@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:96%; margin:auto}
.box1{ width:1200px; margin:0 auto; max-width:100%}
.box2{ width:736px; margin:0 auto; max-width:95%;}
.PC{ display:block !important}
.PHONE{ display:none !important}
.PC1024{ display:block !important}
.PHONE1024{ display:none !important}
.PC768{ display:block !important}
.PHONE768{ display:none !important}
.PC500{ display:block !important}
.PHONE500{ display:none !important}
.PC500t{ display:table !important}
.PHONE500t{ display:none !important;}
.PC360{ display:block !important}
.PHONE360{ display:none !important}
 
/*header*/
#header{ position:fixed; z-index:999; left:0; top:0; width:100%; background:#fff;  border-bottom:1px solid #ccc;} 

#header .gnb_wrap{ position:relative; z-index:3; text-align:right;}
#header .gnb_wrap .pr{text-align:center;}
#header .gnb_wrap .va_wrap{ height:80px; transition:.2s; transition:0.5;}
#header .gnb_wrap .logo{position:absolute; left:0; top:0; z-index:10; width:90px; background:url(../images/inc/logo.png) no-repeat 0 center ; cursor:pointer;}

#header .gnb_wrap .right_menu{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; position:absolute; right:0; top:0;}
#header .gnb_wrap .right_menu ul{overflow:hidden;}
#header .gnb_wrap .right_menu ul li{float:left; margin-left:0.9em; font-size:.75em; color:#999;}
#header .gnb_wrap .right_menu ul li span{cursor:pointer;}
#header .gnb_wrap .right_menu ul li span a{ display:inline-block; font-size:1em; margin-right:20px;}
#header .gnb_wrap .right_menu ul li span a.on{background:#00b0eb;}
#header .gnb_wrap .right_menu ul li .side_menu_btn{width:45px; height:45px; text-align:center; background:#3363ad; transition:0.3s;}
#header .gnb_wrap .right_menu ul li .side_menu_btn img{padding-top:15px;}
#header .gnb_wrap .right_menu ul li .side_menu_btn:hover{background:#1a3a6c;}

#header .gnb_wrap .gnb{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .gnb_wrap .gnb > li{ position:relative;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 1.8em; min-width:3em; font-size:1.125em; font-weight:500; color:#333;}
#header .gnb_wrap .gnb .dp2{  display:none; position:absolute; top:100%; left:50%; right:0; width:190px; margin-left:-95px; padding:0.7rem 0; background:#fff; border:1px solid #ddd; border-top:none; }
#header .gnb_wrap .gnb .dp2 .va_wrap{ height:auto;}
#header .gnb_wrap .gnb .dp2 > li{ display:block;}
#header .gnb_wrap .gnb .dp2 > li.gnb_a{display:none;}
#header .gnb_wrap .gnb .dp2 > li > a{ padding:.5em .3em; font-size:.938em; color:#666;}
#header .gnb_wrap .gnb .dp2 > li:hover > a{ color:#000;}
#header .gnb_wrap .gnb .dp3{ display:none;}

#header .gnb_wrap .gnb > li.on .dp1,
#header .gnb_wrap .gnb > li:hover .dp1{color:#00b0eb}

#header.ani,
#header.white{ background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.15);}
#header.ani .gnb_wrap .logo,
#header.white .gnb_wrap .logo{background:url(../images/inc/logo.png) no-repeat 0 center ;}
#header.ani .gnb_wrap .va_wrap,
#header.white .gnb_wrap .va_wrap{height:60px; }


/*side_gnb*/
.side_gnb{opacity:0; visibility:hidden; position:fixed; width:100%; height:100%; overflow-y:auto; top:0; right:0; z-index:1001; transition:0.3s;}
.side_gnb::before{content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;}
.side_gnb .in{position:absolute; top:0; right:-300px; width:300px; background:#fff; display:block;  box-shadow:-3px 3px 8px rgba(0,0,0,0.3); transition:0.3s; height:100%;}
.side_gnb .logo_dv{text-align:center; padding:1.5em 0; border-bottom:4px solid #ffd403;}
.side_gnb .tit_dv{background:#333;}
.side_gnb .tit_dv .l_home{float:left; line-height:52px; font-size:21px; color:#fff; padding:0 16px; cursor:pointer;}
.side_gnb .tit_dv .l_home:hover{background:#555;}
.side_gnb .tit_dv .r_close{float:right; line-height:52px; font-size:21px; color:#fff; padding:0 16px; cursor:pointer;}
.side_gnb .tit_dv .r_close:hover{background:#555;}
.side_gnb .tit_dv .p1{float:left;color:#fff;line-height:52px; text-align:center; font-size:1.125em; width:186px;}
.side_gnb .gnb{ padding:0 0 20px; }
.side_gnb .gnb > li{width:100%;}
.side_gnb .gnb > li .dp1{font-size:1.125em; padding:13px 0; border-bottom:1px solid #ccc; background:#fff; color:#222;}
.side_gnb .gnb > li .dp2{}
.side_gnb .gnb > li .dp2 a{background:#f5f5f5; border-bottom:1px solid #ccc; padding:6px 0;}
.side_gnb .gnb > li .dp2 a .vm_tt{font-size:0.875em; color:#777; padding:16px 0;}

.side_gnb .gnb > li:hover .dp1{background:#eee;}
.side_gnb .gnb > li .dp2 a:hover{background:#eee;}
.side_gnb .gnb > li .dp2 a:hover .vm_tt{color:#000;}
.side_gnb .gnb > li .dp2 > li{width:100%!important;}
.side_gnb .gnb > li .dp2 > li.gnb_a{display:none;}

.side_gnb.on{opacity:1; visibility:visible}
.side_gnb.on .in{right:0;}


/*footer*/
#footer{position:relative; z-index:1; background:#2a323d;} 
#footer .f_bottom{border-bottom:1px solid rgba(255,255,255,0.2);}
#footer .f_bottom .box1{position:relative;}
#footer .f_bottom .menu01{font-size:0;}
#footer .f_bottom .menu01 li{position:relative; display:inline-block; *display:inline; zoom:1; margin-right:15px; padding-right:15px; vertical-align:middle;}
#footer .f_bottom .menu01 li a{ font-size:0.9rem; color:#fff; line-height:50px; font-weight:200;}
#footer .f_bottom .top_btn{position:absolute; right:0; top:0; background:#1c232b; color:#fff; width:50px; font-size:1.125em; text-align:center; height:100%; line-height:50px; cursor:pointer;}
#footer .f_bottom .top_btn .xi{ transition:0.3s;}
#footer .f_bottom .top_btn:hover .xi{transform:translate(0,-5px)}

#footer .f_info{ padding:3em 0;}
#footer .f_info .box1{position:relative;}
#footer .f_info .f_logo{position:absolute; right:0; top:0;}
#footer .f_info .f_info_txt{ text-align:left;}
#footer .f_info .f_info_txt li{display:inline-block; *display:inline; zoom:1; margin-right:20px; font-size:0.875em; font-weight:200; color:rgba(255,255,255,0.7); margin-bottom:3px; }
#footer .f_info .f_info_txt li.name{color:rgba(255,255,255,1);}
#footer .f_info .f_info_txt li.copy{display:block; color:rgba(255,255,255,0.4); margin-top:15px; font-size:.75em;}


/*contents*/
#contents{}
#contents .subTop_wrap{ position:relative; overflow:hidden;}
#contents .subVisual{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.2,1.2); transition:1s;}
#contents .subVisual.bg_1{ background-image:url(../images/sub/sub_visual1.jpg);}
#contents .subVisual.bg_2{ background-image:url(../images/sub/sub_visual2.jpg);}
#contents .subVisual.bg_3{ background-image:url(../images/sub/sub_visual3.jpg);}
#contents .subVisual.bg_4{ background-image:url(../images/sub/sub_visual4.jpg);}
#contents .subVisual.bg_5{ background-image:url(../images/sub/sub_visual5.jpg);}
#contents .subVisual.bg_6{ background-image:url(../images/sub/sub_visual1.jpg);}

#contents .subTit_wrap{ position:relative; z-index:2; height:22em;}

.dp1_2  #contents .subTit_wrap{height:18em;}

#contents .subTit_wrap .tit{ margin-bottom:4em; text-align:center; padding-top:10em;}
#contents .subTit_wrap .tit .tt{ display:block; color:#fff; filter:alpha(opacity=0); opacity:0; transition:1s;  }
#contents .subTit_wrap .tit .t1{ font-size:2.250em; font-weight:600; margin-left:10em;}
#contents .subTit_wrap .tit .t1:after{ content:""; display:block; margin:15px auto; width:50px; height:1px; background:#fff;}
#contents .subTit_wrap .tit .t2{ font-size:1em; letter-spacing:2px; font-family:ng;  margin-right:10em; }
.load #contents .subVisual{ transform:scale(1,1)}
.load #contents .subTit_wrap .tit .t1{ margin-left:0; filter:alpha(opacity=100); opacity:1;}
.load #contents .subTit_wrap .tit .t2{ margin-right:0; filter:alpha(opacity=60); opacity:0.6;}

#contents .subGnb_wrap{ position:absolute; z-index:3; left:0; bottom:10px; width:100%;}
#contents .subGnb_wrap .gnb{ position:relative; z-index:2; text-align:center; margin:0 auto;}
#contents .subGnb_wrap .gnb > li,
#contents .subGnb_wrap .gnb > li .dp1,
#contents .subGnb_wrap .gnb > li .dp3{ display:none}
#contents .subGnb_wrap .gnb > li.on,
#contents .subGnb_wrap .gnb > li.on .dp2{ display:block}
#contents .subGnb_wrap .gnb > li .dp2 > li > a{ height:3.3em; background:rgba(0,0,0,0.5); border-left:1px solid #777; font-size:1.063em; color:#999; transition:.3s;}
#contents .subGnb_wrap .gnb > li .dp2 > li:first-child > a{ border-left:none;}
#contents .subGnb_wrap .gnb > li .dp2 > li:hover > a{background:rgba(0,0,0,0.7);}
#contents .subGnb_wrap .gnb > li .dp2 > li.on > a{ background:#fff; color:#000;}

#contents .conTit_wrap{ border-bottom:1px solid #ddd; text-align:center; position:relative; background:#fff; transition:.3s; z-index:1; padding:2em 0;}
#contents .conTit_wrap .va_wrap{ height:6em; transition:.3s}
#contents .conTit_wrap .tit{ font-size:2.125em; color:#111; letter-spacing:-1px; font-weight:600;}
#contents .conTit_wrap .pageMove > li > a{ position:absolute; height:100%; color:#666; transition:.3s}
#contents .conTit_wrap .pageMove > li > a .xi{ width:2em; line-height:2em; text-align:center; background:#666; color:#fff; margin:0 .7em; border-radius:100%}
#contents .conTit_wrap .pageMove > li > a .xi:before{ font-size:1.25em;}
#contents .conTit_wrap .pageMove > li > a .tt{ display:inline-block; min-width:6em; font-size:1.125em; letter-spacing:-1px; opacity:.7;}
#contents .conTit_wrap .pageMove > li > a.prev{ left:0; padding-left:2%; text-align:left}
#contents .conTit_wrap .pageMove > li > a.next{ right:0; padding-right:2%; text-align:right}
#contents .conTit_wrap .pageMove > li > a:hover{ opacity:1; color:#272b31}
#contents .conTit_wrap .pageMove > li > a:hover .xi{ background:#272b31}
#contents .conTit_wrap .pageMove > li > a:hover .tt{ opacity:1}
#contents .conTit_wrap .pageMove > li > a.prev:hover{ padding-left:1%; padding-right:1%}
#contents .conTit_wrap .pageMove > li > a.next:hover{ padding-right:1%; padding-left:1%}

#contents .conGnb_wrap{ margin-top:2em; text-align:center;}
#contents .conGnb_wrap .gnb{}
#contents .conGnb_wrap .gnb > li,
#contents .conGnb_wrap .gnb > li .dp1,
#contents .conGnb_wrap .gnb > li .dp2 > li,
#contents .conGnb_wrap .gnb > li .dp2 > li > a{ display:none;}
#contents .conGnb_wrap .gnb > li.on,
#contents .conGnb_wrap .gnb > li.on .dp2 > li.on{ display:block;}
#contents .conGnb_wrap .gnb .dp3{ padding-left:1px;}
#contents .conGnb_wrap .gnb .dp3 > li{ max-width:33.33%; min-width:20%;}
#contents .conGnb_wrap .gnb .dp3 > li .va_wrap{ height:3em; text-align:left;}
#contents .conGnb_wrap .gnb .dp3 > li > a{ position:relative; margin-left:-1px; padding:0 3.5em 0 1.5em; background:#f8f8f8; border:1px solid #ccc; overflow:hidden; font-size:1.063em;}
#contents .conGnb_wrap .gnb .dp3 > li > a:after{ content:"\e907"; font-family:xeicon; position:absolute; right:1.5em; top:.7em; width:1.5em; line-height:1.5em; background:#fff; border:1px solid #ddd; border-radius:100%; color:#00a031; text-align:center; transition:.2s;}
#contents .conGnb_wrap .gnb .dp3 > li:hover > a:after{ right:.5em;}
#contents .conGnb_wrap .gnb .dp3 > li.on > a{ background:#272b31; border-color:#272b31; color:#fff;}
#contents .conGnb_wrap .gnb .dp3 > li.on > a:after{ background:#00a031; border-color:transparent; color:#fff;}

#contents .pageCon_wrap{ padding:3em 0 8em 0;}
#contents .doc{}
#contents .doc_main{}

.dp1_2  #contents .subGnb_wrap{display:none;}

.dp1_member #contents .conTit_wrap{border-bottom:0; display:none;}
.dp1_member #contents .pageCon_wrap{padding:11em 0 8em 0}
.dp1_member #contents .subTit_wrap{display:none;}
.dp1_member #contents .conGnb_wrap{display:none;}

/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:4em !important;}
.page_sec1{ margin-top:2em !important;}
.page_sec2{ margin-top:3em !important;}
.page_sec3{ margin-top:5em !important;}



/*map*/
.map_info .map_tit{position:relative; text-align:center; font-size:2em; font-weight:500; margin-bottom:2em;}
.map_info .map_tit::before{content:''; position:absolute; bottom:-20px; left:50%; margin-left:-30px; width:30px; height:3px; background:#0cb0e6}
.map_info .map_tit::after{content:''; position:absolute; bottom:-20px; right:50%; margin-right:-30px; width:30px; height:3px; background:#000}
.map_info .con_box{ padding:15px 0; background:#fff; border-top:2px solid #333; border-bottom:1px solid #999; text-align:left;}
.map_info .con_box > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; margin:2px 0;}
.map_info .con_box > li > *{ vertical-align:middle;}
.map_info .con_box > li .xi{ margin-right:10px; width:40px; line-height:40px; background:#0cb0e6; border-radius:50%; font-size:1.063em; color:#fff; text-align:center;}
.map_info .con_box > li .tt{ font-family:"roB","ngB",sans-serif;}
.root_daum_roughmap{margin-top:2em; width:100%!important; padding:0%!important; border:0!important;} 



/*MEMBER***************************/
.member_wrap{ letter-spacing:-.5px;}
.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:680px; max-width:100%; margin:0 auto;}
.member_wrap .modify_box { width:680px; max-width:100%; margin:0 auto;}

.member_wrap .member_tit{ padding:0 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-family:'Ms','NotoSans',sans-serif; font-size:2em; color:#3c3c3d; font-weight:600; letter-spacing:0; text-transform:uppercase;}
.member_wrap .member_tit .txt{ font-size:1.125em; color:#69696b; font-weight:300; padding-top:.8em;}

.member_wrap .member_form{ padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#044ea3;}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em;}
.member_wrap .form .btn_wrap .btn.c1{ background:#0059ad; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#0059ad; color:#0059ad;}
.member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;}
.member_wrap .form .btn_wrap .btn.c4{ background:#2db400; color:#fff;}
.member_wrap .form .btn_wrap .btn.c5{ background:#ffe812; color:#000;}
.member_wrap .form .btn_wrap .btn i{margin-right:.5em;}

.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

.member_wrap .form .sns_wrap{ margin-top:2em;}
.member_wrap .form .sns_wrap .btn{ position:relative; display:block; margin-top:.4em; border:1px solid #ccc; border-radius:5px;}
.member_wrap .form .sns_wrap .btn:first-child{ margin-top:0;}
.member_wrap .form .sns_wrap .btn .tt{ display:block; box-sizing:border-box; line-height:55px; padding:0 1em 0 6em; color:#3c3c3d;}
.member_wrap .form .sns_wrap .btn .icon{ position:absolute; top:-1px; left:-1px; bottom:-1px; width:2em; line-height:57px; border-radius:5px 0 0 5px; text-align:center; font-size:2.000em; color:#fff;}
.member_wrap .form .sns_wrap .btn .icon.naver{ background:#2CB400;}
.member_wrap .form .sns_wrap .btn .icon.daum{ background:linear-gradient(-225deg, #6e9cfc 0%, #fb676a 70%, #ffe001 100%); font-family:'Ms','NotoSans',sans-serif; font-weight:600;}
.member_wrap .form .sns_wrap .btn .icon.google{ background:#1A73E8;}
.member_wrap .form .sns_wrap .btn .icon.kakao{ background:#FAE100; color:#3C1E1E;}
.member_wrap .form .sns_wrap .btn:hover{}

.member_wrap .form2{ margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;}
.member_wrap .form2:first-child{ margin-top:0; padding-top:0; border-top:none;}
.member_wrap .form2 > li{ margin-top:.4em; font-weight:300;}
.member_wrap .form2 > li:first-child{ margin-top:0;}
.member_wrap .form2 .inp_wrap{ color:#3c3c3d;}
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st{ background-color:transparent;}
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st{ background-color:#f5f5f5;}
.member_wrap .form2 .check_wrap > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.member_wrap .form2 .check_wrap .label_wrap{ width:100%;}
.member_wrap .form2 .check_wrap .label_wrap > *{ width:33.33%; margin:.2em 0;}
.member_wrap .form2 .check_wrap .tit{ display:block; font-size:1.125em; padding-bottom:1em}
.member_wrap .form2 .check_wrap .check_ul{ background:#f9f9f9; padding:1em}
.member_wrap .form2 .check_wrap .check_ul > li{ width:33.33%; padding:.3em 0}
.member_wrap .form2 .ess{ display:none;}
.member_wrap .form2 .required .ess{ display:inline-block;}
.member_wrap .form2 .field{ position:relative;}
.member_wrap .form2 .field .txt{ position:absolute; z-index:-1; top:50%; left:1.2em; transform:translate(0, -50%); transition:transform .2s ease-out; transform-origin:0 0;}
.member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -120%) scale(.7,.7);}
.member_wrap .form2 .col .col_w1{ width:65.68%; margin-left:1%;}
.member_wrap .form2 .col .col_w1:first-child{ width:66.66%; margin-left:0;}
.member_wrap .form2 .col .col_w2{ width:32.34%; margin-left:1%;}
.member_wrap .form2 .col .col_w2:first-child{ width:33.32%; margin-left:0;}

.member_wrap .form2 .tit.input_st{ background:#f5f5f5;}
.member_wrap .form2 .check_st{ position:relative; text-align:center; border-color:transparent; cursor:pointer;}
.member_wrap .form2 .check_st .on{ position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; border:1px solid #095282; border-radius:5px;}
.member_wrap .form2 .check_st .on ~ span{ position:relative; color:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on{ background:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span{ color:#fff;}
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}

.member_wrap .type_wrap{}
.member_wrap .type_wrap > li{ width:50%;}
.member_wrap .type_wrap > li .inner{ border-left:1px solid #ddd; padding:0 2em; text-align:center;}
.member_wrap .type_wrap > li:first-child .inner{ border-left:none;}
.member_wrap .type_wrap .icon{ height:8em;}
.member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;}
.member_wrap .type_wrap .txt .t1{ font-size:1.500em; color:#3f3f9f;}
.member_wrap .type_wrap .txt .t2{ font-size:.938em; color:#69696b; padding-top:.4em;}
.member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.6em 2.5em; background:#fff; border:1px solid #3f3f9f; border-radius:5px; color:#3f3f9f; transition:.2s;}
.member_wrap .type_wrap .btn:hover{ background:#3f3f9f; color:#fff;}

.member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb;}
.member_wrap .terms_wrap > li{ padding-top:1.5em;}
.member_wrap .terms_wrap > li:first-child{ padding-top:0;}
.member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.125em; color:#3c3c3d; font-weight:400;}
.member_wrap .terms_wrap .c1{ color:#d31717;}

.member_wrap .finish_wrap{ text-align:center;}
.member_wrap .finish_wrap .tit{ font-size:1.500em; color:#3c3c3d; letter-spacing:-1px; font-weight:600;}
.member_wrap .finish_wrap .txt{ padding:.4em 0; color:#69696b; font-weight:300;}
.member_wrap .finish_wrap .join_fin{ font-size:.938em; color:#3c3c3d;}
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td{ padding:.8em 1.5em; border:1px solid #ddd; text-align:left;}
.member_wrap .finish_wrap .join_fin .th{ width:10em; background:#f5f5f5;}
.member_wrap .finish_wrap .join_fin .td{ width:auto; letter-spacing:0;}

.member_btn_wrap{ margin:1.5em 0 0 -.4em;}
.member_btn_wrap > *{ width:50%;}
.member_btn_wrap .in{ margin-left:.4em;}

.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right;}
.member_agree h1{ color:#111; font-weight:500}

.page_step_wrap{ text-align:center; margin-bottom:1em}
.page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;}
.page_step_wrap .step > li .in{ position:relative; padding:0 1em; min-width:8em;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em;}
.page_step_wrap .step > li:first-child .in:before{ display:none;}
.page_step_wrap .step > li .in > *{ position:relative; display:block;}
.page_step_wrap .step > li .in .xi{ margin:.5em 0; font-size:2em; color:#ddd;}
.page_step_wrap .step > li .in .xi:before{ position:relative; z-index:2;}
.page_step_wrap .step > li .in .xi:after{ content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:2em; height:2em; background:#f5f5f5; border-radius:100%;}
.page_step_wrap .step > li .in .tt{ font-size:1em; color:#aaa; font-weight:500;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:#044ea3;}
.page_step_wrap .step > li.on .in .tt{ color:#3c3c3d;}


/**/
.label_st.ml{ margin-left:30px}
.label_st.mr{ margin-right:30px}


.page_tit{ font-size:1.125em; color:#111; padding-bottom:.25em}
.page_tit .xi{ margin:-.25em .25em 0 .25em}
.page_tit .xi:before{content:"\ea55"}

.link_st:hover{ text-decoration:underline}

.tt_st1{ font-family:ns,sans-serif; font-size:1.125em; color:#333}

.box_st{ padding:2em; border:1px solid #ddd;}

.table_st{ border-top:2px solid #333; table-layout:fixed}
.table_st th,
.table_st td{ padding:.5em 1em; font-size:.813em; height:3em}
.table_st td{ padding:1em 1em}
.table_st th{ background:#fff; color:#111; border-bottom:1px solid #333}
.table_st td{ background:#fff; color:#666; text-align:center; border-bottom:1px solid #ddd;}
.table_st .ess{ color: #ea4841; float:right; line-height:.6}
.table_st .ess:before{ content:"\e929"; font-size:1.5em}

.table_st.form th{ text-align:left; border-color:#ddd}
.table_st.form td{ text-align:left}

.table_st.size1 th,
.table_st.size1 td{ height:1em}

.table_st.size2 td{ padding:2em 1em}

.table_st.bg1 th,
.table_st.bg1 td{ background:#f9f9f9}

.table_st.noline{ border-top:none}

.table_st .total_wrap{ text-align:right; padding-right:2.5em!important; font-size:.938em; position:relative}
.table_st .total_wrap:before,
.table_st .total_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:#111}
.table_st .total_wrap:after{ top:auto; bottom:-1px; background:#ddd}
.table_st .total_wrap .icon{ padding:0 1em; color:#111; font-size:1.75em; margin-top:-.1em}

.tt_point{ font-family:tahoma,sans-serif; font-weight:bold; color:#ea4841; font-size:1.125em}
.tt_price,
.tt_price *{ vertical-align: baseline}
.tt_price .no{ font-family:tahoma,sans-serif; font-weight:bold; font-size:1.25em; color:#111; padding-right:.25em; letter-spacing:-1px}

.tt_state1{ color:#777}
.tt_state2{ color: #CC3333}
.tt_state3{ color: #6633CC}
.tt_state4{ color: #006699}
.tt_state5{ color: #111}

.mypage_small_dv{max-width:800px; margin:0 auto;}
.mypage_small_dv .tit01{text-align:center; padding:1em 0; font-size:1.125em;}

/*privacy*/
.terms_area{ padding:20px; background:#f7f7f7; border-bottom:1px solid #999;  color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee; font-size:0.875em;}
.terms_area .terms_box strong{ color:#111; font-weight:500; vertical-align:bottom;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_area.agree .check{ margin-top:10px; text-align:right;}


/*이메일무단수집거부*/
.page_email{ letter-spacing:-1px;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8;}


/*MAIN STYLE*******************************/
/**/
.wrap{width:2000px; position:relative; left:50%; margin-left:-1000px;}

.main_visual{ position:relative; background:#333;}
.main_visual,
.main_visual .visual .item{ height:480px;}
.main_visual .visual{ position:absolute; top:0; left:0; width:100%;}
.main_visual .visual .item{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

.main_visual .slogan{padding-top:160px; text-align:center; opacity:1; position:relative; color:#fff;}
.main_visual .slogan .slg_en{opacity:.5; font-size:1.375em; letter-spacing:7px; font-weight:200;}
.main_visual .slogan .slg_kr{font-size:2.875em; opacity:1; margin-bottom:1rem;}
.main_visual .slogan .slg_ctt{font-weight:200; line-height:1.4;}

.main_visual .control_box{ position:absolute; z-index:15; top:50%; left:0; width:100%; text-align:center;}
.main_visual .control_arrow{}
.main_visual .control_arrow > li{ position:absolute; top:0; margin-top:-25px; width:50px; height:50px; line-height:50px; border:2px solid #fff; border-radius:50%; cursor:pointer; font-size:1.1250em; color:#fff; opacity:.6; transition:.2s;}
.main_visual .control_arrow > li.prev{left:2%;}
.main_visual .control_arrow > li.next{ right:2%;}
.main_visual .control_arrow > li:hover{ opacity:1;}

.main_visual .slick-dots{ position:absolute; z-index:1001; bottom:80px; left:0; width:100%; text-align:center;}
.main_visual .slick-dots > ul{ width:1200px; margin:0 auto;}
.main_visual .slick-dots > ul > li{ display:inline-block; margin-right:5px; font-size:0; line-height:0;}
.main_visual .slick-dots > ul > li > button{ width:30px; height:8px; background:#fff; border:none; transition:.3s; filter:alpha(opacity=30); opacity:0.3; font-size:0; cursor:pointer;}
.main_visual .slick-dots > ul > li:hover > button,
.main_visual .slick-dots .slick-active > button{ filter:alpha(opacity=100); opacity:1;}
.main_visual .slick-dots .slick-active > button{ width:50px;}

.main_con_1{background:#3363ad; color:#fff;}
.main_con_1 .news_box{position:relative;  height:80px;}
.main_con_1 .news_box .news_slide .tt{position:absolute; left:0; top:50%; z-index:3; transform:translateY(-50%);}
.main_con_1 .news_box .news_slide .tt .xi{display:inline-block; *display:inline; zoom:1; vertical-align:baseline; color:#fff; font-size:1em; margin-left:10px;}
.main_con_1 .news_box .news_slide .tt span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:1.125em;;  cursor:pointer;}
.main_con_1 .news_box .news_slide .slides{}
.main_con_1 .news_box .news_slide .slides li{height:80px; line-height:80px; position:relative;}
.main_con_1 .news_box .news_slide .slides li .notice_tit {color:#fff; font-family:notokrR; font-size: 1em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-left:130px; vertical-align:middle; width:70%; cursor:pointer}
.main_con_1 .news_box .news_slide .slides li .notice_tit .xi {vertical-align:bottom; padding-right:3px;}
.main_con_1 .news_box .news_slide .flex-direction-nav{position:absolute; right:0; bottom:16px;}
.main_con_1 .news_box .news_slide .flex-direction-nav li{display:inline-block;}
.main_con_1 .news_box .news_slide .flex-direction-nav a{display:block; height:40px; width:40px; font-size:0;}
.main_con_1 .news_box .news_slide .flex-direction-nav a:hover{background-color:#111;}
.main_con_1 .news_box .news_slide .flex-direction-nav .flex-prev{background-color:#595959; background-image:url(../images/main/arr_up.png); background-repeat:no-repeat; background-position:center center; margin-right:1px;}
.main_con_1 .news_box .news_slide .flex-direction-nav .flex-next{background-color:#595959; background-image:url(../images/main/arr_down.png);  background-repeat:no-repeat; background-position:center center;}
.main_con_1 .news_box .news_slide .slides li .notice_date{position:absolute; right:0; top:0; color:#fff; font-family:notokrR; font-size:.875em;}

.main_con_2{padding:3.75rem 0;}
.main_con_2 .con_tit_box{text-align:center; position:relative;}
.main_con_2 .con_tit_box .con_tit{font-size:2.125em;}
.main_con_2 .con_tit_box .con_sub_tit{font-size:.875em; color:#666; margin-top:1.875rem;}
.main_con_2 .con_tit_box .btn_st_1{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:.875em; width:150px; height:40px; line-height:40px; text-align:center; border-radius:20px; border:1px solid #ccc; background:#3264a9; color:#fff; cursor:pointer; transition:.3s;}
.main_con_2 .con_tit_box .btn_st_1:hover{font-size:1em;}

.main_con_2 .con_ctt_box{margin-top:3.125em;}
.main_con_2 .con_ctt_box ul{display:flex; flex-wrap:nowrap;}
.main_con_2 .con_ctt_box ul li{width:20%; border-right:1px solid #ddd; box-sizing:border-box; text-align:center; transition:.3s;}
.main_con_2 .con_ctt_box ul li:hover{background:#d6e2f5;}
.main_con_2 .con_ctt_box ul li:last-of-type{border-right:0;}
.main_con_2 .con_ctt_box ul li .icon_box{text-align:center; height:100px; line-height:100px;}
.main_con_2 .con_ctt_box ul li .icon_box img{margin-top:20px;}
.main_con_2 .con_ctt_box ul li .txt_box{}
.main_con_2 .con_ctt_box ul li .txt_box .txt_tit{font-size:1.125em; font-weight:500; padding:.5rem 0;}
.main_con_2 .con_ctt_box ul li .txt_box .txt_sub{font-size:.875em; font-weight:500; line-height:1.4; color:#666; margin-bottom:1.375rem;}

.main_con_3{background:url('../images/main/maincon3_bg.jpg') no-repeat center/cover; padding:2.5em 0;}
.main_con_3 .box1 > ul{display:flex; flex-wrap:nowrap; justify-content:space-between;}
.main_con_3 .box1 > ul > li{box-sizing:border-box;}
.main_con_3 .box1 > ul > li:nth-of-type(1){width:285px; background:#fff; padding:1.625em 1.25em;}
.main_con_3 .box1 > ul > li:nth-of-type(2){width:590px; background:#fff; padding:1.625em 1.25em;}
.main_con_3 .box1 > ul > li:nth-of-type(3){width:285px;}
.main_con_3 .box1 > ul > li .box_tit_box{position:relative;}
.main_con_3 .box1 > ul > li .box_tit_box .box_tit{font-size:1.25em; display:inline-block; position:relative; z-index:50;}
.main_con_3 .box1 > ul > li:nth-of-type(-n+2) .box_tit_box .box_tit{font-weight:500;}
.main_con_3 .box1 > ul > li .box_tit_box{margin-bottom:1.5em;}
.main_con_3 .box1 > ul > li .box_tit_box .box_tit:before{content:''; display:block; width:100%; height:10px; background:#c4e0f8; position:absolute; left:0; bottom:0; z-index:-1;}
.main_con_3 .box1 > ul > li .box_tit_box .more_btn{display:inline-block; width:30px; height:30px; border:1px solid #ccc; box-sizing:border-box; position:absolute; top:0; right:0; text-align:center; line-height:28px; font-size:1.125em; background:#fff; transition:.3s;}
.main_con_3 .box1 > ul > li .box_tit_box .more_btn:hover{background:#ccc;}
.main_con_3 .box1 > ul > li .box_tit_box .more_btn a{color:#575757; display:block; width:100%; height:100%; transition:.3s;}
.main_con_3 .box1 > ul > li .box_tit_box .more_btn:hover a{transform:rotate(180deg);}
.main_con_3 .box1 > ul > li .notice_box .box_ctt_box ul li{border-bottom:1px solid #ccc; padding-bottom:6px; margin-bottom:6px; cursor:pointer;}
.main_con_3 .box1 > ul > li .notice_box .box_ctt_box ul li:last-of-type{margin-bottom:0; border-bottom:0; padding-bottom:0;}
.main_con_3 .box1 > ul > li .notice_box .box_ctt_box ul li .notice_tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.875em; color:#333; margin-bottom:4px;}
.main_con_3 .box1 > ul > li .notice_box .box_ctt_box ul li .notice_tit:hover{text-decoration:underline;}
.main_con_3 .box1 > ul > li .notice_box .box_ctt_box ul li .notice_date{font-size:.875em; color:#777;}
.main_con_3 .box1 > ul > li .notice_box .box_ctt_box ul li .notice_date i{margin-top:-2px;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_tit{font-size:.875em; margin-bottom:1em;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt{display:flex; flex-wrap:nowrap; justify-content:space-between;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box{width:calc(100% - 185px);}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between; height:100%;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li:nth-of-type(1){display:flex; flex-wrap:nowrap; justify-content:space-between;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li:nth-of-type(-n+2){height:calc(25% - 5px);}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li:nth-of-type(3){height:50%;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li input{height:100%;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li input:nth-of-type(1){width:calc(40% - 5px);}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li input:nth-of-type(2){width:60%;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li textarea{height:100%; width:100%; overflow:auto; -ms-overflow-style:none;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li textarea::-webkit-scrollbar{display:none;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li input,
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li textarea{border:none; outline:none; background:#e5e5e5; padding:.75em .875em; box-sizing:border-box; font-size:.875em;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li input::placeholder{color:#444444 !important;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li textarea::placeholder{color:#444444 !important;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .form_box ul li input[name=
subject]{width:100%;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .inquiry_btn{width:180px; height:175px; background:#3363ad; border:1px solid #0545a9; box-sizing:border-box; color:#fff; cursor:pointer;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .inquiry_btn div{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; text-align:center; align-items:center; height:100%; transition:.3s;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .inquiry_btn:hover div{transform:scale(1.2);}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .inquiry_btn div i{font-size:2.25em;}
.main_con_3 .box1 > ul > li .inquiry_box .box_ctt_box .box_ctt_ctt .inquiry_btn div span{font-weight:300;}
.main_con_3 .box1 > ul > li:last-of-type{display:flex; flex-direction:column; justify-content:space-between;}
.main_con_3 .box1 > ul > li .cs_box{padding:1.625em 1.875em; background:#2a323d; border:1px solid #14191f; box-sizing:border-box; color:#fff; margin-bottom:5px;}
.main_con_3 .box1 > ul > li .cs_box .box_tit_box{margin-bottom:1em;}
.main_con_3 .box1 > ul > li .cs_box .box_tit_box .box_tit{font-weight:200;}
.main_con_3 .box1 > ul > li .cs_box .box_tit_box .box_tit:before{background:#254866;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li{font-size:.8125em; font-weight:200; margin-bottom:1rem;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li:last-of-type{margin-bottom:0;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li:last-of-type a{display:inline-block; color:#fff;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li span:first-of-type{display:inline-block; min-width:3rem; vertical-align:baseline; font-weight:200;}
.main_con_3 .box1 > ul > li .cs_box .box_ctt_box ul li .txt_400{font-weight:400;}
.main_con_3 .box1 > ul > li .etc_box{display:flex; flex-wrap:nowrap; justify-content:space-between; height:calc(100% - 192px);}
.main_con_3 .box1 > ul > li .etc_box > div{width:50%; background:#193157; border:1px solid #121f3f; box-sizing:border-box; color:#fff;}
.main_con_3 .box1 > ul > li .etc_box > div:first-of-type{margin-right:5px;}
.main_con_3 .box1 > ul > li .etc_box > div div{display:flex; flex-wrap:wrap; flex-direction:column; text-align:center; justify-content:center; align-items:center; height:100%; font-weight:200; cursor:pointer; transition:.3s;}
.main_con_3 .box1 > ul > li .etc_box > div div:hover{transform:scale(1.2);}
.main_con_3 .box1 > ul > li .etc_box > div div i{font-size:2em;}
.main_con_3 .box1 .partner_slide_wrap{width:980px; margin:20px auto 0; position:relative;}
.main_con_3 .box1 .partner_slide_wrap .flex-direction-nav{position:absolute; top:0; left:0; width:100%;}
.main_con_3 .box1 .partner_slide_wrap .flex-direction-nav li{font-size:0; display:inline-block; width:50px; height:50px; position:absolute;}
.main_con_3 .box1 .partner_slide_wrap .flex-direction-nav li.flex-nav-prev{background:url(../images/inc/sl_left.png) no-repeat center/cover; left:-80px; transition:.3s;}
.main_con_3 .box1 .partner_slide_wrap .flex-direction-nav li.flex-nav-prev:hover{background:url(../images/inc/sl_left_on.png) no-repeat center/cover;}
.main_con_3 .box1 .partner_slide_wrap .flex-direction-nav li.flex-nav-next{background:url(../images/inc/sl_right.png) no-repeat center/cover; right:-80px; transition:.3s;}
.main_con_3 .box1 .partner_slide_wrap .flex-direction-nav li.flex-nav-next:hover{background:url(../images/inc/sl_right_on.png) no-repeat center/cover;}
.main_con_3 .box1 .partner_slide_wrap .flex-direction-nav li a{display:block; width:100%; height:100%;}

/*SUB*/
@font-face {font-family: 'SongganggasaR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/OTSongganggasaRA.woff') format('woff'); font-weight: normal; font-style: normal;}

.txt_big{font-size:1.625rem; vertical-align:baseline;}
.txt_yellow{color:#fdc705 !important; vertical-align:baseline;}
.txt_white{color:#fff; vertical-align:baseline;}
.txt_blue{color:#3363ad; vertical-align:baseline;}
.txt_bold{font-weight:bold; vertical-align:baseline;}

/*video*/
.videoCon{width:80%; margin:0 auto;}
.videoCon iframe{width:100%; height:516px;}

/*sub1_1*/
.dp1_1.dp2_1 #contents .pageCon_wrap{padding-bottom:0;}

.sub1_1 .grt_box{display:flex; flex-wrap:nowrap; justify-content:space-between; font-weight:400; margin-bottom:4em;}
.sub1_1 .grt_box > div{width:45%;}
.sub1_1 .grt_box .txt_box{line-height:1.6; color:#111;}
.sub1_1 .grt_box .txt_box .grt_tit{font-size:1.5em;}
.sub1_1 .grt_box .txt_box .grt_sub_tit{font-size:1.5em;}
.sub1_1 .grt_box.grt_bottom{padding:4em 0; margin-bottom:0;}
.sub1_1 .grt_box .box_l{opacity:0; margin-left:-4em; transition:
1s;}
.load .sub1_1 .grt_box .box_l{opacity:1; margin-left:0;}
.sub1_1 .grt_box .box_r{opacity:0; margin-right:-4em; transition:
1s;}
.load .sub1_1 .grt_box .box_r{opacity:1; margin-right:0;}
.sub1_1 .grt_bg{background:#f5f5f5;}

/*sub1_2*/
.dp1_1.dp2_2 #contents .pageCon_wrap{padding-top:0;}
.map .w100{ width:100% !important;}
.map .root_daum_roughmap{ padding:0; border:none;}
.map .sub_tbl .tbl_st {border:1px solid #ccc;  border-top:2px solid #85a1b9; font-size:0.938em; width:100%;}
.map .sub_tbl .tbl_st tbody th {background:#f0f4f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; font-weight:500; font-size:1.000em; color:#333;   text-align:center; }
.map .sub_tbl .tbl_st tbody th .xi{ margin-right:5px;}
.map .sub_tbl .tbl_st tbody td {background:#fff; text-align:left; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; line-height:1.5;}
.map .sub_tbl .tbl_st tbody td a{color:#666;}
.map .sub_tbl .tbl_st tbody td .in_tt{ color:#111; margin-bottom:2px;}
.map .sub_tbl .tbl_st tbody td .in_tx{display:inline-block;}
.map .sub_tbl .tbl_st tbody td .in_tx:not(:first-of-type){margin-left:20px;}
.map .sub_tbl .tbl_st tbody td .in_tx .c_box{ vertical-align:inherit; padding:3px 10px; background:#aaa; border-radius:30px; font-size:.875em; color:#fff; margin-right:10px;}
.map_img{ box-sizing:border-box; border:1px solid #ddd;}

/*sub1_3*/
.dp1_1.dp2_3 #contents .pageCon_wrap{padding-bottom:0;}

.sub1_1 .grt_box .txt_box .grt_fin{float:right; text-align:right; vertical-align:baseline; font-size:1.125em; font-family:'NOto Sans KR'; font-weight:700;}
.sub1_1 .grt_box .txt_box .grt_ceo{font-family:'SongganggasaR'; font-size:1.75em; vertical-align:baseline;}

/*sub2_1*/
.ctt_num_1{display:inline-block; width:14px; height:14px; border:1px solid #111; border-radius:50%; text-align:center; line-height:14px; font-size:.75em; vertical-align:baseline; margin-right:.5em;}
.ctt_num_2{vertical-align:baseline; margin-right:.5em;}

.sub2_1 .big_tit_box{text-align:center; font-size:2em;}
.sub2_1 .sub_2_1_con{margin-top:2.5em;}
.sub2_1 .sub_2_1_con .sub_con_tit{font-size:1.25em; margin-bottom:1rem; position:relative; display:inline-block;}
.sub2_1 .sub_2_1_con .sub_con_tit:after{content:''; display:block; width:calc(1180px - 100%); height:2px; background:linear-gradient(90deg, rgba(15,52,109,0) 0%, rgba(15,52,109,1) 100%);; position:absolute; left:calc(100% + 20px); top:50%; transform:translateY(-50%);}
.sub2_1 .sub_2_1_con .sub_con_tit i{color:#00b0eb; margin-right:.5em;}
.sub2_1 .sub_2_1_con .sub_con_ctt{background:#f1f1f1; padding:.5em; box-sizing:border-box;}
.sub2_1 .sub_2_1_con .sub_con_ctt dl{padding:1em; box-sizing:border-box; border:2px solid; border-image-source:linear-gradient(5deg, rgba(15,52,109,1) 0%, rgba(15,52,109,.2) 35%, rgba(15,52,109,.2) 65%, rgba(15,52,109,1) 100%); border-image-slice:1; border-width:2px;}
.sub2_1 .sub_2_1_con .sub_con_ctt dl dd{margin-bottom:.5em;}
.sub2_1 .sub_2_1_con .sub_con_ctt dl dd:last-of-type{margin-bottom:0;}

/*member*/
.bg_grd{position:absolute; z-index:300; width:100%; height:150px; background:linear-gradient(180deg, rgba(0,24,46,1) 30%, rgba(15,52,109,0) 90%); left:0; top:0;}