s@charset "utf-8"; /* CSS Document */ body { font-size:16px; } .box0{ width:105em; max-width:97%; margin:0 auto;} .box1{ width:93.75em; max-width:97%; margin:0 auto;} .box2{ width:87.5em; max-width:97%; margin:0 auto;} .box3{ width:80em; max-width:97%; margin:0 auto;} html { scroll-behavior: smooth;} .fullH{ height:100vh; box-sizing:border-box;} .fullSH{ height:50em; box-sizing:border-box;} .fullSH2{ height: 93vh; box-sizing: border-box;} .hadeTop{padding-top: 7em;} .pcHide{display: none !important} .moHide{} @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap'); /*나눔손글씨붓*/ /* .dwrap{ position:relative; width:2000px; left:50%; top:0; margin-left:-1000px} .dwrap img{ display:block} */ .jpFont{font-family: 'Noto Sans JP', sans-serif;} .chFont{font-family: 'Noto Sans TC', sans-serif;} .enFont{font-family: 'Oswald', sans-serif;} /**/ .pop_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 999; } .pop_w { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; } .pop_w .img_w { position: relative; } .pop_w .img_w .close_btn { position: absolute; top: -18px; right: -4px; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #000; border-radius: 50%; color: #FFF; font-size: 1.25rem; box-sizing: border-box; padding-left: 1px; cursor: pointer; transition: .3s; } .pop_w .img_w .close_btn:hover { background: #337eff; } .pop_w .all_close { font-size: .938rem; color: #FFF; text-align: center; color: #EEE; margin-top: 10px; cursor: pointer; transition: .3s; font-family: 'Noto Sans KR', sans-serif; } .pop_w .all_close:hover { text-decoration: underline; } /*HEADER*/ #header{ position:fixed; left:0; top:0; z-index:999;} #header:before{ content:""; position:fixed; z-index:99; top:0; left:0; width:100vw; height:100vw; background:#000; opacity:.6; display:none;} #header .headerIn{position:fixed; z-index:999; left: 0; top: 0; right: 0} #header .top_wrap .flexH, #header .gnb_wrap .gnb_menu .gnb > li, #header .gnb_wrap .gnb_menu .gnb > li .dp1{ height:6em; box-sizing: border-box;} #header .top_wrap .logo, #header .etc_wrap{width: 15em} #header .top_wrap .logo .in{display: block;} #header .top_wrap .logo .logoA{} #header .top_wrap .logo .logoB{ display:none;} #header .gnb_wrap{} #header .gnb_wrap .gnb_menu{} #header .gnb_wrap .gnb_menu .gnb{} #header .gnb_wrap .gnb_menu .gnb > li{overflow:hidden; transition: height .2s, background .2s} #header .gnb_wrap .gnb_menu .gnb > li .dp1{height:6em; padding:0 4em; position:relative; transition: height .2s, background .2s} #header .gnb_wrap .gnb_menu .gnb > li .dp1 .tt{color:#fff; font-size:1.313em; font-weight: 500} #header .gnb_wrap .gnb_menu .gnb > li .dp1:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; transform:scaleX(0%); opacity:0; } #header .gnb_wrap .gnb_menu .gnb > li .dp2{display:block; opacity:0; overflow:hidden} #header .gnb_wrap .gnb_menu .gnb > li .dp2 > li{display:block; padding:.65em .5em;} #header .gnb_wrap .gnb_menu .gnb > li .dp2 > li:first-child{padding-top: 0;} #header .gnb_wrap .gnb_menu .gnb > li .dp2 > li .tt{font-size:.938em; color:#666} #header .gnb_wrap .gnb_menu .gnb > li .dp2 > li:hover .tt{transition:.3s; color:#f57d20;} #header .gnb_wrap .gnb_menu .gnb > li .dp2 > li .dp3{ display:none;} /* #header .gnb_wrap .gnb_menu .gnb > li.on .dp1:after{ transform:scaleX(100%); opacity:1;} */ #header .etc_wrap{} #header .etc_wrap .menu{} #header .etc_wrap .menu > li{} #header .etc_wrap .menu > li .li_in{color: #fff; padding: .5em .938em} #header .etc_wrap .menu > li .li_in .xi{} #header .etc_wrap .menu > li .li_in .tt{font-size: .875em;} #header .etc_wrap .lang_wrap{position: relative;} #header .etc_wrap .lang_wrap .langList{color: #fff; position: relative;} #header .etc_wrap .lang_wrap .langList .t1{font-size: .813em; font-weight: 300; padding-left: .125em;} #header .etc_wrap .lang_wrap .langList .t2{font-size: .875em; padding-left: .25em; } #header .etc_wrap .lang_wrap .langList .arrow{ font-size:1em; margin-left:.25em; transition:.3s} #header .etc_wrap .lang_wrap .langList:hover .arrow, #header .etc_wrap .lang_wrap.on .langList .arrow{ transform:rotate(180deg)} #header .etc_wrap .lang_wrap .list{visibility: hidden; opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; background: #fff; border-radius: .313em; padding: .75em; box-sizing:border-box; box-shadow:0 .75em 1em rgba(0,0,0,.1); } #header .etc_wrap .lang_wrap.on .list{visibility: visible; opacity: 1;} #header .etc_wrap .lang_wrap .list > li{} #header .etc_wrap .lang_wrap .list > li .lang{margin: .5em 0;} #header .etc_wrap .lang_wrap .list > li:first-child .lang{margin-top: 0;} #header .etc_wrap .lang_wrap .list > li:last-child .lang{margin-bottom: 0;} #header .etc_wrap .lang_wrap .list > li .lang .ico{opacity: 0; color: #999; font-size: 1.063em; padding-right: .25em;} #header .etc_wrap .lang_wrap .list > li .lang .img{padding-right: 5px;} #header .etc_wrap .lang_wrap .list > li .lang .img > img{width: 1.313em;} #header .etc_wrap .lang_wrap .list > li .lang .tt{font-size: .813em; color: #555} #header .etc_wrap .lang_wrap .list > li .lang:hover .tt{text-decoration: underline;} #header .etc_wrap .lang_wrap.on .list > li .lang.on .ico{ opacity: 1;} #header .etc_wrap .lang_wrap.on .langList:after{opacity: 1; visibility: visible;} #header .etc_wrap .lang_wrap .list > li:hover .lang:hover .tt{color:#f57d20;} /* #header .all_wrap{width:5em;} */ #header .all_wrap .btn_all{position:relative; display:block} #header .all_wrap .btn_all .btn_in{position:relative; display:block; width:2em; height:1.5em;} #header .all_wrap .btn_all .btn_in .ham, #header .all_wrap .btn_all .btn_in .ham:before, #header .all_wrap .btn_all .btn_in .ham:after { display:block; width:100%; height:2px; background:#fff; transition:.2s;} #header .all_wrap .btn_all .btn_in .ham:before, #header .all_wrap .btn_all .btn_in .ham:after { content:""; position:absolute; right:0;} #header .all_wrap .btn_all .btn_in .ham:before{ top:calc(50% - 1px);} #header .all_wrap .btn_all .btn_in .ham:after { top:calc(100% - 2px);} #header .all_wrap .btn_all:hover .ham:before{ width:80%;} #header .all_wrap .btn_all:hover .ham:after { width:90%;} #header .all_wrap .all{ position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; transition:all .3s} #header .all_wrap .all .all_img ~ .inn_wrap{overflow-y: scroll !important} #header .all_wrap .all .wrap_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; transform:translateX(100%); transition:all .3s;} #header .all_wrap .all .wrap_in{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity .3s ease 0s;} #header .all_wrap .all .inn_wrap{height:100%; height: 100vh;} #header .all_wrap .all .wrap_in .all_scroll{ height:inherit;} #header .all_wrap .all .all_img{ position:relative; width:35%; height:100%;} #header .all_wrap .all .all_img .bg{position:relative; width:100%; height:100vh; } #header .all_wrap .all .all_img .logo{padding: 3em 2em; width: inherit; display: block; position: absolute; z-index: 3; } #header .all_wrap .all .all_img .bg:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.5)} #header .all_wrap .all .all_img ~ .inn_wrap{ flex:1;} #header .all_wrap .all .logo_wrap{padding: 5em 3em 0 3em} #header .all_wrap .all .lang_menu{padding: 0 5vw} #header .all_wrap .all .lang_menu .list{margin: 0 0 -1em -1em;} #header .all_wrap .all .lang_menu .list > li{} #header .all_wrap .all .lang_menu .list > li a{padding: .5em .75em; border-radius: 3em; background: #f5f5f5; border: 1px solid #eee; margin: 0 0 1em 1em;} #header .all_wrap .all .lang_menu .list > li a .xi{color: #666; padding-right: 2px; font-size: 1em;} #header .all_wrap .all .lang_menu .list > li a .tt{color:#666; font-size: .875em;} #header .all_wrap .all .lang_menu .list > li:hover a{background: #f57d20; border: 1px solid #f57d20} #header .all_wrap .all .lang_menu .list > li:hover a .xi, #header .all_wrap .all .lang_menu .list > li:hover a .tt{color: #fff; transition: .2s;} #header .all_wrap .all .lang_menu .list > li.loginSt a{background: none; border-radius: none; border: none;} #header .all_wrap .all .lang_menu .list > li.loginSt a .xi, #header .all_wrap .all .lang_menu .list > li.loginSt a .tt{color: #333;} #header .all_wrap .all .lang_menu .list > li.loginSt:hover a{background: none; border: none;} #header .all_wrap .all .lang_menu .list > li.loginSt:hover a .xi, #header .all_wrap .all .lang_menu .list > li.loginSt:hover a .tt{color:inherit; transition: inherit;} /* #header .all_wrap .all .lang_menu .list > li:hover a .tt, #header .all_wrap .all .lang_menu .list > li:hover a .xi{color: #111; transition: .3s; text-decoration: underline;} */ #header .all_wrap .all .allconWrap{ padding:2vh 5vw 5vh 5vw; color:#111; opacity:0; transform:translateY(8em); transition:all .8s;} #header .all_wrap .all .allconWrap .all_gnb .gnb{ flex-wrap:wrap; display: block;} #header .all_wrap .all .allconWrap .all_gnb .gnb .flex{ display:flex; text-align:left !important; flex-wrap:wrap} #header .all_wrap .all .allconWrap .all_gnb .gnb > li{ flex:1; display: flex; align-items: center; align-content: center; border-bottom: 1px solid #eee; padding: 2em 0} #header .all_wrap .all .allconWrap .all_gnb .gnb > li a{ position:relative;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li ul{} #header .all_wrap .all .allconWrap .all_gnb .gnb > li ul li{} #header .all_wrap .all .allconWrap .all_gnb .gnb > li ul li a{ padding-right: 1.5em;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1{font-weight: 500; width: 20%; display: block;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1:before{ content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.375em; background:#f57d20; border-radius:6em; transform:rotate(-45deg) translate(-.5em, -1.125em); display: none;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt{ font-size:1.875em; color: #333} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a{} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt{ font-size:1.063em; opacity:.8;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3{ display:none;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a{ padding-left:.875em; opacity:.6;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a:before{ content:""; display:block; position:absolute; left:0; top:.875em; width:5px; height:2px; background:#fff;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a .tt{ font-size:.938em;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li:hover .dp1 .tt{color: #f57d20; transition: .3s;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li:hover .dp1:before{background: #f57d20; transition: .3s;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li:hover > a .tt{text-decoration:underline; opacity:1} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li:hover > a .tt{ text-decoration:underline; opacity:1} #header.allOpen{ z-index:999;} #header.allOpen .all_wrap .all{ visibility:visible; z-index:99; opacity:1;} #header.allOpen .all_wrap .all .wrap_bg{ transform:translateX(0);} #header.allOpen .all_wrap .all .wrap_in{ opacity:1; transition-delay:.5s;} #header.allOpen .all_wrap .all .allconWrap{ opacity:1; transform:translateY(0); transition-delay:.5s;} #header.allOpen .all_wrap .btn_all .ham, #header.allOpen .all_wrap .btn_all .ham:before, #header.allOpen .all_wrap .btn_all .ham:after {background:#666} #header.allOpen .all_wrap .btn_all{ position:fixed; top:1em; right:1em; z-index:999; background:transparent; border-color:transparent;} #header.allOpen .all_wrap .btn_all .btn_in{ width:3em; height:3em;} #header.allOpen .all_wrap .btn_all .ham{ background:transparent!important; transition:0s;} #header.allOpen .all_wrap .btn_all .ham:before, #header.allOpen .all_wrap .btn_all .ham:after { width:100% !important; top:50% !important; background:#666;} #header.allOpen .all_wrap .btn_all .ham:before{ transform:rotate(45deg);} #header.allOpen .all_wrap .btn_all .ham:after { transform:rotate(-45deg);} #header.gnbOpen:before{display:block;} #header.gnbOpen .headerIn{background: #fff} #header.gnbOpen .gnb_wrap .gnb_menu .gnb > li .dp1{} #header.gnbOpen .gnb_wrap .gnb_menu .gnb > li .dp1 .tt{color: #111} #header.gnbOpen .gnb_wrap .gnb_menu .gnb > li .dp2{ opacity:1; overflow:visible; transition:.4s; padding:0 0 2em 0; } #header.gnbOpen .top_wrap .logo .logoA{ display:none;} #header.gnbOpen .top_wrap .logo .logoB{ display:block;} #header.gnbOpen .all_wrap .btn_all .ham, #header.gnbOpen .all_wrap .btn_all .ham:before, #header.gnbOpen .all_wrap .btn_all .ham:after {background:#111} #header.active .headerIn{background: #fff; transition: .4s; box-shadow: 0px 0px 20px 0px rgba(10, 10, 10, .1)} #header.active .all_wrap .btn_all .ham, #header.active .all_wrap .btn_all .ham:before, #header.active .all_wrap .btn_all .ham:after {background:#111} #header.active .top_wrap .logo .logoA{ display: none;} #header.active .top_wrap .logo .logoB{ display: block;} #header.active .etc_wrap .menu > li .li_in{color: #111} #header.active .etc_wrap .lang_wrap .langList{color: #111} .scroll #header .top_wrap .flexH, .scroll #header .gnb_wrap .gnb_menu .gnb > li, .scroll #header .gnb_wrap .gnb_menu .gnb > li .dp1{height: 5em;} #header.gnbOpen .gnb_wrap .gnb_menu .gnb > li{ height:auto;} #header.active .gnb_wrap .gnb_menu .gnb > li .dp1 .tt{color: #111; } #header .gnb_wrap .gnb_menu .gnb > li.on .dp1 .tt{color:#f57d20 !important} /*FOOTER*/ #footer{background: #111; padding: 3em 0;} #footer .goTop{ z-index:99; position:fixed; right:0; bottom:0; width:3.5em; height:3.5em; text-align:center; background:#f57d20; color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s; max-width: 3.5em; display:none;} #footer .goTop .xi{ font-size:1.5em; transition:.3s} #footer .goTop:hover .xi{ transform:translateY(-.25em)} .scroll #footer .goTop{ opacity:1; transform:translateY(0)} #footer .etc {position: fixed; right: 1em; bottom: 1em; z-index: 33; border-radius: .5em; overflow: hidden;} #footer .etc > li{background:#000} #footer .etc > li > a{ display:block; padding:1em 1.5em; background:#f57d20; color:#fff; font-size:.813em; text-align:center; transition:.3s; border-left:1px solid rgba(255,255,255,.2)} #footer .etc > li > a .img{display: block; padding-bottom: .15em;} #footer .etc > li > a .xi{ display:block; font-size:2em; padding-bottom: .15em;} #footer .etc > li > a:hover{ opacity:.8} #footer .footerIn{} #footer .footerIn .in{} #footer .footerIn .in .info{flex:1;} #footer .footerIn .in .info .inner{} #footer .footerIn .in .info .inner .logo{padding: 0 0 2em 0;} #footer .footerIn .in .info .inner .info{} #footer .footerIn .in .info .inner .info > li{font-size: .875em; margin-bottom: .75em;} #footer .footerIn .in .info .inner .info > li .ti{font-weight: 500; color: #fff; width: 5em; width: 7.5em;} #footer .footerIn .in .info .inner .info > li .tx{font-weight: 400; color: #ccc} #footer .footerIn .in .info .inner .sns{padding-top: 2em; gap:0 1em;} #footer .footerIn .in .info .inner .sns > li{} #footer .footerIn .in .info .inner .sns > li .snstt{color: #888; font-size: .813em;} #footer .footerIn .in .info .inner .sns > li .snstt .xi{} #footer .footerIn .in .info .inner .sns > li .snstt .tt{} #footer .footerIn .in .menu{} #footer .footerIn .in .menu .inner{} #footer .footerIn .in .menu .inner .gnb{gap:0 5em;} #footer .footerIn .in .menu .inner .gnb > li{} #footer .footerIn .in .menu .inner .gnb > li .dp1{display: block; text-align: left !important; padding-bottom: 1em;} #footer .footerIn .in .menu .inner .gnb > li .dp1 .tt{font-size: 1em; color: #fff} #footer .footerIn .in .menu .inner .gnb > li .dp2{display: block;} #footer .footerIn .in .menu .inner .gnb > li .dp2 > li{} #footer .footerIn .in .menu .inner .gnb > li .dp2 > li > a{display: block; text-align: left !important; padding: .313em 0;} #footer .footerIn .in .menu .inner .gnb > li .dp2 > li > a .tt{color: #888; font-weight: 400; font-size: .813em;} #footer .footerIn .in .menu .inner .gnb > li .dp2 > li > a:hover .tt{text-decoration: underline;} #footer .line{display: block; height: 1px; background: #575757; margin: 2em 0;} #footer .footerIn .in .copy{} #footer .footerIn .in .copy .tt{font-size: .813em; font-weight: 400; color: #ccc} #footer .footerIn .in .privacy{} #footer .footerIn .in .privacy .tt{font-size: .813em; font-weight: 400; color: #ccc} /*gather banner*/ .g_banner_w { z-index: 33; position: fixed; top: 15vh; right: 3vw;} .g_banner_w img { width: 100%; } .g_banner_w .close_btn{ position: absolute; top: 0; right: -2em; width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 50%; background: #fff; text-align: center; transition: .3s; z-index: 9; border: 2px solid #442dff} .g_banner_w .close_btn .xi{color: #442dff; font-size: 1.125em;} .g_banner_w .close_btn:hover { background: #475cdc; } .g_banner_w .close_btn:hover .xi{color: #fff;} .g_banner_w .inner { display: inline-block; border-radius: 13px; overflow: hidden; border: 3px solid #4358dc; box-sizing: border-box; width: 267px; height: 110px; box-shadow: 0 3px 5px rgba(0,0,0,.4); transition: .3s; z-index: 9; } .g_banner_w .inner:hover { box-shadow: none; border-color: #442dff; } /*MAIN*/ .main_visual_wrap{position: relative;} .visualSlider_wrap{ position:relative; z-index:9; overflow:hidden;} .visualSlider{ height:100%;} .visualSlider .el{ position:relative; overflow:hidden;} .visualSlider .el .vod{position: absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%,-50%); opacity:0} .visualSlider .el .layer{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.5)} .visualSlider .el.swiper-slide-active .vod, .visualSlider .el.swiper-slide-duplicate-active .vod{ opacity:1} .visualSlider .el.swiper-slide-active .bg, .visualSlider .el.swiper-slide-duplicate-active .bg{ transform:scale(1); opacity:1; transition:3s} .main_visual_slogan{color: #fff; z-index: 33; width: 100%; padding: 0 8em} .main_visual_slogan .t1{padding-bottom: .25em; font-weight: 800; transform:translateX(2em); opacity:0; line-height: 1.4; font-size: 6em;} .main_visual_slogan .t1 .col1{color: #BF192D} .main_visual_slogan .t1 .col2{color: #EC8E26} .main_visual_slogan .t1 .col3{color: #033490} .main_visual_slogan .t2{font-size: 1.5em; transform:translateX(2em); opacity:0} .load .main_visual_slogan .t1{transform:translateX(0); opacity:1; transition:1.5s; transition-delay:.3s} .load .main_visual_slogan .t2{transform:translateX(0); opacity:1; transition:1.5s; transition-delay:1.1s} /* .visualSlider .el:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.2)} */ .visualSlider .el .bg{ position:absolute; left: 0; top: 0; width:100%; height: 100%;transform:scale(1.2,1.2); transition:2.5s; opacity: 0} .visualSlider .main_slogan{ z-index:2; position: absolute; width: 100%; top: 30vh; box-sizing: border-box; left: 0;} .visualSlider .main_slogan .slogan{color: #fff;} .visualSlider .main_slogan .slogan .t1{ font-size: 5.5em; font-weight: 700; padding-bottom: .5em; line-height: 1.3; transform:translateX(2em); opacity:0 } .visualSlider .main_slogan .slogan .t2{ font-size: 1.5em; font-weight: 300; transform:translateX(2em); opacity:0} .visualSlider .el.swiper-slide-active .bg, .visualSlider .el.swiper-slide-duplicate-active .bg{opacity:1; transform:scale(1,1); transition:transform 4s, opacity 1.5s;} .visualSlider .el.swiper-slide-active .main_slogan .slogan .t1{transform:translateX(0); opacity:1; transition:1.5s; transition-delay:.8s} .visualSlider .el.swiper-slide-active .main_slogan .slogan .t2{transform:translateX(0); opacity:1; transition:1.5s; transition-delay:1.4s} .visualSlider_wrap .mainSlogan{ position:absolute; z-index:2; left:0; top:8vh; width:100%; overflow:hidden; color:#fff; text-align:center;} .visualSlider_wrap .mainSlogan .slogan .txt{ margin-top:5vh;} .visualSlider_wrap .mainSlogan .slogan .logo{ margin-bottom:1em;} .visualSlider_wrap .mainSlogan .slogan .logo img{ width:6em;} .visualSlider_wrap .mainSlogan .slogan .tt{ line-height:1.8;} .visualSlider_wrap .mainSlogan .slogan .t1{ font-size:4.000em; font-weight:400; line-height:1.2;} .visualSlider_wrap .mainSlogan .slogan .t2{ font-size:1.250em;} .mainControl{ position:absolute; left:0; top: 75vh; width:100%; z-index:10; margin-top: 5vh; display: none;} .mainControl .mainSlider-btn{ width:3.125em; cursor:pointer; line-height:2.5em; color:#fff; outline:none; text-align:center} .mainControl .mainSlider-btn .xi{ font-size:2em; text-align:center;} .mainControl .mainSlider-btn:hover{ opacity:1} .mainControl .mainProgress{ position:relative; text-align:center; margin-right:1em} .mainControl .mainPauseWrap{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center;} .mainControl .mainPauseWrap .mainSlider-btn{ line-height:50px} .mainControl .mainPauseWrap .mainSlider-btn .xi{ font-size:1.5em;} .mainControl .mainPauseWrap .mainSlider-play{ display:none} .mainControl .mainPauseWrap.pause .mainSlider-pause{ display:none} .mainControl .mainPauseWrap.pause .mainSlider-play{ display:block; opacity:1; color:#fff} .mainControl .mainSlider-pagination{ margin-left:1em;} .mainControl .mainSlider-pagination span{ width:1em; height:1em; background:#fff; border-radius:6em; font-size:.625em; opacity:.4; margin:0 .25em; transition:.3s;} .mainControl .mainSlider-pagination span.swiper-pagination-bullet-active{ width:7em; opacity:1;} .mainScroll{ position:absolute; right:4vw; bottom:0; z-index:100; color:#fff} .mainScroll *{ vertical-align:middle;} .mainScroll .line{ position:relative; display:block; height:3em; overflow:hidden} .mainScroll .line:before{ content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#fff; opacity:.2;} .mainScroll .dot{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:.5em; height:.5em; background:#fff; border-radius:50%; opacity:.6;} .mainScroll .tt{ display:block; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0; white-space:nowrap; } .mainScroll .tt .xi{ font-size:1.5em; margin-right:.25em; display:none;} .moveDownAni{ animation-name: moveDownAni; animation-duration: 3s; transform-origin:center; animation-iteration-count: infinite} @keyframes moveDownAni{ 100%{ top:150%;} } .moveDownAni:not(.hovnot):hover{ animation-name: none} .main_scroll_wrap{ position:absolute; left: 50%; bottom:1em; z-index:100; transform: translateX(-50%);color: #fff} .main_scroll_wrap .in_scroll{ display: flex; align-items: center; justify-content: space-around; flex-direction: column;} .main_scroll_wrap .in_scroll .scroll_tit{font-size: .688em; padding-bottom: .5em; font-weight: 500; letter-spacing: .1em;} .main_scroll_wrap .in_scroll .scroll_mouse{ width: 23px; height: 40px; border: 1px solid #fff; border-radius: 15px; position: relative; overflow: hidden;} .main_scroll_wrap .in_scroll .scroll_mouse:before{ content: ''; width: 3px; height: 3px; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background-color: #fff; border-radius: 50%; opacity: 1; animation: wheel 1s infinite; -webkit-animation: wheel 1.8s infinite;}} @keyframes wheel { to { opacity: 0; top: 60px; } } @-webkit-keyframes wheel { to { opacity: 0; top: 60px; } } .mainCon1_wrap{padding: 2em 0; box-sizing: border-box;} .mainCon1_wrap .main_tit_wrap{padding-bottom: 5em;} .mainCon1_wrap .main_tit_wrap .ti{text-align: center; font-weight: 600; font-size: 4.5em;} .mainCon1_wrap .gamesSwiper_wrap{position: relative; box-sizing: border-box;} .mainCon1_wrap .gamesSwiper{} .mainCon1_wrap .gamesSwiper .el{} .mainCon1_wrap .gamesSwiper .el > a{display: block; background: #f5f5f5} .mainCon1_wrap .gamesSwiper .img_wrap .resize{padding-bottom: 110%} .mainCon1_wrap .gamesSwiper .txt_wrap{background: #f57d20; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; opacity: 0; visibility:hidden; } .mainCon1_wrap .gamesSwiper .txt_wrap .in{padding: 3em 1.313em 2em 1.313em} .mainCon1_wrap .gamesSwiper .txt_wrap .in .prod_kr{color: #fff; font-weight: 700; font-size: 1.750em} .mainCon1_wrap .gamesSwiper .txt_wrap .in .prod_tx{color: #fff; line-height: 1.5; font-weight: 400; padding-top: 1em;} .mainCon1_wrap .gamesSwiper .txt_wrap .in2{ position: absolute; left: .25em; bottom: .5em;} .mainCon1_wrap .gamesSwiper .txt_wrap .in2 .prod_en{ color: rgba(255,255,255,.1); -webkit-text-stroke: 1px rgba(255,255,255,1); font-size: 3.5em; font-weight: 700; opacity: .25; line-height: 1; font-size: 3.125em;} .mainCon1_wrap .gamesSwiper .txt_wrap .in2 .prod_en.st{padding-left: 1em;} .mainCon1_wrap .gamesSwiper .el:hover .txt_wrap{opacity: 1; visibility: visible; transition: .4s;} .mainCon1_wrap .main_dot{ position:absolute !important; z-index:2!important; bottom:-2em!important; width:100% !important; text-align:center;} .mainCon1_wrap .main_dot .swiper-pagination-bullet-active{background: #f57d20 !important} /* .mainCon1_wrap .gamesSwiper .el.swiper-slide-active .txt_wrap{background: #f00} */ .mainCon2_wrap{margin: 4em 0; box-sizing: border-box;} .mainCon2_wrap .con2_bg{background: #f5f5f5; padding: 4em 0;} .mainCon2_wrap .inner{} .mainCon2_wrap .inner .txt_wrap{width: 50%; max-width: 30em;} .mainCon2_wrap .inner .txt_wrap .t1{font-size: 4.5em;} .mainCon2_wrap .inner .txt_wrap .t1 .ti1{font-weight: 500;} .mainCon2_wrap .inner .txt_wrap .t1 .ti2{color: #f57d20; font-weight: 700; display: block;} .mainCon2_wrap .inner .txt_wrap .tx{color: #333; line-height: 1.5; font-size: 1.063em; padding: 1.5em 0 3em 0} .mainCon2_wrap .inner .main_btn{border: 1px solid #f57d20; border-radius: 6em; padding: .5em 2em; height: 3.75em; min-width: 12em; max-width: 100%;} .mainCon2_wrap .inner .main_btn .tt{color: #f57d20; font-size: 1.125em; font-weight: 500} .mainCon2_wrap .inner .con_wrap{flex:1;} .mainCon2_wrap .inner .con_wrap .list{margin: 0 0 0 -.5em;} .mainCon2_wrap .inner .con_wrap .list > li{flex:1;} .mainCon2_wrap .inner .con_wrap .list > li .in{margin: 0 0 0 .5em; overflow: hidden; padding: 15em 1.250em 2em 1.250em; flex:1; position: relative; /*border-radius: .75em;*/} .mainCon2_wrap .inner .con_wrap .list > li .in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.35)} .mainCon2_wrap .inner .con_wrap .list > li .in .tw{z-index: 6;} .mainCon2_wrap .inner .con_wrap .list > li .in .tw .t1{color: #fff; font-weight: 600; font-size: 1.438em} .mainCon2_wrap .inner .con_wrap .list > li .in .tw .t2{line-height: 1.5; color: #fff; padding-top: 1.313em; font-size: .938em} .mainCon2_wrap .inner .con_wrap .list > li:hover .in:before{background: rgba(0,0,0,.1); transition: .2s;} .mainCon3_wrap{box-sizing: border-box; } .mainCon3_wrap .con3_bg{position: relative;} /* .mainCon3_wrap .con3_bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.15)} */ .mainCon3_wrap .con3_bg .inner{padding: 4em 0;} .mainCon3_wrap .txt_wrap{} .mainCon3_wrap .txt_wrap .ti_w{} .mainCon3_wrap .txt_wrap .ti_w .t1{font-size: 2.438em; color: #fff; font-weight: 700; padding-bottom: .313em} .mainCon3_wrap .txt_wrap .ti_w .t2{font-size: 1.063em; color: #eee; line-height: 1.5;} .mainCon3_wrap .con_wrap{} .mainCon3_wrap .con_wrap .list{margin-top: 2.5em;} .mainCon3_wrap .con_wrap .list > li{} .mainCon3_wrap .con_wrap .list > li .li_in{} .mainCon3_wrap .con_wrap .list > li .circle_wrap{position: relative;} .mainCon3_wrap .con_wrap .list > li .circle_wrap .circle { position: relative; width: 14.5em; height: 14.5em; border-radius: 50%; background: rgba(0,0,0,.5)} .mainCon3_wrap .con_wrap .list > li .circle_wrap .circle:before { position: absolute; content: ""; width: 1px; height: 4em; background: rgba(255,255,255,.3); bottom: -1.5em; } .mainCon3_wrap .con_wrap .list > li .circle_wrap .circle_tt { position: absolute; color: #fff} .mainCon3_wrap .con_wrap .list > li .circle_wrap .circle_tt .t1 { margin-top: 1em; text-transform: uppercase; font-size: .813em; color: #ccc} .mainCon3_wrap .con_wrap .list > li .circle_wrap .circle_tt .t2 { font-size: 1.438em; font-weight: 600; margin-top: 0.3em; } .mainCon3_wrap .con_wrap .list > li .circle_tx{line-height: 1.5; color: #ddd; padding-top: 2.5em} .mainCon3_wrap .con_wrap .list > li:hover .circle_wrap .circle{transform:translateY(-1em); transition: .3s;} .mainCon4_wrap{margin: 5em 0; box-sizing: border-box;} .mainCon4_wrap .main_tit_wrap{padding-bottom: 2em;} .mainCon4_wrap .main_tit_wrap .ti{font-size: 2.3em; font-weight: 600; line-height: 1.5;} .mainCon4_wrap .main_tit_wrap .ti .col{color: #f57d20; font-weight: 700} .mainCon4_wrap .main_Move_txt_wrap{overflow: hidden; box-sizing: border-box;} .mainCon4_wrap .main_Move_txt_wrap .moveTxt{} .mainCon4_wrap .main_Move_txt_wrap .moveTxt .txt_w{ white-space:nowrap; will-change:transform; padding: 4em 0 0 0; display: flex; flex-shrink:0; white-space: nowrap;} .mainCon4_wrap .main_Move_txt_wrap .moveTxt .txt_w .tx{animation: textLoop 30s linear infinite; padding-right:20px; font-size: 10vw; font-weight: 700; text-transform: uppercase; color: #f1f1f1; font-size: 8vw} .mainLicensingSlide_wrap{ padding:6em 0 0 0;} .mainLicensingSlide .el .wrap_img{ padding:0 2em; /*height:8em;*/} .mainLicensingSlide .el .wrap_img img{ max-height:90%;} .main_control{ margin-top:5em; gap:.25em} .main_control .swiperPG{ margin-right:2em} @keyframes textLoop { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .mainCon5_wrap{margin: 3em 0; box-sizing: border-box; position: relative;} .mainCon5_wrap:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.6)} .mainCon5_wrap .con5_bg{padding: 6em 0;} .mainCon5_wrap .txt_wrap{} .mainCon5_wrap .txt_wrap .t1{font-size: 2.8em; color: #fff; font-weight: 700} .mainCon5_wrap .txt_wrap .t2{padding: 2em 0;} .mainCon5_wrap .txt_wrap .tt2{color: #eee; font-size: 1.063em; line-height: 1.5;} .mainCon5_wrap .txt_wrap .main_btn{border: 1px solid #eee; border-radius: 6em; padding: .5em 2em; height: 3.75em; min-width: 12em; max-width: 100%;} .mainCon5_wrap .txt_wrap .main_btn .tt{color: #fff; font-size: 1.125em; font-weight: 500} .mainCon5_wrap .txt_wrap .main_btn:hover{background: #f57d20; border: 1px solid #f57d20} .mainCon6_wrap{padding-bottom: 5em; box-sizing: border-box;} .mainCon6_wrap .main_tit_wrap{padding-bottom: 3em;} .mainCon6_wrap .main_tit_wrap .t1{font-weight: 600; font-size: 5em;} .mainCon6_wrap .main_tit_wrap .t2{color: #333; font-size: 1.063em; padding-top: 1em;} .mainCon6_wrap .main_con_wrap{} .mainCon6_wrap .main_con_wrap .con6_list{margin: 0 0 -2em -1.250em;} .mainCon6_wrap .main_con_wrap .con6_list > li{display: flex; flex:1 0 25%; max-width: 25%; flex-direction: column;} .mainCon6_wrap .main_con_wrap .con6_list > li .in{display: flex; flex:1; flex-direction: column; margin: 0 0 2em 1.250em; box-sizing: border-box;} .mainCon6_wrap .main_con_wrap .con6_list > li .in .img_wrap{border-radius:.5em; overflow:hidden; position:relative} .mainCon6_wrap .main_con_wrap .con6_list > li .in .img_wrap .bg{transform:scale(1); transition:.4s;} .mainCon6_wrap .main_con_wrap .con6_list > li .in .txt_wrap{box-sizing: border-box; padding-top: 1.5em;} .mainCon6_wrap .main_con_wrap .con6_list > li .in .txt_wrap .t1{font-weight: 600; font-size: 1.125em; padding-bottom: .5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .mainCon6_wrap .main_con_wrap .con6_list > li .in .txt_wrap .t2{opacity: .8; line-height: 1.5; font-size: .938em; padding-top: .313em;} .mainCon6_wrap .main_con_wrap .con6_list > li .in .txt_wrap .date{padding-top: 1.313em; font-size: .750em; color: #777; display: none;} .mainCon6_wrap .main_con_wrap .con6_list > li .in .txt_wrap .date .xi{padding-right: .15em;} .mainCon6_wrap .main_con_wrap .con6_list > li .in .txt_wrap .date .tt{} .mainCon6_wrap .main_con_wrap .con6_list > li:hover .in .img_wrap .bg{ transform:scale(1.1);} /*CONTENTS*/ #contents{min-height: calc(100vh) !important; box-sizing: border-box !important} #contents .doc{padding: 3em 0 8em 0} .dp2_parts #contents .doc, .dp1_game #contents .doc{padding-top: 2em;} #contents .subVisual_wrap{position:relative; height: 30em;} #contents .subVisual_wrap .subVisual_bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;} #contents .subVisual_wrap .subVisual_bg > .bg{ position:absolute; top:0; right:0; width:100%; height:100%; transition:3s;} #contents .subVisual_wrap .subVisual_bg > .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.4)} #contents .subVisual_wrap .subTit_wrap{position: relative; z-index: 0; padding: 0 0 3.5em 0; flex:1;} #contents .subVisual_wrap .subTit_wrap .ti_wrap{padding-bottom: 3em;} #contents .subVisual_wrap .subTit_wrap .ti_wrap .tit{} #contents .subVisual_wrap .subTit_wrap .ti_wrap .tit .ti{color: #fff; font-size: 4em; font-weight: 600} #contents .subVisual_wrap .subTit_wrap .con_nav{color: #fff} #contents .subVisual_wrap .subTit_wrap .con_nav > li{} #contents .subVisual_wrap .subTit_wrap .con_nav > li .xi{ font-size:1em; color:#fff;} #contents .subVisual_wrap .subTit_wrap .con_nav > li .tt{ vertical-align:middle; font-size:.938em; } #contents .subVisual_wrap .subTit_wrap .con_nav > li + li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8;} #contents .subVisual_wrap .subTit_wrap .con_nav > li:last-child .tt{ font-weight:600; } #contents .subVisual_wrap .subTit_wrap .subGnb_wrap{} #contents .subVisual_wrap .subTit_wrap .subGnb_wrap .gnb{ display:block; transform:translateX(-2em);} #contents .subVisual_wrap .subTit_wrap .subGnb_wrap .gnb .dp1, #contents .subVisual_wrap .subTit_wrap .subGnb_wrap .gnb > li{ display:none;} #contents .subVisual_wrap .subTit_wrap .subGnb_wrap .gnb, #contents .subVisual_wrap .subTit_wrap .subGnb_wrap .gnb > li.on{ display:block;} #contents .subVisual_wrap .subTit_wrap .subGnb_wrap .gnb .dp2 > li > a{ padding:1em 2em; color:#fff;} #contents .subVisual_wrap .subTit_wrap .subGnb_wrap .gnb .dp2 > li > a .tt{ font-size:1.188em; position:relative;} #contents .subVisual_wrap .subTit_wrap .subGnb_wrap .gnb .dp2 > li > a .tt:after{ content:""; position:absolute; left:0; bottom:-.875em; width:100%; height:3px; background:#fff; transform:scaleX(0); transition:transform .3s;} #contents .subVisual_wrap .subTit_wrap .subGnb_wrap .gnb .dp2 > li.on > a .tt:after{ transform:scaleX(1);} #contents .subPage_tit_wrap{padding-top: 2em;} #contents .subPage_tit_wrap .tit{} #contents .subPage_tit_wrap .tit .ti{font-weight: 700; color: #111; font-size: 2.5em; font-size: 2.125em;} #contents .subGame_bg_wrap{position: relative;} /* #contents .subGame_bg_wrap .subGame_bg_wrap_in{position: relative; height: 100%} #contents .subGame_bg_wrap .subGame_bg_wrap_in .game_bg_Swiper{height: 100%; } #contents .subGame_bg_wrap .subGame_bg_wrap_in .game_bg_Swiper .game_bg_Swiper_in .el{padding-bottom: 25%; position: relative;} #contents .subGame_bg_wrap .subGame_bg_wrap_in .game_bg_Swiper .game_bg_Swiper_in .el .in_bg{} #contents .subGame_bg_wrap .subGame_bg_wrap_in .game_bg_Swiper .game_bg_Swiper_in .el img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} */ #contents .subGame_bg_wrap .gameBanner{position: relative;} #contents .subGame_bg_wrap .gameBanner .in{position: relative;} #contents .subGame_bg_wrap .gameBanner .in .resize{padding-bottom: 24%;} /* #contents .subGame_bg_wrap{position:relative; height: 30em;} #contents .subGame_bg_wrap .game_bg_Swiper_in{height: 30em; width: 100%; position: relative;} #contents .subGame_bg_wrap .game_bg_wrap{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;} #contents .subGame_bg_wrap .game_bg_wrap > .bg{ position:absolute; top:0; right:0; width:100%; height:100%;} */ #contents .subGame_bg_dot{ position:absolute !important; z-index:2!important; bottom:1em!important; width:100% !important; text-align:center;} #contents .subGame_bg_dot .swiper-pagination-bullet{background: #eee} #contents .subGame_bg_dot .swiper-pagination-bullet-active{background: #f57d20 !important} #contents .subGame_bg_Wrap{height: 30em; position: relative;} #contents .subGame_bg_Wrap .in{} #contents .subGame_bg_Wrap .bg{/*padding-bottom: 25.5%;*/ height: 100%; position: absolute; width: 100%; left: 0; top: 0; content: "";} #contents .subGame_bg_Wrap .in.pc_ver{} #contents .subGame_bg_Wrap .in.m_ver{display: none;} .dp1_agree #contents{padding-top: 6em;} .dp1_agree #contents .doc{padding: 1em 0 8em 0} .dp1_agree #header .gnb_wrap .gnb_menu .gnb > li .dp1 .tt{color: #111} .dp1_agree #header .top_wrap .logo .logoA{display: none;} .dp1_agree #header .top_wrap .logo .logoB{display: block;} .dp1_agree #header .headerIn{background: #fff; transition: .4s;} .dp1_agree #header .all_wrap .btn_all .ham, .dp1_agree #header .all_wrap .btn_all .ham:before, .dp1_agree #header .all_wrap .btn_all .ham:after {background:#111} .dp1_agree #header .top_wrap .logo .logoA{ display: none;} .dp1_agree #header .top_wrap .logo .logoB{ display: block;} .dp1_agree #header .etc_wrap .menu > li .li_in{color: #111} .dp1_agree #header .etc_wrap .lang_wrap .langList{color: #111} .pageSupport_top_wrap{margin-bottom: 1.188em;} .page_tab_wrap{margin-bottom: 1.88em;} .page_tab_wrap .tabList{} .page_tab_wrap .tabList > li{} .page_tab_wrap .tabList > li .tab_in{display: flex; align-items: center; align-content: center; justify-content: center; padding: 1em 2em; } .page_tab_wrap .tabList > li .tab_in .tt{color: #888; font-size: 1.063em; font-weight: 500;} .page_tab_wrap .tabList > li:first-child .tab_in{padding-left: 0;} .page_tab_wrap .tabList > li.on .tab_in .tt{position: relative; color: #f57d20} .page_tab_wrap .tabList > li.on .tab_in .tt:after{ content:""; position:absolute; left:0; bottom:-.875em; width:100%; height:3px; background:#f57d20; transform:scaleX(0); transition:transform .3s;} .page_tab_wrap .tabList > li.on .tab_in .tt:after{ transform:scaleX(1);} .page_tab_wrap .tabList > li:hover .tab_in .tt{color:#f57d20; transition: .3s;} .page_tab_wrap.st2{} .page_tab_wrap.st2 .inner{} .page_tab_wrap.st2 .inner .layout_tit_wrap .pageTit_wrap {padding-bottom: 1.5em; padding-top: 2em; padding-bottom: 3em} .page_tab_wrap.st2 .inner .layout_tit_wrap .pageTit_wrap .tit{font-weight: 700 !important; font-size: 2.5em !important; color: #111 !important; padding-bottom: .5em;} .page_tab_wrap.st2 .inner .layout_tit_wrap .pageTit_wrap .txt{font-size: 1.125em; color: #666; line-height: 1.5;} .page_tab_wrap.st2 .inner .layout_tab_wrap{} .pageNotice_wrap{margin-top: 30px;} .pageNotice_wrap .noticeList{margin: 0 0 -3em -1.250em;} .pageNotice_wrap .noticeList > li{display: flex; flex:1 0 25%; max-width: 25%; flex-direction: column;} .pageNotice_wrap .noticeList > li .in{display: flex; flex:1; flex-direction: column; margin: 0 0 3em 1.250em; box-sizing: border-box;} .pageNotice_wrap .noticeList > li .in .img_wrap{border-radius:.5em; overflow:hidden; position:relative} .pageNotice_wrap .noticeList > li .in .img_wrap .bg{transform:scale(1); transition:.4s;} .pageNotice_wrap .noticeList > li .in .txt_wrap{box-sizing: border-box; padding-top: 1.5em;} .pageNotice_wrap .noticeList > li .in .txt_wrap .t1{font-weight: 600; font-size: 1.125em; padding-bottom: .5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .pageNotice_wrap .noticeList > li .in .txt_wrap .t2{font-size: .875em; opacity: .8; line-height: 1.5; min-height: 4.25em;} .pageNotice_wrap .noticeList > li .in .txt_wrap .date{padding-top: 1.313em; font-size: .750em; color: #777;} .pageNotice_wrap .noticeList > li .in .txt_wrap .date .xi{padding-right: .15em;} .pageNotice_wrap .noticeList > li .in .txt_wrap .date .tt{} .pageNotice_wrap .noticeList > li:hover .in .img_wrap .bg{ transform:scale(1.1);} .pageMedia_wrap{} .pageMedia_wrap .mediaList{margin: 0 0 -2em -1.250em; align-items: flex-start; align-content: flex-start;} .pageMedia_wrap .mediaList > li{flex:1 0 20%; max-width: 20%; display: flex; flex-direction: column;} .pageMedia_wrap .mediaList > li .in{margin: 0 0 2em 1.250em; display: flex; flex-direction: column;} .pageMedia_wrap .mediaList > li .in .img_wrap{border-radius: .5em; overflow: hidden;} .pageMedia_wrap .mediaList > li .in .img_wrap .bg{transform:scale(1); transition:.4s;} .pageMedia_wrap .mediaList > li .in .txt_wrap{padding-top: 1em;} .pageMedia_wrap .mediaList > li .in .txt_wrap .t1{color: #f57d20; padding-bottom: .5em;} .pageMedia_wrap .mediaList > li .in .txt_wrap .t2{font-weight: 600; font-size: 1.125em; padding-bottom: .5em;} .pageMedia_wrap .mediaList > li:hover .in .img_wrap .bg{ transform:scale(1.1);} .pageGallery_wrap{} .pageGallery_wrap .galleryList{margin: 0 0 -2em -1.250em;} .pageGallery_wrap .galleryList > li{flex:1 0 20%; max-width: 20%; display: flex; flex-direction: column;} .pageGallery_wrap .galleryList > li .in{margin: 0 0 2em 1.250em; display: flex; flex-direction: column;} .pageGallery_wrap .galleryList > li .in .img_wrap{border-radius: .5em; overflow: hidden;} .pageGallery_wrap .galleryList > li .in .img_wrap .bg{transform:scale(1); transition:.4s;} .pageGallery_wrap .galleryList > li .in .txt_wrap{padding-top: 1em;} .pageGallery_wrap .galleryList > li .in .txt_wrap .t1{color: #f57d20; padding-bottom: .5em;} .pageGallery_wrap .galleryList > li .in .txt_wrap .t2{font-weight: 600; font-size: 1.125em; padding-bottom: .5em;} .pageGallery_wrap .galleryList > li:hover .in .img_wrap .bg{ transform:scale(1.1);} .pageLeaflet_wrap{} .page_tbl_wrap{} .login_wrap{ width:560px; max-width:96%; margin:0 auto; box-sizing:border-box;} .login_wrap.w1{ width:680px} .login_wrap.w2{ width:1000px} .login_wrap .join_sec{ display:flex; justify-content:space-between; flex-wrap:wrap} .login_wrap .join_sec > li{ width:49%} .login_wrap .join_sec > li.w100{ width:100%} .login_wrap .join_sec .table_form > li{ padding-top:0;} .login_tab{ display:flex; padding:0 1px 0 0; margin-bottom:2em;} .login_tab > li{ flex:1 1 1%;} .login_tab > li > a{ display:flex; align-items:center; justify-content:center; box-sizing:border-box; position:relative; height:4.5em; border:1px solid rgba(0,0,0,.1); color:rgba(0,0,0,.7); background:#ddd; margin:0 -1px -1px 0} .login_tab > li:first-child > a{ border-radius:.5em 0 0 .5em;} .login_tab > li:last-child > a{ border-radius:0 .5em .5em 0;} .login_tab > li > a .t1{ font-weight:500; font-size:1.25em} .login_tab > li > a.on{ background:#ccc; border-color:transparent; color:#fff} .login_tab > li > a.on:after{ content:""; position:absolute; left:50%; transform:translate(-50%, 50%) rotate(45deg); bottom:-1px; width:.75em; height:.75em; background:#fff} .layer_inp{ display:block; position:relative} .layer_inp .inp:focus{ z-index:1} .layer_inp .inp{ border:1px solid #ddd; margin-bottom:-1px; padding:1em; padding-left:4em; height:3.75em; box-sizing:border-box; width:100%; position:relative; font-weight:500; font-size:1.188em} .layer_inp select.inp{ padding-left:3.75em} .layer_inp select.inp optgroup, .layer_inp select.inp option{ font-weight:400;} .layer_inp:first-child .inp{ border-top-left-radius:.5em; border-top-right-radius:.5em} .layer_inp:last-child .inp{ border-bottom-left-radius:.5em; border-bottom-right-radius:.5em} .layer_inp .tt{ position:absolute; left:4.25em; right:0; top:0; height:100%; display:flex; align-items:center; box-sizing:border-box; padding:0 .5em; z-index:2; color:#666; font-weight:500} .layer_inp .tt > i{ font-size:1.188em} .layer_inp .ico{ font-size:1em; position:absolute; left:0; top:0; width:4.5em; height:100%; display:flex; align-items:center; justify-content:center; z-index:2} .layer_inp .ico:before{ font-size:1.5em} .layer_inp .inp:focus{ outline:none} .layer_inp .inp:valid ~ .tt, .layer_inp .inp:focus ~ .tt{ right:auto; width:auto; height:1em; transform:translateY(-50%); backdrop-filter:blur(1em); } .layer_inp .inp:valid ~ .tt > i, .layer_inp .inp:focus ~ .tt > i{ font-size:.875em} .login_wrap{ padding:3em 3em; background:#f5f7f8; border-radius:1em;} .login_wrap .login{ display:flex; flex-direction:column} .login_wrap .login > *{ width:100%; box-sizing:border-box} .login_wrap .tit_wrap{padding-bottom: 1.5em;} .login_wrap .tit_wrap .ti{font-size: 1.688em; font-weight: 700;} .login_wrap .txt_wrap{padding-top: 1em;} .login_wrap .txt_wrap .tx{font-size: .875em; font-weight: 400; color: #333; line-height: 1.5;} .login_wrap .page_btn{ margin-top:2em; gap:.5em;} .login_wrap .page_btn.gap1{ gap:1em 2em;} .login_wrap .inp_flex{ display:flex; gap:1em;} .login_wrap .inp_flex .inp_wrap{ flex:1 1 0%; min-width:0;} .login_wrap .inp_flex .page_btn{ width:9em; margin-top:0} .login_wrap .inp_flex .page_btn .btn{ height:100%} .page_btn{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.313em;} .page_btn.mg1{margin-top: 3em;} .page_btn.mg2{margin-bottom: 1em;} .page_btn.mg3{margin-top: 1em;} .page_btn > *{ flex:1 1 0%; min-width:0;} .page_btn .in{ display:flex; align-items:center; /*flex:0 0 auto;*/ gap:.313em; flex-wrap: wrap;} .page_btn .in.right{ margin-left:auto;} .page_btn .max0{ flex:0 0 auto;} .page_btn .max1{ max-width:10em; min-width:10em;} .page_btn .max2{ flex:1 1 100%;} .page_btn.al{ justify-content:flex-start;} .page_btn.ar{ justify-content:flex-end;} .page_btn.space{ justify-content:space-between;} .page_btn.space > *{ flex:0 0 auto;} .page_btn .tt{font-size: .938em;} .page_btn .in.fwd > div{flex:1} .page_btn.st1 .in{flex:0 0 auto} .table_form_wrap .form_tit{ padding:1em 0} .table_form_wrap .form_tit .t1{ font-weight:700; font-size:1.375em} .table_form_wrap .form_tit .t2{ font-weight:700; font-size:1.625em} .table_form_wrap .form_tit .t3{ font-weight:500; font-size:1.125em} .table_form > li{ border-bottom:1px solid #ddd; padding:.75em 0} .table_form > li:first-child{ border-top:1px solid #111} .table_form > li.bd0{ border-bottom:none !important} .table_form > li.bd1{ border-top:none !important} .table_form > li.p1{ padding:1.5em 0;} .table_form .wrap_in{ display:flex; align-items:center} .table_form .wrap_in .tit_wrap, .table_form .wrap_in .con_wrap{ min-height:3em; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;} .table_form .wrap_in .tit_wrap{ width:12em; gap:.5em 0; padding:0 1.25em;} .table_form .wrap_in .tit1{ font-size:1.125em; font-weight:600;} .table_form .wrap_in .tit2{ font-size:1.063em; font-weight:600;} .table_form .wrap_in .tit3{ font-size:1.000em; font-weight:500; line-height:1.2;} .table_form .wrap_in .txt1{ font-size: 1em; color: #999} .table_form .wrap_in .con_wrap{ flex:1 1 0%; min-width:0; gap:.25em; font-size:1.063em;} .table_form .wrap_in .con_wrap > *{ flex:1 1 0%; min-width:0} .table_form .wrap_in .con_wrap .inp_tt{ flex:0 0 auto; font-size:.938em; color:#666;} .table_form .wrap_in .con_wrap .input_st{ width:100%} .table_form .wrap_in .con_wrap .line{ padding-top:.75em; margin-top:.75em; border-top:1px solid #ddd} .table_form .wrap_in .con_wrap .w1{ flex:0 0 auto; width:3em} .table_form .wrap_in .con_wrap .w2{ flex:0 0 auto; width:9em} .table_form .wrap_in .con_wrap .w50{ flex:0 0 auto; width:50%} .table_form .wrap_in .con_wrap .w100{ flex:0 0 auto; width:100%} .table_form .wrap_in .con_wrap .w_auto{ flex:0 0 auto} .table_form .wrap_in .con_wrap .max1{ max-width:27em} .table_form .wrap_in .con_wrap .max2{ max-width:8.375em} .table_form .wrap_in .con_wrap .max3{ max-width:23.5em} .table_form .wrap_in .con_wrap .min1{ min-width:23.5em} .table_form .wrap_in.col{ flex-direction:column} .table_form .wrap_in.col > *{ flex:0 0 auto; width:100%} .table_form .wrap_in.col .tit_wrap{ padding:0 0;} .page_agree_wrap{} .page_agree_wrap.mg1{margin-top: 1em;} .page_agree_wrap .inner{background: #f5f7f8; padding: 1.5em;} .page_agree_wrap .inner .ti{font-size: 1.25em; font-weight: 600; padding-bottom: .75em} .page_agree_wrap .inner .tw{} .page_agree_wrap .inner .tw .tx{font-size: .875em; line-height: 1.6; opacity: .7;} .page_agree_wrap .checkw{border-radius: 0 0 1em 1em; background: #f5f7f8; border-top: 1px solid #eee; padding: .75em 1em;} .inquiry_tit_wrap{margin-bottom: 2em} .inquiry_tit_wrap .ti{font-weight: 700; font-size: 2.375em; color: #aaa; line-height: 1.4;} .inquiry_all_wrap {background: #f5f7f8; padding: 1em; margin-bottom: 1em;} .inquiry_txt_wrap{flex:1;} .inquiry_txt_wrap .t1{font-size: .938em; position: relative; margin-bottom: .75em; padding-left: .625em; opacity: .8; line-height: 1.4;} .inquiry_txt_wrap .t1:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); border-radius: 100%; width: .25em; line-height: .25em; height: .25em; background: #888} .inquiry_txt_wrap .t1:last-child{margin-bottom: 0;} .inquiry_info_wrap{width: 35em;} .inquiry_info_wrap .inn{} .inquiry_info_wrap .inn .img_wrap{width: 6em;} .inquiry_info_wrap .inn .txt_wrap{padding-left: .75em;} .inquiry_info_wrap .inn .txt_wrap .t1{font-size: 1.125em; font-weight: 700} .inquiry_info_wrap .inn .txt_wrap .t2{font-size: .938em; font-weight: 500; color: #555; padding: .25em 0 .5em 0} .inquiry_info_wrap .inn .txt_wrap .t3{font-size: .875em; line-height: 1.5; opacity: .7} .pageGame_wrap{} .pageGame_wrap .gameList{margin: 1em 0 -2.5em -1em;} .pageGame_wrap .gameList > li{flex:1 0 20%; max-width: 20%; display: flex; flex-direction: column; } .pageGame_wrap .gameList > li .in{ margin: 0 0 2.5em 1em; display: block; display: flex; flex-direction: column; position: relative; } .pageGame_wrap .gameList > li .in .game_state {width:10em; height:10em; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 33} .pageGame_wrap .gameList > li .in .game_state .ti { width:10em; padding: 5px; background-color: #aaa; color: #fff; text-align: center; transform: rotate(-45deg) translate(-28%, -35%); font-size: .875em;} .pageGame_wrap .gameList > li .in .img_wrap{background: #f5f5f5; overflow: hidden;} .pageGame_wrap .gameList > li .in .img_wrap .resize{padding-bottom: 110%} .pageGame_wrap .gameList > li .in .img_wrap img{transform:scale(1); transition:.4s;} .pageGame_wrap .gameList > li .in .txt_wrap{padding-top: 1em;} .pageGame_wrap .gameList > li .in .txt_wrap .t1{padding-bottom: .313em; font-size: .875em; font-weight: 500; color: #f57d20} .pageGame_wrap .gameList > li .in .txt_wrap .t2{font-weight: 700; font-size: 1.188em;} .pageGame_wrap .gameList > li:hover .img_wrap img{transform:scale(1.1);} .dp1_support.dp2_parts .pageGame_wrap .gameList{margin: 1em 0 -2.5em -.75em;} .dp1_support.dp2_parts .pageGame_wrap .gameList > li{flex:1 0 11.11%; max-width: 11.11%;} .dp1_support.dp2_parts .pageGame_wrap .gameList > li .in{margin: 0 0 2.5em .75em;} .dp1_support.dp2_parts .pageGame_wrap .gameList > li .in .txt_wrap .t2{font-size: 1em;} .pageGame_wrap .adm_game_wrap{margin-top: 2em;} .pageGame_wrap .adm_game_wrap .adm_in{} .pageGame_wrap .adm_game_wrap .adm_in .view{display:flex; align-content:center; align-items:center; min-width:0; box-sizing:border-box;} .pageGame_wrap .adm_game_wrap .adm_in .view:not(:last-child):after{ content:""; display:inline-block; margin:0 .5em; width:1px; height:.5em; background:#ccc;} .pageGame_wrap .adm_game_wrap .adm_in .date{} .pageGame_wrap .adm_game_wrap .adm_in .inn{color: #888} .pageGame_wrap .adm_game_wrap .adm_in .inn .xi{font-size: .813em; padding-right: .15em;} .pageGame_wrap .adm_game_wrap .adm_in .inn .tt{font-size: .813em;} .prod_view_dv{margin-bottom:2em; display: flex; flex-wrap: wrap; justify-content: center; /*background: #f5f5f5;*/ } .prod_view_dv > *{min-width: 0; box-sizing: border-box;} .prod_view_dv .l_dv{flex:1 1 55%;} .prod_view_dv .l_dv .inner{padding: 2em; padding: 0 2.5em 2.5em 2.5em;} .prod_view_dv .l_dv .main_view{text-align:center; padding-bottom: 66.66%} .prod_view_dv .l_dv .s_view{padding: 0 3em} .prod_view_dv .l_dv .s_view ul{display: flex; flex-wrap: wrap; align-items: center; align-content: center;} .prod_view_dv .l_dv .s_view ul li{flex:1 1 1%; max-width:33.33%; flex:1; max-width: 19%} .prod_view_dv .l_dv .s_view ul li .border_dv{text-align:center; transition:.3s; box-sizing:border-box; cursor: pointer; padding-bottom: 30%; padding-bottom: 45%} .prod_view_dv .l_dv .s_view ul li .border_dv img{opacity:.3;} .prod_view_dv .l_dv .s_view ul li.on .border_dv{border:1px solid #09F; border: none; margin-top: 1em;} .prod_view_dv .l_dv .s_view ul li.on .border_dv img{opacity:1;} .prod_view_dv .r_dv{text-align:left; flex:1; min-width: 0; background: #fff; flex: 1 1 45%;} .prod_view_dv .r_dv .txt_dv{padding-left:5%; position: relative; padding: 0 3em 0 3em} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .icon_wrap{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list{display: flex; flex-wrap: wrap; align-items: center; align-content: center; margin: 0 0 0 -2.5em;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in{display: block; border-radius: 50%; width: 2em; line-height: 2em; height: 2em; text-align: center; margin: 0 0 0 .25em;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in .xi{color: #fff; display: block; text-align: center; font-size: 1.063em} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in.tst{background: #35b3dc} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in.gst{background: #d5503a} .prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in.fst{background: #415b92} .prod_view_dv .r_dv .txt_dv .in_tw{} .prod_view_dv .r_dv .txt_dv .in_tw .inner{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .view_fin_wrap{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .view_fin_wrap .con{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .view_fin_wrap .con1{margin-right: .5em;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .view_fin_wrap .con2{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .game_view_state{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .game_view_state .ti{background: #ccc; color: #fff; padding: .313em; border-radius: .25em; font-size: .875em;} .prod_view_dv .r_dv .txt_dv .name1{ font-size: .875em; font-weight: 500; color: #f57d20 } .prod_view_dv .r_dv .txt_dv .name2{color:#111; position: relative; z-index: 3; font-weight: 800; font-size: 2.5em; letter-spacing: -1px;} .prod_view_dv .r_dv .txt_dv .name3{font-size: .938em; color: #666; margin-top: .625em;} .prod_view_dv .r_dv .txt_dv .iptt{color: #777;font-family: 'Ms'; font-size: .625em; font-weight: 600;} .prod_view_dv .r_dv .txt_dv .in_tw.st1{margin-top: 1.5em;} .prod_view_dv .r_dv .txt_dv .in_tw.st1 .inner{display: flex; flex-wrap: wrap;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t1{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t1 .tt{font-size: .813em; padding-right: .25em; color: #999; font-weight: 400;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t1 .copyBtn{display: inline-block; background: #f3f3f3; padding: .5em 1em; border-radius: .5em; font-size: .750em} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t1 .copyBtn:hover{background: #f57d20; color: #fff; transition: .3s;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2{padding-top: .25em;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2 > span{background: #f3f3f3; border-radius: 50%; text-align: center; display: inline-block; width: 1.5em; line-height: 1.5em; height: 1.5em;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2 .xi{display: block; font-size: .938em;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2 .copySite{display: inline-block; color: #999; font-weight: 400; font-size: .688em; letter-spacing: 0;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2 .copySite:hover {text-decoration: underline; transition: .3s;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .rCon{margin-left: auto;} .prod_view_dv .r_dv .txt_dv .in_tw .inner .rCon .qr_btn{} .prod_view_dv .r_dv .txt_dv .in_tw .inner .rCon .qr_btn img{width: 4em;} .prod_view_dv .r_dv .txt_dv .prod_ex{position:relative; line-height: 1.6; color: #555; border-top: 1px solid #eee; margin-top: 1em;} .prod_view_dv .r_dv .txt_dv .prod_ex:before{content:''; position:absolute; left:0; top:0; width:0; height:0; border-top:15px solid #f57d20; border-right:15px solid transparent; display: none;} .prod_view_dv .r_dv .txt_dv .prod_ex .prod_ex_in{padding-top: 1em;} .prod_view_dv .r_dv .txt_dv .prod_ex.bd_ed:before{ border-top: 15px solid #ffbf27; } .prod_view_dv .r_dv .txt_dv .prod_ex .t1 { font-size: .875em; color: rgb(40,44,52); font-weight: 600; margin-bottom: 1em; width: 9em;} .prod_view_dv .r_dv .txt_dv .prod_ex .t2 {color: #666; font-size: .875em; padding-left: 10px; position: relative; margin-bottom: .75em; flex:1;} .prod_view_dv .url { font-size: .875em; color: #333; vertical-align: baseline; } .prod_view_dv .url_btn { font-size: .75em; color: #666; border: 1px solid #CCC; background: #FFF; height: 22px; line-height: 22px; padding: 0 12px; display: inline-block; margin-left: 10px; } .prod_view_dv .r_dv .txt_dv .prod_ex .t2 .fw { font-weight: 500; color: #333; font-size: .938em; } .prod_view_dv .r_dv .txt_dv .prod_ex .t2:after { content: ""; position: absolute; width: 3px; height: 3px; border-radius: 50%; top: 11px; left: 2px; background: #666; } .prod_view_dv .r_dv .txt_dv .prod_ex .t2.no_point:after { content:unset; } .prod_view_dv .r_dv .txt_dv .prod_ex table { font-size: .938em; width: 100%; } .prod_view_dv .r_dv .txt_dv .prod_ex table th { color: #222; text-align: left; } .prod_view_dv .r_dv .txt_dv .prod_ex table td { color: #777; } .prod_view_dv .r_dv .txt_dv .prod_ex .prod_w1 { width: 20%; } .prod_view_dv .r_dv .txt_dv .prod_ex .prod_w2 { width: 80%; } .prod_view_dv .r_dv .txt_dv .prod_ex_img{ margin-top:10px;} .prod_view_dv .r_dv .txt_dv .prod_catal{border-top:1px solid #ccc; margin-top:30px; padding-top:10px;} .prod_view_dv .r_dv .txt_dv .prod_catal a{ color:#fff; background:#29caff; padding:10px 20px; display:inline-block; border-radius:3px; transition:.3s; cursor:pointer;} .prod_view_dv .r_dv .txt_dv .prod_catal a span{font-size:14px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; } .prod_view_dv .r_dv .txt_dv .prod_catal a .xi{font-size:18px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:2px;} .prod_view_dv .r_dv .txt_dv .prod_catal a:hover{background:#09F;} .inquiry_btn_wrap{} .inquiry_btn_wrap .list{margin: 1em 0 0 -.5em} .inquiry_btn_wrap .list > li{} .inquiry_btn_wrap .list > li .li_in{margin: 0 0 0 .5em; height: 3em; line-height: 2em;} .inquiry_btn_wrap .list > li .li_in.max1{ max-width:8em; min-width:8em;} .inquiry_btn_wrap .list > li .li_in .tt{} .pageGame_txt_wrap{} .pageGame_txt_wrap .ti{font-weight: 600; font-size: 2.750em; padding-bottom: .5em;} .pageGame_txt_wrap .tx{} .pageGame_txt_wrap .tx > p{line-height: 1.4; color: #555; font-size: 1.125em; font-weight: 500} .pageGame_layout_wrap{padding: 4em 0} .pageGame_layout_wrap.st1{padding-top: 1em} .pageGame_layout_wrap.line{border-top: 1px solid #eee; } .pageGame_layout_wrap .in{} .pageGame_layout_wrap .in .tit_wrap{width: 15em;} .pageGame_layout_wrap .in .tit_wrap .ti{font-weight: 700; color: #111; font-size: 1.688em;} .pageGame_layout_wrap .in .con_wrap{flex:1 1 0%} .pageGame_support_wrap{margin: 0 0 -1em -1em} /* .pageGame_support_wrap > li{flex:1 0 25%; } */ .pageGame_support_wrap > li{flex:1;} .pageGame_support_wrap > li .inn{margin: 0 0 1em 1em; position: relative; padding-top: 1.875em; flex:1;} .pageGame_support_wrap > li .inn .tx_w{ padding: 3.75em 1.625em 1.625em 1.625em; background: #f4f4f4; border: 1px solid #f4f4f4; border-radius: .5em; flex:1;} .pageGame_support_wrap > li .inn .icon{position: absolute; content: ""; left: 1.625em; top: 0} .pageGame_support_wrap > li .inn .icon img{height: 3em;} .pageGame_support_wrap > li .inn .tit{font-size: 1.188em; font-weight: 600; padding-bottom: .688em;} .pageGame_support_wrap > li .inn .txt{font-size: .875em; line-height: 1.4; color: #666} .pageGame_support_wrap > li:hover .inn{transform:translateY(-1em); transition: .3s; } .gameMov_wrap{} .gameMov_wrap iframe{border: none;} .gameMov_txt_wrap{margin-top: 1em; font-size: .938em; color: #777;} .gameMov_txt_wrap .tt{} .gameMov_txt_wrap .link_t{} .gameMov_txt_wrap .link_t:hover{text-decoration: underline;} .pageGallery_wrap{position: relative;} .pageGallery_wrap .pageGallerySlide{margin-bottom: 1em;} .pageGallery_wrap .main_dot{text-align:center; position: inherit;} .pageGallery_wrap .main_dot .swiper-pagination-bullet-active{background: #f57d20 !important} .part_w .part_detail { overflow: hidden; } .part_w .total { float: left; font-size: .875em; vertical-align: middle; } .part_w .total > i { border-radius: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center; box-sizing: border-box; background: #FFF; border: 1px solid #CCC; } .part_w .total > p { display: inline-block; margin-left: 3px; } .part_w .total > p .fc { color: #00086f; font-weight: 600; vertical-align: baseline; } .part_w .search { float: right; position: relative; } .part_w .search input { padding: 7px 12px; font-size: .875em; color: #222; border: 1px solid #DDD; } .part_w .search button { background: none; position: absolute; top: 50%; right: 0; padding: 8px; border: 0; transition: .3s; transform: translateY(-50%)} .part_w .search button:hover { color: #f57d20; } .over_h .part_w .part_btm table tr { transition: .3s; } .over_h .part_w .part_btm table tr:hover { background: #fafafa; } .over_h .part_w .part_btm table tr > td:first-child { font-size: 1.25em; color: #333; } .over_h .part_w .part_btm table tr > td:nth-child(2) { /*overflow: hidden; padding-left: 50px;*/ position: relative; } .over_h .part_w .part_btm table tr > td:nth-child(2) .plus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: #f57d20; font-size: 1.375em; cursor: pointer; z-index: 1; } .over_h .part_w .part_btm table tr > td:nth-child(2) .minus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: #f57d20; font-size: 1.375em; cursor: pointer; z-index: -1; } .over_h .part_w .enter { color: #f57a20; } .part_w table { color: #222; width: 100%; } .part_w table th { padding: 15px 20px; text-align: center; font-weight: 500; font-size: .938em; cursor: pointer; } .part_w table td { padding: 15px 20px; text-align: center; } .part_w .part_top { box-sizing: border-box; margin-top: 10px; } .part_w .part_top table { } .part_w .part_1 { width: 10%; width: 4em;} .part_w .part_2 { width: 50%; width: auto} .part_w .part_3 { width: 15%; width: 9em;} .part_w .part_4 { width: 15%; width: 11em} .part_w .part_5 { width: 10%; width: 7em;} .part_w .part_btm { background: #FFF; overflow-y: scroll; height: 472px; border: 1px solid #EEE; box-sizing: border-box;} .part_w .part_btm table, .part_w .part_btm table a { color: #777 !important; } .part_w .part_btm table td { padding: 20px; vertical-align: middle; padding: .75em 1em} .part_w .part_btm table tr { border-bottom: 1px solid #EEE; } .part_w .part_btm table tr { transition: .3s; } .part_w .part_btm table tr:hover { background: #fafafa; } .part_w .part_btm table tr > td:first-child { font-size: 1em; color: #333; } .part_w .part_btm table tr > td:nth-child(2) {/* overflow: hidden; padding-left: 50px; */ position: relative; } .part_w .part_btm table tr > td:nth-child(2) .plus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: #f57d20; font-size: 1.375em; cursor: pointer; z-index: 1; } .part_w .part_btm table tr > td:nth-child(2) .minus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: #f57d20; font-size: 1.375em; cursor: pointer; z-index: 1; } .part_w .enter { color: #f57a20; } .part_w .part_btm table tr.cate_3 .enter .xi { margin-left: 20px; } .part_w .part_btm table tr.cate_4 .enter .xi { margin-left: 40px; } .part_w .part_btm table tr.cate_5 .enter .xi { margin-left: 60px; } .part_w .part_btm table tr { transition: .3s; } .part_w .part_btm table tr.on { background: #f3f3f3; } .part_w .part_btm table tr.on .plus { z-index: -1!important; } .part_w .part_btm table tr.on .minus { z-index: 1!important; } .part_w .part_btm .part_img { width: 5em; margin-right: 15px; border: 1px solid #e1e1e1; } .part_w .part_btm .part_img img { height: auto; } .part_w .part_btm .part_name { text-align: left;} .part_w .part_btm .part_name .t1 { font-size: .938em; font-weight: 500; color: #555; } .part_w .part_btm .part_name .t1 .fc { color: #000; margin-right: 2px; } .part_w .part_btm .part_name .t2 { font-size: .875em; font-weight: 400; margin-top: 5px; color: #999; } .part_w .part_btm .view { font-size: .813em; display: inline-block; background: #FFF; border-radius: 10px; padding: 7px 12px; border: 1px solid #e3e3e3; cursor: pointer; } .part_w .part_btm .view > i, .part_w .part_btm .view > p { display: inline-block; vertical-align: middle; } .part_w .part_btm .account { overflow: hidden; width: 74px; margin: 0 auto; } .part_w .part_btm .account.st1 {overflow: inherit; width: inherit;} .part_w .part_btm .account .fr { float: left!important; } .part_w .part_btm .account .amount { width: 45px; border: 1px solid #CCC; box-sizing: border-box; padding: 3px; text-align: center; font-size: .938em; color: #333; float: left; } .part_w .part_btm .account .top_arrow { width: 26px; height: 15px; background: #CCC; transition: .3s; } .part_w .part_btm .account .top_arrow:hover { background: #aaa; } .part_w .part_btm .account .top_arrow .xi { font-size: .938em!important; } .part_w .part_btm .account .btm_arrow { width: 26px; height: 15px; background: #CCC; transition: .3s; } .part_w .part_btm .account .btm_arrow:hover { background: #aaa; } .part_w .part_btm .account .btm_arrow .xi { font-size: .938em!important; } .view_img { background: red; position: absolute; z-index:999; border: 2px solid black; max-height: 204px; display: none; } .view_img img { max-height: 200px; } .part_w .part_btn_wh { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: flex-end;} .part_w .part_btn_wh .list_btn { float: left; } .part_w .part_btn_wh .list_btn a { display: block; border: 1px solid #111; color: #333; background: #FFF; padding: 15px 25px; font-size: .938em; box-sizing: border-box; transition: .3s; } .part_w .part_btn_wh .list_btn a:hover { background: #f4f4f4; } .part_w .part_btn_wh .shop_btn {order: -1; box-sizing: border-box; max-width: 11em} .part_w .part_btn_wh .shop_btn a { display: block; border: 1px solid #777; color: #444; background: #FFF; padding: 15px 25px; font-size: 1.063em; box-sizing: border-box; transition: .3s; } .part_w .part_btn_wh .shop_btn a:hover, .part_w .part_btn_wh .shop_btn button:hover { background: #f4f4f4; } .part_w .part_btn_wh .add_btn { box-sizing: border-box; max-width: 11em} .part_w .part_btn_wh .add_btn a, .part_w .part_btn_wh .add_btn button { display: block; border: 1px solid #f57d20; background: #f57d20; color: #FFF; padding: 15px 25px; font-size: .875em; box-sizing: border-box; margin-left: 10px; transition: .3s; } .part_w .part_btn_wh .add_btn a:hover, .part_w .part_btn_wh .add_btn button:hover { background: #f56620; } .part_w .tr_hide { display: none; } .tag_w ul { overflow: hidden; margin-top: 15px; } .tag_w ul li { float: left; } .tag_w ul li .tag { display: inline-block; border: 1px solid #f57d20; padding: 7px 32px 7px 22px; color: #f57d20; margin-right: 6px; margin-bottom: 7px; font-size: .813rem; border-radius: 15px; transition: .3s; position: relative; } .tag_w ul li .tag span { vertical-align: middle; } .tag_w ul li .tag button { position: absolute; top: 4px; right: 3px; background: none; vertical-align: middle; font-size: 1.25em; border: 0; color: #f57d20; transition: .3s; } .tag_w ul li .tag:hover { color: #FFF; background: #f57d20; } .tag_w ul li .tag:hover button { color: #FFF; } .answerSt .fontGray{color:#777 !important} .answerSt .fontGray.t1{font-size: .813em !important; } .answer_as_tt{padding-top: .5em; color: #888 !important} .answer_writer_tt{padding-top: .25em; display: block;} .answer_num{font-size: .813em; background: #f57d20; width: 1.7em; line-height: 1.7em; height: 1.7em; color: #fff; display: inline-block; border-radius: 1em; margin-left: .15em; text-align: center;} .finSt .tt{color: #666 !important} .finSt .answer_num{background: none; color: #666; width: inherit; line-height: inherit; height: inherit; display: inline;} .inqSt{} .spamSt{} .spamSt .tt{text-decoration: line-through; color: #999 !important} .answer_search_wrap{ padding:1.25em; background:#f5f7f8; border-radius:.5em; margin-bottom: 1em;} .rental_filter *{ box-sizing:border-box;} .rental_filter > *, .rental_filter .filter_sec > *{ min-width:0;} .rental_filter, .rental_filter .filter_sec{ display:flex; flex-wrap:wrap; align-items:center;} .rental_filter{ gap:.5em} .rental_filter .filter_sec{ gap:0 .5em;} .rental_filter .filter_sec .sec_tit{ display:flex; align-items:center;} .rental_filter .filter_sec .sec_tit:before{ content:""; width:.25em; height:.25em; background:#f57d20; border-radius:50%;} .rental_filter .filter_sec .sec_tit .tt{ flex:1; font-size:.938em; font-weight:600; padding-left: .313em;} .rental_filter .filter_sec .sec_con{ font-size:1.063em;} .rental_filter .filter_sec .sec_con .sel{ width:14em;} .rental_filter .filter_sec .sec_con .label_wrap{ gap:1em 1.75em;} .rental_filter .mgL{ margin-left:auto;} .rental_filter + .rental_filter{ margin-top:1.25em; padding-top:1.25em; border-top:1px dashed #e5e5e5;} .rental_filter .btn_sec .input_st > .xi{padding: 0} .answerView_tit_wrap{} .answerView_tit_wrap .ti{text-align: left; font-weight: 600; font-size: 1.6888em; padding-bottom:1em;} .answerView_info_wrap{background: #f5f5f5; padding: 1em;} .answerView_info_wrap .list{margin: 0 0 -1.5em -1em;} .answerView_info_wrap .list > li{flex:1 0 33.33%; max-width: 33.33%} .answerView_info_wrap .list > li .wrap_in{ display:flex; align-items:center; margin: 0 0 1.5em 1em} .answerView_info_wrap .list > li .wrap_in .tit_wrap, .answerView_info_wrap .list > li .wrap_in .con_wrap{ box-sizing:border-box; display:flex; flex-wrap: wrap} .answerView_info_wrap .list > li .wrap_in .con_wrap .manager_Modify_btn{background:#f57d20; color: #fff; border-radius: .25em; padding: .438em; margin-left: .188em;} .answerView_info_wrap .list > li .wrap_in .con_wrap .manager_Modify_btn .tt{font-size: .813em;} .answerView_info_wrap .list > li .wrap_in .con_wrap{flex:1;} .answerView_info_wrap .list > li .wrap_in .tit_wrap{ width: 7em} .answerView_info_wrap .list > li .wrap_in .tit1{ font-size:.938em; font-weight:600;} .answerView_info_wrap .list > li .wrap_in .tit2{ font-size:1.063em; font-weight:600;} .answerView_info_wrap .list > li .wrap_in .tit3{ font-size:1.000em; font-weight:500; line-height:1.2;} .answerView_info_wrap .list > li .wrap_in .txt1{ font-size: 1em; color: #999} .answerView_content_ti_wrap{padding: 1em; border-radius: 1em 1em 0 0; margin-top: 2em; background: #f5f5f5; border: 1px solid #eee; border-bottom: none;} .answerView_content_ti_wrap .ti{font-weight: 700; font-size: 1.313em; color: #111} .answerView_content_ti_wrap .tx{padding-left: .5em; font-size: .938em; color: #de0034} .answerView_content_ti_wrap .linkBtn_wrap{} .answerView_content_ti_wrap .linkBtn_wrap .inBtn{text-align: center; padding: .75em 1em; background: #f57d20; color: #fff; border-radius: .25em;} .answerView_content_ti_wrap .linkBtn_wrap .inBtn .tt{padding-right: 2px;} .answerView_content_ti_wrap .linkBtn_wrap .inBtn .xi{font-size: .875em;} .answerView_content_ti_wrap .linkBtn_wrap .inBtn:hover{background: #111;} .answerView_content_wrap{padding:1.5em 1.5em; border-radius:.5em; box-shadow:0 3px 1em rgba(0,0,0,.07);} .file_wrap{} .file_wrap .list{margin: 0 0 -.5em -.5em} .file_wrap .list > li{display: flex; } .file_wrap .list > li > a{border-radius: .25em; box-sizing: border-box; padding: .688em; background: #eee; border: 1px solid #eee; color: #111; margin: 0 0 .5em .5em; display: flex; flex:1;} .file_wrap .list > li > a .xi{font-size: 1em; } .file_wrap .list > li > a .file_name{font-size: .938em} .file_wrap .list > li:hover > a{background: #f57d20; border: 1px solid #f57d20; transition: .2s; color: #fff} .answerView_txt_wrap{} .answerView_txt_wrap .tx{line-height: 1.5;} .answerView_img_wrap{margin-top: 1em; gap:0 .5em;} .answerView_img_wrap .img_wrap{flex:1 0 11.11%; box-sizing: border-box; max-width:11.11%} .answerView_img_wrap .img_wrap .in_img{border: 1px solid #eee; overflow: hidden;} .answerView_img_wrap .img_wrap .in_img img{transform:scale(1); transition:.4s;} .answerView_img_wrap .img_wrap:hover .in_img{border: 1px solid #f57d20; transition: .2s;} .answerView_img_wrap .img_wrap:hover .in_img img{transform:scale(1.1);} .chat_wrap_tit{} .chat_wrap{position: relative; /*width: 25em; */} .chat_wrap .inner{ border-radius: 2em; box-shadow: 0 3px 1em rgba(0,0,0,.07)} .chat_wrap .inner .top_wrap{overflow: hidden;} .chat_wrap .inner .top_wrap .in{padding:.5em 1em; border: 1px solid #eee; background: #fff} .chat_wrap .inner .top_wrap .in .img_wrap{width: 4em;} .chat_wrap .inner .top_wrap .in .txt_wrap{flex:1;} .chat_wrap .inner .top_wrap .in .txt_wrap .inPd{} .chat_wrap .inner .top_wrap .in .txt_wrap .t1{font-weight: 600} .chat_wrap .inner .top_wrap .in .txt_wrap .t2{font-size: .750em; color: #888; padding-top: .313em; line-height: 1.3;} .chat_wrap .inner .top_wrap .time_tx{} .chat_wrap .inner .top_wrap .time_tx .tx_w{text-align: center; background: #f5f5f5; margin: 1em; padding: .625em 1em;} .chat_wrap .inner .top_wrap .time_tx .tx_w .tx{font-size: .813em; color: #888; } .chat_wrap .inner .mid_wrap{ box-sizing: border-box; /**overflow-y: scroll; height: 55vh;*/} .chat_wrap .inner .mid_wrap .pd_in{padding: 1.5em 1em;} .chat_wrap .inner .mid_wrap .chat_con{margin: 2em 0;} .chat_wrap .inner .mid_wrap .chat_con:first-child{margin-top: 0;} .chat_wrap .inner .mid_wrap .img_wrap{width: 3em;} .chat_wrap .inner .mid_wrap .img_wrap.no_img{} .chat_wrap .inner .mid_wrap .img_wrap.no_img .no_img_st{background: #ccc; border-radius: 100%; width: 3em; line-height: 3em; height: 3em; display: block; text-align: center;} .chat_wrap .inner .mid_wrap .img_wrap.no_img .no_img_st .xi{font-size: 1.5em; color: #666} .chat_wrap .inner .mid_wrap .txt_wrap{flex:1;} .chat_wrap .inner .mid_wrap .txt_wrap .in_pd{padding-left: .5em;} .chat_wrap .inner .mid_wrap .txt_wrap .t1{font-size: .875em; color: #888; padding: 0 0 .25em .75em;} .chat_wrap .inner .mid_wrap .txt_wrap .t2{background: #eee; padding: .75em 1em; border-radius: 1em; max-width: 30em;} .chat_wrap .inner .mid_wrap .txt_wrap .t2 .tt{font-size: .938em; line-height: 1.4; overflow-wrap: anywhere; } .chat_wrap .inner .mid_wrap .txt_wrap .t3{font-size: .750em; color: #999; padding-top: .5em; text-align: left; padding-right: .75em; } .chat_wrap .inner .mid_wrap .txt_wrap .comment_del_btn{border-radius: .25em; background: #ddd; color: #888; font-size: .938em; margin-left: .75em; padding: .5em 1em; margin-top: .5em; display: inline-block} .chat_wrap .inner .mid_wrap .chat_conL{} .chat_wrap .inner .mid_wrap .chat_conL .txt_wrap{order:-1; display: flex; justify-content: flex-end;} .chat_wrap .inner .mid_wrap .chat_conL .txt_wrap .in_pd{padding-left: 0; padding-right: .5em;} .chat_wrap .inner .mid_wrap .chat_conL .txt_wrap .t1{text-align: right} .chat_wrap .inner .mid_wrap .chat_conL .txt_wrap .t2{background: #f57d20; color: #fff} .chat_wrap .inner .mid_wrap .chat_conL .txt_wrap .t3{text-align: left; padding-left: .75em;} .chat_wrap .inner .mid_wrap .txt_wrap .t2.img{background: none; border-radius: inherit; display: flex; flex-wrap: wrap; align-items: center; align-content: center; gap:0 .25em;} .chat_wrap .inner .mid_wrap .txt_wrap .t2.img .img_w{width: 4em;} .chat_wrap .inner .mid_wrap .txt_wrap .t2.file{background: none; border-radius: inherit; display: flex; flex-wrap: wrap; align-items: center; align-content: center; gap:0 .25em; color: #555;} .chat_wrap .inner .mid_wrap .txt_wrap .t2.file .list{} .chat_wrap .inner .mid_wrap .txt_wrap .t2.file .list > li{} .chat_wrap .inner .mid_wrap .txt_wrap .t2.file .list > li .in{color: #555; font-size: .750em;} .chat_wrap .inner .mid_wrap .txt_wrap .t2.file .list > li .in .xi{} .chat_wrap .inner .mid_wrap .txt_wrap .t2.file .list > li .in .file_name{} .chat_wrap .inner .input_wrap{} .chat_wrap .inner .input_wrap .in{position: relative; height: 3em; line-height: 1; margin: 0 !important; box-sizing: border-box; overflow: hidden !important; height: 7em;} .chat_wrap .inner .input_wrap .in .input_st{box-shadow: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 8%); background: #f5f5f5; border-radius: .5em!important; border: none; padding: 1em 0 1em 3em; line-height: inherit; height: inherit; height: 7em;} .chat_wrap .inner .input_wrap .in .inp_btn{border: none; background: none; height: 3em; line-height: 1; height: 7em;} .chat_wrap .inner .input_wrap .in .inp_btn.hst1{height: 2em;} .chat_wrap .inner .input_wrap .in .chat_file_wrap{position: absolute; content: ""; left:1em; top: 50%; transform: translateY(-50%); top: .75em; transform: inherit;} .chat_wrap .inner .input_wrap .in .chat_file_wrap .tt{color: #777; font-size: .625em; display: block; display: none; } .chat_wrap .inner .input_wrap .in .chat_file_wrap .xi{color: #888; transform: rotate(35deg)} .chat_wrap .inner .input_wrap .in .chat_send_wrap{position: absolute; content: ""; right:0; top: 50%; transform: translateY(-50%); background: #f57d20; border-radius: 0 .5em .5em 0} .chat_wrap .inner .input_wrap .in .chat_send_wrap .inp_btn{width: 3em;} .chat_wrap .inner .input_wrap .in .chat_send_wrap .xi{color: #fff;} .chat_wrap .inner .file_add_wrap{} .chat_wrap .inner .file_add_wrap .inn{padding: 1.5em;} .chat_wrap .inner .file_add_wrap .inn .file_list{margin: 0 0 -.25em -.25em;} .chat_wrap .inner .file_add_wrap .inn .file_list > li{box-sizing: border-box; display: inline-block;} .chat_wrap .inner .file_add_wrap .inn .file_list > li .in{position: relative; margin: 0 0 .25em .25em;} .chat_wrap .inner .file_add_wrap .inn .file_list > li .in .img_wrap{width: 5em;} .chat_wrap .inner .file_add_wrap .inn .file_list > li .in .img_wrap .in_img{border: 1px solid #f57d20; overflow: hidden;} .chat_wrap .inner .file_add_wrap .inn .file_list > li .in .del_btn{position: absolute; content: ""; right: 0; top: 0; background: #f57d20} .chat_wrap .inner .file_add_wrap .inn .file_list > li .in .del_btn .xi{color: #fff; font-size: .813em; padding: .25em;} /*POPUP*/ .modalPop{width: 100vh !important; padding: 0 !important; max-height: 100vh !important;} .modalPop .pop_inner{overflow-y: scroll; max-height: 85vh; box-sizing: border-box;} .modal a.close-modal{border: 4px solid #111; border-radius: 100%;} .popMap_t1{font-weight: 700; color: #111; font-size: 1.5em; padding: 1em; background: #f1f1f1} .pop_wrap{padding: 1em;} .pop_btn_bg .tt{color: #fff !important} .pop_btn_bg1{background: #00008B!important} .pop_btn_bg2{background: #483D8B!important} .pop_btn_bg3{background: #2F4F4F!important} .pop_btn_bg4{background: #778899!important} .pop_answerFin_txt_wrap{} .pop_answerFin_txt_wrap .t1{padding-bottom: .25em; font-size: 1.063em;} .pop_answerFin_txt_wrap .t2{font-size: .938em; color: #888;} .pop_answerFin_txt_wrap .t3{margin-top: 1em;} .pop_answerFin_btn_wrap{margin-top: 1em;} .pageHistory_wrap .tit_wrap{position:sticky; height:100vh; width:55%; left:0; top:0} .pageHistory_wrap .tit_wrap .in{} .pageHistory_wrap .tit_wrap .in .ti_w{margin-left: calc((100vw - 1500px) / 2); margin-bottom: 3em} .pageHistory_wrap .tit_wrap .in .ti_w .t1{color: #f57d20; padding-bottom: 1em; letter-spacing: .25em; font-size: .938em; font-weight: 400} .pageHistory_wrap .tit_wrap .in .ti_w .t2{ font-size: 2.375em; font-weight: 800; line-height: 1.4;} .pageHistory_wrap .tit_wrap .bg{ height:calc(100vh - 15em); border-radius: 0 12em 12em 0; height:calc(100vh - 5em); } .scroll .pageHistory_wrap .tit_wrap .in .ti_w{height: 15em;} .pageHistory_wrap_tit_wrap{margin-bottom: 2em;} .pageHistory_wrap_tit_wrap .in .ti_w{} .pageHistory_wrap_tit_wrap .in .ti_w .t1{color: #f57d20; padding-bottom: 1em; letter-spacing: .25em; font-size: .938em; font-weight: 400} .pageHistory_wrap_tit_wrap .in .ti_w .t2{ font-size: 2.375em; font-weight: 800; line-height: 1.4;} .pageHistory_wrap{ position:relative; margin-bottom:12em; display:flex;} .pageHistory_wrap .con_wrap{ width:50%; padding-top:5em} .pageHistory_wrap .con_wrap .in{margin-left: 5em;} .pageHistory_wrap .con_wrap .in .history_All_wrap{position:relative; overflow:hidden; } .pageHistory_wrap .con_wrap .in .history_txt_wrap{margin: 10em 0; padding-left: 5em} .pageHistory_wrap .con_wrap .in .history_txt_wrap.mg0{margin-top: 0 !important;} .pageHistory_wrap .con_wrap .in .history_txt_wrap .ti{font-weight: 700; font-size: 3.5em; color: #444; padding-bottom: .5em;} .pageHistory_wrap .con_wrap .in .history_txt_wrap .list{} .pageHistory_wrap .con_wrap .in .history_txt_wrap .list > li{padding-bottom: 1em} .pageHistory_wrap .con_wrap .in .history_txt_wrap .list > li:last-child{padding-bottom: 0} .pageHistory_wrap .con_wrap .in .history_txt_wrap .list > li .tt{font-size: 1.063em; color: #777; position: relative; padding-left: .625em;} .pageHistory_wrap .con_wrap .in .history_txt_wrap .list > li .tt:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; line-height: 3px; border-radius: 100%; background: #888} .pageHistory_wrap .con_wrap .in .history_txt_wrap .dot{ position:absolute; left:2em; top: 15%; width:1.875em; height:1.875em; background:transparent; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);} .pageHistory_wrap .con_wrap .in .history_txt_wrap .dot:before{ content:""; position:absolute; top:.625em; bottom:.625em; left:.625em; right:.625em; background:#ddd; border-radius:50%;} .pageHistory_wrap .con_wrap .in .history_txt_wrap .dot.on{ background:#fff;} .pageHistory_wrap .con_wrap .in .history_txt_wrap .dot.on:before{ background:#f57d20;} .history_All_wrap:before, .history_All_wrap .lineAni{ content:""; position:absolute; left:2em; top:2.5em; width:2px; height:100%; background:#ddd} .history_All_wrap .lineAni{ height:0; background:#f57d20; transition:.3s} .history_All_wrap .lineAni:before, .history_All_wrap:after{ content:""; position:absolute; width:1.25em; height:1.25em; background:#fff; border:.25em solid #f57d20; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);} .history_All_wrap:after{ top:auto; bottom:0; left:2em} .pageBG_bg_wrap{} .pageBG_bg_wrap .inn{padding: 5em 0} .pageBG_bg_wrap .pageBG_tit_wrap{text-align: center;} .pageBG_bg_wrap .pageBG_tit_wrap .t1{color: #f57d20; letter-spacing: .5em; font-weight: 300; font-size: .813em;} .pageBG_bg_wrap .pageBG_tit_wrap .line{ display:inline-block; margin:2em 0; width:1px; height:0; background:#fff; opacity:.5; transition:.8s;} .pageBG_bg_wrap .pageBG_tit_wrap .t2{font-size: 2.25em; font-weight: 600; line-height: 1.5; color: #fff; padding-top: .15em} .pageBG_bg_wrap .pageBG_tit_wrap .t3{font-size: 1.063em; line-height: 1.5; color: #fff;} .pageBG_bg_wrap .pageBG_tit_wrap .logo{margin-top: 2em;} .pageBG_bg_wrap .pageBG_tit_wrap .logo img{height: 5em;} .load .pageBG_bg_wrap .pageBG_tit_wrap .line{ height:3em;} .pageBG_bg_wrap.c_black{background: #f6f7f9} .pageBG_bg_wrap.c_black .inn{padding: 3em 0;} .pageBG_bg_wrap.c_black .pageBG_tit_wrap .line{ background:#666;} .pageBG_bg_wrap.c_black .pageBG_tit_wrap .t2{color: #111;} .pageBG_bg_wrap.c_black .pageBG_tit_wrap .t3{color: #444;} .mapTab{margin-top: 3em;} .mapTab .tab_idx{gap:0 1em;} .mapTab .tab_idx > li{} .mapTab .tab_idx > li .inner{display: flex; align-items: center; align-content: center; justify-content: center; padding: 1em 2em; border: 1px solid #ddd; border-radius: 5em; padding: 1em 2em;} .mapTab .tab_idx > li .inner .tt{color: #888; font-size: 1.125em; font-weight: 500;} .mapTab .tab_idx > li:hover .inner{border: 1px solid #f57d20 } .mapTab .tab_idx > li:hover .inner .tt{color:#f57d20; transition: .3s;} .mapTab .tab_idx > li:first-child .inner{border: 1px solid #f57d20} .mapTab .tab_idx > li:first-child .inner .tt{color: #f57d20} .mapCon{} .mapCon .inner{padding: 3em 1em; border-bottom: 1px solid #eee;} .mapCon:last-child .inner{border-bottom: none;} .mapCon .tit_wrap{flex:1;} .mapCon .tit_wrap .in{} .mapCon .tit_wrap .in .t1{padding-bottom: 1em; font-weight: 700; font-size: 2.5em;} .mapCon .tit_wrap .info{} .mapCon .tit_wrap .info > li{margin-bottom: 1.5em;} .mapCon .tit_wrap .info > li:last-child{margin-bottom: 0;} .mapCon .tit_wrap .info > li .txt_in{padding-right: 2em;} .mapCon .tit_wrap .info > li .txt_in .ti{min-width: 4em;} .mapCon .tit_wrap .info > li .txt_in .ti .xi{background: #f5f5f5; border-radius: 50%; padding: 0.5em; overflow: hidden; color: #04182e;} .mapCon .tit_wrap .info > li .txt_in .tx{flex:1; font-size: 1.125em; color: #777; line-height: 1.5} .mapCon .tit_wrap .info > li .txt_in .tx .site_link{border: 1px solid #f5f5f5; padding: .5em 1em; font-size: .813em; border-radius: 3em; background: #f5f5f5} .mapCon .tit_wrap .info > li .txt_in .tx .site_link:hover{background: #f57d20; color: #fff; border: 1px solid #f57d20; transition: .2s;} .mapCon .con_wrap{flex:2;} .mapCon .con_wrap .in{} .pageCi_con_wrap .in{padding: 4em 1em; border-bottom: 1px solid #eee;} .pageCi_con_wrap.lineNo .in{border-bottom: none;} .pageCi_con_wrap .in .tit_wrap{width: 15em;} .pageCi_con_wrap .in .tit_wrap .ti{font-size: 1.5em; font-weight: 600; color: #555} .pageCi_con_wrap .in .con_wrap{flex:1 1 0%} .pageCi_con_wrap .in .con_wrap .in_txt{} .pageCi_con_wrap .in .con_wrap .in_txt .tx{font-size: 1.063em; line-height: 1.5; color: #777} .pageCi_con_wrap .in .con_wrap .in_txt .tx.st1{font-weight: 700; font-size: 1.813em; line-height: 1.8; color: #111} .pageCi_con_wrap .in .con_wrap .in_txt .tx.st1 .col1{color: #BF192D} .pageCi_con_wrap .in .con_wrap .in_txt .tx.st1 .col2{color: #EC8E26} .pageCi_con_wrap .in .con_wrap .in_txt .tx.st1 .col3{color: #033490} .pageCi_con_wrap .in .con_wrap .in_img{} .pageCi_con_wrap .in .con_wrap .in_img .list{margin: 0 0 0 -1em;} .pageCi_con_wrap .in .con_wrap .in_img .list > li{flex:1 0 33.33%; max-width: 33.33%;} .pageCi_con_wrap .in .con_wrap .in_img .list > li .li_in{margin: 0 0 0 1em; } .pageCi_con_wrap .in .con_wrap .in_img .list > li .li_in .in_tit{padding-bottom: .75em; font-weight: 500; font-size: 1em; color: #111} .pageCi_con_wrap .in .con_wrap .in_img .list > li .li_in .in_tit .ti{color: #555} .pageCi_con_wrap .in .con_wrap .in_img .list > li .li_in .in_img{padding-bottom: 50%; background: #f6f7f9} .pageCi_con_wrap .in .con_wrap .in_img .list > li .li_in .in_img.bg1{background: #ddd} .pageCi_con_wrap .in .con_wrap .in_img .list > li .li_in .in_img > i{padding: 1em;} .pageCi_con_wrap .in .con_wrap .in_file_down{margin-top: 1em;} .pageCi_con_wrap .in .con_wrap .in_file_down .list{margin: 0 0 -1em -1em;} .pageCi_con_wrap .in .con_wrap .in_file_down .list > li{} .pageCi_con_wrap .in .con_wrap .in_file_down .list > li .downBtn{margin: 0 0 1em 1em; padding: .813em 1.5em; border: 1px solid #ddd; border-radius: .750em;} .pageCi_con_wrap .in .con_wrap .in_file_down .list > li .downBtn .tt{font-size: 1.063em; padding-right: .15em;} .pageCi_con_wrap .in .con_wrap .in_file_down .list > li .downBtn .xi{font-size: 1.313em;} .pageCi_con_wrap .in .con_wrap .in_file_down .list > li:hover .downBtn{transition: .2s; background: #f57d20; color: #fff; border: 1px solid #f57d20} .pageCi_con_wrap .in .con_wrap .in_file_down .list > li:hover .downBtn .tt{} .pageCi_con_wrap .in .con_wrap .in_file_down .list > li:hover .downBtn .xi{} .ci_col_Wrap{ margin:0 0 0 -2em} .ci_col_Wrap > li{ width:50%} .ci_col_Wrap .wrap_in{ margin:0 0 0 2em;} .ci_col_Wrap .wrap_in .img_wrap{ width:40%; box-shadow:5px 7px 13px rgba(0,0,0,.2)} .ci_col_Wrap .wrap_in .img_wrap.bg1 {background:#f57d20} .ci_col_Wrap .wrap_in .img_wrap.bg2 {background:#221e1f} .ci_col_Wrap .wrap_in .info_wrap{ width:60%; position:relative} .ci_col_Wrap .wrap_in .info_wrap .info{ padding:2em 1.5em; text-align:left; width:100%; box-sizing:border-box; background: #f6f7f9} .ci_col_Wrap .wrap_in .info_wrap .info > p .tx {width:8em; color:#555; display:inline-block; vertical-align:bottom;} .ci_col_Wrap .wrap_in .info_wrap .info .t1{ color:#111; font-size:1.688em; padding-bottom:.8em; font-weight: 500} .ci_col_Wrap .wrap_in .info_wrap .info .t2{ color:#555; font-size:1em; padding-bottom: .75em;} .ci_col_Wrap .wrap_in .info_wrap .info .t2:last-child{padding-bottom: 0;} .pageBenefits_tit_wrap{margin-bottom: 2.5em;} .pageBenefits_tit_wrap .t0{color: #f57d20; padding-bottom: 1em; letter-spacing: .25em; font-size: .938em; font-weight: 400} .pageBenefits_tit_wrap .t1{font-size: 3.5em; font-weight:600; line-height: 1.4; padding-bottom: .313em; color: #282828} .pageBenefits_tit_wrap .t2{font-size: 1.188em; line-height: 1.5; color: #333} .pageBenefits_tit_wrap .t3{font-size: 2.375em; font-weight: 700; line-height: 1.4} .pageBenefits_tit_wrap .t3.pb10{padding-bottom: .5em;} .pageBenefits_con_wrap{padding: 3em 0; background: #f6f7f9; box-sizing: border-box;} .pageBenefits_con_wrap .list{margin: 0 0 -1.25em -1.25em;} .pageBenefits_con_wrap .list > li{display: flex; flex-direction: column; flex:1 0 25%; max-width: 25%; } .pageBenefits_con_wrap .list > li .in{display: flex; margin: 0 0 1.25em 1.25em; flex-direction: column; background: #fff; padding: 2.5em; text-align: center; height: 100%; border-radius: 20px} .pageBenefits_con_wrap .list > li .in .icon{padding-bottom: 2em;} .pageBenefits_con_wrap .list > li .in .icon img{height: 3em;} .pageBenefits_con_wrap .list > li .in .tw{} .pageBenefits_con_wrap .list > li .in .tw .ti{font-weight: 700; font-size: 1.25em; color: #333;} .pageBenefits_con_wrap .list > li .in .tw .tx_w{padding-top: 1.25em;} .pageBenefits_con_wrap .list > li .in .tw .tx_w .tx{ color: #777; padding-bottom: .313em; line-height: 1.4; } .pageBenefits_con_wrap .list > li .in .tw .tx_w .tx:last-child{padding-bottom: 0} .pageTalent_wrap{padding: 3em 0; background: #f6f7f9; box-sizing: border-box;} .pageTalent_wrap .inn{} .pageTalent_wrap .inn .img_wrap{width: 50em;} .pageTalent_wrap .inn .img_wrap .in{border-radius: 1.5em; overflow: hidden;} .pageTalent_wrap .inn .txt_wrap{flex:1;} .pageTalent_wrap .inn .txt_wrap .in{padding-left: 3em;} .pageTalent_wrap .inn .txt_wrap .in .list{} .pageTalent_wrap .inn .txt_wrap .in .list > li{position: relative; margin-top: 3.5em; padding-left: 2.875em;} .pageTalent_wrap .inn .txt_wrap .in .list > li:first-child{margin-top: 0} .pageTalent_wrap .inn .txt_wrap .in .list > li .li_in{} .pageTalent_wrap .inn .txt_wrap .in .list > li .li_in .tit{} .pageTalent_wrap .inn .txt_wrap .in .list > li .li_in .tit .ti{font-size: 1.5em; color: #333; display: block; font-weight: 700; padding-bottom: .5em;} .pageTalent_wrap .inn .txt_wrap .in .list > li .li_in .tit .icon{ position:absolute; left:0; top:.4em; width:1em; height:1em; border:1px solid #ddd;} .pageTalent_wrap .inn .txt_wrap .in .list > li .li_in .tit .icon:before{ content:"\e92a"; position:absolute; left:.1em; top:-.5em; font-size:1.688em; color:#f57d20} .pageTalent_wrap .inn .txt_wrap .in .list > li .li_in .tit .icon .xi{} .pageTalent_wrap .inn .txt_wrap .in .list > li .li_in .txt{color: #777; line-height: 1.5; font-size: 1.063em} .pageRecruitment_con_wrap .in{padding: 4em 0;} .pageRecruitment_con_wrap .in:first-child{padding-top: 0;} .pageRecruitment_con_wrap.lineNo .in{border-bottom: none;} .pageRecruitment_con_wrap .in .tit_wrap{width: 15em;} .pageRecruitment_con_wrap .in .tit_wrap .ti{font-size: 1.5em; font-weight: 600; color: #555} .pageRecruitment_con_wrap .in .con_wrap{flex:1 1 0%} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list{margin: 0 0 0 -.5em; align-items: flex-start; align-content: flex-start;} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list > li{flex:1 0 25%; max-width: 25%; display: flex; flex-direction: column; position: relative;} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list > li:after{position: absolute; content: "\ea3e"; font-family:xeicon; font-style: normal; font-size: 1.5em; color: #ccc; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 100%; text-align: center; width: 2em; line-height:2em; right:-1em;} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list > li:last-child:after{display: none;} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list > li .inn{display: flex; flex-direction: column; justify-content: center; background: #f6f7f9; text-align: center; padding: 3em; margin:0 0 0 .5em;} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list > li .inn .icon{} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list > li .inn .icon img{height: 3em} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list > li .inn .step_num{padding: 2em 0 .5em 0} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list > li .inn .step_num .tt{font-size: .938em; color: #666} .pageRecruitment_con_wrap .in .con_wrap .recruitment_step_list > li .inn .tx{font-size: 1.25em; color: #333; font-weight: 700} .pageRecruitment_con_wrap .in .con_wrap .inn .t_list{} .pageRecruitment_con_wrap .in .con_wrap .inn .t_list > li{padding-bottom: 1em;} .pageRecruitment_con_wrap .in .con_wrap .inn .t_list > li:last-child{padding-bottom: 0;} .pageRecruitment_con_wrap .in .con_wrap .inn .t_list > li .tt{color: #777; font-size: 1.063em; position: relative; padding-left: .625em;} .pageRecruitment_con_wrap .in .con_wrap .inn .t_list > li .tt:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; line-height: 3px; border-radius: 100%; background: #888} .pageRecruitment_banner_wrap{} .pageRecruitment_banner_wrap .inn{padding: 5em 0; position: relative;} .pageRecruitment_banner_wrap .inn:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.45)} .pageRecruitment_banner_wrap .pageBG_tit_wrap{text-align: center;} .pageRecruitment_banner_wrap .pageBG_tit_wrap .t1{font-size: 2.25em; font-weight: 600; line-height: 1.5; color: #fff; } .pageRecruitment_banner_wrap .pageBG_tit_wrap .t2{font-size: 1.125em; font-weight: 400; line-height: 1.5; color: #fff; padding: 2em 0;} .pageRecruitment_banner_wrap .pageBG_tit_wrap .linkBtn{color: #fff; border: 1px solid #fff; padding: 1em; display: inline-block;} .pageRecruitment_banner_wrap .pageBG_tit_wrap .linkBtn .xi{font-size: 1.063em;} .pageRecruitment_banner_wrap .pageBG_tit_wrap .linkBtn .tt{font-size: 1.063em; padding-right: .15em;} .pageIntroduction_con_wrap{padding: 1em 0 6em 0; background: #f6f7f9; box-sizing: border-box;} .pageIntroduction_con_wrap .inner{} .pageIntroduction_con_wrap .list{margin-top: 2em;} .pageIntroduction_con_wrap .list > li{margin-bottom: 4em; display: flex; flex-direction: column;} .pageIntroduction_con_wrap .list > li:last-child{margin-bottom: 0} .pageIntroduction_con_wrap .list > li:nth-child(even) .con_wrap{order: -1} .pageIntroduction_con_wrap .list > li .in{} .pageIntroduction_con_wrap .list > li .img_wrap{width: 48em} .pageIntroduction_con_wrap .list > li .img_wrap .pd_in{} .pageIntroduction_con_wrap .list > li .img_wrap .in_img_wrap{border-radius: 1.5em; overflow: hidden;} .pageIntroduction_con_wrap .list > li .img_wrap .in_img_wrap .resize{padding-bottom: 54%} .pageIntroduction_con_wrap .list > li .con_wrap{flex:1 1 0%} .pageIntroduction_con_wrap .list > li .con_wrap .pd_in{padding-left: 5em; padding-top: 3em;} .pageIntroduction_con_wrap .list > li:nth-child(even) .con_wrap .pd_in{/*padding-left: 0;*/ padding-right: 5em} .pageIntroduction_con_wrap .list > li .con_wrap .icon{} .pageIntroduction_con_wrap .list > li .con_wrap .icon > img{height: 3em;} .pageIntroduction_con_wrap .list > li .con_wrap .t_w{} .pageIntroduction_con_wrap .list > li .con_wrap .t_w .t1{font-size: 2.25em; font-weight: 700; padding: .75em 0 1em 0} .pageIntroduction_con_wrap .list > li .con_wrap .t_w .t2{font-size: 1.063em; color: #777; line-height: 1.5;} .pageIntroduction_con_wrap2{padding: 3em 0; background: #f6f7f9; box-sizing: border-box;} .pageIntroduction_con_wrap2 .inner{} .pageIntroduction_con_wrap2 .inner .list{margin: 0 0 -1.25em -1.25em;} .pageIntroduction_con_wrap2 .inner .list > li{flex:1 0 50%; display: flex; flex-direction: column;} .pageIntroduction_con_wrap2 .inner .list > li .in{margin: 0 0 1.25em 1.25em; background: #fff; padding: 1.5em 1.75em; display: flex; flex-direction: column; flex:1; border-radius: 20px; } .pageIntroduction_con_wrap2 .inner .list > li .in .icon{order:2; text-align: right; padding-top: 1em;} .pageIntroduction_con_wrap2 .inner .list > li .in .icon img{height: 3em;} .pageIntroduction_con_wrap2 .inner .list > li .in .t_w{} .pageIntroduction_con_wrap2 .inner .list > li .in .t_w .t1{padding-bottom: .75em; font-size: 1.5em; font-weight: 700;} .pageIntroduction_con_wrap2 .inner .list > li .in .t_w .t2{color: #777; line-height: 1.5;} .pageCeo_wrap{} .pageCeo_wrap .inner{padding: 1em 0 0 0} .pageCeo_wrap .inner .tit_wrap{flex:1;} .pageCeo_wrap .inner .tit_wrap .in{padding-right: 4em;} .pageCeo_wrap .inner .tit_wrap .in .t1{padding-bottom: 1em; color: #f57d20; letter-spacing: .25em; font-size: .938em; font-weight:400} .pageCeo_wrap .inner .tit_wrap .in .t2{font-weight: 800; font-size: 2.375em; line-height: 1.3;} .pageCeo_wrap .inner .tit_wrap .in .t2 br{display: none;} .pageCeo_wrap .inner .txt_wrap{flex:1;} .pageCeo_wrap .inner .txt_wrap .in{padding-top: 2em;} .pageCeo_wrap .inner .txt_wrap .tx_w{padding-bottom: 1.313em;} .pageCeo_wrap .inner .txt_wrap .tx_w:last-child{padding-bottom: 0;} .pageCeo_wrap .inner .txt_wrap .tx_w .tx{color: #777; font-size: 1.125em; line-height: 1.5;} .pageCeo_wrap .inner .txt_wrap .tx_w .tx.st1{color: #111; padding-top:1.313em; font-weight: 700; font-size: 1.313em} .pageCeo_wrap .inner .txt_wrap .tx_w .tx .sign{padding-left: .5em; font-size: 1.563em; font-family: 'Nanum Brush Script', cursive !important} /*24_04_22_back*/ /* .pageOrganization_wrap{margin-top: 4em;} .pageOrganization_wrap .tit_wrap{margin-bottom: 2em;} .pageOrganization_wrap .tit_wrap .in .t0{color: #f57d20; padding-bottom: 1em; letter-spacing: .25em; font-size: .875em; font-weight: 400} .pageOrganization_wrap .tit_wrap .in .t1{font-size: 3.5em; font-weight:800; line-height: 1.4; padding-bottom: .5em;} .pageOrganization_wrap .tit_wrap .in .t2{font-size: 1.188em; font-weight: 400; line-height: 1.5; color: #444} .pageOrganization_wrap .tit_wrap .in .t3{font-size: 2.188em; font-weight: 700; line-height: 1.4} .pageOrganization_wrap .img_wrap{height: 30em;} .pageOrganization_chart_wrap{ box-sizing: border-box; background: #f6f7f9; margin-top: 2em; padding: 2em 0;} .pageOrganization_chart_wrap .inn{} .pageOrganization_chart_wrap .chart_in{} .pageOrganization_chart_wrap .chart_in .in_ceo{border-bottom: 1px solid #e1e1e1; padding: 0 0 1.5em 0} .pageOrganization_chart_wrap .chart_in .in_ceo .tit{font-size: 1.875em; font-weight: 700; color: #333} .chart_in .organizationList{ margin-left: 33.33%} .chart_in .organizationList > li{} .chart_in .organizationList > li .wrap_in{ padding:1.5em .5em; border-bottom:1px solid #e1e1e1} .chart_in .organizationList > li:last-child .wrap_in{border-bottom: none} .chart_in .organizationList .tit{ width:30em;} .chart_in .organizationList .tit .organization_tt.ti{font-weight: 600; font-size: 1.250em; color: #333} .chart_in .organizationList .list{ flex:1;} .chart_in .organizationList .list > li{ margin-top:.75em} .chart_in .organizationList .list > li:first-child{ margin-top:0} .chart_in .organizationList .list .organization_tt{ position:relative; padding-left:1em} .chart_in .organizationList .list .organization_tt:before{ content:"- "; position:absolute; left:0; top:0} .chart_in .organizationList .list .organization_tt.tx{color: #777; font-size: 1em;} .chart_in .organizationList .list .organization_tt{ position: relative; padding-left: .625em;} .chart_in .organizationList .list .organization_tt:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; line-height: 3px; border-radius: 100%; background: #888} .chart_in .organizationList .list .organization_tt.tx{color: #777; font-size: 1em;} */ .pageOrganization_wrap{margin-top: 4em;} .pageOrganization_wrap .tit_wrap{margin-bottom: 2em;} .pageOrganization_wrap .tit_wrap .in .t0{color: #f57d20; padding-bottom: 1em; letter-spacing: .25em; font-size: .875em; font-weight: 400} .pageOrganization_wrap .tit_wrap .in .t1{font-size: 3.5em; font-weight:800; line-height: 1.4; padding-bottom: .5em;} .pageOrganization_wrap .tit_wrap .in .t2{font-size: 1.188em; font-weight: 400; line-height: 1.5; color: #444} .pageOrganization_wrap .tit_wrap .in .t3{font-size: 2.188em; font-weight: 700; line-height: 1.4} .pageOrganization_wrap .img_wrap{height: 30em;} .pageOrganization_chart_wrap{ box-sizing: border-box; background: #f6f7f9; margin-top: 2em; padding: 3em 0;} .pageOrganization_chart_wrap .inn{} .pageOrganization_chart_wrap .chart_in{} .pageOrganization_chart_wrap .chart_in .in_ceo{ padding-bottom: 2em;} .pageOrganization_chart_wrap .chart_in .in_ceo .tit{font-size: 1.875em; font-weight: 700; color: #333; text-align: center;} .chart_in .organizationList{margin: 0 0 -1em -1em;} .chart_in .organizationList > li{flex:1 0 25%; max-width: 25%; display: flex;} .chart_in .organizationList > li .wrap_in{ justify-content: center; background: #fff; padding: 2.5em; border-radius: 20px; margin: 0 0 1em 1em; display: flex; flex-direction: column; flex:1; text-align: center;} .chart_in .organizationList > li:last-child .wrap_in{border-bottom: none} .chart_in .organizationList .tit{ } .chart_in .organizationList .tit .organization_tt.ti{font-weight: 600; font-size: 1.188em; color: #333} .chart_in .organizationList .list{ flex:1;} .chart_in .organizationList .list > li{ margin-top:.75em} .chart_in .organizationList .list > li:first-child{ margin-top:0} .chart_in .organizationList .list .organization_tt{ position:relative; padding-left:1em} .chart_in .organizationList .list .organization_tt:before{ content:"- "; position:absolute; left:0; top:0} .chart_in .organizationList .list .organization_tt.tx{color: #777; font-size: 1em;} .chart_in .organizationList .list .organization_tt{ position: relative; padding-left: .625em;} .chart_in .organizationList .list .organization_tt:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; line-height: 3px; border-radius: 100%; background: #888} .chart_in .organizationList .list .organization_tt.tx{color: #777; font-size: 1em;} .pageOrganization_chart_wrap .main_Move_txt_wrap{overflow: hidden;} .pageOrganization_chart_wrap .main_Move_txt_wrap .moveTxt{} .pageOrganization_chart_wrap .main_Move_txt_wrap .moveTxt .txt_w{ white-space:nowrap; will-change:transform; padding: 4em 0 0 0; display: flex; flex-shrink:0; white-space: nowrap;} .pageOrganization_chart_wrap .main_Move_txt_wrap .moveTxt .txt_w .tx{animation: textLoop 30s linear infinite; padding-right:20px; font-size: 8vw; font-weight: 700; text-transform: uppercase; color: #e7e7e7; font-size: 8vw} .pageBusiness_tit_wrap{margin-bottom: 2em; margin-top: 4em;} .pageBusiness_tit_wrap .t0{padding-bottom: 1em; color: #f57d20; letter-spacing: .25em; font-size: .938em; font-weight:400} .pageBusiness_tit_wrap .t1{font-size: 2.375em; font-weight:800; line-height: 1.4; padding-bottom: .5em;} .pageBusiness_tit_wrap .t2{font-size: 1.188em; font-weight: 400; line-height: 1.5; color: #333} .pageBusiness_con_wrap{box-sizing: border-box; background: #f6f7f9; padding: 3em 0; } .pageBusiness_con_wrap .inner{} .pageBusiness_con_wrap .inner .tit{font-size: 2.313em; font-weight: 700; color: #111; text-align: center;} .pageBusiness_con_wrap .inner .line{margin: 3em auto 5em auto; background: #999; width: 40px; height: 2px;} .pageBusiness_con_wrap .inner .inCon{margin-bottom: 2em;} .pageBusiness_con_wrap .inner .inCon:last-child{margin-bottom: 0;} .pageBusiness_con_wrap .inner .inCon .in{} .pageBusiness_con_wrap .inner .inCon .in .img_wrap{width: 50%} .pageBusiness_con_wrap .inner .inCon .in .img_wrap .in_img{border-radius: 1.5em; overflow: hidden;} .pageBusiness_con_wrap .inner .inCon .in .img_wrap .resize{padding-bottom: 55%} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap{flex:1;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .inn{padding-left: 3em; padding-top: 3em;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .icon{} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .icon > img{height: 3em;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .ti{font-size: 2.25em; font-weight: 700; padding: .75em 0 1em 0} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .tx{padding-bottom: 1em;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .tx:last-child{padding-bottom: 0} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .tx .txt{font-size: 1.125em; color: #777; position: relative; padding-left: .625em; } .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .tx .txt:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; line-height: 3px; border-radius: 100%; background: #888} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .tx .txt.st1{padding-left: 0; font-size: 1em;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .tx .txt.st1:before{display: none;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .tx .xi{font-size: 1em; color: #777} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .imgw{margin-top: 2em;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .imgw .list{margin: 0 0 0 -3em;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .imgw .list > li .li_in{margin: 0 0 0 3em;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .imgw img{height: 8em;} .pageBusiness_con_wrap .inner .inCon .in .txt_wrap .imgw_intt{font-size: .875em; color: #444; padding-top: .5em;} .pageBusiness_con_wrap2{margin-top: 5em;} .pageBusiness_con_wrap2 .inner{} .pageBusiness_con_wrap2 .inner .txt_con{flex:1;} .pageBusiness_con_wrap2 .inner .txt_con .inn{} .pageBusiness_con_wrap2 .inner .txt_con .inn .tit{ padding-top: 3em;} .pageBusiness_con_wrap2 .inner .txt_con .inn .line{background: #111; width: 1px; height: 3em; margin: 2em .5em 2em .5em;} .pageBusiness_con_wrap2 .inner .txt_con .inn .tit .ti{font-size: 2.25em; font-weight: 700; color: #111; } .pageBusiness_con_wrap2 .inner .txt_con .inn .tw{padding-bottom: 3em;} .pageBusiness_con_wrap2 .inner .txt_con .inn .tw .t1{font-size: 1.375em; font-weight: 600; padding-bottom: .5em; color: #f57d20} .pageBusiness_con_wrap2 .inner .txt_con .inn .tw .t2{font-size: 1.063em; line-height: 1.5; color: #666; position: relative; padding-left: .625em;} .pageBusiness_con_wrap2 .inner .txt_con .inn .tw .t2:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; line-height: 3px; border-radius: 100%; background: #888} .pageBusiness_con_wrap2 .inner .img_con{width: 45%; min-height: 35em;} .pageBusiness_con_wrap2 .inner .img_con .inn{} .pageBusiness_con_wrap2 .inner .img_con .inn .imgw{} .pageBusiness_con_wrap3{} .pageBusiness_con_wrap3 .tx_list{border-top: 3px solid #f57d20} .pageBusiness_con_wrap3 .tx_list > li{display: flex; flex:1;} .pageBusiness_con_wrap3 .tx_list > li:first-child{border-top: none;} .pageBusiness_con_wrap3 .tx_list > li .in{padding: 1.5em 2em; border: 1px solid #e5e5e5; display: flex; flex:1; margin: 0 0 0 -1px; flex-direction: column;} .pageBusiness_con_wrap3 .tx_list > li .in .t1{} .pageBusiness_con_wrap3 .tx_list > li .in .t1 .ti{font-size: 1.25em; font-weight: 700; padding-bottom: .75em; } .pageBusiness_con_wrap3 .tx_list > li .in .t2{} .pageBusiness_con_wrap3 .tx_list > li .in .t2 .tx{font-size: 1em; line-height: 1.5; color: #777; margin-bottom: .25em;} .pageBusiness_con_wrap3 .tx_list > li .in .t2 .tx:last-child{margin-bottom: 0;} .pageOverview_wrap{ position:relative; padding:3.5em 0 0; margin-top: 3em;} .pageOverview_wrap:before{ content:""; position:absolute; left:0; right:8vw; top:0; bottom:0; background:#042d5c;} .pageOverview_wrap .wrap_in{ position:relative; height:20em;} .pageOverview_wrap .bg{ position:absolute; top:0; right:0; width:100%; max-width: 90%; height:100%; transition:3s; top: 2.875em;} .pageOverview_wrap .txt_wrap{position: absolute; z-index: 3; left: 13em; top: 0; content: ""} .pageOverview_wrap .txt_wrap .t1{color: rgba(255,255,255,.7); font-size: 1.125em; line-height: 1.6; font-weight: 300; padding: 1em 0} .pageOverview_wrap .txt_wrap .t2{color: #fff; font-weight: 800; font-size: 5.5em;} /* .pageOverview_wrap .txt_wrap .t2 .col1{color: #BF192D} .pageOverview_wrap .txt_wrap .t2 .col2{color: #EC8E26} .pageOverview_wrap .txt_wrap .t2 .col3{color: #033490} */ .pageOverview_info_wrap_tit{margin: 9em 0 2em 0;} .pageOverview_info_wrap_tit.mg0{margin: 0 0 2em 0;} .pageOverview_info_wrap_tit .t1{font-size: 1.750em; color: #777; padding-bottom: .5em; font-weight: 600} .pageOverview_info_wrap_tit .t2{font-size: 4em; font-weight: 700; color: #111; } .pageOverview_info_wrap_tit .t3{font-size: 1.188em; color: #777;} .pageOverview_info_wrap_tit .t3.st1{padding-top: 1em; padding-bottom: .25em;} .pageOverview_info_wrap{padding: 3em 0; background: #f6f7f9; box-sizing: border-box; } .pageOverview_info_wrap .list{margin: 0 0 -1em -1em;} .pageOverview_info_wrap .list > li{display: flex; flex-direction: column; flex:1 0 20%; max-width: 20%; } .pageOverview_info_wrap .list > li .in{display: flex; margin: 0 0 1em 1em; flex-direction: column; background: #fff; padding: 2.5em; text-align: center; height: 100%; border-radius: 20px} .pageOverview_info_wrap .list > li .in .icon{padding-bottom: 2em;} .pageOverview_info_wrap .list > li .in .icon img {height: 3em;} .pageOverview_info_wrap .list > li .in .tw{} .pageOverview_info_wrap .list > li .in .tw .ti{font-weight: 700; font-size: 1.25em; color: #333;} .pageOverview_info_wrap .list > li .in .tw .tx_w{padding-top: 1.25em;} .pageOverview_info_wrap .list > li .in .tw .tx_w .tx{ color: #555; padding-bottom: .313em; line-height: 1.4; font-size: 1.063em} .pageOverview_info_wrap .list > li .in .tw .tx_w .tx .small_txt{display: block; font-size: .875em; color: #777; font-weight: 400} .pageOverview_info_wrap .list > li .in .tw .tx_w .tx:last-child{padding-bottom: 0} .pageOverview_info_wrap .list > li .in .tw .tx_w .tx .col1{color: #BF192D} .pageOverview_info_wrap .list > li .in .tw .tx_w .tx .col2{color: #EC8E26} .pageOverview_info_wrap .list > li .in .tw .tx_w .tx .col3{color: #033490} .pageOverview_compete_wrap{padding: 2em 0;} .pageOverview_compete_wrap .con_wrap{} .pageOverview_compete_wrap .con_wrap .list{margin: 2em 0 -1.5em -1.5em;} .pageOverview_compete_wrap .con_wrap .list > li{flex:1 0 33.33%; max-width: 33.33%; display: flex; flex-direction: column;} .pageOverview_compete_wrap .con_wrap .list > li .in{margin: 0 0 1.5em 1.5em; display: flex; flex-direction: column;} .pageOverview_compete_wrap .con_wrap .list > li .in .img_wrap{overflow: hidden; border-radius: 20px;} .pageOverview_compete_wrap .con_wrap .list > li .in .img_wrap .resize{padding-bottom: 66.66%} .pageOverview_compete_wrap .con_wrap .list > li .in .txt_wrap{padding-top: 1em;} .pageOverview_compete_wrap .con_wrap .list > li .in .txt_wrap .t1{font-size: 1.25em; font-weight: 700; color: #333; min-height: 3.5em;} .pageOverview_compete_wrap .con_wrap .list > li .in .txt_wrap .t1 .small_t1{display: block; font-size: .875em; font-weight: 400; color: #777;} .pageOverview_compete_wrap .con_wrap .list > li .in .txt_wrap .t2_w{} .pageOverview_compete_wrap .con_wrap .list > li .in .txt_wrap .t2_w .t2{ font-size: 1em; color: #777; line-height: 1.4; padding-bottom: .75em;} .pageOverview_point_wrap{padding: 3em 0; background: #f6f7f9; box-sizing: border-box; } .pageOverview_point_wrap .con_wrap{} .pageOverview_point_wrap .con_wrap .list{margin: 3em 0 0 -1.5em;} .pageOverview_point_wrap .con_wrap .list > li{width: 25%} .pageOverview_point_wrap .con_wrap .list > li .in{margin: 0 0 0 1.5em;} .pageOverview_point_wrap .con_wrap .list > li .in .img_wrap{overflow: hidden; border-radius: 20px;} .pageOverview_point_wrap .con_wrap .list > li .in .img_wrap .resize{padding-bottom: 56.25%} .pageOverview_point_wrap .con_wrap .list > li .in .txt_wrap{padding-top: 1em; padding-left: 1em;} .pageOverview_point_wrap .con_wrap .list > li .in .txt_wrap .t1{padding-bottom: .75em; font-weight: 700; font-size: 1.25em;} .pageOverview_point_wrap .con_wrap .list > li .in .txt_wrap .t2{line-height: 1.4; font-size: 1em; color: #777} .pageOverview_point_wrap .con_wrap .list > li:nth-child(even){margin-top: 4em;} .pageIp_tit_wrap .ti_w{margin-bottom: 3em} .pageIp_tit_wrap .ti_w .t1{color: #f57d20; padding-bottom: 1em; letter-spacing: .25em; font-size: .938em; font-weight: 400} .pageIp_tit_wrap .ti_w .t2{ font-size: 2.375em; font-weight: 700; line-height: 1.4;} .pageIp_tit_wrap .ti_w .t3{font-size: 1.188em; font-weight: 400; line-height: 1.5; color: #333; padding-top: 1.5em;} .pageIp_con_wrap{background: #f6f7f9; padding: 3em 0;} .pageIp_con_wrap .in{} .pageIp_con_wrap .in .list{margin: 0 0 -6em 0} .pageIp_con_wrap .in .list > li{flex:1 0 14.28%} .pageIp_con_wrap .in .list > li .inn{margin: 0 0 6em 0; text-align: center;} .pageIp_con_wrap .in .list > li .inn .img_wrap{} .pageIp_con_wrap .in .list > li .inn .img_wrap img{} /*문의 파일 업로드 부분*/ .inquiry_file_upload .file_list{margin: 0 0 -.25em -.25em;} .inquiry_file_upload .file_list > li{box-sizing: border-box; display: inline-block;} .inquiry_file_upload .file_list > li .in{position: relative; margin: 0 0 .25em .25em;} .inquiry_file_upload .file_list > li .in .img_wrap{width: 5em;} .inquiry_file_upload .file_list > li .in .img_wrap .in_img{border: 1px solid #f57d20; overflow: hidden;} .inquiry_file_upload .file_list > li .in .del_btn{position: absolute; content: ""; right: 0; top: 0; background: #f57d20} .inquiry_file_upload .file_list > li .in .del_btn .xi{color: #fff; font-size: .813em; padding: .25em;} .file_btn_w{margin-top: 1em;} .file_btn_w .file_add_btn{ box-sizing:border-box; display:inline-block; vertical-align:middle; border-radius:.25em !important; height: 2.5em; padding: .5em .75em; border: 1px solid #2d3951; line-height: 1.375em; color: #fff; background: #2d3951; font-size: .938em} .file_btn_w .file_del_btn{ box-sizing:border-box; display:inline-block; vertical-align:middle; border-radius:.25em !important; height: 2.5em; padding: .5em .75em; border: 1px solid #999; background: #999; line-height: 1.375em; color: #fff; font-size: .938em} .pageProcess_tit_wrap{} .pageProcess_tit_wrap .ti{font-size: 1.188em; font-weight: 400; line-height: 1.5; color: #444} .pageProcess_all_wrap{padding: 3em 0 5em 0; background: #f6f7f9; box-sizing: border-box;} .pageProcess_all_wrap .inner{margin-top: 6em;} .pageProcess_all_wrap .inner .lCon{width: 50em; display: flex; justify-content: center;} .pageProcess_all_wrap .inner .lCon .inn{position: relative; display: inline-block; text-align: center;} .pageProcess_all_wrap .inner .rCon{flex:1;} .pageProcess_all_wrap .inner .oneCenter{} .pageProcess_all_wrap .inner .oneCenter .center_tw{width: 30em; height: 30em; border-radius: 50%; background: #fff; border: 1px solid #eee; box-shadow: 2px 2px 0.375em rgba(0,0,0,.1);} .pageProcess_all_wrap .inner .oneCenter .center_tw .tx{font-weight: 600; font-size: 2.125em; line-height: 1.3;} .pageProcess_all_wrap .inner .oneList{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .pageProcess_all_wrap .inner .oneList > li{position: absolute;} .pageProcess_all_wrap .inner .oneList > li:nth-child(1){ top:-3em; left: 50%; transform: translateX(-50%);} .pageProcess_all_wrap .inner .oneList > li:nth-child(2){ top:50%; left: -5em; transform: translateY(-50%);} .pageProcess_all_wrap .inner .oneList > li:nth-child(3){ top:50%; right: -5em; transform: translateY(-50%);} .pageProcess_all_wrap .inner .oneList > li:nth-child(4){ bottom: -1em; right: 0;} .pageProcess_all_wrap .inner .oneList > li:nth-child(5){ bottom: -1em; left: 0} .pageProcess_all_wrap .inner .oneList > li .in{} .pageProcess_all_wrap .inner .oneList > li .in .icon{} .pageProcess_all_wrap .inner .oneList > li .in .icon > img{height: 3em;} .pageProcess_all_wrap .inner .oneList > li .in .tt{padding-top: .25em; font-size: .938em; font-weight: 500; color: #666} .pageProcess_all_wrap .inner .oneList > li .in .con1{ width: 9em; height: 9em; background: #fff; border-radius: 50%; display: flex; align-items: center; align-content: center; justify-content: center; border: 1px solid #f57d20} .pageProcess_all_wrap .inner .rCon .inn .list > li{position: relative; margin-top: 2.5em; flex:1 0 50%; max-width: 50%} .pageProcess_all_wrap .inner .rCon .inn .list > li .li_in{padding-left: 2.875em; } .pageProcess_all_wrap .inner .rCon .inn .list > li .li_in .tit{} .pageProcess_all_wrap .inner .rCon .inn .list > li .li_in .tit .ti{font-size: 1.5em; color: #333; display: block; font-weight: 700; padding-bottom: .5em;} .pageProcess_all_wrap .inner .rCon .inn .list > li .li_in .tit .icon{ position:absolute; left:0; top:.4em; width:1em; height:1em; border:1px solid #ddd;} .pageProcess_all_wrap .inner .rCon .inn .list > li .li_in .tit .icon:before{ content:"\e92a"; position:absolute; left:.1em; top:-.5em; font-size:1.688em; color:#f57d20} .pageProcess_all_wrap .inner .rCon .inn .list > li .li_in .tit .icon .xi{} .pageProcess_all_wrap .inner .rCon .inn .list > li .li_in .txt{font-weight: 400; color: #777; line-height: 1.5; } .pageVision_wrap_tit{margin: 0 0 2em 0;} .pageVision_wrap_tit .t1{font-size: 1.25em; color: #777; padding-bottom: .5em; font-weight: 500} .pageVision_wrap_tit .t2{font-size: 4em; font-weight: 700; color: #111;} .pageVision_wrap_tit .t2 .col1{color: #BF192D} .pageVision_wrap_tit .t2 .col2{color: #EC8E26} .pageVision_wrap_tit .t2 .col3{color: #033490} .pageVision_wrap_tit .t3{font-size: 1.5em; color: #555; font-weight: 400; padding-top: .75em;} .pageVision_con_wrap1{margin-top: 3em;} .pageVision_con_wrap1 .inner{} .pageVision_con_wrap1 .inner .img_wrap{width: 65em;} .pageVision_con_wrap1 .inner .img_wrap .bg{padding-bottom: 56.25%} .pageVision_con_wrap1 .inner .txt_wrap{flex:1;} .pageVision_con_wrap1 .inner .txt_wrap .in{padding: 2em 2em 0 5em} .pageVision_con_wrap1 .inner .txt_wrap .in .list_tit_wrap{margin-bottom: 5em;} .pageVision_con_wrap1 .inner .txt_wrap .in .list_tit_wrap .t1{font-size: 1.25em; color: #777; padding-bottom: .75em; font-weight: 500} .pageVision_con_wrap1 .inner .txt_wrap .in .list_tit_wrap .t2{font-weight: 700; font-size: 2.5em; color: #313232; line-height: 1.3;} .pageVision_con_wrap1 .inner .txt_wrap .in .list{margin: 0 0 -1em -5em;} .pageVision_con_wrap1 .inner .txt_wrap .in .list > li{} .pageVision_con_wrap1 .inner .txt_wrap .in .list > li .li_in{margin: 0 0 1em 5em; text-align: center;} .pageVision_con_wrap1 .inner .txt_wrap .in .list > li .li_in .icon{} .pageVision_con_wrap1 .inner .txt_wrap .in .list > li .li_in .icon > img{height: 3em;} .pageVision_con_wrap1 .inner .txt_wrap .in .list > li .li_in .tit{padding-top: 1em} .pageVision_con_wrap1 .inner .txt_wrap .in .list > li .li_in .tit .ti{font-size: 1.188em; font-weight: 700; color: #666} .pageVision_con_wrap2{margin-top: 4em;} .pageVision_con_wrap2 .vision_tit{} .pageVision_con_wrap2 .vision_tit .tt{font-size: 2.5em; font-weight: 700} .pageVision_con_wrap2 .vision_tit .tt_en{padding-left: .5em; font-size: 1.188em; color: #555;} .pageVision_con_wrap2 .vision_tit .tx{display: block; padding-top: .75em; font-size: 1.188em; color: #333} .pageVision_con_wrap2 .inCon_wrap{} .pageVision_con_wrap2 .inCon_wrap .list{margin-top: 2em; position: relative;} .pageVision_con_wrap2 .inCon_wrap .list:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.7); z-index: 2} .pageVision_con_wrap2 .inCon_wrap .list > li{flex:1; display: flex;} .pageVision_con_wrap2 .inCon_wrap .list > li .li_in{padding: 7em 5em} .pageVision_con_wrap2 .inCon_wrap .list > li .li_in .inn{z-index: 3; position: relative; } .pageVision_con_wrap2 .inCon_wrap .list > li .li_in .inn .tit{color: #fff; font-weight: 700; font-size: 1.5em; padding-bottom: 1.25em;} .pageVision_con_wrap2 .inCon_wrap .list > li .li_in .inn .tw{} .pageVision_con_wrap2 .inCon_wrap .list > li .li_in .inn .tw .tx{color: #fff; font-size: 1em; position: relative; padding-left: .6em; margin-bottom: 1.125em; opacity: .9; line-height: 1.4;} .pageVision_con_wrap2 .inCon_wrap .list > li .li_in .inn .tw .tx:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; line-height: 3px; border-radius: 100%; background: #fff} .pageVision_con_wrap2 .inCon_wrap .list > li .li_in .inn .tw .tx:last-child{margin-bottom: 0;} .pageVision_con_wrap3{box-sizing: border-box; padding: 3em 0; /*background: #f6f7f9; margin-top: 3em;*/} .pageVision_con_wrap3 .inner{} .pageVision_con_wrap3 .inner .tit_wrap{width: 10em;} .pageVision_con_wrap3 .inner .tit_wrap .ti{font-size: 2.5em; font-weight: 700;} .pageVision_con_wrap3 .inner .con_wrap{flex:1;} .pageVision_con_wrap3 .inner .con_wrap .pd_in{margin-left: 3em;} .pageVision_con_wrap3 .inner .con_wrap .list{margin: 0 0 -5em -5em} .pageVision_con_wrap3 .inner .con_wrap .list > li{flex:1 0 50%; max-width: 50%} .pageVision_con_wrap3 .inner .con_wrap .list > li .li_in{margin: 0 0 5em 5em;} .pageVision_con_wrap3 .inner .con_wrap .list > li .li_in .tit{ position: relative;} .pageVision_con_wrap3 .inner .con_wrap .list > li .li_in .tit .ti{font-weight: 700; font-size: 1.5em;} .pageVision_con_wrap3 .inner .con_wrap .list > li .li_in .tit .ti:before{position: absolute; content: ""; left: -.5em; top: -.2em; background: #a8bfcd; opacity: .2; border-radius: 100%; width: 1.3em; height: 1.3em;} .pageVision_con_wrap3 .inner .con_wrap .list > li .li_in .txt{} .pageVision_con_wrap3 .inner .con_wrap .list > li .li_in .txt .tx{font-size: 1em; padding: 1em 0 1.25em 0; display: block; opacity: .85} .pageVision_con_wrap3 .inner .con_wrap .list > li .li_in .txt .tx2{color: #777; display: block; margin-bottom: .688em; position: relative; padding-left: .6em; font-weight: 400} .pageVision_con_wrap3 .inner .con_wrap .list > li .li_in .txt .tx2:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; line-height: 3px; border-radius: 100%; background: #777} .pageVision_con_wrap4{margin-top: 3em;} .pageVision_con_wrap4 .inBg_wrap{} .pageVision_con_wrap4 .inBg_wrap .inn{padding: 5em 0; position: relative;} .pageVision_con_wrap4 .inBg_wrap .inn:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.4);} .pageVision_con_wrap4 .inBg_wrap .tit_wrap{position: relative; z-index: 3;} .pageVision_con_wrap4 .inBg_wrap .tit_wrap .t1{color: #fff;font-size: 1em; font-weight: 300; padding-bottom: 1em; opacity: .8; letter-spacing: .25em;} .pageVision_con_wrap4 .inBg_wrap .tit_wrap .t2{color: #fff; font-size: 2.5em; font-weight: 700} .pageVision_con_wrap4 .inCon_wrap{padding: 3em 0;} .pageVision_con_wrap4 .inCon_wrap .list{margin: 0 0 0 -6em} .pageVision_con_wrap4 .inCon_wrap .list > li{flex:1; display: flex; flex-direction: column;} .pageVision_con_wrap4 .inCon_wrap .list > li .li_in{margin: 0 0 0 6em; display: flex; flex-direction: column;} .pageVision_con_wrap4 .inCon_wrap .list > li .li_in .icon{} .pageVision_con_wrap4 .inCon_wrap .list > li .li_in .icon > img{height: 3em;} .pageVision_con_wrap4 .inCon_wrap .list > li .li_in .t_w{} .pageVision_con_wrap4 .inCon_wrap .list > li .li_in .t_w .t1{color: #111; font-weight: 700; font-size: 1.5em; padding: 1em 0 1.125em 0;} .pageVision_con_wrap4 .inCon_wrap .list > li .li_in .t_w .t2w{} .pageVision_con_wrap4 .inCon_wrap .list > li .li_in .t_w .t2{color: #777; font-size: 1em; margin-bottom: 1.125em; opacity: .9; line-height: 1.4; padding-left: .6em; position: relative;} .pageVision_con_wrap4 .inCon_wrap .list > li .li_in .t_w .t2:before{position: absolute; content: ""; left: 0; top: .75em; width: 3px; height: 3px; line-height: 3px; border-radius: 100%; background: #777} .pageAgree_wrap { padding: 1.5em; border: 1px solid #ddd;} .agree_tit{text-align: center; padding: 1em 0 1.5em 0;} .agree_tit .tt{font-weight: 700; color: #111; font-size: 2.5em;} .pageAgree_wrap .txt_w { padding-bottom: 2em;} .pageAgree_wrap .txt_w:last-child { padding-bottom: 0} .pageAgree_wrap .txt_w.st { border: 1px solid #ddd; border-radius: .5em; background: #f5f5f5; padding: 1em; margin-bottom: 2em; line-height: 1.4; text-align: center;} .pageAgree_wrap .txt_w .ti { display: block; font-weight: 500; padding-bottom: .5em; color: #111;} .pageAgree_wrap .txt_w .tx {line-height: 1.5; font-weight: 400; font-size: .938em; color: #111; opacity: .7;} .pageAgree_wrap .tit_w{background: #f5f5f5; padding: .5em; margin-bottom: 1em;} .pageAgree_wrap .tit_w .tit{font-weight: 600; font-size: 1.125em; text-align: center;} .pageAgree_wrap .tit_w .txt{line-height: 1.4; padding-top: .5em; font-size: .938em; color: #555; text-align: center;} .game_service_modal { max-height: inherit !important} .game_service_modal p { position: absolute; top: 0; left: 0; width: 100%; background: #000; color: #FFF; font-size: 1.25rem; padding: 10px 25px; font-weight: 600; box-sizing: border-box; } .game_service_modal .in_wrap{display: flex; flex-wrap: wrap; /*align-items: center; align-content: center;*/ margin: 3em 0 -1em -1em;} .game_service_modal .gallery_list { flex:1 0 50%; max-width: 50%; display: flex; flex-direction: column;} .game_service_modal .no_data { font-size: 1rem; padding: 20px 0; font-weight: 500; color: #666; } .gallery_list .inner { margin: 0 0 1em 1em; box-sizing: border-box; border: 1px solid #DDD; height: 100%; display: flex; flex-direction: column;} .gallery_list .inner a { width: 100%; padding: 0!important; box-sizing: border-box; transition: .3s; white-space: unset!important } .gallery_list .inner a .img_w { height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; } .gallery_list .inner a .img_w.resize_h { padding-bottom: 66.66% } #modal_video .gallery_list .inner a .img_w.resize_h { padding-bottom: 76%; } .gallery_list .inner a .img_w:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1; } .gallery_list .inner a .img_w:after { content:"\ea3f"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'xeicon'; font-size: 2.5em; color: #FFF; z-index: 2; transition: .3s; } .gallery_list.leaflet_icon .inner a .img_w:after { content:"\e980"; font-size: 2.25em; } #modal_video .gallery_list.leaflet_icon .inner a .img_w:after { content: "\ea3f"; font-size: 2.5em; } .gallery_list .inner a:hover .img_w:after { color: #f57d20; } .gallery_list .inner a .img_w img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .gallery_list .inner a .txt_w { text-align: center; padding: 1em; line-height: 1.2; font-weight: 600; color: #333; transition: .3s; font-size: .813em; word-break: break-all;} .gallery_list .inner a .txt_w i { color: #ff0000; margin-right: 5px; transition: .3; } .gallery_list .inner a:hover .txt_w{ color: #f57d20} .game_service_modal .in_wrap.update_files{margin: 3em 0 -.75em 0;} .game_service_modal .in_wrap.update_files .gallery_list {flex:100%; max-width: 100%;} .game_v_modal_down.fancybox-content .game_v_modal_btn:hover, .game_v_modal_down.fancybox-content .game_v_modal_btn:active { color: #F57d20; } .game_service_modal .gallery_list.noData_st{flex:100%; max-width: 100%} .gallery_list .inner .txt_w{} /*parts inquiry btn modal*/ #modal_inquiry { width: 800px; max-width: 96%; padding-top: 58px; padding-bottom: 28px; } #modal_inquiry h2 { position: absolute; top: 0; left: 0; width: 100%; background: #000; color: #FFF; font-size: 1.25rem; padding: 10px 25px; font-weight: 600; box-sizing: border-box; } #modal_inquiry .inquiry_tbl_w { } #modal_inquiry .inquiry_tbl_w th { background: #f3f3f3;} #modal_inquiry .inquiry_tbl_w th .xi { color: #ff0000;} #modal_inquiry .inquiry_tbl_w td { padding: 10px 20px;} #modal_inquiry .inquiry_tbl_w .textarea_h { height: 180px; padding: 12px; } #modal_inquiry .inquiry_tbl_w .border_n { border: none; } #modal_inquiry .btn_w { margin-top: 1em; } #modal_files { max-width: 500px; } .firmware_list { width: 100%; border: 1px solid #ddd; text-align: left; margin-bottom: 5px; margin-bottom: .75em;} .firmware_list .inner { display: flex; width: 100%; justify-content: space-between; color: #333;} .firmware_list .inner .txt_w { text-align: center; padding: 8px 15px; line-height: 1.2; font-weight: 600; align-self: center; } .firmware_list .inner .txt_w span { font-weight: bold; color: #888; } .firmware_list .inner .firmware_icon { text-align: center; padding: 8px 15px; line-height: 1.2; font-weight: 600; } .firmware_list .firmware_description { padding: 8px 15px; text-align: left; line-height: 1.2; font-weight: 600; color: #444; font-size: 0.9em; border-top: 1px solid #eee; display: none; font-size: .813em;} .firmware_list .inner { text-align: left; box-sizing: border-box; padding: 0; margin: 0; cursor: pointer;} .firmware_list .inner .version { display: inline-block; color: #888; font-size: .750em;} .firmware_list .inner:hover .version { color: #FFF;} .firmware_list .inner .name { display: inline-block; font-size: .813em;} .firmware_list .inner i { color: #333; margin-right: 5px; font-size: .938em;} .firmware_list .inner:hover i { color: #FFF;} .firmware_list .inner:hover { background: #f57d20; color: #FFF; } .firmware_list .inner .firmware_icon form { display: inline-block; } .firmware_list .inner .firmware_icon .pwd { width: 100px; border: 1px solid #eee; color: #333; padding: 0 5px; } .firmware_list .firmware_description form button[type="submit"] { background: none; border: none; text-decoration: none; font-size: inherit;} .firmware_list .firmware_description form button[type="submit"] i { font-size: 1.5em; color: #333;} .pageCertification_con_wrap1{} .pageCertification_con_wrap1 .inner{} .pageCertification_con_wrap1 .inner .img_wrap{width: 65em;} .pageCertification_con_wrap1 .inner .img_wrap .bg{padding-bottom: 56.25%} .pageCertification_con_wrap1 .inner .txt_wrap{flex:1;} .pageCertification_con_wrap1 .inner .txt_wrap .in{padding: 0 5em 0 5em} .pageCertification_con_wrap1 .inner .txt_wrap .in .list_tit_wrap{} .pageCertification_con_wrap1 .inner .txt_wrap .in .list_tit_wrap .t0{font-weight: 500; color: #333; font-size: 1.75em;} .pageCertification_con_wrap1 .inner .txt_wrap .in .list_tit_wrap .line{background: #999; width: 30px; height: 1px; margin: 3em 0; display: inline-block;} .pageCertification_con_wrap1 .inner .txt_wrap .in .list_tit_wrap .t1{color: #777; font-size: 1.125em; line-height: 1.5; padding-bottom: 1em;} .pageCertification_con_wrap1 .inner .txt_wrap .in .list{margin: 0 0 -3em 0;} .pageCertification_con_wrap1 .inner .txt_wrap .in .list > li{flex:1 0 50%;} .pageCertification_con_wrap1 .inner .txt_wrap .in .list > li .li_in{margin: 0 0 3em 0;} .pageCertification_con_wrap1 .inner .txt_wrap .in .list > li .li_in .icon{} .pageCertification_con_wrap1 .inner .txt_wrap .in .list > li .li_in .icon > img{height: 3em;} .pageCertification_con_wrap1 .inner .txt_wrap .in .list > li .li_in .tit{padding-top: 1em} .pageCertification_con_wrap1 .inner .txt_wrap .in .list > li .li_in .tit .ti{font-size: 1.188em; font-weight: 700; color: #666} .pageCertification_wrap_tit .inn .ti_w{margin-bottom: 1.5em;} .pageCertification_wrap_tit .inn .ti_w .ti_w_t1{padding-bottom: .5em; color: #f57d20; letter-spacing: .25em; font-size: .938em; font-weight:400} .pageCertification_wrap_tit .inn .ti_w .ti_w_t2{font-weight: 800; font-size: 2.375em; line-height: 1.3;} .pageCertification_con_wrap2{margin-top: 3em; box-sizing: border-box; padding: 3em 0; background: #f6f7f9; margin-bottom: 3em;} .pageCertification_con_wrap2 .inner{margin: 0 0 0 -8em} .pageCertification_con_wrap2 .inner .inCon{flex:1} .pageCertification_con_wrap2 .inner .inCon .inn{margin: 0 0 0 8em;} .pageCertification_con_wrap2 .inner .inCon .inn .tit{font-size: 1.875em; font-weight: 700; padding-bottom: .5em;} .pageCertification_con_wrap2 .inner .inCon .inn .list{margin: 0 0 0 -1.313em;} .pageCertification_con_wrap2 .inner .inCon .inn .list > li{flex:1 0 33.33%; max-width: 33.33%} .pageCertification_con_wrap2 .inner .inCon .inn .list > li .li_in{margin: 0 0 0 1.313em; box-shadow: 0 3px 1em rgba(0,0,0,.07); border: 1px solid #eee} .jk-manager-history{margin-top: 1em} .inquiry_history_tt{color: #555; font-size: .938em; margin-bottom: 1em; position: relative; padding-left: .5em;} .inquiry_history_tt:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 100%; background: #555} .page_ready_wrap{background: #f5f5f5; padding: 1.5em; text-align: center; display: block; border-radius: .5em;} .page_ready_wrap .xi{} .page_ready_wrap .ti{} .game_discontinued{filter: grayscale(1); opacity: .5;}