@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: 'Jua';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/Jua-Regular.ttf) format('ttf');
}

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; }
input,select,textarea {font-size:12px;font-family:dotum;}
img,p, dl, dt, dd {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
#wrap {width:100%;height:100%;margin:auto;position:relative}
ul {list-style: none; padding:0; margin:0 }

/*헤드영역*/
#headerbg {width:100%;position:absolute;top:0;left:0;z-index:1}
#header {width:1400px;position:relative;top:0;left:0;z-index:2;margin:0 auto; text-align:center;}
#header .logo {position:absolute;}


.imglogo  { position:absolute; left:0;  right:0; margin:0 auto}
#poplayer1 { z-index:999 !important;}


#header .logo h1 {margin:0 0 0 3px;padding:0;height:35px;}
#header .logo h1 a {font-weight:bold;color:#555;font-size:22px;font-family:nanumgothic,dotum;}
#header .gnb { padding:0;  }
#header .gnb ul {padding:0;margin:0;letter-spacing:-1px; float:right; display:inline-block;}
#header .gnb li {list-style-type:none;padding:5px 0 5px 10px;font:normal 11px "malgun gothic",dotum; display:inline-block;}
#header .gnb .admin a {color:#ff0000;}
#header .headUserHtml {color:#fff}
#lnb {width:100%;position:absolute;margin:0 auto;}
#lnbbg {width:100%;position:relative;margin:0 auto;z-index:1}
#lnb .lnbWrap {width:1400px;margin:0 auto;}
#logo_img_2{ margin-top:50px;}
#_hidden_layer_ {/*display:none;*/}

.Toplogo { width:1400px; position:relative; margin:0 auto; z-index:10;}
.Toplogo .jangsu_logo {position:absolute; top:50px; left:0;}
.Toplogo .jangsu_logo img {width:110px;}
.Toplogo .mjj_shop_logo {position:absolute; top:54px; left:190px; width:140px;}
.Toplogo .mjj_shop_logo img { width:100%;}
.Toplogo .jinan_logo {position:absolute; top:50px; right:0;}
.Toplogo .jinan_logo img { width:120px;}
.Toplogo .mini_banner {position:absolute; top:50px; right:200px;}
.Toplogo .mini_banner img { width:200px;}
#content {}
#content .subContent { width:1400px; margin:0 auto; padding-bottom:50px; font-size:17px; word-break:keep-all}
#content .subContent .location {display:none; clear:both;font:normal 11px dotum;color:#999;padding:0;text-align:right}
#content .subContent .location a {  color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}
#content .subContent h3.subTitleSubject { margin:0;padding:60px 0 20px 0; font-size:33px;font-weight:400;letter-spacing:-1px;margin-bottom:15px;color:#333; text-align:center}
#container .subVisual { position:relative;}
#container .subVisual  p { position: absolute;top: 59%;z-index: 999;left: 41%;color: white;font-size: 15px;}

--서브메뉴--
#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: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:100%;margin:0 auto;display:block;position:relative;}
#footer .footerCont div.footerMenu {text-align:center;margin:0px auto;padding:15px 0px;border-bottom: 1px #eee solid;border-top: 1px #eee solid;}
#footer .footerCont div.footerMenu a {font-size:14px; color:#fff;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a strong{font-size:14px; color:#ff6000;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a:hover {color:#ff6000}
#footer .footerCont div.footerMenu .split {font-family:dotum;font-size:9px;color:#c0c0c0;}


#footer .footerCont div.footerSiteInfo {  font-size: 14px; letter-spacing:-.5px; text-align:center;width:100%;margin:0 auto}
#footer .footerCont address  {font-style:normal;color:#777;text-align:center;margin-top:5px;}
#footer .footerCont .footerLogo { text-align:center; margin:40px auto 20px auto;}
#footer .footerCont div.footerSiteInfo #siteETCText { color:#CCC; margin:10px 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 {overflow: hidden;position: relative; }
.tab01 ul {margin:50px auto;padding:0;overflow: hidden;padding-left: 1px;width: 100%; text-align:center;}
.tab01 li { display:inline-block;margin-left: -1px;padding-left: 5px;margin-right: 10px;border-radius: 30px;
border: 1px solid #ccc;}
.tab01 li a {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 {position: static;z-index: 10;background-color: #dede;}
/*.tab01 li.selected a {background-position: right -58px;color: #0066CC;font-weight: bold; font-size:16px; border-bottom:2px #0066cc solid;}
*/
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;}

.mainContents{ word-break:keep-all}



/*공통*/
.inner { width:1400px; margin:0 auto; }
 
 
#pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe, #guidebox{ width:1400px; margin:0 auto; padding-top:150px;}



#pages_login { margin-bottom:150px; text-align:center; width:600px;}







/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:800px; position:relative; margin-bottom:40px;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual.full-height{height:1030px;}
.slick-track,
.slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{
	height:95%;
}
#mainVisual .slick-track {overflow:hidden;}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1);   -moz-transform: scale(1.1,1.1);   -webkit-transform: scale(1.1,1.1);    transform: scale(1.1,1.1);
	-webkit-transition:transform 3000ms  ease-in-out ;
	-moz-transition:transform 3000ms ease-in-out ;
	-o-transition:transform 3000ms ease-in-out ;
	-ms-transition:transform 3000ms ease-in-out ;  transition:transform 3000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; top:35%; left:0px; right:0; margin:0 auto; padding-left:0; text-align:right} /* margin-top은 조정 (텍스트영역 높이의 반) */

.main-visual-item .main-visual-txt-con .main-visual-txt0,
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(-50px);   -o-transform: translateY(-50px);   -moz-transform: translateY(-50px);  -webkit-transform: translateY(-50px);    transform: translateY(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
	text-align: left;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:70px; letter-spacing:-1px; line-height:85px;}
.main-visual-item .main-visual-txt-con .sapn1{ color:#fff; font-weight: 600}
.main-visual-item .main-visual-txt-con .sapn2{ color:#fff;} 
.main-visual-item .main-visual-txt-con .sapn3{color:#fed95c;}

.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:24px; line-height:150%;  letter-spacing:-1px; font-weight:600;margin-bottom:0px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:26px; line-height:150%;  letter-spacing:-1px; font-weight:300;margin-bottom:0px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
<!--.main-visual-item .main-visual-txt-con .main-visual-txt2 b { font-weight:500} -->

.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block; font-size:16px; font-weight:300; color:#fff;  -webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn a {display:inline-block; width:175px; height:55px; font-size:16px; line-height: 55px; letter-spacing: -1px; color:#fff; border:2px solid #fff; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);  transition: all 0.4s cubic-bezier(.5, .24, 0, 1); position:relative; }
.main-visual-item .main-visual-txt-con .main-visual-more-btn a:first-child {margin-right: 15px;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn a:hover{border-left:2px solid #313A6B;border-right:2px solid #313A6B;text-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);
} 


/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.01deg);  -o-transform: scale(1.0,1.0) rotate(0.01deg);  -moz-transform: scale(1.0,1.0) rotate(0.01deg);  -webkit-transform: scale(1.0,1.0) rotate(0.01deg);   transform: scale(1.0,1.0) rotate(0.01deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0px);   -o-transform: translateY(0px);   -moz-transform: translateY(0px);  -webkit-transform: translateY(0px);    transform: translateY(0px);
}

/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots{position:absolute; width:100%; text-align:center; bottom:5%; z-index:1000;}
#mainVisual .slick-dots li{display:inline-block; margin:0 5px ;}
#mainVisual .slick-dots li button{ display:none;
	cursor:pointer; margin:0px; padding:0px; background:none;  border:0px;font-size:0; width:15px; height:15px; background-color:#fff; border-radius:100%; 
	 filter:Alpha(opacity=50);
}
#mainVisual .slick-dots li.slick-active button{background-color:#08c6a9;}		/* 버튼 active */

/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow{	position:absolute; width:29px; height:60px; top:50%; margin-top:-30px; cursor:pointer; border:0; cursor:pointer; z-index:1000; font-size:0;}		/* 버튼이미지에 맞게 크기 수정 */
#mainVisual .slick-arrow.slick-prev{left:90px; background:url(./image/main/main_visual_prev.png) no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#mainVisual .slick-arrow.slick-next{right:90px; background:url(./image/main/main_visual_next.png) no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

#mainVisual .slick-arrow.slick-prev:hover {-webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px);}
#mainVisual .slick-arrow.slick-next:hover {-webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:55px; left:50%; margin-left:-41px; text-align:center; z-index:9}	/* width값에 맞게 margin-left수정 */
.main-scroll-icon span{display:block; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; }

  /*테이블구성*/ 
.common-table { font-size:17px; width:1000px; margin-left:50px;}
.common-table caption { display:none}
.common-table thead tr th { border-top: 2px #7d7d7d solid;border-left: 1px #eee solid; background-color:#fcfcfc; padding:17px; text-align:center; font-weight:500; color:#333}
.common-table thead tr th:last-child { border-right: 1px #eee solid}
.common-table tbody tr th { border-top: 1px #eee solid;border-left: 1px #eee solid;border-bottom: 1px #eee solid; padding:15px; text-align:center; font-weight:500}
.common-table tbody tr td { border-top: 1px #eee solid;border-left: 1px #eee solid; padding:15px; text-align:center; font-weight:300}
.common-table tbody tr td ul {}
.common-table tbody tr td ul li {    text-align: left;    line-height: 120%;}
.common-table tbody tr td:last-child { border-right: 1px #eee solid}
.common-table tbody tr:last-child td { border-bottom: 1px #eee solid}


#mainCont  {position: relative; z-index: 5;}
#mainCont .news-cont {background: rgba(255,255,255,0.8); position:absolute; top:450px; width:1000px; left:50%; margin-left:-500px; min-height:200px; font-size:13px;}
#mainCont .shop_cow { position:relative; display:inline-block; vertical-align:top; width:200px; margin:25px 30px;}


#mainCont .item-03 {text-align:center; margin-bottom:10px;}

#mainCont .item-03 .name_shop {}


.tabmenu table{ text-align:center; margin:0 auto;}
.tabmenu h3 { font-size:22px; color:#00ae58;}
.tabmenu h4 { font-size:20px; padding-left:20px; text-align:center;}
.tabmenu h5 { font-size:18px; padding-left:40px; text-align:center}
.tabmenu h6 { font-size:16px; padding-left:50px; margin:0;}
.tabmenu { font-weight:300}
.tabmenu .box_tit ul{ padding-left: 40px;}
.tabmenu .box_tit p{ padding-left: 20px;}
.tabmenu .intro_sub p{ padding-left: 40px;}
.tabmenu .Bottom-titi ul { padding-left: 40px;}
.tabmenu li { font-weight:300; list-style:none; margin:5px 20px; padding-left:10px;position:relative; word-break:keep-all; font-size:17px;}
.tabmenu li::before { position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#666; content:" ";}
.tabmenu ul { padding-left:20px;}
.tabmenu dl dt{padding-left: 5px;}
.tabmenu dl dt:first-child { padding-top: 10px;}
.tabmenu dl dt:last-child { padding-bottom: 10px;}
.tabmenu  strong {font-size:15px;}
.tabmenu .pl { padding-left:50px;}
.tabmenu .number-no {text-align:left; }
.tabmenu .ma1 { margin-top: 10px; margin-bottom:10px;}
.use_Writ dt { font-weight:300; list-style:none; margin:5px 20px; padding-left:10px;position:relative; word-break:keep-all; font-size:17px; }
.use_Writ dt::before { position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#666; content:" "; }

#page67 .tabmenu li::before {display: none}
#page35, #page36, #page37, #page38, #page39, #page40, #page41{margin-top: 150px;}


/*post02*/
.widget_post02 {position:relative;padding:0;text-align:center}
.widget_post02 h6 { display:none;border-bottom:#dfdfdf solid 1px;padding:0 0 9px 0;margin:0 0 5px 0;font-weight:bold;font-family:"gothic","dotum";font-size:13px;color:#384799;}*/
.widget_post02 h6 a {color:#384799;}
.widget_post02 ul {padding:0;margin:0; }
.widget_post02 li.news_cont { vertical-align:top;list-style-type:none; border: 1px solid #dfdfdf;  width:calc((100% - 350px) / 4); margin-right:30px; padding:30px; display: inline-block;-webkit-transition: 0.3s; transition: 0.3s;} 
.widget_post02 li.news_cont h4{ font-size:20px; color:#333;display:block; height:55px; margin-bottom:15px; line-height:1.4em;letter-spacing:-0.5px; font-weight:500; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; text-align:left}
.widget_post02 li.news_cont .comment {font:normal 11px arial;color:#FC6138;}
.widget_post02 li.news_cont .new {font-family:arial;font-size:10px;color:#ff0000;}
.widget_post02 li.news_cont .up_news { background-color: #08c6a9; padding:0px 5px; color: white; font-size:13px; margin:0 auto 0 0; display:block; text-align:center; width:35px;} 
.widget_post02 li.news_cont:hover {   -webkit-box-shadow: 5px 7px 20px rgba(43, 54, 86, 0.2); box-shadow: 5px 7px 20px rgba(43, 54, 86, 0.2);}
.widget_post02 li.news_cont .news-date {margin-top:85px; padding-top:20px;text-align: left; border-top:1px solid #eee}
.widget_post02 li.news_cont .news-date p { color:#08c6a9; font-size:15px; margin-bottom: 14px;} 
.widget_post02 li:nth-child(4n+4) { margin-right:0; }

.widget_post02 .none {border:0;}
.widget_post02 .more {position:absolute;top:4px;right:1px;font-size:11px;font-family:dotum;color:#c0c0c0; display:none}
.widget_post02 .more:hover {text-decoration:underline;color:#000000;}
.widget_post02 .date {font:normal 15px arial;color:#999;margin-right:2px; text-align:left; }
.widget_post02 li.news_cont:nth-child(1) > a:nth-child(1) > div:nth-child(3) > span:nth-child(2) { padding-left: 10px;}


/*gallery02*/
.widget_gallery01 {position:relative;padding:0;}
.widget_gallery01 h6 {display:none; border-bottom:#dfdfdf solid 1px;padding:0 0 9px 0;margin:0 0 25px 0;font-weight:bold;font-family:"gothic","dotum";font-size:13px;color:#384799;}
.widget_gallery01 h6 a {color:#384799;}
.widget_gallery01 ul {padding:0;margin:0;}
.widget_gallery01 li {vertical-align:top;list-style-type:none;   padding:2%;  width:calc((100% - 500px) / 4); margin:0 15px; padding:0px; display: inline-block;-webkit-transition: 0.3s; transition: 0.3s;}
.widget_gallery01 li img { width:100%}
.widget_gallery01 li:nth-child(4n+4) { margin-right:0; }
.widget_gallery01 li .thumb {border:#efefef solid 1px;background:#f9f9f9; width:100%; height:60%; background-size:cover;}
.widget_gallery01 li p {padding:25px 0 30px 0; font-size:15px;}
.widget_gallery01 li p a {font-weight:bold;color:#333; }
.widget_gallery01 li p a:hover {text-decoration:underline;}
.widget_gallery01 li p .comment {font:normal 11px arial;color:#FC6138;}
.widget_gallery01 li p .new {font-family:arial;font-size:10px;color:#ff0000;}
.widget_gallery01 li p .date {display:block;font-family:arial;font-size:10px;color:#999; padding-top:5px; font-size:15px;}
.widget_gallery01 .more {position:absolute;top:4px;right:1px;font-size:11px;font-family:dotum;color:#c0c0c0;}
.widget_gallery01 .more:hover {text-decoration:underline;color:#000000;}


<!-- 툴팁 css -->

/*공통효과*/
.b1 {font-weight: 600}
.l1 { font-weight:300; height:60px;}

/* 제품소개 */

#main .cont01 { position:relative; text-align:center; margin-bottom:160px; }
#main .cont01:before { position:absolute; top:0; left:-300px; content:""; width:700px; height:836px; background-size:cover; background:url('./image/main/prd_bg.png') no-repeat;}
#main .cont02 {   margin:0 0 170px 0; position:relative;}
#main h3.con_tit { color:#08c6a9; font-size:16px; text-transform:uppercase}
#main .con_mid { font-size:38px;    line-height:110%; margin-bottom:25px; font-weight:300; line-height:-.5px}
#main .con_mid .b1 { font-weight:600}
#main .con_stit { margin-bottom:55px; font-size:16px; letter-spacing:-0.5px; line-height:130%; font-weight:200; color:#666}

.prd_list { margin:0 auto; width:1010px}
.prd_list .slick-slide {position:Relative; z-index:9}
.prd_list .slick-center {z-index:999}

.prd_list .slick-slide img.color, .prd_list .slick-active img.color {display:none;}
.prd_list .slick-slide img.black, .prd_list .slick-active img.black {display:block;} 
.prd_list .slick-center img.black {display:none}
.prd_list .slick-center img.color {display:block}

.prd_list .slick-slide span.more {border:1px solid #000; width:106px; line-height:30px; text-align:center; color:#000; margin:30px auto 0 auto; transition: all 0.3s ease-out;}
.prd_list .slick-slide span.more, .prd_list .slick-active span.more {display:none;}
.prd_list .slick-center span.more {display:block;}


.prd_list .slick-slide .in {display:block; position:relative;}
.prd_list .slick-slide .in img {width:100%}
.prd_list .slick-slide .in, .prd_list .slick-active .in {border:none; width:320px !important; height:387px; margin-top:30px; box-shadow:none; box-sizing:border-box;}
.prd_list .slick-center .in {margin-left:-17px; float:none;border:10px solid #08c6a9; width:370px !important; height:445px; box-shadow:0 5px 20px rgba(0,0,0,0.3); height:445px; margin-top:0; box-sizing:border-box}

.prd_list .slick-slide .in:hover {transition: all 0.3s ease-out;}
.prd_list .slick-slide .in:hover span.more {background:#08c6a9; color:white; transition: all 0.3s ease-out; border-color: #08c6a9;}

.prd_list div.prd_txt:before {width:1px; height:110px; background:#fff; position:absolute; top:-130px; left:50%; text-align:center; display:block; content:""}
.prd_list div.prd_txt {z-index:9999; position:absolute; top:-9px; width:100%; text-align:center;}
.prd_list div.prd_txt h6 {font-weight:500; font-size:25px; letter-spacing:-0.5pt; color:#000; line-height:100%; margin-bottom:26px;}
.prd_list div.prd_txt p {font-size:15px; line-height:120%;} 


.prd_list .slick-arrow {position:absolute; top:215px; cursor:pointer; margin-top:-11px; width:16px; height:23px; background:url('/layouts/bluebDesign/image/main/prd_prev.png') center center no-repeat; border:none; text-indent:-9999px; transition: all 0.3s ease-out;}
.prd_list .slick-prev {left:-80px}
.prd_list .slick-next {background-image:url('/layouts/bluebDesign/image/main/prd_next.png'); right: -80px;}
.prd_list .slick-arrow:hover {transition: all 0.3s ease-out;}
.prd_list .slick-prev:hover {left:-88px}
.prd_list .slick-next:hover {right:-88px}

/*_main.php 2*/

.prd_list_main .bis_list { border: 1px solid #eee; width: 15%; height: 60%; display: inline-block; padding: 20px; margin-left:10px;}
.prd_list_main .bis_list:hover {border:10px solid #08c6a9;  box-shadow:0 5px 20px rgba(0,0,0,0.3);}
.prd_list_main .bis_list h6 {font-size:22px; margin: 20px 0 ;}
.prd_list_main .bis_list l1 {font-size:15px;}
.prd_list_main .bis_list img { width: 70%; height:60%;}
.prd_list_main .bis_list .more:hover {background:#08c6a9; color:white; transition: all 0.3s ease-out; border-color: #08c6a9;}	
.prd_list_main .bis_list:first-child { margin-left:0;}
.prd_list_main {display:none;}

/* Start-슬릭기본 */
.slick-slider{position: relative;display: block;box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;  width:100%;}
.slick-slide{display: none;float: left; width:100%; }
.slick-initialized .slick-slide{display: block; }
/* End-슬릭기본 */

.back_g { width:100%; position:relative; }
.cowbox { background: #08c6a9 url('/layouts/bluebDesign/image/main/cow1.png') no-repeat 60% 0%;*; width:1300px; height:435px; position:absolute; right: 0; top:0px;}
.more {border:1px solid #000; width:106px; line-height:30px; text-align: center; color:#000; margin:30px auto 0 auto; transition: all 0.3s ease-out; display:inline-block;}





.specialy { width:100%; padding-top:120px;}
.specialy-bg {  background-color:#fff; webkit-box-shadow: 0px 9px 14px rgba(0,0,0,0.5); height:423px;/*크롬,사파리*/
moz-box-shadow: 0px 9px 14px rgba(0,0,0,0.5);/*파이어폭스*/
o-box-shadow: 0px 9px 14px rgba(0,0,0,0.5);/*오페라*/
ms-box-shadow: 0px 9px 14px rgba(0,0,0,0.5);/*IE*/
box-shadow: 0px 9px 14px #ccc;}

.specialy-bg dl{ position:relative; height:100%;}
.specialy-bg dl dt{  position:absolute; top:0; left:0; width:60%; height:100%;background: url('/layouts/bluebDesign/image/main/specialy-img.jpg') no-repeat 50%; background-size: cover;}
.specialy-bg dl dd{ margin-left:60%;}
.specialy-bg dl dd .area{ padding:40px;}

.cont02 .specialy .more:hover {background:#08c6a9; color:white; transition: all 0.3s ease-out; border-color: #08c6a9;}
 
		
.view_down li { display:inline-block;}
				
.cont03 .w1 { width: 33%;}
.cont03 { position:relative;background-color: #f5f5f5; padding:50px 0; margin-bottom:100px;}
.cont03 .announce_box { position:relative; }
.cont03 .announce_box .person { position: absolute; bottom:-50px;z-index:1; right:250px;}
.cont03 .announce_box .lemon { position: absolute; top:-100px; right:0; }	
.specialy-title01 {margin-left:60px;}
.specialy-title01 .more:hover{background:#08c6a9; color:white; transition: all 0.3s ease-out; border-color: #08c6a9;}
.specialy-title02 { text-align: center;}
.specialy-title03 { text-align: center;}
	
	
	

.cont05 .quick_box { margin-top:100px; text-align:center; margin-bottom:120px;}
.cont05 .quick_box .bg01 {background-image:url('/layouts/bluebDesign/image/main/internet_bk.jpg'); }
.cont05 .quick_box .bg02 {background-image:url('/layouts/bluebDesign/image/main/billding.jpg');}
.cont05 .quick_box .bg03 {background-image:url('/layouts/bluebDesign/image/main/men.jpg');}

.cont05 .quick_box li { height:170px; vertical-align:top;list-style-type:none; border: 1px solid #dfdfdf;  width:calc((100% / 3) - 15px);  margin-right:15px; display: inline-block; background-size:cover}
.cont05 .quick_box li:nth-child(4n+4) { margin-right:0; }
.cont05 .quick_box li:hover{-webkit-transition: 0.3s; transition: 0.3s;}
.cont05 .quick_box li:last-child {margin-right:0;}
.cont05 .quick_box .bg-ba {background-color: rgba(0,0,0,0.7);}
.cont05 .quick_box li .quick_cont .quick_text{color: white; padding: 50px 0;}
.cont05 .quick_box li .quick_cont .quick_text h3 { margin:0; padding:0; font-size:22px; } 
.cont05 .quick_box li .quick_cont .quick_text p { font-size:15px; margin-top:10px; font-weight:200; letter-spacing:-1px}

.cont06 { padding:50px 0; background-color:#f5f5f5; text-align:center;}


/*로고 롤링 css*/ 
.cont07 { padding:20px 0 15px 0}
.cont07 .logoBox {position: relative; text-align:center; margin:0 auto;  }  
.cont07 .logoBox .btn_pre {position:absolute; top:18px; left:0;cursor:pointer;}
.cont07 .logoBox .btn_next {position:absolute; top:18px; right:0;cursor:pointer;}
.cont07 .logoBox .logoDiv {margin:0 auto;  padding:0; height:62px; text-align:left;  overflow:hidden; width:1220px;}
.cont07 .logoBox .logoImg {margin:0 auto; width:2020px; padding:0; text-align:left; }
.cont07 .logoBox .logoImg li {float:left; list-style-type:none;padding:0 7px;width:220px; margin-right:15px;text-align:center; height:60px; border:1px solid #f5f5f5;}

/*4page*/
#content .subContent h3.subTitleSubject{ display:none;}
.member { margin-top:5%;}
.affiliation { background-color:#08c6a9; width:15px; height:15px; border-radius:100%; float:left; margin:8px 20px 0 0 ;}
.bg_img { text-align:center; margin: 0 auto;width: 80%;padding-top: 150px;}
.bg_img img {width: 100%;}
.team {font-size: 18px;}




@media screen and (max-width:1400px) {
	
#header{ width:100%;}
#mainVisual{ height:500px;}	
.inner{ width:100%;}	
.cont01::before { display:none;}
.cont01 .slick-slider { display:none;}
.cont03 .announce_box .person img { width: 400px;}	
.cont04 { margin:0 15px;}
.cont05 .quick_box li {width: calc((100% - 105px) / 3);}
.cont07 .logoBox .btn_pre { margin-left: 30px;}
.cont07 .logoBox .btn_next { margin-right: 30px;}
#content .subContent {  width: 85%; font-size: 16px;}
.common-table { font-size:16px;}
.tabmenu li { font-size: 16px;}
#bbscategory { height: auto !important; padding: 0px !important;}
#bbscategory ul li { width: 100% !important; margin: 0 auto !important; }
#bbslist {width:100%;}	
 .Toplogo{ width:100%}
 .Toplogo .jangsu_logo{ left:15px;}
 .Toplogo .jinan_logo{ right:15px;}
.main-visual-item .main-visual-txt-con {padding-left:50px;} 
.main-visual-item .main-visual-txt-con .main-visual-txt1{ font-size:50px; line-height:1.2}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 20px;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size: 18px;}
.specialy-bg {margin:0 15px;}	
.specialy-img{ width:60%}
.specialy-img img{ width:100%}
.person-img{ width:60%}
.person-img img{ width:100%}
.common-table {width:100%;}
.subVisual {background-size: cover !important;}	
.prd_list_main {display:block;}
#lnb .lnbWrap {width:100%;}
#mainCont .news-cont { top: 200px;}
}

@media screen and (max-width:1200px) {
#dropdownmenu ul.dropdown li a {font-size:16px;}
#mainVisual .slick-arrow.slick-prev{ display:none !important;}
#mainVisual .slick-arrow.slick-next{ display:none !important;}
.bg_img {width: 100%;padding-top: 80px;}

}


@media screen and (max-width:1100px) {
#main .con_mid {font-size:31px;}
#main h3.con_tit { font-size: 14px;}
#main .con_stit { font-size: 15px;}
#main .cont01 {margin-bottom: 100px;}
.cont07 .logoBox .logoDiv { width: 920px;}
.widget_post02 li.news_cont h4 {font-size: 20px;}
.widget_gallery01 li{width:calc((100% - 120px) / 2); margin-bottom:20px;}
.widget_gallery01 li:nth-child(2n+2){ margin-right:0;}
.prd_list_main .bis_list {width:calc((100% - 200px) / 3); margin-bottom:20px;}
.prd_list_main .bis_list h6 {font-size:19px;}	

}

@media screen and (max-width:1024px) {
.widget_post02 li.news_cont{width:calc((100% - 170px) / 2); margin-bottom:20px;}
.widget_post02 li:nth-child(2n+2){ margin-right:0;}
#main .cont01::before {background:none;}
#page8 .subcont .sub-left { float: none !important; width: 100% !important;  padding-top: 15px !important; text-align: center; margin: 0 auto;}
#page8 .subcont .sub-right { float:none !important;  width:100% !important;  border-top: none !important;  padding-top:30px;}
.cont03 .announce_box .person { right: 25px;}
.cont03 .announce_box .person img {width:350px;}
.cont05 .quick_box li { width: calc((94% - 50px) / 3);}
.cont07 .logoBox .logoDiv { width: 860px;}
#mainCont .news-cont { background:none;}
#mainCont .shop_cow { display: block;}	
#mainCont .item-03 { top:-19px; position:absolute;}
#mainCont .item-01 {top:37px;}
#mainCont .news-cont {width:500px; margin-left:180px;}

	
}


@media screen and (max-width:980px) {
#header img{ width:300px;}
#mainVisual{ height:500px;}
.Toplogo .jangsu_logo img{ width:100px;}
.Toplogo .jinan_logo img{width:110px;}
.bg_img { padding-top: 50px;}

.prd_list .slick-center .in { width:300 !important;}
.imglogo{ left:0px;}
#main .specialy-bg .specialy-title .area {padding: 15px 20px 10px 30px;}
#main .con_stit {font-size:14px; margin-bottom:20px;}
#main .con_mid {font-size:27px;}
#main h3.con_tit { font-size:14px;}
#main .cowbox { display:none;}
.main-visual-item .main-visual-txt-con .main-visual-txt1{ font-size:48px; line-height:1.2}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 18px;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size: 16px;}
.tabmenu .intro_sub p {font-size:15px;}
.tabmenu li {font-size:15px;}
.tabmenu h3 {font-size: 20px;}
.tabmenu h4 {font-size:18px;}
.specialy-bg{ height:370px;}
.specialy-bg dl dt{ width:55%;}
.specialy-bg dl dd{ margin-left:55%;}
.specialy {padding-top:50px;}
.cont02 .cowbox {width:85%; height:368px;}
.cont05 .quick_box li { width: calc((94% - 50px) / 3);}
.cont07 .logoBox .logoDiv { width: 810px;}
.Toplogo .mjj_shop_logo { left:130px; width:130px;}

}

@media screen and (max-width:900px) {
.cont07 .logoBox .logoDiv {width: 750px;}

	}
@media screen and (max-width:800px) {
.cont07 .logoBox .logoDiv {width: 650px;}
#mainCont .news-cont {width:400px; margin-left:130px;}
	}
@media screen and (max-width:720px) {
.cont03 .w1 { width: 44%;}
.cont03 .announce_box .person img {width:320px;}
.cont03 .announce_box .lemon {display:none;}
.cont07 .logoBox .logoDiv {width: 590px;}	
.Toplogo .mjj_shop_logo { left:20px; top:110px;}
	}	

@media screen and (max-width:640px) {
#mainVisual{ height:300px;}
#header img{ width:270px;}	
/*.Toplogo { display:none;}*/
.jangsu_logo{display:none;}
.jinan_logo {display:none;}
.Toplogo .mjj_shop_logo { left:10px; top:55px;}
.Toplogo .mjj_shop_logo img {width: 90px;}
#main .specialy-bg {}
#main .specialy-img {}
#main .cowbox { }
#main .specialy-bg{ height:auto;}
.main-visual-item .main-visual-txt-con .main-visual-txt1{ font-size:34px; line-height:1.2}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 14px;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size: 16px;}
.main-visual-item .main-visual-txt-con {top: 20%}
.specialy-bg dl dt{ width:100%; height:200px; position:relative;}
.specialy-bg dl dd{ margin-left:0;}
.prd_list_main .bis_list .more { margin: 5px auto 0 auto }
.prd_list_main .bis_list {width:calc((100% - 153px) / 2); margin-bottom:20px; margin-left:0; margin-right:10px;}
.prd_list_main .bis_list:last-child { display:block; margin-left:20px;}
.prd_list_main .bis_list img {display:none;}
.prd_list_main .bis_list h6 {margin: 10px 0 ;}	
.tab01 li {margin:0; padding:0;}
.tab01 li a {padding: 0 20px 0 0; font-size:13px;}
.tab01 li.selected a { font-size:15px;	}
#main .con_mid {font-size:25px;}
#main h3.con_tit { font-size: 14px;}
#main .con_stit { font-size: 14px;}	
.widget_post02 li.news_cont h4 {font-size: 20px;}
.widget_post02 li.news_cont .news-date p {font-size: 14px;  margin: 0 15px 15px 0; display: inline-block;}
.cont03 .announce_box .person img {width:220px;}
.cont03 .announce_box .lemon {display:none}
.cont03 .announce_box .person { right: 0px;}
.cont05 .quick_box li {height: 100px; margin-right: 15px; }
.cont05 .quick_box li .quick_cont .quick_text h3 {font-size: 18px;}
.cont05 .quick_box li .quick_cont .quick_text {padding: 30px 0;}
.cont05 .quick_box li .quick_cont .quick_text p {font-size: 12px; margin-top: 5px;}
.cont05 .quick_box {margin-top: 50px; margin-bottom: 60px;}
.cont07 .logoBox .logoDiv { width: 490px;}
#mainCont { display:none;}
.Toplogo .mini_banner {display:none;}
}
	
@media screen and (max-width:480px) {
#header {margin-left:20px;}
#mainVisual{ height:250px;margin-bottom:40px;}
#header img { width:225px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1{ font-size:20px; line-height:1.2}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 12px;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size: 13px;}
.main-visual-item .main-visual-txt-con {top: 20%}
#main .cont02 {margin: 0 0 30px 0;}
#main .cont03 {margin-bottom: 50px;}
#main .specialy-bg .specialy-title { width:100%;}
#main h3.con_tit { font-size: 13px !important;}
#main .con_mid {font-size: 20px !important;} 
#main .specialy-title .con_stit {font-size:14px !important; margin-bottom:0;}	
#main .cowbox { width:85%; height:327px; position:absolute; right: 0; top:0px;}
#main .specialy-img {width:85%;}
#main .specialy-bg { box-shadow: none;}
#main .specialy-bg .specialy-title .area {padding: 10px 50px;}
.widget_post02 li.news_cont {width:80%; margin-right:0; padding:2% 10%;}
.widget_post02 li.news_cont h4 {font-size:17px;}
.widget_post02 li.news_cont .news-date{ margin-top:0;}
.widget_post02 li.news_cont .news-date p {font-size: 12px; margin-bottom: 3px; display: inline-block;}
.widget_post02 .date {font: normal 12px arial;}
.widget_post02 li.news_cont .up{font-size: 12px;}
.cont03 .announce_box .person img { display:none;}
.cont05 .quick_box ul li {width: 94%; height:170px; margin-bottom:10px; margin-right:0;}
.cont05 .quick_box li .quick_cont .quick_text {padding: 50px 0;}
.cont05 .quick_box ul li .quick_cont .quick_text h3 {font-size:22px;}
.cont05 .quick_box ul li .quick_cont .quick_text p {font-size:16px;}
.cont07 {width: 295px; margin: 0 auto;}
.cont07 .logoBox .logoDiv {width: 350px;}
.cont07 .logoBox .logoImg { width: 295px;}
.cont07 .logoBox .logoImg li { margin:0 auto;}
.cont07 .logoBox .btn_pre { margin-left: 0px;}
.cont07 .logoBox .btn_next { margin-right: 0px;}	
.widget_gallery01 li{width:calc((100% - 86px) / 2); margin-bottom:20px; margin-right:10px;}
.widget_gallery01 li:nth-child(2n+2){ margin-right:0;}
.prd_list_main .bis_list {width: 85%; height:auto; padding: 10px 0;}
.prd_list_main .bis_list h6 {font-size: 18px; margin: 5px 0 ;}
.prd_list_main .l1 { width:64%; margin:0 auto;}
#page21 .line-icon { float:inherit;}
}









@media all and (max-width:950px) {     
#bbslist colgroup col:nth-child(3),
#bbslist thead th:nth-child(3),
#bbslist tbody td:nth-child(3) { display:none} 
#bbslist colgroup col:nth-child(4),
#bbslist thead th:nth-child(4),
#bbslist tbody td:nth-child(4) { display:none}
#bbslist .sbj a .mdate { display:block;color:#666; font-size:14px} 
#bbsview .viewbox .subject h1 { font-size:17px !important}
}
 
@media all and (max-width:768px) {
#bbsview .viewbox .info .xleft,
#bbslist .sbj a .mdate,
#bbslist thead th,
#bbslist .hit,
#bbslist .name,
#bbslist tbody td,
#bbslist .cat,
#bbslist .sbj a { font-size:15px !important;}  
} 

@media all and (max-width:680px) {
#bbsview .viewbox .subject h1 { font-size:15px  !important}
#bbsview .viewbox .info .xleft,
#bbslist .sbj a .mdate,
#bbslist thead th,
#bbslist .hit,
#bbslist .name,
#bbslist .cat,
#bbslist tbody td,
#bbslist .sbj a { font-size:14px !important;} 
} 
 
@media all and (max-width:440px) {
#bbsview .viewbox .info .xleft,
#bbslist .sbj a .mdate,
#bbslist thead th,
#bbslist .hit,
#bbslist .name,
#bbslist .cat,
#bbslist tbody td,
#bbslist .sbj a { font-size:12px !important;} 

}

@media all and (max-width:375px) {
#bbsview .viewbox .info .xleft,
#bbslist .sbj a .mdate,
#bbslist thead th,
#bbslist .hit,
#bbslist .cat,
#bbslist .name,
#bbslist tbody td,
#bbslist .sbj a { font-size:11px !important;} 
.imglogo{ left:-50px;} 
#content .subContent { font-size:14px !important;}
#content .subcont .sub-left h3{ font-size:17px !important;}
#content .subcont .sub-right h4{ font-size:15px !important;}
#content .subcont .sub-right p {font-size:14px !important;}

}


@media all and (max-width:470px) { 
#footer .footerCont .footerLogo img { width:50%; height: auto;}
#footer .footerCont div.footerMenu a,
#footer .footerCont div.footerSiteInfo { font-size:12px; word-break:keep-all}	
#footer .footerCont div.footerSiteInfo span { display:block}
#container .subVisual  p {top:74%;left: 21%;font-size:11px;}
}

@media all and (max-width:375px) {
#footer .footerCont div.footerSiteInfo #siteETCText { display:none}
#footer .footerCont div.footerMenu a,
#footer .footerCont div.footerSiteInfo { font-size:11px;}
#footer .footerCont div.footerSiteInfo span { width:70%; margin:0 auto}
#container .subVisual  p {left:17%;}
}