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

/*헤드영역*/
#headerbg {width:100%;position:fixed;top:0;left:0;z-index:99; }
#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;}
#header .gnb {padding:0; text-align:right; margin-right:10px;}
#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:relative;margin:0 auto;z-index:99; top:25px; right:0; left:0; width:60%}
#lnbbg {width:100%;position:absolute;margin:0 auto;z-index:98; bottom:0; display:none}
#lnb .lnbWrap { margin:0 auto;}
.imglogo { position:absolute; left:20px; top:20px;}

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


#content {}
#content .subContent {}
#content .subContent .location {clear:both;font:normal 11px dotum;color:#999;padding:0;text-align:right; display:none}
#content .subContent .location a {color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}
#content .subContent h3.subTitleSubject {margin:0;padding:0; height:500px; line-height:600px; color:#fff; text-align:center; font-size:36px;}
/*--서브메뉴--*/
#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;}

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

#footer .footerCont {width:990px;margin:0 auto;display:block;position:relative;}
#footer .footerCont div.footerMenu {text-align:center;margin-bottom:10px;padding:7px 20px;}
#footer .footerCont div.footerMenu a {    display: inline-block;
    vertical-align: top;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    color: #fff !important;
    opacity: .7;
}
.footerquick { width:100%; margin:0 auto; text-align:center;  padding:15px 0; border-top:1px #eee solid}
.footerquick  ul { padding:0; text-align:left}
.footerquick ul li { display:inline-block; margin-right:35px;}
.footerquick ul li img { height:30px;}
#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; ;margin:0 auto}
#footer .footerCont div.footerSiteInfo p {vertical-align: top;font-size: 16px;line-height: 26px;color: #a6a99e;opacity: .6;margin: 0 6px;}
#footer .footerCont address {font-size: 14px; line-height: 26px; color: #888; margin-top: 10px;font-style:normal; }
#footer .footerCont .footerLogo {position:absolute;left:0;top:0}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}


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

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

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

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

 
 
#pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe, #bbslist, #bbsview, #bbswrite, #guidebox{ width:1200px; margin:0 auto;}
#guidebox { background:#fff; padding:50px;}
#pages_top{ margin-top:50px;}
 
 
 
 
 
  
.img_box > img {max-width:100%;}
.fl {float: left;}
.fr {float: right;}


.amDim {display: none;position: absolute;width: 100%;background-color: rgba(0,0,0,.5);right: 0;top: 0;z-index: 98;}
.main #container {margin-top: 0;}
#headerbtnbtn {position: fixed;left: 0;width: 100%;top: -100px;z-index: 999999;transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;box-sizing:border-box}
#headerbtnbtn.load {top: 0;}
#headerbtnbtn .gnbWrap {position: relative;text-align: center;}
#headerbtnbtn h1 {z-index: 97;position: absolute;width: 126px;height: 63px;left: 60px;top: 18.5px;background-image: url(http://dkgholdings.co.kr/images/main/logo.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;text-indent: -9999px;}
#headerbtnbtn h1 a{display: block;height: 100%;}

#headerbtn #gnb {font-size: 0;text-align: center;display: inline-block;vertical-align: top;}
#headerbtn #gnb > li{display: block;text-align: center;float: left;}
#headerbtn #gnb > li > a{display: block;line-height: 100px;color: #fff;padding: 0 27.5px;font-size: 18px;font-weight: 500;}
#headerbtn #gnb > li > a > span {display: block;position: relative;}
#headerbtn #gnb > li > a > span:after {display: none;bottom: 0;left: 0;content:'';width: 100%;height: 2px;position: absolute;background-color: #8dc63f;transform:scale(0);-webkit-transform:scale(0);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
#headerbtn #gnb > li.on > a > span:after {transform:scale(1);-webkit-transform:scale(1);}
#headerbtn #gnb > li:hover > a > span:after {transform:scale(1);-webkit-transform:scale(1);}
#headerbtn #gnb > li .depth2 {font-size: 0;display: none;padding: 38px 0;box-sizing:border-box;width: 100%;text-align: center}
#headerbtn #gnb:hover > li .depth2 {display: block;}
#headerbtn #gnb > li .depth2:after {clear: both;content:'';display: block;} 
#headerbtn #gnb > li .depth2 > li {text-align: center;display: block;}
#headerbtn #gnb > li .depth2 > li > a{display: block;font-size: 15px;line-height: 38px;font-weight: 500;color: #fff;}
#headerbtn #gnb > li .depth3 {padding-left:14px;}
#headerbtn #gnb > li .depth3 > li > a{position: relative;font-size: 14px;padding-left: 10px;display: block;line-height: 30px;color: #fff;font-weight: 400;}
#headerbtn #gnb > li .depth3 > li > a:before{content:'-';position: absolute;left: 0;top: 0;}
#headerbtn #gnb > li .depth3 > li > a:hover {color: #8dc63f;}
#headerbtn #gnb > li:hover .depth2 > li:hover > a{font-weight: 400;color: #8dc63f;}
#headerbtn  .btn_all_menu {z-index: 100;position: absolute;width: 80px;height:80px;top: 0;right:0px;}
#headerbtn  .btn_all_menu div {position: absolute;width: 33px;height: 25px;left: 50%;top: 50%;margin-left: -16.5px;margin-top: -12.5px;}
#headerbtn  .btn_all_menu span{position: absolute;right: 0;height: 3px;background-color: #fff; transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width: 100%;border-radius: 2px; }
#headerbtn .on span { background-color:#000 !important}
#headerbtn  .btn_all_menu span.barTop{top: 0;}
#headerbtn  .btn_all_menu span.barMid{top: 11px;width: 70%;}
#headerbtn  .btn_all_menu span.barBot{top: 22px;}
#headerbtn  .btn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:12px;}
#headerbtn  .btn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:12px;}
#headerbtn  .btn_all_menu.on .barMid {width: 0;}
#headerbtn .gnbBtn {position: absolute;width: 100px;height: 100px;right: 0;top: 0;z-index: 999;} 
#headerbtn .gnbBtn .gtContact {position: absolute;width: 50%;left: 0;height: 100%;background-image: url(http://dkgholdings.co.kr/images/main/icon_contact.png);background-repeat: no-repeat;background-position: center center;text-indent: -9999px;background-color: #367c2b;}
#headerbtn  .lang {position: absolute;width: 50%;height: 100%;right: 0;top: 0;}
#headerbtn  .lang a{display: block;}
#headerbtn  .lang a span{position: relative;display: block;line-height: 100px;font-family: 'Noto Sans Condensed';font-size: 12px;font-weight: bold;color: #fff;text-align: center;}
.sub #headerbtn  .lang a span {color: #000;}
#headerbtn.fff  .lang a span {color: #000;}
#headerbtn.fff .lang > a span em {background-image: url(http://dkgholdings.co.kr/images/main/lang_arrow.png);}
#headerbtn  .lang > a span em{display: block;position: absolute;left: 50%;bottom: 30%;margin-left: -3.5px;width: 7px;height: 5px;background-repeat: no-repeat;background-image: url(http://dkgholdings.co.kr/images/main/lang_arrow_w.png);transition:transform .2s ease-in-out; -webkit-transition:transform .2s ease-in-out;}
.sub #headerbtn  .lang > a span em {background-image: url(http://dkgholdings.co.kr/images/main/lang_arrow.png);}
#headerbtn  .lang > a.on span em {transform:rotate(180deg);-webkit-transform:rotate(180deg);}

#headerbtn  .lang ul{height: 0;overflow: hidden;
transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;
}
#headerbtn  .lang > a.on + ul {height: auto;}

#headerbtn.active {background-color: #fff;border-bottom: 1px solid #eaeaea;box-shadow:0 0 14px rgba(0,0,0,.4)}
#headerbtn.active:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #eaeaea;top: 100px;z-index: -1;}
.sub #headerbtn:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #eaeaea;top: 100px;z-index: -1;}
#headerbtn.active h1 {background-image: url(http://dkgholdings.co.kr/images/main/logo_c.png);}

#headerbtn.ov {background-color: #fff;border-bottom: 1px solid #eaeaea;box-shadow:0 0 14px rgba(0,0,0,.4)}
#headerbtn.ov:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #eaeaea;top: 100px;z-index: -1;}
#headerbtn.ov h1 {background-image: url(http://dkgholdings.co.kr/images/main/logo_c.png);}

#headerbtn.active #gnb > li > a{color: #000;}
#headerbtn.active #gnb > li .depth2 > li > a {color: #7a7a7a;}
#headerbtn.active #gnb > li .depth2 > li > a:hover {color: #2e3480;font-weight: 700;}
#headerbtn.active #gnb > li:hover > a{}
#headerbtn.active  .btn_all_menu span {background-color: #000;}
#headerbtn.fff  .btn_all_menu span {background-color: #000;}

#headerbtn.ov #gnb > li > a{color: #000;}
#headerbtn.ov #gnb > li .depth2 > li > a {color: #7a7a7a;}
#headerbtn.ov #gnb > li .depth2 > li > a:hover {color: #2e3480;font-weight: 700;}
#headerbtn.ov #gnb > li:hover > a{}
#headerbtn.ov  .btn_all_menu span {background-color: #000;}

#headerbtn.active  .lang {border-color: #000;} 
#headerbtn.active  .lang a span {color: #000;}
#headerbtn.active  .lang > a span em {background-image: url(http://dkgholdings.co.kr/images/main/lang_arrow_c.png);}

#headerbtn.active.fff  .lang {border-color: #fff;} 
#headerbtn.active.fff  .lang a span {color: #fff;}
#headerbtn.active.fff  .lang > a span em {background-image: url(http://dkgholdings.co.kr/images/main/lang_arrow.png);}
#headerbtn .lang ul li a span {line-height: 30px;}
.sub #headerbtn .lang ul {background-color: #fff;}

.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:#f1eee7 url("/layouts/bluebDesign/image/main/fp_item2-bg.png");;} 
.fpWrap .fp_item3 {background-image: url(/layouts/bluebDesign/image/main/main_bg3.jpg);} 
.fpWrap .fp_item4 {background:#fff;} 



.mvWrap .mv_item .txt_box a span em {position: absolute;width: 39px;height: 5px;background-image: url(http://dkgholdings.co.kr/images/main/main_btn_arrow.png);background-repeat: no-repeat;right: 0;top: 50%;margin-top: -2.5px;
  animation-name: arrow;
  animation-duration: .4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
    
  -webkit-animation-name: arrow;
  -webkit-animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes arrow {
  0%   {width:135px;}
  100% {width: 150px;}
}

/* Standard syntax */
@keyframes arrow {
   0%   {width:135px;}
  100% {width: 150px;}
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes scroll {
  0%   {transform:translateY(0);-webkit-transform:translateY(0);}
  100% {transform:translateY(14px);-webkit-transform:translateY(14px);}
}

/* Standard syntax */
@keyframes scroll {
   0%   {transform:translateY(0);-webkit-transform:translateY(0);}
  100% {transform:translateY(14px);-webkit-transform:translateY(14px);}
}


.section_footer {position: relative;z-index: 99999;}
.sub #footer {background-color: #f6f6f6;}
#footer {text-align: center;position: relative;z-index: 99999;padding: 25px 0px;background-color: #2f2f2f;}
#footer .footer_inner {position: relative;}
.footerCont ul {font-size: 0;text-align: center;}
.footerCont ul li{ vertical-align: top;font-size: 16px;line-height: 26px;color: #a6a99e;opacity: .6;margin: 0 6px;}
.footerCont ul li.w100p {width: 100%;margin: 0;}
.footerBtn {margin-bottom: 10px;}
.footerBtn a {display: inline-block;vertical-align: top;font-size: 16px;line-height: 20px;font-weight: 500;color: #fff;opacity: .7;}
.footerBtn a:hover {opacity: 1;}
#footer .copy {font-size: 14px;line-height: 26px;color: #888;margin-top: 10px;}
.split { color:#666}


#container.load .scrollDown{bottom: 50px;opacity: 1;}



.scrollDown {opacity: 0;position: fixed;bottom: 10px;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);color: #fff;text-align: center;z-index: 9999;
transition:all .5s  ease-in-out;-webkit-transition:all .5s  ease-in-out;
}
.scrollDown p {font-size: 14px;line-height: 16px;font-family: 'Noto Sans Condensed';font-weight: 500;
transform:rotate(90deg);-webkit-transform:rotate(90deg);margin-bottom: 15px;opacity: .7;
}
.scrollDown span {display: inline-block;vertical-align: top;
animation-name: scroll;
  animation-duration: .4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
    
  -webkit-animation-name: scroll;
  -webkit-animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}

.main #container.load  .btn_contact {bottom: 70px;opacity: 1;} 
.main .btn_contact {z-index: 99999;text-align: left;position: fixed;color: #fff;left: 100%;margin-left: -200px;opacity: 0;bottom: 20px;font-size: 16px;line-height: 18px;box-sizing:border-box;padding-bottom: 11px;width: 140px;
background-repeat: no-repeat;background-position: right bottom;background-image: url(http://dkgholdings.co.kr/images/main/arrow_qna.png);transition:all .5s  ease-in-out;-webkit-transition:all .5s  ease-in-out;
 animation-name: arrow;
  animation-duration: .4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
    
  -webkit-animation-name: arrow;
  -webkit-animation-duration: .4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}
.main_sec_btnBox {margin-top: 60px;
opacity: 0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:translateY(30px);-webkit-transform:translateY(30px);
}
.fp_item.on .main_sec_btnBox {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);} 

.btn_ove {overflow: hidden;position: relative;display: inline-block;vertical-align: top;text-align: center;width: 150px;height: 50px;}
.btn_ove span {position: relative;z-index: 99;display: inline-block;line-height: 48px;vertical-align: top;padding-right: 17px;font-size: 13px;color: #fff;background-repeat: no-repeat;background-position: right center;background-image: url(http://dkgholdings.co.kr/images/main/btn_inner_arrow.png);}
.btn_ove p {border: 1px solid #fff;box-sizing:border-box;}
.btn_ove:after {z-index: 9;content:'';position: absolute;width: 8px;height: 8px;background-color: #8dc63f;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;right: 0;bottom: 0;}
.btn_ove:hover:after {width: 100%;height: 100%;}

.btn_ove.type2 span {color: #367c2b;background-image: url(http://dkgholdings.co.kr/images/contents/btn_more_arrow.png);}
.btn_ove.type2 p {border: 1px solid #8dc63f;}


#fp-menu {width: 125px;position: absolute;right: -125px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);
transition:all .5s .6s ease-in-out;-webkit-transition:all .5s .6s ease-in-out;
}
#fp-menu.on {right: 59px;}
#fp-menu li {position: relative;margin-bottom: 10px;}
#fp-menu li:last-child {margin-bottom: 0;}
#fp-menu li.on a{opacity: 1;}
#fp-menu li a {opacity: .5;display: block;font-size: 14px;line-height: 31px;position: relative;color: #fff;}
#fp-menu li a span {right: 0;top: 0;position: absolute;width: 31px;height: 31px;border-radius: 100%;border: 2px solid #fff;box-sizing:border-box;transform:scale(0);-webkit-transform:scale(0);transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out}
#fp-menu li.on a span {transform:scale(1);-webkit-transform:scale(1);}
#fp-menu li a:after  {content:'';position: absolute;width: 4px;height: 4px;background-color: #fff;border-radius: 100%;right: 14px;top: 50%;margin-top: -2px;}
#fp-menu li a.togClass:after  {background-color: #000;}
#fp-menu li:last-child{margin-bottom: 0;}
#fp-menu li:nth-child(even) a.active { color:#666}



.fp_item {overflow: hidden;}
.fc_green {color: #8dc63f !important;}

.fp_inner {max-width: 1448px;margin: 0 auto;text-align: center;padding: 0 200px;}


.fp_inner  .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_inner .txt_box a {margin-top: 26px;height: 56px;width: 190px;display: inline-block;vertical-align: top;font-size: 15px; line-height: 52px;box-sizing:border-box;border: 2px solid rgba(255,255,255,.4);text-align: center;color: #fff;}
.fp_item.on .fp_inner  .txt_box {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
.fp_inner  .txt_box > strong{display: block;font-size: 65px;line-height: 75px;color: #fff;font-weight: 500;}
.fp_inner  .txt_box > p {font-size: 65px;line-height:70px;color: #fff;letter-spacing: -2.4px;font-weight:200;}
.fp_inner  .txt_box > p strong {font-weight:500;}
.fp_inner  .txt_box > span {display: block;font-size: 34px; font-family: 'Montserrat';color: #fff;margin-top: 20px;letter-spacing:15px;opacity: .5; text-transform:uppercase}
.fp_item1 .icon_list {font-size: 0;margin-top: 60px;}
.fp_item1 .botTxt {  color: #fff;font-size:250px;opacity: .5; font-family:'Montserrat'; font-weight:bolder; position:absolute; left:0; right:0; bottom:0px; margin:0 auto; padding:0}
.fp_item1 .icon_list li{height: 170px;position: relative;display: inline-block;font-size: 14px;vertical-align: bottom;width: 260px;margin: 0 30px;text-align: left;}
.fp_item1 .icon_list li > div {position: absolute;width: 100%;bottom: 0;height: 140px;box-sizing:border-box;border: 1px solid #fff;padding: 27px 30px;background-repeat: no-repeat;background-position: right bottom;-webkit-background-origin: content-box;
background-origin: content-box;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;
background-color: rgba(0,0,0,.15);
}
.fp_item1 .icon_list li:nth-child(1) > div {background-image: url(http://dkgholdings.co.kr/images/main/main_sec1_icon1.png);}
.fp_item1 .icon_list li:nth-child(2) > div {background-image: url(http://dkgholdings.co.kr/images/main/main_sec1_icon2.png);}
.fp_item1 .icon_list li:nth-child(3) > div {background-image: url(http://dkgholdings.co.kr/images/main/main_sec1_icon3.png);}
.fp_item1 .icon_list li:nth-child(1) > div:hover {background-image: url(http://dkgholdings.co.kr/images/main/main_sec1_icon1_on.png);}
.fp_item1 .icon_list li:nth-child(2) > div:hover {background-image: url(http://dkgholdings.co.kr/images/main/main_sec1_icon2_on.png);}
.fp_item1 .icon_list li:nth-child(3) > div:hover {background-image: url(http://dkgholdings.co.kr/images/main/main_sec1_icon3_on.png);}
.fp_item1 .icon_list li > div span {display: block;font-size: 13px;line-height: 15px;color: #fff;margin-bottom: 46px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.fp_item1 .icon_list li > div p {position: absolute;bottom: 27px;left: 30px;font-size: 20px;line-height: 22px;color: #fff;font-weight: 500;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.fp_item1 .icon_list li > div:hover {height: 100%;background-color: #fff;}
.fp_item1 .icon_list li > div:hover p {color: #333;}
.fp_item1 .icon_list li > div:hover span {color: #a7a9ac;}


.fp_item2 .list_mb .icon_box {display: inline-block;vertical-align: top; height:300px;background-color: rgba(255,255,255,.4);background-repeat: no-repeat;background-position: center center;
transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;margin-bottom: 20px; width:100%}
.fp_item2 .txt_box { margin-bottom:50px;}
.fp_item2 .txt_box span { color:#666}
.fp_item2 .txt_box p { color:#2e3d0d}
.fp_item2 .list_mb {font-size: 0;text-align: center;}
.fp_item2 .list_mb li {text-align: center;display: inline-block;vertical-align: top;box-sizing:border-box;padding: 0 20px; width:30%}
.fp_item2 .list_mb li:nth-child(1) .icon_box {background-image: url(/layouts/bluebDesign/image/main/main_sec2_img1.jpg);}
.fp_item2 .list_mb li:nth-child(2) .icon_box {background-image: url(/layouts/bluebDesign/image/main/main_sec2_img2.jpg);}
.fp_item2 .list_mb li:nth-child(3) .icon_box {background-image: url(/layouts/bluebDesign/image/main/main_sec2_img3.jpg);}
.fp_item2 .list_mb li:nth-child(4) .icon_box {background-image: url(/layouts/bluebDesign/image/main/main_sec2_img4.jpg);}
.fp_item2 .list_mb li a{display: block; position:relative}
.fp_item2 .list_mb li a:hover .icon_box {background-image:;}
.fp_item2 .list_mb li a .txt_area {color: #fff; position:absolute; top:50px; left:50px; text-align:left}
.fp_item2 .list_mb li a .txt_area strong {display: block;font-size:20px;line-height: 24px;margin-bottom: 10px; padding-bottom:10px; position:relative; letter-spacing: -.4px; text-transform:uppercase; font-weight:200}
.fp_item2 .list_mb li a .txt_area p {font-size:34px;line-height: 22px;letter-spacing: -.4px; font-weight:500}
.fp_item2 .icon_list {margin-top: 68px;}

.fp_item3 .txt_box  { text-align:left}
.fp_item3 .txt_box .light_green { color:#748e3d; font-size:20px; line-height:26px; letter-spacing:-1px; margin-top:50px;}
.fp_item3 .list_pl {font-size: 0;margin:0px;width:50%;position: relative; float:right; padding:10% 0%}
.fp_item3 .list_pl .slick-arrow {position: absolute;z-index: 999;top: 50%; margin-top: -52px;color: #fff;text-indent: -9999px;width: 22px;height: 61px;background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;}
.fp_item3 .list_pl .slick-prev {left: 0;background-image: url(http://dkgholdings.co.kr/images/main/main_pf_arrow_prev.png);}
.fp_item3 .list_pl .slick-next {right: 0;background-image: url(http://dkgholdings.co.kr/images/main/main_pf_arrow_next.png);}
.fp_item3 .list_pl {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_item3.on .list_pl {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);} 
.fp_item3 .list_pl li {width: 33.33333%;display: inline-block;vertical-align: top;padding:20px 40px;} 
.fp_item3 .list_pl li .img_box {position: relative;}
.fp_item3 .list_pl li img { margin-bottom:10px;}
.fp_item3 .list_pl li strong { font-size:22px; color:#000; font-weight:400}
.fp_item3 .list_pl li  p {line-height: 26px;font-weight: 400;margin-top: 10px; color:#ccc; font-size:18px;}
.fp_item3 .list_pl li a > p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;letter-spacing: -.4px;}
.fp_item3 .list_pl li .img_box .ovBox {transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;opacity: 0;position: absolute;width: 100%;top: 0;height: 100%;left: 0;overflow-y: auto;background-color: rgba(0,0,0,.5); box-sizing:border-box}
.fp_item3 .list_pl li a:hover .img_box .ovBox {opacity: 0;} 
.fp_item3 .list_pl li .img_box .ovBox li p {font-weight: 300;font-size: 15px;line-height: 20px;margin-top: 0;}
.fp_item3 .list_pl li .img_box .ovBox li {padding: 0;display: table;table-layout: fixed;width: 100%;position: relative;text-align: left;color: #fff;margin-bottom: 10px;}
.fp_item3 .list_pl li .img_box .ovBox li:last-child {margin-bottom: 0;}
.fp_item3 .list_pl li .img_box .ovBox li strong {font-size: 15px;line-height: 20px;width: 88px;box-sizing:border-box;padding-right: 20px;left: 0;top: 0;font-weight: 500;}
.fp_item3 .list_pl li .img_box .ovBox li > * {display: table-cell;vertical-align: top;}
.icon { background-color:#fff; padding:7%}
.icon li { display:inline-block; width:49%; margin:0%}  

.fp_item4 .txt_box { margin-bottom:50px;}
.fp_item4 .txt_box span { color:#dfdfdf}
.fp_item4 .txt_box p { color:#2e3d0d}
.fp_item4 .mainBtnList {text-align: center;font-size: 0;margin-top: 50px;}
.fp_item4 .mainBtnList li {display: inline-block;vertical-align: top;width:580px;box-sizing:border-box;padding: 0 5px;}
.fp_item4 .mainBtnList li a{display: block;border: 2px solid rgba(255,255,255,.4);line-height: 52px;font-size: 15px;color: #fff;font-weight: 500;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out; text-align:left}
.fp_item4 .mainBtnList li a:hover {background-color: rgba(255,255,255,1);color: #000;}
.fp_item4 .mainBtnList li a strong { font-size:26px; letter-spacing:-2px; color:#3c3c3c; font-weight:500; margin:15px 0px; display:block}
.fp_item4 .mainBtnList li a p { font-size:17px; color:#797979; line-height:25px; letter-spacing:-1px; font-weight:200}
.fp_item4 .mainBtnList li a img { width:100%}
.fp_item4 .mainBtnList li a span { margin-top:30px; color:#455b16;font-family: 'Montserrat'; display:block}



.fp_item5 .icon_list {font-size: 0;margin-top: 45px;}
.fp_item5 .icon_list > li {display: inline-block;vertical-align: top;margin: 0 34px;}
 
.fp_item .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_item .icon_list > li:nth-child(1) {transition-delay: 0 ;-webkit-transition-delay: 0 ;}
.fp_item .icon_list > li:nth-child(2) {transition-delay: .2s ;-webkit-transition-delay: .2s ;}
.fp_item .icon_list > li:nth-child(3) {transition-delay: .4s;-webkit-transition-delay: .4s ;}
.fp_item .icon_list > li:nth-child(4) {transition-delay: .6s;-webkit-transition-delay: .6s ;}
.fp_item.on .icon_list > li {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
   


#vContent { font-size:15px; font-weight:300}
#bbsview .viewbox .subject h1 { letter-spacing:-1px; padding:40px 0 !important; font-weight:400 !important}
 
@media screen and (max-width: 1920px){    

	.fp_inner .txt_box > span { letter-spacing:7px}
	
	.fp_item1 .botTxt { font-size:200px;}

	.fp_item2 .list_mb li a .txt_area strong { margin:0px; font-size:26px;}
	.fp_item2  .txt_box > p {font-size:35px;line-height:40px;letter-spacing: -2.4px;font-weight:200;}
	.fp_item2 .txt_box > span { margin:0; font-size:24px;}
	.fp_item2 .list_mb .icon_box { width:100%; height:200px; background-size:cover}
	.fp_item2 .txt_box { margin-top:30px}
	.fp_item2 .icon_list { margin:0px;}
	.fp_item2 .list_mb li a .txt_area p { font-size:26px;}
	
	.fp_item3  .txt_box > p {font-size:40px;line-height:40px;letter-spacing: -2.4px;font-weight:200;}
	.fp_item3 .list_pl { padding:5% 0%}
	.fp_item3 .list_pl li { padding:20px}
	.fp_item3 .list_pl li strong { font-size:18px;}
	.fp_item3 .list_pl li p { font-size:15px;}
	

	.fp_item4  .txt_box > p {font-size:35px;line-height:40px;letter-spacing: -2.4px;font-weight:200;}
	.fp_item4 .txt_box > span { margin:0; font-size:24px;}
	.fp_item4 .mainBtnList li a strong { font-size:22px}
	.fp_item4 .mainBtnList li a p { font-size:15px}
	
	.fp_item4 .mainBtnList li { width:35%}
	.fp_item4 .mainBtnList { margin:0 }
	.fp_item4 .txt_box { margin:0}
}    


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




.imglogo  img { width:25%; height:auto}
#headerbtn .btn_all_menu {  right:0px;}
.allMenuWrap { width:50%}
.allMenuWrap .allMenu_inner { padding:0 12%}
.allMenu > li { padding:0; margin-bottom:25px;}
.allMenu > li > a { font-size:22px; position:relative}
.allMenu .dep2 > li { margin-left:0px;}
.allMenu .dep2 > li > a { font-size:15px; line-height:40px;}
#headerbtn .on span { background-color:#000 !important}



#fp-menu { display:none}
.fp_inner { max-width:100%; padding:100px 0}
.fp_inner .txt_box > p { font-size:40px; line-height:46px;}
.fp_inner .txt_box > span { font-size:24px; margin:0; letter-spacing:3px;}


.fp_item1 .botTxt { display:none}
.fp_item1 br { display:none}
.fp_item1 .txt_box  { width:80% !important; margin:0 auto}
.fp_item1 .txt_box > p { font-size:40px; line-height:46px;}
.fp_item1 .txt_box > span { display:none}

.fp_item2 .txt_box { margin-bottom:20px; margin-top:0}
.fp_item2 .list_mb li { width:65%}
.fp_item2 .list_mb li a .txt_area { text-align:left; top:15%; left:10%; margin:0 auto}
.fp_item2 .list_mb li a .txt_area strong { font-size:26px; margin-bottom:0px; padding-bottom:10px;}
.fp_item2 .list_mb li a .txt_area p { font-size:24px;}
.fp_item2 .list_mb .icon_box { width:100%; height:180px; margin-bottom:10px}


.icon { background:none; padding:0}
.fpWrap .fp_item3 { background-position:right} 
.fp_item3 .txt_box .light_green { font-size:15px; display:none; line-height: 22px; margin-top:25px;}
.fp_item3 .txt_box { text-align:inherit; margin-bottom:5%;}
.fp_item3 .list_pl { width:80%; margin:0px auto; padding:0}
.fp_item3 .list_pl li { padding:5% 3%; margin:1%; background-color:#fff; width:30%}
.fp_item3 .list_pl li img { height:50px;} 
.fp_item3 .list_pl li strong { font-size:16px;}
.fp_item3 .list_pl li p { margin-top:5px;}
.fp_item3 .fl { float:inherit;}
.fp_item3 .fr { float:inherit}
 
.fp_item4 .mainBtnList li { width:75%; margin:0 auto;  display:block;}
.fp_item4 .mainBtnList li a { line-height:inherit}
.fp_item4 .mainBtnList li a strong { font-size:16px; margin:0; text-align:center; letter-spacing:-.4px} 
.fp_item4 .mainBtnList li a span:last-child{ display:none}
.fp_item4 .mainBtnList li a p { display:none}

#footer .copy { font-size:12px;}
.footerBtn a {  font-size:14px;}
.footerCont ul li { font-size:14px; line-height:18px;    letter-spacing: -.4px;}
}


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

.imglogo  img { width:40%; height:auto}
#headerbtn .btn_all_menu {  right:0px;}
.allMenuWrap { width:100%}
.allMenuWrap .allMenu_inner { padding:0 10%}
.allMenu > li { padding:0; margin-bottom:10px;border-bottom: 1px #ccc dashed; padding-bottom:10px;}
.allMenu > li > a { font-size:17px; position:relative; line-height:30px}
.allMenu .dep2 > li { margin:0px; padding:0; border:0px;}
.allMenu .dep2 > li > a { font-size:14px; line-height:26px;}
.allMenu > li > a:after { display:none}


#fp-menu { display:none}
.fp_inner { max-width:100%; padding:100px 0}
.fp_inner .txt_box > p { font-size:30px; line-height:36px;}
.fp_inner .txt_box > span { font-size:14px; margin:0; letter-spacing:3px;}


.fp_item1 .botTxt { display:none}
.fp_item1 br { display:none}
.fp_item1 .txt_box  { width:80% !important; margin:0 auto}
.fp_item1 .txt_box > p { font-size:34px; line-height:40px;}
.fp_item1 .txt_box > span { display:none}

.fp_item2 .txt_box { margin-bottom:20px; margin-top:0}
.fp_item2 .list_mb li { width:100%}
.fp_item2 .list_mb li a .txt_area { text-align:left; top:15%; left:10%; margin:0 auto}
.fp_item2 .list_mb li a .txt_area strong { font-size:14px; margin-bottom:0px; padding-bottom:5px;}
.fp_item2 .list_mb li a .txt_area p { font-size:16px;}
.fp_item2 .list_mb .icon_box { width:100%; height:85px; margin-bottom:10px}


.icon { background:none; padding:0}
.fpWrap .fp_item3 { background-position:right} 
.fp_item3 .txt_box .light_green { font-size:15px; display:none; line-height: 22px; margin-top:25px;}
.fp_item3 .txt_box { text-align:inherit; margin-bottom:5%;}
.fp_item3 .list_pl { width:80%; margin:0px auto; padding:0}
.fp_item3 .list_pl li { padding:7% 3%; margin:1%; background-color:#fff; width:40%}
.fp_item3 .list_pl li img { height:50px;}
.fp_item3 .list_pl li p { display:none}
.fp_item3 .list_pl li strong { font-size:14px;}
.fp_item3 .fl { float:inherit;}
.fp_item3 .fr { float:inherit}
 
.fp_item4 .mainBtnList li { width:75%; margin:0 auto;  display:block;}
.fp_item4 .mainBtnList li a { line-height:inherit}
.fp_item4 .mainBtnList li a strong { font-size:14px; margin:0; text-align:center; letter-spacing:-.4px} 
.fp_item4 .mainBtnList li a span:last-child{ display:none}
.fp_item4 .mainBtnList li a p { display:none}

#footer .copy { font-size:12px;}
.footerBtn a {  font-size:14px;}
.footerCont ul li { font-size:14px; line-height:18px;    letter-spacing: -.4px;}
}







.subcont { padding:50px 0; font-size:16px; }
.subcont .subminititle {display: block;color: #465b16;font-size: 16px;font-family:'Montserrat';font-weight: 600;line-height: 1;margin-bottom: 25px; text-align:center; letter-spacing:-1px; text-transform:uppercase}

.company h3 { text-align:center;display: block; font-weight:300;color: #000;font-size: 42px;line-height:52px;margin-bottom: 95px; letter-spacing:-1px}
.company h3 strong { font-weight:500}
.company .companyimg li { display:inline-block; margin:0 auto; text-align:center}
.company .companyimg { margin-bottom:95px;}
.company p { text-align: left;     color: #666;    font-size: 20px;    line-height: 34px; font-weight:300; letter-spacing:-1px;}
.company .sign { text-align:right; margin-top:50px; font-weight:300; letter-spacing:-1px;}
.company .sign span { font-weight:400; font-size:20px; margin-left:10px;} 



.map h3 { text-align:center;display: block; font-weight:300;color: #000;font-size: 42px;line-height:52px;margin-bottom:55px; letter-spacing:-1px}
.map h3 strong { font-weight:500} 
.map .mapimg { margin-bottom:55px; text-align:center}
.map .mapimg li { display:inline-block; margin:0 auto; text-align:center}
.map p { text-align:center;     color: #666;    font-size: 20px;  margin-bottom:20px; font-weight:300; letter-spacing:-1px;} 




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

	#pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe, #bbslist, #bbsview, #bbswrite, #guidebox{ width:90% !important; }

	#footer .footerCont { width:100%; }
	#footer .footerCont div.footerMenu a { font-size:14px !important;}
	#footer .footerCont div.footerSiteInfo p { font-size:14px;}
	.inner { width:90% !important}
	.company h3, .map h3 { font-size:20px; line-height:normal; margin-bottom:10%}
	 .company p, .map p { font-size:14px; line-height:26px;}
	.companyimg, .mapimg { text-align:center; margin-bottom:10% !important}
	.companyimg li, .map li { width:32.333%}
	.companyimg li img, .map li img { width:100%}
	
}