@charset "UTF-8";
/* 레이아웃 */
body {min-width:1320px}

div#sub_wrap	{width:100%; height:100%; margin:0; padding:0;}

.wrap_top_menu {background-color: white;}
.cont_center	{position:relative;width:1000px; margin:0 auto; overflow:hidden;}
.menu_cont_center	{width:1000px; margin:0 auto; overflow:hidden;}
li{list-style:none;}


/* 텍스트 */
a	{color:#333; text-decoration:none;}
a:hover, a:focus	{color:#333; text-decoration:none;}
p {line-height:1;color:#333}

.text_hidden	{overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0;}	
.text_hidden2	{overflow:hidden; font-size:0; text-indent:-9999%; }/* 숨김 처리*/
.lt	{font-weight:normal;}
em	{font-style:normal; font-weight:600;}

/* 입력폼 */
.input_text,	.input_file	{width:135px; height:22px; padding:0 8px; background-color:#fff; color:#8ea2ad; border:1px solid #b9c5cc; font-size:11px; line-height:24px;}
.input_file	{width:252px\9; height:20px\9; color:#8ea2ad;}
select	{min-width:153px; height:24px; padding:2px 2px 2px 4px; color:#8ea2ad; border:1px solid #b9c5cc; font-size:11px; line-height:22px;}	/* Safari에서 line-height로 높이값 제어 */
/* width 값을 지정하면 텍스트가 더 길어질 경우 숨겨지므로 min-width 값 사용, IE7에서 너비값이 지정되지 않으나 따로 처리하지 않음 */
@media \0screen	{select	{min-width:145px;}}	/* IE8 너비 수정 */
textarea	{width:452px; height:61px; padding:2px 8px 0; color:#8ea2ad; border:1px solid #b9c5cc; font-size:11px;}
.input_ch	{margin:-1px 1px 0 0; vertical-align:middle;}

.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.w1200 {width:1200px;margin:0 auto;position:relative}

.top_banner {width:100%}
.top_banner img {width:100%}

#header {width:100%;z-index:1000;}
#header .header_top {height:99px;position:relative}
#header .header_top h1 {display:inline-block;position:absolute;left:50%;transform:translateX(-50%);top:34px}

#header .header_top .header_slide {position:absolute;left:0;top:50%;transform:translateY(-50%)}
#header .header_top .header_slide li a img {float:left;margin-right:15px;padding-top:7px}
#header .header_top .header_slide li a div {float:left}
#header .header_top .header_slide .bx-viewport {height:50px !important;padding-left:35px;}
#header .header_top .header_slide .bx-viewport li {height:50px;width:250px}
#header .header_top .header_slide .bx-viewport li h3 {font-size:17px;letter-spacing:-1px;font-weight:500}
#header .header_top .header_slide .bx-viewport li p {font-size:13px;letter-spacing:-1px;color:#5d5d5d}
#header .header_top .header_slide .bx-controls-direction {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#header .header_top .header_slide .bx-controls-direction .bx-prev {display:block;background:url('../../images/header_slide_prev.png') no-repeat center center;width:15px;height:15px;font-size:0}
#header .header_top .header_slide .bx-controls-direction .bx-next {display:block;background:url('../../images/header_slide_next.png') no-repeat center center;width:15px;height:14px;font-size:0}

#lnb {position: absolute;top: 0;right:190px;height: 100%}
#lnb:before {content: '';display: inline-block;vertical-align: middle;height: 100%}
#lnb ul {display: inline-block;vertical-align: middle}
#lnb li {position: relative;float: left;margin: 0 40px 0 0}
#lnb ul .tnb_admin:nth-child(3) {position: absolute;top: 10px;left:0;}
#lnb ul .tnb_admin:nth-child(4) {position: absolute;top: 10px;left:115px;}
#lnb li.tnb_admin:after {display:none}
#lnb li.tnb_admin a {color: red}
#lnb li:after {content: '';position: absolute;right: -20px;top: 5px;width: 1px;height: 10px;background: #b9b9b9;}
#lnb li:last-child {margin: 0}
#lnb li:last-child:after {content: none}
#lnb li a {}

#header .header_top .snsArea {position:absolute;right:0;top:50%;transform:translateY(-50%)}
#header .header_top .snsArea a {float:left;margin-left:10px}


#header.scroll	{position:fixed; left:0; margin-left:0px; z-index:1000;}


#gnb	{width:100%; height:47px;border-top:1px solid #cccccc;border-bottom:2px solid #57b2e1}
#gnb .gnb_wrap {width:1200px;margin:0 auto}
#gnb #logo	{float:left; padding-top:20px; margin-left:10px;}
#gnb #logo a	{display:block;}
#gnb .set_menu {width:100%}
#gnb .set_menu>li	{float:left;width:11.1111% }

#gnb .set_menu .dep1	{display:block; overflow:hidden;height:45px; margin-top:0;text-align: center;line-height: 45px;font-size:16px;letter-spacing: -0.5px;}
#gnb .set_menu .cont_center {width:1200px}
#gnb .sub_menu	{visibility:hidden; position:absolute; left:0; width:100%; background:#fff; z-index:100;border-bottom: 2px solid #57b2e1;min-width:1320px}
#gnb .sub_menu .menu_left	{float:left; width:150px;height:260px;text-align:center; background-image: linear-gradient(-50deg,#38a0ae,#48cbaf);padding-top:45px;box-sizing:border-box}
#gnb .sub_menu .menu_left h2 {font-size:18px;color:#fff;font-weight:600}
#gnb .sub_menu .menu_left span {display:inline-block;width:30px;height:2px;background-color:#fff;margin:10px auto}
#gnb .sub_menu .menu_left p {font-size:13px;color:#f3f3f3;line-height:1.4}

#gnb .sub_menu .menu_quick {float:right;width:600px}
#gnb .sub_menu .menu_quick li {float:left;width:50%}

.sub_menu ul	{float:left;}
.sub_menu .menu_list {position:relative; width:450px; height:250px; padding:15px 30px;background-color:#fff}
/*.sub_menu .menu_list .dep2 {width:155px}*/

.menu_list .dep2_tp2	{width:33.333%;float:left;margin-bottom:5px}
.menu_list .dep2_tp2 a	{position: relative;display:inline-block;padding-left:15px; font-weight: 500; color:#333;font-size:14px}
.menu_list .dep2_tp2 a::before	{position: absolute; top:5px; left:0px; content: 'ㆍ'; font-weight:500; font-size: 1px; color:#333;}
.menu_list .dep2_tp2 a:hover, .menu_list .dep2_tp2 a:hover::before {color:#2cb99c}


.menu2 .sub_menu .menu_list, .menu3 .sub_menu .menu_list, .menu4 .sub_menu .menu_list, .menu5 .sub_menu .menu_list {position:relative; width:390px; height:250px; padding:15px 30px; background:url(../../images/nav/dep2_bg.jpg) repeat-y left top #fff;}
.sub_menu .menu_list .dep2>a	{position: relative;display:block; overflow:hidden; width:155px; font-size:14px; padding-left:15px; padding-right:15px; font-weight:500; color:#333; }
.sub_menu .menu_list .dep2>a::before	{position: absolute; top:5px; left:0px; content: 'ㆍ'; font-weight:500; font-size: 1px; color:#333;}
.sub_menu .menu_list .dep2.on>a, .sub_menu .menu_list .dep2.on>a::before {color:#2cb99c;}

.sub_menu .menu_list .dep3	{position:absolute; top:15px; left:160px; visibility:hidden; width:290px; height:100%; padding-left:30px; opacity:0;z-index:100;}
.sub_menu .menu_list .dep3 li	{width:100%;float:left;line-height:1}
.sub_menu .menu_list .dep3 li a	{position: relative; display:inline-block; overflow:hidden; width:auto; padding-left:15px; font-weight: 500; color:#555555;}
.sub_menu .menu_list .dep3 li a::before	{position: absolute; top:5px; left:0px; content: 'ㆍ'; font-weight:400; font-size: 1px; color:#555;}
.sub_menu .menu_list .dep3 li a:hover, .sub_menu .menu_list .dep3 li a:hover::before {color:#3ca9ae}

.sub_menu .menu_list .dep3.w50 li {width:50%;display:inline-block;}

#contents	{overflow:hidden;}
#contents_board {width:1200px; margin:0 auto 80px ; /*padding-top:80px;*/}
#contents_register {width:1200px; margin:152px auto 80px ; padding-top:80px;}


/* footer */
#footer	{background:url(../../images/footer_bg.jpg)no-repeat center center;background-size:cover;height:400px;width:100%}
#footer .footer_cont{position:absolute;right:0;width:550px; height:auto;padding:60px 0 40px;text-align:center}
#footer .footer_cont > p {font-size:15px;color:#030303;font-weight:300;opacity:0.7;letter-spacing: 14px;padding-left: 10px;}
#footer .footer_cont h3 {font-size:44px;color:#030303;font-weight:300;letter-spacing: -2px;}
#footer .footer_cont h3 span {color:#124ea7}
#footer .footer_cont .ft_line {width:1px;height:30px;background-color:#030303;opacity:0.35;display:block;margin:5px auto 10px;}
#footer .footer_cont .ft_agree {width:450px;margin:15px auto 25px}
#footer .footer_cont .ft_agree li {float: left;display: inline-block;cursor: pointer;width:140px; border-radius: 20px; font-size: 15px; margin: 0 5px;color:#fff;font-weight:300;height: 30px;line-height: 30px;}
#footer .footer_cont .ft_agree li:first-child {background-color:#03a4b2}
#footer .footer_cont .ft_agree li:nth-child(2) {background-color:#346bbe}
#footer .footer_cont .ft_agree li:last-child {background-color:#13a587}
#footer .footer_cont .footer_text .address {font-size:16px;margin-bottom:10px;}
#footer .footer_cont .footer_text ul li {float:left;margin-right:8px;font-size: 15px;letter-spacing: -0.5px;color: #030303;}
#footer .footer_cont .footer_text .copyright {font-size:13px;color:#333;padding:8px 0 10px}
.ft_wrap {background-color:#f3f6fd;height:70px}


/* terms */
#terms {position: fixed;z-index: 1103;width: 70%;height: 90%;background: #fff;top: 101%;left: 15%}
#terms .t_group {display: -webkit-box;display: -ms-flexbox;display: flex;height: 55px}
#terms .t_group > li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
#terms .t_group > li+li .mn {border-left: 1px solid #ddd}
#terms .mn {position: relative;height: 55px;line-height: 55px;background: #f6f6f6;border-bottom: 1px solid #ddd;text-align: center;font-size: 15px;cursor: pointer;outline: none}
#terms .mn.on {background: #fff;border-bottom: 0;font-weight: 500}
#terms .mn.on:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #1a3544}
#terms .cont { display: none;position: absolute;top: 55px;left: 0;right: 0;bottom: 0;padding: 15px 35px 35px;-webkit-transition: opacity .4s;transition: opacity .4s;}
#terms .mn.on+.cont {display: block;}
#terms h5 {font-size: 35px;text-align: center;font-weight: 500;margin: 0 0 20px}
#terms .txt { white-space: pre-line;border: 1px solid #ddd;padding: 20px;font-size: 15px;line-height: 25px;overflow: auto;height: calc(100% - 105px);word-break: keep-all}
#terms_bg {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%!important;height: 100%!important;z-index: 1102;background: #000;opacity: 0.7}
#terms_close {opacity: 0;-webkit-transform: scale(0);transform: scale(0);position: absolute;right: -50px;top: 0;cursor: pointer}