@charset "utf-8";
@import url(../css/gnb.css);

/* font rule */
@font-face {
	font-family:'GmarketSansBold';
	src: url('../font/GmarketSansBold.otf') format('OpenType'),
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'),
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff');
}
@font-face {
	font-family:'GmarketSansMedium';
	src: url('../font/GmarketSansMedium.otf') format('OpenType'),
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'),
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff');
}
@font-face {
	font-family:'GmarketSansLight';
	src: url('../font/GmarketSansLight.otf') format('OpenType'),
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'),
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff');
}
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

 

* {margin: 0px; padding: 0px; outline: 0px; border:0px; }
ol, ul, li {list-style:none}
a {text-decoration: none;}

.clear {clear: both;}
.wrap {
	width: 100%;
	min-width: 1300px;
	z-index: 10;
	position: relative;
}
.section {
	width: 100%;
	position: relative;
	min-width: 1300px;
}
.guide {
	width: 1300px;
	position: relative;
	margin: 0 auto;
}

/*txt set*/
	.color_sky{color: #64FFFF;}
	.color_bell{color: #1698D6;}
	.color_blue{color: #00ABEB;}
	.color_navy{color: #485676;}
	.color_indigo{color: #1C2C54;}
	.color_white{color: #ffffff;}
	.color_gold{color: #FDD469;}

	h1, h2, h3, h4, h5, h6, p{
		font-weight: 500;
	}
	h1 {
		font-family: GmarketSansBold;
		font-size: 24px;
	}
	h2 {
		font-family: TmoneyRoundWindRegular;
		font-size: 18px;
		line-height: 30px;
	}
	h3 {
		font-family: NanumSquare;
		font-size: 18px;
		line-height: 30px;
	}
	h4 {
		font-family: NanumSquaReround;
		font-size: 16px;
		line-height: 27px;
	}
	h5 {
		font-family: GmarketSansMedium;
		font-size: 20px;
		line-height: 28px;
	}
	h6 {
		font-family: NanumSquaReround;
		font-size: 14px;
		line-height: 20px;
	}
	body{
		font-family: NanumSquare;
	}
	b {
		font-weight: 900;
	}




/* navi btn */

.subMenu {
	position: fixed;
	height: 40px;
	z-index: 20000;
	width: 328px;
	top: 120px;
	margin-left: -164px;
	left: 50%;
}
.subMenu a {display: block; float: left;}

.subMenu .btn01 {background: url(img/navi_btn01.png) no-repeat 0px -40px;width: 23px;height: 40px;}
.subMenu .btn01:hover{background-position: 0px 0px;}
.subMenu .btn02 {background: url(img/navi_btn01.png) no-repeat -23px -40px;width: 23px;height: 40px;}
.subMenu .btn02:hover{background-position: -23px 0px;}
.subMenu .btn03 {background: url(img/navi_btn01.png) no-repeat -46px -40px;width: 23px;height: 40px;}
.subMenu .btn03:hover{background-position: -46px 0px;}
.subMenu .btn04 {background: url(img/navi_btn01.png) no-repeat -69px -40px;width: 23px;height: 40px;}
.subMenu .btn04:hover{background-position: -69px 0px;}
.subMenu .btn05 {background: url(img/navi_btn01.png) no-repeat -92px -40px;width: 23px;height: 40px;}
.subMenu .btn05:hover{background-position: -92px 0px;}
.subMenu .btn06 {background: url(img/navi_btn01.png) no-repeat -115px -40px;width: 23px;height: 40px;}
.subMenu .btn06:hover{background-position: -115px 0px;}

/*.subMenubg {
	background: #fff;
    width: 328px;
    height: 50px;
    padding-bottom: 7px;
    border-radius: 35px;
    opacity: 0.5;
}*/

.subMenu .navi_line {
	background: url(img/navi_btn01.png) no-repeat -138px -40px;
	width: 38px;
	height: 40px;
	float: left;
}
.navi_img01 {
	background: url(img/navi_img01.png) no-repeat 0px 0px;
	width: 50px;
	height: 44px;
	margin: 0 auto;
}

.btn200 {
	position: absolute;
	width: 200px;
	height: 55px;
	background: #485676;
	border-radius: 10px;
	border: #CFD3DD 1px solid;
	box-shadow: 0px 2px 4px #404B65;
	font-size: 20px;
	line-height: 55px;
	color: #E8E8ED;
	font-family: 'GmarketSansMedium';
	padding-left: 33px;
}
.btn200:hover{
	background: #515C7B;
	box-shadow: 0px 4px 6px #404B65;
}
.btn200_wbg {
	box-shadow: 0px 2px 4px #B1B1B2;
}
.btn200_wbg:hover{
	background: #515C7B;
	box-shadow: 0px 4px 6px #B1B1B2;
}
.btn200 > p{
	display: inline;
    right: 30px;
    position: absolute;
    color: #A1A8B8;
    font-weight: 700;
}

.btn140 {
	position: absolute;
	width: 140px;
	height: 70px;
	background: #fff;
	border-radius: 10px;
	border: #A1A8B8 1px solid;
	box-shadow: 0px 2px 4px #404B65;
}
.btn140:hover{
	box-shadow: 0px 4px 6px #404B65;
}




/* Section 1 */

.s1 .box_01 {
	background: #485676 no-repeat 0px 0px;
	width: auto;
	height: 670px;
	position: relative;
	z-index: 1000;
}
.s1 .box_01 .m01_bg01 {
	background: url(img/m01_bg01.png) center 0px no-repeat;
	width: auto;
	height: 670px;
	position: relative;
}

.s01_img_logo {background: url(../img/s01_img_logo.png) no-repeat; width: 84px;	height: 25px;}

.s1 .box_01 .txt_01 {
	top: 60px;
	right: 110px;
	position: absolute;
	opacity: 70%;
}
.s1 .box_01 .txt_01 h6{
	width: 300px;
	position: absolute;
	text-align: right;
	right: 95px;
	color: #fff;
}


.s1 .box_01 .m01_img01 {
	background: url(img/m01_img01.png) center 0px no-repeat;
	width: 670px;
	height: 730px;
	position: absolute;
	top: 125px;
	left: -125px;
}
.s1 .box_01 .m01_img02 {
	background: url(img/m01_img02.png) center 0px no-repeat;
	width: 300px;
	height: 200px;
	position: absolute;
	right: -55px;
	top: 528px;
}
.s1 .box_01 .m01_img03 {
	background: url(img/m01_img03.png) center 0px no-repeat;
	width: 280px;
	height: 240px;
	position: absolute;
	right: -76px;
	top: 112px;
}
.s1 .box_01 .m01_img04 {
	background: url(img/m01_img04.png) center 0px no-repeat;
	width: 200px;
	height: 230px;
	position: absolute;
	left: -277px;
	top: 225px;
}
.s1 .box_01 .m01_img05 {
	background: url(img/m01_img05.png) center 0px no-repeat;
	width: 550px;
	height: 130px;
	position: absolute;
	left: 576px;
	top: 244px;
}
.s1 .box_01 .m01_text02 {
	position: absolute;
	text-align: center;
	margin-top: 20px;
	font-size: 22px;
	line-height: 34px;
	color: #E8E8ED;
	font-family: 'GmarketSansLight'; 
	left: 635px;
	top: 408px;
}
.s1 .box_01 .subMenu {
	position: absolute;
	width: 200px;
	left: 635px;
	top: 540px;
	margin-left: 0px;
}
.s1 .box_01 .m01_btn01 {
}
.s1 .box_01 .m01_btn02 {
	left: 855px;
	top: 540px;
}
.s1 .box_02 {
	background: #fff no-repeat 0px 0px;
	width: auto;
	height: 250px;
	margin-bottom: 30px;
	position: relative;
	z-index: 950;
}
.s1 .box_02 .m01_img06 {
	background: url(img/m01_img06.png) center 0px no-repeat;
	background-size: 222px;
	width: 222px;
	height: 280px;
	position: absolute;
	left: 375px;
	top: 28px;
}
.s1 .box_02 .m01_text03 {
	position: absolute;
	width: 550px;
	font-size: 17px;
	line-height: 26px;
	color: #757F98;
	left: 635px;
	top: 70px;
}
.s1 .box_02 .m01_text03 p{
	margin-bottom: 10px;

}
.s1 .box_02 .m01_text03 b{
	font-weight: 900;

}
.s1 .box_02 .m01_img07 {
	background: url(img/m01_img07.png) center 0px no-repeat;
	width: 560px;
	height: 180px;
	position: absolute;
	left: 635px;
	top: 347px;
}



/* Section 2 */

.s2 .box_01 {
	height: 600px;
}
.s2 .box_02 {
	background: #485676;
	width: auto;
	height: 400px;
	margin-bottom: 150px;
}
.m02_text01 {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #485676;
	font-family: 'GmarketSansBold';
	top: 180px;
}
.m02_text02 {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 30px;	
	color: #757F98;
	top: 247px;
}

/*m02_tab01*/
	.s2 .box_01 .m02_tab01 {
		position: relative;
		top: 315px;
	}

	.s2 .box_01 .m02_tab01 .tabbed_content {
		width: 1188px;
		margin: 0 auto;
	}
	.s2 .box_01 .m02_tab01 .tabs {
		height: 210px;
		position: relative;
	}
	.tabs .moving_bg {
		position: absolute;
		height: 210px;
		width: 132px;
		z-index: 190;
		left: 0;
		box-shadow: 0px 2px 6px #CFD3DD;
		border-radius: 15px;
	}
	.s2 .box_01 .m02_tab01 .tabs .tab_item {
		display: block;
		float: left;
		width: 132px;
		height: 170px;
		z-index: 200;
		position: relative;
		cursor: pointer;
	}
	.s2 .box_01 .m02_tab01 .tabs .tab_item span{
		display: block;
		font-weight: 700;
		font-size: 18px;
		color: #485676;
		text-align: center;
		margin-top: 185px;
	}
	.s2 .box_01 .m02_tab01 .btn01 {background: url(img/m02_btn01.png) no-repeat 0px -170px;}
	.s2 .box_01 .m02_tab01 .btn01:hover{background-position: 0px 0px;}
	.s2 .box_01 .m02_tab01 .btn02 {background: url(img/m02_btn01.png) no-repeat -132px -170px;}
	.s2 .box_01 .m02_tab01 .btn02:hover{background-position: -132px 0px;}
	.s2 .box_01 .m02_tab01 .btn03 {background: url(img/m02_btn01.png) no-repeat -264px -170px;}
	.s2 .box_01 .m02_tab01 .btn03:hover{background-position: -264px 0px;}
	.s2 .box_01 .m02_tab01 .btn04 {background: url(img/m02_btn01.png) no-repeat -394px -170px;}
	.s2 .box_01 .m02_tab01 .btn04:hover{background-position: -394px 0px;}
	.s2 .box_01 .m02_tab01 .btn05 {background: url(img/m02_btn01.png) no-repeat -526px -170px;}
	.s2 .box_01 .m02_tab01 .btn05:hover{background-position: -526px 0px;}
	.s2 .box_01 .m02_tab01 .btn06 {background: url(img/m02_btn01.png) no-repeat -658px -170px;}
	.s2 .box_01 .m02_tab01 .btn06:hover{background-position: -658px 0px;}
	.s2 .box_01 .m02_tab01 .btn07 {background: url(img/m02_btn01.png) no-repeat -790px -170px;}
	.s2 .box_01 .m02_tab01 .btn07:hover{background-position: -790px 0px;}
	.s2 .box_01 .m02_tab01 .btn08 {background: url(img/m02_btn01.png) no-repeat -922px -170px;}
	.s2 .box_01 .m02_tab01 .btn08:hover{background-position: -922px 0px;}
	.s2 .box_01 .m02_tab01 .btn09 {background: url(img/m02_btn01.png) no-repeat -1054px -170px;}
	.s2 .box_01 .m02_tab01 .btn09:hover{background-position: -1054px 0px;}

	.s2 .box_01 .m02_tab01 .tabbed_content .slide_content {
		overflow: hidden;
		position: relative;
		width: 1188px;
		margin-top: 91px;
	}
	.s2 .box_01 .m02_tab01 .tabslider {
		width: 10692px;
	}
	.s2 .box_01 .m02_tab01 .tabslider ul {
		float: left;
		width: 1188px;
	}
	.s2 .box_01 .m02_tab01 .tabslider ul div {
		width: 1100px;
		height: 400px;
		margin: 0 auto;
		z-index: 100;
		position: relative;
	}
	.s2 .m02_img01{ width: 600px; height: 400px; float: left; background: url(img/m02_img01.png) center 0px no-repeat;}
	.s2 .m02_img02{ width: 600px; height: 400px; float: left; background: url(img/m02_img02.png) center 0px no-repeat;}
	.s2 .m02_img03{ width: 600px; height: 400px; float: left; background: url(img/m02_img03.png) center 0px no-repeat;}
	.s2 .m02_img04{ width: 600px; height: 400px; float: left; background: url(img/m02_img04.png) center 0px no-repeat;}
	.s2 .m02_img05{ width: 600px; height: 400px; float: left; background: url(img/m02_img05.png) center 0px no-repeat;}
	.s2 .m02_img06{ width: 600px; height: 400px; float: left; background: url(img/m02_img06.png) center 0px no-repeat;}
	.s2 .m02_img07{ width: 600px; height: 400px; float: left; background: url(img/m02_img07.png) center 0px no-repeat;}
	.s2 .m02_img08{ width: 600px; height: 400px; float: left; background: url(img/m02_img08.png) center 0px no-repeat;}
	.s2 .m02_img09{ width: 600px; height: 400px; float: left; background: url(img/m02_img09.png) center 0px no-repeat;}

	.s2 .box_01 .m02_tab01 .tabslider div div {
		width: 470px;
		float: right;
	}
	.s2 .box_01 .m02_tab01 .tabslider .m02_text03 {
		font-size: 23px;
		line-height: 32px;
		color: #E8E8ED;
		font-weight: 700;
		margin: 15px 0px;
	}
	.s2 .box_01 .m02_tab01 .tabslider .m02_text04 {
		font-size: 17px;
		line-height: 28px;
		color: #CFD3DD;
		margin-bottom: 40px;
	}

.s2 .box_02 .m02_bg01 {
	background: url(img/m02_bg01.png) center 0px no-repeat;
	width: auto;
	height: 400px;
	position: relative;
	z-index: 90;
}






/* Section 3 */

.s3 .box_01 {
	height: 500px;
}
.s3 .box_02 {
	background: #F3F6FB;
	width: auto;
	height: 400px;
	margin-bottom: 150px;
}

/*m03_tab01*/
	.s3 .m03_tab01 {
		position: relative;
		top: 330px;
	}

	.s3 .m03_tab01 .tabbed_content {
		width: 1100px;
		margin: 0 auto;
	}
	.s3 .m03_tab01 .tabs {
		height: 80px;
		position: relative;
	}
	.s3 .tabs .moving_bg {
		position: absolute;
		height: 80px;
		width: 146px;
		z-index: 190;
		left: 0;
		box-shadow: 0px 2px 6px #CFD3DD;
		border-radius: 15px;
	}
	.s3 .m03_tab01 .tabs .tab_item {
		display: block;
		float: left;
		width: 146px;
		height: 80px;
		z-index: 200;
		position: relative;
		cursor: pointer;
		margin-right: 13px;
	}
	.s3 .m03_tab01 .tabs .tab_item:last-child{
		margin-right: 0px;
	}
	.s3 .m03_tab01 .btn01 {background: url(img/m03_btn01.png) no-repeat 0px -80px;}
	.s3 .m03_tab01 .btn01:hover{background-position: 0px 0px;}
	.s3 .m03_tab01 .btn02 {background: url(img/m03_btn01.png) no-repeat -146px -80px;}
	.s3 .m03_tab01 .btn02:hover{background-position: -146px 0px;}
	.s3 .m03_tab01 .btn03 {background: url(img/m03_btn01.png) no-repeat -292px -80px;}
	.s3 .m03_tab01 .btn03:hover{background-position: -292px 0px;}
	.s3 .m03_tab01 .btn04 {background: url(img/m03_btn01.png) no-repeat -438px -80px;}
	.s3 .m03_tab01 .btn04:hover{background-position: -438px 0px;}
	.s3 .m03_tab01 .btn05 {background: url(img/m03_btn01.png) no-repeat -584px -80px;}
	.s3 .m03_tab01 .btn05:hover{background-position: -584px 0px;}
	.s3 .m03_tab01 .btn06 {background: url(img/m03_btn01.png) no-repeat -730px -80px;}
	.s3 .m03_tab01 .btn06:hover{background-position: -730px 0px;}
	.s3 .m03_tab01 .btn07 {background: url(img/m03_btn01.png) no-repeat -876px -80px;}
	.s3 .m03_tab01 .btn07:hover{background-position: -876px 0px;}
	.s3 .m03_tab01 .btn08 {background: url(img/m03_btn01.png) no-repeat -1022px -80px;}
	.s3 .m03_tab01 .btn08:hover{background-position: -1022px 0px;}
	.s3 .m03_tab01 .btn09 {background: url(img/m03_btn01.png) no-repeat -1168px -80px;}
	.s3 .m03_tab01 .btn09:hover{background-position: -1168px 0px;}

	.s3 .m03_tab01 .tabbed_content .slide_content {
		overflow: hidden;
		position: relative;
		width: 1100px;
		margin-top: 70px;
	}
	.s3 .m03_tab01 .tabslider {
		width: 7700px;
	}
	.s3 .m03_tab01 .tabslider ul {
		float: left;
		width: 1100px;
	}
	.s3 .m03_tab01 .tabslider ul div {
		width: 1100px;
		height: 400px;
		margin: 0 auto;
		z-index: 100;
		position: relative;
	}
	.s3 .m03_img01{ width: 650px; height: 480px; float: left; background: url(img/m03_img01.png) center 0px no-repeat;}
	.s3 .m03_img02{ width: 650px; height: 480px; float: left; background: url(img/m03_img02.png) center 0px no-repeat;}
	.s3 .m03_img03{ width: 650px; height: 480px; float: left; background: url(img/m03_img03.png) center 0px no-repeat;}
	.s3 .m03_img04{ width: 650px; height: 480px; float: left; background: url(img/m03_img04.png) center 0px no-repeat;}
	.s3 .m03_img05{ width: 650px; height: 480px; float: left; background: url(img/m03_img05.png) center 0px no-repeat;}
	.s3 .m03_img06{ width: 650px; height: 480px; float: left; background: url(img/m03_img06.png) center 0px no-repeat;}
	.s3 .m03_img07{ width: 650px; height: 480px; float: left; background: url(img/m03_img07.png) center 0px no-repeat;}
	.s3 .m03_tab01 .tabslider div div {
		width: 430px;
		float: right;
	}
	.s3 .m03_tab01 .tabslider .m02_text03 {
		font-size: 20px;
		color: #485676;
		font-weight: 900;
		margin: 80px 0px 30px;
	}
	.s3 .m03_tab01 .tabslider .m02_text04 {
		font-size: 17px;
		line-height: 28px;
		color: #485676;
	}

.s3 .box_02 .m03_bg01 {
	background: url(img/m03_bg01.png) center 0px no-repeat;
	width: auto;
	height: 400px;
	position: relative;
	z-index: 90;
}





/* Section 4 */

.s4 .box_01 {
	width: auto;
	height: 600px;
}
.s4 .box_02 {
	background: #485676;
	/*height: 450px;*/
}
.s4 .box_02>ul {
	width:1100px;
	margin-top: -190px;
	left: 50%;
	margin-left: -550px;
	position: absolute;
	z-index: 100;
}
.s4 .box_02>ul>ol {
	position: relative;
	width: 340px;
	margin-right: 40px;
	float: left;
	padding-bottom: 40px;
	background: #485676;
	box-shadow: 0px 5px 0px #C8C9CE;
}
.s4 .box_02>ul>ol:last-child {
	margin-right: 0px;
}
.s4 .box_02>ul>ol .m04_taxt01{
	position: absolute;
	font-size: 17px;
	line-height: 25px;
	color: #CFD3DD;
	left: 37px;
	top: 47px;
}
.s4 .box_02>ul>ol .m04_taxt01 span{
	font-family:GmarketSansLight;
	margin-right: 8px;
}
.s4 .box_02 ul ol .m04_taxt02{
	position: absolute;
	font-size: 30px;
	line-height: 33px;
	font-family: GmarketSansBold;
	color: #64FFFF;
	left: 37px;
	top: 85px;
}
.s4 .box_02 ul ol .m04_taxt03{
	position: absolute;
	font-size: 18px;
	font-family: GmarketSansLight;
	color: #58BBC8;
	left: 37px;
	top: 127px;
}
.s4 .box_02 ul ol .m04_img01{
	background: url(img/m04_img01.png) center 0px no-repeat;
	width: 340px;
	height: 250px;
	position: absolute;
	right: 0px;
	top: 110px;
}
.s4 .box_02 ul ol .m04_img02{
	background: url(img/m04_img02.png) center 0px no-repeat;
	width: 340px;
	height: 250px;
	position: absolute;
	right: 0px;
	top: 110px;
}
.s4 .box_02 ul ol .m04_img03{
	background: url(img/m04_img03.png) center 0px no-repeat;
	width: 340px;
	height: 250px;
	position: absolute;
	right: 0px;
	top: 110px;
}
.s4 .box_02 ul ol .m04_taxt04{
	width: 290px;
	height: 100px;
	font-size: 17px;
	line-height: 25px;
	color: #CFD3DD;
    margin: 360px 0px 60px 37px;
}
.s4 .box_02 ul ol .m04_taxt04 span{
	margin: 0px 10px 10px 0px;
	display: block;
	float: left;
	background: #1C2C54;
	border-radius: 15px;
	padding: 3px 11px;
}

.s4 .box_02 ul ol .m04_btn01{
	margin-left: -100px;
    left: 50%;
	top: 514px;
	display:none; /*체험하기 감추기*/
}

.s4 .box_02 ul ol .m04_taxt05{
	font-size: 19px;
	line-height: 50px;
	color: #fff;
	font-family: GmarketSansLight;
	text-align: center;
	background: #00ABEB;
	width: 340px;
	height: 45px;
	margin-bottom: 25px;
}
.s4 .box_02 ul ol .m04_taxt05 span{
	font-family: GmarketSansBold;
}
.s4 .box_02 ul ol .m04_taxt06{
	font-size: 23px;
	text-align: center;
	color: #B7BCCA;
	width: 100%;
	height: 45px;
	top: 677px;
}
.s4 .box_02 ul ol .m04_taxt06 span{
	font-weight: 900;
	font-size: 32px;
	color: #FDD469;
}
.s4 .box_02 ul ol .m04_taxt07{
	font-size: 17px;
	text-align: center;
	color: #979FB1;
	width: 100%;
	top: 720px;
}
.s4 .box_02 .m04_bg01{
	background: url(img/m04_bg01.png) center 0px no-repeat;
	width: auto;
	height: 440px;
	position: relative;
	z-index: 90;
}
.s4 .box_03 {
	position: relative;
	background: #F3F6FB;
	margin-bottom: 150px;
	padding-bottom: 40px;
}
.s4 .box_03 .m04_taxt08{
	font-size: 25px;
	text-align: center;
	color: #485676;
	padding: 140px 0px 50px;
}
.s4 .box_03 .m04_taxt08 span{
	font-weight: 900;
}
.s4 .box_03>ul{
	position: relative;
	width: 1100px;
	height: 200px;
	margin: 0 auto;
}
.s4 .box_03 .m04_btn02{
	width: 347px;
	height: 65px;
	font-size: 22px;
	font-weight: 700;
	line-height: 65px;
	left: 360px;
	background: #1C2C54;
}
.s4 .box_03 .m04_btn02 span{
	font-family: GmarketSansLight;
	margin-right: 5px;
}
.s4 .box_03 .m04_btn03{
	width: 230px;
	height: 65px;
	font-size: 20px;
	line-height: 65px;
	left: 800px;
}
.s4 .box_03 .m04_btn03>p{
	right: 60px;
}
.s4 .box_03 .subMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: 0px;
}
.s4 .box_03 .m04_img04{
	background: url(img/m04_img04.png) center 0px no-repeat;
	width: 90px;
	height: 100px;
	position: absolute;
	left: 993px;
	top: -13px;
	z-index: 50000;
}
.s4 .box_03 .m04_taxt09>span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	background: #0E7EB3;
	border-radius:13px; 
	width: 100px;
	height: 26px;
	left: 360px;
	top: 100px;
	margin-bottom: 10px;
}
.s4 .box_03 .m04_taxt10>span{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 27px;
	color: #485676;
	height: 26px;
	left: 478px;
	top: 27px;
	margin-bottom: 10px;
}
.s4 .box_03 .m04_taxt10>span>span{
	margin: 0 8px;
	color: #A1A8B8;
}







/* Section 5 */

.s5 .m05_img01 {top: -35px; width: 200px; height: 215px;background: url(img/m05_img01.png) no-repeat 0px 0px;}
.s5 .m05_img02 {top: -35px; width: 200px; height: 215px;background: url(img/m05_img02.png) no-repeat 0px 0px;}
.s5 .m05_img03 {top: -35px; width: 200px; height: 215px;background: url(img/m05_img03.png) no-repeat 0px 0px;}
.s5 .m05_img04 {top: -35px; width: 200px; height: 215px;background: url(img/m05_img04.png) no-repeat 0px 0px;}
.s5 .m05_img05 {top: -35px; width: 200px; height: 215px;background: url(img/m05_img05.png) no-repeat 0px 0px;}

.s5 .box_01,.s5 .box_02 {
	position: relative;
	text-align: center;
}
.s5 .box_01 div,.s5 .box_02 div {
	position: absolute;
}

.s5 .box_01 {
	width: auto;
	height: 490px;
}
.s5 .box_02 {
	background: #F3F6FB;
	height: 450px;
	margin-bottom: 150px;
}
.s5 .box_02>ul{
	position: relative;
	width: 1080px;
	height: 400px;
	top: -115px;
	margin: 0 auto;
}
.s5 .box_02>ul>ol{
	position: relative;
	width: 200px;
	height: 350px;
	margin-right: 20px;
	float: left;
	background: #485676;
}
.s5 .box_02>ul>ol:last-child{
	margin-right: 0px;
}
.s5 .box_02>ul>ol:nth-child(2n){
	top: 20px;
	background: #1698D6;
}
.s5 .box_02>ul>ol:hover{
	box-shadow: 0px 5px 3px #C8C9CE;
	margin-top: -3px;
}
.s5 .m05_text01, .s5 .m05_text02{
	width: 100%;
}
.s5 .m05_text01 {
	top: 195px;
	color: #fff;
	font-family: GmarketSansMedium;
	font-size: 18px;
}
.s5 .m05_text02 {
	top: 240px;
	color: #CFD3DD;
	font-size: 15px;
	line-height: 25px;
}
.s5 .box_02>ul>ol:nth-child(2n) .m05_text02{
	color: #D3E2F2;
}
.s5 .m05_text03{
	width: 100%;
	top: 308px;
	font-size: 20px;
	color: #485676;
}
.s5 .m05_text04{
	width: 100%;
	top: 356px;
	font-size: 14px;
	color: #A1A8B8;
}
.s5 .m05_text04 span{
	font-size: 18px;
	font-family: GmarketSansBold;
	color: #485676;
	margin: 0 10px;
}
.s5 .m05_text05{
	width: 100%;
	top: 390px;
	font-size: 15px;
	color: #A1A8B8;
}









/* Section 6 */

.s6 .m06_img01 {width: 120px; height: 140px;background: url(img/m06_img01.png) no-repeat 0px 0px;}
.s6 .m06_img02 {width: 120px; height: 140px;background: url(img/m06_img02.png) no-repeat 0px 0px;}
.s6 .m06_img03 {width: 120px; height: 140px;background: url(img/m06_img03.png) no-repeat 0px 0px;}
.s6 .m06_img04 {width: 80px; height: 48px;background: url(img/m06_img04.png) no-repeat 0px 0px;}
.s6 .m06_img05 {width: 27px; height: 27px;background: url(img/m06_img05.png) no-repeat 0px 0px;}
.s6 .m06_img06 {width: 80px; height: 48px;background: url(img/m06_img06.png) no-repeat 0px 0px;}

.s6 .box_01,.s6 .box_02 {
	position: relative;
}
.s6 .box_01 div,.s6 .box_02 div {
	position: absolute;
}

.s6 .box_01 {
	width: auto;
	height: 480px;
}
.s6 .box_02 {
	background: #F3F6FB;
	/*height: 330px;*/
	height: 250px;
	margin-bottom: 200px;
}

.s6 .box_02>ul{
	position: relative;
	width: 1100px;
	/*width: 830px;3단일 경우 */
	top: -105px;
	margin: 0 auto;
}
.s6 .box_02>ul>ol{
	position: relative;
	width: 260px;
	/*height: 480px;*/
	height: 380px;
	margin-right: 20px;
	float: left;
	background: #485676;
}
/* 임시로 아래 두개 항목 대체
.s6 .box_02>ul>ol:last-child{
	margin-right: 0px;
	background: none;
}*/
.s6 .box_02>ul>ol:last-child{
	margin-right: 0px;
}
.s6 .box_02>ul>ol:last-child,
.s6 .box_02>ul>ol:nth-child(3){
	background: none;
}

.s6 .m06_text01{
	font-size: 26px;
	font-family: GmarketSansBold;
	color: #64FFFF;
	left: 40px;
	top: 40px;
}
.s6 .m06_text02{
	font-size: 20px;
	color: #58BBC8;
	left: 40px;
	top: 75px;
}
.s6 .m06_text03{
	font-size: 17px;
	line-height: 23px;
	color: #979FB1;
	left: 40px;
	top: 153px;
}
.s6 .m06_text04{
	font-size: 15px;
	line-height: 23px;
	font-family: GmarketSansMedium;
	color: #485676;
	left: 22px;
	top: 22px;
}
.s6 .m06_text05{
	font-size: 13px;
	line-height: 20px;
	font-family: GmarketSansMedium;
	color: #757F98;
	left: 22px;
	top: 90px;
}

.s6 .m06_btn01, .s6 .m06_btn02, .s6 .m06_btn03{
    margin: 0 30px;
    font-size: 17px;
    line-height: 22px;
    padding-top: 15px;
    height: 55px;
}
.s6 .m06_btn01{
	top: 230px;
	width: 165px;
}
.s6 .m06_btn02{
	top: 320px;
}
.s6 .m06_btn03{
	top: 410px;
}
.s6 .box_02 span {
	font-size: 15px;
	opacity: 0.8;
	font-family: GmarketSansLight;
}

.s6 .m06_img01, .s6 .m06_img02, .s6 .m06_img03 {
	right: 0px;
	top: 65px;
}
.s6 .m06_img04, .s6 .m06_img06 {
	right: 30px;
	bottom: 0px;
}
.s6 .m06_img05 {
	right: 15px;
	top: 21px;
	opacity: 0.5;
}

.s6 .box_02>ul>ol:last-child>a>div,
.s6 .box_02>ul>ol:nth-child(3)>a>div{
	position: relative;
	height: 138px;
    width: 100%;
    background: #FFF;
    border: 1px solid #CFD3DD;
    margin-bottom: 25px;
	box-shadow: 0px 5px 0px #C8C9CE;
}
.s6 .box_02>ul>ol:last-child>a>div:hover,
.s6 .box_02>ul>ol:nth-child(3)>a>div:hover{
	top: -3px;
	box-shadow: 0px 8px 0px #C8C9CE;
}






/* Section 7 */

.s7>.box_01,.s7>.box_02 {
	position: relative;
	text-align: center;
}
.s7>.box_01 div,.s5 .box_02 div {
	position: absolute;
}

.s7>.box_01 {
	width: auto;
	height: 320px;
}
.s7>.box_02 {
	background: #F3F6FB;
	height: 450px;
	margin-bottom: 150px;
}

/* 문의하기 가져온 스타일 */

	.s07_img01 {background: url(img/s07_img01.png) no-repeat; width: 240px;	height: 250px;}
	.s07_img02 {background: url(img/s07_img02.png) no-repeat; width: 450px;	height: 250px;}
	.s07_img03 {background: url(img/s07_img03.png) no-repeat; width: 220px;	height: 220px;}


	.s7>.bgc_01 {
		background-color: #F3F6FB;
		height: 840px;
		margin-top:460px;
		width: 100%;
		position: absolute;
	}
	.s7 .main{
		width: 950px;
		margin: 65px auto 500px;
		text-align: left;
		height: 1300px;
		position: relative;
		background-color: #f4f4f6;
		z-index: 11000;
	}
	.s7 .main>.s07_img01{
		position: absolute;
		top: 260px;
		left: 260px;
		z-index: 90;
	}
	.s7 .main>.box_01{
		background-color: #485676;
		width: 450px;
		display: inline-block;
		float: left;
	}
	.s7 .main .box_02{
		height: 380px;
		margin:50px 0px 0px 50px;
	}
	.s7 .main .box_02>ul>h1{
		font-size: 32px;
		line-height: 38px;
	}
	.s7 .main .box_02>ul>h3{
		margin: 40px 0px 30px;
	}
	.s7 .main .box_01 ul h6{
		margin-bottom: 13px;
		font-size: 15px;
	}
	.s7 .main .box_01 ul h6>span{
		background-color: #314165;
		padding: 4px 8px;
		border-radius: 12px;
		margin-right: 8px;
		color: #CFD3DD;
	}
	.s7 .main .box_01 ul h6>b{
		color: #97a3bd;
		margin-left: 3px;
		font-weight: 500;
	}
	.s7 .main .box_03{
		background-color: #1C2C54;
		display: inline-block;
		width: 100%;
		height: 870px;
		position: relative;
	}
	.s7 .main .box_03 ul{
		margin-left: 50px;
	}
	.s7 .main .box_03>.s07_img02{
		position: absolute;
		z-index: 10;
	}
	.s7 .main .box_03>ul>h1{
		margin: 100px 0px 30px;
		font-size: 28px;
		color: #FDD469;
	}
	.s7 .main .box_03>ul>h3{
		margin-bottom:15px;
	}
	.s7 .main .box_03>ul>h3 b{
		color: #64FFFF;
	}
	.s7 .main .box_03>ul>h4{
		margin-top: 25px;
		line-height: 21px;
		font-size: 14px;
	}
	.s7 .main .box_03>ul>h4 span{
		background-color: #0b1b42;
		padding: 4px 8px;
		border-radius: 20px;
		margin-right: 8px;
		opacity: 80%;
	}
	.s7 .main .box_03>ul>h4 b{
		margin: 0 4px;
		opacity: 50%;
		font-weight: 300;
	}
	.s7 .main .box_03>ul>.gift_01{
		background-color: #001E4E;
		width: 150px;
		height: 150px;
		border-radius: 150px;
		position: relative;
		margin: 20px 50px 30px;
	}
	.s7 .main .box_03>ul h6{
		margin-top: 10px;
		color: #9da8bf;
	}
	.s7 .main .box_03>ul>.gift_01>.s07_img03{
		position: absolute;
		top: -28px;
		left: -11px;
	}
	.s7 .main>.box_04{
		float: left;
		padding: 40px 0px 0px 50px;
		width: 400px;
	}
	.s7 .main>.box_04>h3{
		color: #A1A8B8;
		margin-bottom: 5px;
	}
	.s7 .main>.box_04 .form{
		position: relative;
		width:100%;
		height:1205px;
		overflow: hidden;
	}
	.s7 .main>.box_04 .box_06{
		height: 20px;
		overflow: hidden;
	}
	.s7 .main>.box_04 .box_06>.box_07{
		background-color: #fff;
		border: 1px solid #dadce0;
		border-radius: 8px;
		height: 50px;
		width: 394px;
		margin: 0 auto;
	}
	.s7 .main>.box_04 .form>div{
		position:absolute;
		top: -95px; /*구글 폼 제목 띄어스기만 적용*/
		left: -20px;
	}
	.s7 .main>.box_04 .form>div iframe{
		width: 440px;
	}









/*제품 할인 미적용 201111*/
.s4 .box_02 .m04_bg01{
	height: 370px;
}
.s4 .box_03 {
	padding-top: 130px;
}
.s4 .box_03 .m04_taxt09>span {
	top: 110px;
}
.s4 .box_03 .m04_taxt10>span {
	top: 73px;
}