@charset "UTF-8";


/* header */
header{width:100%; background-color:#fff; border-bottom:1px solid #ddd;}
header .top_nav{display:table; padding:10px 2.5%; width:100%;}
header .top_nav > div{display:table-cell; vertical-align:middle;}
header .top_nav .header_logo{width:35%; max-width:330px;}
header .top_nav .header_logo img{width:auto; height:100%;}
header .top_nav .top_menu{font-family:'s-core_dream_bold'; color:#111;}
header .top_nav .top_menu ul{
	display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
    flex-wrap: wrap;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
    justify-content: flex-end;
		-webkit-align-items: center;
		-ms-flex-align: center;
    align-items: center;
}
header .top_nav .top_menu ul li{margin-right:20px;}
header .top_nav .top_menu ul li:last-child{margin-right:0;}
header .top_nav .top_menu ul li a{
	padding:10px 20px; color:#222; font-size:110%;
	border:1px solid rgba(255,255,255,0);
		-webkit-border-radius: 50pt;
		-ms-border-radius: 50pt;
    border-radius: 50pt;
}
header .top_nav .top_menu ul li a:hover{border:1px solid #ddd; color:#222;}

header .top_nav .top_menu .user{
	display:table; background:#333; padding:3px 20px;
	font-family:'s-core_dream_regular';
	    -webkit-border-radius: 50pt;
		-ms-border-radius: 50pt;
    border-radius: 50pt;
}
header .top_nav .top_menu .user a{display:table-cell; border:0; color:rgba(255,255,255,0.7); padding:10px 0; font-size:90%;}
header .top_nav .top_menu .user a:hover{color:rgba(255,255,255,1); border:0;}
header .top_nav .top_menu .user a:after{content:"|"; color:rgba(255,255,255,0.3); font-size:small; padding:0 10px 0 7px;}
header .top_nav .top_menu .user a:last-child:after{display:none;}
header .top_nav .top_menu .user a i{display:none;}

header .top_nav .nav_btn{display:none; text-align:right;}
header .top_nav .nav_btn i{font-weight:100; font-size:200%;}
.wrapper{
    width: 1100px;
    position: relative;
    margin: 0 auto;
}
/*header*/
.header_logo a{
    width: 100%;
    height: 50px;
}
/* 메뉴 */
nav{
    height:100%;
    width:350px; max-width:90%;
    background-color:#212121; padding:0 5vmin;
	font-family:'s-core_dream_regular';
    left: 0px;
    top: 0;
    z-index: 5000;
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    transform: translate(-500px,0);
	-webkit-transform:translate(-500px,0);
	-webkit-backface-visibility: hidden;
}
nav .nav_header{position:relative; width:100%; padding-top:50px;}
nav .nav_header .box_logo{width:130px; color:#fff}
nav .nav_header .box_btn{position: absolute; right:-10px; top:20px;}
nav .nav_header .box_btn i{color:#fff; font-weight:100; font-size:250%;}
nav .nav_con{}
nav .nav_con a{font-size:medium; color:rgba(255,255,255,0.6);}
nav .nav_con a:hover{color:rgba(255,255,255,1);}
nav .nav_con .btns{margin-bottom:10px;}
nav .nav_con .btns a{
	display:inline-block; background:#000; padding:10px 0px; font-size:small; text-align:center; width:49%;
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
}
nav .nav_con .btns a i{font-size:medium;}
nav .nav_con .reservation{
	background:#ffc249; padding:10px 15px; color:#000; font-weight:500; text-align:center; margin-bottom:30px;
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
}
nav ul.nav{margin:30px 0;}
nav ul.nav li{padding:5px 0; }

nav ul.nav li a{display:block;}
nav ul.nav li a:hover{color:red}

nav ul.nav li.group {color:#fff;font-size:1.2em;font-weight:900 !important}
nav ul.nav li.group_end {margin-bottom:20px;}


.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_slider{position:relative; width:100%; height:550px;}
	.main_slider li{background:#f4f4f4;}
	.main_slider .bg_img{
		position:absolute; left:0; top:0; z-index:-10;
		background-size:cover; background-position:right; background-repeat:no-repeat;
		width:100%; height:100%;
	}
	.main_slider .gradient{
		position: absolute; width:60%; height:100%; left:0; top:0;
		background: -moz-linear-gradient(left,  rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	.main_slider .fill{position: absolute; width:100%; height:100%; left:0; top:0; background:url(/edutour/img/main_visual_fill.png); opacity: 0.5; filter: alpha(opacity=50);}
	.main_slider .box{
		position: relative; height:100%; z-index:5;
		/* position:absolute; left:0; right:0; margin:auto; top: 50%; z-index:5; text-align:left !important; margin-top:-1.5%;
		transform: translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%); */
	}
	.main_slider .box .txt{
		position: absolute; left:0%; top:50%; z-index:1; text-align:left; max-width:50%; margin-top:-1%; word-break: keep-all;
		transform: translate(0%, -50%);
		-webkit-transform:translate(0%, -50%);
		-moz-transform:translate(0%, -50%);
		-ms-transform:translate(0%, -50%);
	}
	.main_slider .box .img{position: absolute; right:0; bottom:0;}
	.main_slider .box .img img{max-width:100%;}
	.main_slider .box .btn{margin-top:20pt;}
	.main_slider .box .btn a{
		display: inline-block; padding:8px 20px; padding-top:9px;
		color: #222; border: 1px solid #222; border-radius: 20px;
	}
	.main_slider .box .btn a:hover{color:#fff; background:#222;}

	/* 슬라이더 추가 */
	.main_slider li.stock{
		background-color:#f4f4f7;
		background-image:url('/academy/img/slider_stock_bg.png');
		background-repeat:no-repeat; background-position:100% 50%; background-size:cover;
	}
	.main_slider .box{font-family:'s-core_dream_regular';}
	.main_slider .box .txt h1{
		display:block; margin:5pt 0 10pt 0;
		font:50pt 's-core_dream_heavy'; font-weight:900; color:#222; line-height:120%;
	}
	.main_slider .box .txt h2{
		display:block; margin:15pt 0 0 0;
		font:40pt 's-core_dream_heavy'; font-weight:900; color:#222; line-height:120%; letter-spacing:-2px;
	}
	.main_slider .box .txt h3{
		display:inline-block; padding:5px 15px; padding-top:5px;
		font:105% 's-core_dream_light'; font-weight:200; color:#fff;
		background:#541998; border-radius:30pt;
	}
	.main_slider .box .txt h4{display:block; margin-top:15pt; font:140% 's-core_dream_extrabold'; letter-spacing:-1px;}
	.main_slider .box .txt h5{display:block; font:120% 's-core_dream_regular'; color:#555;}
	.main_slider .box .txt h5 b{font-family:'s-core_dream_extrabold';}

	.main_slider .box .txt .desc{position: relative; margin-top:40pt; padding-lefT:26pt;}
	.main_slider .box .txt .desc span{font:110% 's-core_dream_medium'; display:block; color:#440e86;}

	.main_slider .box .txt .desc span.small{
		margin-top:5px;
		font:14px '맑은고딕'; color:#888; letter-spacing:-.5px; transform: skew(-0.01deg);
	}
	/* .main_slider .box .desc:before{
		content:""; position: absolute; left:0; top:0;
		width:100px; border-top:1px solid #000;
	} */
	.main_slider .box .txt .desc .mark{position: absolute; left:0; top:-7pt; color:#ccc; font-size:20pt;}

	.main_slider .bx-controls-direction{
		position:absolute; left:50%; top: 50%; width:100%; z-index:1;
		height:1px; font:38pt 'Megrim', cursive; font-weight:900;
		transform: translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
	}
	.bx-controls-direction a{
		position: relative; top: 50%; background:#fff; color:rgba(0,0,0,0.5);
		padding:0 10pt;
		transform: translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
	}
	.bx-controls-direction a:hover{color:rgba(0,0,0,1);}
	.bx-controls-direction .bx-prev{float:left;  margin-left:-2pt;}
	.bx-controls-direction .bx-prev:hover{padding-left:20pt;}
	.bx-controls-direction .bx-next{float:right; margin-right:-2pt;}
	.bx-controls-direction .bx-next:hover{padding-right:20pt;}

	.main_slider .bx-pager{width:100%; max-width:1100px; left:0; right:0; bottom:15pt; margin:auto;}
	.bx-pager{position:absolute; bottom:0; z-index:1;}
	.bx-pager .bx-pager-item{display:inline-block; font-size:0; margin-right:7px;}
	.bx-pager .bx-pager-item a{
		display:inline-block; width:90px; height:3px; background:rgba(0,0,0,0.1);
		/* display:block; width:12px; height:12px; background:rgba(0,0,0,0.2); border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; */
	}
	.bx-pager .bx-pager-item a:hover{background:rgba(0,0,0,0.5);}
	.bx-pager .bx-pager-item a.active{background:#e22f26;}

	.bxslider-wrap { visibility: hidden; }
	.bx-viewport, .bx-wrapper{position:relative; width:100%; height:100% !important; top:0; left:0; overflow:hidden;}
	.slider, .slider li{height:100%;}
	.slider, .slider li .inner{text-align:center;}

/* 메인 하단 이미지 */
.main_info{
	background:url('/academy/img/main_bg_footer.png') no-repeat; background-size:cover; background-position:50% 50%;
	width:100%; padding:100px 0;
	font-family:'s-core_dream_regular';
}
.main_info > .inner{text-align:center;}
.main_info h1{
	display:block; margin-bottom:15pt;
	font:32pt 's-core_dream_light'; font-weight:200; color:#fff;}
.main_info h1 strong{font-family:'s-core_dream_extrabold'; font-weight:800;}
.main_info h3{display:block; font:18pt 's-core_dream_regular'; font-weight:400; color:#fff;}
.main_info h3 span{display:block; margin:5pt 0;}
.main_info h3 strong{font-weight:800;}
/* 메인 공지사항 */
.main_notice{background:#efefef; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0;}
	.main_notice > div{display:table;}
	.main_notice > div > div{display:table-cell; }
	.notice_title{
		font-weight:700; font-size:120%; padding-left:25px; vertical-align:top;
		background:url('/edutour/img/ico_n.png') no-repeat; background-size:auto 80%; background-position:0% 0%;
	}
	.notice_box ul{display:table;  width:100%; }
	.notice_box ul li{display:table-cell; width:50%; padding-left:30px;}
	.notice_box ul li span{display:inline-block; width:78%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.notice_box ul li span:before{content:"·"; font-weight:900;}
	.notice_box ul li dt{float:right; padding-top:1px; font-size:80%; color:#666;}

/* 메인 갤러리 */
.main_gallery{padding:50px 0; text-align:center;}
	.main_gallery .title{}
	.main_gallery .title .ico{width:100px; margin:0 auto; margin-bottom:10px;}
	.main_gallery .title .ico img{max-width:100%;}
	.main_gallery .title h1{position: relative; display:inline-block; color:#000; background:#fff; padding:0 20px; font-size:30pt; margin:20px 0 10px;}
	.main_gallery .title h1:before{
		content:""; position: absolute; left:50%; top:50%; z-index:-1; width:500px; height:1px; border-top:1px solid #b2b2b2;
		transform: translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
	}
	.main_gallery .title h2{display:block; font-weight:200; font-size:12.5pt; margin-top:10px;}
	.main_gallery ul{position: relative; width:94%; margin:30px auto 50px auto;}
	.main_gallery ul li{display:inline-block; width:24%; vertical-align:top; margin-top:20px; padding:0 1%; text-align:center;}
	.main_gallery ul li a{display:block;}
	.main_gallery ul li .thumb{position: relative; width:100%; padding-bottom:100%; background-size:cover; background-position:50% 50%; transform: scale(1); transition: all .2s ease-in-out;}
	.main_gallery ul li .thumb:after{content:""; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0); transition: all .3s ease-in-out;}
	.main_gallery ul li a:hover .thumb{ transform: scale(0.95);}
	.main_gallery ul li a:hover .thumb:after{content:""; background-color:rgba(0,0,0,0.3);}
	.main_gallery .more{
		display:inline-block; border:1px solid #ddd; padding:10px 15px 10px 20px; color:#333; font-weight:300;
		border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
	}
	.main_gallery .more i{font-size:100%; color:#999; padding-left:10px;}
	.main_gallery .more:hover{background:#f1f1f1;}

/* 하단 바로가기 고정 */
.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; }
footer{margin-top:-3px;}


/* 서브페이지 */

#page{}
	#page.no_title{border-top:1px solid #eee;}
	#page .con{padding:70pt 0; font-size:15px;}
	#page .con_bg{background:#f7f9fc; padding: 30pt 0;}
	#page .con_none{padding:0 !important;}
	#page .con .con_box_round{
		border:1px solid #ddd; background:#fff; padding:50pt 20pt;
			-webkit-border-radius: 20pt;
			-ms-border-radius: 20pt;
		border-radius: 20pt;
	}

	#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: #333; 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: #888;}
	#page .page_tab > ul > li.active > a > span{color: #fff; 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: #555;}
	#page .page_tab > ul > li:first-child > a:after{display:none;}





.page_title{position: relative; border-bottom:1px solid #ddd; height:180px; /* background:url(/edutour/img/bg_page_title.jpg) no-repeat 50% 50%; */ text-align:center;}
	.page_title > div{
		position:absolute; left:50%; top: 50%; color:#222; margin-top:-7px; 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:600; font-size:300%; margin-top:20px; line-height: 100%; font-family: s-core_dream_heavy; letter-spacing:5px;}

.page_con{padding:20pt; 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:20pt 0;}
.page_con .title h1{display:block; font-size:240%; font-weight:500; line-height:120%; font-family: s-core_dream_extrabold; }
.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 1.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:#000; border-bottom:0;}
#tabs ul li.active a{font-weight:600; color:#fff;}

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


/* 프로그램 리스트 */
.program_list{}
.program_list > ul{border-top:2px solid #222;}
.program_list > ul > li{position:relative;display:table; width:100%; border-bottom:1px solid #ddd; padding:30pt 0;}
.program_list > ul > li:after{display:block; clear:both; content:'';}
.program_list .thumb,
.program_list .info{height:100%; display:table-cell; vertical-align:middle;}
.program_list .thumb{width:32%; min-width:250px;}
.program_list .thumb img{width:100%;}
.program_list .info{padding-left:3%; height:100%; width:70%; 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%;}
.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:inline-block; background:#858585; color:#fff; font-size:110%; padding:10pt 30pt; text-align:center;  font-weight:500; width:30%;}
.program_list .btn_area a:hover{background:#ffc249; color:#000;}
.program_list .btn_area a.detail{background:#222;}
.program_list .btn_area a.detail:hover{background:#c51917; color:#fff;}

.program_con_top{padding:8pt; width:100%;}
.program_con_top > ul > li{}
.program_con_top .thumb,
.program_con_top .info{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;
		-webkit-align-self: center;
		-ms-flex-item-align: end;
    align-self: center;
}
.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: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:100%;}
.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_top .program_summary{
		display: -ms-flexbox;
		display: -webkit-flex;
    display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
    flex-direction: row;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
    justify-content: center;

}

.program_con{text-align:center; margin-top:-10px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.program_con div.tab_con {display:none}
.program_con div.tab_con.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;}


/* 약관동의 */
.agreement{}
.agreement .tab_agreement{position: relative; display:table;}
.agreement .tab_agreement li{display:table-cell; border-top:1px solid #ddd; border-right:1px solid #ddd; }
.agreement .tab_agreement li:first-child{border-left:1px solid #ddd;}
.agreement .tab_agreement li a{display:block; padding:5px 10px; font-size:90%; color:#858585; text-align:center; line-height:120%; word-break:keep-all; word-wrap:break-word;}
.agreement .tab_agreement li.active{background:#f5f5f5; border-bottom:1px solid #f5f5f5;}
.agreement .txt_box{position: relative; background:#f5f5f5; border:1px solid #ddd; margin-top:-1px;}
.agreement .txt_box div{background:#f5f5f5; border:0; width:99.9%; height:150px; padding:12px; overflow-y: scroll; resize:none; font-size:100%;}
.agreement .checkbox{padding-top:10px;}
/* 버튼 */
.btn_area{}

.nav_btn a{font-size:18pt; color:#000; font-weight:400; cursor:pointer; border:0px solid #222 !important; padding:5px !important;}
.nav_btn a:hover{color:#cf1429;}
.nav_btn a i{font-weight:bold !important; font-size: 200% !important;}

.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_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:7px 20px; height:45px; 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;}

.bbs{position:relative;}
.bbs th, .bbs td{word-break:keep-all; word-wrap:break-word;}
.bbs i{font-size:medium;}
	/* 리스트 */
	.bbs .list{border:0; width:100%; border-top:2px solid #222;}
	.bbs .list td:first-child{border-left:0;}
	.bbs .list td:last-child{border-right:0;}
	.bbs .list thead td{background:#f6f6f6; font-weight:500; text-align:center;}
	.bbs .list tbody td{transition:all linear 0.3s; cursor:pointer;}
	.bbs .list tbody tr:hover td.subject{text-decoration:underline;}
	.bbs .list .subject{padding-left:10pt; cursor:pointer; text-align:left;}
	.bbs .list .subject:hover{color:#000;}
	.bbs .list .num,
	.bbs .list .date{font-family:'Muli'; font-size:90%; font-weight:600;}
	.bbs .list .num{}
	.bbs .list .receipt{width:12%; max-width:120px;}
	.bbs .list .receipt p.data_s{display:block; font-size:80%;}
	.bbs .list .receipt_print{width:8%; min-width:60px;}
	.bbs .list .answer_reply{width:12%; max-width:120px;}
	.bbs .list .answer_reply strong{color:#cf1429;}
	.bbs .list .total_price{font-family:'Muli'; font-weight:700; font-size:105%; color:#000;}

	.bbs .list_top{}


	/* 쓰기 */
	.bbs .write{border:0; width:100%; border-top:2px solid #222;}
	.bbs .write th{text-align:left; border-left:0; width:15%; min-width:120px; background:#f8f8f8;}
	.bbs .write td{border-right:0; padding-left:10pt;}
	.bbs .write td .guide{display:inline-block; font-size:9pt; color:#888; margin:0 3pt;}
	.bbs .write hr{display:blokc; height:5pt;}
	.bbs .write select{max-width:96%;}
	.bbs .write .write_con{padding:10pt 0;}
	.bbs .write .write_con textarea{width:99%; height:200pt;}
	.required{display:inline-block; color:#cf1429; margin-left:3pt;}

	/* 읽기 */
	.bbs .view{width:100%; border:0; border-top:2px solid #222;}
	.bbs .view th, .bbs .view td{border:0; border-bottom:1px solid #ddd;}
	.bbs .view thead th{text-align:left; }
	.bbs .view thead td span,
	.bbs .view tfoot td span{display:inline-block; color:#555;}
	.bbs .view thead td span:after,
	.bbs .view tfoot td span:after{content: "|"; color:#999; font-size:80%; vertical-align:1pt; margin:0 5pt 0 7pt;}
	.bbs .view thead td span:last-child:after,
	.bbs .view tfoot td span:last-child:after{content:""; margin-right:0;}
	.bbs .view thead td span a,
	.bbs .view tfoot td span a{display:inline-block; color:#555;}
	.bbs .view .view_con{padding:20px; line-height:160%;}
	.bbs .view .view_con img{max-width:100%;}
	.bbs .view .view_con .answer{background:#f6f6f6; padding:10pt; margin-top:20pt;}
	.bbs .view .view_con .answer h4{display:block; border-bottom:1px solid #ddd; padding-bottom:10pt;}
	.bbs .view .view_con .answer h4 > .date{float:right; color:#555; font-weight:normal;}
	.bbs .view .view_con .answer .box{margin-top:10pt;}
	.bbs .view .view_con .answer .write{display:table; margin-top:10pt;}
	.bbs .view .view_con .answer .write .input_area{display:table-cell; }
	.bbs .view .view_con .answer .write .input_area textarea{display:block; width:100%; height:50pt; padding:0;}
	.bbs .view .view_con .answer .write .btn_write{display:table-cell; width:100px;}
	.bbs .view .view_con .answer .write .btn_write a{display:inline-block; position:relative; width:100%; height:100%;}
	.bbs .view .view_con .answer .write .btn_write a span{display:block; width:100%;}

	/* 갤러리 */
	.bbs .list_gallery{border:0; width:100%; border-top:2px solid #222;}
	.bbs .list_gallery ul{position: relative; left:-2%; font-size:0; width:104%;}
	.bbs .list_gallery ul li{display:inline-block; width:25%; vertical-align:top; border-bottom:1px solid #ddd; margin-top:20pt; padding:0 2%; text-align:center; font-size:11pt}
	.bbs .list_gallery ul li a{display:block; margin-bottom:10pt;}
	.bbs .list_gallery ul li .thumb{position: relative; width:100%; padding-bottom:100%; background-size:cover; background-position:50% 50%; transform: scale(1); transition: all .2s ease-in-out;}
	.bbs .list_gallery ul li .thumb:after{content:""; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0); transition: all .3s ease-in-out;}
	.bbs .list_gallery ul li a:hover .thumb{ transform: scale(0.95);}
	.bbs .list_gallery ul li a:hover .thumb:after{content:""; background-color:rgba(0,0,0,0.3);}
	.bbs .list_gallery ul li .info{padding-top:10px;}
	.bbs .list_gallery ul li .info .category{display:block; font-size:small; color:#858585;}
	.bbs .list_gallery ul li .info .title{display:block; color:#222; padding:0; margin-top:3pt;}

	/* 읽기 */
	.bbs .detail{border-top:2px solid #ddd !important;}


	/* 검색 */
	.bbs .search_box{position:relative; text-align:right; right:0; font-size:small; margin-bottom:10px;}
	.bbs .search_box select{}
	.bbs .search_box .search_input{display:inline-block; vertical-align:top; border:1px solid #ddd; height:22pt; padding:0;}
	.bbs .search_box .search_input input[type=search]{width:150px; text-indent:3pt; height:22pt; background:rgba(255,255,255,0); border:0;}
	.bbs .search_box .search_input .btn_search{vertical-align:top; height:100%; font-size:0; width:30px; background:#fff;}
	.bbs .search_box .btn_search i{font-size:large; line-height:24pt;}

	/* 삭제 */
	.bbs.bbs_delete{border:0 !important;}
	.bbs_delete > .box{width:500px; max-width:90%; margin:0 auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10pt 0 20pt 0;}
	.bbs_delete > .box h5{padding:10pt 0; font-size:100%; line-height:180%; font-weight:400;}
	.bbs_delete > .box input{text-indent:0; text-align:center;}

	/* FAQ */
	.bbs .faq li{position:relative; padding:8pt; word-break:keep-all; word-wrap:break-word; border-bottom: 1px #ddd solid; padding-left:35pt;}
	.bbs .faq li label{display:inline-block; text-align:center; width:28pt; margin-left:-30pt; font-family: 'Roboto', sans-serif; font-weight:500; font-size:11pt; vertical-align:-1pt;}
	.bbs .faq li.q{cursor:pointer;}
	.bbs .faq li.q:hover{color:#cf1429;}
	.bbs .faq li.a{display:none; background:#f5f5f5; line-height:150%; padding-top:15pt; padding-bottom:20pt;}
	.bbs .faq li.a label{color:#cf1429; font-weight:700;}

/* 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;}




ul.program_dp {display:block;margin:0 auto;}
ul.program_dp li {display:inline-block;margin-bottom:5px;border:1px solid #000;background-color:#414141;width:18%;height:80px;border-radius:10px;cursor:pointer;text-align:center;}
ul.program_dp li:hover {border:1px solid red;background-color:#ffcece}
ul.program_dp li div.group {width:100%;height:30px;line-height:30px;text-align:center;font-weight:900;color:#fff}
ul.program_dp li div.classname {width:100%;height:40px;line-height:40px;text-align:center;color:#ff3e3e;font-weight:800}
ul.program_dp li div.classname2 {width:100%;height:40px;line-height:20px;text-align:center;color:#ff3e3e;font-weight:800}


/* 프로그램 신청하기 */
.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;}

	a.btn_myroom {
		display:inline-block; padding:5px 15px; background-color:#cc0000; color:#fff; text-align:Center;
		border-radius: 5px;
	}
	a.btn_myroom:hover {background-color:#222;color:#fff;}


/* 나의강의실 */
.myclass{
		display: -ms-flexbox;
		display: -webkit-flex;
	display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
	flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
		-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;
}
.myclass >article,
.myclass > aside{padding:30pt 0; overflow:scroll; height:70vh; }
.myclass > article{
	padding-right:30pt;
	flex:1;
}
.class_title{margin-bottom: 20pt;}
.class_title .class_name{margin-bottom: 10px;}
.class_title .class_name > span{display: inline-block; background: #666; border-radius: 5px; font-size: large; color: #fff; padding: 5px 10px 7px;}
.class_title .class_round{position: relative;}
.class_title .class_round h2{display:inline-block; padding-left:10px;}

	/* 강의전체보기 리스트 */
		.class_total_btn{position: relative; cursor: pointer;  background: transparent;}
		.class_total_btn:after{font-family: 'Material Icons'; font-size: 200%; content: '\e313'; vertical-align:middle; margin-left:5px;}
		.class_total_btn.active:after {content: "\e316"; /* up */}
		.class_total{
			max-height: 500px;
			overflow: auto;
			display: none; opacity: 0;
			position: absolute; top:40px; left:0px; z-index: 10; min-width:50%;
			padding:0; margin:0;
			background-color: #fff; border:1px solid #ddd; border-radius:10px;
				-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
				-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
		}
		.class_total.active {
			display: block;
			animation: fade-in-class_total .5s;
			animation-fill-mode: forwards;
		}
			@keyframes fade-in-class_total {
			  from {opacity: 0;	margin-top:-50px;}
			  to {opacity: 1; margin-top:0;}
			}
		.class_total li{display:block; padding-left: 20px; border-bottom: 1px dashed #eee;}
		.class_total li:hover{background:rgba(200,200,200,0.1); transition: all 0.2s;}
		.class_total li:last-child{border-bottom:0;}
		.class_total li a{position: relative; color:#555; padding:10px 0;}
		.class_total li a:before{
			content:""; position: absolute; top:50%; left:-8px; width:3px; height:3px; background:#ccc; border-radius:10pt;
				-webkit-transform:translateY(-50%);
				-moz-transform:translateY(-50%);
				-ms-transform:translateY(-50%);
			transform: translateY(-50%);
		}
		.class_total li a:hover{color:#000;}
		.class_total li a.active{color:red;}

	/* 동영상 플레이어 */
	.myroom_player{text-align:center; }
	.myroom_player video {width: 100%}




.myclass > aside{
	border-left:1px solid #ddd; border-right:1px solid #ddd;
		-webkit-flex-basis: 350px;
		-ms-flex-preferred-size: 350px;
    flex-basis: 350px;

}
.myclass > aside .box{padding:30pt; border-top:1px solid #ddd;}
.myclass > aside .box:first-child{border-top:0; padding-top:0;}
.myclass > aside .box h3{
	display:inline-block; font-size:large; margin-bottom:15px;
	background: linear-gradient(to top, #FFE400 50%, transparent 50%);
}
.myclass .note_txt{display:block; overflow:hidden; width:100%; line-height: 1.5em; resize:none; padding:0; border:0;}
.myclass .note_date{display:block;}
.myclass .note_list{}
.myclass .note_list li{line-height:1.75em; font-size:small;}
.myclass .note_list a{color:#999;}
.myclass .note_list a:hover{color:#222;}
.myclass .note_list .active, .myclass .note_list .active:hover{color:red;}










.main_program{
    width: 100%;
    padding: 100px 0;
}
.main_program .inner ul{
    font-size: 0;
    width: 100%;
}
.main_program .inner ul li{
    width: 19%;
    margin-left: 1.25%;
    margin-bottom: 0;
    height: 290px;
    border-radius: 0;
    background-color: white;
    border: 0 none;
    box-sizing: border-box;
    position: relative;
}
.main_program .inner ul li:first-child{
    margin-left: 0;
}
.main_program .inner ul li:hover{
    border: 0 none;
    background-color: white;
}
.main_program .inner ul li a .bg{
    background-repeat: no-repeat;
    width: 100%;
    height: 290px;
    text-indent: -9999px;
}
.main_program .inner ul .program_1 a .bg{
    background-image: url(/academy/img/con1_img11.png);
}
.main_program .inner ul .program_2 a .bg{
    background-image: url(/academy/img/con1_img12.png);
}
.main_program .inner ul .program_3 a .bg{
    background-image: url(/academy/img/con1_img13.png);
}
.main_program .inner ul .program_4 a .bg{
    background-image: url(/academy/img/con1_img4.png);
}
.main_program .inner ul .program_5 a .bg{
    background-image: url(/academy/img/con1_img5.png);
}
.main_program .inner ul .program_6 a .bg{
    background-image: url(/academy/img/con1_img6.png);
}
.main_program .inner ul li a .state{
    display: table;
    color: #fff;
    position: absolute;
    top: 0;
    height: 110px;
    width: 100%;
}
.main_program .inner ul li a .state .ready{
	margin:0 auto;margin-top:0px;margin-right:0px;width:80px;height:32px;line-height:32px;background-color:rgba(0,0,0,1);color:#fff;font-size:14px;font-weight:900;
}
.main_program .inner ul li a .state .ing{
	margin:0 auto;margin-top:0px;margin-right:0px;width:60px;height:32px;line-height:32px;background-color:rgba(255,26,26,1);color:#fff;font-size:14px;font-weight:900;
}
.main_program .inner ul li a .state .end{
	margin:0 auto;margin-top:0px;margin-right:0px;width:60px;height:32px;line-height:32px;background-color:rgba(100,100,100,1);color:#fff;font-size:14px;font-weight:900;
}
.main_program .inner ul li a .tit{
    display: table;
    color: #fff;
    position: absolute;
    bottom: 0;
    height: 110px;
    width: 100%;
}
.main_program .inner ul li a .tit dl{
    display: table-cell;
}
.main_program .inner ul li a .tit dl .group{
    font-size: 16px;
    font-weight: 400;
    width: 67px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 50px;
    margin: 0 auto;
    margin-bottom: 14px;
    padding-top: 3px;
}
.main_program .inner ul li a .tit .classname2{
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    padding: 0 10px;
    box-sizing: border-box;
}
/****************visual****************/
.visual{
    height: 750px;
    background-image: url(/academy/img/visual.png);
    width: 100%;
    background-position: center;
    text-align: center;
    background-repeat: no-repeat;
}
.visual .text{
    display: table;
    margin: 0 auto;
    height: 750px;
    padding-top: 120px;
}
.visual .text dl{
    display: table-cell;
}
.visual .text dl dt{
    font-size: 62px;
    color: #ffec4f;
    margin-bottom: 40px;
}
.visual .text dl dd{
    font-size: 30px;
    color:#fff;
    line-height: 40px;
}
/*con2*/
.main_con{
    margin: 100px 0;
    width: 100%;
    background-color: #f8df50;
}
.main_con .customer{
    padding: 40px 0;
}
.main_con .customer .center{
    padding: 0;
}
.main_con .customer .center .c_center{
    width: 47%;
    background-image: url(/academy/img/con2_mainimg.png);
    height: 539px;
    text-align: left;
    font-weight: 600;
    /*box-shadow: 2px 2px 16px #cbb224;*/
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    float: left;
}
.main_con .customer .center .c_center .en{
    font-size: 26px;
    padding: 14px 21px;
    border-radius: 50px;
    font-weight: 500;
    margin: 49px 0 0 29px;
    color:#fff;
    background-color:#252525;
    display: inline-block;
}
.main_con .customer .center .c_center .tel{
    padding: 31px 0 19px 50px;
    font-size: 50px;
    color:#252525;
    display:block;
    line-height: 50px;
}
.main_con .customer .center .c_center .time{
    padding-left: 50px;
    font-size: 24px;
}
.main_con .customer .center .c_center .icon{
    position: absolute;
    right: 0;
    bottom:0;
}
.main_con .customer .center .c_link{
    width: 52%;
    margin: 0 auto;
    font-size: 0;
    float: right;
}
.main_con .customer .center .c_link li{
    display: inline-block;
    width: 49%;
    height: 257px;
    background-color: #fff;
    /*box-shadow: 2px 2px 16px #cbb224;*/
}
.main_con .customer .center .c_link .box1,
.main_con .customer .center .c_link .box3{
    margin-right: 2%;
}
.main_con .customer .center .c_link .box1,
.main_con .customer .center .c_link .box2{
    margin-bottom:26px;
}
.main_con .customer .center .c_link li a .icon{
    background-repeat: no-repeat;
    width: 151px;
    height: 108px;
    margin: auto;
    background-position: top;
    margin-bottom: 20px;
    margin-top:35px;
}
.main_con .customer .center .c_link li a:hover .icon{
    background-position: bottom;
}
.main_con .customer .center .c_link .box1 a .icon{
    background-image: url(/academy/img/con2_icon1.png);
    width: 176px;
}
.main_con .customer .center .c_link .box2 a .icon{
    background-image: url(/academy/img/con2_icon2.png);
}
.main_con .customer .center .c_link .box3 a .icon{
    background-image: url(/academy/img/con2_icon3.png);
    margin-bottom: 15px;
    margin-top:40px;
}
.main_con .customer .center .c_link .box4 a .icon{
    background-image: url(/academy/img/con2_icon4.png);
    margin-bottom: 23px;
    margin-top:32px;
}
.main_con .customer .center .c_link li a .text{
    padding: 10px 32px;
    background-color: #f8df50;
    border-radius: 50px;
    font-size: 24px;
    font-weight: 400;
    color:#252525;
    display: inline-block;
}
.main_con .customer .center .c_link li a:hover .text{
    transition: all 0.2s;
    background-color: #d00c24;
    color:#fff;
}
/*피시(1200)*/
@media screen and (max-width: 1200px){
    .main_program .inner ul li{
        position: relative;
        box-shadow: 2px 2px 6px #b6b6b6;
    }
    .main_program .inner ul .program_1 a .bg{
        background-image: url(/academy/img/m_con1_img11.png);
        background-position: center 50%;
        background-size: 250px;
    }
    .main_program .inner ul .program_2 a .bg{
        background-image: url(/academy/img/m_con1_img12.png);
        background-position: center -2%;
        background-size: cover;
    }
    .main_program .inner ul .program_3 a .bg{
        background-image: url(/academy/img/m_con1_img13.png);
        background-position: 40% 40%;
        background-size: cover;
    }
    .main_program .inner ul .program_4 a .bg{
        background-image: url(/academy/img/m_con1_img4.png);
        background-position: center 100%;
        background-size: cover;
    }
    .main_program .inner ul .program_5 a .bg{
        background-image: url(/academy/img/m_con1_img5.png);
        background-position: 0% 10%;
        background-size: cover;
    }
	.main_program .inner ul .program_6 a .bg{
        background-image: url(/academy/img/m_con1_img6.png);
        background-position: 0% 10%;
        background-size: cover;
    }
    .main_program .inner ul li a .tit{
        background-color:rgba(0,0,0,0.6);
    }
    .main_con .center{
        width: 96%;
    }
}
/*피시-테블렛(1024-780)*/
@media screen and (max-width: 1024px){
    .main_program{
        padding: 60px 0;
    }
    .main_program .inner ul li{
        height: 240px;
    }
    .main_program .inner ul li a .bg{
        height: 240px;
    }
    .main_program .inner ul .program_3 a .bg{
        background-size: 190px;
    }
    .main_program .inner ul .program_4 a .bg{
        background-size: 182px;
    }
    .main_program .inner ul .program_5 a .bg{
        background-position: 0% 10%;
        background-size: 185px;
    }
	.main_program .inner ul .program_6 a .bg{
        background-position: 0% 10%;
        background-size: 185px;
    }
    .main_program .inner ul li a .tit .classname2{
        font-size:18px;font-weight:600;
        line-height: 16px;
    }
    .main_con{
        margin:0;
    }
    .main_con .customer{
        padding: 60px 0;
    }
    .main_con .customer .center .c_center{
        width: 100%;
        height:220px;
        margin-bottom: 26px;
        text-align: center;
        background-position: left -210px;
        background-color: #f0851d;
    }
    .main_con .customer .center .c_center .en{
        padding: 14px 21px;
        margin: 33px 0 0 0;
    }
    .main_con .customer .center .c_center .tel{
        padding: 19px 0 22px 0px;
    }
    .main_con .customer .center .c_center .time{
        padding-left:0;
    }
    .main_con .customer .center .c_center .icon{
        display: none;
    }
    .main_con .customer .center .c_link{
        width: 100%;
    }
}
/*테블렛-모바일(780-480)*/
@media screen and (max-width: 780px) {
    .main_program .inner ul li{
        width: 49%;
        margin-left: 1.25%;
        margin-bottom: 15px;
    }
    .main_program .inner ul li:last-child{
        margin-bottom: 0;
    }
    .main_program .inner ul li:nth-child(1),
    .main_program .inner ul li:nth-child(3),
    .main_program .inner ul li:nth-child(5){
        margin-left:0;
        margin-right: 1%;
    }
    .main_program .inner ul li:nth-child(2),
    .main_program .inner ul li:nth-child(4){
        margin-left:1%;
        margin-right: 0;
    }
    .main_program .inner ul .program_1 a .bg{
        background-position: center 40%;
        background-size: cover;
    }
    .main_program .inner ul .program_2 a .bg{
        background-position: center 10%;
    }
    .main_program .inner ul .program_3 a .bg{
        background-position: 40% 40%;
        background-size: cover;
    }
    .main_program .inner ul .program_4 a .bg{
        background-position: center 50%;
        background-size: cover;
    }
    .main_program .inner ul .program_5 a .bg{
        background-position: 0% 30%;
        background-size: cover;
    }
	.main_program .inner ul .program_6 a .bg{
        background-position: 0% 30%;
        background-size: cover;
    }
    .main_program .inner ul li a .tit .classname2{
        font-size:18px;font-weight:600;
        line-height: 18px;
    }
    .visual{
        height: 400px;
        background-image: url(/academy/img/tablet_visual.png);
        width: 100%;
        background-position: center;
        text-align: center;
    }
    .visual .text{
        height: 400px;
        padding-top: 65px;
    }
    .visual .text dl dt{
        font-size: 33px;
        margin-bottom: 22px;
    }
    .visual .text dl dd{
        font-size: 18px;
        line-height: 23px;
    }
    .main_con .customer .center .c_center .tel{
        padding: 15px 0 18px 0px;
    }
}
/*모바일(480)*/
@media screen and (max-width: 480px) {
    .main_program{
        padding: 40px 0;
    }
    .main_program .inner ul li{
        margin-bottom: 10px;
    }
    .main_con .customer{
        padding: 40px 0;
    }
    .main_con .customer .center .c_center{
        height:190px;
        background-position: -30px -210px;
    }
    .main_con .customer .center .c_center .en{
        font-size: 22px;
        padding: 10px 15px;
        margin: 33px 0 0 ;
    }
    .main_con .customer .center .c_center .tel{
        padding: 13px 0;
        font-size: 39px;
        line-height: 39px;
    }
    .main_con .customer .center .c_center .time{
        font-size: 20px;
    }
    .main_con .customer .center .c_link li{
        height: 200px;
    }
    .main_con .customer .center .c_link li a .icon{
        margin-bottom: 20px;
        margin-top:30px;
        background-size: 80%;
        height: 86px;
    }
    .main_con .customer .center .c_link .box3 a .icon{
        margin-bottom:12px;
        margin-top:38px;
    }
    .main_con .customer .center .c_link .box4 a .icon{
        margin-bottom:18px;
    }
    .main_con .customer .center .c_link li a .text{
        padding: 10px 15px;
        font-size: 20px;
    }


}

.accordian{
	padding:10px 0 10px 10px;
	font-size: 17px;
}

.accordian:hover{
	background: rgba(200,200,200,0.1); transition: all 0.2s;
}

.accordian2{
	padding:10px 0;
	font-size: 15px;
}

.accordian2:hover{
	background: rgba(200,200,200,0.1); transition: all 0.2s;
}



/* 메인 프로그램 */
.thumbnail_program{padding:50px 0 30px; text-align:center;}
	.thumbnail_program .title{}
	.thumbnail_program .title .ico{width:100px; margin:0 auto; margin-bottom:10px;}
	.thumbnail_program .title .ico img{max-width:100%;}
	.thumbnail_program .title h1{position: relative; display:inline-block; color:#000; background:#fff; padding:0 20px; font-size:30pt; margin:20px 0 10px;}
	.thumbnail_program .title h1:before{
		content:""; position: absolute; left:50%; top:50%; z-index:-1; width:500px; height:1px; border-top:1px solid #b2b2b2;
		transform: translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
	}
	.thumbnail_program .title h2{display:block; font-weight:200; font-size:12.5pt; margin-top:10px;}
	.thumbnail_program ul{width:100%; font-size:0; margin:30px auto 0px auto; text-align:left;}
	.thumbnail_program ul li{display:inline-block; width:33.33%; font-size:12pt; vertical-align:top; padding:20pt;}
	.thumbnail_program ul li a{display:block;}
	.thumbnail_program ul li .thumb{position: relative; width:100%; padding-bottom:100%; overflow:hidden;}
	.thumbnail_program ul li .thumb .img{
		position: absolute; width:100%; height:100%; background-size:cover; background-position:50% 50%; z-index:-1;
		transform: scale(1); transition: all .3s ease-in-out;
	}
	.thumbnail_program ul li .thumb .img:after{transition: all .3s ease-in-out;}
	.thumbnail_program ul li .thumb .month{
		position: absolute; display:table; top:5px; right:5px; width:50px; height:50px; background:#e05755;
		border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;
	}
	.thumbnail_program ul li .thumb .month > span{display:table-cell; text-align:center; vertical-align:middle; color:#fff;}
	.thumbnail_program ul li .thumb .ribbon{position: absolute; top:0; right:0; width:85px; height:90px; overflow:hidden;}
	.thumbnail_program ul li .thumb .ribbon > span{
		position: relative; top:10px; left:0; width: 120px; background-color: #ecaf36;
		display:block; font-size:100%; color: #000; text-align: center; padding:5px 0 5px 5px;
        -webkit-transform: rotate(45deg);
        -moz-transform:    rotate(45deg);
        -ms-transform:     rotate(45deg);
        -o-transform:      rotate(45deg);
    }




	.thumbnail_program ul li .info{margin-top:10px; text-align:left; line-height:120%;}
	.thumbnail_program ul li .info .ico_box{display:block; margin-bottom:10px;}
	.thumbnail_program ul li .info .ico_box p{
		display:inline-block; padding:1px 5px 2px 5px;background:#212121; color:#fff; font-sizE:small;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	}
	.thumbnail_program ul li .info .ico_box p.month{background:#212121;}

	.thumbnail_program ul li .info p{display:block; margin-top:5px; word-break:keep-all; word-wrap:break-word;}
	.thumbnail_program ul li .info p.title{display:block; font-size:14pt; font-weight:500; color:#000; margin-bottom:5px;}
	.thumbnail_program ul li .info p.date{margin-top:1px; font-size:small; color:#999;}

		/* hover 효과 */
		.thumbnail_program ul li a:hover .thumb .img{transform: scale(1.07);}
		.thumbnail_program ul li a:hover .info p.title{text-decoration:underline}

		/* 모집중/마감 구분 */
		.thumbnail_program ul li a.ing{}
		.thumbnail_program ul li a.ing .info .ico_box .process{background:#e05755; color:#fff;}
		.thumbnail_program ul li a.ing .info .ico_box .half{background:#00bac9; color:#fff;}
		.thumbnail_program ul li a.ing .info .ico_box .full{background:#4a66d1; color:#fff;}
		.thumbnail_program ul li a.ing .info .ico_box .camp{background:#39b54a; color:#fff;}
		.thumbnail_program ul li a.ing .progress{background:#e05755; color:#fff;}

		.thumbnail_program ul li a.end .thumb{background-color:rgba(0,0,0,0.24);}
		.thumbnail_program ul li a.end .info .ico_box .process,
		.thumbnail_program ul li a.end .info .ico_box .half,
		.thumbnail_program ul li a.end .info .ico_box .full,
		.thumbnail_program ul li a.end .info .ico_box .camp{background:#ccc; color:#333;}



/* 슬라이더 추가 */
	/* 직관적코딩 */
	.main_slider li.coding{background-color:#fffaf0;}
	.main_slider li.coding .box .txt h1{letter-spacing: -3px; margin-top: 0; color:#f7b100;}
	.main_slider li.coding .box .txt h2{margin-top: 5pt;}
	.main_slider li.coding .box .txt h3{background:#f7b100;}
	.main_slider li.coding .box .txt h4{margin-top:20pt;}
	.main_slider li.coding .box .txt h5{font-size:100%;}
	.main_slider li.coding .box .txt h5 b{display:block; font-size:110%; margin-top:5pt;}

	.main_slider li.coding.coding2{background-color:#ededf9;}
	.main_slider li.coding.coding2 .box .txt h1{color:#524ac3;}
	.main_slider li.coding.coding2 .box .txt h3{background:#524ac3;}

	/* 메이커스타 */
	.main_slider li.makestar{
		/* background-color:#f4f4f7; */
		background-image:url('/eduacademy/img/slider_makestar_bg.png');
		background-repeat:no-repeat; background-position:100% 50%; background-size:cover;
	}
	.main_slider li.makestar .box .txt h3{background:#d64133;}

	/* 누우스 */
	.main_slider li.nyouth{
		/* background-color:#f4f4f7;
		background-image:url('/eduacademy/img/slider_makestar_bg.png'); */
		background-repeat:no-repeat; background-position:100% 50%; background-size:cover;
	}
	.main_slider li.nyouth .box .txt h3{background:#14fcd6; color:#000;}
	.main_slider li.nyouth .box .txt h2{color:#0030f6; letter-spacing:1.25px;}
	/* .main_slider li.nyouth .box .txt h1{color:#fff;}
	.main_slider li.nyouth .box .txt h5{color:rgba(255,255,255,0.7);} */
	.main_slider li.nyouth .box .btn a{color:#FFF; border:1px solid #0030f6; background:#0030f6;}

	/* 진로지도관리상담사 */
	.main_slider li.guidance{background-color:#ecf9ff;
	}
	.main_slider li.guidance .box .txt h3{background:#2d93dd;}
	.main_slider li.guidance .box .txt h2{color:#53d5f3;}
	.main_slider li.guidance .box .txt h1 b{color:#5fd6c7;}