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

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

.header_top {padding:0 1rem;box-sizing:border-box}   
.gnb_top {padding:0 1rem;box-sizing:border-box} 
.gnb > ul {padding:0 1rem;box-sizing:border-box}
.section_wrap {padding:0 1rem;box-sizing:border-box} 
.bn_box {padding:0 1rem;box-sizing:border-box}
.ft_wrap {padding:0 1rem;box-sizing:border-box}

.sub_content.foreign {padding:0 1rem;box-sizing:border-box}

.prof_list > ul > li {height:auto}

}

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

.gnb > ul > li > a span {font-size:.9rem}

}

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

.top_util .top_left .link li a {padding:0 .75rem 0 1.95rem}
.top_util .top_left .link li .site {padding:0 .75rem}
.top_util .top_left .link li .kor {background-position:center left .75rem}
.top_util .top_left .link li .eng {background-position:center left .75rem}
.top_util .top_left .link li .vie {background-position:center left .75rem}
.top_util .top_left .link li .chi {background-position:center left .75rem}

.top_util .top_right ul li a {padding:0 .75rem}
.top_util .top_right ul li .popCtrl {padding:0 1.75rem 0 .5rem;background-position:center right .75rem}
.top_util .top_right ul li .popCtrl.close {background-position:center right .75rem}

.gnb > ul > li > a span {font-size:.85rem}

.quick_wrap ul li a .quick_txt {font-size:1rem}

.section_wrap .sec_right {width:calc(50% - 1rem)}
.edu_menu ul li a {padding:1.15rem 1.25rem 1.15rem .5rem}
.edu_menu ul li a:before {right:.5rem}
.notice_wrap {padding:1.6rem 1.5rem}
.notice_wrap .btn_more {right:1.5rem}

.section_wrap .sec_left {width:calc(50% - 1rem)}

.contTop {height:auto;padding:1rem 0 .55rem 0}
.contTop h2.pageTit {float:none;width:100%;text-align:center}
.utilWrap {float:none;margin-top:.5rem;padding-right:0;text-align:center}
.utilWrap ul.locationW {display:inline-block;vertical-align:middle}
.utilWrap ul.locationW li {float:none;display:inline-block}
.utilWrap ul.btn_ect {display:inline-block;position:relative;top:auto;right:auto;vertical-align:middle}
.utilWrap ul.btn_ect li.btn_print {display:none}
.utilWrap ul.btn_ect > li.btn_share ul {top:2.45rem}


}

@media screen and (max-width:1000px){
	
/* 공통 */

.mobAllmenu {overflow-y:scroll;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;box-sizing:border-box;z-index:100}
.navTop {position:relative;width:calc(100% - 40px);height:60px;padding:0 20px;background:#353a43;z-index:20}
.navTop h3 {float:left;color:#fff;font-size:18px;font-weight:500;line-height:60px}
.navTop .top_link {display:none}
.navTop .nav_close {position:absolute;top:19px;right:20px}
.navTop .nav_close a {display:block;width:21px;height:21px;background:url(../../img/foreign/common/icon_close_wh.png) no-repeat 0 0;text-indent:-9999px}
.nav_util {position:relative;width:100%;height:2.5rem;padding:0 1rem;background:#4b515d;box-sizing:border-box}
.nav_util ul {overflow:hidden}
.nav_util ul li {float:left;margin-left:1rem}
.nav_util ul li:first-child {margin-left:0}
.nav_util ul li a {color:#fff;font-size:.7rem;line-height:2.5rem}
.nav {position:relative;width:100%;z-index:10}
.nav > ul > li {display:block;width:100%;background:url(../../img/foreign/common/nav_arrow.png) no-repeat right 20px center;border-bottom:1px solid #ddd;text-align:left}
.nav > ul > li:first-child {border-top:none}
.nav > ul > li > a {display:inline-block;width:calc(100% - 20px);padding-left:20px;color:#333;font-size:18px;font-weight:500;line-height:50px}
.nav > ul > li.active {background:url(../../img/foreign/common/nav_arrow_on.png) no-repeat right 20px top 19px}
.nav > ul > li.active > a {color:#0a4595}
.nav > ul > li > ul {display:none;width:calc(100% - 40px);padding:5px 20px;background:#eceeef;border-top:1px solid #ddd}
.nav > ul > li.active > ul {display:block}
.nav > ul > li > ul > li {position:relative;display:block;padding:5px 0 5px 11px}
.nav > ul > li > ul > li:before {content:"";position:absolute;top:17px;left:0;width:3px;height:3px;margin-top:-1px;background:#006e93}
.nav > ul > li > ul > li > a {display:block;color:#006e93;font-size:16px}
.nav > ul > li > ul > li > ul {padding-top:5px}
.nav > ul > li > ul > li > ul > li {padding:5px 0}
.nav > ul > li > ul > li > ul > li > a {display:block;color:#555}
.nav > ul > li > ul > li > a:hover, .nav > ul > li > ul > li > ul > li > a:hover {text-decoration:underline}

.none {display:none}
.top_util .top_left .language {display:block}
.top_util .top_right ul li:last-child {border-left:1px solid #6c7987}

.gnb {display:none}

/* 메인 */

.section_wrap .sec_right {order:1;width:100%}

.section_wrap .sec_left {order:2;width:100%}


/* 서브 */

.majorWrap .contL {display:none}

.majorWrap .contR {float:none;width:100%;margin-left:0}

.tblForm td select {width:9rem}
.tblForm td input[type=text] {width:9rem}
.tblForm td input[type=password] {width:9rem}
.tblForm.type1 td input[type=text] {width:8.5rem}
.tblForm.type1 td input[type=password] {width:8.5rem}
.tblForm p.formAddr input[type=text] {width:100%}

.bookBox {float:none;width:100%;margin:0 0 1rem 0}
.bookList {float:none;width:100%}
.bookInfo ul li {width:23%}

.stepWrap ul li {width:23%;margin:1rem 1% 0 1%}

}

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


/* 공통 */

html {font-size:19px}

.rolling ul li {width:calc(50% - 1rem)}

.gnb_top .logo a img {max-width:80%}

.ft_left {order:2;width:100%;margin-top:.5rem}
.ft_right {order:1;width:100%}

/* 메인 */

.visual_inner {height:18rem}
.visual_inner .visual_txt .articleTit {font-size:2rem}

.quick_wrap {height:auto}
.quick_wrap ul {background:url(../../img/foreign/main/quick_bg.jpg) repeat;border-radius:0}
.quick_wrap ul li {width:33.3%;border-left:none;border-right:1px solid #4e5d69}
.quick_wrap ul li:nth-child(1), .quick_wrap ul li:nth-child(2), .quick_wrap ul li:nth-child(3) {border-bottom:1px solid #4e5d69}
.quick_wrap ul li:last-child a:hover {border-radius:0}

.section {margin-top:2rem;padding-top:2rem}
.notice_wrap {margin-top:2rem}

.banner_wrap {margin-top:2rem}
.bn_box {height:auto;padding:1rem}
.bn_box .bn_ctrl {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}
.bn_box .bn_ctrl ul {margin-top:0}
.bn_box .bn_list {width:100%;margin-top:1rem}
.bn_box .bn_list ul li:nth-child(1) {margin-left:0}

/* 서브 */

.bd_Top {margin-bottom:.5rem}
.bd_Top .bd_search {float:none;display:block;width:100%}
.bd_Top .bd_search .b_sel_box {display:block;width:100%;margin-right:0}
.bd_Top .bd_search .b_sel_box.sel_group {display:block;width:100%;margin:0 0 .5rem 0}
.bd_Top .bd_search .b_search_box {display:block;margin:.5rem 0 0 0}
.bd_Top .bd_search .b_search_box input[type=text] {display:inline-block;width:calc(100% -  3.6rem)}

.tbl_list colgroup {display:none}
.tbl_list thead {display:none}
.tbl_list tr {display:block;padding:10px 0;border-bottom:1px solid #ccc}
.tbl_list td {display:inline-block;padding:2px 5px;border:none}
.tbl_list span.bd_notice {margin-bottom:5px}
.tbl_list td.subject {width:calc(100% - 10px)}
.tbl_list td.tbl_none {display:none}
.tbl_list tr td.viewer {padding-left:0}

.photo_List ul li {width:31.3%}

.site_map > ul > li {width:calc(50% - 3px)}

.tabBox a.tab_select {display:block}
.tabBox ul {display:none;position:absolute;top:100%;left:0;width:calc(100% - 2px);border:1px solid #6d7889}
.tabBox ul li {float:none;display:block;width:100% !important;border-top:1px solid #ddd}
.tabBox ul li:first-child {border-top:none}
.tabBox ul li a {margin-right:0;background:#fff;border:none;color:#555}
.tabBox ul li.active a {margin-right:0;background:#fff;border:none;color:#555}
.tabBox ul li a:hover {text-decoration:underline}

.tblForm td select {display:block;width:100%}
.tblForm td input[type=text] {display:block;width:100%}
.tblForm td input[type=password] {display:block;width:100%}
.tblForm td input[type=file] {display:block;width:100%}

.sitemapList {width:100%;margin:0 0 1rem 0}

.moralWrap ul li {display:inline-block;width:6rem;height:6rem}
.moralWrap ul li.mr1 span, .moralWrap ul li.mr2 span, .moralWrap ul li.mr3 span {padding-top:1.5rem}

.goalList_type1 ul li {width:8rem}
.goalList_type1 ul li.gl_round1 span.glTit {width:8rem;height:8rem;font-size:1rem}
.goalList_type1 ul li.gl_round2 span.glTit {width:8rem;height:8rem;font-size:1rem}
.goalList_type1 ul li.gl_round3 span.glTit {width:8rem;height:8rem;font-size:1rem}

.bookBox {height:30rem}

.stepWrap ul li {width:48%}

}

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


/* 공통 */

html {font-size:18px}

.rolling ul li {width:100%}

.gnb_top .logo a img {max-width:70%}

.gnb_top .logo.eng a img {max-width:90%}

/* 메인 */

.visual_inner {height:16rem}
.visual_inner .visual_txt .articleTit {font-size:1.8rem}

.quick_wrap ul li {width:50%;border-bottom:1px solid #4e5d69}
.quick_wrap ul li a {padding:1rem .5rem}
.quick_wrap ul li a .quick_txt {margin-top:.6rem}

.notice_wrap {padding:1.5rem 1rem}
.board_list .board_box {padding:.85rem .5rem .95rem .5rem}
.notice_wrap .btn_more {right:1rem}

/* 서브 */

.sub_visual {height:8rem}

.touch {position:relative;display:block;height:2rem}
.touch:before {content:"";position:absolute;top:0;right:0;width:3.55rem;height:1.75rem;background:url(../../img/foreign/sub/scroll.png) no-repeat center center;background-size:3.55rem}
.scrollY .tbl_info_type1 {width:640px}
.scrollY .tbl_list_type1 {width:640px}

.photo_List ul li {width:48%}

.mapBox {height:10rem}

span.sideBtn {display:block;position:relative;top:auto;right:auto;margin-top:.5rem;text-align:right}

.tblForm colgroup {display:none}
.tblForm th, .tblForm td {display:block;border-left:0;border-right:0}
.tblForm .bdLeft {border-left:0}
.tblForm span.ps {display:block;margin:.5rem 0 0 0}
.tblForm.type1 td input[type=text] {display:block;width:100%}
.tblForm.type1 td input[type=password] {display:block;width:100%}
.tblForm.type1 td input[type=text].box80 {width:100%}
.tblForm.type1 td label {display:block;margin:.5rem 0 0 0}
.tblForm.type1 td input[type=text].post {display:inline-block;width:30%}

.moralWrap ul li {display:inline-block;width:5rem;height:5rem}
.moralWrap ul li.mr1 span, .moralWrap ul li.mr2 span, .moralWrap ul li.mr3 span {padding-top:1rem}

.goalList_type1 ul li {display:flex;flex-wrap:wrap;align-items:center;width:100%;margin-top:1rem;padding:0;box-sizing:border-box}
.goalList_type1 ul li:first-child {margin-top:0}
.goalList_type1 ul li.gl_round1 span.glTit {width:8rem}
.goalList_type1 ul li span.glTxt {width:calc(100% - 8rem);padding-left:1rem;text-align:left;box-sizing:border-box}

.greet_wrap {display:block}
.greet_wrap .greet_img {display:block;margin:0 auto}
.greet_wrap .greet_cnt {display:block;width:100%;margin-top:1rem;padding:0}

.bookBox {height:20rem}

.hist_wrap:before {display:none}
.hist_box {border-bottom:1px solid #ddd}
.hist_box span.hist_year {position:relative;padding-left:1rem}
.hist_box ul {width:100%;padding-left:0}

.prof_list > ul > li {width:100%;margin:1rem 0 0 0}

.stepWrap ul li {width:100%;margin:1rem 0 0 0}
.stepWrap ul li span.stepCnt {min-height:auto}

}

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

/* 공통 */

html {font-size:16px}

.top_util_wrap ul.util li {border-left:none}

.gnb_top {height:3.5rem}

/* 메인 */

/* 서브 */

.moralWrap ul li {width:4rem;height:4rem}
.moralWrap ul li.mr1 span, .moralWrap ul li.mr2 span, .moralWrap ul li.mr3 span {padding-top:1rem;font-size:.9rem;line-height:1rem}

.bookInfo ul li {width:48%}

}

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

/* 공통 */

/* 메인 */

/* 서브 */

.photo_List ul li {width:100%;margin:0 0 1rem 0}


}