@font-face {
  font-family:'jalnan';
  font-style: normal;
  font-weight:normal;  
  src: url(/pcms/common/font/ygjalnan/yg-jalnan.eot); /* IE 호환성 보기 */
  src: url(/pcms/common/font/ygjalnan/yg-jalnan.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */
       url(/pcms/common/font/ygjalnan/yg-jalnan.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');
}
@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;}
.fs45{font-size:45px; letter-spacing:-1px;}
.fs48{font-size:48px; letter-spacing:-1px;}


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


@media all and (max-width:1920px){	
	.fs14{font-size:12px;}
	.fs15{font-size:13px;}
	.fs16{font-size:14px;}
	.fs17{font-size:15px;}
	.fs18{font-size:16px;}
	.fs19{font-size:16px;}
	.fs20{font-size:18px;}
	.fs21{font-size:18px;}
	.fs22{font-size:18px;}
	.fs23{font-size:19px;}
	.fs24{font-size:19px;}
	.fs25{font-size:20px;}
	.fs27{font-size:24px;}
	.fs30{font-size:25px;}
	.fs33{font-size:27px;}
	.fs35{font-size:30px;}
	.fs37{font-size:32px;}
	.fs40{font-size:36px;}
	.fs45{font-size:40px;}
	.fs48{font-size:43px;}
	.fs50{font-size:45px;}
	.fs54{font-size:50px;}
	.fs60{font-size:50px;}
	.fs70{font-size:60px;}	
}

@media all and (max-width:1200px){	
	body{overflow-x:hidden !important }
	.fs14{font-size:12px;}
	.fs16{font-size:13px;}
	.fs18{font-size:14px;}
	.fs21{font-size:18px;}
	.fs24{font-size:21px;}
	.fs27{font-size:24px;}
	.fs30{font-size:25px;}
	.fs35{font-size:30px;}
	.fs40{font-size:34px;}
	.fs45{font-size:38px;}
	.fs48{font-size:42px;}
	.fs54{font-size:48px;}
}

@media all and (max-width:1000px){
	
	.fs14{font-size:12px;}
	.fs16{font-size:13px;}
	.fs18{font-size:14px;}
	.fs21{font-size:17px;}
	.fs24{font-size:20px;}
	.fs27{font-size:23px;}
	.fs30{font-size:25px;}
	.fs35{font-size:28px;}
	.fs40{font-size:33px; line-height:120%;}
	.fs45{font-size:36px;}
	.fs48{font-size:40px;}
	.fs54{font-size:46px;}
}

@media all and (max-width:680px){	
	.fs14{font-size:12px;}
	.fs16{font-size:13px;}
	.fs18{font-size:14px;}
	.fs21{font-size:16px;}
	.fs24{font-size:19px;}
	.fs27{font-size:22px;}
	.fs30{font-size:23px;}
	.fs35{font-size:24px;}
	.fs40{font-size:32px;}
	.fs45{font-size:35px;}
	.fs48{font-size:38px;}
	.fs54{font-size:44px;}
}

@media all and (max-width:480px){
	.fs14{font-size:12px;}
	.fs16{font-size:13px;}
	.fs18{font-size:14px;}
	.fs21{font-size:18px;}
	.fs24{font-size:20px;}
	.fs27{font-size:22px;}
	.fs30{font-size:24px;}
	.fs35{font-size:28px;}
	.fs40{font-size:32px;}
	.fs45{font-size:35px;}
	.fs48{font-size:40px;}
	.fs54{font-size:45px;}
}


#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: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:#1e3451; 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:#aaa;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,
#content .s_category ul li ul li.selected3 a {text-decoration:none;color:#26537a;}

#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; max-width:600px; width:90%; margin:0 auto}
#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:20px; 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(0, 0, 0, 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(0, 0, 0, 0.3);}
#fullMenu li.active a{color:#000;}
#fullMenu li.active a:before{background:#000;}
#fullMenu li.active a:after{content:''; display:block; position:absolute; top:4px; left:-9px; width:15px; height:15px; border-radius:50%; border:1px solid #000;}
#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(30, 53, 96, 0.3);}
.fp-viewing-service #fullMenu li a:before{background:rgba(30, 53, 96, 0.3);}
.fp-viewing-service #fullMenu li.active a{color:#1e3560;}
.fp-viewing-service #fullMenu li.active a:before{background:#1e3560;}
.fp-viewing-service #fullMenu li.active a:after{border:1px solid #1e3560;}


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


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

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

  
/* mainVisual */
.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:4%; 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:10px; 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.text02 {margin-top:40px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 {margin-top:25px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text04 {margin-top:37px;}*/

.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t11 img{width:900px; }
.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t12 img{width:680px; margin:30px 0 100px;}

.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t21 img{width:650px; margin-top:180px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t22 img{width:530px; margin-top:20px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t23 img{width:600px; margin:240px 0 0 12%;}

.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t31 img{width:600px; margin:160px 0 0 45%;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t32 img{width:500px; margin:20px 0 0 45%;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t33 img{width:580px; margin:30px 0 0 45%;}

.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t41 img{width:820px; margin:120px 0 0 16%;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t42 img{width:760px; margin:20px 0 0 18%;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t43 img{width:600px; margin:300px 0 0 40%;}


.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:7%; 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.text01.t11 img{max-width:900px; width:95%; }
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t12 img{max-width:680px; width:85%; margin:30px 0 100px;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t21 img{max-width:650px; width:75%; margin-top:120px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t22 img{max-width:530px; width:70%; margin-top:20px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t23 img{max-width:530px; width:70%; margin:200px 0 0 20%;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t31 img{max-width:600px; width:55%; margin:120px 0 0 45%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t32 img{max-width:500px; width:55%; margin:20px 0 0 45%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t33 img{max-width:550px; width:55%; margin:30px 0 0 45%;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t41 img{max-width:820px; width:90%; margin:100px 0 0 16%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t42 img{max-width:760px; width:80%; margin:20px 0 0 18%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t43 img{max-width:530px; width:70%; margin:300px 0 0 35%;}	
}

@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.t21 img{margin-top:70px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t22 img{margin-top:20px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t23 img{width:60%; margin:180px 0 0 5%;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t31 img{margin:70px 0 0 40%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t32 img{margin:20px 0 0 40%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t33 img{margin:30px 0 0 40%;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t41 img{margin:70px 0 0 4%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t42 img{margin:20px 0 0 8%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t43 img{width:60%; margin:200px 0 0 20%;}	
}

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

	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t23 img{width:70%; margin:150px 0 0 5%;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t31 img{margin:70px 0 0 36%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t32 img{margin:20px 0 0 36%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t33 img{margin:30px 0 0 36%;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t41 img{margin:70px 0 0 2%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t42 img{margin:20px 0 0 6%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t43 img{width:70%; margin:160px 0 0 12%;}	
}

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

	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t12 img{width:90%; margin-top:10px;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t22 img{margin-top:10px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t23 img{margin:100px 0 0 5%;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text01.t31 img{width:58%; margin:70px 0 0 36%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02.t32 img{width:58%; margin:10px 0 0 36%;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t33 img{width:60%; margin:20px 0 0 36%;}

	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t42 img{margin-top:10px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03.t43 img{margin-top:120px;}	
}


.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;}
.inner90{position:relative; width:1500px; margin:0 auto;}
.inner96{position:relative; width:1800px; margin:0 auto;}


#footer_new {position:relative; background:#181c1e; z-index:100; padding:50px 0 0; letter-spacing:0;}
#footer_new .inn {position:relative; max-width:1200px; margin:0 auto; padding-left:340px; box-sizing:border-box;}
#footer_new .inn .footerLogo {position:absolute; top:5px; left:30px;}

#footer_new .copy{margin-top:60px; border-top:1px solid rgba(255, 255, 255, 0.08);} 
#footer_new .copy p{padding:30px 0; color:rgba(255, 255, 255, 0.2); font-weight:300; text-align:center; box-sizing:border-box; line-height:1.5em;}
#footer_new .copy a{color:rgba(255, 255, 255, 0.2);}
#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 .inn br{display:none;}
#footer_new span{margin-left:15px;}
#footer_new span:nth-child(1){margin-left:0;}

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


@media all and (max-width:1920px){	
	.inner{width:1350px;}
	.inner90{width:1200px;}
	.inner96{width:1200px;}
	.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;}
}

@media all and (max-width:1200px){		
	/*.mainContents{font-size:14px;}
	#content .subContent {font-size:14px;}*/

	#fullMenu{display:none;}
	.inner{width:100%;}
	.inner94{width:94%; padding:0 3%}
	.inner96{width:96%; padding:0 2%}
	
	#footer_new .copy{font-size:13px;}
	#footer_new a[class^="btn_top"]{top:-30px; right:20px;}
	.footerSiteInfo a {color:#ddd;}
	
	#topScroll{top:-30px; right:20px;}
}

@media all and (max-width:1000px){
	#footer_new {padding:40px 0 0;}
	#footer_new .inn br{display:block;}
	#footer_new span{margin-left:0;}
	#footer_new .copy{margin-top:30px;}
	#footer_new .copy p{padding:20px 0;}
}

@media all and (max-width:850px){	
	#footer_new .inn {text-align:center; padding-left:0; padding-top:80px;}
	#footer_new .inn .footerLogo {position:absolute; top:10px; left:50%; margin-left:-135px;}
}

@media all and (max-width:680px){	
	#content {overflow:hidden;}
	.footerSiteInfo{font-size:15px;}
	#footer_new .inn {padding-top:70px;}
	#footer_new .inn .footerLogo {margin-left:-110px;}
	#footer_new .inn .footerLogo img {width:220px;}
}

@media all and (max-width:480px){
	#content .s_category ul li ul li.m3 a {height:50px; line-height:50px; padding:0 6px;}
	#content .s_category ul li ul li.m3:before{top:18px; right:-2px; height:15px;}
	
	#footer_new .inn br{display:block;}	
}




/* section02 */
.area_02{position:relative;}
.area_02 .s01{position:absolute; top:50%; left:50%; width:1600px; margin-top:-320px; margin-left:-800px;}
.area_02 .s01 .titBox {width:1200px; margin:0px auto 40px;}
.area_02 .s01 .titBox .stit {position:relative; padding-left:70px; letter-spacing:5px; font-weight:700;}
.area_02 .s01 .titBox .stit:before {content:""; position:absolute; top:10px; left:0; width:50px; height:1px; background:#282828;}
.area_02 .s01 .titBox .btxt {font-weight:700; margin:10px 0 5px;}
.area_02 .s01 ul{display:table; max-width:1600px; width: 100%; padding-bottom:30px; margin:0 auto;}
.area_02 .s01 ul li{float:left; width: 25%;height: 100%; padding-bottom:40px;}
.area_02 .s01 .space{position:relative; padding-top:100px; text-align:center;}
.area_02 .s01 .Img {position:absolute; top:-200px; left:0; width:100%; height:300px; text-align:center;}
.area_02 .s01 .bTit{font-weight:700; line-height:40px;}
.area_02 .s01 .bTit span{font-weight:300; letter-spacing:10px;}
.area_02 .s01 .sTxt{margin-top:5px; height:50px; opacity:0.8;}
.area_02 .s01 ul li .bg {position:relative;width:100%; height:340px;}
.area_02 .s01 .area01 .bg01{background:url(./image/main/area_02_bg1.jpg) no-repeat center; background-size:cover;}
.area_02 .s01 .area02 .bg02{background:url(./image/main/area_02_bg2.jpg) no-repeat center; background-size:cover;}
.area_02 .s01 .area03 .bg03{background:url(./image/main/area_02_bg3.jpg) no-repeat center; background-size:cover;}
.area_02 .s01 .area04 .bg04{background:url(./image/main/area_02_bg4.jpg) no-repeat center;  background-size:cover;}

.area_02 a{overflow:hidden; position:relative; display:inline-block; text-align:left; border:1px #ccc solid; width:160px; height:40px; line-height:40px; border-radius:20px; letter-spacing:-0.5px; color:#555; -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_02 a strong{position:relative; padding-left:30px; color:#555; 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_02 a .arrow{position:absolute; top:50%; right:20px; width:20px; height:12px; margin-top:-6px; background:url(./image/main/link_arrow.png) no-repeat}
.area_02 a:before{display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#ddd;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_02 a:hove {border:1px #7d7d7d solid;}
.area_02 a:hover strong{color:#333;}
.area_02 a:hover .arrow{background-image:url(./image/main/link_arrow_on.png)}
.area_02 a:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

@media all and (max-width:1920px){			
	.area_02 .s01 .space{padding:90px 5% 0;}
	.area_02 .s01 .Img {top:-180px; height:280px;}	
	.area_02 .s01 .Img img {width:auto; height:100%;}
	.area_02 .s01 ul li .bg {height:330px;}
}

@media all and (max-width:1600px){
	.area_02 .s01{left:3%; width:94%; margin-left:0;}
}

@media all and (max-width:1200px){		
	.area_01, .area_02, .area_03, .area_04, .area_05, .area_06, .fp-tableCell{height:auto !important;}
	
	.area_02 .s01 {position:relative; top:auto; height:auto; margin-top:0; padding:80px 0 40px;}	
	.area_02 .s01 .space{padding:90px 5% 0;}
	.area_02 .s01 .titBox {width:90%; margin:0px auto 20px;}
	.area_02 .s01 .Img {top:-170px; height:240px;}	
	.area_02 .s01 ul li .bg {height:320px;}
}

@media all and (max-width:1000px){
	.area_02 .s01 ul li{width:50%;}
	.area_02 .s01 .space{padding:40px 5% 0;}
	.area_02 .s01 .Img {top:-200px; height:260px;}	
	.area_02 .s01 .Img img {width:auto; height:100%;}
	.area_02 .s01 .sTxt{height:40px;}
	.area_02 .s01 ul li .bg {height:300px;}
}

@media all and (max-width:850px){
	.area_02 .s01 .titBox {width:96%;}
	.area_02 .s01 .Img {top:-180px; height:240px;}
}
 
@media all and (max-width:680px){
	.area_02 .s01{padding:60px 0 40px;}
	.area_02 .s01 .Img {top:-160px; height:220px;}
}

@media all and (max-width:480px){
	.area_02 .s01{padding:50px 0 20px;}
	.area_02 .s01 ul li {width:100%;}
	.area_02 .s01 li {display:inline-block; width:100%;}
	.area_02 .s01 .space {padding:50px 5% 0;}
	.area_02 .s01 .Img {top:-180px; height:240px;}	
	.area_02 .s01 .Img img {width:auto; height:100%;}
	.area_02 .s01 ul li .bg {height:200px;}
}



/* section03 */
.area_03 {position:relative;}
.area_03:before {position:absolute; content:''; top:44%; left:0; width:100%; height:56%; background:url(./image/main/area_03_bg.jpg) no-repeat center; background-size:cover;}

.analyst_column {position:absolute; top:50%; left:50%; margin-top:-300px; margin-left:-600px;}

.analyst_ttl {position:absolute; left:630px; width:550px; top:0; z-index:22; margin-top:50px;}
.analyst_ttl h1 span{display:inline-block; padding-left:70px; letter-spacing:5px; color:#282828; font-weight:700; margin-bottom:10px;}
.analyst_ttl h1 span:before {content:""; position:absolute; top:10px; left:0; width:50px; height:1px; background:#282828;}
.analyst_ttl h3 {font-weight:300;}

.analyst_column .container {height:100%;}
.analyst_column .analyst_for {position:absolute; top:0; left:10px; width:560px; height:100%; z-index:1;}
.analyst_column .analyst_for button {display:none !important;}
.analyst_column .analyst_for .slick-slide {width:100%; height: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 .pro_pic {position:relative; width:100%; height:100%; box-sizing:border-box;}
.analyst_column .analyst_for .pro_pic img {width:100%; height:auto;}

.analyst_column .analyst_nav {position:relative; margin-left:620px; width:580px; overflow:hidden; z-index:2; padding-top:340px;}
.analyst_column .analyst_nav .slick-track {}
.analyst_column .analyst_nav .slick-slide {position:relative; width:280px; height:330px; 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;}
.analyst_column .analyst_nav .pro_pic {position:relative;}
.analyst_column .analyst_nav .pro_pic img {width:100%; height:auto;}

.analyst_column .analyst_nav .slick-prev {position:absolute; top:270px; left:10px; width:40px; height:40px;  border-radius:50%;  background:#666 url(./image/main/slide_prev.png) 50% 50% no-repeat; text-indent:-9999px; box-sizing:border-box; z-index:2}
.analyst_column .analyst_nav .slick-next {position:absolute; top:270px; left:60px; width:40px; height:40px; border-radius:50%;   background:#666 url(./image/main/slide_next.png) 50% 50% no-repeat; text-indent:-9999px; box-sizing:border-box; z-index:2}

.control{position:absolute; right:0;}

@media all and (max-width:1200px){	
	.area_03:before {top:32%; height:68%;}
	.analyst_column {position:relative; top:auto; left:2%; width:96%; height:100%; margin-top:0; margin-left:0; padding:0 0 40px;}
	.analyst_ttl {left:610px; width:40%; margin-top:30px;}
	.analyst_ttl h1 span{padding-left:60px;}
	.analyst_ttl h1 span:before {top:10px;}
	.analyst_column .analyst_for {left:5%; width:500px; height:100%;}
	.analyst_column .analyst_nav {margin-left:600px; width:520px; padding-top:305px;}
	.analyst_column .analyst_nav .slick-slide {width:280px; height:330px;}
	.analyst_column .analyst_nav .slick-prev {top:240px;}
	.analyst_column .analyst_nav .slick-next {top:240px;}
}

@media all and (max-width:1000px){
	.analyst_ttl {left:590px; width:40%;}
	.analyst_ttl h1 span:before {top:18px;} 
	.analyst_column .analyst_nav {margin-left:580px;}
}

@media all and (max-width:850px){
	.analyst_ttl {left:520px; width:36%; margin-top:20px;}
	.analyst_column {padding:0 0 80px;}
	.analyst_column .analyst_for {left:3%; width:450px;}
	.analyst_column .analyst_nav {margin-left:520px; width:520px; padding-top:275px;}
	.analyst_column .analyst_nav .slick-slide {width:220px; height:auto; margin:0;}
	.analyst_column .analyst_nav .pro_pic img {width:220px;}
	.analyst_column .analyst_nav .slick-prev {top:200px;}
	.analyst_column .analyst_nav .slick-next {top:200px;}
}

@media all and (max-width:680px){
	.analyst_ttl {position:relative; left:3%; width:94%; top:0; z-index:22; margin-top:0;}
	.analyst_ttl h1 {margin-bottom:5px;}
	.analyst_ttl h1 span {margin-bottom:0;}
	.analyst_column .analyst_for {position:relative; z-index:1; left:4%; width:92%; margin-top:20px;}
	.analyst_column .analyst_nav {position:relative; z-index:99; margin-left:4%; width:97%; padding-top:75px;}
	.analyst_column .analyst_nav .slick-slide {width:240px; height:auto;}
	.analyst_column .analyst_nav .pro_pic img {width:270px;}
	.analyst_column .analyst_nav .slick-prev {top:20px;}
	.analyst_column .analyst_nav .slick-next {top:20px;}		
}

@media all and (max-width:480px){
	.analyst_column {padding:0 0 50px;}
	.analyst_column .analyst_nav .pro_pic img {width:160px;}
}


/* section04 */
.area_04 {position:relative; overflow:hidden;background:url(./image/main/area_04_bg.jpg) no-repeat 50% 100%; background-size:cover;}
.area_04 .inn {position:absolute; top:50%; left:50%; width:1200px; margin-left:-600px; margin-top:-280px; font-size:0;}
.area_04 .titBox {width:100%; margin:0px auto 80px; text-align:center; color:#fff}
.area_04 .titBox .btxt {font-weight:700; margin:10px 0 5px;}
.area_04 .s01{display:inline-block; width:320px; margin-right:30px; vertical-align:top;}
.area_04 .s01 .news {float:left; width:100%;}
.area_04 .s01 .news .stit {position:relative; padding-left:70px; line-height:20px; letter-spacing:5px; font-weight:700; color:#fff; font-size:18px; margin-bottom:20px;}
.area_04 .s01 .news .stit:before {content:""; position:absolute; top:10px; left:0; width:50px; height:1px; background:#fff;}

.area_04 .s02{display:inline-block; width:500px; margin-top:40px; margin-right:30px; vertical-align:top;}
.area_04 .s02 iframe {width:100%; height:340px;}

.area_04 .s03 {display:inline-block; width:320px; vertical-align:top;}
.area_04 .s03 ul{float:left; width:100%; height:100%; margin-top:40px;}
.area_04 .s03 ul li{display:block; height:170px;}
.area_04 .s03 ul li.bg1{background:#fff url(./image/main/area_04_icon1.png) no-repeat 94% 70%;}
.area_04 .s03 ul li.bg2{background:#141a37 url(./image/main/area_04_icon2.png) no-repeat 94% 68%; color:#fff;}
.area_04 .s03 ul li.bg1, .area_04 .s03 ul li.bg2{background-size:100px auto;}
.area_04 .s03 .space{padding:25px 0 0 30px;}
.area_04 .s03 .fs27{font-weight:700; line-height:30px;}
.area_04 .s03 .bTxt{margin:10px 0 20px 0; opacity:0.7;}

.area_04 .s03 ul a{overflow:hidden; position:relative; display:inline-block; text-align:left; border:1px #ccc solid; width:140px; height:30px; line-height:30px; border-radius:15px; letter-spacing:-0.5px; color:#555; -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_04 .s03 ul a strong{position:relative; padding-left:20px; color:#aaa; 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_04 .s03 ul a .arrow{position:absolute; top:50%; right:10px; width:20px; height:12px; margin-top:-6px; background:url(./image/main/link_arrow.png) no-repeat;}
.area_04 .s03 ul a:before{display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#ddd;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_04 .s03 ul a:hove {border:1px #7d7d7d solid;}
.area_04 .s03 ul a:hover strong{color:#333;}
.area_04 .s03 ul a:hover .arrow{background-image:url(./image/main/link_arrow_on.png)}
.area_04 .s03 ul a:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

.area_04 .s03 li:nth-child(1){background:url(./image/main/area_04_bg1.jpg) 0 0;background-size:cover; }
.area_04 .s03 li:nth-child(2){background:url(./image/main/area_04_bg2.jpg) 100% 100%;background-size:cover;}
.area_04 .s03 li:nth-child(3){background:url(./image/main/area_04_bg3.jpg) no-repeat 100% 100%;background-size:cover;}

@media all and (max-width:1920px){			
	 .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;}
}

@media all and (max-width:1200px){
	.area_04 {padding:120px 0;}
	.area_04 .inn {position:relative; top:auto; left:2%; width:96%; margin-left:0; margin-top:0;}
	.area_04 .titBox {width:90%; margin:0px auto 20px;}	
	.area_04 .s01{width:29%; margin-right:1%;}
	.area_04 .s02{width:39%; margin-right:1%;}
	.area_04 .s03 {width:30%; margin:0;}
}

@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_04 {padding:100px 0;}
	.area_04 .s01{width:49%; margin:0 1% 0 0;}
	.area_04 .s02{width:49%; margin:40px 0 0 1%;}
	.area_04 .s03 {clear:both; width:100%; margin:0;}
	.area_04 .s03 ul {margin:20px 0 0;}
	.area_04 .s03 ul li{float:left; width:50%;height:160px;}
}

@media all and (max-width:480px){
	.area_04 {padding:60px 0;}
	.area_04 .inn {left:4%; width:92%;}
	.area_04 .titBox {width:92%; margin:0px 4% 20px;}	
	.area_04 .titBox .btxt {font-size:30px;}
	.area_04 .s01{clear:both; width:100%; margin:0;}
	.area_04 .s02{clear:both; width:100%; margin:20px 0 0;}
	.area_04 .s03 {clear:both; width:100%; margin:0;}
	.area_04 .s03 ul li{float:left; width:100%;height:160px;}
	.area_04 .s03 ul li.bg1, .area_04 .s03 ul li.bg2{background-size:110px auto;}
}




.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; top:290px; 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{top:212px;}
	
	.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{top:183px;}
	
	.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{top:150px; width:60px; margin-left:-30px;}
	.area_subVisual h2 span{padding:0 15px;}
	.area_subVisual h2 span br{display:none;}	
}