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


@import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');


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;}
.fs21{ font-size:21px;}
.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;}
.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;}
.fs55{ font-size:55px; letter-spacing:-1px;}


.fs50{font-size:50px;}
.fs60{font-size:60px;}
.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%;}


#wrap {}



#content {}
#content .subContent {font-size:19px; letter-spacing:-1px; margin-bottom:100px; word-break:keep-all;}
#content .subContent .location { text-align:center; padding-bottom:80px;}
#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;}
/*--서브메뉴--*/
#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:27px; 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:#084742; padding:0 58px; 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 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:#1e405d;}

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

/*하단정보영역*/
#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;}

/*하단*/
#footer {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:2}
#footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1;}

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

#footer .footerCont div.footerSiteInfo {font-family:dotum;font-size:11px;color:#999;text-align:center;width:600px;margin:0 auto}
.footerSiteInfo p { display:inline-block}
#footer .footerCont address {font-family:arial;font-size:9px;font-style:normal;color:#777;text-align:center;margin-top:5px;}
#footer .footerCont .footerLogo {position:absolute;left:0;top:0}
#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_top, #pages_all, .iframe,  #guidebox, #s_msg{ width:1200px; margin:0 auto; padding-top:100px;}
#pages_login{ padding:200px 0 100px 0;}

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

.mainContents h1{ font-weight:700; margin-bottom:15px;} 
.mainContents h1 span{ color:#777; font-weight:400; margin-left:15px;}


/* fullMenu */
#fullMenu{position:fixed; right:50px; width:134px; height:100%;  z-index:2; box-sizing:border-box; transition:all 0.3s ease-out 0s;}
#fullMenu ul{position:absolute; top:50%; margin-top:-70px;}
#fullMenu li{margin-bottom:10px;}
#fullMenu li a{display:block; position:relative; padding-left:15px; color:rgba(255, 255, 255, 0.3); font-size:15px; font-weight:300; letter-spacing:-0.5px;}
#fullMenu li a:before{content:''; display:block; position:absolute; top:50%; left:-3px; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:rgba(255, 255, 255, 0.3);}
#fullMenu li.active a{color:#fff;}
#fullMenu li.active a:before{background:#fff;}
#fullMenu li.active a:after{content:''; display:block; position:absolute; top:4px; left:-9px; width:15px; height:15px; border-radius:50%; border:1px solid #fff;}
#fullMenu li a{line-height:1.7;}

.fp-viewing-home #fullMenu{height: calc(100% - 100px); bottom:0;}
/*
.fp-viewing-service #headermenu{ display:none;}
.fp-viewing-yogo #headermenu{ display:none;}
.fp-viewing-downcenter #headermenu{ display:none;}
.fp-viewing-ect #headermenu{ display:none;}*/


.fp-viewing-service #fullMenu li a{color:rgba(232, 50, 73, 0.3);}
.fp-viewing-service #fullMenu li a:before{background:rgba(232, 50, 73, 0.3);}
.fp-viewing-service #fullMenu li.active a{color:#e83249;}
.fp-viewing-service #fullMenu li.active a:before{background:#e83249;}
.fp-viewing-service #fullMenu li.active a:after{border:1px solid #e83249;}










.fp-viewing-downcenter #fullMenu li a{color:rgba(30, 53, 96, 0.3);}
.fp-viewing-downcenter #fullMenu li a:before{background:rgba(30, 53, 96, 0.3);}
.fp-viewing-downcenter #fullMenu li.active a{color:#1e3560;}
.fp-viewing-downcenter #fullMenu li.active a:before{background:#1e3560;}
.fp-viewing-downcenter #fullMenu li.active a:after{border:1px solid #1e3560;}


.fp-viewing-ect #fullMenu li a{color:rgba(30, 53, 96, 0.3);}
.fp-viewing-ect #fullMenu li a:before{background:rgba(30, 53, 96, 0.3);}
.fp-viewing-ect #fullMenu li.active a{color:#1e3560;}
.fp-viewing-ect #fullMenu li.active a:before{background:#1e3560;}
.fp-viewing-ect #fullMenu li.active a:after{border:1px solid #1e3560;}


.fp-viewing-shop #fullMenu li a{color:rgba(34, 132, 216, 0.5);}
.fp-viewing-shop #fullMenu li a:before{background:rgba(34, 132, 216, 0.5);}
.fp-viewing-shop #fullMenu li.active a{color:#2284d8;}
.fp-viewing-shop #fullMenu li.active a:before{background:#2284d8;}
.fp-viewing-shop #fullMenu li.active a:after{border:1px solid #2284d8;}

.fp-viewing-6 #fullMenu{opacity:0; display:none;}



.fp-viewing-service #headermenu:before, .fp-viewing-yogo #headermenu:before, .fp-viewing-downcenter #headermenu:before, .fp-viewing-ect #headermenu:before, .fp-viewing-shop #headermenu:before{ content:''; position:absolute; width:100%; height:100%;background:#000; opacity:0.5; top:0; left:0;}



#footer{position:relative; background:#181c1e; z-index:100;}
#footer .inr{position:relative; max-width:1500px; margin:0 auto; padding-top:80px;}




section[class^="area_"]{position:relative; height:937px;}

  
/* mainVisua */
.mainVisual {height:100%; position:relative; }
.mainVisual .slick-slide > div{height:100%;}
.mainVisual .slider{height:100%; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; }
.mainVisual .slider .slidesItem{position:relative; height:100%;}
.mainVisual .slider .slidesItem .items{position:absolute; left:0; top:0; width:100%; height:100%; background-size: cover !important; background-position:50% 50%;}
.mainVisual .slider .slidesItem .items .mImg{display:none; overflow:hidden;}
.mainVisual .slider .slidesItem .items .mImg img{width:100%;}
.mainVisual .slider .slidesItem .items .motionArea{display:block; max-width:1920px; height:100%; margin:0 auto; position:relative; z-index:2;}
.mainVisual .slider .slidesItem .items .motionArea .txBx{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index: 2; display: table; table-layout: fixed;}
.mainVisual .slider .slidesItem .items .motionArea .txInner{display: table-cell; vertical-align:middle; }
.mainVisual .slider .slidesItem .items .motionArea .motion {width:100%; text-align: left;opacity: 0; filter: alpha(opacity=0); display:block; position:relative; top:0px; left:0; -webkit-transition: all 1000ms cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}
.mainVisual .slider .slidesItem .items .motionArea .motion.text01 {}
.mainVisual .slider .slidesItem .items .motionArea .motion.text01 img{ }
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {margin-top:70px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 img { width:830px}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 {margin-top:25px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 img{ width:830px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text04 {margin-top:37px;}
.mainVisual .slider .slidesItem .items .motionArea .motion img {display: inline-block;}
.mainVisual .slider .slidesItem .items .motionArea .motion.on{opacity: 1 !important; filter: alpha(opacity=100) !important; top:0 !important;  left:0 !important;-webkit-transition-timing-function: cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}

.mainVisual .slidesItem .items .motionArea .motion{
  font-family:NanumGothic,sans-serif;
  -webkit-transition: all 700ms ease-out;
  -moz-transition: all 700ms ease-out;
  -ms-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
}

.mainVisual .slider .slidesItem .items .mSliderItem{display:none;}
.mainVisual .slider .slidesItem .items .mSliderItem img{width:100%;}

.mainVisual .slider.responsive{display:block;}

.mainVisual .slick-list {height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}
.mainVisual .slick-dots{position:absolute; left:0; bottom:50px; z-index:12; width:100%; text-align: center; font-size:0; line-height:0;}

.mainVisual .slick-dots > li {width:10px; height:10px; background: rgba(255, 255, 255, 0.3);}
.mainVisual .slick-dots > li:hover{background: #fff;}
.mainVisual .slick-dots > li.slick-active{background: #fff; width:50px;}



.mainVisual .sliderButtons{ position:absolute; left:13%; bottom:250px; z-index:12; width:130px; }
.mainVisual .sliderButtons button{width:35px; height:35px; overflow:hidden; display:inline-block;  text-indent:-9999px; z-index:10; background-size: cover !important; cursor:pointer; }
.mainVisual .sliderButtons .sliderPrev{ background:url('./image/main/btn_prev2.png') no-repeat 0 0; margin-right:10px; }
.mainVisual .sliderButtons .sliderNext{ background:url('./image/main/btn_next2.png') no-repeat 0 0; }
.mainVisual .btnInp{display:none;}


@media all and (max-width:1920px) {
	
	
	.mainVisual:before{ width:600px; margin-top:-250px;}
	.mainVisual .sliderButtons{ left:14%;bottom:200px;}
	
	.mainVisual .slider .slidesItem .items .motionArea{max-width:1400px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion{padding-left:30px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text01 img{  }
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {margin-top:70px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02 img { width:830px}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03 {margin-top:25px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03 img{ width:635px;}
	

}




@media (max-width:1250px) {
   	  .mainVisual{ height:700px !important; }
	  .mainVisual .sliderButtons{display:none;}
	  .mainVisual .slider .slidesItem .items{ background-position:50% 100% !important;}

	  .mainVisual .slider .slidesItem .items .motionArea .motion.text01 img{ width:400px;}
	  .mainVisual .slider .slidesItem .items .motionArea .motion.text02{ margin-top:50px;}
	  .mainVisual .slider .slidesItem .items .motionArea .motion.text03 img{ width:500px;}
}

@media (max-width:680px) {
	
	.mainVisual{ height:550px !important; }
	
	.mainVisual .slider .slidesItem .items .motionArea .motion.text01 img{ width:300px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02{ margin-top:20px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02 img{ width:350px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03 img{ width:400px;}
	
}

@media (max-width:480px) {
	.mainVisual{ height:450px !important; }
	
	.mainVisual .slider .slidesItem .items{ background-position:80% 100% !important;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text01 img{ width:250px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02 img{ width:300px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03 img{ width:300px;}
	
}

/*.scroll{width:100%; font-size:0; line-height:0; text-align: center; position: absolute; left:0; bottom:28px; z-index:11;animation-duration: 1s;}  */


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




/* section02 
.area_02{ position:relative;}
.area_02 .s01{width: 50%;height: 100%;display:block;}
.area_02 .s01 ul{display: table;width: 100%;height:50%;}
.area_02 .s01 li{ display: table-cell;width: 50%;height: 100%;}
.area_02 .s01 .space{ padding:0 15%;}
.area_02 .s01 .sTit{ padding-top:150px; font-weight:700; line-height:40px;}
.area_02 .s01 .sTit span{ font-weight:300; letter-spacing:10px;}
.area_02 .s01 .bTxt{ margin-top:20px; opacity:0.7;}
.area_02 .s01 .area01{ background:#b51500 url(./image/main/area_02_bg1.png) no-repeat 20% 85%; }
.area_02 .s01 .area01 a{ color:#fff}
.area_02 .s01 .area02{ background:#131312 url(./image/main/area_02_bg2.jpg) no-repeat 0 100%; background-size:100% auto;}
.area_02 .s01 .area02 a{ color:#fff}
.area_02 .s01 .area03{ background:#fff url(./image/main/area_02_bg3.jpg) no-repeat 0 100%; background-size:100% auto;}
.area_02 .s01 .area03 a{ color:#555}
.area_02 .s01 .area04{ background:#d7cfbb url(./image/main/area_02_bg4.jpg) no-repeat 0 100%;  background-size:100% auto;}
.area_02 .s01 .area04 a{ color:#555}
.area_02 .s01 a{ display:block; width:100%; height:100%; color:#fff;}
.area_02 .s02 { position:absolute; right:0; top:0;width:50%;height: 100%;display:table; background:url(./image/main/area_02_bg5.jpg) no-repeat 0 100%; background-size:cover;  }
.area_02 .s02 .space{display:table-cell; vertical-align: middle;padding:0 20% 0 15%;  }
.area_02 .s02 .sTit{ color:#3f8ed2; margin-bottom:30px;}
.area_02 .s02 img{ margin-bottom:50px;}
.area_02 .s02 iframe{ width:100%; height:460px;}
*/



/* section02 */
.area_02{position:relative; background:#dff3fa url(./image/main/area_03_bg.jpg) no-repeat; background-size:cover;overflow:hidden; }
.area_02 .bTxt{ margin:30px 0 10px 0; color:#fff; color:#005fa2;line-height: 120%;}

.area_02 .cImg img{ margin-top:80px;}
.area_02 .colorgray { color:#686868; font-weight:300; font-size:18px;}

.area_02 .s03_box { width:70%; margin-top:3%}
.area_02 .s03_box li { display:inline-block; width:37%;  padding:5% 3%; margin-right:2%; margin-bottom:2%}
.area_02 .s03_box li h3 {  margin-bottom:1%; color:#012e71; font-weight:400}
.area_02 .s03_box li p { color:#777777; font-weight:300}

.area_02 .s03_box li:nth-child(1){ background:#fff url(./image/main/area_03_bg1.jpg) no-repeat 90% 50%;}
.area_02 .s03_box li:nth-child(2){ background:#fff url(./image/main/area_03_bg2.jpg) no-repeat 90% 50%;}
.area_02 .s03_box li:nth-child(3){ background:#fff url(./image/main/area_03_bg3.jpg) no-repeat 90% 50%;}
.area_02 .s03_box li:nth-child(4){ background:#fff url(./image/main/area_03_bg4.jpg) no-repeat 90% 50%;}



/* section03 */
.area_03{ position:relative;}
.area_03 .s01{ width:100%; height:60%; }
.area_03 .s02{display:block; width:100%; height:40%; color:#fff; }
.area_03 .s02 ul{display: table;width: 100%;height:100%;}
.area_03 .s02 li{display: table-cell;width:calc(100%  / 4); height:100%; vertical-align:middle; }
.area_03 .s02 .space{ padding:0 100px;}
.area_03 .s02 .fs33{ font-weight:600;}
.area_03 .s02 .bTxt{ margin:5px 0 40px 0;}
.area_03 .s02  a{overflow:hidden; position:relative; display:inline-block; text-align:left; border:1px #fff solid;width:200px;   height:50px; line-height:50px; letter-spacing:-0.5px;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s	}
.area_03 .s02  a strong{ position:relative; padding-left:30px;  color:#fff; font-weight:400; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.area_03 .s02  a .arrow{position:absolute; top:50%; right:30px; width:20px; height:12px; margin-top:-6px; background:url(./image/main/link_arrow_on2.png) no-repeat}
.area_03 .s02  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}

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

.area_03 .s02 li:nth-child(1){ background:url(./image/main/area_05_bg1.jpg) 0 0;background-size:cover; }
.area_03 .s02 li:nth-child(2){ background:url(./image/main/area_05_bg2.jpg) 100% 100%;background-size:cover;}
.area_03 .s02 li:nth-child(3){ background:url(./image/main/area_05_bg3.jpg) no-repeat 100% 100%;background-size:cover;}
.area_03 .s02 li:nth-child(4){ background:url(./image/main/area_05_bg4.jpg) no-repeat 100% 100%;background-size:cover;}




/* section04 */

.widget_gallery01 {position:relative;padding:0;} 
.widget_gallery01 ul {padding:0;margin:3% 0 0 0; text-align:center}
.widget_gallery01 li { width:23%; display:inline-block; margin:0 .5%;list-style-type:none; vertical-align:top} 
.widget_gallery01 li img { width:100%}
.widget_gallery01 li:nth-child(5) { margin-left:50%}
.widget_gallery01 li:nth-child(even){ margin-top:20px}
.widget_gallery01 li p { text-align:center}
.widget_gallery01 li p a {font-weight:400;color:#333;}
.widget_gallery01 li p a:hover {text-decoration:underline;}
.widget_gallery01 li p .comment {font:normal 11px arial;color:#FC6138;}
.widget_gallery01 li p .new {font-family:arial;font-size:10px;color:#ff0000;}
.widget_gallery01 li p .date {display:block;font-family:arial;font-size:10px;color:#999; display:none}
.widget_gallery01 .more {position:absolute;top:4px;right:1px;font-size:11px;font-family:dotum;color:#c0c0c0; display:none}
.widget_gallery01 .more:hover {text-decoration:underline;color:#000000;}

.area_04 .Title h6 {margin:10px 0 0px 0;font-weight:bold; text-align:center;}
.area_04 .Title h6 a {color:#31a05f;}
.area_04 .Title .bTxt{ text-align:center; margin-top:40px; color:#777; font-weight:300}

.area_04{position:relative; overflow:hidden;background:url(./image/main/area_04_bg.jpg) no-repeat 50% 100%; background-size:cover;}
.area_04 .fp-tableCell{ vertical-align:middle;}   








.widget_notice {position:relative; padding-top:170px;}
.widget_notice h6 {margin:0 0 5px 0;font-weight:bold; text-align:center;}
.widget_notice h6 a {color:#31a05f;}
.widget_notice .bTxt{ text-align:center; margin-bottom:40px; color:#777; font-weight:300}
.widget_notice ul{ margin:0; padding:0; list-style:none;}
.widget_notice li{ position:relative; display:inline-block;width:calc((100% - 420px)  / 4); padding:40px; background:#eee; margin-right:30px; vertical-align:top; *zoom:1;}
.widget_notice li:after{ content:""; display:block; clear:both;}
.widget_notice li:last-child{ margin-right:0;}
.widget_notice a{ display:inline-block; text-decoration:none; cursor:pointer;}
.widget_notice a strong{display:block; height:70px;display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-bottom:15px; word-break:break-all}
.widget_notice a:hover strong,
.widget_notice a:active strong,
.widget_notice a:focus strong{ text-decoration:underline;}
.widget_notice .date{ display:inline-block; margin-top:50px; color:#888;}
.widget_notice .thumb{ float:left; display:inline-block; margin:0 15px 0 0; -moz-box-shadow:0 0 1px #666; -webkit-box-shadow:0 0 1px #666;}
.widget_notice .thumb img{ border:0; display:block;}
.widget_notice li p{ display:block; height:110px;display:-webkit-box; overflow:hidden; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#777;}

.area_05{position:relative; overflow:hidden;background:url(./image/main/area_06_bg.jpg) no-repeat 50% 100%; background-size:cover; text-align:center;}
.area_05 .fp-tableCell{ vertical-align: middle;}
 
.area_05 a:hover strong{color:#fff;}
.area_05 a:hover .arrow{background-image:url(./image/main/link_arrow_on2.png)}
.area_05 a:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}


.widget_review02 {position:relative;padding:0;} 
.widget_review02 ul {padding:0;margin:0;}
.widget_review02 li {list-style-type:none;clear:both;padding:0;margin:0;} 
.widget_review02 .more {position:absolute;top:3px;right:1px;font-size:11px;font-family:dotum;color:#c0c0c0; display:none}
.widget_review02 .more:hover {text-decoration:underline;color:#000000;}
.widget_review02 .comment {font:normal 11px arial;color:#FC6138;display:none}
.widget_review02 .new {font:normal 10px arial;color:#ff0000;}


.photoBox {position:relative; text-align:center;  height:570px; width:100%; overflow:hidden; }
.photoBox .photoTit{ position:absolute;width:230px; text-align:left; height:350px;margin-left: 245px;}
.photoBox .photoTit span { font-size:25px;}
.photoBox .photoTit .sTit{ font-size:40px; font-weight:400; line-height:55px; margin-top:30px;}
.photoBox .photoTit .sTit span{ font-size:60px; font-weight:700;} 

.photoBox .photoTit h6 {margin:10px 0 0px 0;font-weight:bold;  }
.photoBox .photoTit h6 a {color:#31a05f;}
.photoBox .photoTit .bTxt{  margin-top:5%; margin-bottom:10%; color:#777; font-weight:300}

.photoBox .btn_prev {position:absolute; bottom:0px; right:50px;cursor:pointer;}
.photoBox .btn_next {position:absolute; bottom:0px; right:0px;cursor:pointer;}
.photoBox .photoDiv {position:relative;  width: calc(100% - 345px); padding:0; text-align:left; margin-left:545px; height:570px;overflow:hidden;}
.photoBox .photoImg {margin:0 auto; width:2500%; padding:0; text-align:left;}
.photoBox .photoImg li {box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .1);float:left; list-style-type:none;padding:0px; width:310px;  text-align:center; background-color:#fff; margin:0 15px; font-weight:400; position:relative}
.photoBox .photoImg li span {line-height: 120%; font-size:22px; color:#2b2b2b}
.photoBox .photoImg li span .new { color:red; font-size:12px;}
.photoBox .photoImg p{ text-align:left; margin-top:15px; font-size:16px; color:#777777}
.photoBox .photoImg .date { font-size:16px;  margin-top:40px; color:#777}
.photoBox .photoImg img{overflow:hidden; width:100%; min-height:250px; }

.photoText {position:relative; text-align:left;overflow:hidden; padding:10%;max-height:220px;min-height:220px; }
.photoText span { }



#footer_new{position:relative; background:#181c1e; z-index:100; padding:50px 0 0px 0; letter-spacing:0;}

#footer_new .info{margin-top:60px; text-align:center;}
#footer_new .info span{display:inline-block; margin-left:30px; color:rgba(255, 255, 255, 0.7); font-size:14px; font-weight:200;}
#footer_new .info span:first-child{margin-left:0;}
#footer_new .info ul{margin-top:10px;}
#footer_new .info li{display:inline-block; margin-left:25px;}
#footer_new .info li:first-child{margin-left:0;}
#footer_new .info li em{display:inline-block; width:20px; height:19px; background-repeat:no-repeat; background-position:0; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:middle;}
#footer_new .info li.tel em{background-image:url(../images/main/ico_tel.png);}
#footer_new .info li.fax em{background-image:url(../images/main/ico_fax.png);}
#footer_new .info li.mail em{background-image:url(../images/main/ico_mail.png);}
#footer_new .info li.inquiry em{background-image:url(../images/main/ico_inquiry.png);}
#footer_new .info li span{display:inline-block; margin-left:5px; color:rgba(255, 255, 255, 0.7); font-size:14px; font-weight:200; vertical-align:middle;}
#footer_new .info li.inquiry span{vertical-align:bottom;}
#footer_new .copy{margin-top:0px;} 
#footer_new .copy p{ padding:10px 0 30px 0; color:#aaaaaa; font-weight:300; text-align:left; box-sizing:border-box; line-height:1.5em;}
#footer_new .copy a{color:#aaaaaa;}
#footer_new a[class^="btn_top"]{display:block; position:absolute; top:50px; right:50px; bottom:0; width:51px; height:51px; background:url(./image/btn_top.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:20;} 
#footer_new .inner br{ display:none;}
#footer_new span{ margin-left:15px;} 
#footer_new .footMenu { position: absolute; top: 0px; right: 0;}
#footer_new .footMenu span a { color:#fff; margin-left:15px; position:relative}
#footer_new .footMenu span a::after { width:1px; height:10px; top:7px; position:absolute; content:""; right:-17px; background-color:#676767;}
#footer_new .footMenu span:last-child a::after { display:none}

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




.footer_banner_zone{position:relative; width:100%; padding:15px 0;}
.footer_banner_zone .bannerWarp{ position:relative; width:1300px; margin:0 auto;}
.footer_banner_zone .bannerWarp .logoBoxTit{ position:absolute; font-size:16px; width:170px; color:#555; top:10px; line-height:23px; letter-spacing:-1px;}
.footer_banner_zone .bannerWarp .caroufredsel_wrapper
.footer_banner_zone .bannerWarp .logoBoxTit span{ color:#069; font-weight:500; font-size:19px;}
.footer_banner_zone .bannerWarp .flow_banner_box{position:relative; width:1300px; height:66px; overflow:hidden;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area{position:absolute; top:11px; left:50%; width:1200px; margin-left:-600px;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul{*zoom:1;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul:after{content:""; display:block; clear:both;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li{float:left; padding:0 20px; list-style-type:none;}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li a{}
.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li img{ width:200px; }

/* btn */
.flow_ctrl_box{}
.flow_ctrl_box a{position:absolute; top:20px;  width:16px; height:26px; /*background-image:url(./images/flow_ctrl_side_btn.gif)*/;}
.flow_ctrl_box a.back{left:0;background-position:0 0; top:20px;}
.flow_ctrl_box a.next{right:0px; background-position:16px 0; top:20px;}
.flow_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;}
.flow_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;}
	
	
@media only screen and (max-width:1300px) { 
	.flow_ctrl_box a.back{ left:10px; }
	.flow_ctrl_box a.next{ left:29px;}
	.flow_ctrl_box img{ width:8px;border:1px #ccc solid; padding:5px 5px; }
}


@media only screen and (max-width:768px) { 
	
	.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li{ padding:0 10px;}
	.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li img{ width:155px; }

}




@media all and (max-width:1920px){
	
	.fs15{ font-size:13px;}
	.fs17{ font-size:15px;}
	.fs19{ font-size:16px;}
	.fs20{ font-size:17px;}
	.fs22{ font-size:17px;}
	.fs23{ font-size:18px;}
	.fs24{ font-size:19px;}
	.fs25{ font-size:20px;}
	.fs27{ font-size:22px;}
	.fs30{ font-size:25px;}
	.fs33{ font-size:27px;}
	.fs35{ font-size:30px;}
	.fs37{ font-size:32px;}
	.fs50{font-size:45px;}
	.fs60{font-size:50px;}
	.fs70{font-size:60px;}
	.fs55{ font-size:30px;}
	
	.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;}
	
	.inner{ width:1350px}
	.mainContents{ font-size:16px;}
	#content .subContent{ font-size:16px;}
	#content .snb .category .m2 a{ padding:0 40px;}
	#content .subContent h3.subTitleSubject { padding:50px 0 10px 0;}
	#content .subContent .location{ padding-bottom:50px;}
	
	

	.area_02 .s01 .sTit{ padding-top:120px;}
	.area_02 .s01 .area01{ background-size:100px auto;}
	.area_02 .s01 .area02{ background-position:50% 120%;}
	
	.area_02 .s02 .space{ padding:0 25% 0 15%;}
	.area_02 .s02 img{ width:320px;}
	.area_02 .s02 iframe{ height:325px;}
	
	.area_03 .sTit img{ width:660px;} 
	.area_03 .cImg img{width:350px;}
	
	
	.area_04 .space{ padding-right: 350px;padding-top: 200px;}
	.area_04 .space .bTxt{ margin:20px 0 40px 0;}
	.area_04 .space img{ width:550px;}
	.area_04 .inner:before{width:290px; height:687px; } 

	.area_03 .s01{ height:65%;}
	.area_03 .s02 { height:35%;}
	.area_03 .s02 .space{ padding:0 70px;}
	.area_03 .s02  a{ height:44px; line-height:44px;}
	 
	 .widget_notice { padding-top:130px;}
	 .widget_notice .bTxt{margin-bottom:25px;}
	 .widget_notice li{width:calc((100% - 308px)  / 4); padding:30px; margin-right:20px;} 
	 .widget_notice a strong{ height:60px;}
	 .widget_notice li p{ height:100px;}
	 .widget_notice .date{ margin-top:30px;}
	 
	 .area_06 .sTit{ margin-top:150px;} 
	 #footer_new .footMenu{  top:0px;}
 
 
 
}


@media all and (max-width:1250px){
	
	body{ overflow-x:hidden !important }
	.fs20{ font-size:15px;}
	.fs33{ font-size:22px;}
	.fs60{font-size:40px;}
	
	.mainContents{font-size:14px;}
	#content .subContent {font-size:14px;}

	#fullMenu{ display:none;}
	.inner{ width:100%;}
	
	.footerSiteInfo{ padding:0 15px;}
	#footer_new .footMenu{ right:15px;}
	#footer_new .copy{ font-size:13px;}
	#footer_new .copy p { text-align:center}
	#footer_new a[class^="btn_top"]{ top:-30px; right:20px;}
	
	#topScroll{ top:-30px; right:20px;}
	
	
	
	.area_01, .area_02, .area_03, .area_04, .area_05, .area_06, .fp-tableCell{ height:auto !important;}
	
	.area_02 { padding-top:50px;}
	.area_02 .s03_box { width:100%}
	.area_02 .sTit img { width:80%}
	.area_02 .s01 .sTit span{ letter-spacing:2px;}
	.area_02 .s01 li{ height:200px; padding:50px 0 100px 0;}
	.area_02 .s01 .area01{ background-position:20% 90%;}
	.area_02 .s01 .bTxt br{ display:none;}
	.area_02 .s02 .space { padding:0 25% 0 10%;}
	
	.area_03{ padding:90px 10%;}
	.area_03 ##headermenu { border:1px red solid}
	.area_03{ background-position:50% 50%;}
	.area_03 .cImg img{ width:300px;}

	
	.area_04 .inner{padding:90px 0;}
	.area_04 .inner::before{ width:230px; height:550px; right:20px; background-position:0 0;}
	.area_04 .space{ padding-top:0 ; padding-bottom:200px;}
	
	.widget_notice{ padding:50px 0;}
	.widget_notice ul{ margin:0 15px;}
	.widget_notice li a{ font-size:14px;}
	
	.area_03 .s02{ height:auto;}
	.area_03 .s02 .space{ padding:15%}
	.area_03 .s02 a { width:100%}
	
	.area_06{ padding:100px 0 300px 0;}
	.area_06 .sTit{ margin-top:0}
	
	
	#footer_new .footMenu { margin:30px 0 0 0px}
	#footer_new span { margin:0;padding: 0 15px;}
	#footer_new .footMenu span a { margin:0px;} 
	
	
	
	

}


@media all and (max-width:1000px){
	
	.fs22{ font-size:15px;}
	
	.area_02 .s01{ width:100%;}
	.area_02 .s02{ position:relative; width:100%; padding:70px 0;}
	
	
	.area_03 .sTit img{ width:80%;}

	.area_04 .space{ padding-right:240px}
	.area_04 .inner::before{ width:200px;}
	.area_04 .space img{ width:450px;}
	
	.area_03 {padding:0%}
	.area_03 .s02 a{ height:40px; line-height:40px; width:150px;}
	.area_03 .s02 a .arrow{ right:20px;}
	.area_03 .s02 a strong{ padding-left:20px;}
	
	#footer_new .footMenu{ position:relative; top:0; right:0; margin:20px 0 0 0 }
	
	
	.widget_gallery01 li { width:35%; margin-bottom:5%}
	.widget_gallery01 li:nth-child(2n) { margin-top:0px;}
	.widget_gallery01 li:nth-child(5) { margin:0px;}
	
	
	
	

	
}

@media all and (max-width:850px){
	
	.widget_notice li:nth-child(4){ display:none;}
	.widget_notice li{width: calc((100% - 225px) / 3);}
	.widget_notice li:nth-child(3){ margin-right:0;}
	
	.area_03 .s02 .space{ padding:50px 50px 50px 30px;}
	.area_03 .s02 .bTxt br{ display:none;}
	
	.area_06 .bTxt{ margin-bottom:40px;}
	
	
	#footer_new .inner{ text-align:center;}
	 .photoBox { height:auto}
	.photoBox .photoTit {position: relative; width:90%; margin:5% auto 0 auto;height:auto;left: 0; right: 0;text-align:left;}
	.photoBox .photoDiv{ margin:20px 0 0 5%; width:100%; height:450px; } 
	.photoBox .photoImg li { width:200px; margin-left:0px}
	.photoBox .photoImg p,
	.photoBox .photoImg .date{ font-size:14px}
	.photoBox .photoImg img { min-height:150px;} 
	

}

@media all and (max-width:680px){
	.fs50 { font-size:35px;}
	.fs60{font-size:30px;}
	
	.footerSiteInfo p { display:block}
	#footer_new .footMenu{ position:relative; right:0; margin:15px 0 0 0; font-size:13px;}
	#footer_new span { padding:0 5px;}
	.footerSiteInfo{ font-size:13px;}

	.area_02 .sTit,
	.area_02 .bTxt,
	.area_02 .colorgray{text-align:center;}
	.area_02 .colorgray{font-size:14px;width: 80%;margin: 0 auto;}
	.area_02 .s03_box li {width:85%; margin:3% auto;display: block;}
	.area_02 .s02 .space{ padding:0 20px;}
	
	.area_03{ padding:70px 5%;}
	.area_03 .cImg img{ width:250px;}
	 
	.area_03 a .arrow{ right:20px;} 

	.area_04{ background-position:20% 100%}  
	.area_04 .inner { padding-top:0px; padding-bottom:70%;}
	.area_04 .inner::before{ width:100px; right:10px;}
	.area_04 .space { padding-right:130px;}
	.area_04 .space img{ width:300px;}
	
	.widget_notice ul { margin:0px;}
	.widget_notice li:nth-child(3){ display:none;}
	.widget_notice li{width: calc((100% - 143px) / 2);}
	.widget_notice li:nth-child(2){ margin-right:0;}
	.widget_notice .bTxt{ margin:0 20px 30px 20px}
	
	
	.area_03 .s02 li{ display:inline-block; width:100%;}
	
	.area_06{ padding:50px 0 200px 0;}
	.area_06 a{ height:40px; line-height:40px; width:150px;}
	.area_06 a .arrow{ right:20px;}
	.area_06 a strong{ padding-left:20px;}
	
	.area_06 .bTxt{ padding:0 20px;}
	.area_06 .bTxt br{ display:none;}
	
	 
}



@media all and (max-width:480px){
	
	.area_02 .s01 li{ display:inline-block; width:100%;}
	.area_02 .s01 .space{ padding:0 10%;}
	
	.area_02 .s02 iframe{ height:220px;}
	.area_03{ background-position:70% 50%} 
	.area_03 .bTxt br{ display:none;}
	.area_03 .cImg{ display:none;}
	.area_04 .space { padding-right:15px; padding-bottom:150px;}
	.area_04 .inner::before{ display:none;}
	
	.widget_notice{ padding:50px 0 0 0;}
	.widget_notice li{width: calc(100% - 60px); margin-bottom:15px;}
	
	.area_06 img{ margin:20px 0;}
	.area_06 .bTxt{ margin-bottom:20px;}
	
	#footer_new .inner br{ display:block;}

	
}




.zoneB{ margin-bottom:100px;}
.area_subVisual{ position:relative; height:650px; text-align:center; color:#fff; word-break:keep-all;}
.area_subVisual h2{ position:relative;  padding-top:250px; 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:180px;}
	.area_subVisual h2:before{ bottom:75px;}
	
	.root_daum_roughmap .wrap_map{ height:600px !important;}
	
}

@media all and (max-width:1250px){
	
	
	
	#content .snb .category{ display:none;}
	.area_subVisual{ height:400px;}
	.area_subVisual h2{ padding-top:150px;}
	.area_subVisual h2::before{ bottom:73px;}
	
	.area_06 img{ width:80%; max-width:750px;}
	
}


@media all and (max-width:680px){
	
	
	
	.area_subVisual{ height:300px;}
	.area_subVisual h2{ padding-top:120px;}
	.area_subVisual h2::before{ bottom:65px; width:60px; margin-left:-30px;}
	.area_subVisual h2 span{ padding:0 15px;}
	.area_subVisual h2 span br{ display:none;}
	
	
}
@media all and (max-width:560px){
	
	 
	.area_subVisual h2::before{ bottom:40px; ;} 
	
}

@media all and (max-width:480px){
	
	 
	.area_subVisual h2::before{ bottom:40px;} 
	
}

@media all and (max-width:320px){
	
	 
	.area_subVisual h2::before{ bottom:65px;} 
	
}



/*------------------------------------------------*/