@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');
}
@font-face {
	font-family: 'nanummyeongjo';
	font-style: regular;
	font-weight: 500;
	src: url(./fonts/nanum-myeongjo-v6-korean_latin-regular.woff2) format('woff2'), 
	url(./fonts/nanum-myeongjo-v6-korean_latin-regulard.woff) format('woff'),  
	url(./fonts/nanum-myeongjo-v6-korean_latin-regular.otf) format('opentype');
}
@font-face {
	font-family: 'nanummyeongjo';
	font-style: bold;
	font-weight: 700;
	src: url(./fonts/nanum-myeongjo-v6-korean_latin-700.woff2) format('woff2'), 
	url(./fonts/nanum-myeongjo-v6-korean_latin-700.woff) format('woff'),  
	url(./fonts/nanum-myeongjo-v6-korean_latin-700.otf) format('opentype');
}




html {width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}
body {padding:0;margin:0;font-size:12px;font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;width:100%;height:100%}
input,select,textarea {font-size:12px;font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
#wrap {width:100%;height:100%;margin:auto;position:relative}
h1, h2, h3, h4, h5, p, span, li, a {font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;}

/*헤드영역*/
#header .shop-link{display: none;}
#headerbg {width:100%;position:absolute;top:0px;left:0;z-index:1; }
#header {width:1200px;position:relative;top:50px;left:0;z-index:2;margin:0 auto;text-align:center;}
#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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;}
#header .gnb {position:absolute;padding:0;width:360px;text-align:right; right:0px;}
#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 "Noto Sans KR",Noto Sans KR;}
#header .gnb .admin a {color:#ff0000;}
#header .headUserHtml {color:#fff}
#lnb {width:100%;position:absolute;margin:0 auto;z-index:2;}
#lnbbg {width:100%;position:relative;margin:0 auto;z-index:1}
#lnb .lnbWrap {width:1200px;margin:0 auto;}

#content {}
#content .subContent { width:100%; margin:0 auto;}
#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; font-size:32px;font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;font-weight:500;letter-spacing:-1px;margin:90px 0px; color:#333; text-align:center;background:url(./image/main/bar-03.png) no-repeat center bottom; padding-bottom:50px; }
/*--서브메뉴--*/
#content .snb {width:100%;padding:0;margin:0 auto;}
#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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;
	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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;
	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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;font-size:11px;letter-spacing:-1px;line-height:130%}
#content .snb .mybox .login .lbody li .comment {font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;font-size:11px;color:#E75801;padding-left:3px;}
#content .snb .mybox .login .lbody li .new {font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;font-size:10px;color:#ff0000;}
#content .snb .mybox .login .lbody li .reply {font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}


#content .snb .category {padding:0;   width:100%;}
#content .snb .category h2 {margin:0px;font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;font-size:40px;letter-spacing:-1px;font-weight:400;color:#fff;text-align:center; height:475px;line-height:380px;}
.category-bg { height:250px; width:100%;  background: url(./image/category-bg.png) repeat-x top; position:absolute; top:225px;}
#content .snb .category ul {padding:0;  text-align:center; width:100%; margin-top:200px;}
#content .snb .category li {list-style-type:none;margin:0 auto; display:inline-block; }

#content .snb .category .m2 {letter-spacing:-1px; text-align:center;}
#content .snb .category .m2 a {font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;color:#444;display:block;padding-left:0px;height:50px;line-height:50px; width:185px; border:1px #ccc solid; margin:5px 3px;font-size:17px; border-radius:10px}
#content .snb .category .m2 a:hover {text-decoration:none;color:#b61c21;background-color:#efefef}

#content .snb .category .selected2 a { background-color:#b61c21; color:#fff;font-weight:600; }
#content .snb .category .selected2 a:hover {color:#fff; text-decoration:none; background-color:#b61c21; }
#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; padding:10px 0;border-top:none; position:absolute;}
#content .snb .category ul li ul li.m3 {font-weight:normal;font-size:12px;border-bottom:none; border-right:1px #ccc solid; }
#content .snb .category ul li ul li.m3:last-child {border-right:0px #eee solid}
#content .snb .category ul li ul li.m3 a { font-size:15px;font-weight:normal;font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;color:#000;display:unset;height:20px;line-height:20px; border:0px; letter-spacing:-1px; background-color:#fff; width:85px;}
#content .snb .category ul li ul li.m3 a:hover {text-decoration:none;color:#b61c21;background-color:#fff;}
 
#content .snb .category ul li ul li.selected3 a {color:#b61c21;font-weight:500; }
#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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;font-size:11px;color:#ddd;letter-spacing:-1px;}
#footerInfoWrap .customerCont a {color:#fff;}
#footerInfoWrap .customerCont a:hover {color:#ff6000;}

/*하단*/
#footer {margin:0;padding:0 0 20px 0;position:absolute;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;}

#footer .footerCont {width:1200px;margin:0 auto;display:block;position:relative; padding-top:20px;}
#footer .footerCont div.footerMenu {text-align:center;margin-bottom:0px;padding:25px 0px;}
#footer .footerCont div.footerMenu a {font-size:17px !important;font-family:'Noto Sans KR' !important ;color:#fff !important ;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a b { font-weight:600;}
#footer .footerCont div.footerMenu a:hover {color:#ff6000}
#footer .footerCont div.footerMenu .split {font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;font-size:15px;color:#c0c0c0;}

#footer .footerCont div.footerSiteInfo {font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif; font-size:15px;color:#858585;text-align:center;width:100%;margin:0 auto}
#footer .footerCont address {font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;font-size:15px;font-style:normal;color:#858585;text-align:center;margin-top:0px;}
#footer .footerCont .footerLogo { }
#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:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif;font-size:24px;color:#fff;line-height:70px;}


/**/
#pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe, #bbslist, #bbsview, #bbswrite, #guidebox, #scraplist, #paperlist, #friendlist, #pointlist, #loglist {width: 1200px; margin: 0 auto; padding: 30px 0;}



/*메인*/

.main {  width:100%;}
.main .tilte-b { font-family:nanummyeongjo; font-size:48px; letter-spacing:-1px; margin:0px; padding:0px; font-weight:600;background:url(./image/main/bar-01.png) no-repeat center bottom; padding-bottom:50px; margin-bottom:50px; text-align:center;}
.main .title-s { font-size:22px; color:#747474; width:320px; margin:0 auto; font-weight:300; text-align:center; word-break:keep-all; line-height:28px;}
.main .title-g { font-family:nanummyeongjo; font-size:36px; letter-spacing:-1px; margin:0px; padding:0px; font-weight:600;background:url(./image/main/bar-02.png) no-repeat left bottom; padding-bottom:20px; margin-bottom:20px; text-align:left; color:#2e6145; text-transform:uppercase}
.main .title-n { font-size:15px; color:#747474; width:180px; margin:0; font-weight:300; text-align:left; word-break:keep-all; display:block;}
.main .tilte-w { font-family:nanummyeongjo; font-size:48px; letter-spacing:-1px; margin:0px; padding:0px; font-weight:600;background:url(./image/main/bar-04.png) no-repeat center bottom; padding-bottom:50px; margin-bottom:50px; text-align:center; color:#fff;}
.main .tilte-p { font-family:nanummyeongjo; font-size:36px; letter-spacing:-1px; margin:0px; padding:0px; font-weight:600;background:url(./image/main/bar-03.png) no-repeat center bottom; padding-bottom:50px; margin-bottom:50px; text-align:center; }
.main .more-btn { padding:2px 5px; font-size:15px; letter-spacing:-1px; border:2px #dddddd solid; display:block; color:#2e6145; text-align:center; width:100px; margin-top:35px; font-weight:400;}


.visual{ position:relative; z-index:1; width: 100%; }
.visual ul { margin:0; padding:0px;}
.visual ul li { height:740px; }
.visual ul li a { display:block; }
.visual ul li .inner { position:relative; height:740px; width:100%; margin:0 auto; }

.vis_tit01 { z-index:1;position:absolute; top:280px; text-align:center; width:100%; opacity:0; font-size:24px; font-weight:400; letter-spacing:-1; color:#e2bd7e;}
.vis_tit02 { z-index:1; font-family:nanummyeongjo; position:absolute; top:280px; text-align:center; width:100%;opacity:0; font-size:56px; font-weight:600; letter-spacing:-1; color:#fff; line-height:70px;  word-break:keep-all;}
.vis_txt { z-index:1; position:absolute; top:580px; right:-200px; opacity:0; }


.vis_tit03 { z-index:1;position:absolute; top:280px; text-align:center; width:100%; opacity:0; font-size:24px; font-weight:400; letter-spacing:-1; color:#e2bd7e;}
.vis_tit04 { z-index:1; font-family:nanummyeongjo; position:absolute; top:280px; text-align:center; width:100%;opacity:0; font-size:56px; font-weight:600; letter-spacing:-1; color:#fff; line-height:70px;  word-break:keep-all;}
.vis_txt2 { z-index:1; position:absolute; top:580px; left:-200px; opacity:0; } 

.vis_bok { z-index:1; position:absolute; bottom:25px; right:212px; }
.vis_bg { position:absolute; top:0px; left:0px; }
.vis_tit01_01 { z-index:1; position:absolute; top:215px; left:50%; margin-left:-535px; }
.visual ul { overflow:hidden; }
.bx-clone * { display:none !important; }
.visual .bx-pager { position:absolute; bottom:60px; width:100%; text-align:center; }
.visual .bx-pager div { display:inline-block; text-align:center; margin-left:7px; }
.visual .bx-pager div:first-child { margin-left:0px; }
.visual .bx-pager a { display:inline-block; width:24px; height:24px; text-indent:-9999px; background:url('./image/main/pager.png') no-repeat; }
.visual .bx-pager a.active { background:url('./image/main/pager_on.png') no-repeat; }



#header .mobile_list{ display:none}


.main .chapter01-bg {background:url(./image/main/icon-bg.jpg) no-repeat center; background-size: auto 100%; } 
.main .chapter01 { width:100%;margin:0 auto;  text-align:center; padding:70px 0px;}
.main .chapter01 ul { margin-top:100px; padding:0px;}
.main .chapter01 ul li { display:inline-table; vertical-align:top; margin:20px;width:250px; height:250px;  list-style-type:none; }
.main .chapter01 ul li p { font-size:19px; width:160px;word-break:keep-all; margin:0 auto; text-align:center; letter-spacing:-1px; margin-top:30px; line-height:24px;}  
.quick_menu li a {display:block; vertical-align:top; color:#333; font-size:16px; line-height:26px; position:relative; padding:260px 0 0 0px; text-decoration:none; text-align:center;width:250px;}
.quick_menu li a span {line-height:26px;}
.quick_menu li a:before {content:""; display:block;width:250px; height:250px;border-radius:100%; position:absolute; left:0; top:0; background-size:100% auto !important;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.quick_menu li.bn01 a:before {background:url(./image/main/quick_menu_icon1.png) no-repeat center top;}
.quick_menu li.bn02 a:before {background:url(./image/main/quick_menu_icon2.png) no-repeat center top;}
.quick_menu li.bn03 a:before {background:url(./image/main/quick_menu_icon3.png) no-repeat center top;}
.quick_menu li.bn04 a:before {background:url(./image/main/quick_menu_icon4.png) no-repeat center top;} 
.quick_menu li.bn05 a:before {background:url(./image/main/quick_menu_icon5.png) no-repeat center top;}
.quick_menu li a:hover, .quick_menu li a:active { color:#b61c21}
.quick_menu li a:hover:before, .quick_menu li a:active:before { background-position:center -252px;}



.main .chapter02 {  max-width:2000px;  margin:0px auto; text-align:center;}
.main .chapter02 ul { margin:0 auto; padding:0px; display:inline-block;}
.main .chapter02 ul li { position:relative;  max-width:100%; float:left;width: calc(100% / 3); list-style:none; margin:0px; padding:0px; overflow:hidden; max-height:700px;}  
.main .chapter02 ul li .box-text { position:absolute; top:70px; text-align:center; width:100%;}
.main .chapter02 ul li  img { text-align:center;  height:100%; transition: all 2.0s ease;   -moz-transition: all 3.0s ease;  -ms-transition: all 3.0s ease;  -webkit-transition: all 3.0s ease;  -o-transition: all 3.0s ease;}
.main .chapter02 ul li:hover img {transform: scale(1.2);  -moz-transform: scale(1.2);  -webkit-transform: scale(1.5);  -o-transform: scale(1.2);  -ms-transform: scale(1.2);  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=2.0, M12=0, M21=0, M22=2.0, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=2.0, M12=0, M21=0, M22=2.0, SizingMethod='auto expand'); /* IE6 and 7 */ } 
.main .chapter02 ul li .box-text span { font-size:12px;  height:30px; line-height:30px; display:block; width:20%; margin:0 auto; font-weight:400}
.main .chapter02 ul li .box-text h5 { font-size:36px; font-family:nanummyeongjo; margin:30px auto; padding:0px; letter-spacing:-1px; font-weight:600; width:270px; word-break:keep-all;}
.main .chapter02 ul li .box-text p { font-size:17px;  width:290px; margin:0 auto; word-break:keep-all; line-height:22px; font-weight:300;}
.main .chapter02 ul li .color_g { color:#5a4618}
.main .chapter02 ul li .color_g span { color:#5a4618; border-top:1px solid #5a4618; border-bottom:1px solid #5a4618;}
.main .chapter02 ul li .color_r { color:#ae372c}
.main .chapter02 ul li .color_r span { color:#ae372c; border-top:1px solid #ae372c; border-bottom:1px solid #ae372c;}
.main .chapter02 ul li .color_w { color:#fff}
.main .chapter02 ul li .color_w span { color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff;}

.main .chapter03-bg { max-width:2000px; background:url(./image/main/icon-bg.png) no-repeat top center;  background-size: auto 100%; margin:0 auto;}
.main .chapter03 { width:100%; padding:90px 0px;text-align:center;} 
.main .chapter03 p { color:#fff;}
.main .chapter03 ul { margin:60px 0px 0px 0px ; padding:0px; text-align:center;}
.main .chapter03 ul li { list-style:none; position:relative; display:inline-block; width:300px; margin:15px; height:300px; background:url(./image/main/li-bg.png) no-repeat center bottom; }
.main .chapter03 ul li img { padding-top:60px;}
.main .chapter03 ul li p { font-size:22px; margin:30px 0px; padding:0px;}
.main .chapter03 ul li span { color:#fff; width:80%; text-align:center; margin:0 auto; font-size:16px; font-weight:400;padding-top:20px; border-top:1px #fff solid; display:block;}


.lineAni{display:inline-block;position:absolute;top:0;left:0;z-index:0;width: calc(100% - 0px);height: calc(100% - 0px);overflow:hidden;  }
.lineAni_top{content:'';display:inline-block;position:absolute;z-index:1;top: 0;left: 0;width:0%;height:10px;background:#fff;opacity:0;transition:all .5s ease-out;}
.lineAni_bottom{content:'';display:inline-block;position:absolute;z-index:1;bottom: 0;left: 0;width:0%;height:10px;background:#fff;opacity:0;transition:all .5s ease-out;}
.lineAni:hover {transition:all .5s ease-in-out;} 

a:focus .lineAni .lineAni_top,.lineAni:hover .lineAni_top{width:100%;opacity:1;transition:all .5s ease-in-out;}
a:focus .lineAni .lineAni_bottom,.lineAni:hover .lineAni_bottom{width:100%;opacity:1;transition:all .5s ease-in-out;}
.lineAni_right{content:'';display:inline-block;position:absolute;z-index:1;top: 0;right: 0;width:10px;height:0%;background:#fff;opacity:0;transition:all .5s ease-out;}
.lineAni_left{content:'';display:inline-block;position:absolute;left: 0;z-index:1;top: 0;width:10px;height:0%;background:#fff;opacity:0;transition:all .5s ease-out;}
a:focus .lineAni .lineAni_right,.lineAni:hover .lineAni_right{height:100%;opacity:1;transition:all .5s ease-in-out;}
a:focus .lineAni .lineAni_left,.lineAni:hover .lineAni_left{height:100%;opacity:1;transition:all .5s ease-in-out;} 


.main .chapter04 { width:1200px; margin:0 auto;padding:90px 0px; } 
.main .chapter04 .notice { display:inline-block; width: calc(100% / 2);  }
.main .chapter04 .chapter04-title { float:left; width:30%;}
.main .chapter04 .qna { width:49%; float:right;}

.main .chapter05-bg { width:100%; background-color:#f2f2f2;}
.main .chapter05 { width:1200px; margin:0 auto; padding:90px 0px;}
.main .chapter05 .gallery { display:inline-block; width:100%;}
.main .chapter05 .gallery .chapter05-title { float:left;}

.main .chapter06 { max-width:1500px; margin:0 auto; padding:60px 0px;} 
.main .chapter06 .partner { margin:60px auto 0px auto; text-align:center; padding:0; list-style:none;}
.main .chapter06 .partner ul { margin:0; padding:0;}
.main .chapter06 .partner li {  }  
.main .chapter06 .partner li img {}



	.footer_banner_zone{position:relative; width:100%;  padding:15px 0;}
	.footer_banner_zone .bannerWarp{ position:relative; width:1200px; margin:0 auto;} 
	.footer_banner_zone .bannerWarp .flow_banner_box{position:relative; width:1200px; height:75px; overflow:hidden;}
	.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area{position:absolute; top:0px; left:50%; margin-left:-600px;}
	.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul{*zoom:1; margin:0; padding:0;}
	.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul:after{content:""; display:block; clear:both;}
	.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li{float:left;  list-style-type:none;border:1px #eee solid; display:inline-block; margin:10px; text-align:center;}
	.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li a{}
	.footer_banner_zone .bannerWarp .flow_banner_box .flow_bann_area ul li img{  width:150px; } 


.banner{ text-align:center; margin:30px 0;}
.banner .tilte-p { font-family:nanummyeongjo; font-size:36px; letter-spacing:-1px; margin:0px; padding:0px; font-weight:600;background:url(./image/main/bar-03.png) no-repeat center bottom; padding-bottom:50px; margin-bottom:50px; text-align:center; }
.banner span{ padding:0 15px;}
.banner  .chapter06 { max-width:1500px; margin:0 auto; padding:60px 0px;} 




/*sub*/
.color_dip-red { color:#b61c21;}
.color_dip-orange { color:#ed6a23;}
.bold { font-weight:600;}
#sub { padding-bottom:50px;} 
.sub-cont { width:1200px; margin:0 auto;} 

/*page61 비전과 미션*/


/*sec01*/

.page61 .sec01 {margin: 0 30px;}
.page61 li {list-style: none;}
.page61 .sub-cont {width: 1300px;}
.page61 .sub-cont .title {text-align: center !important; margin-bottom: 50px;}
.mission-wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
.mission-icon {padding: 15px 95px; text-align: center;}
.mission-icon p {font-size: 23px; color: #fff; font-weight: 600; margin-top: 10px;}
/*/wrap {max-width: 288px;}*/
.wrap01 .mission-icon {background: #f5901c;}
.wrap02 .mission-icon {background: #e5781d;}
.wrap03 .mission-icon {background: #d3561c;}
.wrap04 .mission-icon {background: #be3219;}


.border::after {display: block;content: "";width: 1px;height: 70px;background: #000;margin: 30px auto;}

.txt-wrap li {padding-left: 25px;}
.txt-wrap li:before{content: '하나.';margin-left: -40px; padding-right: 10px;}
.mission-txt .txt-wrap {font-size: 15px; padding: 0 0 0 15px; text-align: left; line-height: 25px;}
.mission-txt {font-size: 17px; text-align: center; font-weight: 600;}

.wrap01 .mission-txt {border: 1px solid #f5901c; border-radius: 30px; padding: 20px;}
.wrap02 .mission-txt {border: 1px solid #e5781d; border-radius: 30px; padding: 20px;}
.wrap03 .mission-txt {border: 1px solid #d3561c; border-radius: 30px; padding: 10px;}
.wrap04 .mission-txt p {border: 1px solid #be3219; border-radius: 20px; padding: 20px; margin-bottom: 10px;}


/*sec02*/

.sec02-bg {background: url(/layouts/bluebDesign_2018/image/sub/53/mission_bg.jpg)no-repeat center center fixed; height: auto; padding: 70px 0; background-size: cover; display: flex; align-items: center;}

.sec02{margin: 100px 0;}
.sec02 .sub-cont {width: 1400px;}
.sec02 .sub-inner {display: flex; justify-content: space-between;}
.sec02 .inner {display: flex; text-align: center;font-size: 18px; font-weight: 500; align-items: center;}
.sec02 .inner .arrow {margin-left: 30px;}
.sec02 .inner ul {padding-left: 0;}
.sec02 .inner_tit {color: #e0ff00; margin: 30px 0;}
.sec02 .inner_subtit {color: #fff;}
.sec02-wrap01 ul {color: #fff; font-size: 20px; line-height: 50px; padding-left: 0;}

.sec02-wrap01 {text-align: left;}


.sec02-wrap03, .sec02-wrap04 {width: 220px;}
.sec02-wrap02, .sec02-wrap03, .sec02-wrap04 {border: 1px solid #fff; padding: 35px 20px;}
.sec02-wrap02{margin-left: 40px;}
.sec02-wrap04{margin-left: 55px;}



@media all and (max-width:1300px){
	.sub-cont {width: 100% !important;}
	.wrap {width: 45%; margin-bottom: 30px;}
	
	.sec02 .sub-inner {display: block;}
	.sec02 .inner01 { margin-bottom: 30px;}
	.sec02 .inner {justify-content: space-between; padding: 0 70px;}
}

@media all and (max-width:960px){
	.sec02 .inner {display: block;}
	.sec02 .inner .arrow {display: none;}
	.sec02-wrap02, .sec02-wrap03, .sec02-wrap04 {width: 100%;}
	.sec02-wrap03 {margin-bottom: 30px;}
	.sec02-wrap02, .sec02-wrap04 {margin-left: 0;}
}


@media all and (max-width:670px){
	.wrap {width: 100%;}
}

@media only screen and (max-width:420px) {
	.sec02-wrap02, .sec02-wrap03, .sec02-wrap04 {width: auto;}
	.page60 .company h3 { font-size:21px !important; line-height: 30px !important;}
	}



/*map*/
.sub-cont .map { text-align:center; margin-bottom:30px;}
.sub-cont .map h3 { color:#b61c21; font-size:24px;margin-bottom:30px; font-weight:400}
.sub-cont .map ul { margin:30px 0px 0px 0px; padding:0;}
.sub-cont .map ul li { list-style:none; font-size:16px; line-height:20px; background:url('./image/sub/li-bg.jpg') left 5px no-repeat; font-weight:300;}
.sub-cont .map ul li b { margin-right:20px; color:#ed6a23;}

/*company*/ 
.page60 .company { text-align:center; }
.page60 .company h3 { font-size:30px; line-height:40px;font-weight:500;width:50%; word-break:keep-all; margin:0 auto 50px;;}
.page60 .company p { font-size:17px; font-weight:300; margin:50px auto 50px auto; width:80%; word-break:keep-all;}
.page60 .company .sign { text-align:right; font-size:15px; color:#333; font-weight:300; width:100%; text-decoration:underline}
.page60 .company .sign strong { font-size:24px; letter-spacing:2px; font-family:nanummyeongjo;}


/*공장둘러보기*/
.sub-cont .factory  {   text-align:center; margin:0px 0px 50px 0px; padding-bottom:50px; display:inline-block; width:100%; border-bottom:1px #ddd solid;} 
.sub-cont .factory:last-child { border-bottom:0px; margin:0px; padding:0px;}
.sub-cont .factory h3 { color:#b61c21; font-size:22px;margin-bottom:30px;}
.sub-cont .factory .around-data { margin: 0 0 50px 0; text-align: center;}
.sub-cont .factory .around-data:last-child { margin-bottom:0px;}
.sub-cont .factory .around-data h4 { color:#b61c21; font-size:20px;margin:0; font-weight:400; text-align:left; margin:30px 0px 10px 0px}
.sub-cont .factory .around-data ul {padding:0; margin:0;}
.sub-cont .factory .around-data ul li {list-style:none; font-size:15px;font-weight:300; line-height:26px;background:url(./image/sub/li-bg.png) no-repeat left 11px; text-align:left; padding-left:15px;}  
.sub-cont .around-data ul li p  { background-color:#b61c21; border-radius:10px; color:#fff; margin-top:15px; padding:0px 5px; display:block; font-size:15px; font-weight:400} 
.sub-cont .around-data ul.make {padding:0; margin:0;}
.sub-cont .around-data ul.make li { display:inline-block; background:none; text-align:center; margin:10px ; padding:10px 25px; } 
.sub-cont .around-data ul.make li img { border:2px #CCC solid; border-radius:100%; width:115px}
.sub-cont .around-data .arrow {width: 10px !important;}
.sub-cont .factory:last-child { margin-bottom:0px;}
.sub-cont .factory .factory-num { margin-bottom:30px;}
.sub-cont .factory .factory-num p{font-size: 24px;color:#666666;padding:0px; font-weight:300;} 
.sub-cont .factory .factory-num span { background-color:#b61c21; font-size:26px;margin:0px  auto; color:#fff; border-radius:100%; height:50px; width:50px; line-height:50px; display:block; text-align:center;}
.sub-cont .factory .factory-num h3 { color:#b61c21; font-size:24px;margin:10px 0px; font-weight:400;  padding:0;} 
.t_color { text-align:left; font-size:14px; margin-top:10px; display:block; color:#333;}
  

/*연구소*/
.sub-cont .laboratory  {   text-align:center; display:inline-block; width:100%;} 
.sub-cont .laboratory .laboratory-num { margin-bottom:30px; position:relative}
.sub-cont .laboratory .laboratory-num p{font-size: 24px;color:#666666;padding:0px; font-weight:300;} 
.sub-cont .laboratory .laboratory-num span { background-color:#b61c21; font-size:26px;margin:0px  auto; color:#fff; border-radius:100%; height:50px; width:50px; line-height:50px; display:block; text-align:center;}
.sub-cont .laboratory .laboratory-img span a { display:block; color:#fff; font-size:16px; padding:5px 10px; border:1px #fff solid; width:150px; margin:15px auto 0px auto; text-align:center}
.sub-cont .laboratory .laboratory-num h3 { color:#b61c21; font-size:24px;margin:10px 0px; font-weight:400;  padding:0;}  
.sub-cont .laboratory .laboratory-img { position:relative; width:1200px; margin:0 auto; text-align:center; height:270px; font-size:32px; text-transform:uppercase;color:#fff;  background:url('./image/sub/55/img55-04.jpg'); padding-top:180px; letter-spacing:-1px;} 




/*제품정보*/
.page68 { background:url(./image/sub/54/meju-bg-01.jpg) no-repeat; background-position:center 405px;} 
.sub-cont .goods  {   text-align:center; margin-bottom:50px; padding-bottom:50px; display:inline-block; width:100%; border-bottom:1px #eee solid;} 
.sub-cont .goods-line  { } 
.sub-cont .goods:first-child { margin-bottom:0px; border-bottom:0px #ccc solid;}
.sub-cont .goods:last-child { margin:0px; padding:0px;border-bottom:0px #ccc solid;}

.sub-cont .goods .goods-num { margin-bottom:30px;}
.sub-cont .goods .goods-num p{font-size: 20px;color:#666666;padding:0px; font-weight:300;} 
.sub-cont .goods .goods-num span { background-color:#b61c21; font-size:26px;margin:0px  auto; color:#fff; border-radius:100%; height:50px; width:50px; line-height:50px; display:block; text-align:center;}
.sub-cont .goods .goods-num h3 { color:#b61c21; font-size:24px;margin:10px 0px; font-weight:400;  padding:0;} 

.sub-cont .goods .goods-img { margin-bottom:0px;} 
.sub-cont .goods .goods-img p { font-size:15px; margin-bottom:20px; font-weight:300} 

.sub-cont .goods .goods-data { display:inline-block;vertical-align:top; text-align:left; border-right:1px #ccc solid; padding-right:30px; margin-right:30px; width:280px; height:200px;}
.sub-cont .goods .goods-data:last-child { border:0px; padding:0px; margin:0px;} 

.sub-cont .goods .goods-data h4 { font-size:24px; margin:0;padding:0px 0 15px; font-weight:400;  color:#b61c21; text-align:center;   letter-spacing:-0.5px;  word-break:keep-all} 
.sub-cont .goods .goods-data ul { margin:0px; padding:0px; }
.sub-cont .goods .goods-data ul li { font-size:14px; line-height:23px; color:#666666;  list-style:none; background:url(./image/sub/li-bg.png) no-repeat left 16px; text-align:left; padding: 5px 0 5px 10px; font-weight:300;  }
.sub-cont .goods .goods-data ul li:last-child { margin-bottom:0px;}   

.sub-cont .goods .goods-data-01 {  height:240px; margin-top:40px;}

.sub-cont .goods .goods-data-02  { width:220px; padding:30px 0px 20px 0px; height:180px; background-color:#fff; border:3px #ddd solid;  display:inline-block; vertical-align:top; margin:5px;  box-shadow: 0 0px 10px -6px rgba(0, 0, 0, 0.2);}
.sub-cont .goods .goods-data-02 h4 { font-size:18px; font-weight:400; color:#000; margin:15px 0px 10px 0px; padding:0px;} 
.sub-cont .goods .goods-data-02 ul { margin:0px auto; padding:5px; }
.sub-cont .goods .goods-data-02 ul li { font-size:15px; line-height:22px;   list-style:none; text-align:center; font-weight:300; }
.sub-cont .goods .goods-data-02 ul li:last-child { margin-bottom:0px;}

/*table*/
.member-data { margin-bottom:60px;}
.member-data:last-child { margin-bottom:0px;}
.member-data h4 { font-size:17px; font-weight:400; margin:0px; padding:0px;}
.member-data table { width:100%;border-top:2px #b61c21 solid;}
.member-data table th { background-color:#eee; font-size:15px; height:60px; line-height:60px; font-weight:400;border-left:1px #ddd solid;border-bottom:1px #ddd solid; text-align:center;}
.member-data table th:last-child { border-right:1px #ddd solid;}
.member-data table td {font-weight:300; border-left:1px #ddd solid;border-bottom:1px #ddd solid; height:40px; line-height:40px; text-align:center; font-size:15px;}
.member-data table td:last-child { border-right:1px #ddd solid;}


/*연혁*/ 


.sub-cont .hi-mem  {   text-align:center; display:inline-block; width:100%;} 
.sub-cont .hi-mem .hi-mem-num { margin-bottom:30px; position:relative}
.sub-cont .hi-mem .hi-mem-num p{font-size: 24px;color:#666666;padding:0px; font-weight:300;} 
.sub-cont .hi-mem .hi-mem-num span { background-color:#b61c21; font-size:26px;margin:0px  auto; color:#fff; border-radius:100%; height:50px; width:50px; line-height:50px; display:block; text-align:center;}
.sub-cont .hi-mem .hi-mem-num h3 { color:#b61c21; font-size:24px;margin:10px 0px; font-weight:400;  padding:0;}  
.sub-cont .hi-mem .hi-mem-img { position:relative; width:1200px; margin:0 auto; text-align:center; height:270px; font-size:32px; text-transform:uppercase;color:#fff;  background:url('./image/sub/53/mem-bg.jpg'); padding-top:180px; letter-spacing:-1px;} 

.history_year_list {} 
.history_year_list .btm_list_box {padding:35px 0 0 0; background:url('./image/sub/bg_history02.gif') repeat-y center top;}
.history_year_list .btm_list_box:after {content:""; display:block; clear:both;}
.history_year_list .btm_list_box dl.left {float:right; width:50%; padding-bottom:35px;}
.history_year_list .btm_list_box dl.left dt {position:relative; text-align:left; font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif; font-size:40px; color:#b61c21; line-height:40px; padding:0 0 34px 21px;}
.history_year_list .btm_list_box dl.left dt span.circle {position:absolute; top:10px; left:-6px; display:block; width:13px; height:23px; background:url('./image/sub/icon_history01.gif') no-repeat left top;}
.history_year_list .btm_list_box dl.left dt span.kor {display:inline-block; font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif; font-size:26px; line-height:26px; padding-top:9px; vertical-align:top;}
.history_year_list .btm_list_box dl.left dd {position:relative; font-size:15px; color:#7d7d7d; line-height:25px; padding:0 0 10px 123px;}
.history_year_list .btm_list_box dl.left dd p {position:absolute; top:1px; left:22px; font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif; font-size:19px; color:#1e1e1e; padding:0 0 0 15px; background:url('./image/sub/dot_gray01.gif') no-repeat left 9px;}
.history_year_list .btm_list_box dl.left dd span {display:block; text-align:left}
.history_year_list .btm_list_box dl.right {float:left; width:50%; padding-bottom:97px; text-align:right;}
.history_year_list .btm_list_box dl.right.first {padding-top:97px;}
.history_year_list .btm_list_box dl.right dt {position:relative; font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif; font-size:40px; color:#b61c21; line-height:40px; padding:0 17px 33px 0;}
.history_year_list .btm_list_box dl.right dt span.circle {position:absolute; top:10px; right:-7px; display:block; width:13px; height:23px; background:url('./image/sub/icon_history01.gif') no-repeat left top;}
.history_year_list .btm_list_box dl.right dt span.kor {display:inline-block; font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif; font-size:26px; line-height:26px; padding-top:9px; vertical-align:top;}
.history_year_list .btm_list_box dl.right dd {position:relative; font-size:15px; color:#7d7d7d; line-height:25px; padding:0 123px 10px 0;}
.history_year_list .btm_list_box dl.right dd p {position:absolute; top:1px; right:20px; font-family:'Noto Sans KR', Dotum, Gulim, AppleGothic, Sans-Serif; font-size:19px; color:#1e1e1e; padding:0 14px 0 0; background:url('./image/sub/dot_gray01.gif') no-repeat right 9px;}
.history_year_list .btm_list_box dl.right dd span {display:block;}
.history_year_list .btm_list_box dl.last {padding-bottom:0;}
.history_year_list .btm_list_box dl.left.ty02 {padding-bottom:170px;}
.history_year_list .btm_list_box dl.right.ty02 {padding-bottom:05px;}
.history_year_list .btm_list_box dl.pt01 {padding-top:130px !important;}
.history_year_list .btm_list_box dl.pt02 {padding-top:280px !important;}
.history_year_list .btm_list_box dl.pt03 {padding-top:165px !important;}
.history_year_list .btm_list_box dl.pt04 {padding-top:185px !important;} 
.history_year_list .btm_list_box dl.pt05 {padding-top:265px !important;} 


/*조직도*/
.membg { background:#f9f9f9; background-size:100%; padding-top:50px;}
.page62 { width:100%; margin:0 auto;text-align:center; } 
.page62 .member-data table { background-color:#fff; }
.page62 .sub-cont .organ { width:1200px;  position:relative; margin-bottom:30px;}
.page62 .sub-cont .organ ul { margin:0 auto; text-align:center; padding:0px;}
.page62 .sub-cont .organ ul li {list-style:none;position:relative;text-align:center;}
.page62 .sub-cont .organ ul .organ-01 {margin:0 auto;}
.page62 .sub-cont .organ ul .organ-02 {}
.page62 .sub-cont .organ ul .organ-02 ul { margin:0px 80px; padding:0px; display:inline-block; vertical-align:top}
.page62 .sub-cont .organ ul .organ-02 ul li {}
.page62 .sub-cont .organ ul .organ-03 { float:left}
.page62 .sub-cont .organ ul .organ-04 {float:left; width:218px}
.page62 .sub-cont .organ ul .organ-05 {float:right; right:81px;position:absolute;}
.page62 .sub-cont .organ ul .line-h { height:30px; width:1px; background-color:#ccc; margin:0 auto;}
.page62 .sub-cont .organ ul .line-w {height:1px; width:712px; background-color:#ccc; margin:0 auto;}
.page62 .sub-cont .organ ul .line-w01 {height:1px; width:330px; left:80px; background-color:#ccc; position:absolute;}
.page62 .sub-cont .organ ul .line-w02 {height:1px; width:168px; right:80px; background-color:#ccc; position:absolute;}
.page62 .sub-cont .organ ul .organ-box {margin:0 auto; border:1px #eee solid; width:150px;  padding:15px 20px;  }
.page62 .sub-cont .organ ul .color-red {background-color:#b61c21;  color:#fff;  border:1px #b61c21 solid;}
.page62 .sub-cont .organ ul .color-orange {background-color:#ed6a23; color:#fff;border:1px #ed6a23 solid;}
.page62 .sub-cont .organ ul .color-gray {background-color:#fff; }  
.page62 .sub-cont .organ ul .organ-box h5 { font-size:20px; margin:5px 0px; font-weight:500; padding:0px;}  



/*운영원칙*/ 
#sub.page67 .section .inner h3{font-size: 32px;line-height: 36px;text-align: center; color:#b61c21}
#sub.page67 .section .inner p{font-size: 22px;line-height: 34px;color: #000;text-align: center;padding-top: 0px;}
#sub.page67 .section.howtodoit{padding:0px 0 0;background:url(../images/business/howtodoit_bg.jpg) no-repeat center bottom;}
#sub.page67 .section.howtodoit .inner ul{position: relative;text-align: center;font-size: 0;letter-spacing: 0;word-spacing: 0;padding: 0px; margin:50px 0px;}
#sub.page67 .section.howtodoit .inner ul li{background:#fff;position: relative;display: inline-block;vertical-align:top;margin-left: 30px;width:375px; height: 515px;   box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#sub.page67 .section.howtodoit .inner ul li.first{margin-left: 0; z-index: 2}
#sub.page67 .section.howtodoit .inner ul li.second:before{content: '';position: absolute;top: 0px;right: 181px; background: url(../images/business/dot_line1.png) no-repeat center top;width: 362px;height: 62px;display: block;}
#sub.page67 .section.howtodoit .inner ul li.third:before{content: '';position: absolute;top: 0px;right: 183px; background: url(../images/business/dot_line2.png) no-repeat center top;width: 362px;height: 62px;display: block;}
#sub.page67 .section.howtodoit .inner ul li:after{ }
#sub.page67 .section.howtodoit .inner ul li .num{position: absolute;z-index: 1;left:50%;top:0;margin: -20px 0 0 -20px; width:50px;height: 50px;background:#b61c21;color: #fff; border-radius:100%;line-height: 50px;font-size: 16px;}
#sub.page67 .section.howtodoit .inner ul li .num:before{content: '';}
#sub.page67 .section.howtodoit .inner ul li .img{position: relative;}
#sub.page67 .section.howtodoit .inner ul li .img img { width:375px;}
#sub.page67 .section.howtodoit .inner ul li .text{padding: 35px 24px;box-shadow: 0px 4px 18px 0 rgba(60,74,66,0.1);  background:url('./image/sub/53/list_bg_pattern.png') no-repeat center bottom; background-size:100%;}
#sub.page67 .section.howtodoit .inner ul li .text .desc{font-size: 24px; line-height: 30px;color: #b61c21; padding: 0 0 10px;}
#sub.page67 .section.howtodoit .inner ul li .text span{display: block;color: #666;font-size: 18px;border-top:1px solid #e3e3e3;white-space: nowrap;padding-top: 15px;margin-top: 15px;}



.Management-policy { text-align:center; font-size:20px;}
.Management-policy h3 { margin:0; padding:0; font-weight:500; letter-spacing:-1px; color:#b61c21}
.Management-policy p { font-size:15px; margin:20px 0px; font-weight:300;}
.Management-policy ul { margin:0;  border-radius:10px; border:1px #eee solid ; padding:30px 35px; background-color:#f0f0f0}
.Management-policy ul li { text-align:left; font-size:15px; font-weight:300; margin:0px 0px 15px 0px; list-style:none;  }
.Management-policy span { font-weight:300; font-size:15px;}
.Management-policy h4 { font-size:18px; font-weight:400; }
.Management-policy h4 b { font-weight:500; }



/*logo*/
.ci { text-align:center; } 
.ci p { margin:50px 0px; font-weight:300; font-size:17px;}
.ci .file a { font-size:15px; border:1px #eee solid; padding:10px 20px; width:300px; color:#333; display: inline-block; margin:0px 5px;}
.ci .file a.navy:hover {background-color:#ed6a23; color:#fff;transition: all 0.3s;}
.ci .file a.blue:hover {background-color:#b61c21; color:#fff;transition: all 0.3s;} 





.page75 .sub-cont .talent{text-align:center; }
.page75 .sub-cont .talent p{font-size: 24px;color:#666666;padding-top:0px; font-weight:300;}
.page75 .sub-cont .talent ul{font-size: 0;letter-spacing: 0;word-spacing: 0; padding:0; margin-top:135px; display:inline-block;}
.page75 .sub-cont .talent ul li{position:relative; float:left;height:385px;width:338px;vertical-align: top;border: 1px solid #e5e5e5;margin:0px 30px;box-sizing: border-box;padding:0 28px;    box-shadow: 0 0px 24px -6px rgba(0, 0, 0, 0.2);}
.page75 .sub-cont .talent ul li:last-child{margin-right: 0;}
.page75 .sub-cont .talent ul li:after{content:'';display:block;position:absolute;bottom:-1px;left:-1px;width:338px;height:5px;background: #74c3cb;background-image: linear-gradient(to right, #b61c21  0%, #b84e14  100%);}
.page75 .sub-cont .talent ul li .talent_img{margin-top:-89px;}
.page75 .sub-cont .talent ul li .talent{font-size: 24px;line-height: 35px;padding: 20px 0 25px;color: #b61c21 ;border-bottom: 1px solid #eee;}
.page75 .sub-cont .talent ul li .talent_desc{font-size: 16px;line-height: 26px;text-align: left;color:#666666;padding-top:25px;padding-left:10px;}
.page75 .sub-cont .talent ul li .talent_desc span{padding: 6px 0;display: block; word-break:keep-all}
.page75 .sub-cont .talent ul li .talent_desc span:before{content: '\00b7';position: absolute;left:22px;} 


.page76 .sub-cont .training{text-align: center; }
.page76 .sub-cont .training .training_img{padding: 60px 0 25px}
.page76 .sub-cont .training p{font-size: 24px;color:#666666;padding-top:40px; font-weight:300;} 
.page76 .sub-cont .training ul{font-size: 0;letter-spacing: 0;word-spacing: 0; margin:0; padding:0;}
.page76 .sub-cont .training ul li{display: inline-block; vertical-align: top;margin: 0 40px;}
.page76 .sub-cont .training ul li .training_desc{font-size:18px;font-weight:400; letter-spacing:-0.5px; line-height: 24px;color: #666666; }


.w1200{ width:1200px; margin:0 auto;}
.c1350{ width:1350px; margin:0 auto;}
.text_st3{ color:#666; font-size:15px}
.title_st7{ font-size:21px; color:#333; padding-top:10px;}
.title_b{font-size:15px; text-align:center;  padding:20px 0; margin:30px 0 20px 0;background:#f3f4f5}
.title_b span{ font-size:30px;}
.title_st8 { font-size:15px;}


@media only screen and (max-width:1200px) {
	#header .mobile_list { display:block;position: absolute;top:40px; right:30px; }
	#header .shop-link{display: block;position: absolute; top: 35px; right: 80px; font-size: 20px; background: #b71c22; padding: 5px}
	#header .shop-link a {color: #fff; font-size: 12px}
	#wrap{ min-width:100%;}
	#header{ width:100%; height:100px !important; position:relative; top:0px; left:0px; text-align:left;}
	#headerbg { height:100px !important;}

	#lnb{ display:none;}
	#lnbbg{ display:none;}
	#header .gnb { display:none; right:15px; top:4px;}
	#header .logo {left:10px;}
	#header .imglogo{ left:15px; top:30px; position:absolute;}
	#header .imglogo img { width:75%; height:auto;}
	#footer .footerCont { width:100%;}
	#footer .footerCont div.footerMenu { padding:10px 0px;}
	#footer .footerCont div.footerMenu a { font-size:14px !important;}
	#siteAddressText,
	address { font-size:12px !important;} 
	#footer .footerCont { padding:0px; }  

.visual{ position:relative; z-index:1; width: 100%; }
.visual ul { margin:0; padding:0px;}
.visual ul li { height:440px; }
.visual ul li a { display:block; }
.visual ul li .inner { position:relative; height:440px; width:100%; margin:0 auto; }

.vis_tit01 { z-index:1;position:absolute; top:280px; text-align:center; width:100%; opacity:0; font-size:18px; font-weight:400; letter-spacing:-1; color:#e2bd7e;}
.vis_tit02 { z-index:1; font-family:nanummyeongjo; position:absolute; top:280px; text-align:center; width:100%; opacity:0; font-size:36px; font-weight:600; letter-spacing:-1; color:#fff; line-height:40px;  word-break:keep-all;}
.vis_txt { z-index:1; position:absolute; top:580px; right:-200px; opacity:0; }


.vis_tit03 { z-index:1;position:absolute; top:280px; text-align:center; width:100%; opacity:0; font-size:18px; font-weight:400; letter-spacing:-1; color:#e2bd7e;}
.vis_tit04 { z-index:1; font-family:nanummyeongjo; position:absolute; top:280px; text-align:center; width:100%;opacity:0; font-size:36px; font-weight:600; letter-spacing:-1; color:#fff; line-height:40px;  word-break:keep-all;}
.vis_txt2 { z-index:1; position:absolute; top:580px; left:-200px; opacity:0; } 
.visual .bx-pager { display:none;}

	.main .tilte-b { word-break:keep-all; font-size:32px;} 
	.main .chapter02 ul { width:100%;}
	.main .chapter02 ul li { float:none; width:100%; position:relative; min-height:700px;}
	.main .chapter02 ul li img {  vertical-align:bottom; display:none;}
	.main .chapter02 ul li.INCRUIT { background:url('./image/main/box-bg-01.png') no-repeat center bottom; background-size:100%;}
	.main .chapter02 ul li.LABORATORY { background:url('./image/main/box-bg-02.png') no-repeat center bottom; background-size:80%; background-color:#e9d8c1}
	.main .chapter02 ul li.HEALTHY { background:url('./image/main/box-bg-03.png') no-repeat center bottom; background-size:100%;}
	.main .chapter02 ul li:hover  img { transform:none;}
	.main .chapter04 .chapter04-title { float:none; text-align:center; width:100%;  }
	.main .title-g { text-align:center; background-position:center bottom}
	.main .title-n { text-align:center; width:100%; display:none}
	.main .chapter04 { width:100%; padding:30px 0px;}
	.main .chapter04 .notice { float:none; width:100%; margin-bottom:30px; border-bottom:1px #eee solid; padding-bottom:30px; }
	.widget_post01 ul { width:100% !important; float:none !important; text-align:center;}
	.widget_post01 li { line-height:30px;;}
	.widget_post01 li a { color:#000 !important; padding:10px;}
	.main .more-btn { display:none;}
	.main .chapter04 .qna { float: none; width:100%}
	.main .chapter05 { padding:30px 0px; width:100%}
	.main .chapter05 .gallery .chapter05-title { float:none; text-align:center;}
	.widget_gallery01 { float:none !important;margin:0px auto !important;  text-align:center }
	.widget_gallery01 ul { display:inline-block; text-align:center}
	.widget_gallery01 li { width:30% !important;  margin:0px 10px !important;  text-align:center }
	.widget_gallery01 li img:hover  { transform:none !important;}
	.widget_gallery01 li p { display:none;} 
	.chapter06 { display:none;} 
	
	.sub-cont { width:100%;}
	.sub-cont .goods-img img { width:100%;}
	.sub-cont .goods .goods-data { width:100%; margin-right:0px; padding:0 20px; border:0px;}
	.sub-cont .goods .goods-data h4 {text-align: left;}
	.sub-cont .goods .goods-data-01 { height:auto; margin: 40px 5px 0 5px;}
	.page68 { background:none;}
	#content .snb .category h2 { background-size:auto !important; height:180px; line-height:180px; font-size:30px;}
	.category-bg { display:none; top:0px;}
	.page60 .company h3 { font-size:28px; width:100%;}
	.page60 .company img { width:100%;}
	
	#sub.page67 .section.howtodoit .inner ul li { float:none; margin:30px auto 0 auto; width:100%;}
	#sub.page67 .section.howtodoit .inner ul li.first { z-index:0;}
	#sub.page67 .section.howtodoit .inner ul li .img img { width:100%;}
	#bbslist { width:100%; padding:0px !important;}
	.page76 .sub-cont .training div img { width:100%;}
	.page75 .sub-cont .talent ul li { width:100%; margin:0 0 150px 0; padding:0; float:none;}
	.page75 .sub-cont .talent ul li::after { width:100%;}
	#bbswrite { width:100%; padding:0 !important;} 
	.sub-cont .laboratory .laboratory-img { width:100%;}
	.factory-img img { width:100%;}
	.training_img img { max-width:200px;}
	.page67 img { width:100%;}
	.sub-cont .map ul li { text-align: center; word-break:keep-all; margin-bottom:20px;}
	.sub-cont .map ul li b { display:block;}
	.ci img { width:100%;}
	.ci .file a { display:block !important; margin:10px auto 0px auto !important; width:80% !important;}
	.sub-cont .hi-mem .hi-mem-img { width:100%;}
	.history_year_list .btm_list_box dl.left dd { padding:0px; margin-bottom:20px;}
	.history_year_list .btm_list_box dl.left dd p { position:relative; text-align:left;top:0px; left:0px;}
	.history_year_list .btm_list_box dl.right dd { padding:0px; margin:0px 30px 20px 0px;}
	.history_year_list .btm_list_box dl.right dd p {position:relative; text-align:right;top:0px; right:0px;}
	.history_year_list .btm_list_box dl.pt05 { padding-top:400px !important}
	.membg { display:none;}
	.page66 img { width:100%;}
	.page75 .sub-cont .talent p { font-size:16px; word-break:keep-all;}
}

@media (max-width:480px) {
	.sub-cont .factory .around-data {margin: 0 10px 50px 10px !important;}
	#sub.page67 .section.howtodoit .inner ul li .num {left:49% !important; top: 78% !important;}
	#sub.page67 .section.howtodoit {padding: 0 5px !important}
	
	.sub-cont .around-data ul.make li {margin: 0 auto;}
	.sub-cont .goods .goods-data {padding: 0;}
	.sub-cont .goods .goods-data-02 {width: 90%;}
}
/*감식초*/
.page90 { background:url(./image/sub/54/meju-bg-01.jpg) no-repeat; background-position:center 405px;} 
/*고추장*/
.page94 { background:url(./image/sub/54/meju-bg-01.jpg) no-repeat; background-position:center 405px;}