/* Common **********************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@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: 'Cafe24Danjunghae';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'MapoFlowerIsland'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff'); font-weight: normal; font-style: normal; }
/* 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.7; font-family:'Noto Sans KR'; color:#555;} 

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;}

/* ===== MAIN ===== */
#wrap {position: relative; width: 100%; min-width: 320px; max-width: 768px; margin: 0 auto; overflow: hidden;}
.inner{padding: 0 3%;}
#header {position: relative; width: 100%; height: 50px; border-bottom: 1px solid #ddd;}
h1 {position: absolute; top:12px; left:50%; transform: translateX(-50%); width: 111px; height: 26px;}
h1 a {display: block; width: 100%; height: 100%;}
h1 img {width: 100%;}

.navi_btn {position: absolute; top:16px; left:3%; width:22px; height: 18px; background: url('/mobile/images/main/navi_btn.jpg') top center no-repeat; background-size:  22px 18px;}
.search_btn {position: absolute; top:16px; right:3%; width:18px; height: 18px; background: url('/mobile/images/main/search.png') top center no-repeat; background-size: 18px;}

.search_wrap {position: absolute; top:50px; left:0; width: 100%; height:50px; border-bottom: 1px solid #ddd; background:#f5f5f5; z-index:2000;
padding:9px 10px; display: none;}
.search_box {position: relative; width: 100%; height:100%;}
.search_left {position: relative; width:88.67%;}
.search_box input {width:100%; height:30px; background:#fff; border:none; outline:0; padding:0 35px 0 17px;}
.search_box input::placeholder {font-size: 12px; color:#888; line-height:30px; font-weight:400;}
.search_box .search_view {position: absolute; top:9px; right:15px; width:11px;}
.search_box .search_view img {width: 100%;}

.search_close {position: absolute; top:50%; right:0; width: 12px; height:12px; background:url('/mobile/images/main/search_close.jpg') top center no-repeat; background-size:12px;
transform: translateY(-50%);}

.navi {position: fixed; height:100vh; overflow-y:scroll; top:0; left:0; width: 100%; height:100%; background:#f5f5f5; z-index:9999; padding:19px 6%; display: none;}
.navi_top > a {float: left; display: block; width:111px;}
.navi_top > a img {width: 100%;}
.navi_top .close_btn {float: right; width:20px; height:20px; background:url('/mobile/images/main/close_btn.jpg') top center no-repeat; background-size:20px;}
.login {width: 100%; font-size: 0; text-align: center; margin:20px 0;}
.login a {display: inline-block; width: 48.292%; height:30px; text-align: left; font-size: 12px; color:#999; line-height:30px; padding-left:21.5%;
background:#fff url('/mobile/images/main/login.jpg') 35% 8px no-repeat; background-size: 10px 12px;}
.login a:last-child {margin-left:9px; padding-left:19.6%; background:#fff url('/mobile/images/main/join.jpg') 31% 8px no-repeat; background-size: 10px 13px;}

.navi h3 {font-size: 16px; color:#777066; line-height:1; font-weight:500; padding-bottom:15px;}
.navi h3 a {display: block; width: 100%; height:100%;}
.navi h3.one_depth {padding-bottom:21px; border-bottom: 1px dashed #dcdad8; margin-bottom:20px;}

.navi .sub_navi {width: 100%; font-size:0; padding-bottom:21px; border-bottom: 1px dashed #dcdad8; margin-bottom:19px;}
.navi .sub_navi.cat_list li {display: inline-block; width:31.96%; height:90px; background:#fff; margin:2% 2% 0 0; text-align: center;}
.navi .sub_navi.cat_list li:nth-child(-n+3) {margin-top:0;}
.navi .sub_navi.cat_list li:nth-child(3n) {margin-right:0;}
.navi .sub_navi.cat_list li a {display: block; width: 100%; height:100%; font-size: 12px; color:#888; line-height:1; font-weight:400; padding:10px 0 0 0; background:none;}
.navi .sub_navi.cat_list li:nth-child(2) a {background:none;}
.navi .sub_navi.cat_list li a .img_wrap {width:50px; height:50px; margin:0 auto 5px;}
.navi .sub_navi.cat_list li a .img {display: table-cell; width:50px; height:50px; text-align: center; vertical-align:middle; overflow: hidden; border: 2px solid #e4ca73;
border-radius:50%; position:relative;}
.navi .sub_navi.cat_list li a .img img {width:51px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.navi .sub_navi.cat_list li.on a {color:#333; background:none;}
.navi .sub_navi.cat_list li.on a .img {border-color:#333;}
.navi .sub_navi.cat_list li:nth-child(2).on a {background:none;}

.navi .sub_navi li {display: inline-block; width:48.294%; height:30px; background:#fff; margin-right:3.4%;}
.navi .sub_navi li:last-child, .navi .sub_navi.list03 li:last-child {margin-right:0;}
.navi .sub_navi li a {display: block; width: 100%; height:100%; font-size: 12px; color:#888; line-height:30px; font-weight:400; padding-left:21%;
background:url('/mobile/images/main/icon4.jpg') 5% center no-repeat; background-size: 15px;}
.navi .sub_navi li:nth-child(2) a {background:url('/mobile/images/main/icon5.jpg') 5% center no-repeat; background-size: 14px 15px;}

.navi .sub_navi li.on a {color:#333; font-weight:500; background:url('/mobile/images/main/icon4_on.jpg') 5% center no-repeat;}
.navi .sub_navi li:nth-child(2).on a {background:url('/mobile/images/main/icon5_on.jpg') 5% center no-repeat; background-size: 14px 15px;}

.navi .sub_navi.list03 li {display: inline-block; width:31.958%; height:30px; background:#fff; margin-right:2%;}
.navi .sub_navi.list03 li a {padding-left:25%; background:url('/mobile/images/main/icon1.jpg') 5% center no-repeat; background-size: 15px 13px;}
.navi .sub_navi.list03 li:nth-child(2) a {background:url('/mobile/images/main/icon2.jpg') 5% center no-repeat; background-size: 15px;}
.navi .sub_navi.list03 li:nth-child(3) a {background:url('/mobile/images/main/icon3.jpg') 5% center no-repeat; background-size: 13px 15px;}

.navi .sub_navi.list03 li.on a {background:url('/mobile/images/main/icon1_on.jpg') 5% center no-repeat;}
.navi .sub_navi.list03 li:nth-child(2).on a {background:url('/mobile/images/main/icon2_on.jpg') 5% center no-repeat;}
.navi .sub_navi.list03 li:nth-child(3).on a {background:url('/mobile/images/main/icon3_on.jpg') 5% center no-repeat;}

.navi .sub_navi.sub05_list li a {background:url('/mobile/images/main/icon6.jpg') 5% center no-repeat; background-size: 15px;}
.navi .sub_navi.sub05_list li:nth-child(2) a {background:url('/mobile/images/main/icon7.jpg') 5% center no-repeat; background-size: 14px;}

.navi .sub_navi.sub05_list li.on a {background:url('/mobile/images/main/icon6_on.jpg') 5% center no-repeat;}
.navi .sub_navi.sub05_list li:nth-child(2).on a {background:url('/mobile/images/main/icon7_on.jpg') 5% center no-repeat;}

#visual_wrap {position: relative; width: 100%;}
#visual_wrap img {width: 100%; }

/* section01_add */
#section01_add{padding-bottom: 5px;overflow-x:scroll;scrollbar-width: none;}	
#section01_add ul{display:flex;flex-wrap: wrap; width: max-content;}
#section01_add::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
/* #section01_add .section01_add_slider .slick-slide{margin-left: 8px;}
#section01_add .section01_add_slider .img_wrap{position:relative; width:100%; padding-bottom:100%;border-radius: 50%;overflow: hidden;}
#section01_add .section01_add_slider .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%;}
#section01_add .section01_add_slider li span{width: 100%; display: block; text-align: center;font-size: 8px; color: #666; font-weight: 500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; 
-webkit-box-orient: vertical; word-wrap:break-word;} */
#section01_add li{width: 90px;margin-right: -17px;}
#section01_add .img_wrap{position:relative; width:100%; padding-bottom:100%;border-radius: 50%;overflow: hidden;}
#section01_add .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:70%; max-height:100%; border:2px solid #e7c876; border-radius: 50%;}
#section01_add li span{width: 100%; display: block; text-align: center;font-size: 8px; color: #666; font-weight: 500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; margin-top: -10px;
-webkit-box-orient: vertical; word-wrap:break-word;}

.section {position: relative; padding: 23px 3%;}
#section1 {width: 100%; background: #faf7f5; padding-bottom:20px;}
#section1 .box{overflow-x:scroll;scrollbar-width: none;}
#section1 .box::-webkit-scrollbar{display: none;}
#section1:before {content:''; position: absolute; top:-90px; right:0; width:107px; height:89px; background:url('/mobile/images/main/sec1_bg1.png') top center no-repeat; 
background-size:107px 89px; opacity:0;}
#section1:after {content:''; position: absolute; bottom:0; left:-160px; width:160px; height:170px; background:url('/mobile/images/main/sec1_bg2.png') top center no-repeat; 
background-size:160px 170px; opacity:0;}

#section1.on:before {top:0; opacity:1; animation:bounce-bottom 0.9s both; transition: .25s ease-in-out;}
#section1.on:after {left:0; opacity:1; transition: 1s ease-in-out .2s;}

/* section1_new */
.slick-slider{z-index: 300;}
#section1 ul{position: relative;display:flex;flex-wrap: wrap; width: max-content;gap:7px;z-index: 3000;}
#section1 ul li{width: 150px;}
/* #section1 .slick-list { width:calc(100% + 500px);}
#section1 ul li{width: 150px;margin-right: 10px;}
 */
#section1 .section1_new_slider .img_wrap{position:relative; width:100%; padding-bottom:100%;}
#section1 .section1_new_slider .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%;border-radius: 20px;}
#section1 .section1_new_slider span{display: block;text-align: center;font-size: 12px; color: #e4ca73;padding-top: 7px;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
#section1 .section1_new_slider p{font-size: 12px;text-align: center; color: #555;display: block;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@keyframes bounce-bottom {
0% {-webkit-transform: translateY(45px); transform: translateY(45px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1;}
24% {opacity: 1;}
40% {-webkit-transform: translateY(20px); transform: translateY(20px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
65% {-webkit-transform: translateY(12px); transform: translateY(12px); -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
82% {-webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
93% {-webkit-transform: translateY(4px); transform: translateY(4px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
25%,55%,75%,87% {-webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
100% {-webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1;}
}


.sec_tit {width: 100%; text-align: center; font-family: 'Cafe24Danjunghae'; margin-bottom: 30px;}
.sec_tit span {display: block; font-size: 15px; color:#e4ca73; line-height: 1; font-weight: 400;}
.sec_tit em {position: relative; display: block; font-size: 18px; color:#787167; line-height: 1; font-weight: 400; margin-top: 7px;}
.sec_tit em:after {content: ''; position: absolute; bottom: -11px; left:50%; transform: translateX(-50%); width:25px; height: 1px; background: #787167;}
.sec1_list {z-index:1000;}
.sec1_list li a {float:left; display: block; width:28.18%; margin: 20px 7.64% 0 0; /* min-height:212.66px; */}
.sec1_list li a:nth-child(-n+3) {margin-top: 0;}
.sec1_list li a:nth-child(3n) {margin-right: 0;}
.sec1_list li .img_wrap {position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; border-radius:50%;}
.sec1_list li .img_wrap img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; width: auto; height: auto;}
.sec1_list li .txt_wrap {width: 100%; font-size:0; text-align: center; margin: 10px 0;}
.sec1_list li .txt_wrap p {display: inline-block; font-size: 12px; color:#787167; line-height: 1; font-weight: 400;}
.sec1_list li .txt_wrap p:last-child{font-size:13px;color:#555;margin-top: -5px;}
.sec1_list li .txt_wrap em {display: inline-block;  font-size: 12px; color:#555; line-height: 1; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
/* .sec1_list li .txt_wrap span {display: inline-block; width:1px; height: 10px; background: #dedede; margin: 0 10px;} */
.sec1_list li .txt_wrap span {display: block; width:1px; height: 10px; margin: 0 10px;}
ul.sec1_list .btn_wrap img{display:none;}

.list_tit {font-size: 0; width: 100%; padding: 0 11px;}
.list_tit img {width:47.87%; /* margin: 5px 5px 0 0; */}
.list_tit img:nth-child(-n+2) {margin-top: 0;}
.list_tit img:nth-child(3n) {margin-right: 0;}

.btn_wrap {text-align:center;}
.btn_wrap img{width: 16%; margin: 0; margin-right: 4px;}

#section2:before {content:''; position: absolute; top:68px; left:-214px; width:214px; height:60px; background:url('/mobile/images/main/sec2_bg1.png') top center no-repeat; 
background-size: 214px 60px; z-index:-1; opacity:0;}
#section2.on:before {left:50px; opacity:1; transition: 1s ease-in-out;}

.sec2_con {width: 100%; padding: 20px 10px; background: #fff; box-shadow: 3px 3px 10px rgba(120,113,103,.15);}
.sec2_con .txt {float: left; font-size:0;}
.sec2_con .txt .img_wrap {display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background: url('/mobile/images/main/insta_small.jpg') center no-repeat;
background-size: 30px; vertical-align: middle;}
.sec2_con .txt em {display: inline-block; font-size: 12px; color:#222; line-height: 1; font-weight: 400; margin-left: 5px; vertical-align: middle;}
.sec2_con .sec2_btn {float: right; display: block; width:4px; height: 20px; margin-top: 5px;}
.sec2_con .sec2_btn img {width: 100%;}

.sec2_list {margin-top: 10px; position:relative;}
.sec2_list li {float: left; width:32.05%; margin: 5px 1.92% 0 0; position:relative;}
.sec2_list li:nth-child(-n+3) {margin-top: 0;}
.sec2_list li:nth-child(3n) {margin-right: 0;}
.sec2_list li a {position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}
.sec2_list li a img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; width: auto; height: auto;}
.sec2_list li a img {width:100%;}
/* .sec2_list:before {content:''; position:absolute; background-color:rgb(0,0,0,0.5); width:100%; height:100%; z-index:4; top:0; left:0;} */
.sec2_list p {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:22px;  font-family:'Cafe24Danjunghae'; white-space:nowrap; text-align:center; z-index:5;}
.sec2_list p em {font-size:18px;}


.sec2_con_new {width: 100%; padding: 20px 10px; background: #fff; box-shadow: 3px 3px 10px rgba(120,113,103,.15);}
.sec2_con_new:first-child {margin-bottom:20px;}
.sec2_con_new .sec2_top {margin-bottom:10px;}
.sec2_con_new .txt {float: left; font-size:0;}
.sec2_con_new .txt .img_wrap {display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background: url('/mobile/images/main/insta_small.jpg') center no-repeat;
background-size: 30px; vertical-align: middle;}
.sec2_con_new .txt .img_wrap2 {display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background: url('/mobile/images/main/instacat_mob.png') center no-repeat;
background-size: 30px; vertical-align: middle;}
.sec2_con_new .txt em {display: inline-block; font-size: 12px; color:#222; line-height: 1; font-weight: 400; margin-left: 5px; vertical-align: middle;}
.sec2_con_new .sec2_btn {float: right; display: block; width:4px; height: 20px; margin-top: 5px;}
.sec2_con_new .sec2_btn img {width: 100%;}

.sec2_list_new li {float: left; width:32.14%; margin:1.78% 1.78% 0 0;}
.sec2_list_new li:nth-child(-n+3) {margin-top:0;}
.sec2_list_new li:nth-child(3n) {margin-right:0;}
.sec2_list_new li a {display:block; width:100%; height:100%;}
.sec2_list_new .img_wrap {position:relative; width:100%; height:0; padding-bottom:100%;}
.sec2_list_new .img_wrap img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; width:100%; height:100%;}


#section3 {width: 100%; background: #f6f6f6; position: relative; padding-bottom:50px;}
.sec3_list { position: relative; overflow: hidden;}
/* .sec3_list .slick-list {margin-left: -8px;}
.sec3_list li {margin-left: 8px;} */
.sec3_list li a {display: block; width: 100%; height: 100%;}
.sec3_list li .img_wrap {position: relative; width: 100%; height: 0; padding-bottom:63.15%; overflow: hidden;}
.sec3_list li .img_wrap img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; width: auto; height: auto;}
.sec3_list li .txt_wrap {margin-top: 10px; text-align: center;}
.sec3_list li .txt_wrap em {display: block; font-size: 12px; color:#555; line-height: 1; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sec3_list li .txt_wrap span {display: block; font-size: 12px; color:#555; line-height: 1; font-weight: 400; margin-top: 5px;}


.slick-dots {width: 100%; text-align: center; font-size:0; height: 8px; margin-top: 20px;}
.slick-dots li {display: inline-block; margin: 0 3px;}
.slick-dots li button {width:8px; height: 8px; background: #fff; border:1px solid #848484; border-radius:50%; outline:0;}
.slick-dots li.slick-active button {width:14px; height: 8px; background: #787167; border-color:#787167; border-radius:30px;}

#section4 {overflow: hidden;}
#section4:before {content:''; position: absolute; top:-85px; left:10px; width:90px; height:85px; background:url('/mobile/images/main/sec4_bg1.png') top center no-repeat; 
background-size: 90px 85px; opacity:0; transition: .5s ease-in-out;}
#section4:after {content:''; position: absolute; bottom:200px; right:-20px; width:154px; height:197px; background:url('/mobile/images/main/sec4_bg2.png') top center no-repeat; 
background-size: 154px 197px; opacity:0;}

#section4.on:before {top:0; opacity:1; animation:bounce-bottom 0.9s both; transition: .25s ease-in-out;}
#section4.on:after {bottom:-10px; opacity:1; transition: .8s ease-in-out .7s;}

.sec4_list {position: relative; z-index:1000;}
.same_list li {float: left; width:31.25%; margin: 20px 3.1% 0 0;}
.same_list li:nth-child(-n+3) {margin-top: 0;}
.same_list li:nth-child(3n) {margin-right: 0;}
.same_list li a {display: block; width: 100%; /* min-height:177.44px; */}
.same_list li .img_wrap {position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}
.same_list li .img_wrap img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; width: auto; height: auto;}

.same_list .txt_wrap {text-align: center; margin:10px 0;}
.same_list .txt_wrap span {display: block; font-size: 12px; color:#787167; line-height:1; font-weight:400;}
.same_list .txt_wrap h3 {font-size: 13px; color:#555; line-height:1; font-weight:400; margin-top:5px;}
.same_list .txt_wrap em {font-size: 13px; color:#555; line-height:1; font-weight:400; margin-top:5px; display:block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

.same_list .list_tit {font-size: 0; width: 100%; padding:0;display: flex;justify-content: center;}
.same_list .list_tit img {width:11.87%; /* margin: 4px 4px 0 0; */}
.same_list .list_tit img:nth-child(-n+2) {margin-top: 0;margin-right: 4px;}
.same_list .list_tit img:nth-child(2n) {/* margin-right: 0; */}


#section5 {width: 100%; background:#f5f2f0; overflow: hidden;}
#section5 .sec5_btn {display: block; width: 100px; height:30px; font-size: 12px; color:#fff; line-height:30px; font-weight:400; margin:23px auto 0; padding-left:25px; border-radius:30px;
background:#787167 url('/mobile/images/main/down_arrow.jpg') 75% 13px no-repeat; background-size:9px 6px;}

.foot_box {position: absolute;}
.foot_box  img {opacity:0; width:19px;}
.left_foot1 {top:15px; left: 0; transform: rotate(-35deg);}
.left_foot1 img {transform: rotate(-25deg); margin-right:8px;}

.left_foot2 {top:40px; left: 0; transform: rotate(-35deg);}
.left_foot2 img {transform: rotate(28deg); margin-right:8px;}

.right_foot img {width:30px;}
.right_foot1 {bottom:37px; right: -40px; transform: rotate(-35deg);}
.right_foot1 img {transform: rotate(-25deg); margin-right:16px;}

.right_foot2 {bottom:11px; right: -35px; transform: rotate(-35deg);}
.right_foot2 img {transform: rotate(25deg); margin-right:16px;}

#section5.on .foot_box img {opacity:1;}
.left_foot1 img:first-child {transition: .15s ease-in-out .1s;}
.left_foot1 img:nth-child(2) {transition: .15s ease-in-out .3s;}
.left_foot1 img:last-child {transition: .15s ease-in-out .5s;}

.left_foot2 img:first-child {transition: .15s ease-in-out;}
.left_foot2 img:nth-child(2) {transition: .15s ease-in-out .2s;}
.left_foot2 img:last-child {transition: .15s ease-in-out .4s;}

.right_foot1 img:first-child {transition: .15s ease-in-out;}
.right_foot1 img:nth-child(2) {transition: .15s ease-in-out .2s;}
.right_foot1 img:last-child {transition: .15s ease-in-out .4s;}

.right_foot2 img:first-child {transition: .15s ease-in-out .1s;}
.right_foot2 img:nth-child(2) {transition: .15s ease-in-out .3s;}

#section6 {/* padding:0 3%; */}
#section6 ul{display: flex;}
.sec6_list li {/* float: left;  */width:100%;}
.sec6_list li a {display: block; width: 100%; height:100%; background:#787167 url('/mobile/images/main/foot_btm1.jpg') 15px 20px no-repeat; background-size:44px;
padding:21px 1px 21px 49.5%; border-top:1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.3);}
.sec6_list li:nth-child(-n+2) a {border-top:none;}
.sec6_list li:nth-child(2n) a {border-right: 1px solid rgba(255,255,255,.3);}
.sec6_list li:nth-child(2) a {background:#787167 url('/mobile/images/main/foot_btm2.jpg') 8px 26px no-repeat; background-size:45px 32px;}
.sec6_list li:nth-child(3) a {background:#787167 url('/mobile/images/main/foot_btm3.jpg') 16px 26px no-repeat; background-size:44px 34px;}
.sec6_list li:last-child a {background:#787167 url('/mobile/images/main/foot_btm4.jpg') 8px 18px no-repeat; background-size:45px 39px;}
.sec6_list li em {display: block; font-family: 'Cafe24Danjunghae'; font-size: 14px; color:#fff; line-height:1; font-weight:400; margin-bottom:10px;}
.sec6_list li span {display: block;font-size: 11px; color:#fff; line-height:1; font-weight:400;}

#section7 {position: relative; padding-bottom:50px;}
.sec7_list {position: relative; overflow: hidden;}
.sec7_list .slick-list {margin-left:-11px;}
.sec7_list li.slick-slide {margin-left:11px; text-align: center;}
.sec7_list li .img_wrap {position: relative; display: block; width: 100%; height: 0; padding-bottom: 63.15%; overflow: hidden;}
.sec7_list li .img_wrap img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; width: auto; height: auto;}
.sec7_list li .txt_wrap {margin-top:7px; text-align: center;}
.sec7_list li .txt_wrap em {display: inline-block; font-family: 'Cafe24Danjunghae'; font-size: 12px; color:#787167; line-height:1; font-weight:400; overflow: hidden; text-overflow: ellipsis; 
white-space: nowrap; max-width: 80%;}

#footer {width: 100%; text-align: center; background:#000; padding-bottom:78px;}
.foot_top {width: 100%; border-bottom: 1px solid #333; font-size:0;}
.foot_top a {display: inline-block; font-size: 12px; color:#fff; line-height:40px; font-weight:400; margin:0 15px;}

.foot_logo {width:150px; height:35px; margin:20px auto;}
.foot_logo a {display: block; width: 100%; height:100%;}
.foot_logo img {width: 100%;}

#footer .call_btn {position: relative; font-family: 'Poppins'; color:#fff; font-size: 22px; line-height:1; font-weight:400; padding-left:34px;}
#footer .call_btn:before {content:''; position: absolute; top:4px; left:0; width:23px; height:23px; background:url('/mobile/images/main/call.jpg') top center no-repeat;
background-size: 23px;}

.address {font-size: 11px; color:#cbcbcb; line-height:20px; font-weight:400; margin:17px 0 7px;}
.copyright {font-size: 11px; color:#cbcbcb; line-height:1; font-weight:400;}

#quick_wrap {position: fixed; bottom:0; left:0; width: 100%; z-index:5000;}
.quick li {float: left; width:33.33%; height:50px; background:#333;}
.quick li:nth-child(2) {background:#ffd800;}
.quick li:nth-child(3) {background:url('/mobile/images/main/quick2_bg.jpg') center no-repeat; background-size: cover;}
/* .quick li:last-child {background:#3ec727;} */
.quick li a { display: flex; justify-content: center; align-items: center; width: 100%; height:100%; }
.quick li a p {font-size: 14px; font-weight: 500; color: #fff; margin-right: 5px;}
.quick li:nth-child(2) a p {color: #3c1e1e;}
.quick li:nth-child(2) a {display: flex; justify-content: center; align-items: center; width: 100%; height:100%;}
.quick li img {width:16px; height: 16px;}
.quick li:nth-child(2) img {width:18px; height: 16px;}
.quick li:nth-child(3) img {width:18px; height: 18px;}
/* .quick li:last-child img {width:24px;} */

/*=== sub ===*/
#sub_visual_wrap {position: relative;}
#sub_visual_wrap img {width: 100%;}
.sub_visual_txt {position: absolute; top:50%; left:0; transform: translateY(-44%); width: 100%; text-align: center;}
.sub_visual_txt h3 {font-family: 'Cafe24Danjunghae'; font-size: 25px; color: #ffca63; line-height:1; font-weight:400; margin-bottom:12px;}
.sub_visual_txt span {display: block; font-size:12px; color:#9e8571; line-height:20px; font-weight:400;}

.menulink {float: left; position: relative; width: 50%; height:40px; border:1px solid #ddd;}
.menulink02 {border-left:none;}
.menulink > a {display: block; width: 100%; height:100%; background:#f5f5f5 url('/mobile/images/sub/tab_menu.jpg') 93% center no-repeat; background-size:5px;
font-size: 12px; color:#777066; line-height:38px; padding-left:20px;}
.menulink.on > a {background:#777066 url('/mobile/images/sub/tab_menu_on.jpg') 93% center no-repeat; color:#fff; background-size:5px;}

.menulink ul {position: absolute; top:39px; left: -1px; width: 101%; background:#f5f5f5; border: 1px solid #ddd; border-top:none; z-index:100; padding:7px 0; display:none;}
.menulink ul a {display: block; font-size: 12px; color:#888; line-height:25px; font-weight:400; padding-left:20px;}
.menulink ul li.on a {color:#333;}

#sub_contents {width: 100%; min-height:600px; padding:30px 3% 60px;}
#sub_contents.pd {padding-top:20px;}
#sub_contents.pd02 {padding:30px 0 0;}
.contop {width: 100%; text-align: center; margin-bottom:21px;}
.contop h3 {position: relative; font-family: 'Cafe24Danjunghae'; font-size: 20px; color:#333; line-height:1.5; font-weight:400;}
.contop h3:before {content:''; position: absolute; top:-25px; left:50%; transform: translateX(-50%); width:22px; height:16px; background:url('/mobile/images/sub/contop.png') top center no-repeat;
background-size: 22px 16px;}

h4.h4_tit {position: relative; font-family: 'Cafe24Danjunghae'; padding-top:25px; font-size: 20px; color:#333; line-height:1.5; font-weight:400; text-align:center; margin-bottom:20px;}
h4.h4_tit:before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%); width:22px; height:16px; background:url('/mobile/images/sub/contop.png') top center no-repeat;
background-size: 22px 16px;}
h4.h4_tit span {color:#e4ca73;}
h4.h4_tit em {display:block; font-size:16px; color:#88705d; line-height:25px; word-break:keep-all; margin-top:10px;}
h4.h4_tit i {font-family: 'Noto Sans KR'; font-style: normal;}

.ht_tit {font-size: 16px; color:#777066; line-height:1; font-weight:400; margin:14px 0 20px;}

/* sub0201 */
.sub02_wrap{padding: 0 3% 60px;}
.sub02_list li {float:left; width:25%; text-align:center; font-size:11px; border-bottom:1px solid #eaeaea;padding-top:6px; padding-bottom:6px;}  
.sub02_list li:nth-child(-n+4) {border-top:1px solid #eaeaea;}
.sub02_list li:nth-child(4n-3) {border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.sub02_list li:nth-child(4n-2) {border-right:1px solid #eaeaea;}
.sub02_list li:nth-child(4n) {border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.sub02_list li a img {width:46px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sub02_list li div {margin:0 auto; width:45px; height:45px; border-radius:50%; border:2px solid #e4ca73;  overflow:hidden; position:relative;}
.sub02_list li p {line-height:1; margin-top:5px;}

.sub02_list li.sub_noimg {background-color:#faf7f5; padding: 28px 0 27px;}
.sub02_list li.sub_noimg img {width:55px; vertical-align:0;}


.sub_btn {display: block; width: 100px; height:30px; font-size: 12px; color:#fff; line-height:30px; font-weight:400; margin:23px auto 0; padding-left:25px; border-radius:30px;
background:#787167 url('/mobile/images/main/down_arrow.jpg') 75% 13px no-repeat; background-size:9px 6px;}
.sub_btn a {color:#fff;}

/*sub0701 ÁöÁ¡¾È³»*/
.store_box {margin-bottom:19px;}
.store_box:last-child {margin-bottom:0;}

.map_box {position: relative; width: 100%; height:0; padding-bottom:50%; overflow: hidden;}
.map_box iframe {position: absolute; top:0; left:0; width: 100%; height:100%; border: none;}

.map_info li {position: relative; padding-left:25px; margin-bottom:20px;}
.map_info li:last-child {padding-bottom:0; margin-bottom:0;}
.map_info li em {display: block; font-size: 13px; color:#222; line-height:1; font-weight:400;}
.map_info li span {display: block; font-size: 12px; color:#555; line-height:1; font-weight:400; margin-top:9px;}

.map_info li:before {content:''; position: absolute; top:-1px; left:0; width: 11px; height:14px; background:url('/mobile/images/sub/address.png') top center no-repeat;
background-size: 11px 14px;}
.map_info li:nth-child(2):before {width: 14px; height:14px; background:url('/mobile/images/sub/call.png') top center no-repeat; background-size: 14px;}
.map_info li:nth-child(3):before {top:0; width: 14px; height:14px; background:url('/mobile/images/sub/time.png') top center no-repeat; background-size: 14px;}

.est_wrap > p {font-family: 'MapoFlowerIsland'; font-size:20px; color:#88705d; text-align:center; font-weight:bold; margin-bottom:40px;}
.tbl_recruit {width:100%; border-top:2px solid #B8A789; table-layout:fixed}
.tbl_recruit td {text-align: center;height: 50px; padding: 5px; border-bottom: 1px solid #dddddd;font-size: 12px;color: #555555;}
.tbl_recruit th { font-weight: 400;height: 50px;border-bottom: 1px solid #dddddd;font-size: 12px; color: #333333;}
span.recruit_pre {display: inline-block;width:40px;height: 25px;background: #FFCA64; text-align: center; line-height: 25px; font-size: 12px;color: #ffffff;}
.re_btn{width:100px; height:35px; border:1px solid #88705d; margin: 0 auto; text-align:center; line-height:33px; font-weight:500; margin-top:10px;}
.re_btn a{display:block; width:100%; height:100%;color:#88705d; }
.re_btn:hover {border:0; background:#88705d; transition-duration:0.3s;}
.re_btn:hover a {color:#fff;}

.online_subject{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*sub02 cat_view*/
.cat_veiwTop {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eaeaea;}
.cat_veiwTop .img {width:100%;}
.cat_veiwTop .img span img {width:100%;}
.cat_veiwTop .txt {position:relative; width:100%; margin-top:20px;}
.cat_veiwTop .txt h3 {font-size:18px; color:#000; line-height:1; font-weight:300; text-indent:-1px; margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea;}
.cat_veiwTop .txt h3 span{color:#e4ca73; font-size:14px; margin-left:10px; font-weight:500;}
.cat_veiwTop .txt ul li{width: 100%; margin-bottom: 9px; position: relative; font-size: 12px; font-weight: 400; min-height: 20px; padding-left:12px;}
.cat_veiwTop .txt ul li span{display: inline-block; width:10%; color:#222;}
.cat_veiwTop .txt ul li p{display: inline-block; width:85%;}
.cat_veiwTop .txt ul li::before {width: 3px; height: 3px; background: #e4ca73; content: ''; border-radius: 50%; position: absolute; left: 0; top: 11px;}
.view_link{overflow:hidden;}
.view_link a{display:block; float:left; width:48.3%;/*  height:50px; */ border-radius:10px; margin-left:3.3%; position:relative;}
.view_link a:first-child {margin-left:0;}
.view_link a div {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center;}
.view_link a em{display:block; color:#fff; font-size:12px;  }
.view_link a b{display:block; color:#fff; font-size:14px; font-weight:500; line-height:1; }
/* .view_link a:nth-child(1){background:url(/mobile/images/sub/m_cat_view_btn01.jpg) no-repeat center center; background-size:100%;}
.view_link a:nth-child(2){background:url(/mobile/images/sub/m_cat_view_btn02.jpg) no-repeat center center; background-size:100%;} */
.view_link img {width:100%;}

.cat_middle_wrap{position:relative; width:100%; padding-top:0;}
.cat_m_box{border:10px solid #f7f7f7; width:100%; margin-top:20px; padding:3%;}
.cat_m_tit {text-align:center;}
.cat_m_img {position:relative; display:inline-block; width:50%; height:0; padding-bottom:50%; z-index:99;}
.cat_m_img img {position:absolute; top:0; left:0; width:100%; border-radius:50%;}
.cat_m_name{width:100%; height:50px; z-index:9; background:#e4ca73 url(/images/sub/cat_middle_tit.jpg) no-repeat right center; text-align:center;
color:#fff; margin-top:10px; background-size: 115px;}
.cat_m_name h4{font-size:18px; font-weight:300; color:#555; line-height:50px;}
.cat_m_name h4 span{font-size:14px; font-weight:500; margin-left:5px;}
.cat_m_box ul{overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:20px; text-align:center;}
.cat_m_box li{padding-left:65px; word-break:keep-all; text-align:left; color:#777;}
.cat_m_box li em{display:block; color:#555; font-size:16px; font-weight:500; }
.cat_m_box li:nth-child(1){background:url(/images/sub/cat_view_icon01.jpg) no-repeat left top; background-size:50px;}
.cat_m_box li:nth-child(2){background:url(/images/sub/cat_view_icon02.jpg) no-repeat 11px top; margin-top:10px; background-size:33px;}
.cat_m_btn{text-align:center; margin-top:20px;}
.cat_m_btn a{display:block; width:110px; height:40px; line-height:40px; color:#fff; background:#e4ca73; border-radius:10px; margin:0 auto 10px; color:#555; font-weight:500;}
.cat_m_btn p{color:#777; font-weight:500;}

.cat_full{margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea;}
.cat_full li{margin-bottom:20px;}
.cat_full li:last-child{margin-bottom:0;}
.cat_full .img {width:100%; margin-bottom:20px;}
.cat_full .img span {display:table-cell; width:100%;}
.cat_full .img span img {width:100%;}
.cat_full .txt{padding-top:50px; background:url(/images/sub/cat_view_txt.jpg) no-repeat center; text-align:center; background-size: 40px;}

.v_detail_con {width:100%;/*  text-align:center; */ margin:30px 0; padding:0 3%; word-break:keep-all;}
.v_detail_con .d_logo {margin-bottom:20px;}
.v_detail_con h5 {font-size:17px; font-weight:300; color:#222; line-height:1; margin-bottom:10px;}
.v_detail_con h4.d_tit01 {font-size:35px; font-weight:600; color:#222; line-height:1; margin-bottom:40px; margin-top:80px;}
.v_detail_con h4.d_tit02 {font-size:35px; font-weight:600; color:#222; line-height:1; margin-bottom:40px; margin-top:0;}
/* .v_detail_con h4 span {color:#ffca63;} */
.v_detail_con p.d_txt01 {font-size:17px; font-weight:400; color:#555; line-height:30px; margin-bottom:10px;}

.v_detail_con .d_img01 {width:100%;}
.v_detail_con .d_img01 li {float:left; width:585px; margin-right:30px;}
.v_detail_con .d_img01 li:nth-child(2n) {margin-right:0;}

.v_detail_con .d_icon01 {width:100%; margin-bottom:40px;}
.v_detail_con .d_icon01 li {float:left; width:255px; margin-right:60px;}
.v_detail_con .d_icon01 li:nth-child(4n) {margin-right:0;}

.v_detail_con p.d_txt02 {font-size:20px; font-weight:200; color:#555; line-height:35px; margin-bottom:40px;}
.v_detail_con p.d_txt02 span {color:#222; font-weight:500;}

.v_detail_con .d_box {width:100%; height:185px; background:url(/images/sub/detail_img03.jpg) no-repeat left top; border-radius:15px; border:3px solid #ffca63; padding:30px 0 0 300px; text-align:left;}
.v_detail_con .d_box .icon {display:inline-block; width:120px; margin-right:20px; vertical-align:middle;}
.v_detail_con .d_box p {display:inline-block; vertical-align:middle; font-size:20px; font-weight:300; color:#555; line-height:35px; }


.v_detail_con02 {width:100%; }
.v_detail_con02 .tit {width:100%; height:200px; background:url(/images/sub/detail_tit_bg.jpg) no-repeat center; text-align:center; padding-top:35px;}
.v_detail_con02 .tit img {margin-bottom:15px;}
.v_detail_con02 .tit p {font-size:15px; color:#555; font-weight:400; line-height:1; margin-bottom:15px;}
.v_detail_con02 .tit h4 {font-size:35px; color:#222; font-weight:600; line-height:1;}

/* main-login */
.login_new_wrap {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7);  z-index:10000;   display:none;}
.login_new {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:85%; height:350px; background:#f5f2f0; padding:0 3%;}
.login_txt01 {width:100%; border:none; border-bottom:1px solid #736b61; background:none; height:35px; margin-bottom:15px; outline:0; padding-left:10px; border-radius:0;}
.login_new h3 {color:#333; font-size:20px; margin-top:40px; margin-bottom:20px; line-height:1; font-weight:500; text-align:center;}
.login_new_btn {display:block; text-align:center; width:100%; line-height:30px; color:#fff; background-color:#dac16c; margin:5px auto 20px auto;  font-size:13px;}
.login_new > a {color:#fff;}
.login_new div {border-bottom:1px solid #ddd; overflow:hidden; width:100%; margin:0 auto; font-size:12px; color:#787167; margin-bottom:25px; height:25px;}
.login_new div a:first-child {float:left;}
.login_new div a:last-child {float:right;}
.login_new img:first-child {position:absolute; top:15px; right:10px; width:16px;}
.login_new img:first-child:hover {cursor:pointer;}
.login_new img {display:block; margin:0 auto;}
.login_new img:last-child {height:30px;}
.login_txt01::placeholder {color:#ccc;}


/*sub0401 - ºÐ¾çÈıâ*/
.c_gall_list {margin-top:10px;}
.c_gall_list li {float:left; width:48.3%;  margin-top:10px; border:1px solid #ddd; margin-right:3.3%;}
.c_gall_list li:nth-child(-n+2) {margin-top:0;}
.c_gall_list li:nth-child(2n) {margin-right:0;}
.c_gall_list li a {display:block; width:100%; height:100%;}
.c_gall_list li .gimg {position:relative; width:100%; /* height:100px;  *//* padding-bottom:70%; */}
/* .c_gall_list li .gimg img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%; } */
.c_gall_list li .gtxt {border-top:1px solid #; padding:10px 3%;}
.c_gall_list li .gtxt h4 {font-size:13px; color: #222; font-weight: 500; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}
.c_gall_list li .gtxt p {margin:5px 0; width:100%; height:36px; font-size: 12px; line-height:18px; color: #555; display:-webkit-box; -webkit-line-clamp:2; 
-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.c_gall_list li .gtxt span {display:block; font-size:12px; text-align:right; color:#e4ca73;}

/*sub0101 - ´Þ·ç³ªÄ¹Ã÷*/
.intro_wrap {word-break:keep-all;}
.intro_con01 {width:100%; padding:0 3% 30px;}
.intro_con01 ul {text-align:center; font-size:0; width:300px; margin:0 auto;}
.intro_con01 ul li {display:inline-block; width:140px; height:140px; padding-top:53px; background-size:140px 140px !important; font-family: 'Cafe24Danjunghae';}
.intro_con01 ul li:first-child {margin-right:6%;}
.intro_con01 ul li.list01 {background:url("/mobile/images/sub/intro_img01.jpg") top center no-repeat;}
.intro_con01 ul li.list02 {background:url("/mobile/images/sub/intro_img02.jpg") top center no-repeat;}
.intro_con01 ul li.list03 {background:url("/mobile/images/sub/intro_img03.jpg") top center no-repeat;}
.intro_con01 ul li em {display:inline-block; width:23px; height:23px; border-radius:50%; font-size:14px; color:#fff; line-height:1; background:#2c4a73; text-align:center; line-height:24px;}
.intro_con01 ul li p {font-size:12px; color:#fff; margin-top:5px;}
.intro_con01 ul li.list02 em {background:#787167;}
.intro_con01 ul li.list03 em {background:#fa7087;}
.intro_con01 dl {margin-top:20px;}
.intro_con01 dl dt {width:80px; line-height:1; border-bottom:1px solid #88a7d2; font-size:25px; color:#2c4a73; padding-bottom:5px;}
.intro_con01 dl dd {margin-top:10px; color:#666; padding-left:10px;}
.intro_con01 dl.color01 {margin-top:30px;}
.intro_con01 dl.color02 dt {color:#787167; border-bottom:1px solid #787167 ;}
.intro_con01 dl.color02 dd {color:#666;}
.intro_con01 dl.color03 dt {color:#fa7087; border-bottom:1px solid #feabb9;}
.intro_con01 dl.color03 dd {color:#666;}

.intro_con02 {width:100%; height:240px; background:url("/mobile/images/sub/intro_bg01.jpg") bottom center no-repeat; background-size:cover; font-family:'MapoFlowerIsland';
padding:30px 3%;}
.intro_con02 strong {font-size:17px; color:#333; line-height:1;}
.intro_con02 span {color:#333; margin-top:15px; font-weight:500;}

.intro_con03 {width:100%; padding:30px 3%;}
.intro_con03 strong {display:block; font-size:20px; color:#333; line-height:30px; font-family: 'Cafe24Danjunghae'; font-weight:500;}
.intro_con03 strong span {color:#e4ca73;}
.intro_con03 p {margin-top:15px;}
.intro_con03 > img {width:100%; margin-top:30px;}
.intro_con03 .txt {width:100%; background:#e4ca73 url("/mobile/images/sub/intro_bg03.jpg") right center no-repeat; background-size:300px 313px; padding:20px 15px;
margin-top:30px;}
.intro_con03 .txt p {color:#fff; margin-top:20px;}
.intro_con03 .txt p:first-child {margin-top:0;}
.intro_con03 .logo {margin-top:20px;}
.intro_con03 .logo span {position:relative; display:inline-block; padding-left:40px; color:#787167; vertical-align:-7px; line-height:1; margin-right:10px;}
.intro_con03 .logo span:before {content:''; position:absolute; left:0; bottom:0; width:30px; height:1px; background:#e5cb74;}
.intro_con03 .logo img {height:26px;}

.intro_con04 {width:100%; padding:30px 3%;  background:#f8f8f8;}
.intro_con04 strong {display:block; font-size:20px; color:#333; line-height:1; margin-bottom:20px; font-family: 'Cafe24Danjunghae'; font-weight:500;}
.intro_con04 strong span {color:#e4ca73;}
.intro_con04 p {margin-top:15px;}
.intro_con04 > img {width:100%; margin-top:30px;}

.intro_con05 {width:100%; padding:30px 3%;}
.intro_con05 p {margin-top:15px;}
.intro_con05 p:first-child {margin-top:0;}
.intro_con05 img {width:100%; margin-top:30px;}




/* sub0301 - ºÐ¾çÀýÂ÷ */
.step_wrap {}
.step_con01 {width:100%; padding:30px 3%; background:#f8f8f8;}
.step_con01 .top {position:relative; width:100%; height:186px; border:10px solid #2c4a73; text-align:center; padding-top:17px; z-index:1;}
.step_con01 .top:before {content:''; position:absolute; top:45px; left:-10px; width:calc(100% + 20px); height:96px; background:#f8f8f8; z-index:-1;}
.step_con01 .top strong {display:block; font-size:22px; color:#2c4a73; line-height:1; font-family: 'Cafe24Danjunghae'; margin:9px 0 24px; font-weight:500;}
.step_con01 .btm {width:100%; padding:20px 5px; text-align:center; word-break:keep-all; background:#2c4a73; margin-top:15px;}
.step_con01 .btm ul {text-align:center; font-size:0;}
.step_con01 .btm ul li {display:inline-block; font-size:16px; color:#fff; line-height:50px; margin-left:20px; background:url("/mobile/images/sub/step_img02.png") center no-repeat;
background-size:58px 50px;}
.step_con01 .btm ul li:first-child {margin-left:0;}
.step_con01 .btm p {color:#fff; margin-top:25px;}
.step_con01 .btm p span {color:#f7e196;}

.step_con02 {width:100%; padding:30px 3%; text-align:center;}
.step_con02 strong {display:block; font-size:20px; color:#e4ca73; line-height:1; margin-top:20px; font-family: 'Cafe24Danjunghae'; font-weight:500;}
.step_con02 dl {margin-top:25px;}
.step_con02 dl dt {font-size:16px; color:#787167; font-family: 'Cafe24Danjunghae'; line-height:1;}
.step_con02 dl dt img {height:6px; margin-right:10px; vertical-align:1px;}
.step_con02 dl dd {margin-top:10px; word-break:keep-all;}
.step_con02 .txt02 , .step_con02 .txt03 {margin-top:30px;}
.step_con02 .txt02 strong {color:#88a7d2;}
.step_con02 .txt02 dt {color:#2c4a73;}
.step_con02 .txt03 strong {color:#feabb9;}
.step_con02 .txt03 dt {color:#fa7087;}
.step_con02 dl dd ul {font-size:0;}
.step_con02 dl dd ul li {display:inline-block; text-align:left; font-size:16px; color:#333; margin-left:15px; font-family: 'Cafe24Danjunghae';}
.step_con02 dl dd ul li:first-child {margin-left:0;}
.step_con02 dl dd ul li em {margin-right:6px;}

/*°øÅë*/
.step_wrap em.num {display:inline-block; width:25px; height:25px; background:#fff; font-size:16px; line-height:25px; text-align:center; border-radius:50%; font-family: 'Cafe24Danjunghae';}
.step_wrap em.num01 {border:1px solid #88a7d2; color:#88a7d2;}
.step_wrap em.num02 {border:1px solid #787167; color:#787167;}
.step_wrap em.num03 {border:1px solid #feabb9; color:#feabb9;}
.step_tit {width:100%; text-align:center;}
.step_tit strong {display:block; margin-top:15px; font-size:16px; color:#333; line-height:1; font-family: 'Cafe24Danjunghae'; font-weight:500;}
.step_tit p {color:#2c4a73; margin-top:10px;} 

.step_con {width:100%; padding:30px 3%; text-align:center;}
.step_con ul {display:inline-block; width:90%; text-align:center; font-size:0; margin-top:20px;}
.step_con ul li {display:inline-block; width:46.67%; height:116px; margin-right:6.66%; margin-top:20px;  text-align:center; vertical-align:top;}
.step_con ul li:nth-child(2n) {margin-right:0;}
.step_con ul li:nth-child(-n+2) {margin-top:0;}
.step_con ul li em {display:block; padding-top:10px; font-size:14px; color:#333; line-height:1; font-family: 'Cafe24Danjunghae';}
.step_con ul li .txt {width:100%; height:90px; border:1px solid #e4ca73; background:rgba(255,255,255,0.9); padding-top:15px;}
.step_con ul li:nth-child(even) .txt {border:1px solid #2c4a73;}
.step_con ul li .txt strong {display:block; font-size:14px; color:#333; font-weight:500; line-height:1;}
.step_con ul li .txt p {margin-top:12px; font-size:11px; line-height:18px;}

.step_con03 {background:#f8f8f8;}
.step_con03.step_con ul li {background:url("/mobile/images/sub/step_bg02.png") top center no-repeat; background-size:119px 101px !important;}
.step_con03.step_con ul li:nth-child(even) {background:url("/mobile/images/sub/step_bg03.png") top center no-repeat;}

.step_con04 .step_tit p {color:#787167;}
.step_con04.step_con ul {text-align:center;}
.step_con04.step_con ul li {float:left; position:relative; z-index:1; width:46.67%; height:123px;}
.step_con04.step_con ul li:before {content:''; position:absolute; top:0; left:50%; margin-left:-61px; width:197px; height:123px; background:url("/mobile/images/sub/step_bg04.png") top center no-repeat;
background-size:197px 123px !important; z-index:-1;}
.step_con04.step_con ul li:nth-child(even):before {background:url("/mobile/images/sub/step_bg04_2.png") top center no-repeat;}
.step_con04.step_con ul li:last-child:before {background:url("/mobile/images/sub/step_bg04_2.png") top center no-repeat;}
.step_con04.step_con ul li em {color:#787167;}
.step_con04.step_con ul li:nth-child(even) em {color:#e4ca73;}
.step_con04.step_con ul li:last-child em {color:#e4ca73;}
.step_con04.step_con ul li .txt {border:1px solid #787167;}
.step_con04.step_con ul li:nth-child(even) .txt {border:1px solid #e4ca73;}
.step_con04.step_con ul li:last-child .txt {border:1px solid #e4ca73;}

.step_con05 .step_tit p {color:#fa7087;}
.step_con05 {background:#f8f8f8;}
.step_con05.step_con ul li {height:136px;}
.step_con05.step_con ul li em {padding-top:16px;}
.step_con05.step_con ul li .txt {border:1px solid #fa7087; height:106px;}
.step_con05.step_con ul li:nth-child(even) .txt {border:1px solid #e4ca73;}
.step_con05.step_con ul li {background:url("/mobile/images/sub/step_bg05.png") top center no-repeat; background-size:127px 130px !important;}
.step_con05.step_con ul li:nth-child(even) {background:url("/mobile/images/sub/step_bg06.png") top center no-repeat;}

/*sub0302 - »çÈÄ°ü¸®*/
.manage_wrap {width:100%; padding:0 3% 60px;}
.manage_con01 {width:100%; text-align:center; padding:151px 3% 20px; background:#ebe7e4 url("/mobile/images/sub/manage_bg01.jpg") top center no-repeat; 
background-size:cover; word-break:keep-all;}
.manage_con01 > img {height:41px;}
.manage_con01 p {margin-top:15px;}
.manage_con01 em {display:block; font-size:13px; color:#333; line-height:21px; margin-top:15px; font-weight:500;}
.manage_con01 em span {color:#2c4a73;}

.manage_con02 {width:100%; margin-top:30px;}
.manage_con02 li {margin-top:20px; text-align:center; background:url("/mobile/images/sub/manage_txt.png") right bottom no-repeat; word-break:keep-all;
background-size:124px 108px; padding-bottom:20px;}
.manage_con02 li:first-child {margin-top:0;}
.manage_con02 li > img {width:100%;}
.manage_con02 li em {display:block; font-size:45px; color:#feabb9; line-height:1; font-family: 'Cafe24Danjunghae'; margin-top:-22px;}
.manage_con02 li strong {display:block; line-height:1; font-size:17px; color:#fa7087; font-family: 'Cafe24Danjunghae'; margin-top:10px; font-weight:500;}
.manage_con02 li strong img {height:15px;}
.manage_con02 li:nth-child(even) em {color:#88a7d2;}
.manage_con02 li:nth-child(even) strong {color:#2c4a73;}
.manage_con02 li p {margin-top:25px; letter-spacing:-0.2px;}

/*sub0303 - À§Å¹ºÐ¾ç*/
.consign_wrap {width:100%; padding:0 3% 60px; word-break:keep-all;}
.consign_con01 {text-align:center; padding:0 0 30px;}
.consign_con01 h4 {margin-bottom:10px;}
.consign_con01 strong {display:block; font-size:16px; color:#333; line-height:26px; margin-bottom:20px; font-family: 'Cafe24Danjunghae'; font-weight:500;}
.consign_con01 strong span {color:#fa7087;}
.consign_con01 img {width:100%; margin:10px 0;}
.consign_con01 p span {color:#fa7087;}

.consign_con02 {width:100%; padding:30px 3%; background:#f8f8f8;}
.consign_con02 ul li {width:100%; font-size:0; margin-top:20px;}
.consign_con02 ul li:first-child {margin-top:0;}
.consign_con02 ul li .img {display:inline-block; vertical-align:top; margin-right:22px;}
.consign_con02 ul li .img img {height:110px;}
.consign_con02 ul li .txt {display:inline-block; vertical-align:top; width:calc(100% - 132px )}
.consign_con02 ul li .txt em {display:block; line-height:1; font-size:18px; color:#e4ca73; font-family: 'Cafe24Danjunghae';}
.consign_con02 ul li .txt strong {position:relative; display:inline-block; font-size:15px; color:#333; line-height:1; padding-bottom:10px; border-bottom:1px solid #333; font-weight:500;
font-family: 'Cafe24Danjunghae'; margin-top:5px;}
.consign_con02 ul li .txt p {margin-top:10px; font-size:12px;}
.consign_con02 ul li:nth-child(even) {text-align:right;}
.consign_con02 ul li:nth-child(even) .img {margin-right:0; margin-left:22px;}
.consign_con02 ul li:nth-child(2) em {color:#88a7d2;}
.consign_con02 ul li:nth-child(3) em {color:#2c4a73;}
.consign_con02 ul li:nth-child(4) em {color:#fa7087;}

.consign_con03 {position:relative; width:100%; padding:30px 30px 125px; background:#2c4a73 url("/mobile/images/sub/consign_bg01.jpg") bottom center no-repeat; 
background-size:300px;}
.consign_con03:before {content:''; position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); border:1px solid #e4ca73;}
.consign_con03 p {color:#fff; margin-top:20px; text-align:center;}
.consign_con03 p:first-child {margin-top:0;}

.consign_con04 {width:100%; padding:30px 0;}
.consign_con04 .txt {width:100%; padding:20px 20px 45px; background:#787167 url("/mobile/images/sub/consign_bg02.jpg") top right no-repeat; background-size:300px 288px;}
.consign_con04 .txt strong {display:block; font-size:15px; color:#fff; line-height:25px; font-weight:500; font-family: 'Cafe24Danjunghae'; margin-bottom:29px;}
.consign_con04 .txt p {color:#fff; margin-bottom:20px;}
.consign_con04 .txt p:last-child {margin-bottom:0;}
.consign_con04 .img {position:relative; width:100%; text-align:center; margin-top:-15px; z-index:1; padding-bottom:6.76%;}
.consign_con04 .img:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:84px; 
background:url("/mobile/images/sub/consign_img06.png") center bottom no-repeat; background-size:100%; z-index:-1;}
.consign_con04 .img img {width:86.66%}

.consign_con05 {width:100%; padding:30px 0; background:#f8f8f8;}
.consign_con05 a img {width:100%;}
.consign_slider_wrap {position:relative; margin:10px 0 20px; padding-bottom:27px;}

.consign_con06 {width:100%; padding:30px 0 0; text-align:center;}
.consign_con06 strong {display:block; font-size:20px; color:#333; line-height:1; font-weight:500; font-family: 'Cafe24Danjunghae';}
.consign_con06 .txt02 {margin-top:30px;}
.consign_con06 strong img {height:35px; margin-right:10px; vertical-align:middle;}
.consign_con06 span.color01 {color:#feabb9;}
.consign_con06 span.color02 {color:#fa7087;}
.consign_con06 span.color03 {color:#88a7d2;}
.consign_con06 span.color04 {color:#2c4a73;}
.consign_con06 p {margin-top:20px; letter-spacing:-0.2px;}
.consign_con06 em {display:block; font-size:15px; color:#333; line-height:25px; margin-top:15px;}
.consign_con06 a {display:inline-block; width:100px; line-height:30px; background-color:#e4ca73; border-radius:5px; margin-top:20px; color:#333;}

/*sub02 view*/
.detail_con01 {padding-bottom:30px;}
.detail_con01 img {width:100%;}
.detail_con01 .txt {margin:20px 0 30px;}
.detail_con01 .txt:last-child {margin-bottom:0;}
.detail_con01 .txt li {margin-top:20px; letter-spacing:-0.2px;}
.detail_con01 .txt li:first-child {margin-top:0;}
.detail_con01 .txt strong {display:block; font-size:14px; color:#787167; line-height:1; margin-bottom:10px; font-family: 'Cafe24Danjunghae'; font-weight:500;}
.detail_con01 .txt.txt02 strong {color:#fa7087;}
.detail_con01 .txt.txt03 strong {color:#2c4a73;}

.detail_con02 {padding-bottom:40px;}
.detail_con02 ul li {position:relative; margin-top:20px; text-align:center;}
.detail_con02 ul li:first-child {margin-top:0;}
.detail_con02 ul li > img {height:36px;}
.detail_con02 ul li strong {display:block; font-size:18px; color:#787167; line-height:1; font-weight:500; margin-top:10px; font-family: 'Cafe24Danjunghae'}
.detail_con02 ul li .txt {position:relative; width:100%; margin-top:15px; background:url("/mobile/images/sub/v_detail_bg01.jpg") center repeat; background-size:300px; 
padding:20px 0 10px; border-radius:20px; z-index:1; overflow:hidden;}
.detail_con02 ul li .txt:before {content:''; position:absolute; top:0; left:0; width:100%; height:10px; background:#787167; z-index:-1;}
.detail_con02 ul li .txt p {margin-top:4px; font-size:12px; line-height:22px; padding:0 5px;}
.detail_con02 ul li .txt p:first-child {margin-top:0;}
.detail_con02 ul li.icon01:before {content:''; position:absolute; right:0; top:-1px; width:120px; height:81px; background:url("/mobile/images/sub/v_detail_icon01.jpg") top center no-repeat;
background-size:120px 81px; z-index:-1;}
.detail_con02 ul li.icon02:before {content:''; position:absolute; left:0; top:-11px; width:111px; height:90px; background:url("/mobile/images/sub/v_detail_icon02.jpg") top center no-repeat;
background-size:111px 90px; z-index:-1;}

.detail_con02 ul li.list02 strong {color:#feabb9;}
.detail_con02 ul li.list02 .txt:before {background:#feabb9;}
.detail_con02 ul li.list03 strong {color:#88a7d2;}
.detail_con02 ul li.list03 .txt:before {background:#88a7d2;}

.detail_con03 {}
.detail_con03 h4 {margin-top:30px;}
.detail_con03 .txt {position:relative; width:100%; padding-top:17px; text-align:center; margin-bottom:16px;}
.detail_con03 .txt:before {content:''; position:absolute; top:0; left:50%; margin-left:-32px; width:64px; height:1px; background:url("/mobile/images/sub/v_detail_line.jpg") top center no-repeat;
background-size:64px 1px;}
.detail_con03 .txt p {margin-top:11px;}
.detail_con03 .txt p:first-child {margin-top:0;}
.detail_con03 .logo {text-align:center; margin-top:20px;}
.detail_con03 .logo img {height:79px;}

/* ÁöÁ¡º° ¸ð¾Æº¸±â_view */
.view_test_wrap .con01{padding-bottom: 75px;}
.view_test_wrap .con01 h4.h4_tit{margin: 0;}
.view_test_wrap .con01 > em{display: block; text-align: center; font-size: 21px; color:#787167; line-height: 1; margin-top: 20px; font-family:'Cafe24Danjunghae';}
.view_test_wrap .con01 > p{font-size: 16px; font-weight: 300; color:#777; line-height: 25px; text-align: center; margin-top: 20px;}
.view_test_wrap .con01 .btn_area{text-align: center; font-size: 0; margin-top: 80px;}
.view_test_wrap .con01 .btn_area a{display: inline-block; width: 560px; height: 130px; border-radius: 15px; padding: 8px;  background-color:#b7a888;}
.view_test_wrap .con01 .btn_area a:last-child{background-color:#ffca63; margin-left: 80px;}
.view_test_wrap .con01 .btn_area a > div{width: 100%; height: 100%; border-radius: 10px; border: 1px solid #fff; background:url(/images/sub/sub_veiw_btn01.png) bottom -2px left 15px no-repeat; padding: 15px 0 15px 235px;}
.view_test_wrap .con01 .btn_area a:last-child > div{background:url(/images/sub/sub_veiw_btn02.png) bottom -2px left 30px no-repeat; }
.view_test_wrap .con01 .btn_area a em{display: block; font-size: 19px; color: #fff; line-height: 1; text-align: left; font-family:'Cafe24Danjunghae'}
.view_test_wrap .con01 .btn_area a span{position: relative; display: block; width: 80%; height: 1px; background-color:#FFF; margin: 15px 0; transition: 0.5s;}
.view_test_wrap .con01 .btn_area a:hover span{width: 80%; transition: none;}
.view_test_wrap .con01 .btn_area a span:after{content:''; position: absolute; width: 20px; height: 18px; background:url(/images/sub/sub_veiw_arrow.png) center no-repeat; right: -18px; top: 50%; transform: translateY(-50%); }
.view_test_wrap .con01 .btn_area a p{font-size: 31px; color:#fff; font-weight: 700; line-height: 1; text-align: left;}
.view_test_wrap .con01 .btn_area a p img{position: relative; bottom: -2px;}
.view_test_wrap .con{padding: 80px 45px 0 45px; background:url(/images/sub/sub_view_bg01.jpg)center no-repeat; background-size: cover;}
.view_test_wrap .con .con_top{position: relative; /* height: 460px; *//*  padding: 0 25px; */  padding-bottom:40px; border-bottom: 1px solid #ddd; text-align:center;}
.view_test_wrap .con .con_top .left{ width:90%; display:inline-block;}
.view_test_wrap .con .con_top .left .view_tit{width: 100%; height: 50px; background-color:#2678a0; text-align: center; border-radius: 20px 20px 0 0; font-size: 0; }
.view_test_wrap .con .con_top .left .view_tit em{display: inline-block; font-size: 18px; line-height: 50px; color:#fff; font-family:; }
.view_test_wrap .con .con_top .left .view_tit em:after{content:''; position: relative; display:inline-block; width: 1px; height: 15px; background-color:#FFF; margin: 0 17px; top: 4px;}
.view_test_wrap .con .con_top .left .view_tit span{display: inline-block; font-size: 18px; line-height: 50px; color:#fff; font-family:; }
.view_test_wrap .con .con_top .left .img_wrap{position: relative; width: 100%;}
/* .view_test_wrap .con .con_top .left .img_wrap:before{content: ''; position: absolute; width: 100%; height: 200px; border: 1px solid #2678a0;  left: 0; top: 0; z-index:10;} */
.view_test_wrap .con .con_top .left .img_area{position: relative; width: 100%; height: 0; padding-bottom:57.69%; }
.view_test_wrap .con .con_top .left .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; max-width: 100%;
max-height: 100%; z-index:5;}
.view_test_wrap .con .con_top .right{width: 90%; height:; /* background:url(/images/sub/sub_view_txt_bg03.png)center no-repeat; */ z-index:1; margin-top:10px; background-size:cover;  display:inline-block; border:20px solid #ebf4f8}
.view_test_wrap .con .con_top .txt_area{position: relative; width: 100%; padding: ; text-align:left; box-sizing:border-box;}
.view_test_wrap .con .con_top .txt_area:after{display:none; content: ''; position: absolute; right: 0; top: -59px; width: 187px; height: 65px; 
background:url(/images/sub/sub_view_txt_deco02.png)center no-repeat; background-size:187px 65px;}
.view_test_wrap .con .con_top .txt_area ul{padding:5px 0;}
.view_test_wrap .con .con_top .txt_area ul li{position: relative; padding-left: 70px; margin-top: 5px; border-bottom:1px solid #ddd; padding-bottom:5px;}
.view_test_wrap .con .con_top .txt_area ul li:first-child{margin-top: 5px;}
.view_test_wrap .con .con_top .txt_area ul li:last-child{border-bottom:0}
.view_test_wrap .con .con_top .txt_area ul li:before{content: ''; position: absolute; left: 25px; top: 8px; transform: translateY(-50%); width: 4px; height: 4px; background-color:#2678a0; }
.view_test_wrap .con .con_top .txt_area ul li em{position: absolute; left: 25px; top: 3px; line-height: 0.8; font-family:; font-size: 12px; padding-left:25px; color:#222;font-weight:400;}
.view_test_wrap .con .con_top .txt_area ul li p{line-height: 1.8; font-size: 12px; line-height: 17px; color:#555; font-weight: 400; word-break:keep-all; padding-left:25px; /*text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;*/}
.view_test_wrap .con .con_bot{padding-top: 40px;}
.view_test_wrap .con .con_bot .img_area{position: relative; width: 100%; height: 0; padding-bottom:66.66%;}
.view_test_wrap .con .con_bot .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
.view_test_wrap .con .con_bot .circle{display: block; width: 57px; height: 97px; margin: auto; background:url(/images/sub/sub_view_icon.png)center no-repeat; }

.view_test_wrap .con03{background-color:#FFF;  background:url(/images/sub/sub_view_bg02.jpg)center no-repeat;  background-size: cover; }
.view_test_wrap .con03 .con_top .left .view_tit{background-color:#faa047; }
.view_test_wrap .con03 .con_top .left .img_wrap:before{border: 1px solid #faa047;}
.view_test_wrap .con03 .con_top .right{/*  background:url(/images/sub/sub_view_txt_bg02.jpg)center no-repeat; */ border:20px solid #ffefd9; background-size:cover;}
.view_test_wrap .con03 .con_top .txt_area:after{background:url(/images/sub/sub_view_txt_deco02.png)center no-repeat; background-size:187px 65px;}
.view_test_wrap .con03 .con_bot .circle{background:url(/images/sub/sub_view_icon02.png)center no-repeat;}





/* store_list */
.store_list_wrap .btn_wrap ul{text-align: center; font-size: 0;}
.store_list_wrap .btn_wrap ul li{display:inline-block; width: 90px; height: 30px; background-color:#787167;border-radius: 15px; margin: 0 5px 10px 5px;}
.store_list_wrap .btn_wrap ul li.on{background-color:#2d4a74;}
.store_list_wrap .btn_wrap ul li a{display: block; font-size: 12px; width: 100%; height: 100%; text-align: center; color:#fff; line-height: 30px; }
.store_list_wrap .con01{margin-top: 10px; padding: 0 3% 20px 3%;}
.store_list_wrap .con01 .img_area{position: relative; width: 100%; padding-bottom: 110%; overflow: hidden;}
.store_list_wrap .con01 .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height:100%;}
.store_list_wrap .con01 .txt_area{margin-top: 30px;}
.store_list_wrap .con01 .txt_area .txt_tit{position: relative; padding-bottom: 8px; border-bottom: 2px solid #7c756c;}
.store_list_wrap .con01 .txt_area .txt_tit:after{content:''; position: absolute; width:101px; height: 94px; background:url(/mobile/images/sub/list_test_deco.png)center no-repeat; background-size:100%;right: 0; top: 100%;}
.store_list_wrap .con01 .txt_area .txt_tit em{font-size: 25px; line-height: 1; color:#222; font-family: 'Cafe24Danjunghae'; margin-right: 10px;}
.store_list_wrap .con01 .txt_area .txt_tit span{font-size: 17px; line-height: 1; color:#787167; font-family: 'Cafe24Danjunghae';}
.store_list_wrap .con01 .txt_area .adit_area{width: 100%; min-height: 200px; margin-top: 10px;}
.store_list_wrap .con01 .icon_btn{margin-top: 20px;}
.store_list_wrap .con01 .icon_btn ul{text-align: center; font-size: 0;}
.store_list_wrap .con01 .icon_btn ul li{display: inline-block; width: 20%; height: 60px; border: 1px solid #ddd; border-right: none; }
.store_list_wrap .con01 .icon_btn ul li:last-child{border-right: 1px solid #ddd;}
.store_list_wrap .con01 .icon_btn ul li .icon{position: relative; height: 35px; }
.store_list_wrap .con01 .icon_btn ul li .icon img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.store_list_wrap .con01 .icon_btn ul li span{display: block; line-height: 1; font-size: 11px; color:#787167}
.store_list_wrap .con02{padding: 35px 0 80px 0; background-color:#faf7f5;}
.store_list_wrap .con02_wrap{padding: 0 3%;}
.store_list_wrap .con02 .li_tit em{display: block; text-align:center; font-size: 18px; font-family: 'Cafe24Danjunghae'; line-height: 1; color:#5e5e5e; }
.store_list_wrap .con02 .li_tit em span{color:#fe6f6f; }
.store_list_wrap .con02 .li_tit p{text-align: center; font-size: 13px; line-height: 17px; color:#5e5e5e; margin-top: 10px;}
.store_list_wrap .con02 ul{margin-top: 20px;}
.store_list_wrap .con02 ul li{float: left;width: 48.33%; margin-right: 3.34%; margin-top: 20px;}
.store_list_wrap .con02 ul li:nth-child(2n){margin-right: 0;}
.store_list_wrap .con02 ul li:nth-child(-n + 2){margin-top: 0;}
.store_list_wrap .con02 ul li a{display: block; }
.store_list_wrap .con02 ul li .img_area{position: relative; width:100%; padding-bottom: 100%; overflow: hidden;}
.store_list_wrap .con02 ul li .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height:100%;}
.store_list_wrap .con02 ul li em{display: block; text-align: center; line-height: 1; font-size: 12px; color:#9e8571; margin-top: 8px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.store_list_wrap .con02 ul li .tag{margin-top: 8px; text-align: center; font-size: 0;}
.store_list_wrap .con02 ul li .tag span{display: inline-block; font-size: 10px; color:#fff; margin-right: 5px; line-height: 18px; height: 18px; padding: 0 10px; }
.store_list_wrap .con02 ul li .tag span.new{background-color:#e4ca73; }
.store_list_wrap .con02 ul li .tag span.premium{background-color:#feabb9; }
.store_list_wrap .con02 ul li .tag span:last-child{margin-right: 0;}
.store_list_wrap .con02 button{display: block; margin: 30px auto 0 auto;width: 300px; height: 30px; font-family: 'Cafe24Danjunghae'; line-height: 28px; color: #787167; border: 1px solid #787167; }
.store_list_wrap .con02 button img{vertical-align:0px; margin-left: 10px;}



/* store_view*/
.store_view_wrap .con01 {padding: 0 3% 30px; border-bottom: 1px solid #f5ece5; }
.store_view_wrap .con01 h4{margin-bottom: 7px;}
.store_view_wrap .con01 em{display: block; text-align: center;font-size: 15px; line-height: 1; color:#000; font-family: 'Cafe24Danjunghae';}
.store_view_wrap .con01 > span{display: block; text-align: center; font-size: 16px; line-height: 25px; color:#88705d; font-family: 'Cafe24Danjunghae'; margin-top: 15px;}
.store_view_wrap .con01 p{text-align: center; font-size: 13px; line-height: 20px; color:#777; margin-top: 12px; font-weight: 300;}
.store_view_wrap .con01 .btn_wrap {text-align: center; font-size: 0; margin-top: 20px;}
.store_view_wrap .con01 .btn_wrap a{display: inline-block; width: 145px; height: 50px; padding: 10px 22px 10px 55px; font-size: 10px; text-align: left; font-weight: 500; color:#fff; line-height: 14px;}
.store_view_wrap .con01 .btn_wrap a:first-child{background:url(/mobile/images/sub/view_test_btn01.jpg)center no-repeat; margin-right: 10px;}
.store_view_wrap .con01 .btn_wrap a:last-child{background:url(/mobile/images/sub/view_test_btn02.jpg)center no-repeat;}
.store_view_wrap .con_wrap{padding: 25px 3% 0;}
.store_view_wrap .con_wrap .con{padding-top: 25px; padding-bottom:20px; border-bottom: 1px solid #f5ece5}
.store_view_wrap .con:first-child{padding-top: 0;}
.store_view_wrap .con > .cat_tit{padding: 0 0 10px 10px; border-bottom: 2px solid #d7a910; text-align: left; }
.store_view_wrap .con > .cat_tit em{font-size: 17px; font-weight: 500; color:#393631; margin-right: 10px; line-height: 1;}
.store_view_wrap .con > .cat_tit span{font-size: 14px; font-weight: 500; color:#d7a910; line-height: 1; }
.store_view_wrap .con > .img_wrap{position: relative; width: 63.33%; margin: 30px auto 0 auto;}
.store_view_wrap .con > .img_wrap:after{content:''; position: absolute; left: -10px; top: -10px; width: 100%; height: 100%; border: 1px solid #d7a910;}
.store_view_wrap .con > .img_wrap .img_area{position: relative; width: 100%; padding-bottom: 100%; overflow: hidden;}
.store_view_wrap .con > .img_wrap .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height:100%;}
.store_view_wrap .con .txt_area{position: relative; width: 100%; height: 100%; padding: 10px; margin-top: 20px; border-radius: 10px; background-color:#fafafa; }                                                                                                                                                                                                           
.store_view_wrap .con .txt_area ul{display: flex; flex-wrap: wrap; }                                                                                                                                                                                                                                                                                                                                                           
.store_view_wrap .con .txt_area ul li{position: relative; display: flex; width: 50%; padding: 0 0 0 55px; font-size: 12px; margin-top: 20px;;line-height: 16px; color:#333; min-height: 45px;}                                                                                                                                                                                   
.store_view_wrap .con .txt_area ul li:last-child{width: 100%;}
.store_view_wrap .con .txt_area ul li img{position: absolute; left: 0; top: 0; }
.store_view_wrap .con .txt_area ul li span{align-self: center; }
.store_view_wrap .con .txt_area ul li:nth-child(-n + 2){margin-top: 0;}
.store_view_wrap .con .conbot{margin-top: 25px;}
.store_view_wrap .con .conbot .img_area{position: relative; width: 100%; padding-bottom: 66.66%; overflow: hidden;}
.store_view_wrap .con .conbot .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height:100%;}
.store_view_wrap .con .conbot .circle{display: block; margin: 25px auto; width:40px; height: 40px; background:url(/images/sub/sub_view_icon.png)center no-repeat; background-size: 40px 40px;}
.store_view_wrap .con:nth-child(even) .conbot .circle{background:url(/images/sub/sub_view_icon02.png)center no-repeat; background-size: 40px 40px;}
.store_view_wrap .con .conbot .circle:last-child{display: none;}
.store_view_wrap .con_last{padding: 20px 0 0;}
.store_view_wrap .con_last img{display: block; width: 230px; margin: 0 auto; }
.store_view_wrap .con_last p{text-align: center; font-family: 'Cafe24Danjunghae'; line-height: 22px; font-size: 14px; color:#787167; margin-top: 15px;}
.store_view_wrap .con_last p span{position: relative; }
.store_view_wrap .con_last p span:before{content:''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5px; width: 105%; height: 12px; background-color:#ffe9c9; z-index:-1;}
.store_view_wrap .con_last .btn_wrap {text-align: center; font-size: 0; margin-top: 20px;}
.store_view_wrap .con_last .btn_wrap a{display: inline-block; width: 145px; height: 50px; padding: 10px 22px 10px 50px; font-size: 10px; text-align: left; font-weight: 500; color:#fff; line-height: 14px;}
.store_view_wrap .con_last .btn_wrap a:first-child{background:url(/mobile/images/sub/view_test_btn03.jpg)center no-repeat; color:#61483d; margin-right: 10px;}
.store_view_wrap .con_last .btn_wrap a:last-child{background:url(/mobile/images/sub/view_test_btn04.jpg)center no-repeat;}