/*font*/
@charset "euc-kr";
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype'); } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype') } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype'); } .nanumbarungothic * { font-family: 'NanumBarunGothic', sans-serif; }
@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-1Thin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lobster+Two&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Caslon+Text&display=swap');

/* Reset */
* {margin:0; padding:0}
body {margin:0; padding:0; height:100%; font-size:12px; color:#5d5d5d; font-family:'Noto Sans KR','NanumbarunGothic','Malgun Gothic', 'NanumGothic',Dotum, Arial, sans-serif; position:relative;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0; padding:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle}
strong {font-weight:bold; letter-spacing:-0.05em;}
address,em {font-style:normal; color:#969696}
hr {display:none}
table {border-collapse:collapse; width:100%}
table, td, th {border:none}
th {font-weight:normal}
a {color:inherit; text-decoration:none; cursor:pointer; display:inline-block;}
a:hover,a:focus {text-decoration:none}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}
button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px;}
mark {background:none; color:inherit;}
textarea {padding:10px; background: #fefefe; border:1px solid #e2e2e2; border-radius: 3px; box-shadow:inset 1px 3px 4px -3px rgba(0,0,0,0.1); resize:none; behavior: url( 'PIE.htc' );}
select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #e2e2e2; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal; }
input[type="text"], input[type="password"] {height:32px; padding:0 5px; line-height:18px; text-indent:3px; color: #696F74; vertical-align:middle;
background: #fefefe; border:1px solid #e2e2e2 /*!important*/; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1);}
/*input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}*/
input[type="file"] {padding:5px; border:1px solid #e2e2e2; color:#666; background:none; border:none}
input[type="image"], input[type="checkbox"] {border:0 none !important; vertical-align: middle; margin-right: 2px;}
input[type='checkbox'], input[type="radio"] {width:16px; height:16px; position:relative; top:-1px; vertical-align:middle; margin-right:3px;}
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

@media \0screen {input[type=text], input[type=password]{line-height:30px;}}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.blind {position:absolute;left:0;top:0;font-size:0;visibility:hidden;width:0;height:0;line-height:0}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px}
.none    {position:absolute; top:-5000px; left:-5000px; height:0;}
.png24 {tmp:expression(setPng24(this));}

.clearfix:after {content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0;}

#contents {width:100%; position:relative;}
#wrap { width:1280px; min-height:500px; margin:0 auto; position:relative; }
#wrap:after { content:" "; display:block; clear:both; height:0;visibility:hidden; font-size:0; }
#sub_contents { width:950px; padding:55px 0 100px; float:right;}
#sub_top {width:100%; height:250px; background:#eee;}


/*layout*/
#header {position:relative; width:100%; }
#header::before {content:''; background:#009dbb; border-bottom:1px solid #d9e3e5; position:absolute; top:0; width:100%; height:37px;}
#header .header {width:100%; max-width:1100px; margin:0 auto;}
#header h1 {padding-top:75px; text-align:center; margin-bottom:36px;}
#header .nav {padding-right:300px;}
#header .nav > li {float:left; font-size:17px; line-height:50px; position:relative; height:50px; width:20%; cursor:pointer;  text-align:center;}
#header .nav li a {display:block; width:100%;}
#header .nav li a:hover {color:#008dbb;}
#header .nav > li i {background:url('../images/menu.png') 0 center no-repeat; padding-left:19px; font-style:initial;}
#header .nav > li > ul {display:none; font-size:14px; position:absolute; top:50px; width:100%; left:0; background:#fff; text-align:left; padding-bottom:10px;}
#header .nav > li > ul li {margin-top:10px; height:38px; line-height:38px;}
#header .nav > li > ul a {padding-left:15px;}
#header .nav > li > ul a:hover {background:#eaf1f2;}
#header .nav > li:hover > ul {display:block; z-index:10;}
#header .nav_shop {position:absolute; top:0; width:100%; max-width:1100px; text-align:right; color:#fff; padding-top:5px}
#header .nav_shop li {font-size:11px; display:inline-block; font-family:dotum;}
#header .nav_shop li a {display:block; padding:5px; }

#header .floating {position:fixed; bottom:20px; right:20px; border:1px solid #84c415; width:85px; background:rgba(255,255,255,0.8); z-index:9999;}
#header .floating.gap {bottom:100px;}
#header .floating ul {text-align:center; /*padding-top:15px;*/}
#header .floating ul li {color:#222; margin:0 auto; padding:18px 0; width:70%; border-top:1px dashed #999;}
#header .floating ul li:first-child {border-top:none;}
#header .floating ul p {padding-top:8px; color:#555; font-size:12px; letter-spacing:-0.05em;}

#header .floating .top {width:100%; height:30px; background:#84c415; color:#fff; line-height:30px; text-transform:uppercase;}

/* ÆäÀÌÁö ÇÏ´Ü */
.ft_bn {height:170px; width:100%; background:url('../images/bn_btm.jpg') center no-repeat; text-indent:-9999px;}
.cs {padding:95px 0 70px; width:100%; max-width:1100px; margin:auto; font-size:20px;}
.cs > div {width:50%; float:left;}
.cs h4 {font-size:22px; color:#333; padding-bottom:10px; border-bottom:2px solid #009dbb; display:inline-block; margin-bottom:15px;}
.cs .tel {font-size:30px; color:#333; font-weight:500; margin-bottom:5px;}
.cs .tel span {font-weight:300; font-size:20px;}
.cs dl dt, .cs dl dd  {height:34px; vertical-align:middle;}
.cs dl dt {float:left; color:#999; font-size:15px; line-height:34px;  padding-right:5px;}
.cs .cmt {font-size:14px; font-weight:300;}
.cs .btns {margin-top:26px;}
.cs .btns a {display:inline-block; margin-right:5px; border:1px solid #dedede; padding:12px 20px; font-size:14px; color:#555;}
.cs .btns a:hover {background:#eee;}
.cs .btns a span {display:inline-block; padding-left:45px;}
.btm_links {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:5px;}
.btm_links ul {width:100%; max-width:1100px; margin:0 auto;}
.btm_links ul li {float:left; font-size:13px; color:#989898;}
.btm_links ul li::after {content:'|'; font-size:10px; vertical-align:text-top;}
.btm_links ul li:last-child::after {display:none;}
.btm_links ul li a {padding:10px;}
.btm_links ul li:first-child a {padding-left:0;}
#footer {width:100%; max-width:1100px; margin:50px auto; font-size:13px;}
#footer .ft_infos {color:#494949;}
#footer .common_btm {color:#afafaf; margin-top:20px;}
#footer .common_btm mark {color:#64b8c8;}


/*main*/
.main_visual {position:relative; width:100%; min-width:1050px; max-width:1920px; margin:auto; z-index:0;}
.main_visual .main_visual_img {z-index:0;}
.main_visual .visual_txt {position:absolute; top:380px; width:100%; height:149px; text-align:center; line-height:200px; z-index:99;}
.main_visual ul {}
.main_visual ul li { width:100%; height:373px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.main_visual .bx-wrapper .bx-pager { bottom:40px; }
.main_visual ul li a {display:block; width:100%; height:100%; text-indent:-9999px;}


.m_shop {margin:0 auto 100px; width:100%; max-width:1050px; padding-top:30px;}
.m_shop .tit {font-size:18px; color:#000; font-weight:bold; padding-left:44px; background-repeat:no-repeat; padding-top:16px; margin-bottom:20px;}
.m_shop .tit.icon1 {background-image:url('../images/tit_icon1.png');}
.m_shop .tit.icon2 {background-image:url('../images/tit_icon2.png');}
.m_shop .tit.icon3 {background-image:url('../images/tit_icon3.png');}
.m_shop .tit.icon4 {background-image:url('../images/tit_icon4.png');}

/* »óÇ°Á¤·Ä ½ºÅ¸ÀÏ */
#sct {position:relative;}
#sct_sortlst {border:none; margin:0; position:absolute; right:0; top:-40px; width:80px; height:20px; z-index:20; text-align:right; }
#sct_sort h2 {font-size:14px; line-height:inherit; text-align:right; width:90px; padding-right:20px;}
#sct_sort h2:after {display:block; content:""; position:absolute; top:5px; right:0; width: 0; height: 0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:10px solid #009dbb; border-bottom:0;}
#sct_sort ul {display:none; padding-bottom:10px; margin-top:30px;}
#sct_sort:hover ul {display:block;}
#ssch_sort {width:100%; background:#61c0d2; color:#f2fdff;}
#sct_sort ul li {clear:both; text-align:center; font-size:13px;}
#sct_sort ul li a:hover {color:#fff;;}
#sct_lst {display:none;}
.sct_10 .sct_icon {display:inline-block; margin:0;}
.m_list {}
.m_list ul {}

.sct_li, .sct_li.sct_last {width:249px !important; margin:0 18px 25px 0 !important;}
.shadow .sct_li, .shadow  .sct_li.sct_last {width:320px !important; margin:0 30px 25px 0 !important;}
.sct_li.sct_clear {clear:initial;}
.sct_li:nth-child(4n), .m_shop .sct_li:nth-child(4n) {margin-right:0 !important;}
.m_list ul li:last-child {margin-right:0;}
.m_list ul li .con {padding:17px 17px 17px 10px; }
.m_list ul li .con .tit {border-bottom:1px solid rgba(159,89,0,0.2); padding-bottom:10px; }
.m_list ul li .con .tit p.name {font-size:18px; font-weight:600; color:#000; display:inline-block;}

.m_list ul li .con .exp {padding-top:10px; }
.m_list ul li .con .price {padding-top:5px; font-size:20px; font-weight:600; color:#9f5900;}
.m_list ul li a {}
.m_list ul li a .img {overflow:hidden; height:190px; }
.m_list ul li a .img img {width:280px; transition:.5s;}
.m_list ul li a:hover {background:rgba(250,234,189,0.5); }
.m_list ul li a:hover img { transform:scale(1.03);}

.m_list ul li .icon {position:absolute; right:13px; top:200px; }
.m_list ul li .icon img {margin:3px; width:20px;}
.m_list ul li .icon a:hover img {transform:scale(1); }

.m_tit {font-size:25px; line-height:1.5em; margin-bottom:45px; text-align:center; font-weight:300;}
.m_tit a {text-decoration:none;}
.m_con {padding:100px 0;}
.m_con.gray {background:#fafafa;}
.m_con .story_ul {margin-top:45px; margin:0 auto; width:100%; max-width:1100px;}
.m_con .story_ul li {width:31.3%; margin:0 1%; float:left; text-align:center; font-weight:300;}
.m_con .story_ul li a {display:block; width:100%;}
.m_con .story_ul li img {width:100%;}
.m_con .story_ul li .tit {font-size:20px; color:#585858; margin-top:12px;}
.m_con .story_ul li .txt {font-size:18px; color:#bcbcbc;}


/*main_button*/
.m_btn {font-weight:600; padding-top:30px; text-align:center;}
.m_btn a {margin:0 auto; width:235px; height:50px; line-height:50px; border:1px solid #dedede; background:#f8f8f8; text-align:center; color:#222; font-weight:normal; transition:.5s;}

.m_btn2 {float:left; padding-right:5px;}
.m_btn2 span {font-weight:600; padding-left:35px; font-size:12px; font-family:Dotum, Arial, sans-serif; }
.m_btn2 a {margin:0 auto; width:140px; height:40px; line-height:40px; border:1px solid #dedede; text-align:center; color:#555; transition:.5s;}

.m_btn a:hover, .m_btn2 a:hover {background:#00b3d5; color:#fff; /*border:1px solid rgba(122,80,6,0.8);*/}


/*main_content*/
.m_content_wrap {margin:100px auto 0; width:1280px; height:320px;}
.m_content_wrap h2 {color:#fff; font-size:30px; font-family:'Noto Sans KR','Lato', Arial, sans-serif; font-weight:bold; line-height:40px; letter-spacing:-0.05em; text-align:left;}

.con_btn {position:absolute; margin-right:220px; right:0; bottom:35px; width:140px; height:40px; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; font-weight:normal; transition:.5s;}
.con_btn span {margin-left:20px; font-size:12px; font-weight:600; font-family:Dotum, Arial, sans-serif; }
.con_btn a {width:100%; text-align:center;}

.con_info {position:absolute; /*! margin-right:80px; */ right:0; top:0; color:#fff; font-size:14px; font-weight:bold; line-height:40px; letter-spacing:-0.03em;height: 320px;padding: 35px;width: 395px;}

.gift_info {position:relative; /*! padding:35px; */ float:left; width:852px; height:320px; background:#ffa800; border-radius:30px 0 30px 0;}
.gift_info p {color:#fff; font-size:15px; line-height:40px; letter-spacing:-0.05em; opacity:0.65;}
.gift_info img {position:absolute; left:0; top:0;}

.map_info {position:relative; float:left; margin-left:33px; /*! padding:35px; */ width:395px; height:320px; background:#84c415; border:1px solid #b5dc73; border-radius:30px 0 0 0;}
.map_info img {position:absolute; right:0; top:0;}


/*main_info*/
.m_board_wrap {padding-top:100px; width:100%; height:300px;}

.bbs_ttl {padding-bottom:15px;}
.bbs_ttl a {float:right; margin-top:-17px; font-weight:600; font-size:15px; color:#222;}

.main_bbs {width:1280px; margin:0 auto;}
.main_bbs1 {width:375px; height:192px; float:left; margin-right:19px;}
.main_bbs1 ul li {padding-bottom:25px;}
.main_bbs1 h2 {font-weight:600; font-size:22px; color:#222; line-height:20px;}
.main_bbs1 h3 {padding-top:25px;}
.bbs_plus {}
.bbs_plus a {border:1px solid #dedede; width:20px; height:20px; line-height:20px; font-size:12px; font-family:Dotum, Arial, sans-serif; color:#84c415; font-weight:600; text-align:center;}

.main_info {float:left; width:375px; height:160px; margin-right:68px; border-right:1px solid #dedede;}
.main_info p {padding:13px 0; font-size:15px; color:#555;}
.main_info h2 {padding-bottom:25px; font-weight:600; font-size:22px; color:#222; line-height:20px;}
.main_info h3 {padding:5px 0; font-weight:800; font-size:36px; color:#84c415; line-height:20px; letter-spacing:-1px; height:100%;}
.main_info h4 {padding-top:5px; font-weight:600; font-size:29px; color:#84c415; line-height:22px; letter-spacing:-0.5px;}
.main_info h5 {padding-top:18px; font-weight:600; font-size:17px; color:#222; line-height:22px; letter-spacing:-0.5px;}

.btn2_area {width:375px;}

/* sub_pg */
.top_img {background-position:center; background-repeat:no-repeat;}
.top_img h3 {color:#fff; text-shadow:0 0 4px rgba(0,0,0,.5); text-align:center; font-size:30px; font-weight:300; background:rgba(0,0,0,.15); padding:190px 0 60px; }
.top_img h3 span {display:block; font-size:36px; font-weight:600;}
.top_img.about {background-image:url('../images/top_about.jpg');}
.top_img.process {background-image:url('../images/top_process.jpg');}
.top_img.location {background-image:url('../images/top_location.jpg');}
.top_img.board {background-image:url('../images/top_board.jpg');}
#contents.shadow {background:url('../images/shadow.gif') top repeat-x;}
#contents .con {width:100%; max-width:1050px; margin:100px auto 150px;}
#contents .con p {font-size:16px; line-height:1.5em; margin-bottom:80px;}


/*about*/
.img_ab {position:relative; width:100%; max-width:1050px;overflow:hidden;}
.img_ab .img_about_txt {position:absolute; bottom:-2px; right:-10px; font-family: 'S-CoreDream-1Thin'; color:#fff; z-index:1; font-size:7em; text-align:right; line-height:1em; opacity:.7; filter:alpha(opacity=70);}
.img_ab .img_about_txt span {display:block; font-family: 'S-CoreDream-8Heavy';}
.img_ab .img_abouts {z-index:0;}

/*process*/
#contents .prc_list {width:100%; max-width:1050px; position:relative; }
#contents .prc_list img {width:100%;}
#contents .prc_list h5 {font-size:24px; background:#fff; padding:5px 20px 2px 10px; font-weight:bold; margin:-37px 0 10px; letter-spacing:-0.1em; position:absolute; color:#000;}
#contents .prc_list p {margin-top:15px;}


/*product*/
.tit_area.product {background:url('../images/sub_top_bg1.jpg') center; height:230px;}
.pro_list {padding:20px 0; position:relative; border-bottom:2px solid #9f5900;}
.pro_list .img {display:inline-block; width:650px; }
.pro_list .img img {width:100%;}
.pro_list .thumb {padding-top:5px;}
.pro_list .thumb a {width:19.6%; padding:0.2%;}
.pro_list .thumb a img {width:100%; }
.pro_con {width:550px; display:inline-block; position:absolute; padding:0 20px;}
.pro_con .tex { }
.pro_con .tex > div { padding:20px; border-bottom:1px solid #eee; }
.pro_con .tex > div > p, .pro_con .result > div > p {display:inline-block; padding: 0 10px;}
.pro_con .tex .name {font-size:20px; text-align:center;}
.pro_con .tex .name p {display:block;}
.pro_con .tex .name p.name {font-size:35px; padding-bottom:5px;}
.pro_con .tex p.con, .pro_con .result p.con {float:right;}
.pro_con .tex .num p.con {position:absolute; margin-top:-7px; right:40px;}
.pro_con .result {display:inline-block; padding:20px; border-radius:12px; margin:20px auto; width:100%; background:rgba(250,234,189,0.5);  }
.pro_con .result .con {font-size:28px;}
.pro_con .result .btn {padding-top:20px; text-align:center;}
.pro_con .result .btn img {padding-right:5px; }
.pro_con .result .btn > p {width:25%; height:50px; border:1px solid #9f5900; margin:0.5%; line-height:50px; font-size:17px; border-radius:12px; color:#333;}
.pro_con .result .btn p a {width:100%; height:50px;}
.pro_con .result .btn .buy {background:#9f5900; color:#fff; width:40%;}
.pro_con .result .btn .cart {width:29%}
.pro_exp {padding-top:20px; text-align:center;}

/*location*/
.tit_area.loca {background:url('../images/sub_top_bg1.jpg') center; height:230px;}
.location_con {margin:50px auto; text-align:center;}
.location_con .lo_txt {font-size:1.1em; line-height:1.6; margin-bottom:100px;}
.location_con .lo_txt h3 {font-size:1.8em; font-weight:bold; color:#111;}
.location_con .lo_txt .h_cmt {font-size:1.05em; margin-top:-4px; color:#aaa;}
.location_con .lo_txt div {margin-top:30px;}
.location_con .lo_txt div h5 {font-size:18px; color:#333; font-weight:bold;}
.location_con .lo_txt div .cmt {font-size:12px; color:#666;}

/*commu*/
.tit_area.commu {background:url('../images/sub_top_bg1.jpg') center; height:230px;}

.com_wrap {margin:0 auto;}
.com_title {width:164px; height:46px; margin:0 auto 50px;}
.menu {position:relative; width:100%; margin:70px 0 50px 0; height:50px;}
.menu ul {position:absolute; top:0px; left:50%; margin-left:-290px;}
.menu ul li {float:left; margin-right:-1px; margin-left:15px;}
.menu ul li a {padding:13px 40px; color:#555; border:1px solid #dedede;}
.menu ul li a:hover {background:#eee; font-weight:600;}
.menu ul li a.active, .menu ul li a.active:hover {background:#009dbb; color:#fff; font-weight:bold;}
.menu1 {margin-left:373px;}

.btn_top {position:fixed; bottom:30px; right:50%; margin-right:-600px; border:1px solid #afdde6; border-radius:19px; width:38px; padding:10px 8px; background:rgba(255,255,255,.7);}
.btn_top a {font-size:11px; color:#02262d;}
.btn_top a .triangle-up {margin-bottom:6px;}
.triangle-up {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 18px solid #009dbb;}



@media (max-width:800px)/*¸ð¹ÙÀÏ1 »çÀÌÁî*/ {
.main_visual {min-width:800px;}
.main_visual ul li {height:250px;}
.main_visual .bx-controls .bx-controls-direction {display:none;}
.btn_top {right:3%; margin-right:0;}
body {font-size:.9em;}
}

@media (max-width:480px)/*¸ð¹ÙÀÏ2 »çÀÌÁî*/ {
.main_visual {min-width:100%; background-size:cover;}
.main_visual ul li {height:150px;}
}