@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');  


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px;font-family: 'Pretendard','Noto Sans KR', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul{margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd{margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
select { border-radius:0; /* 아이폰 사파리 보더 없애기 */
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
-moz-appearance:none; /* 화살표 없애기 for firefox*/
appearance:none /* 화살표 없애기 공통*/ }

/* fullpage 공통 css */
@media(max-width:960px){
.fp-section.fp-table, .fp-slide.fp-table{display:block !important}
.fp-tableCell{display:block !important;padding:5% 0}
}

/* 레이어팝업 */
.popup_layer{position:relative;width:100%;height:100px;overflow:hidden;display:none}
.popup_layer.block{display:block}
.close_btn{position:absolute;right:25%;bottom:0;width:40px;height:40px;background:url('../img/close_btn.jpg')no-repeat center;border:none}
.bxslider .slide01{width:100%;height:100px;background:url('../img/banner_23_1.jpg')no-repeat center}
.bxslider .slide02{width:100%;height:100px;background:url('../img/banner_23_2.jpg')no-repeat center}
.bxslider .slide03{width:100%;height:100px;background:url('../img/banner_23_3.jpg')no-repeat center}
.bxslider .slide04{width:100%;height:100px;background:url('../img/banner_23_4.jpg')no-repeat center}
.bxslider .slide05{width:100%;height:100px;background:url('../img/banner_23_5.jpg')no-repeat center}
.bxslider .slide06{width:100%;height:100px;background:url('../img/banner_23_6.jpg')no-repeat center}
.bxslider .slide07{width:100%;height:100px;background:url('../img/banner_23_7.jpg')no-repeat center}


/* .bxslider .slide02{width:100%;height:100px;background:url('../img/banner02.png')no-repeat center}
.bxslider .slide05{width:100%;height:100px;background:url('../img/banner05.jpg')no-repeat center} */




/* header */
#header{
    /*position:fixed;width:100%;height:auto;top:0;z-index:10;*/
    background:#fff;
    color:#000;
}
#header #hd_layout{position:relative;width:1300px;height:auto;margin:0 auto}

/* header tnb */
#header #tnb{width:100%;height:40px;background:#232c3f}
#header #tnb .tnb_box{position:relative;width: 1436px;height:auto;margin:0 auto;}
#header #tnb .logo{position:absolute;left:0;z-index:10;width:230px;text-align:center;}
#header #tnb .logo a{display:block;background:#00a6ba;line-height:110px;transition:0.3s;border:none}
#header #tnb .logo .tab{display:none}
#header #tnb .logo.scroll a{line-height:60px}
#header #tnb .logo p{width:100%;line-height:50px;background:rgba(35,44,63,0.37);font-size:20px;text-align:center;color:#fff;font-weight:500;transition:0.3s}
#header #tnb ul{width:100%;height:auto;overflow:hidden;text-align:right}
#header #tnb ul li{display:inline-block;border-left:1px solid rgba(255,255,255,0.2)}
#header #tnb ul li.login{background:#4f5665;border-left:none}
#header #tnb ul li.login::before{content:'';display:inline-block;width:13px;height:19px;background:url('../img/login.png')no-repeat center;vertical-align:sub;margin-left:20px}
#header #tnb ul li.login a{padding:0 15px 0 10px}
#header #tnb ul li a{font-size:14px;color:#fff;line-height:40px;padding:0 20px}

/* header nav */
#header #nav{position:relative;width:100%;height:auto;overflow:hidden;}
#header #nav .gnb_1ul{width:1300px;height:auto;margin:0 auto;text-align:right}
#header #nav .gnb_1ul .gnb_1li{display:inline-block;height:70px;vertical-align:top}
#header #nav .gnb_1ul .gnb_1li.menu{display:none}
#header #nav .gnb_1ul .gnb_1li .gnb_1da{position:relative;font-size: 16px;color:#232323;line-height:70px;padding: 0px 20px;font-weight:bold}
#header #nav .gnb_1ul .gnb_1li .gnb_1da::after{position:absolute;top:5px;left:0;content:'';display:block;width:1px;height:20px;background:#e7e7e7}
#header #nav .gnb_1ul .gnb_1li:first-child .gnb_1da::after{display:none}
#header #nav .gnb_1ul .gnb_1li .menu_btn{width:20px;height:70px;background:url('../img/menu_btn.png')no-repeat right;border:none;vertical-align:middle;padding-left:30px}

/* header nav2 */
.gnb2_box{display:none;position:fixed;top:110px;left:0;width:100%;height:460px;background:rgba(255,255,255,0.8)}
.gnb2_wrap{width:1300px;height:100%;margin:0 auto}
.gnb2_wrap .leftbox{float:left;width:230px;height:100%;background:url('../img/menu_title.png')no-repeat center 270px #00a6ba;padding:80px 30px;text-align:left}
.gnb2_wrap .leftbox .title{font-size:30px;color:#fff;font-weight:300}
.gnb2_wrap .leftbox .title::after{content:'';display:block;width:25px;height:2px;background:#fff;margin:10px 0}
.gnb2_wrap .leftbox .txt{font-size:20px;color:#fff;font-weight:300;margin:15px 0;opacity:0.45;line-height:25px}
.gnb2_1ul{float:left;width:1070px;height:100%;padding:60px 0 60px 30px}
.gnb2_1ul .gnb2_1li{float:left;width:202px;min-height:280px;height:auto;text-align:center;margin:0 3.5px 10px 3.5px;transition:0.3s}
.gnb2_1ul .gnb2_1li:nth-child(1){margin-left:0}
.gnb2_1ul .gnb2_1li:nth-child(5){margin-right:0}
.gnb2_1ul .gnb2_1li:hover .gnb2_1da{background:#0d798d}
.gnb2_1ul .gnb2_1li:hover .gnb2_1da{font-weight:500}
.gnb2_1ul .gnb2_1li .gnb2_1da{display:block;line-height:50px;color:#fff;background:#00a6ba}
.gnb2_2ul{padding:10px 0}
.gnb2_2da{display:block;line-height:30px;font-size:14px;color:#232323}
.gnb2_2da:hover{text-decoration:underline}

.gnb2_box.scroll{top:60px;}
.gnb2_box.scroll .leftbox{padding:35px 30px}
.gnb2_box.scroll .gnb2_1ul{padding:35px 0 60px 30px}

/* m_nav*/
#m_nav{position:fixed;width:100%;height:100%;display:none;top:0;background:rgba(0,0,0,0.3);z-index:100}
.m_nav_top{width:100%;height:80px;overflow:hidden;background:#2463b5}
.m_nav_top .menu_close{position:absolute;right:10px;top:20px;width:40px;height:40px;background:url('../img/menu_close.png')no-repeat center;border:1px solid #fff;}
.m_gnb_1ul{width:100%;height:auto;overflow:hidden;}
.m_gnb_1ul .m_gnb_1li{width:100%;background:#444;}
.m_gnb_1li .m_gnb_1da{display:block;line-height:45px;color:#fff;padding:0 25px;border-bottom:1px solid #666;background:url('../img/m_plus_bg.png')no-repeat 98%;}
.m_gnb_1li .m_gnb_1da.active{background:url('../img/m_minus_bg.png')no-repeat 98%}

.m_gnb_2ul{display:none}
.m_gnb_2li{background:#eee}
.m_gnb_2da{display:block;line-height:40px;padding-left:25px;border-bottom:1px solid #fff;background:url('../img/m_plus_bg2.png')no-repeat 98%;}
.m_gnb_2da.active{background:url('../img/m_minus_bg2.png')no-repeat 98%}

.m_gnb_3ul{display:none}
.m_gnb_3li{background:#fff}
.m_gnb_3da{position:relative;display:block;border-bottom:1px solid #e3e3e3;padding-left:40px;line-height:40px}
.m_gnb_3da::before{position:absolute;top:18px;left:25px;;display:block;content:'';width:5px;height:5px;background:#4c9aff;border-radius:100px;}



/* floating banner*/
.float_banner{position:fixed;right:5vw;bottom:10vh;text-align:center}
.float_ul{display:none;width:100px;border-radius:10px;margin:0 auto;overflow:hidden;margin-bottom:2vh}
.float_ul li{width:100%;height:90px;border-bottom:1px solid rgba(255,255,255,0.25);background:#31407c;transition:0.3s}
.float_ul li:hover{background:#1a2964}
.float_ul li:hover a{color:#fff;font-weight:500}
.float_ul li a{display:block;width:100%;height:100%;font-size:13px;color:#e4e4e4;padding:20px 0}
.float_ul li a img{display:block;margin:0 auto;margin-bottom:10px}
.float_ul li:last-child{border-bottom:none}
.float_btn{width:115px;height:115px;background:url('../img/float_btn.png')no-repeat center;border:none;transition:0.3s;outline:none}
.float_btn.active{background:url('../img/float_btn_ov.png')no-repeat center;}
.float_btn:hover{background:url('../img/float_btn_ov.png')no-repeat center;}

/* floating banner 반응형 css */
@media(max-width:1700px){
.float_banner{display:none}
}

/* header 반응형 css */
@media(max-width:1300px){
#header #tnb .logo a{display: none;}
#header #tnb .tnb_box{width:100%}
#header #nav .gnb_1ul{width:100%;padding:0 20px;text-align: center;padding: 0;}
#header #nav .gnb_1ul .gnb_1li .gnb_1da{font-size:17px;padding:0 20px}
.gnb2_wrap{width:100%}
.gnb2_wrap .leftbox{position:absolute;left:0}
.gnb2_1ul{width:100%;padding-left:290px !important}
.gnb2_1ul .gnb2_1li{width:18%;margin:0 1%;}

}

@media(max-width:980px){
.popup_layer{display:none !important}
#header #tnb .logo{padding-top:50px}
#header #tnb .logo .pc{display:none}
#header #tnb .logo .tab{display:block}
#header #tnb .logo p{display:none}
#header #nav .gnb_1ul .gnb_1li{display:none}
#header #nav .gnb_1ul .gnb_1li.menu{display:block;text-align: right;padding: 0 20px;}
}

@media(max-width:500px){
#header #tnb{height:auto;background:#fff}
#header #tnb ul{display:none}
#header #tnb .logo{padding:13px 15px}
}

@media(max-width:410px){
#header #tnb .logo{width:80%;padding:2vh 2vw}
#header #tnb .logo img{width:100%}
}



/* footer */
#footer{position:relative;width:100%;height:auto;overflow:hidden;border-top:1px solid #e3e3e3}
#footer.sub{display:none}
.ft_wrap{width:1300px;height:130px;overflow:hidden;margin:0 auto}
.ft_wrap .ft_logo{float:left;width:265px;height:100%;padding:25px 0}
.ft_wrap .ft_info{float:left;width:810px;height:100%;padding:25px 0 0 070px}
.ft_wrap .ft_info ul{width:100%;height:auto;overflow:hidden;}
.ft_wrap .ft_info ul li{display:inline-block;}
.ft_wrap .ft_info ul li a{position:relative;font-size:14px;color:#50555e;padding:0 15px;font-weight:500}
.ft_wrap .ft_info ul li a::after{content:'';display:block;position:absolute;right:0;top:3px;width:1px;height:15px;background:#d9d9d9}
.ft_wrap .ft_info ul li:first-child a{padding-left:0}
.ft_wrap .ft_info ul li:last-child a{padding-right:0}
.ft_wrap .ft_info ul li:last-child a::after{display:none}
.ft_wrap .ft_info p{font-size:14px;color:#50555e;margin-top:15px}
.ft_wrap .ft_select{float:left;width:225px;height:100%;padding:45px 0}
.ft_wrap .ft_select select{width:220px;height:40px;background:url('../img/select_bg.jpg')no-repeat right;border:1px solid #e1e4e9;font-size:15px;color:#888b91;padding-left:15px;outline:none}

/* footer 반응형 css */
@media(max-width:1300px){
.ft_wrap{width:95%;margin:0 auto}
.ft_wrap .ft_logo{width:20%}
.ft_wrap .ft_info{width:80%}
.ft_wrap .ft_select{display:none}
}

@media(max-width:960px){
.ft_wrap{height:auto}
.ft_wrap .ft_info ul{display:none}
.ft_wrap .ft_logo,.ft_wrap .ft_info{float:none;width:100%}
.ft_wrap .ft_logo{padding:20px 0}
.ft_wrap .ft_info{padding:0;margin:0 0 20px 0}
.ft_wrap .ft_info p{margin-top:0;font-size:13px;}
.ft_wrap .ft_info p br{display:none}
.ft_wrap .ft_info p span{display:block}
}

@media(max-width:480px){
.ft_wrap .ft_info p{font-size:1vw}
}

/* section1 */
.slick-cont{position:absolute;width:1300px;height:100%;overflow:hidden;margin:0 auto;top:0;left:50%;transform:translateX(-50%)}
.slick-cont .left_cont{position:relative;float:left;width:50%;height:100%}
.slick-cont .right_cont{position:relative;float:left;width:50%;height:100%;padding:25vh 0 0 0}
.slick-cont .title{font-size:23px;color:#fff;font-weight:300;text-align:right}
.slick-cont .title img{margin-left:15px;vertical-align:text-bottom}
.slick-cont .txt{width:530px;line-height:30px;background:rgba(35,44,63,0.5);color:#fff;text-align:center;margin:25px 0;float:right}
.main_pop{width:100%;height:275px;background:rgba(38,150,202,0.87);clear:both;padding: 4% 0;transition:0.3s}
.main_pop p{text-align:center;color:#fff;}
.main_pop .txt1{font-size:20px;}
.main_pop .txt1::after{content:'';display:block;width:230px;height:1px;margin:5px auto auto auto;background:#fff;opacity:0.2}
.main_pop .txt2{font-size:65px;width: 100%;font-weight:500;}
.main_pop .txt3{font-size:35px;font-weight:500}
.main_pop .txt4{font-size: 19px;}
.main_pop .txt5{font-size: 11px;/* text-align: right; */}
.q_link{width:100%;height:auto;overflow:hidden;margin-top:30px}
.q_link li{position:relative;width:100%;height:50px;line-height:50px;background:rgba(255,255,255,0.8);margin:5px 0;transition:0.3s;padding:0 15px}
.q_link li:hover{background:rgba(255,255,255,1)}
.q_link li:after{content:'';display:block;width:50px;height:50px;position:absolute;top:0;right:0;}
.q_link li:nth-child(1)::after{background:url('../img/link_bg.png')no-repeat center #00a6ba}
.q_link li:nth-child(2)::after{background:url('../img/link_bg.png')no-repeat center #1b98d0}
.q_link li:nth-child(3)::after{background:url('../img/link_bg.png')no-repeat center #eaa500}
.q_link li:nth-child(4)::after{background:url('../img/link_bg.png')no-repeat center #ec743a}
.q_link li a{position:relative;display:block;font-size:18px;color:#252525;z-index:1}

/* section1 반응형 css*/
@media(max-width:1300px){
.slick-cont{width:100%}
.slick-cont .left_cont{display:none}
.slick-cont .right_cont{float:none;width:100%;padding:25vh 5% 0 5%}
}

@media(max-width:960px){
#section1 .fp-tableCell{padding:5% 0 0 0}
}

@media(max-width:500px){
.slick-slider{padding-top: 90px !important;}
.slick-cont .right_cont{padding:70px 0 0 0}
.slick-cont .title{display:none}
.slick-cont .txt{position:absolute;top: 47%;float:none;width:80%;margin:0;left:50%;transform:translateX(-50%);font-weight:bold}
.main_pop{height: 209px;padding: 17px 0;}
.main_pop .txt1{font-size:15px;}
.main_pop .txt1::after{width:25%}
.main_pop .txt2{font-size:2rem;margin-top:5px}
.main_pop .txt3{font-size:1rem}
.slick-slide img{margin-top:170px;height:280px}
.q_link{width:90%;margin: 30px auto auto auto;}
.q_link li a{font-size:14px}
}

/* section2 */
#section2{width:100%;height:100%;background:url('../img/section02.jpg')no-repeat center}
#section2 .title{font-size:40px;color:#465dbc;text-align:center;font-weight:500;letter-spacing:-1px;margin:5vh 0}
.notice_box{width:1300px;height:auto;overflow:hidden;margin:0 auto;}

/* section2 notice */
.notice_box .notice{float:left;width: 735px;height:435px;}
.notice .tab-menu{width:100%;height:auto;overflow:hidden;}
.notice .tab-menu li{float:left;width: 25%;height:60px;background:#626a87;text-align:center;margin-right:1px;font-weight:300;transition:0.3s;}
.notice .tab-menu li.active{background:#1a2964}
.notice .tab-menu li.more{width:60px}
.notice .tab-menu li.more button{position:relative;top:18px;width:19px;height:19px;background:url('../img/more_img.png')no-repeat center;border:none;text-indent:-9999px}
.notice .tab-menu li:hover{background:#1a2964}
.notice .tab-menu li a{line-height:60px;font-size:18px;color:#fff;display:block}
.notice .tab-content{display:none;width:100%;height:375px;overflow:hidden;background:#fff;border-bottom:1px solid #dadde3;border-top:1px solid #dadde3}
.notice .tab-content.active{display:block}

.notice_box .q_menu{float:left;width: 565px;height:435px;background: linear-gradient(300deg,#7f92e3, #00a6ba);}
.notice_box .q_menu .q_menu_top {width:100%;height: 140px;overflow:hidden;}
.notice_box .q_menu .q_menu_top li{float:left;width: calc(100%/4);height:calc(100%/1);text-align:center;padding-top:35px;border-bottom:1px solid rgba(255,255,255,0.15);border-right:1px solid rgba(255,255,255,0.15);transition:0.3s;}
/*.notice_box .q_menu .q_menu_top li:hover{background:rgba(22,36,83,0.14)}*/
.notice_box .q_menu .q_menu_top li a{font-size:18px;color:#fff}
.notice_box .q_menu .q_menu_top img{display:block;margin:0 auto}

.notice_box .q_menu .q_menu_left {float:left; width:282px; height:295px; border:0px solid red  }
.notice_box .q_menu .q_menu_left li {float:left; width: calc(100%/2); height:calc(100%/2); text-align:center;padding-top:35px;border-bottom:1px solid rgba(255,255,255,0.15);border-right:1px solid rgba(255,255,255,0.15);transition:0.3s;}}
.notice_box .q_menu .q_menu_left li:hover{background:rgba(22,36,83,0.14)}
.notice_box .q_menu .q_menu_left li a{font-size:18px;color:#fff}
.notice_box .q_menu .q_menu_left img{display:block;margin:0 auto}

.notice_box .q_menu .q_menu_right {float:right;width:282px;height:295px;border:0px solid red;}

.q_menu_right .q_menu_rb01 {background:url('../img/banner_069.jpg')no-repeat center;width:100%;height:150px;}
.q_menu_right .q_menu_rb01 ul  {display:block;text-align:center;padding-top: 105px;}
.q_menu_right .q_menu_rb01 ul li {display:inline-block;margin: 0px 2px;}
.q_menu_right .q_menu_rb01 ul li a {display:block;background: #1a2964;padding: 3px 25px;border-radius:5px;color: #fff;}

.q_menu_right .q_menu_rb02 {margin-top:20px}
.q_menu_right .q_menu_rb02 ul li {font-size: 14px;text-align:center;color:#fff;margin:20px 0;font-weight: 500;float: left;width: 33%;line-height: 15px;}
.q_menu_right .q_menu_rb02 ul li p {font-size: 15px;font-weight: 500;letter-spacing:0;margin-top: 10px;}


.notice_box .sns_link{width:100%;height:90px;background:#fff;clear:both;border-bottom:1px solid #dadde3}
.sns_link .name{float:left;width:35%;line-height:90px;font-size:25px;color:#465dbc;padding-left:45px}
.sns_link .name::after{display:inline-block;content:'';width:118px;height:1px;background:#d9d9d9;vertical-align:middle;margin:0 20px}
.sns_link .sns{float:left;width:65%;height:100%;text-align:left;}
.sns_link .sns li{display:inline-block;line-height:90px;margin:0 20px}

/* section2 latest */
.lat_board{width:100%;height:100%;overflow:hidden;padding:30px 50px}
.lat_li{position:relative;padding-left:20px;margin-bottom:15px;height:auto;overflow:hidden}
.lat_li::before{position:absolute;top:13px;left:0;content:'';display:block;width:3px;height:3px;background:#f6a71e}
.lat_li .lat_cont{float:left;width: 75%;height:53px;}
.lat_li .lat_date{float:left;width: 24%;height:50px;text-align:right;}
.lat_cont .tit{font-size:17px;color:#343434;font-weight:500;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lat_cont .txt{font-size:14px;color:#7d7d7d;letter-spacing:-1px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lat_date .date{font-size: 13px;color:#8f8f8f;}

/* section2 반응형 css */
@media(max-width:1300px){
.notice_box{width:100%;padding:5%;}
.notice_box .notice{width: 50%;}
.notice_box .q_menu{width: 50%;}
.notice_box{padding:0 5%}
.notice_box .q_menu .q_menu_left {width:50%;}
.notice_box .q_menu .q_menu_right {width:50%;}
}

@media(max-width:960px){
#section2{background-size:cover}
.notice_box .notice,.notice_box .q_menu{float:none;width:100%}
.sns_link .name::after{display:none}
}

@media(max-width:620px){
#section2{background:url('../img/section02_m.jpg')no-repeat center;background-size:cover}
#section2 .title{font-size:25px;margin:0 0 5% 0}
.notice .tab-menu li{width: 110px;height:40px;}
.notice .tab-menu li a{line-height:40px;font-size:16px}
.notice .tab-menu li.more{width:50px}
.notice .tab-menu li.more button{top:8px}
.notice .tab-content{height:auto}
.lat_board{padding:20px 15px}
.lat_li:last-child{display:none}
.lat_li .lat_cont{height:auto}
.lat_date .date{font-size:13px}
.lat_cont .tit{font-size:15px;}
.notice_box .notice{height:auto;margin-bottom:25px}
.notice_box .q_menu{height: 480px;}
.notice_box .q_menu .q_menu_top {height:auto}
.notice_box .q_menu .q_menu_left {height:auto}
.notice_box .q_menu .q_menu_right {height:auto; }
.notice_box .q_menu .q_menu_right li {margin:10px 0;  }
.notice_box .q_menu .q_menu_top li, .notice_box .q_menu .q_menu_left li {height:110px;padding:18px 0}
.notice_box .q_menu .q_menu_top li a, .notice_box .q_menu .q_menu_left li a {font-size:12px}
.notice_box .sns_link{height:60px;margin-bottom:25px}
.sns_link .name{display:none}
.sns_link .sns{float:none;width:100%;text-align:center}
.sns_link .sns li{line-height:60px;margin:0 10px}
.sns_link .sns li img{width:85%}
}

@media(max-width:550px){
.notice_box .q_menu .q_menu_left {width:100%;float:none;height: 100px;}
.notice_box .q_menu .q_menu_right {width:100%; float:none}
.notice_box .q_menu .q_menu_left li {width: calc(100%/4); height:calc(100%/1); }
}


/*입학홈페이지 편입학*/
.entrance-wrap{    background:url('../img/entrance-background.png')no-repeat center;}
.entrance-page {
    width: 100%;
    max-width: 1255px;
    margin: 20px auto;
}

.entrance-page .ttl {
    font-size: 57px;
    font-weight: 900;
    color: #27507c;
    margin-bottom: 30px;
}

.entrance-page .major-name {
    background: #27517f;
    color: #fff;
    font-size: 31px;
    font-weight: 700;
    width: 300px;
    padding: 7px 0;
    display: inline-block;
    text-align: center;
}

.entrance-page .transfer-list {
    margin-bottom: 10px;
    display: flex;
}

.entrance-page .univ-name {
    font-size: 28px;
    font-weight: 600;
    color: #2c4d7a;
    margin-left: 21px;

}

.entrance-page .txt-wr {
    padding-top: 35px;
}

.entrance-page .thin {
    font-weight: 300;
}


@media(max-width:1300px){
    .entrance-page{
    max-width: 1000px;
}
    .entrance-page .ttl{
    font-size: 45px;
    text-align: center;
}
    .entrance-page .major-name{
    margin: 0 auto;
    width: 500px;
}
    .entrance-page .transfer-univ{
        margin: 0 auto;
}
    .entrance-page .transfer-list{
        flex-direction: column;
}

    .entrance-page .univ-name{
    margin: 0 auto;
}
}

@media(max-width:960px){
    .entrance-page .thin{
        display: block;
    }
    .entrance-page .transfer-list{
        text-align: center;
    }
    .entrance-page .ttl{

    }
    .entrance-page .major-name{

    }
    .entrance-page .univ-name{

    }

    }


    @media(max-width:500px){
    .entrance-page .ttl {font-size: 29px;}
    .entrance-page .major-name{width: 100%;font-size: 27px;}
    .entrance-page .thin{font-size::18px;}
    .entrance-page .univ-name {
        font-size: 23px;}
    }




/* 언론보도, 대학소식*/
.tabb-ul{width:100%;height:auto;text-align:left;margin-bottom: 30px;}
.tabb-ul.center{text-align:center; margin-top: 300px;}
.tabb-ul li{display:inline-block;width:50%;line-height:50px;background:#f0f0f0;margin:0 10px;text-align:center;margin-bottom:10px}
.tabb-ul li.active{background:#fff;border:1px solid #00a6ba;box-shadow:-1px 2px 10px rgba(0,0,0,0.1)}
.tabb-ul li.active a{text-decoration:unset;color:#00a6ba;font-weight:500}
.tabb-ul li a{display:block;font-size:16px;color:#313131;text-decoration:underline}
/* .tabb-content{display:none;width:100%;height:auto;overflow:hidden;}
.tabb-content.active{display:block} */
.siber_linkbox{width: 40%; height: 425px; background-color:#f8f8f8; border-radius: 25px; margin: auto;}
.sub_siber{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto; background:url('./img/page/sub_link_img.png') no-repeat center top;}

/* 언론보도, 대학소식 반응형 css */
@media(max-width:960px){
.tabb-ul li{width:45%;line-height:40px}
.tabb-ul li a{font-size:2vw}
.siber_linkbox{width: 90%;}
}
@media(max-width:500px){
.tabb-ul li{margin:1% 2%}
.tabb-ul li a{font-size:3vw}
/* .sub_siber{padding:0 10px} */
.siber_linkbox{width: 90%;}
}
@media(max-width:1300px){
.sub_siber{width:100%;padding:0 20px}
}


/* section3 */
#section3{width:100%;height:100%;background:url('../img/section03.jpg')no-repeat 0 90px #fff}
.box-wrap{width:1300px;height:auto;overflow:hidden;margin:0 auto;margin-top:11vh;box-shadow:-2px -2px 20px rgba(0,0,0,0.1)}
.box-wrap li{position:relative;float:left;width:25%;height:310px}
.box-wrap li .cont{position:absolute;top:0;width:100%;height:100%;padding: 29px 0 0 20px;z-index:10}
.box-wrap li p{letter-spacing:-1px}
.box-wrap li.box01{background:#fff}
.box-wrap li.box01::before{content:'';display:block;width:95%;height:95%;background:rgba(229,229,229,0.4);margin:2.5% auto;border-radius:5px}
.box-wrap li.box01::after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:url('../img/box01_bg.png')no-repeat right}
.box-wrap li.box02{background:#697ba9}
.box-wrap li.box02::before{content:'';display:block;width:95%;height:95%;background:rgba(14,43,118,0.4);margin:2.5% auto;border-radius:5px}
.box-wrap li.box02::after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:url('../img/box02_bg.png')no-repeat right;opacity:0.5}
.box-wrap li.box03{background:#f5f5f5}
.box-wrap li.box03::before{content:'';display:block;width:95%;height:95%;background:rgba(223,223,223,0.4);margin:2.5% auto;border-radius:5px}
.box-wrap li.box03::after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;/*background:url('../img/box03_bg.png')no-repeat right;*/}
.box-wrap li.box04{background:#6285df}
.box-wrap li.box04::before{content:'';display:block;width:95%;height:95%;background:rgba(46,77,157,0.4);margin:2.5% auto;border-radius:5px}
.box-wrap li.box04::after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:url('../img/box04_bg.png')no-repeat right;opacity:0.5}
.box-wrap li.box05{background:#4e5b76}
.box-wrap li.box05::before{content:'';display:block;width:95%;height:95%;background:rgba(27,37,60,0.4);margin:2.5% auto;border-radius:5px}
.box-wrap li.box05::after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:url('../img/box05_bg.png')no-repeat right;opacity:0.5}
.box-wrap li.box06{background:#1abed3}
.box-wrap li.box06::before{content:'';display:block;width:95%;height:95%;background:rgba(0,124,176,0.4);margin:2.5% auto;border-radius:5px}
.box-wrap li.box06::after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:url('../img/box06_bg.png')no-repeat right;opacity:0.5}
.box-wrap li.box07{background:#2a58cf}
.box-wrap li.box07::before{content:'';display:block;width:95%;height:95%;background:rgba(40,64,125,0.4);margin:2.5% auto;border-radius:5px}
.box-wrap li.box07::after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:url('../img/box07_bg.png')no-repeat right;opacity:0.5}
.box-wrap li.box08{background:#1c2c4b}
.box-wrap li.box08::after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:url('../img/box08_bg.png')no-repeat right;}

.p_sty01{font-size:25px;color:#383939}
.p_sty01.white{color:#fff}
.p_sty01.navy{color:#1c2c4b}
.p_sty01.bold{font-weight:500}
.p_sty02{font-size:20px;color:#eee;font-weight:300}
.p_sty02.white{color:#fff}
.p_sty02.black{color:#383939;}
.p_sty02 span{font-weight:bold}
.p_sty03{position:absolute;right:15px;font-size:55px;color:#fff;bottom:50px;font-weight:500}
.p_sty03 span{font-size:30px}
.box_txt{width:160px;line-height:37px;font-size:15px;text-align:center}
.box_txt.typ1{background:#294a77;color:#fff;margin-top:80px}
.box_txt.typ2{background:#f4f4f4;color:#4e5b76;margin-top:70px}
.box_txt.typ3{background:#3467eb;color:#fff;margin-top:40px}
.box_dl dd{position:relative;font-size:17px;color:#fff;padding-left:15px;letter-spacing:-1px;margin-bottom:5px}
.box_dl dd::before{content:'';display:block;position:absolute;top:10px;left:0;width:6px;height:6px;background:#afc7fe;border-radius:100px}
.box_dl dd.black {color: #383939;}
.box_dl dd.small {font-size: 15px;}

/* section3 반응형 css */
@media(max-width:1300px){
.box-wrap{width:90%;margin:5% auto}
.p_sty01{font-size:2vw}
.p_sty02{font-size:1.5vw}
.box_dl dd{font-size:1.2vw}

}

@media(max-width:960px){
#section3{background:#fff}
.box-wrap li{width:50%}
.p_sty01{font-size:3vw}
.p_sty02,.box_dl dd{font-size:2vw}
}

@media(max-width:620px){
.box-wrap li{height:210px;background-size:100% !important}
.box-wrap li .cont{padding:10% 0 0 10%}
.box_txt.typ1{margin-top:8vh}
.box-wrap li .cont img{width:80%;margin-top:5%}
.box_dl dd{font-size:2.5vw;letter-spacing:-2px}
}

@media(max-width:500px){
.p_sty01{font-size:4vw}
.p_sty02,.box_txt{font-size:3vw;word-break: keep-all;}
.p_sty03{bottom:0}
.box_txt{width: 85%;}
}

@media(max-width:460px){
.box-wrap li{height:190px}
}

@media(max-width:370px){
.box-wrap li{height:155px}
.box_txt.typ1,.box_txt.typ2,.box_txt.typ3{margin-top:5vh}
}

/* section4 */
#section4{width:100%;height:100%;background:url('../img/section04.jpg')no-repeat center}
#section4 .title{font-size:35px;color:#465dbc;font-weight:500;text-align:center;margin:9vh 0 3vh 0}
#section4 .cont{width:100%;height:135px;padding:20px 30px}
#section4  .img{height:200px;overflow:hidden}
#section4 .cont .name{float:left;width:50%;height:100%;font-size:20px;color:#465dbc;text-align:left}
#section4 .cont .name span{display:block;font-size:14px;color:#d7d7d7;letter-spacing:-1px;word-break:keep-all}
#section4 .cont .link{float:left;width:50%;height:100%;text-align:left;padding-left:10%}
#section4 .cont .link li{position:relative;margin-bottom:3px}
#section4 .cont .link li a{font-size:14px;color:#656565}
#section4 .cont .link li a::after{content:'→';display:block;position:absolute;top:0;right:0;}
#section4 .cont .link li a:hover{font-style:italic;color:#465dbc;font-weight:500}
.swiper-button-prev{left:10% !important;background:url('../img/slide_prev2.png')no-repeat center !important}
.swiper-button-next{right:10% !important;background:url('../img/slide_next2.png')no-repeat center !important}
.swiper-button-next, .swiper-button-prev{width:60px !important;height:140px !important}

/* section4 반응형 css */
@media(max-width:1700px){
.swiper-button-next, .swiper-button-prev{display:none !important}
}

@media(max-width:1300px){
#section4{background-size:cover}
#section4 .title{margin:5% 0}
.swiper-container{width:90% !important;margin:0 auto !important}
#section4 .cont .name{font-size:1rem}
#section4 .cont .name span{font-size:0.8rem}
#section4 .img{height:auto}
#section4 .img img{width:100%}
}

@media(max-width:660px){
#section4 .title{font-size:25px;margin:0 0 5% 0}
#section4 .cont{height:85px;padding:5% 5% 0 5%}
#section4 .cont .name{float:none;width:100%}
#section4 .cont .link{display:none}
}

/* section5 */
#section5.fp-section.fp-table, .fp-slide.fp-table,#section5 .fp-tableCell{display:block;height:auto !important;padding:0}

/* 배너모음 */
#ft_banner{position:relative;width:100%;height:70px;background:#fff}
#ft_banner .banner_wrap{width:1300px;height:auto;overflow:hidden;margin:0 auto}
.slick-slide{border:none;outline:none}
.banner_wrap .slider_btn{position:relative;float:left;width:15%;}
.banner_wrap .slider_btn p{font-size:20px;line-height:70px}
.banner_wrap .slick-prev, .banner_wrap .slick-next{top:35px;width:37px !important;height:37px !important}
.banner_wrap .slick-prev{background:url('../img/slick_prev.jpg')no-repeat center !important;right:40px}
.banner_wrap .slick-next{background:url('../img/slick_next.jpg')no-repeat center !important;right:0px}
.banner_wrap .slick-slider{float:left;width:85%;padding:15px 0}


@media(max-width:1300px){
#ft_banner .banner_wrap{width:100%;padding:0 2%}
.banner_wrap .slick-slide img{width:100%}


}

@media(max-width:960px){
#ft_banner{display:none}
}