/* common */
:root {
  --theme-color: #2768b2;
  --theme-color2: #1d5697;
  --theme-color3: #d2e7ff;
  --blue: #4e73df;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #e74a3b;
  --orange: #fd7e14;
  --yellow: #f6c23e;
  --green: #1cc88a;
  --teal: #20c9a6;
  --cyan: #36b9cc;
  --white: #fff;
  --gray: #858796;
  --gray-light: #dcdee3;
  --gray-dark: #5a5c69;
  --primary: #4e73df;
  --secondary: #858796;
  --success: #1cc88a;
  --info: #36b9cc;
  --warning: #f6c23e;
  --danger: #e74a3b;
  --light: #f8f9fc;
  --dark: #5a5c69;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-weight:400; font-size: 1rem; background: url('/common/svg/select_arrow.svg') calc(100% - 10px) center no-repeat;background-size: 12px;padding: 0 30px 0 10px;outline: 0 none; }
input[type="checkbox"]{position:relative;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;background: #fff;cursor: pointer;padding: 9px;width: 20px;height: 20px;border:1px solid #ddd;border-radius: 3px;box-sizing:border-box;margin-right:10px;overflow: hidden; }
input[type="checkbox"]::after {content:'';display: none;width: 20px;height: 20px;position: absolute;top:0;left:0;text-align: center;background-image: url("/common/svg/checkbox_on.svg");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;cursor: pointer; }
/* input[type="checkbox"]:checked {border:1px solid #2055a5;} */
input[type="checkbox"]:checked {border:0;}
input[type="checkbox"]:checked::after {display: block;}
input[type="checkbox"].warning {
	outline-color : var(--danger);
	outline-style: solid;
	outline-width : 1px;
}
button {
  display: block;
  /* width: 100%; */
  border-radius: 3px;
  padding: 12px;
  margin-top: 30px;
  font-size: 1rem;
  color: #fff;
  background-color: var(--theme-color);
  /* text-align: center; */
}

button:hover {
  background-color: var(--theme-color2);
}

button:disabled {
  background-color: var(--gray);
}

/* end of common styles */
@font-face {
	font-family: 'GmarketSansBold';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GmarketSansMedium';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GmarketSansLight';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


/* header.php */
.header .m-navWrap,
.header .m-btn {
  display: none;
}
.section_sub .sub-nav ul {color:#a2a2a2;}
.section_sub .sub-nav ul li:last-child{font-weight:bold;color:#297ac8;}

.h_top {height:70px;display:flex;align-items:center;}
.h_top .h_top_menu {color:#333;}
.h_top .h_top_menu li {margin-left: 20px;}
.h_top .h_top_menu li a {display: block; font-size: 1rem; transition: all 0.1s;}
.h_top .h_top_menu li img {margin-right: 0.315rem;}
.h_top .h_top_menu li a:hover {color: #a6bcff;}

/* .h_top .h_top_menu .symbol {display: inline-block; border-radius: 5px;} */
.h_top .h_bottom_menu {margin-bottom:0; justify-content:flex-end; gap:10px;}
.h_top .h_bottom_menu img {width:40px;}
.h_top .langWrap {position: relative; width: 240px;}
.h_top .langWrap img{width:100%;}
.h_top .langWrap .toggleTit {padding: 0 8px; box-sizing:border-box; height: 30px; cursor:pointer;}
.h_top .langWrap .toggleDown {display: none; position: absolute; top: 30px; width: 100%; box-sizing:border-box; padding: 10px; border-radius: 10px; background-color: #fff; z-index: 50;}
.h_top .langWrap .toggleDown .toggleDownmenu li {margin-bottom: 5px; color: #002250;}
.h_top .langWrap .toggleDown .toggleDownmenu li:last-child {margin-bottom: 0;}
.h_top .langWrap .toggleDown .toggleDownmenu li .mr10 {margin-right: 10px;}

.h_bot {position: relative;box-sizing: border-box;background-color:#fff;border-bottom:1px solid #f1f1f1;}
.h_bot .h_bot_menu {display:flex; align-items:center; height:55px; justify-content:space-around;margin-bottom:0; padding:0;}
.h_bot .h_bot_menu li a {font-size: 1.125rem; transition: all 0.3s;text-align: center;font-weight:600;color:#333;}
.h_bot .h_bot_menu li a:hover {color: #224abe;}
.h_bot .h_bot_menu .menu_list_depth1 {position:relative;width:16%;box-sizing:border-box;display:flex; align-items:center; height:80px;justify-content:center;}
.h_bot .h_bot_menu .menu_list_depth1:nth-child(2) {width:17%;}

.h_bottom_box {padding:0; margin:0; display:flex; gap:20px;}

.c_center .submenu {display:none; position:absolute;padding:0 10px; top:70px; left:50%; width:100%; height:249px; border-right:1px solid #e9e9e9; transition: all 0.2s ease-in-out;z-index:9999;transition: opacity 0.3s ease, transform 0.3s ease;transform:translateX(-50%)}
.c_center .submenu ul {padding:12px 0 0 0;}
.c_center .submenu ul li a {display:block; padding:6px 2px; color:#545454; text-align:center; font-size:15px; line-height:23px; text-decoration:none;}
.c_center .submenu ul li a:hover {color:#2055a5;}
.c_center > ul > li:first-child .submenu {border-left:1px solid #e9e9e9;}
.c_center > ul > li.active > .submenu,
.c_center > ul > li.current > .submenu {background:#f8f9f9;}
.submenu_bg {display:none; position:absolute; top:55px; left:0; width:100%; background:#fff; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;height:250px;z-index:9998;}

a.link:hover {
  color: var(--theme-color);
  transition: all 0.2s ease-out;
}
/* end of header.php */

/* 진행중 강의 */
.section_01 {width:1280px;margin:0 auto; padding:60px 0;}
.class_tit {font-size:30px;font-weight:700;margin-bottom:40px;display:flex; align-items:center;}
.class_tit span {padding-right:15px;}
/* .class_tit::before {content:""; display:block; width:30px; height:4px; background-color:#333;margin-bottom:20px;} */

.class_wrap {width:100%; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;}
.class_wrap .class_cont {width:24%; border-radius:10px; box-shadow:0px 5px 10px #8e8e8e40; overflow:hidden; margin-bottom:30px;}

.class_wrap .class_cont .c_img{width:100%; padding-bottom:58%; background-size:contain;background-repeat: no-repeat;}
/* .class_wrap .class_cont:nth-child(1) .c_img{background:url('/common/images/main/subject_01.png')top no-repeat;}
.class_wrap .class_cont:nth-child(2) .c_img{background:url('/common/images/main/subject_02.png')top no-repeat;}
.class_wrap .class_cont:nth-child(3) .c_img{background:url('/common/images/main/subject_03.png')top no-repeat;}
.class_wrap .class_cont:nth-child(4) .c_img{background:url('/common/images/main/subject_04.png')top no-repeat;} */

.class_wrap .class_cont .c_wrap{width:100%;padding:20px; box-sizing:border-box;}
.class_wrap .class_cont .c_wrap .c_tit{font-size:20px; font-weight: 700; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.class_wrap .class_cont .c_wrap .c_cont{font-size:18px; color:#333;margin:5px auto;height:50px;overflow:hidden; text-overflow:ellipsis;word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.class_wrap .class_cont .c_wrap .c_date{font-size:14px; color:#9b9b9b;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.class_wrap .class_cont .c_btn{font-size:16px; color:#333;padding:10px 0; border-top:1px solid #efefef;border-radius:0 0 10px 10px;display:flex; justify-content:center;align-items:center;gap:5px; transition:background-color 0.3s;cursor:pointer;}
.class_wrap .class_cont .c_btn:hover {background-color:#2768b2; color:#fff;}
.class_wrap .class_cont .c_btn .c_ico{width:20px; height:20px; display:block; background:url('/common/images/common/class_btn.png') no-repeat center;transition:background-image 0.3s;}
.class_wrap .class_cont .c_btn:hover .c_ico{background:url('/common/images/common/class_btn_hover.png') no-repeat center;}

.slick-slide {margin:0 10px; height:100%;}
.slick-list {margin:0 -10px;}
.slick-next, .slick-prev {width:30px !important; height:30px !important; font-family:initial;background:initial !important;}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {background:initial;}
.slick-prev, .slick-prev:before {background-image:url('/common/images/common/prev.png') !important;}
.slick-next, .slick-next:before {background-image:url('/common/images/common/next.png') !important;}
.slick-prev {left:-50px !important; margin-top:0;}
.slick-prev:before {content:"" !important;}
.slick-next {right:-50px !important; margin-top:0;}
.slick-next:before {content:"" !important;}
.slick-next:before, .slick-prev:before {font-size:30px; content:"";font-family:initial; color: #000 !important;}

/* 공지사항, 배너 */
.section_02 {width:100%; padding:60px 0; margin:0 auto; background-color:#f1f8fe}
.section_02 .board_wrap {width:1280px; margin:0 auto; display:flex; justify-content:space-between; gap:20px;}
.section_02 .board_wrap .board_area {width:50%; height:380px; background-color:#fff; border:1px solid #ccc; box-sizing:border-box;padding:20px;border-radius:15px;}
.section_02 .board_wrap .board_area .board_tab {width:100%;position:relative;}
.section_02 .board_wrap .board_area .board_tab > ul {padding:0;margin:0;display:flex; justify-content:flex-start; gap:30px; border-bottom:1px solid #ddd;}
.section_02 .board_wrap .board_area .board_tab > ul li {cursor:pointer;font-weight:bold;font-size:20px;color:#a9a9a9; padding:0px 10px 20px;}
.section_02 .board_wrap .board_area .board_tab > ul li.tab_active { border-bottom:4px solid #2768b2;color:#333;}
.board_cont {width:100%; padding:20px 10px;}
.board_cont ul {padding:0; margin:0;display:flex; flex-direction:column; gap:20px;}
.board_cont ul li{display:flex; justify-content:space-between;font-size: 1.095rem;gap:0.515rem;}
.board_cont ul li .cont_01{width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.section_02 .banner_wrap {width:50%; height:380px; display:flex; flex-flow:row wrap; justify-content:space-between; gap:10px 10px;}
.section_02 .banner_wrap .banner_box {width:49%; padding:20px;position:relative;border-radius:15px;}
.section_02 .banner_wrap .banner_box:first-child {background:url('/common/images/main/bannerbg_01.png')center no-repeat; background-size:cover;}
.section_02 .banner_wrap .banner_box:nth-child(2) {background:url('/common/images/main/bannerbg_02.png')center no-repeat; background-size:cover;}
.section_02 .banner_wrap .banner_box:nth-child(3) {background:url('/common/images/main/bannerbg_03.png')center no-repeat; background-size:cover;}
.section_02 .banner_wrap .banner_box:last-child {background:url('/common/images/main/bannerbg_04.png')center no-repeat; background-size:cover;}
.section_02 .banner_wrap .banner_box .bbox_tit {color:#fff; font-size:22px;}
.section_02 .banner_wrap .banner_box .bbox_tit small {font-size:15px; font-weight: 100;}
.section_02 .banner_wrap .banner_box .bbox_tit b {font-size:22px; font-weight: 700;}
.section_02 .banner_wrap .banner_box .bbox_q {color:#fff; font-size:14px;position:absolute;bottom:20px;right:20px;}
/* end of main.php */


/* footer.php */

.footer {width:100%; position:relative;margin:0 auto;}
.footer_wrap {width:100%;background-color:#3f4551;}
.footer_t {width:100%; height:60px;background-color:#393d45;}
.footer_t .ft_wrap {width:1280px;height:60px;margin:0 auto;display:flex; flex-direction:row; align-items:center; gap:10px;}
.footer_t .ft_wrap a, .footer_t .ft_wrap span{color:#fff;}
.footer_t .ft_wrap a:hover {color:#9c9c9c;}
.footer_c {width:1280px; margin:0 auto; box-sizing:border-box;display:flex; flex-direction:row; justify-content: space-between;}
.footer_c .footer_c_L{color:#fff;line-height:1.5; padding:40px 0;}
.footer_c .footer_c_R{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:10px 0 40px;box-sizing:border-box;}
.footer_icon {display:flex; flex-direction:row;gap:10px;}
.footer_icon img {width: 40px;}

/*퀵배너*/
.quick_banner {position:fixed; top:50%; right:0px; transform:translateY(-50%); transition: right 0.3s ease-in-out;}
.quick_box {font-weight: 300;width:100px; height:120px; display:flex; align-items:center; justify-content:center; flex-direction:column;;color:#fff;gap:8px;}
.quick_box p {font-size:16px;}
.quick_box:first-child {background-color:#2768b2; border-radius:20px 0 0 0}
.quick_box:first-child:hover {background-color:#174d8c;}
.quick_box:nth-child(2) {background-color:#a5abbd; border-radius:0 0 0 0}
.quick_box:nth-child(2):hover {background-color:#7d859c;}
.quick_box:nth-child(3) {background-color:#404756; border-radius:0 0 0 20px}
.quick_box:nth-child(3):hover {background-color:#282e3c;}

@media screen and (max-width:1500px){
	.quick_banner {display:none;}
}

/* end of footer.php */

/* greeting*/
.greeting_wrap {width:100%;padding-top:140px;}
.greeting_box {background: linear-gradient(90deg, #c7ced8, #9faab7); position:relative;}
.greeting_box .g_img{position:absolute;right:50px;bottom:0px;}
.greeting_box .g_txt{width:60%; padding:60px; box-sizing:border-box;}
.greeting_box .g_txt strong{color:#008dff}
.greeting_box .g_txt > h2 {font-size:2.2rem; font-weight:500; margin-bottom:30px;}
.greeting_box .g_txt > p {font-size:1.125rem;word-break:keep-all;}
.greeting_box .g_txt > p.sign {font-size:1.125rem;font-weight:bold; padding:20px 0;}
.greeting_box .g_txt > p.sign span {font-family: 'ROEHOE-CHAN';font-weight:normal; font-size:2.25rem; padding: 0 30px;}

.greeting_cont {width:100%; padding:60px; box-sizing:border-box;font-size:1.125rem; line-height:1.5;border:1px solid #d5d5d5;background:#f7f7f7}
.g_cont_txt p {}
.g_cont_txt2 {display:flex; justify-content:space-between; gap:60px; margin:20px auto;}


/* ment */
.ment__wrap {width: 100%; padding: 1rem;}
/* .ment__wrap img {max-width:100% !important; float: none !important;} */

.popup_checkbox-wrap {
  width:20px;
  padding-left:5px;
}

.popup_checkbox-wrap input[type="checkbox"] {
  margin-top: 5px;
  margin-right: 5px;
}

@media screen and (max-width:768px) {
  .h_top .langWrap {
    max-width: 250px;
    width: 100%;
  }
  .ment__wrap {
    padding: 0.125rem 0;
  }
  /* .ment__wrap img,
  .ment__wrap iframe {
    width: 100% !important;
  } */

  .popup_checkbox-wrap input[type="checkbox"] {
    width: 15px;
    height: 15px;
    padding: 5px;
  }

  .popBox {
    left: 10px !important;
    width: 75%;
  }
}

/* 퀵배너 */
.kakao_quick {position:fixed;right:10px;bottom:30px;width:100px;height:100px;}
.kakao_quick a{display:block;width:100%; height:100%;background-color:#ffe206; border-radius:10px;display:flex; flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px;box-shadow:0px 0px 5px #33333361; overflow:hidden}
.kakao_quick a img {width:40px;}
.kakao_quick a p {line-height:1.2;font-weight:600;width:100%;}

@media screen and (max-width:1280px) {
  .kakao_quick {position:fixed;right:10px;bottom:30px;width:50px;height:50px;}
  .kakao_quick a {border-radius:50%;}
  .kakao_quick a img {width:30px;}
  .kakao_quick a p {display:none;}
}