@charset "utf-8";

/* 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;*/ }

/* searchmenu */
.searchmenu {overflow:hidden;margin:50px auto;  text-align:center }
.searchmenu ul li{display:inline-block;}
.searchmenu ul li a{ display:inline-block;width:220px; line-height:40px; line-height:40px; text-align:center; border:1px solid #dcdcdc; color:rgb(0,0,0); font-size:18px; cursor:pointer;  background:#f7f7f7; margin-bottom: 3px;}
.searchmenu ul li a.on, .searchmenu ul li a:hover{background:#4780a9; color:rgb(255,255,255); border:1px solid #4780a9}

/* mtree */
ul.mtree{ margin-left: 0; }
ul.mtree ul{ margin-left: 1em; }
ul.mtree > li{ list-style: none; border-bottom: 1px solid #4f786d; font-size: 16px; background: #377262; }
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: #377262; color: rgb(255,255,255); }
ul.mtree.transit li > a:hover/*, ul.mtree.transit li.mtree-active > a*/{ background: #488877; color: #FFF; }
ul.mtree.transit li li.mtree-active > a{ background: #488877; color: #FFF; }
ul.mtree.transit li li li.mtree-active > a{ background: #488877; color: #000; }
ul.mtree.transit li.mtree-node > ul > li a:hover{ background: #488877; 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: #488877; }
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: #488877; }
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: "Arial",'Microsoft Yahei',"Lucida Grande", "Tahoma", "Helvetica", "Noto Sans KR", "sans-serif"; -webkit-font-smoothing: subpixel-antialiased; }
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: 1200px; margin-right: auto; margin-left: auto; position: relative; clear: both; }

/* header */
.header{ z-index: 100; width: 100%; background-color: #ffffff; }
.header .header-nav-wrapper{ background-color: #ffffff; }
.header .header-nav-wrapper ul li{ float: left; }
.header .header-nav-wrapper ul li.admintop a{ color: #420bf2; }

.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: #488877; }
.header .sns a{ display: inline-block; text-align: center; width: 30px; height: 30px; vertical-align: middle; margin-right: 7px; }
.toplogo{position:relative;}
.toplogo .smenu{position:absolute; left:0;  bottom:10px}
.toplogo .smenu li{float:left;}
.toplogo .smenu li a{color:#858585; font-size:13px; padding-right:10px; font-weight:500}
.toplogo .lang{position:absolute; right:0; bottom:10px}
.toplogo .lang a{display:block; float:left; border:1px solid #656b7b; width:50px; height:30px; line-height:30px; margin-left:10px; padding-left:10px; box-sizing:border-box; color:#767676; font-size:13px; text-transform:uppercase; font-weight:500; letter-spacing:0; position:relative}
.header .logo{ margin: 35px 0 0 0; line-height: 55px; text-align:center }
.header .logo img{ margin: 0; }
.header .logo p{ display: inline-block; padding: 0 0 10px 0; line-height: 36px; vertical-align: bottom; }
.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 .maingnb{border-top:1px solid #d3d3d3 }
.header .gnb-area{ height: 85px; line-height: 85px; width:1200px; margin:0 auto; }
.header .gnb-area ul{}
.header .gnb-area ul li{ float: left; position: relative; padding:0 65px; }
.header .gnb-area li > a{ display: block; color: #333; font-size: 20px; font-weight: 500; padding: 0 ; text-align: center; }
.header .gnb-area li:first-child a{ padding-left: 0; }
.header .gnb-area li > a:hover{ color: #488877; }
.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; }

/* gnb */
.gnb-sub{ display: none; position: absolute; top: 145px; width: 100%; z-index: 222; padding-bottom: 20px;background: rgba(255,255,255,1);    border-top: 1px solid #d3d3d3; }
.gnb-sub .gnbmenu{ float: left; width: 1200px; box-sizing: border-box; }
.gnb-sub .gnbmenu .subm{ float: left; position: relative; margin-left: 20px; padding-top: 10px; width: 150px; font-size: 14px; color: #1f1f1f; font-weight: 500; padding-right: 30px; }
.gnb-sub .gnbmenu .sub01{ padding-left: 40px; }
.gnb-sub .gnbmenu .sub03{ padding-left: 10px; }
.gnb-sub .gnbmenu .sub04{ padding-left: 5px; }
.gnb-sub .gnbmenu .sub05{ padding-left: 10px; }
.gnb-sub .gnbmenu .submlist a{ height: 40px; border-bottom: 1px solid #d4d4d4; line-height: 40px; display: block; padding-left: 15px;}
.gnb-sub .gnbmenu .submlist a:hover{ color: #488877; }
.gnb-sub .subtitle a{ background: url(../img/inc/gnbmin.png) no-repeat 90% center; display: block; border-bottom: 1px solid #d4d4d4; height: 40px; line-height: 40px; }
.gnb-sub .subtitle a:hover{ color: #488877; }
.gnb-sub .sub_on a{ background: url(../img/inc/gnbplus.png) no-repeat 90% center; display: block; }
.gnb-sub .gnbmenu .subm .sub a{ font-size: 13px; color: #737373; padding-left: 8px; height: 26px; line-height: 26px; display: block; }
.gnb-sub .gnbmenu .subm .sub a:hover{ color: #488877; }
.gnb-sub .gnbmenu .subm .sub a::before{ content: '- '; }
.gnb-sub .gnbmenu .subm .sub ul li:last-child{ border-bottom: 1px solid #d4d4d4; }

/* 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{ display: inline-block; zoom: 1; font-size: 14px; }
#lnb:after{ display: block; clear: both; content: ''; }
#lnb > .lnb_area{ float: left; position: relative; width: 200px; height: auto; overflow: hidden; border-right: 1px solid #e5e5e5; z-index: 1; background-color: #fff; }
#lnb > .lnb_area > a{ position: relative; display: block; padding: 0 35px 0 20px; width: auto; text-decoration: none; font-size: 15px; color: #2f2f2f; }
#lnb > .lnb_area > a:hover{ color: #4780a9; }
#lnb > .lnb_area:first-child > a{ border-left: 1px solid #e5e5e5; }
#lnb > .lnb_area > a:after{ position: absolute; content: ''; top: 21px; right: 7px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #000000; }
#lnb > .lnb_area .active > a:after{ position: absolute; content: ''; top: 21px;right: 7px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #000000; border-top: none; }
#lnb > .lnb_area > .lnb_list{ display: none; position: relative; top: 100%; background-color: #fff; z-index: 10; }
#lnb > .active{ border: 1px solid #b1b1b1; margin-top: -1px; margin-left: -1px; padding-top: 1px; }
#lnb > .active a.lnb_n{ color: #4780a9; font-weight: 700; }
.lnb_list > .lnb_a > a{ display: block; padding: 7px 20px; width: auto; text-decoration: none; line-height: 20px; font-size: 13px; color: #585858; font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }
.lnb_list > .lnb_a > a:hover, .lnb_list > .lnb_a > a:active{ background-color: #eee6f3; }

/* footer */
.footaddress{ position: relative; background: #313037; overflow: hidden; color: #818181; letter-spacing:0px }

.footaddress .addresstitle span{ padding-right: 5px; }
.footaddress .addresstitle span.tel-w{ color: #53b3df; }
.footbox{width:590px; margin:40px auto; overflow:hidden}
.footbox .footlogo{float:left;}
.footbox .footxt{float:right; text-align:left; width: 420px; font-size:13px; color:#7d7d80}
.copyright{color:#a19ea0; font-size:12px; text-transform:uppercase; padding-top:10px;}

.quickmenu{ position:fixed; right: 0; overflow: hidden; width: 75px; bottom: 50px; }
.quickmenu .qucick-arr{ text-align: center; cursor: pointer; }

/* sitemap, 이용약관, 개인정보처리방침 시작 */
.sitemap{ clear: both; height: 1024px; }
.sitemap ul li{ float: left; margin: 0 15px; width: 30%; height: 550px; }
.sitemap ul li a{ display: inline-block; width: 100%; font-size: 17px; font-weight: 500; color: #2e4768; text-align: center; line-height: 45px; border: 1px solid #bf0041; background-color: #fff8f8; border-radius: 0; }
.sitemap ul li a:hover{ color: #276ac2; }
.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; color: #232323; font-size: 14px; font-weight: 500; background: none; text-align: left; line-height: 40px; border: 0; }
.sitemap ul li ul li a:hover{ color: #276ac2; }
.sitemap ul li ul li ul{ border-top: 0; padding: 3px 0; padding-left: 10px; background-color: #f8f9f5; }
.sitemap ul li ul li ul li{ border-bottom: 0; margin: 0; }
.sitemap ul li ul li ul li a{ text-decoration: none; color: #4b4b4b; font-size: 13px; line-height: 25px; font-weight: 300; }
.sitemap ul li ul li ul li a:hover{ color: #276ac2; }
.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: 1000px; }

.stipul_con{ padding: 30px 35px 0; margin-bottom: 100px; text-align: justify; border: 1px solid #dfdfdf; background: #fff; letter-spacing: 0; }
.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; }

.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, 이용약관, 개인정보처리방침 끝 */




.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: 1200px){
.container{width:96%; margin:0 2%;}
.gnb-sub .gnbmenu{width:100%;}
.header .gnb-area{width:100%;}
.header .gnb-area ul li{width:20%;padding: 0;}
.gnb-sub .gnbmenu .sub01{padding-left:20px;}
.gnb-sub .gnbmenu .subm:last-child{padding-right:0;}
}

@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{ height:70px;}
	#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%; }

	.topsmenubg{ display: none; }
	.subg{ display: none; }
	.hiddenoverw{ display: none; }
	.container{ width: 96%; }

	.header{ position: fixed; height: 70px;}
	.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;  background-color: #fff; }
	.mmain-top nav{ position: absolute; top: 22px; right: 10px; }
	.mmain-top h1{ font-size: 26px; margin: 0 0 0 10px; line-height: 55px; text-align: center; }
	.mmain-top h1 img{ margin: 0; width: 100px; position:relative; top:10px; }
	.mmain-top h1 p{ display: inline-block; padding: 0 0 15px 0; line-height: 36px; vertical-align: bottom; }
	.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 .langw{ position: absolute; top: 20px; left: 10px; cursor: pointer;     z-index: 2;}
	.mmain-top .lang{border:1px solid #666; display:block; font-size:12px; color:rgba(102,102,102,1); font-weight:600; letter-spacing:0; background:#FFF }
	.mmain-top .lang a{display:block; height:25px; line-height:25px; box-sizing:border-box; width:60px;  background:url(../img/inc/s_ico.png) no-repeat 45px center ; padding-left:10px;}
	.mmain-top .langs {display:none;}
	.mmain-top .langs a{border:1px solid #666; display:block; font-size:12px; color:rgba(102,102,102,1); font-weight:600; letter-spacing:0; background:#FFF;  border-top:none; height:25px; line-height:25px;  width:62px;  padding-left:10px; box-sizing:border-box }

	.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; }

	#lnb{ width: 100%; }
	#lnb > .lnb_area > a{ font-size: 13px; padding: 0 20px 0 10px; }
	#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 > .lnb_a > a{ padding: 10px 0 10px 10px; font-size: 12px; }

	.footer .select_box{ width: 100%; background-position: 90% center; }
	.footer .select_box select{ width: 100%; padding-right: 0; padding-left: 0; font-size: 16px; }
	.footlogo{ padding-bottom: 10px; padding-right: 0; text-align: center; margin: 0 auto; width: 100px; float: none !important; }
	.footlogo img{ width: 100%; }
	.footaddress .addressGrap{ width: 100%; border-right: none; padding: 0 3% 1% 3%; box-sizing: border-box; }
	.footaddress .copyright{ margin-bottom: 0px; text-align: center; }
	.footaddress .copyright span{ display: block; }
	.footaddress{ letter-spacing: 0; padding-bottom: 0px; overflow:visible; }
	.footaddress .addresstitle span{ display: block; }
	.footaddress .addresstitle{ text-align: center; width: 100%; font-size: 12.5px;  }
	.footaddress .addressbox{ width: 100%; }
    .footbox .footxt{float:none; margin:0 auto; width:100%; box-sizing:border-box}
	.footaddress .container{ padding: 20px 0; }
     .footbox{width:100%;}
	.quickmenu{ display: none !important; }
	
	.searchmenu ul li a{width:100%; font-size:13px;}
	.searchmenu ul li{width:30%;}

}