/* Common **********************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }

  @font-face {
	font-family: 'SCDream';
	font-weight: 100;
	src: url('/font/SCDream1.otf') format('opentype');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 200;
	src: url('/font/SCDream2.otf') format('opentype');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 300;
	src: url('/font/SCDream3.otf') format('opentype');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 400;
	src: url('/font/SCDream4.otf') format('opentype');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 500;
	src: url('/font/SCDream5.otf') format('opentype');
}
@font-face {
	font-family: 'SCDream';
	font-weight: 600;
	src: url('/font/SCDream6.otf') format('opentype');
}
/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {*word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none;  vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.6;   font-family: 'Noto Sans KR'; color:#555555;} 

a:link,a:active,a:visited{color:#555555; text-decoration:none; border:0px;}
a:hover,a:focus{color:#555555; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;  }
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

/*main*/
.f_left{float:left;}
.f_right{float:right;}
.t_center{text-align:center;}

/*로그인스킨*/
.mobile_loginWrap{}
.mobile_loginWrap th{height:35px; background-color:#f0f0f0; font-size:13px; color:#333333; font-weight:bold; }
.mobile_loginWrap td{height:35px;background-color:#f0f0f0; }
input.input_mobile_login{width:85%; height:22px; color:#666666;background-color:#ffffff; border:1px solid #DFDFDF; -webkit-border-radius:0px;  -webkit-appearance:none; }
.btn_login_mobileWrap{text-align:center;}
.login_btn_mobile{width:80%; height:35px; font-size:14px; font-weight:bold; color:#ffffff; background:#333333; border:0 none; }

/*회원가입 스킨*/
.inWrap {width:98%;   padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:12px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{font-family:"Nanum Barun Gothic"; color:#fff;}


#wrap{width:100%; min-width:375px; max-width:750px; margin: 0 auto;position:relative; overflow:hidden;}
.inner{position: relative;padding: 0 2.66%;}


#header{line-height: 1;z-index: 5000;}
#header .h_top{border-bottom: 1px solid #ddd;}
#header .h_top .inner{display: flex;align-items:center; justify-content: space-between;height: 60px;}
#header .h_top h1 a img{width: 95px;}
#header .h_top button{width: 30px;height: 20px;background:url(/mobile/images/main/main_btn02.png)center no-repeat;background-size:cover ;}
#header.on .h_top button{width: 23px;height: 23px;background:url(/mobile/images/main/main_btn01.png)center no-repeat;background-size:cover ;}
#header .h_bottom {border-bottom: 1px solid #1f6dbf;}
#header .h_bottom .inner{position: relative;display: flex;align-items:center;padding: 14px 2.66%;}
#header .h_bottom input{width: 100%;height: 35px;border-radius: 2.5px;border: 2px solid #1f6dbf;padding: 0 35px 0 3.5px;}
#header .h_bottom input::placeholder{font-size: 12px;color: #999;}
#header .h_bottom button{position: absolute;right: 24px;top: 50%;transform:translateY(-50%);}
#header .h_bottom button img{width: 16px;}



/* nav */
.navigation { display:none; position:absolute; left: 0; top:60px; width: 100%; height: 100%; z-index: 3500;}
.navigation .lnb {position:absolute; right: 0; top: 0px; width: 50%; height: 100%; background-color: #fff; font-size: 0; z-index: 3000;}
.navigation.on{display:block;}
.navigation h3{height:40px;width:100%;}
.navigation h3:nth-child(1) a{border-top: 1px solid #e2e2e2;}
.navigation h3 > a{position: relative;display: flex; height:40px;width:100%;background-color:#fff;align-items: center;padding: 0 0 0 15px;color:#222;font-size:13px;border-bottom:1px solid #ddd;font-weight:500;}
.navigation h3.on > a,
.navigation h3.active > a{color: #fff;background: #1f6dbf;}
.navigation h3 a:after{content: "";position: absolute;right: 15px;top: 50%;transform:translateY(-50%);width: 7px;height: 7px;border-radius:50%;border: 2px solid #888888;}
.navigation h3.on a:after,
.navigation h3.active a:after{border: 2px solid #fff;}
.navigation ul{display: none;padding:15px 0;background:#f6f6f6;border-bottom:1px solid #ddd;}
.navigation ul li{margin-bottom: 15px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:block;width:100%;color:#777777;font-size:12px;line-height: 1;padding-left: 15px;background:#f6f6f6;font-weight: 400;}

.navigation .login_box .box{position: relative;display: flex;}
.navigation .login_box .box:nth-child(1):after{content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #fff;opacity: .5;}
.navigation .login_box .box a{position: relative;display: block;width: 50%;height: 30px;text-align: center;line-height: 29px;color: #fff;font-size: 12px;background: #1f6dbf;}
.navigation .login_box .box a:nth-child(1):after{content:'';position: absolute;right: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 8px;background: #fff;opacity: .5;}

.nav_bg {display: none;position:absolute; left: 0; top: 60px; width: 100%; height: 100%; background-color:rgba(0,0,0,0.7); z-index: 2900; }


#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .visual01 li{position: relative;}
#visual_wrap .visual01 li .visual_txt{position: absolute;top: 216px;left: 0;width: 100%;}
#visual_wrap .visual01 li .visual_txt span{position: relative;display: block;padding-right: 15px;/*text-align: right*/;font-size: 35px;color: #fff;z-index: 1;margin-bottom: 25px;font-family: 'SCDream';}
#visual_wrap .visual01 li .visual_txt span:after{content:'';position: absolute;width: 60px;height: 12px;background: #3a90e9;opacity: .4;z-index: -1;bottom: -6px;right: 0;}
#visual_wrap .visual01 li .visual_txt p{text-align: right;font-size: 30px;color: #fff;font-family: 'SCDream';}
#visual_wrap .visual01 li .visual_txt p em{position: relative;font-weight: 300;}
#visual_wrap .visual01 li .visual_txt p em:after{content:'';position: absolute;width: 100%;height: 1px;bottom: 2px;left: 0;background: #fff;}

#visual_wrap .con{display: flex; justify-content: space-between;align-items:center;}
#visual_wrap .con .prev01{display: flex;width: 35px;height: 40px;border: 1px solid #ddd;align-items:center;justify-content: center;}
#visual_wrap .con .prev01 img{width: 6px;}
#visual_wrap .con .next01{display: flex;width: 35px;height: 40px;border: 1px solid #ddd;align-items:center;justify-content: center;}
#visual_wrap .con .next01 img{width: 6px;}
#visual_wrap .con ul{width: calc(100% - 70px);}
#visual_wrap .con .slick-list { width:calc(100% + 0px);}
#visual_wrap .con .visual02 li{width: 152.5px;margin-right: 0px;}
#visual_wrap .con .visual02 li a{position: relative;display: block;text-align: center;height: 40px;line-height: 38px;color: #222;font-size: 12px;}
#visual_wrap .con .visual02 li a:after{content:'';position: absolute;bottom: 0;left: 0;height: 2px;width: 0;transition:4s;background: #3a90e9;}

@keyframes ani01{
0%{width: 0;}
100%{width: 100%;}
}

#visual_wrap .con .visual02 li.slick-current a:after{animation:ani01 linear 4s forwards;}
#visual_wrap .con .visual02 li.slick-current a{background: #444444;color: #fff;}


/* 공통 */
.main_tit{display: flex;align-items:center; justify-content: space-between;margin-bottom: 20px;}
.main_tit h2{font-size: 20px;font-weight: 500;color: #222;}
.main_tit h2 span{color: #1f6dbf;}
.main_tit .slide_item{display: flex; align-items: center; right: 0; top: 0; font-size: 0;}
.main_tit .slide_item .count{display: inline-block; line-height: 1; margin-right: 7px;}
.main_tit .slide_item .count span{display: inline-block; font-size: 12px; color:#222; line-height: 1; vertical-align: middle;}
.main_tit .slide_item .count .counter-bar{margin: 0 3px;}
.main_tit .slide_item .count .total{color:#999}
.main_tit .slide_item div:nth-child(2){margin-right: 5px;}
.main_tit .slide_item div img{width: 30px;}


.main_list01{display: flex;gap:28px 46px;flex-wrap:wrap;padding: 0 23px;}
.main_list01 li {width: calc((100% - 46px)/2);}
.main_list01 li a .img_wrap{position:relative; width:100%; padding-bottom:145.977%;margin-bottom: 10px;}
.main_list01 li a .img_wrap img{position:absolute; left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.main_list01 li a .txt{color: #222;text-align: center;}
.main_list01 li a .txt em{display: block;font-size: 12px;font-weight: 400;white-space: nowrap; overflow:hidden;text-overflow: ellipsis; }
.main_list01 li a .txt p{font-size: 11px;color: #888;margin: 8px 0 9px;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
.main_list01 li a .txt span{display: block;font-size: 12px;font-weight: 500;}

#section01{line-height: 1;padding: 40px 0;background: #f9f9f9;}



#section02{line-height: 1;padding: 40px 0;}
#section02 .slide_item{gap:20px;}
#section02 .slide_item .sec_prev02{position: relative;}
#section02 .slide_item .sec_prev02:after{content:'';position: absolute;right: -10px;width: 1px;height: 8px;background: #bbb;top: 50%;transform:translateY(-50%);}
#section02 .slide_item .sec_prev02 img{width: 6.5px;}
#section02 .slide_item .sec_next02 img{width: 6.5px;}

#section02 ul li{display: flex; justify-content: space-between;}
#section02 ul li .img_box{width: 174px;}
#section02 ul li .img_box .box{position:relative; width:100%; padding-bottom:145.977%;}
#section02 ul li .img_box .box img{ position:absolute; left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
#section02 ul li .txt{position: relative;width: calc(100% - 184px);padding-top: 10px;}
#section02 ul li .txt p{font-size: 15px;color: #222;line-height: 24px;margin-bottom: 7px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#section02 ul li .txt span{display: block;font-size: 11px;color: #999;font-weight: 300;margin-bottom: 10px; white-space: nowrap; overflow:hidden;text-overflow: ellipsis; }
#section02 ul li .txt em{font-size: 12px;font-weight: 500;color: #222;}
#section02 ul li a{position: absolute;display: flex;left: 0;bottom: 0;width: 84px;height: 29px;background: #1f6dbf;gap:10px;align-items:center;justify-content: center;}
#section02 ul li a b{font-size: 12px;color: #fff;font-weight: 400;}
#section02 ul li a img{width: 4.5px;}


#section03{line-height: 1;height: 148px;background:url(/mobile/images/main/main_bg01.jpg)center no-repeat;background-size:cover ;padding-top: 30px;}
#section03 h2{font-size: 20px;font-weight: 500;color: #fff;margin-bottom: 15px;text-align: center;}
#section03 p{font-size: 12px;color: #fff;text-align: center;margin-bottom: 15px;}
#section03 a{display: block;margin: 0 auto;color: #fff;width: 125px;height: 33px;border-radius: 33px;border: 1px solid #fff;text-align: center;line-height: 32px;font-size: 11.5px;}


#section04{padding: 40px 0 80px;line-height: 1;}


#section05{line-height: 1;padding-bottom: 40px;}
#section05 ul li{display: flex;height: 99px;flex-direction: column;justify-content: center;gap:18px;margin-bottom: 10px;padding-left: 20px;}
#section05 ul li:last-child{margin-bottom: 0;}
#section05 ul li:nth-child(1){background:url(/mobile/images/main/main_bg02.jpg)center no-repeat;background-size:cover ;}
#section05 ul li:nth-child(2){background:url(/mobile/images/main/main_bg03.jpg)center no-repeat;background-size:cover ;}
#section05 ul li:nth-child(3){background:url(/mobile/images/main/main_bg04.jpg)center no-repeat;background-size:cover ;}
#section05 ul li:nth-child(4){background:url(/mobile/images/main/main_bg05.jpg)center no-repeat;background-size:cover ;}
#section05 ul li p{font-size: 20px;font-weight: 500;color: #026a66;}
#section05 ul li:nth-child(2) p{color: #020149;}
#section05 ul li:nth-child(3) p{color: #504335;}
#section05 ul li:nth-child(4) p{color: #643135;}
#section05 ul li a{display: flex;gap:3px;align-items:center;width: 53px;height: 22.5px;justify-content: center;background: #026a66;}
#section05 ul li:nth-child(2) a{background: #020149;}
#section05 ul li:nth-child(3) a{background: #504335;}
#section05 ul li:nth-child(4) a{background: #643135;}
#section05 ul li a span{color: #fff;font-size: 11px;}
#section05 ul li a img{width: 4.5px;}


.quick_menu{position: fixed;display: flex;width: 100%;left: 0;bottom: 0;line-height: 1;background: #fff;border-top: 1px solid #ddd;z-index: 2000;}
.quick_menu li{flex:1;border-right: 1px solid #ddd;}
.quick_menu li:last-child{border-right: 0;}
.quick_menu li a{display: flex;height: 73px;align-items:center;justify-content: center;flex-direction: column;gap:8px;}
.quick_menu li a img{width: 25px;}
.quick_menu li:nth-child(2) a img{width: 32px;}
.quick_menu li:nth-child(3) a img{width: 28px;}
.quick_menu li a p{font-size: 12px;color: #444;}


#footer{line-height: 1;padding-bottom: 100px;background: #343b4a;}
#footer ul{display: flex;height: 34px;border-bottom: 1px solid rgba(255,255,255,.2);justify-content: center;gap:14px;align-items:center;}
#footer ul li a{font-size: 12px;color: #a3aab9;}
#footer .f_wrap .box01{padding: 25px 0;border-bottom: 1px solid rgba(255,255,255,.2);}
#footer .f_wrap .box01 a img{display: block;width: 95px;margin: 0 auto;}
#footer .f_wrap .box02{padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,.2);}
#footer .f_wrap .box02 p{color: #a3aab9;font-size: 12px;line-height: 1.6;text-align: center;}
#footer .f_wrap .box03{padding-top: 25px;}
#footer .f_wrap .box03 .tel_box{display: flex;gap:12px;align-items:center;justify-content: center;margin-bottom: 8.5px;}
#footer .f_wrap .box03 .tel_box img{width: 39px;}
#footer .f_wrap .box03 .tel_box .txt span{font-size: 12px;color: #d7dae1;}
#footer .f_wrap .box03 .tel_box .txt p{font-size: 14px;color: #d7dae1;margin-top: 5px;}
#footer .f_wrap .box03 .txt01 p{font-size: 12px;color: #d7dae1;text-align: center;margin-bottom: 10px;}
#footer .f_wrap .box03 .txt01 span{display: block;text-align: center;font-size: 12px;color: #a3aab9;}




/* sub */
#sub_visual_wrap{position: relative;}
#sub_visual_wrap .txt_wrap{position: absolute;width: 100%;left: 0;top: 50%;transform:translateY(-50%);line-height: 1;}
#sub_visual_wrap .txt_wrap h2{font-size: 17px;font-weight: 500;color: #fff;text-align: center;margin-bottom: 22px;}
#sub_visual_wrap .txt_wrap ul{display: flex;gap:21px;justify-content: center;}
#sub_visual_wrap .txt_wrap ul li{position: relative;font-size: 12px;color: #fff;}
#sub_visual_wrap .txt_wrap ul li:after{content:'';position: absolute;right: -13px;top: 55%;transform:translateY(-50%);width: 4.5px;height: 8px;background:url(/mobile/images/sub/sub_ico01.png)center no-repeat;background-size:cover ;}
#sub_visual_wrap .txt_wrap ul li:last-child:after{display: none;}


/* tab_menu */
.tab_menu {display: block; position:relative; z-index:1200; width:100%; border: 1px solid #ddd; background:#fff;}
.tab_menu .menu {display: flex; width:100%; height:40px;}
.tab_menu .menu > li {position:relative; flex:1; height:100%; background:url("/mobile/images/sub/sub_ico03.png") center right 10px no-repeat; background-size:10px auto;}
.tab_menu .menu > li.on {background-image:url("/mobile/images/sub/sub_ico02.png");background-size: 10px auto;}
.tab_menu .menu > li ~ li { border-left:1px solid #ddd;}
.tab_menu .menu > li > a {display:flex; align-items:center; padding: 0 10px; width:100%; height:100%; font-size: 12px; color:#222;}
.tab_menu .menu > li ul {display:none; position:absolute; width:calc(100% + 2px); top:100%; left:-1px; background-color:#fff; border:1px solid #ddd; z-index:100;}
.tab_menu .menu > li ul li:first-child { padding-top:15px;}
.tab_menu .menu > li ul li:last-child { padding-bottom:15px;}
.tab_menu .menu > li ul li ~ li { margin-top:8px;}
.tab_menu .menu > li ul li a {display:block; font-size:12px; color:#777; line-height:20px; font-weight: 400; padding:0 10px; text-indent:0; box-sizing:border-box;}
.tab_menu .menu > li ul li.on a, 
.tab_menu .menu > li ul li.active a{ color:#1f6dbf;}


#sub_contents{padding: 20px 0 70px;}


.cate_list{display: flex;padding: 20px;border-top: 1px solid #222;background: #f9f9f9;border-bottom: 1px solid #ddd;gap:15px 0;flex-wrap:wrap;margin-bottom: 30px;}
.cate_list li{width: 50%;}
.cate_list li a{position: relative;padding-left: 8px;font-size: 12px;color: #666;line-height: 1;}
.cate_list li a:after{content:'';position: absolute;left: 0;top: 8px;width: 2px;height: 2px;border-radius: 50%;background: #666;}
.cate_list li.on a{color: #222;}
.cate_list li.on a:after{background: #1f6dbf;}

/* sub0101 */
.search_box_wrap{/* background: #f1f1f1; */ padding: 10px; border: 1px solid #ddd; background: #f9f9f9; border-top: 2px solid #1f6dbf; margin-bottom: 40px;}
.search_box_wrap .btn_new_Wrap{margin-top: 10px;}
.search_box_wrap h6{font-size: 17px; font-weight: 500; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px;}
.search_box_wrap table{width: 100%;}
.search_box_wrap input{border: 1px solid #ddd; width: 100%; height: 35px;}
.search_box_wrap select{border: 1px solid #ddd; height: 35px;}
.search_box_wrap th{font-weight: 500;width: 50px;}
.search_box_wrap td{padding: 5px;}
.sub0101_wrap .tab_tit{width: 100%;}
.sub0101_wrap .tab_tit li{float: left; width: 190px; border: 1px solid #ddd; padding: 10px 0; color: #999; background: #f7f7f7;}
.sub0101_wrap .tab_tit li.on{ color: #fff; background:#fff; color: #343b4a; border-bottom: 0; border-top: 2px solid #343b4a; }
.sub0101_wrap .con{margin: 20px; }
.sub0101_wrap .con p{float: left; font-size: 14px; color: #555;}
.sub0101_wrap .con span{font-weight: 500; color: #000;}
.sub0101_wrap .con .product{float: right; font-size: 14px; color: #555;}
.sub0101_wrap .con select{border: 1px solid #ccc;}
.sub0101_wrap .tab_con table{width: 100%; table-layout: fixed; }
.sub0101_wrap .tab_con table tr{border-bottom: 1px solid #ddd;}
.sub0101_wrap .tab_con table th{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px; background: #f9f9f9; color: #333; font-weight: 500;}
.sub0101_wrap .tab_con table td{text-align: center; padding: 20px 0;}
.sub0101_wrap .tab_con table td em.red{color: #f31e23; font-weight: 500;} 
.sub0101_wrap .tab_con table td .img{width: 110px; height: 159px; margin: 0 auto;}
.sub0101_wrap .tab_con table td .img img{width: 100%;}
.sub0101_wrap .tab_con table td span{font-size: 13px; color: #777; position: relative; padding-right: 8px;}
.sub0101_wrap .tab_con table td span:after{position: absolute; background: #aaa; height: 10px; width: 1px; content: ''; top: 6px; right: 4px;}
.sub0101_wrap .tab_con table td span:last-child{padding-right: 0;}
.sub0101_wrap .tab_con table td span:last-child:after{background: 0;}
.sub0101_wrap .tab_con table td a.name{color: #222;}
.sub0101_wrap .tab_con table td .btn_style01{background: #1f6dbf; display: block; color: #fff; padding: 3px 0; font-size: 13px; margin-bottom: 2px;}
.sub0101_wrap .tab_con table td .btn_style02{background:#888 ; display: block; color: #fff;  margin-bottom: 2px; padding: 3px 0; font-size: 13px;}
.sub0101_wrap .tab_con table td .btn_style03{border: 1px solid #888; display: block; padding: 3px 0; font-size: 13px; color: #888;}

/* sub0101_view */
.sub0101_view_wrap{padding-top: 20px;}
.sub0101_view_wrap h6{font-size: 19px; position: relative; padding-left: 10px; margin-bottom: 10px; border-bottom: 1px solid #343b4a; padding-bottom: 10px; margin-top:10px;}
.sub0101_view_wrap h6:before{position: absolute; width: 2px; height: 14px; background: #1f6dbf; content: ''; top: 9px; left: 0;}
.sub0101_view_wrap .category{color: #bf6532; border: 1px solid #bf6532; padding: 3px 15px;}
.sub0101_view_wrap .top{margin-bottom: 80px;}
.sub0101_view_wrap .top .img{margin-bottom: 30px;}
.sub0101_view_wrap .top .img img{width: 100%; margin-bottom: 5px;}
.sub0101_view_wrap .top .img p{font-size: 14px; position: relative; padding-left: 7px;}
.sub0101_view_wrap .top .img p:before{position: absolute; width: 2px; height: 2px; border-radius:50%; background: #1f6dbf; content: ''; top: 10px; left: 0;} 
.sub0101_view_wrap .top .img span{font-weight: 500; }
.sub0101_view_wrap .small_img li{width: 32%; float: left; margin-right: 2%;}
.sub0101_view_wrap .top .txt ul{margin-bottom: 40px; margin-top:30px;}
.sub0101_view_wrap .top .txt ul li{font-size: 14px; position: relative; padding-left: 100px; margin-bottom: 10px; /* font-weight: 500; */}
.sub0101_view_wrap .top .txt ul li select{width: 50px;}
 ul li.del_line strong{font-weight: 400; position: relative;}
 ul li.del_line strong:before{width: 100%; height: 1px; background: #222; content: ''; position: absolute; top: 50%; transform:translateY(-50%)}
.sub0101_view_wrap .top .txt ul li span{font-size: 14px; position: absolute; left: 0; top: -2px; font-weight: 400;} 
.sub0101_view_wrap .top .txt ul li.sale span{top: 0px;}
.sub0101_view_wrap .top .txt ul li em.list01{font-size: 24px; color: #f31e23; vertical-align: middle; font-weight: 500;}
.sub0101_view_wrap .top .ship{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%; padding: 30px 0;}
.sub0101_view_wrap .top .ship ul{margin: 0;}
.sub0101_view_wrap .top .ship ul li{font-size: 13px; margin-bottom: 0;}
.sub0101_view_wrap .top .btn_wrap{margin-top:59px;}
.sub0101_view_wrap .top .btn_wrap .btn{float: left; padding: 10px 15px; /* margin-right: 2%; */ width:33.3%;}
.sub0101_view_wrap .top .btn_wrap .btn:last-child{margin-right: 0;}
.sub0101_view_wrap .top .btn_wrap .btn a{color: #fff; display: block;}
.sub0101_view_wrap .top .btn_wrap .btn.style01{background: #343259; border: 1px solid #343259;}
.sub0101_view_wrap .top .btn_wrap .btn.style02{background: #BF6532; border: 1px solid #BF6532;}
.sub0101_view_wrap .top .btn_wrap .btn.style03{border: 1px solid #343259;}
.sub0101_view_wrap .top .btn_wrap .btn.style03 a{color: #343259;}
.sub0101_view_wrap .tab_btn .tab_tit li{float: left;display: flex;align-items:center;justify-content: center;width: 25%; text-align: center; border: 1px solid #eaeaea ; background: #f9f9f9; /* padding: 15px 0; */ height: 45px; line-height: 1.1; border-right: 0;}
.sub0101_view_wrap .tab_btn .tab_tit li:last-child{border-right: 1px solid #eaeaea;}
.sub0101_view_wrap .tab_btn .tab_tit li.on{border-top: 2px solid #1f6dbf; background: #fff; border-bottom: 0;}
.sub0101_view_wrap .tab_btn .tab_tit li a{display: block; color: #222;}
.sub0101_view_wrap .tab_con{text-align: center; padding-top: 30px;}
.sub0101_view_wrap .small_img{margin: 5px; }
.sub0101_view_wrap .slick-dots{display: none !important;}
.sub0101_view_wrap .slick-arrow{display: none !important;}

/* sub0101_form */
.sub01_form_wrap table.tbl01{border-top: 2px solid #1f6dbf;}
.sub01_form_wrap table.tbl01 th{background: #f9fafa; border-bottom: 1px solid #ddd;}
.sub01_form_wrap table.tbl01 td{border-bottom: 1px solid #ddd; padding: 20px;}
.sub01_form_wrap table td input{height: 35px; border: 1px solid #ddd;}
.sub01_form_wrap table td input[type=file]{border: 0; margin-top: 10px;}
.sub01_form_wrap table td select{border: 1px solid #ddd; height: 35px;}
.sub01_form_wrap table td textarea{border: 1px solid #ddd; padding: 10px;}

/* sub0301 */
.sub0301_wrap{margin-top: 40px;}
.sub0301_wrap p.top{text-align: center; font-size: 18px; padding: 30px 0; font-weight: 500; color: #222; position: relative;}
.sub0301_wrap p.top:before{position: absolute; width: 465px; height: 12px; background: #1f6dbf; content: ''; z-index: -1; bottom: 30px; opacity: 0.2; left: 243px;}
.sub0301_wrap .sec{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd;}
.sub0301_wrap .sec:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.sub0301_wrap ul li{margin-bottom:3px; position: relative; padding-left: 9px;}
.sub0301_wrap ul li:before{position: absolute; width: 3px; height: 3px; background: #1f6dbf; content: ''; left: 0; top: 10px;}
.sub0301_wrap .sec p{word-break:keep-all;}
.sub0301_wrap table{width: 100%; text-align: center;}
.sub0301_wrap table th{border: 1px solid #ddd; border-top: 2px solid #1f6dbf; padding: 10px; background: #f4f8fc;}
.sub0301_wrap table td{border: 1px solid #ddd; padding: 10px;}
.sub0301_wrap table td.bg{background: #f9f9f9;}
.sub0301_wrap p.blue{margin-top: 5px; color: #1f6dbf;}

/* sub0302 */
.sub0101_view_wrap .bot_slider ul li{margin-right:5px;}
.sub0101_view_wrap.sub0302_wrap .top{margin-bottom: 160px;}
.sub0101_view_wrap.sub0302_wrap .top .txt ul{margin-bottom: 20px;}
.sub0101_view_wrap.sub0302_wrap .top .txt .ship ul{margin-bottom: 0;}
.sub0101_view_wrap.sub0302_wrap .edit{background: #f5f5f5; padding: 20px; margin-bottom: 20px;}
.sub0101_view_wrap.sub0302_wrap select{border: 1px solid #ccc; width: 300px; height: 35px; outline:0;}
.sub0101_view_wrap.sub0302_wrap .tag{font-size: 13px; font-weight: 400;}
.sub0101_view_wrap.sub0302_wrap .tag .tag_box{display: inline-block; border: 1px solid #ddd; padding: 1px 10px; margin-right: 5px;}
.sub0101_view_wrap.sub0302_wrap .tag .tag_box.style1{color: #f31e23;}
.sub0101_view_wrap.sub0302_wrap .tag .tag_box.style2{color: #666;}

/* sub0501 */
.sub0501_wrap{margin-top: 40px;}
.sub0501_wrap .box{text-align: center; width: 215px; float: left; margin-right: 30px; margin-top: 30px; }
.sub0501_wrap .box:nth-child(4n){margin-right: 0;}
.sub0501_wrap .box:nth-child(-n+4){margin-top: 0;}
.sub0501_wrap .box .img{border-radius:5px; width: 215px; height: 215px;}
.sub0501_wrap .box .img img{width: 100%; border: 1px solid #eaeaea;  box-sizing:border-box; border-radius:5px; }
.sub0501_wrap .box p{font-size: 15px; color: #222; margin-top: 15px;}
.sub0501_wrap .box span{font-size: 16px; font-weight: 500; color: #f31e23;}

/* sub0501_view */

.sub0501_view_wrap .small_img li{width: 32%; float: left; margin-right: 2%;}
.sub0501_view_wrap .small_img{margin: 5px; }
.sub0501_view_wrap .slick-dots{display: none !important;}
.sub0501_view_wrap .slick-arrow{display: none !important;}


.sub0501_view_wrap{padding-top: 20px;}
.sub0501_view_wrap h6{font-size: 32px; position: relative; padding-left: 15px; margin-bottom: 10px; border-bottom: 1px solid #343b4a; padding-bottom: 10px; margin-top: 10px;}
.sub0501_view_wrap h6:before{position: absolute; width: 4px; height: 28px; background: #1f6dbf; content: ''; top: 14px; left: 0;}
.sub0501_view_wrap .top{margin-bottom: 80px;}
.sub0501_view_wrap .top .img{float: left; width: 480px; height: 480px;}
.sub0501_view_wrap .top .img .img_wrap{position:relative; width:100%; padding-bottom:100%;}
.sub0501_view_wrap .top .img img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0501_view_wrap .top .txt{float: left; padding-left: 50px; width: 450px;}
.sub0501_view_wrap .top .txt ul{margin-bottom: 40px; margin-top:30px;}
.sub0501_view_wrap .top .txt ul li{font-size: 18px; position: relative; padding-left: 80px; margin-bottom: 20px; /* font-weight: 500; */}
.sub0501_view_wrap .top .txt ul li span{font-size: 16px; position: absolute; left: 0; top: 2px; font-weight: 400;}
.sub0501_view_wrap .top .txt ul li.sale span{top: 9px;}
.sub0501_view_wrap .top .txt ul li em{font-size: 24px; color: #f31e23; vertical-align: middle; font-weight: 500;}
.sub0501_view_wrap .top .ship{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%; padding: 30px 0;}
.sub0501_view_wrap .top .ship ul{margin: 0;}
.sub0501_view_wrap .top .ship ul li{font-size: 16px; margin-bottom: 0;}
.sub0501_view_wrap .top .btn_wrap{margin-top:59px;}
.sub0501_view_wrap .top .btn_wrap .btn{float: left; padding: 10px 25px; margin-right: 2%; width:32%;}
.sub0501_view_wrap .top .btn_wrap .btn:last-child{margin-right: 0;}
.sub0501_view_wrap .top .btn_wrap .btn a{color: #fff; display: block;}
.sub0501_view_wrap .top .btn_wrap .btn.style01{background: #343259; border: 1px solid #343259;}
.sub0501_view_wrap .top .btn_wrap .btn.style02{background: #BF6532; border: 1px solid #BF6532;}
.sub0501_view_wrap .top .btn_wrap .btn.style03{border: 1px solid #343259;}
.sub0501_view_wrap .top .btn_wrap .btn.style03 a{color: #343259;}
.sub0501_view_wrap .tab_btn .tab_tit li{float: left; width: 25%; text-align: center; border: 1px solid #eaeaea ; background: #f9f9f9; padding: 15px 0; border-right: 0;}
.sub0501_view_wrap .tab_btn .tab_tit li:last-child{border-right: 1px solid #eaeaea;}
.sub0501_view_wrap .tab_btn .tab_tit li.on{border-top: 2px solid #1f6dbf; background: #fff; border-bottom: 0;}
.sub0501_view_wrap .tab_con{text-align: center; padding-top: 30px;}

/* sub0501_veiw02 */
.orderboxWrap{width: 100%; overflow: hidden; margin-top: 30px;}
.tbl_orderBox {width:100%; border-top:2px solid #343b4a;}
.tbl_orderBox th {font-size:15px; color:#222; line-height:26px; padding:15px 0; background:#F9FAFA; border-bottom:1px solid #dddddd; text-align:center;}
.tbl_orderBox td {font-size:15px; color:#040404; line-height:26px; padding:30px 0; border-bottom:1px solid #dddddd; text-align: center;}
.tbl_orderBox td img{vertical-align: middle;}
.tbl_orderBox td p.product_name{color:#A52428; font-weight: bold; display: inline-block; margin: 10px 0 2px 20px;}
.tbl_orderBox td p.product_name:first-child{margin-top :0;}
.tbl_orderBox td p.product_option{color:#040404; display: block; font-size: 14px; line-height: 22px;}
.tbl_orderBox td.cont{text-align: left; padding-left:22px;}
.tbl_orderBox td a.btn_del{background: #888; color: #fff; font-size: 14px; padding: 3px 10px;}
.tbl_orderBox .img{width: 160px; height: 160px; margin: 0 auto;}
.tbl_orderBox .img img{width: 100%;}
.tbl_orderBox .img02{width: 160px; height: 231px; margin: 0 auto;}
.tbl_orderBox .img02 img{width: 100%;}
input.input_form{height: 35px;}

.order_price{width: 100%; overflow: hidden; border:1px solid #ddd; padding:10px 25px; margin-top: 30px; text-align: right;}
.order_price li{font-size: 15px; color: #333; font-weight: bold; display: inline;}
.order_price li span{margin-left: 0px;}
.order_price li:last-child{margin-left: 20px;}

.order_price_total{width: 100%; overflow: hidden; background: #f5f5f5; padding:25px; margin-top: 20px; text-align: right;margin-bottom: 20px;}
.order_price_total li{font-size: 15px; color: #333; display: inline; margin-left: 10px;}
.order_price_total li span{font-size: 20px; font-weight: bold; color: #1f6dbf; margin-left: 10px;}
.order_price_total li:last-child{margin-left:70px;}
.order_price_total em{font-size: 13px;}

.tbl_common2 {width:100%; border-top:1px solid #000;}
.tbl_common2 th {font-size:15px; color:#222; line-height:26px; padding:15px; background:#F9FAFA; border-bottom:1px solid #dddddd; text-align: left; padding-left: 22px; border-right:1px solid #eaeaea;}
.tbl_common2 td {font-size:15px; color:#040404; line-height:26px; padding:15px; border-bottom:1px solid #dddddd; text-align: left; padding-left: 22px; border-right:1px solid #eaeaea;}
.tbl_common2 td:last-child {border-right:none;}
.tbl_common2 textarea{border: 1px solid #ddd; width: 100%;}

ul.point{margin-top: 20px; font-size: 13px; margin-bottom: 40px;}

.form_btn_address{background: #1f6dbf; color: #fff; font-size: 13px; padding:6px 12px;}

.btn_new_Wrap{width: 100%; overflow: hidden; margin: 70px auto 0; text-align: center;}
.btn01{width:100%; overflow:hidden; width:100px; height:35px; line-height:35px; background:#343b4a; text-align:center; display: inline-block;color:#fff; }
.btn01 a {display:block; width:100%; height:100%; font-size:13px; color:#fff; }
.btn02 {width:100%; overflow:hidden; width:100px; height:35px; line-height:35px; border:1px solid #343b4a; text-align:center; display: inline-block;}
.btn02 a{color: #343b4a; display: block; background: #fff;font-size: 13px;}
.btn03{width:100%; overflow:hidden; width:150px; height:45px; line-height:45px; background:#3a90e9; text-align:center; display: inline-block; border-radius:23px ; margin-top: 10px;}
.btn03 a {display:block; width:100%; height:100%; font-size:15px; color:#fff; }
.btn04{overflow:hidden; width:200px; height:50px; line-height:50px; background:#1f6dbf; text-align:center; margin-top: 10px; margin: 0 auto;}
.btn04 a {display:block; font-size:15px; color:#fff; }

/* sub0603 */
.sub0603_wrap .sec{margin-top: 40px; padding-bottom: 30px; border-bottom: 1px dashed #ddd;}
.sub0603_wrap .sec:last-child{padding-bottom: 110px; border-bottom: 0; background: url('/images/sub/sub0603_img.png') no-repeat right 30px;}
h5.h5_tit{font-size: 20px; color: #222; background: url('/images/sub/sub_tit.png') no-repeat 0 8px; padding-left: 28px; margin-bottom: 10px;}
.sub0603_wrap ul li{margin-bottom: 10px; position: relative; padding-left: 9px;}
.sub0603_wrap ul li:before{position: absolute; width: 3px; height: 3px; background: #1f6dbf; content: ''; left: 0; top: 10px;} 

/* sub0604 */
.sub0604_wrap{margin-top: 40px;}
.sub0604_wrap .box{float: left; width: 290px; height: 290px; border: 1px solid #ddd; background: url('/images/sub/sub0604_con01.png') no-repeat right 20px bottom 20px; margin-right: 40px;}
.sub0604_wrap .box:hover{border: 1px solid #1f6dbf;}
.sub0604_wrap .box:nth-child(2){background: url('/images/sub/sub0604_con02.png') no-repeat right 20px bottom 20px;}
.sub0604_wrap .box:last-child{margin-right: 0; background: url('/images/sub/sub0604_con03.png') no-repeat right 20px bottom 20px;}
.sub0604_wrap .box h6{background: #f4f8fc; font-size: 20px; height: 60px; line-height: 60px; padding-left: 35px; position: relative;} 
.sub0604_wrap .box h6:before{position: absolute; width: 3px; height: 19px; background: #1f6dbf; content: ''; top: 21px; left: 20px;}
.sub0604_wrap .box p{padding: 30px; word-break:keep-all; }


/* sub0605 */
.sub0605_wrap .sec{margin-top: 30px; padding-bottom: 20px; border-bottom: 1px dashed #ddd;}
.sub0605_wrap .sec:last-child{padding-bottom: 110px; border-bottom: 0; background: url('/mobile/images/sub/sub0605_img.png') no-repeat right bottom; background-size:180px;}
h5.h5_tit{font-size: 17px; color: #222; background: url('/mobile/images/sub/sub_tit.png') no-repeat 0 7px; padding-left: 23px; margin-bottom: 10px; background-size:15px ;}
.sub0605_wrap ul li{margin-bottom: 10px; position: relative; padding-left: 8px; word-break:keep-all;}
.sub0605_wrap ul li:before{position: absolute; width: 3px; height: 3px; background: #1f6dbf; content: ''; left: 0; top: 7px;} 

/* sub0701 */
.sub0701_wrap .sec01{background: #f5f7f8; text-align: right; padding: 25px; margin-top: 40px; word-break:keep-all;}
.sub0701_wrap .sec01 img{width: 100%; margin-bottom: 20px;}
.sub0701_wrap .sec01 h6{font-size: 15px; color: #1f6dbf; font-weight: 500; margin-bottom: 15px;}
.sub0701_wrap .sec01 p{margin-bottom: 10px; }
.sub0701_wrap .sec02{margin-top: 30px;}
.sub0701_wrap .sec02 .img{width: 100%;}
.sub0701_wrap .sec02 .img img{width: 100%;}
.sub0701_wrap .sec02 .txt ul li{margin-bottom: 10px; position: relative; padding-left: 9px;}
.sub0701_wrap .sec02 .txt ul li:before{position: absolute; width: 3px; height: 3px; background: #1f6dbf; content: ''; left: 0; top: 7px;} 

/* sub0702 */
.sub0702_wrap{margin-top: 30px;}
.sub0702_wrap .txt{border-top: 2px solid #1f6dbf; background: #f7f7f7; padding: 25px; margin-top:20px;}
.sub0702_wrap .txt p{margin-bottom: 15px;}
.sub0702_wrap .txt img{vertical-align: sub; margin-right: 10px; height: 16px;}
.sub0702_wrap .txt span{font-weight: 500; color: #1f6dbf; margin-right: 10px;}
.sub0702_wrap .txt ul li{float: left; margin-right: 30px;margin-bottom: 15px;}
.sub0702_wrap .txt ul li:last-child{margin-bottom: 0;}
.sub0702_wrap .root_daum_roughmap_landing{width: 100%;}
.sub0702_wrap .wrap_controllers.hide{display: none;}

/* sub0703 */
.sub0703_wrap{margin-top:30px;}
.sub0703_wrap .box{width: 100%; height: 180px; border: 1px solid #ddd; background: url('/mobile/images/sub/sub0604_con01.png') no-repeat right 20px bottom 20px; margin-right: 40px; background-size:50px ; margin-bottom: 10px;}
.sub0703_wrap .box:nth-child(2){background: url('/mobile/images/sub/sub0604_con02.png') no-repeat right 20px bottom 20px; background-size:50px ;}
.sub0703_wrap .box:last-child{margin-bottom: 0; background: url('/mobile/images/sub/sub0604_con03.png') no-repeat right 20px bottom 20px; background-size:50px ;}
.sub0703_wrap .box h6{background: #f4f8fc; font-size: 17px; height:45px; line-height: 45px; padding-left: 30px; position: relative;} 
.sub0703_wrap .box h6:before{position: absolute; width: 3px; height: 16px; background: #1f6dbf; content: ''; top: 16px; left: 18px;}
.sub0703_wrap .box p{padding: 20px; word-break:keep-all; }



/* new_shop */
.new_shop{line-height: 1;}
.new_shop .con01{margin-bottom: 30px;}
.new_shop .con01 ul{display: flex;flex-wrap:wrap;gap:20px 0 ;padding: 20px;background: #f9f9f9;border-top: 1px solid #343b4a;}
.new_shop .con01 ul li{width: 50%;}
.new_shop .con01 ul li a{position: relative;display: block;padding-left: 8px;font-size: 12px;color: #666;}
.new_shop .con01 ul li a:after{content:'';position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 2px;height: 2px;border-radius: 50%;background: #666;}
.new_shop .con01 ul li.on a{color: #222;}
.new_shop .con01 ul li.on a:after{background: #1f6dbf;}

.new_shop .con02{margin-bottom: 20px;}
.new_shop .con02 ul{display: flex;flex-wrap:wrap;}
.new_shop .con02 ul li{width: 50%;}
.new_shop .con02 ul li a{display: block;height: 40px;line-height: 38px;text-align: center;border: 1px solid #ddd;background: #f7f7f7;font-size: 12px;color: #999;border-top: 0;}
.new_shop .con02 ul li:nth-child(1) a,
.new_shop .con02 ul li:nth-child(2) a{border-top: 1px solid #ddd;}
.new_shop .con02 ul li:nth-child(1) a,
.new_shop .con02 ul li:nth-child(3) a{border-right: 0;}
.new_shop .con02 ul li:nth-child(5){width: calc(50% + 1px);}
.new_shop .con02 ul li.on a{background: #fff;border-top: 2px solid #343b4a;}


.new_shop .con03 .box01{display: flex;align-items:center; justify-content: space-between;margin-bottom: 20px;}
.new_shop .con03 .box01 p{font-size: 14px;color: #555;}
.new_shop .con03 .box01 p span{font-weight: 500;color: #222;}
.new_shop .con03 .box01 .select_box{display: flex;align-items:center;gap:10px;}
.new_shop .con03 .box01 .select_box span{font-size: 14px;color: #555;}
.new_shop .con03 .box01 .select_box select{width: 100px;height: 30px;border:1px solid #ddd;padding-left: 5px;font-size: 12px;color: #555;}
.new_shop .con03 .box02 .shop_tit{height: 31px;text-align: center;line-height: 31px;background: #f9f9f9;font-size: 12px;color: #333;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.new_shop .con03 .box02 .shop_list > li{padding: 20px 0;border-bottom: 1px solid #ddd;}
.new_shop .con03 .box02 .shop_list > li strong{display: block;font-size: 14px;color: #222;font-weight: 500;margin-bottom: 20px;line-height: 18px;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap{display: flex;gap:17px;align-items:center;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap a{display: block;width: 140px;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap a .img_box{position:relative; width:100%; padding-bottom:142.857%;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap a .img_box img{position:absolute;border-radius:10px ;left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt{display: flex;width: calc(100% - 157px);height: 200px;flex-direction: column; justify-content: space-between;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt > ul{}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt > ul li{position: relative;padding-left: 7px;margin-bottom: 5px;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt > ul li:after{content:'';position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 3px;height: 3px;border-radius: 50%;background: #555;}

.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .sold_out{display: block;margin-bottom: 37px;color: #f31e23;font-size: 12px;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .point_box{display: flex;gap:10px;margin-bottom: 18px;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .point_box p{font-size: 12px;color: #333;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .point_box em{font-size: 12px;color: #777;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box ul{display: flex;gap:5px;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box ul li a{width: 62.5px;height: 30px;text-align: center;line-height: 28px;color: #fff;font-size: 12px;background: #1f6dbf;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box ul li:nth-child(2) a{background: #888888;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box ul li:nth-child(3) a{background: #fff;color: #888;border: 1px solid #888;}


.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .price_box{margin-bottom: 25px;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .price_box .price{display: flex;gap:4px;margin-bottom: 10px;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .price_box .price:last-child{margin-bottom: 0;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .price_box .price span{font-size: 12px;color: #333;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .price_box .price p{font-size: 12px;color: #333;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .price_box .price p em{text-decoration: line-through;}
.new_shop .con03 .box02 .shop_list > li .txt_wrap .txt .info_box .price_box .price p b{font-weight: 400;color: #f31e23;}