@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(./fonts/NotoSansKR-Thin.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Thin.woff) format('woff'),  
	url(./fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/NotoSansKR-Light.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Light.woff) format('woff'), 
	 url(./fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Regular.woff) format('woff'),  
	url(./fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/NotoSansKR-Medium.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Medium.woff) format('woff'),  
	url(./fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}


@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/GmarketSansBold.woff2) format('woff2'),  
	url(./fonts/GmarketSansBold.woff) format('woff'),  
	url(./fonts/GmarketSansBold.otf) format('opentype');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/GmarketSansMedium.woff2) format('woff2'),  
	url(./fonts/GmarketSansMedium.woff) format('woff'),  
	url(./fonts/GmarketSansMedium.otf) format('opentype');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/GmarketSansLight.woff2) format('woff2'),  
	url(./fonts/GmarketSansLight.woff) format('woff'),  
	url(./fonts/GmarketSansLight.otf) format('opentype');
}


@font-face {
  font-family: 'IropkeBatangM';
  src: url('./fonts/IropkeBatangM.eot');
  src: url('./fonts/IropkeBatangM.woff') format('woff'),
       url('./fonts/IropkeBatangM.ttf') format('truetype'),
       url('./fonts/IropkeBatangM.svg#IropkeBatangM') format('svg'),
       url('./fonts/IropkeBatangM.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}




body{ overflow-x:hidden}
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select{font-family:'Noto Sans KR', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; color:#444;}


img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}



/* 링크 기본값 */
a{text-decoration:none; color:#333; }
a:visited{text-decoration:none;}
a:hover{text-decoration:none; }
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

.GS{font-family: 'Gmarket Sans'; letter-spacing:0;}

/* 폰트사이즈*/
.fs11{ font-size:11px;}
.fs12{ font-size:11px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs17{ font-size:17px;}
.fs18{ font-size:18px;}
.fs19{ font-size:19px;}
.fs20{ font-size:20px;line-height:25px;}
.fs21{ font-size:21px; line-height:26px;}
.fs22{ font-size:22px; letter-spacing:-1px;}
.fs23{ font-size:23px; letter-spacing:-1px;}
.fs24{ font-size:24px; letter-spacing:-1px;}
.fs25{ font-size:25px; letter-spacing:-1px;}
.fs26{ font-size:26px; letter-spacing:-1px;}
.fs27{ font-size:27px; letter-spacing:-1px;}
.fs28{ font-size:28px; letter-spacing:-1px;}
.fs29{ font-size:29px; letter-spacing:-1px;}
.fs30{ font-size:30px; letter-spacing:-1px;}
.fs31{ font-size:31px; letter-spacing:-1px;}
.fs32{ font-size:32px; letter-spacing:-1px;}
.fs33{ font-size:33px; letter-spacing:-1px;}
.fs34{ font-size:34px; letter-spacing:-1px;}
.fs35{ font-size:35px; letter-spacing:-1px; line-height:42px; }
.fs36{ font-size:36px; letter-spacing:-1px;}
.fs37{ font-size:37px; letter-spacing:-1px;}
.fs38{ font-size:38px; letter-spacing:-1px;}
.fs39{ font-size:39px; letter-spacing:-1px;}
.fs40{ font-size:40px; letter-spacing:-1px;line-height:45px;}


.fs50{font-size:50px;}
.fs60{font-size:60px; letter-spacing:-2px;}
.fs70{font-size:70px;}
.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs100{font-size:100%;}
.fs110{font-size:110%;}
.fs120{font-size:120%;}
.fs130{font-size:130%;}
.fs140{font-size:140%;}
.fs150{font-size:150%;}
.fs160{font-size:160%;}
.fs170{font-size:170%;}
.fs180{font-size:180%;}
.fs190{font-size:190%;}
.fs200{font-size:200%;}
.fs210{font-size:210%;}
.fs220{font-size:220%;}
.fs230{font-size:230%;}
.fs240{font-size:240%;}
.fs250{font-size:250%;}
.fs260{font-size:260%;}
.fs270{font-size:270%;}
.fs280{font-size:280%;}
.fs290{font-size:290%;}
.fs300{font-size:300%;}



.pb50 {padding-bottom:50px;}
.mt100{ margin-top:100px;}
.pt100{ padding-top:100px;}
.mt120{ margin-top:120px;}
.pt120{ padding-top:120px;}
.pb120{ padding-bottom:120px;}
#wrap {}



#content {}
#content .subContent {font-size:19px; letter-spacing:-1px; word-break:keep-all;}
#content .subContent .location { text-align:center; padding-bottom:50px;}
#content .subContent .location a {color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}
#content .subContent .location  img{ vertical-align:middle;}
#content .subContent h3.subTitleSubject { text-align:center; padding:70px 0 10px 0; color:#000;}

@media all and (max-width:1200px){
#content .subContent h3.subTitleSubject{}

}
/*--서브메뉴--*/
#content .snb { position:relative;}
#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; top:-70px; z-index:2; width:100%;}
#content .snb .category h2 {margin:0 0 10px 0;}
#content .snb .category ul {padding:0;margin:0; text-align:center;}
#content .snb .category li { display:inline-block; margin-left:-4px;}

#content .snb .category .m2 { position:relative; }
#content .snb .category .m2:before{ content:''; position:absolute; top:22px; right:1px; border-right:1px #fff solid; width:1px; height:20px; z-index:1}
#content .snb .category .m2:last-child:before{ display:none;}
#content .snb .category .m2 a { display:block; height:70px; line-height:70px; background:#1b7ac7; padding:0 70px; color:#fff;}
#content .snb .category .m2 a:hover {text-decoration:none;}

#content .snb .category .selected2 a {color:#1b7ac7;height:70px;line-height:70px; background:#fff}
#content .snb .category .selected2 a:hover {color:#1b7ac7;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#fff}
#content .snb .category .selected2:before{ display:none;}

#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 .s_category ul li ul { text-align:center; border-bottom:1px #ccc solid; }
#content .s_category ul li ul li.m3 { position:relative; display:inline-block;border-bottom:none}
#content .s_category ul li ul li.m3 a {font-weight:normal;color:#454545;display:block; height:70px; line-height:70px; padding:0 16px;}
#content .s_category ul li ul li.m3:before{content:''; position:absolute; top:28px; right:0; border-right:1px #ccc solid; width:1px; height:15px;}
#content .s_category ul li ul li.m3:last-child:before{ display:none;}
#content .s_category ul li ul li.m3 a:hover {text-decoration:none;color:#1b7ac7;}

#content .snb .category ul li ul li.selected3 a {color:#1b7ac7;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;}

/*하단정보영역*/


#footerWrap{ padding:50px 0; background:#232b36; margin-top:100px;}
#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;}

/*하단*/

#footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1;}

#footer .footerCont { margin-left:300px; }
#footer .footerCont div.footerMenu {margin-bottom:10px;padding:0 0 7px 0px;}
#footer .footerCont div.footerMenu a {color:#ddd;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a:hover {color:#ff6000}
#footer .footerCont div.footerMenu .split {font-family:dotum;font-size:15px;color:#c0c0c0; opacity:0.3}


#footer .footerCont div.footerSiteInfo {color:#999; font-size:15px;}
#footer .footerCont div.footerSiteInfo br{ display:none;}
#footer .footerCont div.footerSiteInfo span{ margin-left:10px;}
#footer .footerCont address {font-family:arial;font-size:12px;font-style:normal;color:#777;margin-top:5px;}
#footer .footerCont address a{ color:#a6a6a6;}
#footer .footerLogo {position:absolute;left:0;top:0; width:260px;}
#footer .footerLogo img{ width:100%;}
#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;}


#pages_join, #pages_login, #mypage_main, #pages_all, .iframe,  #guidebox{ width:1200px; margin:0 auto; padding-top:100px;}
#pages_login{ padding:200px 0 100px 0;}



/*검색페이지*/
 #pages_top, #s_msg{ width:1800px; margin:0 auto;padding:70px 0 50px 0;}






.mainContents{font-size:19px; letter-spacing:-1px; word-break:keep-all; margin-top:110px;}

.mainContents h1{margin-bottom:7px; font-weight:600; text-align:center;}  
.mainContents h4{ color:#333; font-weight:300; font-size:17px;letter-spacing: -.5px; text-align:center; margin-bottom:3%} 



  







/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:500px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual.full-height{height:1030px;}
.slick-track,
.slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{ height:500px;
}
#mainVisual .slick-track {overflow:hidden;}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
	-webkit-transition:transform 3000ms  ease-in-out ;
	-moz-transition:transform 3000ms ease-in-out ;
	-o-transition:transform 3000ms ease-in-out ;
	-ms-transition:transform 3000ms ease-in-out ;
    transition:transform 3000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; top:80%; left:0px; width:100%; text-align:center; margin-top:-250px;} /* margin-top은 조정 (텍스트영역 높이의 반) */

.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(-50px); 
    -o-transform: translateY(-50px); 
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px); 
     transform: translateY(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:26px; font-weight:300; letter-spacing:-2px; color:#fff} 


.main-visual-item .main-visual-txt-con .main-visual-txt2{ text-align:center;margin-bottom:20px; font-weight:600;  color:#fff; font-size:50px;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}

.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:18px; color:#fff; letter-spacing:-1px; font-weight:200; line-height:120%; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}

.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block; font-size:16px; font-weight:300; color:#fff;  -webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn a {display:inline-block; width:175px; height:55px; font-size:16px; line-height: 55px; letter-spacing: -1px; color:#fff; border:2px solid #fff; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);  transition: all 0.4s cubic-bezier(.5, .24, 0, 1); position:relative; }
.main-visual-item .main-visual-txt-con .main-visual-more-btn a:first-child {margin-right: 15px;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn a:hover{
  border-left:2px solid #313A6B;
  border-right:2px solid #313A6B;
  text-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);
}

.line-btn a::before {
  content: '';
  position: absolute;
  left: -2px;
  bottom:-2px;
  z-index:1;
  width: 0%;
  height:2px;
  background: #313A6B;
  box-shadow: inset 0px 0px 0px #313A6B;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}

.line-btn a:hover::before {
  width:calc(100% + 4px);
}

.line-btn a::after {
  content: '';
  position: absolute;
  right: -2px;
  top:-2px;
  z-index:1;
  width: 0%;
  height:2px;
  background: #313A6B;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}
.line-btn a:hover::after {
 width:calc(100% + 4px);
}


/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.01deg);
    -o-transform: scale(1.0,1.0) rotate(0.01deg);
    -moz-transform: scale(1.0,1.0) rotate(0.01deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.01deg);
     transform: scale(1.0,1.0) rotate(0.01deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0px); 
    -o-transform: translateY(0px); 
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
}

/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots{position:absolute; width:100%; text-align:center; bottom:10%; z-index:1000;}
#mainVisual .slick-dots li{display:inline-block; margin:0 5px ; }
#mainVisual .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:45px; height:5px; background-color:#fff; 
	 
}
#mainVisual .slick-dots li.slick-active button{background-color:#ffc001;}		/* 버튼 active */

/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow{	position:absolute; width:29px; height:60px; top:50%; margin-top:-30px; cursor:pointer; border:0; cursor:pointer; z-index:1000; font-size:0;}		/* 버튼이미지에 맞게 크기 수정 */
#mainVisual .slick-arrow.slick-prev{left:90px; background:url(./image/main/main_visual_prev.png) no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#mainVisual .slick-arrow.slick-next{right:90px; background:url(./image/main/main_visual_next.png) no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

#mainVisual .slick-arrow.slick-prev:hover {-webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px);}
#mainVisual .slick-arrow.slick-next:hover {-webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);}


@media all and (max-width:1920px) { 
}


@media (max-width:1250px) {
   	  .mainVisual{ height:600px !important; } 
}

@media (max-width:680px) {
	
	.mainVisual{ height:500px !important; }
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:24px;} 
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:40px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{width:90%; margin:0 auto;font-size:18px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3 br { display:none}
	 
}

@media (max-width:480px) {
	.mainVisual{ height:400px !important; }
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:18px;} 
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:26px;word-break: break-all;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:14px;}
	
}



 
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;  
}
.swiper-wrapper.vertical {
  flex-direction: column;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: auto;
  height: 100%;
  position: relative;
}
	




a.overType{ display:block;border:3px solid transparent; transition: border-color .4s,background .4s,color .4s,opacity .4s;}
a.overType:hover{border-color:#DA291C;box-shadow: 3px 3px 10px 3px rgba(0,0,0, .05)}

a.over2Type{ display:block;border:3px solid transparent; transition: border-color .4s,background .4s,color .4s,opacity .4s;}
a.over2Type:hover{ position:relative;border-color:#DA291C;box-shadow: 3px 3px 10px 3px rgba(0,0,0, .05);}
a.over2Type:hover:before{ content:''; position:absolute; width:60px; height:60px; top:60px; left:50%; margin-left:-30px; background:url(./image/ico_play.png); z-index:1;transition: all 0.2s;}

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







#event_slider{ display:inline-block;position:relative; float:right }

#event_slider .slider_container{overflow:hidden;width:100%;/* height:500px; */}
#event_slider .slider_list{position:relative;z-index:10;}
#event_slider .slider_list:after{display:block;clear:both;content:'';}
#event_slider .slider_item{float:left;position:relative;width:375px;}

#event_slider .slider_item a {display:block;width: 100%;}
#event_slider .slider_item a:focus .slider_title { text-decoration:underline; }
#event_slider .slider_item a:focus .slider_date { text-decoration:underline; }
#event_slider .slider_title{display:block;overflow:hidden;position:absolute;right:20px;bottom:30px;left:0;height:30px;margin-top:15px;margin-top:-60px;margin-left:15px;/* background: rgba(0,0,0,0.8); */text-shadow:0px 0px 5px rgba(0,0,0,0.3); color:#fff;font-size:18px;/* font-weight:bold; */white-space:nowrap;letter-spacing:-.065em;text-overflow:ellipsis;}
#event_slider .slider_date{display:block;position:absolute;right:20px;bottom:-10px;left:0;margin-left:15px;padding-bottom:21px;color:#888;text-shadow:0px 0px 5px rgba(0,0,0,0.3); color:#fff;font-size:14px;}
#event_slider .slider_item .slider_image_box{overflow:hidden;position:relative;height:475px;}

#event_slider .slider_item .slider_image_box img{width:100%;border:0;}
#event_slider .slider_btns{position:absolute;z-index:20; bottom:0; right:0;}
#event_slider .slider_btns button{display:inline-block; width:57px; height:57px;opacity:.5; cursor:pointer}
#event_slider .slider_btns button:hover,#event_slider .slider_btns button:focus{opacity:1;}
#event_slider .slider_pager{position:absolute;z-index:20;top:0;right:85px;}
#event_slider .slider_pager .pager{position:relative;width:26px;height:26px;border-radius:13px;background:transparent;transition:.3s ease-in-out;}
#event_slider .slider_pager .pager:after{display:block;clear:both;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);width:8px;height:8px;border-radius:4px;background:#ccc;content:'';transition:.3s ease-in-out;}
#event_slider .slider_pager .pager.active{background:rgba(255,2552,255,.1);}
#event_slider .slider_pager .pager.active:after{background:#16b2e5;}
#event_slider .slider_btns .sprite-roling_left{ background:url(./image/main/sprite-roling_left.png) no-repeat 50% 50%;}
#event_slider .slider_btns .sprite-roling_right{background:url(./image/main/sprite-roling_right.png) no-repeat 50% 50%;}
#event_slider .slider_btns .sprite-roling_stop{background:url(./image/main/sprite-roling_stop.png) no-repeat 50% 50%;}
#event_slider .slider_btns .sprite-roling_play{background:url(./image/main/sprite-roling_play.png) no-repeat 50% 50%;}



.clearfix {display: block;}
#board_Area{ display:inline-block;width:calc(100% - 540px); vertical-align:top; position:relative}
.tabmenu_box{margin-bottom:44px;}
.tab_menu{ display:table; width:100%; border-bottom:1px #333 solid; border-left:1px #d7d7d7 solid; }
.tab_menu ul li{ position:relative;float:left; display:table;width:calc((100% - 150px) / 4);}
.tab_menu ul li a{display:table-cell; width:100%; height:60px; padding:0 4%; line-height:60px; box-sizing:border-box;  text-align:center; vertical-align:middle; color:#777; border-top:1px #d7d7d7 solid; border-right:1px #d7d7d7 solid; }



.tab_menu ul li.on a{ border:1px #333 solid; border-bottom:none;}
.tab_menu ul li.on a:before{ content:''; position:absolute; width:100%; left:0; bottom:-1px;  border-bottom:1px #f5f5f5` solid;}


#board_Area .contentbox{}
#board_Area .contentbox .tabcontent{width:100%; height:380px; overflow:hidden;}
#board_Area .contentbox .tabcontent .tabbox{display:none;}
#board_Area .contentbox .tabcontent .tabbox.tabbox_0{display:block;}
#board_Area .contentbox .tabcontent .more{ position:absolute; top:7px; right:0; background:url(./image/main/board_more.png) no-repeat; width:22px; height:22px;}
#board_Area .contentbox .tabcontent .more a{ width:100%; height:100%; display:block;}

#board_Area .btn_area{ float:left;  width:100%;}
#board_Area .btn_area  .btn1{ background:#ba3737; border:1px #ba3737 solid; margin-right:4%; }
#board_Area .btn_area  .btn2{ background:#608f2b; border:1px #608f2b solid;}


#board_Area .btn_area a{overflow:hidden; position:relative; display:inline-block;width:calc(48% - 2px);   height:100px; line-height:100px; letter-spacing:-0.5px; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s	}
#board_Area .btn_area a strong{ position:relative; padding-left:60px;  color:#fff; font-weight:500; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
#board_Area .btn_area a .arrow{position:absolute; top:50%; right:60px; width:86px; height:32px; margin-top:-8px; background:url(./image/main/link_arrow.png) no-repeat}
#board_Area .btn_area a:before{display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#fff;transform:skew(-20deg);	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}

#board_Area .btn_area a:hover strong{color:#333;}
#board_Area .btn_area a:hover .arrow{background-image:url(./image/main/link_arrow_on.png)}
#board_Area .btn_area a:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

 
 

.familysite { display:none !important;position: absolute;right:0;top: 50%;transform: translateY(-50%);width: 200px;height: 46px;box-sizing: border-box;background-color: #333a44;padding-left: 20px;display: flex;align-items: center; color:#999; cursor:pointer}
.familysite:before{ content:''; position:absolute; top:15px; right:15px; background:url(./image/main/s05_more.png) no-repeat; width:15px; height:15px; opacity:0.3}
.familysite:hover::after {transform: translateY(-50%) rotateZ(-180deg);}
.familysite>span {text-transform: uppercase;font-weight: 800;font-size: 14px;}
.familysite>div {position: absolute;bottom: 44px;left: -1px;right: -1px;background-color: #eee;border-bottom: none;overflow: hidden;height: 0;transition: all 0.4s; }
.familysite ul {box-sizing: border-box;box-sizing: border-box;padding: 0 20px;max-height: 281px;margin-right: 17px;margin-top: 30px;margin-bottom: 27px;}
.familysite a {font-size: 14px;color: #333;transition: color 0.3s;}
.familysite a:hover {color: #ff6600;}
.familysite li {line-height: 1;}
.familysite li+li {margin-top: 20px;}
.familysite:hover {border-left-color: #ededed;border-top-color: #ededed;border-right-color: #ededed;}
.familysite:hover>div {height: 270px;border-color: #ededed;}




#topScroll {position:absolute; top:-30px;right:50px;z-index:100;}

@media all and (max-width:1920px){
	
	.fs15{ font-size:13px;}
	.fs17{ font-size:15px;}
	.fs19{ font-size:16px;}
	.fs20{ font-size:17px; line-height:22px;}
	.fs22{ font-size:17px;}
	.fs24{ font-size:19px;}
	.fs25{ font-size:20px;}
	.fs27{ font-size:22px;}
	.fs30{ font-size:25px;}
	.fs32{ font-size:27px;}
	.fs35{ font-size:30px; line-height:40px;}
	.fs37{ font-size:32px;}
	.fs40{font-size:35px;}
	.fs60{font-size:50px;}
	
	.mt100{ margin-top:80px;}
	.mt120{ margin-top:100px;}
	.pt120{ padding-top:100px;}
	.pb120{ padding-bottom:100px;}
	
	 .inner{ position:relative; width:1440px; margin:0 auto;}
	 
	  #pages_top, #s_msg{  position:relative; width:1440px; margin:0 auto;}
	
	#content .snb .category {top:-50px; }
	#content .snb .category .m2 a { height:50px; line-height:50px;padding:0 50px;}
	#content .snb .category .m2:before{ top:17px; height:15px;}
	#content .s_category ul li ul li.m3 a { height:60px; line-height:60px;}
	#content .s_category ul li ul li.m3:before{ top:22px;}
	
	.mainContents{font-size:15px;letter-spacing:0; margin-top:90px;} 


	#content .subContent {font-size:17px; letter-spacing:0;}
	.callbacks_nav.next {left: auto;background:url(./image/main/nav_next.png) no-repeat ;right:230px;}
	.callbacks_nav.prev {left: auto;background:url(./image/main/nav_prev.png) no-repeat ;right:280px;}
	
	.newsletter li {width:170px}
	
 
}





@media all and (max-width:1440px){
	
	
	.fs20{ font-size:15px; line-height:19px;}
	.fs22{ font-size:17px;}
	.fs24{ font-size:17px;}
	.fs25{ font-size:18px;}
	.fs27{ font-size:20px;}
	.fs30{ font-size:23px;}
	.fs32{ font-size:25px;}
	.fs35{ font-size:27px; line-height:35px;}
	.fs37{ font-size:29px;}
	.fs40{font-size:33px; line-height:37px;}
	.fs60{font-size:45px;}
	.mainContents{ margin-top:70px;}
	#footer .footerCont{ width:100%;}
	#footer .footerCont div.footerSiteInfo{ width:100%;}
	#footer .footerCont div.footerSiteInfo br{ display:block;}
	#content .subContent {font-size:15px;}
	
	.familysite{ right:15px;}
	#footer .footerLogo{ left:15px;}
	.guidePage{ width:96%; margin:0 2%}
	
	.slider{ height:500px}
	.banner-top { background-size:auto 100% !important; background-position:50% 0 !important;}
	
	.callbacks_nav.next{ right:20px;}
	.callbacks_nav.prev{ right:70px;}
	
	.inner{ width:100%;}
	 #pages_top, #s_msg{width:calc(100% - 30px); margin:0 15px}
	
}



@media all and (max-width:1300px){
	
	.fs40{ font-size:29px;}

	#fullMenu{ display:none;}

	
	.slider{ height:450px}
	

	#event_slider{ margin-right:0px;}
	#board_Area{width: calc(100% - 674px);}
	

	#board_Area .btn_area a .arrow{ width:50px; background-position:100% 0; }
	.tab_menu ul li{width: calc((100% - 50px) / 4);}
	#schedule{  margin:30px 0 0 0;} 

	.snsArea li{width: calc((100% - 57px) / 3);}
	.snsArea li:nth-child(3){ margin-right:0;}
	.snsArea li:nth-child(4){ display:none;}
	
	.area_05 .s01{ padding:0 15px; margin-bottom:30px;}
	.area_05 .s02{  padding:30px 0 0 0;}
	.area_05::before, .area_05 .s02 .Aarea::after{ display:none;}
	.area_05 .s02 .Aarea{background:#044460; padding:30px;}
	.widget_gallery02 li span{ display:none;}
	.area_05 .s02 .Barea{ width:47%; bottom:0;}
	
	
	#footer_new .footMenu{ right:15px;}
	#footer_new .copy{ font-size:13px;}
	#footer_new a[class^="btn_top"]{ top:-30px; right:20px;}
	
	
	
	
	#topScroll{ top:-30px; right:20px;}
	
	 
	

}




@media all and (max-width:1200px){
	.banner-top a {width:30%;  }
	.callbacks img { width:100%; }
	.slider{ height:400px}
	.callbacks_nav{ bottom:30px;}
	
	#event_slider{ width:500px;}
	#event_slider .slider_item .slider_image_box{ height: 346px;}
	#board_Area {width: calc(100% - 524px);}
	#board_Area .contentbox .tabcontent{ height:305px;}
	
	
	.mt100{ margin-top:30px;}
	.mt120{ margin-top:50px;}
	.pt120{ padding-top:50px;}
	.pb120{ padding-bottom:50px;}
	#content .subContent {font-size:14px;}
	
	.m_memories_slide li{ width:200px;}
	.content_box{ padding:0 40px;}
	.m_memories_wrap .control button.btn_prev4{ left:-25px;}
	.m_memories_wrap .control button.btn_next4{ right:-25px;}
	#s05 ul{ margin-bottom:30px;}
	#s05 .s05Btn{ position:relative; top:0;}
	

}



@media all and (max-width:1000px){
	
	.fs30{ font-size:26px;}
	.fs50{ font-size:40px;} 
	.fs18{ font-size:18px;} 
	
	#footerWrap{ padding:50px 0 70px 0;}
	
	#footer .footerLogo{ position:relative; text-align:center; width:100%; left:0; margin-bottom:17px;}
	#footer .footerLogo img{ width:200px;}
	#footer .footerCont{ margin:0; text-align:center;}
	.familysite{ left:50%; margin-left:-100px; top:auto; bottom:-100px;}
	
	
	.mainContents{ font-size:14px;}
	.fs22{ font-size:15px;}
	
	
	.slider{ height:350px}
	.banner-top { background-size:140% 100% !important; }
	
	
	
	#event_slider{ width:400px; margin-top:50px;}
	#event_slider .slider_item .slider_image_box{ height:277px;}
	#board_Area {width:50%;}
	#board_Area .contentbox .tabcontent{ height:240px;}
	.tab_menu ul li a{ height:40px; line-height:40px;}
	
	.widget_gallery01 li{width: calc((100% - 67px) / 3);}
	.widget_gallery01 li:nth-child(3){ margin-right:0;}
	.widget_gallery01 li:nth-child(4){ display:none;}
	.area_05 .s02 .Barea { height:227px;}
	.area_05 .s02 .Barea dl dt img{ display:none}
	.area_05 .s02 .Barea dl dd{ margin-left:7%;}

}






@media all and (max-width:850px){
	.banner-top a {width:25%;  }
	.fs30{ font-size:24px;}
	.fs50{ font-size:36px;}
	.fs18{ font-size:17px;}
	.fs22{ font-size:14px;}
	
	
	.mainContents h4 {font-size: 14px;width:90%; margin:0 auto 3% auto; word-break: keep-all;
    line-height: 130%;}
	
	#event_slider{ width:100%; float:inherit;}
	#event_slider .slider_item .slider_image_box { height:100%}
	
	#board_Area {margin-bottom:50px; width:100%}
	#board_Area .contentbox .tabcontent{ height:200px;}
	
	
	.tab_menu ul li {width: calc((100% / 4) - 10px) ;}
}







@media all and (max-width:680px){ 
	
#s02 li.box01,
#s02 li.box02,
#s02 li.box03,
#s02 li.box04 { width:100%}

	.fs30{ font-size:22px;}
	.fs50{ font-size:35px;}
	.fs18{ font-size:16px;}
	
	.fs25{ font-size:17px; line-height:22px}
	.fs30{ font-size:22px; line-height:27px}
	.fs32{ font-size:23px; line-height:23px;}
	.fs35{ font-size:25px;}
	.fs37{ font-size:27px;}
	.fs40{font-size:30px; line-height:39px;}
	.fs60{font-size:40px;}
	.fs70{ font-size:45px;}
	.fs22{ font-size:13px;}
	
 

	#footerWrap{margin-top:50px;} 
		
	.slider{ height:300px}
	.banner-top { background-size:170% 100% !important; }
	 
	#footer_new .footMenu{ position:relative; right:0;}
	.footerSiteInfo{ font-size:13px;}
	
	#application{ letter-spacing:-1px;}
	
}






@media all and (max-width:480px){
	.mainContents h4 br { display:none}

	.banner-top a p { font-size:12px;letter-spacing: -1px;}
	.fs30{ font-size:18px;}
	.fs50{ font-size:30px;}
	.fs37{ font-size:24px;}
	.fs32{ font-size:20px; line-height:120%;}
	.fs18{ font-size:14px;}
	#content .subContent {font-size:13px;}
	
	.callbacks_tabs a:after { width:10px; height:5px}
	#footer .footerCont div.footerSiteInfo{ font-size:13px; letter-spacing:-1px;}
	
	.fs25{ font-size:15px; line-height:20px}
	.fs40{font-size:25px; line-height:30px;}
	.fs60{font-size:35px;}
	.fs70{ font-size:40px;}
	
	.slider{ height:250px}
	.banner-top { background-size:140% 100% !important; }
	#s02 .title h2{ margin-bottom:0px;}
	#event_slider {margin-top:0}
	#event_slider .slider_btns button{ width:35px; height:35px; background-size:cover;}
	.callbacks_nav{ width:30px; height:31px; }
	.callbacks_nav.prev, .callbacks_nav.next{background-size:100%;}
	.callbacks_nav.prev{ right:55px;} 
	
}





@media all and (max-width:380px){
	.fs25{ font-size:14px; line-height:18px}
	.fs40{font-size:20px; line-height:26px;}
}









.area_subVisual{ position:relative; height:650px; text-align:center; color:#fff; word-break:keep-all;}
.area_subVisual h2{ position:relative;  padding-top:225px; font-weight:700;}
.area_subVisual h2:before{ content:''; position:absolute; bottom:90px; left:50%; margin-left:-50px;  width:100px; border-bottom:1px #fff solid; height: 50px; z-index:2; opacity:0.6;}
.area_subVisual h2 span{ display:inline-block; margin-top:40px; font-weight:300; }




@media all and (max-width:1920px){
	.area_subVisual{height:500px;}
	.area_subVisual h2{  padding-top:200px;}
	.area_subVisual h2:before{ bottom:75px;}
	
}

@media all and (max-width:1250px){
	
	.fs60{font-size:40px;}
	
	#content .snb .category{ display:none;}
	.area_subVisual{ height:400px;}
	.area_subVisual h2{ padding-top:150px;}
	
}


@media all and (max-width:680px){
	
	.fs60{font-size:30px; } 
	.area_subVisual { height:335px;}
	.area_subVisual h2::before{ bottom:50px; display:none}
	.area_subVisual h2 span{ padding:0 15px; margin-top:20px; }
}



@media all and (max-width:480px){
	
	.fs60{font-size:26px;} 
	.area_subVisual { height:270px;}
	.area_subVisual h2 { padding-top:120px;}
	.area_subVisual h2 span {  width:80%; margin:20px auto 0 auto;}
	.area_subVisual h2 span br{ display:none;}
}






.subContent{ color:#555;}
.subContent h1{position:relative; padding-left:25px; margin-bottom:20px;}


.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb70{ margin-bottom:70px;}
.mb90{ margin-bottom:90px;}
.mb120{ margin-bottom:120px;}
  

.page7 { text-align:center;}

.page8{}
.page8 .s01 .area{ border:1px #ccc solid; text-align:center; padding:100px 0; background:url(./image/sub/1/page8_bg.png) no-repeat 50% 50%; }
.page8 .s01 p{ position:relative; padding-left:15px;}
.page8 .s01 p:before{ content:''; position:absolute; top:10px; left:0; width:7px; height:1px; border-top:1px #333 solid;}

.page8 ul{}
.page8 li{ display:inline-block; margin-right:30px;width:calc((100% - 73px) / 3);}
.page8 li:last-child{ margin:0;}
.page8 .area{border:1px #ccc solid; padding:50px 0; text-align:center;}
.page8 .s02 img{ height:43px;}
.page8 .s03 img{ width:400px;}
.page8 .s04 img{ width:220px;}
.page8 hr{ border:none; height:1px; margin:30px 10%; background:#ccc;}
.page8 .sTit{ position:relative; padding-left:10px; color:#000;}
.page8 .sTit:before{ content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background:#111; border-radius:50%;}

.page8  .download-button{ text-align:right;}
.page8  .download-button a{ position:relative; display:inline-block; height:50px; line-height:50px; padding:0 70px 0 40px; border:1px #333 solid; margin-left:20px;}
.page8  .download-button a:before{ content:''; position:absolute; top:18px; right:30px;background:url(./image/sub/download-button.png) no-repeat 50% 50%; width:13px; height:14px;}
.page8  .download-button a:hover{ background:#000; color:#fff;}
.page8  .download-button a:hover:before{background:url(./image/sub/download-button_over.png) no-repeat 50% 50%;}


.page24{}
.page24 .s01{}
.page24 .s01 .sTit{ position:relative;background:url(./image/sub/1/page24_bg1.jpg) no-repeat 50% 50%; background-size:cover; height:600px;}
.page24 .s01 .sTit p{ position:absolute; bottom:40px; text-align:center; width:100%; color:#fff;  font-family: 'IropkeBatangM'; }
.page24 .s01 li{ position:relative; display:inline-block; border:1px #ccc solid;width:calc((100% - 80px) / 4); margin-right:20px; margin-bottom:20px;}
.page24 .s01 li:nth-child(4n+4){ margin-right:0;}
.page24 .s01 li p{ padding:30px 30px 30px 70px;}
.page24 .s01 li p span{ position:absolute; left:0; top:0; display:inline-block; width:50px; height:50px; background:#000; color:#fff; text-align:center; line-height:50px;}
.page24 .s01 .fs25{  text-align:center;}
.page24 .s02{}
.page24 .s02 .sTit{ position:relative; margin-top:70px;}
.page24 .s02 .sTit p{ text-align:center; margin-bottom:40px; background:#31a05f; color:#fff;  font-family: 'IropkeBatangM'; padding:20px 0;}



.page25{}
.page25 .s01{ text-align:center;}
.page25 .s01 .fs60{ font-style:italic;font-family: 'IropkeBatangM'; color:#000;}
.page25 .s02{ display:table; width:100%;}
.page25 dl{ position:relative;}
.page25 dl dt{ padding:20px 0 0 120px; color:#31a05f; font-weight:700; margin-bottom:15px;}
.page25 dl dd{ margin-left:60px;}
.page25 dl dd p{ color:#31a05f;}
.page25 .no{position: absolute;top: 0;left:30px;font-weight: 700;color: #31a05f;opacity: 0.2;}
.page25 li{ float:left; padding-right:30px;width:calc((100% - 31px) / 2); vertical-align:top; min-height:230px;}
.page25 li:nth-child(2n+2){ padding-right:0;}
.page25 li:nth-child(1), .page25 li:nth-child(3){ border-right:1px #ccc solid;}
.page25 li:nth-child(3), .page25 li:nth-child(4){ border-top:1px #ccc solid;}


.history .year {position: -webkit-sticky;position: sticky;display: inline-block;top: 300px;left: 0;}
.history .year p {font-weight: 700;color: #31a05f;font-size: 80px;text-align: center;}
.wf-active .history .year p {}
.history .year p.end {position: relative;margin-top: 45px;color: #000;}
.history .year p.end::before {content: '';position: absolute;top: -45px;left: 50%;width: 1px;height: 50px;background-color: #000;-webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);        transform: rotate(45deg);}
.history .lists {position: relative;margin-top: -250px;margin-left: 600px;}
.history .lists::before {content: '';position: absolute;top: 10px;left: 0;bottom: 10px;width: 1px;background-color: #dbdbdb;}
.history .lists li {position: relative;margin-top: 50px;padding-left: 115px;font-weight: 500;letter-spacing: 0; color:#333; font-size:22px;}

.history .lists li:first-child {margin-top: 0;}
.history .lists li::before {content: '';position: absolute;top:15px;left: -8px;margin-top: -8px;width: 17px;height: 17px;background-color: #fff;}
.history .lists li::after {content: '';position: absolute;top:15px;left: -4px;margin-top: -4px;width: 5px;height: 5px;background-color: #fff;border: 2px #31a05f solid;border-radius: 100%;}
.history .lists li .month {position: absolute;top: 0;left: 15px;letter-spacing: 0; color:#222; }
.history .lists li .s_con{ margin-top:10px;}
.history .lists li .s_con p{ position:relative; color:#777; font-size:19px; padding-left:20px; font-weight:400;}
.history .lists li .s_con p:before{ content:''; position:absolute; top:15px; left:0; width:10px; border-top:1px #777 solid;}





/* organ */
/*조직도*/
.org{ padding:30px 0 10px 0; margin-bottom:30px;}

/*조직도 첫번째 - 장급*/
.org .step01{ position:relative; margin-bottom:20px; height:130px;}
.org .step01 ul{}
.org .step01 ul li{}
.org .step01 ul li.li001{ position:absolute; top:0; left:50%; margin-left:-150px; width:300px; padding:17px 0; border:9px #000 solid; color:#000; background:#fff;text-align:center;border-radius:70px;}
.org .step01 ul li.li002{ position:absolute; top:20px; right:20%; }
.org .step01 ul li.li002 span{ display:inline-block; background:#999;  width:160px;color:#fff; text-align:center;border-radius:10px; font-size:16px;padding:10px 0; margin-bottom:15px; font-weight:300;}
.org .step01 ul li.li003{ position:absolute; top:80px; left:10%; width:200px; padding:20px 0; background:#448ccb; color:#fff; text-align:center;border-radius:10px; font-size:16px; font-weight:500;}
.org .step01 ul li.li003::before{content: ""; position:absolute; width:320px; top:35px; left:100%; border-top:1px #ccc solid; height:2px;}

.org .step01::after{content: ""; display:block;position:absolute; width:0px; top:77px; left:50%; border-right:1px #ccc solid; height:394px; padding:0; margin:0; z-index:-1;}


.org .step05{ position:relative; margin-bottom:20px; height:130px;}
.org .step05 ul{}
.org .step05 ul li{}
.org .step05 ul li.li001{ position:absolute; top:0; left:50%; margin-left:-150px; width:300px; padding:17px 0;  border:9px #555 solid; background:#fff; color:#333; text-align:center;border-radius:70px; }
.org .step05 ul li.li001::before{content: ""; position:absolute; width:550px; top:35px; right:0;  margin:0 auto; border-top:1px #ccc solid; height:2px; z-index:-1;}


.org .step05 ul li.li002{ position:absolute; top:150px; right:0; }
.org .step05 ul li.li002::before{content: ""; position:absolute; width:263px; top:-30px; left:50%; margin-left:-140px; border-top:1px #ccc solid; height:1px;}
.org .step05 ul li.li002 dl{ position:relative; display:inline-block; margin-left:15px;}


.org .step05 ul li.li002 dl dt{ text-align:center;background:#999;  width:100%;color:#fff; text-align:center;border-radius:10px; font-size:16px;padding:10px 0; margin-bottom:10px;}
.org .step05 ul li.li002 dl dt::before{ content: "";position: absolute;top:-30px; left:50%; border-left:1px #ccc solid;width:0; height:30px}
.org .step05 ul li.li002 dl dd{border:1px #ccc solid; border-right:0;}
.org .step05 ul li.li002 dl dd .txt1{ display:inline-block; width:70px;color:#666; text-align:center; font-size:14px; line-height:18px;padding:20px 0 10px 0;  height:45px; vertical-align:top; margin-left:-1px; border-right:1px #ccc solid}
.org .step05 ul li.li002 dl dd .txt2{ display:inline-block; width:70px;color:#666; text-align:center; font-size:14px; line-height:18px;padding:10px 0;  height:55px; vertical-align:top; margin-left:-1px; border-right:1px #ccc solid}

.org .step05 ul li.li002 dl dd .txt{ line-height:50px;}

.org .step05 ul li.li003{ position:absolute; top:10px; left:300px; width:300px; padding:17px 0; background:#ccc; color:#333; text-align:center;border-radius:70px; font-weight:500;}



.org .step03{ position:relative; margin-bottom:20px; height:200px;}
.org .step03 ul{}
.org .step03 ul li{}
.org .step03 ul li.li001{ position:absolute; top:0; left:50%; margin-left:-150px; width:300px; padding:17px 0;  border:9px #999 solid; background:#fff; color:#333; text-align:center;border-radius:70px; }



.org .step01 span{ padding:25px 0; text-align:center; background:#1d3e9e; color:#fff; font-size:20px; font-weight:500; border-radius:10px;}
.org .step01 a{ color:#fff;}
.org .step01 .r_org{ position:absolute; right:0; top:0;}
.org .step01 .r_org span{ width:20%; background:#999; padding:30px 0; text-align:center;}

/*조직도 마지막 - 2칸일경우*/
.org .step02{ position:relative;width:90%; margin:0 auto; clear:both; margin-bottom:10px; text-align:center;}
.org .step02::before{content: ""; position:absolute; width:1002px; top:-50px; left:50%; margin-left:-501px; border-top:1px #ccc solid; height:2px;}
.org .step02 > div{ position:relative;display:inline-block;width:calc((100% - 250px) / 3); margin:0 20px; vertical-align:top;}
.org .step02 > div::before {content: "";position: absolute;top:-50px; left:50%;width:0; height:50px;border-right: 1px #ccc solid;}
.org .step02 > div li{ position:relative; padding-left:20px; font-size:19px; text-align:left; margin-left:20px;}
.org .step02 > div li:before{ content:''; position:absolute; top:13px; width:10px; border-top:1px #333 solid; left:0;}


.org .step02 > div p{font-size:16px; background:#ababab; color:#fff; padding:10px 0; text-align:center; margin-bottom:71px;}
.org .step02 > div.orgw02{width:30%; margin:0 1%;}
.org .step02 > div.orgw03{width:58%; margin:0 1%;}
.org .step02 > div > span{ width:100%; display:block; padding:15px 0;  text-align:center; background:#31a05f; color:#fff; border-radius:10px; margin-bottom:15px;}
.org .step02 > div > span a{ color:#fff;}
.org .step02 > div > dl{ width:100%; margin-bottom:15px;}
.org .step02 > div > dl dt{ font-size:16px; background:#ababab; color:#fff; padding:10px 0; text-align:center;}
.org .step02 > div > dl dt a{ color:#fff;}
.org .step02 > div > dl dd{font-size:14px; text-align:center; border:1px #ccc solid; border-top:none; }

.org .step02 > div > dl dd strong{ width:20%; display:inline-block; vertical-align:top;}
.org .step02 > div > dl dd span{  display:inline-block; font-size:13px; line-height:17px; text-align:center; border-right:1px #ccc solid; padding:10px 0px;vertical-align:top; }
.org .step02 > div > dl dd span:last-child{ border-right:none}
.org .step02 > div > dl dd .line{ border-right:0;}
.org .step02 > div > dl dd .lh{ line-height: 36px;}
.org .step02 > div > dl dd .txt1{ width:100%;height:36px; line-height:36px;}
.org .step02 > div > dl dd .txt2{ width:32.5%;height:36px;}
.org .step02 > div > dl dd .txt3{width:24.5%;height:36px;}
.org .step02 > div > dl dd.bgnone{background:#FFF none;}
.org .step02 > div > dl dd.photo{background:#FFF none; text-align:center; padding:10px 0;}


.m_org{ display:none;}

.tableType2 {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #ccc; margin-left:5px;}
.tableType2 th {background:#eee;border-bottom:1px solid #fff; border-right:1px solid #fff; padding:10px 0;text-align:center; color:#555; font-weight:500;}
.tableType2 th:last-child{ border-right:0;}
.tableType2 td {border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6;padding:15px 0; text-align:center;word-break:keep-all;color:#777; font-size:17px; letter-spacing:0;}
.tableType2 td:last-child{ border-right:0;}
.tableType2 .tal{ text-align:left; padding-left:30px; word-break:normal}



.root_daum_roughmap {width: 100% !important;border: none;padding: 0;}
.root_daum_roughmap .wrap_map{ height:800px !important;}



.page20{  }
.page20 .sTxt{ margin-bottom:20px; line-height:30px;}
.page20 .s01, .page20 .s02, .page20 .s03, .page20 .s04{position:relative; display:table; width:100%;}
.page20 ul{}
.page20 li{ position:relative; float:left;width:calc((100% - 1px) / 2);vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box; margin:0; padding:0; }
.page20 li span{ display:block; padding-bottom:15px;}
.page20 li:nth-child(1){ border-right:1px #ddd solid; border-bottom:1px #ddd solid; border-top:1px #ddd solid;}
.page20 li:nth-child(2){ border-bottom:1px #ddd solid;border-top:1px #ddd solid;}
.page20 li:nth-child(3){ border-right:1px #ddd solid;border-bottom:1px #ddd solid; }
.page20 li:nth-child(4){border-bottom:1px #ddd solid;}
.page20 li:nth-child(5){ border-right:1px #ddd solid; border-bottom:1px #ddd solid;}
.page20 li:before{ content:''; position:absolute; top:70px; right:70px; width:130px; height:130px;}
.page20 .s01 li:nth-child(1):before{background:url(./image/sub/4/page20_1.png) no-repeat;background-size:100%; }
.page20 .s01 li:nth-child(2):before{background:url(./image/sub/4/page20_2.png) no-repeat;background-size:100%; }
.page20 .s01 li:nth-child(3):before{background:url(./image/sub/4/page20_3.png) no-repeat;background-size:100%; }
.page20 .s01 li:nth-child(4):before{background:url(./image/sub/4/page20_4.png) no-repeat;background-size:100%; }

.page20 .s02 li:nth-child(1):before{background:url(./image/sub/4/page20_5.png) no-repeat;background-size:100%; }
.page20 .s02 li:nth-child(2):before{background:url(./image/sub/4/page20_6.png) no-repeat;background-size:100%; }
.page20 .s02 li:nth-child(3):before{background:url(./image/sub/4/page20_7.png) no-repeat;background-size:100%; }
.page20 .s02 li:nth-child(4):before{background:url(./image/sub/4/page20_8.png) no-repeat;background-size:100%; }

.page20 .s03 li:nth-child(1):before{background:url(./image/sub/4/page20_9.png) no-repeat;background-size:100%; }
.page20 .s03 li:nth-child(2):before{background:url(./image/sub/4/page20_10.png) no-repeat;background-size:100%; }
.page20 .s03 li:nth-child(3):before{background:url(./image/sub/4/page20_11.png) no-repeat;background-size:100%; }
.page20 .s03 li:nth-child(4):before{background:url(./image/sub/4/page20_12.png) no-repeat;background-size:100%; }

.page20 .s04 li:nth-child(1):before{background:url(./image/sub/4/page20_13.png) no-repeat;background-size:100%; }
.page20 .s04 li:nth-child(2):before{background:url(./image/sub/4/page20_14.png) no-repeat;background-size:100%; }
.page20 .s04 li:nth-child(3):before{background:url(./image/sub/4/page20_15.png) no-repeat;background-size:100%; }
.page20 .s04 li:nth-child(4):before{background:url(./image/sub/4/page20_16.png) no-repeat;background-size:100%; }
.page20 .s04 li:nth-child(5):before{background:url(./image/sub/4/page20_17.png) no-repeat;background-size:100%; }

.page20 li:nth-child(2n+2){ margin-right:0;}
.page20 li strong{ display:inline-block; margin-bottom:20px; color:#333;}
.page20 .s01 li .sTit{box-shadow:0 -10px 0 rgba(246,191,209,0.7) inset;}
.page20 .s02 li .sTit{box-shadow:0 -10px 0 rgba(197,221,237,0.8) inset;}
.page20 .s03 li .sTit{box-shadow:0 -10px 0 rgba(192,230,214,0.8) inset;}
.page20 .s04 li .sTit{box-shadow:0 -10px 0 rgba(199,199,199,0.8) inset;}
.page20 li .area{ min-height:50px;}
.page20 li .area p{ position:relative; padding-left:20px;}
.page20 li .area p:before {content:'';position:absolute;top:10px; left:0;width:10px;height:1px;border-top:1px #777 solid;vertical-align:top;}


.page20 .con{padding:70px 50px;min-height:210px;}
.page20 .tTxt{ background:#eee; padding:13px 0; text-align:center; margin-top:25px;}
.page20 .tTxt span{font-weight:500;}

.page26 .fs30{ margin-bottom:30px;}
.page26 .tTxt{ background:#eee; padding:13px 0; text-align:center; margin-top:25px;}




@media all and (max-width:1920px){
	
	.mb90{ margin-bottom:70px;}
	
	 
	.page8 .s01 img{ width:250px;}
	.page8  .download-button a{height:45px; line-height:45px; padding:0 50px 0 30px;margin-left:15px;}
	.page8  .download-button a:before{top:15px; right:20px;}
	.page8 .s02 img{ height:35px;}
	.page8 .s03 img{ width:300px;}
	.page8 .s04 img{ width:190px;}
	
	
	.page24 .s01 .sTit{ height:500px;}
	.page24 .s01 li{ height:120px; vertical-align:top;}
	.page24 .s01 li p{ padding:20px 20px 20px 50px;}
	.page24 .s01 li p span{ width:35px; height:35px; line-height:35px}
	
	
	.history .lists li {font-size:19px; margin-top:30px;}
	.history .lists li .s_con p{ color:#777; font-size:15px; padding-left:15px;}
	.history .lists li .s_con p:before{top:10px; width:7px;}
	
	.org .step01{ height:100px;}
	.org .step01::after{height:390px;}
	.org .step01 ul li.li001{ width:220px; margin-left:-110px;  border:7px #000 solid;}
	.org .step05{ height:100px;}
	.org .step05 ul li.li001{width:220px; margin-left:-110px;  border:7px #555 solid;}
	.org .step05 ul li.li003{width:220px; left:100px;}
	.org .step03{ height:150px;}
	.org .step03 ul li.li001{width:220px; margin-left:-110px;  border:7px #999 solid;}
	.org .step02{ width:95%;}
	.org .step02 > div li{ padding-left:15px; font-size:15px;;}
	.org .step02 > div li:before{ top:11px; width:7px;}
	.org .step02::before{width:834px;margin-left:-417px;}
	
	
	
	.page20 li:before{ width:90px; height:90px;} 
	.page20 .fs20{ font-size:19px; letter-spacing:-1px;}
	
	.tableType2 td {font-size:15px;}
	
	
	
	
} 




@media all and (max-width:1440px){ 

	.page8{ margin:0 15px;}
	.page8 .download-button{ margin-top:30px;}
	
	 
	.history{ margin:30px 15px 0 20px;}
	
	.page20{ margin:0 2%; width:96%;}
	.page20 li:before{ width:70px; height:70px; top:50px; right:50px;} 
	
	.page26{ margin:0 15px;}
	
	
	
	
}


@media all and (max-width:1200px){
	
	.page5::after{ display:none;}
	
	.page7 img { width:100%;}
	
	.page8 .s02 img{ height:auto; width:60%;}
	.page8 .s03 img{ width:70%;}
	.page8 .s04 img{ width:70%; max-width:200px;}
	
	
	.page24 .s01 .fs25{ margin:0 15px 30px 15px;}
	.page24 .s01 .fs25 br{ display:none;}
	
	.page24 .s01 ul{ margin:0 15px;}
	.page24 .s01 li{width: calc((100% - 52px) / 3);}
	.page24 .s01 li:nth-child(4n+4){ margin-right:20px;}
	.page24 .s01 li:nth-child(3n+3){ margin-right:0;}
	
	.page25 li{ min-height:300px;}
	
	.history .lists{ margin-left:40%; }
	.org{ display:none;}
	.m_org{ display:block; text-align:center;}
	
	
	.root_daum_roughmap .wrap_map{ height:500px !important;}
	
	
	
	
}




@media all and (max-width:960px){

	.page8 li{ margin-right:15px;width: calc((100% - 37px) / 3); margin-bottom:20px;}
	.page8 .download-button a{ height:40px; line-height:40px;padding: 0 40px 0 20px; margin-left:5px;}
	
	.page24 .s01 li{width: calc((100% - 27px) / 2);}
	.page24 .s01 li:nth-child(3n+3){ margin-right:20px;}
	.page24 .s01 li:nth-child(2n+2){ margin-right:0px;}
 
	.history .year{ position:relative; top:0; margin-bottom:15px;}
	.history .year p{ display:inline-block; font-size:30px;}
	.history .year p.end{  margin-top:0; padding-left:20px; margin-left:20px;}
	.history .year p.end::before{ height:30px; top:10px; left:0;}
	.history .lists{ margin-left:0; margin-top:0;}
	.history .lists li{ font-size:17px; margin-top:15px;}
	.page20 li strong{ margin-right:50px;}
	
	.page20 .con .fs40{ font-size:25px; line-height:30px;}
	.page20 .con .fs40 br{ display:none;}
	.page20 li::before{ right:30px;}
	
	
	.page7.cscroll_960 
	.page5  br{ display:none;}
	
	.page5 .mTxt{ margin-top:50px;}
	
}


@media all and (max-width:800px){
	.cscroll_960 {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%; padding-bottom:20px}
	.cscroll_960 .m_org img{ width:800px;}
	
	.page20 .con{ min-height:250px;}
	
}

@media all and (max-width:680px){
	
	.mb90{ margin-bottom:50px;}
	
	.page5 dl dt::after{ width:20%; right:20px;}
	.page5 dl dt::before{ left:20px;}
	.page5 .mTxt img{ width:200px;}
	
	.page24 .s01 .sTit{ height:250px;}
	.page24 .s02 .sTit{ height:250px; background-position:40% 50%;}
	.page24 .s01 li{width:100%; height:auto; margin:0 0 15px 0;}
	.page24 .s01 li:nth-child(3n+3){ margin-right:0;}
	
	.page25 li{ width:100%; min-height:auto; padding-right:0;}
	.page25 li:nth-child(1), .page25 li:nth-child(3){ border-right:0}
	.page25 li:nth-child(3), .page25 li:nth-child(4){ border-top:0;}
	.page25 dl dt{ padding: 20px 0 0 85px;}
	.page25 dl dd{ margin-left:85px;}
	.page25 .no{ top:10px; left:15px;}
	
	
	.page20 li{ width:100%;}
	.page20 li:nth-child(1){ border-right:0;border-bottom:1px #ddd solid;}
	.page20 li:nth-child(3){ border-right:0;border-bottom:1px #ddd solid;}
	
	.page20 li:nth-child(2){ border-bottom:1px #ddd solid; border-top:none;}
	.page20 li:nth-child(5){ border-right:0;}
	.page20 .con{ min-height:auto; padding:50px 30px;}	
}

@media all and (max-width:480px){
#footer .footerCont div.footerMenu .split { display:none}
#footerWrap #footer .footerCont .footerMenu a {margin:0 5px}
#footer .footerCont div.footerSiteInfo span { display:block}
#footerWrap #footer .footerCont .footerMenu a:last-child { display:none}
	.page8 li{ width:100%; margin-right:0;}
	.page8 .s01 img{ width:200px}
	
	.page8 .area{ padding:30px 0;}
	
	.root_daum_roughmap .wrap_map{ height:300px !important;}

	.page20 .con{padding:30px 20px;}

	.page20 li:before{ width:50px; height:50px; top:50px; right:10px;} 
}





/*s02*/
#s02 { }
#s02 .BoxGroup ul {display:inline-block;width:100%;}
#s02 .BoxGroup li { float:left;  background-size: cover; background-repeat: no-repeat; background-position:bottom center;}
#s02 .BoxGroup li.box01 {text-align:center;color:#000; width:240px; padding:50px; height:200px;background-image:url('/layouts/bluebDesign2/image/main/box01_bg.jpg');}
#s02 .BoxGroup li.box02 {text-align:center; width:200px; height:200px;padding:50px;  background-image:url('/layouts/bluebDesign2/image/main/box02_bg.jpg');}
#s02 .BoxGroup li.box03 {text-align:center; width:200px; height:200px;padding:50px;  background-image:url('/layouts/bluebDesign2/image/main/box03_bg.jpg');}
#s02 .BoxGroup li.box04 {text-align:left; width:400px; height:200px;padding:50px;  background-image:url('/layouts/bluebDesign2/image/main/box04_bg.jpg');}
#s02 .BoxGroup li.box02 a, #s02 li.box03 a, #s02 li.box04 a {color:#fff; }
#s02 .BoxGroup li.box04 .member { border:1px #8f9490 solid; padding:10px 20px; display:block; width:150px; margin:2% 0;background-image:url('/layouts/bluebDesign2/image/main/next.png'); background-repeat:no-repeat; background-position:170px 15px;}
#s02 p { margin:3% 0}


#s02 .widget_movie ul {display:inline-block;width:100%;text-align: center;}
#s02 .widget_movie li {  display:inline-block;width:30%; margin:3% 1% 0% 1%; background-size: cover; background-repeat: no-repeat; background-position:bottom center;}
#s02 .widget_movie li .movieimg img {width:100%;height:100%;}
#s02 .widget_movie li .movieimg {position:relative;}
#s02 .widget_movie li .movieimg::after {background-image:url(/layouts/bluebDesign2/image/btn.png);background-repeat: no-repeat;
background-position: center;position:absolute; content:""; width:100%; height:100%; background-color:rgba(0,0,0,.7); top:0; right:0}




@media all and (max-width:1430px){
#s02 .BoxGroup ul { text-align:center}
#s02 .BoxGroup li { float:inherit;display: inline-block;; vertical-align:top; margin:0 -2px;}
#s02 .BoxGroup li.box01 {padding:20px;width:250px;}
#s02 .BoxGroup li.box02 {padding:20px;width:250px;}
#s02 .BoxGroup li.box03 {padding:20px;width:250px;}
#s02 .BoxGroup li.box04 {padding:20px; width:250px;text-align:center; }
#s02 .BoxGroup li.box04 .member { text-align:center; display:inline-block;}
}

@media all and (max-width:1000px){	   
#s02 .BoxGroup li { width:40% !important; padding:5% 3% !important}
#s02 .widget_movie li .movieimg::after { background-size:30%}
} 

@media all and (max-width:600px){	
#s02 .BoxGroup li {  width:100% !important; padding:10% 0px  !important}   
#s02 .BoxGroup li { background-size:auto; }
#s02 .BoxGroup li.box01 {padding:50px 0; width:100%;}
#s02 .BoxGroup li.box02 {padding:50px 0; width:100%; background-color:#31aa7b; }
#s02 .BoxGroup li.box03 {padding:50px 0; width:100%;  background-color:#1b7ac7;}
#s02 .BoxGroup li.box04 {padding:50px 0; width:100%; background-size:cover }
#s02 .BoxGroup p { width:70%; word-break:keep-all; margin:20px auto 0 auto; font-size:16px; line-height:120%;}
#s02 .BoxGroup li.box04 .member { text-align:center; display:inline-block;}
#s02 .BoxGroup li.box01,
#s02 .BoxGroup li.box02,
#s02 .BoxGroup li.box03  {background-size: 80%;}


}

@media all and (max-width:480px){
#s02 .BoxGroup p {font-size:15px;}
#s02 .BoxGroup h4 br { display:none; }
#s02 .BoxGroup li.box04 .member { margin:10px auto; display:block}
#s02 .widget_movie li { margin-top:25px; width:80%}
#s02 .widget_movie li p { margin-top:10px;}
#s02 .widget_movie li .movieimg img {width:100%; height:50%;}
#s02 .widget_movie li .movieimg::after { background-size:20%}
}







#s03 { background-color:#f5f5f5;}

#s04 { width:100%; display:inline-block;}







/*memberlist*/
.memberlist { display:none}
.memberlist img { border:1px #eee solid}
.memberlist:nth-child(odd) { float:left; width:48%}
.memberlist:nth-child(even) { float:right; width:48%}
.memberlist table { margin-bottom:50px; width:100%;}
.memberlist table td { border-left:1px #eee solid; border-bottom:1px #eee solid; padding:10px}
.memberlist table tr:first-child td {border-top:2px #000 solid;}
.memberlist table tr:first-child td:first-child {border-bottom:1px #eee solid; text-align:center}
.memberlist table td:last-child {border-right:1px #eee solid;}

@media all and (max-width:1100px){
.memberlist img { width:100%}
.memberlist table td { font-size:13px; letter-spacing:-1px; padding:2%}
.memberlist { vertical-align:top}	
}

@media all and (max-width:1250px){ 	
}

@media all and (max-width:680px){ 
.memberlist:nth-child(odd) { float:inherit; width:100%}
.memberlist:nth-child(even) { float:inherit; width:100%}
.memberlist table td {   letter-spacing:-1px; padding:1% 3%}
.memberlist img { width:100%}
.memberlist table tr:first-child td:first-child { width:150px;}
}

@media all and (max-width:480px){ 
.memberlist table tr:first-child td:first-child { width:80px;}
}

#bbsview .viewbox .content .snsbox {display:none !important}
#bbsview .viewbox .icon { display: none !important;}
#bbsview .viewbox .subject {padding:0 0 0 0px !important;}
#bbsview .viewbox .info { padding:0px 0 10px 0px !important;}

#bbslist .info .article {padding:0px !important; }




#shoppingmall ul {text-align: center;}
#shoppingmall ul li { display:inline-block;margin:.8%;vertical-align: top;}
#shoppingmall ul li a {overflow: hidden;display:block; width:280px; padding:30px; border:1px #eee solid;} 
#shoppingmall ul li a p {margin-top:5%;  font-size:19px;}
#shoppingmall ul li a img {width:100%}

@media all and (max-width:680px){ 
#shoppingmall ul li {width: 45%;}
#shoppingmall ul li a { width:90%; padding:5%}
#shoppingmall ul li a p { font-size:14px;}
}

@media all and (max-width:480px){  
#shoppingmall ul li a p { font-size:13px;}

}