@charset "UTF-8";
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;line-height:160%}
body{font-family:'NanumSquareRound',sans-serif;font-size:16px;color:#202020}
address{font-style:normal}
a{display:block}
html,body{height:100%}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:initial}
input{vertical-align:inherit;font-family:inherit}
input[type=text],input[type=password]{font-size:inherit;border:1px solid #ddd;vertical-align:top;-webkit-appearance:none}
input:focus{outline:1px dotted #aaa}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{/* -webkit-text-fill-color:#fff;*/-webkit-box-shadow:0 0 0 30px #fffcf1 inset}
button {cursor: pointer;}
img{border:none;vertical-align:top;max-width:100%}
.clearfix:after{content:"";display:block;clear:both;height:0}
a:link,a:visited{color:#202020;text-decoration:none}
a:active,a:hover{color:#202020}
.site-wrap{height:100%}
.wrapper{width:1200px;margin:0 auto;position:relative}
.wrapper:after{content:"";display:block;clear:both;height:0}
.sub{overflow:hidden;width:1200px;margin:0 auto}
.f-right{float:right}
.f-left{float:left}
.t-blue{color:#002a7b}
/* hidden */
.hidden{position:absolute;left:-9999px;font-size:1px;width:1px;height:1px;line-height:0}
.none {display: none;}
/* 스킵메뉴 */
#skip_menu{width:300px;position:absolute;z-index:9999}
#skip_menu a{position:absolute;top:-100px}
#skip_menu a:hover,#skip_menu a:active,#skip_menu a:focus{position:absolute;top:0;width:300px;height:20px;display:block;background:#333;color:#fff;text-align:center;font-size:16px;font-weight:bold}
/* header */
.headerbg{width:100%;height:80px;position:relative}
.headerbg:after{width:40%;height:80px;background-color:#a9a9a9;content:'';display:block;position:absolute;top:0;right:0;z-index:-1}
#header{padding:0;font-family:'NanumSquareRound',sans-serif;font-weight:600}
#header .logo{width:28.5%;float:left;padding-top:20px;transition:.3s;text-align: center;}
#header .gnb{float:right;position:relative;height:80px;;background:#a9a9a9;transition:.3s}
#header .gnb:before{display:block;content:'';width:105px;height:80px;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;left:-104px;background:url('/design/default/img/main/shape01.png') no-repeat}
#header .gnb > li{float:left;}
#header .gnb .menuDepth1{position:relative}
#header .gnb > .menuDepth1 > a{font-size:22px;font-weight:600;color:#fff;margin:0 10px;padding:20px 15px;padding-bottom:10px;box-sizing:border-box;position:relative;text-align:center}
#header .gnb .menuDepth1:hover>a{color:#f9e771}
#header .gnb .menuDepth1:hover > .ulDepth2{display:block}
#header .gnb .menuDepth1.on>a{color:#f9e771}
#header .gnb .menuDepth1:after{display:block;content:'/';color:#aaa;position:absolute;top:25px;right:0px}
#header .gnb .menuDepth1:last-child:after{display:none}
#header .gnb .ulDepth2{overflow:hidden;padding:20px 24px;border-radius:10px;position:absolute;left:20px;width:360px;display:none;z-index:10}
#header .gnb .ulDepth2.on{display:block}
#header .gnb .ulDepth2 li{float:left;margin-right:20px}
#header .gnb .ulDepth2 li:hover{color:#534738}
#header .gnb .ulDepth2 li a{color:#534738;font-family:'Nanum Gothic',sans-serif;font-weight:500;font-size:18px}
#header .gnb .ulDepth2 li:last-child{margin-right:0px}
#header .gnb .ulDepth2 li a:before{display:inline-block;content:'';width:8px;height:8px;border-radius:5px;background-color:#84ad28;opacity:0;vertical-align:middle;margin-right:10px}
#header .gnb .ulDepth2 li a:hover:before{opacity:1}
#header .gnb .ulDepth2 li.on a{color:#84ad28}
#header #m_gnb_wrap{display:none;float:right}
#header #m_gnb_wrap .menuBtn{display:block;width:60px;height:60px;position:absolute;top:10px;right:10px;background:url('/design/default/img/main/m_gnb_btn.png') no-repeat}
#header #m_gnb_wrap .menuBtn.on{background:url('/design/default/img/main/m_close_btn.png') no-repeat}
#header #m_gnb_wrap .m_gnb{display:none;right:-200px;width:160px;background:#a9a9a9;position:absolute;top:100px;border-radius:20px 0 0 20px;padding:10px 20px;transition:.3s;z-index:200}
#header #m_gnb_wrap .m_gnb.on{display:block;right:0px}
#header #m_gnb_wrap .menuDepth1{padding:0.8em 0.5em}
#header #m_gnb_wrap .menuDepth1 a{font-size:1.5em;color:#fff}
#header #m_gnb_wrap .menuDepth1:hover>a{color:#f9e771}
#header #m_gnb_wrap .menuDepth1.on>a{color:#f9e771}
#header #m_gnb_wrap .ulDepth2{padding:0.5em 0 0;display:none}
#header #m_gnb_wrap .ulDepth2 li{padding:0.25em 0 0}
#header #m_gnb_wrap .ulDepth2 li a{font-size:1em;color:#ddd;padding:0.}
#header #m_gnb_wrap .ulDepth2 li a:before{display:inline-block;content:'';width:8px;height:8px;border-radius:5px;background-color:#84ad28;opacity:0;vertical-align:middle;margin-right:10px}
#header #m_gnb_wrap .ulDepth2 li:hover a:before{opacity:1}
#header #m_gnb_wrap .ulDepth2 li:hover a{color:#f9e771}
#header #m_gnb_wrap .ulDepth2 li.on a{color:#f9e771}
#header #m_gnb_wrap .menuDepth1:hover .ulDepth2{display:none;height:auto}
#header #m_gnb_wrap .menuDepth1.on .ulDepth2{display:block;height:auto}
/* footer */
.site-wrap.on{position:relative}
.site-wrap.on .footerbg{position:absolute;bottom:0}
.footerbg{width:100%;position:relative;/* padding-top:50px;*/}
.footerbg:after{width:33%;height:70px;background-color:#a9a9a9;content:'';display:block;position:absolute;bottom:0;left:0;z-index:-1}
#footer .footer_bot{margin:0 auto;width:900px}
#footer .footer_bot > .footer_logo{width:237px;height:70px;float:left;position:relative;background:#a9a9a9}
#footer .footer_bot > .footer_logo:after{display:block;content:'';position:absolute;bottom:0;right:-105px;width:105px;height:70px;background:url('/design/default/img/main/shape02.png') no-repeat}
#footer .footer_bot > .footer_logo>img{margin:16px 0 0 70px}
#footer .footer_bot > .footer_info{float:left;color:#333;font-size:16px;background:#fff;margin:10px 0 0 100px}
#footer .footer_bot > .footer_info address{font-size:16px;font-family:'Nanum Gothic',sans-serif;color:#333}
#footer .footer_bot > .footer_info address > p{line-height:24px}
#footer .footer_bot > .footer_info address small{color:#aaa}