@charset "euc-kr";
/* CSS Document */
body{ font-size:16px}
.box0{ width:95%; margin:0 auto}
.box1{ width:95%; max-width:1200px; margin:0 auto}
.pc_hide{ display:none}
.mobile_ver{display:none;}

/* .fade{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background:#fff;} */

#header{ position:fixed; width:100%; left:0; top:0; z-index:1000}
#header .header_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#034ea2; filter:alpha(opacity=100);opacity:1; transition:.3s}
.sub #header .header_bg{filter:alpha(opacity=100);opacity:1}
#header .line{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; filter:alpha(opacity=20);opacity:0.2; transition:.3s}
#header .top_wrap{ position:relative}
#header .top_wrap .logo{ position:absolute; left:0; top:0; width:100%; text-align:center}
#header .top_wrap .logo > a{ display:inline-block; *display:inline; zoom:1; height:50px}
#header .top_wrap .category_wrap{ float:left; position:relative}
#header .top_wrap .category_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative}
#header .top_wrap .category_wrap > li > a{ display:block; color:#fff; padding:0 1em}
#header .top_wrap .category_wrap > li > a .xi{ font-size:1.25em; line-height:50px; padding-right:5px}
#header .top_wrap .category_wrap > li > a .tt{ font-size:.875em; line-height:47px}
#header .top_wrap .category_wrap > li:before{ content:""; position:absolute; left:-1px; top:42%; width:1px; height:20%; background:#fff; filter:alpha(opacity=30);opacity:0.3;}
#header .top_wrap .category_wrap > li:first-child > a{ padding-left:0}
#header .top_wrap .category_wrap > li:first-child:before{ display:none}

#header .top_wrap .etc_wrap{ float:right; position:relative}
#header .top_wrap .etc_wrap .member_menu{ float:left}
#header .top_wrap .etc_wrap .member_menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-left:1em}
#header .top_wrap .etc_wrap .member_menu > li > a{ display:block; color:#fff; font-size:.813em; line-height:50px; filter:alpha(opacity=70);opacity:0.7;}
#header .top_wrap .etc_wrap .member_menu > li:hover > a{filter:alpha(opacity=100);opacity:1}

#header .top_wrap .etc_wrap .search_wrap{ float:left; position:relative;}
#header .top_wrap .etc_wrap .search_wrap .btn{ display:block; width:50px; line-height:50px; margin:0 .5em; color:#fff; text-align:center}
#header .top_wrap .etc_wrap .search_wrap .btn .xi{ font-size:1.5em}

#header .top_wrap .etc_wrap .search_wrap .search_box{display:none; width:260px; padding:15px 20px 15px 20px; background:#fff; position:absolute; left:50%; margin-left:-150px; z-index:12; box-shadow:2px 2px 7px 2px rgba(0,0,0,0.3); border-radius:3px;}
#header .top_wrap .etc_wrap .search_wrap .search_box::before{content:''; display:block; width:0px; height:0; border-top:10px solid none; border-bottom:10px solid #fff; border-right:10px solid transparent; border-left:10px solid transparent; position:absolute; top:-10px; right:50%; margin-right:-10px;}
#header .top_wrap .etc_wrap .search_wrap .search_box .search_input{width:100%; margin:5px 0 0; border:1px solid #ccc; border:1px solid #ccc; padding:5px 10px; box-sizing:border-box;}
#header .top_wrap .etc_wrap .search_wrap .search_box .s_btn{width:100%; margin:3px 0 0; border:1px solid #333; background:#333; color:#fff; font-size:1em; line-height:34px; transition:0.3s;}
#header .top_wrap .etc_wrap .search_wrap .search_box .s_btn:hover{background:#666; border:1px solid #666;}
#header .top_wrap .etc_wrap .search_wrap .search_box .p1{color:#222; font-size:1em; font-weight:600; display:inline-block; padding-left:2px;}
#header .top_wrap .etc_wrap .search_wrap .search_box .p1 .st1{color:#156ed2; font-size:1em;}

#header .top_wrap .etc_wrap .sns_menu{ float:left; font-size:0; }
#header .top_wrap .etc_wrap .sns_menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top}
#header .top_wrap .etc_wrap .sns_menu > li > a{ display:block; width:35px; height:30px; border-radius:5px; margin:10px 1px 0 1px; text-align:center; transition:.3s}
#header .top_wrap .etc_wrap .sns_menu > li > a .xi{ font-size:1.25rem; color:#fff}
#header .top_wrap .etc_wrap .sns_menu > li.m1:hover > a{ background:#2554b6}
#header .top_wrap .etc_wrap .sns_menu > li.m2:hover > a{ background:#2bb500}
#header .top_wrap .etc_wrap .sns_menu > li.m3:hover > a{ background:#ff0000}
#header .top_wrap .etc_wrap .sns_menu > li.m4:hover > a{ background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}
#header .top_wrap .etc_wrap .sns_menu > li:hover > a .xi{ color:#fff}

#header .gnb_wrap{ position:relative}
#header .gnb_wrap .gnb{ text-align:center; font-size:0;}
#header .gnb_wrap .gnb *{ transition:.3s}
#header .gnb_wrap .gnb .dp2{ display:none}
#header .gnb_wrap .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1rem;}
#header .gnb_wrap .gnb > li > a{ position:relative; display:block; padding:0 1em; color:#fff; border-top:1px solid transparent}
#header .gnb_wrap .gnb > li > a .va_tt{font-size:1.063em; line-height:35px; padding-bottom:5px}
#header .gnb_wrap .gnb > li > a .va{ position:absolute; left:0; bottom:0; width:100%; text-align:center; height:12px; filter:alpha(opacity=0);opacity:0;}
#header .gnb_wrap .gnb > li > a .va:before{content:"\e930"; font-family:xeicon!important;}
#header .gnb_wrap .gnb > li.st1{ position:relative; padding-left:1em; margin-left:1em}
#header .gnb_wrap .gnb > li.st1:before{ content:""; position:absolute; left:0; top:35%; height:30%; width:1px; background:#fff; filter:alpha(opacity=30);opacity:.3;}
#header .gnb_wrap .gnb > li.st1 > a{ color:#76d3ff;}
#header .gnb_wrap .gnb > li.st2 > a{ color:#52e8df}
#header .gnb_wrap .gnb > li:hover > a,
#header .gnb_wrap .gnb > li.on > a{ border-color:#fff}
#header .gnb_wrap .gnb > li.st1:hover > a,
#header .gnb_wrap .gnb > li.st1.on > a{ border-color:#76d3ff}
#header .gnb_wrap .gnb > li.st2:hover > a,
#header .gnb_wrap .gnb > li.st2.on > a{ border-color:#52e8df}
#header .gnb_wrap .gnb > li:hover > a .va,
#header .gnb_wrap .gnb > li.on > a .va{filter:alpha(opacity=100);opacity:1;}

.allSItemap_wrap{ position:fixed; z-index:10000000; top:0; right:-100%; width:100%; height:100%; background:rgba(0,0,0,0.9); overflow-y:auto;}
.allSItemap_wrap .box1{position:relative;}
.allSItemap_wrap .logo{text-align:center; margin:10px 0 20px;}
.allSItemap_wrap .siteMapbtn{position:absolute; right:0; top:0; font-size:36px; cursor:pointer; color:#fff;}
.allSItemap_wrap .siteMapbtn:hover{color:#0092a3;}
.allSItemap_wrap .gnb{overflow:hidden; border-top:1px solid #555;}
.allSItemap_wrap .gnb *{ transition:.3s;}
.allSItemap_wrap .gnb > li{  width:100%; font-size:0; border-bottom:1px solid #555;}
.allSItemap_wrap .gnb > li .dp1{ display:inline-block; width:17%; text-align:center; padding:7px 0; font-size:1.125rem; color:#3697f0}
.allSItemap_wrap .gnb > li .dp1 .icon{ display:block; margin-top:10px; height:130px; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.allSItemap_wrap .gnb > li:hover{background:rgba(120,120,120,0.8);}
.allSItemap_wrap .gnb > li:hover .dp1{ background:#3697f0; color:#fff}
.allSItemap_wrap .gnb > li .dp2 > li > a:hover{color:#3697f0;}
.allSItemap_wrap .gnb > li .dp2{display:inline-block; width:83%; font-size:0;}
.allSItemap_wrap .gnb > li .dp2 > li{display:inline-block; width:20%; font-size:1rem; position:relative;}
.allSItemap_wrap .gnb > li .dp2 > li > a{ display:block; text-align:left; font-size:.875em; padding:10px 3px 10px 15px; color:#fff;}
.allSItemap_wrap .gnb > li .dp2 > li::before{content:''; position:absolute; left:6px; top:16px; background:#666; width:3px; height:3px;}
.allSItemap_wrap .gnb > li .dp3,
.allSItemap_wrap .gnb > li.m_search{ display:none;}

.allSItemap_wrap2{ position:fixed; z-index:10000000; top:0; right:-100%; width:100%; height:100%; background:rgba(0,0,0,0.9); overflow-y:auto;}
.allSItemap_wrap2 .box1{position:relative;}
.allSItemap_wrap2 .logo{text-align:center; margin:10px 0 20px;}
.allSItemap_wrap2 .siteMapbtn2{position:absolute; right:0; top:0; font-size:36px; cursor:pointer; color:#fff;}
.allSItemap_wrap2 .siteMapbtn2:hover{color:#0092a3;}
.allSItemap_wrap2 .gnb{overflow:hidden; border-top:1px solid #555;}
.allSItemap_wrap2 .gnb *{ transition:.3s;}
.allSItemap_wrap2 .gnb > li{  width:100%; font-size:0; border-bottom:1px solid #555;}
.allSItemap_wrap2 .gnb > li .dp1{ display:inline-block; width:17%; text-align:center; padding:7px 0; font-size:1.125rem; color:#3697f0}
.allSItemap_wrap2 .gnb > li .dp1 .icon{ display:block; margin-top:10px; height:130px; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.allSItemap_wrap2 .gnb > li:hover{background:rgba(120,120,120,0.8);}
.allSItemap_wrap2 .gnb > li:hover .dp1{ background:#3697f0; color:#fff}
.allSItemap_wrap2 .gnb > li .dp2 > li > a:hover{color:#3697f0;}
.allSItemap_wrap2 .gnb > li .dp2{display:inline-block; width:83%; font-size:0;}
.allSItemap_wrap2 .gnb > li .dp2 > li{display:inline-block; width:20%; font-size:1rem; position:relative;}
.allSItemap_wrap2 .gnb > li .dp2 > li > a{ display:block; text-align:left; font-size:.875em; padding:10px 3px 10px 15px; color:#fff;}
.allSItemap_wrap2 .gnb > li .dp2 > li::before{content:''; position:absolute; left:6px; top:16px; background:#666; width:3px; height:3px;}
.allSItemap_wrap2 .gnb > li .dp3,
.allSItemap_wrap2 .gnb > li.m_search{ display:none;}

.allSItemap_wrap3{ position:fixed; z-index:10000000; top:0; right:-100%; width:100%; height:100%; background:rgba(0,0,0,0.9); overflow-y:auto;}
.allSItemap_wrap3 .box1{position:relative;}
.allSItemap_wrap3 .logo{text-align:center; margin:10px 0 20px;}
.allSItemap_wrap3 .siteMapbtn3{position:absolute; right:0; top:0; font-size:36px; cursor:pointer; color:#fff;}
.allSItemap_wrap3 .siteMapbtn3:hover{color:#0092a3;}
.allSItemap_wrap3 .gnb{overflow:hidden; border-top:1px solid #555;}
.allSItemap_wrap3 .gnb *{ transition:.3s;}
.allSItemap_wrap3 .gnb > li{  width:100%; font-size:0; border-bottom:1px solid #555;}
.allSItemap_wrap3 .gnb > li .dp1{ display:inline-block; width:17%; text-align:center; padding:7px 0; font-size:1.125rem; color:#3697f0}
.allSItemap_wrap3 .gnb > li .dp1 .icon{ display:block; margin-top:10px; height:130px; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.allSItemap_wrap3 .gnb > li:hover{background:rgba(120,120,120,0.8);}
.allSItemap_wrap3 .gnb > li:hover .dp1{ background:#3697f0; color:#fff}
.allSItemap_wrap3 .gnb > li .dp2 > li > a:hover{color:#3697f0;}
.allSItemap_wrap3 .gnb > li .dp2{display:inline-block; width:83%; font-size:0;}
.allSItemap_wrap3 .gnb > li .dp2 > li{display:inline-block; width:20%; font-size:1rem; position:relative;}
.allSItemap_wrap3 .gnb > li .dp2 > li > a{ display:block; text-align:left; font-size:.875em; padding:10px 3px 10px 15px; color:#fff;}
.allSItemap_wrap3 .gnb > li .dp2 > li::before{content:''; position:absolute; left:6px; top:16px; background:#666; width:3px; height:3px;}
.allSItemap_wrap3 .gnb > li .dp3,
.allSItemap_wrap3 .gnb > li.m_search{ display:none;}


#header.siteOpen .bg{ filter:alpha(opacity=0); opacity:0;}
#header.siteOpen .gnb_area .icon_menu .siteMapbtn{ background-image:url(../images/inc/icon_close.png); background-position:center -8px;}
#header.siteOpen .gnb_area .gnb_wrap{ display:none;}

#footer{ }
#footer .banner_wrap{ background:url(../images/temp/footer_banner_bg.jpg) no-repeat center top; background-size:cover; padding:1.5em 0}
#footer .banner_wrap .banner{ overflow:hidden; margin:0 -15px -15px 0}
#footer .banner_wrap .banner > li{ float:left; width:33.33%}
#footer .banner_wrap .banner > li > a{ display:block; overflow:hidden; margin:0 15px 15px 0; border:1px solid transparent; transition:.3s}
#footer .banner_wrap .banner > li > a img{ width:100%; height:100%}
#footer .banner_wrap .banner:hover > li > a{filter:alpha(opacity=70);opacity:0.7; border-color:#333}
#footer .banner_wrap .banner:hover > li > a:hover{filter:alpha(opacity=100);opacity:1; box-shadow:1px 1px 5px #333}

#footer .cs_wrap{ background:#f5f5f5; border-top:1px solid #ccc; padding:2em 0 3em 0}
#footer .cs_wrap .cs_box{ float:left; width:24%}
#footer .cs_wrap .cs_box.size1{ width:28%}
#footer .cs_wrap .cs_box .inner{ padding-left:1.5em; margin-left:1.5em; border-left:1px solid #ddd;}
#footer .cs_wrap .cs_box:first-child .inner{ padding-left:0; margin-left:0; border-left:none}
#footer .cs_wrap .cs_box .cs_tit{ font-size:1.063em; color:#000; font-weight:600; position:relative; padding-right:30px; line-height:30px}
#footer .cs_wrap .cs_box .cs_tit .icon{ font-size:1.5em}
#footer .cs_wrap .cs_box .cs_tit .more{ position:absolute; right:0; top:0; color:#000; text-align:right; font-size:1.438em; transition:.3s}
#footer .cs_wrap .cs_box .cs_tit .more:hover{ transform:rotate(180deg);}
#footer .cs_wrap .cs_box .cs_con{ margin-top:1em}
#footer .cs_wrap .cs_box .list > li > a{ display:block; position:relative; padding-right:80px; line-height:2em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#footer .cs_wrap .cs_box .list > li > a:before{ content:""; font-size:1.25em; padding-right:5px}
#footer .cs_wrap .cs_box .list > li > a .tt{ font-size:.875em; color:#333;}
#footer .cs_wrap .cs_box .list > li > a .date{ position:absolute; right:0; top:0; width:80px; text-align:right; font-size:.75em; color:#777}
#footer .cs_wrap .cs_box .list > li > a:hover .tt{ text-decoration:underline}
#footer .cs_wrap .cs_box .bank_img{ padding:5px 0 5px 0}
#footer .cs_wrap .cs_box .tt1{ font-size:1.438em; color:#000; vertical-align:middle}
#footer .cs_wrap .cs_box .tt2{ font-size:.813em; color:#777; vertical-align:middle}
#footer .cs_wrap .cs_box .tt3{ font-size:.938em; color:#333; vertical-align:middle}
#footer .cs_wrap .cs_box .c1{ color:#0d3d8e}
#footer .cs_wrap .cs_box .cs_sec{ padding-top:10px}
#footer .cs_wrap .cs_box .cs_icon{ width:35px; line-height:35px; border-radius:100%; background:#0d3d8e; color:#fff; text-align:center; margin:-3px 5px 0 0}
#footer .cs_wrap .cs_box .link{ font-size:0}
#footer .cs_wrap .cs_box .link > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1rem; width:50%}
#footer .cs_wrap .cs_box .link > li > a{ display:block; height:60px; padding:10px; background:#fff; border:1px solid #ddd; margin:0 -1px -1px 0; text-align:center}
#footer .cs_wrap .cs_box .link > li > a .xi{ line-height:40px; font-size:1.75em; color:#666; transition:.3s}
#footer .cs_wrap .cs_box .link > li > a .tt{ display:block; text-align:center; font-size:.813em; color:#666; transiton:.3s}
#footer .cs_wrap .cs_box .link > li > a:hover .xi{ transform:rotateY(180deg);}
#footer .cs_wrap .cs_box .link > li > a:hover .tt{ color:#111; font-weight:600}
#footer .menu_wrap{ border-bottom:1px solid #333; background:#222}
#footer .menu_wrap .left_wrap{ float:left}
#footer .menu_wrap .right_wrap{ float:right}

#footer .menu_wrap .menu{ font-size:0}
#footer .menu_wrap .menu > li{ display:inline-block; *display:inline; zoom:1;}
#footer .menu_wrap .menu > li > a{ display:block; font-size:.813rem; font-weight:600; color:#fff; filter:alpha(opacity=70);opacity:0.7; padding:0 2em; line-height:50px; position:relative; transition:.3s}
#footer .menu_wrap .menu > li > a:before{ content:""; position:absolute; left:-2px; top:0; height:100%}
#footer .menu_wrap .menu > li:first-child > a{ padding-left:0}
#footer .menu_wrap .menu > li:first-child > a:before{ display:none}
#footer .menu_wrap .menu > li:hover > a{ filter:alpha(opacity=100);opacity:1;}

#footer .goTop{ float:left; margin-left:1em; display:block; line-height:30px; padding:0 1em 0 .5em; margin-top:8px; border:1px solid transparent; border-radius:3px; font-size:.813em; color:#fff; filter:alpha(opacity=70);opacity:.7;}
#footer .goTop .xi{ font-size:1.438em; padding-right:5px}
#footer .goTop:hover{ filter:alpha(opacity=100);opacity:1;}

#footer .shop_link{ float:left; margin-left:1em; display:block; line-height:30px; padding:0 1em 0 .5em; margin-top:8px; border:1px solid transparent; border-radius:3px; font-size:.938em; color:#0dffda; transition:.3s}
#footer .shop_link .xi{ font-size:1.25em; padding-right:5px}
#footer .shop_link:hover{ border-color:#0dffda}

#footer .info_wrap{ background:#222; padding:1.5em 0 3em 0}
#footer .info_wrap .box1{ position:relative}
#footer .info_wrap .info{ padding-right:200px}
#footer .info_wrap .info dt,
#footer .info_wrap .info dd{ display:inline-block; *display:inline; zoom:1; margin-right:2em; color:#fff; font-size:.813em}
#footer .info_wrap .info dt{ font-weight:600}
#footer .info_wrap .info dd a{ color:#999; font-size:1em}
#footer .info_wrap .info .copyright{ display:block; margin-top:1em; font-size:.625em; color:#fff; filter:alpha(opacity=50);opacity:0.5;}

#footer .info_wrap .logo{ position:absolute; right:0; top:0; height:100%; width:200px; text-align:right; filter:alpha(opacity=30);opacity:.3;}

#footer.st1 .banner_wrap{ background:#fff}
#footer .menu_wrap{ background:#034ea2; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,.2)}
#footer .info_wrap{ background:#034ea2}

#contents .doc{ padding:2em 0 7em 0}

/*main*/

.wrap{position: relative; z-index:inherit; width:100%; z-index:100}

.section{ position:relative; background:#000; overflow-x:hidden; overflow-y: hidden}

.bg{ position:absolute; left:0; bottom:0; height:100%; width:100%; background:#222}

.main .nav{ position: fixed; left:0; bottom:0; z-index:1000; width:100%; height:60px}
.main .nav .menu{ font-size:0; margin-right:120px;}
.main .nav .menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:25%; background:#222; transition:.4s; position:relative; margin-top:10px}
.main .nav .menu > li:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#fff; opacity:.1}
.main .nav .menu > li:after{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#111;}
.main .nav .menu > li > a{ display:block; height:50px; margin:0 auto; border-top:1px solid #111; transition:.3s; font-size:1rem; text-align:center; line-height:50px; color:#fff;}
.main .nav .menu > li:hover{ background:#111; margin-top:0}
.main .nav .menu > li:hover > a{ height:60px}
.main .nav .etc{ position:absolute; right:0; top:0; width:120px; font-size:0}
.main .nav .etc > li{  display:inline-block; *display:inline; zoom:1; width:50%; margin-top:10px}
.main .nav .etc > li > a{ display:block; height:50px;}
.main .nav .etc > li.m1 > a{ background-color:#0067c6; font-size:2rem; text-align:center; line-height:50px; color:#fff;}
.main .nav .etc > li.m2 > a{ background-color:#0092a3; font-size:2rem; text-align:center; line-height:50px; color:#fff;}

.visual{width:100%!important;}
.visual .swiper-slide > a{ display:block; background-repeat:no-repeat; background-position:center top}
.visual .flex-direction-nav > li > a{ display:block; position:absolute; z-index:10; top:50%; width:20px; height:40px; margin-top:-20px; background-image:url(btn.png); background-repeat:no-repeat; opacity:.5}
.visual .flex-direction-nav > li > a:hover{ opacity:1}
.visual .flex-direction-nav > li > a.flex-prev{ left:2%}
.visual .flex-direction-nav > li > a.flex-next{ right:2%; background-position:right top}

.scrollAni{ position: fixed; right:30px; width:100px; text-align:center; bottom:5em; opacity:0; z-index:-1}
.scrollAni .xi{ vertical-align:middle}
.scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
.scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
.scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase}
.scrollAni.on{ opacity:1; z-index:1000;}
.scrollAni.main{ left:50%}
.scrollAni.color *{ color:#333}
-->

.slide_dv{position:absolute; top:187px; left:320px;}
.slide_dv .slide_p1{font-size:1.15em; color:#fff;}
.slide_dv .slide_p2{font-size:4em; font-weight:600; color:#fff; padding-top:10px;}
.slide_dv .slide_p3{font-size:1.79em; color:#fff; padding-top:14px;}
.slide_dv .slide_ul{margin-top:40px;}
.slide_dv .slide_ul li{font-size:0.91em; color:#fff; margin-bottom:8px; padding-left:10px; position:relative;}
.slide_dv .slide_ul li::before{content:''; position:absolute; left:0; top:7px; background:#fff; width:2px; height:2px; border-radius:2px;}
.slide_dv .slide_btn{display:inline-block; border:1px solid #fff; color:#fff; padding:15px 18px 15px 17px; font-size:0.91em; margin-top:42px;}
.slide_dv .slide_btn i{padding-left:40px;}
.slide_dv .slide_btn:hover{background:rgba(0,0,0,0.6); border:1px solid #333;}

.section01_tit{width:100%; background:url(../images/main/section01_tit_bg.jpg) no-repeat center top; position:relative; text-align:center;}
.section01_tit .tit_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#034EA2; filter:alpha(opacity=50);opacity:0.5;}
.section01_tit.section02_tit{ background:url(../images/main/section02_tit_bg.jpg) no-repeat center top;}
.section01_tit.section03_tit{ background:url(../images/main/section03_tit_bg.jpg) no-repeat center top;}
.section01_tit::before{content:url(../images/main/section01_tit_arr.png); position:absolute; bottom:0; left:50%; margin-left:-11px; z-index:1}
.section03_tit::before,
.section02_tit::before{content:url(../images/main/section02_tit_arr.png); position:absolute; bottom:0; left:50%; margin-left:-11px;}
.section01_tit .tit_p{font-size:2.3em; color:#fff; padding:120px 0 30px; position:relative}

#section1 .section01_tab{overflow:hidden; margin:30px auto 0;}
#section1 .section01_tab .detail_wrap{float:left; width:75%;}
#section1 .section01_tab .tab_idx{float:left; width:23%; padding-left:2%;}
#section1 .section01_tab .tab_idx > li{ height:123px; position:relative; text-align:center; cursor:pointer; transition:0.3s;}
#section1 .section01_tab .tab_idx > li .tab_name{color:#fff; font-size:1.38em; position:relative; z-index:10;}
#section1 .section01_tab .tab_idx > li .bg_black{position:absolute; left:0; top:0; z-index:9; background:rgba(0,0,0,0.7); width:100%; height:100%; }
#section1 .section01_tab .tab_idx > li .bg{position:absolute; left:0; top:0; z-index:8;}
#section1 .section01_tab .tab_idx > li.on{border:3px solid #fff; box-sizing:border-box;}
#section1 .section01_tab .tab_idx > li.on::before{content:url(../images/main/section01_tab_arr.png); position:absolute; left:-12px; bottom:50%; margin-bottom:-11px; z-index:10;}

#section3 .section3_tab .tab_idx{font-size:0; margin:30px 0;}
#section3 .section3_tab .tab_idx > li{display:inline-block; *display:inline; zoom:1; width:11.11%; font-size:1.30rem; color:#222; border-bottom:4px solid #ddd; padding-bottom:8px; text-align:center; position:relative; cursor:pointer;}
#section3 .section3_tab .tab_idx > li.on{border-bottom:4px solid #222;}
#section3 .section3_tab .tab_idx > li.on::before{content:url(../images/main/section04_tab_arr.jpg); position:absolute; left:50%; bottom:-15px; margin-left:-11px;}

#section3 .section3_tab .prod_dv{overflow:hidden; border:1px solid #ccc}
#section3 .section3_tab .prod_dv .l_dv{float:left; width:40%;}
#section3 .section3_tab .prod_dv .prod_list{float:left; width:60%;}
#section3 .section3_tab .prod_dv .prod_list ul{overflow:hidden; margin-left:-30px; padding:30px;}
#section3 .section3_tab .prod_dv .prod_list ul li{float:left; width:33.33%; text-align:center; margin-bottom:13px;}
#section3 .section3_tab .prod_dv .prod_list ul li .border_dv{margin-left:30px;}
#section3 .section3_tab .prod_dv .prod_list ul li .img_dv{border:1px solid #ccc; position:relative; transition:0.3s; cursor:pointer;}
#section3 .section3_tab .prod_dv .prod_list ul li .img_dv:hover{border:1px solid #0067c6;}
#section3 .section3_tab .prod_dv .prod_list ul li .prod_name{font-size:0.84rem; color:#222; padding-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#section3 .section3_tab .prod_dv .prod_list ul li .prod_price{font-size:0.84rem; color:#999;}
#section3 .section3_tab .prod_dv .prod_list ul li .border_dv:hover .prod_name{color:#0067c6; font-weight:600;}
#section3 .section3_tab .prod_dv .prod_list ul li .border_dv:hover .prod_price{color:#333;}

#section3 .section3_tab .prod_dv .prod_list.big{ width:40%}
#section3 .section3_tab .prod_dv .prod_list.big ul{ padding-right:0}
#section3 .section3_tab .prod_dv .prod_list.big ul li{ width:100%}
#section3 .section3_tab .prod_dv .prod_list.big ul li .prod_name{ font-size:1.125rem; padding:10px 0}
#section3 .section3_tab .prod_dv .prod_list.big ul li .prod_price{ font-size:1.063rem}

/**/
.list_cate_wrap{ padding-bottom:1.5em}
.list_cate_wrap .list_tit{ float:left; font-size:1.75em; color:#000}
.list_cate_wrap .list_nav{ float:right}
.list_cate_wrap .list_nav > li{ display:inline-block; *display:inline; zoom:1; font-size:.813em; color:#777; margin-top:10px}
.list_cate_wrap .list_cate{ margin-top:.5em}
.list_cate_wrap .list_cate .gnb{ border-top:1px solid #111}
.list_cate_wrap .list_cate .gnb > li,
.list_cate_wrap .list_cate .gnb > li .dp1{ display:none}
.list_cate_wrap .list_cate .gnb > li.on{ display:block}
.list_cate_wrap .list_cate .gnb > li .dp2{ font-size:0}
.list_cate_wrap .list_cate .gnb > li .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1rem}
.list_cate_wrap .list_cate .gnb > li .dp2 > li > a{ display:block; border:1px solid #ddd; margin:0 -1px -1px 0; text-align:center; height:50px; font-size:1em; color:#777; position:relative}
.list_cate_wrap .list_cate .gnb > li .dp2 > li > a:before{ content:"\e936"; font-family:xeicon!important; position:absolute; left:0; top:0; width:100%; text-align:center; line-height:1; margin-top:-5px; color:#111; display:none}
.list_cate_wrap .list_cate .gnb > li .dp2 > li > a .va_tt{word-break: break-all;}
.list_cate_wrap .list_cate .gnb > li .dp2 > li:hover > a,
.list_cate_wrap .list_cate .gnb > li .dp2 > li.on > a{ color:#111; border-top-color:#111}
.list_cate_wrap .list_cate .gnb > li .dp2 > li:hover > a:before,
.list_cate_wrap .list_cate .gnb > li .dp2 > li.on > a:before{ display:block}
.list_cate_wrap .list_cate .gnb > li .dp2 > li.blank > a{ background:#f9f9f9}
.list_cate_wrap .list_cate .gnb > li .dp2 > li.blank:hover > a{ border-top-color:#ddd}
.list_cate_wrap .list_cate .gnb > li .dp2 > li.blank:hover > a:before{ display:none}

.list_prod_wrap{ padding:1em 0 5em 0; background:#f5f5f5; border-top:1px solid #ddd}
.list_prod_top{ padding-bottom:1em}
.list_prod_top .total{ float:left; margin-top:5px}
.list_prod_top .total .t1{ font-size:1.063em; color:#666; vertical-align:baseline}
.list_prod_top .total .t2{ font-size:1.438em; color:#199bff; vertical-align:baseline}
.list_prod_top .btn{ float:right;}
.list_prod_top .btn > li{ display:inline-block; *display:inline; zoom:1}
.list_prod_top .btn > li > a{ display:block; width:100px; line-height:30px; background:#fff; border:1px solid #ddd; font-size:.875em; color:#666; text-align:center; border-radius:2px}
.list_prod_top .btn > li > a img{ width:100%; height:100%}
.list_prod_top .btn > li:hover > a{ border-color:#aaa; color:#333}
.list_prod_top .btn > li.on > a{ background:#333; border-color:#333; color:#fff}

.prod_list{ font-size:0}
.prod_list > li{ display:inline-block; *display:inline; zoom:1; width:20%; font-size:1rem}
.prod_st{ display:block; border:1px solid #ddd; margin:0 -1px -1px 0; background:#fff; position:relative}
.prod_st * { transition:.3s}
.prod_st .prod_img > a{ display:block; padding:10px}
.prod_st .prod_con{ padding:10px; border-top:1px solid #ddd}
.prod_st .prod_tit > a{ display:block; font-size:1.063em; color:#111; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.prod_st .prod_info{ padding:10px 0}
.prod_st .prod_info .cate{ float:left; width:50%; margin-top:3px; font-size:.813em; color:#8396a9; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.prod_st .prod_info .price{ float:left; width:50%; text-align:right; color:#777; }
.prod_st .prod_info .sale{ float:left; width:100%; text-align:center; color:#777; }
.prod_st .prod_info .sale .ori{ color:#006699; }
.prod_st .prod_info .sale .dc{ color:#ff0000; }
.prod_st .prod_info .stock{ float:left; width:100%; text-align:center; color:#8396a9; }
.prod_st:hover .prod_con{ background:#333}
.prod_st:hover .prod_tit > a{ color:#fff}
.prod_st:hover .prod_info .cate{ color:#aaa}
.prod_st:hover .prod_info .price{ color:#52e8df}


.best_icon{ position:absolute; left:0; top:0; line-height:40px; padding:0 10px; color:#fff; font-size:1.25rem}
.best_icon .xi{ font-style:normal; padding-right:3px; vertical-align:top; line-height:40px}
.best_icon .xi:before{content:"\e9da"; font-family:xeicon!important;}
.best_icon.b1{ background:#156ed2}
.best_icon.b2{ background:#199bff}
.best_icon.b3{ background:#00bbcc}

#fullpage.st1 .section{ overflow:hidden}
#fullpage.st1 #section1 .section01_tab .tab_idx > li.on{ border-color:#034ea2}
#fullpage.st1 #section1 .section01_tab .detail_wrap{ width:77%}
#fullpage.st1 #section1 .section01_tab .tab_idx{ float:right; width:22%; padding-left:0}
#fullpage.st1 #section1 .section01_tab .tab_idx > li .tab_name{ font-size:1.125em}

/**/
.view_top_wrap{ padding:2em 0; background:#f5f5f5}
.view_top_wrap .inner{ border:1px solid #ddd; background:#fff}
.view_top_wrap .img_wrap{ float:left; width:49.3%}
.view_top_wrap .img_wrap .inner{ position:relative}
.view_top_wrap .img_wrap .thumb{ position:absolute; right:5%; bottom:5%; width:90%; text-align:right; font-size:0}
.view_top_wrap .img_wrap .thumb > li{ display:inline-block; *display:inline; zoom:1; width:16.66%}
.view_top_wrap .img_wrap .thumb > li > a{ display:block; margin:0 2px}
.view_top_wrap .img_wrap .thumb > li:hover > a{ border-color:#fff}

.view_top_wrap .info_wrap{ float:left; width:50.7%}
.view_top_wrap .info_wrap .inner{ margin-left:-1px}
.view_top_wrap .info_wrap .info_top,
.view_top_wrap .info_wrap .info_middle,
.view_top_wrap .info_wrap .info_bottom{ margin:0 1.5em}
.view_top_wrap .info_wrap .info_top{ padding:1.5em 0 1em 0;}
.view_top_wrap .info_wrap .info_top .nav{ font-size:.813em; color:#999}
.view_top_wrap .info_wrap .info_top .tit{ position:relative; margin-top:.5em}
.view_top_wrap .info_wrap .info_top .tit .prodTit{ font-size:1.75em; font-weight:600; line-height:1; color:#111; padding-right:80px}
.view_top_wrap .info_wrap .info_top .tit .share{ position:absolute; right:0; top:0; white-space:nowrap}
.share{ font-size:0}
.share > li{ display:inline-block; *display:inline; zoom:1}
.share > li > a{ display:block}
.share > li > a .xi{ display:block; width:34px; line-height:30px; text-align:center; font-size:1.25rem; border:1px solid #ddd; margin-right:-1px}
.share > li > a .xi-facebook{ color:#2554b6}
.share > li > a .xi-twitter{ color:#00c0ff}
.share > li:hover > a .xi{ color:#fff}
.share > li:hover > a .xi-facebook{ background:#2554b6; border-color:#2554b6}
.share > li:hover > a .xi-twitter{ background:#00c0ff; border-color:#00c0ff}

.view_top_wrap .info_wrap .info_middle{ padding:.5em 0 1em 0; border-top:1px solid #111; border-bottom:1px solid #111;}
.view_top_wrap .info_wrap .info_middle .info_table .info_table_tit{ width:25%}
.view_top_wrap .info_wrap .info_middle .info_table .info_table_con{ width:75%}
.view_top_wrap .info_wrap .info_middle .info_table th,
.view_top_wrap .info_wrap .info_middle .info_table td{ padding-top:3px; padding-bottom:3px; height:35px}
.view_top_wrap .info_wrap .info_middle .info_table th{ text-align:left; position:relative; padding-right:1.5em}
.view_top_wrap .info_wrap .info_middle .info_table th .xi{ color:#bbb}
.view_top_wrap .info_wrap .info_middle .info_table th .xi:before{content:"\e97e"; font-family:xeicon!important; font-style: normal; font-weight:normal}
.view_top_wrap .info_wrap .info_middle .info_table th .dot{ position:absolute; right:1em; height:100%; margin-top:-3px}
.view_top_wrap .info_wrap .info_middle .info_table td{ font-size:.875em; color:#777; padding-left:1em}
.view_top_wrap .info_wrap .info_middle .info_table .t1{ font-size:1.125em; vertical-align:middle}
.view_top_wrap .info_wrap .info_middle .info_table .t2{ font-size:1.438em; vertical-align:middle}
.view_top_wrap .info_wrap .info_middle .info_table .c1{ color:#111}
.view_top_wrap .info_wrap .info_middle .info_table .c1 .span_percent{vertical-align:baseline; font-weight:bold; color:#0071a5; margin-left:10px;}
.view_top_wrap .info_wrap .info_middle .info_table .c1 .span_percent .xi{margin-top:-10px; font-size:1.5em; margin-left:-6px;}
.view_top_wrap .info_wrap .info_middle .info_table .select{ height:35px; width:100%}

.view_top_wrap .info_wrap .info_op{ margin-top:-1px; background:#f5f5f5; padding:1em 1.5em; border:1px solid #ddd; border-left:none; border-right:none}
.op_list > li{ margin-bottom:-1px}
.op_list > li .op{ border:1px solid #ddd; border-left:3px solid #777; background:#fff; padding:7px 1em; line-height:30px; position:relative}
.op_list > li .op .tit{font-size:.813em; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:250px}
.op_list > li .op .con{ position:absolute; right:1em; top:5px; width:250px; text-align:right}
.op_list > li .op .con > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
.op_list > li .op .con .price{ font-size:1em; color:#111; padding-right:10px}
.op_list > li .op .con .btn_del{ border:1px solid #ccc; height:32px; line-height:32px; background:#fff; width:35px}
.op_list > li .op .con .btn_del:before{content:"\e921"; font-family:xeicon!important}
.op_list > li .op .con .btn_del:hover{ border-color:#111}
.op_list > li:hover .op{ border-left-color:#111}
.op_list > li:hover .op .tit{ font-weight:600; color:#111}
.vol .inp{ float:left; width:30px; padding:0 10px; line-height:30px; height:30px; border:1px solid #ccc; border-right:none; text-align:right}
.vol .btn{ float:left}
.vol .btn .btn_st{ display:block; border:1px solid #ccc; height:16px; background:#fff; font-size:.438rem; width:25px}
.vol .btn .btn_st:first-child{ border-bottom:none}
.vol .btn .btn_st:hover{ background:#666; border-color:#666; color:#fff}

.view_top_wrap:after{ content:""; display:block; clear:both;}
.view_top_wrap .info_wrap .info_bottom{ padding:1em 0}
.view_top_wrap .info_wrap .info_bottom .btn_wrap{ font-size:0; margin-left:-10px}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s1{ width:30%}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s2{ width:20%}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .in{ display: block; margin-left:10px}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn{ width:100%}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn .xi{ font-size:2em}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn .tt{ padding-left:4px; font-size:1.063em}

.mall_btn{ min-width:80px; line-height:60px; padding:0 10px; text-align:center; box-sizing:border-box; border:1px solid #ddd}
.mall_btn.c1{ background:#0071a5; border-color:#0071a5; color:#fff}
.mall_btn.c2{ background:#05aaa0; border-color:#05aaa0; color:#fff}
.mall_btn.c3{ background:#849bff; border-color:#849bff; color:#fff}
.mall_btn.c4{ background:#fff; border-color:#ccc; color:#888}

.view_wrap{ padding:60px 0;}
.view_wrap .tab_ul:after{ content:""; display:block; clear:both;}
.view_wrap .tab_ul li{float:left; width:25%; border-bottom:4px solid #ddd; font-size:1.30em; padding:10px 0; text-align:center; position:relative; cursor:pointer; }
.view_wrap .tab_ul_100 li{float:left; width:100%; border-bottom:4px solid #ddd; font-size:1.30em; padding:10px 0; text-align:center; position:relative; cursor:pointer; }
.view_wrap .tab_ul li.on{border-bottom:4px solid #111;}
.view_wrap .tab_ul li.on::before{content:url(../images/inc/tab_icon.png); position:absolute; left:50%; margin-left:-11px; bottom:-15px;}

.view_wrap .tab_ul_100 li.on{border-bottom:4px solid #111;}
.view_wrap .tab_ul_100 li.on::before{content:url(../images/inc/tab_icon.png); position:absolute; left:50%; margin-left:-11px; bottom:-15px;}
.view_wrap .view_detail{ text-align:center; padding:60px 0;}
.view_wrap .view_detail iframe { width:64vw !important; height:36vw !important;}



.tt_st2{font-size:1.5em; color:#333; font-weight:600}
.tt_st3{ font-size:1em; color:#666; line-height:1.6; letter-spacing:0}
.tt_st4{ font-size:1em; color:#666; line-height:1.4; letter-spacing:0}

.page_sec3{margin-bottom:20px;}

/*login*/
.login_wrap{ width:700px; margin:30px auto 100px;}
.login_wrap .login_top{ padding:30px 0; text-align:center;}
.login_wrap .login_top img{width:190px;}
.login_wrap .login_top .logo{ padding-bottom:10px}
.login_wrap .login_con{ padding:30px 0; border:1px solid #aaa; border-left:none; border-right:none}
.login_wrap .login_con .form_wrap{ float:left}
.form{ width:400px; max-width:100%}
.form > li{ margin-bottom:10px}
.form > li.inp_wrap{ padding:10px 10px 10px 50px; background-image:url(../images/inc/icon_login.png); background-repeat:no-repeat; border:1px solid #ccc; background-color:#fff;}
.form > li.inp_wrap.id{ background-position:0 0}
.form > li.inp_wrap.pw{ background-position:0 -50px}
.form > li.inp_wrap .inp{width:100%; line-height:30px; height:30px; font-weight:600; font-family:tahoma, ng, sans-serif; font-size:.875em; color:#888; border:none;}
.form > li.inp_wrap .inp::-webkit-input-placeholder{ font-size:.875em; font-weight:normal}
.form > li.inp_wrap .inp::-moz-placeholder{ font-size:.875em; font-weight:normal}
.form > li.inp_wrap .inp:-moz-placeholder{ font-size:.875em; font-weight:normal}
.form > li.inp_wrap .inp:-ms-input-placeholder{ font-size:.875em; font-weight:normal}
.form > li.inp_wrap .inp:focus{ color:#111}
.form > li.btn_wrap .btn{ width:100%; height:51px; background:#005aa6; color:#fff; border:none; font-weight:600;}
.form > li.btn_wrap .btn:hover{background:#114bac;}
.form > li.check_wrap{ font-weight:600; font-size:.875em; color:#777}
.login_wrap .login_con .form_wrap .link{ text-align:center}
.login_wrap .login_con .form_wrap .link > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.login_wrap .login_con .form_wrap .link > li > a{ display:block; font-size:.813em; color:#777; padding:0 15px; line-height:1; border-left:1px solid #ddd}
.login_wrap .login_con .form_wrap .link > li:first-child > a{ border-left:none}
.login_wrap .login_con .form_wrap .link > li:hover> a{ color:#111; text-decoration:underline}
.login_wrap .login_con .nomem_wrap{ float:right; border-left:1px solid #eee; padding-left:27px; width:240px;}
.login_wrap .login_con .nomem_wrap .tbox{ border:3px solid #f1f1f1; padding:20px;}
.login_wrap .login_con .nomem_wrap .tbox .t1{ font-weight:600; color:#333; font-size:.875em}
.login_wrap .login_con .nomem_wrap .tbox .t2{ color:#777; font-size:.75em; padding-top:10px; line-height:1.4}
.login_wrap .login_con .nomem_wrap .tbox .btn{ display:block; background:#999; color:#fff; font-size:.875em; font-weight:600; margin-top:60px; border:none; width:100%; line-height:40px}
.login_wrap .login_con .nomem_wrap .tbox .btn:hover{background:#666}
.login_wrap .login_con .nomem_wrap .tbox .btn.st1{ margin-top:5px}
.login_wrap .login_con .nomem_wrap .tbox .btn.st2{background:#777}
.login_wrap .login_con .nomem_wrap .tbox .inp{ border:1px solid #ccc; font-size:.75em; font-weight:600; padding:0 5%; line-height:30px; height:30px; width:90%; margin-top:5px}

.no_login_btn{ text-align:center; margin-top:5px;}
.no_login_btn .btn01{border:1px solid #12a28b; background:#12a28b; color:#fff; width:100%; height:40px; line-height:40px; font-weight:600; font-size:0.87em;}
.no_login_btn .btn01:hover{background:#0f8e7a;}

.login_wrap .login_top img{ width:auto}

/*join_agree*/
.join_wrap{ width:700px; margin:30px auto 100px}
.join_wrap .join_top{ padding:0 0 20px 0}
.join_wrap .join_top .logo{ width:190px; margin-bottom:10px}
.agree_all_wrap{ padding:20px; color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0057a6+0,7db9e8+100 */
background: #034ea2; /*#0057a6;*/ /* Old browsers */
/*background: -moz-linear-gradient(-45deg,  #0057a6 0%, #7db9e8 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(-45deg,  #0057a6 0%,#7db9e8 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(135deg,  #0057a6 0%,#7db9e8 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057a6', endColorstr='#7db9e8',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
}
.agree_all_wrap .t1{ font-size:.813em}
.agree_all_wrap .t2{ font-size:1em; font-weight:600; line-height:25px;}
.agree_all_wrap .t2_wrap{ margin-top:5px}
.agree_all_wrap.on{ background:#ddd; color:#777}
.agree_all_wrap.on .t2{ color:#111}
.agree_wrap{ background:#f5f5f5; padding:20px 20px 30px 20px; border-top:1px solid #0057a6}
.agree_wrap.fin{ padding-top:40px; padding-bottom:80px}
.agree_wrap .agree{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
.agree_wrap .agree:first-child{ margin-top:0; padding-top:0; border-top:none}
.agree_wrap .agree .agree_tit .tit{ font-weight:600; font-size:.938em; line-height:25px}
.agree_wrap .agree .agree_tit .tit .t1{ display:block; font-weight:normal; font-size:.75em}
.agree_wrap .agree.on .agree_tit .tit{ color:#111}
.agree_wrap .agree .agree_con{ background:#fff; border:1px solid #ddd; padding:5px; margin-top:10px; height:70px; font-size:.75em; color:#666; line-height:1.5; overflow:auto}

.agree_wrap2{ background:#f5f5f5; padding:20px 20px 30px 20px; margin-bottom:20px;}
.agree_wrap2.fin{ padding-top:40px; padding-bottom:80px}
.agree_wrap2 .agree{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
.agree_wrap2 .agree:first-child{ margin-top:0; padding-top:0; border-top:none}
.agree_wrap2 .agree .agree_tit .tit{ font-weight:600; font-size:.938em; color:#777; line-height:25px}
.agree_wrap2 .agree .agree_tit .tit .t1{ display:block; font-weight:normal; font-size:.75em}
.agree_wrap2 .agree .agree_tit .tit .st1{color:#F00; font-size:1em;}
.agree_wrap2 .agree.on .agree_tit .tit{ color:#111}
.agree_wrap2 .agree .agree_con{ background:#fff; border:1px solid #ddd; padding:5px; margin-top:10px; height:100px; font-size:.75em; color:#666; line-height:1.5; overflow:auto}

.agree_wrap3{ background:#f5f5f5; padding:20px 20px 30px 20px; margin-bottom:20px;}
.agree_wrap3.fin{ padding-top:40px; padding-bottom:80px}
.agree_wrap3 .agree{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
.agree_wrap3 .agree:first-child{ margin-top:0; padding-top:0; border-top:none}
.agree_wrap3 .agree .agree_tit .tit{ font-weight:600; font-size:.938em; color:#777; line-height:25px}
.agree_wrap3 .agree .agree_tit .tit .t1{ display:block; font-weight:normal; font-size:.75em}
.agree_wrap3 .agree.on .agree_tit .tit{ color:#111}
.agree_wrap3 .agree .agree_con{ background:#fff; border:1px solid #ddd; padding:5px; margin-top:10px; height:500px; font-size:.75em; color:#666; line-height:1.5; overflow:auto}


.agree_box{border:1px solid #ccc; background:#fff; margin-top:30px;}
.agree_box .agree_wrap2{background:#fff;}

.top_box { width:95%; margin:20px auto 0; border:1px solid #ccc; background:#f9f9f9; padding:20px; box-sizing:border-box; }
.top_box p { text-align:center; line-height:1.7; font-size:15px; font-weight:bold; color:#333; }
hr.line { border:none; border-bottom:1px solid #ccc; width:95%; }
.txt_email{ padding:0 40px;}

.join_wrap .agree_btn_wrap{ overflow:hidden}
.join_wrap .agree_btn_wrap > li{ float:left; width:50%}
.join_wrap .agree_btn_wrap .btn{ background:#ccc; font-weight:600; color:#666; height:50px; width:100%; border:none}
.join_wrap .agree_btn_wrap.on .btn,
.join_wrap .agree_btn_wrap .btn.c1{ background:#034ea2;/*#005aa6;*/ color:#fff}
.join_wrap .agree_btn_wrap .btn.c2{ background:#fff; color:#005aa6; border:1px solid #005aa6}

.join_form{ background:#fff; border:1px solid #ddd; padding:20px 20px 30px 20px; margin-top:10px; font-size:.938em;}
.join_form > li{ margin-top:15px}
.join_form > li:first-child{ margin-top:0}
.join_form .form_tt{ font-size:.75em; padding:5px 5px 0 5px; color:#888}
.join_form .msg .form_tt{  color:#3a84ff; }
.join_form input.validation-error{ border-color:#3a84ff !important; }
.join_form label.validation-error .form_tt{ color:#3a84ff}

.radioCheckWrap{ margin-top:10px}
.radioCheckWrap:first-child{ margin-top:0}
.radioCheckForm{ display:none}

/*lnb_my*/
.lnb_my{width:100%; height:150px; position:relative; background:url(../images/sub_mypage/tab_bg.jpg) no-repeat center center; margin-bottom:20px;}
.lnb_my.lnb_guide{background:url(../images/sub_guide/tab_bg.jpg) no-repeat center center;}
.lnb_my.lnb_cs .long{font-size:0.8rem!important;}
/*.lnb_my.lnb_cs{width:100%; height:150px; position:relative; background:url(../images/sub_cs/tab_bg.jpg) no-repeat center center; margin-bottom:20px;}*/
.lnb_my > ul{overflow:hidden; position:absolute; bottom:0; left:2%; width:96%; text-align:center; font-size:0;}
.lnb_my > ul li{display:inline-block; *display:inline; zoom:1; font-size:0.84rem; width:16.66%; background:rgba(0, 0, 0, 0.8); color:#fff; text-align:center; cursor:pointer; border-left:1px solid #555; box-sizing:border-box; height:35px; line-height:35px; vertical-align:middle;}
.lnb_my > ul li:hover{background:#2A2A2A}
.lnb_my > ul li:first-child{border-left:0;}
.lnb_my > ul li.on{background:#034ea2; /*#32c4bb;*/ color:#fff}

/*mypage*/
.my_page_tbl{width:100%; border-top:2px solid #666;}
.my_page_tbl thead tr td{background:#f9f9f9; padding:14px 0; color:#222; text-align:center; font-size:1em;}
.my_page_tbl tbody tr th{background:#f9f9f9; border-bottom:1px solid #ccc; padding:14px 0; color:#222; text-align:center; font-size:1em;}
.my_page_tbl tbody tr td{border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:14px 0; color:#666; text-align:center; font-size:0.92em;}
.my_page_tbl button{font-size:12px; min-width:60px; height:30px; margin:2px 0; padding:0 4px;}
.my_page_tbl button.co1{background:#333; color:#fff; border:1px solid #333;}
.my_page_tbl button.co2{background:#32c4bb; color:#fff; border:1px solid #32c4bb;}
.my_page_tbl tbody td.select_co{color:#ccc;}

.my_page_tbl tbody td .st1{font-weight:600; color:#333; padding-right:3px; vertical-align:bottom; font-size:1.30em;}
.my_page_tbl tbody td .prod_link{color:#333;}
.my_page_tbl tbody td .prod_img{display:inline-block; *display:inline; zoom:1; max-width:100px; vertical-align:middle; border:1px solid #ccc;}
.my_page_tbl tbody td .prod_name{display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:5px;}
.my_page_tbl tbody td .prod_name .p1{font-size:1em;}
.my_page_tbl tbody td .prod_name .p2{font-size:0.84em; color:#888;}
.my_page_tbl tbody td.td_same{border-bottom:1px solid #888; background:#f9f9f9}

.my_page_tbl .vol2{display:inline-block; *display:inline; zoom:1;}
.my_page_tbl .vol2 .inp{ float:left; width:20px; padding:0 10px; line-height:30px; height:30px; border:1px solid #ccc; border-right:none; text-align:right}
.my_page_tbl .vol2 .btn{ float:left}
.my_page_tbl .vol2 .btn .btn_st{ display:block; border:1px solid #ccc; height:16px; background:#fff; font-size:.438rem; width:25px}
.my_page_tbl .vol2 .btn .btn_st:first-child{ border-bottom:none}
.my_page_tbl .vol2 .btn .btn_st:hover{ background:#666; border-color:#666; color:#fff}

.price_info{ overflow:hidden; border-bottom:1px solid #ddd; padding:20px 0 20px 10px; text-align:right; width:100%; box-sizing:border-box; }
.price_info .price_tt{ float:left; width:20%; font-size:15px; font-weight:600; text-align:left; line-height:40px; }
.price_info .inner{ float:right; width:80%;}
.price_info .inner > ul{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center;}
.price_info .inner > ul.last_area{ text-align:right; padding:0 18px;}
.price_info .inner > ul > li{ font-size:15px;}
.price_info .inner > ul .num_wrap{ padding:3px 0 0 0;}
.price_info .inner > ul .num{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
.price_info .inner > ul > li.final_price{ text-align:center; color:#015196;}
.price_info .inner .symbol{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:5%; text-align:center; font-size:13px; font-weight:600;}

.price_area{ padding:20px 0; text-align:right;}
.price_area .price_info{ padding:20px 0; text-align:right;}
.price_area > p{ display:inline-block; *display:inline; zoom:1; font-size:15px; color:#888; font-weight:600;}
.price_area .prc{ font-size:1.6em; color:#015196; padding:0 0 0 15px; font-weight:normal;}
.price_area .prc_r{ font-size:1.6em; color:#ff3737; padding:0 0 0 15px; font-weight:normal;}
.price_area .won{ font-size:18px;}

.btn_area{margin-top:30px; text-align:center;}
.btn_area button{font-size:0.92em; font-weight:600; width:160px; padding:12px 0; border:0;}
.btn_area button.co1{background:#034ea2; /*#32c4bb;*/ color:#fff; border:1px solid #034ea2/*#32c4dd*/;}
.btn_area button.co2{background:#f9f9f9; color:#333; border:1px solid #ccc;}

.board_sub_tt{padding-left:10px;}

.input_t{border:1px solid #ccc; padding:6px 5px; vertical-align:middle; margin:2px 0;}
.input_s{width:100px;}
.input_t_a{height:100px; width:98%; padding:1%;}
.inp_w1{width:300px;}
.inp_w2{width:600px;}
.inp_w100p{width:100px;}
.inp_btn{width:100px;}
.my_page_tbl span{vertical-align:middle;}
.my_page_tbl.modify th{text-align:left; padding:6px 12px; min-height:34px;}
.my_page_tbl.modify td{text-align:left; padding:6px 12px; min-height:34px;}

.td_l{text-align:left!important;}
.w_select{width:8%;}
.w_order_num{width:16%;}
.w_auto{width:auto;}
.w_quantity{width:100px;}
.w_price{width:15%}
.w_status{width:15%}
.w_date{width:15%}
.w_view{width:90px}
.w_code{width:190px}
.w_stock{ width:100px;}

.no_tbl{width:100%; border-top:2px solid #666;}
.no_tbl td{border-bottom:1px solid #ddd; padding:80px 0; text-align:center;}

.title01{position:relative; padding:5px 0 5px 17px; font-size:1.23em; font-weight:600; color:#333;}
.title01::before{content:''; position:absolute; left:0; top:50%; width:12px; height:3px; background:#76d3ff;}

/*stock*/
.stock_top_wrap{ margin-bottom:20px;}
.stock_top_wrap .txt_wrap{ margin-top:10px; padding:15px 20px; background:#f5f5f5; border:1px dashed #ddd; border-radius:3px; color:#555;}

/*order_step*/
.order_step_wrap{margin-top:-2em; margin-bottom:30px; background:#f7f7f7; padding:1.5em 0; border-bottom:1px solid #ccc}
.order_step_wrap .order_step_tit{ float:left}
.order_step_wrap .order_step_tit .tit{ font-size:1.625em; font-family:ns,sans-serif; line-height:50px}
.order_step_wrap .order_step_tit .tit .xi{ margin:0 5px 0 10px; font-size:1.5em}
.order_step_wrap .order_step{ float:right; line-height:50px}
.order_step_wrap .order_step > li{ margin-left:40px; position:relative}
.order_step_wrap .order_step > li:first-child{margin-left:20px;}
.order_step_wrap .order_step > li .arrow{ position:absolute; left:-35px; top:2px; color:#ccc; font-size:2em}
.order_step_wrap .order_step > li .in{ padding:0 20px; border:1px solid #ddd;  border-radius:5px; color:#999}
.order_step_wrap .order_step > li .in .xi{ padding-right:5px}
.order_step_wrap .order_step > li .in .tt{ font-weight:600; font-size:.938em}
.order_step_wrap .order_step > li.on .in{ background:#fff; border-color:#aaa; color:#111}

.di_wrap{ font-size:0}
.di_wrap > *{display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem;}
.di_wrap > * > *{ display:block}

.order_dv{width:100%; max-width:720px; margin:0 auto;}
.order_dv .fin_ment01{font-size:2em; font-weight:600; color:#333; text-align:center; padding-top:30px;}
.order_dv .fin_ment02{border:1px solid #ccc; border-top:2px solid #888; margin:30px auto 0; text-align:center; padding:30px 20px; box-sizing:border-box; }
.order_dv .fin_ment02 .p1{font-size:1em; color:#444; line-height:23px;}
.order_dv .fin_ment02 .p1 .st1{font-size:1em; font-weight:600;}

.page_icon {background:url(../images/inc/tit_ico.png?v=01) no-repeat left 4px; font-size:1.25em; font-family:notokrM, sans-serif; padding-left:28px; padding-bottom:10px; font-weight:600; border-bottom:1px dashed #ddd; margin-bottom:10px;}

.sub_ricense .ul_st1{padding-left:23px;}
.sub_ricense .ul_st1 > li{font-size:1em; color:#666; margin-bottom:10px; padding-left:10px; position:relative;}
.sub_ricense .ul_st1 > li::before{content:''; position:absolute; left:0; top:9px; background:#06C; width:3px; height:3px;}
.sub_ricense .ul_st1 > li .st1{font-size:1em; font-weight:600; color:#333}

.sub_ricense .ul_st1 > li > ol{margin:20px 0 20px 10px;}
.sub_ricense .ul_st1 > li > ol > li{position:relative; color:#666; font-size:0.92em; padding-left:130px; margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #ddd; line-height:22px;}
.sub_ricense .ul_st1 > li > ol > li .posi_name{position:absolute; left:0; top:0; color:#222; font-size:1em; font-weight:600;}
.sub_ricense .ul_st1 > li > ol > li .posi_name i{padding-right:3px;}
.sub_ricense .ul_st1 > li > ol > li.st_c1,
.sub_ricense .ul_st1 > li > ol > li.st_c1 *{color:#F60;}

.sub_ricense .ul_st2 > li{font-size:0.92em; color:#666; margin-bottom:8px; padding-left:10px; position:relative;}
.sub_ricense .ul_st2 > li::before{content:''; position:absolute; left:0; top:7px; background:#666; width:3px; height:3px;}
.sub_ricense .ul_st2 > li .st1{font-size:1em; font-weight:600; color:#333}

.sub_ricense .ricense_in_dv{margin-top:30px; width:calc(100% - 20px); margin-left:20px; max-width:1100px; border:1px solid #ccc; border-top:2px solid #333; box-sizing:border-box; padding:20px; background:url(../images/sub_cs/ricense_bg.jpg) no-repeat 90% center; box-shadow:2px 2px 8px 1px rgba(0,0,0,0.2); }
.sub_ricense .ricense_in_dv .p1{font-size:1.25em; font-weight:600; color:#0060aa;}
.sub_ricense .ricense_in_dv .input_dv{margin:20px 0 30px;}

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

/*agree & privacy*/
.terms_area{ padding:20px; border-top:2px solid #888; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#f7f7f7; box-sizing:border-box; margin-bottom:30px;}
.terms_area .terms_box{ padding:30px 40px; border:1px solid #ccc; background:#fff; overflow-y:scroll; height:600px; }
.terms_area .terms_cont{ padding:0 0 35px 0; margin:0 0 15px 0; border-bottom:1px solid #dcdcdc;}
.terms_area .terms_cont .t1{ font-size:18px; font-weight:600; color:#000;}
.terms_area .terms_cont .t2{ font-size:15px; font-weight:600; color:#000; padding:20px 0 0 0;}
.terms_area .terms_cont .mg_st1{ margin:0 0 0 15px;}
.terms_area .terms_cont .mg_st2{ margin:0 0 0 25px;}
.terms_area .terms_cont .txt{ font-size:14px; color:#333; padding:10px 0 0 0; line-height:1.6;}

.terms_cont_last { border-bottom:none;}

.terms_area textarea{width:100%; box-sizing:border-box; min-height:500px; border:1px solid #ccc; padding:30px 40px}

.sub_sale .sub_sale_dv{width:100%; max-width:700px; margin:50px auto 0;}
.sub_sale .sale_in_dv{ width:calc(100% - 40px); margin:20px 20px 0 20px; max-width:1100px; border:1px solid #ccc; border-top:2px solid #333; box-sizing:border-box; padding:20px;  box-shadow:2px 2px 8px 1px rgba(0,0,0,0.2); }
.sub_sale .sale_in_dv .p1{font-size:1.25em; font-weight:600; color:#0060aa;}
.sub_sale .sale_in_dv .input_dv{margin:20px auto 30px;}
.sub_sale .sale_in_dv .input_dv .xi{font-size:1.4em; vertical-align:middle; color:#005aa6}
.sub_sale .sale_in_dv .input_dv .co1{background:#333; border:1px solid #333}

.sub_sale .ul_st1{padding-left:23px;}
.sub_sale .ul_st1 > li{font-size:1em; color:#666; margin-bottom:10px; padding-left:10px; position:relative;}
.sub_sale .ul_st1 > li::before{content:''; position:absolute; left:0; top:9px; background:#06C; width:3px; height:3px;}
.sub_sale .ul_st1 > li .st1{font-size:1em; font-weight:600; color:#333}

.sub_sale .label_icon span{vertical-align:middle; padding-right:10px; color:#005aa6; font-weight:600;}
.sale_in_dv .input_dv{text-align:center;}
.sale_in_dv .input_dv .label_icon{display:inline-block; *display:inline; zoom:1;}
.sale_in_dv .input_dv .input_st{display:inline-block; *display:inline; zoom:1;}
.sale_in_dv .input_dv .input_btn{display:inline-block; *display:inline; zoom:1;}

/**/
.category_wrap_btn{ display:none}

@media screen and (max-width:1400px){
	#header .top_wrap .logo{position:static;}
#header .top_wrap .etc_wrap .member_menu > li{margin-left:0.76em;}
#header .top_wrap .etc_wrap .member_menu > li:first-child{margin-left:0;}


}

@media screen and (max-width:1200px){
	#header .gnb_wrap .gnb{text-align:left;}
	#header .gnb_wrap .gnb > li{ width:14.28%; font-size:0.72rem;}
	#header .gnb_wrap .gnb > li > a{padding:0 2px;}

	.allSItemap_wrap .gnb > li .dp1,
	.allSItemap_wrap2 .gnb > li .dp1,
	.allSItemap_wrap3 .gnb > li .dp1{width:13%; font-size:1rem;}
	.allSItemap_wrap .gnb > li .dp2
	.allSItemap_wrap2 .gnb > li .dp2,
	.allSItemap_wrap3 .gnb > li .dp2{width:87%;}



}

@media screen and (max-width:1023px){
	body{ font-size:13px}

	#header .top_wrap .logo img{ max-width:120px}

	.allSItemap_wrap .gnb > li .dp2 > li,
	.allSItemap_wrap2 .gnb > li .dp2 > li,
	.allSItemap_wrap3 .gnb > li .dp2 > li{width:25%;}

	.modify.my_page_tbl th,
	.modify.my_page_tbl td{padding:14px 5px;}
	.inp_w100p{width:49px;}
	.board_sub_tt{display:block; padding-left:0;}
	.my_page_tbl.modify th{text-align:left; padding:6px 12px; min-height:14px;}
	.my_page_tbl.modify td{text-align:left; padding:6px 12px; min-height:14px;}

	.lnb_my.lnb_cs .long{font-size:0.7rem!important;}

	.stock_top_wrap .iw1{ width:45%;}

	.visual .swiper-slide > a{height:600px!important; background-size:150%;}

	#section1 .section01_tab .detail_wrap{float:none; width:100% !important}
	#section1 .section01_tab .tab_idx{float:none !important; width:100% !important; padding-left:0; margin-top:5px;}
	#section1 .section01_tab .tab_idx > li{float:left; width:20% !important; height:80px !important; box-sizing:border-box; border-width:3px}
	#section1 .section01_tab .tab_idx > li.on::before{content:none;}
	#section1 .section01_tab .tab_idx > li .bg{ background-size:cover !important}

	#section3 .section3_tab .tab_idx > li{font-size:0.84rem;}

	.view_top_wrap .info_wrap .info_bottom .btn_wrap > li{font-size:0.72rem;}
	.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .in{margin-left:5px;}

	#footer .menu_wrap .menu > li > a{padding:0 1em;}

}

@media screen and (max-width:768px){
	.pc_ver{display:none!important;}
	.mobile_ver{display:block!important;}

	.scrollAni{ display:none}


	#header .top_wrap .logo > a{ height:40px; padding-bottom:5px}
	.category_wrap_btn{ position:absolute; left:2.5%; top:32px; line-height:40px; text-align:center; display:block}
	.category_wrap_btn .xi{color:#fff; font-size:2em}
	#header .top_wrap{ padding-top:30px}
	#header .top_wrap .category_wrap{ position:absolute; left:2.5%; top:70px; width:100px; padding:5px 0; background:#000; border:1px solid #333; z-index:1; display:none}
	#header .top_wrap .category_wrap .xi{ display:none}
	#header .top_wrap .category_wrap > li{ display:block}
	#header .top_wrap .category_wrap > li > a{ padding-top:5px; padding-bottom:5px}
	#header .top_wrap .category_wrap > li:first-child > a{ padding-left:1em}
	#header .top_wrap .etc_wrap{ position: absolute; left:0; top:0; width:90%; padding:0 5%; text-align:right; border-bottom:1px solid #333}
	#header .top_wrap .etc_wrap .search_wrap{ position:absolute; left:2.5%; top:36px; margin-left:30px}
	#header .top_wrap .etc_wrap .sns_menu{ position:absolute; right:2.5%; top:36px}
	#header .top_wrap .etc_wrap .sns_menu > li > a{ width:25px}
	#header .top_wrap .etc_wrap .sns_menu > li > a .xi{ font-size:1rem}

	.allSItemap_wrap .logo,
	.allSItemap_wrap2 .logo,
	.allSItemap_wrap3 .logo{ padding-top:5px}
	.allSItemap_wrap .logo img,
	.allSItemap_wrap2 .logo img,
	.allSItemap_wrap3 .logo img{ max-width:120px}
	.allSItemap_wrap .xi-close,
	.allSItemap_wrap2 .xi-close,
	.allSItemap_wrap3 .xi-close{ font-size:1.5em; top:6px; right:10px}

	.allSItemap_wrap .gnb > li .dp1,
	.allSItemap_wrap2 .gnb > li .dp1,
	.allSItemap_wrap3 .gnb > li .dp1{font-size:0.87rem; width:100%; background:#222; border-bottom:1px solid #666;}

	.allSItemap_wrap .gnb > li .dp2 > li > a,
	.allSItemap_wrap2 .gnb > li .dp2 > li > a,
	.allSItemap_wrap3 .gnb > li .dp2 > li > a{font-size:0.72em; padding:10px 3px;}

	.allSItemap_wrap .gnb > li .dp2 > li::before,
	.allSItemap_wrap2 .gnb > li .dp2 > li::before,
	.allSItemap_wrap3 .gnb > li .dp2 > li::before{background:none;}

	.allSItemap_wrap .gnb > li .dp2,
	.allSItemap_wrap2 .gnb > li .dp2,
	.allSItemap_wrap3 .gnb > li .dp2{ width:100%}

	.allSItemap_wrap .gnb > li .dp2 > li,
	.allSItemap_wrap2 .gnb > li .dp2 > li,
	.allSItemap_wrap3 .gnb > li .dp2 > li{width:33.33%;}

	.section{ height: auto !important}
	.visual .swiper-slide > a{ background-size:cover; height:840px !important}

	.main #header .header_bg{ opacity:1 !important}

	#header .top_wrap .category_wrap{float:none;}
	#header .top_wrap .etc_wrap{float:none;}
	#header .top_wrap .etc_wrap .member_menu > li > a{line-height:30px;}
	#header .top_wrap .etc_wrap .search_wrap .btn{line-height:30px; width:30px}
	#header .top_wrap .etc_wrap .sns_menu > li > a{margin:auto;}
	#header .top_wrap .category_wrap > li > a .xi{line-height:30px;}
	#header .top_wrap .category_wrap > li > a .tt{line-height:29px; font-size:12px;}
	#header .top_wrap .etc_wrap .search_wrap .search_box{ top:40px;}

	#header .gnb_wrap .gnb{display:none;}

	#contents .doc{padding:2em 10px 7em 10px;}

	.list_cate_wrap .list_cate .gnb > li .dp2 > li{width:25%!important;}
	.list_cate_wrap .list_cate .gnb > li .dp2 > li > a{font-size:0.84em; height:40px;}

	.prod_list > li{width:50%;}
	.prod_st .prod_tit > a{font-size:0.84em;}
	.prod_st .prod_info{padding:5px 0;}


	.list_prod_top .total{float:none; margin-bottom:5px;}
	.list_prod_top .btn{float:none; display:block;}
	.list_prod_top .btn > li > a{width:60px;}

	.best_icon{line-height:30px; font-size:0.84em; padding:0 6px;}
	.best_icon .xi{line-height:30px;}

	.page_icon{padding-top:2px; background:url(../images/inc/tit_ico.png?v=01) no-repeat left -1px;}
	.sub_ricense .ul_st1{padding-left:6px;}
	.sub_ricense .ul_st1 > li::before{top:5px;}
	.sub_ricense .ricense_in_dv{margin-left:10px; padding:10px; background:url(../images/sub_cs/ricense_bg.jpg) no-repeat 0 10px;}
	.sub_ricense .ricense_in_dv .p1{margin-bottom:210px;}


	.lnb_my > ul li{width:50%; border-bottom:1px solid #555;}
	.lnb_my.width3 > ul li{width:33.33%;}

	.login_wrap .login_con .nomem_wrap{width:100%; border-left:0; padding-left:0; margin-top:20px; padding-top:20px; border-top:1px solid #ccc;}
	.login_wrap .login_con .nomem_wrap .tbox{padding:20px 10px; height:auto;}
	.login_wrap .login_con .form_wrap{width:100%;}
	.login_wrap{width:100%;}
	.form{width:100%;}

	.join_type > li{width:50%;}
	.join_wrap{width:100%;}
	.agree_all_wrap{padding:10px;}
	.agree_wrap{padding:20px 10px;}
	.join_form{padding:10px; }
	.agree_wrap .agree{padding-top:10px; margin-top:10px;}
	.agree_box{margin-top:10px;}

	.login_wrap .login_top .logo{display:none;}
	.login_wrap{padding:0;}
	.login_wrap .login_top{padding:10px 0 30px;}
	.join_wrap .join_top .logo{display:none;}

	.modify.my_page_tbl th{padding:6px 7px;}
	.btn_area button{width:140px;}

	.terms_area .terms_box{padding:10px 10px;}
	.terms_area textarea{padding:10px 10px;}

	.view_top_wrap .img_wrap{width:100%; float:none;}
	.view_top_wrap .info_wrap{width:100%; float:none;}
	.view_top_wrap .info_wrap .info_top .tit .prodTit{font-size:2.75em;}
	.mall_btn{padding:0 6px; min-width:40px; line-height:50px;}
	.view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s2{width:15%;}
	.view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s1{width:35%;}
	.view_wrap .tab_ul li{width:50%;}
	.view_wrap .tab_ul li.on::before{content:none;}

	#section1 .section01_tab .tab_idx > li{width:33.33%;}

	.section01_tit{ background-size:cover !important}
	.section01_tit .tit_p{padding:30px 0; font-size:1.75em}
	#section1 .section01_tab{padding-bottom:5px;}

	#section3 .section3_tab .prod_dv { border:none}
	#section3 .section3_tab .prod_dv .l_dv{width:100%; text-align:center;}
	#section3 .section3_tab .prod_dv .prod_list{width:100%;}
	#section3 .section3_tab .prod_dv .prod_list ul li{width:50%;}

	#section3 .section3_tab .prod_dv .prod_list.big{ width:100%}

	#section3 .section3_tab .tab_idx > li.on::before{content:none;}
	#section3 .section3_tab .tab_idx > li{width:25%;}
	#section3 .section3_tab .prod_dv .prod_list ul{margin-left:-10px; padding:10px;}
	#section3 .section3_tab .prod_dv .prod_list ul li .border_dv{margin-left:10px;}

	.main .nav .menu > li > a{background-size:70px;}

	.sub_sale .sale_in_dv{padding:10px;  margin:20px 0 0 0 ; width:100%;}

	.sale_in_dv .input_dv .input_st{width:100px;}
	.sub_sale .ul_st1{padding-left:0;}

	#footer .menu_wrap{display:none;}

	#footer .banner_wrap .banner > li{width:100%;}
	#footer .cs_wrap .cs_box .tt2{text-align:left!important; font-size:12px;}
	#footer .cs_wrap .cs_box .tt1{font-size:16px;}
	#footer .cs_wrap .cs_box .cs_con{margin-top:0;}
	#footer .cs_wrap .cs_box .inner{margin-left:0; padding-left:0; border-left:0;}
	#footer .cs_wrap .cs_box{width:100%;}
	#footer .cs_wrap .size1.cs_box{width:100%;}
	#footer .cs_wrap .cs_box .cs_icon{display:none;}

	#footer .cs_wrap .cs_box.cs_box3{float:left; width:50%; margin-top:20px;}
	#footer .cs_wrap .cs_box.cs_box2{float:left; width:48%; margin-right:2%; margin-top:20px;}
	#footer .cs_wrap .cs_box .link > li{width:25%;}

	#footer .info_wrap .info{padding-right:130px;}
	#footer .info_wrap .logo{width:130px;}
}

@media screen and (max-width:550px){
	#header .top_wrap .etc_wrap .member_menu{float:none;}
	#header .top_wrap .etc_wrap .search_wrap .search_box{left:0; margin-left:0;}
	#header .top_wrap .etc_wrap .search_wrap .search_box::before{right:0; margin-right:0; left:10px;}
}