@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}

#tnb {background-color:#f3f3f3;height:40px;border-bottom:0}
#tnb .tnbLeft {float:left}
#tnb .tnbLeft a {float: left;color:#fff;font-size:16px;text-align:center;width:125px;height: 40px;line-height: 40px;}
#tnb .tnbLeft a:first-child {background-color:#ffa79b}
#tnb .tnbLeft a:nth-child(2) {background-color:#7a86b1}
#tnb .tnbRight ul li {border-left:0;margin-bottom:0;}
#tnb .tnbRight ul li a {color: #222;line-height: 40px;padding:0 20px;border-right: 1px solid #ddd;}
#tnb .tnbRight ul li:last-child a {border-left:1px solid #ddd}
#tnb .tnbRight ul li a img {margin-right:5px;margin-top: -4px;}
#tnb .tnbRight ul li b {font-weight:500;font-size: 15px;}

#header {width:100%;z-index:1000;}
#header .header_top {height:120px;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 img {float:left;margin-right:15px;}
#header .header_top .header_slide li 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:20px;letter-spacing:-1px;font-weight:500;color:#333;margin:2px 0 7px;line-height:1}
#header .header_top .header_slide .bx-viewport li p {font-size:16px;letter-spacing:-0.5px;color:#666}
#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}

#header .header_top .top_tel {position:absolute;right:0;top:50%;transform:translateY(-50%)}


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


#gnb	{width:100%; height:57px;border-top:1px solid #cccccc;border-bottom:1px solid #ccc}
#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:12.5% }

#gnb .set_menu .dep1	{display:block; overflow:hidden;height:55px; margin-top:0;text-align: center;line-height: 55px;font-size:17px;letter-spacing: -0.5px;border-right:1px solid #ccc}
#gnb .set_menu > li:first-child .dep1 {border-left:1px solid #ccc}
#gnb .set_menu .cont_center {width:1200px}
#gnb .sub_menu	{visibility:hidden; position:absolute; left:0; width:100%; background:#fff; z-index:100;min-width:1320px}
#gnb .sub_menu .menu_left	{float:left; width:150px;height:260px;text-align:center; background-color:#7a86b1;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:#ff9182}


.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:#ff9182}

.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:#ff9182}

.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/ft_bg.jpg)no-repeat center center;background-size:cover;height:500px;width:100%;padding:80px 0 70px}
#footer #online {width:100%;margin-bottom: 50px;}
#footer #online > div {float:left}
#footer #online .onlineLeft {margin-right: 45px;}
#footer #online .onlineLeft h2 {font-size:44px;color:#fff;font-weight:600;line-height: 1;margin-bottom: 20px;}
#footer #online .onlineLeft p {font-size:20px;color:#fff;font-weight:400;letter-spacing: -0.5px;padding-left: 2px;}


#footer .footer_cont{width:100%;}
#footer .footer_cont .ft_line {width:100%;height:1px;background-color:rgba(124,124,124,0.3);display:block;margin:0 auto 20px;}
#footer .footer_cont .ft_agree {width:fit-content;margin:0 auto 15px}
#footer .footer_cont .ft_agree li {position:relative;float: left;display: inline-block;cursor: pointer;font-size: 17px;color:#fff;font-weight:300;padding:0 12px;line-height:1;border-right: 1px solid rgba(255,255,255,0.3);}
#footer .footer_cont .ft_agree li:last-child {border-right:0}
#footer .footer_cont .footer_info {margin-top:35px}
#footer .footer_cont .footer_info .infoLeft {float:left}
#footer .footer_cont .footer_info .infoRight {float:right}
#footer .footer_cont .footer_info p {font-size:15px;color:#fff;line-height: 1.6;}
#footer .footer_cont .footer_info p span {display:inline-block;margin-right:15px}
#footer .footer_cont .footer_info .copyright {margin-bottom:15px}
#footer .footer_cont .footer_info .infoLeft a {color:#ffcbc0;font-size:15px;}
#footer .footer_cont .footer_info .infoRight {float:right}
#footer .footer_cont .footer_info .infoRight img {vertical-align:top}
#footer .footer_cont .footer_info .infoRight ul {display:inline-block;padding-top:10px;padding-left:40px}
#footer .footer_cont .footer_info .infoRight ul li {font-size:13px;color:#fff;margin-bottom: 2px;}
#footer .footer_cont .footer_info .infoRight ul li span {display:inline-block;width:55px;text-align: justify;}

/* 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}


/* footer banner */
.footer_bn	{height:60px; padding:12px 0; background-color:#f4f4f4;box-sizing:border-box}
.footer_slider{width:2430px; height:60px; position:absolute;}
.footer_slider li{float:left; margin-left:10px;}
.bamey{width:1200px; height:60px; margin:0 auto;}

.footer_bn .frame{width:1120px; height:60px; float:left; position:relative; overflow:hidden;}
.footer_bn .left, .footer_bn .right{width:18px; height:40px; cursor:pointer; float:left;}
.footer_bn .left{margin-right:13px;}
.footer_bn .right{float:right;}


/*오른쪽 퀵메뉴*/
#quick_menu {position:fixed;right:0;top:50%;transform:translateY(-50%);width:90px;height:660px;z-index:99999}
#quick_menu ul li.bg {position:relative;width:90px;height:90px;text-align:center;font-size:15px;color:#222}
#quick_menu ul li.bg2 {position:relative;width:90px;height:90px;text-align:center;font-size:15px;color:#222}
#quick_menu ul li.bg a {display:block;height:90px}
#quick_menu ul li.bg2 a {display:block;height:90px}
#quick_menu ul li span {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%); width: 100%;}
#quick_menu ul li.bg0 {background-color:#f7f7f7}
#quick_menu ul li.bg1 {background-color:#fff}
#quick_menu ul li.bg2 {background-color:#ff9182}
#quick_menu ul li.bg2 a {color:#fff}
#quick_menu ul li.bg img {display:block;padding:13px 0 10px;margin:0 auto}
#quick_menu ul li.bg2 img {display:block;padding:13px 0 10px;margin:0 auto}
#quick_menu ul li.bg:hover {background-color:#ff9182}
#quick_menu ul li.bg:hover a {color:#fff}