@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; overflow-x:hidden;}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}
/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%; height:220px; background:url("../images/bg_top.png") center top no-repeat;}

.top_wrap {float:left; width:100%; height:140px; background:rgba(0,0,0,0.4);}
.top_box {margin:0px auto; width:1100px;}

.logo {float:left; width:408px; margin:21px 0 0 0;}

.gnb {float:right;}
.gnb ul li {float:left; margin:58px 0 0 60px;}

.login {float:left; width:100%; height:70px; text-align:center; background:rgba(255,255,255,0.1);}
.login ul li { display:inline-block; line-height:70px; margin:0 2px 0 2px; letter-spacing:-1px; font-size:16px; font-family:'Noto Sans KR', sans-serif; font-weight:900;}

.title_wrap {float:left; width:100%; height:60px; line-height:56px; background:url("../images/bg_title.png") center top no-repeat; text-align:center; font-family:'Noto Sans KR', sans-serif; color:#ffffff; font-size:28px; font-weight:900; letter-spacing:-2pt; text-shadow:0px 1px 2px rgba(0,0,0,0.8);}

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

.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%; text-align:center; padding:30px 0 30px 0;}

/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_wrap      {float:left; width:100%; height:1190px; background:url("../images/bg_main.jpg") center top no-repeat; overflow-x:hidden;}
.main11111 {position:absolute; float:left; width:1300px; height:1190px; z-index:1; left:50%;}
.main22222 {position:absolute; left:-650px; top:0px; display: block; z-index:100000;}

.yamato_wrap {float:left; width:100%; margin:320px 0 0 0;}
.yamato_box       {margin:0px auto; width:1400px;}


.main_top {float:left; width:100%; height:210px;}
.customer {float:left; width:384px; height:143px; text-align:center; padding:70px 0 0 0; background:url("../images/bg_customer.png") center top no-repeat; font-size:34px; color:#33f3ff; font-weight:900; font-family:Arial; letter-spacing:-1pt; text-shadow:0px 1px 2px rgba(0,0,0,0.8); margin:53px 0 0 0;}

.ysk_motion01 {
	animation-name: ysk_motion01;
	-webkit-animation-name: ysk_motion01;
		
	animation-duration: 3.2s;	
	-webkit-animation-duration: 3.2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;

}

@keyframes ysk_motion01 {
    0%   {color:#33f3ff;}
    50%  {color:#ffd800;}
    100% {color:#33f3ff;}	
}

@-webkit-keyframes ysk_motion01 {
    0%   {color:#33f3ff;}
    50%  {color:#ffd800;}
    100% {color:#33f3ff;}
}



.main_logo {float:left; width:400px; margin:18px 0 0 66px;}
.main1 {float:left; width:100%; margin:0 0 0 0;}

.main2 {float:left; width:100%; margin:0 0 0 430px; position:relative;}
.main22 { position:absolute; top:0px; left:0px; z-index:1}


.logo_effect{
	animation-name: logo_effect;
	-webkit-animation-name: logo_effect;	

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

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes logo_effect {
	0% {
		transform: scale(1);
		opacity: 1;		
	}
	50% {
		transform: scale(1);
		opacity: 0;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}			
}

@-webkit-keyframes logo_effect {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 0;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}			
}


.main3 {float:left; width:100%; margin:0 0 0 0;}
.main4 {float:left; width:100%; margin:0 0 0 0; position:relative; z-index:1000000000000000000;}


.play1_slideDown{animation-name: play1_slideDown; -webkit-animation-name: play1_slideDown;	
	animation-duration: 3.5s;	
	-webkit-animation-duration: 3.5s;
	animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}

@keyframes play1_slideDown {0% {transform: translateY(-400%);} 100% {transform: translateY(0%);}}
@-webkit-keyframes play1_slideDown {0% {-webkit-transform: translateY(-400%);}100% {-webkit-transform: translateY(0%);}}


.main5 {float:left; width:100%; margin:13px 0 0 0; position:relative;}
.main5_btn1 {position:absolute; top:127px; left:135px;}
.main5_btn2 {position:absolute; top:127px; left:993px;}


.main6 {float:left; width:100%; margin:33px 0 0 0;}



.popup_none {display:none}
.popup_wrap {width:1020px;}
.close_box {width:100%; float:left; text-align:center; padding:0 0 0 0; height:102px; }
.popupbox {width:100%; float:left; background:linear-gradient(#1d120d 0%,  #412b1d 100%); min-height:calc(100vh - 78px); border-radius:1px; padding:40px; position:relative }



/*-------------------------------------------------------------------------------------*
 *  게시판                                                                             *
 *-------------------------------------------------------------------------------------*/
.list_title1  {background:linear-gradient(#af7e52 0%,  #8c6644 100%); line-height:50px; font-weight:bold; text-align:center; font-weight:bold; color:#ffffff}
.list_notice1 {background:rgba(0,0,0,0.6); line-height:50px; border-bottom:solid 1px rgba(255,255,255,0.1); font-family:'nanumgothic', sans-serif; font-size:14px; letter-spacing:-1px; font-weight:400; color:#ffffff; text-align:center;}
.list_notice2 {background:rgba(0,0,0,0.6); line-height:50px; border-bottom:solid 1px rgba(255,255,255,0.1); font-family:'nanumgothic', sans-serif; font-size:14px; letter-spacing:-1px; font-weight:400; color:#ffffff; padding:0 0 0 15px;}
.list1        {background:rgba(0,0,0,0.4); line-height:50px; border-bottom:solid 1px rgba(255,255,255,0.1); font-family:'nanumgothic', sans-serif; font-size:14px; letter-spacing:-1px; font-weight:400; color:#ffffff; text-align:center }
.list2        {background:rgba(0,0,0,0.4); line-height:50px; border-bottom:solid 1px rgba(255,255,255,0.1); font-family:'nanumgothic', sans-serif; font-size:14px; letter-spacing:-1px; font-weight:400; color:#ffffff; padding:0 0 0 15px;}

.write_title_top {border-top:solid 1px rgba(255,255,255,0.1);}
.write_title     {background:rgba(0,0,0,0.5); border-bottom:solid 1px rgba(255,255,255,0.1); min-height:48px; line-height:48px; padding:3px 10px 3px 10px; width:160px; color:#e7d7c7; vertical-align:middle; font-family:'nanumgothic', sans-serif; font-size:15px; letter-spacing:-1px; font-weight:400;}
.write_basic     {background:rgba(0,0,0,0.4); border-bottom:solid 1px rgba(255,255,255,0.1); border-left:solid 1px rgba(255,255,255,0.1); min-height:48px; padding:3px 5px 3px 5px;vertical-align:middle; color:#c8b8a8; font-family:'nanumgothic', sans-serif; font-size:15px; letter-spacing:-1px; font-weight:400;}

.view1     {background:rgba(0,0,0,0.5); border-bottom:solid 1px rgba(255,255,255,0.1); padding:0 20px 0 20px; width:100%; height:50px; line-height:50px;border-radius:5px;  font-weight:600; color:#fff;  font-family:'nanumgothic', sans-serif; font-size:16px; letter-spacing:-1px; font-weight:700;}
.view2     {background:rgba(0,0,0,0.2); border-bottom:solid 1px rgba(255,255,255,0.1); padding:12px 20px 10px 20px; width:100%; line-height:26px;  font-family:'nanumgothic', sans-serif; font-size:16px; letter-spacing:-1px; font-weight:700;}
.view_box  {background:rgba(0,0,0,0.8); border:solid 1px #000000; padding:5px 8px 3px 8px; line-height:12px; text-align:center; display:inline-block; color:#888888; font-size:12px; margin:0 5px 0 0; font-weight:100;}

.page_wrap       {float:left; width:100%; height:50px; line-height:50px; text-align:center; border:1px solid rgba(255,255,255,0.1);}
.page_wrap ul li {display:inline;}
.page            {display:inline-block; width:32px; height:32px; border-radius:32px; line-height:32px; color:#a1a1a1; }
.pageon          {background:#4f4239; display:inline-block; width:32px; height:32px; border-radius:2px; line-height:32px; color:#ffffff;  }

.info_wrap {background:rgba(0,0,0,0.4); float:left; width:100%; padding:10px 0 10px 0; border:1px solid rgba(0,0,0,0.1); }
.info1     {float:left; width:100%; line-height:26px; font-family:'nanumgothic', sans-serif; font-size:16px; letter-spacing:-1px; font-weight:700; color:#ffffff; padding:0 20px 5px 20px;}
.info2     {float:left; width:100%; line-height:26px; font-family:'nanumgothic', sans-serif; font-size:16px; letter-spacing:-1px; font-weight:700; color:#ffc000; padding:0 20px 0 20px;}
.info3     {float:left; width:100%; line-height:22px; font-family:'nanumgothic', sans-serif; font-size:12px; letter-spacing:-1px; font-weight:700; color:#efe0d6; padding:5px 20px 0 23px;}



/*-------------------------------------------------------------------------------------*
 *  버튼                                                                               *
 *-------------------------------------------------------------------------------------*/
.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(#6d5539 0%,  #2e2616 100%); min-width:70px; height:35px; padding:0 10px 0 10px ;line-height:32px; text-align:center; display:inline-block; font-family:nanumgothic, sans-serif; color:#fff; font-size:12px; font-weight:600; border-radius:1px;} 
.btn1_1:hover   {background:linear-gradient(to right, #6d5539 0%,  #2e2616 100%);}

.btn1_2         {background:linear-gradient(#404040 0%,  #212121 100%); min-width:70px; height:35px; padding:0 10px 0 10px ;line-height:32px; text-align:center; display:inline-block; font-family:nanumgothic, sans-serif; color:#fff; font-size:12px; font-weight:600; border-radius:1px;} 
.btn1_2:hover   {background:linear-gradient(to right, #404040 0%,  #212121 100%);}

.btn2_1         {background:linear-gradient(#6d5539 0%,  #2e2616 100%); width:130px; height:42px; line-height:42px; text-align:center; display:inline-block; font-family:nanumgothic, sans-serif; color:#ffffff; font-size:14px; font-weight:600; border-radius:50px; box-shadow:1px 2px 1px rgba(0,0,0,0.5);}
.btn2_1:hover   {background:linear-gradient(to right, #6d5539 0%,  #2e2616 100%);}

.btn2_2         {background:linear-gradient(#404040 0%,  #212121 100%); width:130px; height:42px; line-height:42px; text-align:center; display:inline-block; font-family:nanumgothic, sans-serif; color:#ffffff; font-size:14px; font-weight:600; border-radius:50px; box-shadow:1px 2px 1px rgba(0,0,0,0.5);}
.btn2_2:hover   {background:linear-gradient(to right, #404040 0%,  #212121 100%);}

.btn3_1         {background:linear-gradient(#6d5539 0%,  #2e2616 100%);width:240px; height:50px; line-height:50px; text-align:center; display:inline-block; font-family:nanumgothic, sans-serif; color:#fff; font-size:18px; font-weight:600;  border-radius:50px; box-shadow:1px 2px 1px rgba(0,0,0,0.5);}
.btn3_1:hover   {background:linear-gradient(to right, #6d5539 0%,  #2e2616 100%);}

.btn3_2         {background:linear-gradient(#404040 0%,  #212121 100%); width:240px; height:50px; line-height:50px; text-align:center; display:inline-block; font-family:nanumgothic, sans-serif; color:#fff; font-size:18px; font-weight:600; border-radius:50px; box-shadow:1px 2px 1px rgba(0,0,0,0.5);}
.btn3_2:hover   {background:linear-gradient(to right, #404040 0%,  #212121 100%);}

.btn_tab      {background:#000000; min-width:90px; display:inline-block; font-family:nanumgothic; padding:0px 8px 0px 8px; line-height:35px; color:#999999; border-radius:0px; font-weight:700; text-align:center;}
.btn_tabon    {background:#ffc600; min-width:90px; display:inline-block; font-family:nanumgothic; padding:0px 8px 0px 8px; line-height:35px; color:#000000; border-radius:0px; font-weight:700; 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:#818fa0;}
.font15 {color:#005963;}

/* 인풋 스타일 */
.input_login  {background-color:#ffffff; border:1px solid #ffffff; padding:5px 0 3px 5px; width:160px; height:40px; border-radius:3px; color:#000000; padding:0 0 0 10px; font-size:14px;}
.input_search {background-color:#222222; border:1px solid #000000; padding:10px 0 9px 5px; border-radius:3px;}
.input1       {background-color:#222222; border:1px solid #000000; padding:10px 0 9px 5px; color:#ffffff; border-radius:3px; min-width:200px}
.input2       {background-color:#222222; border:1px solid #000000; padding:10px 0 9px 5px; border-radius:3px;}



/*-------------------------------------------------------------------------------------*
 *  마우스 오버                                                                        *
 *-------------------------------------------------------------------------------------*/
.mouseover1{
	animation-name: mouseover1;
	-webkit-animation-name: mouseover1;	

	animation-duration: 0.4s;	
	-webkit-animation-duration: 0.4s;

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

	visibility: visible !important;	
}

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

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


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