@charset "UTF-8";

/*
	*** Noto Sans KR ***
*/
@font-face {
    font-family: 'NotoSansT';
    font-style: normal;
    font-weight: 100;
    src:
            url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
            url(../fonts/NotoSansKR-Thin.woff) format('woff'),
            url(../fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansL';
    font-style: normal;
    font-weight: 300;
    src:
            url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
            url(../fonts/NotoSansKR-Light.woff) format('woff'),
            url(../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansR';
    font-style: normal;
    font-weight: 400;
    src:
            url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
            url(../fonts/NotoSansKR-Regular.woff) format('woff'),
            url(../fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansM';
    font-style: normal;
    font-weight: 500;
    src:
            url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
            url(../fonts/NotoSansKR-Medium.woff) format('woff'),
            url(../fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansB';
    font-style: normal;
    font-weight: 700;
    src:
            url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
            url(../fonts/NotoSansKR-Bold.woff) format('woff'),
            url(../fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'NotoSansBlk';
    font-style: normal;
    font-weight: 900;
    src:
            url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
            url(../fonts/NotoSansKR-Black.woff) format('woff'),
            url(../fonts/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
    font-family: 'popins-R';
    font-style: normal;
    font-weight: 400;
    src:

            url(../fonts/Poppins-Regular.woff) format('woff');

}

@font-face {
    font-family: 'NanumSquareR';
    font-style: normal;
    font-weight: 400;
    src:

            url(../fonts/NanumSquareR.woff) format('woff');

}


/*
    *** 탑배너
*/
.topBanner {position:relative;}
.topBanner .swiper-slide {height:100px; background-size:cover; background-position:center center;}
.topBanner .swiper-slide img {width:100%;display:block}

.topBanner .swiperArrow {position:absolute; top:50%; transform:translateY(-50%); z-index:10; cursor:pointer;}
.topBanner .swiperArrow.swiperBtnPrev {left:80px;}
.topBanner .swiperArrow.swiperBtnNext {right:80px;}

.topBanner .btnCloseTopBanner {position:absolute; top:50%; transform:translateY(-50%); right:20px; z-index:10; cursor:pointer;}


/*
    *** 헤더
*/
.pc{display: block}
.mobile{display: none}

.header_wrap{position: fixed; top:0; left:0; width: 100%; z-index:10000;}
.header{display: flex ; justify-content: space-between; align-items: center; width: 100%; /*max-width: 1225px;*/ margin: 0 auto;  }
.header .h_t a{font-family: 'NotoSansB'; font-size: 14px; color: #666666}
.header .h_t .C_black{color: #000}
.header .h_t .C_blue{color: #0074b5}

.header_top{padding: 14px 20px; box-sizing: border-box}
.header_top .h_t_left a{margin-right: 22px}
.header_top .h_t_left a:last-child{margin-right:0}
.header_top .h_t_left a:first-child{margin-right:13px}
.header_top .h_t_right a:last-child{margin-left: 22px}

.header_bar{border-bottom: 1px solid #eaeaea}

.header .header_logo{padding: 27px 0 ; margin-left:20px; box-sizing: border-box}
.header {position:relative;}
.header .gnb_list {position:absolute; top:35px; left:50%; transform:translateX(-50%); display:flex; align-items:flex-start; list-style: none;}
.header .gnb_list > li{font-family: 'NotoSansB'; font-size: 22px; color: #fff; /*white-space: nowrap;*/ cursor: pointer}
.header .gnb_list > li:first-child{margin-left: 0}
.header .gnb_list > li:hover > a {color: #2adaeb;}


.header .gnb_list > li:nth-of-type(1) {width:165px;}/*수정20211012*/
.header .gnb_list > li:nth-of-type(2) {width:145px;}/*수정20211012*/
.header .gnb_list > li:nth-of-type(3) {width:150px;}/*수정20211012*/
.header .gnb_list > li:nth-of-type(4) {width:150px;}/*수정20211012*/
.header .gnb_list > li:nth-of-type(5) {width:160px;}/*수정20211012*/



.header ul.gnb_list > li {font-size:22px; font-family:NotoSansB; cursor:pointer;}
.header ul.gnb_list > li > a {color:#ffffff;}
.header ul.gnb_list > li > ul.subMenu {margin-top:50px; list-style: none; z-index:10; /*border-left:solid 1px #cccccc;*/}

.header ul.gnb_list > li > ul.subMenu:after {position:absolute; content:''; top:90px; margin-left:-15px; width:1px; height:calc(100% - 90px); background-color:#cccccc;}/*수정20211012*/
.header ul.gnb_list > li > ul.subMenu > li {font-size:17px; color:#000000; font-family:NotoSansR; padding-top:5px; padding-bottom:5px; /*padding-left:20px;*/}/*수정20211012*/

.header ul.gnb_list > li > ul.subMenu > li:first-child {padding-top:0;}
.header ul.gnb_list > li > ul.subMenu > li:last-child {padding-bottom:0;}
.header ul.gnb_list > li > ul.subMenu > li a {text-decoration: none; color:#000000; font-family:NotoSansL; word-break:keep-all;}
.header ul.gnb_list > li > ul.subMenu > li a:hover {font-family:NotoSansM;}

.header_btn{display: flex; align-items: center}
.header_btn .btn_icon{display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin-right: 15px; cursor: pointer}
.header_btn .btn_icon .pcButtons {display:block;}
.header_btn .btn_icon .mButtons {display:none;}
.header_btn .btn_icon .btnSearch {height:31px;}
.header_btn .btn_icon .btnClose {display:none; height:27px;}
.header_btn .btn_icon .btnAllMenu {height:23px;}
.header_btn .btn_icon .btnAllMenuMobile {height:23px;}
.header_btn .btn_icon .btnCloseMobile {display:none; height:27px;}

.header_btn .searchIcon.on .btnClose {display:block;}
.header_btn .searchIcon.on .btnSearch {display:none;}

.header_btn .btn_icon .pcButtons.on .btnAllMenu {display:none;}
.header_btn .btn_icon .pcButtons.on .btnClose {display:block;}
.header_btn .btn_icon .mButtons.on .btnAllMenuMobile {display:none;}
.header_btn .btn_icon .mButtons.on .btnCloseMobile {display:block;}

.header_btn > a {font-size:14px; color:#ffffff !important; font-family:NotoSansB; margin-right:20px;}
.header_btn > a:hover {color:#2adaeb !important;}

.header_btn .searchWin {position:absolute; display:flex; top:30px; right:-250px; transition:all 0.2s ease-out; z-index:100;}
.header_btn .searchWin input {width:200px; height:40px; font-size:15px; color:#ffffff; border:solid 1px #ffffff; padding:5px; box-sizing: border-box; background-color:#005cba;}
.header_btn .searchWin span {display:flex; justify-content:center; align-items:center; width:40px; height:40px; cursor:pointer; background-color:#ffffff;}
.header_btn .searchWin.on {right:120px; transition:all 0.2s ease-out;}


.header_bottom_wrap{position: relative; height: 100px; background:linear-gradient(180deg, #005cba 100px, #ffffff 100px); transition:all 0.3s ease; overflow: hidden;}


.header .menuDescription{
    position:absolute;
    top:130px;
    left:30px;
    width:250px;
}
.header .menuDescription dl{
    display:none;
    width:100%;
    height:230px;
    background:url(../images/gnb1.png) no-repeat center bottom;
}
.header .menuDescription dl dt{
    margin-bottom:10px;
    font-family:'NotoSansM';font-size:32px; color:#0075bc;letter-spacing:-2px;line-height:1.1em
}
.header .menuDescription dl dd{
    font-size:14px;color:#000;letter-spacing:-1px;line-height:1.6em;word-break:keep-all;
}

.header .menuDescription p{margin-top:20px;font-size:0}
.header .menuDescription p a{
    display:inline-block;width:49%;height:40px;line-height:40px;
    box-sizing:border-box;
    border:1px solid #2763bb;background:#2763bb;
    text-align:center;font-size:16px;font-weight:600;color:#fff
}
.header .menuDescription p a+a{
    margin-left:2%;
    background:#fff;border-color:#dcdcdc;
    color:#2763bb
}

.header img.off {}
.header img.on {display:none;}

.header_wrap.on {}
.header_wrap.on .header_bottom_wrap {height:470px; background:linear-gradient(180deg, #005cba 100px, #ffffff 100px); transition:all 0.3s ease;}
.header_wrap.on ul.gnb li {color:#ffffff; transition:all 0.3s ease;}
.header_wrap.on ul.gnb li:hover {color:#2adaeb; transition:all 0.3s ease;}

.header_wrap.on img.off {display:none}
.header_wrap.on img.on {display:inline;}


/*.header_bottom_wrap.on{background-color: #00489f; transition: all 0.3s ease}
.header_bottom_wrap.on .gnb_list li{color: #fff}
.header_bottom_wrap.on .gnb_list li:hover{color: #2adaeb;}
.btn_h{display: none}
.header_bottom_wrap.on .pc{display: none}
.header_bottom_wrap.on .btn_h{display: block}
.on_main{display: none}
.header_bottom_wrap.on .off_main{display: none}
.header_bottom_wrap.on .on_main{display: block}*/


/*
    *** 전체메뉴
*/
#allMenu .menu>li.login,
#allMenu .menu>li.mypage{display:none}

#allMenu{
    position:fixed;
    top:100px;
    left:50%;
    width:1172px;
    margin-left:-586px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #ccc;
    z-index:500;
    display:none;
}
#allMenu.topBannerOff {top:100px;}
#allMenu>fieldset{
    position:relative;
    border-bottom:1px solid #ccc
}
#allMenu>fieldset dt{
    display:inline-block;
    height:67px;line-height:67px;
    padding:0 10px 0 43px;
    font-family:'NotoSansM';font-size:23px;font-weight:500;
    vertical-align:top
}
#allMenu>fieldset dd{
    display:inline-block;
    padding-top:16px;
    vertical-align:top
}
#allMenu>fieldset dd .txt{width:420px}
#allMenu>fieldset dd button{
    position:absolute;
    display:inline-block;width:36px;height:36px;
    margin-left:-36px;
    background:url(../img/btn/search_menu.png) no-repeat center;
    font-size:0;vertical-align:top
}
#allMenu>fieldset p{
    position:absolute;top:10px;right:76px;
    font-size:0
}
#allMenu>fieldset p a{
    display:inline-block;height:47px;line-height:47px;
    padding-left:10px;margin-left:35px;
    background:url(../images/dot.png) no-repeat 0 center;
    font-size:16px;font-weight:600;letter-spacing:-1px
}
#allMenu>p,
#allMenu #btn_allMenu_close{display:none}
#allMenu>div{max-height:70vh;overflow:auto}
#allMenu .menu{width:100%;display:table;table-layout:fixed;}
#allMenu .menu>li{
    display:table-cell;
    padding:25px 30px 30px;
    box-sizing:border-box;
}
#allMenu .menu>li>a{
    display:block;
    font-size:21px;font-weight:600;letter-spacing:-1px;color:#2763bb
}
#allMenu .menu>li+li{border-left:1px solid #cdc}
#allMenu .menu>li>ul>li{margin-top:10px}
#allMenu .menu>li>ul>li>a{font-size:16px;font-weight:600;letter-spacing:-1px}
#allMenu .menu ul ul li{margin-top:5px}
#allMenu .menu ul ul a{font-size:16px;color:#5d5d5d;letter-spacing:-1px}
#allMenu .menu em{background:#cce7e4;font-style:normal;color:#000}
#allMenu input.txt{
    box-sizing:border-box;
    width:100%;height:36px;line-height:36px;
    padding:0 10px;
    border:1px solid #cbcbcb;border-radius:0;
    background-position:right center;
    background-repeat:no-repeat;
    background-origin:content-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    font-size:15px;
}

/*
    *** 모바일 전체메뉴
*/
#allMenuMobile {display:none;}




/*
    ***컨텐츠
*/
.freshman_wrap{position: relative; width: 100%; padding-top:100px;}


.main_visual{position: relative; width: 100%;}
.main_visual img{width: 100%; display: block}
.visual_swiper{position: relative; }

.main_visual .swiperArrow {position:absolute; top:55%; transform: translateY(-50%); z-index:10; cursor:pointer;}
.main_visual .swiperArrowPrev {left:30px;}
.main_visual .swiperArrowNext {right:30px;}

/* .visual_swiper .swiper-slide {height:calc(100vh - 100px) !important; background-position: center top; background-size:cover;} */
 .visual_swiper .swiper-slide {height:calc(100vh - 100px) !important; background-position: center top; background-size:cover; margin-top:100px;}
.visual_swiper .swiper-pagination{position: absolute; bottom: 50px !important}
.visual_swiper .swiper-pagination-bullet {width:24px !important; height:24px !important; opacity:1 !important; margin-left:5px !important; margin-right:5px !important; bottom:50px !important; background:#abab96 !important;}
.visual_swiper .swiper-pagination-bullet-active {background: #fff !important; width:32px !important; height:32px !important;}


/*메인 동영상*/

/*
.inline-YTPlayer {max-width:100% !important;}
.mainVideo { position:relative; height:calc(100vh - 100px) !important; width:100%; font-size:0;}
.mainVideo #mainVideoPlayer {position:absolute; width:100%; height:100%;}
.mainVideo iframe {position:absolute; width:100%; height:100%;}
*/
.videoWrap {}
.inline-YTPlayer {max-width:100% !important;}
/*.mainVideo {position:relative; height:0; width:100%; padding-bottom:56.25%; font-size:0;}*/
.mainVideo {
	position:relative; height:calc(100vh - 100px) !important; 
	margin-top:100px; 
	padding-bottom:0 !important; 
	overflow: hidden;
}
.mainVideo iframe {
	position:absolute; 
	width:100%; 
	height:100%;
}

/*
    ***one-stop service
*/

.service_wrap{position: relative; width: 100%; max-width:2000px; margin: 0 auto; padding: 100px 0 100px 0; box-sizing: border-box}
.one_stop_service{position: relative; width: 100%; max-width: 1225px; margin: 0 auto;}
.service_title{font-family: 'NotoSansB'; font-size: 40px; color: #000; text-align: center; padding-bottom: 110px}

.service_swiper .swiper-slide{font-family: 'NotoSansM'; font-size: 20px; color: #000; text-align: center ;cursor: pointer}
.service_swiper img{display: inline-block; text-align: center; padding-bottom: 20px ;height: 50px}
.service_swiper .mobile{display: none}
.service_bar{width: 100%; height:0; border-bottom: 2px solid #000; margin: 108px 0 0 0; }

.service_tell{position: relative; display: flex; justify-content: center; align-items: center; padding-top:30px; padding-bottom:30px; background-color:#f8f9fb;}

.service_left{font-family: 'NotoSansB'; font-size: 24px;color: #000 }
.service_left img{margin-right: 20px}
.service_left .pc{display: inline-block}
.service_right{display: flex;font-family: 'NotoSansR'; font-size: 20px;color: #000; align-items: center;margin-left: 124px }
.service_text_bar{width: 1px; height:22px; background-color: #000; margin: 0 47px ; vertical-align: -10px}


.kakao_btn{position: absolute; top: 35px; right: 0 ;z-index: 5}
.kakao_btn.on{position: fixed; top: 120px;}


/*
    *** 학사과정
*/

.cau_bachelor_wrap{position: relative; width: 100%; max-width: 2000px; margin: 0 auto; padding: 100px 0; box-sizing: border-box ; background-color: #e7eaf1; }
.cau_bachelor{position: relative; width: 100%; max-width: 1225px; margin: 0 auto}
.bachelor_title{display: flex; justify-content: center; align-items: center; margin-bottom: 60px}
.bachelor_title .bachelor_tit{font-family: 'NotoSansB'; font-size: 24px; color: #666666; line-height: 2;background: url(../images/icon_8.png) no-repeat 0 18px; padding-left: 40px; cursor: pointer}
.bachelor_title .bachelor_tit:nth-of-type(2){margin-left: 110px}
.bachelor_title .bachelor_tit span{border-bottom: 4px solid #0074b5;display: block;; box-sizing: border-box;width: 100%; opacity: 0 }
.bachelor_title .bachelor_tit.on{font-family: 'NotoSansB'; font-size: 24px; color: #0074b5; background: url(../images/icon_7.png) no-repeat 0 18px; padding-left: 40px;}
.bachelor_title .bachelor_tit.on span{opacity: 1}

.bachelor_wrap{display: none}
.bachelor_wrap.on{display: block}

.bachelor_wrap {overflow:hidden;}
.bachelor_grid {display:flex; flex-wrap:wrap; padding:0; margin:0; border-left: 1px solid #b2b2b2; }
.bachelor_grid .bachelorCell {
    box-sizing:border-box;
    width:calc(100% / 5);
    border:0 solid transparent;
    border-width:0;
}
.cell_txt{font-family: 'NotoSansM'; font-size: 20px; color: #000; text-align: center;background-color: #fff ; padding: 40px 0; box-sizing: border-box ;border-right: 1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; cursor: pointer}
.cell_txt:hover{background-color: #0074b5; color: #fff}
.bachelorCell:nth-of-type(1),
.bachelorCell:nth-of-type(2),
.bachelorCell:nth-of-type(3),
.bachelorCell:nth-of-type(4),
.bachelorCell:nth-of-type(5){border-top: 1px solid #b2b2b2}
.bachelor_btn{display: none}

.bachelor_wrap.bachelor_w_2 .bachelor_grid {justify-content: center; border-left:0;}
.bachelor_wrap.bachelor_w_2 .bachelor_grid .bachelorCell:nth-of-type(1) {border-left:1px solid #b2b2b2;}


/*
   *** 공지사항
*/

.notice_wrap{position: relative; width: 100%; max-width: 1225px; display: flex; justify-content: center; align-items: center; margin: 0 auto; padding:100px 0 ; box-sizing: border-box}

.notice_2{margin-left:24px;}
.notice_cell{flex: 1}
.notice_bar{border-top: 4px solid #000}
.notice_title{display: flex; justify-content: space-between;align-items: center; padding: 40px 0; box-sizing: border-box}
.notice_tit{font-family: 'NotoSansB'; font-size: 30px; color: #000 }
.notice_cell .notice_more{padding-right: 5px}
.notice_cell .notice_more a{font-family: 'NanumSquareR'; font-size: 16px ; color: #000; background: url(../images/more_btn.png) no-repeat right 3px; padding-right:10px  }

.notice_text .notice_txt{line-height: 2}
.notice_text .mobile{display: none}
.notice_txt a {font-family: 'NotoSansR'; font-size: 16px; color: #111111; }
.notice_txt a span{color: #666666; padding-right: 63px}



/*
    *** story
*/

.cau_story_wrap{position: relative; width: 100%; max-width: 2000px; height: 693px; margin: 0 auto; background: url(../images/section_bg.jpg) no-repeat center center ;}

.story_title{position: relative; width: 100%; max-width: 1225px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 0 40px 0; box-sizing: border-box}
.story_tit{font-family: 'NotoSansB'; font-size: 30px; color: #000}
.story_title .story_more{padding-right: 5px}
.story_title .story_more a{font-family: 'NanumSquareR'; font-size: 16px ; color: #000; background: url(../images/more_btn.png) no-repeat right 3px; padding-right:10px  }


.story_swiper {position: relative; width: 100%; max-width: 1225px; margin: 0 auto;padding: 0 20px!important; }

/* .story_swiper .story_box{position: relative; ;width: 100%; height: 400px; background-color: #fff; margin-bottom: 73px; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,0.25)}*/
.story_swiper .story_box{position: relative; ;width: 100%; height: 450px; background-color: #fff; margin-bottom: 73px; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,0.25)}


.story_swiper .story_box img{display: block; width: 100%; padding: 40px 40px 30px 40px ; box-sizing: border-box}
.story_swiper .story_box .story_text{font-family: 'NotoSansR'; font-size: 16px; color: #333 ;padding: 0 45px; box-sizing: border-box}
.story_line{position: absolute; top: 0; left: 0; right: 0; bottom:0; border: 10px solid #0074b5; box-sizing: border-box; opacity: 0 ;transition: all 0.2s linear}
.story_swiper .story_box:hover .story_line{opacity: 1}

.swiper-container-horizontal> .swiper-pagination-progressbar, .swiper-container-vertical> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{position: absolute; top: auto!important; bottom: 0!important; left: 20px!important; width: 97%!important; height: 1px; }
:root {--swiper-theme-color: #000!important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 6px!important; top: -2px!important;}


/*
    *** sns
*/

.cau_sns{position: relative;display: flex ;;align-items: center ;width: 100%; max-width: 1225px; margin: 0 auto; padding: 60px 0; box-sizing: border-box }
.sns_list{background-color: #0074b5; flex: 1 ;border-right: 1px solid #87bedc;padding: 30px 0 ; box-sizing: border-box}
.sns_list:last-child{border-right: none}

.sns_list a{display: flex; justify-content: center; align-items: center;}
.sns_list a .sns_txt{font-family: 'NotoSansR'; font-size: 20px; color: #fff; margin-left: 15px}


/*
    *** 푸터
*/
.footer {padding:40px 0; background-color:#0e1427;}
.footer .innerWrap {width:100%; max-width:1200px; height:100%; margin:0 auto;}
.footer .companyInfo {display:flex; justify-content: space-between; margin-bottom:15px;}
.footer .companyInfo .policyButton {font-size:16px; font-family:NotoSansB;}
.footer .companyInfo .policyButton a {color:#ffffff; text-decoration:none;}
.footer .companyInfo .policyButton a:last-child {color:#669cda; margin-left:25px;}


.footer .companyInfo .familySiteSelector {position:relative; top:30px;}
.footer .companyInfo .familySiteSelector .selectBox {
    position:relative;
    display: flex;
    align-items: center;
    width: 288px;
    height: 40px;
    font-size: 15px;
    color: #ffffff;
    font-family: NotoSansR;
    padding-left: 12px;
    box-sizing: border-box;
    border: solid 1px #ffffff;
    cursor:pointer;
}
.footer .companyInfo .familySiteSelector .selectBox .arrow {position:absolute; top:50%; transform: translateY(-50%) rotateZ(0deg); right:15px; transition:all 0.3s ease-out;}
.footer .companyInfo .familySiteSelector .optionBox {
    display:none;
    position: absolute;
    width: 100%;
    bottom: 40px;
    list-style: none;
    padding: 15px;
    box-sizing: border-box;
    overflow-y: hidden;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 20;
}
.footer .companyInfo .familySiteSelector .optionBox li {font-size:15px; font-family:NotoSansR; padding:5px 0;}
.footer .companyInfo .familySiteSelector .optionBox li a {color:#000000; text-decoration:none;}

.footer .companyInfo .familySiteSelector.off .optionBox {}
.footer .companyInfo .familySiteSelector.off .selectBox .arrow {transform: translateY(-50%) rotateZ(180deg); transition:all 0.3s ease-out;}

.footer .copyright {font-size:15px; color:#bdbdbd; font-family:NotoSansL;}


/*
    ***  카톡문의
*/

.cau_kakao{display: none}




/* loading */

.heartbeat{-webkit-animation:heartbeat 1.5s linear infinite reverse;animation:heartbeat 1.5s linear infinite reverse;width:200px;}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}


.loading_center {
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center;
}




@media(max-width:1440px){
	.freshman_wrap { padding-top:100px;}
    .header .gnb_list > li{font-size: 20px !important;}

    .header .gnb_list > li:nth-of-type(1) {width:130px;}/*수정20211012*/
    .header .gnb_list > li:nth-of-type(2) {width:125px;}/*수정20211012*/
    .header .gnb_list > li:nth-of-type(3) {width:120px;}/*수정20211012*/
    .header .gnb_list > li:nth-of-type(4) {width:120px;}/*수정20211012*/
    .header .gnb_list > li:nth-of-type(5) {width:120px;}/*수정20211012*/


    .header ul.gnb_list > li > ul.subMenu:after {margin-left:-10px;}/*수정20211012*/
    .header ul.gnb_list > li > ul.subMenu > li {font-size:15px; padding-top:5px; padding-bottom:5px; /*padding-left:10px;*/}/*수정20211012*/
    
    .mainVideo {position:relative; height:0 !important; padding-bottom:56.25% !important; overflow: hidden; margin-top:100px;}
    
	    
    
}






@media(max-width:1280px) {

    .freshman_wrap {padding-top:80px;} 
    .freshman_wrap .topBanner .btnCloseTopBanner {width:25px;}
    .mainVideo {position:relative; height:0 !important; padding-bottom:56.25% !important; overflow: hidden; margin-top:80px;}
    
    
	.topBanner {position:relative;}
	.topBanner .swiper-slide {height:80px; background-size:cover; background-position:center center;}
	.topBanner .swiper-slide img {width:100%;display:block}
	
	.topBanner .swiperArrow {position:absolute; top:50%; transform:translateY(-50%); z-index:10; cursor:pointer;}
	.topBanner .swiperArrow.swiperBtnPrev {left:80px;}
	.topBanner .swiperArrow.swiperBtnNext {right:80px;}

    /*
        *** 헤더
    */
    .header_top{display: none}
    .header .gnb_list{display: none}
    .header_bar{display: none}
    .header .header_logo{padding: 27px 0 27px 27px; box-sizing: border-box}

    #allMenu {display:none !important;}
    .header_btn .btn_icon .pcButtons {display:none;}
    .header_btn .btn_icon .mButtons {display:block;}


    /*
        *** 모바일 메뉴
    */
    #allMenuMobile {display:block; position:fixed; top:0; left:100vw; width:100%; height:100%; padding:0; transition:left 0.3s ease-out; background-color:#ffffff; z-index:10000;}
    #allMenuMobile.on {left:0; transition:left 0.3s ease-out;}
    #allMenuMobile a {color:#000000; font-family:NotoSansR; text-decoration:none;}
    #allMenuMobile ul {list-style: none;}

    #allMenuMobile .topBar {display:flex; justify-content: space-between; align-items: center; height:100px; background-color:#004795;}

    #allMenuMobile #btn_allMenu_close_m{
        width:50px;
        height:55px;
        background:url(../images/close3.png) no-repeat center;
        background-size:40% auto;
    }
    #allMenuMobile #btn_allMenu_close_m span{display:none}
    #allMenuMobile .topBar > p {margin-left:20px;}
    #allMenuMobile .topBar > p > a {display:flex; justify-content: center; align-items: center; width:100px; height:50px; font-size:18px; color:#ffffff; font-family:NotoSansR; text-align:center; border:solid 1px #ffffff;}
    #allMenuMobile .menuArea {display:flex;}
    #allMenuMobile .menuArea .mainMenu {width:100px; height:calc(100vh - 92px); border-right:solid 1px #cccccc; padding:20px; box-sizing: border-box;}
    #allMenuMobile .menuArea .mainMenu > ul > li {font-size:18px; font-family:NotoSansM; padding:10px 0;}
    #allMenuMobile .menuArea .mainMenu > ul > li a {color:#5d5d5d;}
    #allMenuMobile .menuArea .mainMenu > ul > li a.on {color:#000000; font-family:NotoSansB;}
    #allMenuMobile .menuArea .subMenu {flex:1; padding:20px; box-sizing: border-box;}
    #allMenuMobile .menuArea .subMenu > ul {display:none;}
    #allMenuMobile .menuArea .subMenu > ul > li {position:relative; font-family:NotoSansM; padding:5px 0; border-bottom:solid 1px #cccccc;}
    #allMenuMobile .menuArea .subMenu > ul > li > a {color:#5d5d5d; font-family:NotoSansM;}
    #allMenuMobile .menuArea .subMenu > ul > li.on a {color:#000000;}
    #allMenuMobile .menuArea .subMenu > ul > li.on:after {content:''; position:absolute; top:8px; left:-10px; width:4px; height:18px; background-color:#86674b;}
    #allMenuMobile .menuArea .subMenu > ul > li > ul > li {padding:5px 0;}
    #allMenuMobile .menuArea .subMenu > ul > li > ul > li > a {color:#5d5d5d; font-family:NotoSansL;}

    /*
        ***컨텐츠
    */
    
    
    .freshman_wrap{padding-bottom: 160px;box-sizing: border-box; padding-top:100px}
    .scroll_bar{display: none}
    
    
    .visual_swiper .swiper-slide {height:400px !important; margin-top:80px;}
    .visual_swiper .swiper-pagination{position: absolute; bottom: 10px !important}
    .visual_swiper .swiper-pagination-bullet {width:16px !important; height:16px !important; opacity:1 !important; margin-left:5px !important; margin-right:5px !important; bottom:50px !important; background:#abab96 !important;}
    .visual_swiper .swiper-pagination-bullet-active {background: #fff !important; width:22px !important; height:22px !important;}

	.topBanner .swiperArrow {position:absolute; top:50%; transform:translateY(-50%); z-index:10; cursor:pointer;}
    .main_visual .swiperArrow {width:40px;}
    .main_visual .swiperArrow img {width:100%;}
    .main_visual .swiperArrowPrev {left:20px;}
    .main_visual .swiperArrowNext {right:20px;}
    
    
    .service_wrap{ padding: 60px 10px 70px 10px; box-sizing: border-box}
    .service_title{font-family: 'NotoSansB'; font-size: 30px; color: #000; text-align: center; padding-bottom: 70px}

    .service_swiper .swiper-slide{font-family: 'NotoSansM'; font-size: 18px; color: #000; text-align: center}
    .service_swiper img{padding-bottom: 15px}
    .service_bar{margin: 54px 0 0 0;  }

    .service_tell {align-items: flex-start;}
    .service_left{font-size: 20px;padding-top:12px;}
    .service_left img{margin-right: 20px}
    .service_right{display: block; font-size: 18px;; margin-left: 64px }
    .service_text:first-child{/*padding-top: 25px*/}
    .service_text_bar{display: none}
    .kakao_btn{display: none}

    /*
        *** 학사과정
    */
    .cau_bachelor_wrap{padding: 100px 0 25px 0 ; box-sizing: border-box}
    .cau_bachelor{padding:0 25px; box-sizing: border-box }
    .bachelor_grid .bachelorCell {
        box-sizing:border-box;
        width:calc(100% / 4);
        border:0 solid transparent;
        border-width:0;
    }

    .bachelorCell:nth-of-type(1),
    .bachelorCell:nth-of-type(2),
    .bachelorCell:nth-of-type(3),
    .bachelorCell:nth-of-type(4){border-top: 1px solid #b2b2b2}
    .bachelorCell:nth-of-type(5){border-top: none}
    .bachelor_btn{display: block; text-align: center; margin-top: 25px; cursor: pointer}

    /*
       *** 공지사항
    */

    .notice_wrap{position: relative; width: 100%; max-width: 1225px; display: flex; flex-direction:column;margin: 0 auto; padding:100px 20px ; box-sizing: border-box}

    .notice_2{margin-left:0;margin-top: 100px}
    .notice_cell{flex: 0; width: 100%}
    .notice_bar{border-top: 4px solid #000}
    .notice_title{display: flex; justify-content: space-between;align-items: center; padding: 40px 0; box-sizing: border-box}
    .notice_tit{font-family: 'NotoSansB'; font-size: 30px; color: #000 }
    .notice_cell .notice_more{padding-right: 5px}
    .notice_cell .notice_more a{font-family: 'NanumSquareR'; font-size: 16px ; color: #000; background: url(../images/more_btn.png) no-repeat right 3px; padding-right:10px  }

    .notice_text .notice_txt{line-height: 1.6;margin-bottom: 10px}
    .notice_txt a span{ padding-right: 0; display: block}

    .notice_text .mobile{display: block}

    /*
         *** story
    */
    .cau_story_wrap{background: none; background-color: #e7eaf1}
    .story_title{padding: 100px 20px 40px 20px;}
    .story_swiper{box-sizing: border-box}
    .swiper-container-horizontal> .swiper-pagination-progressbar, .swiper-container-vertical> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{}


    /*
        *** sns
    */
    .sns_list{padding: 30px 0 30px 13px}


    /*
      *** 푸터
  */
    .footer {padding:40px 25px;}
    .footer .companyInfo {display:flex; justify-content: space-between; align-items: center; margin-bottom:35px;}
    .footer .companyInfo .policyButton {font-size:16px;}
    .footer .companyInfo .policyButton a:last-child {margin-left:25px;}

    .footer .companyInfo .familySiteSelector {position:relative; top:0;}
    .footer .companyInfo .familySiteSelector .selectBox {
        position:relative;
        display: flex;
        align-items: center;
        width: 288px;
        height: 40px;
        font-size: 15px;
        color: #ffffff;
        font-family: NotoSansR;
        padding-left: 12px;
        box-sizing: border-box;
        border: solid 1px #ffffff;
        cursor:pointer;
    }
    .footer .companyInfo .familySiteSelector .selectBox .arrow {position:absolute; top:50%; transform: translateY(-50%); right:15px;}
    .footer .companyInfo .familySiteSelector .optionBox {position:absolute; width:100%; bottom:40px; list-style: none; padding:15px; box-sizing: border-box; background-color:rgba(255,255,255,0.95); z-index:20;}
    .footer .companyInfo .familySiteSelector .optionBox li {font-size:15px; font-family:NotoSansR; padding:5px 0;}
    .footer .companyInfo .familySiteSelector .optionBox li a {color:#000000; text-decoration:none;}

    .footer .copyright {font-size:15px; color:#bdbdbd; font-family:NotoSansL;}



    /*
    ***  카톡문의
    */

    /*
    .cau_kakao{display: block; position: fixed; bottom: 0; width: 100%; height: 80px ;background-color: #fae300; z-index: 3}
    .cau_kakao{display: flex; align-items: center; justify-content: center}
    .cau_kakao a{display: flex ;justify-content: center; align-items: center}
    .cau_kakao a .kakao_txt{font-family:NotoSansB; font-size: 40px; color: #391b1b; margin-left: 20px}
    */


    .cau_kakao{display: block; position: fixed; bottom: 0; width: 100%; height: 110px ;background-color: #fae300; z-index: 3}
    .cau_kakao{display: flex; align-items: center; justify-content: center}
    .cau_kakao img{width: 44px; height: 41px}
    .cau_kakao a{display: flex ;justify-content: center; align-items: center}
    .cau_kakao a .kakao_txt{font-family:NotoSansB; font-size: 30px; color: #391b1b; margin-left: 20px}
    
    
	
	/* loading */
	
	.heartbeat{-webkit-animation:heartbeat 1.5s linear infinite reverse;animation:heartbeat 1.5s linear infinite reverse;width:200px;}
	@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
	
	.loading_center {
	  position: absolute;
	  top: 35%;
	  width: 100%;
	  text-align: center;
	}
	
}


@media(max-width:768px) {

    /*
        *** 헤더
    */
    .pc{display: none}
    .mobile{display: block}

    .header .header_logo{padding: 12px 0 12px 20px; margin-left:0; box-sizing: border-box}
    .header .header_logo img{width: 123px}
    .header_btn .btn_icon{width:30px; height:30px; margin-right: 10px}
    .header_btn .btn_icon .btnSearch {height:22px;}
    .header_btn .btn_icon .btnClose {display:none; height:22px;}
    .header_btn .btn_icon .btnAllMenu {height:20px;}
    .header_btn .btn_icon .btnAllMenuMobile {height:20px;}
    .header_btn .btn_icon .btnCloseMobile {height:22px;}

    .header_btn > a {display:none;}
    .header_btn .search_btn{width: 22px; margin-right: 19px;}
    .header_btn .menu_btn{width: 24px; margin-right: 11px}

    .header_btn .searchWin {position:absolute; display:flex; top:-60px; right:auto; left:0; width:100%; height:60px;  transition:all 0.2s ease-out; padding:10px; box-sizing: border-box; background-color:#005cba; z-index:1000;}
    .header_btn .searchWin input {width:auto; flex:1; height:40px; font-size:15px; color:#ffffff; border:solid 1px #ffffff; padding:5px; box-sizing: border-box; background-color:#005cba;}
    .header_btn .searchWin span {display:flex; justify-content:center; align-items:center; width:40px; height:40px; cursor:pointer; background-color:#ffffff;}
    .header_btn .searchWin.on {top:45px; transition:all 0.2s ease-out;}

    .header_bottom_wrap{height: 46px; overflow: visible;}
    .m_btn_h{display: none}
    .header_bottom_wrap.on .btn_h{display: none}
    .header_bottom_wrap.on .mobile{display: none}
    .header_bottom_wrap.on .m_btn_h{display: block}


    
    /*
        *** 모바일 전체메뉴
    */

    #allMenuMobile .topBar {height:45px;}

    #allMenuMobile #btn_allMenu_close_m{
        width:40px;
        height:45px;
    }
    #allMenuMobile .topBar > p {margin-left:15px;}
    #allMenuMobile .topBar > p > a {width:60px; height:30px; font-size:15px;}
    #allMenuMobile .menuArea .mainMenu {width:140px; height:calc(100vh - 60px); padding:15px;}
    #allMenuMobile .menuArea .mainMenu > ul > li {font-size:16px; padding:5px 0;}
    #allMenuMobile .menuArea .subMenu {padding:15px;}
    #allMenuMobile .menuArea .subMenu > ul > li {font-size:14px; padding:5px 0;}
    #allMenuMobile .menuArea .subMenu > ul > li.on:after {height:16px;}


    /*
        ***컨텐츠
    */
    

    
    /* lodossw@gmail.com */ 

    .mainVideo {position:relative; height:0 !important; padding-bottom:56.25% !important; overflow: hidden; margin-top:45px;}
    
    .freshman_wrap {padding-bottom:0px;}
    .freshman_wrap .topBanner {z-index:9999;}
    .freshman_wrap{position: relative; width: 100%; padding-top:50px;}
    
	.topBanner {position:relative;}
	.topBanner .swiper-slide {height:50px; background-size:cover; background-position:center center;}
	.topBanner .swiper-slide img {width:100%;display:block}
	
	.topBanner .swiperArrow {position:absolute; top:50%; transform:translateY(-50%); z-index:10; cursor:pointer;}
	.topBanner .swiperArrow.swiperBtnPrev {left:50px;}
	.topBanner .swiperArrow.swiperBtnNext {right:50px;}
	
    .freshman_wrap .topBanner .btnCloseTopBanner {width:20px;height:20px;}
	.topBanner .btnCloseTopBanner {position:absolute; top:50%; transform:translateY(-50%); right:20px; z-index:10; cursor:pointer;}


    /*.freshman_wrap{padding-bottom: 80px;box-sizing: border-box;padding-top:0px;}*/
    .scroll_bar{display: none}
    .visual_swiper .swiper-slide {height:300px !important;}
    .visual_swiper .swiper-pagination{position: absolute; bottom: 10px !important}
    .visual_swiper .swiper-pagination-bullet {width:16px !important; height:16px !important; opacity:1 !important; margin-left:5px !important; margin-right:5px !important; bottom:50px !important; background:#abab96 !important;}
    .visual_swiper .swiper-pagination-bullet-active {background: #fff !important; width:20px !important; height:20px !important;}


    .service_swiper_wrap{position: relative}
    .service_wrap{ padding: 50px 30px 50px 30px; box-sizing: border-box}
    .service_title{font-size: 20px; padding-bottom: 30px}

    .service_swiper .swiper-slide{ font-size: 13.5px; ;line-height: 1.2 }
    .service_swiper img{padding-bottom: 5px; width: 49px; height: 47px}
    .service_bar{margin: 30px 0 0 0;  }
    .service_swiper .swiper-slide .mobile{display: block}
    .service_swiper_wrap .mobile{display: block; }
    .service_swiper_wrap .mobile .m_btn{width: 14px; height: 25px}
    .service_swiper_wrap .next_btn{position: absolute; right:-30px; top: 50%;}
    .service_swiper_wrap .prev_btn{position: absolute; left: -20px; top: 50%}
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none}
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{display: none}

    .service_tell {padding-top:10px; padding-bottom:10px; background-color:#efefef;}
    .service_left {font-size: 12px;padding-top:8px;}
    .service_left img{margin-right: 5px}
    .service_left .mobile{display: inline-block; vertical-align: -5px}
    .service_left .pc{display: none}
    .service_right{display: block; font-size: 12px;; margin-left: 35px }
    .service_text:first-child{padding-top:0}
    .service_text_bar{display: none}
    .service_text .mobile{display: inline-block}
    .kakao_btn{position: absolute; top: 22px; right: 3px ;z-index: 5}
    .kakao_btn.on{position: fixed; top: 75px; bottom:auto}



    /*
        *** 학사과정
    */

    .cau_bachelor_wrap{ padding: 50px 0 37px 0; box-sizing: border-box }
    .cau_bachelor{padding: 0 16px ; box-sizing: border-box}
    .bachelor_title{ margin-bottom: 30px}
    .bachelor_title .bachelor_tit{font-size: 16px; line-height: 1.4;background: url(../images/icon_8.png) no-repeat 0 5px; padding-left: 20px; cursor: pointer; background-size: 16px 14px }
    .bachelor_title .bachelor_tit:nth-of-type(2){margin-left: 30px}
    .bachelor_title .bachelor_tit span{border-bottom: 2px solid #0074b5;}
    .bachelor_title .bachelor_tit.on{font-size: 16px; background: url(../images/icon_7.png) no-repeat 0 5px; padding-left: 20px; background-size: 16px 14px}

    .bachelor_grid .bachelorCell {
        box-sizing:border-box;
        width:calc(100% / 3);
        border:0 solid transparent;
        border-width:0;
    }
    .cell_txt{display: flex;justify-content: center; align-items: center; font-size: 13.5px;height: 52px; padding: 0 0; box-sizing: border-box; line-height: 1.2;}
    .bachelorCell:nth-of-type(1),
    .bachelorCell:nth-of-type(2),
    .bachelorCell:nth-of-type(3){border-top: 1px solid #b2b2b2}
    .bachelorCell:nth-of-type(4),
    .bachelorCell:nth-of-type(5){border-top: none}
    .bachelor_btn img{width: 35px; height: 35px;}

    /*
        *** 공지사항
    */

    .notice_wrap{padding:50px 15px ; box-sizing: border-box}

    .notice_2{margin-left:0;margin-top: 50px}

    .notice_bar{border-top: 4px solid #000}
    .notice_title{padding: 20px 0; box-sizing: border-box}
    .notice_tit{font-size: 20px; padding-left: 16px; box-sizing: border-box }

    .notice_cell .notice_more a{font-size: 12px ; background: url(../images/more_btn.png) no-repeat right 2px; padding-right:10px ;background-size: 6px 11px }

    .notice_text .notice_txt{line-height: 1.6;margin-bottom: 5px; padding-left: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .notice_txt a span{ padding-right: 0; display: block}
    .notice_text .mobile{display: block}
    .notice_2 .notice_txt a span{font-size: 14px}


    /*
        *** story
    */

    .cau_story_wrap{height: auto;padding-bottom: 50px}

    .story_title{/*display: block ;*/padding: 50px 15px 30px 30px; box-sizing: border-box}
    .story_tit{font-size: 20px;}
    .story_title .story_more a {font-size: 12px ; background: url(../images/more_btn.png) no-repeat right 2px; padding-right:10px ;background-size: 6px 11px}

    .story_swiper {position: relative; width: 100%; max-width: 1225px; margin: 0 auto;padding: 0 15px!important; }

    /* .story_swiper .story_box{margin-bottom: 50px; height: 390px} */
    .story_swiper .story_box{margin-bottom: 50px; height: 390px}
    
    .story_swiper .story_box img{display: block; width: 100%; padding: 30px 30px 20px 30px ; box-sizing: border-box}
    .story_swiper .story_box .story_text{font-family: 'NotoSansR'; font-size: 16px; color: #333 ;padding: 0 30px; box-sizing: border-box}


    .swiper-container-horizontal> .swiper-pagination-progressbar, .swiper-container-vertical> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{position: absolute; top: auto!important; bottom: 0!important; left: 50%!important; transform: translateX(-50%) !important ;width: 90%!important; height: 2px; }
    :root {--swiper-theme-color: #000!important;}
    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 4px!important; top: 0!important;}

    /*
        *** sns
    */

    .cau_sns{position: relative;display: flex ;flex-direction: column; padding: 60px 15px; box-sizing: border-box }
    .sns_list{flex: 0; width: 100% ;border-right: none;padding: 15px 0 15px 30px ; box-sizing: border-box; border-bottom: 1px solid #fff }
    .sns_list:last-child{border-right: none; border-bottom: none}
    .sns_list img{width: 45px; height: 45px}
    .sns_list a{display: flex; justify-content: flex-start; align-items: center;}
    .sns_list a .sns_txt{ font-size: 16px;margin-left: 20px}
    .sns_list a .sns_txt span{font-family: 'NotoSansB';}


    /*
       *** 푸터
   */
    .footer {padding:40px 15px; padding-bottom:80px;}
    .footer .companyInfo {display:flex; flex-direction: column-reverse; justify-content: center; align-items: center; margin-bottom:25px;}
    .footer .companyInfo .policyButton {font-size:16px;}
    .footer .companyInfo .policyButton a:last-child {margin-left:25px;}

    .footer .companyInfo .familySiteSelector {position:relative; top:0; width:100%; margin-bottom:25px;}
    .footer .companyInfo .familySiteSelector .selectBox {
        position:relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 40px;
        font-size: 15px;
        padding-left: 12px;
    }
    .footer .companyInfo .familySiteSelector .selectBox .arrow {position:absolute; top:50%; transform: translateY(-50%); right:15px;}
    .footer .companyInfo .familySiteSelector .optionBox {position:absolute; width:100%; bottom:40px; list-style: none; padding:15px; box-sizing: border-box; background-color:rgba(255,255,255,0.95); z-index:20;}
    .footer .companyInfo .familySiteSelector .optionBox li {font-size:15px; font-family:NotoSansR; padding:5px 0;}
    .footer .companyInfo .familySiteSelector .optionBox li a {color:#000000; text-decoration:none;}

    .footer .copyright {font-size:15px; text-align:center;}
    .footer .copyright span {display:block; opacity:0.5; margin-top:12px;}
    

    /*
        ***  카톡문의
    */

    /*
    .cau_kakao{height: 80px}
    .cau_kakao img{width: 44px; height: 41px}
    .cau_kakao a .kakao_txt{font-size: 20px; margin-left: 10px}
    */

    .cau_kakao{height: 50px}
    .cau_kakao img{width: 25px; height: 25px}
    .cau_kakao a .kakao_txt{font-size: 20px; margin-left: 10px}


    .visual_swiper .swiper-slide {height:300px !important; margin-top:45px;}
    .visual_swiper .swiper-pagination{position: absolute; bottom: 10px !important}
    .visual_swiper .swiper-pagination-bullet {width:16px !important; height:16px !important; opacity:1 !important; margin-left:5px !important; margin-right:5px !important; bottom:50px !important; background:#abab96 !important;}
    .visual_swiper .swiper-pagination-bullet-active {background: #fff !important; width:22px !important; height:22px !important;}

	.topBanner .swiperArrow {position:absolute; top:50%; transform:translateY(-50%); z-index:10; cursor:pointer;}
    .main_visual .swiperArrow {width:40px;}
    .main_visual .swiperArrow img {width:100%;}
    .main_visual .swiperArrowPrev {left:20px;}
    .main_visual .swiperArrowNext {right:20px;}
    
    
	/* loading */
	
	.heartbeat{-webkit-animation:heartbeat 1.5s linear infinite reverse;animation:heartbeat 1.5s linear infinite reverse;width:150px;}
	@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
	
	
	.loading_center {
	  position: absolute;
	  top: 30%;
	  width: 100%;
	  text-align: center;
	}
	
    
}


@media(max-width:600px) {
	
    .freshman_wrap {padding-bottom:0px;}
    .freshman_wrap .topBanner {z-index:9999;}
    .freshman_wrap{position: relative; width: 100%; padding-top:35px;}
    
	.topBanner {position:relative;}
	.topBanner .swiper-slide {height:35px; background-size:cover; background-position:center center;}
	.topBanner .swiper-slide img {width:100%;display:block}
	
	.topBanner .swiperArrow {position:absolute; top:50%; transform:translateY(-50%); z-index:10; cursor:pointer;}
	.topBanner .swiperArrow.swiperBtnPrev {left:30px;}
	.topBanner .swiperArrow.swiperBtnNext {right:30px;}
    .freshman_wrap .topBanner .btnCloseTopBanner {width:20px;height:20px;}
    
    
	/* loading */
	
	.heartbeat{-webkit-animation:heartbeat 1.5s linear infinite reverse;animation:heartbeat 1.5s linear infinite reverse;width:100px;}
	@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
	
	
	.loading_center {
	  position: absolute;
	  top: 30%;
	  width: 100%;
	  text-align: center;
	}
	
}




@media(max-width:420px) {
    .story_swiper .story_box{margin-bottom: 50px;height: 400px}
    .visual_swiper .swiper-slide {height:300px !important; background-position: center top; background-size:cover;}
    

}