/* 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'); 
 }
/* 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 {position: relative; width: 100%; min-width: 320px; max-width: 768px; margin: 0 auto; overflow: hidden;}
.inner{padding: 0 2.66%;}


#header{line-height: 1;border-bottom: 1px solid #ddd;}
#header .inner{display: flex;height: 60px;align-items:center;justify-content: space-between; position: relative;}
#header h2 a{display: flex;gap:9px;justify-content: center;align-items:center;width: 100px;height: 30px;border-radius: 5px;background: #a6896b;}
#header h2 a img{width: 12px;}
#header h2 a p{font-size: 11px;color: #fff;}
#header h1 {position:absolute; left:50%; transform: translateX(-50%);}
#header .right{display: flex;align-items:center; padding-right: 2.66%;}
/* #header.on .right{gap:25px;} */
#header h1 img{width: 108px;}
#header .right button{width: 20px;height: 17px;background:url(/mobile/images/main/main_btn01.png)center no-repeat;background-size:cover ;}
#header .right button.on{width: 15px;height: 15px;background:url(/mobile/images/main/main_btn02.png)center no-repeat;background-size:cover ;}

/* navigation */
.navigation{position:absolute;top: 61px;z-index:5000;width:100%;background-color:#fff;height:100%;display:none;right: 0px;height:100vh;}
.navigation.on{display:block;}
.navigation .lnb{padding: 20px 2.66%;}
.navigation .lnb .input_box{position: relative;}
.navigation .lnb .input_box input{height: 35px;border: 1px solid #ddd;border-radius:3px;padding-left: 10px;width: 100%;}
.navigation .lnb .input_box input::placeholder{color: #555;font-size: 11px;}
.navigation .lnb .input_box button{position: absolute;top: 11px;right: 10px;}
.navigation .lnb .input_box button img{width: 13px;}
.navigation .lnb h3{border-bottom: 1px solid #ddd;}
.navigation .lnb h3 a{display: block;height: 50px;line-height: 49px;padding-left: 10px;font-size: 13px;color: #222;font-weight: 400;}
.navigation .lnb .login_box{display: flex;margin-top: 20px;gap:20px;justify-content: center;}
.navigation .lnb .login_box a{position: relative;font-size: 12px;color: #555;}
.navigation .lnb .login_box a:nth-child(1):after{content:'';position: absolute;right: -12px;top: 5px;width: 1px;height: 8px;background: #ddd;}


#visual_wrap{position: relative;}
#visual_wrap .slick-dots{position: absolute;display: flex;gap:7px;justify-content: center;bottom: 20px;width: 100%;}
#visual_wrap .slick-dots li{width: 7px;height: 7px;border-radius:50% ;background: #fff;opacity: .5;text-indent: -9999px;}
#visual_wrap .slick-dots li.slick-active{opacity: 1;width: 20px;border-radius:3.5px ;}


#section01{line-height: 1;padding: 0px 0 20px;}
#section01 .title_box{display: flex;align-items:center;justify-content: center;margin-bottom: 15px; }
#section01 .title_box h2{font-size: 22px;font-weight: 400;color: #222;}
#section01 .title_box h2 span{font-weight: 700;}
#section01 .title_box .arrow{display: flex;gap:5px;}
#section01 .title_box .arrow img{width: 25px;}
#section01 ul li{display: flex;gap:20px 15px;flex-wrap:wrap;}
#section01 ul li .box{display: block;width: calc((100% - 15px)/2);}
#section01 ul li a .img_box{position:relative; width:100%; padding-bottom:70%;border-radius:5px;margin-bottom: 10px;overflow:hidden;}
#section01 ul li a .img_box img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
#section01 ul li a .txt_box p{font-size: 12px;color: #222;font-weight: 500;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;margin-bottom: 7px; }
#section01 ul li a .txt_box span{display: block;padding-left: 16px;background:url(/mobile/images/main/main_ico06.png)left 0px top 0px no-repeat;background-size:9px auto;font-size: 12px;color: #a6896b;}

#section02{position: relative;line-height: 1;padding: 20px 0;}
#section02:after{content:'';position: absolute;left: 0;top: 0;height: 200px;width: 100%;background: #f9fafa;z-index: -1;}
#section02 .title_box{margin-bottom: 15px; text-align: center;}
#section02 .title_box h2{font-size: 22px;font-weight: 400;color: #222;margin-bottom: 10px;}
#section02 .title_box h2 span{font-weight: 700;}
#section02 .title_box p{font-size: 12px;color: #222;}
#section02 .con01{margin-bottom: 10px;}
#section02 .con01 .youtube_box{border-radius:5px;overflow:hidden;}
#section02 .con02{display: flex;gap:10px;margin-bottom: 10px;}
#section02 .con02 .box{display: flex;align-items:center;justify-content: center;flex-direction: column;width: 50%;height: 155px;border-radius:5px;background:url(/mobile/images/main/main_bg01.png)center no-repeat;background-size:cover ;}
#section02 .con02 .box:nth-child(2){background:url(/mobile/images/main/main_bg02.png)center no-repeat;background-size:cover ;}
#section02 .con02 .box:nth-child(1) img{width: 103px;}
#section02 .con02 .box:nth-child(2) img{width: 88px;}
#section02 .con02 .box span{display: block;font-size: 12px;line-height: 16px;color: #fff;text-align: center;margin-top: 13px;}
#section02 .con02 .box p{font-size: 14px;font-weight: 700;color: #fff;line-height: 19px;text-align: center;margin-top: 7px;}
#section02 .con03{display: flex;align-items:center;justify-content: center;flex-direction: column;border-radius:5px;background:url(/mobile/images/main/main_bg03.png)center no-repeat;background-size:cover ;height: 160px;}
#section02 .con03 strong{display: block;font-size: 20px;color: #fff;font-weight: 700;right: auto;center;}
#section02 .con03 p{font-size: 12px;color: #fff;line-height: 19px;margin-top: 15px;text-align: center;}

#section03{line-height: 1;;padding: 0px 0 10px;}
#section03 .title_box{display: flex;margin-bottom: 15px;align-items:center;justify-content: space-between;}
#section03 .title_box h2{font-size: 22px;font-weight: 400;color: #222;margin-bottom: 10px;}
#section03 .title_box h2 span{font-weight: 700;}
#section03 .title_box p{font-size: 12px;color: #222;}
#section03 .title_box  .arrow{display: flex;gap:5px}
#section03 .title_box  .arrow img{width: 25px;}
#section03 .slick-list { width:calc(100% + 15px);}
#section03 .slide02 li{width: 170px;margin-right: 15px;}
#section03 .slide02 li a{width: 170px;}
#section03 .slide02 li a .img_box{position:relative; width:100%; padding-bottom:122.94%;}
#section03 .slide02 li a .img_box img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

#section04{line-height: 1;padding: 47px 0;background:url(/mobile/images/main/main_bg04_new.png)center no-repeat;background-size:cover ;}
#section04 strong{display: block;font-size: 22px;font-weight: 700;color: #fff;text-align: center;margin-bottom: 25px;}
#section04 p{font-size: 12px;color: #fff;line-height: 18px;text-align: center;margin-bottom: 15px;font-weight: 300;}
#section04 p:last-child{margin-bottom: 0;}

#section05{padding: 20px 0;line-height: 1;}
#section05 .title_box{margin-bottom: 15px;text-align: center;}
#section05 .title_box h2{font-size: 22px;font-weight: 400;color: #222;margin-bottom: 10px;}
#section05 .title_box h2 span{font-weight: 700;}
#section05 .title_box p{font-size: 12px;color: #222;}
#section05 ul{display: flex;gap:15px;flex-wrap:wrap;}
#section05 ul li{width: calc((100% - 15px)/2);}
#section05 ul li a {display: block;position:relative; width:100%; padding-bottom:122.94%;border-radius: 5px;overflow:hidden;}
#section05 ul li a img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
#section05 ul.puppy02{display: none;margin-top: 15px;}
#section05 ul.puppy02.on{display: flex;}
#section05 .btn_box{margin-top: 10px;}
#section05 .btn_box button{display: block;margin: 0 auto;width: 140px;height: 35px;border-radius:35px;border: 1px solid #222;font-size: 12px;color: #222;padding-right: 15px;background:url(/mobile/images/main/main_ico10.png)right 44px top 15px no-repeat;background-size:8px auto;}
#section05 .btn_box button.on{background:url(/mobile/images/main/main_ico11.png)right 44px top 13px no-repeat;background-size:8px auto;}

#section06{padding: 0px 0 20px;line-height: 1;}
#section06 .title_box{margin-bottom: 15px;text-align: center;}
#section06 .title_box h2{font-size: 22px;font-weight: 400;color: #222;margin-bottom: 10px;}
#section06 .title_box h2 span{font-weight: 700;}
#section06 .title_box p{font-size: 12px;color: #222;}
#section06 ul{display: flex;gap:15px;flex-wrap:wrap;}
#section06 ul li{width: calc((100% - 15px)/2);}
#section06 ul li a {display: block;position:relative; width:100%; padding-bottom:122.94%;border-radius: 5px;overflow:hidden;}
#section06 ul li a img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
#section06 ul.cat02{display: none;margin-top: 15px;}
#section06 ul.cat02.on{display: flex;}
#section06 .btn_box{margin-top: 10px;}
#section06 .btn_box button{display: block;margin: 0 auto;width: 140px;height: 35px;border-radius:35px;border: 1px solid #222;font-size: 12px;color: #222;padding-right: 15px;background:url(/mobile/images/main/main_ico10.png)right 44px top 15px no-repeat;background-size:8px auto;}
#section06 .btn_box button.on{background:url(/mobile/images/main/main_ico11.png)right 44px top 13px no-repeat;background-size:8px auto;}


#section07{padding: 20px 0 20px;line-height: 1;background:url(/mobile/images/main/main_bg05.jpg)center no-repeat;background-size:cover ;}
#section07 .title_box{margin-bottom: 15px;text-align: center;}
#section07 .title_box h2{font-size: 22px;font-weight: 400;color: #222;margin-bottom: 10px;}
#section07 .title_box h2 span{font-weight: 700;}
#section07 .title_box p{font-size: 12px;color: #222;}
#section07 .box{padding: 15px;box-shadow: -2px -2px 10px 0px rgba(0,0,0,.2);margin-bottom: 15px;background: #fff;}
#section07 .box:last-child{margin-bottom: 0;}
#section07 .box .text_box01{display: flex;align-items:center;justify-content: space-between;margin-bottom: 10px;}
#section07 .box .text_box01 .img_wrap{display: flex;gap:10px;align-items:center;}
#section07 .box .text_box01 .img_wrap .img_box{border-radius:50%;overflow:hidden;width: 35px;height: 35px;}
#section07 .box .text_box01 .img_wrap img{width: 100%;height: 100%;}
#section07 .box .text_box01 .img_wrap p{font-size: 12px;color: #222;}
#section07 .box .text_box01 button img{width: 3px;}
#section07 .box .edit_box{display: flex;height: 246px;background: #f5f5f5;align-items:center;justify-content: center;}
#section07 .box .edit_box p{font-size: 12px;color: #222;text-align: center;}


#section08{line-height: 1;padding: 0px 0 25px;}
#section08 .title_box{display: flex;padding-top: 10px;margin-bottom: 15px;align-items:center;justify-content: space-between;}
#section08 .title_box h2{font-size: 22px;font-weight: 400;color: #222;margin-bottom: 5px;}
#section08 .title_box h2 span{font-weight: 700;}
#section08 .title_box p{font-size: 12px;color: #222;line-height: 17px;}
#section08 .title_box  .arrow{display: flex;gap:5px}
#section08 .title_box  .arrow img{width: 25px;}
#section08 .slick-list { width:calc(100% + 15px);}
#section08 .slide03 li{width: 170px;margin-right: 15px;}
#section08 .slide03 li a{position: relative;width: 170px;}
#section08 .slide03 li a:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:url(/mobile/images/main/main_img13.png)center no-repeat;background-size:87%;}
#section08 .slide03 li a .img_box{position:relative; width:100%; padding-bottom:122.94%;}
#section08 .slide03 li a .img_box img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}


#quick_wrap{position: fixed;bottom: 0;left: 0;width: 100%;line-height: 1;}
#quick_wrap.rel{position: relative;}
#quick_wrap ul{display: flex;}
#quick_wrap ul li{width: 33.3333%;}
#quick_wrap ul li a{display: flex;align-items:center;justify-content: center;flex-direction: row;gap:3px;height: 45px;width: 100%;}
#quick_wrap ul li a p{font-size: 14px;color: #fff; margin-left: 5px; line-height: 1.5;}
#quick_wrap ul li:nth-child(1) a{border-radius: 15px 0 0 0;background: #a6896b;}
#quick_wrap ul li:nth-child(2) a{background:url(/mobile/images/main/main_quick02.png)center no-repeat;background-size:cover;}
#quick_wrap ul li:nth-child(3) a{background: #fae100;border-radius:0 15px 0 0 ;}
#quick_wrap ul li:nth-child(3) a p {color: #191919;}
/* #quick_wrap ul li:nth-child(4) a{background: #d42428;border-radius:0 15px 0 0 ;} */
#quick_wrap ul li:nth-child(1) a img{width: 14px; height: 16px;}
#quick_wrap ul li:nth-child(2) a img{width: 20px; height: 20px;}
#quick_wrap ul li:nth-child(3) a img{width: 19px; height: 20px;}
/* #quick_wrap ul li:nth-child(4) a img{width: 20px;} */


#footer{line-height: 1;padding: 30px 0;background: #333;}
#footer .top{margin-bottom: 12px;}
#footer .top ul{display: flex;gap:15px;margin-bottom: 15px;}
#footer .top ul li a{font-size: 11px;color: #fff;}
#footer .top p{font-size: 10px;color: #888;line-height: 18px;}
#footer .bottom{display: flex;flex-wrap:wrap;}
#footer .bottom .box01{width: 122px;padding-top: 4px;border-right: 1px dashed rgba(255,255,255,.5);}
#footer .bottom .box01 p{font-size: 11px;color: #fff;margin-bottom: 10px;}
#footer .bottom .box01 span{font-size: 10px;color: #888;line-height: 18px;}
#footer .bottom .box02{width: 107px;display: flex;justify-content: center;flex-direction: column;border-right: 1px dashed rgba(255,255,255,.5);padding-left: 16px;}
#footer .bottom .box02 p{font-size: 11px;color: #fff;margin-bottom: 10px;}
#footer .bottom .box02 span{display: block;font-size: 10px;color: #888;line-height: 15px;}
#footer .bottom .box02 span em{color: #fff;font-weight: 400;}
#footer .bottom .box02 span:nth-child(2){margin-bottom: 3px;}
#footer .bottom .box03{width: calc(100% - 229px);padding-left: 16px;}
#footer .bottom .box03 p{font-size: 11px;color: #fff;margin-bottom: 10px;}
#footer .bottom .box03 strong{display: block;font-size: 20px;color: #fff;margin-bottom: 10px;}
#footer .bottom .box03 span{font-size: 10px;line-height: 18px;color: #888;}


/* sub */
#sub_visual_wrap{position: relative;line-height: 1;}
#sub_visual_wrap .text_box{position: absolute;width: 100%;top: 50%;transform:translateY(-50%);}
#sub_visual_wrap .text_box h3{font-size: 32px;color: #fff;font-weight: 500;text-align: center;margin-bottom: 15px;}
#sub_visual_wrap .text_box p{font-size: 12px;color: #fff;line-height: 20px;text-align: center;}

#sub_contents{padding: 40px 0;}

/* sub0101 */
.sub_tit { margin-bottom: 50px; text-align:center; line-height:1;}
.sub_tit span { font-size:18px; color:#222;}
.sub_tit h3 {font-size:28px; color:#222; font-weight:400;}
.sub_tit h3 strong { padding-right: 10px; font-weight:700;}

.sub0101{}
.sub0101 .con1 .inner{}
.sub0101 .con1 .left{}
.sub0101 .con1 .left ul{display:flex;}
.sub0101 .con1 .left ul li{}
.sub0101 .con1 .left ul li:nth-child(2){margin-left:30px;margin-top:90px;}
.sub0101 .con1 .left ul li img{width:100%;}
.sub0101 .con1 .left ul li p{font-size:12px;margin-top:10px;}
.sub0101 .con1 .right{text-align:center; margin-top:40px;}
.sub0101 .con1 .right strong{display:block;font-size:20px;line-height:1;color:#222;margin-bottom: 20px ;padding-bottom: 20px;position:relative;}
.sub0101 .con1 .right strong:before{bottom:0;left:50%;transform:translateX(-50%);width:70px;height:1px;background:#ddd;content:'';position:absolute;}
.sub0101 .con1 .right strong:after{bottom:0;left:50%;transform:translateX(-50%);width:22px;height:1px;background:#222;content:'';position:absolute;}
.sub0101 .con1 .right em{display:block;font-size:15px;line-height:25px;color:#222;margin-bottom:15px;}
.sub0101 .con1 .right p{margin-top:10px;}
.sub0101 .con1 .right p span{color:#222;font-weight:500;}
.sub0101 .con2{text-align:center;margin-top: 60px;}
.sub0101 .con2 .inner img {width:100%;}
.sub0101 .con2 p{font-size:12px;margin-top:15px;}
.sub0101 .con3{margin-top:60px;/* padding:80px 0 100px; */}
.sub0101 .con3 .sub_tit h3{margin-bottom:15px;}
.sub0101 .con3 ul{display: flex; flex-direction: column; align-items: center;}
.sub0101 .con3 ul li{width: 360px; text-align: center; padding: 180px 60px 0 60px; margin-bottom: 30px;}
/* .sub0101 .con3 ul li:nth-child(3n){margin-right: 0;} */
/* .sub0101 .con3 ul li:nth-child(-n+3){margin-top: 0;} */
.sub0101 .con3 ul li:nth-child(1){background: url('/mobile/images/sub/sub0101_con3_img01.png') no-repeat; width: 340px; height: 340px; color: #a5a5a5; background-size: cover;} 
.sub0101 .con3 ul li:nth-child(2){background: url('/mobile/images/sub/sub0101_con3_img02.png') no-repeat; width: 340px; height: 340px; color: #868f99;background-size: cover;} 
.sub0101 .con3 ul li:nth-child(3){background: url('/mobile/images/sub/sub0101_con3_img03.png') no-repeat; width: 340px; height: 340px; color: #8398aa;background-size: cover;} 
.sub0101 .con3 ul li:nth-child(4){background: url('/mobile/images/sub/sub0101_con3_img04.png') no-repeat; width: 340px; height: 340px; color: #939292; background-size: cover;} 
.sub0101 .con3 ul li:nth-child(5){background: url('/mobile/images/sub/sub0101_con3_img05.png') no-repeat; width: 340px; height: 340px; color: #9b8e86;background-size: cover;} 
.sub0101 .con3 ul li:nth-child(6){background: url('/mobile/images/sub/sub0101_con3_img06.png') no-repeat; width: 340px; height: 340px; color: #d1b69a;background-size: cover;} 
.sub0101 .con3 ul li span{display: block; font-weight: 600; font-size: 12px;}
.sub0101 .con3 ul li strong{font-size: 15px; font-weight: 500; color: #222; margin: 5px 0; display: block;}
.sub0101 .con3 ul li p{color: #555; font-size: 12px;}
.sub0101 .con4{background: #f5f5f5; margin-top: 60px; padding:60px 0 60px;}
.sub0101 .con4 ul{display: flex; flex-direction: column; align-items: center;}
.sub0101 .con4 ul li{text-align: center; width: calc(100% - 30px); background: #fff; padding: 30px; border-radius:10px; margin-top: 15px;}
/* .sub0101 .con4 ul li:nth-child(3n){margin-right: 0;} */
/* .sub0101 .con4 ul li:nth-child(-n+3){margin-top: 0;} */
.sub0101 .con4 ul li span{display: block; margin-top: 15px; font-weight: 600; color: #a6896b;}
.sub0101 .con4 ul li strong{display: block; font-weight: 500; color: #222; font-size: 15px; margin: 5px 0;}
.sub0101 .con4 ul li img {width:80px; height:80px;}
.sub0101 .con5{ padding:60px 0 60px;}
.sub0101 .con5 ul{display: flex; flex-direction: column; align-items: center;}
.sub0101 .con5 ul li{width: 100%; height: 170px; border: 1px solid #a6896b; background: url('/images/sub/sub0101_con5_bg01.png') no-repeat center center / 140px auto; position: relative; margin-top: 30px;}
/* .sub0101 .con5 ul li:nth-child(3n){margin-right: 0;} */
.sub0101 .con5 ul li:nth-child(2n){border: 1px solid #63775e; background: url('/mobile/images/sub/sub0101_con5_bg02.png') no-repeat center center / 140px auto;}
/* .sub0101 .con5 ul li:nth-child(-n+3){margin-top: 0;} */
.sub0101 .con5 ul li .tit{width: 50px; height: 50px; color: #fff;  background: #a6896b;font-size: 15px; font-weight: 600; line-height: 48px; text-align: center; border-radius:0 0 20px 0 ;}
.sub0101 .con5 ul li:nth-child(2n) .tit{background:#63775e;}
.sub0101 .con5 ul li .txt{text-align: center; top:50%; left:50%; position:absolute; transform: translate(-50%,-50%);}
.sub0101 .con5 ul li .txt strong{font-size: 18px; color: #222; font-weight: 500; margin-bottom: 10px; display: block;}
.sub0101 .con5 ul li .txt p{color: #444;}

/* .sub0101 .con3 ul{display:flex;flex-wrap:wrap;}
.sub0101 .con3 ul li{width:270px;margin-right:40px;margin-top:40px;text-align:center;}
.sub0101 .con3 ul li:nth-child(4n){margin-right:0}
.sub0101 .con3 ul li:nth-child(-n+4){margin-top:0}
.sub0101 .con3 ul li em{display:block;line-height:1;font-weight:500;font-size:18px;color:#222;margin:20px 0 15px;} */

/* .sub0101 .con3 ul{display: flex; flex-wrap:wrap;}
.sub0101 .con3 ul li{width: 48.5%; margin-right: 3%; border: 1px solid #ddd; background: url('/images/sub/sub0101_bg.jpg') no-repeat; border-radius:10px ; margin-bottom: 3%; padding: 20px; border-top: 10px solid #f38998;}
.sub0101 .con3 ul li:nth-child(2n){border-top: 10px solid #91bcec; margin-right: 0;}
.sub0101 .con3 ul li:nth-child(3){border-top: 10px solid #91bcec;}
.sub0101 .con3 ul li:nth-child(4){border-top: 10px solid #f38998;}
.sub0101 .con3 ul li:nth-child(7){border-top: 10px solid #91bcec; margin-bottom: 0;}
.sub0101 .con3 ul li > img{float: left; width: 200px;}
.sub0101 .con3 ul li .txt{float: left; width: calc(100% - 200px); padding-left: 40px; margin-top: 20px;}
.sub0101 .con3 ul li .txt em{font-size: 24px; font-weight: 600; color: #222; display: block; margin-bottom: 5px;}
.sub0101 .con3 ul li .txt em img{margin-left: 3px;} */