@charset "utf-8";

@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');

html{overflow:auto;}
body{background-color:#fff; -webkit-text-size-adjust:none;}

body, input, textarea, select, button, table{margin:0;}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, /*blockquote,*/ form, fieldset, legend, button { margin: 0; padding: 0; -webkit-font-smoothing: antialiased;}
	
#v1wrap {
	width:100%;
	position:absolute;
	overflow:hidden;
	height:100%;
	width:100%; height:100%; height:100%; background:url('https://img.ibottle.kr/julgigobaseimg/intro/intro_bg.png') no-repeat center center; background-size:cover  !important;
	border-top: 5px solid #3A5E9E;
}

.v1_title3 {position:absolute; left:50%; top:420px; transform:translate(-50%, -50%);}
.v1_title3 h2{float:center; width:100%; font-size: 45px; color:#fff; text-align: center; font-weight: 100;	font-family:'NanumSquareRound', sans-serif; text-shadow: 3px 3px 10px black;}
.v1_title3 p{font-size: 53px; color:#fff; text-align: center; padding-top:5px; width:100%; margin:0 auto;  letter-spacing: 1px; font-weight: 700;  font-family:'NanumSquareRound', /*font-family: 'Nanum Myeongjo'*/ sans-serif; text-shadow: 3px 3px 10px black;}
.v1_title3 p img {width:20px; vertical-align: middle}
.v1_title3 .name{font-size: 17px; color:#fff; text-align: center; padding-top:50px; padding-bottom:50px; width:100%; margin:0 auto; font-weight: 600; font-family: 'NanumSquareRound', serif; text-shadow: 3px 3px 10px black;}

.v1_main {/*width:900px;*/ margin: 0 auto;}

.v1_main .v1_main_btn {
	text-align: center;
	width:150px; height:150px; 
	border:1px solid #559543;
	color:#badeb0;
	float:left;
	text-align:center;
	margin:0 30px 0 30px;
	line-height:150px !important;
	font-size:19px;
	cursor:pointer;
	font-weight:500;
	background-Color: rgba(84, 137, 72, 0.7);
	border-radius: 6px;
}

.v1_logo {position:absolute; left:4%; top:50px;}
.v1_logo_btn{}
.v1_logo_btn img {width: 100%; text-shadow: 3px 3px 10px black; filter: drop-shadow(1px 1px 2px);}

.v1_bottom {position:absolute; width: 100%;  bottom:0; background: #232323; padding-bottom: 40px;}
.v1_bottom_btn { width:100%; text-align: center; bottom:10px; color:#fff; margin-top:20px; font-size:14px; font-family:'NanumSquareRound', sans-serif; }
.v1_bottom_btn img {width: 100%;}

.v1_bot {position:absolute; right:5%; bottom:30px; transform:translate(-50%, -50%);}
.v1_bot_btn{color:#fff; }
.v1_bot_btn ul {}
.v1_bot_btn li {display: inline;}
.v1_bot_btn li .cata{display: inline; padding: 10px; font-size:14px; font-family:'NanumSquareRound', sans-serif; }
.v1_bot_btn li .cata{display: inline; padding: 10px; font-size:14px; font-family:'NanumSquareRound', sans-serif; }

.v1_title3_hide {position:absolute;	top:50%; margin-top: -170px; font-weight:200; color:#000;}

/* SNS */
#cscsnter {position:fixed; right:70px; bottom:50px; z-index:200;}
#cscsnter ul:after {display:block; content:""; clear:both;}
#cscsnter ul li {position:relative; float:left; margin-left:15px; cursor:pointer; display: inline;}
#cscsnter ul li:first-child {margin-left:0;}
#cscsnter ul li em {display:block; height:40px; background-size:100% !important; font-size:0; line-height:0; text-indent:-9999px;}
#cscsnter ul li em.cs_01 {width:40px;background:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter01.png') no-repeat center center;}
#cscsnter ul li em.cs_02 {width:43px; background:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter02.png') no-repeat center center;}
#cscsnter ul li em.cs_03 {width:38px; background:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter03.png') no-repeat center center;}
#cscsnter ul li em.cs_04 {width:43px; background:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter04.png') no-repeat center center;}

#cscsnter ul li em.cs_01:hover {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter01_ov.png');}
#cscsnter ul li em.cs_02:hover {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter02_ov.png');}
#cscsnter ul li em.cs_03:hover {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter03_ov.png');}
#cscsnter ul li em.cs_04:hover {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter04_ov.png');}
#cscsnter ul li .hoverInfo {position:absolute; top:-88px; left:50%; transform:translateX(-50%); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#cscsnter ul li .hoverInfo img {max-width:inherit; height:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#cscsnter ul li:hover .hoverInfo {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#cscsnter ul li:hover .hoverInfo img {height:auto;}

#cscsnter.w ul li em.cs_01 {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter01_w.png');}
#cscsnter.w ul li em.cs_02 {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter02_w.png');}
#cscsnter.w ul li em.cs_03 {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter03_w.png');}
#cscsnter.w ul li em.cs_04 {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter04_w.png');}
#cscsnter.w ul li em.cs_01:hover {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter01.png');}
#cscsnter.w ul li em.cs_02:hover {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter02.png');}
#cscsnter.w ul li em.cs_03:hover {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter03.png');}
#cscsnter.w ul li em.cs_04:hover {background-image:url('https://img.ibottle.kr/julgigobaseimg/intro/icon_cscenter04.png');}




/*===============================================================*/
/*======================= Mobile 520 px ~ =======================*/
/*===============================================================*/

@media only screen and (max-width:520px){

.pct {display:none !important;}
.tablet {display:none !important;}
.mobile {display:block !important;}
img.tablet_img {display:none;}
img.pct_img {display:none;}
img.mobile_img {display:block;}
table.mobile {display:table;}
	
.inner {padding:0 4%;}

.v1_title3 {position:absolute; width:100%; left:50%; top:350px; transform:translate(-50%, -50%);text-shadow: 3px 3px 10px black;}
.v1_title3 h2{float:center; width:100%; font-size: 29px; color:#fff; text-align: center; text-shadow: 3px 3px 10px black;}
.v1_title3 p{font-size: 33px; color:#fff; text-align: center; line-height:25px; text-shadow: 3px 3px 10px black;}

#v1wrap {
	width:100%;
	position:absolute;
	overflow:hidden;
	height:100%;
	width:100%; height:100%; height:100%; background:url('/images/intro/intro_bg.png') no-repeat center center; background-size:cover  !important;
	border-top: 5px solid #3A5E9E;
}

.v1_title3 p img {width:9%}

.v1_main {width:55%; margin: 0 auto;}

.v1_main  .v1_main_btn {
	text-align: center;
	width:220px; height:60px; 
	border:1px solid #ffffff;
	color:#ffffff;
	margin:10px auto;
	line-height:60px !important;
	font-size:1.0rem;
	cursor:pointer;
	font-weight:500;
	border-radius:3%;
}

.v1_title3 .name{font-size: 15px; color:#fff; text-align: center; padding-top:50px; padding-bottom:50px; width:100%; margin:0 auto; font-weight: 600; font-family: 'NanumSquareRound', serif; text-shadow: 3px 3px 10px black;}

.v1_logo {position:absolute; left:4%; top:15px; }
.v1_logo_btn{}
.v1_logo_btn img {width: 70%;}

.v1_bottom {position:absolute; width: 100%;  bottom:0; background: #232323; padding-bottom: 40px;}
.v1_bottom_btn { width:100%; text-align: center; bottom:10px; color:#fff;}
.v1_bottom_btn img {width: 100%;}


/* SNS */
#cscsnter {position:fixed; right:30%; bottom:50px; z-index:200;}
#cscsnter ul:after {display:block; content:""; clear:both;}
#cscsnter ul li {position:relative; float:left; margin-left:15px; cursor:pointer; display: inline;}
#cscsnter ul li:first-child {margin-left:0;}
#cscsnter ul li em {display:block; height:40px; background-size:100% !important; font-size:0; line-height:0; text-indent:-9999px;}
#cscsnter ul li em.cs_01 {width:40px;background:url('/images/intro/icon_cscenter01.png') no-repeat center center;}
#cscsnter ul li em.cs_02 {width:43px; background:url('/images/intro/icon_cscenter02.png') no-repeat center center;}
#cscsnter ul li em.cs_03 {width:38px; background:url('/images/intro/icon_cscenter03.png') no-repeat center center;}
#cscsnter ul li em.cs_01:hover {background-image:url('/images/intro/icon_cscenter01_ov.png');}
#cscsnter ul li em.cs_02:hover {background-image:url('/images/intro/icon_cscenter02_ov.png');}
#cscsnter ul li em.cs_03:hover {background-image:url('/images/intro/icon_cscenter03_ov.png');}
#cscsnter ul li .hoverInfo {position:absolute; top:-88px; left:50%; transform:translateX(-50%); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#cscsnter ul li .hoverInfo img {max-width:inherit; height:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#cscsnter ul li:hover .hoverInfo {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#cscsnter ul li:hover .hoverInfo img {height:auto;}

#cscsnter.w ul li em.cs_01 {background-image:url('/images/intro/icon_cscenter01_w.png');}
#cscsnter.w ul li em.cs_02 {background-image:url('/images/intro/icon_cscenter02_w.png');}
#cscsnter.w ul li em.cs_03 {background-image:url('/images/intro/icon_cscenter03_w.png');}
#cscsnter.w ul li em.cs_01:hover {background-image:url('/images/intro/icon_cscenter01.png');}
#cscsnter.w ul li em.cs_02:hover {background-image:url('/images/intro/icon_cscenter02.png');}
#cscsnter.w ul li em.cs_03:hover {background-image:url('/images/intro/icon_cscenter03.png');}

}