@charset "utf-8";

body{overflow-x:hidden}
ol,ul{list-style:none}
img{vertical-align:top; border:none}
input, select, button, textarea{font-family:'Noto Sans KR',sans-serif; line-height:1; color:#333; vertical-align:middle}
.at-body .at-container{padding:0}
.container_fix{width:1300px; max-width:100%; margin:0 auto}
.container_img{overflow-x:hidden}
.mg_top{margin-top:155px}
.color_bk{color:#333}
#sidebar-btn{display:none}
#sidebar-box .bg-navy, #sidebar-box .btn-navy{background-color:#e2241d !important; border-color:#e2241d !important;}
#sidebar-box .btn-group.btn-group-justified > a{border-color:#fff !important;}

@media (min-width:2000px){
	.container_img img{display:block; width:100%}
}
@media (max-width:1850px){
	.container_img img{display:block; width:100%}
}
@media (max-width:1350px){
	.at-body .at-container{padding:0 15px}
	.container_fix{padding:0 15px}
}
@media (max-width:991px){
	.responsive .at-body .at-container{padding:0 15px !important}
	.mg_top{margin-top:84px}
}
@media (max-width:767px){
	body{padding-bottom:0 !important}
}
@media (max-width:480px){
	.mg_top{margin-top:47px}
}

/* 헤더_pc */
/* .at-lnb{padding:12px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc}
.at-lnb .pull-right ul{padding:0}
.at-lnb .pull-right ul:after{display:block; content:""; clear:both}
.at-lnb .pull-right ul > li{position:relative; padding:0 10px}
.at-lnb .pull-right ul > li + li:before{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:11px; margin-top:-6px; background-color:#ccc}
.at-lnb .pull-right ul > li:after{display:none}
.at-lnb .pull-right ul > li > a{display:block; float:none}
.pc-header{padding:27px 0; border-bottom:1px solid #dcdcdc}
.pc-header .at-container{position:relative; padding:0; background:none; text-align:center}
.header_logo{display:inline-block}
.header_logo > a{display:block}
.pc-header .btn_mypage{display:block; position:absolute; top:50%; right:0; padding:0 25px; border-radius:25px; background-color:#e2241d; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
.pc-header .btn_mypage span{position:relative; padding-left:21px; font-family:'Ubuntu'; font-weight:600; font-size:16px; line-height:50px; color:#fff; letter-spacing:0}
.pc-header .btn_mypage span:before{display:block; content:""; position:absolute; top:2px; left:0; width:15px; height:15px; background:url(../img/icon_mypage.png) no-repeat 50% 50%}
 */

.at-menu .pc-menu{height:auto; border-bottom:1px solid #dcdcdc; background:#fff; box-shadow:0 0 0 #fff; -webkit-box-shadow:0 0 0 #fff; -moz-box-shadow:0 0 0 #fff}
.at-menu .pc-menu .util{padding:12px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; text-align:right}
.at-menu .pc-menu .util ul > li{display:inline-block; position:relative; padding:0 6px 0 10px}
.at-menu .pc-menu .util ul > li.scroll{display:none}
.at-menu .pc-menu .util ul > li + li:before{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:11px; margin-top:-6px; background-color:#ccc}
.at-menu .pc-menu .util ul > li > a{display:block; color:#222}

.logo_area{padding:27px 0; border-bottom:1px solid #dcdcdc}
.logo_area .container_fix{position:relative; text-align:center}
.logo_area .header_logo{display:inline-block}
.logo_area .header_logo > a{display:block}
.logo_area .btn_mypage{display:block; position:absolute; top:50%; right:0; padding:0 25px; border-radius:25px; background-color:#e2241d; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
.logo_area .btn_mypage span{position:relative; padding-left:21px; font-family:'Ubuntu'; font-weight:600; font-size:16px; line-height:50px; color:#fff; letter-spacing:0}
.logo_area .btn_mypage span:before{display:block; content:""; position:absolute; top:2px; left:0; width:15px; height:15px; background:url(../img/icon_mypage.png) no-repeat 50% 50%}

.at-menu .pc-menu .at-container{height:60px}
.at-menu .pc-menu .nav-top{/* position:relative */}
.at-menu .pc-menu .nav-top.nav-both .menu-ul{display:block; text-align:center}
.at-menu .pc-menu .nav-top.nav-both .menu-li{display:inline-block; margin-left:-2px}
.at-menu .pc-menu .nav-top.nav-both .menu-a{padding:0 42px; background:#fff; font-family:'Ubuntu'; font-weight:500; font-size:20px; color:#222}
.at-menu .pc-menu .nav-top.nav-both .menu-li.on .menu-a{color:#e2241d}
.at-menu .pc-menu .nav-top.nav-both .menu-li:hover .menu-a{color:#e2241d}

.pc-menu .nav-top .sub-1div{top:1px; border-top:0; box-shadow:0 0 0 #fff; -webkit-box-shadow:0 0 0 #fff}
.pc-menu .nav-top .sub-1div:before{display:none}
.pc-menu .nav-top .sub-1da{font-family:'Ubuntu'; font-weight:500; font-size:18px; line-height:70px; color:#222; padding:0; border-bottom:0; text-align:center;}
.pc-menu .nav-top .sub-1dli.on .sub-1da, .pc-menu .nav-top .sub-1dli:hover .sub-1da{color:#fff; font-weight:500; background:#e2241d; border:0}

.at-menu.fixed{position:fixed; top:0; left:0; z-index:100; width:100%}
.at-menu.fixed .pc-menu .util{padding:10px 0}
.at-menu.fixed .pc-menu .util ul > li.scroll{display:inline-block}
.at-menu.fixed .header_container{width:1300px; max-width:100%; margin:0 auto;}
.at-menu.fixed .header_container:after{display:block; content:""; clear:both}
.at-menu.fixed .logo_area{float:left; width:170px; padding:29px 0 28px; border:0}
.at-menu.fixed .logo_area .btn_mypage{display:none}
.at-menu.fixed .pc-menu .at-container{float:right; width:1033px; height:auto; margin-right:-38px}
.at-menu.fixed .pc-menu .nav-top.nav-both .menu-a{height:120px; line-height:120px !important;white-space:nowrap;}

@media (max-width:1350px){
	.logo_area .btn_mypage{right:10px}
}
@media (max-width:1200px){
	.at-menu .pc-menu .nav-top.nav-both .menu-a{padding:0 25px; font-size:18px}
	.pc-menu .nav-top .sub-1da{font-size:16px; line-height:50px}
	.at-menu.fixed .logo_area{margin-left:10px}
	.at-menu.fixed .pc-menu .at-container{width:790px}
}

/* 헤더_모바일 */
.m-menu{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.m_header{padding:10px 15px; border-bottom:1px solid #dcdcdc}
.m_header:after{display:block; content:""; clear:both}
.m_header a{display:block}
.m_header .m_logo{float:left}
.m_header .m_allmenu{float:right; margin-top:17px}

@media (max-width:480px){
	.m_header a img{height:100%}
	.m_header .m_logo a{height:26px}
	.m_header .m_allmenu{margin-top:5px}
	.m_header .m_allmenu a{height:16px}
}

/* 메인 */
.main_con:after{display:block; content:""; clear:both}
.main_con .btn_more{display:inline-block; padding:0 71px; border:2px solid #fff; border-radius:28px 0}
.main_con .btn_more span{display:block; font-family:'Ubuntu'; font-weight:400; font-size:20px; line-height:56px; color:#fff}

.main_con01 .carousel-indicators{width:68%; margin-left:-34%; text-align:right}
.main_con01 .carousel-indicators li{width:19px; height:25px; margin:0 6px; background:transparent url(../img/btn_pager.png) no-repeat 50% 50%; border:0; border-radius:0}
.main_con01 .carousel-indicators .active{width:19px; height:25px; background:transparent url(../img/btn_pager_on.png) no-repeat 50% 50%}

.main_con02 .main_menu:after{display:block; content:""; clear:both}
.main_con02 .main_menu li{float:left; width:33.333%; background:url(../img/mainCon02_01.png) no-repeat 50% 50%; background-size:cover}
.main_con02 .main_menu li.curriculum{background-image:url(../img/mainCon02_02.png)}
.main_con02 .main_menu li.calendar{background-image:url(../img/mainCon02_03.png)}
.main_con02 .main_menu li a{display:block; padding:360px 0 64px; color:#fff}
.main_con02 .main_menu li a h3{margin-left:10%; padding-bottom:20px; font-weight:600; font-size:35px;}
.main_con02 .main_menu li a .txt{margin-left:10%; font-size:20px}

.main_con03{padding:107px 0 104px; background:url(../img/mainCon03_bg.png) no-repeat 50% 50%; background-size:cover; text-align:center}
.main_con03 h2{margin-bottom:18px}
.main_con03 .txt{position:relative; margin-bottom:90px; font-size:20px; color:#fff}
.main_con03 .txt:after{display:block; content:""; position:absolute; bottom:-65px; left:50%; width:1px; height:38px; background-color:#fff}

.main_con04{background-color:#fed085}
.main_con05{background-color:#4a7a7e}
.main_con .banner_left{float:left}
.main_con .banner_right{float:right}
.main_con .img_box{width:58.3%}
.main_con .img_box img{width:100%}
.main_con .txt_box{width:41.7%}
.main_con04 .txt_box{padding-left:5.7%}
.main_con05 .txt_box{padding-left:10.9%; color:#fff}
.main_con .txt_box .tit{margin-top:36%}
.main_con .txt_box .tit p{font-weight:600; font-size:40px}
.main_con .txt_box .tit p + p{margin-top:15px}
.main_con .txt_box .tit p img{margin:6px 0 0 2px}
.main_con .txt_box .txt{margin-top:42px}
.main_con .txt_box .txt p{font-size:20px}
.main_con .txt_box .txt p + p{margin-top:15px}
.main_con05 .txt_box .txt p .reg{font-size:13px}
.main_con .txt_box .btn_more{margin-top:62px}
.main_con04 .txt_box .btn_more{margin-top:62px; border-color:#333}
.main_con04 .txt_box .btn_more span{color:#333}

.main_con06{padding:220px 0 100px}
.main_con06 .mc06_board{position:relative}
.main_con06 .notice{margin-bottom:95px}
.main_con06 h3{margin-bottom:40px; font-family:'Ubuntu'; font-weight:500; font-size:35px;}
.main_con06 .btn_view{display:block; position:absolute; top:5px; right:0; font-family:'Ubuntu'; font-weight:400; font-size:18px; color:#333}

.notice .miso-post-list .post-list a{display:block}
.notice .miso-post-list .post-list a:hover{color:#e2241d}
.notice .miso-post-list .post-list a .no_date{display:block; margin-bottom:25px; font-family:'Ubuntu'; font-weight:400; font-size:18px; line-height:1; color:#999}
.notice .miso-post-list .post-list a .no_tit{font-size:24px;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4; height:2.8em}

.gallery .miso-post-gallery .post-image a{display:block; position:relative}
.gallery .miso-post-gallery .post-image a:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); opacity:0; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s}
.gallery .miso-post-gallery .post-image a:hover:after{opacity:1}
.gallery .miso-post-gallery .post-image a .ga_tit{display:none}
.gallery .miso-post-gallery .post-image a .ga_tit{display:block; position:absolute; top:50%; left:50%; z-index:2; width:100%; padding:0 20px; font-weight:600; font-size:20px; line-height:1.4; color:#fff; text-align:center; opacity:0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s}
.gallery .miso-post-gallery .post-image a:hover .ga_tit{opacity:1}

@media (max-width:1500px){
	.main_con04 .txt_box{padding-left:3%}
	.main_con05 .txt_box{padding-left:3%}
	.main_con .txt_box .tit{margin-top:10%}
	.main_con .txt_box .tit p{font-size:30px}
}
@media (max-width:1250px){
	.main_con02 .main_menu li a h3{margin-left:5%}
	.main_con02 .main_menu li a .txt{margin-left:5%; font-size:16px}
}
@media (max-width:991px){
	.main_con02 .main_menu:after{display:none}
	.main_con02 .main_menu li{float:none; width:100%}
	.main_con02 .main_menu li a{padding:200px 0; text-align:center}
	.main_con02 .main_menu li a h3{margin-left:0; padding-bottom:30px}
	.main_con02 .main_menu li a .txt{margin-left:0}

	.main_con .banner_left{float:none}
	.main_con .banner_right{float:none}
	.main_con .img_box{width:100%}
	.main_con .txt_box{width:100%; padding-bottom:75px}
	.main_con .txt_box .tit{margin-top:75px}

	.main_con06{padding:75px 0}
}
@media (max-width:768px){
	.main_con .btn_more{padding:0 50px; border-width:1px; border-radius:20px 0}
	.main_con .btn_more span{font-size:14px; line-height:40px}

	.main_con02 .main_menu li a{padding:100px 0}
	.main_con02 .main_menu li a h3{padding-bottom:15px; font-size:21px}
	.main_con02 .main_menu li a .txt{font-size:14px}

	.main_con03{padding:75px 0; background-image:url(../img/mmainCon03_bg.png)}
	.main_con03 h2{height:30px; margin-bottom:9px}
	.main_con03 h2 img{height:100%}
	.main_con03 .txt{margin-bottom:75px; font-size:14px}
	.main_con03 .txt:after{bottom:-52px; height:27px}

	.main_con04 .txt_box{padding-left:8.33%}
	.main_con05 .txt_box{padding-left:8.33%}
	.main_con .txt_box .tit p{font-size:25px}
	.main_con .txt_box .tit p + p{margin-top:9px}
	.main_con .txt_box .tit p img{height:18px; margin-top:2px}
	.main_con .txt_box .txt{margin-top:25px}
	.main_con .txt_box .txt p{font-size:14px}
	.main_con .txt_box .txt p + p{margin-top:9px}
	.main_con .txt_box .txt p .m_br{display:block; margin-top:9px}
	.main_con .txt_box .btn_more{margin-top:40px}
	.main_con04 .txt_box .btn_more{margin-top:40px}

	.main_con06 .container_fix{padding:0 30px}
	.main_con06 .notice{margin-bottom:35px}
	.main_con06 h3{font-size:22px}
	.main_con06 .btn_view{top:4px; font-size:13px}
	.notice .miso-post-list .post-list li{margin-bottom:38px}
	.notice .miso-post-list .post-list a .no_date{margin-bottom:18px; font-size:14px}
	.notice .miso-post-list .post-list a .no_tit{font-size:17px}
	.gallery .miso-post-gallery .post-image a .ga_tit{font-size:17px}

}

/* 푸터 */
.at-footer{position:relative; padding:35px 0 60px; background-color:#222}
.at-footer:after{display:block; content:""; clear:both}
.at-footer .footer_logo{float:left; width:13.05%; margin-left:3.1%}
.at-footer .footer_info{float:right; width:80.75%; margin-right:3.1%}
.footer_info .ft_links{padding:20px 0 57px; border-bottom:1px solid rgba(255,255,255,0.2)}
.footer_info .ft_links ul li{display:inline-block}
.footer_info .ft_links ul li + li{margin-left:51px}
.footer_info .ft_links ul li a{display:block; font-weight:600; font-size:18px; color:#fff}
.footer_info .ft_address{margin-top:44px; font-size:16px; color:#797979}
.footer_info .ft_address ul li + li{margin-top:14px}
.footer_info .ft_address ul li p{display:inline-block; position:relative}
.footer_info .ft_address ul li p + p{margin-left:6px; padding-left:10px}
.footer_info .ft_address ul li p + p:before{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-6px; background-color:#777}
.footer_info .ft_address .copyright{margin-top:37px}
.footer_info .ft_address .copyright span{display:inline-block; font-size:11px; vertical-align:top}
.at-footer .sns_insta{display:block; position:absolute; top:46px; right:3.1%; padding:13px; border-radius:25px; background-color:rgba(255,255,255,0.2)}

@media (max-width:1250px){
	.at-footer .footer_info{width:77%}
}
@media (max-width:991px){
	.at-footer{padding:40px 15px}
	.at-footer:after{display:none}
	.at-footer .footer_logo{float:none; width:100%; margin-left:0}
	.at-footer .footer_info{float:none; width:100%; margin-right:0}
	.footer_info .ft_links{padding:40px 0 22px}
	.footer_info .ft_links ul li + li{margin-left:34px}
	.footer_info .ft_address{margin-top:25px}
	.footer_info .ft_address ul li + li{margin-top:8px}
	.footer_info .ft_address ul li p{display:block}
	.footer_info .ft_address ul li p + p{margin-top:8px; margin-left:0; padding-left:0}
	.footer_info .ft_address ul li p + p:before{display:none}
	.footer_info .ft_address .copyright{margin-top:25px}
	.at-footer .sns_insta{top:40px; right:15px}
}
@media (max-width:768px){
	.at-footer .footer_logo{height:35px}
	.at-footer .footer_logo img{height:100%}
	.footer_info .ft_links ul li a{font-size:11px}
	.footer_info .ft_address{font-size:12px}
	.footer_info .ft_address .copyright span{margin-top:1px; font-size:10px}
	.at-footer .sns_insta{width:36px; padding:9.5px}
	.at-footer .sns_insta img{width:100%}
}


/* 201022 kjh 유지보수 */
.at-menu.fixed .pc-menu .nav-top.nav-both .menu-ul { text-align:right;display:flex;}


/*201112 ksm 유지보수*/
@media(max-width:991px) {
	.main_con01 .carousel-indicators { width:100%; margin-left:0; text-align:center; left:0}

}