@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype'); }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype') }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype'); }
.nanumbarungothic * { font-family: 'NanumBarunGothic', sans-serif; }
 @import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
 @import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: bold; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }

/* °øÅë */
.font13 { font-size: 0.65rem }
.font16 { font-size: 0.8rem }
.font20 { font-size: 1rem; letter-spacing:normal }
.font30 { font-size: 30px; }
.font40 { font-size: 2rem; line-height: 1.5; letter-spacing: -3px; }
.font60 { font-size: 3rem; letter-spacing: -3px; }
.font72 { font-size: 3.6rem }
.font95 { font-size: 4.75rem; line-height: 1.2 }
.font115 { font-size: 5.75rem; line-height: 1.1; letter-spacing: -3px; }
.font180 { font-size: 9rem; line-height: 1; letter-spacing: -3px; }
.font300 { font-size: 15rem; line-height: 1; letter-spacing: -3px; }
.font400 { font-size: 20rem; line-height: 1; letter-spacing: -3px; }
.block { display: block }
.gray { color: #767171 }
.pd5 { padding: 5rem 0 }
.mr60 { margin: 0 3rem 0 0 }
.mt300 { margin: 15rem 0 0 0 }
.bg_dark { background: #272727 }
.inline-block { display: inline-block }
.tmoney { font-family: 'TmoneyRoundWindExtraBold'; font-weight: bold; line-height: 1.5; letter-spacing: -2.5px }
.sub_full { width: 100%; overflow: hidden; background: #f2f2f2; padding: 2rem 0; margin: 0 0 1.5rem 0; border-top: 4px solid #75b0ce }
.inner { max-width: 1400px; margin: 0 auto; position: relative; text-align: center }
.inner2 { max-width: 1617px; margin: 0 auto; }

.s_inner { max-width: 1400px; margin: 0 auto; position: relative; text-align: center }
.ovh { overflow: hidden; }

.clear { clear: both }
.montserrat { font-family: 'Montserrat', sans-serif; font-weight: bold; }
.center { text-align: center !important; }
.left { text-align: left !important; }
.comm_box { padding: 3rem; overflow: hidden; margin: 0 0 1.5rem 0; border-radius: 1.5rem; border: 1rem solid #3092ec; display: inline-block }
.comm_box p { font-size: 2rem; font-weight: bold }
section { text-align: center; }
.half { width: 48%; margin: 1%; float: left }
.left { text-align: left }
.normal { font-weight: normal !important }
.comm_table { width: 100%; margin: 1.5rem 0; border-top: 5px solid #3a4395; border-left: 1px solid #ccc; }
.comm_table th { padding: .75rem 1rem; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; font-weight: bold; background: #F6F6F6; position: relative; text-transform: uppercase }
.comm_table td { padding:  .75rem 1rem; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; text-transform: uppercase }
.comm_table tr:hover { background: #fafafa }
.center_table td { text-align: center !important }
.table_dot th::after { display: none }
.t_blue { color: #3092ec !important }
.t_pur { color: #782099 !important }
.t_left { text-align: left; }
.s_tit { text-align: center; margin: 0 auto; padding: 0 0 30px 0; font-weight: bold; font-size: 1.8em }
.s_tit span { font-weight: bold; color: #da2128 }
.s_tit_pbox { display: inline-block; font-size: 0.75rem; line-height: 30px; text-align: center; padding: 13px 40px; color: #fff; background-color: #1b1e6e; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; margin: 40px 0 20px 0; }
h4 { color: #666; font-size: 2rem; font-weight: normal }
h4 span { color: #3092ec; display: block; font-family: 'TmoneyRoundWindExtraBold'; font-weight: bold; font-size: 3rem; padding: 0 0 2rem 0; letter-spacing: -1px }
h5 { font-weight: bold; font-size: 2.8rem; margin: 0 0 1.5rem 0; position: relative; z-index: 1; display: inline-block; margin: 0 0 100px 0 }
h5 em { position: absolute; bottom: 0px; left: 0; width: 350px; height: 32px; background: url(../images/common/underline.png) no-repeat; z-index: -1 }
h5 span { color: #3092ec }
h6 { font-size: 3rem; font-weight: bold; margin: 0 0 5rem 0 }
h6 span { color: #3092ec }
.mt30 { margin: 1.5rem 0 0 0; }
.mb30 { margin: 0 0 1.5rem 0; }
.mb50 { margin: 0 0 2.5rem 0; }
.mb70 { margin: 0 0 3.5rem  0; }
.mb90 { margin: 0 0 4.5rem 0; }
.mt200 { margin: 10rem 0 0 0 }
.pd30 { padding: 1.5rem; }
.pd50 { padding: 2.5rem 0 0 0; }
.right { text-align: right !important }
.comm_list { overflow: hidden }
.comm_list li { padding: 3px 0 7px 10px; background: url(../images/common/li_bg.png) no-repeat 0 10px; }
.comm_list li span { display: inline-block; width: 10%; font-weight: bold; color: #1b8d27; }
.comm_list2 { overflow: hidden }
.comm_list2 li { padding: 3px 0 3px 10px; }
.column3 { width: 33%; }
.column4 { width: 25%; }
.column5 { width: 20%; }
.column3 dl dd { text-align: left; }
.box { border: 3px dotted #1b8d27; padding: 20px; }
.box p { font-size: 1.2em; font-weight: bold }
.strong { color: #1b8d27; }
.bold { font-weight: 900; }
.red { color: #ff3b3b !important }
.s_btn { display: inline-block; }
.s_btn a { display: block; padding: 10px 20px; background: #1b8d27; color: #fff; font-weight: bold; text-align: center }
.s_btn a:hover { background: #333; }
.b_txt { font-size: 1.4em; font-family: 'WONBatang'; }
hr { border: 1px solid #CCC }
/* ÅÇ */
.tabmenu { text-align: center; }
.tabmenu ul { margin: 0 0 4rem 0 }
.tabmenu li { display: inline-block; margin: 0 1rem; width: 11.8rem }
.tabmenu li a { display: block; background: #f3f3f3; height: 3rem; line-height: 3rem; font-size: 1.2rem; transition: all 0.5s }
.tabmenu li a:hover { background: #19315b; color: #fff }
/*.tab li a:hover { background: #333 !important; color: #fff; }*/
.tab_select a { font-weight: bold; }
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #333; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #132750; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
/*effect-underline*/
a.effect-underline:after { content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; border-bottom: 1px solid; margin-top: .5rem; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
a.effect-underline:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*effect-box*/
a.effect-box:after, a.effect-box:before { content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; margin-top:  .5rem; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
a.effect-box:before { border-left: 1px solid; border-right: 1px solid; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
a.effect-box:after { border-bottom: 1px solid; border-top: 1px solid; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
a.effect-box:hover:after, a.effect-box:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/* effect-shine */
a.effect-shine:hover { -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%); -webkit-mask-size: 200%; animation: shine 2s infinite; }
 @-webkit-keyframes shine { from {
 -webkit-mask-position: 150%;
}
to { -webkit-mask-position: -50%; }
}


/* ¸ÞÀÎ ±³Àç */
#ptsection-two { overflow: hidden; padding: 5rem 0 }
#ptsection-two .inner { padding: 0 50px }
.flex_banner { display: flex; justify-content: space-between }
.flex_banner li { background: #f9f9f9; border-radius: 20px; width: 30% }
.flex_banner li p { font-weight: bold; font-size: 22px; padding: 0 0 2rem 0 }
.flex_banner li p span { display: block; font-weight: normal; font-size: 1rem }
.flex_full { margin: 2rem 0 }
/* ¸ÞÀÎ ¾ÆÀ̸ð½ºÆ® */
#ptsection-three { overflow: hidden; background: url(../images/main/imost_bg.jpg) no-repeat top center; position: relative }
#ptsection-three::before { content: ''; position: absolute; top: 25%; left: 20%; background: url(../images/main/bee.png) no-repeat; width: 273px; height: 156px; animation: bounce 2s infinite; }
#ptsection-three::after { content: ''; position: absolute; top: 20%; right: 10%; background: url(../images/main/bee.png) no-repeat; width: 273px; height: 156px; animation: bounce 2s infinite; }
#ptsection-three .inner { display: flex; align-items: center; justify-content: center; height: 1020px; }
#ptsection-three dl dd { font-weight: bold; font-size: 36px; padding: 2rem 0 0 0; line-height: 1.6 }
#ptsection-three dl dd span { color: #f56117; display: block }
/* üũ¹Ú½º */
.online_check { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.online_check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee; }
.online_check:hover input ~ .checkmark { background-color: #ccc; }
.online_check input:checked ~ .checkmark { background-color: #2196F3; }
.checkmark:after { content: ""; position: absolute; display: none; }
.online_check input:checked ~ .checkmark:after { display: block; }
.online_check .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* ¸ÞÀÎ Àü¹®°¡ */
#ptsection-four { overflow: hidden; padding: 10rem 0; }
#ptsection-four h2 { color: #f56117; font-weight: bold; font-size: 2rem; margin: 0 0 3rem 0 }
#ptsection-four h2 span { display: inline-block; font-size: 2.5rem; color: #000; position: relative }
#ptsection-four h2 span em { position: absolute; bottom: 5px; left: 0; width: 85%; height: 20px; background: #fdde00; z-index: -1 }
.flex_circle { display: flex; }
.flex_circle li { flex: 1 }
.flex_circle li p { font-weight: bold; font-size: 1.2rem; display: block; padding: 2rem 0 }
.flex_circle li p span { color: #f56117 }
.expert_cer { overflow: hidden; position: relative; padding: 5rem 0 }
.expert_cer p { font-weight: bold }
.expert_cer span { display: block }
/* ¸ÞÀÎ °ÆÁ¤ */
.main_worry { overflow: hidden; min-height: 1108px; background: #fffaea url(../images/main/worry_bg.jpg) no-repeat top center; padding: 10rem 0 }
.main_worry ul { }
.main_worry ul li { width: 48%; display: inline-block }
.main_worry dl { font-weight: bold; margin: -5rem auto 0 auto }
.main_worry dl dt { font-size: 3rem; position: relative; display: inline-block; z-index: 1 }
.main_worry dl dt em { position: absolute; bottom: 5px; left: 0; width: 100%; height: 20px; background: #fdde00; z-index: -1 }
.main_worry dl dd { font-size: 1.8rem; font-weight: bold }
.main_worry dl dd span { font-size: 2.3rem; display: block; color: #F60 }
.main_worry dl dd em { color: #F60 }
/* ¸ÞÀÎ ÇÁ·Î±×·¥ */
.main_program { overflow: hidden; padding: 10rem 0 }
.main_program h2 { font-weight: bold; font-size: 2rem; margin: 0 0 5rem 0 }
.main_program h2 span { display: inline-block; font-size: 2.5rem; position: relative }
.main_program h2 span em { position: absolute; bottom: 5px; left: 0; width: 100%; height: 20px; background: #fdde00; z-index: -1 }
.main_program dl { overflow: hidden; padding: 1.5rem 2rem; border-radius: 20px; background: #09F; color: #fff; margin: 0 0 5rem 0 }
.main_program dl dt { float: left; witdh: 106px; margin: 0 40px 0 0 }
.main_program dl dt p { width: 106px; height: 106px; border-radius: 100px; background: #fdde00; font-weight: bold; color: #fff; line-height: 1; display: flex; flex-direction: column; justify-content: center; }
.main_program dl dt p span { display: block; font-size: 2rem }
.main_program dl dd { float: left; width: calc(100% - 146px); text-align: left; padding: 1rem 0 0 0 }
.main_program dl dd p { float: left; width: 20%; text-align: center }
.main_program dl dd p img { margin: 0 auto 1rem auto; display: block }
.main_program dl dd p span { color: #fff; font-weight: bold; font-size: 1.5rem }
.main_program dl dd em { float: left; width: 80%; font-size: 1.2rem }
.btn_go_list .btn_go_list li { display: inline-block; margin: 0 2rem }
.btn_go { display: inline-block }
.btn_go a { display: block; padding: 1rem 2rem; text-align: center; color: #fff; background: #3092ec; }
.btn_go input { display: block; background: #3092ec; color: #fff; font-size: 40px; border-radius: 100px; padding: 1rem 2rem; text-align: center; font-weight: bold; transition: all 0.5s; border: 0; }
.btn_go input:hover { background: #F90; }
/* ¸ÞÀÎ ¶óÀ̼¾½º */
.main_license { overflow: hidden; background: #f8eaec; padding: 10rem 0 0 0 }
.main_license .inner { /*display: flex; align-items: center*/ }
.main_license p { float: left; width: 50% }
.main_license dl { float: left; width: 50%; text-align: left; }
.main_license dl dt { font-size: 2.5rem; font-weight: bold; line-height: 1; margin: 0 0 2rem 0 }
.main_license dl dt span { color: #f66323 }
.main_license dl dd { font-size: 1.2rem }
.main_license dl dd span { font-size: 1.5rem; display: block; font-weight: bold; margin: 0 0 2rem 0 }
.main_license dl dd span em { color: #F60 }
.main_license dl dd i { display: inline-block; position: relative }
.main_license dl dd i::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #FFFF00 }
/* ¸ÞÀÎ 15ºÐ ³îÀÌ */
.main_play { overflow: hidden; }
.main_play h2 { font-size: 1.8rem; margin: 0 0 2rem 0 }
.main_play h2 i { font-size: 1.5rem; display: block }
.main_play h2 span { display: inline-block; font-weight: bold; font-size: 3rem; color: #f56117; position: relative; z-index: 1 }
.main_play h2 span em { position: absolute; bottom: 5px; left: 0; width: 100%; height: 20px; background: #fdde00; z-index: -1 }
.play_con { width: 80%; margin: 0 auto }
.main_play ul { float: left; width: 30% }
.main_play ul li { display: inline-block; margin: 5px; overflow: hidden }
.main_play ul li img { transition: all 0.5s }
.main_play ul li img:hover { transform: scale(1.2) }
/* ¸ÞÀÎ ÇнÀ´Ü°è */
.main_course { background: #fffeef url(../images/main/course_bg.png) no-repeat top center; padding: 10rem 0; position: relative }
.main_course::before { content: ''; position: absolute; top: -100px; right: 0; background: url(../images/main/course_img.png) no-repeat; width: 401px; height: 261px; animation: bounce 2s infinite; }
.main_course h2 { font-weight: bold; font-size: 1.5rem; margin: 0 0 3rem 0 }
.main_course h2 span { display: block; font-size: 3rem }
.course_con { overflow: hidden; padding: 2rem 0; background: url(../images/main/course_dot.png) no-repeat 60px 150px }
.course_con em { float: left; background: url(../images/main/course_star.png) no-repeat; width: 128px; height: 122px; text-align: center; color: #fff; font-weight: bold; margin: 0 50px 0 0; display: flex; align-items: center; justify-content: center }
.course_con em i { font-size: 2rem }
.course_con dl { float: left; text-align: left; width: calc(100% - 503px) }
.course_con dl dt { font-weight: bold; font-size: 2rem }
.course_con dl dd { font-size: 1.2rem }
.course_con dl dd span { display: inline-block; background: #ff6e06; color: #fff; font-weight: bold; text-align: center; padding: 0 2rem; border-radius: 100px; margin: 3rem 0 0 0 }
.course_con p { float: right; overflow: hidden; border: 15px solid #ff6e06; border-radius: 20px; width: 325px; }
.course_no { background: none }
/* ¸ÞÀÎ È«º¸¿µ»ó */
.main_video { overflow: hidden; background: #fafafa; padding: 10rem 0; position: relative }
.main_video p { overflow: hidden; width: 100%; height: 680px; border-radius: 30px }
.main_video em { font-weight: bold; font-size: 2.5rem; display: block; padding: 5rem 0 }
.main_button { overflow: hidden; text-align: center }
.main_button li { display: inline-block; margin: 0 1rem }
.main_button li a { display: block; background: #3092ec; color: #fff; text-align: center; padding: 1rem 2rem; border-radius: 100px; font-weight: bold }
.main_button li:last-child a { background: #49bafc }
/*.main_video::before { content: ''; position: absolute; top: 20%; left: 15%; background: url(../images/main/video_bg01.png) no-repeat; width: 342px; height: 344px; z-index: 9; animation: bounce 4s infinite; }
.main_video::after { content: ''; position: absolute; top: 20%; right: 15%; background: url(../images/main/video_bg02.png) no-repeat; width: 330px; height: 475px; z-index: 9; animation: bounce 5s infinite; }*/
/* ¸ÞÀÎ ¿Â¶óÀι®ÀÇ */
.main_inquiry { overflow: hidden; padding: 2rem 0; background: #17315b; }
.inquiry_left { float: left; width: 45%; text-align: left; color: #fff }
.inquiry_left p { font-weight: bold; font-size: 2rem; color: #fff }
.inquiry_left p span { margin: 1.5rem 1rem; display: inline-block }
.inquiry_left dl { overflow: hidden; padding: 0.5rem 0 }
.inquiry_left dl dt { float: left; width: 20% }
.inquiry_left dl dd { float: left; width: 80% }
.inquiry_left dl dd input { border: none; background: #fff; width: 100% }
.inquiry_left ul { overflow: hidden; padding: 1rem 0 }
.inquiry_left ul li { float: left; width: 50% }
.inquiry_left ul li:first-child { float: none; width: auto !important }
.online_btn { display: block; background: #ffbe00; color: #fff; text-align: center; border-radius: 100px; padding: 0.2rem 2rem; border: none; transition: all 0.5s; font-weight: 900 }
.online_btn:hover { background: #FF9900 }
.inquiry_right { float: right; width: 45% }
.inquiry_right ul { display: flex }
.inquiry_right ul li { flex: 1 }
/* ¸ÞÀÎ ¿þÀ̺ê */
.wave { background: url(../images/main/wave_bg.png) no-repeat top left; height: 150px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: #fff }
.wave_left { background: url(../images/main/wave_bg_left.png) no-repeat top right }
.wave span { display: flex; width: 100px; height: 100px; border-radius: 100px; background: #fff; color: #0093ef; justify-content: center; align-items: center; margin: 0 2rem 0 0 }
.title { overflow: hidden; padding: 10rem 0 }
.title dt { font-size: 2.5rem }
.title dd { color: #666; padding: 2rem 0 }
.circle_btn { display: flex; width: 300px; height: 300px; background: #3092ec; color: #fff; border-radius: 100%; flex-direction: column; justify-content: center; margin: 0 auto; }
.main_bumo { overflow: hidden; display: flex }
.main_bumo p { width: 50% }
.main_bumo dl { text-align: left; width: 50% }
.main_bumo dl dt { font-weight: normal; font-size: 1.6rem; margin: 0 0 1rem 0 }
/* Äü¸Þ´º */
.quick { position: fixed; top: 140px; right: 20px; z-index: 7; /*display: flex; flex-direction: column; align-items: center */ text-align: right }
.quick li { margin: 0 0 1rem 0 }
/* ½ºÅ©·Ñ ´Ù¿î ¾Ö´Ï¸ÞÀ̼Ç*/
.arrow { position: fixed; z-index: 998; bottom: 15%; left: 0; right: 0; margin: 0 auto; text-align: center }
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
 @keyframes bounce { 0%, 20%, 50%, 80%, 100% {
 transform: translateY(0);
}
 40% {
 transform: translateY(-30px);
}
 60% {
 transform: translateY(-15px);
}
}
.bounce { -moz-animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; }
 @keyframes bounce { 0%, 100% {
 transform: translateY(0);
}
 50% {
 transform: translateY(-15px);
}
}
/* ¼­ºê */
.sub_head { width: 100%; overflow: hidden; height: 700px; padding: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; display: none }
.sub_head::before { }
.zoom { animation: scale 3s linear forwards; }
 @keyframes scale { 0% {
background-size:150%
}
 50% {
 background-size:120%;
}
 100% {
 background-size:100%;
}
}
.sub_head h2 { text-align: center; font-weight: bold; padding: 7rem 0 0 0; font-size: 3rem; }
.sub_head h2 span { display: block; font-weight: bold; font-size: 2rem; position: relative; padding: 1rem; color: #666 }
.sub_head h2 span::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 6px; background: #3092ec }
.sub_contants { min-height: 400px; overflow: hidden; padding: 5rem 0 0 0; position: relative; width: 100%; margin: 0 auto }
.sub_tit { position: relative; overflow: hidden; margin: 0 auto 50px auto; text-align: center; border-bottom: 1px solid #ccc; padding: 0 0 1em 0; display: none }
.sub_tit h3 { font-size: 36px; font-weight: bold; margin: 0 0 20px 0; }
.sub_tit p { display: inline; font-weight: 300; font-size: 1em }
/* ¼­ºê³×ºñ */
.navi_next { position: absolute; top: 50%; right: 50px; }
.navi_prev { position: absolute; top: 50%; left: 50px; }
.sub_navi { margin-top: -50px; display: none }
#DB_navi39 a { text-decoration: none; display: block }
#DB_navi39 img { border: 0; vertical-align: top }
#DB_navi39 { position: relative; height: 50px; }
#DB_navi39 ul { /*width:1400px;*/ width: auto; margin: 0 auto }
#DB_navi39 ul li { border-right: 1px solid #7a83c3; text-indent: 15px; background: #17315b; text-align: left }
#DB_navi39 ul li.m0 { width: 50px; border: none; }
#DB_navi39 ul li.m1 { width: 200px }
#DB_navi39 ul li.mm1 { width: 200px }
#DB_navi39 ul li.mm2 { width: 200px }
#DB_navi39 ul li.mm3 { width: 200px } /* 340px ÀÌ»óÁöÁ¤½Ã ¸ð¹ÙÀÏ¿¡¼­ Ʋ¾îÁü */
#DB_navi39 ul li.mm4 { width: 200px }
#DB_navi39 ul li.mm5 { }
#DB_navi39 ul li.mm6 { }
#DB_navi39 ul li.mm7 { }
#DB_navi39 ul li.mm8 { }
#DB_navi39 ul li.DB_main { float: left; position: relative }
#DB_navi39 ul li.DB_main a { color: #fff; line-height: 50px; ; background: url('../images/common/subnavi_arrow.png') no-repeat 95% 17px }/*¸Þ´º°£°Ý*/
#DB_navi39 ul li.DB_main a:hover { color: #fff !important; font-weight: bold; background-position: right -27px }
#DB_navi39 ul li.DB_main.DB_select a { background-position: right -27px }
#DB_navi39 ul li.m0 a { background: #50a3dd url('../images/common/icon_home.png') no-repeat 50%; text-indent: -9999px }
#DB_navi39 ul li.m0.DB_select a { background-position: 13px -24px; }
#DB_navi39 .DB_main .DB_sub { position: absolute; left: 0; top: 50px; width: 100%; display: none; background: #fff; border: 1px solid #ccc; border-width: 1px; margin-left: -1px; z-index: 999 }
#DB_navi39 .DB_main .DB_sub li { border: none; border-bottom: 1px solid #cccccc }
#DB_navi39 .DB_main .DB_sub li:last-child { border: none }
#DB_navi39 .DB_main .DB_sub li a { display: block; color: #666666; line-height: 40px; background: #fff; transition: all 0.5s }
#DB_navi39 .DB_main .DB_sub li a:hover { color: #ffffff; background: #50a3dd }
#DB_navi39 .DB_main .DB_sub li.DB_select a { color: #ffffff; background: #50a3dd }
.sticky-navigation.stuck { position: fixed; top: 130px; width: 100%; z-index: 999; left: 50%; transform: translateX(-50%); height: 10px; display: none }
#DB_navi39 ul li.DB_main a b { display: none; }
.thumbimg li { display: inline; float: left; width: 25%; }
.white { color: #fff !important }
.black { color: #000 !important }
.sub_bg { width: 100%; height: 160px; padding: 70px 0; margin: 0 0 50px 0 }
.big { font-size: 1.5rem; }
.big span { font-weight: bold; color: #F60 }
.sub_title { position: relative; margin: 0 0 3rem 0 }
.sub_title p { overflow: hidden; border-radius: 20px }
.sub_title dl { background: #FF0; border-radius: 20px; padding: 2rem; margin: -5rem 0 0 0; position: relative; z-index: 9; display: inline-block }
.sub_title dl dd { font-weight: bold; font-size: 2rem }
.circle_list { display: flex; margin: 0 0 3rem 0 }
.circle_list li { flex: 1; display: flex; flex-direction: column; align-items: center; }
.circle_list li p { overflow: hidden; width: 300px; height: 300px; border-radius: 300px; margin: 0 0 2rem 0 }
.circle_list li p img { transition: all 0.5s }
.circle_list li p img:hover { transform: scale(1.2) }
.circle_list li dl dt { font-weight: bold; font-size: 1.5rem }
.navy_btn a { font-weight: 900; color: #036; font-size: 1.5rem }
.bg_con { overflow: hidden; padding: 10rem 0; /*background: #fffeef url(../images/main/course_bg.png) no-repeat top center*/ background: #f6f6f6 }
.bg_con2 { background: #ffd31a }
.bg_con3 { background: #3092ec }
.bg_con_wave { background: #f6f6f6 url(../images/sub05/wave.png) no-repeat bottom center; overflow: hidden; padding:2rem 0 10rem 0; animation: wave_ani 20s infinite; }
 @keyframes wave_ani { 0%, 100% {
 background-position:left bottom;
}
 50% {
 background-position:right bottom;
}
}
.bg_con_wave_top { background: #f6f6f6 url(../images/sub05/wave_top.png) no-repeat top center; overflow: hidden; padding: 10rem 0 5rem 0; animation: wave_ani2 20s infinite; }
 @keyframes wave_ani2 { 0%, 100% {
 background-position:left top;
}
 50% {
 background-position:right top;
}
}

/* ¾ÆÀ̸ð½ºÆ® ¼Ò°³ */
.info { overflow: hidden; background: url(../images/sub01/info_bg.jpg) no-repeat top center; height: 1020px; }
.info h2 { padding: 5rem 0 }
.info dl dt { font-size: 2rem; margin: 0 0 2rem 0; color: #18305b }
.info dl dt span { display: block; color: #50a3dd }
.info dl dd { font-size: 1.1rem }
.vision { overflow: hidden; padding: 5rem 0; background: #fef5f6; position: relative }
.vision p { float: left; width: 50%; }
.vision dl { float: left; width: 50%; text-align: left }
.vision dl dt { font-size: 3rem; color: #036; line-height: 1.2; margin: 0 0 2rem 0 }
.vision dl dt i { color: #ff7f74 }
.vision dl dt span { display: block; font-size: 1rem; color: #50a3dd; letter-spacing: 1rem; margin: 0 0 1rem 0 }
/* ±³À°ÇÁ·Î±×·¥ */
.edu { overflow: hidden; padding: 5rem 0 }
.edu p { float: left; width: 50% }
.edu_con { float: left; width: 50%; }
.edu_con dl { text-align: left; position: relative }
.edu_con dl::before { content: ''; position: absolute; top: 0; right: 0; background: url(../images/main/enneagram_s.png) no-repeat; width: 146px; height: 134px; }
.edu_con dl dt { font-size: 2rem; margin: 0 0 1rem 0 }
.edu_con dl dt span { color: #69C }
.edu_con ul { overflow: hidden; padding: 5rem 0 0 0 }
.edu_con ul li { display: inline-block; width: 150px; height: 150px; border-radius: 100px; border: 10px solid #ff7f74; padding: 20px 0 0 0 }
.edu_con ul li:nth-child(odd) { border-color: #69C }
.edu_con ul li img { display: block; margin: 0 auto }
/* »ó´ã½Åû */
.online_warp { overflow: hidden; background: #e6f8f3; }
.online_warp .inner { display: flex; padding: 5rem 0 0 0 }
.online_warp .half { flex: 1; text-align: left }
.online_warp .half p { float: left; width: 50% }
.online_warp .half ul { float: left; width: 50% }
.online_warp .half ul li { display: block; margin: 0 0 3rem 0 }
.online_warp .half dl { overflow: hidden; padding: 5px 0 }
.online_warp .half dl dt { float: left; width: 30% }
.online_warp .half dl dd { float: left; width: 70% }
.online_warp .half dl dd input { padding: 5px; border: none; width: 100% }
.online_warp .half dl dd textarea { padding: 5px; border: none; width: 100% }
.online_warp .half .online_btn { text-align: center; margin: 0 auto; background: #17315b; color: #fff; padding: 5px 20px; border-radius: 100px; border: none; transition: all 0.5s; font-weight: bold; font-size: 20px; cursor: pointer }
.online_warp .half i { display: block; margin: 0 auto; text-align: center }
.online_warp .half .online_btn:hover { background: #ff7f74; }
/* ¾Ö´Ï¾î±×·¥ Å×½ºÆ® */


.test_radio { overflow: hidden; display: flex; align-items: center; justify-content: center; }
.test_radio p { padding: 1rem 0; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; margin: 10px 0 0 0 }
.test_disagree { color: #33a474 }
.test_agree { color: #88619a }
.btn_go { display: inline-block; margin: 50px 0 }
.btn_go a { display: block; background: #3092ec; color: #fff; border-radius: 100px; padding: 1rem 2rem; text-align: center; font-weight: bold; font-size: 1.5rem; transition: all 0.5s }
.btn_go a:hover { background: #F90; }
.test_tit { overflow: hidden; padding: 5rem 0; color: #fff }
.test_tit dl dt { font-weight: 900; font-size: 3rem }
.test_tit dl dd span { font-weight: bold; font-size: 1.5rem; position: relative; z-index: 2 }
.test_tit dl dd span::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #FFCC00; z-index: -1 }
.test_warp { overflow: hidden; text-align: left; border-radius: 20px; padding: 2rem; background: #FFF; clear: both; }
.test_info { overflow: hidden; clear: both; padding: 0 0 2rem 0; text-align: center }
.test_info dl { display: inline-flex; align-items: center }
.test_info dl dt { float: left; width: 25%; text-align: center }
.test_info dl dd { float: left; width: 75% }
.test_info dl dd input { border: 1px solid #ccc; border-radius: 100px; padding: 0.5rem 2rem; width: 100% }
.test_warp h2 { font-weight: bold; font-size: 24px; padding: 2rem; border-top: 1px solid #ccc; background: #fafafa; text-align: center }
.test_warp h2 span { display: inline-flex; align-content: center; justify-content: center; align-items: center; width: 30px; height: 30px; margin: 0 1rem 0 0; background: #036; color: #fff; border-radius: 100px; font-size: 14px; text-align: center; font-family: 'Noto Sans KR', Dotum, '¥ì¢¬¢¯o', Arial, sans-serif !important; }
.test_warp ul { width: 80%; margin: 0 auto; text-align: center; padding: 30px 0 }
.test_warp ul li { text-align: center; display: inline-block; vertical-align: middle; padding: 0 3rem 3rem 3rem; position: relative }
.test_warp ul li:first-child .option-input:checked { background: #004a80; }
.test_warp ul li:nth-child(2) .option-input:checked { background: #004a80; }
.test_warp ul li:nth-child(3) .option-input:checked { background: #ccc; }
.test_warp ul li:nth-child(4) .option-input:checked { background: #4b0049; }
.test_warp ul li:nth-child(5) .option-input:checked { background: #4b0049; }
.test_warp ul li:nth-child(1) .option-input { background: #fff; border: 3px solid #004a80; width: 65px; height: 65px }
.test_warp ul li:nth-child(1) .option-input:checked::before { width: 65px; height: 65px }
.test_warp ul li:nth-child(2) .option-input { background: #fff; border: 3px solid #004a80; }
.test_warp ul li:nth-child(3) .option-input { background: #fff; border: 3px solid #ccc; width: 30px; height: 30px }
.test_warp ul li:nth-child(3) .option-input:checked::before { width: 30px; height: 30px }
.test_warp ul li:nth-child(4) .option-input { background: #fff; border: 3px solid #4b0049 }
.test_warp ul li:nth-child(5) .option-input { background: #fff; border: 3px solid #4b0049; width: 65px; height: 65px }
.test_warp ul li:nth-child(5) .option-input:checked::before { width: 65px; height: 65px }
.test_warp label { display: block; line-height: 40px; }
.option-input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 13.33333px; right: 0; bottom: 0; left: 0; height: 40px; width: 40px; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 8; }
.option-input:hover { background: #9faab7; }
.option-input:checked { background: #40e0d0; }
.option-input:checked::before { width: 40px; height: 40px; display: flex; content: '\f00c'; font-size: 25px; font-weight: bold; position: absolute; align-items: center; justify-content: center; font-family: 'Font Awesome 5 Free'; }
.option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #40e0d0; content: ''; display: block; position: relative; z-index: 8; }
.option-input.radio { border-radius: 50%; }
.option-input.radio::after { border-radius: 50%; }
 @keyframes click-wave { 0% {
 height: 40px;
 width: 40px;
 opacity: 0.35;
 position: relative;
}
 100% {
 height: 200px;
 width: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0;
}
}
.test_sample { border: 1px solid #fff; width: 860px; height: 250px; display: inline-flex; justify-content: center; align-items: center; margin: 70px auto }
.test_sample ul { display: flex; width: 100%; height: 100%; padding: 0 100px }
.test_sample ul li { color: #fff; flex: 1; position: relative; height: 250px; padding: 50px 0 }
.test_sample ul li i { display: block; width: 65px; height: 65px; border-radius: 100%; border: 3px solid #fff; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%) }
.test_sample ul li:nth-child(2) i, .test_sample ul li:nth-child(4) i { width: 50px; height: 50px }
.test_sample ul li:nth-child(3) i { width: 30px; height: 30px }
.test_sample ul li p { color: #fff; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 100% }
.btn_rusult { text-align: center; margin: 0 auto; padding: 2rem 0; float: none !important; width: auto !important }
.test_con { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.test_con input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee; border-radius: 50%; }
.test_con:hover input ~ .checkmark { background-color: #ccc; }
.test_con input:checked ~ .checkmark { background-color: #ff7f74; }
.checkmark:after { content: ""; position: absolute; display: none; }
.test_con input:checked ~ .checkmark:after { display: block; }
.test_con .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white; }
.btn_inquiry a { display: block; background: #218ea6; color: #fff; text-align: center; font-size: 20px; font-weight: bold; padding: 5px 20px; border-radius: 100px }
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ }
.modal-content { margin: auto; display: block; width: 100%; max-width: 1200px; background: #fff; overflow: hidden; padding: 3rem; }
#caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }
.modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; }
 @-webkit-keyframes zoom { from {
-webkit-transform:scale(0)
}
to { -webkit-transform: scale(1) }
}
 @keyframes zoom { from {
transform:scale(0)
}
to { transform: scale(1) }
}
.close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; z-index: 9 }
.close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; }
.enier_list { background: #19305a; color: #fff; padding: 2rem; border-radius: 0 30px 0 30px; width: 50%; margin: 0 auto 2rem auto }
.enier_list dt { font-weight: 900; font-size: 2.5rem }
.enier_faq { width: 80%; margin: 0 auto; padding: 1rem 0 }
.enier_faq li { display: inline-block; margin: 3rem; vertical-align: top }
.enier_q { background: #dfdfdf; border-radius: 30px; padding: 1rem; position: relative }
.enier_q::before { content: ''; position: absolute; bottom: 0; left: -10px; background: url(../images/sub05/enier_q.png) no-repeat; width: 28px; height: 28px }
.enier_a { background: #1f96f3; color: #fff; border-radius: 30px; padding: 1rem; position: relative; margin: 5rem 0 0 0 !important }
.enier_a::before { content: ''; position: absolute; bottom: 0; right: -10px; background: url(../images/sub05/enier_a.png) no-repeat; width: 28px; height: 28px }
/* 1:1 PT */
.ceo { overflow: hidden; }
.ceo p { float: left; margin: 0 5rem 0 0; width: calc(50% - 5rem) }
.ceo dl { float: left; text-align: left; width: 50%; font-size: 1.8rem }
.ceo_logo { display: flex; justify-content: center; padding: 5rem 0 }
.ceo_logo li { padding: 1rem }
.curriculum_img { overflow: hidden; padding: 2rem 0 }
.curriculum_img p { overflow: hidden; width: 350px; height: 350px; border-radius: 100%; position: absolute; top: 0; right: 0 }
.curriculum_img p img { width: 100%; transition: all 0.5s }
.curriculum_img p img:hover { transform: scale(1.2) }
.curriculum_img span { display: block; text-align: center; font-weight: bold; font-size: 2.5rem; font-weight: normal; color: #666 }
.curriculum_warp { overflow: hidden; position: relative }
.curriculum_warp::before { content: ''; position: absolute; top: 20%; left: 65px; width: 14px; height: 420px; background: url(../images/main/course_dot.png) repeat-y; z-index: 1 }
.curriculum { overflow: hidden; padding: 5rem 0; position: relative; z-index: 2 }
.curriculum p { text-align: center; color: #6FF; background: #3092ec; border-radius: 100px; width: 10%; display: flex; align-items: center; justify-content: center; float: left; position: relative; z-index: 2 }
.curriculum p span { font-size: 2rem; color: #fff }
.curriculum dl { display: flex; width: 80%; float: left }
.curriculum dl dt { font-weight: bold; width: 20%; position: relative; font-size: 2rem; padding: 0 0 1rem 0 }
.curriculum dl dt::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 5px; background: #ffd31a }
.curriculum dl dd { text-align: left; width: 80% }
.curriculum dl dd span { display: block; font-weight: bold; }
.curriculum dl dd span em { padding: 0 0 0 1rem; animation: bounce_up 1.5s infinite; position: relative }
 @keyframes bounce_up { 0%, 20%, 50%, 80%, 100% {
 top:0
}
 40% {
 top:30px
}
 60% {
 top:15px
}
}
.imost_icon { width: 1000px; margin: 0 auto; position: relative; }
.imost_icon::before { content: ''; position: absolute; top: 300px; left: 50%; transform: translateX(-50%); background: url(../images/sub01/imost_bg.png) no-repeat; width: 823px; height: 646px }
.imost_icon ul { display: flex; position: relative; padding: 0 0 100px 0 }
/*.imost_icon ul::before{content:''; position:absolute; bottom:50px; left:50%;  transform:translateX(-50%); width:1100px; height:50px; background:#ccc}
.imost_icon ul::after{content:''; position:absolute; bottom:0; left:50%;  transform:translateX(-50%); width:50px; height:50px; background:#ccc}*/
.imost_icon ul li { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0 0 150px 0 }
/*.imost_icon ul li::before{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:50px; height:100px; background:#ccc}
.imost_icon ul li::after{content:''; position:absolute; bottom:100px; left:50%; transform:translateX(-50%); width:100px; height:30px; background:#ccc}*/
.imost_icon ul li p { width: 200px; height: 200px; border-radius: 100%; border: 10px solid #5fcde3; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center }
.imost_icon ul li span { display: block; padding: 1rem }
.imost_icon .imost_logo { position: relative; z-index: 1; padding: 400px 0 0 0 }
.img_txt { overflow: hidden }
.img_txt ul { display: flex; justify-content: center; }
.img_txt ul li { text-align: center; padding: 2rem }
.img_txt ul li p { padding: 2rem 0; }
/* ¾ÆÀ̸ð½ºÆ® È¿°ú */
.move { overflow: hidden; padding: 5rem 0; }
.move dl { float: left; text-align: left; font-size: 1.8rem; width: 50% }
.move dl span { font-weight: bold }
.move dl em { color: #69C; font-weight: normal }
.move p { float: left; width: 50% }
.move_r dl { float: right !important }
.effect_warp { display: flex; justify-content: center; margin: 0 0 5rem 0 }
.effect { width: 500px; margin: 0 auto }
.effect dl { overflow: hidden; background: #3092ec; color: #fff; padding: 2rem; border-radius: 50px; width: 580px; height: 537px; display: flex; flex-direction: column; justify-content: center; }
.effect dl dt { font-size: 60px; }
.effect dl dd span { font-weight: bold; font-size: 2rem; position: relative; display: inline-block; padding: 5px 0 }
.effect dl dd span::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; display: none }
.effect dl dd span img { padding: 1rem 0 }
.effect dl dd { font-size: 30px; font-weight: bold }
.effect dl dd p { padding: 20px 0 }
.effect2 dl { background: #a9f1d6; color: #333 }
.effect2 dl dd span::before { background: #000 }
.flex_photo_warp { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex_photo { width: 30%; text-align: left; margin: 0 0 2rem 0 }
.flex_photo p { overflow: hidden; margin: 0 0 1rem 0 }
.flex_photo p img { width: 100%; transition: all 0.5s }
.flex_photo p img:hover { transform: scale(1.2) }
.flex_photo dl dt { position: relative; padding: 0 0 0 1rem; margin: 0 0 1rem 0; }
.flex_photo dl dt::before { content: ''; position: absolute; top: 5px; left: 0; width: 5px; height: 80%; background: #3092ec }
.flex_photo dl dd { color: #999; font-size: 17px; padding: 0 0 0 1rem }
.kal p { font-weight: bold; font-size: 3rem; color: #69C; margin: 0 auto 5rem auto; font-style: italic; width: 70% }
.kal p span { display: block; font-size: 2rem; color: #69C; text-align: right; font-weight: normal }
.kal dl { width: 200px; margin: 0 auto }
.kal dl img { width: 100% }
.kal dl dd { font-weight: bold; padding: 1rem 0 }
.kal dl dd span { display: block; color: #999; font-weight: normal }
/* ¿¡´Ï¾î±×·¥ */
.eni_slide .swiper-slide { overflow: hidden; padding: 3rem; background: #49bafc; color: #fff; border-radius: 50px 0; }
.eni_slide p { width: 80px; height: 80px; float: left; margin: 0 50px 0 0; background: #fff; border-radius: 100px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 2rem }
.eni_slide dl { float: left; width: calc(100% - 130px); text-align: left }
.eni_slide dl dt { font-weight: bold; font-size: 2rem; margin: 0 0 2rem 0 }
/* Æ®·¹ÀÌ´× ½Åû */

.training_con { overflow: hidden; position: relative; width: 800px; margin: 0 auto; padding: 10rem 0 }
.training_con span { display: inline-block; background: #49bafc; border-radius: 100px; text-align: center; padding: 1rem 2rem; color: #Fff; font-size: 2rem; position: relative; top: 2rem }
.training_con p { overflow: hidden; border: 50px solid #3092ec; border-radius: 50px; }
.training_con p img { width: 100% }
.process { display: flex; justify-content: space-between; margin: 0 0 100px 0 }
.process li { position: relative; flex: 1 }
.process li::before { content: ''; position: absolute; top: 10%; right: 0; background: url(../images/sub07/process_arrow.png) no-repeat; width: 33px; height: 14px }
.process li:last-child::before { display: none }
.process li p { margin: 0 auto 2rem auto; width: 50px }
.process li dl { background: #fff; border-radius: 30px; border: 1px solid #3092ec; padding: 2rem; width: 80%; margin: 0 auto; min-height: 250px; display: flex; justify-content: center; align-items: center; }
.process li dl dt { display: inline-block; padding: 0.5rem 2rem; text-align: center; background: #3092ec; margin: 0 auto 2rem auto; border-radius: 100px; color: #fff; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); font-weight: 900 }
.notice_box { padding: 0 0 5rem 0 }
.notice_box dl { text-align: left }
.notice_box dl dt { display: inline-block; padding: 2rem; text-align: center; background: #3092ec; border-radius: 0 0 30px 30px; color: #fff; margin: 0 0 2rem 0 }
.notice_box dl dd { font-size: 16px }
.inquiry_box { width: 800px; margin: 0 auto; padding: 0 }
.inquiry_box dl { padding: 0 0 1rem 0; display: flex; text-align: left }
.inquiry_box dl dt { float: left; width: 20%; font-weight: normal; color: #666; font-size: 16px }
.inquiry_box dl dt span { color: #F60 }
.inquiry_box dl dd { float: left; width: 80% }
.inquiry_box dl dd input, .inquiry_box dl dd textarea { border: 1px solid #ccc; padding: 0.7rem; width: 100% }
.inquiry_box dl dd input[type=button] { border: none; background: #3092ec; color: #fff }
.inquiry_box dl dd select { border: 1px solid #ccc; padding: 0.7rem; background: #fff; }
.chek { display: block; position: relative; cursor: pointer; user-select: none; text-align: center; border: 1px solid #ccc; background: #fafafa; border-radius: 100px; padding: 1rem 0 }
.chek input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 20px; left: 50px; height: 25px; width: 25px; background-color: #eee; }
.chek:hover input ~ .checkmark { background-color: #ccc; }
.chek input:checked ~ .checkmark { background-color: #2196F3; }
.checkmark:after { content: ""; position: absolute; display: none; }
.chek input:checked ~ .checkmark:after { display: block; }
.chek .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.radio_con { display: inline-block; position: relative; padding: 0 35px; margin-bottom: 12px; cursor: pointer; user-select: none; }
.radio_con input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; }
.radio_con:hover input ~ .checkmark { background-color: #ccc; }
.radio_con input:checked ~ .checkmark { background-color: #2196F3; }
.checkmark:after { content: ""; position: absolute; display: none; }
.radio_con input:checked ~ .checkmark:after { display: block; }
.radio_con .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; }
.inquiry_result { overflow: hidden; padding: 5rem; width: 800px; margin: 0 auto; border: 1px solid #ccc; text-align: center; position: relative }
/*.inquiry_result::before { content: ''; position: absolute; top: -100px; right: -100px; width: 200px; height: 200px; background: #3092ec; transform: rotate(45deg) }
.inquiry_result::after { content: ''; position: absolute; bottom: -100px; left: -100px; width: 200px; height: 200px; background: #3092ec; transform: rotate(45deg) }*/
.inquiry_result dl dt span { display: block; padding: 1rem 0; font-weight: 900; font-size: 2rem }
.inquiry_result dl dd { font-size: 1.2rem }
.inquiry_result dl dd p { width: auto }
.check_list { text-align: left }
.check_list p { display: inline-block }
.check_list input { width: auto !important }
#show, #show2, #show3 { float: right }
#hide1, #hide2, #hide3 { background: #fff; border: 1px solid #ccc; padding: 1rem; max-height: 150px; overflow-y: scroll; color: #999; font-size: 14px; font-family: 'Noto Sans KR', Dotum, 'µ¸¿ò', Arial, sans-serif }
.inquiry_box dd .checkmark { top: 0; left: 0 }
.gree_input .checkmark { top: 25% !important; left: 20% !important }
.inquiry_box .chek { margin: 0 0 2rem 0 }
/* ¾ÆÄÚµð¾ð */

.faq_con { border-top: 3px solid #FF3B3B; margin: 0 0 100px 0 }
.beefup { border-bottom: 1px solid #ccc; text-align: left }
/*.beefup:hover {background:#fafafa }*/
.beefup:first-child { margin-top: 0; }
.beefup__head, .beefup__body { padding: 2rem; }
.beefup__body { }
.beefup__head { cursor: pointer; position: relative; margin: 0; background: #fafafa; padding: 1rem 2rem; font-weight: bold; }
.beefup__head span { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100px; background: #FFF; font-weight: bold; color: #FF3B3B; margin: 0 20px 0 0 }
.beefup__body span { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100px; background: #FF3B3B; font-weight: bold; color: #fff; margin: 0 20px 0 0 }
.beefup__body p { display: inline-flex; font-size: 16px; color: #666 }
button.beefup__head, .beefup__head > button { cursor: pointer; display: block; width: 100%; background: none; border: 0; font: inherit; text-align: inherit; }
button.beefup__head[aria-disabled], .beefup__head > button[aria-disabled] { cursor: default; outline: 0; }
.beefup__head > button { position: relative; z-index: 1; background: inherit; border: inherit; }
.beefup__head::after { transition: transform 0.2s ease-out; content: ""; transform: translate(0, -50%) rotate(45deg); position: absolute; top: 50%; right: 20px; z-index: 0; margin-top: -2px; padding: 3px; border-width: 0 2px 2px 0; border-style: solid; color: #FF3B3B; z-index: 9 }
.beefup.is-open > .beefup__head::after { transform: translate(0, -50%) rotate(225deg); margin-top: 2px; }

/* Æ®·¹ÀÌ´× */
.bg_trainer{background:#f4f4f4; padding:5rem 0}
.bg_trainer .inner{max-width:1000px}
.teb_course li{ display:inline-block; margin:2rem 1rem}
.teb_course li a{display:block; color:#19315B; background:#fff; font-size:1.5rem; width:9rem; height:4rem; line-height:4rem; border-radius:0.5rem; transition:all 0.5s}
.teb_course li a:hover,
.tab_course_on a{background:#19315B !important; color:#fff !important}

.course_accordion{border:none; position:relative; overflow:hidden}
.course_accordion .beefup{text-align:center; border:none}
.course_accordion .beefup__head{background:none; padding:0}
.course_accordion .beefup__head::after{display:none}
.course_accordion .beefup__body{padding:0; min-height:1500px}
.course_accordion .course_slider01,
.course_accordion .course_slider02,
.course_accordion .course_slider03,
.course_accordion .course_slider04 {position:relative; padding-bottom:2rem}
.course_accordion  .swiper-pagination-bullets{position:absolute; bottom:0; left:50%; bottom:auto; top:auto; transform:translateX(-50%)}

.course_accordion  .beefup__body span{display:inline-block; background:#19315b; width:20px;  height:20px}

.course_light{/*padding:5rem; margin:0 auto; background:#f9e4c8;*/ max-width:1280px}
.course_tit{background:#19315b; color:#fff; font-weight:bold; font-size:1.6rem; text-align:center; padding:4rem 0}
/*.course_light .beefup{margin-bottom:2rem}*/

.course_light .beefup__body{min-height:auto !important}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
.modal-content { width: 100%; }
}
.modal-content dl { overflow: hidden; margin: 0 0 2rem 0 }
.modal-content dl dt { font-family: 'Cafe24Shiningstar'; color: #666; font-weight: normal }
.modal-content dl dd { font-size: 36px; color: #17315b }
.modal-content dl dd span { color: #50a3dd }
.modal-content p { float: left; width: 40% }
.modal-content p img { width: 100% }
.modal-content ul { display: block; float: left; }
.false-For-Bottom-Text { float: left }
.ago_result_list li.active { font-weight: bold; color: #DC5718; }
#myBtn { border: none; background: #003366; color: #fff; font-size: 20px; padding: 10px 3rem; cursor: pointer; border-radius: 100px; font-weight: 900 }
.test_result { overflow: hidden; text-align: left }
.result_con { overflow: hidden; text-align: center }
.result_con dl { overflow: hidden; margin: 0 0 2rem 0 }
.result_con dl dt { width: 300px; height: 300px; border-radius: 100%; overflow: hidden; margin: 0 auto 5rem auto; text-align: center }
.result_con dl dd { font-size: 2rem }
.result_con dl dd em { display: inline-block; background: #3092ec; border-radius: 100px; padding: 0 2rem; color: #fff; margin: 0 0 30px 0 }
.result_con dl dd span { font-weight: bold; color: #3092ec; position: relative; display: inline-block }
.result_con ul { display: inline-flex; width: 50%; padding: 0 0 50px 0 }
.result_con ul li { flex: 1; text-align: center; font-size: 17px }
.result_con ul li img { display: block; margin: 0 auto }
.result_con ul li a { font-size: 17px; line-height: 1; display: block }
.test_result h6 { display: inline-block; background: #3092ec; color: #fff; font-weight: bold; font-size: 1.2rem; text-align: center; padding: 0.5rem 2rem; border-radius: 100px; margin: 0 0 2rem 0 }
.result_img { float: right; width: 50%; display: none }
.result_img ul { display: flex }
.result_img ul li { flex: 1 }
.result_img ul li a { display: block; background: #036; color: #fff; font-weight: bold; text-align: center; padding: 2rem; font-size: 1.5rem }
.result_img ul li:first-child a { background: #f8ef2c url(../images/common/icon_kakao.png) no-repeat 10% 50%; color: #000 }
.person_list { overflow: hidden; margin: 0 0 30px 0 }
.person_list li { margin: 0 1rem 0 0; text-align: center; display: inline-block }
.person_list li p { width: 100px; height: 100px; border-radius: 100px; margin: 0 0 10px 0; overflow: hidden }
.test_result_slide .swiper-button-prev { width: 70px; height: 70px; background: rgba(0,0,0,0.5) url(../images/sub01/slide_prev.png) no-repeat 50%; border-radius: 100%; top: 10% }
.test_result_slide .swiper-button-next { width: 70px; height: 70px; background: rgba(0,0,0,0.5) url(../images/sub01/slide_next.png) no-repeat 50%; border-radius: 100%; top: 10% }
/* ¸ÞÀÎ new µðÀÚÀÎ */
.pd10 { padding: 10rem 0; }
.pd5 { padding: 5rem 0 }
.pd3 { padding: 3rem 0 }
.pd2 { padding: 2rem 0 }
.pd1 { padding: 1rem 0 }
.small { display: block; color: #999; font-size: 17px }
.margin5 { margin: 5rem 0; }
.main_tit { font-weight: bold; font-size: 3rem; line-height: 1.2 }
.bold { font-weight: 900 }
.main_tit span { color: #3092EC }
.main_tit i { display: block; font-size: 1.5rem }
.btn_yellow { display: inline-block; }
.btn_yellow a { display: block; border-radius: 100px; padding: 0.5rem 2rem; text-align: center; font-weight: bold; color: #fff; background: #FFA81F; }
.btn_blue { display: inline-block; }
.btn_blue a { display: block; border-radius: 100px; padding: 0.5rem 2rem; text-align: center; font-weight: bold; color: #fff; background: #5FCDE3; }
/* ¸ÞÀÎ ºñÁÖ¾ó  */
.main_visual { background: url(../images/main/main03.jpg) no-repeat top center; color: #fff; height: 1000px; padding: 10rem 0 0 0 }
.go_btn { margin: 50px auto }
.go_btn a { background: #3092ec; color: #fff; text-align: center; font-weight: 900; padding: 1rem 2rem; border-radius: 100px; font-size: 3rem; }
/* ¸ÞÀÎ ¾ö¸¶ ¾Æºü */
.main_mom { overflow: hidden; background: #000; color: #fff }
.mom_graph { overflow: hidden; position: relative; padding: 5rem 0 0 0 }
.mom_graph dl dt { font-weight: bold; color: #FF3B3B; }
.mom_graph dl dd { display: inline-flex; width: 150px; height: 150px; background: #FF3B3B; color: #fff; border-radius: 100%; justify-content: center; align-items: center; font-weight: bold; }
.mom_graph ul { display: flex; align-content: center; align-items: self-end; justify-items: center; justify-content: space-between; margin: -100px auto 0 auto; width: 70%; position: relative; }
.mom_graph ul::before { content: ''; position: absolute; bottom: 5rem; left: 0; width: 100%; height: 1px; background: #ccc }
.mom_graph ul li { padding: 0 50px; position: relative }
.mom_graph ul li span { display: block; padding: 20px 0; font-weight: 900 }
.mom_graph ul li p { background: #3092EC; width: 200px; height: 200px; color: #fff; display: flex; align-items: center; justify-content: center; position: relative }
.mom_graph ul li p::before { content: ''; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: #FF3B3B; border-radius: 100px; display: none }
.mom_graph ul li:last-child p { height: 850px }
.mom_graph_arrow { position: absolute; top: 300px; left: 50%; transform: translateX(-50%) }
/*  ¿µ»ó */
.youtube_video { overflow: hidden; border-radius: 50px; height: 680px; width: 100% }
/* ³îÀÌÅ°Æ® */
.main_kit { overflow: hidden; background: #F3F3F3 }
.kit_list { display: flex; justify-content: center }
.kit_list li { padding: 50px }
.kit_list li p { width: 200px; height: 200px; overflow: hidden; border-radius: 100px; margin: 0 auto 2rem auto; background: #efeae4; display: flex; align-items: center; justify-content: center; }
.kit_list li:nth-child(2) p { background: #ffee9e }
.kit_list li span { display: block; font-size: 1.5rem; font-weight: 900 }
.kit_list li span em { display: block; font-size: 1.1rem; font-weight: normal }
/* °í¹Î */
.main_gomin { overflow: hidden; background: url(../images/main/gomin_bg.jpg) no-repeat top center; height: 700px; position: relative }
.main_gomin::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5) }
.main_gomin .inner { height: 600px; display: flex; justify-content: center; align-content: center; align-items: center; }
.main_gomin dl { color: #fff }
.main_gomin dl dt { font-weight: normal }
.main_gomin dl dd { font-weight: bold; font-size: 4rem }
.mark_left_white { background: url(../images/main/mark_left_white.png) no-repeat; width: 40px; height: 24px; display: inline-block; position: relative; top: -50px }
.mark_right_white { background: url(../images/main/mark_right_white.png) no-repeat; width: 40px; height: 24px; display: inline-block; position: relative; top: -50px }
/* ´õÀÌ»ó °ÆÁ¤ */
.main_nono { background: #06A3EA; padding: 5rem 0 50px 0 }
.main_nono p { color: #fff; }
.main_nono ul { display: flex; justify-content: center; margin: -100px auto 0 auto }
.main_nono ul li { margin: 0 50px }
.main_nono .main_tit { margin: 0 0 5rem 0 }
/* ¸ÞÀΠóÀ½ÀÎ */

.main_first { overflow: hidden; background: url(../images/main/main_first.jpg) no-repeat center bottom; height: 1000px; padding: 10rem 0 0 0 }
.underline { position: relative }
.underline::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: #fcb814; z-index: -1 }
/* ¸ÞÀÎ ¾ö¸¶°¡ ÁÖÀΰø */
.main_character { overflow: hidden; background: #f3f3f3 url(../images/main/main_charactor.jpg) no-repeat bottom center; height: 1000px }
/* Æ÷ÀÎÆ® */
.point_tit dt { display: inline-block; background: #fcb814; color: #fff; border-radius: 100px; padding: 0.5rem 2rem; font-size: 1.5rem; margin: 0 0 1rem 0 }
.point_tit dd { font-size: 1.5rem }
.point_tit dd span { display: block; font-size: 3rem; font-weight: 900; margin: 0 0 1rem 0 }
.red_circle { display: flex; justify-content: center; }
.red_circle li { width: 25%; margin: 0 1rem; position: relative }
.red_circle li a { display: block; background: #ff3b3b; padding: 1rem 3rem; border-radius: 90px; color: #fff; text-align: center; font-weight: 900; font-size: 1.8rem; transition: all 0.5s }
.red_circle li a:hover { background: #ffc83d }
.red_circle li::before { content: ''; position: absolute; bottom: -10px; right: 40px; background: url(../images/main/icon_hand.png) no-repeat; width: 41px; height: 56px }
/* Ä«ÇǶóÀÌÆ® */
footer { width: 100%; overflow: hidden; padding: 4rem 0; margin: 0 auto; background: #333; color: #999; text-align: center; letter-spacing: normal }
footer i { display: inline-block; width: 20px; height: 10px; position: relative }
footer i::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background: #999 }
footer dl dt { color: #fff; font-weight: normal }
footer dl dd { font-weight: normal; font-size: 13px }
footer dl dd span { font-weight: bold; color: #06A3EA; font-size: 3rem; display: block }
footer p { display: inline-block; margin: 0 0 1rem 0 }
footer p a { display: block; background: #fff; color: #000; padding: 0.5rem 1rem; font-size: 16px; transition: all 0.5s; font-size: 18px }
footer p a:hover { background: #06A3EA; color: #fff }
footer p span { font-size: 12px }
footer address { font-style: normal; font-size: 13px; clear: both; line-height: 1.2; padding: 1rem 0 }
footer .foot_sns { padding: 2rem 0 }
footer .foot_sns ul { display: inline-flex }
footer .foot_sns ul li { flex: 1; padding: 0 0.5rem }
.btn_app { display: inline-block; position: relative; width: 9rem; position:absolute; top:1rem; right:1rem }
.btn_app::before { content: ''; position: absolute; top: 50%; left: 1rem; background: url(../images/common/imost_app_logo.png) no-repeat; width: 24px; height: 24px; transform: translateY(-50%) }
.btn_app a { display: block; background: #19315B; color: #fff !important; padding: 10px 30px 10px 50px; font-size: 0.8rem !important; border-radius: 100px; transition: all 0.5s; }
.btn_app a:hover { background: #767171; color: #fff !important }
/* ºê·£µå½ºÅ丮 */
.bg_yellow { overflow: hidden; background: #FFDF57; padding: 7rem }
.bg_black { background: #000 }
.bgwhite { background: #fff; overflow: hidden; padding: 5rem 2rem }
.sub_title dt { font-size: 3rem; line-height: 1.2 }
.sub_title dt span { }
.sub_title dd { display: inline-block; background: #FFDF57; text-align: center; padding: 0.5rem 2rem; border-radius: 100px; font-size: 1.5rem; font-weight: 900; margin: 2rem 0 0 0 }
.under { position: relative }
.under::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: #ffdf57; z-index: -1 }
.s_txt { font-size: 1.6rem }
.under_text { position: relative; padding: 0 0 3px 0 }
.under_text::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #000 }
.under_text_blue::before { background: #3092ec }
.under_text_blue2 { position: relative; padding: 0 0 5px 0; margin: 0 0 5px 0; display: inline-block }
.under_text_blue2::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #3092ec }
.under_text_white { padding: 0 0 10px 0; position: relative }
.under_text_white::before { background: #fff; height: 20px }
.under_text_white2 { padding: 0 0 10px 0; position: relative }
.under_text_white2::before { background: #fff; height: 3px }
.under_text_gray::before { background: #767171 }
.bg_blue { overflow: hidden; background: #B3D4E7 }
.bg_blue2 { overflow: hidden; background: #58c2e9 }
.btn_navy { display: inline-block; float: left; position: relative; z-index: 9 }
.btn_navy a { display: block; background: #19315B; color: #fff; font-weight: 900; padding: 1rem 2rem; text-align: center; font-size: 30px }
.btn_navy2 { display: inline-block; }
.btn_navy2 a { display: block; background: #19315B; color: #fff; font-weight: 900; padding: 1rem 2rem; text-align: center; border-radius: 100px }
.arrow_warp { margin: 13.5rem auto; position: relative; height: 75rem; border-bottom:10px solid #002d5c }
.arrow_warp .inner{position:relative; height:100%}
.brand_arrow { position: absolute; bottom: 0px; right: 0; }
.cir_01 { display: inline-flex; width: 540px; height: 540px; line-height: 1.2; background: #fff; border: 20px solid #19315B; color: #FF3B3B; font-size: 103px; font-weight: 900; border-radius: 100%; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.cir_02 { display: inline-flex; width: 290px; height: 290px; background: #fff; border: 20px solid #19315B; font-size: 55px; font-weight: 900; border-radius: 100%; align-items: center; justify-content: center; position: absolute; bottom: 110px; left: 310px }
.border_botto_navy { border-bottom: 10px solid #002d5c; margin: 0 0 300px 0 }
.bg_navy { background: #19315b !important }
.center_warp { text-align: center; display: inline-block }
/* µÎ³ú */


.process_con { overflow: hidden }
.process_con ul { display: flex; justify-content: space-between }
.process_con ul li { float: left; text-align: center; font-weight: bold; width: 170px; height: 170px; border-radius: 100px; margin: 2rem; border: 10px solid #0043a7; display: flex; flex-direction: column; justify-content: center; font-weight: bold; font-size: 1.5rem; background: url(../images/sub03/process_arrow.png) no-repeat center }
.process_con ul li:nth-child(even) { border-color: #ccc }
.process_con ul li span { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; color: #CCC }
.process { overflow: hidden }
.holderCircle { width: 1000px; height: 1000px; border-radius: 100%; margin: 60px auto; position: relative; }
.dotCircle { width: 100%; height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; z-index: 20; }
.dotCircle .itemDot { display: block; width: 230px; height: 230px; position: absolute; background: #ffffff; color: #fff; border-radius: 100%; text-align: center; font-size: 30px; z-index: 3; cursor: pointer; border: 2px solid #e6e6e6; display: flex; flex-direction: column; align-content: center; justify-content: center }
/*.dotCircle .itemDot .forActive { width: 56px; height: 56px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
.dotCircle .itemDot .forActive::after { content: ''; width: 5px; height: 5px; border: 3px solid #7d4ac7; bottom: -31px; left: -14px; filter: blur(1px); position: absolute; border-radius: 100%; }
.dotCircle .itemDot .forActive::before { content: ''; width: 6px; height: 6px; filter: blur(5px); top: -15px; position: absolute; transform: rotate(-45deg); border: 6px solid #00388c; right: -39px; }
.dotCircle .itemDot.active .forActive { display: block; }*/
.round { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 810px; height: 810px; border: 2px dotted #ccc; border-radius: 100%; -webkit-animation: rotation 100s infinite linear; }
.dotCircle .itemDot:hover, .dotCircle .itemDot.active { color: #ffffff; transition: 0.5s; background: #e00000; }
.dotCircle .itemDot { font-weight: bold }
.dotCircle .itemDot em { display: block; font-size: 14px }
.contentCircle { width: 500px; height:500px; border-radius: 100%; color: #222222; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.contentCircle .CirItem { border-radius: 100%; color: #222222; position: absolute; text-align: center; opacity: 0; transform: scale(0); transition: 0.5s; font-size: 3rem; line-height: 1; font-weight: 900; width: 100%; height: 100%; margin: auto; top:0; left:0; display: flex; align-items: center; }
.contentCircle .CirItem h2 { }
.CirItem.active { z-index: 1; opacity: 1; transform: scale(1); transition: 0.5s; }
.contentCircle .CirItem i { font-size: 180px; position: absolute; top: 0; left: 50%; margin-left: -90px; color: #000000; opacity: 0.1; }
.dotCircle .itemDot1 { background: #c0504d }
.dotCircle .itemDot2 { background: #19315b }
.dotCircle .itemDot3 { background: #92d050 }
.dotCircle .itemDot4 { background: #4f81bd }
.dotCircle .itemDot5 { background: #8064a2 }
.dotCircle .itemDot6 { background: #4bacc6 }
.dotCircle .itemDot7 { background: #f79646 }
 @media only screen and (min-width:300px) and (max-width:599px) {
.holderCircle { /* width: 300px; height: 300px;*/ margin: 110px auto; }
.holderCircle::after { width: 100%; height: 100%; }
.dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
}
 @media only screen and (min-width:600px) and (max-width:767px) {
}
 @media only screen and (min-width:768px) and (max-width:991px) {
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
}
 @media only screen and (min-width:1200px) and (max-width:1499px) {
}
.bg_pink { background: #E36E75 }
.r_tit { display: inline-block; font-weight: 900; background: #fff; border-radius: 100px; padding: 0.5rem 5rem; font-size: 1.5rem }
.navy { color: #19315b }
.yellow { color: #ffdf57 !important }
.under_tit { font-size: 3rem }
.under_tit span { position: relative; z-index: 2 }
.under_tit span::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: #fff; z-index: -1 }
.gray_tit dt { font-size: 1.5rem; font-weight: normal }
.gray_tit dd { display: inline-block; background: #f3f3f3; padding: 1rem 3rem; font-weight: 900; font-size: 3rem }
.btn_white { display: inline-block; }
.btn_white a { display: block; background: #fff; text-align: center; font-weight: 900; padding: 0.5rem 2rem; border-radius: 100px; font-size: 1.5rem }
/* 15ºÐ³îÀÌ */
.bg_star { background: #FFDF57 url(../images/sub01/star_bg.png) no-repeat top center fixed; padding: 240px 0 }
.round_tit dt { display: inline-block; background: #19315b; font-weight: 900; font-size: 3rem; color: #fff; border-radius: 100px; padding: 0.5rem 3rem }
.round_tit dd { font-size: 1.5rem; padding: 2rem 0 }
.cur_list { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto }
.cur_list li { background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.3); position: relative; width: 530px; height: 600px; margin: 2rem }
.cur_list li p { background: #19315b; color: #fff; font-weight: 900; text-align: center; display: inline-block; position: absolute; top: -20px; left: 50%; padding: 0.5rem 2rem; font-size: 1.3rem; transform: translateX(-50%); width: 380px; font-size: 30px }
.cur_list li dl dt { padding: 6rem 0 2rem 0 }
.cur_list li dl dd span { display: block; font-weight: 900; padding: 1rem 0; font-size: 40px }
.cur_list li dl dd { font-size: 24px }
.play_slide_warp { position: relative; text-align: center; overflow: hidden }
/*.play_slide_warp::before { content: ''; position: absolute; top: 0; left: 0; width: 200px; height: 100%; background: #f3f3f3; z-index: 9 }
.play_slide_warp::after { content: ''; position: absolute; top: 0; right: 0; width: 200px; height: 100%; background: #f3f3f3; z-index: 9 }*/

.play_slide { margin: 0 auto; position: relative }
.play_slide .swiper-slide { background: #fff; border-radius: 30px; min-height: 620px }
.play_slide p { display: inline-block; background: #3092ec; color: #fff; font-weight: 900; border-radius: 100px; padding: 0.5rem 1rem; font-size: 23px; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); text-align: center }
.play_slide img { padding: 3rem 2rem 0 2rem; margin: 0 auto; text-align: center; display: block }
.play_slide dl { padding: 2rem; text-align: center }
.play_slide dl dt { font-size: 24px; color: #ff3b3b }
.play_slide dl dd { font-size: 20px; color: #7f7f7f }
.play_slide2 p { background: #a9f1d6; color: #333 }
.play_slide2 .swiper-slide { min-height: 650px }
.swiper-wrapper { position: relative; }
.play_slide .swiper-button-prev, .play_slide .swiper-button-prev2 { position: absolute; top: 50%; width: 70px; height: 70px; background: rgba(0,0,0,0.5) url(../images/sub01/slide_prev.png) no-repeat 50%; border-radius: 100%; z-index: 99999 }
.play_slide .swiper-button-next, .play_slide .swiper-button-next2 { position: absolute; top: 50%; right: 0; width: 70px; height: 70px; background: rgba(0,0,0,0.5) url(../images/sub01/slide_next.png) no-repeat 50%; border-radius: 100%; z-index: 8 }
.play_slide .swiper-pagination, .play_slide2 .swiper-pagination2 { position: relative; padding: 50px 0; display: inline-block }
.play_slide .swiper-pagination-bullet, .play_slide2 .swiper-pagination-bullet { margin: 0 1rem }
.play_slide .slide_btn, .play_slide2 .slide_btn2 { display: inline-block }
.play_slide .slide_btn img, .play_slide2 .slide_btn2 img { padding: 0 !important }
.play_slide .slide_btn button, .play_slide2 .slide_btn2 button { border: none; background: none }
.play_slide .swiper_control, .play_slide2 .swiper_control { display: inline-block; text-align: center; margin: 0 auto }
.free_slider { height: 1400px; overflow: hidden }
.free_slider .inner2 { position: absolute; top: 50%; width: 100%; left: 50%; transform: translateX(-50%); z-index: 9; max-width:1480px }
.free_slider .swiper-button-prev { width: 70px; height: 70px; background: rgba(0,0,0,0.5) url(../images/sub01/slide_prev.png) no-repeat 50%; border-radius: 100%; }
.free_slider .swiper-button-next { width: 70px; height: 70px; background: rgba(0,0,0,0.5) url(../images/sub01/slide_next.png) no-repeat 50%; border-radius: 100%; }
.free_slider .swiper-pagination { position: absolute; left: 50%; transform: translateX(-50%); top: 650px; }
.free_slider .swiper-pagination-bullet { margin: 1rem; width: 15px; height: 15px; }
/*.btn_pension a { color: #28444f; position: relative; transition: all 0.5s }
.btn_pension a::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #28444f }*/
.btn_pension a:hover { color: #fff }
.btn_pension a:hover::before { background: #fff }

.free_slider2{min-height:50rem; height:50rem !important}

.free_slider2 .free_bg01 .inner{display:flex; align-items: center;  justify-content: space-between; padding:10rem 3.5rem; max-width:1280px}
.free_slider2 .free_bg01 .inner p em{font-size:0.8rem; font-weight:normal; color:#999; margin-bottom:3rem; margin-top:1rem; display:block; text-align:right}
.free_slider2 .free_bg01 .inner dl{text-align:right; font-family: 'Noto Sans KR', Dotum, '¥ì¢¬¢¯o', Arial, sans-serif !important;}
.free_slider2 .free_bg01 .inner dl dt{font-size:1.5rem; font-weight:600;  margin-bottom:1rem}
.free_slider2 .free_bg01 .inner dl dt span{display:block; font-size:.8rem; color:#9b9b9b; font-weight:500; margin-bottom:1rem}
.free_slider2 .free_bg01 .inner dl dd{font-size:0.8rem; color:#8d8d8d}
.free_slider2 .free_bg01{background:#faf9ed}
.free_slider2 .free_bg02{position:relative}
.free_slider2 .free_bg02 .inner{padding:3rem 3.5rem; max-width:1280px}
.free_slider2 .free_bg02::before{content:''; position:absolute; top:0; left:0; width:100%; height:450px; background:#3a8dde}
.free_slider2 .free_bg02 dl{margin-bottom:2rem}
.free_slider2 .free_bg02 dl dt{margin-bottom:1rem}
.free_slider2 .free_bg02 dl dt img{width:300px}
.free_slider2 .free_bg02 p a{font-size:1.5rem; color:#3a8dde; font-weight:500;  font-family: 'Noto Sans KR', Dotum, '¥ì¢¬¢¯o', Arial, sans-serif !important; position:relative; display:inline-flex}
.free_slider2 .free_bg02 p a::before{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#3a8dde}
.free_slider2 .free_bg02 em{ font-family: 'Noto Sans KR', Dotum, '¥ì¢¬¢¯o', Arial, sans-serif !important; text-align:left; font-size:.7rem; font-weight:300; display:block; line-height:1.8; color:#8d8d8d}


.free_slider2 .free_bg03{background:#f8ce40;  font-family: 'Noto Sans KR', Dotum, '¥ì¢¬¢¯o', Arial, sans-serif !important;}
.free_slider2 .free_bg03 dl{margin-bottom:1rem}
.free_slider2 .free_bg03 dl dt span{display:block; font-weight:lighter; color:#4d4d4d; font-size:0.8rem; margin-bottom:0.5rem}
.free_slider2 .free_bg03 dl dt{font-size:1.6rem; font-weight:bold; color:#19315B; margin-bottom:1rem}
.free_slider2 .free_bg03 dl dt em{color:#3A8DDE}
.free_slider2 .free_bg03 dl dd{font-size:0.8rem; color:#707070; font-weight:lighter}


.free_slider2 .swiper-pagination{top:16rem}


.experience_tit{font-size:2.8rem;  color:#000 ;  font-family: 'Noto Sans KR', Dotum, '¥ì¢¬¢¯o', Arial, sans-serif !important; margin-bottom:5rem}
.experience_tit dt{font-weight:normal;color:#3A8DDE}

.experience_img{margin-bottom:5rem}
.experience_tit_form{color:#19315B; font-size:2.8rem; font-family: 'Noto Sans KR', Dotum, '¥ì¢¬¢¯o', Arial, sans-serif !important; margin-bottom:5rem; }

.btn_go_free input{font-size:1.2rem; font-family: 'Noto Sans KR', Dotum, '¥ì¢¬¢¯o', Arial, sans-serif !important; width:20rem; height:3.2rem; background:#3A8DDE; border-radius:20rem; margin:0 auto; color:#fff; border:none}
/* Æ®·¹ÀÌ³Ê */
.trainer_warp { position: relative; overflow: hidden }
.slide_btn { display: inline-block }
.slide_btn button { border: none; background: none }
.swiper_control { display: inline-block; text-align: center; margin: 0 auto }
/*.trainer_warp::before{content:''; position:absolute; top:0; left:0; width:200px; height:100%; background:#fff; z-index:9}
.trainer_warp::after{content:''; position:absolute; top:0; right:0; width:200px; height:100%; background:#fff; z-index:9}*/
.trainer_slide { position: relative; text-align: center }
.trainer_slide .swiper-slide { position: relative; }
.trainer_slide dl { padding: 3rem; text-align: left; position: relative; z-index: 1; letter-spacing: -1px }
.trainer_slide dl dt { font-weight: 900; font-size: 50px; margin: 0 0 1rem 0 }
.trainer_slide dl dt span { display: block; font-size: 26px; line-height: 1.2; margin: 0 1rem 0 0 }
.trainer_slide dl dt span em { display: block; font-weight: 900 }
.trainer_slide dl dd { font-size: 20px; color: #767171 }
.trainer_slide dl dd span { display: block; font-weight: bold }
.trainer_slide p { float: right; position: absolute; bottom: 0; right: 0; width:65% }
.trainer_slide .swiper-button-prev { width: 70px; height: 70px; background: rgba(0,0,0,0.5) url(../images/sub01/slide_prev.png) no-repeat 50%; border-radius: 100%; top: 50% }
.trainer_slide .swiper-button-next { width: 70px; height: 70px; background: rgba(0,0,0,0.5) url(../images/sub01/slide_next.png) no-repeat 50%; border-radius: 100%; top: 50% }
.trainer_slide .swiper-pagination { position: relative; padding: 50px 0; display: inline-block }
.trainer_slide .swiper-pagination-bullet { margin: 0 1rem }
.btn_list { display: flex; justify-content: center; }
.btn_list li { margin: 1rem }
.btn_list li a { display: block; border-radius: 100px; background: #3092ec; color: #fff; font-weight: 900; text-align: center; padding: 0.5rem 3rem }
.trainer_con { margin: 0 auto 100px auto; position: relative }
.trainer_img { position: absolute; bottom: 0; right: 0px }
/* ¿¬Çõ */
.page-section { margin: 0 0 200px 0 }
.timeline { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative }
.timeline *, .timeline :after, .timeline :before { -webkit-box-sizing: inherit; box-sizing: inherit }
.timeline:not(.timeline--horizontal):before { background-color: #ddd; bottom: 0; content: ''; left: 50%; margin-left: -2px; position: absolute; top: 0; width: 4px; z-index: 1 }
.timeline__wrap { overflow: hidden; position: relative; z-index: 2 }
.timeline__item { font-size: 16px; font-size: 1rem; padding:.625rem 2.5rem .625rem 0;
position: relative; width: 50%; z-index: 2 }
.timeline__item:after { background-color: #fff; border: 4px solid #ddd; border-radius: 50%; content: ''; height: 20px; position: absolute; right: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 20px; z-index: 1 }
.timeline__item.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0 }
.timeline__item.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
.timeline__item--left { left: 0 }
.timeline__item--right { left: 50%; padding:.625rem 0 .625rem 2.5rem
}
.timeline__item--right:after { left: -10px }
.timeline__item--right .timeline__content:before { border-bottom: 10px solid transparent; border-right: 12px solid #ccc; border-left: none; border-top: 10px solid transparent; left: -12px }
.timeline__item--right .timeline__content:after { border-bottom: 9px solid transparent; border-right: 11px solid #fff; border-left: none; border-top: 9px solid transparent; left: -10px }
.timeline__content { display: block; position: relative }
.timeline__content:after, .timeline__content:before { content: ''; height: 0; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 0 }
.timeline__content:before { border-left: 1px solid #ccc; right: -12px; z-index: 1 }
.timeline__content:after { border-bottom: 9px solid transparent; border-left: 11px solid #fff; border-top: 9px solid transparent; right: -10px; z-index: 2 }
.timeline__content h2 { font-size: 1.25rem; font-weight: 700; margin:0 0 .625rem;
color: #ff3b3b }
.timeline__content p {
font-size:.9375rem; margin-bottom: 10px; font-family: 'Noto Sans KR', Dotum, 'µ¸¿ò', Arial, sans-serif !important; }
.timeline__content span { display: flex; border: 3px solid #ccc; border-radius: 100px; width: 70px; height: 70px; align-items: center; margin: 0 auto; justify-content: center }
.timeline--horizontal { font-size: 0; padding: 0 3.125rem; overflow: hidden; white-space: nowrap }
.timeline--horizontal .timeline-divider { background-color: #ddd; display: block; height: 4px; left: 40px; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 40px; z-index: 1 }
.timeline--horizontal .timeline__items { -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; will-change: transform }
.timeline--horizontal .timeline__item { display: inline-block; left: 0; padding: 0 0 2.5rem; position: relative; -webkit-transition: none; -o-transition: none; transition: none; vertical-align: top; white-space: normal }
.timeline--horizontal .timeline__item:after { left: 50%; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 100% }
.timeline--horizontal .timeline__item .timeline__item__inner { display: table; height: 100%; width: 100% }
.timeline--horizontal .timeline__item .timeline__content__wrap { display: table-cell; margin: 0; padding: 0; vertical-align: top }
.timeline--horizontal .timeline__item .timeline__content:before {/* border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #ccc; */ width: 1px; height: 50px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 100% }
.timeline--horizontal .timeline__item .timeline__content:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 100% }
.timeline--horizontal .timeline__item--bottom { padding: 2.5rem 0 0 }
.timeline--horizontal .timeline__item--bottom:after { top: 0 }
.timeline--horizontal .timeline__item--bottom .timeline__content__wrap { vertical-align: top }
.timeline--horizontal .timeline__item--bottom .timeline__content:before {/* border-bottom: 12px solid #ccc; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: none; */ width: 1px; height: 50px; bottom: 100%; top: auto }
.timeline--horizontal .timeline__item--bottom .timeline__content:after { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: none; bottom: 100%; top: auto }
.timeline-nav-button { background-color: #ff3b3a; border: 2px solid #ff3b3a; border-radius: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: block; height: 40px; outline: 0; position: absolute; text-indent: -9999px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 40px; z-index: 10 ; animation: blink-effect 1s step-end infinite;}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}


.timeline-nav-button:disabled { opacity: .5; pointer-events: none }
.timeline-nav-button:before { background-position: center center; background-repeat: no-repeat; content: ''; display: block; height: 14px; left: 50%; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; width: 8px }
.timeline-nav-button--prev { left: 0 }
.timeline-nav-button--prev:before { background-image: url(../images/sub01/arrow-left.png); width: 40px; height: 40px; }
.timeline-nav-button--next { right: 0 }
.timeline-nav-button--next:before { background-image: url(../images/sub01/arrow-right.png); width: 40px; height: 40px; }
.timeline--mobile { padding: 0 }
.timeline--mobile:before { left: 10px!important; margin: 0!important }
.timeline--mobile .timeline__item { left: 0; padding-left: 40px; padding-right: 0; width: 100% }
.timeline--mobile .timeline__item:after { left: 2px; margin: 0 }
.timeline--mobile .timeline__item .timeline__content:before { left: -12px; border-bottom: 12px solid transparent; border-right: 12px solid #ccc; border-left: none; border-top: 12px solid transparent }
.timeline--mobile .timeline__item .timeline__content:after { left: -10px; border-bottom: 10px solid transparent; border-right: 10px solid #fff; border-left: none; border-top: 10px solid transparent }
.timeline__item:nth-child(even) .timeline__content { display: flex; flex-direction: column; }
@-webkit-keyframes fadeIn { 0% {
opacity:0;
top:70px
}
100% {
opacity:1;
top:0
}
}
@keyframes fadeIn { 0% {
opacity:0;
top:70px
}
100% {
opacity:1;
top:0
}
}
@-webkit-keyframes liftUp { 0% {
top:0
}
100% {
top:-15px
}
}
@keyframes liftUp { 0% {
top:0
}
100% {
top:-15px
}
}
/* ÀÚ°Ý°úÁ¤¾È³» */
.bg_green { background: #eefbea }
.bg_sky { background: #effdfe }
.process_list { overflow: hidden; padding: 3rem; width: 90%; margin: 0 auto; height: 360px; display: flex; align-items: center; }
.process_list dt { float: left; width: 30% }
.process_list dd { float: left; text-align: left; width: 70%; font-size: 30px }
.process_list dd span { display: block; font-weight: 900; margin: 0 0 1rem 0; }
/* ¹«·áüÇè½Åû */
.bg_free { background: url(../images/sub05/free_bg.jpg) no-repeat top center }
.navy_box { display: inline-block; background: #19315b; border-radius: 100px; color: #fff; padding: 0.5rem 3rem; font-weight: 900; font-size: 1.5rem }
/* Á¦ÀÏ À§·Î */
#back-top { position: fixed; bottom: 30px; right: 20px; z-index: 999 }
#back-top a { width: 72px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
#back-top span { width: 72px; height: 72px; display: block; margin-bottom: 7px; background: #000 url(../images/common/up-arrow.png)no-repeat center center; transition: 1s; border-radius: 100px }
#back-top a:hover span { background-color: #777; }
.mo { display: none !important }
/* ¸ÞÀÎ »õ·Î */
.main_v { height: 1200px; background: #fbfbf9 url(../images/main/main_bg.jpg) no-repeat top center }
.main_v dl { padding: 210px 0 0 0 }
.main_solution { height: 1200px; background: url(../images/main/solution_bg.jpg) no-repeat top center; }
.main_solution dl { padding: 200px 0 0 0 }
.main_j dl dt { text-align: center }
.main_j dl p { text-align: left; display: inline-block }
.bg_gray { background: #f3f3f3 }
.pd100 { padding: 5rem 0; overflow: hidden }
.pd130 { padding: 6.5rem 0; overflow: hidden }
.pt130 { padding: 6.5rem 0 0 0; overflow: hidden }
.pd150 { padding: 7.5rem 0; overflow: hidden }
.pd170 { padding: 8.5rem 0; overflow: hidden }
.pd200 { padding: 10rem 0; overflow: hidden }
.pt200 { padding: 10rem 0 0 0; overflow: hidden }
.pb200 { padding: 0 0 10rem 0; overflow: hidden }
.pd250 { padding: 12.5rem 0; overflow: hidden }
.pt250 { padding: 12.5rem 0 0 0 }
.pb100 { padding: 0 0 5rem 0 }
.pt170 { padding: 8.5rem 0 0 0 }
.pb170 { padding: 0 0  8.5rem 0 }
.pb80 { padding: 0 0 4rem 0 }
.pd80 { padding: 4rem 0 }
.pt70 { padding: 3.5rem 0 0 0 }
.pt80 { padding: 4rem 0 0 0 }
.pd50 { padding: 3.5rem 0 }
.pl80 { padding: 0 0 0 4rem }
.pl100 { padding: 0 0 0 5rem }
.inline_block { display: inline-block }
.main_magic { padding: 12rem 0; overflow: hidden }
.main_magic p { float: left; margin: 0 0 0 3.25rem; width: 53% }
.main_magic dl { float: right; padding: 6rem 0 0 0; width: 40% }
.flex_half { display: flex; text-align: left }
.half_left { width: 50%; }
.half_right { width: 50%; }
.half_right p { float: right }
.center_contant { display: inline-block; text-align: left }
hr { border-top: 1px solid #ccc }
.brand_half { overflow: hidden }
.brand_half dl { float: left }
.brand_half p { float: right; width: 49% }
.brand_half2 { clear: both; }
.brand_half2 dl { float: right; padding: 6rem 7rem 0 0 }
.brand_half2 p { float: left; margin: -11rem 0 0 0; width: 49% }
.flex_between { display: flex; justify-content: space-between }
.flex_con { display: flex }
.flex_con p, .flex_con dl { flex: 1 }
.synapse_con { display: flex }
.synapse_con dt { width: 50%; padding: 0 70px }
.synapse_con dd { width: 50% }
.flex_colm { display: flex }
.flex_colm dt { width: 47%; padding: 0 0 0 100px }
.flex_colm dd { width: 53% }
.brand_bg { background: url(../images/sub01/brand_bg.jpg) no-repeat top center; padding: 400px 0 0 0; position: relative; height: 2209px }
.brand_bg::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5) }
.dot_red { display: inline-block; width: 6px; height: 6px; background: #ff3b3b; border-radius: 100px; margin: 0 15px 0 0 }
.play_bg { background: url(../images/sub01/15_01.jpg) no-repeat bottom center; height: 934px; }
.play_bg dl { padding: 5rem 0 0 0 }
.course_slide { }
.course_slide .swiper-container { width: 100%; height: 100%; }
.course_slide .swiper-slide {  /* Center slide text vertically */ display: flex; justify-content: center; background: url(../images/sub01/play_slide_bg.png) no-repeat top center; height: 1100px }
.course_slide .swiper-slide dl { padding: 200px 0 0 0 }
.course_slide .swiper-slide dl dt { margin: 0 0 30px 0 }
.course_slide .swiper-pagination { position: absolute; left: 50%; transform: translateX(-50%); top: 50px; position: relative }
.course_slide .swiper-pagination-bullet { padding: 5px 10px; width: 193px; height: 105px; text-align: center; line-height: 30px; font-size: 24px; color: #fff; opacity: 1; background: #a864a8; border-radius: 200px; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; }
.course_slide .swiper-pagination-bullet:nth-child(2) { background: #92278f }
.course_slide .swiper-pagination-bullet:nth-child(3) { background: #662d91 }
.course_slide .swiper-pagination-bullet:nth-child(4) { background: #440e62 }
.course_slide .swiper-pagination-bullet:nth-child(5) { background: #32004b }
.course_slide .swiper-pagination-bullet-active { }
.free_slider { position: relative }
.test_faq { overflow: hidden; border-top: 10px solid #3092ec }
.test_faq dl { padding: 80px 250px; text-align: left; }
.test_faq dl dt { margin: 0 0 80px 0 }
.border_bottom { border-bottom: 1px solid #b5b5b5 }
.mo { display: none }

/*pc*/
@media all and (min-width:1024px) {
.mo { display: none }
.mo_img { display: none }
.container { position: relative; max-width: 100%; width: 100%; margin: 0 auto; clear: both }
/*header*/
#header { width: 100%; position: relative; z-index: 9 }
.hsec1 { height: 130px; transition: 0.3s }
.hsec1 h1 { float: left; padding: 1em 0 }
.hsec1 h1 a { display: block }
.hsec1 h1 .over { display: none }
.lnb { float: left; width: calc(100% - 254px); }
.lnb .close { display: none }
.lnb h2 { display: none }
.mo_lang { display: none }
.lnb ul { position: relative; z-index: 9; display: flex; float: left; width: 80%; align-items: center; height: 100px; }
.lnb ul li { position: relative; float: left; text-align: center; flex: 1 }
.lnb ul li > a { display: inline-block; font-weight: 900; transition: all 0.2s; padding: 0.5rem 2rem }
.lnb ul li > a:hover { color: #3092ec; border-radius: 100px; border: 3px solid #19315B }
.lnb ul li:hover > a { color: #3092ec }
.lnb ul li:hover .sub { /*background: #eee*/ }
.lnb .sub { display: none; position: absolute; top: 80px; width: 100%; height: 300px/*sub³ôÀÌ*/ }
.lnb ul li:first-child .sub { width: 50%; left: 50%; transform: translateX(-50%) }
.lnb ul li:first-child .sub dl { background: #19315B; }
.lnb .sub dd > a { display: block; line-height: 1.4; padding: 4px 10px; font-size: 16px; color: #fff; font-weight: 400; transition: all 0.5s }
.lnb .sub dd > a:hover { color: #fff; }
.lnb_bg { display: none; position: absolute; left: 0; width: 100%; top: 136px; /*border-bottom: 1px solid #ddd;*/ height: 0px/*sub³ôÀÌ*/ }
.lnb .sns { float: left; width: 20%; }
.lnb .sns li a { display: flex; justify-content: center; }
.lnb .sns li:last-child { border: none }
/*½ºÅ©·Ñ½ÃÀÛ*/
.scroll_on .hsec1 { /*border-bottom: 1px solid #ddd*/ }
.scroll_on .hsec1 h1 .out { display: none }
.scroll_on .hsec1 h1 .over { display: block }
.scroll_on .hsec1 { background: rgba(255,255,255,0.9) }
.scroll_on .lnb li > a { color: #222 }
/*lnb ¿À¹ö*/
.lnb_on .hsec1 { /*border-bottom: 1px solid #ddd*/ }
.lnb_on .hsec1 h1 .out { display: none }
.lnb_on .hsec1 h1 .over { display: block }
.lnb_on .hsec1 { /*background: #fff*/ }
.lnb_on .lnb li > a { color: #222 }
}
:root { --color-black: hsl(0, 0%, 10%);
--color-white: hsl(0, 0%, 100%);
--color-darken: hsl(0, 0%, 20%);
--color-pink-100: hsl(336, 95%, 94%);
--color-pink-200: hsl(338, 91%, 87%);
--color-pink-300: hsl(339, 90%, 81%);
--color-pink-400: hsl(339, 88%, 74%);
--color-pink-500: hsl(339, 82%, 67%);
--color-pink-600: hsl(339, 76%, 59%);
--color-pink-700: hsl(339, 67%, 52%);
--color-pink-800: hsl(339, 68%, 45%);
--color-pink-900: hsl(339, 69%, 38%);
--shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}
.header { width: 100%; height: 130px; z-index: 100; margin: 0 auto; background: var(--color-white); box-shadow: var(--shadow-medium); }
.scroll_on .header { background: rgba(255,255,255,0.9) }
.header .wrapper { display: flex; align-items: center; gap: 2rem; max-width: 100%; height: 130px; margin: 0 auto; justify-content: space-between; }
.header .menu>.menu-item { position: relative; display: inline-block; margin: 0 2rem; width: 220px }
.header .menu>.menu-item>a { display: block; font-weight: 900; line-height: inherit; padding: 1rem 0; border: none; outline: none; color: var(--color-black); text-transform: capitalize; -webkit-transition: all .35s ease; transition: all .35s ease; padding: 0.5rem 2rem; font-size: 1.2rem }
.header .menu>.menu-item>a .expand { position: relative; display: inline-block; width:.75rem;
height:.75rem;
margin-left:.35rem;
pointer-events: none; border: none; outline: none }
.header .menu>.menu-item>a .expand:before, .header .menu>.menu-item>a .expand:after { position: absolute; -webkit-box-sizing: inherit; box-sizing: inherit; content: ""; top: 50%; left: 50%; width: 100%; height: 2px; background: var(--color-black); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .35s ease; transition: all .35s ease }
.header .menu>.menu-item:hover>a, .header .menu>.menu-item .select { color: #19315B; border-radius: 100px; box-shadow: 0 0 0 3px #19315B inset; display: block }
.header .menu>.menu-item:hover>a .expand::before, .header .menu>.menu-item:hover>a .expand::after { background: #3092EC }
.header .menu>.menu-item>a .expand::after { -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg) }
.header .menu>.menu-item>.sub-menu>.menu-item>a:hover { color: #19315B; font-weight: bold; background: url(../images/common/submenu_icon.png) no-repeat 20px 50% }
.header .menu>.menu-item>.sub-menu { position: absolute; top: 100%; width: 13rem; height: auto; padding:.75rem 0;
border: none; outline: none; opacity: 0; visibility: hidden; background: rgba(255,255,255,0.8); -webkit-transform: translateY(1rem); transform: translateY(1rem); -webkit-transition: all .35s ease; transition: all .35s ease; }
.header .menu>.menu-item>.sub-menu>.menu-item { display: block; position: relative }
.header .menu>.menu-item>.sub-menu>.menu-item>a { display: block; line-height: inherit; padding: 0.2rem 1.25rem; text-transform: capitalize; -webkit-transition: all .35s ease; transition: all .35s ease }
.header .menu>.active>a { color: #3092EC; border-radius: 100px; box-shadow: 0 0 0 3px #19315B inset; display: block }
.header .burger { position: relative; cursor: pointer; display: none; width: 1.75rem; height: 1rem; margin-top: -0.25rem; outline: none; opacity: 0; visibility: hidden; background: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .35s ease; transition: all .35s ease }
.header .burger-line { position: absolute; display: block; width: 100%; height: 2px; left: 0; border: none; outline: none; opacity: 1; border-radius:.25rem;
background: var(--color-black); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .25s ease; transition: all .25s ease }
.header .burger-line:nth-child(1) { top: 0 }
.header .burger-line:nth-child(2), .header .burger-line:nth-child(3) { top:.5rem
}
.header .burger-line:nth-child(4) { top: 1rem }
.header .overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; opacity: 0; visibility: hidden; background: rgba(0,0,0,.65); -webkit-transition: all .35s ease; transition: all .35s ease }
@media only screen and (min-width: 993px) {
.header .menu>.menu-item-child:hover>.sub-menu { display: block; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0) }
.header .menu>.menu-item-child:hover>a .expand::after { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg) }
}
.sticky { position: fixed; top: 0; width: 100%; }
.sticky + .content { padding-top: 102px; }
#bo_list, #bo_list a { letter-spacing: -1px }
#bo_sch .sch_input { width: 220px; letter-spacing: -1px }

@media only screen and (min-width: 1025px) {
.mo_1024{display:none}
}
@media only screen and (max-width: 1024px) {
.mo_1024{display:block; width:100%; padding:0 10px}
.pc_free{display:none}
}