@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
/*@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);*/

/* Reset */
html, body { width:100%; height:100% }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button { margin:0; padding:0 }
body {text-align:left; *word-break:break-all;-ms-word-break:break-all; font-family:'Nanum Gothic','나눔고딕','Noto Sans KR','Apple SD Gothic','맑은고딕', sans-serif; color:#777; line-height:20px; font-size:14px; letter-spacing:-1px}
h1, h2, h3, h4, h5 { font-family: 'Noto Sans KR','Apple SD Gothic','맑은고딕',sans-serif; letter-spacing: -2px }
img, fieldset, iframe { border:0 none }
li, block { list-style:none }
input, select, button { vertical-align:middle }
img { vertical-align:top }
i, em, address { font-style:normal }
label, button { cursor:pointer; border:0 }
button { margin:0; padding:0 }
a { color:#2f3743; text-decoration:none }
a:hover { color:#390; text-decoration:none }
button * { position:relative }
html:first-child select { height:20px; padding-right:6px }
option { padding-right:6px }
hr { display:none }
table { border-collapse:collapse; border-spacing:0 }

/*관리자접속*/
.admin_connecting {position:fixed; left:0; top:0; z-index:777; width:100px; height: 120px; line-height: 30px; padding-top:10px; color:#FFF; text-align: center; font-size:24px; font-weight:bold;
	background: none repeat scroll 0 0 #F00; /* Old browsers */
	background: -moz-linear-gradient(top,  #56629d, #2f3345 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#525876), color-stop(4%,#454b68), color-stop(100%,#2f3345)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #56629d,#2f3345 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #56629d,#2f3345 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #56629d,#2f3345 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #56629d,#2f3345 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56629d', endColorstr='#2f3345',GradientType=0 ); /* IE6-9 */
 }
.admin_connecting a {display: block; background:#FFF; width:80px; margin:0 auto; margin-top:4px; font-size:20px}

#footer .bt_admin {position:absolute; top:20px; left:900px; display: block; width:50px; height:50px; line-height:50px; 
					text-align: center; color:#d0d0d0; border:1px solid #e1e1e1}

/*방문자*/
.today_count_sm {width:94px; height:150px; position:fixed; top:130px; left:0; background-color:#FFF; color:#FFF !important; 
				border:3px solid #454b68; font-weight:bold; z-index: 777; line-height:40px}






/*레이아웃*/
#header {width: 100%; min-width:1180px; height: 75px; background: url('/images/bg_header.png'); position: absolute; top:0; z-index:2}
#visual_main {width: 100%; min-width:1180px; height: 532px; background: url('/images/visual_main.png') center top; position: relative;}
#visual_sub {width: 100%; min-width:1180px; height: 442px; background: url('/images/visual_main.png') center top; position: relative; z-index:1;}
#visual_sub_shop {width: 100%; min-width:1400px; height: 442px; background: url('/images/visual_sub.jpg') center top; position: relative;}
#section01 {width: 100%; min-width:1180px; height: 492px; background: #f4f4f4; position: relative;}
#section02 {width: 100%; min-width:1180px; height: 597px; background: url('/images/bg_section02.png') center top; position: relative;}
#section03 {width: 100%; min-width:1180px; height: 370px; position: relative; background: url('/images/bg_section03.png') center top; }
#section04 {width: 100%; min-width:1180px; position: relative; }
#footer {width: 100%; min-width:1180px; height: 200px; background: url('/images/bg_footer.png'); border-top: 7px solid #2fb947; margin-top: 114px;}

#section_sub {width:100%; min-width:1180px; padding-top: 30px}
#section_sub_shop {width:100%; min-width:1400px; padding-top: 30px}

#header .top {width: 1180px; height: 75px; margin:0 auto}
#header .top h1 {width: 150px;height: 75px;margin-left: 213px; float: left;}
#header .top .gnb {width: 500px; height: 75px; float: left; margin-left: 170px; }
#header .top .gnb li {height: 51px; line-height:15px; padding:24px 30px 0 30px; float: left; text-align:center;}
#header .top .gnb li span {display:block; font-size:10px; color:#fff; }
#header .top .gnb li a {color:#fff; font-size:16px; }

.center_box {width: 1180px; margin:0 auto; position: relative;}

#section01 > .center_box .login_wrap {width: 1180px; height: 147px; position: absolute; top: -75px}
#section01 > .center_box .login_wrap .kakao_box {width: 241px; height: 147px; float: left; ;}
#section01 > .center_box .login_wrap .login_box {width: 471px; height: 147px; float: left; background: url('/images/bg_login_main.png') }
#section01 > .center_box .login_wrap .best_box {width: 468px; height: 147px; float: left; background: url('/images/bg_best_main.png') }

.login_wrap .login_box li {float: left;}
.login_wrap .login_box li:nth-child(1) {width: 131px; height: 147px; text-align:center;  /* background: url('/images/img_login.png') center no-repeat; */}
.login_wrap .login_box li:nth-child(1) img {margin-top: 30px;}
.login_wrap .login_box li:nth-child(2) {width: 217px; height: 100px; margin-top: 36px; }
.login_wrap .login_box li:nth-child(2) span {display:block; width: 150px; color:#53bb42; word-break:keep-all}
.login_wrap .login_box li:nth-child(3) {width: 91px; height: 147px; }
.login_wrap .login_box li:nth-child(3) a {padding:6px 20px; background: url('/images/icon_bullet.png') left center no-repeat; display: block; color:#53bb42; ;}
.login_wrap .login_box li:nth-child(3) a:hover {color:#fff; ;}
.login_wrap .login_box li:nth-child(3) a:first-child {border-bottom: 1px solid #52a844;margin-top: 45px}

.login_wrap .best_box li {float: left;}
.login_wrap .best_box li:nth-child(1) {width: 131px; height: 147px; background: url('/images/img_best.png') center no-repeat;}
.login_wrap .best_box li:nth-child(2) {width: 300px; height: 130px; border-left: 1px dashed #3a8630; margin-top: 10px; }
.login_wrap .best_box li:nth-child(2) a {background:url('/images/bg_button_line.png') left center repeat-x; display: block; width: 300px; height: 30px; line-height: 30px; color:#fff; position: relative;}
.login_wrap .best_box li:nth-child(2) a:first-child {margin-top: 20px;}
.login_wrap .best_box li:nth-child(2) a span {float: right; padding:3px 5px; line-height: 14px; background-color: #fff; color:#20481a; font-size: 14px; border-radius: 8px; text-indent: 0; margin-top: 5px;}
.login_wrap .best_box li:nth-child(2) a p {float: left; padding: 0 20px; background-color: #1d4318;}
.login_wrap .best_box li:nth-child(2) a:before {content:""; position: absolute; width: 12px; height: 12px; background-color: #fff; transform: rotate(45deg); left: -7px; top:9px; transition: .3s}
.login_wrap .best_box li:nth-child(2) a:hover:before {transform: rotate(-45deg); background: #66ffae;}
.login_wrap .best_box li:nth-child(2) a:hover span {background: #66ffae;}




#section01 > .center_box .board_wrap {width: 100%; position: absolute; top: 75px; }
.board_wrap .h_box {height: 105px; text-align: center;}
.board_wrap .h_box li {height: 105px; line-height: 105px; display: inline-block; background:url('/images/h_block.jpg') left center no-repeat; color:#777; font-size: 18px; padding: 0 30px; }
.board_wrap .h_box li:first-child {background: none;}
.board_wrap .h_box li.active {font-weight: bold; color:#20481a; position: relative;}
.board_wrap .h_box li.active:before {content:""; position: absolute; width: 80px; height: 2px; background-color: #20481a; bottom:30px; left:50%; transform: translate(-50%, 0);}

.board_wrap #board_recent_main div {width: 100%; color:red;}
.board_wrap #board_recent_main div .widgetZineA {text-align:center;}
.board_wrap #board_recent_main div .widgetZineA li {display:inline-block; width: 220px; height: 242px; border:1px solid #ccc; margin:0 5px; background: #fff; vertical-align:top}
.board_wrap #board_recent_main div .widgetZineA li .titleArea {width: 190px; border-bottom: 1px solid #ccc; text-align:center; font-size:16px; font-weight:bold; height:70px; line-height:96px; margin:0 auto 20px auto !important; position: relative; }
.board_wrap #board_recent_main div .widgetZineA li .titleArea .cate_main {position: absolute; padding:3px 6px; background: #238213; left:50%; transform:translate(-50%,0); color:#fff; font-size:12px; top:19px; line-height:10px}
.board_wrap #board_recent_main div .widgetZineA li .text {margin:0 auto !important; width: 190px; word-break:keep-all; color:#777; display:block}
.board_wrap #board_recent_main div .widgetZineA li .date {display:block; margin:14px 0 16px 0 !important; color:#777}
.board_wrap #board_recent_main div .widgetZineA li .hour {display:none}
.board_wrap #board_recent_main div .widgetZineA .thumbArea {/* display:none */}
.board_wrap #board_recent_main div .widgetZineA .button_km {}
.board_wrap #board_recent_main div .widgetZineA li p.thumbArea.action {width:100% !important; float:none !important; margin-right:0 !important; overflow:hidden !important; text-align:center; }
/*.board_wrap #board_recent_main div .widgetZineA li .thumb {width:100% !important; height:auto !important; position: relative !Important;}
.board_wrap #board_recent_main div .widgetZineA li .thumb img {width:100% !important; height:auto !important} */

/*giftshop*/
.board_wrap.shop > div .widgetZineA {width: 1300px; margin-top: 60px; text-align:center; }
.board_wrap.shop > div .widgetZineA li {width: 214px !important; height: 250px !important; display:inline-block;}
.board_wrap.shop > div .widgetZineA li .thumbArea {width: 170px !important; height: 170px !important; float:none !important; margin:0 auto !important; border:1px solid #eee }
.board_wrap.shop > div .widgetZineA li .titleArea {margin:0 !important}
.board_wrap.shop > div .widgetZineA li .titleArea {margin: 8px !important; max-height: 45px !important; line-height: 15px !important; font-size:16px; color: #19500f; font-weight:normal}
/* .board_wrap.shop #all .widgetZineA li .thumbArea a img {width: 170px !important; height: 170px !important;} */



#section02 .center_box h2 {text-align: center; }
#section02 .widgetZineA {text-align:center}
#section02 .widgetZineA li {width: 278px; height: 334px; display:inline-block; margin:0 6px; background: #fff;}
#section02 .widgetZineA li .thumbArea {display:none}


#section02 .widgetZineA li p.authorArea{ margin-left:0px !important; height:60px; background: #33622d; }
#section02 .widgetZineA li p.authorArea a { color:#fff}
#section02 .widgetZineA li p.titleArea{ margin:32px auto 0px auto !important; width: 220px; height:44px; border-bottom: 1px solid #eaeaea; font-size:20px; line-height:44px}
#section02 .widgetZineA li p.titleArea .board{ padding-right:5px;}
#section02 .widgetZineA li p.titleArea span.icon {position:relative; top:10px;}
#section02 .widgetZineA li p.text{ margin:0px auto !important; width: 220px; height: 124px; margin-bottom:4px;font-size:15px; padding-top: 20px; color:#222}



#section03 .center_box {width: 1220px; }
#section03 h2 {width: 325px; float: left; margin-top: 60px;}
#section03 h2 a {margin-top: 20px; display: inline-block;}
#section03 h2 a:hover {background: #03290f;}
#section03 ul.item_box {float: left; margin-top:60px;}
#section03 ul.item_box li {float: left; margin: 0 15px; }
#section03 ul.item_box li span.imgBox {width: 186px; height: 186px; position: relative; display: block; background: url('../images/item_box.png') no-repeat center; text-align:center; }
#section03 ul.item_box li span.imgBox > img {/* width:60px; height:60px; */ position: absolute; left:50%; top:50%; transform:translate(-50%,-60%)}
#section03 ul.item_box li span.imgBox span {width: 100%; height: 47px; line-height: 47px; color:#fff; font-size: 20px; position: absolute; text-align: center; bottom:0; font-weight: bold; display: block}
#section03 ul.item_box li h3 {height: 30px; line-height: 30px; font-size: 15px; color:#03290f; text-align: center;}
#section03 ul.item_box li a {width: 100px; height: 24px; font-size: 15px; color:#fff; text-align: center; font-weight: bold; text-align: center; background-color: #063a17; display: block; margin: 0 auto; border-radius: 8px; }



#section04 .center_box {text-align: center;}
#section04 .center_box > ul  {font-size: 0}
#section04 .center_box > ul > li {width: 540px;display: inline-block; margin: 0 24px; vertical-align: top}
#section04 .center_box > ul > li h2 {width: 100%; height: 90px; line-height: 60px; border-bottom: 1px solid #ddd; font-size: 50px; color:#063a17; padding-top: 20px; text-align: left; margin-bottom: 30px;}
#section04 .center_box > ul > li h2 span {color:#ccc; line-height: 20px; font-size: 13px; display: block;}
#section04 .center_box > ul > li div.contents {height: 486px; background-color: #ddd;vertical-align:topz}
#section04 .center_box > ul > li div.contents img {width: 100%; vertical-align:top}





/*subpage*/
#section_sub .top {width: 100%; height: 554px; background: url('/images/bg_best_sub.jpg') center top no-repeat;}
#section_sub .top ul {position: relative; top:200px; text-align:center }
#section_sub .top ul li {display: inline-block; margin: 0 20px}
#section_sub .article > div .board_wrap > div {width: 1300px; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.5); border-radius: 50px; font-size: 20px; padding: 50px; padding-bottom: 100px;}
#section_sub .article > div .shop > div {width: 1300px; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.5); border-radius: 50px; font-size: 20px; padding:50px; padding-bottom: 100px}
#section_sub .article > div .board_wrap.shop > div {position: relative;}
/*#section_sub .article > div .board_wrap.shop > div#gift_all {display: block !important;} */
#section_sub .article > div .board_wrap.shop > div#gift_all:after {content:""; display:block; clear:both}
#section_sub .article .h_box {text-align: center; font-size: 0}
#section_sub .article .h_box > ul {position: relative; z-index:2}
#section_sub .article .h_box > ul > li {width: 300px; height: 70px; line-height: 70px; display: inline-block; border-radius: 30px 30px 0 0; font-size: 20px; text-align: center; background: #0f300b; box-shadow: inset 0 60px 20px #195010}
#section_sub .article .h_box > ul > li.active {background: #fff; box-shadow: none; border:1px solid #aaa; border-bottom: none; /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/ }
#section_sub .article .h_box > ul > li.active > a {color:#195010; font-weight: bold; }
#section_sub .article .h_box > ul > li > a {color:#fff; display: block;}


@media screen and (max-width:780px) {
.shop_width1300 {width:1400px !important}
}





#footer h1 {width: 245px; height: 122px; float: left; background: url('/images/logo_footer.png') center no-repeat; margin: 40px 0 0 240px;}
#footer ul {width: 520px; height: 80px; float: left; margin-top: 30px; margin-top: 70px; color:#fff; font-size: 14px}



.lnb_sub {position: absolute; left:50%; bottom:-20px; transform:translate(-50%,0%); text-align:center}
.lnb_sub li {display:inline-block; border-radius:50px; background: #C3F773; border:3px solid #fff; font-size:18px; box-shadow:0 0 10px rgba(0,0,0,0.2); animation:lnbSub .5s forwards; transform:scale(0);font-family: 'Noto Sans KR','Apple SD Gothic','맑은고딕',;}
@keyframes lnbSub {
	0% {transform:scale(0)}
	30% {transform:scale(1.2)}
	70% {transform:scale(0.9)}
	100% {transform:scale(1)}
}
.lnb_sub li:nth-child(2) {background: #95EB4C; animation-delay:.1s}
.lnb_sub li:nth-child(3) {background: #6CE238; animation-delay:.2s;}
.lnb_sub li:nth-child(4) {background: #4CD452; animation-delay:.3s;}
.lnb_sub li:nth-child(5) {background: #2B8B1D; animation-delay:.4s;}
.lnb_sub li:nth-child(6) {background: #1B8B1D; animation-delay:.5s;}

.lnb_sub li a {padding:10px 40px; display:block; color:#222; font-weight:bold}
.lnb_sub li.active,
.lnb_sub li:hover
{background: #D67152; }

.lnb_sub li.active a,
.lnb_sub li:hover a {color:#fff}

#market_wrap {width:100%; min-width:1400px; height:860px; padding-top:520px; background: url('/images/bg_market.jpg') center top no-repeat;}
#market_wrap h1 {width: 184px; height: 96px; position: absolute; left:10%; top:96px; /* margin-left: -766px; */}
#market_wrap h2 {width: 109px; height: 117px; position: absolute; left:50%; margin-left: 560px; top:610px;}
#market_wrap > ul {width:1000px; height:400px; margin:0 auto; text-align:center}
#market_wrap > ul li {width:201px; height:202px; display:inline-block; margin:0 50px; background: url('../images/bg_market_item.png') no-repeat; vertical-align:top}
#market_wrap > ul li a {display:block; width:187px; margin:0 auto; }
#market_wrap > ul li a figure {width:100%; height:110px; margin:0 auto;}
#market_wrap > ul li a figure img {/* width:60px; height:60px; */ margin-top:50px; }
#market_wrap > ul li a h4 {width:100%; height:19px; line-height:19px; text-align:center; font-size:15px; color:#063714}
#market_wrap > ul li a p {width:100%; height:34px; line-height:34px; text-align:center; color:#fff; font-size:20px; font-weight:bolder; text-shadow:1px 1px 5px rgba(0,0,0,0.5)}
#market_wrap > ul li a p span {color:#fff; font-size:13px; padding:2px}




.market_box ol.bd_lst.bd_tmb_lst.gall_style.img_loadN.tmb_bg li {background: url(../images/bg_market_item2.png) no-repeat center; }

.market_box {width: 920px; margin:-50px auto 0 auto;}
.market_box .bd_tmb_lst .tmb_wrp {border:0; }
.market_box .price_km {height: 48px; line-height: 48px; font-weight: bold; font-size: 20px; color: #fff;}
.market_box .price_km span {font-size: 14px;}
.market_box .url_km {display: none;}
.market_box h1 {top:25px !important; font-size: 20px !important;}

.market_box .tmb_wrp.ribbon_v {width: 200px; height: 200px; padding-top: 50px; box-sizing:border-box}
.market_box .bd_tmb_lst p {margin-top: -94px; max-height:none !important}
.market_box .bd_tmb_lst p b {font-size: 14px; font-weight: bold;}

.market_box .bd_lst li .link_km {position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: 777;}




#section3 .item_box li {background: url(../images/bg_market_item2.png) no-repeat center; }

#section3 .item_box .bd_tmb_lst .tmb_wrp {border:0; }
#section3 .item_box .price_km {height: 48px; line-height: 48px; font-weight: bold; font-size: 20px; color: #fff;}
#section3 .item_box .price_km span {font-size: 14px;}
#section3 .item_box .url_km {display: none;}
#section3 .item_box h1 {top:25px !important; font-size: 20px !important;}

#section3 .item_box .tmb_wrp.ribbon_v {width: 200px; height: 200px; padding-top: 50px; box-sizing:border-box}
#section3 .item_box.bd_tmb_lst p {margin-top: -94px; max-height:none !important}
#section3 .item_box.bd_tmb_lst p b {font-size: 14px; font-weight: bold;}

#section3 .item_box.bd_lst li .link_km {position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: 777;}



/* main */
.item_box2 {width: 850px; height: 200px; float: right; margin-top: 65px;}
.item_box2 input[type=checkbox] {display: none;}
.item_box2 ul {width: 186px; height: 186px; float: left; margin-right: 10px; background: #fff; background: url('/images/item_box.png');position: relative; }
.item_box2 ul li {text-align: center;}
.item_box2 ul li .link_km {position: absolute; width: 100px; height: 24px; line-height: 24px; background: #063a17; left:45px; top:220px; border-radius:5px; color: #fff; text-align: center;}
.item_box2 ul li .link_km:before {content:"BUY"; position: absolute; font-weight: bold; width: 100%; left:0; font-size: 15px; }

.item_box2 ul li .tmb {position: absolute; top:70px; transform:translate(-50%,0)}

.item_box2 ul li p {margin-top: 135px; position: relative;}
.item_box2 ul li p b {position: absolute; top:60px; left:50%; transform:translateX(-50%); width: 100%;}
.item_box2 ul li p .price_km {height: 48px;line-height: 48px;font-weight: bold;font-size: 20px;color: #fff;}
.item_box2 ul li p .price_km span {font-size: 14px;}
.item_box2 .url_km {display: none;}





/*10기때 했지롱*/
@media screen and (max-width:720px){
.board_wrap {background: #f0f0f0; padding: 23px;}
table.extraVarsList {border-top: none !important; background: #fff; border-radius: 20px; }
table.extraVarsList th {background:none; border-top: none; color: #21b0b0; /* height: 50px; */ padding:10px 20px 0px 20px; line-height: 40px; font-size: 16px; font-weight: normal;}
table.extraVarsList td {border-top: none; padding: 0 15px;}

table.extraVarsList td ul {height: auto; background: #f9f9f9; border:1px solid #ededed; border-radius: 7px; width:auto; padding: 0 10px;}

table.extraVarsList td input/* :not([type=radio]) */ {height: 45px; background: #f9f9f9 !important; border:1px solid #ededed; border-radius: 7px; width:100%; font-size: 16px !important;}

table.extraVarsList td input[type=radio] {width: 18px;}

table.extraVarsList td input.tel {width: 29%; border:1px solid #ededed}

table.extraVarsList td p {color: #777; padding: 0 10px;}
}