@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@font-face {font-family:'nb'; src:url(../css/NanumBarunGothic.eot); src:local(¡Ø), url(../css/NanumBarunGothic.woff) format('woff'); font-weight:normal; font-style:normal;}

*{-webkit-text-size-adjust:none;}

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; font-family:'nb',Dotum,'µ¸¿ò'}
fieldset{border:0;}
li{list-style:none;}
a {text-decoration:none; outline:none; selector-dummy:expression(this.hideFocus=true);}

body {margin:0; padding:0; font-family:'nb',Dotum,'µ¸¿ò', -webkit-text-size-adjust:none; color:#666;}
img{border:0px; vertical-align:top;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
.clear{clear:both !important;}
.hidden{overflow:hidden;}
p {margin:0; padding:0;}

#wrap {margin:0; padding:0; width:100%;}

/* ¸ÞÀÎ */

#sb-site, .sb-site-container {padding:0;}
.sb-slidebar {padding:0; color: #fff;}
html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {cursor: pointer;}


/* Fixed position examples */
#sb-site.top-padding {padding-top:155px;}
#fixed-top {position: fixed; top:0; width:100%; z-index: 4;}
#fixed-top .sb-toggle-left {padding:0;}

/* »ó´ã ·Î°í+¸Þ´º */
.topareaL {margin:0; padding:0; width: 100%; height:65px; background-color:#fff;}
.toparea {margin:0; padding:0; list-style:none;}
.toparea li {margin:0; padding:0; float:left;}

.topbtn {margin:0; padding:0; width:100%; background:#494c55; height:45px;}
.tbtn {margin:0; padding:0; list-style:none;}
.tbtn li {float:left; width:25%; text-align:center; color:#fff; font-size:15px; letter-spacing:-0.05em; font-family:'nb';}
.tbtn li a {display:block; padding:15px 0 0 0; width:100%; height:30px; color:#fff; font-size:15px; letter-spacing:-0.05em; font-family:'nb';}


/**/
.usual {color:#585858; padding:0; width:100%; margin:0; /*border-bottom:1px solid #c7c7c7;*/}
.usual li { list-style:none; float:left; width:33.333%; box-sizing:border-box;}
.usual ul li a {display:block; padding:10px 0; text-decoration:none!important; margin:0; color:#666; text-align:center; border:1px solid #d7d7d7; background:#fff; font-size:15px; letter-spacing:-0.05em; font-family:'nb';}
.usual ul li:nth-child(2) a {border-left:none;}
.usual ul li:nth-child(3) a {border-left:none;}
.usual ul li a:hover {color:#fff; background:#494c55; border:1px solid #494c55;}
.usual ul li a.selected {margin-bottom:0; color:#fff; background:#494c55; border:1px solid #494c55; cursor:default;}
.usual div {padding:0; *padding-top:3px; *margin-top:-15px; clear:left;}
/*.usual div a { color:#585858; font-weight:bold; font:12px dotum;}*/

.tablist {margin:0; padding:10px 0 0 0; font-size:15px; letter-spacing:-0.05em; font-family:'nb'; color:#797979;}
.tablist a {font-size:15px; letter-spacing:-0.05em; font-family:'nb'; color:#797979; text-decoration:none;}
.tablist .time {position:absolute; right:12px; font-size:15px; font-family:'nb'; color:#999;}
.titst02 dd {margin-bottom:10px;}
.titst02 dd:last-child {margin:0;}

.dec01 {color:#217fc4;}
.dec02 {color:#1a737f;}
/* ¸ÞÀÎ¹öÆ°¸ðÀ½ */
.mguide {margin:0; padding:0; list-style:none;}
.mguide li {padding:0; float:left; width:33.33333%; text-align:center; font-size:15px; letter-spacing:-0.05em; font-family:'nb'; color:#797979;}
.mguide li a {display:block; width:100%; height:35px; padding:75px 0 0 0; font-size:17px; letter-spacing:-0.05em; font-family:'nb'; color:#585858; font-weight:600;}

.main_btn_area {margin:0; padding:0; width:100%; /*border-top:1px solid #d7d7d7;*/}
.mbtn_area01 {margin:0; padding:0; width:50%; /*height:127px;*/ float:left; background:#7a8790; text-align:center; font-size:15px;}
.mbtn_area01 a {font-size:20px; font-family:arial,'nb',dotum; color:#ece8a8; font-weight:600;}
.mbtn_area02 {margin:0; padding:0; width:50%; /*height:127px;*/ float:right; background:#7a8790; text-align:center; font-size:15px;}
.cacao {margin:0; padding:90px 0 0 0; background:url(../img/cacao.jpg) center top no-repeat; height:60px; text-align:center; font-size:17px; font-family:'nb'; color:#3d3137; font-weight:600;}

.mbta {margin:0; padding:0; list-style:none;}
.mbta li {padding:0; float:left; text-align:center; font-size:15px; letter-spacing:-0.05em; font-family:'nb';}
.mbta a {padding:0 0 0 15px; font-size:17px; letter-spacing:-0.05em; font-family:'nb'; color:#fff; font-weight:600;}


/* ÇÏ´Ü */
.mainbtn {margin:0 auto; padding:20px 0 0 0; overflow:hidden; background-color:#494c55; border-top:0px solid #3d3d3d;}
.mainbtn ul {overflow:hidden;}
.mainbtn ul li {float:left; text-align:center;}
.mainbtn ul li p {border:1px solid #999; text-align:center; margin:0 auto; padding:6px 0; width:88px;}
.mainbtn ul li a {font-size:13px; font-family:'nb'; color:#999;}
.foot {margin:0 auto; padding:20px 0; width:100%; /*border-top:1px solid #fff;*/ background-color:#494c55; font-size:13px; font-family:'nb'; text-align:center; color:#999;}
.foot a {font-size:13px; font-family:'nb'; color:#999;}
.copy {margin:0; padding:10px 0; width:100%; text-align:center; background:#6b6b6d; color:#fff; font-size:13px; font-family:'nb';}


/* ¸Þ´º¹Ù */
.sb-slidebar h3 {font-size:15px; font-family:'nb',dotum; color:#fff; border-bottom:1px solid #474747; border-top:1px solid #3d3d3d; padding:15px; background-color:#333; font-weight:400;}
.tme {margin:0; padding:0;}
.tme li {color:#999; border-bottom:1px solid #474747; border-top:1px solid #3d3d3d; padding:0;}
.tme li a {display:block; color:#999; font-size:13px; font-family:'nb',dotum; padding:10px 15px;}


/**/
.h10 {margin-top:10px;}
.h15 {margin-top:15px;}
.h20 {margin-top:20px;}
.h30 {margin-top:30px;}
.h40 {margin-top:40px;}
.h50 {margin-top:50px;}
.h80 {margin-top:80px;}


/**/
.t13 {font-size:13px; font-family:'nb',dotum,'µ¸¿ò'; color:#666; line-height:18px; letter-spacing:-0.05em;}
.t15 {font-size:15px; font-family:'nb',dotum,'µ¸¿ò'; color:#666; line-height:20px; letter-spacing:-0.05em;}

.t15t {font-size:15px; font-family:'nb',dotum,'µ¸¿ò'; color:#1a737f; letter-spacing:-1px; background:url(../img/sub/tab02.png) left top no-repeat; padding:0 0 0 19px; font-weight:600;}
.t15q {font-size:15px; font-family:'nb',dotum,'µ¸¿ò'; color:#ba0030; letter-spacing:-1px; background:url(../img/sub/q_icon.jpg) left top no-repeat; padding:0 0 10px 19px; font-weight:600; border-bottom:1px dotted #999;}
.t15a {font-size:15px; font-family:'nb',dotum,'µ¸¿ò'; color:#666; letter-spacing:-0.05em; background:url(../img/sub/a_icon.jpg) left top no-repeat; padding:0 0 0 19px; line-height:20px;}



.t17t {font-size:17px; font-family:'nb',dotum,'µ¸¿ò'; color:#333; letter-spacing:-1px; border-bottom:1px solid #d7d7d7; background:url(../img/sub/tab01.png) left top no-repeat; padding:0 0 10px 23px; font-weight:600; line-height:20px;}

.t17 {font-size:17px; font-family:'nb',dotum,'µ¸¿ò'; color:#585858; letter-spacing:-0.05em; line-height:22px;}
.t17e {font-size:17px; font-family:Arial,'nb',dotum,'µ¸¿ò'; color:#f1665c; font-weight:600;}

.t19 {font-size:19.5px; font-family:'nb',dotum,'µ¸¿ò'; color:#585858; line-height:28px; letter-spacing:-1px; font-weight:600;}
.t35 {font-size:34.5px; font-family:'nb',dotum,'µ¸¿ò'; color:#4d4d5f; line-height:28px; letter-spacing:-3px; font-weight:600; padding:50px 0 20px 0; border-bottom:2px solid #363636;}


/* ¸ÞÀÎÈ­¸é ·Ñ¸µ */
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff; 
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
.doc_list {margin:0; padding:0; list-style:none;}
.doc_list:after {display:block; visibility:hidden; clear:both; content:"";}
.doc_list > li {position:relative; width:100%; margin-bottom:20px; box-sizing:border-box;}
.doc_list > li:last-child {margin:o}


.doc_box {margin:0; padding:0; width:100%; height:auto; background:#f9f9f9;}
.doc_img {width:100%; height:auto; background:#999;}
.doc_img img {max-width:100%; min-width:100%;}
.doc_txt {position:relative; margin:0; padding:20px 20px 30px; /*min-height:420px; background:#f9f9f9;*/ box-sizing:border-box;}
.doc_tit_box {position:relative; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #d9d9d9;}
.doc_tit01 {font-size:20px; font-weight:400; letter-spacing:-0.025em; color:#111; font-family: 'Noto Sans KR', sans-serif;}
.doc_tit01 b {font-size:30px; font-weight:700; font-family: 'Noto Sans KR', sans-serif;}
.doc_tit02 {margin-top:10px; font-size:18px; font-weight:500; letter-spacing:-0.025em; color:#2584c6; font-family: 'Noto Sans KR', sans-serif;}
.doc_fl {position:absolute; right:0; bottom:25px; font-size:40px; font-family: 'Roboto', sans-serif; font-weight:700; color:#4d4d5f;}
.doc_his dd {position:relative; font-size:14px; font-weight:400; letter-spacing:-0.025em; line-height:22px; padding-left:10px; color:#555; font-family: 'Noto Sans KR', sans-serif;}
.doc_his dd span {position:absolute; left:0;}

.kaka {margin:0; padding:0;}
.kaka:after {display:block; visibility:hidden; clear:both; content:"";}
.kaka > li {position:relative; float:left; text-align:center; font-size:16px; font-weight:700; letter-spacing:-0.025em; padding:0; font-family:'Noto Sans KR',sans-serif; height:45px; line-height:43px;}
.kaka > li:nth-child(1) {background:#3a1c1c; color:#f9e802; width:56%;}
.kaka > li:nth-child(2) {background:#f9e802; color:#3a1c1c; width:44%;}