@charset "euc-kr";
/* CSS Document */

@font-face {
font-family: 'notokr';
font-weight: 400;
src: url('../fla_conv/font/NotoSans-Regular.eot'); src:local(¡Ø);
src: url('../fla_conv/font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
	 url('../fla_conv/font/NotoSans-Regular.woff2') format('woff2'),
	 url('../fla_conv/font/NotoSans-Regular.woff') format('woff'),
	 url('../fla_conv/font/NotoSans-Regular.otf') format('opentype')
}
@font-face {
font-family: 'notokr';
font-weight: 500;
src: url('../fla_conv/font/NotoSans-Medium.eot'); src:local(¡Ø);
src: url('../fla_conv/font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
	 url('../fla_conv/font/NotoSans-Medium.woff2') format('woff2'),
	 url('../fla_conv/font/NotoSans-Medium.woff') format('woff'),
	 url('../fla_conv/font/NotoSans-Medium.otf') format('opentype')
}
@font-face {
font-family: 'notokr';
font-weight: 700;
src: url('../fla_conv/font/NotoSans-Bold.eot'); src:local(¡Ø);
src: url('../fla_conv/font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
	 url('../fla_conv/font/NotoSans-Bold.woff2') format('woff2'),
	 url('../fla_conv/font/NotoSans-Bold.woff') format('woff'),
	 url('../fla_conv/font/NotoSans-Bold.otf') format('opentype')
}

.flex{ display:flex}
.flex.wrap{ flex-wrap:wrap}
.flex.col{ flex-direction:column}
.flex.space{ justify-content: space-between}
.flex.vspace{ align-content:space-between}
.flex.hc{ justify-content:center}
.flex.hr{ justify-content:flex-end}
.flex.vt{ align-content:flex-start; align-items:flex-start}
.flex.vc{ align-content:center; align-items:center}
.flex.vb{ align-content:flex-end; align-items:flex-end}
.flex .mgL{ margin-left:auto}
.flex .mgR{ margin-right:auto}
.flex .mgT{ margin-top:auto}

.resize{ position:relative; display:block; height:0; padding-bottom:100%; box-sizing:border-box;}
.resize .re{ position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; box-sizing:border-box;}
.resize.s1{ padding-bottom:66.66%;}

.bgfix{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.pic{ background-color:#f9f9f9; position:relative;}
.pic:before{ content:"No Image"; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:13px; color:#999; text-transform:uppercase;}

.va_wrap{ display:block; text-align:center; white-space: nowrap}
.va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.convInc{ font-family:notokr, sans-serif; font-weight:400}
.convInc *{ margin:0; padding:0; font-family:inherit !important}
.convInc ul, .convInc li{ list-style:none}
.boxW{ width:980px; margin:0 auto}
.pr{ position:relative}

.headerWrap{ position:relative; width:810px; height:65px; overflow:hidden}
.headerWrap .gnb{ height:100%}
.headerWrap .gnb > li.m_8,
.headerWrap .gnb > li.m_9,
.headerWrap .gnb > li.m_10{ display:none}
.headerWrap .gnb > li{ width:20%}
.headerWrap .gnb > li .dp1{ color:#333; position:relative; font-weight:500;}
.headerWrap .gnb > li .dp1 .va{ font-size:15px; vertical-align:top; width:100%; position:relative; overflow:hidden}
.headerWrap .gnb > li .dp1 .va:after{ content:""; width:1.5em; height:1.5em; border-radius:50%; background:radial-gradient( rgba(255,255,255,1) 0%, rgba(255,255,255,.8) 100% ); position:absolute; left:0; top:0}
.headerWrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; top:6px; width:2px; height:12px; background:#ccc}
.headerWrap .gnb > li:first-child .dp1:after{ display:none}
.headerWrap .gnb > li .dp2{ position:absolute; left:0; bottom:0; opacity:0; width:810px; height:27px; padding-top:5px; box-sizing:border-box; visibility:hidden; transition:.3s; transform:translateY(-1em)}
.headerWrap .gnb > li.m_1 .dp2{ padding-left:45px}
.headerWrap .gnb > li.m_2 .dp2{ padding-left:205px}
.headerWrap .gnb > li.m_3 .dp2{ padding-left:170px}
.headerWrap .gnb > li.m_7 .dp2{ padding-left:380px}
.headerWrap .gnb > li .dp2 > li > a{ color:#777; padding:0 10px}
.headerWrap .gnb > li .dp2 > li > a .va{ white-space:nowrap; font-size:13px; font-weight:700}
.headerWrap .gnb > li .dp2 > li:hover > a,
.headerWrap .gnb > li .dp2 > li.on > a{ color:#333}
.headerWrap .gnb > li:hover{ z-index:1}
.headerWrap .gnb > li:hover .dp1 .va:after{ left:100%; transition:1s}
.headerWrap .gnb > li:hover .dp1,
.headerWrap .gnb > li.on .dp1{ font-weight:700; color:#111}
.headerWrap .gnb > li:hover .dp2,
.headerWrap .gnb > li.on .dp2{ opacity:1; visibility:visible; transform:translateY(0)}
.headerWrap .gnb:hover > li.on .dp2{ opacity:0; visibility:hidden}
.headerWrap .gnb:hover > li.on:hover .dp2{ opacity:1; visibility:visible}
.headerWrap .gnb > li:hover .dp2{ z-index:1}

.lnbWrap{ width:210px; height:100%}
.lnbWrap .gnb{ display:block}
.lnbWrap .gnb > li,
.lnbWrap .gnb > li .dp1,
.lnbWrap .gnb > li .va_wrap:before{ display:none}
.lnbWrap .gnb > li.on{ display:block !important; width:100%}
.lnbWrap .gnb > li .dp2{ display:block; padding:0 19px}
.lnbWrap .gnb > li .dp2 > li > a{ padding:9px; display:block; text-align:left; color:#444; font-size:13px; transition:.3s; border-bottom:1px solid #ddd; position:relative; transition:.3s}
.lnbWrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:1px; top:18px; width:3px; height:3px; border-radius:50%; background:#0b6329; opacity:0; transition:.3s}
.lnbWrap .gnb > li .dp2 > li:hover > a,
.lnbWrap .gnb > li .dp2 > li.on > a{ color:#0b6329}
.lnbWrap .gnb > li .dp2 > li:hover > a:after,
.lnbWrap .gnb > li .dp2 > li.on > a:after{ opacity:1}

.swiper-wrraper .el a{ display:block}
.mainSlider-pagination{ position:absolute; z-index:100; left:auto; right:10px; width:auto; top:140px; box-sizing:border-box}
.mainSlider-pagination .swiper-pagination-bullet{ display:block; opacity:.6; width:26px; line-height:26px; height:26px; text-align:center; color:#fff; background:#fff; color:#777; margin:4px 0; font-weight:700; font-size:14px; transition:.3s}
.mainSlider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#009933; color:#fff; opacity:1}
.mainSlider{ width:960px; height:450px}

.sliderAuto{ width:860px; display:flex}
.sliderAuto .el{ width:93px;transition:.3s; background:no-repeat}
.sliderAuto .el.on{ width:392px}
.sliderAuto .e1{ background-image:url(../fla_conv/img_order/1.jpg)}
.sliderAuto .e2{ background-image:url(../fla_conv/img_order/2.jpg)}
.sliderAuto .e3{ background-image:url(../fla_conv/img_order/3.jpg)}
.sliderAuto .e4{ background-image:url(../fla_conv/img_order/4.jpg)}
.sliderAuto .e5{ background-image:url(../fla_conv/img_order/5.jpg)}
.sliderAuto .e6{ background-image:url(../fla_conv/img_order/6.jpg)}
.sliderAuto .e1.on{ background-image:url(../fla_conv/img_order/1on.jpg)}
.sliderAuto .e2.on{ background-image:url(../fla_conv/img_order/2on.jpg)}
.sliderAuto .e3.on{ background-image:url(../fla_conv/img_order/3on.jpg)}
.sliderAuto .e4.on{ background-image:url(../fla_conv/img_order/4on.jpg)}
.sliderAuto .e5.on{ background-image:url(../fla_conv/img_order/5on.jpg)}
.sliderAuto .e6.on{ background-image:url(../fla_conv/img_order/6on.jpg)}

/*review*/
.main_tit{ padding:0 15px;}
.main_tit strong{ font-weight:700;}
.main_tit .tt{ padding:0 5px;}
.main_tit .tt:first-child{ padding-left:0;}
.main_tit .t1{ font-size:25px;}
.main_tit .t2{ font-size:13px; padding-left:18px;}
.main_tit .c1{ color:#ee5076;}

.mainReview{ padding:30px 0; line-height:1.2;}
.mainReview *{ line-height:inherit;}
.mainReview .reviewTop .main_tit{ flex:1;}
.mainReview .reviewTop .more{ display:inline-block; margin-left:15px;}
.mainReview .sliderControl .btn{ width:30px; height:20px; margin:0 1px; border-radius:3px; background:#009933; border:1px solid rgba(0,0,0,.3); color:#fff; box-sizing:border-box;}
.mainReview .sliderControl .btn .xi{ font-size:12px;}
.mainReview .sliderControl .btn:hover{ background:#017b2a;}
.mainReview .mainReviewSlider{ width:960px;}