@charset "utf-8";
/* @font-face{font-family:'IropkeBatangM'; src:url(/support/css/IropkeBatangM.eot), url(/support/css/IropkeBatangM.woff) format('woff')} */

header:after{display:block; content:''; clear:both}
header .gnb{margin:auto; padding:9px 0px}
/* body:not(.main) header .gnb{max-width:1280px} */
header .gnb:after{display:block; content:''; clear:both}
header .gnb>ul.etc>li.lang  {display:none;}
header h1{position:absolute; left:50%; transform:translateX(-50.2%); -webkit-transform:translateX(-50.2%); text-align:center; margin-top:16px; font-size:23px; font-weight:normal}
header h1 a{display:inline-block; text-align:left; padding:11px 0px; padding-left:65px; background:url(/welfare/img/inc/logo.png) no-repeat left center;}
header h1 span{display:block; font-size:16px; font-weight:normal}
header nav#lnb .close{display:none}

footer{padding:40px 0px; border-top:1px solid #e9e8e7; overflow:hidden}
.main footer{padding-left:3%; padding-right:3%}
footer div.btm_info{float:left; width:60%}
footer div.btm_info .btm_menu{overflow:hidden}
footer div.btm_info .btm_menu li{position:relative; float:left; padding:0px 17px; }
footer div.btm_info .btm_menu li:after{display:block; content:''; position:absolute; left:0px; top:4px; width:1px; height:13px; background:#ccc}
footer div.btm_info .btm_menu li:first-child{padding-left:0px; }
footer div.btm_info .btm_menu li:first-child:after{display:none; }
footer div.btm_info address{margin:30px 0px 5px}
footer ul.btm_banr{float:right; width:222px}
footer ul.btm_banr li{margin:2px 0px}
footer ul.btm_banr li a{display:block; border:1px solid #ddd}
footer ul.btm_banr li a span{display:inline-block; padding:12px 6px 12px 15px; font-weight:bold; color:#666}
footer ul.btm_banr li a img{width:73px}

p.btn_goTop{opacity:0; position:fixed; left:90%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:150px; transition:all ease 1s}
p.btn_goTop.fade{bottom:170px;}
p.btn_goTop a{display:block; width:50px; height:50px; border-radius:80px; border:3px solid #333; box-shadow:0px 1px 1px rgba(0,0,0,.5), inset 0px 1px 1px rgba(0,0,0,.5); text-indent:-5000px}
p.btn_goTop a:before,
p.btn_goTop a:after{display:block; content:''; position:absolute; left:13px; top:23px; width:15px; height:3px; background:#333; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); border-radius:2px; box-shadow:0px 1px 1px rgba(0,0,0,.5)}
p.btn_goTop a:after{margin-left:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg)}


/*******************************************************************************************************************/


@media screen and (min-width:801px){
	.dp_mb{display:none}
	.pc_block{display:block}

	header:before {display:block; content:""; position:absolute; left:0; right:0; top:40px; height:1px; background:#e8e8e8;}	
	header nav{float:right; padding-top:38px}
	header nav div.menu{width:481px; overflow:hidden}
	header nav div.menu>ul:after{display:block; content:''; clear:both}
	header nav div.menu>ul>li{float:left; width:133px; height:48px}
	header nav div.menu>ul>li>a{display:block; position:absolute;  text-align:center; width:215px; height:48px; line-height:48px; background:url(../img/inc/menu_bg.png) no-repeat right top; font-weight:bold; font-size:17px; z-index:1; transition:background-image ease .1s}
	header nav div.menu>ul>li.menu1>a{padding-right:25px}
	header nav div.menu>ul>li.menu2>a{padding-right:25px}	
	header nav div.menu>ul>li.on+li.menu2>a{padding-left:25px; padding-right:0px}
	header nav div.menu>ul>li.menu3>a{padding-left:25px}
	header nav div.menu>ul>li.on>a{padding-left:0px; padding-right:0px; z-index:3}
	header nav div.menu>ul>li.on+li>a{z-index:2}
	.life header nav div.menu>ul>li.menu1>a,
	header nav div.menu>ul>li.menu1.on>a{background-image:url(../img/inc/menu01_bg.png); color:#fff}
	.visitors header nav div.menu>ul>li.menu2>a,
	header nav div.menu>ul>li.menu2.on>a{background-image:url(../img/inc/menu02_bg.png); color:#fff}	
	.youth header nav div.menu>ul>li.menu3>a,
	header nav div.menu>ul>li.menu3.on>a{background-image:url(../img/inc/menu03_bg.png); color:#fff}
	header nav#lnb .submenu{display:none; position:absolute; left:0; top:126px; text-align:left; width:100%; padding-left:100px; background:#fff; overflow:hidden; z-index:999}
	header nav#lnb .submenu>div{display:none}
	header nav#lnb .submenu>ul{margin:auto; max-width:1400px}
	header nav#lnb .submenu>ul>li{position:relative; padding-left:280px}
	header nav#lnb .submenu>ul>li:after{display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:rgba(0,0,0,.1)}
	header nav#lnb .submenu>ul>li>a{position:absolute; left:0px; top:0px; text-align:right; padding:20px 53px 20px 20px; width:265px; height:100%; font-size:17px; font-weight:bold; color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,.5); transition:all .2s ease}	
	header nav#lnb .submenu>ul>li>a:before, 
	header nav#lnb .submenu>ul>li>a:after{display:block; content:""; position:absolute; right:21px; top:22px}
	header nav#lnb .submenu>ul>li>a:before{width:22px; height:22px; border-radius:50%; background:#FFF; box-shadow:0px 0px 2px rgba(0,0,0,.7)}
	header nav#lnb .submenu>ul>li>a:after {margin-top:8px; margin-right:9px; width:5px; height:5px; border-right:2px solid rgba(0,0,0,.4); border-bottom:2px solid rgba(0,0,0,.4); transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
	header nav#lnb .submenu>ul>li:hover>a{/* background:#bbc1c8 */; color:#fff; text-shadow:none}
	header nav#lnb .menu1 .submenu{border-top:3px solid #ea6f7e}
	header nav#lnb .menu2 .submenu{border-top:3px solid #ffb628}
	header nav#lnb .menu3 .submenu{border-top:3px solid #379238}
	header nav#lnb .menu1 .submenu>ul>li>a{background:#ea6f7e}
	header nav#lnb .menu2 .submenu>ul>li>a{background:#ffb628}
	header nav#lnb .menu3 .submenu>ul>li>a{background:#379238}
	header nav#lnb .menu1 .submenu>ul>li:hover>a{background:#d04052}
	header nav#lnb .menu2 .submenu>ul>li:hover>a{background:#eb6e12}
	header nav#lnb .menu3 .submenu>ul>li:hover>a{background:#28702a} 
	header nav#lnb .menu1 .submenu>ul>li>a:after{border-color:#ea6f7e}
	header nav#lnb .menu2 .submenu>ul>li>a:after{border-color:#ffb628}
	header nav#lnb .menu3 .submenu>ul>li>a:after{border-color:#379238}
	header nav#lnb .submenu>ul>li ul{padding:30px 0px; overflow:hidden}
	header nav#lnb .submenu>ul>li ul>li{float:left; padding:2px 2%; width:21%}	
	header nav#lnb .submenu>ul>li ul>li.long{width:42%}	
	header nav#lnb .menu3 .submenu>ul>li ul{padding:45px 0px}
	header nav#lnb .menu3 .submenu>ul>li ul>li{padding:3px 2%}
	header .navBg{display:none; position:fixed; left:0; right:0; top:200px; width:100%; height:100%; min-height:950px; background:rgba(0,0,0,.6); z-index:998}


	.main header nav div.menu>ul>li.menu1>a{}
	.main header nav div.menu>ul>li.menu2>a{}
	.main header nav div.menu>ul>li.menu3>a{padding-left:0px}

}

@media screen and (max-width:1200px){
	header h1{left:20px; transform:none; -webkit-transform:none}
}

@media screen and (max-width:800px){
	.dp_pc{display:none}
	.mb_block{display:block}

	header{position:fixed; left:0px; top:0px; width:100%; z-index:999; transition:all ease 1s; background:#fff; box-shadow:0px 0px 2px rgba(0,0,0,.2)}
	header h1{position:relative; left:0px; margin:0px; padding:15px 0px; font-size:18px; font-weight:bold}
	header h1 a{background-size:45px; padding-left:50px}
	header h1 span{font-size:14px}	
	header nav#lnb h2{position:absolute; left:25px; top:27px}
	header nav#lnb h2 a{display:block; width:30px; height:25px; border:2px solid #333; border-width:2px 0px}
	header nav#lnb h2 a:after{display:block; content:''; position:absolute; top:11px; width:100%; height:2px; background:#333}
	header nav#lnb>div>ul:before{width:100px}
	header nav#lnb>div>ul>li>a{width:100px; padding-top:26px}
	header nav#lnb div.submenu{width:220px}
	header .inc_search {position:absolute; right:20px; top:27px}
	header .inc_search h2>a {width:60px; height:60px; background:url('/se/img/inc/ic_search.png') no-repeat;}
	header .inc_search h2>a.close {position:relative; background:#3189dc;}
	header .inc_search h2>a.close:before, 
	header .inc_search h2>a.close:after {display:block; content:""; position:absolute; left:11px; top:-2px; width:2px; height:29px; background:#fff;}
	header .inc_search h2>a.close:before {transform:rotate(-45deg);}
	header .inc_search h2>a.close:after {transform:rotate(45deg);}
	header .inc_search>div {display:none; position:fixed; left:0; right:0; top:147px; padding:60px 0 50px; background:#f1f1f1; z-index:500;}
	header .inc_search>div>form {position:relative; max-width:550px; margin:0 auto; padding:10px; border:3px solid #4a4a4a; background:#fff;}
	header .inc_search input[type=text] {width:80%; border:0;}
	header .inc_search dl {text-align:center; margin-top:15px;}
	header .inc_search dt, header .inc_search dd {display:inline-block;}
	header .inc_search dt {font-weight:bold;}
	header .inc_search dd {position:relative; margin-left:30px;}
	header .inc_search dd:before {display:block; content:""; position:absolute; left:-17px; top:8px; width:1px; height:6px; background:#bebebe; transform:rotate(45deg);}
	header .inc_search dd:first-of-type {margin-left:10px;}
	header .inc_search dd:first-of-type:before {display:none;}
	header .inc_search input {margin-right:5px;}
	header .inc_search input[type=submit] {width:29px; height:29px; border:0; text-indent:500%; background:url('/main/img/sub/search_submit.gif') no-repeat center center;}
	header .inc_search>div {top:135px; padding:30px 0;}
	header .inc_search>div .key {display:none;}
	header .inc_search input[type=submit] {position:absolute; right:10px; top:6px;}
	header .inc_search dl {display:none;} 
	header.fixed{background:#bbc1c8}
	body:not(.main) header.fixed h1 a{background-image:url('/welfare/img/inc/logoW.png'); color:#fff}
	body.life header.fixed{background:#ea6f7e}
	body.visitors header.fixed{background:#ffb628}
	body.facility header.fixed{background:#379238}
	body:not(.main) header.fixed nav#lnb h2 a{border-color:#FFF}
	body:not(.main) header.fixed nav#lnb h2 a:after{background:#FFF}

	
	footer{position:relative; padding:5% !important}
	footer div.btm_info{float:none; width:100%}
	footer div.btm_info .btm_menu{width:45%}
	footer div.btm_info .btm_menu li{float:none; padding:5px 0px}
	footer div.btm_info .btm_menu li:first-child{padding-top:0px}
	footer div.btm_info .btm_menu li:after{display:none}
	footer ul.btm_banr{position:absolute; right:20px; top:20px; width:45%}
	footer ul.btm_banr li a{padding:5px 7px 2px; text-align:center}
	footer ul.btm_banr li a span{display:block; padding:0px}	

	#contents{margin-top:77px}
}