﻿@charset "utf-8";

/* 안내문 */
.info-box {position:relative; padding:20px 20px 20px 120px; color:#333; border:1px solid #d1d8e4; font-size:14px; line-height:140%; margin-bottom:30px; letter-spacing:-0.3px;}
.info-box:before {position:absolute; top:50%; left:25px; margin-top:-36px; content:''; display:block; width:72px; height:72px; background:url('/images/org/web/ghhappy/sub/infobox_ico.png') no-repeat -90px 0}
.info-box.ico01:before { background-position:0 0}
.info-box.ico03:before { background-position:-180px 0}
.info-box.ico04:before { background-position:-270px 0}
.info-box.ico05:before { background-position:-360px 0}

/* 찾아오시는 길 */
.NaviMap { margin-bottom:30px;}
.NaviMap .root_daum_roughmap_landing, .root_daum_roughmap{ width:100% !important}
.locationMap .boxTy03 { border-radius:0;}
.locationMap .boxTy03 .box{ overflow:hidden; padding: 40px 30px 40px 270px;}
.locationMap .boxTy03 .box > .tit{ position:absolute; text-align:center;  top:50%; margin:-100px 0 0; left:0; width:250px; font-size:22px; color:#002e5f}
.locationMap .boxTy03 .box > .tit img{ display:block; margin:20px auto}
.locationMap .addr{ overflow:hidden}
.locationMap .addr li{line-height:30px; float:left; width:100%; overflow:hidden;  text-align:left;}
.locationMap .addr li span.tit{ float:left; font-weight:bold; display:block; width:75px; padding-left:15px; color:#003267; background:url('/images/org/web/gcedu/sub/map_addr_dot.png') no-repeat 0 13px;}
.locationMap .addr li span.ctxt{ float:left; display:block; width:78%}
.locationMap .addr .arr{ color:#888;}
.locationMap dl  dt.tit2{ font-size:16px; font-weight:bold; margin-bottom:5px}
.locationMap dl + dl { margin-top:10px }
.locationMap dl dd{ margin-left:10px}

/* 타이틀 */
.tit_bg_bl { display:block; font-size:17px; padding:8px 20px 10px; border-radius:20px; overflow:hidden; color:#fff; background:#479ee1; margin-bottom:7px}
.tit_bg_gr { display:block; font-size:17px; padding:8px 20px 10px; border-radius:20px; overflow:hidden; color:#fff; background:#1a99aa; margin-bottom:7px}
.tit_bg_pp { display:block; font-size:17px; padding:8px 20px 10px; border-radius:20px; overflow:hidden; color:#fff; background:#8f6bc5; margin-bottom:7px}
.tit_bg_yw { display:block; font-size:17px; padding:8px 20px 10px; border-radius:20px; overflow:hidden; color:#fff; background:#f1ac1d; margin-bottom:7px}

/* 지원청 CI */
.ci_wrap {position:relative;}
.ci_wrap .ci-down{position:absolute;top:0;right:0;}
.ci_wrap .box_st3 .box {padding:30px 20px}
.ci_wrap  p{ word-break:keep-all; font-size:14px; line-height:150%}
.ci_wrap  p span{ color:#005bbd; font-weight:bold}
.ci_wrap .logoType{ overflow:hidden}
.ci_wrap .logoType li{ float:left;  width:48%; margin-left:4%}
.ci_wrap .logoType li:first-child{ margin-left:0}
.ci_wrap .logoType02 {overflow:hidden}
.ci_wrap .logoType02 ul li {width:32%;; margin-right:2%; float:left;}
.ci_wrap .logoType02 ul li:last-child {margin-right:0;}


@media screen and (max-width:1019px) {
	

	
}





@media screen and (max-width:800px) {
	
	/* 안내문 */
	.info-box {margin-bottom:20px}
	

}

@media screen and (max-width:680px) {
	
	/* 안내문 */
	.info-box {padding:16px}
	.info-box:before { background-image:none}

	
}

@media screen and (max-width:580px) {

	
}

@media screen and (max-width:480px) {

	
}

@media screen and (max-width:380px) {
		

	
}
