a:link{color:#555; text-decoration:none;}
a:visited{color:#555; text-decoration:none;}
a:hover{color:#555; text-decoration:none;}
a:focus{text-decoration:none;}
a:active{color:#555; text-decoration:none;}

html,body,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,blockquote,pre,button,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,iframe,article,aside,canvas,details,embed,figure,figcaption,header,footer,menu,nav,section,summary,audio,video{box-sizing:border-box;}
a,em,span{display:inline-block;margin:0;padding:0;box-sizing:border-box;}
video, audio{display:block; width:100%;}
iframe, textarea{width:100%; max-height:100%;}
textarea{max-width:100%;}
mark{background-color:transparent; color:inherit;}
[type='checkbox'], [type='radio'], select{cursor:pointer;}
[disabled], [readonly]{cursor:default;}
button, input, optgroup, select, textarea{border-width:0; font-weight:300;}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
select{overflow:visible; background-color:transparent;}
:after,:before{display:none;content:'';}
@media screen and (max-width:768px){
    .skip, caption, legend{overflow:hidden; font-size:0 !important;}
}

html, body{position:relative; height:100%;}
#wrapper{overflow:hidden; position:relative; width:100%; min-width:1100px;}
body{overflow-x:hidden; background-color:#fff; color:#555; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.03em; font-family: "Roboto", sans-serif; word-wrap:break-word; -webkit-text-size-adjust:none;}
@media all and (max-width:640px){
    body{font-size:14px; line-height:22px;}
}

/* wrap */
.wrap{position:relative; width:1100px; margin-right:auto; margin-left:auto;}
@media all and (max-width:1100px){
    #wrapper{min-width:660px;}
    .wrap{width:660px;}
}
@media all and (max-width:660px){
    #wrapper{min-width:0;}
    .wrap{width:auto; margin-right:0; margin-left:0; padding-right:30px; padding-left:30px;}
}

/* 상단 */
#header{position:fixed; top:0; left:0; right:0; z-index:30; width:100%; height:80px; padding:16px 40px; background-color:#fff; border-bottom:1px solid #dadada; transition:all 0.2s ease-in-out;}
#header.top{background-color:transparent; border-bottom:0;}
#header:before{opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; display:block; background:url('../../images/main/background/header_bg.jpg') no-repeat; background-size:100% 100%; transition:opacity 0.2s ease-in-out;}
#header.top:before{opacity:1;}
@media all and (max-width:1100px){
    #header{height:50px; padding:8px 10px 8px 17px;}
}
/* 본문 */
#container{position:relative; z-index:10; width:100%; background-color:#fff;}

/* 하단 */
#footer{position:relative; z-index:20; width:100%; background-color:#fff;}

/* screen */
#screen{visibility:hidden; overflow:scroll; position:absolute; width:100px; height:100px;}

/* slick */
.slick-slider{position:relative;}
.slick-list{overflow:hidden; position:relative;}
.slick-track{position:relative; top:0; left:0; margin-right:auto; margin-left:auto;}
.slick-track:before, .slick-track:after{display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left;}
.slick-slide.slick-loading img{display:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;}

/* 본문 바로가기 */
.accessibility{position:fixed; top:0; left:0; z-index:16777271; width:100%;}
.accessibility a{display:block; overflow:hidden; position:relative; height:0; padding-right:5px; padding-left:5px; text-align:center;}
.accessibility a:focus{height:auto; padding-top:5px; padding-bottom:5px; background-color:#000; color:#fff;}

/* 로고 */
.logo{position:absolute; left:17px; z-index:10; overflow:hidden;}
.logo_anchor{display:inline-block;}
.logo_name{padding-left:60px; font-size:28px; font-weight:500; line-height:48px; color:#000;     background:url('../../images/common/coin.png') no-repeat; background-size:48px 48px;}
#header.top .logo_name{color:#fff;background:url('../../images/common/coin_white.png') no-repeat; background-size:48px 48px;}
/* 메뉴 */
.lnb{float:right; overflow:hidden; transition:all 0.2s ease-in-out;}
.lnb .menu_list{}
.lnb .menu_item{display:inline-block;}
.lnb .menu_item + .menu_item{margin-left:65px;}
.lnb .menu_anchor{display:block; font-size:18px; color:#000; line-height:48px;}
#header.top .lnb .menu_anchor{color:#fff;}
.btn_open,
.btn_close{display:none;}
@media all and (max-width:1100px) {
    .logo_name{z-index:10; padding-left:44px; font-size:18px; line-height:34px; background-size:34px 34px;}
    #header.top .logo_name {color: #fff; background-size: 34px 34px;}
    .lnb{float:none; opacity:0; position:absolute; top:-270px; left:0; right:-1px; background-color:#fff;}
    #header.open .logo_name{background:url('../../images/common/coin.png') no-repeat;background-size: 34px 34px;color:#000;}
    #header.open .lnb{opacity:1; top:0; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
    .lnb .menu_list{padding:50px 17px 0 17px;}
    .lnb .menu_item{display:block;}
    .lnb .menu_item + .menu_item{border-top:1px solid #e2e2e2; margin-left:0;}
    .lnb .menu_anchor{padding:0 13px; font-size:15px; font-weight:400; color:#1a1a1a !important; line-height:53px;}
    .btn_open,
    .btn_close{display:block; position:absolute; top:7px; right:10px; width:36px; height:36px; font-size:0; background-repeat:no-repeat; background-size:36px 36px;}
    .btn_open{background-image:url('../../images/common/btn_open1.png');}
    #header.top .btn_open{background-image:url('../../images/common/btn_open2.png');}
    .btn_close{background-image:url('../../images/common/btn_close.png');}
}

/* 하단 */
#footer{position:relative; overflow:hidden; padding:40px 0 85px 0;}
#footer .link{margin-bottom:15px;}
#footer .link_item{position:relative; display:inline-block;}
#footer .link_item:before{display:block; position:absolute; top:0; bottom:0; left:10px; width:3px; height:3px; margin:auto 0; border-radius:50%; background-color:#1a1a1a; opacity:0.2;}
#footer .link_item + .link_item{padding-left:23px;}
/* ### 201118_수정 */
#footer .link_anchor{font-size:16px; font-weight:300; color:#1a1a1a; line-height:19px;}

/* ### 201118_수정 */
#footer .footer_logo{float:right; /*margin-top:37px;*/ width:150px;}

#footer .footer_info{float:left;}
#footer address{position:relative;}
#footer address span{font-size:16px; line-height:24px; color:#b5b5b5;}
#footer address .bar{margin:0 10px;}
#footer address b{font-weight:400; color:#555;}
#footer .info_copyright{font-size:16px; line-height:24px; color:#b5b5b5;}

/* 하단 배너모움 */
#footer .banner{position:relative; font-size:0; line-height:0;}
@media all and (max-width:1100px) {
    #footer{padding:20px 0 50px 0; text-align:center;}
    #footer .link_anchor{font-size:14px;}
    #footer .footer_logo{float:none; display:block; width:100px; margin:25px auto 0 auto;}
    #footer .footer_info{float:none; max-width:320px; margin:0 auto;}
    #footer .footer_info address{margin-top:8px; padding-top:65px;}
    #footer address .bar{display:none; margin:0 3px 0 6px;}
    #footer address .bar.m{display:inline-block;}
    #footer address span{font-size:12px; line-height:16px; letter-spacing:-0.24px; color:#b5b5b5;}
    #footer address div{position:absolute; top:0;}
    #footer address div span{font-size:14px; line-height:20px;}
    #footer address div span b{color:#555;}
    /* ### 201118_수정 */
    #footer .info_copyright{font-size:12px; line-height:16px; letter-spacing:-0.24px; color:#b5b5b5;margin-top:10px;}
}


/* ### 201119_추가 */
#sub_wrapper {overflow:hidden; position:relative; width:100%; /*min-width:1100px;*/}
#sub_wrapper #header { padding: 16px 25px; transition: none; }
#sub_wrapper #header:before { background-image: none; }
.header_name{ padding-left:60px; font-size:28px; font-weight:500; line-height:48px; color:#000; background:url('../../images/common/btn_close.png') no-repeat; background-size:48px 48px; pointer-events: none; }

/*
#sub_wrapper #container { position:relative; z-index:10; width:100%; background-color:#fff; padding: 120px 35px; box-sizing: border-box; }
#sub_wrapper #container *, #sub_wrapper #container p * { font-weight: 300; }
#sub_wrapper #container p strong { font-weight: 500; }
#sub_wrapper #container p span { margin-left: 40px; }
#sub_wrapper #container .tit strong { font-weight: 700; }
#sub_wrapper #container h4 { font-weight: 400; }
#sub_wrapper #container .wrap { width: 100%; padding: 15px 20px; box-sizing: border-box; background-color: #f7f7fa; }
#sub_wrapper #container ul li { margin-left: 40px; list-style: decimal; }
*/

#sub_wrapper #container { position:relative; z-index:10; width:100%; background-color:#fff; padding: 120px 35px; box-sizing: border-box; }
/* #sub_wrapper #container *, #sub_wrapper #container p * { word-break: keep-all; } */
#sub_wrapper #container .tit strong { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 25px; font-weight: 700; color: #000; }
#sub_wrapper #container p, #sub_wrapper #container > div { font-size: 16px; line-height: 25px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #666; }
#sub_wrapper #container p span { font-size: 16px; line-height: 25px; margin-left: 40px; }
#sub_wrapper #container > div strong { font-size: 20px; line-height: 26px; font-weight: 500; color: #111; /*text-decoration: underline*/ }
#sub_wrapper #container h4 { font-size: 16px; line-height: 25px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #666; }
#sub_wrapper #container .wrap { width: 100%; font-size: 16px; line-height: 25px; padding: 15px 20px; box-sizing: border-box; background-color: #f7f7fa; }
#sub_wrapper #container ul li { margin-left: 40px; font-size: 16px; line-height: 25px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #666; /*list-style: decimal;*/ }
#sub_wrapper #container table { width: 100%; max-width: 1000px; /*table-layout: fixed;*/ word-break: break-all; }
#sub_wrapper #container table th { background-color: #F1F1F4; font-family: 'Roboto', sans-serif; font-weight: 400; color: #000; }
#sub_wrapper #container table th,
#sub_wrapper #container table td { font-size: 15px; line-height: 22px; padding: 5px 10px; border: 1px solid #000; text-align: left; }
#sub_wrapper #container table th,
#sub_wrapper #container table td.center { text-align: center; }
#sub_wrapper #container table td { text-align: left; }


@media all and (max-width:1100px) {
    #sub_wrapper #header{height:50px; padding: 8px 20px;}
    .header_name{z-index:10; padding-left:44px; font-size:18px; line-height:34px; background-size:34px 34px;}
    
    #sub_wrapper #container { padding: 80px 30px; }
    #sub_wrapper #container p span { margin-left: 25px; }
    #sub_wrapper #container ul li { margin-left: 25px; }
    #sub_wrapper #container .wrap { padding: 15px; }
}

@media all and (max-width:600px) {
    #sub_wrapper #header { padding:8px 10px; }
    #sub_wrapper #container { padding: 80px 20px; }
}