@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
#wrap {float:left; width:100%; overflow-x:hidden;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%;}

.util_wrap {float:left; width:100%; height:40px; background:#222831;}
.util_box {margin:0px auto; width:1100px;}
.util_left {float:left; width:152px;}
.util_left ul li {float:left;}
.util_right {float:right;}
.util_right ul li {float:left; margin:0 0 0 50px; color:#c4c7cb; line-height:40px;}
.util_right ul li a {color:#c4c7cb;}

.gnbgnb_wrap {float:left; width:100%; height:70px; background:#594e3d; background:url("../images/bg_gnb.jpg");}
.gnbgnb_box {margin:0px auto; width:1100px;}
.logologo {float:left; width:152px;}
.gnbgnb {float:right;}
.gnbgnb ul li {float:left; margin:0 0 0 70px;}

#visual1_wrap {float:left; width:100%; height:160px; background: url("../images/visual1.jpg") center top no-repeat; margin:0 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
#contents_wrap {float:left; width:100%; min-height:500px;}
.contents_box {margin:0px auto; width:1100px;}

.snb_wrap {float:left; width:200px;}
.snb_title {float:left; width:200px; height:120px; background: url("../images/left_title_bg.jpg"); font-size:20px; font-family:Nanum Gothic,sans-serif; color:#ffffff; font-weight:700; line-height:120px; letter-spacing:-1pt; text-align:center;}
.snb {float:left; width:200px; margin:0 0 50px 0;}
.snb ul li {font-size:16px; font-family:Nanum Gothic,sans-serif; color:#545454; font-weight:400; line-height:25px; letter-spacing:-1pt; border-bottom:1px solid #e3e3e3; padding:10px 0 12px 21px;}
.snb ul li a {color:#545454;}

.contents {float:left; width:840px; margin:0 0 0 60px;}
.title_wrap {float:left; width:840px;  border-bottom:1px solid #e3e3e3;}
.title {float:left; font-size:28px; font-family:Nanum Gothic,sans-serif; color:#222831; font-weight:700; letter-spacing:-1pt; padding:50px 0 20px 0;}
.location {float:right; padding:65px 0 0 0; color:#929293;}
.contents_start {float:left; width:840px; margin:50px 0 120px 0;}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
#footer_wrap {float:left; width:100%; padding:0 0 0 0;}

#footer_menu_wrap {float:left; width:100%; height:41px; background:#fafafa; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.footer_menu {margin:0px auto; width:1100px; text-align:center;}
.footer_menu ul li {display:inline; line-height:43px; margin:0 35px 0 35px;}
.footer_menu ul li a {color:#686868;}

#footer_copy_wrap {float:left; width:100%; height:120px;}
.footer_copy {margin:0px auto; width:1100px;}
.footer_logo {float:left; width:180px; margin:30px 25px 0 0; }
.footer_copyright {float:left; width:730px; margin:35px 0 0 0; color:#808080;}
.footer_copyright ul li {float:left; line-height:20px; padding-right:25px;}
.footer_icon {float:right; margin:28px 0 0 0;}
.footer_icon a {margin:0 0 0 10px;}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
#main_con1_wrap {float:left; width:100%; height:210px;}
.main_con1_box {margin:0px auto; width:1100px; }
.main_con1 {float:left; width:1100px; padding:50px 0 55px 0; border-bottom:2px solid #a6967e;}
.main_con1 ul li {float:left;}

#main_con234_wrap {float:left; width:100%; padding:43px 0 80px 0;} 
.main_con234_box {margin:0px auto; width:1100px;}

.main_con2_wrap {float:left; width:430px; margin:10px 0 0 0;}
.main_con2_title {float:left;}
.main_con2 {float:left;}
.main_con3 {float:left; width:390px;}
.main_con4_wrap {float:left; width:280px; margin:10px 0 0 0;}
.main_con4_title {float:left;}
.main_con4 {float:left;}


/*-------------------------------------------------------------------------------------*
 *  Style                                                                              *
 *-------------------------------------------------------------------------------------*/
.font_style01 {color:#; font-weight: bold;}
.font_style02 {color:#; font-weight: bold;}
.font_style03 {color:#; font-weight: bold;}
.font_style04 {color:#; font-weight: bold;}
.font_style05 {color:#; font-weight: bold;}
.font_style06 {color:#; font-weight: bold;}
.font_style07 {color:#; font-weight: bold;}
.font_style08 {color:#; font-weight: bold;}
.font_style09 {color:#; font-weight: bold;}
.font_style10 {color:#; font-weight: bold;}

.input_login  {font-size:12px; color:#f6f6f6; font-family:굴림; border:1px solid #1e1e1e; background-color:#2a2a2a; padding:5px 0 3px 5px;}
.input_style1 {font-size:12px; color:#f6f6f6; font-family:굴림; border:1px solid #1e1e1e; background-color:#2a2a2a; padding:5px 0 3px 5px;}

.pd_style1 {padding:12px 20px 10px 15px}


/*--ysk--------------------------------------------------------------------------------*

	ysk 2016년01월
	ysk와 g5와 겹치는 클래스명 container / gnb / logo

	border : border:3px solid red;
	bg     : background:url(../images/bg_visual.gif); background-repeat:repeat-x;
	bg     : background:url("../images/bg.jpg") center top no-repeat;
	text   : text-align:center; display:inline;
	font   : font-size:18px; font-family:Nanum Gothic,sans-serif; color:#00aec3; font-weight:700; line-height:55px; letter-spacing:-1pt;
	font   : font-size: 20px; color: #515151; font-weight: bold; font-family: Arial; letter-spacing:-1pt;
	input  : font-size:12px; color:#545454; margin:0 0 0 0; border:1px solid #393939; background:#1f1f1f; padding-top:2px; padding-left:5px; height:27px;
	
	메뉴 그림자 : box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.8);

-----------------------------------------------------------------------------------ysk-*/

/*--ysk 특정영역에 레이어 띄우기-------------------------------------------------------*
<div style="position:absolute; z-index:1000000; left:50%;">
	<div style="position:absolute; left:-500px; top:440px; display: block; z-index:100000;">
		컨텐츠
	</div>
</div>
-----------------------------------------------------------------------------------ysk-*/