@charset "utf-8";

/*********************
** CSS Reset
**********************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline
}
a {
    color: inherit;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
/************************************** 
** 공통
***************************************/
#contents{position:relative; min-width:1142px;}

/************************************** 
** FOOTER
***************************************/
footer{background:#4b4d53 url('../../web/images/global/foot_bg.png') repeat-x; overflow:hidden; clear:both; height:200px; min-width:1142px;margin-bottom:-20px!important}
footer .footerWrap{overflow:hidden;position:relative; width:1142px; margin:0px auto;}
footer .footerWrap .linkWrap{height:50px; line-height:50px; overflow:hidden;}
footer .footerWrap .linkWrap .link{float:left;}
footer .footerWrap .linkWrap .link a{color:#c0c0c0; text-decoration:none; margin-right:15px; font-family:'dotum';}
footer .footerWrap .linkWrap .link a:hover{color:#fff;}
footer .footerWrap .linkWrap .link a strong{color:#fff;}
footer .footerWrap .selLink{float:right; overflow:hidden;}
footer .footerWrap .selLink select{width:180px;height:23px;color:#c0c0c0;padding:3px 5px;border:solid 1px #6f7175;background:#4d4d53}

footer .footerWrap .copyLoog{padding:15px 0px; display:inline-block; width:221px; float:left; height:120px;}
footer .footerWrap .company{color:#c0c0c0; font-size:11px; margin-left:-36px; line-height:12px; font-family:'dotum'; float:left; margin-top:15px;}
footer .footerWrap .company .comInfo img{vertical-align:middle;}
footer .footerWrap .company em{width:1px;padding:5px 0;margin:0 7px;position:relative;top:-3px;font-size:0;border-left:solid 1px #6a6b6e}

footer .footerWrap .company span.cl_wh {color:#fff;}

footer .footerWrap .brand_wrap{position:absolute;right:0;top:55px}
footer .footerWrap .brand_wrap img:nth-child(1){position:relative;top:1px;margin-right:5px}

footer .footerWrap .under_company_link{margin-top:5px;margin-left:-15px}
footer .footerWrap .under_company_link a{display:inline-block;font-weight:bold;padding:0 15px;background: url('../../web/images/global/1px_ddx.gif') 100% 2px no-repeat}
footer .footerWrap .under_company_link a:last-child{background:0px none}
footer .footerWrap .copy{margin-top:15px; font-size:11px; color:#c0c0c0; font-family:'dotum';}
footer .footerWrap .groupCompany{float:right; overflow:hidden; margin-top:116px;}
footer .footerWrap .groupCompany li{float:left; overflow:hidden;}
footer .footerWrap .selLink{position:relative}
footer .footerWrap .selLink em{display:block;position:absolute;top:20px;right:5px;width:9px;height:6px;background:url('../../web/images/global/ico_select.png') no-repeat;}

footer .footerWrap .comInfo{position:relative;top:-2px}
 
/* Footer renewal : 20180627 */
footer {height:auto; padding-bottom:48px!important; background:#1d1f20; color:#fff; font-family:Dotum; font-size:12px!important; line-height:1;}
footer .rowGroup1 {width:100%; height:74px; border-bottom:1px solid #6c6c6c;}
footer .innerWrap {width:1142px; margin:0 auto;}
footer .rowGroup1 .innerWrap > div,
footer .rowGroup2 .innerWrap > div {float:left;}
footer .box1 {float:left; width:974px; margin-top:35px;}
footer .box1 li {position:relative; display:inline-block; margin-right:31px; color:#6c6c6c;}
footer .box1 li:last-child {margin-right:0;}
footer .box1 li:last-child:after {display:inline; background:none;}
footer .box1 li:after {content:''; display:block; width:1px; height:11px; position:absolute; top:0; right:-18px; background:#6c6c6c;}
footer .box1 li em {font-weight:bold; color:#fff;}
footer .box2 {width:168px; margin-top:22px; position:relative; text-align:right;}
footer .box3 {width:134px; margin-top:32px;}
footer .box4 {width:827px; margin-top:46px;}
footer .box5 {width:181px; margin-top:46px; font-family:'Roboto', 'Noto Sans KR', Dotum, sans-serif;}
footer .box4 dl {margin-bottom:9px;}
footer .box4 dl dt {display:inline-block; margin-right:6px; color:#6c6c6c;}
footer .box4 dl dd {display:inline-block; position:relative; margin-right:19px; color:#fff; font-weight:bold;}
footer .box4 dl dd:after {content:''; display:block; width:1px; height:11px; position:absolute; top:0; right:-14px; background:#6c6c6c;}
footer .box4 dl dd:last-child {margin-right:0;}
footer .box4 dl dd:last-child:after {display:inline; background:none;}
footer .box4 .brand {margin:56px 0 62px 5px; padding-top:57px; background:url('/web/images/main/renew/ico-brand.png') no-repeat 31px 0;}
footer .box4 .brand li {display:block; float:left; width:14%; text-align:center; line-height:1.5;}
footer .box4 .brand li:first-child {width:13.5%;}
footer .box4 .brand li:last-child {width:17%;}
footer .box4 .brand:after {content:''; display:block; clear:left;}
footer .box4 .brand_medal {margin:56px 0 63px 5px;}
footer .box4 .copyright {margin-left:5px;}
footer .box5 dl {border:1px solid #6c6c6c; margin-bottom:67px; padding:0 12px 8px 12px;}
footer .box5 dl dt {margin:13px 0 5px; font-size:17px; font-weight:500;}
footer .box5 dl dd {margin-bottom:6px; font-size:14px; font-weight:300;}
footer .box5 dl dd.tel {margin-bottom:4px;}
footer .box5 dl dd em {font-size:20px; font-weight:bold; color:#ffbf20;}
footer .box5 dl dd span {font-size:13px; font-weight:300;}
footer .box5 ul {font-size:13px; color:#cbcdcc; text-align:right;}
footer .box5 ul li {position:relative; display:inline-block;}
footer .box5 ul li:first-child {margin-right:28px;}
footer .box5 ul li:first-child:after {content:''; display:block; width:1px; height:13px; position:absolute; top:0; right:-17px; background:#6c6c6c;}
footer .btn-bizinfo {display:inline-block; margin-left:5px; border:1px solid #6c6c6c; padding:5px 5px; font-weight:normal;}
footer .btn-related {position:relative; display:inline-block; border:1px solid #6c6c6c; padding:9px 34px 9px 13px; background:#1d1f20;}
footer .btn-related:after {content:''; display:block; position:absolute; top:8px; right:11px; width:13px; height:13px; background:url('/web/images/main/renew/ico-related.png') no-repeat;}
footer .related-box {display:none;  position:absolute; bottom:0; left:0;}
footer .related-box ul {width:136px; padding:15px; padding-bottom:5px; border:1px solid #6c6c6c; border-bottom:0; background:#1d1f20; text-align:left;}
footer .related-box li {margin-bottom:10px;}
footer .related-box ul > a:hover {text-decoration:underline;}
footer .related-box .btn-related:after {background-position:-13px 0;}
footer .box2 select {width:165px; border:1px solid #6c6c6c; padding:9px 13px 9px 13px; background:#1d1f20 url('/web/images/main/renew/ico-related.png') no-repeat 94% 10px; color:#fff; font-size:12px; -webkit-appearance:none; -moz-appearance:none; appearance:none;} 
footer .box2 select::-ms-expand {
   display: none; /* 화살표 없애기 for IE10, 11*/
   padding:9px 13px 9px 13px;
}

footer .rowGroup2 .innerWrap {position:relative;}
footer .rowGroup2 .innerWrap .box3.type02 {width: auto; margin:45px 30px 0 0;}
footer .rowGroup2 .innerWrap .box4.type02 {width:auto; margin-top: 55px;}
footer .rowGroup2 .innerWrap .box4.type02 dl {margin-bottom:8px}
footer .rowGroup2 .innerWrap .box4.type02 dl dt {margin-right: 0px;}
footer .rowGroup2 .innerWrap .box4.type02 dl dd {}
footer .rowGroup2 .innerWrap .box4.type02 .copyright {margin:45px 0 0 0}
footer .rowGroup2 .innerWrap .box4.type02 .cjhd_copyLoog {font-size:13px; color:#cbcdcc; text-align:right;}
footer .rowGroup2 .innerWrap .box4.type02 .cjhd_copyLoog li {position:relative; display:inline-block;}
footer .rowGroup2 .innerWrap .box4.type02 .cjhd_copyLoog li + li {margin-left:18px;}
footer .rowGroup2 .innerWrap .box4.type02 .cjhd_copyLoog li + li:before {content:''; display:block; width:1px; height:13px; position:absolute; top:0; left:-11px; background:#6c6c6c;}
footer .rowGroup2 .innerWrap .box5.type02 {font-family: 'Noto Sans KR', Dotum, sans-serif; border: 1px solid #6c6c6c; margin:30px 0 0 0px; padding:25px 25px 20px; float:none; position:absolute; right:0px; top:0px; width: auto;}
footer .rowGroup2 .innerWrap .box5.type02:after {content:""; display:block; clear: both;}
footer .rowGroup2 .innerWrap .box5.type02 dl {float:left; border:none; margin:0 0 0 0; padding:0 0 0 0px;}
footer .rowGroup2 .innerWrap .box5.type02 dl +dl {margin-left:20px; padding-left:20px; border-left:1px dashed #6b6c6e;}
footer .rowGroup2 .innerWrap .box5.type02 dl dt {margin-top: 0px; font-size: 16px;}
footer .rowGroup2 .innerWrap .box5.type02 dl dd {line-height: 1.2em;}
footer .rowGroup2 .innerWrap .box5.type02 dl dd.time {margin:10px 0 7px;}
footer .rowGroup2 .innerWrap .box5.type02 dl dd em {font-size: 18px; font-weight:500;}

/* 사이트맵 */
.tts {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.color-gray {
    color: #767676;
}
i {
    font-style: normal;
}
#sitemap {display:none; color: #000; position:absolute; left:0; right:0; top:130px; border-bottom:1px solid #e8e8e8; text-align:left; background-color:#fff; z-index:1500;}
#btn-sitemap-open, .btn-layer-close {position:absolute; left:50%; top:74px; width:24px; height:30px; background-size:auto;}
#btn-sitemap-close {display:none; margin-left:556px; top:-56px;}
#sitemap.opened #btn-sitemap-close {display:block;}
#sitemap a:focus, #sitemap a:hover {color:#ed174d !important;}
#sitemap ul ul a:focus, #sitemap ul ul a:hover {border-bottom:1px solid #ed174d !important;}
#sitemap>ul {display:none; padding-right:20px; overflow:hidden;}
#sitemap>ul>li {position:relative; padding:30px 0; border-top:1px solid #e8e8e8; overflow:hidden;}
#sitemap>ul>li.on {height:auto;}
#sitemap>ul>li:first-child {border-top:0;}
#sitemap>ul>li>a {display:block; float:left; height:30px; font-weight:500; font-size:20px; line-height:36px;}
#sitemap>ul>li>ul {float:right; width:80%; line-height:24px; overflow:hidden;}
#sitemap>ul>li>ul>li {float:left; width:25%; margin-bottom:30px; padding:3px 10px 0 0;}
#sitemap>ul>li>ul>li:nth-child(4n+1) {clear:both;}
#sitemap>ul>li>ul>li>a {font-weight:500;}
#sitemap>ul>li>ul>li>ul {color:#767676; font-size:14px; margin-top:3px;}
#sitemap>ul>li>ul>li>ul>li {padding:3px 0;}
#sitemap .btn-open, #sitemap .btn-close {position:absolute; right:0; top:0; padding:0 26px; height:96px; line-height:96px; text-align:right; background-color:#fff;}
/*#sitemap>ul>li>.btn-open .ico {width:21px; height:21px; background-image:url(/web/images/global/ico-plus-thin.png);}*/
#sitemap>ul>li>.btn-close {display:none;}
#sitemap>ul>li.on>.btn-close {display:block;}
/*#sitemap>ul>li.on>.btn-close .ico {background-image:url(/web/images/global/ico-minus-thin.png); background-size:auto; background-position:center 20%;}
*/

.contentWrap{padding-top: 91px;}

/* footer */
.new_footer *{ font-family:'Roboto', 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; box-sizing: border-box; letter-spacing: -0.6px;}
.new_footer .inner {
    position: relative;
    width: 1440px;
    margin: 0 auto;
}
.new_footer .policy-area {position:relative; height:70px; border-bottom:1px solid rgba(255,255,255,0.1);}
.new_footer .policy-menu {float:left; color:#919191;}
.new_footer .policy-menu li {display:inline-block; margin-right:12px;}
.new_footer #footer .fix-width:after {display:block; clear:both; content:'';}
.new_footer #family-site {float:right;}
.new_footer #btn-family-toggle {height:70px; padding:0 20px; color:#fff; font-weight:500; font-size:13px; text-align:right;}
.new_footer #btn-family-toggle .ico {width:10px; height:10px; margin:-2px 0 0 8px; background-image:url(/web/images/global/ico-plus-sm-white.png);}
.new_footer #family-site dd {display:none; position:absolute; left:0; right:0; bottom:69px; height:327px; padding-top:50px; font-size:13px; background-color:#242527; z-index:100;}
.new_footer #family-site dd strong {display:block; margin-bottom:15px; color:#919191;}
.new_footer #family-site dd>ul {padding-left:137px; overflow:hidden;}
.new_footer #family-site dd>ul>li {float:left; line-height:26px; margin-right:67px;}
.new_footer #family-site a {color:#fff;}
.new_footer #family-site a:hover, #family-site a:focus {border-bottom:1px solid #fff;}
.new_footer #family-site.on #btn-family-toggle {background-color:#242527;}
.new_footer #family-site.on #btn-family-toggle .ico {background-image:url(/web/images/global/ico-minus-sm-white.png); background-size:auto;}
.new_footer #btn-family-close {position:absolute; top:50px; left:50%; width:20px; height:20px; margin-left:560px; line-height:20px; text-align:center;}
.new_footer .address-area {position:relative; clear:both; padding:30px 0 0 184px;}
.new_footer .address-area address {font-style:normal;}
.new_footer .ci-logo {position:absolute; left:0; top:16px;}
.new_footer .ci-logo a {display:block; vertical-align:top;}
.new_footer .address-info {overflow:hidden;}
.new_footer .address-info dt, .address-info dd {float:left; color:#fff; font-size:13px; line-height:26px;}
.new_footer .address-info dt {color:#919191;}
.new_footer .address-info dd {color:rgba(255,255,255,0.7);}
.new_footer .address-info dt:nth-child(4n+1) {clear:both; width:130px;}
.new_footer .address-info dd:nth-child(4n+2) {width:93px;}
.new_footer .address-info dt:nth-child(4n+3) {width:110px;}
.new_footer .address-info dd:nth-child(4n) {width:400px;}
.new_footer .address-info .btn-bizinfo {display:inline-block; height:20px; margin:-3px 0 0 5px; padding:0 7px; border:1px solid rgba(255,255,255,0.5); border-radius:2px; font-size:10px; line-height:18px;}
.new_footer .address-mark {margin: 7px 0 0 131px;  font-style: normal; color: rgba(255,255,255,0.7);  font-size: 11px; line-height: 13px;}
.new_footer .site-mark {position:absolute; top:25px; right:0;}
.new_footer .site-mark>* {margin-right:20px;}
.new_footer .coptright {margin-top:50px; color:#919191; font-size:12px; letter-spacing:0;}

.new_footer .policy-area{ display: flex; align-items: center; justify-content: space-between; max-width: 1440px; margin: 0 auto; border-bottom: 0;  }
.new_footer .policy-area .policy-menu li{ font-size:12px; line-height: 24px; height: 24px; vertical-align: middle; color: #a9a9a9 }
.new_footer .policy-area .policy-menu li a{ font-weight: 400}
.new_footer .policy-area .policy-menu li a strong{font-weight: 700;}
.new_footer .policy-area .policy-menu li:first-child a strong{color:#fff}
.new_footer .address-area {padding:0 0 0 138px;}
.new_footer .ci-logo{top: 0}
.new_footer .address-area p { font-style: normal; font-weight: 400; font-size: 12px; line-height: 26px; color: #A9A9A9;}
.new_footer .address-area p span{display:inline-block; position: relative;padding-right: 10px; margin-right:10px }
.new_footer .address-area p span:not(:last-child):after{content:""; display: block; position: absolute; top: 9px; right:0; width: 1px; height: 10px; background-color: #a9a9a9;}
.new_footer .address-area p span.last-line{margin-right:0}
.new_footer .address-area p span.last-line:after{display: none;}
.new_footer .policy-area .mark a{margin-left: 20px;}
.new_footer #footer{padding-bottom: 60px; background-color: #000;}
.new_footer #btn-totop {display: none; position: fixed; left: 50%; margin-left: 670px; bottom: 110px; width: 50px; height: 50px; padding-top: 8px; color: #000; font-size: 11px; font-weight: bold; border: 1px solid rgb(229, 229, 229); border-radius: 25px;
    text-align: center;
    line-height: 40px;
    background: #fff url(/web/images/global/ico-arr-up2.png) no-repeat center 13px;
    box-shadow: 3.214px 3.83px 13px 0px rgb(0 0 0 / 4%);
    z-index: 600;
}

.new_footer #footerSitemap { font-size: 12px; color: #bbb; line-height: 1.1; text-align: center; border-bottom: solid 1px #4a4a4c; background: #1e1f21; }
.new_footer #footerSitemap em { font-style: normal; }
.new_footer #footerSitemap strong { font-weight: normal; }
.new_footer #footerSitemap strong.eng { font-family: 'Roboto'; font-weight: 700; }
.new_footer #footerSitemap a { display: block; margin-right: 21px; padding: 4px 0; color: #bbb; }
.new_footer #footerSitemap .upper { height: 0; overflow: hidden; transition: height .3s ease-in-out 0s; }
.new_footer #footerSitemap .upper .innerwrap { border-top: solid 1px #343537; }
.new_footer #footerSitemap .upper .wrapper { text-align: left; padding: 20px 0 30px; }
.new_footer #footerSitemap .downer a em{ font-weight: 700; }
.new_footer #footerSitemap .downer { border-top: solid 1px #4a4a4c; } 
.new_footer #footerSitemap .downer a { margin: 0; padding: 27px 0; font-size: 13px; color: #a9a9a9; transition: background-color 150ms ease-in-out 0s; }
.new_footer #footerSitemap .downer a:hover { background-color: #333; } /* 1d1f20;  */
.new_footer #footerSitemap .downer a span { display: inline-block; position: relative; padding-right: 16px; min-height: 15px; line-height: 15px; }
.new_footer #footerSitemap .downer a span::before,
.new_footer #footerSitemap .downer a span::after { display: block; content: ''; position: absolute; top: 3px; right: 0; width: 2px; height: 2px; background-color: #a9a9a9; transition: transform .2s ease-in-out 0s; transform: rotate(0deg); }
.new_footer #footerSitemap .downer a span::before { width: 10px; height: 2px; margin-top: 4px; }
.new_footer #footerSitemap .downer a span::after { width: 2px; height: 10px; margin-right: 4px; transition-duration: .3s; }
.new_footer #footerSitemap .downer .off { display: none; }
.new_footer #footerSitemap.in .downer .on { display: none; }
.new_footer #footerSitemap.in .downer .off { display: inline-block; }
.new_footer #footerSitemap.in .downer a span::before { transform: rotate(180deg); }
.new_footer #footerSitemap.in .downer a span::after { transform: rotate(270deg); }
.new_footer #footerSitemap a.d1 { padding: 13px 0; margin-right: 21px; font-size: 16px; color: #fff; }
.new_footer #footerSitemap strong.d1 {
    padding: 0 0 20px 0;
    margin-right: 21px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: block;
}
.new_footer #footerSitemap a.d1 strong { font-weight: bold; }
.new_footer #footerSitemap a.d2 { padding: 5px 0; font-size: 12px; color: #fff; }
.new_footer #footerSitemap a.d2 strong, #footerSitemap a.d3 span { display: inline-block; position: relative; padding-right: 17px; font-weight: bold; }
.new_footer #footerSitemap a.d3 span { padding-right: 15px; font-weight: 300; }
.new_footer #footerSitemap a.d4 { font-size: 11px; color: #888; }
.new_footer #footerSitemap a.d4 span { padding-right: 15px; font-weight: 300; }
.new_footer #footerSitemap .col-d1 { float: left; width: 205px; height: 450px; padding-left: 20px;}
.new_footer #footerSitemap .col-d1.is-2x { width: 408px; }
.new_footer #footerSitemap .col-d1.is-3x { width: 608px; }
.new_footer #footerSitemap .col-d1::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #4a4a4c; }
.new_footer #footerSitemap .col-d1:last-of-type::before { display: none; }
.new_footer #footerSitemap .col-d1.is-2x a.d1 { width: 50%; }
.new_footer #footerSitemap .col-d1.is-2x ul.d2 { float: left; width: 50%; }
.new_footer #footerSitemap .col-d1.is-3x a.d1 { width: 33.33%; }
.new_footer #footerSitemap .col-d1.is-3x ul.d2 { float: left; width: 33.33%; }
.new_footer #footerSitemap .col-d1 {  opacity: 0;  transform: translate(0, -20px); transition:  opacity .3s cubic-bezier(0.45, 0, 0.55, 1) 0s, transform .3s cubic-bezier(0.45, 0, 0.55, 1) 0s;  }
.new_footer #footerSitemap.anim .col-d1 { opacity: 1; transform: translate(0, 0); }
.new_footer #footerSitemap.anim .col-d1:nth-child(1) { transition-delay: 50ms;}
.new_footer #footerSitemap.anim .col-d1:nth-child(2) { transition-delay: 100ms; }
.new_footer #footerSitemap.anim .col-d1:nth-child(3) { transition-delay: 150ms; }
.new_footer #footerSitemap.anim .col-d1:nth-child(4) { transition-delay: 200ms; }
.new_footer #footerSitemap.anim .col-d1:nth-child(5) { transition-delay: 250ms; }
.new_footer #footerSitemap{background-color: #000;}
.new_footer #footerSitemap a.d1 strong { font-style: normal; font-weight: 500; font-size: 16px;}
.new_footer #footerSitemap a.d2 strong,
.new_footer #footerSitemap a.d3 span{ font-style: normal; font-weight: 700; font-size: 12px;}
.new_footer #footerSitemap a.d3 span{font-weight: 400; }
.new_footer #footerSitemap a.d3[target=_blank]{position: relative;}
.new_footer #footerSitemap a.d3[target=_blank]:after{}
.new_footer #footerSitemap .fix-width{width: 1440px; margin: 0 auto}
.new_footer #footerSitemap .upper .wrapper{padding: 54px 0;}
.new_footer #footerSitemap .col-d1:nth-child(1){ padding-left: 0; }
.new_footer #footerSitemap li.d2{padding: 0 0 18px 0;}
.new_footer #footerSitemap a.d1 {padding: 0 0 20px 0;}
.new_footer #footerSitemap a.d2{padding: 0 0 5px 0;}
@media screen and (max-width:1440px) {
 #contents{min-width:1460px;}
}

/* 240926 GNB 개편 */
.new_footer #footerSitemap .col-d1 {height:370px;}