@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');
	}
	@font-face {
	    font-family: 'TmoneyRoundWindExtraBold';
	    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindExtraBold.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'TmoneyRoundWindRegular';
	    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindRegular.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
	@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');


/* basic */

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

	.clear {clear: both;}
	.wrap {
		width: 100%;
		min-width: 1000px;
		z-index: 10;
		overflow-y:hidden;
		overflow-x:hidden;
	}
	.section {
		position: relative;
		min-height: 600px;
		width: 1000px;
		margin: 0 auto;
		z-index: 1000;
		text-align: center;
		margin-bottom: 150px;
	}
	.main {
		width: 950px;
		position: relative;
		margin: 0 auto;
		text-align: left;
	}
	.bgc {
		width: 100%;
		position: absolute;
	}


/*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 */
	.subMenu {
		position: fixed;
		height: 40px;
		z-index: 10000;
		width: 328px;
		top: 140px;
		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;}

	.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;
	}
	.navi_img_01 {
		background-color: #00ABEB;
		width: 40px;
		height: 44px;
		margin: 0 auto;
		-webkit-transform: skewx(-10deg) ;
		-moz-transform: skewx(-10deg);
		-ms-transform: skewx(-10deg) ;
		-o-transform: skewx(-10deg);
		transform: skewx(-10deg);
	}


/* btn */
	button {
		width: 210px;
		height: 55px;
		border: 1px solid #ffffffba;
		border-radius: 10px;
		font-family: GmarketSansMedium;
		font-size: 20px;
		line-height: 55px;
		color: #fff;
		background: none;
		box-shadow: 0px 2px 4px #0000007d;
	}
	button svg {
		opacity: 40%;
		font-size: 24px!important;
		float: right;
		margin: 13px 20px 0px 0px;
	}
	a:hover>button {
		background: #ffffff17;
		box-shadow: 0px 4px 5px #0000007d;
		transform: translateY(-1px);
		transition: 0.3s;
		cursor: pointer;	
	}
	a:active>button {
		transform: translateY(0px);
		transition: 0.3s;
	}


/* images */
	.s01_img_logo {background: url(../img/s01_img_logo.png) no-repeat; width: 84px;	height: 25px;}
	.s01_img01 {background: url(img/s01_img01.png) no-repeat; width: 950px;	height: 750px;}
	.s01_img02 {background: url(img/s01_img02.png) no-repeat; width: 330px;	height: 280px;}
	.s01_img04 {background: url(img/s01_img04.png) no-repeat; width: 105px;	height: 90px;}
	.s01_img05 {background: url(img/s01_img05.png) no-repeat; width: 700px;	height: 493px;}

	.s02_img01 {background: url(img/s02_img01.png) no-repeat; width: 1920px;height: 1140px;}
	.s02_img02 {background: url(img/s02_img02.png) no-repeat; width: 269px;	height: 229px;}
	.s02_img03 {background: url(img/s02_img03.png) no-repeat; width: 237px;	height: 275px;}
	.s02_img04 {background: url(img/s02_img04.png) no-repeat; width: 950px;	height: 970px;}
	.s02_img05 {background: url(img/s02_img05.png) no-repeat; width: 950px;	height: 970px;}
	.s02_img06 {background: url(img/s02_img06.png) no-repeat; width: 950px;	height: 970px;}

	.s03_img00 {background: url(img/s03_img00.png) no-repeat; width: 900px;	height: 300px;}
	.s03_img01 {background: url(img/s03_img01.png) no-repeat; width: 130px;	height: 130px;}
	.s03_img02 {background: url(img/s03_img02.png) no-repeat; width: 130px;	height: 130px;}
	.s03_img03 {background: url(img/s03_img03.png) no-repeat; width: 130px;	height: 130px;}
	.s03_img04 {background: url(img/s03_img04.png) no-repeat; width: 130px;	height: 130px;}
	.s03_img05 {background: url(img/s03_img05.png) no-repeat; width: 130px;	height: 130px;}
	.s03_img06 {background: url(img/s03_img06.png) no-repeat; width: 920px;	height: 200px;}
	.s03_img07 {background: url(img/s03_img07.png) no-repeat; width: 500px;	height: 450px;}
	.s03_img08 {background: url(img/s03_img08.png) no-repeat; width: 500px;	height: 450px;}
	.s03_img09 {background: url(img/s03_img09.png) no-repeat; width: 500px;	height: 450px;}
	.s03_img10 {background: url(img/s03_img10.png) no-repeat; width: 500px;	height: 450px;}
	.s03_img11 {background: url(img/s03_img11.png) no-repeat; width: 500px;	height: 450px;}
	.s03_img12 {background: url(img/s03_img12.png) no-repeat; width: 200px;	height: 140px;}
	.s03_img13 {background: url(img/s03_img13.png) no-repeat; width: 200px;	height: 140px;}
	.s03_img14 {background: url(img/s03_img14.png) no-repeat; width: 200px;	height: 140px;}
	.s03_img15 {background: url(img/s03_img15.png) no-repeat; width: 200px;	height: 140px;}

	.s04_img01 {background: url(img/s04_img01.png) no-repeat; width: 230px;	height: 200px;}
	.s04_img02 {background: url(img/s04_img02.png) no-repeat; width: 120px;	height: 80px;}
	.s04_img03 {background: url(img/s04_img03.png) no-repeat; width: 120px;	height: 80px;}
	.s04_img04 {background: url(img/s04_img04.png) no-repeat; width: 260px;	height: 160px;}
	.s04_img05 {background: url(img/s04_img05.png) no-repeat; width: 260px;	height: 160px;}
	.s04_img11 {background: url(img/s04_img11.png) no-repeat; width: 280px;	height: 160px;}
	.s04_img12 {background: url(img/s04_img12.png) no-repeat; width: 280px;	height: 160px;}
	.s04_img13 {background: url(img/s04_img13.png) no-repeat; width: 280px;	height: 160px;}

	.s05_img01 {background: url(img/s05_img01.png) no-repeat; width: 950px;	height: 350px;}
	.s05_img02 {background: url(img/s05_img02.png) no-repeat; width: 130px;	height: 130px;}
	.s05_img03 {background: url(img/s05_img03.png) no-repeat; width: 130px;	height: 130px;}
	.s05_img04 {background: url(img/s05_img04.png) no-repeat; width: 130px;	height: 130px;}
	.s05_img05 {background: url(img/s05_img05.png) no-repeat; width: 130px;	height: 130px;}
	.s05_img06 {background: url(img/s05_img06.png) no-repeat; width: 130px;	height: 130px;}

	.s06_img01 {background: url(img/s06_img01.png) no-repeat; width: 240px;	height: 250px;}
	.s06_img02 {background: url(img/s06_img02.png) no-repeat; width: 450px;	height: 250px;}
	.s06_img03 {background: url(img/s06_img03.png) no-repeat; width: 220px;	height: 220px;}

	.s07_img01 {background: url(img/s07_img01.png) no-repeat; width: 900px;	height: 1020px;}




/* Section 01 */

	.s1 {
		position: relative;
		z-index: 12000;
	}
	.s1 .bgc_01 {
		background-color: #1C2C54;
		height: 750px;
	}
	.s1 .section {
		margin-bottom: 0px;
	}
	.s1 .section>.s01_img01 {
		left: -260px;
		position: absolute;
	}
	.s1 .section>.s01_img02 {
		left: -310px;
		top: 85px;
		position: absolute;
	}
	.s1 .main {
		height: 750px;
	}
	.s1 .main .txt_01 {
		top: 60px;
		right: 0px;
		position: absolute;
		opacity: 70%;
	}
	.s1 .main .txt_01 h6{
		width: 300px;
		position: absolute;
		text-align: right;
		right: 95px;
		color: #fff;
	}
	.s1 .main div>.s01_img03 {
		right: 0px;
		position: absolute;
	}
	.s1 .main>.subMenu {
		position: absolute;	
		filter: brightness(200%);
	}
	.s1 .main ul {
		top: 250px;
		left: 25px;
		position: absolute;
	}
	.s1 .main ul .txt_03{
		font-size: 38px;
		margin-top: 20px;
		text-shadow: 0px 2px 3px #0a193a;
		line-height: 44px;
	}
	.s1 .main ul .txt_03>b{
		font-size: 31px;
		font-family: GmarketSansLight;
	}
	.s1 .main ul>.txt_04{
		font-size: 21px;
		margin-top: 50px;
		text-shadow: 0px 2px 1px #0a193a82;
		z-index: 200;
	    position: relative;
	}
	.s1 .main ul>.txt_04 b{
		font-family: TmoneyRoundWindExtraBold;
		border-bottom: 3px solid #00ABEB;
		box-shadow: inset 0 -16px 0 #00ABEB;
	}
	.s1 .main ul>.box_01 {
		height: 50px;
		margin-top: 50px;
		position: relative;
	}
	.s1 .main ul>.subMenu{ /*상쇄*/
		margin-left: 0px;
		width: 100%;
		top: 0px;
		left: 0px;
	}
	.s1 .main ul>.box_01 .btn_01 {
		background: #1698D6;
		border: #0eaae4 1px solid;
		width: 240px;
	}
	.s1 .main ul>.box_01 .btn_01:hover{
		background: #209cd8;
	}
	.s1 .main ul>.box_01 .btn_01 svg {
		/*margin-right: 40px;*/
	}

	.s1 .main ul>.box_01 .s01_img04 {
		left: 216px;
		top: -20px;
		position: absolute;
	}
	.s1 .main ul>.box_01 .txt_05 {
		left: 325px;
		position: absolute;
		top: 10px;
		color: #64FFFF;
		font-size: 14px;
		line-height: 19px;
	}
	.s1 .main ul>.txt_06 {
		margin-top: 40px;
		font-size: 15px;
	}
	.s1 .main ul>.txt_06 h6 {
		margin-top: 8px;			
	}
	.s1 .main ul>.txt_06 h6 span {
		background-color: #0b1b42;
		padding: 4px 8px;
		border-radius: 20px;
		margin-right: 8px;
		opacity: 60%;
	}
	.s1 .main ul>.txt_06 h6 b {
		margin: 0 8px;
		opacity: 50%;
		font-weight: 500;
	}
	.s1 .main>.s01_img05 {
		top: 329px;
		left: 335px;
	    position: absolute;
	}



/* Section 02 */

	.s2 {
		position: relative;
	}
	.s2 .section {
		margin-bottom: 100px;
	}
	.s2>.section>.txt_01{
		margin-top: 143px;
	}
	.s2 .section>.s02_img02 {
		left: -167px;
		top: 500px;
		position: absolute;
		z-index: 10;
	}
	.s2 .section>.s02_img03 {
		left: 890px;
		top: 300px;
		position: absolute;
		z-index: 10;
	}
	.s2 .section>.main {
		margin-top: 40px;
	}

	/*tab_01*/
		.tab_01 {
			position: relative;
		}
		.tab_01 .tabbed_content {
			width: 975px;
			margin: 0 auto;
		}
		.tab_01 .tabs {
			width: 540px;
			height: 80px;
			position: relative;
			margin-left: 205px;
		}
		.tab_01 .tabs .moving_bg {
			position: absolute;
			width: 168px;
			height: 88px;
			box-shadow: 0px 3px 6px 2px #d1d8e6ba;
			border-radius: 20px;
			border: 1px solid #777;
			margin: -5px 5px;
		}
		.tab_01 .tabs .tab_item {
			float: left;
			width: 160px;
			height: 65px;
			border-radius: 20px;
			cursor: pointer;
			text-align: center;
			padding-top: 15px;
			margin: 0 10px;
			background-color: #1C2C54;
		}
		.tab_01 .tabs .tab_item h1 {
			color: #FDD469;
			font-size: 22px;
		}
		.tab_01 .tabbed_content .slide_content {
			overflow: hidden;
			position: relative;
			width: 975px;
			margin-top: 30px;
		}
		.tab_01 .tabslider {
			width: 2925px; /*975px x 3*/
		}
		.tab_01 .tabslider>div {
			float: left;
			width: 950px;
			margin-right: 25px;
			margin-top: 45px;
		}

		/* tab contents 01 */

		/* tab contents 02 */

		/* tab contents 02 */



/* Section 03 */

	.s3 {
		position: relative;
	}
	.s3>.bgc_01 {
		background-color: #F3F6FB;
		height: 600px;
		margin-top:830px;
	}
	.s3>.section>.txt_01{
		margin-top: 143px;
	}
	.s3>.section>.txt_02{
		margin-top: 30px;
	}
	.s3>.section>.s03_img00{
		margin:40px auto;
	}
	.s3>.section>.s03_img06{
		position: absolute;
		left: 360px;
		top: 1230px;
		opacity: 0.7;
	}
	/*tab_02*/
		.tab_02 {
			margin-top: 90px;
		}
		.tab_02 .tabbed_content {
			width: 975px;
			margin: 0 auto;
		}
		.tab_02 .tabs {
			width: 900px;
			height: 226px;
			position: relative;
			margin-left: 25px;
			color: #fff;
		}
		.tab_02 .tabs .moving_bg {
			position: absolute;
			background-color: #00ABEB;
			width: 160px;
			height: 8px;
			z-index: 200;
			left: 0;
			margin: 0 10px;
			bottom: 0px;
			box-shadow: 0px -15px 30px -2px #000;
		}
		.tab_02 .tabs .moving_bg>b{
			border-bottom: 15px solid #00ABEB;
			border-right: 15px solid transparent;
			border-left: 15px solid transparent;
			position: absolute;
			top: -10px;
			left: 65px;
		}
		.tab_02 .tabs .tab_item {
			background-color: #485676;
			float: left;
			width: 160px;
			height: 226px;
			z-index: 190;
			cursor: pointer;
			position: relative;
			text-align: center;
			margin: 0 10px;
			transition-property:background-color;
			transition-duration:0.5s;
		}
		.tab_02 .tabs .tab_item:hover{
			background-color: #1C2C54;
		}
		.tab_02 .tabs .tab_item>h1 {
			font-size: 20px;
			margin-bottom: 7px;
			margin-top: 120px;
		}
		.tab_02 .tabs .tab_item>h2 {
			font-size: 15px;
			font-size: 15px;
			line-height: 22px;
		}
		.tab_02 .tabs .tab_item>.img_01 {
			left: 20px;
			top: -30px;
			position: absolute;
		}
		.tab_02 .tabbed_content .slide_content {
			overflow: hidden;
			position: relative;
			width: 975px;
			margin-top: 90px;
		}
		.tab_02 .tabslider {
			width: 4875px; /*975px x 5*/
		}
		.tab_02 .tabslider>div {
			float: left;
			width: 975px;
			position: relative;
			color: #485676;
			text-align: left;
		}
		/* tab contents 01 */
			.tab_02 .tabslider div>.img_02 {
				float: left;
			}
			.tab_02 .tabslider div>.box_01 {
				width: 5px;
				height: 70px;
				background-color: #485676;
				float: left;
				margin: 0 15px;
			}
			.tab_02 .tabslider div ul {
				width: 415px;
				float: left;
			}
			.tab_02 .tabslider div ul>.txt_01 {
				font-size: 30px;
				margin-bottom: 10px;
			}
			.tab_02 .tabslider div ul>.txt_02 {
				font-size: 22px;
				font-weight: 700;
				font-family: NanumSquare;
			}
			.tab_02 .tabslider div ul>.txt_03 {
				margin-top: 50px;
			}
			.tab_02 .tabslider div ul>.txt_03 h3 {
				margin-bottom: 15px;
			}
			.tab_02 .tabslider div ul>.txt_03 h3 b {
				color: #1698D6;
			}
			.tab_02 .tabslider div ul>.txt_03 ul div{
				float: left;
				margin: 5px 5px 0px 0px;
			}



/* Section 04 */

	.s4 {
		position: relative;
	}
	.s4>.bgc_01 {
		background-color: #F3F6FB;
		height: 480px;
		margin-top:420px;
	}
	.s4>.section>.txt_01{
		margin-top: 143px;
	}
	.s4>.section>.txt_02{
		margin-top: 30px;
	}
	.s4>.section>.main {
		margin-top:65px;
	}	
	.s4 .main>.box_01 {
		background-color: #485676;
		height: 340px;
	}
	.s4 .main>.box_01 ul {
		margin: 50px 0px 0px 50px;
		float: left;
	}
	.s4 .main>.box_01 ul h4 {
		margin-top: 10px;
		font-weight: 300;
	}
	.s4 .main>.box_01>.s04_img01 {
		position: absolute;
		left: 115px;
		top: 166px;
	}
	.s4 .main>.box_01 ol {
		margin: 50px 0px 0px 100px;
		float: left;
	}
	.s4 .main>.box_01 ol li {
		width: 260px;
		margin-right: 35px;
		float: left;
		position: relative;
		z-index: 100;
	}
	.s4 .main>.box_01 ol li a>.img_02 {
		position: relative;
	}
		/*shadow*/
		.s4 .img_02:before,.s4 .img_02:after{
			z-index: -1;
			position: absolute;
			content: "";
			bottom: 22px;
			left: 5px;
			width: 225px;
			top: 60%;
			background: #0e2048;
			box-shadow: 0 20px 15px #0e2048;
			transform: rotate(-6deg);
		}
		.s4 .img_02:after{
			transform: rotate(6deg);
			right: 5px;
			left: auto;
		}		
	.s4 .main>.box_01 ol li a>.btn_02 {
		margin: 30px auto;
		position: relative;
		display: block;
	}
	.s4 .main>.box_02 {
		background-color: #E8E8ED;
		min-height: 240px;
		width: 950px;
		display: inline-block;
	}
	.s4 .main>.box_02>ul li {
		float: left;
		width: 280px;
		height: 160px;
		background-color: #fff;
		border-bottom: 3px solid #1698D6;
		box-shadow: 0px 2px 6px 0px #bfbfbf;
		margin: 40px 0px 40px 28px;
		position: relative;
	}
	.s4 .main>.box_02>ul li:hover {
		margin-top: 37px;
		border-bottom: 6px solid #1698D6;
		transition: 0.1s;
	}
	.s4 .main>.box_02>ul li h3 {
		font-weight: 700;
		font-size: 18px;
		color: #1698D6;
		margin: 25px;
		line-height: 26px;
	}
	.s4 .main>.box_02>ul li h3>span{
		border-bottom: 2px solid #64FFFF;
		box-shadow: inset 0 -11px 0 #64FFFF;
	}
	.s4 .main>.box_02>ul li p {
		color: #b6bcca;
		position: absolute;
		left: 25px;
		bottom: 10px;
		font-family: GmarketSansLight;
		font-size: 15px;
		line-height: 20px;
	}
	.s4 .main>.box_02>ul li .img_03{
		position: absolute;
		right: 20px;
		bottom: 0px;
	}

	/*다운로드 추가시 내용 수정*/
	.s4 .main>.box_01>.s04_img01 {
		left: 695px;
		top: -18px;
	}
	.s4 .main>.box_01 {
		height: 180px;
	}
	.s4>.bgc_01 {
		height: 320px;
	}



/* Section 05 */

	.s5 {
		position: relative;
	}
	.s5>.bgc_01 {
		background-color: #F3F6FB;
		height: 530px;
		margin-top:460px;
	}
	.s5>.section {
		height: 1080px;
	}
	.s5>.section>.txt_01{
		margin-top: 143px;
	}
	.s5>.section>.txt_02{
		margin-top: 30px;
	}
	.s5>.section>.main {
		margin-top:65px;
	}
	.s5 .main>.box_01>ul{
		position: relative;
		top: 50px;
		left: 50px;
	}
	.s5 .main>.box_01>ul h3 {
		margin-bottom: 15px;
	}
	.s5 .main>.box_01>ul .btn_03{
		margin: 47px 25px 0px 0px;
	}
	.s5 .main>.box_02{
		height: 330px;
		background-color: #E8E8ED;
	}
	.s5 .main>.box_02>h4{
		margin: 20px 35px 0px;
		display: inline-block;
		color: #99a0b7;
	}
	.s5 .main>.box_02 ul {
		margin: 10px 35px 0px;
		display: inline-block;
	}
	.s5 .main>.box_02 ul li {
		float: left;
		width: 160px;
		height: 225px;
		background-color: #485676;
		margin-right: 20px;
		text-align: center;
		position: relative;
		box-shadow: 0px 5px 0 #a8b3ca;
	}
	.s5 .main>.box_02 ul li:hover{
		background: #3e4c6b;
		box-shadow: 0px 7px 0 #a8b3ca;
		transform: translateY(-2px);
		transition: 0.3s;
	}
	.s5 .main>.box_02 ul li:hover svg{
		color: #3e4c6b;
	}
	.s5 .main>.box_02 ul li:last-child {
		margin-right: 0px;
	}
	.s5 .main>.box_02 ul li>.img_01{
		margin: -30px auto 0px;
	}
	.s5 .main>.box_02 ul li>h1{
		font-size: 20px;
		margin: 20px 0px 12px;
	}
	.s5 .main>.box_02 ul li>h4{
		line-height: 24px;
		color: #E8E8ED;
	}
	.s5 .main>.box_02 ul li>svg{
		font-size: 100px;
		position: absolute;
		right: -30px;
		top: 110px;
		color: #485676;
	}



/* Section 06 */

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



/* Section 07 */

	.s7 {
		position: relative;
	}
	.s7>.bgc_01 {
		background-color: #F3F6FB;
		height: 920px;
		margin-top:460px;
	}
	.s7>.section {
	}
	.s7>.section>.txt_01{
		margin-top: 143px;
	}
	.s7>.section>.txt_02{
		margin-top: 30px;
	}
	.s7>.section>.main {
		margin-top:65px;
	}
	.s7 .main>.s07_img01{
	}



/*layer popup*/
	.modal{
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		bottom:0;
		background-color:rgba(0,0,0,.8);
		z-index: -1;
		opacity:0;
		transition:all 0.5s;
	}
	.modal.on{
		opacity:1;
		z-index:1000000;
	}
	.modal_container{
		width: 700px;
		height: 700px;
		/*height: 840px;*/
		background-color: #eee;
		margin: -350px 0px 0px -350px;
		top: 50%;
		left: 50%;
		position: relative;
	}
	.modal .m_content .box_01{
		width: 240px;
		height: 500px;
		/*height: 640px;*/
		padding-left: 40px;
		float: left;
		background-color: #485676;
	}
	.modal .m_content .box_01>h1{
		margin: 70px 0px 5px;
	}
	.modal .m_content .box_01>h4{
	}
	.modal .m_content .box_01>h2{
		margin-top: 50px;
		font-size: 25px;
		line-height: 35px;
	}
	.modal .m_content .box_01>.s04_img01{
		position: absolute;
		z-index: 10;
		/*bottom: 320px;
		left: 105px;*/
		bottom: 310px;
		left: 150px;
		width: 184px;
		height: 160px;
		background-size: cover;
	}
	.modal .m_content .s05_img01{
		background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) ),url(img/s05_img01.png) 71%;
		background-size: cover;
	}
	.modal .m_content .box_01>a button{
		position: absolute;
		bottom: 245px;
	}
	.modal .m_content .box_01>h6{
		color: #7B869D;
		position: absolute;
		bottom: 87px;
		width: 220px;
		z-index: 20;
	}
	.modal .m_content .box_02{
		width: 280px;
		height: 212px;
		position: absolute;
		background-color: #1C2C54;
		bottom: 0px;
		z-index: 10;
	}
	.modal .m_content .box_03{
		width: 390px;
		float: right;
	}
	.modal .m_content .form{
		position: relative;
		width:100%;
		height: 680px;
		/*height:825px;*/
		overflow: hidden;
	}
	.modal .m_content .form>div{
		position:absolute;
		top: -110px;
		left: -10px;
	}
	.modal .m_content .form>div iframe{
		width: 380px;
	}