@charset "utf-8";


html,body {font-family: 'Noto Sans KR', sans-serif; width:100%; font-weight:400; letter-spacing: -0.05em; min-width:360px;}
#doc {position:relative;min-width:320px; overflow:hidden; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
body {overflow-y:visible; overflow-x:hidden;}

.wrap{min-width:320px; margin: 0 auto; position: relative; z-index:1;}
.wrap:after{clear:both; content:""; display:block;}

/* header */
#header{position:relative; min-width:320px; z-index:9; width:1600px; min-width:320px; margin: 0 auto;font-family: 'GmarketSans'; font-weight:400;}

#header h1.t-logo{position:absolute; top:70px; left:0px; z-index:9;}
#header h1.t-logo a{width:280px; height:70px; display:block; background:url("/images/portal/logo.png") no-repeat 0 50%; }
#header .logoFlag{position:absolute; top:87px; left:185px; z-index: 9; width:60px;}
#header .logoFlag > img{max-width:100%;}


#header .header-top{position:relative; z-index:21; width:1600px; margin:0 auto;}
#header .header-top:after{clear:both; content:""; display:block;}
#header .header-top:before{position:absolute; top:0px; left:50%; width:2000px; margin-left:-1000px; height:100%; content:""; z-index:0; background:#f1f1f1; border-bottom:1px solid #dedede;}
@media all and (max-width:1280px){
    #header .header-top:before {width:100%; margin-left:0; left:0;}
}

.sub_link{position:absolute; top:0px; left:0px;}
.sub_link a.family {display:none;}
.sub_link li{ float: left; text-align: center; box-sizing: border-box; border-left:1px solid #dedede;}
.sub_link li.mo {display:none;}
.sub_link li a{line-height:54px; height:50px; display: block; color: #262d35; font-size:15px; padding:0px 20px 0px 15px;}
.sub_link li a.on{background-color: #455d88; color:#fff; font-size:18px;}
.sub_link li a span {padding-left:30px; display:inline-block; position:relative;}
.sub_link li a span::before {content:''; display:block; width:25px; height:25px; position:absolute; top:12px; left:0;}
.sub_link li:last-child {border-right:1px solid #dedede;}
.sub_link li:nth-child(1) a span::before{background:url(/images/common/spr_content.png) no-repeat 0px -193px; }
.sub_link li:nth-child(3) a span::before{background:url(/images/common/spr_content.png) no-repeat -25px -193px; }
.sub_link li:nth-child(2) a span::before{background:url(/images/common/spr_content.png) no-repeat -50px -193px; }
.sub_link li:nth-child(4) a span::before{background:url(/images/common/spr_content.png) no-repeat -75px -193px; }
.sub_link li:nth-child(5) a span::before{background:url(/images/common/spr_content.png) no-repeat -100px -193px; }
.sub_link li:nth-child(6) a span::before{background:url(/images/common/spr_content.png) no-repeat -125px -193px;}
.sub_link li:last-child a span::before{background:url(/images/common/spr_content.png) no-repeat -150px -193px;}

.sub_link li:nth-child(1) a.on span::before{background:url(/images/common/spr_content.png) no-repeat 0px -218px; }
.sub_link li:nth-child(3) a.on span::before{background:url(/images/common/spr_content.png) no-repeat -25px -218px; }
.sub_link li:nth-child(2) a.on span::before{background:url(/images/common/spr_content.png) no-repeat -50px -218px; }
.sub_link li:nth-child(4) a.on span::before{background:url(/images/common/spr_content.png) no-repeat -75px -218px; }
.sub_link li:nth-child(5) a.on span::before{background:url(/images/common/spr_content.png) no-repeat -100px -218px; }
.sub_link li:nth-child(6) a.on span::before{background:url(/images/common/spr_content.png) no-repeat -125px -218px; }
.sub_link li:last-child a.on span::before{background:url(/images/common/spr_content.png) no-repeat -150px -218px; }


@media all and (max-width:860px){    
    .sub_link a.family {display:block; line-height:54px; height:50px; color: #262d35; font-size:15px; border-right:1px solid #dedede; position:relative; padding-left:20px; width:180px; box-sizing:border-box;}
    .sub_link a.family::after {content:''; display:block; width:10px; height:6px; position:absolute; top:22px; right:20px; background:url(/images/common/spr_content.png) no-repeat right -208px;}
    .sub_link a.family.open::after {background:url(/images/common/spr_content.png) no-repeat right -223px;}
    .sub_link ul {display:none; position:absolute; top:50px; left:0; background:#fff; border:1px solid #dedede; box-sizing:border-box; width:180px;}
    .sub_link li {float:none;display:block; border-bottom:1px dashed #dedede; width:100%;}
    .sub_link li:last-child{border-bottom:0;}
    .sub_link li.mo {display:block;}
    .sub_link li a{padding:0 10px; font-size:14px!important; line-height:44px; height:40px; background:#fff!important; color: #262d35!important;}
    .sub_link li a.on, .sub_link li a.on:hover {background:#fff!important;}
    .sub_link li a span {padding:0;}
    .sub_link li a span::before {display:none;}
}

#header .header-top .gloval_topright {position:relative; float:right; z-index:100; border-right:1px solid #dedede;}
#header .header-top .gloval_topright a {height:50px; line-height:54px; font-size:15px; display:block; overflow:hidden; box-sizing: border-box; text-align:center; width:110px;}
#header .header-top .gloval_topright a span {display:inline-block; padding-left:25px; position:relative;}
#header .header-top .gloval_topright a span::before {content:''; display:block; width:20px; height:20px; background:url(/images/common/spr_content.png) no-repeat -215px -193px; position:absolute; top:17px; left:0;}

.langbox {position:absolute; top:50px; right:0; border:1px solid #dedede; border-radius:0 0 5px 5px; padding:5px; background:#fff; width:111px; z-index:100; box-sizing:border-box; display:none; }
.langbox li {text-align:center; border-bottom:1px dashed #dedede; }
.langbox li:last-child {border-bottom:0;}
.langbox li a {display:block; padding:5px 0px 0px 0px;}
.langbox li a:hover {background-color:#fff; color:#0000cc;}
.langbtn, .langbox {font-family: 'GmarketSans'; font-size:13px!important;}

@media all and (max-width:860px){
    #header .header-top .gloval_topright{border-left: 1px solid #dedede;}
}


#header .top-search{position:absolute; top:0; right:112px; border:1px solid #6e8ad3; width:300px; overflow:hidden;  z-index:21; box-sizing:border-box; height:50px;}
#header .top-search .input-btn{position:relative;}
#header .top-search .input-btn input[type="text"]{padding-left:1px; width:calc(100% - 50px); border:none; height:53px; font-size:16px; box-sizing: border-box; display:inline-block; padding:0px 10px;}
#header .top-search .input-btn .tsbtn{position:absolute; top:0; right:0px; width:50px; height:50px; display:block; border:0px; background:#6e8ad3 url("/images/common/spr_content.png") no-repeat -156px -102px; padding:0;}

#header .top-search .mo-btn{display:none;}
#header .mb-searchbtn{display:none;}
#header .toggle{display:none;}
#header .mb-closebtn{display:none;}

#header .header-top a:hover {background-color:#f7f7f7;}
.sub_link li a.on:hover{background-color: #455d88;}
#header .top-search .input-btn .tsbtn:hover{background-color:#6e8ad3!important;}
#header .top-search .input-btn a:focus{outline-offset:-3px; outline: 2px solid #ff0000;}
@media all and (min-width:768px){  
    .sub_link li a.on:hover {background:#455d88!important;}
}

@media all and (max-width:1600px){
    #header{width:100%;}
    #header h1.t-logo{left:20px;}
    #header .header-top{width:100%; height:50px;}
}

@media all and (max-width:1280px){
    #header{background:#fff; height:132px; border-bottom:1px solid #e1e1e1;}
    #header h1.t-logo{top:55px;}
    #header h1.t-logo a{width: 200px; background-size: 100%;}
    

    #header .mb-searchbtn{display:block; position:absolute; top:70px; right:74px; width:44px; height:44px; background:url("/images/common/msearch.png") no-repeat 50% 50%; cursor:pointer; z-index:20}
    #header .toggle{display: block;position: absolute;top:70px; right: 20px;width: 44px;height: 44px;background: url(/images/common/mmenu.png) no-repeat 50% 50%; cursor: pointer;z-index: 20;}
    #header .topsns {display:none;}

    #header .header-top .top-search{display:none;}
    

    #header.sc-active .top-search{ height:83px;}
    #header.sc-active .top-search{display:block; position:absolute; top:50px; left:0px; right:auto; width:100%; border:none; border-radius:0px; overflow:hidden; background:#6e8ad3; box-sizing:border-box; padding:15px 60px 15px 20px;}
    #header.sc-active .top-search .input-btn{position:relative; border-radius:5px; overflow:hidden; background:#fff;}
    #header.sc-active .top-search .input-btn input[type="text"]{}
    #header.sc-active .top-search .input-btn .tsbtn{background-color:#395394!important;}

    #header.sc-active .top-search .mo-btn{position:absolute; top:20px; right:15px; width:40px; height:40px; display:block; background:url("/images/common/searclose.png") no-repeat center; cursor:pointer; z-index:1; content:""; background-size:17px;}  
}


#header .gnb-wrap{margin:0px auto; z-index:0;}
#header .gnb-wrap:after{clear:both; content:""; display:block;}
#header .gnb-wrap:before{position:absolute; top:0px; left:50%; width:2000px; margin-left:-1000px; height:100%; content:""; background:#fff; border-bottom:solid 1px #e7e7e7; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
#header .gnb-wrap.active:before{background:#fff;}

body.sub #header .gnb-wrap:before{background:#fff;}

#header .gnb-wrap .gnb{position:relative;}
#header .gnb-wrap .gnb .mobile-top{display:none;}

#header .gnb-wrap a.moclose {display:none;}

@media all and (max-width:1280px){
    #header .gnb-wrap a.moclose {position:absolute; top:0; right:-40px; background:#333 url(/images/common/searclose.png) no-repeat 50% 50%; width:40px; height:40px; text-indent:-9999px; transition:all .3s; display:none; }
    #header .gnb-wrap a.moclose.on{right:400px; z-index:100; display:block;}

    #header .gnb-wrap .mobile-gnb .mobile-top {background-color: #fff;;}
    #header .gnb-wrap .mobile-gnb .mobile-top .t-logo{padding:11px 10px; }
    #header .gnb-wrap .mobile-gnb .mobile-top .t-logo a{width:100%; height: 70px; display: block; background: url(/images/portal/logo.png) no-repeat 50% 50%; }
    #header .gnb-wrap .mobile-gnb .mobile-top .selects {width:100%; }
    #header .gnb-wrap .mobile-gnb .mobile-top .selects a {text-align:center; background:#f7f7f7; color:#333; padding:12px 0px 10px 0px; display:block; border-top:1px solid #dedede;}
    #header .gnb-wrap .mobile-gnb .mobile-top .selects a span {padding-left:25px; position:relative; display:inline-block; }
    #header .gnb-wrap .mobile-gnb .mobile-top .selects a span::before {content:''; display:block; width:20px; height:20px; background:url(/images/common/spr_content.png) no-repeat -215px -193px; position:absolute; top:1px; left:0;}
    #header .gnb-wrap:before{width:100%; margin-left:0; display:none;}

}
@media all and (max-width:680px){
#header .gnb-wrap .mobile-gnb .mobile-top .t-logo{padding:11px 30px; }
#header .gnb-wrap .mobile-gnb .mobile-top .t-logo a {background-size:100%;}
#header .gnb-wrap a.moclose.on{right:300px;}

}

#header .gnb-wrap .gnb .top_menulist{width:calc(100% - 550px); margin-left:320px;}
#header .gnb-wrap .gnb .top_menulist li{text-align: center;}
#header .gnb-wrap .gnb .top_menulist li a{float:left; font-size:21px; color:#333; display:block; letter-spacing:-0.02em;  box-sizing:border-box;}
#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1{position:relative; text-align:center; width:20%; z-index:1;}
#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1 span {display:inline-block; line-height:115px; position:relative; }
#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1 span::after {content:''; display:block; height:16px; width:16px; background:url(/images/common/tover.png) no-repeat 50% 50%; position:absolute; bottom:5px; left:calc(50% - 8px); transition:all .2s; opacity:0;}
#header .gnb-wrap .gnb .top_menulist li.secs:hover a.depth1-1{color:#e90c79; }
#header .gnb-wrap .gnb .top_menulist li.secs:hover a.depth1-1 span::after {bottom:-8px; opacity:1;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb{position:absolute; top:115px; left:50%; width:2000px; margin-left:-1000px; height:auto; display:none; z-index:20; text-align:left; background:#fff; z-index:0; transition:all .2s; padding:30px 0px;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb:after{position: absolute;top: 0px;bottom: 0;right:0;width: 100%;height:auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; content:""; z-index:0; box-sizing:border-box;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb:before{display:block;position:absolute; top:0px; right:calc(50% + 520px); z-index: 1; width:calc(50% - 520px); height:100%; background:#f8f8fc url(/images/common/gnb_bg.png)no-repeat 0 0; content:''; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap{width:100%; max-width:1600px; margin:0 auto; position:relative; z-index:9999;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap:after{clear:both; content:""; display:block;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav{position:relative; padding:0px 0px 0px 310px;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav:after{clear:both; content:""; display:block;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit{position:absolute; top:0px; left:0px; box-sizing:border-box; padding:38px 0px 38px 0; width:240px; height:100%;  z-index:4; text-align:right; }
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit:before{position:absolute; bottom:0; right:-40px; width:100%; height:266px; content:"";background:url(/images/common/gnb_bg1.png)no-repeat 100% bottom; background-size:100%;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit .tit{font-size:36px; font-family: 'yg-jalnan';  font-weight:600; margin-bottom:10px; color:#333; line-height:120%; letter-spacing:-0.03em;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con{z-index:2; margin:0px;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth{width:18%; margin:1%; box-sizing:border-box; float:left; margin-bottom:20px; }
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth:after{clear:both; content:""; display:block;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con > div:nth-child(6) {clear:both;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con > div:nth-child(11) {clear:both;}

/*오버 2차 타이틀 */
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth2-1{position:relative; margin-bottom:10px; float:none; display:block; color:#555555;font-size:16px; font-weight: 500; border:1px solid #aaa;  padding:15px 10px 10px 10px;   transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease; text-align:center;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth:hover .depth2-1{background-color:#e90c79;; border:1px solid #e90c79; color:#fff;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth2-1.newin span{display:inline-block; position:relative; padding-right:25px}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth2-1.newin span::after {content:''; display:block; width:20px; height:20px; background: url("/images/common/new_link.png") no-repeat 50% 50%; position:absolute; top:calc(50% - 13px); right:0px;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth:hover .depth2-1.newin span::after {background: url("/images/common/new_link.png") no-repeat 50% 50%;}


/*오버 3차*/
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth3-1 {padding:5px;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth3-1 li{position:relative; text-align:left; padding-left:10px; margin-bottom:10px;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth3-1 li:before{position:absolute; top:4px; left:0px; width:4px; height:4px; background:#ceb48d; content:""; border-radius:50%;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth3-1 li a{position:relative; float:none; padding:0px; line-height:120%; font-size:14px; color:#626262; display:block; font-weight: 400;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth3-1 li a.newin span{padding-right:17px; background: url("/images/common/new_link.png") no-repeat right 50%;}

#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth3-1 li:hover:before{background:#323bb2;}
#header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-con .depth .depth3-1 li:hover a{color:#323bb2; text-decoration: underline;}



@media all and (max-width:1600px){
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb{ left:0px; width:100%; margin-left:0px; padding:10px 0px;}
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb:before{display:none;}	
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav{padding:0px 0px 30px 0px;}
    #header .gnb-wrap .gnb .top_menulist li .sub-gnb .sub-gnb-wrap .nav .nav-tit{display:none;}
}




@media all and (max-width:1280px){
    .mask-wrap{display:none; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;z-index:22;}
    .mask-wrap.on{display:block}

    #header .gnb-wrap{padding: 0px;}
    .top-wrap{padding:0px;}

    #header .gnb-wrap{border:none;height:auto;box-shadow:none; z-index:100;}

    #header .mobile-gnb{display:block; position:fixed; top:0px; right:-200%; height:100%;  background:#455d88; z-index:999; overflow-y:auto; transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;z-index:99999}
    #header .mobile-gnb.on{right:0; width:400px;}
    #header .mobile-gnb .top_menulist{z-index:50; }
    #header .mobile-gnb .top_menulist li{position:relative;}
    #header .mobile-gnb .top_menulist li a{display:block; padding:15px 50px 10px 20px}
    #header .mobile-gnb .top_menulist li a.depth1-1{position:relative; font-size:18px; background:#fff; color:#333; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-top:-1px;}
    #header .mobile-gnb .top_menulist li a.depth1-1.on{background-color:#e90c79; color:#fff;}

    #header .mobile-gnb .top_menulist li a.depth1-1:after{content:""; font-size:24px; position:absolute; right:20px; top:50%; font-weight:100; width:24px; height:24px; border-radius:50%;margin-top:-12px; background:#f2f2f2 url(/images/common/top_lang_down.png) 50% 50% no-repeat;}
    #header .mobile-gnb .top_menulist li a.depth1-1.on:after{background:#f2f2f2 url(/images/common/top_lang_up.png) 50% 50% no-repeat;}

    #header .mobile-gnb .top_menulist li .m-sub-gnb .sub-gnb-wrap .nav .nav-tit{display:none;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb{display:none; background:#eff0f2}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth2-1{position:relative; display:block; padding:10px 50px 10px 30px; border-bottom:1px solid #fff; color:#000; font-size:16px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth.has-sub .depth2-1:before{position:absolute; right:27px; top:50%; width:10px; height:10px; margin-top:-5px; background:url(/images/common/top_lang_down.png) 50% 50% no-repeat; content:"";}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth.has-sub .depth2-1.on:before{background:url(/images/common/top_lang_up.png) 50% 50% no-repeat;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth.has-sub .depth2-1.on{color:#b33e4c;}

    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth3-1{display:none; background:#fff; padding:10px 30px; font-size:16px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth3-1 li a{border:none; padding:5px 10px;display:block;color:#494f5a; position:relative;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth3-1 li a::before {content:''; display:block; width:5px; height:2px; background:#ccc; position:absolute; top:17px; left:0;}

    #header .mobile-gnb .top_menulist li a[target="_blank"] span {padding-right:15px; background:url(/images/common/new_link.png) right 50% no-repeat;}
}

@media all and (max-width:680px){
    #header .mobile-gnb.on{width:300px;}

    #header .mobile-gnb .top_menulist li a{display:block; padding:10px 40px 5px 15px}
    #header .mobile-gnb .top_menulist li a.depth1-1{font-size:15px;}
    #header .mobile-gnb .top_menulist li a.depth1-1:after{font-size:28px;}
    #header .mobile-gnb .top_menulist li a.depth1-1.on:after{font-size:36px;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth2-1{padding:8px 40px 8px 20px; font-size:14px;}
    #header .mobile-gnb .top_menulist li .m-sub-gnb .nav .depth .depth3-1{padding:5px 15px; font-size:14px;}
}

#header .topsns {position:absolute; top:90px; right:0;}
#header .topsns a {display:block; float:left; width:37px; height:37px; box-sizing: border-box; text-indent:-9999px; margin-right:5px; border-radius:50%;}
#header .topsns a.gt_instar {background:#ac29c1 url(/images/common/sns_in.png) no-repeat 50% 50%;}
#header .topsns a.gt_facebook {background:#305197 url(/images/common/sns_f.png) no-repeat 50% 50%;}
#header .topsns a.gt_blog {background:#30b14a url(/images/common/sns_b.png) no-repeat 50% 50%;}
#header .topsns a.gt_twitter {background:#000 url(/images/common/sns_t.png) no-repeat 50% 50%;}
#header .topsns a.gt_youtube {background:#d40d0d url(/images/common/sns_y.png) no-repeat 9px 8px;}

#container{position:relative;background:#fff; }
#container:after{display:block;clear:both;content:''}

.con_wrap {width:1600px; margin:0 auto; position:relative;}
.con_wrap:after {content:''; display:block; clear:both;}


.subcontent {margin:20px auto; z-index:2000;  position:relative;}
.subcontent #content {float:right; width:1200px; }
.subcontent #content:after{display:block;clear:both;content:''}


/* 왼쪽메뉴 */
.lnb-warp{width:333px; margin-top:0px; float:left; font-family: 'GmarketSans'; font-weight:400;}
.lnb-warp .lm-tit{padding:40px 0px; text-align:center; background:url(/images/common/left_bg.jpg) no-repeat right bottom; width:300px; border-radius:20px 20px 0px 0px; margin-bottom:10px;}
.lnb-warp .lm-tit .btit{font-size:34px; letter-spacing:-0.03em; line-height:120%; color:#fff; font-weight:600; }
.lnb-warp .lm-tit .bcopy {display:block; color:#fff; font-family: 'Noto Sans KR', sans-serif; }

.lnb-warp .leftmenu{display:block; position:relative;z-index:3 ; width:300px; border-top:1px solid #d6d7da;}
.lnb-warp .leftmenu ul {position:relative;line-height:130%;text-align:left;}
.lnb-warp .leftmenu ul:after {clear:both;content:"";display:block;}
.lnb-warp .leftmenu ul .lm_l2{position:relative;vertical-align:top; }
.lnb-warp .leftmenu ul .lm_a2{display:block; position:relative; z-index:1; font-size:20px; letter-spacing:-0.05em; color:#676365;border-bottom:1px solid #d6d7da; padding:19px 44px 14px 30px; border-left: 1px solid #d6d7da; background: #f6f6f6; border-right: 1px solid #d6d7da; box-sizing:border-box;}
.lnb-warp .leftmenu ul .over .lm_a2 {border-bottom:none; border-left:none; border-right:none; background:#2866cc; color:#fff; width:333px; border-radius:0px 30px 30px 0px; font-weight:600;}
.lnb-warp .leftmenu ul .lm_l2 .lm_a2:after{ width:20px; height:20px; margin-top:-10px; background:url(/images/common/spr_content.png) no-repeat -281px -3px; position:absolute; right:19px; top:50%; display:block; content:""}
.lnb-warp .leftmenu ul .lm_l2.newin .lm_a2:after {display:none;}
.lnb-warp .leftmenu ul .lm_l2.over .lm_a2:after {background:url(/images/common/spr_content.png) no-repeat -315px -3px; right:25px;}

.lnb-warp .leftmenu ul .lm_l2.newin .lm_a2 .isTxt{padding-right:20px; background:url("/images/common/new_link.png") no-repeat right;}
.lnb-warp .leftmenu ul .lm_l2.newin.over .lm_a2 .isTxt{padding-right:20px; background:url("/images/common/new_link.png") no-repeat right;}
.lnb-warp .leftmenu span{line-height:140%;}
.lnb-warp .leftmenu ul .over .depth3 {display:block;}

.lnb-warp .leftmenu ul.depth3{display:none; border-bottom:1px solid #ddd; padding:25px; font-size:14px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.lnb-warp .leftmenu ul.depth3 li {margin-bottom:5px;}
.lnb-warp .leftmenu ul.depth3 li:last-child {margin-bottom:0px;}
.lnb-warp .leftmenu ul.depth3 .lm_a3{display:block; font-weight:400; position:relative; color:#666; font-size:16px; letter-spacing:-0.05em; padding:5px 10px; line-height:120%;}
.lnb-warp .leftmenu ul.depth3 .lm_a3.over{color:#0d27bf; text-decoration:underline; }
.lnb-warp .leftmenu ul.depth3 .lm_a3:hover{color:#0d27bf;  }
.lnb-warp .leftmenu ul.depth3 .lm_a3:before{position:absolute; left:0px; top:13px; border-radius:50%; width:4px; height:4px; margin-top:-2px; background:#7d7d7d; display:block; content:""}
.lnb-warp .leftmenu ul.depth3 .lm_a3.over span{display:inline-block; }

.lnb-warp .leftmenu ul .lm_l3.newin .lm_a3 .isTxt{padding-right:17px; background:url("/images/common/new_link.png") no-repeat right;}



@media all and (max-width:1280px){
    .lnb-warp{display:none;}
}
/* 왼쪽메뉴 */






#container{position:relative;background:#fff; font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:300; margin-top:50px; z-index:0;}
#container:after{display:block;clear:both;content:''}
.con_wrap{width:1600px; margin:0 auto;}

.subcontent {margin:0px auto; z-index:2000;  position:relative;}
.subcontent #content {float:right; width:1200px; word-break: keep-all;}
.subcontent #content:after{display:block;clear:both;content:''}

.cont-top {position:relative; min-height:143px; margin-bottom:50px; z-index:2;}
.cont-top:after{background:url(/images/common/tit-bg.gif) repeat-x; width:100%; height:7px; position:absolute; left:0; bottom:0; display:block; content:""}
.cont_tit h2 {display:block; font-size:42px; color:#333; letter-spacing:-0.07em; font-family: 'GmarketSans'; line-height:1.2em; display:block; margin-top:20px; font-weight:400;}

.cont-top .navi-print-share{position:relative; }
.cont-top .navi-print-share:after{clear:both; content:""; display:block;}
.cont-top .navi-print-share .navi{margin-top:15px; float:left; overflow:hidden;}
.cont-top .navi-print-share .navi li{position:relative; float:left; padding:0px 4px 0px 12px;}
.cont-top .navi-print-share .navi li a { font-size:15px; color:#666; font-weight:400; display:block;}
.cont-top .navi-print-share .navi li a:focus{outline-offset:-3px}
.cont-top .navi-print-share .navi li::before{position:absolute; top:50%; left:0px; margin-top:-5px; content:""; width:10px; height:10px; display:block; background:url(/images/common/loca_bg.png) no-repeat 50% 50%;}
.cont-top .navi-print-share .navi li:last-child{padding-right:0px; font-weight:600;}
.cont-top .navi-print-share .navi li:last-child a {font-weight:600;}
.cont-top .navi-print-share .navi li.home{padding-left:0px; background:url(/images/common/home.png) no-repeat 50% 6px; text-indent:-9999px; width:20px; height:20px; display:inline-block;}
.cont-top .navi-print-share .navi li.home a {font-weight:300;}
.cont-top .navi-print-share .navi li.home::before {display:none;}


.cont-top .navi-print-share .print-share{position: absolute; right:0px; top:50px;}
.cont-top .navi-print-share .print-share:after{clear:both; content:""; display:block;}

.cont-top .navi-print-share .print-share .copy-btn{width:40px; height:40px; border-radius:50%; border:1px solid #535353; box-sizing:border-box; display:block; float:left;  background:url(/images/common/spr_content.png) no-repeat 10px -127px; margin-left:5px; transition:all .2s;}
.cont-top .navi-print-share .print-share .print-btn{width:40px; height:40px; border-radius:50%; border:1px solid #535353; box-sizing:border-box; display:block; float:left; background:url(/images/common/spr_content.png) no-repeat -36px -127px; margin-left:5px; transition:all .2s;}


.cont-top .navi-print-share .print-share .share{position:relative; float:left;}
.cont-top .navi-print-share .print-share .share .share-btn{width:40px; height:40px; border-radius:50%; border:1px solid #535353; box-sizing:border-box; display:block; background:url(/images/common/spr_content.png) no-repeat -86px -127px; transition:all .2s;}

.cont-top .navi-print-share .print-share .copy-btn:hover, .cont-top .navi-print-share .print-share .print-btn:hover, .cont-top .navi-print-share .print-share .share .share-btn:hover {background-color:#f2f2f2; border:1px solid #2866cc;}

.cont-top .navi-print-share .print-share .share .tit-btns{position:absolute; top:43px; right:0; width:40px; text-align:center; display:none; z-index:1;  box-sizing: border-box; border-radius:30px; border:1px solid #dedede; background:#fff; padding:2px 0px 5px 0px;}
.cont-top .navi-print-share .print-share .share.active .tit-btns{display:block;}
.cont-top .navi-print-share .print-share .share .tit-btns p {margin-top:3px;}


footer{border-top:1px solid #dedede; position:relative; margin-top:50px;  font-family: 'GmarketSans';z-index:1;}
footer .footer_wrap {position:relative; max-width:1600px; margin:0 auto;}

footer .fbanner {line-height:80px; position:relative; height:80px;}
footer .fbanner h3 {font-size:16px; margin-bottom:0; line-height:80px; color:#000; font-weight: bold; }
footer .fbanner .controll button{width:26px; height:26px;text-indent:-99999px;overflow:hidden;}
footer .fbanner .controll .next-slide{background:url('/images/common/slider01_next.png') no-repeat center center; margin:0 0; position:absolute; top:25px; left:125px;}
footer .fbanner .controll .prev-slide{background:url('/images/common/slider01_prev.png') no-repeat center center; margin:0 0; position:absolute; top:25px; left:75px;}
footer .fbanner .controll .stop-slide{background:url('/images/common/slider01_stop.png') no-repeat center center; margin:0 0; position:absolute; top:25px; left:100px;}
footer .fbanner .controll .start-slide{background:url('/images/common/slider01_play.png') no-repeat center center; margin:0 0px; position:absolute; top:25px; left:100px;}

footer .fbanner .controll a {background:url('/images/common/banner_more.png') no-repeat center center; margin:0 0px; position:absolute; top:25px; left:150px; width:26px; height:26px;text-indent:-99999px;}

footer .fbanner .banner_list {width:calc(100% - 200px); position:absolute; top:0; right:0; text-align:center;}
footer .fbanner .banner_list a { white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; display:block;}

footer .flink {min-height:60px; background:#666a7b; }
#f-family{ position:relative; margin-bottom:30px;  width:1600px; margin:0 auto; }
#f-family li{float:left; vertical-align:top; width:20% ; position:relative; z-index:1; margin:0;  text-align:left; }
#f-family li.over{z-index:5}
#f-family li a.mn_f1{  display:block;letter-spacing:-0.04em; font-size:18px; color:#fff; position:relative; border-left:1px solid #9b9ea9; box-sizing:border-box; padding:20px 15px 0 15px; height:60px;}
#f-family li a.mn_f1:after{ right:15px; top:50%;margin-top:-13px; width:27px; height:27px; background:url('/images/common/farrow.png') no-repeat 50% 50%; display:block; content:""; position:absolute;}
#f-family li.over a.mn_f1:after{}
#f-family li:last-child a.mn_f1 {border-right:1px solid #9b9ea9;}

#f-family li div.list-wrap{ position:absolute; left:0; bottom:0; width:100%; display:none;box-sizing:border-box;}
#f-family li div.list-wrap p {background:#323246; padding:15px 10px 13px 10px; color:#fff; font-size:16px;}
#f-family li div.list-wrap .close{ width:29px; height:30px;background:url(/images/common/searclose.png) no-repeat center center; position:absolute ; right:5px; top:10px; text-indent:-999999px;}
#f-family li div.list-gap{ background:#fff; border:1px solid #cfcfcf;}

#f-family li div ul{ font-size:15px;letter-spacing:-0.03em; color:#333; overflow:hidden; overflow-y:scroll; overflow-x:hidden; height:200px; padding:15px 10px;}
#f-family li div ul li{float:left;padding:2px 0; width:50%; box-sizing:border-box; margin-bottom:10px;}
#f-family li div ul li.fju {width:100%; border-bottom:1px dashed #dedede;}
#f-family li div ul li a{display:block; padding-left:7px;  }
#f-family li div ul li a:after{background:#8a95a2; width:2px; height:2px; position:absolute; left:0 ;top:12px;display:block; content:""}

#f-family li div ul.ww100 li {width:100%; }
@media all and (max-width:1400px){
    #f-family li div ul li{width:100%!important;}
}

footer .info_wrap{position:relative; max-width:1600px; margin:0 auto; box-sizing:border-box; min-height:260px; }
footer .info_wrap .footer_logo{position:absolute; top:35px; left:0px;}

footer .f-info {font-size:14px; color:#555555; letter-spacing:-0.03em; line-height:22px; position:absolute; top:35px; left:350px; }
footer .f-info::before {content:''; display:block; width:1px; height:180px; background:#dedede; position:absolute; top:0px; left:-50px;}
footer .f-info .tel {font-size:20px; color:#222; margin-bottom:15px;}
footer .f-info .addr {margin-bottom:10px;}
footer .f-info ul { margin-bottom:15px; }
footer .f-info ul li {display:inline-block; margin-right:20px;}
footer .f-info ul li a {color:#3061be; border-bottom:1px solid #3061be;}
footer .f-info .copy span {display:block; margin-bottom:10px;}

footer .f-link1 {position:absolute; top:35px; left:950px;}
footer .f-link1::before {content:''; display:block; width:1px; height:180px; background:#dedede; position:absolute; top:0px; left:-50px;}
footer .f-link1 li{ position:relative; }
footer .f-link1 li a{font-size:15px; color:#333; letter-spacing:-0.03em; display:block; line-height:30px; position:relative; padding-left:10px;}
footer .f-link1 li a::before {content:''; display:block; width:3px; height:3px; background:#333; position:absolute; top:12px; left:0;}
footer .f-link1 li.per a {color:#3366cc; margin-left:0; text-decoration: underline;}

footer .mark {position:absolute; top:35px; right:0;}
footer .mark::before {content:''; display:block; width:1px; height:180px; background:#dedede; position:absolute; top:0px; left:-50px;}

@media all and (max-width:1600px){
   .con_wrap{width:100%; padding: 0 20px;    box-sizing: border-box;}
   .subcontent #content{width:calc(100% - 400px);}
    footer .footer_wrap, footer .info_wrap, #f-family{width:100%;}
    
}

@media all and (max-width:1350px){
    footer .mark {display:none;}
}
 
@media all and (max-width:1280px){    
    footer .fbanner h3{padding-left:15px;}

    footer .info_wrap {text-align:center; }
    footer .footer_logo {display:none;}   
    footer .f-info {position:relative; top:0; left:0; margin-top:30px;}
    footer .f-info::before {display:none;}
    footer .f-info ul li {margin:0px 10px;}
    footer .f-link1 {position:relative; top:0; left:0; margin-top:30px;}
    footer .f-link1 li {display:inline-block; margin-right:3px;}
    footer .f-link1 li:first-child a {padding-left:0;}
    footer .f-link1 li:first-child a::before {display:none;}
    footer .f-link1 li a {display:inline-block;}
    footer .f-link1::before {display:none;}
   

    #container{margin-top:20px;}
    .subcontent #content{width:100%;}
    .cont_tit h2{font-size:30px;}
    .cont-top .navi-print-share .print-share .print-btn{display:none;}
}

@media all and (max-width:800px){
    #f-family li{width:100%; }
    #f-family li a.mn_f1{border-right:none; border-top:1px solid #9b9ea9}
    /* #f-family li div ul li {width:100%!important; } */
    footer .flink{height:auto;}
    footer .fbanner {display:none;}    
    footer .info_wrap {padding:0px 10px; }    
    .cont-top .navi-print-share .print-share {display:none;}    
}


/* page-info */
.page-info{margin-top:70px; border:1px solid #ddd; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.page-info .infos{padding:15px 40px; border-bottom:1px solid #ddd; background-color:#f7f7f7; position:relative; min-height:53px; box-sizing: border-box;}

.page-info .infos .btxt{font-size:16px;  color:#333; margin-right:75px; display:inline-block;}
.page-info .infos .btxt:last-child{margin-right:0px;}
.page-info .infos .btxt strong{position:relative; color:#15187c;padding-right:10px; margin-right:10px; font-weight:600;}
.page-info .infos .btxt.date {position:absolute; top:15px; right:30px;}
.page-info .infos::after {content:''; display:block; clear:both;}

.page-info .satisf{padding:30px 40px; position:relative;}
.page-info .satisf .apprai{width:60%; float:left; }
.page-info .satisf .apprai .apprai_txt {font-weight:600; padding-left:25px; color:#333; background:url("/images/common/man.png") no-repeat 0 4px; margin-bottom:25px;}

.page-info .satisf .apprai .mark{font-size:0px;  }
.page-info .satisf .apprai .mark .radios{position:relative; margin-right:40px;}
.page-info .satisf .apprai .mark .radios:last-child{margin-right:0px;}
.page-info .satisf .apprai .mark .radios input[type="radio"]{position:relative; width:auto; height:auto; margin:0px; clip:auto;}
.page-info .satisf .apprai .mark .radios input[type="radio"] + label{padding-left:5px;}
.page-info .satisf .apprai .mark .radios input[type="radio"] + label:before{display:none;}
.page-info .satisf .apprai .mark .radios input[type="radio"] + label:after{display:none;}


.page-info .satisf .input-btn{width:35%;  position:absolute; bottom:30px; right:40px; }
.page-info .satisf .input-btn input[type="text"]{width:80%; height:50px; margin-top:0;}
.page-info .satisf .input-btn .btntt{position:absolute; top:0px; right:0px; line-height:50px; font-size:16px; width:20%; text-align:center; background:#676364; color:#fff; z-index:1; font-weight:600;}


@media only screen and (max-width:1280px) {
    .page-info .infos .btxt.date {position:relative; top:0; right:0;}    
    .page-info .satisf .apprai{width:100%; float:none; margin-bottom:20px;}
    .page-info .satisf .input-btn{width:100%;  position:relative; bottom:0; right:0; }
}

@media only screen and (max-width:768px) {
    .page-info .infos {padding:15px 25px;}
    .page-info .infos .btxt {display:block; margin-right:0;}
    .page-info .infos .btxt strong{display:inline-block; width:100px; padding-left:10px; position:relative;}
    .page-info .infos .btxt strong::before {content:''; display:block; width:4px; height:4px; background-color:#2c395f; position:absolute; top:10px; left:0; border-radius:50%;}
    .page-info .satisf{padding:30px 25px;}
    .page-info .satisf .apprai .apprai_txt {margin-bottom:15px;}

}


/* 탭메뉴 정의 */
.tabmenu{margin-bottom:50px; padding-top:1px; position:relative;}
.tabmenu ul{width:100%; position:relative;}
.tabmenu ul.n01 li{width:100%;}
.tabmenu ul.n02 li{width:50%;}
.tabmenu ul.n03 li{width:33.33%;}
.tabmenu ul.n04 li{width:25%;}
.tabmenu ul.n05 li{width:20%;}
.tabmenu ul.n06 li{width:16.66%;}
.tabmenu ul.n07 li{width:14.28%;}
.tabmenu ul.n08 li{width:12.5%;}
.tabmenu ul.n09 li{width:11.11%;}
.tabmenu ul.n010 li{width:20%;}
.tabmenu ul.n011 li{width:16.66%;}
.tabmenu ul.n012 li{width:16.66%;}

.tabmenu li { position:relative; z-index:1; box-sizing:border-box; float:left;}
.tabmenu li a{ display:block; text-align:center; font-size:16px;  position:relative; background: #f1f1f1; color:#111; padding:25px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:1px; margin-top:1px;}
.tabmenu li a[target="_blank"] {padding-right:40px;}
.tabmenu li.on a{ background: #2c395f; color:#fff; font-weight:600; }

.tabmenu li a[target="_blank"]:after {content: ''; position: absolute; right:20px; top:30px; width: 13px; height: 13px; background:url('/images/common/new_link.png') 0 0 no-repeat; text-indent:-9999px; }

@media all and (max-width:1000px){
}
@media all and (max-width:680px){
    .tabmenu ul li{width:100%!important;}
    .tabmenu ul li a { font-size:15px; padding:15px 10px;}
    .tabmenu li a[target="_blank"]:after {top:20px;}
}