@charset "utf-8";
/* CSS Document */
body { font-size:16px;}
.box0{ width:100%; max-width:92%; margin:0 auto}
.box1{ width:75em; max-width:92%; margin:0 auto}
.box2{ width:60em; max-width:92%; margin:0 auto}

.pcHide{ display:none !important;}
.moHide{}

.gnb .m_policy{ display:none;}

.sns .list{ gap:.5em;}
.sns .list > li .in{ width:2em; height:2em; background:#fff; border-radius:50%; color:#000; transition:.2s;}
.sns .list > li .in .xi,
.sns .list > li .in .fa{ font-size:1em;}
.sns .list > li .in .tt{ display:none;}
.sns .list > li .in:hover{ background:#ff473e; color:#fff;}

/*메인 텍스트 컬러*/
.txtcype.c1{ color: #782761}
.txtcype.c2{ color: #0048e8}
.txtcype.c3{ color: #f4f5d3}
.txtcype.c4{ color: #4f006d}
.txtcype.c5{ color: #007744}
.txtcype.c6{ color: #fbdc6a}

/*튜코스 앱*/
.main_app{ width: 100%; height: 100%; overflow-y: hidden; padding: 0 4vw; box-sizing: border-box;}
.app #contents{ height: 100% !important;}
.app body,
.app{ overflow-y: hidden; height: 100% !important;}
.app #header{ display: none;}

.app_header{ display: flex; align-items: center; height: 5.5em; background: #e9a0bb; padding: 0 4vw; box-sizing: border-box;}
.app_header .logo img{ width: 12em;}

.main_app .visual_wrap{ display: flex; height: 100%; flex-direction: column; position:relative; padding-top: 3em;}
.main_app .visual_wrap .visual_btm{ margin-top: 3em;}
.main_app .visual_wrap .visual_img{ position: relative; width: 100%; padding: 0 4vw; box-sizing: border-box;}
.main_app .visual_wrap .visual_img > img{ width: 100%; height: 100%; object-fit: contain;}
.main_app .visual_wrap .visual_txt .tit{ font-size: 2.515em; color: #000; font-weight: 700; margin-bottom: .35em;}
.main_app .visual_wrap .visual_txt .txt{ font-size: 1.515em; font-weight: 600; color: #000;}

.main_app .visual_wrap .btn_wrap{ margin-top: 2em;}

.main_app .Btn{ display: flex; width: 15em; margin: 0 auto; align-items: center; justify-content: center; gap: 1em; height: 4em; background: transparent; border-radius: 8em;}
.main_app .Btn .tt{ font-size: 1.25em; font-weight: 700;}
.main_app .Btn.start{ background: #ff473e; color: #fff;}
.main_app .Btn.login{ color: #000;}

/*header*/
.headH{ height:6.25em; transition:.2s;}
.scroll .headH{ height:4em;}
.headT{ padding-top:6.25em;}
.fullH{ height:calc(100vh - 6.25em) !important; box-sizing:border-box;}
.minfullH{ min-height:calc(100vh - 6.25em) !important; box-sizing:border-box;}
.confullH{ height:calc(100vh - 4em) !important; box-sizing:border-box;}

/*상단 이메일 인증*/
.top_emailVerify{ position:relative; z-index:999;}
.top_emailVerify .wrapH{ height:4em;}
.top_emailVerify .emailVerify_wrap{ background:#f9efee;}
.top_emailVerify .emailVerify_wrap .wrap_in{ gap:.5em 2em;}
.top_emailVerify .emailVerify_wrap .wrap_in .txt{ flex:1;}
.top_emailVerify .emailVerify_wrap .wrap_in .txt .tt{ font-size:.938em;}
.top_emailVerify .emailVerify_wrap .wrap_in .btn{ gap:0 2em;}
.top_emailVerify .emailVerify_wrap .wrap_in .btn .input_st{ background:transparent; transition:.2s;}
.top_emailVerify .emailVerify_wrap .wrap_in .btn .input_st .tt{ font-size:.875em;}
.top_emailVerify .emailVerify_wrap .wrap_in .btn .input_st:hover{ background:#ff473e; color:#fff !important;}
.top_emailVerify .emailVerify_wrap .wrap_in .btn .btn_close .xi{ transition:.2s;}
.top_emailVerify .emailVerify_wrap .wrap_in .btn .btn_close .xi:before{ content:"\e921";}
.top_emailVerify .emailVerify_wrap .wrap_in .btn .btn_close:hover .xi{ transform:rotate(180deg);}
.top_emailVerify + #header{ position:sticky; top:0;}
.top_emailVerify + #header .head_wrap{ position:absolute;}
/*end*/

#header{ position:relative; z-index:999;}
#header .head_wrap{ position:fixed; top:0; left:0; right:0; background:#fff; transition:box-shadow .2s;}
.scroll #header .head_wrap{ box-shadow:0 3px .5em rgba(0,0,0,.15);}
#header .head_wrap .logo > a{ display:block;}
#header .head_wrap .logo > a img{ width:11.875em;}

#header .head_wrap .business_logo{ width:8em; height:3.25em; transition:.2s;}
#header .head_wrap .business_logo > img{ width:100%; height:100%; object-fit:contain;}
#header .head_wrap .logo + .business_logo{ margin-left:1vw;}
#header .head_wrap .business_logo + .gnb_wrap .gnb{ padding-left:1vw;}
.scroll #header .head_wrap .business_logo{ height:2.5em;}

#header .gnb_wrap{}
#header .gnb_wrap .gnb{ padding-left:5em;}
#header .gnb_wrap .gnb > li.m_about,
#header .gnb_wrap .gnb > li.m_help,
#header .gnb_wrap .gnb > li.m_mypage{ display:none;}
#header .gnb_wrap .gnb > li{ position:relative;}
#header .gnb_wrap .gnb > li .dp1{ padding:.5em 1.5em;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#ff473e;}
#header .gnb_wrap .gnb > li.on:before{ content:""; display:block; position:absolute; top:-.25em; left:50%; width:.375em; height:.375em; background:#ff473e; border-radius:50%; transform:translateX(-50%);}

#header .side_wrap .credits{}
#header .side_wrap .credits > li{}
#header .side_wrap .credits > li .in{ gap:.25em; padding:0 1em 0 0; text-align:right;}
#header .side_wrap .credits > li .in .t1{ font-size:.813em;}
#header .side_wrap .credits > li .in .t2{ font-weight:600;}
#header .side_wrap .credits > li .in:hover .t2{ text-decoration:underline;}

#header .side_wrap .menu{ margin-left:1em;}
#header .side_wrap .menu > li .in:not(.flex){ display:block; padding:.75em 1em; transition:.2s;}
#header .side_wrap .menu > li .in > .xi,
#header .side_wrap .menu > li .in > .tt{ display:inline-block; vertical-align:middle;}
#header .side_wrap .menu > li .in > .xi{ font-size:1.250em; padding-right:.25em;}
#header .side_wrap .menu > li .in > .tt{ font-size:.875em; font-weight:700; text-transform:uppercase;}
#header .side_wrap .menu > li .in.point{ background:#646464; border-radius:6em; color:#fff;}
#header .side_wrap .menu > li .in:hover,
#header .side_wrap .menu > li.on .in{ color:#ff473e;}
#header .side_wrap .menu > li .in.point:hover{ background:#ff473e; color:#fff;}
#header .side_wrap .menu > li .in.mess{ position:relative;}
#header .side_wrap .menu > li .in.mess > .num_tt{ box-sizing:border-box; position:absolute; top:.375em; left:calc(100% - .875em); min-width:1.25em; line-height:1.25em; padding:0 .25em; background:#ff473e; border-radius:3em; text-align:center; color:#fff;}
#header .side_wrap .menu > li .in.mess > .num_tt > .num{ font-size:.750em;}
#header .side_wrap .menu > li .in.photo > .img{ width:3em; border-radius:50%; overflow:hidden; margin-right:.5em;}
#header .side_wrap .menu > li .in.photo > .img .pic:before{ font-size:2em;}
#header .side_wrap .menu > li .in.photo > .tt.close{ padding-left:.5em; color:inherit; opacity:1; display:none;}
#header .side_wrap .menu .toggleWrap{ position:relative; margin-left:1em;}
#header .side_wrap .menu .toggleWrap.on .toggleMenu,
#header .side_wrap .menu .toggleWrap.on .in.photo > .tt.close{ display:block;}
#header .side_wrap .menu .toggleMenu{ position:absolute; top:100%; right:0; padding:3em 0 1em 0; display:none;}
#header .side_wrap .menu .toggleMenu .inMenu{ position:relative; box-sizing:border-box; width:15em; height:100%; background:#fff; border:1px solid #e5e7eb; border-radius:.75em; box-shadow:1px 1px .5em rgba(0,0,0,.1);}
#header .side_wrap .menu .toggleMenu ul.flex{ display:block;}
#header .side_wrap .menu .toggleMenu .gnb > li{ display:none;}
#header .side_wrap .menu .toggleMenu .gnb > li.m_mypage{ display:block;}
#header .side_wrap .menu .toggleMenu .gnb{ padding:1em 1em;}
#header .side_wrap .menu .toggleMenu .gnb > li a.flex{ display:block; text-align:left !important;}
#header .side_wrap .menu .toggleMenu .gnb > li a .tt{ display:inline-block;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp1{ padding:.75em .5em; margin-bottom:1em;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp1 .tt{ position:relative; padding-left:1.5em; font-size:1.063em; font-weight:800;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp1 .tt:before{ content:"\e9f2"; font-family:xeicon; font-size:1.250em; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#header .side_wrap .menu .toggleMenu .gnb > li .dp2 > li > a{ padding:1em 1em;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp2 > li.plus > a{ position:relative; padding-right:1.75em !important;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp2 > li.plus > a:after{ content:"\e914"; font-family:xeicon; font-size:1.250em; display:block; position:absolute; right:.25em; top:50%; transform:translateY(-50%);}

#header .side_wrap .menu .toggleMenu .gnb > li .dp3 > li > a{ padding:.75em 0;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp3 > li > a .tt{ font-size:.938em;}

#header .side_wrap .menu .toggleMenu .gnb > li .dp4{ padding:.5em .5em; margin:.5em 0 1em 0; border:dashed #e5e7eb; border-width:1px 0;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp3 > li:last-child .dp4{ margin-bottom:0; border-bottom-width:0;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp4 > li > a{ padding:.5em 0; color:#646464;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp4 > li > a .tt{ position:relative; padding-left:1em; font-size:.875em;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp4 > li > a .tt:before{ content:""; display:block; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#aaa;}

#header .side_wrap .menu .toggleMenu .gnb > li .dp2 > li:hover > a,
#header .side_wrap .menu .toggleMenu .gnb > li .dp2 > li.on > a{ background:#ff473e; color:#fff;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp3 > li:hover > a,
#header .side_wrap .menu .toggleMenu .gnb > li .dp3 > li.on > a{ color:#ff473e;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp4 > li:hover > a .tt,
#header .side_wrap .menu .toggleMenu .gnb > li .dp4 > li.on > a .tt{ text-decoration:underline;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp2 > li .dp3{ background:#f5f6f9; height:0; padding:0 1em; overflow:hidden; opacity:0; visibility:hidden; transition:.2s;}
#header .side_wrap .menu .toggleMenu .gnb > li .dp2 > li:hover .dp3,
#header .side_wrap .menu .toggleMenu .gnb > li .dp2 > li.on .dp3{ padding-top:1em; padding-bottom:1em; height:auto; opacity:1; visibility:visible;}

#header .nav_language{ position:relative;}
#header .nav_language .lang_in{ padding:.5em .875em; height:2.875em; background:#f1f1f1; border-radius:.375em; cursor:pointer;}
#header .nav_language .lang_in .tt{ position:relative; padding:0 .75em; font-size:.813em; font-weight:800;}
#header .nav_language .lang_in .tt:first-child:after{ content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:1em; background:rgba(0,0,0,.15); transform:translateY(-50%);}
#header .nav_language .lang_in .xi{ padding-left:1em; font-size:.813em; color:#888;}
#header .nav_language .dropdown_wrap{ position:absolute; top:100%; left:0; width:100%; margin-top:.5em; display:none;}
#header .nav_language.on .dropdown_wrap{ display:block;}

/*footer*/
#footer{ padding:4.5em 0 0 0; background:#000;}
#footer .foot_wrap .wrap_in{ color:#fff;}
#footer .foot_wrap .wrap_in .logo > a{ display:block;}
#footer .foot_wrap .wrap_in .logo > a img{ width:5.875em;}
#footer .foot_wrap .wrap_in .info_wrap{ flex:1; padding:0 1em 0 3.625em;}
#footer .foot_wrap .wrap_in .info_wrap .info .tt:not(p){ display:inline-block; vertical-align:middle;}
#footer .foot_wrap .wrap_in .info_wrap .info .tt{ padding:.5em 1.375em .5em 0; font-size:.813em;}
#footer .foot_wrap .wrap_in .info_wrap .info .name{ padding-top:0; font-size:.875em; font-weight:700;}
#footer .foot_wrap .wrap_in .info_wrap .copy{ margin-top:2em;}
#footer .foot_wrap .wrap_in .info_wrap .copy .tt{ font-size:.688em; text-transform:uppercase; opacity:.5;}
#footer .foot_wrap .wrap_in .info_wrap .menu{ margin-top:1.25em;}
#footer .foot_wrap .wrap_in .info_wrap .menu > li .in{ position:relative; display:block; padding:.5em .75em;}
#footer .foot_wrap .wrap_in .info_wrap .menu > li .in{ position:relative; display:block; padding:.5em .75em .5em 0; margin-right:.75em;}
#footer .foot_wrap .wrap_in .info_wrap .menu > li:not(:last-child) .in:before{ content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:.75em; background:rgba(255,255,255,.2); transform:translateY(-50%);}
#footer .foot_wrap .wrap_in .info_wrap .menu > li .in .tt{ font-size:.813em;}
#footer .foot_wrap .wrap_in .info_wrap .menu > li .in.point{ color:#ff9c92;}
#footer .foot_wrap .wrap_in .info_wrap .menu > li .in:hover .tt{ text-decoration:underline;}

#footer .foot_wrap .wrap_in .sitemap_wrap{ width:23.75em;}
#footer .foot_wrap .wrap_in .sitemap_wrap .inner{ flex:1;}
#footer .foot_wrap .wrap_in .sitemap_wrap .tit{ margin-bottom:1.125em;}
#footer .foot_wrap .wrap_in .sitemap_wrap .tit .tt{ font-size:1.125em;}
#footer .foot_wrap .wrap_in .sitemap_wrap .gnb > li .dp1{ display:inline-block; padding:.375em 0;}
#footer .foot_wrap .wrap_in .sitemap_wrap .gnb > li .dp1 .tt{ font-size:.875em;}
#footer .foot_wrap .wrap_in .sitemap_wrap .gnb > li .dp1:hover .tt{ text-decoration:underline;}

#footer .foot_sns{ padding:0 0 2em 0;}
#footer .foot_sns .sns{ gap:0 2em;}
#footer .foot_sns .sns .tit{ color:#fff;}

#footer .goTop{ position:fixed; z-index:999; right:1em; bottom:1em; width:3.5em; height:3.5em; background:#fff; border:3px solid #ddd; border-radius:50%; color:#333; opacity:0; visibility:hidden; transition:.2s;}
.scroll #footer .goTop{ opacity:1; visibility:visible;}
#footer .goTop .xi{ font-size:1.750em;}
#footer .goTop:hover{ background:#ff473e; border-color:#ff473e; color:#fff;}

/*contents*/
#contents{}
#contents .sub_page_top{}
#contents .sub_page_top.bg_about{ background-image:url(../images/sub/sub_visual_about.jpg);}
#contents .sub_tit_wrap.inH{ height:24em;}
#contents .sub_tit_wrap.inH .sub_tit .tt{ font-size:3.500em; color:#fff;}
#contents .sub_tit_wrap:not(.inH){ position:relative; padding:1.5em 0; border:solid #f2f2f2; border-width:1px 0; overflow:hidden;}
#contents .sub_tit_wrap:not(.inH) .sub_tit{ position:relative; padding-left:5em;}
#contents .sub_tit_wrap .sub_tit{}
#contents .sub_tit_wrap .sub_tit .tt{ display:inline-block; vertical-align:middle;}
#contents .sub_tit_wrap .sub_tit .t1{ font-size:1.500em; font-weight:700;}
#contents .sub_tit_wrap .sub_tit .t2{ color:#646464;}
#contents .sub_tit_wrap .sub_tit .t2:before{ content:"\e940"; font-family:xeicon; display:inline-block; padding:0 .5em;}
#contents .sub_tit_wrap .sub_tit_shape{ position:absolute; top:-1.25em; left:2%; opacity:.85;}
#contents .sub_tit_wrap .sub_tit_shape img{ width:7em;}
#contents .sub_tit_wrap .sub_tit .platformBtn .input_st{ font-size:.813em;}

.dp1_mypageS #contents .sub_tit_wrap .sub_tit,
.dp1_mypageT #contents .sub_tit_wrap .sub_tit{ padding-right:16em;}

#contents .sub_page_con{ box-sizing:border-box;}
#contents .sub_page_con .doc{ margin:0 4%;}
#contents .sub_page_con .doc .box0,
#contents .sub_page_con .doc .box1{ max-width:100%;}

@media screen and (max-width:1880px){
#contents .sub_page_con .doc{ padding-left:5vw; padding-right:16em;}
}
@media screen and (max-width:1680px){
#contents .sub_page_con .doc{ padding-left:0;}
}

#contents .doc{ padding:3em 0 10em 0;}
#contents .docBg1{ background-color:#f5f6f9;}

#contents .page_subLayout_box{}
#contents .page_subLayout_box > .subLayout_nav{ width:17em;}
#contents .page_subLayout_box > .subLayout_con{ flex:1; padding-left:2em;}

#contents .page_subLayout_box > .subLayout_nav .flex{ display:block;}
#contents .page_subLayout_box > .subLayout_nav > .gnb{ background:#fff; border:1px solid #e5e7eb; border-radius:.625em; box-shadow:2px 2px .375em rgba(0,0,0,.15); overflow:hidden;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li,
#contents .page_subLayout_box > .subLayout_nav > .gnb > li .dp1,
#contents .page_subLayout_box > .subLayout_nav > .gnb > li .dp2 > li,
#contents .page_subLayout_box > .subLayout_nav > .gnb > li .dp2 > li > a,
#contents .page_subLayout_box > .subLayout_nav.ifDP4 > .gnb > li .dp3 > li,
#contents .page_subLayout_box > .subLayout_nav.ifDP4 > .gnb > li .dp3 > li > a{ display:none;}

#contents .page_subLayout_box > .subLayout_nav > .gnb > li.on,
#contents .page_subLayout_box > .subLayout_nav > .gnb > li .dp2 > li.on,
#contents .page_subLayout_box > .subLayout_nav > .gnb > li.m_policy .dp2 > li,
#contents .page_subLayout_box > .subLayout_nav > .gnb > li.m_policy .dp2 > li > a,
#contents .page_subLayout_box > .subLayout_nav.ifDP4 > .gnb > li .dp3 > li.on{ display:block;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li > a{ position:relative; padding:1.25em 1em; border:solid #e5e7eb; border-width:0 0 1px 0; text-align:left !important; color:#888;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li > a:before{ content:""; position:absolute; left:0; top:50%; width:2px; height:1em; background:#ff473e; transform:translateY(-50%); display:none;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li > a .tt{ font-size:.938em;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li:hover > a,
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li.on > a{ background:#f5f5f5; color:#000;}
#contents .page_subLayout_box > .subLayout_nav > .gnb > li ul > li.on > a:before{ display:block;}


/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:3.5em !important;}
.page_sec0{ margin-top:-1px !important;}
.page_sec1{ margin-top:.375em !important;}
.page_sec2{ margin-top:1em !important;}
.page_sec3{ margin-top:2em !important;}
.page_sec4{ margin-top:6em !important;}

.page_tit{ margin-bottom:1.5em;}
.page_tit.mg1{ margin-bottom:.75em;}
.page_tit.mg2{ margin-bottom:.5em;}
.page_tit.icon > .tt{ position:relative;}
.page_tit.icon > .tt:before{ content:""; display:block; position:absolute;}
.page_tit.icon > .tt:first-child > *{ position:relative;}
.page_tit.icon.st1 > .tt:first-child{ padding-left:.75em;}
.page_tit.icon.st1 > .tt:first-child:before{ top:.125em; left:0; width:2px; height:.875em; background:#ff473e;}
.page_tit.icon.st2 > .tt:first-child:before{ top:-.188em; left:-.75em; width:1.5em; height:1.5em; background:#ff473e; border-radius:50%; opacity:.8;}
.page_tit.icon.st3{ margin-bottom:0;}
.page_tit.icon.st3:after{ content:""; display:inline-block; width:3em; height:2px; background:#ff473e; margin:1.75em .125em 2.5em .125em;}
.page_tit:last-child{ margin-bottom:0 !important;}
.page_tit.flex > .xi{ padding-right:.375em;}
.page_tit.flex > .tt{ padding-right:.5em;}
.page_tit.flex > .tt:last-child{ padding-right:0;}
.page_tit > .tt{}
.page_tit > .tBig { font-size:3.000em;}
.page_tit > .tBig2{ font-size:2.250em;}
.page_tit > .t1{ font-size:1.625em;}
.page_tit > .t2{ font-size:1.375em;}
.page_tit > .t3{ font-size:1.125em;}
.page_tit > .t4{ font-size:.938em;}
.page_tit > .t5{ font-size:.813em; line-height:1.6; margin-top:1em;}
.page_tit > .t5 ~ .t5{ margin-top:0;}

.page_txt{}
.page_txt > .tt{ margin-top:1.375em;}
.page_txt > .tt:first-child{ margin-top:0;}
.page_txt.flex > .xi ~ .tt{ margin-top:0; padding-left:.5em;}
.page_txt > .t1{ font-size:1.063em; line-height:1.9;}
.page_txt > .t2{ font-size:1.250em; line-height:1.6;}
.page_txt > .t3{ font-size:.938em; line-height:1.6;}
.page_txt > .t4{ font-size:.813em; line-height:1.6;}
.page_txt > a[href].tt:hover{ text-decoration:underline;}

.cw .page_tit > .tt{ color:#fff;}
.cw .page_txt > .tt{ color:#fff;}

.page_con{ padding:5em 0 5.5em 0; box-sizing:border-box;}
.page_con:last-child{ padding-bottom:10em;}
.page_con.conBg1{ background-color:#f5f6f9;}

.page_img_box1{ position:relative; border-radius:.625em; overflow:hidden;}
.page_img_box2{}
.page_line{ display:block; margin:3.5em 0 3.5em 0; height:0; border-width:1px 0 0 0; border-style:solid; border-color:#ccc;}
.page_line.dot{ border-style:dashed;}
.page_line.pink{ border-top-width:3px; border-color:#ff9c92;}
.page_line.mg1{ margin:1em 0;}
.page_line.mg2{ margin:2em 0;}

.page_boxSt1{ padding:2em 2em; background:#fff; border:1px solid #e5e7eb; border-radius:.625em; box-shadow:2px 2px .375em rgba(0,0,0,.1);}
.page_boxSt1.pd0{}
.page_boxSt1.pd1{ padding:1em 1em;}
.page_boxSt2{ padding:1.25em 1.25em; background:#f5f6f9;}
.page_boxSt3{ padding:.5em 1em; border-radius:.25em; border:1px solid #ff473e;}

.page_tab_wrap{ margin-bottom:3em; text-align:center;}
.page_tab_wrap .tab{ padding:0 0 1px 1px;}
.page_tab_wrap .tab > li{ flex:1;}
.page_tab_wrap .tab > li > .in{ position:relative; margin:0 0 -1px -1px; padding:.5em .5em; height:3.5em; background:#f5f5f5; border:solid #ccc; border-width:1px 1px; color:#888; transition:background .2s;}
.page_tab_wrap .tab > li > .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#ff473e; display:none;}
.page_tab_wrap .tab > li > .in .tt{ font-size:.938em; font-weight:700;}
.page_tab_wrap .tab > li:hover > .in,
.page_tab_wrap .tab > li.on > .in{ background:#fff; border-bottom-color:#fff; color:#111;}
.page_tab_wrap .tab > li.on > .in:before{ display:block;}

.page_tab_wrap .tab2{ margin:0 0 -.5em -.5em;}
.page_tab_wrap .tab2 > li{ min-width:10em;}
.page_tab_wrap .tab2 > li > .in{ margin:0 0 .5em .5em; padding:.5em 1.5em; height:3.5em; background:#f5f6f9; border:1px solid #e5e7eb; border-radius:.25em;}
.page_tab_wrap .tab2 > li > .in .tt{ font-size:.938em; font-weight:700;}
.page_tab_wrap .tab2 > li:hover > .in{ border-color:#ff473e; color:#ff473e;}
.page_tab_wrap .tab2 > li.on > .in{ background:#ff473e; border-color:#ff473e; color:#fff;}

.page_tab_wrap .tab3{ border-bottom:1px solid #e5e7eb;}
.page_tab_wrap .tab3 > li{}
.page_tab_wrap .tab3 > li .in{ position:relative; padding:0 1.25em; height:2.75em; color:#888;}
.page_tab_wrap .tab3 > li .tt{ font-size:.938em;}
.page_tab_wrap .tab3 > li:hover .in,
.page_tab_wrap .tab3 > li.on .in{ color:#000;}
.page_tab_wrap .tab3 > li.on .in:after{ content:""; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#ff473e;}

.page_tab_wrap.mg1{ margin-bottom:0;}

.page_nav_wrap{ padding:.75em 0; border:solid #f2f2f2; border-width:1px 0;}
.page_nav_wrap .nav_list > li{}
.page_nav_wrap .nav_list > li > .in{ color:#666;}
.page_nav_wrap .nav_list > li > .in .xi{ font-size:1.125em; margin-right:.25em;}
.page_nav_wrap .nav_list > li > .in .tt{ font-size:.813em;}
.page_nav_wrap .nav_list > li > .in:before{ content:"\e93f"; font-family:xeicon; color:#999; padding:0 .25em;}
.page_nav_wrap .nav_list > li:first-child > .in:before{ display:none;}
.page_nav_wrap .nav_list > li > a[href]:hover{ color:#ff473e;}

.page_msg{}
.page_msg > .inner{ padding:1.5em 1.75em; background:#fff; border-radius:.375em; box-shadow:1px 1px .5em rgba(0,0,0,.1);}

.page_ex_list{}
.page_ex_list > li{ padding:.375em 0;}
.page_ex_list > li > .in{ position:relative;}
.page_ex_list > li > .in:before{ content:""; position:absolute; left:0;}
.page_ex_list > li > .in > .tt{ font-size:.938em; color:#222; line-height:1.5;}
.page_ex_list > li > .in > .tt.t1{ display:block; margin-top:.25em; font-size:.813em; color:#888;}
.page_ex_list > li > .in > .tt a:hover{ text-decoration:underline;}
.page_ex_list.small{ font-size:.875em;}
.page_ex_list.small > li{ padding:.25em 0;}
.page_ex_list.small > li > .in > .tt{ line-height:1.3;}

.page_ex_list > li > .in > .tt + .page_ex_list{ margin-top:.5em;}
.page_ex_list > li > .in .page_ex_list:last-child{ margin-bottom:.75em;}
.page_ex_list > li:last-child > .in .page_ex_list:last-child{ margin-bottom:0;}

.page_ex_list.dot > li > .in{ padding-left:1em;}
.page_ex_list.dot > li > .in:before{ top:.5em; width:4px; height:4px; background:#ff473e; border-radius:50%;}

.page_ex_list.sec > li > .in{ padding-right:1em; margin-right:1em;}
.page_ex_list.sec > li > .in:before{ top:.125em; left:auto; right:0; width:1px; height:1em; background:#ddd;}
.page_ex_list.sec > li:last-child > .in{ padding-right:0; margin-right:0;}
.page_ex_list.sec > li:last-child > .in:before{ display:none;}

.page_ex_list.posIcon > li > .in{ padding-right:2em;}
.page_ex_list.posIcon > li > .in > .itemIcon{ display:block; position:absolute; top:0; right:0;}

.msgopen_Ani{ height:0; overflow:hidden; visibility:hidden; opacity:0; transform:translateY(1em); transition:transform .2s, opacity .2s;}
.msgopen_Ani.open{ height:auto; visibility:visible; opacity:1; transform:translateY(0);}


/*SUBPAGE*********************/
/*튜터찾기*/
.page_find_top{ position:relative; z-index:99;}

.page_filter_wrap{ padding:1.75em 0; background:#f5f6f9;}
.page_filter_wrap .filter_inner{ background:#fff; border:1px solid #bbb; border-radius:1em;}
.page_filter_wrap .filter_inner .filter_sec{ flex:1; position:relative;}
.page_filter_wrap .filter_inner .filter_sec:before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:1em; background:#fff; box-shadow:0 0 .5em rgba(0,0,0,.15); opacity:0;}
.page_filter_wrap .filter_inner .filter_sec:after { content:""; display:block; position:absolute; top:.75em; bottom:.75em; right:-1px; width:1px; background:#ddd;}
.page_filter_wrap .filter_inner .filter_sec:last-child:after{ opacity:0;}
.page_filter_wrap .filter_inner .filter_sec > .wrap_in{ flex:1; position:relative; padding:.75em 1em;}
.page_filter_wrap .filter_inner .filter_sec .sec_tit{ margin-bottom:.5em;}
.page_filter_wrap .filter_inner .filter_sec .sec_tit .tt{ font-size:.813em; color:#999;}
.page_filter_wrap .filter_inner .filter_sec .sec_con{}
.page_filter_wrap .filter_inner .filter_sec .con_tit{ position:relative; height:2.5em;}
.page_filter_wrap .filter_inner .filter_sec .con_tit > .tt{ flex:1; font-size:.813em;}
.page_filter_wrap .filter_inner .filter_sec .dropdown .con_tit{ cursor:pointer;}
.page_filter_wrap .filter_inner .filter_sec .dropdown .con_tit:after{ content:"\e941"; font-family:xeicon;}

.page_filter_wrap .filter_inner .filter_sec .dropdown_wrap{ position:absolute; top:100%; left:0; min-width:100%; margin-top:.5em; display:none;}
.page_filter_wrap .filter_inner .filter_sec:last-child .dropdown_wrap{ left:auto; right:0;}
.page_filter_wrap .filter_inner .filter_sec .dropdown_wrap .dropdown_inner{ max-height:26em; box-sizing:border-box;}

.dropdown_wrap{ z-index:99;}
.dropdown_wrap .dropdown_inner{ padding:1.25em 1.25em; background:#fff; border:1px solid #ccc; border-radius:1em; box-shadow:1px 1px .5em rgba(0,0,0,.15);}
.dropdown_wrap .drop_search{ position:relative; width:18.75em; margin-bottom:1.25em;}
.dropdown_wrap .drop_search .inp_icon{ position:absolute; left:.5em; top:50%; transform:translateY(-50%); border:none; background:transparent; color:#666;}
.dropdown_wrap .drop_search .inp_icon > .xi{ font-size:1.500em;}
.dropdown_wrap .drop_search .inp_icon > .xi:before{ content:"\e97a";}
.dropdown_wrap .drop_search .inp_txt{ padding-left:2.75em;}
.dropdown_wrap .drop_tit{ margin-bottom:.75em;}
.dropdown_wrap .drop_tit > .tt{ font-size:.938em;}
.dropdown_wrap .drop_tit > .t1{ font-size:.813em;}
.dropdown_wrap .list{ margin-bottom:2em;}
.dropdown_wrap .list:last-child{ margin-bottom:0;}
.dropdown_wrap .drop_list > li{ padding:.375em 0;}
.dropdown_wrap .drop_list > li > .tt{ font-size:.938em;}
.dropdown_wrap .drop_list > li > .ex{ font-size:.750em; color:#888; margin-top:.5em;}
.dropdown_wrap .check_list{ width:20em;}
.dropdown_wrap .check_list > li{ padding:.188em .375em .188em 0;}
.dropdown_wrap .check_list > li > .tt{ font-size:.813em;}
.dropdown_wrap .country_list > li > .tt{ font-size:.813em; color:#555;}
.dropdown_wrap .country_list > li > a{ display:block; padding:.375em .375em;}
.dropdown_wrap .country_list > li:hover > a{ background:#f5f5f5;}
.dropdown_wrap .country_list > li.active > a{ background:#2b9cbb; color:#fff;}

.dropdown_wrap .drop_price{ width:16em; text-align:center;}

/*국가번호*/
.country_dropdown{ position:relative;}
.country_dropdown .country_select{ position:relative; width:8em; box-sizing:border-box; cursor:pointer;}
.country_dropdown .country_select:after{ content:"\e941"; font-family:xeicon !important; position:absolute; z-index:0; right:.75em; top:50%; margin-top:-.438em; line-height:1;}
.country_dropdown .country_select .input_st{ width:100%; padding-right:2.25em !important;}
.country_dropdown .dropdown_wrap{ position:absolute; top:100%; left:0; width:16em; min-width:100%; margin-top:.5em; display:none;}
.country_dropdown .dropdown_wrap .dropdown_inner{ max-height:26em; box-sizing:border-box; overflow-y:scroll;}
.country_dropdown.on .dropdown_wrap{ display:block;}

/**/
.priceRange_wrap{ padding:.75em .75em;}
.priceRange_wrap .priceRange_bar{ position:relative; height:5px; background:#ccc; border:none !important; border-radius:1em; font-size:1em !important;}
.priceRange_wrap .priceRange_bar .ui-slider-range { position:absolute; z-index:1; top:0; height:100%; border-radius:inherit; background:#ff473e; font-size:1em !important;}
.priceRange_wrap .priceRange_bar .ui-slider-handle{ position:absolute; z-index:2; top:50%; width:1.5em; height:1.5em; margin-left:-.75em; transform:translateY(-50%); border:3px solid #ff473e; background:#fff; border-radius:50%; box-sizing:border-box; cursor:pointer;}

.page_filter_wrap .filter_inner .filter_sec:hover,
.page_filter_wrap .filter_inner .filter_sec.on{ z-index:2;}
.page_filter_wrap .filter_inner .filter_sec:hover:before,
.page_filter_wrap .filter_inner .filter_sec.on:before{ opacity:1;}
.page_filter_wrap .filter_inner .filter_sec:hover:after,
.page_filter_wrap .filter_inner .filter_sec.on:after { opacity:0;}
.page_filter_wrap .filter_inner .filter_sec.on .dropdown_wrap{ display:block;}

.page_filter_opt{ padding:1em 0; background:#fff; border:solid #e5e7eb; border-width:1px 0;}
.page_filter_opt .opt_inner{}
.page_filter_opt .opt_inner .opt_clear_btn{ margin-left:1em;}
.page_filter_opt .opt_inner .opt_clear_btn .input_st{ font-size:.938em;}
.page_filter_opt .opt_inner .opt_list{ flex:1;}
.page_filter_opt .opt_inner .opt_list > li{ padding:.188em .375em .188em 0;}
.page_filter_opt .opt_inner .opt_list > li .in{ height:2.5em; padding:0 .75em 0 1.25em; background:#f5f5f5; border-radius:6em; color:#333;}
.page_filter_opt .opt_inner .opt_list > li .in .tt{ font-size:.813em;}
.page_filter_opt .opt_inner .opt_list > li .in .xi{ font-size:1.500em; color:#aaa; margin-left:.25em;}
.page_filter_opt .opt_inner .opt_list > li .in .xi:before{ content:"\e924";}
.page_filter_opt .opt_inner .opt_list > li .in .opt_del{ cursor:pointer;}
.page_filter_opt .opt_inner .opt_list > li .in .opt_del:hover{ color:#333;}

.page_sorting{}
.page_sorting .sorting_tit{ padding-right:1.5em;}
.page_sorting .sorting_tit > .tt{ text-transform:uppercase;}
.page_sorting .sorting_list{ flex:1;}
.page_sorting .sorting_list > li .in{ position:relative; padding:0 1em; color:#555;}
.page_sorting .sorting_list > li .in:after{ content:""; display:block; position:absolute; top:50%; right:-1px; width:1px; height:1em; background:#ddd; transform:translateY(-50%);}
.page_sorting .sorting_list > li:last-child .in:after{ display:none;}
.page_sorting .total_search{ width:26em; padding-left:1em;}
.page_sorting .total_search .schTxt{ flex:1;}
.page_sorting .total_search .schBtn{ width:3.5em; padding:0; margin-left:.25em;}

.page_filter_wrap.filterSt1{ margin-bottom:1.25em; padding:0; background:transparent;}
.page_filter_wrap.filterSt1 .dropdown_wrap{ width:100%;}
.page_filter_wrap.filterSt1 .dropdown_wrap .dropdown_inner{ padding:.75em .75em;}
.page_filter_wrap.filterSt1 .dropdown_wrap .check_list{ width:100%;}
.page_filter_wrap.filterSt1 .filter_open_con{ margin-top:.5em;}

/*튜터 리스트*/
.page_tutor_list{}
.page_tutor_list .tutor_list_wrap{}
.page_tutor_list .tutor_list_wrap > li{ margin-top:2em;}
.page_tutor_list .tutor_list_wrap > li:first-child{ margin-top:0;}
.page_tutor_list .tutor_list_wrap .tutorCard .card_inner{ padding:1.5em 1.5em; background:#fff; border:1px solid #e5e7eb; border-radius:.625em; box-shadow:2px 2px .375em rgba(0,0,0,.15);}
.tutorCard .card_inner.flex .tutor_info_wrap{ flex:1; padding-right:2em;}
.tutorCard .card_inner.flex .tutor_info_wrap:last-child{ padding-right:0;}
.tutorCard .card_inner.flex .tutor_info_wrap.infoBottom{ flex:1 1 100%; padding-top:1.5em;}
.tutorCard .card_inner.flex .tutor_desc_wrap{ width:22em; padding-left:2em; padding-top:.375em; border-left:1px solid #ddd;}
.tutorCard .card_inner.flex .tutor_btn_wrap { width:12.5em;}
.tutorCard .card_inner.flex .tutor_btn_wrap > .row{ padding:.125em 0;}
.tutorCard .card_inner .tutor_btn_wrap.flex > .col{ flex:1 1 auto; padding:.125em .125em;}
.tutorCard .card_inner .tutor_btn_wrap.flex > .col .input_st{ display:block;}

.tutorCard .tit_basic{ margin-bottom:.5em; text-transform:uppercase;}
.tutorCard .tit_basic > .tt{ font-size:.813em; color:#333;}

.tutorCard .tutor_info_wrap .info_photo{ width:9em;}
.tutorCard .tutor_info_wrap .info_photo .tutorBadge{ margin-bottom:.5em; text-align:center;}
.tutorCard .tutor_info_wrap .info_photo .tutorBadge > .in{ font-size:.813em; color:#2b9cbb;}
.tutorCard .tutor_info_wrap .info_photo .tutorBadge > .in > .tt{ padding:0 .125em;}
.tutorCard .tutor_info_wrap .info_photo .avatar_wrap{ position:relative;}
.tutorCard .tutor_info_wrap .info_photo .avatar_wrap .avatar_img{ border-radius:50%; overflow:hidden;}
.tutorCard .tutor_info_wrap .info_photo .avatar_wrap .onlineBadge{ position:absolute; right:calc(10% - 0.625em); bottom:10%; box-sizing:border-box; width:1.25em; height:1.25em; background:#ff473e; border:3px solid #fff; border-radius:50%;}
.tutorCard .tutor_info_wrap .info_photo .avatar_wrap .onlineBadge.on { background:#3dab1d;}
.tutorCard .tutor_info_wrap .info_photo .avatar_wrap .onlineBadge.off{ background:#ff473e;}

.tutorCard .tutor_info_wrap .info_photo .rateStar_wrap{ margin-top:1em;}
.rateStar_wrap > *{ padding:0 .125em;}
.rateStar_wrap > *:first-child{ padding-left:0;}
.rateStar_wrap > *:last-child{ padding-right:0;}
.rateStar_wrap > .star{ font-size:1em; color:#ccc;}
.rateStar_wrap > .star:before{ content:"\ea0f";}
.rateStar_wrap > .star.full{ color:#ffc000;}
.rateStar_wrap > .tt.en{ font-weight:600;}
.rateStar_wrap > .txt{ font-size:.938em; color:#333;}
.rateStar_wrap > .tt ~ .txt{ padding-left:1em;}

.rateStar_total{ position:relative; display:inline-block; text-align:left;}
.rateStar_total > .rateStar_wrap > .star{ width:1.25em; min-width:1.25em; padding:0;}
.rateStar_total > .rateStar_wrap.starFill{ position:absolute; top:0; left:0; height:100%; overflow:hidden;}

.rateStar_wrap.starModi{ flex-direction:row-reverse;}
.rateStar_wrap.starModi > input{ display:none;}
.rateStar_wrap.starModi > .star{ font-size:1.375em; cursor:pointer;}
.rateStar_wrap.starModi > .star:hover,
.rateStar_wrap.starModi > .star:hover ~ label{ color:#444;}
.rateStar_wrap.starModi > input:checked ~ label{ color:#ffc000;}
.rateStar_wrap.starModi > .tt{ order:-1; font-size:1.125em;}

.tutorCard .tutor_info_wrap .info_photo .btn_wrap{ margin-top:1em;}
.tutorCard .tutor_info_wrap .info_photo .btn_wrap .tt{ font-size:.875em;}
.tutorCard .tutor_info_wrap .info_photo .avatar_wrap + .btn_wrap{ margin-top:1em;}

.tutorCard .tutor_info_wrap.flex .info_con{ flex:1; padding-left:3em;}
.tutorCard .tutor_info_wrap .info_con .info_top{}
.tutorCard .tutor_info_wrap .info_con .nick_name{ flex:1;}
.tutorCard .tutor_info_wrap .info_con .nick_name .name{ flex:1; font-size:1.250em;}
.tutorCard .tutor_info_wrap .info_con .nick_name a.name:hover{ color:#ff473e;}
.tutorCard .tutor_info_wrap .info_con .nick_name .flag_img{ padding-left:.5em;}
.tutorCard .tutor_info_wrap .info_con .nick_name .flag_img img{ width:1.25em;}
.tutorCard .tutor_info_wrap .info_con .nick_name .summary{ margin-top:.5em;}
.tutorCard .tutor_info_wrap .info_con .nick_name .summary .tt{ font-size:.938em;}
.tutorCard .tutor_info_wrap .info_con .side_btn{ margin-left:1em;}
.tutorCard .tutor_info_wrap .info_con .side_btn > li{ padding:0 .25em;}
.tutorCard .tutor_info_wrap .info_con .side_btn > li a{ display:block; color:#666;}
.tutorCard .tutor_info_wrap .info_con .side_btn > li .in{}
.tutorCard .tutor_info_wrap .info_con .side_btn > li .in .xi{ font-size:1.750em;}
.tutorCard .tutor_btn_wrap .side_btn > li a{ display:block; color:#666;}
.tutorCard .tutor_btn_wrap .side_btn > li .in .xi{ font-size:1.750em;}

.tutorCard .tutor_info_wrap .info_con .state_wrap{ margin-bottom:.75em;}

.tutorCard .tutor_info_wrap .info_con .text_list{ margin-top:.5em;}
.tutorCard .tutor_info_wrap .info_con .text_list > li{ padding:.25em 0;}
.tutorCard .tutor_info_wrap .info_con .text_list > li .in{ color:#666;}
.tutorCard .tutor_info_wrap .info_con .text_list > li .in .xi{ padding-right:.375em; font-size:.938em;}
.tutorCard .tutor_info_wrap .info_con .text_list > li .in .tt{ flex:1; font-size:.813em;}

.tutorCard .tutor_info_wrap .info_con .speak_wrap{ margin-top:.5em;}
.tutorCard .tutor_info_wrap .info_con .speak_wrap .speak_list .speak_item{ padding:.25em .5em .25em 0;}
.tutorCard .tutor_info_wrap .info_con .speak_wrap .speak_list .speak_item > *{ display:inline-block; vertical-align:middle;}
.tutorCard .tutor_info_wrap .info_con .speak_wrap .speak_list .speak_item .speakLang{ font-size:.938em;}
.tutorCard .tutor_info_wrap .info_con .speak_wrap .speak_list .speak_item .speakLevel{ font-size:.813em; color:#140d80; margin-left:.5em; padding:.25em .75em; background:#cde2f6; border-radius:.375em;}
.tutorCard .tutor_info_wrap .info_con .speak_wrap .speak_list .speak_item .speakLevel.native{ color:#ff473e; background:#ffcac5;}
.tutorCard .tutor_info_wrap .info_con .speak_wrap .speak_list .more_item{ margin-left:.5em; border-bottom:1px dotted #aaa; color:#888;}
.tutorCard .tutor_info_wrap .info_con .speak_wrap .speak_list .more_item > .tt{ font-size:.938em;}

.tutorCard .tutor_info_wrap .info_con .price_wrap{ margin-top:.5em;}
.tutorCard .tutor_info_wrap .info_con .price_wrap .price_list{}
.tutorCard .tutor_info_wrap .info_con .price_wrap .price_list > li{ flex:1;}
.tutorCard .tutor_info_wrap .info_con .price_wrap .price_list > li .price_in{ padding:.25em 2em; border-left:1px dashed #ccc;}
.tutorCard .tutor_info_wrap .info_con .price_wrap .price_list > li:first-child .price_in{ padding-left:0; border-left-width:0;}
.tutorCard .tutor_info_wrap .info_con .price_wrap .price_list > li:last_child .price_in{ padding-right:0;}
.tutorCard .tutor_info_wrap .info_con .price_wrap .price_list > li .time{ font-size:.813em; color:#888;}
.tutorCard .tutor_info_wrap .info_con .price_wrap .price_list > li .price{ margin-top:.5em; font-size:1.125em; font-weight:600;}
.tutorCard .tutor_info_wrap .info_con .price_wrap .price_list > li .sel_price{ margin-top:.5em; font-size:.813em; color:#333;}

.tutorCard .tutor_info_wrap .info_con .time_wrap{ margin-top:1em;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in{ color:#333;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > a{ padding:.375em .75em; border-radius:5em;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > a:first-child{ padding-left:0;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > .xi{}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > .time{}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > .refill{}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > .refill > .tt{ padding-right:.5em;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > .refill > .refill_icon:before{ content:"\eb21";}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > .refill.on > .refill_tt,
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > .refill.on > .refill_icon{ color:#ff473e;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > .refill.off > .refill_tt,
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > .refill.off > .refill_icon{ color:#bbb;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_in > a[href]:hover{ background:#f5f6f9;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .time_con{ padding:.5em 0;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .toggleWrap .time_con{ display:none;}
.tutorCard .tutor_info_wrap .info_con .time_wrap .toggleWrap.on .time_con{ display:block;}

.tutorCard .tutor_info_wrap .info_con .time_wrap.timeSt2 .time_in > .xi{ font-size:1.125em;}
.tutorCard .tutor_info_wrap .info_con .time_wrap.timeSt2 .time_in > .time{ font-size:.813em;}

.tutorCard .tutor_desc_wrap .desc_con{ padding-top:1.25em;}
.tutorCard .tutor_desc_wrap .page_tit + .desc_con{ padding-top:0;}
.tutorCard .tutor_desc_wrap .desc_con .wrap_bg{ padding:1.5em 1.75em; background:#f5f6f9; border-radius:.625em;}
.tutorCard .tutor_desc_wrap .desc_hidden{ box-sizing:border-box;}
.tutorCard .tutor_desc_wrap .desc_hidden .desc_in{ box-sizing:border-box; max-height:4em; overflow:hidden;}
.tutorCard .tutor_desc_wrap .desc_con .desc_tt{ font-size:.813em; line-height:1.8em;}
.tutorCard .tutor_desc_wrap .desc_con .read_more{ display:inline-block; margin-top:1em; color:#ff473e;}
.tutorCard .tutor_desc_wrap .desc_con .read_more .tt{ font-size:.813em;}

/*마이페이지 스케줄 학생 리스트*/
.my_student_list .student_list_wrap > li .card_inner{ padding:1em .25em; border:solid #e5e7eb; border-width:1px 0 0 0;}
.my_student_list .student_list_wrap > li:last-child .card_inner{ border-bottom-width:1px;}
.my_student_list .tutorCard:first-child{ margin-top:0;}
.my_student_list .tutorCard{ margin-top:2em;}
.my_student_list .tutorCard .tutor_info_wrap .info_photo{ width:6em;}
.my_student_list .tutorCard .tutor_info_wrap .info_con .nick_name .name{ font-size:1.125em;}
.my_student_list .tutorCard .tutor_info_wrap .info_con .text_list{ margin-top:.5em;}
.my_student_list .tutorCard .tutor_btn_wrap .input_st.s2 > .tt{ font-size:.875em;}
.my_student_list .tutorCard .card_inner.flex .tutor_desc_wrap{ width:20em; padding-left:0; border-left-width:0;}
.my_student_list .tutorCard .tutor_desc_wrap .desc_con{ padding-top:0;}

.my_student_list.list_boxSt .student_list_wrap > li{ margin-top:.5em;}
.my_student_list.list_boxSt .student_list_wrap > li:first-child{ margin-top:0;}
.my_student_list.list_boxSt .student_list_wrap > li .card_inner{ padding:1.5em 1.5em; border-width:1px !important;}

/*마이페이지 튜터 학생별 수업 관리*/
.my_student_list.list_boxSt .tutorCard.objActive > .card_inner{ background:#f5f5f5;}
.my_student_list.list_boxSt .tutorCard.objActive .objClick{ color:#2b9cbb;}

/**/
.tutorCard.smallSt{}
.tutorCard.smallSt .tutor_info_wrap .info_photo{ width:4em !important;}
.tutorCard.smallSt .tutor_info_wrap .info_con .nick_name .name{ font-size:.938em !important;}
.tutorCard.smallSt .tutor_info_wrap .info_con{ padding-left:1.5em !important;}
.tutorCard.smallSt .tutor_info_wrap .info_top ~ *{ margin-top:.5em !important;}

/*튜터 세부정보, 크레딧구매*/
.page_tutor_view{}
.page_tutor_view .tutor_view_layout{}
.page_tutor_view .tutor_view_layout > .tutor_view_cont{ flex:1;}
.page_tutor_view .tutor_view_layout > .tutor_view_side{ position:sticky; position:-webkit-sticky; top:5.5em; width:26em; padding-left:1.5em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .side_inner{ padding:2em 2em;}
.page_tutor_view .tutor_view_layout .view_section{ margin-top:1.25em;}
.page_tutor_view .tutor_view_layout .view_section:first-child{ margin-top:0;}

.page_tutor_view .tutor_view_layout > .tutor_view_side .price_wrap .price_list > li .price_in{ padding:.375em 0;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .price_wrap .price_list > li .priceL{ flex:1;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .price_wrap .price_list > li .priceR{ padding-left:.5em; text-align:right;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .price_wrap .price_list > li .time{ font-size:.938em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .price_wrap .price_list > li .price{ font-size:1.250em; font-weight:600;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .price_wrap .price_list > li .price2{ font-size:1em; font-weight:600;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .price_wrap .price_list > li .sel_price{ margin-top:.5em; font-size:.813em; color:#333;}

.page_tutor_view .tutor_view_layout > .tutor_view_side .btn_wrap{ margin-top:2em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .btn_wrap > li{ margin-top:.5em;}
.page_tutor_view .tutor_view_layout > .tutor_view_side .btn_wrap > li:first-child{ margin-top:0;}

.page_tutor_view .tutor_view_layout > .tutor_view_side .sch_wrap .group_inpBtn > .schBtn{ padding:0 0; width:3em; min-width:auto !important;}

.page_view_review{}

.review_rating_box{}
.review_rating_box .rate_overview{ width:9em; text-align:center;}
.review_rating_box .rate_overview > .wrap_in{ flex:1;}
.review_rating_box .rate_overview .rateSec{ padding:.25em 0 .5em 0;}
.review_rating_box .rate_overview .rateNum .tt{ font-size:2.500em;}
.review_rating_box .rate_overview .rateTxt .tt{ font-size:.938em;}

.review_rating_box .rate_distribution{ flex:1; padding:0 1em 0 3em; border-left:1px solid #e5e7eb;}
.review_rating_box .rate_distribution > .wrap_list > li{ padding:.5em 0;}
.review_rating_box .rate_distribution > .wrap_list .item{}
.review_rating_box .rate_distribution > .wrap_list .item .tt{ font-size:.813em; color:#333;}
.review_rating_box .rate_distribution > .wrap_list .item .rateScore{ width:4.5em;}
.review_rating_box .rate_distribution > .wrap_list .item .ratePers { width:4em; padding-left:1em;}
.review_rating_box .rate_distribution > .wrap_list .item .rateBar{ flex:1; position:relative; height:8px; background:#e5e7eb; border-radius:5em; overflow:hidden;}
.review_rating_box .rate_distribution > .wrap_list .item .rateBar .barFill{ position:absolute; top:0; left:0; height:100%; background:#ffc000;}

.review_list_box{}
.review_list_box .review_list{}
.review_list_box .review_list > li{ border:solid #e5e7eb; border-width:1px 0 0 0;}
.review_list_box .review_list .review_inner{ padding:2em 0;}
.review_list_box .review_list .review_inner .avatar_wrap{ width:5em; margin-right:1.5em;}
.review_list_box .review_list .review_inner .avatar_wrap .avatar_img{ border-radius:50%; overflow:hidden;}
.review_list_box .review_list .review_inner .con_wrap{ flex:1;}
.review_list_box .review_list .review_inner .conName > .name{ font-size:.938em; color:#333;}
.review_list_box .review_list .review_inner .conName > .rateStar_wrap{ margin-left:.75em;}
.review_list_box .review_list .review_inner .conDate{ margin-top:.375em;}
.review_list_box .review_list .review_inner .conDate > .tt{ font-size:.750em; color:#888;}
.review_list_box .review_list .review_inner .conTxt{ margin-top:.75em;}
.review_list_box .review_list .review_inner .conTxt > .tt{ font-size:.813em; line-height:1.8;}
.review_list_box .review_list .review_inner .conBtn{ margin-top:.5em;}

.page_column_list{}
.page_column_list .column_list{}
.page_column_list .column_list > li{ border:solid #e5e7eb; border-width:1px 0 0 0;}
.page_column_list .column_list .column_inner{ padding:1.5em 0;}
.page_column_list .column_list .column_inner .row{ padding:.25em 0;}
.page_column_list .column_list .column_inner .txt{ line-height:1.5;}
.page_column_list .column_list .column_inner .columnLeft{ width:6.5em;}
.page_column_list .column_list .column_inner .columnLeft .tit{ font-size:.750em;}
.page_column_list .column_list .column_inner .columnLeft .txt{ font-size:.813em; color:#888;}
.page_column_list .column_list .column_inner .columnCont{ flex:1; padding-left:2em;}
.page_column_list .column_list .column_inner .columnCont .txt{ font-size:.813em; color:#333; overflow:hidden;}
.page_column_list .column_list .column_inner .columnCont .row.flex .txt{ flex:1;}
.page_column_list .column_list .column_inner .price_wrap .price_list > li .price_in{ padding:.375em 0;}
.page_column_list .column_list .column_inner .price_wrap .price_list > li .priceL{ flex:1;}
.page_column_list .column_list .column_inner .price_wrap .price_list > li .priceR{ padding-left:.5em; text-align:right;}
.page_column_list .column_list .column_inner .price_wrap .price_list > li .time{ font-size:.938em;}
.page_column_list .column_list .column_inner .price_wrap .price_list > li .price{ font-size:1.250em; font-weight:600;}
.page_column_list .column_list .column_inner .price_wrap .price_list > li .price2{ font-size:1em; font-weight:600;}
.page_column_list .column_list .column_inner .price_wrap .price_list > li .sel_price{ margin-top:.5em; font-size:.813em; color:#333;}

.page_column_list.pd1 .column_list .column_inner{ padding:1em 0;}

.page_column_list .column_list .column_inner2 {}
.page_column_list .column_list .column_inner2 .columnTop {padding: 1em 0;}
.page_column_list .column_list .column_inner2 .columnTop .price_wrap {width: 55%;}
.page_column_list .column_list .column_inner2 .columnTop .price_box {}
.page_column_list .column_list .column_inner2 .columnTop .price { font-size:1.250em; font-weight:600;}
.page_column_list .column_list .column_inner2 .columnTop .price2 { font-size:1em; font-weight:600;}
.page_column_list .column_list .column_inner2 .columnTop .sel_price { margin-top:.5em; font-size:.813em; color:#333;}
.page_column_list .column_list .column_inner2 .columnBotm {margin-bottom: 1.5em; padding: 1.5em 1.75em; background: #f5f6f9; border-radius: .625em;}
.page_column_list .column_list .column_inner2 .columnBotm .txt{ font-size:.813em; color:#333; overflow:hidden; line-height: 1.5;}


.diplomaBadge{ position:relative; display:inline-block; padding-left:1.25em; margin:0 .5em; color:#3dab1d;}
.diplomaBadge:first-child{ margin-left:0;}
.diplomaBadge:last-child{ margin-right:0;}
.diplomaBadge > .badge_icon{ position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:1em; line-height:1;}
.diplomaBadge > .badge_icon:before{ content:"\e92b";}
.diplomaBadge > .badge_tt{ font-size:.813em;}


/*튜터되기*/
.page_tutor_top{ position:relative; padding:2em 0;}
.page_tutor_top:before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.7;
background-image:-webkit-linear-gradient(bottom,#000,#00000033,#00000000);
background-image:linear-gradient(0deg,#000,#00000033,#00000000);}
.page_tutor_top > .inner{ position:relative;}
.page_tutor_top .tutor_form{ width:34em; max-width:100%;}
.page_tutor_top .tutor_txt{ flex:1; padding:1em 0 6em 6em; color:#fff;}
.page_tutor_top .tutor_txt .tit{}
.page_tutor_top .tutor_txt .txt{ margin-top:1.75em;}
.page_tutor_top .tutor_txt .t1{ font-size:2.875em;}
.page_tutor_top .tutor_txt .t2{ font-size:1.125em; line-height:1.8;}
.page_tutor_top .tutor_txt .t3{ font-size:.938em; line-height:1.8;}
.page_tutor_top .tutor_txt .t4{ font-size:1.250em; line-height:1.8;}


/*칼럼*/
.column_sticky_wrap .column_sticky{ position:sticky; position:-webkit-sticky; top:4em; z-index:100;}
.page_column_top{ background:#f5f6f9;}
.column_filter_wrap{}
.column_filter_wrap .filterH{ height:4.5em;}
.column_filter_wrap .filter_category{ flex:1;}
.column_filter_wrap .filter_category .cate_list{}
.column_filter_wrap .filter_category .cate_list > li{}
.column_filter_wrap .filter_category .cate_list > li .in{ position:relative; padding:0 1.25em; color:#888;}
.column_filter_wrap .filter_category .cate_list > li .tt{ font-size:.938em;}
.column_filter_wrap .filter_category .cate_list > li:hover .in,
.column_filter_wrap .filter_category .cate_list > li.on .in{ color:#000;}
.column_filter_wrap .filter_category .cate_list > li.on .in:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#ff473e;}
.column_filter_wrap .filter_select .label_select{ margin-right:.5em;}
.column_filter_wrap .filter_search{ width:22em;}
.column_filter_wrap .filter_search .schTxt{ flex:1;}
.column_filter_wrap .filter_search .schBtn{ width:3.5em; padding:0; margin-left:.25em;}

.page_sub_columnList{}
.page_sub_columnList.newSt .columnList_wrap{ margin:0 0 -.75em -.75em;}
.page_sub_columnList.newSt .columnList_wrap .columnCard .card_inner{ margin:0 0 .75em .75em;}
.page_sub_columnList.defSt .columnList_wrap{ margin:0 0 -1.875em -1.875em;}
.page_sub_columnList.defSt .columnList_wrap .columnCard .card_inner{ margin:0 0 1.875em 1.875em;}
.page_sub_columnList .columnList_wrap .columnCard{ flex:1;}
.page_sub_columnList .columnList_wrap li.columnCard{ flex:1 1 33.33%; max-width:33.33%;}
.page_sub_columnList .columnList_wrap .columnCard .card_inner{ position:relative; flex:1; margin:0 0 1.875em 1.875em; border-radius:.625em; box-shadow:2px 2px .375em rgba(0,0,0,.1); overflow:hidden; transition:box-shadow .3s;}
.page_sub_columnList .columnList_wrap .columnCard .photo{ overflow:hidden;}
.page_sub_columnList .columnList_wrap .columnCard .photo > .img{ transition:transform .3s;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap{ padding:1.5em 1.5em;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .cate{ margin-bottom:.5em;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .cate > .tt{ font-size:.813em; color:#ff473e;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .tit{ line-height:1.5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .tit > .tt{ font-size:.938em;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .tit .xi{ margin-right:.25em;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .tit .xi:before{ line-height:inherit;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .txt{ margin-top:1em; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#666;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .txt > .tt{ font-size:.813em;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .date{ margin-top:1em;}
.page_sub_columnList .columnList_wrap .columnCard .con_wrap .date > .tt{ font-size:.813em; color:#888;}

.page_sub_columnList .columnList_wrap .columnCard .iconPos{ position:absolute; top:.5em; left:.5em;}
.page_sub_columnList .columnList_wrap .columnCard .iconPos > .icon{ box-sizing:border-box; width:1em; height:1em; background:#ccc; border:3px solid #fff; box-shadow:1px 1px .375em rgba(0,0,0,.2); border-radius:50%;}
.page_sub_columnList .columnList_wrap .columnCard .iconPos > .icon.on{ background:#3dab1d;}

.page_sub_columnList.newSt .columnList_wrap > .newBig{ width:42%;}
.page_sub_columnList.newSt .columnList_wrap > .newBig .con_wrap .tit{ white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.page_sub_columnList.newSt .columnList_wrap > .newCon{ flex:1;}
.page_sub_columnList.newSt .columnList_wrap > .newCon .con_wrap{ padding:.75em .75em;}

.page_sub_columnList .columnList_wrap .columnCard .card_inner:hover{ box-shadow:2px 2px .75em rgba(0,0,0,.2);}
.page_sub_columnList .columnList_wrap .columnCard .card_inner:hover .photo > .img{ transform:scale(1.1);}

.page_sub_columnView{ width:54em; max-width:100%; margin:0 auto;}
.page_sub_columnView .view_section{ margin-top:1.25em;}
.page_sub_columnView .view_section:first-child{ margin-top:0;}
.page_sub_columnView .column_view_top .tit_wrap{ border-bottom:1px dashed #ccc;}
.page_sub_columnView .column_view_top .tit_wrap > .cate{ margin-bottom:1em;}
.page_sub_columnView .column_view_top .tit_wrap > .cate .input_st{ font-size:.750em;}
.page_sub_columnView .column_view_top .tit_wrap > .tit > .tt{ font-size:1.500em; line-height:1.4;}
.page_sub_columnView .column_view_top .tit_wrap > .date{ margin-top:1em; padding:0 0 1.25em 0;}
.page_sub_columnView .column_view_top .tit_wrap > .date > .tt{ font-size:.813em; color:#888;}
.page_sub_columnView .column_view_top .img_wrap{ margin-top:2em;}
.page_sub_columnView .column_view_txt{ font-size:.938em; line-height:1.8;}
.page_sub_columnView .column_view_chk .tt{ font-size:.938em;}
.page_sub_columnView .column_view_top .img_wrap i,
.page_sub_columnView .column_view_txt i{ font-style:italic;}

/*구매 레슨선택*/
.page_choiceLesson_wrap{}
.page_choiceLesson_wrap > .choiceLesson_list{ margin:0 0 -.75em -.75em;}
.page_choiceLesson_wrap > .choiceLesson_list > li{ flex:1 1 100%;}
.page_choiceLesson_wrap > .choiceLesson_list > li > .card_inner{ flex:1; margin:0 0 .75em .75em;}
.choiceLesson > .card_inner{ position:relative; padding:1em 1.25em; overflow:hidden; box-sizing:border-box; cursor:pointer;}
.choiceLesson > .card_inner .creLine{ position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background:#fff; border:2px dotted #e5e7eb; border-radius:.625em;}
.choiceLesson > .card_inner .creLine ~ *{ position:relative;}
.choiceLesson > .card_inner:before,
.choiceLesson > .card_inner:after { content:""; position:absolute; z-index:1; top:50%; width:1.5em; height:1.5em; border-radius:50%; background:#fff; border:2px solid #ff473e; display:none;}
.choiceLesson .card_inner{ padding:1.5em 1.75em;}
.choiceLesson .card_inner .row{ padding:.25em 0;}
.choiceLesson .card_inner .txt{ line-height:1.5;}
.choiceLesson .card_inner .columnLeft{ }
.choiceLesson .card_inner .columnLeft .tit{ font-size:.750em;}
.choiceLesson .card_inner .columnLeft .txt{ font-size:.813em; color:#888;}
.choiceLesson .card_inner .columnRight .price_wrap{}
.choiceLesson .card_inner .columnRight .price_wrap .price_list{}
.choiceLesson .card_inner .columnRight .price_wrap .tit_basic > .tt{ font-size: .813em;color: #333;}
.choiceLesson .card_inner .columnRight .price_wrap .price_list > li .price_in{ padding:.25em 0; }
.choiceLesson .card_inner .columnRight .price_wrap .price_list > li .time{ font-size:.813em; color:#888;}
.choiceLesson .card_inner .columnRight .price_wrap .price_list > li .price{ font-size:1.250em; font-weight:600;}
.choiceLesson .card_inner .columnRight .price_wrap .price_list > li .sel_price{ font-size:.813em; color:#333;}
.choiceLesson .card_inner .columnInfo .price_wrap .price_list > li .price_in{ padding:.375em 0;}
.choiceLesson .card_inner .columnInfo .price_wrap .price_list > li .priceL{ flex:1;}
.choiceLesson .card_inner .columnInfo .price_wrap .price_list > li .priceR{ padding-left:.5em; text-align:right;}
.choiceLesson .card_inner .columnInfo .price_wrap .price_list > li .time{ font-size:.938em;}
.choiceLesson .card_inner .columnInfo .price_wrap .price_list > li .price{ font-size:1.250em; font-weight:600;}
.choiceLesson .card_inner .columnInfo .price_wrap .price_list > li .price2{ font-size:1em; font-weight:600;}
.choiceLesson .card_inner .columnInfo .price_wrap .price_list > li .sel_price{ margin-top:.5em; font-size:.813em; color:#333;}

.choiceLesson.on > .card_inner .creLine{ border-style:solid; border-color:#ff473e;}
.choiceLesson.off {opacity: 0.5;pointer-events: none;user-select: none;}
.choiceLesson.off > .card_inner{ cursor:default;}

/*일일공부*/
.board_commu_title{ gap:0 1em;}
.board_commu_title .tit_wrap{ flex:1; gap:1em 0;}
.board_commu_title .tit_wrap .date{ font-size:.813em; color:#666;}
.board_commu_title .tit_wrap .sbj{ font-size:1.500em;}
.board_commu_title .side_btn > li .in .xi{ font-size:1.750em;}

.board_commu_view .con_txt i{ font-style:italic;}
.board_commu_view .con_txt.st1{ gap:0 .5em; color:#444;}
.board_commu_view .con_txt.st1 + .con_txt.st1{ margin-top:.375em;}
.board_commu_view .con_txt.st1 .eg{ min-width:2em;}
.board_commu_view .con_txt.st1 .tt{ flex:1;}

/*소통하기*/
.board_commu_writer{}
.board_commu_writer .avatar_wrap{ width:2.75em; margin-right:1em;}
.board_commu_writer .avatar_wrap .avatar_img{ border-radius:50%; overflow:hidden;}
.board_commu_writer .avatar_wrap .avatar_img .pic.pers:before{ font-size:2em;}
.board_commu_writer .comm_write{ flex:1;}
.board_commu_writer .nick_name{ flex:1;}
.board_commu_writer .nick_name .name{ flex:1; font-size:1em;}
.board_commu_writer .nick_name .flag_img{ padding-left:.5em;}
.board_commu_writer .nick_name .flag_img img{ width:1.25em;}
.board_commu_writer .nick_name .type{ margin-top:.375em;}
.board_commu_writer .nick_name .type .tt{ position:relative; padding:0 .75em; font-size:.750em; color:#666;}
.board_commu_writer .nick_name .type .tt:before{ content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:.875em; background:#ddd; transform:translateY(-50%);}
.board_commu_writer .nick_name .type .tt:first-child{ padding-left:0;}
.board_commu_writer .nick_name .type .tt:first-child:before{ display:none;}
.board_commu_writer .side_btn{ margin-left:1em;}
.board_commu_writer .side_btn > li{ padding:0 .25em;}
.board_commu_writer .side_btn > li a{ display:block; color:#666;}
.board_commu_writer .side_btn > li .in .xi{ font-size:1.250em;}

.board_commu_view{ margin-top:1.25em;}
.board_commu_view .con_wrap{}
.board_commu_view .con_hidden{ max-height:7.625em;}
.board_commu_view .con_txt{ font-size:.938em; line-height:1.6em;word-break:break-all !important;}
.board_commu_view .read_more{ display:inline-block; margin-top:1em; color:#ff473e;}
.board_commu_view .read_more > .tt{ font-size:.813em;}

.board_commu_thumb{ margin-top:1em;}
.board_commu_thumb .commu_thumb_list{ margin:0 0 -3px -3px;}
.board_commu_thumb .commu_thumb_list > .item{ flex:1 1 25%;}
.board_commu_thumb .commu_thumb_list > .item .thumb_in{ flex:1; margin:0 0 3px 3px; border:1px solid #ddd; border-radius:.25em; overflow:hidden;}
.board_commu_thumb .commu_thumb_list > .item .thumb_in .img{}
.board_commu_thumb .commu_thumb_list > .item.more .thumb_in{ position:relative;}
.board_commu_thumb .commu_thumb_list > .item.more .thumb_in .moreTxt{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); font-size:1.500em; color:#fff; font-weight:700}
.board_commu_thumb .commu_thumb_list > .item:nth-child(n + 5){ display:none;}

.board_commu_thumb.max .commu_thumb_list > .item{ max-width:25%;}
.board_comment .comment_cont .comm_reView .board_commu_thumb.max .commu_thumb_list > .item{ flex:0 1 auto; max-width:80%;}

/*댓글*/
.board_comment{}
.board_comment .comment_head{}
.board_comment .comment_head .comm_tit{ margin-bottom:.75em;}
.board_comment .comment_head .comm_tit .tt{ font-size:.938em; color:#888;}
.board_comment .comment_head .comm_tit .tt > *{ padding:0 .25em;}
.board_comment .comment_head .comm_tit .num{ font-size:1.250em;}
.board_comment .comm_write{ padding:.75em 1em; background:#fff; border:2px solid #d4d5d8; border-radius:.5em;}
.board_comment .comm_write .write_wrap{}
.board_comment .comm_write .write_wrap .comm_txt{ display:block; box-sizing:border-box; width:100%; height:1.5em; line-height:1.5em; background:transparent; border:0;}
.board_comment .comm_write .btn_wrap{ margin-top:.75em;}
.board_comment .comm_write .onShow{ display:none;}

.comm_file_upload_thumb{}
.comm_file_upload_thumb > .item{ width:16.66%; margin-top:.75em;}
.comm_file_upload_thumb > .item .img .del{ position:absolute; top:.25em; right:.25em;}
.comm_file_upload_thumb > .item .img .del .xi{}
.comm_file_upload_thumb > .item .img .del .xi:before{ content:"\e924";}

.comm_file_upload_thumb.st2{ margin:0 0 -.75em -.75em;}
.comm_file_upload_thumb.st2 > .item{ width:20%; margin:0;}
.comm_file_upload_thumb.st2 > .item > .in{ margin:0 0 .75em .75em;}

.board_comment .comm_write.on .write_wrap .comm_txt{ height:6em; line-height:1.4;}
.board_comment .comm_write.on .onShow{ display:block;}

.board_comment .comment_cont{ padding-top:1.75em;}
.board_comment .comment_cont .comm_reView{ margin-left:3.75em;}
.board_comment .comment_cont .comm_reView .comment_cont{ padding-left:1em; border-left:1px solid #ddd;}
.board_comment .comment_cont .comm_reView .comment_cont:first-child{ margin-top:1.5em; padding-top:.5em;}

.board_comment .comment_cont .comm_reWriter{ margin-top:1em;}
.board_comment .comment_cont .comm_reWriter .board_commu_writer{ display:none;}
.board_comment .comment_cont .comm_reWriter.open .board_commu_writer{ display:block;}
.board_comment .comment_cont .comm_reWriter.open .board_commu_writer.flex{ display:flex;}
.board_comment .comment_cont .comm_reWriter.open .comm_reBtn{ display:none;}

/*이미지 팝업*/
.imgViewLayer{display:none; position:fixed; left:0; top:0; background:rgba(0,0,0,.7); z-index:1000; width:100%; height:100%; box-sizing:border-box;}
.imgViewLayer.on{display:block;}
.imgViewLayer .imgViewSlide{height:100%; width:100%; position:relative;}
.imgViewLayer .imgViewSlide .el{height:100%;opacity:0 !important;}
.imgViewLayer .imgViewSlide .el.swiper-slide-active{opacity:1 !important;}
.imgViewLayer .imgViewSlide .el img{ max-width:calc(95vw - 7.5em); max-height:calc(95vh - 2.5em); margin-bottom:2.5em;}
.imgViewLayer .imgViewSlide .btns_wrap{position:absolute; left:0; top:50%; width:100%; z-index:10;}
.imgViewLayer .imgViewSlide .btns_wrap .imgViewPrev{position:absolute; left:2vw; top:0; z-index:100; transform:translateY(-50%);}
.imgViewLayer .imgViewSlide .btns_wrap .imgViewNext{position:absolute; right:2vw; top:0; z-index:100; transform:translateY(-50%);}
.imgViewLayer .imgViewSlide .btns_wrap > span{display:flex; justify-content:center; align-items:center; width:2.25em; height:2.25em; background:#fff; border:3px solid #ddd; border-radius:50%; color:#333; transition:.2s; font-size:1.5em; cursor:pointer;}
.imgViewLayer .imgViewSlide .btns_wrap > span:hover{background:#ff473e; border-color:#ff473e; color:#fff;}
.imgViewLayer .imgViewSlide .btns_wrap .swiper-button-disabled{ display:none;}
.imgViewLayer .imgViewSlide .swiper-pagination{color:#fff;}
.imgViewLayer .imgViewSlide .swiper-pagination .swiper-pagination-current{ font-size:1.375em;}
.imgViewLayer .imgViewClose{position:absolute; right:1.5em; top:1em; color:#fff; cursor:pointer; transition:.2s; font-size:2em; z-index:2;}
.imgViewLayer .imgViewClose:hover{color:#ff473e;}


/*주간캘린더, 학습목표 설정*/
.page_lessons_top{ margin-bottom:1em;}
.page_lessons_top .date > .tt{ text-transform:uppercase;}
.page_lessons_top .date > .t1{ font-weight:600;}
.page_lessons_top .date > .t2{ font-size:.938em; color:#666;}
.page_lessons_top .date > .t3{ font-size:1.063em;}
.page_lessons_top .btn{ padding-left:1em;}
.page_lessons_top .arrow_btn{}
.page_lessons_top .arrow_btn > li{ padding:0 .25em;}
.page_lessons_top .arrow_btn > li .in{ width:2.5em; height:2.5em; background:#ff9c92; border-radius:50%; color:#fff;}
.page_lessons_top .arrow_btn > li .in.none{ opacity:.4; cursor:default;}
.page_lessons_top .arrow_btn > li .in:not(.none):hover{ background:#ff473e;}
.page_lessons_top .arrow_btn ~ .date{ padding-left:1em;}
.page_lessons_top .sel{ flex:1 1 100%; margin-top:.75em;}
.page_lessons_top .date + .btn,
.page_lessons_top .date + .arrow_btn{ margin-left:auto;}

.page_lessons_box{ margin:0 0 -1em -1em;}
.page_lessons_box .lessons_left{ width:40%;}
.page_lessons_box .lessons_right{ width:60%;}
.page_lessons_box .lessons_section{ flex:1; margin:0 0 1em 1em; padding:1.5em 1.5em; background:#fff; border:1px solid #e5e7eb; border-radius:.625em; box-shadow:2px 2px .375em rgba(0,0,0,.15);}
.page_lessons_box .flex.col .lessons_section{ width:auto;}
.page_lessons_box .lessons_sticky{ position:sticky; position:-webkit-sticky; top:5em; z-index:99;}

.page_visu_graph1{}
.page_visu_graph1 > .graph_inner{ position:relative; padding-bottom:2em;}
.page_visu_graph1 > .graph_inner .bar_wrap{ position:relative; display:block; height:3px; background:#e5e7eb;}
.page_visu_graph1 > .graph_inner .bar_wrap .circle_item{ position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); counter-reset:num 0;}
.page_visu_graph1 > .graph_inner .bar_wrap .circle_item > .item{ flex:1; position:relative; text-align:center;}
.page_visu_graph1 > .graph_inner .bar_wrap .circle_item > .item > .icon{ box-sizing:border-box; display:inline-block; width:1.125em; height:1.125em; border:3px solid #fff; background:#ccc; border-radius:50%;}
.page_visu_graph1 > .graph_inner .bar_wrap .circle_item > .item:last-child > .icon{ box-shadow:1px 1px .25em rgba(0,0,0,.2);}
.page_visu_graph1 > .graph_inner .bar_wrap .circle_item > .item:after{ content: counter(num); counter-increment:num 1; display:block; position:absolute; top:100%; left:50%; margin-top:.5em; font-size:.750em; font-weight:600; transform:translateX(-50%);}
.page_visu_graph1 > .graph_inner .bar_wrap .circle_item.start0{ counter-reset:num 0;}
.page_visu_graph1 > .graph_inner .bar_wrap .circle_item.start1{ counter-reset:num 0;}
.page_visu_graph1 > .graph_inner .bar_wrap .circle_item > .item.on{ color:#3dab1d;}
.page_visu_graph1 > .graph_inner .bar_wrap .circle_item > .item.on > .icon{ background:#3dab1d;}

.page_visu_graph2{ padding-top:2em;}
.page_visu_graph2 > .graph_inner{ margin:0 0 -.25em -.25em;}
.page_visu_graph2 > .graph_inner > li{ flex:1;}
.page_visu_graph2 > .graph_inner > li .item{ flex:1; position:relative; margin:0 0 .25em .25em; padding:.75em .25em; background:#fff; border:1px solid #ddd; border-radius:.25em; text-align:center;}
.page_visu_graph2 > .graph_inner > li .item > .tt{ flex:1; font-size:.750em;}
.page_visu_graph2 > .graph_inner > li .item > .tt > *{ display:block;}
.page_visu_graph2 > .graph_inner > li .item > .tt.en strong{ font-weight:600;}
.page_visu_graph2 > .graph_inner > li.today .item{ border-color:#999;}
.page_visu_graph2 > .graph_inner > li.today .item:before{ content:"이번주"; display:block; box-sizing:border-box; position:absolute; bottom:calc(100% + .5em); left:0; width:100%; padding:.5em .5em; background:#646464; border-radius:6em; font-size:.750em; color:#fff;}
.page_visu_graph2 > .graph_inner > li.goalY .item{ background:#d9f2d2; cursor:pointer;}
.page_visu_graph2 > .graph_inner > li.goalN .item{ background:#f1f1f1;}
.page_visu_graph2 > .graph_inner > li.class .item{ background:#f4e7bf; cursor:pointer;}

.page_lessons_box .lessons_section .graph_icon > li > .in{ padding-left:2em;}
.page_lessons_box .lessons_section .graph_icon > li > .in:before{ top:50%; width:1.5em; height:1.5em; border-radius:.25em; transform:translateY(-50%);}
.page_lessons_box .lessons_section .graph_icon > li:nth-child(1) > .in:before{ background:#d9f2d2;}
.page_lessons_box .lessons_section .graph_icon > li:nth-child(2) > .in:before{ background:#f1f1f1;}
.page_lessons_box .lessons_section .graph_icon > li:nth-child(3) > .in:before{ background:#f4e7bf;}

.weekly_calendar_wrap{ text-align:center;}
.weekly_calendar_wrap .weekly_head,
.weekly_calendar_wrap .weekly_con{ margin:0 0 0 -.375em;}
.weekly_calendar_wrap .weekly_head .dayHead > li .head_in,
.weekly_calendar_wrap .weekly_con .dayCon > li .con_in{ margin:0 0 0 .375em;}
.weekly_calendar_wrap .weekly_head .dayHead > li{ flex:1;}
.weekly_calendar_wrap .weekly_head .dayHead > li .head_in{ flex:1; padding:1em 0; background:#fff; border:solid #ccc; border-width:3px 0 1px 0; border-top-color:#ff9c92;}
.weekly_calendar_wrap .weekly_head .dayHead > li .dayTit{ font-size:.813em;}
.weekly_calendar_wrap .weekly_head .dayHead > li .dayDate{ margin-top:.25em; font-weight:600;}

.weekly_calendar_wrap .weekly_head.headSticky{ position:sticky; position:-webkit-sticky; top:4em; z-index:2;}

.weekly_calendar_wrap .weekly_con{}
.weekly_calendar_wrap .weekly_con .dayCon > li{ flex:1;}
.weekly_calendar_wrap .weekly_con .dayCon > li .con_in{ flex:1; padding:.75em 0;}
.weekly_calendar_wrap .weekly_con .dayCon > li .con_in.flex{ padding:0 0;}
.weekly_calendar_wrap .weekly_con .dayCon > li .con_in.flex .sch_time.date{ width:33.33%;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_icon{ margin:0 auto; margin-top:.25em; width:2.25em; height:2.25em; background-color:#fff; border:3px solid #ddd; border-radius:50%; overflow:hidden; box-sizing:border-box;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_icon.column .icon_in img{ width:1em;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_icon.on{ border-color:#3dab1d;}

.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time .time_in{ position:relative; display:block; margin:1px 1px; padding:.5em .5em; border:1px solid transparent; border-radius:.25em; font-size:.875em; color:#ff473e;height:1.5em;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time .time_in.en{ font-weight:600;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time.on .time_in{ color:#000;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time.off .time_in{ color:#ccc; cursor:default;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time.have .time_in{ color:#3dab1d;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time.have .time_in[href]:hover,
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time.have.on .time_in{ border-color:#3dab1d;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time.click .time_in:hover{ border-color:#ff473e;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time.click.on .time_in{ background:#ff473e; border-color:#ff473e; color:#fff;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time.date .time_in{ background:#fff; border-color:#ddd; color:#000;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time.date.today .time_in{ border-color:#2b9cbb; color:#2b9cbb;}

.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time .time_in .haveIcon{ position:absolute; top:50%; right:.25em; transform:translateY(calc(-50% - .125em)); color:#3dab1d; line-height:1;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_time .time_in .haveIcon > .xi:before{ content:"\e929";}

.weekly_calendar_wrap .weekly_con .dayCon > li .sch_btn{ margin-top:.75em;}
.weekly_calendar_wrap .weekly_con .dayCon > li .sch_btn > .input_st{ font-size:.750em;}
.sch_dsttime{font-weight:400;font-size:.875em;color:#ff473e;}
.sch_dsttime.off{color:#ff9c92;}

/*학생별 수업관리*/
.page_lessAdmWrap .lessons_sticky{ position:static;}
.page_lessAdm_box{}
.page_lessAdm_box .lessAdmCard{}
.lessAdmCard{ margin-top:.5em; border:1px solid #ccc; border-radius:.375em; overflow:hidden;}
.lessAdmCard > .card_top{ padding:.75em 1em; background:#f2f2f2; border-bottom:1px solid #ccc;}
.lessAdmCard > .card_inner{ padding:1.25em 1em;}
.lessAdmCard .lessAdm_wrap{}
.lessAdmCard .lessAdm_wrap.flex > .lessAdm_tit{ width:6.5em; border-top:1px solid #333;}
.lessAdmCard .lessAdm_wrap.flex > .lessAdm_tit.w1{ width:9em;}
.lessAdmCard .lessAdm_wrap.flex > .lessAdm_con{ flex:1; padding-left:1em; border-top:1px solid #f4f4f4;}
.lessAdmCard .lessAdm_wrap.flex > .lessAdm_con:first-child{ padding-left:0;}
.lessAdmCard .lessAdm_wrap .lessAdm_in{ padding:.75em .125em 1.25em .125em;}
.lessAdmCard .lessAdm_wrap .toggleWrap{}
.lessAdmCard .lessAdm_wrap .toggleWrap .toggleTxt{ margin-top:.75em;}
.lessAdmCard .lessAdm_wrap .toggleWrap .toggleTxt > .tt{ font-size:.813em;}
.lessAdmCard .lessAdm_wrap .toggleWrap .toggleCon{ display:none;}
.lessAdmCard .lessAdm_wrap .toggleWrap.on .toggleCon{ display:block;}
.lessAdmCard .lessAdm_wrap .addWrap .row{ padding:.125em 0;}


/*단어장*/
.page_wordbook_wrap{}
.page_wordbook_wrap .wordbook_sec{ padding:1.5em 0;}
.page_wordbook_wrap .wordbook_sec.flex .word_check{ padding-right:.75em;}
.page_wordbook_wrap .wordbook_sec.flex .word_result{ flex:1;}
.page_wordbook_wrap .wordbook_sec .word_result{ font-size:.938em;}
.word_result{ color:#000;}
.word_result > *{ padding:0 .25em;}
.word_result > *:first-child{ padding-left:0;}
.word_result > *:last-child{ padding-right:0;}
.word_result sup{ font-size:.750em;}
.word_result .word{ font-size:1.063em; font-weight:700;}
.word_result .word_att{ color:#a28935;}
.word_result .word_pro{}
.word_result .word_sound{ text-align:center; color:#fff;}
.word_result .word_sound > .xi{ margin:0 0 0 .125em; width:1.5em; line-height:1.5em; background:#396eb3; border-radius:50%; font-size:.938em;}
.word_result .word_sub{ display:block; padding:1em 0 0 0; word-break: break-word;}
.word_result .word_sub ~ .word_sub{ padding-top:.5em;}


/*혼자 공부하기*/
.page_cateAdm_box .cateAdm_list .cateAdm_con,
.page_cateAdm_box .cateAdm_list .cateAdm_cate{ flex:1;}
.page_cateAdm_box .cateAdm_list .cateAdm_cate{ order:-1; padding-right:4em;}
.page_cateAdm_box .cateAdm_list .cateAdm_item > .item_inner{ padding:.25em 0;}
.page_cateAdm_box .cateAdm_list .cateAdm_item > .item_inner.flex .in_item{ flex:1;}
.page_cateAdm_box .cateAdm_list .cateAdm_item > .item_inner.flex .in_item ~ .in_btn{ margin-left:.5em;}
.page_cateAdm_box .cateAdm_list .cateAdm_item > .item_inner.flex .in_btn{ width:3em;}
.page_cateAdm_box .cateAdm_list .cateAdm_item .inCate{ transition:background .2s, border-color .2s;}
.page_cateAdm_box .cateAdm_list .cateAdm_item .inCate:hover{ background:#ff473e; border-color:#ff473e; color:#fff !important;}


/*내지갑*/
.page_wallet_wrap{}
.page_wallet_wrap .wallet_inner{ padding:.5em 0;}
.page_wallet_wrap .wallet_inner:first-child{ padding-top:0;}
.page_wallet_wrap .wallet_inner:last-child{ padding-bottom:0;}
.page_wallet_wrap .wallet_inner.flex{}
.page_wallet_wrap .wallet_inner.flex > .wallet_inLeft{ width:12em;}
.page_wallet_wrap .wallet_inner.flex > .wallet_inCont{ flex:1; padding-left:1.5em;}
.page_wallet_wrap .wallet_usd > .tt{ font-size:2.250em; color:#333;}
.page_wallet_wrap .wallet_usd > .tt.en{ font-weight:600;}
.page_wallet_wrap .wallet_currency{ margin-top:.5em;}
.page_wallet_wrap .wallet_currency > .tt{ font-size:.813em;}

.page_wallet_wrap.smallSt{}
.page_wallet_wrap.smallSt .wallet_inner.flex > .wallet_inLeft{ width:9em;}
.page_wallet_wrap.smallSt .wallet_usd > .tt{ font-size:1.625em;}
.page_wallet_wrap.smallSt .wallet_currency{ margin-top:.25em;}

.page_wallet_wrap.smallSt2{}
.page_wallet_wrap.smallSt2 .wallet_inner.flex > .wallet_inLeft{ flex:1;}
.page_wallet_wrap.smallSt2 .wallet_inner.flex > .wallet_inCont{ flex:0 0 auto; text-align:right;}
.page_wallet_wrap.smallSt2 .wallet_inner.flex > .wallet_inPlus{ margin-left:1em;}
.page_wallet_wrap.smallSt2 .wallet_inner.flex > .wallet_inPlus > .in{ width:2.5em; height:2.5em; background:#f5f6f9; border-radius:50%;}
.page_wallet_wrap.smallSt2 .wallet_inner.flex > .wallet_inPlus > .in .xi:before{ color:inherit;}
.page_wallet_wrap.smallSt2 .wallet_inner.flex > .wallet_inPlus > a.in:hover{ background:#ff473e; color:#fff;}
.page_wallet_wrap.smallSt2 .wallet_usd > .tt{ font-size:1.250em;}
.page_wallet_wrap.smallSt2 > .showHide{ display:none;}
.page_wallet_wrap.smallSt2.on > .showHide{ display:block;}
.page_wallet_wrap.smallSt2.on .wallet_inner.flex > .wallet_inPlus{ display:none;}

.page_wallet_wrap.st1 .wallet_inner.flex > .wallet_inCont{ padding:.5em 1.5em; text-align:center;}
.page_wallet_wrap.st1 .wallet_inner.flex > .wallet_inCont + .wallet_inCont{ border:dashed #ccc; border-width:0 0 0 1px;}


/*크레딧구매*/
.page_payCredit_wrap{}
.page_payCredit_wrap > .payCredit_list{ margin:0 0 -.75em -.75em;}
.page_payCredit_wrap > .payCredit_list > li{ flex:1 1 25%; max-width:25%;}
.page_payCredit_wrap > .payCredit_list > li > .card_inner{ flex:1; margin:0 0 .75em .75em; cursor:pointer;}
.creditCard > .card_inner{ position:relative; min-height:6.5em; padding:1em 1.25em; overflow:hidden; box-sizing:border-box;}
.creditCard > .card_inner .creLine{ position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background:#fff; border:2px dotted #e5e7eb; border-radius:.625em;}
.creditCard > .card_inner .creLine ~ *{ position:relative;}
.creditCard > .card_inner:before,
.creditCard > .card_inner:after { content:""; position:absolute; z-index:1; top:50%; width:1.5em; height:1.5em; border-radius:50%; background:#fff; border:2px solid #ff473e; display:none;}
.creditCard > .card_inner .creditTxt_wrap{ flex:1;}
.creditCard .creditTxt_wrap > .cre_tit{ margin:.5em 0 .25em 0;}
.creditCard .creditTxt_wrap > .cre_tit:first-child{ margin-top:0;}
.creditCard .creditTxt_wrap > .cre_tit ~ .cre_tit{ margin-top:.375em;}
.creditCard .creditTxt_wrap > .cre_tit > .tt{ font-size:.688em; color:#aaa;}
.creditCard .creditTxt_wrap > .cre_price{ display:inline-flex; align-content:center; align-items:center; color:#111;}
.creditCard .creditTxt_wrap > .cre_price > *{ box-sizing:border-box;}
.creditCard .creditTxt_wrap > .cre_price.discount{ font-size:.813em; color:#777;}
.creditCard .creditTxt_wrap > .cre_price.discount > .t2{ text-decoration:line-through;}
.creditCard .creditTxt_wrap > .cre_price > .tt{ padding:0 .063em;}
.creditCard .creditTxt_wrap > .cre_price > .t1{ font-size:1.250em;}
.creditCard .creditTxt_wrap > .cre_price > .t2{ font-size:1.750em; font-weight:700;}
.creditCard .creditTxt_wrap > .cre_price.en > .t2{ font-weight:600;}
.creditCard .creditTxt_wrap > .cre_price > .creInp{ flex:1; max-width:85%; padding:0 .25em; background:transparent; border:none;}

.creditCard.on > .card_inner .creLine{ border-style:solid; border-color:#ff473e;}
.creditCard.on > .card_inner:before,
.creditCard.on > .card_inner:after { display:block;}
.creditCard.on > .card_inner:before{ left:0; transform:translate(-50%,-50%);}
.creditCard.on > .card_inner:after { right:0; transform:translate(50%,-50%);}

.creditCard.itemEtc .creditTxt_wrap .onSt2{ display:flex; position:absolute; visibility:hidden;}
.creditCard.itemEtc.on .creditTxt_wrap .onSt1{ position:absolute; visibility:hidden;}
.creditCard.itemEtc.on .creditTxt_wrap .onSt2{ position:static; visibility:visible;}


/*결제 방법*/
.paymentForm_list_box{}
.paymentForm_list_box > .paymentForm_list{}
.paymentCard{ border-top:1px solid #e5e7eb;}
.paymentCard:first-child{ border-top-width:0}
.paymentCard > .card_inner{ padding:1.5em .5em;}
.paymentCard .payItem > .payItem_full{ flex:1; padding-right:.75em; color:#333;}
.paymentCard .payItem > .payItem_full:last-child{ padding-right:0;}
.paymentCard .payItem > .payItem_full > .pay_icon{ padding-right:.75em;}
.paymentCard .payItem > .payItem_full > .pay_icon > .xi{ font-size:1.500em;}
.paymentCard .payItem > .payItem_full > .pay_text{ flex:1;}
.paymentCard .payItem > .payItem_full > .pay_text > .tt{ padding:.125em 0;}
.paymentCard .payItem > .payItem_full > .pay_text > .cardNum{ color:#666;}
.paymentCard .payItem > .payItem_full > .pay_text > .cardHolder{ font-size:.813em; color:#888;}
.paymentCard .payItem > .payItem_full > .pay_card{ width:8em; padding-right:.75em;}
.paymentCard .payItem > .payAdd{ color:#666;}
.paymentCard .payItem > .payAdd > .xi{ font-size:1.250em;}
.paymentCard .payItem > .payAdd > .tt{ font-size:.938em;}
.paymentCard .payItem > .payAdd > .xi ~ .tt{ padding-left:.5em;}
.paymentCard .payItem > .payModify > a{ padding:0 .25em; color:#555;}
.paymentCard .payItem > .payModify > a .xi:before{ color:inherit;}
.paymentCard .payItem.linkItem{}
.paymentCard .payItem.Labelitem{ cursor:pointer;}
.paymentCard .payItem.Labelitem > .payCheck .xi{ font-size:1.500em; color:#999;}
.paymentCard .payItem.Labelitem > input{ position:absolute; width:0; height:0; overflow:hidden; opacity:0;}
.paymentCard .payItem.Labelitem > input:checked ~ .payCheck .xi{ color:#ff473e;}
.paymentCard .payItem.Labelitem > input[type=checkbox] ~ .payCheck .xi:before{ content:"\ea0e";}
.paymentCard .payItem.Labelitem > input[type=checkbox]:checked ~ .payCheck .xi:before{ content:"\e92d";}
.paymentCard .payItem.Labelitem > input[type=radio] ~ .payCheck .xi:before{ content:"\e9c6";}
.paymentCard .payItem.Labelitem > input[type=radio]:checked ~ .payCheck .xi:before{ content:"\e9c7";}

.paymentCard > .card_inner:hover{ background:#f5f6f9;}


/*구글 캘린더*/
.page_google_top{}
.page_google_top > .google_inner{ padding:1em 1em; background:#f5f5f5;}
.page_google_top.active > .google_inner{ background:#e5eff7;}
.page_google_top > .google_inner > .google_ico > .icon{ width:4em; height:4em; background:#fff; border-radius:50%; color:#f8463d;}
.page_google_top > .google_inner > .google_ico > .icon .xi{ font-size:2.000em;}
.page_google_top > .google_inner > .google_txt{ flex:1; padding:0 1em;}
.page_google_top > .google_inner > .google_txt > .tt{ padding:.125em 0; line-height:1.4; color:#333;}
.page_google_top > .google_inner > .google_txt > .t1{ font-size:.938em;}
.page_google_top > .google_inner > .google_txt > .t2{ font-size:1em; color:#000;}
.page_google_top > .google_inner > .google_btn{ flex:0 1 auto;}

.googleCustomBtn{ box-sizing:border-box; height:40px; background:#4285f4; border:1px solid #4285f4; border-radius:2px; font-family:'Roboto', sans-serif; color:#fff; font-weight:500; box-shadow:1px 1px 2px rgba(0,0,0,.2); cursor:pointer;}
.googleCustomBtn .icon{ width:39px; height:100%; background:#fff;}
.googleCustomBtn .icon img{ width:18px;}
.googleCustomBtn .buttonText{ padding-left:11px; padding-right:10px; font-size:14px; white-space:nowrap;}

/*CERTIFICATE 발행*/
.page_certi_wrap{}
.page_certi_wrap .certi_view{}
.page_certi_wrap .certi_view .inner{ padding:4em 4em; border:1px solid #333; text-align:center;}
.page_certi_wrap .certi_view .cer_txt{ margin-top:2.75em;}
.page_certi_wrap .certi_view .cer_txt.line{ padding-top:2.75em; border-top:1px dashed #ccc;}
.page_certi_wrap .certi_view .cer_txt > .sec{ margin-top:1.375em;}
.page_certi_wrap .certi_view .cer_txt > .sec:first-child{ margin-top:0;}
.page_certi_wrap .certi_view .cer_txt .tt{ line-height:1.8;}
.page_certi_wrap .certi_view .tt{}
.page_certi_wrap .certi_view .t1{ font-size:2.000em;}
.page_certi_wrap .certi_view .t2{ font-size:2.500em; color:#777;}
.page_certi_wrap .certi_view .t3{}
.page_certi_wrap .certi_view .t4{ font-size:1.125em;}
.page_certi_wrap .certi_view .t5{ font-size:.875em; color:#555;}
.page_certi_wrap .certi_view .sign{ width:12em; margin:0 auto;}
.page_certi_wrap .certi_view br{ display:none;}

.page_certi_wrap .certi_view2{}
.page_certi_wrap .certi_view2 .inner{ position:relative; padding:4em 4em; border:3px solid rgba(0,0,0,.6); text-align:center;}
.page_certi_wrap .certi_view2 .inner .certi_frame:before{ content:""; display:block; position:absolute; top:3px; bottom:3px; left:3px; right:3px; border:1px solid rgba(0,0,0,.4);}
.page_certi_wrap .certi_view2 .inner .certi_frame .posC{ position:absolute; top:50%; left:50%; width:65%; transform:translate(-50%,-50%);}
.page_certi_wrap .certi_view2 .inner .certi_frame .posC img{ width:100%; opacity:.05;}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos{ position:absolute; width:5em;}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos img{ width:100%; opacity:.4;}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos.posT{ top:10px;}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos.posB{ bottom:10px;}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos.posL{ left:10px;}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos.posR{ right:10px;}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos.st1{}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos.st2{ transform:rotateY(180deg);}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos.st3{ transform:rotateX(180deg);}
.page_certi_wrap .certi_view2 .inner .certi_frame .pos.st4{ transform:rotate(180deg);}

.page_certi_wrap .certi_view2 .certi_con{ position:relative; z-index:2;}
.page_certi_wrap .certi_view2 .cer_logo{ margin-bottom:2em; text-align:left;}
.page_certi_wrap .certi_view2 .cer_logo img{ width:10em;}
.page_certi_wrap .certi_view2 .cer_txt{ margin-top:2.75em;}
.page_certi_wrap .certi_view2 .cer_txt.line{ padding-top:2.75em; border-top:1px dashed #ccc;}
.page_certi_wrap .certi_view2 .cer_txt > .sec{ margin-top:1.375em;}
.page_certi_wrap .certi_view2 .cer_txt > .sec:first-child{ margin-top:0;}
.page_certi_wrap .certi_view2 .cer_txt.flex > .con{}
.page_certi_wrap .certi_view2 .cer_txt .tt{ line-height:1.8;}
.page_certi_wrap .certi_view2 .tt{}
.page_certi_wrap .certi_view2 .t1{ font-size:2.000em;}
.page_certi_wrap .certi_view2 .t2{ font-size:4.000em; font-weight:300;}
.page_certi_wrap .certi_view2 .t3{ font-size:1.125em;}
.page_certi_wrap .certi_view2 .t4{ font-size:1.250em;}
.page_certi_wrap .certi_view2 .t5{ font-size:.875em; color:#555;}
.page_certi_wrap .certi_view2 .tt.id{ font-style:italic; font-size:2.750em; line-height:1.2;}
.page_certi_wrap .certi_view2 .sign{ width:12em; padding-bottom:1em; border-bottom:1px solid #444;}
.page_certi_wrap .certi_view2 br{ display:none;}

/*영수증 발행*/
.page_receipt_wrap .receipt_view .inner{ position:relative; padding:3em 3em; border:2px solid rgba(0,0,0,.1); color:#555;}
.page_receipt_wrap .receipt_view .rece_txt{ font-size:.938em;}
.page_receipt_wrap .receipt_view .rece_txt.flex .con:nth-child(2){ flex:1; padding-left:1.5em;}
.page_receipt_wrap .receipt_view .rece_txt.flex.top .con:nth-child(1){ width:38%;}
.page_receipt_wrap .receipt_view .rece_txt.flex.bottom .con:nth-child(1){ width:18em;}
.page_receipt_wrap .receipt_view .rece_txt.bottom{ margin-top:3em;}

.page_receipt_wrap .receipt_view .logo img{ width:13.5em;}
.page_receipt_wrap .receipt_view .logo + .add{ margin-top:2.5em;}
.page_receipt_wrap .receipt_view .add{ line-height:1.4;}
.page_receipt_wrap .receipt_view .info{}
.page_receipt_wrap .receipt_view .info > li{ padding:.25em 0;}
.page_receipt_wrap .receipt_view .info > li.flex .tit{}
.page_receipt_wrap .receipt_view .info > li.flex .txt{ flex:1; text-align:right;}
.page_receipt_wrap .receipt_view .info > li.name{ margin-top:1.5em;}
.page_receipt_wrap .receipt_view .info.flex{ margin:0 -1em 0 0;}
.page_receipt_wrap .receipt_view .info.flex > li{ flex:1; margin:0 1em 0 0;}
.page_receipt_wrap .receipt_view .info > li:not(.flex) > *{ display:block; padding:.25em 0;}
.page_receipt_wrap .receipt_view .table_st.list th,
.page_receipt_wrap .receipt_view .table_st.list td{ text-align:left;}




@page{ size:auto; margin:5mm -210mm; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0;}
@media print {
	html{ margin:0;}
	body{ margin:0 210mm; -webkit-margin-end:0; -webkit-margin-start:0;}

	.l-nav,
	#footerBar,
	#header,
	#footer,
	#contents .sub_tit_wrap,
	#contents .page_subLayout_box > .subLayout_nav{ display:none;}
	#contents .page_subLayout_box > .subLayout_con{ padding:0;}
	#contents{ min-height:auto !important;}
	#contents .sub_page_con .doc{ margin:0; padding:0;}
	#contents .sub_page_con .doc .box0, #contents .sub_page_con .doc .box1{ width:100% !important;}
	#contents .page_subLayout_box.flex{ display:block !important;}
	#contents .printBox{ border:none; box-shadow:none; padding:0;}

	.noprint{ display:none !important;}
	.printBreak{ page-break-before:always;}

	.page_certi_wrap{ margin-top:0 !important;}
	.page_certi_wrap .certi_view{ padding:10mm 10mm;}
	.page_certi_wrap .certi_view .inner{ padding:25mm 10mm; height:calc(100vh - 20mm); box-sizing:border-box;}
	.page_certi_wrap .certi_view .cer_txt{ margin-top:3.25em;}
	.page_certi_wrap .certi_view .cer_txt.line{ padding-top:3.25em;}
	.page_certi_wrap .certi_view .cer_txt > .sec{ margin-top:1.75em;}
	.page_certi_wrap .certi_view .cer_txt > .sec:first-child{ margin-top:0;}
	.page_certi_wrap .certi_view .cer_txt .tt{ line-height:2;}
	.page_certi_wrap .certi_view br{ display:block;}
	
	.page_certi_wrap .certi_view2{ padding:10mm 10mm;}
	.page_certi_wrap .certi_view2 .inner{ position:relative; padding:17mm 17mm; height:calc(100vh - 20mm); box-sizing:border-box;}
	.page_certi_wrap .certi_view2 .certi_con{ display:flex; flex-direction:column; height:100%;}
	.page_certi_wrap .certi_view2 .certi_con > *{ width:100%;}
	.page_certi_wrap .certi_view2 .certi_con > .cer_txt:last-child{ margin-top:auto;}
	
	.page_receipt_wrap{ padding:0 0 !important; background:none !important; border:none !important; border-radius:0 !important; box-shadow:none !important;}
	.page_receipt_wrap .receipt_view{ padding:5mm 5mm;}
	.page_receipt_wrap .receipt_view .inner{ padding:8mm 8mm; color:#000;}
	.page_receipt_wrap .receipt_view .rece_txt{ font-size:.813em;}
	.page_receipt_wrap .receipt_view .rece_txt.flex.bottom .con:nth-child(1){ width:30%;}	
}

/*친구초대*/
.page_referral_box{ position:relative; min-height:calc(100vh - 6.25em - 4.875em); text-align:center; overflow:hidden;}
.page_referral_box .shape_pos{ position:absolute; bottom:0;}
.page_referral_box .shape_pos > img{ width:100%;}
.page_referral_box .shape_pos.pos1{ left:4vw; bottom:3em; width:28vw;}
.page_referral_box .shape_pos.pos2{ right:1vw; width:40vw; opacity:.8;}
.page_referral_box .referral_inner{ position:relative; padding:3vh 0 0 0;}
.page_referral_box .referral_con{ width:38em; max-width:100%; margin:0 auto;}


/*도움말 및 문의하기*/
.page_help_search{ position:relative; padding:2.5em 0; background:#2b9cbb; overflow:hidden;}
.page_help_search .imgPos{ position:absolute;}
.page_help_search .imgPos img{ width:100%;}
.page_help_search .imgPos.pos1{ left:0; bottom:0; width:22em;}
.page_help_search .imgPos.pos2{ right:0; bottom:-2em; width:20em;}

.page_help_search .help_search{ position:relative; width:56em; max-width:100%; margin:0 auto;}
.page_help_search .help_search .icon{ position:absolute; left:1em; top:50%; transform:translateY(-50%); border:none; background:transparent;}
.page_help_search .help_search .icon > .xi{ font-size:1.750em; color:#aaa;}
.page_help_search .help_search .input_st{ padding-left:4em; border-color:#fff;}
.page_help_search .help_search .input_st:focus{ border-color:#fff; box-shadow:1px 1px .5em rgba(0,0,0,.3);}

.page_help_category{}
.page_help_category .helpCate_list{ margin:0 0 -2.5em -2.5em;}
.page_help_category .helpCate_list > li{ flex:1 1 50%; max-width:50%;}
.page_help_category .helpCate_list > li .inner{ position:relative; flex:1; margin:0 0 2.5em 2.5em; padding:2em 2.25em; background:#fff; border:1px solid #e5e7eb; border-radius:.625em; box-shadow:2px 2px .375em rgba(0,0,0,.1);}
.page_help_category .helpCate_list > li .inner:before{ content:""; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border:4px solid #ff473e; opacity:0; transition:opacity .2s;}
.page_help_category .helpCate_list > li .inner:hover:before{ opacity:1;}
.page_help_category .helpCate_list > li .tit{}
.page_help_category .helpCate_list > li .tit > .tt{ font-size:1.250em;}
.page_help_category .helpCate_list > li .txt{ margin-top:.5em;}
.page_help_category .helpCate_list > li .txt > .tt{ font-size:.938em; color:#666;}
.page_help_category .helpCate_list > li .num{ margin-top:1em}
.page_help_category .helpCate_list > li .num > .tt{ padding-right:.75em;}
.page_help_category .helpCate_list > li .num > .tt:last-child{ padding-right:0;}
.page_help_category .helpCate_list > li .num > .t1{ font-size:.813em; color:#999;}
.page_help_category .helpCate_list > li .num > .t2{ color:#ff473e;}
.page_help_category .helpCate_list > li .btn{ padding-top:1em; text-align:right;}

.page_help_bottom{ text-align:center;}
.page_help_bottom .icon{ margin-bottom:1em;}
.page_help_bottom .icon img{ width:2.75em;}

.page_help_tit{ padding:1.75em 0 1em 0; background:#f5f6f9;}


/*MEMBER******************/
.mem_step_wrap{ padding:1.125em 0; background:#39404a; text-align:center; overflow:hidden;}
.mem_step_wrap .mem_step{ counter-reset:step 0;}
.mem_step_wrap .mem_step > li > .in{ position:relative; margin-right:2em; color:#fff;}
.mem_step_wrap .mem_step > li > .in:before{ content:"STEP " counter(step) "."; counter-increment:step 1; display:block; padding-right:.5em; font-size:.875em; font-weight:600; opacity:.5;}
.mem_step_wrap .mem_step > li > .in:after{ content:""; display:block; position:absolute; top:50%; right:0; width:5em; height:5em; border:solid rgba(255,255,255,.15); border-width:0 1px 1px 0; box-shadow:6px 6px .25em rgba(0,0,0,.05); transform:translate(.375em,-50%) rotate(-45deg);}
.mem_step_wrap .mem_step > li:last-child > .in{ margin-right:0;}
.mem_step_wrap .mem_step > li:last-child > .in:after{ display:none;}
.mem_step_wrap .mem_step > li > .in .tt{ font-size:.813em; opacity:.5;}
.mem_step_wrap .mem_step > li.on > .in:before{ opacity:1;}
.mem_step_wrap .mem_step > li.on > .in .tt{ font-weight:700; opacity:1;}

.mem_login_box{ width:40em; max-width:100%; margin:0 auto;}
.mem_join_box { width:45em; max-width:100%; margin:0 auto;}

.mem_form_wrap{ padding:2.5em 3em; border:1px solid #e5e7eb; border-radius:.625em; background-color:#fff; box-shadow:2px 2px .375em rgba(0,0,0,.05);}
.mem_form_wrap.st2{ border-top-width:4px; border-top-color:#ff473e; border-radius:0 0 .625em .625em;}
.mem_form_wrap.st3{ padding:0; border-top-color:#333; border-radius:0;}

.mem_form_wrap.pd1{ padding:1.5em 1.5em;}

.mem_form_wrap .mem_logo{ margin-bottom:1.5em;}
.mem_form_wrap .mem_logo:last-child{ margin-bottom:0;}
.mem_form_wrap .mem_logo img{ width:8em;}

.mem_form_inp{}
.mem_form_inp > li{ margin-top:2.25em;}
.mem_form_inp > li .tit{ font-weight:700;}
.mem_form_inp > li .tit > .tt{ padding:.25em 0;}
.mem_form_inp > li .tit > .t1{ font-size:.813em; color:#888; font-weight:400;}
.mem_form_inp > li .tit > .t2{ font-size:.938em;}
.mem_form_inp > li .tit > .t3{ font-size:.875em;}
.mem_form_inp > li:not(.inp_wrap) .tit{ margin-bottom:.75em;}
.mem_form_inp > li .in_txt{ padding:.5em 0 1em 0; border-bottom:1px solid #e5e7eb; font-size:.938em; color:#555;}
.mem_form_inp > li .in_txt > a:hover{ text-decoration:underline;}
.mem_form_inp > li .in_inp.flex .in_txt{ flex:1; margin-right:.5em;}
.mem_form_inp > li .in_txt.st1{ border-bottom-width:0; font-size:1em;}
.mem_form_inp > li .check{ padding-top:1.5em; border-top:1px dashed #ddd;}
.mem_form_inp > li .check > *{ font-size:.938em;}
.mem_form_inp > li .check > a:hover{ text-decoration:underline;}

.mem_form_inp > li .wrap_bg{ padding:1.25em 1.25em; background:#f5f6f9; border-radius:.5em;}
.mem_form_inp > li .in_ico_txt{}
.mem_form_inp > li .in_ico_txt > .in_icoSt{ width:2.75em;}
.mem_form_inp > li .in_ico_txt > .in_icoSt > .xi{ font-size:1.875em;}
.mem_form_inp > li .in_ico_txt > .in_txtSt{ flex:1;}
.mem_form_inp > li .in_ico_txt > .in_txtSt > *{ line-height:1.6;}
.mem_form_inp > li .in_ico_txt > .in_txtSt > .in_txt1{ font-size:.938em;}
.mem_form_inp > li .in_ico_txt > .in_txtSt > .in_txt2{ font-size:.813em; color:#666;}

.mem_form_inp > li.inp_wrap{ margin-top:.5em;}
.mem_form_inp > li.inp_wrap .wrap_in ~  .wrap_in{ margin-top:.75em;}
.mem_form_inp > li.inp_wrap .tit{ width:8em;}
.mem_form_inp > li.inp_wrap .inp{ flex:1;}
.mem_form_inp > li.inp_wrap .flex .in_txt{ padding:.5em 0 .5em .5em;}
.mem_form_inp > li.inp_wrap .tit.numSt{ width:2.5em; height:2.5em; background:#646464; border-radius:50%; color:#fff;}
.mem_form_inp > li.inp_wrap .tit.numSt + .inp{ padding-left:2em;}

.mem_form_inp > li.setting_wrap{}
.mem_form_inp > li.setting_wrap .tit{ flex:1; padding-right:1em;}

.mem_form_inp > li .col_wrap{ margin:0 0 0 -.5em;}
.mem_form_inp > li .col_wrap > .col_in{ margin:0 0 .5em .5em;}
.mem_form_inp > li .col_wrap > .col_in:not(.btn_in):not(.tit_in):not(.sec_in){ flex:1;}
.mem_form_inp > li .col_wrap > .btn_in{ width:3em;}

.mem_form_inp.st2 > li{ margin-top:1em;}
.mem_form_inp.st2 > li:not(.inp_wrap) .tit{ margin-bottom:.5em;}

.mem_form_inp > li:first-child{ margin-top:0;}

.mem_terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.125em;}
.mem_terms_wrap > li{ padding-top:2.5em;}
.mem_terms_wrap > li:first-child{ padding-top:0;}
.mem_terms_wrap .tit{ margin-bottom:.75em; font-size:1.125em; color:#111;}
.mem_terms_wrap .tit *{ vertical-align:baseline;}

.mem_tab_wrap{}
.mem_tab_wrap .tab{ padding:0 0 0 1px; text-align:center;}
.mem_tab_wrap .tab > li{ flex:1;}
.mem_tab_wrap .tab > li .in{ position:relative; margin:0 0 -1px -1px; padding:.5em .75em; height:4.5em; background:#f3f6f8; border:1px solid #ddd; color:#666; transition:.3s;}
.mem_tab_wrap .tab > li .in:before,
.mem_tab_wrap .tab > li .in:after { content:""; position:absolute; left:-1px; right:-1px;}
.mem_tab_wrap .tab > li .in:before{ top:-1px; height:3px; background:#d4dade;}
.mem_tab_wrap .tab > li .in:after { left:0; right:0; bottom:-1px; height:2px; background:#fff; display:none;}
.mem_tab_wrap .tab > li:hover .in,
.mem_tab_wrap .tab > li.on .in{ background:#fff; color:#111;}
.mem_tab_wrap .tab > li.on .in:before{ background:#323d8f;}
.mem_tab_wrap .tab > li.on .in:after { display:block;}
.mem_tab_wrap .tab > li .in .tt{ font-size:1.063em; font-weight:500;}

.mem_btn_wrap{ margin-left:-.375em;}
.mem_btn_wrap > li{ flex:1;}
.mem_btn_wrap > li .in{ margin-left:.375em;}
.mem_btn_wrap.flex > li .in .input_st{ min-width:auto;}

.mem_sns_wrap{ margin-top:2em; text-align:center;}
.mem_sns_wrap:first-child{ margin-top:0; margin-bottom:2em;}
.mem_sns_wrap:last-child{ margin-bottom:0;}
.mem_sns_wrap .mem_sns{}
.mem_sns_wrap .mem_sns > li{ width:18%;}
.pop .mem_sns_wrap .mem_sns > li{ width:20%;}
.mem_sns_wrap .mem_sns > li .in{ display:inline-block;}
.mem_sns_wrap .mem_sns > li .in .icon{ width:40px; height:40px; background:#fff; border:1px solid #ddd; border-radius:100%; transition:.2s;}
.mem_sns_wrap .mem_sns > li .in .icon .xi{ font-size:1.375em;}
.mem_sns_wrap .mem_sns > li .in .tt{ font-size:.813em; color:#111; display:none;}
.mem_sns_wrap .mem_sns > li .in.naver { color:#1ec800;}
.mem_sns_wrap .mem_sns > li .in.kakao { color:#ffb400;}
.mem_sns_wrap .mem_sns > li .in.google{ color:#eb4f42;}
.mem_sns_wrap .mem_sns > li .in.face  { color:#046ee4;}
.mem_sns_wrap .mem_sns > li .in.insta { color:#f92f82;}
.mem_sns_wrap .mem_sns > li .in:hover{}
.mem_sns_wrap .mem_sns > li .in:hover .icon{ background:#000; border-color:#000; color:#fff;}

.mem_form_wrap .mem_sns_wrap .mem_sns.flex{ display:block;}
.mem_form_wrap .mem_sns_wrap .mem_sns > li{ width:100%;}
.mem_form_wrap .mem_sns_wrap .mem_sns > li .in{ margin-bottom:4px; display:inline-flex; align-content:center; align-items:center; box-sizing:border-box; width:300px; height:40px; border-radius:4px; font-family:'Roboto',arial,sans-serif; color:#fff;}
.mem_form_wrap .mem_sns_wrap .mem_sns > li:last-child .in{ margin-bottom:0;}
.mem_form_wrap .mem_sns_wrap .mem_sns > li .in .tt{ flex:1; display:block; font-size:14px; color:inherit;}
.mem_form_wrap .mem_sns_wrap .mem_sns > li .in .icon{ width:38px; height:auto; border:none; background:transparent;}
.mem_form_wrap .mem_sns_wrap .mem_sns > li .in.face { background:#046ee4;}
.mem_form_wrap .mem_sns_wrap .mem_sns > li .in.apple{ background:#000;}
.mem_form_wrap .mem_sns_wrap .mem_sns > li .in.google{ background:#fff;color:#000;border:1px solid #000;}
.mem_form_wrap .mem_sns_wrap .mem_sns_or{ margin-bottom:1.5em;}
.mem_form_wrap .mem_sns_wrap .mem_sns_or > .tt{ padding:0 1em; font-size:1.250em;}
.mem_form_wrap .mem_sns_wrap .mem_sns_or:before,
.mem_form_wrap .mem_sns_wrap .mem_sns_or:after{ content:""; flex:1; height:1px; background:#ccc;}

*:not(.tutor_form) > .mem_form_wrap .mem_sns_wrap{ display:flex; flex-direction:column; margin-bottom:0;}
*:not(.tutor_form) > .mem_form_wrap .mem_sns_wrap .mem_sns_or{ margin:1.5em 0;}
*:not(.tutor_form) > .mem_form_wrap .mem_sns_wrap .mem_sns{ order:-1;}

.googleCustomBtn.white{ background:#fff; border-color:#dadce0; box-shadow:none; color:#3c4043 !important;}
.googleCustomBtn.white .icon{ width:40px !important;}

.mem_agree .agree{ padding:1.5em 1em; border:solid #ddd; border-width:2px 0 1px 0; border-top-color:#333; color:#444; line-height:1.8;}
.mem_agree .agree.H{ padding:.5em .5em; border-top-width:1px; height:12em; overflow-y:scroll;}
.mem_agree .agree .con{ font-size:.813em;}
.mem_agree .agree p{ padding:.75em 0;}
.mem_agree .agree *{ vertical-align:baseline;}
.mem_agree .agree strong{ color:#000;}
.mem_agree .check{ padding:1em 0;}

.pop .agree *{ word-break:break-word;}

/*profile*/
.img_slide_list.st1{ width:100%; display:flex; align-items:center;}
.img_slide_list.st1 > li{ width:auto; margin-bottom:0;}
.img_slide_list.st1 > li:last-of-type{ flex:1; text-align:left;}
.img_slide_list.st1 > li:first-child:after{ display:none;}
.img_slide_list.st1 > li .in{ margin-right:0;  border-radius:50%; width:10em; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.img_slide_list.st1 > li .in .vm_wrap{ height:10em; position:relative;}
.img_slide_list.st1 > li .in .img_add > i.tx_w{ margin-top:0; margin-bottom:0;}

.img_slide_list{ margin-right:-10px;}
.img_slide_list > li{ width:20%;  margin-bottom:10px; position:relative;}
.img_slide_list > li:first-child:after{ content:'대표이미지'; display:block; padding:.3em .5em; background:#0074c1; color:#fff; position:absolute; top:5px; left:5px; font-size:.75em; border-radius:2px;}
.img_slide_list > li .in{ border:1px solid #ddd; margin-right:10px; position:relative;}
.img_slide_list > li .in .file{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:3;}
.img_slide_list > li .in .img_add {position:relative; z-index:1;}
.img_slide_list > li .in .img_add > i { display:block; color:#bbb;}
.img_slide_list > li .in .img_add > i.xi-image{ font-size:2.8em;}
.img_slide_list > li .in .img_add > i.tx_w{ font-size:.875em; margin-top:-8px; margin-bottom:5px; color:#aaa;}
.img_slide_list > li .in:hover{ border-color:#ff473e; cursor:pointer;}
.img_slide_list .del_tw{ text-align:left; font-size:.9em; color:#999; margin-top:10px; padding-left:12px; box-sizing:border-box; cursor:pointer; transition:.3s; }
.img_slide_list .del_tw:first-child{ margin-top:0;}
.img_slide_list .del_tw:hover{ color:#ff473e}
.img_slide_list .del_tw .xi{ margin-left:2px;}

.pop_cropper{ position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,.3); z-index:1000; display:none; justify-content:center; align-items:center;}
.pop_cropper.show{ display:flex !important;}
.pop_cropper .cropper_box{ width:45em; max-width:95vw; margin:0 auto; background:#fff; border-radius:.375em; border:1px solid #e5e7eb; box-shadow:2px 2px .375em rgba(0,0,0,.5);}
.pop_cropper .cropper_box .cropper_header{ height:3em; padding:0 1em; box-sizing:border-box; border-bottom:1px solid #ddd;}
.pop_cropper .cropper_box .cropper_header .ch_title{ font-size:1.375em; font-weight:bold;}
.pop_cropper .cropper_box .cropper_header .ch_close{ cursor:pointer; outline:none; border:none; background:none;}
.pop_cropper .cropper_box .cropper_body{ min-height:5em; max-width:25em; max-height:25em; text-align:center; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.pop_cropper .cropper_box .cropper_body .img-container{ max-height:25em;}
.pop_cropper .cropper_box .cropper_body #image{ max-height:25em;}
.pop_cropper .cropper_box .cropper_footer{ border-top:1px solid #ddd; padding:.5em 1em; box-sizing:border-box;}
.pop_cropper .cropper_box .cropper_footer .btns_wrap{}

.cropper-view-box, .cropper-face{border-radius: 50%;}

.thumb_img{display:none; position:absolute; left:0; top:0; z-index:2;}

.form_notice_wrap{ background:#f5f5f5; border-radius:.625em; padding:1em; border:1px solid #ddd; box-sizing:border-box;}
.form_notice_wrap > li{ padding:.125em 0;}
.form_notice_wrap .mark{ width:6em; margin-right:1.25em;}
.form_notice_wrap .mark img{ width:100%;}
.form_notice_wrap .xi{ margin-right:.375em; margin-top:-.188em; color:#ff473e;}
.form_notice_wrap .tt{ flex:1;}
.form_notice_wrap .t1{ font-size:.875em; line-height:1.6;}
.form_notice_wrap .t2{ font-size:.750em; line-height:1.6;}
.form_notice_wrap .t3{ font-size:.813em;}

.form_notice_wrap.bg1{ background:#e5eff7; border-color:#e5e7eb;}
.form_notice_wrap.bg1 .xi{ color:#2b9cbb;}

.form_notice_wrap.st2 > .inBtn{ margin-top:1.25em; gap:.25em .25em;}
.form_notice_wrap.st2 > .inBtn .input_st{ display:flex;}
.form_notice_wrap.st2 > .inBtn .input_st .ico img{ max-width:8em; max-height:2em;}


/*수업 가능 시간대 등록*/
.head_sch_wrap{ margin-bottom:1em;}
.head_sch_wrap .btn{}
.head_sch_wrap .btn .tt{ font-size:.875em; font-weight:700;}
.head_sch_wrap .btn .xi{ margin:0 .375em; width:2em; height:2em; line-height:2em; background:#ff9c92; border-radius:50%; text-align:center; font-size:1em; color:#fff;}
.head_sch_wrap .sch_prev .xi{ order:-1;}
.head_sch_wrap .sch_prev .xi:before{ content:"\e906";}
.head_sch_wrap .sch_next .xi:before{ content:"\e907";}
.head_sch_wrap .btn:not(.none):hover .xi{ background:#ff473e;}
.head_sch_wrap .btn.none{ opacity:.4; cursor:default;}

.table_sch{ border-top:4px solid #ff9c92; text-align:center; font-size:.938em;}
.table_sch th,
.table_sch td{ height:3em; padding:.75em .375em; border:1px solid #d4d5d8; border-width:1px 1px; background:#fff; color:#333; line-height:1.3; box-sizing:border-box;}
.table_sch thead th{ background:#f5f6f9;}
.table_sch .head_day th{ background:#444; color:#fff;}
.table_sch thead tr:last-child th{ border-bottom-color:#666;}
.table_sch td{ position:relative; background:#fff; font-size:.875em;}
.table_sch td .tt{ margin-bottom:.5em;}
.table_sch td .tt:last-child{ margin-bottom:0;}
.table_sch td.sch_yes .tt{ color:#ff473e;}
.table_sch td:before{ content:''; width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute; left:0; top:0; z-index:1; display:none;}
.table_sch td:not(.sch_none){ cursor:pointer;}
.table_sch td:not(.sch_none).sch_no{ background:#f5f5f5;}
.table_sch td:not(.sch_none):after{ content:'\ea39'; font-family:'xeicon'; font-size:1.250em; position:absolute; left:50%; top:50%; z-index:2; transform:translate(-50%,-50%); display:none;}
.table_sch td:not(.sch_none):hover:before{ display:block;}
.table_sch td:not(.sch_none):hover:after { display:block; color:#fff;}

.table_sch td.sch_none:before{ display:block; background:#fff; opacity:.7;}


/*디자인 페이지*/
.page_design_wrap{}
.page_design_wrap .layPd{ padding:0 9vw;}
.page_design_wrap .laySticky{ position:sticky; position:-webkit-sticky; top:5.5em;}
.page_design_wrap .layW1{ width:50% !important;}
.page_design_wrap .flex > li.layW1{ flex:1 1 50%;}
.page_design_wrap .flex.max > li.layW1{ flex:1 1 50%; max-width:50%;}
.page_design_wrap .lay_mark{}
.page_design_wrap .lay_mark .mark{ position:relative; display:inline-block; transform:translateX(-1em);}
.page_design_wrap .lay_mark .mark img{ width:4em;}

.page_design_wrap .design_lay_box.flex > .lay_tit{ width:38%; padding:5vh 5vw 8vh 0;}
.page_design_wrap .design_lay_box.flex > .lay_con{ flex:1;}

.page_design_wrap .design_col_box{}
.page_design_wrap .design_col_box > li{ flex:1;}
.page_design_wrap .design_col_box.list > li{ margin-top:1em;}
.page_design_wrap .design_col_box.list > li:first-child{ margin-top:0;}
.page_design_wrap .design_col_box.flex > li > .inner{ border-left:1px solid #eee;}
.page_design_wrap .design_col_box.flex > li:first-child > .inner{ border-left-width:0;}
.page_design_wrap .design_col_box .sec_item > .inner{ flex:1; padding:1em 1.75em;}
.page_design_wrap .design_col_box .sec_item .sec_icon .icon{ width:3em; height:3em;}
.page_design_wrap .design_col_box .sec_item .sec_icon .icon img{ width:100%;}
.page_design_wrap .design_col_box .sec_item .sec_icon ~ .sec_txt{ margin-top:1.75em;}

.page_design_wrap .design_col_box .sec_item > .innerCol{ padding:1.75em 1.75em 1.75em 0; border:1px solid #e5e7eb; border-radius:.625em; box-shadow:2px 2px .375em rgba(0,0,0,.1);}
.page_design_wrap .design_col_box .sec_item > .innerCol.flex .sec_icon{ width:10em; text-align:center;}
.page_design_wrap .design_col_box .sec_item > .innerCol.flex .sec_txt{ flex:1; margin:0; padding:.5em 0 .375em 2.5em; border-left:1px dashed #ccc;}

.page_design_wrap .design_img_box{}
.page_design_wrap .design_img_box > li{ margin-top:2em;}
.page_design_wrap .design_img_box > li:first-child{ margin-top:0;}
.page_design_wrap .design_img_box .sec_item{}
.page_design_wrap .design_img_box .sec_item > .inner{}
.page_design_wrap .design_img_box .sec_item .sec_img{ width:46%;}
.page_design_wrap .design_img_box .sec_item .sec_img .img{ flex:1; min-height:20em; border-radius:.625em; overflow:hidden;}
.page_design_wrap .design_img_box .sec_item .sec_txt{ flex:1; padding:3em 1.5vw 6em 5.5vw;}

.page_design_wrap .design_img_box.zgzg > li:nth-child(2n) > .inner,
.page_design_wrap .design_img_box .sec_item > .inner.rever{ flex-direction:row-reverse;}
.page_design_wrap .design_img_box.zgzg > li:nth-child(2n) > .inner .sec_txt,
.page_design_wrap .design_img_box .sec_item > .inner.rever .sec_txt{ padding-left:1.5vw; padding-right:5.5vw;}



/***********************/
/*POPUP******************/
.popWrap.popDef{ width:48em;}
.popWrap.popAgree{ width:50em;}
.popWrap.popMember{ width:40em;}
.popWrap.popLogin{ width:32em;}
.popWrap.popLectureModi{ width:25em;}
.popWrap.popThumbModi{ width:37.5em;}
.popWrap.popForm{ width:40em;}
.popWrap.popText{ width:32em;}
.popWrap.popPlatform{ width:50em;}
.popWrap.popChatW{ width:34em;}
.popWrap.popWordbook{ width:46em;}


/***********************/
/*MAIN******************/
.main_visual_wrap{}
.main_visual_wrap .main_visual{ position:relative; height:44em;}
.main_visual_wrap .main_visual .slogan{ padding:1em 0 4em 0; width:50%;}
.main_visual_wrap .main_visual .slogan .t1 .tt{ font-size:3.125em; font-weight:700; line-height:1;}
.main_visual_wrap .main_visual .slogan .t2 .tt{ font-size:2.875em; font-weight:300; line-height:1;}
.main_visual_wrap .main_visual .slogan .t3{ margin-top:3.75em;}
.main_visual_wrap .main_visual .slogan .t3 .tt{ font-size:1.625em; font-weight:700;}
.main_visual_wrap .main_visual .slogan .t4{ margin-top:1.5em;}
.main_visual_wrap .main_visual .slogan .t4 .tt{ position:relative; padding-left:1.5em; font-size:1.063em; line-height:1.7;}
.main_visual_wrap .main_visual .slogan .t4 .tt:before{ content:"\e928"; font-family:xeicon; color:#ff473e; position:absolute; top:0; left:0;}
.main_visual_wrap .main_visual .slogan .t5 .tt{ font-size:3.000em; font-weight:800;}
.main_visual_wrap .main_visual .slogan .t6 .tt{ font-size:2.375em; font-weight:600;}
.main_visual_wrap .main_visual .slogan .begins{ margin-top:3.75em; line-height:1.4;}
.main_visual_wrap .main_visual .slogan .begins:before{ content:""; display:inline-block; width:2.75em; height:3px; background:#ff473e; margin-bottom:1.5em;}


.main_visual_wrap .main_visual .visual{ position:absolute; top:50%; transform: translateY(-50%); left:50%; margin-left:2em;}
.main_visual_wrap .main_visual .visual img{ display:block; max-width:none;}

/*
.main_visual_wrap .main_visual .visual{ top: 13%; left: 54%;}
*/
.main_visual_wrap .main_visual .slogan .t4 .tt:before{ color: #782761;}

.main_con{ padding:6.25em 0;}
.main_con.main_why{ padding:6.5em 0 7.5em 0;}
.main_con.bg1{ background-color:#f5f6f9;}

.main_sec1{ margin-top:6.25em !important;}
.main_sec2{ margin-top:5em !important;}
.main_btn_wrap{ margin-top:3.75em;}
.main_btn_wrap > .input_st.s1{ height:4em; line-height:2.875em; min-width:14em;}

.main_txt{}
.main_txt > .mark{ position:relative; display:inline-block; margin-left:-4.25em; margin-bottom:1.5em;}
.main_txt > .mark > .img img{ width:13.5em;}
.main_txt > .mark > .txtPos{ position:absolute; top:0; left:0; width:100%; height:53%;}
.main_txt > .mark > .txtPos > .tt{ font-size:1.500em; color:#fff;}
.main_txt > .tit{ margin-bottom:3em;}
.main_txt > .txt{}
.main_txt .tt{}
.main_txt .t1{ font-size:2.625em;}
.main_txt .t2{ font-size:1.625em;}
.main_txt .t3{ font-size:1.500em; line-height:1.6;}
.main_txt .t4{ font-size:1.125em; line-height:2;}
.main_txt .t5{ font-size:1.063em; line-height:2;}
.main_txt .t1 + .t3{ margin-top:.5em;}

.main_txt > .txt.icon{}
.main_txt > .txt.icon .tt{ display:flex;}
.main_txt > .txt.icon .tt > *{ flex:1; padding-left:.5em;}
.main_txt > .txt.icon .tt:before{ content:"\e92b"; font-family:xeicon; font-size:1.250em; line-height:1.7;}

.main_sec_col{}
.main_sec_col > .sec_img{ flex:1 1 50%;}
.main_sec_col > .sec_img > .img{ height:100%; border-radius:.625em; overflow:hidden;}
.main_sec_col > .sec_txt{ flex:1 1 50%; position:relative; padding:3.75em 0 4.375em 6.875em;}
.main_sec_col > .sec_txt .iconPos{ position:absolute; left:0; top:0;}
.main_sec_col > .sec_txt .iconPos > img{ width:6.25em;}
.main_corp .main_sec_col > .sec_txt{ padding-top:6em; padding-bottom:2em;}

.main_sec_col.rever{ flex-direction:row-reverse;}
.main_sec_col.rever > .sec_txt{ padding-left:0; padding-right:3em;}

.main_icon_box1{}
.main_icon_box1 .main_list{}
.main_icon_box1 .main_list > li{ flex:1 1 50%;}
.main_icon_box1 .main_list > li .inner{ flex:1; padding:1em 1.25em;}
.main_icon_box1 .main_list > li .sec_icon{ width:9em;}
.main_icon_box1 .main_list > li .sec_icon > .icon{ width:6em; height:6em; background:#f5f6f9; border-radius:50%;}
.main_icon_box1 .main_list > li .sec_icon > .icon img{ width:2.75em;}
.main_icon_box1 .main_list > li .sec_txt{ flex:1;}
.main_icon_box1 .main_list > li .sec_txt > .tit > .tt{ font-size:1.063em;}
.main_icon_box1 .main_list > li .sec_txt > .txt{ margin-top:.75em;}
.main_icon_box1 .main_list > li .sec_txt > .txt > .tt{ font-size:.813em; color:#666; line-height:1.6;}

.main_icon_box2 .main_list{ margin:0 0 -.75em -.75em;}
.main_icon_box2 .main_list > li{ flex:1 1 20%;}
.main_icon_box2 .main_list > li .inner{ flex:1; position:relative; margin:0 0 .75em .75em; padding-top:1.875em;}
.main_icon_box2 .main_list > li .wrap_bg{ background:#f5f6f9; border-radius:.5em;}
.main_icon_box2 .main_list > li .sec_icon{ position:absolute; top:0; left:1.625em;}
.main_icon_box2 .main_list > li .sec_icon img{ width:3.5em;}
.main_icon_box2 .main_list > li .sec_txt{ flex:1; padding:3.75em 1.625em 1.625em 1.625em;}
.main_icon_box2 .main_list > li .sec_txt > .tit > .tt{}
.main_icon_box2 .main_list > li .sec_txt > .txt{ margin-top:.75em;}
.main_icon_box2 .main_list > li .sec_txt > .txt > .tt{ font-size:.813em; color:#666; line-height:1.6;}

.main_columnSlider{}
.main_columnSlider .columnSlider .el{}
.main_columnSlider .columnSlider .el .inner{ display:block; background:#fff; border-radius:.625em; overflow:hidden;}
.main_columnSlider .columnSlider .el .photo{ overflow:hidden;}
.main_columnSlider .columnSlider .el .photo > .img{ transition:transform .3s;}
.main_columnSlider .columnSlider .el .photo > .pic{ background:#fff; border-bottom:1px solid #eee;}
.main_columnSlider .columnSlider .el .con_wrap{ padding:1.5em 1.5em;}
.main_columnSlider .columnSlider .el .con_wrap .cate{ margin-bottom:.5em;}
.main_columnSlider .columnSlider .el .con_wrap .cate > .tt{ font-size:.813em; color:#ff473e;}
.main_columnSlider .columnSlider .el .con_wrap .tit{ line-height:1.5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_columnSlider .columnSlider .el .con_wrap .tit > .tt{ font-size:1em;}
.main_columnSlider .columnSlider .el .con_wrap .tit .xi{ margin-right:.25em;}
.main_columnSlider .columnSlider .el .con_wrap .tit .xi:before{ line-height:inherit;}
.main_columnSlider .columnSlider .el .date{ margin-top:1em;}
.main_columnSlider .columnSlider .el .date > .tt{ font-size:.813em; color:#888;}
.main_columnSlider .columnSlider .el .inner:hover .photo > .img{ transform:scale(1.1);}

.main_columnSlider .paging{ margin-top:3.125em; text-align:center;}
.main_columnSlider .paging .swiper-pagination-bullet{ width:.75em; height:.75em; margin:0 .625em;}

/*Daily Study 추가*/
/*.main_study{ border-top:1px dashed #ccc;}*/
/**/

.noinfo_tit{ padding:1.5em 0;line-height:1.5; font-size:.813em;}
/*.schinput{ font-size:.813em !important;}*/

.mainLayerPop{ position:absolute; top:0; left:0; width:100%; height:0; z-index:10000;}
.mainLayerPop .popLayer{ position:relative;}
.mainLayerPop .popLayer input[type=checkbox]{visibility:visible; -webkit-appearance:checkbox;}

/**/
.payDetail{ position:relative; box-sizing:border-box; padding:1em; border:1px solid #ddd; border-radius:.5em; margin:1em 0}
.payDetail .payDetail_tit{ font-weight:700; position:absolute; left:1em; top:-.5em; padding:0 1em; background:#fff; font-size:.938em}
.payDetail .list > li{ display:flex; margin-top:.5em}
.payDetail .list > li .wrap_tit{ width:9em; margin-right:1em; box-sizing:border-box}
.payDetail .list > li .wrap_tit .t1{ font-weight:700; font-size:.813em; position:relative; padding:0 1em}
.payDetail .list > li .wrap_tit .t1:before,
.payDetail .list > li .wrap_tit .t1:after{ position:absolute; top:0;}
.payDetail .list > li .wrap_tit .t1:before{ content:"-"; left:0}
.payDetail .list > li .wrap_tit .t1:after{ content:":"; right:0}
.payDetail .list > li .wrap_con{ flex:1 1 0%; min-width:0}
.payDetail .list > li .wrap_con .t1{ font-size:.875em; color:#777}



/* sotreBanner */
.sotreBanner{ background:#fc4e3d/* #b9daf1 */;}
.sotreBanner .cont_wrap{width: 45%;padding: 3em 0;}
.sotreBanner .cont_wrap .t1{ margin-bottom: 1em; font-weight:600; font-size: 2.5em; color:#fff}
.sotreBanner .cont_wrap .storeBadges{ gap:.5em;}
.sotreBanner .cont_wrap .storeBadges .badge{}
.sotreBanner .cont_wrap .storeBadges .badge .in{display: block; height: 2.5em;}
.sotreBanner .cont_wrap .storeBadges .badge .in img{ display: block; width: 100%; height: 100%;}
.sotreBanner .img_wrap{}
.sotreBanner .img_wrap .img{ width:25em; height: 100%; background-position: 100% center;}