@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:100%; max-width:100%;}
.box1{ width:1200px; margin:0 auto; max-width:94%}
.box2{ width:100%; max-width:100%;}
.PC{ display:block !important}
.PHONE{ display:none !important}

/*header*/
#header{ width:100%;}
#header .gnb_wrap{ position:relative; z-index:1002; text-align:center;}
#header .gnb_wrap .vm_wrap{ height:80px; transition:.2s;}
#header .gnb_wrap .logo{ position:absolute; top:0; left:1%;}

#header .gnbBg{ display:none; position:absolute; z-index:100; top:100%; left:0; width:100%; background:#f9f9f9; box-shadow:0 3px 5px rgba(0,0,0,.2);}
#header .gnbLine{ position:absolute; z-index:2; left:0; bottom:0; height:1px; width:0; background:#ddd;}
#header .gnb_wrap > .gnb{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .gnb_wrap > .gnb > li{ position:relative;}
#header .gnb_wrap > .gnb > li .dp1{ position:relative; padding:0 1.1em; min-width:4em; font-size:1.250em; color:#000; font-family:notokrM;}
#header .gnb_wrap > .gnb > li .dp1:after{ content:""; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#00a031; transition:.2s;}
#header .gnb_wrap > .gnb > li:hover .dp1:after,
#header .gnb_wrap > .gnb > li.on .dp1:after{ width:100%; margin-left:-50%;}
#header .gnb_wrap > .gnb > li:hover .dp1{ color:#00a031 !important;}
#header .gnb_wrap > .gnb .dp2{ display:none; position:absolute; top:100%; left:50%; right:0; width:195px; margin-left:-95px; padding:0.7rem 0; background:#fff; border:1px solid #ddd; border-top:none; }
#header .gnb_wrap > .gnb .dp2 .vm_wrap{ height:auto;}
#header .gnb_wrap > .gnb .dp2 > li{ display:block;}
#header .gnb_wrap > .gnb .dp2 > li > a{ padding:.6em .3em; font-size:.875em; color:#666;}
#header .gnb_wrap > .gnb .dp2 > li:hover > a{ color:#000;}
#header .gnb_wrap > .gnb .dp3{ display:none;}

#header .gnb_wrap > .gnb > li.m_mypage{display:none;}

#header .top_nav .r_menu{ width: 100%; border-bottom: 1px solid #CCC; height: 35px; text-align: right!important; }
#header .top_nav .r_menu ul{display:inline-block; *display:inline; zoom:1; }
#header .top_nav .r_menu ul li{display:inline-block; *display:inline; zoom:1; vertical-align:middle; height: 19px; line-height: 19px;}
#header .top_nav .r_menu ul li a{font-size:0.875em; font-family:notokrM; color:#999; margin-right:10px;}
#header .top_nav .r_menu ul li:last-child a { margin-right: 13px; }
#header .top_nav .r_menu ul li a
#header .top_nav .r_menu ul li.fc {color:#0077dc!important;}
#header .top_nav .r_menu ul li.login a{color:#0077dc!important;}
#header .top_nav .r_menu ul li.lang { vertical-align: middle; margin-left: -2px; color: #222!important; }
#header .top_nav .r_menu ul li.lang .xi { margin-right: 2px; font-size: 1.125em; display: inline-block; vertical-align: middle; }
#header .top_nav .r_menu ul li.lang > a { display: block; margin-right: 0; padding-top: 1px; color: #222!important; }
#header .top_nav .r_menu ul li.lang span { display: inline-block; vertical-align: middle; }
#header .top_nav .r_menu .ham_menu{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:10px;}
#header .top_nav .r_menu .ham_menu span.last{margin-bottom:0;}
#header .top_nav .r_menu .ham_menu .xi.xi-bars.site_xi { font-size:32px; color: #222; }

#header .gnb_wrap .r_menu{position:absolute; right:0; top:21px;}
#header .gnb_wrap .r_menu ul{display:inline-block; *display:inline; zoom:1; }
#header .gnb_wrap .r_menu ul li{display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .gnb_wrap .r_menu ul li > a{font-size:0.875em; font-family:notokrM; color:#999; margin-right:10px;}
#header .gnb_wrap .r_menu ul li.lang span { display: inline-block; vertical-align: middle; }
#header .gnb_wrap .r_menu ul li.lang .xi { display: inline-block; vertical-align: middle; }
#header .gnb_wrap .r_menu ul li:last-child > a { margin-right:0!important;}
/*
#header .gnb_wrap .r_menu ul li.login a{color:#0077dc;}
#header .gnb_wrap .r_menu ul li.lang { vertical-align: middle; margin-left: -2px; }
#header .gnb_wrap .r_menu ul li.lang .xi { margin-right: 2px; font-size: 1.125em; }
#header .gnb_wrap .r_menu ul li.lang > a { display: block; margin-right: 0; padding-top: 1px;}
*/
#header .gnb_wrap .r_menu .ham_menu{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:10px; margin-right: 10px;}
#header .gnb_wrap .r_menu .ham_menu span.last{margin-bottom:0;}
#header .gnb_wrap .r_menu .ham_menu .xi.xi-bars.site_xi { font-size:32px; color: #222; }

#header .all_wrap .allBtn{ width:5em; text-align:center; margin-left:.3em}
#header .all_wrap .allBtn .va{ font-size:1.688em; color:#111}

#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:22em; max-width:90%; height:100%; opacity:0; visibility:hidden; transition:.3s; cursor: default!important; }

#header .all_wrap .all .all_trans { display: block; position: fixed; width: 100%; height: 100%; background: #000; opacity: .7; left: 0; top: 0; }
#header .all_wrap .all .in{ position: absolute; right:-100%; width:100%; height:100%; background:#fff; transition:.3s}
#header .all_wrap .all .tit_wrap{ background:#e60e79; position:relative; border-bottom:1px solid rgba(255,255,255,.2)}
#header .all_wrap .all .tit_wrap .btn{ position:absolute; top:0; width:5em; height:100%; text-align:center; color:#fff; transition:.3s; font-size: 1.125em;}

#header .all_wrap .all .tit_wrap .btn.close{ right:0; }
#header .all_wrap .all .tit_wrap .tit{ padding:0 6em}
#header .all_wrap .all .tit_wrap .tit .va{ color:#fff; font-size:1.25em}
#header .all_wrap .gnb > li{ display:block; width: 100%; }
#header .all_wrap .gnb li > a{ position:relative; text-align:left; padding:0 2em; height:3.5em; overflow:hidden}
#header .all_wrap .gnb li > a:after{ content:"\e93f"; font-family:xeicon!important; position:absolute; right:0; top:0; width:3em; text-align:center; line-height:3.5em}
#header .all_wrap .gnb > li .dp1{ color:#111; border-bottom:1px solid #ddd; width: 100%; font-size: 1em; }
#header .all_wrap .gnb > li .dp2{ background:#f5f5f5; padding:0 0 0 1px; position:relative; display: inline-block!important; text-align: left; width:100%;}
#header .all_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd}
#header .all_wrap .gnb > li .dp2 > li{ width:50%}
#header .all_wrap .gnb > li .dp2 > li > a{ border:1px solid #ddd; margin:-1px 0 0 -1px; color:#666;  height:3em}
#header .all_wrap .gnb > li .dp2 > li > a:after{ right:-100%; transition:.3s}
#header .all_wrap .gnb > li .dp2 > li > a .va{ font-size:.875em}

#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ right:0}
#header .all_wrap.on .all .in .tit { height: 81px; }
#header .all_wrap .all .in .tit { height: 81px; }

@media screen and (min-width:1025px){
#header .all_wrap .all .tit_wrap .btn:hover{ background:rgba(0,0,0,.1)}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ background:#555; border-color:transparent; color:#fff}
#header .all_wrap .gnb > li .dp2 > li:hover > a:after{ right:0}
#header .all_wrap .gnb > li:hover > .dp1{ background:#bf005e; color:#fff}
}

#header .shop_gnb{line-height:79px; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .shop_gnb div{padding:10px 1.7em 13px; background:#e60e79;color:#fff; border-radius:30px; display:inline; transition:0.3s;}
#header .shop_gnb div span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1.250em;}
#header .shop_gnb div span.icon{padding-left:3px;}
#header .shop_gnb div:hover{background:#f6419a;}

/*quick*/
#quick{ position:fixed; right:-10em; top:0; z-index:1001; width:10em; height:100%; background:#fff; transition:.3s}
#quick:after{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd}
#quick .quickBtn{ position:absolute; width:4em; line-height:4em; left:-4em; top:80px; border:1px solid transparent; border-right:none; background:#e60e79; text-align:center; color:#fff; transition:.3s}
#quick .quickBtn .xi:before{content:"\e93b"}
.on#quick{ right:0; z-index: 1003;}
.on#quick .quickBtn{ color:#777; background:#fff; border-color:#ddd;}
.on#quick .quickBtn .xi:before{content:"\e93e"}

#quick .quick_menu{ position:absolute; left:0; top:0; width:100%; height:100%}
#quick .quick_menu .box{ padding:0 1.25em 0 1em}
#quick .quick_menu .bookmark{ display:block; margin:26px 0; padding:.25em; border-radius:2em; border:1px solid #ddd; text-align:center; color:#666; transition:.3s}
#quick .quick_menu .bookmark .xi{ font-size:1em; padding-right:.1em}
#quick .quick_menu .bookmark .tt{ font-size:.688em}
#quick .quick_menu .bookmark:hover{ color:#ea4841}
#quick .quick_menu .cs{ background:#f8f8f8; border:1px solid #ddd; border-left:none; border-right:none; padding:1em 0}
#quick .quick_menu .cs .cs_tit{ color:#ea4841; font-size:.75em; margin-bottom:1.5em}
#quick .quick_menu .cs .info{ margin-bottom:1em}
#quick .quick_menu .cs .info .tit{ font-size:.688em; color:#777; margin-bottom:.25em}
#quick .quick_menu .cs .info .t1{ font-family:tahoma,sans-serif; color:#000; font-size:1.063em; font-weight:bold}
#quick .quick_menu .cs .info .t2{ font-size:.813em}
#quick .quick_menu .today{ padding:2em 0}
#quick .quick_menu .today .today_tit{ background:#333; color:#fff; padding:1em 0 .5em 0; text-align:center; position:relative}
#quick .quick_menu .today .today_tit .tt{ font-size:.75em}
#quick .quick_menu .today .today_tit .no{ position:absolute; width:4em; line-height:2em; top:-1em; left:50%; margin-left:-2em; background:#e60e79; color:#fff; border-radius:2em; font-size:.75em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#quick .quick_menu .today .todaySlide{ border:1px solid #ddd; position:relative; margin-bottom:2em}
#quick .quick_menu .today .todaySlide .img .in{ padding:1em; position:relative; cursor:pointer}
#quick .quick_menu .today .todaySlide .img .in img{ transition:.3s}
#quick .quick_menu .today .todaySlide .img .in .layer{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:.3s}
#quick .quick_menu .today .todaySlide .img .in .layer .tit{ font-size:.813em; color:#000; padding:0 .5em}
#quick .quick_menu .today .todaySlide .img .in .layer .tit:after{ font-family:xeicon!important; content:"\e916"; display:block; font-size:2em}
#quick .quick_menu .today .todaySlide .img .in:hover img{ opacity:.5}
#quick .quick_menu .today .todaySlide .img .in:hover .layer{ opacity:1}
#quick .quick_menu .today .todaySlide .flex-direction-nav{ overflow:hidden}
#quick .quick_menu .today .todaySlide .flex-direction-nav > li{ float:left; width:50%}
#quick .quick_menu .today .todaySlide .flex-direction-nav > li > a{ display:block; border-top:1px solid #ddd; text-align:center; line-height:1.5em; color:#000; transition:.3s}
#quick .quick_menu .today .todaySlide .flex-direction-nav > li > a:before{ font-family:xeicon!important}
#quick .quick_menu .today .todaySlide .flex-direction-nav > li > a.flex-prev:before{content:"\e93c"}
#quick .quick_menu .today .todaySlide .flex-direction-nav > li > a.flex-next:before{content:"\e93f"}
#quick .quick_menu .today .todaySlide .flex-direction-nav > li > a.flex-next{ border-left:1px solid #ddd}
#quick .quick_menu .today .todaySlide .flex-direction-nav > li > a:hover{ background:#aaa; color:#fff}
#quick .quick_menu .today .todaySlide .flex-control-nav{ position:absolute; width:100%; left:0; margin-top:2.5em; text-align:center}
#quick .quick_menu .today .todaySlide .flex-control-nav > li{ display:inline-block; *display:inline; zoom:1;}
#quick .quick_menu .today .todaySlide .flex-control-nav > li > a{ display:block; width:1em; height:1em; border-radius:1em; background:#c6c6c6; font-size:.625em; margin:.1em; overflow:hidden; text-indent:-2em}
#quick .quick_menu .today .todaySlide .flex-control-nav > li > a.flex-active{ background:#ea4841}

#quick .quick_menu .link .list{ margin:-.25em -.25em 0 0; font-size:.688em;}
#quick .quick_menu .link .list > li{ width:50%}
#quick .quick_menu .link .list > li > a{ display:block; margin:.25em .25em 0 0; border:1px solid #ddd; text-align:center; line-height:2em; color:#333; transition:.3s}
#quick .quick_menu .link .list > li > a:hover{ border-color:#666}
#quick .quick_menu .link .list > li > a .xi{ padding-right:.25em; vertical-align:top}
#quick .quick_menu .link .list > li.st1{ width:100%}
#quick .quick_menu .link .list > li.st1 > a{ padding:.5em 0; background:#e60e79; color:#fff; font-size:1.063em}
#quick .quick_menu .link .list > li.st1 > a:hover{ background:#b40d60}
#quick .quick_menu .link .list > li.st2{ width:100%}
#quick .quick_menu .link .list > li.st2 > a{ background:#ddd; }
#quick .quick_menu .link .list > li.st2 > a:hover{ background:#fff}

.right_quick{position:fixed; top:157px; right:0; padding:10px; width:110px; background:#fff; z-index:111; text-align:center; box-shadow:-3px 3px 3px rgba(0,0,0,0.2); cursor:pointer; border-radius:15px 0 0 15px;}
.right_quick .a_img{overflow:hidden; border-radius:15px;}
.right_quick .a1{padding:5px 0;}
.right_quick .a2{ font-size:0.875em;}

/*footer*/
#footer .f_up{background:#343434; line-height:55px;}
#footer .f_up .home_btn{float:left; width:52px; text-align:center; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); transition:0.3s;}
#footer .f_up .home_btn .xi{ color:#fff;}
#footer .f_up .home_btn:hover{background:#424242}
#footer .f_up ul{float:left;}
#footer .f_up ul li{display:inline-block; *display:inline; zoom:1; vertical-align:middle;  margin-left:1.4em;font-family:notokrR;}
#footer .f_up ul li a{color:#eeeeee; font-size:0.875em;}
#footer .f_up .top_btn{float:right; width:52px; text-align:center; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); transition:0.3s;}
#footer .f_up .top_btn .xi{color:#fff;}
#footer .f_up .top_btn:hover{background:#424242}

#footer .f_down{background:#232323; padding:3em 0;}
#footer .f_down .box1{position:relative;}
#footer .f_down .f_logo{position:absolute; left:0; top:0;}
#footer .f_down ul{padding-left:180px;}
#footer .f_down ul li{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.875em; color:#eee; margin-right:1.4em; margin-bottom:6px; font-family:notokrR;}
#footer .f_down ul li.copy{color:#868686; font-size:0.875em; margin-top:10px;}
#footer .f_down ul li.B{color:#fff; font-size:1.063em;}
#footer .ibk{position:absolute; right:0; top:50%; margin-top:-27px; color:#aaa; border:1px solid #666; font-size:10px; padding:10px;}

/*contents*/
#contents{}
#contents .subTop_wrap{ position:relative; overflow:hidden;}
#contents .subVisual{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.2,1.2); transition:1s;}
#contents .subVisual.bg_1{ background-image:url(../images/sub/sub_visual1.jpg);}
#contents .subVisual.bg_2{ background-image:url(../images/sub/sub_visual2.jpg);}
#contents .subVisual.bg_3{ background-image:url(../images/sub/sub_visual3.jpg);}
#contents .subVisual.bg_4{ background-image:url(../images/sub/sub_visual4.jpg);}
#contents .subVisual.bg_5{ background-image:url(../images/sub/sub_visual5.jpg);}
#contents .subVisual.bg_6{ background-image:url(../images/sub/sub_visual6.jpg);}
#contents .subVisual.bg_mypage{ background-image:url(../images/sub/sub_visualmypage.jpg);}
#contents .subVisual.bg_7{ background-image:url(../images/main/con2_bg.jpg);}
#contents .subTit_wrap{ position:relative; z-index:2; height:20em;}
#contents .subTit_wrap .tit{ margin-bottom:7em;}
#contents .subTit_wrap .tit .tt{ display:block; color:#fff; filter:alpha(opacity=0); opacity:0; transition:1s;}
#contents .subTit_wrap .tit .t1{ font-size:2.250em; padding-bottom:.5em; letter-spacing:-1px; margin-left:10em;}
#contents .subTit_wrap .tit .t1:before{ content:""; display:block; margin:0 auto .5em auto; width:40px; height:3px; background:#fff;}
#contents .subTit_wrap .tit .t2{ font-size:.875em; text-transform:uppercase; letter-spacing:5px; margin-right:10em;}

.load #contents .subVisual{ transform:scale(1,1)}
.load #contents .subTit_wrap .tit .t1{ margin-left:0; filter:alpha(opacity=100); opacity:1;}
.load #contents .subTit_wrap .tit .t2{ margin-right:0; filter:alpha(opacity=60); opacity:0.6;}

#contents .subGnb_wrap{ position:absolute; z-index:3; left:0; bottom:0; width:100%;}
#contents .subGnb_wrap:before{ content:""; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:0; background:#fff;}
#contents .subGnb_wrap .gnb{ position:relative; z-index:2; text-align:center;}
#contents .subGnb_wrap .gnb > li,
#contents .subGnb_wrap .gnb > li .dp1,
#contents .subGnb_wrap .gnb > li .dp3{ display:none}
#contents .subGnb_wrap .gnb > li.on,
#contents .subGnb_wrap .gnb > li.on .dp2{ display:block}
#contents .subGnb_wrap .gnb > li .dp2 > li > a{ height:3.8em; background:rgba(0,0,0,0.5); border-left:1px solid rgba(255,255,255,0.2); font-size:1.063em; color:#fff; transition:.3s; font-family:notokrR;}
#contents .subGnb_wrap .gnb > li .dp2 > li:first-child > a{ border-left:none;}
#contents .subGnb_wrap .gnb > li .dp2 > li:hover > a{background:rgba(0,0,0,0.3);}
#contents .subGnb_wrap .gnb > li .dp2 > li.on > a{ background:#00a031;}

#contents .conTit_wrap{ border-bottom:1px solid #ddd; text-align:center; position:relative; background:#fff; transition:.3s; z-index:1;}
#contents .conTit_wrap .vm_wrap{ height:6em; transition:.3s}
#contents .conTit_wrap .tit{ font-size:2.125em; color:#111; letter-spacing:-1px;}
#contents .conTit_wrap .pageMove > li > a{ position:absolute; height:100%; color:#666; transition:.3s}
#contents .conTit_wrap .pageMove > li > a .xi{ width:2em; line-height:2em; text-align:center; background:#666; color:#fff; margin:0 .7em; border-radius:100%}
#contents .conTit_wrap .pageMove > li > a .xi:before{ font-size:1.25em;}
#contents .conTit_wrap .pageMove > li > a .tt{ display:inline-block; min-width:6em; font-size:1.125em; letter-spacing:-1px; opacity:.7;}
#contents .conTit_wrap .pageMove > li > a.prev{ left:0; padding-left:2%; text-align:left}
#contents .conTit_wrap .pageMove > li > a.next{ right:0; padding-right:2%; text-align:right}
#contents .conTit_wrap .pageMove > li > a:hover{ opacity:1; color:#272b31}
#contents .conTit_wrap .pageMove > li > a:hover .xi{ background:#272b31}
#contents .conTit_wrap .pageMove > li > a:hover .tt{ opacity:1}
#contents .conTit_wrap .pageMove > li > a.prev:hover{ padding-left:1%; padding-right:1%}
#contents .conTit_wrap .pageMove > li > a.next:hover{ padding-right:1%; padding-left:1%}

#contents .conGnb_wrap{ margin-top:2em; text-align:center;}
#contents .conGnb_wrap .gnb{}
#contents .conGnb_wrap .gnb > li,
#contents .conGnb_wrap .gnb > li .dp1,
#contents .conGnb_wrap .gnb > li .dp2 > li,
#contents .conGnb_wrap .gnb > li .dp2 > li > a{ display:none;}
#contents .conGnb_wrap .gnb > li.on,
#contents .conGnb_wrap .gnb > li.on .dp2 > li.on{ display:block;}
#contents .conGnb_wrap .gnb .dp3{ padding-left:1px;}
#contents .conGnb_wrap .gnb .dp3 > li{ max-width:33.33%; min-width:20%;}
#contents .conGnb_wrap .gnb .dp3 > li .vm_wrap{ height:3em; text-align:left;}
#contents .conGnb_wrap .gnb .dp3 > li > a{ position:relative; margin-left:-1px; padding:0 3.5em 0 1.5em; background:#f8f8f8; border:1px solid #ccc; overflow:hidden; font-size:1.063em;}
#contents .conGnb_wrap .gnb .dp3 > li > a:after{ content:"\e907"; font-family:xeicon; position:absolute; right:1.5em; top:.7em; width:1.5em; line-height:1.5em; background:#fff; border:1px solid #ddd; border-radius:100%; color:#00a031; text-align:center; transition:.2s;}
#contents .conGnb_wrap .gnb .dp3 > li:hover > a:after{ right:.5em;}
#contents .conGnb_wrap .gnb .dp3 > li.on > a{ background:#272b31; border-color:#272b31; color:#fff;}
#contents .conGnb_wrap .gnb .dp3 > li.on > a:after{ background:#00a031; border-color:transparent; color:#fff;}

#contents .pageCon_wrap{ padding:3em 0 8em 0;}
#contents .doc{}
#contents .doc_main{ padding: 0 0 5em 0; }

#header.shop_H{border-bottom:1px solid #ccc;}

#contents.shop_con .subTop_wrap{display:none;}
#contents.shop_con .conTit_wrap{display:none;}
#contents.shop_con .pageCon_wrap{padding:3em 0 10em 0;}

#contents.Page3 .subGnb_wrap{display:none;}
#contents.Page3 .conTit_wrap{display:none;}
#contents.Page3 .subTit_wrap .tit{margin-bottom:4em;}

/*main*/
.main_visual{ position:relative}
.main_visual .slides{ overflow:hidden}
.main_visual .slide_img{ background-position:center top; background-repeat:no-repeat; background-size: cover; height:660px;}
.main_visual .slide_img .slo_dv{position:relative; text-align:center; margin-top:14%;}
.main_visual .slide_img .slo_dv .slo1{font-family:"Times New Roman", Times, serif; font-size:1.563em; color:#333; margin-right:300px; opacity:0; transition:0.5s;}
.main_visual .slide_img .slo_dv .slo2{font-size:2.438em; color:#000; font-family:notokrB; margin-top:10px;margin-left:300px; opacity:0; transition:0.5s; transition-delay:0.3s;}
.main_visual .slide_img .slo_dv .slo3{font-size:1.25em; color:#000; font-family:notokrR; margin-top:10px; opacity:0; transition:0.5s; transition-delay:0.3s;}

.main_visual.ani .slide_img .slo_dv .slo1{margin-right:0; opacity:1;}
.main_visual.ani .slide_img .slo_dv .slo2{margin-left:0; opacity:1}
.main_visual.ani .slide_img .slo_dv .slo3{margin-right:0; opacity:1;}


.main_visual .flex-control-paging{position:absolute; bottom:50px; left:50%; margin-left:-40px; z-index:5;}
.main_visual .flex-control-paging > li{ display:inline-block;}
.main_visual .flex-control-paging > li > a{ display:block; width:10px; height:10px; background:#fff; font-size:0; margin:0 15px; position:relative; transition:.3s; border-radius:100%; opacity:.5}
.main_visual .flex-control-paging > li > a.flex-active{ opacity:1}
.main_visual .flex-control-paging > li > a.flex-active:before{ content:""; position:absolute; left:-10px; top:-10px; width:100%; height:100%; border:5px solid #fff; padding:5px; border-radius:100%}

.main_visual_wrap{ position:relative; }
.main_visual_wrap .scrollAni{ position:absolute; width:100%; left:0; bottom:50px; z-index:100; text-align:center}

.con2_txt{background:url(../images/main/con2_bg.jpg) no-repeat center center; padding:7em 0; background-attachment:fixed;}

/*etc*/
#contents .main_tit { font-size: 1.625em; letter-spacing: 0.3px;font-family: notokrM,sans-serif; text-align: center; }
#contents .main_tit .kor { vertical-align: baseline; color: #666; letter-spacing: 0px; margin-left: 3px; }


/*product*/
#contents .product_wrap { text-align: center; margin-bottom: 130px; margin-top: 80px; }
#contents .product_wrap .tab_idx { overflow: hidden; margin-top: 30px; }
#contents .product_wrap .tab_idx li { width: 20%; font-size: 1.063rem; color: #999; padding: 10px 0; cursor: pointer; }
#contents .product_wrap .tab_idx li:hover { color: #222; transition: .2s; }
#contents .product_wrap .tab_idx li.on { color: #222; font-family: notokrb, sans-serif; }
#contents .product_wrap .tab_idx .btn { height: 40px; }
#contents .product_wrap .tab_idx .btn a { display: block; border: 1px solid #BBB; padding: 1px 2px; }
#contents .product_wrap .tab_idx .btn a .xi { color: #BBB; }

#contents .product_wrap .con_idx .idx { overflow: hidden; }
#contents .product_wrap .con_idx .idx > ul > li { width: 20%; float: left; }
#contents .product_wrap .con_idx .idx li img { max-width: 70%!important; }
#contents .product_wrap .con_idx .idx .best_slides .list_prod.img { margin: 0!important; }
#contents .product_wrap .con_idx .idx .best_slides .list_prod li { margin-top: 25px; }
#contents .product_wrap .con_idx .idx .best_slides .list_prod li:nth-child(1),
#contents .product_wrap .con_idx .idx .best_slides .list_prod li:nth-child(2),
#contents .product_wrap .con_idx .idx .best_slides .list_prod li:nth-child(3),
#contents .product_wrap .con_idx .idx .best_slides .list_prod li:nth-child(4),
#contents .product_wrap .con_idx .idx .best_slides .list_prod li:nth-child(5) { margin-top: 0!important; }


/*company*/
#contents .con2_txt { margin-top: 30px; }
#contents .company_wrap { padding: 40px 0 35px 0; background: rgba(255,255,255,.95); text-align: center; }
#contents .company_wrap .tit { font-size: 1.750em; color: #000; font-family: notokrB, sans-serif; }
#contents .company_wrap .sub_tit { font-size: 1.125em; color: #666; margin-top: 25px; }
#contents .company_wrap ul { overflow: hidden; text-align: center; width: 80%; margin: 70px auto 50px auto; }
#contents .company_wrap ul li { width: 25%; float: left; padding-bottom: 10px; }
#contents .company_wrap ul li:not(:last-child) { border-right: 1px solid #CCC; box-sizing: border-box; }
#contents .company_wrap .icon { height: 100px; }
#contents .company_wrap .in_tit { font-size: 1.375em; color: #444; font-family: notokrB,sans-serif; }
#contents .company_wrap .in_eng { font-size: .938em; color: #999; margin-top: 4px; }
#contents .company_wrap .more_btn { border-bottom: 3px solid #CCC; font-family: notokrB,sans-serif; }
#contents .company_wrap .more_btn:hover { border-color: #333; transition: .3s; }

/*construction*/
#contents .construction_wrap { position: relative; }
#contents .construction_wrap .btn { position: absolute; top: 0; right: 0; height: 31px; }
#contents .construction_wrap .btn a { display: block; border: 1px solid #BBB; padding: 1px 2px; }
#contents .construction_wrap .btn a .xi { color: #BBB; }
#contents .construction_wrap .wh_img { margin-top: 30px; }
#contents .construction_wrap .wh_img ul { margin: 0!important; }
#contents .construction_wrap .wh_img ul li { position: relative; }
#contents .construction_wrap .wh_img ul li .pd_dv { margin: 0 -1px -1px -1px!important; }
#contents .construction_wrap .wh_img ul li .inc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); z-index: 1; display: none; }
#contents .construction_wrap .wh_img ul li .inc .xi.xi-search { font-size: 2em; color: #FFF; }
#contents .construction_wrap .wh_img ul li .inc .inc_tit { font-size: 1.063em; color: #FFF; margin-top: 5px; }




/*idx*/
.TAB_WRAP {position:relative; text-align:center;  margin-bottom:30px;}
.TAB_WRAP .his_bg { background:#f6f6f6; height:200px; position:absolute; left:0; top:0; width:100%; background-size:cover;}
.TAB_WRAP .tab_ul {/*overflow:hidden;*/  position:relative; display:inline-block;}
.TAB_WRAP .tab_ul li {float:left; position:relative;}
.TAB_WRAP .tab_ul li > a {display:block; text-align:center; transition:.3s; margin:0 0 0 -1px; border:1px solid #ccc; font-size:1em; padding:1em 2em; }
.TAB_WRAP.organiziation_st .tab_ul li > a {padding:1em 3em;}
.TAB_WRAP.st2 .tab_ul li > a {/*padding:5px 30px;*/}
.TAB_WRAP .tab_ul li.on > a {color:#fff;  background:#999; border-color:transparent;}
.TAB_WRAP .tab_ul li.on > a:after{ opacity:1; content:"\e935"; font-family:xeicon; font-style:normal; font-size:16px; color:#999; width:100%; position:absolute; text-align:center; bottom:-14px; left:0;}


/*notice*/

#contents .notice_wrap { width: 100%; background: #f1f1f1; padding: 40px 0; overflow: hidden; margin-top: 50px; }

.main_notice_wrap{ padding:0 0 0 8em; position:relative; line-height:1.75em; width: 50%; float: left; box-sizing: border-box; }
.main_notice_wrap .main_notice_tit{ position:absolute; top: -4px; left:0; width:6em; text-align:center; padding:.25em 0}
.main_notice_wrap .main_notice_tit .tt{ font-size: 1.125em; font-family: notokrM,sans-serif; color: #010101; }
.main_notice_wrap .mainNotice{ padding-right:5.5em; position:relative}
.main_notice_wrap .mainNotice .in{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; padding-right:1em}
.main_notice_wrap .mainNotice .in .icon{ margin-right:.5em; font-size:1em; margin-top:.25em}
.main_notice_wrap .mainNotice .in .icon:before{ font-size:1.313em}
.main_notice_wrap .mainNotice .in .tit .tt{ color: #666; }
.main_notice_wrap .mainNotice .in .date{ position:absolute; right:0; top:0; width:6em; text-align:right}
.main_notice_wrap .mainNotice .in .date .tt{ font-size:.813em; opacity:.5}
.main_notice_wrap .flex-direction-nav{ position:absolute; right:15px; top:0; width:4em}
.main_notice_wrap .flex-direction-nav > li{ float:left; width:50%}
.main_notice_wrap .flex-direction-nav > li > a{ display:block; background:#000; color:#fff; opacity:.6; margin-left:1px; text-align:center; transition:.3s}
.main_notice_wrap .flex-direction-nav > li > a:before{ font-family:xeicon!important}
.main_notice_wrap .flex-direction-nav > li > a.flex-prev:before{content:"\e944"}
.main_notice_wrap .flex-direction-nav > li > a.flex-next:before{content:"\e941"}
.main_notice_wrap .flex-direction-nav > li > a:hover{ opacity:.8}


/*이메일무단수집거부*/
.page_email{ letter-spacing:-1px;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8;}


/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:4em !important;}
.page_sec1{ margin-top:2em !important;}
.page_sec2{ margin-top:3em !important;}
.page_sec3{ margin-top:5em !important;}

/*prod_list*/

/**/
.shop_tit_top{font-size:1em; color:#999;}
.shop_tit{font-size:1.75em; font-family:notokrB;}
.shop_main .l_dv{float:left; width:60%;}
.shop_main .r_dv{float:left; width:40%;}
.shop_main .l_dv .banner01{background:#f2f2f2; }
.shop_main .r_dv .banner02{background:#f9f9f9; }
.shop_main .r_dv .banner03{background:#f5f5f5;}

#section2 .main_about .r_dv .who_slider{position:relative;}

.best_slides{position:relative; margin-top:1.5em; padding-top:1em; border-top:1px solid #000;}
.best_slides .flex-direction-nav{}
.best_slides .flex-direction-nav li{}
.best_slides .flex-direction-nav li a{position:relative; width:50px; height:50px; display:block; background:#fff; border:1px solid #ccc;}
.best_slides .flex-direction-nav li.flex-nav-prev{position:absolute; top:50%; left:-52px; margin-top:-20px;}
.best_slides .flex-direction-nav li.flex-nav-next{position:absolute; top:50%; right:-52px; margin-top:-20px;}
.best_slides .flex-direction-nav li.flex-nav-prev a::before{content:'\e93d'; font-family:xeicon; font-size:36px; color:#000; position:absolute; left:6px; top:4px;}
.best_slides .flex-direction-nav li.flex-nav-next a::before{content:'\e940'; font-family:xeicon; font-size:36px; color:#000; position:absolute; left:9px; top:4px;}


.banner_slider{position:relative;}
.banner_slider .flex-control-paging{position:absolute; top:20px; right:20px; margin-left:-30px; z-index:5;}
.banner_slider .flex-control-paging > li{ display:inline-block;}
.banner_slider .flex-control-paging > li > a{ display:block; width:13px; height:13px; background:#fff; font-size:0; margin:0 3px; position:relative; transition:.3s; border-radius:100%; opacity:.5}
.banner_slider .flex-control-paging > li > a.flex-active{ opacity:1}


.mall_nav{position:relative; z-index:1; margin-bottom:1em}
.mall_nav > li{ position:relative; margin-left:1.5em; line-height:1.875em;}
.mall_nav > li:first-child{ margin-left:0}
.mall_nav > li .sec{ position:absolute; font-size:1em; left:-1.5em; width:1.5em; top:0; text-align:center; color:#aaa}
.mall_nav > li .sec:before{content:"\e940"}
.mall_nav > li a{ padding:0 2em 0 1em; border:1px solid #ddd; margin:-1px 0 0 -1px; text-align:left; background:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; border-radius:2px; color:#000; position:relative; transition:.3s}
.mall_nav > li.home a{ width:2em; padding:0; text-align:center}
.mall_nav > li.home a .icon:before{ content:"\e902"; font-size:.813em}
.mall_nav > li.fir a{}
.mall_nav > li .va{ font-size:.75em}
.mall_nav > li a .arrow{ position:absolute; right:-2em; top:0; width:1.5em; text-align:center; transition:.3s}
.mall_nav > li a .arrow:before{content:"\e93f"; font-size:.75em}
.mall_nav > li .dp1 .arrow{ right:0}
.mall_nav > li .dp1 .arrow:before{content:"\e914"}
.mall_nav > li a:hover .arrow{ right:0}
.mall_nav > li .dp2{ position:absolute; left:0; width:100%; opacity:0; visibility:hidden; transition:.3s}
.mall_nav > li .dp2 > li > a .va{ opacity:.6; transition:.3s}
.mall_nav > li .dp2 > li > a:hover{ background:#f9f9f9}
.mall_nav > li .dp2 > li > a:hover .va{ opacity:.8}
.mall_nav > li:hover .dp2{ opacity:1; visibility:visible}

.list_tit{ text-align:center; font-size:2em; color:#000; font-family:notokrB, sans-serif}
.list_cate{ border:1px solid #000; border-left:none; border-right:none; padding:1em; margin:1.5em 0 2em 0}
.list_cate > li{ width:20%}
.list_cate > li:nth-child(5n+1){ clear:left}
.list_cate > li > a{ position:relative; opacity:.5; color:#000; transition:.3s; margin:1em 0.5em 1em 0.5em; padding-left:1.5em}
.list_cate > li > a .xi{ position:absolute; left:0; top:0; width:2em; font-size:1em; opacity:0; transition:.3s}
.list_cate > li > a .xi:before{ content:"\e928"}
.list_cate > li > a .tt{ font-size:.875em}
.list_cate > li:hover > a,
.list_cate > li.on > a{ opacity:1}
.list_cate > li:hover > a .xi,
.list_cate > li.on > a .xi{ opacity:1}

.list_top{ border-bottom:1px solid #ddd}
.list_top .va_wrap{ height:3em}
.list_top .total_wrap{ float:left; font-family:tahoma,sans-serif}
.list_top .total_wrap .t1{ font-size:1.5em; color:#ea4841; vertical-align: baseline}
.list_top .total_wrap .t2{ font-size:.813em; color:#999; vertical-align: baseline; padding-left:.2em}
.list_top .sort_wrap{ float:right}
.list_top .sort_wrap .sort{ float:left}
.list_top .sort_wrap .sort > li{ position:relative}
.list_top .sort_wrap .sort > li:after{ content:""; position:absolute; left:50%; bottom:-2px; width:1em; margin-left:-.5em; height:3px; background:#ea4841; opacity:0}
.list_top .sort_wrap .sort > li > a{color:000; opacity:.5; padding:0 1em; transition:.3s}
.list_top .sort_wrap .sort > li:hover > a,
.list_top .sort_wrap .sort > li.on > a{ opacity:1}
.list_top .sort_wrap .sort > li.on:after{ opacity:1}
.list_top .sort_wrap .sort > li > a .tt{ font-size:.875em}
.list_top .sort_wrap .view{ float:left}
.list_top .sort_wrap .view > li > a{ width:2.5em; line-height:2.5em; border:1px solid #ddd}
.list_top .sort_wrap .view > li.on > a{ background:#333; color:#fff; border-color:transparent}

.list_prod > li{ position:relative}
.list_prod.img{ margin:0 -2em 0 0}
.list_prod.img > li{ width:20%}
.list_prod.img > li .in{ margin:2em 2em 0 0; position:relative; cursor:pointer; padding-top:2em}
.list_prod.img > li .in .img{ position:relative }
.list_prod.img > li .in .img .re{ width:90%; padding:0 5% }
.list_prod.img > li .in .img:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0; transition:.3s}
.list_prod.img > li .in .btn{ position:absolute; left:0; top:0; width:100%; height:80%; font-size:inherit; opacity:0}
.list_prod.img > li .in .btn .xi{ font-size:2.5em; color:#eee; transition:.3s}
.list_prod.img > li .in .prod_icon{ position:absolute; left:3%; top:.45em}

.list_prod.best > li .in{margin:0 0.3em!important; }

.prod_icon{ margin:-2px 0 0 -2px}
.prod_icon > li{ margin:2px 0 0 2px; font-size:.75em; width:3em; line-height:1.75em; color:#fff; text-align:center}
.prod_icon > li.c1{ background:#ff7676}
.prod_icon > li.c2{ background:#ffa939}
.prod_icon > li.c3{ background:#f36795}
.prod_icon > li.c4{ background:#9dcd2b}
.prod_icon > li.c5{ background:#a78af8}

.list_prod.img > li .in .con{ padding:1em 5%; color:#000}
.list_prod.img > li .in .con .tit{ font-size:.875em; height: 32px; opacity:.6; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.list_prod.img > li .in:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid #ea4841; box-sizing:border-box; opacity:0; transition:.3s}
.list_prod.img > li .in:hover:after{ opacity:.8}
.list_prod.img > li .in:hover .con{ background:#ea4841; color:#fff}
.list_prod.img > li .in:hover .img:after{ opacity:.6}
.list_prod.img > li .in:hover .btn{ opacity:1}
.list_prod.img > li .in:hover .btn .xi{ transform:rotate(90deg); color:#ea4841}

.list_prod.list > li{ width:auto; float:none}
.list_prod.list > li .in{ padding:1em 15em 1em 3em; border-bottom:1px solid #ddd; position:relative; cursor:pointer}
.list_prod.list > li .in > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
.list_prod.list > li .in .prod_icon{ position:absolute; right:6em; top:50%; margin-top:-.5em; text-align:center}
.list_prod.list > li .in .prod_icon > li{ float:none; display:inline-block; *display:inline; zoom:1;}
.list_prod.list > li .in .img{ width:12%}
.list_prod.list > li .in .con{ width:70%; padding-left:8%; overflow:hidden}
.list_prod.list > li .in .con .tit{ float:left; width:65%; font-size:.875em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-top:.5em}
.list_prod.list > li .in .con .price{ float:right; width:30%; text-align:right}
.list_prod.list > li .in .con .price .t1,
.list_prod.list > li .in .con .price .t2{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom}
.list_prod.list > li .in .con .price .t2{ padding-right:2em}
.list_prod.list > li .in .btn{ position:absolute; right:0; top:50%; width:5em; margin-top:-1.25em; text-align:center; font-size:inherit}
.list_prod.list > li .in .btn .xi{ font-size:2.5em; color:#ccc; transition:.3s}
.list_prod.list > li .in:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; transition:.3s}
.list_prod.list > li .in:hover:after{ opacity:.03}
.list_prod.list > li .in:hover .btn .xi{ transform:rotate(180deg); color:#ea4841}

.list_prod > li .in .price{ padding-top:.5em; line-height:1}
.list_prod > li .in .price .t1 .tn{ font-family:tahoma,sans-serif; font-weight:bold}
.list_prod > li .in .price .t1 .tw{ font-size:.813em; padding-left:.25em}
.list_prod > li .in .price .t2{ font-family:tahoma,sans-serif; height: 13px; font-weight:bold; opacity:.3; font-size:.813em; text-decoration:line-through}

.list_prod > li .check{ position:absolute; left:.5em; top:3em; font-size:.875em}

.list_prod.my > li{ width:16.66%}
.list_prod.my > li .in{ padding-top:0}
.list_prod.my > li .in .prod_icon{ display:none}

.mall_view_top .mall_view_img{ float:left; width:45%}
.mall_view_top .mall_view_img .big{ border:1px solid #ddd; box-shadow:0 3px 5px rgba(0,0,0,.3); padding:3em; margin-bottom:.5em}
.mall_view_top .mall_view_img .thumb{ text-align:right; margin:0 0 0 -5px}
.mall_view_top .mall_view_img .thumb > li{ width:16.66%}
.mall_view_top .mall_view_img .thumb > li > a{ margin:5px 0 0 5px; border:1px solid #ddd}
.mall_view_top .mall_view_img .thumb > li:hover > a{box-shadow:0 3px 5px rgba(0,0,0,.3);}

.mall_view_top .mall_view_info{ float:right; width:50%; position:relative}
.mall_view_top .mall_view_info .prod_icon{ position:absolute; right:0; top:-2em}
.mall_view_top .mall_view_info .prod_tit{ border-top:2px solid #333; border-bottom:1px dashed #333; padding:1em .5em}
.mall_view_top .mall_view_info .prod_tit .t1{font-size:2em; color:#111}
.mall_view_top .mall_view_info .prod_tit .t2{ color:#999; font-size:.75em; padding-top:10px}
.mall_view_top .mall_view_total{ text-align:right; padding:1.5em; border-top:2px solid #333; margin-top:-1px}
.mall_view_top .mall_view_total .no{ margin-left:.5em}
.mall_view_top .mall_view_btn{ margin:0 -5px -5px 0}
.mall_view_top .mall_view_btn > li *{ transition:.3s}
.mall_view_top .mall_view_btn > li.st1{ width:45%}
.mall_view_top .mall_view_btn > li.st2{ width:30%}
.mall_view_top .mall_view_btn > li.st3{ width:25%}
.mall_view_top .mall_view_btn > li .btn{ display:block; line-height:4em; margin:0 5px 5px 0; text-align:center; font-weight:600; border:1px solid transparent; position:relative}
.mall_view_top .mall_view_btn > li .btn .icon{ font-size:1.5em; padding-right:5px}
.mall_view_top .mall_view_btn > li.st1 .btn{ background:#ea4841; color:#fff}
.mall_view_top .mall_view_btn > li.st2 .btn{ background:#666; color:#fff}
.mall_view_top .mall_view_btn > li.st3 .btn{ background:#fff; border-color:#aaa; color:#777}
.mall_view_top .mall_view_btn > li .btn .arrow{ width:0; overflow:hidden}
.mall_view_top .mall_view_btn > li .btn .arrow:after{ content:"\e93f"; padding-left:3px}
.mall_view_top .mall_view_btn > li:hover .btn .arrow{ width:20px}

.mall_view_option{ font-size:.75em; background:#f9f9f9; color:#666}
.mall_view_option > li{ border-top:1px solid #ddd; padding:0 1em}
.mall_view_option > li:first-child{ border-top:none}
.mall_view_option > li .va_wrap{ height:4em; text-align:left}
.mall_view_option > li .tit{ float:left; width:55%}
.mall_view_option > li .vol{ float:left; width:20%}
.mall_view_option > li .price{ float:left; width:15%; text-align:right; }
.mall_view_option > li .del{ float:left; width:7%; margin-left:3%; text-align:center}
.mall_view_option > li .del button{ border:none; background:none}
.mall_view_option > li .del .xi{ font-size:1.75em}

.mall_view_wrap{ border:1px solid #ddd; padding:30px; min-height:300px}

.vol_st{ display:inline-block; *display:inline; zoom:1;}
.vol_st .btn,
.vol_st .inp{ float:left; line-height:2.25em; height:2.25em; font-size:1em; border:1px solid #ddd; box-sizing:border-box; background:#fff}
.vol_st .btn{ width:2.5em; color:#111}
.vol_st .btn.minus .xi:before{content:"\e91b"}
.vol_st .btn.plus .xi:before{content:"\e914"}
.vol_st .btn:hover{ background:#f5f5f5}
.vol_st .inp{ width:3em; border-left:none; border-right:none;text-align:center}
.vol_st .inp[disabled="disabled"]{ border:none}

.no_cart{ padding:5em 0; font-size:.938rem; color:#999; text-align:center; border-bottom:1px solid #ddd}
.no_cart .xi{ font-size:4.5em; vertical-align:middle; color:#aaa; padding-right:.125em}
td .no_cart{ border-bottom:none}

.step_st{ margin:2em 0 4em 0}
.step_st > li{ width:33.33%}
.step_st > li .in{ position:relative; padding-left:5em; color:#aaa}
.step_st > li .in .line{ position:absolute; width:100%; height:4px; left:0; top:50%; margin-top:-2px; background:#ddd}
.step_st > li .in .icon{ position:absolute; left:0; top:50%; margin-top:-1em; width:2em; line-height:2em; background:#f5f5f5; border:1px solid #ddd; border-radius:100%; color:#bbb; font-size:1.875em; text-align:center}
.step_st > li .in .t1{ letter-spacing:1px; font-size:.688em; padding-top:.25em}
.step_st > li .in .t2{ padding-top:1em}
.step_st > li.on .in{ color:#333}
.step_st > li.on .in .line{ background:#333}
.step_st > li.on .in .icon{ background:#333; border-color:#333; color:#fff}

.step_tit{ text-align:center}
.step_tit .t1{ color:#aaa; letter-spacing:2px; font-size:.75em;}
.step_tit .t2{ color:#000; font-size:2em; padding-top:.25em}

.prod_info_wrap{ }
.prod_info_wrap .img,
.prod_info_wrap .tt{ display:inline-block; *display: inline; zoom:1; vertical-align:middle}
.prod_info_wrap .img{ width:15%}
.prod_info_wrap .tt{ width:75%; padding-left:5%}
.prod_info_wrap .tt .t1{ font-size:1.125em; color:#000}
.prod_info_wrap .tt .t2{ font-size:.938em; color:#999; padding-top:.5em}
.prod_info_wrap .tt .t2:before{ content:"ㄴ"}
.prod_info_wrap.s1 .img{ width:25%}
.prod_info_wrap.s1 .tt{ width:65%}

.order_wrap{ position:relative; padding-right:23em}
.order_wrap .order_fix_wrap{ position:absolute; right:0; top:0; width:20em; height:100%}
.order_wrap .order_fix_wrap .order_fix{ position:absolute; width:20em; transition:.3s}
.order_wrap .order_fix_wrap .order_fix.scroll{ position:fixed}
.order_wrap .order_fix_wrap .order_fix.bottom{ position:absolute; right:0; bottom:0}
.order_wrap .order_fix_wrap .order_fix .in{ border:2px solid #333; padding:2em 1.5em; background:#fff}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_tit{ font-size:1.5em; color:#111; padding-bottom:1em; margin-bottom:.5em; border-bottom:1px solid #333}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li{ position:relative; line-height:3em}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li .tit{ font-size:.75em; color:#999; position:absolute; left:0; top:0}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li .con{ text-align:right; font-size:.813em}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li .con *{ color:#666; vertical-align: middle}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li .con .xi{ padding:.25em .25em 0 0}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li.st1{ border-top:1px solid #333; margin-top:1em; font-size:1.125em}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li.st1 .tit{ color:#111}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li.st1 .con{}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_con > li.st1 .con *{ color:#ea4841}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_btn{ margin-top:1em; width:100%; padding:1em 0; height:auto; font-size:1.125em}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_agree{ font-size:.75em; color:#999; margin-top:1em; padding:1em .5em; border:1px solid #ddd}
.order_wrap .order_fix_wrap .order_fix .in .orderfix_agree .label_st span{ max-width:85%; padding-left:.25em}

.tbox_fin{ text-align:center}
.tbox_fin .t1{ font-size:1.75em; color:#111}
.tbox_fin .t2{ font-size:.875em; color:#777; line-height:1.5; margin:1.5em 0}
.tbox_fin .order_no{ display:inline-block; *display:inline; zoom:1; background:#ea4841; padding:0 2em; color:#fff; border-radius:3em; line-height:2.5em}
.tbox_fin .order_no .tt{ font-size:.875em}
.tbox_fin .order_no .no{ font-family:tahoma,sans-serif; font-size:1.5em; letter-spacing:1px}

.login_wrap{ float:left; width:65%}
.login_wrap .in{ padding:3em 10em; border:1px solid #ddd; box-shadow:0 1px 3px rgba(0,0,0,.2)}
.login_wrap .tbox{ text-align:center; margin-bottom:1em}
.login_wrap .tbox .icon{ font-size:1.75em; display:block; color:#ea4841; width:2em; line-height:2em; border-radius:100%; border:1px solid #ea4841; margin:0 auto}
.login_wrap .tbox .t1{ font-family: notokrB, sans-serif; font-size:1.75em; letter-spacing:-2px; word-spacing:2px; text-transform:uppercase; margin:.5em 0 1em 0}
.login_wrap .tbox .t1 .c1{ color:#111}
.login_wrap .tbox .t1 .c2{ color:#999}
.login_wrap .tbox .t2{ font-size:.938em; color:#666; line-height:1.5; padding-bottom:1em}
.login_wrap.fix{ float:none; width:27em; margin:2em auto 0 auto}

.login > li{ position:relative; line-height:40px; margin-bottom:10px}
.login > li .inp{ width:100%; box-sizing:border-box; width:100%; height:60px; padding:0 50px; border:1px solid #ddd; border-radius:5px; font-family:tahoma,notokrM,sans-serif; font-size:.938em; color:#ea4841; transition:.3s}
.login > li .inp::-webkit-input-placeholder{ color:#aaa}
.login > li .inp::-moz-placeholder{ color:#aaa}
.login > li .inp:-moz-placeholder{ color:#aaa}
.login > li .inp:-ms-input-placeholder{ color:#aaa}
.login > li .inp.btn{ border:1px solid #ea4841; background:#ea4841; color:#fff; font-size:1.063em}
.login > li .inp:hover + .xi,
.login > li .inp:focus + .xi{ color:#ea4841}
.login > li .inp.btn:hover{ background:#ea4841; border-color:#ea4841; color:#fff}
.login > li .xi{ position:absolute; left:0; top:10px; width:50px; text-align:center; color:#aaa}

.find_link{ text-align:center; font-size:1em !important; margin-top:2em}
.find_link > li > a{ font-size:.813em; color:#999; padding:0 1.5em; position:relative}
.find_link > li > a:before{ content:""; position:absolute; width:1px; height:1em; left:0; top:50%; margin-top:-.5em; background:#ddd}
.find_link > li.point > a{}
.find_link > li:first-child > a:before{ display:none}
.find_link > li > a:hover{ color:#111}

.etc_wrap{ float:right; width:30%}
.etc_wrap .nomem{ background:#f7f7f7; border:1px solid #ddd; padding:1.5em}
.etc_wrap .nomem .tit{ font-size:.938em; color:#333}
.etc_wrap .nomem .inp_wrap{ font-size:.813em; padding-right:6em; position:relative}
.etc_wrap .nomem .inp_wrap > li.inp_in{ margin-top:.5em}
.etc_wrap .nomem .inp_wrap > li.btn_in{ position:absolute; right:0; top:0; width:5.5em; height:100%}
.etc_wrap .nomem .inp_wrap > li .inp{ background:#fff; border:1px solid #ddd; padding:.75em 1em; width:100%; box-sizing:border-box}
.etc_wrap .nomem .inp_wrap > li .btn{ width:100%; height:100%; background:#666; border:none; color:#fff}
.etc_wrap .join{ padding:2em 0}
.etc_wrap .join .tbox .icon{ font-size:1.5em}
.etc_wrap .join .tbox .t1{ font-size:.938em}
.etc_wrap .join .tbox .t2{ font-size:.813em; color:#666; margin:1em 0}
.etc_wrap .join .nomem_btn{ display:block}
.etc_wrap .join .nomem_btn .line{ padding-top:1em; margin-top:1em; border-top:1px dotted #333}
.etc_wrap .join .nomem_btn .btn{ width:100%; background:#333; border:none; color:#fff; padding:1em; font-size:.813em; border-radius:3px}
.etc_wrap .join .nomem_btn .btn.st1{ font-size:.875em; border:2px solid #333; color:#333; background:#fff}
.etc_wrap .join .nomem_btn .btn .xi{ padding-right:.25em; margin-top:-.1em; font-size:1.5em}

.agree_box{ border:1px solid #ddd; background:#fff; border-radius:5px}
.agree_box .con{  padding:2em; font-size:.813em; color:#666}
.agree_box .con.scrollst{ height:20em; overflow-y:scroll;}
.agree_box .con.scrollst.h1{ height:13em}
.agree_box .btn{ border-top:1px solid #ddd; background:#f5f5f5; padding:.5em 2em; text-align:right; font-size:.813em}
.agree_box .btn label{ margin-left:2em}

.join_type{ text-align:center}
.join_type *{ transition:.3s}
.join_type > li{ width:25%; padding-top:10px}
.join_type > li .btn{ display:block; margin:10px; padding:0 20px; height:220px; border-radius:5px; color:#fff}
.join_type > li.st1 .btn{ background:#ea4841}
.join_type > li.st2 .btn{ background:#666}
.join_type > li.st3 .btn{ background:#ddd; color:#777}
.join_type > li .btn .xi{ display:block; text-align:center; font-size:4em; line-height:120px; padding-top:20px; opacity:.7}
.join_type > li .btn .t1{ display:block; font-size:.875em; line-height:1.5}
.join_type > li .btn .t2{ display:block; font-weight:600; font-size:1.125em; font-family:ns,sans-serif; line-height:1.5}
.join_type > li:hover{ padding-top:0}
.join_type > li:hover .xi{ opacity:1}
.join_type > li:hover .btn{ box-shadow:0 1px 5px rgba(0,0,0,.5)}

.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:5em}

.my_order_state{ margin-top:2em; border-top:1px solid #111}
.my_order_state > li{ width:20%}
.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}

/**/
.page_sec{ margin-top:4em}
.page_sec2{ margin-top:2em}

.line_st{ margin-top:2em; padding-top:2em; border-top:1px solid #ccc}

.tab_st{margin:-.5em -.5em 0 0}
.tab_st .in{ position:relative; height:3.5em; margin:.5em .5em 0 0; overflow:hidden}
.tab_st .in input{ width:0; height:0}
.tab_st .in .con{ position:absolute; left:0; top:0; width:100%; height:100%; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; color:#777; border-radius:.25em; cursor:pointer; transition:.3s}
.tab_st .in input:checked ~ .con{ border-color: transparent; background:#0072c6; color:#fff}
.tab_st .in:hover .con{ background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,.2) inset; color:#333}

.tab_st1{ text-align:center; padding-left:1px}
.tab_st1 > li{ width:12.5%}
.tab_st1 > li > a{ display:block; border:1px solid #ddd; border-bottom:none; padding:15px 0 10px 0; background:#f5f5f5; margin-left:-1px; position:relative}
.tab_st1 > li > a .ko{ display:block; font-size:1em; color:#666; font-weight:600; letter-spacing:-1px}
.tab_st1 > li > a .en{ display:block; font-size:.688em; color:#aaa; padding-top:5px}
.tab_st1 > li.on > a{ background:#fff}
.tab_st1 > li.on > a:before{ content:""; position:absolute; left:-1px; top:-1px; padding-right:1px; width:100%; height:3px; background:#000}
.tab_st1 > li.on > a:after{ content:""; position:absolute; left:-1px; bottom:-1px; padding-right:1px; width:100%; height:1px; background:#fff}
.tab_st1 > li.on .ko{ color:#111}
.tab_st1 > li.on .en{ color:#777}

.tab_st2{ margin:0 -5px -5px 0}
.tab_st2 > li > a{ border:1px solid #ddd; background:#fff; line-height:30px; margin:0 5px 5px 0; font-size:.813em; color:#666; font-weight:600}
.tab_st2 > li:hover > a{ color:#ea4841; border-color:#ea4841}
.tab_st2 > li.on > a{ background:#ea4841; color:#fff; border-color:#ea4841}

.memo_st{ border:1px solid #ddd; background:#f7f7f7; padding:1.5em; margin-bottom:2em}
.memo_st .tt{ font-size:.813em; color:#666; margin-top:1em; line-height:2em; position:relative; padding-left:2rem;}
.memo_st .tt:before{ content:"\e9a6"; font-family:xeicon!important; font-size:1.75em; color:#aaa; position:absolute; left:0; top:0}
.memo_st .tt:first-child{ margin-top:0}
.memo_st .tt * { vertical-align:top}
.memo_st .tt.t1{ font-size:.938em; color:#111}
.memo_st .btn{ background:#ea4841; color:#fff; font-size:.875em; padding:.25em 1em; border-radius:.5em}

.page_tit{ font-size:1.125em; color:#111; padding-bottom:.25em}
.page_tit .xi{ margin:-.25em .25em 0 .25em}
.page_tit .xi:before{content:"\ea55"}

.link_st:hover{ text-decoration:underline}

.tt_st1{ font-family:ns,sans-serif; font-size:1.125em; color:#333}

.box_st{ padding:2em; border:1px solid #ddd;}

.table_st{ border-top:2px solid #333; table-layout:fixed}
.table_st th,
.table_st td{ padding:.5em 1em; font-size:.813em; height:3em}
.table_st td{ padding:1em 1em}
.table_st th{ background:#fff; color:#111; border-bottom:1px solid #333}
.table_st td{ background:#fff; color:#666; text-align:center; border-bottom:1px solid #ddd;}
.table_st .ess{ color: #ea4841; float:right; line-height:1}
.table_st .ess:before{ content:"\e929"; font-size:1.5em}

.table_st.form th{ text-align:left; border-color:#ddd}
.table_st.form td{ text-align:left}

.table_st.size1 th,
.table_st.size1 td{ height:1em}

.table_st.size2 td{ padding:2em 1em}

.table_st.bg1 th,
.table_st.bg1 td{ background:#f9f9f9}

.table_st.noline{ border-top:none}

.table_st .total_wrap{ text-align:right; padding-right:2.5em!important; font-size:.938em; position:relative}
.table_st .total_wrap:before,
.table_st .total_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background:#111}
.table_st .total_wrap:after{ top:auto; bottom:-1px; background:#ddd}
.table_st .total_wrap .icon{ padding:0 1em; color:#111; font-size:1.75em; margin-top:-.1em}

.tt_point{ font-family:tahoma,sans-serif; font-weight:bold; color:#ea4841; font-size:1.125em}
.tt_price,
.tt_price *{ vertical-align: baseline}
.tt_price .no{ font-family:tahoma,sans-serif; font-weight:bold; font-size:1.25em; color:#111; padding-right:.25em; letter-spacing:-1px}

.tt_state1{ color:#777}
.tt_state2{ color: #CC3333}
.tt_state3{ color: #6633CC}
.tt_state4{ color: #006699}
.tt_state5{ color: #111}

.s_tit{padding-left:26px; background:url(../images/inc/tit_icon.jpg) no-repeat 0 center; font-size:1.25em; font-family:notokrM; color:#000;}

/*1_1*/
.greeting_dv .over{overflow:hidden;}
.greeting_dv .over .img_dv{float:left; width:38%;}
.greeting_dv .over .txt_dv{float:left; width:56%; margin-left:6%;}
.greeting_dv .over .txt_dv .p1{font-size:1.125eem; color:#aeaeae; font-family:notokrL; padding-top:2em;}
.greeting_dv .over .txt_dv .p2{font-size:1.93em; color:#000; font-family:notokrM;}
.greeting_dv .over .txt_dv .p2 .st1{color:#00a031}
.greeting_dv .over .txt_dv .p2::after{content:''; display:block; margin:1em 0; background:#ccc; width:110px; height:6px;}
.greeting_dv .over .txt_dv .p3{font-family:ng; font-size:0.938em; color:#333; line-height:1.6;}
.greeting_dv .over .txt_dv .p3 .st1{font-weight:600; color:#0077dc; vertical-align:top;}

.greeting_dv .over2{overflow:hidden; margin-top:4em;}
.greeting_dv .over2 .txt_dv{float:left; width:43%;}
.greeting_dv .over2 .img_dv{float:left; width:54%; margin-left:3%;}
.greeting_dv .over2 .txt_dv .p1{font-family:ng; font-size:0.938em; color:#333; line-height:1.6; padding-top:2em}
.greeting_dv .over2 .txt_dv .p1 .st1{font-weight:600; color:#0077dc; vertical-align:top;}

/*1_2*/
.company_tit{ text-align:center; margin-bottom:2em;}
.company_tit .p1{font-size:1.438em; font-family:notokrR; color:#666; margin-bottom:3px;}
.company_tit .p2{font-size:1.563em; font-family:notokrB;}

.company_info{overflow:hidden; margin-top:3em;}
.company_info .img_dv{float:left; width:50%;}
.company_info ul{ float:left; width:49%; margin-left:1%; padding-top:2em;}
.company_info ul li{position:relative; margin-bottom:1em;}
.company_info ul li span{position:absolute; left:0; top:0;}
.company_info ul li p{padding-left:100px; color:#666; font-family:notokrR;}

/*1_3*/
.sub1_3_p{text-align:center; font-size:1.438em; color:#666; padding-bottom:2em;}
.sub1_3_p .st1{font-family:notokrB; color:#000; vertical-align:top;}

/*his*/
.history_bg{ position:relative; text-align:center;}
.history_bg .txt_dv{position:absolute; top:43%; left:10%; width:80%; background:rgba(0,0,0,0.7); text-align:center; padding:2em 0; z-index:3;}
.history_bg .txt_dv .p1{font-size:3em; font-family:notokrB; color:#fff;}
.history_bg .txt_dv .p1::after{content:''; display:block; width:40px; height:1px; margin:0.3em auto; background:#fff;}
.history_bg .txt_dv .p2{font-size:1em; font-family:notokrR; color:#fff;}

.history_wrap{position:relative; z-index:inherit;}
.history{ position:relative; z-index:inherit}
.history > li{ width:50%; position:absolute; z-index:inherit}
.history > li.left{ left:0; text-align:right}
.history > li.right{ right:0; text-align:left}

.history > li > dl{}
.history > li > dl > dt{padding:0 5% 10px 5%; font-family:Georgia, "Times New Roman", Times, serif; color:#cecece; font-size:50px; position:relative; z-index:inherit}
.history > li > dl > dt .line{ display:block; position:absolute; z-index:inherit; width:5%; top:30px; height:1px; background:#c9c9c9;}
.history > li.left > dl > dt .line{right:0}
.history > li.right > dl > dt .line{left:0}
.history > li > dl > dt .icon{position:absolute; z-index:1; width:10px; top:25px; display:block}
.history > li > dl > dt .icon img{ width:100%}
.history > li.left > dl > dt .icon{right:-5px}
.history > li.right > dl > dt .icon{left:-5px}
.history > li > dl > dd{ padding:7px 0; overflow:hidden}
.history > li.left > dl > dd{ padding-right:5%}
.history > li.right > dl > dd{ padding-left:5%}
.history > li > dl > dd .mon{ font-weight:600; color:#0077dc; font-size:1.125em; width:34px; display:block;padding-left:1%}
.history > li > dl > dd .tt{display:block; width:82%;font-size:1em; color:#444; line-height:1.5}
.history > li.left > dl > dd .mon{ float:right}
.history > li.right > dl > dd .mon{ float:left}
.history > li.left > dl > dd .tt{ float:right}
.history > li.right > dl > dd .tt{ float:left}

.history_line{ width:1px; position:absolute; z-index:inherit; background:#c9c9c9; left:50%; height:100%; top:0; display:block}

/*sub1_6*/
.fac_dv ul{margin-left:-1.5em;}
.fac_dv ul li{float:left; width:25%;}
.fac_dv ul li .pd_dv{ text-align:center; margin:0 0 2em 1.5em; cursor:pointer;}
.fac_dv ul li .pd_dv .img_dv{border:1px solid #ccc;}
.fac_dv ul li .pd_dv .img_dv img{width:100%; height:100%;}
.fac_dv ul li .pd_dv .txt_dv{padding-top:10px;}
.fac_dv ul li .pd_dv .txt_dv .p1{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*sub1_7*/
.client_dv ul{margin-left:-1.5em;}
.client_dv ul li{float:left; width:25%;}
.client_dv ul li .pd_dv{ text-align:center; margin:0 0 2em 1.5em; cursor:pointer;}
.client_dv ul li .pd_dv .img_dv{border:1px solid #ccc;}
.client_dv ul li .pd_dv .img_dv img{width:100%; height:100%;}
.client_dv ul li .pd_dv .txt_dv{padding-top:10px;}
.client_dv ul li .pd_dv .txt_dv .p1{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


/*sub1-8*/
.map{border:1px solid #ddd;}
.map_info{margin-top:20px; overflow:hidden; border:3px solid #eee; border-radius:5px; padding:30px 20px; margin-top:20px; background:#f9f9f9;}
.map_info label{display:inline-block; margin-bottom:5px; position:relative; margin-bottom:17px; margin-right:30px;}
.map_info label.com{display:block;}
.map_info label .xi{position:absolute; left:0; top:0; font-size:1.3em; color:#0077dc; text-align:center; width:40px; height:40px; line-height:40px; border:1px solid #ccc; border-radius:50%; background:#fff;}
.map_info label > p{padding-left:45px; padding-top:10px; margin-left:5px; font-size:1em; color:#555;}
.map_info label > p .st1{font-family:notokrB; color:#000; vertical-align:top;}

/* certificate */
.certi_list_wrap { width:100%; margin:0px; padding:0px; position:relative; overflow:hidden; vertical-align:top; }
.certi_list_wrap ul.certi_list { list-style:none; position:relative; overflow:hidden; margin-left:-1.5em;}
.certi_list_wrap ul.certi_list li { float:left;  width:25%;  position:relative; vertical-align:top; cursor:pointer; }
.certi_list_wrap ul.certi_list li dl { position:relative; margin:0 0 2em 1.5em}
.certi_list_wrap ul.certi_list li dl dt {border:1px solid #dddddd; background:#ffffff;}
.certi_list_wrap ul.certi_list li dl dt img { width:100%; height:100%}
.certi_list_wrap ul.certi_list li dl dd { width:100%; min-height:36px; margin:0px; line-height:36px;  overflow:hidden; }
.certi_list_wrap ul.certi_list li dl dd p { width:100%;  color:#fff; font-size:1em; font-family:notokrM; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; text-align:center; background:#444; border-radius:0 0 5px 5px; border-top:4px solid #24569b}
.certi_list_wrap2 ul.certi_list li dl dd p{background:#777;}
.certi_list_wrap ul.certi_list li:hover dl dt { border:1px solid #24569b; }
.certi_list_wrap ul.certi_list li:hover dl dd { color:#000000; }


/*sub2_2*/
.const_dv ul{margin-left:-1.5em;}
.const_dv ul li{float:left; width:25%;}
.const_dv ul li .pd_dv{ text-align:center; margin:0 0 2em 1.5em; cursor:pointer;}
.const_dv ul li .pd_dv .img_dv{border:1px solid #ccc;}
.const_dv ul li .pd_dv .img_dv img{width:100%; height:100%;}
.const_dv ul li .pd_dv .txt_dv{padding-top:10px;}
.const_dv ul li .pd_dv .txt_dv .p1{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*2_3*/
.sub2_3 .tit_bg{background:url(../images/sub/2_3img01.jpg) no-repeat center center; position:relative; width:100%; height:250px;}
.sub2_3 .tit_dv{padding:3em 1%; width:84%; border:1px solid #ccc; background:rgba(255,255,255, 0.8); text-align:center; position:absolute; top:5em; left:7%;}
.sub2_3 .tit_dv .p1{font-size:1.813em; font-family:notokrB; color:#000;}
.sub2_3 .tit_dv .p1::after{content:''; display:block; width:30px; height:1px; background:#000; margin:0.5em auto;}
.sub2_3 .tit_dv .p2{font-size:1em; color:#333; text-align:center; line-height:1.5; font-family:ng;}
.sub2_3 .tit_dv .p2 .st1{font-weight:600; color:#000; vertical-align:top;}

.sub2_3 .border_box{border:1px solid #ccc; padding:1.5em; margin-top:10px; overflow:hidden;}
.sub2_3 .border_box .p1{float:left; width:60%; color:#333; line-height:1.5 ; font-family:ng; font-size:0.875em;}
.sub2_3 .border_box .img_dv{float:right; margin-left:2%; width:38%; text-align:center;}

.sub2_3 .border_box2{border:1px solid #ccc;margin-top:10px; text-align:center;}

.sub2_3 .border_box3{border:1px solid #ccc; padding:1.5em; margin-top:10px; overflow:hidden;}
.sub2_3 .border_box3 .img_dv2{float:left; width:38%; margin-right:2%; height:100px;}
.sub2_3 .border_box3 .txt_dv{float:left; width:60%;}
.sub2_3 .border_box3 .txt_dv .p_t{font-family:notokrM; font-size:1.125em; color:#0094c5;}
.sub2_3 .border_box3 .txt_dv .p2{color:#333; line-height:1.5 ; font-family:ng; font-size:0.875em;}
.sub2_3 .border_box3 .txt_dv ul{margin-left:10px;}
.sub2_3 .border_box3 .txt_dv ul li{margin-top:10px; color:#333; line-height:1.5 ; font-family:ng; font-size:0.875em; text-indent:-14px; padding-left:14px;}
.sub2_3 .border_box3 .txt_dv ul li .st1{vertical-align:top; font-weight:600; color:#000;}

/*sub2_4*/
.sub2_4 .tit_bg{background:url(../images/sub/2_4img01.jpg) no-repeat center center; position:relative; width:100%; height:250px;}
.sub2_4 .tit_dv{padding:3em 1%; width:84%; border:1px solid #ccc; background:rgba(255,255,255, 0.8); text-align:center; position:absolute; top:5em; left:7%;}
.sub2_4 .tit_dv .p1{font-size:1.813em; font-family:notokrB; color:#000;}
.sub2_4 .tit_dv .p1::after{content:''; display:block; width:30px; height:1px; background:#000; margin:0.5em auto;}
.sub2_4 .tit_dv .p2{font-size:1em; color:#333; text-align:center; line-height:1.5; font-family:ng;}
.sub2_4 .tit_dv .p2 .st1{font-weight:600; color:#000; vertical-align:top;}

.sub2_4 .border_dv{border:1px solid #ccc; padding:1.5em; margin-top:10px; overflow:hidden;}
.sub2_4 .border_dv .txt_dv{float:left; width:50%;}
.sub2_4 .border_dv .txt_dv .p1{font-size:1.125em; font-family:ng; font-weight:600; margin-bottom:1em;}
.sub2_4 .border_dv .txt_dv .p2{color:#333; line-height:1.5 ; font-family:ng; font-size:0.875em;}
.sub2_4 .border_dv .txt_dv .p2 .st1{font-weight:600; color:#000; vertical-align:bottom; font-size:1.25em;}
.sub2_4 .border_dv .img_dv{float:left; width:48%; margin-left:2%;}
.sub2_4 .border_dv .img_dv2{float:left; width:48%; margin-right:2%;}

/*sub3*/
.sub3_dv .tab_idx{padding:1px 0 0 1px;}
.sub3_dv .tab_idx li{float:left; width:33.33%;}
.sub3_dv .tab_idx li .border_dv{border:1px solid #ccc; background:#f9f9f9; margin:-1px 0 0 -1px; text-align:center; height:50px; cursor:pointer;}
.sub3_dv .tab_idx li.on .border_dv{background:#333!important; color:#fff;}

.sub3_dv .tit_dv{text-align:center; padding:4em 0 1em;}
.sub3_dv .tit_dv .p1{font-size:1.75em; font-family:notokrB; color:#000; }
.sub3_dv .tit_dv .p1::after{content:''; margin:0.5em auto; display:block; width:50px; height:1px; background:#000;}

.sub3_dv .list ul{}
.sub3_dv .list li{ width:100%; margin-bottom:1em}
.sub3_dv .list li .border_dv{border:1px solid #ccc; padding:2em; position:relative; min-height:200px; }
.sub3_dv .list li .border_dv .img_dv{ position:absolute; left:2em; top:2em; width:180px;}
.sub3_dv .list li .border_dv .txt_dv{padding-left:210px; padding-top:2em; text-align:left;}
.sub3_dv .list li .border_dv .txt_dv .p1{font-size:1em; font-family:"Times New Roman", Times, serif; color:#999; font-style:italic;}
.sub3_dv .list li .border_dv .txt_dv .p2{font-size:1.5em; font-family:notokrB; color:#000;}
.sub3_dv .list li .border_dv .txt_dv .p2::after{content:''; width:50px; height:1px; background:#bbb; display:block; margin:0.5em 0; }
.sub3_dv .list li .border_dv .txt_dv .p3{font-size:1em; font-family:notokrR; color:#666;}

.sub3_dv .list li .border_dv .txt_dv .moreview_btn{padding:0 1em; height:30px; line-height:30px; border:0; background:#fff; color:#333; font-size:0.813em; display:inline-block; margin-top:2em; font-family:notokrR;  transition:0.3s; border:1px solid #aaa;}
.sub3_dv .list li .border_dv .txt_dv .moreview_btn.st2{background:#00a031; color:#fff; border:1px solid #00a031;}
.sub3_dv .list li .border_dv .txt_dv .moreview_btn.st2 .xi{margin-left:2px;}
.sub3_dv .list li .border_dv .moreview_btn:hover{background:#666; color:#fff; border:1px solid #666;}
.sub3_dv .list li .border_dv .moreview_btn.st2:hover{background:#3cce4d; border:1px solid #3cce4d}

/*prod_view*/
.sub3_view .top_tit{text-align:center; padding-bottom:1em; margin-bottom:2em; border-bottom:1px solid #ccc;}
.sub3_view .top_tit .p1{font-size:1.25em; color:#666;}
.sub3_view .top_tit .p2{font-size:2em; color:#000; font-family:notokrB; margin-top:5px;}

.sub3_view .over{overflow:hidden;}
.sub3_view .prod_tab{ float:left; width:45%}
.sub3_view .prod_tab .big{ border:1px solid #ddd; box-shadow:0 3px 5px rgba(0,0,0,.3); padding:3em; margin-bottom:.5em}
.sub3_view .prod_tab .thumb{ text-align:right; margin:0 0 0 -5px}
.sub3_view .prod_tab .thumb > li{ width:16.66%}
.sub3_view .prod_tab .thumb > li > a{ margin:5px 0 0 5px; border:1px solid #ddd}
.sub3_view .prod_tab .thumb > li:hover > a{box-shadow:0 3px 5px rgba(0,0,0,.3);}

.sub3_view .prod_info{float:right; width:50%;}
.s_tit2{font-size:1.5em; font-family:notokrM; color:#000; position:relative; padding-left:10px;}
.s_tit2::before{content:''; position:absolute; left:0; top:0; width:5px; height:100%; background:#0077dc}

.sub3_view .prod_info .charact_dv{margin-top:10px;border:1px solid #ccc; padding:1em; margin-bottom:10px;}
.sub3_view .prod_info .charact_dv p{font-family:ng; font-size:0.938em; color:#333; line-height:1.5;}

.sub3_view .prod_info table{width:100%;}
.sub3_view .prod_info table .a1{width:180px;}
.sub3_view .prod_info table .a2{width:auto;}
.sub3_view .prod_info table th{background:#f8f8f8; color:#000; padding:15px 10px; font-size:0.938em; text-align:left; border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-family:ng; font-weight:600;}
.sub3_view .prod_info table td{ color:#666; padding:15px 10px; font-size:0.875em; line-height:1.4; border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-family:ng;}

.sub3_view .prod_info .btn_st01{padding:12px 30px; border-radius:30px; background:#0077dc; border:0; margin-top:1em;}
.sub3_view .prod_info .btn_st01.btn_st02{background:#00a031}
.sub3_view .prod_info .btn_st01 .xi{color:#fff; font-size:1.5em;}
.sub3_view .prod_info .btn_st01 span{color:#fff; font-size:1.125em;}
.sub3_view .prod_info .btn_st01:hover{background:#0062b6}
.sub3_view .prod_info .btn_st01.btn_st02:hover{background:#007524}

.sub3_view .btn_area{margin-top:3em; padding-top:1em; text-align:center; border-top:1px solid #ccc;}

/*sub4_1*/
.sub4_1 .top_dv{padding:3em 2em; background:url(../images/sub/4_1img01.jpg) no-repeat 100% center;}
.sub4_1 .top_dv ul{overflow:hidden; margin:0 0 -1em -1em;}
.sub4_1 .top_dv ul li{float:left; width:50%;}
.sub4_1 .top_dv ul li .border_dv{ margin:0 0 1em 1em; background:rgba(0,119,219,0.8); text-align:center; color:#fff; border-radius:5px; padding:1em 0.5em; font-size:1.125em; font-family:notokrR;}
.sub4_1 .top_dv ul li:first-child .border_dv{background:rgba(0,252,255,0.8)}
.sub4_1 .border_box{border:1px solid #ccc; padding:1.5em; margin-top:10px; }
.sub4_1 .border_box .p1{color:#333; line-height:1.5 ; font-family:ng; font-size:0.875em;}
.sub4_1 .border_box .p1 .st1{font-weight:600; color:#000; vertical-align:top;}
.sub4_1 .border_box .p1 .st2{font-weight:600; color:#0077dc; vertical-align:top;}

/*sub4_2*/
.sub4_2 .border_box{border:1px solid #ccc; padding:1.5em; margin-top:10px; }
.sub4_2 .border_box .ul_st1 li{color:#333; line-height:1.5 ; font-family:ng; font-size:0.875em; text-indent:-20px; padding-left:20px; margin-bottom:7px;}
.sub4_2 .border_box .ul_st1 li .st1{font-size:1.625em; vertical-align:middle;; font-weight:600; font-family:"Times New Roman", Times, serif; color:#0077dc; font-style:italic;}
.sub4_2 .info_dv{ margin-top:2em;}
.sub4_2 .info_dv .img_dv{float:left; width:48%; margin-right:2%; height:380px; background:#f9f9f9;}
.sub4_2 .info_dv > ul{ float:left; width:50%; padding-top:1em;}
.sub4_2 .info_dv > ul > li{position:relative;  margin-bottom:30px;}
.sub4_2 .info_dv > ul > li .p1{position:absolute; left:0; top:0; font-size:1.25em;}
.sub4_2 .info_dv > ul > li .p1 .xi{border:1px solid #ccc; width:40px; line-height:40px; border-radius:50%; text-align:center; color:#0077dc; font-size:20px;}
.sub4_2 .info_dv > ul > li .p1 span{margin-left:7px;}
.sub4_2 .info_dv > ul > li .txt_dv{padding-left:150px; padding-top:12px; font-size:0.875em; color:#333; font-family:ng;}
.sub4_2 .info_dv > ul > li .txt_dv ol li{margin-bottom:5px; text-indent:-10px; padding-left:10px;}

.sub4_2 .area_dv{margin-top:10px;}
.sub4_2 .area_dv ul{overflow:hidden; margin:0 0 -10px -10px;}
.sub4_2 .area_dv ul li{float:left; width:20%; margin-bottom:2px;}
.sub4_2 .area_dv ul li .border_dv{margin:0 0 10px 10px; border:1px solid #ccc;}
.sub4_2 .area_dv ul li .tit{ text-align:center; background:#f1f1f1; color:#000; padding:20px 0; font-family:notokrR; font-size:1.125em; font-family:notokrM;}
.sub4_2 .area_dv ul li .txt{ font-size:0.875em; color:#333; font-family:ng; padding:10px 10px 20px; line-height:1.5; border-top:1px solid #ccc;}

/*4_3*/
.sub4_3 .step_ul{overflow:hidden; margin-top:10px;}
.sub4_3 .step_ul li{width:33.33%; float:left;}
.sub4_3 .step_ul li .border_dv{margin: 0 3em 3em 0;border:1px solid #ccc;background:#f1f1f1;padding:2em 1.5em 3em;text-align: center;position: relative;}
.sub4_3 .step_ul li .border_dv::after{content:'\ea3e'; color:#0077dc; position:absolute; right:-46px; top:50%; margin-top:-20px; font-size:40px; font-family:xeicon; }
.sub4_3 .step_ul li:last-child .border_dv::after{font-size:0;}
.sub4_3 .step_ul li .step_p{font-size: 1em;color:#999; font-family:notokrR; display:inline-block; margin-bottom:1em}
.sub4_3 .step_ul li .p1{font-family:notokrM; color:#000; font-size:1.313em; margin-top:20px;}
.sub4_3 .step_ul li .p2{font-family:notokrR;color:#666;font-size:0.938em;margin-top:5px;}

/*sub4_5*/
.agency_list ul{margin-left:-1.5em;}
.agency_list ul li{float:left; width:33.33%;}
.agency_list ul li .border_dv{margin:0 0 2em 1.5em; padding:1.5em 1.5em 1em; border:1px solid #ccc; background:#f9f9f9; border-top:2px solid #333;}
.agency_list ul li .p1{font-size:1.313em; text-align:center; font-family:notokrB; padding-top:5px;}
.agency_list ul li .p1::after{content:''; display:block; margin:15px auto; width:30px; height:1px; background:#aaa;}
.agency_list ul li .p2{position:relative; padding-left:25px; font-size:0.938em; color:#333; margin-bottom:5px;}
.agency_list ul li .p2 .xi{position:absolute; left:0; top:-2px; font-size:20px; color:#00a031;}

.agency_list .searching_ag{padding:3em 0 5em; text-align:center; background:url(../images/sub/4_5img01.jpg) no-repeat right bottom;}
.agency_list .searching_ag .search_input{display:block; max-width:566px; width:100%; margin:0 auto; position:relative;}
.agency_list .searching_ag .search_input > input{width:91%; border:0; border:3px solid #333; padding:13px 6% 13px 3%; min-height:26px; border-radius:40px;}
.agency_list .searching_ag .search_input .icon{ position:absolute; right:9px; top:12px; font-size:25px; color:#000; background:none; border:0;}


/*sub6_1*/
.sub6_1 .tit_dv{padding:3em 0; background:#333; text-align:center;}
.sub6_1 .tit_dv .p1{font-size:1.125em; font-family:"Times New Roman", Times, serif; font-style:italic; color:#999;}
.sub6_1 .tit_dv .p2{font-size:2em; font-family:notokrB;  color:#fff;}
.sub6_1 .tit_dv .p2::after{content:''; display:block; margin:15px auto; width:50px; height:1px; background:#fff;}
.sub6_1 .tit_dv .p3{font-size:1em; font-family:notokrR; color:#ccc;}

.sub6_1 .tit_dv2{padding:1em 0; background:#666; text-align:center; color:#fff; font-size:1.125em; margin-top:2em;}
.form_line{display:block; margin:10px 0; width:100%; height:1px; background:#ccc;}
/*MAIN STYLE*******************************/
/**/