@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500;700&display=swap');
/* reset */
*{padding:0;margin:0;-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
fieldset,img{border:0 none;vertical-align:middle;}
dl,ul,ol,menu,li{list-style:none;list-style-type:none;}
ul:after, ol:after{display:block;height:0;content:"";float:none;clear:both;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
address,caption,cite,code,dfn,em,var{font-style:normal;}
a{color:inherit;text-decoration:none;background:transparent;}
a:focus,a:active,a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
th,td{padding:0;word-break:break-all;}
img{border:0 none;vertical-align:middle;max-width:100%;}
legend,.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap;}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.clear:after{content:'';display:block;clear:both;}
.hide{overflow:hidden;position:absolute;left:-9999px;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;margin:0 !important;padding:0 !important;}
/* form */
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder{color:#888;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
/*select{-webkit-appearance:none;cursor:pointer;}
select::-ms-expand{display:none;}
*/
input[type=button],
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:none;cursor:pointer;}
input[type=file]{line-height:1;padding:6px 10px 7px;border:1px solid #e5e5e5;background:#fff;color:#4d4d4d;cursor:pointer;font-size:12px;}
input[type=text]:read-only,
input[type=password]:read-only,
input[type=tel]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=url]:read-only,
input[type=file]:read-only{border:1px solid #e1e2e2;color:#4d4d4d;text-indent:10px !important;}
input[readonly],input[disabled]{border:1px solid #e1e2e2;color:#4d4d4d;text-indent:10px !important;}
input[type=checkbox]{vertical-align:middle;}
textarea{width:100%;padding:5px 7px;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:none;border:1px solid #e1e2e2;}
button{cursor:pointer;border:0;}
area:focus{/* outline:0;*/}
a,button,input,textarea,select,label{outline:none;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset!important;}
input{-webkit-border-radius:0;/*-webkit-appearance:none;*/}
/* mtree */
ul.mtree{margin-left:0;}
ul.mtree ul{margin-left:1em;}
ul.mtree > li{list-style:none;border-bottom:1px solid #212121;font-size:16px;background:#0d0d0d;}
ul.mtree a{display:block;}
ul.mtree > li > a{line-height:40px;font-size:15px;box-sizing:border-box;color:rgba(255,255,255,1);}
ul.mtree a{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;}
ul.mtree.bubba ul{margin-left:0;}
ul.mtree.bubba ul li{font-size:.9em;}
ul.mtree.bubba li.mtree-node > a:after{content:'›';margin-left:.5em;font-weight:normal;}
ul.mtree.bubba li.mtree-node > a{font-weight:bold;text-transform:upperCase;}
ul.mtree.bubba > li{border-bottom:1px solid #DDD;}
ul.mtree.bubba > li:last-child{border-bottom:none;}
ul.mtree.bubba li:last-child > a{border:none;}
ul.mtree.bubba > li.mtree-open > a{background:#DDD;}
ul.mtree.bubba li > a:hover{background:#DDD;}
ul.mtree.bubba li.mtree-active > a{background:#FFC000;color:#FFF;}
ul.mtree.bubba a{padding:7px 0px 7px 1em;}
ul.mtree.bubba li li > a{padding-left:2em;}
ul.mtree.bubba li li li > a{padding-left:3em;}
ul.mtree.bubba li li li li > a{padding-left:4em;}
ul.mtree.bubba li li li li li > a{padding-left:5em;}
ul.mtree.skinny li{font-size:.9em;}
ul.mtree.skinny a{padding:0px 18px;color:#555;}
ul.mtree.skinny a:hover{text-decoration:underline;}
ul.mtree.skinny li.mtree-node:before{float:left;margin-left:.5em;zoom:.8;margin-top:.1em;color:#777;}
ul.mtree.skinny li.mtree-open:before{content:'-';}
ul.mtree.skinny li.mtree-closed:before{content:'+';}
ul.mtree.skinny ul > li:first-child{margin-top:.1em;}
ul.mtree.skinny ul > li:last-child{margin-bottom:.3em;}
ul.mtree.skinny ul a{color:#666;}
ul.mtree.transit{background:#fff;}
ul.mtree.transit ul{margin-left:0;}
ul.mtree.transit ul > li{font-size:15px;line-height:40px;}
ul.mtree.transit li.mtree-node{position:relative;}
ul.mtree.transit li.mtree-node > a:before{color:#fff;font-weight:normal;position:absolute;right:20px;font-size:16px;}
ul.mtree.transit li.mtree-open > a:before{content:'-';font-size:16px;}
ul.mtree.transit li.mtree-closed > a:before{content:'+';}
ul.mtree.transit ul > li:first-child{margin-top:1px;}
ul.mtree.transit li.mtree-open > a{background:#0d0d0d;color:rgb(255,255,255);}
ul.mtree.transit li > a:hover/*, ul.mtree.transit li.mtree-active > a*/{background:#2a2a2a;color:#FFF;}
ul.mtree.transit li li.mtree-active > a{background:#2a2a2a;color:#FFF;}
ul.mtree.transit li li li.mtree-active > a{background:#2a2a2a;color:#000;}
ul.mtree.transit li.mtree-node > ul > li a:hover{background:#2a2a2a;color:#FFF;}
ul.mtree.transit li.mtree-node > ul > li:last-child{/* margin-bottom:.5em;padding-bottom:.5em;*/ border-bottom:none;}
ul.mtree.transit li.mtree-node:last-child > ul > li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
ul.mtree.transit a{padding:5px 0px 5px 25px;font-size:16px;}
ul.mtree.transit li li span a::before{content:'- ' }
ul.mtree.transit li.mtree-node li a:before{color:#000;}
ul.mtree.transit li.mtree-node li.mtree-active a:before{color :#fff;}
ul.mtree.transit li li > a{padding-left:15px;border-bottom:1px solid #e6e6e6;line-height:40px;height:40px;background:#fff;color:#000;font-size:15px;text-indent:15px;}
ul.mtree.transit li.mtree-open li.mtree-open a{background:#2a2a2a;}
ul.mtree.transit li.mtree-open li.mtree-open li a{background:#f7f7f7;}
ul.mtree.transit li.mtree-open li.mtree-open li a:hover{background:#2a2a2a;}
ul.mtree.transit li ul li:last-child > a{border-bottom:none;}
/*ul.mtree.transit li ul li ul li:last-child > a{border-bottom:1px solid #b9b9b9;}*/
ul.mtree.transit li li:last-child > a{border-bottom:none;}
ul.mtree.transit li li li > a{padding:0 3px;font-size:13px;height:40px;line-height:40px;border-bottom:1px solid #e4e4e4;background:#f7f7f7;color:#000;text-indent:30px;box-sizing:border-box;}
ul.mtree.transit li.mtree-node ul{background:#fff;border-bottom:1px solid #b9b9b9;}
ul.mtree.transit li li li li > a{padding-left:3.2em;}
ul.mtree.transit li li li li li > a{padding-left:4em;}
ul.mtree.jet li{margin-bottom:1px;}
ul.mtree.jet li:last-child{margin-bottom:0px;}
ul.mtree.jet li:first-child{margin-top:1px;}
ul.mtree.jet li.mtree-active a{background:#E3E3E3;}
ul.mtree.jet li.mtree-active li:last-child > a{border-radius:0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a{background:#008cba;color:#FFF;border-radius:3px 3px 0px 0px;}
ul.mtree.jet li > a:hover{background:#FFC000;color:#FFF;}
ul.mtree.jet a{padding:5px 0px 5px 1em;}
ul.mtree.jet li li > a{padding-left:2em;}
ul.mtree.jet li li li > a{padding-left:3em;}
ul.mtree.jet li li li li > a{padding-left:4em;}
ul.mtree.jet li li li li li > a{padding-left:5em;}
ul.mtree.nix{background:none;}
ul.mtree.nix a{display:inline;}
ul.mtree.nix ul{margin-left:1em;}
ul.mtree.nix ul > li{list-style-position:inside;}
ul.mtree.nix li{list-style:disc;}
ul.mtree.transit li li li > a:hover{background:#d2d2ea;color:rgb(0,0,0);}
/* common */
body{position:relative;height:100%;color:#282828;letter-spacing:-1px;font-family:'Noto Sans KR', sans-serif;}
section{clear:both;}
.float-right{float:right !important;}
.float-left{float:left !important;}
.bold{font-weight:700 !important;}
.pb0{padding-bottom:0 !important;}
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.pt0{padding-top:0 !important;}
.pt10{padding-top:10 !important;}
.pt20{padding-top:20 !important;}
.pt30{padding-top:30 !important;}
.pt40{padding-top:40 !important;}
.pt50{padding-top:50 !important;}
.pt60{padding-top:60 !important;}
.pt70{padding-top:70 !important;}
.pt80{padding-top:80 !important;}
.pt90{padding-top:90 !important;}
.pt100{padding-top:100 !important;}
.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10 !important;}
.pb20{padding-bottom:20 !important;}
.pb30{padding-bottom:30 !important;}
.pb40{padding-bottom:40 !important;}
.pb50{padding-bottom:50 !important;}
.pb60{padding-bottom:60 !important;}
.pb70{padding-bottom:70 !important;}
.pb80{padding-bottom:80 !important;}
.pb90{padding-bottom:90 !important;}
.pb100{padding-bottom:100 !important;}
.container{width:1380px;margin-right:auto;margin-left:auto;position:relative;clear:both;}
.containerin{width:1100px;margin-right:auto;margin-left:auto;}
.containerinfo{float:left;position:relative;width:100%;}
.containerheader{width:1100px;margin-right:auto;margin-left:auto;position:relative;text-align:center;clear:both;}
.w1200{width:1200px;}
.w1300{width:1300px;}
/* header */
.header{width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;box-sizing:border-box;z-index:14;padding-top:0;position: fixed;top:0;}
.header-nav-wrapper{margin:0 auto;position:relative;height: 115px;/* border-bottom:1px solid rgba(255,255,255,0.2); */padding:0 50px;box-sizing:border-box;}
.fp-viewing-sec01 .header-nav-wrapper, .fp-viewing-sec02 .header-nav-wrapper, .fp-viewing-sec03 .header-nav-wrapper, .fp-viewing-sec04 .header-nav-wrapper{border:none;}
.header.navbar-fixed-top{background:#fff}
.header.navbar-fixed-top .header-nav-wrapper{border-bottom:none;}
.header .gnb li a{padding:0 2px;display:block;letter-spacing:0;font-weight:500;font-size:12px;color:#333333;}
.header .gnb li:first-child a{padding-left:15px;}
.header .gnb li:last-child a{padding-right:0px;}
.header .gnb li a:hover{color:#eb6400;}
.header .sns a{display:inline-block;text-align:center;width:30px;height:30px;vertical-align:middle;margin-right:7px;}
.header .logo{line-height:85px;float:left;position:absolute;left:80px;z-index:1; top: 10px;}
.header .logo img{margin:0;z-index:1;}
.header .logo p{display:inline-block;}
.header .logo span{display:inline-block;margin-left:10px;padding:0 0 0 8px;line-height:26px;color:#544d4d;font-size:25px;font-weight:700;border-left:1px solid #a2a2a2;}
.header .gnb-area{text-align:center;padding-left:200px;}
.header .gnb-member{float:right;margin-top:40px;margin-right:80px;position:absolute;top:0;right:0;}
.header .gnb-member a{border:1px solid #a5a5a5;display:inline-block;padding:3px 0px;font-size:14px;color:#808080;font-weight:600;letter-spacing:-1px;width:80px;text-align:center;}
.header .gnb-area ul{}
.header .gnb-area ul li{display:inline-block;position:relative;padding:0px 15px 0;}
.header .gnb-area li > a{display:block;color:#202020;font-size:26px;font-weight:700;padding:0 ;text-align:center;letter-spacing:-2px;}
.header .gnb-area li:first-child a{padding-left:0;}
.header .gnb-area li > a:hover{color:#eb6400;}
.header .util-search{float:right;line-height:24px;}
.header .util-search a.search{display:inline-block;width:42px;height:42px;font-size:0;line-height:0;margin:0;background:url(../img/inc/search.png) no-repeat 0 0;}
.topsmenubg{float:left;padding:10px 0;border-bottom:1px solid #cccccc ;width:100%;}
.topsmenubg .smenu{float:right;}
.topsmenubg .smenu li{float:left;padding:0 12px 0 28px;color:#666666;line-height:22px;font-size:13px;}
.topsmenubg .smenu .a{background:url(../img/inc/hm_home.gif) left top no-repeat;}
.topsmenubg .smenu .b{background:url(../img/inc/hm_login.gif) left top no-repeat;}
.topsmenubg .smenu .c{background:url(../img/inc/hm_join.gif) left top no-repeat;}
/* allmenu */
.allMenu{width:0;position:absolute;top:0;right:0;/*background:url('../img/main/mainbg01.jpg') no-repeat center top;*/z-index:15;box-sizing:border-box;padding-top:250px;display:none;opacity:0;height:100%;width:100%;color:#cbcbce;background-size:cover;height:1200px !important;box-sizing:border-box;}
.allMenu .allMenuw{width:1230px;margin:0 auto;position:relative;height:100%;}
.allMenu .closeBtn{position:absolute;top:-120px;left:50%;cursor:pointer;margin-left:-38px;}
.allMenu .oneDeth ul{overflow:hidden;margin-bottom:25px;}
.allMenu .oneDeth ul li a{border:1px solid rgba(255,255,255,0.7);display:block;float:left;width:180px;height:55px;line-height:55px;text-align:center;font-size:20px;margin-right:30px;box-sizing:border-box;color:#ffffff;}
.allMenu .oneDeth ul li:last-child a{margin-right:0;}
.allMenu .allMenu-title{font-size:24px;color:#5b9dee;letter-spacing:-1px;}
.allMenu .allMenu-stitle{color:#626268;font-size:15px;font-weight:600;margin-bottom:30px;}
.allMenu .subm{float:left;width:180px;margin-right:30px;}
.allMenu .subm:last-child{margin-right:0;}
.allMenu .subm a{}
.allMenu .submlist a{border-bottom:1px solid rgba(255,255,255,0.2);padding-top:15px;padding-bottom:5px;display:block;font-size:16px;}
.allMenu .subtitle a{border-bottom:1px solid rgba(255,255,255,0.2);padding-top:15px;padding-bottom:5px;display:block;font-size:16px;}
.allMenu a:hover{color:#56ada3;}
.allMenu .sub{display:block !important;padding-top:10px;}
.allMenu .sub ul li{font-size:14px;}
.allMenu .sub ul li a{margin-left:0;color:#9897a1;}
.allMenu .side-txt{position:absolute;right:0;top:550px;}
.allMenu .side-menu{position:absolute;left:0;top:550px;width:180px;}
.allMenu .side-menu a:hover{color:#4f4e4e;}
/*
.allMenu .side-menu ul li{background:url(../img/images/gnbmenu_01w.png) no-repeat 20px 5px;height:60px;margin-bottom:10px;font-size:15px;line-height:120%;position:relative;padding-left:80px;border-bottom:1px solid rgba(255,255,255,0.5);padding-top:10px;color:rgba(255,255,255,1);}
.allMenu .side-menu ul li:nth-child(2){background:url(../img/images/gnbmenu_03w.png) no-repeat 20px 5px;}
*/
/*ALLMENU*/
.btn1 {
position: absolute;
width: 72px;
height: 64px;
top: 20px;
right: 80px;
cursor: pointer;
letter-spacing: 1px;
font-size: 14px;
/* background:#000000;*/
/*border: 1px solid rgba(255,255,255,0.7);*/
border: 1px solid rgba(0,0,0,1.00);
}
.btn1:after{/* content:'MENU'; */display:block;position: absolute;bottom: -2px;font-family: 'Futura-Medium';left: 15px;font-weight: 700;}
.btn1 .icon-line {
transition-duration: 0.5s;
position: absolute;
height: 3px;
width: 36px;
top: 30px;
background-color: rgba(0,0,0,1.00);
/*background-color: rgba(255,255,255,0.7);*/
left: 18px;
}
.btn1 .icon-line:before {
transition-duration: 0.5s;
position: absolute;
width: 36px;
height: 3px;
background-color: rgba(0,0,0,1.00);
/*background-color: rgba(255,255,255,0.7);*/
content: "";
top: -12px;
left:0;
}
.btn1 .icon-line:after {
transition-duration: 0.5s;
position: absolute;
width: 36px;
height: 3px;
background-color: rgba(0,0,0,1.00);
/*background-color: rgba(255,255,255,0.7);*/
content: "";
top: 12px;
left:0;
}
.lang {position: absolute;top: 33px;right: 160px;font-family: 'Futura-Medium';font-weight:700;font-size: 15px;}
.header .lang a{margin:0 5px; color:#c6c6c6}
.header .lang a.on{color:#818181;}
.subheader .btn1{border: 1px solid rgba(0,0,0,1.00) }
.subheader .btn1 .icon-line:before{background: rgba(0,0,0,1.00)}
.subheader .btn1 .icon-line{background: rgba(0,0,0,1.00)}
.subheader .btn1 .icon-line:after{background: rgba(0,0,0,1.00)}
/* gnb */
/*.gnb-sub{display:none;position:absolute;top:100px;width:100%;z-index:22;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.4);background:#fbfdff;}
.gnb-sub .gnbmenu{display:inline-block;margin:0 auto;box-sizing:border-box;padding-left:200px;}
.gnb-sub .gnbmenu .subm{float:left;position:relative;padding:10px 10px 0;min-width:110px;text-align:left;font-size:14px;color:#1f1f1f;font-weight:500;}
.gnb-sub .gnbmenu .submlist a{height:40px;border-bottom:1px solid #d4d4d4;line-height:40px;display:block;}
.gnb-sub .gnbmenu .submlist a:hover{color:#eb6400;}
.gnb-sub .gnbmenu .sub01{padding-left:0;min-width:130px;}
.gnb-sub .gnbmenu .sub04{min-width:80px;}
.gnb-sub .subtitle a{display:block;padding-right:30px;height:40px;line-height:40px;background:url(../img/inc/gnbmin.png) left 97% center no-repeat;border-bottom:1px solid #d4d4d4;}
.gnb-sub .subtitle a:hover{color:#eb6400;}
.gnb-sub .sub_on a{display:block;padding-right:30px;background:url(../img/inc/gnbplus.png) left 97% center no-repeat;}
.gnb-sub .gnbmenu .subm .sub a{font-size:12px;color:#737373;padding-left:1px;height:26px;line-height:26px;display:block;}
.gnb-sub .gnbmenu .subm .sub a:hover{color:#eb6400;}
.gnb-sub .gnbmenu .subm .sub a::before{content:'- ';}
.gnb-sub .gnbmenu .subm .sub ul li:last-child{border-bottom:1px solid #d4d4d4;}
*/
.gnbsub .submlist a, .subtitle a{display:block;color:rgba(255,255,255,0.7);font-size:16px;font-weight:500;display:block;text-transform: capitalize;padding:2px 0;letter-spacing: 0;}
#menu{position:fixed;background:#1d1d1d;width:570px;right: -570px;top:0;bottom:0;height:100%;padding-left:70px;box-sizing: border-box;padding-top: 120px; z-index: 1;}
.gnbsub > ul > li{color:rgba(255,255,255,1);font-size:30px;font-weight:500;display:block;text-transform:uppercase;cursor: pointer;padding: 15px 0 ;line-height: 90%;}
#menu .menuclose{position:absolute; right:70px; top:30px; cursor: pointer;}
#menu .gnbsub{padding-top:120px; padding-bottom: 200px;}
#menu .lang{right:inherit; left: 50px;}
#menu .footer{letter-spacing:0;}
#menu .footer .footst{font-size:14px;}
.subm{border-left:1px solid rgba(255,255,255,0.3);padding-left: 10px;margin-left: 10px;margin-top: 10px; display:none}
.gnbsub .subtitle .sub a{color:#f6a393;font-size:12px;padding-left: 5px;/* line-height: 160%; */letter-spacing: 0;}
#menu .gnbActive, #menu .gnbActive > a { color:#fff; font-weight:bold;}
#menu .gnbActive .subm { display:block;}
#menu .subm .sub { display:none;}
#menu .subm .sub_on .sub { display:block;}
/* search all */
.search_wrap{z-index:999;display:none;position:fixed;top:180px;width:100%;height:100%;background:#264593 url(../img/inc/patten-search.png) center 380px no-repeat;opacity:0.98;}
.search_wrap .closeTop{position:relative;top:20px;left:0;text-align:center;}
.search_wrap .closeBtn{margin:0 auto;width:1116px;text-align:right;opacity:0.7;}
.search_wrap .closeBtn:hover{opacity:1;}
.search_wrap .serti{margin-top:100px;color:#ffffff;font-size:29px;font-weight:500;letter-spacing:3px;}
.search_wrap .serti span{display:block;margin:0 auto;margin-top:10px;width:40px;height:1px;background:#ffffff;}
.search_wrap .search{position:relative;top:50px;left:0;}
.search_wrap .search .xans-element a{padding-left:10px;}
.search_wrap .search legend{visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;line-height:0;}
.search_wrap .search select{float:left;border:none;font-size:12px;display:block;height:35px;width:80px;}
.search_wrap .search fieldset{position:relative;margin:0 auto;width:780px;height:50px;border:2px solid #2d9bc4;background:#ffffff;}
.search_wrap .search .seimg{display:inline-block;position:absolute;right:-45px;top:-2px ;padding-left:10px;width:50px;height:52px;border:1px solid #2d9bc4;background:#2d9bc4;cursor:pointer;}
.search_wrap .search .seimg input{position:relative;left:-3px;top:3px;}
.search_wrap .search .xans-layout-searchheader #keyword{float:left;margin:10px 0 0 10px;padding:0;width:750px;height:30px;color:#7c8389;font-size:16px;border:0;border-left:2px solid #c2dee8;background:#fff;}
/* lnb */
/* lnb */
#lnb{display:inline-block; zoom:1; font-size:14px; }
#lnb:after{display:block; clear:both; content:''; }
#lnb > .lnb_area{float:left; position:relative; width:auto; height:auto; z-index:1; min-width: 150px; height: 60px; line-height:60px; position:relative}
#lnb > .lnb_area:after{content:''; display:block; width:1px; height:30px; background:rgba(255,255,255,0.3); position:absolute; top:15px;right:0; }
#lnb > .active {margin-top: -1px; padding-top: 1px; }
#lnb > .lnb_area > a{position:relative;display:block; padding:0 45px 0 20px; width:auto; height:60px;line-height:60px;text-decoration:none; font-size:15px; color: #fff; }
#lnb > .navi_dpleft > a{width:225px; height:37px; border:1px solid #e5e5e5; box-sizing:border-box; line-height:37px; }
#lnb > .lnb_area > a:after{display: block;
right: 20px;
top: 30px;
position: absolute;
content: '';
top: 28px;
right: 10px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #fff;}
#lnb>.lnb_area.active > a:after{
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 5px solid #ffffff;
border-top: none;
}
#lnb > .lnb_area > .lnb_list{ display: none; position: relative; background-color:#fff; border: 1px solid #525252; border-top: 0; background-color: #45454f; color: #cccccc; }
#lnb > .lnb_area > .lnb_list a{ display: block; padding: 0 5px; line-height: 40px; font-size: 90%; border-bottom: 1px dotted #6d6d6d; }
#lnb > .lnb_area > .lnb_list li:last-child a{ border-bottom: 0; }
#lnb > .lnb_area > .lnb_list a:hover{ color: #f96f1f; }
#lnb>.lnb_area:first-child .navi_dp2_list{left:0; top:49px; }
.lnb_list > .lnb_a > a{font-weight:700;font-family: 'Futura-Medium';text-transform:uppercase;font-size: 15px;letter-spacing: 0px;display: block;border: 0px solid #ede7e7;border-bottom: none;/* text-align: left; *//* padding-left: 5px; */line-height: initial;padding: 10px 0;}
.lnb_list > .lnb_a > a:hover, .lnb_list > .lnb_a > a:active{background-color:#f8f8f8;}
.navbar-fixed-top .lnb_area .lnb_list .lnb_a a {color: #fff;}
.navbar-fixed-top #lnb .active { border:0;}
.navbar-fixed-top { z-index: 1; position: fixed; top:0; width:100%; color: rgb(0,0,0); transition: background-color 200ms linear; color:rgba(255,255,255,1); background: #fff; border-bottom: 1px solid rgba(0,0,0,0.05);}
.subcontent .navbar-fixed-top{border-bottom:none !important; border-top:none !important; background: #303030;}
.navbar-fixed-top #lnb > .lnb_area{}
.navbar-fixed-top #lnb > .lnb_area>a{ color:rgba(255,255,255,1); height:60px;}
.subcontent .navbar-fixed-top .subnav-in .subhome{}
.navbar-fixed-top #lnb > .lnb_area:first-child > a { height:60px; }
.navbar-fixed-top #lnb > .active { }
.navbar-fixed-top .btn1{border: 1px solid rgba(0,0,0,1.00) }
.navbar-fixed-top .btn1 .icon-line:before{background: rgba(0,0,0,1.00)}
.navbar-fixed-top .btn1 .icon-line{background: rgba(0,0,0,1.00)}
.navbar-fixed-top .btn1 .icon-line:after{background: rgba(0,0,0,1.00)}
/* footer */
.footDiv{background:#282828;text-align:center;padding: 50px 0;}
.footer .foots{font-size:18px; font-weight:600}
.footer .footst{font-size:14px; padding-bottom:5px}
.footcp{font-size:10px; color:#5e5e5e letter-spacing:0; text-transform:uppercase }
.footxt{font-size:16px;}
.footxtw{border-bottom:1px solid rgba(255,255,255,0.2);/* padding:20px 0; */overflow:hidden;margin-bottom:20px;}
.footxt{float:left;}
.footpoly{float:right;}
.footpoly a{color:#bfbfbf;font-size:14px;padding:0 10px;}
.footpoly a.bold{color:#5dad3e;font-weight:400;}
.footxt .ft1{font-size:16px;font-weight:500;padding-bottom:10px;color: #fff;}
.footxt .ft2{padding:0px 0 20px 0;color:#c7c7c7;font-weight:300;font-size:14px;color:#dadada;letter-spacing:0;text-align: left;}
.footxt .ft2 span{padding-right:10px;}
.foots .ft3{font-size:12px;letter-spacing:0;text-transform:uppercase;color:rgba(255,255,255,0.4);text-align: left;}
.foots .ft4{font-size:11px;color:rgba(255,255,255,0.4);letter-spacing:0;}
.foots{position:relative;text-align: left;}
.familysite{position:absolute;color:rgba(255,255,255,0.4);right:0;top:0;}
.familysite select{width:275px;height:40px;padding-left:10px;border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.4);font-size:13px;cursor:pointer;background: no-repeat;}
.familysite select option{color:#000000;}
.footpoly a.on{color: #ff9003}
#menu .footer{color:#c6c6c6; text-align:left}
.snsmenu{position:fixed;overflow:hidden;bottom:50px;left:80px; }
.quickmenu{position:fixed;overflow:hidden;bottom:50px;right:80px; text-align:right; font-family: 'Nanum Myeongjo', serif; color:#484848; letter-spacing:-2px;}
.quickmenu .qucick-arr{cursor:pointer; clear: both;}
.mumDiv .munc1{ font-weight:800; font-size:22px; padding-bottom:13px}
.mumDiv .munc2{font-size:20px; font-weight:600; padding-bottom:13px;}
.mumDiv .munc3{font-size:15px; padding-bottom:10px; letter-spacing:0; font-weight:600;}
.mumDiv .munline{width:40px; height:1px; background:rgba(204,204,204,1); float:right; margin-bottom:40px}
.tagmenu{position:absolute;margin-left:650px;left:50%;top:560px;display:none;}
/* sitemap, 이용약관, 개인정보처리방침 시작 */
.sitemap{clear:both;margin:0 auto;width:1200px;height:1024px;}
.sitemap ul li{float:left;margin:0 15px;width:30%;height:650px;}
.sitemap ul li a{display:inline-block;width:100%;font-size:17px;font-weight:500;color:#545454;text-align:center;line-height:45px;border:1px solid #d8d8d8;background-color:#f7f7f7;border-radius:0;}
.sitemap ul li a:hover{color:#000000;}
.sitemap ul li ul li{width:100%;height:auto;clear:both;border-bottom:1px dotted #dfdfdf;margin:0;}
.sitemap ul li ul li a{text-decoration:none;text-indent:15px;font-size:14px;font-weight:500;background:none;text-align:left;line-height:40px;border:0;}
.sitemap ul li ul li a:hover{color:#000000;}
.sitemap ul li ul li ul{border-top:0;padding:3px 0;padding-left:10px;background-color:#f9f9f9;}
.sitemap ul li ul li ul li{border-bottom:0;margin:0;}
.sitemap ul li ul li ul li a{text-decoration:none;font-size:13px;line-height:25px;font-weight:300;}
.sitemap ul li ul li ul li a:hover{color:#000000;}
.sitemap ul li ul li ul li ul{padding-left:5px;border-top:1px dotted #e3e6db;background-color:#f3f5ee;}
.sitemap ul li ul li ul li ul li{height:23px;line-height:23px;}
.sitemap ul li ul li ul li ul li a{padding-left:7px;width:auto;line-height:20px;font-size:12px;background:url(../img/inc/bullet_sitemap.gif) 0 9px no-repeat;}
.sitemap .SiteMap1{height:auto;}
.stipul_con{padding:30px 35px 0;margin-bottom:10px;text-align:justify;border:1px solid #dfdfdf;background:#fff;letter-spacing:0;overflow:auto;height:300px;}
.stipul_con h5{font-weight:500;font-size:16px;margin-bottom:10px;}
.stipul_con ul{margin-bottom:30px;}
.stipul_con ul li{margin-bottom:15px;padding-left:10px;font-weight:300;font-size:13px;word-wrap:break-word;word-break:keep-all;}
.stipul_con ul li strong{font-weight:500;}
.stipul_con ul li ol li{margin-top:3px;margin-bottom:5px;padding-left:10px;font-weight:300;}
.stipul_height{height:500px;}
.private_con p.private_info{margin-bottom:30px;padding:20px;font-size:13px;line-height:1.7;border:1px solid #dfe0e0;background:#f5f5f5;}
.private_con ul li ol li{padding-left:10px;text-indent:-7px;}
.private_con ul li ol li p{padding-left:7px;text-indent:0;}
/* sitemap, 이용약관, 개인정보처리방침 끝 */
.email_security ul li ol li{margin-left:25px;list-style:decimal;}
.email_security ul li ol li:first-child{margin-top:7px;}
.email_security ul li ol li{padding-left:5px;text-indent:0;}
.black_shadow{left:0px;top:180px;width:100%;height:100%;display:none;position:fixed;z-index:1;opacity:0.6;background-color:rgb(0, 0, 0);}
#hamburger{display:none;}
.mmain-top{display:none;}
.pc{display:block;}
.mobile{display:none;}
.mmain-top{display:none !important;}
@media only all and (max-width:1400px){
.container{width:100%; padding: 0px;box-sizing: border-box;}
.footDiv .inner{width:100%;min-width:100%;}
.header .gnb-area ul li{padding:0px 18px 0;}
.header .gnb-area li > a{font-size:24px;}
.header-nav-wrapper{width:100%;}
.header .gnb-member{margin-right:0;}
}
@media only all and (max-width:1200px){
.header .logo img{width:180px;}
.header .gnb-area li > a{font-size:20px;}
.subcontent{padding-top:70px; }
.quickmenu, .tagmenu{display:none !important;}
}
@media only all and (max-width:1024px){
.header-nav-wrapper{display:none;}
#hamburger{right:0px;top:0px;width:100%;height:100%;display:block;position:fixed;z-index:99999;display:none;overflow-y:auto;}
#hamburger .hamburger_inner{background:rgba(255,255,255,1);}
#hamburger button{float:right;margin-right:10px;background:#ffffff;display:inline-block;padding:4px 7px;color:#000000;border:1px solid #474e61;font-size:14px;font-weight:500;font-family:'Noto Sans KR';}
#hamburger .mlogin{padding-left:10px;padding-top:10px;padding-bottom:10px;height:30px;background:rgba(255,255,255,1);position:relative;}
.hamburger_inner .close{top:20px;right:-25px;position:absolute;}
.hamburger_inner .close img{width:50%;}
.gnb-member{display:none;}
.topsmenubg{display:none;}
#lnb > .lnb_area > a{ font-size: 13px; padding: 0 20px 0 10px;height: 50px; line-height: 50px; }
#lnb > .lnb_area{ width: 33.3%; box-sizing: border-box; }
#lnb > .lnb_area:first-child > a{ border-left: 0; }
#lnb > .lnb_area:nth-child(3){ border-right: none; }
#lnb > .lnb_area:nth-child(4){ display: none; }
.lnb_list > li > a{ padding: 10px 0 10px 10px; font-size: 12px; }
.hiddenoverw{display:none;}
.container{width:96%;}
.containerin{width:96%;}
.header{position:fixed;height:70px;border-bottom:1px solid rgba(255,255,255,0.4);height:70px !important; padding:0}
.header .m-search{position:absolute;left:10px;top:0;}
.header .m-search a.search{background-size:35px;}
.mmain-top{display:block;}
.mmain-top{display:block !important;width:100%;position:relative;overflow:hidden;border-bottom:1px solid rgba(204,204,204,0.5);background: #ffffff;/*background: #000;*/}
.mmain-top nav{position:absolute;top:22px;right:10px;}
.mmain-top h1{font-size:26px;line-height:55px;/*text-align:center;*/margin-left: 20px;}
.mmain-top h1 img{/* width: 127px; */position: relative;/* top: -5px; */}
.mmain-top h1 p{display:inline-block;line-height:70px;}
.mmain-top h1 span{display:inline-block;margin-left:10px;padding:0 0 0 8px;line-height:20px;color:#544d4d;font-size:20px;font-weight:700;border-left:1px solid #a2a2a2;}
.mmain-top .msearch{position:absolute;top:0px;right:10px;cursor:pointer;}
.search_wrap{top:70px !important;background-size:90%;background-position:center 270px;}
.search_wrap .search fieldset{width:90%;margin:0 5%;}
.search_wrap .search .seimg{right:0px;}
.search_wrap .search .xans-layout-searchheader #keyword{width:60%;}
.search_wrap .closeTop{position:absolute;right:5px;}
.search_wrap .closeBtn{width:auto;}
.search_wrap .search{top:100px;}
.sitemap{clear:both;width:100%;}
.sitemap ul li{margin:0 4px;width:47%;height:360px;}
.sitemap ul li a{font-size:15px;line-height:35px;}
.sitemap ul li ul li a{font-size:12px;line-height:35px;}
.sitemap ul li ul li ul li a{font-size:12px;}
.sitemap .SiteMap5{height:265px;}
.sitemap .SiteMap6{height:265px;}
.sitemap .SiteMap7{height:265px;}
.footDiv .inner{width:100%;min-width:100%;}
.footer .select_box{width:100%;background-position:90% center;}
.footer .select_box select{margin:0 auto;width:100%;padding-right:0;padding-left:0;padding-left:20px;box-sizing:border-box;}
.footlogo{padding-right:0;text-align:center;margin:0 auto;width:180px;float:none !important;margin-bottom:50px;}
.footlogo img{width:100%;}
.footaddress .addressGrap{width:100%;border-right:none;padding:0 3%;box-sizing:border-box;}
.footaddress .copyright{margin-bottom:20px;text-align:center;}
.footaddress .copyright span{display:block;}
.footaddress .snsw{text-align:center;float:none;padding-right:0;clear:both;}
.footaddress{letter-spacing:0;padding-bottom:20px;overflow:visible;padding-top:20px;clear:both;}
.footaddress .addresstitle span{display:block;}
.footer .select_boxw{display:none;}
.footaddress .addresstitle{text-align:center;width:100%;font-size:12px;letter-spacing:-1px;}
.footaddress .addressbox{width:100%;}
.footaddress .addresstitle-m span{display:inline;}
.footaddress .addresstitle-m p{display:block;}
.footaddress .snsw{text-align:center;}
.footaddress .snsw .sns li{display:inline;float:none;margin-right:0;}
.footsnsw{position:relative;padding-bottom:40px;}
.footaddress .footsns{text-align:center;}
.container-w{padding:3%;}
/*.container{width:100%;}*/
.footaddress .container{padding:20px 0;}
.email_security ul li ol li{margin-left:15px;}
.email_security ul li ol li{padding-left:0px;}
.familysite{position: relative; margin-top: 20px;}
.familysite select{width: 100%}
.snsmenu{display:none;}
.footer .policybox{float:none;text-align:center;height:50px;}
.footer .policybox ul{display:inline-block;margin:0 auto;}
.footer .policybox ul li{float:none;display:inline-block;}
.footer .policybox li:last-child a{padding:0;}
.footpoly{float: none; text-align: center; padding-bottom: 10px}
.footDiv{padding: 20px 0 ;}
.footxt .ft1 {font-size:13px;}
.footpoly a {font-size:11px; }
}
}