@charset "utf-8";

/* 4차 탭 */
.grid-tab-4{ 
	margin-bottom:25px;
}
.grid-tab-4 ul{
        overflow: hidden;
    border-top: 1px solid #d6d6d6;
    border-bottom: none;
    border-left: 1px solid #d6d6d6;
}
.grid-tab-4 ul li{
    float:left;

}
.grid-tab-4 ul li a{
    padding:15px 0;
    display:block;
    text-align: center;
    font-size:16px;
    color:#111;
    font-weight:700;
    border-right:1px solid #d6d6d6;
    border-bottom:1px solid #959595;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.grid-tab-4 ul li a span{
    display:inline-block;
    margin-left:10px;
}
.grid-tab-4 ul li.on a,
.grid-tab-4 ul li a:hover, 
.grid-tab-4 ul li a:focus
{
    color:#fff;
    background:#0181dc;
}
.grid-tab-4 ul li:last-child a{
    
}
/* itemX */
.grid-tab-4 ul.item2 li {width:50%;}
.grid-tab-4 ul.item2 li:nth-child(2n-1) {margin-left:0;}
.grid-tab-4 ul.item3 li {width:33.3333%;}
.grid-tab-4 ul.item3 li:nth-child(3n-2) {margin-left:0;}
.grid-tab-4 ul.item4 li {width:25%;}
.grid-tab-4 ul.item4 li:nth-child(4n-3) {margin-left:0;}
.grid-tab-4 ul.item5 li {width:20%;}
.grid-tab-4 ul.item5 li:nth-child(5n-4) {margin-left:0;}
.grid-tab-4 ul.item6 li{width:16.6666%;}
.grid-tab-4 ul.item7 li{width:14.285%;}
.grid-tab-4 ul.item8 li{width:12.5%;}

/* 5차 탭 */
.grid-tab-5{ 
	margin-bottom:25px; 
}
.grid-tab-5 ul{
    overflow: hidden;
    border: 1px solid #d6d6d6;
    border-right:none;
    border-bottom:none;
}
.grid-tab-5 ul li{
    float:left;
    display: table-cell;
    border-right: 1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    position:relative;

}
.grid-tab-5 ul li a{
    display:block;
    padding: 10px 20px;
    font-size:15px;
    color:#333;
    background:#f7f7f7;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.grid-tab-5 ul li a:after{
    content: "〉";
    display:inline-block;
    position:absolute;
    right:20px;

}
.grid-tab-5 ul li.on{

}
.grid-tab-5 ul li.on a,
.grid-tab-5 ul li a:hover, 
.grid-tab-5 ul li a:focus
{
    font-weight:700;
    padding: 9px 18px;
    color:#2053c9;
    background:#fff;
    border:1px solid #2053c9;
}
/* itemX */
.grid-tab-5 ul.item2 li {width:50%;}
.grid-tab-5 ul.item2 li:nth-child(2n-1) {margin-left:0;}
.grid-tab-5 ul.item3 li {width:33.333%;}
.grid-tab-5 ul.item3 li:nth-child(3n-2) {margin-left:0;}
.grid-tab-5 ul.item4 li {width:25%;}
.grid-tab-5 ul.item4 li:nth-child(4n-3) {margin-left:0;}
.grid-tab-5 ul.item5 li {width:20%;}
.grid-tab-5 ul.item5 li:nth-child(5n-4) {margin-left:0;}


/* 상단 박스 */
.top-info-box{
    padding:6px;
    background:url(/2018/images/01.potal/common/top_info_box_bg.jpg)no-repeat;
    background-size:cover;
	margin-bottom:25px;
}
.top-info-box .box{
    padding:20px;
    background:#fff;
}
.top-info-box .box strong{
    font-size:20px;
    color:#111;
    display:block;
    margin-bottom:5px;
    font-weight: 700;
}
.top-info-box .box p{
    margin-bottom:5px;
    font-size: 15px;
    color: #333;
    font-weight: 600;
}
.top-info-box .box ul{}
.top-info-box .box ul li{
    position: relative;
    padding: 3px 0 3px 13px;
    color: #555;
    font-size: 14px;
    font-weight: 600;
}
.top-info-box .box ul li:before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 1px;
    border: 2px solid #3357ac;
    position: absolute;
    left: 0;
    top: 9px;
}


/* text-color */
.txt-color1{
    color:#008e89;
}
.txt-color2{
    color:#3357ac;
}

t24.bullet-t24{
	font-weight: 700;
	font-size: 24px;
	color: #111;
	padding-left: 20px;
	margin-top:250px;
}

t22.bullet-t22{
	font-weight: 700;
	font-size:22px;
	color:#0a1b41;
	background-position: 0 50%;
	padding-left:25px;
	margin-top:15px;
}

t20.bullet-t20{
	font-weight: 700;
	font-size:20px;
	color:#0a1b41;
	background-position: 0 50%;
	padding-left:25px;
	margin-top:15px;
}

t18.bullet-t18{
	font-weight: 700;
	font-size:18px;
	color:#0a1b41;
	background-position: 0 50%;
	padding-left:25px;
	margin-top:15px;
}

t16.bullet-t16{
	font-weight: 800;
	font-size:16px;
	color:#12327a;
	background-position: 0 50%;
	padding-left:15px;
	margin-top:10px
}


h4.bullet-h4{
    font-weight: 700;
    font-size: 24px;
    color: #111;
    background: url(/2018/images/01.potal/common/bullet_h4.png)no-repeat;
    background-position: 0 50%;
    padding-left: 30px;
	margin-top:25px;
}
.h4wrap{
     padding: 0;
     overflow: hidden;
 }
.h5wrap{
    padding: 0 0 0 10px;
    overflow: hidden;
}

.ul-list-type1{
	margin-top:10px;
}
.ul-list-type1 > li{
    font-weight:600;
    color:#555;
    font-size:15px;
    padding: 2px 0 2px 15px;
    background: url(/2018/images/01.potal/common/bullet_li01.png)no-repeat;
    background-position: 0 8px;
}
.ul-list-type1 > li > ul{
    margin:5px 0 5px -15px;
}
.ul-list-type1 > li > ul > li{
    background: url(/2018/images/01.potal/common/bullet_li02.png)no-repeat;
    background-position: 0 8px;
	padding-left:15px;
}
h5.bullet-h5{
    font-weight: 700;
    font-size:18px;
    color:#0a1b41;
    background: url(/2018/images/01.potal/common/bullet_h5.png)no-repeat;
    background-position: 0 50%;
    padding-left:25px;
	margin-top:15px;
}
h6.bullet-h6{
    font-weight: 800;
    font-size:16px;
    color:#12327a;
    background: url(/2018/images/01.potal/common/bullet_h6.png)no-repeat;
    background-position: 0 50%;
    padding-left:15px;
	margin-top:10px
}

/* 숨김(처리) */
.blind {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;}

/* 호환 */
select{-moz-appearance:window;-webkit-appearance:none;cursor:pointer;}
select::-ms-expand { /* for IE 11 */display: none;}
select::-ms-expand{display:none;}

/* 정렬 */
.fr {float:right;}
.fl {float:left;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
img, input, select, textarea {vertical-align:middle;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}

/* 준비중 */
.ready {text-align:center;}
.ready img {width:100%;}

/* 테이블 */
div.table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
	border-top:2px solid #4d576d;
	margin-top:10px
}
div.table table caption{
    position: absolute;
    top: -3000px;
    left: -3000px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

div.table table tbody{}
div.table table tbody tr{}
div.table table tbody tr td{
    padding:10px;
    border-bottom:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
    font-size:15px;
    color: #666;
	text-align:center;
}
div.table table tbody tr td:last-child{ 
	border-right:none; 
}
div.table table tbody tr td.b-right{ 
	border-right:1px solid #d6d6d6;
}
div.table table tbody tr th{ 
	background:#f7f7f7;
	text-align: center;
	padding:10px;
	border-bottom:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	font-size:15px;
	color: #111;
    font-weight:700;
}
div.table.type1 table thead tr th{
    background:#f7f7f7;
    text-align: center;
    padding:10px;
    border-bottom:1px solid #787878;
    border-right:1px solid #cfcfcf;
    font-size:15px;
    color: #111;
    font-weight:700;
}
div.table.type1 table thead tr th.b-right{
    border-right:1px solid #cfcfcf !important;
}
div.table.type1 table thead tr th:last-child{
    border-right:none;
}
div.table.type1 table tfoot tr td{
    padding:10px;
    border-bottom:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
    font-size:15px;
    color: #666;
	background:#f9f9f9;
	font-weight:bold;
	text-align:center;
}
div.table.type1 table tfoot tr td:last-child{ 
	border-right:none; 
}
div.table.type2 table{ 
	border-top:0 
}
div.table.type2 table tbody tr:first-child{ 
	border-top:2px solid #4d576d
}

/*한문*/
.hanmun{font-family: 'Noto Sans KR', sans-serif;}

/* Button */
.btn-group{ 
	margin-top:10px;
}
.button{
    display:inline-block;
    color:#fff;
    padding:13px 45px 11px 20px;
    font-size:15px;
}
.button.button-type01{
    background: url(/2018/images/01.potal/common/button_icon01.png)no-repeat;
    background-position: 94% 50%;
    background-color:#3357ac;
    border-bottom:2px solid #1e3e89;
}
.button.button-type02{
    background: url(/2018/images/01.potal/common/button_icon01.png)no-repeat;
    background-position: 94% 50%;
    background-color:#0181dc;
    border-bottom:2px solid #046cb7;
}
.button.button-type03{
    background: url(/2018/images/01.potal/common/button_icon02.png)no-repeat;
    background-position: 94% 50%;
    background-color:#16a4c4;
    border-bottom:2px solid #0c93b1;
}

/*반응형 스크롤*/
	@media only screen and (max-width: 900px){
		.scroll-over{overflow-x:scroll; padding-top:30px; background:url('/jinan/images/01.potal/common/scroll.gif') no-repeat 100% 0; background-size:auto 25px}
		.scroll-over > table{width:915px !important;}
		.scroll-over > img{width:915px !important; max-width:none}
	}


/*이미지정렬*/
.img-box{overflow:hidden; margin-top:10px;}
.img-box:after{display:block; content:''; clear:both;}
.img-box ul li{float:left; margin-left:2%;}
.img-box ul li:first-child{margin-left:0}
.img-box ul li img{width:100%; height:100%; border:1px solid #ccc}
.img-box ul li strong{border:1px solid #ccc; border-top:0; display:block; padding:10px; text-align:center;}
.img-box ul.v2 li{width:49%;}
.img-box ul.v2 li img{height:220px}
.img-box ul.v3 li{width:32%;}
.img-box ul.v2 li img{height:250px}

	@media only screen and (max-width: 900px){ 
		.img-box ul.v2 li img{height:150px}
		.img-box ul.v3 li img{height:170px}
	}

	@media only screen and (max-width: 500px){ 
		.img-box ul li{width:100% !important; margin-left:0 !important; margin-bottom:10px; height:auto !important}
		.img-box ul li:last-child{margin-bottom:0}
		.img-box ul li img{height:auto;}
	}


/*추가*/
.wrap-two {margin:0;padding:0;overflow:hidden;}
.wrap-two > li {float:left;width:48.8%;margin-left:20px;}
.wrap-two > li:nth-child(2n-1) {margin-left:0;}
	@media only screen and (max-width: 900px){
		.wrap-two > li{width:100%; margin-left:0; float:none; margin-top:10px;}
		.wrap-two > li:first-child{margin-top:0}
	}

.dashed-box {width:100%;border:1px dashed #ccc;padding:20px;margin-bottom:20px;overflow:hidden;}

.txt-color3 {color:#f02425 !important;}

ol.ol-num span {display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#0181dc;color:#fff;text-align:center;line-height:30px;margin-right:10px;}
ol.ol-num li {padding:5px 0;}
ol.ol-num-v2 span {display:inline-block;width:23px;height:23px;background:url('/2018/images/01.potal/contents/03/ol-num-v2.gif') no-repeat;color:#fff;text-align:center;line-height:23px;margin-right:10px;}
ol.ol-num-v2 li {padding:5px 0;}

.btn-site {display:inline-block;padding:4px 35px 4px 10px;background:#f6fbff url('/2018/images/01.potal/contents/03/btn_site.png') no-repeat 85% 50%;border:1px solid #3357ac;}
.btn-site a {color:#3357ac;font-size:0.9em;line-height:20px;}
.btn-down {display:inline-block;padding:4px 35px 4px 10px;background:#f6fbff url('/2018/images/01.potal/contents/03/btn-down.png') no-repeat 85% 50%;border:1px solid #3357ac;}
.btn-down a {color:#3357ac;font-size:0.9em;line-height:20px;}
.btn-map {display:inline-block;padding:4px 35px 4px 10px;background:#f6fbff url('/2018/images/board/btn_map.png') no-repeat 85% 50%;border:1px solid #3357ac;}
.btn-map a {color:#3357ac;font-size:0.9em;line-height:20px;}
.btn-photo {display:inline-block;padding:4px 35px 4px 10px;background:#f6fbff url('/2018/images/01.potal/contents/04/btn-photo.png') no-repeat 85% 50%;border:1px solid #3357ac;}
.btn-photo a {color:#3357ac;font-size:0.9em;line-height:20px;}

.site-box {overflow:hidden;background-color:#e6f2ff;padding:30px;margin-bottom:20px;}
.site-box span {width:47%;float:left;}
.site-box dl {width:53%;float:left;}
.site-box dt {font-size:1.6em;font-weight:bold;color:#3357ac;}
.site-box dd {padding-top:10px;}

	@media only screen and (max-width: 600px){
		.site-box{padding:15px;}
		.site-box span{display:block; width:100%; float:none; text-align:center;}
		.site-box dl{width:100%; float:none; margin-top:5px;}
		.site-box dd a{width:100%;}
	}

.bg-td {background-color:#f7f7f7;}

/* Margin, Padding */
.mt100{margin-top:100px !important;}
.mt90{margin-top:90px !important;}
.mt80{margin-top:80px !important;}
.mt70{margin-top:70px !important;}
.mt60{margin-top:60px !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt25{margin-top:25px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt05{margin-top:5px !important;}
.mt0{margin-top:0 !important;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mb100{margin-bottom:100px !important;}
.mb90{margin-bottom:90px !important;}
.mb80{margin-bottom:80px !important;}
.mb70{margin-bottom:70px !important;}
.mb60{margin-bottom:60px !important;}
.mb50{margin-bottom:50px !important;}
.mb40{margin-bottom:40px !important;}
.mb30{margin-bottom:30px !important;}
.mb20{margin-bottom:20px !important;}
.mb10{margin-bottom:10px !important;}
.mb05{margin-bottom:5px !important;}
.mb0{margin-bottom:0 !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pr0{padding-right:0px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.pb0{padding-bottom:0px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

.pa20{padding:20px;}
.pa10{padding:10px;}