@charset "utf-8";
/* CSS Document */
<!--
.dwrap{ position:relative; width:2000px; left:50%; top:0; margin-left:-1000px; z-index:100}
.dwrap img{ display:block}
.box0{ width:94%; margin:0 auto; max-width:1680px}
.box1{ width:1400px; margin:0 auto}
.box2{ width:1140px; margin-left:auto;}
.box3{ margin:0 3%;}

.en{ font-family:'Ms'}

#header{ position:absolute; left:0; top:0; width:100%; z-index:1000000; transition:.15s;}
#header .top_wrap{ height:6em}

#header{}
#header:hover{background:rgba(255,255,255,.6);}
body.sub:not(.member) #header{background:rgba(255,255,255,.6);}
body.sub:not(.member) #header:hover{background:rgba(255,255,255,1);}
#header .logo{cursor:pointer; /*width:4.25em;*/ display:flex; align-items:center;}
#header .logo img{width:5.25em;}
#header .logo p{color:#fff; margin-left:10px; font-weight:bold; white-space:nowrap; font-size:2em; transition:.15s; font-family:'score';}
#header:hover .logo p{color:#111;}
body.sub #header .logo p{color:#111;}
#header .h_menu_wrap{color:#fff; height:80px;}
body.sub:not(.member) #header .h_menu_wrap{color:#111;}
#header .h_menu_wrap > div:not(:last-of-type){margin-right:60px;}
#header .h_menu_wrap .xi{font-size:1em; vertical-align:baseline;}
#header .h_menu_wrap .tt{vertical-align:baseline; font-family:'score'; font-weight:300; transition:.3s;}
#header .h_menu_wrap .tt:hover{color:#188abe;}
#header .h_menu_wrap .hm_search{cursor:pointer;}
#header .h_menu_wrap .hm_cate{cursor:pointer;}
#header .h_menu_wrap .hm_cs{cursor:pointer;}
#header .h_menu_wrap .hm_cate .xi{font-size:1.125em;}
#header .h_menu_wrap .hm_member{font-size:.9375em;}
#header .h_menu_wrap .hm_member .tt{margin-right:30px; cursor:pointer;}
#header .h_menu_wrap .hm_member .hm_btn{width:150px; height:40px; border:1px solid #fff; box-sizing:border-box; border-radius:20px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
body.sub:not(.member) #header .h_menu_wrap .hm_member .hm_btn{border:1px solid #111;}
#header .h_menu_wrap .hm_member .hm_btn .xi{font-size:1.325em; margin-right:3px;}
#header .h_menu_wrap .hm_member .hm_btn .tt{margin-right:0;}

#header .m_menu_wrap{display:none;}

.header_pd{height:80px;}

#header .gnb_wrap{/*margin-right:auto; margin-left:auto;*/}
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li{font-size:1.25em; padding:0 2.25em;}
#header .gnb_wrap .gnb > li a{color:#fff; transition:.3s; font-weight:bold; /*font-family:'GS';*/ font-family:'SBAggroB'; margin-bottom:-4px; text-transform:uppercase;}
body.sub #header .gnb_wrap .gnb > li a{color:#111;}
body.sub #header .gnb_wrap .gnb > li.on a,
body.sub #header .gnb_wrap .gnb > li a:hover{color:#1367d1;}
#header:hover .gnb_wrap .gnb > li a{color:#111;}
#header .gnb_wrap .gnb > li a:hover{color:#1367d1;}

body.main .visualSlider .el{ position:relative; overflow:hidden}
body.main .visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%;}
body.main .visualSlider .el .bg:after{content:''; display:block; width:100vw; height:30%; background:rgba(0,0,0,.5); position:absolute; left:0; top:50%; transform:translate(0,-50%); z-index:-1;}
body.main .visualSlider .el .resize{padding-bottom:50%}
body.main .visualSlider .el .bg{ transform:scale(1.1); opacity:0}
body.main .visualSlider .el.swiper-slide-active .bg,
body.main .visualSlider .el.swiper-slide-duplicate-active .bg{ transform:scale(1) rotate(.001deg); opacity:1; transition:transform 2s}

body.main .visualSlider_wrap{ position:relative; height:70vh;}
body.main .visualSlider_wrap .main_search{ position:absolute; left:50%; top:0; width:70%; height:100%; z-index:100; transform:translateX(-50%);}

body.sub .visualSlider .el{ background-color:#666}
body.sub .visualSlider .el .bg{ padding-bottom:35.9375%;}
body.sub .visualSlider .el .tit_wrap{ height:calc(100% - 3.5em); width:60%; color:#fff}
body.sub .visualSlider .el .tit_wrap .t1{ font-size:.938em; opacity:.6; font-weight:500}
body.sub .visualSlider .el .tit_wrap .t2{ font-size:2.25em; font-weight:700}
body.sub .visualSlider .el .tit_wrap .t3{ font-size:1.063em; font-weight:500}
body.sub .visualSlider .el .tit_wrap .more{ padding:.75em 1.5em; border:1px solid #fff; border-radius:3em; font-weight:700; margin-top:1em}
body.sub .visualSlider .el .tit_wrap .more:hover{ background:rgba(255,255,255,.2)}
body.sub .visualSlider .el .tit_wrap .more .xi{ font-size:1em; margin-left:2em}
body.sub .visualSlider .el .img_wrap{ margin-left:auto; width:37%; transform:translate(0, 10%); border-radius:2em; box-shadow:0 0 1em rgba(0,0,0,.3); overflow:hidden; position:relative}
body.sub .visualSlider .visualSlider-pagination{ bottom:2.5em}
body.sub .img_layer{ position:absolute; right:2em; top:0; color:#fff; overflow:hidden; text-align:center}
body.sub .img_layer .in{ background:#0361ae; padding:.5em .5em .75em .5em; width:3em}
body.sub .img_layer .xi{ display:block; font-size:1.5em}
body.sub .img_layer .t1{ font-weight:700; font-size:.938em}
body.sub .img_layer .svg{ padding-bottom:12.5%; margin-top:-1px}
body.sub .img_layer .svg svg{ fill:#0361ae; width:calc(100% + 1px)}
-->


.visualSlider_wrap .slogan{margin-bottom:2.5rem; padding-top:30vh;}
.visualSlider_wrap .slogan .tt{font-size:3rem; color:#fff; font-family:'GS'; margin-bottom:.5rem;}
.visualSlider_wrap .slogan .t1{font-size:1.5em; color:#fff; font-family:'GS';}
.visualSlider_wrap .main_search_wrap{}
.visualSlider_wrap .main_search_wrap > div:not(:last-of-type){margin-right:10px;}
.visualSlider_wrap .main_search_wrap .ms_f{width:200px; height:60px; color:#fff; background:linear-gradient(90deg, rgba(36,118,221,1) 0%, rgba(232,104,111,1) 100%); border-radius:.5em;}
.visualSlider_wrap .main_search_wrap .ms_f .tt{padding-top:4px; font-weight:300; font-family:'GS';}
.visualSlider_wrap .main_search_wrap .ms_f i.xi{transform:rotate(90deg); margin-top:-2px; margin-left:8px;}
.visualSlider_wrap .main_search_wrap .ms_cate_dp1{}
.visualSlider_wrap .main_search_wrap .ms_cate_dp1 label{background:rgba(255,255,255,.2);}
.visualSlider_wrap .main_search_wrap .ms_cate_dp1 label:after{color:#fff;}
.visualSlider_wrap .main_search_wrap .ms_cate_dp1 select{border:none; color:#fff; font-weight:300;}
.visualSlider_wrap .main_search_wrap .ms_cate_dp1 option{color:#333;}
.visualSlider_wrap .main_search_wrap .ms_cate_dp1 label,
.visualSlider_wrap .main_search_wrap .ms_cate_dp1 select{width:200px;}
.visualSlider_wrap .main_search_wrap .ms_cate_dp2{}
.visualSlider_wrap .main_search_wrap .ms_cate_dp2 label{background:rgba(255,255,255,.2);}
.visualSlider_wrap .main_search_wrap .ms_cate_dp2 label:after{color:#fff;}
.visualSlider_wrap .main_search_wrap .ms_cate_dp2 select{border:none; color:#fff; font-weight:300;}
.visualSlider_wrap .main_search_wrap .ms_cate_dp2 option{color:#333;}
.visualSlider_wrap .main_search_wrap .ms_cate_dp2 label,
.visualSlider_wrap .main_search_wrap .ms_cate_dp2 select{width:200px;}
.visualSlider_wrap .main_search_wrap .ms_keyword{width:330px;}
.visualSlider_wrap .main_search_wrap .inp{ border:1px solid rgba(255,255,255,.5); background:none; border-radius:.5em; padding:1em; padding-right:4em; box-sizing:border-box; width:100%; color:#fff; height:60px;}
.visualSlider_wrap .main_search_wrap .inp::placeholder{color:#fff !important;}
.visualSlider_wrap .main_search_wrap .ms_button{}
.visualSlider_wrap .main_search_wrap .ms_button .input_st{border-radius:.5em; background:rgba(0,0,0,.5); border:none; font-weight:300;}
.visualSlider_wrap .main_search_wrap .ms_button .input_st:hover{opacity:1; background:rgba(0,0,0,.8);}
.visualSlider_wrap .main_search_wrap .ms_button .input_st i.xi{margin-right:.25em; margin-bottom:-4px;}

.main_con{}
.main_con .main_quick_icon_wrap{background:#f5f5f5; padding:1.5rem 0;}
.main_con .main_quick_icon_wrap .main_quick_icon{flex:1 1 100%;}
.main_con .main_quick_icon_wrap .main_quick_icon img{width:59px; height:47px;}
.main_con .main_quick_icon_wrap .main_quick_icon .tt{color:#777; margin-top:1rem; transition:.3s;}
.main_con .main_quick_icon_wrap .main_quick_icon:hover .tt{color:#70caf3;}

.page_tit{ margin:0 0 1em 0}
.page_tit .t1{ font-weight:700; font-size:2em}
.page_tit .t2{ margin:.75em 0; color:#666; font-size:1.063em}
.page_tit .t3{ font-weight:700; font-size:1.625em}
.page_tit .t4{ font-weight:700; font-size:2.5em}
.page_tit .icon{ width:1.5em; line-height:1.5em; text-align:center; background:#0361ae; color:#fff; font-size:1em; border-radius:50%}
.page_tit .icon:before{ font-size:.75em}

.page_line{width:2px; height:50px; background:#111; border-radius:5px; margin:0 auto 1rem;}

.login_wrap{margin-top:7rem;}
.login_wrap .c_point{color:#70caf3 !important;}
.login_wrap .page_tt{color:#fff;}
.login_wrap .page_tit .t1{color:#fff;}
.login_wrap .page_tit .t4{color:#fff;}
.login_wrap .login{ width:28em; max-width:94%; margin:0 auto}
.login_wrap .login .wrap_in{ margin:2em 0 0 0}

.login_wrap .link_wrap{ padding:0 .5em; margin:1em 0 3em 0}
.login_wrap .link_wrap .link{ font-size:.938em; margin:0 1em; color:#e1e1e1;}
.login_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block}
.login_wrap .link_wrap .link:hover .tt{ text-decoration:underline; color:#70caf3}

.login_wrap .check_wrap{ font-size:.938em; margin:.5em 0 0 0}
.login_wrap .btn_wrap{ margin-top:1em}
.login_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#0361ae; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; font-size:1.063em; font-weight:500; border-radius:.25em}
.login_wrap .btn_wrap .btn.c1{ border-color:#333; color:#333; background:#fff}
.login_wrap .btn_wrap .btn.c2{ background:#fff; color:#0361ae; border-color:#0361ae}
.login_wrap .btn_wrap .btn.s1{ font-size:1.25em}
.login_wrap .btn_wrap .btn.s2{ font-size:.875em}
.login_wrap .btn_wrap .btn.w1{ width:49%}
.login_wrap .btn_wrap .btn:hover{ opacity:.8; transition:.3s}

.login_wrap .label_st:not(.cssbrowser) input ~ span,
.login_wrap .label_st:not(.cssbrowser) input ~ .xi:before{ color:#e4e4e4}
.login_wrap .label_st:not(.cssbrowser) input:checked ~ span,
.login_wrap .label_st:not(.cssbrowser) input:checked ~ .xi:before{ color:#e4e4e4}

.form_wrap{ border:1px solid #ddd; border-radius:1em; padding:3em}
.form_wrap .tit_wrap{ float:left; width:20%}
.form_wrap .tit_wrap .in{ border-top:2px solid #333; padding:1.125em}
.form_wrap .con_wrap{ float:right; width:75%}

.form_st{}
.login_wrap .login.w1 .form_st{ width:46%}
.form_st > li{ margin-top:2.188em}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#eee}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#fff; /*background:#fff;*/ padding:0 .25em}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; color:#e1e1e1;}
.form_st > li .in .inp[type=file]{ padding:0 !important; height:3em}
.form_st > li .in textarea.inp{ height:10em; padding:1em !important}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; transition:.3s; border-radius:.25em}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:12px; color:#70caf3; margin-left:-.5em; transition:.3s}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:#70caf3}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:#70caf3}
.form_st > li .in .inp.c1{ background:#f1f1f1}

.form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center}
.form_st.st1 > li.line{ margin-top:2em; padding-top:1.25em; border-top:1px solid #0361ae}
.form_st.st1 > li.line > .label_st{ width:100%; margin-top:-1em}
.form_st.st1 > li.line2{ border-top:1px solid #ddd; padding-top:1em !important}
.form_st.st1 > li .in{ padding:0; flex:1 1 1%; min-width:0; word-break:break-all}
.form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block}
.form_st.st1 > li .in_sec2{ width:.5em}
.form_st.st1 > li .in_br{ flex-basis:100%}
.form_st.st1 > li .in_tit{ font-weight:500; font-size:1.063em; color:#fff; width:100%}
.form_st.st1 > li .in_tit .ess:before{ font-size:.875em; margin-left:.5em}
.form_st.st1 > li .in_tit.c1{ color:#777}
.form_st.st1 > li .in_tit.s1{ font-size:1.25em}
.form_st.st1 > li .label_st{ font-size:.938em}
.form_st > li .in_tt{ width:100%; color:#e1e1e1; font-size:.938em; margin-top:1em; line-height:1.5}
.form_st.st1 > li .in.fix{ flex:0 0 auto}
.form_st.st1 > li .in .inp{ padding:1em 1em; height:3.5em; font-size:.938em; font-family:notokr,sans-serif; font-weight:500}
.form_st.st1 > li .in .inp.s1{ font-size:1em}
.form_st.st1 > li .in .btn{ color:#fff}
.form_st.st1 > li .in .btn + .line{ background:#333; border-color:transparent}
.form_st.st1 > li .in .w100{ width:100%}
.form_st.st1 > li .in.w1{ max-width:26%}
.form_st.st1 > li .in.w50{ max-width:50%}
.form_st.st1 > li .in.w100{ flex-basis:100%}
.form_st.st1 > li .agree{ border:1px solid #ddd; width:100%; margin:1em 0}
.form_st.st1 > li .agree > li{ padding:.75em 3em .75em 1em; position:relative; transition:.3s}
.form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd}
.form_st.st1 > li .agree > li .more{ position:absolute; right:1em; top:50%; transform:translateY(-50%); background:#aaa; color:#fff; padding:.25em 1em; font-size:.875em}
.form_st.st1 > li .agree > li .more:hover{ background:#666}
.form_st.st1 > li .agree > li:hover{ background:#333}
.form_st.st1 > li.flex{ padding:0 .5em}
.form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:.938em; padding-left:0; height:4em; display:flex; align-items:center}
.form_st.st1 > li.flex .in{ margin-top:0}
.form_st.st1 > li.flex .in.w100{ margin-left:8em}
.form_st.st1 > li.flex .in .inp{ font-size:.938em}

.form_st.text{ border-bottom:1px solid #ddd}
.form_st.text > li{ border-top:1px solid #ddd; margin-top:0}
.form_st.text > li .in .t1{ font-size:.938em; color:#666}
.form_st.text > li .in a:hover{ text-decoration:underline}

.fin_wrap{ border:1px solid #ddd; padding:2em 2em 3em 2em; text-align:center; box-sizing:border-box; margin:2em auto 0 auto}
.fin_wrap .fin_tit{ font-weight:300; font-size:2em;}
.fin_wrap .fin_tit:after{ content:""; display:block; margin:.75em auto; width:1em; height:1px; background:#aaa}
.fin_wrap .fin_tt{ color:#888; line-height:1.6}
.fin_wrap .fin_tt.t1{ color:#5c5e5e; font-size:1.188em; font-weight:500}

.fin_wrap.st1{ border:none; padding:0}

.msgWrap{ padding:1em; box-shadow:0 0 .5em rgba(0,0,0,.2); visibility:hidden; height:0; background:#fff; transform:translateY(2em); transition:.3s; position: absolute}
.msgWrap .t1{ font-weight:500; color: #0361ae; font-size:.938em; line-height:1.25em; display:block; position:relative; padding-left:1.5em}
.msgWrap .t1 .icon{ position:absolute; left:0; top:.063em}
.msgWrap .t1 .icon:before{ content:"\e9a7"}
.msgWrap.on{ visibility:visible; transform:translateY(0); height:100%; margin-bottom:2em; position:relative}

.agree_box{ border:1px solid #ddd; box-shadow:1px 1px 1em rgba(0,0,0,.2); padding:2em}
.agree_box.st1{ border:none; box-shadow:none; padding:0}
.agree_box .tit{ font-size:1.188em; font-weight:500; color:#111; margin-bottom:1em; margin-top:2em}
.agree_box .tit:first-child{ margin-top:0}
.agree_box .con{ font-size:.938em; color:#666; line-height:1.6}
.agree_box .con > *{ margin-top:1em; vertical-align:top}
.agree_box .check{ border-top:1px solid #ddd; margin-top:1.5em; padding-top:1em}
label_st.agree_box ul{ margin-top:1em}
.agree_box table{ margin:1em 0; width:100%}
.agree_box table th,
.agree_box table td{ border:1px solid #ddd; padding:1em}
.agree_box table th{ background:#f5f5f5}
.agree_box p strong{ font-size:1.125em; color:#333}
.agree_box a{ vertical-align:top; color:#666; text-decoration:underline}
.agree_box a:hover{ opacity:.6}
.agree_box strong{ vertical-align:top; font-weight:500}

.page_cate > li{ width:9em}
.page_cate > li > a{ padding:1em; text-align:center; display:block}
.page_cate > li > a .icon{ width:5em; height:5em; margin:0 auto; background-color:#f1f1f1; border:3px solid transparent; border-radius:50%; transition:.3s; color:#0361ae; position:relative; font-weight:500; font-size:1.125em; padding-top:8px; box-sizing:border-box;}
.page_cate > li > a .icon img{ position:absolute; left:50%; top:50%; height:100%; width:100%; transform:translate(-50%,-50%)}
.page_cate > li > a .tt{ display:block; color:#666; margin:1em 0}
.page_cate > li.on > a .icon,
.page_cate > li > a:hover .icon{ border-color:#70caf3}
.page_cate > li.on > a .tt{ font-weight:700; color:#0361ae}

body.sub .visualSlider.search{ padding-bottom:2em}
body.sub .visualSlider.search .el .bg{ padding-bottom:25%}
body.sub .visualSlider.search .el .tit_wrap{ height:100%}
body.sub .visualSlider.search .visualSlider-pagination{ bottom:-1.5em}

.page_search{ background:#f5f5f5; border:1px solid #ddd; padding:2em 3em; border-radius:.5em}
.page_search .tit{ font-weight:500; font-size:1.188em}
.page_search .tit .xi{ font-size:1.063em; margin-right:.25em}
.page_search .form{ margin:.25em 0 0 -.25em}
.page_search .form:first-child{ /*margin-right:4em*/}
.page_search .form > *{ margin:.25em 0 0 .25em}
.page_search .sort_tit{ margin:0 .5em 0 2.5em; color:#666}
.page_search .sort_tit:first-child{ margin-left:0}
.page_search .tit + .form{ margin-left:2em}
.page_search.st1{ border-radius:0; border-left:none; border-right:none; padding:1em 2em}
.page_search.st2{ background:none; border:none; padding:1em}

.page_prod{ margin:-2em 0 0 -2em}
.page_prod > li{ width:20%}
.page_prod > li > .in{ display:block; margin:2em 0 0 2em; transition:.3s}
.page_prod > li > .in .img_wrap{ border-radius:.5em; overflow:hidden}
.page_prod > li > .in .con_wrap{ padding:1em 1em 2em; display:block; font-family:'GS'; font-weight:100; box-shadow:0 0 10px 2px rgba(0,0,0,.1); border-radius:0 0 12px 12px; background:#fff;}
.page_prod > li > .in .con_wrap .c_point{color:#70caf3 !important;}
.page_prod > li > .in .con_wrap .span > *:not(.xi){ /*margin-right:.5em;*/ font-weight:bold; font-family:'GS';}
.page_prod > li > .in .con_wrap .span:first-of-type > *:not(.xi){text-overflow:ellipsis; white-space:nowrap; max-width:100%; overflow:hidden;}
.page_prod > li > .in .con_wrap .span > *.fwB{font-weight:300; min-width:53px;}
.page_prod > li > .in .con_wrap .span.line > *{ position:relative; padding-right:.5em}
.page_prod > li > .in .con_wrap .span.line > *:not(:last-child):before{ content:""; position:absolute; right:0; top:10%; height:80%; width:1px; background:#ddd}
.page_prod > li > .in .con_wrap .con_t1{ font-size:.938em; color:#666; margin:.5em 0; font-weight:400; font-family:'GS'}
.page_prod > li > .in .con_wrap .con_t1.txt_small{font-size:.75em;}
.page_prod > li > .in .con_wrap .con_t2{ font-size:.785em; font-weight:bold; color:#212529; display:block; margin-bottom:1.25rem; font-family:'GSL';}
.page_prod > li > .in .con_wrap .con_t3{ font-size:.813em; color:#888; margin:.5em 0}
.page_prod > li > .in .con_wrap .con_t4{ font-size:.938em; color:#777; margin:.5em 0}
.page_prod > li > .in .con_wrap .con_t5{ font-size:1.125em; font-weight:500}
.page_prod > li > .in .con_wrap .trophy{ color:#ff9c00}
.page_prod > li > .in .btn_wrap{ margin-left:3em}
.page_prod > li > .in .btn_wrap.col > *{ margin:.25em 0}
.page_prod > li > .in:not(.hoverN):hover{ transform:translateY(-.5em)}
.page_prod > li > .in[onclick]{ cursor:pointer}
.page_prod.d1{ margin:-3em 0 0 -3em}
.page_prod.d1 > li{ width:33.33%}
.page_prod.d1 > li > .in{ margin:3em 0 0 3em}
.page_prod.d2{ margin:-1.5em 0 0 -1.5em}
.page_prod.d2 > li{ width:20%}
.page_prod.d2 > li > .in{ margin:1.5em 0 0 1.5em}
.page_prod.d3{ margin:-1.5em 0 0 -1em}
.page_prod.d3 > li{ width:16.66%}
.page_prod.d3 > li > .in{ margin:1.5em 0 0 1em}
.page_prod.row{ margin:0; border-top:1px solid #666; margin-top:1em}
.page_prod.row > li{ width:100%}
.page_prod.row > li > .in{ display:flex; border-bottom:1px solid #ddd; padding:1.5em 0; position:relative; margin:0}
.page_prod.row > li > .in .img_wrap{ width:20%}
.page_prod.row > li > .in .img_wrap.w1{ width:10%}
.page_prod.row > li > .in .con_wrap{ margin-left:2em}
.page_prod.row > li > .in:hover{transform:translate(-.5em,0)}

.txt_small2{font-size:.75em; vertical-align:baseline;}

/*상세페이지*/
.prod_detail_wrap{font-family:'score'}
.prod_co_wrap{font-family:'score'}

.prod_detail_wrap{background:#f1f3f4; broder-bottom:1px solid #eee; padding:60px 0 40px 0;}
.bo1{width:95%; max-width:1200px; min-width:304px; margin:0 auto;}
.prod_detail_wrap .inner .im_wrap{float:left; width:50%; margin-left:-100px; margin:0 auto;}

.prod_detail_wrap .inner .inf_wrap{float:right; width:50%; padding-bottom:30px;}
.prod_detail_wrap .inf_wrap .in{padding:0 0 0 150px;}
.prod_detail_wrap .inf_wrap .prod_tit{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc; letter-spacing:-0.5px; }
.prod_detail_wrap .inf_wrap .prod_tit .span_t{display:block; font-size:1.563em;}
.prod_detail_wrap .inf_wrap .prod_info .info{position:relative; padding:10px 0 10px 140px;}
.prod_detail_wrap .inf_wrap .prod_info .info .info_t{position:absolute; top:10px; left:0; padding-left:10px;}

.prod_detail_wrap .inf_wrap .prod_btn{margin-top:40px; font-size:0;}
.prod_detail_wrap .inf_wrap .prod_btn > li{display:inline-block; zoom:1; vertical-align:top; margin-left:1%; font-size:1rem;}
.prod_detail_wrap .inf_wrap .prod_btn > li.btn_li1, .prod_btn > li.btn_li0{width:34%;}
.prod_detail_wrap .inf_wrap .prod_btn > li.btn_li2, .prod_btn > li.btn_li3{width:14%;}
.prod_detail_wrap .inf_wrap .prod_btn .btn{width:100%; height:50px; border:1px solid transparent; border-radius:5px;}
.prod_detail_wrap .inf_wrap .prod_btn .btn.c0{background:#70caf3; color:#fff;}
.prod_detail_wrap .inf_wrap .prod_btn .btn.c1{background:#28292b; color:#fff;}
.prod_detail_wrap .inf_wrap .prod_btn .btn.c2{background:#28292b; color:#fff;}
.prod_detail_wrap .inf_wrap .prod_btn .btn.c3{background:#fff; color:#fff; border:1px solid #aaa;}
.prod_detail_wrap .inf_wrap .prod_btn .btn .xi{padding:0 5px;}
.prod_detail_wrap .inf_wrap .prod_tit .span_t1{display:inline-block; zoom:1; margin:0 3px 10px 0; padding:4px 15px; background:#fff; border:1px solid #bbb; border-radius:25px; font-size:.875em;}
.img-wrap{cursor:pointer;}
.con_wrap{cursor:pointer;}
.prod_detail_wrap .inf_wrap .prod_btn .btn .xi.xi-undo{color:#000;}

/*copy*/
.prod_co_wrap{ padding:60px 0 200px;}
.prod_co_wrap .inner{zoom:1;}
.prod_co_wrap .inner .info_wrap{position:relative; width:70%;}
/*.prod_co_wrap .inner .instructor_wrap {padding-left:4%; position:relative; box-sizing:border-box; height:auto; width:30%;}*/
.prod_co_wrap .inner .instructorW { width:30%;}
.prod_co_wrap .instructor_wrap .in{/*position:sticky; top:0; max-height:100vh; overflow:auto; position: -webkit-sticky;*/}
.prod_co_wrap .instructor_wrap .profile{ padding:35px 35px; border:1px solid #ccc; text-align:center; background:#fff; width:20em; margin-left:auto;}

.prod_co_wrap .instructor_wrap .profile .photo{ max-width:150px; margin:0 auto;}
.prod_co_wrap .instructor_wrap .profile .photo > span{ display:block;}
.prod_co_wrap .instructor_wrap .profile .photo .img{ width:90%; height:90%; border:5px solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,.3); border-radius:50%;}
.prod_co_wrap .instructor_wrap .profile .name{ margin:20px 0;}
.prod_co_wrap .instructor_wrap .profile .name > span{ position:relative; display:block; padding-bottom:15px; font-size:1.500em; color:#181a1d; font-weight:500; letter-spacing:-0.5px;}
.prod_co_wrap .instructor_wrap .profile .name > span:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-10px; width:20px; height:2px; background:#70caf3;}
.prod_co_wrap .instructor_wrap .profile .cate{display:inline-block;}
.prod_co_wrap .instructor_wrap .profile .cate .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 10px; line-height:25px; border:1px solid #ddd; border-radius:25px; font-size:.813em; color:#888; letter-spacing:-1px;}
.prod_co_wrap .instructor_wrap .profile .btn_wrap{ margin-top:20px;}
.prod_co_wrap .instructor_wrap .profile .btn_wrap .btn{ display:block; height:50px; line-height:50px; background:#4d4d4d; border:1px solid #404040; border-radius:5px; color:#fff; transition:.3s;}
.prod_co_wrap .instructor_wrap .profile .btn_wrap .btn:hover{ background:#70caf3; border-color:#70caf3;}
.prod_co_wrap .instructor_wrap .profile .conn_wrap{ margin-top:30px; padding:0 10px; text-align:left; letter-spacing:-0.5px;}
.prod_co_wrap .instructor_wrap .profile .conn_wrap > dt{ margin-bottom:15px; font-size:1.125em; font-weight:500;}
.prod_co_wrap .instructor_wrap .profile .conn_wrap > dd{ font-size:.938em; color:#555; line-height:1.4;}

.prod_co_wrap .info_wrap{}
.prod_co_wrap .view_tab_wrap{ text-align:center; overflow:hidden;}
.prod_co_wrap .view_tab_wrap > li{ float:left; width:33.33%;}
.prod_co_wrap .view_tab_wrap > li > a{ position:relative; display:block; margin-left:-1px; line-height:50px; background:#fafafa; border:1px solid #ddd; border-bottom-color:#28292b; font-size:.938em; color:#777; font-weight:500; letter-spacing:-0.5px;}
.prod_co_wrap .view_tab_wrap > li:first-child > a{ margin-left:0;}
.prod_co_wrap .view_tab_wrap > li.on > a{ z-index:101; background:#fff; border-color:#28292b; border-bottom-color:#fff; color:#28292b;}
.prod_co_wrap .info_wrap .conn_wrap{ padding:40px 0 80px; line-height:1.5; text-align:center}
.prod_co_wrap .info_wrap .review_wrap{ padding:40px 0 80px;}


/*quick*/
#quickMenu{ position:fixed; z-index:999999; top:0; bottom:0; left:0; width:50px; background:#fff; border-right:1px solid #28292b; box-shadow:1px 0 5px rgba(0,0,0,.3); padding-top:80px; box-sizing:border-box; transition:.25s;}
.scroll #quickMenu{padding-top:0;}
#quickMenu.on{width:150px;}
#quickMenu.open{width:150px;}
#quickMenu .quick_con{ position:relative; height:100%; letter-spacing:-0.5px;}
#quickMenu .btn_open{ background:#70caf3; color:#fff; text-align:center; cursor:pointer; height:50px; transition:.25s;}
.scroll #quickMenu .btn_open{height:70px;}
#quickMenu .btn_open i{ vertical-align:middle;}
#quickMenu .btn_open .xi{}
#quickMenu .btn_open .tt{ text-indent:-9999px;}
#quickMenu.on .btn_open .tt{ padding-left:10px; font-size:1em; text-indent:0;}
#quickMenu.open .btn_open .tt{ padding-left:10px; font-size:1em; text-indent:0;}
#quickMenu .inner{ position:relative; height:90%;}
#quickMenu .menu_wrap{ text-align:center; letter-spacing:-0.5px;}
#quickMenu .menu_wrap > li{ white-space:nowrap}
#quickMenu .menu_wrap > li > a{ display:block; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
#quickMenu .menu_wrap > li > a i{ vertical-align:middle;}
#quickMenu .menu_wrap > li > a .tt{ filter:alpha(opacity=0); opacity:0; font-size:.875em; text-indent:-100px; transition:.8s; transition-timing-function:cubic-bezier(.24,.34,.07,.85);}
#quickMenu .menu_wrap > li > a:hover{ background:#f5f5f5;}
#quickMenu.on .menu_wrap{ text-align:left;}
#quickMenu.on .menu_wrap > li > a{ padding-left:20px;}
#quickMenu.on .menu_wrap > li > a .tt{ padding-left:10px; font-size:.875em; filter:alpha(opacity=100); opacity:1; text-indent:0;}
#quickMenu.open .menu_wrap{ text-align:left;}
#quickMenu.open .menu_wrap > li > a{ padding-left:20px;}
#quickMenu.open .menu_wrap > li > a .tt{ padding-left:10px; font-size:.875em; filter:alpha(opacity=100); opacity:1; text-indent:0;}
#quickMenu .today_wrap{ padding-bottom:60px; text-align:center; letter-spacing:-0.5px;}
#quickMenu .today_wrap .tit{ padding:15px 0;}
#quickMenu .today_wrap .tit *{ transition:.3s;}
#quickMenu .today_wrap .tit .tt{ display:block; margin-bottom:5px; font-size:.750em;}
#quickMenu .today_wrap .tit .num{ display:inline-block; *display:inline; zoom:1; width:35px; height:35px; line-height:35px; background:#70caf3; border-radius:50%; font-size:.938em; color:#fff; font-weight:500;}
#quickMenu .today_wrap .today,
#quickMenu .today_wrap .control_box{ width:90px;  margin:0 auto; filter:alpha(opacity=0);opacity:0; transition:.3s;}
#quickMenu .today_wrap .today .item{ padding:2px 0;}
#quickMenu .today_wrap .today .item > a{ display:block; border:1px solid #ccc;}
#quickMenu .today_wrap .today .item > a:hover{ border-color:#333;}
#quickMenu .today_wrap .control_box{ margin-top:5px;}
#quickMenu .today_wrap .control_box > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:45%; border:1px solid #ccc; line-height:25px; font-size:.688em; transition:.3s;}
#quickMenu .today_wrap .control_box > li:hover{ background:#28292b; border-color:#28292b; color:#fff;}
#quickMenu .today_wrap .control_box .prev,
#quickMenu .today_wrap .control_box .next{ cursor:pointer;}
#quickMenu.on .today_wrap .today,
#quickMenu.on .today_wrap .control_box{ filter:alpha(opacity=100);opacity:1;}
#quickMenu.open .today_wrap .today,
#quickMenu.open .today_wrap .control_box{ filter:alpha(opacity=100);opacity:1;}

.f_score{font-family:'score';}


.dp1_mypageT .box1{max-width:95%;}

.intro_top{height:300px; padding:4.25rem 0; box-sizing:border-box; background:#3baff2;}
.intro_top > .box1{margin:0;}
.intro_top .intro_top_info{height:100%;}
.intro_top .intro_top_info > div{width:25%; height:100%; position:relative; margin-top:-1rem;}
.intro_top .intro_top_info > div:not(:last-of-type):after{content:''; display:block; width:1px; height:80%; background:rgba(255,255,255,.7); position:absolute; right:0; top:calc(50% + 1rem); transform:translateY(-50%);}
.intro_top .intro_top_info > div img{max-width:none; width:auto; transform:scale(.6);}
.intro_top .intro_top_info > div .text_wrap{font-family:'score'; font-size:1.125em; margin-top:.25rem; color:#fff;}
.intro_top .intro_top_info > div .text_wrap .tt{}
.intro_top .intro_top_info > div .text_wrap .num_st{font-size:1.25em; margin-bottom:-2px; margin-right:4px;}

.lm_wrap{position:relative; padding-top:3rem; min-height:580px;}
.lm_wrap #mypageTLeft{position:absolute; top:3rem; border:; width:180px; border-radius:7px; overflow:hidden; box-shadow:0 0 10px 2px rgba(0,0,0,.1);}
.lm_wrap #mypageTLeft > .tt{font-family:'score'; font-size:1.25em; font-weight:300; color:#fff; width:100%; height:80px; padding-left:16px; background:#3891ec; display:flex; align-items:center; box-sizing:border-box;}
.lm_wrap #mypageTLeft .left_menu{padding:1rem 0; background:#f9f9f9;}
.lm_wrap #mypageTLeft .left_menu li{height:46px; /*border-bottom:1px solid #ddd;*/ box-sizing:border-box;}
.lm_wrap #mypageTLeft .left_menu li a{height:100%; display:flex; align-items:center;}
.lm_wrap #mypageTLeft .left_menu li a .tt{padding-left:16px; position:relative; transition:.3s; color:#333; font-family:'score';}
.lm_wrap #mypageTLeft .left_menu li.on a .tt,
.lm_wrap #mypageTLeft .left_menu li:hover a .tt{padding-left:30px;}
.lm_wrap #mypageTLeft .left_menu li a .tt:before{content:''; display:block; width:0; height:2px; background:#3891ec; position:absolute; left:12px; top:50%; /*transform:translateY(-50%);*/ transition:.3s;}
.lm_wrap #mypageTLeft .left_menu li.on a .tt:before,
.lm_wrap #mypageTLeft .left_menu li:hover a .tt:before{width:10px;}

.fixWrap .fixIn .fixObj.scroll{position:fixed !important;}
.fixWrap .fixIn .fixObj.left_menu_wrap.scroll{}

.mypage_box{}
.mypage_box .title_wrap{position:relative; margin-bottom:1rem;}
.mypage_box .title_wrap .mypageTT{font-family:'score'; font-size:1.25em; color:#333; position:relative; padding-left:26px; box-sizing:border-box;}
.mypage_box .title_wrap .mypageTT:before{content:''; display:block; width:18px; height:18px; background:url('../images/inc/tt_sym.png') no-repeat center/cover; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mypage_box .title_wrap .mypageTT:after{content:''; display:none; width:100%; height:2px; background:#3891ec; position:absolute; left:0; bottom:-1rem;}
.mypage_box .title_wrap .link_btn{display:flex; justify-content:center; align-items:center; /*border:1px solid #ddd;*/ box-sizing:border-box; /*height:40px; width:130px; border-radius:20px;*/ color:#2aace8; font-size:.875rem; cursor:pointer; transition:.3s; font-family:'score'; /*font-weight:bold;*/}
/*.mypage_box .title_wrap .link_btn:hover{border:1px solid #3891ec;}*/
.mypage_box .title_wrap .link_btn .icon_cv{width:20px; height:20px; background:#2aace8; color:#fff; transition:.3s; display:flex; justify-content:center; align-items:center; border-radius:50%; margin-left:8px; padding-bottom:1px; box-sizing:border-box;}
.mypage_box .title_wrap .link_btn i{font-size:1em;}
.mypage_box .title_wrap .link_btn:hover .icon_cv{margin-left:16px;}

.mypageCTT{margin-bottom:3.5rem;}
.l_ing_wrap .page_prod > li{width:25%;}
.l_ing_wrap .page_prod > li .img_wrap,
.l_ing_wrap .page_prod > li .con_wrap{cursor:default;}
.l_ing_wrap .page_prod > li:nth-of-type(-n+4) > .in{margin-top:0;}
.l_ing_wrap .page_prod > li > .in .btn_wrap2{}
.l_ing_wrap .page_prod > li > .in .btn_wrap2 .btn{width:50%; display:flex; align-items:center; font-weight:300; font-size:.875em; cursor:pointer; transition:.3s;}
.l_ing_wrap .page_prod > li > .in .btn_wrap2 .btn.btn_student{margin-left:20px;}
.l_ing_wrap .page_prod > li > .in .btn_wrap2 .btn:hover{color:#3891ec;}
.l_ing_wrap .page_prod > li > .in .btn_wrap2 .btn .xi{transition:.3s; margin-top:-2px;}
.l_ing_wrap .page_prod > li > .in .btn_wrap2 .btn:hover .xi{margin-left:6px;}
.l_end_wrap .page_prod > li{width:25%;}
.l_end_wrap .page_prod > li .img_wrap,
.l_end_wrap .page_prod > li .con_wrap{cursor:default;}
.l_end_wrap .page_prod > li:nth-of-type(-n+5) > .in{margin-top:0;}
.l_end_wrap .page_prod > li > .in .btn_wrap2{}
.l_end_wrap .page_prod > li > .in .btn_wrap2 .btn{width:50%; display:flex; align-items:center; font-weight:300; font-size:.875em; cursor:pointer; transition:.3s;}
.l_end_wrap .page_prod > li > .in .btn_wrap2 .btn.btn_student{margin-left:20px;}
.l_end_wrap .page_prod > li > .in .btn_wrap2 .btn:hover{color:#3891ec;}
.l_end_wrap .page_prod > li > .in .btn_wrap2 .btn .xi{transition:.3s; margin-top:-2px;}
.l_end_wrap .page_prod > li > .in .btn_wrap2 .btn:hover .xi{margin-left:6px;}

.no_lecture{padding:5.5em 0 !important; color:#898989; text-align:center; font-family:'score'; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; margin-top:1rem;}
.no_lecture:before{content:'\e9a3'; display:block; font-family:'xeicon' !important; color:#b8b8b8; font-size:3.5em; margin-bottom:.5em;}

.no_cart{padding:5.5em 0 !important; color:#898989; text-align:center; font-family:'score'; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; margin-top:1rem;}
.no_cart:before{content:'\eb6f'; display:block; font-family:'xeicon' !important; color:#b8b8b8; font-size:3.5em; margin-bottom:.5em;}

.m_point_wrap .total_point{font-family:'score'; font-size:1.125em; margin-top:-.25rem; color:#555;}
.m_point_wrap .total_point .tt{}
.m_point_wrap .total_point .num_st{font-size:1.25em; margin-bottom:-2px; margin-right:4px;}

.w_account_wrap .w_account_btn{display:flex; width:80px; height:30px; border-width:1px; border-style:solid; align-items:center; justify-content:center; margin:0 auto; border-radius:15px; box-sizing:border-box; font-size:.875em; padding-bottom:2px;}
.w_account_wrap .w_account_btn.st1{border-color:#5a5a5a; color:#333;}
.w_account_wrap .w_account_btn.st2{border-color:#3891ec; color:#3891ec;}
.w_account_wrap .w_account_btn.st3{border-color:#15b551; color:#15b551;}

.mypageCTT .table_wrap{padding-top:.875rem;}

.addLecture{border-top:1px solid #3891ec;}
.addLecture th,
.addLecture td{padding:1em 0;}
.addLecture td{font-weight:400;}

.ts_l{width:10%}
.ts_r{width:90%; overflow-x:scroll;}

.ts_l table{border-right:1px solid #ccc;}
.ts_r table th{height:1.25em; padding:.325em .5em; box-sizing:border-box;}
.ts_r table td{width:50px; min-width:50px; max-width:50px;}

.ts_no{width:5%;}
.ts_name{width:10%;}

.at_ok{color:#3891ec; vertical-align:baseline;}
.at_half{color:#ecaf38; vertical-align:baseline;}
.at_no{color:#ec3849; vertical-align:baseline;}
.at_ok i,
.at_half i,
.at_no i{margin-top:-4px;}

.l_ing_wrap .lecture_info{}
.l_ing_wrap .lecture_info i{font-size:1em; margin-top:-2px; color:#3891ec;}

.at_btn{font-size:.875em; margin-right:14px; color:#555;}
.at_btn i{margin-top:-3px; margin-right:-4px;}
.at_btn.ok.on{color:#3891ec;}
.at_btn.half.on{color:#ecaf38;}
.at_btn.no.on{color:#ec3849;}

.lecture_detail_opt{margin-top:1.25rem; /*border-radius:10px;*/ overflow:hidden; opacity:.8;}
.lecture_detail_opt th{padding:.5rem 1rem; border-top:2px solid rgba(56,145,236,.4); font-size:.875em; border-left:1px solid #ddd;}
.lecture_detail_opt th:first-of-type{border-left:none;}
.lecture_detail_opt td{padding:.5rem 1rem; border-left:1px solid #ddd;}
.lecture_detail_opt td:first-of-type{text-align:center; border-left:none;}

.filterG{filter:grayscale(90%);}

.withdrawal_tit{margin-bottom:.5rem;}
.withdrawal_tit i{font-size:1em; margin-top:-2px; color:#3891ec;}

.writePhoto{}
.writePhoto .write_img{}
.writePhoto .write_img .inpFile{ width:0; height:0; overflow:hidden; opacity:0; z-index:-1; position:relative}
.writePhoto .write_img .photoBtn{ background:#f5f5f5; color:#ccc; cursor:pointer; box-sizing:border-box; border:1px solid #ddd; border-radius:.25em; transition:.3s}
.writePhoto .write_img .photoBtn .xi{ font-size:1.5em}
.writePhoto .write_img .photoBtn .xi:before{content: '\ea4b';}
.writePhoto .write_img .photoBtn .tt{ width:100%; text-align:center; margin-top:1em}
.writePhoto .write_img .photoBtn:hover{ border-style:dashed; border-color:#666}
.writePhoto .write_img .photoView{z-index:-1; opacity:0}
.writePhoto .write_img .photoView.on{ z-index:1; box-shadow:0 0 .25em rgba(0,0,0,.3); background-color:#fff; border:1px solid #ddd; border-radius:.25em; opacity:1}
.writePhoto .write_img .photoView .modify_wrap{ position:absolute; left:0; bottom:0; width:100%; height:100%; box-sizing:border-box; padding:.25em}
.writePhoto .write_img .photoView .modify_wrap .btn{ border:none; width:2em; line-height:2em; text-align:center; background:#333; color:#fff; border-radius:50%; opacity:.6}
.writePhoto .write_img .photoView .modify_wrap .btn .xi:before{content: '\e96e';}
.writePhoto .write_img .photoView .modify_wrap .btn:hover{ opacity:1}

.login.photo{ margin-top:8em; position:relative; padding:3em; box-sizing:border-box}
.login.photo .writePhotoWrap{position:absolute; left:50%; top:-8em; transform:translateX(-50%)}
.login.photo .writePhotoWrap + .wrap_in{ padding-top:2em}
.login.photo.mg{ margin-top:5em; padding:0; margin-bottom:.625em}
.login.photo.mg .writePhotoWrap + .wrap_in{ padding-top:7em}
.writePhoto.st1{ font-size:1.5em}
.writePhoto.st1 .write_img .resize{ padding-bottom:40%}
.writePhoto .write_img .photoView.on{ box-shadow:none}
.writePhoto.st2{ width:14em}
.writePhoto.st2 .write_img .photoBtn,
.writePhoto.st2 .write_img .photoView.on{ border-radius:.5em;}
.writePhoto.st3{ width:10em;}

.myapge_people .resize {border-radius:.5em;}
.myapge_people .writePhoto.st3 .resize{border-radius:50%;}
.writePhoto.st3 .write_img .photoBtn{border-radius:50%;}
.writePhoto.st3 .write_img .photoView.on{ border-radius:50%;}

.prof_modi{}
.prof_modi td,
.prof_modi th{border-bottom:1px solid #ddd;}

.order_st{padding-top:80px;}
.order_step_wrap{ margin-bottom:30px; padding:20px 0; background:#f1f3f4; border-bottom:1px solid #eee; letter-spacing:-0.5px;}
.order_step_wrap .order_step_tit{ float:left}
.order_step_wrap .order_step_tit .tit{ font-size:1.625em; font-weight:500; line-height:50px}
.order_step_wrap .order_step_tit .tit > *{ vertical-align:middle; font-family:'score';}
.order_step_wrap .order_step_tit .tit .xi{ margin:0 5px 0 10px; font-size:1.5em}
.order_step_wrap .order_step{ float:right; line-height:50px}
.order_step_wrap .order_step > li{ margin-left:40px; position:relative}
.order_step_wrap .order_step > li:first-child{ margin-left:20px;}
.order_step_wrap .order_step > li .arrow{ position:absolute; left:-35px; top:2px; color:#ccc; font-size:2em}
.order_step_wrap .order_step > li .in{ padding:0 20px; border:1px dashed #ddd;  border-radius:5px; color:#999}
.order_step_wrap .order_step > li .in .xi{ vertical-align:middle; padding-right:5px}
.order_step_wrap .order_step > li .in .tt{ vertical-align:middle; font-size:.938em; font-family:'score';}
.order_step_wrap .order_step > li.on .in{ background:#fff; border-color:#aaa; color:#111}

.order_list{}
.order_list .thumb_wrap{width:260px; height:173px; border-radius:.5em; overflow:hidden; border:1px solid #ddd; margin-right:2rem;}
.order_list .thumb_wrap .thumb_img{width:100%; height:100%;}
.order_list .info_wrap{text-align:left; font-family:'score'; width:calc(100% - 262px);}
.order_list .info_wrap .info_cate{font-weight:bold; margin-bottom:.5rem;}
.order_list .info_wrap .info_name{font-weight:300; margin-bottom:.75rem;}
.order_list .info_wrap .info_num{}
.order_list .info_wrap .info_num  > span{vertical-align:baseline;}
.order_list .info_wrap .info_num .info_count{font-weight:300; color:#555; margin-right:20px;}
.order_list .info_wrap .info_num .info_price{font-size:1.125em;}
.order_list .info_wrap .info_num .info_price .txt_small{margin-left:6px;}
.order_list .info_wrap .teacher_wrap{margin-top:1rem; padding-top:.5rem; border-top:1px solid #ddd;}
.order_list .info_wrap .teacher_wrap .teacher_thumb{display:flex; width:50px; height:50px; border-radius:50%; border:1px solid #ddd; overflow:hidden;}
.order_list .info_wrap .teacher_wrap .teacher_thumb .thumb_img{width:100%; height:100%; display:block; transition:.3s;}
.order_list .info_wrap .teacher_wrap .teacher_name{margin-left:10px; font-size:1.125em;}
.order_list .info_wrap .teacher_wrap:hover .teacher_thumb .thumb_img{transform:scale(1.1);}
.order_list .info_wrap .teacher_wrap:hover .teacher_name{text-decoration:underline;}

.order_list .info_wrap .link_lecture{color:#555; cursor:pointer; transition:.3s;}
.order_list .info_wrap .link_lecture:hover{color:#3891ec;}
.order_list .info_wrap .link_lecture i{margin-top:-2px; transition:.3s; margin-left:8px;}
.order_list .info_wrap .link_lecture:hover i{margin-left:12px; margin-right:-4px;}

.total_price{padding-right:20px;}
.total_price .t_price{font-size:1.5em;}
.txt_small{font-size:.875em; vertical-align:baseline;}
.txt_red{color:#f21919; vertical-align:baseline;}
.txt_gray{color:#555; vertical-align:baseline;}
.t_price{font-size:1.25em; font-weight:bold; color:#3891ec; vertical-align:baseline;}
.t_price.noc{color:#111;}
.t_price.red{color:#f21919;}


.order_table.st2{border-top:2px solid #000;}
.order_table.st2 th{height:2.5em; padding:.75em .5em;}
.order_table.st2 th,
.order_table.st2 td{border-bottom:1px solid #ddd;}
.order_table.st2 tr:last-of-type th,
.order_table.st2 tr:last-of-type td{border-bottom:1px solid #666;}

.order_fin{ max-width:720px; margin:0 auto; padding-top:30px; font-family:'score';}
.order_fin .fin_ment1{ font-size:2em; font-weight:500; color:#333; letter-spacing:-1px; text-align:center;}
.order_fin .fin_ment2{ margin-top:30px; border:1px solid #ccc; border-top:2px solid #888; text-align:center; padding:30px 20px;}
.order_fin .fin_ment2 .t1{ color:#444; line-height:1.5;}

.total_price_cal{margin-top:4px;}

.comment_area{ margin-top:15px; border:1px solid #ddd;}
.comment_area .inner{ padding:20px; background:#f5f5f5;}
.comment_area .comment_tit{ margin-bottom:15px; overflow:hidden;}
.comment_area .comment_tit .tit{ float:left;}
.comment_area .comment_tit .num{ float:right;}
.comment_area .comment_tit .tit > span{ padding-right:10px; color:#666; vertical-align:middle;}
.comment_area .comment_tit .tit .t1{ font-size:.875em; color:#000;}
.comment_area .comment_tit .tit .t2{ font-size:.813em;}
.comment_area .comment_tit .num{ float:right; font-size:.813em; color:#222;}
.comment_area .comment_tit .num .max{ color:#70caf3;}
.comment_area .comment{ position:relative; padding-right:120px}
.comment_area .comment .comment_txt{ width:100%; height:80px; padding:10px 10px; font-size:.875em; background:#fff;}
.comment_area .comment .comment_btn{ position:absolute; top:0; right:0; width:100px; height:100%; text-align:center; font-size:0.938em; color:#fff; background:#70caf3; border-radius:3px; border:0;}
.comment_area .comment_top{ padding:10px 20px 8px 20px; border-bottom:1px solid #ccc; overflow:hidden; background:#f8f8f8;}
.comment_area .left_area{ float:left; text-align:left;}
.comment_area .left_area > dt,
.comment_area .left_area > dd{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.comment_area .name{ font-size:.875em; color:#000;}
.comment_area .date{ font-size:0.813em; color:#888; margin-left:10px;}
.comment_area .comm_txt{ font-size:0.9em; color:#333; line-height:1.6;}
.comment_area .comment_edit{ float:right; text-align:right;}
.comment_area .comment_edit > a{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.750em; color:#333; border:1px solid #aaa; border-radius:3px; background:#fff; padding:0.3em 1em;}
.comment_area .comment_bottom{ padding:18px 24px 18px 24px; overflow:hidden;}
.comment_area .comment_bottom .re_comm{ margin-top:20px; padding:15px 15px 0 0; border-top:1px dashed #ccc;}
.comment_area .comment_bottom .re_comm > dt,
.comment_area .comment_bottom .re_comm > dd{ padding-left:30px;}
.comment_area .comment_bottom .re_comm > dt{ margin-bottom:8px; position:relative;}
.comment_area .comment_bottom .re_comm > dt:before{ content:"\e97e"; font-family:xeicon; font-size:1.625em; color:#aaa; position:absolute; top:-2px; left:0;}
.comment_area .comment_bottom .re_comm .edit_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.750em; color:#fff; background:#888; border:none; border-radius:3px; padding:0.3em 0.8em;}

.star_ch{ margin-bottom:5px;}
.star_ch li{ display:inline-block; color:#aaa;}
.star_ch li.on{ color:#ff8500;}
.comment_area .comment_bottom .star_ch li{ font-size:.813em;}
.comm_wp{ margin-top:5em; border-top:1px solid #ddd; padding-top:2em;}

.review_wrap_sm{}
.review_wrap_sm .review_ctt{margin-bottom:3rem; position:relative; padding:0 1rem;}
.review_wrap_sm .review_ctt:after{content:''; display:block; width:97%; height:1px; background:#c9c9c9; position:absolute; left:50%; bottom:-1.5rem; transform:translateX(-50%);}
.review_wrap_sm .review_ctt:last-of-type{margin-bottom:0;}
.review_wrap_sm .review_ctt:last-of-type:after{display:none;}
.review_wrap_sm .review_user{}
.review_wrap_sm .review_user .review_head{}
.review_wrap_sm .review_user .review_head .r_head_thumb_wrap{width:46px; height:46px; border:1px solid #ddd; box-sizing:border-box; border-radius:50%; overflow:hidden; margin-right:10px;}
.review_wrap_sm .review_user .review_head .r_head_thumb_wrap > .r_head_thumb{width:100%; height:100%;}
.review_wrap_sm .review_user .review_head .r_head_info_wrap{}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_info_name{}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_info_name .t1{font-size:.9375em; color:#333;}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date{}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_star{margin-right:14px; position:relative;}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_star:after{content:''; display:block; width:1px; height:60%; background:#999; position:absolute; right:-8px; top:50%; transform:translateY(-50%);}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_star .star_lv{}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_star .star_lv i.xi{font-size:.9375em; color:#aaa;}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_star .star_lv.on i.xi{color:#ff9d13;}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_star .star_num{font-size:.9375em; margin-left:6px; color:#333;}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_date{}
.review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_date .r_head_date_time{font-size:.9375em; color:#555;}
.review_wrap_sm .review_user .review_body{margin-top:1.25rem;}
.review_wrap_sm .review_user .review_body .review_text{font-size:.9375em; color:#111;}

.review_wrap_sm .review_reply{padding:1.25rem; box-sizing:border-box; background:#f1f1f1; margin-top:1rem; border-radius:10px;}
.review_wrap_sm .review_reply .review_head{}
.review_wrap_sm .review_reply .review_head .review_seller{font-size:.875em; font-weight:bold;}
.review_wrap_sm .review_reply .review_head .review_reply_date{font-size:.875em; margin-left:16px; color:#555; position:relative;}
.review_wrap_sm .review_reply .review_head .review_reply_date:before{content:''; display:block; width:1px; height:60%; position:absolute; left:-8px; top:50%; transform:translateY(-50%); background:#777;}
.review_wrap_sm .review_reply .review_body{padding-top:10px;}
.review_wrap_sm .review_reply .review_body .review_text{font-size:.9375em;}

.dp1_mypageS .prod_detail_wrap{background:none;}
.dp1_mypageS .prod_detail_wrap .inf_wrap .in{padding-left:100px;}

/*MAIN*/
.bg_gray{background:#f5f5f5;}

.main_con_wrap{padding:60px 0 80px; box-sizing:border-box;}
.main_con_wrap .main_con_tit_wrap{margin-bottom:40px; /*font-family:'score';*/ text-align:center; display:flex; flex-direction:column; align-items:center;}
.main_con_wrap .main_con_tit_wrap .tt{font-size:1.875em; font-weight:bold; margin-bottom:22px; /*font-family:'GS';*/}
.main_con_wrap .main_con_tit_wrap .t1{font-size:1.125em; color:#666; margin-bottom:1.125rem; /*font-family:'GS';*/}
.main_con_wrap .main_con_tit_wrap .link_btn{font-size:1.125em; color:#1367d1; display:flex; margin:0 auto; align-items:center; cursor:pointer; font-family:'GS';}
.main_con_wrap .main_con_tit_wrap .link_btn .icon_cv{display:inline-flex; width:20px; height:20px; justify-content:center; align-items:center; background:#1367d1; border-radius:20px; margin-left:10px; transition:.3s;}
.main_con_wrap .main_con_tit_wrap .link_btn:hover .icon_cv{margin-left:16px; margin-right:-6px;}
.main_con_wrap .main_con_tit_wrap .link_btn .icon_cv i{font-size:.875em; color:#fff;}

.main_con_wrap .main_con_ctt_wrap{}
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap{font-family:'score'; margin-bottom:2.5rem;}
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate{cursor:pointer;}
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate:not(:last-of-type){margin-right:3rem;}
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate .icon_wrap{width:100px; height:100px; border:1px solid #ddd; transition:.3s; box-sizing:border-box; border-radius:50%; display:flex; justify-content:center; align-items:center;}
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate:hover .icon_wrap,
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate.on .icon_wrap{border:2px solid #111; box-shadow:0 0 10px 5px rgba(0,0,0,.2);}
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate:hover:not(.on) .icon_wrap{border-width:1px;}
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate .text_wrap{margin-top:1.125rem;}
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate .text_wrap .tt{font-size:1.125em; font-weight:bold; color:#a6a6a6; text-align:center; transition:.3s;}
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate:hover .text_wrap .tt,
.main_con_wrap .main_con_ctt_wrap .main_con_cate_list_wrap .main_con_cate.on .text_wrap .tt{color:#111;}

.review_list{}
.review_list > li{width:31%; margin-right:2.66%; transition:.3s; border-radius:8px; overflow:hidden; margin-bottom:2.66%; background:rgba(255,255,255,1);}
.review_list > li:hover{transform:translateY(-10px); /*background:rgba(255,255,255,.6);*/}
.review_list > li:nth-of-type(3n){margin-right:0;}
.review_list > li:nth-last-of-type(-n+3){margin-bottom:0;}
.review_list > li .in{}
.review_list > li .in .img_wrap{border-radius:8px; overflow:hidden; margin-bottom:1.25rem; position:relative;}
.review_list > li .in .img_wrap .img_type{font-size:1.125em; color:#fff; position:absolute; left:0; bottom:0; font-weight:bold; width:100%; height:38px; padding:0 .5rem; box-sizing:border-box; background:rgba(0,0,0,.6); line-height:38px;}
.review_list > li .in .con_wrap{/*font-family:'GS';*/ padding-left:.5rem; padding-bottom:.5rem; padding-right:.5rem;}
.review_list > li .in .con_wrap .img_type{margin-bottom:.5rem; font-size:1.125em;}
.review_list > li .in .con_wrap .con_t1{font-weight:bold; margin-bottom:.5rem; /*font-family:'GS';*/}
.review_list > li .in .con_wrap .con_t2{font-size:.875em; align-items:center; margin-bottom:1.5rem;}
.review_list > li .in .con_wrap .con_t2 .star_ul{}
.review_list > li .in .con_wrap .con_t2 .star_ul li{}
.review_list > li .in .con_wrap .con_t2 .star_ul li i{font-size:1.25em; color:#999;}
.review_list > li .in .con_wrap .con_t2 .star_ul li.on i{color:#ffb606;}
.review_list > li .in .con_wrap .con_t2 .star_num{color:#c89008; margin-bottom:-4px;}
.review_list > li .in .con_wrap .con_t3{font-size:.9375em; color:#333; line-height:1.4; white-space:normal; word-wrap:break-word; height:42px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:.75rem; /*font-family:'GSL';*/ font-weight:bold;}
.review_list > li .in .con_wrap .user_prof_wrap{align-items:center;}
.review_list > li .in .con_wrap .user_prof_wrap .thumb_wrap{width:30px; margin-right:10px; height:30px; border-radius:30px; overflow:hidden;}
.review_list > li .in .con_wrap .user_prof_wrap .thumb_wrap .thumb{width:100%; height:100%;}

.main_con1{}
.main_con1 .main_quick_boxs{}
.main_con1 .main_quick_boxs .main_quick_in{width:39%; cursor:pointer;}
.main_con1 .main_quick_boxs .main_quick_in:first-of-type{margin-right:20px;}
.main_con1 .main_quick_boxs .main_quick_in .mq_bg{width:100%; height:300px; overflow:hidden;}
.main_con1 .main_quick_boxs .main_quick_in .mq_bg .mq_bg_in{width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; transition:.3s;}
.main_con1 .main_quick_boxs .main_quick_in:hover .mq_bg .mq_bg_in{transform:scale(1.1);}
.main_con1 .main_quick_boxs .main_quick_in .mq_text{/*border:1px solid #ddd;*/ margin-top:1.25rem; height:60px; display:flex; justify-content:center; align-items:center; transition:.3s; color:#fff;}
.main_con1 .main_quick_boxs .main_quick_in:first-of-type .mq_text{background:#CD313A;}
.main_con1 .main_quick_boxs .main_quick_in:last-of-type .mq_text{background:#0047A0;}
.main_con1 .main_quick_boxs .main_quick_in:first-of-type:hover .mq_text{background:rgba(205,49,58,.8);}
.main_con1 .main_quick_boxs .main_quick_in:last-of-type:hover .mq_text{background:rgba(0,71,160,.8);}
.main_con1 .main_quick_boxs .main_quick_in .mq_text .tt{text-align:center; font-size:1.25em; color:#fff; transition:.3s; text-transform:uppercase; margin-bottom:-2px;}
.main_con1 .main_quick_boxs .main_quick_in .mq_text .tt i{margin-top:-2px;}
/*.main_con1 .main_quick_boxs .main_quick_in:first-of-type:hover .mq_text .tt{color:#CD313A;}
.main_con1 .main_quick_boxs .main_quick_in:last-of-type:hover .mq_text .tt{color:#0047A0;}*/

.main_con2{}
.main_con2 .main_con2_in{}
.main_con2 .main_con2_in .el{width:30%;}
.main_con2 .main_con2_in .el .icon_wrap{width:150px; height:100px; border-radius:50%;}
.main_con2 .main_con2_in .el .icon_wrap.c1{background:#d4697a;}
.main_con2 .main_con2_in .el .icon_wrap.c2{background:#866ea6;}
.main_con2 .main_con2_in .el .icon_wrap.c3{background:#3a74d1;}
.main_con2 .main_con2_in .el .text_wrap{margin-top:2rem;}
.main_con2 .main_con2_in .el .text_wrap .t1{line-height:1.4; font-size:1.125em; color:#333; text-align:center; letter-spacing:-.5px;}

.main_con3{}
.main_con3 .main_con_tit_wrap{}
.main_con3 .main_con_tit_wrap .tt{/*color:#2bace7;*/ font-size:2.5em; font-weight:bold; background:-webkit-linear-gradient(0deg, #9d0c2e, #190a79); background:-ms-linear-gradient(0deg, #9d0c2e, #190a79); -webkit-background-clip:text; -ms-background-clip:text; -webkit-text-fill-color:transparent;}
.main_con3 .main_con_tit_wrap .t1{color:#333;}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .main_con3 .main_con_tit_wrap .tt {
        color: #5a0b54;
        background: transparent;
    }
}

.main_con3 .join_form_list{}
.main_con3 .join_form_list li{width:240px; height:130px; border-radius:10px; overflow:hidden; margin-right:24px; cursor:pointer; transition:.3s;}
.main_con3 .join_form_list li:hover{width:260px;}
.main_con3 .join_form_list li:last-of-type{margin-right:0;}
.main_con3 .join_form_list li.n1 .in{background:#e5f4c9;}
.main_con3 .join_form_list li.n2 .in{background:#ffefcb;}
.main_con3 .join_form_list li.n3 .in{background:#d9f4ef;}
.main_con3 .join_form_list li .in{height:100%;}
.main_con3 .join_form_list li .in img{width:66px;}
.main_con3 .join_form_list li .in .tt{margin-top:12px; font-size:1.125em; font-family:'score';}

.main_con4.main_con_wrap{padding:20px 0;}
.main_con4.main_con_wrap img{}
.main_con4.main_con_wrap .main_notice_txt{font-size:1.5em; margin-left:40px;}

.main_con5{height:450px;}
.main_con5 .staff_wrap{height:100%; display:flex; align-items:center;}
.main_con5 .staff_wrap .txt_wrap{padding:1.875rem 0; background:rgba(0,0,0,.4); color:#fff; width:100%;}
.main_con5 .staff_wrap .txt_wrap .tt{font-size:2.5em; margin-bottom:.5rem; font-weight:bold;}
.main_con5 .staff_wrap .txt_wrap .t1{font-size:1.875em;}

#footer{font-family:'score'; padding-bottom:3rem; background:#787878; color:#fff;}
#footer .page_bottom_wrap{padding:3rem 0;}
#footer .page_bottom_wrap .box1 > div{width:32%;}
#footer .page_bottom_wrap .box1 > div .pb_tt{font-size:1.125em; font-weight:bold; margin-bottom:26px;}
#footer .page_bottom_wrap .box1 .cs_box{}
#footer .page_bottom_wrap .box1 .cs_box .cs_tel{font-size:1.375em; font-weight:bold; color:#333; display:flex; align-items:center; margin-bottom:.75rem;}
#footer .page_bottom_wrap .box1 .cs_box .cs_tel i{font-size:1.125em; margin-right:10px;}
#footer .page_bottom_wrap .box1 .cs_box .link_btn_wrap{}
#footer .page_bottom_wrap .box1 .cs_box .link_btn_wrap .link_btn{display:flex; justify-content:center; align-items:center; width:33%; height:40px; color:#555; background:#eee; border-radius:4px; font-size:.875em; cursor:pointer; transition:.3s;}
#footer .page_bottom_wrap .box1 .cs_box .link_btn_wrap .link_btn:first-of-type{margin-right:10px;}
#footer .page_bottom_wrap .box1 .cs_box .link_btn_wrap .link_btn:hover{background:#71caf3; color:#fff;}
#footer .page_bottom_wrap .box1 .notice_box{}
#footer .page_bottom_wrap .box1 .notice_box .fr{margin-top:-2px; cursor:pointer; transition:.3s;}
#footer .page_bottom_wrap .box1 .notice_box .fr:hover{color:#71caf3; transform:rotate(90deg);}
#footer .page_bottom_wrap .box1 .notice_box .main_notice_list{}
#footer .page_bottom_wrap .box1 .notice_box .main_notice_list li{cursor:pointer;}
#footer .page_bottom_wrap .box1 .notice_box .main_notice_list li:hover{text-decoration:underline;}
#footer .page_bottom_wrap .box1 .notice_box .main_notice_list li:not(:last-of-type){margin-bottom:12px;}
#footer .page_bottom_wrap .box1 .notice_box .main_notice_list li p{color:#555;}
#footer .page_bottom_wrap .box1 .notice_box .main_notice_list li p.notice_name{word-break:keep-all; width:calc(100% - 75px); padding-left:8px; padding-right:6px; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:.875em; position:relative; word-wrap:normal;}
#footer .page_bottom_wrap .box1 .notice_box .main_notice_list li p.notice_name:before{content:''; display:block; width:4px; height:1px; background:#111; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#footer .page_bottom_wrap .box1 .notice_box .main_notice_list li p.notice_date{font-size:.75em;}
#footer .page_bottom_wrap .box1 .quick_link_box{}
#footer .page_bottom_wrap .box1 .quick_link_box .main_quick{flex:1 1 50%; color:#555; font-size:.875em; padding-left:60px; box-sizing:border-box; cursor:pointer; transition:.3s; max-width:50%; margin-bottom:1.25rem;}
#footer .page_bottom_wrap .box1 .quick_link_box .main_quick:nth-last-of-type(-n+2){margin-bottom:0;}
#footer .page_bottom_wrap .box1 .quick_link_box .main_quick:hover{color:#71caf3;}
#footer .page_bottom_wrap .box1 .sns_box{}
#footer .page_bottom_wrap .box1 .sns_box .sns_icon{width:25%; text-align:center;}
#footer .page_bottom_wrap .box1 .sns_box .sns_icon i{color:#999; font-size:1.875rem; cursor:pointer; transition:.3s;}
#footer .page_bottom_wrap .box1 .sns_box .sns_icon i:hover{color:#71caf3;}
#footer .footer_info_wrap{font-size:.875em; color:#fff; padding-top:3rem;}
#footer .footer_info_wrap .footer_info{margin-bottom:10px;}
#footer .footer_info_wrap .footer_info li{margin-right:20px;}
#footer .footer_info_wrap .copy{font-size:.75em; color:#999; text-transform:uppercase;}
#footer .footer_info_wrap .box1{position:relative;}
#footer .footer_info_wrap .box1 .f_logo{/*position:absolute; right:0; top:50%; transform:translateY(-50%); */display:flex; align-items:center;}
#footer .footer_info_wrap .box1 .f_logo img{width:6em;}
#footer .footer_info_wrap .box1 .f_logo p{font-size:1.5em; margin-left:10px; font-weight:bold;}

#footer .footer_info_wrap .box1 .footer_in_l{}
#footer .footer_info_wrap .box1 .footer_in_l .f_links{margin-top:.5rem; padding-left:20px;}
#footer .footer_info_wrap .box1 .footer_in_l .f_links li{list-style:disc; margin-bottom:.5rem; cursor:pointer;}
#footer .footer_info_wrap .box1 .footer_in_r{}
#footer .footer_info_wrap .box1 .footer_in_r .footer_info{}
#footer .footer_info_wrap .box1 .footer_in_r .footer_info li{margin-bottom:.5rem;}

#footer p.tt{display:flex; width:100%; height:60px; border-radius:8px; background:rgba(0,0,0,.3); padding-left:12px; box-sizing:border-box; align-items:center; margin-bottom:1.75rem;}

#footer .footer_info_wrap > .flex > .flex.space{}
#footer .footer_info_wrap > .flex > .flex.space > div{flex:1 1 30%; margin-right:3%;}
#footer .footer_info_wrap > .flex > .flex.space > div:last-of-type{margin-right:0;}

#footer .sns_list_wrap{}
#footer .sns_list_wrap p{cursor:pointer; font-size:1.25em; margin-bottom:.5rem; transition:.3s; color:#fff;}
#footer .sns_list_wrap p.sns_ig:hover{color:#8a3ab9;}
#footer .sns_list_wrap p.sns_yt:hover{color:#ff0000;}
#footer .sns_list_wrap p.sns_kakao:hover{color:#ffcd00;}
#footer .sns_list_wrap p.sns_tiktok:hover{background:linear-gradient(122deg, rgba(77,232,244,1) 10%, rgba(253,62,62,1) 20%); background-clip:text; -webkit-background-clip:text; color:transparent;}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    #footer .sns_list_wrap p.sns_tiktok:hover {
        color: rgba(77,232,244,1);
        background: transparent;
    }
}

#footer .sns_list_wrap p .xi.xi-external-link{font-size:.9375em;}

.customer_ctt_wrap{}
.customer_ctt_wrap .page_tt{text-align:center; font-size:2.5em; font-weight:bold; margin-bottom:2.5rem; margin-top:1.25rem; position:relative;}
.customer_ctt_wrap .page_tt:before{content:''; display:block; width:1px; height:50px; background:#555; position:absolute; left:50%; top:-65px; transform:translateX(-1px);}

.customer_tab_wrap{margin-bottom:6rem; background:url('../images/sub/sub_customer/customer_top_bg.jpg') no-repeat center/cover; font-family:'score'; box-shadow:inset 0px -5px 10px 0px rgba(50, 50, 50, 0.75); position:relative;}
.customer_tab_wrap .customer_tit{text-align:center; font-size:2.5em; color:#fff; font-family:roboto,ns,sans-serif; font-weight:bold; position:absolute; top:35%; left:50%; transform:translateX(-50%);}
.customer_tab_wrap .customer_sub_tit{text-align:center; font-size:1.25em; color:#fff; font-family:roboto,ns,sans-serif; font-weight:400; position:absolute; top:50%; left:50%; transform:translateX(-50%);}
.customer_tab_wrap .customer_tab_list{padding:20rem 0 0; box-shadow:inset 0px -5px 10px 0px rgba(50, 50, 50, 0.75);}
.customer_tab_wrap .customer_tab_list li{width:160px; height:50px; border:1px solid #aaa; box-sizing:border-box; color:#888; border-bottom:0; background:rgba(255,255,255,.7); transition:.3s;}
.customer_tab_wrap .customer_tab_list li:not(.on){}
.customer_tab_wrap .customer_tab_list li:hover{background:rgba(255,255,255,.8); color:#555;}
.customer_tab_wrap .customer_tab_list li.on{background:#fff; width:170px; height:60px; margin-top:-10px; color:#0e6389; border-color:#fff; position:relative; z-index:10;}
.customer_tab_wrap .customer_tab_list li a{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}

.event_tab_wrap{margin-bottom:3rem;}
.event_tab_wrap li{font-size:1.875em; margin-right:2.5rem; padding-left:.25em; padding-right:.25em; padding-bottom:.5em; font-weight:bold; color:#555; border-bottom:4px solid #aaa; transition:.3s; position:relative;}
.event_tab_wrap li:hover{color:#188abe;}
.event_tab_wrap li:after{content:''; display:block; width:0; height:4px; position:absolute; left:50%; bottom:-4px; background:#188abe; transition:.5s cubic-bezier(0.65, 0, 0.35, 1); transform:translateX(-50%);}
.event_tab_wrap li:hover:after{width:100%;}
.event_tab_wrap li.on{color:#188abe; border-color:#188abe;}
.event_tab_wrap li:last-of-type{margin-right:0;}

.board_event_wrap{}
.board_Event{ margin:0 0 0 -2em; overflow:hidden; text-align:center;}
.board_Event > li{ width:33.33%;}
.board_Event .link{ display:block; margin:0 0 2em 2em;}
.board_Event .img_wrap{ overflow:hidden;}
.board_Event .img_wrap .resize{ padding-bottom:52.5%}
.board_Event .img_wrap .img{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:.3s;}
.board_Event.end .img_wrap .img{filter:grayscale(80%);}
.board_Event .con_wrap{ padding:1.5em .5em;}
.board_Event .con_wrap .t1{ font-size:.938em;  font-family:'ng'; font-weight:700; color:#222931; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_Event .con_wrap .t2{ margin-top:.8em;}
.board_Event .con_wrap .t2 > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.board_Event .con_wrap .t2 > strong{ padding:.2em .5em; margin-right:1em; font-size:.938em; color:#fff; border-radius:3px;}
.board_Event .con_wrap .c1{ background:#cd3350;}
.board_Event .con_wrap .c2{ background:#222931;}
.board_Event .con_wrap .c3{ background:#01749e;}
.board_Event .con_wrap .t2 .date{ font-size:.813em; color:#7b848d; font-family:'Rb'; font-weight:400;}
.board_Event .link:hover .img_wrap .img{ transform:scale(1.1,1.1)}


.txt_blue{color:#188abe; vertical-align:baseline;}

.guide_wrap{font-family:'score';}
.guide_wrap .guide_top_wrap{padding-left:6rem; box-sizing:border-box; height:250px; background:url('../images/sub/sub_customer/guide_bg.png') no-repeat center/cover;}
.guide_wrap .guide_top_wrap .guide_top_tit{font-size:1.25em; color:#111; line-height:1.6; margin-bottom:.75rem;}
.guide_wrap .guide_top_wrap .guide_top_sub{line-height:1.4;}
.guide_wrap .guide_head_box{background:#c4eafc; display:flex; height:140px; justify-content:center; align-items:center; border-radius:12px; overflow:hidden; text-align:center;}
.guide_wrap .guide_head_box .t1{font-size:1.125em; color:#333; line-height:1.6;}
.guide_wrap .guid_body_wrap{margin-top:2rem;}
.guide_wrap .guid_body_wrap .content_wrap{margin-bottom:3rem;}
.guide_wrap .guid_body_wrap .content_wrap .tt{padding-left:.5rem; margin-bottom:.875rem;}
.guide_wrap .guid_body_wrap .content_wrap .how_to_order{}
.guide_wrap .guid_body_wrap .content_wrap .how_to_order .step_st{width:19%; border:1px solid #ddd; border-top:2px solid #70caf3; box-sizing:border-box; padding:1.25rem;}
.guide_wrap .guid_body_wrap .content_wrap .how_to_order .step_st .step_no{display:inline-block; background:#012d41; color:#fff; padding:.375rem 1rem; font-size:.875em; border-radius:15px; margin-bottom:1rem;}
.guide_wrap .guid_body_wrap .content_wrap .how_to_order .step_st .step_tit{font-weight:bold; margin-bottom:1.5rem;}
.guide_wrap .guid_body_wrap .content_wrap .how_to_order .step_st .step_ctt{font-size:.875em; line-height:1.6;}
.guide_wrap .guid_body_wrap .content_wrap .t1{}
.guide_wrap .guid_body_wrap .content_wrap .t1 .xi.xi-headset{font-size:1.125em; margin-top:-2px;}


.dp1_search.dp2_teacher_sort .visualSlider_wrap{background:#f5f5f5;}
	
.teacher_sort_info_wrap{padding-top:4rem; margin-bottom:2.5rem; padding-bottom:2rem; background:#f5f5f5;}
.teacher_sort_info_wrap .thumb_wrap{width:160px; height:160px; border-radius:50%; overflow:hidden; margin-right:2rem;}
.teacher_sort_info_wrap .thumb_wrap .thumb{width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.teacher_sort_info_wrap .teacher_name{font-family:'score'; font-size:1.25em; font-weight:bold; margin-right:10px;}
.teacher_sort_info_wrap p:not(.teacher_name){font-family:'score'; font-size:1.25em;}
.lecture_count{font-family:'score'; font-weight:500;}
.lecture_count .lecture_num{vertical-align:baseline; color:#188abe;}

#contents{}
#contents .sub_page_top{ padding:10em 0 6em 0;}
#contents .sub_page_top.bg_goshiwon   { background-image:url(../images/sub/sub_visual_goshiwon.jpg);}
#contents .sub_page_top.bg_sharehouse { background-image:url(../images/sub/sub_visual_sharehouse.jpg);}
#contents .sub_page_top.bg_service{ background-image:url(../images/sub/sub_visual_service.jpg);}
#contents .sub_page_top.bg_contact  { background-image:url(../images/sub/sub_visual_contact.jpg);}
#contents .sub_page_top.bg_customer{ background-image:url(../images/sub/sub_visual_customer.jpg);}
#contents .sub_page_top.bg_faq{ background-image:url(../images/sub/sub_visual_faq.jpg);}
#contents .sub_page_top.bg_member{ background-image:url(../images/sub/sub_visual_customer.jpg);}
#contents .sub_page_top.bg_mypage{ background-image:url(../images/sub/sub_visual_customer.jpg);}


#contents .sub_page_top .sub_tit{ text-align:center; color:#fff;}
#contents .sub_page_top .sub_tit .tit1{ font-size:4.000em; font-weight:700;}
#contents .sub_page_top .sub_tit .tit2{ font-size:1.250em; letter-spacing:3px; margin-top:.75em; opacity:.8;}

#contents .sub_page_menu{ padding:3em 0;}
#contents .sub_page_menu .gnb{ display:block;}
#contents .sub_page_menu .gnb > li,
#contents .sub_page_menu .gnb > li .dp1,
#contents .sub_page_menu .gnb > li .dp3{ display:none;}
#contents .sub_page_menu .gnb > li.on{ display:block;}
#contents .sub_page_menu .gnb > li .dp2{ justify-content:center; text-align:center;}
#contents .sub_page_menu .gnb > li .dp2 > li{ min-width:calc(14.2857% - .5em); margin:.25em .25em;}
#contents .sub_page_menu .gnb > li .dp2 > li > a{ position:relative; padding:.25em 2.5em; height:100%; min-height:3em; border:1px solid #ddd; overflow:hidden; color:#555; border-radius: 20px;}
#contents .sub_page_menu .gnb > li .dp2 > li > a .tt{ position:relative; font-size:1.063em;}
#contents .sub_page_menu .gnb > li .dp2 > li:hover > a{ color:#f43039;}
#contents .sub_page_menu .gnb > li .dp2 > li.on > a{ border-color:transparent; color:#fff;}
#contents .sub_page_menu .gnb > li .dp2 > li.on > a:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(-90deg, #e76430 0%, #f43039 100%);}

#contents .con_page_top{padding:2rem 0;}
#contents .con_page_top .con_tit{ position:relative;}
#contents .con_page_top .con_tit:before{ content:""; position:absolute; top:-.375em; left:-1em; width:.625em; height:.625em; background:#f43039; border-radius:100%;}
#contents .con_page_top .con_tit .tit{ font-size:2.250em; color:#111; font-weight:500; letter-spacing:-1px;}

#contents .con_page_top .con_nav{ padding-right:.25em;}
#contents .con_page_top .con_nav > li{ position:relative; padding:0 .75em 0 1.25em; color:#888;}
#contents .con_page_top .con_nav > li:before{ content:"\e93e"; font-family:xeicon; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:.750em; color:#999;}
#contents .con_page_top .con_nav > li:first-child:before{ display:none;}
#contents .con_page_top .con_nav > li:first-child{ padding:0 .5em 0 0;}
#contents .con_page_top .con_nav > li:last-child{ padding-right:0; color:#333; font-weight:500;}
#contents .con_page_top .con_nav > li > *{ display:block;}
#contents .con_page_top .con_nav > li .home{ margin-top:-.063em;}
#contents .con_page_top .con_nav > li .home .xi{ font-size:1em; color:#888;}
#contents .con_page_top .con_nav > li .home .xi:before{ font-size:1.125em;}
#contents .con_page_top .con_nav > li .tt{ font-size:.875em;}

#contents .con_page_menu{ position:relative; padding-top:3em;}
#contents .con_page_menu:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#f43039;}
#contents .con_page_menu .gnb,
#contents .con_page_menu .gnb .dp2{ display:block;}
#contents .con_page_menu .gnb > li,
#contents .con_page_menu .gnb > li .dp1,
#contents .con_page_menu .gnb > li .dp2 > li,
#contents .con_page_menu .gnb > li .dp2 > li > a{ display:none;}
#contents .con_page_menu .gnb > li.on,
#contents .con_page_menu .gnb > li .dp2 > li.on{ display:block;}
#contents .con_page_menu .gnb,
#contents .con_page_menu .gnb > li .dp3 > li{ position:relative;}
#contents .con_page_menu .gnb > li .dp3 > li{ flex:1 1 20%; max-width:20%; z-index:1;}
#contents .con_page_menu .gnb > li .dp3 > li > a{ margin:0 -1px 0 0; padding:0 .5em; height:100%; min-height:3.5em; background:#f2f2f6; border:1px solid #ddd; border-bottom-color:#0b9087; color:#555; transition:.2s;}
#contents .con_page_menu .gnb > li .dp3 > li > a .tt{ font-size:1.063em;}
#contents .con_page_menu .gnb > li .dp3 > li:hover,
#contents .con_page_menu .gnb > li .dp3 > li.on{ z-index:2;}
#contents .con_page_menu .gnb > li .dp3 > li:hover > a,
#contents .con_page_menu .gnb > li .dp3 > li.on > a{ background:#fff; border-color:#0b9087; border-bottom-color:#fff; color:#0b9087;}
#contents .con_page_menu .gnb > li .dp3 > li.on > a .tt{ font-weight:500;}

#contents .doc{ padding:3em 0 0 0;}

.table_st{ border-top:2px solid #1367d1}
.table_st th,
.table_st td{ height:2.5em; padding:.5em 1em; border:1px solid #d4d5d8; border-width:1px 0 1px 1px; color:#333; line-height:1.3; background:#fff;}
.table_st thead tr:first-child th:first-child,
.table_st tbody tr th:first-child{ border-left-width:0;}
.table_st thead th{ background:#e4e3ef;}
.table_st tbody th{ color:#111; font-weight:400; background:#f9f9f9}

.table_st.form th,
.table_st.form td{ text-align:left;}

.no_con{ padding:5.5em 0 !important; background:#fff !important; color:#999 !important; text-align:center;}
.no_con:before{ content:"\e9d8"; font-family:xeicon !important; font-size:3.5em; color:#ddd; display:block; margin:0 auto .25em auto;}
div.no_con{ border:solid #ddd; border-width:1px 0; font-size:.938em;}


.lodging_wrap{}
.lodging_wrap .lodging_list_box{width:49%; height:814px;}
.lodging_wrap .lodging_list_box .flex.cv{padding-top:14px; padding-left:16px; padding-right:16px;}
.lodging_wrap .lodging_list_box .lodging_info_wrap{box-sizing:border-box; cursor:pointer; width:48%; margin-right:4%; margin-bottom:3%; transition:.3s; border-radius:12px; overflow:hidden; box-shadow:0px 5px 5px 2px rgba(50, 50, 50, 0.2); max-height:360px;}
.lodging_wrap .lodging_list_box .lodging_info_wrap.focus{transform:translateY(-12px); box-shadow:0px 10px 9px 8px rgba(50, 50, 50, 0.2);}
.lodging_wrap .lodging_list_box .lodging_info_wrap.focusOut{opacity:.7; filter:grayscale(60%), contrast(150%), blur(5px);}
.lodging_wrap .lodging_list_box .lodging_info_wrap:nth-of-type(2n){margin-right:0;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_thumb_box{width:100%; height:200px; border-radius:0 0 12px 12px; overflow:hidden; position:relative;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_thumb_box .lodging_thumb{width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:.3s;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_thumb_box .lodging_thumb_type{font-size:1.125em; color:#fff; position:absolute; left:0; bottom:0; font-weight:bold; width:100%; height:30px; padding:0 .5rem; box-sizing:border-box; background:rgba(0,0,0,.3); line-height:30px;}
.lodging_wrap .lodging_list_box .lodging_info_wrap.focus .lodging_thumb_box .lodging_thumb{transform:scale(1.1);}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_text_box{width:100%; height:140px; padding:.75em; box-sizing:border-box;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_text_box .lodging_thumb_type{font-size:1.125em; font-weight:bold; width:100%;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_text_box .lodging_title{font-weight:bold; margin-bottom:.5rem; font-size:1.25em; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:24px;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_text_box .lodging_add{font-size:1.125em; margin-bottom:1.25rem; height:44px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_text_box .lodging_fee{font-size:.875em; color:#777; margin-bottom:.5rem;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_text_box .lodging_fee:last-of-type{margin-bottom:0;}
.lodging_wrap .lodging_list_box .lodging_info_wrap .lodging_text_box .lodging_fee .price{width:54px;}
.lodging_wrap .lodging_map_box{width:49%; padding-top:14px;}

.lodgingSlide_wrap{ position:relative; padding:2em 0; background:#f1f1f1;}
.lodgingSlide{height:587px;}
.lodgingSlide .slick-slide{ width:880px;}
.lodgingSlide .item{ position:relative; transform:scale(.92); transition:transform .5s ease-in-out;}
.lodgingSlide .item:after{ content:""; display:block; position:absolute; top:0; bottom:0; right:0; left:0; z-index:10; background-color:rgba(0,0,0,.6);}
.lodgingSlide .item.slick-center{ transform:scale(1);}
.lodgingSlide .item.slick-center:after{ background-color:rgba(0,0,0,0);}
.lodgingSlide .item .img{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

.lodgingSlide_wrap .arrow_wrap{ position:absolute; top:50%; left:0; width:100%;}
.lodgingSlide_wrap .arrow_wrap > li{ position:absolute; cursor:pointer; margin-top:-2em;}
.lodgingSlide_wrap .arrow_wrap > li.prev{ left:50%; margin-left:-550px;}
.lodgingSlide_wrap .arrow_wrap > li.next{ right:50%; margin-right:-550px;}
.lodgingSlide_wrap .arrow_wrap > li .xi{ font-size:3.750em; color:#fff;}

.icon_st{display:inline-flex; justify-content:center; align-items:center; vertical-align:text-bottom;}
.icon_st.c1{background:#f43039; color:#fff;}
.icon_st.c2{background:linear-gradient(122deg, rgba(208,208,208,1) 0%, rgba(150,150,150,1) 100%); color:#fff;}
.icon_st.st1{width:40px; height:40px; border-radius:20px;}
.icon_st.st2{width:85px !important; height:85px; border-radius:42.5px; font-size:2.5rem;}

.lodging_detail_wrap{margin-top:3rem;}
.lodging_detail_wrap .ld_left{width:calc(100% - 500px);}
.lodging_detail_wrap .ld_left .ld_title{font-size:2.5em; font-weight:bold; margin-bottom:2rem;}
.lodging_detail_wrap .ld_left .ld_tel{font-size:2em; font-weight:bold; letter-spacing:1px; margin-bottom:1.5rem;}
.lodging_detail_wrap .ld_left .ld_tel .icon_st{font-size:1rem;}
.lodging_detail_wrap .ld_left .ld_add{font-size:1.375em; color:#555; margin-bottom:.875rem;}
.lodging_detail_wrap .ld_left .ld_add2{font-size:1.375em; color:#555; margin-bottom:.875rem;}
.lodging_detail_wrap .ld_left .ld_subway{font-size:1.125em; color:#555; margin-bottom:.5rem;}
.lodging_detail_wrap .ld_left .ld_subway .subway_color{display:inline-block; width:10px; height:10px; border-radius:50%;}
.lodging_detail_wrap .ld_left .ld_university{font-size:1.125em; color:#555; margin-bottom:3.125rem;}
.lodging_detail_wrap .ld_left .ld_site{cursor:pointer; transition:.3s; margin-bottom:3rem; font-size:1.125em;}
.lodging_detail_wrap .ld_left .ld_site:hover{color:#f43039; text-decoration:underline;}
.lodging_detail_wrap .ld_left .ld_site i{font-size:1em; transition:.3s; transform:rotate(45deg); color:#000;}
.lodging_detail_wrap .ld_left .ld_site:hover i{transform:rotate(0); color:#f43039;}
.lodging_detail_wrap .ld_left .ld_etc{position:relative; padding-left:12px; box-sizing:border-box; line-height:1.6;}
.lodging_detail_wrap .ld_left .ld_etc:before{content:''; display:block; width:120px; height:4px; background:linear-gradient(131deg, rgba(231,29,81,1) 0%, rgba(38,103,231,1) 100%); position:absolute; left:0; top:-1.25rem;}
.lodging_detail_wrap .ld_right{width:450px;}

.lodging_detail_info_box{margin-top:3rem; padding-top:2rem; padding-bottom:2rem;}
.lodging_detail_info_box .ld_left{width:calc(100% - 500px); padding-bottom:2rem;}
.lodging_detail_info_box .ld_left .info_tit_wrap{font-size:2em; font-weight:bold; margin-bottom:2rem;}
.lodging_detail_info_box .ld_left .info_tit_wrap:not(:first-of-type){margin-top:3rem;}
.lodging_detail_info_box .ld_left .info_tit_wrap i{font-size:1em; color:#1367d1;}
.lodging_detail_info_box .ld_left .info_tab_wrap{border-bottom:1px solid #5e88be; padding-left:12px; box-sizing:border-box;}
.lodging_detail_info_box .ld_left .info_tab_wrap .info_tab{width:90px; height:36px; display:flex; justify-content:center; align-items:center; border:1px solid #aaa; border-radius:10px 10px 0 0; background:#f9f9f9; cursor:pointer; margin-bottom:-1px; position:relative; border-bottom-color:#5e88be; transition:.3s;}
.lodging_detail_info_box .ld_left .info_tab_wrap .info_tab.on{background:#5e88be; border-color:#5e88be; border-bottom:1px solid #5e88be; z-index:2; color:#fff;}
.lodging_detail_info_box .ld_left .info_tab_wrap .info_tab:not(:first-of-type){margin-left:-1px;}
.lodging_detail_info_box .ld_left .info_tab_wrap .info_tab:not(.on):hover{background:#fff; border-color:#5e88be;}
.lodging_detail_info_box .ld_left .info_ctt_wrap{background:#fff; padding:1.5rem; box-sizing:border-box;}
.lodging_detail_info_box .ld_left .info_ctt_wrap .info_ctt{display:none;}
.lodging_detail_info_box .ld_left .info_ctt_wrap .info_ctt.on{display:block;}
.lodging_detail_info_box .ld_left .info_type_wrap{}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type{background:#fff; padding:1em 1.25em; box-sizing:border-box; margin-bottom:2rem; transition:.3s; border-radius:20px 0 20px 0;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type:last-of-type{margin-bottom:0;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_head{}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_head .type_name{font-size:1.5em; font-weight:bold; margin-bottom:.875rem;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_head .type_exp{font-size:1.125em; color:#555; margin-bottom:1.5rem;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body{}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left{width:calc(100% - 320px);}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv{width:48%; margin-right:4%; margin-bottom:4%;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv:nth-of-type(3){margin-bottom:4%;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv:nth-of-type(n+3){width:100%;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv:nth-of-type(2n){margin-right:0;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv:last-of-type{margin-bottom:0;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv .type_information{font-weight:bold; margin-bottom:.5rem;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv .type_information_ul{}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv .type_information_ul li{color:#555;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv .type_information_ul li:not(:last-of-type){margin-bottom:.25rem;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv .type_information_ul li.t_dots{padding-left:8px; box-sizing:border-box; position:relative;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_left .type_cv .type_information_ul li.t_dots:before{content:''; display:block; width:4px; height:4px; background:#555; border-radius:2px; position:absolute; left:0; top:6px;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right{width:300px; padding-bottom:1.5rem;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap{}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap .el{}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap .el .img_box{height:100%;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap .slick-dots{}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap .slick-dots ul{display:flex; justify-content:center;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap .slick-dots ul li{width:8px; height:8px; background:#777; border-radius:4px; cursor:pointer;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap .slick-dots ul li:not(:last-of-type){margin-right:10px;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap .slick-dots ul li.slick-active{background:#f43039;}
.lodging_detail_info_box .ld_left .info_type_wrap .info_type .info_type_body .it_right .rt_slides_wrap .slick-dots ul li button{outline:none; border:none; background:none; font-size:0;}

.lodging_detail_info_box .ld_right{width:450px;}
.lodging_detail_info_box .ld_right .info_tit_wrap{font-size:2em; font-weight:bold; margin-bottom:2rem;}
.lodging_detail_info_box .ld_right .info_tit_wrap:not(:first-of-type){margin-top:3rem;}
.lodging_detail_info_box .ld_right .info_tit_wrap i{font-size:1em; color:#1367d1;}
.lodging_detail_info_box .ld_right .info_icons_wrap{padding-top:2.375rem;}
.lodging_detail_info_box .ld_right .info_icons_wrap .info_icons{margin-bottom:20px; flex:1 1 27%; max-width:33.33%;}
.lodging_detail_info_box .ld_right .info_icons_wrap .info_icons:nth-of-type(3n){margin-right:0;}
.lodging_detail_info_box .ld_right .info_icons_wrap .info_icons:nth-last-of-type(-n+3){margin-bottom:0;}
.lodging_detail_info_box .ld_right .info_icons_wrap .info_icons .icon_st{margin-bottom:.75rem;}
.lodging_detail_info_box .ld_right .info_icons_wrap .info_icons .icon_st img{transform:scale(.9);}
.lodging_detail_info_box .ld_right .info_icons_wrap .info_icons p{font-size:1.125em;}

.services_wrap{}
.services_wrap.st2 > div{flex-direction:row-reverse;}
.services_wrap > div:first-of-type{margin-bottom:1.5rem;}
.services_wrap > div .img_wrap{width:360px;}
.services_wrap > div .img_wrap .img{height:240px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.services_wrap > div .txt_wrap{width:calc(100% - 400px); padding:1.5em 0; box-sizing:border-box;}
.services_wrap > div .txt_wrap .tt{font-size:1.25em; font-weight:bold; margin-bottom:3rem; position:relative;}
.services_wrap > div .txt_wrap .tt:after{content:''; display:block; width:120px; height:4px; background:linear-gradient(131deg, rgba(231,29,81,1) 0%, rgba(38,103,231,1) 100%); position:absolute; left:0; bottom:-1.75rem;}
.services_wrap > div .txt_wrap .t1{line-height:1.6;}

.step_process{ margin-top:70px; margin-left:-50px; *zoom:1;}
.step_process:first-of-type{margin-top:0;}
.step_process:after{ content:""; display:block; clear:both;}
.step_process > li{ float:left; width:20%; text-align:center;}
.step_process > li .inner{ position:relative; margin-left:50px; padding:2em 1em; background:#fff; border:1px solid #ccc;}
.step_process.reverse{ margin-left:auto; margin-right:-50px;}
.step_process.reverse > li{ float:right;}
.step_process.reverse > li .inner{ margin-left:auto; margin-right:50px;}
.step_process .icon{ height:60px; margin-top:1em;}
.step_process .icon img{ max-height:100%;}
.step_process .check{ position:absolute; z-index:3; top:50%; left:50%; margin-top:-10px; margin-left:-10px;}
.step_process .check .xi{ width:20px; line-height:20px; color:#44663f; background:#fff; border:2px solid #44663f; border-radius:100%;}
.step_process li:nth-of-type(1) .check .xi{border-color:#2667e7; color:#2667e7;}
.step_process li:nth-of-type(2) .check .xi{border-color:#5157c6; color:#5157c6;}
.step_process li:nth-of-type(3) .check .xi{border-color:#83439f; color:#83439f;}
.step_process li:nth-of-type(4) .check .xi{border-color:#bd2d72; color:#bd2d72;}
.step_process li:nth-of-type(5) .check .xi{border-color:#e71d51; color:#e71d51;}
.step_process .check .xi:before{ content:"\e929"; display:block;}
.step_process .num{ padding:4.5em 0 1em 0; font-size:.8750em; letter-spacing:0; text-transform:uppercase; /*color:#1dbcb7;*/ color:#e71d51}
.step_process .tit{ padding:0 .5em; font-size:1.063em; color:#333; margin-bottom:.25rem;}
.step_process .tit:last-of-type{margin-bottom:0; min-height:62px;}
.step_process > li.on .inner{ background:#44663f; border-color:#44663f;}
.step_process > li.on .check .xi{ /*border-color:#1dbcb7;*/ border-color:#fff;}
.step_process > li.on .tit{ color:#fff;}
.step_process .line{ position:absolute; z-index:2; top:50%; left:50%; width:5px; height:5px; background:linear-gradient(131deg, rgba(231,29,81,1) 0%, rgba(38,103,231,1) 100%);}
.step_process .line1{ width:0;}
.step_process .line2{ height:0; z-index:-1;}
.step_process .line3{ left:auto; right:50%; width:0;}

.sub_page_tit{font-size:2em; font-weight:bold; margin-bottom:2rem;}
.sub_page_tit:not(:first-child){margin-top:3.5rem;}
.sub_page_tit i{font-size:1em; color:#1637d1;}

.sub_page_ctt{}
.sub_page_ctt .sub_page_text{}
.sub_page_ctt .sub_page_text:first-of-type{margin-top:1.25rem;}

.txt_big{font-size:1.125em; vertical-align:baseline;}
.txt_bold{font-weight:bold; vertical-align:baseline;}
.txt_s1em{font-size:1em; vertical-align:baseline;}

.grt_box{width:100%; margin:0 auto 4rem; padding:6rem 0; box-sizing:border-box; background:url('../images/sub/grt_bg.jpg') no-repeat center/cover;}
.grt_box .grt_ctt{font-size:1.25em; line-height:1.6; font-weight:bold; width:70%; margin:0 auto; text-shadow:0 0 3px rgba(255,255,255,.7);}