/******** components  ***^****/
.con{
	width:100%;
	margin:0 auto;
}
.con .inner{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.con strong{
	font-weight: 900
}
.fl {
    float:left;
}
.txt_center {
    text-align: center;
}
.cf:after {
    display:block;
    content:'';
    clear:both;
}
.txt24 {
    font-size:24px;
}
.txt22 {
    font-size:22px;
}
.txt20 {
    font-size:20px;
}
.txt {
    font-size:18px;
}
.txt17 {
    font-size:17px;
}
.txt16 {
    font-size:16px;
}
.txt15 {
    font-size:15px;
}
.line{
	padding:25px 0;
	text-align:center;
}
.line .linetxt{
	font-size:29px;
	line-height:100%;
	font-weight:600;
}
/******** //components  ***^****/


/******** 수강신청페이지 신규 공통 ***^****/
.master{
	padding-top:50px;
	font-family:'Nanum Square', 'sans-serif' !important;
}
.master .inner_tit{
	width:100%;
	margin:0 auto 22px;
	text-align:center;
}
.master .inner_tit h1{
	font-size:28px;
	line-height:100%;
	margin:16px auto 0;
	font-weight:500;
}
.master .con{
	text-align: center;
}
.master .con1{
	background:url('/_skin/tpl_skin/basic_marinequality/images/apply/top_bg.png')center no-repeat;
	padding:102px 0;
}
.master .con1 .bullet{
	position:absolute;
	left:-210px;
	top: -30px;
}
.master .con2{
	background:url('/_skin/tpl_skin/basic_marinequality/images/apply/con1_bg.png')center no-repeat;
	padding:96px 0;
	color:#fff;
}
.master .con2 .con_txt{
	font-weight:100;
	font-size:17px;
	line-height:29px;
	color:#cccaca;
	margin:0 auto 52px;
}
.master .con2 .div-table p{
	font-size:18px;
	line-height:23px;
	margin:27px 0 0 0;
}
.master .con3{
	padding:97px 0;
}
.master .con3 .inner_tit{
	margin: 0 auto 50px;
}
.master .con3 img:last-child{
	margin-top:70px;
}
.master .line{
	background:#17244e;
	color:#fff;
}
.master .con4{
	background:#354d59;
	padding:105px 0 0;
	color:#fff;
	position: relative;
    overflow:hidden;
}
.master .con4 .inner{
	width:1100px;
	margin:0 auto;
}
.master .con4 .teacher_menu{
	width:1000px;
	height:48px;
	margin:56px auto 0;
	position:relative;
}
.master .con4 .teacher_menu:after{
	position: absolute;
	left:-1000px;
	top:0;
	width:100%;
	height:48px;
	background:#2e8681;
	display: block;
	content:'';
}
.master .con4 .teacher_menu:before{
	position: absolute;
	right:-999px;
	top:0;
	width:100%;
	height:48px;
	background:#2e8681;
	display: block;
	content:'';
}
.master .con4 .teacher_menu li{
	float:left;
	text-align: center;
	width:calc(25% - 1px);
	margin-right:1px;
}
.master .con4 .teacher_menu li:nth-child(4){
	margin-right:0;
}
.master .con4 .teacher_menu li a{
	display: block;
	width:100%;
	height:48px;
	line-height:48px;
	font-size:24px;
	font-weight: 400;
	background:#2e8681;
}
.master .con4 .teacher_menu li a.selected,
.master .con4 .teacher_menu li a:hover{
	background:#166d68;
	font-weight: 900;
}
.master .con4 .tab-content{
	height:673px;
	padding-left:calc(100% - 557px);
	margin-top: -20px;
}
.master .con4 .tab-content1{
	background:url('/_skin/tpl_skin/basic_marinequality/images/apply/teacher_01.png')left bottom no-repeat;
}
.master .con4 .tab-content2{
	background:url('/_skin/tpl_skin/basic_marinequality/images/apply/teacher_02.png')left bottom no-repeat;
}
.master .con4 .tab-content3{
	background:url('/_skin/tpl_skin/basic_marinequality/images/apply/teacher_03.png')left bottom no-repeat;
}
.master .con4 .tab-content4{
	background:url('/_skin/tpl_skin/basic_marinequality/images/apply/teacher_04.png')left bottom no-repeat;
}
.master .con4 .tab-content .teacher_name{
	padding:109px 0 52px;
	text-align:left;
	letter-spacing:-0.7px;
}
.master .con4 .tab-content .teacher_name p{
	font-size:28px;
	line-height:100%;
	color:#ededed;
	font-weight: 400;
}
.master .con4 .tab-content .teacher_name h1{
	color:#11e0d4;
	font-size:41px;
	line-height:100%;
	margin-top:25px;
}
.master .con4 .tab-content .teacher_name h1 span{
	font-size:29px;
	font-weight:400;
}
.master .con4 .tab-content .samp_wrap{
}
.master .con4 .tab-content .samp_wrap ul{
	display:table;
	width:508px;
}
.master .con4 .tab-content .samp_wrap ul li{
	width:50%;
	height:55px;
	text-align:center;
	display:table-cell;
	vertical-align: middle;
	background:#b68819;
	cursor: pointer;
	font-size:17px;
	font-weight:500;
	line-height:20px;
}
.master .con4 .tab-content .samp_wrap ul li:nth-child(2){
	margin-right:0;
	border-left:1px solid #354d59
}
.master .con4 .tab-content .samp_wrap ul li.selected,
.master .con4 .tab-content .samp_wrap ul li:hover{
	background:#906b12;
}
.master .con4 .tab-content .samp_wrap ul li i{
	font-size:13px;
	font-weight:100;
	font-style: normal;
}
.master .con4 .tab-content .samp_wrap .sample_play{
	display: block;
	width:508px;
	height:284px;
	background:url('/_skin/tpl_skin/basic_marinequality/images/apply/play_bg.png')center no-repeat;
	margin:1px 0 0;
	font-size: 0;
}
.master .con5{
	background:#fff;
	padding:100px 0;
}
.master .con5 .inner > img{
	margin-top:30px;
}
.master .con6{
	padding:100px 0;
	background:#c5dbee;
}
.master .con6 .inner{
	width:1200px;
	background:url('/_skin/tpl_skin/basic_marinequality/images/apply/book.png') left bottom no-repeat;
	height:613px;
}
.master .con6 .inner > img{
	float:right;
	margin:100px;
}
.master .con6 .inner .popupVideo{
	bottom:0px;
	left:80px;
}
.master .con7{
	padding:70px 0;
	background:#f0f0f0;
}
.master .con7 .bene_wrap{
	width:100%;
	margin:64px auto 0;
	background:#fff;
	padding:20px 0;
}
.master .con7 .bene_wrap ul li{
	width:20%;
	text-align:center;
	position: relative
}
.master .con7 .bene_wrap ul li:after{
	position: absolute;
	right:-10px;
	top:38%;
	content:'+';
	font-size:20px;
	font-weight: 900;
}
.master .con7 .bene_wrap ul li:last-of-type:after{
	display:none;
}
.master .con7 .bene_wrap ul li p{
	font-size:16.5px;
	font-weight: 400;
	margin-top:4px;
	letter-spacing:-0.7px;
}
.master .con7 .bene_wrap ul li a{
	display: block;
	width:76px;
	height:20px;
	line-height:20px;
	background:#2a2544;
	color:#fff;
	font-size:12px;
	margin:3px auto 0;
	font-weight: 400;
}