@charset "utf-8";

@import 'reset.css';
@import 'font.css';
@import 'sub-guide.css';
@import 'table.css';
@import 'satisfaction.css';

/* common */
body{font-family:'Noto Sans KR', san-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
input[type="text"], input[type="password"], button{background:none;border:0;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type="text"]:focus{outline:1px solid #eee;}
button{cursor:pointer;}
select::-ms-expand{display: none;}
pre{font-family:inherit;}
img{max-width:100%;}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc-hide{display:none !important;}
.jwxe_board td, .jwxe_board th{word-break:unset;}

/* skip navigation */
#skip a {position: fixed; top: -40px; left: 0; width: 100%; line-height: 40px; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.7); transition: all 0.3s; z-index: 9999}
#skip a:focus {top: 0;}

/* layout */
.wrap{position:relative;min-width:1280px;}
.header-wrap{position:absolute;z-index:110;width:100%;}
.bottom-header-wrap{border-bottom:1px solid rgba(255,255,255,0.3);}
.on .bottom-header-wrap{border-bottom:2px solid #f4d51c;}
.main-quick-wrap{position:relative;}
.top-footer-wrap{border-bottom:1px solid rgba(255,255,255,0.1);background:#00203d;}
.bottom-footer-wrap{background:#00203d;}
.js-popup{display:none;position:fixed;top:0;left:0;z-index:120;width:100%;height:100vh;overflow-y:auto;box-sizing:border-box;}
.sub-content-wrap{margin:0 auto;padding:55px 0 150px;max-width:1400px;}

/* top header */
.top-header-box{margin:auto;max-width:1760px;}
.top-header-box:after{content:'';display:block;clear:both;}
.top-header-box .top-menu-box{float:right;padding:10px 0;}
.top-header-box .top-menu-box:after{content:'';display:block;clear:both;}
.top-header-box .top-menu-box li{float:left;position:relative;margin:0 22px 0 0;padding:0 22px 0 0;}
.top-header-box .top-menu-box li:last-of-type{margin:0;padding:0;}
.top-header-box .top-menu-box li:after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:9px;background:rgba(255,255,255,.3);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.top-header-box .top-menu-box li:last-of-type:after{display:none;}
.top-header-box .top-menu-box li a{font-size:14px;color:#fff;}
.top-header-box .top-menu-box li.logout .user{display:inline-block;margin:0 20px 0 0;padding:0 40px 0 0;background:url(/en_cde/_res/img/common/ico-user.png) no-repeat center right/23px;font-size:16px;color:#fff;}
.top-header-box .top-menu-box li.logout .user span{font-weight:500;}
.top-header-box .top-menu-box li.logout .btn-logout{display:inline-block;padding:2px 8px;font-size:12px;border:1px solid rgba(255,255,255,.5);border-radius:20px;color:rgba(255,255,255,.5);}

/* bottom header */
.bottom-header-box{margin:auto;max-width:1760px;}
.bottom-header-box:after{content:'';display:block;clear:both;}
.bottom-header-box .logo{float:left;width:148px;}
.bottom-header-box .logo a{display:block;}
.bottom-header-box .logo a img{display:none;max-width:100%;}
.bottom-header-box .logo a img:nth-of-type(1){display:inline;}
.bottom-header-box .gnb-wrap{float:right;}
.bottom-header-box .gnb-wrap .gnb{float:left;}
.bottom-header-box .gnb-wrap .util-wrap{float:left;}
.gnb > ul > li{float: left;position:relative;}
.gnb > ul > li > a{display:block;padding: 20px 25px 20px 0;max-width:195px;min-height: 56px;font-size: 18px;color:#fff;font-weight:500;letter-spacing:-0.5px;}
.gnb > ul > li .depth02{display:none;position:absolute;top:calc(100% + 2px);z-index:10;padding:40px 18px;width:100%;min-height:345px;/* 임시 */box-sizing:border-box;}
.gnb > ul > li .depth02 > li{padding:0 0 12px;}
.gnb > ul > li .depth02 > li:last-of-type{padding:0;}
.gnb > ul > li .depth02 > li > a{line-height:27px;color:#222;}
.gnb > ul > li .depth02 > li > a:hover,
.gnb > ul > li .depth02 > li.active > a{color:#00498a;font-weight:500;}
.gnb > ul > li .depth02 > li > .depth03{display:none;}
.gnb-bg{display:none;position:absolute;top:100%;left:0;width:100%;min-height:345px;/* 임시 */background:#fff;border-bottom:1px solid #f9f9f9;}

/* util menu */
.util-wrap > ul{padding:18px 0 0;}
.util-wrap > ul > li{display:inline-block;vertical-align:middle;}
.util-wrap .sch{padding:0 30px 0 0;}
.util-wrap .sch > .btn-sch{padding:8px 10px;border:1px solid rgba(255,255,255,0.5);border-radius:20px;}
.util-wrap .sch .btn-sch > input{vertical-align:middle;}
.util-wrap .sch .btn-sch .btn-open-sch{display:inline-block;width:19px;height:18px;background:url(/en_cde/_res/img/common/ico-sch.png) no-repeat center center/100%;vertical-align:middle;}
.util-wrap .sitemap .btn-open-sitemap{display:block;width:30px;height:20px;background:url(/en_cde/_res/img/common/ico-sitemap.png) no-repeat center center/100%;}
.util-wrap .js-popup .btn-close{position:fixed;top:60px;right:80px;width:73px;height:72px;background:url(/en_cde/_res/img/common/btn-sch-close.png) no-repeat center center/100%;}

/* main gnb open & sub gnb */
.header-wrap.on{background:#fff;}
body:not(.main) .header-wrap{position:relative;width:auto;}
.header-wrap.on .top-header-box .top-menu-box li:after,
body:not(.main) .header-wrap .top-header-box .top-menu-box li:after{background-color:rgba(0,0,0,0.3);}
.header-wrap.on .top-header-box .top-menu-box li a,
body:not(.main) .header-wrap .top-header-box .top-menu-box li a{color:#222;}
.header-wrap.on .top-header-box .top-menu-box li.logout .user,
body:not(.main) .header-wrap .top-header-box .top-menu-box li.logout .user{background-image:url(/en_cde/_res/img/common/ico-user-on.png);color:#222;}
.header-wrap.on .top-header-box .top-menu-box li.logout .btn-logout,
body:not(.main) .header-wrap .top-header-box .top-menu-box li.logout .btn-logout{border-color:rgba(0,0,0,.5);color:rgba(0,0,0,.5);}
.header-wrap.on .bottom-header-box .logo a img:nth-of-type(1),
body:not(.main) .header-wrap .bottom-header-box .logo a img:nth-of-type(1){display:none;}
.header-wrap.on .bottom-header-box .logo a img:nth-of-type(2),
body:not(.main) .header-wrap .bottom-header-box .logo a img:nth-of-type(2){display:inline;}
.header-wrap.on .gnb > ul > li > a,
body:not(.main) .gnb > ul > li > a{position:relative;color:#222;}
.header-wrap.on .gnb > ul > li.on > a,
.header-wrap .gnb > ul > li.active > a{color:#004a8b;}
.header-wrap.on .gnb > ul > li.on > a:after{content:'';display:block;position:absolute;top:100%;left:0;z-index:10;width:100%;height:2px;background:#004a8b;}
.header-wrap.on .gnb > ul > li .depth02{display:block;}
.header-wrap.on .gnb > ul > li.on .depth02{background:#f2f5f8;}
.header-wrap.on .gnb-bg{display:block;}
.header-wrap.on .util-wrap .sch > .btn-sch,
body:not(.main) .util-wrap .sch > .btn-sch{border-color:rgba(0,0,0,0.5);}
.header-wrap.on .util-wrap .sch .btn-sch .btn-open-sch,
body:not(.main) .util-wrap .sch .btn-sch .btn-open-sch{background-image:url(/en_cde/_res/img/common/ico-sch-on.png);}
.header-wrap.on .util-wrap .sitemap .btn-open-sitemap,
body:not(.main) .util-wrap .sitemap .btn-open-sitemap{background-image:url(/en_cde/_res/img/common/ico-sitemap-on.png);}

/* popup search */ 
.sch-wrap{padding:60px 80px;background:#00203d;}
.sch-wrap .sch-box{margin:0 auto;padding:245px 0 0;max-width:1400px;}
.sch-wrap .sch-box fieldset{margin:auto;padding:0 0 15px;width:90%;border-bottom:3px solid #ffd50e;}
.sch-wrap .sch-box fieldset input{width:calc(100% - 55px);font-size:32px;color:#fff;outline:none;}
.sch-wrap .sch-box fieldset input::placeholder{color:rgba(255,255,255,.5);}
.sch-wrap .sch-box fieldset .btn-sch{width:50px;height:49px;background:url(/en_cde/_res/img/common/ico-sch-full.png) no-repeat center center/100%;vertical-align:bottom;}
.sch-wrap .sch-box .recommend-keywords{margin:auto;padding:40px 0 0;max-width:55%;text-align:center;}
.sch-wrap .sch-box .recommend-keywords a{display:inline-block;margin:2px 4px;font-size:20px;color:#fff;}
.sch-wrap .sch-box .recommend-keywords a:before{content:'#';display:inline-block;}

/* footer */
.top-footer-box{margin:0 auto;max-width:1400px;}
.top-footer-box:after{content:'';display:block;clear:both;}
.top-footer-box > div{float:left;}
.top-footer-box .footer-util-box{padding:15px 0;width:calc(100% - 247px);}
.top-footer-box .footer-util-box ul li{display:inline-block;position:relative;margin:0 20px 0 0;padding:0 24px 0 0;}
.top-footer-box .footer-util-box ul li:after{content:'';display:block;position:absolute;top:7px;right:0;width:1px;height:11px;background:#80a4c5;}
.top-footer-box .footer-util-box ul li:last-of-type{margin:0;padding:0;}
.top-footer-box .footer-util-box ul li:last-of-type:after{display:none;}
.top-footer-box .footer-util-box ul li a{line-height:24px;color:#fff;}
.top-footer-box .footer-util-box ul li.privacy a{color:#e1bd05;}
.top-footer-box .related-site-wrap{position:relative;width:247px;background:#00172b;}
.top-footer-box .related-site-wrap .related-site-title{display:block;padding:15px 50px 15px 36px;background:url(/en_cde/_res/img/common/ico-arr-related.png) no-repeat right 30px center;color:#80a4c5;}
.top-footer-box .related-site-wrap .related-site-title.active{background-image:url(/en_cde/_res/img/common/ico-arr-related-on.png);}
.top-footer-box .related-site-wrap .related-site{display:none;position:absolute;bottom:100%;left:0;z-index:10;padding:15px 35px;width:100%;background:#00172b;border-bottom:1px solid rgba(255,255,255,0.1);box-sizing:border-box;}
.top-footer-box .related-site-wrap .related-site li{padding:0 0 8px;}
.top-footer-box .related-site-wrap .related-site li:last-of-type{padding:0;}
.top-footer-box .related-site-wrap .related-site li a{font-size:15px;line-height:23px;color:#80a4c5;}
.top-footer-box .btn-top{display:none;position:absolute;bottom:calc(100% + 11px);right:0;width:50px;height:50px;background:#00498a url(/en_cde/_res/img/common/ico-arr-top.gif) no-repeat center center;}

body:not(.main) .top-footer-box{position:relative;}
body:not(.main) .top-footer-box .btn-top{display:block;}

.bottom-footer-box{display:table;margin:0 auto;padding:25px 0 50px;max-width:1400px;width:100%;table-layout:fixed;}
.bottom-footer-box > div{display:table-cell;vertical-align:middle;}
.bottom-footer-box .footer-inner-box{width:70%}
.bottom-footer-box .footer-inner-box > div{display:inline-block;vertical-align:top;}
.bottom-footer-box .footer-inner-box .footer-logo-box{margin:0 40px 0 0;width:148px;}
.bottom-footer-box .footer-inner-box .footer-logo-box img{width:100%;}
.bottom-footer-box .footer-inner-box .footer-info-box{width:calc(100% - 209px);}
.bottom-footer-box .footer-inner-box .footer-info-box address{font-style:normal;}
.bottom-footer-box .footer-inner-box .footer-info-box p{padding:0 0 3px;line-height:24px;color:#d8d8d8;}
.bottom-footer-box .footer-inner-box .footer-info-box ul{padding:0 0 3px;}
.bottom-footer-box .footer-inner-box .footer-info-box ul li{position:relative;display:inline-block;margin:0 13px 0 0;padding:0 17px 0 0;vertical-align:middle;color:#d8d8d8;line-height:24px;}
.bottom-footer-box .footer-inner-box .footer-info-box ul li:after{content:'';display:block;position:absolute;top:6px;right:0;width:1px;height:11px;background:#80a4c5;}
.bottom-footer-box .footer-inner-box .footer-info-box ul li:last-of-type{margin:0;padding:0;}
.bottom-footer-box .footer-inner-box .footer-info-box ul li:last-of-type:after{display:none;}
.bottom-footer-box .footer-inner-box .footer-info-box .copy{padding:0;font-size:14px;line-height:22px;color:#80a4c5;}
.bottom-footer-box .footer-contact-box > div{display:table-cell;position:relative;vertical-align:middle;box-sizing:border-box;}
.bottom-footer-box .footer-contact-box .footer-tel-box{padding:0 25px;width:55%;}
.bottom-footer-box .footer-contact-box .footer-sns-box{padding:0 0 0 20px;width:45%;}
.bottom-footer-box .footer-contact-box .footer-tel-box:before{content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:52px;background:rgba(255,255,255,0.1);transform:translateY(-50%);}
.bottom-footer-box .footer-contact-box .footer-tel-box:after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:52px;background:rgba(255,255,255,0.1);transform:translateY(-50%);}
.bottom-footer-box .footer-contact-box .footer-tel-box div:nth-of-type(1){padding:0 0 10px;}
.bottom-footer-box .footer-contact-box .footer-tel-box p:nth-of-type(1){padding:0 0 5px;line-height:24px;font-weight:500}
.bottom-footer-box .footer-contact-box .footer-tel-box div:nth-of-type(1) p:nth-of-type(1){color:#b2c580;}
.bottom-footer-box .footer-contact-box .footer-tel-box div:nth-of-type(2) p:nth-of-type(1){color:#80a4c5;}
.bottom-footer-box .footer-contact-box .footer-tel-box p:nth-of-type(2){font-family:'GmarketSansMedium';line-height:24px;color:#fff;font-weight:500;letter-spacing:-1px;}
.bottom-footer-box .footer-contact-box .footer-sns-box ul:after{content:'';display:block;clear:both;}
.bottom-footer-box .footer-contact-box .footer-sns-box ul li{float:left;padding:0 10px 0 0;width:20%;}
.bottom-footer-box .footer-contact-box .footer-sns-box ul li:last-of-type{padding:0;}
.bottom-footer-box .footer-contact-box .footer-sns-box ul li a{display:block;width:38px;height:38px;background-repeat:no-repeat;background-position:center center;background-size:100%;}
.bottom-footer-box .footer-contact-box .footer-sns-box ul li a.fb{background-image:url(/en_cde/_res/img/common/ico-foot-sns-fb.png);}
.bottom-footer-box .footer-contact-box .footer-sns-box ul li a.bg{background-image:url(/en_cde/_res/img/common/ico-foot-sns-bg.png);}
.bottom-footer-box .footer-contact-box .footer-sns-box ul li a.ig{background-image:url(/en_cde/_res/img/common/ico-foot-sns-ig.png);}
.bottom-footer-box .footer-contact-box .footer-sns-box ul li a.yt{background-image:url(/en_cde/_res/img/common/ico-foot-sns-yt.png);}

ul.mypage-ul li { display : inline-block; padding: 0 10px; font-size:20px;  }
ul.mypage-ul .b-info-input-box{display : inline-block;  }
ul.mypage-ul .b-info-input-box input {  padding: 5px 10px;    width: 350px;    height: 35px;    border: 1px solid #dedede;    font-family: inherit;    font-weight: 300;    font-size: 14px;    box-sizing: border-box;    border-radius: 0;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    vertical-align: middle; }
ul.mypage-ul .btn-radio + label { padding: 0 0 0 10px; } 

@media screen and (min-width: 1025px) {
	/* popup sitemap */ 
	.sitemap-wrap{padding:60px 80px;background:#00203d;}
	.sitemap-wrap .login-box{display:none;}
	.sitemap-wrap .sitemap-box{margin:0 auto;padding:115px 0 0;max-width:1400px;}
	.sitemap-wrap .sitemap-box > ul > li{padding:0 0 90px;}
	.sitemap-wrap .sitemap-box > ul > li:after{content:'';display:block;clear:both;}
	.sitemap-wrap .sitemap-box > ul > li > a{float:left;padding:25px 10px 0 0;width:25%;border-top:3px solid #ffd50e;font-size:32px;color:#fff;font-weight:500;box-sizing:border-box;}
	.sitemap-wrap .sitemap-box > ul > li > ul{float:left;padding:30px 0 0;width:75%;border-top:3px solid rgba(255,255,255,0.1);}
	.sitemap-wrap .sitemap-box > ul > li > ul > li{float:left;padding:0 10px 0 0;width:25%;box-sizing:border-box;}
	.sitemap-wrap .sitemap-box > ul > li > ul > li:nth-of-type(n + 5){padding-top:40px;}
	.sitemap-wrap .sitemap-box > ul > li > ul > li > a{display:inline-block;position:relative;padding:0 0 0 12px;font-size:20px;color:#fff;}
	.sitemap-wrap .sitemap-box > ul > li > ul > li > a:before{content:'';display:block;position:absolute;top:15px;left:0;width:2px;height:2px;background:#fff;border-radius:50%;}
	.sitemap-wrap .sitemap-box > ul > li > ul > li > a:hover,
	.sitemap-wrap .sitemap-box > ul > li > ul > li.active > a{font-weight:500;}
	.sitemap-wrap .sitemap-box > ul > li > ul > li > a:hover:after,
	.sitemap-wrap .sitemap-box > ul > li > ul > li.active > a:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;}
	.sitemap-wrap .sitemap-box > ul > li > ul > li > ul{display:none;}
}

/* quick menu */
.main-quick-box{position:absolute;top:180px;right:0;z-index:10;width:110px;background:#00203d;text-align:center;}
.main-quick-box > p{padding:20px 10px;border-bottom:1px solid rgba(255,255,255,0.1);font-size:19px;line-height:25px;color:#fff;font-weight:700;-webkit-transform:scaleY(0.9);-moz-transform:scaleY(0.9);-ms-transform:scaleY(0.9);-o-transform:scaleY(0.9);transform:scaleY(0.9);}
.main-quick-box ul{border-bottom:1px solid rgba(255,255,255,0.1);}
.main-quick-box ul li a{display:block;padding:60px 10px 20px;background:url(/en_cde/_res/img/common/ico-quick01.png) no-repeat center top 18px;color:#979797;font-weight:500;}
.main-quick-box ul li:nth-of-type(2) a{background-image:url(/en_cde/_res/img/common/ico-quick02.png)}
.main-quick-box ul li:nth-of-type(3) a{background-image:url(/en_cde/_res/img/common/ico-quick03.png)}
.main-quick-box ul li:nth-of-type(4) a{background-image:url(/en_cde/_res/img/common/ico-quick04.png)}
.main-quick-box ul li:nth-of-type(5) a{background-image:url(/en_cde/_res/img/common/ico-quick05.png)}
.main-quick-box ul li a:hover{background-image:url(/en_cde/_res/img/common/ico-quick01-on.png);color:#ffd50e;}
.main-quick-box ul li:nth-of-type(2) a:hover{background-image:url(/en_cde/_res/img/common/ico-quick02-on.png)}
.main-quick-box ul li:nth-of-type(3) a:hover{background-image:url(/en_cde/_res/img/common/ico-quick03-on.png)}
.main-quick-box ul li:nth-of-type(4) a:hover{background-image:url(/en_cde/_res/img/common/ico-quick04-on.png)}
.main-quick-box ul li:nth-of-type(5) a:hover{background-image:url(/en_cde/_res/img/common/ico-quick05-on.png)}
.main-quick-box .btn-top{display:block;padding:5px 10px;font-size:19px;line-height:25px;color:#fff;font-weight:700;-webkit-transform:scaleY(0.9);-moz-transform:scaleY(0.9);-ms-transform:scaleY(0.9);-o-transform:scaleY(0.9);transform:scaleY(0.9);}

/* main visual */
.main-visual-box{position:relative;padding:180px 0 0;height:650px;background:url(/en_cde/_res/img/main/bg-main-vi.gif) no-repeat center center/cover;box-sizing:border-box;}
.main-visual-box:after{content:'';display:block;position:absolute;bottom:-60px;left:0;width:calc(50% - 1px);height:70%;background:#ffd50e;}
.main-visual-box .swiper-container{margin:0 auto;max-width:1760px;box-sizing:border-box;}
.main-visual-box .swiper-container .swiper-slide .main-vi-box{margin:0 auto;width:100%;max-width:1400px;}
.main-visual-box .swiper-container .swiper-slide .main-vi-box:after{content:'';display:block;clear:both;}
.main-visual-box .swiper-container .swiper-slide .vi-img-box{float:left;width:50%;}
.main-visual-box .swiper-container .swiper-slide .vi-img-box a{display:block;height:470px;overflow:hidden;}
/* .main-visual-box .swiper-container .swiper-slide .vi-img-box .btn-popup{position:relative;}
.main-visual-box .swiper-container .swiper-slide .vi-img-box .btn-popup:after{content:'';display:block;position:absolute;top:50%;left:50%;width:116px;height:116px;background:url(/en_cde/_res/img/main/ico-main-vid-play.png) no-repeat center center/100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);} */
.main-visual-box .swiper-container .swiper-slide .vi-img-box a img{width:100%;height:100%;object-fit:cover;}
.main-visual-box .swiper-container .swiper-slide .vi-txt-box{float:right;padding:0 5%;width:50%;box-sizing:border-box;}
.main-visual-box .swiper-container .swiper-slide .vi-txt-box .title{padding:0 0 20px;}
.main-visual-box .swiper-container .swiper-slide .vi-txt-box .title a{display:block;display:-webkit-box;max-height: 195px;font-size:50px;line-height:65px;color:#fff;font-weight:500;-webkit-line-clamp: 3;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.main-visual-box .swiper-container .swiper-slide .vi-txt-box .sub-title{padding:0 0 20px;}
.main-visual-box .swiper-container .swiper-slide .vi-txt-box .sub-title a{display:inline-block;padding:2px 10px;border:1px solid #d2c61d;border-radius:20px;color:#d2c61d;font-weight:500;}
.main-visual-box .swiper-container .swiper-slide .vi-txt-box .desc a{display:block;display:-webkit-box;max-height:125px;color:#fff;line-height:25px;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.main-visual-box .swiper-container .swiper-slide .js-popup{display:none;position:fixed;}
.main-visual-box .control-wrap{position:absolute;top:50%;left:0;z-index:20;width:100%;box-sizing:border-box;}
.main-visual-box .control-wrap div:not(.swiper-visual-pagination){position:absolute;top:50%;width:35px;height:69px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);cursor:pointer;}
.main-visual-box .control-wrap .swiper-visual-prev{left:3%;background:url(/en_cde/_res/img/main/btn-main-vi-prev.png) no-repeat center center/100%;}
.main-visual-box .control-wrap .swiper-visual-next{right:3%;background:url(/en_cde/_res/img/main/btn-main-vi-next.png) no-repeat center center/100%;}
.main-visual-box .control-wrap .swiper-visual-pagination{display:none;}

/* main content */
.main-content-box .main-mini-wrap{margin:0 auto;max-width:1400px;}
.main-content-box .title-box{padding:0 160px 0 0;}
.main-content-box .title-box h3{display:inline-block;position:relative;padding:0 0 13px;font-size:48px;line-height:56px;color:#fff;font-weight:700;letter-spacing:-2.5px;}

/* main content 01 */
.main-content-box01{padding:195px 0 80px;background:url(/en_cde/_res/img/main/bg-main-con01.gif) no-repeat top center/100%;}
.main-content-box01 .main-title{padding:0 0 12px;border-bottom:2px solid #575757;font-size:35px;line-height:40px;font-weight:700;}
.main-content-box01 .no-post{padding:18px 0;border-bottom:1px solid #c9c9c9;}
.main-content-box01 .main-mini-wrap:nth-of-type(1){padding:0 0 90px;}
.main-content-box01 .main-mini-wrap:nth-of-type(1):after{content:'';display:block;clear:both;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) > div{float:left;position:relative;margin:0 2% 0 0;width:35%;}

/* main content 01 : 공지사항 */
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content > div:nth-of-type(1){padding:24px 0;border-bottom:1px solid #c9c9c9;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-list ul li{padding:18px 0;border-bottom:1px solid #c9c9c9;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-list ul li a{display:table;width:100%;table-layout:fixed;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-list ul li a span{display:table-cell;vertical-align:middle;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-list ul li a .date{padding:0 0 0 10px;width:90px;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-title{display:block;font-size:20px;line-height:25px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-text{display:block;display:-webkit-box;margin:10px 0;height:48px;line-height:24px;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .date{font-size:14px;color:rgba(0,0,0,0.5);}

/* main content 01 : 학사일정 */
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li{display:table;padding:19px 0;width:100%;table-layout:fixed;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li:last-of-type{padding-bottom:0;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li p{display:table-cell;vertical-align:middle;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .date-box{padding:10px;width:80px;height:80px;background:#fff;border:1px solid #ccc;box-sizing:border-box;text-align:center;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .date-box span{display:block;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .date-box .date{font-size:30px;line-height:35px;color:#265b93;font-weight:500;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .date-box .year-month{color:#666;font-weight:500;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box{padding:0 0 0 25px;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box .day{display:inline-block;margin:0 0 10px;min-width:75px;background:#6a6a6a;border-radius:50px;color:#fff;font-weight:500;text-align:center;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box .day.sat{background:#25a6c2;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box .day.sun{background:#ea4b43;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box a{display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box .mini-title{font-size:20px;line-height:25px;font-weight:500;}

/* main content 01 : 메인 링크 */
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03{margin:0;width:26%;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a{display:block;position:relative;padding:40px 40px 75px;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a:before{content:'';display:block;position:absolute;bottom:30px;left:40px;width:50px;height:12px;background:url(/en_cde/_res/img/main/ico-viewmore01-w.png) no-repeat center center/100%;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a:after{content:'';display:block;position:absolute;bottom:30px;right:40px;width:96px;height:94px;}
/*.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li:nth-of-type(1) a{background:url(/en_cde/_res/img/main/bg-main-link01.gif) no-repeat center center/cover;}*/
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li:nth-of-type(1) a{background:url(/en_cde/_res/img/main/bg-main-link02.gif) no-repeat center center/cover;}
/*.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li:nth-of-type(1) a:after{background:url(/en_cde/_res/img/main/ico-main-link01.png) no-repeat center center/100%;}*/
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li:nth-of-type(1) a:after{background:url(/en_cde/_res/img/main/ico-main-link02.png) no-repeat center center/100%;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a span{display:block;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a .mini-title{padding:0 0 10px;font-size:20px;line-height:25px;color:#fff;font-weight:500;}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a .mini-text{width:55%;color:rgba(255,255,255,0.5);}
.main-content-box01 .main-mini-wrap:nth-of-type(1) .btn-more{display:block;position:absolute;top:10px;right:0;width:24px;height:24px;background:url(/en_cde/_res/img/main/btn-more-mini.png) no-repeat center center/100%;}

/* main content 01 : 공개강좌 */
.main-content-box01 .main-mini-wrap:nth-of-type(2):after{content:'';display:block;clear:both;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) > div{float:left;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box{padding:30px 0 0;width:455px;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box h3{z-index:10;color:#222;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box h3:before{content:'';display:block;position:absolute;top:35%;left:70px;z-index:-10;width:450px;height:6px;background:#ffd50e;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .sub-title{padding:0 0 40px;font-size:24px;line-height:32px;color:#666;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap div{vertical-align:middle;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap .btn-more{display:inline-block;margin:0 20px 0 0;padding:12px 45px 12px 15px;min-width:170px;background:url(/en_cde/_res/img/main/ico-viewmore02-b.png) no-repeat right 15px center;border:1px solid #222;font-size:14px;box-sizing:border-box;text-align:left;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap .btn-more:hover{background-color:#00498a;background-image:url(/en_cde/_res/img/main/ico-viewmore02-w.png);color:#fff;font-weight:500;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap .btn-more span{display:inline-block;-webkit-transform:scaleY(0.95);-moz-transform:scaleY(0.95);-ms-transform:scaleY(0.95);-o-transform:scaleY(0.95);transform:scaleY(0.95);}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap div:not(.btn-more){display:inline-block;width:44px;height:44px;border:1px solid #222;border-radius:50%;cursor:pointer;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap .swiper-mini-prev{margin:0 5px 0 0;background:url(/en_cde/_res/img/main/btn-main-con-prev.png) no-repeat center center/12px;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap .swiper-mini-next{background:url(/en_cde/_res/img/main/btn-main-con-next.png) no-repeat center center/12px;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box{width:calc(100% - 455px);}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .swiper-slide{border-radius:10px;overflow:hidden;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box{display:block;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-img-box{height:190px;overflow:hidden;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-img-box img{width:100%;height:100%;object-fit:cover;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box{min-height:172px;background:#00498a;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .label-box{padding:5px 20px;border-bottom:1px solid rgba(255,255,255,0.5);}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .label-box span{display:inline-block;padding:2px 5px;background:#ffd50e;border-radius:5px;font-size:13px;color:#00498a;font-weight:500;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .label-box .available{background:#ffd50e;color:#00498a;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .label-box .imminent{background:#e31f4d;color:#fff;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .label-box .category{background:#616161;color:#fff;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .content-box{padding:20px;color:#fff;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .content-box .mini-title{padding:0 0 35px;font-size:25px;line-height:30px;font-weight:500;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .content-box .mini-text span{display:block;}
.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .content-box .mini-text .cate{padding:0 0 5px;font-size:14px;color:rgba(255,255,255,0.7);}

@media screen and (min-width: 1025px) { /* 모바일에서 hover 효과 삭제를 위해 미디어쿼리 처리 */ 
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .swiper-slide{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:transform .3s;transition:transform .3s;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .swiper-slide:hover{-webkit-transform:scale(1.0);transform:scale(1.0);box-shadow:rgba(0,0,0,0.1) 0px 4px 12px;}
}

/* main content 02 */
.main-content-box02{position:relative;}
.main-content-box02:before,
.main-content-box02:after{content:'';display:block;position:absolute;top:0;z-index:-10;width:50%;height:100%;}
.main-content-box02:before{left:0;background-color:#72cdaa;}
.main-content-box02:after{right:0;background-color:#28b0b5;}
.main-content-box02 .main-mini-wrap:after{content:'';display:block;clear:both;}
.main-content-box02 .main-mini-wrap .main-mini-box{float:left;position:relative;width:50%;}
.main-content-box02 .main-mini-wrap .main-mini-box01{padding:75px 0 70px;}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul{display:table;width:100%;table-layout:fixed;}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul li{display:table-cell;padding:0 5px;width:33.3333%;border-right:1px solid rgba(255,255,255,0.3);box-sizing:border-box;text-align:center;}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul li:last-of-type{border-right:0;}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul li p{position:relative;color:#fff;}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul li p:nth-of-type(1){background:url(/en_cde/_res/img/main/ico-status01.png) no-repeat center top;}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul li:nth-of-type(2) p:nth-of-type(1){background-image:url(/en_cde/_res/img/main/ico-status02.png);}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul li:nth-of-type(3) p:nth-of-type(1){background-image:url(/en_cde/_res/img/main/ico-status03.png);}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul li p:nth-of-type(1){padding:58px 0 10px;}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul li p:nth-of-type(1) span:nth-of-type(1){font-family:'GmarketSansMedium';font-size:35px;line-height:40px;font-weight:600;}
.main-content-box02 .main-mini-wrap .main-mini-box01 ul li p:nth-of-type(1) span:nth-of-type(2){font-size:18px;line-height:23px;font-weight:500;}
.main-content-box02 .main-mini-wrap .main-mini-box02{padding:60px 25% 65px 0;text-align:right;box-sizing:border-box;}
.main-content-box02 .main-mini-wrap .main-mini-box02:after{content:'';display:block;position:absolute;bottom:0;right:-8%;width:398px;max-width:53%;height:331px;background:url(/en_cde/_res/img/main/img-main-con02.png) no-repeat center bottom 20px/100%;}
.main-content-box02 .main-mini-wrap .main-mini-box02 .sub-title{padding:0 0 5px;font-size:20px;line-height:25px;font-weight:700;color:rgba(255,255,255,.4);}
.main-content-box02 .main-mini-wrap .main-mini-box02 .main-title{padding:0 0 60px;font-size:36px;line-height:41px;font-weight:700;color:#fff;}
.main-content-box02 .main-mini-wrap .main-mini-box02 a{display:inline-block;padding:12px 45px 12px 15px;min-width:170px;background:url(/en_cde/_res/img/main/ico-viewmore02-w.png) no-repeat right 15px center;border:1px solid #fff;font-size:14px;color:#fff;box-sizing:border-box;text-align:left;}
.main-content-box02 .main-mini-wrap .main-mini-box02 a:hover{background-color:#fff;background-image:url(/en_cde/_res/img/main/ico-viewmore02-g.png);color:#2ab8bc;font-weight:500;}
.main-content-box02 .main-mini-wrap .main-mini-box02 a span{display:inline-block;-webkit-transform:scaleY(0.95);-moz-transform:scaleY(0.95);-ms-transform:scaleY(0.95);-o-transform:scaleY(0.95);transform:scaleY(0.95);}

/* main content 03 */
.main-content-box03{background:url(/en_cde/_res/img/main/bg-main-con03.gif) no-repeat center center/cover;}
.main-content-box03 .main-mini-wrap > div{display:inline-block;vertical-align:top;}
.main-content-box03 .main-mini-wrap .title-box{padding:98px 155px 68px 0;}
.main-content-box03 .main-mini-wrap .title-box h3:after{content:'';display:block;position:absolute;top:0;left:105%;width:93px;height:60px;background:url(/en_cde/_res/img/main/ico-live.png) no-repeat center center/100%;}
.main-content-box03 .main-mini-wrap .title-box .hash-tag{padding:0 0 25px;}
.main-content-box03 .main-mini-wrap .title-box .hash-tag > a{display:inline-block;margin:0 10px 0 0;font-size:24px;line-height:32px;color:#cccccc;}
.main-content-box03 .main-mini-wrap .title-box .hash-tag > a:last-of-type{margin:0;}
.main-content-box03 .main-mini-wrap .title-box .sns-box > a{display:inline-block;margin:0 6px 0 0;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;background-size:100%;}
.main-content-box03 .main-mini-wrap .title-box .sns-box > a:last-of-type{margin:0;}
.main-content-box03 .main-mini-wrap .title-box .sns-box > a.fb{background-image:url(/en_cde/_res/img/main/ico-main-sns-fb.png);}
.main-content-box03 .main-mini-wrap .title-box .sns-box > a.ig{background-image:url(/en_cde/_res/img/main/ico-main-sns-ig.png);}
.main-content-box03 .main-mini-wrap .title-box .sns-box > a.bg{background-image:url(/en_cde/_res/img/main/ico-main-sns-bg.png);}
.main-content-box03 .main-mini-wrap .title-box .sns-box > a.yt{background-image:url(/en_cde/_res/img/main/ico-main-sns-yt.png);}
.main-content-box03 .main-mini-wrap .main-mini-box{width:calc(100% - 462px);}
.main-content-box03 .main-mini-wrap .main-sns-swiper{padding:98px 0 68px;}
.main-content-box03 .main-mini-wrap .main-sns-swiper .swiper-slide{padding:20px 15px;background:#fff;border-radius:10px;transition:transform .2s;box-sizing:border-box;}
.main-content-box03 .main-mini-wrap .swiper-sns-pagination{display:block;padding:0 0 40px;text-align:center;}
.main-content-box03 .main-mini-wrap .swiper-sns-pagination span{margin:0 10px 0 0;width:10px;height:10px;background:#999999;opacity:1;}
.main-content-box03 .main-mini-wrap .swiper-sns-pagination .swiper-pagination-bullet-active{background:#f3cb03;}
.main-content-box03 .main-mini-wrap .sns-card-box{display:block;}
.main-content-box03 .main-mini-wrap .sns-card-box .sns-name{position:relative;padding:0 0 28px 40px;line-height:24px;}
.main-content-box03 .main-mini-wrap .sns-card-box .sns-name:before{content:'';display:block;position:absolute;top:-3px;left:0;width:30px;height:30px;background-repeat:no-repeat;background-position:left center;background-size:100%;}
.main-content-box03 .main-mini-wrap .sns-card-box .sns-title{padding:0 0 20px;height:26px;font-size:18px;line-height:26px;color:#111111;font-weight:500;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main-content-box03 .main-mini-wrap .sns-card-box .sns-desc{display:-webkit-box;margin:0 0 25px;height:44px;font-size:14px;line-height:22px;color:#777777;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.main-content-box03 .main-mini-wrap .sns-card-box .sns-img-box{height:194px;}
.main-content-box03 .main-mini-wrap .sns-card-box .sns-img-box > img{width:100%;height:100%;object-fit:cover;}
.main-content-box03 .main-mini-wrap .sns-card-box.fb .sns-name{color:#29659b;}
.main-content-box03 .main-mini-wrap .sns-card-box.fb .sns-name:before{background-image:url(/en_cde/_res/img/main/ico-main-sns-fb.png);}
.main-content-box03 .main-mini-wrap .sns-card-box.ig .sns-name{color:#f1316d;}
.main-content-box03 .main-mini-wrap .sns-card-box.ig .sns-name:before{background-image:url(/en_cde/_res/img/main/ico-main-sns-ig.png);}
.main-content-box03 .main-mini-wrap .sns-card-box.bg .sns-name{color:#249900;}
.main-content-box03 .main-mini-wrap .sns-card-box.bg .sns-name:before{background-image:url(/en_cde/_res/img/main/ico-main-sns-bg.png);}
.main-content-box03 .main-mini-wrap .sns-card-box.yt .sns-name{color:#ee0000;}
.main-content-box03 .main-mini-wrap .sns-card-box.yt .sns-name:before{background-image:url(/en_cde/_res/img/main/ico-main-sns-yt.png);}

@media screen and (min-width: 1025px) { /* 모바일에서 hover 효과 삭제를 위해 미디어쿼리 처리 */
	.main-content-box03 .main-mini-wrap .main-sns-swiper .swiper-slide:hover{transform:translateY(-10%);-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);}
}

/* main content 04 */
.main-content-box04{background:url(/en_cde/_res/img/main/bg-main-con04.gif) no-repeat center center/cover;}
.main-content-box04 .main-mini-wrap{display:table;padding:100px 0;width:100%;table-layout:fixed;}
.main-content-box04 .main-mini-wrap > div{display:table-cell;vertical-align:middle;}
.main-content-box04 .main-mini-wrap .title-box{width:400px;}
.main-content-box04 .main-mini-wrap .title-box .sub-title{font-size:20px;line-height:28px;color:#fff;}
.main-content-box04 .main-mini-wrap .title-box h3:after{content:'';display:block;position:absolute;top:-20px;left:96%;width:61px;height:44px;background:url(/en_cde/_res/img/main/ico-start.png) no-repeat center center/100%;}
.main-content-box04 .main-mini-wrap .privacy-check-box{padding:0 0 20px;}
.main-content-box04 .main-mini-wrap .privacy-check-box label a:link{text-decoration:underline;}
.main-content-box04 .main-mini-wrap .privacy-check-box input[type="checkbox"]{display:none;}
.main-content-box04 .main-mini-wrap .privacy-check-box input[type="checkbox"] + label{display:inline-block;position:relative;padding:0 0 0 34px;color:#fff;line-height:23px;vertical-align:middle;cursor:pointer;}
.main-content-box04 .main-mini-wrap .privacy-check-box input[type="checkbox"] + label:before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:20px;height:20px;background:#fff;border:1px solid #959595;box-sizing:border-box;transform:translateY(-50%);}
.main-content-box04 .main-mini-wrap .privacy-check-box input[type="checkbox"]:checked + label:before{background:#fff url(/board/_res/img/board/ico-check01.png) no-repeat 50% 50%/12px;}
.main-content-box04 .main-mini-wrap .subs-form{ /* max-width:780px;border:1px solid #16623e; */ border-radius:5px;}
.main-content-box04 .main-mini-wrap .subs-form input{margin:0 -5px 0 0;padding:10px;width:calc(100% - 176px);height:60px;font-size:30px;background:#fff;border-radius:5px 0 0 5px;box-sizing:border-box;vertical-align:middle;}
.main-content-box04 .main-mini-wrap .subs-form .btn-sub{display:inline-block;padding:12px 51px 18px;width:100%;max-width:500px;background:#279094;font-size:22px;line-height:30px;color:#fff;font-weight:500;letter-spacing:-1.5px;vertical-align:middle;text-align:center;box-sizing:border-box;}

/* 로그인 페이지 (메인 사이트와 폰트가 달라서 깨지는 문제 임시 해결 */
body.login{letter-spacing:-1px;}

/* 서브비주얼 */
.sub-visual-box{margin:0 auto;padding:131px 0;background:url(/en_cde/_res/img/common/img-sub-vi01.jpg) no-repeat center center/cover;text-align:center;}
.sub-visual-box .sub-visual-title .txt01{padding:0 0 10px;font-size:28px;line-height:36px;font-weight:500;color:rgba(255,255,255,0.5);}
.sub-visual-box .sub-visual-title h3{font-size:52px;line-height:60px;color:#fff;}

.sub-visual-wrap01 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi01.jpg);}
.sub-visual-wrap02 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi02.jpg);}
.sub-visual-wrap03 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi03.jpg);}
.sub-visual-wrap04 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi04.jpg);}
.sub-visual-wrap05 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi05.jpg);}

/* 상단 네비게이션 */
.path-wrap{position:relative;background:#00498a;}
.path-box{position:relative;z-index:20;margin:0 auto;max-width:1400px;}
.path-box:before{content:'';display:block;position:absolute;top:0;right:100%;width:100%;height:100%;background:#f5d200;}
.path-box:after{content:'';display:block;clear:both;}
.path-home{float:left;display:block;padding:33px 33px 33px;border-left:1px solid #d3b400;background:#f5d200 url(/en_cde/_res/img/common/ico-home.png) no-repeat center center;box-sizing:border-box;}
.path-depth-wrap{float:left;background-color:#00498a;border-right:none;box-sizing:border-box;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;min-width:372px;border-right:1px solid #0057a4;}
.path-depth-wrap > ul > li > .path-selected{display:block;padding:21px 61px 21px 40px;background:url(/en_cde/_res/img/common/ico-path-open.png) no-repeat right 40px center;font-size:18px;line-height:24px;color:#fff;font-weight:400;}
.path-depth-wrap > ul > li.active > .path-selected{background-image:url(/en_cde/_res/img/common/ico-path-close.png);}
.path-depth-wrap > ul > li > .path-depth{display:none;position:absolute;top:100%;left:0;z-index:20;width:calc(100% + 2px);max-height:275px;background:#fff;border:1px solid #00498a;border-top:0;box-sizing:border-box;overflow:auto;}
.path-depth-wrap > ul > li > .path-depth > li{border-bottom:1px solid #dddddd;}
.path-depth-wrap > ul > li > .path-depth > li:last-of-type{border:none;}
.path-depth-wrap > ul > li > .path-depth > li > a{display:block;padding:15px 40px;font-size:18px;line-height:24px;color:#777777;}
.path-depth-wrap > ul > li > .path-depth > li > a:hover{font-weight:500;}
.path-depth-wrap > ul > li > .path-depth > li.active > a{position:relative;font-weight:500;color:#013775;}

/* 타이틀 */
.page-title{padding:0 0 60px;text-align:center;}
.page-title h3{font-size:40px;line-height:48px;color:#111111;}
.page-title p{padding:10px 0 0;line-height:24px;color:#777777;}

/* 탭 */
.tab-box{padding:0 0 60px 0;}
.tab-ul01{display:table;width:100%;text-align:center;}
.tab-ul01 li{display:table-cell;width:100px;}
.tab-ul01 li a{display:block;padding:17px 5px;border-right:0;background:#f4f6f7;line-height:24px;font-weight:500;color:#333;}
.tab-ul01 li a.active{background:#00498a;color:#fff;}

/* 공통 */
.img-con-box > div{display:table;margin:0 0 60px;padding:0 0 60px;width:100%;border-bottom:1px solid #dddddd;table-layout:fixed;}
.img-con-box > div:last-of-type{margin-bottom:0;}
.img-con-box > div > div{display:table-cell;vertical-align:middle;}
.img-con-box > div > div h4{padding:0 0 55px;font-size:25px;line-height:33px;}
.img-con-box > div > div ul li{position:relative;padding:0 0 5px 18px;line-height:24px;}
.img-con-box > div > div ul li:before{content:'';display:block;position:absolute;top:8px;left:0;width:10px;height:10px;border:3px solid #00498a;border-radius:50%;box-sizing:border-box;}
.img-con-box > div > div ul li span{font-weight:500;color:#000;}
.img-con-box > div .left-box{padding:0 57px 0 0;width:335px;}
.img-con-box > div .left-box > img{width:100%;}

/* 센터소개 > 인사말 */
.greetings-box{padding: 0 0 140px;background:url(/en_cde/_res/img/center/img-greetings.gif) no-repeat left top/58%;}
.greetings-box .g-txt-box{position:relative;top:140px;left:45%;padding:50px;width:55%;background:#fff;box-sizing:border-box;}

/* 센터 소개 > 비전 */
.vision-box .vi-con{position:relative;margin:0 0 70px;padding:0 0 0 140px;}
.vision-box .vi-con:last-of-type{margin:0;}
.vision-box .vi-con:before{content:'';display:block;position:absolute;top:50%;left:0;width:110px;height:110px;background-color:#ebebeb;background-repeat:no-repeat;background-position:center center;border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.vision-box .vi-con:nth-of-type(1):before{background-image:url(/en_cde/_res/img/center/ico-vision01.png);}
.vision-box .vi-con:nth-of-type(2):before{background-image:url(/en_cde/_res/img/center/ico-vision02.png);}
.vision-box .vi-con:nth-of-type(3):before{background-image:url(/en_cde/_res/img/center/ico-vision03.png);}
.vision-box .vi-tit h4{display:inline-block;position:relative;padding:20px 0 15px;font-family:'GmarketSansMedium';font-size:32px;line-height:40px;vertical-align:middle;font-weight:600;}
.vision-box .vi-tit h4:after{content:'';display:block;position:absolute;top:0;left:0;width:42px;height:4px;background:#f5d200;}
.vision-box .vi-tit p{display:inline-block;padding:7px 0 0 5px;line-height:24px;color:#777777;vertical-align:middle;}

/* 센터 소개 > 연혁 */
.history-box{display:table;width:100%;table-layout:fixed;}
.history-box > div{display:table-cell;width:50%;vertical-align:top;}
.history-box .history-intro{padding:105px 0 0 65px;}
.history-box .history-intro p{position:relative;font-family:'GmarketSansMedium';font-weight:600;}
.history-box .history-intro p:nth-of-type(1){padding:0 0 5px;font-size:20px;line-height:24px;color:#6cb4f4;}
.history-box .history-intro p:nth-of-type(2){display:inline-block;font-size:36px;line-height:52px;}
.history-box .history-intro p:nth-of-type(2):before{content:'';display:block;position:absolute;top:-60px;left:-65px;width:53px;height:46px;background:url(/en_cde/_res/img/center/ico-quotes01.png) no-repeat center center/100%;}
.history-box .history-intro p:nth-of-type(2):after{content:'';display:block;position:absolute;top:calc(100% - 30px);right:-65px;width:53px;height:46px;background:url(/en_cde/_res/img/center/ico-quotes02.png) no-repeat center center/100%;}
.history-box .history-intro p span{display:block;}
.history-box .history-content{position:relative;padding:40px 0 0 95px;border-left:1px solid #ddd;}
.history-box .history-content:before{content:'';display:block;position:absolute;top:0;left:-4px;width:7px;height:7px;background:#dddddd;border-radius:50%;}
.history-box .history-content:after{content:'';display:block;position:absolute;bottom:0;left:-4px;width:7px;height:7px;background:#dddddd;border-radius:50%;}
.history-box .history-content > div{position:relative;padding:0 0 60px;}
.history-box .history-content > div:before{content:'';display:block;position:absolute;top:8px;left:-105px;z-index:10;width:21px;height:21px;background:url(/en_cde/_res/img/center/ico-dot.png) no-repeat center center/100%;}
.history-box .history-content > div:after{content:'';display:block;position:absolute;top:18px;left:-85px;width:75px;height:1px;background:#064d8d;}
.history-box .history-content > div > p{padding:0 0 14px;font-family:'GmarketSansMedium';font-size:40px;line-height:1;color:#064d8d;font-weight:600;}
.history-box .history-content > div > ul > li{display:table;padding:0 0 20px;width:100%;table-layout:fixed;}
.history-box .history-content > div > ul > li:last-of-type{padding:0;}
.history-box .history-content > div > ul > li > p{display:table-cell;width:60px;vertical-align:top;font-weight:500;font-size:20px;line-height:24px;}
.history-box .history-content > div > ul > li > ul{display:table-cell;vertical-align:top;}
.history-box .history-content > div > ul > li > ul > li{position:relative;padding:0 0 5px 7px;line-height:24px;}
.history-box .history-content > div > ul > li > ul > li:before{content:'';display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:#333;}
.history-box .history-content > div > ul > li > ul > li:last-of-type{padding-bottom:0;}

/* 센터 소개 > 조직도 */
.organ-box{padding:0 0 50px;}
.organ-box .organ-top-box{position:relative;margin: 0 auto 70px;padding:21px 0;width:312px;background:#02325d;font-weight:500;font-size:24px;color:#fff;text-align:center;border-radius:5px;}
.organ-box .organ-top-box:before{content:'';position:absolute;top:87%;left:50%;width:21px;height:21px;border:4px solid #fff;background:#02325d;border-radius:50%;box-sizing:border-box;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.organ-box .organ-top-box:after{content:'';position:absolute;top:109%;left:50%;width:1px;height:74px;background:#dddddd;}
.organ-box .organ-bottom-box{position:relative;width:100%;display:inline-block;text-align:center;vertical-align:top;}
.organ-box .organ-bottom-box .part{display:inline-block;position:relative;margin:38px 75px 0;padding:18px 0;width:calc(50% - 5px);max-width:312px;background:#1a9692;border-radius:5px;font-size:24px;color:#fff;}
.organ-box .organ-bottom-box .part-top{display:block;margin: 0 auto 70px;padding:21px 0;width:312px;border:0;background:#00498a;font-size:24px;color:#fff;}
.organ-box .organ-bottom-box .part-top:after{content:'';display:block;position:absolute;top:100%;left:50%;width:1px;height:71px;background:#dddddd;}
.organ-box .organ-bottom-box .organ-part-box:before{content:'';display:block;margin:0 auto;width:33.3%;height:1px;background-color:#dddddd;}
.organ-box .organ-bottom-box .organ-part-box .part:after{content:'';position:absolute;top:-39px;left:50%;width:1px;height:39px;background:#dddddd;}
.organ-box .organ-bottom-box .organ-part-box .part > a{display:block;width:100%;height:100%;}

/* 센터소개 > 규정 및 지침 */ 
.rule-box h4{padding:0 0 35px;font-size:25px;line-height:30px;font-weight:600;text-align:center;}
.rule-box h5{padding:0 0 30px;font-size:20px;line-height:25px;font-weight:500;}
.jwxe_a_print{position:relative;}

/* 센터소개 > 오시는길 */ 
.location-box{display:table;table-layout:fixed;width:100%;}
.location-box > div{display:table-cell;width:50%;vertical-align:top;}
.location-box .info-box{padding:0 40px 0 0;box-sizing:border-box;}
.location-box .info-box .sub-title{padding:0 0 10px;font-family:'GmarketSansMedium';font-size:16px;line-height:21px;font-weight:600;color:#f5d200;}
.location-box .info-box h4{padding:0 0 40px;font-size:30px;line-height:38px;font-weight:600;}
.location-box .info-box h5{padding:0 0 10px;font-family:'GmarketSansMedium';font-size:15px;line-height:20px;font-weight:600;}
.location-box .map-box > div{width:100% !important;}

/* 원격수업/공개강좌 > 소개 */
.intro-box01{position:relative;padding:30px 50px;border:3px solid #cacaca;border-radius:0 40px;}
.intro-box01:before{content:'';display:block;position:absolute;top:-3px;left:-4px;width:30px;height:30px;background:#fff url(/jjremote/_res/img/common/ico-dots-left.png) no-repeat left center;}
.intro-box01:after{content:'';display:block;position:absolute;bottom:-3px;right:-5px;width:30px;height:30px;background:#fff url(/jjremote/_res/img/common/ico-dots-right.png) no-repeat right center;}
.chart-area:after{content:'';display:block;clear:both;}
.chart{float:left;padding:0 30px 0 0;width:60%;box-sizing:border-box;}
.chart text{font-family:'Noto Sans KR', san-serif !important;}
.chart-table{float:left;width:40%;}

/* 원격교수 학습지원 */
.intro-box02 > div{display:table;width:100%;table-layout:fixed;}
.intro-box02 > div > div{display:table-cell;vertical-align:top;}
.intro-box02 > div > div > img{width:100%;}
.intro-box02 > div > div > div{margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #ccc;}
.intro-box02 > div > div > div:last-of-type{margin:0;padding:0;border-bottom:0;}
.intro-box02 > div > div > div p{line-height:26px;}
.intro-box02 > div .left-box{position:relative;}
.intro-box02 > div .left-box:before{content:'';display:block;position:absolute;top:30px;right:-20px;width:100%;height:368px;z-index:-10;background:#e7ecf7;}
.intro-box02 > div .right-box{padding:23px 0 0 70px;}
.intro-box02 .bg-box02 ul li{font-size:14px;}

/* 인프라 행정지원 > 보유 시설 및 기자재 > 보유시설 */
.con-list-box > ul{display:table;width:100%;border:1px solid #ddd;table-layout:fixed;}
.con-list-box > ul > li{display:table-cell;width:50%;border-right:1px solid #ddd;vertical-align:top;box-sizing:border-box;}
.con-list-box > ul > li:last-of-type{border:0;}
.con-list-box > ul > li > ul > li{padding:23px 40px;border-bottom:1px solid #ddd;line-height:24px;}
.con-list-box > ul > li > ul > li:last-of-type{border:0;}

/* 인프라 행정지원 > 보유 시설 및 기자재 > 기자재 */
.step-box{padding:0 0 60px;}
.step-box ul:after{content:'';display:block;clear:both;}
.step-box ul li{position:relative;float:left;margin:0 60px 0 0;padding:17px 10px;width:calc(20% - 48px);min-height:170px;border:3px solid #5dbe1d;box-sizing:border-box;border-radius:10px;text-align:center;}
.step-box ul li:after{content:'';display:block;position:absolute;top:50%;left:100%;width:42px;height:16px;background-repeat:no-repeat;background-position:center center;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.step-box ul li:last-of-type{margin:0;}
.step-box ul li:last-of-type:after{display:none;}
.step-box ul li p:nth-of-type(1){padding:0 0 10px;font-size:14px;line-height:22px;font-weight:600;}
.step-box ul li p:nth-of-type(2){line-height:24px;}
.step-box ul li:nth-of-type(1){border-color:#5dbe1d;}
.step-box ul li:nth-of-type(1) p:nth-of-type(1){color:#aede8e;}
.step-box ul li:nth-of-type(1):after{background-image:url(/en_cde/_res/img/infra/ico-step-arr01.gif);}
.step-box ul li:nth-of-type(2){border-color:#31b487;}
.step-box ul li:nth-of-type(2) p:nth-of-type(1){color:#98d9c3;}
.step-box ul li:nth-of-type(2):after{background-image:url(/en_cde/_res/img/infra/ico-step-arr02.gif);}
.step-box ul li:nth-of-type(3){border-color:#26bfbd;}
.step-box ul li:nth-of-type(3) p:nth-of-type(1){color:#92dfde;} 
.step-box ul li:nth-of-type(3):after{background-image:url(/en_cde/_res/img/infra/ico-step-arr03.gif);}
.step-box ul li:nth-of-type(4){border-color:#1692cc;}
.step-box ul li:nth-of-type(4) p:nth-of-type(1){color:#8ac8e5;} 
.step-box ul li:nth-of-type(4):after{background-image:url(/en_cde/_res/img/infra/ico-step-arr04.gif);}
.step-box ul li:nth-of-type(5){border-color:#165bcc;}
.step-box ul li:nth-of-type(5) p:nth-of-type(1){color:#8aade5;}  

/* 서브 페이지 사이트맵 */
.sitemap-page-wrap .sitemap-page-box > ul > li{padding:0 0 90px;}
.sitemap-page-wrap .sitemap-page-box > ul > li:last-of-type{padding:0;}
.sitemap-page-wrap .sitemap-page-box > ul > li:after{content:'';display:block;clear:both;}
.sitemap-page-wrap .sitemap-page-box > ul > li > a{float:left;padding: 25px 20px 0 0;width:25%;border-top:3px solid #f5d200;font-size:22px;line-height:30px;color:#000;font-weight:600;box-sizing:border-box;}
.sitemap-page-wrap .sitemap-page-box > ul > li > ul{float: right;padding:30px 0 0;width:75%;border-top: 3px solid #00498a;}
.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li{float:left;padding:0 10px 0 0;width:25%;box-sizing:border-box;}
.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li:nth-of-type(n + 5){padding-top:10px;}
.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li > a{display:inline-block;position:relative;padding:0 0 0 10px;color:#0a0809;line-height:21px;}
.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li > a:before{content:'';display:block;position:absolute;top:11px;left:0;width:2px;height:2px;background:#000;border-radius:50%;}
.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li > a:hover,
.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li.active > a{font-weight:500;}
.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li > a:hover:after,
.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li.active > a:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;}
.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li > ul{display:none;}

/* 개인정보처리방침 */
.privacy-box h2{padding:0 0 20px;}
.privacy-box p.bu{padding:20px 0 10px;font-size:18px;line-height:23px;font-weight:500;}
.privacy-box .table-wrap{margin:10px 0;}

/* 개인정보처리방침 팝업 */
.window-popup-wrap .title-box{padding:25px 35px;border-bottom:1px solid #d8d8d8;}
.window-popup-wrap .title-box .pop-title-box{position:relative;padding:0 40px 0 0;}
.window-popup-wrap .title-box .pop-title-box:after{content:'';display:block;clear:both;}
.window-popup-wrap .title-box .pop-title-box h1{float:left;font-size:30px;line-height:38px;color:#333;font-weight:500;}
.window-popup-wrap .title-box .pop-title-box .btn-close-pop{display:inline-block;float:right;position:absolute;top:50%;right:0;width:32px;height:32px;background:url(/en_cde/_res/img/common/btn-window-pop-close.png) no-repeat center center/100%;transform:translateY(-50%);}
.window-popup-wrap .contents-box .privacy-box{padding:35px;}

@media screen and (max-width: 1600px) {
	/* main content 02 */
	.main-content-box02 .main-mini-wrap .main-mini-box02:after{right:0;max-width:45%;background-position:center center;}
}
@media screen and (max-width: 1400px) {
	/* bottom header */
	.gnb > ul > li > a{padding:20px 15px 20px 0;max-width:170px;font-size:16px;}	

	/* quick menu */
	.main-quick-box{width:90px;}
	.main-quick-box > p{padding:10px;font-size:17px;line-height:22px;}
	.main-quick-box ul li a{padding:45px 10px 10px;background-position:center top 10px;font-size:14px;background-size:28px;}
	.main-quick-box .btn-top{font-size:17px;line-height:22px;}
}

@media screen and (max-width: 1024.98px) {
	/* common */
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}

	/* layout */
	.wrap{min-width:auto;}
	.bottom-header-wrap{border-bottom:0;}
	.top-footer-wrap{border-bottom:0;}
	.sub-content-wrap{padding:30px 10px 50px;}

	/* top header */
	.top-header-box{display:none;}

	/* bottom header */
	.bottom-header-box{padding:0 10px;}
	.bottom-header-box .logo{padding:10px 0;width:125px;}
	.bottom-header-box .gnb-wrap .gnb{display:none;}

	/* util menu */
	.util-wrap .sch{padding:0 15px 0 0;}
	.util-wrap .sch > .btn-sch{padding:0;border:0;border-radius:0;}
	.util-wrap .sch .btn-sch > input{display:none;}
	.util-wrap .sch .btn-sch .btn-open-sch{width:22px;height:21px;background-image:url(/en_cde/_res/img/common/ico-sch-m.png);}
	.util-wrap .js-popup .btn-close{position:absolute;top:20px;right:15px;width:20px;height:19px;background-image:url(/en_cde/_res/img/common/btn-m-menu-close.png);}

	/* popup search */ 
	.sch-wrap{padding:20px 10px;}
	.sch-wrap .sch-box{padding:100px 0 0;}
	.sch-wrap .sch-box fieldset{padding:0 0 10px;border-width:1px;}
	.sch-wrap .sch-box fieldset input{width:calc(100% - 25px);font-size:18px;}	
	.sch-wrap .sch-box fieldset .btn-sch{width:20px;height:19px;}	
	.sch-wrap .sch-box .recommend-keywords{padding:20px 0 0;max-width:80%;}
	.sch-wrap .sch-box .recommend-keywords a{margin:2px;font-size:15px;}	

	/* sub gnb */
	body:not(.main) .util-wrap .sch .btn-sch .btn-open-sch{background-image:url(/en_cde/_res/img/common/ico-sch-sub-m.png);}

	/* popup sitemap */ 
	.sitemap-wrap{padding:0;background:#fff;}
	.sitemap-wrap .login-box{display:block;background:#df9b08;}
	.sitemap-wrap .login-box ul{padding:18px 10px;}
	.sitemap-wrap .login-box ul li a{color:#fff;}
	.sitemap-wrap .login-box ul li.login .btn-login{display:inline-block;padding:0 20px 0 0;background:url(/en_cde/_res/img/common/ico-login.png) no-repeat center right/14px;font-size:12px;}
	.sitemap-wrap .login-box ul li.logout .user{display:inline-block;position:relative;margin:0 10px 0 0;padding:0 10px 0 22px;background:url(/en_cde/_res/img/common/ico-user.png) no-repeat center left/16px;font-size:14px;color:#fff;}
	.sitemap-wrap .login-box ul li.logout .user:after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;background:rgba(255,255,255,.3);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.sitemap-wrap .login-box ul li.logout .user span{font-weight:500;}
	.sitemap-wrap .login-box ul li.logout .btn-logout{display:inline-block;padding:0 20px 0 0;background:url(/en_cde/_res/img/common/ico-logout.png) no-repeat center right/14px;font-size:12px;}
	.sitemap-wrap .sitemap-box{position:relative;}
	.sitemap-wrap .sitemap-box > ul{width:38%;min-height:calc(100vh - 61px);background:#00203d;}
	.sitemap-wrap .sitemap-box > ul > li.active > a{background:#fff;color:#222;} /* 임시 */
	.sitemap-wrap .sitemap-box > ul > li > a{display:block;padding:15px 10px;font-size:15px;color:#fff;font-weight:500;}
	.sitemap-wrap .sitemap-box > ul > li > ul{display:none;position:absolute;top:0;left:38%;padding:0 15px;width:62%;box-sizing:border-box;}
	.sitemap-wrap .sitemap-box > ul > li.active > ul{display:block;} /* 임시 */
	.sitemap-wrap .sitemap-box > ul > li > ul > li{border-bottom:1px solid #ccc;}
	.sitemap-wrap .sitemap-box > ul > li > ul > li > a{display:block;padding:15px 10px;font-size:14px;font-weight:500;}
	.sitemap-wrap .sitemap-box > ul > li > ul > li.active > a{color:#004a8b;}
	.sitemap-wrap .sitemap-box > ul > li > ul > li > ul{display:none;}

	/* footer */
	.top-footer-box > div{float:none;}
	.top-footer-box .footer-util-box{padding:5px 45px 5px 0;width:auto;}
	body.main .top-footer-box .footer-util-box{padding-right:0;}
	.top-footer-box .footer-util-box ul{text-align:center;}
	.top-footer-box .footer-util-box ul:after{content:'';display:block;clear:both;}
	.top-footer-box .footer-util-box ul li{display:block;float:left;margin:0;padding:5px;width:33.3333%;box-sizing:border-box;}
	.top-footer-box .footer-util-box ul li:last-of-type{padding:5px;}
	.top-footer-box .footer-util-box ul li:after{display:none;}
	.top-footer-box .footer-util-box ul li a{font-size:14px;line-height:20px;}
	.top-footer-box .related-site-wrap{width:auto;}
	.top-footer-box .related-site-wrap .related-site-title{padding:10px 30px 10px 15px;background-position:right 15px center;background-size:12px;font-size:14px;line-height:20px;}
	.top-footer-box .related-site-wrap .related-site{padding:10px 15px;}
	.top-footer-box .related-site-wrap .related-site li{padding:0 0 3px;}
	.top-footer-box .related-site-wrap .related-site li a{font-size:14px;line-height:20px;}
	.top-footer-box .btn-top{top:0;right:0;width:40px;height:40px;background-size:15px;}

	.bottom-footer-box{display:block;padding:15px 10px;width:auto;table-layout:unset;}
	.bottom-footer-box > div{display:block;}
	.bottom-footer-box .footer-inner-box{width:100%;}
	.bottom-footer-box .footer-inner-box > div{display:block;}
	.bottom-footer-box .footer-inner-box .footer-logo-box{display:none;}
	.bottom-footer-box .footer-inner-box .footer-info-box{padding:0 0 15px;width:100%;text-align:center;}
	.bottom-footer-box .footer-inner-box .footer-info-box p{padding:0 0 3px;font-size:14px;line-height:22px}
	.bottom-footer-box .footer-inner-box .footer-info-box ul{padding:0 0 3px;}
	.bottom-footer-box .footer-inner-box .footer-info-box ul li{margin:0 6px 0 0;padding:0 10px 0 0;font-size:14px;line-height:20px;}
	.bottom-footer-box .footer-contact-box{text-align:center;}
	.bottom-footer-box .footer-contact-box > div{display:block;}
	.bottom-footer-box .footer-contact-box .footer-tel-box{padding:0 0 15px;width:auto;text-align:left;overflow:hidden;}
	.bottom-footer-box .footer-contact-box .footer-tel-box:before{display:none;}
	.bottom-footer-box .footer-contact-box .footer-tel-box:after{display:none;}
	.bottom-footer-box .footer-contact-box .footer-tel-box > div{float:left;width:50%;box-sizing:border-box;}
	.bottom-footer-box .footer-contact-box .footer-tel-box div:nth-of-type(1){padding:0 10px 0 0;border-right:1px solid rgba(255,255,255,0.3);}
	.bottom-footer-box .footer-contact-box .footer-tel-box div:nth-of-type(2){padding:0 0 0 10px;}
	.bottom-footer-box .footer-contact-box .footer-tel-box:before{display:none;}
	.bottom-footer-box .footer-contact-box .footer-tel-box:after{height:45px;}
	.bottom-footer-box .footer-contact-box .footer-tel-box p:nth-of-type(1){font-size:14px;line-height:20px;}
	.bottom-footer-box .footer-contact-box .footer-tel-box p:nth-of-type(2){font-size:15px;line-height:21px;}
	.bottom-footer-box .footer-contact-box .footer-sns-box{padding:0;width:auto;text-align:center;}
	.bottom-footer-box .footer-contact-box .footer-sns-box ul{display:inline-block;}
	.bottom-footer-box .footer-contact-box .footer-sns-box ul li a{width:30px;height:30px;}

	/* main visual */
	.main-visual-box{padding:100px 0 0;height:auto;}
	.main-visual-box:after{display:none;}
	.main-visual-box .swiper-container{}
	.main-visual-box .swiper-container .swiper-slide .main-vi-box{width:auto;}
	.main-visual-box .swiper-container .swiper-slide .vi-img-box{float:none;width:auto;}
	.main-visual-box .swiper-container .swiper-slide .vi-txt-box{padding:0 10px 30px;float:none;width:auto;}
	.main-visual-box .swiper-container .swiper-slide .vi-txt-box .title{padding:0 0 25px;}
	.main-visual-box .swiper-container .swiper-slide .vi-txt-box .title a{max-height:76px;font-size:28px;line-height:38px;}
	.main-visual-box .swiper-container .swiper-slide .vi-txt-box .sub-title{padding:0 0 10px;}
	.main-visual-box .swiper-container .swiper-slide .vi-txt-box .sub-title a{padding:2px 8px;font-size:13px;}
	.main-visual-box .swiper-container .swiper-slide .vi-txt-box .desc a{max-height:100px;font-size:14px;line-height:20px;}
	/* .main-visual-box .swiper-container .swiper-slide .vi-img-box .btn-popup:after{width:70px;height:70px;} */
	.main-visual-box .control-wrap{position:relative;top:unset;left:unset;background:#ffd50e;text-align:center;}
	.main-visual-box .control-wrap div:not(.swiper-visual-pagination){width:10px;height:19px;}
	.main-visual-box .control-wrap .swiper-visual-prev{left:0;padding:10px;background-image:url(/en_cde/_res/img/main/btn-main-vi-prev-m.png);background-size:10px;}
	.main-visual-box .control-wrap .swiper-visual-next{right:0;padding:10px;background-image:url(/en_cde/_res/img/main/btn-main-vi-next-m.png);background-size:10px;}
	.main-visual-box .control-wrap .swiper-visual-pagination{display:block;padding:15px 0;}
	.main-visual-box .control-wrap .swiper-visual-pagination span{color:#00498a;}
	.main-visual-box .control-wrap .swiper-visual-pagination .swiper-pagination-current{font-weight:500;}

	/* quick menu */
	.main-quick-wrap{display:none;}

	/* main content */
	.main-content-box .title-box{padding:0;}
	.main-content-box .title-box h3{display:block;padding:0 0 10px;font-size:25px;line-height:30px;}

	/* main content 01 */
	.main-content-box01{padding:30px 0;}
	.main-content-box01 .main-title{padding:0 0 10px;font-size:22px;line-height:27px;}
	.main-content-box01 .no-post{padding:10px 0;font-size:14px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1){padding:0 10px 30px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) > div{float:none;margin:0 0 20px;width:auto;}

	/* main content 01 : 공지사항 */
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content > div:nth-of-type(1){padding:10px 0;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-list ul li{padding:10px 0;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-list ul li a .date{width:75px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-title{font-size:15px;line-height:20px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .mini-text{margin:5px 0;height:auto;max-height:38px;font-size:14px;line-height:19px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box01 .mini-board-content .date{font-size:13px;}	

	/* main content 01 : 학사일정 */
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li{padding:10px 0;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .date-box{width:74px;height:74px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .date-box .date{font-size:20px;line-height:25px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .date-box .year-month{font-size:14px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box{padding:0 0 0 15px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box .day{margin:0 0 8px;min-width:65px;font-size:13px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box .mini-title{padding:0 0 2px;font-size:15px;line-height:21px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box02 .mini-board-content ul li .content-box .mini-text{font-size:14px;line-height:20px;}

	/* main content 01 : 메인 링크 */
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03{width:auto;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a{padding:15px 70px 40px 15px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a:before{content:'';display:block;position:absolute;bottom:15px;left:15px;width:30px;height:8px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a:after{content:'';display:block;position:absolute;top:15px;bottom:unset;right:15px;width:50px;height:48px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a .mini-title{padding:0 0 5px;font-size:15px;line-height:20px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .main-mini-box03 ul li a .mini-text{width:auto;font-size:14px;line-height:19px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(1) .btn-more{top:7px;width:18px;height:18px;}

	/* main content 01 : 공개강좌 */
	.main-content-box01 .main-mini-wrap:nth-of-type(2) > div{float:none;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box{padding:0 0 20px;width:auto;text-align:center;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box h3:before{left:unset;right:0;width:55%;height:4px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .sub-title{padding:0 0 15px;font-size:15px;line-height:23px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap .btn-more{margin:0 10px 0 0;padding:8px 30px 8px 12px;min-width:140px;background-position:right 12px center;background-size:20px;font-size:13px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap div:not(.btn-more){width:38px;height:38px;background-size:6px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .title-box .control-wrap .swiper-mini-prev{margin:0;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box{width:auto;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box{min-height:140px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .label-box{padding:5px 10px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .content-box{padding:10px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .content-box .mini-title{padding:0 0 20px;font-size:18px;line-height:23px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .content-box .mini-text .cate{padding:0;font-size:13px;}
	.main-content-box01 .main-mini-wrap:nth-of-type(2) .main-mini-box .lecture-card-box .mini-txt-box .content-box .mini-text .prof{font-size:14px;}

	/* main content 02 */
	.main-content-box02:before,
	.main-content-box02:after{display:none;}
	.main-content-box02 .main-mini-wrap .main-mini-box{float:none;width:auto;}
	.main-content-box02 .main-mini-wrap .main-mini-box01{padding:0 10px;background-color:#72cdaa;}
	.main-content-box02 .main-mini-wrap .main-mini-box01 ul li{float:none;padding:20px 0;width:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,0.3);}
	.main-content-box02 .main-mini-wrap .main-mini-box01 ul li:last-of-type{border-bottom:0;}
	.main-content-box02 .main-mini-wrap .main-mini-box01 ul li p:nth-of-type(1){padding:50px 0 5px;background-size:36px;}
	.main-content-box02 .main-mini-wrap .main-mini-box01 ul li p:nth-of-type(1) span:nth-of-type(1){font-size:25px;line-height:30px;}
	.main-content-box02 .main-mini-wrap .main-mini-box01 ul li p:nth-of-type(1) span:nth-of-type(2){font-size:17px;line-height:22px;}
	.main-content-box02 .main-mini-wrap .main-mini-box01 ul li p:nth-of-type(2){font-size:14px;}
	.main-content-box02 .main-mini-wrap .main-mini-box02{padding:30px 10px;background-color:#28b0b5;text-align:center;width:auto;}
	.main-content-box02 .main-mini-wrap .main-mini-box02:after{display:none;}
	.main-content-box02 .main-mini-wrap .main-mini-box02 .sub-title{font-size:15px;line-height:20px;}
	.main-content-box02 .main-mini-wrap .main-mini-box02 .main-title{padding:0 0 25px;font-size:25px;line-height:30px;}
	.main-content-box02 .main-mini-wrap .main-mini-box02 a{padding:8px 30px 8px 12px;min-width:140px;background-position:right 12px center;background-size:20px;font-size:13px;}

	/* main content 03 */
	.main-content-box03 .main-mini-wrap{padding:30px 0;}
	.main-content-box03 .main-mini-wrap > div{display:block;}
	.main-content-box03 .main-mini-wrap .title-box{padding:0;text-align:center;}
	.main-content-box03 .main-mini-wrap .title-box h3{display:inline-block;}
	.main-content-box03 .main-mini-wrap .title-box h3:after{top:2px;width:35px;height:23px;}
	.main-content-box03 .main-mini-wrap .title-box .hash-tag{padding:0 0 10px;}
	.main-content-box03 .main-mini-wrap .title-box .hash-tag > a{margin:0 3px 0 0;font-size:15px;line-height:23px;}
	.main-content-box03 .main-mini-wrap .title-box .sns-box > a{margin:0 3px 0 0;width:30px;height:30px;}
	.main-content-box03 .main-mini-wrap .main-mini-box{width:100%;}
	.main-content-box03 .main-mini-wrap .main-sns-swiper{padding:30px 0 0;}
	.main-content-box03 .main-mini-wrap .main-sns-swiper .swiper-slide{padding:15px 10px;}
	.main-content-box03 .main-mini-wrap .swiper-sns-pagination{padding:20px 0 0;}
	.main-content-box03 .main-mini-wrap .sns-card-box .sns-name{padding:0 0 15px 35px;font-size:14px;line-height:22px;text-align:left;}
	.main-content-box03 .main-mini-wrap .sns-card-box .sns-name:before{top:0;width:25px;height:25px;}
	.main-content-box03 .main-mini-wrap .sns-card-box .sns-title{padding:0 0 10px;height:23px;font-size:15px;line-height:23px;}
	.main-content-box03 .main-mini-wrap .sns-card-box .sns-desc{margin:0 0 15px;}

	/* main content 04 */
	.main-content-box04 .main-mini-wrap{display:block;padding:30px 10px;box-sizing:border-box;table-layout:unset;}
	.main-content-box04 .main-mini-wrap > div{display:block;}
	.main-content-box04 .main-mini-wrap .main-mini-box{text-align:center;}
	.main-content-box04 .main-mini-wrap .title-box{width:100%;text-align:center;}
	.main-content-box04 .main-mini-wrap .title-box h3{display:inline-block;}
	.main-content-box04 .main-mini-wrap .title-box h3:after{top:-15px;width:40px;height:30px;}
	.main-content-box04 .main-mini-wrap .title-box .sub-title{padding:0 0 15px;font-size:15px;line-height:23px;}
	.main-content-box04 .main-mini-wrap .privacy-check-box input[type="checkbox"] + label{padding:0 0 0 25px;font-size:14px;line-height:22px;}
	.main-content-box04 .main-mini-wrap .privacy-check-box input[type="checkbox"] + label:before{width:18px;height:18px;}
	.main-content-box04 .main-mini-wrap .subs-form{margin:0 auto;max-width:none;}
	.main-content-box04 .main-mini-wrap .subs-form input{width:calc(100% - 67px);height:32px;font-size:14px;line-height:22px;}
	.main-content-box04 .main-mini-wrap .subs-form .btn-sub{padding:5px 10px;font-size:14px;line-height:22px;}

	/* 서브비주얼 */
	.sub-visual-box{padding:50px 0;background-image:url(/en_cde/_res/img/common/img-sub-vi01-m.jpg);}
	.sub-visual-box .sub-visual-title .txt01{padding:0 0 5px;font-size:16px;line-height:24px;}
	.sub-visual-box .sub-visual-title h3{font-size:25px;line-height:33px;}

	.sub-visual-wrap01 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi01-m.jpg);}
	.sub-visual-wrap02 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi02-m.jpg);}
	.sub-visual-wrap03 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi03-m.jpg);}
	.sub-visual-wrap04 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi04-m.jpg);}
	.sub-visual-wrap05 .sub-visual-box{background-image:url(/en_cde/_res/img/common/img-sub-vi05-m.jpg);}

	/* 상단 네비게이션 */
	.path-box{margin:0;}
	.path-box:before{display:none;}
	.path-home{display:none;}
	.path-depth-wrap{float:none;width:100%;}
	.path-depth-wrap > ul > li{position:relative;min-width:auto;width:33.33%;font-size:13px;line-height:18px;box-sizing:border-box;}
	.path-depth-wrap > ul > li > .path-selected{padding:8px 25px 8px 9px;background:url(/en_cde/_res/img/common/ico-path-open-m.png) no-repeat right 10px center;background-size:15px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.path-depth-wrap > ul > li > .path-depth{max-height:215px;}
	.path-depth-wrap > ul > li > .path-depth > li > a{padding:10px;font-size:14px;line-height:22px;}
	.path-depth-wrap > ul > li.active > .path-selected{background:url(/en_cde/_res/img/common/ico-path-close-m.png) no-repeat right 10px center;background-size:15px;}

	/* 타이틀 */
	.page-title{padding:0 0 30px;}
	.page-title h3{font-size:22px;line-height:30px;color:#111111;}
	.page-title p{padding:5px 0 0;font-size:14px;line-height:22px;}

	/* 탭 */
	.m-tab-box{position:relative;padding:0 0 20px;}
	.m-tab-box label{display:block;position:relative;padding:5px 30px;background:#00498a url(/en_cde/_res/img/common/btn-tab-open.png) no-repeat right 10px top 50%;width:100%;height:35px;font-family:inherit;font-size:15px;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;box-sizing:border-box;}
	.m-tab-box.active label{background-image:url(/en_cde/_res/img/common/btn-tab-close.png);}
	.tab_sel{position:absolute;top:0;left:0;width:100%;height:35px;filter:alpha(opacity=0);opacity:0;}
	.tab_sel option{color:#333;}

	/* 공통 */
	.img-con-box > div{display:block;margin:0 0 20px;padding:0 0 20px;table-layout:unset;}
	.img-con-box > div > div{display:block;}
	.img-con-box > div > div h4{padding:0 0 10px;font-size:18px;line-height:24px;}
	.img-con-box > div > div ul li{padding:0 0 3px 14px;font-size:14px;line-height:22px;}
	.img-con-box > div .left-box{margin:0 auto;padding:0 0 15px;}

	/* 센터 소개 > 인사말 */	
	.greetings-box .g-txt-box{padding:25px;}
	.sign-p{font-size:14px;}

	/* 센터 소개 > 비전 */
	.vision-box .vi-con{margin:0 0 30px;padding:0 0 0 85px;}
	.vision-box .vi-con:before{width:70px;height:70px;background-size:40px;}
	.vision-box .vi-tit h4{padding:15px 0 5px;font-size:18px;line-height:24px;}
	.vision-box .vi-tit h4:after{width:30px;}
	.vision-box .vi-tit p{padding:8px 0 0 3px;font-size:14px;line-height:22px;}

	/* 센터 소개 > 연혁 */
	.history-box{display:block;table-layout:unset;}
	.history-box:before{left:0;transform:none;}
	.history-box > div{display:block;width:auto;}
	.history-box .history-intro{padding:50px 0 70px;text-align:center;}
	.history-box .history-intro p:nth-of-type(1){font-size:18px;line-height:26px;}
	.history-box .history-intro p:nth-of-type(2){font-size:20px;line-height:28px;}
	.history-box .history-intro p:nth-of-type(2):before{top:-80px;left:50%;width:40px;height:33px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
	.history-box .history-intro p:nth-of-type(2):after{top:115%;right:auto;left:50%;width:40px;height:33px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
	.history-box .history-content{padding:20px 0 0 30px;}
	.history-box .history-content > div{padding:0 0 20px;}
	.history-box .history-content > div:before{top:0;left:-38px;width:15px;height:15px;}
	.history-box .history-content > div:after{top:7px;left:-30px;width:25px;}
	.history-box .history-content > div > p{padding:0 0 10px;font-size:18px;}
	.history-box .history-content > div > ul > li{padding:0 0 5px;}
	.history-box .history-content > div > ul > li > p{width:50px;font-size:15px;line-height:23px;}
	.history-box .history-content > div > ul > li > ul > li{padding:0 0 0 7px;font-size:14px;line-height:22px;}

	/* 센터 소개 > 조직도 */
	.organ-box{padding:0 0 20px;}
	.organ-box .organ-top-box{margin:0 auto 20px;padding:10px 0;font-size:15px;line-height:23px;}
	.organ-box .organ-top-box:after{top:115%;height:42px;}
	.organ-box .organ-top-box:before{width:15px;height:15px;border:3px solid #fff;}
	.organ-box .organ-bottom-box .part{margin:20px auto 0;padding:10px 0;font-size:14px;line-height:22px;}
	.organ-box .organ-bottom-box .part-top{margin:0 auto 20px;font-size:14px;line-height:22px;}
	.organ-box .organ-bottom-box .part-top:after{height:20px;}
	.organ-box .organ-bottom-box .organ-part-box:before{width:318px;}
	.organ-box .organ-bottom-box .organ-part-box .part:after{top:-20px;height:20px;}

	/* 센터소개 > 규정 및 지침 */ 
	.rule-box h4{padding:0 0 15px;font-size:20px;line-height:25px;}
	.rule-box h5{padding:0 0 10px;font-size:17px;line-height:22px;}

	/* 센터소개 > 오시는길 */ 
	.location-box{display:block;}	
	.location-box > div{display:block;width:auto;}
	.location-box .info-box{padding:0 0 20px;}
	.location-box .info-box .sub-title{padding:0 0 5px;font-size:13px;line-height:18px;}
	.location-box .info-box h4{padding:0 0 20px;font-size:20px;line-height:25px;}
	.location-box .info-box h5{padding:0 0 5px;font-size:13px;line-height:18px;}

	/* 원격수업/공개강좌 > 소개 */
	.intro-box01{padding:20px 25px;}
	.intro-box01:before{background-size:25px;}
	.intro-box01:after{background-size:25px;}
	.chart{float:none;padding:0 0 10px;width:auto;}
	.chart-table{float:none;width:auto;}

	/* 원격교수 학습지원 */
	.intro-box02 > div{display:block;}
	.intro-box02 > div > div{display:block;}
	.intro-box02 > div > div > div{margin:0 0 15px;padding:0 0 15px;}
	.intro-box02 > div > div > div p{line-height:22px;}
	.intro-box02 > div .left-box{margin:0 auto 20px;max-width:600px;}
	.intro-box02 > div .left-box:before{top:20px;right:-10px;height:calc(100% - 10px);}
	.intro-box02 > div .right-box{padding:0;}

	/* 인프라 행정지원 > 보유 시설 및 기자재 > 보유시설 */
	.con-list-box > ul{display:block;table-layout:unset;border-bottom:0;}
	.con-list-box > ul > li{display:block;width:auto;border-right:0;}
	.con-list-box > ul > li > ul > li{padding:10px 15px;font-size:14px;line-height:22px;}
	.con-list-box > ul > li > ul > li:last-of-type{border-bottom:1px solid #ddd;}
	.con-list-box > ul > li:last-of-type > ul > li:last-of-type{display:none;}

	/* 인프라 행정지원 > 보유 시설 및 기자재 > 기자재 */
	.step-box{padding:0 0 20px;}
	.step-box ul li{float:none;margin:0 auto 10px;padding:10px;width:auto;max-width:50%;min-height:auto;border-width:2px;}
	.step-box ul li:after{display:none;}
	.step-box ul li:last-of-type{margin:0 auto;}
	.step-box ul li p:nth-of-type(1){padding:0 0 5px;}
	.step-box ul li p:nth-of-type(2){font-size:14px;line-height:22px;}

	/* 서브 페이지 사이트맵 */
	.sitemap-page-wrap .sitemap-page-box > ul > li{padding:0 0 40px;}
	.sitemap-page-wrap .sitemap-page-box > ul > li > a{float:left;padding:10px 20px 0 0;width:30%;border-width:2px;font-size:17px;line-height:23px;}
	.sitemap-page-wrap .sitemap-page-box > ul > li > ul{padding:10px 0 0;width:70%;border-width:2px;}
	.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li{width:50%;}
	.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li:nth-of-type(n + 5){padding-top:0;}
	.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li > a{padding:0 0 0 8px;font-size:14px;}
	.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li > a:before{top:10px;}

	/* 개인정보처리방침 */
	.privacy-box h2{padding:0 0 15px;font-size:20px;line-height:28px;}
	.privacy-box p.bu{padding:15px 0 10px;font-size:16px;line-height:23px;}
	.privacy-box p{font-size:14px;line-height:21px;}

	/* 개인정보처리방침 팝업 */
	.window-popup-wrap .title-box{padding:20px 15px;border-bottom:1px solid #d8d8d8;}
	.window-popup-wrap .title-box .pop-title-box{position:relative;padding:0 30px 0 0;}
	.window-popup-wrap .title-box .pop-title-box h1{font-size:24px;line-height:30px;}
	.window-popup-wrap .title-box .pop-title-box .btn-close-pop{width:20px;height:20px;}
	.window-popup-wrap .contents-box .privacy-box{padding:15px;}
}

@media screen and (max-width: 768px) {
	/* main visual */
	.main-visual-box .swiper-container .swiper-slide .vi-img-box a{height:350px;}

	/* main content 03 */
	.main-content-box03{background-image:url(/en_cde/_res/img/main/bg-main-con03-m.gif);}

	/* 센터 소개 > 인사말 */	
	.greetings-box{padding:0 0 100px;}
	.greetings-box .g-txt-box{top:100px;left:30%;width:70%;}

	/* 센터 소개 > 조직도 */
	.organ-box .organ-top-box{margin:0 0 20px;width:auto;}
	.organ-box .organ-bottom-box .part{display:block;margin:10px 0 0;width:auto;max-width:100%;}
	.organ-box .organ-bottom-box .part-top{margin:0;}
	.organ-box .organ-bottom-box .organ-part-box:before{display:none;}
	.organ-box .organ-bottom-box .organ-part-box .part:after{display:none;}

	/* 인프라 행정지원 > 보유 시설 및 기자재 > 기자재 */
	.step-box ul li{margin:0 0 10px;max-width:100%;}
}
@media screen and (max-width: 640px) {
	/* 원격교수 학습지원 */
	.intro-box02 > div .left-box:before{top:15px;right:-5px;}
}

@media screen and (max-width: 480px) {
	/* footer */
	.top-footer-box .footer-util-box ul li{width:50%;}

	/* main visual */
	.main-visual-box .swiper-container .swiper-slide .vi-img-box a{height:250px;}

	/* 공통 */
	.img-con-box > div .left-box{width:auto;}

	/* 센터 소개 > 인사말 */	
	.greetings-box{padding:0 0 80px;background-size:80%;}
	.greetings-box .g-txt-box{top:80px;left:20%;padding:15px;width:80%;}

	/* 센터 소개 > 비전 */
	.vision-box .vi-tit h4{padding:15px 0 0;}
	.vision-box .vi-tit p{display:block;padding:0 0 3px;}

	/* 서브 페이지 사이트맵 */
	.sitemap-page-wrap .sitemap-page-box > ul > li > a{width:45%;}
	.sitemap-page-wrap .sitemap-page-box > ul > li > ul{width:55%;}
	.sitemap-page-wrap .sitemap-page-box > ul > li > ul > li{width:100%;}
}