@charset "UTF-8";

/*=========================================================
  레이아웃
=========================================================*/
.site_wrap{overflow: hidden;background: #fff;padding-top:130px;}
.max_container{max-width: 1280px; margin:0 auto; position: relative;padding:0 40px;} 
.max_container:after{content: ""; display: table; clear: both;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.site_wrap{padding-top:124px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.site_wrap{padding-top:58px;}
.max_container{padding:0 20px;}
}

/*=========================================================
  리더
=========================================================*/
.screen-readerbox{position: absolute; top: -1000em;left: 0; width: 100%; padding: 6px 80px; text-align: center; display: block;background: #3f8af9; color: #fff; font-weight:bold;z-index: 1000;}
.screen-readerbox:focus{top:0;}

/*=========================================================
 준비중 페이지
=========================================================*/
.preparing_page{padding:85px 25px;border-top: solid 3px #2e3235;border-bottom: solid 1px #ccd0d7;text-align: center;}
.preparing_page .text_box{display: inline-block; vertical-align: middle;max-width: 660px; width:100%;text-align: left;}
.preparing_page .text_box .tblbx{display: table; table-layout: fixed; width:100%;}
.preparing_page .text_box .thum{line-height: 0;width:27%;display: table-cell; vertical-align: middle;}
.preparing_page .text_box .text{display: table-cell; vertical-align: middle;padding-left:40px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.preparing_page{padding:60px 25px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.preparing_page{padding:45px 25px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.preparing_page{padding:35px 15px;}
.preparing_page .text_box .tblbx{display: block;}
.preparing_page .text_box .thum{display: block; width:140px; margin:0 auto 35px;}
.preparing_page .text_box .text{display: block; padding-left:0;text-align: center;}
}


/*=========================================================
 인사말
=========================================================*/
.hak_greetingsbx{padding:70px 0;background-size: cover !important; background-position: center center !important;}
.hak_greetingsbx .md_svb_tit{font-weight: normal;display: inline-block; padding:25px 30px 25px 88px;color:#fff;position: relative;border-bottom: solid 1px #fff;margin-bottom: 70px;}
.hak_greetingsbx .md_svb_tit:before{content: "";position: absolute; top:0; left:45px;width:31px; height: 26px; background: url(../images/icon/icon_text_t.png) no-repeat;background-size: 31px 26px;}
.hak_greetingsbx .name{padding-left:88px;color:#fff;}
.hak_greetingsbx .name .md_b_tit{color:#fff;}
.hak_greetingsbx:before{top: 60% !important;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.hak_greetingsbx{padding:60px 0;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.hak_greetingsbx{padding:50px 0;}
.hak_greetingsbx .md_svb_tit{padding-left:50px;padding-top: 15px;margin-bottom: 50px;}
.hak_greetingsbx .name{padding-left: 50px;}
.hak_greetingsbx .md_svb_tit:before{width:20px; height: 17px; background-size: 20px 17px;left:25px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.hak_greetingsbx{padding:30px 0;}
.hak_greetingsbx .md_svb_tit{padding-left:25px;padding-right: 20px;padding-top: 25px;margin-bottom: 30px;}
.hak_greetingsbx .md_svb_tit:before{left:15px;}
.hak_greetingsbx .name{padding-left: 25px;}
}


/*=========================================================
 준비중 페이지
=========================================================*/
.preparing_page{padding:85px 25px;border-top: solid 3px #2e3235;border-bottom: solid 1px #ccd0d7;text-align: center;}
.preparing_page .text_box{display: inline-block; vertical-align: middle;max-width: 660px; width:100%;text-align: left;}
.preparing_page .text_box .tblbx{display: table; table-layout: fixed; width:100%;}
.preparing_page .text_box .thum{line-height: 0;width:27%;display: table-cell; vertical-align: middle;}
.preparing_page .text_box .text{display: table-cell; vertical-align: middle;padding-left:40px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.preparing_page{padding:60px 25px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.preparing_page{padding:45px 25px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.preparing_page{padding:35px 15px;}
.preparing_page .text_box .tblbx{display: block;}
.preparing_page .text_box .thum{display: block; width:140px; margin:0 auto 35px;}
.preparing_page .text_box .text{display: block; padding-left:0;text-align: center;}
	.md_info_itempsbx .thum{
		width: 100% !important;
	}
	.md_info_itempsbx .thum img{
		width: auto !important;
		display: block;
		margin: auto;
	}
}

/*=========================================================
  헤더
=========================================================*/
.site-header{position: absolute; top:0; left:0; right:0;z-index: 500;background: #fff;}
.site-header .top_headbx{background: #575d64;position: relative;z-index: 10;}
.site-header:after{content: ""; width:100%;height: 1px; background: #ccd0d7; position: absolute; bottom:0; left:0;}

/*조건값*/
.admin-bar .site_wrap.dec_fix .site-header{top:32px;}
.site_wrap.dec_fix .site-header{position: fixed;}
.site_wrap.dec_fix .site-header:after{opacity: 1; visibility: visible;}
.site_wrap.dec_fix .site-header .top_headbx{display: none;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.site-header{position: fixed;}
.admin-bar .site-header{top:32px;}
.admin-bar .site_wrap.dec_fix .site-header .top_headbx{display: block;}
}

@media screen and (max-width: 782px){
.admin-bar .site-header{top:46px !important;}
}


/*=========================================================
  탑헤더
=========================================================*/
.top_headbx{position: relative;}

/* 링크박스
=========================================================*/
.site-header .top_headbx .link_bx{float: left;}
.site-header .top_headbx .link_bx:after{content: ""; display: table; clear: both;}
.site-header .top_headbx .link_bx ul:after{content: ""; display: table; clear: both;}
.site-header .top_headbx .link_bx li{float: left;}
.site-header .top_headbx .link_bx li a{display: block;font-size: 0.86em; color:#fff; line-height: 1.4em;font-weight: 500;padding:12px 5px;min-width: 90px;text-align: center;}

/*조건값*/
.site-header .top_headbx .link_bx li.blue a{background: #4897e4;}
.site-header .top_headbx .link_bx li.emerald a{background: #30c0b7;}

/*호버*/
.site-header .top_headbx .link_bx li.blue a:hover{background: #fff;color:#4897e4;}
.site-header .top_headbx .link_bx li.emerald a:hover{background: #fff;color:#30c0b7;}

/* 서브 링크박스
=========================================================*/
.site-header .top_headbx .sub_linkbx{float: right;margin-right: 32px;}
.site-header .top_headbx .sub_linkbx ul:after{content: ""; display: table; clear: both;}
.site-header .top_headbx .sub_linkbx li{float: left;position: relative;margin-left:-1px;}
.site-header .top_headbx .sub_linkbx li:after{content: "";width:1px; height: 10px; background: #797d83; position: absolute; top:50%; margin-top:-5px; right:0;}
.site-header .top_headbx .sub_linkbx li a{display: block;font-size: 0.86em; color:#fff; line-height: 1.4em;font-weight: 500;padding:12px 15px;text-align: center;}
.site-header .top_headbx .sub_linkbx li:last-child:after{display: none;}

/*호버*/
.site-header .top_headbx .sub_linkbx li a:hover{background: #417fbd;}

/* 서치박스
=========================================================*/
.head_search_bx{width:30px; height: 100%; position: absolute; top:0; right:40px;z-index: 10;}
.head_search_bx .search_btn{position: absolute; width:30px; left:0; height: 100%;text-indent: -99999px;background: url(../images/icon/md_hakbu_icon.png) no-repeat;background-size: 125px 125px; background-position:12px 12px;display: block; text-indent: -99999px;}

/*헤더 서치폼*/
.head_search_formbx{width:0px;position: absolute; top:0; right:30px;height: 100%;background: #575d64;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;overflow: hidden;}
.head_search_formbx .head_search_text{font-size: 14px; color:#fff; line-height: 1.4em; padding:10px 15px;padding-right: 50px;width:100%;}
.head_search_formbx .head_search_submit{width:30px; height: 100%; position: absolute; top:0; right:0;text-indent: -9999px;background: url(../images/icon/md_hakbu_icon.png) no-repeat;background-size: 125px 125px; background-position:8px 12px;display: block; z-index: 10;cursor: pointer;}

/*placeholder
=========================================================*/
.head_search_formbx .head_search_text:-ms-input-placeholder {color:rgba(255,255,255,0.4);}
.head_search_formbx .head_search_text::-webkit-input-placeholder {color:rgba(255,255,255,0.4);}
.head_search_formbx .head_search_text:-moz-placeholder {color:rgba(255,255,255,0.4);} 
.head_search_formbx .head_search_text::-moz-placeholder {color:rgba(255,255,255,0.4);}

/*액션*/
.search_on .head_search_bx .search_btn{background-position: 12px -21px;}
.search_on .head_search_bx .head_search_formbx{width:250px;}

/*=========================================================
  바텀 헤더
=========================================================*/
.bottom_headbx .logo{padding:22px 0;line-height: 0;float: left;}
.bottom_headbx .logo .main_site{display: inline-block;width:213px; vertical-align: middle;margin-right: 15px;}
.bottom_headbx .logo .bs_site{display: inline-block; vertical-align: middle;font-size: 22px; color:#2e3235; line-height: 1.4em; font-weight: 500;}

/*=========================================================
  네비게이션
=========================================================*/
.bottom_headbx .right_bx{float: right;position: relative;z-index: 10;}
.navigation-top .menu > li{float: left;position: relative;}
.navigation-top .menu > li > a{display: block;font-size: 1.29em;color:#2e3235;line-height: 91px; font-weight: 500; padding:0px 30px;position: relative;}
.navigation-top .menu > li > a:after{content: ""; width:100%; height: 4px; background: #125fac; position: absolute; bottom:0; left:0;opacity: 0;visibility: hidden;}
.navigation-top .menu > li > a .eng_title{display: none;}

.navigation-top .menu > li:last-child > a{padding-right: 0;}

/*호버*/
.navigation-top .menu > li:hover > a{color:#125fac;}
.navigation-top .menu > li:hover > a:after{opacity: 1; visibility: visible;}

/*조건값*/
.navigation-top .menu > li.f_none{display: none !important;}
.navigation-top .menu > li[class*="current"] > a{color:#125fac;}
.navigation-top .menu > li[class*="current"] > a:after{opacity: 1; visibility: visible;}

/*=========================================================
  네비게이션 서브뎁스
=========================================================*/
.bottom_headbx .navigation-top .menu > li > .sub-menu{position: absolute; top:91px;left:0;min-width: 220px;background: #363a3c;opacity: 0; visibility: hidden;max-height:520px; overflow:hidden; overflow-y: auto;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li{position: relative;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a{border-bottom: solid 1px rgba(255,255,255,0.1);display: block;padding:14px 50px 14px 35px;color:#fff; line-height: 1.5em; font-weight: 500;position: relative;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:after{content: "";width:4px; height: 6px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: 0 -149px;position: absolute; top:50%; margin-top:-3px; right:20px;opacity: 0; visibility: hidden;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li:last-child > a{border-bottom: none;}

/*호버*/
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:hover{background: #125fac;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:hover:after{opacity: 1; visibility: visible;}

/*focus*/
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:focus{background: #125fac;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:focus:after{opacity: 1; visibility: visible;}

/*액션*/
.bottom_headbx .navigation-top .menu > li > .sub-menu > li[class*="current"] > a{background: #125fac;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li[class*="current"] > a:after{opacity: 1; visibility: visible;}

/*조건값*/
.bottom_headbx .navigation-top .menu > li:hover > .sub-menu{opacity: 1;visibility: visible;}
.bottom_headbx .navigation-top .menu > li.sub_open > .sub-menu{opacity: 1;visibility: visible;}

/*조건값*/
.bottom_headbx .navigation-top .menu > li:last-child > .sub-menu{left:auto; right:-20px;}
.bottom_headbx .navigation-top .menu > li.last > a{padding-right: 0;}
.bottom_headbx .navigation-top .menu > li.last > .sub-menu{left:auto; right:-10px;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li .sub-menu{display: none !important;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
/*서브 네비*/
.bottom_headbx .navigation-top .menu > li > .sub-menu{top:86px;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a{padding:13px 40px 12px 25px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){

}


@media screen and (max-width: 1279px) and (min-width: 1024px){
.navigation-top .menu > li > a{padding:0 25px;line-height: 86px;}
.bottom_headbx .logo .main_site{width:190px;}
.bottom_headbx .logo .bs_site{font-size: 16px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.bottom_headbx{text-align: center; line-height: 0;}
.site-header .top_headbx{position: static;}
.site-header .top_headbx .max_container{position: static;}
.site-header .top_headbx .link_bx{display: none;}
.site-header .top_headbx .sub_linkbx{display: none;}
.bottom_headbx .right_bx{display: none;}
.bottom_headbx .logo{padding:17px 0;display: inline-block;float: none;}
.bottom_headbx .logo .main_site{width:107px;margin-right: 10px;}
.bottom_headbx .logo .bs_site{font-size: 14px;}
.head_search_bx{right:20px;}
.head_search_bx .search_btn{background-position: -22px 21px;}
.search_on .head_search_bx .search_btn{background-position:-22px -22px;}
.head_search_formbx{background: #fff;}
.head_search_formbx .head_search_text{color:#2e3235;padding:20px 15px;padding-right: 40px;font-size: 13px;}
.head_search_formbx .head_search_submit{background-position: -26px 21px;}
.head_search_formbx{height: 57px;}
.search_on .head_search_bx .head_search_formbx{width:580px;}

/*placeholder
=========================================================*/
.head_search_formbx .head_search_text:-ms-input-placeholder {color:rgba(46,50,53,0.4);}
.head_search_formbx .head_search_text::-webkit-input-placeholder {color:rgba(46,50,53,0.4);}
.head_search_formbx .head_search_text:-moz-placeholder {color:rgba(46,50,53,0.4);} 
.head_search_formbx .head_search_text::-moz-placeholder {color:rgba(46,50,53,0.4);}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.search_on .head_search_bx .head_search_formbx{width:350px;}
}

@media screen and (max-width: 419px) and (min-width: 1px){
.search_on .head_search_bx .head_search_formbx{width:280px;}
}

@media screen and (max-width: 374px) and (min-width: 1px){
.bottom_headbx .logo{padding:19px 0;}
.bottom_headbx .logo .main_site{width:84px;margin-right: 5px;}
.bottom_headbx .logo .bs_site{font-size: 12px;}
}

/*=========================================================
  모바일 메뉴 버튼
=========================================================*/
.m_menubox{height: 19px;position: absolute; display: none;cursor: pointer;z-index: 5;position: absolute; top:50%; margin-top:-10px; left:20px;}
.m_menubox .bar{width:20px; height: 2px; background: #125fac;display: block;margin:0 auto;}
.m_menubox .bar.center{margin:5px auto;}


/*=========================================================
  모바일 메뉴 백그라운드
=========================================================*/
.mobile_nav_bg{position: fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8);z-index: 1001;display: none;}

/*=========================================================
  모바일 네비 박스
=========================================================*/
.mobile_navbx{position: fixed; top:0;left:0;bottom:0; width:300px;z-index: 1100;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;display: none;transform: translateX(-340px);-webkit-transform: translateX(-340px);-moz-transform: translateX(-340px);-ms-transform: translateX(-340px);background: #125fac;}
.mobile_scrollbx{position: absolute; top:143px; left:0; right:0; bottom:0;overflow: hidden; overflow-y: scroll;border-top:solid 1px #616f9b;}
.mobile_navbx .close{width:50px; height: 50px; position: absolute; top:0; right:-50px;text-indent: -99999px;}
.mobile_navbx .close:after{content: ""; width:18px; height: 18px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: -232px -232px;position: absolute; top:50%; right:20px; margin-top:-9px;}
.fix_topbx{width:100%;height: 144px;overflow: hidden;}

/*조건값*/
.site_wrap.nav_on .mobile_navbx{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}

/*조건값*/
.admin-bar .mobile_navbx{top:32px;}

@media screen and (max-width: 782px){
.admin-bar .mobile_navbx{top:46px;}
}

/* 로고
=========================================================*/
.mobile_logobx{width:100%;text-align: center; line-height: 0; padding:15px 15px;background: #fff;height: 68px;position: relative;z-index: 10;}
.mobile_logobx img{width:155px;}

/* 링크박스
=========================================================*/
.m_nav_linkbx{background: #063171;height: 76px;}
.m_nav_linkbx ul{margin-right: -4px;}
.m_nav_linkbx ul:after{content: ""; display: table; clear: both;}
.m_nav_linkbx ul li{float: left;position: relative;width:33.3333%;border:solid 1px #616f9b;margin-left:-1px; margin-top:-1px;}
.m_nav_linkbx ul:after{content: ""; display: table; clear: both;}
.m_nav_linkbx ul li a{display: block;line-height: 0; font-size: 0;padding:11px 2px 10px;text-align: center;}
.m_nav_linkbx ul li a .text{display: inline-block;font-size: 12px; color:#ffffff; line-height: 1.4em;text-align: center;}
.m_nav_linkbx ul li.icon_item a .text{position: relative;}
.m_nav_linkbx ul li.icon_item a .text:before{content: ""; background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px; position: absolute; top:50%; left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);margin-top:-2px;}

/*아이콘*/
.m_nav_linkbx ul li.login a .text{padding-left:20px;}
.m_nav_linkbx ul li.logout a .text{padding-left:20px;}
.m_nav_linkbx ul li.user a .text{padding-left:25px;}
.m_nav_linkbx ul li.login a .text:before{width:11px; height: 15px; background-position: 0 -107px;}
.m_nav_linkbx ul li.logout a .text:before{width:11px; height: 15px; background-position: 0 -107px;}
.m_nav_linkbx ul li.user a .text:before{width:14px; height: 15px; background-position: 0 -124px;}

/*조건값*/
.m_nav_linkbx ul li.active a{background: #03b9c9;}
.m_nav_linkbx ul li.active a .text{font-weight: bold;}

/* 네비게이션
=========================================================*/
svg.icon{display: none !important;}
.navigation-mobile .menu > li{border-bottom: solid 1px rgba(255,255,255,0.4);background: #125fac;}
.navigation-mobile .menu > li > a{display: block;font-size: 16px;line-height: 1.4em;color:#fff;padding:16px 45px 14px 20px;background: #125fac;font-weight: 500;position: relative;}
/*.navigation-mobile .menu > li:last-child{border-bottom: 0;}*/
.navigation-mobile .menu > li > a:after{content: ""; width:18px; height: 9px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: 0 -186px;position: absolute; top:50%; margin-top:-4px; right:15px;}
.navigation-mobile .menu > li > a .eng_title{display: none;}

/*서브 메뉴*/
.navigation-mobile .menu > li > .sub-menu{margin-bottom: -1px;display: none;}
.navigation-mobile .menu > li > .sub-menu > li > a{font-size: 14px;color:#fff; line-height: 1.4em; font-weight: 500;padding:12px 45px 10px 20px;display: block;background: #3f8af9;position: relative;}
.navigation-mobile .menu > li > .sub-menu > li > a:after{content: ""; width:15px; height: 15px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: 0 -162px;position: absolute; top:50%; margin-top:-7px; right:16px;}

/*서서브 메뉴*/
.navigation-mobile .menu > li > .sub-menu .sub-menu{background: #fff;padding:11px 20px 10px;}
.navigation-mobile .menu > li > .sub-menu .sub-menu > li > a{font-size: 14px; display: block;line-height: 1.5em; padding:3px 0px 3px 15px;color:#575d64;position: relative;}
.navigation-mobile .menu > li > .sub-menu  .sub-menu > li > a:before{content: ""; position: absolute; top:10px; left:0; width:3px; height: 3px; background:#888e95;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}

/*조건값*/
.navigation-mobile .menu > li[class*="current"] > a{background: #03b9c9;}
.navigation-mobile .menu > li > .sub-menu .sub-menu > li[class*="current"] > a{color:#3f8af9;font-weight: 500;}
.navigation-mobile .menu > li > .sub-menu .sub-menu > li[class*="current"] > a:before{background: #3f8af9;}

/*네비 조건값*/
.navigation-mobile .menu > li.open > a:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.navigation-mobile .menu > li[class*="current"] > .sub-menu{display: block;}
.navigation-mobile .menu .sub-menu li[class*="current"] > .sub-menu{display: block;}

/*=========================================================
  모바일 반응형
=========================================================*/
@media screen and (max-width: 1023px) and (min-width: 1px){
.m_menubox{display: block;}

/*모바일네비*/
.site_wrap.nav_on .mobile_nav_bg{display: block;}
.mobile_navbx{display: block;}
}

@media screen and (max-width: 370px) and (min-width: 1px){
.mobile_navbx{width:270px;}
}

/*=========================================================
 교환학생 프로그램 진행과정 다이어그램 5단 - 20.02.06 정진수 
=========================================================*/
.adm_dia_olbx{overflow: hidden;position: relative;}
.adm_dia_olbx:after{content: ""; width:2px; position: absolute; top:0; bottom:0;right:10%; background: url(../images/back/dot_line.png) repeat-y;}
.adm_dia_olbx ol{position: relative;}
.adm_dia_olbx ol:before{content: ""; height:2px; position: absolute; left:12.4%; right:12.4%;top:50.4%; background: url(../images/back/dot_w_line.png) repeat-x;}
.adm_dia_olbx ol:after{content: ""; display: table; clear: both;}
.adm_dia_olbx ol > li{width:20%; text-align: center;position: relative;}
.adm_dia_item_ol{width:130px; height: 130px; border-radius: 130px;-webkit-border-radius: 130px;-moz-border-radius: 130px;padding:0 10px;margin:0 auto;position: relative;z-index: 50;}
.adm_dia_item_ol .step{font-size: 14px; color:#2e3235; line-height: 1.4em; font-weight: bold; font-family: 'Open Sans', sans-serif;padding:15px 0 8px;border-bottom: solid 1px #fff;width:84px; margin:0 auto 10px;}
.adm_dia_item_ol .text{font-size: 14px; color:#ffffff; line-height: 1.4em; font-weight: bold;}

/*조건값*/
.adm_dia_olbx ol.right{margin-top: 90px;}
.adm_dia_olbx ol.left > li{float: left;}
.adm_dia_olbx ol.right > li{float: right;}
.adm_dia_olbx ol > li:nth-child(odd) .adm_dia_item_ol{background: #03b9c9;}
.adm_dia_olbx ol > li:nth-child(even) .adm_dia_item_ol{background: #3f8af9;}
.adm_dia_olbx ol.right > li:last-child .adm_dia_item_ol{background: url(../images/back/radius_bg.png) no-repeat;background-size: cover;background-position: center center;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
    .adm_dia_item_ol .step{font-size: 13px;}
    .adm_dia_item_ol .text{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
    .adm_dia_item_ol .step{font-size: 13px;}
    .adm_dia_item_ol .text{font-size: 13px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
    .adm_dia_olbx ol > li{width:50%;}
    .adm_dia_item_ol{width:120px; height: 120px;margin-bottom: 40px;position: relative;}
    .adm_dia_olbx ol.right{margin-top: 0;}
    .adm_dia_olbx:after{display: none;}
    .adm_dia_olbx ol:before{display: none;}
    .adm_dia_olbx ol > li:nth-child(3){float: right;}
    .adm_dia_olbx ol.right > li{float: left;}
    .adm_dia_olbx ol.right > li:nth-child(3){float: right;}
    .adm_dia_olbx ol > li:nth-child(1):before{content: ""; width:200px; height:2px; position: absolute; right:-100px; top:37%; background: url(../images/back/dot_w_line.png) repeat-x;}
    .adm_dia_olbx ol.left > li:nth-child(3):before{content: ""; width:200px; height:2px; position: absolute; left:-100px; top:37%; background: url(../images/back/dot_w_line.png) repeat-x;}
    .adm_dia_olbx ol > li:nth-child(4):before{content: ""; width:200px; height:2px; position: absolute; right:-100px; top:37%; background: url(../images/back/dot_w_line.png) repeat-x;}
    .adm_dia_olbx ol > li:nth-child(2):before{content: ""; width:2px; height:200px; position: absolute; right:49%; bottom:-100px; background: url(../images/back/dot_line.png) repeat-y;}
    .adm_dia_olbx ol.left > li:nth-child(4):before{content: ""; width:2px; height:200px; position: absolute; left:49%; bottom:-100px; background: url(../images/back/dot_line.png) repeat-y;}
}


/*=========================================================
 교환학생 프로그램 진행과정 다이어그램 4단 - 20.02.06 정진수 
=========================================================*/
.adm_dia_4circle{overflow: hidden;position: relative;}
.adm_dia_4circle:after{content: ""; width:2px; position: absolute; top:0; bottom:0;right:12.4%; background: url(../images/back/dot_line.png) repeat-y;}
.adm_dia_4circle ol{position: relative;}
.adm_dia_4circle ol:before{content: ""; height:2px; position: absolute; left:12.4%; right:12.4%;top:50.4%; background: url(../images/back/dot_w_line.png) repeat-x;}
.adm_dia_4circle ol:after{content: ""; display: table; clear: both;}
.adm_dia_4circle ol > li{width:25%; text-align: center;position: relative;}
.adm_dia_4circle_ol{width:130px; height: 130px; border-radius: 130px;-webkit-border-radius: 130px;-moz-border-radius: 130px;padding:0 10px;margin:0 auto;position: relative;z-index: 50;}
.adm_dia_4circle_ol .step{font-size: 14px; color:#2e3235; line-height: 1.4em; font-weight: bold; font-family: 'Open Sans', sans-serif;padding:15px 0 8px;border-bottom: solid 1px #fff;width:84px; margin:0 auto 10px;}
.adm_dia_4circle_ol .text{font-size: 14px; color:#ffffff; line-height: 1.4em; font-weight: bold;}

/*조건값*/
.adm_dia_4circle ol.right{margin-top: 90px;}
.adm_dia_4circle ol.left > li{float: left;}
.adm_dia_4circle ol.right > li{float: right;}
.adm_dia_4circle ol > li:nth-child(odd) .adm_dia_4circle_ol{background: #03b9c9;}
.adm_dia_4circle ol > li:nth-child(even) .adm_dia_4circle_ol{background: #3f8af9;}
.adm_dia_4circle ol.right > li:last-child .adm_dia_4circle_ol{background: url(../images/back/radius_bg.png) no-repeat;background-size: cover;background-position: center center;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
    .adm_dia_4circle_ol .step{font-size: 13px;}
    .adm_dia_4circle_ol .text{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
    .adm_dia_4circle_ol .step{font-size: 13px;}
    .adm_dia_4circle_ol .text{font-size: 13px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
    .adm_dia_4circle ol > li{width:50%;}
    .adm_dia_4circle_ol{width:120px; height: 120px;margin-bottom: 40px;position: relative;}
    .adm_dia_4circle ol.right{margin-top: 0;}
    .adm_dia_4circle:after{display: none;}
    .adm_dia_4circle ol:before{display: none;}
    .adm_dia_4circle ol > li:nth-child(3){float: right;}
    .adm_dia_4circle ol.right > li{float: left;}
    .adm_dia_4circle ol.right > li:nth-child(3){float: right;}
    .adm_dia_4circle ol > li:nth-child(1):before{content: ""; width:200px; height:2px; position: absolute; right:-100px; top:37%; background: url(../images/back/dot_w_line.png) repeat-x;}
    .adm_dia_4circle ol.left > li:nth-child(3):before{content: ""; width:200px; height:2px; position: absolute; left:-100px; top:37%; background: url(../images/back/dot_w_line.png) repeat-x;}
    .adm_dia_4circle ol > li:nth-child(4):before{content: ""; width:200px; height:2px; position: absolute; right:-100px; top:37%; background: url(../images/back/dot_w_line.png) repeat-x;}
    .adm_dia_4circle ol > li:nth-child(2):before{content: ""; width:2px; height:200px; position: absolute; right:49%; bottom:-100px; background: url(../images/back/dot_line.png) repeat-y;}
    .adm_dia_4circle ol.left > li:nth-child(4):before{content: ""; width:2px; height:200px; position: absolute; left:49%; bottom:-100px; background: url(../images/back/dot_line.png) repeat-y;}
}



/*=========================================================
  푸터
=========================================================*/
.site-footer{background: #2a363f;position: relative; z-index: 400;}
.top_footer{padding:30px 0;border-bottom: solid 1px #404a53;}
.top_footer .tblbx{display: table; table-layout: fixed; width:100%;}
.top_footer .tblbx .f_logo{display: table-cell; vertical-align: middle;width:240px; padding-right: 40px;}
.top_footer .tblbx .contbx{display: table-cell; vertical-align: top;}
.top_footer .f_info_contbx{position: relative;padding-right: 205px;}

/*푸터 로고*/
.top_footer .tblbx .f_logo a{display: block; line-height: 0;}

/* 푸터 네비
=========================================================*/
.footer_nav{overflow: hidden;margin-bottom: 10px;}
.footer_nav ul{margin:-2px -10px;overflow: hidden;}
.footer_nav li{float: left;padding:2px 10px;position: relative;}
.footer_nav li:after{content: ""; width:1px; height: 13px; background: #47525a; position: absolute; top:50%; margin-top:-7px; right:0;}
.footer_nav li:last-child:after{display: none;}
.footer_nav li a{color:#596a77; line-height: 1.4em;display: block;}
.footer_nav li.bold a{color:#fff;}

/*호버*/
.footer_nav li a:hover{color:#fff;text-decoration: underline;}

/* 푸터 인포박스
=========================================================*/
.f_info_bx{overflow: hidden;}
.f_info_bx li{color:#596a77; line-height: 1.4em;margin-top:5px;}
.f_info_bx li:after{content: ""; display: table; clear: both;}
.f_info_bx li:first-child{margin-top:0;}
.f_info_bx li .itembx{display: block; float: left;margin-right: 15px;}
.f_info_bx li .itembx:last-child{margin-right: 0;}
.f_info_bx li .itembx dl:after{content: ""; display: table; clear: both;}
.f_info_bx li .itembx dt{float: left;margin-right: 5px;font-weight: bold;}
.f_info_bx li .itembx dd{overflow: hidden;}

/* 푸터 셀렉박스
=========================================================*/
.f_selectbx{width:180px;position: absolute; top:50%;right:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 50;}
.f_selectbx .f_sel_textbx{display: block;position: relative;background: #1d262c;font-size: 14px; color:#9d9fa2; line-height:1.4em; padding:9px 40px 9px 20px;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border:solid 2px #1d262c;}
.f_selectbx .f_sel_textbx:after{content: ""; width:8px; height: 4px;background: url(../images/icon/md_hakbu_icon.png) no-repeat;background-size: 125px 125px;background-position: 0 -89px; position: absolute; top:50%; right:20px; margin-top:-2px;}

/*ul*/
.f_select_ul{position: absolute; bottom:49px; left:0; right:0;background: #1d262c;max-height: 180px;overflow: hidden; overflow-y: auto;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;padding:8px 0;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;opacity: 0; visibility: hidden;}
.f_select_ul li a{display: block;font-size: 0.94em; color:#9d9fa2; line-height:1.4em; padding:6px 20px;}

/*호버*/
.f_selectbx .f_sel_textbx:hover{border:solid 2px #fff; color:#fff;}
.f_select_ul li a:hover{background: #4897e4;color:#fff;}

/*조건값*/
.f_selectbx.on .f_select_ul{opacity: 1; visibility: visible;}
.f_selectbx.on .f_sel_textbx{border:solid 2px #fff; color:#fff;}
.f_selectbx.on .f_sel_textbx:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}

/* 하단 푸터
=========================================================*/
.bottom_footerbx{padding:20px 0;}
.bottom_footerbx .copy{font-size: 0.86em;color:#596a77; line-height: 1.4em;font-family: 'Open Sans', sans-serif;padding-left:240px;}
.bottom_footerbx .copy .bold{color:#fff;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.top_footer .tblbx .f_logo{width:200px;}
.bottom_footerbx .copy{padding-left:200px;}
.f_selectbx .f_sel_textbx{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.top_footer .tblbx .f_logo{display: none;}
.f_selectbx .f_sel_textbx{font-size: 13px;}
.bottom_footerbx .copy{padding-left:0px;}
.footer_nav li:after{margin-top:-8px;}
.f_select_ul{padding:8px 0 6px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.top_footer .f_info_contbx{padding-right: 0;}
.f_selectbx{transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);position: relative; right:auto; top:auto;width:100%;max-width: 420px;margin:15px auto 0;}
.bottom_footerbx .copy{text-align: center;}
.footer_nav{text-align: center;}
.footer_nav ul{line-height: 0;}
.footer_nav li{display: inline-block;vertical-align: middle;float: none;}
.f_info_bx li{text-align: center;}
.f_info_bx li .itembx{display: inline-block;vertical-align: middle;float: none;}
.top_footer{padding:30px 0 25px;font-size: 0.94em;}
.f_selectbx .f_sel_textbx{font-size: 12px;padding: 10px 40px 8px 20px;}
}

/*=========================================================
  페이지 레이아웃
=========================================================*/
.page_wrap{padding-bottom: 120px;}
.page_wrap:after{content: ""; display: table; clear: both;}
.content-area{width: calc(100% - 280px);width: -webkit-calc(100% - 280px);width: -moz-calc(100% - 280px); float: right;padding-top:35px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.page_wrap{padding-bottom: 100px;}
.content-area{padding-top:30px;width: calc(100% - 255px);width: -webkit-calc(100% - 255px);width: -moz-calc(100% - 255px);}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.page_wrap{padding-bottom: 45px;padding-top:40px;}
.content-area{width:100%; float: none;padding-top:0px;margin-bottom: 45px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.page_wrap{padding-bottom: 35px;padding-top: 35px;}
.content-area{margin-bottom: 45px;padding-top:0px;}
}

/*=========================================================
  페이지 사이드바
=========================================================*/
.side_bx{width:220px;float: left;margin-right: 60px;}
.navigation-side .menu > li{display: none;}
.navigation-side .menu > li[class*="current"]{display: block;}
.navigation-side .menu > li > a{display: block;padding:55px 20px 55px;font-size: 24px; color:#fff; line-height: 1.4em; font-weight: bold;background: #063171;text-align: center;}
.navigation-side .menu > li > a .eng_title{display: block;font-size: 14px; color:#888e95; line-height: 1.4em; font-weight: normal;margin-bottom: 5px;}

/* 사이드바 서브메뉴
=========================================================*/
.navigation-side .menu > li > .sub-menu > li > a{display: block;font-size: 1.16em; color:#575d64; line-height: 1.4em;font-weight: 500;padding:12px 34px 12px 20px;border-bottom: solid 1px #ccd0d7;position: relative;}
.navigation-side .menu > li > .sub-menu .sub-menu{display: none;}

/*호버*/
.navigation-side .menu > li > .sub-menu > li:hover > a{background: #f1f3f6;color:#3f8af9;}

/*조건값*/
.navigation-side .menu > li > .sub-menu > li[class*="current"] > a{background: #f1f3f6;color:#3f8af9;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.side_bx{margin-right: 35px;}
.navigation-side .menu > li > a{font-size: 24px;padding:40px 20px 40px;}
.navigation-side .menu > li > a .eng_title{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.side_bx{float: none; width:100%; margin-right: 0;}
.navigation-side .menu > li > a{font-size: 20px;padding:20px 17px 20px;text-align: left;}
.navigation-side .menu > li > a .eng_title{font-size: 12px;}
.navigation-side .menu > li > .sub-menu > li > a{font-size: 1.1em;padding:12px 30px 12px 17px;}
.navigation-side .menu > li > .sub-menu > li > a:after{right:17px;}
}

/*=========================================================
  빵가루
=========================================================*/
.pg_breadcrumbbx{margin-bottom: 10px;}
.pg_breadcrumbbx:after{content: ""; display: table; clear: both;}
.breadcrumb{float: right;}
.breadcrumb ul:after{content: ""; display: table; clear: both;}
.breadcrumb ul li{float: left;padding-right: 20px; margin-right: 14px;position: relative;}
.breadcrumb ul li:after{content: "";width:4px; height: 8px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: 0 -241px;position: absolute; top:50%; margin-top:-15px; right:0;}
.breadcrumb ul li:last-child{padding-right: 0; margin-right: 0;}
.breadcrumb ul li:last-child:after{display: none;}
.breadcrumb ul li .item{color:#888e95; line-height: 1.4em;text-transform: uppercase;display: block;}
.breadcrumb ul li span.item{font-weight: 500;}
.breadcrumb ul li.home{margin-top:-1px;}
/*.breadcrumb ul li.home:after{margin-top:-5px;}*/
.breadcrumb ul li.home .item{color:#4897e4;font-weight: 500;padding-left:24px; position: relative;}
.breadcrumb ul li.home .item:before{content: "";width:16px; height: 14px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: -20px -223px;position: absolute; top:50%; margin-top:-8px; left:0;}

/*호버*/
.breadcrumb ul li a.item:hover{color:#30c0b7;}
.breadcrumb ul li.home .item:hover:before{background-position: 0 -223px;}

/*focus*/
.breadcrumb ul li a.item:focus{color:#4897e4;}
.breadcrumb ul li.home .item:focus:before{background-position: -20px -223px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.pg_breadcrumbbx{margin-bottom: 10px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.pg_breadcrumbbx{display: none;}
}

/*=========================================================
  페이지 탑배너
=========================================================*/
.top_bannerbx{position: relative; background: url(../images/content/banner_img1.jpg) no-repeat;background-size: cover; background-position: center center !important;}
.top_bannerbx:after{content: ""; position: absolute; top:0; left:0; right:0;bottom:0; background: rgba(0,0,0,0.3);}
.top_bannerbx .max_container{height: 275px;}

/*텍스트*/
.top_bannerbx .pg_titlebx{position: absolute; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);left:40px;right:40px; z-index: 10;text-align: center;}
.top_bannerbx .pg_titlebx .banner_title{font-size: 40px; color:#ffffff; line-height: 1.3em;font-weight: bold; position: relative;text-shadow: 1px 1px 10px rgba(0,0,0,0.3);padding-bottom: 15px; position: relative;}
.top_bannerbx .pg_titlebx .banner_title:after{content: "";width:30px; height: 1px; background: #fff; position: absolute; bottom:0; left:50%; margin-left:-15px;}
.top_bannerbx .pg_titlebx .sub_text{font-size: 14px; line-height: 1.4em; color:#fff;text-shadow: 1px 1px 10px rgba(0,0,0,0.3);font-family: 'Open Sans', sans-serif;font-weight: bold;margin-bottom: 15px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.top_bannerbx .max_container{height: 250px;}
.top_bannerbx .pg_titlebx .banner_title{font-size: 36px;}
.top_bannerbx .pg_titlebx .sub_text{font-size: 13px;margin-bottom: 10px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.top_bannerbx{background-position: center center !important;}
.top_bannerbx .max_container{height: 190px;}
.top_bannerbx .pg_titlebx{left:20px;right:20px;}
.top_bannerbx .pg_titlebx .banner_title{font-size: 30px;padding-bottom: 13px;}
.top_bannerbx .pg_titlebx .sub_text{font-size: 12px;margin-bottom: 10px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.top_bannerbx .pg_titlebx .banner_title{font-size: 24px;}
.top_bannerbx .max_container{height: 160px;}
.top_bannerbx .pg_titlebx .sub_text{font-size: 11px;}
}

/*=========================================================
  페이지 타이틀
=========================================================*/
.entry-title{margin-bottom: 35px;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.entry-title{margin-bottom: 30px;}
}

/*==================================================================================================================
  기관 사이트 공통기기실험실
==================================================================================================================*/

/*=========================================================
  메인 상단 타이틀 박스
=========================================================*/
.main_top_titlebx{background: url(/wp-content/uploads/sites/92/2024/03/skyscrapers-4168483_1920.jpg) no-repeat;background-attachment: fixed;background-position: center 90px;position: relative;}
.main_top_titlebx:before{content: ""; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 1; background: url(../images/back/main_top_bg.png) repeat-y; background-size: 100% auto;}
.main_top_titlebx .max_container{min-height: 670px;height: calc(100vh - 131px);height: -webkit-calc(100vh - 131px);height: -moz-calc(100vh - 131px);}

/*조건값*/
.admin-bar .main_top_titlebx .max_container{height: calc(100vh - 163px);height: -webkit-calc(100vh - 163px);height: -moz-calc(100vh - 163px);}

/*타이틀 박스*/
.main_top_titlebx .titlebx{position: absolute; top:25%; left:40px;z-index: 50;width:100%;padding-bottom: 35px;}
.main_top_titlebx .titlebx:after{content: ""; position: absolute; bottom:0; left:0;height: 1px; background: rgba(255,255,255,0.4);width:70%;}
.main_top_titlebx .titlebx .title{margin-bottom: 5px;}
.main_top_titlebx .titlebx .title .text{display: inline-block;font-size: 60px; color:#ffffff; line-height: 1.26em; font-weight: normal;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);position: relative;vertical-align: middle;}

.main_top_titlebx .titlebx .sub_text{font-size: 24px; color:#fff; line-height: 1.5em;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);font-family: 'Open Sans', sans-serif;}

@media screen and (min-width: 1400px){
.main_top_titlebx{background-size: 1980px auto !important;}
}

@media screen and (min-width: 1980px){
.main_top_titlebx{background-size: 2560px auto !important;}
}

@media screen and (max-width: 1399px) and (min-width: 1024px){
.main_top_titlebx{background-size: 1600px auto !important;max-height: 765px;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.main_top_titlebx .max_container{min-height: 570px;}
.main_top_titlebx{background-position: center 85px;}
.main_top_titlebx .titlebx{margin-bottom: 70px;}
.main_top_titlebx .titlebx .title .text{font-size: 45px;}
.main_top_titlebx .titlebx .sub_text{font-size: 16px;}

/*조건값*/
.main_top_titlebx .max_container{height: calc(100vh - 125px);height: -webkit-calc(100vh - 125px);height: -moz-calc(100vh - 125px);}
.admin-bar .main_top_titlebx .max_container{height: calc(100vh - 157px);height: -webkit-calc(100vh - 157px);height: -moz-calc(100vh - 157px);}
}

@media screen and (max-width: 1025px) and (min-height: 900px) and (min-width: 1024px){
.main_top_titlebx{background-size: cover !important;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_top_titlebx .max_container{height: 600px !important;min-height: 0;}
.main_top_titlebx{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}
.main_top_titlebx .titlebx{margin-bottom: 70px;left:20px;}
.main_top_titlebx .titlebx .title .text{font-size: 40px;}
.main_top_titlebx .titlebx .sub_text{font-size: 16px;}
.main_top_titlebx .titlebx .title .text:after{right:-40px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.main_top_titlebx .max_container{height: 380px !important;}
.main_top_titlebx .titlebx{margin-bottom: 0;width:90%;}
.main_top_titlebx .titlebx .title .text{font-size: 32px;}
.main_top_titlebx .titlebx .sub_text{font-size: 14px;}
}

/*=========================================================
  메인 링크 박스
=========================================================*/
.home_text_linkbx{position: relative; z-index: 20;margin-top:-140px;padding-bottom: 40px;}
.home_text_linkbx ul:after{content: ""; display: table; clear: both;}
.home_text_linkbx ul li{width:20%; float: left;}
.home_text_linkbx ul li .itembx{display: block;padding:16px 5px;text-align: center;background: rgba(63,138,249,0.9);border-right: solid 1px rgba(255,255,255,0.2);}
.home_text_linkbx ul li:last-child .itembx{border-right:none;}
.home_text_linkbx ul li .itembx h3{color:#fff;margin-bottom: 5px;}
.home_text_linkbx ul li .itembx .tbl_bx{display: table; table-layout: fixed; width:100%;font-size: 12px; line-height: 1.5em;height: 3em;}
.home_text_linkbx ul li .itembx .tbl_cellbx{color:rgba(255,255,255,0.5);display: table-cell; vertical-align: middle;}

/*호버*/
.home_text_linkbx ul li .itembx:hover{background:#125fac;} 

@media screen and (max-width: 1279px) and (min-width: 1024px){
.home_text_linkbx{margin-top:-135px;}
.home_text_linkbx ul li .itembx .tbl_bx{font-size: 11px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.home_text_linkbx ul li .itembx .tbl_bx{font-size: 11px;height: 4.5em;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.home_text_linkbx{margin-top:0;background: rgba(63,138,249,0.9);padding-bottom: 0;}
.home_text_linkbx .max_container{padding:0;}
.home_text_linkbx ul li{width:33.3333%;}
.home_text_linkbx ul li .itembx{padding:12px 5px;border-bottom:solid 1px rgba(255,255,255,0.2);background: none;}
.home_text_linkbx ul li .itembx h3{font-size: 14px;}
.home_text_linkbx ul li .itembx .tbl_bx{font-size: 10px;line-height: 1.3em;height: 3.9em;}
.home_text_linkbx ul li:last-child .itembx{border-right:solid 1px rgba(255,255,255,0.2);}
}

@media screen and (max-width: 639px) and (min-width: 1px){

}

/*=========================================================
  메인3 모듈 박스(메인 타이틀)
=========================================================*/
/* 헤더
=========================================================*/
.type_list_mdbx .lst_md_headbx{position: relative;margin-bottom: 25px;padding-right: 92px;}
.type_list_mdbx .lst_md_headbx ul{margin:-0 -20px;}
.type_list_mdbx .lst_md_headbx ul:after{content: ""; display: table; clear: both;}
.type_list_mdbx .lst_md_headbx li{float: left;position: relative;}
.type_list_mdbx .lst_md_headbx li:after{content: "";width:1px;height:24px; background: #ccd0d7; position: absolute; top:50%; margin-top:-12px; right:0;}
.type_list_mdbx .lst_md_headbx li:last-child:after{display: none;}
.type_list_mdbx .lst_md_headbx li a{display: block;color:#888e95; line-height: 1.2em; font-weight: bold;padding:0 20px;}

/*더보기 버튼*/
.type_list_mdbx .lst_md_headbx .more_btnbx{line-height: 1.4em; color:#125fac; font-family: 'Open Sans', sans-serif;padding-right: 39px; position: absolute; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);right:0;}
.type_list_mdbx .lst_md_headbx .more_btnbx:after{content: ""; width:21px; height: 7px; background: url(../images/icon/main_one_icon.png) no-repeat;background-size: 125px 125px; background-position: 0 0; position: absolute; top:50%; right:0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;margin-top: 1px;}

/*호버 조건값*/
.type_list_mdbx .lst_md_headbx li a:hover{color:#125fac;}
.type_list_mdbx .lst_md_headbx li.active a{color:#125fac;}
.type_list_mdbx .lst_md_headbx .more_btnbx:hover:after{right:-5px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_list_mdbx.gray_bx{margin-bottom: 45px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_list_mdbx .lst_md_headbx{margin-bottom: 25px;}
.type_list_mdbx .lst_md_headbx ul{margin:-0 -20px;}
.type_list_mdbx .lst_md_headbx li a{padding:0 20px;}
.type_list_mdbx .lst_md_headbx li:after{height: 20px;margin-top: -10px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.type_list_mdbx .lst_md_headbx{margin-bottom: 20px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.type_list_mdbx.gray_bx{margin-bottom: 30px;}
/*.type_list_mdbx .lst_md_headbx .more_btnbx{text-indent: -99999px;}*/
}

/*=========================================================
  메인4 모듈 박스(공지리스트)
=========================================================*/
/*레이아웃*/
.main_ro_contbx{padding:60px 0 50px;}
.main_ro_linkbx{padding:50px 0;}
.main_robx_100{margin:0 -20px;}
.main_robx_100.ty_two{margin:0 -25px;}
.main_robx_100:after{content: ""; display: table; clear: both;}
.main_robx_60{padding:0 20px; float: left;width:62.1%;}
.main_robx_40{padding:0 20px; float: left;width:37.9%;}
.main_robx_70{padding:0 25px; float: left;width:66.4%;}
.main_robx_30{padding:0 25px; float: left;width:33.6%;}

/*리스트*/
.n_main_ls_psbx:after{content: ""; display: table; clear: both;}
.type_list_mdbx{position: relative; z-index: 10;}
.r_date_lsbx ul li .itembx{display: block;position: relative;padding:17px 0;padding-right: 90px;border-bottom: solid 1px #ccd0d7;}
.r_date_lsbx ul li .itembx h4{overflow: hidden; white-space: nowrap; text-overflow:ellipsis;color:#2e3235;}
.r_date_lsbx ul li .itembx .date{color:#888e95; position: absolute; top:50%; right:0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}

/*호버*/
.r_date_lsbx ul li .itembx:hover h4{color:#125fac;}
.r_date_lsbx ul li .itembx:hover .date{color:#125fac;}
.r_date_lsbx ul li .itembx:hover{border-bottom: solid 1px #125fac;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.main_ro_contbx{padding:50px 0 50px;}
.main_ro_linkbx{padding:50px 0;}
.main_robx_100.ty_two{margin:0 -20px;}
.main_robx_70{padding:0 20px; float: left;width:66.4%;}
.main_robx_30{padding:0 20px; float: left;width:33.6%;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_ro_contbx{padding:40px 0 40px;}
.main_ro_linkbx{padding:40px 0;}
.r_date_lsbx ul li .itembx .date{margin-top: -1px;}
.r_date_lsbx ul li:nth-child(3) ~ li{display: none;}
.r_date_lsbx ul li .itembx{padding-right: 0px;}
.r_date_lsbx ul li .itembx .date{display: none;}
.main_robx_60{width:60%;}
.main_robx_40{width:40%;}
.main_robx_100.ty_two{margin:0 -20px;}
.main_robx_70{padding:0 20px; float: left;width:66.4%;}
.main_robx_30{padding:0 20px; float: left;width:33.6%;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.main_ro_contbx{padding:25px 0 25px;}
.main_ro_linkbx{padding:25px 0 25px;}
.main_ro_linkbx .md_vb_tit.mb25{margin-bottom: 20px;}
.r_date_lsbx ul li .itembx{padding:6px 0;}
.r_date_lsbx ul li:nth-child(3) ~ li{display: block;}
.r_date_lsbx ul li:nth-child(4) ~ li{display: none;}
.main_robx_60{width:100%; float: none;margin-bottom: 25px;}
.main_robx_40{width:100%; float: none;}
.main_robx_100.ty_two{margin:0 -20px;}
.main_robx_70{width:100%; float: none;margin-bottom: 25px;}
.main_robx_30{width:100%; float: none;}
}


.organization_bx {margin-bottom:50px;}
.organization_bx div[class*="depth_"]{margin-bottom: 30px; clear: both;position: relative;}
.organization_bx .depth_another {height:100px;}
.organization_bx .organization_btn{ font-size: 16px; color:#fff; line-height: 1.5em; font-weight: bold; text-align: center; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; padding:7px 5px; display: block; margin:0 auto; border:solid 3px transparent; position: relative; z-index: 10; -ms-border-radius: 100px; -o-border-radius: 100px; }
.organization_row1{overflow: hidden;}
.organization_bx .left_depth{position: absolute; left:50%;top:20px;width:180px; margin-left:-240px; padding-right: 20px;background: #fff;z-index: 10;}
.organization_bx .left_depth .organization_btn{margin-top: 20px;}
.organization_bx .left_depth .organization_btn:first-child{margin-top: 0;}

/*조건값*/
.organization_bx .organization_btn.ty1{background: #002e6e;max-width: 166px;border:solid 3px #002e6e;box-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.organization_bx .organization_btn.ty2{background: #125fac;max-width: 220px;font-size: 20px;border:solid 3px #125fac;box-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.organization_bx .organization_btn.ty2 small {font-size:16px;}
.organization_bx .organization_btn.ty3{background: #03b9c9;min-width: 190px;border:solid 3px #03b9c9;padding:8px 5px;font-size: 1.15em;box-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.organization_bx .organization_btn.ty4{background: #ffffff;max-width: 166px;border:solid 3px #ccd0d7;padding:8px 5px;font-size: 14px; color:#575d64;}
.organization_bx .organization_btn.ty5{background: #3f8af9;max-width: 160px;border:solid 3px #3f8af9;box-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.organization_bx .organization_btn.ty5 small {font-size:14px;}

/*호버*/
.organization_bx .organization_btn:hover{background: #575d64 !important;border:solid 3px #575d64 !important;color:#fff !important;}

/*focus*/
.organization_bx .organization_btn:focus{background: #575d64 !important;border:solid 3px #575d64 !important;color:#fff !important;}

/*라인*/
.organization_bx .depth_1:after{content: ""; width:1px; height: 1000px; background: #caced4;position: absolute; top:50px; left:50%;}
/* .organization_bx .depth_2:after{content: ""; width:100%; height: 1px; background: #caced4;position: absolute; bottom:-15px; left:0;}
.organization_bx .left_depth:after{content:""; width:1px; height: 58px; background: #caced4; position: absolute; right:0; top:20px;}
.organization_bx .left_depth .organization_btn:after{content:""; width:20px; height: 1px; background: #caced4; position: absolute; right:-23px; top:50%;} */
.organization_bx .left_depth:after {content:""; width:50px; height: 1px; background: #caced4; position: absolute; right:-60px; top:19px;}

/*2뎁스*/
.organization_row2{position: relative; padding-top:20px;}
.organization_main_ul{margin:-8px -8px;}
.organization_main_ul:after{content: ""; display: table; clear: both;}
.organization_main_ul > li{width:33.3%; float: left;padding:8px 8px;position: relative;}
.organization_itembx .depth_title{font-size: 1.15em;line-height: 1.4em; text-align: center; color:#ffffff; background: #575d64;padding:8px 10px;margin-top:20px;}
.organization_itembx .depth_title:first-child{margin-top:0;}

/*라인*/
.organization_row2:before{content: ""; width: calc(70% - 20px);width: -webkit-calc(70% - 20px);width: -moz-calc(70% - 20px);height: 1px; background:#caced4;position: absolute; top:0; left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.organization_main_ul > li:before{content: ""; width:1px; height: 20px; background: #caced4;position: absolute; top:-12px; left:50%;}

/*호버*/
.organization_itembx .depth_sub_menu > ul > li > a:hover{color:#125fac; text-decoration: underline;}
.organization_itembx .depth_sub_menu > ul ul li a:hover{color:#125fac; text-decoration: underline;}

/*focus*/
.organization_itembx .depth_sub_menu > ul > li > a:focus{color:#125fac; text-decoration: underline;}
.organization_itembx .depth_sub_menu > ul ul li a:focus{color:#125fac; text-decoration: underline;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.organization_bx .organization_btn{font-size: 14px;}
.organization_bx .organization_btn.ty2{font-size: 18px;}
.organization_bx .organization_btn.ty3{font-size: 13px;}
.organization_bx .organization_btn.ty4{font-size: 13px;}
/* .organization_bx .left_depth:after{height: 56px;} */
.organization_row2:before{width: calc(78% - 10px);width: -webkit-calc(78% - 10px));width: -moz-calc(78% - 10px));}
.organization_bx .organization_btn{padding:13px 5px 11px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.organization_row2:before{width: calc(84% - 16px);width: -webkit-calc(84% - 16px);width: -moz-calc(84% - 16px);}
.organization_row2{padding-top:0;}
.organization_row2:before{display: none;}
.organization_main_ul > li:before{display: none;}
}

@media screen and (max-width: 767px) and (min-width: 420px){
.organization_main_ul > li{width:33.3333%;}
.organization_main_ul > li:nth-child(3n+1){clear: both;}
}

@media screen and (max-width: 659px) and (min-width: 1px){
.organization_bx .left_depth{position: relative;top:-30px;margin-top:30px;float: left;width:130px; margin-left:-140px;}
.organization_bx .right_depth{position: relative;margin-top:30px;top:auto;float: right;width:130px;}
.organization_bx .depth_2:after{display: table;clear: both;background: none;position: static;}
/* .organization_bx .depth_2:before{content: ""; width:100%; height: 1px; background: #caced4;position: absolute; bottom:26%; left:0;} */
.organization_bx .left_depth:after {top:24px; right:-10px;}
.organization_bx .organization_btn.ty3 {min-width:0; width:120px;}
.organization_bx .left_depth .organization_btn {margin-top:10px;}
}

@media screen and (max-width: 419px) and (min-width: 1px){
.organization_main_ul > li{width:50%;}
.organization_main_ul > li:nth-child(odd){clear: both;}
}



/*=========================================================
  메인4 모듈 박스(배너링크)
=========================================================*/
.type_banner_mdbx{background: url(/wp-content/uploads/2018/07/banner_bg.jpg) no-repeat;background-size: cover;background-position: center center;}
.type_banner_mdbx .itembx{padding:30px 30px;display: block;min-height: 374px;position: relative;}
.type_banner_mdbx .itembx:after{content: ""; width:5px; height: 100px;position: absolute; bottom:30px; right:30px;background: #fff;z-index: 10;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;}
.type_banner_mdbx .itembx .text_bx{position: relative;z-index: 10;}
.type_banner_mdbx .itembx .text_bx .cate{font-size: 16px; color:#ffffff; line-height: 1.4em; font-weight: bold; margin-bottom: 10px;}
.type_banner_mdbx .itembx h3{color:#fff;margin-bottom: 5px;}
.type_banner_mdbx .itembx .sub_text{font-size: 16px; color:#fff; line-height: 1.5em;}

/*슬라이드*/
.type_banner_mdbx{position: relative;}
.type_banner_mdbx .ab_bx{overflow: hidden;position: relative;}
.ty_banner_slide_ul li{width: 100%;float: left;margin-right: -100%;position: relative; opacity: 0;z-index: 1; display: block;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;}
.ty_banner_slide_ul li .itembx:before{content: ""; position: absolute; top:0; left:0; right:0; bottom:0;background: rgba(63,138,249,0.8);z-index: 10;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;}

/*불릿*/
.type_banner_mdbx .slide_bullet{position: absolute; bottom:35px; left:30px;font-size: 0; line-height: 0;z-index: 100;}
.type_banner_mdbx .slide_bullet:after{content: ""; display: table; clear: both;}
.type_banner_mdbx .slide_bullet li{display:block; vertical-align: middle; margin-right: 10px;float: left;}
.type_banner_mdbx .slide_bullet li:last-child{margin-right: 0;}
.type_banner_mdbx .slide_bullet li a{display: block;width:10px; height: 10px; border:solid 2px #fff; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;text-indent: -99999px;}

/*호버, 액션*/
.type_banner_mdbx .slide_bullet li a:hover{background: #fff;}
.type_banner_mdbx .slide_bullet li.active a{background: #fff;}

/*조건값*/
.ty_banner_slide_ul li.active{opacity: 1; z-index: 2;}

/*호버*/
.ty_banner_slide_ul li .itembx:hover:before{background: rgba(63,138,249,0.9);}
.type_banner_mdbx .itembx:hover:after{height:120px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_banner_mdbx .itembx{min-height: 356px;}
.type_banner_mdbx .itembx .sub_text{font-size: 14px;}
.type_banner_mdbx .itembx .text_bx .cate{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_banner_mdbx .itembx .sub_text{font-size: 14px;}
.type_banner_mdbx .itembx{min-height: 228px;}
.type_banner_mdbx .itembx{padding:25px 25px;}
.type_banner_mdbx .itembx:after{width:3px;right:25px;bottom:25px;}
.type_banner_mdbx .itembx .text_bx .cate{font-size: 14px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.type_banner_mdbx .itembx{min-height: 190px;padding:20px 20px;padding-right: 40px;}
.type_banner_mdbx .itembx .sub_text{font-size: 13px;}
.type_banner_mdbx .itembx:after{height:80px;bottom:20px; right:20px;}
.type_banner_mdbx .itembx .text_bx .cate{font-size: 13px;margin-bottom: 5px;}
}

/*=========================================================
  메인4 모듈 박스(한국어과정)
=========================================================*/
.main_ro_contbx.color_bg{background:url(/wp-content/uploads/2018/07/color_bg.jpg) no-repeat;background-size: cover; background-position: center center;}

/* 리스트
=========================================================*/
.op_ps_iconbx ul{margin:0 -7px;}
.op_ps_iconbx ul:after{content: ""; display: table; clear: both;}
.op_ps_iconbx li{width:50%;float: left; padding:0 7px;}
.op_ps_icon_itembx .itembx{display: block;position: relative;background: rgba(255,255,255,0.7);border-top:solid 5px transparent;}
.op_ps_icon_itembx .itembx:after{content: ""; display: block; padding-bottom: 232px;}
.op_ps_icon_itembx .itembx h3{position: absolute; top:50%; left:20px; right:20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);text-align: center;font-size: 20px; line-height: 1.4em; font-weight: bold;padding-top: 100px;}
.op_ps_icon_itembx .itembx h3:before{content: "";position: absolute; top:0; left:50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);background: url(../images/icon/home_ad_icon.png) no-repeat;background-size: 90px 300px;}



/*조건값*/
.op_ps_iconbx li.step1 .op_ps_icon_itembx .itembx:hover{border-top:solid 5px #e56c5f;}
.op_ps_iconbx li.step2 .op_ps_icon_itembx .itembx:hover{border-top:solid 5px #03b9c9;}
.op_ps_iconbx li.step3 .op_ps_icon_itembx .itembx:hover{border-top:solid 5px #3f8af9;}

.op_ps_iconbx li.step1 .op_ps_icon_itembx .itembx h3{color:#e56c5f;}
.op_ps_iconbx li.step2 .op_ps_icon_itembx .itembx h3{color:#03b9c9;}
.op_ps_iconbx li.step3 .op_ps_icon_itembx .itembx h3{color:#3f8af9;}

.op_ps_iconbx li.step1 .op_ps_icon_itembx .itembx h3:before{width:90px;height: 59px; background-position: 0 0;}
.op_ps_iconbx li.step2 .op_ps_icon_itembx .itembx h3:before{width:74px;height: 60px; background-position: 0 -70px;}
.op_ps_iconbx li.step3 .op_ps_icon_itembx .itembx h3:before{width:59px;height: 72px; background-position: 0 -138px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.op_ps_icon_itembx .itembx h3{font-size: 18px;padding-top: 94px;}
.op_ps_icon_itembx .itembx:after{padding-bottom: 200px;}

}

@media screen and (max-width: 1023px) and (min-width: 1px){
.op_ps_icon_itembx .itembx h3{font-size: 16px;padding-top: 74px;}
.op_ps_icon_itembx .itembx:after{padding-bottom: 180px;}
.op_ps_icon_itembx .itembx h3:before{background-size:60px 200px;}
.op_ps_iconbx li.step1 .op_ps_icon_itembx .itembx h3:before{width:60px;height: 40px; background-position: 0 0;}
.op_ps_iconbx li.step2 .op_ps_icon_itembx .itembx h3:before{width:50px;height: 41px; background-position: 0 -45px;}
.op_ps_iconbx li.step3 .op_ps_icon_itembx .itembx h3:before{width:40px;height: 48px; background-position: 0 -92px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.op_ps_iconbx li{width:100%;margin-top: 10px;}
.op_ps_iconbx li:first-child{margin-top:0;}
.op_ps_icon_itembx .itembx{padding:23px 20px;}
.op_ps_icon_itembx .itembx:after{display: none;}
.op_ps_icon_itembx .itembx h3{position: static;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);padding-top:0;text-align: left;padding-left:62px;}
.op_ps_icon_itembx .itembx h3:before{transform: translateX(0%) translateY(-50%);-webkit-transform: translateX(0%) translateY(-50%);-moz-transform: translateX(0%) translateY(-50%);-ms-transform: translateX(0%) translateY(-50%);left:0;top:50%;}
.op_ps_icon_itembx .itembx h3:before{background-size:42px 140px;}
.op_ps_iconbx li.step1 .op_ps_icon_itembx .itembx h3:before{width:42px;height: 28px; background-position: 0 0;}
.op_ps_iconbx li.step2 .op_ps_icon_itembx .itembx h3:before{width:35px;height: 29px; background-position: 0 -32px;left:3px;}
.op_ps_iconbx li.step3 .op_ps_icon_itembx .itembx h3:before{width:28px;height: 34px; background-position: 0 -64px;left:7px;}
.op_ps_icon_itembx .itembx{border-top:none !important;}
}

/*=========================================================
  메인4 모듈 박스(영상 배너)
=========================================================*/
.type_video_mdbx .itembx{display: block;background: url(/wp-content/uploads/2018/07/video_bg.jpg) no-repeat;background-size: cover; background-position: center center;padding:30px 30px;min-height: 302px;position: relative;overflow: hidden;}
.type_video_mdbx .itembx h3{color:#fff;margin-bottom: 10px;}
.type_video_mdbx .itembx .sub_text{font-size: 14px; color:#fff; line-height: 1.6em;padding-left:24px;position: relative;}
.type_video_mdbx .itembx .sub_text:before{content: ""; width:4px; position: absolute; top:0; left:0; bottom:0; background: #fff;}
.type_video_mdbx .itembx .icon{width:90px;height: 90px; background: rgba(18,95,172,0.7);border-radius: 90px;-webkit-border-radius: 90px;-moz-border-radius: 90px;position: absolute; bottom:30px; right:30px; z-index: 50;display: block;}
.type_video_mdbx .itembx .icon:after{content: "";background: url(../images/icon/home_ad_icon.png) no-repeat;background-size: 90px 300px;width:33px;height: 41px;background-position: 0 -224px;position: absolute;top:50%; left:50%; margin-top:-20px; margin-left:-12px;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;}

/*호버*/
.type_video_mdbx .itembx:hover .icon:after{transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_video_mdbx .itembx{min-height: 263px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_video_mdbx .itembx{min-height: 239px;}
.type_video_mdbx .itembx .icon{width:70px;height: 70px;bottom:25px; right:25px;}
.type_video_mdbx .itembx{padding:25px 25px;}
.type_video_mdbx .itembx .icon:after{background-size: 60px 200px;width: 22px;height:28px;margin-top:-14px; margin-left:-9px;background-position: 0 -149px;}
.type_video_mdbx .itembx .sub_text{font-size: 13px;}
.type_video_mdbx .itembx .sub_text br{display: none;}
}


@media screen and (max-width: 767px) and (min-width: 1px){
.type_video_mdbx .itembx{min-height: 220px;}
.type_video_mdbx .itembx{padding:20px 20px;}
.type_video_mdbx .itembx .icon{bottom:20px; right:20px;}
}


/*=========================================================
  메인4 모듈 박스(아이콘 링크박스)
=========================================================*/
.home_icon_linkbx{background: #03b9c9;}
.home_icon_linkbx ul:after{content: ""; display: table; clear: both;}
.home_icon_linkbx ul li{width:33.3333%; float: left;position: relative;}
.home_icon_linkbx ul li:after{content: "";width:1px; height: 80px; background: #68d5df; position: absolute; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);right:0;}
.home_icon_linkbx ul li:last-child:after{display: none;}
.home_icon_linkbx ul li .itembx{display: block; padding:25px 15px;text-align: center;}
.home_icon_linkbx ul li .itembx .inlinebx{display: inline-block;vertical-align: middle;position: relative;}
.home_icon_linkbx ul li .itembx .thum{width:90px;line-height: 0; position: absolute; top:0; left:0;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);}
.home_icon_linkbx ul li .itembx .text_bx{text-align: left;padding-left: 110px;}
.home_icon_linkbx ul li .itembx .tblbx{display: table; table-layout: fixed;height: 90px;}
.home_icon_linkbx ul li .itembx .tblbx .text{display: table-cell;vertical-align: middle;font-size: 18px; color:#fff; line-height: 1.4em; font-weight: bold;}

/*호버*/
.home_icon_linkbx ul li .itembx:hover .thum{transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.home_icon_linkbx ul li .itembx .thum{width:70px;}
.home_icon_linkbx ul li .itembx .text_bx{padding-left:90px;}
.home_icon_linkbx ul li .itembx .tblbx{height: 70px;}
.home_icon_linkbx ul li .itembx .tblbx .text{font-size: 16px;}
.home_icon_linkbx ul li:after{height: 70px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.home_icon_linkbx ul li .itembx{padding:20px 15px;}
.home_icon_linkbx ul li .itembx .thum{width:60px;}
.home_icon_linkbx ul li .itembx .text_bx{padding-left:80px;}
.home_icon_linkbx ul li .itembx .tblbx{height: 60px;}
.home_icon_linkbx ul li .itembx .tblbx .text{font-size: 14px;}
.home_icon_linkbx ul li:after{height: 50px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.home_icon_linkbx ul li .itembx{padding:20px 10px;}
.home_icon_linkbx ul li .itembx .thum{width:50px;position: static;margin:0 auto 10px;}
.home_icon_linkbx ul li .itembx .text_bx{padding-left:0; text-align: center;}
.home_icon_linkbx ul li .itembx .tblbx .text{font-size: 12px;}
.home_icon_linkbx ul li:after{height: 70px;}
.home_icon_linkbx ul li .itembx .tblbx{height: 2.8em;}
}

/*=========================================================
	국제교류 - Top Ten 프로그램
=========================================================*/

.page_descbx.tb_border{border-top:3px solid #ccd0d7;border-bottom:1px solid #ccd0d7;padding-top:15px;padding-bottom:25px;}
ol.cir_numlist li{margin-bottom:4px;}
ol.cir_numlist li:after{content:"";display:block;clear:both;}
ol.cir_numlist li .cir_num{display:block;float:left;width:22px;height:22px;color:#fff;background-color:#888e95;border-radius:50%;text-align:center;font-size:12px;line-height:1em;padding:6px 0;margin-right:4px;}
ol.cir_numlist li .txt{display:block;overflow:hidden;}

/*=========================================================
	국제교류 - 교환학생제도
=========================================================*/

/*25탭*/
.md_index_tabbx.row_25 li{width:25%;}
.md_index_tabbx.row_25 ul li:nth-child(3n) .tab_item:before{display: block;}
.md_index_tabbx.row_25 ul li:nth-child(4n) .tab_item:before{display: none !important;}
.md_index_tabbx.row_20 li{width:20%;}
.md_index_tabbx.row_20 ul li:nth-child(4n) .tab_item:before{display: block;}
.md_index_tabbx.row_20 ul li:nth-child(5n) .tab_item:before{display: none !important;}


.international_exchange_stbx .img_bgbx{background:url(/iie/wp-content/uploads/sites/48/2018/08/exchange_student_bgimg1.jpg) no-repeat;background-position:center center;background-size:cover;padding:47px 40px 43px;}
.international_exchange_stbx .img_bgbx h3.md_b_tit{color:#fff;margin-bottom:3px;}
.international_exchange_stbx .img_bgbx a{color:#fff;}
.international_exchange_stbx .img_bgbx a:first-of-type{display:block;}
.international_exchange_stbx .img_bgbx a.md_btn_more{background-color:#3f8af9;margin-top:25px;}

/*bullet_bar*/
.page_contbx ul.bullet_bar{padding-left:13px;margin-top:5px;}
ul.bullet_bar > li{font-weight:lighter;color:#888e95;position:relative;padding-left:8px;font-size:14px;}
ul.bullet_bar > li:after{content:"-";display:block;position:absolute;top:-2px;left:0;}

/*bullet_dot*/
.page_contbx ul.bullet_dot.graybx{background-color:#f6f9fd;padding:20px 23px;margin-top:6px;}
ul.bullet_dot > li{position:relative;padding-left:8px;font-size:14px;}
ul.bullet_dot > li:after{content:"•";display:block;position:absolute;top:0;left:0;color:#3f8af9;}

/**반응형**/
@media screen and (max-width: 639px) and (min-width: 1px){
ul.bullet_dot > li{font-size:13px;}
ul.bullet_bar > li{font-size:13px;}
}

/*=========================================================
	국제교류 - ITP토플
=========================================================*/

.international_itpbx .top_bgbx{background:url(/iie/wp-content/uploads/sites/48/2018/08/itp_bgimg1.jpg) no-repeat;background-position:center center;background-size:cover;text-align:center;padding:50px 0;}
.international_itpbx .top_bgbx h3{color:#fff;}
.international_itpbx .top_bgbx h3:after{content:"";display:block;width:20px;height:1px;background-color:#fff;margin:10px auto 16px auto;}
.international_itpbx .top_bgbx p{color:#fff;}
.international_itpbx .top_bgbx p:nth-of-type(2){font-weight:lighter;margin-top:9px;}
.dia_imgbx{text-align:center;line-height:0;}
.international_itpbx .page_descbx.tb_border{padding-left:20px;padding-right:20px;padding-top:25px;}

.dia_imglistbx ul:after{content:"";display:block;clear:both;}
.dia_imglistbx ul li{display:block;float:left;width:50%;line-height:0;}

.international_itpbx .borderbx{text-align:center;border:1px solid #ccd0d7;padding:35px 20px;margin-bottom:50px;margin-top:22px;}
.international_itpbx .borderbx .imgbx{line-height:0;margin-top:28px;}
.international_itpbx .borderbx p.md_m_text{font-weight:bold;margin-bottom:7px;}

/** 반응형 **/
@media screen and (max-width: 639px) and (min-width: 1px){
.dia_imglistbx ul li{display:block;text-align:center;float:none;width:100%;}
.dia_imglistbx ul li:first-child{margin-bottom:20px;}
.dia_imglistbx ul li:first-child img{margin-right:-29px;}
}


/** 추가 CSS ***********************/

/*=========================================================
  대외협력처 - 기부자예우
=========================================================*/
.md_bs_sytbl.v_border thead th{border-left:solid 1px #ccd0d7;}
.md_bs_sytbl.v_border thead th:first-child{border-left:none;}
.md_bs_sytbl.v_border tbody th,
.md_bs_sytbl.v_border tbody td,
.md_bs_sytbl.v_border tfoot td{border-left:solid 1px #ccd0d7;}
.md_bs_sytbl.v_border tbody th:first-child,
.md_bs_sytbl.v_border tbody td:first-child{border-left:none;}
table.md_bs_sytbl a{color:#575d64}
table.md_bs_sytbl a:hover{color:#4897e4;}

/*=========================================================
  인보이스
=========================================================*/
.invoice_formbx .header{margin-bottom: 45px;}
.invoice_formbx .header .md_bs_imgbx{max-width: 100px; margin:0 auto 25px;}
.invoice_formbx .header .md_vb_tit{margin-bottom: 10px;}
.invoice_formbx .header .sub_text a{color:#575d64;}
.invoice_formbx .sub_title{text-align: center; margin-bottom: 15px;}
.invoice_formbx .datebx{margin-bottom: 15px;text-align: center; color:#2e3235;font-size: 16px;line-height: 1.4em;font-weight: bold;}
.invoice_formbx .invoice_f_info{margin-bottom: 45px;}
.invoice_formbx .invoice_f_info li{text-align: center; color:#2e3235;line-height: 1.5em;margin-top: 5px;}
.invoice_formbx .invoice_f_info li:first-child{margin-top: 0;}
.invoice_formbx .md_tbl_scrollbx{margin-bottom: 45px;}

/*테이블*/
.md_invoice_tbl{width:100%;border-top:solid 2px #2e3235;}
.md_invoice_tbl.top_none{border-top: solid 1px #ccd0d7;margin-top: -1px;}
.md_invoice_tbl th,.md_invoice_tbl td{vertical-align: middle;}
.md_invoice_tbl thead th{padding:15px 5px;font-size: 1.15em; color:#2e3235; line-height: 1.4em; font-weight: bold;border-bottom: solid 1px #ccd0d7;text-align: center;border-left:solid 1px #ccd0d7;background: #f1f3f6;}
.md_invoice_tbl thead th:first-child{border-left:none;}
.md_invoice_tbl tbody th,.md_invoice_tbl tbody td{font-size: 1em; line-height: 1.5em;padding:15px 15px;text-align: center;border-bottom: solid 1px #ccd0d7;}
.md_invoice_tbl tbody th{font-weight: bold;background: #f1f3f6; color:#2e3235;}
.md_invoice_tbl tbody td + th{border-left:solid 1px #ccd0d7;}
.md_invoice_tbl tbody th .f_b{font-size: 1.15em;color:#2e3235;}
.md_invoice_tbl tbody td{border-left:solid 1px #ccd0d7;text-align: left;}
.md_invoice_tbl tbody tr.total td{font-weight: bold;color:#2e3235;}
.md_invoice_tbl tbody td.bg{font-weight: bold;background: #f1f3f6; color:#2e3235;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.md_main_tbl tbody th, .md_main_tbl tbody td{font-size: 1em; word-break: break-word; }
.md_main_tbl thead th{padding:12px 5px;font-size: 1em;}
.md_main_tbl tbody th .f_b{font-size: 1em;}
}

/*호버*/
.invoice_formbx .header .sub_text a:hover{color:#4897e4; text-decoration: underline;}

/*=========================================================
  연구보고서 목록 2025. 8. 28. 최지현
=========================================================*/
.gallery-row {display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.item {text-align: center; margin-bottom: 25px; }
.item img {width: 100%; aspect-ratio: 4 / 5; height: auto; object-fit: cover; border-radius: 8px; display: block; border: 1px solid #ddd;}
.caption {margin-top: 8px; line-height: 1.4; word-break: keep-all;}

/* 반응형 */
@media (max-width: 992px) {
  .gallery-row {grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 576px) {
  .gallery-row {grid-template-columns: 1fr;}
  .item img {aspect-ratio: 3 / 4;}
  .caption {font-size: 13px;}
}