@font-face {
	font-family:'jalnan'; 
	font-style:normal; 
	font-weight:normal; 
	src:url('./fonts/JalnanOTF.woff') format('woff'); 
}
.jalnan{font-family:'jalnan';}

@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');
}
.gmarket{font-family:'Gmarket Sans';}


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



#content {}
#content .subContent {position:relative; z-index:2; font-size:19px; letter-spacing:-1px; word-break:keep-all; margin-top:100px;}
#content .subContent .subTitleSubject {color:#fff;}
#content .subContent .subTitleSubject h2 {text-align:center; padding:80px 0 0; font-weight:500; opacity:0.7;}
#content .subContent .subTitleSubject h3 {text-align:center;}
#content .subContent .location {text-align:center; padding-bottom:40px;}
#content .subContent .location a {color:#fff;letter-spacing:0px; opacity:0.7;}
#content .subContent .location a:hover {color:#fff; opacity:1;}
#content .subContent .location img{vertical-align:middle;}


.area_subVisual {position:absolute; z-index:1; top:0; width:100%; height:600px; text-align:center;}

/*--서브메뉴--*/
#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 #4b667d 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:#1e405d; padding:0 70px; color:#fff;}
#content .snb .category .m2 a:hover {text-decoration:none;}

#content .snb .category .selected2 a {color:#1e405d;height:70px;line-height:70px; background:#fff}
#content .snb .category .selected2 a:hover {color:#1e405d;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 {position:relative; z-index:2; min-height:250px;}
#content .s_category ul li ul {text-align:center;}
#content .s_category ul li ul li.m3 {position:relative; display:inline-block; background:#eee;border-bottom:none}
#content .s_category ul li ul li.selected3 {background:#ffb400; box-shadow:0 15px 15px rgba(65,71,143,0.2);}
#content .s_category ul li ul li.m3 a {font-weight:normal;color:#454545;display:block; height:50px; line-height:50px; padding:0 40px; font-size:0.95em;}
/*#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:#1e405d;}
#content .s_category ul li ul li.selected3 a,
#content .s_category ul li ul li.selected3 a:hover {color:#fff;}

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

@media only screen and (max-width:1200px) {
	#content .s_category {min-height:auto;}
}

@media only screen and (max-width:480px) {
	#content .s_category ul li ul li.m3 a {height:40px; line-height:40px; padding:0 40px;}
}



/*하단정보영역*/
#footerWrap{position:relative; z-index:10; padding:30px 0; margin-top:70px; border-top:1px solid #dedede;background:#fff;}
#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 {max-width:94%; margin:0 auto;}
#footer .footerCont div.footerMenu {margin-bottom:15px;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 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:200px;}
#footer .footerLogo img{width:100%;}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}


/* 유관단체 및 기관 */
.familysite {position:absolute;right:0;top:40px;width:220px;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; color:#fff;}
.familysite>div {position:absolute;bottom:46px;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;max-height:200px;margin:10px 0 10px 10px;padding:10px 0 30px; overflow-x:hidden; overflow-y:scroll;}
.familysite a {font-size:14px;color:#333;transition:color 0.3s;}
.familysite a:hover {color:#ff6600;}
.familysite li {line-height:1; padding-left:10px;}
.familysite li+li {margin-top:10px;}
.familysite:hover {border-left-color:#ededed;border-top-color:#ededed;border-right-color:#ededed;}
.familysite:hover>div {height:200px;border-color:#ededed;}


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

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


@media all and (max-width:1920px){
	#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;}
	
	.mainContents{font-size:15px; letter-spacing:0; margin-top:80px;}	
	#content .subContent {letter-spacing:0; margin-top:100px;} 
}

@media all and (max-width:1440px){
	#content .subContent {width:94%; margin:0 3%; margin-top:80px;}
}

@media all and (max-width:1200px){	
	.area_subVisual {height:550px;}
	.mainContents{margin-top:70px;}
	#footer .footerCont{width:100%;}
	#footer .footerCont div.footerSiteInfo {width:70%;}
	.familysite {right:15px;}
	#content .subContent {font-size:15px; letter-spacing:0; margin-top:80px;}
}

@media all and (max-width:960px){
	#footerWrap{padding:40px 0;}
	.familysite {right:0; margin-left:0; top:45px;}
	.area_subVisual {height:520px;}
}

@media all and (max-width:700px){	
	#footerWrap {padding:25px 3% 90px; margin-top:40px;}
	#footer .footerCont div.footerSiteInfo {width:100%; font-size:13px; letter-spacing:-1px;}
	#footer .footerCont div.footerSiteInfo br{display:block;}
	.familysite {width:100%; left:0; margin-left:0; top:auto; bottom:-65px;}

	.area_subVisual {height:460px;}
	#content .subContent .subTitleSubject h2 {padding:60px 0 0;}
	#content .subContent .location {padding-bottom:30px;}
	#content .s_category {min-height:auto;}
}

@media all and (max-width:480px){
	#footerWrap {padding:25px 3% 80px;}

	.area_subVisual {height:400px;}
	#content .subContent {margin-top:70px;}
	#content .subContent .subTitleSubject h2 {padding:50px 0 0;}	
}




/* 폰트사이즈*/
.fs10 {font-size:10px;}
.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;}
.fs21 {font-size:21px;}
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;}
.fs27 {font-size:27px;}
.fs28 {font-size:28px;}
.fs29 {font-size:29px;}
.fs30 {font-size:30px;}
.fs31 {font-size:31px;}
.fs32 {font-size:32px;}
.fs33 {font-size:33px;}
.fs34 {font-size:34px;}
.fs35 {font-size:35px;}
.fs36 {font-size:36px;}
.fs37 {font-size:37px;}
.fs38 {font-size:38px;}
.fs39 {font-size:39px;}
.fs40 {font-size:40px;}
.fs42 {font-size:42px;}
.fs43 {font-size:43px;}
.fs45 {font-size:45px;}
.fs48 {font-size:48px; line-height:120%;}
.fs50 {font-size:50px; letter-spacing:-4px;}
.fs52 {font-size:52px; letter-spacing:-4px;}
.fs55 {font-size:55px; letter-spacing:-4px;}
.fs60 {font-size:60px; letter-spacing:-4px;}
.fs64 {font-size:64px; letter-spacing:-4px;}
.fs72 {font-size:72px; letter-spacing:-4px;}
.fs74 {font-size:74px; letter-spacing:-4px;}
.fs82 {font-size:82px; letter-spacing:-4px;}


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



/* margin setting */
.mg00 {margin:0 !important;}
.mg05 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg35 {margin:35px;}
.mg40 {margin:40px;}
.mg45 {margin:45px;}
.mg50 {margin:50px;}

.mt00 {margin-top:0 !important;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}
.mt140 {margin-top:140px;}
.mt150 {margin-top:150px;}
.mt160 {margin-top:160px;}
.mt180 {margin-top:180px;}
.mt220 {margin-top:220px;}
.mt230 {margin-top:230px;}

.mt-5 {margin-top:-5px !important;}
.mt-10 {margin-top:-10px !important;}
.mt-15 {margin-top:-15px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-25 {margin-top:-25px !important;}
.mt-30 {margin-top:-30px !important;}
.mt-35 {margin-top:-35px !important;}
.mt-40 {margin-top:-40px !important;}
.mt-45 {margin-top:-45px !important;}
.mt-50 {margin-top:-50px !important;}

.ml00 {margin-left:0 !important;}
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.mr00 {margin-right:0 !important;}
.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.mb00 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}
.mb160 {margin-bottom:160px;}
.mb190 {margin-bottom:190px;}


/* padding setting */
.pd00 {padding:0 !important;}
.pd05 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
.pd35 {padding:35px;}
.pd40 {padding:40px;}
.pd45 {padding:45px;}
.pd50 {padding:50px;}

.pt00 {padding-top:0 !important;}
.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}
.pt140 {padding-top:140px;}
.pt150 {padding-top:150px;}
.pt160 {padding-top:150px;}
.pt190 {padding-top:190px;}
.pt200 {padding-top:200px;}
.pt220 {padding-top:220px;}
.pt230 {padding-top:230px;}
.pt240 {padding-top:240px;}

.pl00 {padding-left:0 !important;}
.pl05 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl70 {padding-left:70px;}

.pr00 {padding-right:0 !important;}
.pr05 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

.pb00 {padding-bottom:0 !important;}
.pb05 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}	 
.pb60 {padding-bottom:60px;}	 
.pb80 {padding-bottom:80px;}	 
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb120 {padding-bottom:120px;}
.pb130 {padding-bottom:130px;}
.pb140 {padding-bottom:140px;}
.pb150 {padding-bottom:150px;}
.pb160 {padding-bottom:160px;}
.pb170 {padding-bottom:170px;}
.pb190 {padding-bottom:190px;}
.pb230 {padding-bottom:230px;}
.pb380 {padding-bottom:380px;}

/* font */
.ffI {font-family:'Iropke Batang'; line-height:120%;}
.ffG {font-family:'Gmarket Sans'; line-height:110%;} 
.ffM {font-family:'nanummyeongjo';}
.f_cg {font-family:'Cormorant Garamond', serif;}
.f_jeju {font-family:'Jeju Myeongjo', serif; }
.f_sc {font-family:"scdream"; line-height:110%;}
.f_npen {font-family:'Nanum Pen Script', serif;}
.f_nbrush {font-family:'Nanum Brush Script', serif;}

/* common */
.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}
.taj {text-align:justify;}

.fwb {font-weight:bold;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}
.fw900 {font-weight:900;}

.ls-1 {letter-spacing:-1;}
.ls-2 {letter-spacing:-2;}
.ls-3 {letter-spacing:-3;}

/* opacity */
.op5 {opacity:0.5}
.op6 {opacity:0.6;}
.op7 {opacity:0.7;}
.op8 {opacity:0.8;}
.op9 {opacity:0.9;}


.em09 {font-size:0.9em;}
.em11 {font-size:1.1em;}
.em12 {font-size:1.2em;}
.em13 {font-size:1.3em;}
.em14 {font-size:1.4em;}

 @media screen and (max-width:1920px) {	
	.fs82 {font-size:80px;}
	.fs74 {font-size:72px;}
	.fs72 {font-size:70px;}
	.fs64 {font-size:62px;}
	.fs60 {font-size:58px;}
	.fs55 {font-size:52px;}
	.fs52 {font-size:50px;}
	.fs50 {font-size:48px;}
	.fs48 {font-size:46px;}
	.fs45 {font-size:43px;}
	.fs43 {font-size:40px;}
	.fs42 {font-size:40px;}
	.fs40 {font-size:38px;}
	.fs38 {font-size:36px;}
	.fs37 {font-size:35px;}
	.fs36 {font-size:34px;}
	.fs35 {font-size:33px;}
	.fs32 {font-size:30px;}
	.fs30 {font-size:29px;}
	.fs27 {font-size:25px;}
	.fs25 {font-size:24px;}
	.fs24 {font-size:23px;}
	.fs23 {font-size:22px;}
	.fs22 {font-size:21px;}
	.fs20 {font-size:19px;}
	.fs19 {font-size:18px;}
	.fs18 {font-size:17px;}	 
	.fs17 {font-size:16px;}	  
	.fs16 {font-size:15px;}		  
	.fs14 {font-size:13px;}	  
	.fs10 {font-size:9px;}	

	.pt50 {padding-top:40px;}
	.pt60 {padding-top:50px;}
	.pt80 {padding-top:70px;}
	.pt100 {padding-top:80px;}
	.pt120 {padding-top:90px;}
	.pt130 {padding-top:100px;}
	.pt140 {padding-top:120px;}
	.pt150 {padding-top:130px;}
	.pt160 {padding-top:140px;}
	.pt190 {padding-top:180px;}
	.pt200 {padding-top:190px;}
	.pt220 {padding-top:215px;}
	.pt230 {padding-top:220px;}
	.pt240 {padding-top:230px;}

	.pb50 {padding-bottom:40px;}
	.pb60 {padding-bottom:50px;}
	.pb80 {padding-bottom:70px;}
	.pb100 {padding-bottom:80px;}
	.pb120 {padding-bottom:90px;}
	.pb130 {padding-bottom:100px;}
	.pb150 {padding-bottom:130px;}
	.pb190 {padding-bottom:170px;}
	.pb230 {padding-bottom:200px;}
	.pb380 {padding-bottom:380px;}

	.mt20 {margin-top:20px;}
	.mt40 {margin-top:40px;}
	.mt70 {margin-top:60px;}
	.mt80 {margin-top:70px;}
	.mt100 {margin-top:90px;}
	.mt120 {margin-top:110px;}
	.mt140 {margin-top:120px;}
	.mt150 {margin-top:130px;}
	.mb190 {margin-bottom:170px;}
	.mb160 {margin-bottom:140px;}
	.mb150 {margin-bottom:130px;}
	.mb120 {margin-bottom:110px;}
	.mb100 {margin-bottom:80px;}
	.mb80 {margin-bottom:70px;}
	.mb70 {margin-bottom:60px;}
	.mb60 {margin-bottom:50px;}
	.mb50 {margin-bottom:40px;}
	.mb30 {margin-bottom:25px;}
 }


 @media screen and (max-width:1400px) {
 
	.fs82 {font-size:78px;}
 	.fs74 {font-size:70px;}
 	.fs64 {font-size:60px;}
 	.fs60 {font-size:55px;}
 	.fs55 {font-size:50px;}
	.fs52 {font-size:48px;}
	.fs50 {font-size:45px;}
	.fs48 {font-size:43px;}
	.fs45 {font-size:41px;}
	.fs43 {font-size:38px;}
	.fs42 {font-size:38px;}
	.fs40 {font-size:36px;}
	.fs38 {font-size:35px;}
	.fs36 {font-size:33px;}
	.fs35 {font-size:33px;} 
	.fs32 {font-size:30px;}
	.fs30 {font-size:28px;}
	.fs27 {font-size:24px;}
	.fs25 {font-size:23px;}
	.fs24 {font-size:22px;}
	.fs23 {font-size:22px;}
	.fs22 {font-size:21px;} 
	.fs20 {font-size:19px;} 	 
	.fs19 {font-size:18px;}
	.fs17 {font-size:16px;}
	.fs16 {font-size:15px;}		  
	.fs14 {font-size:13px;}	
	.fs10 {font-size:9px;}	

	.mt20 {margin-top:15px;}
	.mt30 {margin-top:20px;}
	.mt40 {margin-top:30px;}
	.mt50 {margin-top:40px;}
	.mt70 {margin-top:60px;}
	.mt80 {margin-top:70px;}
	.mt100 {margin-top:80px;}
	.mt120 {margin-top:100px;}
	.mt130 {margin-top:100px;}
	.mt140 {margin-top:110px;}
	.mt150 {margin-top:110px;}
	.mt160 {margin-top:120px;}
	.mt180 {margin-top:150px;}
	.mb190 {margin-bottom:150px;}
	.mb160 {margin-bottom:120px;}
	.mb150 {margin-bottom:110px;}
	.mb120 {margin-bottom:100px;}
	.mb100 {margin-bottom:70px;}
	.mb80 {margin-bottom:60px;}
	.mb70 {margin-bottom:60px;}
	.mb60 {margin-bottom:50px;}
	.mb50 {margin-bottom:40px;}
	.mb40 {margin-bottom:30px;}
	.mb30 {margin-bottom:20px;}
	.mb20 {margin-bottom:15px;}
	
	.pb50 {padding-bottom:40px;}
	.pb60 {padding-bottom:50px;} 
	.pb80 {padding-bottom:60px;} 
	.pb100 {padding-bottom:70px;} 
	.pb120 {padding-bottom:90px;} 
	.pb130 {padding-bottom:100px;} 
	.pb140 {padding-bottom:110px;} 
	.pb230 {padding-bottom:180px;}
	.pb380 {padding-bottom:350px;}
	.pt80 {padding-top:60px;}
	.pt100 {padding-top:70px;}
	.pt120 {padding-top:90px;}
	.pt130 {padding-top:100px;}
	.pt140 {padding-top:110px;}
	.pt150 {padding-top:110px;}
	.pt200 {padding-top:170px;}
	.pt220 {padding-top:180px;}
	.pt230 {padding-top:180px;}
	.pt240 {padding-top:190px;}
 }
 
  @media screen and (max-width:940px) {
  
   	.fs74 {font-size:68px;}
   	.fs72 {font-size:66px;}
   	.fs64 {font-size:58px;}
   	.fs60 {font-size:50px;}
   	.fs55 {font-size:45px;}
	.fs52 {font-size:44px;}
   	.fs50 {font-size:43px;}
	.fs48 {font-size:41px;}
	.fs45 {font-size:38px;}
	.fs43 {font-size:36px;}
	.fs42 {font-size:36px;}
	.fs40 {font-size:35px;}
	.fs38 {font-size:33px;}
	.fs36 {font-size:32px;}
	.fs35 {font-size:32px;}
	.fs32 {font-size:29px;}
	.fs30 {font-size:27px;}
	.fs27 {font-size:24px;}
	.fs25 {font-size:23px;}
	.fs24 {font-size:21px;}
	.fs23 {font-size:21px;}
	.fs22 {font-size:20px;}
	.fs21 {font-size:20px;}
	.fs20 {font-size:18px;}
	.fs19 {font-size:17px;}
	.fs18 {font-size:16px;} 	 
	.fs17 {font-size:15px;} 
	.fs16 {font-size:15px;}		  
	.fs14 {font-size:12px;}	
	.fs10 {font-size:8px;}	
	
	.pt80 {padding-top:50px;}
	.pt100 {padding-top:60px;}
	.pt120 {padding-top:80px;}
	.pt130 {padding-top:80px;}
	.pt140 {padding-top:90px;}
	.pt150 {padding-top:100px;}
	.pt160 {padding-top:110px;}
	.pt190 {padding-top:120px;}
	.pt200 {padding-top:160px;}
	.pt220 {padding-top:170px;}
	.pt230 {padding-top:170px;}
	.pt240 {padding-top:180px;}
	 
	.pb50 {padding-bottom:40px;}
	.pb60 {padding-bottom:50px;}
	.pb80 {padding-bottom:60px;}
	.pb100 {padding-bottom:60px;}
	.pb120 {padding-bottom:80px;}
	.pb130 {padding-bottom:90px;}
	.pb140 {padding-bottom:90px;}
	.pb150 {padding-bottom:100px;}
	.pb190 {padding-bottom:150px;}
	.pb230 {padding-bottom:190px;}
	.pb380 {padding-bottom:280px;}
	
	.mt20 {margin-top:15px;}
	.mt30 {margin-top:20px;}
	.mt40 {margin-top:30px;}
	.mt50 {margin-top:35px;}
	.mt60 {margin-top:40px;}
	.mt70 {margin-top:50px;}
	.mt80 {margin-top:60px;}
	.mt100 {margin-top:70px;}
	.mt120 {margin-top:80px;}
	.mt140 {margin-top:90px;}
	.mt150 {margin-top:100px;}
	.mt160 {margin-top:110px;}
	.mt180 {margin-top:130px;}
	.mb160 {margin-bottom:110px;}
	.mb150 {margin-bottom:100px;}
	.mb120 {margin-bottom:80px;}
	.mb100 {margin-bottom:60px;}
	.mb80 {margin-bottom:50px;}
	.mb70 {margin-bottom:50px;}
	.mb60 {margin-bottom:40px;}
  }


  @media screen and (max-width:700px) {
  
   	.fs74 {font-size:64px; letter-spacing:-2px;}
   	.fs72 {font-size:62px; letter-spacing:-2px;}
   	.fs64 {font-size:54px; letter-spacing:-2px;}
	.fs60 {font-size:48px; letter-spacing:-2px;}
	.fs55 {font-size:44px; letter-spacing:-2px;}
	.fs52 {font-size:42px; letter-spacing:-2px;}
	.fs50 {font-size:40px; letter-spacing:-2px;}
	.fs48 {font-size:38px;}
	.fs45 {font-size:34px;}
	.fs43 {font-size:33px;}
	.fs42 {font-size:33px;}
	.fs40 {font-size:32px;}
	.fs38 {font-size:31px;}
	.fs36 {font-size:30px;}
	.fs35 {font-size:30px;}
	.fs32 {font-size:26px;}
	.fs30 {font-size:24px;}
	.fs27 {font-size:22px;}
	.fs25 {font-size:21px;}
	.fs24 {font-size:20px;}
	.fs23 {font-size:20px;}
	.fs22 {font-size:19px;}
	.fs21 {font-size:19px;}
	.fs20 {font-size:18px;}
	.fs19 {font-size:17px;}
	.fs18 {font-size:16px;}	 
	.fs17 {font-size:15px;}
	.fs16 {font-size:14px;}		  
	.fs14 {font-size:13px;}
	.fs10 {font-size:7px;}	
	
	.mb190 {margin-bottom:110px;}
	.mb160 {margin-bottom:100px;}
	.mb150 {margin-bottom:80px;}
	.mb120 {margin-bottom:60px;}
	.mb100 {margin-bottom:50px;}
	.mb80 {margin-bottom:40px;}
	.mb70 {margin-bottom:35px;}
	.mb60 {margin-bottom:30px;}
	.mb50 {margin-bottom:25px;}
	.mb40 {margin-bottom:20px;}
	.mb30 {margin-bottom:15px;}
	.mb20 {margin-bottom:10px;}
	
	.mt20 {margin-top:10px;}
	.mt30 {margin-top:25px;}
	.mt40 {margin-top:20px;}
	.mt50 {margin-top:25px;}
	.mt60 {margin-top:30px;}
	.mt70 {margin-top:40px;}
	.mt80 {margin-top:50px;}
	.mt100 {margin-top:50px;}
	.mt120 {margin-top:60px;}
	.mt140 {margin-top:70px;}
	.mt150 {margin-top:80px;}
	.mt160 {margin-top:100px;}
	.mt180 {margin-top:120px;}

	.pt60 {padding-top:30px;}
	.pt80 {padding-top:40px;}
	.pt100 {padding-top:50px;}
	.pt120 {padding-top:60px;}
	.pt130 {padding-top:70px;}
	.pt140 {padding-top:80px;}
	.pt150 {padding-top:80px;}
	.pt160 {padding-top:100px;}
	.pt180 {padding-top:120px;}
	.pt190 {padding-top:130px;}
	.pt200 {padding-top:140px;}
	.pt220 {padding-top:160px;}
	.pt230 {padding-top:170px;}
	.pt240 {padding-top:180px;}
	 
	.pb50 {padding-bottom:30px;}
	.pb80 {padding-bottom:40px;}
	.pb100 {padding-bottom:50px;}
	.pb120 {padding-bottom:60px;}
	.pb130 {padding-bottom:70px;}
	.pb140 {padding-bottom:80px;}
	.pb150 {padding-bottom:90px;}
	.pb160 {padding-bottom:100px;}
	.pb180 {padding-bottom:120px;}
	.pb190 {padding-bottom:130px;}
	.pb230 {padding-bottom:170px;}
	.pb380 {padding-bottom:200px;}
  
  	.pl70 {padding-left:30px;}
  }

  @media screen and (max-width:480px) {

   	.fs74 {font-size:60px;}
   	.fs72 {font-size:58px;}
   	.fs64 {font-size:50px;}
   	.fs60 {font-size:42px;}
	.fs55 {font-size:38px;}
	.fs52 {font-size:38px;}
	.fs50 {font-size:37px;}
	.fs48 {font-size:35px;}
	.fs45 {font-size:34px;}
	.fs43 {font-size:33px;}
	.fs42 {font-size:32px;}
	.fs40 {font-size:30px;}
	.fs38 {font-size:27px;}
	.fs36 {font-size:25px;}
	.fs32 {font-size:23px;}
	.fs30 {font-size:22px;}
	.fs27 {font-size:21px;}
	.fs25 {font-size:21px;}
	.fs24 {font-size:20px;}
	.fs22 {font-size:18px;}
	.fs21 {font-size:18px;}
	.fs20 {font-size:17px;}
	.fs19 {font-size:16px;}
	.fs18 {font-size:15px;}
	.fs16 {font-size:14px;}

  	.pl70 {padding-left:20px;}

	.mb190 {margin-bottom:80px;}
	.mb150 {margin-bottom:60px;}
	.mb100 {margin-bottom:40px;}
	.mb80 {margin-bottom:30px;}
	.mb60 {margin-bottom:25px;}
	.mb40 {margin-bottom:20px;}
	.mb20 {margin-bottom:10px;}
	.mt50 {margin-top:25px;}
	.mt60 {margin-top:30px;}
	.mt80 {margin-top:35px;}
	.mt150 {margin-top:60px;}
	.mt140 {margin-top:50px;}
	.mt120 {margin-top:50px;}
	.pt100 {padding-top:30px;}
	.pb30 {padding-bottom:10px;}
	.pb80 {padding-bottom:40px;}
	.pb100 {padding-bottom:40px;}
	.pb150 {padding-bottom:60px;}
	.pb180 {padding-bottom:70px;}
	.pb190 {padding-bottom:80px;}
	.pb230 {padding-bottom:100px;}
	.pb380 {padding-bottom:150px;}
	.pt120 {padding-top:50px;}
	.pt150 {padding-top:60px;}
	.pt160 {padding-top:80px;}
	.pt200 {padding-top:100px;}
	.pt220 {padding-top:120px;}
	.pt230 {padding-top:130px;}
	.pt240 {padding-top:140px;}
  }





/* ******************  메인 비주얼 ********************** */
button {padding:0;border:0;background-color:transparent;cursor:pointer;-webkit-appearance:none}
.renew button {padding:0;border:0;background-color:transparent;cursor:pointer;-webkit-appearance:none;}
.renew *, .renew input, .renew select, .renew button {box-sizing:border-box;}
.page_index .key_visual {position:relative; overflow:hidden;}
.page_index .key_visual .main_slider {position:relative}
.page_index .key_visual .logo_woopoopoo {position:absolute;width:5.8%;height:24.33%;top:125px;left:60px;z-index:1}
.page_index .key_visual .logo_woopoopoo img {display:block;width:100%}
.page_index .key_visual .main_slider .item>a {display:block;width:100%}
.page_index .key_visual .main_slider .kv_video {position:absolute;top:0;left:0;display:block;width:100%}
.page_index .key_visual .main_slider .thumb_wrap {position:relative;width:100%;height:0;padding-bottom:46.87%}
.page_index .key_visual .main_slider .thumb {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center 90%}
.page_index .key_visual .main_slider .desc_wrap {position:absolute;width:100%;height:100%;padding:0;}
.page_index .key_visual .main_slider .desc_wrap:before {display:inline-block;content:"";width:1px;height:100%;vertical-align:top;}
.page_index .key_visual .main_slider .desc_box {position:absolute;top:0;opacity:0;width:100%; height:100%;}
.page_index .key_visual .main_slider .txt_wrap {position:absolute; z-index:2; top:200px; left:50%; margin-left:-650px; width:450px; height:480px; padding:60px 20px 0 60px; box-sizing:border-box;}
.page_index .key_visual .main_slider .bg1{background:#d63730;}
.page_index .key_visual .main_slider .bg2 {background:#00dbe3;}
.page_index .key_visual .main_slider .txt_wrap p {color:#fff; margin-top:20px; line-height:120%;}
.page_index .key_visual .main_slider .txt_wrap p span {color:#007eff;}
.page_index .key_visual .main_slider h2 {color:#fff; line-height:100%; letter-spacing:0;}
.page_index .key_visual .main_slider h2 strong {color:#fff000;}
.page_index .key_visual .main_slider h2 div {display:block;}
.page_index .key_visual .main_slider h2 br {display:block;}
.page_index .key_visual .main_slider .Img {position:absolute; z-index:1; bottom:20px; left:50%;}
.page_index .key_visual .main_slider .Img img {width:95%; height:auto;}
.page_index .key_visual .main_slider .Img1 {margin-left:-240px; max-width:1080px; width:70%;}
.page_index .key_visual .main_slider .Img2 {margin-left:-480px; max-width:1500px; }
.page_index .key_visual .main_slider .Img3 {width:60%; height:100%;  bottom:0; transform: translateX(-50%);} 
.page_index .key_visual .main_slider .Img3 .t-img{ position:absolute; top:200px; left:300px;width:550px; }
.page_index .key_visual .main_slider .Img3 .s-img{ position:absolute; bottom:0; right:-200px; width:800px}
.page_index .key_visual .main_slider .Img3 .s-img img{display:inline-block;}

.page_index .key_visual .main_slider .Img4 { height:100%;  flex-direction: column;bottom:0; width:80%; transform: translateX(-50%);}
.page_index .key_visual .main_slider .Img4 p{ display:flex;justify-content: flex-end;}
.page_index .key_visual .main_slider .Img4 .t-img{ position:absolute; top:200px; right:0; width:600px;}
.page_index .key_visual .main_slider .Img4 .s-img{position:absolute; bottom:0; left:0;width:100%;}
.page_index .key_visual .main_slider .desc {font-size:30px;color:#42657c;vertical-align:middle}
.page_index .key_visual .main_slider .desc.border:before, .page_index .key_visual .main_slider .desc.border:after {display:inline-block;content:"";width:50px;height:1px;margin:0 15px;background-color:#42657c;vertical-align:middle}
.page_index .key_visual .slider_controls {position:absolute;bottom:120px;left:50%;margin-left:-600px;letter-spacing:-10px;  background:url(./image/main/slider_controls_bg.png) repeat; border-radius:30px; padding:5px 80px 5px 20px;}
.page_index .key_visual .slider_controls .slick-arrow {display:inline-block;width:50px;height:50px;margin:0 5px;font-size:0;letter-spacing:0;vertical-align:middle;}
.page_index .key_visual .slider_controls .slick-arrow:after {content:"";display:block;width:32px;height:22px;margin:0 auto;}
.page_index .key_visual .slider_controls .slick-prev:after {background:url(./image/main/arrow_right.png) no-repeat 50% 50%; background-size:auto 100%;}
.page_index .key_visual .slider_controls .slick-next:after {background:url(./image/main/arrow_left.png) no-repeat 50% 50%; background-size:auto 100%;}
.page_index .key_visual .slider_controls #circle {width:92px;height:92px}
.page_index .key_visual .slider_controls .svg_wrap {position:relative;display:inline-block;width:50px;height:50px;vertical-align:middle;letter-spacing:0}
.page_index .key_visual .slider_controls .btn_wrap button {display:block;position:absolute;top:0;left:0;width:100%;height:100%;font-size:0}
.page_index .key_visual .slider_controls .btn_wrap button:after {content:"";position:absolute; top:0; left:0;width:100%; height:100%;}
.page_index .key_visual .slider_controls .btn_wrap button.icon_pause:after {background:url(./image/main/icon_pause.png) no-repeat 50% 50%;}
.page_index .key_visual .slider_controls .btn_wrap button.icon_start:after {background:url(./image/main/icon_start.png) no-repeat 60% 50%;}
.page_index .key_visual .slider_controls .slider_status {position:absolute;top:0;left:50%;margin-left:60px;color:#fff;font-size:18px;letter-spacing:0;line-height:60px;white-space:nowrap}

/*.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer; cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before, .slick-track:after {display:table;content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}*/

@media screen and (max-width:1920px) {
	.page_index .key_visual .main_slider {height:900px !important;}
	.page_index .key_visual .main_slider .thumb_wrap {padding-bottom:900px;}
	.page_index .key_visual .main_slider .txt_wrap {top:160px; width:440px; height:460px; padding:60px 20px 0 55px;}
		
	.page_index .key_visual .slider_controls {bottom:100px;}
	.page_index .key_visual .slider_controls .slick-arrow {width:30px;height:30px;}
	.page_index .key_visual .slider_controls .slick-arrow::after{height:13px;}
	.page_index .key_visual .slider_controls .svg_wrap{width:30px; height:30px;}
	.page_index .key_visual .slider_controls .btn_wrap button.icon_pause::after{background-size:auto 13px;}
	.page_index .key_visual .slider_controls .btn_wrap button.icon_start::after{background-size:auto 13px;}
	.page_index .key_visual .slider_controls .slider_status{line-height:40px; font-size:16px; margin-left:40px;}
	
	.page_index .key_visual .main_slider .Img3{ width:60%; margin-left:200px;}

	.page_index .key_visual .main_slider .Img3 .t-img{ width:550px; top:200px; left:80px;}
	.page_index .key_visual .main_slider .Img3 .s-img{ width:700px;}
	
	.page_index .key_visual .main_slider .Img4 .t-img{ top:150px; width:500px;}

}

@media screen and (max-width:1440px) {
	.page_index .key_visual .main_slider {height:800px !important;}
	.page_index .key_visual .main_slider .thumb_wrap {padding-bottom:800px;}
	.page_index .key_visual .main_slider .txt_wrap {top:140px; margin-left:-480px; width:400px; height:440px; padding:50px 0 0 50px;}

	.page_index .key_visual .main_slider .Img1 {left:27%; margin-left:0;width:72%;}
	.page_index .key_visual .main_slider .Img2 {left:15%; bottom:-5px; margin-left:0;width:110%;}
		
	.page_index .key_visual .slider_controls {bottom:90px; left:10%;}		
	
	.page_index .key_visual .main_slider .Img3{ width:80%; margin-left:0;}
	.page_index .key_visual .main_slider .Img3 .t-img{ width:400px; top:200px; left:200px;}
	.page_index .key_visual .main_slider .Img3 .s-img{ width:600px;    right: -150px;}
}

@media screen and (max-width:960px) {
	.page_index .key_visual .main_slider {height:650px !important;}
	.page_index .key_visual .main_slider .thumb_wrap {padding-bottom:650px;}
	.page_index .key_visual .main_slider .txt_wrap {top:110px; left:2%; width:380px; height:420px; margin-left:0;}

	.page_index .key_visual .main_slider .Img1 {left:25%; margin-left:0;width:85%;}
	.page_index .key_visual .main_slider .Img2 {left:15%; bottom:-5px; margin-left:0;width:120%;}
	.page_index .key_visual .main_slider .Img3{ width:80%; margin-left:0;}
	.page_index .key_visual .main_slider .Img3 .t-img{ width:300px; top:200px; left:100px;}
	.page_index .key_visual .main_slider .Img3 .s-img{ width:500px;    right: -150px;}

		
	.page_index .key_visual .slider_controls {bottom:90px; left:10%;}	
	


}
/*
@media screen and (max-width:800px) {	
	.page_index .key_visual .main_slider {height:650px !important;}
	.page_index .key_visual .main_slider .thumb_wrap{padding-bottom:650px;}
	.page_index .key_visual .main_slider .txt_wrap {top:100px; left:2%; margin-left:0; width:300px; height:350px; padding:40px 0 0 40px;}

	.page_index .key_visual .main_slider .Img1 {left:20%; margin-left:0;width:95%;}
	.page_index .key_visual .main_slider .Img2 {left:2%; bottom:-5px; margin-left:0;width:135%;}
		
	.page_index .key_visual .slider_controls {bottom:90px; left:0;}	
	
}*/

@media screen and (max-width:700px) {	
	.page_index .key_visual .main_slider .txt_wrap{top:400px; width:96%; height:auto; padding:30px 2%; text-align:center}	
	.page_index .key_visual .main_slider .txt_wrap h2 {font-size:40px;}
	.page_index .key_visual .main_slider .txt_wrap h2 br {display:none;}
	.page_index .key_visual .main_slider .txt_wrap p {margin-top:10px;}
		
	.page_index .key_visual .main_slider .Img1 {left:-5%; margin-left:0; bottom:20px; width:110%;}
	.page_index .key_visual .main_slider .Img2 {left:-30%; bottom:0px; margin-left:0;width:160%;}
	
	.page_index .key_visual .main_slider .Img3 .t-img{ width:300px; top:100px; left:70px;}
	.page_index .key_visual .main_slider .Img3 .s-img{ width:400px;}
	
	.page_index .key_visual .main_slider .Img4 .t-img{ width:80%;}
	
	
}

@media screen and (max-width:480px) {		
	.page_index .key_visual .main_slider {height:500px !important;}	
	.page_index .key_visual .main_slider .thumb_wrap {padding-bottom:500px;}
	.page_index .key_visual .main_slider .txt_wrap {top:300px; left:3%; width:94%; height:auto; padding:30px 2%; text-align:center}	
	.page_index .key_visual .main_slider .txt_wrap h2 {font-size:34px;}
	.page_index .key_visual .main_slider .txt_wrap p {font-size:22px;}
	.page_index .key_visual .main_slider .Img1 {left:-15%; margin-left:0; bottom:100px; width:130%;}
	.page_index .key_visual .main_slider .Img2 {left:-45%; bottom:70px; margin-left:0;width:200%;}
	
	.page_index .key_visual .main_slider .Img3 .t-img{ left:70px; width:250px;}
	.page_index .key_visual .main_slider .Img3 .s-img{ width:250px;}
}







.inner{position:relative; max-width:1300px; width:100%; margin:0 auto;}

.sT {color:#32d6ea;}
.bT {color:#32a3ea;}
.yT {color:#ffa800;}
.rT {color:#df222c;}
.oT {color:#ea8a00;}

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




/* 메인 롤링이미지 */
#s01 {position:relative; overflow:hidden;}
#s01:before{content:''; position:absolute; top:330px; left:0; width:100%; height:840px;background:#efefef;}
.titBox_main {margin:0 3%;}
.titBox_main h3 {line-height:120%;}
.titBox_main p {line-height:130%; letter-spacing:-2px;}

.contSlider{position:relative; width:100%; display:inline-block;}
.contSlider .swiper-container{position:relative;width:2080px;left:50%;margin-left:-1040px;text-align:center;z-index:1}
.contSlider .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;}
.contSlider .swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:auto; height:100%; position:relative; background:#fff;}
.contSlider .swiper-container .swiper-slide-active,
.contSlider .swiper-container .swiper-slide-prev,
.contSlider .swiper-container .swiper-slide-next {opacity:1}
.contSlider .swiper-container .swiper-slide-active {box-shadow:0 15px 20px 0 rgba(0, 0, 0, .3);}
.contSlider .swiper-container .swiper-slide img {display:block;width:100%;background:#fff;box-shadow:0 13px 21px 0 rgba(153, 159, 183, .1);}
.contSlider .swiper-container .swiper-slide-prev img,
.contSlider .swiper-container .swiper-slide-next img {opacity:0.25;}
.contSlider .swiper-container .swiper-slide-prev .swiper-tBox,
.contSlider .swiper-container .swiper-slide-next .swiper-tBox {display:none;}
.contSlider .swiper-container .swiper-button-prev {position:absolute; z-index:2; display:inline-block; top:48%; left:23%;width:40px;height:40px;}
.contSlider .swiper-container .swiper-button-next {position:absolute; z-index:2; display:inline-block; top:48%; right:23%;width:40px;height:40px;}
.contSlider .swiper-container .swiper-button-prev a,
.contSlider .swiper-container .swiper-button-next a {width:100%;height:100%}
.ir {position:relative; display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-999em}
.ir:before, .ir:after {content:''; position:absolute; width:26px; height:2px; top:50%; left:50%; background:#000; opacity:0.4; transition:all ease .5s;}
.ir:hover:before, .ir:hover:after {opacity:1;}
.ir:before {transform:rotate(-45deg); margin:-9px 0 0 -15px;}
.ir:after {transform:rotate(45deg); margin:9px 0 0 -15px;}
.contSlider .swiper-container .swiper-button-next .ir {transform:rotate(180deg);}	

.swiper-tBox {position:absolute; bottom:-50px; left:46%; width:49%; height:320px; padding:40px 0 0 5%; background-color:#fff; text-align:left; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0 15px 20px 0 rgba(0, 0, 0, .3);transition:all 0.3s ease;}
.swiper-tBox .sTit {display:block; font-weight:400; color:#ed8942; line-height:120%; letter-spacing:0.25px;}
.swiper-tBox .bTit {letter-spacing:-1px; color:#3d3d3d; margin-top:7px;}
.swiper-tBox .txt {font-weight:400; letter-spacing:-0.5px; color:#888; margin-top:20px;}
.swiper-tBox .detail-bx {display:inline-block; font-weight:400;font-size:12px; line-height:24px; letter-spacing:0.5px; color:#000; opacity:0.5; padding-top:4%;}
.swiper-tBox .detail-bx:before {content:'';margin-right:9px; vertical-align:middle; display:inline-block; width:60px; height:2px; background-color:#000; opacity:0.4;}
.swiper-tBox .detail-bx:hover {opacity:1;} 
.swiper-tBox.bg1:hover {background:#fc635c;}
.swiper-tBox.bg2:hover {background:#00dbe3;}
.swiper-tBox.bg3:hover {background:#ffba00;}
.swiper-tBox:hover .sTit,
.swiper-tBox:hover .bTit,
.swiper-tBox:hover .txt {color:#fff;}
.swiper-tBox:hover .detail-bx{color:#000;}


@media all and (max-width:1200px){	
	.contSlider .swiper-container {width:1700px;margin-left:-850px;}
	.swiper-tBox {left:42%; width:53%; height:auto; padding:40px 2% 30px 5%;}
	.swiper-tBox .txt {margin-top:10px;}
}

@media all and (max-width:960px){
	.titBox_main h3 span {display:block;}
	.contSlider .swiper-container {width:1440px; margin-left:-720px;}
	.swiper-tBox {left:35%; width:60%; padding:35px 2% 25px 4%;}
}

@media all and (max-width:700px){
	.titBox_main h3 span {font-size:45px;}
	.contSlider {padding-bottom:200px;}
	.contSlider .swiper-container {width:1260px; margin-left:-630px;}
	.swiper-tBox {left:50%; bottom:-200px; margin-left:-220px; width:440px; padding:35px 2% 25px 4%;}
}

@media all and (max-width:480px){
	.titBox_main h3 {line-height:110%; letter-spacing:0;}
	.titBox_main h3 span {font-size:34px;}
	.titBox_main .sTxt {font-size:18px;}
	.contSlider {padding-bottom:180px;}
	.contSlider .swiper-container {width:600px; margin-left:-300px;}
	.swiper-tBox {top:220px; bottom:auto; margin-left:-165px; width:330px; padding:30px 1% 20px 4%;}
}


/* 메인 퀵메뉴 */
.quick_menu {display:block;width:100%; height:150px;}
.quick_menu ul {max-width:700px; width:94%; margin:0 auto; padding:0px;}
.quick_menu ul li {float:left; vertical-align:top; margin:20px 0; width:20%; height:120px; list-style-type:none; padding:0; text-align:center;}
.quick_menu ul li p {font-size:16px; width:90px;word-break:keep-all; margin:0 auto; text-align:center; letter-spacing:-1px; margin-top:0px; line-height:24px;}  
.quick_menu li a {display:block; vertical-align:top; color:#333; font-size:16px; line-height:26px; position:relative; padding:100px 0 0; text-decoration:none; text-align:center;width:90px; margin:0 auto;}
.quick_menu li a:before {content:""; display:block;width:90px; height:90px;border-radius:100%; position:absolute; left:0; top:0; background-size:100% auto !important;
transition :all 0.3s ease; -webkit-transition :all 0.3s ease;}
.quick_menu li.bn01 a:before {background:url(./image/main/quick_menu_icon1.png) no-repeat center top;}
.quick_menu li.bn02 a:before {background:url(./image/main/quick_menu_icon2.png) no-repeat center top;}
.quick_menu li.bn03 a:before {background:url(./image/main/quick_menu_icon3.png) no-repeat center top;}
.quick_menu li.bn04 a:before {background:url(./image/main/quick_menu_icon4.png) no-repeat center top;} 
.quick_menu li.bn05 a:before {background:url(./image/main/quick_menu_icon5.png) no-repeat center top;}
.quick_menu li a:hover, .quick_menu li a:active {color:#b61c21}
.quick_menu li a:hover:before, .quick_menu li a:active:before {background-position:center -92px;}

@media all and (max-width:1200px){
	.quick_menu {padding-bottom:60px;}
}

@media all and (max-width:800px){
	.quick_menu {padding-bottom:120px;}
}

@media all and (max-width:480px){
	.quick_menu {padding-bottom:0px;margin-top:50px;}
	.quick_menu ul li {margin:20px 0; width:33.3%;}
}



/* 다양한 시설 */
#s02 {position:relative; background:url(./image/main/s02_bg.jpg) no-repeat; width:100%; background-size:cover !important; background-position:50% 50%;}
#s02:before{content:''; position:absolute; z-index:1; top:-170px; left:1%; width:530px; height:310px; background:url(./image/main/s02_img1.png) no-repeat; background-size:100% auto;}
#s02:after{content:''; position:absolute; z-index:1; top:-210px; right:3%; width:430px; height:310px; background:url(./image/main/s02_img2.png) no-repeat; background-size:100% auto;}

.photoBox {position:relative; z-index:2; width:92%; padding-left:8%; overflow:hidden;}
.photoBox .btn {position:absolute; top:30px; right:10%; cursor:pointer;}
.photoBox .btn p {display:inline-block; margin-right:5px;}
/*.photoBox .btn_prev {position:absolute; top:50px; right:10%; margin-right:60px; cursor:pointer;}
.photoBox .btn_next {position:absolute; top:50px; right:10%;cursor:pointer;}*/
.photoBox .photoDiv {position:relative; width:calc(100% - 0px); padding:0; text-align:left; height:400px;overflow:hidden;}
.photoBox .photoImg {margin:0 auto; width:2500%; padding:0; text-align:left; height:100%;}
.photoBox .photoImg li {position:relative; float:left; list-style-type:none;padding:0px; width:350px; height:100%;background:#fff; margin:0 20px 0 0;}
.photoBox .photoImg li .infowrap {height:80px; margin:40px 0 0 40px; line-height:120%;}
.photoBox .photoImg li .infowrap span{color:#858585; font-weight:400;}
.photoBox .photoImg li .infowrap p{color:#353535; font-weight:700; letter-spacing:-2px; margin-top:10px;}
.photoBox .photoImg li .thumbwrap{overflow:hidden;position:relative;}
.photoBox .photoImg li .thumbwrap .thumb{}
.photoBox .photoImg li .thumbwrap .thumb img{transform:scale(1);transition:all 0.6s ease-out; width:100%;}
.photoBox .photoImg li:hover .thumbwrap .thumb img{transform-origin:50%;transform:scale(1.1);transition:all 0.6s ease-out;}
.photoBox .photoImg li .thumbwrap .ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.photoBox .photoImg li .thumbwrap span{display:flex;position:absolute;right:0;bottom:0;}
.photoBox .photoImg li .thumbwrap span:after{	display:block;content:"";	width:64px;height:100%;position:absolute;right:0;top:0;background:#fff;transition:all 0.4s ease-out;}
.photoBox .photoImg li .thumbwrap span .txts{box-sizing:border-box;	position:relative;z-index:1;width:131px;padding:0 0 0 30px;color:#fff;line-height:64px;transform-origin:right center;	transform:translateX(64px);opacity:0;}
.photoBox .photoImg li .thumbwrap span .arr{position:relative;z-index:2;width:64px;height:64px;}
.photoBox .photoImg li .thumbwrap span .arr:after{display:block;content:"";width:6px;height:6px;border-right:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d;	transform:rotate(-45deg) translate(-50%,-50%);position:absolute;left:50%;top:50%;margin:-3px 0 0;transition:all 0.4s ease-out;}
.photoBox .photoImg li:hover .thumbwrap span:after{width:100%;background:#333;}
.photoBox .photoImg li:hover .thumbwrap span .txts{transform:translateX(0);opacity:1;transition:all 0.4s ease-out 0.1s;}
.photoBox .photoImg li:hover .thumbwrap span .arr:after{border-right:2px solid #fff;border-bottom:2px solid #fff;}

@media all and (max-width:1600px){
	#s02:before{top:-150px; left:0; width:470px;}
	#s02:after{top:-190px; right:3%; width:380px;}
}

@media all and (max-width:1440px){
	#s02:before{top:-120px; left:-3%; width:380px;}
	#s02:after{top:-180px; right:0; width:360px;}
}

@media all and (max-width:1200px){		
	#s02:before{top:-120px; left:-3%; width:380px;}
	#s02:after{top:-150px; right:0; width:300px;}
	.photoBox {width:96%; padding-left:4%;}
}

@media all and (max-width:960px){
	#s02 .titBox {padding-left:0; width:96%;}
	.photoBox .btn {right:3%;}
}

@media all and (max-width:700px){
	.photoBox .photoDiv {padding-top:40px;}
	.photoBox .btn {top:60px;}
}

@media all and (max-width:480px){
	#s02:before{display:none;}
	#s02:after{display:none;}

	.photoBox .photoDiv {padding-top:40px; height:355px;}
	.photoBox .photoImg {height:420px;}
	.photoBox .photoImg li .infowrap {height:70px; margin:30px 0 0 25px; line-height:120%;}
	.photoBox .btn {top:120px;}
	.photoBox .photoImg li {width:320px;}
}


/* 공지사항*/
#s03 .titBox,
#s04 .titBox {padding-left:30px;}
#s03 .titBox h3,
#s04 .titBox h3 {display:inline; margin-right:10px;}
#s03 .titBox p,
#s04 .titBox p {display:inline;}

.contentbox {display:inline-block;}

/* 축제갤러리 */
#s04{position:relative; width:96%; height:700px; margin:0 2%; overflow:hidden; background:url(./image/main/s04_bg.jpg) no-repeat 50% 0; background-size:cover}

.analyst_ttl {position:absolute; left:490px; top:30px; z-index:22; text-align:left; }

.analyst_column {position:relative;}
.analyst_column .container {height:100%;}
.analyst_column .analyst_for {position:relative; width:430px; height:460px; margin-left:1%; z-index:2; background:#fff;box-shadow:0 15px 20px 0 rgba(0, 0, 0, .3);}
.analyst_column .analyst_for button {display:none !important;}
.analyst_column .analyst_for .slick-slide {width:100%;}
.analyst_column .analyst_for .slick-slide .more {position:absolute; top:0; right:0; width:60px; height:60px; background:rgba(0,0,0,.5) url(./image/main/more_arr.png) 50% 16px no-repeat; font-size:14px; line-height:25px; color:#fff; font-weight:500; text-align:center; padding-top:28px; box-sizing:border-box; transition:all 0.35s; z-index:10;}
.analyst_column .analyst_for .slick-slide .more:hover {background-color:rgba(0,0,0,.8);}
.analyst_column .analyst_for .infowrap {position:relative; margin:40px 25px 30px; height:70px;}
.analyst_column .analyst_for .infowrap .date {position:absolute; top:0; left:0; width:60px;}
.analyst_column .analyst_for .infowrap .date span {display:block; text-align:center; line-height:120%;}
.analyst_column .analyst_for .infowrap .tit {margin-left:75px; padding-top:10px;}
.analyst_column .analyst_for .pro_pic {position:relative; margin:0 25px; height:290px; overflow:hidden;}
.analyst_column .analyst_for .pro_pic img {position:absolute; width:auto; height:110%; left:50%; transform:translateX(-50%);}

.analyst_column .analyst_nav {position:absolute; top:110px; left:480px; max-width:1200px; width:100%; z-index:2;}
.analyst_column .analyst_nav .slick-slide {position:relative; width:330px; height:350px; overflow:hidden; margin:0 20px 0 0; box-sizing:border-box; cursor:pointer}
.analyst_column .analyst_nav .slick-slide > div {position:relative; width:100%; height:100%; background-size:cover; background:#fff;}
.analyst_column .analyst_nav .slick-current {display:none;}
.analyst_column .analyst_nav .infowrap {position:relative; margin:30px 20px 0; height:70px;}
.analyst_column .analyst_nav .infowrap .date {position:absolute; top:0; left:0; width:50px;}
.analyst_column .analyst_nav .infowrap .date span {display:block; text-align:center; line-height:120%;}
.analyst_column .analyst_nav .infowrap .tit {margin-left:60px; padding-top:5px;}
.analyst_column .analyst_nav .pro_pic {position:relative; margin:0 25px; height:220px; overflow:hidden;}
.analyst_column .analyst_nav .pro_pic img {position:absolute; width:auto; height:120%; left:50%; transform:translateX(-50%);}

.analyst_column .analyst_nav button {position:absolute; top:-80px; left:68%; width:50px; height:50px; border-radius:50%; text-indent:-9999px; box-sizing:border-box; z-index:2}
.analyst_column .analyst_nav .slick-prev {margin-left:-60px; background:url(./image/main/photo_prev.png) 50% 50% no-repeat;}
.analyst_column .analyst_nav .slick-next {margin-right:60px; background:url(./image/main/photo_next.png) 50% 50% no-repeat;}


@media all and (max-width:1600px){
	.analyst_column .analyst_nav button {left:65%;}
}

@media all and (max-width:1440px){	
	.analyst_column .analyst_nav button {left:60%;}
}

@media all and (max-width:1200px){
	#s03 .titBox h3, #s04 .titBox h3, #s03 .titBox p, #s04 .titBox p {display:block;}
	.analyst_ttl {position:absolute; left:490px; top:0; z-index:22; text-align:left; }
	.analyst_column .analyst_nav button {left:50%;}
}

@media all and (max-width:940px){	
	.analyst_ttl {position:relative; left:0; top:0; z-index:22; text-align:left; }
	.analyst_column .analyst_for {width:400px; height:430px; margin-left:2%;}
	.analyst_column .analyst_for .pro_pic {height:260px;}
	.analyst_column .analyst_nav {top:230px; left:450px;}
	.analyst_column .analyst_nav .slick-slide {height:310px;}
	.analyst_column .analyst_nav .infowrap {margin:20px 20px 0; height:60px;}
	.analyst_column .analyst_nav .infowrap .tit {margin-left:50px; padding-top:2px;}
	.analyst_column .analyst_nav .pro_pic {position:relative;margin:0 20px; height:200px; overflow:hidden;}
	.analyst_column .analyst_nav .pro_pic img {width:auto; height:100%; }
	.analyst_column .analyst_nav button {left:80px;}	
}

@media all and (max-width:480px){ 
	#s03 .titBox,
	#s04 .titBox {padding-left:4%; width:92%;}
	#s04 {height:auto; padding-bottom:40px;}
	.analyst_ttl {position:relative; left:0; top:0; z-index:22; text-align:left; }
	.analyst_column .container {height:auto;}
	.analyst_column .analyst_for {width:92%; height:400px; margin-left:4%;}
	.analyst_column .analyst_for .infowrap {margin:20px 20px 10px; height:80px;}
	.analyst_column .analyst_for .infowrap .tit {padding-top:5px; line-height:125%;}
	.analyst_column .analyst_nav {position:relative; top:auto; left:2%; padding-top:80px;}
	.analyst_column .analyst_nav .slick-track {margin-left:0;}
	.analyst_column .analyst_nav .slick-slide {display:none; width:300px; height:220px;}
	.analyst_column .analyst_nav .infowrap {margin:20px 20px 0; height:60px;}
	.analyst_column .analyst_nav .infowrap .tit {margin-left:50px; padding-top:2px;}
	.analyst_column .analyst_nav .pro_pic {position:relative;margin:0 20px;height:130px; overflow:hidden;}
	.analyst_column .analyst_nav button {top:30px; left:80px;}
}


/* 아쿠아&산타페스티벌 영상 */
#s05{position:relative; width:96%; margin-left:2%;}
.mobile_signature {position:relative; display:table; width:100%; text-align:center;}
.mobile_signature h4{position:absolute; z-index:10; top:110px; width:100%; line-height:120%;color:#fff;font-weight:400; line-height:100%;letter-spacing:-.025em;}
.mobile_signature h4 span.br {display:block;}
.mobile_signature .viewbg_wrap li {float:left; width:50%;}
.mobile_signature .viewbg {padding:270px 0 100px; background-repeat:no-repeat; background-size:cover; background-position:50%;overflow:hidden;}
.mobile_signature .viewbg.bg1 {background-image:url(./image/main/s05_bg1.jpg);}
.mobile_signature .viewbg.bg2 {background-image:url(./image/main/s05_bg2.jpg);}
.mobile_signature .viewbg .movie {max-width:600px; width:90%; margin:0 auto;}
.mobile_signature .viewbg .movie video {width:100%; height:auto;}
.mobile_signature .viewbg .movie video[poster] {width:100%; height:100%; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.mobile_signature .viewbg h5 {display:none; color:#fff; line-height:100%;}
.mobile_signature .viewbg .more {display:inline-block; padding:10px 40px; background:#fff; border-radius:7px;}
.mobile_signature .viewbg .more:hover {background:#222; color:#fff;}

@media all and (max-width:1600px){
	#s04, #s05 {width:100%;margin:0;}
}

@media all and (max-width:1200px){	
	.mobile_signature h4 {top:90px;}
	.mobile_signature .viewbg {padding:240px 0 80px;}
}

@media all and (max-width:700px){	
	.mobile_signature h4{display:none;}
	.mobile_signature .viewbg_wrap li {width:100%;}
	.mobile_signature .viewbg {padding:50px 0 40px;}
	.mobile_signature .viewbg h5 {display:block;}
	.mobile_signature .viewbg.bg1 h5 {color:#333;}
	.mobile_signature .viewbg .more {padding:5px 30px;}
}


/* 배너 */
.ctrl_box {position:absolute; top:20px; left:0; width:50px; height:100%;}
.ctrl_box a {position:absolute; top:0;  width:16px; height:26px; background-image:url(./images/flow_ctrl_side_btn.gif);}
.ctrl_box a.back {right:20px; background-position:0 0; top:0px;}
.ctrl_box a.next {right:20px; background-position:16px 0; top:22px;}
.ctrl_box a.play {background:none; width:auto; height:auto; top:0; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}
.ctrl_box a.stop {background:none; width:auto; height:auto; top:31px; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}

.bannerWarp {position:relative; width:100%; max-width:1000px; padding:20px 0; margin:0 auto;}
.bannerWarp .banner_box {position:relative; width:98%; height:60px; padding:20px 0 0 50px; overflow:hidden;}
.bannerWarp .banner_box .banner_area{width:100%;}
.bannerWarp .banner_box .banner_area ul {*zoom:1; width:100%;}
.bannerWarp .banner_box .banner_area ul:after {content:""; display:block; clear:both;}
.bannerWarp .banner_box .banner_area ul li {float:left; padding-right:9px; list-style-type:none;}
.bannerWarp .banner_box .banner_area ul li a {}
.bannerWarp .banner_box .banner_area ul li img {width:150px; }

@media all and (max-width:1440px){
	.bannerWarp .banner_box {padding:20px 0 0 0;}
}

@media all and (max-width:480px){	
	.bannerWarp {padding:10px 0;}
}