@charset "euc-kr";
.swiper-container { position:relative; width:100%; height:842px; overflow:hidden; }
.swiper-container .swiper-slide { position:relative; height:100%; padding:0; margin:0; overflow:hidden; }
.swiper-container .swiper-slide .visImg_mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=20); -khtml-opacity:0.2; -moz-opacity:0.2; opacity:0.2; z-index:8; }
.swiper-container .swiper-slide .title { position:absolute; top:35%; left:28%; font-size:50px; font-family:'GmarketSansMedium'; color:rgba(255, 255, 255, 1); z-index:9; }
.swiper-container .swiper-slide .subtitle { position:absolute; top:43%; left:28%; z-index:9; }
.swiper-container .swiper-slide .subtitle:after { content:''; display:block; width:60px; height:1px; background:rgba(255, 255, 255, .4); margin:30px auto; }
.swiper-container .swiper-slide .text { position:absolute; top:50%; left:28%; font-size:16px; max-width:826px; line-height:1.55; font-family:'GmarketSansLight'; color:rgba(255, 255, 255, .7); z-index:9; }
.swiper-container .swiper-slide img { display:block; width:100%; max-height:auto; object-fit:cover; }
.swiper-container .swiper-pagination-bullet { width:20px; height:20px; text-align:center; line-height:20px; font-size:10px; color:rgba(0, 0, 0, 0); opacity:0; background:rgba(0, 0, 0, .2); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
.swiper-container:hover .swiper-pagination-bullet { opacity:1; }
.swiper-container .swiper-pagination-bullet-active { color:#F1D1AB; background:#A9773C; }
.swiper-container .swiper-button-prev { left:40px; }
.swiper-container .swiper-button-next { right:40px; }
.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next { width:64px; height:64px; line-height:64px; border-radius:50%; color:#FFF; border:2px solid rgba(255,255,255,0.25); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
.swiper-container .swiper-button-prev:hover, .swiper-container .swiper-button-next:hover { color:#000; border-color:#FFF; background:#FFF; }
.swiper-container .swiper-button-prev:after, .swiper-container .swiper-button-next:after { font-size:20px; }
.swiper-container:hover .swiper-button-prev { left:80px; opacity:1; }
.swiper-container:hover .swiper-button-next { right:80px; opacity:1; }
.visMovie, .visMovie_2 { position:relative; width:100%; height:842px; overflow:hidden; }
.visMovie .videoSrc, .visMovie_2 .videoSrc { position:absolute; top:-35px; left:0; width:100%; height:auto; overflow:hidden; }
.visMovie .videoMask, .visMovie_2 .videoMask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; opacity:0.4; z-index:8; }
.scrollDown { position:absolute; left:50%; bottom:50px; margin-left:-15px; width:33px; height:20px; z-index:9; }
#mainCont { position:relative; width:100%; background:#FFF; }
#noticeArea { margin:0 auto 80px; width:100%; border-bottom:1px solid rgba(0, 0, 0, .1); }
#notice { position:relative; width:100%; max-width:1000px; margin:0 auto; border-left:1px solid rgba(0, 0, 0, .1); border-right:0 solid rgba(0, 0, 0, .1); padding:70px 0 45px; }
#notice:hover > .notice_more a, #notice > .notice_more a:focus { filter:alpha(opacity=1); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
#arrow_bg { position:absolute; left:-1px; top:75px; border:10px solid transparent; border-left:10px solid rgba(255, 255, 255, 1); border-right:none; z-index:2; }
#arrow_bd { position:absolute; left:0; top:75px; border:10px solid transparent; border-left:10px solid rgba(0, 0, 0, .2); border-right:none; z-index:1; }
#notice > p.notice_t { position:absolute; left:62px; font-size:24px; font-family:'GmarketSansBold'; color:#000; }
#notice > .notice_more { position:absolute; top:68px; left:275px; }
#notice > .notice_more a { display:block; width:34px; height:34px; line-height:34px; border-radius:100%; background:rgba(231,142,47,1); font-size:16px; color:#FFF; text-align:center; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
#notice > .notice_more a i { -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; }
#notice > .notice_more a:hover i, #notice > .notice_more a:focus i { -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); }
#textEff_Area { margin:80px auto; width:100%; max-width:1000px; }
.textEff { width:100%; font-size:22px; font-family:'GmarketSansLight'; line-height:1.5; text-align:center; }
.textEff > span { position:relative; color:rgba(21, 42, 112, 1); font-family:'GmarketSansBold'; z-index:2; }
.textEff > span:before { content:''; display:block; position:absolute; width:100%; height:15px; left:0; bottom:0; background:rgba(21, 42, 112, .1); z-index:1; }
#product_Area { margin:80px auto 0; width:100%; max-width:100%; }
#product_Area .sub_title { position:relative; margin:0 auto -24px; width:160px; padding:13px 24px 8px; font-size:18px; color:#FFF; font-family:'Montserrat'; font-weight:500; text-align:center; background:#BC7D62; z-index:9; }
.productWrap { background-image:url(../images/history_bg.jpg); background-position:center center; padding:60px 0 80px; overflow:hidden; }
.productInner { position:relative; height:100%; }
.product_Slide { width:100%; max-width:1200px; margin:0 auto; }
.product_Slide .slick-arrow  { display:block; width:20px; height:39px; position:absolute; top:55px; left:50%; text-indent:-9999px; border:none; background-size:contain; background-color:transparent; cursor:pointer; overflow:hidden; z-index:9; }
.product_Slide .slick-prev { background:url(../images/ico_prev.png); background-position:top right; margin-left:-20%; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.product_Slide .slick-prev:hover { background-position:top left; }
.product_Slide .slick-next { background:url(../images/ico_next.png); background-position:top left; margin-left:18%; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.product_Slide .slick-next:hover { background-position:top right; }
.product_Slide .hisCont { padding:0 30px; box-sizing:border-box; }
.product_Slide li { width:100%; max-width:476px; }
.product_Slide li:focus { outline:none; }
.product_Slide li .pname { height:150px; text-align:center; }
.product_Slide li .pname .hisCont { display:table; width:100%; height:100%; border-bottom:1px solid rgba(255, 255, 255, .2); }
.product_Slide li .pname span { display:table-cell; font-size:32px; color:rgba(255, 255, 255, .3); font-weight:100; font-family:'Montserrat', sans-serif; vertical-align:middle; transition:all .5s; }
.product_Slide li.slick-center .pname span { font-size:56px; color:#E78E2F; font-weight:600; font-family:'Montserrat', sans-serif; vertical-align:middle; }
.product_Slide li .pimages { overflow:hidden; margin-top:40px; }
.product_Slide li .pimages .hisCont > a { position:relative; display:block; z-index:-1; }
.product_Slide li .pimages .hisCont > a:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background:rgba(0, 0, 0, .6); opacity:1; z-index:1; transition:all .5s; }
.product_Slide li .pimages .hisCont > a > img { max-width:100%; height:auto; border-radius:10px; transition:all .5s; }
.product_Slide li.slick-center .pimages .hisCont > a { z-index:1; }
.product_Slide li.slick-center .pimages .hisCont > a:before { opacity:0; }
.product_Slide li .ptexts { font-size:14px; color:rgba(255, 255, 255, .5); line-height:1.6; padding:20px 0; transition:all .5s; }
.product_Slide li.slick-center .ptexts { color:#FFF; }
#mainContEx { width:100%; max-width:1000px; margin:70px auto 0; }
#storyArea { float:left; width:100%; max-width:324px; padding:50px 0; border-left:1px solid #FFF; border-top:1px solid #FFF; border-right:1px solid #E2E2E2; border-bottom:1px solid #FFF; -moz-transition:.2s ease; -webkit-transition:.2s ease; -o-transition: .2s ease; transition:.2s ease; transition:-webkit-box-shadow .24s ease-in-out; -webkit-transition:-webkit-box-shadow .24s ease-in-out; transition:box-shadow .24s ease-in-out; }
#storyArea:hover { border-left:1px solid #E2E2E2; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; box-shadow:0 15px 20px 0 rgba(0,0,0,.1); -webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1); }
#story { margin:0 auto; width:100%; max-width:300px; height:auto; }
#story .picto { margin:20px auto 0; width:118px; height:118px; line-height:118px; border:1px solid #DDD; border-radius:50%; }
#story .picto a { display:block; font-size:58px; color:#666; text-align:center; }
.bt { text-align:center; font-weight:500; font-size:18px; }
.bt2 a { display:block; text-align:center; font-weight:500; font-size:16px; color:#222 !important; margin-top:20px; padding-bottom:4px; }
.bt2s { display:block; text-align:center; line-height:18px; }
#csArea { float:left; width:100%; max-width:346px; padding:50px 0; border-top:1px solid #FFF; border-right:1px solid #E2E2E2; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; transition:-webkit-box-shadow .24s ease-in-out; -webkit-transition:-webkit-box-shadow .24s ease-in-out; transition:box-shadow .24s ease-in-out; }
#csArea:hover { border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; box-shadow:0 15px 20px 0 rgba(0,0,0,.1); -webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1); }
#cs { margin:0 auto; width:100%; max-width:300px; height:auto; background:url('../images/cs_ico.gif') center top no-repeat; }
.cst { text-align:center; font-weight:normal; font-size:15px; padding:3px 0 0 10px; }
.csNum { text-align:center; font-weight:500; font-size:32px; color:rgba(0, 0, 0, 1) !important; margin:6px 0 5px 0; letter-spacing:-1px; }
.cs_s { display:block; padding:21px 0 6px 52px; line-height:22px; font-size:13px; }
#cs a.map { display:block; width:120px; margin:9px auto 0; text-align:center; padding:10px 48px 10px; font-size:15px; color:#FFF; font-weight:500; background:rgba(188, 125, 98, 1) url('../images/zoom_ico.png') 160px -16px no-repeat; border-radius:46px; -webkit-transition:.3s all; -moz-transition:.3s all; -o-transition:.3s all; transition:.3s all; }
#cs a.map:hover { color:#FFF; background:rgba(231, 142, 47, 1) url('../images/zoom_ico.png') 160px center no-repeat; }
#maUpArea { float:left; width:100%; max-width:324px; padding:50px 0; border-top:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; transition:-webkit-box-shadow .24s ease-in-out; -webkit-transition:-webkit-box-shadow .24s ease-in-out; transition:box-shadow .24s ease-in-out; }
#maUpArea:hover { border-top:1px solid #E2E2E2; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; box-shadow:0 15px 20px 0 rgba(0,0,0,.1); -webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1); }
#maUp { margin:0 auto; width:100%; max-width:300px; height:auto; }
#maUp .picto { margin:20px auto 0; width:118px; height:118px; line-height:118px; border:1px solid #DDD; border-radius:50%; }
#maUp .picto a { display:block; font-size:58px; color:#666; text-align:center; }
.mt { text-align:center; font-weight:500; font-size:18px; }
.mt2 a { display:block; text-align:center; font-weight:500; font-size:16px; color:#222 !important; margin-top:20px; padding-bottom:4px; }
.mt2s { display:block; text-align:center; line-height:18px; }
#galleryWrap { float:left; width:100%; margin:70px 0 0; background:#F7F7F7; }
#galleryWrap #toggle { position:relative; width:100%; max-width:1100px; height:80px; margin:0 auto; }
#galleryWrap #toggle:after { content:''; display:block; position:absolute; left:0; bottom:0; width:0; height:1px; background:#404040; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galleryWrap #toggle.on:after { width:25%; }
#galleryWrap #toggle h2.shopOutput { line-height:80px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galleryWrap #toggle h2.shopOutput.on { padding-left:35px; }
#galleryWrap #toggle .hidden { position:none; float:left; padding:40px 0 80px; border-top:1px solid #EEE; overflow:hidden; }
#galleryWrap #toggle .hidden .btn-wrap { margin:30px auto; width:14%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
#galleryWrap #toggle .hidden .btn-wrap > a { position:relative; display:block; padding:13px 0; font-size:14px; color:#333; text-align:center; border:1px solid #BC7D63; z-index:9; }
#galleryWrap #toggle .hidden .btn-wrap > a:before { content:''; position:absolute; top:0; right:0; width:100%; height:0; background:#BC7D63; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-out; transform:scale(1, 1); z-index:-90; }
#galleryWrap #toggle .hidden .btn-wrap:hover > a:before,
#galleryWrap #toggle .hidden .btn-wrap > a:focus:before { left:0; right:auto; height:100%; transform:scale(1, 1); }
#galleryWrap #toggle .hidden .btn-wrap:hover > a, #galleryWrap #toggle .hidden .btn-wrap > a:focus { color:#FFF; }
#galleryWrap #toggle .hidden .btn-wrap a i { padding-left:8px; }
#galleryWrap #toggle #btn-toggle { position:absolute; top:0; right:0; width:80px; height:80px; background:#404040; border-top:1px solid #404040; border-right:1px solid #404040; border-bottom:1px solid #404040; border-left:1px solid #404040; cursor:pointer; }
#galleryWrap #toggle #btn-toggle .toggle-line { display:block; position:absolute; left:50%; width:34px; height:3px; margin-left:-17px; background:#FFF; -webkit-transition:all 0.25s ease-in; transition:all 0.25s ease-in; }
#galleryWrap #toggle #btn-toggle .toggle-line.line1 { top:27px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line2 { top:37px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line3 { top:47px; }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line1 { top:38px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line2 { opacity:0; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line3 { top:38px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
#galloutWrap .board_output { font-size:13px; color:#555; }
#galloutWrap .board_output table { width:100%; }
#galloutWrap .board_output table br { display:none; }
#galloutWrap .board_output table[cellpadding='2'] { padding:0 !important; }
#galloutWrap .board_output table[width='98%'] { width:100% !important; }
#galloutWrap .board_output > tbody > tr { margin-left:-10px; margin-right:-10px; }
#galloutWrap .board_output > tbody > tr:before, 
#galloutWrap .board_output > tbody > tr:after { content:''; display:table; }
#galloutWrap .board_output > tbody > tr:after { clear:both; }
#galloutWrap .board_output > tbody > tr > td { float:left; width:23.1%; padding-left:10px; padding-right:10px; overflow:visible !important; }
#galloutWrap .board_output td.board_output_gallery_img { position:relative; overflow:hidden; }
#galloutWrap .board_output td.board_output_gallery_img img { width:100%; height:auto; transition:transform 0.25s ease-out; }
#galloutWrap .board_output td.board_output_gallery_img > a:before { content:''; position:absolute; right:0; top:0; width:100%; height:0; background:rgba(0, 0, 0, 1); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galloutWrap .board_output td.board_output_gallery_img > a:after { content:''; position:absolute; left:50%; top:50%; margin:0 0 0 -10px; width:21px; height:21px; background:url(../images/zoom_pict_s.png) center center no-repeat; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galloutWrap .board_output table tr:last-child { background:#FFF; }
#galloutWrap .board_output td.board_output_gallery_img:hover > a:before,
#galloutWrap .board_output td.board_output_gallery_img > a:focus:before { width:100%; height:100%; opacity:.7; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); }
#galloutWrap .board_output td.board_output_gallery_img:hover > a:after,
#galloutWrap .board_output td.board_output_gallery_img > a:focus:after { margin-top:-10px; opacity:1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); }
#galloutWrap .board_output td > .board_output_gallery_subject { display:block; font-size:14px; font-family:'GmarketSansMedium'; color:#111; line-height:1.4; text-align:left; margin-top:25px; padding:0 20px; }
#galloutWrap .board_output td > .board_output_gallery_etc { display:block; font-size:11px; color:#A1A1A1; font-family:'Montserrat', sans-serif; margin:5px 0 25px; padding:0 20px; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:170px; margin-left:-270px; z-index:9; }
#popWrapper { float:left; width:540px; }
#popWrapper .popImg { width:540px; height:300px; }
#popWrapper .popFooter { position:relative; background:#000; height:38px; }	
#popWrapper .popFooter .to_cls { position:absolute; right:60px; line-height:38px; }
#popWrapper .popFooter .to_cls input { vertical-align:middle; margin-right:4px; }
#popWrapper .popFooter .to_cls label { color:#BBB; font-size:12px; cursor:pointer; }
#popWrapper .popFooter .cls { position:absolute; top:0; right:0; }