@charset "utf-8";
/* CSS Document */

/* main_modal */
.modal_wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; padding: 15px; text-align: center; z-index: 90; display: flex; align-items: center; justify-content: center; }
.modal { display: flex; flex-direction: column; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22); margin: 0 1vw;}
.modal .modal_img { width: 560px; margin: auto; }
.modal .modal_img img { width: 100%; }
.modal .modal_btn_wrap { display: flex; flex-direction: row; border: 1px solid #888; }
.modal .modal_btn { width: 80%; font-size: 18px; background: #fff; padding: 10px 0; border-right: 1px solid #888; display: flex; justify-content: left; align-items: center; padding-left: 20px; }
.modal .modal_btn input { width: 20px; height: 20px; }
.modal .modal_btn label { padding-left: 10px; }
.modal .modal_close { width: 22%; font-size: 18px; background: #fff; padding: 10px 0; cursor: pointer; }

/* main ------------------------------- */
#main_visual { background: #f1f1f1; overflow: hidden; }
#main_visual .swiper-slide {box-shadow: 5px 5px 20px rgba(89, 99, 112, 0.1); max-width: 1180px; overflow: hidden; position: relative; }
#main_visual .swiper-pagination { height: 16px; margin: 22px 0 12px; position: relative; bottom: 0; }
#main_visual .swiper-pagination-bullet { width: 16px; height: 16px; background-color: #146E7A; margin: 0 3px; border-radius: 50px; opacity: 1; }
#main_visual .swiper-pagination-bullet-active { background-color: #d9d9d9; width: 60px; }

.main_container {padding-bottom:85px;}
.main_container h3 { font-size: 54px; }
.main_container h3 .subtxt { display: block; font-size: 24px; font-weight: 300; }

.main_con .wrap { position: relative; }

.main_bn { margin-top: 4.238%; display: flex; justify-content: space-between; }
.main_bn>div { border: 3px solid #146E7A; border-radius: 20px; width: 49.15%; }
.main_bn>div>a { display: flex; height: 204px; padding: 0 20px 0; }
.main_bn>div .imgs { display: flex; justify-content: center; align-items: center; }
.main_bn>div .title { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; color: #666; font-size: 24px; font-weight: 700; text-align: center; }
.main_bn>div .title strong { display: block; color: #146E7A; font-size: 32px; }
.main_bn>div:first-child .imgs { width: 300px; text-align: center; }
.main_bn>div img { max-width: 210px; }

.cmnty {margin-top: 8.475%;}
.cmnty .banner_zone img {border-radius:20px;}

/* main_notice */
.notice {position: relative; }
.notice ul { margin-top:4%; }
.notice li { font-size: 22px; }
.notice li+li { margin-top:10px; }
.notice li a { display: flex; justify-content: space-between; color: #232323; }
.notice li a .date { color: #888; }
.notice .more { color: #3f3f3f; font-size: 20px; position: absolute; top: 22px; right: 20px; }

/* gallery */
.main_gall { margin-top:5rem; overflow: hidden; }
.main_gall h3 { color: #8D7150; font-size: 48px; line-height: 1; letter-spacing: 8px; text-align: center; }
.main_gall .slider_wrap { position: relative; margin-top:2.188rem; min-height: 280px; }
.main_gall .tit_group { max-width: 20rem; padding-top: 2.5rem; text-align: left; }
.main_gall .tit_group .title { color: #3f3f3f; font-size: 30px; line-height: 1.2; }
.main_gall .slider .swiper-slide { width: 280px; }
.main_gall .img_thumb { display: block; position: relative; width: 280px; height: 280px; background-color: #333; background-image: url(../images/no_img.gif); background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 12px; }
.main_gall .btn_group { display: flex; align-items: center; margin-top: 60px; }
.main_gall .btn_group .more { display: flex; justify-content: center; align-items: center; background: #8D7150; border-radius: 100px; color: #fff; font-size: 28px; width: 160px; height: 46px; margin-right: 20px; }
/* gallery_controlbox */
.main_gall .controlbox { position: relative; }
.main_gall .slide_button { display: inline-block; background: url(../images/btn_prevnext.png) 0 0 no-repeat; border: 0; width: 24px; height: 24px; margin: 0 12px; }
.main_gall .slide_button.slide_next { transform: rotate(180deg); }

.event_banner {margin:5rem auto; position: relative; overflow: hidden; }

.tit_group { text-align: center; }
.tit_group .title { font-size: 36px; }
.tit_group p { color: #888; font-size: 24px; }

/* literacy */
.literacy .tit_group .title { font-size: 36px; font-weight: 700; line-height:1.1; margin-bottom:10px; }
.literacy .tit_group .title strong { color: #002D56; font-size: 50px; }
.literacy .system {margin-top: 110px; }
.literacy .system .subtxt { color: #4f4f4f; font-weight: bold; }
.literacy .system>div { display: flex; justify-content: center; text-align: center; }
.literacy .system .cont { border: 17px solid #097C8D; border-radius: 30px; }
.literacy .system .group01 { padding: 97px 50px 74px; align-items: center; position: relative; }
.literacy .system .group01 .title { display: inline-block; background: #333; border-radius: 100px; color: #fff; font-size: 42px; font-weight: 700; padding: 14px 50px; position: absolute; top: -50px; left: auto; right: auto; text-align: center; }
.literacy .system .group01 .int { font-size: 22px; }
.literacy .system .group01 .int .main_txt { display: inline-block; position: relative; padding-left: 125px; text-align: center; }
.literacy .system .group01 .int .main_txt::before { content: ''; background: url(../images/literacy_group01_img.png) 0 0 no-repeat; background-size: contain; width: 92px; height: 92px; position: absolute; top: 5px; left: 0; }
.literacy .system .group01 .int .main_txt strong { display: block; font-size: 46px; line-height: 1; }
.literacy .system .group01 .int>div { position: relative; }
.literacy .system .group01 .int>div+div { margin-top: 32px; }
.literacy .system .group01 .int>div+div::before { content: ''; display: block; background: #303030; width: 8px; height: 30px; margin: 0 auto 32px; }
.literacy .system .group01 .int>div+div::after { content: ''; display: block; background: #303030; width: 30px; height: 8px; position: absolute; top: 11px; left: 0; right: 0; margin: 0 auto; text-align: center; }
.literacy .system .group01 .item { display: flex; flex-wrap: wrap; margin-top: 20px; }
.literacy .system .group01 .item>li { display: flex; align-items: center; background: #fff; border-radius: 20px; font-size: 27px; font-weight: 500; line-height: 1.1; width: 45%; margin: 2.5%; padding: 25px 17px; border: 2px solid #097C8D; }
.literacy .system .group01 .item>li.item02 {padding-left:10px; padding-right:3px;}
.literacy .system .group01 .item>li .text {flex:1;}
.literacy .system .group01 .item>li .icons {display:flex; align-items: center; justify-content: center; width:35%; margin-right:3%; position:relative;}
.literacy .system .group01 .item>li .icons::after {content:''; display:block; padding-bottom:100%;}
.literacy .system .group01 .item>li .icons i {display:flex; align-items: center; justify-content: center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:100%; height:100%;}
.literacy .system .group01 .item>li.item01 .icons {max-width:64px;}
.literacy .system .group01 .item>li.item02 .icons {max-width:60px;}
.literacy .system .group01 .item>li.item03 .icons {max-width:86px;}
.literacy .system .group01 .item>li.item04 .icons {max-width:70px;}
.literacy .system .group01 .item>li.item01 .icons i {background-image: url(../images/literacy_item01.png);}
.literacy .system .group01 .item>li.item02 .icons i {background-image: url(../images/literacy_item02.png);}
.literacy .system .group01 .item>li.item03 .icons i {background-image: url(../images/literacy_item03.png);}
.literacy .system .group01 .item>li.item04 .icons i {background-image: url(../images/literacy_item04.png);}
.literacy .system .group01 .item>li.item03>div { display: flex; flex-direction: column; }
.literacy .system .group01 .item>li.item03>div>span { color: #888888; font-size: 12px; margin-top: 4px; }
.literacy .system .group02 { padding: 30px 20px 0; align-items: flex-end; }
.literacy .system .group02 .title { font-size: 24px; }
.literacy .system .group02 .title::after { content: ''; display: block; background: url(../images/thinking_img.png) 0 0 no-repeat; background-size:contain; width: 244px; height: 355px; margin: 50px auto 0; }
.literacy .system .group02 .title strong { display: block; font-size: 36px; line-height:1.1; margin-bottom:7px; }
.literacy .system .arrow { width: 120px; align-items: center; }
.literacy .system .arrow>span { display: flex; align-items: center; }
.literacy .system .arrow>span::before { content: ''; background: #F14F4A; width: 48px; height: 30px; }
.literacy .system .arrow>span::after { content: ''; width: 0; height: 0; border-top: 29px solid transparent; border-bottom: 29px solid transparent; border-left: 29px solid #F14F4A; }

/* 교재 */
.cloud_book { background: #f6f6f6 url(../images/main_book_bg.png) 50% 0 no-repeat; background-size: cover; padding:5rem 0 3.125rem; margin-top:6.25rem; overflow: hidden; }
.cloud_book .tit_group .title { font-size: 80px; font-weight: 700; }
.cloud_book .tit_group .title strong { display: inline-block; color: #8D7150; padding: 0 10px; position: relative; z-index: 1; }
.cloud_book .tit_group .title strong::after { content: ''; background: #E2DFC1; border-radius: 50px; width: 100%; height: 14px; position: absolute; bottom: 20px; left: 0; right: 0; z-index: -1; }
.cloud_book .slider_wrap { position: relative; margin-top:4.063rem; }
.book_slider { margin-top:4.063rem; }
.book_slider .inner { display: flex; align-items: center; }
.book_slider .imgs { display: flex; align-items: center; width: 280px; height: 374px; margin-right: 48px; }
.book_slider .imgs img { box-shadow: 4px 10px 10px rgba(0, 0, 0, 0.25); }
.book_slider .hafs-height{width: 20rem; min-height: 217px;}
.book_slider .cont .int { display: flex; }
.book_slider .cont .int .num { color: #002D56; font-size: 100px; font-weight: 700; line-height: 1; }
.book_slider .cont .int em { font-size: 36px; font-weight: 700; font-style: normal; display: flex; align-items: flex-end; margin: 0 10px; }
.book_slider .cont .int .comment { display: flex; align-items: flex-start; }
.book_slider .cont .int .comment i { display: inline-block; background: #e4e4e4; border-radius: 20px; color: #676767; font-size: 20px; padding: 13px 17px; position: relative; z-index: 1; }
.book_slider .cont .int .comment i::after { content: ''; display: block; width: 0; height: 0; border-top: 36px solid transparent; border-bottom: 36px solid transparent; border-left: 18px solid #e4e4e4; position: absolute; bottom: -30px; left: 20px; z-index: -1; transform: rotate(38deg); }
.book_slider .cont dl { margin-top: 45px; }
.book_slider .cont dl dt { display: inline-block; background: #097C8D; border-radius: 10px; color: #fff; font-size: 32px; font-weight: 700; padding: 0 10px; }
.book_slider .cont dl dd { color: #444; font-size: 20px; margin-top: 10px; }
.book_slider .swiper-slide { max-width: 980px; }
.cloud_book .swiper-pagination { display: flex; background: #fff; border-radius: 50px; overflow: hidden; position: relative; }
.cloud_book .swiper-pagination-bullet { background-color: transparent; border-radius: 50px; flex: 1; font-size: 24px; width: auto; height: 70px; opacity: 1; transition: all .2s; }
.cloud_book .swiper-pagination-bullet-active { background-color: #333; color: #fff; }
/*메인페이지 입학절차 */
/* .process01 {
    margin-top: 140px;
    text-align: center;
    display: none;
}

.process02 .innerwrap {
    width: 100%;
    max-width: 1482px;
    padding: 0 20px;
}

.process img {
    width: 100%;
} */

/* 외대HS 소식 */
.cloud_news { padding: 0 20px; margin-top:6.25rem; overflow: hidden; }
.cloud_news h3 { margin-bottom: 60px; text-align: center; }
/* 240228 수정(지혜) */
.cloud_news .swiper-slide { height: auto;}
.cloud_news .swiper-slide > a { display: inline-block; height: 100%; border-radius: 20px; overflow: hidden; box-shadow: 3px 3px 20px 2px rgba(0,0,0,0.09);}
.cloud_news .swiper-slide img {height: 100%;}
.cloud_news .swiper-slide:hover a{transform: translateY(-10px); transition: .5s all;}
.cloud_news .swiper-scrollbar { background: #d9d9d9; border-radius: 0; height: 4px; margin-top: 44px; }
.cloud_news .swiper-scrollbar-drag { background-color: #3f3f3f; border-radius: 0; height: 6px; top: -1px; }
.cloud_news .more { display: flex; justify-content: center; align-items: center; background: #3f3f3f; border-radius: 50px; color: #fff; font-size: 24px; width: 160px; height: 60px; margin: 40px auto 0; }

/* tabs */
.tabs button { background: none; border: 1px solid transparent; color: #3f3f3f; font-size: 24px; width: 100%; height: 74px; padding: 0 30px; position: relative; text-align: left; }
.tabs button+button { border-top: 1px solid #ddd; }
.tabs button.on { background: #146E7A; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); border-radius: 10px; color: #fff; font-weight: 700; z-index: 1; }
.tabs button.on+button { border-top-color: transparent; }
.tabcontainer>div { display: none; }

/* 셔틀버스 */
.shuttlebus { margin-top: 200px; }
.shuttlebus .tit_group { display: flex; justify-content: space-between; align-items: flex-end; text-align: left; }
.shuttlebus .more { display: block; font-size: 20px; margin-bottom: 5px; }
.shuttlebus .tabwrap { display: flex; justify-content: space-between; margin-top: 35px; }
.shuttlebus .tabs { width: 23.72%; }
.shuttlebus .tabcontainer { width: 74.57%; }
.bus_course { background: #fff; box-shadow: 2px 10px 50px rgba(0, 0, 0, 0.08); display: flex; justify-content: center; align-items: center; padding: 25px; }
.course_info { color: #3f3f3f; font-size: 24px; margin-top: 25px; text-align: center; }

/* 오시는길 */
.location { background: #f2f2f2; border-top-left-radius: 5rem; padding: 8% 0 7%; margin-top:6.25rem; }
.location h3 { margin-bottom: 1.875rem; text-align: center; }
.location .info { color: #3f3f3f; max-width:980px; margin: 2.813rem auto 0; }
.location .map_info { font-size: 24px; }
.location .map_info strong { display: block; }
.location .map_info .name { display: flex; font-size: 32px; line-height: 1.2; }
.location .map_info .name::after { content: ''; background: #146E7A; width: 4px; height: 100%; margin: 0 45px 0 35px; }
.location .map_info .addr {margin-top:0.938rem;}
.location .map_info .addr strong { font-size: 30px; }
.location .route { font-size: 22px; margin-top: 2.813rem; }
.location .route .tit { display:inline-block; background-color: #DADAD3; padding: 0 10px; min-width:76px; margin-bottom:0.813rem; text-align:center; }
.location .route > div + div {margin-top:0.938rem;}
.subway .desc>span {display: flex; line-height:1.875rem;}
.subway .desc>span+span { margin-top: 8px; }
.bus .desc { display: flex; flex-wrap: wrap; }
.bus .desc>span { display: inline-flex; margin-right: 50px; }
.bus .desc>span strong {flex:1;}
.ico_traffic { display: inline-flex; justify-content:center; align-items:center; background: #aaa; border-radius: 100%; color: #fff; font-weight: 700; width: 1.875rem; height: 1.875rem; margin-right: 0.625rem; text-align: center; }
.line5 { background: #8445CE; }
.bustype { display: inline-block; background: #aaa; color: #fff; font-size: 14px; width: 40px; height: 20px; min-width: 40px; margin: 5px 10px 0 0; text-align: center; }
.bustype.type1 { background-color: #6175F5; }
.bustype.type2 { background-color: #47AF1B; }

/* 상담 신청 및 문의 */
.info_zone { margin-top:4.375rem; }
.cs_center { display: flex; justify-content:space-between; padding: 0 30px; }
.cs_center::before { content: ''; background: url(../images/cs_tel_icon.png) 0 0 no-repeat; background-size:contain; width: 70px; height: 70px; margin: 5px 0 0 0; }
.cs_center .tel {flex:1; padding:0 7px 0 25px;}
.cs_center .tel dt { font-size: 26px; }
.cs_center .tel dd { color: #F66262; font-size: 36px; font-weight: 700; line-height: 1; }
.cs_center .tel dd a {color:#F66262;}
.cs_center .info { display: flex; align-items: flex-end; color: #888; font-size: 18px; margin: 0 0 5px 0; }
.linksite { display: flex; margin-top:2.5rem;}
.linksite a { display: flex; align-items: center; color: #146E7A; font-size: 30px; transition: .5s all; }
.linksite a::before { content: ''; background: url(../images/fm_sitelink_icon.png) 0 0 no-repeat; background-size:contain; width: 70px; height: 70px; margin: 0 35px 0 0; }
.linksite a:hover { transform: translateX(20px); }

/* quick_menu */
.quick_menu { position: fixed; bottom: 250px; right: 30px; z-index: 1; display: none; }
/* .quick_menu::before {
    content: '';
    display: block;
    background: #00d2ec;
    border-radius: 100%;
    width: 132px;
    height: 116px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.quick_menu::after {
    content: '';
    background: url(../images/chat_icon.png) 0 0 no-repeat;
    background-size: contain;
    width: 100px;
    height: 91px;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
} */

.quick_menu ul { background: #fff; border: 2px solid #002D56; border-radius: 20px; width: 140px; padding: 20px 0 20px; position: relative; }
.quick_menu ul::after { content: ''; /*background: url(../images/chat_charac.png) 0 0 no-repeat; background-size: contain;*/ width: 100px; height: 91px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; }
.quick_menu ul>li>a { display: block; color: #002D56; font-size: 22px; padding: 15px 0; text-align: center; }
.quick_menu ul>li>a::before { content: ''; display: block; background-position: 0 0; background-repeat: no-repeat; background-size: contain; margin: 0 auto 7px; }
.quick_menu ul>li.mn01>a::before { background-image: url(../images/quick_bn_icon01.png); width: 70px; height: 60px; }
.quick_menu ul>li.mn02>a::before { background-image: url(../images/quick_bn_icon02.png); width: 70px; height: 77px; }
.quick_menu ul>li.mn03>a::before { background-image: url(../images/quick_bn_icon03.png); width: 70px; height: 70px; }

h4 { color: #3f3f3f; font-size: 2rem; }
h5 { color: #3f3f3f; font-size: 1.5rem; }
.cmtxt { color: #888; font-size: 0.875rem; font-weight: 500; }
.cut_string {display:inline-block; vertical-align:middle; width:auto; max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.content {overflow:hidden;}
.bg_gray + .content {padding-top:3.75rem;}
.ev_content {padding-top: 0.5rem !important;}
section {padding:8.125rem 0;}
section:first-child {margin-top:-3.75rem;}

.page_tit { padding: 3.75rem 0; text-align: center; }
.page_tit h3 { font-size: 2.625rem; line-height: 1.1; }
.page_tit h3+p { font-size: 1.25rem; margin-top: 0.5rem; }
.page_tit.login_tit h3 { font-size: 3rem; }
.page_tit.bg { background: #fff; }
.page_tit.bg_gray { background: #F7f7f7; /* box-shadow: inset 0 0 20px rgba(0, 0, 0, .05); */ }

/* item_list */
.item_list {border-top:1px solid #888; border-bottom:1px solid #888;}
.item_list > li + li {border-top:1px solid #d2d2d2;}
.item_list > li .innerbox {display:flex; align-items:center; padding:3.75rem 0;}
.item_list > li .icons {width:23%; margin-right:1.25rem;}
.item_list > li .icons i {display:flex; align-items: center; justify-content: center; background:#f2f2f2; border-radius:100%; width:100%; max-width:150px; margin:0 auto; position:relative;}
.item_list > li .icons i::before {content:''; display:block; padding-bottom:100%;}
.item_list > li .icons i::after {content:''; display:flex; align-items: center; justify-content: center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:43%; height:43%;}
.item_list > li .cont {color:#3f3f3f; flex:1; font-size:1.375rem;}
.item_list > li .cont em {display:block; font-size:1.75rem; font-weight:700; font-style:normal; margin-bottom:1.25rem;}
.item_list > li .cont .info_txt {font-size:1.125rem; margin-top:1.25rem;}


/* 브랜드스토리 */
.brand_int h4 {display:flex; font-size:2.25rem; margin-bottom:3.75rem; position:relative;}
.brand_int h4::before {content:''; background:#8d7150; height:50px; flex:0 0 8px; margin-right:1.5rem;}
.brand_int .main_txt {color:#8d7150; font-size:2rem; font-weight:700; text-align:center;}
.brand_int .main_txt strong {display:inline-block; color:#002d56; font-size:2.25rem; font-weight:800;}
.brand_int .int {margin-top:3rem;}
.brand_int .int .imgs {margin-right:1.125rem;}
.brand_int .int .text {font-size:1.375rem;}
.brand_int .int .text > p + p {margin-top:2.625rem;}
.brandstory {padding:5rem 0 0;}
.brandstory .int .imgs {width:40.84%;}
.symbol .int .imgs {width:20.33%; margin-right:3.75rem;}

/* 브랜드스토리02 */
/* .story_head .innerwrap {max-width:1390px;} */
.story_head h4 {display:flex; align-items:center;}
.story_head h4::after {content:''; background:#8d7150; height:2px; flex:1; margin-left:2.125rem;}
.story_head .imgs {width:100vw; margin:6.25rem 0;}
.story_head .imgs img {border-radius:100rem 0 0 100rem;}
.story_head .main_txt {font-size:1.375rem; line-height:1.8; max-width:908px; margin:0 auto; text-align:center;}
.story_head .main_txt strong {display:block; color:#8d7150; font-size:4rem; margin-bottom:1rem;}
.story_cont {padding:11.25rem 0;}
.story_cont .innerwrap {max-width:1400px;}
.story_cont h4 {display:flex; align-items:center; margin-bottom:10rem; text-align:center;}
.story_cont h4 > span {margin:0 2.25rem;}
.story_cont h4::before, .story_cont h4::after {content:''; background:#8d7150; height:2px; flex:1;}
/* 브랜드스토리02_교육 이념 */
.story_cont .text_box {border-radius:500px; font-size:1.25rem; line-height:2; padding:3.75rem 5%; margin:0 auto; text-align:center;}
.story_sec01 {background:url(../images/brandstory_sec01_bg.png) 50% calc(100% - 255px) no-repeat; background-size:contain;}
.story_sec01 .text_box {background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15); max-width:1160px;}
.ideal {display:flex; max-width:1160px; margin:1rem auto 10rem;}
.ideal .logo {display:flex;}
.ideal .logo::after {content:''; display:block; background:url(../images/ideal_arrow.png) 0 0 no-repeat; background-size:contain; width:147px; height:159px; flex:0 0 147px; margin:30px 0 20px 25px;}
.ideal .logo .cont {max-width:320px; display:flex; flex-direction:column; justify-content:space-between;}
.ideal .item {display:flex; align-items:center; flex:1; margin-left:1.875rem;}
.ideal .item > li {width:31.33%; margin:0 1%;}
.ideal .item > li > span {display:flex; align-items:center; justify-content:center; background:linear-gradient(143.01deg, #002B49 15.04%, rgba(0, 43, 73, 0.8) 83.87%); box-shadow:0 4px 4px rgba(0,0,0,0.25); border-radius:100%; color:#fff; font-size:1.25rem; font-weight:600; max-width:188px; margin:0 auto; padding:1rem; position:relative; text-align:center;}
.ideal .item > li > span::after {content:''; display:block; padding-bottom:100%;}
.ideal .item > li:nth-child(2) > span {background:linear-gradient(143.92deg, #006D64 16.62%, rgba(0, 109, 100, 0.8) 84.38%);}
.ideal .item > li:nth-child(3) > span {background:linear-gradient(151.88deg, #8D7150 13.74%, rgba(141, 113, 80, 0.8) 86.63%);}
/* 브랜드스토리02_학습 구성 */
.story_sec02 {padding-top:0;}
.story_sec02 .imgs {max-width:1000px; margin:0 auto;}
.story_sec02 .text_box {border:2px solid #8d7150; max-width:920px; padding:2.5rem 5%; margin-top:7.25rem;}
/* 브랜드스토리02_목표 달성 */
.story_sec03 {background:linear-gradient(93.29deg, #DADAD3 0%, #F5F5F5 100%); padding-top:5.25rem;}
.story_sec03 .cont {display:flex; align-items:center; max-width:1145px; margin:0 auto;}
.story_sec03 .cont > .imgs {flex:0 0 50%; max-width:534px;}
.story_sec03 .cont > .text_box {margin-left:4.75rem; padding:0; text-align:left;}
.story_sec03 .cont > .text_box .main_text {display:block; color:#8d7150; font-size:1.5rem; font-weight:700; margin-top:1.875rem;}
/* 브랜드스토리02_외대HS어학원 Identity */
.story_sec04 .int {max-width:1180px; margin:0 auto;}
.story_sec04 .int .text {font-size:1.5rem; padding-right:2rem;}
.story_sec04 .int .imgs {margin-right:2rem;}
.bi_int {background:#fff; border:1px solid #dadad3; border-radius:40px; max-width:1180px; margin:10rem auto 0;}
.bi_int h5 {display:inline-flex; justify-content:center; align-items:center; background:#fff; border:1px solid #dadad3; border-radius:100px; height:3.75rem; padding:0 2.75rem; margin:-1.875rem 0 0 2.75rem;}
.bi_int .cont {display:flex; align-items:center; padding:3.75rem 1.5%;}
.bi_int .cont > div {flex:1; margin:0 auto;}
.bi_int .cont .item {text-align:center;}
.bi_int .cont .item + .item {margin-top:3.75rem;}
.bi_int .cont .item .bi_img {display:block; margin:0 auto;}
.bi_int .cont .item .text {font-size:1.125rem; margin-top:0.625rem;}
.bi_int .cont .vertical .item .text {margin-top:1.875rem;}

/* 인사말 */
.greeting {background:url(../images/greeting_bg.png) 0 100% no-repeat; padding-top:6.25rem; padding-bottom:12.5rem; margin-bottom:-85px;}
.greeting .intro .imgs {max-width:480px; margin:0 auto 3rem; text-align:center;}
.greeting .intro .imgs img {border-radius:0 3.125rem 0 3.125rem;}
.greeting .intro .ci_img {margin-bottom:2rem; text-align:center;}
.greeting .intro .ci_img img {width:30%; max-width:125px;}
.greeting .intro .text_branch {font-size:1.875rem; line-height:1.5; font-weight: 600; padding-bottom: 20px;}
.greeting .intro .text {font-size:1.275rem; line-height:1.6;}
.greeting .intro .sign {font-size:1.25rem; margin-top:2rem; text-align:right;}
.greeting .intro .sign strong {font-size:2.25rem; margin:0 0.75rem;}
.greeting .intro .sign .sign_img img {max-width:152px; vertical-align:bottom; display: none;}
.greeting.textver {background:url(../images/greeting_bgv2.png) 100% 100% no-repeat; background-size:contain; padding-bottom:12.5rem;}
.greeting.textver .intro .ci_img {border-bottom:1px solid #d2d2d2; padding-bottom:2rem; margin-bottom:7.628%; display: none;}
.greeting.textver .intro .ci_img img {max-width:180px;}
.greeting.textver .intro .sign {text-align:left;}

/* 위치안내 */
.map_addr {margin-top:2rem; display:flex; justify-content: center;}
.map_addr .addr {display:flex; font-size:1.9rem; font-weight:500; line-height:1.2; margin-bottom: 10px;}
.map_addr .addr::before {content:''; display: inline-block; background:url(../images/icon_marker.png) 0 0 no-repeat; background-size:contain; width:2rem; height:2.813rem; flex:0 0 2rem; margin-right:0.938rem;}
.traffic {margin-top:8.125rem;}
.traffic h4 {margin-bottom:1.375rem;}
.transport > li .desc span {display:block;}
.transport > li .desc .subway_num {margin-bottom:0.5rem;}
.transport > li.mn01 .icons i::after {background-image:url(../images/icon_traffic_subway.png);}
.transport > li.mn02 .icons i::after {background-image:url(../images/icon_traffic_bus.png);}
.transport > li.mn03 .icons i::after {background-image:url(../images/icon_traffic_car.png); width:54%; height:54%;}
/* 상담 문의 배너 */
.cs_bn {background:#E4E3E0; border-radius:1.813rem; align-items:center; padding:3.75rem 2.813rem; max-width:720px; margin:4.125rem auto 0;}
.cs_bn::before {background-image:url(../images/cs_tel_iconv3.png); width:5rem; height:5rem;}
.cs_bn .info {margin:0;}
.cs_center.cs_bn .info br {display:block;}

/* 학원규정 0206예린수정*/ 
.policy .ci_img {width:40%; max-width:320px; margin:0 auto 4.375rem;}
.policy_list > li + li {margin-top:4.375rem;}
.policy_list > li > .title {color:#002d56; font-weight:800; margin-bottom:1.25rem;}
.policy_list > li > .title > strong {display:block; font-size:1.5rem;}
.policy_list > li > .desc {background:#f8f8f8; border-radius:15px; padding:1.625rem 1.25rem; display:flex;}
.policy_list > li > .desc ul.policy_index{width: 86%;}
.policy_list > li > .desc ul>li{display: flex;}
.policy_list > li > .desc ul>li>div:first-child{padding-right: 6px;}
.policy_list > li > .desc li + li {margin-top:0.625rem;}
.policy_list > li > .desc .icons {display:flex; align-items: flex-end; justify-content: center; flex:0 0 13%; max-width:90px; position:relative; width: 14%; margin: 0 0 0 10%;}
.policy_list > li > .desc .icons::after {content:''; display:block; padding-bottom:100%;}
.policy_list > li > .desc .icons i {display:flex; align-items: center; justify-content: center; background-position:50% 100%; background-repeat:no-repeat; background-size:contain; position:absolute; width:100%; height:100%;}
.policy_list > li.mn01 > .desc .icons i {background-image:url(../images/policy_icon01.png);}
.policy_list > li.mn02 > .desc .icons i {background-image:url(../images/policy_icon02.png);}
.policy_list > li.mn03 > .desc .icons i {background-image:url(../images/policy_icon03.png);}
.policy_list > li.mn04 > .desc .icons i {background-image:url(../images/policy_icon04.png);}
.policy_list > li.mn05 > .desc .icons i {background-image:url(../images/policy_icon05.png);}
.policy_list > li.mn06 > .desc .icons i {background-image:url(../images/policy_icon06.png);}

/* title_wrap */
.title_wrap {margin-bottom:6.25rem; text-align:center;}
.title_wrap .title {color:#002B49; font-size:3.75rem; font-weight:700; line-height:1.3;}
.title_wrap .title .addtxt {display:block; font-size:3rem; margin-top:0.848%;}
.title_wrap .sub_txt {display:block; font-size:1.75rem; font-weight:500; margin-top:1.25rem;}
.title_wrap .sub_txt.small {font-size:1.125rem; font-weight:400;}

/* 학습구성 */
.learn_system .subtxt {color:#232323; font-weight:500;}
.learn_system > div {display:flex; justify-content:center; text-align:center;}
.learn_system .group01 {border:10px solid #dcdcca; border-radius:30px; padding:97px 1.125rem 74px; position:relative;}
.learn_system .group01 .title {display:inline-block; background:#146e7a; border-radius:100px; color:#fff; font-size:1.75rem; padding:1rem 2.688rem; position:absolute; top:-2.5rem; left:auto; right:auto; text-align:center;}
.learn_system .group01 .inner {width:100%;}
.learn_system .group01 .int {font-size:1.375rem;}
.learn_system .group01 .int .main_txt {display:inline-block; position:relative; padding-left:6.25rem; text-align:left;}
.learn_system .group01 .int .main_txt::before {content:''; background:url(../images/literacy_group01_imgv2.png) 0 0 no-repeat; background-size:contain; width:77px; height:77px; position:absolute; top:5px; left:0;}
.learn_system .group01 .int .main_txt .subtxt {padding-left:0.625rem;}
.learn_system .group01 .int .main_txt strong {display:block; color:#8d7150; font-size:3.25rem; line-height:1;}
.learn_system .group01 .int > div {position:relative;}
.learn_system .group01 .int > div + div {margin-top:1.5rem;}
.learn_system .group01 .int > div + div::before {content:''; display:block; background:#303030; width:5px; height:23px; margin:0 auto 2.25rem;}
.learn_system .group01 .int > div + div::after {content:''; display:block; background:#303030; width:23px; height:5px; position:absolute; top:9px; left:0; right:0; margin:0 auto; text-align:center;}
.learn_system .group01 .item {display:flex; flex-wrap:wrap; margin-top:20px;}
.learn_system .group01 .item>li {background:#fff; border-radius:20px; font-size:1.875rem; font-weight:600; line-height:1.1; width:18.4%; margin-left:2%; padding:2rem 0.5rem 1.5rem; border:2px solid #8d7150;}
.learn_system .group01 .item>li:first-child {margin-left:0;}
.learn_system .group01 .item>li .text {display:flex; flex-direction:column; justify-content:center; min-height:67px; margin-top:8.5%;}
.learn_system .group01 .item>li .icons {display:inline-flex; align-items:center; justify-content:center; width:70%; position:relative;}
.learn_system .group01 .item>li .icons::after {content:''; display:block; padding-bottom:100%;}
.learn_system .group01 .item>li .icons i {display:flex; align-items:center; justify-content:center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:100%; height:90%;}
.learn_system .group01 .item>li.item01 .icons i {background-image:url(../images/system_item01.png);}
.learn_system .group01 .item>li.item02 .icons i {background-image:url(../images/system_item02.png);}
.learn_system .group01 .item>li.item03 .icons i {background-image:url(../images/system_item03.png);}
.learn_system .group01 .item>li.item04 .icons i {background-image:url(../images/system_item04.png);}
.learn_system .group01 .item>li.item05 .icons i {background-image:url(../images/system_item05.png);}
.learn_system .group01 .item>li.item03>div>span {font-size:1.375rem;}
.learn_system .group01 .item>li.item04>div>span {color:#888888; font-size:0.875rem; margin-top:4px;}
.learn_system .group02 {padding:0 20px 0;}
.learn_system .group02 .title {font-size:3rem;}
.learn_system .group02 .title .txt1 {color:#8d7150;}
.learn_system .group02 .title .txt2 {color:#146e7a;}
.learn_system .group02 .subtxt {font-size:1.5rem; margin-top:0.875rem;}
.learn_system .group02 .imgs {border:6px solid #dcdcca; border-radius:3.125rem; max-width:580px; margin:3.75rem auto 0; overflow:hidden;}
.learn_system .arrow {align-items:center; margin:4.375rem auto 2.25rem;}
.learn_system .arrow>span {display:flex; align-items:center; flex-direction:column;}
.learn_system .arrow>span::before {content:''; background:#dcdcca; width:53px; height:60px;}
.learn_system .arrow>span::after {content:''; width:0; height:0; border-left:46px solid transparent; border-right:46px solid transparent; border-top:52px solid #dcdcca;}
.learning_int02 {background:#f5f6f6;}
.int_title {margin-bottom:5rem;}
.int_title .num {display:block; color:#8d7150; font-size:3.75rem; font-weight:700; margin-bottom:0.625rem;}
.int_title h4 {color:#002d56; font-size:3rem; font-weight:800;}
.int_title h4 .subtxt {display:flex; align-items:center; position:relative;}
.int_title h4 .subtxt::after {content:''; background:#002d56; width:80%; height:1px; margin-left:4.25rem;}
.learning_int02 .cont > div {border-radius:30px; overflow:hidden;}
.learning_int02 .cont .imgs img {width:100%; height:100%; object-fit:cover;}
.learning_int02 .cont .item {display:flex; flex-direction:column; justify-content:center; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.25); padding:1.25rem; text-align:center;}
.learning_int02 .cont .item .title {display:block; color:#146e7a; font-size:2rem; font-weight:700; font-style:normal; margin-top:1rem;}
.learning_int02 .cont .item .desc {font-size:1.25rem; margin-top:2.25rem;}
.learning_int02 .cont .item .icons {display:inline-flex; align-items:center; justify-content:center; width:35%; max-width:4.375rem; margin:0 auto; position:relative;}
.learning_int02 .cont .item .icons::after {content:''; display:block; padding-bottom:100%;}
.learning_int02 .cont .item .icons i {display:flex; align-items:center; justify-content:center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:100%; height:90%;}
.learning_int02 .cont .mn01 .icons i {background-image:url(../images/learning_int02_icon01.png);}
.learning_int02 .cont .mn02 .icons i {background-image:url(../images/learning_int02_icon02.png);}
.learning_int03 .intro_tr + .intro_tr {margin-top:4.125rem;}
.learning_int03 .intro_tr > .img_box {border:0.625rem solid #363636; border-radius:30px; overflow:hidden;}
.learning_int03 .intro_tr > .text_box .title * {color:#146e7a; font-weight:800;}
.learning_int03 .intro_tr > .text_box .title::before {content:''; display:block; background:url(../images/icon_cnt_tit.png) 0 0 no-repeat; background-size:contain; width:2.688rem; height:2.875rem; margin-bottom:1rem;}
/* intro_tr */
.intro_tr > .img_box {margin-top:2.25rem;}
.intro_tr > .img_box img {width:100%; height:100%; object-fit:cover;}
.intro_tr > .text_box .title h4 {font-size:2.5rem;}
.intro_tr > .text_box .title i {display:block; color:#a7a7a7; font-size:1.25rem; font-weight:500; margin-bottom:10px;}
.intro_tr > .text_box .title + .desc {margin-top:1.875rem;}
.intro_tr > .text_box .desc {font-size:1.375rem;}
.intro_tr > .text_box .desc > p {display:flex;}
.intro_tr > .text_box .desc > p::before {content:'-'; margin-right:5px;}

/* 커리큘럼 */
.curriculum .innerwrap {max-width:1440px;}
.curriculum{margin-top: 40px;}
.curriculum dl + dl {margin-top:8.5rem;}
.curriculum dl dt {color:#8D7150; font-size:2rem; font-weight:700; margin-bottom:1.875rem; text-align:center;}
.curri_table {display:flex;}
.curri_table .title {margin-right:0.375rem; min-width:70px;}
.curri_table .title img {min-height:815px;}
.curri_table .cont {overflow:auto;}
.curri_table .cont img {min-width:768px; min-height: 100%;}
.roadmap_start{margin-bottom: 160px;}
.roadmap_start .roadmap_mobile{display: none;}
.roadmap .title img {min-height:334px;}

/* 교재구성 */
.book_int + .book_int {padding:0;}
.textbook .wrap {border-bottom:2px solid #8d7150; padding:6.25rem 0;}
.textbook .wrap:first-child {padding-top:0;}
.book_int:last-child .wrap:last-child {border-bottom:0;}
.textbook h5 {font-size:2rem; text-align:center;}
.textbook h5 > span {display:inline-block; background:#f4f4f1; border-radius:30px; padding:0.75rem 8%;}
.textbook h5 + p {font-size:1.375rem; margin-top:1.875rem; text-align:center; font-weight: 500;}
.book_list {display:flex; justify-content:center; margin-top:2.875rem;}
.book_list > li {max-width:184px;}
.bullet_list {max-width:920px; margin:2.5rem auto 0;}
.bullet_list > li {display:flex; font-size:1.125rem; padding:0.625rem;}
.bullet_list > li + li {border-top:2px dashed #d5d5d5;}
.bullet_list > li::before {content:''; background:#333; border-radius:100%; width:6px; height:6px; flex:0 0 6px; margin:0.563rem 0.875rem 0 0;}
.book_tb {display:flex; background:#f5f5f6; border-radius:20px; padding:1.125rem; margin-top:3rem;}
.book_tb dt, .book_tb dd {display:flex; justify-content:center; align-items:center; height:3.5rem;}
.cnt_head {flex:0 0 132px; font-size:1.375rem; font-weight:700; color:#545454; margin:0 2rem 0 1rem;}
.cnt_head > dd {border-top:1px solid #8d7150;}
.cnt_body {display:flex; flex:1; background:#dadad3; border-radius:16px; font-size:1.125rem;}
.cnt_body > dl {flex:1; border-left:2px solid #fff; text-align:center;}
.cnt_body > dl:first-child {border-left:0;}
.cnt_body > dl > dd {border-top:2px solid #fff;}
.reading .cnt_body > dl > dt {font-size:1rem;}
.reading .book_list > li {max-width:285px;}
.reading .hs_rgbook {justify-content: space-evenly !important;}
.reading .hs_rgbook > li {max-width: 380px;}
.reading .book_list > li + li {margin-left:2rem;}
.rlsw .book_list {flex-wrap:wrap;}
.rlsw .book_list > li {width:15.5%; margin-left:1.4%;}
.rlsw .book_list > li:nth-child(6n+1) {margin-left:0;}
.hafs_int {display:flex; justify-content:space-between; max-width:980px; margin:3.75rem auto 0;}
.hafs_int > li {width:30.61%; font-family: 'GmarketSans';}
.hafs_int > li > .innerbox {display:flex; align-items:center; justify-content:center; background:url(../images/textbook/hafs_master_bg01.png) 0 0 no-repeat; background-size:contain; max-width:300px; margin:0 auto; padding:1rem; position:relative; text-align:center;}
.hafs_int > li > .innerbox::after {content:''; display:block; padding-bottom:100%;}
.hafs_int > li > .innerbox .num {display:inline-flex; justify-content:center; background:#41a7e1; border-radius:100%; color:#fff; font-size:1.875rem; width:4.125rem; height:4.125rem; line-height:4.5rem; margin-bottom:1.25rem;}
.hafs_int > li > .innerbox .text {color:#41a7e1; font-size:2rem; line-height:1.3; letter-spacing:-0.9px;}
.hafs_int > li:nth-child(2) > .innerbox {background-image:url(../images/textbook/hafs_master_bg02.png);}
.hafs_int > li:nth-child(2) > .innerbox .num {background:#4383dd;}
.hafs_int > li:nth-child(2) > .innerbox .text {color:#4383dd;}
.hafs_int > li:nth-child(3) > .innerbox {background-image:url(../images/textbook/hafs_master_bg03.png);}
.hafs_int > li:nth-child(3) > .innerbox .num {background:#0040c2;}
.hafs_int > li:nth-child(3) > .innerbox .text {color:#0040c2;}

/* 입학절차 */
.admission_step .innerwrap {max-width:1442px; background:url(../images/admission_step_arrow.png) 50% 50% no-repeat; background-size:100%; padding:0 3.25rem; position:relative;}
.admission_step .step {display:flex; max-width:1180px; margin:0 auto; padding:10px 0;}
.admission_step .step > li {background:#fff; border:1px solid #efefef; box-shadow:0 4px 10px rgba(0,0,0,0.1); flex:1; max-width:280px; margin:0 0.848%; padding:0.75rem 1rem;}
.admission_step .step > li .innerbox {display:flex; flex-wrap:wrap; justify-content:space-between;}
.admission_step .step .step_num {font-size:1.375rem; line-height:1; width:40%;}
.admission_step .step .step_num i {color:#888; font-weight:700;}
.admission_step .step .step_num strong {color:#3f3f3f; display:block; font-size:2.5rem; text-align:right;}
.admission_step .step .icons {display:flex; align-items: center; justify-content: center; width:55%; position:relative;}
.admission_step .step .icons::after {content:''; display:block; padding-bottom:105%;}
.admission_step .step .icons i {display:flex; align-items: center; justify-content: center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:73%; height:80%;}
.admission_step .step .title {font-size:1.625rem; line-height:1.2; width:100%; text-align:center;}
.admission_step .step > li.step01 .icons i {background-image:url(../images/admission_step_icon01.png);}
.admission_step .step > li.step02 .icons i {background-image:url(../images/admission_step_icon02.png);}
.admission_step .step > li.step03 .icons i {background-image:url(../images/admission_step_icon03.png);}
.admission_step .step > li.step04 .icons i {background-image:url(../images/admission_step_icon04.png);}
.process_info {margin-top:7.5rem; border-top:2px dashed #d5d5d5; padding-top:0.875rem;}
.process {border:0;}
.process > li + li {border-top:2px dashed #d5d5d5;}
.process > li .icons i {background:#f3f3ed; border:3px solid #dadad3; max-width:253px;}
.process > li .icons i::after {width:65%; height:65%;}
.process > li .cont em i {color:#146E7A; margin-right:0.625rem;}
.process > li.mn01 .icons i::after {background-image:url(../images/admission_step_icon01.png);}
.process > li.mn02 .icons i::after {background-image:url(../images/admission_step_icon02v2.png);}
.process > li.mn03 .icons i::after {background-image:url(../images/admission_step_icon03v2.png);}
.process > li.mn04 .icons i::after {background-image:url(../images/admission_step_icon04.png);}

/* 학사일정 */
.season {display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:3px solid #ececec; padding-bottom:4.625rem; margin:-1.8% 0 4.625rem;}
.season > li {background:#fff; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1); width:23.65%; margin:1.8% 0 0 1.8%; padding:1.375rem;}
.season > li:first-child {margin-left:0;}
.season > li > .innerbox {display:flex;}
.season > li .cont {flex:1; color:#3f3f3f; margin-left:1.25rem;}
.season > li .cont .title {font-size:1.125rem; margin-bottom:0.625rem;}
.season > li .cont .title > strong {display:inline-block; border-bottom:1px solid #888; color:#8d7150; font-size:1.625rem; padding-bottom:0.125rem;}
.season > li .cont .desc .day {display:block; font-size:1.375rem; font-weight:600;}
.season > li .cont .desc i {font-weight:500;}
.season > li .icons {display:flex; align-items: flex-end; justify-content: center; flex:0 0 24%; max-width:60px; max-height:60px; margin-top:7px; position:relative;}
.season > li .icons::after {content:''; display:block; padding-bottom:100%;}
.season > li .icons i {display:flex; align-items: center; justify-content: center; background-position:50% 0; background-repeat:no-repeat; background-size:contain; position:absolute; width:100%; height:100%;}
.season > li.mn01 .icons i {background-image:url(../images/sub_ico01.png);}
.season > li.mn02 .icons i {background-image:url(../images/sub_ico02.png);}
.season > li.mn03 .icons i {background-image:url(../images/sub_ico03.png);}
.season > li.mn04 .icons i {background-image:url(../images/sub_ico04.png);}
.calendar_year_box {display:flex; justify-content:space-between; align-items:center; margin-bottom:3.5rem;}
.calendar_year_box .years {text-align:center;}
.calendar_year_box .years strong {display:block; color:#146e7a; font-size:3rem; font-weight:800; line-height:0.9;}
.calendar_year_box .years i {color:#888; font-size:1.125rem;}
.calendar_year_box button {background-color: transparent; border:0; border-radius:100%; width:52px; height:52px; display:flex; justify-content:center; align-items:center; font-size: 0;}
.calendar_year_box button img{ width: 100%;}
.calendar_year_box button.next > span img {transform: rotate(180deg); margin:0 0 0 2px;}
.calendar_wrap ul {display:table; table-layout:fixed; width:100%;}
.calendar_wrap ul > li {display:table-cell; width:14.285714%; position:relative;}
.calendar_wrap ul > li:first-child {border-left:0;}
.calendar_wrap .weekdays {background:#002d56; border-radius:25px 25px 0 0; color:#fff; font-size:1.125rem;  text-align:center;}
.calendar_wrap .weekdays > li {border:0; line-height:67px;}
.calendar_wrap .weekdays > li:first-child {color:#ff4d26;}
.calendar_wrap .weekdays > li:nth-child(7) {color:#1cbfca;}
.calendar_wrap .day_wrap {border:1px solid #aaa; border-top:none; border-radius:0 0 25px 25px;}
.calendar_wrap .days + .days {border-top:2px solid #e5e5e5;}
.calendar_wrap .days > li {height:114px; padding:0.5rem;}
.calendar_wrap .days > li .date {background:none; border:0; font-size:1.25rem; font-weight:500; width:34px; height:34px; padding:0;}
.calendar_wrap .days > li:first-child .date {color:#ff4d26;}
.calendar_wrap .days > li:nth-child(7) .date {color:#1cbfca;}
.calendar_wrap .days > li.today .date {background:#146e7a; border-radius:100%; color:#fff; font-weight:900;}
.sch_cont {background:#f2f2f2; border-radius:25px; font-size:1.375rem; padding:2.625rem; margin-top:0.625rem; min-height:100px; border:1px solid #ccc;}

/* 셔틀버스 안내 */
.bus_rule {margin-bottom:5.625rem;}
.bus_rule h4 {display:flex; color:#002d56; font-size:2rem; font-weight:800; margin:0 0 1.25rem 2.5rem;}
.bus_rule h4::before {content:''; background:url(../images/icon_rule_tit.png) 0 0 no-repeat; background-size:contain; flex:0 0 40px; height:44px; margin-right:1.25rem;}
.rule_list {display:flex; flex-wrap:wrap;}
.rule_list > li {background:#fff; border-radius:20px; box-shadow:4px 4px 15px rgba(0,0,0,0.1); color:#3f3f3f; font-size:1.125rem; width:18%; padding:1.875rem; margin:1%; text-align:center;}
.rule_list > li .icons {display:flex; align-items: flex-end; justify-content: center; width:70%; max-width:100px; margin:0 auto 1.375rem; position:relative;}
.rule_list > li .icons::after {content:''; display:block; padding-bottom:100%;}
.rule_list > li .icons i {display:flex; align-items: center; justify-content: center; background-position:50% 0; background-repeat:no-repeat; background-size:contain; position:absolute; width:100%; height:100%;}
.rule_list > li.mn01 .icons i {background-image:url(../images/shuttle_rule_icon01.png);}
.rule_list > li.mn02 .icons i {background-image:url(../images/shuttle_rule_icon02.png);}
.rule_list > li.mn03 .icons i {background-image:url(../images/shuttle_rule_icon03.png);}
.rule_list > li.mn04 .icons i {background-image:url(../images/shuttle_rule_icon04.png);}
.rule_list > li.mn05 .icons i {background-image:url(../images/shuttle_rule_icon05.png);}
.shuttleguide .tabs {border:1px solid #002d56; border-radius:100px; display:flex; max-width:980px; margin:0 auto 2.25rem;}
.shuttleguide .tabs button {border-radius:100px; box-shadow:none; color:#888; font-size:2rem; font-weight:500; height:5.125rem; margin:0.625rem; text-align:center; border: 1px solid transparent;}
.shuttleguide .tabs button.on {background:#002d56; color:#fff;}
.shuttle_list {border-top:1px solid #888; border-bottom:1px solid #888;}
.shuttle_list > li + li {border-top:1px solid #d2d2d2;}
.shuttle_list > li > a {display:block; padding:1.5rem 0;}
.shuttle_list > li .wrap {display:flex; justify-content:space-between; align-items:center; width:95%; max-width:980px; margin:0 auto; color:#888; font-size:1.125rem;}
.shuttle_list > li .bus_num {display:flex; align-items:center; color:#232323; flex:1;}
.shuttle_list > li .bus_num::before {content:''; background:url(../images/icon_shuttlebus.png) 0 0 no-repeat; background-size:contain; width:50px; height:58px; margin-right:3.125rem;}
.shuttle_list > li .bus_num strong {display:block; font-size:1.75rem;}
.shuttle_list > li .part {width:130px; margin:0 1.875rem; text-align:center;}
.shuttle_list > li .part .name {display:block;}
.shuttle_list > li .more {width:73px; font-size:1rem; text-align:center;}
.shuttle_list > li .more::before {content:''; display:block; background:url(../images/icon_route.png) 0 0 no-repeat; background-size:contain; width:32px; height:32px; margin:0 auto 3px;}
.shuttle_list > li .more > span {display:flex;}
.shuttle_list > li .more > span::after {content:''; background:url(../images/more_arrow.png) 0 0 no-repeat; background-size:contain; width:15px; height:8px; margin:5px 0 0 2px;}
.shuttle_list > li > div {display:none; border-top:solid 1px #d2d2d2;}
.bus_route {display:flex; max-width:980px; margin:0 auto; padding:1.875rem 0;}
.bus_route .imgs {width:59%;}
.route_info {background:#f2f2f2; border-radius:20px; box-shadow:4px 4px 15px rgba(0,0,0,0.05); overflow:hidden; flex:1; margin-left:1.25rem; position:relative;}
.route_info h5 {display:flex; align-items:center; height:3.5rem; font-size:1rem; padding:0 1.375rem;}
.route_info h5::before {content:''; background:url(../images/icon_route_tit.png) 0 0 no-repeat; background-size:contain; width:24px; height:21px; margin-right:0.625rem;}
.route_info .info {background:#fff; border-radius:20px 20px 0 0; font-weight:500; position:absolute; width:100%; height:calc(100% - 3.5rem); padding:0.875rem 0.375rem 0 1.375rem;}
.route_info .info > .inner {height:100%; overflow:auto;}
.route_info .info ul {position:relative; padding-bottom:1.875rem;}
.route_info .info ul::before {content:''; background:#146e7a; width:2px; height:100%; position:absolute; top:0; left:11px;}
.route_info .info ul > li {display:flex; position:relative; z-index:1;}
.route_info .info ul > li + li {margin-top:2.625rem;}
.route_info .info ul > li .num {display:block; background:#146e7a; border-radius:100%; color:#fff; width:24px; height:24px; line-height:24px; margin-right:0.625rem; text-align:center;}
.route_info .info ul > li .time {color:#146e7a;}
.route_info .info > .inner::-webkit-scrollbar {width:5px; background-color:#f2f2f2; border-radius:50px;}
.route_info .info > .inner::-webkit-scrollbar-thumb {background-color:#d2d2d2; border-radius:50px;}
.bus_service {display:flex; justify-content:space-between; align-items:center; background:#f8f8f8; border-radius:20px; padding:2.75rem 3rem; margin-top:4.125rem;}
.bus_service::after {content:''; background:url(../images/brand_bi_blur.png) 0 0 no-repeat; background-size:contain; width:212px; height:212px;}
.bus_service .inner {max-width:800px; width:85%; padding-right:20px;}
.bus_service .title {font-size:2rem; font-weight:500;}
.bus_service .title strong {display:inline-block; color:#002d56; font-weight:800;}
.bus_service .bullet_list {margin-top:1.625rem;}
.bus_service .bullet_list > li {color:#3f3f3f; padding:0.125rem 0;}
.bus_service .bullet_list > li + li {border-top:0;}
.bus_service .bullet_list > li::before {width:4px; height:4px; flex:0 0 4px; margin-right:0.625rem;}

/* swiper */
.swiper-slide img {display:block; width:100%; object-fit: cover;}

/* 시설안내 */
.facility {background:#f2f2f2; padding:3.75rem 1.25rem;}
.facility .wrap {max-width:1128px; margin:0 auto; position:relative;}
.gallery_main {max-width:980px; margin:0 auto;}
.gallery_main .title {display:block; font-size:2rem; font-weight:500; margin-top:2.813rem; text-align:center;}
.gallery_thumb {margin:5rem 0 4.375rem;}
.fac_scrollbar { background: #d9d9d9; border-radius: 0; height: 4px; margin-top: 2.75rem; }
.fac_scrollbar .swiper-scrollbar-drag { background-color: #3f3f3f; border-radius: 0; height: 6px; top: -1px; }
.gallery_main .thumb_wrap::after {padding-bottom:50.25%;}
.gallery_thumb .thumb_wrap::after {padding-bottom:72%;}
.facility .swiper-button-next, .facility .swiper-button-prev {background:url(../images/btn_gallery_prevnext.png) 0 0 no-repeat; background-size:contain; width:1.5rem; height:3rem; margin-top: calc(0px - (var(--swiper-navigation-size)/ 0.7)); z-index:1;}
.facility .swiper-button-prev {transform: rotate(180deg);}
.facility .swiper-button-prev:after, .facility .swiper-button-next:after {color:#333; font-weight:700; display:none;}
.btn_zoom {display:flex; background:url(../images/btn_zoom.png) 0 0 no-repeat; background-size:contain; border:0; width:2.25rem; height:2.25rem; position:absolute; top:10px; right:10px; text-indent:-9999px;}
/* img_popup */
.img_popup {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); visibility:hidden; opacity:0; transition:all 0.3s; z-index:20;}
.img_popup.active {visibility:visible; opacity:1;}
.img_popup .popup_inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:98%; max-width:1364px; padding:2rem 2rem 0; text-align:center;}
.img_popup .popup_inner .popup_con {max-height:calc(100vh - 60px); overflow:auto;}
.img_popup .popup_inner img {display:block; width:100%; max-height:780px; margin:0 auto;}

/* 갤러리_레이아웃 */
.nav_cate {padding-top:1px; overflow:hidden;}
.nav_cate > li {margin-top:-1px;}
.nav_cate > li:first-child button {border-radius:10px 10px 0 0;}
.nav_cate > li:last-child button {border-radius:0 0 10px 10px;}
.nav_cate button {display:flex; justify-content:space-between; align-items:center; background:none; border:1px solid #d2d2d2; color:#3f3f3f; font-size:1.125rem; font-weight:500; width:100%; height:4.375rem; padding:0 1.875rem; text-align:left; position:relative;}
.nav_cate button.on {background:#8b6f4e; border-color:transparent; color:#fff; z-index:1;}
.nav_cate button.on::after {content:''; background:url(../images/btn_cate_on.png) 0 0 no-repeat; background-size:contain; width:1.25rem; height:0.688rem;}
.sub_content .search_box {margin-top:1.563rem;}
.sub_content .search_box input[type="text"] {border-radius:8px; height:40px;}
.sub_content .search_box input[type="text"] {font-size:1rem;}
.sub_content .search_box .schword button {background-image:url(../images/btn_search2.png); width:1.375rem; height:1.313rem;}
.subtitle {display:flex; justify-content:space-between; align-items:flex-end; border-bottom:1px solid #888; padding-bottom:10px;}
.subtitle .path {display:flex; color:#a9a9a9;}
.subtitle .path li + li::before {content:'>'; margin:0 3px;}

/* board ------------------------------- */
.bbs {width:100%; border-top:1px solid #888; font-size:1.25rem; font-weight:500;}
/* list ----- */
.bbs_list > li.th_head {font-weight:700;}
.bbs_list > li.th_head > ul .b_tit {text-align:center;}
.bbs_list > li {border-bottom:1px solid #d2d2d2; padding:2% 5px; position:relative;}
.bbs_list > li a {position:absolute; top:0; left:0; width:100%; height:100%;}
.bbs_list > li > ul {display:flex;}
.bbs_list > li > ul li {width:10%; text-align:center;}
.bbs_list > li > ul .b_tit {flex:1; text-align:left;}
.bbs_list > li > ul .b_tit .title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_list > li:not(.th_head) > ul .b_date, .bbs_list > li:not(.th_head) > ul .b_hit {font-size:1rem;}
.bbs_list .cate {display:inline-flex; justify-content:center; align-items:center; background:#3f3f3f; border-radius:50px; color:#fff; font-size:1rem; width:3.625rem; height:2rem; margin-right:0.938rem;}
.bbs_list .cate.tp1 {background:#8b6f4e;}
.no_data_msg {width:100% !important; text-align:center; padding:30px 2%; font-size:1rem !important; margin-left:0 !important;} /* 게시글 없을때 */

/* bbs_gallery type */
.bbs_gall {margin-top:2.5rem;}
.bbs_gall > ul {display:flex; justify-content:space-between; flex-wrap:wrap; margin:-2% 0;}
.bbs_gall > ul > li {width:48%; margin:2% 0;}
.bbs_gall a {display:flex; flex-direction:column; justify-content:center; position:relative;}
.bbs_gall a::after {content:''; transition:all .6s linear;}
.bbs_gall a:hover::after {background:rgba(35,35,35,0.5); width:100%; height:100%; position:absolute; top:0; left:0;}
.bbs_gall .imgs {position:relative; overflow:hidden;}
.bbs_gall .img_thumb {display:block; position:relative; width:100%; padding-top:98%; background-image:url(../images/board/no_img.gif); background-repeat:no-repeat; background-position:50%; background-size:cover;}
.bbs_gall .title em {display:block; font-size:1.125rem; font-weight:600; font-style:normal; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_gall a > .title {position:absolute; width:100%; text-align:center; z-index:1; transition:all 0.3s; opacity:0;}
.bbs_gall a > .title em {color:#fff;}
.bbs_gall a:hover > .title {opacity:1;}
/* bbs_event type */
.bbs_gall.event > ul {margin-top:-10px;}
.bbs_gall.event > ul > li {margin-top:3.125rem;}
.bbs_gall.event a::after {display:none;}
.bbs_gall.event .img_thumb {padding-top:100%;}
.bbs_gall.event .cont {margin-top:1.563rem; text-align:center;}
.bbs_gall.event .cont .date {display:block; color:#8b6f4e; font-size:1.25rem; margin-bottom:5px;}
.bbs_gall.event .cont .title em {font-size:1.5rem; font-weight:500;}
.event_end {display:flex; align-items: center; justify-content: center; background:#C70A0B; color:#fff; width:23%; max-width:3.5rem; position:absolute; z-index:1;}
.event_end::after {content:''; display:block; padding-bottom:100%;}
.ev_tab {display:flex; justify-content:center;}
.ev_tab button {background:#fff; border:1px solid #ccc; border-radius:100px; font-size:1.5rem; font-weight:500; width:100%; max-width:15rem; height:4.125rem; margin:0.563rem;}
.ev_tab button.on {background:#8b6f4e; border-color:transparent; color:#fff;}
.ev_tab button > span {display:flex; justify-content:center; align-items:center;}
.ev_tab button > span::before {content:''; background-position:0 0; background-repeat:no-repeat; background-size:contain; margin-right:0.938rem;}
.ev_tab button.type1 > span::before {background-image:url(../images/ev_type_student.png); width:3.313rem; height:2.625rem;}
.ev_tab button.type2 > span::before {background-image:url(../images/ev_type_parent.png); width:4.375rem; height:2.813rem;}
.ev_tab button.type1.on > span::before {background-image:url(../images/ev_type_student_on.png);}
.ev_tab button.type2.on > span::before {background-image:url(../images/ev_type_parent_on.png);}

/* view ----- */
.bbs_view {border-top:0;}
.bbs_view li {padding:30px 0;}
.bbs_view .b_tit {padding:0 0 20px; border-bottom:1px solid #888;}
.bbs_view .b_tit .subject {font-size:1.75rem; font-weight:700; padding:0 0 10px;}
.bbs_view li dl {overflow:hidden; position:relative;}
.bbs_view li dt {color:#333; position:absolute; top:0px; left:10px;}
.bbs_view li dd {padding-left:90px; min-height:22px;}
.bbs_view .view_con {min-height:250px; width:100%; padding:3% 0; word-break:break-all; color:#3f3f3f; font-size:16px;}
.bbs_view .view_con img {width: 100%; max-width:600px; height:auto !important;}
/* 게시글정보 */
.add_info {display:flex; flex-wrap:wrap; font-size:14px; margin-left:-17px;}
.add_info > span {position:relative; display:inline-block; padding:0 17px; color:#3f3f3f;}

/* 갤러리_view */
.bbs_view.gall_view .b_tit {display:flex; align-items:flex-end; border-color:#a9a9a9;}
.bbs_view.gall_view .b_tit .subject {display:flex; align-items:flex-start; flex-wrap:wrap; flex:1; font-size:2rem; line-height:1.2; margin-right:10px; padding-bottom:0;}
.bbs_view.gall_view .b_tit .cate {display:inline-block; background:#8b6f4e; border-radius:100px; color:#fff; font-size:1.125rem; font-weight:400; padding:0.313rem 0.625rem; margin:3px 0.625rem 0 0;}
.bbs_view.gall_view .b_tit .title {flex:1;}
.bbs_view.gall_view .add_info {font-size:1.125rem; line-height:1.875rem;}
.bbs_view.gall_view .add_info > span {display:flex;}
.bbs_view.gall_view .add_info > span i::after {content:'|'; margin:0 10px;}
.bbs_view .view_con .item_img {position:relative;}
.opt_btn {display:flex; justify-content:center; background:none; border:0; width:1.875rem; height:1.875rem; padding:0;}
.opt_btn > span {background:url(../images/btn_opt.png) 0 0 no-repeat; background-size:contain; width:0.5rem; height:1.875rem;}
.slider_prevnext {border-top:1px solid #888; padding:35px 3rem; position:relative;}
.list_slider {max-width:980px; margin:0 auto;}
.slider_prevnext .swiper-button-next, .slider_prevnext .swiper-button-prev {background:url(../images/btn_glist_prevnext.png) 0 0 no-repeat; background-size:contain; width:1.875rem; height:1.063rem; margin-top:-0.5315rem; z-index:1;}
.slider_prevnext .swiper-button-prev {transform: rotate(180deg);}
.slider_prevnext .swiper-button-prev:after, .slider_prevnext .swiper-button-next:after {display:none;}
.slider_prevnext + .btn_set {margin-top:2.188rem;}
.board_bon {position:relative;}
.popup_inner .board_bon .popup_con {max-height:calc(100vh - 145px);}
.popup_inner .board_bon .pop_close {top:-2rem; right:-2rem;}
.board_title {display:flex; justify-content:space-between; align-items:center; background:#122B45; border-radius:1.25rem; color:#fff; padding:0.813rem 2.188rem; max-width:1200px; margin:-2rem auto 15px;}
.board_title .subject {display:flex; align-items:flex-start; flex-wrap:wrap; flex:1; font-size:2rem; font-weight:600; line-height:1.2; margin-right:0.625rem;}
.board_title .cate {display:inline-block; background:#8b6f4e; border-radius:100px; color:#fff; font-size:1.125rem; padding:0.313rem 0.625rem; margin:3px 3% 0 0;}
.board_title .add_info {font-size:1.125rem; line-height:1.875rem; margin-left:0;}
.board_title .add_info > span {display:flex; color:#fff; padding:0;}
.board_title .add_info > span i::after {content:'|'; margin:0 10px;}

/* 이전글다음글 */
.prevnext {border-top:solid 1px #d2d2d2; border-bottom:solid 1px #d2d2d2; margin-top:8%;}
.prevnext li {display:flex; align-items:center; height:3.75rem; padding:0 1.875rem 0 4.375rem; overflow:hidden; position:relative;}
.prevnext li:first-child {border-bottom:1px solid #dedede;}
.prevnext li::after {content:''; background:url(../images/btn_bbs_prevnext.png) 0 0 no-repeat; background-size:contain; width:15px; height:8px; position:absolute; left:1.875rem;}
.prevnext li:last-child::after {transform: rotate(180deg);}
.prevnext li span {display:block; font-size:14px; max-width:100%; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prevnext li a[href="#none"] {pointer-events: none;}

/* 이미지 높이값 조정 */
.thumb_wrap {display:block; position:relative; overflow:hidden;}
.thumb_wrap::after {content:''; display:block; padding-bottom:74.25%;}
.thumb_wrap > img {display:block; width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

/* 유튜브를 소스로 하는 iframe이 있다면 youtubeWrap을 클래스 값을 가지는 div로 */
.youtubeWrap {position:relative; max-width:800px; padding-bottom:38.15%;}
.youtubeWrap iframe {position:absolute; width:100%; height:100%;}

/* 상단검색영역 */
.bbs_head {position:relative; margin-bottom:2.5rem;}
.select_custom {background:#fff; border:1px solid #d2d2d2; border-radius:8px; width:120px; overflow:hidden; position:absolute; z-index:1;}
.select_custom > button {display:flex; justify-content:space-between; align-items:center; background:none; border:0; color:#000; font-size:1.25rem; width:100%; height:3.125rem; padding:0 1.25rem; position:relative;}
.select_custom > button::after {content:''; background:url(../images/icon_arrow_select.png) 0 0 no-repeat; background-size:contain; width:14px; height:7px; margin:-3px 0 0 0;}
.select_custom > button.active::after {transform:rotate(180deg);}
.ul_select_style {display:none;}
.ul_select_style.active {display: block}
.ul_select_style li button {background:#fff; border:0; font-size:1rem; width:100%; height:3.25rem; text-align:center;}
.ul_select_style li button:hover {background:#8b6f4e; color:#fff;}
/* search ------------------------------- */
.search_box input[type="text"], .search_box select, .search_box button {height:3.25rem;}
.search_box input[type="text"], .search_box select {border-radius:8px; font-size:1.25rem;}
.search_box .schword {display:flex; align-items:center; position:relative;}
.search_box .schword input {padding-right:3.125rem;}
.search_box .schword button {background:url(../images/btn_search.png) 0 0 no-repeat; background-size:contain; border:0; width:1.75rem; height:1.688rem; padding:0; color:#fff; vertical-align:top; position:absolute; right:1.25rem; text-indent:-9999px;}
.search_box input::-webkit-input-placeholder {color: #888;}/* Webkit */
.search_box input:-moz-input-placeholder {color: #888;}/* moz */

/* paging ------------------------------- */
.paging {text-align:center; margin:5rem 0 0; font-size:0;}
.paging a, .paging button {display:inline-flex; justify-content:center; align-items:center; width:2.188rem; height:2.188rem; padding:0; margin:0 0.313rem; background-color:#fff; border:1px solid transparent; border-radius:10px; color:#3f3f3f; font-size:1.25rem; font-weight:500; vertical-align:middle; cursor:pointer;}
.paging a:hover {color:#333;}
.paging .on, .paging .on:hover {background:#8b6f4e; border-color:transparent; color:#fff; cursor:inherit;}
.paging .count_num {width:auto; border:0; margin:0 0.938rem;}
.paging .count_num button + button {margin-left:0.25em;}
.paging .page_bt {width:1.563rem; margin:0 0.125rem; text-indent:-9999px; position:relative;}
.paging .page_bt::after {content:''; background:url(../images/page_bt_arrow.png) 0 0 no-repeat; background-size:contain; width:6px; height:13px; position:absolute;}
.paging .first::after, .paging .last::after {background-image:url(../images/page_bt_arrow02.png); width:11px;}
.paging .next::after, .paging .last::after {transform: rotate(180deg);}

/* 회원관련 ------------------------------- */
.login_wrap { max-width: 580px; margin: 0 auto; }
.login_wrap .wrap { max-width: 380px; margin: 0 auto; }
/* 로그인입력폼 */
.login_input { margin-top: 0; }
.login_input li { position: relative; margin-top: 0.938rem; }
.login_input li:first-child { margin-top: 0; }
.login_input li input { background: #fff; height: 3.75rem; max-height:none; padding: 0 13px 0 4.063rem; }
.login_input li>span { display: block; position: relative; }
.login_input li label { display: flex; justify-content: center; align-items: center; width: 3.563rem; height: 100%; position: absolute; top: 0; left: 9px; text-indent: -9999px; }
.login_input li label::after { content: ''; background-repeat: no-repeat; background-size: contain; position: absolute; }
.login_input li .input_id label::after { background-image: url(../images/icon_login_id.png); width: 19px; height: 21px; }
.login_input li .input_pw label::after { background-image: url(../images/icon_login_pw.png); width: 21px; height: 25px; }
.login_btn { margin: 45px 0 38px; }
.login_btn .btns { display: block; background: #122b45; border: 0; border-radius: 10px; color: #fff; font-size: 1.5rem; font-weight: 600; width: 100%; height: 4rem; line-height: 4rem; margin: 0 auto; }
.form_chk { margin-top: 23px; }
.form_chk>span+span { margin-left: 20px; }
.login_wrap .chkbox input[type="checkbox"], .login_wrap .chkbox i { width: 23px; height: 23px; top: 0; }
.login_wrap .chkbox label { min-height: 23px; line-height: 23px; }
.login_wrap .chkbox i, .login_wrap .chkbox input:focus { border-radius: 100%; }
.login_wrap .chkbox i::before { background-image: url(../images/chk_icon.png); width: 14px; height: 11px; }
.login_wrap .chkbox input:checked+i::before { background-image: url(../images/chk_icon_on.png); }
.add_menu { display: flex; justify-content: center; text-align: center; }
.add_menu, .add_menu a { color: #888; }
.add_menu a { padding: 0 22px; position: relative; }
.add_menu a+a::before { content: ''; background: #d2d2d2; width: 1px; height: 15px; position: absolute; top: 2px; left: 0; }
.sns_login { display: flex; justify-content: center; margin-top: 80px; text-align: center; }
.sns_login>a { display: block; background-repeat: no-repeat; background-size: contain; width: 60px; height: 60px; text-indent: -9999px; }
.sns_login>a+a { margin-left: 28px; }
.sns_login .icon_naver { background-image: url(../images/ico_sns_naver.png); }
.sns_login .icon_ktalk { background-image: url(../images/ico_sns_kakao.png); }
.sns_login .icon_google { background-image: url(../images/ico_sns_google.png); }
/* mem_type_chk */
.mem_type_chk { overflow: hidden; display: flex; padding: 1px 0 0 1px; margin: 0 -2px 3.125rem; }
.mem_type_chk>span { position: relative; margin: -1px 0 0 -1px; flex: 1; }
.mem_type_chk>span input[type=radio] { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.mem_type_chk>span label { display: block; background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); color: #888; font-size: 1rem; position: relative; height: 3.75rem; line-height: 3.75rem; padding: 0 5px; box-sizing: border-box; text-align: center; cursor: pointer; }
.mem_type_chk>span input[type=radio]:checked+label { background: #122b45; border-color: transparent; color: #fff; }
.mem_type_chk>span input[type=radio]:focus+label { border: 1px solid #64768a; }
.mem_type_chk>span:first-child label { border-radius: 8px 0 0 8px; }
.mem_type_chk>span:last-child label { border-radius: 0 8px 8px 0; }
.mem_type_chk>span i { display: inline-flex; align-items:center; position: relative; }
.mem_type_chk>span i::before { content: ''; /*background: url(../images/character_img.png) 0 0 no-repeat; background-size: contain;*/ width: 2.5rem; height: 2rem; position: absolute; left: 0; }
.mem_type_chk>span.type03 i::before { content: ''; /*background: url(../images/login_teacher.png) 0 0 no-repeat; background-size: contain;*/ height: 2.25rem; position: absolute; left: 0; }

/* 회원가입 */
.join_wrap { background: #fff; border-radius: 2.5rem; max-width: 980px; margin: 0 auto; padding: 3.125rem 7%; }
.join_wrap h4 { margin-bottom: 1.875rem; }
.join_input { padding: 1.25rem 0 3.75rem; }
.join_wrap .login_btn { margin: 3.125rem auto 0; }
/* input_con */
.input_con dl { font-size: 1rem; position: relative; }
.input_con dl, .trgroup {margin-top:1.375rem;}
.input_con dl:first-child, .trgroup:first-child { margin-top: 0; }
.input_con dl dt { font-size: 1.125rem; font-weight: 500; margin-bottom:0.625rem; }
.input_con dl dt .es {margin-left:3px;}
.input_con dl dd.opt { padding-top: 12px; }
.input_con dl dd .wr_con textarea { height: 130px; }
.input_group {display:flex; align-items:center;}
.input_date {flex-wrap:wrap;}
.input_date .year, .month, .date { margin: 0 6px 0 2px; }
.test_date { display: block; width:100%; margin: 10px 0 0; font-weight: 600; color: #146E7A; font-size: 16px; }
.test_date .cont {display:inline-block; border-bottom: 2px solid #DADAD3;}
select+.wr_con textarea { margin-top: 7px; }
.textcount { display: block; margin-top: 10px; text-align: right; }
.textcount>span { color: #097c8d; }
.input_con .cmtxt { display: block; margin-top: 6px; }
/* 약관동의 */
.join_agree { border-top: 1px solid #bababa; padding: 3.75rem 0 0; }
.agree_in+.agree_in { margin-top: 2.5rem; }
.chkall+.agree_in { margin-top: 3.438rem; }
.agree_in .wrap { border: 1px solid #d2d2d2; border-radius: 1.25rem; color: #888; font-size: 0.875rem; padding: 1.563rem 2px 1.563rem 1.563rem; margin-top: 0.938rem; }
.agree_in .wrap strong { color: #3f3f3f; }
.agree_in .form_chk { margin-top: 10px; text-align: right; }
.join_agree .chkbox label { font-size: 1rem; }
.agreechk_box { position: relative; }
.agreechk_box .chkbox { display: block; }
.agreechk_box .chkbox input[type="checkbox"], .agreechk_box .chkbox i { top: 0.813rem; left: 18px; cursor: pointer; }
.agreechk_box .chkbox label { display:block; background: #bababa; border-radius: 10px; color: #fff; font-size: 1.125rem; font-weight: 500; padding: 0.813rem 18px 0.813rem 48px; }
.agreechk_box .chkbox input:checked~label { background-color: #122b45; }
.agreechk_box .chkbox input:checked+i { background-color: #fff; }
.agreechk_box .chkbox input:checked+i::before { background-image: url(../images/chkall_icon_on.png); }
.agreechk_box .cmtxt { display: block; color: #bababa; padding: 0 18px; margin-top: 10px; }
.agreechk_box .more { display:block; font-size: 0.875rem; font-weight: 300; margin-top:0.625rem; text-align:right; }
.inner_text { height: 12.5rem; padding-right: 1.25rem; overflow-y: auto; }
.inner_text::-webkit-scrollbar { width: 5px; background-color: #fff; border-radius: 6px; }
.inner_text::-webkit-scrollbar-thumb { background-color: #d2d2d2; border-radius: 6px; }
/* 회원가입 완료 */
.join_message { max-width: 780px; margin: 4.688rem auto 2.5rem; position: relative; padding-top: 5.375rem; }
.join_message::after { content: ''; background: url(../images/character_imgv2.png) 0 0 no-repeat; background-size: contain; width: 7.5rem; height: 6.375rem; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; }
.join_message .wrap { background: #f2f2f2; border-radius: 2.5rem; padding: 4.188rem 2.625rem; text-align: center; }
.join_message .con_head_txt { color: #232323; font-size: 1.875rem; font-weight: 700; }
.join_message .con_head_txt::before { content: ''; display: block; background: url(../images/join_confirm_img.png) 0 0 no-repeat; background-size: contain; width: 4.375rem; height: 4.375rem; margin: 0 auto 1.438rem; }
.join_message .info { background: #fff; border-radius: 1.25rem; font-size: 1.125rem; line-height: 1.6; padding: 1.25rem; margin: 2.188rem 0; }
.join_message .login_btn { max-width: 300px; margin: 2.5rem auto 0; }
.join_message .login_btn .btns { border-radius: 1.25rem; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); height: 4.375rem; }

/* 상담신청 */
.consult .join_wrap { max-width: 1180px; margin-top: 3.75rem; }
.route_list { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 720px;}
.route_list>li { padding: 0.425rem 0; }
.route_list>li.add input[type="text"], .route_list>li.add input[type="tel"], .route_list>li.add select { border-radius: 5px; font-size: 14px; height: 34px; }
.route_list>li.add.etc input { max-width: none; margin-left: 10px; }

/* 0115수정 */
.route_list>li{width: 100%;}
.route_list>li>.off-list{display: flex;}
.route_list>li>.off-list>li{width: 20%;}
.route_list>li>.online-list>li{display: flex; align-items: center; width: 100%;}
.route_list>li>.online-list>li>span{width: 12%;}
.route_list>li>.online-list>li>select{height: 34px; border-radius: 5px; width: 22%;}
.route_list>li.add.etc>li{display: flex;}

.recomm_mem { margin-left: 23px; width: 90%;}
.recomm_mem>span { display:block; padding:0.25rem 0; }
.recomm_mem>span label { color: #888; font-size: 15px; margin-right: 10px; }
.cs_info { background: #fff; margin: 5rem 0 -85px; }
.cs_info .wrap { padding: 2.5rem 15px; text-align:center; }
.cs_info .wrap .tel::before { content: ''; display:inline-flex; background: url(../images/cs_tel_iconv2.png) 0 0 no-repeat; background-size:contain; width: 3.125rem; height: 3.125rem; }
.cs_info .wrap .tel dt { font-size: 1.25rem; font-weight: 500; }
.cs_info .wrap .tel dd, .cs_info .wrap .tel dd a { color: #f66262; font-size: 2.125rem; font-weight: 700; }
.cs_info .wrap .info { color: #a9a9a9; font-size: 1.125rem; }
.cs_info .wrap .info .line { color: #d9d9d9; font-weight: 300; margin: 0 10px; display:none; }

/* 버튼 기본 스타일 ------------------------------- */
.btns { display: inline-block; padding: 0 18px; width: 85px; height: 34px; line-height: 34px; font-weight: 500; font-size: 15px; text-align: center; vertical-align: middle; border-radius: 10px; border: 1px solid transparent; overflow: hidden; white-space:nowrap;}
.btns:hover, .btns:focus { opacity: 0.9; }
span.button { cursor: default; }
span.button:hover { text-decoration: none; }
/* 스타일 */
.btn_st { background: #002d56; color: #fff; }
.btn_st1 { background: #122B45; color: #fff; }
.btn_st2 { background: #555; color: #fff; }/* gray */
.btn_st3 { background: #4496b3; color: #fff; }
.btn_mid { font-size: 1.5rem; width: 12.5rem; height: 3.75rem; }

.btnbox .btn_mid {font-size:1.125rem;}

.btn_set {margin:60px -8px 0; text-align:center;}
.btn_set button {margin:0 8px;}

.list_btn {max-width:10rem; height:3.438rem;}
.list_btn > span {display:flex; justify-content:space-between; align-items:center;}
.list_btn > span::before {content:''; background:url(../images/icon_list_btn.png) 0 0 no-repeat; background-size:contain; width:1.125rem; height:1.063rem;}

/* input 정의 */
input, select, textarea { font-size: 16px; }
input[type="text"], input[type="password"], input[type="button"], input[type="image"], input[type="submit"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], select { width: 100%; height: 2.875rem; padding: 0 0.938rem; }
textarea { padding: 0.938rem; }
.input_tel, .email_in, .birth_in { display: flex; align-items: center; }
.input_tel>span, .birth_in>span, .input_date > span { display: block; flex:1; }
.input_tel>span.hyphen { width:1.625rem; flex:none; text-align: center; }
.birth_in>span.txt, .input_date > span.txt { width:auto; flex:none; font-size:0.875rem; margin:0 0.375rem; text-align: center; }
.email_in {flex-wrap:wrap;}
.email_in>span { display: block; width: 50%; }
.email_in>span:first-child { width: 43%; }
.email_in>span:first-child input { text-align: center; }
.email_in>span.txt { width: 7%; text-align: center; }
.email_in>span.email_domain { width:100%; margin-top: 1rem; }
.addr_in p { margin-top: 1rem; }
.addr_post input[readonly] { background: #f2f2f2; }
.add_in.addr_post { max-width: 240px; padding-right: 8.125rem; }
.add_in.addr_post .btns { width: 7.5rem; }
.add_in { position: relative; padding-right: 6.875rem; }
.add_in .btns { position: absolute; top: 0; right: 0; background: #122B45; color: #fff; font-size: 1rem; width: 6.25rem; padding: 0 0.313rem; height: 2.875rem; line-height:inherit; }
/* checkbox */
.chkbox { display: inline-block; position: relative; }
.chkbox input[type="checkbox"], .chkbox i { width: 20px; height: 20px; position: absolute; top: 0.063rem; left: 0; }
.chkbox input[type="checkbox"] { border: none; border-radius: 12px; z-index: 1; -webkit-appearance: none; appearance: none; }
.chkbox label { display: block; color: #3f3f3f; font-size: 14px; font-weight: 600; line-height: 20px; padding: 0 0 0 1.875rem; }
.chkbox i { background: #fff; border: 1px solid #d2d2d2; border-radius: 5px; display: flex; justify-content: center; align-items: center; }
.chkbox input:checked+i { background: #122b45; border-color: transparent; }
.chkbox i::before { content: ''; background: url(../images/formchk_icon.png) 0 0 no-repeat; background-size: contain; width: 12px; height: 9px; position: absolute; }
.chkbox input:checked+i::before { background-image: url(../images/formchk_icon_on.png); }
.chkbox input:focus { border-radius: 2px; }
/* radio */
.radios { position: relative; display: inline-block; }
.radios input[type=radio] { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.radios label { display: block; position: relative; padding: 0px; padding-left: 23px; line-height: 25px; z-index: 1; cursor: pointer;/* -webkit-transition: all 0.25s linear;/ */}
.radios .check { display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #d2d2d2; border-radius: 100%; width: 18px; height: 18px; position: absolute; top: 4px; left: 0px; transition: border .25s linear; -webkit-transition: border .25s linear; }
.radios .check::before { content: ''; display: block; position: absolute; border-radius: 100%; width: 10px; height: 10px; margin: auto; transition: 0.25s; -webkit-transition: 0.25s; }
.radios input[type=radio]:checked~.check::before { background: #122b45; }
.radios input[type=radio]:checked~label { color: #333; }
.radios.readonly { background: none; }
.radios.readonly input[type=radio]:checked~.check { border-color: #ccc; }
.radios.readonly input[type=radio]:checked~.check::before { background: #ccc; }
/* 필수입력표시 */
.es, .es_txt i { color: #097C8D; }
.es_txt { color: #888; font-size: 15px; font-weight: 500; margin-left: 15px; }

/* placeholder style (placeholder는 ie10 이상에서만 적용) */
input::-webkit-input-placeholder {color: #d2d2d2;}/* Webkit */
input:-moz-input-placeholder {color: #d2d2d2;}/* moz */
input:-ms-input-placeholder {color: #d2d2d2;}/* IE10+ */
textarea::-webkit-input-placeholder {color: #d2d2d2;}
textarea:-moz-input-placeholder {color: #d2d2d2;}
textarea:-ms-input-placeholder {color: #d2d2d2;}

/* 레이어팝업 */
.pop_close { display: flex; justify-content: center; align-items: center; background-color: #f66262; border: 0; border-radius: 100%; color: #fff; width: 4rem; height: 4rem; position: absolute; top: 0; right: 0; text-indent: -9999px; }
.pop_close::after { content: ''; background: url(../images/btn_close.png) 0 0 no-repeat; background-size:contain; width: 2rem; height: 2rem; position: absolute; }
.overlay_t { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.7); text-align: center; z-index: 90; display: flex; align-items: center; }
.popLayer { width:100%; max-width: 700px; margin: 0 auto; padding:1.5rem; position: relative; z-index: 100; display: none; }
.popLayer .pop_container { background: #fff; border-radius: 25px; box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4); padding: 3.75rem 20px; color: #888; font-size: 1.125rem; max-height:calc(100vh - 60px); overflow:auto; }
.popLayer h3 { background: #375f9f; border-bottom: 1px solid #e5e5e5; color: #fff; font-size: 15px; padding: 12px 15px; line-height: 1.3; text-align: left; }
.popLayer h4 { font-weight: bold; margin-bottom: 5px; }
.popLayer em { font-style: normal; }
.popLayer .btn_set { margin-top: 3.625rem; }
.pop_container .icons { display: block; margin: 0 0 1.5rem; }
.pop_container .icons img { width:20%; max-width: 90px; }
.pop_container .tetx_wrap em { display: block; color: #232323; font-size: 2rem; line-height:1.2; margin-bottom: 0.625rem; }

@media screen and (min-width:1281px) {
#main_visual .swiper-slide {min-width:1180px;}

/* gallery */
.main_gall { margin-top: 140px; }

.event_banner {margin: 180px auto 200px; }
/* 클라우드잉글리시 소식 */
.cloud_news {margin-top: 220px;}
/* 교재 */
.cloud_book {padding: 135px 0 95px; margin-top: 200px;}
/* 오시는길 */
.location {border-top-left-radius: 250px; padding: 150px 0 45px; margin-top: 180px;}
/* 상담 신청 및 문의 */
.info_zone { margin-top: 140px; }
}

@media screen and (min-width:1025px) {
.traffic h4 {font-size:2.25rem;}

/* 브랜드스토리 */
.brand_int .int {display:flex; align-items:center;}
.brand_int .int .text {flex:1;}

/* 브랜드스토리02_목표 달성 */
.story_sec03 h4 {margin-bottom:7.5rem;}

/* 입학절차 */
.admission_step {margin-top:4.375rem;}
.process_info h4 {font-size:2.625rem;}
.process > li .icons {width:34%;}
.process > li .icons i {border:4px solid #dadad3;}
.process > li .cont em {font-size:2rem;}
.process > li .cont em i {font-size:2.25rem; margin-right:1.25rem;}

.notice h3 { font-size: 40px; }

/* 갤러리_레이아웃 */
.sub_content {display:flex; justify-content:space-between;}
.sub_content .side {width:20.25%; margin-top:50px;}
.sub_content .rcon {width:74.49%;}

.content .bbs_wrap {padding:3.75rem 0;} 

.input_con dl dd.info_blank { margin-left: 4% }
.trgroup { display: flex; }
.trgroup>dl { width: 49%; margin-top:0; }
.trgroup>dl+dl { padding-left: 2%; }
.input_date {flex-wrap:inherit;}
.test_date { display: inline-block; width:auto; margin: 0 0 0 20px; }
/* 상담신청 */
.route_list_wrap { padding-top: 3.125rem; }
.route_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* max-width: 680px; */
}

.route_list>li {
    padding: 4px 0;
}

.route_list>li.add {
    width: 100%;
}

.route_list>li.add input[type="text"],
.route_list>li.add input[type="tel"],
.route_list>li.add select {
    border-radius: 5px;
    font-size: 14px;
    height: 26px;
}

.route_list>li.add.etc input {
    max-width: 66%;
    height: 34px;
}
.cs_info { margin: 150px 0 -85px; }
.cs_info .wrap { display: flex; justify-content: space-evenly; align-items: center; padding: 15px; }
}

@media screen and (min-width:769px) {
/* main ------------------------------- */
#main_visual {padding: 30px 20px 0;}
#main_visual .swiper-slide { border-radius: 30px;}
#main_visual .swiper-slide:not(.swiper-slide-active)::before { content: ''; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.cmnty { display: flex; justify-content: space-between; align-items:center;}
.cmnty .banner_zone {width: 49.15%;}
.notice { padding: 0 20px; width: 49.15%;}
.notice li+li { margin-top:4%; }

/* gallery */
.main_gall .slider { position: absolute; top: 0; left: 20rem; width: 60rem; overflow: hidden; }

/* literacy */
.literacy .system { display: flex;}
.literacy .system .group01 { width: 57.62%; }
.literacy .system .group02 { width: 32.20%; }

/* 오시는길 */
.location .map_info, .location .route {display: flex;}
.location .route > div {width: 50%; padding-right:10px;}
.location .map_info .addr, .location .route > div + div {margin-top:0;}

/* 상담 신청 및 문의 */
.info_zone .wrap { display: flex; }
.info_zone .cs_center {width: 51%;}
.linksite {width: 49%; margin-top:0; }
.linksite::before { content: ''; background: #666; width: 2px; height: 100%; margin-right: 60px; }

/* 인사말 */
.greeting .intro {display:flex;}
.greeting .intro .imgs {width:40.67%; margin-right:3.5rem;}
.greeting .intro .imgs img {border-radius:0 5.625rem 0 5.625rem;}
.greeting .intro .desc {flex:1;}
.greeting .intro .ci_img, .greeting .intro .text {max-width:445px;}
.greeting.textver .intro .ci_img {max-width:none;}
.greeting.textver .intro .text {max-width:960px;}

/* 학원규정 */
.policy_list > li {display:flex;}
.policy_list > li > .title {flex:0 0 180px;}
.policy_list > li > .desc {flex:1; border-radius:30px;}

/* 학습구성 */
.learning_int02 .cont {display:flex; justify-content:space-between;}
.learning_int02 .cont .imgs {width:37.289%;}
.learning_int02 .cont .item {width:28%;}

/* 시험예약 */
.route_list>li>.online-list>li>span{width: 22%;}

/* intro_tr */
.intro_tr {display: flex; justify-content:space-between; flex-wrap: wrap;}
.intro_tr > .img_box, .intro_tr > .text_box {flex: 0 0 47.289%; max-width: 47.289%;}
.intro_tr > .img_box {margin-top:0;}
.intro_tr.reverse {flex-direction: row-reverse;}
.intro_tr.reverse > .text_box {padding-left:1.625rem;}

/* bbs_gallery type */
.bbs_gall > ul {margin:0;}
.bbs_gall > ul > li {width:31.95%; margin:1.1% 0;}

.select_custom {width:180px;}
/* search ------------------------------- */
.search_box {max-width:300px; margin:0 0 0 auto;}

.join_wrap { padding: 7% 5%; }
.join_input { padding: 3.125rem 0 3.75rem; }
.join_wrap .login_btn { max-width: 280px; margin: 6.25rem auto 0; }
.join_wrap input, .join_wrap select, .join_wrap .add_in { max-width: 366px; }
/* input_con */
.input_con dl {display: flex;}
.input_con dl dt {display:flex; align-items:center; width: 116px; height:2.875rem; margin-right:0.875rem; margin-bottom:0;}
.input_con dl dd { width: calc(100% - 130px); }
.agreechk_box .more { color: #fff; margin-top:0; position: absolute; top: 13px; right: 18px; }
/* 회원가입 완료 */
.join_message {margin: 4.688rem auto 9.375rem; padding-top: 7.188rem;}
.join_message::after {width: 9.375rem; height: 8rem;}
.join_message .con_head_txt {font-size: 2.5rem;}
.join_message .info {font-size: 1.375rem;}
.join_message .login_btn {margin: 4.375rem auto 0;}

/* 상담신청 */
.recomm_mem { display: flex; flex-wrap:wrap; justify-content: space-between; }
.recomm_mem>span { display: flex; align-items: center; }
.recomm_mem>span input { width: 100px; height: 34px; border-radius: 5px;}
.recomm_mem>span:nth-child(2) input { width: 160px; }
.recomm_mem>span:nth-child(3) select { width: 100px; height: 34px; border-radius: 5px;}
.cs_info .wrap .tel { display: flex; justify-content:center; align-items: center; }
.cs_info .wrap .tel::before { margin: 0 18px 0 0; }
.cs_info .wrap .tel dd { font-size: 2.625rem; margin-left: 1.75rem; }
.cs_info .wrap .info .line {display:inline-flex;}

.input_tel>span, .birth_in>span { width: 100px; flex:none; }
.input_date > span:not(.txt) { width: 130px; flex:none; }
.birth_in>span.txt, .input_date > span.txt {margin:0 0.625rem;}
.email_in {flex-wrap:inherit;}
.email_in>span, .email_in>span.email_domain { width: 180px; }
.email_in>span:first-child { width: 165px; }
.email_in>span.txt { width: 38px; }
.email_in>span.email_domain { margin: 0 0 0 1%; }

/* 레이어팝업 */
.pop_container .icons { margin: 1.563rem 0 2.875rem; }
}

@media screen and (max-width:1360px) {
.event_banner .cont {margin:0 -22%;}
}

@media screen and (max-width:1200px){
    .modal{position: absolute;}
}

@media screen and (min-width:1024px){
.curri_download{display: none;}
}

@media screen and (max-width:1024px) {
.modal .modal_img{
    width: 60vw;
}
    
h3 {font-size:1.875rem;}
h4 {font-size:1.5rem;}
h5 {font-size:1.25rem;}
.main_container h3 {font-size:2rem;}
section {padding:5rem 0;}

.main_bn>div>a {height:130px;}
.main_bn>div .title {font-size:18px;}
.main_bn>div .title strong {font-size:24px;}
.main_bn>div:first-child .imgs { width:150px; text-align: center; }
.main_bn>div img { max-width: 100px; }

/* main_notice */
.notice h3 {border-bottom:1px solid #d9d9d9; font-size:1.5rem; padding-bottom:10px;}
.notice li { font-size:1.125rem; }
.notice li a .date {display:none;}
.notice .more {background:url(../images/more_icon.png) 0 0 no-repeat; background-size:contain; width:13px; height:13px; top:12px; text-indent:-9999px;}

/* gallery */
.main_gall .tit_group .title {font-size:1.5rem; max-width:240px;}
.main_gall .btn_group .more {font-size:1.125rem; width:6.25rem; height:2.25rem; margin-right:0;}
.main_gall .controlbox {display:none;}

.event_banner .cont {margin:0 -47%;}

.tit_group p {font-size:1.125rem;}
/* literacy */
.literacy .tit_group .title {font-size:1.5rem;}
.literacy .tit_group .title strong {font-size:2.25rem;}
.literacy .system {margin-top:4.375rem;}
.literacy .system .cont {border-width:8px;}
.literacy .system .group01 {padding:60px 2.5% 20px;}
.literacy .system .group01 .title {font-size:1.375rem; padding:0.438rem 25px; top:-1.625rem;}
.literacy .system .group01 .int, .literacy .system .group02 .title {font-size:1.125rem;}
.literacy .system .group01 .int .main_txt {padding-left:90px;}
.literacy .system .group01 .int .main_txt::before {width:68px; height:68px; top:0;}
.literacy .system .group01 .int .main_txt strong, .literacy .system .group02 .title strong {font-size:1.875rem;}
.literacy .system .subtxt {font-weight:500;}
.literacy .system .group01 .int > div + div {margin-top:20px;}
.literacy .system .group01 .int > div + div::before {width:5px; height:21px; margin-bottom:20px;}
.literacy .system .group01 .int > div + div::after {width:21px; height:5px; top:8px;}
.literacy .system .group01 .item > li {border-radius:10px; padding:15px 10px; font-size:1.125rem;}
.literacy .system .group02 .title::after {width:150px; height:218px;}

/* 교재 */
.cloud_book .tit_group .title {font-size:2.5rem; line-height:1.1; margin-bottom:10px;}
.cloud_book .tit_group .title strong::after {bottom:10px; height:10px;}
.book_slider { margin-top:3.125rem; }
.book_slider .imgs {width:12.5rem; height:auto; margin-right:1.875rem;}
.book_slider .hafs-height{width: 20rem; min-height: 217px;}
.book_slider .cont .int .num {font-size:2.813rem;}
.book_slider .cont .int em {font-size:1.875rem;}
.book_slider .cont dl {margin-top:1.875rem;}
.book_slider .cont dl dt {border-radius:7px; font-size:1.25rem; padding:0.188rem 10px;}
.book_slider .cont dl dd {font-size:1.125rem;}
.book_slider .cont .int .comment i {border-radius:10px; font-size:1rem; padding:0.375rem 12px;}
.book_slider .cont .int .comment i::after {border-top-width:1.563rem; border-bottom-width:1.563rem; border-left-width:1.125rem; bottom:-1.125rem; transform:rotate(24deg);}
.cloud_book .swiper-pagination-bullet {font-size:1.125rem; height:57px;}

/* 클라우드잉글리시 소식 */
.cloud_news h3 {margin-bottom:1.875rem;}
.cloud_news .more {font-size:1.125rem; width:6.25rem; height:2.25rem; margin:2.5rem auto 0; }

/* 오시는길 */
.location .map_info, .location .route {font-size:1.125rem;}
.location .map_info .name {font-size:1.5rem;}
.location .map_info .addr strong {font-size:1.313rem;}
.map iframe {height:350px;}

/* 상담 신청 및 문의 */
.info_zone .cs_center { flex-direction:column; align-items:center; text-align:center; padding:0; }
.info_zone .cs_center::before, .linksite a::before {margin:0 0 10px;}
.cs_center .tel {padding:0;}
.cs_center .tel dt {font-size:1.25rem;}
.cs_center .tel dd {font-size:2rem;}
.cs_center .info {font-size:15px; margin:7px 0 0;}
.cs_center .info br {display:none;}
.linksite a {flex:1; flex-direction:column; font-size:1.5rem; text-align:center;}
.linksite a strong {display:block;}

/* quick_menu */
.quick_menu {bottom:6.25rem; right:20px;}
.quick_menu ul {border-radius:10px; width:70px; padding:0.5rem 0 3.75rem;}
.quick_menu ul::after {width:50px; height:46px;}
.quick_menu ul>li>a {font-size:0.938rem; padding:0.5rem 0;}
.quick_menu ul>li>a::before {margin-bottom:5px;}
.quick_menu ul>li.mn01>a::before {width:35px; height:30px;}
.quick_menu ul>li.mn02>a::before {width:27px; height:30px;}

/* 브랜드스토리 */
.brand_int h4 {font-size:1.75rem;}
.brand_int h4::before {height:21px; flex:0 0 5px; margin:0.5rem 1rem 0 0;}
.brand_int .main_txt {font-size:1.5rem;}
.brand_int .main_txt strong {font-size:1.5rem;}
.brand_int .int .imgs {margin:0 auto 2rem;}
.brand_int .int .text {font-size:1.125rem;}
.brandstory .int .imgs {width:100%; max-width:482px;}
.symbol .int .imgs {width:25%; max-width:240px; margin-right:auto;}

/* 브랜드스토리02 */
.story_head h4 > span {width:40%; max-width:220px;}
.story_head .imgs {margin:3.75rem 0 2.5rem;}
.story_head .main_txt {font-size:1.125rem;}
.story_head .main_txt strong {font-size:2.25rem;}
.story_cont {padding:6rem 0;}
.story_cont h4 {margin-bottom:2.5rem;}
.story_cont h4 > span {width:25%; max-width:120px; margin:0 3.5%;}
.story_cont h4::before, .story_cont h4::after {content:''; background:#8d7150; height:2px; flex:1; margin:0;}
.story_sec04 h4 > span {width:65%; max-width:280px;}
/* 브랜드스토리02_교육 이념 */
.story_cont .text_box {font-size:1rem; line-height:1.6; padding:3.75% 5%;}
.story_sec01 {background-position:50% calc(100% - 8.125rem);}
.ideal, .ideal .logo {display:block;}
.ideal {width:90%; margin-bottom:5rem;}
.ideal .logo::after {width:100px; height:108px; margin:20px auto; transform: rotate(90deg);}
.ideal .logo .cont {flex-direction:inherit; align-items:center; max-width:480px; margin:0 auto;}
.ideal .logo .cont > p {padding:0 10px;}
.ideal .item {width:95%; max-width:600px; margin:0 auto;}
.ideal .item > li > span {font-size:1rem; max-width:150px; padding:7px; word-break:break-word;}
/* 브랜드스토리02_학습 구성 */
.story_sec02 {padding-top:0;}
.story_sec02 .text_box {margin-top:3.125rem;}
/* 브랜드스토리02_목표 달성 */
.story_sec03 .cont {display:block;}
.story_sec03 .cont > .imgs {width:75%; max-width:460px; margin:0 auto 2.5rem;}
.story_sec03 .cont > .text_box {font-size:1.125rem; margin-left:0; text-align:center;}
.story_sec03 .cont > .text_box .main_text {font-size:1.375rem;}
/* 브랜드스토리02_외대HS어학원 Identity */
.story_sec04 .int .text {padding-right:0; text-align:center;}
.bi_int {margin-top:5rem;}
.bi_int h5 {width:50%; max-width:220px; padding:0 10px;}
.bi_int h5 img {width:80%; max-width:160px;}
.bi_int .cont {justify-content:space-around;}
.bi_int .cont .vertical .bi_img {width:40%; max-width:180px;}
.bi_int .cont .hori .bi_img {width:47%; max-width:260px;}
.bi_int .cont .item .text {font-size:0.875rem;}

/* 인사말 */
.greeting .intro .text {font-size:1.125rem;}
.greeting .intro .sign {font-size:1rem;}
.greeting .intro .sign strong {font-size:1.5rem;}
.greeting .intro .sign .sign_img img {max-width:90px;}

/* item_list */
.item_list > li .innerbox {padding:1.875rem 0;}
.item_list > li .icons i {max-width:130px;}
.item_list > li .cont {font-size:1.125rem;}
.item_list > li .cont em {font-size:1.375rem; margin-bottom:0.625rem;}
.item_list > li .cont .info_txt {font-size:1rem;}

/* 위치안내 */
.map_addr .addr {font-size:1.25rem;}
.map_addr .addr::before {margin-top:-0.25rem;}
.traffic, .process_info {margin-top:5rem;}
/* 상담 문의 배너 */
.cs_bn {border-radius:1.813rem; padding:1.875rem;}
.cs_bn::before {width:3.75rem; height:3.75rem;}
.cs_bn .tel {padding:0 7px 0 0.75rem;}

/* title_wrap */
.title_wrap {margin-bottom:3.75rem;}
.title_wrap .title {font-size:2.25rem;}
.title_wrap .title .addtxt {font-size:1.875rem;}
.title_wrap .sub_txt {font-size:1.25rem; margin-top:0.938rem;}

/* 학습구성 */
.learn_system .group01 {border-width:8px; padding:60px 1.125rem 20px;}
.learn_system .group01 .title {font-size:1.375rem; padding:0.438rem 2.688rem; top:-1.625rem;}
.learn_system .group01 .int {font-size:1.125rem;}
.learn_system .group01 .int .main_txt {padding-left:4.375rem;}
.learn_system .group01 .int .main_txt::before {width:3.5rem; height:3.5rem; top:0;}
.learn_system .group01 .int .main_txt .subtxt {padding-left:0;}
.learn_system .group01 .int > div + div::before {margin-bottom:1.25rem;}
.learn_system .group01 .int .main_txt strong {font-size:1.875rem;}
.learn_system .group01 .item > li {font-size:1.125rem;}
.learn_system .group01 .item > li.item03 > div > span {font-size:0.875rem;}
.learn_system .group01 .item > li.item04 > div > span {font-size:0.75rem;}
.learn_system .group01 .item > li .text {min-height:50px;}
.learn_system .group02 .title {font-size:1.875rem;}
.learn_system .group02 .subtxt {font-size:1.125rem;}
.learn_system .group02 .imgs {margin:2.25rem auto 0;}
.learn_system .arrow {margin:2.25rem auto;}
.learn_system .arrow>span::before {width:27px; height:30px;}
.learn_system .arrow>span::after {border-width:26px;}
.int_title {margin-bottom:3.125rem;}
.int_title .num {font-size:2.25rem;}
.int_title h4 {font-size:1.875rem;}
.learning_int02 .cont .item .title {font-size:1.375rem; margin-top:0.75rem;}
.learning_int02 .cont .item .desc {font-size:1.125rem; margin-top:1rem;}
.learning_int03 .intro_tr > .img_box {border-width:0.375rem;}
/* intro_tr */
.intro_tr > .text_box .title h4 {font-size:1.75rem;}
.intro_tr > .text_box .title i {font-size:1rem;}
.intro_tr > .text_box .desc {font-size:1.125rem;}

/* 커리큘럼 1024예린수정*/
.title_wrap {margin-bottom: 2.75rem;}
.curri_download {width: 100%; background-color: #002D56; color: #fff; text-align: center; padding: 6px 0; margin: 30px auto;}
.curri_download span{font-size: 17px; margin: 20px auto; padding-right: 20px;}
.curri_download .btn_curri_download{font-size: 22px; color: #146E7A; width: 180px; height: 52px; background-color: #fff; border-radius: 100px; margin: 4px auto; display: inline-block; line-height: 52px; font-weight: 700;}
.curri_download .btn_curri_download img{padding-left: 20px;}
.curriculum dl + dl {margin-top:3.75rem;}
.curriculum dl dt {font-size:1.5rem;}

/* 교재구성 */
.textbook .wrap {padding:3.75rem 0;}
.textbook h5 {font-size:1.5rem;}
.textbook h5 > span {padding:0.5rem 8%;}
.textbook h5 + p {font-size:1.125rem;}
.bullet_list > li::before {width:4px; height:4px; flex:0 0 4px;}
.book_tb {border-radius:14px; padding:0.75rem; margin-top:3rem;}
.book_tb dt, .book_tb dd {height:3rem;}
.cnt_head {flex:0 0 80px; font-size:1rem; margin:0 1rem 0 0;}
.cnt_body {border-radius:10px; font-size:1rem;}
.reading .cnt_body > dl > dt {font-size:0.875rem;}
.reading .book_list > li + li {margin-left:0.875rem;}
.hafs_int {max-width:720px;}
.hafs_int > li > .innerbox {max-width:220px;}
.hafs_int > li > .innerbox .num {font-size:1.25rem; width:3.125rem; height:3.125rem; line-height:3.375rem; margin-bottom:0.75rem;}
.hafs_int > li > .innerbox .text {font-size:1.5rem;}

/* 입학절차 */
.admission_step .innerwrap {padding:0 3.25rem;}
.admission_step .step .step_num {font-size:0.875rem;}
.admission_step .step .step_num strong {font-size:1.75rem;}
.admission_step .step .title {font-size:1.25rem;}

/* 학사일정 */
.season {margin:-2% 0 3rem; padding-bottom:3rem;}
.season > li {width:49%; margin:2% 0 0 2%; display:flex;}
.season > li:nth-child(2n+1) {margin-left:0;}
.season > li > .innerbox {width:100%; justify-content:center;}
.season > li .cont {flex:none;}
.season > li .cont .title {font-size:1rem;}
.season > li .cont .title > strong {font-size:1.25rem;}
.season > li .cont .desc .day {font-size:1.125rem;}
.season > li .cont .desc i {font-size:0.875rem;}
.calendar_year_box {margin-bottom:2rem;}
.calendar_year_box .years strong {font-size:3.125rem;}
.calendar_year_box .years i {font-size:1rem;}
.calendar_year_box button {width:30px; height:30px;}
.calendar_wrap .weekdays, .calendar_wrap .day_wrap, .sch_cont {border-radius:0.875rem;}
.calendar_wrap .weekdays {font-size:1rem;}
.calendar_wrap .weekdays > li {line-height:2.625rem;}
.calendar_wrap .days > li {height:3.75rem;}
.calendar_wrap .days > li .date {font-size:1rem; width:26px; height:26px;}
.sch_cont {padding:1.25rem; font-size:1.125rem;}

/* 셔틀버스 안내 */
.bus_rule {margin-bottom:3.75rem;}
.bus_rule h4 {font-size:1.5rem; margin-left:0;}
.bus_rule h4::before {width:27px; height:30px; flex:0 0 27px; margin-right:0.75rem;}
.rule_list > li {border-radius:0.875rem; font-size:1rem; padding:1rem 0.5rem;}
.rule_list > li .icons {width:45%; max-width:68px; margin-bottom:0.625rem;}
.shuttleguide .tabs button {font-size:1.25rem; height:3rem; margin:0.25rem;}
.shuttle_list > li .wrap {font-size:1rem;}
.shuttle_list > li .bus_num::before {width:30px; height:35px; margin-right:1rem;}
.shuttle_list > li .bus_num strong {font-size:1.375rem;}
.shuttle_list > li .more::before {width:24px; height:24px;}
.bus_service .title {font-size:1.5rem;}

/* 시설안내 */
.facility {padding:2.5rem 1.25rem;}
.gallery_main .title {font-size:1.5rem; margin-top:2rem;}
.gallery_thumb {margin:3.125rem 0 2.5rem;}
.facility .swiper-button-next, .facility .swiper-button-prev {width:1.25rem; height:2.25rem; margin-top: calc(0px - (var(--swiper-navigation-size)/ 0.9));}

/* 갤러리_레이아웃 */
.sub_content .rcon {margin-top:3.125rem;}
.nav_cate {display:flex; flex-wrap:wrap; padding-left:1px;}
.nav_cate > li {width:20%; margin-left:-1px;}
.nav_cate > li:first-child button, .nav_cate > li:last-child button {border-radius:0;}
.nav_cate button {justify-content:center; font-size:1rem; height:3.25rem; padding:0 0.625rem;}
.nav_cate button.on::after {display: none;}

/* board ------------------------------- */
.bbs {font-size:1.125rem;}
/* bbs_event type */
.bbs_gall.event > ul {margin-top:-3.125rem;}
.bbs_gall.event .cont .date {font-size:1rem;}
.bbs_gall.event .cont .title em {font-size:1.25rem;}

/* 갤러리_view */
.bbs_view.gall_view .b_tit {flex-wrap:wrap; justify-content:flex-end;}
.bbs_view.gall_view .b_tit .subject {flex:none; width:100%; font-size:1.75rem; margin-bottom:1rem; margin-right:0;}
.bbs_view.gall_view .b_tit .cate {font-size:1rem; margin-bottom:5px;}
.bbs_view.gall_view .add_info {line-height:1.25rem;}
.opt_btn {width:1.25rem; height:1.25rem;}
.opt_btn > span {width:0.313rem; height:1.25rem;}
.board_title .subject {font-size:1.375rem;}
.board_title .cate {font-size:0.938rem; margin:0 0.625rem 0 0;}
.board_title .add_info {font-size:1rem;}
.img_popup .popup_inner {padding:1.5rem 1.5rem 0;}
.img_popup .pop_close {width:3rem; height:3rem;}
.img_popup .pop_close::after {width:1.5rem; height:1.5rem;}
.popup_inner .board_bon .pop_close {top:-1.5rem; right:-1.5rem;}

/* 상단검색영역 */
.select_custom > button, .search_box input[type="text"], .search_box select {font-size:1.125rem;}
}

@media screen and (max-width:768px) {
html, body, input, select, textarea {font-size:14px;}

.modal .modal_img{
    width: 80vw;
}

#main_visual .swiper-pagination {display:none;}

.main_bn>div {border:1px solid #146e7a; border-radius:50px; width:48%;}
.main_bn>div>a {height:46px;}
.main_bn>div .title {color:#000; font-weight:500;}
.main_bn>div .imgs, .main_bn>div .title strong {display:none;}

/* gallery */
.main_gall .slider_wrap {display:flex; flex-direction:column;}
.main_gall .slider {order:1; display:flex;}
.main_gall .tit_group {order:2; display:flex; justify-content:space-between; max-width:none;}
.main_gall .btn_group {margin-top:0;}

.cmnty .banner_zone {margin-top:50px; text-align:center;}

/* literacy */
.literacy .system .cont {border-width:4px;}
.literacy .system .group02 .title::after {margin-top:20px;}
.literacy .system .arrow {margin:20px auto;}
.literacy .system .arrow>span {flex-direction:column;}
.literacy .system .arrow>span::before {width:20px; height:23px;}
.literacy .system .arrow>span::after {border-left: 19px solid transparent; border-right: 19px solid transparent; border-top: 18px solid #F14F4A; border-bottom:0;}

/* 교재 */
.book_slider .inner {flex-direction:column; text-align:center;}
.book_slider .imgs {margin-right:0;}
.book_slider .cont {margin-top:2.5rem;}
.book_slider .cont .int {justify-content:center;}

.linksite a strong {display:inline;}

/* 인사말 */
.greeting {background-size:150%;}
.greeting.textver {padding-bottom:36%;}

/* 브랜드스토리02_교육 이념 */
.ideal .item {max-width:360px;}
/* 브랜드스토리02_외대HS어학원 Identity */
.bi_int {border-radius:20px;}
.bi_int .cont {display:block; padding:2.5rem 1.5%;}
.bi_int .cont .vertical {margin-bottom:3.75rem;}
.bi_int .cont .vertical .bi_img {width:35%; max-width:100px;}
.bi_int .cont .hori .bi_img {width:55%; max-width:175px;}

/* 학습구성 */
.learn_system .group01 {border-width:4px;}
.learn_system .group01 .item > li {border-radius:10px; width:48%; margin-top:2%; padding:0.75rem 0.5rem;}
.learn_system .group01 .item > li:nth-child(2n+1) {margin-left:0;}
.learn_system .group01 .item > li .icons {width:40%; max-width:4.375rem;}
.learn_system .group01 .item > li .text {min-height:10px; margin-top:10px;}
.learn_system .group02 .imgs {border-width:4px; border-radius:26px;}
.learning_int02 .cont > div {border-radius:1.25rem;}
.learning_int02 .cont .item {margin-top:1.875rem;}
.learning_int03 .intro_tr > .img_box {border-radius:1.25rem;}

/* 커리큘럼 */
.roadmap_start {margin-bottom: 60px;}
.roadmap_start .roadmap_pc{display: none;}
.roadmap_start .roadmap_mobile{display: block;}

/* 교재구성 */
.book_tb, .cnt_body {display:block;}
.book_tb dt, .book_tb dd {width:50%;}
.cnt_head, .cnt_body > dl {display:flex;}
.cnt_head > dd, .cnt_body > dl {border:0;}
.cnt_head {margin:0;}
.cnt_body > dl + dl {border-top:1px solid #fff;}
.cnt_body > dl > dd {border-top:0; border-left:1px solid #fff;}
.reading .cnt_body > dl > dt {font-size:inherit;}
.reading .cnt_body > dl > dt br {display:none;}
.hafs_int {max-width:480px;}
.hafs_int > li {width:32%;}
.hafs_int > li > .innerbox {max-width:150px;}
.hafs_int > li > .innerbox .num {font-size:1rem; width:30px; height:30px; line-height:32px;}
.hafs_int > li > .innerbox .text {font-size:1.125rem;}

/* 입학절차 */
.admission_step .innerwrap {background:none; padding:0;}
.admission_step .step {flex-wrap:wrap;}
.admission_step .step > li {flex:none; width:46%; margin:2%; max-width:none;}
.admission_step .step .step_num {max-width:60px;}
.admission_step .step .icons {width:45%;}

/* 셔틀버스 안내 */
.rule_list > li {width:31.33%;}
.rule_list > li .icons {max-width:52px;}
.bus_route {display:block;}
.bus_route .imgs {width:100%; margin-bottom:1.25rem; text-align:center;}
.route_info {margin-left:0;}
.route_info .info {position:relative;}
.route_info .info > .inner {max-height:250px;}
.route_info .info ul > li + li {margin-top:5%;}
.shuttle_list > li > a {padding:0.875rem 0;}
.shuttle_list > li .wrap {flex-wrap:wrap;}
.shuttle_list > li .bus_num {flex:none; width:100%; margin-bottom:7px;}
.shuttle_list > li .bus_num::before {width:24px; height:28px;}
.shuttle_list > li .bus_num strong {display:inline; margin-right:5px;}
.shuttle_list > li .part, .shuttle_list > li .more {width:auto; margin:0;}
.shuttle_list > li .more::before {width:17px; height:17px;}
.shuttle_list > li .more > span::after {width:12px; height:6px;}
.bus_service {flex-wrap:wrap; padding:1.25rem;}
.bus_service::before {content:''; background:url(../images/brand_bi_blur.png) 50% 0 no-repeat; background-size:contain; width:70px; height:70px; margin:0 auto 15px;}
.bus_service::after {display:none;}
.bus_service .inner {max-width:none; width:100%; padding-right:0;}

/* 시험예약 */
.route_list>li>.off-list>li{width: 22%;}
.route_list>li>.online-list>li>span{width: 22%;}
.route_list>li>.online-list>li>select{width: 30%;}

/* 갤러리_레이아웃 */
.nav_cate > li {width:33.33%;}

/* board ------------------------------- */
/* list ----- */
.bbs_list > li {padding:1rem 5px;}
.bbs_list > li.th_head {display:none;}
.bbs_list > li > ul {flex-wrap:wrap; margin:0 -0.75rem;}
.bbs_list > li > ul li {width:auto; padding:0 0.75rem;}
.bbs_list > li > ul li:not(.b_tit) {color:#777;}
.bbs_list > li > ul .b_num {display:none;}
.bbs_list > li > ul .b_tit {width:100%; flex:none; margin-bottom:0.625rem;}
.bbs_list > li > ul .b_tit .title {line-height:2rem;}
.bbs_list > li > ul .b_date::before {content:'[등록일자]'; margin-right:5px;}
.bbs_list > li > ul .b_hit::before {content:'[조회]'; margin-right:5px;}

/* bbs_event type */
.ev_tab button {font-size:1.125rem; height:3.375rem;}
.ev_tab button > span::before {margin-right:0.625rem;}
.ev_tab button.type1 > span::before {width:2.375rem; height:1.875rem;}
.ev_tab button.type2 > span::before {width:2.875rem; height:1.875rem;}

/* 갤러리_view */
.board_title {flex-wrap:wrap; justify-content:flex-end; padding:0.813rem 0.75rem;}
.board_title .subject {flex:none; width:100%; margin-bottom:0.625rem; margin-right:0;}

/* 상단검색영역 */
.bbs_head {display:flex;}
.bbs_head .search_box { width: calc(100% - 125px); margin:0 0 0 auto; }

.input_con dl dt br {display:none;}
}

@media screen and (max-width:480px) {
html, body {font-size:13px;}

.modal .modal_img {
    width: 90vw;
}

.modal .modal_btn input{
    width: 18px;
    height: 18px;
}

.modal .modal_btn {
    font-size:16px
}

.modal .modal_close{
    font-size: 16px;
}

.cloud_book .swiper-pagination-bullet {font-size:0.875rem; padding:0 2px;}


/* 상담 문의 배너 */
.cs_bn {flex-direction:column; text-align:center;}
.cs_bn .tel {margin-top:0.75rem;}

/* 교재구성 */
.hafs_int {flex-wrap:wrap;}
.hafs_int > li {width:100%;}
.hafs_int > li + li {margin-top:1rem;}
.hafs_int > li > .innerbox {max-width:130px;}

/* 학사일정 */
section {padding:5rem 0 0;}
.season > li {padding:0.75rem;}
.season > li > .innerbox {display:block;}
.season > li .cont {margin-left:0; text-align:center;}
.season > li .icons {max-width:30px; max-height:30px; margin:0 auto 5px;}
.calendar_wrap .days > li {padding:0 0.5rem;}

/* 시험예약 */
.route_list>li>.online-list>li>select {width: 50%;}
}

@media screen and (max-width:360px) {
/* 갤러리_레이아웃 */
.nav_cate > li {width:50%;}

/* bbs_gallery type */
.bbs_gall > ul > li {width:100%;}
}



	
		/* 공통 flex 정렬 */
		.flex-center { display:flex; align-items:center; justify-content:center; }
		
		/* ================== header ================== */
		.learning_process .header_title { background-size: cover;  background-position: center;}
		.header_title { display:flex; align-items:center; width:100%; color:#888;   background-size: cover;  background-position: center;  border-bottom:  1px solid #eee;}
		.title_flex { display:flex; flex-direction:column; justify-content:center; }

		.header_title p { padding:50px 0 0; font-size:24px; text-align:center; }
		.header_title h2 { margin-bottom:50px; color:#000; font-size:60px; font-weight:normal; text-align:center; font-family:'hufs_M'; letter-spacing:-2px; }

		/* ================== arrows ================== */
		#prevArrow, #nextArrow { position:absolute; top:50%; transform:translateY(50%); z-index:99; }
		#prevArrow { left:0; }
		#nextArrow { right:0; }

		/* ================== container ================== */
		.container { position:relative; max-width:1400px; width:100%; margin:0 auto; padding:0 40px; }

		@media (max-width:1360px){ .container { max-width:calc(100% - 80px); padding:0; } }
		@media (max-width:1024px){ .container { max-width:calc(100% - 40px); min-width:360px; } }
		@media (max-width:480px){ .container { max-width:none; padding:20px; min-width:360px; } }

		/* ================== tab menu (공통) ================== */
		.s-tab_menu ul { display:flex; align-items:center; justify-content:space-around; height:100px; }

		.s-tab_menu ul li { display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:28px; font-weight:600; color:#666; }

		.s-tab_menu ul li a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }

		/* 활성 상태 */
		.s-tab_menu ul .on { position:relative; color:#002d56; font-size:32px; font-weight:700; }
		.s-tab_menu ul .on a { color:#002d56; }
		.s-tab_menu ul .on::after { content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:70%; height:8px; background:#002d56; }

		/* ================== sec_3 ================== */
		.learning_process .sec_3 { position:relative; border-top:1px solid #dadad3; }

		.sec_3 .s-tab_zone { background:#f5f6f6; }
		.sec_3 .s-tab_box { position:relative; padding:100px 0; }
		.sec_3 .s-tab_box .container { border-radius:40px; overflow:hidden; background:#fff; }

		.sec_3 .s-tab_con { display:flex; align-items:center; justify-content:space-between; height:100%; }
		.sec_3 .s-tab_con img { width:100%; max-width:600px; }

		.sec_3 .slick-initialized .slick-slide { display:flex; width:auto; max-width:1400px; height:740px; margin:0 10px; padding:20px 40px; }

		.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }

		/* ================== 버튼 / 이미지 ================== */
		.sec_3 .rl_btn { display:inline-block; margin:0 40px; width:30px; height:20px; }
		.sec_3 .rl_btn img { width:50px; }

		.sec_3 .img_zone ul { display:flex; }

		.sec_3 .img_zone ul li { width:242px; height:460px; margin:0 auto; padding:50px 30px 60px; text-align:center; border-radius:20px; border:4px solid #dbdbc9; }
		.sec_3 .img_zone ul li:first-child { margin-right:40px; }

		.sec_3 .img_zone img { width:auto; height:100%; max-height:90px; margin:0 auto; }

		.sec_3 .img_zone h4 { color:#002b49; font-size:24px; font-weight:800; margin-top:40px; padding-bottom:24px; border-bottom:2px solid #8d7150; }

		.sec_3 .img_zone p { display:flex; flex-direction:column; justify-content:center; text-align:center; height:216px; font-size:20px; font-weight:600; }
		.sec_3 .img_zone p span { color:#8d7150; }

		/* ================== 텍스트 ================== */
		.sec_3 .s-tab_text { width:fit-content; font-size:20px; padding-left:20px; }
		.sec_3 .s-tab_text strong { font-size:36px; color:#002b49; line-height:65px; }

		.sec_3 .s-tab_text strong span { color:#fff; background:#002b49; padding:8px 15px; font-weight:normal; font-size:40px; }

		.sec_3 .s-tab_text p { color:#002b49; font-size:36px; font-weight:600; }

		.sec_3 .s-tab_text ul { width:fit-content; margin-top:50px; padding-left:15px; }
		.sec_3 .s-tab_text ul li { position:relative; padding-left:10px; margin-bottom:10px; }

		.sec_3 .s-tab_text ul li::before { content:""; position:absolute; top:50%; left:-10px; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:#363636; }

		/* ================== 기타 ================== */
		.text_beige { color:#cda869 !important; }

		.sec_3 .spiral_img { width:100%; max-width:500px; }
		.sec_3 .spiral_img img:last-child { display:none; }

		.sec_3 .spiral_title { font-size:40px; }
		.sec_3 .ffm_title { font-size:42px; }

		/* ================== 반응형 일부 유지 ================== */
		@media (max-width:1024px){
		  .s-tab_menu ul { height:80px; }
		  .s-tab_menu ul li { font-size:24px; }
		  .s-tab_menu ul .on { font-size:26px; }
		  .s-tab_menu ul .on::after { height:6px; }

		  .sec_3 .s-tab_con { flex-direction:column; justify-content:space-around; }
		}

		@media (max-width:768px){
		  .s-tab_menu ul { height:70px; }
		  .s-tab_menu ul li { font-size:20px; }
		  .s-tab_menu ul .on { font-size:24px; }
		}

		@media (max-width:480px){
		  .s-tab_menu ul { height:48px; }
		  .s-tab_menu ul li,
		  .s-tab_menu ul li.on { font-size:14px; }
		}
		
		/* curriculum ------------------------------- */
		.page_tab {
		  display: flex;
		  justify-content: center;
		  margin: 0;
		  position: relative;
		  z-index: 100;
		}

		.page_tab li {
		  width: 320px;
		  height: 88px;
		  margin-right: 40px;
		  border-radius: 10px;
		  background-color: #dadad3;
		  overflow: hidden;
		}

		.page_tab li:last-child {
		  margin-right: 0px;
		}

		.page_tab li a {
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  width: 100%;
		  height: 100%;
		  color: #fff;
		  font-size: 1.8rem;
		  font-weight: 600;
		}

		.page_tab .page_on {
		  width: 440px;
		}

		.page_tab .page_on a {
		  background-color: #b99655;
		}

		.con_box {
		  margin: 0 auto;
		  text-align: center;
		}

		.con_box img {
		  width: 100%;
		}

		@media screen and (max-width: 1024px) {
		  .page_tab li {
			height: 70px;
			margin-right: 20px;
		  }

		  .page_tab li a {
			text-align: center;
			font-size: 1.5rem;
			padding: 10px 20px;
		  }
		}

		@media screen and (max-width: 768px) {
		  .page_tab li {
			height: 60px;
			margin-right: 10px;
		  }

		  .page_tab li a {
			font-size: 1.2rem;
		  }
		}

		@media screen and (max-width: 480px) {
		  .page_tab {
			margin-top: 20px;
			margin-bottom: 40px;
		  }

		  .page_tab li a {
			font-size: 1rem;
			padding: 10px 16px;
		  }
		}
	/* title_wrap */
	.title_wrap {
	  margin-bottom: 6.25rem;
	  text-align: center;
	}
	.title_wrap .title {
	  position: relative;
	  margin: 50px auto 0;
	  width: fit-content;
	  color: #8d7150;
	  font-size: 3.75rem;
	  font-weight: 700;
	  line-height: 1.3;
	}
	.title_wrap .title::before {
	  content: "";
	  display: block;
	  background: url(../img/sub_page/curriculum-bilingual/icon_cnt_tit.png) no-repeat;
	  background-size: contain;
	  background-position: center;
	  width: 100%;
	  height: 5rem;
	  margin-bottom: 1rem;
	}
	.title_wrap .title .addtxt {
	  display: block;
	  color: #002b49;
	  font-size: 3rem;
	  margin-top: 0.848%;
	}
	.title_wrap .sub_txt {
	  display: block;
	  font-size: 1.75rem;
	  font-weight: 500;
	  margin-top: 1.25rem;
	}
	.title_wrap .sub_txt.small {
	  font-size: 1.125rem;
	  font-weight: 400;
	}
	/* cm-road_map */
.cm-road_map .header_title {
 /* background: url(../img/sub_page/title_img/title_curriculum.png) no-repeat;*/
  background-position: center;
}
.cm-road_map .main-contents .container {
  max-width: 1400px;
}

.cm-road_map .main-contents {
 
  height: auto;
  margin-bottom: 70px;
}

.cm-road_map .main-contents p {
  margin: 80px 0;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}

.roadmap_section{
  width:100%;
  padding: 0;

  background: url(/static/homepage/img/sub_page/curriculum-road_map/roadmap_bg.png) center top repeat-x;
  
}
.roadmap_wrap{
  max-width:1400px;
  margin:0 auto 80px auto;
  padding:0 20px;
  text-align:center;
}

.roadmap_wrap img{
  width:100%;
  height:auto;
}

/* 레벨교재 */
.level_scroll_wrap{
  width:100%;
  display:flex;
  justify-content:center;
}

/* 스크롤 영역 */
.level_scroll_wrap{
  width:100%;
  max-width:1400px;
  margin:0 auto;
}

/* 스크롤 영역 */
.level_scroll{
  width:100%;
  overflow-x:scroll;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  padding-bottom:14px;
}

/* 이미지 원본 유지 */
.level_scroll img{
  display:block;
  width:1300px;
  height:auto;
  max-width:none;
  margin: 0 auto;
}
@media (max-width:768px){

  .level_scroll::-webkit-scrollbar{
    height:10px;
  }

  .level_scroll::-webkit-scrollbar-track{
    background:#d9d9d9;
  }

  .level_scroll::-webkit-scrollbar-thumb{
    background:#000;
    border-radius:10px;
  }

  /* firefox */
  .level_scroll{
    scrollbar-color:#000 #d9d9d9;
  }

}
@media (min-width:769px){

  .level_scroll::-webkit-scrollbar{
    display:none;
  }

  .level_scroll{
    scrollbar-width:none;
  }

}

@media screen and (max-width: 1480px) {
  .cm-road_map .main-contents .container {
    max-width: calc(100% - 40px);
  }
}

@media screen and (max-width: 1440px) {
  .curri_table {
    justify-content: center;
    height: 1000px;
  }
  .roadmap_f {
    margin: 0 auto;
    margin-bottom: 160px;
    height: 100%;
  }
  .roadmap_f .cont {
    width: 90%;
    text-align: center;
  }
  .roadmap_f .cont img {
    height: auto;
    max-width: 1100px;
  }
  .roadmap {
    height: 500px;
  }
  .roadmap .title {
    width: 90px;
  }
}

@media screen and (max-width: 1280px) {
  .cm-road_map .main-contents p {
    font-size: 1.5rem;
  }
  .curri_table {
    height: 930px;
    margin: 0 auto;
  }
  .curri_table .title {
    width: 80px;
  }
  .curri_table .cont {
    width: min-content;
    overflow: overlay;
  }
  .curriculum dl dt {
    font-size: 2.4rem;
  }
  .roadmap_f {
    height: 100%;
    margin-bottom: 100px;
  }
  .roadmap_f .cont {
    width: 90%;
  }
  .roadmap_f .cont img {
    max-width: 980px;
  }

  .roadmap {
    height: 450px;
  }
  .roadmap .title {
    width: 82px;
  }

  .curri_table .cont::-webkit-scrollbar {
    cursor: none;
    /* display: block;
        width: 1px;  
        height: 10px; */
  }

  .curri_table .cont::-webkit-scrollbar {
    display: block;
    width: 1vw;
    height: 5px;
  }

  .curri_table .cont::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 42%, 0.29);
    border-radius: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .title_wrap {
    margin-bottom: 2.75rem;
  }
  .curri_download {
    display: block;
    width: 100%;
    background-color: #002d56;
    color: #fff;
    text-align: center;
    padding: 16px 10px;
    margin-top: 30px;
  }
  .curri_download span {
    font-size: 17px;
    margin: 20px auto;
    padding: 0 20px;
  }
  .curri_download .btn_curri_download {
    font-size: 22px;
    color: #146e7a;
    width: 180px;
    height: 52px;
    background-color: #fff;
    border-radius: 100px;
    margin: 4px auto;
    display: inline-block;
    line-height: 52px;
    font-weight: 700;
  }
  .curri_download .btn_curri_download img {
    padding-left: 20px;
  }
  .curriculum dl + dl {
    margin-top: 3.75rem;
  }
  .curriculum dl dt {
    font-size: 2.4rem;
  }

  .cm-road_map .main-contents p {
    font-size: 1.3rem;
  }
  .curri_table {
    height: 700px;
    margin: 0 auto;
  }
  .curri_table .title {
    width: 61px;
  }
  .roadmap_f {
    height: 100%;
    margin-bottom: 100px;
  }
  .roadmap {
    height: 340px;
  }
  .roadmap .title {
    width: 61px;
  }
}

@media screen and (max-width: 768px) {
  .curri_table .title {
    width: 69px;
  }

  .curri_table .title img {
    width: auto;
    height: 100%;
  }

  .cm-road_map .main-contents p {
    margin-top: 70px;
    margin-bottom: 0px;
  }

  .curriculum dl dt {
    font-size: 1.8rem;
  }

  .curri_table {
    height: 800px;
  }

  .roadmap_f {
    height: 100%;
    margin-bottom: 100px;
  }
  .roadmap_f .cont img:first-child {
    display: none;
  }
  .roadmap_f .cont img:last-child {
    display: block;
  }

  .roadmap_f .cont {
    width: 100%;
  }

  .roadmap {
    max-height: 430px;
  }

  .roadmap .title {
    width: 78px;
  }
}

@media screen and (max-width: 480px) {
  .curri_table {
    display: flex;
    justify-content: center;
    max-height: 600px;
  }
  .curri_table .title {
    margin-right: 0.375rem;
    width: 52px;
  }
  .curri_table .title img {
    height: 100%;
  }
  .curri_table .cont {
    overflow: auto;
  }
  .curri_table .cont img {
    min-height: 100%;
    height: 100%;
  }
  .roadmap {
    max-height: 400px;
  }
  .roadmap .title {
    width: 72px;
  }

  .cm-road_map .main-contents .container {
    max-width: none;
    padding: 20px;
    min-width: 360px;
  }
}



/* 게시글 없을때 ------------------------------- */
.no_data_msg_box {
  width: 100% !important;
}
.no_data_msg {
  width: 100% !important;
  text-align: center;
  padding: 30px 2%;
  font-size: 18px !important;
  margin-left: 0 !important;
}



/* 레이어팝업 ------------------------------- */
.pop_close {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f66262;
  border: 0;
  border-radius: 100%;
  color: #fff;
  width: 64px;
  height: 64px;
  position: absolute;
  top: -24px;
  right: -24px;
  text-indent: -9999px;
}
.pop_close::after {
  content: "";
  background: url(../img/common/btn_close.png) 0 0 no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
}
.overlay_t {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: overlay;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  /* z-index: 90; */
  z-index: 1000;
  display: flex;
  align-items: center;
}
.popLayer {
  background: #fff;
  border-radius: 25px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4);
  width: 30%;
  min-width: 480px;
  max-width: 560px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
  display: none;
}
.popLayer h3 {
  background: #375f9f;
  border-bottom: 1px solid #e5e5e5;
  color: #fff;
  font-size: 15px;
  padding: 12px 15px;
  line-height: 1.3;
  text-align: left;
}
.popLayer h4 {
  font-weight: bold;
  margin-bottom: 5px;
}
.popLayer em {
  font-style: normal;
}
.popLayer .pop_container {
  padding: 40px 20px;
  font-size: 18px;
}
.popLayer .btn_set {
  margin-top: 58px;
}
.pop_container .icons {
  display: block;
  margin-top: 10px;
  margin-bottom: 40px;
}
.pop_container .icons img {
  max-width: 100px;
}
.pop_container .tetx_wrap em {
  display: block;
  color: #232323;
  font-size: 32px;
  margin-bottom: 10px;
}

.popLayer .pop_container .tetx_wrap p {
  font-size: 1.6rem;
}

.popLayer .btn_set button {
  min-height: 60px;
  height: 4vh;
  color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
  border-radius: 10px;
  background-color: #002b49;
}

@media screen and (max-width: 1280px) {
  .popLayer {
    width: 80%;
    min-width: 260px;
    max-width: 360px;
  }

  .popLayer .pop_container {
    padding: 30px 20px;
  }

  .pop_container .icons {
    margin: 15px 0 25px;
  }

  .pop_container .icons img {
    width: 100px;
  }

  .popLayer .btn_set {
    margin-top: 40px;
  }

  .popLayer .pop_container .tetx_wrap p {
    font-size: 1.2rem;
  }

  .popLayer .btn_set button {
    max-width: 160px;
    min-height: 40px;
    height: 6vh;
    font-size: 1.2rem;
  }

  .pop_close {
    width: 50px;
    height: 50px;
  }

  .pop_close::after {
    width: 24px;
    height: 24px;
    background-size: cover;
  }
}

@media screen and (max-width: 480px) {
  .pop_container .icons img {
    width: 60px;
  }

  .pop_container .icons {
    margin: 0 15px 25px;
  }

  .popLayer .btn_set {
    margin-top: 30px;
  }

  .popLayer .btn_set button {
    max-width: 160px;
    min-height: 20px;
    height: 5vh;
    font-size: 1.2rem;
  }
}

/* 메인 모달 */
/* .main_popup {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    box-shadow: 0px 1px 7px rgba(0,0,0,0.4);
} */

.popup_box {
  /* position: fixed; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  width: 80%;
  max-width: 1400px;
  z-index: 9999;
}

.main_popup {
  position: relative;
  height: 100%;
  margin-right: 60px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4);
}

.main_popup:first-child {
  margin-right: 0px;
}

.main_popup .main_close {
  position: absolute;
  /* top: 0; right: -41px; */
  top: 0;
  right: 0px;
  display: inline-block;
  text-align: right;
  padding: 8px;
  background-color: #232323;
}

.main_popup .main_close:hover {
  background-color: #8d7150;
}

.main_popup .main_close img {
  width: 25px;
  height: 25px;
}

/* .main_popup .pop_box {
  display: block;
  width: 40vw;
  max-width: 540px;
  padding: 0;
  margin: 0;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

.main_popup .pop_box img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
} */

.main_popup .btn_zone {
  position: absolute;
  bottom: -38px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0px 18px;
  color: #fff;
  background-color: #232323;
}

.main_popup .btn_zone > div {
  width: 100%;
}

.main_popup .btn_zone p {
  font-size: 1.2rem;
  font-weight: 400;
  /* margin-left: 10px; */
  margin-left: 18px;
}

.main_popup .left_btn {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.main_popup .btn_zone input[type="checkbox"] {
  display: none;
}

.main_popup input[type="checkbox"] + label {
  cursor: pointer;
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  border: 3px solid #a0815c;
}

.main_popup input[id="check_today1"]:checked + label::after,
.main_popup input[id="check_today2"]:checked + label::after {
  content: "✔";
  position: absolute;
  font-size: 15px;
  width: 20px;
  height: 20px;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main_popup .right_btn {
  cursor: pointer;
  width: 20%;
  border-left: 1px solid #9d9fa2;
}

@media screen and (max-width: 1024px) {
  .popup_box {
    /* position: fixed; */
    display: block;
    width: 100vw;
    height: 100vh;
    max-width: none;
  }

  .main_popup {
    /* position: fixed; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    height: fit-content;
  }

  .main_popup .pop_box {
    width: 50vw;
  }
}

@media screen and (max-width: 768px) {
  .main_popup .pop_box {
    width: 60vw;
  }

  .main_popup .btn_zone p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 480px) {
  .main_popup .pop_box {
    width: 80vw;
  }
  .main_popup .btn_zone p {
    margin-left: 5px;
    font-size: 0.8rem;
  }

  .main_popup input[type="checkbox"] + label {
    width: 18px;
    height: 18px;
  }

  .main_popup .main_close img {
    width: 16px;
    height: 16px;
  }

  .main_popup .main_close {
    /* right: -36px; */
    padding: 6px 8px;
  }
}


/* 개인정보취급방침, 이용약관 모달 */
.f-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 60vw;
  height: 70vh;
  background-color: #fff;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.f-modal .fm-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 10%;
  max-height: 56px;
  padding: 0 20px;
  background-color: #002b49;
}

.f-modal .fm-title h3 {
  color: #fff;
  font-size: 1.2rem;
}

.f-modal .modal_close {
  display: inline-block;
  text-align: right;
}

.f-modal .modal_close img {
  width: 20px;
  height: 20px;
}

.f-modal .fm_con {
  height: 90%;
  overflow-y: scroll;
}

.f-modal .fm_con > ul {
  padding: 40px 30px;
  overflow: auto;
}

.f-modal .fm_con::-webkit-scrollbar {
  width: 8px;
}
.f-modal .fm_con::-webkit-scrollbar-thumb {
  background: #002b49;
  border-radius: 12px 12px 12px 12px;
}

.f-modal .fm_con::-webkit-scrollbar-track {
  background: #dfdfdf;
}

.f-modal .fm_con > ul > li {
  margin-bottom: 30px;
  text-align: left;
}

.f-modal .fm_con > ul > li:last-child {
  margin-bottom: 0px;
}

.f-modal .fm_list {
  margin: 0 5px;
}

.f-modal .fm_list li {
  margin-bottom: 10px;
  color: #656565;
}

.f-modal .mix_list .fm_list {
  margin: 20px 0;
}

.f-modal h4 {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.f-modal p {
  margin-left: 5px;
  margin-bottom: 30px;
}

/* 이용약관 */
.tos_modal p {
  margin-bottom: 16px;
  color: #232323;
  font-weight: 600;
}

.tos_modal .fm_list {
  margin: 35px 0;
}

.tos_modal .fm_con > ul > li {
  margin-bottom: 60px;
}

/* 부칙 */
.eff_date {
  color: #737373;
  font-size: 13px;
  font-weight: 600;
  padding: 20px;
  background-color: #f5f5f5;
}

@media screen and (max-width: 1280px) {
  .f-modal .fm_con::-webkit-scrollbar {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .f-modal {
    width: 80vw;
  }
}

@media screen and (max-width: 480px) {
  .f-modal .fm_con::-webkit-scrollbar {
    width: 5px;
  }

  .f-modal .fm_con > ul {
    /* height: 58vh; */
    padding: 24px 20px;
  }

  .f-modal .fm-title h3 {
    font-size: 1rem;
  }

  .f-modal .modal_close img {
    width: 16px;
    height: 16px;
  }

  .f-modal h4 {
    font-size: 1rem;
    margin-bottom: 10px;
  }

  .f-modal p {
    margin-left: 0px;
    font-size: 13px;
  }

  .f-modal .fm_list li {
    font-size: 13px;
  }

  .tos_modal .fm_con {
  }

  .tos_modal .fm_con > ul {
    padding: 20px 16px;
  }

  .tos_modal .fm_list {
    margin: 20px 0;
  }

  .tos_modal .fm_con > ul > li {
    margin-bottom: 40px;
  }

  .eff_date {
    padding: 10px;
    font-size: 20px 10px;
  }
}




/* affiliate_info ------------------------------- */
.aff_info .header_title {
  /*background: url(../img/sub_page/title_img/title_application.png) no-repeat;*/
  background-size: cover;
  background-position: center;
  border-bottom: #eee 1px solid;
}

.aff_info .main_title {
  margin: 50px 0;
}

.aff_info .main_title h3 {
  text-align: center;
  color: #002b49;
  font-size: 60px;
}

.aff_info .main_title h3 span {
  padding: 5px 10px;
  color: #fff;
  background-color: #002b49;
}


/* btn_zone */
.aff_info .main-contents .btn_zone {
  width: fit-content;
  text-align: center;
  margin: 50px auto;
  padding-bottom: 15px;
  color: #000;
  font-size: 3rem;
  font-weight:500;
  border-radius: 30px;
}
.aff_info .main-contents .btn_zone a {
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin: 40px 0;
  padding: 20px 60px;
  color: #fff;
  font-size: 36px;
  font-weight:normal;
  border-radius: 50px;
  background-color: #96bed2;

}
.aff_info .main-contents .btn_zone p {
  margin: 20px 0;
}

.aff_info .main-contents .btn_zone img {
  max-width: 400px;
}

@media screen and (max-width: 1280px) {
  .aff_info .main_title h3 {
    font-size: 48px;
  }

  .aff_info h4 {
    font-size: 40px;
  }

  .aff_info .point_1 ul li {
    font-size: 22px;
  }

  .aff_info .point_3 ul li {
    width: 45%;
    margin-left: 0px;
  }

  .aff_info .point_3 ul li:nth-child(even) {
    margin-left: 40px;
  }

  .aff_info .title_num {
    padding: 7px 28px;
    font-size: 20px;
    border-radius: 15px;
  }

  /* point_4 */
  .aff_info .point_4 {
    padding: 200px 0;
  }

  .aff_info .point_4 .title_box {
    max-width: 720px;
  }

  .aff_info .point_4 h3 {
    font-size: 40px;
  }

  .aff_info .point_4 .point_num {
    width: 170px;
    height: 50px;
    font-size: 24px;
  }

  .aff_info .point_4 .explain_text {
    margin-left: 60px;
  }

  .aff_info .point_4 .explain_text {
    margin-left: 60px;
  }

  .aff_info .point_4 .point_text {
    font-size: 16px;
  }

  .aff_info .point_4 .point_text strong {
    font-size: 26px;
  }

  .aff_info .point_4 .img_box img {
    padding: 0 60px;
  }
}

@media screen and (max-width: 1024px) {
  .aff_info h4 {
    margin-top: 20px;
    font-size: 34px;
  }

  /* point_1 */
  .aff_info .point_1 ul li {
    font-size: 20px;
  }

  /* point_2 */
  .aff_info .point_2 {
    margin-top: 80px;
  }

  .aff_info .point_2 p {
    font-size: 20px;
  }

  /* point_3 */
  .aff_info .point_3 ul li {
    margin-top: 80px;
  }

  .aff_info .point_3 p {
    font-size: 22px;
  }

  .aff_info .point_3 h5::after {
    border-width: 25px 30px 0 30px;
  }

  .aff_info .point_3 h5 span {
    font-size: 16px;
  }

  /* point_4 */
  .aff_info .point_4 {
    padding: 120px 0;
  }
  .aff_info .point_4 .point_zone > div:first-child {
    margin-bottom: 100px;
    padding-left: 50px;
  }

  .aff_info .point_4 .point_num {
    width: 130px;
    height: 45px;
    font-size: 20px;
  }

  .aff_info .point_4 .text_box {
    flex-direction: column;
    align-items: flex-end;
    padding-left: 50px;
  }

  .aff_info .point_4 .explain_text {
    width: 100%;
    padding-right: 50px;
    margin-bottom: 40px;
  }

  .aff_info .point_4 h4 {
    margin-top: 20px;
    font-size: 36px;
  }

  .aff_info .point_4 h4 span {
    display: inline-block;
  }

  .aff_info .point_4 .explain_text {
    width: 100%;
    padding-right: 50px;
    margin-bottom: 40px;
  }

  .aff_info .point_4 .point_text {
    width: 100%;
    height: 140px;
    margin: 40px 0;
    margin-top: 0;
    border-radius: 40px 0 0 40px;
  }

  .aff_info .point_4 .img_box img {
    width: 90%;
    padding: 0;
  }

  .aff_info .point_4 .point_zone > div:first-child .img_box img {
    padding-right: 50px;
  }

  .aff_info .point_4 .point_zone > div:last-child {
    flex-direction: column-reverse;
    padding: 60px 50px;
  }

  /* point_5 */
  .aff_info .point_5 p {
    font-size: 22px;
  }

  /* btn_zone */
  .aff_info .main-contents .btn_zone {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 768px) {
  .aff_info .main_title {
    margin-top: 70px;
    margin-bottom: 100px;
  }

  .aff_info .main_title h3 {
    font-size: 36px;
  }

  .aff_info .main_title h3 span {
    padding: 3px 8px;
  }

  .aff_info h4 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .aff_info .title_num {
    padding: 7px 24px;
    font-size: 18px;
    border-radius: 10px;
  }

  /* point_1 */
  .aff_info .point_1 {
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
  }

  .aff_info .point_1 .text_box {
    width: 100%;
  }

  .aff_info .point_1 ul li {
    margin-bottom: 10px;
  }

  .aff_info .point_1 .img_box {
    width: 100%;
    margin: 40px 0;
  }

  /* point_2 */
  .aff_info .point_2 {
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 100px;
  }

  .aff_info .point_2 .img_box {
    width: 100%;
  }

  .aff_info .point_2 .text_box {
    width: 100%;
    margin-top: 40px;
  }

  .aff_info .point_2 p {
    margin-bottom: 30px;
  }

  .aff_info .point_2 ul li {
    width: 50%;
    min-width: 140px;
    height: 60px;
    font-size: 26px;
  }

  /* point_3 */
  .aff_info .point_3 p {
    font-size: 20px;
  }

  .aff_info .point_3 ul li {
    width: 100%;
    margin-top: 50px;
  }

  .aff_info .point_3 ul li:nth-child(even) {
    margin: 0;
    margin-top: 50px;
  }

  .aff_info .point_3 h5 {
    min-height: 50px;
    margin-bottom: 30px;
    font-size: 20px;
  }

  .aff_info .point_3 h5 span {
    font-size: 14px;
  }

  .aff_info .point_3 img {
    width: 80%;
  }

  /* point_4 */
  .aff_info .point_4 {
    padding: 100px 0;
  }

  .aff_info .point_4 .title_box {
    max-width: 450px;
  }

  .aff_info .point_4 .title_box img {
    width: 25px;
  }

  .aff_info .point_4 .title_box h3 {
    font-size: 30px;
  }

  .aff_info .point_4 .text_box {
    padding-left: 30px;
  }

  .aff_info .point_4 h3 span {
    font-size: 20px;
  }

  .aff_info .point_4 .point_box {
    padding: 30px 0;
    border-radius: 20px;
  }

  .aff_info .point_4 .point_zone > div:first-child {
    margin-top: 60px;
    margin-bottom: 70px;
    padding-left: 30px;
  }

  .aff_info .point_4 h4 {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 30px;
  }

  .aff_info .point_4 h4 span {
    display: inline-block;
  }

  .aff_info .point_4 .explain_text {
    padding-right: 30px;
  }

  .aff_info .point_4 .explain_text p {
    font-size: 20px;
    font-weight: 500;
  }

  .aff_info .point_4 .point_text {
    width: 95%;
    height: 100%;
    min-height: 120px;
    padding: 20px 30px;
    border-radius: 30px 0 0 30px;
  }

  .aff_info .point_4 .point_text strong {
    font-size: 24px;
  }

  .aff_info .point_4 .img_box img:first-child {
    display: none;
  }

  .aff_info .point_4 .img_box img:last-child {
    display: inline-block;
  }

  .aff_info .point_4 .point_zone > div:last-child {
    padding: 30px;
    margin-bottom: 60px;
  }

  .aff_info .point_4 .point_text_zone p span {
    display: block;
  }

  /* point_5 */
  .aff_info .point_5 {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .aff_info .point_5 p {
    font-size: 18px;
  }

  .aff_info .point_5 .title_box {
    margin-bottom: 40px;
  }

  .aff_info .point_5 ul {
    flex-direction: column;
  }

  .aff_info .point_5 ul li {
    width: 80%;
    /* width: 100%; */
    margin: 0 auto;
    margin-bottom: 50px;
  }

  .aff_info .point_5 ul li:last-child {
    margin-bottom: 0;
  }

  /* btn_zone */
  .aff_info .main-contents .btn_zone {
    margin: 100px auto;
    padding: 0px 30px;
    padding-top: 50px;
    padding-bottom: 0px;
    font-size: 1.8rem;
    border-radius: 20px;
  }

  .aff_info .main-contents .btn_zone p {
    margin-bottom: 24px;
  }

  .aff_info .main-contents .btn_zone img {
    width: 80%;
    max-width: none;
  }

  .main_program {padding: 40PX 0;}
  .program-title {   font-size: 32px;    margin-bottom: 40px; }
  .program-content { flex-direction: column; }
  .image-box,  .text-box {  width: 100%;}
  .text-box h4 {    font-size: 24px; line-height: 26px;}
  .text-box ul li {  font-size: 16px;}


}

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


  .program-title {   font-size: 24px;    margin-bottom: 20px; }

  .aff_info .main_title {
    margin-top: 54px;
    margin-bottom: 40px;
  }

  .aff_info .title_num {
    padding: 5px 18px;
    font-size: 14px;
    border-radius: 10px;
  }

  .aff_info .main_title h3 {
    font-size: 20px;
  }

  .aff_info .main_title h3 span {
    padding: 0px 5px;
  }

  .aff_info h4 {
    margin: 15px 0;
    font-size: 20px;
  }

  /* point_1 */
  .aff_info .point_1 {
    width: 100%;
  }

  .aff_info .point_1 ul li {
    font-size: 16px;
  }

  .aff_info .point_1 .img_box {
    margin: 24px 0;
  }

  /* point_2 */
  .aff_info .point_2 {
    width: 100%;
    margin-bottom: 60px;
  }

  .aff_info .point_2 p {
    font-size: 16px;
  }

  .aff_info .point_2 ul li {
    min-width: none;
    height: 46px;
    font-size: 20px;
  }

  /* point_3 */
  .aff_info .point_3 {
    padding: 50px 0;
  }

  .aff_info .point_3 h5 {
    min-width: 158px;
    min-height: 40px;
  }

  .aff_info .point_3 h5::after {
    bottom: -10px;
    border-width: 16px 25px 0 25px;
  }

  .aff_info .point_3 p {
    font-size: 16px;
  }

  .aff_info .point_3 img {
    width: 100%;
  }

  /* point_4 */
  .aff_info .point_4 {
    padding: 50px 20px;
  }

  .aff_info .point_4 .text_box {
    padding-left: 20px;
  }

  .aff_info .point_4 h4 {
    font-size: 20px;
  }

  .aff_info .point_4 h4 span {
    display: block;
  }

  .aff_info .point_4 .point_text {
    width: 100%;
    height: 100%;
    min-height: 94px;
    border-radius: 20px 0 0 20px;
  }

  .aff_info .point_4 .point_text strong {
    font-size: 16px;
  }

  .aff_info .point_4 .point_text p {
    font-size: 14px;
  }

  .aff_info .point_4 .explain_text {
    padding-right: 20px;
  }

  .aff_info .point_4 .explain_text p {
    font-size: 16px;
  }

  /* point_5 */
  .aff_info .point_5 {
    padding-top: 40px;
    padding-bottom: 70px;
  }

  /* btn_zone */
  .aff_info .main-contents .btn_zone {
    margin: 0;
    padding-bottom: 30px;
    border-radius: 0;
  }

  .aff_info .main-contents .btn_zone p {
    font-size: 20px;
  }
}