@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
body {font-family:'Pretendard','Noto Sans KR','Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;}
.clear:after {display:block; content:''; clear:both;}

.main_sian_menu{position:absolute; right:0; top:0px; height:964px;  z-index:99999999;}
.main_sian_top{margin:0px; padding:0px}
.main_body_bg{width:100%; background:url('/files/images/main_body_new3_bg.png') center top no-repeat;}
.main_body{margin: 0 auto; max-width:1280px;}
			

/* header */
.main_menu .top-login {position:relative; border-bottom:1px solid #ffffff33; padding:15px 0; height:103px;}
.main_menu .top-login .top_icon01{height:32px; background:url('/files/images/top_main_icon01.png') center top no-repeat;}
.main_menu .top-login .top_icon02{height:32px; background:url('/files/images/top_main_icon02.png') center top no-repeat;}
.main_menu .top-login .top_icon03{height:32px; background:url('/files/images/top_main_icon03.png') center top no-repeat;}
.main_menu .top-login .top_icon04{height:32px; background:url('/files/images/top_main_icon04.png') center top no-repeat;}
.main_menu .top-login .top_icon05{height:32px; background:url('/files/images/top_main_icon05.png') center top no-repeat;}
.main_menu .top-login .right a {padding:12px 10px; color:#ffffff; display:inline-block; font-size:14px; letter-spacing:-0.05em;}
.main_menu .top-login .right span {color:#ffffff;}
.main_menu .top-login .top_logo {width:235px; height:50px; text-align:left; background:url('/files/images/main_logo.png') left top no-repeat;}

.top-login {position:relative; border-bottom:1px solid #eeeeee; padding:15px 0  30px;}
.top-login .top_icon01{height:32px; background:url('/files/images/top_sub_icon01.png') center top no-repeat;}
.top-login .top_icon02{height:32px; background:url('/files/images/top_sub_icon02.png') center top no-repeat;}
.top-login .top_icon03{height:32px; background:url('/files/images/top_sub_icon03.png') center top no-repeat;}
.top-login .top_icon04{height:32px; background:url('/files/images/top_sub_icon04.png') center top no-repeat;}
.top-login .top_icon05{height:32px; background:url('/files/images/top_sub_icon05.png') center top no-repeat;}
.top-login .right {position:absolute; right:0; top:0;}
.top-login .right a {padding:12px 10px; color:#888888; display:inline-block; font-size:14px; letter-spacing:-0.05em;}
.top-login .right span {color:#888888;}
.top-login .top_logo {text-align:left;}
.top-login .top_logo a {display:inline-block;}
.top-login .top_logo img {width:235px; height:53px;}

.online_box{margin:0 auto; width:80%;}


/* footer */
.footer {padding:30px 0; border-top:1px solid #efefef; position:relative;}
.foot_privit a {color:#000000; font-size:16px; font-weight:500; margin-right:50px; }
.foot_privit a:last-child {margin-right:0;}
.footer_info {margin-top:30px;}
.footer_info li {color:#999999; font-size:14px; font-weight:400;}
.footer_info li + li {margin-top:4px;}
.footer_info li.copy {margin-top:20px;}
.footer_logo {position:absolute; right:0; top:0;}
.footer_logo img {}

.main_menu #gnb_area {height:55px; background:transparent; border-bottom:1px solid #ffffff33; }
.main_menu .gnbDiv {height:55px;}
.main_menu .gnbDiv .gnbWrap .gnb {height:55px; max-width:1200px;}
.main_menu .gnbDiv .gnbWrap .gnb ul li {width:10%;}
.main_menu .gnbDiv .gnbWrap .gnb ul li:nth-child(2) {width:15%;}
.main_menu .gnbDiv .gnbWrap .gnb ul li:nth-child(3) {width:16%;}
.main_menu .gnbDiv .gnbWrap .gnb ul li:nth-child(4) {width:13%;}
.main_menu .gnbDiv .gnbWrap .gnb ul li:nth-child(5) {width:16%;}
.main_menu .gnbDiv .gnbWrap .gnb ul li a.oneDep {height:55px; line-height:55px; color:#ffffff; font-size:19px; font-weight:500;}
.main_menu .gnbDiv .gnbWrap li .twoDep a {font-size:15px; font-weight:normal; color:#222222; padding:10px 2px; letter-spacing:-1px;}
.main_menu .gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#0469c9;}
.main_menu .gnbDiv .gnbWrap li.on .twoDep {background:#fff;}
.main_menu .gnbDiv .gnbWrap li.on .twoDep a.off:hover {font-weight:500; position:relative; color:var(--main);}
.main_menu .gnbDiv .gnbWrap .twoDep {background:#fafafa;}


#header.up{background:#fff; height:158px;}
#header.up:before{opacity: 1;}
#header.up #menu ul li > a{color:var(--black); font-weight:700;}
#header.up #menu ul li dl {opacity:1; visibility:visible; transition:all .3s linear;}
#header.up .header_in .top_util ul li a { color:var(--black); }
#header.up .header_w { display:none; }
#header.up .header_b { display:block; }
#header.up .main_menu #gnb_area {height:55px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; }
#header.up .main_menu .gnbDiv .gnbWrap #gnb_menu{max-width:1200px;}
#header.up .main_menu .gnbDiv .gnbWrap .gnb {height:55px; max-width:1200px;}
#header.up .main_menu .gnbDiv .gnbWrap .gnb ul li a.oneDep {height:55px; line-height:55px; color:#222222; font-size:19px; font-weight:500;}
#header.up .main_menu .gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#0469c9;}
#header.up .main_menu .top-login {position:relative; border-bottom:1px solid #ffffff33; padding:15px 0; height:102px;}
#header.up .main_menu .top-login .right a {padding:12px 10px; color:#888888; display:inline-block; font-size:14px; letter-spacing:-0.05em;}
#header.up .main_menu .top-login .right span {color:#222222;}
#header.up .main_menu .top-login .top_icon01{height:32px; background:url('/files/images/top_sub_icon01.png') center top no-repeat;}
#header.up .main_menu .top-login .top_icon02{height:32px; background:url('/files/images/top_sub_icon02.png') center top no-repeat;}
#header.up .main_menu .top-login .top_icon03{height:32px; background:url('/files/images/top_sub_icon03.png') center top no-repeat;}
#header.up .main_menu .top-login .top_icon04{height:32px; background:url('/files/images/top_sub_icon04.png') center top no-repeat;}
#header.up .main_menu .top-login .top_icon05{height:32px; background:url('/files/images/top_sub_icon05.png') center top no-repeat;}
#header.up .main_menu .top-login .top_logo {width:235px; height:53px; text-align:left; background:url('/files/images/logo.png') left top no-repeat;}


/* gnb */
#gnb_area {height:55px; background:#fff; border-bottom:1px solid #eee;}
.gnbDiv {height:55px;}
.gnbDiv .gnbWrap .gnb {height:55px; max-width:1200px;}
.gnbDiv .gnbWrap .gnb ul li {width:10%;}
.gnbDiv .gnbWrap .gnb ul li:nth-child(2) {width:15%;}
.gnbDiv .gnbWrap .gnb ul li:nth-child(3) {width:16%;}
.gnbDiv .gnbWrap .gnb ul li:nth-child(4) {width:13%;}
.gnbDiv .gnbWrap .gnb ul li:nth-child(5) {width:16%;}
.gnbDiv .gnbWrap .gnb ul li a.oneDep {height:55px; line-height:55px; color:#160019; font-size:19px; font-weight:500;}
.gnbDiv .gnbWrap li .twoDep a {font-size:15px; font-weight:normal; padding:10px 2px; letter-spacing:-1px;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#0469c9;}
.gnbDiv .gnbWrap li.on .twoDep {background:#fff;}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover {font-weight:500; position:relative; color:var(--main); font-size:16px; transition:all 0.2s ease-out;}
.gnbDiv .gnbWrap .twoDep {background:#fafafa;}
.sub-title {margin:40px auto 40px;}
.board-title {margin:20px auto 20px;}

/* sub-3deps */
.sub-3deps-ui {padding:20px 0;}
.sub-3deps-ui li {float:left; width:25%; border:1px solid #ddd; border-left:0;}
.sub-3deps-ui li:first-child {border-left:1px solid #ddd;}
.sub-3deps-ui li a {font-size:16px; padding:15px 20px; display:block;}


/* teacher-follow */
.tf-ui li {float:left; width:25%; font-size:16px; border:1px solid #ddd; border-left:0;}
.tf-ui li:first-child {border-left:1px solid #ddd;}
.tf-ui li:hover a {background:#061f5c; color:#fff;}
.tf-ui li a {padding:15px 20px; display:block;}
.tf-button {background:#fff; color:#444; width:10%; border:1px solid #ddd; font-size:14px; font-weight:normal;}
.tf-button:hover {background:#061f5c; color:#fff; opacity:1;}
.tf-p {font-size:14px; padding-bottom:10px;}
.tf-box {border:1px solid #ddd;}
.tf-h2 {border-bottom:1px solid #ddd; padding:20px;}
.tf-box-in {padding:15px 20px;}
.tf-info-p {padding:10px 0; font-size:16px; line-height:1.8;}
.tf-info-h2 {font-size:22px;}

/* location-iframe */
.location-iframe {border:1px solid #ddd;}
.location-iframe iframe {width:100%; padding:20px;}
.location-ul li {float:left; width:50%; border:1px solid #ddd; border-left:0; height:190px; border-top:0;}
.location-ul li:first-child {border-left:1px solid #ddd;}
.location-h2 {font-size:18px; border-bottom:1px solid #ddd;}
.location-p {font-size:14px;}

/* etc */
button.btn-cate {background:#061f5c;}
.agree-box {margin:0 auto;}


/* mobile-menu */
#chk_mobile {display:none;}
.sidenav {border-left:1px solid #888; padding-top:60px;}
.sidenav > button {height:50px;}
.sidenav > button:hover {color:var(--main);}
.sidenav .closebtn {top:5px; right:15px;}
.m-login {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:0;}
.m-login > button {height:50px; font-size:14px; font-weight:normal; line-height:26px;}
button > img {width:25px; height:25px;}
.dropdown-container {border-bottom:1px solid #ddd;}
.sidenav a:hover {color:#061f5c;}
.m-login > div {background:#061f5c;}

@media all and (max-width:834px) {
    .main_menu .h-img {border-bottom:1px solid #ffffff33;}
	.main_menu .m-menu {font-size:28px; top:3px; right:10px; color:#ffffff;}
	.h-img img { height:44px;}
	.h-img {padding:20px; border-bottom:1px solid #ddd;}
	.m-menu {font-size:28px; top:3px; right:10px;}
	.foot_privit a {margin-right:35px;}
	#header.up{background:transparent; height:auto;}
	.online_box{margin:0 auto; width:100%;}
}

@media all and (max-width:767px) {
	.footer_logo {position:static; margin-top:30px;}
	.footer_info {margin-top:20px;}	

}

@media all and (max-width:480px) {
	.foot_privit a {margin-right:16px; font-size:15px;}
	.h-img {padding:10px 20px 10px;}
	.h-img img, .footer_logo img {}
}

.topvisual {position:relative;}
.topvisual .sub_img {font-size:32px; font-weight:500; color:#fff; display:block; text-align:center; padding:80px 0;}
.topvisual .sub_bg {background:url('/files/images/sub_img_01.jpg') no-repeat center;}
.topvisual .bg_40 {background:url('/files/images/sub_img_09.jpg') no-repeat center;}
.topvisual .bg_172 {background:url('/files/images/sub_img_02.jpg') no-repeat center;}
.topvisual .bg_227 {background:url('/files/images/sub_img_07.jpg') no-repeat center;}
.topvisual .bg_406 {background:url('/files/images/sub_img_03.jpg') no-repeat center;}
.topvisual .bg_2 {background:url('/files/images/sub_img_06.jpg') no-repeat center;}
.topvisual .bg_389 {background:url('/files/images/sub_img_08.jpg') no-repeat center;}
.topvisual .bg_1 {background:url('/files/images/sub_img_04.jpg') no-repeat center;}
.topvisual .bg_489 {background:url('/files/images/sub_img_10.jpg') no-repeat center;}
.topvisual .bg_34 {background:url('/files/images/sub_img_05.jpg') no-repeat center;}





.two-deps {display:none; width:100%; border-bottom:1px solid #ddd;  }
.sn-ui:after {display:block; content:''; clear:both;}
.sn-ui li.subshow {border-left:0; position:relative;}
.sn-ui li {float:left; width:26%; border-right:1px solid #ddd;}
.sn-ui li a {padding:15px; display:block; font-size:16px; height:60px; line-height:30px; color:#444; }
.sn-ui li a:first-child {border-top:0;}
.sn-ui li:first-child {border-left:1px solid #ddd; width:5.5%; background:url('/files/images/home.png')no-repeat 50%; background-size:45%; min-width:40px;}
.smenu {position:absolute; width:100%; z-index:9; background:#fff; border:1px solid #ddd; border-top:0; left:0;}
.smenu a {border-top:1px solid #ddd; height:100%;}
.smenu .on {background:var(--main); color:#fff;}
.sn-ui li.subshow {background:url('/files/images/b_bottom.png')no-repeat 90% 50%;}

@media only screen and (max-width : 480px){	

#header.up{background:transparent; height:auto;}
	
	.sn-ui li:first-child {display: none;}
	.sn-ui li {width:50%;}
	.sub-title {margin:10px auto 20px;}
}