@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0; box-sizing:border-box;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
html{    overflow-y: scroll;}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 酉고몴�� 蹂��섏떆 �고듃�ш린 �먮룞�뺣� 諛⑹� */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0; }

input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;vertical-align:top;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
a {color:#3a3a3a;text-decoration:none !important;}
a:active, a:hover {text-decoration:none !important;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
body,th,td,input,select,textarea,button,h1,h2,h3,h4,h5{ font-family:'Nanum Gothic', sans-serif !important; /*color:#3a3a3a;*/} 
img{max-width:100%;}
caption, legend { /*position: absolute;*/ width: 0; visibility:hidden; height: 0; font-size: 0; line-height: 0; text-indent: -10000px; }
h1,h2,h3,h4,h5,p,ul,ol,dl{margin:0; padding:0; word-break: keep-all;}
p{word-break: keep-all;}



.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0; font-size:0; clear:both; content:''}
.daumIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
.exbold{font-weight:700; border-collapse : inherit;}
.border-left{border-left:none !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt10{margin-top:10px !important;}
.ml20{margin-left:20px !important;}
.ml15{margin-left:15px !important;}
.ml0{margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb35{margin-bottom:35px !important;}
.mb45{margin-bottom:45px !important;}
.pr15{padding-right:15px !important;}
.bor{border-left:1px solid #cfcfcf;}
.bor_bot{border-bottom:none !important;}
.bor_left{border-left:none !important;}
.pr3{padding-right:3px !important; }
input[type='password']{color:#000 !important;}
/* font */
.tright{text-align:right;}.tleft{text-align:left !important;}.tcenter{text-align:center !important;}
.fleft{float:left!important;}.fright{float:right!important;}
em{font-style:normal;}
.fs13{font-size:13px;}.fs15{font-size:15px;}.fs16{font-size:16px;}.fs17{font-size:17px;}.fs18{font-size:18px;}
.line24{line-height:24px;}.line25{line-height:25px;}.line26{line-height:26px;}.line27{line-height:27px;}
.w10c{width:10%;}.w20c{width:20%;}.w30c{width:33.333%;}.w50c{width:50%;}.w70c{width:70%;}.w100c{width:100%;}
.colrblue{color:#2865a0;}
.colrwht{color:#fff!important;}
.colrblue2{color:#004e96;}
.colrblue3{color:#4298d2;}
.colrblue4{color:#0084df;}
.colrred{color:#eb5838;}
.colrred2{color:#e95a3a;}
.btn:hover{color:#fff !important;}
.btn.btn_blue{color:#fff !important;border:1px solid #51687e;background:#51687e; border-radius: inherit !important;}
.btn.btn_blue2{color:#fff !important;border:1px solid #51687e;background:#053463; border-radius: inherit !important;}
.btn.btn_blue3{color:#fff !important;border:1px solid #004e96;background:#004e96; border-radius: inherit !important;}
.btn.btn_gray{color:#fff !important;border:1px solid #afafaf;background:#969696; border-radius: inherit !important;}
.btn.btn_gray2{width:98px; color:#fff !important;border:1px solid #747474;background:#747474;border-radius: inherit !important;}
.btn_pdf_down{color:#ff5722;font-size:14px;font-weight:600;display:inline-block;padding:5px 10px;border-radius:4px;border:1px solid #ed4d1a;}
.btn_pdf_down:after{content:'';display:inline-block;width:18px;height:23px;margin-left:4px;margin-top:-3px;vertical-align:middle;background:url(../images/common/icon_pack.png) 0 0 no-repeat;}


.nav_btn{display:none;}
.header {background-color:#fff;}
.inner {max-width:1100px; margin:0 auto;}
.header_top {width:100%; overflow:hidden; padding:12px 0; padding-bottom:0;}
.top_nav {float:right;}
.top_nav li {display:inline-block; font-size:0;}
.top_nav li a {font-size:13px; color:#000;font-family:'�뗭�', sans-serif !important;}
.navbar {font-size:13px; padding:0 6px; color:#000;}

.header_bottom {width:100%; height:63px; position:relative;}
.logo {float:left; font-size:0}
.logo a {display:block}
.nav {position:absolute; right:0; bottom:0;}
.nav li {display:inline-block; font-size:0; position:relative;}
.nav > li > a {font-size:16px; color:#000; font-weight:600; display:inline-block; padding:15px 0; width:150px; text-align:center;}
.nav li:hover > a {background-color:#ffde00; font-weight:bold;}
.nav > li > ul {display:none; position:absolute; left:0; top:49px; width:100%; z-index:999;}
.nav > li > ul > li {width:100%;}
.nav > li > ul > li > a {font-size:14px; display:inline-block; width:100%; box-sizing:border-box; padding:18px 15px; background-color:#fff;}
.nav > li > ul > li > a:hover {background-color:#d3ccc3;}

.footer {width:100%;}
.footer_top {width:100%; background-color:#000000; padding:25px 0; text-align:center;}
.footer_top ul {font-size:0; margin-left:25px;}
.footer_top ul li {display:inline-block; position:relative;}
.footer_top ul li a {font-size:12px; color:#b8b8b8; padding:0 15px;}
.footer_top ul li:first-child {padding-left:0;}
.footer_top ul li:first-child:after {padding-left:0; display:none;}
.footer_top ul li:after {content:''; position:absolute; left:0; top:2px; width:1px; height:11px; background-color:#b8b8b8;}

.footer_copy a {color:#D6D6D6}

.footer_bottom {padding:20px 0; background-color:#1e1f21; padding-bottom:20px;}
.foot_logo {display:inline-block; font-size:0; vertical-align:top; margin-right:45px;}
.foot_cont {display:inline-block; font-size:0;}

.foot_cont ul {margin-top:8px;}
.foot_cont ul:first-child {margin-top:13px;}
.foot_cont ul li {display:inline-block; position:relative; padding:0 10.4px; font-size:12px; color:#d6d6d6}
.foot_cont ul li:first-child {padding-left:0;}
.foot_cont ul li:first-child:after {padding-left:0; display:none;}
.foot_cont ul li:after {content:''; position:absolute; left:0; top:2px; width:1px; height:11px; background-color:#b8b8b8;}
.foot_cont p {font-size:12px; color:#d2cdc9; margin-top:6px;}
.mgt13 {margin-top:14px !important;}
.mgt17 {margin-top:17px !important;}
.pdl100 {padding-left:49px;}
.foot_select {width:249px; height:21px;}
.nanumsq {font-family:'Nanum Square', sans-serif !important;}

.mob_nav {position:fixed; text-align:center; width:100%; height:100%; left:100%; top:0; transition:all 0.5s;
background:url('./img/mobback.jpg') no-repeat left top; background-size:cover; z-index:999999;}

.mob_nav #ham_close {display:inline-block; width:60px; margin-top:115px; margin-bottom:45px;}
.mob_nav #ham_close img {width:100%;}

.mob_nav ul li {padding-bottom:40px;}
.mob_nav ul li a {font-size:20px; color:#fff; font-weight:600;}

.ham_inq {margin-top:50px;}
.ham_inq img {width:40px; margin-bottom:3px;}
.ham_inq .opensnas_b {color:#fff; font-size:17px; }
.ham_inq .ham_num {font-size:24px;}

.ham_bottom {width:90%; overflow:hidden; margin:0 auto; text-align:center; margin-top:55px;}
.ham_bottom li {display:inline-block; text-align:center; padding:0 10px 5px !important; position:relative; }
.ham_bottom li:after {content:''; position:absolute; right:-4px; top:4px; display:inline-block; width:1px; height:12px; background-color:rgba(255,255,255,0.7);}
.ham_bottom li:nth-child(3):after,.ham_bottom li:nth-child(4):after {display:none;}
.ham_bottom li a {font-size:13px !important; color:rgba(255,255,255,0.7) !important; font-weight:400 !important;}

.foot_kakao {background:url('./img/foot_kakao.png') no-repeat left center; padding-left:26px; height:19px; line-height:19px; margin-top:10px !important;}

.footer_logo {background-color:#3c3b45; overflow:hidden;   border-top: 1px solid #46464f}
.footer_logoIn {width: 1100px; margin: 0 auto;}
.footer_logoIn ul li {float:left}


@media screen and (max-width:1024px) {
.header {padding:0 2%;}
/*
.header {position:fixed; left:0; top:0; width:100%; height:80px; z-index:999;}
.nav_btn{display:inline-block; position:absolute; right:4%; top:21px;}
.nav {display:none;}
.header_top {display:none;}
.logo {position:absolute; left:4%; top:18px;}
.header_bottom {height:80px;}
.nav_btn a {display:block;}
.nav_btn a img {display:block; margin:0;width:auto;}
.logo img {width:auto;}
.footer_top {display:none;}
.pdl100 {padding-left:0;}
.footer_bottom .inner {padding:0 4%;}
.foot_cont ul {margin-top:0;}
.foot_cont ul li {padding-bottom:3px;}
.foot_cont ul:nth-child(1) li:nth-child(3) {padding-left:0;}
.foot_cont ul:nth-child(1) li:nth-child(3):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(1) li:nth-child(4) {padding-left:0;}
.foot_cont ul:nth-child(1) li:nth-child(4):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(2) li:nth-child(2) {padding-left:0;}
.foot_cont ul:nth-child(2) li:nth-child(2):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(3) li:nth-child(1) {padding:5px 0;width:100%;}
.foot_cont ul:nth-child(3) li:nth-child(1) select {width:100%;}
.foot_cont ul:nth-child(3) li:nth-child(2) {padding-left:0;}
.foot_cont ul:nth-child(3) li:nth-child(2):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(3) li:nth-child(4) {padding-left:0;}
.foot_cont ul:nth-child(3) li:nth-child(4):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(4) {margin-top:0 !important;}
.foot_cont ul:nth-child(4) li:nth-child(3) {padding-left:0;}
.foot_cont ul:nth-child(4) li:nth-child(3):after {padding-left:0; display:none;}
.foot_logo img {width:120px;}
.mob_nav #ham_close {display:inline-block; width:auto; margin-top:115px; margin-bottom:45px;}
.mob_nav ul li a {font-size:30px;} 
.mob_nav ul li {padding-bottom:68px;}
.ham_inq img {width:auto; margin-bottom:10px;}

.ham_inq .opensnas_b {font-size:27px; }
.ham_inq .ham_num {font-size:38px;}
.ham_bottom li a {font-size:20px !important;}
.ham_bottom {width:75%; margin-top:90px;}
.ham_bottom li {padding:0 10px 15px !important;}
.ham_bottom li:after {height:18px;}
*/

.footer_logo {display:none}

}






@media screen and (max-width:768px) {
.header {position:fixed; left:0; top:0; width:100%; height:80px; z-index:999;}
.nav_btn{display:inline-block; position:absolute; right:4%; top:21px;}
.nav {display:none;}
.header_top {display:none;}
.logo {position:absolute; left:0; top:10px;}
.header_bottom {height:80px;}
.nav_btn a {display:block;}
.nav_btn a img {display:block; margin:0;width:auto;}
.logo img {width:auto;}
.footer_top {display:none;}
.pdl100 {padding-left:0;}
.footer_bottom .inner {padding:0 4%;}
.foot_cont ul {margin-top:0;}

.foot_cont ul:nth-child(1) li:nth-child(3) {padding-left:0;}
.foot_cont ul:nth-child(1) li:nth-child(3):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(1) li:nth-child(4) {padding-left:0;}
.foot_cont ul:nth-child(1) li:nth-child(4):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(2) li:nth-child(2) {padding-left:0;}
.foot_cont ul:nth-child(2) li:nth-child(2):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(3) li:nth-child(1) {padding:5px 0;width:100%;}
.foot_cont ul:nth-child(3) li:nth-child(1) select {width:100%;}
.foot_cont ul:nth-child(3) li:nth-child(2) {padding-left:0;}
.foot_cont ul:nth-child(3) li:nth-child(2):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(3) li:nth-child(4) {padding-left:0;}
.foot_cont ul:nth-child(3) li:nth-child(4):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(4) {margin-top:0 !important;}
.foot_cont ul:nth-child(4) li:nth-child(3) {padding-left:0;}
.foot_cont ul:nth-child(4) li:nth-child(3):after {padding-left:0; display:none;}

.mob_nav #ham_close {display:inline-block; width:auto; margin-top:115px; margin-bottom:45px;}
.mob_nav ul li a {font-size:30px;} 
.mob_nav ul li {padding-bottom:68px;}
.ham_inq img {width:auto; margin-bottom:10px;}

.ham_inq .opensnas_b {font-size:27px; }
.ham_inq .ham_num {font-size:38px;}
.ham_bottom li a {font-size:20px !important;}
.ham_bottom {width:75%; margin-top:90px;}
.ham_bottom li {padding:0 10px 15px !important;}
.ham_bottom li:after {height:18px;}
.foot_cont ul:first-child {width:55%;}
.foot_select {height:40px;}
}








@media screen and (max-width:450px) {
.header {position:fixed; left:0; top:0; width:100%; height:65px; z-index:999;}
.nav_btn{display:inline-block; position:absolute; right:4%; top:20px;}
.nav {display:none;}
.header_top {display:none;}
.logo {position:absolute; left:4%; top:18px;}
.header_bottom {height:65px;}
.nav_btn a {display:block;}
.nav_btn a img {display:block; margin:0;width:28px;}
.logo img {width:110px;}
.footer_top {display:none;}
.pdl100 {padding-left:0;}
.footer_bottom .inner {padding:0 4%;}
.foot_cont ul {margin-top:0;}
.foot_cont ul li {padding-bottom:3px;font-size:14px;}
.foot_cont ul:nth-child(1) li:nth-child(3) {padding-left:0;}
.foot_cont ul:nth-child(1) li:nth-child(3):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(1) li:nth-child(4) {padding-left:0;}
.foot_cont ul:nth-child(1) li:nth-child(4):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(2) li:nth-child(2) {padding-left:0;}
.foot_cont ul:nth-child(2) li:nth-child(2):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(3) li:nth-child(1) {padding:5px 0;width:100%;}
.foot_cont ul:nth-child(3) li:nth-child(1) select {width:100%;}
.foot_cont ul:nth-child(3) li:nth-child(2) {padding-left:0;}
.foot_cont ul:nth-child(3) li:nth-child(2):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(3) li:nth-child(4) {padding-left:0;}
.foot_cont ul:nth-child(3) li:nth-child(4):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(4) {margin-top:0 !important;}
.foot_cont ul:nth-child(4) li:nth-child(2) {padding-left:0;}
.foot_cont ul:nth-child(4) li:nth-child(2):after {padding-left:0; display:none;}
.foot_cont ul:nth-child(4) li:nth-child(3) {padding-left:0;}
.foot_cont ul:nth-child(4) li:nth-child(3):after {padding-left:0; display:none;}


.foot_logo img {width:135px;}
.mob_nav #ham_close {display:inline-block; width:60px; margin-top:150px; margin-bottom:60px;}
.mob_nav #ham_close img {width:100%;}
.mob_nav ul li a {font-size:20px;}
.mob_nav ul li {padding-bottom:40px;}
.ham_inq img {width:40px; margin-bottom:3px;}
.ham_inq .opensnas_b {font-size:17px; }
.ham_inq .ham_num {font-size:24px;}
.ham_bottom li a {font-size:13px !important;}
.ham_bottom {width:90%;margin-top:55px;}
.ham_bottom li {padding:0 10px 5px !important;}
.ham_bottom li:after {height:12px;}
.foot_cont ul:first-child {width:100%;}
.foot_select {height:25px;}
}



@media screen and (max-width:390px) {
.mob_nav #ham_close {margin-top:90px;}
}


@media screen and (max-width:360px) {
.mob_nav #ham_close {margin-top:70px;}
.ham_bottom {width:100%;}
}