@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ margin-left:3%; margin-right:90px;}
.box1{max-width:1200px; margin:0 auto;}
.box2{width:1520px; max-width:95%; margin:0 auto;}
.box3{width:1420px; max-width:95%; margin:0 auto;}
.pc_hide{ display:none}

::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.detail_left_sm{width:1200px; margin-right:auto;}

/*header*/
#header{ position:absolute; z-index:999; top:0; left:0; right:0;}
#header.fix{ position:fixed;}
#header.fix .top_wrap{ display:none;}
#header.fix .gnb_wrap{border-top:none;}

#header .top_top{ position:relative; z-index:999; background:#fff; text-align:center; border-bottom:1px solid #f5f5f5;}
#header .top_top .vm_wrap{ height:40px;}
#header .top_top .logo{ display:inline-block; *display:inline; zoom:1;}
#header .top_top .menu_wrap{ }
#header .top_top .menuL{}
#header .top_top .menuR{float:right; text-align:left;}
#header .top_top .menu_wrap a{ display:block;}
#header .top_top .menu_wrap li:hover a{ color:#4391e3; transition:.2s;}
#header .top_top .menuL .xi,
#header .top_top .menuL .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

#header .top_top .menu_home{}
#header .top_top .menu_home > li > a{ margin:0 .2em; color:#111;}
#header .top_top .menu_home > li:first-child > a{ padding-left:0; margin-left:0;}
#header .top_top .menu_home .xi{ font-size:1.125em; padding-right:.1em; margin-top:-.1em; background:#f8f8f8; border-radius:100%; width:25px; height:25px; line-height:25px; text-align:center; border:1px solid #eee; color:#aaa;}
#header .top_top .menu_home .tt{ font-size:.750em; color:#999; font-family:'notokrR', sans-serif;}
#header .top_top .menu_home > li.face_st:hover .xi {background:#1d4b98; color:#fff; transition:.3s;}
#header .top_top .menu_home > li.naver_st:hover .xi {background:#33cc00; color:#fff; transition:.3s;}

#header .top_top .menu_mem > li{margin-left:1em; vertical-align:middle;}
#header .top_top .menu_mem > li > a{color:#555; vertical-align:middle;}
#header .top_top .menu_mem > li:first-child > a{ padding-left:0;}
#header .top_top .menu_mem .xi {font-size:.938em; vertical-align:middle; padding-right:5px;}
#header .top_top .menu_mem .tt{ font-size:.750em; vertical-align:middle;}
#header .top_top .menu_mem .arrow{ font-size:.688em; padding-left:.3em;}
#header .top_top .menu_mem .arrow:before{ content:"\e941";}

#header .top_top .menu_wrap .down_btn{ position:relative;}
#header .top_top .menu_wrap .down_btn .list{ position:absolute; top:100%; left:-10px; right:-10px; background:#fff; border:1px solid #393a3e; padding:5px 0; z-index:10;}
#header .top_top .menu_wrap .down_btn .list > li > a{ display:block; text-align:left; padding:5px 8px; font-size:.750em; color:#555;}
#header .top_top .menu_wrap .down_btn .list > li > a:hover{ background:#f9f9f9; color:#000;}
#header .top_top .menu_wrap .down_btn .down_con{ display:none;}
#header .top_top .menu_wrap .down_btn:hover .down_con{ display:block;}

#header .top_wrap{ position:relative; z-index:999; background:#fff; border-bottom:1px solid #eee; text-align:center;}
#header .top_wrap .vm_wrap{ height:100px;}
#header .top_wrap .logo{ display:inline-block; *display:inline; zoom:1;}
#header .top_wrap .menu_wrap{ position:absolute; top:0; height:100%; text-transform:uppercase;}
#header .top_wrap .menuL{ left:0; text-align:left;}
#header .top_wrap .menuR{ right:0; text-align:right;}
#header .top_wrap .menu_wrap a{ display:block;}
/*#header .top_wrap .menu_wrap li:hover a{ color:#e2426c; transition:.2s;}*/
#header .top_wrap .menuL .xi,
#header .top_wrap .menuL .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

#header .top_wrap .menu_home{ padding:1.5em 0 1em 0;}
#header .top_wrap .menu_home > li > a{ padding:0 .5em; color:#111;}
#header .top_wrap .menu_home > li:first-child > a{ padding-left:0;}
#header .top_wrap .menu_home .xi{ font-size:1.250em; padding-right:.1em; margin-top:-.1em;}
#header .top_wrap .menu_home .tt{ font-size:.813em; font-weight:700;}

#header .top_wrap .menu_mem > li > a{ padding:0 .8em .5em .8em; color:#555;}
#header .top_wrap .menu_mem > li:first-child > a{ padding-left:0;}
#header .top_wrap .menu_mem .tt{ font-size:.750em; display:block;}
#header .top_wrap .menu_mem .arrow{ font-size:.688em; padding-left:.3em;}
#header .top_wrap .menu_mem .arrow:before{ content:"\e941";}

#header .top_wrap .menu_wrap .cart_wrap{position:relative; display:inline-block; cursor:pointer; margin-right:2em;}
#header .top_wrap .menu_wrap .cart_wrap .cart_icon .xi{font-size:2.3em; position:relative; z-index:3;}
#header .top_wrap .menu_wrap .cart_wrap .cart_icon .count{position:absolute; right:-5px; top:-4px; z-index:4; display:block; width:25px; height:25px; line-height:25px; color:#4391e3; font-size:.875em; text-align:center; border-radius:50%; background:#d9e9f9;}
#header .top_wrap .menu_wrap .cart_wrap .cart_icon .tit {font-size:.75em; display:block; text-align:center;}
#header .top_wrap .menu_wrap .cart_wrap .cart_icon:hover .xi {color:#4391e3; transition:.2s;}

#header .top_wrap .menu_wrap .down_btn{ position:relative; display:inline-block;}
#header .top_wrap .menu_wrap .down_btn .btn_icon {font-size:2.25em;}
#header .top_wrap .menu_wrap .down_btn .list{ position:absolute; top:100%; left:-10px; right:-10px; background:#fff; border:1px solid #393a3e; padding:10px 0;}
#header .top_wrap .menu_wrap .down_btn .list > li > a{ display:block; text-align:left; padding:5px 8px; font-size:.813em; color:#555;}
#header .top_wrap .menu_wrap .down_btn .list > li > a:hover{ background:#f9f9f9; color:#000;}
#header .top_wrap .menu_wrap .down_btn .down_con{ display:none; z-index: 9999;}
#header .top_wrap .menu_wrap .down_btn:hover .down_con{ display:block;}
#header .top_wrap .menu_wrap .down_btn:hover .btn_icon {color:#4391e3; transition:.2s;}

#header .top_wrap .menu_shopping{ display:inline-block; *display:inline; zoom:1; padding:.5em 0 .9em 0; margin-right:.5em;}
#header .top_wrap .menu_shopping > li{ margin-left:.8em;}
#header .top_wrap .menu_shopping > li > a{ position:relative;}
#header .top_wrap .menu_shopping .xi{ font-size:1.750em; color:#2b2b2b;}
#header .top_wrap .menu_shopping .num{ position:absolute; top:36%; left:60%; width:1.8em; line-height:1.8em; border-radius:50%; background:#e2426c; font-size:.750em; color:#fff; font-weight:700; letter-spacing:-1px; text-align:center;}

#header .top_wrap .menu_etc{ margin-right:-.8em;}
#header .top_wrap .menu_etc > li > a{ position:relative; padding:0 .8em; font-size:.875em; color:#111; font-weight:700;}
#header .top_wrap .menu_etc > li > a:before{ content:""; position:absolute; left:0; top:15%; width:1px; height:70%; background:#e0dbd6;}
#header .top_wrap .menu_etc > li:first-child > a:before{ display:none;}

/**/
#header .gnb_wrap{ position:relative; background:#fff; border-bottom:1px solid #4391e3; text-align:left;}
#header .gnb_wrap .vm_wrap{ height:60px;}
#header .gnb_wrap .btn{ background:#4391e3; width:60px; height:60px;}
#header .gnb_wrap .btn .xi {color:#fff; font-size:2em;}
#header .gnb_Menu{width:100%; display:inline-block; text-align:center;}
#header .all_btn{position:absolute; left:0; top:0;}
#header .all_btn .ham{ position:relative; display:block; margin:0 auto; width:20px !important; left:-2px;}
#header .all_btn .ham,
#header .all_btn .ham:before,
#header .all_btn .ham:after { width:25px; height:2px; background:#fff; transition:.2s;}
#header .all_btn .ham:before,
#header .all_btn .ham:after { content:""; position:absolute; left:0;}
#header .all_btn .ham:before{ top:-8px;}
#header .all_btn .ham:after { bottom:-8px;}
#header .all_btn:hover .ham{ left:0; width:25px !important;}

html.on #header .all_btn .ham{ background-color:transparent !important;}
html.on #header .all_btn .ham:before,
html.on #header .all_btn .ham:after { left:0 !important; top:0; bottom:auto; height:3px;}
html.on #header .all_btn .ham:before{ transform: rotate(-45deg);}
html.on #header .all_btn .ham:after { transform: rotate(45deg);}

#header .gnb_wrap .gnb{ display:inline-block; *display:inline; zoom:1;}
#header .gnb_wrap .gnb .dp2 > li{ display:inline-block; *display:inline; zoom:1; position:relative;}
#header .gnb_wrap .gnb .dp2 > li > a{ padding:0 1em; font-size:1.125em; color:#777; font-family:'notokrM', sans-serif;}
#header .gnb_wrap .gnb .dp2 > li .arrow:after{ content:"\e941"; font-family:xeicon; font-size:.813em; padding-left:.3em;}
#header .gnb_wrap .gnb .dp2 > li:hover > a,
#header .gnb_wrap .gnb .dp2 > li.on > a{ color:#aaa;}
#header .gnb_wrap .gnb .dp3{ position:absolute; top:80%; left:50%; width:160px; margin-left:-81px; padding:.6em 0; background:#fff; border:1px solid #ccc; display:none; text-align:left; z-index:10;}
#header .gnb_wrap .gnb .dp3 > li{ padding:0 .6em;}
#header .gnb_wrap .gnb .dp3 > li > a{ display:block; position:relative; padding:.7em .6em; border-top:1px solid #eee; font-size:.750em; color:#444; font-family:'notokrR', sans-serif;}
#header .gnb_wrap .gnb .dp3 > li:first-child > a{ border-top:none;}
#header .gnb_wrap .gnb .dp3 > li:hover > a{ background:#f9f9f9; color:#000}
#header .gnb_wrap .gnb > li:not(.m_product):not(.m_sub),
#header .gnb_wrap .gnb > li .dp1,
#header .gnb_wrap .gnb .dp2 .item{ display:none;}

#header .gnb_wrap .opt_menu{ position:absolute; top:0; right:0; height:100%;}
#header .gnb_wrap .opt_menu > li{ position:relative; margin-left:1.2em;}
#header .gnb_wrap .opt_menu > li:first-child{ margin-left:0;}
#header .gnb_wrap .opt_menu > li > a{ font-size:.938em; color:#777777; text-transform:uppercase;}
#header .gnb_wrap .opt_menu > li.event > a{color:#4971e3}
#header .gnb_wrap .opt_menu .xi,
#header .gnb_wrap .opt_menu .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#header .gnb_wrap .opt_menu .xi{ padding-right:.1em;}
#header .gnb_wrap .opt_menu .tt{}

#header .siteMap_wrap{ position:absolute; z-index:99; top:100%; left:0; width:100%; padding:1em 0 3em 0; background:#fff; border-bottom:1px solid #e0dbd6; box-shadow:0 3px 8px rgba(0,0,0,.15); display:none;}
#header .siteMap_wrap .gnb{ text-align:left;}
#header .siteMap_wrap .gnb .vm_wrap{ text-align:left;}
#header .siteMap_wrap .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; text-align:left; width:13%;}
#header .siteMap_wrap .gnb > li.m_product{ width:59%;}
#header .siteMap_wrap .gnb > li .dp1{ height:50px; font-size:.938em; color:#000; text-transform:uppercase;}
/* #header .siteMap_wrap .gnb > li .dp1{ font-size:.938em; color:#000; text-transform:uppercase;} */
#header .siteMap_wrap .gnb > li .dp2{ margin-top:.6em;}
#header .siteMap_wrap .gnb > li .dp2 > li > a{ padding:.3em 0; font-size:.813em; text-transform:uppercase;}
#header .siteMap_wrap .gnb > li.m_product .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:30%; padding-bottom:2em;}
#header .siteMap_wrap .gnb > li.m_product .dp2 > li > a{ padding:1em 0 .8em 0; border-top:1px solid #111;}
#header .siteMap_wrap .gnb > li.m_product .dp2 .item{ display:block; padding-bottom:0;}
#header .siteMap_wrap .gnb > li.m_product .dp2 .item > a{ margin-top:-1px; padding:.8em 1.5em; background:#F8F5F2; border:1px solid #e0dbd6; color:#4391e3;}
#header .siteMap_wrap .gnb > li.m_product .dp3 {display:none;}
#header .siteMap_wrap .gnb > li.m_product .dp3 > li > a{ display:block; padding:.3em 0; font-size:.750em; color:#777;}
#header .siteMap_wrap .gnb > li .dp2 a:hover,
#header .siteMap_wrap .gnb > li .dp2 a:hover > span{ text-decoration:underline;}
#header .siteMap_wrap .gnb > li.m_mypage,
#header .siteMap_wrap .gnb > li.m_guide { display:none;}
html.on #header .siteMap_wrap{ display:block;}

#header .search_wrap{ border:1px solid #ddd; border-radius:.4em; padding:.5em 1em; font-size:.875em}
#header .search_wrap form{ display:block}
#header .search_wrap .inp{ width:13em; border:none}
#header .search_wrap .btn{ background:none; border:none; margin-left:1em}
#header .search_wrap .btn .xi{ font-size:1.75em; color:#222}

/*footer*/
#footer{}
#footer .copyright_only{ padding:1em 0; text-align:center; font-size:.75em; color:#757575}
#footer .cs_wrap{ border-top:1px solid #2c2c2c; background:#fff; padding:2em 0 4em 0}
#footer .cs_wrap .left{ flex:1 1 auto}
#footer .cs_wrap .right{ margin-left:5em}
#footer .cs_wrap .cs_tit{ color:#666; margin-bottom:1em; display:block; font-size:.875em; font-family:'notokrM', sans-serif}
#footer .cs_wrap .cs_tit .more{ margin:0 0 0 .5em}
#footer .cs_wrap a.cs_tit:hover{ color:#111}
#footer .cs_wrap .cs_con .t1{ font-size:1.125em; color:#222; font-family:'notokrR', sans-serif; padding:.25em 0 .5em 0}
#footer .cs_wrap .cs_con .t1.tel_st {font-size:1.438em;}
#footer .cs_wrap .cs_con .t1 .cs_st {padding-right:5px; font-size:1em !important;}
#footer .cs_wrap .cs_con .t2{ font-size:.750em; color:#777; line-height:1.5;}
#footer .cs_wrap .cs_con .board .tt{ font-size:.750em; color:#777; width:15em; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:.75em; line-height:1.5;}
#footer .cs_wrap .cs_con .board .tt:hover{ text-decoration:underline; color:#555}
#footer .cs_wrap .app{ border:1px solid #ddd; padding:0 1.5em; line-height:3em; font-size:.813em; color:#333; border-radius:3em; margin-right:1.5em; transition:.3s}
#footer .cs_wrap .app .tt{ padding:0 1em 0 .5em}
#footer .cs_wrap .app:hover{ background:#333; color:#fff; border-color:transparent}
#footer .cs_wrap .sns > li{ flex:1 1 auto}
#footer .cs_wrap .sns > li > a{ display:block; font-size:.813em; border:1px solid #ddd; border-radius:.5em; color:#aaa; text-align:center; margin-left:.5em; transition:.3s; padding:1em 0; width:6.5em; line-height:1.8em;}
#footer .cs_wrap .sns > li > a .tt {display:block; color:#777; font-size:.875em;}
#footer .cs_wrap .sns > li > a .xi{ font-size:1.75em; padding-bottom:5px;}
#footer .cs_wrap .sns > li > a:hover{}
#footer .cs_wrap .sns > li > a:hover .xi {color:#4391e3; transition:.3s;}
#footer .cs_wrap .sns > li > a:hover .tt {color:#4391e3; transition:.3s;}

#footer .link_wrap{ border:1px solid #ddd; border-left:none; border-right:none;}
#footer .link_wrap .menu > li > a{ display:block; font-size:.813em; color:#333; margin-right:2.5em;  font-family:'notokrM', sans-serif}
#footer .link_wrap .menu > li > a:hover{ color:#111; text-decoration:underline}
/*#footer .link_wrap .top{ width:4em; height:3.5em; background:#a3a3a3; color:#fff; text-align:center; transition:.3s}
#footer .link_wrap .top .xi{ margin-top:10%}
#footer .link_wrap .top .tt{ display:block; font-size:.688em}
#footer .link_wrap .top:hover{ background:#4391e3}*/

/*new style*/
#footer .link_wrap > div{ height:3.5em;}
#footer .link_wrap .top{ position:fixed; z-index:1002; bottom:1em; right:2em; width:4em; height:4em; background:#a3a3a3; border-radius:100%; color:#fff; text-align:center; opacity:0; visibility:hidden; transform:translateY(6em); transition:.3s}
#footer .link_wrap .top .xi{ margin-top:17%}
#footer .link_wrap .top .tt{ display:block; font-size:.688em}
#footer .link_wrap .top:hover{ background:#4391e3}
.scroll #footer .link_wrap .top{ opacity:1; visibility:visible; transform:translateY(0);}
/**/

#footer .info_wrap{ padding:2.5em 0 5em 0}
#footer .info_wrap .info{ font-size:.813em; color:#666; letter-spacing:0; padding:.3em 0;  font-family:'notokrM', sans-serif}
#footer .info_wrap .info > li{ margin-right:3em}
#footer .info_wrap .info > li .info_in_tt{padding-left:5px; text-decoration:underline; transition:.3s;}
#footer .info_wrap .info > li.copyright{ flex-basis:100%; margin-top:1.5em; color:#aaa; font-size:.875em; font-family:'notokrR', sans-serif}
#footer .info_wrap .info > li .info_in_tt:hover {color:#4391e3; transition:.3s;}

/**/
.blink{animation-name: blinkAni; animation-duration:1.8s ;animation-iteration-count:infinite;}
@keyframes blinkAni{
25% {opacity:0}
75% {opacity:1}
}

/*MAIN*/
.main_Visual_w{ position:relative;}
.main_Visual_w .main_visual .visual_in {margin-left:-30px;}
.main_Visual_w .main_visual .visual_in .img_wrap {margin-left:30px;}
.main_Visual_w .main_visual .visual_in .img_wrap .img {display:block;}
.main_Visual_w .main_visual .visual_in .img_wrap .img img {border-radius:.5em;}
.main_Visual_w .main_visual .arrow_wrap{ position:absolute; top:50%; left:0; width:100%;}
.main_Visual_w .main_visual .arrow_wrap > li{ position:absolute; top:-1.4em; text-align:center; cursor:pointer;}
.main_Visual_w .main_visual .arrow_wrap > li.prev{ left:-3em;}
.main_Visual_w .main_visual .arrow_wrap > li.next{ right:-3em;}
.main_Visual_w .main_visual .arrow_wrap > li .xi{ font-size:1.875em; transition:.2s; color:#000;}
.main_Visual_w .main_visual .arrow_wrap > li:hover .xi{ }

/**/
.main_Tit_wrap {text-align:center; margin-bottom:3em;}
.main_Tit_wrap .line {margin:0 auto; width:40px; height:1px; background:#000; display:block;}
.main_Tit_wrap .t1 {margin:20px 0 20px 0; font-size:1.688em; color:#000; font-family:'notokrR', sans-serif;}
.main_Tit_wrap .t2 {font-family:'notokrR', sans-serif; color:#999; font-size:1em;}

/**/
.main_Con1 {margin-bottom:50px;}
.main_Con1 .banner1 {display:block; height:0; padding-bottom:7.5%; }
.main_Con1 .banner1 img {border-radius:.5em;}

/**/
.main_Con2 {margin-bottom:40px;}
.main_Con2 .main_con2_in{overflow:hidden;}
.main_Con2 .main_con2_in .con2_wrap {float:left; width:79%; box-sizing:border-box;}
.main_Con2 .main_con2_in .con2_wrap.st {float:right; width:21%; box-sizing:border-box;}
.main_Con2 .main_con2_in .con2_wrap .con2_wrap_in {margin-right:40px;}
.main_Con2 .main_con2_in .con2_wrap.st .con2_wrap_in {margin-right:0;}
.main_Con2 .main_con2_in .con2_wrap .con_w {overflow:hidden;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con {width:50%; float:left;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in{background-repeat:no-repeat; background-position:center right; border:1px solid #ddd;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in.resize {padding-bottom:55% !important;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in.bg1 {margin-right:10px;}
/*.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in.bg1 {background-image:url(../images/main/con2_bg01.jpg); margin-right:10px;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in.bg2 {background-image:url(../images/main/con2_bg02.jpg);}*/
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap{}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .pd {padding:2em;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .t1 {font-family:'notokrR', sans-serif; font-size:.875em; color:#999;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .t2 {font-family:'notokrB', sans-serif; font-size:1.625em; color:#555; padding-bottom:20px; padding-top:30px;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .t2 .col {color:#4b9e84;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .t3 {font-family:'notokrR', sans-serif; font-size:.813em; color:#333; height:2em;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap.st2 .t2 {color:#00a0a9;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .more {display:block; padding-top:50px;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .more .tt {font-size:.875em; color:#999; vertical-align:middle; margin-right:10px;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .more .xi {font-size:.938em; color:#999; vertical-align:middle; }
.main_Con2 .main_con2_in .con2_wrap .con_w .con:hover .con_in .txt_wrap .more .tt {color:#4391e3; transition:.3s;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con:hover .con_in .txt_wrap .more .xi {color:#4391e3; transition:.3s; transform:rotate(90deg)}

.main_Con2 .showslide{ border:1px solid #ddd; position:relative; background:#fff; box-sizing:border-box; /*float:left; width:48%;*/ }
.main_Con2 .showslide li{position:relative;}
.main_Con2 .showslide .img .in{ padding:0; position:relative; cursor:pointer; overflow:hidden;}
.main_Con2 .showslide .flex-direction-nav{/* overflow:hidden;*/ position:absolute; bottom:0; left:0; right:0; z-index:1;}
.main_Con2 .showslide .flex-direction-nav > li{}
.main_Con2 .showslide .flex-direction-nav > li.flex-nav-prev {float:left;}
.main_Con2 .showslide .flex-direction-nav > li.flex-nav-next {float:right;}
.main_Con2 .showslide .flex-direction-nav > li > a{ display:block; border:none; text-align:center; line-height:28px; color:#333; transition:.3s; width:40px; height:40px; line-height:40px; background:rgba(255,255,255,.5);}
.main_Con2 .showslide .flex-direction-nav > li:last-child > a{border-left:none !important;}
.main_Con2 .showslide .flex-direction-nav > li > a:before{ font-family:xeicon!important}
.main_Con2 .showslide .flex-direction-nav > li > a.flex-prev:before{content:"\e93d"; font-size:1.063em;}
.main_Con2 .showslide .flex-direction-nav > li > a.flex-next:before{content:"\e940"; font-size:1.063em;}
.main_Con2 .showslide .flex-direction-nav > li > a.flex-next{ border-left:1px solid #ddd}
.main_Con2 .showslide .flex-direction-nav > li > a:hover{ background:#aaa; color:#fff}

/**/
.main_Con3 {}
.main_Con3 .main_con3_wrap {position:relative;}
.main_Con3 .main_con3_wrap .bg {background:#f6f6f6; display:block; position:absolute; left:0; top:0; width:60%; height:100%;}
.main_Con3 .main_con3_wrap .main_con3_in {}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap {}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap:after{ display:block; clear:both; content:'';}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left {float:left; width:70%; position:relative;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .right {float:right; width:30%;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in {margin-right:40px; }
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w {}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con {}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con.st1 {width:30%}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con.st2 {width:70%;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in {}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in .tw {padding:160px 0;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in .tw .logo_img {}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in .tw .t1 {color:#001111; font-size:1.375em; font-family:'notokrB', sans-serif; padding-top:23px;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in .tw .t2 {color:#009ee2; font-size:.875em; font-family:'notokrR', sans-serif; padding:30px 0 20px 0;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in .tw .t3 {color:#999; font-size:.875em; font-family:'notokrR', sans-serif;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in .tw .line {position:relative; margin:30px 0; display:block;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in .tw .line:before {position:absolute; content:""; height:1px; width:280px; background:#001111; left:0; top:0; z-index:11;}

.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .right .con_in {border:1px solid #ddd; padding:1.5em 0 0 0;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .right .con_in .tw {text-align:center;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .right .con_in .tw .t1 {font-family:'notokrR', sans-serif; font-size:1.5em; color:#010101;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .right .con_in .tw .t2 {font-family:'notokrB', sans-serif; font-size:1.563em; color:#010101; padding-bottom:15px;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .right .con_in .tw .t3 {font-family:'notokrR', sans-serif; font-size:.875em; color:#999;}

.main_Con3 .showslide2{ position:relative; background:#fff; box-sizing:border-box; /*float:left; width:48%;*/ }
.main_Con3 .showslide2 li{position:relative;}
.main_Con3 .showslide2 .img .in{ padding:0; position:relative; cursor:pointer; overflow:hidden;}
.main_Con3 .showslide2 .img .in .inn {display:block;}
.main_Con3 .showslide2 .img .in .inn .img_wrap {background:#fff; overflow:hidden;}
.main_Con3 .showslide2 .img .in .inn .txt_wrap {text-align:center; padding-bottom:1.7em;}
.main_Con3 .showslide2 .img .in .inn .txt_wrap .t1 {font-size:1em; color:#010101; font-family:'notokrM', sans-serif; padding-bottom:15px;}
.main_Con3 .showslide2 .img .in .inn .txt_wrap .t2 {}
.main_Con3 .showslide2 .img .in .inn .txt_wrap .t2 .tt1 {font-family:'notokrR', sans-serif; color:#999; font-size:.938em; vertical-align:middle; text-decoration:line-through;}
.main_Con3 .showslide2 .img .in .inn .txt_wrap .t2 .t_sec {width:40px; display:inline-block; vertical-align:middle;}
.main_Con3 .showslide2 .img .in .inn .txt_wrap .t2 .t_sec .xi {vertical-align:middle; font-size:.875em; color:#999;}
.main_Con3 .showslide2 .img .in .inn .txt_wrap .t2 .tt2 {vertical-align:middle; font-size:1.313em;}

.main_Con3 .showslide2 .flex-direction-nav{/* overflow:hidden;*/ position:absolute; bottom:0; left:0; right:0; z-index:1;}
.main_Con3 .showslide2 .flex-direction-nav > li{}
.main_Con3 .showslide2 .flex-direction-nav > li.flex-nav-prev {float:left;}
.main_Con3 .showslide2 .flex-direction-nav > li.flex-nav-next {float:right;}
.main_Con3 .showslide2 .flex-direction-nav > li.flex-nav-prev > a {border-left:none;}
.main_Con3 .showslide2 .flex-direction-nav > li.flex-nav-next > a {border-right:none;}
.main_Con3 .showslide2 .flex-direction-nav > li > a{ display:block; border:1px solid #ddd; border-bottom:none; text-align:center; line-height:28px; color:#333; transition:.3s; width:40px; height:40px; line-height:40px;}
.main_Con3 .showslide2 .flex-direction-nav > li > a:before{ font-family:xeicon!important}
.main_Con3 .showslide2 .flex-direction-nav > li > a.flex-prev:before{content:"\e93d"; font-size:1.063em;}
.main_Con3 .showslide2 .flex-direction-nav > li > a.flex-next:before{content:"\e940"; font-size:1.063em;}
.main_Con3 .showslide2 .flex-direction-nav > li > a.flex-next{ border-left:1px solid #ddd}
.main_Con3 .showslide2 .flex-direction-nav > li > a:hover{ background:#aaa; color:#fff}

/**/
.main_Con4 {margin-bottom:105px; margin-top:50px;}
.main_Con4 .main_Prod_wrap {position:relative;}
.main_Con4 .main_Prod_wrap .Prod_List {margin-left:-30px;}
.main_Con4 .main_Prod_wrap .Prod_List .pro {width:20%;}
.main_Con4 .main_Prod_wrap .Prod_List .pro .in {display:block; margin-left:30px; margin-bottom:60px;}
.main_Con4 .main_Prod_wrap .Prod_List .pro .in .img_wrap {border:1px solid #ddd; background:#fff; overflow:hidden;}
.main_Con4 .main_Prod_wrap .Prod_List .pro .in .txt_wrap {text-align:center; padding-top:20px;}
.main_Con4 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t1 {font-size:.875em; color:#010101; font-family:'notokrM', sans-serif; padding-bottom:15px;}
.main_Con4 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 {}
.main_Con4 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .tt1 {font-family:'notokrR', sans-serif; color:#999; font-size:.813em; vertical-align:middle; text-decoration:line-through;}
.main_Con4 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .t_sec {width:40px; display:inline-block; vertical-align:middle;}
.main_Con4 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .t_sec .xi {vertical-align:middle; font-size:.875em; color:#999;}
.main_Con4 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .tt2 {vertical-align:middle;}
.main_Con4 .main_Prod_wrap .Prod_List .pro:hover .in .img_wrap {transition:.3s; border:1px solid #4391e3;}
.main_Con4 .main_Prod_wrap .Prod_List .pro:hover .in .img_wrap img {transition:.6s; transform:scale(1.1,1.1)}

.main_Con4 .main_Prod_wrap .arrow_wrap{ position:absolute; bottom:0; left:0; width:100%;}
.main_Con4 .main_Prod_wrap .arrow_wrap > li{ position:absolute; top:-1.4em; text-align:center; cursor:pointer;}
.main_Con4 .main_Prod_wrap .arrow_wrap > li.prev{ left:-3em;}
.main_Con4 .main_Prod_wrap .arrow_wrap > li.next{ right:-3em;}
.main_Con4 .main_Prod_wrap .arrow_wrap > li .xi{ font-size:1.875em; transition:.2s; color:#000;}
.main_Con4 .main_Prod_wrap .arrow_wrap > li:hover .xi{ }

.main_Con4 .slick-dots{margin-top:30px;}
.main_Con4 .slick-dots > ul{ text-align:center; font-size:0; }
.main_Con4 .slick-dots > ul > li{ display:inline-block; margin:0 3px;}
.main_Con4 .slick-dots > ul > li button{ position:relative; width:15px; height:2px; border:none !important; background:#333; opacity:.5;}
.main_Con4 .slick-dots > ul > li.slick-active button {background:#333; width:35px; height:7px; opacity:inherit !important;}

/**/
.main_Con5 .menu_tab {border:1px solid #ddd; border-bottom:1px solid #333;}
.main_Con5 .menu_tab .tab_list {}
.main_Con5 .menu_tab .tab_list > li{width:16.66%;}
.main_Con5 .menu_tab .tab_list > li.vm_wrap{height:60px; line-height:60px; width:20%;}
.main_Con5 .menu_tab .tab_list > li > a{color:#999; font-family:'notokrM', sans-serif; font-size:1.063em;}
.main_Con5 .menu_tab .tab_list > li:hover > a{color:#000}
.main_Con5 .menu_tab .tab_list > li.on{background:#333; }
.main_Con5 .menu_tab .tab_list > li.on > a{color:#fff;}

.main_Con5 .main_Prod_wrap {margin-top:40px;}
.main_Con5 .main_Prod_wrap .Prod_List {margin-left:-30px;}
.main_Con5 .main_Prod_wrap .Prod_List .pro {width:33.33%;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in {display:block; margin-left:30px; margin-bottom:60px;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .img_wrap {border:1px solid #ddd; background:#fff; overflow:hidden; position:relative;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .img_wrap .best_icon {position:absolute; left:-1px; top:-1px; background:#00b1b7; width:70px; height:70px; text-align:center;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .img_wrap .best_icon .t1 {color:#fff; font-family:'notokrL', sans-serif; font-size:.750em; letter-spacing:.1px; display:block; padding-bottom:5px;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .img_wrap .best_icon .t2 {color:#fff; font-family:'notokrB', sans-serif; font-size:1.250em;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .txt_wrap {text-align:center; padding-top:20px;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t1 {font-size:1em; color:#010101; font-family:'notokrM', sans-serif; padding-bottom:15px;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 {}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .tt1 {font-family:'notokrR', sans-serif; color:#999; font-size:.938em; vertical-align:middle; text-decoration:line-through;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .t_sec {width:40px; display:inline-block; vertical-align:middle;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .t_sec .xi {vertical-align:middle; font-size:.875em; color:#999;}
.main_Con5 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .tt2 {vertical-align:middle; font-size:1.313em;}
.main_Con5 .main_Prod_wrap .Prod_List .pro:hover .in .img_wrap {transition:.3s; border:1px solid #4391e3;}
.main_Con5 .main_Prod_wrap .Prod_List .pro:hover .in .img_wrap img {transition:.6s; transform:scale(1.1,1.1)}

.main_Con5 .main_Prod_wrap.st {margin-top:0;}
.main_Con5 .main_Prod_wrap.st .Prod_List .pro {width:20%;}
.main_Con5 .main_Prod_wrap.st .Prod_List .pro .in .txt_wrap .t1 {font-size:.875em; color:#010101; font-family:'notokrM', sans-serif; padding-bottom:15px;}
.main_Con5 .main_Prod_wrap.st .Prod_List .pro .in .txt_wrap .t2 .tt1 {font-family:'notokrR', sans-serif; color:#999; font-size:.813em; vertical-align:middle; text-decoration:line-through;}
.main_Con5 .main_Prod_wrap.st .pro .in .txt_wrap .t2 .tt2 {vertical-align:middle; font-size:inherit;}

/**/
.main_Con6 {margin:60px 0 100px 0px;}
.main_Con6 .main_Prod_wrap {}
.main_Con6 .main_Prod_wrap .Prod_List {margin-left:-30px;}
.main_Con6 .main_Prod_wrap .Prod_List .pro {width:20%;}
.main_Con6 .main_Prod_wrap .Prod_List .pro .in {display:block; margin-left:30px; margin-bottom:60px;}
.main_Con6 .main_Prod_wrap .Prod_List .pro .in .img_wrap {border:1px solid #ddd; background:#fff; overflow:hidden;}
.main_Con6 .main_Prod_wrap .Prod_List .pro .in .txt_wrap {text-align:center; padding-top:20px;}
.main_Con6 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t1 {font-size:.875em; color:#010101; font-family:'notokrM', sans-serif; padding-bottom:15px;}
.main_Con6 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 {}
.main_Con6 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .tt1 {font-family:'notokrR', sans-serif; color:#999; font-size:.813em; vertical-align:middle; text-decoration:line-through;}
.main_Con6 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .t_sec {width:40px; display:inline-block; vertical-align:middle;}
.main_Con6 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .t_sec .xi {vertical-align:middle; font-size:.875em; color:#999;}
.main_Con6 .main_Prod_wrap .Prod_List .pro .in .txt_wrap .t2 .tt2 {vertical-align:middle;}
.main_Con6 .main_Prod_wrap .Prod_List .pro:hover .in .img_wrap {transition:.3s; border:1px solid #4391e3;}
.main_Con6 .main_Prod_wrap .Prod_List .pro:hover .in .img_wrap img {transition:.6s; transform:scale(1.1,1.1)}
.main_Con6 .banner_zone {margin:40px 0;}
.main_Con6 .banner_zone .banner {display:block; height:0; padding-bottom:18.3333%; }

/**/
.main_Con7  {position:relative;}
.main_Con7 .con7_in{}
.main_Con7 .con7_in.vm_wrap { height:25em; width:50%; margin-left:54%; text-align:left;}
.main_Con7 .con7_in .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/main/con7_banner.jpg); z-index:-1;}
.main_Con7 .con7_in .t1{ font-size:2.188em; color:#fff; font-family:'notokrM', sans-serif;}
.main_Con7 .con7_in .t2{ font-size:1em; color:#fff;  margin:1em 0 0 0; line-height:1.7; font-family:'notokrR', sans-serif;}
.main_Con7 .con7_in .more{ display:inline-block; margin-top:3em; border:1px solid #fff; position:relative; padding:.8em 7em .58em 1em; position:relative;}
.main_Con7 .con7_in .more .tt{ font-size:1em; color:#fff; display:inline-block; font-family:'notokrB', sans-serif; text-align:left; display:block;}
.main_Con7 .con7_in .more .xi{color:#fff; position:absolute; right:10%; top:25%; font-size:1em;}
.main_Con7 .con7_in .more .xi:before{ font-size:1em}
.main_Con7 .con7_in .more:hover {background:rgba(0,0,0,.5); transition:.3s; border:1px solid rgba(0,0,0,.5)}
.main_Con7 .con7_in .more:hover .xi{ right:7%; transition:.3s;}

/**/
.main_Con8 {margin:70px 0 155px 0;}
.main_Con8 .con_list {}
.main_Con8 .con_list .con_in {cursor:pointer;}
.main_Con8 .con_list .con_in .img_wrap {}
.main_Con8 .con_list .con_in .txt_wrap {margin:20px 0px 0 10px;}
.main_Con8 .con_list .con_in .txt_wrap .t1 {font-size:.813em; font-family:'notokrR', sans-serif; color:#999; padding-bottom:12px;}
.main_Con8 .con_list .con_in .txt_wrap .t2 {}
.main_Con8 .con_list .con_in .txt_wrap .t2 .tt1 {font-size:1.125em; font-family:'notokrM', sans-serif; color:#010101; }
.main_Con8 .con_list .con_in .txt_wrap .t2 .tt2 {font-size:.875em; font-family:'notokrM', sans-serif; color:#010101; opacity:.5; vertical-align:baseline;}
.main_Con8 .con_list .con_in .txt_wrap .t2 .tt2 .it {vertical-align:middle; padding-left:6px;}
.main_Con8 .con_list .con_in .txt_wrap .t2 .tt2 .xi {vertical-align:middle;}
.main_Con8 .con_list .con_in:hover .txt_wrap .t2 .tt2 .xi {transition:.3s; padding-left:10px;}

/*quick*/
#quick{ position:fixed; right:-15.625em; top:0; z-index:1001; width:15.625em; height:100%; background:#fff; transition:.3s}
#quick:after{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#eee}
#quick .quickBtn{ position:absolute; width:4em; line-height:4em; left:-3em; top:50%; margin-top:-2em; margin-left:-3em; background:#333; text-align:center; color:#fff; border:1px solid transparent; border-right:none; transition:.3s; z-index:1; border-radius:100%}
#quick .quickBtn .xi:before{content:"\e957"}
.on#quick{ right:-10px}
.on#quick .quickBtn{ width:3em; line-height:4em; margin-left:0; background:#fff; color:#333; border-radius:0; border-color:#eee}
.on#quick .quickBtn .xi:before{content:"\e93e"}

#quick .quick_IN {padding:1.2em;}
#quick .quick_top {}
#quick .quick_top .con {}
#quick .quick_top .con .list {margin-left:-10px;}
#quick .quick_top .con .list > li{}
#quick .quick_top .con .list > li > a{ display:block; font-size:.813em; border:1px solid #ddd; border-radius:.5em; color:#aaa; text-align:center; transition:.3s; margin-left:10px; padding:.8em 0; background:#f7f7f7}
#quick .quick_top .con .list > li > a .tt {display:block; color:#777; font-size:.875em;}
#quick .quick_top .con .list > li > a .xi{ font-size:1.75em; padding-bottom:5px;}
#quick .quick_top .con .list > li > a:hover{}
#quick .quick_top .con .list > li > a:hover .xi {color:#4391e3; transition:.3s;}
#quick .quick_top .con .list > li > a:hover .tt {color:#4391e3; transition:.3s;}

#quick .quick_mid {margin-top:40px; margin-bottom:30px;}
#quick .quick_mid .tw {text-align:center;}
#quick .quick_mid .tw .line {width:20px; height:1px; background:#000; text-align:center; margin:0 auto; display:block;}
#quick .quick_mid .tw .tt {font-size:.875em; font-family:'notokrB', sans-serif; color:#111; padding-top:15px;}

#quick .quick_mid .quick_prod_wrap {padding-top:30px; position:relative;}
#quick .quick_mid .quick_prod_wrap .Prod_List {margin-left:-10px;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro {}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro .in {display:block; margin-left:10px;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro .in .img_wrap {border:1px solid #ddd; background:#fff; overflow:hidden; position:relative;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro:hover .in .img_wrap {transition:.3s; border:1px solid #4391e3;}
#quick .quick_mid .quick_prod_wrap .Prod_List .pro:hover .in .img_wrap span {transition:.6s; transform:scale(1.1,1.1)}

#quick .quick_mid .quick_prod_wrap .arrow_wrap{ position:absolute; top:0; right:0; left:0; width:100%;}
#quick .quick_mid .quick_prod_wrap .arrow_wrap > li{ position:absolute; top:-1.4em; text-align:center; cursor:pointer;}
#quick .quick_mid .quick_prod_wrap .arrow_wrap > li.prev{ left:0;}
#quick .quick_mid .quick_prod_wrap .arrow_wrap > li.next{ right:0;}
#quick .quick_mid .quick_prod_wrap .arrow_wrap > li .xi{ font-size:1.875em; transition:.2s; color:#000;}
#quick .quick_mid .quick_prod_wrap .arrow_wrap > li:hover .xi{ }

#quick .quick_bot {}
#quick .quick_bot .tw {text-align:center;}
#quick .quick_bot .tw .line {width:20px; height:1px; background:#000; text-align:center; margin:0 auto; display:block;}
#quick .quick_bot .tw .tt {font-size:.875em; font-family:'notokrB', sans-serif; color:#111; padding-top:15px;}
.quick_btnW{ width: 100%;}
.quick_btnW .kkbtn{background-color:#F7E600; border-radius:2em; gap:.3em; display:flex;align-items: center; padding:.5em 1em; justify-content: center; transition: all .3s; color: #3A1D1D;}
.quick_btnW .kkbtn span{ display: block;}
.quick_btnW:hover .kkbtn{background-color:#ffdf2b;}
.quick_btnW .kkbtn:hover span{}
/**/
#contents .subCon_wrap{ position:relative;}
#contents .subCon_wrap .con_gnb{ padding:2em 0 2em 0; border-top:5px solid #eee; text-align:center; background:#f1f1f1;}
#contents .subCon_wrap .con_gnb .gnb > li{ display:none;}
#contents .subCon_wrap .con_gnb .gnb > li.on{ display:block;}
#contents .subCon_wrap .con_gnb .gnb a{ display:block; text-transform:uppercase;}
#contents .subCon_wrap .con_gnb .gnb .dp1{ display:inline-block; font-size:1.500em; color:#000; }
#contents .subCon_wrap .con_gnb .gnb .dp2{ padding-top:1em;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; background:#fff;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li > a{ min-width:6em; padding:.5em 1.2em; border:1px solid #e0dbd6; border-top-width:3px; font-size:.813em; color:#888;}
#contents .subCon_wrap .con_gnb .gnb .dp3{ padding:5px 0 10px 0;}
#contents .subCon_wrap .con_gnb .gnb .dp3 > li > a{ padding:5px 0; font-size:.750em; color:#666;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li:hover > a,
#contents .subCon_wrap .con_gnb .gnb .dp2 > li.on > a{ color:#000;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li.on > a{ border-color:#333;}

#contents{ position:relative;}
#contents .doc{padding-bottom:12em; padding-top:2em; /*  border-top:1px dashed #aaa;*/}
#contents .doc_main{}

/**/
.list_wrap .list_top{ margin-bottom:2em; padding:2.5em 0; background:#f5f5f5; text-align:center;}
.list_wrap .list_top .list_tit{ font-size:1.875em; color:#3c3d3c; text-transform:uppercase;}
.list_wrap .list_top .list_nav{ position:absolute; right:90px; top:50%; margin-top:-5px; font-size:.750em; color:#999; text-transform:uppercase;}
.list_wrap .list_top .list_nav .this{ color:#222; vertical-align:baseline;}

.list_wrap .list_cate{ position:relative; z-index:10; margin-left:-10px;}
.list_wrap .list_cate .dp1,
.list_wrap .list_cate .dp2{ transition:.1s;}
.list_wrap .list_cate > li{ position:relative; margin-bottom:10px; width:16.66%;}
.list_wrap .list_cate > li .tt{ vertical-align:top;}
.list_wrap .list_cate > li .num{ color:#aaa; vertical-align:top;}
.list_wrap .list_cate > li .dp1{ position:relative; display:block; padding:.7em 1em; font-size:.875em; color:#555; line-height:1; border:1px solid #ddd; margin-left:10px; background:#fff; font-family:'notokrR', sans-serif;}
.list_wrap .list_cate > li:hover .tt {transition:.3s; color:#4391e3}
.list_wrap .list_cate > li.on .dp1{background:#f9f9f9; font-family:'notokrM', sans-serif; color:#4391e3;}
.list_wrap .list_cate > li .dp2{ position:absolute; top:100%; z-index:2; left:50%; margin-left:-81px; margin-top:-3px; width:160px; padding:10px 0; background:#fff; border:1px solid #aaa; visibility:hidden; opacity:0;}
.list_wrap .list_cate > li .dp2 > li > a{ display:block; text-align:left; padding:.3em 1.2em; font-size:.750em; color:#666; line-height:1.4;}
.list_wrap .list_cate > li .dp2 > li:hover > a .tt{ color:#000; text-decoration:underline;}
.list_wrap .list_cate > li .arrow{ position:absolute; width:1em; top:0; right:.3em; line-height:1; display:none;}
.list_wrap .list_cate > li .arrow:before{ content:"\e942"; color:#aaa}
.list_wrap .list_cate > li.more .dp1{ padding-right:2em;}
.list_wrap .list_cate > li.more .arrow{ display:block}
.list_wrap .list_cate > li.more:hover .dp2{ visibility:visible; opacity:1;}

.list_total{ margin:20px 0 30px 0; padding:15px 10px; border-top:2px solid #333; border-bottom:1px solid #eee;}
.list_total .total{ float:left;}
.list_total .total > *{ font-size:.813em; text-transform:uppercase; letter-spacing:.2em;}
.list_total .total .t1{ color:#000;}
.list_total .total .t2{ color:#c3061c;}
.list_total .array_wrap{ float:right; text-align:right;}
.list_total .array_wrap > li{}
.list_total .array_wrap > li > a{ display:block; padding:0 .8em; line-height:2em; font-size:.750em; color:#888; transition:.3s;}
.list_total .array_wrap > li:hover > a,
.list_total .array_wrap > li.on > a{ color:#000;}
.list_total .array_wrap > li.group{ margin-left:1em;}
.list_total .array_wrap > li .sel{ height:2em; background-color:#fff; border:1px solid #ddd; font-size:.750em;}
.list_total.stl1{ margin-top:0; border-bottom:none; padding-left:0;}

/**/
.viewNav_wrap{ padding:3.5em 0; background:#f5f5f5; text-align:center;}
.viewNav_wrap .nav{ display:inline-block; *display:inline; zoom:1;}
.viewNav_wrap .nav:after{ content:""; display:block; clear:both;}
.viewNav_wrap .nav > li{ float:left;}
.viewNav_wrap .nav > li > a{ display:block; font-size:.813em; color:#666; text-transform:uppercase; line-height:30px;}
.viewNav_wrap .nav > li > a:before{ content:"\e93f"; font-family:xeicon !important; font-style:normal; vertical-align:middle; font-size:1.125em; color:#999; padding:0 5px 0 2px;}
.viewNav_wrap .nav > li:first-child > a:before{ display:none;}
.viewNav_wrap .nav > li.home > a{ color:#fff;}
.viewNav_wrap .nav > li.home > a .xi{ width:30px; background:#393a3e; border-radius:100%;}
.viewNav_wrap .nav > li.this > a{ color:#111;}
.viewNav_wrap .nav > li:not(.home) > a:hover .tt{ text-decoration:underline;}

.view_top_wrap{ padding:3.5em 0;}
.view_top_wrap .img_wrap{ float:left; width:50%}
.view_top_wrap .img_wrap .inner{/*border:1px solid #ddd;*/}
.view_top_wrap .img_wrap .thumb{ margin:10px -5px 0 0; text-align:center;}
.view_top_wrap .img_wrap .thumb > li{ width:25%}
.view_top_wrap .img_wrap .thumb > li > a{ display:block; margin:0 5px 0 0; border:1px solid #eee;}
.view_top_wrap .img_wrap .thumb > li > a > .resize {padding-bottom:66.66% !important;}
.view_top_wrap .img_wrap .thumb > li:hover > a{ border-color:#666; }

.view_top_wrap .info_wrap{ float:left; width:50%}
.view_top_wrap .info_wrap .inner{ margin-left:5em;}
.view_top_wrap .info_wrap .info_top{ padding:1em 0 1em 0; border-top:2px solid #333;}
.view_top_wrap .info_wrap .info_top .tit{ position:relative;}
.view_top_wrap .info_wrap .info_top .tit .prodTit{ padding:5px 120px 0.5em 0; font-size:1.250em; color:#000; letter-spacing:-.5px; line-height:1.4; word-break: break-all;}
.view_top_wrap .info_wrap .info_top .tit .prodTxt{ font-size:.813em; color:#444; line-height:1.5; font-family:'notokrR', sans-serif;}
.view_top_wrap .info_wrap .info_top .tit .modify{ margin-top:.6em;}
.view_top_wrap .info_wrap .info_top .tit .admin_modify{ display:inline-block; *display:inline; zoom:1; padding:0 15px; height:25px; line-height:25px; border:1px solid #888; font-size:.750em;}
.view_top_wrap .info_wrap .info_top .tit .admin_modify:hover{ border-color:transparent; background:#333; color:#fff; transition:.3s;}
.view_top_wrap .info_wrap .info_top .tit .share{ position:absolute; right:0; top:0; white-space:nowrap}
.view_top_wrap .info_wrap .info_top .tit .share .wish .xi:before{ font-size:1.375rem;}
.share{ font-size:0}
.share > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.share > li > a{ display:block}
.share > li .xi{ display:block; width:30px; line-height:30px; text-align:center; font-size:1.25rem; border:1px solid transparent; border-radius:100%;}
.share > li .xi.icon_st1:before {color:#F00 !important;}
.share > li .xi.icon_st2:before {color:#1d4b98 !important;}
.share > li .xi.icon_st3:before {color:#58aee7 !important;}
.share > li .xi.icon_st4:before {color:#33cc00 !important;}
.share > li:first-child .xi{ margin-left:0;}
.share > li:hover .xi{ border-color:#ddd; background:#f5f5f5;}

.view_top_wrap .info_wrap .info_top .priceInfo{ margin-top:.5em;}
.view_top_wrap .info_wrap .info_top .priceInfo .discount{ font-size:.875em; color:#888; text-decoration:line-through;}
.view_top_wrap .info_wrap .info_top .priceInfo .price .tt{ color:#4391e3; vertical-align:middle;}
.view_top_wrap .info_wrap .info_top .priceInfo .price .t1{ font-size:1.500em;}
.view_top_wrap .info_wrap .info_top .priceInfo .price .t2{ font-size:.938em;}

.view_top_wrap .info_wrap .info_middle{ padding:.5em 0 1em 0; border-top:1px solid #ddd;}
.info_table .info_table_tit{ width:140px;}
.info_table .info_table_con{ width:auto;}
.info_table th,
.info_table td{ padding:0.6em 0.6em; font-size:.813em; text-align:left;}
.info_table th{ padding-left:0; text-transform:uppercase;}
.info_table td{ padding-right:0; color:#555;}
.info_table td *{ vertical-align:middle}
.info_table.st2{ margin-top:10px;}
.info_table.st2 th,
.info_table.st2 td{ padding-top:0.2em; padding-bottom:0.2em;}

.info_table .c1{ color:#000000;}
.info_table .c2{ color:#e2426c;}
.info_table .select{ width:100%; height:28px; line-height:26px;}

.view_top_wrap .info_wrap .info_op{ margin-top:10px;}
.op_list > li{ margin-bottom:-1px}
.op_list > li .op{ display:table; table-layout:fixed; width:100%; position:relative; z-index:1; border:1px solid #ddd; background:#fff;}
.op_list > li .op .tit,
.op_list > li .op .con{ display:table-cell; vertical-align:middle; padding:.6em 1em;}
.op_list > li .op .tit .tt_name{ font-size:.813em; color:#000;}
.op_list > li .op .tit .tt_op{ position:relative; margin-top:5px; padding-left:10px; font-size:.750em; color:#888;}
.op_list > li .op .tit .tt_op:before{ content:""; position:absolute; top:6px; left:0; width:4px; height:1px; background:#999;}
.op_list > li .op .con{ text-align:right}
.op_list > li .op .con > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
.op_list > li .op .con .price{ min-width:100px; font-size:.813em; color:#000;}
.op_list > li .op .con .btn_del{ border:1px solid #ccc; width:15px; height:15px; line-height:15px; background:#fff; text-align:center;}
.op_list > li .op .con .btn_del:before{content:"\e921"; font-family:xeicon!important; font-size:.688em;}
.op_list > li .op .con .btn_del:hover{ background:#444; border-color:#111; color:#fff;}
.op_list > li:hover .op{ z-index:2; border-color:#666}
.op_list > li:hover .op .tit{ color:#111}
.op_list .vol{ font-size:.813em;}
.vol{ display:inline-block; *display:inline; zoom:1;}
.vol .inp{ float:left; width:25px; padding:0 10px; line-height:26px; height:26px; border:1px solid #ccc; border-right:none; text-align:right}
.vol .btn{ float:left}
.vol .btn .btn_st{ display:block; width:25px; height:14px; background:#fff; border:1px solid #ccc;}
.vol .btn .btn_st:first-child{ border-bottom:none}
.vol .btn .btn_st:before{ font-family:xeicon!important; font-size:9px;}
.vol .btn .btn_st.up:before{ content:"\e92f";}
.vol .btn .btn_st.down:before{ content:"\e935";}
.vol .btn .btn_st:hover{ background:#666; border-color:#666; color:#fff}

.view_top_wrap .info_wrap .view_total{ border-top:2px solid #333;}

.view_top_wrap .info_wrap .info_bottom{ padding:1em 0 0 0;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap{ font-size:0; padding-left:1px}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1rem}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s1{ width:33.33%;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s2{}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .in{ display: block; margin-left:-1px;}
.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 > *{ vertical-align:middle;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn .xi{ font-size:1.250em;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn .tt{ padding-left:4px; font-family:notokrB; font-weight:normal; font-size:.813em;}
/*.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn.c1{ box-shadow:5px 5px 10px rgba(0,0,0,.25);}*/
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn:hover{ background-color:#fff; border-color:#393a3e; color:#000;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn.c1:hover{ background-color:#c3061c; border-color:#c3061c; color:#fff;}

.js_prodView.pos{ position:relative; padding-bottom:10em;}
.js_prodView.pos .view_top_wrap .info_wrap .info_bottom{ position:absolute; left:50%; bottom:0; width:100%; max-width:1200px; transform:translateX(-50%); text-align:center;}
.js_prodView.pos .view_top_wrap .info_wrap .info_bottom .btn_wrap{ padding-left:0;}
.js_prodView.pos .view_top_wrap .info_wrap .info_bottom .btn_wrap > li .in{ margin:0 .25em;}
.js_prodView.pos .view_top_wrap .info_wrap .info_bottom .btn_wrap > li .in .mall_btn{ font-size:1.250em; line-height:3em;}
.js_prodView .view_top_wrap .info_wrap .info_bottom .btn_wrap > li .in .mall_btn{ transition:border-color .2s, background-color .2s;}

.view_total{ text-align:right; line-height:60px;}
.view_total *{ vertical-align:middle; text-transform:uppercase;}
.view_total .price{ font-size:1.375em; padding:0 0 0 .3em; color:#000;}
.view_total .t1{ font-size:.813em; color:#111;}
.view_total .t2{ font-size:.813em; color:#666;}

.order_total{ text-align:right; line-height:60px;}
.order_total *{ vertical-align:middle}
.order_total .t1{ font-size:.813em; color:#333;}
.order_total .price{ font-size:1.438em; padding:0 5px; color:#111;}

.mall_btn{ display:block; cursor:pointer; min-width:80px; line-height:45px; padding:0 10px; text-align:center; box-sizing:border-box; border:1px solid #ddd; transition:.2s;}
.mall_btn.c1{ background:#222222; border-color:#222222; color:#fff}
.mall_btn.c2{ background:#2a8f93; border-color:#2a8f93; color:#fff}
.mall_btn.c3{ background:#849bff; border-color:#849bff; color:#fff}
.mall_btn.c4{ background:#ffffff; border-color:#cccccc; color:#333}
.mall_btn.c5{ background:#00b1b7; border-color:#00b1b7; color:#fff}

.view_top_wrap .info_wrap .soldOut_txt{ margin-top:1em; margin-bottom:2em; padding:1em; background:#e1e1e1; text-align:center; line-height:1.4; text-transform:uppercase;}
.view_top_wrap .info_wrap .soldOut_txt.c1{ color:#fff;}
.view_top_wrap .info_wrap .soldOut_txt.c2{ color:#0054e0;}

.view_with_wrap{}
.view_with_wrap .tit_wrap{ position:relative; margin-bottom:2em; text-align:center;}
.view_with_wrap .tit_wrap .tit{ display:inline-block; *display:inline; zoom:1; padding:1em 2em; border:1px dashed #ddd; border-left:none; border-right:none; font-size:.813em; letter-spacing:.5em; text-transform:uppercase;}
.view_with_wrap .control_arrow{ position:absolute; top:0; right:0;}
.view_with_wrap .control_arrow > li{ padding:0 .1em;}
.view_with_wrap .control_arrow > li .xi{ width:1.8em; line-height:1.8em; text-align:center; border:1px solid #ddd; border-radius:50%; color:#000; cursor:pointer;}
.view_with_wrap .control_arrow > li:hover .xi{ border-color:#333; background:#333; color:#fff;}
.view_with_wrap .view_with_slide{ overflow:hidden;}
.view_with_wrap .with_slide{ margin-right:-20px;}
.view_with_wrap .with_slide .prod_st{ margin-right:20px;}
.view_with_wrap .with_slide .prod_st .con_wrap{ padding-left:0; padding-right:0;}
.view_with_wrap .with_slide .prod_st .con_wrap .prod_tit{ font-size:.938em;}

.view_con_wrap{ padding-top:2em;}
.view_con_wrap .view_con{ padding:3em 0 5em 0;}
.view_con_wrap .view_con:last-child{ padding-bottom:0;}
.view_con_wrap .detail_con{ text-align:center;}

.view_board_btn{ padding-bottom:20px; text-align:right;}
.view_board_btn > li{ margin-left:5px;}
.view_board_btn > li:first-child{ margin-left:0;}
.view_board_btn .btn{ padding:6px 20px; border:1px solid #ccc; font-size:.813em;}
.view_board_btn .btn.c1{ background:#393a3e; border-color:#393a3e; color:#fff}
.view_board_btn .btn.c2{ border-color:#393a3e;}

/**/
.order_step_wrap{ padding:3em 0 2em 0; text-align:center;}
.order_step_wrap .order_step_tit{ margin-bottom:2em; font-size:1.750em; letter-spacing:-.5px;}
.order_step_wrap .step_order > li .in{ position:relative; height:80px; padding-left:95px; vertical-align:top; text-align:left; color:#b7b7b7;}
.order_step_wrap .step_order > li .in:after {content:''; position:absolute; z-index:1; left:0; top:50%; margin-top:-2px; width:100%; height:4px; background-color:#ddd;}
.order_step_wrap .step_order > li .xi{ position:absolute;z-index:2;left:0;top:0; width:80px; height:80px; line-height:80px; text-align:center; border:1px solid #eaeaea; border-radius:100%; background-color:#f7f7f7; box-sizing:border-box; font-size:1.875em;}
.order_step_wrap .step_order > li .tit{ display:block; font-size:.750em; text-transform:uppercase;}
.order_step_wrap .step_order > li .tit strong{ display:block; font-size:1.250em; color:#c5c5c5;}
.order_step_wrap .step_order > li .no{ position:absolute; left:95px; bottom:.5em; font-size:.875em;}
.order_step_wrap .step_order > li.on .in,
.order_step_wrap .step_order > li.on .tit strong{ color:#1c1c1c;}
.order_step_wrap .step_order > li.on .in:after{ background-color:#1c1c1c;}
.order_step_wrap .step_order > li.on .xi{ border-color:#1c1c1c; background-color: #1c1c1c; color:#fff;}

/**/
.prod_wrap{ margin:0 -15px -40px 0;}
.prod_wrap > li{ width:25%}
.prod_wrap > li .prod{ display:block; margin:0 15px 40px 0; border:1px solid #ddd; cursor:pointer;}
.prod_wrap > li .prod:hover {border:1px solid #4391e3; transition:.3s;}
.prod_st{ background:#fff;}
.prod_st .img_wrap{ position:relative;}
.prod_st .img_wrap .img{ overflow:hidden;}
.prod_st .img_wrap .img img{ transition:.3s;}
.prod_st .con_wrap{ padding:1.2em .5em; text-align:center;}
.prod_st .con_wrap .prod_tit{ font-size:1em; color:#000; letter-spacing:-.5px;/* text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/}
.prod_st .con_wrap .prod_txt{ margin-top:1em; font-size:.750em; font-family:'notokrR', sans-serif; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.prod_st .con_wrap .prod_price{ margin-top:1em;}
.prod_st .con_wrap .prod_price .t1{ vertical-align:middle; font-size:1.313em; color:#4391e3;}
.prod_st .con_wrap .prod_price .t2{ vertical-align:middle; font-size:.938em; color:#444;}
.prod_st .con_wrap .prod_price .price > *{ display:inline-block; vertical-align:middle;}
.prod_st .con_wrap .prod_price .price strong{ font-size:.938em;}
.prod_st .con_wrap .prod_price .price span{ font-size:.813em;}
.prod_st .icon_on{ position:absolute; left:-1px; bottom:-5%; opacity:0; transition:.3s;}
.prod_st .icon_on > li{ margin-top:-1px;}
.prod_st .icon_on > li .xi{ position:relative; z-index:1; width:30px; height:30px; line-height:30px; text-align:center; background:#fff; border:1px solid #ccc; font-size:1em; color:#888;}
.prod_st .icon_on > li .label_st.wish input[type=checkbox] + .xi:before{ color:#888;}
.prod_st .icon_on > li:hover .xi{ z-index:2; border-color:#666;}
.prod_st .icon_on > li:hover .xi,
.prod_st .icon_on > li:hover .xi:before{ color:#000 !important;}
.prod_st .icon_on > li:hover .xi.link_icon_st {background:#ddd; transition:.3s; border:1px solid #eee;}
.prod_st .icon_on > li:hover .xi.cart_icon_st {background:#ddd; transition:.3s; border:1px solid #eee;}
.prod_st .icon_on > li:hover .xi.wish_icon_st {background:#ddd; transition:.3s; border:1px solid #eee;}

.prod_st:hover .img_wrap img{ transform:scale(1.1,1.1);}
.prod_st:hover .icon_on{ bottom:0; opacity:1;}

.prod_icon_wrap{ margin-top:1rem;}
.prod_icon_wrap > li{ margin:1px 1px;}
.prod_icon_wrap > li > span{ display:block; padding:.3em .7em; font-size:.563em; background:#fff; border:1px solid #ccc; text-transform:uppercase;}
.prod_icon_wrap > li .c1{ border-color:#ff8400; color:#ff8400;}
.prod_icon_wrap > li .c2{ border-color:#2c970b; color:#2c970b;}
.prod_icon_wrap > li .c3{ border-color:#e2426c; color:#e2426c;}
.prod_icon_wrap > li .c4{ border-color:#0977e7; color:#0977e7;}
.prod_icon_wrap > li .c5{ border-color:#393a3e; background:#393a3e; color:#fff;}

.star_wrap{}
.star_wrap > *{ vertical-align:middle;}
.star_wrap .icon{ color:#c3061c; font-size:.688em}
.star_wrap .no{ font-size:.813em; color:#999;}

/**/
.member_wrap{ width:800px; max-width:90%; margin:0 auto;}
.member_wrap .member_tit{ text-align:center; padding:2.5em 0 2em 0; border-bottom:1px dotted #111}
.member_wrap .member_tit .tit { font-size:2.500em; color:#111;}
.member_wrap .member_tit .tit2{ font-size:1.500em; color:#111; letter-spacing:-1px;}
.member_wrap .member_tit .tt{ font-size:.813em; color:#999; padding-top:10px}
.member_wrap .member_tit .tt2{ font-size:.938em; color:#666; padding-top:30px; line-height:1.5}
.member_wrap .member_tit .num{ padding-top:30px;}
.member_wrap .member_tit .num .in{ display:inline-block; *display:inline; zoom:1; padding:10px 20px; border:1px solid #ccc; border-radius:3px; box-shadow:1px 1px 3px rgba(0,0,0,.15);}
.member_wrap .join_fin{ display:inline-block; *display:inline; zoom:1; width:300px; max-width:70%; margin-top:30px; padding:1.5em 2em; background:#f9f9f9; border:1px solid #ccc; border-top:3px solid #333; text-align:left;}
.member_wrap .join_fin > li{ padding:0.3em 0; font-size:.813em; line-height:20px;}
.member_wrap .join_fin > li > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.member_wrap .join_fin > li .t1{ position:relative; width:80px; padding-left:10px; color:#333;}
.member_wrap .join_fin > li .t1:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:4px; height:2px; background:#666;}
.member_wrap .join_fin > li .t2{ color:#555;}

.member_wrap .member_box_wrap{ text-align:center}
.member_wrap .member_box{ border-bottom:1px solid #ddd; padding:2em 0; margin-bottom:2em}
.member_wrap .member_form{ display:inline-block; *display:inline; zoom:1; width:400px; max-width:100%; margin-top:30px;}
.member_wrap .member_form:first-child{ margin-top:0;}
.member_wrap .form{ text-align:left}
.member_wrap .form .inp_wrap{ position:relative; margin-top:5px}
.member_wrap .form .inp_wrap:first-child{ margin-top:0}
.member_wrap .form .inp_wrap .xi{ position:absolute; left:0; top:0; width:55px; line-height:55px; font-size:1.5em; text-align:center;}
.member_wrap .form .inp_wrap .inp{ padding:0 10px 0 70px; width:100%; height:55px; line-height:53px; box-sizing:border-box; border:1px solid #ddd; font-size:.813em; color:#999}
.member_wrap .form .inp_wrap .inp:focus{ color:#111}
.member_wrap .form .btn_wrap{ margin-top:15px}
.member_wrap .form .btn_wrap .btn{ width:100%; height:60px; font-size:.813em; color:#fff; text-align:center; background:#333;}

.member_wrap .form .txt_wrap{ text-align:center; border:1px solid #eee; background:#fafafa; padding:3em 1em; border-top:3px solid #333; font-size:.875em; color:#666;}
.member_wrap .form .txt_wrap strong{ color:#000;}

.member_wrap .nomem_tit{ text-align:left}
.member_wrap .nomem_tit .tit{ color:#000;}
.member_wrap .nomem_tit .tt { font-size:.75em; color:#777; padding-top:5px; line-height:1.4;}

.member_wrap .form2{ margin-top:10px; border:1px solid #eee; padding:1em 1em;}
.member_wrap .form2 .inp_wrap{ position:relative; font-size:.75em;}
.member_wrap .form2 .inp_wrap .tit{ position:absolute; left:0; top:0; width:80px; border-right:1px solid #ccc; color:#333; line-height:35px;}
.member_wrap .form2 .inp_wrap .inp{ background:#f5f5f5; border:1px solid #ccc; margin-bottom:-1px; padding:0 10px 0 90px; width:100%; height:35px; line-height:33px; box-sizing:border-box; color:#999}
.member_wrap .form2 .inp_wrap .inp:focus{ color:#111}
.member_wrap .form2 .btn_wrap{ margin-top:5px}
.member_wrap .form2 .btn_wrap .btn{ width:100%; height:35px; background:#888; text-align:center; font-size:.813em; color:#fff;}

.member_wrap .btn_wrap .btn{ border:1px solid transparent; transition:.2s;}
.member_wrap .btn_wrap .btn:hover{ background:#fff; border-color:#111; color:#000;}

.member_wrap .btn_nomem{ margin-top:10px; width:100%; height:50px; text-align:center; background:#e2426c; border:none; font-size:.813em; color:#fff; transition:.2s;}
.member_wrap .btn_nomem:hover{ background:#333;}

.member_wrap .member_link{ text-align:center; padding-top:1em}
.member_wrap .member_link > li > a{ font-size:.813em; color:#666; padding:0 1em;}
.member_wrap .member_link > li > a:hover{ text-decoration:underline}
.member_wrap .member_link > li.point > a{ color:#111}

.agree_wrap{ position: relative; margin-top:2em;}
.agree_wrap .agree{ border:1px solid #ddd; border-top:2px solid #333; padding:3em; font-size:.813em; color:#666; line-height:1.6}
.agree_wrap .agree.H{ border-top-width:1px; height:145px; padding:2em; overflow-y:scroll!important; -ms-overflow-style: -ms-autohiding-scrollbar;}
.agree_wrap .agree p{ padding:.5em 0;}
.agree_wrap .agree strong{ color:#333;}
.agree_wrap .check{ border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; font-size:.813em; padding:10px 2em;color:#333}
.agree_wrap .check label{ margin-left:2em}

.page_email{}
.page_email .email_top{ padding:20px 20px; background:#f9f9f9; border:1px solid #ddd; text-align:center; font-size:.813em; color:#333; line-height:1.7;}
.page_email .email_con{ margin-top:30px;}
.page_email .email_con .tit{ text-align:center; font-size:1em; color:#222;}
.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; font-size:.938em; 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:.813em; color:#666; line-height:1.8;}

/**/
.page_sec { margin-top:4em !important;}
.page_sec2{ margin-top:1em !important;}
.page_sec3{ margin-top:-1px !important;}

.page_tit{color:#111; position:relative; padding-left:25px; margin-bottom:10px;}
.page_tit:before,
.page_tit:after{ content:""; position:absolute;}
.page_tit:before{ content:"\e928"; font-family:xeicon; font-size:1.500em; color:#fff; line-height:1; left:2px; top:-3px; z-index:2;}
.page_tit:after{ left:0; top:0; width:20px; height:20px; background:#333; border-radius:100%; z-index:1;}
.page_tt{ font-size:.813em; color:#666; padding:5px 0 10px 0}

/*占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙 占쏙옙*/
.tab_st1{ margin:0 -5px 40px 0; text-align:center;}
.tab_st1 > li > a{ display:block; margin:0 5px 0 0; line-height:40px; border-bottom:3px solid #ddd; font-size:.813em; color:#777; text-align:center}
.tab_st1 > li:hover > a,
.tab_st1 > li.on > a{ border-color:#4391e3; color:#000}

/*占쏙옙품占쏙옙占쏙옙占쏙옙占쏙옙 占쏙옙*/
.tab_st2{ padding-left:1px; border-bottom:1px solid #333; text-align:center;}
.tab_st2 > li{}
.tab_st2 > li > a{ position:relative; z-index:1; display:block; margin:0 0 -1px -1px; line-height:40px; font-size:.813em; color:#888; border:1px solid #eee; border-bottom-color:transparent; transition:.1s;}
.tab_st2 > li .xi{ vertical-align:middle; display:none;}
.tab_st2 > li:hover > a,
.tab_st2 > li.on > a{ z-index:2; color:#000; border-color:#333; border-bottom-color:#fff;}
.tab_st2 > li.on > a{}

/**/
.ex_txt_wrap{ border:1px solid #ccc; padding:15px 25px; color:#444; line-height:1.5;}
.ex_list{}
.ex_list > li{ position:relative; padding:2px 0 2px 12px; font-size:.813em; color:#666;}
.ex_list > li:before{ content:""; position:absolute; top:10px; left:0; width:4px; height:2px; background:#999;}
.ex_txt_wrap .t1{ font-size:.813em;}
.ex_txt_wrap .t2{ font-size:.875em;}
.ex_txt_wrap .c1{ color:#bb0000;}
.ex_txt_wrap .c2{ color:#2a8f93;}
.ex_txt_wrap .c3{ color:#0054e0;}

/*占싱울옙홰占?/
.page_csGuide{}
.page_csGuide .con_top{ width:100%; max-width:1060px; margin:0 auto; padding:50px 0 60px 0; background:url(../images/sub/cs_guide_img.png) no-repeat top right;}
.page_csGuide .con_top .txt_wrap{}
.page_csGuide .con_top .txt_wrap > dt{ margin-bottom:20px; font-size:1.563em; color:#444; line-height:1.4;}
.page_csGuide .con_top .txt_wrap > dd{ color:#555; line-height:1.5;}
.page_csGuide .con_top .txt_wrap .c1{ color:#2a8f93;}
.page_csGuide .con_box{ padding:30px 8%; background:#dbeee9; text-align:center; font-size:.938em; line-height:1.6;}

.page_wrap{ margin-top:40px;}
.page_wrap:first-child{ margin-top:0;}
.page_wrap .tit_wrap{ margin-bottom:20px;}
.page_wrap .tit_wrap .tit{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:30px; font-size:1.250em; color:#000;}
.page_wrap .tit_wrap .tit:before{ content:"\eb2b"; font-family:xeicon; font-size:1.250em; color:#e2426c; line-height:1; position:absolute; top:-.1em; left:0;}
.page_wrap .con_wrap{ line-height:1.4;}
.page_wrap .con_wrap .txt{ padding:5px 0; font-size:.938em; color:#333;}

.page_step_box{ margin:0 0 -10px -10px;}
.page_step_box .inner{ margin:0 0 10px 10px; padding:15px 15px; border:1px solid #ccc; border-top:2px solid #393a3e;}
.page_step_box .inner > dt{ margin-bottom:10px;}
.page_step_box .inner > dt .num{ display:inline-block; *display:inline; zoom:1; margin-bottom:10px; margin-left:-3px; padding:.3em 1.2em; background:#3c3d3c; border-radius:25px; font-size:.750em; color:#fff; text-transform:uppercase;}
.page_step_box .inner > dt .tt{ display:block; font-size:.938em;}
.page_step_box .inner > dd{ font-size:.750em; color:#555; line-height:1.5;}

.page_iconList{}
.page_iconList > li{ padding:3px 0;}
.page_iconList > li .tt{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:30px; font-size:.938em; color:#555;}
.page_iconList > li .tt:before{ content:"\e92b"; font-family:xeicon; font-size:1.375em; color:#3c3d3c; line-height:1; position:absolute; top:-1px; left:0;}

.page_wrap .c1{ color:#0054e0;}
.page_wrap .c2{ color:#e2426c;}

/*POPUP*/
/**************/
.pop .popWrap .popIn{ width:1000px;}
.pop .popWidth1 .popIn{ width:600px;}

.win_popWrap{ font-size:1.063em; padding:2em 2em;}
.win_popWrap .pop_tit{ overflow:hidden; padding-bottom:1em;}
.win_popWrap .pop_tit .tit{ float:left; font-size:1.500em; color:#2c2f34;}
.win_popWrap .pop_tit .close{ float:right; font-size:1.250em;}

/**/
.pop .pop_cart_wrap{}
.pop .pop_cart_wrap .info_wrap{ position:relative; padding-left:110px; min-height:80px;}
.pop .pop_cart_wrap .info_wrap .img{ position:absolute; top:0; left:0; width:80px; height:80px;}
.pop .pop_cart_wrap .info_wrap .img img{ max-height:100%;}
.pop .pop_cart_wrap .info_wrap .name{ padding:.5em 0; border-bottom:1px dashed #aaa; color:#000; letter-spacing:-.5px;}
.pop .pop_cart_wrap .op_wrap{ margin-top:20px;}

/**/
.pop .view_pop .pop_prod{ border:2px solid #ebebeb; overflow:hidden; margin:1em 0; padding:2em;}
.pop .view_pop .pop_prod .td{ padding:1em;}
.pop .view_pop .pop_prod .pop_img{ width:20%;}
.pop .view_pop .pop_prod .pop_tt { width:auto;}
.pop .view_pop .pop_prod .pop_tt .tt{ margin-left:1em;}
.pop .view_pop .pop_prod .pop_tt .tt1{ font-size:.813em;}
.pop .view_pop .pop_prod .pop_tt .tt2{ margin-top:10px;}
.pop .view_pop .pop_prod .star{ display:inline-block; font-family:sans-serif; margin:0 15px 5px 0; color:#000;}
.pop .view_pop .pop_prod .star input{ margin-right:5px; vertical-align:middle;}


/*term*/
.term_dv .term_tit{font-size:2em; margin-bottom:.2em;}
.search_term{text-align:center;}
.search_term .ment_label{margin:0 0 15px; display:block;}
.search_term .ment_label .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#4971e3; font-size:28px; transform:rotateY(180deg)}
.search_term .ment_label > span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#4971e3; font-size:1em; margin-left:5px;}

.search_term .cho_dv{font-size:0;}
.search_term .cho_dv > button{padding:10px; font-size:1rem; color:#707070; border:1px solid #ccc; margin-left:-1px; position:relative; z-index:1; display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#fff; transition:0.1s;}
.search_term .cho_dv > button.on,
.search_term .cho_dv > button:hover{background:#4971e3; border:1px solid #4971e3; z-index:2; color:#fff;}

.search_term .search_input{display:block; max-width:566px; width:100%; margin:50px auto 80px; position:relative;}
.search_term .search_input > input{width:94%; border:0; border-bottom:1px solid #000; padding:5px 5% 5px 1%; min-height:22px;}
.search_term .search_input .icon{ position:absolute; right:5px; top:0; font-size:21px; color:#000; background:none; border:0;}

.term_dv .term_list ul{border:1px solid #ccc; padding:3em ; border-radius:10px;}
.term_dv .term_list ul li{ margin-bottom:2em; padding-bottom:2em; border-bottom:1px dashed #ccc;}
.term_dv .term_list ul li .word{font-size:1.25em;}
.term_dv .term_list ul li .txt{margin-top:10px; color:#666; font-size:0.875em; line-height:1.4;}
.term_dv .term_list ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}


.term_list_top{overflow:hidden; padding-bottom:5px;}
.term_list_top .l_dv{float:left;}
.term_list_top .l_dv .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:44px; line-height:44px; border:1px solid #999; border-radius:50%; text-align:center; font-size:25px;}
.term_list_top .l_dv .p1{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1em; color:#000;}
.term_list_top .l_dv .st1{font-size:1.5em; color:#4971e3; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

.term_list_top .r_dv{float:right; border:0; background:0;}
.term_list_top .r_dv .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:44px; font-size:30px;}
.term_list_top .r_dv .p1{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1em; color:#000;}

/*wh*/
.com_top { height: 448px; background: url('../images/sub/sub1_1img1.jpg') no-repeat 50% 50%; background-attachment: fixed; }
.com_top .txt_wrap { display: inline-block; padding: 40px 50px; background: rgba(255,255,255,.85); margin-top: 40px;}
.com_top .eng { font-size: 1.5em; color: #444; }
.com_top .kor { font-size: 2em; color: #222; letter-spacing: -1px; line-height: 1.3; margin-top: 25px; }
.com_top .line { width: 30px; height: 3px; background: #4391e3; margin: 15px 0; }
.com_top .st { font-size: 1.438em; color: #4391e3; }

.com_btm .btm_in { padding-top: 50px; box-sizing: border-box; }
.com_btm .btm { overflow: hidden; border: 1px solid #CCC; box-sizing: border-box; }
.com_btm .left { float: left; width: 45%; }
.com_btm .right { float: left; width: 55%; padding: 35px 45px; box-sizing: border-box; }
.com_btm .right .line { width: 26px; height: 2px; background: #e2426c; margin-top: 20px; margin-bottom: 12px; }
.com_btm .right .eng { color: #777; letter-spacing: 2px; }
.com_btm .right .t1 { font-size: 1.25em; line-height: 1.4; color: #222; margin-top: 25px; }
.com_btm .right .t2 { font-size: 1em; line-height: 2.2; color: #222; margin-top: 20px; }

.com_btm{margin-top:3em;}
.com_btm .p1{font-size:2.5em;}
.com_btm .p2{font-size:1.125em; line-height:1.4; margin-top:1em;}
.com_btm .line_img{display:block; width:100%; height:43px; background:url(../images/sub/sub1_1img2.jpg) no-repeat right center; margin:2em 0;;}
.com_btm .dv01{overflow:hidden;}
.com_btm .dv01 .l_dv{float:left; width:37%;}
.com_btm .dv01 .r_dv{float:right;width:60%;}
.com_btm .dv01 .r_dv ul{padding-top:1em;}
.com_btm .dv01 .r_dv ul li{position:relative; padding-left:110px; margin-bottom:.8em; line-height:1.4; color:#666;}
.com_btm .dv01 .r_dv ul li span{position:absolute; left:10px; top:0; color:#000;}
.com_btm .dv01 .r_dv ul li::before{content:''; position:absolute; left:0; top:6px; width:3px; height:3px; background:#f25252;}

/**/
.review_dv > ul{overflow:hidden; margin-left:-30px;}
.review_dv > ul li{float:left; width:33.33%; margin-bottom:20px;}
.review_dv > ul li .border_dv{margin-left:30px;}
.review_dv > ul li .border_dv .img_dv{overflow:hidden;}
.review_dv > ul li .border_dv .img_dv img{width:100%; height:100%; transition:0.3s;}
.review_dv > ul li .border_dv .txt_dv{padding:1em .5em;}
.review_dv > ul li .border_dv .txt_dv .tit{font-size:1.125em; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.review_dv > ul li .border_dv .txt_dv .id{font-size:0.875em; color:#999; margin-top:1em;}
.review_dv > ul li .border_dv .txt_dv .star_dv .xi{color:#7f71d9; font-size:1em; margin-top:3px}
.review_dv > ul li .border_dv .txt_dv .txt{margin-top:1em; font-size:0.875em; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.review_dv > ul li .border_dv .prod_info_dv{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; box-sizing:border-box; position:relative; height:70px;}
.review_dv > ul li .border_dv .prod_info_dv .prod_img_dv{width:50px; height:50px; position:absolute; left:10px; top:10px;}
.review_dv > ul li .border_dv .prod_info_dv .prod_img_dv img{width:100%; height:100%;}
.review_dv > ul li .border_dv .prod_info_dv .in{padding:0 70px;}
.review_dv > ul li .border_dv .prod_info_dv .p1{color:#ff3333; font-size:0.75em; margin-top:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.review_dv > ul li .border_dv .prod_info_dv .p2{color:#000; font-size:0.813em; margin-top:4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.review_dv > ul li .border_dv .prod_info_dv .more_btn{position:absolute; top:10px; right:10px; display:block; width:60px; height:50px; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
.review_dv > ul li .border_dv .prod_info_dv .more_btn .xi{color:#999; margin-top:4px;}
.review_dv > ul li .border_dv .prod_info_dv .more_btn p{color:#999; margin-top:-2px; font-size:13px;}

.review_dv > ul li .border_dv > a:hover .img_dv img{transform:scale(1.1,1.1)}
.review_dv > ul li .border_dv .prod_info_dv .more_btn:hover{background:#ff3333; border-color:#ff3333; }
.review_dv > ul li .border_dv .prod_info_dv .more_btn:hover *{color:#fff;}

/**/
.view_table_Wrap {margin:2em 0;}

.instructor_wrap{width:360px; right:-80px}
.instructor_wrap > .in{border:1px solid #ddd; padding:2rem; box-sizing:border-box; background:#fff; width:360px !important; height:70vh;}
.instructor_wrap > .in .tt{margin-bottom:1.5rem;}
.instructor_wrap > .in .btns_wrap button{width:100%;}
.instructor_wrap > .in .btns_wrap li:first-of-type button{margin-bottom:10px;}
.instructor_wrap > .in .selected_wrap{margin-top:.5rem;}
.instructor_wrap > .in .op_list > li .op{box-sizing:border-box;}
.instructor_wrap > .in .selected_in{}
.instructor_wrap > .in .selected_in .op_list{height:385px; max-height:385px; overflow-y:auto;}

.page_csGuide{}
.page_csGuide .con_top{ width:100%; max-width:1060px; margin:0 auto; padding:50px 0 60px 0; background:url(../images/sub/cs_guide_img.png) no-repeat top right;}
.page_csGuide .con_top .txt_wrap{}
.page_csGuide .con_top .txt_wrap > dt{ margin-bottom:20px; font-weight:700; font-size:1.563em; color:#444; line-height:1.4;}
.page_csGuide .con_top .txt_wrap > dd{ color:#555; line-height:1.5;}
.page_csGuide .con_top .txt_wrap .c1{ color:#2a8f93;}
.page_csGuide .con_box{ padding:30px 8%; background:#dbeee9; text-align:center; font-size:.938em; line-height:1.6;}

.page_wrap{ margin-top:40px;}
.page_wrap:first-child{ margin-top:0;}
.page_wrap .tit_wrap{ margin-bottom:20px;}
.page_wrap .tit_wrap .tit{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:30px; font-size:1.250em; color:#000;}
.page_wrap .tit_wrap .tit:before{ content:"\eb2b"; font-family:xeicon; font-size:1.250em; color:#e2426c; line-height:1; position:absolute; top:-.1em; left:0;}
.page_wrap .con_wrap{ line-height:1.4;}
.page_wrap .con_wrap .txt{ padding:5px 0; font-weight:700; font-size:.938em; color:#333;}

.page_step_box{ margin:0 0 -10px -10px;}
.page_step_box .inner{ margin:0 0 10px 10px; padding:15px 15px; border:1px solid #ccc; border-top:2px solid #393a3e;}
.page_step_box .inner > dt{ margin-bottom:10px;}
.page_step_box .inner > dt .num{ display:inline-block; *display:inline; zoom:1; margin-bottom:10px; margin-left:-3px; padding:.3em 1.2em; background:#3c3d3c; border-radius:25px; font-size:.750em; color:#fff; text-transform:uppercase;}
.page_step_box .inner > dt .tt{ display:block; font-size:.938em;}
.page_step_box .inner > dd{ font-size:.750em; color:#555; line-height:1.5;}

.page_iconList{}
.page_iconList > li{ padding:3px 0;}
.page_iconList > li .tt{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:30px; font-size:.938em; color:#555;}
.page_iconList > li .tt:before{ content:"\e92b"; font-family:xeicon; font-size:1.375em; color:#3c3d3c; line-height:1; position:absolute; top:-1px; left:0;}

.page_wrap .c1{ color:#0054e0;}
.page_wrap .c2{ color:#e2426c;}

/*testSm*/
.tt_main{display:none;}
body.testSm #header{position:fixed;}
body.testSm #header .top_top{}
body.testSm #header.fix .top_top .menu_home{display:flex; align-items:center;}
body.testSm #header.fix .top_top .menu_home .tt_main{display:block; margin-right:1rem;}

body.testSm #header .search_wrap .inp{width:23em;}

body.testSm #header .top_wrap{position:static;}
body.testSm #header .top_wrap .pr{display:flex; align-items:center;}
body.testSm #header .top_wrap .vm_wrap{height:70px;}
body.testSm #header .top_wrap .menu_wrap{position:static;}
body.testSm #header .top_wrap .menu_wrap.menuL{margin-left:auto;}
body.testSm #header .top_wrap .menu_wrap .btn_icon,
body.testSm #header .top_wrap .menu_wrap .down_btn .btn_icon{font-size:2.3em;}
body.testSm #header .top_wrap .menu_wrap .bookmark_wrap{cursor:pointer; margin-right:1em;}
body.testSm #header .top_wrap .menu_wrap .cart_wrap{margin-right:1.25em;}
body.testSm #header .top_wrap .menu_wrap .cart_wrap .cart_icon .count{top:0;}
body.testSm #header .gnb_wrap{background:rgba(0,0,0,.2);}
body.testSm.scroll #header .gnb_wrap{background:#fff;}
body.testSm #header .gnb_wrap .pr{display:flex;}
body.testSm #header .gnb_wrap .logo_wrap{display:flex; align-items:center;}
body.testSm #header .gnb_wrap .gnb{display:flex; justify-content:flex-end;}
body.testSm #header .gnb_wrap .gnb .dp2 > li > a{color:#fff;}
body.testSm.scroll #header .gnb_wrap .gnb .dp2 > li > a{color:#666;}
body.testSm #header .all_btn{position:static;}

body.testSm #contents{padding-top:0 !important;}

body.testSm .main_Tit_wrap .t2{color:#555;}

body.testSm .main_Visual_sm{height:70vh; padding-top:112px;}
body.testSm .main_Visual_sm .main_visual_wrap{height:100%; position:relative;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in{height:100%;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item{height:70vh; position:relative;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap{position:absolute; top:20%; left:0; width:100%; color:#fff;/* opacity:0;*/}
/*body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item.slick-active .slogan_wrap{top:20%; opacity:1; transition:1.2s; transition-delay:.3s;}*/
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap .box1{padding-right:20em; box-sizing:border-box;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap .t2{font-size:1.500em; margin-bottom:.5rem; font-family:'notokrL'; letter-spacing:1.5px; transform:translateY(-1em); opacity:0;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap .tt{font-size:3.250em; margin-bottom:.875rem; line-height:1.6; font-weight:bold; transform:translateY(-1em); opacity:0;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap .t1{font-size:2.000em; transform:translateY(-1em); opacity:0;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item.slick-active .slogan_wrap .t2{transition:1.2s; transition-delay:.3s; transform:translateY(0); opacity:1;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item.slick-active .slogan_wrap .tt{transition:1.2s; transition-delay:.5s; transform:translateY(0); opacity:1;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item.slick-active .slogan_wrap .t1{transition:1.2s; transition-delay:.7s; transform:translateY(0); opacity:1;}

body.testSm .main_Visual_sm .main_visual_wrap .visual_in .slick-dots{position:absolute; bottom:5.625em; left:50%; transform:translateX(100px); margin-left:calc(-1200px / 2); z-index:5;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .slick-dots ul{display:flex;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .slick-dots ul li{border:0; outline:none; width:80px; height:6px; margin-right:10px; background:#fff; position:relative; transition:.3s; cursor:pointer;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .slick-dots ul li:before{content:''; display:block; width:0; height:100%; position:absolute; left:0; top:0; z-index:2; background:#4391e3; transition:0s;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .slick-dots ul li.slick-active{width:100px;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .slick-dots ul li.slick-active:before{width:100%; transition:3.5s;}
body.testSm .main_Visual_sm .main_visual_wrap .visual_in .slick-dots ul li button{border:0; outline:none; font-size:0;}

body.testSm .main_Visual_sm .main_visual_wrap .arrow_cv{position:absolute; left:0; bottom:5em; width:100%;}
body.testSm .main_Visual_sm .main_visual_wrap .arrow_cv .arrow_wrap{display:flex;}
body.testSm .main_Visual_sm .main_visual_wrap .arrow_cv .arrow_wrap li{cursor:pointer; color:#fff; margin-right:1.5em;}

body.testSm .main_con_sm_wrap{}
body.testSm .main_con_sm_wrap .main_con_sm{padding:0 0 3rem; margin-top:3rem;}
body.testSm .main_con_sm_wrap .main_con_sm:not(.n1){padding-top:3rem; margin-top:0;}
body.testSm .main_con_sm_wrap .main_con_sm .box1{border-top:2px solid #ccc; padding-top:2rem;}
body.testSm .main_con_sm_wrap .main_con_sm.n1{background:#f9f9f9; padding-top:3rem; margin-top:0;}

body.testSm .main_con_sm_wrap .main_con_sm .mcs_tit_wrap{margin-bottom:2rem; text-align:center;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_tit_wrap .tit{font-size:1.750em; font-weight:bold; margin-bottom:1rem; color:#111;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_tit_wrap .sub{font-size:1.250em; color:#666;}

body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap{}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st{}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv{flex:1 1 33.33%; max-width:calc(calc(100% - 60px) / 3); margin-bottom:2rem;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv:nth-of-type(3n-1){margin:0 30px;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv .img_wrap{height:240px; max-width:100%;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv .img_wrap .img{width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv .txt_wrap{border:1px solid #ccc; border-top:0; text-align:center; padding:10px 0; box-sizing:border-box; transition:.3s;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv .txt_wrap .tt{font-size:1.125em; transition:.3s;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv:hover .txt_wrap{border-color:#4391e3;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv:hover .txt_wrap .tt{color:#4391e3;}

body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap{margin-top:2rem;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1{position:relative;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides{margin-left:-30px; margin-right:-30px; padding:0 20px;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el{padding:20px 15px; cursor:pointer; transition:.3s;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el:hover{transform:translateY(-10px);}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el .in{box-shadow:0 0 2px 4px rgba(0,0,0,.15); transition:.3s; border:1px solid transparent; box-sizing:border-box;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el:hover .in{box-shadow:0 0 8px 6px rgba(67,145,227,.1); border-color:#4391e3;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el .prod_img{height:200px;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el .prod_img .img{width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el .prod_cate{padding:10px 0; text-align:center; position:relative; overflow:hidden;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el .prod_cate:before{content:'\e914'; font-family:'xeicon'; font-size:1em; color:#fff; background:#4391e3; width:40px; height:40px; display:flex; justify-content:center; align-items:center; transition:.3s; position:absolute; right:-40px; bottom:0;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el:hover .prod_cate:before{right:0;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el .prod_cate .tt{font-size:1.25em; color:#111; margin-bottom:.5rem;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el .prod_cate .t1{color:#4391e3; opacity:.7;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .arrow_wrap{position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%);}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .arrow_wrap span{cursor:pointer; width:40px; height:40px; border-radius:50%; background:#fff; border:1px solid #ddd; box-sizing:border-box; display:flex; justify-content:center; align-items:center; transition:.3s;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .arrow_wrap span:hover{background:#4391e3; color:#fff;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .arrow_wrap .next{position:absolute; top:-20px; right:-50px;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .arrow_wrap .prev{position:absolute; top:-20px; left:-50px;}

body.testSm .main_Con4{margin-top:0; padding-top:50px; padding-bottom:50px; background:linear-gradient(180deg, rgba(67,145,227,0) 0%, rgba(67,145,227,0.15) 8%, rgba(19,51,104,0.1) 32%, rgba(19,51,104,0.1) 55%, rgba(234,88,45,0.1) 76%, rgba(242,146,6,0.1) 92%, rgba(242,146,6,0) 100%);} 
body.testSm .main_Con4 .menu_tab {border:1px solid #ddd; border-bottom:1px solid #333; margin-bottom:2rem; background:rgba(255,255,255,.5);}
body.testSm .main_Con4 .menu_tab .tab_list {}
body.testSm .main_Con4 .menu_tab .tab_list > li{width:16.66%; cursor:pointer}
body.testSm .main_Con4 .menu_tab .tab_list > li.vm_wrap{height:60px; line-height:60px;}
body.testSm .main_Con4 .menu_tab .tab_list > li > a{color:#999; font-family:'notokrM', sans-serif; font-size:1.063em;}
body.testSm .main_Con4 .menu_tab .tab_list > li:hover > a{color:#000}
body.testSm .main_Con4 .menu_tab .tab_list > li.on{background:#333; }
body.testSm .main_Con4 .menu_tab .tab_list > li.on > a{color:#fff;}
body.testSm .main_Con4 .slick-dots{margin-left:30px;}

body.testSm .banner_zone{position:relative; height:220px;}
body.testSm .banner_zone .banner{position:absolute; left:0; top:0; width:100%; height:100%;}
body.testSm .banner_zone .banner .tt{position:absolute; top:50%; left:2em; font-size:1.5em; width:30%; transform:translateY(-50%); line-height:1.4;}

body.testSm.product #header .gnb_wrap{background:#fff;}
body.testSm.product #header .gnb_wrap .gnb .dp2 > li > a{color:#777;}
body.testSm.product #header .gnb_wrap .gnb .dp2 > li.on > a{color:#4391e3; position:relative;}
body.testSm.product #header .gnb_wrap .gnb .dp2 > li.on > a:after{content:'\e942'; font-family:'xeicon'; font-size:1.125em; color:#4391e3; position:absolute; right:.025em; top:50%; transform:translateY(-50%);}
body.testSm.product #contents .doc{padding-top:10.75em; padding-bottom:3em}

body.testSm.product .prod_wrap > li{width:33.33%;}

body.testSm.product .prod_list_box{position:relative; display:flex; justify-content:space-between;}
body.testSm.product .prod_list_box .prod_lnb_wrap{width:220px;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv{border-left:1px solid #4391e3; border-right:1px solid #4391e3; border-bottom:1px solid #4391e3; position:relative; left:0; top:0; box-sizing:border-box; width:220px; border-radius:0 0 7px 7px;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_head{background:#4391e3; color:#fff; text-align:center;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_head .title{padding:.75em 0; font-size:1.1250em;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body{}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2{}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu{position:relative; height:30px; display:flex; justify-content:left; align-items:center; cursor:pointer; color:#555; transition:.3s;}
/* body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu{position:relative; height:30px; left: 10%; cursor:pointer; color:#555; transition:.3s;} */
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu:hover{color:#8fb8e3;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu.on{color:#4391e3;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu:not(:last-of-type):after{content:''; display:block; width:93%; height:1px; background:#ddd; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%);}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu .toggle_icon{margin-right:2em; margin-left:1em; position:relative; width:30px; height:10px;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu .toggle_icon:before{content:''; display:block; width:30px; height:10px; border-radius:10px; border:1px solid #ccc; background:#fff; position:absolute; left:0; top:0; transition:.3s;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu:hover .toggle_icon:before{background:#8fb8e3;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu.on .toggle_icon:before{background:#4391e3;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu .toggle_icon .circle{width:10px; height:10px; border-radius:10px; border:1px solid #999; background:#fff; position:absolute; left:0; top:0; transition:.3s;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu:hover .toggle_icon .circle{left:calc(80% - 10px);}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu.on .toggle_icon .circle{left:calc(100% - 10px);}

body.testSm.product .prod_list_box .prod_list_wrap{width:calc(100% - 240px); padding-top:2rem;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap{margin-bottom:3rem;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp2_title{font-size:1.125em; color:#555; display:flex; algin-items:flex-end; padding-left:.75em;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp2_title > i{position:relative;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp2_title > i:after{content:''; display:block; width:102%; height:2px; background:#4391e3; position:absolute; left:0; bottom:-2px;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp2_title .xi{font-size:1em; color:#4391e3;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp2_title .tt{padding-left:.5em;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list{border-radius:1em; background:#fff; padding:2em; box-sizing:border-box; border:1px solid #ddd; margin-bottom:1.25rem;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3{display:flex; flex-wrap:wrap;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu{width:20%; display:flex; justify-content:center; align-items:center; height:40px; box-sizing:border-box; position:relative; color:#888; transition:.3s; cursor:pointer; background:#f7f7f7;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu:hover{color:#8fb8e3; background:#fafafa}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu:after{content:''; display:block; width:0; height:2px; background:#999; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); transition:.3s; z-index:1;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu.on{color:#4391e3; background:#fff;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu.on:before{content:''; display:block; width:100%; height:100%; border:1px solid #ddd; position:absolute; left:0; top:0; box-sizing:border-box;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu:hover:after{width:80%; background:#8fb8e3;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu.on:after{width:100%; background:#4391e3;}
/*body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu:not(:nth-last-of-type(-n+5)){margin-bottom:1rem;}*/
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4{display:flex; flex-wrap:wrap;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 .dp4_menu{width:20%; display:flex; justify-content:center; align-items:center; height:40px; box-sizing:border-box; position:relative; color:#888; transition:.3s; cursor:pointer; background:#f7f7f7;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 .dp4_menu:hover{color:#8fb8e3; background:#fafafa}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 .dp4_menu:after{content:''; display:block; width:0; height:2px; background:#999; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); transition:.3s; z-index:1;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 .dp4_menu.on{color:#4391e3; background:#fff;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 .dp4_menu.on:before{content:''; display:block; width:100%; height:100%; border:1px solid #ddd; position:absolute; left:0; top:0; box-sizing:border-box;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 .dp4_menu:hover:after{width:80%; background:#8fb8e3;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 .dp4_menu.on:after{width:100%; background:#4391e3;}


body.testSm.product .prod_list_box .prod_list_wrap .prod_list_in{}
body.testSm.product .prod_list_box .prod_list_wrap .prod_list_in .prod_list_filter_wrap{margin-bottom:1.5rem; border-bottom:2px solid #aaa; padding-bottom:.75rem; display:flex; justify-content:space-between; align-items:flex-end;}
body.testSm.product .prod_list_box .prod_list_wrap .prod_list_in .prod_list_filter_wrap .pl_filter{display:flex; justify-content:flex-end;}
body.testSm.product .prod_list_box .prod_list_wrap .prod_list_in .prod_list_filter_wrap .pl_filter .filter_type{margin-left:1rem; font-size:.875em; cursor:pointer; color:#555;}
body.testSm.product .prod_list_box .prod_list_wrap .prod_list_in .prod_list_filter_wrap .pl_filter .filter_type.on{color:#4391e3;}
body.testSm.product .prod_list_box .prod_list_wrap .prod_list_in .prod_list_filter_wrap .pl_filter .filter_type .xi{transform:translate(3px,-4px); width:0; overflow:hidden; transition:.3s;}
body.testSm.product .prod_list_box .prod_list_wrap .prod_list_in .prod_list_filter_wrap .pl_filter .filter_type.on .xi,
body.testSm.product .prod_list_box .prod_list_wrap .prod_list_in .prod_list_filter_wrap .pl_filter .filter_type:hover .xi{width:20px;}

body.testSm.sub #header .gnb_wrap{background:#fff;}
body.testSm.sub #header .gnb_wrap .gnb .dp2 > li > a{color:#777;}
body.testSm.sub #header .gnb_wrap .gnb .dp2 > li.on > a{color:#4391e3; position:relative;}
body.testSm.sub #header .gnb_wrap .gnb .dp2 > li.on > a:after{content:'\e942'; font-family:'xeicon'; font-size:1.125em; color:#4391e3; position:absolute; right:.025em; top:50%; transform:translateY(-50%);}
body.testSm.sub #contents .doc{padding-top:10.75em; padding-bottom:3em}
body.testSm.sub.inquiry #contents .doc{}

.view_total_wrap{background:#37383e; color:#fff; height:60px; padding:0 1em; box-sizing:border-box; margin-top:1rem;}
.view_total_wrap > .flex{height:100%;}
.view_total_wrap > .flex .total{font-size:.9375em;}
.view_total_wrap > .flex .total .num{color:#e2426c; font-size:1.25em; margin:0 .25em;}
.view_total_wrap > .flex .total_price{font-size:.9375em;}
.view_total_wrap > .flex .total_price .total_price_num{font-size:1.75em; color:#e2c127; margin:0 .25em;}

.btn_wrap_sm{justify-content:flex-end;}
.btn_wrap_sm .mall_btn{max-width:22%; margin-left:.5em;}

.slide_category_wrap{background:#f5f5f5; padding:1em; box-sizing:border-box;}
.slide_category_wrap .sc_title_wrap{margin-bottom:.75rem;}
.slide_category_wrap .sc_title_wrap:not(:first-of-type){margin-top:2rem;}
.slide_category_wrap .sc_title_wrap .title{font-size:1.125em; color:#4391e3; text-align:center;}
.slide_category_wrap .sc_ctt_wrap{}
.slide_category_wrap .sc_ctt_wrap .sc_ctt{}
.slide_category_wrap .sc_ctt_wrap .sc_ctt.on{}
.slide_category_wrap .sc_ctt_wrap .sc_ctt:not(:last-of-type){margin-bottom:1.25rem;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_head{background:#4391e3; padding:1.625rem 1.25rem; box-sizing:border-box; position:relative; cursor:pointer;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_head:before{content:''; display:block; width:18px; height:2px; background:#fff; position:absolute; right:1.25rem; top:50%; transform:translateY(-50%); transition:.3s;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_head:after{content:''; display:block; width:18px; height:2px; background:#fff; position:absolute; right:1.25rem; top:50%; transform:translateY(-50%) rotate(270deg); transition:.3s;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt.on .sc_ctt_head:before{transform:translateY(-50%) rotate(180deg);}
.slide_category_wrap .sc_ctt_wrap .sc_ctt.on .sc_ctt_head:after{transform:translateY(-50%) rotate(360deg);}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_head .tt{color:#fff; font-size:1.125rem;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body{background:#fff;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st{display:flex; flex-direction:column;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_head{background:#ddd; box-sizing:border-box; display:flex;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_head > div{flex:1 1 20%; border-right:1px solid #fff; box-sizing:border-box; padding:.625rem 0;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_head > div:last-of-type{border-right:0;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_head > div.col4{flex:1 1 80%;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_head > div .t1{padding:0 1em; box-sizing:border-box;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_body{display:flex; border-bottom:1px solid #ddd;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_body > div{flex:1 1 20%; border-right:1px solid #ddd; box-sizing:border-box; height:150px; display:flex; align-items:center;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_body > div:last-of-type{border-right:0;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_body > div .t1{font-size:.8375em; color:#555; padding:0 1em; box-sizing:border-box;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_body > div .t1 a{color:#4391e3; margin-top:.25rem;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_body > div .t1 a .tt{text-decoration:underline;}
.slide_category_wrap .sc_ctt_wrap .sc_ctt .sc_ctt_body .flex_table_st .ft_body > div .t1 a .xi{transform:translateY(3px);}