@charset "utf-8";


#wrapper {width:100%;min-width:320px;}


/* header */
#header {position:relative;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);z-index:5;}

#header .hd_top {border-bottom:1px solid #ccc;}
#header .hd_top > .inner {position:relative;margin:0 auto;width:1200px;height:95px;}
#header .hd_top .logo {position:absolute;margin-left:-118px;top:29px;left:50%;line-height:1;}
#header .hd_top .logo a {display:inline-block;vertical-align:middle;font-size:0.75em;height:40px;padding-top:7px;text-decoration:none;background-image:url(../images/common/logo.png);background-repeat:no-repeat;padding-left:50px}
/*2020-07-13*/
#header .link_wrap {position:absolute;left:0;}
#header .link_wrap a {position:relative;display:inline-block;padding-right:17px;font-size:14px;font-weight:normal;vertical-align:middle;}
#header .link_wrap a:first-child {margin-right:25px;}
#header .link_wrap a:after {content:"";position:absolute;right:0; top:6px;display:block;width: 0; height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #555;}


/* gnb */
#header .hd_bot {position:relative;height:60px;background-color:#fff;}
#gnb {margin:0 auto;width:1200px;box-sizing:border-box;}
#gnb .gnb_list > li {position:relative;float:left;width:20%;}
#gnb .gnb_list > li > .dep1_txt {position:relative;display:block;height:60px;line-height:60px;font-size:18px;box-sizing:border-box;text-align:center;}
#gnb .gnb_list > li > div{display:none;}
#gnb .gnb_list > li > .dep1_txt:before {content:"";display:block;position:absolute;top:29px;left:0;width:2px;height:2px;background-color:#717171;}
#gnb .gnb_list > li:first-child > .dep1_txt:before {display:none;}
#gnb .gnb_list li.dep1:hover .dep1_txt {border-bottom:2px solid #005da3;text-decoration:none;}
#gnb .gnb_list li.dep1:hover .dep1_txt div{display:none;}

#header .gnb_util {position:relative;margin:0 auto;width:1200px;}
#header .gnb_util .gnb_btn {display:block;position:absolute;width:60px;height:60px;background-position:center center;background-repeat:no-repeat;text-indent:-9999px;}
#header .gnb_util .sitemap {right:0;background-color:#333;background-image:url(../images/common/gnb_sitemap_ico.png);}
#header .gnb_util .hd_srch_btn {right:0;background-color:#15b9b1;background-image:url(../images/common/gnb_srch_ico.png);}
#header .gnb_util .hd_srch_btn.close {background-color:#078d83;background-image:url(../images/common/gnb_srch_close_ico.png);}
#header .gnb_util .all_menu_btn {display:none;}
#header .gnb_bg {display:none;position:absolute;top:60px;left:0;width:100%;min-height:455px;background-color:#f7f7f7;border-top:1px solid #bbb;border-bottom:1px solid #333;z-index:5;}
#mobileMenu {display:none;}
.mobile_menu_bg {display:none;}

/* 상단 검색 */
#hd_search_wrap {display:none;position:absolute;top:60px;left:0;right:0;padding-top:150px;height:455px;box-sizing:border-box;background-color:#078d83;z-index:7;}
#hd_search_wrap > .inner {margin:0 auto;width:760px;}
#hd_search_wrap > .inner:after {content:"";display:block;clear:both;}
#hd_search_wrap .srch_inp {float:left;margin-right:2%;width:82%;border-bottom:2px solid #fff;overflow:hidden;}
#hd_search_wrap .srch_inp select,
#hd_search_wrap .srch_inp input {float:left;padding:0 10px;height:53px;line-height:53px;color:#fff;font-size:20px;border:0;background-color:transparent;box-sizing:border-box;vertical-align:middle;}
#hd_search_wrap .srch_inp select {width:25%;}
#hd_search_wrap .srch_inp select option {color:#000;}
#hd_search_wrap .srch_inp select {background-position:95% center;background-repeat:no-repeat;
-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
-moz-appearance: none; 
appearance: none;
background-image: url(../images/common/gnb_srch_select_ico.png); /* 화살표 모양의 이미지 */} 
#hd_search_wrap .srch_inp select::-ms-expand {display:none;}/* IE 10, 11의 네이티브 화살표 숨기기 */

#hd_search_wrap .srch_inp input {width:75%;}
#hd_search_wrap .srch_inp input::placeholder {color:#fff;}
#hd_search_wrap .srch_inp input:-ms-input-placeholder {color:#fff;} /* Internet Explorer */
#hd_search_wrap .srch_inp input::-webkit-input-placeholder {color:#fff;} /* Edge */

#hd_search_wrap .srch_btn {float:left;display:block;width:16%;height:55px;line-height:55px;color:#fff;font-size:20px;border:2px solid #fff;border-radius:3px;box-sizing:border-box;text-align:center;}
#hd_search_wrap .srch_btn:hover {color:#078d83;background-color:#fff;}
#hd_search_wrap .srch_close {position:absolute;bottom:15px;margin-left:-600px;left:50%;width:1200px;}
#hd_search_wrap .srch_close .srch_close_btn {position:absolute;right:0;bottom:0;color:#fff;font-size:14px;}

/* footer */
#footer {border-top: 1px solid #ccc;}
#footer .f_inner {position:relative;margin:0 auto;padding:25px 0;width:1200px;text-align:center;}
#footer .f_info p,
#footer .f_info span {color:#777;font-size:14px;}
#footer .f_info p {margin-bottom:5px;}
#footer .f_info span {display:inline-block;margin-right:15px;}


/* topGo */
#topGo {display:none;position:fixed;bottom:5%;right:5%;z-index:5;}
#topGo a,
.topGo a {display:block;width:50px;height:50px;line-height:50px;color:#fff;font-size:13px;background-color:rgba(0, 155, 147, 0.8);text-align:center;}
#topGo a span, .topGo a span {display:inline-block;padding-top:10px;line-height:1.5;background:url(../images/common/arr_up_ico1.png) no-repeat center 0;vertical-align:middle;}




@media screen and ( max-width:1024px ){
    
   
	/* header */
	#header .hd_top > .inner {padding:0 2%;width:100%;height:80px;box-sizing:border-box;}
	#header .hd_top .logo {top:20px;left:2%;margin-left:0;}

	/*2020-07-13*/
	#header .link_wrap {top:25px;left:280px;}
	#header .link_wrap a {padding-right:10px;}
	#header .link_wrap a:first-child {margin-right:15px;}

	/* gnb */
	#header .hd_bot {height:auto;}
	#gnb {display:none;}
	#header .gnb_util {width:96%;}
	#header .gnb_util .gnb_btn {top:-60px;width:40px;height:40px;}
	#header .gnb_util .sitemap {display:none;}
	#header .gnb_util .hd_srch_btn {right:40px;}
	#header .gnb_util .all_menu_btn {display:block;right:0;background-color:#333;background-image:url(../images/common/gnb_sitemap_ico.png);}
	
	/* 상단 검색 */
	#hd_search_wrap {top:0;height:600px;}
	#hd_search_wrap > .inner {width:80%;}
	#hd_search_wrap .srch_close {width:80%;}

	/* 모바일 메뉴 */
	#mobileMenu {position:fixed;top:0;right:-300px;width:300px;bottom:0;background:#fff;z-index:900;}
    #mobileMenu .mobile_menu_close {position:absolute;top:12px;right:12px;}
    
    .mobile_menu_top {height:50px;background-color:#005da3;}
    .mobile_menu_top.login_on {height:50px;}
    .mobile_menu_top.login_on + .mobile_menu_list_wrap {top:50px;}
    .mobile_menu_top > a {display:inline-block;height:50px;padding:0 10px;line-height:50px;}
    .mobile_menu_top > a img {margin-top:-4px;vertical-align:middle;}
    
    .mobile_menu_list_wrap {position:absolute;top:50px;bottom:0;width:100%;background:#fff;overflow-y:auto;}
    .mobile_menu_list .dep1 {border-bottom:1px solid #ccc;}
    /* .mobile_menu_list .dep1_txt {display:block;padding:0 20px;width:100%;height:50px;line-height:50px;font-size:1em;font-weight:bold;text-align:left;word-break:keep-all;background:url(../images/common/m_menu_dep1.png) no-repeat 95% center;} */
    .mobile_menu_list .dep1_txt {display:block;padding:0 20px;height:50px;line-height:50px;font-size:1em;font-weight:bold;text-align:left;word-break:keep-all;background:url(../images/common/m_menu_dep1.png) no-repeat 95% center;}
    .mobile_menu_list .dep1.active .dep1_txt {color:#000;}
    .mobile_menu_list .dep1_sub_menu {display:none;padding:0 10px 10px;background:#fff;overflow-y:auto;}
	.mobile_menu_list .dep1.active .dep1_sub_menu {display:block;}
	
	.mobile_menu_list .dep1_sub_menu .dep2_txt {display:block;width:100%;padding:12px 12px 12px 10px;color:#666;font-size:0.93em;background:#f5f5f5;line-height:1.2;text-align:left;box-sizing:border-box;word-break:keep-all;}
	.mobile_menu_list .dep1_sub_menu .dep2_txt.m_in_dep3 {padding-right:35px;color:#666;background:#f5f5f5 url(../images/common/m_menu_dep2.png) no-repeat 95% center;}
	.mobile_menu_list .dep1_sub_menu .dep2 > li {border-top:1px solid #ddd;}
	.mobile_menu_list .dep1_sub_menu .dep2 > li.active .dep2_txt {font-weight:bold;}
	.mobile_menu_list .dep1_sub_menu .dep2 > li.active .dep2_txt.m_in_dep3 {position:relative;}
	.mobile_menu_list .dep1_sub_menu .dep3 {display:none;padding:12px 15px;border-top:1px solid #ddd;background:#eee;}
	.mobile_menu_list .dep1_sub_menu .dep2 > li.in_dep3 .dep2_txt {padding-right:35px;color:#666;background:#f5f5f5 url(../images/common/gnb_2dep.png) no-repeat 95% center;}
	.mobile_menu_list .dep1_sub_menu .dep2 > li.active .dep3 {display:block;}
	.mobile_menu_list .dep1_sub_menu .dep3 li a {display:block;padding:2px 0;color:#666;font-size:0.9em;word-break: keep-all;word-wrap:break-word;}
	.mobile_menu_list .dep1_sub_menu .dep3 li a:hover {text-decoration:underline;}
   
    .mobile_menu_bg {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);z-index:890;}
  


	/* footer */
	#footer .f_inner {width:94%;}


	/* topGo */
	#topGo.pc_ver {display:none;}
	#topGo.m_ver {display:none;position:fixed;bottom:3%;right:3%;z-index:900;}

       
}




@media screen and ( max-width:768px ){


	/* header */
	#header .hd_top .logo img {height:35px;}
	/*2020-07-13*/
	#header .link_wrap {display:none;}


	/* 상단 검색 */
	#hd_search_wrap {padding-top:130px;height:390px;}
	#hd_search_wrap > .inner {width:90%;}
	#hd_search_wrap .srch_inp {float:none;margin:0 0 3%;width:100%;}
	#hd_search_wrap .srch_inp select,
	#hd_search_wrap .srch_inp input {font-size:1em;}
	#hd_search_wrap .srch_inp select {width:35%;}
	#hd_search_wrap .srch_inp input {width:65%;}
	#hd_search_wrap .srch_btn {float:none;width:100%;}


   

    /* footer */

	#footer .f_inner {padding:15px 0;width: 96%;letter-spacing: -0.1em;}
	#footer .f_info p {font-size: 0.8em;}

	



    
}




@media screen and ( max-width:320px ){

	/* header */


    
	/* footer */



    
}
