@charset "utf-8";

@import url("main.css");
@import url("common.css");
@import url("contents.css");
@import url("slick.css");
@import url("member.css");

html, body {max-width:100%;overflow-x:hidden;}
body {font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP','SpoqaHanSans','Spoqa Han Sans','nanumsquarer','NanumBarunGothic','NanumGothic', 'Dotum', 'Gulim', sans-serif;line-height:1.6em;font-size:14px;color:#666666;background:#fff;}
body {-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}

/* Layout */
#wrap {position:relative;width:100%;/*min-width:1100px;*/overflow:hidden;}
#main #header {position:absolute;top:0;left:0;width:100%;height:142px;clear:both;background:url('../img/common/header_bg.png') repeat-x top left;z-index:10;}
#sub #header {position:absolute;top:0;left:0;width:100%;height:142px;clear:both;background:url('../img/common/header_bg2.png') repeat-x top left;z-index:10;}
#main_container {position:relative;width:100%;height:auto;background:#f4f4f4;padding:40px 0;}
#main_container .container_in {position:relative;width:1100px;height:auto;margin:0 auto;overflow:hidden;}

#container {position:relative;width:100%;height:auto;padding:0 0 0 0;}
#container .container_in {position:relative;clear:both;width:1100px;height:auto;margin:0 auto;overflow:hidden;}
#left_column{position:relative;width:200px;float:left;height:auto;margin-right:50px;}
#right_column{position:relative;width:770px;float:left;height:auto;overflow:hidden;padding-top:15px;}

#footer {position:relative;width:100%;height:auto;padding-bottom:30px;border-top:1px solid #e1e1e1;}

#quick {position:absolute;top:30px;right:0;}
#quick ul li{text-align:center;margin-bottom:7px;letter-spacing:-0.04em;line-height:17px;}
#quick ul li a{font-size:14px;color:#777777;}
#quick ul li a span{display:block;margin-bottom:3px;}

/*header*/
#header h1 a {position:absolute;left:0;top:64px;z-index:1000000001;}
#header .header_in {position:relative;height:142px;width:1100px;margin:0 auto;}

.gnb {width:100%;height:40px;position:relative;z-index:101;}
.gnb .gnb_menu {float:right;overflow:hidden;clear:both;margin:0 auto;}
.gnb .gnb_menu li {float:left;width:auto;padding:0 12px 0 12px;line-height:40px;text-align:center;background:url('../img/common/gnb_bar.gif') no-repeat 0 50%;}
.gnb .gnb_menu li.current {color:#a7a8a7;}
.gnb .gnb_menu li.current a {color:#fff;}
.gnb .gnb_menu li a {display:block;color:#a7a8a7;font-size:14px;}
.gnb .gnb_menu li.first  {background:none;}
.gnb .gnb_menu li.last  {background:#5d8748;padding:0 12px 0 12px;}
.gnb .gnb_menu li.last a {color:#fff;}
.gnb .gnb_menu li.last a img {padding-bottom:4px;padding-right:3px;}
.gnb .gnb_menu > a {display:none;}

.searchBox {clear:both;float:right;}
.searchBox .search {position:relative;width:300px;height:40px;margin-top:25px;padding:5px 5px;background:#fff;border-bottom:2px solid #4857e4;}
.searchBox .search .button {position:absolute;top:5px;right:5px;}
.searchBox .search input.w_txt {background:none;width:250px;border:none;padding:2px 0 2px 2px;font-size:14px;color:#888;height:24px;line-height:24px;}
.searchBox .btn {float:left;padding:12px 0 12px 12px;}
.searchBox .btn span {padding:0 3px;}


#lnb {position:absolute;top:40px;left:50%;margin-left:-550px;height:48px;width:1100px;z-index:100000000;}
.lnb {padding-left:200px;}
.lnb:after {display:block;content:"";clear:both;}
.lnb>ul>li.first {padding-left:0;}
.lnb>ul>li {display:block;float:left;width:auto;height:102px;line-height:102px;padding:0 0 0 0;box-sizing:border-box;}
.lnb li span {display:block;width:136px;height:102px;overflow:hidden;text-align:center;}
.lnb li a {display:block;padding:0 20px 0 20px;font-size:17px;font-weight:400;color:#fff;}
.lnb li a:hover,
.lnb li:hover a {color:#fff;}
.lnb li ul {display:none;width:100%;height:220px;padding:14px 0 0 0;box-sizing:border-box;}
.lnb li ul li {clear:both;display:block;float:none;text-align:left;margin:9px 0;padding:0 10px 0 24px;line-height:23px;}
.lnb li ul li a {display:block;font-weight:400;padding:0 0 0 0 !important;font-size:15px;color:#fff !important;text-align:left;}
.lnb li ul li a:hover{text-decoration:underline;}
.lnb li:hover ul {width:auto;height:268px;background:url('../img/common/bg.png') repeat top left;}
.lnb li:hover ul li a {color:#fff !important;}
.lnb li:hover ul li a:hover {color:#fff  !important;}
.lnb>ul+a {display:none;}
.blind {position:absolute;top:0; left:0;display:none;width:100%;height:410px;background:url('../img/common/bg.png') repeat top left;z-index:100;}

/* .logo {width:100%;height:auto;} */

/* footer */
#footer .inner {position:relative;width:1100px;margin:0 auto;}
#footer .footerCopyright {position:relative;width:1100px;margin:0 auto;}
#footer .footerCopyright p.Copyright {padding:0 0 0 250px;font-size:13px;line-height:26px;color:#999999;}
#footer .footerCopyright p.footerLogo {position:absolute;top:12px;left:0;}
#footer .footerCopyright span {display:inline-block;width:20px;}
#footer .footerNav{overflow:hidden;padding:34px 0 10px 250px;}
#footer .footerNav ul{display:block;}
#footer .footerNav ul li{display:block;float:left;line-height:20px;padding:0 10px;background:url('../img/common/footer_bar.gif') no-repeat 0 40%;}
#footer .footerNav ul li:first-child{padding-left:0;background:none;}
#footer .footerNav ul li:last-child{padding-right:0;}
#footer .footerNav ul li a{display:block;font-weight:500;font-size:14px;color:#000;}

/*
#main_visual  {position:relative;width:100%;height:683px;padding-top:182px;box-sizing:border-box;background:url('../img/main/main_visual_bg.jpg') repeat-x center top;background-size:cover;}
*/
#main_visual  {position:relative;width:100%;height:683px;padding-top:182px;box-sizing:border-box;background-size:cover;}
#m_visual {position:relative;width:960px;height:460px;margin:0 auto 0;z-index:2;}
#m_visual .inbox {box-sizing:border-box;width:960px;margin:0 auto;text-align:left;padding:0 0 0 0;}
#m_visual .inbox .img {float:left;width:410px;height:460px;overflow:hidden;background-color:#f5f4ef;text-align:center;}
#m_visual .inbox .img img.img_in{max-width:410px;max-height:460px;height:100%;display:inline-block;}
#m_visual .inbox .txt {position:relative;display:table;float:left;width:550px;height:460px;background:#f5f4ef;box-sizing:border-box;padding:0 70px 0 45px;}
#m_visual .inbox .txt .txt_block {position:absolute;top:0;right:0;}
#m_visual .inbox .txt .txt_in {display:table-cell;vertical-align:middle;padding-bottom:20px;font-size:16px;}
#m_visual .inbox .txt .txt_in p.mv_1st{margin:15px 0 !important;font-weight:500;font-size:20px;line-height:130%;color:#000 !important;}
#m_visual .inbox .txt .txt_in p.mv_2nd{margin:15px 0 !important;font-weight:600;font-size:35px;line-height:130%;color:#568a3c !important;}

#m_visual .inbox .imgf {float:left;max-width:960px;max-height:460px;width:100%;overflow:hidden;}
#m_visual .inbox .imgf img.imgf_img{max-width:960px;max-height:460px;width:100%;}

#m_visual .inbox .txtn {display:none;position:relative;float:left;width:0px;height:460px;box-sizing:border-box;}

#sub_visual  {position:relative;width:100%;height:300px;padding-top:0;box-sizing:border-box;/*background:url('../img/main/sub_visual_bg.jpg') repeat-x center top#f5f5f5;*/background-size:cover;}
#sub_visual .sub_visual_in {box-sizing:border-box;width:1100px;margin:0 auto;text-align:left;padding:0 0 0 0;}

/* snb */
.snb{width:200px;position:relative;}
.snb ul{width:100%;position:relative;}
.snb ul li{width:100%;position:relative;clear:both;padding:12px 0;background:url('../img/common/bg_snb_off.gif') no-repeat 90% 50%;border-bottom:1px solid #dbdbdb;}
.snb ul li.current {background:#f9f9fa url('../img/common/bg_snb_on.gif') no-repeat 90% 50%;}
.snb ul li a{display:block;font-size:15px;line-height:24px;font-weight:500;color:#555;padding-left:20px;}
.snb ul li.current a{color:#6aad4a;font-weight:500;}
.snb ul li:last-child {border-bottom:1px solid #000;}
.snb_title{width:200px;height:71px;font-size:24px;font-weight:500;box-sizing:border-box;line-height:20px;color:#fff;padding:8px 0 30px 20px;background:url('../img/common/snb_title_bg.jpg') no-repeat top left;}

/* location */
.location{width:100%;height:58px;line-height:50px;border-bottom:1px solid #dbdbdb;box-sizing:border-box;overflow:hidden;padding-bottom:30px;}
.location .location_tit{float:left;font-size:25px;font-weight:500;color:#000;line-height:50px;}
.location .location_con{float:right;}
.location .location_con li{float:left;font-size:14px;color:#adadad;padding:0 12px 0 15px;background:url('../img/common/bg_location_con.gif') no-repeat 0 50%;}
.location .location_con li.current{padding-right:0;color:#626262;}
.location .location_con li.first{background:none;}
.location .location_con li.first img { vertical-align:top;padding-top:17px; }

.location .location_menu{float:right;}
.location .location_menu li.first{float:left;font-size:18px;color:#777777;padding:0 22px 0 15px;background-image:url('../img/common/bg_location_con.gif');background-repeat:no-repeat;background-position:right center;}
.location .location_menu li{float:left;font-size:18px;color:#777777;padding:0 12px 0 15px;}
.location .location_menu li.current{font-size:25px;color:#2A68E6 !important;}
.location .location_menu li.current a{font-size:25px;color:#2A68E6 !important;}


/* content */
.content_in{width:100%;overflow:hidden;padding-bottom:50px;clear:both;position:relative;height:auto;padding-top:30px;font-size:15px;}
.content_in h3{clear:both;margin:0 0 16px 0;font-size:21px;font-weight:500;line-height:30px;text-align:left;color:#6aad4a;background:url('../img/sub/h3_bar.gif') repeat-x 0 50%;}
.content_in h3 span{background:#fff;padding:0 20px 0 0;}
.content_in h4{clear:both;margin:0 0 10px 0;font-size:18px;font-weight:500;line-height:30px;text-align:left;color:#000;}
.content_in h3.mint{clear:both;margin:0 0 16px 0;font-size:21px;font-weight:500;line-height:30px;text-align:left;color:#57b8c1;background:url('../img/sub/h3_bar_mint.gif') repeat-x 0 50%;}
.content_in h3.gray{clear:both;margin:0 0 16px 0;font-size:21px;font-weight:500;line-height:30px;text-align:left;color:#727272;background:url('../img/sub/h3_bar_gray.gif') repeat-x 0 50%;}

/* jepark */
.contentin div.content_in_33{width:33%;overflow:hidden;float:left;position:relative;height:auto;padding-top:30px;padding-bottom:50px;font-size:15px;}


/* Laptop L */
@media screen and (max-width:1440px) {
	#header h1 a img {width:150px;}
	#header .header_in {width:960px;}
	#main_container .container_in {width:960px;}
	#container .container_in {width:960px;}
	#footer .footerCopyright {width:960px;}
	#left_column {margin-right:30px;}
	#quick {display:none;}
	#sub_visual .sub_visual_in {width:960px;}
	#right_column {width:730px;}
}



/* Laptop */
@media screen and (max-width:1024px) {
	#left_column {width:29%;margin-right:3%;}
	#right_column {width:66%;}
	#header h1 a {left:14px;}
	#header .header_in {width:100%;}
	#main_container .container_in {width:100%;}
	#container .container_in {width:100%;}
	#lnb {width:100%;margin-left:-50%;}
	.lnb {padding-left:0;}
	.lnb > ul {position:absolute;right:0;}
	.lnb li span {width:106px;}
	.lnb li a {padding:0 14px;}
	.lnb li ul li {padding:0 0 0 23px;}
	#main_visual {height:66.699vw;min-height:600px;}
	#m_visual {width:93.750vw;height:44.922vw;}
	#m_visual .inbox {width:93.750vw;}
	#m_visual .inbox .img {width:40.039vw;height:44.922vw;}
	#m_visual .inbox .txt {width:53.711vw;height:44.922vw;padding:0 70px 0 35px;}
	#m_visual .inbox .txt .txt_block img {max-width:260px;max-height:203px;width:20.391vw;height:14.824vw;}
	#footer .inner {width:100%;}
	#footer .footerCopyright {width:100%;padding:0 20px;box-sizing:border-box;}
	#footer .footerCopyright p.footerLogo {left:20px;}

	#sub_visual .sub_visual_in {display:none;}

	.snb {width:100%;}
	.snb_title {width:100%;padding:28px 0 10px 20px;background-size:cover;}
}

/* Tablet */
@media screen and (max-width:768px) {
	#main #header {position:relative;height:auto;background:#2f3033;}
	#sub #header {position:relative;height:auto;background:#2f3033;}
	#left_column {display:none;}
	#right_column {width:100%;padding:15px 5% 0;box-sizing:border-box;}
	#header .header_in {width:100%;height:auto;box-sizing:border-box;}
	#header h1 a {top:13px;left:10px;max-width:100px;line-height:50px;text-align:center;}
	#header h1 a img {display:block;width:100%;}
	.gnb {height:50px;padding:0 10px;box-sizing:border-box;}
	.gnb .gnb_menu li a {color:#fff;}
	.gnb .gnb_menu li.sitemap,
	.gnb .gnb_menu li.last {display:none;}
	.gnb .gnb_menu li.last {padding:0 6px 0 6px;}
	.gnb .gnb_menu li.last a img {padding-bottom:2px;padding-right:1px;}
	.gnb .gnb_menu ul {float:left;}
	.gnb .gnb_menu ul + a {float:left;display:block;position:relative;top:11px;width:28px;height:28px;margin-left:10px;background:transparent;border:none;}
	.gnb .gnb_menu ul + a .hamb_top,
	.gnb .gnb_menu ul + a .hamb_middle,
	.gnb .gnb_menu ul + a .hamb_bottom {position:absolute;left:0;width:100%;height:3px;background:#fff;}
	.gnb .gnb_menu ul + a .hamb_top {top:3px;}
	.gnb .gnb_menu ul + a .hamb_middle {top:50%;margin-top:-2px;}
	.gnb .gnb_menu ul + a .hamb_bottom {bottom:4px;}
	.gnb .gnb_menu li {line-height:50px;padding:0 6px 0 6px;}

	#lnb {display:none;position:relative;top:0;left:0;width:100%;height:auto;margin:0;padding:0;background:#fff;box-sizing:border-box;}
	.lnb {padding:0;}
	.lnb > ul {position:relative;width:100%;background:#fff;}
	.lnb > ul > li {float:none;width:auto;height:auto;line-height:55px;padding:0;box-sizing:border-box;}
	.lnb li span {position:relative;width:100%;height:55px;text-align:left;}
	.lnb li span:after {content:'';display:block;position:absolute;top:22px;right:30px;width:10px;height:10px;border-bottom:1px solid #666;border-right:1px solid #666;transform:rotate(45deg) translateY(-50%);transition:all 0.2s ease;}
	.lnb li span.on:after {content:'';display:block;position:absolute;top:22px;right:22px;width:10px;height:10px;border-bottom:1px solid #666;border-right:1px solid #666;transform:rotate(225deg) translateY(-50%);transition:all 0.2s ease;}
	.lnb li a {padding:0 15px;color:#666;}
	.lnb li a:hover,
	.lnb li:hover a {color:#666;}
	.lnb li:hover ul {width:auto;height:auto;background:#2f3033;}
	.lnb li ul {position:relative;display:none;height:auto;padding:0 0 0 15px;background:#2f3033;}
	.lnb li ul li {margin:0;padding:0;line-height:55px;}
	.lnb li ul li a {font-size:16px;}
	.blind {background:transparent;}

	#footer {padding-bottom:34px;}
	#footer .footerCopyright {padding:0;}
	#footer .footerCopyright p.footerLogo {position:relative;top:0;left:0;margin:34px auto 10px;text-align:center;}
	#footer .footerCopyright p.Copyright {padding:15px 25px 0;font-size:12px;}
	#footer .footerNav {padding:0;}
	#footer .footerNav ul{display:inline-block;position:relative;left:50%;width:72%;margin-left:-36%;}
	#footer .footerNav ul li a {font-size:15px;}

	#sub_visual {display:none;}

/*
	#main_visual {height:auto;padding-top:0;background:#fff;}
	#m_visual {position:relative;width:100%;height:100%;margin:0 auto 0;z-index:2;}
	#m_visual .inbox {width:100%;box-sizing:border-box;}
	#m_visual .inbox .img {width:100%;height:100%;box-sizing:border-box;}
	.slick-slide img {width:100%;}
	#m_visual .inbox .txt {width:100%;height:360px;padding:0 70px 0 45px;} 
	#m_visual .inbox .txt .txt_block {max-width:190px;}
*/


	#main_visual {height:200px;padding-top:0;background:#fff;min-height:200px;}
	#m_visual {position:relative;width:100%;height:100%;margin:0 auto 0;z-index:2;}
	#m_visual .inbox .img {float:left;width:50%;height:200px;overflow:hidden;background-color:#f5f4ef;padding:0;margin:0;display:flex;align-items:center;justify-content:center;}
	#m_visual .inbox .img img.img_in{max-height:200px;height:auto;width:auto;display:inline-block;margin:0;padding:0;}
	#m_visual .inbox .txt {position:relative;display:table;float:left;width:50%;height:200px;background:#f5f4ef;box-sizing:border-box;padding:0 5px 0 5px;}
	#m_visual .inbox .txt .txt_block {position:absolute;top:0;right:0;display:none;}
	#m_visual .inbox .txt .txt_in {display:table-cell;vertical-align:middle;padding-bottom:10px;font-size:12px;}
	#m_visual .inbox .txt .txt_in p.mv_1st{font-weight:500;font-size:13px;line-height:130%;color:#000 !important;}
	#m_visual .inbox .txt .txt_in p.mv_2nd{font-weight:600;font-size:18px;line-height:130%;color:#568a3c !important;}

	#m_visual .inbox .imgf {float:left;width:100%;height:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;}
	#m_visual .inbox .imgf img.imgf_img{max-width:150%;max-height:150%;width:100%;height:200px;margin:0 auto;}

	#m_visual .inbox .txtn {display:none;position:relative;float:left;width:0px;height:200px;box-sizing:border-box;}

	.location {overflow:visible;height:65px;padding-bottom:0;line-height:65px;}
	.location .location_tit {float:none;text-align:center;line-height:65px;}
	.location .location_con ul {overflow:hidden;line-height:40px;}
	.location .location_con li.first img {padding-top:13px;}
}