@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/NotoSanskr.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumsquare.css); */
#wrap {float:left; width:100%; background:url("../images/bg.jpg") center top no-repeat;}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}
/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%; height:250px;}
.header_box {margin:0px auto; width:1300px;}

.top_wrap {float:left; width:100%; height:178px;}
.logo {float:left; margin:27px 0 0 0;}

.notice {float:right; margin:8px 0 0 0; line-height:50px;}

.login {float:right; margin:5px 0 0 0;}
.login ul li {float:left; line-height:44px; margin:0 0 2px 10px; font-size:16px; font-family:'Noto Sans KR', sans-serif;}

.gnb {float:left; width:100%; text-align:center;}
.gnb ul li {display:inline; margin:0 36px 0 36px; line-height:60px; font-size:17px; text-align:center; font-family:'Noto Sans KR', sans-serif; letter-spacing:-1pt; font-weight:400;}
.gnb ul li a {color:#ffffff}
.gnb ul li a:hover {color:#ff0000}

#title_wrap {float:left; width:100%; height:150px; text-align:center; padding:32px 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
#contents_wrap      {float:left; width:100%; min-height:400px; margin:0 0 0 0;}
.contents_box       {margin:0px auto; width:1300px;}
.contents_start     {float:left; width:100%; background:rgba(255,255,255,0.1); padding:60px; border-radius:5px;}


.contents_left      {float:left; width:950px;}
.contents_right     {float:right; width:240px; margin:0 0 0 10px;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box15 {float:left; width:100%; margin:15px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box25 {float:left; width:100%; margin:25px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box35 {float:left; width:100%; margin:35px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box45 {float:left; width:100%; margin:45px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
#footer_wrap {float:left; width:100%; line-height:20px; text-align:center; padding:30px 0 40px 0; margin:30px 0 0 0;}

/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.down_wrap {position:absolute; z-index:1000000; left:50%;}
.down_box {position:absolute; left:-960px; top:0px; display: block; z-index:100000;}

/* 다운로드 버튼효과 */
.expandOpen{
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;	

	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes expandOpen {
	0% {
		transform: scale(1.1);
	}		
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.1);	
	}		
	100% {
		-webkit-transform: scale(1);
	}					
}

.main_con123_wrap {float:left; width:100%; height:730px; margin:0 ;}
.main_con123_box {margin:0px auto; width:1300px;}

.main_con1_wrap {float:left; width:400px; margin:77px 0 0 0;}
.main_con1_title {float:left; width:400px;}
.main_con1 {float:left; width:400px; height:187px; background:url("../images/main_con1_bg.png") center top no-repeat;}
.main_con1 td {line-height:30px; font-family:nanumgothic; color:#ffffff; font-size:16px; font-weight:bold;}

.main_con2_wrap {float:left; width:400px; margin:77px 0 0 50px;}

.main_con3_wrap {float:left; width:400px; margin:77px 0 0 50px;}
.main_con3_title {float:left; width:400px;}
.main_con3 {float:left; width:400px; height:187px; background:url("../images/main_con1_bg.png") center top no-repeat;}
.main_con3 td {line-height:30px; font-family:nanumgothic; color:#ffffff; font-size:16px; font-weight:bold;}

.main_footer {float:left; width:100%; line-height:20px; text-align:center; padding:60px 0 40px 0;}


.main_con11_wrap {float:left; width:420px; margin:77px 0 0 0;}
.main_con11_title {float:left; width:420px;background: #000000ed;}
.main_con11 {float:left; width:420px; height:230px;padding-top: 15px; background:url("../images/main_con.png") center top no-repeat;}
.main_con11 td {line-height:33px; font-family:nanumgothic; color:#ffffff; font-size:16px; font-weight:bold;}

.main_con33_wrap {float:left; width:420px; margin:77px 0 0 20px;}
.main_con33_title {float:left; width:420px;background: #000000ed;}
.main_con33 {float:left; width:420px; height:230px;padding-top: 15px; background:url("../images/main_con.png") center top no-repeat;}
.main_con33 td {line-height:33px; font-family:nanumgothic; color:#ffffff; font-size:16px; font-weight:bold;}

.main_con22_wrap {float:left; width:420px; margin:77px 0 0 20px;}
.main_con22_title {float:left; width:420px;background:#000000ed;}
.main_con22 {float:left; width:420px; height:230px;padding-top: 15px; background:url("../images/main_con.png") center top no-repeat;}
.main_con22 td {line-height:30px; font-family:nanumgothic; color:#ffffff; font-size:16px; font-weight:bold;}
.main_con22 td font{ color: #FFFD00}
.main_con22 table td span{display:inline-block;width:70px;height:22px;line-height:22px;text-align:center;font-size:12px;border-radius:4px;background:#42D461}

/*-- 게시판 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.list_title1  {
    background: #0e0e0e;
    height: 40px;
    font-weight: bold;
    text-align: center;
    color: #f7e918;
    vertical-align: middle;
}
.list_notice1 {background:#212121f0; height:50px;  border-bottom:1px solid rgba(255,255,255,0.1); text-align:center;; vertical-align:middle;}
.list_notice2 {background:#212121f0; height:50px;  border-bottom:1px solid rgba(255,255,255,0.1); color:#d9e6ff; padding:0 0 0 15px;; vertical-align:middle; font-weight:600; }
.list1        {background:#212121f0; height:50px; border-bottom:1px solid rgba(255,255,255,0.1); text-align:center; vertical-align:middle; color:#ffffff}
.list2        {background:#212121f0; height:50px; border-bottom:1px solid rgba(255,255,255,0.1); padding:0 0 0 15px; vertical-align:middle; color:#ffffff}

.write_title_top {border-top:solid 1px rgba(255,255,255,0.1);}
.write_title {background:#212121f0; min-height:46px; vertical-align:middle; padding:10px 0 10px 20px; color:#ffffff; border-bottom:solid 1px rgba(255,255,255,0.1); width:180px; font-weight:bold;}
.write_basic {background:#212121f0; min-height:46px; vertical-align:middle; padding:10px 20px 10px 20px; color:#ffffff; border-bottom:solid 1px rgba(255,255,255,0.1)}

.view1 {
    background: #0e0e0e;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 12px 20px 10px 20px;
    width: 100%;
    line-height: 26px;
    color: #f7e918;
    font-weight: 600;
}
.view2 {background:rgb(14 14 14); padding:12px 20px 10px 20px; width:100%; line-height:26px; border-bottom:1px solid rgba(255,255,255,0.1); }
.view_box  {background:rgba(0,0,0,0.5); padding:5px 8px 3px 8px; line-height:12px; text-align:center; display:inline-block; color:#ccc; font-size:14px; margin:0 5px 0 0; }

.page_wrap {float:left; width:100%; height:50px; text-align:center;padding:10px; background:rgba(0,0,0,0.2); border:solid 1px rgba(255,255,255,0.1) }
.page_wrap ul li { display:inline;}
.page {display:inline-block; width:30px; height:30px;  text-align:center;  color:#ffffff; line-height:30px; border-radius:30px;}
.pageon {display:inline-block; width:30px; height:30px; text-align:center;  background:#26272b; line-height:30px;border-radius:30px;}

.info_wrap {background:rgba(0,0,0,0.7); float:left; width:100%; padding:10px 0 10px 0; border-top:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.1);}
.info1     {width:50%; line-height:250px; font-weight:700; padding:0 0px 0 100px; background:rgb(14 14 14);  border-bottom:1px solid rgba(255,255,255,0.1); }
.info2     {width:50%; height:100px; padding:0 30px 0 30px; background:rgb(14 14 14); text-align:center;font-size:20px;font-weight:600;  border-bottom:1px solid rgba(255,255,255,0.1);}


/*-- 버튼 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn_wrap_right        {float:left; width:100%; text-align:right; }
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {float:left; width:100%; text-align:center; }
.btn_wrap_center ul li {display:inline;}

.btn1_1         {background:linear-gradient(to bottom, #b38a28 2%, #835b05 100%); min-width:100px; padding:10px 5px 12px 5px; line-height:12px; text-align:center; display:inline-block; color:#ffffff; font-size:14px; font-weight:700; border-radius:3px; text-shadow:0px 1px 1px rgba(0,0,0,0.3); box-shadow:0px 2px 2px rgba(0,0,0,0.3);margin-top:10px;}
.btn1_1:hover   {background:linear-gradient(to bottom, #006b90 2%,  #092b67 100%);}
										  
.btn1_2         {background:linear-gradient(to bottom, #b38a28 2%, #835b05 100%); min-width:100px; padding:10px 5px 12px 5px; line-height:12px; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffffff; font-size:12px; font-weight:700; border-radius:3px; text-shadow:0px 1px 1px rgba(0,0,0,0.3); box-shadow:0px 2px 2px rgba(0,0,0,0.3);}
.btn1_2:hover   {background:linear-gradient(#56514e 0%,  #393633 100%);}

.btn2_1         {background:linear-gradient(to bottom, #b38a28 2%, #835b05 100%); width:120px; height:40px; line-height:40px; text-align:center; display:inline-block; color:#ffffff; font-size:15px; font-weight:600; font-family:nanumgothic; letter-spacing:-1px; border-radius:2px; text-shadow:0px 1px 1px rgba(0,0,0,0.3); box-shadow:0px 2px 2px rgba(0,0,0,0.3);}
.btn2_1:hover   {background:linear-gradient(#508ead 0%,  #25345d 100%); }

.btn2_2         {background:linear-gradient(to bottom, #b38a28 2%, #835b05 100%); width:120px; height:40px; line-height:40px; text-align:center; display:inline-block; color:#ffffff; font-size:15px; font-weight:600; font-family:nanumgothic; letter-spacing:-1px; border-radius:2px; text-shadow:0px 1px 1px rgba(0,0,0,0.3); box-shadow:0px 2px 2px rgba(0,0,0,0.3);}
.btn2_2:hover   {background:linear-gradient(#56514e 0%,  #393633 100%);}

.btn3_1         {background:linear-gradient(to bottom, #b38a28 2%, #835b05 100%); width:200px; height:56px; line-height:54px; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffffff; font-size:18px; font-weight:600; letter-spacing:-1px; border-radius:2px; text-shadow:0px 1px 1px rgba(0,0,0,0.3); box-shadow:0px 2px 2px rgba(0,0,0,0.3);}
.btn3_1:hover   {background:linear-gradient(#508ead 0%,  #25345d 100%);}

.btn3_2         {background:linear-gradient(to bottom, #494949 2%, #212121 100%); width:200px; height:56px; line-height:54px; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffffff; font-size:18px; font-weight:600; letter-spacing:-1px; border-radius:2px; text-shadow:0px 1px 1px rgba(0,0,0,0.3); box-shadow:0px 2px 2px rgba(0,0,0,0.3);}
.btn3_2:hover   {background:linear-gradient(#56514e 0%,  #393633 100%);}

.btn_tab       {min-width:80px; display:inline-block; padding:8px 8px 9px 8px; line-height:12px; background:#e0341a; font-size:12px; color:#ffffff; font-weight:900; text-align:center;}
.btn_tabon     {min-width:80px; display:inline-block; padding:8px 8px 9px 8px; line-height:12px; background:linear-gradient(to bottom, #0498cb 0%,  #14469c 100%); font-size:12px; color:#ffcc00; font-weight:900; text-align:center;}



/*-------------------------------------------------------------------------------------*
 *  Style                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 폰트 스타일 */
.font01 {color:#ffffff; font-weight:900;}
.font02 {color:#000000; font-weight:900;}
.font03 {color:#2a807b;}
.font04 {color:#484848;}
.font05 {color:#ff0000; font-weight:900;}
.font06 {color:#ff7200; font-weight:900;}
.font07 {color:#00cd9f; font-weight:900;}
.font08 {color:#75ead0; font-weight:900;}
.font09 {color:#56e0fc; font-weight:900;}
.font10 {color:#e9270f; font-weight:900;}

.font11 {color:#6f8193; font-weight:900; font-size:22px; line-height:35px; font-family:Arial;}
.font12 {color:#59aeb1;font-weight:900; font-size:22px;line-height:35px; font-family:'Noto Sans KR', sans-serif; text-shadow:1px 1px 1px #000000;}
.font13 {color:#b0977f;font-weight:900;}
.font14 {color:#00ffea; font-weight:900;}
.font15 {color:#73bad9;}
.font16 {color:#F8FF00; font-weight:900;}

/* 인풋 스타일 */
.input_login  {
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 5px 0 3px 5px;
    width: 160px;
    height: 44px;
    border-radius: 3px;
    color: #000000;
    padding: 0 0 0 10px;
    font-size: 14px;
}
.input1       {background-color:#ffffff; border:1px solid #011e6a87; padding:10px 0 9px 5px; color:#000000; border-radius:3px;}
select{padding:5px 0 6px 5px !important; color:#000000; border-radius:3px;}
.input2       {background-color:#ffffff; border:1px solid #011e6a87; padding:10px 0 9px 5px; border-radius:3px;}


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

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

	border : border:3px solid red;
	bg     : background:url(../images/bg_visual.jpg); 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:nanumgothic,sans-serif; color:#00aec3; font-weight:700; line-height:55px; letter-spacing:-1pt;
	font   : font-size:20px; color:#515151; font-weight:900; 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-*/

#b_kakao {
    width: 1200px;
    text-align: center;
    margin: 15px auto;
    height: 35px;
    position: relative;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
}

#b_kakao img {
    width: 34px;
    align-items: center;
    display: inline !important;
    height: 34px;
    position: absolute;
    padding: 0 !important;
    margin-left: -40px !important;
}