@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 


@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-2ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KOHIBaeumOTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KOHIBaeumOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;500&display=swap');

@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:16px;height:100%;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0)}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
button, input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select,button {font-size:1em;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}
img{vertical-align:top;max-width:100%;height:auto}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #e6eaed; z-index:99 ;
-webkit-box-shadow:  0 2px 9px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 9px rgba(0,0,0,0.1);
box-shadow: 0 2px 9px rgba(0,0,0,0.1)}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd .gnb_wrap{ 
    width: 100%; 
    height: 60px;
    margin:0 auto; 
    padding:0 1rem;  
    background-color:transparent; 
    box-shadow:none;
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}
#hd .gnb_wrap .logo{
    width: 20%;
    text-align: center;
} 
#hd .gnb_wrap .boxL{
    width: 40%;
    display: flex; 
    justify-content: flex-start; 
    align-items: center;
    gap: 1rem;
    font-family: 'GmarketSansMedium';
    font-size: .95rem;
}
#hd #btn_cate,
#hd #btn_cart{
    display:none;
}
#hd .gnb_wrap .boxL button,
#hd .gnb_wrap .boxR button{
    border:none;
    background: none;
    font-size: 1.3rem;
}
#hd .gnb_wrap .boxL .gnbmenu{
    display: flex; 
    justify-content: flex-start; 
    align-items: center;
    gap: 1rem;
    font-family: 'GmarketSansMedium';
    font-size: .95rem;
}
#hd .gnb_wrap .boxL span{
    width: 5px;
    height: 5px;
    background-image: url('/img/arrow.gif');
    background-position: center center;
}
#hd .gnb_wrap .boxR{
    width: 40%;
    display: flex; 
    justify-content: flex-end; 
    align-items: center;
    gap: 1rem;
    font-family: 'GmarketSansMedium';
    font-size: .75rem;
} 
#hd .gnb_wrap .boxL a:hover,
#hd .gnb_wrap .boxR a:hover{
    color: #ae0202;
}
#hd .top .box .item{ margin:0; padding:0 0px; height: 25px; text-align: center; color:#fff; font-family: 'S-CoreDream-4Regular'; font-weight: 100; font-size: 0.6rem; line-height: 25px;}
#hd .top .box .item a{display:inline-block; color: #fff; padding:0 15px; line-height: 25px; 
    text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -3px 20px rgba(255,255,255,0.4);
}
#hd .top .box .item a:hover{color: #000; background-color: #fff; text-shadow:none;}
#hd .top .box .bg{padding: 0 20px; color:#deff00; font-weight:500; font-size: 0.8rem; background-color: #0f5836;}
#hd_menu{border-bottom:1px solid #e6eaed}
#hd_menu ul{margin:0 auto;max-width:1200px}
#hd_menu ul:after {display:block;visibility:hidden;clear:both;content:""}
#hd_menu li{float:left;line-height:45px;font-size:0.923em;margin:0 8px}
#hd_menu li a{color:#aeb4bf;}
#hd_menu li a:hover{color:#000}
#hd_menu .hd_menu_right{float:right}

#hd_wr {margin:0 auto;max-width:1200px;padding:15px 15px 15px 15px;position:relative;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
#hd_wr:after {display:block;visibility:hidden;clear:both;content:""}


#hd_sch {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.85);z-index:999;text-align:center;}
.hd_sch_wr{position:absolute;top:50%;left:50%;width:80%;margin-top:-50px;margin-left:-40%}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch .sch_inner {position:relative;}
#hd_sch .sch_inner:after {display:block;visibility:hidden;clear:both;content:""}
#hd_sch #sch_str {background:transparent;border:0;border-bottom:2px solid #fff;color:#fff;width:100%;height:50px;padding-left:50px;font-size:16px;outline:none}
#hd_sch .sch_submit {position:absolute;top:0;left:0;height:50px;;border:0;cursor:pointer;background:transparent;font-weight:600;color:#fff;width:50px;font-size:16px;}
#hd_sch .btn_close{position:absolute;top:0;right:0;width:70px;height:70px;background:none;color:#fff;border:0;font-size:16px;opacity:0.5}
#hd_sch .btn_close:hover{opacity:1}

#ppl_word{color:#fff;margin-top:15px;line-height:25px}
#ppl_word:after {display:block;visibility:hidden;clear:both;content:""}
#ppl_word h3 {padding:0 8px;margin-right:5px;background:#fff;color:#000;display:inline-block;float:left;font-weight:500;border-radius:5px}
#ppl_word ol{float:left;padding:0;margin:0}
#ppl_word li{display:inline-block;list-style:none}
#ppl_word li a{display:block;padding: 0 10px;color:#fff;border-radius:5px;font-weight:300;opacity:0.8}
#ppl_word li a:hover{opacity:1}


#hd_btn {position:absolute;top:15px;right:0;}
#hd_btn button{height:45px;line-height:45px;width:45px;background:none;border:0;vertical-align:top}
#hd_btn i{font-size:18px}
#hd_btn a{display:inline-block;line-height:45px;width:45px;text-align:center;vertical-align:top}
#btn_cartop{position:relative}
#btn_cartop .cart-count{position:absolute;top:5px;right:0;background:#f05858;border-radius:15px;font-size:10px;color:#fff;padding:0 5px;border:2px solid #fff;line-height:16px}

.hd_admin{position:fixed;bottom:10px;left:10px;}
.hd_admin a{padding:0 20px;display:inline-block;;line-height:40px;background:#d12323;z-index:999;color:#fff}
.hd_admin a:hover{background:#ff0000}

@media (max-width: 969px){
    #hd_wr {padding:7px 15px; }
    #hd_btn{top:0;right:10px}
    #hd_btn button{width:40px;height:55px}
    #hd_btn a{line-height:55px}
    #btn_cartop .cart-count{top:7px}
    #hd_btn .btn_ol{width:40px}
    #hd_btn .btn_ol .txt{display:none}

    #hd #btn_cate,
    #hd #btn_cart{display:block;}

    #hd .gnb_wrap .logo{ width: 60%; }
    #hd .gnb_wrap .boxL, #hd .gnb_wrap .boxR{ width: 20%; }
    #hd .gnb_wrap .boxL a,#hd .gnb_wrap .boxL span, #hd .gnb_wrap .boxR a{ display:none; }

}

/*카테고리*/

.menu_wr h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.menu .logo{display:none; width:100%; background-color: #fff; padding:10px; margin:0; }
.menu .logo img {height:40px;}

 @media (max-width: 969px){
    .menu {display:none;overflow-y:auto;position:fixed;top:0;left:0;height:100%;width:300px;background:#f3f3f3;z-index:99999;text-align:left;
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
    box-shadow: 0 2px 15px rgba(0,0,0,0.2)
    }
    .menu .logo{display:block;}

    #btn_user{display:none}
    .btn_login{background:#fff;padding:0 10px}
    .btn_login .btn_ol{line-height:55px;height:55px;border:0;background:none;color:#717989;padding:0 10px;position:relative}
    .btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px}

    .menu .menu_close {position:absolute;top:0;right:0;width:55px;height:55px;background:none;color:#aaa;font-size:16px;border:0;z-index:199999}
    .menu .menu_close:hover{color:#000}
    .menu_wr{padding:10px 0;background:#fff;margin:0px 0;}
    .menu_wr a {display:block;padding: 0 20px;color:#363636; font-family: 'S-CoreDream-5Medium';}
    .menu_wr li{position:relative;z-index:99999;line-height:60px;}
    .menu_wr li:hover {background:#f3f3f3; }
    .menu_wr li button{position:absolute;top:10px;right:0;background:url;border:0;width:45px;height:45px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
    .menu_wr li button.ct_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}

    .sub_cate{display:none;background:#fff;font-size:0.9rem;}
    .sub_cate a{padding-left:30px; color: #616161;}
    .sub_cate li{line-height: 40px;}
    .sub_cate li:hover{position:relative;}
    .sub_cate2 a{padding-left:40px;background-position:31px 17px}
    .sub_cate3 a{padding-left:50px;background-position:41px 17px}
    .sub_cate4 a{padding-left:60px;background-position:51px 17px}
 }
  @media (min-width: 970px){
    #gnb_side_wrap{display:none !important;}
    #hd_btn{display:none}
    .menu{display:block !important;}
    .menu:after {display:block;visibility:hidden;clear:both;content:""}
    .menu_wr{float:right; padding-top: 10px;}
 
    .btn_login .btn_ol{width:auto;vertical-align:top}
    .btn_login .btn_ol .txt{color:#717989;display:inline-block;margin-left:5px}
    .btn_login{float:right;line-height:45px}
    .btn_login a{padding:0 10px;display:inline-block;position:relative;color:#717583;}
    .btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px}
    .btn_login button{background:0;padding:0 10px;border:0;color:#717583;outline:none;height:45px;line-height: 45px;}
    .btn_login img{ width:30px;height:30px;border-radius:50px;margin-right:5px;margin-top:7px;vertical-align:top}
    .menu .menu_close{display:none}
    .menu_wr li{display:inline-block;padding: 0 10px;font-size:0.95rem;font-family: 'S-CoreDream-5Medium';}
    /* .menu_wr li button{border:0;width:25px;height:45px;overflow:hidden;border:0;background:url(../img/mobile/btn_menu.png) no-repeat 50% 50%;text-indent:-9999px;opacity:0.5} */
    .menu_wr li button{border:0;width:25px;height:45px;overflow:hidden;border:0;text-indent:-9999px;opacity:0}
    .sub_cate{display:none}
    .sub_cate a{display:block }
    .menu_wr li:hover .sub_cate1{display: block;position:absolute; padding:10px 0 ;
    ; background:#fff;min-width:100px;
     -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
    box-shadow: 0 2px 15px rgba(0,0,0,0.2)}
 
    .sub_cate1 li{display:block;font-size:0.7rem;line-height:40px;padding:0 10px;color:#727280}
    .sub_cate1 li:hover{color:#000;background:#f3f3f3}
    .sub_cate button{display:none}

    .sub_cate2{display:none;}
 }
 @media (min-width: 1080px){
   #gnb_side_wrap{display:none !important;}
   #hd_btn{display:none}
   .menu{display:block !important;}
   .menu:after {display:block;visibility:hidden;clear:both;content:""}
   .menu_wr{float:right; padding-top: 10px;}

   .btn_login .btn_ol{width:auto;vertical-align:top}
   .btn_login .btn_ol .txt{color:#717989;display:inline-block;margin-left:5px}
   .btn_login{float:right;line-height:45px}
   .btn_login a{padding:0 10px;display:inline-block;position:relative;color:#717583;}
   .btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px}
   .btn_login button{background:0;padding:0 10px;border:0;color:#717583;outline:none;height:45px;line-height: 45px;}
   .btn_login img{ width:30px;height:30px;border-radius:50px;margin-right:5px;margin-top:7px;vertical-align:top}
   .menu .menu_close{display:none}
   .menu_wr li{display:inline-block;padding: 0 20px;font-size:0.95rem;font-family: 'S-CoreDream-5Medium';}
   /* .menu_wr li button{border:0;width:25px;height:45px;overflow:hidden;border:0;background:url(../img/mobile/btn_menu.png) no-repeat 50% 50%;text-indent:-9999px;opacity:0.5} */
   .menu_wr li button{border:0;width:25px;height:45px;overflow:hidden;border:0;text-indent:-9999px;opacity:0}
   .sub_cate{display:none}
   .sub_cate a{display:block }
   .menu_wr li:hover .sub_cate1{display: block;position:absolute; padding:10px 0 ;
   ; background:#fff;min-width:100px;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
   box-shadow: 0 2px 15px rgba(0,0,0,0.2)}

   .sub_cate1 li{display:block;font-size:0.7rem;line-height:40px;padding:0 10px;color:#727280}
   .sub_cate1 li:hover{color:#000;background:#f3f3f3}
   .sub_cate button{display:none}
   
   .sub_cate2{display:none;}
}

#gnb_side_wrap {display:none; position:fixed;top:0;left:0;width:100%;height:100%; z-index: 100001;}
#gnb_side_wrap .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.6);}
#gnb_side {position:absolute; top:0; left:0; width:300px; height:100%; background:#fff;  padding: 1rem 1.5rem; font-family: 'S-CoreDream-4Regular'; overflow-y: auto;}
#gnb_side .btn_close {position:absolute;top:1rem;right:1rem;width:30px;height:30px;border:0;color:#000;background:#fff;}
#gnb_side .logo {padding-bottom: .5rem;}
#gnb_side .logo img { width: 65%;}
#gnb_side .gnb_mem{
margin: 1rem 0 0 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
}
#gnb_side .gnb_mem>a{
    width:48%; 
    /* font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; */
    font-family: 'S-CoreDream-4Regular';
	font-size:0.75rem;
	color:#fff;
	background-color: #525252;
	border:0px;
    margin: 0 1px;
    padding: .5rem 0;
}
#gnb_side .gnb_mem>a:hover{
    color: #fff;
	background-color: #1d1d1d;
}
#gnb_side .gnb_mem>a.cart{
	background-color: #d12e2e;
}
#gnb_side .gnb_mem>a.cart:hover{
    color: #fff;
	background-color: #9c1414;
}
#gnb_side .gnb_mem a i{
	font-size:0.8rem;
}
#gnb_side .gnb_mem .name{
    margin: 1rem 0 2rem 0;
    font-size: .8rem;
    color: #636363;
    text-align: left;
}
#gnb_side .gnb_mem .name strong{
    font-size: .9rem;
    color: #000;
}
#gnb_side .gnb_mem .name a{
    display: inline-block;
    margin-top: .5rem;
    padding-right: 1.5rem;
    /*font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;*/
    
    font-family: 'GmarketSansMedium';
	font-size:0.75rem;
	color:#000;
}
#gnb_side .gnb_mem .name a:hover{
    color: #d12e2e;
}
#gnb_side_1dul{padding:0; margin:2rem 0 0 0; border-top: 2px solid #d12e2e;}
#gnb_side_1dul .gnb_side_1dli{position:relative; width:100%; border-bottom: 1px solid #e4c7c7;}
#gnb_side_1dul .gnb_side_1dli button{position:absolute;top:0;right:0;outline:none;border:0;background:none;height:50px;width:50px;text-indent:-999px;overflow:hidden; background: url(/img/gnb_bg2.png) no-repeat 50% 50%;transform: rotate(-90deg);background-size:10px;transition: all .2s ease;}
#gnb_side_1dul .gnb_side_1dli .button_toggle{transform: rotate(0deg);}
#gnb_side_1dul .gnb_side_1da{display:block;color:#000;font-family: 'S-CoreDream-5Medium';font-size:0.95rem; line-height:50px}
#gnb_side_1dul .gnb_side_2dul {display:none; !important; padding:0; margin:0; border-bottom: 1px solid #d12e2e;}
#gnb_side_1dul .gnb_side_2dli{padding: .5rem 1rem; margin:0; border-top: 1px solid #f7ecec;}
#gnb_side_1dul .gnb_side_2da {display:block; width: 100%; height: 100%; font-size: 0.8rem;font-weight:normal;color:#454545;white-space: nowrap;}
#gnb_side_1dul .gnb_side_2da:hover{ color: #d12e2e;}
#gnb_side_1dul .gnb_side_2dli_2{padding: .2rem 1rem .5rem 2.5rem;}
#gnb_side_1dul .gnb_side_2da_2 {display:block; width: 100%; height: 100%; font-size: 0.8rem;font-weight:normal;color:#737373;white-space: nowrap;}
#gnb_side_1dul .gnb_side_2da_2:hover{ color: #d12e2e;}

@media (max-width: 639px){
    #gnb_side_1dul .gnb_side_2dli{
        padding: .8rem 1rem;
    }
}


/* 중간 레이아웃 */
#container {padding:0 0 0 0; margin:0px auto;}
#sub_visual {position: relative; width:100%; height:200px; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; padding: 0; margin: 0 auto; background-color: #f3f3f3;}
#sub_visual .tt{
    position: absolute;
    top: 50%;
    left: 50%;
    width:100%;
    font-family: 'GmarketSansMedium';
    font-size: 1.6rem;
    color: rgba(255, 255, 255, .5);
    text-align: center;
    transform: translate(-50%, 20px);
    /*text-shadow: -1px 0 rgba(255,255,255,.4), 0 1px rgba(255,255,255,.4), 1px 0 rgba(255,255,255,.4), 0 -1px rgba(255,255,255,.4);
    */
    /* text-shadow: 1px 1px 2px rgba(0,0,0,.3); */
    -webkit-transform: translate(-50%, 20px);
    -moz-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    -o-transform: translate(-50%, 20px);
}
#sub_visual .path{position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); max-width:1200px; width: 100%; height: 50px; background-color: #149659; font-family: 'S-CoreDream-4Regular'; font-size: 0.85rem; color: #fff; text-align: left; padding: 0; z-index: 10;}
#sub_visual .path li{float:left; list-style: none; width:30%; height: 100%;}
#sub_visual .path li:hover{background-color: #0e7947;}
#sub_visual .path li.home{width:50px; padding:1rem; text-align: center;}
#sub_visual .path li.path2{width:50%;}

.dropbtn {
position: relative;    
width: 100%;
height: 100%;
padding: 0 1rem;
border: none;
background-color: #149659; 
font-family: 'S-CoreDream-4Regular'; 
font-size: 1.0rem;
color: #fff;
text-align: left;
/* background-image: url("/img/arrow01.png");
background-repeat: no-repeat;
background-position: 90% center; */
}
.dropbtn span{
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
}
.dropbtn i{
	transition: all .2s ease;
}
.dropdown {
width: 100%;
height: 100%;
position: relative;
display: inline-block;
}  
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
width: 100%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/* z-index: 900000; */
}
.dropdown-content a {
border-top: 1px solid #f1f1f1;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #f0f0f0;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #0e7947;}    
.dropdown:hover .dropbtn i{transform: rotate(90deg);transform-origin: center;}


#container_title {margin:0 auto;max-width:1200px;padding:40px 20px 20px;text-align:center;font-size:1.846em}
.idx_c{margin:0 auto;max-width:1200px;}
.idx_c:after {display:block;visibility:hidden;clear:both;content:""}

.box{background:#fff;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.07);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.07);
box-shadow: 0 2px 5px rgba(0,0,0,0.07)}

.container{max-width:1200px; margin:0px auto; padding: 50px 0px 50px 0px;}
.container2{max-width:1200px; margin:0px auto; padding: 20px 0px 20px 0px;}
#container.idx-container{padding: 0; margin: 0; }
.view-container #container_title{display:none}

.wrap_full{ width:100%; padding: 0px; margin: 0 auto;}
.wrap_bg_gray {background-color: #f2f2f2;}
.wrap_bg_blue {background-color: #135d99;}
.wrap_bg_green {background-color: #208a4c;}

@media (max-width: 1200px){
    .container, 
    .container2,
    #sub_visual .path{
        width: 97%;
    }
}
@media (max-width: 969px){
    #sub_visual .tt{font-size:1.8rem;}
    #container_title{font-size:1.5em;padding:20px}
}
@media (max-width: 639px){
    #sub_visual {height:150px; background-position: left center;}
    #sub_visual .tt{font-size:1.2rem; transform: translate(-50%, 40%);}
    #sub_visual .path{ font-size: 0.75rem;}
    #sub_visual .path li{width:40%;}
    #sub_visual .path li.home{width:10%;}
    #sub_visual .path li.path2{width:45%;}
    #sub_visual .path .hide{display:none;}
    .dropbtn {font-size: 0.75rem;}
}

.happytree{
    width: 100%;
    padding: 20px 0px;
    margin: 0px auto;
    text-align: center;
}
.happytree_line{
    content:'';
    padding:40px 0px;
    background-image: url('/img/line.png');
    background-position: center center;
    background-repeat: no-repeat;
}
.page_title{
    padding: 20px 0px;
    margin: 0 auto;
    text-align: center;
    font-family: 'ONE-Mobile-Title';
    font-size: 2.5rem;
    color: #000;
    letter-spacing: -0.5;
}
.page_title span{color:#11814d;}
.page_title small{font-family: 'S-CoreDream-2ExtraLight';}
.page_title_sub{
    padding: 0px 0px 20px 0px;
    margin: 0 auto;
    text-align: center;
    font-family: 'S-CoreDream-3Light';
    font-size: 1.1rem;
    color: #5c5b5b;
    letter-spacing: -0.5;
    word-break:keep-all; 
	word-wrap:break-word;
}
@media (max-width: 969px){
    .happytree{
        padding: 0px 0px;
    }
    .happytree img{
        height:50px;
    }
    .happytree_line{
        padding:20px 0px 40px 0px;
    }
    .page_title{
        padding: 10px 0px;
        font-size: 1.6rem;
    }
    .page_title_sub{
        font-size: 0.9rem;
        padding: 0px 1rem 1rem 1rem;
    }
}
.about_value_bg{
    background-image: url('/img/about_value_bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about_wrap{
    width: 100%;
    padding:0px;
    margin:0px; 
}
.about_wrap ul{
    display:inline-block;
    width: 100%;
    padding:50px 0px;
    margin:0px;    
}
.about_wrap ul li{
    float: left;
    padding: 10px 0px;
    margin:0px; 
    list-style:none;
}
.about_wrap .tt{
    width: 30%;
    font-family: 'ONE-Mobile-Title';
    font-size: 1.7rem;
    color: #000;
    line-height: 2.5rem;
}
.about_wrap .tt span{
    border-bottom: 1px solid #000;
    padding-bottom:3px;
}
.about_wrap .caname{
    width: 100%;
    padding: 0 0 2rem 0;
    margin: 0;
    font-family: 'ONE-Mobile-Title';
    font-size: 1.7rem;
    color: #000;
    line-height: 2.5rem;
}
.about_wrap .con_full{
    width: 100%;
    font-family: 'S-CoreDream-5Medium';
    line-height: 1.6;
    word-break:keep-all; 
	word-wrap:break-word;
}
.about_wrap .con{
    width: 70%;
    font-family: 'S-CoreDream-5Medium';
    line-height: 1.6;
    word-break:keep-all; 
	word-wrap:break-word;
}
.about_wrap .con strong{
    font-family: 'S-CoreDream-6Bold';
    font-weight: normal;
}
.about_wrap .con .ceo{
    float: right;
    padding-top: 70px;
    text-align: right;
}
.about_wrap .con .ceo strong{
    font-size: 1.2rem;
}
.about_wrap .con .value{
    padding: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.about_wrap .con .value li{
    float: left;
    width: 33.33%;
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
}
.about_wrap .con .value li .box{
    padding: 70px 20px;
    /*background-color: transparent;*/
    background-color: #fff;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
	transition: all .2s ease;
}
.about_wrap .con .value li .box:hover{
    padding: 61px 20px;
    border: 10px solid rgb(5, 114, 42);
    border-radius: 0px;
}
.about_wrap .con .value .t1{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.4rem;
    padding: 20px 0;
}
.about_wrap .con .value .t2{
    font-family: 'ONE-Mobile-Title';
    font-size: 0.9rem;
    color: #909090;
}
.about_wrap .con .list{
    padding: 0;
    margin: 0;
    list-style: none;
}
.about_wrap .con .list li{
    width: 100%;
    padding: 0 0 .5rem 1.5rem;
    margin: 0;
    list-style: none;
    font-family: 'S-CoreDream-4Regular';
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
    background-image: url('/img/arrow02.png');
    background-position: left .7rem;
    background-repeat: no-repeat;
}
.about_wrap .con .tt{
    line-height: 1.5rem;
}
@media (max-width: 1199px){
    .about_wrap{
        padding: 0px 10px;
    }
}
@media (max-width: 969px){
    .about_wrap .tt{
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }
    .about_wrap .tt br{
        display:none;
    }
    .about_wrap .con{
        display: block;
        width: 100%;
    }
    .about_wrap ul{
        padding:40px 0px 20px 0px;
    }
}

.about_gallery{
    width: 100%;
    max-width: 800px;
    padding: 0px;
    margin: 0px auto;
}
.about_gallery_thum{
    width: 100%;
    padding: 0;
    margin: 0px auto;
}
@media (max-width: 800px){
    .about_gallery{
        width: 100%;
        max-width: 100%;
    }
}

.about_wrap .teacher_top:after{
    display:block;
    clear:both;
    content:"";
  }
.about_wrap .teacher_top,
.about_wrap .teacher{
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
}
.about_wrap .teacher_top li{
    display:flex;
    display:-webkit-flex;
    float:left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: space-around;
    width: 20%;
    padding: 0px 10px 30px;
    margin: 0px auto;
    text-align: center;
    cursor: pointer;
	transition: all .2s ease;
}
.about_wrap .teacher li{
    display:flex;
    display:-webkit-flex;
    float:left;
    flex-direction: column;
    justify-content: flex-start;
    /* align-items: space-around; */
    align-items: flex-start;
    width: 25%;
    padding: 0px 10px 30px;
    margin: 0px;
    text-align: center;
}
.about_wrap .teacher li .box{
    width:100%;
    height: 100%;
    background-color: #f3f3f3;
    box-shadow:none;
    border-radius: .5rem;
    padding: 1.5rem;
    margin:0;
	transition: all .2s ease;
}
.about_wrap .teacher li .box:hover{
    background-color: #f1ebe3;
}
.about_wrap .teacher_top li .pic,
.about_wrap .teacher li .pic{
    max-width: 150px;
    max-height: 150px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
	transition: all .2s ease;
}
.about_wrap .teacher_top li:hover .pic,
.about_wrap .teacher li .box:hover .pic{
    margin: -.7rem auto .7rem auto;
}
.about_wrap .teacher_top li .pic img,
.about_wrap .teacher li .pic img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.about_wrap .teacher_top li .name,
.about_wrap .teacher li .name{
    text-align: center;
    font-family: 'S-CoreDream-6Bold';
    font-size: 1.1rem;
    padding-top: 10px;
}
.about_wrap .teacher_top li .name span,
.about_wrap .teacher li .name span{
    font-family: 'S-CoreDream-3Light';
    font-size: 1.0rem;
    color: #303030;
    letter-spacing: -0.5;
}
.about_wrap .teacher li .con{
    width: 100%;
    text-align: left;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    padding-top: 15px;
}
.about_wrap .teacher li .con span{    
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.9rem;
    color: #b88245;
    /* border-bottom: 1px solid #d8bc9c; */
}
@media (max-width: 999px){
    .about_wrap .teacher li{
        width: 33.33%;
    }
}
@media (max-width: 799px){
    .about_wrap .teacher li{
        width: 50%;
    }
}
@media (max-width: 639px){
    .about_wrap .teacher_top li{
        width: 33.33%;
    }
    .about_wrap .teacher li{
        width: 100%;
    }
    .about_wrap .teacher_top li .name{
        font-size: 0.9rem;
    }
    .about_wrap .teacher_top li .name span{
        font-size: 0.85rem;
    }
}
.teacher_view{
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
}
.teacher_view h1{
    font-family: 'S-CoreDream-6Bold';
    font-size: 1.5rem;
    padding-bottom: 1rem;
}
.teacher_view h1 span{
    font-size: 1.2rem;
    font-family: 'S-CoreDream-3Light';
    color: #949494;
}
.teacher_view ul{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    float: left;
    position: relative;
    width: 100%;
    padding: 1rem 0;
    margin: 0 auto;
    list-style: none;
    border-bottom: 1px solid #ececec;
    list-style:none;
}
.teacher_view ul li{
    display:flex;
    display:-webkit-flex;
    float:left;
    position: relative;
    padding: .5rem 0;
    margin: 0 auto;
    list-style: none;
    /* font-family: 'S-CoreDream-4Regular'; */
    /* font-family: 'S-CoreDream-5Medium'; */
    font-size: 0.85rem;
    color: #494949;
    word-break:keep-all; 
	word-wrap:break-word;
}
.teacher_view ul li.tt{
    width: 20%;
    font-family: 'S-CoreDream-6Bold';
    font-size: 0.9rem;
    color: #000;
}
.teacher_view ul li.txt{
    width: 80%;
}
@media (max-width: 639px){
    .teacher_view ul li.tt{
        font-size: 0.8rem;
        padding-top: .8rem;
    }
}

.map{
    float: left;
    width: 60%;
    padding: 0;
    margin: 0 auto;
}
.map .kakaomap{
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
.kakaomap > .root_daum_roughmap{
    width: 100%;
    padding-bottom: 56.25%
}
.kakaomap > .root_daum_roughmap .wrap_map{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.kakaomap .hide{
    display: none;
}
.map_info{
    float: left;
    width: 40%;
    padding: 0 0 0 3rem;
    margin: 0 auto;
}
.map_info ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.map_info ul li{
    padding: 0 0 2rem 2.5rem;
    margin: 0;
    list-style: none;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
}
.map_info ul li span{
    position: relative;
    font-family: 'S-CoreDream-6Bold';
    font-size: 0.9rem;
    /* padding-left: 2.5rem; */
}
.map_info ul li span i{
    position: absolute;
    top: -3px;
    left: -2.5rem;
    color: #dddddd;
}
.map_info ul ul{
    padding: .5rem 0 0 .2rem;
}
.map_info ul li ul li{
    padding: .5rem 0;
}
.map_info ul li ul li span{
    padding-left: 0;
    font-size: 0.8rem;
}
@media (max-width: 969px){
    .map{
        width: 100%;
        padding: 0 1rem;
    }
    .map_info{
        width: 100%;
        padding: 3rem 1rem;
    }
}

/*해피온*/
.happyon_info{
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.happyon_info>div{
    padding: 0;
    margin:0 auto;
    height: 100%;
}
.happyon_info .con{
    flex-basis:  65%;
    padding-bottom: 150px;
}
.happyon_info .con .tt{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.8rem;
    color: #000;
    line-height: 1.2;
    background-image: url('/img/bar.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 0px 0px 40px 0px;
}
.happyon_info .con .tt span{
    font-size: 3.0rem;
    color: #11814d;
}
.happyon_info .con .txt{
    padding-top: 35px;
    font-family: 'S-CoreDream-4Regular';
    font-size: 1.0rem;
    word-break:keep-all; 
	word-wrap:break-word;
}
.happyon_info .pic{
    flex-basis: 35%;
    text-align: right;
    padding: 100px 0px 0px 100px;
}
.happyon_point_bg{
    display: block;
    width: 100%;
    background-color:#146b43;
    background-image: url('/img/happyon_title_bg.png');
    background-position: center top;
    background-repeat: no-repeat;
    padding: 140px 0 20px 0;
    margin:-140px auto 0 auto;
    text-align: center;
    z-index: -1;
}
.happyon_point_bg .point_wrap{
    padding: 0px 10rem;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.happyon_point_bg .point_wrap>div{
    padding: 5rem 2.2rem 0 2.2rem;
    margin:0 auto;
    width: 33.33%;
    height: 416px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    background-image: url('/img/happyon_icon_bg.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.happyon_point_bg .point_wrap .tt{
    padding: 5px 0px;
    margin: 1.5rem 0px;
    font-family: 'S-CoreDream-6Bold';
    color: #000;
    border-top: 1px solid #c6dfb8;
    border-bottom: 1px solid #c6dfb8;
}
.happyon_point_bg .point_wrap .txt{
    padding: 5px 0px;
    margin: 0px 0px;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.7rem;
    line-height: 1.2rem;
    color: #8e8e8e;
    word-break:keep-all; 
	word-wrap:break-word;
}

.happyon_area{
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.happyon_area>div{
    display: flex;
    flex-wrap: wrap;
    width: 25%;
    padding-bottom: 2rem;
}
.happyon_area .step_item{
    position: relative;
    width: 100%;
    padding: 0 1.1rem 2rem 1.1rem;
    margin:0 3px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}
.happyon_area .step_item::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    margin-top: 3.5rem;
    border:1px solid #eeeeee;
    z-index: -1;
	transition: all .4s ease;
}
.happyon_area .step_item:hover::after{
    border:1px solid #acacac;
}
.happyon_area .step_item img{
    /* filter: drop-shadow(5px 5px 5px rgb(0, 0, 0, .1)); */
	transition: all .2s ease;
}
.happyon_area .step_item:hover img{
    margin-top: -5px;
    padding-bottom: 5px;
}
.happyon_area .step_item .tt{
    width: 100%;
    font-family: 'S-CoreDream-6Bold';
    font-size: 1.1rem;
    padding: 1.5rem 0 2rem 0;
    background-image: url('/img/bar_w.gif');
    background-position: center 83%;
    background-repeat: no-repeat;
}
.happyon_area .step_item .txt{
    width: 100%;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.7rem;
    color: #7c7c7c;
    word-break:keep-all; 
	word-wrap:break-word;
}

.happyon_time{
    width:100%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}
.happyon_time>div{
    margin:0 auto;
}
.happyon_time .week{
    width: 40%;
}
.happyon_time .line{
    position: relative;
    width: 10%;
    border-right: 1px solid #e9e9e9;
}
.happyon_time .time{
    width: 50%;
}
.happyon_time .step_item{
    width: 100%;
    padding: 0;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.happyon_time .step_item .img{
    text-align: center;
    padding: 0;
    margin: 0;
}
.happyon_time .step_item .tt{
    font-family: 'S-CoreDream-6Bold';
    font-size: 1.2rem;
    text-align: left;
    padding: 0 0 0 1.5rem;
    white-space: nowrap;
}
.happyon_time .step_item .tt span{
    font-size:0.9rem;
    color: #a1a1a1;
    border-bottom: none;
}
.happyon_time .info{
    width: 100%;
    padding: 2rem 0 0 0;
    margin: 2rem auto 0 auto;
    text-align: center;
}
.happyon_time .info span{
    font-size:0.75rem;
    color: #4c4c4c;
    padding: 0.5rem 2rem;
    border-radius: 2rem;
    background-color: #edf7eb;
}


.happyon_how{
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.happyon_how>div{
    flex-basis: 25%;
    padding: .5rem .5rem 2rem .5rem;
    margin: 3rem 0 0 0; 
}
.happyon_how .step_item{
    position: relative;
    padding: 0 0 2rem 0;
    margin:0 3px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    text-align: center;
    background-color: #f0f0f0;
    border-radius: .3rem;
}
.happyon_how .step_item img{
    width: 90%;
    /*filter: drop-shadow(5px 5px 5px rgb(0, 0, 0, .1));*/
    margin-top:-3rem;
	transition: all .2s ease;
}
.happyon_how .step_item .no{
    padding: 0;
    margin: -10px auto 0 auto;
    text-align: center;
    z-index: 10;
}
.happyon_how .step_item .no span{
    padding: .3rem .35rem;
    border-radius: 1rem;
    background-color: #25895a;
    color: #fff;
    font-size: .7rem;
}
.happyon_how .step_item .tt{
    width: 100%;
    font-family: 'S-CoreDream-6Bold';
    font-size: 1.1rem;
    padding: 1.5rem 0 2rem 0;
    background-image: url('/img/bar_w.gif');
    background-position: center 83%;
    background-repeat: no-repeat;
}
.happyon_how .step_item .txt{
    width: 100%;
    padding: 0 2rem;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.7rem;
    color: #7c7c7c;
}
.happyon_how .step_item:hover{
    background-color: #25895a;
}
.happyon_how .step_item:hover .no span{
    background-color: rgb(255, 153, 0);
}
.happyon_how .step_item:hover .tt{
    color: #fff;
}
.happyon_how .step_item:hover .txt{
    color: rgba(255, 255, 255, .4);
}

.happyon_step{
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.happyon_step .arrow{
    min-width: 20px;
    background-image: url('/img/arrow.png');
    background-position: center 23%;
    background-repeat: no-repeat;
}
.happyon_step .step_item{
    padding: 0 0 2rem 0;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    font-family: 'S-CoreDream-6Bold';
}
.happyon_step .step_item .no{
    width: 100%;
    font-size: 0.6rem;
    color: #c2c2c2;
    padding: 2rem 0 1.5rem 0;
    background-image: url('/img/bar_h.gif');
    background-position: center 90%;
    background-repeat: no-repeat;
}
.happyon_step .step_item .tt{
    width: 100%;
    font-size: 0.95rem;
    padding-bottom: .5rem;
}
.happyon_step .step_item .txt{
    width: 100%;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.7rem;
    color: #7c7c7c;
}
.happyon_step_info{
    padding: 3rem 0;
    margin: 2rem auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;    
    border-top: 1px solid #efefef;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.75rem;
}
.happyon_step_info .icon{
    padding: 0 2rem 0 0;
}
.happyon_step_info .t1{
    color: #838383;
}
.happyon_step_info .t2{
    padding-top: 5px;
    color: #f98f39;
}
.happyon_step_info2{
    padding: 0 0 3rem 0;
    margin: 0 auto;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.7rem;
}
.happyon_step_info2 div{
    width: 100%;
    padding: 0.2rem 2.5rem;
    margin: 0;
    background-image: url('/img/icon_check.png');
    background-position: 1.5rem .6rem;
    background-repeat: no-repeat;
    color: #4c4c4c;
}
.happyon_step_info2 .tt{
    width: 100%;
    padding: .5rem 1.5rem;
    margin-bottom: .5rem;
    font-size: 1.1rem;
    color: #fff;
    background-color: #4a4a4a;
    background-image: none;
}
.happyon_bt_wrap{
    padding: 1rem 0;
    margin: 0 auto;
    text-align: center;
}
.happyon_bt_wrap a{
    display: inline-block;
    width: 30%;
    padding: .7rem 1rem;
    margin: .5rem;
    /*font-family: 'ONE-Mobile-Regular';*/
    font-family: 'ONE-Mobile-Title';
    font-size: 1.0rem;
    background-color: #25895a;
	border: 1px solid #25895a;
    color: #fff;
    border-radius: 1.5rem;
	transition: all .3s ease;
}
.happyon_bt_wrap a:hover{
    color: #25895a;
    background-color: #fff;
	border: 1px dashed #25895a;
}
@media (max-width: 1200px){
    .happyon_point_bg .point_wrap{
        padding: 0px 5rem;
    }
}
@media (max-width: 969px){
    .happyon_time .line{
        border-left: 1px solid #e9e9e9;
        border-right: none;
    }
    .happyon_time .info{
        padding: 1.5rem 0 2rem 0;
    }
    .happyon_info .con{
        flex-basis: 55%;
        padding-left: 10px;
    }
    .happyon_info .pic{
        flex-basis: 45%;
    }
    .happyon_point_bg .point_wrap{
        padding: 0 0;
    }
}
@media (max-width: 700px){
    .happyon_time .week{
        width: 1000%;
    }
    .happyon_time .time{
        width: 1000%;
        padding-top:2rem;
    }
    .happyon_time .line{
        border-left: none;
        border-right: none;
    }
    .happyon_point_bg .point_wrap{
        padding: 0 4rem;
    }
    .happyon_point_bg .point_wrap>div{
        padding: 4rem 2.5rem 0 2.5rem;
        width: 50%;
    }
    .happyon_point_bg .point_wrap>div:last-child{
        margin-top:-60px;
    }
    .happyon_area>div{
        width: 50%;
    }
    .happyon_how>div{
        flex-basis: 50%;
    }
    .happyon_bt_wrap a{
        display: block;
        width: 100%;
    }
}
@media (max-width: 639px){
    .happyon_info .con{
        padding-bottom: 100px;
    }
    .happyon_info .con .tt{
        font-size: 1.4rem;
        padding: 0px 0px 20px 0px;
        /* display:none; */
    }
    .happyon_info .con .tt span{
        font-size: 2.45rem;
    }
    .happyon_info .con .txt{
        padding-top: 20px;
    }
    .happyon_info .pic{
        padding: 0px 0px 0px 20px;
    }
    .happyon_point_bg{
        margin-top:-100px;
        background-size: 250% auto;
    }
    .happyon_point_bg .point_wrap{
        padding: 0 0;
    }
    .happyon_point_bg .point_wrap>div{
        height: 380px;
    }
}

.tab_counsel{
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.tab_counsel li{
    width: 50%;
    padding: 1rem 0;
    margin:0 -1px;
    font-family: 'ONE-Mobile-Title';
    /* font-family: 'ONE-Mobile-Regular'; */
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    background-color: #c9c9c9;
    cursor: pointer;
}
.tab_counsel li.on{
    background-color: #efb14f;
}

.tab_contents{
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: none;
}
.tab_contents.on{
    display: block;
}

.counsel_step{
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.counsel_step>div{
    text-align: center;
    padding: 0rem 2rem;
}
.counsel_step .arrow{
    padding: 2rem 1rem;
}
.counsel_step .arrow img{
    width: 90%;
}
.counsel_step .step_item{
    width: 100%;
    padding: 0 0 2rem 0;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    font-family: 'ONE-Mobile-Title';
}
.counsel_step .step_item .no{
    width: 100%;
    font-size: 0.6rem;
    color: #efb14f;
    padding: 1.5rem 0 1rem 0;
}
.counsel_step .step_item .no2{
    width: 100%;
    font-size: 0.6rem;
    color: #96d4a9;
    padding: 1.5rem 0 1rem 0;
}
.counsel_step .step_item .tt{
    width: 100%;
    font-size: 0.9rem;
    color: #555555;
    padding-bottom: .5rem;
    text-align: center;
}
@media (max-width: 969px){
    .counsel_step>div{
        padding: 0rem 1rem;
    }
    .step_item .tt br{
        display: block !important;
    }
    .counsel_step .arrow{
        width:10%;
        padding: 2rem 0rem;
    }
    .counsel_step .arrow img{
        width: 90%;
    }
}

.counsel_info{
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.counsel_info>div{
    width: 33.33%;
    text-align: center;
    padding: 0rem 0rem;
}
.counsel_info .step_item{
    width: 100%;
    padding: 0 0 2rem 0;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    font-family: 'ONE-Mobile-Title';
}
.counsel_info .step_item img{
    width: 95%;
}
.counsel_info .step_item .no{
    width: 100%;
    font-size: 0.6rem;
    color: #ffc015;
    padding: 1rem 0 1.5rem 0;
    background-image: url('/img/bar_info.gif');
    background-position: center 90%;
    background-repeat: no-repeat;
}
.counsel_info .step_item .tt{
    width: 100%;
    font-size: 0.9rem;
    color: #555555;
    text-align: center;
    padding: .8rem 1rem;
}
@media (max-width: 700px){
    .counsel_info>div{
        width: 100%;
    }
    .counsel_info .step_item .no{
        padding: 1rem 0 0 0;
        background-image: none;
    }
}

.counsel_cs{
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.counsel_cs>div{
    width: 50%;
    padding: 0;
    margin:0 auto;
}
.counsel_cs .step_item{
    width: 100%;
    padding: 0 0 2.5rem 0;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.counsel_cs .pd_right{
    padding-right: 3rem !important;
}
.counsel_cs .step_item .icon{
    width: 20%;
    padding: .2rem 0 0 0;
}
.counsel_cs .step_item .tt{
    width: 80%;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.85rem;
    color: #555;
}
.counsel_cs .step_item .tt span{
    display:block;
    font-family: 'ONE-Mobile-Title';
    font-size: 0.6rem;
    color: #75ae44;
    border:none;
    padding-bottom: .5rem;
}
.counsel_cs .step_item .tt small{
    display:block;
    font-size: 0.7rem;
    color: #c7aa5d;
    padding-top: .5rem;
}
@media (max-width: 700px){
    .counsel_cs>div{
        width: 100%;
        padding: 0rem 1rem;
    }
    .counsel_cs .step_item{
        padding: 0 0 .5rem 0;
    }
    .counsel_cs .pd_right{
        padding-right: 0rem;
    }
}

.counsel_service{
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.counsel_service>div{
    width: 33.33%;
    text-align: center;
    padding: 0rem 0rem;
}
.counsel_service img{
    width: 95%;
}
.counsel_service .step_item{
    width: 100%;
    padding: 0 0 2rem 0;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    font-family: 'ONE-Mobile-Title';
}
.counsel_service .step_item .no{
    margin-top: -1.5rem;
    width: 100%;
    font-size: 0.6rem;
    color: #ffc015;
    padding: 1rem 0 1.5rem 0;
    background-image: url('/img/bar_info.gif');
    background-position: center 90%;
    background-repeat: no-repeat;
}
.counsel_service .step_item .no span{
    background-color: #fff;
    padding: .5rem 2rem;
    border-radius: 2rem;
}
.counsel_service .step_item .tt{
    width: 100%;
    font-size: 0.9rem;
    color: #555555;
    padding: .7rem;
    text-align: center;
}
@media (max-width: 700px){
    .counsel_service>div{
        padding: 0rem 1rem;
    }
    .counsel_service>div{
        width: 50%;
    }
    .counsel_service img{
        width: 98%;
    }
}

.counsel_service2{
    padding: 2rem 0 0 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.counsel_service2>div{
    width:25%;
    text-align: center;
    padding: 0rem .3rem;
}
.counsel_service2 .step_item{
    position: relative;
    width: 100%;
    padding: 0 0 2rem 0;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    font-family: 'ONE-Mobile-Title';
}
.counsel_service2 .step_item .no{
    position: absolute;
    top: -.7rem;
    left: 50%-calc(50%);
    width: 25px;
    height: 25px;
    font-size: 0.6rem;
    color: #fff;
    line-height: 25px;
    background-color: #f08a11;
    border-radius: 100%;
}
.counsel_service2 .step_item .tt{
    width: 100%;
    font-size: 0.9rem;
    color: #3a3a3a;
    line-height: 100%;
    padding: 2rem 0;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e9e4d8;
    border-radius: 3rem;
}
@media (max-width: 969px){
    .counsel_service2>div{
        width: 33.33%;
    }
}
@media (max-width: 700px){
    .counsel_service2>div{
        width: 50%;
    }
}

.con_wrap{
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
.con_wrap .img{
    position: absolute;
    width: 70%;
    height: 660px;
    padding: 0;
    margin: 0;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -1;
}
.con_wrap .con{
    width: 100%;
    padding: 100px 0 0 60%;
    margin: 0;
}
.con_wrap .con .bg{
    width: 100%;
    padding: 50px 20px;
    margin: 0;
    background-color: rgb(255, 255, 255, 1);
}
.con_wrap .con .tt{
    background-image: url('/img/tt_bar.gif');
    background-position: left 15px;
    background-repeat: no-repeat;
    padding: 5px 0px 0px 60px;
    margin: 0;
    font-family: 'ONE-Mobile-Title';
    font-size: 1.4rem;
}
.con_wrap .con .txt{
    padding: 20px 0px 50px 60px;
    margin: 0;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
}
.con_wrap .con2{
    padding: 20px 0px;
    margin: 0;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
}
.con_wrap .con2 .tt2{
    position: relative;
    padding: 5px 0px;
    margin: 0;
    font-family: 'ONE-Mobile-Title';
    font-size: 1.0rem;
    text-align: center;
}
.con_wrap .con2 .tt2::before{
    content: '';
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    border-top: 1px solid #bcebd1;
}
.con_wrap .con2 .tt2 span{
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    width: 60%;
    color: #fff;
    background-color:#009944;
    border-radius: 20px;
}
.con_wrap .con2 .txt2{
    padding: 20px 0px 50px 0px;
    margin: 0;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    line-height: 1.8;
    text-align: center;
    word-break:keep-all; 
	word-wrap:break-word;
}
.con_wrap .how_tt{
    position: relative;
    padding: 40px 0px 0px 0px;
    margin: 0;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.7rem;
    color: #9bdb95;
}
.con_wrap .how_tt span{
    font-family: 'S-CoreDream-6Bold';
}
.con_wrap .how_txt{
    background-image: url('/img/tt_bar_green.gif');
    background-position: left 15px;
    background-repeat: no-repeat;
    padding: 5px 0px 0px 30px;
    margin: 0;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    line-height: 1.7;
    word-break:keep-all; 
	word-wrap:break-word;
}
.con_wrap .items{
    width: 100%;
    padding: 0;
    margin: 0;
}
.con_wrap .items li{
    width: 100%;
    padding: 2rem 0 0 0;
    margin: 0;
}
.con_wrap .items li:first-child{
    padding: 0;
}
.con_wrap .items .title span{
    padding: .2rem 1rem;
    background-color: #48a75c;
    color: #fff;
    font-size: 1.0rem;
}
.con_wrap .items .desc1{
    padding: .5rem 0 0 1rem;
    font-family: 'S-CoreDream-5Medium';
    font-size: .8rem;
    word-break:keep-all; 
	word-wrap:break-word;
}
.con_wrap .items .desc2{
    padding: .3rem 0 0 1rem;
    font-size: 0.8rem;
    word-break:keep-all; 
	word-wrap:break-word;
}
@media (max-width: 969px){
    .con_wrap .img{
        position: relative;
        width: 100%;
        height: 400px;
        background-position: center center;
        background-size: cover;
    }
    .con_wrap .con{
        width: 100%;
        padding: 100px 15px 0 15px;
        margin-top: -200px;
    }
}


.con2_wrap{
    width: 100%;
    /*max-width: 850px;*/
    padding:0px;
    margin:0 auto; 
}
.con2_wrap .tcon{
    width: 100%;
    font-family: 'S-CoreDream-4Regular';
    font-size: 1.1rem;
    line-height: 1.6;
    /* text-align: center; */
    word-break:keep-all;
    word-wrap:break-word;
    padding: 2rem  0;
}
.con2_wrap .tcon strong{
    font-family: 'S-CoreDream-5Medium';
    /* font-family: 'S-CoreDream-4Regular'; */
    font-size: 1.3rem;
}
.con2_wrap .bg_gray{
    padding: 0rem 3rem;
    margin: 0;   
    background-color: #eaeaea; 
}
.con2_wrap .bg_green{
    padding: 0rem 3rem;
    margin: 0;   
    background-color: #f1f7e7; 
}
.con2_wrap ul{
    display:inline-block;
    width: 100%;
    padding:50px 0px;
    margin:0px;    
}
.con2_wrap ul li{
    float: left;
    padding: 10px 0px;
    margin:0px; 
    list-style:none;
}
.con2_wrap .tt{
    width: 20%;
    font-family: 'ONE-Mobile-Title';
    font-size: 1.7rem;
    color: #000;
    line-height: 2.5rem;
}
.con2_wrap .tt span{
    border-bottom: 1px solid #000;
    padding-bottom:3px;
}
.con2_wrap .pic_bg{
    width: 100%;
    height:350px;
    padding: 0;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.con2_wrap .pic{
    width: 40%;
}
.con2_wrap .pic img{
    width: 100%;
    padding-right: 2rem;
}
.con2_wrap .pic_con{
    width: 60%;
    font-family: 'S-CoreDream-5Medium';
    line-height: 1.6;
    word-break:keep-all;
    word-wrap:break-word;
}
.con2_wrap .con{
    width: 80%;
    font-family: 'S-CoreDream-5Medium';
    line-height: 1.6;
    word-break:keep-all;
    word-wrap:break-word;
}
.con2_wrap .con strong{
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.05rem;
    font-weight: normal;
}
.con2_wrap .con_tt{
    font-family: 'S-CoreDream-4Regular';
    font-size: 1.1rem;
    line-height: 1.6;
    /* text-align: center; */
    word-break:keep-all;
    word-wrap:break-word;
}
.con2_wrap .con_tt strong{
    font-family: 'S-CoreDream-5Medium';
    /* font-family: 'S-CoreDream-4Regular'; */
    font-size: 1.3rem;
}
.con2_wrap .items{
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 2px solid #0b7c5a;
    border-bottom: 1px solid #82a389;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    align-content: start;
}
.con2_wrap .items ul{
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ececec;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:center;
    align-content: center;
}
.con2_wrap .items ul li{
    float: left;
    padding: 2rem 1rem;
    margin: auto 0;
    /* border-bottom: 1px solid #c7e4cc; */
}
.con2_wrap .items .title{
    width: 20%; 
}
.con2_wrap .items .title span{
    font-size: 1.0rem;
    color:#0b7c5a;
}
.con2_wrap .items .title_full{
    width: 100%; 
}
.con2_wrap .items .title_full span{
    font-size: 1.0rem;
    color:#0b7c5a;
}
.con2_wrap .items .desc1{
    width: 25%;
    font-family: 'S-CoreDream-5Medium';
    font-size: .8rem;
    word-break:keep-all; 
	word-wrap:break-word;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}
.con2_wrap .items .desc2{
    width: 55%;
    font-size: .8rem;
    word-break:keep-all; 
	word-wrap:break-word;
}
.con2_wrap .items .desc3{
    width: 80%;
    font-size: .8rem;
    word-break:keep-all; 
	word-wrap:break-word;
}

.con2_wrap .step_list{
    position: relative;
    float: left;
    width: 100%;
    padding: 2rem 0;
    margin: 0;
}
.con2_wrap .step_list ul{
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.con2_wrap .step_list li{
    float: left;
    width: 90%;
    padding: .8rem 0 .8rem 0;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    line-height: 1.6;
    word-break:keep-all; 
	word-wrap:break-word; 
}
.con2_wrap .step_list li.icon{
    width: 10%;
    padding: 0 0 .8rem 0;
}
.con2_wrap .step_list li.icon img{
    width: 80%;
}
.con2_wrap .step_list .arrow{
    display:block;
    padding: 1.5rem 0 0 0;
    font-size:1.0rem;
    color: #e47105;
}
.con2_wrap .step_list li strong{
    font-family: 'ONE-Mobile-Title';
    /* font-family: 'S-CoreDream-5Medium'; */
    font-size:1.0rem;
    color: #007432;
}
.con2_wrap .step_list li strong span{
    font-family: 'S-CoreDream-4Regular';
    font-size:0.75rem;
}
.con2_wrap .step_list li small{
    color: #595757;
}
.con2_wrap .step_list li.t{
    padding: 0 0 .8rem 0;
}
.con2_wrap .list{
    width: 100%;
    padding: 0;
    margin: 0;
}
.con2_wrap .list li{
    width: 100%;
    padding: .3rem 0;
    margin: 0;
    text-indent: -8px;
    margin-left: 8px;
}
.con2_wrap .list2{
    width: 100%;
    padding: 0;
    margin: 0;
}
.con2_wrap .list2 li{
    width: 45%;
    padding: .3rem 0;
    margin: 0;
    text-indent: -8px;
    margin-left: 8px;
}
.con2_wrap i{
    color:#16916c;
}
.con2_wrap .pic_left{
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
    align-content: start;
}
.con2_wrap .pic_left div{
    width: 50%;
}
.con2_wrap .pic_left .pic{
    min-height:250px;
    padding: 0;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2rem 0 0 0;
}
.con2_wrap .pic_left .con_tt{
    padding: 2.5rem 2rem;
    margin: 0;
    background-color: #398a4a;
    font-family: 'S-CoreDream-4Regular';
    font-size: 1.1rem;
    color: #fff;
    line-height: 1.6;
    word-break:keep-all;
    word-wrap:break-word;
    border-radius: 0 0 2rem 0;
}
.con2_wrap .pic_left .con_tt strong{
    font-family: 'S-CoreDream-4Regular';
}
.con2_wrap .pic_left .con_tt .line{
    position: relative;
}
.con2_wrap .pic_left .con_tt .line::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: .2rem;
    height: 4px;
    width:100%;
    background-color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 969px){
    .con2_wrap{
        padding: 0 1rem;
    }
    .con2_wrap .tcon{
        padding: 1rem 0;
        font-size: 1.0rem;
    }
    .con2_wrap .tcon strong{
        font-size: 1.0rem;
    }
    .con2_wrap .tt{
        width: 100%;
        padding-bottom: 20px;
    }
    .con2_wrap .con{
        width: 100%;
    }
    .con2_wrap ul{
        padding:30px 0px;
    }
}
@media (max-width: 800px){
    .con2_wrap .items li{
        padding: 1rem .5rem;
    }
    .con2_wrap .items .title{
        width: 20%; 
        text-align: center;
        padding: 1rem 0rem;
    }
    .con2_wrap .items .title_full{
        padding: 1rem 0rem;
    }
    .con2_wrap .items span{
        font-size: .8rem;
    }
    .con2_wrap .items .desc1{
        width: 35%;
    }
    .con2_wrap .items .desc2{
        width: 45%;
    }
    .con2_wrap .list2 li{
        width: 100%;
    }
    .con2_wrap .pic_bg{
        height: 280px;
    }
    .con2_wrap .step_list li{        
        width: 75%;
    }
    .con2_wrap .step_list li.icon{
        width: 25%;
        padding: .8rem 0;
    }
    
    .con2_wrap .pic_left{
        flex-direction: column;
    }
    .con2_wrap .pic_left div{
        width: 100%;
    }
    .con2_wrap .pic_left .pic{
        min-height:250px;
    }
    .con2_wrap .pic_left .con_tt{
        padding: 2rem 2rem;
        font-size: 0.9rem;
    }
}
@media (max-width: 639px){
    .con2_wrap .items .desc1,
    .con2_wrap .items .desc2,
    .con2_wrap .items .desc3{
        font-size: .75rem;
    }
    .con2_wrap .pic_bg{
        height: 180px;
    }
    .con2_wrap .bg_gray{
        padding: 0rem 2rem;
    }
    .con2_wrap .bg_green{
        padding: 0rem 2rem;
    }
}


.box_form{
    width: 100%;
    padding: 0;
    margin: 0 auto;
    border-top:2px solid #1c974f;
}
.box_form li{
    display:inline-block;
    width: 100%;
    padding: .5rem 1rem;
    margin: 0 auto;
    border-bottom:1px solid #ccc;
}
.box_form li div{
    float: left;
    padding: 0;
    margin: 0 auto;
    height: 100%;
    font-family: 'S-CoreDream-5Medium';
}
.box_form li div.tt{
    width: 20%;
    padding-top: .5rem;
    font-family: 'S-CoreDream-6Bold';
}
.box_form li label{
    position: relative;
    margin-right: 2.5rem;
    padding: .5rem 0 0 1.7rem;
    font-size:0.9rem;
}
.box_form li input[type="radio"]{
    position: absolute;
    left: 0;
    top: .6rem;
    width: 20px;
    height: 20px;
}
.box_form li select{
    padding: 0 2rem 0 .5rem;
    /* font-family: 'S-CoreDream-4Regular'; */
    font-family: 'S-CoreDream-4Regular';
    font-size:0.9rem;
}
.box_form li select:focus{outline:none;border-color: #9acd9f;background:#f7f9f4}
@media (max-width: 639px){
    .box_form li div.tt{
        width: 30%;
    }
}

.tab_testing{
    margin: 0 auto;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.tab_testing li{
    width: 50%;
    padding: 1rem 0;
    margin:0 -1px;
    font-family: 'ONE-Mobile-Title';
    /* font-family: 'ONE-Mobile-Regular'; */
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    background-color: #c9c9c9;
    cursor: pointer;
}
.tab_testing li:hover{
    background-color: #9c9c9c;

}
.tab_testing li.on{
    /* background-color: #097231; */
    background-color: #000;
}

.testing_category{
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
}
.testing_category div{
    width: 33.33%;
    padding: 3px;
    margin: 0px;
    list-style: none;
    text-align: center;
}
.testing_category .box{
    width: 100%;
    height: 100%; 
    padding: 0;
    margin: 0;
    box-shadow:none;
}
.testing_category a{
    display: block;
    width: 100%;
    height: 100%; 
    margin: 0 auto;
    padding: 1.5rem 0;
    /* font-family: 'ONE-Mobile-Title'; */
    font-family: 'S-CoreDream-4Regular';
    font-size: 1.2rem;
    line-height: 100%;
    color: #000;
    background-color: #ecf3ef;
    border: 1px solid #ececec;
	transition: all .2s ease;
}
.testing_category a:hover{
    color: #fff;
    background-color: #009944;
}
@media (max-width: 969px){
    .testing_category div{
        /* width: 50%; */
        padding: 1px;
    }
    .testing_category a{
        padding: .7rem 0;
        font-size: 0.7rem;
    }
}
@media (max-width: 639px){
    .testing_category div{
        width: 50%;
    }
    .testing_category a{
        padding: 1rem 0;
        font-size: 0.8rem;
    }
}

.testing_category_s{
    padding: 1rem 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
}
.testing_category_s div{
    padding: 1px;
    margin: 0px;
    list-style: none;
    text-align: center;
}
.testing_category_s .box{
    width: 100%;
    height: 100%; 
    padding: 0;
    margin: 0;
    box-shadow:none;
}
.testing_category_s a{
    display: block;
    width: 100%;
    height: 100%; 
    margin: 0 auto;
    padding: .7rem 1.7rem;
    /* font-family: 'ONE-Mobile-Title'; */
    /* font-family: 'ONE-Mobile-Regular'; */
    /* font-family: 'S-CoreDream-4Regular'; */
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.85rem;
    line-height: 100%;
    color: #000;
    border: 1px solid #ececec;
	transition: all .2s ease;
}
.testing_category_s a:hover{
    background-color: #e6e9e7;
    border: 1px solid #e6e9e7;
}
.testing_category_s .box.on a{
    color: #fff;
    background-color: #00944f;
    border: 1px solid #00944f;
}
@media (max-width: 969px){
    .testing_category_s div{
        padding: 1px;
    }
    .testing_category_s a{
        padding: .5rem 1rem;
        font-size: 0.7rem;
    }
}
@media (max-width: 639px){
    .testing_category_s{
        padding: 0 0 1rem 0;
    }
}

.testing_title{
    padding: 20px 0px;
    margin: 0 auto;
    font-family: 'S-CoreDream-4Regular';
    font-size: 2.2rem;
    color: #000;
    letter-spacing: -0.5;
    line-height: 1.6;
    text-align:left;
}
.testing_title span{
    font-family: 'ONE-Mobile-Title';
    font-size: 2.5rem;
    border-bottom: 1px solid #000;
}
.testing_title_sub{        
    padding: 0 0 1.5rem 0;
    margin: 0 auto;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    color: #505050;
    line-height: 1.5rem;
    word-break:keep-all; 
	word-wrap:break-word;
    text-align:left;
}

.testing_check{    
    width: 100%;
    padding: .5rem 1rem;
    margin: 5px 0;
    list-style: none; 
    border: 2px solid #e3f0ea;
    border-radius: .5rem;
}
.testing_check:hover{
    background-color: #eff8f4;
}
.testing_check_on{
    border: 2px solid #e7e7e7;
    background-color: #eeeeee;
}
.testing_check_on:hover{
    background-color: #eeeeee;
}
.testing_check li{
    width: 100%;
    padding: .5rem 1rem .5rem 3rem;
    margin: 0;
    list-style: none; 
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.9rem;
}
.testing_check li.tt{
    position: relative;
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.1rem;
}
.testing_check li.tt span{
    position: absolute;
    top: .7rem;
    left: 0;
    width: 40px;
    font-family: 'ONE-Mobile-Title';
    color: #06683a;
    text-align: right;
    padding-right: .5rem;
}
.testing_check li label{
    position: relative;
    margin-right: 2.5rem;
    padding-left: 1.7rem 
}
.testing_check li input[type="radio"]{
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
}

.testing_result{
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
}
.testing_result h1{
    font-family: 'S-CoreDream-6Bold';
    font-size: 1.5rem;
    padding-bottom: 1rem;
    text-align: center;
}
.testing_result h1 span{
    font-family: 'S-CoreDream-3Light';
}
.testing_result .grade{
    padding: 1rem 0 2rem 0;
    margin: 0 auto;
    text-align: center;
}
.testing_result .grade span{
    display:inline-block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    font-family: 'S-CoreDream-2ExtraLight';
    font-size: 1.7rem;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background-color: #ff3300;
    border-radius: 100%;
}
.testing_result .con{
    padding: 1rem 0;
    margin: 0 auto;
    font-family: 'S-CoreDream-4Regular';
    /* font-family: 'S-CoreDream-5Medium'; */
    font-size: 1.0rem;
    color: #ee5a16;
    text-align: center;
    word-break:keep-all; 
	word-wrap:break-word;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.testing_result .con .tt{
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 1rem;    
}
.testing_result .con .tt2{
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.2rem;
    color: #08813f;
    text-align: center;
    padding-bottom: 1rem;    
}
.testing_result .con .txt{
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.95rem;
    color: #1f1f1f;
    line-height:1.6;
    text-align: left;
}
.testing_result .con .txt span{
    color: #ee5a16;
}
.testing_result .con .bg{
    margin-top:2rem;
    padding: 2rem;
    background-color: #fff8f1;    
    border-radius: 3px;
}
.testing_result .info{
    padding: 1rem 0 .5rem 0;
    margin: 0 auto;
    /* font-family: 'S-CoreDream-4Regular'; */
    /* font-family: 'S-CoreDream-5Medium'; */
    font-size: 0.85rem;
    color: #494949;
    text-align: center;
}
.testing_result .tel{
    margin: 0 auto;
    /* font-family: 'S-CoreDream-4Regular'; */
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.95rem;
    color: #000;
    text-align: center;
}
@media (max-width: 639px){
    .testing_title{
        font-size: 1.8rem;
    }
    .testing_title span{
        font-size: 2.0rem;
    }
}





.happybrain_wrap{
    position: relative;
    width: 100%;
    max-width: 850px;
    padding:0 0 3rem 0;
    margin:0 auto; 
}
.happybrain_wrap .tt{
    font-size: 2.0rem;
    color: #009682;
    word-break:keep-all; 
	word-wrap:break-word; 
    padding-bottom: 1rem;
}
.happybrain_wrap .tt strong{
    font-family: 'ONE-Mobile-Title';
}
.happybrain_wrap .tt2{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.0rem;
    color: #000;
    word-break:keep-all; 
	word-wrap:break-word; 
    padding-bottom: 1rem;
}
.happybrain_wrap .con{
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    color: #000;
    line-height: 1.4;
    word-break:keep-all; 
	word-wrap:break-word;
    padding:1rem 0;
}
.happybrain_wrap .con2{
    width: 100%;
    padding:3rem 1rem;
    background-color: #009453;
    line-height: 1.4;
    text-align: center;
    word-break:keep-all; 
	word-wrap:break-word;
}
.happybrain_wrap .con3{
    width: 100%;
    padding:1rem;
    font-family: 'S-CoreDream-4Regular';
    font-size: 1.0rem;
    color: #fff;
    line-height: 1.6;
    background-color: #49a998;
    text-align: center;
    word-break:keep-all; 
	word-wrap:break-word;
}
.happybrain_wrap .con3 strong{
    font-family: 'S-CoreDream-7ExtraBold';
}
.happybrain_wrap .dot{
    color: #49a998;
}
.happybrain_box{
    padding:0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.happybrain_box>div{
    width: 33.33%;
    text-align: center;
    padding: .5rem 1rem;
    margin: 0;
}
.happybrain_box .item{
    padding: 1rem .5rem;
    margin:auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}
.happybrain_box .item .tt{
    width: 120px;
    height: 120px;
    font-family: 'ONE-Mobile-Title';
    font-size: 1.1rem;
    color: #0b8574;
    line-height: 120px;
    text-align: center;
    vertical-align: middle;
    margin:auto;
    background-image: url('/img/bg_circle2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.happybrain_box .item .tt2{
    width: 100%;
    padding-top: 35%;
    font-family: 'ONE-Mobile-Title';
    font-size: 1.1rem;
    color: #0b8574;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
}
.happybrain_box .item .tt2 span{
    font-size:0.9rem;
    color: #056659;
}
.happybrain_box .item .txt{
    width: 100%;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.75rem;
    color: #7e7e7e;
    line-height: 1.6;
    letter-spacing: -0.5;
    text-align: center;
    vertical-align: middle;
    word-break:keep-all; 
	word-wrap:break-word; 
    margin:auto;
    padding-top:1rem;
}
.happybrain_box2{
    padding:0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.happybrain_box2>div{
    width: 33.33%;
    text-align: center;
    padding: 0;
    margin: 0;
}
.happybrain_box2 .item{
    padding: 0rem .5rem 2rem .5rem;
    margin:auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}
.happybrain_box2 .item .tt{
    width: 100%;
    font-family: 'ONE-Mobile-Title';
    font-size: 0.9rem;
    color: #0b8574;
    letter-spacing: -0.5;
    text-align: center;
    vertical-align: middle;
    word-break:keep-all; 
	word-wrap:break-word; 
    margin:auto;
    padding: .2rem;
    background-color: #fff;
    border: 1px solid #e4f5f3;
}
.happybrain_box2 .item .tt span{
    display: block;
    width: 100%;
    height: 100%;
    padding: 1rem .3rem;
    margin: 0;
    background-color: #e4f5f3;
}
.happybrain_box2 .item .txt{
    width: 100%;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.75rem;
    color: #5b575a;
    line-height: 1.6;
    letter-spacing: -0.5;
    text-align: center;
    vertical-align: middle;
    word-break:keep-all; 
	word-wrap:break-word; 
    margin:auto;
    padding-top:1rem;
}
.happybrain_wrap .list{
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 2rem 0;
    margin: 0;
}
.happybrain_wrap .list ul{
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.happybrain_wrap .list li{
    float: left;
    width: 90%;
    padding: .8rem 0 .8rem 0;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    line-height: 1.6;
    word-break:keep-all; 
	word-wrap:break-word; 
}
.happybrain_wrap .list li.icon{
    width: 10%;
    padding: 0 0 .8rem 0;
}
.happybrain_wrap .list li.icon img{
    width: 80%;
}
.happybrain_wrap .list li strong{
    /* font-family: 'ONE-Mobile-Title'; */
    font-family: 'S-CoreDream-5Medium';
    font-size:0.85rem;
    color: #f5a733;
}
.happybrain_wrap .list li strong span{
    font-family: 'S-CoreDream-4Regular';
    font-size:0.75rem;
}
.happybrain_wrap .list li small{
    color: #595757;
}
.happybrain_wrap .list li.t{
    padding: 0 0 .8rem 0;
}

.happybrain_wrap .list2{
    width: 100%;
    padding: 0 0 2rem 0;
    margin: 0;
}
.happybrain_wrap .list2 ul{
    width: 100%;
    padding: .5rem 0;
    margin: 0;
}
.happybrain_wrap .list2 li{
    width: 100%;
    padding: .5rem 0 1rem 1rem;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    line-height: 1.6;
    word-break:keep-all; 
	word-wrap:break-word; 
}
.happybrain_wrap .list2 li:first-child{
    padding: 0;
    color: #009682;
    padding-bottom: .5rem;
}
.happybrain_wrap .list2 li span{
    font-family: 'S-CoreDream-5Medium';
    font-size:0.85rem;
    color: #fff;
    background-color: #009682;
    padding: .5rem 1rem;
    margin-right: .5rem;
}

.happybrain_wrap .list3{
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 1px solid #f5a733;
}
.happybrain_wrap .list3 .tt{
    width: 100%;
    padding: .5rem;
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    background-color: #f5a733;
}
.happybrain_wrap .list3 ul{
    width: 100%;
    padding: 1rem 2rem;
    margin: 0;
}
.happybrain_wrap .list3 li{
    position: relative;
    width: 100%;
    padding: .5rem 0 .5rem 1.5rem;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    line-height: 1.6;
    list-style: none;
    word-break:keep-all; 
	word-wrap:break-word; 
}
.happybrain_wrap .list3 li strong{
    position: relative;
}
.happybrain_wrap .list3 li strong:before{
    position: absolute;
    content: '';
    bottom: 0px;
    width: 100%;
    height: 6px;    
    background-color: rgba(245,167,51,.3);
    z-index: -1;
}
.happybrain_wrap .list3 li i{
    position: absolute;
    top: .8rem;
    left:0;
    color: #f5a733;
}

.happybrain_wrap .list4{
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 1px solid #49a998;
}
.happybrain_wrap .list4 .tt{
    width: 100%;
    padding: .5rem;
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    background-color: #49a998;
}
.happybrain_wrap .list4 ul{
    width: 100%;
    padding: 1rem 2rem;
    margin: 0;
}
.happybrain_wrap .list4 li{
    position: relative;
    width: 100%;
    padding: .5rem 0 .5rem 1.5rem;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    color: #10958a;
    line-height: 1.6;
    list-style: none;
    word-break:keep-all; 
	word-wrap:break-word; 
}
.happybrain_wrap .list4 li strong{
    background-color: rgba(73,169,152,.3);
    padding:0 .3rem;
}
.happybrain_wrap .list4 li i,
.happybrain_wrap .list4 li span{
    position: absolute;
    left:0;
    /* font-family: 'S-CoreDream-5Medium'; */
    font-family: 'ONE-Mobile-Title';
    font-size: 0.8rem;
    color: #10958a;
    list-style:normal;
}
.happybrain_wrap .list5{
    width: 100%;
    padding: 3rem 0 0 0;
    margin: 0;
}
.happybrain_wrap .list5 li{
    width: 100%;
    padding: .3rem 0;
    font-size: 0.85rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    text-indent: -30px;
    margin-left: 30px;
}
.happybrain_wrap .list5 li.tt{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.3rem;
    color: #009453;
    padding-bottom: 1rem;
}
.happybrain_wrap .list5 li .no{
    display:inline-block;
    width: 20px;
    height: 20px;
    font-family: 'ONE-Mobile-Regular';
    font-size: 0.6rem;
    color: #fff;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    margin-left: 0;
    background-color: #009453;
    border-radius: 100%;
}

.happybrain_wrap .list6{
    width: 100%;
    padding: 3rem 0 0 0;
    margin: 0;
}
.happybrain_wrap .list6 .tt{
    width: 100%;
    font-family: 'S-CoreDream-3Light';
    font-size: 1.7rem;
    color: #f08831;
    text-align: center;
    vertical-align: baseline;
}
.happybrain_wrap .list6 .tt strong{
    font-family: 'ONE-Mobile-Title';
    font-size: 2.0rem;
}
.happybrain_wrap .list6 li{
    width: 100%;
    padding: 1.5rem;
    margin: .5rem auto;
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.0rem;
    color: #ec713a;
    text-align: center;
    word-break:keep-all; 
    word-wrap:break-word;
    border: 1px solid #f9c87a;
    background-color: #fef0da;
}
.happybrain_wrap .list6 li strong{
    font-family: 'S-CoreDream-7ExtraBold';
    font-size: 1.05rem;
}
.happybrain_wrap .list6 li:last-child{
    color: #000;
    border: 1px solid #ffa94c;
    background-color: #fff;
}
.happybrain_wrap .list6 li:last-child strong{
    font-size: 1.2rem;
    color: #ff8705;
}
.happybrain_wrap .list6 li img{
    padding-top: 1rem;
}

.happybrain_wrap .list7{
    width: 100%;
    padding: 0;
    margin: 0;
}
.happybrain_wrap .list7 ul{
    width: 100%;
    padding: 0;
    margin: 0;
}
.happybrain_wrap .list7 li{
    width: 100%;
    padding: .2rem 0;
    margin: 0;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    word-break:keep-all; 
    word-wrap:break-word;
}
.happybrain_wrap .list7 li.tt{
    font-family: 'ONE-Mobile-Title';
    font-size: 0.95rem;
    color: #0d8178;
    background-color: #d3e6e4;
    padding: .5rem .5rem;
    margin-bottom: .5rem;
}


.happybrain_wrap .item_box{
    width: 100%;
    padding: 1.2rem 2rem;
    margin:0;
    border: 1px solid #009682;
}
.happybrain_wrap .item_box li{
    display: table-cell;
    padding:0;
    margin:0;
}
.happybrain_wrap .item_box li.img{
    width: 40%;
    text-align: left;
    vertical-align: middle;
}
.happybrain_wrap .item_box li.img img{
    width: 90%;
    padding:0;
}
.happybrain_wrap .item_box li.con{
    width: 60%;
}
.happybrain_wrap .item_box .item{
    width: 100%;
    padding: .4rem 0;
    margin:0;
}
.happybrain_wrap .item_box .item li{
    display: table-cell;
    padding: 0;
    margin: 0;
    font-size: 0.7rem;
    vertical-align: middle;
}
.happybrain_wrap .item_box .item li h1{
    display: inline-block;
    width: 100%;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.78rem;
    line-height: 1.6;
    padding-bottom: .2rem;
}
.happybrain_wrap .item_box .item li .bg1{
    background-color: #e58f9f;
}
.happybrain_wrap .item_box .item li .bg2{
    background-color: #77c7c1;
}
.happybrain_wrap .item_box .item li .bg3{
    background-color: #fbc847;
}
.happybrain_wrap .item_box .item li .bg4{
    background-color: #b3e9a9;
}
.happybrain_wrap .item_box .item li.icon{
    width: 15%;
}
.happybrain_wrap .item_box .item li.txt{
    width: 85%;
}

.happybrain_wrap .list_table{
    width: 100%;
    padding: 0;
    margin: 0;
}
.happybrain_wrap .list_table table{
    width: 100%;
    padding: 0;
    margin: 0;
}
.happybrain_wrap .list_table th{
    width: 25%;
    /* font-family: 'ONE-Mobile-Title'; */
    /* font-family: 'S-CoreDream-5Medium'; */
    font-family: 'S-CoreDream-3Light';
    font-size: 1.0rem;
    color: #fff;
    letter-spacing: .1rem;
    line-height:1.6;
    text-align: center;
    word-break:keep-all; 
    word-wrap:break-word; 
}
.happybrain_wrap .list_table td{
    width: 75%;
    padding: 1.5rem;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    line-height: 1.6;
    word-break:keep-all; 
    word-wrap:break-word; 
}
.happybrain_wrap .c1{
border: 1px solid #004b96;
}
.happybrain_wrap .c1 th{
background-color: #004b96;
}
.happybrain_wrap .c2{
border: 1px solid #77c7c1;
}
.happybrain_wrap .c2 th{
background-color: #77c7c1;
}
.happybrain_wrap .c3{
border: 1px solid #00a6b6;
}
.happybrain_wrap .c3 th{
background-color: #00a6b6;
}
.happybrain_wrap .c4{
border: 1px solid #fbc847;
}
.happybrain_wrap .c4 th{
background-color: #fbc847;
}
.happybrain_wrap .c5{
border: 1px solid #ef8f9f;
}
.happybrain_wrap .c5 th{
background-color: #ef8f9f;
}
.happybrain_wrap .line_plus{
    width: 100%;
    padding: .5rem 0;
    margin: 0;
    font-size:1.4rem;
    /* color: #009682; */
    color: #ef7a24;
    text-align: center;
}
.happybrain_wrap .line_arrow{
    width: 100%;
    padding: .5rem 0;
    margin: 0;
    font-size:1.4rem;
    color: #ef7a24;
    text-align: center;
}
.happybrain_wrap .line_arrow div{
    position: relative;
    margin-top: -1.7rem;
}
.happybrain_wrap .line{
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0;
    margin: 0;
}
.happybrain_wrap .line:before{
    content:'';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height:3px;
    background-color: #008271;
}
.happybrain_wrap .info{
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    color: #000;
    word-break:keep-all; 
	word-wrap:break-word;
    padding:2rem 0 0 1.5rem;
}
.happybrain_wrap .info i{
    position:absolute;
    margin-left: -1.5rem;
    font-size: 1.1rem;
}
@media (max-width: 969px){
    .happybrain_wrap{
        padding:0;
    }
    .happybrain_box2>div{
        width: 50%;
    }
    .happybrain_wrap .list li{
        width: 80%;
        padding: 1.5rem 0 1rem 0;
    }
    .happybrain_wrap .list li.icon{
        width: 20%;
        padding: 0 0 1rem 0;
    }
}
@media (max-width:639px){
    .happybrain_wrap{
        padding:0 .5rem 3rem .5rem;
    }
    .happybrain_wrap .tt{
        font-size: 1.6rem;
        padding-bottom: 1rem;
    }
    .happybrain_box>div{
        width: 50%;
    }
    .happybrain_box2>div{
        width: 100%;
    }
    .happybrain_wrap .list li{
        width: 80%;
        padding: 0 0 1rem 0;
    }
    .happybrain_wrap .list li.icon{
        width: 20%;
        padding: 0 0 1rem 0;
    }
    .happybrain_wrap .item_box{
        padding: 1.2rem 1rem;
    }
    .happybrain_wrap .item_box>li{
        display: block;
    }
    .happybrain_wrap .item_box li.img{
        width: 100%;
        text-align: center;
    }
    .happybrain_wrap .item_box li.img img{
        width: 50%; 
        padding-bottom: 1rem;
    }
    .happybrain_wrap .item_box li.con{
        width: 100%;
    }
    .happybrain_wrap .item_box .item li.icon{
        width: 20%;
    }
    .happybrain_wrap .item_box .item li.icon img{
        width: 80%;
    }
    .happybrain_wrap .item_box .item li.txt{
        width: 80%;
    }
    .happybrain_wrap .list2 li{
        font-size: 0.78rem;
    }
    .happybrain_wrap .list2 li span{
        font-family: 'S-CoreDream-5Medium';
        font-size: 0.78rem;
        padding: .5rem .5rem;
    }
}



.community_wrap{
    width: 100%;
    max-width: 850px;
    padding:0;
    margin:0 auto; 
}
.community_wrap .tt{
    font-size: 1.6rem;
    color: #009453;
    padding-bottom: 1rem;
}
.community_wrap .tt strong{
    font-family: 'ONE-Mobile-Title';
}
.community_wrap .con{
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    color: #000;
    word-break:keep-all; 
	word-wrap:break-word;
    padding:1rem 0;
}
.community_wrap .con strong{
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.9rem;
}
.community_wrap .con h1{
    padding-bottom: .3rem;
}
.community_wrap .con h1 strong{
    position: relative;
    font-size: 1.1rem;
}
.community_wrap .con h1 strong::before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 40%;
    background-color: #fff8a5;
    z-index: -1;
}
.community_box{
    padding:0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.community_box>div{
    text-align: center;
    padding: 0;
    margin: 0;
}
.community_box .item{
    width: 200px;
    height: 200px;
    padding: 1rem 1.3rem 0 1.3rem;
    margin:auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    background-image: url('/img/bg_circle.png?v=1');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.community_box .item .tt{
    width: 100%;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.7rem;
    color: #120e05;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
    margin:auto;
}
.community_box .item .tt span{
    color: #0a7c45;
}
.community_wrap .list_group{
    width: 100%;
    padding: 2rem 0;
    margin: 0;
}
.community_wrap .list_group .pic{
    padding: 0 0;
    margin: 1rem auto 2rem auto;
    text-align: center;
    border-bottom: 3px solid #000;
}
.community_wrap .list_group .tt{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.2rem;
    color: #009453;
    padding: 0 0 .7rem 0;
    margin: 0;
}
.community_wrap .list_group .tt2{
    font-family: 'ONE-Mobile-Title';
    font-size: 0.95rem;
    color: #009453;
    text-align: center;
    border: 1px solid #009453;
    border-radius: 2rem;
    padding: .7rem 1rem;
    margin: 1rem 0 0 0; 
}
.community_wrap .list_group .con{
    font-size: 0.95rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    padding: 0 0 0 0;
    margin: 0 0;
}
.community_wrap .list_group .blank{
    display: block;
    padding: 1rem;
}
.community_wrap .list_group table{
    width: 100%;
    border-collapse:collapse;
    margin: .5rem 0 0 0;
}
.community_wrap .list_group th{
    font-family: 'ONE-Mobile-Title';
    font-size: 0.9rem;
    text-align: center;
    /* border-top: 1px solid #009453; */
    border-bottom: 1px solid #009453;
    padding: .5rem;
}
.community_wrap .list_group td{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 1rem 0 1rem 2.5rem;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
}
.community_wrap .list_group td:first-child{
    width: 20%;
    font-family: 'S-CoreDream-6Bold';
    font-size: 0.95rem;
    color: #009453;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
    background-color: rgba(0, 148, 83, .05);
    text-align: center;
    padding: 1rem .5rem;
}
.community_wrap .list_group .con h1{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.0rem;
    color: #000;
    padding: 1.5rem 0 0 0;
}
.community_wrap .list_group li{
    position: relative;
    width: 100%;
    padding: .3rem 0;
    font-size: 0.85rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    text-indent: -23px;
    margin-left: 30px;
}
.community_wrap .list_group li .no{
    position: absolute;
    left: -30px;
    width: 20px;
    height: 20px;
    font-family: 'ONE-Mobile-Regular';
    font-size: 0.6rem;
    color: #fff;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    margin-left: 0;
    background-color: #009453;
    border-radius: 100%;
}
.community_wrap .list_group .con_arrow{
    padding: 2rem 0;
    margin: 0 auto;
    text-align: center;
}
.community_wrap .list_group .con_arrow h1{
    padding: 2rem 4rem;
    /* font-family: 'ONE-Mobile-Title'; */
    font-family: 'S-CoreDream-3Light';
    font-size: 1.3rem;    
    color: #fff;
    line-height: 1.6;
    text-align: center;
    word-break:keep-all; 
	word-wrap:break-word; 
    background-color: #009453;
    border-radius: 3rem 0 3rem;
}
.community_wrap .list_group .con_arrow h1 strong{
    position: relative;
    font-family: 'S-CoreDream-6Bold';
}
.community_wrap .list_group .con_arrow h1 strong::before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 40%;
    background-color: #fff8a5;
    z-index: -1;
}
.community_wrap .list_group .con_arrow img{
    max-width: 200px;
}
.community_wrap .list_group1{
    width: 100%;
    padding: 2rem 0;
    margin: 0;
}
.community_wrap .list_group1 .pic{
    padding: 0 0;
    margin: 1rem auto 2rem auto;
    text-align: center;
    border-bottom: 3px solid #8fbd02;
}
.community_wrap .list_group1 .tt{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.5rem;
    color: #8fbd02;
    text-align: center;
    padding: 0 0 .7rem 0;
}
.community_wrap .list_group1 .tt small{
    font-family: 'S-CoreDream-3Light';
}
.community_wrap .list_group1 .tt2{
    font-family: 'ONE-Mobile-Title';
    font-size: 0.95rem;
    color: #8fbd02;
    text-align: center;
    border: 1px solid #8fbd02;
    border-radius: 2rem;
    padding: .7rem 1rem;
    margin-top: 1rem;
}
.community_wrap .list_group1 .con{
    font-size: 0.95rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    padding: 0;
    margin: 0;
}
.community_wrap .list_group1 .blank{
    display: block;
    padding: 1rem;
}
.community_wrap .list_group1 table{
    width: 100%;
    border-collapse:collapse;
    margin: .5rem 0 0 0;
}
.community_wrap .list_group1 th{
    /* font-family: 'ONE-Mobile-Title'; */
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    background-color: #8fbd02;
    border-bottom: 1px solid #8fbd02;
    padding: .2rem .5rem;
}
.community_wrap .list_group1 td{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 1rem 0 1rem 2.5rem;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
}
.community_wrap .list_group1 td:first-child{
    width: 20%;
    font-family: 'S-CoreDream-6Bold';
    font-size: 0.95rem;
    color: #8fbd02;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
    background-color: rgba(143, 189, 2, .07);
    text-align: center;
    padding: 1rem .5rem;
}
.community_wrap .list_group1 .con h1{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.0rem;
    color: #000;
    padding: 1.5rem 0 0 0;
}
.community_wrap .list_group1 li{
    position: relative;
    width: 100%;
    padding: .3rem 0;
    font-size: 0.85rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    text-indent: -23px;
    margin-left: 30px;
}
.community_wrap .list_group1 li .no{
    position: absolute;
    left: -30px;
    width: 20px;
    height: 20px;
    font-family: 'ONE-Mobile-Regular';
    font-size: 0.6rem;
    color: #fff;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    margin-left: 0;
    background-color: #8fbd02;
    border-radius: 100%;
}
.community_wrap .list_group1 .con_arrow{
    padding: 2rem 0;
    margin: 0 auto;
    text-align: center;
}
.community_wrap .list_group1 .con_arrow h1{
    padding: 2rem 4rem;
    /* font-family: 'ONE-Mobile-Title'; */
    font-family: 'S-CoreDream-3Light';
    font-size: 1.3rem;    
    color: #fff;
    line-height: 1.6;
    text-align: center;
    word-break:keep-all; 
	word-wrap:break-word; 
    background-color: #8fbd02;
    border-radius: 3rem 0 3rem;
}
.community_wrap .list_group1 .con_arrow h1 span{
    font-family: 'S-CoreDream-6Bold';
}
.community_wrap .list_group1 .con_arrow img{
    max-width: 200px;
}
.community_wrap .list_group2{
    width: 100%;
    padding: 2rem 0;
    margin: 0;
}
.community_wrap .list_group2 .pic{
    padding: 0 0;
    margin: 1rem auto 2rem auto;
    text-align: center;
    border-bottom: 3px solid #2c4c72;
}
.community_wrap .list_group2 .tt{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.5rem;
    color: #2c4c72;
    text-align: center;
    padding: 0 0 .7rem 0;
}
.community_wrap .list_group2 .tt small{
    font-family: 'S-CoreDream-3Light';
}
.community_wrap .list_group2 .tt2{
    font-family: 'ONE-Mobile-Title';
    font-size: 0.95rem;
    color: #2c4c72;
    text-align: center;
    border: 1px solid #2c4c72;
    border-radius: 2rem;
    padding: .7rem 1rem;
    margin-top: 1rem;
}
.community_wrap .list_group2 .con{
    font-size: 0.95rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    padding: 0;
    margin: 0;
}
.community_wrap .list_group2 .blank{
    display: block;
    padding: 1rem;
}
.community_wrap .list_group2 table{
    width: 100%;
    border-collapse:collapse;
    margin: .5rem 0 0 0;
}
.community_wrap .list_group2 th{
    font-family: 'ONE-Mobile-Title';
    font-size: 0.9rem;
    text-align: center;
    /* border-top: 1px solid #2c4c72; */
    border-bottom: 1px solid #2c4c72;
    padding: .5rem;
}
.community_wrap .list_group2 td{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 1rem 0 1rem 2.5rem;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
}
.community_wrap .list_group2 td:first-child{
    width: 20%;
    font-family: 'S-CoreDream-6Bold';
    font-size: 0.95rem;
    color: #2c4c72;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
    background-color: rgba(0, 148, 83, .05);
    text-align: center;
    padding: 1rem .5rem;
}
.community_wrap .list_group2 .con h1{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.0rem;
    color: #000;
    padding: 1.5rem 0 0 0;
}
.community_wrap .list_group2 li{
    position: relative;
    width: 100%;
    padding: .3rem 0;
    font-size: 0.85rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    text-indent: -23px;
    margin-left: 30px;
}
.community_wrap .list_group2 li .no{
    position: absolute;
    left: -30px;
    width: 20px;
    height: 20px;
    font-family: 'ONE-Mobile-Regular';
    font-size: 0.6rem;
    color: #fff;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    margin-left: 0;
    background-color: #2c4c72;
    border-radius: 100%;
}
.community_wrap .list_group2 .con_arrow{
    padding: 2rem 0;
    margin: 0 auto;
    text-align: center;
}
.community_wrap .list_group2 .con_arrow h1{
    padding: 2rem 4rem;
    /* font-family: 'ONE-Mobile-Title'; */
    font-family: 'S-CoreDream-3Light';
    font-size: 1.3rem;    
    color: #fff;
    line-height: 1.6;
    text-align: center;
    word-break:keep-all; 
	word-wrap:break-word; 
    background-color: #2c4c72;
    border-radius: 3rem 0 3rem;
}
.community_wrap .list_group2 .con_arrow h1 span{
    font-family: 'S-CoreDream-6Bold';
}
.community_wrap .list_group2 .con_arrow img{
    max-width: 200px;
}

.community_wrap .list_group3{
    width: 100%;
    padding: 2rem 0;
    margin: 0;
}
.community_wrap .list_group3 .pic{
    padding: 0 0;
    margin: 1rem auto 2rem auto;
    text-align: center;
    border-bottom: 3px solid #e9916f;
}
.community_wrap .list_group3 .tt{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.5rem;
    color: #e9916f;
    text-align: center;
    padding: 0 0 .7rem 0;
}
.community_wrap .list_group3 .tt small{
    font-family: 'S-CoreDream-3Light';
}
.community_wrap .list_group3 .tt2{
    font-family: 'ONE-Mobile-Title';
    font-size: 0.95rem;
    color: #e9916f;
    text-align: center;
    border: 1px solid #e9916f;
    border-radius: 2rem;
    padding: .7rem 1rem;
    margin-top: 1rem;
}
.community_wrap .list_group3 .con{
    font-size: 0.95rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    padding: 0;
    margin: 0;
}
.community_wrap .list_group3 .blank{
    display: block;
    padding: 1rem;
}
.community_wrap .list_group3 table{
    width: 100%;
    border-collapse:collapse;
    margin: .5rem 0 0 0;
}
.community_wrap .list_group3 th{
    /* font-family: 'ONE-Mobile-Title'; */
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    background-color:  #e9916f;
    border-bottom: 1px solid #e9916f;
    padding: .2rem .5rem;
}
.community_wrap .list_group3 td{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 1rem 0 1rem 2.5rem;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.8rem;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
}
.community_wrap .list_group3 td:first-child{
    width: 20%;
    font-family: 'S-CoreDream-6Bold';
    font-size: 0.95rem;
    color: #e9916f;
    line-height: 1.8;
    word-break:keep-all; 
	word-wrap:break-word;
    background-color: rgba(233, 145, 111, .1);
    text-align: center;
    padding: 1rem .5rem;
}
.community_wrap .list_group3 .con h1{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.0rem;
    color: #000;
    padding: 1.5rem 0 0 0;
}
.community_wrap .list_group3 li{
    position: relative;
    width: 100%;
    padding: .3rem 0;
    font-size: 0.85rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    text-indent: -23px;
    margin-left: 30px;
}
.community_wrap .list_group3 li .no{
    position: absolute;
    left: -30px;
    width: 20px;
    height: 20px;
    font-family: 'ONE-Mobile-Regular';
    font-size: 0.6rem;
    color: #fff;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    margin-left: 0;
    background-color: #e9916f;
    border-radius: 100%;
}
.community_wrap .list_group3 .con_arrow{
    padding: 2rem 0;
    margin: 0 auto;
    text-align: center;
}
.community_wrap .list_group3 .con_arrow h1{
    padding: 2rem 4rem;
    /* font-family: 'ONE-Mobile-Title'; */
    font-family: 'S-CoreDream-3Light';
    font-size: 1.3rem;    
    color: #fff;
    line-height: 1.6;
    text-align: center;
    word-break:keep-all; 
	word-wrap:break-word; 
    background-color: #e9916f;
    border-radius: 3rem 0 3rem;
}
.community_wrap .list_group3 .con_arrow h1 span{
    font-family: 'S-CoreDream-6Bold';
}
.community_wrap .list_group3 .con_arrow img{
    max-width: 200px;
}

.community_wrap .list_group .con>li,
.community_wrap .list_group1 .con>li,
.community_wrap .list_group2 .con>li,
.community_wrap .list_group3 .con>li{
    padding: .3rem 0;
    text-indent: -20px;
    margin: 0 0 0 25px;
    word-break:keep-all; 
	word-wrap:break-word; 
}

.community_wrap .list{
    width: 100%;
    padding: 3rem 0 0 0;
    margin: 0;
}
.community_wrap .list li{
    width: 100%;
    padding: .3rem 0;
    font-size: 0.85rem;
    word-break:keep-all; 
	word-wrap:break-word; 
    text-indent: -30px;
    margin-left: 30px;
}
.community_wrap .list li.tt{
    font-family: 'ONE-Mobile-Title';
    font-size: 1.6rem;
    color: #009453;
    padding-bottom: 1rem;
}
.community_wrap .list li .no{
    display:inline-block;
    width: 20px;
    height: 20px;
    font-family: 'ONE-Mobile-Regular';
    font-size: 0.6rem;
    color: #fff;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    margin-left: 0;
    background-color: #009453;
    border-radius: 100%;
}
@media (max-width: 969px){
    .community_wrap{
        padding:0;
    }
}
@media (max-width:639px){    
    .community_wrap{
        padding:0 .5rem 3rem .5rem;
        margin:0;
        overflow-x: hidden;
    }
    .community_box>div{
        padding: 0rem;
        margin:0;
    }
    .community_box .item{
        width: 175px;
        height: 175px;
    }    
    .community_wrap .list_group .con>li,
    .community_wrap .list_group1 .con>li,
    .community_wrap .list_group2 .con>li,
    .community_wrap .list_group3 .con>li{
        padding: .3rem 1.5rem .3rem 0;
    }
    .community_wrap .list_group1 .pic img,    
    .community_wrap .list_group2 .pic img,    
    .community_wrap .list_group3 .pic img{
        padding: 0 2.5rem;
    }
    /*
    .community_wrap .list_group1 .tt,
    .community_wrap .list_group2 .tt,
    .community_wrap .list_group3 .tt{
        font-size: 1.3rem;
    }
    */
    .community_wrap .list_group1 .tt small,
    .community_wrap .list_group2 .tt small,
    .community_wrap .list_group3 .tt small{
        display:block;
        padding:.3rem 0 0 0;
        margin: 0 auto;
    }
    .community_wrap .list_group .con_arrow h1{
        font-size: 1.1rem;
    }
}



.reservation_wrap{
    width: 100%;
    padding: 0 0 2rem 0;
    margin: 0 auto; 
    font-family: 'S-CoreDream-4Regular';
    word-break:keep-all; 
	word-wrap:break-word;
}
.reservation_wrap .info{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.reservation_wrap .info li{
    width: 100%;
    padding: .15rem 0;
    margin: 0; 
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.75rem;
    color: #3d3d3d;
}
.reservation_wrap .info li.point{
    color: #e47105;
}
.reservation_wrap .sub_info{
    display: inline-block;
    width: 100%;
    padding: 2rem 0 0 0;
    margin: 0;    
}
.reservation_wrap .form_name{
    width: 100%;
    padding: 1rem;
    margin: 1rem 0 0 0;
    /* background-color: #3c9646;
    color: #fff; */
    text-align: center;
    /* border-radius: 1rem; */
    border: 2px solid #e48811;
    color: #000000;
    background-color: #fffbf8;
}
.reservation_wrap .form_name span{
    padding-right: 1rem;
    font-family: 'S-CoreDream-5Medium';
    font-size: .95rem;
}
.reservation_wrap .form_name input{
    /* background-color: #fff;
    border: 1px solid #fff; */    
    background-color: #fff;
    border: 1px solid #e0e0e0;
    /* border-radius: .2rem; */
    width: 50%;
    padding: 10px;
}
.reservation_wrap .form_tt{
    width: 100%;
    font-family: 'ONE-Mobile-Title';
    font-size: 1.7rem;
    color: #000;
    line-height: 2.5rem;
    padding: 2rem 0 .5rem 0;
    margin: 0;
}
.reservation_wrap .form_tt2{
    width: 100%;
    font-family: 'ONE-Mobile-Title';
    font-size: 1.2rem;
    color: #000;
    line-height: 2.5rem;
    padding: 2rem 0 .5rem 0;
    margin: 0;
}
.reservation_wrap .form{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    border-top:2px solid #11a325;
}
.reservation_wrap .form2{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 2px solid #c78e68; 
}
.reservation_wrap .form ul{
    display: inline-block;
    width: 100%;
    padding: .5rem 0;
    margin: 0;
    border-bottom:1px solid #f0f0f0;
}
.reservation_wrap .form li{
    float: left;
    padding: 0;
    margin: 0; 
    list-style:none;
}
.reservation_wrap .form li.th{
    width: 20%;
    padding-top: .5rem;
}
.reservation_wrap .form li.th2{
    width: 20%;
    padding-top: .2rem;
}
.reservation_wrap .form li.td{
    width: 80%;
}
.reservation_wrap .form .point{
    padding: .5rem 0 0 0;
    margin: 0;
    font-size: .75rem;
    color: #e47105;
}
.reservation_wrap input,
.reservation_wrap textarea{
    padding: .3rem;
    width: 100%;
    font-size:0.9rem;
    background-color: #ececec;
    border: 1px solid #ececec;
    border-radius: .2rem;
}
.reservation_wrap .tel{
    width: 20%;
}
.reservation_wrap .label_txt{
    margin-left: -2.0rem;
}
.reservation_wrap label{
    position: relative !important;
    margin-right: 2.5rem !important;
    padding: 0 0 0 1.5rem !important;
}
.reservation_wrap label input[type="radio"],
.reservation_wrap label input[type="checkbox"]{
    position: absolute !important;
    left: 0;
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    border-color: #ececec;
}
.reservation_wrap input[type="radio"]:checked{
    background-color:#30a740 !important;
    border-color:#30a740 !important;
}
.reservation_wrap select{
    padding: 0 1rem 0 .5rem;
    margin: 0;
    height: 35px;
    font-family: 'S-CoreDream-4Regular';
    font-size:0.8rem;
    background-color: #ececec;
    border: 1px solid #ececec;
    border-radius: .2rem;
    -webkit-box-shadow:  none;
    -moz-box-shadow:  none;
    box-shadow: none;
}
.reservation_wrap input:focus,
.reservation_wrap select:focus,
.reservation_wrap textarea:focus{
    outline:none;
    border-color:#30a740;
    background:#f5f8f4;
}
.reservation_wrap .form_name input:focus{
    outline:none;
    background:#ffebd8;
    border-color:#fadfc6;
}
.reservation_wrap .form_bt{
    width: 100%;
    padding: 2rem 0 0 0;
    margin: 0 auto;
    text-align: center;
}
.reservation_wrap .form_list{
    display: inline-block;
    width: 100%;
    padding: .2rem 0;
    margin: 0;    
}
.reservation_wrap .form_list li{
    float: left;
    padding: 0 .6rem .2rem .6rem;
    margin: 0; 
    list-style:none;
}
/* .reservation_wrap .form_list label{
    padding: 0 2rem 0 0;
} */
.reservation_wrap .form_list2{
    display: inline-block;
    width: 100%;
    padding: .2rem 0;
    margin: 0;
    text-align: left;
}
.reservation_wrap .form_list2 li{
    float: left;
    width: 25%;
    padding: 0 .6rem .2rem .6rem;
    margin: 0; 
    list-style:none;
    text-align: left;
}
.reservation_wrap .form_list2 input{
    display:inline-block;
    text-align: left;
}
.reservation_wrap .form_list3{
    float: left;
    width: 100%;
    padding: .2rem 0;
    margin: 0;   
    border-bottom: 1px solid #e9e9e9; 
}
.reservation_wrap .form ul:first-child{
    border-top: none;
}
.reservation_wrap .form_list3 li{
    float:left;
    padding: .2rem .6rem;
    margin: 0; 
    list-style:none;
    font-family: 'S-CoreDream-4Regular';
}
.reservation_wrap .form_list3 li.tt{
    width: 15%;
    padding-top: .4rem;
    font-family: 'S-CoreDream-5Medium';
    color: #af6d21;
    text-align: right;
}
.reservation_wrap .form_list3 li.txt{
    width: 85%;
}
.reservation_wrap table{
    width: 100%;
    border-collapse:collapse;
}
.reservation_wrap th{
    text-align: center;
    padding: .2rem;
    background-color:#e7d8c9;
    border: 1px solid #d8c8b9;
}
.reservation_wrap td{
    vertical-align: top;
    text-align: center;
    padding: .3rem;
    border: 1px solid #ececec;
}
.reservation_wrap td.tt{
    padding-top: .7rem;
}
.reservation_wrap td input[type="radio"]{
    margin-top: .45rem;
    width: 1.2rem;
    height: 1.2rem;
}
.reservation_wrap .form_list input[type="radio"]:checked,
.reservation_wrap .form_list2 input[type="checkbox"]:checked,
.reservation_wrap input[type="radio"]:checked{
    background-color:#30a740;
    border-color:#30a740;
}
.reservation_wrap .tab{
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.reservation_wrap .tab div{
    width: 33.33%;
    padding: 1rem 0;
    margin:0 -1px;
    font-family: 'ONE-Mobile-Title';
    /* font-family: 'ONE-Mobile-Regular'; */
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
    background-color: #c9c9c9;
    cursor: pointer;
}
.reservation_wrap .tab .on{
    background-color: #efb14f;
}
@media (max-width:800px){  
    .reservation_wrap .form ul{
        padding: .5rem 0;
    }
    .reservation_wrap .form li.th{
        width: 100%;
        padding: .1rem 0;
    }
    .reservation_wrap .form li.td{
        width: 100%;
        padding: .1rem 0;
    }  
    .reservation_wrap .form_list2 li{
        width: 50%;
        padding: 0 .3rem .2rem .3rem;
    }
    .reservation_wrap .tel{
        width: 30%;
    }
}
@media (max-width:639px){
    .reservation_wrap .form_list2 li{
        width: 50%;
        font-size:0.75rem;
        padding: 0 0 .2rem 0;
    }
}


/*메인*/
#idx_tab{padding-left:220px; position:relative;}
#idx_tab h2{display:none}
#idx_tab .tabs{position:absolute;top:0;left:0}
#idx_tab .tabs li{display: block; font-size:1.154em;margin: 0 0 15px;font-weight:500; line-height: 24px;color: #717989; text-align: left;cursor:pointer}
#idx_tab .tabs .current{color: #f05858;position: relative;text-decoration: underline;}
#idx_tab .sct_wrap{display:none}
#idx_tab .sct_wrap.current{display: block; }

#idx_review{background:#f8f9fa;text-align:center;padding:100px 0}
#idx_review h2{ text-align: center; font-size: 1.846em;margin: 0 0 20px;}
.review{max-width:1200px;margin:0 auto;}
.review .rv_li{margin:20px;background:#fff;opacity:0.5; position:relative;padding:40px;text-align:left;
-webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow:  0 1px 2px rgba(0, 0, 0, .1);
box-shadow:  0 1px 2px rgba(0, 0, 0, .1);}
.review .rv_li:hover {
-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .15);
-moz-box-shadow:0 5px 10px rgba(0, 0, 0, .15);
box-shadow:0 5px 10px rgba(0, 0, 0, .15);}
.review .slick-active{opacity:1}
.review .rv_hd{position:relative;padding-left:70px;line-height:25px;margin-bottom:20px}
.review .prd_img{position:absolute;top:0;left:0;}
.review .prd_img img{border-radius:50px}
.review .rv_tit{display:block;font-size:1.077em;font-weight:600}
.review .rv_prd{color:#717989}          
.review p{line-height:1.7em;min-height:80px}


@media (max-width:969px){
    #idx_tab{padding:10px}
    #idx_tab .tabs{position:relative}
    #idx_tab .tabs{position:relative;width:100%;margin-bottom:20px;text-align:center}
    #idx_tab .tabs li{display:inline-block;margin:0 10px 10px}
    #idx_tab .sct_wrap {margin:10px 0}

}
@media (max-width:639px){
    #idx_review{padding:80px 0}
    .review .rv_li{margin:8px}

}
/* 내용관리 */
#ctt {margin:10px 0;padding:10px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0; font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-size: 0.85rem;}
.ctt_img {text-align:center}

/* 하단 레이아웃 */
#ft {display:inline-block; margin-top: 50px; width: 100%; border-top: 1px solid #cbcbcb; background:#fff;position:relative; font-family: 'S-CoreDream-4Regular';}
.ft_notice{border-bottom:1px solid #282828}
.ft_wr{max-width:1200px;margin:0 auto;padding:30px 0;
    overflow: hidden;}
.ft_wr ul { width: 100%; padding: 0px; margin: 0px auto; display:flex; display:-webkit-flex; flex-wrap:wrap; }
.ft_wr ul li{
    display:flex;
    display:-webkit-flex;
    flex-direction: column;
    flex: auto;
    justify-content: flex-start;
    align-items: space-between;
    margin: 0px;
    padding: 0px;
    }
.ft_wr .ft_box {order: 1;}
.ft_wr .ft_box h2{color:#9f9f9f;font-size:1.154em;margin-bottom:25px}
.ft_wr .ft_box strong{display:block;color:#1b1b1b;margin-bottom:20px;font-size:0.95rem}
.ft_wr .ft_box p{color:#1b1b1b;line-height:1.7em;font-size:0.75rem;}
.ft_wr .ft_box p span{display:block; padding: 0; margin: 0;}
.ft_wr .ft_box p small{display:inline-block; margin-top: 20px; color: #929090; font-family: 'S-CoreDream-4Regular';}

.ft_wr .ft_tel {order: 2;}
.ft_wr .ft_tel .tt{font-size: 0.98rem; color: #1b1b1b; font-family: 'S-CoreDream-5Medium'; margin-bottom:20px;}
.ft_wr .ft_tel .tel{font-size: 1.5rem; color: #000; font-family: 'GmarketSansMedium'; margin-bottom:20px;}
.ft_wr .ft_tel .time1{font-size: 0.8rem; color: #1b1b1b; font-family: 'GmarketSansMedium'; margin-bottom:2px;}
.ft_wr .ft_tel .time2{font-size: 0.75rem; color: #818181; font-family: 'GmarketSansMedium'; margin-bottom:2px;}
.ft_wr .ft_tel .txt{font-size: 0.7rem; color: #a8a8a8; font-family: 'GmarketSansMedium';}

.ft_wr .ft_bank {order: 3;}
.ft_wr .ft_bank .tt{font-size: 0.98rem; color: #1b1b1b; font-family: 'S-CoreDream-5Medium'; margin-bottom:20px;}
.ft_wr .ft_bank .name{font-size: 0.85rem; color: #818181; font-family: 'GmarketSansMedium';}
.ft_wr .ft_bank .no{font-size: 1.2rem; color: #000; font-family: 'GmarketSansMedium'; margin-top:20px;}

.ft_wr .ft_menu {order: 4;}
.ft_wr .ft_menu a{ display: block; margin-bottom: 5px; font-size:.8rem;}
.ft_wr .ft_menu a:hover{ color: #000;}


.ft_wr1{background:#515955}
#ft_company{margin:0 auto;max-width:1200px;padding:2px 20px 6px 20px;color:#fff;text-align:right}
#ft_company:after {display:block;visibility:hidden;clear:both;content:""}
#ft_company a{display:inline-block;margin:0 10px;color:#fff; font-size: 0.6rem}
.ft_copy{float:left}

@media (max-width: 969px){
    .ft_wr{ width:100%; padding:0; margin:0;}
    .ft_wr ul li{width: 100%;}
    .ft_wr .ft_tel,
    .ft_wr .ft_bank{
        width: 50%;
        padding: 20px 10px;
        border-bottom: 1px solid #ececec;
    }
    .ft_wr .ft_menu{
        width: 100%;
        padding: 20px 10px;
        border-bottom: 1px solid #ececec;
        background: #e9e9e9;
    }
    .ft_wr .ft_box{
        order: 6;
        width: 100%;
        padding: 20px 10px;
    }
}
@media (max-width: 767.98px) {
    .ft_wr .ft_tel,
    .ft_wr .ft_bank,
    .ft_wr .ft_menu{
        width: 100%;
        padding: 20px 10px;
        border-bottom: 1px solid #ececec;
    }
}


#ft_to_top{position:fixed;bottom:10px;right:10px;width:40px;line-height:40px;background:#fff;opacity:0.6;text-align:center;border-radius:30px;
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);        
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
#ft_to_top:hover{opacity:1;
-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.09);        
-moz-box-shadow: 1px 1px 15px rgba(0,0,0,0.09);
box-shadow: 1px 1px 15px rgba(0,0,0,0.09)}


/* 목록 바로가기 */
.sanchor {margin:0 0 5px;padding:0}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;list-style:none;width:25%;border-top:2px solid #000;text-align:center;  overflow: hidden;  white-space: nowrap;letter-spacing:0.2em;font-size:0.93em}
.sanchor a {display:block;padding:10px;border-left:1px solid #ededed;border-bottom:1px solid #ededed;background:#fcfcfc;text-decoration:none;color:#484848}
.sanchor a:focus, .sanchor a:hover {background:#eee;text-decoration:none}
.sanchor a.sanchor_on {background:#fff;text-decoration:none;border-bottom:1px solid #fff;}

/* ####### 쇼핑몰 컨텐츠 ####### */

.st_bg{display: inline-block;width: 1px;height: 10px;margin: 0 10px;background: #e2e1e0;vertical-align: -1px;}
#listtype{margin:10px;}

#sod_chk {padding:15px 15px 0;}
.sod_list {padding:10px 0;}
.sod_list .sod_li {background:#fff;border: 1px solid #e7e8ef;margin:10px 0;}
.sod_list .li_name{line-height:1.3em;padding: 10px 10px;font-size:1.083em}
.sod_list .li_op_wr{position:relative;margin:10px;padding-left:90px;min-height:80px}
.sod_list .total_img{position:absolute;top:0;left:0}
.sod_list .mod_options{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 5px 0 0;}
.sod_list .li_prqty{margin:10px 10px ;border-top:1px solid #dcdcdc;padding:10px 0 0}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''}
.sod_list .li_prqty_sp{float:left;width:50%;display:block;line-height:20px;padding:0 7px;text-align :right;}
.sod_list .li_prqty_sp span{float:left}
.sod_list .prqty_sc,.sod_list .prqty_price{border-right:1px solid #dcdcdc}
.sod_list .total_price{background:#f5f5f5;border:1px solid #e2e2e2;display:block;clear:both;margin:10px;text-align:right;padding:5px 10px;line-height:20px}
.sod_list .total_price span{float:left}
.sod_list .total_price strong{font-size:1.25em;color:#7d8dff}
.sod_opt li {padding-left: 10px;background: url('../img/bullet.gif') no-repeat 3px 50%;color: #777;margin: 3px 0;line-height: 1.3em;}


#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li {padding:15px 0;border-bottom:1px solid #eee;margin:0 0 2px; position:relative; display: inline-block; width:100%;}
#sit_opt_added li .opt_name{line-height:18px;padding:0 0 10px}
#sit_opt_added li .opt_count:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #efb6b6;background:#fff;color:#f05858;font-size:0.92em}
#sit_opt_added button:hover{background:#f8ebeb;border-color:#f05858;color:#f05858}
#sit_opt_added .num_input {float:left;border:0;height:30px;width:40px;border-top:1px solid #efd7d7;border-bottom:1px solid #efd7d7;text-align:center;color:#333;}
#sit_opt_added .num_input:focus{background:#fffafa;color:#f05858}
#sit_opt_added .sit_opt_del{background:#f3f3f3;color:#aaa;border:1px solid #cfcfcf;margin-left:3px}
#sit_opt_added .sit_opt_prc{float:right;display:block;padding:0 3px;text-align:right;line-height:30px;font-weight:bold;}
#sit_opt_added .frm_input{border:0;height:30px;width:40px;border-top:1px solid #efd7d7;border-bottom:1px solid #efd7d7;text-align:center;color:#333;}
#sit_opt_added li>div{padding-top: 5px;}
/* 장바구니 */
#mod_option_frm{position:fixed;top:50%;left:50%;background:#fff;width:300px;max-height:300px;margin-left:-150px;margin-top:-150px;overflow-y:auto;z-index:99;border-radius:0 0 3px 3px;
-webkit-box-shadow:1px 5px 15px rgba(0,0,0,0.4);
-moz-box-shadow:1px 5px 15px rgba(0,0,0,0.4);
box-shadow: 1px 5px 15px rgba(0,0,0,0.4);}
#mod_option_frm h2{height:45px;line-height:45px;font-size:1.167em;border-bottom: 1px solid #eee;padding:0 15px}
#mod_option_frm  #sit_sel_option{margin:15px }
#mod_option_frm #sit_tot_price{margin:15px;line-height:30px }
#mod_option_frm  #sit_sel_option ul{background:#f3f3f3;border:0 }
#mod_option_frm h3{margin: 0 0 10px;color:#5772d5;}
#mod_option_frm .option_wr {margin:15px ; }
#mod_option_frm .option_wr label{margin: 0 0 5px;display:block}
#mod_option_frm .option_wr select{width:100%; height: 40px;border: 1px solid #d9d9d9;margin: 0 0 5px;}
#mod_option_frm .btn_confirm{margin:10px ; }
#mod_option_frm .btn_confirm .btn_submit{height:40px;font-weight:bold;width:100%;}
#mod_option_frm .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#999;font-size:1.25em}

#sod_bsk{padding:2rem 0 0 0; margin: 0 auto; width:100%; max-width: 1200px;}
#sod_bsk:after {display:block;visibility:hidden;clear:both;content:''}
#sod_bsk .btn_del_wr{margin:10px }
#sod_bsk .btn_del_wr .btn01{height:30px}
#sod_bsk .sod_ta_wr{padding:20px;}
#sod_bsk .go_shopping{margin: 10px;}
#sod_bsk .go_shopping .btn_b01{line-height:43px;font-size:1.167em;font-weight:bold;width:100%;text-align:center;display:block}
#m_sod_bsk_tot{padding:15px;background:#f3f3f3}
#sod_bsk #m_sod_bsk_tot  {background:none;padding:0}
#m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""}
#m_sod_bsk_tot dt{float:left;width:40%;padding:5px 0 ;line-height:20px;clear:both}
#m_sod_bsk_tot dd{float:left;width:60%;padding:5px 0;text-align:right;line-height:20px}
#m_sod_bsk_tot .sod_bsk_cnt{border-top:1px solid #ccc;font-weight:bold;margin-top:15px;line-height:25px}
#m_sod_bsk_tot .sod_bsk_cnt strong{font-size:1.25em}
#sod_bsk_act .btn_submit{height:45px;font-size:1.167em;font-weight:bold;width:100%;margin:10px 0;border-radius:50px}

.cart_list:after {display:block;visibility:hidden;clear:both;content:''}  
.cart_list .sod_li{background:#fff;border:1px solid #e7e8ef;border-bottom:1px solid #cbd0d5;margin:10px 0;position:relative;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.08);
box-shadow: 0 3px 6px rgba(0,0,0,0.08);}
.cart_list .sod_li:hover{border:1px solid #406fff;
-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.2);
-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.2);
box-shadow: 0 3px 15px rgba(0,0,0,0.2);}
.cart_list .sod_li:after {display:block;visibility:hidden;clear:both;content:''}  
.cart_list .li_op_wr{padding:20px;padding-left:140px;min-height:140px;position:relative}
.cart_list .li_name{padding:15px;border-bottom:1px solid #f3f3f3}
.cart_list .total_img {position:absolute;top:20px;left:20px}

.cart_list .li_prqty{background:#f8f9fa;padding:20px;float:left;width:75%}
.cart_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''}  
.cart_list .li_prqty_sp {display:block;width:25%;float:left;border-left:1px solid #eee;padding:0 10px;text-align:center;line-height:20px;}
.cart_list .li_prqty_sp:first-child{border-left:0}
.cart_list .li_prqty_sp span{display:block;color:#999;font-size:0.92em;margin-bottom:10px}
.cart_list .total_price{line-height:20px;background:#eef2f6;;color:#0074e9;padding:20px;float:left;width:25%;text-align:center}
.cart_list .total_price:after{display:block;visibility:hidden;clear:both;content:""}
.cart_list .total_price span{display:block;color:#999;font-size:0.92em;margin-bottom:10px}
.cart_list .mod_btn{padding:0 10px;height:30px;margin:20px 0;font-size:12px}

 @media (min-width: 970px){
    .sod_bsk_left{float:left;width:100%;padding:20px 0%;height:100%;}
    /* #sod_bsk{position:relative;padding:0} */
    /* #sod_bsk .sod_ta_wr{float:right;width:30%;height:100%;padding:40px;position:relative;z-index:9} */
    #sod_bsk .sod_ta_wr{float:left;width:100%;height:100%;padding:40px 0;position:relative;z-index:9; text-align: center;}
    #sod_bsk .sod_ta_wr.fixed{position:fixed;top:0;right:0;z-index:10}
    .cart_list .sod_li{margin:20px 0}
}

 @media (max-width: 969px){
    .cart_list .li_prqty{width:100%;padding:10px 0}
    .cart_list .total_price{width:100%;padding:15px}
    .cart_list .total_price span{display:inline-block;margin:0;color:#000;margin-right:10px;}
    /* #sod_bsk{padding:0} */
 }               
/* 주문서 작성 */
#sod_frm .od_prd_list{margin:20px 10px;background:#fff;}
.od_prd_list .td_chk{border-left:0;}
.od_prd_list .td_prd{border-left:0;position:relative;padding-left:100px;min-height:100px}
.od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:10px}
.od_prd_list .td_prd .sod_name{min-height:80px}
.od_prd_list .td_prd .prd_name{font-size:1.167em}
.od_prd_list .total_prc{color:#ff006c;font-weight:bold;font-size:1.167em}
@media (max-width: 969px){
    .od_prd_list td{font-size: 0.8rem;}
    /* .od_prd_list .td_prd{padding-left:0px;}
    .od_prd_list .td_prd .sod_img{position:relative;top:0px;left:0px} */
    .od_prd_list .col_pc{display: none;}
}

#sod_frm_orderer{padding:20px}
#sod_frm_taker{padding:20px}
#sod_frm_taker h2,#sod_frm_orderer h2{margin:10px 0;font-size:1.25em}
.odf_list label,.odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:normal}
.odf_list .frm_input{width:100%;margin:0 0 5px}
.odf_list .dlv_slt div {background:#fff;border:1px solid #ccc;margin:5px 0;padding:10px}
.odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000}
#order_address{display:block;width:80px;text-align:center;border: 1px solid #3476be;color: #3476be;;height:30px;line-height:28px;margin:5px 0 0;background:none}
.odf_list .ad_default{display:inline-block;margin:0}
.odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px;}
.odf_list .add_num{position:relative;display:block;}
.odf_list  textarea{border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;width:100%;height:70px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
#m_sod_frm_paysel {margin:10px 0 ;}
#m_sod_frm_paysel ul {margin:0 0 ;background:#fff;padding:0 0 10px;}
#m_sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_frm_paysel li {float:left;padding:5px ;width:46%;height:25px}
#m_sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;}
#m_sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;}
#m_sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;}
#m_sod_frm_paysel .inicis_kakaopay{background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}
#m_sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}
#m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url('../../../img/samsungpay.png') no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px}

#sod_frm .sod_ta_wr{background: #f3f3f3;}
#sod_frm .btn_confirm{padding:0 20px 20px;background:#f3f3f3;margin:0 0 10px}
#sod_frm .btn_submit{width:100%;height:45px;font-size: 1.167em;font-weight: bold;margin:5px 0;border-radius:30px}
#sod_frm .btn_cancel,#sod_frm .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight: bold;padding:0;border-radius:30px}

#sod_frm_pay{padding:20px ;background:#f3f3f3}
#sod_frm_pay h2{margin:10px 0;font-size:1.25em}
#sod_frm_pay .cp_btn1,#sod_frm_pay .cp_cancel1{margin-top:0}
.odf_tbl{position:relative}
.odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #eee;background:#fff}
.odf_tbl table th{border:1px solid #eee;border-right:0;padding: 10px;text-align:left;width:120px;font-weight:normal}
.odf_tbl table td{border:1px solid #eee;border-left:0;padding:7px 10px;text-align:right}

#sod_frm_pt_alert{margin:10px 0;color:#328abd;}

.sod_frm_point {margin-top:10px;clear:both;background:#fff}
.sod_frm_point div{background:#fff;border-bottom:1px solid #eee;padding:10px;text-align:right}
.sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div label{float:left;line-height:30px}
.sod_frm_point div span{display:block;font-size:0.92em}
.sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div strong{float:left;color:#666;font-weight:normal}
.sod_frm_point #od_temp_point{height:30px;border:1px solid #ccc;text-align:right}

#settle_bank{background:#fff;border-bottom:1px solid #ccc;padding:10px;text-align:right; clear:both}
#settle_bank select{height:30px;margin:0 0 5px;width:100%;}
#settle_bank #od_deposit_name{height:30px;border:1px solid #ccc;text-align:center;}
#settle_bank label{float:left;line-height:30px}
#sod_frm_pt_info{border-bottom:1px solid #ccc}
.od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;border:1px solid #eee;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
box-shadow: 1px 1px 5px rgba(0,0,0,0.4);}
.od_coupon h3{height:45px;line-height:45px;font-size:1.167em;padding:0 15px;text-align:left}
.od_coupon .tbl_head02{margin:0 15px 15px}
.od_coupon .tbl_head02 .btn_frmline {background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px }
.od_coupon .tbl_head02 td{text-align:left;background:#fff !important;border-right:0}
.od_coupon .tbl_head02 th{width:auto !important;border-left:0}
.od_coupon .tbl_head02 .td_mngsmall{width:60px;text-align:center}
.od_coupon .tbl_head02 .td_numbig{width:80px;text-align:right}
.od_coupon .btn_confirm{margin:20px ; }
.od_coupon .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:bold;width:100%;}
.od_coupon .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#333;font-size:1.25em}

.cp_btn ,.cp_btn1{padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:5px 0 0 }
.cp_apply{background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px }
.cp_cancel,.cp_cancel1 {padding:0 7px;border:1px solid #aaa;color:#666;background:#fff;height:23px;line-height:21px;margin:10px 0 0 2px;}

#sod_frm_escrow{margin:10px;}
#sod_frm_escrow h2{font-size:1.25em}
#od_pay_sl h3{font-size:1.25em}

.sod_left{display: table-cell;width:65%;padding:0 10px;vertical-align:top;}
.sod_right{display: table-cell;width:35%;background:#eceff4;padding:20px;vertical-align:top;height:100%}
.sod_right #sod_frm_pay{padding:0 ;background:transparent}
 #sod_frm .sod_right .btn_confirm{padding:0 ;background:transparent;margin:20px 0}
 @media (max-width: 969px){
    .sod_left,.sod_right{
        display: block;
        width: 100%;
        font-size: 0.8rem;
    }
 }

/* 쿠폰 */
#scp_list li{position:relative;padding: 0}
#scp_list .li_pd{position:relative;padding:10px}
#scp_list .li_title{font-weight:bold;font-size:1.167em;}
#scp_list .pd_price{position:absolute;top:10px;right:10px}
#scp_list .pd_price strong{color:#ff006c;font-size:1.5em;}
#scp_list .li_target{color:#666;margin:5px 0 0;background:#f3f3f3;border-top:1px dotted #ccc;padding:5px 10px;}
#scp_list .pd_date{float:right;color:#777}

/* 배송지 목록 */
#sod_addr ul {margin:0;padding:0;list-style:none}
#sod_addr li {position:relative;padding:0;border-bottom:1px solid #e9e9e9}
#sod_addr .addr_title{border-bottom:1px solid #ddd;padding:10px 10px 10px 30px;}
#sod_addr .ad_subject{height:30px ;border:1px solid #bbb;width:100%;padding:0 10px}
#sod_addr .ad_chk{position:absolute;top:17px;left:10px}
#sod_addr .addr_info{padding:15px}
#sod_addr .addr_name{margin:0 0 10px;font-weight:bold;font-size:1.083em}
#sod_addr .addr_addr{line-height:1.5em;margin:5px 0;}
#sod_addr .addr_tel{margin:5px 0;color:#666}
#sod_addr .fa-mobile{font-size:14px}
#sod_addr .addr_btn{border-radius:0 0 3px 3px;padding:10px}
#sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sod_addr .sel_address{width:32%;float:left;margin-right:1%;height:30px;background:none;border:1px solid #333;color:#333;;padding:0 5px;}
#sod_addr .del_address{display:block;width:32%;text-align:center;float:left;margin-right:1%;border:1px solid #aaa;background:none;color:#888;padding:0 5px;height:30px;line-height:28px;vertical-align:middle}
#sod_addr input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;}
#sod_addr .add_lb {display: inline-block;float:left;width:32%;text-align:center;border:1px solid #4162ff;color:#4162ff;height:30px;line-height:28px}
#sod_addr input[type="radio"]:checked+.add_lb {z-index:3;background:#4162ff;color:#fff;}

/* 주문내역 */
#sod_v {margin:0 20px}
#sod_v .td_stat {width:100px}
#sod_v_info {margin:0 0 10px;padding:10px;background:#e6d5d2;color:#883d1a;text-align:center;border-bottom:1px solid #c3bcb1}

/* 주문상세내역 */
.sod_fin_list .sod_ta_wr{padding:15px;background:#f3f3f3}
.sod_fin_list h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
.sod_fin_list .prqty_stat{position:absolute;top:0;right:0;padding:3px 5px;background:#6583c5;color:#fff}
.sod_fin_list .li_opt{color: #777;margin: 3px 0;line-height: 1.3em;padding-right:50px}
#sod_sts_wrap{margin:0 0 10px}
#sod_sts_explan_open{padding: 0 10px;height: 30px;border: 1px solid #eee;;color: #333;background:none}
#sod_sts_explan{display:none}
#sod_fin_legend{background:#f7f7f7;;margin:0 0 10px;padding:10px;line-height:20px}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_legend dt{float:left;width:20%}
#sod_fin_legend dd{float:left;width:80%}
#sod_fin_view{margin:20px 0;}
#sod_fin_view h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_view h3{font-size:1.167em;margin:20px 0 10px}

#sod_fin_no{border:2px solid #b9b9b9;background:#f3f3f3;;color:#444;text-align:center;padding:10px}
#sod_fin_no strong{font-size:1.167em}

#sod_fin_tot{margin:10px 0}
#sod_fin_tot h2{font-size:1.167em;margin:20px 0 10px}
#sod_fin_tot ul{margin:0;padding:0;list-style:none}
#sod_fin_tot li{padding:10px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;zoom:1}
#sod_fin_tot li:after{display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy{border-bottom:0 !important}
#sod_fin_tot #alrdy .right{margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em}
#sod_fin_tot #alrdy .right p{position:relative}
#sod_fin_tot #alrdy .right .title{position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right}

#sod_fin_cancel{margin:10px 0;}
#sod_fin_cancel h2{position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {height:40px;border:1px solid #5e6b6f;font-weight:bold;width:100%;background:none;color:#5e6b6f;border-radius:30px}
#sod_fin_cancel p{text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold}
#sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px}
#sod_fin_cancelfrm .frm_input {background:#fff;margin: 0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline{background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer}
#sod_fin_test {padding:10px}
#sod_fin{margin:20px}

/* 마이페이지 */
#smb_my {position:relative;max-width:1200px;margin:0 auto;padding:0 20px}

#smb_my_ov{background:#fff;border:1px solid #e6e6e6;margin:0 0 15px;}
#smb_my_ov .hello_name{background:#f8f8f8;text-align:center;padding-bottom:20px;border-bottom:1px solid #e6e6e6;position:relative;}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .my_img{display:inline-block;border-radius:50%;overflow:hidden;position:relative;margin:35px 0 0;
-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 6px 10px rgba(0,0,0,0.1);
box-shadow:0 6px 10px rgba(0,0,0,0.1);}
#smb_my_ov .btn_edit{position:Absolute;bottom:0;left:0;width:100%;background:#959595;line-height:23px;color: #fff;}
#smb_my_ov .btn_edit:hover{background:#d25959;color:#fff}
#smb_my_ov .my_name{margin:10px 0}
#smb_my_ov .btn_out{position:absolute;top:0;right:0;background:#fff;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-radius:0 0 0 5px;padding:0 5px;line-height:22px;font-size:11px;color:#777}

#smb_my_wr {min-height:560px}

.my_cou_wr{border-bottom:1px solid #e6e6e6;font-weight:bold;}
.my_cou_wr:after {display:block;visibility:hidden;clear:both;content:""}
.my_cou_wr .my_cou{float:left;width:50%;border-right:1px solid #e6e6e6;text-align:center;padding:10px 0}
.my_cou_wr .my_po{float:left;width:50%;text-align:center;padding:10px 0}
.my_cou_wr img{padding:5px 0 0;width:23px;height:auto;}
.my_cou_wr a{color:#d63154}
.my_cou_wr span{display:block;line-height:20px;color:#000}

.my_info{padding:0 10px;line-height:18px}
.my_info dt{border-top:1px solid #e6e6e6;color:#5366ae;padding:10px 0 0;font-size:0.92em}
.my_info dd{padding:0 0 10px;}
.my_info dt:first-child{border:0}

.btn_my_if{width:100%;border:0;background:#fff;padding:10px;background:#f3f3f3}

#smb_my_od{margin:0 0 50px;padding: 0}
#smb_my_od h2{margin:0 0 10px;font-size:1.25em;font-weight:500}
#smb_my_wish{margin:0 0 35px}
#smb_my_wish h2{margin:0 0 10px;font-size:1.25em;font-weight:500}
#smb_my_wish ul:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_wish li{float:left;width:25%;padding:5px}
#smb_my_wish li img{width:100%;height:auto;}
#smb_my_wish li  a{display:block;margin:5px 0;font-weight:bold}
#smb_my_wish .empty_list{width:100%;padding:100px 0}

@media (min-width: 970px){
    #smb_my_ov{position:absolute;top:0;left:0;width:280px}
    #smb_my {padding:10px;padding-left:300px}
    .btn_my_if{display:none;}
}
@media (max-width: 969px){
    .my_info{display:none}
}
@media (max-width:  640px){
        #smb_my_wish li {width:50%}

}

/* 위시리스트 */
#sod_ws {margin:0 20px;}
#sod_ws li{background:#fff;border:1px solid #eee;margin:10px 0;position:relative;border-radius:3px}
#sod_ws .wish_img{ position: absolute;top: 50%;left: 20px;z-index: 10;width: 70px;height: 70px;margin-top: -35px;border-radius:50%;overflow:hidden;z-index:4}
#sod_ws .wish_info{padding:15px 15px 15px 100px;min-height:90px}
#sod_ws .wish_chk{position:absolute;top:5px;left:5px;z-index:9}
#sod_ws .info_date{color:#777;display:block;font-size:0.92em;margin:5px 0 0}
#sod_ws .wish_prd{display:block;font-weight:bold;font-size:1.083em}
#sod_ws .wish_del{position:absolute;bottom:10px;right:10px;}
#sod_ws .wish_del a{display:block;width:30px;height:30px;line-height:30px;background:#eee;border-radius:3px;color:#777;text-align:center;font-size:1.25em}
#sod_ws .sold_out{display:inline-block;padding:3px 5px;background:#ff0000;color:#fff}

#sod_ws_act {text-align:center;margin:10px 0;}
#sod_ws_act:after {display:block;visibility:hidden;clear:both;content:''}
#sod_ws_act .btn01{float:left;width:49%;height: 50px;background: #d50c0c;font-weight: bold;border: 0;color: #fff;font-weight: bold;font-size:1.25em}
#sod_ws_act .btn02{float:right;width:49%;height: 50px;border: 1px solid #d50c0c;color: #d50c0c;font-weight: bold;background: #fff;font-weight: bold;font-size:1.25em;}

/* 주문내역 include  */
#sod_inquiry li:after {display:block;visibility:hidden;clear:both;content:''}
#sod_inquiry li {background:#fff;border:1px solid #eee;padding:15px;margin-bottom:10px;position:relative;border-radius:5px}
#sod_inquiry li .idtime_link{font-weight:500}
#sod_inquiry li .idtime_time{position:absolute;top:15px;right:15px;color:#999}
#sod_inquiry li .inquiry_name{margin:10px 0;color:#666;font-weight:300}
#sod_inquiry li .inquiry_price{font-weight: bold;margin: 10px 0 0;color:#7d8dff;position:absolute;bottom:16px;left:16px}
#sod_inquiry li .inv_status{display:block;text-align:center;float:right;margin-top:5px;font-size:12px;}
#sod_inquiry li .inv_inv{margin:10px 0 0;display:block;border:1px solid #c4c5cc;color:#666}
#sod_inquiry li .inv_inv i{width:30px;height:30px;line-height:30px;background:#f3f3f3;text-align:center;color:#555;font-size:15px;margin-right:5px}

.status_01{display:block;background:#fda83c;color:#fff;line-height:25px;padding:0 10px;border-radius:30px}
.status_02{display:block;background:#ff6f6f;color:#fff;line-height:25px;padding:0 10px;border-radius:30px;}
.status_03{display:block;background:#5bd085;color:#fff;line-height:25px;padding:0 10px;border-radius:30px;}
.status_04{display:block;background:#6fa8ff;color:#fff;line-height:25px;padding:0 10px;border-radius:30px;}
.status_05{display:block;background:#333;color:#fff;line-height:25px;padding:0 10px;;border-radius:30px;}
.status_06{display:block;background:#f3f3f3;border:1px solid #ddd;color:#666;line-height:25px;font-weight:bold;padding:0 10px;;border-radius:30px;}


/* 주문상세내역 중 현금영수증 발급 */
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left;}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;font-size:0;line-height:0;overflow:hidden;left:0}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position: relative;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.9rem;letter-spacing:-0.1em}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;font-size:0.8rem; vertical-align:middle}
.btn_cke_sc_close{padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;font-size:0.8rem; vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center; font-size:0.8rem;}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 5px;font-weight:bold}

/* 버튼 */
.btn{display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px;font-weight:500;border-radius:30px}
.btn_m{display:inline-block;padding:0 20px;height:40px;line-height:40px;border-radius:3px;font-weight:500;border-radius:30px}
.btn_l{display:inline-block;padding:0 35px;height:55px;line-height:50px;border-radius:3px;font-weight:500;border-radius:30px}

.btn01 {display:inline-block;padding:0 7px;;border: 1px solid #dce1e4;background:#fff;color:#7d7c90;text-decoration:none;vertical-align:middle;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
.btn01:focus, .btn01:hover  {color:#4c497c;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {background:#f05858;color:#fff;text-decoration:none;vertical-align:middle;border:0;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
.btn_submit:hover {background:#ff3a3a;color:#fff;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}
.btn_top{margin:10px;text-align:right}
.btn_top li{display:inline-block}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#fff;border:1px solid #dee3ed;color:#7d7c90;text-decoration:none;vertical-align:middle;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
.btn_b01:hover, .btn_b01:hover {color:#4c497c;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
a.btn_b02 ,.btn_b02{display:inline-block;background:#f05858;color:#fff;text-decoration:none;vertical-align:middle;border:0;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
a.btn_b02:hover, .btn_b02:hover {background:#ff3a3a;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
a.btn_b03, .btn_b03{display:inline-block;background:#fff;color:#f05858;border:1px solid #f05858;text-decoration:none;vertical-align:middle;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
a.btn_b03:hover, .btn_b03:hover {
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
a.btn_admin {display:inline-block;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */


/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 table{border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:6px 0;border-bottom:1px solid #d3d3d3;background:#f3f3f3;color:#383838;font-size:1.0rem;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:6px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;font-size:0.85rem;line-height:1.5em;word-break:break-all}
.tbl_head01 td:first-child{border-left:0}

.tbl_head02 {margin:15px}
.tbl_head02 caption  {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:7px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;background:#f3f3f3;color:#333;font-size:0.95em;text-align:center;}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

.tbl_head03 {margin:0 0 10px}
.tbl_head03 table{border-bottom:1px solid #d8dee1}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:17px 0;background:#fff;border-bottom:1px solid #d9e0e7;border-top:1px solid #d9e0e7;font-size:0.95em;text-align:center;letter-spacing:-0.1em;color: #8d9da9;font-weight: normal;}
.tbl_head03 thead th:first-child{border-radius:5px 0 0 0}
.tbl_head03 thead th:last-child{border-radius:5px 0 0 0}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-bottom:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1pxfsolid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {padding:15px 5px;border-top:1px solid #f3f3f3;line-height:1.5em;word-break:break-all;;}
.tbl_head03 tr:nth-child(odd){background:#f9fafa} 

/* 폼 테이블 */
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left;font-weight:300}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px;width:100%}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 기본리스트 */
.list_01{padding:0 20px;}
.list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px;
-webkit-box-shadow:  0 1px 4px #cbd1df;
-moz-box-shadow:  0 1px 4px #cbd1df;
box-shadow: 0 1px 4px #cbd1df;
}

/* 기본폼 */
.form_01{margin:10px}
.form_01 div{margin:5px 0;position:relative}
.form_01 li{margin:5px 0;position:relative}
textarea, .frm_input,select {border:1px solid #e1e6eb;background:#fff;color:#000;vertical-align:middle;
-webkit-box-shadow:  0 2px 2px #f3f3f3;
-moz-box-shadow:  0 2px 2px #f3f3f3;
box-shadow: 0 2px 2px #f3f3f3;}
textarea:focus, .frm_input:focus, select:focus{outline:none;border-color:#f05858;background:#f8f4f4}
textarea {width:100%;height:100px;padding:10px;}
 .frm_input{height:45px;padding:0 10px}
.full_input{width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
select{height:45px;padding:0 10px}
.form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}
@media (max-width: 969px){
    .tbl_frm01 th{font-size:0.8rem; font-weight: 500;}
    .tbl_frm01 td{font-size:0.8rem;}
    .frm_input{width:100%;}
}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center !important;color:#666 !important}
.empty_list {padding:50px 0 !important;text-align:center !important;color:#666 !important}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:100px}
.grid_3 {width:120px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_chk {width:50px;text-align:center}
.td_group {width:100px;text-align:center}
.td_board {width:120px;text-align:center}
.td_statsmall {width:50px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:100px;text-align:left}
.td_date {width:50px;text-align:center}
.td_datetime {width:170px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_stat {text-align:center}

/* 새창 기본 스타일 */
.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px 20px;line-height: 30px;color: #333;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px 20px}

.new_win .win_ul {margin:10px 20px}
.new_win .win_ul li{display:inline-block;}
.new_win .win_ul li a{display: block;line-height: 24px;padding: 0 10px;}
.new_win .win_ul li .selected {background: #4162ff;color: #fff;border-radius: 13px;
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
box-shadow: 0 0 8px rgba(65,98,255,0.8);}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff}
.new_win .win_btn {clear:both;margin:10px;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {width:100%;height:40px;line-height:40px;border-radius:3px;margin:4px 0 0 0;display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-family: 'S-CoreDream-5Medium';}
.new_win .win_btn .btn_submit{width:100%;height:40px;line-height:40px;border-radius:3px;margin:10px 0 0 0;display:inline-block;font-family: 'S-CoreDream-5Medium';}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰*/
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:5px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:10px 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current, .qa_page  {display:inline-block;padding:0 10px;min-width:40px;border-radius:33px;height:40px;color:#9f9f9f;line-height:40px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none;background-color:#f3f3f3}
.pg_page,.qa_page {background:#fafafa;}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#f05858;color:#fff;font-weight:normal;line-height:40px;}

/* 상품상세 메뉴 floating */
#info_top_layer {display:none;position:absolute; top:0; left:0; width:100%; background-color: #eee;}
#form_btn_layer { display:none;position:absolute; top:0; left: 0; width: 100%; height: 60px; background-color: #eee;}

/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {text-align:left;}

/*배송지목록*/
#sod_addr .win_desc{padding:10px 20px}

/*쇼핑몰레이아웃*/
#fregisterform{margin:10px}
#bo_w {padding:10px}
#sit_sms_new #sms_agree{padding:10px 20px !important}

/*이벤트*/
#sev_hhtml,#sev_thtml{padding:10px}
#sev_hhtml img,#sev_thtml img{width:100%}

/*네이버페이*/
.naverpay-item{padding-top:15px;clear:both}
#sod_bsk_act .naverpay-cart{margin-top:15px;clear:both;position:static}

/*PC 주문서*/
#sod_frm_orderer .tbl_frm01,#sod_frm_taker .tbl_frm01{background:#fff;padding:10px 0;}
#sod_frm_orderer table th,#sod_frm_taker table th{border:0;padding:10px 5px;}
#sod_frm_orderer table td,#sod_frm_taker table td{border:0;padding:5px 10px;vertical-align:middle}

#od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;}
#od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3}

#sod_frm_paysel label{display:inline-block;width:50%;text-align:left}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}

#sod_frm  #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0}
#sod_frm  #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:500}
#sod_frm  #sod_bsk_tot .sod_bsk_sell,#sod_frm  #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1}
#sod_frm  #sod_bsk_tot .sod_bsk_point,#sod_frm  #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right}
#sod_frm  #sod_bsk_tot .sod_bsk_point span,#sod_frm  #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0;font-weight:500}
#sod_frm  #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em}
#sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse}
#sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777;font-weight:500}
#sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff}
#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px}
#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;}
#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px}
#od_tot_price span{float:left;font-weight:bold}
#od_tot_price strong{font-size:1.5em;color:#ff006c}

.btn_address{background:#70aff2;border:1px solid #3476be;height:40px;color:#fff;padding:0 10px;font-size:1.083em;font-weight:bold}

/*개인결제 폼*/
#m_sod_frm_orderer {margin:10px;}
#m_sod_frm_orderer h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#m_sod_frm_orderer ul{background:#fff;margin:10px 0;border-bottom:1px solid #ccc;padding:10px 15px}
#m_sod_frm_orderer li{line-height:20px}
#m_sod_frm_orderer th{width:80px}
#m_sod_frm_orderer td .frm_input{width:100%}
#m_pv_sod_frm .btn_confirm{margin:10px}
#m_pv_sod_frm .btn_confirm .btn_submit{width:100%;height: 45px;font-size: 1.167em;font-weight: bold;margin:0 0 3px;}
#m_pv_sod_frm .btn_confirm .btn_cancel{width:100%;height: 45px;line-height: 43px;font-size: 1.167em;font-weight: bold;padding:0}


@media (max-width: 969px){
    #sod_frm_pay .pay_tbl th{font-size:0.8rem; font-weight: 500;}
    #sod_frm_pay .pay_tbl td{font-size:0.8rem;}
}



.main_bg{
    float: left;
    width: 100%;
    padding: 200px 0px 150px 0px;
    margin: 0px auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main_wrap{
    width: 100%;
    max-width: 1200px;
    padding: 0px 0px;
    margin: 0px auto;
    text-align: center;
}
.main_wrap>div{
    float: left;
    padding: 0px;
    margin: 0;
}
.main_wrap .banner{
    position:relative;
    width: 450px;
}
.main_wrap .banner .img{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.main_wrap .banner img{
    width: 100%;
}
/*메인배너*/
#main_bn{width:100%;z-index:1;position:relative}
#main_bn ul li {-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
#main_bn ul li img{ width:100%;}
#main_bn .bn-img{display:block;height:100%;width:100%;background-size:100% 100%;background-position:top center;
background-size:cover; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; }
#main_bn .active{opacity:1}
#main_bn .bn-txt-wr{display:table;height:100%;width:100%;margin:0 auto;max-width:1200px;position:relative;z-index:20;text-align:left}
#main_bn .bn-txt{display:table-cell;vertical-align:middle;padding:0 50% 0 20px;font-size:4em;font-weight:bold;word-break: keep-all;color:#fff;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.2);
text-shadow: 0 1px 2px rgba(0,0,0,0.2);}
#main_bn .btn_detail{text-indent:-999px;font-size:0;;overflow:hidden;text-align:center;background:url(img/btn_detail.png) 50% 50%  no-repeat;width:118px;height:44px;margin-top:40px;display:block;border-radius:30px; opacity:0.9;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
#main_bn .btn_detail:hover{ ; opacity:1;
-webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
box-shadow: 0 6px 10px rgba(0,0,0,0.2);}
#main_bn .bx-controls{position:absolute;bottom:0;left:0;width:100%;text-align:center; }
#main_bn .bx-pager{position:absolute;bottom:20px;left:50%;width:200px;margin-left:-100px;text-align:center;z-index:99}
#main_bn .bx-pager-item{display:inline-block;padding:0 8px}
#main_bn .bx-pager-link {display:block;background:#fff;opacity:0.5;border-radius:5px;width:6px;height:6px;text-indent:-999px;overflow:hidden}
#main_bn .active {opacity:1;
-webkit-box-shadow: 0 0  8px 5px rgba(255,255,255,0.6);
-moz-box-shadow:  0 0  8px 5px rgba(255,255,255,0.6) ;
box-shadow: 0 0  8px 5px rgba(255,255,255,0.6);}
#main_bn .bx-prev{position:absolute;top:50%;left:0;margin-top:-62%;width:40px;height:40px;text-indent:-999pc;overflow:hidden;background:url('/img/btn_prev.png') no-repeat 50% 50%;opacity:0.7}
#main_bn .bx-next{position:absolute;top:50%;right:0;margin-top:-62%;width:40px;height:40px;text-indent:-999pc;overflow:hidden;background:url('/img/btn_next.png') no-repeat 50% 50%;opacity:0.7}
#main_bn .bx-next:hover,#main_bn .bx-prev:hover{opacity:1}
@media (max-width: 919px){
     #main_bn .bn-txt{font-size:3em;padding:0 30% 0 5%;}
}
@media (max-width: 639px){
     #main_bn .bn-txt{font-size:2em;}
     #main_bn .btn_detail{height:38px;width:90px;margin-top:20px;background-size:cover}
}


.main_wrap .icon{
    width: 450px;
    padding: 0px 10px;    
}
.main_wrap .icon .box{
    display: flex;   
    flex-wrap: wrap;
    justify-content: flex-start; 
    margin:0 auto; 
    padding:0; 
    width:100%; 
}
.main_wrap .icon .box .item{   
    position: relative;
    flex-basis: 50%;
    align-self: center;
    padding: 40px 10px 0px 10px;
    margin: 0px auto;
    height: 260px;
    text-align: center;
    cursor: pointer;    
	transition: all .2s ease;
    overflow: hidden;
}
.main_wrap .icon .box .item .arrow{
    position: absolute;
    left:50%;
    bottom: -50px;
    padding-top: 20px;
    transform: translateX(-50%);
	transition: all .4s ease;
}
.main_wrap .icon .box .item .arrow span{
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.6rem;

    color: rgb(0,0,0, .5);
    border-bottom: 1px solid rgb(0,0,0, .2);

    /* color: #fff;
    background-color: #000;
    border-radius: 100%;
    padding: 10px 5px;
    opacity: .8; */    
}
.main_wrap .icon .box .item:hover{
    padding: 20px 10px;
}   
.main_wrap .icon .box .item:hover .arrow{
    bottom: 30px;
}
.main_wrap .icon .bg1 {
    background-color: #fff;
}
.main_wrap .icon .bg2 {
    background-color: #fb7819;
}
.main_wrap .icon .bg3 {
    background-color: #149659;
}
.main_wrap .icon .bg4 {
    background-color: #f7fd96;
}
.main_wrap .icon .img{
    padding: 10px 0px 5px 0px;
}
.main_wrap .icon .tt{
    padding: 20px 0px 15px 0px;
    font-size:1.2rem;
}
.main_wrap .icon .txt{
    font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
    font-size:0.7rem; 
    letter-spacing: -1; 
    word-break:keep-all; 
	word-wrap:break-word;
    padding-right: 1.0rem;
    padding-left: 1.0rem;   
}
.main_wrap .icon .bg1 .tt,
.main_wrap .icon .bg4 .tt{
    font-family: 'S-CoreDream-9Black';
    color: #0d7933;
}
.main_wrap .icon .bg1 .txt,
.main_wrap .icon .bg4 .txt{
    color: rgb(13, 120, 50, 0.5);
}
.main_wrap .icon .bg2 .tt,
.main_wrap .icon .bg3 .tt{
    font-family: 'S-CoreDream-6Bold';
    color: #fff;
}
.main_wrap .icon .bg2 .txt,
.main_wrap .icon .bg3 .txt{
    color: rgba(255, 255, 255, 0.5);
}

.main_wrap .counsel{
    width: 300px;
    height: 520px;
    padding: 25px 30px 0px 30px;
    background-color: #0f65cf;
}
.main_wrap .counsel ::placeholder {
    font-size: 0.7rem;
    color: rgb(255,255,255, .4);
    opacity:1;
}
.main_wrap .counsel .tt{
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.3rem;
    color: #fff;
    padding: 0px 0px 15px 0px;
    margin: 0;
}
.main_wrap .counsel .tt span{
    font-family: 'S-CoreDream-1Thin';
}
.main_wrap .counsel input,
.main_wrap .counsel select,
.main_wrap .counsel textarea{
    width: 100%;
    border: 1px solid rgb(255,255,255, .1);
    background-color:transparent;
    padding: 8px 10px;
    margin: 1px 0px;
    font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
    font-size: 0.75rem;
    color: #fff;
	box-shadow: none;
	outline: 0 !important;
}
.main_wrap .counsel input:focus,
.main_wrap .counsel select:focus,
.main_wrap .counsel textarea:focus{
    border: 1px solid rgb(255,255,255, .3);
}
.main_wrap .counsel label{
    position: relative;
    padding: .7rem 0 0 1.5rem;
    margin:0;
}
.main_wrap .counsel label>input {
    position: absolute;
    left: 0;
    top: .5rem;
    width: 18px;
    height: 18px;
    border: 3px solid rgb(255,255,255, .3);
    background-color: #0f65cf;
	box-shadow: none;
	outline: 0 !important;
}
.main_wrap .counsel select{
    width: 100%;
    height: 33px;
    border: 1px solid rgb(255,255,255, .1);
    background-color: #0f65cf;
    padding: .6em 2em .5em .5em;
    margin: 1px 0px;
    font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
    font-size: 0.7rem;
	box-shadow: none;
	outline: 0 !important;
    color: rgb(255,255,255, .4);
    /* -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; */
}
.select_on{
  color: rgb(255,255,255, 1) !important;
  background-color: #0f65cf !important;
}
.main_wrap .counsel select option {
    color: #fff;
    font-size: 0.75rem;
    border: none;
	outline: 0 !important;
}
.main_wrap .counsel textarea{
    height: 50px;
}
.main_wrap .counsel button{
    width: 100%;
    font-family: 'S-CoreDream-6Bold';
	font-size:0.9rem;
	color: #fff;
	padding: 10px 10px;
    margin: 0 auto;
	background-color: #161616;
	border:0px;
}
.main_wrap .counsel button:hover {
	color: #9bf0ff;
	background-color: #000;
}
.main_wrap .counsel .info_chk{
    width: 100%;
    padding: 0px;
    margin: 1px 0px;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.7rem;
    color: #fff;
    text-align: left;
}
.main_wrap .counsel .info_chk label{
    display: inline-block;
    margin-top: -5px;
}
.main_wrap .counsel .info_txt{
    width: 100%;
    padding: 10px 0px;
    margin: 0px 0px;
    text-align: center;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.7rem;
    color: #fbff00;
    word-break:keep-all; 
	word-wrap:break-word;
}
@media (max-width: 1199px){
    .main_bg{
        padding: 150px 50px 50px 50px;
    }
    .main_wrap .counsel{
        /* opacity: 0; */
        width: 100%;  
        height: auto;
        padding-bottom: 30px;
        margin-top: 10px;
    }
    .main_wrap .counsel .info_txt{
        font-size: 0.8rem;
    }
}
@media (max-width: 999px){
    .main_bg{
        padding: 100px 10px 50px 10px;
    }
    .main_wrap .counsel ::placeholder {
        font-size: 0.9rem;
    }
    .main_wrap .counsel input{
        padding: 8px 10px;
        margin: 2px 0px;
        font-size: 0.9rem;
        font-family: 'S-CoreDream-5Medium';
        height:40px;
    }
    .main_wrap .counsel label{
        padding: 1rem 0 0 2rem;
        margin:0;
    }
    .main_wrap .counsel label>input {
        position: absolute;
        width: 22px;
        height: 22px;
    }
    .main_wrap .counsel select{
        height: 40px;
        padding: .6em 2em .5em .5em;
        margin: 2px 0px;
        font-size: 0.9rem;
        font-family: 'S-CoreDream-5Medium';
    }
    .main_wrap .counsel select option {
        font-size: 0.9rem;
    }
    .main_wrap .counsel textarea{
        height: 70px;
        padding: 8px 10px;
        margin: 2px 0px;
        font-size: 0.9rem;
        font-family: 'S-CoreDream-5Medium';
    }
    .main_wrap .counsel button{
        padding: 1rem 0;
        font-size:1.3rem;
    }
}
@media (max-width: 919px){
    .main_wrap .banner{
        width: 100%;

    }
    .main_wrap .icon{
        width: 100%;
        padding: 10px 0px;
    }
}



#sct{
    padding-top: 20px;
}


.center_wrap{
    width:100%;
    padding:0;
    margin:1rem 0;
    text-align: center;
}
.quick_counsel_hide{
    display:block;
}
.quick_counsel{
    position: fixed;
    bottom: 2%;
    right: 5%; 
    padding: 0;
    margin: 0;
}
.quick_counsel button{
    padding: 1rem 2rem 1rem 3rem;
    font-family: 'ONE-Mobile-Regular';
    font-size: 0.95rem;
    color: #fff;
    background-color: #ff6600;
    border-radius: 2rem;
    border: none;
    outline: none;
    transition: all .2s ease;
}
.quick_counsel button:hover{
    background-color: #e35b00;
}
.quick_counsel button span{
    position: relative;
}
.quick_counsel button i{
    position: absolute;
    left:-1.5rem;
    font-size: 1.1rem;
}
@media (max-width: 639px){
    .quick_counsel_hide{
        display:none;
    }
    .quick_counsel{
        left: 0%; 
        right: 0%; 
        padding: 0 2rem;
        text-align: center;
    }
    .quick_counsel button{
        width: 100%;
        font-size: 1.1rem;
    }
    .quick_counsel button i{
        left:-1.7rem;
        font-size: 1.3rem;
    }
}


.modal_counsel{
    position: relative;
    width: 100%;
    /* padding: 3rem 2rem 2rem 2rem;
    background-color: #fff;
    border-radius: .5rem; */
    font-family: 'S-CoreDream-5Medium';
  }
  .modal_counsel ::placeholder {
    font-size: 0.7rem;
    color: rgb(0,0,0, .6);
    opacity:1;
  }
  .modal_counsel .tt{
    position: relative;
    font-size: 1.3rem;
    color: #000;
    padding-bottom: .5rem;
  }
  .modal_counsel .tt span{
    font-family: 'S-CoreDream-1Thin';
  }
  .modal_counsel input,
  .modal_counsel select,
  .modal_counsel textarea{
    width: 100%;
    border: 1px solid rgb(0,0,0, .1);
    background-color:transparent;
    padding: 8px 10px;
    margin: 1px 0px;
    font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
    font-size: 0.8rem;
    color: #000;
      box-shadow: none;
      outline: 0 !important;
  }
  .modal_counsel input:focus,
  .modal_counsel select:focus,
  .modal_counsel textarea:focus{
    border: 1px solid rgb(0,0,0, .3);
  }
  .modal_counsel label{
    position: relative;
    padding: .7rem 0 0 1.5rem;
    margin:0;
  }
  .modal_counsel label>input {
    position: absolute;
    left: 0;
    top: .5rem;
    width: 18px;
    height: 18px;
    border: 3px solid rgb(0,0,0, .3);
    box-shadow: none;
    outline: 0 !important;
  }
  .modal_counsel select{
    width: 100%;
    height: 33px;
    border: 1px solid rgb(0,0,0, .1);
    padding: .6em 2em .5em .5em;
    margin: 1px 0px;
    font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
    font-size: 0.7rem;
    box-shadow: none;
    outline: 0 !important;
    color: rgb(0,0,0, .6);
    /* -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; */
  }
  .modal_counsel .select_on2{
    color: rgb(0,0,0, 1) !important;
  }
  .modal_counsel select option {
    color: #000;
    font-size: 0.75rem;
    border: none;
      outline: 0 !important;
  }
  .modal_counsel textarea{
    height: 50px;
  }
  .modal_counsel button{
    width: 100%;
    font-family: 'S-CoreDream-6Bold';
      font-size:0.9rem;
      color: #fff;
      padding: 10px 10px;
    margin: 0 auto;
      background-color: #fa5b05;
      border:0px;
  }
  .modal_counsel button:hover {
      color: #fff;
      background-color: #ec5504;
  }
  .modal_counsel .info_chk{
    width: 100%;
    padding: 0px;
    margin: 1px 0px;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.7rem;
    color: #000;
    text-align: left;
  }
  .modal_counsel .info_chk label{
    display: inline-block;
    margin-top: -5px;
  }
  .modal_counsel .info_txt{
    width: 100%;
    padding: 10px 0px;
    margin: 0px 0px;
    text-align: center;
    font-size: 0.7rem;
    color: #ec5504;
    word-break:keep-all; 
      word-wrap:break-word;
  }
  @media (max-width: 1199px){
    .modal_counsel{
      /* opacity: 0; */
      width: 100%;  
      height: auto;
      padding-bottom: 30px;
      margin-top: 10px;
    }
    .modal_counsel .info_txt{
      font-size: 0.8rem;
    }
  }
  @media (max-width: 999px){
    .modal_counsel ::placeholder {
      font-size: 0.9rem;
    }
    .modal_counsel input{
      padding: 8px 10px;
      margin: 2px 0px;
      font-size: 0.9rem;
      height:40px;
    }
    .modal_counsel label{
      padding: 1rem 0 0 2rem;
      margin:0;
    }
    .modal_counsel label>input {
      position: absolute;
      width: 22px;
      height: 22px;
    }
    .modal_counsel select{
      height: 40px;
      padding: .6em 2em .5em .5em;
      margin: 2px 0px;
      font-size: 0.9rem;
    }
    .modal_counsel select option {
      font-size: 0.9rem;
    }
    .modal_counsel textarea{
      height: 70px;
      padding: 8px 10px;
      margin: 2px 0px;
      font-size: 0.9rem;
    }
    .modal_counsel button{
      padding: 1rem 0;
      font-size:1.3rem;
    }
  }


.time_wrap{
    position: relative;
    padding: 0;
    margin: auto;
    width: 100%;
    display: none;
}
.time_wrap .time{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 2rem;
    text-align:left;
    border: 1px solid  #000;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 8px 12px rgba(0,0,0,0.3);
    box-shadow: 0 8px 12px rgba(0,0,0,0.3);
    z-index:999999;
}
.time_wrap .time .tt{
    font-family: 'S-CoreDream-5Medium';
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    padding-bottom: .3rem;
    border-bottom: 2px solid #000;
}
.time_wrap .time h1{
    font-size:0.9rem;
    font-weight: bold;
    padding-bottom: .5rem;
}
.time_wrap .time ul{
    float:left;
    width: 100%;
    padding: 2rem 0 0 0;
    margin:0;
}
.time_wrap .time ul li{
    float: left;
    background-color:  rgba(0,0,0,.03);    
    border: 1px solid rgba(0,0,0,.2);    
    padding: .4rem 1rem;
    margin:0 .2rem .2rem 0;
    font-family: 'S-CoreDream-4Regular';
    font-size: 0.85rem;
    cursor: pointer;
}
.time_wrap .time ul li:hover{
    background-color:  rgba(0,0,0,.7);
    color: #fff;
}
.time_wrap .time .w{
    display: none;   
}
.time_wrap .bt{
    display: inline-block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #000;
    padding-top: 1rem;
    margin-top : 2rem;
}



.counsel .time_wrap .time{
    padding: 2rem 1.6rem;
}
.counsel .time_wrap .time ul{
    padding: 1.5rem 0 0 0;
}
.counsel .time_wrap .time ul li{
    padding: .4rem .6rem;
}
.counsel .time_wrap .bt{
    margin-top : 1.5rem;
}


#vod_wrap{
	float:left;
	width: 100%;
	margin: auto;
	padding: 0px 0px 30px 0px;
	text-align: center;
}
#vod_wrap .video{
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: 0;
	padding-bottom: 675px;
	margin: auto;
	text-align: center;
	overflow: hidden;
}
@media (max-width: 767px) {
	#vod_wrap .video{
	padding-bottom: 56.25%;
	}
}
#vod_wrap_full{
	float:left;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
#vod_wrap iframe,
#vod_wrap object,
#vod_wrap embed,
#vod_wrap_full iframe,
#vod_wrap_full object,
#vod_wrap_full embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling:touch;
}
#vod_wrap .vod_play,
#vod_wrap_full .vod_play {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1;
}


.w800{
    max-width: 800px;
}


.line_top_1{
    border-top: 1px solid #e9e9e9;
}
.line_left_1{
    border-left: 1px solid #e9e9e9;
}


.pd_right_2{
    padding-right: 3rem !important;
}
.pd_top_1{
    padding-top: 1rem !important;
}
.pd_top_3{
    padding-top: 3rem !important;
}
.pd_top_5{
    padding-top: 5rem !important;
}
.pd_bottom_3{
    padding-bottom: 3rem !important;
}
.pd_bottom_5{
    padding-bottom: 5rem !important;
}

.mg_top_05{
    margin-top: .5rem !important;
}
.mg_top_1{
    margin-top: 1rem !important;
}


.round_box{
    padding: .5rem 1.5rem;
    margin: 0 1rem 0 0; 
    color: #005324;
    border:1px dashed #007432;
	border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
}
@media (max-width: 639px){
    .round_box{
        display: block;
        padding: .8rem 1.8rem;
        margin: 0 0 .3rem 0; 
        border-radius: 2rem;
        -moz-border-radius: 2rem;
        -webkit-border-radius: 2rem;
    }
}

.bt_wrap{
    padding: 2rem 0 0 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    font-family: 'S-CoreDream-4Regular';
}
.bt_wrap div{
    padding:0;
    margin: 0 .5rem;
}

.bt_radius_3{
    border-radius:3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.bt_radius_5{
	border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.bt_radius_10{
	border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.bt_radius_100{
	border-radius:100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.bt_s_black {
	display:inline-block;
	color:#fff;
	font-size:0.75rem;
	padding: .5rem 1.5rem;
	background-color: #232323;
	border:1px solid #232323;
}
.bt_s_black:focus, .bt_s_black:hover {
	background-color: #000;
	border:1px solid #000;
	outline: 0;
}
.bt_s_white {
	display:inline-block;
	color:#333;
	font-size:0.75rem;
	padding: .5rem 1.5rem;
	background-color: #fff;
	border:1px solid #e2e2e2;
}
.bt_s_white:focus, .bt_s_white:hover {
	background-color: #e2e2e2;
	outline: 0;
}
.bt_s_red {
	display:inline-block;
	color: #ffffff;
	font-size:0.75rem;
	padding: .5rem 1.5rem;
	background-color: #e64a4f;
	border:1px solid #e64a4f;
}
.bt_s_red:focus, .bt_s_red:hover{
	color: #ffffff;
	background-color: #e22e32;
	outline: 0;
}
.bt_s_green {
	display:inline-block;
	color: #ffffff;
	font-size:0.75rem;
	padding: .5rem 1.5rem;
	background-color: #25895a;
	border:1px solid #25895a;
}
.bt_s_green:focus, .bt_s_green:hover{
	color: #ffffff;
	background-color: #1d794e;
	outline: 0;
}
.bt_green {
	display:inline-block;
	color: #ffffff;
	font-size:1.1rem;
	padding: 1rem 4rem;
	background-color: #25895a;
	border:0px;
}
.bt_green:focus, .bt_green:hover{
	color: #ffffff;
	font-weight: 400;
	background-color: #1d794e;
	border: none;
	outline: 0;
}
.bt_gray {
	display:inline-block;
	color:#333;
	font-size:1.1rem;
	padding: 1rem 4rem;
	background-color: #e2e2e2;
	border:0px;
}
.bt_gray:focus, .bt_gray:hover {
	font-weight: 400;
	background-color: #d3d3d3;
	border: none;
	outline: 0;
}
.bt_black {
	display:inline-block;
	color: #ffffff;
	font-size:1.1rem;
	padding: 1rem 4rem;
	background-color: #232323;
	border:0px;
}
.bt_black:focus, .bt_black:hover {
	color: #ffffff;
	font-weight: 400;
	background-color: #000;
	border: none;
	outline: 0;
}
.bt_green_dot {
    position: relative;
	display:inline-block;
	padding: .5rem .75rem;
    margin: 0;
    font-family: 'S-CoreDream-5Medium';
	font-size:1.1rem;
    color: #fff;
    background-color: #25895a;
    border: 1px solid #217a50;
	/* color: #25895a;
	border: 1px dashed #25895a; */
    border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    transition: all .2s ease;
}
.bt_green_dot span{
    display:none;
}
.bt_green_dot:focus, .bt_green_dot:hover{
	padding: .5rem 3rem .5rem 4rem;
    color: #25895a;
    background-color: #fff;
	border: 1px dashed #25895a;
	outline: 0;
}
.bt_green_dot:focus i, .bt_green_dot:hover i{
    position: absolute;
    left: .7rem;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'S-CoreDream-6Bold';
}
.brain_link a:hover span,
.bt_green_dot:focus span, 
.bt_green_dot:hover span{
    display:inline-block;
    padding:0;
    margin:0 auto;
    font-family: 'S-CoreDream-5Medium';
    font-size: 0.75rem;
}

@media (max-width: 639px){
    .bt_green, .bt_gray, .bt_black {
        padding: 1rem 3rem;
    }
}

@-ms-viewport{width:device-width}
.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none !important}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none !important}
@media (max-width:767px){
.visible-xs{display:block!important}
table.visible-xs{display:table}
tr.visible-xs{display:table-row!important}
td.visible-xs,th.visible-xs{display:table-cell!important}
}
@media (max-width:767px){
.visible-xs-block{display:block!important}
}
@media (max-width:767px){
.visible-xs-inline{display:inline!important}
}
@media (max-width:767px){
.visible-xs-inline-block{display:inline-block!important}
}
@media (min-width:768px) and (max-width:991px){
.visible-sm{display:block!important}
table.visible-sm{display:table}
tr.visible-sm{display:table-row!important}
td.visible-sm,th.visible-sm{display:table-cell!important}
}
@media (min-width:768px) and (max-width:991px){
.visible-sm-block{display:block!important}
}
@media (min-width:768px) and (max-width:991px){
.visible-sm-inline{display:inline!important}
}
@media (min-width:768px) and (max-width:991px){
.visible-sm-inline-block{display:inline-block!important}
}
@media (min-width:992px) and (max-width:1199px){
.visible-md{display:block!important}
table.visible-md{display:table}
tr.visible-md{display:table-row!important}
td.visible-md,th.visible-md{display:table-cell!important}
}
@media (min-width:992px) and (max-width:1199px){
.visible-md-block{display:block!important}
}
@media (min-width:992px) and (max-width:1199px){
   .visible-md-inline{display:inline!important}
}
@media (min-width:992px) and (max-width:1199px){
.visible-md-inline-block{display:inline-block!important}
}
@media (min-width:1200px){
.visible-lg{display:block!important}
table.visible-lg{display:table}
tr.visible-lg{display:table-row!important}
td.visible-lg,th.visible-lg{display:table-cell!important}
}
@media (min-width:1200px){
.visible-lg-block{display:block!important}
}
@media (min-width:1200px){
.visible-lg-inline{display:inline!important}
}
@media (min-width:1200px){
.visible-lg-inline-block{display:inline-block!important}
}
@media (max-width:767px){
.hidden-xs{display:none!important}
}
@media (min-width:768px) and (max-width:991px){
.hidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1199px){
.hidden-md{display:none!important}
}
@media (min-width:1200px){
.hidden-lg{display:none!important}
}
.visible-print{display:none!important}
@media print{
.visible-print{display:block!important}
table.visible-print{display:table}
tr.visible-print{display:table-row!important}
td.visible-print,th.visible-print{display:table-cell!important}
}
.visible-print-block{display:none!important}
@media print{
.visible-print-block{display:block!important}
}
.visible-print-inline{display:none!important}
@media print{
.visible-print-inline{display:inline!important}
}
.visible-print-inline-block{display:none!important}
@media print{
.visible-print-inline-block{display:inline-block!important}
}
@media print{.hidden-print{display:none!important}
}