@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ margin:0 3%}
.box1{ width:1200px; margin:0 auto; max-width:95%}
.box2{ width:1000px; margin:0 auto; max-width:95%}

.PC{ display:block !important}
.PHONE{ display:none !important}
.en{ font-family:'Ms'}


#header{position: absolute; left:0; top:0; width:100%; z-index:1000; border-bottom:1px solid rgba(255,255,255,.4); transition:.3s; background:#fff; border-bottom:1px solid #ddd;}
#header:hover{ background:#fff;}
#header .top_wrap,
#header .va_wrap{ height:5em}
#header .top_wrap .logo{}
#header .top_wrap .logo.h_B{ display:none;}
#header:hover .top_wrap .logo.h_A{ display: none;}
#header:hover .top_wrap .logo.h_B{ display: block;}
#header:hover .gnb_wrap .gnb > li .dp1{ color:#444;}
#header:hover .etc_wrap .mem_wrap > li a{color:#666;}
#header:hover .etc_wrap .all_wrap .all_btn .xi{ color:#444;}


#header .gnb_wrap .gnb{ text-align:center;}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li .dp1{ color:#fff; display:block; padding:0 1.5em; position:relative; transition:.3s; margin-left:.5em; color:#111;}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.125em; font-weight:500;}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-5.5rem; width:11rem; opacity:0; visibility:hidden; border:1px solid #ddd;  background:#fff;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#888; text-align:center; padding:.8em .5em; border-top:1px dotted #999;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em; position:relative;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{color:#f88420}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before,
#header .gnb_wrap .gnb > li:hover:after,
#header .gnb_wrap .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#d85529}
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-3px; width:0; height:3px; background:#d85529; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}
#header .gnb > li.m_guide,
#header .gnb > li.m_mypage{ display:none;}

#header .all_wrap{ padding:0 1em;}
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; top:-100%; width:100%; height:100%; background:#fff; transition:.3s; padding:9em 0; }
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ top:0}
#header .all_wrap .gnb > li{ width:33.33%; position:relative; box-sizing:border-box; padding:0 .3em; margin-bottom:2.5em;}
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; transform:skew(-45deg); transition:.5s;}
#header .all_wrap .gnb > li:before{ background:#ccc;}
#header .all_wrap .gnb > li:after { background:#ff6e3d; width:0;}
#header .all_wrap .gnb > li:hover:after { width:96%;}
#header .all_wrap .gnb > li .dp1{ height:70px; font-size:1.250em;}
#header .all_wrap .gnb > li .dp2{ margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height:160px;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:inherit;}
#header .all_wrap .gnb > li .dp2 > li{ padding:.5em 1.5em;  display:block;}
#header .all_wrap .gnb > li .dp2 > li > a{ position:relative; font-size:.938em; transition:.2s; text-align: left; padding-left:10px;}
#header .all_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em;}
#header .all_wrap .gnb li:hover > a{ color:#ee4309;}
#header .all_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
#header .all_wrap .tit_wrap .allClose{ position:absolute; top:1%; right:4%; font-size:1.8em; color:#999; transition:.3s;}
#header .all_wrap .tit_wrap .allClose:hover{ color:#d85529;}

#header .etc_wrap {}
#header .etc_wrap .mem_wrap{ text-align:center;}
#header .etc_wrap .mem_wrap > li{ margin:0 10px;}
#header .etc_wrap .mem_wrap > li a{ display:block; font-size:.813em; color:#fff; color:#444;}
#header .etc_wrap .mem_wrap > li a .xi{font-size:1.6em; margin-right:5px;}
#header .etc_wrap .all_wrap .all_btn{ display:block; color:#fff; text-align:center; position:relative; border:1px solid #ddd; width:3em; height:3em; font-size:1.125em; transition:.3s; color:#111;}
#header .etc_wrap .all_wrap .all_btn .xi{ position:relative}
#header .etc_wrap .all_wrap .all_btn:hover{border:1px solid #f88420;}
#header .etc_wrap .all_wrap .all_btn:hover .xi{ color:#f88420;}

.sub #header{ position: relative; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.sub #header .top_wrap .logo.h_A{ display: none;}
.sub #header .top_wrap .logo.h_B{ display: block;}
.sub #header .gnb_wrap .gnb > li .dp1{ color:#444;}
.sub #header .gnb_wrap .gnb > li:hover .dp1{ color:#f88420;}
.sub #header .etc_wrap .mem_wrap > li a{color:#666;}
.sub #header .etc_wrap .all_wrap .all_btn{ color:#444;}

#footer{background:#2e3f53; text-align:center;}
#footer .f_menu{ margin-bottom:1.5em;}
#footer .f_menu > li{ display:inline-block; margin-right:3em; position:relative;}
#footer .f_menu > li a{ color:#fff; font-size:.938em;}
#footer .f_menu > li:after{ content:''; width:1px; height:16px; background:rgba(255,255,255,.3); position:absolute; top:5px; right:-1.5em;}
#footer .f_menu > li:last-child{ margin-right:0;}
#footer .f_menu > li:last-child:after{ display:none;}

#footer .info_wrap{ padding:2em 0 2em;}
#footer .info_wrap .f_logo{ opacity:.4; margin-bottom:1.5em;}
#footer .info_wrap .info{ box-sizing:border-box;}
#footer .info_wrap .info > li{ margin-right:2em; color:#fff; opacity:.9; line-height:1.6; letter-spacing:0;  font-size:.938em; display:inline-block; font-weight:300;}
#footer .info_wrap .copyright{ padding-top:30px; color:#fff; opacity:.6; font-size:.813em;  font-weight:300; letter-spacing:.5px; font-family:'Ms'}

.goTop{ z-index:998; position:fixed; right:2em; bottom:2em; width:3.6em; height:3.6em; background:#ff830b; border-radius:100%; transition:.2s;}
.goTop .xi{ display:block; line-height:1em;  color:#fff;}
.goTop .tt{ font-size:.750em;  color:#fff;}
.goTop:hover{ background:#e65d1f;}

.chat_btn.goTop{ bottom:18em; background:#2baeff}
.chat_btn.goTop .xi,
.chat_btn.goTop .tt{color:#fff;}

.kakao_btn.goTop{ bottom:6em; background:#ffc43f}
.kakao_btn.goTop .xi,
.kakao_btn.goTop .tt{color:#410404;}

.blog_btn.goTop{ bottom:10em; background:#44c424}
.blog_btn.goTop .xi,
.blog_btn.goTop .tt{color:#fff;}

.insta_btn.goTop{ bottom:14em; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.insta_btn.goTop .xi,
.insta_btn.goTop .tt{color:#fff;}

#contents{}
#contents .doc{ padding:4em 0 10em 0}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:20em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#aaa; transform:scale(1,1); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative; margin-top:-2em;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.25em; font-weight:500; color:#fff; margin-right:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s; display:none;}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .sub_slogan{ margin-left:0; opacity:1;}
.load #contents .sub_visual_wrap .slogan .nav{ opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{max-width:20%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ height:4.5em; color:#fefefe; position:relative;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1.068em; font-weight:300;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a:after{ content:''; display:block; width:100%; height:5px; background:#fff; position:absolute; top:0; left:0;}
#contents .sub_visual_wrap .sub_gnb_wrap .line{ width:100%; height:1px; background:rgba(255,255,255,.5); position:absolute; top:2px;}


.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}
.agree_wrap strong{ vertical-align:inherit; font-weight:bold;}


/*======================================================================sub======================================================================*/

/*결제진행 step*/
.order_step_wrap{ margin:0 0 3em;}
.order_step_wrap .order_tit{ font-size:2.25em; color:#3c3c3d; font-weight:500; letter-spacing:0; text-transform:uppercase; text-align:center; margin-bottom:1em;}
.order_step_wrap .step_order > li .in{ position:relative; height:80px; padding-left:95px; vertical-align:top; text-align:left; color:#b7b7b7;}
.order_step_wrap .step_order > li .in:after {content:''; position:absolute; z-index:1; left:0; top:50%; margin-top:-2px; width:100%; height:4px; background-color:#ddd;}
.order_step_wrap .step_order > li .xi{ position:absolute;z-index:2;left:0;top:0; width:80px; height:80px; line-height:80px; text-align:center; border:1px solid #eaeaea; border-radius:100%; background-color:#f7f7f7; box-sizing:border-box; font-size:1.875em;}
.order_step_wrap .step_order > li .tit{ display:block; text-transform:uppercase;  position:absolute; left:95px; bottom:.5em; font-size:1.125em;}
.order_step_wrap .step_order > li .no{ position:absolute; left:95px; top:1.4em; font-size:.813em;}
.order_step_wrap .step_order > li.on .in{ color:#1c1c1c;}
.order_step_wrap .step_order > li.on .in:after{ background-color:#ff8500;}
.order_step_wrap .step_order > li.on .xi{ border-color:#ff8500; background-color:#ff8500; color:#fff;}


/*결제완료*/
.buy_fin_box{border:1px solid #ddd; padding:3em 2em; text-align:center;}
.buy_fin_box .t1{ font-size:1.65em; margin-bottom:1em;}
.buy_fin_box .t2{ font-size:1.063em; color:#555; line-height:1.5;}
.buy_fin_box .order_no{ display:inline-block; *display:inline; zoom:1; background:#f1592a; padding:0 2em; color:#fff; border-radius:3em; line-height:2.5em}
.buy_fin_box .order_no .tt{ font-size:.875em}
.buy_fin_box .order_no .no{ font-size:1.5em; letter-spacing:1px; margin-left:5px;}
.buy_fin_box.lec_in_list{ text-align:left;}

.tt_pointBox .tt{ font-size:1.125em; vertical-align:baseline;}
.tt_pointBox .tt.tt_point{ font-size:1.85em; color:#e65d1f; font-weight:500; margin:0 3px;}

/*이용안내 박스*/
.tbox{ border:1px solid #ddd; background:#f5f5f5; box-sizing:border-box; padding:1.5em; border-radius:10px;}
.tbox .tbox_in{ background:#fff; box-sizing:border-box; padding:1.5em 2em; font-size:.938em; color:#222; line-height:1.8;}
.tbox .tbox_in strong{ font-weight:500; vertical-align:baseline;}

/*멤버박스*/
.member_wrap{ letter-spacing:-.5px;}
.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:640px; max-width:100%; margin:0 auto;}

/*멤버타이틀*/
.member_wrap .member_tit{ padding:3em 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-family:'Ms','NotoSans',sans-serif; font-size:2.500em; color:#3c3c3d; font-weight:600; letter-spacing:0; text-transform:uppercase;}
.member_wrap .member_tit .txt{ font-size:1.65em; color:#69696b; font-weight:300; padding-top:.8em;}

/*로그인*/
.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; border-radius:5px; font-size:1.125em;}
.member_wrap .form .btn_wrap .btn.c1{ background:#ff830b; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#ff830b; color:#ff830b;}
.member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

.member_wrap .member_form{ padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#ff830b;}
.member_wrap .member_form .form li.inp_wrap .in_tt{ width:100%; color:#777; font-size:.938em; margin:1em 0 1em 0; line-height:1.5}


/*회원가입 step*/
.step_st{ padding:1px 0 0 1px; overflow:hidden; border-right:1px solid #ddd; margin-bottom:3em}
.step_st > li{ flex:1 1 1%}
.step_st > li .in{ background:#f5f5f5; padding:0 1em 0 3.5em; height:5em; border:1px solid #ddd; margin:-1px 0 0 -1px; position:relative; color:#888}
.step_st > li .in:after{ content:""; position:absolute; z-index:1; right:-2.125em; top:.813em; width:0; padding-left:4em; height:4em; font-size:.875em; border:1px solid #ddd; border-left:none; border-bottom:none; background:#f5f5f5; transform:rotate(45deg)}
.step_st > li .in .icon{ font-size:2.5em; margin-right:.25em; opacity:.3}
.step_st > li .in .tt .t1{ display:block; font-size:.875em; font-weight:700; line-height:1; margin-bottom:.25em; opacity:.5}
.step_st > li .in .tt .t2{ font-size:1.125em; font-weight:500; line-height:1}
.step_st > li.on .in{ background:#ff830b; color:#fff}
.step_st > li.on .in:after{ background:#ff830b; border-color:transparent}
.step_st > li.on .in .icon{ opacity:1}
.step_st > li.on .in .tt .t1{ color:#fff}

.agree_box .check{ padding:1em .25em; border-top:1px solid #ff830b; font-size:1.25em; position:relative}
.agree_box .check .arrow{ position:absolute; right:.5em; top:50%; line-height:1; margin-top:-.75em; color:#aaa}
.agree_box .check .arrow:before{ content:"\e943"; font-size:1.5em}
.agree_box .agree_wrap{ height:11em; margin-left:3em}
.agree_wrap{ padding:2em; border:1px solid #ddd; font-size:.938em; line-height:1.8; color:#555; background:#f9f9f9}

.box_st{ border:1px solid #ddd; border-top-color:#ff830b; padding:3em; text-align:center}
.tt_st1{ font-size:1.063em; line-height:1.8; color:#666}

/*구매내역*/
.my_order_state{ margin-top:2em; border-top:1px solid #111}
.my_order_state > li{ width:33.33%}
.my_order_state > li .in{ padding:2em 1em; text-align:center; position:relative}
.my_order_state > li .in:after{ content:""; position:absolute; left:-1px; top:30%; height:40%; width:1px; background:#ddd}
.my_order_state > li:first-child .in:after{ display:none}
.my_order_state > li .in .icon{ font-size:2.5em; color:#bbb; line-height:1em}
.my_order_state > li .in .tt{ padding:.75em 0 0 0; font-size:.813em; color:#777}
.my_order_state > li .in .no{ font-family:tahoma,sans-serif; font-size:2em; color:#111}

.tx_box{ border:1px solid #ccc; box-sizing:border-box; padding:1.5em; font-size:.938em; line-height:1.5; color:#333;}
.tx_box.st2{ background:#f8f8f8}
.tx_box .tt1{ font-size:1.125em; margin-bottom:.5em;}
.tx_box .tt1 .st{ color:#e14840; vertical-align:inherit;}
.do_list{}
.do_list li{ position:relative; padding-left:.7em; color:#555;}
.do_list li:before{ content:''; width:3px; height:3px; background:#ff8500; border-radius:50%; position:absolute; top:10px; left:0;}


.my_search_wrap{ padding:2em; border:1px solid #ddd; font-size:.875em; color:#666}
.my_search_wrap .tit{ font-size:1.188em; margin-bottom:.5em; color:#111}
.my_search_wrap .tit .xi{ font-size:1.5em; vertical-align: top; margin-top:-.2em}
.my_search_wrap .input_st{ min-width:4em}
.fa_btn{ display:inline-block; border:1px solid #333; padding:.5em;}
.passed_point { text-decoration:line-through; color:#888888!important}
.my_search_wrap .input_tt:before{ display:none;}


/*공통*/
.sub_tit .t1{ text-align:center; font-size:2.5em; color:#000; margin:0 0 1em 0; font-weight:300; font-family:'Ms','notokr';}
.sub_tit .line{ display:block; width:1px; height:.75em; background:#000; margin-bottom:.25em; margin-left:10px;}
.sub_tit .t1 .line{ margin-left:auto; margin-right:auto}
.load .sub_tit .line{transform: scaleY(1); visibility: visible;}

.page_tit{ margin-bottom:.75em; margin-top:4em}
.page_tit:first-child{ margin-top:0}
.page_tit .t1{ font-size:1.625em; color:#222; letter-spacing:-2px; word-spacing:2px;}
.page_tit .t2{ font-size:2em; color:#222; letter-spacing:-2px; word-spacing:2px; margin-bottom:1em}
.page_tit .t2:after{ content:""; margin:.8em auto 1em; width:1em; height:2px; background:#222; display:block}


.scrollAni{ visibility:hidden; transition:.8s; transition-timing-function:ease-in-out }
.scrollAni.on{ visibility:visible}
.scrollAni.fade{ opacity:0}
.scrollAni.fade.on{ opacity:1; transition-delay:.2s}
.scrollAni.moveL{ transform:translateX(-10em); opacity:0}
.scrollAni.moveL.on{ transform:translateX(0); opacity:1}
.scrollAni.moveR{ transform:translateX(10em); opacity:0}
.scrollAni.moveR.on{ transform:translateX(0); opacity:1}
.scrollAni.moveT{ transform:translateY(7em); opacity:0}
.scrollAni.moveT.on{ transform:translateY(0); opacity:1}
.scrollAni.moveB{ transform:translateY(-7em); opacity:0}
.scrollAni.moveB.on{ transform:translateY(0); opacity:1}
.scrollAni.scaleX{ transform:scaleX(0); transform-origin:left top}
.scrollAni.scaleX.on{ transform:scaleX(1)}
.scrollAni.scaleY{ transform:scaleY(0); transform-origin:left top}
.scrollAni.scaleY.on{ transform:scaleY(1)}
.scrollAni.delay1{ transition-delay:.3s;}
.scrollAni.delay2{ transition-delay:.6s;}
.scrollAni.delay3{ transition-delay:.9s;}
.scrollAni.delay4{ transition-delay:1.2s;}

.scrollAni.fade{ opacity:0}
.scrollAni.fade.on.delay1{ transition-delay:.3s;}
.scrollAni.fade.on.delay2{ transition-delay:.6s;}
.scrollAni.fade.on.delay3{ transition-delay:.9s;}
.scrollAni.fade.on.delay4{ transition-delay:1.2s;}

.sub_tbl .tbl_st {border:1px solid #ccc;  border-top:2px solid #da9c9c; width:100%;}
.sub_tbl .tbl_st tbody th {background:#f8f1f1; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; color:#333; text-align:center}
.sub_tbl .tbl_st tbody td {background:#fff;  color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; line-height:1.5; text-align:center;}

.sub_tbl.fs_st .tbl_st tbody td{ font-size:.938em; padding:1em .5em;}
.sub_tbl.fs_st .tbl_st tbody td .pl_btn{ display:block; background:#aaa; padding:.3em 0; width:104px; border-radius:30px; margin:2px auto; font-size:.938em; color:#fff;}
.sub_tbl.fs_st .tbl_st tbody td .pl_btn .xi{ margin-left:3px; font-size:1em;}
.sub_tbl.fs_st .tbl_st tbody td .pl_btn.st1{ background:#e85920;}
.sub_tbl.fs_st .tbl_st tbody td .pl_btn.st2{ background:#ff830b;}
.sub_tbl.fs_st .tbl_st tbody td .vip_tx{color:#bd8e61; cursor:pointer}
.sub_tbl.fs_st .tbl_st tbody td .vip_tx .xi{ margin-right:2px;}

.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx.fs7{ margin:-1em 0 3em -.3em;}
.tab_idx > li{flex:1 50%;}
.tab_idx.fs3 > li{flex:1 1 33.33%;}
.tab_idx.fs7 > li{flex:1 1 14.28%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx.fs7 > li > a{ margin:1em 0 0 .3em;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:#e65d1f; border-color:#e65d1f}



/*인사말*/
.about_content2{ /* background:url(../images/sub/greetings_img1.jpg) no-repeat center; */ background-size:cover; box-sizing:border-box; padding:6em 0 8em; background-color:#fff;}
.about_content2 .in_tx_box{color:#333; line-height:1.5; padding:7em 15em 6em; box-sizing:border-box; background:#fff; text-align:center; box-shadow:0 0 25px rgb(0 0 0 / 10%)}
.about_content2 .in_tx_box .tw_en{ color:#999; letter-spacing:6px; font-size:1.068em; font-family:'Ms';}
.about_content2 .in_tx_box .tw_tit{ font-size:2em; line-height:1.4; margin-bottom:20px; font-weight:500;}
.about_content2 .in_tx_box .tw_tit .c_st{ font-size:1.125em; font-weight:600; letter-spacing:-2px; font-family:'Ms';}
.about_content2 .in_tx_box .tw{ margin-bottom:15px; font-size:1.068em;}
.about_content2 .in_tx_box .bar{ width:40px; height:2px; background:#ddd; display:block; margin:40px auto;}
.about_content2 .in_tx_box .ceo{ text-align:center; margin-top:4em; font-size:1.3em;  font-family:'Ms','notokr';}


/*사업영역*/
.bs_list{ margin-top:4em; padding-top:4em; border-top:1px dashed #ddd;}
.bs_list > li{ width:25%; text-align:center;}
.bs_list > li .in .bs_img{ width:7em; height:7em; border-radius:50%; margin:0 auto 25px;}
.bs_list > li .in .bs_img .fas{ font-size:2.25em; color:#fff;}
.bs_list > li .in .bs_txt .bs_t{ font-weight:600; color:#444; font-size:1.068em; margin-top:10px;}

.bs_cont{ margin-bottom:4em;}
.bs_cont .bs_bg{background-size:cover; background-position:center; background-repeat:no-repeat; height:290px; position:relative;}
.bs_cont .bs_tit{ position:absolute; bottom:-2em; left:0; background:#fff; padding:2.5em 4em 0; width:50%}
.bs_cont .bs_tit .t1{ font-size:1.35em;}
.bs_cont .bs_tit .t2{ display:inline-block; font-size:2.25em; font-weight:700; text-transform:uppercase; margin-top:-5px; border-bottom:8px solid #ff830b; font-family:'Ms','notokr'}
.bs_cont .bs_tx{ padding:4.5em 3.5em 0; font-size:1.1em; color:#333; line-height:1.8;}


/*찾아오시는 길*/
.root_daum_roughmap{ width:100% !important;}
.map_tw{padding-bottom:1em; font-size:1.45em; font-weight:500;}
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; text-align:center;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:55px; margin-bottom:5px; margin-top:5px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#ff830b}
.map_view{ border-top:3px solid #ee3614; box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em}
.map_view .tt {padding-bottom:10px; font-size:1.063em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.map_view .xi {vertical-align:middle; font-size:1.188em; padding-right:5px;}


/*국내외식품사 정보*/
.prod_search{ margin:4em auto 2em; background:#f7f7f7; padding:3em 0;}
.prod_search .search{ margin:0 auto;}
.prod_search .search .va_wrap{ height:60px; box-sizing:border-box;}
.prod_search .search .inner{ position:relative; padding:0 50px 0 130px; border-radius:50px; overflow:hidden;  font-weight:400;}
.prod_search .search .tit_wrap,
.prod_search .search .btn_wrap{ position:absolute; top:0;}
.prod_search .search .tit_wrap{ width:170px; left:0; background:#43454e;  color:#fff; font-size:.875em; font-weight:500; line-height:60px;}
.prod_search .search .btn_wrap{ width:120px; right:0; background:#b02609; transition:.2s;}
.prod_search .search .inp_wrap{ width:auto; padding:0 6em 0 4em; background:#fff; border:1px solid #43454e; border-right:none;}
.prod_search .search .inp_wrap .inp{ width:100%; background:transparent; border:none; font-size:.9em; font-weight:400;}
.prod_search .search .inp_wrap .inp::-webkit-input-placeholder,
.prod_search .search .inp_wrap .inp::-moz-placeholder,
.prod_search .search .inp_wrap .inp:-moz-placeholder,
.prod_search .search .inp_wrap .inp:-ms-input-placeholder{ color:#888}
.prod_search .search .btn_wrap .btn{ position:relative; width:100%; height:100%; background:transparent; border:none; font-size:1.250em; color:#fff;}
.prod_search .search .label_select{ width:100%; height:100%; vertical-align:top; background:transparent; border:none;}
.prod_search .search .label_select:before{ background:transparent;}
.prod_search .search .label_select:after{ top:0; right:1em; margin-top:0;}
.prod_search .search .label_select .sel{ width:100%; height:100%; color:#fff; border:none;}
.prod_search .search .label_select .sel option{ color:#000;}
.prod_search .label_select select{padding-left:2em;}

.prod_tit{ font-size:1.4em; font-weight:600; margin-bottom:15px; margin-left:5px;}
.prod_tit .xi{ margin-right:10px; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center; font-size:1em; color:#fff; background:#b02609;}

/*식품수입*/
.step_wrap{ background:url(../images/sub/info_bg.png) no-repeat center; background-size:cover; padding-bottom:8em; padding-top:1em;}
.step_list{ margin:0 -3em 0 0;}
.step_list.st2{flex-direction:row-reverse;}
.step_list > li{ flex:1 33.33%; position:relative; margin-top:3em;}
.step_list > li .box_line{ background:#ffb101; position:absolute; z-index:-1;}
.step_list > li .box_lineL{ width:100%; height:10px; top:50%; left:0;  margin-top:-5px;}
.step_list > li .box_lineT{ width:10px; height:100%; top:3em; left:43%;}
.step_list > li .in{ display:block; border:1px solid #ccc; box-sizing:border-box; margin-right:3em; padding:2em 1.5em 1.5em; border-radius:10px; background:#fff; min-height:250px;}
.step_list > li .in .icon{ width:3.5em; height:3.5em; line-height:3.5em; text-align:center; border-radius:50%; background:#e85920; color:#fff; margin:0 auto 20px;}
.step_list > li .in .icon i.xi{ font-size:1.85em;}
.step_list > li .in .step{font-size:1.125em; font-weight:500; font-family:'Ms'; color:#d13f23; text-align:center; margin-bottom:5px;}
.step_list > li .in .in_t{ font-size:1.068em; color:#333; text-align:center; line-height:1.2;}
.step_list > li .in .more_v{ text-align:center; font-size:.875em; color:#aaa; margin-top:1em;}
.step_list > li .in .more_v .xi{ font-size:1.45em;}
.step_list > li .in:hover{ border-color:#ff830b;}
.step_list > li .in:hover .more_v{ color:#e85920;}

.step_pop .step_tt{font-size:1.4em; margin-bottom:10px; font-size:600;}
.step_pop .stbox{ border:1px solid #ddd; background:#f9f9f9; box-sizing:border-box; padding:1em; font-size:.938em; color:#333;}
.step_pop .stbox.bg01{ background:#fff;}
.step_pop .stbox .st01{ font-size:1.2em;}
.step_pop .do_list > li{ color:#333; margin-bottom:3px;}
.step_pop .step_stt{font-size: 1.25em; color: #333; font-family: 'Ms','notokr'; margin: 20px 0; font-weight: 500; margin-top:3em;}
.step_pop .step_stt:first-child{ margin-top:0;}
.step_pop .step_stt .nm{vertical-align: baseline; width: 1.8em; height: 1.8em; line-height: 1.8em; color: #fff; background: #e65d1f; text-align: center;display: inline-block; border-radius: 50%; margin-right: 3px; font-size: .875em;}
.step_pop .step_btn{background: #ff6a00; border-radius: 50px; padding: .3em 1.5em; color: #fff; box-sizing: border-box; text-align: center;  display: inline-block; transition:.3s;}
.step_pop .step_btn:hover{ background:#e13400}


body.pop .popWrap.step_pop.st02 .popIn .popCon{ padding:1em;}
body.pop .popWrap.step_pop.st02 .popIn .popClose{ color:#a2a2a2;}
body.pop .popWrap.step_pop.st02 .popIn:before{ display:none;}

/*프로페셔널*/
.prod_wrap{ margin:-1em 0 3em -1.5em}
.prod_wrap > li{width:25%;}
.prod_wrap > li .in{ margin:1.5em 0 0 1.5em; border:1px solid #ddd; padding:1em; text-align:center; cursor:pointer}
.prod_wrap > li .in .img.resize{ padding-bottom:80%; margin-bottom:15px;}
.prod_wrap > li .in .tit{ font-size:1.25em; padding:1.8em 0 .5em 0; border-top:1px solid #ddd; font-family:'Ms','notokr'; font-weight:500;}
.prod_wrap > li .in .more{ position:relative; width:1.5em; height:1.5em; line-height:1.7em; margin-bottom:-.7em;}
.prod_wrap > li .in .more:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#f5f5f5; transform:rotate(45deg); transition:.3s}
.prod_wrap > li .in .more:after{ content:"\e9c5"; position:relative}
.prod_wrap > li .in:hover .more{ color:#fff}
.prod_wrap > li .in:hover .more:before{transform:rotate(135deg); background:#ff830b; border-color:transparent;}

.line_ani,
.line_ani_wrap{ position:relative; z-index:inherit}
.line_ani .line{ position:absolute; background:#ff830b; width:0; height:0}
.line_ani .line.lineT{ left:0; top:0; transition:width 0.4s;}
.line_ani .line.lineR{ right:0; top:0; transition:height 0.4s;}
.line_ani .line.lineB{ right:0; bottom:0; transition:width 0.4s;}
.line_ani .line.lineL{ left:0; bottom:0; transition:height 0.4s;}
.line_ani:hover .line.lineT,
.line_ani:hover .line.lineB{ width:100%; height:1px}
.line_ani:hover .line.lineR,
.line_ani:hover .line.lineL{ width:1px; height:100%}

/*프로페셔널 뷰*/
.pop1_explain{}
.pop1_explain .left { width:33%; float:left;}
.pop1_explain .right { width:67%; float:right;}

.pop1_explain .left{ box-sizing:border-box; position:relative;}
.pop1_explain .left .resize{ padding-bottom:110%; border:1px solid #ddd;}
.pop1_explain .left .into_btn{ position:absolute; bottom:15px; left:50%; margin-left:-80px;}
.pop1_explain .left .into_btn a{ background:#F90; border-radius:50px; padding:.4em .5em; color:#fff; box-sizing:border-box; text-align:center; display:inline-block; width:160px;}
.pop1_explain .left .into_btn a .xi{ margin-right:5px; font-size:1.068em; vertical-align:baseline;}
.pop1_explain .right{ padding-left:40px; box-sizing:border-box;}
.pop1_explain .right .right_in > li {border-top:1px dashed #aaa; overflow:hidden; padding:15px 5px;}
.pop1_explain .right .right_in > li:last-child {border-bottom:1px dashed #aaa;}
.pop1_explain .right .right_in > li .tit{ font-size:1.25em; margin-bottom:10px;}
.pop1_explain .right .right_in > li .tit > i { font-size:1em; vertical-align: baseline; display:inline-block; color:#ec8300; margin-right:5px;}
.pop1_explain .right .right_in > li .pro_box{ margin-bottom:1em;}
.pop1_explain .right .right_in > li .pro_box .pro_tt{ margin-bottom:8px; position:relative; padding-left:.7em;}
.pop1_explain .right .right_in > li .pro_box .pro_tt:before{ content:''; width:4px; height:4px; background:#e54724; border-radius:50%; position:absolute; top:11px; left:0;}
.pop1_explain .right .right_in > li .in_list > li {padding-left:10px; position:relative; margin-bottom:3px; font-size:.938em; color:#333;}
.pop1_explain .right .right_in > li .in_list > li:before {position:absolute; content:''; width:5px; height:1px; background:#666; left:0; top:11px;}
.pop1_explain .right .right_in > li .info_list > li{ margin-bottom:8px; font-size:1.125em;}
.pop1_explain .right .right_in > li .info_list > li .xi{ width:2em; height:2em; line-height:2em; background:#e54724; color:#fff; margin-right:7px; text-align:center; border-radius:50%; font-size:.938em;}
.pop1_explain .right .right_in > li .info_list > li .inf_w{ font-size:.938em; color:#666; vertical-align:baseline; margin-right:3px;}

.view_tit{ margin-bottom:10px;}
.view_tit .t1{ font-size:1.8em; font-weight:600; display:inline-block;}
.view_tit .t2{  color:#888; display:inline-block; margin-left:10px;}


/*해외공장실사*/
.pj_con{ margin-top:7em; margin-right:-40px;}
.pj_con li{ }
.pj_con li .in{ margin-bottom:3em;}
.pj_con li .in > *{ flex: 1 40%;}
.pj_con li .in .img{ box-sizing:border-box; padding-right:3em; width:45%;}
.pj_con li .in .img span{ height:424px; display:block; /* box-sizing:border-box; border:1px solid #ddd; box-shadow:5px 5px 0px rgba(0,0,0,0.1); */ background-repeat:no-repeat; background-position:center; background-size:cover; }
.pj_con li .in .tx{width:55%;}
.pj_con li .in .tx .pj_tit{ font-size:1.35em; color:#ff830b; font-family:'Ms'; margin:20px 0;  font-weight:600;}
.pj_con li .in .tx .pj_tit .nm{ vertical-align:baseline; width:2em; height:2em; line-height:2em; color:#fff; background:#e65d1f; text-align:center; display:inline-block; border-radius:50%; margin-left:3px; font-size:.875em;}
.pj_con li .in .tx .pj_tx li{color:#333; margin-bottom:10px;}

.com_top {height: 350px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.com_top .txt_wrap { display: inline-block; padding: 60px 50px; background: rgba(255,255,255,.85); margin-top: 60px; min-width:290px;}
.com_top .kor { font-size: 1.8em; color: #222; font-weight: 600; letter-spacing: -1px; line-height: 1.3;}
.com_top .line { width: 30px; height: 3px; background:#e65d1f; margin:25px 0 10px; }
.com_top .st { font-size: 1.2em; color:#e65d1f; }


.mod_vcon{ margin-right:-25px;}
.mod_vcon li{ width:33.33%; float:left;}
.mod_vcon li .in{ border:1px solid #ddd; border-top:5px solid #ffb74d; border-radius:0 0 15px 15px; box-sizing:border-box; padding:1.5em 1em; margin-right:25px; text-align:center; min-height:200px;}
.mod_vcon li .in .vc_tt{ margin-bottom:15px; color:#666; display:inline-block; font-size:1.125em;}
.mod_vcon li .in .vc_bt a{ display:inline-block; padding:.5em 1em; border-radius:3px; margin-top:15px; font-size:.875em; color:#fff;}
.mod_vcon li .in .vc_bt a.st1{ color:#999;}
.mod_vcon li .in .vc_bt a.st2{ background:#444;}
.mod_vcon li .in .vc_con3 .vc_pt{ font-size:2em; font-weight:600; color:#c94747;}
.mod_vcon li .in .vc_con3 .vc_pt .st2{ font-size:.6em; font-weight:400; color:#000; margin-left:5px;}

.vol{display:inline-flex;}
.vol .inp,
.vol .btn{ border:1px solid #ddd; background:#fff; height:2.5em; box-sizing:border-box}
.vol .inp{ width:4em; text-align:center; border-left:none; border-right:none}
.vol .btn{ width:2.5em}
.vol .btn .xi{ font-size:1em}
.vol .btn.down .xi:before{content:"\e943"}
.vol .btn.up .xi:before{content:"\e946"}
.vol .btn:hover{ background:#f5f5f5}

.buy_fin_tt{ font-size:1.25em; font-weight:500; margin-bottom:8px; color:#333;}
.p_st1{ font-size:1.35em; font-weight:600; margin-right:3px; vertical-align:baseline;}

/*======================================================================main======================================================================*/


.mainVisual .el{ height:600px; position:relative; overflow:hidden}
.mainVisual .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom;/* transform:scale(1.2,1.2);*/transition:3s; background-size:cover;}
.mainVisual_wrap{ position:relative; border-bottom:1px solid #eee;}
.mainVisual_wrap .control_wrap{ position:absolute; left:0; bottom:2em; width:100%; z-index:100}
.mainVisual_wrap .control_wrap .wrap_in{ display:flex; align-items:flex-end}
.mainVisual_wrap .control_wrap .paging ol{ display:flex; align-items:flex-end}
.mainVisual_wrap .control_wrap .paging ol > li > a{ display:block; width:1em; height:1em; margin-top:4em; background:#ccc; text-indent:-2em; overflow:hidden; font-size:.75em; margin-right:.5em; opacity:.5; transition:.3s}
.mainVisual_wrap .control_wrap .paging ol > li > a.flex-active{ height:5em; margin-top:0; opacity:1}
.mainVisual_wrap .control_wrap .nav{ display:flex; margin-left:1em}
.mainVisual_wrap .control_wrap .nav.direct{ margin-left:auto}
.mainVisual_wrap .control_wrap .nav .btn{ display:block; width:3em; line-height:3em; border:1px solid #ccc; text-align:center; color:#111; margin-right:-1px; opacity:.5; transition:.3s}
.mainVisual_wrap .control_wrap .nav .btn:hover{ opacity:1}
.mainVisual_wrap .control_wrap .auto .flex-play{ display:none}
.mainVisual_wrap .control_wrap .auto.on .flex-pause{ display:none}
.mainVisual_wrap .control_wrap .auto.on .flex-play{ display:block}
.mainVisual_wrap .control_wrap .auto.on .flex-play .btn{ opacity:1}

.mainVisual  .slogan_wrap{ position: absolute; left:6em; top:9.5em; width:100%;}
.mainVisual  .slogan{ width:75%; margin:auto; position:relative; padding:70px}
.mainVisual  .slogan .t1{ font-weight:700; font-size:2.65em; color:#fff; padding-bottom:.25em; opacity:0; margin-left:-10%; text-shadow:1px 1px 3px rgba(0,0,0,0.2);  font-family:'Montserrat';}
.mainVisual  .slogan .t2{  font-size:1.125em; color:#eee; line-height:1.5; opacity:0; margin-left:-10%}
.mainVisual  .slogan .line{ position:absolute; background:#fff; width:10px; height:10px}
.mainVisual  .slogan .line.line1{ height:0; left:10%; bottom:90%}
.mainVisual  .slogan .line.line2{ width:0; right:90%; top:0}
.mainVisual  .slogan .line.line3{ height:0; left:0; top:0}
.mainVisual  .slogan .line.line4{ width:0; left:0; bottom:0}
.mainVisual  .slogan .line.line5{ height:0; left:20%; bottom:0}
.mainVisual .flex-active-slide .slogan .line{ transition:.5s}
.mainVisual .flex-active-slide .slogan .line.line1{ height:10%}
.mainVisual .flex-active-slide .slogan .line.line2{ width:10%; transition-delay:.5s}
.mainVisual .flex-active-slide .slogan .line.line3{ height:100%; transition-delay:1s}
.mainVisual .flex-active-slide .slogan .line.line4{ width:20%; transition-delay:1.5s}
.mainVisual .flex-active-slide .slogan .line.line5{ height:10%; transition-delay:2s}
.mainVisual .flex-active-slide .slogan .t1{ opacity:1; margin-left:0; transition:1s}
.mainVisual .flex-active-slide .slogan .t2{ opacity:1; margin-left:0; transition:1s; transition-delay:.5s}


/*main_con1*/
.main_con1{ margin-top:4.5em;}
.main_con1 .about_list > li{ width:25%; box-sizing:border-box; padding:1.5em 1.5em 1em; border:1px solid #d9582a; min-height:235px;}
.main_con1 .about_list > li .ab_tt{ font-size:1.35em; position:relative; margin-bottom:20px;}
.main_con1 .about_list > li .ab_tt:after{ content:'+'; position:absolute; right:0; top:0; width:1.1em; height:1.1em; line-height:1.1em; background:#fff; color:#d9582a; border-radius:50%; text-align:center; font-size:1.25em;  cursor:pointer}
.main_con1 .about_list > li .ab_tx{ color:#fff; line-height:1.5; font-size:.938em; margin-bottom:15px;}
.main_con1 .about_list > li:nth-child(3){ border-right:none;}
.main_con1 .about_list > li:nth-child(3) .ab_tt:after{ background:#f5a354; color:#fff;}
.main_con1 .about_list > li:nth-child(3) .ab_tx{ color:#000;}
.main_con1 .about_list > li:nth-child(4) .ab_tt:after{ background:#d9582a; color:#fff;}
.main_con1 .about_list > li .ab_st1{ margin-top:2.25em;}
.main_con1 .about_list > li .ab_st1 > li{ width:33.33%;}
.main_con1 .about_list > li .ab_st1 > li a{ display:block; font-size:.875em; border:1px solid #fff; padding:.5em; text-align:center; color:#fff; font-weight:300;}
.main_con1 .about_list > li .ab_st2{ margin-top:2.25em;}
.main_con1 .about_list > li .ab_st2{ position:relative; width:100%; padding-right:4em; box-sizing:border-box; background:#f9f9f9; border:1px solid #d9582a;}
.main_con1 .about_list > li .ab_st2 .inp{ box-sizing:border-box; height:2.5em; border:none; background:transparent; color:#666;}
.main_con1 .about_list > li .ab_st2 input.inp::placeholder { color: #aaa;}
.main_con1 .about_list > li .ab_st2 .txt{ width:100%; padding-left:1.5em; text-align:left; font-size:.875em;}
.main_con1 .about_list > li .ab_st2 .btn{ position:absolute; top:0; right:0; width:3em;  color:#d9582a;}
.main_con1 .about_list > li .ab_st2 .btn .xi{ font-size:1.5em;}
.main_con1 .about_list > li .ab_st3 > li a{ display:block; font-size:.9em; border:1px solid #f5a354; padding:.5em 1em; box-shadow:3px 2px 0 rgba(0,0,0,0.15); background:#fff; margin-bottom:3px; position:relative; color:#333;}
.main_con1 .about_list > li .ab_st3 > li a:after{ content:"\e93f"; font-family:'xeicon'; font-size:1.35em; color:#777; position:absolute; top:4px; right:8px;}


 /*main_con2*/
.main_con2{ margin-top:3.5em; margin-right:-25px;}
.main_con2 .board_cont,
.main_con2 .food_news{ width:50%;}
.main_con2 .board_cont .in,
.main_con2 .food_news .in{ margin-right:25px;}
.main_con2 .food_news .in{ position:relative;}
.main_con2 .food_news .news_tt{ font-size:1.5em; font-weight:500;}
.main_con2 .food_news .in_con { border:1px solid #ddd; box-sizing:border-box; padding:1.5em 0 1em; margin-top:10px;}
.main_con2 .food_news .in_con .news_list > li{ width:50%; border-right:1px solid #ddd; box-sizing:border-box; padding:0 1.2em;}
.main_con2 .food_news .in_con .news_list > li:last-child{ border-right:none;}
.main_con2 .food_news .in_con .news_list > li .n_in{}
.main_con2 .food_news .in_con .news_list > li .n_in .img_dv{ border:1px solid #ddd; margin-bottom:13px;}
.main_con2 .food_news .in_con .news_list > li .n_in .txt_dv{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; font-size:.875em; height:44px;}
.main_con2 .food_news .in_con .news_list > li .n_in .date_dv{ color:#999; font-size:.85em; margin-top:7px;}
.main_con2 .food_news .in_con .news_list > li .n_in .date_dv .xi{ margin-right:3px;}
.main_con2 .food_news .news_control{ position:absolute; top:5px; right:0;}
.main_con2 .food_news .news_control .i_btn{ width:2em; height:2em; line-height:2em; border:1px solid #999; border-radius:50%; text-align:center; font-size:.875em; color:#444; margin-left:3px; cursor:pointer}

.main_con2 .board_cont .tab_idx{ margin:0;}
.main_con2 .board_cont .tab_idx > li{ display:inline-block; padding:.4em 1em; min-width:125px; text-align:center; font-size:1.125em; color:#555; cursor:pointer}
.main_con2 .board_cont .tab_idx > li.on{ color:#d9582a; border-bottom:6px solid #d9582a}
.main_con2 .board_cont .detail_wrap{ border:1px solid #ddd; margin-top:-1px; box-sizing:border-box; padding:1.5em 0 1em; position:relative;}
.main_con2 .board_cont .more_btn{ position:absolute; top:-4.25em; right:0em; width:2.25em; height:2.25em; line-height:2.25em; background:#d9582a; color:#fff; text-align:center; border-radius:50%;}
.main_con2 .board_cont .brd_top{ border-bottom:1px solid #ddd;  padding:0 1.5em 1.5em;}
.main_con2 .board_cont .brd_top .brd_date{ width:5.5em; height:5.5em; border-radius:50%; text-align:center; background:#faede0;}
.main_con2 .board_cont .brd_top .brd_dd{ font-size:1.35em; font-weight:600; margin-top:-2px;}
.main_con2 .board_cont .brd_top .brd_ym{ font-size:.85em; color:#666; margin-top:17px;}
.main_con2 .board_cont .brd_tit{ width:calc(100% - 5.5em); box-sizing:border-box; padding-left:1.5em; margin-top:1em;}
.main_con2 .board_cont .brd_tit .in_tt{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width:90%; display:inline-block; font-size:1.068em;}
.main_con2 .board_cont .brd_tit .xi.xi-new{ vertical-align:baseline; color:#eb6100; font-size:1.5em; margin-left:3px;}
.main_con2 .board_cont .brd_tit .in_tw{ font-size:.875em; color:#666; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:100%; margin-top:-2px;}
.main_con2 .board_cont .brd_btm{ padding:1.5em 1.5em 0;}
.main_con2 .board_cont .brd_btm .brd_list > li{ margin-bottom:10px;}
.main_con2 .board_cont .brd_btm .brd_list > li:last-child{ margin-bottom:0;}
.main_con2 .board_cont .brd_btm .brd_list > li:after{ display:block; clear:both; content:'';}
.main_con2 .board_cont .brd_btm .brd_list > li .in_tt{ float:left; font-size:.938em; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:calc(100% - 75px);}
.main_con2 .board_cont .brd_btm .brd_list > li .in_tw{ float:right; font-size:.813em; color:#999; width:70px; margin-top:4px;}

.main_con2 .board_cont .detail_wrap,
.main_con2 .food_news .in_con{ min-height:280px;}


.main_con2 .new_prod > li{ width:50%; border-right:1px solid #ddd; box-sizing:border-box; padding:0 1.2em;}
.main_con2 .new_prod > li:last-child{ border-right:none;}
.main_con2 .new_prod > li .in_w .img_dv{ border:1px solid #ddd; margin-bottom:13px;}
.main_con2 .new_prod > li .in_w .txt_dv{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-overflow: ellipsis;white-space: normal; font-size: .875em; height: 44px;}
.main_con2 .new_prod > li .in_w .date_dv{color:#999; font-size:.85em; margin-top:7px;}
.main_con2 .no_con{ padding:2em 0 !important}


.pn_wrap{ background:#f9f9f9; border-top:1px solid #ddd; margin-top:4em; box-sizing:border-box; padding:1em 0;}
.pn_wrap .pn_tbox{ width:15%;}
.pn_wrap .pn_tbox .pn_tt{ font-size:1.068em;}
.pn_wrap .in_con{ width:85%;}
.pn_wrap .in_con li .n_in{ border:1px solid #ddd; background:#fff; margin-left:15px; box-sizing:border-box; padding:.5em;}
.pn_wrap .in_con li .n_in .resize{ padding-bottom:32%;}
.pn_wrap .in_con li .n_in .img_dv{}
.pn_wrap .pn_control{ margin-top:5px;}
.pn_wrap .pn_control .i_btn{ width:2.2em; height:2.2em; line-height:2.2em; background:#acacac; border-radius:50%; text-align:center; font-size:.875em; color:#fff; margin-right:3px; cursor:pointer}


.sub_tbl.wb_all tbody td a,
.sub_tbl.wb_all tbody td{ word-break:break-all;}
.tbl_info{ display:none;}

.translated-ltr[lang=en] #header .top_wrap.box0{ margin:0 1%;}
.translated-ltr[lang=en] #header .top_wrap .logo img{ width:10em; height:auto;}
.translated-ltr[lang=en] #header .gnb_wrap .gnb > li .dp1{ margin-left:0; padding:0 .5em;}
.translated-ltr[lang=en] #header .gnb_wrap .gnb > li .dp1 .va{ font-size:.938em; width:165px;}
.translated-ltr[lang=en] #header .etc_wrap .mem_wrap > li a .xi{ display: block;}
.translated-ltr[lang=en] #header .etc_wrap .all_wrap .all_btn{ width:2.5em; height:2.5em; font-size:1em;}

.translated-ltr[lang=en] .main_con1 .about_list > li{ min-height:255px;}
.translated-ltr[lang=en] .main_con1 .about_list > li .ab_tt{ font-size:1.125em;}
.translated-ltr[lang=en] .main_con1 .about_list > li .ab_tx{ font-size:.875em;}
.translated-ltr[lang=en] .main_con1 .about_list > li .ab_tt:after{ right:-12px;}
.translated-ltr[lang=en] .main_con1 .about_list > li .ab_st1 > li a{ min-height:42px;}