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


/* images */
	.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: 430px;	height: 556px;}
	.s01_img06 {background: url(img/s01_img06.png) no-repeat; width: 237px;	height: 275px;}

	.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;}
	
	.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;}


/* Section 01 */

	.s1 {
		position: relative;
		z-index: 12000;
	}
	.s1 .bgc_01 {
		background-color: #1C2C54;
		height: 600px;
	}
	.s1 .section {
		margin-bottom: 0px;		
	}
	.s1 .section>.s01_img_slide {
		left: -320px;
		position: absolute;
		height: 600px;
	}
	.s1 .section>.s01_img02 {
		left: -310px;
		top: 85px;
		position: absolute;
	}
	.s1 .main {
	}
	.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 !important;	
		filter: brightness(200%);
		margin-left: 75px !important;
		top: 120px !important;
	}
	.s1 .main ul {
		top: 190px;
		left: 530px;
		position: absolute;
	}
	.s1 .main ul .txt_02{
		font-size: 17px;
		font-weight: 300;
		opacity: 80%;
	}
	.s1 .main ul .txt_03{
		font-size: 32px;
		font-family: GmarketSansLight;
		line-height: 48px;
		opacity: 80%;
	}
	.s1 .main ul>.txt_04{
		font-size: 55px;
		margin-top: 25px;
		text-shadow: 4px 4px 5px #050f264a;
		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: 205px;
	}
	.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: 35px;
		opacity: 80%;
	}
	.s1 .main ul>.txt_06 h6 {
		margin-top: 7px;		
	}
	.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: 120px;
		left: 54px;
	    position: absolute;
	}
	.s1 .main>.s01_img06 {
		top: 500px;
		left: 850px;
		position: absolute;
	}


/* Section 02 */

	.s2 {
		position: relative;
	}
	.s2 .bgc_01 {
		background-color: #F3F6FB;
		height: 100%;
	}
	.s2 .section {
		height: 860px;
		margin-bottom: 0px;
	}
	.s2>.section>.txt_01{
		position: relative;
		top: 180px;
		line-height: 34px;
	}
	.s2>.section>.txt_01 b{
		color: #00ABEB;
	}
	.s2 .section>.s02_img02 {
		left: 716px;
		bottom: -127px;
		position: absolute;
		z-index: 10;
	}
	.s2 .section>.main {
		top: 220px;
	}
	.s2 .section>.main>ul{
		margin-top: 51px;
		width: 221px;
		height: 410px;
		margin-right: 31px;
		border-right: 1px solid #d8dee7;
		float: left;
		text-align: center;
		color: #848ea9;
	}
	.s2 .section>.main>ul:nth-child(3) {
		height: 303px;
	}
	.s2 .section>.main>ul:last-child{
		width: 190px;
		border-right: 0px;
		margin-right: 0px;
	}
	.s2 .section>.main>ul>h2{
		width: 190px;
		margin-top: -51px;
		color:#485676;
		font-weight: 700;
	}
	/*btn*/
		.s2 .section>.main>ul li{
			width: 190px;
			height: 90px;
			border-radius: 10px;
			box-shadow:-8px -8px 10px #fff, 8px 8px 10px #d9dee9;
			margin: 18px 0px;
			font-family: TmoneyRoundWindRegular;
			font-size: 14px;
			color: #485676;	
			text-align: center;
		}
		.s2 .section>.main>ul li div{
			background-position: -5px -60px;
			width: 190px;
			height: 60px;
		}
		.s2 .section>.main>ul li:hover {			
			box-shadow:-6px -6px 8px #fff, 10px 10px 8px #d9dee9;
			transform: translateY(-2px);
			transition: 0.3s;
			cursor: pointer;
		}
		.s2 .section>.main>ul li>.box_01{
			margin: 3px auto 0px;
		}
		.s2 .section>.main>ul li:hover>.box_01 {
			background-position: -5px 0px;
		}


/* Section 05 */

	.s5 {
		position: relative;
		height: 1270px;
	}
	.s5 .box_01 {
		display: flex;
		justify-content: center;
	}
	.s5 .bgc_01 {
		background-color: #1C2C54;
		height: 1090px;
	}
	.s5 .txt_01{
		position: absolute;
		text-align: center;
		top: 180px;
	}
	.s5 .txt_01 span{
		font-family: GmarketSansLight;
		font-size: 22px;
		line-height: 34px;
	}
	.s5 .s05_img01{
		min-width: 950px;
		max-width: 1200px;
		width: 100%;
		position: relative;
		top: 280px;
	}
	.s5 .main{
		top: 220px;
		z-index: 1100;
	}
	.s5 .main>.box_02{
		height: 330px;
		margin-top: 75px;
	}
	.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;
		transition: 0.3s;
	}
	.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: 67px;
		color: #485676;
	}


/* Section 06 */

	.s6 {
		position: relative;
	}
	.s6>.bgc_01 {
		background-color: #F3F6FB;
		height: 840px;
		margin-top:460px;
	}
	.s6>.section {
		height: 2500px;
	}
	.s6>.section>.txt_01{
		margin-top: 143px;
	}
	.s6>.section>.txt_02{
		margin-top: 30px;
	}
	.s6 .main{
		height: 1330px;
		position: relative;
		background-color: #f4f4f6;
		margin-top: 65px;
		z-index: 11000;
	}
	.s6 .main>.s06_img01{
		position: absolute;
		top: 270px;
		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: 900px;
		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:1235px;
		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>.box_05{
		position:absolute;
		top: -90px; /*구글 폼 제목 띄어스기만 적용*/ 
		left: -20px;
	}
	.s6 .main>.box_04 .form>.box_05 iframe{
		width: 440px;
	}



/*구글폼 변경*/
/*.freebirdFormviewerViewHeaderHeader,
.freebirdFormviewerViewNavigationPasswordWarning,
.freebirdFormviewerViewFooterEmbeddedBackground,
.freebirdFormviewerViewNavigationClearButton {
	display: none !important;
}

.freebirdFormviewerComponentsQuestionBaseRoot {
	padding: 12px 24px !important;
}
.docssharedWizToggleLabeledContainer .freebirdFormviewerComponentsQuestionCheckboxCheckbox{
	padding: 4px 8px 4px 0px !important;
}
.quantumWizTextinputPaperinputCounterErrorHolder{
	display: none !important;
}
.freebirdFormviewerComponentsQuestionBaseHeader{
	margin-bottom: 0px !important;
}

.freebirdFormviewerViewNumberedItemContainer:nth-child(3) {
	width: 42% !important;
	float: left !important;
}
.freebirdFormviewerViewNumberedItemContainer:nth-child(4) {
	width: 54% !important;
	float: left !important;
	margin-left: 4% !important;
}
.freebirdFormviewerViewNumberedItemContainer:nth-child(5) {
	clear: both !important;
}*/