@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2021.06.08 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2021.06.08
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */


.sp_greeting{position: relative;display: block;text-align:center;}
.sp_greeting .txt1{padding:20px 0 0;font-family:"NIXGON", sans-serif;color:#000;font-size:40px;font-weight: 600;}
.sp_greeting .txt2{color:#000;font-size:22px;font-weight: 600;}
.sp_greeting .txt3{padding: 0 30px;}

@media all and (max-width:767px){
	.sp_greeting .txt1{padding:20px 0 0;font-size:34px;}
	.sp_greeting .txt2{font-size:20px;}
	.sp_greeting .txt3{padding: 0 20px;}

}


/* 오시는 길 */
.infomap1{overflow:hidden;border-bottom:1px solid #dad8d1;}
.infomap1 .wrap1{position:relative;width:100%;height:400px;overflow:hidden;/* background-color:#ededed;border-radius:10px; */overflow:hidden;}
.infomap1 img{max-width:none;}

.skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
.skipapi *{display:inline;list-style:none;margin:0;padding:0;}
.skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}

a#skipContent:focus{outline:1px dotted #000;background:#000}

.root_daum_roughmap,.root_daum_roughmap_landing{border:0 !important;width:auto !important;padding:0 !important;border-radius:0 !important;}
.btn_zoom_reset .img_zoom{background-position:-80px -65px !important;}


/* 지도 api */


.map1info {position:relative;display: block;list-style:none;padding:0;background:#0069a6;width:100%;height:140px;margin:-1px auto 50px;color:#fff;padding:38px 30px;box-sizing:border-box;/* border-bottom-left-radius:10px;border-bottom-right-radius:50px; *//* z-index:20; */}
.map1info li {position:relative;font-size:1.125em;line-height:1.5em;padding:7px 140px 0 90px;font-weight:500;/* word-break:keep-all; */}
.map1info li:first-child:before {position:absolute;top:0;left:0;content:"";display:block;width:70px;height:70px;background:#fff url(/_res/portal/img/lib/ic270a1pointer1.png) no-repeat 0 0;background-size:contain;border-radius:100px;}
.map1info li:last-child {position:absolute;top:20px;right:20px;padding-right:0;width:100px;height:100px;background:#2c99cd;border:0px solid #fff;border-radius:100px;box-sizing:border-box;text-align:center;padding:20px 0;box-shadow:5px 5px 40px rgba(0,0,0,.35);}
.map1info li:last-child a {color:#fff;display:block;line-height:18px;text-decoration:none;font-size:15px;}
.map1info li:last-child a:before {content:"";display:block;vertical-align:middle;width:30px;height:30px;background:url(/_res/portal/img/lib2/ic40a1c2mapmarker1.png) no-repeat;background-size:contain;margin:0 auto 10px;}
.map1info li:first-child .ico-tel{position:relative;display:inline;margin:2px 3px 0;/* padding-left:28px; */padding-bottom:2px;color:#fff;font-weight:500;vertical-align:top;}
.map1info li:first-child .ico-tel:hover, .map1info li:first-child .ico-tel:focus{text-decoration:none;border-bottom:0px solid #211b8f;color:#fff}
/* .map1info li:first-child .ico-tel:before{position:absolute;bottom:2px;left:0;content:"";display:block;width:24px;height:24px;border-radius:100px;background:url(/_res/portal/img/sub/ic24a1c2phone2.png) no-repeat;} */

@media all and (max-width:768px){
	.infomap1 .wrap1{border-radius:0px;}
 	.map1info {margin:0;width:100%;padding:35px 25px;border-radius:0px;height:auto;}
	.map1info li {padding-left:65px}
	.map1info li:last-child{height:90px}
	.map1info li:first-child:before {top:calc(50% - 25px);width:49px;height:49px;background-size:auto 49px;}

}
@media all and (max-width:599px){
 	.map1info {padding:20px 20px;box-sizing:border-box;}
	.map1info li {padding-right:0;margin-bottom:15px;font-size:1.125em;}
	.map1info li:last-child {position:relative;top:auto;right:auto;margin:auto;width:140px;height:40px;padding:0;border-radius:100px;}
	.map1info li:last-child a {line-height:40px} 
	.map1info li:last-child a:before {display:none;}
}



/* 스킵네비게이션(지도) */
/* .skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
.skipapi *{display:inline;list-style:none;margin:0;padding:0;}
.skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}
a#skipContent:focus{outline:1px dotted #000;background:#000}


#skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
#skipapi *{display:inline;list-style:none;margin:0;padding:0;}
#skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
#skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;} */


.location1{position:relative;}
.location1 a:focus{z-index:100;left:0;width:90%;padding:2% 5%;height:auto;background:#578;color:#fff; text-decoration:none;text-align:center;}
.location1 .wrap1{padding:1.5em 0;border-top:1px solid #888;overflow:hidden;}
.location1 .wrap1 .h2{line-height:40px;}
.location1 .wrap1 .h2 .ic1{display:inline-block;margin-right:10px;vertical-align:middle;width:32px;height:40px;background:url() no-repeat 0 0;background-size:contain;}
.location1 .wrap1 .h2.address .ic1{background-image:url(/portal/img/sub/location1_img01.png);}
.location1 .wrap1 .h2.car .ic1{background-image:url(/portal/img/sub/location1_img02.png);}
.location1 .wrap1 .h2.public .ic1{background-image:url(/portal/img/sub/location1_img03.png);}
.location1 .mapinfo1{background:#0092d5;overflow:hidden;}
.location1 .mapinfo1 ul{list-style:none;padding:0;margin:0;}
.location1 .mapinfo1 ul li {position:relative;float:left;width:100%;padding:0 0 10px;color:#fff;}
.location1 .mapinfo1 ul li.contact{background:#266bca;}
.location1 .mapinfo1 ul li .t1{display:block;font-size:1.143em;margin:10px 0 0 20px;}
.location1 .mapinfo1 ul li .t2{display:block;margin:0 0 0 20px;}
.location1 .mapinfo1 ul li .ic{display:none;position:absolute;left:0;top:50%;margin:-30px 0 0 50px;background-size:contain;}
.location1 .mapinfo1 ul li.address .ic{background-image:url(../../img/sub/mapinfo1ic1.png);width:56px;height:60px;}
.location1 .mapinfo1 ul li.contact .ic{background-image:url(../../img/sub/mapinfo1ic2.png);width:56px;height:60px;}

.calling{color:#fff;}
.location1 .map{display:block;}
.location1 .mapimg1{display:none;}
.brnone{display:none;}

.basicg .wrap1 img{width:100%;}

@media all and (min-width:768px){

.brnone{display:block;}

.location1 .wrap1 .h2{float:left;width:20%;}
.location1 .wrap1 .wrap1in{float:left;width:80%;}


.location1 .mapinfo1 ul li{height:108px;padding:0;}
.location1 .mapinfo1 ul li.address{width:60%;}
.location1 .mapinfo1 ul li.contact{width:40%}
.location1 .mapinfo1 ul li .t1{font-size:1.429em;margin:25px 0 0 90px;}
.location1 .mapinfo1 ul li .t2{font-size:1.143em;margin:0 0 0 90px;}
.location1 .mapinfo1 ul li .ic{display:block;margin:-30px 0 0 20px;width:56px;height:60px;}

}



.sitemap1:last-child{margin-bottom:150px;}
.sitemap1 .d2{display:block;text-align:center;font-size:1.143em;padding:.5em 0;border:1px solid #ddd;color:#333;text-decoration:none;}
.sitemap1 .d2:hover{color:#13b5b1}
.sitemap1 .bu>li>a{color:#333}



@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
.location1 .mapimg1{display:none;}
 

}


/* info1box1 */
.info1box1{
    border-radius: 10px 10px 50px 10px;
	padding:3px;
	background: linear-gradient(to right, #3ea790 0%, #0069a6 100%);
	overflow:hidden;
	margin:40px 0;
}
.info1box1 .w1{position: relative;
	padding:35px 40px 40px 200px;
	background:#fff;
	border-radius:7px 7px 47px 7px;
}
.info1box1 .w1:before{content:'';
	display:block;
	position:absolute;left:40px;top:95px;/* top:50%; */
	margin-top:-60px;
	width:120px;height:120px;
	background:url(https://www.hygn.go.kr/_res/portal/img/lib2/ic240a1paper1.png) no-repeat 0 0 / contain
}
.info1box1 strong.t1{
	display:block;
	/*margin-bottom:10px;*/
	color: #0062d7;
	font-weight:600;
	font-size: 1.7em;
	letter-spacing: -0.05em;
}
.info1box1 .t2{color:#555;word-break:keep-all}
@media all and (max-width:999px){
	.info1box1 .w1{padding:40px 40px 40px 190px}
	.info1box1 .w1:before{left:30px;}
}
@media all and (max-width:767px){
	.info1box1 .w1:before{top:30px;margin:0}
}
@media all and (max-width:639px){
	.info1box1 .w1{padding:30px 30px 20px;}
	.info1box1 .w1:before{display: none;position:static;margin:0 auto 20px;}
	.info1box1 strong.t1 {font-size:1.5em}
}
@media all and (max-width:599px){
	.info1box1 .w1 {padding:25px 25px 10px;}
	.info1box1 strong.t1 {font-size:1.31em}
}
@media all and (max-width:499px){
	.info1box1 .w1 {padding:15px 50px 5px 20px;}
	.info1box1 strong.t1 {font-size:1.125em}
}