@charset "utf-8";
/* 폰트 */
@font-face {
    font-family:'Nanum';
    src:url('/font/nanum.eot');
    src:url('/font/nanum.eot?#iefix') format('embedded-opentype'), url('/font/nanum.woff') format('woff'), url('/font/nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}

@font-face {
    font-family:'NanumBold';	
    src:url('/font/nanum_bold.eot');
    src:url('/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/font/nanum_bold.woff') format('woff'), url('/font/nanum_bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}


/* 나눔스퀘어 */
@font-face 
{
	font-family:"NanumSquareR";
	src:url('/font/NanumSquareR.eot');
    src:url('/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareR.woff') format('woff'), url("/font/NanumSquareR.ttf") format("truetype");
}

@font-face 
{
	font-family:"NanumSquareB";
	src:url('/font/NanumSquareB.eot');
    src:url('/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('/font/NanumSquareB.woff') format('woff'), url("/font/NanumSquareB.ttf") format("truetype");
}


/* 본고딕 */
@font-face 
{
	font-family:"NotoT";
	src:url('/font/notokr/notokrT.eot');
    src:url('/font/notokr/notokrT.eot?#iefix') format('embedded-opentype'),
        /* url('/font/notokr/notokrT.woff2') format('woff2'), */
        url('/font/notokr/notokrT.woff') format('woff');
}
@font-face 
{
	font-family:"NotoL";
	src:url('/font/notokr/notokrL.eot');
    src:url('/font/notokr/notokrL.eot?#iefix') format('embedded-opentype'),
	 	/* url('/font/notokr/notokrL.woff2') format('woff2'), */
        url('/font/notokr/notokrL.woff') format('woff');
}
@font-face 
{
	font-family:"NotoR";
	src:url('/font/notokr/notokrR.eot');
    src:url('/font/notokr/notokrR.eot?#iefix') format('embedded-opentype'),
        /* url('/font/notokr/notokrR.woff2') format('woff2'), */
        url('/font/notokr/notokrR.woff') format('woff');
}
@font-face 
{
	font-family:"NotoM";
	src:url('/font/notokr/notokrM.eot');
    src:url('/font/notokr/notokrM.eot?#iefix') format('embedded-opentype'),
        /* url('/font/notokr/notokrM.woff2') format('woff2'), */
        url('/font/notokr/notokrM.woff') format('woff');
}

/* 캐릭터 폰트  */
@font-face
{
	font-family:"lefthand";
	src:url('/font/font_c/lefthand.woff') format('woff');
}

.fL {float:left;}
.fR {float:right;}
.cboth {display:block; content:""; clear:both;}
.ta_r {text-align:right !important;} 
.ta_l {text-align:left !important;} 
.ta_c {text-align:center !important;}
.colblue {color:#0054a6 !important;}
.colred {color:#e60013 !important;}
.colorange {color:#f26522 !important;}
.colgreen {color:#f26522 !important;}
.underline {text-decoration:underline;}
.inblk {display:inline-block;}
.pointer {cursor: pointer;}
.hid {display: none;}

/* 플롯시 컨텐츠 공백 해결 */
/* .clearfix:after {display:block; visibility:hidden; clear:both; height:0; content:'';} */
/* .clearfix {*zoom:1;} */

/* Skip 메뉴 */
#skipArea {
	position: relative;
    z-index: 9999;
}
#skipArea a {
	position: absolute;
	top: -9999px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 30px;
	background-color: #000;
	color: #fff;
	line-height: 30px;
	font-family: 'NanumBold';
	opacity: 0.6;
	text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: Alpha(opacity=60);
}

#skipArea a:focus, #skipArea a:hover, #skipArea a:active {
	top: 0
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
    letter-spacing: -1px;
    font-family: 'NotoM';
}

/* common */
.box_mot_1 {position:relative;}

/* header */
/* .area_header { position:relative; top:0; left:0; z-index:10; width:100%; height:145px; background:url('/images/web/dapa/common/bg_menu.png') repeat-x left top;} */

.login_btn {
	padding-left: 20px;
	color: #333;
	background: url(/images/web/dapa/common/icon_login.png) no-repeat left 0;
}

/* 유틸 */
.box_header .top_util  {position:absolute; top:100px; right:0; z-index:999;}
.box_header .top_util  li {line-height:30px; padding-left:54px; float:left;}
.box_header .top_util  li a {display:block; font-family:'NotoM'; color:#333; font-size:14px;}
.box_header .top_util  li.util_sitemap {background:url('/images/web/dapa/common/icon_sitemap.png') no-repeat 30px center;}
.box_header .top_util  li.util_eng {background:url('/images/web/dapa/common/icon_eng.png') no-repeat 30px center;}
.box_header .top_util  li.util_kids {background:url('/images/web/dapa/common/icon_kids.png') no-repeat 30px center;}
.box_header .top_util  li a:hover, 
.box_header .top_util  li a:active, 
.box_header .top_util  li a:focus {text-decoration:underline;}
.box_header .top_util_tm {display:none;}


/* 콘텐츠 상단으로 이동 */
/* #toTop { display:none; position:fixed; z-index:9999999; right:10px; bottom:10px; width:40px; height:40px; font-size:0; text-indent:-1020px; text-align:center; color:#fff; background:url('/images/web/dapa/common/toTop.png') center center no-repeat #252b34; opacity:0.8; border-radius:20px;  }
#toTop:hover, #toTop:focus, #toTop.hover { background-color:#111; } */


/* 각 메뉴에서 높이 custom 조절*/
/* #ul_gnb_1 > li:nth-child(4) .ul_gnb_2 > .row{height: 205px;}
#ul_gnb_1 > li:nth-child(4) .ul_gnb_2 > .row:nth-child(n+5) { height: 88px; } */


/* 날짜선택 달력 z-index 조정 */
#ui-datepicker-div {
	z-index: 100000000 !important;
}

@media screen and (max-width:1199px) {

	#wrap {min-width:1020px;}
	#header {min-width:1020px;}
	.box_header {width:1020px;}

	/* gnb 메뉴 */
	#ul_gnb_1 > li {float:left; padding:0 25px 0 38px;}
	.box_gnb_1 {width:800px; padding-left:140px;}

	/* footer */
	.box_footer {width:1020px;}
	
	

}

@media screen and (max-width:1019px) {
		
	/* body {background-color:#444953;} */

	#wrap {min-width:auto;}
	.area_header {position:static; width:100%; height:auto; background:none; border:none;}
	.box_header_1 {position:fixed; top:0; left:0; z-index:11; width:100%; height:70px; border-bottom:1px solid #c8d1db;  background:#fff;}
	.box_header_1 .logo { position:absolute; top:10px; left:50%; margin-left:-83px;}
	.box_mot_1 {overflow:hidden; z-index:10; width:100%;}
	.box_mot_1.on {position:fixed; top:0; box-shadow:-3px 0 3px rgba(0,0,0,.3);}
	.box_mot_1.on {-webkit-transform:translate(80%, 0);-ms-transform:translate(80%, 0); -moz-transform:translate(80%, 0); transform:translate(80%, 0);}

	.box_header {position:static; width:100%;}	
	.box_header .gnb_tit {display:block; position:fixed; top:14px; left:2.5%; z-index:12; width:40px; height:40px; background:url("/images/web/dapa/common/gnb_button.png") no-repeat 50% 50% #fff; background-size:40px auto; -moz-background-size:40px auto; -webkit-background-size:40px auto;}
	.box_header .gnb_tit a {display:block; overflow:hidden; width:58px; height:58px; font-size:0; text-indent:-10000px;}
	.box_header .gnb_tit a:after {top:21px; left:17px; width:25px; height:15px; background-position:-170px 0;}
	
	/* 유틸 / 전체메뉴(사이트맵 바로가기) / 태극기 */
	.headerWrap .util, .btn_all_mn, .taegeukgi, .gov  { display:none;}

	/* 유틸 */
	.box_header .top_util {display:none;}
	.box_header .top_util_tm {display:block; position:absolute; top:70px; left:0; padding:10px 0; width:82%; height:50px; background-color:#333841; z-index:1;}
	.box_header .top_util_tm li {width:50%; float:left; line-height:2; color:#fff; font-size:12px; background: url("/images/web/dapa/common/bu_tm_tmn.png") no-repeat 10px center;}
	.box_header .top_util_tm li a { color:#fff; padding-left:18px;}

	/* 검색 */
	.box_search_0 {display:none}	
	.box_search_1 {position:fixed; top:14px; right:2.5%; width:40px; height:40px; display:block; text-indent:-10000px; overflow:hidden; background:url("/images/web/dapa/common/btn_search_t.png") no-repeat center; background-size:40px; z-index:99;}
	.box_search_1 p a {display:block; width:40px; height:40px;}
	.box_search_2 {position:fixed; right:0; top:0; width:100%; height:71px; display:none; overflow:hidden; z-index:99;}
	.box_search_2 .box_search_2_1 {position:absolute; top:0; right:-120%; width:100%; height:71px; padding:0 60px 0 0; background:#394b61; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.box_search_2 .box_search_2_1 form {position:relative; }
	.box_search_2 p.search_tm {width:20%; height:70px; padding:0 10px; border:1px solid #1e2e40; border-top:none; border-bottom:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.box_search_2 p.search_tm select {width:100%; height:20px; margin-top:25px; color:#fff; border:0; background:#394b61;}
	.box_search_2 input {position:absolute; top:15px; left:24%; width:55%; height:40px; line-height:40px; color:#fff; padding:0 0 0 10px; border:1px solid #1e2e40; background:#394b61;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.box_search_2 input::-webkit-input-placeholder {color:#fff; font-family:'NotoM'}
	.box_search_2 input:-moz-placeholder {color:#fff; opacity:1}
	.box_search_2 input::-moz-placeholder {color:#fff; opacity:1}
	.box_search_2 input:-ms-input-placeholder {color:#fff; font-family:'NotoM'}
	.box_search_2 button {position:absolute; top:15px; right:2%; width:18%; height:40px; line-height:40px; font-size:16px;  color:#fff; background:#1e2e40; }
	.box_search_dim {position:absolute; top:14px; right:2.5%; width:40px; height:40px; text-indent:-10000px; background: url("/images/web/dapa/common/btn_search_t2.png") no-repeat center; background-size:40px; z-index:99;}
	.box_search_dim p a {display:block; height:40px;}
	
	.box_header nav {position:absolute; top:30px; left:0; width:100%;}
	
	/* .bg_header_1, .box_gnb_1 h2{display:none;} */	
	/* #ul_gnb_1.on {display:block;}	
	
	#ul_gnb_1 li {width:100% !important;}	

	.ul_gnb_2 {padding-bottom:0;}
	#ul_gnb_1 > li.on > a span {color:#fff;}
	.ul_gnb_2 > li > a {font-weight:normal;}
	
	gnb 높이
	#ul_gnb_1 {top:110px; width:100%;}
	.ul_gnb_3 {overflow:hidden; max-height:0;}
	.ul_gnb_3.on {padding-bottom:5px;}
	.ul_gnb_3 > li > a {width:auto; line-height:25px; color:#a7a8aa;}

	.box_header .gnb_tit a:after {display:block; position:absolute; content:'';}
		
	gnb
	#ul_gnb_1 {padding-left:0; padding-right:0; border-top:1px solid #333841; text-align:left;}
	#ul_gnb_1 > li {float:none; width:100%; padding:0; background:none;}
	#ul_gnb_1 > li > a {padding:0 15px; border-bottom:1px solid #333841; background-color:#444953; color:#fff;}
	#ul_gnb_1 > li.on > a span {padding:0; border-bottom:none;}
	#ul_gnb_1 > li > a span {padding:0; font-size:17px; line-height:50px;}
	.box_gnb_1{visibility:visible; position:relative; left:0; top:auto; width:100%; height:auto; max-height:0; padding-left:0;}
	#ul_gnb_1 > li.on .box_gnb_1 {max-height:300px;}
	#ul_gnb_1 > li > a span img { display:none;}
	.ul_gnb_2 {border-top:none; background-image:none; background-color:#23252b;}
	.ul_gnb_2 > li.li_1,
	.ul_gnb_2 > li {position:relative; top:auto; right:auto; width:100%; border:none; border-bottom:1px solid #141416;}
	.li_manage .ul_gnb_2 > li,
	.li_info .ul_gnb_2 > li {height:auto;}
	.ul_gnb_2 > li.li_1 > a,
	.ul_gnb_2 > li > a,
	.ul_gnb_2 > li {width:100%; height:auto; padding-top:0; padding-left:20px; border-left:none; font-size:15px; line-height:30px; color:#fff; text-align:left;}
	.ul_gnb_2 > li {padding-left:0;}
	.ul_gnb_2 > li > a {padding-left:30px;}
	.ul_gnb_2 > li > a:before,
	.ul_gnb_2 > li > a:after { display:block; position:absolute; background-color:#a7a8aa; content:'';}
	.ul_gnb_2 > li > a:before {width:9px; height:1px; left:15px; top:15px;}
	.ul_gnb_2 > li > a:after {width:1px; height:9px; left:19px; top:11px;}
	.ul_gnb_2 > li > a:hover, .ul_gnb_2 > li > a:focus {color:#fff;}
	.ul_gnb_2 > li.on > a:after {display:none;}
	.ul_gnb_3 > li > a {padding-left:30px;}
	.ul_gnb_3 > li > a:hover, .ul_gnb_3 > li > a:focus {color:#fff;}
	.ul_gnb_2 > li.li_1 {width:100%; border-left:3px solid #2aa1d3; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0;}
	.ul_gnb_2 > li.li_1 a{padding-left:20px; color:#2aa1d3;}
	.ul_gnb_2 > li.li_1 > a:before {width:0; height:0;}
	.ul_gnb_2 > li.li_1 > a:after {width:0; height:0;}
	.ul_gnb_2 > li:not(.li_1) > a {padding-top:0;}
	.ul_gnb_2 > li:not(.li_1) > a,
	.ul_gnb_2 > li > a {height:auto; border-left:none;}
	
	.ul_gnb_2 > li > a span.tmn_N_link {padding-right:28px; background:url('/images/web/dapa/sub/btn_link_w.png') no-repeat right -3px;} 180212
	.ul_gnb_3 > li > a span.tmn_N_link {padding-right:28px; background:url('/images/web/dapa/sub/btn_link_w.png') no-repeat right -4px;} 180212	 */
	/* footer */
	.box_footer {position:relative; width:100%; }
	.footer_link {width:50%; margin:0; line-height:17px;}
    .footer_link button {display:block; width:100%; height:50px; text-align:left;  padding-left:10px; font-size:14px;  color:#fff; overflow:hidden; background:url('/images/web/dapa/common/footer_more.png') no-repeat right 50%;}
    /* .footer_link ul { display:none; position:absolute; bottom:50px; left:0; width:100%; box-sizing:border-box; opacity:0.9; border-radius:3px 3px 0 0;} */
/*     .footer_link li { float:none; padding:0; border-bottom:1px solid #5d6a77; background:none;} */
	.footer_link li:first-child a,
    /* .footer_link li a { display:block; padding:5px 10px;  font-size:12px; color:#d4dde7; font-family:'Dotum'; background:#344555; opacity:0.9;} */
    .footer_link li a:hover,
    .footer_link li a:focus,
    .footer_link li a:active { color:#fff; opacity:1}

	.footBtn {width:50%;}
	.footBtn button {width:100%; font-size:14px; padding-left:10px;}	

	.box_footer .box_info {width:95%; margin:0 auto; padding-bottom:70px; text-align:center;}/* 180816 수정 */
	.footer_tel {top:auto; bottom:0; right:auto; left:50%; margin-left:-80px;} /* 180816 수정 */
	.box_footer .box_info .img_wa {position:absolute; right:50%; top:auto; bottom:-20px; margin-right:90px;} /* 180816 수정 */
	
	
	/* 각 메뉴에서 높이 조절*/
	#ul_gnb_1 > li:nth-child(4) .ul_gnb_2 > .row{height: auto !important;}

}

@media screen and (max-width :620px) {
	/* 검색 */
	.box_search_2 p.search_tm {width:32%; }
	.box_search_2 p.search_tm select {font-size:13px;}
	.box_search_2 input {left:33%; width:49%;}
	.box_search_2 button {right:0; width:17%;font-size:13px;}
	.box_search_dim {position:absolute; top:14px; right:2.5%; width:40px; height:40px; text-indent:-10000px; background: url("/images/web/dapa/common/btn_search_t2.png") no-repeat center; background-size:40px; z-index:99;}
	.box_search_dim p a {display:block; height:40px;}
}

@media screen and (max-width :480px) {

	/* footer */
	.box_footer address span{ margin-left:0;}
	.box_footer p.f_mani img {width:100px; }

}