@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: 'Binggrae';
	font-style: normal;
	font-weight:300;
	src: url(./fonts/Binggrae.woff2) format('woff2'),  
	url(./fonts/Binggrae.woff) format('woff'),  
	url(./fonts/Binggrae.otf) format('opentype');
}
@font-face {
	font-family: 'Binggrae';
	font-style: normal;
	font-weight:bold;
	src: url(./fonts/Binggrae-Bold.woff2) format('woff2'),  
	url(./fonts/Binggrae-Bold.woff) format('woff'),  
	url(./fonts/Binggrae-Bold.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:14px;}
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;}

.header_wrap .gnb { position:absolute; right:0px; top:40px;}
.header_wrap .gnb li{ display:inline-block; margin-left:15px;}

.gnb_head .gnb { position:absolute; left:50px; top:40px;}
.gnb_head .gnb li{ display:inline-block; margin-right:15px;}
.gnb_head .gnb a{ color:#fff !important;}

#container {position:relative; word-break:keep-all;}
#content {}
#content .subContent { font-size:18px; line-height:30px;word-break:keep-all; padding:100px 0 150px 0;}
#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 { text-align:center; font-weight:400;letter-spacing:-1px;color:#333; margin:150px 0 100px 0;    }
/*--서브메뉴--*/
#content .snb { position:relative; text-align:left; margin-top:50px;}

#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 .service_info {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}


#content .snb .category {padding:0; border-bottom:1px #ccc solid;}
#content .snb .category h2 {margin:0 0 20px 0;color:#222; font-weight:600}
#content .snb .category ul {}
#content .snb .category li { position:relative; display:inline-block;list-style-type:none;margin:0; vertical-align:top}

#content .snb .category li:last-child:before{ display:none;}

#content .snb .category .m2 { }
#content .snb .category .m2 a {color:#999;display:block; font-weight:500; height:30px;line-height:30px; padding:20px 0 ; margin-right:40px;}
#content .snb .category .m2 a:hover {text-decoration:none;color:#0072bc;}

#content .snb .category .selected2 a { position:relative;color:#111;background:url(./image/sub_active_orange.jpg) repeat-x 0 0;font-weight:500;}
#content .snb .category .selected2 a:before{ content:''; position:absolute; bottom:-1px; left:0; width:100%; height:4px; background:#111;}
#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;}
#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 { position:relative;margin:0;padding:70px 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:#ef2717; 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 .footerLogo img { width:200px;}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}
#footer .footerCont .logotxt{ font-weight:500; color:#333; font-size:19px;}

#topScroll {position:absolute; bottom:0; width:188px; left:50%; margin-left:-94px;z-index:100;}

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




/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:calc(100vh - 120px) !important; position:relative; margin-top:120px;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual:before{ content:''; position:absolute; bottom:0; left:0; background:url(./image/main/img_main_slide_bar.png) no-repeat 50% 100%; width:100%; height: 50px; z-index:2}
#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;

	
}
.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:-300px;  color:#222;} /* 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:bold; font-family: 'Binggrae'; color:#0054a5;}

.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:5rem; font-family: 'Binggrae'; font-weight:bold;letter-spacing:-1px; 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-txt2 span{ font-size:5.9rem;}
.main-visual-item .main-visual-txt-con .main-visual-txt2  .sty1{ color:#e54115}
.main-visual-item .main-visual-txt-con .main-visual-txt2  .sty2{ color:#065fa3}

.main-visual-item .main-visual-txt-con .main-visual-txt3{ font-size:2.2rem; letter-spacing:-1px; font-weight:300; 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-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:1600px; margin:0 auto;}
.mt50{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb70{ margin-bottom:70px;}

.fs1_2{ font-size:1.2rem}
.fs1_5{ font-size:1.5rem;line-height:1.9rem;}
.fs1_7{ font-size:1.7rem;line-height:2.1rem;}
.fs2_2{ font-size:2.2rem;line-height:2.8rem;}
.fs2_5{ font-size:2.5rem;line-height:3.1rem;}
.fs2_7{ font-size:2.7rem;}
.fs2_9{ font-size:2.9rem;}




.ff{font-family:'Binggrae'; font-weight:bold;}

.vidWrap {width: 100%; height:calc( 100% - 50px);position: absolute;top:0;left: 50%;  transform: translateX(-50%);z-index: -1;}
.vidWrap:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%;  z-index:1;}
.vidWrap iframe {width: 100vw;height:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.mainContents{ word-break:keep-all;}
.mainContents h1{ font-size:3.5rem; margin-bottom:15px; font-weight:600;font-family:'Binggrae'; }
.mainContents h1 span{ font-size:1.8rem; letter-spacing:0;font-family: 'Noto Sans KR'; font-weight:400;}
.mainContents h2{ font-size:1.7rem; line-height:25px; color:#444; margin-bottom:40px;  letter-spacing:-1px; margin-bottom:70px;}

#s01{ position:relative; padding:100px 0 150px 0; text-align:center;}
#s01:before{ content:''; position:absolute; right:7%; top:120px; width:177px; height:119px; background:url(./image/main/s01_bg1.png) no-repeat; z-index:-1; background-size:100% auto;}
#s01:after{ content:''; position:absolute; left:7%; top:170px; width:203px; height:149px; background:url(./image/main/s01_bg2.png) no-repeat;z-index:-1;background-size:100% auto;}
#s01 li{ display:inline-block; padding:0 60px;}
#s01 p{ margin-top:20px;}
#s01 a{ display:block;}

#s02{ display:table; width:100%; text-align:center;}
#s02 li{ float:left;width:calc((100% / 3) - 1px); padding-top:150px;}
#s02 li:nth-child(1){ background:url(./image/main/s02_bg1.jpg) no-repeat; background-size:cover;}
#s02 li:nth-child(1) a{ background:#ffb400}
#s02 li:nth-child(2){ background:url(./image/main/s02_bg2.jpg) no-repeat; background-size:cover;}
#s02 li:nth-child(2) a{ background:#ed4042}
#s02 li:nth-child(3){ background:url(./image/main/s02_bg3.jpg) no-repeat; background-size:cover;}
#s02 li:nth-child(3) a{ background:#0080cc}
#s02 a{ position:relative; color:#fff; padding:15px 60px 15px 40px; border-radius:30px; font-weight:400;}
#s02 a:before{ content:''; position:absolute; right:30px; top:50%; margin-top:-7px;  width:9px; height:15px;  background:url(./image/main/s02_arrow.png) no-repeat}
#s02 .fs2_5{ margin-bottom:15px;}
#s02 .fs1_5{ font-weight:400; margin-bottom:40px; }
#s02 img{ margin-top:100px;}

#s03{ padding:150px 0;background:#f5f5f5 url(./image/main/s03_bg.jpg)  50% 0 no-repeat; text-align:center;}
#s03 .mobile{ display:none;}

#s04{ border-top:1px #ccc solid; }
#s04 .inner > div{ display:inline-block;width:calc((100% - (4px + 240px)) / 2); padding:150px 60px; vertical-align:top;}
#s04 .inner > div:nth-child(1){ border-right:1px #ccc solid;}

#s04 h1{ position:relative;}
#s04 h1:before{ content:''; position:absolute; top:-20px; left:0; width:10px; height:10px; border-radius:50%; background:#F00}

.co1{ color:#0083ba;}
.co2{ color:#fff;}
.co3{ color:#303030}


.service_info{ position:relative; height:400px;background:#0072bc url(./image/main/guide_bg.jpg) 80% 0% no-repeat; color:#fff;}
.service_info .inner:before{ content:''; position:absolute;top:23px; right:0; width:293px; height:377px;background:url(./image/main/guide_img.png) no-repeat; background-size:100% auto; }
.service_info .fs2_5{ margin-bottom:15px; padding-top:70px;}
.service_info .fs1_5{ margin-bottom:50px; word-break:keep-all}
.service_info .btnArea{position:relative; color:#0072bc; padding:15px 60px 15px 40px; border-radius:30px; font-weight:400; background:#fff;}
.service_info .btnArea:before{ content:''; position:absolute; right:30px; top:50%; margin-top:-7px;  width:9px; height:15px;  background:url(./image/main/s02_arrow.png) no-repeat}

.f_banner{ text-align:center; padding:70px 0; border-bottom:1px #ccc solid;}
.f_banner li{ display:inline-block; margin:0 10px;}
.f_banner img{ border:1px #ccc solid; border-radius:10px;}
	
.area_subVisual{ position:relative; height:700px; text-align:center; color:#fff;}
.area_subVisual:before{ content:''; position:absolute; bottom:0; left:0; background:url(./image/main/img_main_slide_bar.png) no-repeat 50% 100%; width:100%; height: 50px; z-index:2}
.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; }

.tableType {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #ccc; border-left:1px solid #E6E6E6; }
.tableType th {background:#e6eaee;border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6;padding:7px 0;text-align:center;}
.tableType td {border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6;text-align:center;word-break:break-all;color:#555; padding:10px 0;}
.tableType  .tl{ text-align:left; padding-left:20px;}

@media all and ( max-width: 1920px ){
	
	.fs1_2{ font-size:1rem}
	.fs1_5{ font-size:1.2rem; line-height:1.7rem;}
	.fs1_7{ font-size:1.5rem}
	.fs2_2{ font-size:2.0rem;line-height:2.6rem;}
	.fs2_5{ font-size:2.2rem}
	
	#mainVisual{ height:calc(100vh - 100px) !important;margin-top:100px;}	
	.main-visual-item .main-visual-txt-con{margin-top:-250px;} 
	
	.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.3rem; }
	.main-visual-item .main-visual-txt-con .main-visual-txt2 span{font-size:3.9rem; }
	.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:1.8rem; line-height:2.2rem;}
	
	.mainContents{ }
	.mainContents h1{ font-size:2.7rem;}
	.mainContents h1 span{ font-size:1.5rem; }
	.mainContents h2{ font-size:1.2rem; margin-bottom:50px;}
	#content .subContent { font-size:17px; padding:100px 0; line-height:27px;}
	

	#footer .footerCont div.footerSiteInfo {font-size:1rem;}
	
	#content .subContent h3.subTitleSubject {font-size:37px; margin:100px 0 70px 0; }
	.f_banner li{width:calc((100% - 150px) / 5); margin:0 10px;}
	.f_banner img{ width:100%;}
	

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

	
	
	
	.inner{ width:1300px;}
	
	#s01{ position:relative; padding:70px 0 100px 0;}
	#s01 li{ padding:0 2%;width:calc((100% - 292px) / 4);}
	#s01 li img{ width:100%;}
	
	#s02 li{ padding-top:100px;}
	#s02 a{  padding:10px 50px 10px 30px;}
	#s02 a:before{ right:23px;}
	#s02 img{ margin-top:70px;}
	
	
	#s03{ padding:100px 0;}
	
	#s04 .inner > div{width:calc((100% - (4px + 180px)) / 2); padding:100px 45px;}
	
	.service_info{ height:330px;}
	.service_info .inner:before{ top:-47px;}



	
	
	

	


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

	


	
	
	
	
	
	
	#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;}
	
	
	
	#s03 .mobile{ display:block;}
	#s03 .web{ display:none}
	
	.service_info{ height:auto; padding:0 20px 70px 20px;}
	.service_info .inner::before {top: -44px;}
	
	#content .subContent{ padding:0 0 70px 0}
	
	
	
	
}


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

	#mainVisual{ height:700px !important;}
	#content .snb .category{ display:none;}
	.main-visual-item .main-visual-txt-con{ margin-top:-170px;}
	


	.fs1_7{ font-size:1.3rem}
	.fs2_2{ font-size:1.8rem;line-height:2.6rem;}
	.fs2_5{ font-size:2.0rem}
	#s02{ text-align:left;}
	#s02 li{ position:relative; width:90%; padding:50px 5% 80px 5%;} 
	#s02 li img{ position:absolute; right:5%; bottom:0; height:80%;}
	
	#s03 {padding:70px 15px;}
	

	
	
	
}

@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 ){
	
	
		#mainVisual{ height:600px !important;}
	.mainContents h1{ font-size:2.2rem;}
	.mainContents h1 span{ font-size:1.2rem;}
	
	
	
	.area_subVisual h2 span{ font-size:1.1rem; line-height:1.5rem;}
	
	
	#s01{ padding: 30px 15px 50px 15px;}
	#s01:before{  width:127px;}
	#s01:after{  width:153px; }
	
	#s04{ padding:70px 0;}
	#s04 .inner > div{ width:90%; padding:0 5%;}
	#s04 .inner > div:nth-child(1){ border:none; padding-bottom:60px;}
	
	.service_info .inner::before{ display:none;}
	.service_info{ text-align:center; padding:0 20px 120px 20px}
	
	.f_banner li {width: calc((100% - 150px) / 3);margin: 0 5px 15px 5px;}


	
	

	

	
	
}


@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.2rem;line-height:3rem; padding:0 30px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 span{ font-size:3.3rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{ 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}
	
	
	.fs1_7 {font-size: 1.1rem;}
	.fs2_2{font-size: 1.5rem; line-height:2rem;}
	.fs2_5 {font-size: 1.6rem;}
	

	#content .subContent h3.subTitleSubject{ margin:50px 0 50px 0; font-weight:500;}
	
	
	#s01 li {padding: 0 2%; width: calc((100% - 202px) / 2); margin-bottom:20px;}
	#s01 p{ margin-top:10px;}
	
	#s02{ text-align:center;}
	#s02 li { padding:80px 0 0 0 ; width:100%; }
	#s02 li img{ position:relative; right:0; bottom:0; height:auto; width:70%;}
	
	
	
	

	



	

	

	
	
	
	
	
	
	
}


@media screen and (max-width:680px) {
	.gnb_head .gnb{ left:30px; top:25px;}
}
@media screen and (max-width:640px) {
	
	
	#mainVisual{ height:500px !important;}
	
	
	#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-txt2 img{ height:40px;}
	
	#s01 li {padding: 0 2%; width: calc((100% - 50px) / 2);}
	
	.f_banner{ padding:50px 0;}
	.f_banner li {width: calc((100% - 60px) / 3); margin:0 3px 10px 3px;}
	
	
	

		
	
	

	

}

@media screen and (max-width:480px) {
	
	
	#mainVisual{ height:400px !important;}
	.main-visual-item .main-visual-txt-con{ margin-top:-80px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 img{ height:35px;}
	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{ font-size:1rem; letter-spacing:0;line-height:1rem; margin-bottom:7px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:1.5rem; line-height:1.7rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 span{ font-size:1.7rem;}

	.mainContents h1{ font-size:27px;}
	.mainContents h2{ font-size:17px; margin-bottom:20px;}
		
	
	

	
	#s02 li { padding:50px 0 0 0 ;}
	#s02 .fs2_5{ margin-bottom:5px;}
	#s02 img{ margin-top:30px;}
	
	#footer{ padding:40px 0;}
	#footer .footerCont .footerLogo img{ width:170px;}
	#footer .footerCont div.footerSiteInfo{ font-size:0.8rem;}

}

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

	
	
	

}


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

	
}

.page7{ position:relative}
.page7:before{ content:''; position:absolute; top:-50px; right:10%; width:1000px; height:500px; background:url(./image/sub/1/page7_bg.png) no-repeat; background-size:100% auto;}
.page7 .s01{ position:relative;}

.page7 .s01 li{ display:inline-block; vertical-align:top;}
.page7 .s01 li:nth-child(1){ width:70%; margin-right:100px;}

.page7 .s01 li:nth-child(2){ width:calc(100% - (70% +  104px));}
.page7 .s01 li:nth-child(2) img{ width:100%; border-radius:20px;}
.page7 .s01 .fs2_2{ margin-bottom:50px;}
.page7 .s02{ padding:150px 0; background:#f8f1eb; margin-top:150px;}
.page7 .fs1_5{ margin-top:50px; text-align:right;}
.page7 .fs1_5 span{ font-weight:500;}

.page8{}
.page8 li{display:inline-block; vertical-align:top;}
.page8 li:nth-child(1){ width:45%; margin-right:100px;}
.page8 li:nth-child(2){ width:calc(100% - (45% +  104px));}
.page8 li:nth-child(2) img{ width:100%;}
.page8 dl{ position:relative; border-bottom:1px #eee solid; padding-bottom:7px; margin-bottom:7px;}
.page8 dl dt{ position:absolute; top:0; left:15px;}
.page8 dl dd{ margin-left:200px;}

.page9{ text-align:center;}
.page9 li{ display:inline-block; margin:0 20px; padding:50px 30px; border-radius:30px;width:calc((100% - 380px) / 3);}
.page9 li:nth-child(1){ border:10px solid #00a651}
.page9 li:nth-child(2){ border:10px solid #00a99d}
.page9 li:nth-child(3){ border:10px solid #0072bc}
.page9  img{ margin-bottom:30px;}

.page10{}
.page10 .s01{}
.page10 .s01 dl{ position:relative; margin-bottom:20px;  padding-bottom:20px;}
.page10 .s01 dl dt{ position:absolute; left:0; top:0; width:200px; text-align:center} 
.page10 .s01 dl dd{ margin-left:230px;}
.page10 .s01 dl dd p{font-weight:500; margin-bottom:15px;}


.page10 .s02{ background:#e6ecf0; padding:100px 0; margin-top:100px;}
.page10 .s02 li{display:inline-block; width:calc((100% - 254px) / 2); margin-left:50px; background:#fff; border-radius:30px; padding:50px;}
.page10 .s02 li:nth-child(1){ margin-left:0;}
.page10 .s02 .fs1_7{ font-weight:500; text-align:center; margin-bottom:30px; padding-bottom:20px; border-bottom:1px #ccc solid;}
.page10 .s02  span{ display:inline-block; margin-top:30px; color:#F33}
.page10 li{ position:relative; display:inline-block; width:calc((100% - 285px) / 2); margin:0 20px; border:10px #eee solid; border-radius:20px; padding:50px; height:200px; vertical-align:top;}
.page10 li:before{ content:''; position:absolute; top:50px; left:50px; width:200px; height:200px; border-radius:50%; background:#eee;}
.page10 li:nth-child(1){ margin-left:0;}
.page10 li:nth-child(2){ margin-right:0;}
.page10 .sTit{ position:relative; margin-left:200px; padding-top:30px; }
.page10 .sTit span{ position:absolute; top:30px; left:-200px;font-weight:500;}

.page10 .s03{}
.page10 .s03 dl{ position:relative; margin-bottom:20px;  padding-bottom:20px;}
.page10 .s03 dl dt{ position:absolute; left:0; top:0; width:200px; text-align:center; } 
.page10 .s03 dl dd{ margin-left:230px;}
.page10 .s03 dl dd p{font-weight:500; margin-bottom:15px;}
.page10 .s03 li{ position:relative; display:inline-block; width:calc((100% - 120px) );  border:10px #eee solid; border-radius:20px; padding:50px; height:170px; vertical-align:top;}

.page11 .s02{ margin-top:70px; text-align:center;}
.page11 .s02 .fs1_5{ display:inline-block; margin-bottom:7px; color:#999; }

.page12{}
.page12 dl{ position:relative; margin-bottom:15px;}
.page12 dl dt{ position:absolute; left:0; top:0; font-weight:500;}
.page12 dl dd{ margin-left:150px;}
.page12 ul{ border-bottom:1px #ccc dotted; margin-bottom:50px; padding-bottom:50px;}
.page12 li{ display:inline-block; vertical-align:top;}
.page12 li:nth-child(1){ width:150px;}
.page12 li:nth-child(2){width:calc(100% - (150px +  4px));}

.page14{background:#f8f8f8 url(./image/sub/3/page14.jpg) no-repeat 0% 100%; padding:100px 0; text-align:right; margin-top:-100px;}



@media all and ( max-width: 1920px ){
	
	.page10 dl dd{}
	.page14{ background-size:80% auto}
	
	.page10 .s01  img{ height:150px;}
	.page10 .s01 dl dt{ width:150px;}
	.page10 .s01 dl dd{ margin-left:190px;}
	.page10 li:before{ width:150px; height:150px;}
   	.page10 .s03  img{ height:150px;}
	.page10 .s03 dl dt{ width:150px;}
}

@media all and ( max-width: 1300px ){
	.page7, .page8, .page9, .page10 .s01, .page11, .page12 { padding:0 15px;}
	.page10 .s02{ padding:70px 15px;}
	.page10 .s03{ padding:0 15px;}
	.page14{ padding:100px 15px;}
	
	.page10 .s01 dl dt{ width:100px;}
	.page10 .s01 dl dt img{ width:auto;height:100px;}
	.page10 li::before {width: 100px; height: 100px;}
	.page10 .s01 dl dd{ margin-left:125px;}
	
	.page10 .s03 dl dt{ width:100px;}
	.page10 .s03 dl dt img{ width:auto; height:100px;}
	.page10 .s03 dl dd{ margin-left:125px;}

}

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

.page10 .s01 dl dd{ font-size:15px; line-height:22px;}
.page10 .s03 dl dd{ font-size:15px; line-height:22px;}
.page10 .sTit{ font-size:15px; line-height:22px;margin-left:170px;}

.page10 .sTit span{ left:-170px;}

#pages_join{ width:96%; margin:0 2%; padding-top:100px;}
}

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

	.page8 li:nth-child(1){ width:100%;margin-bottom:30px;}
	.page8 li:nth-child(2){ width:100%;}
	
	.page9 li{ width:calc(100% - 20px); margin:0 0 30px 0; padding:30px 0;}
	

	.page10 .s02{ padding:50px 15px;}
	
	.page10 li{ width:calc(100% - 80px); height:auto; margin:0 0 20px 0; padding:30px;}
	.page10 li::before{ top:20px; left:40px;}
	
	.page10 .s01 dl dd{ margin-left:140px;}
	.page10 .s03 li{ height:auto;}
	.page10 .s01 dl{ margin-bottom:0; padding-bottom:0;}
	
	.page10 .s03 dl{margin-bottom:0; padding-bottom:0;}
	
	.page10 .s03 li{ padding:30px;width: calc((100% - 80px) );}
	
	
}

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

	.page7 .s01 li:nth-child(1){ width:100%; margin-bottom:50px;}
	.page7 .s01 li:nth-child(2){ width:100%; text-align:center;}
	.page7 .s01 li:nth-child(2) img{ width:60%;}
	

	
	.page14{ text-align:left; background:none; padding:0 15px 50px 15px;}
	.page14 .mb70{ margin-bottom:35px;} 


}

@media all and ( max-width: 680px ){
	.page12 img{ height:70px;}
	.page12 li:nth-child(1){ width:80px;}
	.page12 li:nth-child(2){width:calc(100% - (80px +  4px));}
	.page12 dl dt{ position:relative;}
	.page12 dl dd{ margin-left:0;}
	
	.page10 li::before{ left:50%; margin-left:-50px;}
	.page10 .s01 dl dt{ position:relative; width:100%; text-align:center; margin-bottom:30px;}
	.page10 .s01 dl dt img{ width:100px; height:auto;}
	.page10 .s01 dl dd{ margin-left:0;}
	.page10 .s03 dl dt{ position:relative; width:100%; text-align:center; margin-bottom:30px;}
	.page10 .s03 dl dt img{ width:100px; height:auto;}
	.page10 .s03 dl dd{ margin-left:0;}
	
	.page10 .sTit{ margin-left:0;}
	.page10 .sTit span{ left:0; position:relative; width:100%; display:block; top:0; margin-bottom:10px;}
	
	.page10 .s01 dl dd p, .page10 .s03 dl dd p{  text-align:center;}
	
	
}


@media all and ( max-width: 480px ){
	.tableType{ font-size:14px; line-height:19px;}
}


#m_loginbox{margin: 100px auto 15px auto !important; }