@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
 /*font-family: 'Noto Sans KR' font-family: 'Nanum Gothic' font-family: 'Noto Serif KR',*/

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); /*font-family: 'NanumSquare';300,400,700,800*/


@font-face {font-family: 'GmarketSansBold';src: url('font/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'GmarketSansMedium';src: url('font/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'GmarketSansLight';src: url('font/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;}


/* 초기화 */
html {font-size: 62.5%;height:100%;}
body {
	width:100%;height:100%;min-height: 100vh;
	margin: 0px;
	padding: 0px;
	font-family: "Noto Sans KR";
	font-weight: 500;
	font-style: normal;
	color: #111;
	font-size: 1.4rem;
	box-sizing: border-box;
	word-break: keep-all;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0px;padding: 0px;border: 0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
legend {position: absolute;font-size: 0px;line-height: 0px;text-indent: -9999em;overflow: hidden;}
/*input, button {margin:0px;padding:0px;border-radius:0; -webkit-appearance:none;background:none;font-size:1.2rem;}*/
button, input[type="submit"] {cursor: pointer;}
input[type="text"],
input[type="password"],
input[type="image"],
button {-webkit-appearance: none;font-family: "Noto Sans KR";font-size: 1.25rem;border-radius: 5px;}
textarea, select, button {font-size: 1.25rem;font-family: "Noto Sans KR";font-style: normal;-webkit-appearance: none;font-family: "Noto Sans KR";border-radius: 5px;}
textarea {border-radius: 0;-webkit-appearance: none;font-size: 1.25rem;}
select {margin: 0px;background: none;}
p {margin: 0px;padding: 0px;word-break: break-all;}
pre {overflow-x: scroll;}
a {color: inherit;text-decoration: none;}
a:visited {color: inherit;text-decoration: none;}
a, img, input {selector-dummy: expression(this.hideFocus=true);}

img[src$=".gif"], img[src$=".png"] { /*이미지깨짐 보완 css*/
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
img {margin: 0px;padding: 0px;transform: translateZ(0);backface-visibility: hidden;} /*이미지 흐려짐 방지*/

ul, li, dl, dt, dd {padding: 0px;margin: 0px;list-style: none;box-sizing: border-box;}
div {margin: 0px;padding: 0px;box-sizing: border-box;}

table {border-collapse: collapse;border-spacing: 0;width: 100%;}
caption {padding: 0px 0px;margin: 0px 0px;}

select {appearance: none;-webkit-appearance: none;} /* select box style 초기화 */
select::-ms-expand {display: none;}
* {box-sizing: border-box;}
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.png24 {tmp: expression(setPng24(this));}
* {-webkit-text-size-adjust: none;}

.wrap {
    position: relative;
}

/* font family name
font-family: 'NanumSquare', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR';
*/

:root {
	--color-main:#154483;
	--color-red1:#ec242e;
	--color-red2:#ec5959;
	--color-red3:#b71a1a;
	--color-blue1:#1a80c3;
	--color-blue2:#0067b3;
	--color-blue3:#3269ff;
	--color-blue4:#2b91c0;
	--color-blue5:#60a0ee;
	--color-yellow1:#ffe400;
	--color-orange1:#ff791f;
	--color-orange2:#f26026;
	--color-orange3:#f09920;
	--color-green1:#80a749;
	--color-green2:#008000;
	--color-green3:#009b90;

	--color-gray-d:#ddd;
	--color-gray-4:#444;
	--color-gray-7:#777;
	--color-gray-a4:#a4a4a4;
	--color-gray-dc:#dcdcdc;
	--color-gray-f4:#f4f4f4;
}

/* 공통 */
.top {width: 100%;height: 60px;padding-top:4px;background:#fff;border-bottom:1px solid var(--color-gray-d);position:relative; z-index: 3;}
.top .logo {width: 180px;margin: 0px auto;display:block;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;-ms-interpolation-mode: nearest-neighbor;image-rendering: crisp-edges;}

.top p {padding-left:20px;margin-top:3px;font-size:1.2rem;}


.moe_logo {width:100%;display:block;background:#fff;}
.moe_logo img {margin:7px 0px 0px 20px;}

.top_log_btn {float: left;font-size: 1rem;height: 25px;text-align: center;;letter-spacing: -1px;font-weight: 500;display: inline-block;position: absolute;left:15px;top: 10px;}
.top_log_btn img {clear:both;display:block;margin:0px auto 2px;width:24px;}



.top_wrap {width:100%;height:60px;text-align:center;border-bottom:1px solid var(--color-gray-d);padding-top:7px;}
.top_wrap .logoimg {width:70%;max-width:210px;margin-top:10px;margin-left:calc(50% - 100px);display:block;
	/*이미지선명하게*/image-rendering: -moz-crisp-edges; /* firefox */
	image-rendering: -o-crisp-edges; /* opera */
	image-rendering: -webkit-optimize-contrast; /* chrome */
	image-rendering: crisp-edges;
	transform: translateZ(0);
	backface-visibility: hidden;}
.top_wrap .top_log_btn {float:right;margin:0px 10px 0px 0px;text-align:center;border-radius:7px;;padding:3px 5px 0px 5px;font-size:12px;letter-spacing:-1px;font-weight:500;display:inline-block;position:relative;right:0px;top:2px;}
.top_wrap a > .top_log_btn > img {margin:-40px auto 3px;display:block;width:22px;}

.footer_menu {clear:both;display:flex;width:100%;padding:15px 0px;text-align:center;border-width:1px 0px;border-style:solid;border-color:var(--color-gray-d);}
.footer_menu li {flex:1;flex-basis:auto;text-align:center;font-size:1.3rem;letter-spacing:-1px;}

.footer {clear: both;width: 100%;background-color: #111;color: var(--color-gray-7);padding: 30px 15px 80px 20px;line-height: 1.4;}
.footer p {font-size: 1.2rem;line-height: 1.8;}
.footer .m_t {margin-top: 10px;margin-right: 4px;clear: both;}
.footer img {display: block;}

.f_logo {font-size: 18px;color: var(--color-gray-dc);margin-bottom: 20px;}

.form01 {clear:both;width:100%;height:35px;background-color:#fff;padding:2px 0px 0px 5px;border:0px;margin-bottom:7px;}
.form02 {clear:both;width:31%;height:35px;background-color:#fff;padding:2px 0px 0px 5px;border:0px;margin-bottom:7px;margin-right:1%;display:inline-block;}
.form03 {clear:both;width:33%;height:35px;background-color:#fff;padding:2px 0px 0px 5px;border:0px;margin-bottom:7px;display:inline-block;}
.form04 {clear:both;width:100%;height:80px;background-color:#fff;padding:2px 0px 0px 5px;border:0px;margin-bottom:7px;}
.form05 {clear:both;width:100%;height:35px;background-color:#fff;padding:2px 0px 0px 5px;border:1px solid var(--color-gray-d);margin:2px 0px;}
.form06 {width:calc(100% - 100px);height:35px;background-color:#fff;padding:2px 0px 0px 5px;border:1px solid var(--color-gray-d);margin:2px 0px}


.btn_red01 {width: 100%;padding: 10px 10px 10px;margin-top: 14px;text-align: center;color: #fff;background-color: #0e0699;border-radius: 7px;border: 1px solid #0e0699;font-size: 1.4rem;font-weight: 500;display: block;clear: both;}
.btn_blue01 {width: 100%;padding: 10px 10px 10px;margin-top: 14px;text-align: center;color: #fff;background-color: var(--color-gray-7);border-radius: 7px;border: 1px solid var(--color-gray-7);font-size: 1.4rem;font-weight: 500;display: block;clear: both;}
.btn_blue02 {display:inline-block;width:80px;height:35px;line-height:33px;text-align:center;color:#fff;background-color:var(--color-blue5);border-radius:3px;border:none;font-size:1.2rem;font-weight:500;margin-left:10px}

.bottom_icon {clear:both;display:block;width:100%;max-width:768px;height:70px;position:sticky;bottom:5px;padding:0px 5px;box-sizing:border-box;z-index:1;}
.bottom_icon ul {display:flex;width:100%;max-width:730px;color:#fff;margin:0px auto;border-radius:7px;background: linear-gradient(180deg, rgba(28,158,244,1) 0%, rgba(26,128,195,1) 100%);}
.bottom_icon li {flex:1;padding:10px 0px;box-sizing:border-box;text-align:center;font-size:12px;}
.bottom_icon li img {height:30px;clear:both;display:block;margin:0px auto 5px;}
.bottom_icon li a:link {display:block;width:100%;}

.go_top {width:35px;height:35px;border-radius:50%;background:rgba(255,255,255,0.7);text-align:center;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;position:absolute;bottom:80px;right:10px;font-size:12px;line-height:1.0;padding-top:4px;}


/* NAVIGATION */
.sitenavigation {width:100%;position:relative;margin-top:-62px; z-index: 5;}
.sitenavigation .nav-dropdown:hover > a,
.sitenavigation .nav-dropdown.clicked > a { }
.sitenavigation .nav-dropdown > a:after {content: "▼" !important;font-size: 1.1rem;float: right;margin-left: 10px;color: #333;}
.sitenavigation .nav-dropdown:hover > a:after {content: "▲" !important;font-size: 1.1rem;float: right;margin-left: 10px;color: #333;}

.no-js .sitenavigation li:hover > ul {display: block !important;}

.sitenavigation ul {display: none;max-width: none !important;border-top: 1px solid var(--color-gray-d);}
.sitenavigation li {float: none;display: block;margin: 0;padding: 0px;}
.sitenavigation.is-tapped > ul {display:block;position:absolute;margin: 0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0);right: 0;left: 0;top: 61px;z-index: 100;padding-bottom:120px}
.sitenavigation.is-tapped > ul a {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;margin: 0;display: block;padding: 18px 20px;height: auto;float: none;line-height: 20px;border: none !important;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;}
.sitenavigation.is-tapped > ul li {width: 100%;background-color: #fff;border-bottom: solid 1px var(--color-gray-d);padding: 0px;-webkit-tap-highlight-color: transparent;font-weight: 600;font-size: 1.6rem;}
.sitenavigation.is-tapped > ul li:last-of-type {border: 0;}
.sitenavigation.is-tapped > ul li li {font-weight: normal;border: 0;}
.sitenavigation.is-tapped > ul ul {display: none;width: 100%;z-index: 200;position: relative !important;}
.sitenavigation.is-tapped > ul ul ul {clear: both;left: 0;margin-top: 0;}
.sitenavigation.is-tapped > ul ul li {}
.sitenavigation.is-tapped > ul ul li li a {background-color: #f6f6f6;padding-left: 30px;}
.sitenavigation.is-tapped > ul ul a {background-color: #f5f5f5;font-weight: 500;font-size: 1.4rem;padding:10px 20px;}
.sitenavigation.is-tapped > ul li.nav-dropdown {cursor: pointer;}
.sitenavigation.is-tapped > ul li.nav-dropdown > a {}
.sitenavigation.is-tapped > ul li.nav-dropdown:after,
.sitenavigation.is-tapped > ul li.expanded li:first-child:before {content: "" !important;position: absolute;padding: 0;display: block;background: url("../img/dropdown_icon.png") no-repeat 95% 20px;background-size: 15px;width: 100%;height: 40px;right: 20px;margin-top: -50px;text-align: right;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sitenavigation.is-tapped > ul li.expanded:after {display: none;}
.sitenavigation.is-tapped > ul li.expanded li:first-child:before {background: url("../img/dropdown_icon2.png") no-repeat 95% 20px;background-size: 15px;}
.sitenavigation.is-tapped > ul .nav-dropdown > a:after {content: "" !important;}
.sitenavigation.is-tapped > ul .nav-dropdown:hover > a:after {content: "" !important;}
.menu-icon {display: none;}

.menu-icon {display:inline-block;width: 30px;height: 30px;padding-top: 0;margin-top: 10px;display: block;float: left;-webkit-tap-highlight-color: transparent;background-color: #fff;padding: 5px;padding-top: 1px;padding-bottom: 12px;margin-bottom: 10px;}
.menu-icon span {display: block;height: 3px;background-color: var(--color-gray-4);margin-top: 5px;border-radius: 4px;}

.sitenavigation .menu {cursor: pointer;width: 25px;height: 30px;position:absolute;top:4px;right:20px;}
.sitenavigation .menu.active .bar {position: absolute;}
.sitenavigation .menu.active .bar:nth-child(2) {opacity: 0;}
.sitenavigation .menu.active .bar:first-child {top: 25%;transform: rotate(45deg);}
.sitenavigation .menu.active .bar:last-child {top: 25%;transform: rotate(-45deg);}

.sitenavigation .menu .bar {width: 25px;height: 3px;background-color: #000;margin: 6px 0;transition: 0.5s;}

.sitenavigation .navi_top {width: 100%;margin: 0px auto;display:flex;border-width:10px 0px;border-style:solid;border-color:var(--color-gray-f4);}
.sitenavigation .navi_top dd {flex:1;text-align:center;color:#fff;background:#244fbf;}
.sitenavigation .navi_top dd:nth-child(2) {background:#0e0699;}
.sitenavigation .navi_top dd a {display:block;width:100%;height:100%;}

.deadline {display:inline-block;background:var(--color-red1);color:#fff;font-size:1.1rem;padding:5px 10px;margin-left:5px;line-height:1.0;text-align:center;
-webkit-animation:blink 0.5s ease-in-out infinite alternate;-moz-animation:blink 0.5s ease-in-out infinite alternate;animation:blink 0.5s ease-in-out infinite alternate;}
.deadline2 {clear:both;display:block;background:var(--color-red1);color:#fff;font-size:0.8rem;padding:3px 10px;line-height:1.0;margin:0px;text-align:center;
-webkit-animation:blink 0.5s ease-in-out infinite alternate;-moz-animation:blink 0.5s ease-in-out infinite alternate;animation:blink 0.5s ease-in-out infinite alternate;}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}

.deadline3 {display:inline-block;background:var(--color-blue3);color:#fff;font-size:1.1rem;padding:5px 10px;margin-left:5px;line-height:1.0;text-align:center;border-radius:3px;}


.sitenavigation .menu_ft {width:100%;background:#fff;padding:4px 0px;display:flex;border-width:10px 0px;border-style:solid;border-color:var(--color-gray-f4);}
.sitenavigation .menu_ft dd {flex:1;text-align:center;padding:3px;margin:0px;border-right:var(--color-gray-f4) 1px solid;font-size:1.2rem;line-height:1.0;}
.sitenavigation .menu_ft dd:last-child {border-right:0px;}
.sitenavigation .menu_ft dd a {margin:0px;padding:0px;width:100%;height:100%;}

.sitenavigation .login_name {padding:10px 0px 10px 30px !important;font-size:1.2rem !important;}
.sitenavigation .login_name img {width:22px;margin-right:10px;vertical-align:middle;}
.sitenavigation .login_name b {color:var(--color-blue3);}
.swiper.popSwiper{
    position: relative;
    width: 300px !important;
    margin: 0 auto;
    padding: 0 !important;
}
.swiper.popSwiper .swiper-slide{
    border-radius: 0;
}
.swiper.popSwiper .swiper-slide img{
    display: flex;
    width: 100%;
}
.swiper-button-next8{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1.875rem;
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    background: url(../img/button_next.png) no-repeat center/cover;
    z-index: 2;
    cursor: pointer;
}
.swiper-button-prev8{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1.875rem;
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    background: url(../img/button_prev.png) no-repeat center/cover;
    z-index: 2;
    cursor: pointer;
}


/* main */
.main_img {clear:both;width:100%;margin-bottom:0px;}
.main_img img {width:100%;z-index:1}

.main_img .txt_box1 {width:100%;margin:0px auto;position:absolute;top:0px;left:0px;z-index:2;letter-spacing:-1px;font-family: 'Noto Sans KR';padding-left:7%;}
.main_img .txt_box1 .tit1 {clear:both;color:var(--color-main);font-size:1.8rem;;margin-top:7%}
.main_img .txt_box1 .tit2 {clear:both;font-size:3.0rem;font-weight:700;color:#ffdf47;background-color:var(--color-main);padding:5px 15px;display:inline-block;margin-top:5px;}
.main_img .txt_box1 .txt1 {clear:both;font-size:1.6rem;margin-top:4.5%;line-height:1.6;}
.main_img .txt_box1 .view {clear:both;padding:5px 20px;font-size:1.6rem;background:var(--color-red2);color:#fff;display:inline-block;border-radius:10px;margin-left:calc(50% - 60px);margin-top:36%}

.main_img .txt_box2 {width:100%;margin:0px auto;position:absolute;top:0px;left:0px;z-index:2;letter-spacing:-1px;font-family: 'Noto Sans KR';padding-left:7%;}
.main_img .txt_box2 .tit1 {clear:both;color:#333;font-size:1.6rem;margin-top:5%}
.main_img .txt_box2 .tit2 {clear:both;font-size:5.0rem;font-weight:700;color:#ff8488;display:block;width:100%;}
.main_img .txt_box2 .view1 {clear:both;padding:4px 20px 5px;;background:#5dd3b8;color:#fff;display:inline-block;border-radius:10px;margin-top:45%;}
.main_img .txt_box2 .view2 {clear:both;padding:4px 20px 5px;;background:var(--color-orange3);color:#fff;display:inline-block;border-radius:10px;margin-top:45%;}

.main_img .txt_box3 {width:100%;margin:0px auto;position:absolute;top:0px;left:0px;z-index:2;letter-spacing:-1px;font-family: 'Noto Sans KR';padding-left:7%;}
.main_img .txt_box3 .tit1 {clear:both;color:#333;font-size:1.6rem;margin-top:5%}
.main_img .txt_box3 .tit2 {clear:both;font-size:5.0rem;font-weight:700;color:var(--color-red2);display:block;width:100%;margin-top:-5px;}
.main_img .txt_box3 .txt1 {clear:both;font-size:1.6rem;margin-top:5px;line-height:1.6;background-color:rgba(0,0,0,0.8);color:#fff446;padding:2px 10px;display:inline-block;}
.main_img .txt_box3 .view1 {clear:both;float:right;width:110px;height:26px;text-align:center;padding-top:2px;;background:#5dd3b8;color:#fff;display:inline-block;border-radius:10px;margin:75% 10px 0px 0px}
.main_img .txt_box3 .view2 {clear:both;float:right;width:110px;height:26px;text-align:center;padding-top:2px;;background:var(--color-orange3);color:#fff;display:block;border-radius:10px;margin:10px 10px 0px 0px;}

.main_img .txt_box4 {width:100%;margin:0px auto;position:absolute;top:0px;left:0px;z-index:2;letter-spacing:-1px;font-family: 'Noto Sans KR';padding-left:7%;}
.main_img .txt_box4 .view1 {clear:both;padding:4px 20px 5px;;background:#5dd3b8;color:#fff;display:inline-block;border-radius:10px;margin-top:65%;}
.main_img .txt_box4 .view2 {clear:both;padding:4px 20px 5px;;background:var(--color-orange3);color:#fff;display:inline-block;border-radius:10px;margin-top:65%;}

.quick_main {clear:both;width:100%;margin-bottom:20px;margin-top:-5px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.quick_main li {float:left;width:20%;height:100%;border-right:1px solid #e8e8e8;text-align:center;font-weight:500;padding:10px 5px;letter-spacing:-1px;font-size:1.3rem;}
.quick_main li:last-child {border-right:0px;}
.quick_main li img {width:50%;max-width:68px;margin:5px auto 10px;display:block;}

.main_class {clear:both;width:100%;background-color:#831110;padding:15px 15px 20px;}
.main_class:after {display:block; clear:both; content:'';padding:0px 0px;}
.main_class h1 {display:block;width:100%;clear:both;font-size:2.4rem;font-weight:500;word-spacing:-1px;letter-spacing:-1px;margin-bottom:15px;color:#fff;}
.main_class h2 {display:block;width:100%;clear:both;text-align:center;font-size:1.6rem;font-weight:500;word-spacing:-1px;letter-spacing:-1px;margin-bottom:10px;}
.main_class h3 {display:block;width:50%;height:40px;clear:both;text-align:center;font-size:1.6rem;font-weight:500;color:#222;word-spacing:-1px;letter-spacing:-1px;border-radius:20px;background-color:#ffd426;margin:0px auto;padding-top:6px;}
.main_class ul {width:100%;clear:both;margin-bottom:20px;}
.main_class ul:after {display:block; clear:both; content:'';padding:0px 0px;}
.main_class ul li {float:left;width:47.5%;margin-right:5%;background-color:#fff;padding:15px 15px;line-height:1.6;}
.main_class ul li:last-child {margin-right:0px;}
.main_class ul li p {clear:both;width:100%;padding:5px 10px;text-align:center;background-color:#e8e8e8;margin-top:10px;}

.main_consult {clear:both;width:100%;background-color:var(--color-blue2);padding:20px 15px 25px;color:#fff;}
.main_consult:after {display:block; clear:both; content:'';}
.main_consult h1 {display:block;width:100%;clear:both;font-size:1.714rem;font-weight:700;margin-bottom:15px;}
.main_consult .btn_cons {width:100%;padding:10px 0px 10px;text-align:center;color:var(--color-orange1);background-color:#fff;border-radius:10px;border:none;font-size:18px;font-weight:700;}
.main_consult > .form01 {clear:both;width:78%;height:35px;background-color:#fff;padding:0px 0px 0px 10px;border:0px;margin-bottom:15px;border-radius:5px;color:#333;font-family: 'Noto Sans KR';font-weight:500;}
.main_consult > .form02 {clear:both;width:24%;height:35px;background-color:#fff;padding:0px 0px 0px 10px;border:0px;margin-bottom:15px;margin-right:1%;display:inline-block;border-radius:5px;color:#333;font-family: 'Noto Sans KR';font-weight:500;}
.main_consult > .form03 {clear:both;width:26%;height:35px;background-color:#fff;padding:0px 0px 0px 10px;border:0px;margin-bottom:15px;margin-right:0px;display:inline-block;border-radius:5px;color:#333;font-family: 'Noto Sans KR';font-weight:500;}
.main_consult .tit {clear:both;width:calc(20% - 1px);margin-right:1px;display:block;float:left;}

.main_bbs {width:100%;margin:15px auto 0px;clear: both;overflow: hidden;background:#fff;padding:20px;}
.main_bbs h1 {display: block;width: 100%;clear: both;font-size: 1.6rem;border-bottom: 2px solid var(--color-gray-a4);padding: 0px 0px 10px 10px;}
.main_bbs h1 span {float: right;}
.main_bbs h1 img {width:22px;}

.main_bbs ul {clear: both;width: 100%;padding: 0px 0px;font-size: 1.3rem;}
.main_bbs ul li {width: 100%;clear: both;padding: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;color: var(--color-grey5);border-bottom:1px solid #f6f6f6;}
.main_bbs ul li:first-child {padding-top: 15px;}
.main_bbs ul li i {display:inline-block;width:5px;height:5px;background:var(--color-grey5);margin:0px 12px 0px 0px;position:relative;top:-2px;}
.main_bbs .new {width: 15px;height: 15px;border-radius: 3px;background-color: var(--color-orange1);text-align: center;color: #fff;font-weight: 100;font-size: 0.8571.1rem;display: inline-block;overflow: hidden;margin-left: 7px;line-height: 1.2;position: relative;top: 2px;}
.main_bbs .more {float: right;width: 20px;height: 20px;text-align: center;color: #fff;line-height: 1;font-size: 3.5rem;font-weight: 400;position: relative;top: -8px;right: 20px;}



.main_cs {width:95%;display:block;margin:0px auto;clear:both;padding:15px 20px 20px;margin-bottom:25px;background:#f4f4f4;border-radius:15px;}
.main_cs dl {clear:both;width:100%;overflow:hidden;}
.main_cs dl dt {width:100%;display:block;clear:both;margin-bottom:10px;letter-spacing:-1px;}
.main_cs dl dt  h1 {clear:both;display:block;font-size:2.4rem;font-weight:700;line-height:1.2;}
.main_cs dl dd {width:100%;display:block;color:var(--color-orange2);font-size:36px;font-weight:bold;margin-bottom:10px;}
.main_cs dl dd  h2 {display:inline-block;font-size:1.2rem;font-weight:300;margin-left:7px;}
.main_cs:after {display:block; clear:both; content:'';padding:0px 0px;}
.main_cs p {clear:both;display:block;width:100%;font-size:14px;text-align:left;line-height:1.7;}
.main_cs p .time {margin-left:15px;}
.main_cs hr {clear:both;width:100%;height:1px;background:var(--color-gray-d);margin:20px 0px;overflow:hidden;border:0px;}
.main_cs ul {width:100%;display:flex;}
.main_cs li {flex:1;text-align:center;}
.main_cs li img {width:80%;max-width:100px;border-radius:8px;}

.main_ban {clear:both;width:100%;background-color:#b8d9ea;padding:10px 15px;}
.main_ban:after {display:block; clear:both; content:'';padding:0px 0px;}
.main_ban ul {clear:both;width:100%;}
.main_ban ul li {float:left;width:30%;}
.main_ban ul li:nth-child(2) {float:left;width:70%;}
.main_ban ul li h1 {clear:both;padding:0px;margin:0px 0px 5px 0px;font-weight:400;line-height:1.0;;}
.main_ban ul li h2 {clear:both;padding:0px;margin:0px 0px 10px 0px;font-weight:500;font-size:1.8rem;;line-height:1.0;}
.main_ban ul li p {clear:both;font-size:1.2rem;letter-spacing:-1px;}
.main_ban .img {width:80px;height:80px;text-align:center;border-radius:40px;background-color:#fff;}
.main_ban .img img {width:55px;margin-top:15px;}

.main_q_log {clear:both;width:100%;background-color:var(--color-main);padding:15px 0px;box-sizing:border-box;display:block;margin:-24px 0px 20px 0px;}
.main_q_log:after {display:block; clear:both; content:'';}
.main_q_log li {width:45%;float:left;margin:0px 2.5%;background-color:#fff;box-sizing:border-box;padding:10px;font-weight:bold;font-size:1.6rem;vertical-align: text-top}
.main_q_log li img {width:40px;display:inline-block;}
.main_q_log li span {position:relative;top:-12px;left: calc(50% - 52px);}
.main_q_log a:link {display:block;width:100%;}


.class_add {display:block;background:#f9f5e9;width:95%;padding:10px 15px;box-sizing:border-box;border-radius:15px;margin:20px auto 20px;overflow:hidden;}
.class_add .date_wrap {width:100%;max-width:350px;margin:0px auto 5px;display:block;overflow:hidden;}
.class_add .class_num {display:block;float:left;width:145px;box-sizing:border-box;font-size:17px;font-weight:500;color:#000;text-align:center;letter-spacing:-2px;word-spacing:-1px;background:linear-gradient(0deg, rgba(252,241,159,1) 0%, rgba(252,241,159,1) 45%, rgba(252,241,159,0) 46%, rgba(249,245,233,0) 100%);position:relative;top:8px;margin-bottom:7px;}
.class_add .class_date {display:block;float:right;width:calc(100% - 145px);min-width:150px;text-align:center;font-size:25px;font-weight:700;color:#000;letter-spacing:-3px;}

.class_add .class_wait {display:block;width:100px;height:30px;margin:auto auto;box-sizing:border-box;font-size:18px;font-weight:500;color:#000;text-align:center;letter-spacing:-1px;background:linear-gradient(0deg, rgba(252,241,159,1) 0%, rgba(252,241,159,1) 45%, rgba(252,241,159,0) 46%, rgba(249,245,233,0) 100%);position:relative;top:8px;}


.class_add dl {width:90%;max-width:260px;margin:0px auto;display:block;clear:both;margin:15px auto 0px;overflow:hidden}
.class_add dl dt {clear:both;float:left;display:inline-block;width:80px;height:28px;line-height:28px;background:#c9be9b;text-align:center;color:#fff;margin:0px 10px 7px 0px;border-radius:5px;font-weight:500;margin-bottom:5px;}
.class_add dl dd {float:left;display:inline-block;width:calc(100% - 90px);line-height:1.2;font-size:18px;font-weight:600;letter-spacing:-1px;margin-bottom:5px;padding-top:3px;}

.class_add .btn_appli {background:var(--color-orange1);display:block;width:60%;max-width:250px;height:36px;line-height:36px;border-radius:5px;text-align:center;color:#fff;font-size:16px;font-weight:400;margin:10px auto;overflow:hidden;}


.main_class_go {width:95%;max-width:768px;display:flex;margin:-40px auto 30px;}
.main_class_go li {flex:1;text-align:center;font-size:14px;font-weight:500;}
.main_class_go li img{display:block;width:100%;max-width:70px;margin:0px auto 15px;}

.main_dday {width:95%;min-height:50px;clear:both;margin:0px auto 20px;background:#e2eaef url('../img/icon_notice.png') 10px 15px no-repeat;background-size:30px;display:block;padding:14px 10px 8px 50px;border-radius:15px;overflow:hidden;color:var(--color-blue1);font-size:1.5rem;font-weight:600;}
.main_dday p {float:right;margin:-3px 0px 0px 15px;display:inline-block;border-radius:7px;background:var(--color-red1);padding:0px 10px 0px 15px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#fff;vertical-align:middle;letter-spacing:5px;}
.main_dday span {margin-bottom:10px;display:inline-block;}



/* main slide image
.swiper-container {width: 100%;}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {display: block;width: 100%;object-fit: cover;}
.swiper-container {margin-left: auto;margin-right: auto;}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper{position:relative;width:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-slide{flex-shrink:0;width:100%;position:relative;transition-property:transform}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
*/


/* SUB 공통 */
.sub_topmenu {width: 100%;height: 50px;font-size: 1.4rem;margin-top:60px;border-top: 1px solid var(--color-gray-d);border-bottom: 1px solid var(--color-gray-d);background:#fff;}
.sub_topmenu ul {width: 100%; /* text-align:center; */display: flex;justify-content: space-evenly;}
.sub_topmenu ul li {display: inline-block;line-height: 50px;font-weight: 600;padding: 0px 5px;}
.sub_topmenu .my {color: var(--color-orange3);}

.sub_tit1 {width:100%;clear:both;padding:25px 15px;font-size:2.0rem;font-weight:700;letter-spacing:-1px;display:inline-block;text-align:center;}
.sub_tit2 {width:100%;clear:both;padding:0px 0px 1px 10px;font-size:2.0rem;font-weight:700;letter-spacing:-1px;margin:0px 0px 30px 0px;border-left:4px solid var(--color-main);line-height:1.3;display:inline-block;}
.sub_tit3 {width:100%;clear:both;padding:0px 0px 0px 20px;;font-size:1.6rem;font-weight:700;letter-spacing:-1px;margin:0px 0px 10px 0px;display:inline-block;background:url("../img/dot_01.png") no-repeat 0px 7px;}
.sub_tit4 {
    width: 100%;
    clear: both;
    padding: 0px 0px 1px 10px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 30px 0 10px;
    border-left: 4px solid var(--color-main);
    line-height: 0.9;
    display: inline-block;
}
.sub_tit5 {width:100%;clear:both;padding:0px 0px 0px 10px;font-size:1.8rem;;font-weight:700;letter-spacing:-1px;margin:0px 0px 10px 0px;border-left:4px solid var(--color-main);line-height:1.4;display:inline-block;}
.sub_tit5 span {font-weight:300;font-size:1.6rem;}
.sub_tit6 {width:100%;clear:both;padding:0px 0px;font-size:1.6rem;font-weight:600;letter-spacing:-1px;margin:7px 0px;display:inline-block;}


.sub_small_tit {font-size:13px;font-weight:normal;float:right;padding-top:5px;color:#ff2929;}



.sub_warp {clear:both;width:100%;padding:15px 15px 0;box-sizing:border-box;margin-bottom:50px;}


.sub_warp_landing {clear:both;display:inline-block;width:100%;box-sizing:border-box;padding:0px;margin:60px 0px 0px;}

.sub_hv01 {margin-top:30px;}
.sub_hv02 {margin-top:20px;}
.sub_hv03 {margin-top:-20px;}
.sub_hv04 {margin-top:10px;}

	/* th, td text center */
	.tbl01 {width:100%;clear:both;border-top:2px solid var(--color-gray-4)}
	.tbl01 th {font-weight:600;text-align:center;padding:7px 5px;border-bottom:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);}
	.tbl01 td {font-weight:500;text-align:center;padding:7px 5px;border-bottom:1px solid var(--color-gray-d);}
	.tbl01 caption {display:none;}

	/* th-center, td-left */
	.tbl02 {width:100%;clear:both;border-top:2px solid var(--color-gray-4)}
	.tbl02 th {font-weight:600;text-align:center;padding:7px 5px;border-bottom:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);}
	.tbl02 td {font-weight:500;text-align:left;padding:7px 10px;border-bottom:1px solid var(--color-gray-d);}
	.tbl02 caption {display:none;}

	/* th, td-center all line */
	.tbl03 {width:100%;clear:both;border-top:2px solid var(--color-gray-4);border-left:1px solid var(--color-gray-d);word-break: keep-all;}
	.tbl03 th {font-weight:600;text-align:center;padding:7px 5px;border-bottom:1px solid var(--color-gray-d);border-right:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);}
	.tbl03 td {font-size: 1.2rem;font-weight:500;text-align:center;padding:7px 7px;border-bottom:1px solid var(--color-gray-d);border-right:1px solid var(--color-gray-d);}
	.tbl03 caption {display:none;}

	/* th-center, td-left all line */
	.tbl04 {width:100%;clear:both;border-top:2px solid var(--color-gray-4);border-left:1px solid var(--color-gray-d)}
	.tbl04 th {font-weight:600;text-align:center;padding:7px 5px;border-bottom:1px solid var(--color-gray-d);border-right:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);}
	.tbl04 td {font-weight:500;text-align:left;padding:7px 7px;border-bottom:1px solid var(--color-gray-d);border-right:1px solid var(--color-gray-d);}
	.tbl04 caption {display:none;}

.txt_orange {color:var(--color-orange1)}
.txt_red {color:var(--color-red1)}
.txt_blue {color:var(--color-blue1)}
.txt_green {color:var(--color-green2) !important;}


/* login */
.login_warp {clear: both;width: 100%;margin: 0px auto 30px;text-align: center;box-shadow: 3px 3px 18px -6px rgba(110, 110, 110, 0.47);padding: 10px;border-radius: 10px;}
.login_warp:after {display: block;clear: both;content: "";padding: 0px 0px;}
.login_warp img {clear: both;margin: 0px auto 20px;width: 80%;max-width: 220px;}

.login_warp .find {width:100%;clear:both;margin-top:15px;}
.login_warp .find li {float:left;width:47%;margin-right:6%;padding:7px 10px;text-align:center;background-color:#f2f2f2;border-radius:7px;font-size:1.2rem;font-weight:500;}
.login_warp .find li:nth-child(2) {margin-right:0px;}


.find_idpw_txt {float: right;font-size: 1.5rem;letter-spacing: -1px;color: #0e0699 !important;margin-bottom: 20px;display: block;}
.join_btn {width: 100%;padding: 10px 10px 10px;margin-top: 10px;margin-bottom: 20px;text-align: center;color: #0e0699 !important;background-color: #ffffff;border-radius: 7px;border: 1px solid #0e0699;font-size: 1.4rem;font-weight: 500;display: block;}


.login_warp .tap {width: 100%;clear: both;margin: 20px 0px 30px;border: 1px solid #0e0699;border-radius: 5px;overflow: hidden;}
.login_warp .tap:after {display: block;clear: both;content: "";padding: 0px 0px;}
.login_warp .tap li {float: left;width: 50%; /* height:28px; */ /* margin-right:3%; */padding: 4px 2px 4px 2px;text-align: center; /* border: 1px solid #0e0699; */background-color: #fff; /* order-radius: 0px 5px 5px 0px; */font-size: 1.3rem;font-weight: 500;color: #0e0699;}
.login_warp .tap li:nth-child(2) {margin-right: 0px;}
.login_warp .tap .tap_on {background-color: #0e0699;border: none;color: #fff;font-size: 1.3rem; /* padding-top:2px; */}

.login_warp .tap2 {width:100%;clear:both;margin:20px 0px 25px;}
.login_warp .tap2:after {display:block; clear:both; content:'';padding:0px 0px;}
.login_warp .tap2 li {float:left;width:calc(50% - 5px);height:28px;line-height:28px;margin-right:10px;padding:0px;text-align:center;border:1px solid var(--color-gray-d);background-color:#fff;border-radius:7px;font-size:1.2rem;font-weight:500;color:var(--color-gray-a4);}
.login_warp .tap2 li:nth-child(2) {margin-right:0px;}
.login_warp .tap2 .tap_on {background-color:var(--color-blue5);border:none;color:#fff;font-size:1rem;}


.log_form01 {clear:both;width:100%;height:40px;background-color:#fff;padding:2px 0px 0px 35px;margin-bottom:10px;border:0px;border:1px solid var(--color-gray-d);background:url("../img/sub/login_icon01.png") no-repeat 10px 9px;}
.log_form02 {clear:both;width:100%;height:40px;background-color:#fff;padding:2px 0px 0px 35px;margin-bottom:25px;border:0px;border:1px solid var(--color-gray-d);background:url("../img/sub/login_icon02.png") no-repeat 10px 9px;}
.log_form03 {width:100%;height:35px;padding:3px 5px;border:1px solid var(--color-gray-d);}
.log_form04 {width:100%;height:35px;padding:3px 5px;border:1px solid var(--color-gray-d);margin-top:7px}
.log_box1 {margin-bottom:10px;width:100%;background-color:#f2f2f2;text-align:center;padding:15px;color:var(--color-red3);overflow:hidden;}

/* mypage */
.btn_my01 {display:inline-block;background:#efefef;padding:5px 8px;font-size:1.2rem;border-radius:6px;margin:2px 2px;}
.btn_my02 {display:inline-block;background:var(--color-orange2);padding:5px 8px;font-size:1.2rem;font-weight:700;color:#fff;border-radius:6px;margin:2px 2px;}
.btn_my03 {display:inline-block;background:#efefef;padding:5px 8px;font-size:1.2rem;border-radius:6px;margin:2px 2px;position:relative;top:0px;letter-spacing:-1px;}
.btn_my03 .pass {color:var(--color-red1);display:inline-block;margin-left:5px;font-weight:700;;line-height:1.0}
.btn_my04 {display:inline-block;background:var(--color-orange2);padding:5px 8px;font-size:1.2rem;font-weight:700;color:#fff;border-radius:6px;margin:2px 2px;letter-spacing:-1px;}
.btn_my05 {display:inline-block;border:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);padding:3px 10px;;border-radius:6px;margin:2px 2px;position:relative;top:0px;letter-spacing:-1px;}
.btn_my05 span {margin-left:7px;font-weight:700;}
.btn_my06 {display:inline-block;color:#fff;border:1px solid var(--color-red2);background-color:var(--color-red2);padding:3px 10px;;border-radius:6px;margin:2px 2px;position:relative;top:0px;letter-spacing:-1px;}
.btn_my06 span {margin-left:7px;font-weight:700;}
.btn_my07 {display:inline-block;float:right;margin:0px 0px 10px;background-color:var(--color-blue5);color:#fff;font-size:1.2rem;padding:2px 7px;border-radius:7px;font-weight:500;}
.btn_my08 {display: inline-block;height: 35px;line-height:35px;padding:0px 8px;background: #efefef;font-size: 0.8571.1rem;font-weight: 500;border-radius: 6px;position:relative;top:-3px;}

.my_form01 {clear:both;width:90%;height:40px;background-color:#fff;padding:2px 0px 2px 5px;border:0px;margin:0px 0px 20px 15px;border:1px solid var(--color-gray-d);display:inline-block;}
/*.my_form02 {clear:both;width:20px;height:20px;background-color:#fff;border:0px;border:1px solid var(--color-gray-d);display:inline-block;}*/
.my_form02 {clear:both;width:100%;height:35px;background-color:#fff;padding:2px 0px 2px 5px;border:0px;border:1px solid var(--color-gray-d);display:inline-block;vertical-align: top;}
.my_form03 {clear:both;width:100%;height:40px;background-color:#fff;padding:2px 0px 2px 5px;border:0px;margin:0px;border:1px solid var(--color-gray-d);display:inline-block;}

.my_text01 {clear:both;width:100%;margin-bottom:20px;text-align:left;line-height:1.6;font-size:1.2rem;background-color:#f2f2f2;display:block;padding:10px 0px;}
.my_text01 li {width:100%;padding:5px 15px 5px 30px;line-height:1.4;background:url("../img/dot_01.png") no-repeat 15px 10px;background-size:6px;}

.my_text02 {clear:both;width:100%;margin:-20px 0px 0px 0px;background:url("../img/dot_01.png") no-repeat 0px 17px;background-size:6px;text-align:left;line-height:1.6;;display:block;padding:10px 0px 10px 12px;font-weight:500;}

.class_jump {width:100%;background:#e9f4f9;clear:both;display:block;padding:10px;border-radius:3px;text-align:left;margin:-20px 0 30px;}
.class_jump .tit {clear:both;width:100%;font-size:16px;font-weight:600;margin-bottom:5px;}

.on {color:var(--color-red1);font-weight:700;}
.no {color:#333;font-weight:500;margin:0px 5px;}

.class_page {width:100%;clear:both;overflow:hidden;margin:20px 0px 30px;text-align:center;display:block;}
.class_page li {float:left;width:8.9%;height:30px;margin:5px 5px;background-color:var(--color-blue5);border-radius:5px;color:#fff;font-size:1.2rem;display:inline-block;line-height:30px;}
.class_page .end {background-color:var(--color-green1)}

.btn_list {width:150px;height:35px;line-height:35px;margin:0px auto;background-color:#4b7a90;border-radius:10px;color:#fff;;text-align:center;box-sizing:border-box;font-weight:500;}
.btn_entry {width:100%;height:60px;background-color:var(--color-orange2);text-align:center;vertical-align:middle;border:none;color:#fff;font-weight:500;border-radius:10px;letter-spacing:-1px;padding-top:13px;display:block;line-height:1.2}
.btn_now {clear:both;display:block;width:80px;border:1px solid var(--color-orange2);padding:2px 10px 3px;font-size:1.2rem;color:var(--color-orange2);text-align:center;margin-bottom:5px;}
.btn_done {clear:both;display:block;width:80px;border:1px solid var(--color-gray-dc);padding:2px 10px 3px;font-size:1.2rem;color:var(--color-gray-4);text-align:center;margin-bottom:5px;}
.btn_again {width:100%;height:60px;background-color:var(--color-gray-7);text-align:center;vertical-align:middle;border:none;color:#fff;font-weight:500;border-radius:10px;letter-spacing:-1px;padding-top:13px;display:block;line-height:1.2}
.btn_list2 {width:50%;height:40px;margin:20px auto 0px;background-color:var(--color-gray-d);padding:7px 0px 0px 0px;text-align:center;border-radius:7px;}
.btn_basket {clear:both;float:left;width:47%;height:35px;display:inline-block;box-sizing:border-box;padding-top:6px;background-color:var(--color-blue5);text-align:center;color:#fff;border-radius:10px;margin:20px 0px;}
.btn_apply {float:right;width:47%;height:35px;display:inline-block;box-sizing:border-box;padding-top:6px;background-color:var(--color-red2);text-align:center;color:#fff;border-radius:10px;margin:20px 0px;font-weight:500;}

.btn_basket2 {width:100%;height:60px;background-color:var(--color-blue5);text-align:center;vertical-align:middle;border:none;color:#fff;font-weight:500;border-radius:7px;letter-spacing:-1px;padding-top:23px;display:block;line-height:1.2}
.btn_basket3 {width:100%;height:60px;background-color:var(--color-orange2);text-align:center;vertical-align:middle;border:none;color:#fff;font-weight:500;border-radius:7px;letter-spacing:-1px;padding-top:23px;display:block;line-height:1.2}
.btn_basket4 {width:100%;height:60px;background-color:var(--color-gray-7);text-align:center;vertical-align:middle;border:none;color:#fff;font-weight:500;border-radius:7px;letter-spacing:-1px;padding-top:23px;display:block;line-height:1.2}
.btn_sample {border:1px solid var(--color-blue5);text-align:center;color:var(--color-blue5);font-weight:500;font-size:1.2rem;border-radius:5px;letter-spacing:-1px;padding:5px 10px;display:inline-block;line-height:1.2;margin-bottom:7px;}

.btn_apply2 {display:block;clear:both;padding:10px 15px 12px;background-color:var(--color-red3);text-align:center;color:#fff;border-radius:5px;margin-top:10px;font-size:1.071rem;font-weight:500;}


.my_tbl01 {width:100%;clear:both;border-top:2px solid var(--color-gray-4)}
.my_tbl01 th {font-weight:600;text-align:left;padding:10px 7px;border-bottom:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);}
.my_tbl01 td {text-align:left;padding:10px 7px;border-bottom:1px solid var(--color-gray-d);}
.my_tbl01 td:nth-child(2) {font-size:1.2rem;}

.my_tbl02 {width:100%;clear:both;border-top:2px solid var(--color-gray-4)}
.my_tbl02 th {font-weight:600;text-align:left;padding:10px 7px;border-bottom:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);}
.my_tbl02 td {text-align:left;padding:10px 7px;border-bottom:1px solid var(--color-gray-d);}
.my_tbl02 td:nth-child(2) {font-weight:700;}

.my_tbl03 {width:100%;clear:both;border-top:2px solid var(--color-gray-4)}
.my_tbl03 th {font-weight:600;text-align:center;padding:10px 7px;border-bottom:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);}
.my_tbl03 td {text-align:left;padding:10px 7px;border-bottom:1px solid var(--color-gray-d);}

.my_tbl04 {width:100%;clear:both;border-left:1px solid var(--color-gray-d);}
.my_tbl04 th {font-weight:600;text-align:center;padding:10px 10px;border-bottom:1px solid var(--color-gray-d);border-right:1px solid var(--color-gray-d);}
.my_tbl04 td {text-align:center;padding:10px 10px;border-bottom:1px solid var(--color-gray-d);border-right:1px solid var(--color-gray-d);}
.my_tbl04 .bg {background-color:var(--color-gray-f4);}

.my_tbl05 {width:100%;clear:both;border-left:1px solid var(--color-gray-d);border-top:1px solid var(--color-gray-d);}
.my_tbl05 th {font-weight:600;text-align:center;padding:10px 10px;border-bottom:1px solid var(--color-gray-d);border-right:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);}
.my_tbl05 td {text-align:left;padding:10px 10px;border-bottom:1px solid var(--color-gray-d);border-right:1px solid var(--color-gray-d);}
.my_tbl05 td:first-child {text-align:center;}
.my_tbl05 td:first-child span{display:block;width:100%;clear:both;margin-top:10px;font-size:1.2rem;color:var(--color-gray-7);}

.my_tit1 {clear:both;font-weight:500;text-align:left;padding:10px 15px;border:1px solid var(--color-gray-d);background-color:#f6f6f6;line-height:1.6;display:block;border-radius:7px 7px 0px 0px;margin-top:30px;}
.my_tit2 {clear:both;font-weight:500;text-align:left;display:block;margin:30px 0px 10px;font-size:1.6rem;}

.my_txt01 {clear:both;width:100%;display:block;border:1px solid var(--color-gray-d);border-radius:7px;overflow:hidden;margin-top:30px;}
.my_txt01 li {clear:both;width:100%;padding:10px 15px;line-height:1.6;display:block;}
.my_txt01 li:first-child {width:100%;background-color:#f6f6f6;font-weight:bold;display:block;}


.my_class {clear:both;width:100%;display:block;font-weight:700;line-height:1.4}
.my_small {font-size:1.2rem;clear:both;width:100%;display:block;color:var(--color-gray-7);margin-top:2px;font-weight:500;}
.my_small span {margin-left:10px;border-left:1px solid var(--color-gray-d);padding-left:13px;line-height:1.0;display:inline-block;}
.my_money {font-size:1.2rem;clear:both;width:100%;display:block;color:var(--color-red3);margin-top:5px;font-weight:600;}


.my_b {color:var(--color-blue5);font-weight:700;}
.my_r {color:var(--color-red1);font-weight:700;}


.year_tap {clear: both;width: 100%;display:flex;flex-wrap: wrap;margin:0px auto 10px;}
.year_tap li {width:calc(50% - 2%);margin: 3px 5px;text-align: center;font-weight: 400;font-size: 1.15rem;color:#111;display: inline-block;padding:10px 5px;background-color:var(--color-gray-f4);}

.year_tap li.on {background:var(--color-main);color:#fff;}
.year_tap li p {font-weight: 500;letter-spacing: 0px;font-size: 1.5rem;width: 100%;display: block;margin:0px;}
.year_tap .check {background-color: var(--color-main);border: 2px solid var(--color-main);font-weight: 500;color: #fff;}
.year_tap  a {display:block;width:100%;height:100%;}


.year_txt {clear:both;width:100%;display:block;background-color:#f3f8fd;font-weight:500;line-height:1.8;font-size:1.2rem;padding:10px 10px;word-spacing:-1px;margin-bottom:30px;border-radius:7px;color:var(--color-blue1);}
.year_txt2 {clear:both;width:100%;display:block;line-height:1.8;font-size:1.2rem;font-weight:400;padding:10px 10px;word-spacing:-1px;margin-bottom:40px;border-top:1px solid var(--color-gray-d);border-bottom:1px solid var(--color-gray-d);}


.year_sche {width:100%;clear:both;display:block;padding:5px;background:#fff;border:1px solid var(--color-gray-dc);overflow:hidden;}
.year_sche li {float:left;padding:5px;text-align:left;}
.year_sche li:nth-child(odd) {clear:both;width:100px;padding-left:15px;}
.year_sche li:nth-child(odd) i {width:4px;height:4px;background:#666;display:inline-block;vertical-align:middle;margin-right:7px;position:relative;top:-2px;}
.year_sche li:nth-child(even) {width:calc(100% - 100px);}


.class_tap {clear:both;width:100%;margin-bottom:15px;border-top:1px solid var(--color-gray-d);border-left:1px solid var(--color-gray-d);display:table;}
.class_tap:after {display:block; clear:both; content:'';padding:0px 0px;}
.class_tap li {width:20%;height:50px;border-right:1px solid var(--color-gray-d);border-bottom:1px solid var(--color-gray-d);text-align:center;vertical-align:middle;font-weight:400;font-size:1.2rem;font-weight:400;display: table-cell;letter-spacing:-1px;;line-height:1.4;}
.class_tap li:nth-child(5n) {width:calc(20% + 4px);}
.class_tap .check {background-color:var(--color-red3);color:#fff;font-weight:500;}

.class_tap2 {clear: both;width: 100%;margin:15px 0px;display:flex;flex-wrap: wrap;}
.class_tap2:after {display: block;clear: both;content: "";padding: 0px 0px;}
.class_tap2 li {float: left;width:calc(33.5% - 5px);border: 1px solid var(--color-gray-dc);text-align: center;vertical-align: middle;font-weight: 400;font-size: 1.2rem;font-weight: 400;letter-spacing: -1px;padding: 10px 5px;margin:0px 5px 5px 0px;display: flex;justify-content:center;align-items:center;}
.class_tap2 li:nth-child(3n) {margin-right:0px;}
.class_tap2 .check {color: #0e0698;border-bottom:3px solid #0e0698;font-weight: 500;}
.class_tap2 a {display:block;width:100%;height:100%;}

.class_noti {clear:both;display:block;width:100%;text-align:center;line-height:1.0;margin:20px auto 20px;background:var(--color-gray-f4);padding:10px;}
.class_noti span {border-left:1px solid var(--color-gray-dc);padding-left:15px;margin-left:7px;}

.class_basket1 {clear:both;width:100%;margin-bottom:15px;border:1px solid var(--color-gray-d);background-color:var(--color-gray-f4);text-align:center;font-weight:500;padding:10px 15px;}
.class_basket1 span {color:var(--color-red2);font-weight:500;}


.course_tap {clear: both;width: 100%;margin-bottom: 10px;border-width: 0px 0px 1px 1px;border-style: solid;border-color: var(--color-gray-dc);display:flex;flex-wrap: wrap;}
.course_tap li {height: 40px; text-align: center;font-size: 1.2rem;color: var(--color-gray-7);border-width: 1px 1px 0px 0px;border-style: solid;border-color: var(--color-gray-dc);flex:1;}
.course_tap li.on {color:#fff;cursor: pointer;background:var(--color-main);font-weight: 600;margin: 0;}
.course_tap a {display: flex;justify-content:center;align-items:center;width:100%;height:100%;}

/* guide */
.guide_txt1 {width:100%;margin:0px 0px 40px 0px;line-height:1.6;color:#555;overflow:hidden;}
.guide_txt2 {width:100%;margin:10px 0px 40px 0px;line-height:1.6;color:#555;background-color:#f5f5f5;padding:10px 15px;box-sizing:border-box;overflow:hidden;}
.guide_txt2 li {width:100%;padding:5px 0px 5px 17px;background:url("../img/dot_01.png") no-repeat 0px 12px;background-size:6px;}
.guide_txt3 {width:100%;margin:00px 0px 40px 0px;line-height:1.6;color:#555;overflow:hidden;}
.guide_txt3 li {width:100%;padding:5px 0px 5px 20px;background:url("../img/dot_01.png") no-repeat 5px 16px;background-size:7px 2px;}
.guide_txt4 {width:100%;margin:0px 0px 20px 0px;line-height:1.4;color:#555;overflow:hidden;}

.guide_txt5 {clear:both;width:100%;display:block;border:1px solid var(--color-gray-d);border-radius:7px;overflow:hidden;margin:5px 0px 20px 0px;}
.guide_txt5 li {clear:both;width:100%;padding:10px 15px;display:block;color:#585858;}
.guide_txt5 li:first-child {width:100%;background-color:#f6f6f6;font-weight:bold;display:block;}
.guide_txt5 b {font-weight:500;color:#222;}
.guide_txt5 p {line-height:1.5;margin:5px 0px;}

.guide_txt6 {width:100%;margin-top:-20px;line-height:1.6;color:#555;background-color:#f5f5f5;padding:10px 15px;box-sizing:border-box;overflow:hidden;}
.guide_txt7 {width:100%;margin:0px 0px 15px;line-height:1.6;color:var(--color-blue1);overflow:hidden;}
.guide_txt8 {clear:both;width:100%;display:inline-block;border-radius:7px;}
.guide_txt8 li {clear:both;width:100%;padding:7px 0px 7px 20px;display:inline-block;background:url('../img/dot_blue.png') 5px 15px no-repeat;}

.sub_txt_left {
    font-size: 1.2rem;
    margin-top: 15px;
    line-height: 1.6;
}
.guide_txt9 {
    width: 100%;
    line-height: 1.6;
    color: #555;
    background-color: #f5f5f5;
    padding: 10px 15px;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 1.25rem;
}

.guide_txt10 {clear:both;width:100%;display:inline-block;border-radius:7px;;margin:5px 0px 20px 0px;}
.guide_txt10 li {clear:both;width:100%;padding:7px 0px 7px 20px;display:inline-block;background:url('../img/dot_blue.png') 5px 15px no-repeat;}

.guide_txt11 {width:100%;margin:0px 0px 15px;padding:15px;box-sizing:border-box;line-height:1.6;background:#c2e7ff;overflow:hidden;}
.guide_txt12 {width:100%;margin:0px 0px 10px 0px;line-height:1.6;color:#555;overflow:hidden;}


.guide_txt13 {width:100%;margin:10px 0px;line-height:1.6;overflow:hidden;}

.guide_txt14 {width:100%;margin:15px 0px;line-height:1.6;overflow:hidden;border:1px solid var(--color-gray-d);padding:10px;text-align:center;overflow:hidden;}
.guide_txt14 li {clear:both;width:100%;padding:5px 0px;}


.guide_dist {clear:both;height:22px;line-height:20px;background-color:#333;color:#fff;padding:0px 10px;margin:10px 20px 7px 0px;display:inline-block;border-radius:5px;font-size:1.2rem;}
.guide_img {width:100%;margin-bottom:40px;display:block;clear:both;}
.guide_img2 {width:100%;max-width:400px;display:block;clear:both;margin:10px 0px 20px;image-rendering: -webkit-optimize-contrast;transform: translateZ(0);backface-visibility: hidden;}
.guide_img3 {
    width: 100%;
    margin: 10px auto 20px;
    display: block;
}
.guide_img4 {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.guide_edu1 {width:100%;overflow:hidden;padding:15px 10px;box-sizing: border-box;background:#6696f2;text-align:center;clear:both;display:block;border-radius:10px;}
.guide_edu2 {width:100%;overflow:hidden;padding:15px 10px;box-sizing: border-box;background:#3f7acf;text-align:center;clear:both;display:block;border-radius:10px;}
.guide_box1 {width:100%;overflow:hidden;padding:10px;box-sizing: border-box;margin-bottom:5px;border-radius:7px;background:rgba(0,0,0,0.4);color:#fff;clear:both;display:block;}
.guide_box2 {width:100%;overflow:hidden;padding:10px;box-sizing: border-box;margin-top:25px;border-radius:7px;background:rgba(0,0,0,0.7);color:#fbc681;clear:both;display:block;font-weight:bold;}

/* sub page tap 3개 */
.subtap3 {width:98%;height:35px;clear:both;display:block;box-sizing:border-box;border-left:1px solid var(--color-gray-d);margin:-20px 0px 40px 1%;;}
.subtap3 li {float:left;width:33.33%;height:35px;box-sizing:border-box;text-align:center;border-width:1px 1px 1px 0px;border-style:solid;border-color:var(--color-gray-d);padding:9px 0px 0px 0px;}
.subtap3 .on {background-color:var(--color-red1);color:#fff;border:0px;margin:0px;}
.subtap3 a:link {display:block;margin:0px;padding:0px;width:100%;height:35px;}


/* sub page tap 4개 */
.subtap4 {width:98%;height:70px;clear:both;display:block;box-sizing:border-box;border-left:1px solid var(--color-gray-d);margin:-20px 0px 40px  1%;;font-weight:500;}
.subtap4 li {float:left;width:25%;height:35px;box-sizing:border-box;text-align:center;border-width:1px 1px 1px 0px;border-style:solid;border-color:var(--color-gray-d);padding:7px 0px 0px 0px;}
.subtap4 .on {background-color:var(--color-red1);color:#fff;border:0px;margin:0px;font-weight:500;}
.subtap4 a:link {display:block;margin:0px;padding:0px;width:100%;height:35px;}


/* sub page tap any */
.subtap_any {width:98%;clear:both;display:flex;flex-wrap: wrap;box-sizing:border-box;margin:0px 0px 40px 1%;;font-weight:500;overflow:hidden;}
.subtap_any li {display: flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid var(--color-gray-d);padding:7px 15px;margin:0px 3px 3px 0px;}
.subtap_any .on {background-color:var(--color-red1);color:#fff;border:1px solid var(--color-red1);margin:0px 3px 3px 0px;}
.subtap_any a:link {display:block;margin:0px;padding:0px;width:100%;}



.course_tit1 {width:100%;padding:15px 20px;box-sizing:border-box;background:var(--color-blue1);color:#fff;font-size:18px;font-weight:600;text-align:center;border-radius:7px;margin:20px auto 20px;}

.course1_top1 {width:100%;min-height:250px;background:var(--color-red2);padding:15px 20px;box-sizing:border-box;border-radius:10px;color:#fff;line-height:1.5;font-weight:400;margin-bottom:50px;}
.course1_top1 h1 {display:block;width:100%;line-height:1.4;font-size:22px;font-weight:700;margin-bottom:30px;}

.course2_top1 {width:100%;min-height:250px;background:var(--color-orange3);padding:15px 20px;box-sizing:border-box;border-radius:10px;color:#fff;line-height:1.5;font-weight:400;margin-bottom:50px;}
.course2_top1 h1 {display:block;width:100%;line-height:1.4;font-size:22px;font-weight:700;margin-bottom:30px;}

.course3_top1 {width:100%;min-height:250px;background:var(--color-blue5);padding:15px 20px;box-sizing:border-box;border-radius:10px;color:#fff;line-height:1.5;font-weight:400;margin-bottom:50px;}
.course3_top1 h1 {display:block;width:100%;line-height:1.4;font-size:22px;font-weight:700;margin-bottom:30px;}



/* tab css */
.allWrap{width: 100%;margin:0 auto;}
.tabBox{margin:20px 0}
.tab-link{width:49%;display: inline-block;padding:5px;box-sizing:border-box;text-align:center;background-color:var(--color-gray-d);cursor: pointer;font-size:12px;;letter-spacing:-1px;}
.tab-link.current{background-color: #fff;border-width:1px 1px 0px 1px;border-style:solid;border-color:var(--color-gray-d);font-weight: 600;color:#333;font-size:14px}
.tab-content{display: none;}
.tab-content.current{display: block;width: 100%;}


/* usc 교육원소개&오시는길 */
.usc_img {width:50%;max-width:150px;margin:0px auto 20px;clear:both;display:block;}
.usc_info {clear:both;width:100%;overflow:hidden;border-top:1px solid var(--color-gray-d);margin-top:30px;display:flex;flex-wrap:wrap;}
.usc_info li {clear:both;width:100%;padding:15px 0px;border-bottom:1px solid var(--color-gray-d);overflow:hidden;display:flex;}
.usc_info .img {float:left;width:25%;height:100%;display:block;margin-right:5%;border-radius:8px;}
.usc_info .txt {float:right;width:70%;}
.usc_info .txt b {clear:both;display:block;margin-bottom:10px;}

.greet_wrap {width:100%;display:block;line-height:1.6;font-size:14px;}
.greet_wrap h1 {display:block;width:100%;clear:both;font-size:20px;font-family: 'GmarketSansBold';color:var(--color-blue1);margin-bottom:30px;}
.img_w {width:100%;}

.map {clear:both;display:block;width:100%;;border-top:2px solid #b0b0b0;margin-top:30px;}
.map li:after {display:block; clear:both; content:'';padding:0px 0px;}
.map li {border-bottom:1px solid var(--color-gray-f4);padding:15px 10px;}
.map .tit {clear:both;float:left;width:30%;font-weight:700;}
.map .txt {float:right;width:70%;}

.map2 {width:100%;clear:both;display:block;border:1px solid var(--color-gray-d);}

.usc_down1 {width:100%;padding:15px 10px;border-radius:10px;color:#fff;background-color:#006091;text-align:center;overflow:hidden;margin:30px 0px 5px 0px;font-size:1.8rem;}
.usc_down2 {width:100%;padding:15px 10px;border-radius:10px;color:#fff;background-color:#7093b1;text-align:center;overflow:hidden;margin:5px 0px 0px 0px;font-size:1.8rem;}

.root_daum_roughmap {width:100%! important}


.history_wrap {width:100%;display:block;clear:both;}
.history_wrap ul {width:100%;display:block;clear:both;overflow:hidden;}
.history_wrap li {width:100%;overflow:hidden;}
.history_wrap li:nth-child(odd) {}
.history_wrap li:nth-child(odd) img {display:inline-block;height:25px;}
.history_wrap li:nth-child(even) {margin-bottom:30px;display:block;padding:5px 0px;box-sizing:border-box;}

.history_wrap li:nth-child(even) dl {width:100%; display:block;}
.history_wrap li:nth-child(even) dt {clear:both;float:left;display:inline-block;background:#555;color:#fff;width:50px;align-items:left;padding:5px 0px;box-sizing:border-box;text-align:center;font-size:14px;font-weight:600;border-radius:5px;margin:10px 20px 10px 0px;}
.history_wrap li:nth-child(even) dd {float:left;width:calc(100% - 70px);min-height:30px;border-width:1px 0px;border-style:solid;border-color:var(--color-gray-d);padding:5px;box-sizing:border-box;font-weight:500;color:var(--color-gray-4);margin:10px 0px 10px 0px;}


.academy_wrap {width:100%;display:block;clear:both; margin: 0 auto 30px;}
.academy_wrap ul.goal {width: 100%; padding:15px; margin-bottom: 30px; background: #f4f4f4;}
.academy_wrap ul.goal li {display:block;width:100%;padding:10px 0px;}
.academy_wrap ul.goal li.title {font-size: 20px; color: #000; text-align: center; font-weight: bold;}
.academy_wrap ul.goal li.title i {display: inline-block; width: 61px; height: 79px; margin-right: 10px; background:url('../img/sub/icon_goal.png') center no-repeat; vertical-align: middle;}
.academy_wrap ul.goal li.text {color: #666; line-height: 1.6rem; vertical-align: middle;}

.aca_txt {clear:both;display:block;width:100%;margin:10px 0px 0px;}
.aca_txt::after {display:block; clear:both; content:'';}
.aca_txt dt {clear:both;width:100%;display:block;font-weight:600;color:#000;padding:15px 0px 10px}
.aca_txt dd {width:100%;display:block;padding:0px 0px 20px;font-size:1.3rem;font-weight:500;line-height:1.8;}
.aca_txt dd b {clear:both;display:inline-block;margin-right:15px;}
.aca_txt img {width:90%;margin:0px auto 20px;max-width:300px;display:block;}

.img_aca {width:100%;margin:10px auto 20px;display:block;}


.way_wrap {width:100%; margin:0px auto;display:block;clear:both;}
.way_wrap ul.way {clear:both;display:block;width:100%; text-align: center;}
.way_wrap ul.way li {clear:both;display:block;width:100%;padding:0px 0;border: 1px solid var(--color-blue1); box-sizing: border-box;margin-bottom:10px !important;overflow:hidden;}
.way_wrap ul.way li .title {clear:both;width:100%;margin-bottom:10px;font-weight:bold; background: var(--color-blue1); color: #fff;word-break: keep-all;vertical-align:top;text-align:center;padding:5px 10px;}
.way_wrap ul.way li.text {width:100%;text-align:left;padding:10px;box-sizing:border-box;margin:0px;}

/* member */
.agree_form1 {clear:both;width:100%;height:150px;background-color:#fff;padding:5px 5px;border:0px;margin:0px 0px 10px 0px;border:1px solid var(--color-gray-d);display:inline-block;color:#6e6e6e;;overflow-y:auto;}

.agree_agree1 {clear:both;width:100%;text-align:right;margin-bottom:50px;overflow:hidden;display:block;}
.agree_agree1 b {margin-right:20px;color:var(--color-blue5);}

.agree_txt1 {width:100%;clear:both;border:1px solid var(--color-gray-d);background-color:#f5f5f5;padding:10px 15px;margin-bottom:20px;display:block;overflow:hidden;}
.agree_txt2 {width:100%;clear:both;margin-bottom:40px;display:block;overflow:hidden;}

.agree_txt3 {width:100%;clear:both;margin:15px 0px 30px;display:block;overflow:hidden;}
.agree_txt3 dt {clear:both;width:100%;text-align:left;font-weight:700;display:inline-block;float:left;margin-bottom:5px;}
.agree_txt3 dd {width :100%;margin-bottom:15px;display:inline-block;float:left;}

.agree_txt4 {width:100%;clear:both;margin:0px 0px 30px;display:block;overflow:hidden;}
.agree_txt4 dt {clear:both;width:40px;text-align:left;font-weight:400;display:inline-block;float:left;font-size:1.2rem;padding-top:2px;}
.agree_txt4 dd {width : -webkit-calc(100% - 40px); /* for Chrome, Safari */width : -moz-calc(100% - 40px); /* for Firefox */ width : calc(100% - 40px); /* for IE */margin-bottom:15px;display:inline-block;float:left;}
.agree_txt4 p {width:100%;clear:both;padding-left:15px;font-size:1.3rem;margin:5px 0px 10px;}

.agree_txt5 {width:100%;clear:both;font-size:1.3rem;margin:5px 0px 10px;}
.agree_txt5 li {width:100%;clear:both;padding:3px 0px 3px 25px;background:url('../img/dot_01.png') 13px 10px no-repeat;background-size: 5px;}

.agree_txt6 {width:100%;clear:both;margin:5px 0px 30px;}
.agree_txt6 li {width:100% - 20px;clear:both;padding:3px 0px;list-style-type:decimal;margin-left:20px;}

.agree_txt7 {width:100%;clear:both;margin:15px 0px 30px;display:block;overflow:hidden;font-size:1.3rem;}
.agree_txt7 dt {clear:both;width:100%;text-align:left;font-weight:700;display:inline-block;float:left;margin-bottom:5px;padding-left:15px;}
.agree_txt7 dd {width :100%;margin-bottom:15px;display:inline-block;float:left;padding-left:15px;}

.agree_btn1 {width:100%;height:35px;clear:both;background-color:var(--color-red3);border-radius:10px;padding:5px 10px 0px;text-align:center;color:#fff;font-size:1.6rem;font-weight:700;}
.agree_btn2 {width:100%;height:35px;clear:both;background-color:var(--color-gray-d);border-radius:10px;padding:5px 10px 0px;text-align:center;font-size:1.6rem;margin-top:15px;}

.agree_h1 {width:100%;clear:both;margin-bottom:10px;font-weight:700;font-size:1.6rem;background-color:#666;color:#fff;text-align:center;padding:3px 20px 5px;}
.agree_h2 {width:100%;clear:both;margin-bottom:10px;font-weight:700;font-size:1.6rem;}


/* 실명인증 */
.name1 {width:100%;margin:0px 0px;background-color:#e4f3ff;border-radius:10px;padding:20px 15px;}
.name1 span {display:inline-block;width:10%;text-align:center;font-weight:bold;line-height:2.0}
.name1 .tit1 {display:block;clear:both;font-weight:500;margin-bottom:5px;}
.name_form1 {float:left;width:45%;height:35px;border:1px solid #fff;padding:5px 5px;box-sizing:border-box;}
.name_form2 {float:right;width:45%;height:35px;border:1px solid #fff;padding:5px 5px;box-sizing:border-box;}
.name_form3 {width:100%;height:35px;border:1px solid #fff;padding:5px 5px;box-sizing:border-box;}
.name_btn {margin-top:15px;background-color:var(--color-main);width:100%;height:35px;text-align:center;padding-top:5px;color:#fff;font-weight:500;border-radius:10px;}
.name2 {width:100%;margin:0px 0px;clear:both;margin:40px 0px 20px;;}
.name2 li {clear:both;width:100%;padding:5px 0px 5px 15px;background:url("../img/dot_01.png") no-repeat 0px 12px;background-size:6px;}
.name2 li dl {clear:both;width:100%;margin:7px 0px 0px;font-weight:300;}
.name2 li dl dd {clear:both;width:100%;background:url("../img/dot_01.png") no-repeat 0px 12px;background-size:5px 2px;padding:3px 0px 3px 10px;}
.name3 {clear:both;width:100%;margin:0px 0px;background-color:#f4f4f4;overflow:hidden;padding:10px;}
.name3 dt {clear:both;float:left;width:35%;font-weight:500;padding:5px 0px 5px 25px;background:url("../img/dot_01.png") no-repeat 10px 12px;background-size:6px;}
.name3 dd {float:right;width:65%;font-weight:300;padding:5px 0px;}


/* support */
.sup_txt1 {clear:both;width:100%;margin:15px 0px 0px 0px;background-color:#f2f2f2;padding:15px;line-height:1.4;overflow:hidden;}
.sup_txt1 span {color:var(--color-main);clear:both;display:block;margin-bottom:10px;font-weight:700;}
.sup_txt1 ul {width:100%;clear:both;}
.sup_txt1 ul li {width:100%;padding:4px 0px 4px 15px;background:url('../img/dot_blue.png') 0px 12px no-repeat;}

.sup_txt2 {clear:both;width:100%;display:block;border:1px solid var(--color-gray-d);border-radius:7px;overflow:hidden;margin-top:30px;}
.sup_txt2 li {clear:both;width:100%;padding:10px 15px;display:block;color:#585858;}
.sup_txt2 li:first-child {width:100%;background-color:#f6f6f6;font-weight:bold;display:block;}
.sup_txt2 b {font-weight:500;color:#222;}
.sup_txt2 p {line-height:1.5;margin:5px 0px;}

.sup_box1 {clear:both;width:100%;display:block;}
.sup_box1 li {clear:both;width:100%;margin:7px;font-size:1.6rem;font-weight:500;padding-left:30px;background:url("../img/sub/check_box.png") no-repeat 0px 6px;box-sizing:border-box;}




/* Center slide text vertically */

.main_top_img .swiper-container {
  width: 100%;
}
.main_top_img .swiper-slide {
  font-size: 18px;
  background: #fff;

  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.main_top_img .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.main_top_img .swiper-container {
  margin-left: auto;
  margin-right: auto;
}
.main_top_img .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.main_top_img .swiper-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.main_top_img .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  transition-property: transform;
}
.main_top_img .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.main_top_img .swiper-container-horizontal >  .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.main_top_img .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
.main_top_img button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.main_top_img .swiper-pagination-bullet-active {
  opacity: 1; /*background:var(--swiper-pagination-color,var(--swiper-theme-color))*/
}
.main_top_img .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.main_top_img .swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}


/*버튼 추가*/
.btn_nomal {height:20px;background-color:#804040;color:#fff;font-weight:500;padding:0px 7px;text-align:center;border-radius:5px;display:inline-block;}
.btn_large {height:35px;background-color:#804040;color:#fff;font-weight:500;padding:6px 7px;text-align:center;border-radius:7px;display:inline-block;}

.btn_viewer_end {clear:both;width:50%;max-width:250px;padding:15px 10px;text-align:center;border-radius:5px;background:var(--color-red1);color:#fff;margin:0px auto;font-size:18px;}


/* 패키지 수강신청 */
.package_txt1 {padding: 15px;background: #eee;/*border-radius: 10px;*/border: 1px solid #ddd;margin-bottom: 30px;font-size:1.2rem;}
.package_txt1 li {margin-bottom: 10px;}

/*패키지 추가 23.06.05
.package_tap {width:100%;margin:30px auto 20px;display:flex;}
.package_tap li {flex:1;flex-basis: auto;line-height:1.4;padding:7px;border:1px solid #ddd;margin:0px 3px 3px 0px;font-family: 'Noto Sans KR';font-size:12px;font-weight:400;text-align:center;border-radius:5px;}
.package_tap .on {border:1px solid var(--color-red2);background:var(--color-red2);color:#fff;}
*/
.package_tap {width:100%;margin:30px auto 20px;display:block;}
.package_tap li {display:inline-block;line-height:1.4;padding:7px 10px;border:1px solid #ddd;margin:0px 3px 3px 0px;font-family: 'Noto Sans KR';font-size:1.4rem;font-weight:600;text-align:center;width: 48.5%;letter-spacing: -1px;}
.package_tap .on {border:1px solid var(--color-red2);background:var(--color-red2);color:#fff;}

/*
.package_class1 {width:95%;margin:15px auto;display:block;overflow:hidden;border:3px solid #767c88;background:#fff;border-radius:3px;}
.package_class1 h1 {clear:both;display:block;width:100%;text-align:center;padding:5px 10px 9px;background:#767c88;font-size:16px;font-weight:700;font-family: 'Noto Sans KR';color:#fff;}

.package_class2 {width:95%;margin:15px auto;display:block;overflow:hidden;border:3px solid #7eaac9;background:#fff;border-radius:3px;}
.package_class2 h1 {clear:both;display:block;width:100%;text-align:center;padding:5px 10px 9px;background:#7eaac9;font-size:16px;font-weight:700;font-family: 'Noto Sans KR';color:#fff;}


.package_tbl01 {width:100%;font-family: 'Noto Sans KR';}
.package_tbl01 th {border-bottom:1px solid var(--color-gray-d);padding:10px 3px;font-size:12px;text-align:center;background:var(--color-gray-f4);font-weight:700;}
.package_tbl01 td {border-bottom:1px solid var(--color-gray-d);padding:10px 3px;font-size:12px;text-align:center;font-weight:400;}

.package_btn_class1 {display:inline-block;padding:1px 7px 2px;background:#e7f3df;font-size:11px;margin:0px 3px 3px 0px;border-radius:3px;}
.package_btn_class2 {display:inline-block;padding:1px 7px 2px;background:#f3dfdf;font-size:11px;margin:0px 3px 3px 0px;border-radius:3px;}
.package_btn_class3 {display:inline-block;padding:1px 7px 2px;background:#c9e0fa;font-size:11px;margin:0px 3px 3px 0px;border-radius:3px;}

.package_sample {display:inline-block;width:100%;max-width:60px;text-align:center;padding:2px 3px 3px;background:var(--color-green3);color:#fff;font-size:11px;margin-top:3px;border-radius:3px;}

.package_money {font-weight:700;color:var(--color-red1);}


.package_last {width:95%;margin:50px auto 10px;border:7px solid var(--color-red2);overflow:hidden;}
.package_last li {float:left;width:60%;text-align:center;padding:20px 0px;font-size:16px;font-weight:700;}
.package_last li:nth-child(2) {float:left;width:40%;text-align:center;padding:20px 0px;color:var(--color-red1);}

.package_warning_tri {width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 15px solid var(--color-gray-f4);margin-left:5%;font-size:0px;}
.package_warning {clear:both;width:95%;padding:10px 20px;background-color:var(--color-gray-f4);border-radius:5px;line-height:1.8;margin:0px auto 30px;overflow:hidden;}
.package_warning dt {display:block;width:100%;font-weight:700;}
.package_warning dd {display:block;width:100%;font-size:13px;padding-top:10px;}

.package_warning2 {clear:both;display:block;width:95%;margin:20px auto 30px;font-size:13px;text-align:center;overflow:hidden;}
.package_check {display:inline-block;border:1px solid var(--color-gray-d);width:15px;height:15px;margin-left:7px;position:relative;top:3px;}
*/
.package_pay {display:block;margin:15px auto 30px;width:50%;max-width:200px;height:40px;line-height:38px;background:var(--color-red2);color:#fff;font-size:1.5rem;font-weight:700;text-align:center;border-radius:5px;}

.package_class1,
.package_class2 {font-size: 1.1rem;}

.package_class1 h1,
.package_class2 h1 {margin: 10px 0;font-size: 1.9rem;}


.package_tbl01 {width: 100%;border-top: 2px solid rgba(0, 0, 0, 0.1);}
.package_tbl01 th {text-align: center;padding: 10px 0px;border-bottom: 1px solid #dcdcdc;font-weight: 500;color: #111;background-color: var(--color-gray-f4);font-size: 1.143rem;}
.package_tbl01 td {text-align: center;padding: 20px 10px;border-bottom: 1px solid #dcdcdc;font-weight: 400;color: #333;background-color: #fff;font-size: 1.1rem;line-height: 1.6;}
.package_tbl01 td .money {color: var(--color-red1);font-weight: 700;font-size: 1.3rem;}

.package_sample {padding: 0px 5px;margin: 2px 0px;display: inline-block;background-color: var(--color-green3);color: #fff;font-size: 10px;border-radius: 5px;}
.package_sample:hover {background-color: var(--color-red1);cursor: pointer;}

.package_btn_class1,
.package_btn_class2,
.package_btn_class3 {clear: both;display: inline-block;height: 22px;line-height: 20px;padding: 0px 5px;text-align: center;font-size: 0.9286rem;font-weight: 500;margin: 0px 5px 7px 0px;background-color: #e7f3df;color: var(--color-gray-4);border-radius: 3px;}

.package_btn_class2 {background-color: #dfe9f3;}

.package_btn_class3 {background-color: #f3dfdf;}


.package_last {width: 100%;margin: 50px 0px 10px 0px;clear: both;display: block;overflow: hidden;}
.package_last li {float: left;width: 40%;height: 100px;line-height: 90px;text-align: center;font-size: 18px;font-weight: 700;border-style: solid;border-color: #96abb3;padding: 0 10px;}
.package_last li:nth-child(1) {border-width: 4px 0px 4px 4px;}
.package_last li:nth-child(2) {width: 60%;color: #0e0699;border-width: 4px 4px 4px 0px;letter-spacing: -1px;text-align: right;}
.package_last li:nth-child(2) div {color: #b1b1b1;display: inline-block;font-weight: 100;margin-right: 70px;text-decoration: line-through;}

.package_warning {clear: both;width: 100%;padding: 20px;background-color: var(--color-gray-f4);border-radius: 10px;line-height: 1.8;margin-bottom: 30px;overflow: hidden;font-size: 1.4rem;}
.package_warning dt {font-weight: 700;}
.package_warning dd {}
.package_warning dd textarea {width:100%;height:300px; border:0px;font-family: SCoreDream;font-weight:500;color: #444;background-color:#f0f0f0;line-height:1.6;padding-right:5px;}



.package_warning_tri {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 20px solid var(--color-gray-f4);margin-left: 20px;font-size: 0px;}



.payment {width:100%;clear:both;margin:0px 0px 30px 0px;overflow:hidden;display:block;}
.payment li {float:left;display:inline-block;width:155px;min-height:115px;text-align:center;margin:5px 10px 5px 0px;border:1px solid var(--color-gray-d);padding:10px 10px;box-sizing:border-box;overflow:hidden;}
.payment li:last-child {margin:5px 0px}
.payment li img {clear:both;display:block;;margin:5px auto 15px;width:50px;}
.payment li span {font-size:12px;margin-left:7px;}

.pay_name {width:100%;clear:both;display:block;text-align:left;overflow:hidden;}
.pay_name dt {float:left;display:inline-block;width:90px;font-size:13px;margin:3px 0px;}
.pay_name dd {float:left;display:inline-block;width:calc(100% - 100px);margin:3px 0px;}
.pay_name dd span {display:inline-block;margin:0px 5px;}

.pay_certi {clear:both;display:block;}
.pay_form1 {display:inline-block;width:43%;height:26px;border:0px;background:#fff;color:#333;}
.pay_certi {display:block;width:150px;height:30px;line-height:30px;margin:10px auto 0px;color:#fff;border-radius:5px;text-align:center;background:var(--color-blue1);overflow:hidden;}

.course_btn_warp {clear:both;text-align:Center;}
.course_cancle {display:inline-block;width:100px;height:40px;line-height:40px;border-radius:5px;background:var(--color-gray-a4);color:#fff;margin:0px auto;text-align:center;}
.course_next {display:inline-block;width:100px;height:40px;line-height:40px;border-radius:5px;background:var(--color-blue1);color:#fff;margin:0px auto;text-align:center;}



/* 개인정보&이용약관*/
.prov_warp {width:100%;clear:both;margin-top:30px;line-height:1.8;color:var(--color-gray-4);}

.prov_warp h1 {width:100%;display:inline-block;padding-left:15px;border-left:4px solid var(--color-main);font-size:16px;font-weight:700;line-height:1.0;margin-bottom:15px;color:#333;margin-top:30px;}
.prov_warp h2 {width:100%;clear:both;line-height:1.6;font-size:1.5rem;margin:25px 0px 10px;color:#333;}
.prov_warp h3 {width:100%;clear:both;line-height:1.6;font-size:14px;margin:25px 0px 10px;color:#333;}
.prov_warp h4 {clear:both;display:inline-block;background:var(--color-blue1);font-size:18px;color:#fff;font-weight:700;line-height:1.0;margin:30px 0px 0px;padding:10px 15px;border-radius:5px;overflow:hidden;}

.prov_warp p {width:100%;clear:both;margin:10px 0px;padding-left:15px;}
.prov_warp dl {width:100%;display:block;}
.prov_warp dt {clear:both;width:100%;display:block;padding:10px 10px 5px;box-sizing:border-box;font-weight:600;}
.prov_warp dd {clear:both;width:100%;display:block;padding:3px 10px;box-sizing:border-box;font-weight:400;}

.priv_tab {display:inline-block;margin:5px auto;background:#fff;border:1px solid var(--color-gray-d);width:100%;height:50px;line-height:50px;text-align:center;}


/* 회원가입 */
.join_wrap {width:100%;clear:both;border-top:2px solid var(--color-gray-7);}
.join_wrap li {width:100%;padding:15px 10px;border-bottom:1px solid var(--color-gray-d);}
.join_wrap .tit2 {display:block;margin:0px 0px 7px 0px;font-weight:600;}
.join_wrap .txt2 {clear:both;display:block;width:100%;}

.phone_txt {display:block;width:100%;margin:7px 0px 0px;}
.phone_txt li {float:left;display:inline-block;width:200px;text-align:left;padding:0px 0px 5px;}
.phone_txt li b {margin-right:10px;font-weight:600;}
.phone_txt2 {margin-top:10px;clear:both;width:100%;font-size:12px; color:#777;}


.prov_warp {width: 100%;clear: both;margin-top: 30px;font-size: 1.0rem;line-height: 1.8;color: #686868;}

.fa-chevron-down:before{content:"내용보기 ▼";}
.fa-times:before{content:"내용닫기 ▲";}
.faq {background-color: transparent;border: 1px solid #ddd;border-radius: 10px;margin: 10px 0;padding: 10px;position: relative;overflow: hidden;transition: 0.3s ease;}
.faq.active {background-color: #fff;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);}
.faq-title {margin: 0 70px 0 0;}
.faq-title span {color:#ff2929;}
.faq-text {display: none;margin: 30px 0 0;text-align:left;font-size:12px;padding:5px 0px;}
.faq-text h1 {width: 100%;display: inline-block;font-size:14px;font-weight: 700;line-height:1.2;margin-bottom: 15px;color: #333;margin-top:20px;}
.faq-text h2 { width: 100%;clear: both;line-height: 1.6;font-size: 14px;font-weight: 500;margin: 15px 0px 10px;color: #333;}
.faq-text h3 {width: 100%;clear: both;line-height: 1.6;font-size:14px;font-weight: 500;margin: 15px 0px 10px;color: #333;}
.faq-text p {width: 100%;clear: both;margin: 10px 0px;padding-left: 15px;}
.faq.active .faq-text {display: block;width:100%;max-height:300px;overflow-y:auto;line-height:1.5;}
.faq-toggle {cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 12px;padding: 0;position: absolute;top: 13px;right: 10px;color:#9fa4a8;}
.faq-toggle:focus {outline: 0;}
.faq-toggle .fa-times {display: none;}
.faq.active .faq-toggle .fa-times {color: #9fa4a8;display: block;}
.faq.active .faq-toggle .fa-chevron-down {display: none;}
.faq.active .faq-toggle {}


.join_ok_btn {display:block;width:50%;max-width:300px;height:36px;line-height:36px;border-radius:18px;font-size:16px;color:#fff;text-align:center;background:#f94949;margin:30px auto 0px;transition: background 0.5s ease-in-out;}



/* 수강신청 추가 23.04.11 */
.course_add {width:100%;padding:0px;box-sizing:border-box;margin:0px;overflow:hidden;font-size:1.2rem;}
.course_add h1 {display:block;width:100%;line-height:1.0;margin-bottom:15px;font-weight:600;font-size:1.2rem;color:#000;padding:0px;}
.course_add .course_add_btn {clear:both;display:block;width:120px;height:30px;line-height:30px;background:#f04e4e;color:#fff;text-align:center;font-weight:500;font-size:0.857rem;border-radius:5px;margin:0px auto 0px;}
.course_add div {display:inline-block;padding:3px 10px 3px 3px;background:#fff;border-radius:4px;margin:0px 5px 5px 0px;color:#333;}
.course_add div span {display:inline-block;width:16px;height:16px;line-height:15px;border-radius:50%;text-align:center;background:#aaa;color:#fff;font-weight:500;margin-right:10px;}
.course_add div span:active {cursor:pointer;background:#888;}



.deadline {display:inline-block;background:var(--color-red1);color:#fff;font-size:1.1rem;padding:5px 10px;margin-left:5px;line-height:1.0;text-align:center;
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;-moz-animation:blink 0.5s ease-in-out infinite alternate;animation:blink 0.5s ease-in-out infinite alternate;}
.deadline2 {clear:both;display:block;background:var(--color-red1);color:#fff;font-size:0.8rem;padding:3px 10px;line-height:1.0;margin:0px;text-align:center;margin-bottom:-14px;
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;-moz-animation:blink 0.5s ease-in-out infinite alternate;animation:blink 0.5s ease-in-out infinite alternate;}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.deadline3 {display:inline-block;background:var(--color-blue1);color:#fff;font-size:1.1rem;padding:5px 10px;margin-left:5px;line-height:1.0;text-align:center;border-radius:3px;}



.my_small {font-size: 1.2rem;clear: both;width: 100%;display: block;color: #808080;margin-top: 2px;font-weight: 500;}
.my_small span {margin-left: 4px;border-left: 1px solid #ddd;padding-left: 7px;line-height: 1;display: inline-block;}

.my_small span.deadline3 {animation:blink_apply_deadline 0.8s ease-in-out 0.8s infinite alternate;padding: 5px;position: relative;justify-content: space-around;}
.my_small span.deadline3::after {content: "";display: block;position: absolute;left: -6px;top: 8px;width: 0px;height: 0px;border-top: 3px solid transparent;border-right: 6px solid var(--color-blue1);border-bottom: 3px solid transparent;}

@keyframes blink_apply_deadline {
	0% {border:1px solid var(--color-blue1); background:#fff; color:var(--color-blue1);}
	50% {border:1px solid var(--color-blue1); background:#fff; color:var(--color-blue1);}
	51% {border:1px solid var(--color-blue1); background:var(--color-blue1); color:var(--color-yellow1);}
	100% {border:1px solid var(--color-blue1); background:var(--color-blue1); color:var(--color-yellow1);}
}

.my_small span > div:last-child {margin: 0 !important;}
.my_money {font-size: 1.3rem;clear: both;width: 100%;display: block;color: var(--color-red1);margin-top: 5px;font-weight: 600;}
.my_b {color: var(--color-blue5);font-weight: 700;}
.my_r {color: var(--color-red1);font-weight: 700;}



/* 프로모션 & 랜딩 하단 공동 css */

.warning {width:100%;padding:40px 20px;text-align:center;display:block;overflow:hidden;box-sizing:border-box;}
.warning img {width:70px;padding-bottom:15px;}
.warning ul {width:100%;margin:0px auto;background:#fff;border:1px solid var(--color-gray-d);border-radius:10px;padding:10px 20px}
.warning ul li {width:100%;text-align:left;padding:7px 0px;font-size:1.2rem;}
.warning ul li h1 {font-weight:700;font-size:1.8rem;;color:#000;display:block;width:100%;margin:0px;padding:0px;text-align:center;}

.tel_landing {width:100%;background:#bf375d;padding:20px 0px;text-align:center;display:block;}
.tel_landing img {width:100%;}

.consult_landing {width:100%;padding:30px 0px 30px;text-align:center;display:block;overflow:hidden;font-size:1.2rem;}
.consult_landing ul {width:90%;margin:20px auto 0px;display:flex;flex-wrap: wrap;border-top:1px solid var(--color-blue5);border-bottom:1px solid var(--color-gray-dc);padding:7px 0px;}
.consult_landing li {float:left;margin:7px 0px;box-sizing:border-box;text-align:left;display: flex;justify-content:center;align-items:center;}
.consult_landing li:nth-child(odd) {clear:both;width:80px;margin-right:15px;border-right:1px solid var(--color-gray-dc);font-weight:700;}
.consult_landing li:nth-child(even) {width:calc(100% - 100px)}
.consult_landing li h1 {width:100%;text-align:left;;font-weight:700;font-size:2rem;color:#000;line-height:1.0;display:block;padding:0px;margin:0px 0px 10px 0px;}
.consult_landing li h2 {width:100%;text-align:left;;font-weight:600;color:#000;line-height:1.0;display:block;padding:0px;margin:0px 0px 10px 0px;}
.consult_landing li table {width:100%;border-top:2px solid #3c3c3c;border-left:1px solid var(--color-gray-dc);}
.consult_landing li th {text-align:center;padding:10px 0px;border-right:1px solid var(--color-gray-dc);border-bottom:1px solid var(--color-gray-dc);font-weight:600;color:#1d1d1d;background-color:var(--color-gray-f4);font-size:1.2rem;}
.consult_landing li td {text-align:center;padding:10px 5px;border-right:1px solid var(--color-gray-dc);border-bottom:1px solid var(--color-gray-dc);color:var(--color-gray-4);background-color:#fff;font-size:1.2rem;;line-height:1.6;}

.consult_landing div {clear:both;width:90%;margin:10px auto;display:block;}

.consult_landing .form1 {width:100%;height:40px;border-radius:5px;border:1px solid var(--color-gray-d);text-align:center;font-family: 'Noto Sans KR';;background:#fff;}
.consult_landing .form2 {width:calc(30% - 10px);height:40px;border-radius:5px;border:1px solid var(--color-gray-d);text-align:center;font-family: 'Noto Sans KR';background:#fff;}
.consult_landing .form3 {width:15px;height:15px;border-radius:3px;border:1px solid var(--color-gray-d);text-align:center;margin:0px 10px 0px 0px;font-family: 'Noto Sans KR';position:relative;top:2px;background:#fff;}
.consult_landing .form4 {width:100%;border-radius:7px;padding:10px;border:0;text-align:center;background:var(--color-main);color:#fff;;font-weight:700;font-family: 'Noto Sans KR';}
.consult_landing .form5 {width:100%;height:150px;border-radius:5px;border:1px solid var(--color-gray-d);text-align:left;font-family: 'Noto Sans KR';padding:10px;}
.consult_landing .dash {width:4.0%;width:20px;height:40px;display:inline-block;text-align:center;margin:0px auto;padding:0px;box-sizing:border-box;}

.consult_landing p {display:block;clear:both;margin-top:10px;text-align:left;}

.pack_tap {width:100%;margin:20px auto;display:flex;flex-wrap: wrap;clear:both;overflow:hidden;}
.pack_tap li {padding:10px 10px;/*border:1px solid #dfdfdf;background-color:#fff;*/text-align:center;width:calc(33% - 10px);margin:0px 10px 10px 0px;font-size:13px;line-height:1.6;font-weight:normal;border-radius:3px;}
.pack_tap li:hover {cursor:pointer}
.pack_tap li p {text-align: center;position: relative;top: 50%;transform: translateY(-50%);width:100%;}
.pack_tap .on {background-color:var(--color-main);color:#fff;border:1px solid var(--color-main);}

.pack_tap .blue {background:#dfeffc;color:#333;}
.pack_tap .blue_on {background:#228be6;color:#fff;font-weight:500}
.pack_tap .red {background:#fee7e7;color:#333;}
.pack_tap .red_on {background:#fa5252;color:#fff;font-weight:500}
.pack_tap .green {background:#d7faef;color:#333;}
.pack_tap .green_on {background:#12b886;color:#fff;font-weight:500}
.pack_tap .yellow {background:#fff4dc;color:#333;}
.pack_tap .yellow_on {background:#fab005;color:#fff;font-weight:500}

.pack_tap2 {width:100%;display:flex;flex-wrap: wrap;margin-bottom:10px;overflow:hidden;}
.pack_tap2 li {float:left;width:calc(50% - 10px);border:1px solid var(--color-gray-d);text-align:center;padding:15px 0px 10px;border-radius:10px;margin:0px 10px 10px 0px;}
.pack_tap2 li:nth-child(3n) {margin-right:0px;}
.pack_tap2 li a {display:block;}
.pack_tap2 .pakc_tit {color:#000;font-size:18px;font-weight:600;}
.pack_tap2 dl {width:100%;text-align:center;color:var(--color-gray-7);font-size:12px;font-weight:normal;margin-top:15px;}
.pack_tap2 dt {width:100%;margin:5px 0px;}
.pack_tap2 dd {width:100%;margin:5px 0px;color:var(--color-orange1);}
.pack_tap2 li:hover {border:2px solid var(--color-main);cursor: pointer;}
.pack_tap2 .on {border:2px solid var(--color-main);}
.pack_tap2 .on .pakc_tit {color:var(--color-main);font-size:18px;font-weight:600;}


/*무료학습설계*/
.abil_form1 {width:15px;height:15px;margin-right:6px;position:relative;top:2px;}
.abil_form2 {width:15px;height:15px;margin-right:6px;position:relative;top:2px}
.abil_form3 {width:100%;height:150px;padding:5px;border:1px solid var(--color-gray-d);}
.abil_form4 {width:150px;height:30px;padding:5px;border:1px solid var(--color-gray-d);margin:0px 10px;background:#fff;}
.abil_txt1 {margin-right:15px;}
.abil_txt2 {width:100%;padding:30px 20px;text-align:center;border:2px solid var(--color-main);background:rgba(0,78,150,0.05);color:#333;margin-top:50px;}
.abil_txt3 {font-size:12px;color:var(--color-red1);margin-top:37px;font-weight:500;}
.abil_txt2 > h1 {display:block;width:100%;margin:0px 0px 20px;font-size:18px;font-weight:500;}
.abil_ok {display:inline-block;height:30px;line-height:30px;background:var(--color-blue1);color:#fff;padding:1px 20px;border-radius:3px;display:inline-block;font-size:14px;font-weight:500;cursor: pointer;}

.abil_go {width:50%;display:inline-block;margin:-30px auto 20px;background:var(--color-blue1);color:#fff !important;padding:7px 0px;border-radius:5px;text-align:center;font-size:14px;font-weight:500;float:right;}
.abil_go{
	-webkit-animation: blink_go 0.5s ease-in-out infinite alternate;
	-moz-animation: blink_go 0.5s ease-in-out infinite alternate;
	animation: blink_go 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink_go {
	0% {opacity: 0.5;}
	100% {opacity: 1;}
}
@-moz-keyframes blink_go{
	0% {opacity: 0.5;}
	100% {opacity: 1;}
}
@keyframes blink_go{
	0% {opacity: 0.5;}
	100% {opacity: 1;}
}

.abil_wrap {clear:both;width:100%;display:block;clear:both;border-top:2px solid #333;}
.abil_wrap li {width:100%;display:block;padding:10px 20px;text-align:left;border-bottom:1px solid var(--color-gray-d);}
.abil_wrap li:nth-child(odd) {background:#f4f4f4;font-weight:bold;}
.abil_wrap li:nth-child(even) {background:#fff;font-weight:normal;}

.course_btn_warp {width:100%;text-align:center;margin-top:40px;display:inline-block;}
.course_basket {display:inline-block;width:200px;height:40px;line-height:39px;background-color:var(--color-blue2);color:#fff;text-align:center;border-radius:7px;font-size:1.6rem;font-weight:400;}

.my_entry2 {clear:both;display:block;width:80%;max-width:400px;height:40px;line-height:40px;background-color:var(--color-red2);color:#fff;text-align:center;border-radius:7px;font-size:18px;margin:30px auto;}

.course_01_6_01 {width:100%;margin:10px 0px 0px;border:1px solid var(--color-gray-a4);}
.course_01_6_01 li {width:100%;display:block;padding:10px;box-sizing:border-box;line-height:1.8;}
.course_01_6_01 li:nth-child(2) {background:#f4f4f4;font-size:13px;}


/*강좌바구니*/
.year_new {width:100%;display:block;background:var(--color-gray-f4);padding:10px 0px;overflow:hidden;margin-top:10px;}
.year_new ul {clear:both;width:100%;overflow:hidden;padding-bottom:13px;margin-bottom:10px;border-bottom:1px solid var(--color-gray-d)}
.year_new li {float:left;padding:2px 15px;line-height:2.0;font-size:12px}
.year_new li:nth-child(1) {width:100%;font-weight:bold;}
.year_new li:nth-child(2){width:50%;padding:2px 0px 0px 15px;}
.year_new li:nth-child(3){width:50%;padding:2px 10px 0px 15px;}
.year_new .year_txtn1 {font-weight:bold;color:#fff;background:var(--color-blue1);border-radius:3px;display:inline-block;margin-right:10px;padding:3px 10px 5px;line-height:1.0;border:0px;}
.year_new .year_txtn2 {font-weight:normal;color:#fff;background:var(--color-gray-7);border-radius:3px;display:inline-block;margin:0px 10px 0px 0px;padding:3px 5px;line-height:1.0;border:0px;}


.mobile {clear:both;width:100%;clear:both;display:block;}
.mobile img {width:100%;}



/* new main 
.main_top_img {clear: both;width: 100%;position: relative;top:-30px;left: 0px;background:#fff;}

.main_top_img .swiper-container {width: 100%;}
.main_top_img .swiper-slide {width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.main_top_img .swiper-container {margin-left: auto;margin-right: auto;}
.main_top_img .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.main_top_img .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.main_top_img .swiper-slide {flex-shrink: 0;width: 100%;position: relative;transition-property: transform;}
.main_top_img .swiper-slide img {display: block;width: 100% !important;height:auto;}
.main_top_img .swiper-pagination {position: absolute;text-align: center;transition: 0.3s opacity;transform: translate3d(0, 0, 0);z-index: 10;}
.main_top_img .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;}
.main_top_img .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 50%;background: #000;opacity: 0.2;}
.main_top_img button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;appearance: none;}
.main_top_img .swiper-pagination-bullet-active {opacity: 1;}
.main_top_img .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.main_top_img .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;transform: translateX(-50%);white-space: nowrap;}
*/

.main_quick {clear:both;display:flex;flex-wrap: wrap;width:100%;background:#fff;}
.main_quick li {flex:1;flex-basis: auto;padding:20px 10px;text-align:center;border-width:0px 1px 1px 0px;border-style:solid;border-color:#f6f6f6;font-size: 1.25rem;width:25%;}
.main_quick li:nth-child(4) {border-right:0px;}
.main_quick li:nth-child(5),.main_quick li:nth-child(6) {flex:none;width:50%;font-weight:700;font-size:14px;line-height:1.0;padding:20px 10px 5px;}
.main_quick li img {display:block;margin:0px auto 10px;}
.main_quick li a {display:block;width:100%;height:100%;line-height: 1.3;}

.main_quick .redpoint {clear:both;display:inline-block;background:var(--color-red1);color:#fff;font-size:0.8rem;width:90px;padding:3px 0px;line-height:1.0;margin:0px;text-align:center;position:relative;top:-22px;z-index:2}
.main_quick .redpoint .triangle {clear:both;display:inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid var(--color-red1);position:absolute;bottom:-3px;left:calc(50% - 3px);z-index:1;margin:0px;}
.main_quick p {position:relative;top:-16px;display:block;text-align:center;margin:0px;}

.main_schedule_box {width:100%;padding:25px 0px;background:url('/mobile/common/img/main/main_schedule_bg1.png'),url('/mobile/common/img/main/main_schedule_bg2.png') #fff;background-position:left top, right bottom;background-repeat: no-repeat;background-size:35px, 60px;margin: 10px auto 0px;position: relative;}
.main_schedule_box h2 {font-weight:600;font-size: 1.2rem;color:#555555;padding:0px 30px;}
.main_schedule_box h2 > div {font-size: 3.5rem;color:#000;margin-top:7px;    font-weight: 400;}
.main_schedule_box .box1 {display:inline-block;padding:0px 10px;border-radius:11px;height:22px;line-height:22px;background:var(--color-gray-a4);color:#fff;font-size:1.2rem;font-weight:400;margin:0px 0px 0px 5px;vertical-align:middle;}
.main_schedule_box .box2 {display:inline-block;padding:0px 10px;border-radius:11px;height:22px;line-height:22px;background:var(--color-blue3);color:#fff;font-size:1.2rem;font-weight:400;margin:0px 0px 0px 5px;vertical-align:middle;}

.main_schedule_box .date_box {padding:0px 30px;margin:20px 0 0px;}
.main_schedule_box p {margin-top: 10px;color:#111;text-align:left;}
.main_schedule_box p:first-child {margin-top: 0;}
.main_schedule_box p > span {padding: 5px 0px;font-size: 1.2rem;font-weight: 500;color:var(--color-gray-4);margin-right: 17px;}
.main_schedule_box p > span > i {display:inline-block;width:5px;height:5px;margin-right:9px;background:var(--color-gray-4);position:relative;top:-2px;}
.fp_notice {margin: 0 !important;background-color: #f28787;border: 0 !important;color: #fff !important;font-size: 1.35rem !important;font-weight: 400 !important;padding: 2px 20px 2px 20px !important;}
.main_schedule_box > a {width: 100%;background-color: var(--color-main);border-radius: 6px;color: white;display: block;margin: 18px auto 0px auto;text-align: center;font-size: 1.4rem;padding: 12px;}
.main_schedule_box ul {clear:both;display:flex;flex-wrap: wrap;width:100%;margin:25px 0px 0px}
.main_schedule_box ul li {flex:1;display: flex;justify-content:center;align-items:center;padding:10px;text-align:center;color:#fff;}
.main_schedule_box ul li:nth-child(1) {background:var(--color-blue3)}
.main_schedule_box ul li:nth-child(2) {background:#111}
.main_schedule_box ul li img {display:inline-block;margin:0px 5px;width:14px;vertical-align:middle;}

.main_guide_wrap {width:95%;margin:20px auto 0px;display:flex;flex-wrap: wrap;}
.main_guide_wrap li {width:calc(50% - 10px);margin:5px 5px;background:#fff;border-radius:10px;padding:20px 10px;text-align:center;box-shadow:0px 0px 5px rgba(0,0,0,0.2)}
.main_guide_wrap li p {display:inline-block;padding:0px 10px;margin:0px auto;height:26px;line-height:26px;;border-radius:15px;text-align:center;background:var(--color-blue3);color:#fff;;}
.main_guide_wrap li h1 {width:100%;line-height:1.2;padding:0px 10px;text-align:center;color:#111;font-size:1.8rem;font-weight:700;margin:10px 0px;letter-spacing:-1px;word-break:keep-all}
.main_guide_wrap li h2 {display:block;clear:both;width:95%;color:var(--color-gray-4);line-height:1.4;font-size:1.2rem;margin:0px auto;word-break:keep-all;font-weight: 500;}
.main_guide_wrap li div {clear:both;margin:20px auto 0px;border-bottom:1px solid #464646;padding-bottom:5px;display:inline-block;color:#111;}
.main_guide_wrap li div img {width:12px;margin:0px 0px 0px 5px}

.main_bbs {width:100%;margin:15px auto 0px;clear: both;overflow: hidden;background:#fff;padding:20px;}
.main_bbs h1 {display: block;width: 100%;clear: both;font-size: 1.6rem;border-bottom: 2px solid var(--color-gray-a4);padding: 0px 0px 10px 10px;}
.main_bbs h1 span {float: right;}
.main_bbs h1 img {width:22px;}

.main_bbs ul {clear: both;width: 100%;padding: 0px 0px;font-size: 1.3rem;}
.main_bbs ul li {width: 100%;clear: both;padding: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;color: var(--color-gray-4);border-bottom:1px solid #f6f6f6;}
.main_bbs ul li:first-child {padding-top: 15px;}
.main_bbs ul li i {display:inline-block;width:5px;height:5px;background:var(--color-gray-4);margin:0px 12px 0px 0px;position:relative;top:-2px;}
.main_bbs .new {width: 15px;height: 15px;border-radius: 3px;background-color: var(--color-orange1);text-align: center;color: #fff;font-weight: 100;font-size: 0.8571.1rem;display: inline-block;overflow: hidden;margin-left: 7px;line-height: 1.2;position: relative;top: 2px;}
.main_bbs .more {float: right;width: 20px;height: 20px;text-align: center;color: #fff;line-height: 1;font-size: 3.5rem;font-weight: 400;position: relative;top: -8px;right: 20px;}


.main_min_ban {width:95%;margin:15px auto;display:block;padding:0px;}
.main_min_ban .swiper-container {width: 100%;}
.main_min_ban .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.main_min_ban .mySwiper4 {padding:0px;margin:0px;}
/*.main_min_ban .swiper-slide img {display: block;width: 100%;object-fit: cover;}*/
.main_min_ban .swiper-container {margin-left: auto;margin-right: auto;}
.main_min_ban .swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.main_min_ban .swiper-wrapper {position:relative;width:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.main_min_ban .swiper-slide {flex-shrink:0;width:100%;position:relative;transition-property:transform;}
.main_min_ban .swiper-pagination {position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.main_min_ban .swiper-container-horizontal > .swiper-pagination-bullets,
.main_min_ban .swiper-pagination-custom,
.main_min_ban .swiper-pagination-fraction{bottom:0px;left:0;width:100%}
.main_min_ban .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:50%;background:#fff;opacity:1;border:1px solid var(--color-main);}
.main_min_ban button.swiper-pagination-bullet {border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.main_min_ban .swiper-pagination-bullet-active {opacity:1;background:var(--color-main)}
.main_min_ban .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.main_min_ban .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}

.main_min_ban .swiper-slide img {display:inline-block;width:50px;margin-right:20px;}
.main_min_ban .swiper-slide {width:100%;height:110px;display:block;padding:20px 30px 0px 30px;background:#fff;border-radius:10px;border-left:15px solid var(--color-main);text-align:left;}
.main_min_ban .swiper-slide p {font-size:1.0rem;color:var(--color-gray-a4);display:inline-block;width:calc(100% - 70px);float:right;margin:0px;}
.main_min_ban .swiper-slide p.nth2 {color:var(--color-gray-4);margin-top:-10px;}
.main_min_ban .swiper-slide h1 {display:inline-block;width:calc(100% - 70px);float:right;line-height:1.0;font-size:2.0rem;color:#111;margin:-35px 0px 0px;word-break:keep-all}
.main_min_ban a {display:block;width:100%;}


.main_min_ban2 {clear:both;width:95%;display:block;margin:20px auto;}
.main_min_ban2 div {width:100%;margin:7px 0px;border-radius:10px;text-align:center;padding:10px;color:#fff;font-size:1.6rem;}
.main_min_ban2 div .link {display:inline-block;width:13px;margin:0px 5px;}
.main_min_ban2 div .icon {display:inline-block;width:24px;margin:0px 8px;vertical-align:middle;}
.main_min_ban2 div:nth-child(1) {background:var(--color-main);}
.main_min_ban2 div:nth-child(2) {background:var(--color-main);}
.main_min_ban2 div:nth-child(3) {background:#111;}





.footer_go_wrap {width:100%;background:#fff;padding:4px 0px;display:flex;border-width:1px 0px;border-style:solid;border-color:var(--color-gray-f4);}
.footer_go_wrap li {flex:1;flex-basis: auto;text-align:center;padding:3px;border-right:var(--color-gray-f4) 1px solid;font-size: 1.3rem;}
.footer_go_wrap li:last-child {border-right:0px;}
.go_pc {clear:both;display:block;width:100%;border:1px solid #fff;text-align:center;padding:5px 10px;color:#fff;font-size:1.2rem;margin-top:20px;}


.course_year {font-size:1.2rem;color:var(--color-gray-7);}

/* 수강신청 장바구니 */
.basket_ft {width:100%;margin:0px auto;clear:both;display:block;position:fixed;left:0px;bottom:60px;background:#fff;border-radius:5px 5px 0px 0px;box-sizing:border-box;z-index:101;}
.basket_ft > .modal_btn {margin: 60px;padding: 20px 40px;font-size: 30px;border-radius: 40px;}
.basket_ft.basket_ft_open .modal_ft2 {bottom:35px;}

.modal_ft2 {background: #fff;width: 100%;margin: 0px auto;padding: 0;transition: bottom 5s cubic-bezier(0.86, 0, 0.07, 1);position: fixed;left: 0;overflow:hidden;box-sizing:border-box;z-index:100;;padding:5px 5px 20px 5px;border-top:3px solid var(--color-blue3);}
.modal_ft2 span {display:inline-block;margin:5px 10px 5px 0px;}
.modal_ft2 span img {margin-left:5px;vertical-align:middle;}
.modal_ft2 ul {width:100%;clear:both;display:block;background:#fff;overflow:hidden;margin:10px 0px;border:1px solid var(--color-gray-dc);padding:5px 10px;}
.modal_ft2 ul li {float:left;padding:5px 10px;font-size:1.2rem;}
.modal_ft2 ul li:nth-child(odd) {clear:both;width:100px;}
.modal_ft2 ul li:nth-child(even) {width:calc(100% - 100px);text-align:right;}
.modal_ft2 ul li.pay {color:var(--color-red1);font-size:1.2rem;font-weight:700;}
.modal_ft2 ul li i {display:inline-block;width:3px;height:3px;background:#7d7d7d;position:relative;top:-2px;margin-right:5px;}
.modal_ft2 .btn_course {background:var(--color-blue3);color:#fff;font-size:1.2rem;display:block;width:80%;text-align:center;padding:10px;border-radius:5px;margin:10px auto;}

.basket_click_modal {display:block;width:100%;text-align:center;font-size:14px;padding:7px 30px;background:var(--color-gray-f4);border:1px solid var(--color-gray-d);margin:0px auto;position:relative;left:0px;}
.basket_close_modal {display:block;width:100%;text-align:center;font-size:14px;padding:7px 30px;margin:0px 0px 10px;background:var(--color-gray-f4);border:1px solid var(--color-gray-d);}
.course_add {width:100%;padding:0px;box-sizing:border-box;margin:0px;overflow:hidden;font-size:1.2rem;}


.course_add h1 {display:block;width:100%;line-height:1.0;margin-bottom:15px;font-weight:600;font-size:1.2rem;color:#000;padding:0px;}

.course_add .course_add_btn {clear:both;display:block;width:120px;height:30px;line-height:30px;background:var(--color-red2);color:#fff;text-align:center;font-weight:500;font-size:1.2rem;border-radius:5px;margin:0px auto 0px;}

.course_add div {display:inline-block;padding:3px 10px 3px 3px;background:#fff;border-radius:4px;margin:0px 5px 5px 0px;color:#333;}
.course_add div span {display:inline-block;width:16px;height:16px;line-height:15px;border-radius:50%;text-align:center;background:var(--color-gray-a4);color:#fff;font-weight:500;margin-right:10px;}
.course_add div span:active {cursor:pointer;background:var(--color-gray-a4);}

/*청소년지도사*/
.teenager_wrap {clear:both;display:flex;flex-wrap: wrap;width:100%;margin:0px 0px 30px;}
.teenager_wrap li {flex:1;margin-right:10px;border:1px solid var(--color-gray-dc);text-align:center;padding:20px 10px;}
.teenager_wrap li:nth-child(2) {margin-right:0px;}
.teenager_wrap span {display:inline-block;background:var(--color-blue3);color:#fff;padding:0px 14px;border-radius:10px;height:20px;line-height:19px;}
.teenager_wrap h1 {display:block;width:100%;text-align:center;line-height:1.2;font-size:2.4rem;font-weight:700;color:#000;padding:0px;}
.teenager_wrap h2 {display:block;width:100%;text-align:center;line-height:1.2;font-size:1.4rem;color:var(--color-gray-4);font-weight:500;padding:0px;margin:7px 0px 3px}
.teenager_wrap div {clear:both;padding:10px;background:var(--color-gray-f4);line-height:1.6;text-align:center;font-size:1.2rem;letter-spacing:-1px;margin:10px 0px 0px;border-radius:3px;}

.teenager_wrap2 {clear:both;display:flex;flex-wrap: wrap;width:100%;margin:0px 0px 30px;}
.teenager_wrap2 li {flex:1;padding:10px 10px 5px 10px;text-align:center;font-size:1.2rem;}
.teenager_wrap2 li:nth-child(1) {width:calc(45% - 10px);margin-right:10px;border:1px solid var(--color-gray-dc);}
.teenager_wrap2 li:nth-child(1) p {width:100%;padding:8px;text-align:center;background:var(--color-main);color:#fff;font-size:1.2rem;font-weight:700;}
.teenager_wrap2 li:nth-child(1) div {clear:both;display:block;width:100%;margin:10px 0px;text-align:center;background:var(--color-gray-f4);padding:5px 5px 7px;border-radius:3px;}
.teenager_wrap2 li:nth-child(2) {width:55%;border:1px solid var(--color-main);background:var(--color-main);color:#fff;}
.teenager_wrap2 li:nth-child(2) p {width:100%;padding:8px;text-align:center;background:#fff;color:var(--color-main);font-size:1.2rem;font-weight:700;}
.teenager_wrap2 li:nth-child(2) div {clear:both;display:block;width:100%;margin:10px 0px;text-align:center;background:#fff;padding:5px 5px 7px;color:#000;border-radius:3px;}
.teenager_wrap2 li:nth-child(2) div span {clear:both;display:block;width:100%;font-size:1.4rem;font-weight:700;color:var(--color-red1);}

.teenager_wrap3 {clear:both;display:block;width:100%;margin:0px 0px 30px;}
.teenager_wrap3 li {clear:both;width:100%;border:1px solid var(--color-gray-dc);padding:2px;margin:7px 0px;overflow:hidden;}
.teenager_wrap3 div {display:block;width:100%;background:var(--color-gray-dc);margin-bottom:10px;text-align:center;color:#000;font-size:1.6rem;font-weight:600;padding:10px;}
.teenager_wrap3 p {float:left;display:inline-block;width:50%;text-align:left;padding:4px 5px;}
.teenager_wrap3 p i {display:inline-block;width:4px;height:4px;background:var(--color-blue3);margin-right:7px;border-radius:50%;position:relative;top:-2px;}


.trophy_wrap {width:100%;clear:both;display:block;box-sizing:border-box;margin:0px;background:linear-gradient(360deg, rgba(240,240,240,1) 30%, rgba(12,40,113,1) 30.01%);}
.trophy_wrap .tit_img {width:100%;vertical-align:top;}
.trophy_wrap .swiper {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block;padding:0px;}
.trophy_wrap .mySwiper3 .swiper-wrapper {margin-top:0px;}

.trophy_wrap .mySwiper3 .swiper-slide {display:inline-block;opacity:0.2;padding:0px 0px 0px;box-sizing:border-box;text-align:center;overflow:visible;position:relative;right:60%;box-shadow:none;background:none;}
.trophy_wrap .mySwiper3 .swiper-slide img {width:150%;max-width:250px;}

.trophy_wrap .mySwiper3 .swiper-slide-active {/*slide1*/opacity: 0.2;position:relative;left:-20%;overflow:visible;}

.trophy_wrap .mySwiper3 .swiper-slide-next {/*silde2*/opacity:1;position:relative;left:-33%;width:100% !important;overflow:visible;}
.trophy_wrap .mySwiper3 .swiper-slide-next img {margin:-30px auto 0px;}


.main_7title {width:100%;clear:both;display:block;}
.main_7title img {width:100%;}
.main_7title .view_more {display:block;width:150px;height:30px;line-height:30px;font-size:1.3rem;color:#111;text-align:center;background:#fff url('/mobile/common/img/main/arrow_down.png') 120px 12px no-repeat;background-size:15px;margin:0px auto 0px;}
.main_7title ul {width:80%;display:block;margin:-10px auto 30px;}
.main_7title ul li {width:100%;padding:10px;font-size:1.2rem;}



/*인플루언서*/
/* main 인플루언서 */
.swiper_wrap {width:100%;clear:both;display:block;background:#0c2871;padding:30px 0px;box-sizing:border-box;margin:0px;}
.swiper {width:100% !important;margin:0px auto;padding:30px 0px !important;}
.swiper {margin-left: auto;margin-right: auto;}
.mySwiper2 .swiper-wrapper {min-height:200px;margin-top:0px;}

.mySwiper2 .swiper-slide {background: #fff;display:inline-block;min-height:200px;border-radius:20px;opacity: 0.2;padding:20px 25px 0px;box-sizing:border-box;text-align:left;overflow:hidden;position:relative;right:24.5%;position:relative;}
.mySwiper2 .swiper-slide a {display:none;}
.mySwiper2 .swiper-slide .inf_tit {display:none;opacity: 0;}
.mySwiper2 .swiper-slide .profile {display:none;opacity: 0.0;}

.mySwiper2 .swiper-slide-active {/*slide1*/opacity: 0.2;position:relative;left:-32%;min-height:200px;overflow:hidden;}
.mySwiper2 .swiper-slide-active .inf_tit {display:none;opacity: 0;}

.mySwiper2 .swiper-slide-next {/*silde2*/opacity:1;position:relative;left:-28%;width:90% !important;overflow:visible;}
.mySwiper2 .swiper-slide-next a,.profile {display:block;}
.mySwiper2 .swiper-slide-next .profile {opacity: 1.0;}
.mySwiper2 .swiper-slide-next .inf_tit {display:none/*block*/;opacity: 1.0;}

.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block;padding:30px 0px;}
.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:100%}
.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-3d{perspective:100%}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
/*.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}*/
.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);
:root{--swiper-navigation-size:44px}width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next {left:870px !important;}
/*.swiper-rtl {left:0px}*/
.swiper-button-prev{left:930px !important;}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}


.swiper_wrap h1 {text-align:left;color:#fff;font-size:2.0rem;margin:0px;line-height:1.2;padding:0px 20px;}
.swiper_wrap h1 img {height:30px;border-radius:30px;border:1px solid #fff;margin:-5px 0px 0px 10px;vertical-align:middle;}
.mySwiper2 .swiper-slide .profile {width:80px;height:80px;position:absolute;top:-30px;right:20px;background:#fff;border-radius:50%;display:block;}
.mySwiper2 .swiper-slide .profile img {display:block;width:100%;}
.mySwiper2 .swiper-slide .blue {color:var(--color-blue3);background:none;}
.mySwiper2 .swiper-slide p {color:var(--color-gray-7);clear:both;display:block;font-size:1.5rem;font-weight:500;}
.mySwiper2 .swiper-slide .txt1 {font-size:14px;clear:both;width:100%;display:block;MARGIN-TOP:30PX;line-height:1.4;}
.mySwiper2 .swiper-slide .inf_tit {width:auto;height:22px !important;margin-top:10px;}


.mySwiper2 .swiper-pagination {position: absolute;text-align: center;transition: 0.3s opacity;transform: translate3d(0, 0, 0);z-index: 10;bottom: 0px;width:100%;text-align:center;left:0;}
.mySwiper2 .swiper-pagination:hover {cursor: pointer;}
.mySwiper2 .swiper-container-horizontal > .swiper-pagination-bullets,
.mySwiper2 .swiper-pagination-custom,
.mySwiper2 .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;}
.mySwiper2 .swiper-pagination-bullet {width: 6px;height: 6px;border-radius: 3px;display: inline-block;opacity: 0.5;border: 1px solid #fff;margin-right: 10px;}
.mySwiper2 button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;appearance: none;}
.mySwiper2 .swiper-pagination-bullet-active {opacity: 1;background: var(--color-blue3);}
.mySwiper2 .swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {margin: 0 4px;}
.mySwiper2 .swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;transform: translateX(-50%);white-space: nowrap;}

.end_warp {width:90%;display:block;margin:30px auto;background:#f6f6f6;border-radius:7px;padding:20px;text-align:center;}
.end_warp img {width:100px;margin:0px auto 20px;display:block;}
.end_warp h1 {width:100%;font-size:18px;font-weight:600;margin-bottom:20px;}
.end_warp h2 {width:100%;font-size:14px;font-weight:500;}
.end_warp h3 {width:100%;font-size:12px;font-weight:500;color:#555;margin:20px auto 0px;}
.end_warp .go_main2 {background:#000;width:100%;max-width:200px;display:block;margin:20px auto 0;font-size:14px;color:#ffff66;padding:10px;border-radius:5px;}

/*하단 간편무료상담 모달 팝업 */
.pop_wrap_fp{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.8); font-size:0; text-align:center;z-index:101;}
.pop_wrap_fp:after{display:inline-block; height:100%; vertical-align:middle; content:'';}
.btn_close_ft {padding:3px 15px;border-radius:5px;background:#777;color:#fff;border:0px;margin:20px auto 0px;display:block;}

.pop_ft_modal_privacy {width:100%;height:100%;display:block;background:#fff;padding:20px;overflow-y:auto;font-size:13px;color:#555;font-weight:normal;text-align:left;line-height:1.6;padding-bottom:60px;}
.pop_ft_modal_privacy > h1 {text-align:center;font-size:16px;font-weight:bold;color:#000;margin:0px auto 15px;width:100%;display:block;}
.pop_ft_modal_privacy > h2 {text-align:left;font-size:14px;font-weight:bold;color:#000;margin:20px auto 10px;width:100%;display:block;}

.modal {
	display: none;
	position: fixed;
	z-index: 6;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.6);
}

.modal-content {
	background-color: #f0f0f0;
	margin: 30% auto 0px;
	padding:30px 20px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	width: 80%;
	max-width:600px;
	text-align: center;
	border-radius:10px;
}
.modal_cancle {padding:3px 15px;border-radius:5px;background:#777;color:#fff;border:0px;}
.modal-buttons {clear:both;display:block;margin:30px auto 0px;text-align:center;}

.modal-content ul {width:100%;overflow:hidden;}
.modal-content ul li {float:left;width:45%;padding:20px 0px;margin:0px 2.5%;background:#fff;border-radius:10px;font-size:14px;}
.modal-content ul li img {width:40px;margin:0px auto 15px;display:block;}
.modal-content ul li span {font-weight:700;color:#0c2871;margin-top:5px;display:inline-block;}
.modal-content a {display:block;}


/* 하단 간편무료상담신청 */
.ft_go_wrap {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  z-index: 102;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ft_go_wrap li {
  flex: 1;
  background: #fffbdd;
  position: relative;
}

.ft_go_wrap li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 23px;
  background: #c2c2c2;
}

.ft_go_wrap li a {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: column;   /* 아이콘 위, 텍스트 아래 */
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #000;
  text-decoration: none;
}

.ft_go_wrap li img {
  width: 22px;
  margin-bottom: 4px;
}

.consult_ft {width:100%;margin:0px auto;clear:both;display:block;position:fixed;bottom:50px;background:#fff;border-radius:15px 15px 0px 0px;overflow:hidden;box-sizing:border-box;z-index:101;border:1px solid #ddd;}
.consult_ft > .modal_btn {margin: 60px;padding: 20px 40px;font-size: 30px;border-radius: 40px;}

.modal_ft {background: #fff;width: 100%;margin: 0px auto;padding: 0;transition: bottom 5s cubic-bezier(0.86, 0, 0.07, 1);position: fixed;left: 0;border-radius:15px 15px 0px 0px;overflow:hidden;box-sizing:border-box;z-index:100;border:1px solid #ddd;}

.js-click-modal_ft {width:100%;display:block;text-align:center;font-size:14px;padding:10px 0px;}
.js-close-modal_ft {width:100%;display:block;text-align:center;font-size:14px;padding:10px 0px;}


@keyframes blink_ft {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

.blinking-text_ft {animation: blink_ft 1s infinite;}
.consult_ft.modal_ft-open .modal_ft {bottom:35px;}

/* tab 팝업 241202 추가 */
.popup_wrap2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999999;
}
.popup_wrap2 .popup_box2 {
    width: 300px;
    height: 340px;
    position: absolute;
    left: 45%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.popup_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.popup_inner .img_box {
    display: none;
}

.popup_inner .img_box.on {
    display: block;
    margin: 0;
}
.pop_btn {
    position: absolute;
    left: 20px;
    top: 260px;
}

.pop_btn2 {
    position: absolute;
    right: 20px;
    top: 260px;
}

.popup_wrap2 .tab_box {
    position: absolute;
    left: 305px;
    top: -8px;
    cursor: pointer;
}

.popup_wrap2 .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 75px;
    text-align: center;
    line-height: 1.5;
    background-color: #555;
    color: white;
    border-radius: 0 10px 10px 0;
    font-size: 10px;
}

.popup_wrap2 .tab.on {
    background-color: #111;
    color: #fdff4e;
    margin: 0;
}

.popup_wrap2 .popup_bt{
    position: absolute;
    right: 0;
    bottom: -25px;
} 
.popup_box2 .popup_bt button {
    position: relative;
    color: #fff;
    font-family: "SUIT";
    font-weight: 100;
    font-size: 11px;
    border: 0;
    background-color: transparent;
}
.popup_wrap2 .popup_bt button.hide-today::before{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    content: "";
    display: block;
    width: 15px;
    height: 14px;
    background: url(../img/pop_check.png)no-repeat center/cover;
}
.popup_wrap2 .popup_bt button.close-popup{
    margin-left: 30px;
}
.popup_wrap2 .popup_bt button.close-popup::before{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    content: "";
    display: block;
    width: 15px;
    height: 14px;
    background: url(../img/pop_x.png)no-repeat center/cover;
}
/* tab 팝업 241202 추가 */