@charset "utf-8";

/* ======================================== Font ======================================== */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('font/NanumGothic-Regular.eot');
  src: url('font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('font/NanumGothic-Regular.woff2') format('woff2'),
       url('font/NanumGothic-Regular.woff') format('woff'),
       url('font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('font/NanumGothic-Bold.eot');
  src: url('font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('font/NanumGothic-Bold.woff2') format('woff2'),
       url('font/NanumGothic-Bold.woff') format('woff'),
       url('font/NanumGothic-Bold.ttf') format('truetype');
}

/* ======================================== Reset ======================================== */
*{-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img{margin:0;padding:0;}
body,input,textarea,select,button,table{font-family:'Nanum Gothic','Malgun Gothic','sans-serif';font-size:14px;font-weight:400;color:#000;word-wrap:break-word;word-break:keep-all;}
ul,ol,li{list-style:none;}
img{border:0 none;max-width:100%;}
img,input,button,label{vertical-align:middle;}
img.thumb{height: 148px; width: 234px;}
img.propose{height: 171px; width: 244px;}
select{vertical-align:top;}
button{cursor:pointer;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#222;}
a:hover{text-decoration:none;}
caption,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;line-height:0;font-size:0;}

/* ======================================== common ======================================== */
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.fl-l{float:left;}
.fl-r{float:right;}
#overlay{display:none;position:fixed;background:rgba(0,0,0,0.7);top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:999;}

/* ======================================== table ======================================== */
table{width:100%;border-spacing:0;border-top:2px solid #00193a;}
table.list th,
table.list td{padding:13px 30px;height:24px;line-height:24px;font-size:15px;text-align:center;border-left:1px solid #ccc;}
table.list th{background:#f7f7f7;color:#333;border-bottom:1px solid #00193a;}
table.list td{background:#fff;color:#666;border-bottom:1px solid #c2c2c2;}
table.list th:first-child,
table.list td:first-child{border-left:0;}
table.list td.border{border-left:1px solid #ccc;}
table.list td.left{text-align:left;}
table.list td.right{text-align:right;}
table.list td.center{text-align:center;}
table.view th,
table.view td{padding:10px 20px;height:24px;line-height:24px;font-size:15px;}
table.view th{background:#f7f7f7;color:#333;text-align:center;border-bottom:1px solid #c2c2c2;}
table.view td{background:#fff;color:#666;text-align:left;border-bottom:1px solid #c2c2c2;}
table.view td.left{text-align:left;}
table.view td.right{text-align:right;}
table.view td.center{text-align:center;}
table.view td.textContent{padding:20px;line-height:160%;}
table.view a.fileLink{display:block;text-decoration:underline;}

/* ======================================== layout ======================================== */
#wrap{}
.inner{display:block;position:relative;width:1000px;margin:0 auto;box-sizing:border-box;}
.inner:after{content:'';display:block;clear:both;}
#header{position:relative;height:75px;border-bottom:2px solid #000b7a;z-index:100;}
#header h1{float:left;margin-top:20px;}
#header #gnb{float:right;}
#header #gnb ul:after{content:'';display:block;clear:both;}
#header #gnb>ul>li{position:relative;float:left;padding:26px 28px 28px;background:url('/images/village/bg_gnb.png') right 30px no-repeat;}
#header #gnb>ul>li:last-child{padding-right:0;background:none;}
#header #gnb>ul>li a{display:block;font-size:18px;font-weight:700;color:#000;}
#header #gnb>ul>li.on:after{display:block;content:'';position:absolute;left:0;bottom:-10px;width:100%;height:8px;background:url('/images/village/bg_gnb_on.png') center center no-repeat;}
#header #gnb>ul>li ul{display:none;position:absolute;left:10px;right:0;top:75px;padding:0 5px;min-width:460px;height:auto;background:#000b7a;z-index:2;}
#header #gnb>ul>li ul li{float:left;padding:17px 17px 17px 26px;background:url('/images/village/bul_sub_gnb.png') 16px center no-repeat;}
#header #gnb>ul>li ul li a{display:block;font-size:14px;color:#b9beeb;}
#header #gnb>ul>li ul li a:hover{color:#ff7f47;}
#header #gnb a.btnGnb{display:none;}
#container{}
#container #sub_header{margin-bottom:30px;padding-top:53px;height:135px;box-sizing:border-box;}
#sub_header .location {font-size:13px;height:14px;line-height:14px;}
#sub_header .location span{display:inline-block;padding:0 8px 0 5px;color:#000;}
#sub_header .location span:first-child{padding-left:0;}
#sub_header .location span.home{width:11px;height:14px;vertical-align:top;background:url('/images/village/ico_home.png') 0 1px no-repeat;text-indent:-9999em;overflow:hidden;}
#sub_header .location strong{display:inline-block;padding:0 8px 0 5px;color:#000;font-weight:400;}
#sub_header .location em{display:inline-block;vertical-align:top;width:5px;height:9px;background:url('/images/village/bul_location.png') 0 0 no-repeat;margin-top:3px;}
#sub_header h2.title{height:65px;line-height:65px;font-size:35px;font-weight:700;letter-spacing:-1px;}
#container #sub_content{min-height:590px;margin-bottom:55px;}
#sub_content h3.sub_title{margin-bottom:10px;height:65px;line-height:65px;font-size:25px;color:#333;background:url('/images/village/bul_title.png') 0 0 no-repeat;}
#sub_content h4.sub_title{margin-bottom:5px;height:55px;line-height:55px;font-size:22px;color:#333;background:url('/images/village/bul_title.png') 0 0 no-repeat;}
#sub_content .con_ul{margin-bottom:55px;}
#sub_content .con_ul li{margin-bottom:10px;padding-left:8px;line-height:1.6em;color:#666;background:url('/images/village/bul_content.png') 0 10px no-repeat;}
#sub_content .img_wrap{margin-bottom:25px;}
#sub_content .con_p{line-height:1.6em;color:#666;margin-bottom:20px;}
#footer{background:#e0e0e0;border-top:1px solid #e9e9e9;}
#footer>.inner{position:relative;height:46px;line-height:46px;}
#footer>.inner a.policy{font-size:14px;font-weight:700;color:#656565;}
#footer>.inner select{position:absolute;top:5px;right:100px;width:182px;height:36px;line-height:34px;padding:1px;font-size:14px;color:#666;border:1px solid #e7e7e7;}
#footer .campus{padding-top:20px;height:100px;background:#f7f8fa;border-top:1px solid #e2e3e4;}
#footer .campus ul:after{content:'';display:block;clear:both;}
#footer .campus ul li{float:left;width:50%;padding-left:30px;box-sizing:border-box;}
#footer .campus ul li img{vertical-align:top;}
#footer .campus li:first-child{padding-left:0px;}
#footer .campus ul li span{display:inline-block;margin-left:12px;}
#footer .campus ul li span b{display:inline-block;margin:5px 0;font-size:14px;color:#666;}
#footer .campus ul li span em{display:block;font-size:12px;color:#666;}
#footer .campus .inner .siteFaq {text-align: center; margin-top: 10px;}

.tabBar{margin-bottom:30px;}
.tabBar:after{display:block;content:'';clear:both;}
.tabBar li{float:left;height:50px;}
.tabBar li a{display:block;height:50px;background:#e0e0e0;border-right:1px solid #fff;text-align:center;color:#555;font-size:18px;font-weight:bold;line-height:50px;}
.tabBar li.active a{background:#07469b;color:#fff;}
.tabBar.col2 li{width:50%;}
.tabBar.col3 li{width:33.3333%;}
.tabBar.col4 li{width:25%;}
.tabBar.col5 li{width:20%;}

.thumbList{margin:0 -10px 20px;}
.thumbList:after{content:'';display:block;clear:both;}
.thumbList li{float:left;margin-bottom:20px;padding:0 10px;box-sizing:border-box;width:25%;}
.thumbList li a{display:block;border:1px solid #e0e0e0;overflow:hidden;}
.thumbList li a img{width:234px;height:148px;max-width:100%;max-height:100%;}
.thumbList li .title{display:block;height:94px;padding:20px;border-top:1px solid #e0e0e0;letter-spacing:-1px;box-sizing:border-box;}
.thumbList li .title b{display:inline-block;margin-bottom:7px;padding:0 8px;height:20px;line-height:20px;font-size:11px;color:#fff;background:#01a5bc;} 
.thumbList li .title b.labelType2{background:#2868b3;}
.thumbList li .title b.labelType3{background:#eb8800;}
.thumbList li .title b.labelType4{background:#5cb531;}
.thumbList li .title span{display:inline-block;width:100%;font-size:15px;color:#222;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* ======================================== Button ======================================== */
.btnArea{margin:25px 0;text-align:center;}
.btnArea.right{text-align:right;}
.btnArea.left{text-align:left;}
.btn_s,
.btn_m{display:inline-block;font-weight:bold;color:#555;background:#fff;border:1px #07469b solid;vertical-align:middle;}
.btn_s{padding:0 12px;height:20px;font-size:11px;line-height:20px;}
.btn_m{padding:0 20px;height:32px;font-size:12px;line-height:32px;}
.btn_focus{color:#fff;background:#07469b;border:1px #07469b solid;}



/* ======================================== copyright ======================================== */
div {
    margin: 0;
    outline: 0;
    padding: 0;
}
.total-tab{
    margin-left: 20px;
    margin-right: 20px;
}
.att-tit{
  color:#2c2c2c; 
  font-size:28px; 
  font-weight:bold; 
 /* position:absolute; */
  left:0; 
  bottom:20px;
  text-decoration-line: underline;
  text-decoration-style: double;:  
}
.att-top {
    width: 100%;
    height: 94px;
    /* border-bottom: 1px solid #dcdcdc; */
    position: relative;
    margin-top: 50px;
    text-align: center;
}
.h34 {
    width: 100%;
    height: 34px;
    overflow: hidden;
}
.decimal {
    padding-left: 17px;
}
.decimal li {
    list-style-type: decimal;
    margin-bottom: 20px;
    line-height: 24px;
}
.color20 {
    color: #0618f1; 
    font-weight:bold;
}

/* ======================================== Responsive ======================================== */
/*Mobile*/
@media all and (max-width:960px){		
	.inner{padding:0 3%;width:auto;}
	#header{height:70px;}
	#header > .inner{height:70px;}
	#header #gnb{float:none;position:absolute;top:0;right:0;width:50px;height:70px;z-index:9999;background:#fff;}
	#header #gnb.on{width:215px;background:#fff;}
	#header #gnb.on>ul{display:block;}
	#header #gnb.on a.btnGnb{margin:0;top:18px;background:url('/images/village/icon_btnGnbClose.png') no-repeat center center;}
	#header #gnb a.btnGnb{display:block;position:absolute;top:50%;right:10px;margin-top:-17px;width:36px;height:34px;background:url('/images/village/icon_btnGnb.gif') no-repeat;text-indent:-9999em;}
	#header #gnb>ul{display:none;padding-top:70px;background:#e5e5e5 url('/images/village/logo_gnb.png') no-repeat 10px 22px;}
	#header #gnb>ul>li{float:none;padding:0;background:#fff !important;}
	#header #gnb>ul>li>a{padding:13px 18px;background:#2d58a6/*url('/images/village/icon_gnb_ar.png') no-repeat 95% center*/;border-bottom:1px solid #cecece;font-size:14px;color:#fff;}  
	#header #gnb>ul>li ul{display:block !important;position:static;padding:0;min-width:auto;background:#fff;}
	#header #gnb>ul>li ul li{float:none;padding:12px 22px;background:#f4f4f4;border-bottom:1px solid #cecece;}
	#header #gnb>ul>li ul li a{padding-left:8px;background:url('/images/village/icon_gnb_dot.png') no-repeat left center;font-size:13px;color:#555;}		  
	#header #gnb>ul>li.on:after{display:none;}
	#footer .campus ul li img{width:20%;}
	#footer .campus ul li span{width:75%;}
  #sub_content h4.sub_title {display: inline; position: relative;}
}

/*Phone*/
@media all and (max-width:639px){	
	.tabBar.col4 li{width:50%;}
	.tabBar li{border-bottom:1px solid #fff;}
	.tabBar li a{font-size:16px;}
	#sub_header h2.title{height:auto;line-height:145%;font-size:30px;}
	#sub_content h3.sub_title{padding-top:10px;height:auto;font-size:18px;line-height:140%;}
	.thumbList{margin:0 -2% 20px;}
	.thumbList li{padding:0 2%;width:50%;}
	.thumbList li .title{padding:15px 8px;height:auto;}	 
  
	#footer>.inner{height:38px;}
	#footer>.inner select{right:3%;width:100px;height:28px;line-height:28px;font-size:13px;}
	#footer>.inner a.policy{display:block;line-height:38px;}
	#footer .campus ul li{float:none;margin-bottom:15px;padding:0;width:100%;}	
	#footer .campus ul li span b{margin-top:0;}
	#footer .campus{padding-bottom:10px;height:auto;}
  #sub_content h4.sub_title {display: inline; position: relative;}	
}

/*Tablet*/
@media all and (min-width:640px) and (max-width:960px){
	.thumbList{margin:0 -5px 20px;}
	.thumbList li{padding:0 5px;}
	.thumbList li .title{padding:20px 10px;}	
  
	#footer .campus ul li img{float:left;width:20%;}
	#footer .campus ul li span{float:left;width:75%;}
  #sub_content h4.sub_title {display: inline; position: relative;}
}