@charset "utf-8";

/* °øÅë */
*{box-sizing:border-box; font-size: inherit;}


body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, ins, kbd, samp, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td{font-family:"Noto Sans KR", "Malgun Gothic", ¸¼Àº°íµñ, µ¸¿ò, Dotum, Helvetica, "Apple SD Gothic Neo", sans-serif;text-size-adjust: none;}
:focus {outline: 0;}
textarea{ resize:none; }

/* Common */
body {
	-webkit-text-size-adjust:none;
}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-box-sizing:border-box;}
body{ background-color:#fff;font-size:120%;line-height:1.25em;color:#000;-webkit-text-size-adjust: none;}
section,nav,article,aside,hgroup,header,footer{display:block}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
table{border-collapse:collapse;border-spacing:0;}
a{color:inherit;text-decoration:none}
img {
	vertical-align:top;
}

@media all and (max-width: 640px){
#wrap_m {

}
}

/* NEW */
#container-all{position:relative;}
#container-all,
.viewport_container{font-size: 32px;color:#444;line-height:1.2; min-width: 750px; min-height: 800px;}
.viewport_container *{box-sizing:border-box;max-width:100%;}

.viewport_container .inner{margin:0 auto;padding:0 40px;}
.viewport_container .inner.no-padding{padding:0;}

::-webkit-input-placeholder {color:#8D94A5 !important;font-size: 32px !important;}
::-ms-input-placeholder{color:#8D94A5 !important;font-size: 32px !important;}
::placeholder{color:#8D94A5 !important;font-size: 32px !important;}

.viewport_container .ellipsis{display:-webkit-box;text-align:left; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-sizing:border-box;}

.viewport_container .menu_conts_margin{padding-top:60px;padding-bottom:90px;}

/* °Ë»öÃß°¡ 2021.12.27 */
.find{margin:60px auto 0; width: 100%;  position: relative; padding:0 40px}
.find .enter{width: 100%; padding-left: 20px; border: 1px solid #8D94A5; height: 108px; border-radius: 20px; box-sizing: border-box;}
.find input[type="text"]{width:85%; border: none; height: 106px; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.find:after{content: ""; clear: both; display:block; width: 48px; height: 48px; position: absolute; top:30px; right:70px; background: url(https://static.conects.com/common/m2/lecture/find.png) no-repeat right 50%}
.find .find_img{display: block; width: 108px; height: 108px; position: absolute; top:0; right:40px; text-indent: -99999%; font-size: 0;z-index: 10;}
/* //°Ë»öÃß°¡ 2021.12.27 */

.viewport_container .color_red{color:#FF0E00 !important;}
.viewport_container .color_orange{color:#FF5C00 !important;}
.viewport_container .color_pink{color:#EA6AFF !important;}
.viewport_container .color_blue{color:#0006EB !important;}

.viewport_container .txt_center{text-align:center !important;}
.viewport_container .txt_right{text-align:right !important;}

.viewport_container .thumbnail{border-radius:30px;display:block;position: relative; overflow: hidden;padding-top:56.25%;}
.viewport_container .thumbnail > img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;max-width:100%;height:100%;max-height:100%;object-fit: cover;}
.viewport_container .thumbnail.no_round{border-radius:0;}

.viewport_container .tab_menu_content{display:none;}
.viewport_container .tab_menu_content.selected{display:block;}

.viewport_container input[type="checkbox"].style_blue {width:48px; height:48px; border:none; outline: none; position:relative;appearance: none;-webkit-appearance: none; -moz-appearance: none; vertical-align: top;margin-top:2px;}
.viewport_container input[type="checkbox"].style_blue::after {display:block; content:''; width:48px; height:48px; background:url('//static.conects.com/gong_dangicokr/img/m/gong/common/ico_unchecked.png') no-repeat 50% 50%;background-size:contain; position:absolute; top:0; left:0;}
.viewport_container input[type="checkbox"].style_blue:checked::after {display:block; content:''; width:48px; height:48px; background:url('//static.conects.com/gong_dangicokr/img/m/gong/common/ico_checked.png') no-repeat 50% 50%;background-size:contain; position:absolute; top:0; left:0;}

.viewport_container select.select_blue {width:100%;height:51px;line-height:51px;border:0 none; appearance: none; -webkit-appearance: none; -moz-appearance:none; color: #0006EB; background: url('//static.conects.com/gong_dangicokr/img/m/gong/common/ico_selectbox.png') no-repeat 100% 50%; cursor: pointer;font-size:32px;padding-right:50px;}
.viewport_container select.select_blue::-ms-expand {display: none;}
.viewport_container select.select_blue:required:invalid{color:#8D94A5;}
.viewport_container select.select_blue option {color:#8D94A5;font-size:32px;}
.viewport_container select.select_blue:focus {outline: 0; border: none;}
.viewport_container select.select_blue option:focus {outline: 0; border: none;}

.viewport_container .w100p{width:100% !important;}
.viewport_container [class*="btn_count_"]{display: grid;grid-gap:26px;}
.viewport_container [class*="btn_count_"] > a{width:auto !important;}
.viewport_container .btn_count_two{grid-template-columns:repeat(2, 1fr);}
.viewport_container .btn_count_three{grid-template-columns:repeat(3, 1fr);}
.viewport_container .btn_count_four{grid-template-columns:repeat(4, 1fr);}
.viewport_container .btn_count_five{grid-template-columns:repeat(5, 1fr);}

.viewport_container .btn_wrap{font-size:0;}
.viewport_container .btn_wrap > a{display:inline-block;vertical-align:top;}
.viewport_container .btn_big{height:108px;line-height:108px;width:100%;border-radius: 10px;font-size:32px;text-align:center;}
.viewport_container .btn_gray{background-color:#F4F5F8;color:#444;}
.viewport_container .btn_blue{background-color:#0006EB;color:#fff;}
.viewport_container .btn_white{background-color:#fff;color:#444;}

/* gnb + lnb */
@keyframes modal_show_ani {100%{transform: translateY(0);}}
.modal_showing,
.lnb_showing {box-sizing:border-box;overflow:hidden;}

.header_gnb{display:flex;justify-content: space-between;align-items: center;padding:36px 40px 34px;}
.header_gnb .gnb_left > a{ display:inline-block;font-size: 40px;font-weight:700;color: #000;padding-left:46px;background:url('//static.conects.com/gong_dangicokr/img/m/gong/common/250305/gnb_ico_bi02.png') 0 50% no-repeat;background-size:37px auto;font-family: 'Pretendard';}
.header_gnb .gnb_right{font-size:0;text-align:right;}
.header_gnb .gnb_right > a{display:inline-block;margin-left:24px;}
.header_gnb .gnb_right > a.btn_lnb_show{display:inline-block;width:48px;margin-left:24px;}
.header_gnb .gnb_right > a > img{width:100%;vertical-align:middle;}

/* .header_gnb ~ .menu_gnb_common{margin-top:20px;} */


.header_lnb{width:100%;transform:translateX(100%); z-index:99999;position:fixed;top:0;bottom:0;left:100%;right:0;background-color:#fff;transition: all .5s;overflow:auto;-webkit-overflow-scrolling:touch;}
.header_lnb > div{width:100%;height:100%;overflow:inherit;}
.header_lnb .inner{padding:0 40px;margin:0 auto;position:relative;}
.header_lnb.state_show{width:100%;transform:translateX(0);left:0;}
.header_lnb .my_box{position:fixed;z-index:1;top:0;left:0;right:0;background:#172C8D;padding:52px 0 40px;}
.header_lnb .my_box .btn_lnb_hide{position:absolute;top:-16px;right:36px;}
.header_lnb .my_box .inner div{display:inline-block;position:relative;color:#fff;font-size:40px;font-weight: 700;line-height: 160%;}
.header_lnb .my_box .inner div > li{list-style:none;}
.header_lnb .my_box .inner div::after{content:'';position:absolute;top:12px;right:-53px;width:44px;height:44px;background:url('//static.conects.com/gong_dangicokr/img/m/gong/common/lnb_arrow.png') no-repeat 0 0;}
.header_lnb .my_box .inner div a{color:inherit;}
.header_lnb .my_box ul{margin-top:40px;background:#0D1F75;}
.header_lnb .my_box ul::after{content:'';display:block;clear:both;height:0;}
.header_lnb .my_box ul li{float:left;position:relative;width:50%;text-align: center;}
.header_lnb .my_box ul li:first-child::after{content:'';position:absolute;top:40px;right:0;width:2px;height:20px;background:#4A5AA1;}
.header_lnb .my_box ul li a{display:block;padding:34px 0;color:#BAC4F0;font-size:28px;line-height:32px;letter-spacing:-0.05em;font-weight: 400;}
.header_lnb .lnb_menu{margin-top:296px;position:relative;min-height:calc(100% - 296px);height:calc(100% - 296px);overflow-y:scroll;background:#f6f6f6;}
.header_lnb .lnb_menu::after{content:'';display:block;clear:both;height:0;}
.header_lnb .lnb_menu .tab{position:fixed;z-index:1;top:296px;left:0;bottom:0;width:222px;background:#fff;}
.header_lnb .lnb_menu .tab a{display:block;height:92px;border-bottom:2px solid #f6f6f6;padding:0 40px; line-height:90px;color:#000;font-size:24px;font-weight: 400;letter-spacing: -0.003em;}
.header_lnb .lnb_menu .tab a.on{position:relative;border-bottom:none;width:234px;color:#fff;font-weight:700;background: #0D1F75;box-shadow: 10px 16px 12px rgba(0, 0, 0, 0.2);}
.header_lnb .lnb_menu .menu_cont{width:calc(100% - 222px);margin-left:222px;padding:0 40px 20px 36px;}
.header_lnb .lnb_menu .menu_cont .cont{display:none;}
.header_lnb .lnb_menu .menu_cont strong{display:block;padding-top:40px;line-height:64px;color:#000;font-size:24px;font-weight: 700;letter-spacing: -0.05em;}
.header_lnb .lnb_menu .menu_cont strong:first-child{padding-top:20px;}
.header_lnb .lnb_menu .menu_cont ul{font-size:0;}
.header_lnb .lnb_menu .menu_cont li{width:50%;display:inline-block;}
.header_lnb .lnb_menu .menu_cont li a{display:block;line-height:60px;color:#333;font-size:24px;font-weight: 400;letter-spacing: -0.05em;}


 #container-all .header_gnb ~ .menu_gnb_common{margin-top: 0;}
.header_gnb .gnb_right > a{margin-right: -7px;}
.gnb-section{position: relative;}
.gnb-section.none{}
.gnb-section .tab{border-bottom: 0; overflow: hidden;}
.gnb-section .tab::before {content: '';display: block; height: 90px; position: absolute;top: 0;bottom: 0;left: 0;width: 40px;background: linear-gradient(90deg, #fff 0%, rgba(250, 250, 250, 0) 100%);z-index: 100; pointer-events: none;}
.gnb-section .tab::after {content: '';display: block; height: 90px; position: absolute;top: 0;bottom: 0;right: 0;width: 40px;background: linear-gradient(270deg, #fff 0%, rgba(250, 250, 250, 0) 100%);z-index: 100; pointer-events: none;}
.gnb-section.none .tab{border-bottom: 2px solid #E1E1E1;}
.gnb-section.none .tab-content{border-top: 0}
.menu_gnb_common.fixed {position: fixed; width: 100%; top: 0; left: 0; background: #fff; z-index: 999; margin-top:0 !important;}
.menu_gnb_common .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.menu_gnb_common .tab-nav { position: relative; width: calc(100% - 80px); margin: 0 auto; background-color: #fff; overflow: unset;}
.menu_gnb_common .tab-nav .swiper-slide { font-size: 32px; position: relative; text-align: center; color: #222; cursor: pointer; vertical-align: top; width: auto; margin-right: 40px;}
.menu_gnb_common .tab-nav .swiper-slide.active { color: #0006EB; font-weight: bold; }
.menu_gnb_common .tab-nav .swiper-slide.last{margin-right: 0;}
.menu_gnb_common .tab-nav .swiper-slide a{font-weight: 500; padding:26px 0; display: block;}
.menu_gnb_common .tab-active-bar { position: absolute; bottom: 0; left: 0; height: 4px; width: 29px; background-color: #0006EB; border-radius: 2px; transition-property: all; display: none; transition-duration: 0.25s;}
.menu_gnb_common .tab-content{border-top: 2px solid #E1E1E1}
.menu_gnb_common .tab-content .swiper-slide { cursor: pointer; background-color: #f4f5f8;}
.menu_gnb_common .tab-content div.swiper-slide.active{ background-color: #0006EB; }
.menu_gnb_common .tab-content .swiper-slide .sub-tab{overflow: auto; width: calc(100% - 4.5rem); margin: 0 auto; -ms-overflow-style: none; scrollbar-width: none;}
.menu_gnb_common .tab-content .swiper-slide .sub-tab::-webkit-scrollbar{display: none}
.menu_gnb_common .tab-content .swiper-slide .sub-tab > div{white-space: nowrap; display: flex; padding: 22px 0;}
.menu_gnb_common .tab-content .swiper-slide .sub-tab > div a {margin-right: 24px; color: #5b5b5b; font-size: 29px;}
.menu_gnb_common .tab-content .swiper-slide .sub-tab > div a:last-child{margin-right: 0}
.menu_gnb_common .tab-content .swiper-slide .sub-tab > div a.active{color: #0006EB;}
.none .tab-content{display: none;}
.swiper-wrapper{height:90px;}
.tab-content .swiper-slide{height:80px;}

/* ¸ð¹ÙÀÏ FOOTER °³Æí */
#footer_m_v2 { text-align: center; background: #fff;  position:relative;background: #FBFBFB;}
#footer_m_v2 .footer_con { padding:68px 40px;}
#footer_m_v2 .footer_con .footer_logo {text-align: center;}
#footer_m_v2 .footer_con .footer_logo h1{color:#808080; font-size:0.8em; font-weight:700}
#footer_m_v2 .footer_con .footer_logo a {vertical-align: middle; margin-left:36px;}
#footer_m_v2 .footer_con .footer_logo a img {vertical-align: middle;}
#footer_m_v2 .footer_con .etc {color:#808080;text-align:center;position:relative; padding-top:40px;}
#footer_m_v2 .footer_con .etc li {margin:0 0 8px;font-size:21px ;line-height: 1.2em;width:100%;}
#footer_m_v2 .footer_con .etc li:first-child div{border-right:1px #d7d7d7 solid;padding:0 10px 0 7px;display:inline-block;}
#footer_m_v2 .footer_con .etc li:first-child div:last-child {border-right:0;}
#footer_m_v2 .footer_con .etc li:first-child div a{margin-left:3px;}
#footer_m_v2 .footer_con .etc li:first-child div a:first-child{margin-left:0;}
#footer_m_v2 .footer_con .etc li:first-child div .changes{color:#b1b1b1;}
#footer_m_v2 .footer_con .etc li:first-child a{font-size:1em;line-height:1.5em;}

#aca_footer_wrap { padding:  80px 40px 80px; margin: 0 auto; background: #F3F3F3;}
#aca_footer_wrap .aca_footer {position: relative; text-align: left; margin: 0 auto; text-align: center;}
#aca_footer_wrap .aca_footer:not(:first-child) {padding-top: 50px;}
#aca_footer_wrap .aca_footer > .left {display: flex; align-items: center;  color: #888; font-size: 21px; line-height: 115%; letter-spacing: -0.39px; margin-bottom: 20px; justify-content: center;}
#aca_footer_wrap .aca_footer > .left .logo {line-height: 115%; margin-right: 8px;}
#aca_footer_wrap .aca_footer > .left .logo strong {font-size: 32px; font-weight: 900; }
#aca_footer_wrap .aca_footer > .right {color: #888; font-size: 20px; font-weight: 400; line-height: 150%; letter-spacing: -0.36px;}
#aca_footer_wrap .aca_footer > .right p {padding-bottom: 20px; word-break: keep-all;}
#aca_footer_wrap .aca_footer > .right span:before { content: '|';  margin: 0 6px; color: #E3E6EC;}
#aca_footer_wrap .aca_footer > .right span:first-child:before{display: none;}
#aca_footer_wrap .aca_footer > .right span:nth-child(3):before {display: none;}
#aca_footer_wrap .aca_footer > .right span {word-break: keep-all; font-size: 18px; font-weight: 400; color: #717271;}
#aca_footer_wrap .aca_footer > .right span:nth-child(3) {display: inline-block;}
#aca_footer_wrap .more_list {padding-top: 24px;}
#aca_footer_wrap .aca_footer .btn_aca {position: absolute; bottom: 0; right: 0; color: #A1A1A1; font-size: 11px; font-weight: 500; line-height: 141%; letter-spacing: -0.6px; text-decoration-line: underline;}

@media handheld, only screen and (max-width: 1024px) {
	.pc {display:none;}
}
/*@media handheld, only screen and (max-width: 768px) {
	.header_gnb {zoom: 0.94;}
	.header_lnb {zoom: 0.94;}
	.menu_gnb_common {zoom: 0.94;}
	.footer_m_v2 {zoom: 0.94;}
	.aca_footer_wrap {zoom: 0.94;}
}
@media handheld, only screen and (max-width: 691px) {
	.header_gnb {zoom: 0.92;}
	.header_lnb {zoom: 0.92;}
	.menu_gnb_common {zoom: 0.92;}
	.footer_m_v2 {zoom: 0.92;}
	.aca_footer_wrap {zoom: 0.92;}
}
@media handheld, only screen and (max-width: 500px) {
	.header_gnb {zoom: 0.67;}
	.header_lnb {zoom: 0.67;}
	.menu_gnb_common {zoom: 0.67;}
		.footer_m_v2 {zoom: 0.67;}
	.aca_footer_wrap {zoom: 0.67;}
}
@media handheld, only screen and (max-width: 430px) {
	.header_gnb {zoom: 0.57;}
		.header_lnb {zoom: 0.57;}
	.menu_gnb_common {zoom: 0.57;}
	.footer_m_v2 {zoom: 0.57;}
	.aca_footer_wrap {zoom: 0.57;}
}
@media handheld, only screen and (max-width: 414px) {
	.header_gnb {zoom: 0.55;}
		.header_lnb {zoom: 0.55;}
	.menu_gnb_common {zoom: 0.55;}
	.footer_m_v2 {zoom: 0.55;}
	.aca_footer_wrap {zoom: 0.55;}
}
@media handheld, only screen and (max-width: 393px) {
	.header_gnb {zoom: 0.52;}
		.header_lnb {zoom: 0.52;}
	.menu_gnb_common {zoom: 0.52;}
	.footer_m_v2 {zoom: 0.52;}
	.aca_footer_wrap {zoom: 0.52;}
}
@media handheld, only screen and (max-width: 390px) {
}
@media handheld, only screen and (max-width: 384px) {
	.header_gnb {zoom: 0.51;}
		.header_lnb {zoom: 0.51;}
	.menu_gnb_common {zoom: 0.51;}
	.footer_m_v2 {zoom: 0.51;}
	.aca_footer_wrap {zoom: 0.51;}
}
@media handheld, only screen and (max-width: 375px) {
	.header_gnb {zoom: 0.5;}
		.header_lnb {zoom: 0.5;}
	.menu_gnb_common {zoom: 0.5;}
	.footer_m_v2 {zoom: 0.5;}
	.aca_footer_wrap {zoom: 0.5;}
}
@media handheld, only screen and (max-width: 360px) {
	.header_gnb {zoom: 0.48;}
		.header_lnb {zoom: 0.48;}
	.menu_gnb_common {zoom: 0.48;}
	.footer_m_v2 {zoom: 0.48;}
	.aca_footer_wrap {zoom: 0.48;}
}
@media handheld, only screen and (max-width: 320px) {
	.header_gnb {zoom: 0.43;}
		.header_lnb {zoom: 0.43;}
	.menu_gnb_common {zoom: 0.43;}
	.footer_m_v2 {zoom: 0.43;}
	.aca_footer_wrap {zoom: 0.43;}
}*/