@charset "utf-8";

@font-face {
font-family: Gotham-Black;
src:url(../../img/images/font/Gotham-Black.eot);
src: url(../../img/images/font/Gotham-Black.woff);
}
@font-face {
font-family: Gotham-Book;
src:url(../../img/images/font/Gotham-Book.eot);
src: url(../../img/images/font/Gotham-Book.woff);
}
@font-face { 
font-family: 'notokr'; 
src: url('../../img/images/font/notokr-light.eot'); 
src: url('../../img/images/font/notokr-light.eot?#iefix') format('embedded-opentype'), 
url('../../img/images/font/notokr-light.woff2') format('woff2'), 
url('../../img/images/font/notokr-light.woff') format('woff'), 
url('../../img/images/font/notokr-light.ttf') format('truetype'), 
url('../../img/images/font/notokr-light.svg#notokr-regular') format('svg'); 
font-weight: 300; 
font-style: normal; 
}
@font-face { 
font-family: 'notokr'; 
src: url('../../img/images/font/notokr-regular.eot'); 
src: url('../../img/images/font/notokr-regular.eot?#iefix') format('embedded-opentype'), 
url('../../img/images/font/notokr-regular.woff2') format('woff2'), 
url('../../img/images/font/notokr-regular.woff') format('woff'), 
url('../../img/images/font/notokr-regular.ttf') format('truetype'), 
url('../../img/images/font/notokr-regular.svg#notokr-regular') format('svg'); 
font-weight: 400; 
font-style: normal; 
}
@font-face { 
font-family: 'notokr'; 
src: url('../../img/images/font/notokr-bold.eot');
src: url('../../img/images/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
url('../../img/images/font/notokr-bold.woff2') format('woff2'),
url('../../img/images/font/notokr-bold.woff') format('woff'),
url('../../img/images/font/notokr-bold.ttf') format('truetype'),
url('../../img/images/font/notokr-bold.svg#notokr-bold') format('svg');
font-weight: 600; 
font-style: normal;
}

@font-face {
font-family: 'NanumSquare';
font-weight: 400;
font-style: normal;
src: url(../../img/images/font/NanumSquareR.eot);
src: url(../../img/images/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumSquareR.woff) format('woff'),
url(../../img/images/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 600;
font-style: normal;
src: url(../../img/images/font/NanumSquareB.eot);
src: url(../../img/images/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumSquareB.woff) format('woff'),
url(../../img/images/font/NanumSquareB.ttf) format('truetype');
}
@font-face {
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:400;
src:url(../../img/images/font/NanumBarunGothic.eot);
src:url(../../img/images/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumBarunGothic.woff) format('woff');
}
@font-face {
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:700;
src:url(../../img/images/font/NanumBarunGothicBold.eot);
src:url(../../img/images/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumBarunGothicBold.woff) format('woff');
}
@font-face {
font-family:'NanumMyeongjo';
font-style:normal;
font-weight:400;
src:url(../../img/images/font/NanumMyeongjoBold.eot);
src:url(../../img/images/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumMyeongjoBold.woff) format('woff');
}
@font-face {
font-family:'NanumMyeongjo';
font-style:normal;
font-weight:700;
src:url(../../img/images/font/NanumMyeongjoBold.eot);
src:url(../../img/images/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumMyeongjoBold.woff) format('woff');
}


body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td,
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen,
a,label,output,dialog,
address,blockquote,
p,pre,
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp,
acronym,big,frame,frameset,noframes,tt,
map,option,hr {border:0; padding:0 ;margin:0; color:inherit; font-family:inherit; font-size:inherit; font-style:normal; line-height:inherit; vertical-align:top;}
html, body {font-family: 'notokr', '¸¼Àº°íµñ', 'Malgun Gothic', 'µ¸¿ò', Dotum, 'Apple SD Gothic Neo', sans-serif; font-size:12px; color:#000;letter-spacing: -0.03em;}
body{overflow-y:scroll; }
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block}
applet,basefont,center,dir,strike{display:none}
q,blockquote{quotes:none;content:none}
li,menu{list-style:none}
input::-ms-clear {display: none;}
button{-webkit-appearance:none; -moz-appearance: none; outline:none;}
table{max-width:100%;border-collapse:collapse;border-spacing:0}
caption,legend {position:absolute;top:-9999px;left:-9999px;font-size:0px;line-height:0}
a {color:#666;text-decoration:none}
address{font-style:normal}
label{display:inline-block;}
img {vertical-align: top;}
a{color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}

.l-wrap {width: 100%; min-width: 1200px; margin: 0 auto; overflow: hidden;}

.l-header {position: relative; height: 200px;}
.header-inner {position: relative; width: 1200px; height: 140px; margin: 0 auto;}
.header-inner + .header-inner {position: absolute; top: 140px; left: 0; width: 100%; height: auto; min-height: 60px; margin: 0; background: #fff; z-index: 9999;}
.header-inner:after,
.quick-list:after {content: ''; clear: both; display: table;}inner:after,
.quick-list:after {content: ''; clear: both; display: table;}

/* header ¿ÞÂÊ */
.quick-list {float: left; margin-top: 40px; white-space: nowrap;}
.quick-list .list-item {float: left; margin-right: 15px;}
.quick-list .item-link {position: relative; display: block;}
.quick-list .item-link:before {content: ''; display: block; margin: 0 auto 8px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #2059a7;}
.quick-list .item-link:after {content: ''; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: url('../../img/images/sprite_header.jpg') no-repeat 0 0;}
.quick-list .list-item:nth-child(1) .item-link:after {top: 12px; margin-left: -3px; width: 10px; height: 13px; background-position: 0 -6px;}
.quick-list .list-item:nth-child(2) .item-link:after {top: 10px; width: 13px; height: 18px; background-position: -15px -4px;}
.quick-list .list-item:nth-child(3) .item-link:after {top: 14px; width: 20px; height: 9px; background-position: -33px -8px;}
.quick-list .list-item:nth-child(4) .item-link:after {top: 12px; width: 16px; height: 15px; background-position: -58px -6px;}
/* header ·Î°í */
.header-logo {position: absolute; top: 35px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
/* header ¿À¸¥ÂÊ */
.user-util {float: right; margin-top: 44px;}
.user-util:after,
.user-util .util-list:after {content: ''; clear: both; display: table;}
.user-util .util-list {float: left;}
.user-util .util-list .list-item {float: left; margin-right: 20px;}
.user-util .util-list .item-link {display: block; line-height: 43px;}
.user-util .util-list .item-link i {vertical-align: middle;}
.user-util .button-all-menu {font-size: 0; float: left; width: 43px; height: 43px; color: transparent; text-indent: -200%; border-radius: 50%; background: #cbcbcb; overflow: hidden; cursor: pointer;}
.user-util .button-all-menu:hover {background: #124fa2;}
.user-util .button-all-menu span {position: relative; display: block; margin: 0 auto; width: 22px; height: 12px; border-top: 3px solid #fff;}
.user-util .button-all-menu span:before,
.user-util .button-all-menu span:after {content: ''; display: block; height: 3px; margin-top: 3px; background: #fff;}

/* header gnb ¸Þ´º */
.gnb-list {width: 1200px; margin: 0 auto;}
.gnb-list:after {content: ''; clear: both; display: table;}
.gnb-list .list-item {position: relative; float: left; width: 17%; text-align: center;}
.gnb-list .list-item.is-active .item-link {color: #124fa2;}
.gnb-list .list-item a:hover {color: #124fa2;}
.gnb-list .list-item:first-child,
.gnb-list .list-item:last-child {width: 16%;}
.gnb-list .item-link {font-size: 18px; display: block; height: 60px; color: #333; line-height: 60px; -webkit-transition: all .25s linear;transition: all .25s linear;}
.gnb-list .gnb-category {display: none; padding-bottom: 30px;}
.gnb-list .category-item {font-size: 14px; line-height: 30px;}
.gnb-list .category-item a {color: #999; -webkit-transition: all .25s linear;transition: all .25s linear;}

#top_menu .dep2 li.on a{color:#124fa2;-webkit-transition: all .25s linear;transition: all .25s linear;}
#top_menu .dep2 li.off a{color:#999;-webkit-transition: all .25s linear;transition: all .25s linear;}

/* Àüü ¸Þ´º */
#all-menu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999}
#all-menu .mask {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; z-index:990}
#all-menu .menu-layer {position:fixed; top:50%; left:50%; width:1080px; height:680px; margin:-340px 0 0 -540px; background:#fff; z-index:1100}
#all-menu .menu-layer .title-bar {position:relative; text-align:center; height:73px; background:url(/base/img/images/allmenu_title_bg.jpg) center top no-repeat}
#all-menu .menu-layer .title-bar h2 {font-size:28px; font-weight:normal; color:#fff; line-height:73px}
#all-menu .menu-layer .title-bar h2 i {margin-right:10px; vertical-align:-2px}
#all-menu .menu-layer .title-bar .btnClose {position:absolute; top:18px; right:20px; width:40px; height:40px; border:none; background:transparent; outline:none; cursor:pointer}
#all-menu .menu-layer .title-bar .btnClose span {position:absolute; top:50%; left:50%; display:block; width:32px; height:2px; margin:-2px 0 0 -16px; background:#fff}
#all-menu .menu-layer .title-bar .btnClose span.line1 {transform:rotate(45deg)}
#all-menu .menu-layer .title-bar .btnClose span.line2 {transform:rotate(-45deg)}
#all-menu .menu-layer .menu-wrapper {height:607px; overflow-y:auto}
#all-menu .menu-layer .menu-wrapper .depth1 > li {padding:50px 0; border-bottom:1px dotted #d5d5d5}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box {width:850px; margin:auto}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box:after {clear:both; display:block; content:''}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box h3.title {float:left; width:200px; font-size:20px; font-weight:600; color:#666}
/* #all-menu .menu-layer .menu-wrapper .depth1 > li > .box h3.title:after {display:block; margin-top:15px; width:24px; height:3px; content:''; background:#745c5f} */
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 {float:right; width:645px}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2:after {clear:both; display:block; content:''}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li {float:left; width:25%; margin-bottom:15px}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a {font-size:14px; color:#404040}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a:before {display:inline-block; width:6px; height:6px; content:''; margin-right:10px; border:2px solid #745c5f; vertical-align:2px; box-sizing:border-box}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li.active a, #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a:hover {color:#124fa2}

.l-footer {width: 100%;}
.l-footer .footer-inner {width: 1200px; margin: 0 auto; padding: 39px 0 32px;}
.l-footer .footer-inner:after {content: ''; clear: both; display: table;}
.l-footer .inner-section {position: relative; float: left; min-height: 173px;}
.l-footer .inner-section:nth-child(1) {width: 273px;}
.l-footer .inner-section:nth-child(2) {padding-left: 33px; width: 291px;}
.l-footer .inner-section:nth-child(3) {padding: 0 40px; width: 234px;}
.l-footer .inner-section:nth-child(4) {padding-left: 39px; width: 250px;}
.l-footer .inner-section:nth-child(4):after {content: none;}
.l-footer .inner-section:after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #d8d8d8;}
.l-footer .inner-section .section-title {font-size: 19px; color: #171717; line-height: 25px; font-weight: normal;}
.l-footer .inner-section .view-more {position: absolute; top: 0; right: 25px; width: 25px; height: 25px; text-indent: -100%; color: transparent; overflow: hidden;}
.l-footer .inner-section .view-more:before,
.l-footer .inner-section .view-more:after {content: ''; position: absolute; top: 50%; left: 50%; background: #a6a6a6; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.l-footer .inner-section .view-more:before {width: 9px; height: 1px;}
.l-footer .inner-section .view-more:after {width: 1px; height: 9px;}

.l-footer .sns-list {margin: 30px 0 0 -18px;}
.l-footer .sns-list:after {content: ''; clear: both; display: table;}
.l-footer .sns-list .list-item {float: left; margin-left: 18px; width: 73px;}
.l-footer .sns-list .item-link {position: relative; display: block;}
.l-footer .sns-list .item-link span {font-size: 14px; display: block; margin-top: 10px; color: #a6a6a6; text-align: center; white-space: nowrap;}
.l-footer .sns-list .item-link:before {content: ''; display: block; width: 100%; height: 73px; border: 1px solid #d8d8d8; border-radius: 50%; box-sizing: border-box;}
.l-footer .sns-list .item-link:after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: url('../../img/images/sprite_footer.png') no-repeat 0 0;}
.l-footer .sns-list .list-item:nth-child(1) .item-link:after {top: 26px; width: 24px; height: 23px;}
.l-footer .sns-list .list-item:nth-child(2) .item-link:after {top: 23px; width: 26px; height: 27px; background-position: -26px 0;}
.l-footer .sns-list .list-item:nth-child(3) .item-link:after {top: 29px; width: 44px; height: 17px; background-position: -58px 0;}

.l-footer .telephone-number {font-size: 34px; font-family: 'NanumSquare'; color: #464646; font-weight: bold; display: block; margin-top: 10px; line-height: 1;}
.l-footer .telephone-number span {font-size: 25px; display: inline-block; margin-right: 5px; line-height: 1; vertical-align: middle;}
.l-footer .consultation {margin-top: 10px;}
.l-footer .consultation:after {content: '' ; clear: both; display: table;}
.l-footer .consultation .date-item,
.l-footer .consultation .hours-item {float: left; line-height: 18px; font-weight: bold;}
.l-footer .consultation .date-item {position: relative; width: 26%; color: #171717; word-spacing: 13.5px;}
.l-footer .consultation .date-item:nth-child(3) {word-spacing: 2px;}
.l-footer .consultation .date-item:nth-child(5) {word-spacing: 10px;}
.l-footer .consultation .date-item:nth-child(7) {word-spacing: 2.5px;}
.l-footer .consultation .date-item:after {content: ''; position: absolute; top: 2px; right: -3px; width: 1px; height: 13px; background: #555;}
.l-footer .consultation .hours-item {width: 74%; color: #464646; text-indent: 10px;}
.l-footer .consultation-info {color: #171717; line-height: 18px; font-weight: bold;}

.l-footer .quick-borard {margin: 34px 0 0 -20px;}
.l-footer .quick-borard:after {content: ''; clear: both; display: table;}
.l-footer .quick-borard .list-item {float: left; margin-left: 20px;}
.l-footer .quick-borard .item-link {position: relative; font-size: 14px; display: block; width: 70px;}
.l-footer .quick-borard .item-link span {display: block; margin-top: 10px; color: #9d9d9d; text-align: center;}
.l-footer .quick-borard .item-link:before {content: ''; display: block; width: 100%; height: 70px; border-radius: 50%; background: #7196cd;}
.l-footer .quick-borard .item-link:after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: url('../../img/images/sprite_footer.png') no-repeat 0 0;}
.l-footer .quick-borard .list-item:nth-child(1) .item-link:after {top: 23px; width: 34px; height: 24px; background-position: -113px 0;}
.l-footer .quick-borard .list-item:nth-child(2) .item-link:after {top: 22px; width: 38px; height: 26px; background-position: -157px 0;}
.l-footer .quick-borard .list-item:nth-child(3) .item-link:after {top: 21px; width: 22px; height: 33px; background-position: -205px 0; margin-left: 1px;}

.l-footer .footer-info {position: relative; height: 270px; background: #171717;}
.l-footer .footer-info:before {content: ''; position: absolute; top: 105px; left: 0; width: 100%; height: 1px; background: #a6a6a6;}
.l-footer .footer-info .footer-inner {position: relative; padding: 0;}
.l-footer .footer-logo {display: inline-block; height: 82px; padding-top: 24px;}
.l-footer .quick-info {position: absolute; top: 33px; right: 0;}
.l-footer .quick-info:after {content: ''; clear: both; display: table;}
.l-footer .quick-info .list-item {float: left; font-size: 16px;}
.l-footer .quick-info .list-item .item-link {display: block; padding: 10px 13px; color: #8b8b8b;}
.l-footer .company-info,
.l-footer .company-info-txt {font-size: 13px; color: #b0b0b0; font-weight: normal;}
.l-footer .company-info {margin-top: 39px;}
.l-footer .company-info dt,
.l-footer .company-info dd {line-height: 20px;}
.l-footer .company-info dt,
.l-footer .company-info dd:nth-child(3) {position: relative; float: left; padding-right: 19px;}
.l-footer .company-info dt:after,
.l-footer .company-info dd:nth-child(3):after {content: ''; position: absolute; top: 2px; right: 9px; width: 1px; height: 15px; background: #8b8b8b;}
.l-footer .company-info-txt {margin-top: 15px; line-height: 20px;}


.l-footer .board_output {margin-top: 25px;}
.l-footer .board_output_4_tr td {text-align: left; line-height: 30px;}
.l-footer .board_output_4_tr td:before {content: ''; display: inline-block; margin-right:10px; border: 4px solid transparent; border-color: transparent transparent transparent #a6a6a6;}
.l-footer .board_output_4_tr td:first-child {display: none;}
#chcul .board_output_4_tr td a {color: #a6a6a6;font-family: 'notokr'}