@charset "UTF-8";@import url(/global/css/fonts.css);@import url(/global/css/normalize.css);
.dimmed { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; opacity: 0; filter: alpha(opacity=0); z-index: 400; background-color: #000; } 
#wrap { min-width: 1030px; } 
.one_depth a { color:#000; } 
#wrap #header { width: 100%; min-width: 1030px; z-index: 1000; height: 97px; box-sizing: border-box; position: absolute; overflow: hidden; -webkit-transition: background .4s ease; -moz-transition: background .4s ease; -o-transition: background .4s ease; -ms-transition: background .4s ease;}


/*gotop*/
.gotop { cursor:pointer; width:56px; height:56px;background:url('../../images/layout/gotop.png');background-size:cover; position:fixed; right:20px; bottom:20px; z-index:999; } 

.zmeff:hover { background-size:100%; transition: all 0.6s } 
/* .ft_qcircle_grid { width:745px; height:200px; margin:auto; }  */
/* .ft_qcircle_box { width:117px; height:190px; float:left; margin-right:40px; } 
.ft_qcircle_box:last-child { margin-right:0; }  */
.ft_qcircle { width:115px; border:1px solid #383838; height:115px; background:#383838; border-radius:50%; cursor:pointer; } 
.ft_qcircle:hover { border:1px solid #eee; transition: all 0.8s ease; } 
.ft_qcircle_tt { color:#a8a8a8; line-height:1.3; font-size:14px; font-weight:500; text-align:center; padding:22px 0; cursor:pointer; } 
.ftc1 { background:#383838 url('../../images/layout/ft_c1.png')center no-repeat; } 
.ftc2 { background:#383838 url('../../images/layout/ft_c2.png')center no-repeat; } 
.ftc3 { background:#383838 url('../../images/layout/ft_c3.png')center no-repeat; } 
.ftc4 { background:#383838 url('../../images/layout/ft_c4.png')center no-repeat; } 
.ftc5 { background:#383838 url('../../images/layout/ft_c6-6.png')center no-repeat; } 

.ft_fixed_grid { position:fixed; bottom:-260px;width:100%; background:#2d2d2d; z-index:220; transition: all 0.3s ease; display:block; } 
.ft_fixed_grid-active { bottom:0 !important; transition: all 0.3s ease; z-index:9999999; } 
.qm_btnbox { z-index:10; margin:auto; width:145px; height:45px; background:#2d2d2d; position:relative; top:-45px; border-top-left-radius:15px; text-align:center; border-top-right-radius:15px; padding:15px 0 0 0; text-transform:uppercase; cursor:pointer; transition: all 0.5s ease; } 
.qm_btnbox-hide { top:0px; transition: all 0.5s ease; } 
.qm_calltxt { display:inline-block; text-align:center; font-size:12px; } 
.qm_arr { display:inline-block; margin-left:8px; width:7px; height:7px; border:1px solid #999; border-left:0px; border-top:0px; transform:rotate(-135deg); position:relative; top:2px; transition: all 0.3s ease; } 
.qm_arr-active { display:inline-block; margin-left:8px; width:7px; height:7px; border:1px solid #999; border-left:0px; border-top:0px; transform:rotate(45deg); position:relative; top:-3px; transition: all 0.3s ease; } 


li.lang_sele { width:50px; height:12px; position:relative; top:2px; background: url('../../images/sprite/langsele_arr.png') no-repeat; background-position: 40px -9px; cursor:pointer; } 
li.lang_sele-hover { width:50px; height:12px; position:relative; top:2px; background: url('../../images/sprite/langsele_arr_hover.png') no-repeat !important; background-position: 40px -9px !important; cursor:pointer; } 

li.lang_sele-active { width:50px; height:12px; position:relative; top:2px;background: url('../../images/sprite/langsele_arr.png') no-repeat; background-position: 40px -15px; } 
.lang_list { position:fixed; z-index:999; display:none; } 
.lang_list_box { width:70px; display:table; padding:10px 0; position:relative; left:10px; } 
.lang_list_box:hover { color:#0080bc; } 
/*.lang_list span { padding-lefT:10px; letter-spacing:-1px; } */
.lang_list span { width:20px; height:1px; position:relative; right:2px; top:9px; float:right; background:#333; } 
.lang_list span.active-linerz { width:20px; height:1px; position:relative; right:2px; top:9px; float:right; background:#0080bc; } 

.lang_list-btn { text-align:left; padding:15px 20px; background:#fff; float:left; border:1px solid #d6d6d6;width:70px; position:relative; left:0px; cursor:pointer; top:10px; left:-35px; } 
.lang-arrst { left:16px; z-index:999; top:16px; position:relative; width:10px; height:10px;border:1px solid #d6d6d6; transform:rotate(45deg); background:#fff;border-right:0px; border-bottom:0px; } 

li.lang_sele a { position:relative; top:-2px; left:-10px; } 




.dotb-align { width:100%; display:table; } 
.dotb-ps { position:relative; width:5px; z-index:999; margin:auto; transition: all 0.3s ease; } 
.dotb { top:94px; left:65px; position:absolute; width:7px; height:7px; border-radius:50%; background:#0080bc; opacity:0; transition:all 0.5s; } 
.dotb-active { opacity:1; -webkit-transition:all 300ms; -o-transition:all 300ms; -moz-transition:all 300ms; transition:all 0.5s; } 
ul.depth02_ul li { width:calc(90%/4); margin-right:calc(10%/3); } 
ul.depth02_ul li:last-child { margin-right:0; } 
.beeline { width:20px; height:2px; background:#636363; float:left; position:relative; top:8px; transition: all 0.3s ease; } 
.beeline-active { width:20px; height:2px; background:#0080bc; float:left; position:relative; top:8px; transition: all 0.2s ease; } 
.two_depth { left:-30%; position: absolute;z-index: 1; padding:15px 10px 30px 15px; margin-top:40px;width: 150%; text-align: left; opacity: 1; display: none; } 
.depth02_grid { width:1200px; margin:auto; padding:20px 0 50px 0; } 
.gnb_2depth_h1 { padding:25px 0 10px 0; width:100%; } 
.gnb_2depth_h2 { padding-left:25px; } 
.depth2_tt { position:relative; left:5px; } 
.shadow-active { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 18px 8px; transition: all 0.4s ease; } 
.header_grid { padding:0px; border-bottom:1px solid #d6d6d6; } 

/*main prodct--*/
.mprd_wrap { width:100%; display:table; background :#eee; } 
.mprd_grid { max-width:1580px; width:100%; margin:auto; padding:120px 0; } 
.mprd_icon_scll { } 
.mprd_icon_cmgrid { width:800px; margin:auto; display:table; padding:50px 0; } 
.mprd_icon_grid { margin:auto; display:table; padding:50px 0; } 
.mprd_icon_circle { width:78px; height:78px; border-radius:50%; margin-right:33px; float:left; cursor:pointer; transition: all 0.3s ease; background:#a8a8a8; z-index:22; } 
.mprd_icon_circle:hover { background:#0080bc !important; } 
.circle-active { background:#0080bc !important; } 
.mprd_icon_circle:last-child { margin-right:0px; } 
span.mpicotxt { text-align:center; position:relative; white-space:nowrap;display:table; /* width:100%; */ top:90px; color:#333; font-size:14px; display:inline-block; left:50%; transform: translateX(-50%);} 

.mprd_tt-active { color:#0080bc !important; } 

.mprd_icon_circle > .mprd_ico0 { background:url('/ko/images/main/20250519_new_icon.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.mprd_icon_circle > .mprd_ico1 { background:url('../../images/main/mt_ico01.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.mprd_icon_circle > .mprd_ico2 { background:url('../../images/main/mt_ico02.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.mprd_icon_circle > .mprd_ico3 { background:url('../../images/main/mt_ico03.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
/* .mprd_icon_circle > .mprd_ico3 > span { position:relative; left:-16px; }  */

.mprd_icon_circle > .mprd_ico4 { background:url('../../images/main/mt_ico04.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.mprd_icon_circle > .mprd_ico5 { background:url('../../images/main/mt_ico05.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.mprd_icon_circle > .mprd_ico6 { background:url('../../images/main/mt_ico06.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.mprd_icon_circle > .mprd_ico7 { background:url('../../images/main/mt_ico07.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
/*++sub prodct-*/
.sprd_wrap { width:100%; display:table; background :#eee; } 
.sprd_grid { max-width:1580px; width:100%; margin:auto; padding:120px 0; } 
.sprd_icon_scll { } 
.sprd_icon_grid { margin:auto; display:table; padding: 0 0 60px 0; } 
.sprd_icon_circle { width:78px; height:78px; border-radius:50%; margin-right:33px; float:left; cursor:pointer; transition: all 0.3s ease; background:#a8a8a8; z-index:22; } 
.sprd_icon_circle:last-child { margin-right:0px; } 
.sprd_icon_circle:hover { background:#0080bc !important; } 
.sprd_icon_circle > a > .sprd_ico0 { background:url('../../images/main/mt_ico00.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.sprd_icon_circle > a > .sprd_ico1 { background:url('../../images/main/mt_ico01.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.sprd_icon_circle > a > .sprd_ico2 { background:url('../../images/main/mt_ico02.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.sprd_icon_circle > a > .sprd_ico3 { background:url('../../images/main/mt_ico03.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.sprd_icon_circle > a > .sprd_ico3 > span { position:relative; /* left:-16px; */ } 

.sprd_icon_circle > a > .sprd_ico4 { background:url('../../images/main/mt_ico04.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.sprd_icon_circle > a > .sprd_ico5 { background:url('../../images/main/mt_ico05.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.sprd_icon_circle > a > .sprd_ico6 { background:url('../../images/main/mt_ico06.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.sprd_icon_circle > a > .sprd_ico7 { background:url('../../images/main/mt_ico07.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.sprd_icon_circle > a > .sprd_ico8 { background:url('../../images/main/mt_ico08.png'); width:78px; height:78px; border-radius:50%; z-index:25; } 
.dpnone { display:none; } 



.cl1 { width:66%; position:absolute; left:0%; -ms-transform: translateX(-120%);transform: translateX(-120%); opacity: 0; height:590px; } 
.lts { opacity: 1; -ms-transform: translateX(0%); transform: translateX(0%); transition: all 1.2s ease; -ms-transition: all 1.2s ease; } 
.cl2 { width:40%; position:absolute; right:0%; -ms-transform: translateX(110%);transform: translateX(110%); opacity: 0; } 
.rts { opacity: 1; -ms-transform: translateX(0%); transform: translateX(0%); transition: all 1.2s ease; -ms-transition: all 1.2s ease; } 

.mprd_tab_sli { display:table; width:100%; } 

.mprd_cont_box { width:100%; display:block; margin:auto; position:relative; min-height:580px; } 
ul.mprd_ul { overfloW:hidden; display:table; width:100%; padding:20px 0; } 
.mprd_cl2cont { padding:65px 50px 0 50px; background:#fff; margin:50px 0; height:420px; position:relative; } 

.mprdtt-h1 { font-size:50px; } 
.mprdtt-h1 span { font-size:26px; padding-lefT:10px; vertical-align:2px; } 
.mprdtt-h2 { font-size:18px; line-height:170%; padding:20px 0; color:#555555; } 
.mprdtt-h3 { font-size:18px; color:#333; position:absolute; bottom:40px; cursor:pointer; } 
.mprdtt_morebtn { width:33px; height:33px; background:url('../../images/sprite/cm_plus_cc.png'); float:left; transform:rotate(0deg); transition: all 0.8s ease; } 
.mprdtt_morebtn-active { background:url('../../images/sprite/cm_plus_on.png'); transform 0.8s;transform:rotate(0deg); transition: all 0.8s ease; } 
.mprdtt_moretxt { float:left; padding:8px 0 10px 5px; transform: translateX(0%); transform 0.8s; transition: all 0.5s ease; } 
.mprdtt_moretxt-active { float:left; padding:8px 0 10px 5px; transform: translateX(10%); transform 0.8s; transition: all 0.5s ease; color:#0080bc; } 


/*recruit*/
.wrp_recruit {width: 100%; height: 296px; overflow:hidden; display:block; } 


.recruit_wrap { width:100%; height:296px;display:table;background-image:url('../../images/main/ft_cont2.jpg'); /*background-attachment:fixed; */
background-size:100%;background-repeat:no-repeat;background-position-x:center;background-position-y:73%; } 


.recnt_bbs_wrap { width:100%; height:300px; display:table; background:#ececec; padding:120px 0; } 
.recnt_bbs_grid { max-width:1580px; width:100%; margin:auto; display:table; } 
.recnt_bbs_align { width:100%; display:table; } 
.recnt_left { width:58.3%; margin-right:1.7%; float:left; } 
.recnt_left_title { } 
span.recnt_title_span_h1 { position:relative; top:-11px; } 
span.recnt_title_span_h1img { position:relative; left:15px; top:-5px; } 
ul.recnt_left_cont { display:table; width:100%; } 
.recnt_li { width:33%; height:370px; background:#fff; float:left; margin-right:0.5%; position:relative; cursor:pointer; } 
.recnt_li:last-child { margin-right:0; } 

.recnt_li_img { width:100%; height:200px; } 
.recnt_right { width:40%; float:left; } 
.recnt_right_bn { width:100%; height:370px; display:table; } 
.recnt_right_bn_h1 { font-size:30px; } 
.recnt_right_bn_h2 { font-size:24px; padding:20px 0 0 0; line-height:160%; } 

.hover_eff { overflow:hidden; transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; transform:scale(1.0); -ms-transform:scale(1.0); } 
.hover_eff-active { -ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;cursor:pointer; background-size:100% !important; transform:scale(1.05); -ms-transform:scale(1.05); } 

/*koroy font preset*/

/*제목/영문/숫자용::나눔스퀘어::*/
.nsq-800 { font-family: 'NanumSquare'; font-weight: 800; } /*Extra Bold*/
.nsq-700 { font-family: 'NanumSquare'; font-weight: 700; } /* Bold*/
.nsq-400 { font-family: 'NanumSquare'; font-weight: 400; } /* Relular*/


/*제목/영문/숫자용::나눔스퀘어::*/
.ns-500 { font-family: 'Noto Sans KR'; font-weight: 500; } /*Regular*/
.ns-300 { font-family: 'Noto Sans KR'; font-weight: 300; } /*Light*/

.cm_middle { display:table-cell; vertical-align:middle; } 

/*textalign*/
.ta-c { text-align:center; } 
.ta-l { text-align:left; } 
.ta-r { text-align:right; } 
/*fontsize*/
.uppercase { text-transform:uppercase; } 
.kry-m1 { font-size: 85px; line-height:1.2; } 
.kry-m2 { font-size: 24px; line-height:1.5; } 
.kry-m2 br { display:none; } 


.kry-hs1 { font-size: 24px; letter-spacing:5px; } 
.kry-hs2 { font-size: 40px; } 
.kry-hs3 { font-size: 22px; } 

.kry-h1 { font-size:35px; line-height:1.5; } 
.kry-h18 { font-size:30px; line-height:1.5; } 

.kry-h15 { font-size:25px; line-height:1.5; } 
/* .kry-h15 br { display:none; } 
 */
.kry-h2 { font-size:20px; line-height:1.7; } 
.kry-h2m { font-size:20px; } 

.kry-h3 { font-size:16px; line-height:1.6; } 
.kry-hbtn { font-size:18px; } 
.kry-hprod { font-size:28px; letter-spacing:5.5px; } 
.kry-hnews { font-size:28px; height:50px; width:100%; } 
.kry-hnewsc { font-size:20px; line-height:1.5; padding:20px 13% 25px 10%;word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;-webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; height:60px; } 
.kry-hnewsb { font-size:16px; padding:0 0 0 10%; position:absolute; bottom:30px; } 
.kry_hnewsb_h1 { float:left; padding:0 15px 0 0; } 
.kry_hnewsb_h2 { float:left; padding:0 0 0 15px; border-left:1px solid #d6d6d6; } 
/*본문(서브페이지)용 폰트*/
.kry_ph1 { font-size:48px; } 
.kry_ph1-monly { display:none; } 

.kry-ph2 { font-size:25px; line-height:1.8; } 
.cmpg_tt_r { float:right; position:relative; right:126px; top:5px; } 

.kry-pht1 { font-size:40px; position:relative; } 
span.ttx3 { position:absolute; left:340px; white-space:nowrap; } 
span.ttx4 { position:absolute; left:340px; white-space:nowrap; } 
span.ttx5 { position:absolute; left:340px; white-space:nowrap; } 
span.ttx6 { position:absolute; left:340px; white-space:nowrap; } 
span.ttx7 { position:absolute; left:340px; white-space:nowrap; } 
span.ttx8 { position:absolute; left:340px; white-space:nowrap; } 

/*color::text*/
.tt-b { color:#111; } /*koroy 가장진한글씨*/
.tt-d { color:#333!important; } /*koroy 진한글씨*/
.tt-l { color:#636363; } /*koroy 밝은글씨*/
.tt-w { color:#fff; } /*koroy 가장밝은글씨*/
.tt-blue { color:#0080bc!important; transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1); } /*koroy 메인컬러*/

/*color::bg*/
.btn-bs { background-color:#0080bc; width:168px; padding:16px 0; border-radius:30px; margin:auto; line-height:16px; cursor:pointer; } /*koroy 메인btn*/
.btn-short { background-color:#0080bc; width:130px; padding:16px 0; border-radius:30px; margin:auto; line-height:16px; cursor:pointer; } /*koroy 메인btn*/

.bg-blue { background-color:#0080bc; } /*koroy 메인컬러*/
.bg-dark { background-color:#333; } /*koroy 진한글씨*/
.bg-light { background-color:#636363; } /*koroy 밝은글씨*/
.bg-w { background-color:#fff; } /*koroy 밝은글씨*/

/*margin-cc*/
.mgt60 { margin-top:60px; } 
.mgt70 { margin-top:70px; } 

/*padding-cc*/
.pdt70 { padding-top:60px; } 

.pdt60 { padding-top:60px; } 

.pdt50 { padding-top:50px; } 
.pdt40 { padding-top:40px; } 

.pdt30 { padding-top:30px; } 
.pdt20 { padding-top:20px; } 
.pdt15 { padding-top:15px; } 
.pdtb10 { padding:10px 0; } 
.pdtb15 { padding:15px 0; } 
.pdtb20 { padding:20px 0; } 
.pdtb50 { padding:50px 0; } 
.prd126 { padding-right:160px; } 

.hover_img { cursor:pointer; transition: all 0.3s ease; } 
.hover_img-active { display:none; } 


/*main mv*/
.main_mv { display:block; position: relative; /*padding-bottom: 56.25%; */
 overflow:hidden; /* 16:9 Aspect Ratio */
 height: 0; width: 100%; /* You can set this width to whatever suits your needs */
 margin: 0 auto; } 
#KryVideo { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; } 

.kmv_content { display:none; position: absolute; bottom: 0;background: rgba(0, 0, 0, 0.5); color: #f1f1f1;width: 100%; padding: 20px; text-align:center; } 

.kmv_content_2 { position: absolute; top:0;color: #f1f1f1; width: 648px; height:400px; text-align:center;left:50%; margin-left:-324px; display:table; } 

#kry_Btn { padding: 10px; border: none; background: #000;width: 200px; color:#e1e1e1; font-size: 18px; border: none; cursor: pointer; } 
#kry_Btn:hover { background: #ddd; color: #000; } 



/*main slider*/
.main_sli { display:none; } 
.main_sli_wrap > .bx-wrapper { width:100%; display:table; margin:auto; } 
.main_sli_wrap .bx-wrapper .bx-pager { } 
.main_sli_wrap > .bx-wrapper .bx-pager { position: absolute; bottom: 40px; width: 100%; } 
.main_sli_wrap .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: 100%; } 

.main_sli_wrap .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 20px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border:2px solid #fff; } 
.main_sli_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #fff; border:2px solid #fff; } 

.main_sli_slide1 { width:100%; height:1010px; background-size:cover; background:url('../../images/main/msli.jpg') no-repeat center; display:table; } 
.main_sli_slide2 { width:100%; height:1010px; background-size:cover; background:url('../../images/main/msli.jpg') no-repeat center; display:table; } 
.main_sli_slide3 { width:100%; height:1010px; background-size:cover; background:url('../../images/main/msli.jpg') no-repeat center; display:table; } 
.main_sli_slide4 { width:100%; height:1010px; background-size:cover; background:url('../../images/main/msli.jpg') no-repeat center; display:table; } 

/*main-cont4*/

.wrp_main_cont4 {width: 100%; height: 296px; overflow:hidden; display:block; } 

.main_cont4 { width:100%; height:296px;display:table;background-image:url('../../images/main/mss.jpg');/* background-size:100%; */
background-size:cover;background-repeat:no-repeat;background-position-x:center;background-position-y:center; } 

/*main-cont5*/
.main_cont5 { width:100%; height:578px; } 
.main_cont5_left { float:left; width:50%; height:578px; display:table; } 
.main_cont5_right { float:left; width:50%; height:578px; background:url('../../images/main/hms_r.jpg') no-repeat center; display:table; background-size:cover; } 

/*공통레이아웃*/
.footer_wrap > .logo > img { width:118px; height:24px; } 

.header_grid { padding:0px; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area {float: left;height: 60px;margin-left: 0px;transition: all 0.3s ease; } 
#wrap footer .footer_wrap {width: 100%;margin: 0 auto;padding: 60px 0 70px;box-sizing: border-box;max-width:1580px;min-width:1180px;transition: all 0.3s ease; } 
#wrap #header .header_wrap .header_area #gnb {text-align: center; display: inline-block; display:table; height:97px;width:50%; float:left; position:relative;left:9%; transition: all 0.3s ease;}

.util_area a:hover { color:#0080bc!important; transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1); } 
#wrap #header .header_wrap .header_area .util_area {float: right;position: relative;z-index: 100;width:240px;top:2px;padding:34px 0;/*margin-top: 35px; */}

#wrap #header .header_wrap { width: 100%; background: #fff; } 
#wrap #header .header_wrap .header_area {max-width: 1580px;min-width: 1280px;width:100%; height: 97px; margin: 0 auto; z-index: 900; } 
.header_area { transition: all 0.3s ease; } 



/* #wrap #header .header_wrap .header_area #logo { text-align: left; float: left; margin-top: 28px; } 
#wrap #header .header_wrap .header_area #logo a { display: inline-block; text-indent: -9999px; overflow: hidden; background-image: url('../../images/sprite/logo_h.png'); background-position: 0px 0px; width: 160px; height: 35px; }  */
#wrap #header .header_wrap .header_area #logo { text-align: left; float: left; margin-top: 32px; } 
#wrap #header .header_wrap .header_area #logo a { display: inline-block; text-indent: -9999px; overflow: hidden; background-image: url(/global/images/common/logo_h.png); background-position: 0px 0px; width: 212px; height: 32px; } 

#wrap #header .header_wrap .header_area #gnb>h2 { display: none; } 
#wrap #header .header_wrap .header_area #gnb>ul { margin-top: 39px;vertical-align:middle;display:table-cell;margin:auto 0;width:100%;position:relative;; } 
#wrap #header .header_wrap .header_area #gnb>ul>li { display: inline-block; float: left;/*height:100%; */
height:60px;width:calc(100%/5);margin-top:39px; } 
#wrap #header .header_wrap .header_area #gnb>ul>li>a {/* padding: 0 28px; */
padding:0; } 
#wrap #header .header_wrap .header_area #gnb>ul>li>a span { color: #333; position: relative; font-size: 18px; font-weight: 500; /*padding: 0 28px; */
padding:0; } 
#wrap #header .header_wrap .header_area #gnb>ul>li>a span:after { display: block; content: ""; width: 100%; height: 2px; /* background-color:#0080bc; */
 transform: scale(0, 1); transition: all 0.3s ease; position: absolute; left: 0; bottom: -3px; } 
#wrap #header .header_wrap .header_area #gnb>ul>li>a.active span, #wrap #header .header_wrap .header_area #gnb>ul>li>a:hover span { color:#0080bc; } 
#wrap #header .header_wrap .header_area #gnb>ul>li>a.active span:after, #wrap #header .header_wrap .header_area #gnb>ul>li>a:hover span:after { transform: scale(1, 1); } 


#wrap #header .header_wrap .header_area #gnb>ul>li .two_depth div ul li { float: left; margin: 0 15px; } 
#wrap #header .header_wrap .header_area #gnb>ul>li .two_depth div ul li a span { color: #333; font-size: 17px; position: relative; font-weight: 500; } 
#wrap #header .header_wrap .header_area #gnb>ul>li .two_depth div ul li a span:after { display: block; content: ""; width: 100%; height: 2px; background-color: #0080bc; transform: scale(0, 1); transition: all 0.3s ease; position: absolute; left: 0;top:20px; bottom: -3px; } 
#wrap #header .header_wrap .header_area #gnb>ul>li .two_depth div ul li a:hover span:after { transform: scale(1, 1); } 

#wrap #header .header_wrap .header_area .util_area .len-sel { float: left; font-weight: 500; color: #333; font-size: 13px; font-family: sans-serif; transition: all 0.3s ease; margin-right: 40px; position: relative; top: 8px; } 
#wrap #header .header_wrap .header_area .util_area .len-sel:hover { color:#0080bc; } 
#wrap #header .header_wrap .header_area .util_area ul { /*overflow: hidden; */
 float: left; margin-right: 10px; } 
#wrap #header .header_wrap .header_area .util_area ul li { float: left; margin-left: 10px;margin-top:5px; } 
#wrap #header .header_wrap .header_area .util_area ul li:first-child { margin-left: 0; } 

#wrap #header .header_wrap .header_area .util_area ul li a {font-size:16px; display: block; } 

.sns-area > ul > li > a > img { width:30px; height:30px; } 

 .menu-trigger { display: inline-block; transition: all .4s; box-sizing: border-box; position: relative; top: 2px; width: 64px; height: 15px; } 



 .menu-trigger span { position: absolute; left: 0; width: 100%; height: 1px; background-color: #000;}
 .menu-trigger span:nth-of-type(1) { top: 0; } 
.menu-trigger span:nth-of-type(2) { top: 7px; } 
.menu-trigger span:nth-of-type(3) { bottom: 0; } 
#wrap #header.active .header_wrap #gnb { text-align: center; } 
#wrap #header.active .header_wrap #gnb>h2 { display: none; } 
#wrap #header.active .header_wrap #gnb>ul>li>a { color: #333; } 
#wrap #header.active .header_wrap #gnb>ul>li>a:after { display: block; content: ""; width: 100%; height: 2px; /* background-color:#0080bc; */
 transform: scale(0, 1); transition: all 0.3s ease; position: absolute; left: 0; bottom: -3px; } 
#wrap #header.active .header_wrap #gnb>ul>li>a.active, #wrap #header.active .header_wrap #gnb>ul>li>a:hover { color:#0080bc; } 
#wrap #header.active .header_wrap #gnb>ul>li>a.active:after, #wrap #header.active .header_wrap #gnb>ul>li>a:hover:after { transform: scale(1, 1); } 
#wrap #header.active .header_wrap .util_area .alliance-btn { background: #0080bc; font-size: 15px; color: #f5f5f5; font-weight: 500; display: inline-block; text-align: center; border-radius: 20px; padding: 8px 16px 6px; } 
#wrap #header.active .header_wrap .util_area .util-btn span:before { background: #333; } 
#wrap #header.active .header_wrap .util_area .util-btn span a { color: #333; } 
#wrap #header.active .header_wrap .util_area .menu-trigger span { background-color: #222; } 
#wrap #container { padding-top: 97px; overflow-x:hidden; overflow-y:hidden;}
.padding_cc { padding-top: 97px !important; } 
#wrap #container #location { width: 100%; position: relative; height: 60px; z-index: 100; background: #fff;}
#wrap #container #location .all-wrap { width: 1580px; height: 60px; margin: 0 auto; } 
#wrap #container #location .all-wrap .loca-wrap { width: 1580px; margin: 0 auto; height: 60px; } 

#wrap #container #location .all-wrap .loca-wrap .loca-area i { float: left; display: inline-block; padding: 15px 0 0 0;position:relative;left:10px; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area i a { display: block; width: 34px; height: 34px; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul { float: left; margin-left: 18px; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li { float: left; width: 218px; height: 60px; position: relative; } 

#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button.once-bar {background-image:none; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button.once-bar.active { background-image: none; background-repeat: no-repeat; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button { height: 60px; width: 218px; position: relative; color: #fff; text-align: left; padding-left: 1px; background-image: url("../../images/icon/loca_arrow_off.png"); background-position-y: 50%; background-position-x: 100%; background-repeat: no-repeat; -webkit-transition: background .3s ease; -moz-transition: background .3s ease; -o-transition: background .3s ease; -ms-transition: background .3s ease; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button.active { background:#0080bc;background-image: url("../../images/icon/loca_arrow_on.png"); background-position-y: 50%; background-position-x: 100%; background-repeat: no-repeat; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button.active span {color:#fff; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button:before { position: absolute; top: 15px; left: 0; width: 1px; height: 31px; background: #c0c0c0;z-index:-1; content: "" } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button span { padding-left: 19px; font-size: 15px; font-weight: 500; color: #636363; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li:last-child button:after { position: absolute; top: 15px; right: -1px; width: 1px; height: 31px; background: #c0c0c0; content: ""}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div { overflow: hidden; height: 0; position: relative;}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul { display: block; position: absolute; width: 100%; left: 0; padding: 30px 0; background: #0080bc; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li { margin-top: 19px;z-index:20;}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li:first-child { margin-top: 0; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a { font-size: 15px; font-weight: 500; color: #fff; display: inline-block; position: relative; margin-left: 19px; box-sizing: border-box; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a:after { display: block; content: ""; width: 100%; height: 1px; background-color: #f5f5f5; transform: scale(0, 1); transition: all 0.3s ease; position: absolute; left: 0; bottom: -7px; transform-origin: left; } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover:after { transform: scale(1, 1); } 
#wrap #container #location .all-wrap .loca-wrap .share-area { float: right; margin-right: 18px; padding: 18px 0; box-sizing: border-box; } 
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap { width: 151px; height: 34px; overflow: hidden; float: left; } 
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area { width: 151px; height: 34px; position: relative; left: 200px; } 
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul { overflow: hidden; } 
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li { float: left; margin-left: 13px; } 
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child { margin-left: 0; } 
#wrap #container #location .all-wrap .loca-wrap .share-area .share-btn { width: 34px; height: 34px; background-image: url("../../images/btn/share_open_bt.png"); float: right; text-indent: -9999px; padding-left: 18px; box-sizing: unset; background-repeat: no-repeat; background-position-x: right; transition: all .5s ease; } 
#wrap #container #location .all-wrap .loca-wrap .share-area .share-btn.active { background-image: url("../../images/btn/share_close_bt.png"); border-left: 1px solid #6c9bdb; } 
#wrap #container #location.fix { width: 100%; position: fixed; top: 0; } 
#wrap #container #location.fix .all-wrap { width: 100% } 
#wrap #container #content .content_wrap { padding: 100px 0 150px; width: 100%; margin: 0 auto; position: relative; } 

#wrap #container #content .model_wrap { padding: 0 00 px; width: 100%; margin: 0 auto; position: relative; } 

#wrap #container #content .model_wrap .cate_h1 { font-family: 'NanumSquare'; text-align: center; font-size: 40px; color: #FFF; font-weight: 400; } 

#wrap #container #content .model_wrap .title_hd { text-align: center; font-size: 50px; color: #FFF; font-weight: 700;margin-top:55px; } 

#wrap #container #content .model_wrap .title_sub { text-align: center; font-size: 20px; color: #fff; font-weight: 500;line-height:1.6;margin-top:30px;
}



#wrap #container #content .content_wrap h2 { text-align: center; font-size: 40px; color: #333; font-weight: bold; } 
#wrap footer { background: #2d2d2d; } 

.logo_wrap { width:15%; height:97px; display:table; float:left; } 
#wrap footer .footer_wrap .logo { text-align: left; } 
#wrap footer .footer_wrap .add-wrap { border-top: 1px solid #505050; margin-top: 41px; /*overflow: hidden; */
display:table;width:100%; } 
#wrap footer .footer_wrap .add-wrap .add-area { float: left; margin-top: 42px; } 
#wrap footer .footer_wrap .add-wrap .add-area .util_area { padding:0 0 30px 0; } 
#wrap footer .footer_wrap .add-wrap .add-area .util_area li { float: left; margin-left: 15px; padding-left: 16px; position: relative; } 

#wrap footer .footer_wrap .add-wrap .add-area .util_area li:before { content: ""; width: 2px; height: 13px; background: #f5f5f5; position: absolute; top: 3px; left: 0; } 
#wrap footer .footer_wrap .add-wrap .add-area .util_area li:first-child { padding-left: 0; margin-left: 0; } 
#wrap footer .footer_wrap .add-wrap .add-area .util_area li:first-child:before { display: none; } 
#wrap footer .footer_wrap .add-wrap .add-area .util_area li a { font-size: 14px; color: #d2d2d2; font-weight: 500; transition: all 0.3s ease; } 
#wrap footer .footer_wrap .add-wrap .add-area .util_area li a:hover { color:#0080bc; } 
#wrap footer .footer_wrap .add-wrap .add-area .util_area li:first-child a:hover { color:#fff!important;; } 
#wrap footer .footer_wrap .add-wrap .add-area address { color: #a8a8a8; font-size: 16px; line-height: 24px;font-weight:300;position:relative;top:10px; } 
#wrap footer .footer_wrap .add-wrap .sns-area { float: right; margin-top: 33px; } 

#wrap footer .footer_wrap .add-wrap .add-area p {color: #898989; font-size: 15px; line-height: 24px; } 
#wrap footer .footer_wrap .add-wrap .add-area p button {color: #898989;font-weight:500; } 


#wrap footer .footer_wrap .add-wrap .sns-area ul { /* overflow: hidden; */}
#wrap footer .footer_wrap .add-wrap .sns-area ul li { float: left; margin: 0 16px; } 
.sns-area_sele { margin-right:0px!important; margin-left:16px !important;; float:left; } 

.header_dimmed { z-index: 400; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; opacity: 0; filter: alpha(opacity=0); background-color: #000; } 
.popup_dimmed { z-index: 800; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; opacity: .3; filter: alpha(opacity=30); background-color: #000; } 
.tit-tp { position: relative; text-align: center; font-size: 30px; color: #333; padding-bottom: 65px; } 
.tit-tp:before { content: ""; width: 3px; height: 45px; position: absolute; bottom: 0; left: 50%; margin-left: 1px; background: #0080bc; } 
.tit-tp2 { position: relative; text-align: center; font-size: 30px; color: #f5f5f5; padding-bottom: 65px; } 
.tit-tp2:before { content: ""; width: 3px; height: 45px; position: absolute; bottom: 0; left: 50%; margin-left: 1px; background: #0080bc; } 
.tab-area { text-align: center; } 
.tab-area a { margin-left: 8px; display: inline-block; width: 188px; height: 48px; line-height: 48px; border: 1px solid #c7c7c7; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: #f5f5f5; } 
.tab-area a span { font-size: 18px; color: #d2d2d2; font-weight: 500; } 
.tab-area a:first-child { margin-left: 0; } 
.tab-area a.active { background-color: #333; border: 1px solid #222; position: relative; } 
.tab-area a.active:before { content: ""; background-image: url("../../images/icon/active_tab_arrow.png"); width: 15px; height: 8px; position: absolute; top: 49px; left: 50%; margin-left: -7px; } 
.tab-area a.active span { color: #f5f5f5; } 
.srch-area { width: 1030px; height: 42px; position: relative; margin: 40px auto 0; } 
.srch-area:after { clear: both; display: block; content: "" } 
.srch-area .right-wrap { position: absolute; right: 0; top: 0; z-index: 10; } 
.srch-area .right-wrap .sel-area { float: left; width: 150px; background-color: #f5f5f5; margin-right: 8px; border: 1px solid #f5f5f5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; transition: all 0.3s ease; } 
.srch-area .right-wrap .sel-area button { width: 100%; height: 40px; text-align: left; color: #333; padding-left: 19px; background: url("../../images/icon/sel_arrow_off.png") 100% 50% no-repeat; } 
.srch-area .right-wrap .sel-area .sel-list { display: none; padding: 2px 0 12px 0; } 
.srch-area .right-wrap .sel-area .sel-list li a { padding: 8px 0 8px 19px; display: block; color: #333; } 
.srch-area .right-wrap .sel-area .sel-list li a:hover { color:#0080bc; } 
.srch-area .right-wrap .sel-area.active { background-color: #fff; border: 1px solid #0080bc; } 
.srch-area .right-wrap .sel-area.active button { background: url("../../images/icon/sel_arrow_on.png") 100% 50% no-repeat; } 
.srch-area .right-wrap .input-area { width: 240px; height: 40px; float: right; position: relative; } 
.srch-area .right-wrap .input-area input { float: left; width: 168px; padding-right: 50px; outline: none; height: 36px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #f5f5f5; background-color: #f5f5f5; transition: all 0.3s ease; } 
.srch-area .right-wrap .input-area input:focus { background: #fff; border: 1px solid #0080bc; } 
.srch-area .right-wrap .input-area a { display: inline-block; position: absolute; right: 0; width: 50px; height: 40px; background-image: url("../../images/btn/srch_btn.png"); } 
.list-type { width: 1030px; margin: 24px auto 0; overflow: hidden; } 
.list-type li { width: 334px; height: 373px; position: relative; float: left; margin-left: 14px; } 
.list-type li:first-child, .list-type li:nth-child(4) { margin-left: 0; } 
.list-type li:nth-child(4), .list-type li:nth-child(5), .list-type li:nth-child(6) { margin-top: 30px; } 
.list-type li a { display: block; width: 334px; height: 373px; position: relative; border: 1px solid #c8c8c8; box-sizing: border-box; transition: all .3s ease; } 
.list-type li a .img-area { position: relative; left: -1px; top: -1px; } 
.list-type li a:hover { -moz-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1); box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1); } 
.list-type li a:hover .hover { opacity: 1; } 
.list-type li a .txt-area { padding: 20px 30px 10px 30px; } 
.list-type li a .txt-area .tit { font-size: 22px; font-weight: 500; color: #333; line-height: 32px; } 
.list-type li a .txt-area .txt { line-height: 26px; margin-top: 18px; } 
.list-type li a .util-area { position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; color: #333; padding: 10px 30px 10px 30px; box-sizing: border-box; } 
.list-type li a .util-area .date { float: left; line-height: 29px; font-weight: 500; } 
.list-type li a .util-area .noti { display: inline-block; float: right; background: #0080bc; color: #f5f5f5; text-align: center; width: 99px; height: 29px; line-height: 29px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } 
.list-type li a .hover { width: 330px; height: 369px; position: absolute; left: -1px; top: -1px; border: 2px solid #0080bc; opacity: 0; transition: all 0.3s ease; } 
.box-type { border: 3px solid #222; padding: 58px 0 58px; } 
.btn-area { text-align: center; margin-top: 70px; } 
.btn-area .#0080bc-bt { display: inline-block; width: 180px; height: 54px; line-height: 54px; background: #f03223; text-align: center; color: #f5f5f5; } 
.paging { text-align: center; position: relative; margin-top: 50px; } 
.paging ul { overflow: hidden; display: inline-block; } 
.paging ul li { margin: 0 3px; float: left; } 
.paging ul li.active a { border: 1px solid #0080bc; color: #fff; background: #0080bc; } 
.paging ul li.first a { border: none; text-indent: -9999px; overflow: hidden; width: 34px; height: 34px; display: inline-block; background-image: url("../../images/btn/paging_fir.png"); } 
.paging ul li.prev a { border: none; text-indent: -9999px; overflow: hidden; width: 34px; height: 34px; display: inline-block; background-image: url("../../images/btn/paging_prv.png"); margin-right: 20px; } 
.paging ul li.next a { border: none; text-indent: -9999px; overflow: hidden; width: 34px; height: 34px; display: inline-block; background-image: url("../../images/btn/paging_nxt.png"); margin-left: 20px; } 
.paging ul li.last a { border: none; text-indent: -9999px; overflow: hidden; width: 34px; height: 34px; display: inline-block; background-image: url("../../images/btn/paging_end.png"); } 
.paging ul li a { width: 34px; height: 34px; border-radius: 34px; color: #333; line-height: 32px; display: inline-block; box-sizing: border-box; } 




/*mobile only gnb*/
.header-m_wrap { height:50px; width:100%; display:none; background:#fff; } 
.header-m-l { width:20%; display:inline-block; } 
.header-m-c { width:60%; display:inline-block; padding:12px 0; } 
.header-m_logo { width:117px; margin:auto; } 
.header-m-r { width:20%; display:inline-block; } 
.mgnb_btn { left:20px; top:5px; width:30px; height:25px; position:relative; } 
.gnb-m_logo { width:117px; position:relative; lefT:20px; } 
.mgnb_btn-active { top:5px; left:10px; } 
.mgnb_asset1 { width:22px; height:2px; position:absolute; top:0px; background:#000000; } 
.mgnb_asset1-active { width:25px; height:2px; transition: all 0.4s ease; transform:rotate(-45deg); top:8px; background:#fff; } 
.mgnb_asset2 { width:22px; height:2px; position:absolute; top:8px; background:#000000; opacity:1; } 
.mgnb_asset2-active { opacity:0; transition: all 0.2s ease; } 
.mgnb_asset3 { width:22px; height:2px; position:absolute; top:16px; background:#000000; } 
.mgnb_asset3-active { width:25px; height:2px; transition: all 0.4s ease; transform:rotate(45deg); top:8px; background:#fff; } 
.mgnb_wrap { width:100%; height:100%; left:-0; top:0; opacity:0; position:fixed; z-index:-10;transition: all 0.8s ease; display:none; } 
.mgnb_wrap-active { width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.55); display:block;position:fixed; z-index:5000; transition: all 0.8s ease; } 
.mgnb_grid { width:78%; height:100vh; background:#fff; position:absolute; top:0; left:-100%; transform: translateX(-120%); transition: all 0.8s ease; } 
.mgnb_grid-active { width:78%; height:100%; background:#fff; position:absolute; top:0; left:0%; transform: translateX(0%); transition: all 0.8s ease; } 

.mgnb_hds { width:100%; height:50px; background:#0080bc; position:fixed; top:0; z-index:5000 } 
.mgnb_hds_left { float:left; width:80%; padding:12px 0; } 
.mgnb_hds_right { float:right; width:20%; padding:12px 0; z-index:5001; } 
.mgnb_blnk { float:right; width:22%; height:100%; display:none; } 

.gnb_sl { width:100%; display:table; padding:19px 0; } 
.gnb_sl_arrw_box { float:right; width:20%; height:22px; } 
.arrsts_dw { width:22px; height:22px; margin:auto; background:url('../../images/layout/mgnb_arr_dw.png') center no-repeat; background-size:cover; position:relative; right:4px; } 
.arrsts_up { width:22px; height:22px; margin:auto; background:url('../../images/layout/mgnb_arr_up.png') center no-repeat; background-size:cover; position:relative; right:4px; } 
.gnb_sl_tt_grid { width:100%; display:table; padding:15px 0; margin-top:50px; } 
.gnb_sl_tt_box { width:100%; display:table; border-top:1px solid #d6d6d6; } 
.gnb_sl_tt_box:first-child { border-top:0px solid #d6d6d6; } 
.gnb_sl_tt_box:last-child { border-bottom:1px solid #d6d6d6; } 

.gnb_sl_left_tt { float:left; width:80%; height:22px; } 
.gnb_sl_left_tt span { position:relative; lefT:20px; top:3px; } 
.gnb_panel { background:#ececec; width:100%; display:none; } 
ul.gnb_2dpth { } 
li.mgnb_2dpth_li { padding:19px 0; border-top:1px solid #d6d6d6; } 
li.mgnb_2dpth_li:last-child { border-bottom:0px solid #d6d6d6; } 
li.mgnb_2dpth_li span { padding:0 8px 0 20px; } 

.gnb_sl_ft_grid { width:100%; display:table; padding:40px 0; } 
.gnb_sl_ft-box1 { width:87%; margin:auto; background:#a8a8a8; font-size:1em;padding:18px 0 18px 0px; } 
.gnb_sl_ft-tt { padding-left:15px; } 

.gnb_sl_ft-box2 { width:87%; margin:5px auto 0 auto; background:#a8a8a8; font-size:1em;padding:18px 0 18px 0px; } 
.mgnbft-box2-inner { display:table; width:100%; } 
.mgnbft-box2-inleft { float:left; } 
.mgnbft-box2-inleft span { padding-left:15px; } 
.mgnbft-box2-inright { float:right; } 

.mgnbft-box2-arrbox-dw { width:12px; height:12px; position:relative; right:20px; top:2px; background:url('../../images/layout/arrw_dw.png')center no-repeat; background-size:cover;}

.mgnbft-box2-arrbox-up { width:12px; height:12px; position:relative; right:20px; background:url('../../images/layout/arrw_up.png')center no-repeat; background-size:cover;}
.mgnbft-box2_listgrid { position:absolute; left:6.5%; width:86.7%; bottom:90px; margin:auto; display:none; } 
li.lang_sele_list { padding:0; background:#383838; padding:18px 0; border-bottom:1px solid #a8a8a8; } 
li.lang_sele_list span { padding:0 10px; } 




/*common pagenation*/
.cm_pagenation_calcbox { width:auto; margin:auto; height:37px; padding:3% 0 50px 0; display:table; } 
.cm_pagenation_left_ul { display:table; background:#fff; float:left; cursor:pointer; } 
.cm_pagenation_left_ul > .cm_pagenation_li { width:44px; height:15px; border:1px solid #d8d8d8; text-align:center; padding:14px 0; font-size:15px; float:left; margin-right:3px; } 
.cm_pagenation_left_ul > .cm_pagenation_li:nth-child(1) { background:url('../../images/btn/pg_arr_left_d.png'); } 
.cm_pagenation_left_ul > .cm_pagenation_li:nth-child(2) { background:url('../../images/btn/pg_arr_left.png'); background-size:cover; margin-right:10px; } 
.cm_pagenation_left_ul > .cm_pagenation_li a { width:43px; height:32px; display:block; position:relative; top:-10px; } 

.cm_pagenation_num_ul { display:table; background:#fff; float:left; cursor:pointer; } 
.cm_pagenation_num_ul > .cm_pagenation_li { width:44px; height:15px; border:1px solid #d8d8d8; text-align:center; padding:14px 0; font-size:15px; float:left; margin-right:3px; } 
.cm_pagenation_num_ul > .cm_pagenation_li:last-child { margin-right:0px; } 
.cm_pagenation_num_ul > .cm_pagenation_li a { width:43px; padding:10px 0; position:relative; top:-11px; display:block; } 

.cm_pagenation_right_ul { display:table; background:#fff; float:left; } 
.cm_pagenation_right_ul > .cm_pagenation_li { width:44px; height:15px; border:1px solid #d8d8d8; text-align:center; padding:14px 0; font-size:15px; float:left; margin-right:3px; } 
.cm_pagenation_right_ul > .cm_pagenation_li:nth-child(1) { background:url('../../images/btn/pg_arr_right.png'); margin-left:10px; } 
.cm_pagenation_right_ul > .cm_pagenation_li:nth-child(2) { background:url('../../images/btn/pg_arr_right_d.png'); background-size:cover; margin-right:0px; } 
.cm_pagenation_right_ul > .cm_pagenation_li a { width:43px; height:32px; display:block; position:relative; top:-10px; } 

.pgli_active { background:#0080bc!important; color:#fff!important; border:1px solid #0080bc!important; } 
.pgli_active a { background:#0080bc!important; color:#fff!important; border:1px solid #0080bc!important; } 

/*dimmed layer common preset-*/

.dimmed_table { width:100%; height:100%; position:absolute; display:table; } 
.dimmed_table-cell { width:100%; height:100%; display:table-cell; vertical-align:middle; } 
.prod_img_popupimg { margin:auto; max-width:1280px; min-width:1100px; border-radius:3px; position:relative; } 


/*for fixing that background-attachment bug of css*/
.cmbg { background-attachment:fixed; } 
.cmbg_ie { background-attachment:scroll !important; } 
.cm_wrap { width:100%; display:table; } 
.cm_page_mv_align { padding:0 0 100px 0; } 

/*common page asset*/


.cm1180wrap_pd0 { width:1180px; background:#fff; display:table; margin:auto; padding: 0 0 0px 0; } 
.cm1180wrap { width:1180px; background:#fff; display:table; margin:auto; padding: 0 0 100px 0; } 
.cm1180wrap_10 { width:1180px; background:#fff; display:table; margin:auto; padding: 0 0 10px 0; } 
.cm1180wrap_pd50 { width:1180px; background:#fff; display:table; margin:auto; padding: 50px 00; } 
.cm1180wrap_pd5030 { width:1180px; background:#fff; display:table; margin:auto; padding: 50px 0 30px 0; } 

.cm_hd_title { padding:100px 0 75px 0; } 
.cm_faqhd_title { padding:60px 0 45px 0; } 

h2.cm_hd_title_h2 { font-size:40px; color:#333; font-weight:700; text-align:center; letter-spacing:-0.5px; } 
h3.cm_hd_title_h3 { font-size:18px; color:#636363; font-weight:500; text-align:center; letter-spacing:0px; padding:40px 0 0 0; line-height:170%; } 
h2.cm_faq_stitle { font-size:27px; color:#333; font-weight:700; text-align:left; letter-spacing:-0.5px; } 
.cm_1180cont { width:1180px; margin:auto; } 
.cm_560cont { width:560px; } 

.cm_vt { vertical-align:middle; display:table-cell; } 
.cmtt_hd { font-size:20px; line-height:150%; } 
.cmtt_h1 { font-size:30px; line-height:150%; } 
.cmtt_h2 { font-size:16px; line-height:170%; } 
.cmcl_light { color:#fff; } 

.cont_v { width:50%; } 
.cmtt500 { font-weight:500; } 
.cmtt300 { font-weight:300; } 
.cmtt700 { font-weight:700; } 
.cmttct { text-align:center; } 
.cmttlt { text-align:left; } 
.cmttrt { text-align:right; } 

.cmpd-t50 { padding:50px 0 0 0 } 
.cmpd-t20 { padding:20px 0 0 0 } 

.cmpd-vt50 { padding:50px 0; } 


/*common check asset*/
input.cm_check[type=checkbox] { position: absolute; visibility: hidden; } 
input.cm_check[type=checkbox]:checked ~ label { color:#f03223; } 
input.cm_check[type=checkbox]:checked ~ label:before { } 
input.cm_check[type=checkbox]:checked ~ label:after { opacity: 1; filter: alpha(opacity=100); } 

.cm_check_st { float:left; padding-right:30px; } 
.cm_check_st label { font-size: 16px; position: relative; padding-left: 25px; line-height: 20px; cursor: pointer; font-weight:300; } 

.cm_check_st label:before { position: absolute; top: 3px; left: 0; width: 16px; height: 16px; border: 1px solid #a8a8a8; background-color: #FFF; content: "";color:#0080bc; } 

.cm_check_st label:after { position: absolute; top: 3px; left: 0; width: 19px; height: 19px; background: url('../../images/icon/chk_box_active.gif') 50% 50% no-repeat; content: ""; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; -ms-transition: opacity .2s ease;color:#0080bc; } 



/*search page asset*/

.cm_search_boxwrap { width:1174px; border:3px solid #333; display:table; } 
.cm_search_box_align { padding:50px 80px; } 
.cm_search_box_align-archonly { padding:30px 80px; } 
.cm_search_box_liner { width:100%; height:49px; border-bottom:1px solid #d6d6d6; display:table; font-size:16px; color:#333; font-weight:500; } 
.cm_search_box_liner_inner { padding:15px 0; } 
.cm_padding16tb { padding:15px 0; } 
.cm_search_box_liner:last-child { border-bottom:0px; } 
.searach_filter_st { width:17%; float:left; } 
.searach_filter_ss { float:left; width:83%; } 
input.cm_search { background:#fff; border:1px solid #d6d6d6; height:46px; width:100%; resize:none; } 
input.cm_search::placeholder { text-indent:0px; color:#a8a8a8; font-weight:300; } 
input.cm_search::-webkit-placeholder { text-indent:0px; color:#a8a8a8; font-weight:300; } 
input.cm_search:-moz-placeholder { text-indent:0px; color:#a8a8a8; font-weight:300; } 
input.cm_search::-moz-placeholder { text-indent:0px; color:#a8a8a8; font-weight:300; } 
input.cm_search:-ms-placeholder { text-indent:0px; color:#a8a8a8; font-weight:300; } 

.cm_submit_box_align { padding:30px 0px; } 
.cm_submit_box { background:#f03223; width:180px; height:55px; display:table; margin:auto; } 
.cm_submit_box_inner { display:table-cell; vertical-align:middle; text-align:center; font-size:16px; color:#fff; cursor:pointer; } 
.search_wrap { display:table; width:100%; } 
.cm_search_result_wrap { width:1180px; display:table; } 
.cm_search_result_align { padding:30px 0; } 
.cm_search_result_hd { width:100%; padding:16px 0; display:table; border-bottom:2px solid #636363; } 
.cm_search_result_hd_txt { font-size:16px; font-weight:500; color:#636363; text-indent:18px; } 
.cm_search_result_hd_txt span { color:#f03223; } 
.cm_search_result_grid { width:100%; display:table; padding:0 0 100px 0; } 


.padd_comf { padding-bottom:40px !important;; } 
.common_wrap { border-top:1px solid #d6d6d6; } 
.common_grid { width:100%; max-width:1580px; min-width:1280px; display:table; margin:auto; transition: all 0.5s ease; } 
.common_prd_grid { padding:0 0 100px 0; width:100%; max-width:1580px; min-width:1280px; display:table; margin:auto; } 
.prd_grid_add50 { padding-bottom:50px!important; } 

.cmpg-hdtt { opacity:0; transition: opacity 1.4s ease-out } 
.cmpg-hdtt-active { opacity:1; transition: opacity 1.4s ease-out; } 
.common_pg_title { width:100%; height:200px; position:relative; max-width:1920px; margin:auto; } 
.common_pg_title-active { height:260px; } 
.cmpg-liner { float:left; width:400px; height:50px;border-bottom:2px solid #0080bc; padding:80px 0 20px 0; transform: translateX(-220%); } 
.cmpg-liner-active { transform: translateX(0%);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease; } 

.intro_cp_int_box { width:100%; display:table; } 
.intro_cp_int_left { width:38%; float:left; padding-left:12%; } 
.intro_cp_int_right { width:50%; float:left; padding:0 0 60px 0; } 


.txt-int-r { opacity:0; transition: opacity 1.4s ease-out; transform: translateY(-50%); } 
.txt-int-r-active { opacity:1; transition: opacity 1.4s ease-out; transform: translateY(0%); transition: all 1.5s ease; } 
.fixed-loca { width:100%; position:fixed !important; top:0; height:60px; border-bottom:1px solid #d6d6d6; } 


.cm_input { width:580px; float:left; margin-left:5px; } 
.cm_search_bar { width:886px; height:50px; margin:auto; padding:20px 0 40px 0; } 
.cm_submit { position:relative; right:7px; width:116px; height:50px; margin-left:11px; background:#0080bc url('../../images/icon/search.png') no-repeat 20px 16px; float:right; color:#fff; } 
.cm_submit span { position:relative; left:15px; } 



/*sub-intro::company*/
.ao_value_aligngrid { width:100%; display:table; padding:100px 0 60px 0; } 
.ao_value_grid { width:100%; padding:100px 0 70px 0; display:table; background:#0080bc; } 
.intro_cp_h1 { font-size:27px; line-height:150%; position:RELATIVE; LEFT:-20PX; padding:0 27% 0 0; } 
.intro_cp_tt1 { font-size:18px; line-height:180%; } 


.intro_cp_bgimg { width:50%; floaT:left; height:570px; transition: all 1.2s ease; } 
.intro_cp_bgimg-after { width:40% !important; transition: all 1.2s ease; filter:grayscale(0.8); } 
.cp_bgimg-acitve { width:60%; transition: all 1.2s ease; } 
.cp_bg1 { background:url('../../images/sub/intro_img1.jpg') center no-repeat; background-size:cover; } 
/* .cp_bg2 { background:url('../../images/sub/intro_img2.jpg') center no-repeat; background-size:cover; }  */
.cp_bg2 { background:url(/global/images/intro/intro_img2.jpg) center no-repeat; background-size:cover; } 


.intro_cp_hd1 { font-size:25px; } 
.intro_cp_hd12 { font-size:20px; line-height:1.5; padding: 0 0 70px 0; } 
.intro_cp_hdbar { width:40px; height:2px; background:#fff; margin:25px auto 50px auto; } 
.intro_cp_hdbar_rv { width:40px; height:2px; background:#0080bc; margin:25px auto 30px auto; } 
.intro_cp_hdbar_rvl { width:40px; height:2px; background:#22b9ff; margin:25px auto 30px auto; } 

.sub_ao span { margin:-8px; } 
.sub_ao span:nth-child(9) { margin-left:15px; } 
.sub_ao span:nth-child(20) { margin-left:5px; } 
.sub_ao span { opacity:0; transform:translateY(0%); } 
.sub_ao-after { opacity:1!important; transform:translateY(0%); } 

.intro_cp_leftst { width:50%; float:left; display:table; } 
.intro_cp_leftst_inner { float:right; padding:20px 50px 0 0; display:table; } 
.intro_cp_leftst_img { width:283px; height:275px; margin:auto; transition: all 1.2s ease; filter:grayscale(1); background:url('../../images/sub/intro_img3.png') no-repeat; } 

.intro_cp_rightst { width:50%; float:left; display:table; } 
.intro_cp_rightst_inner { float:left; padding:20px 0 0 50px; display:table; } 
.intro_cp_rightst_img { width:289px; height:275px; margin:auto; transition: all 1.2s ease; filter:grayscale(1); background:url('../../images/sub/intro_img4.png'); } 
.cpll-active { filter:grayscale(0); transition: all 2s ease; } 
.intro_cpst_h1 { font-size:35px; padding:30px 0 20px; } 
.intro_cpst_h2 { font-size:20px; } 
.intro_cpst_h3 { width:450px; line-height:180%; padding:10px 0 30px 0; font-size:18px; } 

.intro_cp_hd2 { font-size:70px; transition: all 1.2s ease; } 
.intro_cp_hd3 { font-size:22px; padding: 50px 0 20px 0; } 
.intro_cp_hd4 { font-size:22px; padding: 0 0 30px 0; } 
.intro_cp_hd4 br { display:none; } 


.intro_valueinner { width:100%; display:table; padding:100px 0 100px 0 } 
.intro-vbx-align { width:100%; max-width:1110px; display:table; margin:auto; position:relative; } 
.triangle-right1 { float:right; position:absolute; top:81px; right:-16%;transform:rotate(90deg); width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent; border-bottom: 10px solid #636363; } 
.triangle-right2 { float:left; position:absolute; top:81px; left:-5%;transform:rotate(90deg); width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent; border-bottom: 10px solid #636363; } 

.intro_cp_vbxgrid { width:100%; display:table; } 
.intro_cp_vbxgrid_m { width:100%; display:none; } 

.intro-vbx-c_grid { position:absolute; top:120px; left:50%; margin-left:-89px; } 
.intro-vbx-c_circle { position:relative; z-index:10; width:178px; height:178px;border-radius:50%; background-image:url('../../images/sub/intro-vbx-c.jpg'); background-size:100%; display:table; } 
.intro-vbx-c-line { position:absolute; width:80%; height:1px; border-top:1px solid #a8a8a8; top:50%; left:50%; margin-left:-40%; z-index:5; } 
.intro-vbx-l_grid { width:50%; float:left; display:table; position:relative; } 
.intro-vbx-l-cline { position:absolute; lefT:60px; top:58px; width:68%; height:295px;border-top-right-radius:150px; border-bottom-right-radius:150px; border:1px solid #a8a8a8; border-lefT:0; z-index:5; } 
.intro-vbx-l_align { float:left; padding-left:8%; } 
.intro-vbx-r_grid { width:50%; float:left; display:table; position:relative; } 
.intro-vbx-r-cline { position:absolute; right:60px; top:58px; width:68%; height:295px;border-top-left-radius:150px; border-bottom-left-radius:150px; border:1px solid #a8a8a8; border-right:0; z-index:5; } 
.intro-vbx-r_align { float:right; padding-right:8%; } 

.value_box { position:relative;; z-index:12; width:228px; height:120px; border:2px solid #0080bc; border-radius:80px; display:table; background:#fff; } 
.intro-vbx-l1 { } 
.intro-vbx-l2 { margin-top:20px; } 
.intro-vbx-l3 { margin-top:20px; } 
.intro-vbx-r1 { } 
.intro-vbx-r2 { margin-top:20px; } 
.intro-vbx-r3 { margin-top:20px; } 
.intro-cp_value_h1 { font-size:26px; } 
.intro-cp_value_h2 { font-size:22px; padding:10px 0 0 0; } 
.intro-cp_value_cc { font-size:30px; padding:10px 0 0 0; } 


.intro_cp_rule_wrap { width:100%; height:800px; background:url('../../images/sub/intro_img5_bg.jpg'); overflow:hidden; } 
.intro_cp_rule_grid { width:100%; padding:100px 0 0 0; } 
.rule_box_align { width:940px; margin:auto; display:table; padding:35px 0; } 
.rule_box { width:210px; margin-right:20px; background:#eee; padding:40px;float:left; border-radius:12px; box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 7px 11px 20px 8px; -moz-box-shadow:rgba(0,0,0,0.3) 7px 11px 20px 8px;-ms-box-shadow:rgba(0,0,0,0.3) 7px 11px 20px 8px;}
.rule_box:last-child { margin-right:0px; } 
.rule_box_h1 { font-size:35px; letter-spacing:2px; } 
.rule_box_h2 { font-size:20px; padding:20px 0 10px 0; } 
.rule_box_h3 { font-size:20px; color:#333; padding: 20px 0 10px 0; } 


.rblx1 { opacity:0; transition: all 1.2s ease-out; transform:translateY(200%); } 
.rblx2 { opacity:0; transition: all 1.2s ease-out; transform:translateY(200%); } 
.rblx3 { opacity:0; transition: all 1.2s ease-out; transform:translateY(200%); } 
.rblx1-active { opacity:1; transition: all 1.2s ease-out; transform:translateY(0); } 
.rblx2-active { opacity:1; transition: all 1.4s ease-out; transform:translateY(0); } 
.rblx3-active { opacity:1; transition: all 1.6s ease-out; transform:translateY(0); } 

.rbi1 { } 
.rbi2 { padding-top:25px; border-top:1px solid #d0d0d0; margin-top:25px; } 
.rbi3 { padding-top:25px; border-top:1px solid #d0d0d0; margin-top:25px; } 

.intro_cp_cert_wrap { width:100%; height:800px; background:#fff; } 
.intro_cp_cert_grid { width:100%; height:560px; background:#ececec; position:relative; padding:100px 0 0 0; } 
.intro_cp_certbox { margin:auto; width:1580px; height:425px; background:#0080bc; position:absolute;left:50%; margin-left:-790px; bottom:-150px; } 
.intro_cp_certbox_inner { height:400px; display:table; margin:auto; position:relative; top:-160px; } 
.intro_cp_certbox-box1 { float:left; margin-right:53px; } 
.intro_cp_certbox-box2 { float:left; margin-right:53px; } 
.intro_cp_certbox-box3 { float:left; } 

.intro_cp_certbox-box-align { position:relative; display:table;box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;-webkit-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px; -moz-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;-ms-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px; } 

.intro_cp_certbox-box-tt { position:relative; font-size:18px; top:20px;letter-spacing:-0.5px; line-height:150%; } 
.llvv_align { display:table; width:100%; padding:100px 0 100px 0; } 
.llvv_box { width:50%; float:left; } 
.llvv_img { } 
.llvv_align-inner { padding:40px; } 
.llvv_h1 { font-size:34px; padding:0 0 20px 0 } 
.llvv_h2 { font-size:18px; line-height:180%; } 
.llvv_h2 span { padding-lefT:40px; } 



/*sub-intro_ map*/
.map_align { padding:0 0 150px 0; } 
.map_att_wrap { width:100%; display:table; padding:20px 0 40px; position:relative; border-bottom:0px solid #eee; } 
#map_c01 { width:100%; height:425px; background:#eee; } 
.map_hds_grid { width:1050px; height:160px; margin:auto; position:relative; } 
.map_hds_box { width:100%; height:220px; background:#0080bc; position:absolute; top:-60px; z-index:20; } 
.map_hds_inner { width:100%; display:table; padding:50px 0; } 
.map_hds_left { width:38%; float:left; display:table; height:120px; border-right:1px solid #2191c5; } 
.map_hds_l1 { font-size:35px; padding-left:25%; } 
.map_hds_right { width:55%; float:right; display:table; height:120px; } 
.map_hds_r1 { font-size:18px; line-height:1.5; } 
.map_hds_r2 { font-size:16px; line-height:1.5; margin-top: 10px; } 

.map_hds_info_grid { width:1050px; margin:auto; position:Relative; display:none; } 
.map_hds_info_box { padding:45px 0px 45px 10%; } 
.map_wayt_h1 { font-size:22px; } 
.map_way_c1 { display:table; width:100%; padding:40px 0 15px 0; } 
.map_way_c1_img { display:inline-block; } 
.map_way_c1_tt { padding-left:30px; display:inline-block; font-size:18px; line-height:170%; } 
.tt-gr { color:#4cb550 } 
.arr_mini { position:relative; top:-3px; padding:0 10px; } 
.map_way_c2 { display:table; width:100%; padding:20px 0 15px 0; } 
.map_way_c2_img { display:inline-block; } 
.map_way_c2_tt { padding-left:30px; display:inline-block; font-size:18px; line-height:170%; } 
.map_way_c3 { display:table; width:100%; padding:20px 0 15px 0; } 
.map_way_c3_tt { padding-left:30px; display:inline-block; font-size:18px; line-height:170%; position:relative; top:-12px; } 


.map_attcont { display:table; width:100%; text-align:center; } 
.map_att_tabs { display:table; margin:auto; padding:60px 0 40px 0; } 
.ce_tt { float:left; font-size:20px; padding:15px 0; cursor:pointer; } 
.ce_tt:hover { border-bottom:2px solid #0080bc; color:#0080bc; font-weight:700; } 
.map_att_tabs > li.ce_circle { float:left; width:7px; height:7px; border-radius:50%; background:#dadada; margin:22px 25px; } 
.active_map_tab { border-bottom:2px solid #0080bc; color:#0080bc; font-weight:700; } 

.map_attarray_box { width:calc(98.5%/2); display:table; float:left; margin-right:1.5%; } 
.map_attarray_box:nth-child(even) { margin-right:0%; } 
.map_att_mia { width:100%; height:330px; background:#eee; border:0px solid #d6d6d6; } 
.map_att_mia_info { padding:38px 30px; width:90%; display:table; } 

.mtt-b { color:#000333 } 
.map_att_mia_h1 { font-size:34px; padding: 0 0 20px 0; } 
.map_att_mia_h2 { font-size:18px; padding:0 0 15px 0; line-height:180%; } 
.map_att_mia_hp { font-size:16px; padding: 10px 20px 15px 0; display:inline; } 
.map_att_mia_hf { font-size:16px; padding: 10px 20px 15px 0; display:inline; } 
.map_att_mia_hm { font-size:16px; padding: 10px 20px 15px 0; line-height:1.8; } 
.map_global_cc { padding:80px 0; } 


.gbm_grid { width:100%; background:#f5f5f5; display:table; padding:0 0 50px 0; } 
.gbm_txtbox { } 
.gbm_h1 { font-size:22px; line-height:160%; padding:100px 0 0 0; } 
.gbm_h2 { font-size:18px; line-height:160%; padding:20px 0 0 0; } 
.gbm_img_pc { text-align:center; margin:auto; padding:0 10%; display:block; } 
.gbm_img_pc img { width:100%; max-width:1500px; } 
.gbm_img_m { display:none; } 
.gbm_img_m img { width:100%; } 


/*intro-ceopage*/
.intro_ceogrid { width:100%; display:table; padding:20px 0 150px 0; } 
.intro_ceobox { width:50%; display:table; float:left; } 
.intro_ceo_hdtt { line-height:170%; font-size:34px; padding:40px 0 0 0; } 
.intro_ceo_cont { padding:50px 0 70px 50px; line-height:170%; width:74%; font-size:18px; word-break:keep-all; } 
.intro_ceo_t1 { font-size:18px; } 
.intro_ceo_t2 { position:relative; top:-10px; display:table; } 
.intro_ceo_t22 { position:relative; top:15px; display:table; } 

.intro_ceo_th1 { display:inline-block; font-size:25px; } 
.intro_ceo_th2 { display:inline-block; position:relative; left:10px; top:28px; } 
.intro_ceo_th3 { display: inline-block; position: absolute; right: -130px; top: -9px; } 
.mo-img { display:none; width:100%; } 
.intro_ceobox > .pc-img { left:250px; position:relative; } 


/*history*/
.hst_hdbar { width:100%; height:70px; border-top:1px solid #d6d6d6; padding:0 0 20px 0; margin-top:100px; position:relative; } 
.hst_hdbar_align { max-width:1180px; width:100%; margin:auto; position:relative; } 
.hst_hdbar_box { position:absolute; top:-25px; width:100%; height:50px; } 

.hst_prev { float:left; width:5%; display:table; text-align:left; } 
.hst_next { float:left; width:5%; display:table; text-align:right; } 
.hst_yearbar { float:left; width:90%; overflow:hidden; position:relative; top:-20px; } 
ul.hst_yearlist { display:table; width:100%; position:relative; top:-20px;padding:15px 0; text-align:center; transform:translateX(0) } 
.hst_yearlist li { text-align:center; position:relative; } 
.hst_yearlist li span { background:#fff; padding:0 3%; font-size:18px; } 
.ylist-next { width:27%; transition: all 0.5s; opacity:1; display:table; min-height:20px; float:left; position:relative; top:40px; } 
.ylist-prev { width:27%; transition: all 0.5s; opacity:1; display:table; min-height:20px; float:left; position:relative; top:40px; } 
.ylist-active { width:46%; transition: all 0.5s; opacity:1; display:table; float:left; } 
.ylist-active span { color:#0080bc; font-size:60px !important;font-weight:800; text-align:center;white-space:nowrap; position:Relative; left:0; top:22px; opacity:0; transform:translateY(-220%); } 
.txt-hst-active {opacity:1 !important; transform:translateY(0%)!important; transition: all 0s ease-out; } 

.tt_cont { width:100%; max-width:1180px; margin:auto;display:none; opacity:0; transition: all 0.5s ease; } 
.year { display:none; } 
.hst_cont_active { display:block; opacity:1 } 
.hstcont_wrap { width:100%; display:table; position:relative; padding:0 0 150px 0; } 
.hstcontbox-align { padding:100px 0; } 
.hstcontbox { width:50.1%; display:table; padding:10px 0; } 

.dot_top_out { position:relative; left:-13px; width:27px; height:27px; border:1px solid #0080bc; border-radius:50%; background:#fff; } 
.dot_top_dot { position:relative; left:10px; top:10px; width:7px; height:7px; background:#0080bc; border-radius:50%; } 

.dot_bottom_out { position:absolute; bottom:0px; left:-40px; width:88px; height:88px;
background:#0080bc url('../../images/sub/korloy_logo_cc.png') no-repeat center; border-radius:50%; } 

.hstcontbox:nth-child(odd) { float:right; transform:translateX(-120%); transition: all 1.8s ease; opacity:0 } 
.hstcontbox:nth-child(odd) > .hstcont_inner > .dotnline { width:50px; height:1px; background:#d6d6d6; position:Relative; top:0; left:0; float:left; } 
.hstcontbox:nth-child(odd) > .hstcont_inner > .dotnline > .dotc { position:absolute; left:-2px; top:-3px; width:7px; height:7px; background:#0080bc; border-radius:50%; } 
.hstcontbox:nth-child(odd) > .hstcont_inner > .hstcontgroup { display:table; width:80%; height:120px; position:relative; top:-20px; padding: 0 0 0 20px; } 
.hstcontbox:nth-child(odd) > .hstcont_inner > .hstcontgroup > .hstcont_h2 li span
 {
 padding:0 20px 0 5px; font-weight:500; color:#333; float:left; height:32px; } 

.hstcontbox:nth-child(even) { float:left; transform:translateX(120%); transition: all 1.8s ease; opacity:0 } 
.hstcontbox:nth-child(even) > .hstcont_inner > .dotnline { width:50px; height:1px; background:#d6d6d6; position:Relative; top:0; right:0; float:right; } 
.hstcontbox:nth-child(even) > .hstcont_inner > .dotnline > .dotc { position:absolute; right:-3px; top:-3px; width:7px; height:7px; background:#0080bc; border-radius:50%; } 

.hstcontbox:nth-child(even) > .hstcont_inner > .hstcontgroup { display:table; width:80%; height:120px; position:relative; top:-20px; padding: 0 0 0 40px; text-align:right; } 
.hstcenterliner { width:1px; height:100%; border-right:2px 
dotted #d6d6d6; position:absolute; left:50%; margin-left:-2px; } 
.hstcont_inner { display:table; width:100%; height:30px;padding: 0 0 0 0% } 

.hstcontbox:nth-child(even) > .hstcont_inner > .hstcontgroup > .hstcont_h2 li span
 {
 padding:0 5px 0 20px; font-weight:500; color:#333; float:right; height:32px; } 

.hstcont_h1 { font-size:40px; padding:3px 0 10px 0 } 
.hstcont_h2 { } 
.hstcont_h2 li { font-size:17px; padding:15px 0 0 0; word-break:keep-all; line-height:170%; } 
.hstcontbox-active { opacity:1 !important; transform:translateX(0) !important; transition: all 1.8s ease; } 

.hst_btbox { position:relative; width:100%; height:135px; top:-25px; z-index:-1; } 

.hst_btbox-inner { width:100%; height:160px; background:url('../../images/sub/hst_bt.png') no-repeat center; background-position:0px 0; } 

/*sub-prdinfo::new product*/
.cm_array_wrap { width:100%; display:table; } 
.cm_array { float:left; position:relative; margin-top:1%; width:calc(97%/4);margin-right:1%; display:block; padding-bottom:60px; } 
.cm_array:nth-child(4n) { margin-right:0 } 
.prd_img { width:100%; display:table; } 
.prd_img img { border:1px solid #d6d6d6; } 
.prsc { cursor:pointer; } 
.cm_hover_dimmed { display:table; opacity:0;width:100%; position:absolute; top:0; left:0; border:2px solid #0080bc;transition: all 0.5s ease;overflow:hidden; } 

.cm_hover_dimmed-active {display:table; opacity:1;width:100%; position:absolute; top:0; left:0; border:2px solid #0080bc;transition: all 0.5s ease;box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;-webkit-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px; -moz-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;-ms-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;overflow:hidden; } 
.prd_kh1 { margin:30px 0 20px 25px; background:#0080bc; display:table; white-space:nowrap; padding:10px 20px; color:#fff; width:60px; text-align:center; border-radius:20px; } 
.prd_kh2 { font-size:22px; margin-top:-5px; color:#333; margin-left:25px; word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; height:40px; line-height:150%; } 
.prd_kh2-active { color:#0080bc !important; transition: all 0.5s ease; } 
.prd_kh_date { font-size:17px; color:#636363; padding:15px 0 0 25px; } 


/*subpage-prd view*/
.prd_view_subtt { width:100%; display:none; } 

.prd_view_grid { padding:50px 0 70px 0; width:100%; max-width:1180px; display:table; margin:auto; } 
.prd_backbtn_box { floaT:left; width:25%; text-align:left; } 
.prd_backbtn_img { display:inline-block; cursor:pointer; } 
.cm_back_h1 { font-size:16px; padding-left:10px; display:inline-block; cursor:pointer; } 
.prd-tt-h1 { font-size:50px; position:relative; top:-5px; } 
.prd-tt-h2 { font-size:25px; position:Relative; top:22px; } 
.prd_title_wrap { float:left; width:50%; } 
.prd_title_grid { text-align:center; } 
.prd_sele_wrap { float:left; width:25%; } 
.prd_viewimg_grid { padding:0px 0 80px 0; width:100%; min-width:1180px;max-width:1580px; display:table; margin:auto; position:relative; margin-bottom:150px; } 
.prd_view_nav_box { position:absolute; width:100%; height:100%; z-indeX:1; top:0px; left:0; } 
.prd_view_nav_align { display:table; width:100%; height:90%; } 
.prd_view_nav { width:100%; height:50px; } 
.prd_view_nav-prev { float:left; padding-left:40px; cursor:pointer; } 
.prd_view_nav-next { float:right; padding-right:40px; cursor:pointer; } 
.prd_view_hdimg { display:table; width:100%; } 
.prd_view_hdimg > .bx-wrapper { width:100%; } 
.prd_view_hdimg > .bx-wrapper .bx-controls { display:none; } 
.prd_view_infobox { position:absolute; bottom:-210px; padding:50px 0 80px 0;width:1180px; display:table; margin:auto; left:50%; margin-lefT:-590px; } 
.prd_view_infobox_hd { width:80%; padding:30px 10% 15px 10%; background:#0080bc; display:table; } 
.prd_view_infobox_tt { width:80%; padding:15px 10% 40px 10%; background:#0080bc; display:table; } 
.infobox-kh1 { font-size:35px; text-align:center; padding:20px 0 40px 0; border-bottom:1px solid #66b3d7; } 
.infobox-kh2 { font-size:18px; text-align:left; height:56px;line-height:160%; color:#ececec; width:70%; float:left; display:table; } 
.infobox-khbtn-grid { float:right; padding:12px 0; } 
.infobox-khbtn-box { width:100%; } 

.infobox-kh-btn1 { width:116px; padding:12px 0px; border:2px solid #ececec;text-align:center; color:#fff; font-size:16px; floaT:left; position:relative; lefT:-10px; } 
.infobox-kh-btn1:hover { background:#fff; color:#0080bc; cursor:pointer; transition: all 0.3s ease; } 
.infobox-kh-btn2 { width:116px; margin-left:10px; padding:12px 0px;border:2px solid #ececec; text-align:center; color:#fff; font-size:16px; floaT:left; } 
.infobox-kh-btn2:hover { background:#fff; color:#0080bc; cursor:pointer; transition: all 0.3s ease; } 


.prd_cont_grid { margin:auto; width:980px; padding:30px 100px 140px 100px; line-height:180%; font-size:18px; color:#636363; font-weight:300; } 
.prd_cont-hds { padding:00px 0 40px 0px; border-bottom:1px solid #a8a8a8; } 
.prd_cont_grid > .prd_cont-hds { padding: 0 00px 30px 00px; } 
.prd_cont_grid > .prd_cont-hds > .prd_cont-hds_h1 { font-size:24px!important; padding:0 0 30px 0!important; color:#333 !important; } 
.prd_cont_grid > .prd_cont-hds > .prd_cont-hds_h2 { font-size:18px!important; line-height:180%!important; padding:0; } 
.prd_cont_grid p { line-height:180%; font-size:18px; margin-bottom:0px; color:#636363; } 
.prd_cont_grid div { line-height:180%; font-size:18px; margin-bottom:10px; color:#636363; } 


.prd_view_ftbg { background:#eee; } 
.prd_view_ft_grid { width:100%; max-width:1180px; position:relative; display:table; margin:auto; padding: 0 0 80px 0; } 
.ftsli_nav { position:absolute; top:60px; right:0; } 
.ftsli_nav-prev { width:33px; height:33px; display:inline-block; cursor:pointer; } 
.ftsli_nav-next { margin-left:5px; width:33px; height:33px; display:inline-block; cursor:pointer; } 
.kry_prv1 { font-size:30px; } 
.prd_view_ftsli_grid > .bx-wrapper { width:100%; } 
.prd_view_ftsli_grid > .bx-wrapper > .bx-viewport { background:#eee; } 
ul.prdft_sli { width:1180px;; } 
ul.prdft_sli li { cursor:pointer; display:inline-block; background:#eee!important; } 
.prd_view_ftsli_grid > .bx-wrapper > .bx-controls > .bx-pager { display:none } 

.editor-pc { display:block; } 
.editor-m { display:none; } 


/*sub-prdinfo::mv*/
.mv_array_wrap { width:100%; display:table; } 
.mv_array { float:left; position:relative; margin-top:1%; width:calc(98%/3);margin-right:1%; padding-bottom:60px; } 
.mv_array:nth-child(3n) { margin-right:0 } 
.mv_mvh1 { font-size:22px; height:44px; padding:30px 10px 20px 20px;text-align:left; word-break:break-all; word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box;display:box; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden;height:20px; line-height:150%; } 


.mv_mvh2 { font-size:17px; padding:20px 0 20px 20px; width:100%; } 
.mv_img { width:100%; display:table; cursor:pointer; transition: all 0.3s ease; position:relative;  } 
.mv_img-playbtn { margin:auto; width:100%; height:100%;background:url('../../images/sub/array_mvinner.png') no-repeat center;  
position:absolute; top:0; transition: all 0.2s ease;background-size:15%;}
.mv_img-playbtn:hover { margin:auto; width:100%; height:100%;background:url('../../images/sub/array_mvinner_on.png') no-repeat center;  
position:absolute; top:0; transition: all 0.3s ease;background-size:15%;}


.mv_detail_dimmed { width:100%; height:100%; display:none;position:fixed; z-indeX:9999; top:0; left:0; background:rgba(0,0,0,0.6); } 
.mv_detail_dimmed-active { display:block; } 
.mv_detail_wrap { width:100%; height:100%; position:relative; display:table; } 
.mv_detail_grid { width:800px; display:table; margin:auto; } 
.mv_detail_hds { height:40px; width:100%; position:relative; } 
.mv_detail_hds_tt { color:#fefefe; font-size:30px; float:left; -webkit-box-orient: vertical;display: -webkit-box; text-overflow: ellipsis; padding:0 27px 0 0;display:box; -webkit-line-clamp: 1; overflow:hidden;height:25px; } 
.mv_detail_hds_cls { color:#fefefe; font-size:30px; position:absolute; right:0px; top:0px; } 
.mv_detail_hds_cls > .mvcls { width:26px; height:26px; position:relative;background:url('../../images/icon/mv_cls.png'); } 
.mv_detail_box { width:100%; height:480px; background:#eee; } 
.video-container_mds { margin: 0; padding-bottom: 75%; max-width: 100%; height: 0; position: relative; overflow: hidden; } 
.video-container_mds iframe, .video-container_mds object, .video-container_mds embed { margin: 0; padding: 0; width: 100%; height:500px; position: absolute; top: 0; left: 0; } 



/*subpage::download*/
.cm_tab_bar { width:100%; max-width:1580px; height:50px; min-width:1180px; margin:auto; padding:0 0 50px 0; } 
.cm_tab_align { width:856px; margin:auto; border:1px solid #d6d6d6; } 
.cm_tab_align-ci { width:568px; margin:auto; border:1px solid #d6d6d6; } 

.cm_tabul { width:100%; display:table; cursor:pointer; } 
.cm_tabli-active { background:#0080bc; color:#fff !important; border-left:1px solid #0080bc; } 


/*+tab 2개일경우*/
.cm_tablin2 { background:#fff; text-align:center; width:100%; } 
.cm_tablin2 a { text-align:center; width:50%; float:left; display:table; height:50px; } 
.cm_tablin2 div { border-left:1px solid #d6d6d6; font-size:18px; color:#636363; width:100%; padding:16px 0; vertical-align:middle; } 
.cm_tablin2 div:hover { border-left:1px solid #0080bc; background:#0080bc; color:#fff !important; transition: all 0.3s ease; cursor:pointer; } 
.cm_tablin2:first-child div { border-left:0px; } 

/*+tab 3개일경우*/
.cm_tablin3 { background:#fff; text-align:center; width:100%; } 
.cm_tablin3 a { text-align:center; width:calc(100%/3); float:left; display:table; height:50px; } 
.cm_tablin3 div { border-left:1px solid #d6d6d6; font-size:18px; color:#636363; width:100%; padding:16px 0; vertical-align:middle; } 
.cm_tablin3 div:hover { border-left:1px solid #0080bc; background:#0080bc; color:#fff !important; transition: all 0.3s ease; cursor:pointer; } 
.cm_tablin3:first-child div { border-left:0px; } 

/*+tab 4개일경우*/
.cm_tablin4 { background:#fff; text-align:center; width:100%; } 
.cm_tablin4 a { text-align:center; width:25%; float:left; display:table; height:50px; } 
.cm_tablin4 div { border-left:1px solid #d6d6d6; font-size:18px; color:#636363; width:100%; padding:16px 0; vertical-align:middle; } 
.cm_tablin4 div:hover { border-left:1px solid #0080bc; background:#0080bc; color:#fff !important; transition: all 0.3s ease; cursor:pointer; } 
.cm_tablin4:first-child div { border-left:0px; } 


.technews_pd { padding-bottom:80px; } 

.dw_array_wrap { width:100%; display:table; } 
.dw_array { float:left; position:relative; margin-top:1%; width:calc(87.0%/4); margin-right:4.3%; display:table; padding-bottom:60px; } 
.dw_array:nth-child(4n) { margin-right:0 } 

.dwsc { cursor:pointer; } 
.dw_img { width:100%; display:table; } 
.dw_img img { border:1px solid #d6d6d6; } 

.dw_hover_dimmed { display:table; opacity:0;width:100%; position:absolute; top:0; left:0;background:rgba(0,0,0,0.0); border:2px solid #0080bc;transition: all 0.5s ease;overflow:hidden; } 

.dw_hover_dimmed-active {display:table; opacity:1;width:100%; position:absolute; top:0; left:0;background:rgba(0,0,0,0.0); border:2px solid #0080bc;transition: all 0.5s ease;box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;-webkit-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px; -moz-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;-ms-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;overflow:hidden; } 


.dw_box1 { transform:translateX(-200%); cursor:pointer; display:inline-block; width:110px; height:110px; background:#333; border-radius:50%; text-align:center; } 
.dw_box2 { transform:translateX(200%); cursor:pointer; display:inline-block; width:110px; height:110px; margin-left:10px; background:#0080bc; border-radius:50%; text-align:center; } 
.dw_box1-active { transform:translateX(0); transition: all 0.6s ease; } 
.dw_box2-active { transform:translateX(0); transition: all 0.6s ease; } 

.dw_box1:hover { transform:scale(1); transition: all 0.3s ease; } 
.dw_box2:hover { transform:scale(1); transition: all 0.3s ease; } 
.dw_box_inner { margin:auto; text-align:center; width:50%; padding:30px 0 5px 0; } 
.dw_box_inner img { border:0px !important; } 
.dw_box1 span, .dw_box2 span { font-size:16px; line-height:18px; } 

.dw_kh1 { font-size:17px; padding:20px 0 0 0; } 
.dw_kh2 { font-size:22px; padding:15px 0 0 0; line-height:150%;word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height:65px; } 

.dw_kh1.bc { display:none; } 
.dw_kh2.bc { padding:30px 0 0 0; } 

.dwpst { cursor:pointer; } 

/*subpage::prcenter :list*/
.pr_array_wrap { width:100%; display:table; } 
.prlistpp { padding-bottom:50px; } 

.pr_array { float:left; position:relative; margin-top:2%; width:calc(98%/3); margin-right:1%; display:block; padding-bottom:30px; } 
.pr_array:nth-child(3n) { margin-right:0 } 
.pr_array:nth-child(1), .pr_array:nth-child(2), .pr_array:nth-child(3) { margin-top:1% !important; } 

.pr_hover_dimmed { display:table; opacity:0;width:100%; position:absolute; top:0; left:0; border:2px solid #0080bc;transition: all 0.5s ease;overflow:hidden; } 


.pr_hover_dimmed-active {display:table; opacity:1;width:100%; position:absolute; top:0; left:0; border:2px solid #0080bc;transition: all 0.5s ease;box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;-webkit-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px; -moz-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;-ms-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;overflow:hidden; } 

.prsc { cursor:pointer; } 
.pr_img { width:100%; display:table; } 
.pr_img img { border:1px solid #d6d6d6; } 
.pr_img-deactive { border:1px solid #fff!important; } 
.pr_kh1 { font-size:20px; padding:30px 10px 20px 20px; line-height:150%;word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height:40px;}
.pr_kh1-active { color:#0080bc !important; transition: all 0.5s ease; } 
.pr_kh2 { font-size:17px; padding:15px 0 0 20px; } 


.pr_mc1-active { color:#0080bc !important; transition: all 0.5s ease; } 
.pr_mc1 { font-size:20px; padding:25px 10px 20px 20px; line-height:150%;word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; height:15px; } 
.pr_mc2 { font-size:17px; padding:15px 0 0 20px; } 
.prc_stat_list { position:relative; margin:30px 0 0px 0; left:20px; border:1px solid #0080bc; font-size:17px; text-align:center; border-radius:3px; width:82px; padding:8px 0; } 



/*subpage::prcenter :view*/
.prc_view_grid { padding:55px 0 20px 0; width:100%; max-width:1180px; display:table; margin:auto; } 
.prc_backbtn_box { floaT:left; width:50%; text-align:left; position:relative; z-index:50; } 
.prc_stat_blnk { float:left; width:50%; text-align:left; height:33px; } 
.prc_stat_box { float:left; width:50%; text-align:left; } 
.prc_stat { float:right; border:1px solid #0080bc; font-size:17px; text-align:center; border-radius:3px; width:82px; padding:8px 0; } 
.prc_backbtn_img { display:inline-block; cursor:pointer; } 
.prc_title_wrap { z-index:0; float:left; width:80%; position:relative; top:-35px; padding:0 10%; } 
.prc_title_grid { text-align:center; padding: 0 0 0px 0; } 
.prc_view-hd { font-size:35px; padding:0 0 30px; position:relative; top:-10px;line-height:150%; overflow:hidden; } 
.prc-view-stat { position:Relative; } 
.prc-view-date { display:inline; } 
.view-date-icon { display:inline; position:relative; top:3px; } 
.prc-view-view { display:inline; margin-left:30px; } 
.view-view-icon { display:inline; position:relative; top:3px; } 
.prc-tt-h1 { font-size:18px; display:inline; padding-left:5px; } 
.viewcont_grid { width:100%; max-width:1020px; display:table; margin:auto; padding:50px 80px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; } 
.viewcont_output img { width:100%; } 
.viewcont_output p { font-size:18px; line-height:180%; color:#636363; font-weight:300; padding:5% 8%; } 
.viewcont_grid p { font-size:18px; line-height:180%; color:#636363; font-weight:300; } 

.viewbt_grid { width:100%; max-width:1180px; display:table; margin:auto; padding:50px 0% 150px 0%; } 
.viewbt_centeralign { width:50%; height:52px; display:inline-block; } 
.viewbt_listback { cursor:pointer; margin:auto; width:160px; background:#0080bc; height:52px; display:table; } 
.viewbt_prev { width:25%; height:52px; float:left; transform:translateX(0%); transition: all 0.3s ease; } 
.viewbt_prev-active { transition: all 0.3s ease; transform:translateX(-5%); transition: all 0.3s ease; } 
.viewbt_next { width:25%; height:52px; float:right; transform:translateX(0%); transition: all 0.3s ease; } 
.viewbt_next-active { transition: all 0.3s ease; transform:translateX(5%); transition: all 0.3s ease; } 
.viewbt_prev_arr { float:left; width:10px; height:10px; border:1px solid #636363; border-bottom:0px; border-right:0px; transform:rotate(-45deg); top:18px; position:relative; } 
.viewbt_prev_arr-active { border:1px solid #0080bc; border-bottom:0px; border-right:0px; transition: all 0.3s ease; } 
.viewbt_next_arr { float:right; width:10px; height:10px; border:1px solid #636363; border-bottom:0px; border-right:0px; transform:rotate(135deg); top:18px; position:relative; } 
.viewbt_next_arr-active { border:1px solid #0080bc; border-bottom:0px; border-right:0px; transition: all 0.3s ease; } 
.viewbt_prev_tt { float:left; top:15px; left:5px; position:relative; font-size:16px; cursor:pointer; } 
.viewbt_next_tt { float:right; top:15px; right:5px; position:relative; font-size:16px; cursor:pointer; } 


/*subpage::prcenter :mv*/
.prc_mv_box { width:1180px; padding:20px 0 60px 0; margin:auto; } 
.prc_hds_h1 { font-size:35px; padding:00px 0 40px; line-height:150%; } 
.prc_mv_cont_list { width:100%; display:table; overflow:hidden; } 
.prc_mv_array { width:100%; transform:translateY(200%); } 
.prcmvlist-active { transform:translateY(0%); transition: all 0.5s ease; } 
.prmv_array_wrap { width:100%; max-width:1180px; margin:auto; display:table; padding: 0 0 50px 0; } 
.prmv_array { float:left; position:relative; margin-top:1%; width:calc(95.4%/4); margin-right:1.5%; display:block; padding-bottom:30px; } 
.prmv_array:nth-child(4n) { margin-right:0 } 

.prmv_hover_dimmed { display:table; opacity:0;width:100%; position:absolute; top:0; left:0; border:2px solid #0080bc;transition: all 0.5s ease;overflow:hidden; } 
.prmv_hover_dimmed-active {display:table; opacity:1;width:100%; position:absolute; top:0; left:0; border:2px solid #0080bc;transition: all 0.8s ease; } 


.prmv { cursor:pointer; } 
.prmv_img { width:100%; display:table; position:relative; } 

.prmv_img img { border:0px solid #FFF; float:left; } 
.prmv_img-active { border:2px solid #0080bc; } 
.zmout90p { transform:scale(0.999); } 
.prmv_mc1 { font-size:17px; padding:20px 10px 20px 20px; line-height:150%;word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height:35px; } 


.mv_play { text-align:center; border:0px; width:100%; height:100%;position:absolute; top:0;background:url("../../images/sub/array_mvinner.png") center no-repeat;transition: all 0.5s ease; background-size:25%; } 

.mv_play-hover { text-align:center; border:0px; width:100%; height:100%;position:absolute; top:0;background:url("../../images/sub/array_mvinner_on.png") center no-repeat;transition: all 0.5s ease; background-size:25%; } 

.mv_play-active { text-align:center; width:100%; height:100%; box-shadow: 0 0 0 4px #0080bc; height:100%; position:absolute; top:0; left:0;background:url("../../images/sub/array_mvinner_on.png") center no-repeat;transition: all 0.5s ease; background-size:25%; } 

.mv_play img { border:0px; } 


.prc_mvcont_grid { padding:0 0 00px 0; width:100%; max-width:1580px; min-width:1280px; display:table; margin:auto; } 
.prc_mvlist_grid { border-top:1px solid #d6d6d6; padding:50px 0 80px 0; width:100%; display:table; margin:auto; } 
.mvc_detail_box { width:100%; display:table; } 


/*subpage::media-list*/
.mda_sele_wrap { width:100%; } 
.mdac_sele_wrap { width:100%; } 

.mda_sele_wrap > .cm_sele { float:right; } 

.mda_array_wrap { width:100%; display:table; } 
.mda_array { float:left; position:relative; margin-top:1%; width:calc(98%/3); margin-right:1%; display:table; padding-bottom:30px; } 
.mda_array:nth-child(3n) { margin-right:0 } 
.mda_img { width:100%; display:table; } 
.mda_img img { border:1px solid #d6d6d6; } 
.mda_stat_getready span,
.mda_stat_ongoing span,
.mda_stat_finished span { font-size:14px; } 
.mda_stat_getready { float:left; position:absolute; left:20px;top:-25px; width:85px; height:85px; border-radius:50%; background:#333; opacity:1; z-index:10; transition: all 0.5s ease; display:table;box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0;-webkit-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px; -moz-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;-ms-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;overflow:hidden; } 
.mda_stat_ongoing { float:left; position:absolute; left:20px;top:-25px; width:85px; height:85px; border-radius:50%; background:#0080bc; opacity:1; z-index:10; transition: all 0.5s ease; display:table;box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;-webkit-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px; -moz-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;-ms-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;overflow:hidden; } 

.mda_stat_finished { float:left; position:absolute; left:20px;top:-25px; width:85px; height:85px; border-radius:50%; background:#9d9d9d; opacity:1; z-index:10; transition: all 0.5s ease; display:table;box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;-webkit-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px; -moz-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;-ms-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;overflow:hidden; } 

.pr_mda1 { font-size:22px; padding:20px 10px 25px 20px; line-height:150%;word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; height:15px; } 
.pr_mda2 { font-size:18px; padding:15px 0 0 20px; } 
.pr_mda2 span { padding:0 10px 0 0; } 
.pr_mda3 { font-size:18px; padding:15px 0 30px 20px; } 
.pr_mda3 span { padding:0 10px 0 0; } 

/*subpage::media-view*/
.mda_view_statps { float:right; width:50%; display:table; height:30px; position:relative; } 
.mda_view_stat { position:absolute; right:100px; top:18px; } 
.prc_mdaview-hd { font-size:35px; padding:0 0 10px; position:relative; top:-10px;line-height:150%; overflow:hidden; } 
.prc-mda-h1 { display:inline; font-size:18px; padding:0 10px; border-right:1px solid #d6d6d6; } 
.prc-mda-h1:last-child { border-right:0px; } 
.prc-mda-h1 span { padding-right:10px; } 
.prc-mda-gotourl { cursor:pointer; margin:auto; margin-top:40px; width:200px;border:1px solid #0080bc; padding:15px 0; } 
.gotoarr { display:inline; position:relative; top:-3px; lefT:2px; } 
.vw_sli_wrap { width:100%; padding:0 0 100px 0; } 
.vw_sli_grid { overflow:hidden; margin:auto; } 
.mdaview_imgarray { display:inline-block; margin:auto; float:left; } 
.mdaview_imgarray img { text-align:center; margin:auto; max-width:750px; } 
.mdacont_grid { width:100%; max-width:1180px; display:table; margin:auto; padding:0 0 50px 0;border-bottom:1px solid #d6d6d6; } 
.mdacont_grid p { font-size:18px; line-height:180%; color:#636363; font-weight:300; padding:0% 8%; } 

.vw_sli_wrap > .bx-wrapper { width:100%; } 
.vw_sli_wrap > .bx-wrapper .bx-pager { font-size:22px; color:#a8a8a8; font-weight:500;position: absolute; bottom:-90px; width: 100%; z-index:20; } 
.vw_sli_wrap > .bx-wrapper .bx-controls-auto { position: absolute; bottom: 50px; width: 100%; } 
.vw_sli_wrap > .bx-wrapper .bx-controls-direction { display:none; } 
.vw_sli_wrap > .bx-wrapper .bx-controls-direction a { position: absolute; bottom:-80px; margin-top: 20px; outline: 0; width: 47px; height: 47px; text-indent: -9999px; z-index: 9; } 
.vw_sli_wrap > .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 20px; outline: 0; background:#d5d5d5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 
.vw_sli_wrap > .bx-wrapper .bx-pager.bx-default-pager a:hover,
.vw_sli_wrap > .bx-wrapper .bx-pager.bx-default-pager a.active,
.vw_sli_wrap > .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #0080bc; border:1px solid red; } 

.mdavw_pager_wrap { width:100%; height:90px; position:relative; top:30px; } 
.mdavw_pager_ps { position:absolute; width:100%; } 
.mdavw_pager { width:750px; height:50px; margin:auto; } 
.mdavw_prev { width:10%; height:38px; cursor:pointer; float:left; z-index:25; text-align:left; position:relative; top:25px; } 
.mdavw_prev img { transition: all 0.5s ease; } 
.mdavw_next { width:10%; height:38px; cursor:pointer; float:left; z-index:25; text-align:right; position:relative; top:25px; } 
.mdavw_next img { transition: all 0.5s ease; } 

.mdavw_pager { } 

.mdavw_pager > .bx-wrapper { width:80%; float:left; display:table; } 
.mdavw_pager > .bx-wrapper > .bx-viewport { height:150px; } 

.mdavw_pager > .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 10px; outline: 0; background:#d5d5d5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 
.mdavw_pager > .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mdavw_pager > .bx-wrapper .bx-pager.bx-default-pager a.active,
.mdavw_pager > .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #0080bc; } 
.mdavw_pager > .bx-wrapper > .bx-controls { position:relative; top:10px; } 


.pager-active { border:1px solid #0080bc; } 

/*subpage : ci*/
.cic_wrap { width:100%; display:table; } 
.cil_wrap { width:100%; display:table; background:#f8f8f8; padding:60px 0 0 0; } 

.cic_grid { width:100%; max-width:1580px; min-width:1280px; display:table; margin:auto; transition: all 0.5s ease; } 
.cil_grid { width:100%; max-width:1580px; min-width:1280px; display:table; margin:auto; transition: all 0.5s ease; } 

.cic_box { width:100%; display:table; padding:30px 0 150px 0; } 
.cic_img { margin:auto; text-align:center; } 
.cic_citt { padding:60px 22.5% 40px 22.5%; } 
.cic_h1 { font-size:18px; line-height:1.8; font-weight:300; } 
.cidw_btn { cursor:pointer; width:180px; height:55px; background:#0080bc; margin:auto; display:table; text-align:Center; } 
.cidw_btn_img { display:inline; padding-right:8px; position:relative; top:3px; } 
.cidw_btn_tt { display:inline; font-size:18px; } 
.cic_hdt { font-size:30px; width:100%; padding:70px 0 35px 0; transition: all 0.5s ease; } 
.cic_logotype_grid { width:100%; display:table; } 
.cic_logotype_box { width:calc(95%/3); margin-right:2.5%; float:left; transition: all 0.5s ease; } 
.cic_logotype_box:last-child { margin-right:0; } 
.cic_signtype_box { width:calc(97.5%/2); margin-right:2.5%; float:left; transition: all 0.5s ease; } 
.cic_signtype_box:last-child { margin-right:0; } 
.cic_logotype_box_tt { font-size:22px; padding:25px 0; } 
.cic_type_inner { height:300px; width:100%; background:#fff; border:1px solid #d6d6d6; display:table; text-align:center; } 
.cic_color_inner1 { height:300px; width:100%; background:#0080bc; display:table; text-align:center; } 
.cic_color_inner2 { height:300px; width:100%; background:#000; display:table; text-align:center; } 

/*subpage :char*/
.ci_char_wrap { width:100%; display:table; background:url('../../images/sub/ci_char_bg.png') no-repeat top center; } 
.cic_char_wrap { width:100%; display:table; padding:80px 0 60px 0; } 
.ci_char_hd { height:700px; width:100%; text-align:center; position:relative; top:0px;overflow:hidden; transition: all 0.8s ease-out; } 
.ci_char_ps { transform:translateY(-100%); opacity:0; transition: all 1.5s ease-out; padding:0 22%; } 
.ci_char_ps-active { position:relative; top:170px; transform:translateY(0%); transition: all 1.5s ease-out; opacity:1; } 
.cic_char_grid1 { width:100%; max-width:1580px; min-width:1280px; display:table; margin:auto; transition: all 0.5s ease; } 
.cic_char_grid2 { width:100%; max-width:1580px; min-width:1280px; display:table; margin:auto; margin-top:50px; padding-top:50px; transition: all 0.5s ease; } 

.cic_char_box { width:calc(95%/3); display:table; height:400px; float:left; margin-right:2.5%;transform:translateY(-15%); opacity:0; } 
.cic_char_box:last-child { margin-right:0; } 
.cbbox-active1 { transform:translateY(0%); transition: all 0.4s ease-out; opacity:1; } 
.cbbox-active2 { transform:translateY(0%); transition: all 0.8s ease-out; opacity:1; } 
.cbbox-active3 { transform:translateY(0%); transition: all 1.2s ease-out; opacity:1; } 

.cic_char_img { text-align:center; } 
.cic_char_h1 { color:#333; font-size:36px; padding:40px 0 20px; } 
.cic_char_h1 span { font-weight:500; padding-lefT:10px; } 
.cic_char_h2 { padding:10px 35px 10px 35px; text-align:center; border-radius:25px;background:#0080bc; margin:auto; display:table; font-size:16px; } 
.cic_char_h2 span { padding-left:10px; font-size:16px; } 
.cic_char_h3 { padding:20px 18% 40px 18%; font-size:18px; line-height:1.6; } 

/*subpage common*/
.sp_morebtn_grid { Width: 90%; padding:20px 5% 50px 5%; display:none; } 
.sp_morebtn_box { width:100%; border:2px solid #676767; padding:15px 0; text-align:center; } 
.sp_morebtn_h1 { display:inline-block; color:#636363; } 
.sp_morebtn_arrdw { display:inline-block; position:relative; top:-3px; left:6px; width:10px; height:10px; border:1px solid #676767; transform:rotate(45deg); border-left:0; border-top:0; } 

.cm_filedw { display:table; width:84%; padding:0 8%; cursor:pointer; } 
.cm_filedw_img { display:inline; transform:rotate(0deg); } 
.cm_filedw_img img { transition: all 0.5s ease; } 
.cm_filedw_img-active img { transform:rotate(-90deg); transition: all 0.5s ease; } 
.cm_filedw_tt { display:inline; font-size:16px; position:relative; top:-11px; lefT:10px; } 
.cm_listbackbtn { font-size:16px; } 

.cm_hoverplus { text-align:center; border:0px; transform:translateY(0%); transition: all 0.5s ease; } 
.cm_hoverplus-active { transform:translateX(0%); transition: all 0.8s ease; } 
.cm_hoverplus img { border:0px; } 



/*main mv::mouse cursor-*/
.mv_scc_wrap { position:absolute; width:30px; left:50%; margin-left:-15px; } 
.mv_scc_grid { position:relative; width:100%; } 
.mv_scc { position:absolute; width:30px; left:50%; margin-left:-15px; height:50px; bottom:200px; } 
.mv_scc_icon { background:url('../../images/icon/scr.png');width:30px; height:74px; margin:auto; } 

.cmpg_hdimg { width:100%; height:250px; display:table; } 


/* .prdinfo-bgimg { background-image:url('../../images/sub/prdinfo_hds.jpg'); } 
.download-bgimg { background-image:url('../../images/sub/download_hds.jpg'); } 
.prcenter-bgimg { background-image:url('../../images/sub/prcenter_hds.jpg'); } 
.intro-bgimg { background-image:url('../../images/sub/intro_hds.jpg'); } 
.recr_bgimg { background-image:url('../../images/sub/recr_hds.jpg'); } 
.support_bgimg { background-image:url('../../images/sub/support_hds.jpg'); background-position:center; } */
.prdinfo-bgimg { background-image:url('../../../global/images/keyvisual/prdinfo_hds_60th.jpg');background-position:left center; } 
.download-bgimg { background-image:url('../../../global/images/keyvisual/download_hds_60th.jpg');background-position:left center; } 
.prcenter-bgimg { background-image:url('../../../global/images/keyvisual/prcenter_hds_60th.jpg?v=260303');background-position:left center; } 
.intro-bgimg { background-image:url('../../../global/images/keyvisual/intro_hds_60th.jpg');background-position:left center; } 
.recr_bgimg { background-image:url('../../../global/images/keyvisual/recr_hds_60th.jpg?v=260303');background-position:left center; } 
.support_bgimg { background-image:url('../../../global/images/keyvisual/support_hds_60th.jpg');background-position:left center; } 

.cm_bgimg { background-image:url('../../images/sub/cms_hds.jpg'); background-position:center; } 



/*subpage:recruit_list*/
.recr_array_wrap { width:100%; display:table; padding:20px 0; } 
.recr_img { width:100%; display:table; } 
.recr_img img { border:1px solid #d6d6d6; } 
.recr_array { float:left; position:relative; margin-top:1%; width:calc(98%/3);margin-right:1%; display:block; padding-bottom:30px; } 
.recr_array:nth-child(3n) { margin-right:0 } 

.recr_hover_dimmed-active {display:table; opacity:1;width:100%; position:absolute; top:0; left:0; border:1px solid #0080bc;transition: all 0.5s ease;box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;-webkit-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px; -moz-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;-ms-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;overflow:hidden; } 

.recr_box { width:100%; height:90%; position:absolute; top:0; } 
.recr_box_h1 { padding:17% 8% 0 8%; font-size:22px; line-height:150%;word-break:keep-all; -webkit-box-orient: vertical; display: -webkit-box; display:box;-webkit-line-clamp: 2; text-overflow: ellipsis; overflow:hidden; height:60px; } 
.recr_box_h1 span { border-bottom:0px solid #fff; } 
.recr_box_h2 { padding:8% 8% 0 8%; } 
.recr_box_h2l { float:left; font-size:18px; } 
.recr_box_h2r { float:right; font-size:18px; } 


.acti-barbb { color:#0080bc; border-bottom:0px solid #0080bc !important;transition: all 1.2s ease; } 

/*subpage:recruit_view*/
.recr_view-hd { font-size:35px; padding:0 0 10px; position:relative; top:-10px;line-height:150%; overflow:hidden; } 

.recr_cont_grid { width:100%; max-width:1180px; display:table; margin:auto; padding:0 0 50px 0;border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; } 

.recr-view-h1 { display:inline; font-size:18px; padding:0 15px; } 
.recr_view_h11 { padding:0 15px; display:inline; } 
.recr_view_h12 { border-left:1px solid #d6d6d6; padding:0 15px; display:inline; } 
.recrstat-pc { display:block; } 
.recrstat-m { display:none; } 


.ftccs { background:#636363; padding:5px 10px; color:#fff !important; border-radius:5px; } 
.ftccs:hover { color:#fff !important;; } 


/*support*/
.support_wrap { width:100%; display:table; } 
.support_cm_grid { max-width:1200px; width:100%; margin:auto; padding:30px 0 0 0; } 
.sw_con1 { background:#fff; padding:0 0 140px 0; } 
.sw_con1g { background:#fff; padding:0 0 30px 0; } 

.sw_con2 { background:url('../../images/sub/spt_bg.jpg') center no-repeat; background-size:100%; padding:130px 0 130px 0; } 
.sw_con2g { background:#12a7b4; padding:60px 0 340px 0; } 
.sw_con3 { background:#fff; padding:130px 0 120px 0; } 
.sw_con3g { background:#fafafa; padding:250px 0 120px 0; } 


.slrt_h1 { font-size:35px; } 
.slrt_h1b { font-size:28px; } 

.slrt_h2 { line-height:170%; font-size:18px; padding:30px 0 30px 0; } 
.slrt_h3 { line-height:170%; font-size:18px; padding:30px 0 30px 0; } 

.sprt_box { width:100%; display:table; padding:10px 0 60px 0; } 
.sprt_box_h2 { width:50%; display:table; padding:10px 0 18px 0; float:left; } 
.sprt_bar_h2 { float:left; width:92%; display:table; min-height:55px; padding:0 0.5% 0 7.5%; margin-top:1%; } 
span.sper_brk { position:relative; top:10px; font-size:16px; } 
.sprt_tech_lectr_align { width:100%; max-width:1200px; display:table; margin:auto; padding:10px 0 40px 0; } 


.sw_con2 > .support_cm_grid > .sprt_box > .sprt_bar_w:nth-child(1) >.sprt_inner_w { background:#12a7b4; } 
.sw_con2 > .support_cm_grid > .sprt_box > .sprt_bar_w:nth-child(2) >.sprt_inner_w { background:#21c3a7; } 
.sw_con2 > .support_cm_grid > .sprt_tollbox_box { border:0px; } 
.sprt_bar_w { width:40%; margin:auto; margin-top:1%; } 
.sprt_bar:nth-child(odd) { float:left; width:49%; height:70px; padding:0 1% 0 0%; margin-top:1%; } 
.sprt_bar:nth-child(even) { float:left; width:49%; height:70px; padding:0 0% 0 1%; margin-top:1%; } 
.sprt_inner_b { width:30%; float:left; height:55px; background:#333; border-radius:40px; display:table; } 
.tech_cc_h1 { float:left; width:65%; padding:0 2.5%; font-size:16px; line-height:150%; } 


.sprt_box_h2:nth-child(1) .sprt_bar_h2 > .sprt_inner_b { background:#12a7b4; } 
.sprt_box_h2:nth-child(2) .sprt_bar_h2 > .sprt_inner_b { background:#12a7b4; } 
.sprt_box_h2:nth-child(3) .sprt_bar_h2 > .sprt_inner_b { background:#21c3a7; } 
.sprt_box_h2:nth-child(4) .sprt_bar_h2 > .sprt_inner_b { background:#21c3a7; } 


.sprt_inner { width:100%; height:70px; background:#0080bc; border-radius:45px; display:table; } 
.sprt_bar:nth-child(1) > .sprt_inner { background:#009bc0; } 
.sprt_bar:nth-child(2) > .sprt_inner { background:#009bc0; } 
.sprt_bar:nth-child(3) > .sprt_inner { background:#0073bc; } 
.sprt_bar:nth-child(4) > .sprt_inner { background:#0073bc; } 
.sprt_bar:nth-child(5) > .sprt_inner { background:#009bc0; } 


.sprt_inner_w { width:100%; height:75px; background:#fff; border-radius:45px; display:table; } 
.sprt_innertt { font-size:16px; color:#fff !important; line-height:150%; } 
.sprt_tollbox_box2 { width:1180px; border:1px solid #0080bc; display:table; background:#fafafa;height:260px; margin:auto; margin-top:50px; } 
.sprt_tollbox_box { width:1180px; border:1px solid #0080bc; display:table; margin:auto; } 

.enbox2 { height:200px !important; } 
.enbox2 > .cm_middle > .sprt_callbox > .sprt_callbox_full { position:relative; top:30px; } 

.sprt_tollbox { width:590px; floaT:left; height:420px; } 
.sprt_tollbox_inner { padding:50px 0 50px 20px; } 
.sprt_tolling_box1 { width:100%; height:300px; border-right:1px solid #d6d6d6; padding-top:20px; } 
.sprt_tolling_box1 > .sprt_icon_tt { position:relative; top:70px; } 
.sprt_tolling_box2 { width:100%; height:300px; border-right:0px solid #d6d6d6; padding-top:20px; } 
.sprt_tolling_box2 > .sprt_icon_tt { position:relative; top:20px } 

.sprt_icon_img { width:35%; float:left; position:relative; top:50px; } 
.sprt_icon_img_h1 { font-size:28px; } 
.sprt_icon_img_icon { text-align:center; padding:20px 0; } 
.sprt_icon_tt { width:60%; float:left; padding-left:0%; } 
.sprt_icon_tt ul { line-height:170%; position:relative; top:-5px; } 
.sprt_icon_tt ul li { font-size:17px; word-break:keep-all; text-indent:-10px; padding-left:10px; } 
.sprt_tolleng_inner_m { display:none; } 

.sprt_tolleng_inner { width:952px; padding:10px 0; margin:auto; height:319px; background:url('../../images/sub/tts_bg.png') no-repeat; position:Relative; } 
.sprt_enge_h1 { position:absolute; top:180px; left:50px; color:#12a7b4; font-size:18px; text-align:center; } 
.sprt_enge_h2 { position:absolute; top:180px; right:66px; color:#12a7b4; font-size:18px; text-align:center; } 
.sprt_enge_h3 { position:absolute; top:100px; line-height:150%; left:387px; font-size:28px; } 

.sprt_callbox { padding:0 80px; } 
.sprt_callbox_full { width:450px; margin:auto; } 

.sprt_callbox_left { float:left; width:100%; display:table; } 
.sprt_callbox_l1 { float:left; position:relative; top:-4px; font-size:22px; width:100%; text-align:center; } 
.sprt_callbox_l1 span { font-size:16px; position:Relative; left:5px; } 
.sprt_callbox_l2 { float:left; position:relative; padding:20px 0px 20px 0px; font-size:40px; width:100%; text-align:center; } 
.sprt_callbox_right { display:table; margin:auto; position:relative; top:8px; font-size:20px; } 
.sprt_callbox_r1 { float:right; } 
.sprt_callbox_r1 span { padding:0 15px; } 
.sprt_callbox_r2 { float:right; margin-right:30px; } 
.sprt_callbox_r2 span { padding:0 15px; } 
.callctr { width:1180px; display:table; margin:auto; padding:45px 0 0px 0; display:none; } 
.callctr_grid { width:100%; display:table; } 
.callctr_box { float:left; width:100%; } 
.callctr_array-t { float:left; height:99px; border-bottom:1px solid #fafafa; width:calc(100%/4); display:table; position:relative; top:-10px; } 
.callctr_array-b { float:left; height:99px; border-bottom:1px solid #fafafa; width:calc(100%/4); display:table; position:relative; top:-10px; } 
.callctr_array { float:left; height:99px; border-bottom:1px solid #d6d6d6; width:calc(100%/4); display:table; } 

.ctr_cc { font-size:24px; } 

.ctr_h1 { font-size:17px; padding:8px 20px; background:#a8a8a8; display:inline; border-radius:20px; margin-right:20px; } 
.ctr_h2 { font-size:20px; display:inline; color:#636363; } 
.endline { border-bottom:0px solid #d6d6d6; } 


.sprt_curi_wrap { width:1180px; display:table; padding: 70px 0 70px 0; margin:auto; border-bottom:1px solid #66b3d7; } 
.pdd_add { padding-top:80px; } 
.sprt_curi_grid { width:100%; display:table; } 
.sprt_curi_box { width:20.5%; height:270px; float:left; } 
.sprt_curi_arr { width:6%; height:270px; float:left; } 
.sprt_date_align1 { float:left; } 
.sprt_date_align { float:left; } 

.sprt_ddw { width:27px; height:13px; background:url('../../images/sub/dd_arw.png') no-repeat; margin:auto; position:relative; top:110px; } 
.crbspan { font-size:20px; position:absolute; left:78px; top:42px; } 
.crb1 { color:#03c3a7!important; width:211px; height:211px; margin:auto; background:url('../../images/sub/sprt_icon_001.png'); position:relative; } 
.crb2 { width:211px; height:211px; margin:auto; background:url('../../images/sub/sprt_icon_002.png'); position:relative; } 
.crb3 { width:211px; height:211px; margin:auto; background:url('../../images/sub/sprt_icon_003.png'); position:relative; } 
.crb4 { width:211px; height:211px; margin:auto; background:url('../../images/sub/sprt_icon_004.png'); position:relative; } 
.crb-tt { font-size:18px; padding:27px 0; line-height:150%; } 
.crb-tt br { display:none; } 

.crb1 > span.crbspan { color:#03c3a7!important; } 
.crb2 > span.crbspan { color:#14ac92!important; } 
.crb3 > span.crbspan { color:#149cac!important; } 
.crb4 > span.crbspan { color:#008393!important; } 

.sprt_date_c1 { width:200px; height:60px; background:#41b9c3; font-size:18px; border-radius:35px; } 
.sprt_date_c2 { float:left; position:Relative; top:12px; padding:0 25px 0 25px; font-size:22px; border-right:1px solid #66b3d7; } 
.sprt_date_c2:last-child { border-right:0px; } 
.sprt_date_align br { display:none; } 

.lect_date_box1 { display:table; width:100%; padding:40px 0 20px 0; } 
.lect_date_box2 { display:table; width:100%; padding:00px 0 60px 0; } 
.lect_dw_wrap { width:100%; position:relative; } 
.lect_dw_grid { position:absolute; width:1324px; height:500px; background:#fff; left:50%; margin-left:-662px; } 
.lect_dw_align { padding:80px; } 
.lect_dw_h1 { font-size:20px; line-height:180%; padding:0 0 55px 0; } 
.lect_dw_btn { width:335px; display:table; height:70px; background:#333; margin:auto; } 
.lect_dw_img { display:inline; position:relative; top:1px; } 
.lect_dw_imgtt { display:inline; position:relative; top:-3px; left:10px; font-size:20px; } 
.lect_dw_h2 { font-size:18px; padding:40px 0 20px; } 
.lect_dw_h3g { height:20px; } 
.lect_dw_h3g br { display:none; } 
.lect_dw_h31 { display:inline; font-size:20px; } 
.lect_dw_h32 { display:inline; font-size:20px; } 
.lect_dw_h31 span { padding:0 0 0 10px; color:#12a7b4 !important; } 
.lect_dw_h32 span { padding:0 10px; color:#12a7b4 !important; } 

.lect_dw_hc { width:1px; height:15px; border-right:1px solid #a8a8a8; display:inline; margin:0 10px; } 

/*개인정보처리방침 + 약관안내*/
.cm_bg_add { padding-top:70px; } 
.cm-viewcont_output { padding:40px 0; } 
.cm-viewcont_output p { font-size:18px; line-height:170%; color:#636363; font-weight:300; padding:0% 0%; } 
.cm-viewcont_output p:first-child { padding-top:5%; } 

.mdac_sele_wrap > .pcm_sele { float:right; } 
.pcm_tt { floaT:right; height:55px; display:table; font-size:18px; padding-right:15px; } 


/*이메일무단수집거부*/
.em_reject_dimmed { display:none; position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; } 
.em_reject_dimmed-active { display:block; } 
.em_reject_dimmed_inner { position:relative; width:100%; height:100%; display:table; } 
.emrj_cls { position:absolute; right:0; top:-40px; display:block; cursor:pointer; } 
.emrj_box { height:400px; width:628px; background:#fff; margin:auto; position:relative; } 
.emrj_hd { width:100%; height:100px; background:#0080bd; display:table; } 
.emrj_hdtt { font-size:24px; } 
.emrj_info { padding:40px; } 
.emrj_h1 { font-size:18px; line-height:180%; } 
.emrj_h1 span { padding: 0 0 3px 0; border-bottom:1px solid #333; } 
.emrj_notidate { display:table; border-radius:25px; height:50px; width:230px;border:1px solid #d6d6d6; margin:auto; margin-top:16px; } 

/*사이트맵*/
.sitemap_open { cursor:pointer; border:0px solid #000; letter-spacing:0.5px;background:#fff; padding:3px 0px 11px 0px; font-size:16px; float:left; position:relative; top:0px; } 

.sitemap_open > a > div:hover { background:#fff; color:#0080bc !important; transition: all 0.5s ease; } 

.sitemap_dimmed { display:none; position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; } 
.sitemap-active { display:block; } 
.sitemap_inner { position:relative; width:100%; height:100%; display:table; } 
.sitemap_cls { position:absolute; right:20px; top:20px; display:block; cursor:pointer; } 
.sitemap_box { height:615px; width:1080px;background:#fff url('../../images/sub/sitemap_bg.png') no-repeat; background-position:right -30px bottom -25px; margin:auto;position:relative; } 
.sitemap_padding { padding:70px 80px 70px 130px; } 
.sitemap_list { width:100%; display:table; } 
.sitemap_box-c { width:25%; display:table; float:left; } 
.sitemap_box-c { width:25%; display:table; float:left; } 
.sitemap_box-b { width:100%; display:table; float:left; padding:40px 0 0 0; } 

.stm_dl_bottom { float:left; } 
dl.pdcss1 { padding:0 60px 0; float:left; } 
dl.pdcss2 { padding:0 60px 0 0; float:left; } 

.stm_hd { } 
.stm_hdtt { font-size:22px; margin: 0 0 20px 0; } 
.stm_liner { width:30px; height:2px; background:#0080bc; margin-bottom:25px; } 
.stm_dt { font-size:16px; margin-bottom:20px; } 
.stm_dt:hover { text-decoration:underline; transition: all 0.5s ease; color:#0080bc; } 
.stm_dd { font-size:15px; margin-bottom:10px; color:#a4a4a4; } 
.stm_dd:hover { text-decoration:underline; transition: all 0.5s ease; color:#0080bc; } 
.stm_dd:last-child { margin-bottom:35px; } 


/*인재채용-인재상*/
.krmdh_hdtt { font-size:27px; line-height:180%; padding: 10px 0 60px 0; } 
.krmdh_box { width:100%; display:table; padding:0 0 120px 0; } 
.krmdh_box_inner { float:left; width:20%; } 
.krmdh_img { text-align:center; } 
.krmdh_tt1 { font-size:18px; line-height:180%; padding:30px 0 0 0; } 
.krmdh_tt2 { font-size:18px; line-height:180%; padding:30px 0 0 0; } 

.krmdh_bt_wrap { width:100%; height:300px;background:url('../../images/sub/krmdh_bt_bg.jpg') no-repeat center; display:table; /*background-attachment:fixed; */ } 

.krmdh_bt_h1 { font-size:22px; } 
.krmdh_bt_h2 { font-size:35px; padding:30px 0; } 
.krmdh_bt_h2 br { display:none; } 

/*검색결과없음 공통*/
.cm_search_none { width:100%; max-width:1180px; padding:95px 0 70px 0; margin:auto; margin-top:50px; display:Table; border-top:1px solid #d6d6d6; } 
.cm_search_img { text-align:center; } 
.search_none_tt { font-size:22px; padding:45px 0 30px 0; } 


/*인사제도&복리후생*/
.hrwf_h1 { font-size:35px; } 
.hrwf_h2 { line-height:170%; font-size:18px; padding:30px 0 30px 0; } 
.hrwf_h3 { font-size:26px; padding:0 0 40px 0; } 
.hrwf_dia_img { } 
.hrwf_dia_imgm { display:none; } 

.hrwf_section { width:100%; margin:auto; max-width:1184px; display:Table; padding:20px 0 90px 0; } 
.hrwf_section-bar { width:100%; margin:auto; max-width:1184px; display:Table; padding:10px 0 140px 0; } 
.hrwf_section:first-child { margin-top:100px; } 
.hrwf_evalbox { width:100%; display:table; } 
.hrwf_eval1 { width:49%; height:450px; float:left; border:1px solid #d6d6d6; background:#f5f5f5; border-radius:25px; } 
.hrwf_eval2 { width:49%; height:450px; float:right; border:1px solid #d6d6d6; background:#f5f5f5; border-radius:25px; } 
.hrwf_eval_inner { padding:80px 0; } 
.eval_iconimg { } 
.eval_h1 { font-size:26px; padding:50px 0 30px 0; } 
.eval_h2 { font-size:18px; } 
.hrwf_md_signm { display:none; } 

.hrwf_md_sign { width:1180px; height:196px; background:url('../../images/sub/hrwf_md_sign.png'); position:relative; } 
.hrwf_md_sign_h11 { font-size:30px; position:absolute; left:140px; top:78px; } 
.hrwf_md_sign_h12 { font-size:30px; position:absolute; left:230px; top:122px; } 
.hrwf_md_sign_h12 span { color:#ffd56f; } 


.wage_grid { width:100%; display:table; padding:40px 0; } 
.wage_gridinner { height:770px; width:100%; background:url('../../images/sub/wage_bg.jpg') no-repeat center;;display:table; background-size:cover; } 

.wage_circle_align { width:100%; max-width:1180px; margin:auto; display:table; } 
.wage_c1 { width:311px; height:311px; background:rgba(24,151,87,0.85); border-radius:50%; float:left; display:table; position:relative; z-index:15; } 
.wage_c2 { left:50%; margin-left:-155px; width:311px; height:311px; background:rgba(5,100,189,0.85); border-radius:50%; float:left; display:table; position:absolute;; } 
.wage_c3 { width:311px; height:311px; background:rgba(253,145,30,0.85); border-radius:50%; float:right; display:table; position:relative; } 
.wage_c1_line { width:80%; height:1px; background:rgba(255,255,255,0.5); position:absolute; top:160px;right:-60%; z-index:10; } 
.wage_c3_line { width:80%; height:1px; background:rgba(255,255,255,0.5); position:absolute; top:160px;left:-60%; z-index:10; } 

.wage_ch1 { font-size: 30px; padding:10px 0 0 0; position:Relative; } 
.wage_ch2 { font-size: 20px; line-height:150%; padding:20px 0 0 0; opacity:0.8; } 

.welfare_box1_grid { width:100%; display:table; position:relative; } 
.welfare_box1 { width:16.8%; float:left; position:relative; z-index:20; } 
.welfareliner { width:10.7%; display:table; float:left; position:relative; } 

.welfare_box_liner { width:128px; background:#d6d6d6; height:1px; top:85px; position:relative; } 

.welfare_box1_inner { margin:auto; position:relative; } 
.welfare_box2_inner { margin:auto; position:relative; } 


.welfare_box2_grid { width:100%; display:table; padding:100px 0 140px 0; position:Relative; } 
.welfare_box2 { width:16.8%; height:300px; float:left; } 
.welfare_box2:first-child { margin-left:13.8%; } 
.welfare_box2:last-child { } 

.welfare_icoimg { } 
.welfare_h1 { font-size:24px; padding:40px 0 20px 0; } 
.welfare_h2 { font-size:18px; line-height:160%; width:120%; position:relative; left:-10%; display:block; } 


/*직무소개*/
.hrwf_sec2 { padding: 0 0%; display:table; width:100%; } 

.hrjobsec_01 { } 
.hrjobsec_02 { padding:90px 0 0 0; } 
.hrjobsec_03 { padding:90px 0 0 0; } 
.hrjobsec_04 { padding:90px 0 0 0; margin-bottom:150px; } 

.hrjb_hd { padding: 0 0; width:100%; max-width:1210px; margin:auto; display:table; } 
.hrjb_hd_align { height:140px; display:table; float:left; position:relative; top:20px; } 
.hrjb_h1 { font-size:35px; } 
.hrjb_h1_img { font-size:35px; float:right; } 
.hrjb_hd_imgbg { width:514px; height:165px; float:right; } 
.hrjbtimg01 { background:url('../../images/sub/jobs_01.png') no-repeat; position:relative; left:70px; } 
.hrjbtimg02 { background:url('../../images/sub/jobs_02.png') no-repeat; position:relative; left:70px; } 
.hrjbtimg03 { background:url('../../images/sub/jobs_03.png') no-repeat; position:relative; left:70px; } 
.hrjbtimg04 { background:url('../../images/sub/jobs_04.png') no-repeat; position:relative; left:70px; } 


.hrjb_cont { padding: 70px 0; width:100%; background:#f5f5f5; margin:auto; display:table; } 
.hrjb_cont_align { width:100%; display:table; padding:10px 0 30px 0; } 
.hrjb_box { width:50%; float:left; } 
.hrjb_box_inner { width:100%; display:table; } 

.hrjb_box_left { width:30%; display:table; float:left; } 
.hrjb_box_circle { width:130px; height:130px; border-radius:50%; display:table; margin:auto; position:relative; } 
.hrjb_box_circle_liner { width:64px; height:1px; background:#d6d6d6; position:absolute; top:63px; right:-40px; } 
.hrjb_type1 { background:#21c3a7; } 
.hrjb_type2 { background:#12a7b4; } 
.hrjb_type3 { background:#009bc0; } 
.hrjb_type4 { background:#0282d3; } 

.hrjb_ico_tt { font-size:22px; line-height:150%; } 
.hrjb_box_right { width:70%; display:table; float:left; } 
.hrjb_box_cont { line-height:170%; font-size:17px; padding:20px 50px 0 10px; letter-spacing:-0.5px; } 
.hrjb_2line { padding:35px 50px 0 10px; } 




/*역사관-intro*/
.hst_skip_outer { position:fixed; bottom:0px; right:0; width:100%; height:100%; z-indeX:99; } 
.hst_skip_wrap { position:relative; width:100%; max-width:1920px; margin:auto; height:100%; } 
.hst_skipper { position:absolute; text-align:center; border-radius:50%; bottom: 60px; right:60px; width:66px; height:66px; display:block; z-indeX:99; } 


.pdda00 { padding:0px !important; overflow:hidden; } 
.hst_intro { width:100%; position:relative; display:table; background:url('../../images/sub/krhst_bg.jpg')no-repeat center; background-size:cover; } 
.hst_int_h1 { font-size:45px; transform:translateY(300%); opacity:0; transition: all 2.5s ease; } 
.hst_int_h1-active { transform:translateY(0%); opacity:1; transition: all 1.5s ease; } 
.hst_int_h2 { font-size:45px; padding:28px 0; } 

.hst_int_h2 span { margin:0 -5px; display:inline-table; } 
.tt-lblue { color:#00adff } 
.tt_h5 { color:#a4a4a4; letter-spacing:-0.5px; } 
.int_h21 { opacity:0; transform:translateY(100%); transition: all 0.7s ease-out; } 
.int_h22 { opacity:0; transform:translateY(100%); transition: all 0.7s ease-out; } 
.int_h23 { opacity:0; transform:translateY(100%); transition: all 0.7s ease-out; } 
.int_h24 { opacity:0; transform:translateY(100%); transition: all 0.7s ease-out; } 
.int_h25 { opacity:0; transform:translateY(100%); transition: all 0.7s ease-out; } 
.int_h26 { opacity:0; transform:translateY(100%); transition: all 0.7s ease-out; } 
.int_h21-active { transform:translateY(0%); opacity:1; transition: all 1.2s ease; } 
.int_h22-active { transform:translateY(0%); opacity:1; transition: all 1.2s ease; } 
.int_h23-active { transform:translateY(0%); opacity:1; transition: all 1.2s ease; } 
.int_h24-active { transform:translateY(0%); opacity:1; transition: all 1.2s ease; } 
.int_h25-active { transform:translateY(0%); opacity:1; transition: all 1.2s ease; } 
.int_h26-active { transform:translateY(0%); opacity:1; transition: all 1.2s ease; } 
.hst_ctline { position:absolute; width:1px; height:100px; background:#858585; left:50%; margin-left:-1px; } 
.hst_barliner_grid { width:118px; height:70px; float:left; } 
.hst_barliner_wapper { width:100%; height:2px; background:#636363; position:relative; top:35px; } 
.hst_barliner_inner { width:100%; height:2px; } 
.bar_ani { background:#00adff; width:100%; -moz-animation:hst_barliner 3s ease-out;-webkit-animation:hst_barliner 3s ease-out; animation:hst_barliner 3s ease-out; } 

@keyframes hst_barliner { 
 0% { width:0px; } 100% { width:100%; } 
 } 
@-webkit-keyframes hst_barliner { 
 0% { width:0px; } 100% { width:100%; } 
 } 
@-ms-keyframes hst_barliner { 
 0% { width:0px; } 100% { width:100%; } 
 } 
@-moz-keyframes hst_barliner { 
 0% { width:0px; } 100% { width:100%; } 
 } 

.hst_progress { margin:auto; display:table; padding: 120px 0 220px 0; transition: all 0.7s; opacity:0; } 
.hst_progress-active { transition: all 0.7s; opacity:1; } 
.hst_ico_box { width:120px; height:70px; float:left; position:relative; } 
.hst_ico { width:67px; height:66px; margin:auto; } 
.hst_ico01 { background:url('../../images/sub/int_hst_ico01_off.png')no-repeat; transition: all 0.3s ease-out; } 
.hst_ico02 { background:url('../../images/sub/int_hst_ico02_off.png')no-repeat; transition: all 0.3s ease-out; } 
.hst_ico03 { background:url('../../images/sub/int_hst_ico03_off.png')no-repeat; transition: all 0.3s ease-out; } 
.hst_ico04 { background:url('../../images/sub/int_hst_ico04_off.png')no-repeat; transition: all 0.3s ease-out; } 

.hst_ico01-active { background:url('../../images/sub/int_hst_ico01.png')no-repeat; transition: all 0.2s ease; } 
.hst_ico02-active { background:url('../../images/sub/int_hst_ico02.png')no-repeat; transition: all 0.2s ease; } 
.hst_ico03-active { background:url('../../images/sub/int_hst_ico03.png')no-repeat; transition: all 0.2s ease; } 
.hst_ico04-active { background:url('../../images/sub/int_hst_ico04.png')no-repeat; transition: all 0.2s ease; } 

.hst_int_cont01 { position:absolute; left:-30px; opacity:0; transition: all 0.7s ease-out; transform:translateY(100%); } 
.hst_int_cont02 { position:absolute; left:-35px; opacity:0; transition: all 0.7s ease-out; transform:translateY(100%); } 
.hst_int_cont03 { position:absolute; left:-30px; opacity:0; transition: all 0.7s ease-out; transform:translateY(100%); } 
.hst_int_cont04 { position:absolute; left:-35px; opacity:0; transition: all 0.7s ease-out; transform:translateY(100%); } 
.hst_int_cont-active { opacity:1; transition: all 1.0s ease-out; transform:translateY(0%); } 

.hst_int_cont_h1 { font-size:30px; padding:40px 0 20px 0; white-space:nowrap; } 
.hst_int_dot { width:8px; height:8px; background:#858585; border-radius:50%; position:relative; lefT:90px; } 
.hst_int_cont_h2 { font-size:18px; line-height:170%; width:450px; padding:30px 0 0 0; position:relative;lefT:-125px; } 



.hst_intro_pc { } 
.hst_intro_m { display:none !important } 
@media all and (min-width:1921px ) {.hst_intro { width:100%; position:relative; display:table; background:url('../../images/sub/krhst_bg.jpg')no-repeat center; background-size:cover; } 

}


/*공통인터랙션용 속성*/
.cm_fadeX { opacity:0; transform:translateX(-50%); } 
.cm_fadeY1 { opacity:0; transform:translateY(-50%); } 
.cm_fadeY2 { opacity:0; transform:translateY(-30%); } 

.cm_fade-out-X { transform:translateX(0%); transition: all 1.3s ease; opacity:1; } 

.cm_fade-out-Y1 { transform:translateY(0%); transition: all 1.2s ease; opacity:1; } 
.cm_fade-out-Y2 { transform:translateY(0%); transition: all 0.7s ease; opacity:1; } 






/*역사관*/
.cgc_ps2 { left:-6px; top:123px; } 
.cgc_ps3 { left:-6px; top:250px; } 
.cgc_ps4 { left:-6px; top:378px; } 

.arrow-textbox { position:relative; right:-35px; top:2px; width:70px;animation-name:arrow-textbox;animation-iteration-count: infinite;animation-direction: alternate;animation-duration: 0.7s; } 
@keyframes arrow-textbox { 
 from { right:-35px; } 
 to { right:-45px; } 
 }

.gc_arrow_img { display:inline-block; } 
.gc_arrow_text { display:inline-block; position:relative; top:-2px; right:-3px; } 
.click_guide_circle_out { position:absolute; height:30px; width:30px; background:rgba(255,255,255,0.2); border-radius:50%; z-index:-1;animation-name: twinkle_out;animation-iteration-count: infinite;animation-direction: alternate;animation-duration: 0.7s; } 
@keyframes twinkle_out { 
 from { background:rgba(255,255,255,0); } 
 to { background:rgba(255,255,255,0.2); } 
 }

.click_guide_circle_inner { position:relative; left:5px; top:5px; height:20px; width:20px; background:rgba(255,255,255,0.4); border-radius:50%; z-index:-1;animation-name: twinkle_inner;animation-iteration-count: infinite;animation-direction: alternate;animation-duration: 0.6s; } 

@keyframes twinkle_inner { 
 from { background:rgba(255,255,255,0); } 
 to { background:rgba(255,255,255,0.4); } 
 }


.hst_logo_pc { } 
.hst_logo_m { display:none; } 

.hst_mnav_wrap { padding:30px 5%; display:none; } 
.hst_mnav_grid { width:100%; margin:auto; height:50px; background:#000; border:1px solid #d6d6d6; } 

.msc_hst_box { position:fixed; bottom:-100px; left:50%; margin:auto; z-index:9999; } 
.msc_hst_inner { position:relative; width:100%; } 

.hst_vcont { width:100%; position:relative; display:table; background-image:url('../../images/sub/hst_conbg.jpg'); padding:00px 0 0 0;background-repeat:no-repeat;background-position:center;background-size:130%; } 

.krhst_hds { position:fixed; top:0; height:80px; width:100%; background:#0080bd; z-index:100; display:table; } 
.krhst_hds_inner { position:relative; } 
.krhst_hds_cls { position:absolute; right:25px; top:25px; cursor:pointer; } 
.krhst_hds_cls img { width:80%; } 
.vt_sidenav { position:fixed; top:00px; left:132px; z-index:99; opacity:1; transition: all 0.7s ease; } 
.vt_sidenav-hide { opacity:0; transition: all 0.7s ease; } 

.vt_sidenav_inner { position:relative; width:6px; height:100%; background:url('../../images/sub/nv_liner.png') no-repeat; z-index:99; display:table; } 
.vt_navbtn_group { position:relative; top:335px; left:-5px; height:400px; } 
.vt_navbtn { border-radius:50%; position:relative; width:18px; height:18px; border:0px solid #00adff; cursor:pointer; z-index:100; } 
.navbtn_dot { width:6px; height:6px; background:#a4a4a4; position:relative; top:6px; left:6px; border-radius:50%; } 

.navbtn_dot-active { background:#00adff; } 

.vt_navbtn01 { top:0px; } 
.vt_navbtn02 { top:111px; } 
.vt_navbtn03 { top:220px; } 
.vt_navbtn04 { top:330px; } 
.navsc01 { width:245px; height:42px; position:absolute; opacity:0; background:url('../../images/sub/nav_img01.png'); left:-83px; top:-13px; transition: all 0.7s ease; } 
.navsc02 { width:244px; height:47px; position:absolute; opacity:0; background:url('../../images/sub/nav_img02.png'); left:-82px; top:-14px; transition: all 0.7s ease; } 
.navsc03 { width:249px; height:40px; position:absolute; opacity:0; background:url('../../images/sub/nav_img03.png'); left:-87px; top:-11px; transition: all 0.7s ease; } 
.navsc04 { width:244px; height:47px; position:absolute; opacity:0; background:url('../../images/sub/nav_img04.png'); left:-82px; top:-14px; transition: all 0.7s ease; } 
.navsc-active { opacity:1; transition: all 0.7s ease; } 
.vcont_out { position:Relative; left:300px; width:100%; } 


#vcon1_section { padding:150px 0 150px; width:100%; display:table; } 
#vcon2_section { padding:150px 0 150px; width:100%; display:table; } 
#vcon3_section { padding:150px 0 0px 0; width:100%; display:table; } 
#vcon4_section { padding:150px 0 150px; width:100%; display:table; } 

.hst_fade { opacity:0; transform:translateY(30%); } 
.hst_fade-active { opacity:1; transform:translateY(0%); transition: all 1.3s ease; } 

.vstcs { display:table; width:100%; } 
.vcon1-1box { position:relative; width:100%; display:table; margin-top:10px; padding-top:10px; } 
.vcon1-2box { position:relative; width:100%; display:table; top:00px; margin-bottom:110px; } 
.vcon1-2box_inner { float:right; display:table; width:60%; position:relative; right:-7%; } 
.vcon1-3box { position:relative; width:100%; display:table; margin-top:100px; margin-bottom:50px; } 
.vcon1-3box_inner { float:right; display:table; width:60%; position:relative; right:4%; } 

.krhst_mh1 { font-size:17px; line-height:170%; padding:0 0 00px 0; } 
.krhst_mh2 { font-size:36px; line-height:150%; } 
.krhst_sh1 { font-size:22px; line-height:170%; color:#fff; } 
.krhst_sh2 { font-size:16px; line-height:180%; color:#a4a4a4; word-break:keep-all; padding:40px 0 0 0; } 
.krhst_hdliner1 { width:240px; height:2px; background:#fff; position:relative; margin-top:40px; left:-160px; } 
.vcon1_hds { position:Relative; left:10%; z-index:9; } 
.vcon_cm1 { width:32%; } 
.vcon_cm2 { width:55%; } 
.vcon_cm3 { width:29%; } 
.vcon_cm4 { width:48%; } 
.vcon_cm5 { width:62%; } 
.vcon_cm6 { width:64%; } 
.vcon_cm11 { width:66%; } 
.vcon_cm7 { width:22%; } 
.vcon_cm8 { width:47%; } 
.vcon_cm9 { width:60%; } 
.vcon_cm10 { width:24%; } 

.spn-right { font-size:17px; float:right; padding:2px 0; border-bottom:2px solid #fff; right:-20px; top:-25px; position:relative; } 

.spn-left { font-size:17px; float:left; padding:2px 0; border-bottom:2px solid #fff; left:-20px; top:-25px; position:relative; } 

.padd20t { padding:20px 0 0 0; } 

.vcon1-1 { position:relative; left:14.5%; margin-top:40px; } 
.vcon1-1_img { position:absolute; top:-90px; right:400px; display:table; } 
.vcon1-2 { position:relative; margin-top:50px; right:40px; } 
.vcon1-2_img { position:relative; right:70px; } 
.vcon1-3 { position:relative; margin-top:50px; right:-150px; } 
.vcon1-3_img { position:relative; left:80px; } 

.vcon2-1box { position:relative; width:100%; display:table; } 
.vcon2-2box { position:relative; width:100%; display:table; margin-top:150px; margin-bottom:150px; } 
.vcon2-2box_inner { float:left; display:table; width:60%; position:relative; right:-7%; } 
.vcon2-3box { position:relative; width:100%; display:table; top:70px; margin-bottom:50px; } 
.vcon2-3box_inner { float:right; display:table; width:71%; position:relative; right:14.5%; } 
.vcon2_hds { position:Relative; left:10%; } 
.vcon2-1 { position:relative; left:14.5%; margin-top:40px; margin-bottom:150px; } 
.vcon2-1_img { position:absolute; top:-70px; right:400px; } 
.vcon2-2 { position:relative; margin-top:-80px; right:-185px; } 
.vcon2-2_img { position:relative; right:100px; } 
.vcon2-3 { position:relative; margin-top:50px; } 
.vcon2-3_img { position:relative; left:80px; } 

.vcon3-1box { position:relative; width:100%; display:table; } 
.vcon3-2box { position:relative; width:100%; display:table; top:50px; margin-bottom:150px; } 
.vcon3-2box_inner { float:left; display:table; width:60%; position:relative; right:-16%; } 
.vcon3-3box { position:relative; width:100%; display:table; top:-200px; } 
.vcon3-3box_inner { float:right; display:table; width:55%; position:relative; right:31%; } 
.vcon3-4box { position:relative; width:100%; display:table; top:-50px; margin-bottom:0px; } 
.vcon3-4box_inner { float:left; display:table; width:55%; position:relative; left:-3%; } 
.vcon3-5box { position:relative; width:100%; display:table; top:-320px; margin-bottom:00px; } 
.vcon3-5box_inner { float:right; display:table; width:57%; position:relative; right:2%; } 
.vcon3_hds { position:Relative; left:10%; } 
.vcon3-1 { position:relative; left:14.5%; margin-top:40px; margin-bottom:150px; } 
.vcon3-1_img { position:absolute; top:-70px; right:400px; } 
.vcon3-2 { position:relative; margin-top:60px; right:180px; } 
.vcon3-2_img { position:relative; right:100px; } 
.vcon3-3 { position:relative; margin-top:50px; } 
.vcon3-3_img { position:relative; left:80px; } 
.vcon3-4 { position:relative; margin-top:50px; } 
.vcon3-4_img { position:relative; left:80px; } 
.vcon3-5 { position:relative; margin-top:50px; } 
.vcon3-5_img { position:relative; right:130px; } 


.vcon4-1box { position:relative; width:100%; display:table; } 
.vcon4-2box { position:relative; width:100%; display:table; top:0px; margin-bottom:100px; } 
.vcon4-2box_inner { float:right; display:table; width:60%; position:relative; right:11%; } 
.vcon4-3box { position:relative; width:100%; display:table; top:-300px; margin-bottom:50px; } 
.vcon4-3box_inner { float:right; display:table; width:55%; position:relative; right:4%; } 
.vcon4-4box { position:relative; width:100%; display:table; top:100px; margin-bottom:0px; padding-bottom:50px; } 
.vcon4-4box_inner { float:right; display:table; width:55%; position:relative; right:19%; } 
.vcon4-5box { position:relative; width:100%; display:table; top:150px; margin-bottom:200px; } 
.vcon4-5box_inner { float:right; display:table; width:57%; position:relative; right:7%; } 
.vcon4_hds { position:Relative; left:10%; z-index:9; } 
.vcon4-1 { position:relative; left:14.5%; margin-top:40px; margin-bottom:00px; } 
.vcon4-1_img { position:absolute; top:-10px; right:400px; } 
.vcon4-1_img img { width: 80%; margin-left: 10%; } 
.vcon4-2 { position:relative; margin-top:60px; right:32px; } 
.vcon4-2_img { position:relative; right:163px; top:72px; } 
.vcon4-3 { position:relative; margin-top:50px; } 
.vcon4-3_img { position:relative; left:81px; } 
.vcon4-4 { position:relative; margin-top:50px; } 
.vcon4-4_img { position:relative; left:80px; } 
.vcon4-5 { position:relative; margin-top:50px; } 
.vcon4-5_img { position:relative; right:130px; } 



@media all and ( max-width:1680px ) {
.vcont_out { position:Relative; left:250px; width:90%; } 
.vcon1-1_img { position:absolute; top:-90px; right:250px !important; text-align:center; } 
.vcon1-1_img img { width:80%; } 
.vcon2-1_img { position:absolute; top:-70px; right:100px; } 
.vcon3-1_img { position:absolute; top:-10px; right:250px !important; text-align:center; } 
.vcon4-1_img { position:absolute; top:-10px; right:250px !important; text-align:center; } 

.vcon2-2 { position:relative; margin-top:-80px; right:-185px; } 
.vcon3_hds > .krhst_mh2 { width:350px; } 
.vcon4_hds > .krhst_mh2 { width:390px; } 
.vcon4_hds > .krhst_mh2 br { display:none; } 
.vcon3-2box_inner { float:left; display:table; width:60%; position:relative; right:-16%; } 

.vcon_add_box24 { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 
.vcon_add_box25 { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 
.vcon_add_box26 { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 
.vcon_add_box27 { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 

}

/*역사관 pic add*/
.vcon_add_box00 { position:relative; width:100%; display:table; top:0px; margin-top:-250px; margin-bottom:50px; } 
.vcon_add_box01 { position:relative; width:100%; display:table; top:0px; margin-top: 100px; margin-bottom: 100px; } 

.vcon_add_box02 { position:relative; width:100%; display:table; top:0px; } 
.vcon_add_box03 { position:relative; width:100%; display:table; top:0px; margin-top:-90px; margin-bottom:100px; } 
.vcon_add_box04 { position:relative; width:100%; display:table; top:00px; } 
.vcon_add_box05 { position:relative; width:100%; display:table; margin-bottom:50px; } 

.vcon_add_box200 { position:relative; width:100%; display:table; top:0px; margin-top:150px; } 
.vcon_add_box20 { position:relative; width:100%; display:table; top:50px; margin-top:150px; } 

.vcon_add_box21 { position:relative; width:100%; display:table; top:50px; margin-top:0px; } 
.vcon_add_box22a { position:relative; width:100%; display:table; margin-top:-150px; margin-bottom:50px; } 
.vcon_add_box22 { position:relative; width:100%; display:table; margin-top:-80px; margin-bottom:50px; } 

.vcon_add_box23 { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 
.vcon_add_box24 { position:relative; width:100%; display:table; top:-200px; } 
.vcon_add_box25 { position:relative; width:100%; display:table; top:-50px; z-indeX:1; } 
.vcon_add_box26 { position:relative; width:100%; display:table; top:-250px; } 
.vcon_add_box27 { position:relative; width:100%; display:table; top:-100px; } 
.vcon_add_box28 { position:relative; width:100%; display:table; top:30px; } 
.vcon_add_box29 { position:relative; width:100%; display:table; top:-250px; } 
.vcon_add_box29f { position:relative; width:100%; display:table; top:-100px; } 
.vcon_add_box29f2 { position:relative; width:100%; display:table; top:0px; } 
.vcon_add_box29f3 { position:relative; width:100%; display:table; top:0px; margin-top:150px } 

.vcon_add_box27 > .hst_add_left_inner > .addtt-left { margin-top:-20px; } 

.vcon_add_box31 { position:relative; width:100%; display:table; top:-350px; } 
.vcon_add_box315 { position:relative; width:100%; display:table; } 
.vcon_add_box316 { position:relative; width:100%; display:table; top:-200px; } 

.vcon_add_box32 { position:relative; width:100%; display:table; top:-300px; } 
.vcon_add_box33 { position:relative; width:100%; display:table; top:-150px; } 
.vcon_add_box34 { position:relative; width:100%; display:table; top:-50px; } 
.vcon_add_box35 { position:relative; width:100%; display:table; top:-340px; } 
.vcon_add_box36 { position:relative; width:100%; display:table; top:-280px; } 
.vcon_add_box37 { position:relative; width:100%; display:table; top:-580px; } 
.vcon_add_box38 { position:relative; width:100%; display:table; top:-400px; } 
.vcon_add_box39 { position:relative; width:100%; display:table; top:-250px; } 


.vcon_add_box41 { position:relative; width:100%; display:table; top:0px; margin-top:150px; } 
.vcon_add_box42 { position:relative; width:100%; display:table; top:-160px; margin-top:0px; } 
.vcon_add_box43a { position:relative; width:100%; display:table; margin-top:-350px; } 
.vcon_add_box43 { position:relative; width:100%; display:table; margin-top:100px; } 
.vcon_add_box431 { position:relative; width:100%; display:table; top:0px; margin-top:-250px; } 
.vcon_add_box431b { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 
.vcon_add_box431c { position:relative; width:100%; display:table; top:0px; margin-top:-280px; } 
.vcon_add_box431d { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 


.vcon_add_box432 { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 

.vcon_add_box44 { position:relative; width:100%; display:table; top:-180px; margin-top:180px; } 
.vcon_add_box441 { position:relative; width:100%; display:table; top:0px; margin-top:-380px; } 
.vcon_add_box442 { position:relative; width:100%; display:table; top:0px; margin-top:120px; } 
.vcon_add_box443 { position:relative; width:100%; display:table; top:0px; margin-top:120px; margin-bottom:150px; } 


.vcon_add_box45 { position:relative; width:100%; display:table; top:0px; margin-top:-380px; } 
.vcon_add_box46 { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 
.vcon_add_box461 { position:relative; width:100%; display:table; top:0px; margin-top:100px; } 

.vcon_add_box47 { position:relative; width:100%; display:table; top:0px; margin-top:-200px; } 
.vcon_add_box48 { position:relative; width:100%; display:table; top:0px; margin-top:150px; margin-bottom:100px; } 
.vcon_add_box481 { position:relative; width:100%; display:table; top:0px; margin-top:150px; margin-bottom:0px; } 
.vcon_add_box482 { position:relative; width:100%; display:table; top:-240px; margin-top:10px; margin-bottom:0px; } 
.vcon_add_box483 { position:relative; width:100%; display:table; top:-140px; margin-top:0px; margin-bottom:0px; } 
.vcon_add_box484 { position:relative; width:100%; display:table; top:-450px; margin-top:0px; margin-bottom:0px; } 


.vcon_add_box49 { position:relative; width:100%; display:table; margin-top:-350px; top: -300px; } 
.vcon_add_box4901 { position:relative; width:100%; display:table; margin-top:-150px; top: 0px; } 
.vcon_add_box4902 { position:relative; width:100%; display:table; margin-top:-300px; top: 0px; } 
.vcon_add_box4903 { position:relative; width:100%; display:table; margin-top:150px;; top: 0px; } 
.vcon_add_box4904 { position:relative; width:100%; display:table; margin-top:-200px; top: 0px; } 
.vcon_add_box4905 { position:relative; width:100%; display:table; margin-top:50px; top: 0px; } 
.vcon_add_box4906 { position:relative; width:100%; display:table; margin-top:-150px; top: 0px; } 
.vcon_add_box4907 { position:relative; width:100%; display:table; margin-top:-150px; top: 0px; } 
.vcon_add_box4908 { position:relative; width:100%; display:table; margin-top:100px; top: 0px; } 
.vcon_add_box4909 { position:relative; width:100%; display:table; margin-top:50px; top: 0px; } 
.vcon_add_box4910 { position:relative; width:100%; display:table; margin-top:-330px; top: 0px; } 
.vcon_add_box4911 { position:relative; width:100%; display:table; margin-top:100px; top: 0px; } 
.vcon_add_box4911a { position:relative; width:100%; display:table; margin-top:-50px; top: 0px; } 
.vcon_add_box4911b { position:relative; width:100%; display:table; margin-top:-170px; top: 0px; } 
.vcon_add_box4911c { position:relative; width:100%; display:table; margin-top:50px; top: 0px; } 



.vcon_add_box4912 { position:relative; width:100%; display:table; margin-top:100px; top: 0px; } 
.vcon_add_box4913 { position:relative; width:100%; display:table; margin-top:100px; top: 0px; } 
.vcon_add_box4914 { position:relative; width:100%; display:table; margin-top:150px; top: 0px; } 

.vcon_add090802_1_img { position:relative; } 
.vcon_add090802_2_img { position:relative; } 


.vcon_add_box50 { position:relative; width:100%; display:table; margin-top:100px; margin-bottom:50px; } 
.vcon_add_box51 { position:relative; width:100%; display:table; margin-top:80px; margin-bottom:50px; } 

.vcon_add_box49141 { position:relative; width:100%; display:table; margin-top:80px; margin-bottom:50px; } 
.vcon_add_box49142 { position:relative; width:100%; display:table; margin-top:100px; margin-bottom:50px; } 


.hst_add_left_inner { float:left; display:table; width:50%; position:Relative; } 
.hst_add_right_inner { float:right; display:table; width:50%; position:Relative; } 


.ps-right-3 { right:-3%; } 
.ps-right-4 { right:-4%; } 
.ps-right-6 { right:-6%; } 

.ps-left1 { left:1% } 
.ps-left2 { left:2% } 
.ps-left3 { left:3% } 
.ps-left4 { left:4% } 
.ps-left5 { left:5% } 
.ps-left6 { left:6% } 
.ps-left7 { left:7% } 
.ps-left8 { left:8% } 
.ps-left9 { left:9% } 
.ps-left10 { left:10% } 
.ps-left11 { left:11% } 
.ps-left12 { left:12% } 
.ps-left13 { left:13% } 
.ps-left15 { left:15% } 
.ps-left17 { left:17% } 
.ps-left18 { left:18% } 
.ps-left20 { left:20% } 

.ps-left22 { left:22% } 
.ps-left25 { left:25% } 
.ps-left24 { left:24% } 
.ps-right1 { right:1% } 
.ps-right2 { right:2% } 
.ps-right3 { right:3% } 
.ps-right4 { right:4% } 
.ps-right5 { right:5% } 
.ps-right7 { right:7% } 
.ps-right8 { right:8% } 
.ps-right10 { right:10% } 
.ps-right12 { right:12% } 
.ps-right13 { right:13% } 
.ps-right14 { right:14% } 
.ps-right15 { right:15% } 
.ps-right16 { right:16% } 
.ps-right17 { right:17% } 
.ps-right18 { right:18% } 
.ps-right20 { right:20% } 
.ps-right21 { right:21% } 
.ps-right22 { right:22% } 
.ps-right25 { right:25% } 

.addtt-left { position:relative; margin-top:50px; left:-80px; } 
.addtt-right { position:relative; margin-top:50px; right:-90px; } 
.addtt-right_og30 { position:relative; margin-top:50px; right:-30px; } 
.addtt-right_rg124 { position:relative; margin-top:50px; right:124px; } 
.addtt-right_og40 { position:relative; margin-top:50px; right:-40px; } 
.addtt-right_og115 { position:relative; margin-top:50px; right:-115px; } 
.addtt-right_og150 { position:relative; margin-top:50px; right:-150px; } 
.addtt-right_og226 { position:relative; margin-top:50px; right:-226px; } 
.addtt-right_og132 { position:relative; margin-top:50px; right:-132px; } 
.addtt-right_og148 { position:relative; margin-top:50px; right:-148px; } 
.addtt-right_og175 { position:relative; margin-top:50px; right:-175px; } 

.addtt-right_og0 { position:relative; margin-top:50px; right:30px; } 
.addtt-right_og240 { position:relative; margin-top:50px; right:-240px; } 

.addtt-right_og { position:relative; margin-top:50px; right:30px; } 
.addtt-right_og200 { position:relative; margin-top:50px; right:-200px; } 
.addtt-right_og280 { position:relative; margin-top:50px; right:-280px; } 
.addtt-right_og300 { position:relative; margin-top:50px; right:-300px; } 
.addtt-right_og320 { position:relative; margin-top:50px; right:-320px; } 
.vcon_add1_1a_img { position:relative; } 

.vcon_add1_1_img { position:relative; } 
.vcon_add1_2_img { position:relative; } 

.vcon_add1_3_img { position:relative; right:60px; } 
.vcon_add1_4_img { position:relative; } 

.vcon_add1_5_img { position:relative; } 

.vcon_add2_1_img { position:relative; } 
.vcon_add2_2_img { position:relative; } 
.vcon_add2_3_img { position:relative; } 
.vcon_add2_4_img { position:relative; } 
.vcon_add2_5_img { position:relative; } 
.vcon_add2_6_img { position:relative; } 
.vcon_add2_7_img { position:relative; } 
.vcon_add2_8_img { position:relative; } 
.vcon_add2_9_img { position:relative; } 
.vcon_add2_9f_img { position:relative; } 
.vcon_add3_1_img { position:relative; } 
.vcon_add3_2_img { position:relative; } 
.vcon_add3_3_img { position:relative; } 
.vcon_add3_4_img { position:relative; } 
.vcon_add3_5_img { position:relative; } 
.vcon_add3_6_img { position:relative; } 
.vcon_add4_1_img { position:relative; } 
.vcon_add4_5_img { position:relative; } 
.vcon_add4_9_img { position:relative; } 
.addcm_70 { width:72% } 
.addcm_60 { width:60% } 

.addcm_50 { width:50% } 
.addcm_40 { width:40% } 
.addcm_26 { width:26% } 

.frn1 { position:Relative; margin-top:50px; right:-12% !important; } 
.frn2 { position:Relative; margin-top:50px; right:-3% !important; } 
.frn3 { position:Relative; margin-top:50px; right:-15% !important; } 
.frn4 { position:Relative; margin-top:50px; right:-20% !important; } 
.frn5 { position:Relative; margin-top:50px; right:-10% !important; } 
.frn6 { position:Relative; margin-top:50px; right:-30% !important; } 
.frn7 { position:Relative; margin-top:50px; right:-7% !important; } 
.frn8 { position:Relative; margin-top:50px; right:18% !important; } 
.frn9 { position:Relative; margin-top:50px; right:-45% !important; } 
.frn10 { position:Relative; margin-top:50px; right:-13% !important; } 
.frn11 { position:Relative; margin-top:50px; right:-32% !important; } 
.frn12 { position:Relative; margin-top:50px; right:-24% !important; } 
.frn13 { position:Relative; margin-top:50px; right:-19% !important; } 
.frn14 { position:Relative; margin-top:50px; right:-29% !important; } 


@media all and ( max-width:1680px ) {.vcon_add2_5_img { position:relative; text-align:center; } 
.vcon_add2_5_img img { width:80%; } 
.vcon_add_box25 > .hst_add_right_inner > .addtt-left { left:0px; } 

.vcon_add2_9_img { position:relative; text-align:center; } 
.vcon_add2_9_img img { width:70%; } 
.vcon_add_box29 { left:-100px; } 
.vcon_add_box49 { left:-100px; } 
 }




/*쿠키사용허용*/
.ck_allow { width:100%; height:70px; position:relative; background:#333; display:table; z-index:999; } 
.ck_allow-scrolled { position:fixed; top:0px; } 
.ck_allow_box { width:100%; height:20px; } 
.ck_all_left { width:21%; height:22px; float:left; } 
.ck_all_center { width:59%; height:22px; float:left; } 
.ck_all_align { display:table; margin:auto; } 
.ck_all_right { width:10%; height:22px; float:left; } 

.ck_allow_tt { float:left; font-size:16px; color:#fff; } 
.cks_agree_btn { float:left; padding:8px 20px 8px 15px; margin-left:20px; background:#ffe718; border-radius:4px; position:relative; top:-8px; cursor:pointer; } 
.ck_allow_ttspan1 { padding: 0 5px 0 0; position:relative; top:-1px; } 
.ck_allow_ttspan2 { font-size:15px; color:#222; } 
.ck_a_more { font-size:16px; color:#fff; opacity:0.5; text-align:right; } 
.ck_a_more a { text-decoration:underline; } 

.blink-y { animation: blink 1s step-end infinite; } 

@keyframes blink { 
 0% { background-color: #ffd800; } 
 50% { background-color: #ffe718; } 
 }
 
@-webkit-keyframes blink { 
 0% { background-color: #ffd800; } 
 50% { background-color: #ffe718; } 
 }
 
.blinkcss { animation: blink 1s step-end infinite; -webkit-animation: blink 1s step-end infinite; } 

/* 220125 - safety 추가
220203 - safety 수정
safety */
.intro_cp_safty_wrap { padding-top:100px } 
.border-b { max-width:1580px; width:90%; margin:0 auto; padding:0 5% } 
.intro_cp_safty_wrap .intro_cp_hd1 { font-size:35px } 
.intro_cp_safty_wrap .intro_cpst_h1 { font-size:26px; padding:0; padding-bottom:40px } 
.saftysec_title { line-height:60px; font-size:35px; color:#0080bc; font-weight:400 } 
.saftysec_desc { line-height:50px; font-size:27px; color:#333; font-weight:400 } 
.saftysec_list { display:flex; flex-wrap:wrap; margin-top:45px; border-top:2px solid #272727; overflow:hidden } 
.saftysec_list > li { width:48%; padding:80px 0; box-sizing:border-box; text-align:center; border-bottom:1px solid #dcdcdc } 
.saftysec_list > li:nth-child(2n+1) { margin-right:2% } 
.saftysec_list > li:nth-child(2n+2) { margin-left:2% } 
.saftysec_list > li:nth-child(n+3) { border:none } 
.saftysec_footdesc { padding:50px 0; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc } 


/* 220325 ci 수정 */
.cic_img { padding:0 5%; text-align:center } 
.cic_img > img { width:100%; max-width:840px; height:auto } 
.cic_type_inner { width:100%; height:auto; border:0 none; background:transparent } 
.cic_type_inner .cm_middle { display:block; text-align:center } 
.cic_type_inner .cm_middle > img { width:100%; height:auto } 


/* 220401 faq 라이브 */
#wrap #header .header_wrap .header_area #gnb>ul>li { width:calc(100%/6) } 

/* 220502 추가 */


/* 220704 전시관 */
.tabwrap { padding-bottom:50px; } 
.media_tab { display:flex; width:568px; margin:0 auto; border:1px solid #d6d6d6 } 
.media_tab > a { flex:1; display:block; width:50%; line-height:50px; font-size:18px; text-align:center } 
.media_tab > a.active { background:#0080bc; color:#fff; } 
.tab-content { display:none } 
.tab-content.active { display:block } 
.online-exhibition { text-align:center } 
.online-exhibition__link { display:inline-block; position:relative; overflow:hidden } 
.online-exhibition__link img { max-width:100% } 
.online-exhibition__link:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.3s ease-out } 
.online-exhibition__link:hover:after { opacity:1 } 
.btn-online-more { opacity:0; position:absolute; top:50%; left:50%; width:80px; height:80px; margin-left:-40px; margin-top:-40px; border-radius:50%; background:rgba(0,0,0,0.7); z-index:10; } 
.btn-online-more__line { position:absolute; display:block; background:#0080bc } 
.btn-online-more__line--vertical { top:50%; left:50%; width:3px; height:30px; margin-left:-2px; margin-top:-15px; } 
.btn-online-more__line--horizontal { top:50%; left:50%; width:30px; height:3px; margin-left:-15px; margin-top:-2px; } 
.online-exhibition__link:hover .btn-online-more { opacity:1 } 

/* .ft_qcircle_grid, .ft_qcircle_grid { width:905px; }  */
.ftc6 { background: #383838 url(../../images/layout/ft_c6-7.png)center no-repeat; } 

/* 221110 기업개요 */
.core-value { display:flex; margin-top:35px; font-family:'NanumSquare'; font-weight:400; text-align:center } 
.core-value__item { flex:1; padding:30px 20px } 
.core-value__title { min-height:105px; margin-top:60px; font-size:35px } 
.core-value__description { margin-top:20px; color:#636363; font-size:18px; line-height:1.6 } 

/* 230102 */
.main_video { display: block; position: relative; /* padding-bottom: 60.95%; */
 overflow: hidden; /* height: 0; */
 width: 100%; margin: 0 auto; } 
#KryVideo { position:static; min-width: 100%; min-height:auto } 

/* 2023-05-22 신제품 검색 */
.cm_search_bar--nocategory { width:730px } 

/* 2023-05-23 4x2 리스트 수정 */
.dw_array_wrap--flex { display:flex; flex-wrap:wrap; column-gap:70px } 
.dw_array--flexbox { float:none; flex-basis:calc(25% - 53px); width:auto; margin-right:0 } 


/* 231012 추가 */

/* 2023-02-15 : esg */
.tac { text-align:center } 
.white { color:#fff !important } 
/* tbl */
.tbl { table-layout: fixed; width: 100%; padding: 0; border-spacing: 0; } 
.tbl th, td { padding:32px 20px; color:#333; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-family:'NanumSquare','Noto Sans KR',sans-serif } 
.tbl th { border-top:2px solid #272727; background:#f2f2f2; font-size:27px; font-weight:700; line-height:1.25 } 
.tbl th:last-child, td:last-child { border-right:0 none } 
.tbl td { background:#fff; font-size:20px; font-weight:400; line-height:1.6 } 
.tbl--stripe1 td { padding:15px 20px } 
.tbl--stripe1 tbody tr:nth-of-type(2n-1) td { background:#eaf8ff } 
.tbl--stripe1 tbody tr:nth-of-type(2n-1) td:nth-of-type(1) { background:transparent } 
.tbl--stripe2 th { padding:20px 20px } 
.tbl--stripe2 td { padding:15px 20px } 
/* .tbl--stripe2 th:not(:nth-of-type(1)) { font-size:22px; line-height:26px } */
.tbl--stripe2 th { font-size:18px } 
.tbl--stripe2 tbody tr:nth-of-type(2n) td { background:#eaf8ff } 
.tbl--vehicle th { font-size:22px; line-height:26px } 
.tbl--noline th { border-top:0 none } 
/* esg : common */
.esg { padding-bottom:140px } 
.esg--fit { padding-bottom:0 } 
.esg__grid { position:relative; max-width:1590px; margin:0px auto; z-index:5 } 
.esg__grid:has(.esg__button){text-align: center;}
.esg__grid--fit { margin-top:0 !important } 
.motion + .esg__grid { margin-top:60px } 
.esg__floating { position:fixed; right:20px; bottom:96px; width:56px; height:56px; background:url(../../images/esg/esg_floating.png); cursor:pointer; z-index:150; transition:background 0.5s ease-out } 
.esg__floating.active { background:url(../../images/esg/esg_floating_on.png) } 
.esg__floating-menu { opacity:0; visibility:hidden; position:fixed; right:20px; bottom:162px; width:125px; padding:0 10px; border-radius:10px; background:#fff; box-shadow:0px 0px 16px rgba(0, 0, 0, 0.1); transition:opacity 0.5s ease-out } 
.esg__floating-menu.active { opacity:1; visibility:visible } 
.esg__floating-menu > li { padding:20px 10px; border-bottom:1px solid #ECECEC; font-size:14px; font-weight:400; line-height:1.6; text-align:center } 
.esg__floating-menu > li:hover { color:#0080bc } 
.esg__floating-menu > li:last-child { border-bottom:0 none } 
.esglist { display:flex; padding:50px 0px } 
.esglist > li { position:relative; height:567px; flex:1; border-right:1px solid #fff } 
.esglist > li::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; transition:all 0.3s ease } 
.esglist__link { display:table; width:100%; height:100%; color:#fff; text-align:center } 
.esglist__content { display:table-cell; position:relative; padding:0 70px; z-index:10; vertical-align:middle } 
.esglist__title { display:block; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:35px; font-weight:400 } 
.esglist__description { display:block; overflow:hidden; position:relative; margin-top:0px; padding-top:0px; height:0px; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:18px; font-weight:400; line-height:1.6; transition:margin 0.3s ease } 
.esglist__description::before { content:''; position:absolute; top:0px; left:50%; width:30px; height:2px; margin-left:-15px; background:#fff } 
.esglist > li:hover:after { opacity:0.7 } 
.esglist > li:hover .esglist__description { margin-top:40px; padding-top:30px; height:auto } 
.esgintro { padding:150px 0px 100px; text-align:center } 
.esgintro__title { margin-bottom:55px; color:#333; font-size:45px; line-height:50px } 
.esg__title { position:relative; padding-bottom:40px; color:#333; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:35px; font-weight:700; text-align:center } 
.esg__title--sub { font-size:25px } 
.esg__title::after { content:''; position:absolute; left:50%; bottom:0px; width:30px; height:2px; margin-left:-15px; background:#0080bc } 
.esg__title--noline { padding-bottom:0 } 
.esg__title--noline:after { content:none } 
.white.esg__title::after { background:#fff } 
.esg__slogan { margin-top:40px; color:#333; font-size:20px; font-weight:400; text-align:center } 
.esg__slogan strong { color:#0080bc } 
.esg__description { color:#636363; font-size:18px; font-weight:300; line-height:1.6; text-align:center } 
* + .esg__description { margin-top:35px } 
.esg__item { padding-top:100px } 
.esg__item--split { padding-top:0 } 
.esg__item--muted { margin-top:100px; padding-bottom:100px; background:#ececec } 
.esg__item--bg { margin-top:100px; background:#0080bc } 
.esg__item--border { max-width:1590px; margin:0 auto; border-top:1px solid #f2f2f2 } 
.esg__item--fit { margin-top:0; padding-top:0 } 
.esg__wrap { padding:100px 0px 0px } 
.esg__wrap--muted { background:#ececec } 
.esg__wrap--bg { background:#0080bc } 
.esg__button { display:inline-block; width:285px; margin-top:65px; color:#fff; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:18px; font-weight:700; line-height:50px; background:#0080bc; transition:background 0.3s ease-out } 
.esg__button.on { background-color:#464646 } 
.esg__button:hover { background-color:#464646 } 
.esg__button--download { position:relative } 
.esg__button--download:after { content:''; position:absolute; top:50%; right:20px; width:17px; height:17px; margin-top:-8px; background:url(../../images/esg/download.png) } 
.esg__button--more { position:relative } 
.esg__button--more:after { content:''; position:absolute; top:50%; right:20px; width:13px; height:7px; margin-top:-3px; background:url(../../images/esg/arrow.png); transform:rotate(-180deg); transition:transform 0.3s ease } 
.esg__button--more.on:after { transform:rotate(0) } 
.chart__description { margin-top:40px; color:#636363; font-size:20px; font-weight:400; line-height:1.75; text-align:center } 
.esg__flex { display:flex; gap:10px } 
.esg__boxdesc { display:block; margin-top:50px; color:#333; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:27px; font-weight:700; text-align:center } 
.esg__link { display:inline-block; color:#0080bc; font-family:'NanumSquare','Noto Sans KR',sans-serif } 
.esg__table ~ .esg__table { margin-top:30px } 
.esg__table + .esg__inbox { margin-top:70px } 
.esg__unit { margin-top:40px; margin-bottom:15px; color:#c1c1c1; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:20px; text-align:right } 
.esgicon { display:inline-block; width:140px; height:140px; border-radius:50%; background-color:#f2f2f2; background-repeat:no-repeat; background-position:center } 
.esgicon--primary { width:200px; height:200px; background-color:#0080bc } 
.esgicon--line { background-color:transparent; border:1px solid #eef0ef } 
.esgicon--rect { width:200px; height:170px; border-radius:25px } 
.esg__inbox { padding:100px 0; background:#fff; text-align:center; box-shadow: 25px 25px 35px rgb(108 108 108 / 5%) } 
.esg__inbox--muted { padding:80px; background:#dbdbdb; font-size:20px; font-weight:400; text-align:left } 
.esg__inbox--muted strong { display:block; margin-bottom:25px; color:#333 } 
.esg__inbox ~ .esg__inbox { margin-top:40px } 
.orderedlist { } 
.orderedlist > li { position:relative; padding-left:20px; color:#636363; line-height:1.75 } 
.orderedlist > li:before { content:'1.'; position:absolute; top:0; left:0 } 
.orderedlist > li:nth-of-type(2):before { content:'2.'; position:absolute; top:0; left:0 } 
.orderedlist > li:nth-of-type(3):before { content:'3.'; position:absolute; top:0; left:0 } 
.orderedlist > li:nth-of-type(4):before { content:'4.'; position:absolute; top:0; left:0 } 
.orderedlist > li:nth-of-type(5):before { content:'5.'; position:absolute; top:0; left:0 } 
.esg__iconlist { display:flex; justify-content:center } 
.esg__iconlist > li { flex:1; border-right:1px solid #f2f2f2 } 
.esg__iconlist > li:last-child { border-right:0 none } 
.esg__iconlist--arrow > li { position:relative; border-right:0 none } 
.esg__iconlist--arrow > li:after { content:''; position:absolute; top:50px; right:-11px; width:22px; height:45px; background:url(../../images/esg/arrow03.png) no-repeat } 
.esg__iconlist--arrow > li:last-child:after { content:none } 
.esg__iconlist--arrow .esg__icondesc { padding:0 20px } 
.esg__iconcpation { margin-top:40px; padding:0 30px; color:#636363; font-size:20px; font-weight:400 } 
.esg__icontitle { display:block; color:#333 } 
.esg__icondesc { display:block; margin-top:25px; line-height:1.75 } 
.graph__inner { padding:60px; background:#ececec; text-align:center } 
.graph__inner--white { background:#fff } 
.graph__image { margin-bottom:65px } 
.graph__image--figure { margin-bottom:0; padding:100px 0 } 
.chart__inner ~ .chart__inner { margin-top:100px } 
.chart__flex { display:flex; gap:40px } 
.esg__box img { max-width:100% } 
/* esg : environment */
.certificate { width:100%; height:815px; background:#fff } 
.certificate__wrap { position:relative; width:100%; height:560px } 
.certificate__content { position:absolute; left:50%; bottom:-155px; width:1580px; height:415px; margin-left:-790px; background:#0080bc } 
.certificate__inner { display:flex; justify-content:center; position:relative; top:-170px; height:400px; gap:30px; margin:auto } 
.certificate__image { position:relative; box-shadow:rgba(0, 0, 0, 0.2) 7px 6px 17px 0px } 
.certificate__description { margin-top:-145px; color:#fff; font-size:20px; font-weight:400; line-height:1.5; text-align:center } 
.certificate__box { bottom:-155px; width:1590px; height:420px; margin-left:-795px } 
.safety__list { overflow: hidden; display:flex; flex-wrap:wrap; gap:20px; margin-top:35px; border-top:2px solid #272727 } 
.safety__list > li { flex-basis:calc(50% - 10px); padding:80px 0px 70px; border-bottom: 1px solid #dcdcdc; text-align:center } 
.safety__number { color:#0080bc; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:35px; font-weight:700 } 
.safety__policy { margin-top: 25px; color:#333; font-family:'NanumSquare', "Noto Sans KR", sans-serif; font-size:27px; line-height:1.85; font-weight:700 } 
.safety__list > li:last-child, .safety__list > li:nth-last-child(2) { border-bottom:0 none } 
.safety__content { padding:40px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc } 
.safety__sign { margin-top:40px; text-align:center } 
.safety__sign strong { display:inline-block; margin-left:10px; color:#000; font-size:24px; letter-spacing:0.1em } 
.safety__sign img { vertical-align:middle } 
/* esg : social */
.procedure { margin-top:100px; width:100%; height:815px; background:#fff } 
.procedure__wrap { position:relative; width:100%; height:560px } 
.procedure__content { display:flex; align-items:center; position:absolute; left:50%; top:300px; width:1580px; height:515px; margin-left:-790px; background:#fff; box-shadow:25px 25px 35px rgba(108, 108, 108, 0.05) } 
.procedure__list { flex:1; display:flex; justify-content:center } 
.procedure__list > li { flex:1; text-align:center } 
.procedure__item { margin-top:40px } 
.procedure__item > span { display:block; font-size:20px; font-weight:400 } 
.procedure__title { color:#333 } 
.procedure__description { margin-top:25px; line-height:1.75 } 
.esgsplit { display:flex; flex-wrap:wrap } /* box-shadow:25px 25px 35px rgba(4,0,0,0.05) */
.esgsplit__item { flex-basis:50%; display:flex; align-items:center; gap:3.3vw; padding:3.125vw; box-sizing:border-box } 
.esgsplit__item:first-child, .esgsplit__item:last-child { color:#fff; background:#0080bc; box-shadow:none } 
.esgsplit__item { box-shadow:-25px -25px 35px rgba(4,0,0,0.05) } 
.esgsplit__item:nth-of-type(3) { box-shadow:-25px 25px 35px rgba(4,0,0,0.05) } 
.esgsplit__content { flex:1 } 
.esgsplit__title { margin-bottom:30px; color:#333; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:27px; font-weight:bold } 
.esgsplit .esg__description { text-align:left } 
.social__advice { position:relative } 
.social__advice::after { content:''; position:absolute; bottom:0; left:0; right:0; height:110px; background:#fff } 
.social__visual { position:relative; margin-top:45px; padding-bottom:100px; color:#fff; background:#0080bc } 
.social__visual::before { content:''; position:absolute; top:0; left:0; right:0; height:130px; background:#fff } 
.social__support { position:relative } 
.social__support::after { content:''; position:absolute; bottom:0; left:0; right:0; height:120px; background:#fff } 
.drlist { display:flex; border:1px solid #dbdbdb } 
.drlist > li { position:relative; flex:1; padding:80px 0 } 
.drlist > li:after { content:''; position:absolute; top:180px; right:0; width:26px; height:26px; background:#fff; transform-origin:100% 100%; transform:rotate(45deg); z-index:10 } 
.drlist > li:nth-child(2n) { background:#ececec } 
.drlist > li:nth-child(2n):after { background:#ececec } 
.drlist > li:last-child:after { content:none } 
.drlist__circle { position:relative; display:inline-flex; align-items:center; justify-content:center; width:200px; height:200px; border-radius:50%; color:#fff; background:#0080bc; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:25px; line-height:1.4 } 
.drlist__item { margin-top:30px; padding:0 30px; color:#636363; font-size:20px; font-weight:400; line-height:1.75; text-align:left; } 
.drlist__item span { display:block; margin-bottom:5px; color:#333 } 
.stripe-list { border-top:2px solid #272727 } 
.stripe-list > li { display:flex; gap:3.5vw; padding:80px 14vw; border-bottom:1px solid #dcdcdc } 
.stripe-list > li:nth-child(2n) { background:#ececec } 
.stripe-list > li .esgicon { flex-basis:200px } 
.stripe-list__content { flex:1 } 
.stripe-list__title { margin-bottom:40px; color:#333; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:27px; font-weight:700 } 
.bullet-list > li { position:relative; padding-left:20px; color:#636363; font-size:18px; line-height:1.6 } 
.bullet-list > li:before { content:'ㆍ'; position:absolute; top:0; left:0 } 
.esg__more { text-align:center } 
.esg__hidden-contents { display:none } 
.esg__hidden-contents.on { display:block } 
/* esg : gorvernace */
.governance__ethics { position:relative } 
.governance__ethics::after { content:''; position:absolute; bottom:0; left:0; right:0; height:70px; background:#fff } 
.ethiclist { display:flex; flex-wrap:wrap; justify-content:center; row-gap:120px } 
.ethiclist > li { position:relative; flex-basis:326px } 
.ethiclist > li:after { content:''; position:absolute; top:85px; right:-63px; width:125px; border-top:1px solid #f2f2f2 } 
.ethiclist > li:nth-child(4):after, .ethiclist > li:last-child:after { content:none } 
.ethiclist__title { margin-top:40px; color:#333; font-size:20px; font-weight:400 } 
.conductlist { display:flex; gap:30px } 
.conductlist > li { flex:1; padding:80px 30px; border-radius:25px; background:#fff; font-family:'NanumSquare','Noto Sans KR',sans-serif; box-sizing:border-box } 
.conductlist__num { position:relative; margin-bottom:40px; padding-bottom:40px; color:#0080bc; font-size:35px; font-weight:700 } 
.conductlist__num:after { content:''; position:absolute; bottom:0; left:20px; right:20px; border-bottom:1px solid #ececec } 
.conductlist__slogan { color:#333; font-size:23px; font-weight:700; line-height:1.65 } 
.telbox { display:flex; align-items:center; justify-content:center; gap:5.7vw } 
.telbox__address { text-align:left } 
.telbox__title { margin-bottom:35px; color:#333; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:27px; font-weight:700 } 
.telbox__content { color:#636363; font-size:18px; font-weight:300; line-height:1.6 } 
.telbox__content span { position:relative; display:inline-block; padding-right:40px } 
.telbox__content span:after { content:none; position:absolute; top:50%; right:20px; width:1px; height:17px; margin-top:-8px; background:#636363 } 
.telbox__content span:nth-of-type(2):after { content:none } 
.telbox__content strong { color:#333; font-weight:400 } 
.governance__communication { padding-bottom:130px } 
.communication__list { display:flex; justify-content:center; margin-top:80px; padding:0 6vw } 
.communication__list > li { flex:1; color:#fff; border-right:1px solid rgba(255,255,255,0.3); text-align:center } 
.communication__list > li:last-child { border-right:0 none } 
.communication__target { margin-top:40px; font-family:'NanumSquare','Noto Sans KR',sans-serif; font-size:25px; font-weight:700 } 
.communication__content { margin-top:35px; padding-bottom:30px; font-size:20px; font-weight:300; line-height:1.6 } 
/* esg-popup */
.esg-popup { display:none } 
/* header */
#wrap #header .header_wrap .header_area #gnb>ul>li:first-child .two_depth.depth_01 { width:160%; padding:0 } 
#wrap #header .header_wrap .header_area #gnb>ul>li:first-child .depth02_grid { width:1470px } 
#wrap #header .header_wrap .header_area #gnb>ul>li:first-child .two_depth.depth_01 .depth02_ul { margin:0 -15px } 
#wrap #header .header_wrap .header_area #gnb>ul>li:first-child .two_depth.depth_01 ul.depth02_ul li { width: calc(90%/5) } 

.gnb_2depth_h1 .depth2_tt small { display:block; padding-left:20px; font-size:12px } 
#wrap #container #location .all-wrap .loca-wrap .loca-area > ul > li button span small { display:block; padding-left:19px; font-size:12px; letter-spacing:-0.08em } 
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div.next-depth ul li a small { display:block; font-size:12px; letter-spacing:-0.08em } 
.esg__grid.mt30 { margin-top: 30px; } 

/* 2025-04-08 Footer */
.ft_fixed_grid { bottom:-260px; } 
.ft_qcircle_grid { display: flex; justify-content: center; justify-items: center; gap:40px; } 
.ft_qcircle_box { max-width:117px; } 
.ftc7 { background: #383838 url(../../images/layout/ft_c7.png) center no-repeat; background-size: 61px; } 

.layer-reports { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .3); z-index: 3001; } 
.layer-reports img { max-width: 100%; } 
.layer-reports.active { display: block; } 
.layer-reports__wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 500px; text-align: center; } 
.layer-reports__itembox { display: inline-flex; justify-content: space-between; gap:10px; width: 100%; padding: 64px 30px; background-color: #fff; box-sizing: border-box; } 
.layer-reports__contents { display: flex; flex-direction: column; gap: 16px; } 
.layer-reports__title { font-size: 20px; font-weight: 700; color: #377eb7; line-height: 1; } 
.layer-reports__description { font-weight: 500; line-height: 1.29; } 
.layer-reports__button { display: flex; flex-direction: column; gap: 17px; border: unset; background-color: unset; font-size: 14px; font-weight: 100; color: #636363; text-decoration: unset; } 
.layer-reports-close { display: inline-block; position: absolute; right: 16px; top: 16px; width: 24px; height: 24px; background-image: url(../../images/layout/layer-reports-close.png); border: none; background-color: unset; cursor: pointer; }