@charset "utf-8";



/* Pretendard */
@font-face{
	font-family:'Pretendard';
	font-weight:100;
	src:url('./fonts/Pretendard-Thin.otf') format('opentype');
	src:url('./fonts/Pretendard-Thin.otf') format('opentype'),
	    url('./fonts/Pretendard-Thin.woff2') format('woff2'),
	    url('./fonts/Pretendard-Thin.woff') format('woff'),
	    url('./fonts/Pretendard-Thin.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:200;
	src:url('./fonts/Pretendard-ExtraLight.otf') format('opentype');
	src:url('./fonts/Pretendard-ExtraLight.otf') format('opentype'),
	    url('./fonts/Pretendard-ExtraLight.woff2') format('woff2'),
	    url('./fonts/Pretendard-ExtraLight.woff') format('woff'),
	    url('./fonts/Pretendard-ExtraLight.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:300;
	src:url('./fonts/Pretendard-Light.otf') format('opentype');
	src:url('./fonts/Pretendard-Light.otf') format('opentype'),
	    url('./fonts/Pretendard-Light.woff2') format('woff2'),
	    url('./fonts/Pretendard-Light.woff') format('woff'),
	    url('./fonts/Pretendard-Light.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:400;
	src:url('./fonts/Pretendard-Regular.otf') format('opentype');
	src:url('./fonts/Pretendard-Regular.otf') format('opentype'),
	    url('./fonts/Pretendard-Regular.woff2') format('woff2'),
	    url('./fonts/Pretendard-Regular.woff') format('woff'),
	    url('./fonts/Pretendard-Regular.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:500;
	src:url('./fonts/Pretendard-Medium.otf') format('opentype');
	src:url('./fonts/Pretendard-Medium.otf') format('opentype'),
	    url('./fonts/Pretendard-Medium.woff2') format('woff2'),
	    url('./fonts/Pretendard-Medium.woff') format('woff'),
	    url('./fonts/Pretendard-Medium.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:600;
	src:url('./fonts/Pretendard-SemiBold.otf') format('opentype');
	src:url('./fonts/Pretendard-SemiBold.otf') format('opentype'),
	    url('./fonts/Pretendard-SemiBold.woff2') format('woff2'),
	    url('./fonts/Pretendard-SemiBold.woff') format('woff'),
	    url('./fonts/Pretendard-SemiBold.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:700;
	src:url('./fonts/Pretendard-Bold.otf') format('opentype');
	src:url('./fonts/Pretendard-Bold.otf') format('opentype'),
	    url('./fonts/Pretendard-Bold.woff2') format('woff2'),
	    url('./fonts/Pretendard-Bold.woff') format('woff'),
	    url('./fonts/Pretendard-Bold.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:800;
	src:url('./fonts/Pretendard-ExtraBold.otf') format('opentype');
	src:url('./fonts/Pretendard-ExtraBold.otf') format('opentype'),
	    url('./fonts/Pretendard-ExtraBold.woff2') format('woff2'),
	    url('./fonts/Pretendard-ExtraBold.woff') format('woff'),
	    url('./fonts/Pretendard-ExtraBold.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:900;
	src:url('./fonts/Pretendard-Black.otf') format('opentype');
	src:url('./fonts/Pretendard-Black.otf') format('opentype'),
	    url('./fonts/Pretendard-Black.woff2') format('woff2'),
	    url('./fonts/Pretendard-Black.woff') format('woff'),
	    url('./fonts/Pretendard-Black.ttf') format('truetype');
}


@font-face {
    font-family: 'HANAMDAUM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/HANAMDAUM.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

body,h1,h2,h3,h4,h5,h6,a,p,th,td,div,span,label,input,select,textarea,button,li,caption,small,strong,figcaption,dt,dd,address{font-family:'Pretendard',sans-serif; }

body { margin:0; font-size:15px; color:#000; background:#fff; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}

form { margin:0; padding:0;}
fieldset { margin:0; border:0 none; padding:0;}
legend { display:none; padding:0; margin:0;}
input { font-size:0.95em;margin:0; border:0; vertical-align:middle;}
textarea { font-size:0.95em;}
select, option { vertical-align:middle;}
button {  }
caption{overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px}
img { margin:0; border:0 none;vertical-align:middle;}
address{font-style:normal;}
div, p, ul, ol, li, img, a, h1, h2, h3, h4, h5, h6, form, input, span, iframe, dl, dt, dd, caption  {margin:0;padding:0;border:none; word-break:keep-all;}

table, td, tr, th{padding:0;margin:0;}
table{border-collapse:collapse; vertical-align:top;}

/* 아이폰 사파리 라운드 및 그라데이션 없애기  */
textarea, button {-webkit-appearance:none; -moz-appearance:none; /*appearance:none;*/}
textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
button{ background:none;border:none; cursor:pointer}

.keep_all table { word-break: keep-all !important; }
.break-all table { word-break: break-all !important;}


ul,ol,li,dl {list-style:none;}

strong, b { font-weight:400;}
.fw1{ font-weight:100;}
.fw2{ font-weight:200;}
.fw3{ font-weight:300;}
.fw4{ font-weight:400;}
.fw5{ font-weight:500;}
.fw6{ font-weight:600;}
.fw7{ font-weight:700;}
.fw8{ font-weight:800;}
.fw9{ font-weight:900;}
.hand{ cursor:pointer;} 
 
 
a{text-decoration:none;color:#000;margin:0;padding:0;}
a:visited{text-decoration:none;color:#000;}
a:active{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#000;}



.none { display:none;}
.block { display:block;}
.hide{ display:block;overflow:hidden;position:absolute;left:-5000px;top:0;}



.bg_none{ background:none;}
.border_none{ border:0 none;}
.clear{ clear:both;}


.ls-1{ letter-spacing:-1px;}


.al { text-align:left;}
.ar { text-align:right;}
.ac { text-align:center;}
.aa { text-align:justify;}

.fl{ float:left;}
.fr{float:right;}


.vt { vertical-align:top;}
.vm { vertical-align:middle;}
.vb { vertical-align:bottom;}
.vv { vertical-align:baseline;}



h1 { font-weight:600;}
h2 { font-weight:600;}
h3 { font-weight:600;}
h4 { font-weight:600;}
h5 { font-weight:600;}
h6 { font-weight:600;}


/* 열고닫기*/
.hx-com-showhide-txt{ display:none;}


/* 폰트컬러*/
.fc01{ color:#ff3d09;}
.fc02{ color:#333;}
.fc03{ color:#0790d0; font-weight:500;}
.fc04{ color:#0054a6;}
.fc05{ color:#005cbb;}
.fc06{ color:#002270;}
.fc07{ color:#69007c;}
.fc08{ color:#fff;}
.fc09{ color:#000;}
.fc10{ color:#8e8e8e;}


.fc11{ color:#06C}
.fc12{ color:#c17a31}
.fc13{ color:#da5c10}
.fc14{ color:#fa5e41}
.fc15{ color:#0099e3}
.fc16{ color:#f84913}
.fc17{ color:#9a4f50}

.inner{ position:relative; width:1600px; margin:0 auto;}

.iframe{width:1600px; margin:100px auto 0 auto;}

#wrap {width:100%;height:100%;margin:auto;position:relative}


#content {}
#content .subContent {}
#content .subContent .location {color:#999;text-align:right}
#content .subContent .location a {color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}
#content .subContent h3.subTitleSubject { font-size:45px; font-family: 'HANAMDAUM'; color:#222;}
/*--서브메뉴--*/
#content .snb {}
#content .snb .snbBottom {padding:0px;margin-top:10px}

#content .snb .mybox {margin-bottom:10px}
#content .snb .mybox {border:#D4D4D4 solid 1px;}
#content .snb .mybox .login .mbrinfo {background:#F4F4F4;padding:0;border-bottom:#dfdfdf solid 1px;position:relative;height:80px;}
#content .snb .mybox .login .symbol {position:absolute;top:5px;left:5px;}
#content .snb .mybox .login .symbol img {width:37px;height:37px;border:1px #c0c0c0 solid}
#content .snb .mybox .login .namel {position:absolute;top:30px;left:55px;width:120px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .score {position:absolute;bottom:12px;left:10px;font-size:11px;font-family:verdana;color:#636363;padding-top:3px;letter-spacing:-1px}
#content .snb .mybox .login .tabbox {}
#content .snb .mybox .login .tabbox .tp {float:left;width:60px;height:24px;line-height:24px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;position:relative}
#content .snb .mybox .login .tabbox .tp span.mcounter {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#ff6000;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .tp span.mcounter1 {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#999;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .login .lbody {padding:8px;}
#content .snb .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
#content .snb .mybox .login .lbody li {padding:4px 0;line-height:130%;}
#content .snb .mybox .login .lbody li a {font-family:dotum;font-size:11px;letter-spacing:-1px;line-height:130%}
#content .snb .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .snb .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
#content .snb .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;letter-spacing:-1px}
#content .snb .mybox .login .lbody li .pic {float:left;width:35px;}
#content .snb .mybox .login .lbody li .info {float:left;width:130px;}
#content .snb .mybox .login .lbody li a.lbmore {display:block;text-align:center;border:1px #ddd solid;padding:3px;}
#content .snb .mybox .login .lbody li a.lbmore:hover {color:#ff6000;background:#f0f0f0}
#content .snb .mybox .login .lbody .none {text-align:center;padding-top:40px;}
#content .snb .mybox .login .lbody .none span {display:block;font-weight:bold;font-size:13px;letter-spacing:-1px;} 
#content .snb .mybox .login .lbody .none p {padding:10px 0 40px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#content .snb .mybox .logout .tabbox {}
#content .snb .mybox .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;}
#content .snb .mybox .logout .tabbox .tp {float:left;width:90px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;}
#content .snb .mybox .logout .tabbox .vline {width:91px;border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .logout .nlog {margin-top:10px;padding:0 0 30px 10px;position:relative;height:65px;}
#content .snb .mybox .logout .i1 {position:absolute;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#content .snb .mybox .logout .i1 .input {float:left;width:110px;height:17px;border:#BEBEBE solid 1px;font-size:12px;font-family:tahoma}
#content .snb .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#content .snb .mybox .logout .i2 {position:absolute;top:48px;left:8px;font-family:dotum;font-size:11px;letter-spacing:-1px}
#content .snb .mybox .logout .i3 {position:absolute; top:1px;left:127px;}

#content .snb .mybox .logout .rbtm {position:absolute;bottom:4px;left:8px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;}
#content .snb .mybox .logout .rbtm .ipc {color:#67686A}
#content .snb .mybox .logout .rbtm a {color:#313946;}
#content .snb .mybox .logout .rbtm span {padding:0 5px 0 5px;}
#content .snb .mybox .logout .slog {padding:20px 10px 10px 10px;}
#content .snb .mybox .logout .slog .icon {width:160px;padding:0px;text-align:center;}
#content .snb .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;}
#content .snb .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}


#content .snb .category { position:absolute; bottom:0; left:0; width:100%; background:rgb(0,0,0,0.5); padding:25px 0;}
#content .snb .category h2 {margin:0 0 10px 0;font-family:nanumgothic,dotum;font-size:20px;letter-spacing:-2px;font-weight:bold;color:#222;text-align:center;background:url(./image/sub_title_bg.gif) no-repeat;height:46px;line-height:40px;}
#content .snb .category ul { display:flex;  align-items: center;justify-content: center;}
#content .snb .category li {}

#content .snb .category .m2 {letter-spacing:-1px;}
#content .snb .category .m2 a { color:#fff;  padding:25px 47px; font-size:23px;} 
#content .snb .category .m2 a:hover {text-decoration:none;color:#ff6000;background-color:#efefef}

#content .snb .category .selected2 a {color:fff; background:#39F}
#content .snb .category .selected2 a:hover {color:#fff;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#fff}

#content .snb .category .orange a {background:url(./image/sub_active_orange.jpg) repeat-x 0 0;}
#content .snb .category .green a {background:url(./image/sub_active_green.jpg) repeat-x 0 0;}
#content .snb .category .blue a {background:url(./image/sub_active_blue.jpg) repeat-x 0 0;}
#content .snb .category .light_blue a {background:url(./image/sub_active_light_blue.jpg) repeat-x 0 0;}
#content .snb .category .black a {background:url(./image/sub_active_black.jpg) repeat-x 0 0;}
#content .snb .category .grey a {background:url(./image/sub_active_grey.jpg) repeat-x 0 0;}
#content .snb .category .red a {background:url(./image/sub_active_red.jpg) repeat-x 0 0;}

#content .snb .category ul li ul {margin:0px;background:none;background:#f0f0f0 url(./image/submenu_shadow.gif) repeat-x top;padding:10px 0;border-top:none}
#content .snb .category ul li ul li.m3 {font-weight:normal;font-size:12px;border-bottom:none}
#content .snb .category ul li ul li.m3 a {font-weight:normal;font-family:dotum;color:#454545;display:block;padding-left:23px;height:21px;line-height:21px;background:url(./image/snb_m3_ico.gif) no-repeat 16px 8px;letter-spacing:-1px;}
#content .snb .category ul li ul li.m3 a:hover {text-decoration:none;color:#000;background-color:#ddd;}

#content .snb .category ul li ul li.selected3 a {color:#ff6000;font-weight:bold;background:url(./image/snb_m3_ico_open.gif) no-repeat 15px 7px;}
#content .snb .category .spaceLi {height:7px;}
#content .snb .category .new {font:normal 10px arial;color:#ff0000;}
#content .snb .category .num {font:normal 11px arial;color:#999;}

/*하단정보영역*/
#footerInfoWrap .newPhoto {position:absolute;left:0;width:210px}
#footerInfoWrap .newPhoto .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPhoto .pic {float:left;margin:0 0 8px 5px;padding:3px;background:#fff}
#footerInfoWrap .newPhoto .pic:hover{background:#ff6000}
#footerInfoWrap .newPhoto .pic img {width:54px;height:45px;}
#footerInfoWrap .newPhoto .nomargin {margin:0 0 7px 0;clear:both;}

#footerInfoWrap .newPost {position:absolute;left:250px;width:210px}
#footerInfoWrap .newPost .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPost ul {padding:0;margin:0;}
#footerInfoWrap .newPost li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newPost li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newPost li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newPost li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newPost li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newPost li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newPost .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newComment {position:absolute;left:250px;width:210px}
#footerInfoWrap .newComment .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newComment ul {padding:0;margin:0;}
#footerInfoWrap .newComment li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newComment li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newComment li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newComment li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newComment li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newComment li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newComment .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newNotice {position:absolute;left:250px;width:210px}
#footerInfoWrap .newNotice .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newNotice ul {padding:0;margin:0;}
#footerInfoWrap .newNotice li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newNotice li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newNotice li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newNotice li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newNotice li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newNotice li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newNotice .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .postCalendar,#footerInfoWrap .bottomRss,#footerInfoWrap .bottomCounter {
	-webkit-border-radius: 8px;	-moz-border-radius:8px;	border-radius: 8px;
	-moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5);-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);box-shadow:1px 1px 6px rgba(0,0,0,0.5);behavior: url(./_ie/PIE.htc);
}

#footerInfoWrap .postCalendar {position:absolute;width:184px;left:810px;background:#fff;border:2px #c0c0c0 solid;top:20px;}
#footerInfoWrap .postCalendar .tt {padding:5px 0 5px 0;text-align:center;font-weight:bold;font-family:verdana;color:#666;}
#footerInfoWrap .postCalendar .tt img {position:relative;top:-1px;}
#footerInfoWrap .postCalendar .sunday {color:#2B97D7;}
#footerInfoWrap .postCalendar .week {height:20px;}
#footerInfoWrap .postCalendar .week td {color:#333;background:#f9f9f9;}
#footerInfoWrap .postCalendar table {width:100%;}
#footerInfoWrap .postCalendar td {text-align:center;color:#666;font-family:dotum;font-size:11px;}

#footerInfoWrap .bottomRss {position:absolute;left:810px;width:174px;height:18px;padding:5px;background:#fff url(./image/rss.gif) no-repeat 5px 6px;border:2px #c0c0c0 solid;text-align:right;line-height:18px;}
#footerInfoWrap .bottomRss {font-family:tahoma;font-size:11px;}
#footerInfoWrap .bottomCounter {position:absolute;left:810px;background:#fff url(./image/ico_count.gif) no-repeat 8px 1px;width:114px;padding:5px 5px 5px 65px;border:2px #c0c0c0 solid;font-family:tahoma;font-size:11px;color:#777}
#footerInfoWrap .customerCont {position:absolute;width:200px;height:200px;font-family:dotum;font-size:11px;color:#ddd;letter-spacing:-1px;}
#footerInfoWrap .customerCont a {color:#fff;}
#footerInfoWrap .customerCont a:hover {color:#ff6000;}

/*하단*/
#footerWrap{ background: url("./image/footer-bg.jpg") no-repeat; background-size:cover; padding:170px 0; color:#fff; margin-top:170px;}
#footer {}
#footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1;}

#footer .footerCont {width:990px;margin:0 auto;display:block;position:relative;}
#footer .footerCont div.footerMenu {text-align:center;margin-bottom:10px;padding:7px 20px;}
#footer .footerCont div.footerMenu a {font-size:12px;font-family:dotum;color:#ddd;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a:hover {color:#ff6000}
#footer .footerCont div.footerMenu .split {font-family:dotum;font-size:9px;color:#c0c0c0;}

#footer .f-menu{ margin:100px 0;}
#footer .f-menu a{ color:#fff;}
#footer .f-menu  > ul{ display:flex; flex-wrap: wrap;gap:0 100px;}
#footer .f-menu  > ul > li+li{ border-left:1px solid rgb(255,255,255,0.2); padding-left:100px;}
#footer .f-menu .deps_1 > li{ display:block;}
#footer .f-menu .deps_1 > li a{ font-size:25px; font-weight:600 }
#footer .f-menu .deps_1 > li .deps_2{ margin-top:30px;}
#footer .f-menu .deps_1 > li .deps_2 li+li{ margin-top:15px;}
#footer .f-menu .deps_1 > li .deps_2 li > a { font-size:20px; opacity:0.7; font-weight:400; }

#footer .footerSiteInfo { display:flex; font-size:18px;}
#footer .footerSiteInfo div+div{ margin-left:30px; font-weight:300}
#footer .footerSiteInfo div span{ font-weight:600; padding-right:10px;}
#footer .copy{ border-top:1px solid rgb(255,255,255,0.2); padding-top:20px; margin-top:20px;}
#footer .copy a{ color:#fff;}
#footer .footerCont address {font-family:arial;font-size:9px;font-style:normal;color:#777;text-align:center;margin-top:5px;}
#footer .footerLogo { font-family: 'HANAMDAUM'; font-size:57px;}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}

/*etc*/
.templatePreview {position:fixed;top:0;left:0;z-index:1000;background:#ff6000;padding:15px;border:3px #000 solid;color:#fff;text-align:center}
.usersavePreview {position:fixed;top:0;left:0;z-index:1000;background:#00ccff;padding:15px;border:3px #000 solid;color:#fff;text-align:center}

/*탭메뉴01*/
.tab01 {background: url("./image/bg_tab.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;}
.tab01 ul {margin:0;padding:0;overflow: hidden;padding-left: 1px;width: 100%;}
.tab01 li {background: url("./image/bg_tab.gif") no-repeat scroll -1px top transparent;display: inline;float: left;margin-left: -1px;padding-left: 5px;}
.tab01 li a {background: url("./image/bg_tab.gif") no-repeat scroll right top transparent;display: inline-block;height: 32px;letter-spacing: -1px;line-height: 32px;padding:0 20px 0 16px;text-decoration: none;vertical-align: top;text-align:Center}
.tab01 li a:hover, .tab01 li a:active {text-decoration: none;}
.tab01 li.selected {background-position: 0 -58px;margin-right: 1px;position: static;z-index: 10;}
.tab01 li.selected a {background-position: right -58px;color: #ff6000;font-weight: bold;}

div.depth5 {list-style:none;height:33px;border-bottom:1px #bbb solid;margin-top:5px;}
div.depth5 a{display:inline-block;padding:8px 15px 5px 15px;letter-spacing:-0.5px;margin-right:10px;background:url('./image/common/bul_arrow1.gif') no-repeat 0 10px;font-weight:bold;}
div.depth5 a.selected5 {background:#ff6000;font-weight:bold;color:#fff;-webkit-border-radius: 3px; -moz-border-radius: 3px;}

#pctomobile {visibility:hidden}
#pctomobile_blueb {position:absolute;bottom:-70px;z-index:10000;display:block;width:100%;border:1px #000 solid;background:#e0e0e0;height:70px;text-align:center;font-family:dotum;font-size:24px;color:#fff;line-height:70px;}

.d-fw{ display: flex;flex-wrap: wrap;}
.dl{ display:flex;}
.dl dt{  flex-shrink: 0;}
.dl dd{   flex-grow: 1;;}

#container { font-size:19px;}


.main-visual {position:relative; margin:0 auto; height:100vh;}
.main-visual .visual-slider { overflow:hidden;position:absolute;left:50%;top:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.main-visual .visual-slider .swiper-slide {overflow:hidden; position:relative; height:100%;}
.main-visual .visual-slider .swiper-slide .vs-bg { position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center 30%; background-size:cover;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);   transition-duration:3s;}
.main-visual .visual-slider .swiper-slide .bg01{ background-image:url(./image/main/main_visual01.jpg)}
.main-visual .visual-slider .swiper-slide .bg02{ background-image:url(./image/main/main_visual02.jpg)}
.main-visual .visual-slider .swiper-slide .bg03{ background-image:url(./image/main/main_visual03.jpg)}
.main-visual .visual-slider .swiper-slide .vs-txt {text-align:center; position:relative; margin:0 auto; margin-top:300px;z-index:1;}
.main-visual .visual-slider .swiper-slide .vs-txt .en{font-family: 'HANAMDAUM'; font-size:77px;}
.main-visual .visual-slider .swiper-slide .vs-txt h2 {opacity:0; font-size:67px; margin-top:37px; font-weight:400;color:#335b27; background:#fff; display:inline-block; padding:10px 30px;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);}
.main-visual .visual-slider .swiper-slide .vs-txt h2 span{ font-weight:700;}
.main-visual .visual-slider .swiper-slide .vs-txt p {opacity:0;  font-size:35px; color:#ffffff; font-weight:400; margin-top:37px; letter-spacing:-0.028em; -webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px); }
.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ font-size:35px;color:#fff;}
.main-visual .visual-slider .swiper-button-prev { left:auto;  top:50%; z-index:10; margin-top:-210px; }
.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{position:absolute;  background:none; display:flex;align-items: center;justify-content: center;width:110px; height:110px;  border-radius:50%; border:1px solid #fff;right:50px; }
.main-visual .visual-slider .swiper-button-prev:after { display:none;}
.main-visual .visual-slider .swiper-button-next {  top:50%; z-index:10;  transform: translateY(-50%); }
.main-visual .visual-slider .swiper-button-next:after { display:none;}
.main-visual .visual-slider .swiper-pagination { position:absolute; right:50px; top:50%; left:auto; bottom:auto; z-index:10; margin-top:70px; width:5.833em; font-size:1.2rem; color:#ffffff; letter-spacing:0.333em; font-style:italic;}
.main-visual .visual-slider .swiper-pagination span { font-style:normal;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-bg {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1.4s;-moz-transition:transform 1.4s;-ms-transition:transform 1.4s;-o-transition:transform 1.4s;transition:transform 1.4s;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;	}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;	-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;}



#sec01{ padding:150px 0;background:url(./image/main/sec-01-bg.jpg) no-repeat 0% 0%; margin-bottom:170px; overflow-x:hidden}
#sec01 .inner{ color:#fff;}
#sec01 .inner h1{ position:relative; margin-bottom:15px; display:inline-block;}
#sec01 .inner h1:after{ content:''; position:absolute; top:50%;  transform: translateY(-50%); right:-130px; width:100px; height:1px; border-top:1px solid rgb(255,255,255);}
#sec01 .inner p{ opacity:0.5;}



.popup{position:relative; width:100%; }
.popup h3{ font-size:20px; line-height:20px; color:#222;}
.popup .popup_list{display:block; vertical-align:top;  margin:25px 0 0;}
.popup .popup_list p{ display:inline-block; margin:0 15px; }
.popup .popup_list a{display:table-cell; vertical-align: middle; width:100%;   overflow:hidden;}
.popup .popup_list a img{width:auto; height:auto; max-width:100%; max-height:100%;}
.popup .popup_list p strong{ font-size:35px; font-weight:600; display:block; padding:20px 0 10px 0;}
.popup .popup_list p strong span{ font-size:27px; font-weight:400; color:#777; padding-left:15px;}
.popup .popup_list .slick-arrow{position:absolute; top:230px;    width:75px; height:75px; font-size:0;  overflow:hidden; z-index:2; border-radius:50%;}
.popup .popup_list .slick-prev{left:200px;}
.popup .popup_list .slick-next{right:200px;}
.popup .popup_list  .slick-prev, .popup .popup_list .slick-next, .main_pro .control a.btn_stop, .main_pro .control a.btn_play{background:rgba(255,255,255,0.85);}
.popup .popup_list .slick-prev:before, .popup .popup_list .slick-next:before{font-family:xeicon; font-size:25px; color:#07254a;}
.popup .popup_list .slick-prev:before{ content:"\e93b";}
.popup .popup_list .slick-next:before{content:"\e93e"}
.popup .control a{ display:none;position:absolute; right:30px; top:2px; width:20px; height:20px; display:block; text-indent:-9999%; overflow:hidden;}
.popup .control a.btn_stop{ background:url('http://www.dje.go.kr/images/newdjeV2/main/btn_p_stop.png') no-repeat center;}
.popup .control a.btn_play{display:none; background:url('http://www.dje.go.kr/images/newdjeV2/main/btn_p_play.png') no-repeat center;}

.main_pro {position:relative; width:100%; margin-top:150px; }
.main_pro h3{position:absolute; width:1px; height:1px; left:-9999em; top:-9999em; text-indent:-9999em; overflow:hidden;}
.main_pro button{cursor:pointer;}
.main_pro .pro{position:relative; height:100%; z-index:0; } 
.main_pro .pro .area{position: relative; display:inline-block;margin:0 20px; vertical-align:top;}
.main_pro .pro .area a{display:block; vertical-align: middle; padding:0; margin:0;}
.main_pro .pro img{width:auto; height:auto; max-width:100%; max-height:100%; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
.main_pro .pro p{ margin:30px 0 20px 0; font-size:35px; font-weight:600;}
.main_pro .pro p span{ font-size:27px; font-weight:400; color:#333; margin-left:10px; color:#777;}
.main_pro .pro span{ color:#555; font-size:23px;}
.main_pro .pro .slick-counter{display:none;position: absolute; right:0; bottom:0; width:75px; height:55px; line-height:55px; color:#fff; background:rgba(255,255,255,0.85); text-align:center;  font-size:16px;}
.main_pro .pro .slick-arrow{position:absolute; top:230px;    width:75px; height:75px; font-size:0;  overflow:hidden; z-index:1; border-radius:50%;}
.main_pro .pro .slick-prev{left:200px;}
.main_pro .pro .slick-next{right:200px;}
.main_pro .pro .slick-prev, .main_pro .pro .slick-next, .main_pro .control a.btn_stop, .main_pro .control a.btn_play{background:rgba(255,255,255,0.85);}
.main_pro .pro .slick-prev:before, .main_pro .pro .slick-next:before{font-family:xeicon; font-size:25px; color:#07254a;}
.main_pro .pro .slick-prev:before{ content:"\e93b";}
.main_pro .pro .slick-next:before{content:"\e93e"}
.main_pro .control{ display:none;position:absolute; right:132px; bottom:0px; z-index:1;}
.main_pro .control a{display:block; width:55px; height:55px; overflow:hidden;text-align:center;}

.main_pro .control a.btn_play{display:none;}
.main_pro .control a.btn_stop i, .main_pro .control a.btn_play i{ color:#fff; font-size:25px; line-height:55px; }







#sec02{background:#ececee url(./image/main/sec-02-bg.jpg) no-repeat 50% 100%; padding-bottom:170px; margin-bottom:170px;}
#sec02  dt{flex-basis:35%; padding-top:170px;}
#sec02  dd{ margin-left:100px; margin-top:-150px;}
#sec02 h1{ font-size:77px; font-weight:900} 
#sec02 dt p{ color:#555; margin-top:100px;}
#sec02 ul{gap:50px;}
#sec02 ul+ul{ margin-top:50px;}
#sec02 ul:nth-child(1){align-items: flex-end;}

#sec02 li{ position:relative; width:calc((100% / 2) - 25px)}
#sec02 li img{ width:100%;}
#sec02 li p{ position:absolute; bottom:30px; left:30px; color:#fff;  font-size:27px; letter-spacing:-1px;}
#sec02 ul:nth-child(2) li:nth-child(2) p{ bottom:60px;}

#sec03 .inner{ justify-content: space-between; }
#sec03 h1{ font-size:45px;}
#sec03 .s01{ width:46%;}
#sec03 .s01 h1{ border-bottom:1px solid rgb(0,0,0,0.5); padding-bottom:30px; margin-bottom:30px; }
#sec03 .s02{width:46%;background:url(./image/main/sec-03-bg.jpg) no-repeat 100% 100%; color:#fff; background-size:cover;}
#sec03 .s02 .area{ padding:70px 50px;}
#sec03 .s02 .area p{ margin:30px 0 130px 0; font-size:25px;}
#sec03 .s02 .area a{ border:1px solid rgb(255,255,255,0.5); display:inline-block; padding:15px 30px; color:#fff;}
#sec03 .s02 .area a i{ margin-left:50px}

.widget_post02 {position:relative;padding:0;}


.widget_post02 li { display:flex;list-style-type:none;padding:23px 0;border-bottom:#dfdfdf dotted 1px;}
.widget_post02 li a { font-size:21px; color:#555;}
.widget_post02 li a:hover {text-decoration:underline;}
.widget_post02 li .date {color:#999; margin-right:20px;}
.widget_post02 li .comment {font:normal 11px arial;color:#FC6138;}
.widget_post02 li .new {font-size:10px;color:#ff0000;}


@media (max-width: 1920px) {
	
	.inner{width:1280px;}
	
	#container { font-size:17px;}
	
	#content .snb .category {padding:20px 0;}
	#content .snb .category .m2 a {font-size:18px;padding:20px 37px;} 
	#content .subContent h3.subTitleSubject{ font-size:37px;}
	
	.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ font-size:20px;}
	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ width:90px; height:90px;}
	.main-visual .visual-slider .swiper-pagination{ width:90px; font-size:17px;}
	.main-visual .visual-slider .swiper-button-prev {  margin-top:-180px; }
	.main-visual .visual-slider .swiper-pagination{ margin-top:50px;}
	
	.main-visual .visual-slider .swiper-slide .vs-txt {margin-top:200px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .en{font-size:57px;}
	.main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size:50px;}
	.main-visual .visual-slider .swiper-slide .vs-txt p {font-size:30px}
	
	#footerWrap{padding:120px 0; margin-top:120px;}
	#footer .footerLogo { font-size:40px;}
	#footer .footerSiteInfo { font-size:15px;}
	#footer .f-menu .deps_1 > li a{ font-size:20px;}
	#footer .f-menu .deps_1 > li .deps_2 li+li{ margin-top:10px;}
	#footer .f-menu .deps_1 > li .deps_2 li > a { font-size:16px; }
	
	#sec01{ margin-bottom:120px;}
	.popup .popup_list .slick-arrow{ top:170px;}
	
	#sec02 dt p{margin-top:70px;}
	#sec02  dd{ margin-top:-120px;}
	#sec02 ul{gap:30px;}
	#sec02 ul+ul{ margin-top:30px;}
	#sec02 li{ width:calc((100% / 2) - 15px)}
	#sec02{ padding-bottom:120px; margin-bottom:120px;}
	#sec02  dt{ padding-top:120px;}
	#sec02 h1{ font-size:60px;}
	#sec02 li p{ bottom:20px; left:20px; font-size:22px;}
	#sec02 ul:nth-child(2) li:nth-child(2) p{ bottom:50px;}
	
	
	
	#sec03 h1{ font-size:37px;}
	#sec03 .s02 .area a{ padding:10px 20px;}
	#sec03 .s02 .area p{ margin:20px 0 100px 0; font-size:20px;}
	
	.widget_post02 li {padding:20px 0;}
	.widget_post02 li a { font-size:17px;}
	
	
}

@media (max-width: 1280px) {
	.inner{width:100%;}
	
	.main-visual .visual-slider .swiper-slide .vs-txt .en{font-size:40px;}
	.main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size:35px; margin-top:15px;}
	.main-visual .visual-slider .swiper-slide .vs-txt p {font-size:25px;margin-top:15px;}
	.main-visual .visual-slider .swiper-button-prev{ margin-top:0;}
	
	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ right:auto; top:auto; bottom:50px; width:65px; height:65px;}
	.main-visual .visual-slider .swiper-button-prev{left:50%; margin-left:-120px; }
	.main-visual .visual-slider .swiper-button-next{transform: translateY(0%); left:50%;transform: translateX(-50%);}
	.main-visual .visual-slider .swiper-pagination{ margin-top:0; right:auto; left:50%;margin-left:70px; top:auto; bottom:50px;height:65px; display:flex; align-items: center;}
	
	.main_pro{ margin-top:50px;}
	.popup .popup_list .slick-arrow{ top:-70px; width:50px; height:50px;}
	.popup .popup_list .slick-prev, .popup .popup_list .slick-next, .main_pro .control a.btn_stop, .main_pro .control a.btn_play{ background:#072549;}
	.popup .popup_list .slick-prev:before, .popup .popup_list .slick-next:before{ color:#fff;}
	.popup .popup_list .slick-next{ right:10px;} 
	.popup .popup_list .slick-prev{ left:auto; right:70px;}
	
	
	#sec01{  background:none; margin:100px 10px; padding:0;}
	#sec01 .inner h1{ color:#072549; margin-right:100px;}
	#sec01 .inner p{color:#072549;margin-right:100px;}
	
	

	#sec02 {padding-bottom:70px;margin-bottom:70px;}
	#sec02 dl{ display:block; margin:0 10px;}
	#sec02 dl dt br{ display:none;}
	#sec02 dt p{ margin-top:20px;}
	#sec02 dl dd{ margin:30px 0 0 0;}
	
	#sec03{ margin:0 10px;}
	#sec03 .s01, #sec03 .s02{ width:48%}
	
	#footer{ margin:0 10px;}
	
	
}

@media (max-width: 1024px) {
	.main-visual .visual-slider .swiper-slide .vs-txt{ margin-top:100px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .en{font-size:30px;}
	.main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size:25px; letter-spacing:-1px;}
	.main-visual .visual-slider .swiper-slide .vs-txt p{ font-size:20px;}
	
	
	.main_pro .pro .area{margin:0 5px;}
	
	
	
	#footer .footerLogo{ font-size:30px; margin-bottom:20px;}
	#footer .footerSiteInfo{ display:block;}
	#footer .footerSiteInfo div{ display:inline-block;}
	#footer .f-menu{ display:none;}
	
	#footerWrap { padding:70px 0;margin-top:70px;}
	
	
}

@media (max-width: 800px) {
	
	.main-visual .visual-slider .swiper-slide .vs-txt{ margin:0 10px; padding-top:100px;}
	.main-visual .visual-slider .swiper-slide .vs-txt p{ display:none;}
	.main-visual .visual-slider .swiper-slide .vs-txt .en{ display:block;}
	
	.popup .popup_list p strong{ font-size:25px;}
	.popup .popup_list p strong span{ font-size:19px; padding-left:7px;}
	
	#sec03 .inner{ display:block;}
	#sec03 .s01, #sec03 .s02{ width:100%}
	#sec03 .s02{ margin-top:30px;}
	
	#footer .footerLogo{ font-size:25px;}
	#footer .copy{ opacity:0.5}
	
}

@media (max-width: 480px) {
	
	.popup .popup_list p{ margin:0;}
	
	#sec02 h1{ font-size:30px;}
	#sec02 ul {gap:10px;}
	#sec02 li{ width:100%;}
	#sec02 ul + ul {margin-top:10px;}
	
	#sec03 h1{ font-size:30px;}
	#sec03 .s02 .area{ padding:50px 30px;}
	
	#footer .footerLogo{ font-size:20px;}
	#footer .footerSiteInfo div{ width:100%;}
	#footer .footerSiteInfo div+div{ margin-left:0; margin-top:5px;}
}


.fc01{ color:#00a651}
.fs35{ font-size:35px; font-weight:500;}
.visual_wrap{ position:relative; height:570px; margin-bottom:170px;}
.visual_wrap h2{ color:#fff; font-size:57px; text-align:center;font-family: 'HANAMDAUM'; padding-top:250px;}
.visual_wrap h2 span{ display:block; font-size:25px; margin-bottom:15px; font-weight:400;}


.subContent{ font-size:23px; color:#555;}
.subContent h2{ margin:20px 0 70px 0; font-weight:400; letter-spacing:-1px; font-size:32px; color:#222; border-bottom:1px #ddd solid; padding-bottom:30px;}

.page14 h1{ position:relative; margin-bottom:35px;}
.page14 h1 span{ color:#00a651; font-size:32px; margin-left:7px;}
.page14 .area{ padding-top:70px;}
.page14 .area div{ background:#efefef; padding:30px; margin-top:20px;}
.page14 .area div span{ color:#222;}
.page14 ul{ position:relative;justify-content: space-between;}
.page14 ul li:nth-child(1){ width:50%;}
.page14 ul li:nth-child(2){ width:45%;}
.page14 ul:nth-child(2n) li:nth-child(1){ margin-left:50%;}
.page14 ul:nth-child(2n) li:nth-child(2){ position:absolute; left:0; top:0; }

.page14 img{ width:100%;}

.page17 dl dt{flex-basis:35%;}
.page17 dl dt img{ width:100%;}
.page17 dl dd{ margin-left:150px; }
.page17 dl dd p+p{ margin-top:30px;}

.page18{ text-align:center;}
.page18 .s01{ position:relative; padding-bottom:50px;}
.page18 .s01:after{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%); width:1px; height:100%; border-left:1px #ddd solid; z-index:-1;}
.page18 .s01 p:nth-child(1) span, .page18 .s01 p:nth-child(2) span{ position:relative; display:inline-block; padding:30px 0; width:370px; border-radius:10px; color:#fff;}
.page18 .s01 p+p{ padding-top:50px;}
.page18 .s01 p:nth-child(1) span{ background:#003471}
.page18 .s01 p:nth-child(2) span{ background:#00a651}
.page18 .s02 ul{ position:relative;gap:0 50px; margin:0 120px;}
.page18 .s02 ul:after{ content:''; position:absolute; top:0; left:50%; transform: translateX(-50%);width:706px; height:1px; border-top:1px #ddd solid; z-index:-1;}
.page18 .s02 ul li{ position:relative; width:calc((100% / 2) - 25px); padding-top:50px; }
.page18 .s02 ul li .tit{ background:#06C; color:#fff; padding:25px 0; border-radius:20px;margin-bottom:30px;}
.page18 .s02 ul li:after{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%); width:1px; height:100px; border-left:1px #ddd solid; z-index:-1;}
.page18 .s02 ul li div{ border-radius:17px; border:1px #ddd solid; overflow:hidden; background:#fff;}
.page18 .s02 ul li div + div{ margin-top:30px;}
.page18 .s02 ul li div span{ display:block; padding:15px 0; color:#fff;}
.page18 .s02 ul li div p{ padding:15px;}
.page18 .s02 ul li .span1{ background:#4A5677}
.page18 .s02 ul li .span2{ background:#EDEEF0; color:#4A5677}

.page19 dl{ border-bottom:1px dotted #ccc; padding-bottom:50px;}
.page19 dl+dl{ margin-top:50px;}
.page19 dt{flex-basis:17%; font-size:65px; font-weight:700;}
.page19 dd{ letter-spacing:-1px; margin-left:50px;}
.page19 dd span{ position:relative; font-size:25px; margin-right:50px; width:150px; color:#00a651}
.page19 dd span:before{ content:''; position:absolute; top:15px; left:60px; width:120px; height:1px; border-top:1px #00a651 solid;}
.page19 dd p strong{ display:block; font-weight:500; font-size:27px; color:#222; margin-bottom:5px;}
.page19 dd li+li{ margin-top:37px;}

.page20 dl{ border-bottom:1px dotted #ccc; padding-bottom:50px;}
.page20 dl+dl{ margin-top:50px;}
.page20 dt{flex-basis:25%; font-size:37px; font-weight:700;color:#00a651}
.page20 dd{ margin-left:100px;}
.page20 dd img{ width:100%; max-width:800px;}

.page21 .s02 li{ width:calc(100% / 2); display:flex; align-items: center;}
.page21 .s02 li:nth-child(1){ background:#0072bc; color:#fff;} 
.page21 .s02 li:nth-child(1) dl+dl{ margin-top:15px;} 
.page21 .s02 li:nth-child(1) dl dt:after { content:'｜'; color:#fff; opacity:0.5; font-size:15px; padding:0 5px;}
.page21 .s02 li:nth-child(1) dl dt i{ margin-right:10px;}
.page21 .s02 li:nth-child(2){ background:#efefef;} 
.page21 .s02 li:nth-child(2) a{ display:block; width:100%;}
.page21 .s02 li:nth-child(2) .area{ display:flex; justify-content: space-between; align-items: center;}
.page21 .s02 li:nth-child(2) .area p{ margin-top:7px; color:#666;}
.page21 .s02 li:nth-child(2) .area i{ font-size:35px;}
.page21 .s02 .area{ padding:50px;} 


.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:600px !important;}

.table { width:100%; margin-top:30px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center; border-right:0;
	  
}

.table th,
.table td {
  padding: 1.0rem 1.6rem;

  border-color: #DDDDDD;
  border-style: solid;
  border-width: 1px 0px 0 0;
  color: #222;


}
.table th{ font-weight: 600;  background-color: #F8F8F8;}
.table td {}



@media (max-width: 1920px) {
	
	.fs35{ font-size:30px;}
	
	.visual_wrap{ margin-bottom:100px; height:470px;}
	.visual_wrap h2{font-size:47px;font-family: 'HANAMDAUM'; padding-top:200px;}
	.visual_wrap h2 span{  font-size:21px;}
	
	.subContent{ font-size:19px;}
	.subContent h2{ font-size:25px; padding:0 10px 30px 10px;}

	.page14 .area{ padding-top:50px;}
	.page14 h1 span{font-size:27px;}
	
	.page17 dl dd{ margin-left:100px; }
	
	.page18 .s01 p:nth-child(1) span, .page18 .s01 p:nth-child(2) span{ padding:20px 50px; width:200px;}
	.page18 .s02 ul:after{width:calc((100% / 2) + 24px);}
	
	.page19 dt{ font-size:55px;}
	.page19 dd span{ font-size:20px}
	.page19 dd p strong{ font-size:20px;}
	.page19 dd span{ width:100px;}
	.page19 dd span:before{ top:10px;left:45px; width:85px;}
	
	.page20 dt{ font-size:30px;}
}



@media (max-width: 1280px) {
	.page18 .s02 ul{ margin:0 10px;}
	#content .subContent h3.subTitleSubject{ margin-left:10px;}
	.subContent h2{ padding-left:10px;}
	
	.page17, .page19, .page20, .page21, .page14{ margin:0 10px;}
	.page19 dt{flex-basis:23%;}
	.page17 dl dd {margin-left:50px;}
	
	.root_daum_roughmap .wrap_map{height:400px !important;}
	
	
}
@media (max-width: 1024px) {
	#content .snb .category{ display:none;}
	#content .subContent .location{ text-align:left; margin:0 0 10px 10px; font-size:16px;}
	.visual_wrap{ height:370px;}
	.visual_wrap h2{ padding-top:150px;}
	
	.page20 dd{ margin-left:50px;}
	.page21 .s02 li{ width:100%;}
	
	.page14 ul:nth-child(2n) li:nth-child(1){ margin-left:0;}
	.page14 ul:nth-child(2n) li:nth-child(2){ position:relative;}
	.page14 .area{ padding-top:0;}
	.page14 ul+ul{ margin-top:25px;}
	.page14 h1{ font-size:30px; margin-bottom:15px;}
	
	
}

@media (max-width: 800px) {
	
	.page17 dl{ display:block;}
	.page17 dl dd{ margin:30px 0 0 0;}
	.page18 .s02 ul li .tit span{ display:block;}
	
	.page19 dt{ font-size:40px;}
	
	.page20 dl{ display:block;}
	.page20 dd{ margin: 20px 0 0 0;}
	
	.page21 .s02 .area{ padding:25px; }
}

@media (max-width: 640px) {
	
	.visual_wrap{ height:270px; margin-bottom:50px;}
	.visual_wrap h2{ padding-top:120px; font-size:27px;}
	.visual_wrap h2 span{ font-size:17px; margin-bottom:7px;}
	
	#content .subContent h3.subTitleSubject{ font-size:30px;}
	#content .subContent .location{ text-align:center;} 
	#content .subContent h3.subTitleSubject, .subContent h2{ padding-left:0; text-align:center; }
	.subContent h2{ font-size:17px;}
	.subContent h2 br{ display:none;}
	
	
	.page18 .s02 ul{gap:0 10px;}
	.page18 .s02 ul:after{width:calc((100% / 2) + 5px);}
	.page18 .s02 ul li {width: calc((100% / 2) - 5px);}
	.page18 .s02 ul li .span2{ font-size:16px;}
	.page18 .s02 ul li div p{ font-size:15px}
	.page18 .s02 ul li div + div{ margin-top:15px;}
	.page18 .s02 ul li .tit{ margin-bottom:15px; font-size:16px;}
	.page18 .s02 ul li div span{ padding:10px 0;}
	
	.page19 dl{ display:block;}
	.page19 dt{ font-size:30px;}
	.page19 dl dd{ margin:20px 0 0 0;}
	.page19 dd span{ width:100%; margin-bottom:10px;}
	
	
	.page20 dt{ font-size:25px;}
	.page21 .s02 .area{font-size:16px;}
	.page21 .s02 li:nth-child(1) dl dt::after{ font-size:10px;}
	.root_daum_roughmap .wrap_map{height:300px !important;}
	
	.page14 ul{ display:block;}
	.page14 ul+ul{ margin-top:50px;}
	.page14 ul li:nth-child(1), .page14 ul li:nth-child(2){ width:100%;}
	.page14 h1{ margin-top:15px;}
	
	
	
}