@charset "utf-8";

body {font-size:0.875em !important;margin:0;padding:0;font-family: "Noto Sans KR",  Dotum, "돋움", sans-serif;color:#000;font-weight:100; line-height:inherit;}
input, select{font-family: "Noto Sans KR", Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}


#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5000;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

header{/* position:relative; */z-index:2000;}
section, footer{position:relative;z-index:1}

/**********************************************************************************/
header{height: 140px;}
header#h_top{background:#fff;}
header.fixed{position:fixed;left:0;top:0;width:100%;height:120px;border-bottom:solid 1px #ccc;}

header h1{padding:28px 30px;}
header h1 a{overflow:hidden;display:inline-block;width: 260px;height: 44px;background: url("/resource/1388/common/m_logo.png") no-repeat center top;padding-top: 44px;}

header .top_mn{background:#484394;height:40px;text-align:center;overflow:hidden;}
header .top_mn li{float:left;width:50%;}
header .top_mn li.st{display:none;}
header .top_mn li:first-child{border-right:solid 1px #928fbd;}
header .top_mn li a{display:block;height:40px;color:#fff;padding:10px 0;}
header .top_mn li a span{position:relative;padding-left:25px;display: inline-block;}
header .top_mn li a span:before{display:block;content:"";width:15px;height:18px;background: url("/resource/1388/common/btn_set.png") no-repeat 0 0;position:absolute;left:0;top:0;}
header .top_mn li.lg a span:before{background-position:-40px 1px;}
header .top_mn li.st a span:before,
header .top_mn li.menu_open a span:before{background-position:-60px 1px;}



header.fixed .hd_top{}

.head{/* position:relative; */}
.head button{position:absolute;top: 21px;right:20px;background: url("/resource/1388/common/btn_set.png") no-repeat 0 0;width: 40px;height: 40px;padding-top: 40px;overflow:hidden;}
.head .menu button{display:none;}



.menu{position:fixed;top: 0;left: 0;bottom:0;z-index:3;background: #fdfdfd;width: 100%;/* height:100%; */display: none;}
.menu.on{display:block;}
.menu h2{background: #333;color:#fff;font-size:16px;height: 45px;padding:13px 0 0 15px;}
.menu ul{letter-spacing:-0.05em;}
.menu ul li a{display:block;font-size: 16px;color: #383838;width: 150px;padding: 17px 0 17px 10px;border-bottom: 1px solid #e8e8e8;font-weight: bold;}

.depth_box{background: #efefef;position:absolute;top:45px;left: 150px;right:0;bottom:0;overflow-y: auto;width: 100%;z-index: 2;}
.depth_boxcon p{display:none;}
.menu li li{border-bottom: solid 1px #ccc;}
.menu li li.depth1 a{background: none !important;}
.menu li li ul li a{background: none;}
.menu li li a{display:block;font-size: 14px;line-height:1.25em;padding: 10px 0 10px 8px;background: url(/resource/1388/common/arrow.png) no-repeat 92% center;}
.menu li li.on a{font-weight: bold;color: #1116a9;}
.menu li li.on li a{background:none; color:#fff; font-weight:normal}
.menu ul ul ul{margin: 0;/* border-top: dashed 1px #c1d8ce; */background: #efefef;}
.menu li li li{border:none;background: none !important;}
.menu li li:hover a,.menu li li:active a,.menu li li:focus a{font-weight:bold; }
.menu li li li:hover a,.menu li li li:active a,.menu li li li:focus a{font-weight:300;text-decoration:underline; }
.menu li li li a{position:relative;font-size: 13px;padding:5px 0 5px 17px;}
.menu ul ul ul ul{margin:10px}
.menu li li li li a{background-position:0 -483px;background-color:#f1f1f1}
.menu ul li.on a{background: #484394;color:#fff;}
.menu ul li.on .depth_box{background: #5da924;}
.menu ul li.on .depth_box a{color:#fff;background:none;border:none;}
.menu ul li.on .depth_box li{border-bottom: solid 1px #ccc;}
.menu ul li.on .depth_box li li a{color:#444;font-weight:300;}

.new_win{display:inline-block;background: url("/resource/1388/common/new_win.png") no-repeat center center;width: 11px;height:0;padding: 12px 0 0 0;margin-left: 8px;overflow:hidden;vertical-align:middle;}
.head .menu.on button{display:block;width: 40px;padding: 45px 0 0 0;top: 0;right:0;background: #000 url(/resource/1388/common/btn_set.png) no-repeat -222px -37px;}
.mobile_back{position: fixed; top: 0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.8);z-index:2;}



/*하단*/
footer{background:#3c3a56;}
footer *{color:#fff;font-size:14px;line-height:18px;}
.foot_wrap{text-align:center;padding:0 0 30px 0;}

.foot_wrap .bottom_menu{background:#2f2d43;padding:20px 20px 12px 20px;}
.foot_wrap .bottom_menu ul{overflow:hidden;}
.foot_wrap .bottom_menu ul li{float:left;width:50%;text-align:left;letter-spacing:-1px;padding:0 0 8px 0;}
.foot_wrap .bottom_menu ul li:first-child a{color:#ffd200;font-weight:400;}

.foot_wrap .copy{padding:20px;}
.foot_wrap .copy address{font-style: normal;color:#fff;}
.foot_wrap .copy p{color:#c5c5c5;}

.foot_wrap .link_site{position:relative;}
.foot_wrap .link_site .tit{width: 250px;margin:0 auto;}
.foot_wrap .link_site .tit a{position:relative;display:block;text-align:left;padding:15px 30px;height:50px;border:solid 1px #8a899a;}
.foot_wrap .link_site .tit a:after{display:block;content:"";width:13px;height:7px;background:url("/resource/1388/common/btn_set.png") no-repeat left -40px;position:absolute;top:40%;right:30px;}
.foot_wrap .link_site .list{position:absolute;bottom:50px;left:0;width:100%;z-index:2000;}
.foot_wrap .link_site .list .ls_wrap{position:relative;width: 250px;margin:0 auto;background:#efefef;max-height:150px;overflow-y:scroll;padding:20px;}
.foot_wrap .link_site .list li a{display:block;color:#000;text-align:left;padding:5px 0;}
.foot_wrap .link_site .list .close{position:absolute;top: 20px;right: 10px;width:30px;height:30px;padding:6px 7px;overflow:hidden;background:#333;}
.foot_wrap .link_site .list .close a{display:block;width:16px;height:19px;padding-top:20px;overflow:hidden;background: url("/resource/1388/common/btn_set.png") no-repeat right -50px;}


.foot_wrap #btn_top{background:#5da924;width:50px;height:50px;position:absolute;top: -50px;right:0;z-index:1000;}
.foot_wrap #btn_top a{display:block;padding-top:17px;font-size:12px;}

.foot_wrap #btn_top.fixed{display:block;}



/**서브**/
.sub_container{padding-bottom:50px;}

.sub_visual{position:relative;background:url("/resource/1388/sub/sub_visual.jpg") no-repeat center top;background-size:cover;padding:50px 20px 80px 20px;text-align:center;}
.sub_visual p img{width:100%;}
.sub_visual p span{display:block;color:#fff;font-family: 'GmarketSans';font-weight:500;font-size:18px; text-shadow:3px 3px 3px #000;padding-top:10px;}

.s_left{display:none;}

.s_top{background:#005bac;color:#fff;text-align:center;}
.s_top h2{padding:30px 0 10px 0; font-family: 'GmarketSans';font-weight:700;font-size:30px;}

.s_right{position:relative;}
/* sns공유 */
.s_icon{position:absolute;top:-65px;left:0;right:0;width:100%;}
.s_icon ul{text-align:center;}
.s_icon:after{content:"";display:block;clear:both}
.s_icon ul li{display:inline-block;}
.s_icon li a,
.s_icon li button{display:block;width: 44px;height:0;padding: 44px 0 0 0;overflow:hidden;background:url("/resource/1388/common/btn_set.png") no-repeat;}
.s_icon li.print button{background-position: -50px -80px;}
.s_icon li.sharing{position:relative}
.s_icon li.sharing ul{background:none;padding:0;}
.s_icon li.sharing button{background-position:0 -80px}
.s_icon li.sharing div{position:absolute;top:45px;left:0;z-index:1;}
.s_icon li.sharing div button{background-position:-200px -80px}
.s_icon li.url a{background-position:-150px -80px}
.s_icon li.face a{background-position:-100px -80px}


.s_title{padding:30px 0 0 0;text-align:center;}
.s_title .location{padding:15px;}
.s_title .location:after{display:block;content:"";clear:both;}
.s_title .location li{float:left;background:url("/resource/1388/sub/s_arr.png") no-repeat left 7px;padding:0 10px 0 15px;}
.s_title .location li:first-child{background:none;padding-left:0;}
.s_title .location li:last-child{color:#484394;font-weight:500;}
.s_title .location li .home{display:block;width:15px;height:12px;padding-top:12px;overflow:hidden;background:url("/resource/1388/sub/home.png") no-repeat center top;margin-top:5px;}



.s_con{padding:20px;border-top:solid 2px #d3d3d3;}


/*게시판 폰트 적용*/
#boardWrap,
#boardWrap input,
#boardWrap select{font-family:'Pretendard','Noto Sans KR','맑은 고딕','Malgun Gothic','돋움', Dotum, sans-serif;font-weight: 400;line-height: 1.562;letter-spacing: -.025em;}

@media all and (min-width:768px){
	header{height: 100px;}
	header .top_mn{background:none;position:absolute;top: 30px;right: 20px;border:solid 1px #c2c2c2;width:250px;}
	header .top_mn li:first-child{border-right:solid 1px #c2c2c2;}
	header .top_mn li a{color:#000;padding:10px 20px;}
	header .top_mn li.lg a span:before{background-position:0 1px;}
	header .top_mn li.st a span:before,
	header .top_mn li.menu_open a span:before{background-position:-20px 1px;}
	header .top_mn li a:hover,
	header .top_mn li a:focus{background:#484394;color:#fff;}
	header .top_mn li.lg a:hover span:before,
	header .top_mn li.lg a:focus span:before{background-position:-40px 1px;}
	header .top_mn li.st a:hover span:before,
	header .top_mn li.st a:focus span:before{background-position:-60px 1px;}


	header h1{padding:0;position:absolute;top: 30px;left: 0;}
	header h1 a{width: 304px;height: 40px;background: url("/resource/1388/common/logo.png") no-repeat center top;padding-top: 53px;}

	.menu ul li a{width:250px;}
	.depth_box{left:250px;}



	/*하단*/
	footer *{font-size:16px;line-height:24px;}

	.foot_wrap .link_site{position:absolute;bottom:25px;right:20px;}
	.foot_wrap .link_site .tit a{padding:10px 30px 20px 30px;}

	.foot_wrap .bottom_menu{background:#2f2d43;padding:11px 20px;height:50px;}
	.foot_wrap .bottom_menu ul li{width:auto;padding:0 30px 0 0;}


	.foot_wrap .copy{text-align:left;padding:20px 0 0 20px;}

	.foot_wrap #btn_top{top:0;}
	.foot_wrap #btn_top a{display:block;padding-top:13px;text-align:center;}


	/*******************************서브*****************************/

	.sub_visual{padding:50px 20px 50px 20px;}
	.sub_visual p img{width:440px;}

	/* sns공유 */
	.s_icon{top:-65px;left: inherit;right:30px;width:auto;}






}


@media all and (min-width:1024px){
	header{height:150px;background:#fff;position:fixed;top:0;left:0;width:100%;}

	header .hd_top{position:relative;width: 95%;height: 100px;margin: 0 auto;}
	header .top_mn{right: 0;}
	header .top_mn li.st{display:block;}
	header .top_mn li.menu_open{display:none;}
	.head{position:relative;padding-top: 10px;}

	.menu{position:static;display: block;width: 875px;margin:0 auto;background:none;}
	.menu h2{display:none;}

	.menu ul{letter-spacing:0;}
	.menu ul:after{content:"";display:block;clear:both}
	.menu ul li{float:left;height: 40px; font-family: 'BMJUA';}
	.menu ul li li{font-family: 'Noto Sans KR';}
	.menu ul li a{color: #171717;border:none;text-align:center;padding: 0 80px 0 0;width:auto;position:relative;font-size: 22px;font-weight: 300;box-sizing: border-box;}
	.menu ul li.on a{background:none;color:#484394;}
	.menu ul li a:hover,
	.menu ul li a:focus{position:relative;color: #484394;}


	.menu .depth_box,
	.menu .depth_box.hide{display:none;}
	.pc_menu .menu .depth_box{display:block;top:auto;left: auto;bottom:auto;right: auto;position: relative;z-index:5000;}
	.pc_menu .menu .depth_box  .depth_boxcon{padding-top:40px;}
	.pc_menu .menu .depth_box ul{border-left:solid 1px #d4d4d4;}
	.pc_menu .menu .depth_box li{display:block;float:none;padding-bottom:8px;text-align: left;}
	.pc_menu .menu ul li .depth_box,
	.pc_menu .menu ul li.on .depth_box{background:none;overflow: hidden;}
	.pc_menu .menu ul li.on .depth_box li{border:none;}
	.pc_menu .menu ul li .depth_box.hide,
	.pc_menu .menu ul li.on .depth_box.hide{display:block;}

	.pc_menu:after{display:block;content:"";background:#f2f2f2;position:absolute;top:150px;left:0;width:100%;height:190px;z-index:4000;}


	.pc_menu .menu ul li li{border:none;float:none;height:auto;width: 100%;padding: 0;text-align: left;letter-spacing:-0.15em;}
	.pc_menu .menu ul li li a,
	.pc_menu .menu ul li.on li a{border:none;color:#000 !important;font-size:16px;font-weight:300;padding: 0 0 0 15px;text-align: left;letter-spacing: 0;}
	.pc_menu .menu ul li li a:hover,
	.pc_menu .menu ul li li a:focus{position:relative;color: #4b9613 !important;font-weight:300;border:none;}
	.pc_menu .menu ul li  li a:hover:before,
	.pc_menu .menu ul li  li a:focus:before{display:block;content:"";width:3px;height:20px;position:absolute;top:0;left:-1px;background:#4b9613;}

	.depth_boxcon p{display: none;}
	.depth_boxcon ul{float:none;width: 100%;}
	.depth_boxcon ul ul{display:none;}

	.head .menu button,
	.head .menu.on button{display:none  }

	/*하단*/
	footer{clear:both;}
	footer *{font-size:16px;line-height:20px;}

	.foot_wrap .bottom_menu{height:60px;}
	.foot_wrap .bottom_menu ul,
	.foot_wrap  .pc_copy{position:relative;width:90%;margin:0 auto;}
	.foot_wrap .copy{padding:30px 0 10px 0;}

	.foot_wrap .bottom_menu ul li{padding:10px 30px 0 0;}
	.foot_wrap .link_site{top:30px;right:0;}
	.foot_wrap .link_site .tit{
		width: 250px;
	}
	.foot_wrap .link_site .tit a{padding:15px 30px 20px 30px;}
	.foot_wrap .link_site .list{bottom:25px;/* right: 0; *//* left: -50px; */}
	.foot_wrap .link_site .list .ls_wrap{width:250px;}
	.foot_wrap #btn_top{top:-60px;width:60px;height:60px;}
	.foot_wrap #btn_top a{padding-top:20px;font-size:14px;}


	/*******************************서브*****************************/
	.sub_visual{padding:200px 20px 50px 20px;}

	.s_container{padding:0 30px;}
	.s_container:after{display:block;content:"";clear:both;}


	.s_left{position:relative;display:block;float:left;width:240px;margin-top:-70px;z-index:1000;}
	.s_right{float:right;width:calc(100% - 270px);}

	.left_menu{}
	.left_menu h2{background:#484394;text-align:center;border-radius:10px;color:#fff;padding:40px 0;font-family: 'GmarketSans';font-weight:700;font-size:24px;}

	.left_menu li{margin-top:5px;}
	.left_menu li a{position:relative;display:block;border:solid 1px #d2d2d2;border-radius:10px;padding:10px 15px;font-size:18px;height:50px;font-weight:300;}
	.left_menu li a:after{display:block;content:"";width:16px;height:3px;background:url("/resource/1388/sub/left01.png") no-repeat left top;position:absolute;top:23px;right:-1px;}
	/*2차 _on*/
	.left_menu li.on a,
	.left_menu li a:hover,
	.left_menu li a:focus{background:#5da924;color:#fff;border:solid 1px #5da924;}
	.left_menu li.on a:after,
	.left_menu li a:hover:after,
	.left_menu li a:focus:after{background:url("/resource/1388/sub/left01_on.png") no-repeat left top;}

	/*3차*/
	.left_menu li ul{background:#f0f0f0;border:solid 1px #d2d2d2;border-radius:10px;margin-top:5px;}
	.left_menu li ul li{margin:0;border-bottom:solid 1px #d2d2d2;}
	.left_menu li ul li:last-child{border:none;}
	.left_menu li.on li a,
	.left_menu li ul li a{border:none;color:#000;font-size:16px;padding:8px 15px 8px 30px;height:40px;background:url("/resource/1388/sub/left02.png") no-repeat 20px 20px;}
	.left_menu li.on li a:after,
	.left_menu li li a:hover:after,
	.left_menu li li a:focus:after{display:none;}
	/*3차_on*/
	.left_menu li.on li.on a,
	.left_menu li.on li.on a:hover,
	.left_menu li.on li.on a:focus,
	.left_menu li ul li a:hover,
	.left_menu li ul li a:focus{color:#fff;background:#7b7b7b url("/resource/1388/sub/left02_on.png") no-repeat 20px 20px;border-radius:0;}
	.left_menu li ul li:first-child a:hover,
	.left_menu li ul li:first-child a:focus{border-radius:10px 10px 0 0;}

	/*4차*/
	.left_menu li.on ul li.on ul{border:none;padding-bottom:10px;}
	.left_menu li.on ul li.on  li{border:none;}
	.left_menu li.on ul li.on  li a{background:none;color:#000;font-size:15px;padding:5px 15px 5px 20px;height:30px;}
	/*4차_on*/
	.left_menu li.on li.on li.on a,
	.left_menu li.on li.on li a:hover,
	.left_menu li.on li.on li a:focus,
	.left_menu li ul li li a:hover,
	.left_menu li ul li li a:focus{color:#484394;background:none;border-radius:0;text-decoration: underline;font-weight:500;}


	.s_title{text-align:left;}
	.s_title h3{font-size:26px;font-weight:500;padding-bottom:10px;}
	.s_title .location{position:absolute;top:40px;right:0;padding:0;}


	.s_con{padding:40px 0;font-size:16px;}



}

@media all and (min-width:1400px){
	header{height: 100px;}
	header .hd_top{width:1400px;}
	.menu{margin: -70px auto 0 auto;padding-left: 50px;width: 750px;}
	.menu ul li a{padding-right: 60px;letter-spacing: -1px;}
	.pc_menu:after{top:100px;}
	.pc_menu .menu .depth_box .depth_boxcon{padding-top:60px;}


	/*하단*/
	.foot_wrap .bottom_menu ul,
	.foot_wrap  .pc_copy{width:1400px;}


	/**서브**/

	.sub_visual{padding:130px 20px 30px 200px;}

	.s_container{width:1400px;margin:0 auto;padding:0;}
	.s_right{width:calc(100% - 290px);}

}


/* 공공누리 */
.license{border:1px solid #dedede;padding:20px;text-align:center;margin-top:40px;}
.license h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.license div{display:block;margin:0 0 10px 0}
.license p em{font-style:normal;font-weight:bold}
.license p em:after,.license p em:before{content:'\0022'}
@media all and (min-width:1023px) {
	.license{overflow:hidden;text-align:left;}
	.license div{float:left;margin:0}
	.license p{float:right;margin:12px 0 0 0;width:calc(100% - 230px)}
}



.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none;margin:0;padding:0}