@charset "UTF-8";
@font-face {
    font-family: 'GmarketSansLight';
    src: url('/font/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('/font/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* header */
header{position: relative; width:100%; padding:1px 0; z-index:100; margin-bottom:-1px;}
	.top_nav{
		padding:20px 7%;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom:1px solid #eee;
	}
	.top_nav > div:after{display:none !important;}
	.top_nav .header_right{justify-content: flex-end; margin-left: auto; padding-right:3vw;}

	.top_nav .header_logo{width:160px; max-width:30%;}
	.top_nav .header_logo img{
		width:100%; height:auto;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.top_nav .header_menu{}
	.top_nav .nav_style{
		font-family: 'GmarketSansMedium'; font-size:18px;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
		height:36pt;
	}
	.top_nav .nav_style li{display:table; margin:0 10px; height:100%;}
	.top_nav .nav_style li:fisrt-child{margin-left:0;}
	.top_nav .nav_style li:last-child{margin-right:0;}
	.top_nav .nav_style li a{
		display:table-cell;	height:100%; vertical-align:middle;
		padding:3px 20px 0;
		border:1px solid rgba(255, 255, 255, 0);
		box-sizing: border-box;
			-webkit-border-radius: 50pt;
			-ms-border-radius: 50pt;
		border-radius: 50pt;
	}
	.top_nav .nav_style li a:hover{border:1px solid #ddd; background-color:#fff;}
	.top_nav .nav_style li.on a{border:1px solid #a0cc00; background-color:#a0cc00; color:#fff;}

	.top_nav .nav_style .user{
		border:1px solid #ddd; margin-right:0; font-size:14px; background-color:#fff;
			-webkit-border-radius: 50pt;
			-ms-border-radius: 50pt;
		border-radius: 50pt;
	}
	.top_nav .nav_style .user a{color:#666; border:0;}
	.top_nav .nav_style .user a:hover{color:#222; border:0;}
	.top_nav .nav_style .user a:after{
		content:"|"; padding-left:2pt; padding-right:5pt;
		font-family: 'GmarketSansLight'; color:#ccc;
	}
	.top_nav .nav_style .user a:last-child:after{display:none;}
	.top_nav .nav_style .user a:first-child{padding-right:0;}
	.top_nav .nav_style .user a:last-child{padding-left:0;}
	.top_nav .nav_style .user i{display:none; font-size:28px;}
	.top_nav .nav_style .reservation{font-family: 'GmarketSansBold';}
	.top_nav .nav_style .btn_hamburger{display:none;}
	.top_nav .nav_style .btn_hamburger a{
		padding: 3px 10px 0;
		border:1px solid #222; background:#222; color:#fff;
	}
	.top_nav .nav_style .btn_hamburger a:hover{border:1px solid #222; background:#222; color:#fff;}
	.top_nav .nav_style .btn_hamburger i{font-size:28px; font-weight:600;}

	.scroll-to-fixed-fixed{
		padding:10px 7%; border:0;
		background-color:rgba(255, 255, 255, 1);
			-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
	}
	.scroll-to-fixed-fixed .header_logo img{width:120px; max-width:80%;}


/* 스와이프 메뉴 */
nav{
    width:400px; max-width:90%; height:100%;
    background-color:#212121; padding:0 5%;
    position: fixed; left: 0px; top: 0; z-index: 5000;
    overflow-y: auto; overflow-x: visible;
    	-webkit-transform:translate(-650px,0);
		-webkit-backface-visibility: hidden;
	transform: translate(-650px,0);}
	nav .nav_header{position:relative; width:100%; padding-top:30pt;}
	nav .nav_header .box_logo{width:130px;}
	nav .nav_header .box_btn{position: absolute; right:-10%; top:15pt;}
	nav .nav_header .box_btn i{color:#fff; font-weight:100; font-size:250%;}
	nav .nav_con{
		font-family: 'GmarketSansMedium'; font-size:17px;
	}
	nav .nav_con ul{margin-top:10pt;}
	nav .nav_con li{border-bottom:1px solid rgba(255,255,255,0.1);}
	nav .nav_con li:first-child{border-top:0;}
	nav .nav_con li a{
		display:block; padding:15pt 0 12pt 0;
		color:#999;
	}
	nav .nav_con li a:hover{color:#fff;}
	nav .nav_con .reservation{
		margin-top:20pt; border-top:0; background:#a0cc00; text-align:center;
		font-family: 'GmarketSansBold';
			-webkit-border-radius: 50pt;
			-ms-border-radius: 50pt;
		border-radius: 50pt;
	}
	nav .nav_con .reservation a{color:#fff;}
	nav .nav_con .btns{margin-top:15pt;}
	nav .nav_con .btns a{
		width:47%; text-align: center; padding: 12pt 0 10pt 0;
		background:#000; color:#666;
			-webkit-border-radius: 50pt;
			-ms-border-radius: 50pt;
		border-radius: 50pt;
	}
	nav .nav_con .btns a:hover{color:#fff;}
.ssm-overlay{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.7); display:none; z-index:1100; -webkit-backface-visibility: hidden;}

/* 메인 */
main{}
	main > section{
		position: relative; min-height:100vh;
		background-size:cover;
			display: -ms-flexbox;
			display: -webkit-flex;
		display: flex;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
		justify-content: center;
			-webkit-align-items: center;
			-ms-flex-align: center;
		align-items: center;
			-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	main > section > .box{
		padding:100pt 0 50pt; margin:0;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
		justify-content: center;
			-webkit-align-items: center;
			-ms-flex-align: center;
		align-items: center;

		-ms-flex-pack: center;

	}
	main > section > .box h1{
		display:block; width:80%; margin:0 auto; text-align:center;
		font-family: 'GmarketSansLight'; font-size:46pt; letter-spacing:-4pt; line-height:120%;
	}
	main > section > .box h1 strong{display:inline-block; font-family: 'GmarketSansBold';}
	main > section > .box h2{
		display:block; width:80%; margin:0 auto 30pt; text-align:center;
		font-family: 'GmarketSansLight'; font-size:xxx-large; color:#222;
		letter-spacing:-2pt; line-height:1.125em;
		word-break:keep-all;
	}
	main > section > .box h2 strong{display:inline-block; font-family: 'GmarketSansBold';}
	main > section > .box h2 .ico img{width:120px; height:auto; margin-bottom:20pt;}

	main #main_visual{
		background-color: #fbea60; margin-top:-103px;
		background-image:url('/ilearn/img/main_bg_visual.jpg'); background-position:bottom; background-size:100%;
		}
		main #main_visual .box{
			padding-top:10vh; padding-bottom:0; margin-bottom:0;
			height: 100vh; min-height:600px;
				display: -ms-flexbox;
				display: -webkit-flex;
			display: flex;
			justify-content: space-between;
		}
		main #main_visual .box > div{}
		main #main_visual .box > div.txt{
			flex: 0 0 auto;
				-webkit-align-self: center;
				-ms-flex-item-align: center;
			align-self: center;
		}
		main #main_visual .box > div.visual{
			width:680px; margin-left:auto;
				-webkit-align-self: flex-end;
				-ms-flex-item-align: end;
			align-self: flex-end;
		}
		main #main_visual .box > div.visual .children{position: relative; z-index:1;}
		main #main_visual h1{width:100%; color:#f25c23;}
		main #main_visual h1 br{display:none;}
		main #main_visual h1 .wi{display:block; width:380px; max-width:70%; margin:2vh 0;}
		main #main_visual h3{display:block; margin-top:10vh; font-family: 'GmarketSansLight'; font-size:24pt; line-height:130%; color:#222; letter-spacing:-2px;}
		main #main_visual h3 strong{display:block; font-family: 'GmarketSansMedium';}
		main #main_visual h5{display:block; margin-top:3vh; font-weight:300; font-size:110%; line-height:120%; color:#444;}
		main #main_visual h5 span{display:block; margin-bottom:1.5vh;}
		main #main_visual h5 span:last-child{margin-bottom:0;}
		main #main_visual .btn_area{padding-top:2vh;}
		main #main_visual .btn_start{
			display:inline-block; padding:15pt 20pt 12pt; background:#f25c23;
			font-family: 'GmarketSansBold'; font-size:x-large; color:#fff;
				-webkit-border-radius: 50pt;
				-ms-border-radius: 50pt;
			border-radius: 50pt;
		 }
		 main #main_visual .btn_start:hover{background:#222; margin-left:5pt;}


		main #banner_event{
			position: absolute; top:120px; right:7%; z-index:1;
			width:218px;
		}
		main #banner_event .btn_close{position: absolute; top:0; right:0; padding:5pt;}
		main #banner_event .btn_close i{color:#fff; font-size:20pt;}

	main #main_attention{background-image:url('/ilearn/img/main_bg_attention.jpg'); background-position:bottom;}
		main #main_attention ul{
				display: -ms-flexbox;
				display: -webkit-flex;
			display: flex;
				-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
			justify-content: space-between;
				-webkit-align-items: stretch;
				-ms-flex-align: stretch;
			align-items: stretch;
		}
		main #main_attention ul li{
			width:30%; background:#fff; padding:30pt;
			font-family: 'GmarketSansLight'; font-size:x-large; line-height:1.3em;
			word-break:keep-all; text-align:Center;
				-webkit-border-radius: 15pt;
				-ms-border-radius: 15pt;
			border-radius: 15pt;
			box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
		}
		main #main_attention ul li strong{font-family: 'GmarketSansBold';}
		main #main_attention ul li:nth-child(1) strong{color:#247c48;}
		main #main_attention ul li:nth-child(2) strong{color:#7e3c8a;}
		main #main_attention ul li:nth-child(3) strong{color:#a53d2a;}
		main #main_attention ul li .ico{display:block;  margin:0 auto 10pt;}
		main #main_attention ul li .ico img{width:auto; height:120px;}

	main #main_strength{background-color: #4ECDC4;}
		main #main_strength h2{color:#fff;}
		main #main_strength h2 .num{
			position: relative; width:50pt; height:50pt; background:#fff; margin:0 auto 20pt;
				-webkit-border-radius: 50%;
				-ms-border-radius: 50%;
			border-radius: 50%;
		}
		main #main_strength h2 .num span{
			position: absolute; top:50%; left:50%; margin-top:4pt;
			font-family: 'GmarketSansBold'; color:#4ecdc4;
				-webkit-transform:translate(-50%, -50%);
				-moz-transform:translate(-50%, -50%);
				-ms-transform:translate(-50%, -50%);
			transform: translate(-50%, -50%)
		}
		main #main_strength ul{
			margin-bottom:70pt; padding-bottom:30pt;
			border-bottom:1px dashed rgba(255, 255, 255, 0.5);
				display: -ms-flexbox;
				display: -webkit-flex;
			display: flex;
				-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
			justify-content: space-between;
				-webkit-align-items: stretch;
				-ms-flex-align: stretch;
			align-items: stretch;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		main #main_strength ul:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0;}
		main #main_strength ul li{
			width:30%; word-break:keep-all; text-align:Center; margin: 0 auto 30pt;
		}
		main #main_strength ul li a{
			padding:30pt 29pt; height:100%; cursor:default;
				-webkit-border-radius: 15pt;
				-ms-border-radius: 15pt;
			border-radius: 15pt;
		}
		main #main_strength ul li a:hover{background: rgba(255, 255, 255, 0.15); }
		main #main_strength ul li .ico{
			position: relative; background:#fff; width:120pt; height:120pt; margin:0 auto 20pt;
				-webkit-border-radius: 50%;
				-ms-border-radius: 50%;
			border-radius: 50%;
		}
		main #main_strength ul li .ico img{
			position: absolute; top:50%; left:50%;
			width:55%;
				-webkit-transform:translate(-50%, -50%);
				-moz-transform:translate(-50%, -50%);
				-ms-transform:translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		main #main_strength ul li .txt{ }
		main #main_strength ul li .txt h3{font-family: 'GmarketSansBold'; font-size:x-large; color:#fff799; line-height:110%;}
		main #main_strength ul li .txt span{display:block; font-size:14pt; line-height:1.25em; color:#fff; margin-top:10pt; font-weight:300;}

	main #main_product{background-color:#f7f7f7;}
		main #main_product .box{width:100%; max-width:750px;}
		main #main_product .product{ margin:50pt auto; padding:30pt 0; background:#ffff;}
		main #main_product .product .ico{margin-bottom:5pt;}
		main #main_product .product .txt{padding:15pt; font-size:13px; font-weight:300; text-align:right; color:#999; line-height:100%; word-break:keep-all;}
		main #main_product .product .txt b{display:block; font-size:110%; margin-bottom:5px;}
		main #main_product ul{}
		main #main_product ul:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
		main #main_product ul li{width:48%;}
		main #main_product ul li:first-child{float:left;}
		main #main_product ul li:last-child{float:right;}
		main #main_product ul li dl{position: relative; margin-bottom:20pt; font-size:18pt;}
		main #main_product ul li dl dt{
			display:inline-block; background:#fe564d; padding-top:6pt; margin-top:-4.5pt; margin-right:5pt;
			font-family: 'GmarketSansBold'; color:#fff; font-size: 85%;
			width:22pt; height:22pt; text-align:center;
				-webkit-border-radius: 50%;
				-ms-border-radius: 50%;
			border-radius: 50%;
		}
		main #main_product ul li dl dd{display:inline-block; font-family: 'GmarketSansMedium';}

	main #main_detail{background-color:#fac7c6;}
		main #main_detail ul{width:100%; max-width:900px; margin:0 auto 30pt;}
		main #main_detail li{
			 position: relative; padding-top:30pt; padding-left:30pt; margin-top:50pt; font-size:16px;
		}
		main #main_detail li .photo{
			position: absolute; top:0; left:0;
			box-shadow: 0 8px 10px rgba(0, 0, 0, 0.15);
		}
		main #main_detail li .txt{background:#fff; padding:50px; padding-left:320px;}
		main #main_detail li .txt .t1{font-family: 'GmarketSansBold'; font-size:200%; color:#222; word-break:keep-all;}
		main #main_detail li .txt .t2{
			margin-top: 20pt; font-size: 140%; letter-spacing: -1px; line-height: 140%; color: #333; word-break:keep-all;
			width:100%; max-width:460px;
		}
		main #main_detail li .txt .t3{margin-top:10pt;}
		main #main_detail li .txt .t3 span{position: relative; padding-left:12px; display:block; color:#888; font-weight:300; margin-top:5pt; word-break:keep-all;}
		main #main_detail li .txt .t3 span:before{content:"-"; position: absolute; left:0px;}

	main #main_effect{background-image:url('/ilearn/img/main_bg_effect.jpg'); background-position:bottom;}
		main #main_effect ul{
				display: -ms-flexbox;
				display: -webkit-flex;
			display: flex;
				-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
			justify-content: space-between;
				-webkit-align-items: stretch;
				-ms-flex-align: stretch;
			align-items: stretch;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		main #main_effect ul li{
			width:42%; word-break:keep-all; text-align:Center; margin: 0 auto 20pt;
		}
		main #main_effect ul li a{
			padding:15pt; height:100%; cursor:default;
			border:2px solid rgba(255, 255, 255, 0);
				-webkit-border-radius: 15pt;
				-ms-border-radius: 15pt;
			border-radius: 15pt;
		}
		main #main_effect ul li a:hover{border:2px solid #7fe1c2; background:rgba(255, 255, 255, 0.8); }
		main #main_effect ul li .ico{
			position: relative; background:#fff; width:110pt; height:110pt; margin:0 auto 20pt;
				-webkit-border-radius: 50%;
				-ms-border-radius: 50%;
			border-radius: 50%;
		}
		main #main_effect ul li .ico img{
			position: absolute; top:50%; left:50%;
			width:50%;
				-webkit-transform:translate(-50%, -50%);
				-moz-transform:translate(-50%, -50%);
				-ms-transform:translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		main #main_effect ul li:nth-child(3) .ico img{width:auto; height:60%;}
		main #main_effect ul li .txt{ }
		main #main_effect ul li .txt h3{font-family: 'GmarketSansBold'; font-size:x-large; color:#009766; line-height:110%;}
		main #main_effect ul li .txt span{display:block; font-size:14pt; line-height:1.25em; color:#444; margin-top:5pt; font-weight:400;}

	main #main_review{background-image:url('/ilearn/img/main_bg_review.png'); background-position:50% 50%;}
		main #main_review ul{
			margin-top:-50pt; margin-bottom:50pt;
		 		display: -ms-flexbox;
				display: -webkit-flex;
			display: flex;
				-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
			justify-content: space-between;
				-webkit-align-items: stretch;
				-ms-flex-align: stretch;
			align-items: stretch;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		main #main_review ul li{position: relative; width:30%; margin-top:50pt;}
		main #main_review ul li .ico{
			position: absolute;
		}
		main #main_review ul li .ico img{width:65px;}
		main #main_review ul li .txt{height: 100%; background:#fff; margin:20pt 0 0 20pt; padding:30pt 25pt 5pt 30pt;}
		main #main_review ul li .txt .t1{font-size:120%; line-height:1.3em;}
		main #main_review ul li .txt .t2{text-align: right; font-size: 100%; font-weight: 300; color: #555; margin-top: 10pt;}

	main #main_start{background-color:#ff875e; min-height:Auto;}
		main #main_start h1{color:#fff;}
		main #main_start ul{
			margin-top:50pt;
				display: -ms-flexbox;
				display: -webkit-flex;
			display: flex;
				-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
			justify-content: space-between;
				-webkit-align-items: center;
				-ms-flex-align: center;
			align-items: center;
				-webkit-align-items: stretch;
				-ms-flex-align: stretch;
			align-items: stretch;
		}
		main #main_start ul li{
			background:#fff; padding:20pt; flex:1;
			font-family: 'GmarketSansLight'; font-size:x-large; line-height:1.3em;
			word-break:keep-all; text-align:Center;
				-webkit-border-radius: 15pt;
				-ms-border-radius: 15pt;
			border-radius: 15pt;
			box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
		}
		main #main_start ul li.arrow{
			padding:0 20pt; flex:0; background:none; box-shadow:none;
				display: -ms-flexbox;
				display: -webkit-flex;
			display: flex;
				-webkit-align-items: center;
				-ms-flex-align: center;
			align-items: center;
		}
		main #main_start ul li.arrow i{color: #ffe65b; font-size: 50pt;}
		main #main_start ul li.arrow.down{display:none;}
		main #main_start ul li.arrow.down i{transform: rotate(90deg)}
		main #main_start ul li .ico{display:block;  margin:10pt auto 20pt;}
		main #main_start ul li .ico img{width:auto; height:120px;}
		main #main_start ul li .txt{text-align:center;}
		main #main_start ul li .txt .t1{font-family: 'GmarketSansMedium';}

		main #main_start ul li .num{
			position: relative; background:#ffe65b; margin:0 auto 10pt;
			width:30pt; height:30pt;
				-webkit-border-radius: 50%;
				-ms-border-radius: 50%;
			border-radius: 50%;
		}
		main #main_start ul li .num span{
			position: absolute; top:50%; left:50%; margin-top:1pt;
			font-family: 'GmarketSansBold'; color:#222;
				-webkit-transform:translate(-50%, -50%);
				-moz-transform:translate(-50%, -50%);
				-ms-transform:translate(-50%, -50%);
			transform: translate(-50%, -50%)
		}
		main #main_start .btn_area{width: 100%; background: #333; text-align:center;}

		main #main_start .btn_area a{
			display: inline-block;; width: 100%; font-family: 'GmarketSansBold'; color: #fff; line-height: 100%;
			padding: 40pt 0 32pt; font-size: 50pt;
		}
		main #main_start .btn_area a:hover{color:#ffe65b;}


	/* 메인 버블 효과 */
	.dreamElement{}
		.dreamElement>ul{}
		.dreamElement li{border-radius:50%; position:absolute; left:55%;}
		.dreamElement li:nth-child(1){width:19px; height:19px; background:#ffffff; opacity:0.33; top:325px; margin-left:293px; animation:dream01 5s infinite ease-in-out;}
		.dreamElement li:nth-child(2){width:41px; height:41px; background:#fd6733; opacity:0.5; top:208px; margin-left:75px; animation:dream02 4.8s infinite ease-in-out;}
		.dreamElement li:nth-child(3){width:21px; height:21px; background:#ffffff; opacity:0.5; top:329px; margin-left:54px; animation:dream03 4.7s infinite ease-in-out;}
		.dreamElement li:nth-child(4){width:21px; height:21px; background:#3dddff; opacity:0.3; top:416px; margin-left:210px; animation:dream04 4.6s infinite ease-in-out;}
		.dreamElement li:nth-child(5){width:32px; height:32px; background:#9d62ff; opacity:0.33; top:393px; margin-left:271px; animation:dream05 5.1s infinite ease-in-out;}
		.dreamElement li:nth-child(6){width:70px; height:70px; background:#ab98ff; opacity:0.25; top:325px; margin-left:107px; animation:dream06 5.2s infinite ease-in-out;}
		.dreamElement li:nth-child(7){width:80px; height:80px; background:#ffc210; opacity:0.33; top:439px; margin-left:295px; animation:dream07 4.9s infinite ease-in-out;}
		.dreamElement li:nth-child(8){width:114px; height:114px; background:#b7ff0a; opacity:0.2; top:249px; margin-left:142px; animation:dream08 4.85s infinite ease-in-out;}
		@keyframes dream01{0%{opacity:0.33; top:325px;} 100%{opacity:0; top:-19px;}}
		@keyframes dream02{0%{opacity:0.5; top:208px;} 100%{opacity:0; top:-41px;}}
		@keyframes dream03{0%{opacity:0.5; top:329px;} 100%{opacity:0; top:-21px;}}
		@keyframes dream04{0%{opacity:0.3; top:416px;} 100%{opacity:0; top:-21px;}}
		@keyframes dream05{0%{opacity:0.33; top:393px;} 100%{opacity:0; top:-32px;}}
		@keyframes dream06{0%{opacity:0.25; top:325px;} 100%{opacity:0; top:-70px;}}
		@keyframes dream07{0%{opacity:0.33; top:439px;} 100%{opacity:0; top:-80px;}}
		@keyframes dream08{0%{opacity:0.2; top:249px;} 100%{opacity:0; top:-114px;}}

/* 아이런 신청 */
#apply{background-color:#fff4e2;}
	#apply .inner{text-align: center;}
	#apply .tit{margin-bottom:50pt;}
	#apply .apply_top{
        padding:80pt 0; text-align: center;
        background-image: url('/ilearn/img/apply_top_bg.png'); background-repeat: no-repeat; background-position: top center; background-size: contain;
    }
	#apply .apply_top .inner{}
	#apply .apply_event{padding:50pt 0; margin-bottom:50pt;}
		.apply_event_item{
			padding-top:10vmin; padding-bottom:10vmin;
		}
		.apply_event_item:first-child{padding-top:0;}
		.apply_event_item:last-child{padding-bottom:0;}
		.apply_event_item.box1{border-bottom:1px dashed #e7ddcd;}
		.apply_event_item .item_list{
				display: -webkit-box;
				display: -ms-flexbox;
			display: flex;
			align-items: center;
			justify-content: space-around;
		}

		.apply_event_item .item_list li > div{padding:5px;}

	#apply .apply_preview{background-color:#cd5216; padding:80pt 0;}

	#apply .apply_notice{background-color:#362e2b; padding:50pt 0;}
		.apply_notice ul{display:inline-block; text-align:left;}
		.apply_notice ul li{position: relative; margin:10px 0; line-height:125%; margin-left:15px; color:#c1b9b6; font-weight: 300;}
		.apply_notice ul li:before{position: absolute; left:-15px; top:0px; content:"※"; font-size:90%;}
		.apply_notice ul li.strong{color:#e69e30; font-weight:500;}
		.apply_notice ul li.strong:before{color:#e69e30;}


	#apply .apply_bottom{background-color:#fff; padding:80pt 0;}
	#apply .apply_bottom .btn_apply a{
			display:block; margin:0 auto; padding:40px 0 35px 0;
			width:500px; max-width:100%; background:#372e29;
			color:#e7ddcd; font-family: 'GmarketSansBold'; font-size:xx-large; letter-spacing:1px;
			-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	}
	#apply .apply_bottom .btn_apply a:hover{background:#df3a00; color:#fff;}
	#apply .apply_bottom.scroll-to-fixed-fixed{padding: 0; background: #372e29; color: #e7ddcd;}
	#apply .apply_bottom.scroll-to-fixed-fixed .inner{width:100% !important;}
	#apply .apply_bottom.scroll-to-fixed-fixed .btn_apply a{
		width: 100%; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	}

/* 아이런 구성 */
.goods{
		display: -webkit-box;
		display: -ms-flexbox;
	display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
    flex-direction: column;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
    justify-content: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	max-width:800px; margin:0 auto;
	}
	.goods > div{width:100%;}
	.goods .goods_img{width:800px; max-width:100%; border:10pt solid #f1f1f1; }
	.goods .goods_img .photo{padding-top:30pt; }
	.goods .goods_img .guide{width:100%; text-align:right; font-size:small; color:#888; padding:20pt;}
	.goods .goods_img .guide b{display:block;}
	.goods .goods_txt{margin-top:30pt;}
	.goods .goods_txt ul{}
	.goods .goods_txt ul li{margin-bottom:30pt;}
	.goods .goods_txt .tit{font-family: 'GmarketSansBold'; font-size:x-large; color:#222;}
	.goods .goods_txt .tit .num{
		position:relative; width:20pt; height:20pt;
		display:inline-block; color:#fff; vertical-align: middle;
	}
	.goods .goods_txt .tit .num:before{
		content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;
		background:#fe564d; border-radius:50%; margin-top:-2px;
	}
	.goods .goods_txt .tit .num span{
		position:absolute; top:50%; left:50%; font-size:80%;
			-webkit-transform:translate(-50%, -50%);
			-moz-transform:translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.goods .goods_txt .desc{padding: 7pt 0 0 26pt; font-size: 120%; line-height:130%; word-break:keep-all; word-wrap:break-word;}
	.goods .goods_txt .desc .t3{margin-top:3pt;}
	.goods .goods_txt .desc .t3 span{display:block; font-size:12pt; color:#888; font-weight:300;}
	.goods .goods_txt .desc .t3 span:before{content:"- ";}


/* 하단 바로가기 고정 */
#scroll_top {
	position:fixed; right:10px; bottom:10px; cursor:pointer; width:40px; height:40px;
	background-color:#222; display:none;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
	#scroll_top span {
		position:absolute;top:50%; left:50%; color:#fff;
		transform: translate(-50%, -50%);
			-webkit-transform:translate(-50%, -50%);
			-moz-transform:translate(-50%, -50%);
			-ms-transform:translate(-50%, -50%);
	}
	#scroll_top span i{font-size:14pt;}
	#scroll_top:hover {
		background-color:#e05755;
		opacity:1;filter:"alpha(opacity=100)";
		-ms-filter:"alpha(opacity=100)";
	}

/* FOOTER */
footer{margin-top:0;}
	.footer_fix{background:#252525;}
	.footer_fix ul{font-size:0; height:100%; border-left:1px solid rgba(255,255,255,0.1);}
	.footer_fix ul li{
		display:inline-block; border-right:1px solid rgba(255,255,255,0.1); padding:0 20px; height:60px; line-height:60px;
		font-size:medium; color:#fff; letter-spacing:0.2px;
	}
	.footer_fix a{font-size:medium; color:#fff; letter-spacing:0.2px;}
	.footer_fix ul li i{font-size:16px; color:#fff; vertical-align:middle;}
	.footer_fix .box{float:left;}
	.footer_fix .box li:hover{background:#c51917; transition: all .2s ease-in-out;}
	.footer_fix .linked{float:right;}
	.footer_fix .linked li:first-child a:first-child{margin-right:10px;}
	.footer_fix .linked a{display:inline-block; }


/* 서브페이지 */
#page{}
	#page.no_title{border-top:1px solid #eee;}
	#page .con{padding:70pt 0; font-size:15px;}
	#page .page_top{
		background-image:url('/ilearn/img/sub_top.png'); background-repeat: no-repeat; background-size:100%; background-position:center;
		height:220px; margin-bottom: -20pt;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	#page .page_top h1{
		position:relative; display:block; z-index:1;
		font-family: 'GmarketSansBold'; color: #fff; line-height: 100%; font-size:46pt; letter-spacing:5px;
		text-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	}
	#page .page_top h1:after{content:""; position:absolute; left:-5%; bottom:0; width:110%; height:20px; background:#ff9a0f; z-index:-1;}
	#page .tit1{color:#222; font-size:270%; text-align:center; line-height:100%; letter-spacing:3px; margin-bottom:6vh;}
	#page .tit2{font-weight:300; text-align:center; line-height:130%; margin-bottom:30pt;}
	#page .tit_signup{}
		#page .tit_signup span{display:block;}
		#page .tit_signup .t1{font-size: 85%; font-weight:300; margin-bottom: 10px;}
		#page .tit_signup .t2{}
		#page .tit_signup .t_guide{display: inline-block; font-size: medium; font-weight: 400; margin-top: 20px; background: #f1f1f1; padding: 0 20px; border-radius: 5px;}
	#page .page_tab{text-align:center; margin:0 auto 70px}
	#page .page_tab > ul{display: inline-block; margin: 0 auto; text-align: center; background-color: #f7f7f7; border-radius: 35px;}
	#page .page_tab > ul > li{display: inline-block;}
	#page .page_tab > ul > li > a{position: relative; font-size: 110%;}
	#page .page_tab > ul > li > a > span{position: relative; display: inline-block; font-size:115%; letter-spacing:-0.5px; padding:20px; font-weight: 300; color: #999;}
	#page .page_tab > ul > li.active > a > span{color: #222; font-weight: 700;}
	#page .page_tab > ul > li:first-child > a > span {padding-left: 30px;}
	#page .page_tab > ul > li:last-child > a > span {padding-right: 30px;}
	#page .page_tab > ul > li > a:after{content: ""; position: absolute; top: 50%; left: -1px; width: 1px; height: 24px; margin-top: -12px; background: #ccc;}
	#page .page_tab > ul > li:first-child > a:after{display:none;}


.page_title{position: relative; border-bottom:1px solid #ddd; height:270px; background:url(/learning/img/bg_page_title.jpg) no-repeat 50% 50%; text-align:center;}
	.page_title > div{
		position:absolute; left:50%; top: 50%; color:#fff; margin-top:20px; width:auto !important;
		transform: translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
	}
	.page_title span{display:block; font-weight:300; font-size:100%; color:rgba(0, 0, 0, 0.7); letter-spacing:1px;}
	.page_title h1{display:block; font-weight:200; font-size:30pt; margin-top:20px; color:#414142; font-family: 'S-CoreDream-Bold';}

.page_con{font-size:11pt;}

.page_con span.null{display:inline-block; margin:0 5pt;}
.page_con .tab{margin-bottom:40px;}
.page_con .tab ul{margin:0 auto; font-size:0; /* text-align:center;  */}
.page_con .tab ul li{position: relative; display:inline-block;}
.page_con .tab ul li a{display:block; background:#ccc; font-size:medium; color:#fff; padding:10px 20px; padding-bottom:13px; min-width:160px; text-align:center; letter-spacing:2px; font-weight:500; margin-left:1px;}
.page_con .tab ul li:first-child a{margin-left:0;}
.page_con .tab ul li a:hover{background:#333;}
.page_con .tab ul li.active a{background:#c51917;}
.page_con .tab ul li.active:after{
	content:""; position: absolute; width:12px; height:12px; bottom:-6px; background:#c51917; margin:auto; left:0; right:0;
	-webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.page_con .tab100 ul{display:table; width:100%;}
.page_con .tab100 ul li{display: table-cell;}

.page_con .title{display:block; text-align:center; margin-bottom:20pt;}
.page_con .title h1{display:block; font-size:200%; font-weight:500; line-height:120%;}
.page_con .title span{display:block; color:#858585; font-size:110%; margin-top:10pt;}

.page_con h3.s_title{position: relative; font-size:140%; font-weight:400; margin-bottom:15px; margin-top:50px;}
.page_con h3.s_title:first-child{margin-top:0;}

#tabs{position:relative; border-top:1px solid #ddd; background:#eee; margin-top:10pt;}
#tabs:after{content:""; position: absolute; left:0; bottom:0px; width:100%; height:1px; background:#ddd; z-index:0;}
#tabs > div{position: relative; padding:0 2.5%; z-index:1;}
#tabs ul{display:table; width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#eee;}
#tabs ul li{display:table-cell; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
#tabs ul li:first-child{border-left:0;}
#tabs ul li a{display:block; padding:10pt 0; color:#555; font-weight:500; word-break:keep-all; word-wrap:break-word;}
#tabs ul li.active{background:#fff; border-bottom:0;}
#tabs ul li.active a{font-weight:600; color:#000;}

#tabs ul.col4 li{width:25%;}
#tabs ul.col3 li{width:33.33%;}


/* 프로그램 리스트 */
.program_list{}
.program_list > ul{font-size:0;}
.program_list > ul > li{position:relative;display:inline-block; width:50%; padding:30pt 0; text-align:center; font-size:12pt; vertical-align:top;}
.program_list > ul > li:after{display:block; clear:both; content:'';}
.program_list .thumb,
.program_list .info{height:100%; }
.program_list .thumb{width:400px; max-width:100%; margin:0 auto;}
.program_list .thumb img{max-width:100%;}
.program_list .info{height:100%; width:400px; max-width:100%; margin:10pt auto 0 auto; word-break:keep-all; word-wrap:break-word;}
.program_list .info li{display:table;  margin:5pt 0;}
.program_list .info h2{display:block; line-height:110%; text-align:left;}
.program_list .info h4{font-weight:500; margin:8pt 0 10pt 0; color:#858585; font-size:100%;}
.program_list .info dt, .program_list .info dd{display:table-cell; vertical-align:top; text-align:left; font-size:110%; width:auto;}
.program_list .info dt:before{content:"-"; margin-right:5px; vertical-align:1pt;}
.program_list .info dt:after{content:":"; margin:0 5px; vertical-align:1pt;}
.program_list .btn_area{}
.program_list .btn_area a{display:none; background:#858585; color:#fff; font-size:110%; padding:10pt 30pt; text-align:center;  font-weight:500;}
.program_list .btn_area a:hover{background:#ffc249; color:#000;}
.program_list .btn_area a.detail{display:block; width:100%; background:#666; margin:0 auto;}
.program_list .btn_area a.detail:hover{background:#c51917; color:#fff;}

.program_con_top{padding:8pt; width:100%;}
.program_con_top > ul > li{display:table; width:100%;}
.program_con_top .thumb,
.program_con_top .info{display:table-cell; vertical-align:bottom; word-break:keep-all; word-wrap:break-word;}
.program_con_top .thumb{width:260px; max-width:35%; vertical-align:middle !important; }
.program_con_top .thumb img{width:100%;}
.program_con_top .info{position:relative; padding-left:30pt; }
.program_con_top .info li{display:table; margin:8pt 0; font-size:110%;}
.program_con_top .info li:first-child{font-weight:600;}
.program_con_top .info dt, .program_con_top .info dd{display:table-cell; vertical-align:top; text-align:left;}
.program_con_top .info dt.date,
.program_con_top .info dd.date{line-height:150%;}
.program_con_top .info dt:before{content:"-"; margin-right:5px; vertical-align:1pt;}
.program_con_top .info dt:after{content:":"; margin:0 5px; vertical-align:1pt; font-weight:normal;}
.program_con_top .btn_area{margin-top:15pt;}
.program_con_top .btn_area a{display:inline-block; background:#858585; color:#fff; font-size:110%; padding:10pt 30pt; text-align:center;  font-weight:500; width:30%;}
.program_con_top .btn_area a:hover{background:#ffc249; color:#000;}
.program_con_top .btn_area a.detail{background:#222;}
.program_con_top .btn_area a.detail:hover{background:#c51917; color:#fff;}


.program_con{text-align:center; margin-top:-10px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.program_con div.cont_item {display:none}
.program_con div.cont_item.active {display:block}
.program_con  img{max-width:100%;}

.program_con .detail_payinfo{width:70%; margin:0 auto; border:1px solid #ddd; margin-top:20pt;}


.program_price{width:100%; border:0 !important; background:#e9e9e9;}
.program_price td{border:0 !important; padding:0 15px; height:auto !important;}
.program_price td:last-child{min-width:300px;}
.program_price tr:first-child td{padding-top:10px;}
.program_price tr:last-child td{padding-bottom:20px;}
.program_price .price_t1{display:block; margin-bottom:10px;}
.program_price .line{border-top:1px solid #ccc;}

.program_price ul li{display:table; width:100%; margin:5px 0;}
.program_price ul li b{font-weight:600; font-size:130%;}
.program_price ul li h3{display:inline-block; font-size:180%; line-height:120%; vertical-align:bottom;}
.program_price ul li dt, .program_price ul li dd{display:table-cell; text-align:right; vertical-align:bottom; }
.program_price ul li dt{min-width:60px; text-align:left;}

.program_payment{width:100%; border-bottom:1px solid #ddd !important;}
.program_payment dl{font-weight:500; font-size:120%; display:table; margin:20px auto;}
.program_payment dt, .program_payment dd{display:table-cell; vertical-align:middle;}
.program_payment .pay_price{font-size:180%; font-weight:700; line-height:110%; margin-left:50px;}
.program_payment .airfare{display:inline-block; text-align:left; padding:20px; background:#f1f1f1; font-size:90%; line-height:130%; margin-bottom:30px;}
.program_payment .airfare p{display:block;}
.program_payment .airfare p.strong{font-size:110%; font-weight:500; line-height:150%;}


.tourist_info{display:table; width:100%; margin-top:5pt; font-size:90%;}
.tourist_info:first-child{margin-top:0;}
.tourist_info input, .tourist_info select{height:20pt; font-size:90%; min-width:35pt;}
.tourist_info input[type=tel], .tourist_info input[type=email]{width:92% !important; min-width:92%;}
.tourist_info > div{display:table-cell; vertical-align:middle; border:1px solid #ddd; text-align:center;}
.tourist_info > div:first-child{background-color:#f5f5f5; font-weight:600; font-size:110%; padding:5pt; border-right:0;}
.tourist_info > div{display:table-cell; vertical-align:middle; border:1px solid #ddd; text-align:center;}
.tourist_info ul{display:table; width:100%; margin:0;}
.tourist_info ul li{display:table-cell; vertical-align:top;}
.tourist_info ul li dt, .tourist_info ul li dd{padding:10pt 3pt;}
.tourist_info ul li dt{background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tourist_info ul li dd{border-right:1px solid #ddd;}
.tourist_info ul li:last-child dt,
.tourist_info ul li:last-child dd{border-right:0;}
.tourist_info.ins_child > div:first-child {
			background-color: #ffffd7;
			font-weight: 600;
			font-size: 110%;
			padding: 5pt;
			border-right: 0;
		}
		.tourist_info.ins_child ul li dt {
			background: #ffffd7;
			padding: 3pt;
			border-right: 1px solid #ddd;
		}

.agree_label{display:inline-block; width:120px; margin-bottom:10px;}
.agree_label:last-child{margin-bottom:0;}

/* 박스 */
.diagonal_box{background:url(/edutour/img/bg_diagonal_box.png) repeat; padding:7px;}
.diagonal_box .box{background:#fff;}
.diagonal_box > table{background:#fff; width:100%; border-bottom:0 !important;}
.diagonal_box > table tr:last-child th,
.diagonal_box > table tr:last-child td{border-bottom:0 !important;}
.diagonal_box > table.border_none{}
.diagonal_box > table.border_none td{border:0;}

.guide{font-size:85%; color:#666;}
.guide i{font-sizE:small;}
.guide p{position: relative; margin-bottom:5px; padding-left:5px; line-height:1.3em;}
.guide p:before{position: absolute; content:"·"; font-weight:900; left:-2px;}



/* 버튼 */
.btn_area{}

.nav_btn a{font-size:18pt; color:#000; font-weight:400; cursor:pointer;}
.nav_btn a:hover{color:#cf1429;}
.nav_btn a i{font-size:24pt; margin-right:5px; font-weight:bold; vertical-align:-4pt; }

.btn_area{margin-top:20pt; padding-left:0; padding-right:0;}
.btn{display:inline-block;}
.btn:first-child{margin-left:0;}
.btn:last-child{margin-right:0;}
.btn_b_yellow{position:relative; background-color:#f3e834; text-transform:uppercase; font-size:140%; font-weight:bold; color:#000; text-align:center; padding:10pt 30pt; max-width:80%;}
.btn_b_yellow div:before{
	content:''; position:absolute; border-bottom:1px solid rgba(0,0,0,0.5);
	width:80%;height: 100%; top:0; left:0; right:0;  margin:0 auto;
	transform: translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}
.btn_b_yellow div span{
	position:relative;background-color:#f3e834; padding:0 7pt; z-index:1; display:block; text-shadow: 0px 0px 0px rgba(0,0,0,0.5) !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_b_yellow:hover,
.btn_b_yellow:hover div span{background-color:#222; color:#fff;}

.btn_b_brown{position:relative; background-color:#804040; text-transform:uppercase; font-size:140%; font-weight:bold; color:#000; text-align:center; padding:10pt 30pt; max-width:80%;}
.btn_b_brown div:before{
	content:''; position:absolute; border-bottom:1px solid rgba(0,0,0,0.5);
	width:80%;height: 100%; top:0; left:0; right:0;  margin:0 auto;
	transform: translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}
.btn_b_brown div span{
	position:relative;background-color:#804040; padding:0 7pt; z-index:1; display:block; text-shadow: 0px 0px 0px rgba(0,0,0,0.5) !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_b_brown:hover,
.btn_b_brown:hover div span{background-color:#222; color:#fff;}

.btn_bbs_small{border:1px solid #ddd; background:#f1f1f1; padding:2pt 5pt; height:23pt; margin:0 3pt;}

.btn_big{font-size:150%; font-weight:500; padding:20pt 30pt 22pt 30pt; margin:0 3pt; min-width:25%; text-align:center;}

.btn_b{font-size:120%; font-weight:500; padding:10pt 20pt; margin:0 3pt; min-width:120px; text-align:center;}
.btn_m{font-size:100%; font-weight:500; padding:7pt 10pt; margin:0 3pt; min-width:80px; text-align:center;}
.btn_s{font-size:100%; font-weight:500; padding:2pt 5pt; margin:0 1pt;}

.btn_red{background:#c51917; color:#fff !important;}
.btn_red:hover{background:#222; color:#fff;}
.btn_gray{background:#808285; color:#fff !important;}
.btn_gray:hover{background:#222; color:#fff;}
.btn_white{background:#fff; border:1px solid #ddd;}
.btn_white:hover{background:#ddd; border:1px solid #ddd;}
.btn_yellow{background:#ffc249; color:#000 !important;}
.btn_yellow:hover{background:#222; color:#fff !important;}
.postcode{width:60pt !important;}
.btn_postcode{border:1px solid #ddd; height:22pt; line-height:22pt; vertical-align:middle; vertical-align:middle; padding:0px 5px; font-size:90%;}
.btn_postcode:hover{background:#f1f1f1;}

/* 탭메뉴 */
.tabs{position:relative; width:100%;}
.tabs .tab-links:after{display:block; clear:both; content:'';}
.tabs .tab-links li{float:left; list-style:none;}
.tabs .tab-links a{position:relative; padding:10pt; display:block; background:#f0f0f0; z-index:1; text-align:center; transition:background linear 0.15s;}
.tabs .tab-links a:after{content:""; position:absolute; height:100%; top:0; right:0; border-left:1px solid #fff;}
.tabs .tab-links a:hover{background:#ddd;}
.tabs .tab-links li.active a, .tabs .tab-links li.active a:hover{background:#fff; color:#cf1429; border:2px solid #cf1429; border-bottom:0; margin-bottom:-2px;}
.tabs .tab-content{border-top:2px solid #cf1429; padding-top:20pt;}
.tabs .tab_con{display:none;}
.tabs .tab_con.active{display:block;}
.tabs .tab_con img{max-width:100%;}

/* 게시판 */


table{line-height:1.4em;}
table th{background:#f5f5f5; }
table th.field_l{width:20%; min-width:150px;}
table th, table td{padding:15px 20px; min-height:50px; word-break:keep-all; word-wrap:break-word;}




table.small{font-size:90%; line-height:1.2em;}
table.small th{background:#f5f5f5; }
table.small th, table.small td{padding:5px; height:20px; word-break:keep-all; word-wrap:break-word; border:1px solid #ddd;}
table.small input, table.small select{height:20pt; font-size:90%;}

table.border-r td{border-right:1px solid #ddd;}
table.border-r td:last-child{border-right:0;}



/* ETC */
.pd0{padding:0 !important;}

.profile_thumb{width:71px; height:86px;}
.text-bg{background:#f6f6f6; padding:10pt; word-break:keep-all; word-wrap:break-word;}
.filebox_img label {display:inline-block; background-color:#ddd; padding:3.5pt 5pt; cursor:pointer; border:1px solid #ddd;}
.filebox_img input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} /* 파일 필드 숨기기 */

.title_bias {background:url(/images/bg_diagonal.gif) repeat; padding:7pt; margin-bottom:20pt;}
.title_bias > .box{position:relative; background:#fff; padding:10pt;}
.title_bias > .box img{max-width:100%;}

.bxslider-wrap { visibility: hidden; }



/* 팝업 */

#popup{position:absolute; top:35px; left:10px;width:400px; max-width:90%; border:5px solid #222; font-size:12px;z-index:999}
#popup h1{display:block;background-color:#fff; text-align:center; font-size:130%; padding:20px; word-break:keep-all; word-wrap:break-word; line-height:120%;}
#popup .con{background:#fbe462; padding:20px; line-height:130%;}
#popup .con span{display:block;}
#popup .close{background:#222; color:#fff; padding:4px; padding-bottom:0;}
#popup .close a{display:block; color:#fff;}
#popup .close a:hover{color:#fff; }
#popup .close input[type=checkbox]{width:14px; height:14px;}
#popup .close label{cursor:pointer;}
#popup .close .btn_close{display:block;}


/* 갤러리 게시판 */
/* 메인 갤러리 */
.gallery_list{padding:0 !important; text-align:center;}
	.gallery_list ul{display:table; width:100%;}
	.gallery_list ul li{display:table-cell; width:25%; vertical-align:top;}
	.gallery_list ul li a{position: relative; display:block; width:100%; height:230px; }
	.gallery_list ul li a .thumb{position: absolute; width:100%; height:100%; background-size:cover; transition: all .2s ease-in-out;}
	.gallery_list ul li a:hover .thumb{ transform: scale(0.95);}


/* 로그인 */
.login{width:400px; max-width:90%; margin:0 auto;}
	.login_form{position: relative; width:100%;}
	.login_form li{margin-bottom:10px;}
	.login_form li:last-child{margin-bottom:0;}
	.login_form .help{font-size:9pt; color:#777; margin-top:10pt; vertical-align:top;}
	.login_form .help:after{display:block; clear:both; content:'';}
	.login_form .help .saveID{float:left;}
	.login_form .help .log_registor{float:right;}
	.login_form .help .log_registor a{display:inline-block; color:#777}
	.login_form .help .log_registor a:before{content:"|"; display:inline-block; font-size:7pt; vertical-align:1pt; margin:0 3pt 0 2pt;}
	.login_form .help .log_registor a:first-child:before{display:none;}
	.login_form input[type=checkbox]{width:15px; height:15px; vertical-align:bottom;}
	.login_form .btn_login, .login_form .btn_join{
		height:50px; width:100%; display:block;
		font-size:110%; letter-spacing:2px;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
		border-radius: 5px;
	}
	.login_form .btn_login{background:#333; color:#fff; font-weight:500; cursor:pointer; border:0;}
	.login_form .btn_join{
		border:1px solid #333; font-weight:500; margin-top:15pt;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.login_form .find{margin-top:70px;}
	.login_form .find p{text-align:center; color:#222; font-weight:500; text-decoration:underline; margin-bottom: 10px; padding-left:0px;}
	.login_form .find p:before{display:none;}

.login_box .sns_login{width:100%; border-top:1px solid #ddd; padding-top:20pt; margin-top:20pt;}
.login_box .sns_login:after{display:block; clear:both; content:'';}
.login_box .sns_login li{width:48%; font-size:9pt;}
.login_box .sns_login li.facebook{float:left;}
.login_box .sns_login li.google{float:right;}
.login_box .sns_login li a{display:block; position: relative; background:#ccc; padding:5pt 0; color:#fff; text-align:center; padding-left:20pt;}
.login_box .sns_login li a:before{
	position: absolute; left:0; top:0; width:20pt; height:100%; border-right:1px solid rgba(255,255,255,0.1);
	font-family: FontAwesome; font-size:10pt; padding-top:5pt; color:rgba(255,255,255,0.6);
}
.login_box .sns_login li.facebook a{background-color:#3b5998;}
.login_box .sns_login li.facebook a:before{content: "\f09a";}
.login_box .sns_login li.google a{background-color:#dd4b39;}
.login_box .sns_login li.google a:before{content: "\f0d5";}
.login_box .sns_login span{display:block; font-size:9pt; color:#777; padding-top:5pt; text-align:center;}

.login_box .member{}
.login_box .member .log_title{color:#c51917;}
.login_box .nonmember{}
.login_box .nonmember .log_title{color:#555;}
.login_box .nonmember .login_form .btn_login{background:#666;}
.login_box .nonmember .login_form .guide{font-size:9pt; color:#777; margin-top:10pt; vertical-align:top;}


.form_input{width:550px; max-width:90%; margin:0 auto;}
	.form_input.login{width:400px;}
	.form_input .input_list{}
	.form_input .input_list dl{
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
		justify-content: space-between;
			-webkit-align-items: flex-start;
			-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom:20px;
	}
	.form_input .input_list dl dt{width:25%; min-width:80px; font-size:110%; font-weight:500; padding-right:10px; word-break:keep-all;}
	.form_input .input_list dl dt span{display:table-cell; height:50px; vertical-align:middle;}
	.form_input .input_list dl dd{
		flex:1; vertical-align:middle;
			-webkit-align-items: center;
			-ms-flex-align: center;
		align-items: center;
	}
	.form_input .input_list dl dd .form_inline_btn{width:30%; min-width:80px; padding-left:10px;}
	.form_input .input_list dl dd .form_inline_btn a{
		display:block; width:100%; height:50px; font-size:small; text-align:center; line-height:50px;
		background:#fff; border:1px solid #666;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
		border-radius: 5px;
	}
	.form_input .input_list dl dd .form_signup_btn a:hover{background:#333; color:#fff;}
	.form_input .input_list .agree_marketing{margin-bottom:0; padding-top:10px;}
	.form_input .input_list .agree_marketing dd > div{margin-bottom:5px;}
	.form_input .input_list .guide{background:#f5f5f5; padding:12px;}
	.form_input .input_list .guide h3{font-weight:500; margin-bottom:5px;}
	.form_input .input_list .guide span{position: relative; display:block; font-size:small; font-weight:400; margin-bottom:5px; color:#888; padding-left:8px;}
	.form_input .input_list .guide span:last-child{margin-bottom:0;}
	.form_input .input_list .guide span:before{position: absolute; left:0px;content:"-";}
	.form_input .input_list .multiline{
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
		justify-content: space-between;
			-webkit-align-items: center;
			-ms-flex-align:center;
		align-items: center;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.form_input .input_list .multiline .fix_box{flex:1;}
	.form_input .input_list .multiline .row{width:100%; margin-top:10px;}
	.form_input .input_list .multiline .row span{display:block;}
	.form_input .area_agreement{margin-top: 30pt; padding-top:20pt; border-top:1px solid #ddd;}
	.form_input .area_agreement .checkbox{margin:10px 0;}
	.form_input .area_agreement .show_hide{float:right; font-size:small; color:#f87910; text-decoration: underline;}
	.form_input .area_agreement .slidingDiv{
		max-height: 200px; background: #f7f7f7; padding: 15px; margin-top: 10px;
		font-size:small; color: #888; font-weight: 300;
		overflow: hidden; overflow-y: auto;
	}
	.form_input .area_agreement .btn{
		height:50px; width:100%; display:block; margin-top:30pt;
		background: #333; color: #fff; font-weight:500;
		font-size:110%; letter-spacing:2px;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
		border-radius: 5px;
	}
	.form_input .area_btn{
		margin-top: 30pt;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
		justify-content: space-between;
			-webkit-align-items: center;
			-ms-flex-align:center;
		align-items: center;

			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.form_input .area_btn span a{
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	.form_input .area_btn.btn_1 span{width:100%;}
	.form_input .area_btn.btn_2 span{width:49%;}
	.form_input .area_btn .btn{
		display: block; height: 50px; width:100%; font-size: 110%; letter-spacing: 2px; border-radius: 5px;
		border:1px solid #333; color:#333; background:#fff; cursor: pointer;
	}
	.form_input .area_btn .btn.fill{background:#333; color:#fff;}
	.form_input .area_btn .line{width:100%; height:0px; border-top:1px solid #eee; margin:-20px 0 20px;}

	.form_input .signout{text-align:left; padding-top:20px;}
	.form_input .signout button{background: transparent; color: #999; font-weight: 300;}
	.form_input .signout button i{font-size: 140%; margin-right: 3px; margin-top: -1px;}


#idFind #myphone{text-align: center; margin-bottom: 20pt; line-height: 160%; color:#222;}


#idFind #myphone span{display:block; font-size:15px; word-break:keep-all;}
#idFind #myphone span:first-child{
	margin-bottom:10px; padding: 15px; font-size:110%; color: #222; border: 1px solid #ddd;
		-webkit-border-radius: 5px;
		-ms-border-radius: 5px;
	border-radius: 5px;

}


/* 이용약관&개인정보취급방침 */
.policy{line-height: 1.7;}
	.policy_title{color: #222; font-size:130%;}
	.policy h1{}
	.policy h2{display:block; color: #222; margin-top:30px; font-size:120%;}
	.policy h3{display:block; color:#666; font-size: 100%; font-weight: 400; margin-bottom:10px;}
	.policy span{display:block; color:#666; font-weight:300; margin-top:5px;}
.refund{}
	.refund h3{font-size:100%; font-weight:500;}
	.refund li{position: relative; padding-left:15px; display:block; margin-bottom:10px; line-height: 1.6;}
	.refund li:last-child{margin-bottom:0;}
	.refund li:before{position: absolute;  left:0;content:"\e315"; font-family: "Material Icons";}
	.refund li .example{display: block; font-size: 100%; color: #c51917; /* font-weight: 300; */ text-decoration: underline; margin-top: 3px;}

/* 아이런 신청하기 */
.apply_order{border:0 !important;}
	.apply_order input[type=text],
	.apply_order input[type=tel],
	.apply_order input[type=email]{width:100%; max-width:277px;}
	.apply_order .multiline{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.apply_order .multiline .row{width:100%; margin-top:10px;}
	.apply_order .multiline .row span{display:block;}

	/* 신청하기 폼 내 버튼 */
	.apply_order .form_inline_btn{width:30%; min-width:80px; max-width:100px; padding-left:10px;}
	.apply_order .form_inline_btn a{
		display:block; width:100%; height:50px; font-size:small; text-align:center; line-height:50px;
		background:#fff; border:1px solid #666;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
		border-radius: 5px;
	}

	/* 신청하기 이용자 정보 */
	.apply_order .user_info{
		display:table; border:1px solid #ddd; width:100%; margin: 10px 0;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
		border-radius: 5px;
	}
	.apply_order .user_info > div{display:table-cell; padding:10px; vertical-align:middle;}
	.apply_order .user_info > div:first-child{width:70px; background:rgba(221, 221, 221, 0.2); text-align:center;}
	.apply_order .user_info h3{font-size:110%; font-weight:500;}
	.apply_order .user_info h3 span{
		display:block; width: 25px; height: 25px; line-height:24px; margin:5px auto 0;
		background: #222; color: #fff; text-align: center;
		border-radius: 50%;
	}
	.apply_order .user_info input,
	.apply_order .user_info select{height:35px; border-radius: 5px; padding:0;}
	.apply_order .user_info li{display:table; margin-bottom:10px}
	.apply_order .user_info li:last-child{margin-bottom:0;}
	.apply_order .user_info dt, .ins_learner dl{display:table-cell;}
	.apply_order .user_info dt{width:75px; color:#666;}
	.apply_order .user_info dt:before{content:"-"; margin-right:3px;}

	/* 신청하기 경로 */
	.apply_order .course{padding-top: 20px;}
	.apply_order .course label{display: inline-block; padding-right: 30px; padding-bottom: 15px;}

	.apply_order .txt_box{height: 150px; padding: 0 20px; background: #f5f5f5; font-size: 14px; line-height:1.6; color:#666; overflow-y: auto;}
	.apply_order .txt_box_blank{width:100%; height:10px; background: #f5f5f5;}
	.apply_order .txt_box h2{font-size:100%; color:#666; font-weight:500;}

	.apply_order .area_checkbox{margin-top:20px}
	.apply_order .box_refund{}
	.apply_order .box_refund .refund{background:#f5f5f5; padding:20px;}

	.apply_order .box_payment{border:10px solid #f5f5f5; margin-top: 50px;}
	.apply_order .box_payment ul{
			display: -ms-flexbox;
			display: -webkit-flex;
		display: flex;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
		flex-direction: row;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
		justify-content: space-between;
			-webkit-align-content: flex-start;
			-ms-flex-line-pack: start;
		align-content: flex-start;
			-webkit-align-items: stretch;
			-ms-flex-align: stretch;
		align-items: stretch;
	}
	.apply_order .box_payment ul li{padding: 20px;}

	.apply_order .box_payment .box_method{}
	.apply_order .box_payment .box_method h3{display: block; font-weight: 600; margin-bottom: 15px;}
	.apply_order .box_payment .box_method .box_input{}
	.apply_order .box_payment .box_method .box_input {}
	.apply_order .box_payment .box_method .box_input span{display:block; margin:10px 0;}
	.apply_order .box_payment .box_method .box_bank > div{background: #f5f5f5; margin-left: 20px; padding: 10px 20; line-height: 1.6;}
	.apply_order .box_payment .box_method .box_bank span{display:block; }
	.apply_order .box_payment .box_method .box_bank span.t1{color: #c51917; margin-bottom:5px;}
	.apply_order .box_payment .box_method .box_bank span.t2{font-weight:500; letter-spacing: 0.5px;}

	.apply_order .box_payment .box_price{background:#f5f5f5; width: 300px; text-align: right; font-size:20px; line-height: 1.6;  text-align:center;}
	.apply_order .box_payment .box_price .tit{font-size: 140%; font-weight: 600; line-height: 100%;}
	.apply_order .box_payment .box_price .price{position: relative; margin-top:10px;}
	.apply_order .box_payment .box_price .price h3{display: inline-block; color: #c51917; font-size: 180%; font-weight: 900;}
	.apply_order .box_payment .box_price .price span{position: relative;  bottom: -8px;}

	.apply_order .box_payment .btn_area{}
	.apply_order .box_payment .btn_area a{background: #222; width: 100%; border-radius: 5px; padding: 15px 0; color: #fff; font-weight: 500; letter-spacing: 1px;}

	.apply_order .completed_msg{padding: 30px; border-radius: 5px; text-align: center; background: #f5f5f5;}
	.apply_order .completed_msg span{display:block; margin-top:20px;}
	.apply_order .completed_msg span b{border-bottom:1px solid #222;}
	.apply_order .pay_price{display: inline-block; font-size: 120%; font-weight: 600; letter-spacing: 1px; margin-right: 3px; margin-top: -1px;}
	.apply_order .btn{max-width: 300px; margin:0 auto;}

/*
	.apply_order .box_price{background: #222; padding: 20px; color:#fff; font-size:x-large; font-weight:600;}
	.apply_order .box_price dl{
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
		justify-content: space-between;
		align-self: flex-end;
	}
	.apply_order .box_price dt{}
	.apply_order .box_price dd{flex:1; margin-left: auto; text-align: right; }
	.apply_order .box_price .total_cost{display:inline-block; font-size:xx-large; vertical-align: baseline; letter-spacing: 1px;} */