@charset "utf-8";
@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');
}


html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{padding:0; margin:0;}
html {width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}
body {padding:0;margin:0;font-size:12px;font-family:'Noto Sans KR', sans-serif;width:100%;height:100%; word-break:keep-all}
input,select,textarea {font-size:12px;font-family:'Noto Sans KR', sans-serif;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
ul { margin:0; padding:0}
ul li { list-style:none;}
#wrap {width:100%; margin:auto;position:relative}
table caption { display:none}

/*헤드영역*/
#headerbg {width:100%;position:absolute;top:0;left:0;z-index:2}
#header {width:100%;position:absolute;top:0;left:0;z-index:2;margin:0 auto}
#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}
#lnb { position:absolute;margin:0 auto;z-index:2; top:0px; right:0}
#lnbbg {width:100%;position:relative;margin:0 auto;z-index:1}
#lnb .lnbWrap {margin:0 auto;}

#content {}
#content .subContent { min-height:500px; font-size:16px; position:relative} 
#content .subContent h3.subTitleSubject { display:none; margin:0;padding:0; text-align:center; font-size:20px;  letter-spacing:-1px;color:#555;  }
/*--서브메뉴--*/
#content .snb { display:none}
#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:0px;font-size:26px;letter-spacing:-2px;font-weight:500;color:#222;text-align:center; height:500px;line-height:500px;}
#content .snb .category ul {padding:0;margin:0; text-align:center;border-bottom:1px #ddd solid;}
#content .snb .category li {list-style-type:none;margin:0;}

#content .snb .category .m2 {font-size:12px;letter-spacing:-1px; display:inline-block; }
#content .snb .category .m2 a {color:#444;display:block;padding:0px 10px;height:35px;line-height:35px; }
#content .snb .category .m2 a:hover {text-decoration:none;color:#ff6000;background-color:#efefef}

#content .snb .category .selected2 a {color:#fff;background:red !important;font-weight:bold; }
#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;}

/*하단정보영역*/
#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_notice {       text-align:center; height:50px; line-height:50px;   border-bottom: 1px solid #535456;    box-sizing: border-box;     width: 100%;    background: #333;   color: #8a8a8a; position:relative; letter-spacing:-1px; z-index:5} 
.footer_notice img { vertical-align:middle; margin-right:10px;}


#footer {margin:0;padding:0 0 20px 0;position:relative !important;left:0;display:block;width:100%;z-index:2; bottom:0}
#footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:-1; bottom:0}

#footer .footerCont {width:100%;margin:0 auto;display:block;position:relative; text-align:center; color:#aeaeae}
#footer .footerCont div.footerMenu {text-align:center;margin-bottom:10px;padding:7px 20px;}
#footer .footerCont div.footerMenu a {color:#ddd;letter-spacing:-1px; font-size:18px !important; font-family:'Noto Sans KR', sans-serif !important; }
#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 {color:#999;text-align:center;width:100%;margin:0 auto}
#footer .footerCont address { font-weight:200; color:#eee;text-align:center;margin-top:15px;}
#footer .footerCont .footerLogo { margin:10px auto; text-align:center}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}

@media only screen and (max-width:414px) { 
#footer .footerCont address  { display:none}
}


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

/*탭메뉴01*/
.tab01 {background: url("./image/bg_tab.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;}
.tab01 ul {margin:0;padding:0;overflow: hidden;padding-left: 1px;width: 100%;}
.tab01 li {background: url("./image/bg_tab.gif") no-repeat scroll -1px top transparent;display: inline;float: left;margin-left: -1px;padding-left: 5px;}
.tab01 li a {background: url("./image/bg_tab.gif") no-repeat scroll right top transparent;display: inline-block;height: 32px;letter-spacing: -1px;line-height: 32px;padding:0 20px 0 16px;text-decoration: none;vertical-align: top;text-align:Center}
.tab01 li a:hover, .tab01 li a:active {text-decoration: none;}
.tab01 li.selected {background-position: 0 -58px;margin-right: 1px;position: static;z-index: 10;}
.tab01 li.selected a {background-position: right -58px;color: #ff6000;font-weight: bold;}

div.depth5 {list-style:none;height:33px;border-bottom:1px #bbb solid;margin-top:5px;}
div.depth5 a{display:inline-block;padding:8px 15px 5px 15px;letter-spacing:-0.5px;margin-right:10px;background:url('./image/common/bul_arrow1.gif') no-repeat 0 10px;font-weight:bold;}
div.depth5 a.selected5 {background:#ff6000;font-weight:bold;color:#fff;-webkit-border-radius: 3px; -moz-border-radius: 3px;}

#pctomobile {visibility:hidden}
#pctomobile_blueb {position:absolute;bottom:-70px;z-index:10000;display:block;width:100%;border:1px #000 solid;background:#e0e0e0;height:70px;text-align:center;font-family:dotum;font-size:24px;color:#fff;line-height:70px;}


#pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe, #bbslist, #bbsview, #bbswrite, #guidebox{ width:1200px; margin:0 auto;}
#guidebox { background:#fff; padding:50px;}
#pages_top{ margin-top:50px;}






.allMenuWrap {z-index: 99;position: absolute;width:30%;right: -100%;top: 0;box-sizing:border-box;background-color: #fff;transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out;}
.allMenuWrap.active {right: 0;}
.allMenuWrap .allMenuWrap_inner {display: table;table-layout: fixed;height: 100%;width: 100%;}
.allMenuWrap .allMenu_inner{display: table-cell;vertical-align: middle;height: 100%;padding: 0 4% 0 12%;overflow-y: auto;}
.allMenu{}
.allMenu {font-size: 0;text-align: center;}
.allMenu > li {position: relative;vertical-align: top;color: #333;box-sizing:border-box;text-align: left;padding-left:180px;margin-bottom: 60px;}
.allMenu > li:last-child {margin-bottom: 0;}
.allMenu > li:last-child {margin-right: 0;}
.allMenu > li > p {display: none;font-size: 36px;line-height: 38px;font-weight: bold;}
.allMenu > li > a {font-size:40px;line-height: 49px;font-weight: 500;position: absolute;left: 0;top: 0;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.allMenu > li > a:after {left: 0;content:'';position: absolute;width: 0;bottom: -6px;height: 2px;background-color: #006a71;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.allMenu > li:hover > a {color: #006a71;}
.allMenu > li:hover > a:after {width: 100%;}
.allMenu > li > a span {position: absolute;font-size: 14px;line-height: 14px;font-weight: bold;color: #006a71;left: 0;top: 0;}
.allMenu .dep2 {}
.allMenu .dep2 > li {display: inline-block;margin-right: 40px; width:100%}
.allMenu .dep2 > li > a{font-size: 18px;line-height: 49px;color: #555;}
.allMenu .dep2 > li > a:hover {color: #333;font-weight: 500;}
.allMenu .dep3 {margin-top: 4px;}
.allMenu .dep3 > li > a{font-size: 16px;line-height: 30px;font-weight: 300;color: #646464;}
.allMenu .dep3 > li > a:before{content:'-';margin-right: 4px;}
.allMenu > li  a{color: #333;display: inline-block;vertical-align: top;}

 



 .fpWrap .fp_item {position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
.fpWrap .fp_item:before {display: none;content:'';position: absolute;width: 1px;height: 100%;background-color: rgba(255,255,255,.5);transition:all .5s .6s ease-in-out;-webkit-transition:all .5s .6s ease-in-out;left: -1px;}
#container.load .fp_item:before {left: 99px;} 
.fpWrap .fp_item1 {background-image: url(/layouts/bluebDesign/image/main/main_bg1.jpg);} 
.fpWrap .fp_item2 {background-image: url(/layouts/bluebDesign/image/main/main_bg2.jpg);}  
.fpWrap .fp_item4 {background-image: url(/layouts/bluebDesign/image/main/main_bg3.jpg);} 
.fpWrap .fp_item5 {background:#ebe8e6;} 
.fpWrap .fp_item6 {background:#fff;} 



#fp-menu { height:100%; display:table;   width: 117px;position: absolute;right: -117px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s .6s ease-in-out;-webkit-transition:all .5s .6s ease-in-out;background: url(/layouts/bluebDesign/image/main/fp-menu.png);} 
#fp-menu ul {display: table-cell; vertical-align: middle} 
#fp-menu.on {right: 0;} 
#fp-menu li {;position: relative;margin-bottom: 30%;color: #fff; text-align:center;font-size: 14px;} 
#fp-menu li a { display: block;line-height: 31px;position: relative;color: #fff;} 
#fp-menu li:last-child a{ background-color:#292929; box-shadow: 2px 2px 5px #000; margin:20px auto 0 auto; width:80%; height:80%; line-height:80px;}
#fp-menu li.csinfo { border-bottom:1px #fff solid; border-top:1px #fff solid; padding:20px 0; width:80%; margin:0 auto;}
#fp-menu li.csinfo dl { margin-bottom:10px;}
#fp-menu li.csinfo dd { font-family:Montserrat}


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

#fp-menu li { margin-bottom:10%}
}

@media only screen and (max-width:768px) { 
#fp-menu { display:none}
}


.visual01::before { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual01-text-01.png') no-repeat; width:540px; height:430px; top:350px; left:200px;background-size:70%;}
.visual01::after { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual01-text-02.png') no-repeat; width:540px; height:430px; top:280px; right:80px; background-size:70%;}

.visual02::before { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual02-text-01.png') no-repeat; width:540px; height:430px; top:280px; left:380px;background-size:70%;}
.visual02::after { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual02-text-02.png') no-repeat; width:540px; height:430px; top:300px; right:200px; background-size:70%;}



@media only screen and (max-width:1920px) { 
 
.visual01::before { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual01-text-01.png') no-repeat; width:540px; height:430px; top:350px; left:280px;background-size:70%;}
.visual01::after { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual01-text-02.png') no-repeat; width:540px; height:430px; top:280px; right:30px; background-size:70%;}
 
}
	



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

.visual01 {background-size:300% !important; background-position: bottom !important; }
.visual01::before { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual01-text-01.png') no-repeat; width:150px; height:150px; top:120px; left:20px;background-size:100%;}
.visual01::after { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual01-text-02.png') no-repeat; width:150px; height:150px; top:40px; right:20px; background-size:100%;}

.visual02 {background-size:300% !important; background-position: bottom !important; }
.visual02::before { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual02-text-01.png') no-repeat; width:150px; height:150px; top:120px; left:20px;background-size:100%;}
.visual02::after { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual02-text-02.png') no-repeat; width:150px; height:150px; top:80px; right:20px; background-size:100%;}

}
				
@media only screen and (max-width:640px) { 

.visual01 {background-size:250% !important; background-position: bottom !important; }
.visual01::before { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual01-text-02.png') no-repeat; width:150px; height:150px; top:100px; left:20px;background-size:100%;}
.visual01::after { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual01-text-01.png') no-repeat; width:150px; height:150px; top:40px; right:20px; background-size:100%;}
.visual02 {background-size:250% !important; background-position: bottom !important; }
.visual02::before { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual02-text-02.png') no-repeat; width:150px; height:150px; top:100px; left:0px;background-size:100%;}
.visual02::after { position:absolute; content:""; background:url('/layouts/bluebDesign/image/main/main_visual02-text-01.png') no-repeat; width:150px; height:150px; top:80px; right:20px; background-size:100%;}

}





/* ******************  메인 비주얼 ********************** */
#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;} 

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

 
 


@media only screen and (max-width:768px) {  
#mainVisual .slick-dots li button { display:none}

}




.fp_inner {margin: 0 auto; padding:0 12%}


.fp_item2 { text-align:left}
.fp_item2 .txt_box {opacity: 0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:translateY(-30px);-webkit-transform:translateY(-30px); margin-top:5%}
.fp_item2 .txt_box a { height: 56px;width: 190px; border-radius:56px;display: inline-block;vertical-align: top;font-size: 17px; line-height: 52px;box-sizing:border-box;border: 2px solid rgba(255,255,255,.4);text-align: center;color: #fff;}
.fp_item2 .txt_box a:hover {transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color: rgba(255,255,255,.8); color:#333}
.fp_item2.on .fp_inner  .txt_box {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
.fp_item2  .txt_box > strong{display: block;font-size: 54px;line-height: 56px;color: #fff;font-weight: 500;}
.fp_item2  .txt_box > span {display: block;font-size:30px;line-height: 26px;color: #23e2ee;margin-bottom: 30px;letter-spacing: -.4px; text-transform:uppercase; font-weight:500;}
.fp_item2  .txt_box > p {font-size:90px;line-height:96px;color: #fff;font-weight: 300;letter-spacing: -.9px; }
.fp_item2  .txt_box > p strong {font-weight: 500; display:block;} 
.fp_item2 .icon_list {margin-top:3%; font-size:1.35em; color:#fff; letter-spacing:-1px; width:65%; font-weight:200}
.fp_item2 .icon_list > li {opacity: 0;transition:transform .5s ease-in-out, opacity .5s ease-in-out;-webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out;transform:translateY(30px);-webkit-transform:translateY(30px);}
.fp_item2 .icon_list > li:nth-child(1) {transition-delay: 0 ;-webkit-transition-delay: 0 ;} 
.fp_item2.on .icon_list > li {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}


@media only screen and (max-width:1920px) {   
	 .fp_item2 .txt_box > span { font-size:24px;}
	 .fp_item2 .txt_box > p { font-size:60px; line-height:66px;}
	 .fp_item2 .icon_list { font-size:1.2rem}
	 .fp_item2 .txt_box a { height:40px; line-height:40px; width:170px;}
}

@media only screen and (max-width:768px) { 
.fpWrap .fp_item2 { background-position:-500px;}
.fp_item2 .txt_box > span { font-size:1.2rem}
.fp_item2 .txt_box p { font-size:2.8rem; line-height:3.2rem}
.fp_item2 .icon_list { font-size:1rem; width:80%}
.fp_item2 .txt_box a p { font-size:1rem}
	 
}
@media only screen and (max-width:414px) {  
.fpWrap .fp_item2 { background-position:-500px;}
.fp_item2 .txt_box > span { font-size:1rem}
.fp_item2 .txt_box p { font-size:1.8rem; line-height:2.2rem}
.fp_item2 .icon_list { font-size:.8rem; width:100%}
.fp_item2 .txt_box { margin-top:10%;}
.fp_item2 .txt_box a { font-size:.8rem;  height:35px; line-height:32px; width:140px;}
}

 








.fp_item3 .main_sec_cont { height:100%}
.fp_item3 .mc2_container { width:100%; height:100%; position:relative; }
.fp_item3 .mc2_container .box { width:50%; height:100%; position:relative; overflow:hidden; }
.fp_item3 .mc2_container .box .wrap { top:0; left:0; width:100%; height:100%; position:relative; } 
.fp_item3 .mc2_container .box_wrap { height:100%}
.fp_item3 .mc2_container .box .wrap .bg_wrap { height:100%}
.fp_item3 .mc2_container .bn_wrap { height:100%}
.fp_item3 .mc2_container .box .wrap .bg_wrap .bg { height:100%;}
.fp_item3 .mc2_container .box .wrap .bg_wrap .bg img { width:100%; height:100%}
.fp_item3 .mc2_container .box .wrap .bg_wrap .on { top:0; left:0; position:absolute; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); }
.fp_item3 .mc2_container .box .wrap .gp_wrap {  height:100%; position:absolute; cursor:pointer; }
.fp_item3 .mc2_container .boxL .wrap .gp_wrap { top:50%; margin-top:-170px; right:0%; margin-right:10%; text-align:right; }
.fp_item3 .mc2_container .boxR .wrap .gp_wrap { top:50%; margin-top:-170px; left:0%; margin-left:10%; }
.fp_item3 .mc2_container .box .wrap .gp_wrap .btnList_wrap { margin-top:0px; position:relative; opacity:0; filter:alpha(opacity=0); }
.fp_item3 .mc2_container .box .wrap .gp_wrap .btnList_wrap .list { float:left; width:100px; height:100px; position:relative; padding:5px; cursor:pointer; }
.fp_item3 .mc2_container .box .wrap .gp_wrap .btnList_wrap .list > div { width:100px; height:100px; position:relative; overflow:hidden; }
.fp_item3 .mc2_container .box .wrap .gp_wrap .btnList_wrap .list .on { top:5px; left:5px; position:absolute; opacity:0; filter:alpha(opacity=0); }
.fp_item3 .mc2_container .box .wrap .gp_wrap .btnList_wrap .list > p { font-size:15px; line-height:15px; color:#999; top:0; margin-top:68px; left:0; position:absolute; width:100%; text-align:center; }

.fp_item3 .mc2_container .pn_wrap { top:50%; margin-top:-80px; left:50%; margin-left:-80px; position:absolute; }
.fp_item3 .mc2_container .pn_wrap > div { float:left; width:80px; height:161px; overflow:hidden; position:relative; cursor:pointer; }
.fp_item3 .mc2_container .pn_wrap > div img { top:0; position:absolute; }
.fp_item3 .mc2_container .pn_wrap .prev img { left:30px; }
.fp_item3 .mc2_container .pn_wrap .next img { right:30px; }

@media only screen and (max-width:1920px) { 
.fp_item3 .mc2_container .boxL .wrap .gp_wrap img,
.fp_item3 .mc2_container .boxR .wrap .gp_wrap img { width:80%}

}
@media only screen and (max-width:768px) { 
	.fp_item3 .mc2_container .box  { width:100%; }
	.fp_item3 .mc2_container .pn_wrap { display:none}
	.fp_item3 .mc2_container .boxR { display:none}
	
	.fp_item3 .mc2_container .box .wrap .bg_wrap .on { display:none !important} 
	.fp_item3 .mc2_container .box .wrap .bg_wrap { display:table}
	.fp_item3 .mc2_container .box .wrap .bg_wrap .bg {  vertical-align:bottom; display:table-cell}
	.fp_item3 .mc2_container .box .wrap .bg_wrap .bg img {height: auto;}
	.fp_item3 .mc2_container .boxL .wrap .gp_wrap { margin-top:0px; top:20%}
	.fp_item3 .mc2_container .boxL .wrap .gp_wrap img { width:85%}
}
@media only screen and (max-width:414px) {  
	.fp_item3 .mc2_container .boxL .wrap .gp_wrap img { width:60%}
}







.fp_item4 { text-align:left}
.fp_item4 .txt_box {opacity: 0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:translateY(-30px);-webkit-transform:translateY(-30px);  }
.fp_item4 .txt_box a { height: 56px;width: 190px; border-radius:56px;display: inline-block;vertical-align: top;font-size: 17px; line-height: 52px;box-sizing:border-box;border: 2px solid rgba(255,255,255,.4);text-align: center;color: #fff;}
.fp_item4 .txt_box a:hover {transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color: rgba(255,255,255,.8); color:#333}

.fp_item4.on .fp_inner  .txt_box {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);} 
.fp_item4  .txt_box span { margin:20px 0; display:block;} 
.fp_item4  .txt_box .bg4img01 { text-align:left}
.fp_item4  .txt_box .bg4img02 { text-align:right; width:90%}
.fp_item4  .fp_item4_text {margin-top:10%; font-size:1.55rem; color:#fff; letter-spacing:-.5px;  font-weight:200}
.fp_item4  .txt_box p {font-size:90px;line-height:96px;color: #fff;font-weight: 300;letter-spacing: -.9px; }
.fp_item4  .txt_box p > strong {font-weight: 500; display:block;color: #d8a409;} 

.title_box,
.img_box { width:45%; display:inline-block;vertical-align: middle;}
.img_box { text-align:right}
.fp_item4 .img_box img:nth-child(1) { position:absolute; z-index:-1}

@media only screen and (max-width:1920px) {    
	 .fp_item4 .txt_box p { font-size:60px; line-height:66px;}
	 .fp_item4 .fp_item4_text { font-size:1.2rem}
	 .fp_item4 .fp_item4_text br { display:none}
	 .fp_item4 .txt_box a { height:40px; line-height:40px; width:170px;}
}


@media only screen and (max-width:768px) { 
.fp_item4 .title_box{ width:75%}
.fp_item4 .txt_box p { font-size:2.8rem; line-height:3.2rem}
.fp_item4 .img_box { display:none}
.fp_item4 .fp_item4_text { font-size:1rem}
}

@media only screen and (max-width:414px) { 
.fp_item4 .title_box { width:95%}
.fp_item4 .txt_box span { margin:10px 0}
.fp_item4 .title_box img { width:8%}
.fp_item4 .txt_box p { font-size:1.8rem; line-height:2.2rem}
.fp_item4 .img_box { display:none}
.fp_item4 .fp_item4_text { font-size:.8rem}
.fp_item4 .txt_box { margin-top:10%;}
.fp_item4 .txt_box a { font-size:.8rem;  height:35px; line-height:32px; width:140px;}
}




/*애니메이션*/ 

.is-rotate{
	animation-name: objRotate;
	animation-duration: 30000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-ms-animation-name: objRotate;
	-ms-animation-duration: 30000ms;
	-ms-animation-timing-function: linear;
	-webkit-animation-name: objRotate;
	-webkit-animation-duration: 30000ms;
	-webkit-animation-timing-function: linear;
}
@keyframes objRotate {
	from {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
	to {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
	}
@-webkit-keyframes objRotate {
	from {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
	to {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
	}
@-ms-keyframes objRotate {
	from {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}
	to {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		}
	}





.fp_item5.on .fp_inner  .txt_box {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
.fp_item5 .txt_box {opacity: 0;text-align:center;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:translateY(-30px);-webkit-transform:translateY(-30px);  }
.fp_item5 .txt_box span { color:#818181;  font-size:1.35rem; text-transform:uppercase; letter-spacing:5px}
.fp_item5 .txt_box h2 { font-size:5.8rem; letter-spacing:-.5px; }
.fp_item5 .txt_box p { font-size:1.35rem; color:#000; font-weight:200; margin-top:0px;}

.fp_item5 .mainBtnList {text-align: center;font-size: 0;margin-top: 50px;}
.fp_item5 .mainBtnList li {display: inline-block;vertical-align: top; box-sizing:border-box;padding: 0 1%; width:26%}
.fp_item5 .mainBtnList li a{display: block; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.fp_item5 .mainBtnList li a:hover {   }
 
.fp_item5 .icon_list > li {opacity: 0;transition:transform .5s ease-in-out, opacity .5s ease-in-out;-webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out;transform:translateY(30px);-webkit-transform:translateY(30px); width:26%}
.fp_item5 .icon_list > li img { width:100%}
.fp_item5 .icon_list > li:nth-child(1) {transition-delay: 0 ;-webkit-transition-delay: 0 ;}
.fp_item5 .icon_list > li:nth-child(2) {transition-delay: .2s ;-webkit-transition-delay: .2s ;}
.fp_item5 .icon_list > li:nth-child(3) {transition-delay: .4s;-webkit-transition-delay: .4s ;}

.fp_item5.on .icon_list > li {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0); }

.fp_item5.on .icon_list > li .eventbox {  padding:7% 0px; margin-top:5%; border-left:1px #bababa solid;border-right:1px #bababa solid}
.fp_item5.on .icon_list > li .eventbox strong { font-size:22px; font-weight:400}
.fp_item5.on .icon_list > li .eventbox p { font-size:17px; font-weight:200}

.fp_item5 .more {color:#fff; background:#425a7e; width:200px; height:50px; line-height:50px; border-radius:150px; display:block; margin:5% auto 0 auto; text-align:center; font-size:18px;}
/*.fp_item5 .more:hover {text-decoration:underline;color:#000000;}*/


@media only screen and (max-width:1920px) { 
.fp_item6 .txt_box span { font-size:1.3rem; font-weight:500}
.fp_item5 .txt_box h2 { font-size:2.8rem}
.fp_item5 .txt_box p { font-size:1rem}
.fp_item5 .mainBtnList { margin-top:30px;}
.fp_item5 .icon_list > li { width:25%}
.fp_item5.on .icon_list > li { width:22%}
.fp_item5.on .icon_list > li .eventbox strong { font-size:17px;}
.fp_item5.on .icon_list > li .eventbox p { font-size:14px;}
.fp_item5 .more { font-size:15px; width:170px; height:40px; line-height:40px; margin-top:2%}
}

@media only screen and (max-width:768px) { 
.fp_item5 .fp_inner { padding:0 5%}
.fp_item5 .txt_box h2 { font-size:2.8rem; line-height:3.2rem}
.fp_item5 .txt_box p { font-size:1rem}
.fp_item5 .icon_list > li { width:33%;}
.fp_item5.on .icon_list > li { width:49%}
.fp_item5.on .icon_list > li .eventbox { padding:7%}
.fp_item5.on .icon_list > li .eventbox strong { font-size:1rem}
.fp_item5.on .icon_list > li .eventbox p { font-size:.8rem}
}
@media only screen and (max-width:414px) { 
.fp_item5 .txt_box span { font-size:.8rem}
.fp_item5 .txt_box h2 { font-size:1.8rem; line-height:2.2rem}
.fp_item5 .txt_box p { display:none}
.fp_item5 .icon_list > li { width:49%;}
.fp_item5.on .icon_list > li:last-child { display:none;}
.fp_item5.on .icon_list > li .eventbox strong { font-size:1rem}
.fp_item5.on .icon_list > li .eventbox p { font-size:.8rem}
.fp_item5 .more  { font-size:.8rem; height:30px; line-height:30px; width:140px; margin-top:10%}

}





 



.fp_item6 .txt_box { opacity: 0;text-align:center;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:translateY(-30px);-webkit-transform:translateY(-30px); }
.fp_item6 .txt_box span { color:#818181;  font-size:1.35rem; text-transform:uppercase; letter-spacing:5px; font-weight:200; margin-bottom:1%; display:block}
.fp_item6 .txt_box h2 img { width:25%} 
.fp_item6.on .fp_inner  .txt_box {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

.fp_item6 .mainBtnList {text-align: center;font-size: 0;margin-top: 50px;}
.fp_item6 .mainBtnList .mainBtnListli {display: inline-block;vertical-align: top; box-sizing:border-box;margin: 0 .5%;}
.fp_item6 .mainBtnList .mainBtnListli a{display: block; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.fp_item6 .mainBtnList .mainBtnListli a:hover {   }
 
.fp_item6 .icon_list .mainBtnListli {opacity: 0;transition:transform .5s ease-in-out, opacity .5s ease-in-out;-webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out;transform:translateY(30px);-webkit-transform:translateY(30px); width:20%; border:1px #eee solid; min-height:100px;}
.fp_item6 .icon_list .mainBtnListli img { width:100%}
.fp_item6 .icon_list .mainBtnListli:nth-child(1) {transition-delay: 0 ;-webkit-transition-delay: 0 ;}
.fp_item6 .icon_list .mainBtnListli:nth-child(2) {transition-delay: .2s ;-webkit-transition-delay: .2s ;}
.fp_item6 .icon_list .mainBtnListli:nth-child(3) {transition-delay: .4s;-webkit-transition-delay: .4s ;}
.fp_item6 .icon_list .mainBtnListli:nth-child(4) {transition-delay: .6s;-webkit-transition-delay: .6s ;}

.fp_item6.on .icon_list .mainBtnListli  {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

.fp_item6.on .icon_list .mainBtnListli .reveiwbox {  padding:10% 0px;  text-align:left; }
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul { margin:0 aauto; padding:0; text-align:center}
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul li { font-size:22px; width:85%; text-align:left; margin:0 auto} 
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul li b { text-transform:uppercase}
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul li span { font-weight:200}

.fp_item6 .more {color:#fff; background:#425a7e; width:200px; height:50px; line-height:50px; border-radius:150px; display:block; margin:5% auto 0 auto; text-align:center; font-size:18px;}
/*.fp_item6 .more:hover {text-decoration:underline;color:#000000;}*/


@media only screen and (max-width:1920px) { 
.fp_item6 .txt_box span { font-size:1.3rem; font-weight:500}
.fp_item6 .txt_box h2 img { width:20%} 
.fp_item6 .icon_list .mainBtnListli { width:20%; min-height:340px;}
.fp_item6.on .icon_list .mainBtnListli  .reveiwbox {   min-height:auto;}
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul li { font-size:17px;letter-spacing: -1px;}
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul li span { font-size:17px;}
.fp_item6 .more { font-size:15px; width:170px; height:40px; line-height:40px;margin-top:2%}
}


@media only screen and (max-width:768px) { 
.fp_item6 .fp_inner { padding:0 5%}
.fp_item6 .txt_box h2 img { width:35%} 
.fp_item6 .icon_list .mainBtnListli { min-height:200px;}
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul li span { font-size:14px;}
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul li { font-size:.8rem}
.fp_item6 .more  { font-size:.8rem}
}

@media only screen and (max-width:414px) { 
.fp_item6 .icon_list .mainBtnListli { width:32%}
.fp_item6.on .icon_list .mainBtnListli:last-child { display:none}
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul li { font-size:.8rem}
.fp_item6 .mainBtnList { margin-top:20px;}
.fp_item6.on .icon_list .mainBtnListli .reveiwbox ul li span { font-size:.8rem}
.fp_item6 .more  { font-size:.8rem; height:30px; line-height:30px; width:140px; margin-top:10%}
.fp_item6 .txt_box span { font-size:.8rem}
}








.inner { width:1200px; margin:2% auto 0 auto; position:relative}







@media only screen and (max-width:1200px) {
	/*공통*/  
	.inner { width:100%;} 
	#pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe, #bbslist, #bbsview, #bbswrite, #guidebox { width:98%; }
	
	#bbslist .sbj a { font-size:.8rem !important}
	#footerbg {  top:0}
}
	



 
@media only screen and (max-width:1920px) {
	.imglogo {top:38px !important}
	.imglogo img { width:280px; height:auto; }
}

@media only screen and (max-width:1024px) {
	.imglogo {top:38px !important}
	.imglogo img { width:200px; height:auto; }
	
} 

@media only screen and (max-width:768px) {
	.imglogo {top:42px !important}
	.imglogo img { width:150px; height:auto; }
}


@media only screen and (max-width:640px) {
	#headerbg,
	#header { height:50px !important;}
	.location { top:50px !important;}
	
	.imglogo {top:15px !important} 
}



/*하단 주의사항*/
@media only screen and (max-width:650px) {
.footer_notice  { height:auto; line-height:normal; padding:2% 0}
}
@media only screen and (max-width:414px) {
.footer_notice  { height:auto; line-height:normal; padding:2% 0; font-size:.8rem}
}


/*하단*/
@media only screen and (max-width:650px) {
#footer .footerLogo{ height:auto !important}
#footer .footerLogo img { width:70%; height:auto}
#footer .footerCont div.footerMenu a { margin:0 .3%; font-size:.9	rem !important}
#footer .footerCont div.footerMenu a:last-child { display:none}
#footer .footerCont div.footerMenu span { display:none}
}