@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: 'S-CoreDream-8Heavy';
	font-style: normal;
	font-weight: 100;
	src: url(./fonts/S-CoreDream-1Thin.woff2) format('woff2'),  
	url(./fonts/S-CoreDream-1Thin.woff) format('woff'),  
	url(./fonts/S-CoreDream-1Thin.otf) format('opentype');
}
@font-face {
	font-family: 'S-CoreDream-8Heavy';
	font-style: normal;
	font-weight: 200;
	src: url(./fonts/S-CoreDream-2ExtraLight.woff2) format('woff2'),  
	url(./fonts/S-CoreDream-2ExtraLight.woff) format('woff'),  
	url(./fonts/S-CoreDream-2ExtraLight.otf) format('opentype');
}
@font-face {
	font-family: 'S-CoreDream-8Heavy';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/S-CoreDream-3Light.woff2) format('woff2'),  
	url(./fonts/S-CoreDream-3Light.woff) format('woff'),  
	url(./fonts/S-CoreDream-3Light.otf) format('opentype');
}
@font-face {
	font-family: 'S-CoreDream-8Heavy';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/S-CoreDream-4Regular.woff2) format('woff2'),  
	url(./fonts/S-CoreDream-4Regular.woff) format('woff'),  
	url(./fonts/S-CoreDream-4Regular.otf) format('opentype');
}

@font-face {
	font-family: 'S-CoreDream-8Heavy';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/S-CoreDream-5Medium.woff2) format('woff2'),  
	url(./fonts/S-CoreDream-5Medium.woff) format('woff'),  
	url(./fonts/S-CoreDream-5Medium.otf) format('opentype');
}
@font-face {
	font-family: 'S-CoreDream-8Heavy';
	font-style: normal;
	font-weight: 600;
	src: url(./fonts/S-CoreDream-6Bold.woff2) format('woff2'),  
	url(./fonts/S-CoreDream-6Bold.woff) format('woff'),  
	url(./fonts/S-CoreDream-6Bold.otf) format('opentype');
}

@font-face {
	font-family: 'S-CoreDream-8Heavy';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/S-CoreDream-7ExtraBold.woff2) format('woff2'),  
	url(./fonts/S-CoreDream-7ExtraBold.woff) format('woff'),  
	url(./fonts/S-CoreDream-7ExtraBold.otf) format('opentype');
}
@font-face {
	font-family: 'S-CoreDream-8Heavy';
	font-style: normal;
	font-weight: 800;
	src: url(./fonts/S-CoreDream-8Heavy.woff2) format('woff2'),  
	url(./fonts/S-CoreDream-8Heavy.woff) format('woff'),  
	url(./fonts/S-CoreDream-8Heavy.otf) format('opentype');
}

@font-face {
	font-family: 'S-CoreDream-8Heavy';
	font-style: normal;
	font-weight: 900;
	src: url(./fonts/S-CoreDream-9Black.woff2) format('woff2'),  
	url(./fonts/S-CoreDream-9Black.woff) format('woff'),  
	url(./fonts/S-CoreDream-9Black.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;
}


* {margin:0;padding:0;}
html, body{letter-spacing:-0.025em;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:none;}
body{font-family:'Noto Sans KR', sans-serif;font-weight:300;font-size:0.8rem; color:#222;}
header, section, nav, article, aside, details, figcaption, figure, hgroup, menu, footer {display:block;}
h1, h2, h3, h4, h5, h6{font-weight:300;font-size:100%}
ul, ol, li{list-style:none;}
fieldset, img{border:none;}
img{vertical-align:top;}
em {font-style:normal;}
table{width:100%;border-collapse:collapse;}
th {font-weight:400;}
td {color:#222;}
legend {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;text-indent:-9999px;}
caption {width:0;height:0;overflow:hidden;padding:0;font-size:0;line-height:0;}
.hidden {font-size:0;line-height:0;text-indent:-99999px;}
.clear:after {display:block;content:'';clear:both;}
input, select{font-weight:300;font-family:'Noto Sans KR', sans-serif;vertical-align:middle;color:#777;border:1px solid #ddd;}
textarea {resize:none;border:1px solid #afafaf;padding:5px;font-family:'Noto Sans KR', sans-serif;font-size:12px;}
a{text-decoration:none; color:#222; }
a:foucs {border:1px solid red;outline: inherit;}
button{ border:none;}

#wrap {overflow: hidden;width: 100%;min-width: 320px;position: relative; }

#lnb {width:1300px;margin:0 auto;z-index:2;}

.top_banner{ position:absolute; top:20px; left:20px; z-index:999}


.fs1{ font-size:1rem;}
.fs2{ font-size:1.4rem;}
.fs3{ font-size:1rem;}
.fs4{ font-size:1rem;}
.fs5{ font-size:1rem;}

.utill{ position:absolute; top:25px; right:70px;}
.utill li{ float:left; background:#333; }
.utill a{ display:inline-block; color:#fff; }
.utill li:nth-child(2n+1){border-radius: 15px 0 0 15px; border-right:1px #838383 solid;padding:5px 15px 5px 20px;  }
.utill li:nth-child(2n+2){border-radius: 0 15px 15px 0px; padding:5px 20px 5px 15px;}

#header .gnbWrap { overflow:hidden; position:relative; width:900px; margin:0 auto; }
#header .gnbWrap h2 { overflow:hidden; position:absolute; top:-9999px; width:1px; height:1px; }
#header .gnbWrap .gnbAcc { position:absolute; top:67px; width:60px; height:3px; background-color:#36C; opacity:0; }
#header .gnbWrap.active .gnbAcc { opacity:1; }
#header .gnbWrap #gnb:after { content:''; display:block; clear:both; }
#header .gnbWrap #gnb > li { display:inline-block; position:relative; }
#header .gnbWrap #gnb > li > a { display:inline-block; padding:0 30px; font-weight:400; line-height:90px; color:#333; font-size:19px; }
#header .gnbWrap #gnb > li > a.current,
#header .gnbWrap #gnb > li > a:hover,
#header .gnbWrap #gnb > li > a:focus { font-weight:400; color:#36C; }
#header .gnbWrap #gnb > li > .depth2 { position:absolute; left:31px; width:100%; padding:27px 0 52px; opacity:0; }
#header .gnbWrap #gnb > li > .depth2 li + li { margin:10px 0 0; }
#header .gnbWrap #gnb > li > .depth2 li a { font-size:15px; color:#757575; letter-spacing:-0.5;}
#header .gnbWrap #gnb > li > .depth2 li a:hover,
#header .gnbWrap #gnb > li > .depth2 li a:focus { color:#36C; } 



/* Header :: 사이트맵, 네비게이션 버튼 */
.header-line-btn{ display:none;}

#container {position:relative; word-break:keep-all;}
#content {}
#content .subContent { font-size:18px; line-height:25px;word-break:keep-all;}
#content .subContent .location {clear:both; font-size:15px;color:#999;padding:0;text-align:right; padding-top:20px;}
#content .subContent .location img{ vertical-align:middle;}
#content .subContent .location a {color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}
#content .subContent h3.subTitleSubject {font-size:47px; text-align:center;font-weight:bold;;letter-spacing:-1px;color:#333; margin:150px 0 100px 0;    }
/*--서브메뉴--*/
#content .snb {padding:0;margin:0;}
#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 {padding:0; text-align:center; border-bottom:1px #ccc solid;}
#content .snb .category h2 {margin:0 0 10px 0;font-family:nanumgothic,dotum;font-size:20px;font-weight:bold;color:#222;text-align:center;background:url(./image/sub_title_bg.gif) no-repeat;height:46px;line-height:40px;}
#content .snb .category ul {padding:0;margin:0;}
#content .snb .category li { position:relative; display:inline-block;list-style-type:none;margin:0; vertical-align:top}
#content .snb .category li:before{ position:absolute; content:''; right:0; top:20px; width:1px; height:20px; border-left:1px #ccc solid;}
#content .snb .category li:last-child:before{ display:none;}

#content .snb .category .m2 {font-size:17px;}
#content .snb .category .m2 a {color:#444;display:block; height:30px;line-height:30px; padding:15px 50px;}
#content .snb .category .m2 a:hover {text-decoration:none;color:#ff6000;}

#content .snb .category .selected2 a {color:#0067d6;background:url(./image/sub_active_orange.jpg) repeat-x 0 0;font-weight:500;}
#content .snb .category .selected2 a:hover {color:#0067d6;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#0067d6}

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

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

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

/*하단정보영역*/
#footerWrap{ position:relative;padding:0 0 60px 0; background:#1d2229;}
#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;}
#footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1;}

#footer .footerCont {width:1300px;margin:0 auto;display:block;position:relative;}
#footer .footerCont div.footerMenu { position:absolute; right:0; top:0;text-align:center;margin-bottom:10px;padding:7px 20px;}
#footer .footerCont div.footerMenu a {font-size:12px;color:#999;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-size:1.2rem;color:#999;text-align:center;}
#footer .footerCont div.footerSiteInfo span{ color:#17c5f7; margin-left:15px;}
#footer .footerCont div.footerSiteInfo br{ display:none;}

#footer .footerCont address {font-family:arial;font-size:12px;font-style:normal;color:#999;margin-top:5px;}
#footer .footerCont address a{color:#999;}
#footer .footerCont .footerLogo { text-align:center; margin-bottom:20px;}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}
#footer .footerCont .logotxt{ font-weight:500; color:#333; font-size:19px;}


/*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: in
;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{ width:1200px; margin:0 auto; padding-top:150px;}
#pages_login{ padding:200px 0 100px 0;}


.footinfo{ background:url(./image/footinfo.jpg) no-repeat 50% 0; background-size:cover; padding:150px 0;margin-bottom:50px; color:#fff; text-align:center;}
.footinfo h1{ font-size:3.5rem; letter-spacing:2px; margin-bottom:10px; font-weight:600;font-family:'S-CoreDream-8Heavy'; margin-bottom:50px;}
.footinfo p{ font-size:1.6rem;font-family: 'S-CoreDream-8Heavy'; margin-bottom:50px;}
.footinfo p br{ display:none;}
.footinfo p span{ font-weight:600; margin-left:30px;}


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

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

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

.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:5em; font-weight:700; letter-spacing:-0.5px; text-align:center;margin-bottom:20px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}

.main-visual-item .main-visual-txt-con .main-visual-txt3{ font-size:2.2rem; color:#fff; letter-spacing:-1px; font-weight:200; line-height:2.7rem; margin-bottom:30px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}

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

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

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

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


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

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

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

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

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:55px; left:50%; margin-left:-41px; text-align:center; z-index:9}	/* width값에 맞게 margin-left수정 */
.main-scroll-icon span{display:block; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; }


.pt150{ padding-top:150px;}
.inner{ position:relative; width:1500px; margin:0 auto;}
.mb70{ margin-bottom:70px;}

.mainContents{ font-size:1.2rem;}
.mainContents h1{ font-size:3.5rem; letter-spacing:2px; margin-bottom:10px; font-weight:600;font-family:'S-CoreDream-8Heavy'}
.mainContents h1 span{ font-size:2rem; letter-spacing:0;}
.mainContents h2{ font-size:21px; line-height:25px; color:#444; margin-bottom:40px;}

#s01{ position:relative; padding:150px 0;}
#s01:after{ content:''; position:absolute; right:15%; top:0; width:592px; height:300px; background:url(./image/main/s01_after.png) no-repeat; background-size:100%; z-index:-1;}
#s01:before{ content:''; position:absolute; left:0; top:100px; width:626px; height:1252px; background:url(./image/main/s01_before.png) no-repeat; background-size:100%;}
#s01 p{ margin-bottom:3rem;}
#s01 ul{ position:relative; margin-top:5rem;}
#s01 ul:before{ content:''; position:absolute; right:-25%; top:-90%; width:622px; height:557px;background:url(./image/main/s01_ul_before.png) no-repeat;  background-size:100%;}
#s01 ul li{ display:inline-block; margin-right:1rem; width:220px;}
#s01 ul li img{ width:100%;}

#s02{background:url(./image/main/s02_bg.jpg) no-repeat 100% 100%; padding: 0  0 300px 0; text-align:right;}
#s02 p{ margin-bottom:3rem;}


#s03{background:url(./image/main/s03_bg.jpg) no-repeat 50% 0; background-size:cover; padding:150px 0; text-align:center;}
#s03 .bTxt{ margin-bottom:50px;}

.more_btn {display:inline-block; font-size:1.2rem; text-align:left;padding:0 10px 0 40px;min-width:190px;height:60px;line-height:60px ;border-radius:7px;background:#0072bc url(./image/main/arrow.png) no-repeat 90% 50%;color:#fff;font-weight:300;vertical-align:middle;}
.more_btn:hover {background:#1c252d url(./image/main/arrow.png) no-repeat 90% 50%;transition:background .4s;}



	
.area_subVisual{ height:700px; text-align:center; color:#fff;font-family:'S-CoreDream-8Heavy'; }
.area_subVisual h2{ font-size:4rem; padding-top:300px;line-height:4.5rem; font-weight:700;}
.area_subVisual h2 span{ font-size:2rem; font-weight:300; letter-spacing:5px; }

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

	.main-visual-item .main-visual-txt-con{margin-top:-150px;} 
	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:1.7rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:3.7rem; }
	.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:1.8rem; line-height:2.2rem;}
	
	.mainContents{ font-size:1rem;}
	.mainContents h1{ font-size:2.7rem;}
	.mainContents h1 span{ font-size:1.8rem; }
	.mainContents h2{ font-size:19px;}
	
	.footinfo h1{font-size:2.7rem;}
	.footinfo p{ font-size:1.4rem;}
	#footer .footerCont div.footerSiteInfo {font-size:1rem;}
	
	#content .subContent h3.subTitleSubject {font-size:37px; margin:100px 0 70px 0; }
	
	.posterArea .posters .sum{ width:370px;}
	
 	
	.area_subVisual{ height:600px;}
	.area_subVisual h2{ font-size:3.2rem; padding-top:270px;line-height:3.2rem;}
	.area_subVisual h2 span{ font-size:1.6rem; }

	
	#s01 {padding:120px 0;}
	#s01:after{width:450px;}
	#s01:before{ width:500px}
	#s01 p{ margin-bottom:2.5rem;}
	.more_btn {padding:0 10px 0 40px;min-width:160px;height:55px;line-height:55px ;border-radius:7px;font-size:1rem;}
	#s01 ul li{margin-right:0.8rem; width:170px;}
	#s01 ul:before{  width:522px; top:-100%; right:-27%;}
	
	
	
	#s02{ padding:0 0 300px 0; background-size:80% auto;}
	#s02 p{ margin-bottom:2.5rem;}
	
	#s03{ padding:120px 0;}
	
	
	#content .subContent { font-size:16px;}
	
	.inner{ width:1300px;}
	
	
	

	


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

}

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

	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{ font-size:1.7rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:35px; margin-bottom:30px;}
	
	
}
@media all and ( max-width: 1300px ){
	
	#wrap{ min-width:100%;}
	#header .gnbWrap { display:none;}

	#header .imglogo{ left:80px; top:19px;}

	
	
	
	
	
	#footer .footerCont{ width:100%;}
	#footer .footerCont div.footerSiteInfo{ width:100%;}
	

	

	.footinfo a  { margin-left:20px;}
	
	
	
	
	
	
	#footer .footerCont div.footerMenu{ position:relative; right:0;}

	
	.inner{ width:100%;}
	
	.area_subVisual{ margin-top:70px; height:300px;}
	.area_subVisual h2{ padding-top:100px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{ margin-bottom:15px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{ font-size:1.2rem; line-height:1.7rem;}
	
	#s01 {padding: 100px 15px;}
	#s02 {padding: 0 15px 300px 15px;}
}


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

	
	#content .snb .category{ display:none;}
	
	
}

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

	
	.area_subVisual{  height:250px;}
	.area_subVisual h2{ font-size:30px; padding-top:70px;}
	
	
	 #footer .footerCont .footerLogo{ position:relative; text-align:center; margin-bottom:10px; }
	 #footer .footerCont address{ position:relative; text-align:center; width:100%;  }
	 #footer .footerCont div.footerSiteInfo{ margin:0;text-align:center; }
	 
	 
	 #footer .footerCont div.footerSiteInfo br{ display:block;}
	
	
	
}
@media all and ( max-width: 900px ){
	
	#s01 p br, #s02 p br{ display:none}
	#s01::before, #s01 ul::before{ display:none}
	#s01::after{ width:200px;}
	
	#s02{ text-align:left;padding: 0 15px 120px 15px;}
	#s01 ul li{ width:130px;}
	
	.mainContents h1{ font-size:2.2rem;}
	.mainContents h1 span{ font-size:1.2rem;}
	
	.footinfo p br{ display:block;}
	
	.area_subVisual h2 span{ font-size:1.1rem; line-height:1.5rem;}
	
	

	

	
	
}


@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:block;}
	.main-visual-m-img img{width:100%;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{margin-top:-20%}

	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:1.3rem; letter-spacing:3px; line-height:40px; margin-bottom: 15px;}

	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:2.7rem;line-height:3rem; padding:0 30px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:18px; line-height:25px; margin-bottom:20px; }
	.main-visual-item .main-visual-txt-con .main-visual-txt3 br{ display:none;}
	.main-visual-item .main-visual-txt-con .main-visual-more-btn a {width:100px; height:40px; line-height: 40px; font-size:12px;}
	#mainVisual .slick-dots {margin-top: 60px;}
	#mainVisual .slick-dots li button {width:25px; height:2px;}
	/* 메인 비주얼 :: 화살표 */
	#mainVisual .slick-arrow {width:20px; margin-top: 0;} /* 화살표사용시 display:none 삭제 */ 
	#mainVisual .slick-arrow.slick-prev {left:15px; background-size:100% auto;}
	#mainVisual .slick-arrow.slick-next {right:15px; background-size:100% auto;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
	
	
	

	#content .subContent h3.subTitleSubject{ margin:50px 0 50px 0; font-weight:500;}

	


	

	

	
	
	
	
	
	
	
}


@media screen and (max-width:640px) {
	
	
	
	
	
	#footer .footerCont div.footerSiteInfo br{ display:block}
	
	.main-visual-item .main-visual-txt-con{margin-top:-25%}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{ display:none;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 img{ height:40px;}
	
	#s01::after{ width:170px; right:10%;}
	
	#s03 {padding:70px 0;}
	.footinfo{ padding:70px 0;}
		
	
	

	

}

@media screen and (max-width:480px) {
	
	.main-visual-item .main-visual-txt-con{margin-top:-35%}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 img{ height:35px;}

	.mainContents h1{ font-size:27px;}
	.mainContents h2{ font-size:17px; margin-bottom:20px;}
		
	.footinfo img{ height:25px;}	
	
	.mainContents h1 span{ display:inline-block; width:100%;}

}

@media screen and (max-width:350px) {
	
	.footinfo img{ height:20px;}	

	
	
	

}


.widget_notice .list{ position:relative;}
.widget_notice .list:after{content:''; display:block; clear:both;}
.widget_notice .list li{ display:inline-block;width:100%; height:150px; box-sizing:border-box;  text-align:left; background:#fff url(./image/main/more.png) no-repeat 95% 50%; margin-bottom:20px;}

.widget_notice .list li a{display:block; position:relative; height:100%; box-sizing:border-box; padding:35px 160px 35px 50px; transition:all 0.3s ease;}
.widget_notice .list li a > *{transition:all 0.3s ease;}
.widget_notice .list li a > i{ position:absolute; left:40px; top:35px;color:#666; text-align:center;font-family: 'S-CoreDream-8Heavy'; font-style:normal}
.widget_notice .list li a > i b {font-size: 35px;font-weight: 600; color: #222;}
.widget_notice .list li a em{ margin-left:100px; margin-top:10px;display:block; height:1.5em; line-height:1.5em;  color:#333;  letter-spacing:-0.5px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:keep-all; font-size:1.2rem; font-weight:400}
.widget_notice .list li a span{ margin-left:100px;display:block; height:1.4em; line-height:1.4em; margin-top:10px; color:#666; letter-spacing:-0.5px; font-weight:300; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;}

.widget_notice .list li a:after{content:''; display:block; position:absolute; right:30px; bottom:30px; width:21px; height:6px; }
.widget_notice .list li a:hover{background:#448ccb url(./image/main/more_over.png) no-repeat 95% 50%; border-color:#448ccb; box-shadow:5px 15px 15px rgba(65,71,143,0.2);}
.widget_notice .list li a:hover > i{color:#fff;}
.widget_notice .list li a:hover > i b{ color:#fff;}
.widget_notice .list li a:hover em{color:#fff;}
.widget_notice .list li a:hover span{color:#e3edf6;}
.widget_notice .list li a:hover:after{background-position:0 -36px;}
.widget_notice .list li.none{width:100%; height:287px; text-align:center;}
.widget_notice .list li.none span{vertical-align:middle; color:#888;}
.widget_notice .list li.none:after{content:''; display:inline-block; height:100%; vertical-align:middle;}

@media all and ( max-width: 1920px ){
	
	.widget_notice{ margin:0 15px;}
	.widget_notice p{height:65px;}
	.widget_notice .list li{ height:130px; }
	.widget_notice .list li a{padding:25px 140px 25px 40px; }
	.widget_notice .list li a > i{ top:25px;}
	.widget_notice .list li a:hover{background:#448ccb url(./image/main/more_over.png) no-repeat 95% 50%;}
}

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

	
	.widget_notice .list li{ height:auto; background:#fff;}
	.widget_notice .list li a em{ margin-top:0; margin-left:70px; font-size:1rem;}
	.widget_notice .list li a span{ margin-left:70px;height:4em; line-height:1.4em; -webkit-line-clamp:3; }
	.widget_notice .list li a > i{ left:25px;}
	.widget_notice .list li a > i b{ font-size:1.5rem;}
	.widget_notice .list li a{ padding:20px 20px 20px 30px;}
	
	
	
}


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

	
	

	.widget_notice .list li a > i{ font-size:0.8rem;}
	.widget_notice .list li a span{ margin-top:10px;}

	
}

.page2{}
.page2 .conBox{ border:1px #ccc solid; padding:30px;}
.page2 .conBox span{ font-size:1.3rem; display:inline-block; margin-bottom:10px; font-weight:400; color:#3e8cbd;}
.page2 .s01 {position:relative; overflow:hidden; background:#e7eff4; padding:0 0 100px 0; margin:100px 0;}
.page2 .s01 .outline {float:left; margin-right:20px; width:calc((100% - 80px) / 5);}
.page2 .s01 .outline:last-child {margin-right:0}
.page2 .s01 p {font-size:18px; color:#fff; letter-spacing:-0.5pt; background:#3e8cbd; text-align:center; line-height:60px; border-radius:10px 10px 0 0}
.page2 .s01 ul {background:#fff;  padding:14px 0 14px 25px; box-sizing:border-box; position:relative; overflow:hidden; border-radius:0 0 10px 10px;}
.page2 .s01 ul.odd {margin-bottom:20px}
.page2 .s01 li { position:relative; padding-left:15px; font-size:15px; letter-spacing:-0.5pt; line-height:28px; box-sizing:border-box}
.page2 .s01 li:before{ content:''; position:absolute; top:13px; left:0; width:4px; height:4px; background:#3e8cbd;}
.page2 .s02 { text-align:center; margin-bottom:100px;}
.page2 .s02 img{ width:75%;}
.page2 .s03{ background:#f7f7f7; padding:100px 0;}
.page2 .s03 li{ display:inline-block;width:calc((100% - 176px) / 2);  border:3px #ccc solid; background:#fff; padding:30px; margin-left:50px; vertical-align:top;border-radius:10px; min-height:120px; margin-bottom:15px;}
.page2 .s03 li:nth-child(2n+1){ margin-left:0;}
.page2 .s03 .left{ border:3px #ccc solid;  }
.page2 .s03 .right{ color:#fff; border:none;vertical-align:top;}
.page2 .s03  span{ font-size:1.3rem; font-weight:600; display:inline-block; margin-bottom:15px; width:100%; text-align:center; border-bottom:1px #ccc solid; padding-bottom:10px;}
.page2 .s03 .right span{border-bottom:1px #fff solid;}
.page2 .s03 .bg1{ background:#3cb878}
.page2 .s03 .bg2{ background:#1cbbb4}
.page2 .s03 .bg3{ background:#448ccb; }
.page2 .s03 .bg4{ background:#5674b9}

.page5{ text-align:center;}
.page5 .sTit{ font-size:2.5rem; line-height:1.8rem; margin-bottom:20px; color:#3e8cbd; font-weight:700; margin:100px 0 20px 0;}
.page5 .bTxt{ font-size:2rem; font-weight:200; margin-bottom:50px; line-height:2.3rem; }
.page5 .cTxt{ font-size:1.2rem; margin-bottom:100px;}

.page6{ text-align:center;}
.page6 .s01{ margin-bottom:100px;}
.page6 .sTit{ font-size:1.5rem; line-height:1.8rem; margin-bottom:20px; color:#3e8cbd; font-weight:400;}
.page6  img{ margin-top:50px;}

.page7{}
.page7 .s01{ text-align:center;}
.page7 .s01 p{ color:#777; font-size:1.5rem; margin-bottom:50px; line-height:2.5rem;}
.page7 .s01 p span{ color:#222; font-size:2rem;}
.page7 .s01 ul{ margin-bottom:50px;}
.page7 .s01 li{ display:inline-block; width:27%; border:1px #ccc solid; margin:0 20px; background:url(./image/sub/1/page7_bg.jpg) repeat 50% 0; padding:70px 0;}
.page7 .s01 li img{ height:70px;}
.page7 .s01 a{ padding:20px 0; width:200px; display:inline-block; font-weight:500; font-size:1.2rem; margin:0 20px;}
.page7 .s01 .btn1{ background:#06C; color:#fff;}
.page7 .s01 .btn2{ border:1px #06C solid; color:#06C}
.page7 .s02 { background:#f7f7f7; padding:1px 0 150px 0; margin-top:100px;}
.page7 .s02 .inner > ul { text-align:center}
.page7 .s02 .inner > ul:after {display: block; content: ''; clear: both;}
.page7 .s02 .inner > ul > li {display:inline-table; table-layout: fixed;  width: 30%; height: 210px; margin: 0 0 0 20px; box-shadow: 14px 14px 20px 0px rgba(0, 0, 0, 0.1);}
.page7 .s02 .inner > ul > li:first-child {margin: 0;}
.page7 .s02 .inner > ul > li .info-box {display: table-cell; vertical-align: middle; width: 150px; padding: 34px 30px; background: #ffffff;}
.page7 .s02 .inner > ul > li .info-box .code {font-weight: 700; font-size: 20px; line-height: 26px; color: #000000;}
.page7 .s02 .inner > ul > li .info-box .detail-info {}
.page7 .s02 .inner > ul > li .info-box .detail-info ul {margin: 50px 0 0;}
.page7 .s02 .inner > ul > li .info-box .detail-info ul li {font-size: 14px; line-height: 22px; color: #777777;}
.page7 .s02 .inner > ul > li .color-view {display: table-cell; vertical-align: middle; position: relative;}
.page7 .s02 .inner > ul > li .color-view.blue {background: #3a4c77;}
.page7 .s02 .inner > ul > li .color-view.red {background: #0090b8;}
.page7 .s02 .inner > ul > li .color-view.black {background: #0ad77e;}
.page7 .s02 .inner > ul > li .color-view .title {display: inline-block; position: absolute; top: 35px; right: 21px; font-weight: 700; font-size: 20px; line-height: 26px; color: #ffffff; transform: rotate(90deg);}



.page8{}
.page8 .s01{ margin-bottom:100px;}
.page8 .s02{position: relative; z-index: 1; margin:0; padding: 65px 60px 62px; background: #6c46a1; background: -moz-linear-gradient(left, #6c46a1 0%, #3aa9dd 100%); background: -webkit-linear-gradient(left, #6c46a1 0%,#3aa9dd 100%); background: linear-gradient(to right, #6c46a1 0%,#3aa9dd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c46a1', endColorstr='#3aa9dd',GradientType=1 ); }
.page8 .s02 dl{display: table; table-layout: fixed; width: 100%; color:#fff;}
.page8 .s02 dl dt{display: table-cell; vertical-align: middle; width:23%; border-right: 1px solid rgba(255, 255, 255 , .3); font-weight: 700; font-size:2rem; line-height: 38px; }
.page8 .s02 dl dt span{ font-size:1rem; font-weight:400; padding-left:10px}
.page8 .s02 dl dd{ display: table-cell; vertical-align: top; padding: 0 0 10px 40px; font-size:1.5rem; line-height:1.9rem;}
.page8 .s02 dl dd .call{ color:#3ad2e9; font-size:1.3rem;}

.page9{}
.page9 .s01{ text-align:center;}
.page9 .s01 .sTit{ font-size:1.5rem; line-height:1.8rem; margin-bottom:20px; color:#3e8cbd; font-weight:400;}
.page9 .s02{ background:#f7f7f7; padding:1px 0 100px 0; margin-top:100px;}
.page9 .s02  li{ display:inline-block; width:calc((100% - 209px) / 3); vertical-align:top; text-align:center; margin-top:30px;}
.page9 .s02 li:nth-child(2), .page9 .s02 li:nth-child(5){ border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; margin:30px 50px; padding:0 50px; }

.page9 .s02 .img{ height:100ox; line-height:100px;}
.page9 .s02 span{ font-size:1.5rem; font-weight:500; display:inline-block; width:100%; margin-bottom:15px; margin-top:30px; color:#3e8cbd;}
.page9 .s02  p{ position:relative; padding-left:13px; text-align:left;}
.page9 .s02  p:before{ content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background:#999}

.notice{ border:5px #CCC solid; padding:50px 100px; margin-bottom:100px;}
.notice .sTit{ text-align:center; font-size:1.5rem; font-weight:500; border-bottom:1px #ccc solid; padding-bottom:20px; margin-bottom:50px;}


@media all and ( max-width: 1200px ){
	
	.page5{ margin:0 15px;}
	.page5 img{ width:100%;}
	.page6 .s01 img{ width:100%;}
	
	.page7 .s01{ margin:0 15px;}
	.page7 .s01 li{ width:40%; }
	
	
}

@media all and ( max-width: 1000px ){
	.page7 .s02 .inner > ul > li{ width:96%; margin:0 2% 15px 2%;}
	.page7 .s02 .inner > ul > li:first-child{ margin-bottom:15px;}
}



@media all and ( max-width: 780px ){
	.page5 .sTit{ font-size:2rem;}
	.page5 .bTxt{ font-size:1.5rem; line-height:1.7rem;}
	.page5 .bTxt br{ display:none;}
	
	
	.page7 .s01 li{ width:100%;margin:0 0 15px 0;}	
	
	.page7 .s01 a{ width:150px; font-size:1rem; margin:0 5px;}
	.page7 .s02{ padding:1px 0 70px 0;}
}