/* 프로그램 제작자: Mlang (010-5005-6102 ) 현 소스를 수정/배포 할경우 법적 제제를 받습니다. */

/* 모바일 ************************************************************************************************************************************************************************/
@media only screen and (min-width:100px) and (max-width:1119px) {
	
	#layout_headm { display:block;}
	.layout_headms { 
		z-index:11; border-bottom:1px solid #e7e7e7; background:#fff; 
		width:100%; height:60px; margin: 0 auto; position:fixed; _position:absolute; bottom:0px; top:0px; repeat-x; 
	}

	.layout_headms_logo { float:left; text-align:left; width:60%; }  .layout_headms_logo img { height:28px; margin-left:10px; margin-top:15px; }

	.layout_headms_menu { float:left; text-align:right; width:40%; }
	.layout_headms_menu_img { border:0px; height:26px; margin-top:17px; margin-right:10px; cursor:pointer; }

	.layout_headms_menuClass { display:none; }
	.layout_headms_menu_back { position:fixed; z-index:11; width:100vw; height:100vh; left:0px; top:0px; background:#fff; opacity: 0.5; }
	.layout_headms_menus { position:fixed; z-index:12; width:80%; height:100vh; right:-6000px; top:0px; background:#fff; border-left:1px solid #e7e7e7;  }
	.layout_headms_menus_t {  text-align:center; width:100%; display:inline-block; }

	.layout_headms_menus_t_l { display:inline-block; float:left; width:50%; text-align:left;  }
	.layout_headms_menus_t_l dd { 
		float:left; text-align:left; padding-left:15px; padding-top:15px;
		font-family:NanumGothicBold; font-size:16px; color:#000; letter-spacing: 0.01em; line-height:1.9em; cursor:pointer; 
	} .layout_headms_menus_t_l dd span { font-weight:bold; color:#1c7ee4; font-size:18px; }

	.layout_headms_menus_t_x { display:inline-block; float:left; width:50%; text-align:right; }
	.layout_headms_menus_t_x_img { border:0px; height:26px; margin-top:5px; margin-right:10px; cursor:pointer;  }
	
	.layout_headms_menus_list { text-align:center; width:100%; display:inline-block; padding-left:15px; padding-right:15px; }
	.layout_headms_menus_list dd { 
		float:left; text-align:left; width:100%;  border-bottom:1px solid #323541; padding-top:10px; padding-bottom:10px; 
		font-weight:bold; font-family:NanumGothicBold;  font-size:18px; color:#000; letter-spacing: 0.01em; line-height:1.9em; cursor:pointer; 
	}
	.layout_head_subBox_ms { display:none; width:100%; }
	.layout_head_subBox_ms li { 
		float:left; text-align:left; width:100%; padding-left:20px;
		font-weight:bold; font-family:NanumGothicBold;  font-size:18px; color:#000; letter-spacing: 0.01em; line-height:1.9em; cursor:pointer; 
	}

	.layout_headms_menus_login { text-align:center; margin:10px; }
	.layout_headms_menus_login li { 
		background:#e7e7e7; float:left; text-align:center; 
		font-family:NanumGothicBold; font-size:14px; color:#000; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer; 
		border:1px solid #fff; padding-top:15px; padding-bottom:15px;
	}
	.layout_headms_menus_login_2 { width:50%; }
	.layout_headms_menus_login_3 { width:33.3%; }

	#layout_head { display:none; }

	/* Vimg*/
	.main_Vimg {
		width:320px; left:60px; top:-110px; position:absolute;  text-align:left;
		color:#fff; font-weight:bold; font-family:NanumSquareBold; font-size:20px; letter-spacing: 0.01em; line-height:1.3em;
	}
	.sub_Vimg {
		width:320px; left:20px; top:-95px; position:absolute;  text-align:left;
		color:#fff; font-weight:bold; font-family:NanumSquareBold; font-size:18px; letter-spacing: 0.01em; line-height:1.3em;
	}

	#layout_cont {  margin-top:60px;  }
	.layout_conts { }
	.layout_cont_area {
		display:none;
	} .layout_cont_area img { border:0px; height:12px; margin-bottom:5px; }
	.layout_cont_title { 
		margin-top:20px; border-bottom:1px solid #c1c7da; padding-bottom:20px;
		text-align:center; color:#222; font-weight:bold; font-family:NanumGothicBold; font-size:30px; letter-spacing: 0.01em; line-height:1.5em;	
	}

	/* foot */
	#layout_foot {
		text-align:center;  background:#3b4044;
		padding:15px; width:100%; display:inline-block;
	}
	.layout_foots { text-align:center; margin:0 auto; }
	.layout_foot_1 { width:100%; display:inline-block; padding-bottom:10px; border-bottom:1px solid #626669; }
	.layout_foot_1_l { float:left; text-align:left; width:90%; color:#efefef; font-family:NanumGothicBold; font-size:12px; letter-spacing: 0.01em; line-height:1.5em;  }  
	.layout_foot_1_l dd { padding-top:5px; float:left; text-align:left; margin-right:12px } 
	.layout_foot_1_r { float:left; text-align:right; width:10%; } .layout_foot_1_r dd { float:left; text-align:left; margin-right:5px; } 
	.layout_foot_1_l a { color:#ccc; font-family:NanumGothicBold; font-size:12px; letter-spacing: 0.01em; line-height:1.0em; }
	.layout_foot_1_l a:hover { color:#ff7f05; }
	.layout_foot_2 { padding-top:10px; }
	.layout_foot_2_l { 
		float:left; text-align:left; width:100%;  
		color:#ccc; font-family:NanumGothic; font-size:12px; letter-spacing: 0.01em; line-height:1.5em; 
	}
	.layout_foot_2_r {
		float:left; text-align:left; width:100%; 
		color:#ccc; font-family:NanumGothic; font-size:12px; letter-spacing: 0.01em; line-height:1.0em; 
	}
	
	.layout_foot_top { 
		width:50px; margin: 0 auto; position:fixed; _position:absolute; z-index:1; bottom:5px; _bottom:-1px; repeat-x; right:10px;
	} .layout_foot_top img { width:50px; border:0px; }
	.layout_foot_top li { float:center; text-align:center; margin-bottom:3px; cursor:pointer; } .layout_foot_top li:hover { opacity: 0.7; }

	.SqukIcon { display:none; }	

	.layout_foot_facebook { border:0px; height:24px; }
} 


/* PC ************************************************************************************************************************************************************************/
@media  all and (min-width : 1200px)  {
	
	#layout_head { 
		z-index:11; width:100%; height:90px; margin: 0 auto; position:fixed; _position:absolute; bottom:0px; top:0px; repeat-x; 
		background:#fff;  border-bottom:1px solid #e7e7e7;
	}
	.layout_heads { width:100%; display:inline-block; }
	.layout_head_bar { width:1200px; text-align:center; margin:0 auto; padding-top:12px; }
	.layout_head_bar ul { width:100%; }
	.layout_head_bar_l {  float:left; text-align:left; width:20%; padding-top:12px; }
	.layout_head_bar_l img { border:0px; cursor:pointer; height:40px; }
	.layout_head_bar_r { float:left; text-align:right; width:80%; }
	.layout_head_bar_r dl { float:right; }
	.layout_head_bar_menu { float:left; padding-top:20px; }
	.layout_head_bar_menu a { margin-left:35px; color:#222; font-weight:bold; font-family:NanumGothicBold; font-size:20px; letter-spacing: 0.01em; line-height:1.0em; } 
	.layout_head_bar_menu a:hover { color:#1c7ee4; } 

	.layout_head_bar_b { margin-top:10px; width:100%;  text-align:center; } .layout_head_bar_b li {  float:left; width:100%; }
	.layout_head_bar_bs { float:right; text-align:right; width:10px; height:10px; border-radius:50%; background:#4996f4; } 
	.layout_head_bar_j { color:#444; font-family:NanumGothicBold; font-size:14px; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer; }
	.layout_head_bar_j:hover { color:#1c7ee4; } 

	.layout_head_bar_menu_1 { 
		float:right; margin-left:55px; background:#fff; padding-top:5px; padding-bottom:5px; padding-top:24px; 
		color:#444; font-family:NanumGothicBold; font-size:14px; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer;  
	}  .layout_head_bar_menu_1:hover { color:#1c7ee4; }
	.layout_head_bar_menu_2 { 
		float:right; margin-left:25px; background:#fff; padding-top:5px; padding-bottom:5px; padding-top:24px; 
		color:#444; font-family:NanumGothicBold; font-size:14px; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer;  
	}  .layout_head_bar_menu_2:hover { color:#1c7ee4; }
	.layout_head_bar_menu_3 { 
		float:right; margin-left:25px; background:#fff; padding-top:5px; padding-bottom:5px; 
		color:#444; font-family:NanumGothicBold; font-size:14px; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer;  
	}  .layout_head_bar_menu_2:hover { color:#1c7ee4; }
	
	.layout_head_menu { margin-top:20px; padding-top:20px; border-top:1px solid #e0e0e0; background:#fff; }
	.layout_head_menus { width:100%; display:inline-block; }
	.layout_head_menu_bar { width:100%; text-align:center; margin:0 auto; }
	.layout_head_menu_bar li { float:left; width:16.6%; text-align:center; cursor:pointer;  font-size:14px; letter-spacing: 0.01em; line-height:1.0em;  } 
	.layout_head_menu_bar li:hover { opacity: 0.5; }
	.layout_headms_menus_list_on { color:#fff; font-weight:bold; font-family:NanumGothicBold; } .layout_headms_menus_list_off { color:#26abff; font-family:NanumGothic; }
	.layout_head_menu_sub { display:none; position:fixed; z-index:11; width:100%; }
	.layout_head_menu_subs { width:100%; display:inline-block; background:#fff; padding-top:10px; padding-bottom:20px; padding-left:15px; padding-right:15px;  }
	.layout_head_menu_subList { width:100%; text-align:center; margin:0 auto; }
	.layout_head_menu_subList li { float:left; width:16.6%; }
	.layout_head_menu_subList li dl { float:left; width:100%; }
	.layout_head_menu_subList_dl_img { text-align:center; } .layout_head_menu_subList_dl_img img { border:0px; height:7px; }
	.layout_head_menu_subList_dl_title { text-align:left; padding:10px; } 
	.layout_head_menu_subList_dl_title span { cursor:pointer; border-bottom:1px solid #ddd; padding-bottom:5px; color:#6266b2; font-family:NanumGothic; font-size:14px; letter-spacing: 0.01em; line-height:1.0em; }
	.layout_head_menu_subList_dl_title span:hover { opacity: 0.7; } 
	.layout_head_menu_subList li dl dd { float:left; width:100%; text-align:left; padding:10px; cursor:pointer; font-size:14px; letter-spacing: 0.01em; line-height:1.0em; }

	.layout_head_subBox { position:relative; }
	.layout_head_subBoxs { 
		display:none; position:absolute; z-index:9; width:180px; margin-top:10px;
		border:1px solid #e0e0e0; padding:12px; background:#fff; border-radius:10px;
	}
	.layout_head_subBoxs_lang { 
		display:none; position:absolute; z-index:9; width:70px; left:-20px; margin-top:5px;
		border:1px solid #e0e0e0; padding:15px; background:#fff; border-radius:10px;
	}
	.layout_head_subBoxs li { 
		float:left; text-align:left; width:100%; display:inline-block; padding-top:5px; padding-bottom:10px; padding-left:12px; padding-right:12px;
		color:#222; font-weight:bold; font-family:NanumGothicBold; font-size:16px; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer; 
	}
	.layout_head_subBoxs_lang li { 
		float:left; text-align:center; width:100%; display:inline-block; 
		color:#444; font-weight:bold; font-family:NanumGothicBold; font-size:14px; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer; 
	}
	.layout_head_subBoxs li:hover, .layout_head_subBoxs_lang li:hover { color:#1c7ee4; }

	.layout_head_bar_login_m { display:none; }

	/* cont */
	#layout_cont { margin-top:90px; }
	.layout_conts { }
	.layout_cont_area {
		display:none;
	} .layout_cont_area img { border:0px; height:14px; margin-bottom:5px; }
	.layout_cont_title { 
		width:1200px; margin:0 auto; margin-top:30px; border-bottom:1px solid #c1c7da; padding-bottom:30px;
		text-align:center; color:#222; font-weight:bold; font-family:NanumGothicBold; font-size:40px; letter-spacing: 0.01em; line-height:1.5em;	
	}

	/* Vimg*/
	.main_Vimg {
		width:1200px; left:500px; top:-350px; position:absolute; 
		text-align:left; color:#fff; font-weight:bold; font-family:NanumSquareBold; font-size:40px; letter-spacing: 0.01em; line-height:1.5em;
	}
	.sub_Vimg {
		width:1200px; left:500px; top:-200px; position:absolute; 
		text-align:left; color:#fff; font-weight:bold; font-family:NanumSquareBold; font-size:30px; letter-spacing: 0.01em; line-height:1.5em;
	}

	.sub_cont_banner { text-align:center; }
	.sub_cont_banners { text-align:center; display:inline-block; width:100%; }

	/* foot */
	#layout_foot {
		text-align:center;  background:#3b4044;
		padding-top:20px; padding-bottom:40px; width:100%; display:inline-block;
	}
	.layout_foots { width:1200px; text-align:center; margin:0 auto; }
	.layout_foot_1 { width:100%; display:inline-block; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #626669; }
	.layout_foot_1_l { float:left; text-align:left; width:60%; color:#efefef; font-family:NanumGothicBold; font-size:14px; letter-spacing: 0.01em; line-height:1.5em;  }  
	.layout_foot_1_l dd { padding-top:5px; float:left; text-align:left; margin-right:20px } 
	.layout_foot_1_r { float:left; text-align:right; width:40%; } .layout_foot_1_r dd { float:right; text-align:right; margin-left:5px; } 
	.layout_foot_1_l a { color:#ccc; font-family:NanumGothicBold; font-size:16px; letter-spacing: 0.01em; line-height:1.0em; }
	.layout_foot_1_l a:hover { color:#ff7f05; }
	.layout_foot_2 { padding-top:10px; }
	.layout_foot_2_l { 
		float:left; text-align:left; width:60%;  
		color:#ccc; font-family:NanumGothic; font-size:14px; letter-spacing: 0.01em; line-height:1.5em; 
	}
	.layout_foot_2_r {
		float:left; text-align:right; width:40%; 
		color:#ccc; font-family:NanumGothic; font-size:14px; letter-spacing: 0.01em; line-height:1.0em; 
	}

	.layout_foot_top { 
		width:60px; margin: 0 auto; position:fixed; _position:absolute; z-index:1; bottom:10px; _bottom:-1px; repeat-x; right:20px;
	} .layout_foot_top img { width:60px; border:0px; }
	.layout_foot_top li { float:center; text-align:center; margin-bottom:5px; cursor:pointer; } .layout_foot_top li:hover { opacity: 0.7; }

	#layout_headm { display:none; }

	#sub_visual { height:381px; border-bottom:1px solid #e7e7e7; } .sub_visuals { width:100%; display:inline-block; }
	.sub_visual_img { position:relative; z-index:1; width:100%; height:380px; }
	.sub_visual_imgs { display:block; position:absolute; z-index:1; top:0px; left:0px; }
	.sub_visual_imgs img { width:100%; height:380px; }
	.sub_visual_text {
		display:none; position:absolute; z-index:2; top:-100px; left:0px; width:100%;
		text-align:center; color:#fff; font-size:60px; font-family:NanumGothicBold; letter-spacing: 0.05em; line-height:1.5em;
		text-shadow: 1px 1px 1px #000, 0 0 0.1em #000, 0 0 0.1em #000; 
	} 

	.SqukIcon { width:80px; position:fixed; _position:absolute; z-index:9; bottom:80px; _bottom:-1px; repeat-x; right:15px; }	
	.SqukIcons_back { display:none; }
	.SqukIcons { text-align:center; }	
	.SqukIcons_list { text-align:center; }
	.SqukIcons_list li { 
		float:left; width:100%; text-align:center;  
		color:#222; font-weight:bold; font-family:NanumGothicBold; font-size:11px; letter-spacing: 0.001em; line-height:1.0em; cursor:pointer;
		padding-bottom:5px;
	}
	.SqukIcons_list img { border: 0px; width:70px; margin:7px; opacity: 1; } .SqukIcons_list img:hover { opacity: 0.8; }

	.layout_foot_facebook { border:0px; height:30px; }

} /* PC end */

.hd_pops { z-index:999999999; }