@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: '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:12px;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; }
/*헤드영역*/

#header { position:absolute; z-index:5; top:0; left:0;width:100%; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; height:89px; background:url(./image/header_bg.png) repeat}
#header .logo {position:absolute;}
#header .logo h1 {margin:0 0 0 3px;padding:0;height:35px;}
#header .logo h1 a {font-weight:bold;color:#555;font-size:22px;font-family:nanumgothic,dotum;}
#header .gnb {position:absolute;padding:0;width:360px;text-align:right;}
#header .gnb ul {padding:0;margin:0;letter-spacing:-1px;}
#header .gnb li {list-style-type:none;display:inline;padding:5px 0 5px 10px;font:normal 11px "malgun gothic",dotum;}
#header .gnb .admin a {color:#ff0000;}
#header .headUserHtml {color:#fff}
#header .imglogo{ position:absolute; top:25px; left:70px;}
#lnb {width:1300px;margin:0 auto;z-index:2;}


.utill{ position:absolute; top:28px; right:170px;}
.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;}

.topLink{ position:absolute; top:30px; right:30px;}
.topLink a{ background:#5a6a7c; color:#fff; padding:7px 20px; font-size:15px; border-radius:7px;}
#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; } 


#tocplusWindow {display: none;} /** 홈페이지 우측 하단- 실시간 상단 팝업 안보이게 **/

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

#container {position:relative; word-break:keep-all;}
#content {}
#content .subContent { margin-bottom:150px;}
#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:30px; text-align:center;font-weight:bold;;letter-spacing:-1px;color:#333; margin:100px 0 50px 0;  }
/*--서브메뉴--*/
#content .snb {float:left;width:184px;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;}
#content .snb .category h2 {margin:0 0 10px 0;font-family:nanumgothic,dotum;font-size:20px;letter-spacing:-2px;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 {list-style-type:none;margin:0;border-bottom:1px #ddd solid}

#content .snb .category .m2 {font-size:12px;letter-spacing:-1px;}
#content .snb .category .m2 a {font-family:'돋움';color:#444;display:block;padding-left:23px;height:28px;line-height:28px;background:url(./image/snb_m2_ico.gif) no-repeat 10px 7px;_line-height:29px;}
#content .snb .category .m2 a:hover {text-decoration:none;color:#ff6000;background-color:#efefef}

#content .snb .category .selected2 a {color:#fff;background:url(./image/sub_active_orange.jpg) repeat-x 0 0;font-weight:bold;height:30px;line-height:30px}
#content .snb .category .selected2 a:hover {color:#fff;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#fff}

#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; background:#555; padding:40px 0;}
#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:15px;color:#999;text-align:left; margin-left:300px;}
#footer .footerCont div.footerSiteInfo br{ display:none}
#footer .footerCont address { position:absolute; right:0; top:0px;font-family:arial;font-size:12px;font-style:normal;color:#999;margin-top:5px;}
#footer .footerCont address a{color:#999;}
#footer .footerCont .footerLogo {position:absolute;left:0;top:0}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}

/*etc*/
.templatePreview {position:fixed;top:0;left:0;z-index:1000;background:#ff6000;padding:15px;border:3px #000 solid;color:#fff;text-align:center}
.usersavePreview {position:fixed;top:0;left:0;z-index:1000;background:#00ccff;padding:15px;border:3px #000 solid;color:#fff;text-align:center}

/*탭메뉴01*/
.tab01 {background: url("./image/bg_tab.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;}
.tab01 ul {margin:0;padding:0;overflow: hidden;padding-left: 1px;width: 100%;}
.tab01 li {background: url("./image/bg_tab.gif") no-repeat scroll -1px top transparent;display: 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, #bbsview, #guidebox{ width:1200px; margin:0 auto; padding-top:150px;}
#pages_login{ padding:200px 0 100px 0;}



/* ******************  메인 비주얼 ********************** */
#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:85%; margin-top:-250px; padding-left:15%; } /* 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:90px; font-weight:700; letter-spacing:-2px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 .sapn1{ color:#2f66a9}
.main-visual-item .main-visual-txt-con .main-visual-txt1 .sapn2{ color:#e1506e}
.main-visual-item .main-visual-txt-con .main-visual-txt1 .sapn3{ color:#416b37}

.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:60px;font-family: 'IropkeBatangM'; letter-spacing:-2px; font-weight:400;margin-bottom:50px; -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:30px; color:#555; letter-spacing:-1px; font-weight:300; line-height:37px; 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; }




.mb70{ margin-bottom:70px;}
.mainContents h1{ font-size:45px; letter-spacing:-2px; margin-bottom:10px; font-weight:400;}
.mainContents h1 span{ font-weight:500;}
.mainContents h2{ font-size:21px; line-height:25px; }

#s01{ padding:150px 0;  margin:0 auto; width:80%;}

#s01 .area01{ display:inline-block; width:39%; margin-right:50px; }
#s01 .area01 .Aarea{ position:relative; width:100%; height:500px; background:#e6f0f7 url(./image/main/area01_bg1.png) no-repeat 100% 100%; margin-bottom:30px;vertical-align:top;}
#s01 .area01 .Barea{ position:relative; width:100%; height:610px; background:#ecebf1 url(./image/main/area01_bg2.jpg) no-repeat 100% 100%; vertical-align:top;}
#s01 .area01 .Barea .sTit{ font-size:22px; margin:30px 0 10px 0;}
#s01 .area01 .Barea .bTxt{ font-size:19px; color:#666;}

#s01 .area02{display:inline-block; width:30%; vertical-align:top; margin-right:50px;}
#s01 .area02 .Aarea{ height:200px; line-height:55px;margin-bottom:45px;}
#s01 .area02 .Aarea .sTit{ font-size:50px; letter-spacing:-2px; margin-bottom:20px;}
#s01 .area02 .Aarea .sTit span{ font-weight:700;}
#s01 .area02 .Aarea .bTxt{ font-size:25px; color:#555; line-height:35px; letter-spacing:-1px; }

#s01 .area02 .Barea{background:#f3f2ee url(./image/main/area02_bg2.jpg) no-repeat 100% 100%; height:255px; font-size:17px; padding:0 50px; color:#666; margin-bottom:30px;}
#s01 .area02 .Barea .sTit{ font-size:25px; padding:50px 0 10px 0; font-weight:400; color:#222;}
#s01 .area02 .Carea{}
#s01 .area02 .Carea li{ display:inline-block; border:1px #ccc solid;width:calc((100% - 44px) / 2) ;height:185px; margin-right:35px; margin-bottom:25px; vertical-align:top; }
#s01 .area02 .Carea li p{ padding:30px; font-size:20px;}
#s01 .area02 .Carea a{ display:block; height:100%;}
#s01 .area02 .Carea li:nth-child(1){background:url(./image/main/area02_icon01.png) no-repeat 80% 80%;}

#s01 .area02 .Carea li:nth-child(2), #s01 .area02 .Carea li:nth-child(4), #s01 .area02 .Carea li:nth-child(6) { margin-right:0;}


#s01 .area03{display:inline-block; width:calc((100% - 70%) - 105px) ; vertical-align:top; text-align:center;}
#s01 .area03 .Aarea{ height:500px; margin-bottom:30px; background:#f2f2f2; margin-bottom:30px;x}
#s01 .area03 .Aarea .sTit{ font-size:27px; margin:0 45px; border-bottom:1px #ccc solid; padding-bottom:20px; margin-bottom:30px;}
#s01 .area03 .Aarea .sTit span{ font-weight:600;}
#s01 .area03 .Aarea .bTxt{ font-size:19px; padding-top:150px;}
#s01 .area03 .Aarea .num{ font-size:36px; font-weight:700; letter-spacing:-1px; margin-bottom:30px;}
#s01 .area03 .Aarea  a{ display:inline-block; padding:15px 0; width:75%; margin-bottom:15px; font-size:17px;}
#s01 .area03 .Aarea .AareaBtn1{ background:#fff;}
#s01 .area03 .Aarea .AareaBtn2{ background:#e1506e; color:#fff;}
#s01 .area03 .Barea{ position:relative; height:610px;background:#c9c9c9 url(./image/main/area01_bg3.jpg) no-repeat 0 100%; }
#s01 .area03 .Barea .bTxt{ font-size:19px; padding-top:220px;}
#s01 .area03 .Barea  a{ display:inline-block; padding:15px 0; width:75%; margin-bottom:15px; font-size:17px;     color: #000000;}
#s01 .area03 .Barea .BareaBtn1{ background:#fff; OPACITY: 80%;}
#s01 .area03 .Barea .BareaBtn2{ background:#e1506e; color:#fff;}
#s01 .area03 .Barea p{ font-size:25px; padding-top:80px; line-height:35px;}
#s01 .area03 .Barea p span{ font-size:30px; font-weight:500;}
#s01 .inner{padding:70px 90px;}
#s01 .moreBtn{ position:absolute; left:90px; bottom:100px; font-size:15px; padding:15px 40px; border:1px #555 solid;}






#s02{background:url(./image/main/s02_bg.jpg) no-repeat 50% 0; background-size:cover; padding:130px 0; max-width:80%; width:100%; margin:0 auto; }
#s02 .inner{ width:1400px; margin:0 auto;}
#s02 .inner .sTit{ font-size:50px; color:#dd5975;}
#s02 .inner .sTit span{ font-size:55px; font-weight:800;}
#s02 .inner .bTxt{ font-size:17px; margin-bottom:30px; color:#555;} 
#s02 .inner ul{}
#s02 .inner li{ display:inline-block; padding:40px 180px 40px 40px; margin-right:20px; text-align:left; font-size:15px; color:#555;}
#s02 .inner li:nth-child(1){background:#fff url(./image/main/s02_icon01.png) no-repeat 90% 50%;}
#s02 .inner li:nth-child(2){background:#fff url(./image/main/s02_icon02.png) no-repeat 90% 50%;}
#s02 .inner li:nth-child(3){background:#fff url(./image/main/s02_icon03.png) no-repeat 90% 20%;}
#s02 .inner li p{ font-size:25px; font-weight:500; color:#333; margin-bottom:7px;}


#f_menu {position:relative; padding-left:5%; text-align:center; background:#faf6f3;padding:130px 0; max-width:80%; width:100%; margin:0 auto 150px auto;  }


#f_menu .f_menu-box{ position:relative; display:inline-block; vertical-align:top;clear:both; padding:0 40px; text-align:left; border-right:1px #e9e6e3 solid; height:250px; }
#f_menu .f_menu-box:nth-child(6){border-right:none}

#f_menu .title-box {font-weight:400;padding-bottom:7px; }
#f_menu .title-box a{ color:#222;font-size:19px;}
#f_menu .title-box a:hover{ color:#3b9a12 }
#f_menu .title-box i {background: #dddddd none repeat scroll 0 0;display: inline-block;height: 15px;margin: 0 10px 0 3px;position: relative;top: 2px;width: 3px;}
#f_menu a {color: #616059;font-size:15px;}
#f_menu a:hover{ text-decoration:underline; color:#3b9a12; }
#f_menu ul.f_menu {display: inline-block;list-style-type: none;margin-bottom: 10px;margin-top: 0; padding-top:10px;}
#f_menu ul.f_menu li {margin: 7px 0 0 0;position: relative;  }
#f_menu ul dd{ margin-left:0; line-height:20px; font-size:12px; padding-left:5px; }
#f_menu ul dd a{color:#999; }





.table-col { display: table; width: 100%; table-layout: fixed; overflow: hidden; font-size: 15px;}
.table-col .table-col-header{ width:100%; height: 50px;line-height: 50px;border-top: #333 solid 2px;border-bottom: #D2D2D2 solid 1px;font-weight: normal;color: #444;background: #f5f6fa;}
.table-col .table-col-header .title2{ text-align:center;}
.table-col .row{ width:100%;height:50px; line-height:50px; border-bottom:1px solid #ececec}
.table-col div{ float:left;}
.table-col .number{  width:10%;}
.table-col .title{ width:78%;}
.table-col .title .title1{ width:50%; }
.table-col .row .title .title1{ text-align:left;}
.table-col .title .title2{ width:10%}

.table-col .title .title3{width:10%}
.table-col .title .title4{width:10%}
.table-col .title .title5{width:20%}
.table-col .answer{ width:12%; }
.table-col .answer span{ display:inline-block; color:#fff; padding:5px 15px; border-radius:20px; font-size:15px; height:20px; line-height:20px; margin-top:10px;}
.table-col .answer .an_BtnA{ background:#838383;}
.table-col .answer .an_BtnB{ background:#c21227;}
.table-col a{ color:#222;}






.area_subVisual{ height:600px; width:100%;text-align:center;color:#fff;}
.area_subVisual h2{ position:relative; font-size:37px; font-weight:700; letter-spacing:15px; padding-top:270px; padding-bottom:20px;}
.area_subVisual h2:before{ content:''; position:absolute; bottom:0; width:100px; left:50%; margin-left:-50px; border-top:1px #fff solid;opacity: 0.3;}
.area_subVisual h3{ font-size:16px; margin-top:20px;}


@media all and ( max-width: 1920px ){
	.main-visual-item .main-visual-txt-con{margin-top:-161px;} 
	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:72px;}

	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:40px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:20px; line-height:28px;}
	
	.mainContents h1{ font-size:40px;}
	.mainContents h2{ font-size:19px;}
	
	#s01{ padding:100px 0;  margin:0 auto; width:80%;}
	#s01 .inner{padding:70px 50px;}
	
	#s01 .moreBtn{left:50px;}
	
	#s01 .area02 .Carea li p{ font-size:17px;}
	#s01 .area02 .Aarea .sTit{ font-size:40px; line-height:45px;}
	#s01 .area02 .Aarea .bTxt{ font-size:20px; line-height:27px; height:54px;}
	
	#s01 .area03 .Barea p{ font-size:20px; line-height:30px;}
	#s01 .area03 .Barea p span{ font-size:25px;}
	
	#s02{ max-width:100%;}
	#s02 .inner{ width:1200px; }
	#s02 .inner li p{ font-size:21px;}
	
	#f_menu{ max-width:100%;}
	
	#f_menu .f_menu-box{ padding:0 30px;}
	
	.area_subVisual{ height:450px;}
	.area_subVisual h2{ font-size:30px; padding-top:200px;}
	
	#f_menu{ margin:0 auto }

}
@media all and ( max-width: 1800px ){
	
	#s01{ width:90%;}
}

@media all and ( max-width: 1500px ){
	
	#s01{ width:100%;}
	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{ font-size:50px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:35px; margin-bottom:30px;}
	
	#gnb > ul > li > a{ padding:0 20px;}
}

@media all and ( max-width: 1500px ){
		#header .gnbWrap { display:none;}
	#header{height:70px; background:#fff;}
	#header .imglogo{ left:80px; top:19px;}
	#header .imglogo img{ width:225px; }

	
	.topLink{top:25px; right:10px;}
	.topLink a{padding:5px 20px; font-size:13px}
	
	.utill{ top:20px; right:140px;}
		/* Header :: 사이트맵, 네비게이션 버튼 */
	.header-line-btn{ display:block;position:absolute; top:50%; z-index:0; left:20px; margin-top:-20px; /* margin-top: button 크기의 1/2 px */
	width:40px; height:40px; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;	background-color:#404041;transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  	-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);}
	button {margin: 0px;padding: 0px;cursor: pointer;border: 0px;background: none;background-color: rgba(0, 0, 0, 0);}
	.header-line-btn .line{display:block; width:15px; height:2px; background-color:#fff; border-radius:5px; margin: 3px auto;-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.header-line-btn.active .line{background-color:#fff;}
	.header-line-btn.active .line:nth-child(2), .header-line-btn.active .line:nth-child(4){opacity: 0;}
	.header-line-btn.active .line:nth-child(1){ -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); -o-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg);}
	.header-line-btn.active .line:nth-child(3){ -webkit-transform: translateY(-6px) rotate(-45deg);  -ms-transform: translateY(-6px) rotate(-45deg);  -o-transform: translateY(-6px) rotate(-45deg);  transform: translateY(-6px) rotate(-45deg);}
	
}
@media all and ( max-width: 1300px ){
	
	#wrap{ min-width:100%;}

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

	
	

	
	
	#footer .footerCont div.footerMenu{ position:relative; right:0;}

	
	#f_menu .f_menu-box{ padding:0 20px;}
	#f_menu .title-box a{ font-size:17px;}
	#f_menu a{ font-size:13px;}
	
	.area_subVisual{ margin-top:70px; height:300px;}
	.area_subVisual h2{ padding-top:100px;}
	
	
	#s01{ padding:70px 0; width:90%;}
	#s01 .area01{ width:100%; margin-right:auto;}
	#s01 .area01 .Aarea{ display:inline-block; width:47%; margin-right:30px;background-size:80%;}
	#s01 .area01 .Barea{ display:inline-block; width:calc((100% - 49%) - 33px) ; height:500px; background-size:80%;}
	
	#s01 .area02{ width:100%;}
	#s01 .area02 .Aarea{ margin-bottom:35px; height:auto;}
	#s01 .area02 .Aarea .sTit{ margin-top:30px;}
	#s01 .area02 .Carea li{ height:160px;}
	
	#s01 .area03{width: 100%; display: flex;  justify-content: space-between;}
	#s01 .area03 .Aarea, #s01 .area03 .Barea{ height:484px; width: calc((100% / 2) - 10px);}
	#s01 .area03 .Aarea .sTit{ margin-bottom:10px;}
	#s01 .area03 .Aarea .num{ margin-bottom:15px;}
	#s01 .area03 .Barea{background-size:70%;}
	#s01 .area03 .Barea p{ padding-top:50px;}
	
	
	#s02{ padding:90px 0;}
	#s02 .inner{ width:90%; padding:0 5%; }
	#s02 .inner li{width:calc((100% / 3) - 155px) ;height:100px; vertical-align:top;} 
	#s02 .inner li br{ display:none; font-size:14px;}
	#s02 .inner :nth-child(3){ margin-right:0;}
	

	

}




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

	
	.area_subVisual{  height:250px;}
	.area_subVisual h2{ font-size:30px; padding-top:100px;}
	
	#s01{ padding:50px 0; width:95%;}
	.mainContents h1{ font-size:35px;}
	.mainContents h2{ font-size:16px; line-height:20px;}
	 #s01 .area01 .Barea .bTxt{ font-size:15px;}
	 
	 #s01 .moreBtn{ padding:15px 30px; bottom:100px;}
	 #s01 .area02 .Aarea .sTit{ font-size:35px;}
	 #s01 .area03 .Aarea .bTxt{ font-size:16px; padding-top:170px;}
	 #s01 .area03 .Aarea .sTit{ font-size:23px;}
	 #s01 .area03 .Aarea .num{ font-size:30px;}


    #s01 .area03 .Barea .bTxt{ font-size:19px; padding-top:200px;}
	
	 
	 #s02 .inner li{ height:130px;}
	 
	 #footer .footerCont .footerLogo{ position:relative; text-align:center; margin-bottom:10px; }
	 #footer .footerCont address{ position:relative; text-align:center; width:100%; margin:0; }
	 #footer .footerCont div.footerSiteInfo{ margin:0;text-align:center; }
	
	
}
@media all and ( max-width: 900px ){
#s01 .area02 .Carea li p{ font-size:15px;}


	#f_menu{ padding:70px 0;}
	#f_menu .f_menu-box{ width:22%; min-height:150px; max-height:200px; margin-bottom:30px; text-align:center;}
	#f_menu .f_menu-box:nth-child(3) {border-right: none;}
}


@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:-100px}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:30px; line-height:24px; margin-bottom: 15px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:25px;line-height:33px; margin-bottom:25px;}
	.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}
	

	
	
#s01 .area03 .Aarea .bTxt{ font-size:19px; padding-top:170px;}

#s01 .area03 .Barea .bTxt{ font-size:19px; padding-top:200px;}
	

	
	
	
	#s02 .inner li{ width:90%; margin:0 0 15px 0; padding:40px 5%; height:auto	;}
	
	
	
}


@media screen and (max-width:640px) {
	
	
	.utill{ right:20px;}
	.utill li:nth-child(2n+1){border-radius: 15px 0 0 15px; border-right:1px #838383 solid;padding:5px 10px 5px 15px;  }
	.utill li:nth-child(2n+2){border-radius: 0 15px 15px 0px; padding:5px 15px 5px 10px;}
	
	
	#footer .footerCont div.footerSiteInfo br{ display:block}
	.mainContents{ word-break:keep-all;}
	.mainContents h2 br{ display:none;}
	
	.mainContents .sTit{ font-size:27px; line-height:32px; padding:0 15px;}
	.mainContents .bTxt{ font-size:15px; padding:0;}
	.mainContents .bTxt br{ display:none}
	
	.mb70{ margin-bottom:40px;}
	
	.main-visual-item .main-visual-txt-con .main-visual-txt3{ display:none;}
	
	#s01 .area01 .Aarea{ width:100%; height:450px; margin-bottom:15px;}
	#s01 .area01 .Barea{ width:100%; height:500px;}
	#s01 .area02{ width:100%;}
	#s01 .area03{ display: inline-block;}
	
	#s01 .area03 .Aarea{ display:inline-block; width:47%; margin-right:15px; vertical-align:top;}
	#s01 .area03 .Aarea .sTit{ margin:0 30px 20px 30px;}
	#s01 .area03 .Barea{display:inline-block; width:calc((100% - 47%) - 18px) ;vertical-align:top; height:456px;}
	 #s01 .area03 .Barea .bTxt{ font-size:19px; padding-top:100px;}
	 #s01 .area03 .Barea .bTxt a{        width: 90%;  text-align: center; }
	
	#s01 .area02 .Carea li{ margin-right:15px; margin-bottom:15px; width:calc((100% - 25px) / 2)}
	
	#s02 .inner .sTit{ margin-bottom:20px; font-size:40px;}
	#s02 .inner .sTit span{ font-size:40px; line-height:55px;}
	#s02 .inner .bTxt { font-size:15px;}
	
	#s02{ padding:50px 0;}
	#s01 .area03 .Aarea{ margin-right:0; margin-bottom:15px; width:90%; padding:0 5%;}
	#s01 .area03 .Barea{ width:85%; padding:0 10% 0 5%; height:300px; background-size:50%; text-align:right;}
	#s01 .area03 .Barea:before{ top:130px;}

	
	#f_menu{ display:none;}
	
	.main-visual-item .main-visual-txt-con{margin-top:50px}
	.topLink{ display:none;}
	
	
	

	

	

}

@media screen and (max-width:480px) {
	
	#s01 .inner{ padding:50px 30px; }
	#s01 .area01 .Aarea{ height:400px;}
	
	#header .imglogo{ top:25px;}
	#header .imglogo img{ width:170px;}
	

	
	
	

}

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

	#header .imglogo{ left:60px;}
	.utill{ right:10px;}
	.utill li:nth-child(2n+1){border-radius:0; border-right:1px #838383 solid;padding:5px;  }
	.utill li:nth-child(2n+2){border-radius:0; padding:5px;}
	.header-line-btn{ left:10px;}
	
		.table-col .title{ width:65%;}
	.table-col .answer{ width:35%; text-align:right;}
	
	.table-col .answer span{ font-size:13px;}
	
		.topLink a{padding:5px 10px;}
		.main-visual-item .main-visual-txt-con{ padding-left:10%;}
		
		.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:20px; line-height:25px;}
	
	

}

.pl20{ padding-left:20px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt50{ margin-top:50px;}
.mt150{ margin-top:150px;}
.mt100{ margin-top:100px;}

.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb50{ margin-bottom:50px;}
.mb100{ margin-bottom:100px;}


.tc{ text-align:center;}
.br{ border-right:1px #E6E6E6 solid;}

#content .subContent { font-size:15px; line-height:25px;}
#content .subContent h2{ font-size:23px; font-weight:500; margin-bottom:10px; color:#333;}


#content .subContent .area{ position:relative; width:1200px; margin:0 auto;}

.cul01{}

.cul01 li{ position:relative; padding-left:30px; margin-bottom:10px;}
.cul01 span{ position:absolute; top:3px; left:0; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; background:#555; display:inline-block; border-radius:50%; font-size:12px;}


.pointTxt{ color:#e1506e; font-size:20px; font-weight:500; line-height:27px;}

.tab_menu ul li{float:left; display:table;width:calc((100% - 5px) / 3);}
.tab_menu ul li a{display:table-cell; width:100%; height:50px; padding:0 4%; line-height:23px; box-sizing:border-box; border-color:#d3d3d3; border-style:solid; border-width:1px; border-left-width:0; border-top-width:0; text-align:center; vertical-align:middle; color:#20273a; font-size:17px;}
.tab_menu ul li:nth-child(1) a, .tab_menu ul li:nth-child(2) a, .tab_menu ul li:nth-child(3) a{border-top-width:1px;}
.tab_menu ul li:nth-child(1) a, .tab_menu ul li:nth-child(4) a{ border-left:1px #d3d3d3 solid;}
.tab_menu ul li.on a, .tab_menu ul li.active a, .tab_menu ul li a:hover{border-color:transparent; background-color:#0063af; background-repeat:no-repeat; background-position:right center; background-image:url(../images/sub/tab_menu_bg.png); color:#FFF;}

.tabcontent{ display:table;width:100%; padding-top:22px;}
.tabcontent .tabbox{display:none;}
.tabcontent .tabbox.tabbox_0{display:block;}
.tabcontent .tabbox dl{ position:relative; }
.tabcontent .tabbox dl dt{ position:absolute; font-size:27px; font-weight:500; color:#333; line-height:35px; letter-spacing:-1px; }
.tabcontent .tabbox .bg1{background:url(./image/sub/4/page13_icon_bg1.png) 20px 100px no-repeat;}
.tabcontent .tabbox .bg2{background:url(./image/sub/4/page13_icon_bg2.png) 20px 100px no-repeat;}
.tabcontent .tabbox .bg3{background:url(./image/sub/4/page13_icon_bg3.png) 20px 80px no-repeat;}

.tabcontent .tabbox dl dd{ margin-left:270px;}
.tabcontent .tabbox .sTit{ font-weight:500;font-size:17px; margin-bottom:5px; color:#0072bc}
.tabcontent .tabbox .txtBox{ background:#f6e5de; padding:20px 40px; margin-bottom:100px;}





.page7{position: relative; display:table; width:100%; text-align:center;}
.page7 ul{display:inline-block;padding:0;}
.page7 ul li{width:248px;height:248px; display:inline-block;;text-align: center;border: 1px solid #d2d2d2;margin-right: 26px;margin-bottom:26px;}
.page7 ul li:nth-child(4n){margin-right: 0;}
.page7 ul li .department_ico{position:relative;padding: 50px 0 0;display: block;z-index: 2;}
.page7 ul li .department_ico img{max-height: 120px;}
.page7 ul li .department_type{position:relative;font-size: 20px;line-height: 25px;padding: 30px 0 0;color:#666666;z-index: 2;}
.page7 ul li.ma .department_type{color: #333}
.page7 ul li.fs .department_type{color:#52a289;}
.page7 ul li.staff .department_type{color: #6f8caa;}
.page7 ul li a{display: block;position:relative;width: 100%;height:100%;padding: 3px;box-sizing: border-box;;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.page7 ul li a:hover{box-shadow: 0 0px 24px -4px rgba(0, 0, 0, 0.4);}
.page7 ul li a:hover:before{content: "";position: absolute;width:250px;height:250px;top:0;left:0;
    background: #74c3cb;
    background-image: -webkit-linear-gradient(39deg, #72d49d, #74c3cb);
    background-image: -moz-linear-gradient(39deg, #72d49d, #74c3cb);
    background-image: -o-linear-gradient(39deg, #72d49d, #74c3cb);
    background-image: linear-gradient(39deg, #72d49d, #74c3cb);
}
.page7 ul li a:hover:after{content: "";position: absolute;width:244px;height:244px;top:3px;left:3px;background-color: #ffffff;}


.page13{ display:table; width:100%;}
.page13 .s01{}
.page13 .s01 video { margin-bottom: 50px; }
.page13 .s02{background:url(./image/sub/4/page13_bg1.jpg); background-size:cover; padding:100px 0; margin-top:100px;}
.page13 .s03{background:url(./image/sub/4/page13_bg2.jpg) 100% 50%; background-size:cover; padding:100px 0;}
.page13 .s04{ background:#eee; padding:100px 0; margin-top:100px;}
.page13 .s05{ padding:100px 0;}
.page13  .bar{ color:#777; padding:0 10px; font-size:12px;}



.page24{}
.page24 .s01{ width:100%; height:500px; margin-bottom:50px;}
.page24 .s02 table{width:100%; border-top:2px solid #335173; word-break:keep-all;}
.page24 .s02 table th{padding:25px 0 25px 38px; border-bottom:1px solid #eaeaea; font-weight:500; text-align:left; vertical-align:top;}
.page24 .s02 table td{padding:25px 0; border-bottom:1px solid #eaeaea;}
.page24 .s02 table td.bt_none{border-bottom:none;}
.page24 .s02 table td.bd{font-weight:500; vertical-align:top;}
.page24 .s02 table td.pd{padding:25px 0 10px;}
.page24 .s02 table td.pd10{padding:10px 0;}
.page24 .s02 table td.pd25{padding:10px 0 25px;}
.page24 .s02 table td span.txt1{font-weight:400;}
.page24 .s02 table td span.ico{display:inline-block; line-height:24px; margin-right:10px; font-size:14px; color:#fff; text-align:center; vertical-align:middle;}
.page24 .s02 table td span.ico1{width:24px; background-color:#19c139; margin-right:5px; border-radius:50%;}
.page24 .s02 table td span.ico2{width:24px; background-color:#7719c1; border-radius:50%;}
.page24 .s02 table td span.ico3{width:40px; background-color:#2281d9;}
.page24 .s02 table td span.ico4{width:40px; background-color:#6cb8ff;}


.page11{}
.page11 li{ display:inline-block; width:100%; padding:50px 0; border-radius:0 50px 0 0;}
.page11 li:nth-child(1){background:#e1ecf1 url(./image/sub/3/page11_1.png) 100% 100% no-repeat; margin-bottom:100px;}
.page11 li:nth-child(2){background:#e1ecf1 url(./image/sub/3/page11_6.png) 100% 100% no-repeat;margin-bottom:100px;}
.page11 li:nth-child(3){background:#e1ecf1 url(./image/sub/3/page11_7.png) 100% 100% no-repeat;margin-bottom:100px;}
.page11 li:nth-child(4){background:#e1ecf1 url(./image/sub/3/page11_8.png) 100% 100% no-repeat; margin-bottom:100px;}
.page11 li:nth-child(5){background:#e1ecf1 url(./image/sub/3/page11_9.png) 100% 100% no-repeat;}
.page11 .conBox{ position:relative; padding:50px 100px;}
.page11 .pa_01 {padding: 50px 100px 120px 100px;}
.page11 .pa_02 {padding: 50px 100px 220px 100px;}
.page11 .pa_03 {padding: 50px 100px 190px 100px;}

.page11 .conBox .sTit{ font-size:25px; margin-bottom:15px; border-bottom:1px #89b7d1 solid; padding-bottom:15px; margin-bottom:30px;}
.page11 .conBox .sTit span{ font-weight:500; font-size:37px; margin-right:10px;}
.page11 .conBox .sBtn{ position:absolute; right:100px; top:40px; }
.page11 .conBox .sBtn a{padding:10px 30px; background:#006199; color:#fff; margin-left:7px; border-radius:7px;}

.page11 .conBox  dl{ position:relative; margin-bottom:10px;}
.page11 .conBox  dl dt{ position:absolute; top:0; left:0; font-size:17px; font-weight:500;}
.page11 .conBox  dl dd{ margin-left:130px;}

.page12{ text-align:center;}
.page12 li{ display:inline-block;width:calc((100% - 210px) / 2);margin:0 20px; border:1px #ccc solid; vertical-align:top; padding:50px 30px 60px 30px}
.page12 li.tab_3 {display: inline-block; }
.page12 li.tab_4{margin-top: 50px;}

.page12  .sTit{ font-size:22px; margin-bottom:10px; border-bottom:1px #ccc solid; padding-bottom:10px; margin-bottom:10px;}
.page12  .sTit span{ font-size:27px;font-weight:500; margin-right:5px; letter-spacing:-1px;}
.page12  .cTit{ font-size:20px;line-height:27px; margin-bottom:50px; border-top:1px #ddd solid; padding:100px 0 100px 50px;background:url(./image/sub/3/page12_1.jpg) no-repeat; background-size:cover; text-align:left;}
.page12  .cTit span{ font-weight:500; font-size:25px; display:inline-block; margin-bottom:10px;}
.page12  .bTxt{ margin-bottom:20px; line-height:22px;}
.page12 .sBtn{ margin-top:50px;}
.page12 a{padding:10px 30px; background:#006199; color:#fff; margin-left:7px; border-radius:7px; }



.page23{  }
.page23 .sTit{ font-size:37px; font-weight:bold; text-align:center; margin-bottom:50px;  font-family: 'IropkeBatangM'; color:#e1506e; padding-top:30px; letter-spacing:-1px;}
.page23 .s01{}
.page23 .s02{ position:relative;background:url(./image/sub/6/page23_1.jpg) no-repeat 50% 0; padding:100px 0 0 0; margin:100px 0 0 0; height:600px; }

.page23 .s02 .conBox{ font-family: 'IropkeBatangM';position:absolute; bottom:0; left:50%;  width:1100px; margin-left:-650px;background:#fff; padding:50px 100px; font-weight:500; font-size:20px; color:#e1506e; line-height:30px;} 

.page23 .s03 p{ margin-top:45px; }
.page23 .s03 .pTxt{ font-family: 'IropkeBatangM';font-size:20px; color:#e1506e; line-height:30px;}

.tableType2 {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #ccc; }
.tableType2 th {background:#EFF5F8;border-bottom:1px solid #e1ecf1;padding:15px 0;color:#555}
.tableType2 td {border-bottom:1px solid #E6E6E6;padding:15px 0;line-height:18px;word-break:break-all; color:#555; text-align:center;}


.page27{}

.page27 li{ position:relative;width:calc((100% - 88px) / 2); margin:0 20px; display:inline-block; border:1px #ccc solid; padding-top:50px; margin-top:50px; vertical-align:top;box-shadow: 0 0px 15px -4px rgba(0, 0, 0, 0.3);}

.page27 .conBox{ margin-left:220px; height:210px;}

.page27 .imgBox{ position:absolute; top:50px; left:30px;}
.page27 .imgBox img{ width:150px;}
.page27 .btnBox{ width:100%; text-align:  center; padding:30px 0 50px 0; }

.page27 .sTit{ font-size:22px; font-weight:500; margin-bottom:15px; color:#06C}
.page27 .sTit span{ font-weight:300; font-size:17px; color:#333;}
.page27  table{width:90%; margin:0 5%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #ccc; margin-top:30px; }
.page27  table th{ background:#e1ecf9; padding:7px 0; text-align:center;}
.page27  table td{padding:7px 0; text-align:center; border-bottom:1px #ccc solid;}
.page27 a{ display:inline-block;padding:10px 0;width: 150px;text-align: center;border-radius: 15px;color: #fff;cursor: pointer;border: none;font-size: 16px; margin-bottom:15px; margin:0 5px;}
.page27 .btn_bg1{ background:#3775c7;}
.page27 .btn_bg2{ background:#999}

.page28 .sTit{ text-align:center; font-size:20px; margin:50px 0 30px 0; line-height:28px;}
.page28 .sTit span{ color:#06C; font-weight:500;}
.page28 .btnArea{ margin-top:50px; text-align:center; line-height:40px;}
.page28 .btnLink{display:inline-block;padding:7px 0;width:200px;text-align: center;border-radius: 10px;color: #fff;cursor: pointer;border: none; margin-bottom:15px; margin:0 5px;background:#555;}

.tbl_calendar{width:100%; }
.tbl_calendar th{ background:#3775c7; color:#fff; font-size:20px; padding:20px 0;}
.tbl_calendar th a{ color:#fff;}
.tbl_calendar td{border:1px solid #ccc; padding:10px 0; font-size:17px;}





.page35{}
.page35 li{ display:inline-block; width:100%; padding:50px 0; border-radius:0 50px 0 0;}
/*.page35 li:nth-child(1){background:#e1ecf1 url(./image/sub/3/page35_1.png) 100% 100% no-repeat; margin-bottom:100px;}
.page35 li:nth-child(2){background:#e1ecf1 url(./image/sub/3/page35_2.png) 100% 100% no-repeat;margin-bottom:100px;}
.page35 li:nth-child(3){background:#e1ecf1 url(./image/sub/3/page35_3.png) 100% 100% no-repeat;margin-bottom:100px;}
.page35 li:nth-child(4){background:#e1ecf1 url(./image/sub/3/page35_4.png) 100% 100% no-repeat; margin-bottom:100px;}
.page35 li:nth-child(5){background:#e1ecf1 url(./image/sub/3/page35_5.png) 100% 100% no-repeat;}*/
.page35 li:nth-child(1){background:#e1ecf1 url(./image/sub/3/page11_6.png) 100% 100% no-repeat; margin-bottom:100px;}
.page35 li:nth-child(2){background:#e1ecf1 url(./image/sub/3/page11_7.png) 100% 100% no-repeat;margin-bottom:100px;}
.page35 li:nth-child(3){background:#e1ecf1 url(./image/sub/3/page11_8.png) 100% 100% no-repeat;margin-bottom:100px;}
.page35 li:nth-child(4){background:#e1ecf1 url(./image/sub/3/page11_9.png) 100% 100% no-repeat;}
.page35 .conBox{ position:relative; padding:50px 100px;}
.page35 .pa_01 {padding: 50px 100px 120px 100px;}
.page35 .pa_02 {padding: 50px 100px 220px 100px;}
.page35 .pa_03 {padding: 50px 100px 190px 100px;}



.page35 .conBox .sTit{ font-size:25px; margin-bottom:15px; border-bottom:1px #89b7d1 solid; padding-bottom:15px; margin-bottom:30px;}
.page35 .conBox .sTit span{ font-weight:500; font-size:37px; margin-right:10px;}
.page35 .conBox .sBtn{ position:absolute; right:100px; top:40px; }
.page35 .conBox .sBtn a{padding:10px 30px; background:#006199; color:#fff; margin-left:7px; border-radius:7px;}

.page35 .conBox  dl{ position:relative; margin-bottom:10px;}
.page35 .conBox  dl dt{ position:absolute; top:0; left:0; font-size:17px; font-weight:500;}
.page35 .conBox  dl dd{ margin-left:130px;}



@media all and ( max-width: 1200px ){
	#content .subContent .area{ width:96%; margin:0 2%; margin-top:20px;}
	#content .subContent{ margin-bottom:50px;}
	#content .subContent .location{ text-align:center; margin-top:30px;}
	#content .subContent h3.subTitleSubject{margin:20px 0 50px 0;}
	
	
	.page27 li{ width:100%; margin:0 0 20px 0;}
	
	.tabcontent img{ width:100%;}
	
	
}
@media all and ( max-width: 1000px ){
	.page11 li{ padding:0;}
	.page11 .conBox{ padding:50px 35px;}
	.page11 .conBox .sBtn{ right:35px;}
	.page11 li:nth-child(1), .page11 li:nth-child(2),.page11 li:nth-child(3), .page11 li:nth-child(4), .page11 li:nth-child(5){ background-size:70% auto}

	.page35 li{ padding:0;}
	.page35 .conBox{ padding:50px 35px;}
	.page35 .conBox .sBtn{ right:35px;}
	.page35 li:nth-child(1), .page35 li:nth-child(2), .page35 li:nth-child(3), .page35 li:nth-child(4){ background-size:70% auto}

}

@media all and ( max-width: 900px ){
	
	.page12 li{ width:90%; margin:0 0 30px 0; padding:30px 5%;} 
	.page12 .cTit{ background-size: cover; padding:100px 20px; font-size:17px;}
	.page12 .cTit br{ display:none;}
	
	.tab_menu ul li a{ font-size:15px;}
	.tabcontent .tabbox dl dt{ position:relative; margin-bottom:15px; }
	.tabcontent .tabbox dl dt br{ display:none;}
	.tabcontent .tabbox dl dd{ margin:0;}
	.tabcontent .tabbox .bg1, .tabcontent .tabbox .bg2, .tabcontent .tabbox .bg3{ background:none;}
}

@media screen and (max-width:640px) {
	.cscroll_640 {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%; margin-bottom:10px;}
	.cscroll_640 table { width:600px;}
	
	.page7 ul{ text-align:center;}
	
	.area_subVisual h2{ letter-spacing:0;}
	.page11 .conBox{ padding:50px 20px 150px 20px;}
	.page11 .conBox .sBtn{ right:20px;}
	.page11 .conBox dl dt{ position:relative;}
	.page11 .conBox dl dd{ margin:0;}
	.page11 .conBox .sTit{ font-size:20px;}
	.page11 .conBox .sTit span{ font-size:25px; margin-right:5px;}
	.page11 .conBox .sBtn a{ padding:5px 10px;}
	.page11 .conBox .sBtn{ top:50px;}
	.page11 li{ height: auto;}
	.page11 li:nth-child(1), .page11 li:nth-child(2),.page11 li:nth-child(3), .page11 li:nth-child(4), .page11 li:nth-child(5){ background-size:100% auto;}
	.page11 li:nth-child(1){ margin-bottom:30px}

	.page35 .conBox{ padding:50px 20px 150px 20px;}
	.page35 .conBox .sBtn{ right:20px;}
	.page35 .conBox dl dt{ position:relative;}
	.page35 .conBox dl dd{ margin:0;}
	.page35 .conBox .sTit{ font-size:20px;}
	.page35 .conBox .sTit span{ font-size:25px; margin-right:5px;}
	.page35 .conBox .sBtn a{ padding:5px 10px;}
	.page35 .conBox .sBtn{ top:50px;}
	.page35 li:nth-child(1), .page35 li:nth-child(2), .page35 li:nth-child(3), .page35 li:nth-child(4){ background-size:100% auto}
	.page35 li:nth-child(1){ margin-bottom:30px}
	
	
	.page12 .cTit{ padding:50px 20px; background-position:40% 0}
	
	.tab_menu ul li{ width:calc((100% - 5px) / 2);}
	.tab_menu ul li:nth-child(3) a{ border-top-width:0;}
	.tab_menu ul li:nth-child(3) a, .tab_menu ul li:nth-child(5) a{border-left: 1px #d3d3d3 solid;}
	.tab_menu ul li:nth-child(4) a{ border-left:none;}
	
	.mt50{ margin-top:30px;}
	.mt100{ margin-top:50px;}
	.mb100{ margin-bottom:50px;}
	.tabcontent .tabbox .txtBox{ margin-bottom:50px;}
	.page13 .s02{ margin-top:50px; padding:50px 0;}
	.page13 .s03{ padding:50px 0;}
	.cul01 li{ margin-bottom:0px;}
	.page13 .s04{ padding:50px 0; margin-top:50px;}
	.page13 .s05{ padding:50px 0;}
	
	
	
}

@media screen and (max-width:530px) {
	.page7 ul li{ margin:0 10px 20px 10px;}
	
	.page27 .imgBox{ position:relative; top:0; left:0; text-align:center; margin-bottom:20px;}
	.page27 .conBox{ margin-left:0;}
	.page27 .sTit{ text-align:center;}
	.page27 .info_txt{ margin-left:20px;}
	
	.tab_menu ul li a{ font-size:13px;}
	

	
	.tabcontent .tabbox dl dt{ font-size:20px; line-height:25px;}

	
}