@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/NotoSanskr.css); 

#wrap {float:left; width:100%; overflow-x:hidden;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.adminadmin_wrap {float:right; width:100%; height:40px; background:#eeeeee; text-align:right; padding:0 20px 0 20px;}
.adminadmin_wrap ul li {display:inline; margin:0 10px 0 10px; line-height:40px;}

#header_wrap {float:left; width:100%; border-bottom:1px solid #e3e3e3;}
.header_box {margin:0px auto; width:1200px;}

.logo {float:left; width:400px;}
.util {float:right; margin:34px 0 0 0; }
.util ul li {float:left; margin:0 0 0 10px; line-height:49px;}
.util_customer {line-height:49px; font-weight:700; font-size:26px; color:#ff9600; font-family:'Noto Sans KR', sans-serif; letter-spacing:-2px; padding:0 20px 0 0;}

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

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

.snb_wrap {float:left; width:230px; margin:0 50px 0 0;}
.snb_title {float:left; width:220px; height:100px; font-size:23px; font-family:'Noto Sans KR', sans-serif; color:#282828; font-weight:400; letter-spacing:-1pt; line-height:110px; border-bottom:1px solid #2a9fd6; padding:0 0 0 10px;}

.snb {float:left; width:230px;}
.snb ul li { padding:15px 0 15px 20px; border-bottom:1px solid #e3e3e3;}
.snb ul li a {color:#535353; font-size:17px; font-family:Nanum Gothic, sans-serif; font-weight:700;}

.snb_menu { font-size:15px; font-family:'Noto Sans KR', sans-serif; color:#535353; font-weight:700; letter-spacing:-1pt;}
.snb_menu_on { font-size:15px; font-family:'Noto Sans KR', sans-serif; color:#2f91dc; font-weight:700; letter-spacing:-1pt;}

.title_wrap {float:left; width:920px;}
.title_big {float:left; font-size:30px; margin:35px 10px 0 0; font-family:'Noto Sans KR', sans-serif; color:#292929; font-weight:700; letter-spacing:-1pt;}

.location_wrap {float:right; width:450px; height:37px; background: url("../images/location_bg.gif"); margin:68px 0 0 0}
.location {float:right; margin:0 0 0 0;}
.location ul li {float:left; color:#929293; margin:0 0 0 20px;  font-size:13px; font-family:'Noto Sans KR', sans-serif; font-weight:400; line-height:26px; letter-spacing:0pt;}
.contents_start {float:left; width:920px; margin:40px 0 150px 0}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
#footer_wrap {float:left; width:100%;}
.footer_btn {float:left; width:100%; background:#f8f8f8; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; text-align:center; padding:20px 0 20px 0;}
.footer_partner_wrap {float:left; width:100%; border-bottom:1px solid #e2e2e2; text-align:center; padding:20px 0 20px 0;}
.footer_copy {float:left; width:100%; margin:20px 0 30px 0; text-align:center; color:#808080; line-height:22px;}



/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
#main_con1_wrap {float:left; width:100%; margin:40px 0 0 0;}
.main_con1_box {margin:0px auto; width:1200px;}
.main_con1 {float:left; width:1200px;}
.main_con1 ul li {float:left;}
.main_con1 ul li:hover {box-shadow:0px 6px 10px rgba(0,0,0,0.2);}

#main_con234_wrap {float:left; width:100%; padding:40px 0 50px 0;} 
.main_con234_box {margin:0px auto; width:1200px;}

.main_con2_wrap {float:left; width:370px;}
.main_con2_title {float:left;}
.main_con2 {float:left;}
.main_con3 {float:left; width:350px; margin:0 0 0 50px;}
.main_con4 {float:left; width:380px; height:180px; margin:0 0 0 50px; background:url("../images/main_con4_bg.jpg") center top no-repeat;}
.main_con4_text {line-height:49px; font-weight:700; font-size:26px; color:#ff9600; font-family:'Noto Sans KR', sans-serif; letter-spacing:-2px; padding:50px 0 0 158px;}

/*-------------------------------------------------------------------------------------*
 *  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;

-----------------------------------------------------------------------------------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-*/