@charset="utf-8";


#wrapper{position:relative;}

#head{position:absolute; z-index:10000; width:100%;  min-width:320px; /*background:#fff;*/}
#head .logo{position:absolute; z-index:1000; width:270px;}

#head #global_menu .search_box .search{width:115px; height:15px; padding:4px 0 4px 5px; margin:0; border:none; background:url(/images/common/top_bg_search.png) no-repeat 0 center;}

#head .grobal_menu{position:absolute; top:40px; z-index:1000; right:30px;}
.grobal_menu{position:relative; top:-30px;}
.grobal_menu a{color:#231f20; font-size:13px;}

#header #navi ul.depth1 li ul.depth2 li ul.depth3{margin:3px 0 0;}
#header #navi ul.depth1 li ul.depth2 li ul.depth3 li a, #header #navi ul.depth1 li ul.depth2 li.on ul.depth3 li a{color:#666; text-decoration:none;}
#header #navi ul.depth1 li ul.depth2 li ul.depth3 li a:hover, #header #navi ul.depth1 li ul.depth2 li ul.depth3 li.on a{color:#035cb0; text-decoration:underline;}


.top_ico{width:18px;}


.sidebar_butt a{color:#fff;}



/*#head{position:absolute; width:100%; background:#fff;}

#header #navi{clear:both;  position:relative;}
#header #navi ul.depth1{float:left; position:relative; width:100%;}
#header #navi ul.depth1 li{float:left; position:relative; width:14.25%;}


#header #navi ul.depth1 li.on div a div.depth1{color:#fff; background:#5383db; font-weight:500;}

#header #navi ul.depth1 li ul.depth2{ min-height:190px; border-collapse:collapse; position:relative; top:10px; padding:0px; background:#d7e6f2; margin:0px 2px; border-radius:10px;}
#header #navi ul.depth1 li ul.depth2 li{width:99%; padding:6px 15px 6px; text-align:left !important; border-bottom:1px dotted #5383db; background:url(/images/common/top_menu_ico.png); background-repeat:no-repeat; background-size:3px 3px; background-position:7px center;}
#header #navi ul.depth1 li ul.depth2 a li{font-size:0.8em !important; color:#666; line-height:150%;}
#header #navi ul.depth1 li ul.depth2 a li:hover,focus,active{color:#0774eb; font-weight:bold;}

#header #navi ul.depth1 li a{color:#231f20; margin:0px; padding:0px;}
#header #navi ul.depth1 li a div.depth1{
	position:relative; 
	width:100%; 
	padding:13px 0px 13px; 
	font-size:15px; 
	letter-spacing:-1px; 
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	text-align:center;
	font-weight:600; 
	line-height:100%;
}
#header #navi ul.depth1 li a div:hover,focus{
	color:#3c72d7;
}
#header #navi ul.depth1 li div:hover,focus{
	background:url(/images/common/top_menu_on.png); 
	background-repeat:repeat-x;
}

.grobal_menu{position:relative; top:-30px;}
.grobal_menu a{color:#231f20; font-size:13px;}*/

/*�쇱そ硫붾돱*/
#left_nav{position:relative; background:#fff; width:220px; float:left;}
#left_nav .nav_top{background:#5383db; width:220px; height:125px; display:table-cell; vertical-align:middle; text-align:center;}
#left_nav .nav_top p{color:#fff; letter-spacing:-0.5px; font-size:1.2em;}
#left_nav .depth1{background:#fff; border-collapse:collapse;}
#left_nav .depth1 li{letter-spacing:-1px; font-size:0.9em; border-bottom:1px solid #ddd; border-collapse:collapse;}
#left_nav .depth1 li div{padding:15px 0px 15px 10px;  color:#777777;}
#left_nav .depth1 li.on{background:#ecf4fa url(/images/common/left_d_on.png) 220px 15px; background-repeat:no-repeat; font-weight:600;}
#left_nav .depth1 li.on a{color:#5383db;}
#left_nav .depth1 li.on div{color:#5383db;}
#left_nav .depth1 li ul.depth2{background:#fff; border-collapse:collapse; position:relative; /*top:15px;*/ padding:0px !important; margin-top:-2px;  border-top:1px solid #ccdddd; top:2px;}
#left_nav .depth1 li ul.depth2 li{padding:10px; border-bottom:1px solid #ccdddd;}
#left_nav .depth1 li ul.depth2 a{color:#666; font-weight:normal;}
#left_nav .depth1 li ul.depth2 li.on{background:#ddecf6;}
#left_nav .depth1 li ul.depth2 li.on{color:#5383db;}


/*�댁슜*/
.sub_top{width:100%;}
.sub_top h2{text-align:center; color:#fff; padding:0px; margin:0px;}

.default_box{margin:0px auto;}
.contents{font-size:0.9em;}
.cot_tit{color:#333; letter-spacing:-1px; margin:0px;}

.loca{text-align:right; font-size:12px; border-bottom:1px solid #ddd; padding-bottom:5px; letter-spacing:-0.5px;}
.loca a{color:#1d1d1d;}
.loca .on{color:#5383db; font-weight:bold;}
.lc_ico{position:relative; top:-1px;}

.sub_cate{color:#333; background:url(/images/common/cont_cate_ico.png); background-repeat:no-repeat; background-size:18px 18px; padding-left:20px;}

#page a{color:#666; padding:0px 2px;}
#page a.on{color:#5383db; font-weight:bold; text-decoration:underline;}
#page img{width:15px; height:15px;}

#foot{background:#fff; display:inline-block; width:100%; padding:30px 0px; border-top:1px solid #ddd;}
.foot_logo{float:left; padding-right:20px;}
.foot_data{float:left; line-height:140%; font-size:13px; color:#7d7d7d;}
.foot_data a{ color:#7d7d7d;}

/* Desktop Device : 480 �댄븯 */
@media screen and (max-width:480px){
	

	#wrapper{position:relative; min-width:320px;}


	/*�곷떒 �ㅻ퉬寃뚯씠��*/
	#global_menu .sitemap_ico{display:none;}

	#head{width:100%; overflow:hidden; }
	#head .logo{top:30px; left:70px;}
	.head_pd{padding:0px 20px;}
	.head_bg{background:url(../images/common_20/top_bg_m.png); background-repeat:repeat-x; background-position:top center; height:114px; }

	#head .search{display:none; position:absolute; right:70px; top:33px; width:50px; height:96px; text-align:center;}

	#header{display:none;}
	#header .headar_pd{padding:0px 20px;}
	#header #navi{display:none;}

	.panel_bnt{display:none;}

	#panel_butt{position:relative; top:63px; right:40px;}

	.grobal_menu{display:none;}

	.prg_bn{position:relative; top:-10px;}

	/*#head{position:absolute; width:100%; z-index:1000; min-width:320px; background:#fff;  height:90px;  border-bottom:1px solid #ededed;}
	#head .logo_area{width:100%; text-align:center; position:absolute;}
	#head .logo{width:100%; padding:30px 10px 0px; background-position:center bottom; text-align:center;}
	#head .logo img{max-width:216px; width:100%;}
	.grobal_menu{top:-70px; right:10px;}

	#header{position:absolute; z-index:100; width:100%;  min-width:320px; top:0px; overflow:hidden; background:url(/images/common/top_bg_m.png); background-repeat:repeat-x; height:100px;}
	#header #navi{display:none;}*/

	/*�쇱そ硫붾돱*/
	#left_nav{display:none;}

	/*�댁슜*/
	.default_box_1{margin:0px auto;}
	.defaultbox_pd{margin:0px 10px; overflow:hidden;}
	.defaultbox_pd_in{overflow:hidden;}

	
	#contentarea{/*padding-top:60px;*/}
	#content{padding-top:10px; min-width:320px;}
	.contentbox{padding:0px 10px 0px;}
	.contents{padding-bottom:50px;}

	.loca{padding-right:10px;}

	.sub_top{height:120px;}
	.sub_top h2{position:relative; top:85px; font-size:22px;}
	#subtop_1{background:url(/images/common/sub_top_m_1.jpg); background-size:cover; background-position:center; }
	#subtop_2{background:url(/images/common/sub_top_m_2.jpg); background-size:cover; background-position:center; }
	#subtop_3{background:url(/images/common/sub_top_m_3.jpg); background-size:cover; background-position:center; }
	#subtop_4{background:url(/images/common/sub_top_m_4.jpg); background-size:cover; background-position:center; }
	#subtop_5{background:url(/images/common/sub_top_m_5.jpg); background-size:cover; background-position:center; }
	#subtop_6{background:url(/images/common/sub_top_m_6.jpg); background-size:cover; background-position:center; }
	#subtop_7{background:url(/images/common/sub_top_m_7.jpg); background-size:cover; background-position:center; }
	#subtop_8{background:url(/images/common/sub_top_m_8.jpg); background-size:cover; background-position:center; }

	#foot{padding:30px 10px;}
	.foot_logo{position:relative; margin-bottom:15px;}

}



/* Desktop Device : 481 �댁긽~ 768 �댄븯 */
@media screen and (min-width:481px) and (max-width:768px){

	/*�곷떒 �ㅻ퉬寃뚯씠��*/
	#top_logo{left:40px;}

	#global_menu .sitemap_ico{display:none;}

	#head{width:100%; overflow:hidden; }
	#head .logo{top:30px; left:70px;}
	.head_pd{padding:0px 20px;}
	.head_bg{background:url(../images/common_20/top_bg_m.png); background-repeat:repeat-x; background-position:top center; height:114px; }

	#head .search{position:absolute; right:70px; top:33px; width:50px; height:90px; text-align:center;}

	#header{display:none;}
	#header .headar_pd{padding:0px 20px;}
	#header #navi{display:none;}

	.panel_bnt{display:none;}

	#panel_butt{position:relative; top:63px; right:40px;}

	.grobal_menu{display:none;}


	/*#head{position:absolute; width:100%; z-index:1000; background:#fff; height:80px; border-bottom:1px solid #ededed;}
	#head .logo_area{width:100%; text-align:center; position:absolute;}
	#head .logo{= width:100%; padding:0px 10px; background-position:center;}
	#head .logo img{margin-top:25px; max-width:216px; width:100%; text-align:center;}
	
	.grobal_menu{top:-65px; right:10px;}

	#header{position:absolute; z-index:100; width:100%; top:0px; overflow:hidden; background:url(/images/common/top_bg.png); background-repeat:repeat-x; height:127px;}
	#header #navi{display:none;}*/
	
	
	/*�쇱そ硫붾돱*/
	#left_nav{display:none;}


	/*�댁슜*/
	.default_box_1{margin:0px auto;}
	.defaultbox_pd{margin:0px 10px; overflow:hidden;}
	.defaultbox_pd_in{margin-right:-1.5%; overflow:hidden;}

	#contentarea{/*padding-top:60px;*/}
	#content{padding-top:10px;}
	.contentbox{padding:0px 10px 0px;}
	.contents{padding-bottom:50px;}

	.loca{padding-right:10px;}

	.sub_top{height:150px;}
	.sub_top h2{position:relative; top:100px;}
	#subtop_1{background:url(/images/common/sub_top_t_1.jpg); background-size:cover; background-position:center; }
	#subtop_2{background:url(/images/common/sub_top_t_2.jpg); background-size:cover; background-position:center; }
	#subtop_3{background:url(/images/common/sub_top_t_3.jpg); background-size:cover; background-position:center; }
	#subtop_4{background:url(/images/common/sub_top_t_4.jpg); background-size:cover; background-position:center; }
	#subtop_5{background:url(/images/common/sub_top_t_5.jpg); background-size:cover; background-position:center; }
	#subtop_6{background:url(/images/common/sub_top_t_6.jpg); background-size:cover; background-position:center; }
	#subtop_7{background:url(/images/common/sub_top_t_7.jpg); background-size:cover; background-position:center; }
	#subtop_8{background:url(/images/common/sub_top_t_8.jpg); background-size:cover; background-position:center; }

	#foot{padding:30px 10px;}

}


/* Desktop Device : 769 �댁긽 ~ */
@media screen and (min-width:769px), only print{

	/*�곷떒 �ㅻ퉬寃뚯씠��*/
	/*#head .logo{width:100%; padding:0px 10px; text-align:center;}
	#head .logo img{margin-top:11px; max-width:216px; width:100%; text-align:center;}
	#header{position:absolute; z-index:100; width:100%; top:68px; overflow:hidden; background:url(/images/common/top_bg.png); background-repeat:repeat-x;}
	#panel_butt{display:none;}
	.img_logo_m{display:none;}
	.sns_m{display:none;}*/

	#panel_butt {display:none;}
	.db1_pd{margin:0px 30px; position:relative;}

	#head{clear:both;}
	#head .logo{position:absolute; top:30px; left:40px;}
	.head_pd{padding:0px;}
	#head #top{width:100%; max-height:50px; border-bottom:1px solid #b7b7b7;}
	#head #top_logo{float:left; top:45px; /*position:relative; max-width:850px;*/ position:absolute; z-index:1000; width:240px; left:50px;}
	#head #top_logo_c{display:none;}

	#head .grobal_menu{right:50px;}
	#head .search{position:absolute; right:30px; top:33px; background:#1186e0; width:80px; height:81px; text-align:center;}


	#header {position:absolute; z-index:100; width:100%; overflow:hidden; height:114px;}
	#header .headar_pd{padding:0px 30px;}
	#header #navi{clear:both; background:url(../images/common/top_bg_new.png); background-repeat:repeat-x; background-position:top center; overflow:hidden; /*min-height:50px; padding-top:45px;*/}
	#header #navi .bt_menu{display:none;}
	#header #navi ul.depth1 {/*margin-left:29%;*/ margin-left:23%;}
	#header #navi ul.depth1 li{color:#313131; float:left; font-weight:normal; /*text-align:left;*/ letter-spacing:-1.5px;}

	#header #navi ul.depth1 #sm1{width:12%;}
	#header #navi ul.depth1 #sm2{width:12%;}
	#header #navi ul.depth1 #sm3{width:13%;}
	#header #navi ul.depth1 #sm4{width:13%;}
	#header #navi ul.depth1 #sm5{width:13%;}
	#header #navi ul.depth1 #sm6{width:11%;}
	#header #navi ul.depth1 #sm7{width:13%;}

	/*#header #navi ul.depth1 .a1{width:16%; margin:0 0 0 0;}
	#header #navi ul.depth1 .a2{width:22%;}
	#header #navi ul.depth1 .a3{width:16%;}
	#header #navi ul.depth1 .a4{width:16%;}
	#header #navi ul.depth1 .a5{width:13%;}*/

	#header #navi ul.depth1 li.bg_1{background:#f1f1f1; background-size:contain;}
	#header #navi ul.depth1 li.bg_2{background:#f1f1f1;}
	#header #navi ul.depth1 li a{width:100%; color:#000000; text-decoration:none;}
	
	#header #navi ul.depth1 li a div.depth1{font-size:16px; font-weight:bold; line-height:100%; padding:20px 0px 21px; width:100%; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
	#header #navi ul.depth1 li a:hover, #header #navi ul.depth1 li.on a{color:#035cb0; text-decoration:none; /*background:url(/images/common/ba_logo.png) no-repeat;*/ text-decoration:none;}
	#header #navi ul.depth1 li ul.depth2{min-height:230px; padding:0px; background:rgba(0,97,170,0.2); border-left:1px solid #ddd;  background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; /*background-color: rgba(150, 150, 150, 0.5);*/ font-weight:bold; }
	#header #navi ul.depth1 li ul.none{}
	
	#header #navi ul.depth1 li ul.depth2 a li{background:url(../images/common/depth_liico.png) 7px 16px; background-repeat:no-repeat;  width:100%; padding:8px 0px 8px 10px; font-size:14px; text-align:left; font-weight:normal;}
	#header #navi ul.depth1 li ul.depth2 a li:hover,active{background:#008cea url(../images/common/depth_liico_on.png) 7px 16px; font-weight:bold; background-repeat:no-repeat; }	
	#header #navi ul.depth1 li ul.depth2 a li{display:block;}
	#header #navi ul.depth1 li ul.depth2 a li, #header #navi ul.depth1 li.on ul.depth2 a li{color:#303454; letter-spacing:-0.05em; text-decoration:none;}
	#header #navi ul.depth1 li ul.depth2 a li:hover, #header #navi ul.depth1 li.on ul.depth2 a li.on{color:#fff; text-decoration:none; }
	


	/*�댁슜*/
	.default_box{max-width:1200px; margin:0px auto;}
	.default_box_1{max-width:1220px; margin:0px auto;}
	.defaultbox_pd{margin:0px 1%; overflow:hidden;}
	.defaultbox_pd_in{margin-right:-1%; overflow:hidden;}

	#contentarea{/*padding-top:89px;*/}
	#content{padding-top:10px;}
	.contentbox{margin-left:240px;}
	.contents{padding-bottom:50px; min-height:550px;}

	.sub_top{height:150px;}
	.sub_top h2{position:relative; top:100px;}
	#subtop_1{background:url(/images/common/sub_top_1.jpg); background-size:cover; background-position:center; }
	#subtop_2{background:url(/images/common/sub_top_2.jpg); background-size:cover; background-position:center; }
	#subtop_3{background:url(/images/common/sub_top_3.jpg); background-size:cover; background-position:center; }
	#subtop_4{background:url(/images/common/sub_top_4.jpg); background-size:cover; background-position:center; }
	#subtop_5{background:url(/images/common/sub_top_5.jpg); background-size:cover; background-position:center; }
	#subtop_6{background:url(/images/common/sub_top_6.jpg); background-size:cover; background-position:center; }
	#subtop_7{background:url(/images/common/sub_top_7.jpg); background-size:cover; background-position:center; }
	#subtop_8{background:url(/images/common/sub_top_8.jpg); background-size:cover; background-position:center; }


	.foot_logo{position:relative; top:20px;}


}