@charset "utf-8";


@media(min-width:0px){
	#menucontrol,
    #gnb,
    #sitelink .home,
    #sitelink .kor,
    #sitelink .sitemap,
    #remote{display:none}
    #sitelink .copy{display:none}
    #sitelink #open_mn{display:inline-block;margin-top:0px;position:relative;z-index:999;}
    #header #sitelink{z-index:999;}
    #location h1,
    #location h2{display:block;}
    #location .dir{position:relative;bottom:auto;right:auto;float:left;}

    #content{float:none;width:100%;}
    #footer{background-color:#f5f5f6}
    #lnb_hm{height:auto;}
	#lnb_hm .layout{width:100%;}
	#lnb_hm .nav_hm{display:block;border-bottom:1px solid #07316f;}
	#lnb_hm .nav_hm:after{content:"";display:block;clear:both;visibility:hidden;}
	#lnb_hm .nav_hm li{margin-bottom:-1px;width:33.33%;border-bottom:1px solid #07316f;}
	#lnb_hm .nav_hm li a{padding: 12px 10px;}
	#lnb_hm .nav_hm li a .ir{}
	.util_hm{display:block;position:relative;/*float:right;*/overflow:hidden;}
	.util_hm .util li{padding-top:9px;padding-bottom:7px;padding-left:5px;}
	.util_hm .util li.lang{padding-top:11px;}
	.util_hm .util li a{font-size:12px;}
	.util_hm .util li .select_lang{width:180px;}
	.util_hm .util li .select_lang{border:none;}
	.util_hm .util li.allmenu{display:none}
	.util_hm .util li.allmenu a{font-size:0;padding: 7px 7px;}
	.util_hm .util li.allmenu a span{margin-right:0;}
	
	#topkeyword .layout{padding:15px 0;}
	#topkeyword .layout *{margin:0;padding:0;}
	#topkeyword .search{border-width:5px;}
	#topkeyword .search:hover{border-color:#2452a7}
	#topkeyword .search .search_box{padding-left:0;}
	#topkeyword .search h3{display:none;}
	
	#topkeyword .search .search_box .input_box .search-input input[type="search"]{color:#b0b0b0;font-size:16px;}
	#topkeyword .search .search_box .input_box{position:relative;}
	#topkeyword .search .search_box .input_box .search-input label{padding-left:15px;font-size:16px;color:#333}

	
	
}
@media(min-width:768px){

	#topkeyword .search{padding:22px 30px;border-width:8px;}
	#topkeyword .search:hover{border-color:#2452a7}
	#topkeyword .search .search_box{padding-left:120px;}
	#topkeyword .search h3{display:inline-block;}
	#topkeyword .search .search_box .input_box{position:relative;padding-right:140px;}
	#topkeyword .search .search_box .input_box .search-input input[type="search"]{font-size:26px;}
	#topkeyword .search .search_box .input_box .search-input{padding-left:30px;}
	#topkeyword .search .search_box .input_box .search-input label{padding-left:30px;font-size:26px;} 

#lnb_hm .nav_hm li a{padding:12px 20px;;font-size:14px;}


}
@media(min-width:1024px){

	#lnb_hm .nav_hm{display:inline-block;}
    #sitelink .home,
    #sitelink .kor,
    #sitelink .sitemap{display:inline-block}
    #sitelink #open_mn{display:none;}
    #menucontrol,
    #gnb,
    #remote{display:block}
    #content{float:right;width:78%;margin:30px 0}
    #location h1,
    #location h2{display:inline-block;}
    #location .dir{position:absolute;bottom:8px;right:70px;float:none;}
    #footer{background-color:#fff}
    #sitelink .copy{display:inline-block}

	div[id^="summary"]{position:absolute;left:0;top:20px;padding:0 10px;width:125px;text-align:left;color:#e2e3e3;z-index:10;}
	div[id^="summary"] strong{font-size:22px;color:#123370}
	div[id^="summary"] p{display:none;}
	#topkeyword .layout{padding:70px 0;}
	#lnb_hm{height:50px;}
	#lnb_hm .nav_hm{border:none;}
	#lnb_hm .nav_hm li{width:auto;border:none;}
	
	#lnb_hm .nav_hm li a .ir{margin-right:5px;}
	.util_hm{position:absolute;top:0;right:0;}
	.util_hm .util li.allmenu a span{margin-right:5px;}
	
	.util_hm .util li{padding:15px 0 13px 15px;}
	.util_hm .util li.lang{padding-top:11px;}
	.util_hm .util li a{font-size:14px;}
	.util_hm .util li .select_lang{width:64px;border: 1px solid #d2d4d7;}
	
	.util_hm .util li.allmenu{display:inline-block}
	.util_hm .util li.allmenu a{padding: 15px 24px;font-size:14px;}
	
}
@media(min-width:1200px){
    #footer{background-color:#fff}
	div[id^="summary"]{width:250px;}
	div[id^="summary"] strong{font-size:35px;}
	div[id^="summary"] p{display:block;}

}

