@charset "euc-kr";
#mvisImgWrap { position:relative; width:100%; background:#FFF; }
#container_vis { position:relative; width:100%; height:100vh; }
#container_vis.main { position:relative; width:100%; max-width:100%; margin:0 auto; padding-top:0; padding-bottom:0; }
#container_vis.main .visImg { position:relative; width:100%; height:100vh; text-align:center; overflow:hidden; }
#container_vis.main .visImg .visWrap { display:inline-block; }
#container_vis.main button { float:left; border:none; vertical-align:middle; cursor:pointer; }
#container_vis.main .visImg button.cir { position:relative; top:78vh; left:0; margin:0 2px; width:12px; height:12px; background:url('../images/rolling_btn.png') left bottom no-repeat; z-index:9; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; }
#container_vis.main .visImg .visWrap.on button.cir,
#container_vis.main .visImg button.cir.over { width:31px; background-position:right top; }
#container_vis.main .visImg button.cir .num { position:absolute; text-indent:-9999px; }
#container_vis.main .visImg .pic { position:absolute; left:0; top:0; width:100%; height:100vh; text-indent:-99999px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#container_vis.main .visImg .pic1 { background-image:url('../images/m_vis_1.jpg'); }
#container_vis.main .visImg .pic2 { background-image:url('../images/m_vis_2.jpg'); }
#container_vis.main .visImg .pic3 { background-image:url('../images/m_vis_3.jpg'); }
#container_vis.main .visImg .txtWrap { position:absolute; top:35vh; width:100%; z-index:9; }
#container_vis.main .visImg .txtWrap .mv_txt { position:relative; width:100%; max-width:1200px; margin:0 auto; text-align:left; }
#container_vis.main .visImg .txtWrap .mv_txt .viewBtn { margin-top:40px; }
#container_vis.main .visImg .txtWrap .mv_txt .viewBtn a { padding:11px 35px; font-size:14px; color:#FFF; background-color:rgba(255,255,255,.2); -webkit-transition:.5s all; -moz-transition:.5s all; -o-transition:.5s all; transition:.5s all; }
#container_vis.main .visImg .txtWrap .mv_txt .viewBtn a:hover,
#container_vis.main .visImg .txtWrap .mv_txt .viewBtn a:focus { color:#333; background-color:rgba(255,255,255, 1); }
#container_vis.main .visImg .txtWrap .mv_txt .txt_group1 { float:left; margin-left:0%; }
#container_vis.main .visImg .txtWrap .mv_txt .txt_group2 { float:right; margin-right:0%; }
#container_vis.main .visImg .txtWrap .mv_txt .txt_group3 { float:left; margin-left:0%; }
#container_vis.main .visImg .txtWrap .mv_txt .txt01 { font-size:70px; font-weight:700; font-family:'Play', sans-serif; background:linear-gradient(to right,#C8B49A,#F3DEC3); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#container_vis.main .visImg .txtWrap .mv_txt .txt02 { font-size:24px; font-family:'GmarketSansLight'; margin:10px 0 30px; line-height:1.45; color:rgba(255,255,255,.7); }
#container_vis.main .visImg .txtWrap1 { left:0%; }
#container_vis.main .visImg .txtWrap2 { left:50%; }
#container_vis.main .visImg .txtWrap3 { left:100%; }
.scrollDown { position:absolute; left:50%; top:85vh; margin-left:-15px; width:33px; height:20px; z-index:9; -webkit-animation:scrollanim .8s ease-in-out .8s infinite normal; -moz-animation:scrollanim .8s ease-in-out .8s infinite normal; animation:scrollanim .8s ease-in-out .8s infinite normal; }
@keyframes scrollanim { 0%{ top:86vh; }50%{ top:85vh; }100%{ top:86vh; }}
@-webkit-keyframes scrollanim { 0%{ top:86vh; }50%{ top:85vh; }100%{ top:86vh; }}
.optbr { display:block; }
#mainCont { position:relative; width:100%; background:rgba(255,255,255,1); overflow:hidden; }
#com_contents { width:100%; background:rgba(255,255,255,1) url(../images/history_bg.png) no-repeat center/cover; padding:100px 0; overflow:hidden; }
.subGreet { width:100%; max-width:1200px; margin:0 auto; padding-top:20px; overflow:hidden; }
.subGreet .imgArea { float:left; position:relative; box-sizing:border-box; width:350px; -webkit-transform:translateX(0%); -moz-transform:translateX(50%); -o-transform:translateX(50%); transform:translateX(0%); opacity:1; filter:alpha(opacity=100); z-index:11; }
.subGreet .imgArea .line { position:absolute; left:0; top:0; width:0; height:200px; background-color:rgba(255,102,0,.2); opacity:0; filter:alpha(opacity=0); }
.subGreet .imgArea .line > li { text-indent:-9999px; }
.subGreet .imgArea .line > li:nth-child(1) { position:absolute; left:20px; top:-20px; width:0; height:1px; background:rgba(255,102,0,1); }
.subGreet .imgArea .line > li:nth-child(2) { position:absolute; right:-20px; top:-20px; width:1px; height:0; background:rgba(255,102,0,1); }
.subGreet .imgArea .line > li:nth-child(3) { position:absolute; right:-20px; bottom:20px; width:0; height:1px; background:rgba(255,102,0,1); }
.subGreet .imgArea .line > li:nth-child(4) { position:absolute; left:20px; bottom:20px; width:1px; height:0; background:rgba(255,102,0,1); }
.subGreet .imgArea .photo { position:absolute; top:30px; left:50px; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); overflow:hidden; opacity:0; filter:alpha(opacity=0); z-index:9; }
.subGreet .imgArea .photo > img { max-width:100%; height:auto; }
.subGreet .imgArea .photo > img.logo { position:absolute; right:-185px; top:210px; background:rgba(255,255,255,1); padding:15px 15%; opacity:1; filter:alpha(opacity=100); z-index:10; }
.subGreet .imgArea .photo > img.photo_bg { border-radius:0 50px 0 50px; }
.subGreet .greetArea { float:right; width:calc(100% - 420px); padding-top:0; opacity:0; filter:alpha(opacity=0); z-index:10; }
.subGreet .greetArea h3.greetTitle { font-size:34px; font-family:'Play', sans-serif; font-weight:600; color:#333; margin-bottom:20px; }
.subGreet .greetArea > p { font-size:16px; color:#555; margin-bottom:20px; line-height:1.75; text-align:justify; }
.subGreet.onView .imgArea { -webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); -webkit-transition:all 1s .5s; -moz-transition:all 1s .5s; -o-transition:all 1s .5s; transition:all 1s .5s; }
.subGreet.onView .imgArea .line { width:200px; height:200px; -webkit-transition:all .3s .1s; -moz-transition:all .3s .1s; -o-transition:all .3s .1s; transition:all .3s .1s; transform:rotateY(360deg); opacity:1; filter:alpha(opacity=100); }
.subGreet.onView .imgArea .line > li:nth-child(1) { width:100%; height:1px; -webkit-transition:all .3s .2s ease-in-out; -moz-transition:all .3s .2s ease-in-out; -o-transition:all .3s .2s ease-in-out; transition:all .3s .2s ease-in-out; }
.subGreet.onView .imgArea .line > li:nth-child(2) { width:1px; height:100%; -webkit-transition:all .3s .4s ease-in-out; -moz-transition:all .3s .4s ease-in-out; -o-transition:all .3s .4s ease-in-out; transition:all .3s .4s ease-in-out; }
.subGreet.onView .imgArea .line > li:nth-child(3) { width:100%; height:1px; -webkit-transition:all .3s .6s ease-in-out; -moz-transition:all .3s .6s ease-in-out; -o-transition:all .3s .6s ease-in-out; transition:all .3s .6s ease-in-out; }
.subGreet.onView .imgArea .line > li:nth-child(4) { width:1px; height:100%; -webkit-transition:all .3s .8s ease-in-out; -moz-transition:all .3s .8s ease-in-out; -o-transition:all .3s .8s ease-in-out; transition:all .3s .8s ease-in-out; }
.subGreet.onView .imgArea .photo { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition:all 1s .8s; -moz-transition:all 1s .8s; -o-transition:all 1s .8s; transition:all 1s .8s; opacity:1; filter:alpha(opacity=100); }
.subGreet.onView .imgArea .photo .logo { right:0; -webkit-transition:all .6s 1.5s ease-in-out; -moz-transition:all .6s 1.5s ease-in-out; -o-transition:all .6s 1.5s ease-in-out; transition:all .6s 1.5s ease-in-out; opacity:1; filter:alpha(opacity=100); }
.subGreet.onView .greetArea { -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s; opacity:1; filter:alpha(opacity=100); z-index:11; }
.greetArea .ceo { margin-top:50px; font-size:14px; }
.greetArea .signArea { float:right; width:auto; }
#noticeArea { position:relative; width:100%; background:#FFF; border-bottom:1px solid rgba(0,0,0,.1); z-index:89; }
#notice { position:relative; width:100%; max-width:1100px; margin:0 auto; border-left:1px 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 > h3.notice_t { position:absolute; left:66px; font-size:24px; font-family:'GmarketSansBold'; color:#000; }
#notice > .notice_more { position:absolute; top:68px; left:279px; }
#notice > .notice_more a { display:block; width:34px; height:34px; line-height:34px; border-radius:100%; background:rgba(125,105,79,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 { -webkit-transform:rotate(0deg); -ms-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 { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
.main_prodcts { position:relative; width:100%; padding:100px 0; background:linear-gradient(to top,rgba(245,245,245,1),rgba(255,255,255,1)); overflow:hidden; z-index:89; }
.main_prodcts h3 { font-size:36px; color:#333; text-align:center; font-family:'Play', sans-serif; margin-bottom:25px; }
#galloutWrap { width:100%; }
#galloutWrap .board_output { width:100%; max-width:1400px; margin:0 auto; font-size:13px; color:#555; overflow:hidden; }
#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 { display:flex; justify-content:center; }
#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:16.33%; margin-right:14px; overflow:visible !important; }
#galloutWrap .board_output > tbody > tr > td:last-child { margin-right:0; }
#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 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:18px; }
#galloutWrap .board_output td > .board_output_gallery_etc { display:block; font-size:11px; color:#A1A1A1; font-family:'Montserrat', sans-serif; }
.main_prodcts .btn-wrap { margin:60px auto 0; width:10%; -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; }
.main_prodcts .btn-wrap > a { position:relative; display:block; padding:14px 0; font-size:14px; color:#333; text-align:center; border:1px solid rgba(125,105,79,1); z-index:9; }
.main_prodcts .btn-wrap > a:before { content:''; position:absolute; top:0; right:0; width:100%; height:0; background:rgba(125,105,79,1); -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; }
.main_prodcts .btn-wrap:hover > a:before,
.main_prodcts .btn-wrap > a:focus:before { left:0; right:auto; height:100%; transform:scale(1, 1); }
.main_prodcts .btn-wrap > a:hover,
.main_prodcts .btn-wrap > a:focus { color:rgba(255,255,255,1); }
.main_prodcts .btn-wrap a i { padding-left:8px; }
#cs_contents { width:100%; padding:80px 0; background:linear-gradient(to bottom,rgba(254,252,250,1),rgba(255,255,255,1)); overflow:hidden; }
.cs_title { margin:0 auto 35px; text-align:center; }
.cs_title .cs_mTitle { display:block; font-size:60px; color:#333; font-family:'Play', sans-serif; font-weight:600; letter-spacing:-.6px; }
.cs_title .cs_sTitle { color:#999; font-size:16px; line-height:.1; }
.customerArea_2 { margin:0 auto; width:100%; max-width:1200px; border-top:1px dashed rgba(85,85,85,.3); }
.customer_t2 { margin:35px auto 0; width:100%; max-width:850px; text-align:center; }
.customer_t2 span { display:block; text-align:center; font-size:30px; font-weight:500; color:rgba(34,34,34,.9); padding-bottom:10px; }
.customer_t2 .customer_2_Txt { width:100%; text-align:center; font-size:18px; color:rgba(51,51,51,.8); line-height:1.5; }
.cs_con { width:100%; max-width:1200px; margin:50px auto 0; }
.csInner { float:left; width:100%; margin:0 auto; }
#cs_table { width:100%; max-width:1200px; }
#cs_table .tt1 { padding:20px 0; font-size:18px; font-weight:400; color:rgba(255,255,255,.8); text-align:center; background:rgba(125,105,79,1); }
#cs_table .tt2 { padding:20px 0; font-size:18px; font-weight:400; color:rgba(255,255,255,.8); text-align:center; background:rgba(125,105,79,1); }
#cs_table .tt3 { padding:20px 0; font-size:18px; font-weight:400; color:rgba(255,255,255,.8); text-align:center; background:rgba(125,105,79,1); }
#cs_table .cc { font-size:24px; color:rgba(85,85,85,1); font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .dd { font-size:24px; color:rgba(85,85,85,1); font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .ee { font-size:24px; color:rgba(85,85,85,1); font-weight:400; font-family:'Montserrat'; text-align:center; }
#cs_table tr:first-child { border-top:0; }
#cs_table .tt1_con { padding:30px; border-right:1px solid rgba(85,85,85,.2); border-bottom:1px solid rgba(85,85,85,.2); }
#cs_table .tt1_con.last { border-right:0; }
.nodepop { position:absolute; width:540px; height:100%; left:50%; top:270px; margin-left:-270px; z-index:9; }
#popWrapper { float:left; width:540px; }
#popWrapper .popImg { width:540px; height:100%; }
#popWrapper .popImg img { border-radius:12px 12px 0 0; }
#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; }