/* Table import */
@import url('/Content/Homepage/css/ko-KR/table_layout.css');




/* Sub Title // ST  */
.Sub_Title_01{border-bottom: 1px solid #e0e0e0; position: absolute;top: 50px;left: 0; width: 100%; text-align: center;font-size: 18px; top: 111px; height: 180px; line-height: 210px; color: #fff; background: #40495e url("/Content/Homepage/image/ko-KR/img/Sub_Title_01.png")center top no-repeat; background-attachment: fixed;}
/* Sub Title // END */

.mcl_titlel01{}
.mcl_titlel01 h2{margin-bottom: 20px; border-bottom: 2px solid #404040; padding-bottom: 5px; padding-left: 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}


/* 나의강의실 // ST  */
.tab_01{ height: 50px; text-align: center;}
.tab_01>ul{display: inline-block; margin-bottom: -1px; width: 100%;}
.tab_01>ul>li{float: left; width: 33.333333%;}
.tab_01>ul>li>a{display: block; height: 50px; padding: 0; margin: 0 2px; text-align: center; font-size: 15px; font-weight: 600; line-height: 50px; color: #404040; border: 1px solid #d0d0d0; border-radius: 10px 10px 0 0;}
.tab_01>ul>li>a>span{display: inline-block; font-size: 13px; font-weight: 400; line-height: 50px; color: #404040; margin-left: 20px;}
.tab_01>ul>li>a:hover{background-color: #f2f2f2;}
.tab_01>ul>li>a.on{border: 1px solid #58b6c4; background-color: #58b6c4; color: #fff;}
.tab_01>ul>li>a.on>span{color: #fff;}

/* 서브탭 // ST  */
.tab_02{ height: 40px;}
.tab_02>ul{display: inline-block; margin-bottom: -1px; width: 100%;}
.tab_02>ul>li{float: left;}
.tab_02>ul>li>a{display: block; height: 40px; line-height: 40px; padding: 0 30px; margin: 0px; text-align: center; font-size: 14px; font-weight: 500; color: #404040; border: 1px solid #d0d0d0; border-bottom: none; border-right: none;}
.tab_02>ul>li:last-child a{border-right: 1px solid #d0d0d0;}
.tab_02>ul>li>a:hover{background-color: #f2f2f2;}
.tab_02>ul>li>a.on{border: 1px solid #404040; background-color: #404040; color: #fff;}
.tab_02>ul>li>a.on>span{color: #fff;}

/* 회원가입 탭 // ST  */
.tab_03{ height: 50px; text-align: center;}
.tab_03>ul{display: inline-block; margin-bottom: -1px; width: 100%;}
.tab_03>ul>li{float: left; width: 33.333333%;}
.tab_03>ul>li>a{display: block; height: 50px; padding: 0 40px; margin: 0 2px; text-align: center; font-size: 16px; font-weight: 600; line-height: 50px; color: #404040; border: 1px solid #d0d0d0; border-radius: 10px; cursor: auto;}
.tab_03>ul>li>a.on{border: 1px solid #58b6c4; background-color: #58b6c4; color: #fff;}

.home_section_box01{ margin-top: 40px; text-align: center; position: relative;}

.home_section_title01{font-size: 18px; font-weight:500; color: #fff; text-align: left; border-radius: 5px; background-color: #404040; padding: 5px 20px;}
.home_section_title01>strong{font-weight: 500; color: #E4A837; margin-left: 10px;}
.home_section_title01>span{display: inline-block; margin: 0 20px; font-weight: 100; color: #707070;}

.home_learning_box01{position: relative; overflow: hidden; margin: 20px 0;}
.home_learning_box01:before{content:''; display:block; clear:both;}
.home_learning_box02{position: relative; overflow: hidden; margin: 20px 0; padding: 20px; border-radius: 5px; border: 1px solid #d0d0d0; box-shadow:2px 2px 5px rgba(0,0,0,.1); background-color: #f9f9f9;}
.home_learning_box02:before{content:''; display:block; clear:both;}
	/* 남은학습일 */
	.home_info01{position: relative; float: left; border-radius: 5px; border: 1px solid #d0d0d0; box-shadow:2px 2px 5px rgba(0,0,0,.1); background-color: #fff; width: 30%; height: 130px; padding: 20px; text-align: center;}
	.home_info01>p{border-bottom: 1px solid #e0e0e0; font-size: 18px; color: #404040; font-weight: 600; text-align: left;}
	.home_info01>span{display: block; font-size: 16px; line-height: 100%; margin-top: 30px; text-align: center;}
	.home_info01>span>strong{ font-size: 30px; color: #58b6c4;}
	/* 수료기준 */
	.home_info02{position: relative; float: left; border-radius: 5px; border: 1px solid #d0d0d0; box-shadow:2px 2px 5px rgba(0,0,0,.1); background-color: #fff; width: 34%; margin-left: 1%; height: 130px; padding: 20px; text-align: center;}
	.home_info02>p{border-bottom: 1px solid #e0e0e0; font-size: 18px; color: #404040; font-weight: 600; text-align: left; margin-bottom: 20px;}
	.home_info02>span{display: block; font-size: 14px; color: #707070; text-align: left; margin-top: 2px;}
	.home_info02>span>strong{color: #e6363d;}
	/* 학습하기 */
	.home_info03{position: relative; float: left; width: 34%; margin-left: 1%; height: 130px; text-align: center;}
	.btn_apply_02{display: block; color: #fff; background-color: #58b6c4; font-size: 20px; font-weight: 500; text-align: center; border-radius: 5px; height: 130px; line-height: 130px;}
	.btn_apply_02>span{display: inline-block; border: 1px solid rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.15); border-radius: 2px; padding: 0 5px; height: 22px; line-height: 22px; font-size: 11px; font-weight: 100;  margin-left: 15px;}
	.btn_apply_02:hover{background-color: #202020;}
	/* 학습진도율 */
	.home_info04{position: relative; float: left; width: 28%;}
	.home_info04:after{content:''; display:block; clear:both;}
	.home_info04>.graph_01{float: left; width: 48%; text-align: right; margin-top: 15px;}
	.home_info04>.g_info{float: left; width: 48%; text-align: left; margin-top: 15px; margin-left: 4%;}
	.home_info04>p{font-size: 22px; color: #404040; font-weight: 600; text-align: center;}
	.home_info04>.g_info>span{display: inline-block; font-size: 16px; color: #e6363d;}
	.home_info04>.g_info>span>strong{font-size: 30px; line-height: 50px;}

	.home_info05{position: relative; float: left; width: 66%; margin-left: 6%;}
	.bar_ch02 {position: relative; width:100%; color:#666;font-weight:normal; padding-right:80px; margin-top: 5px; text-align: left;}
	.bar_ch02>span{display: inline-block; position: absolute; right: 0; top: 20px; width: 80px; height: 20px; line-height: 20px; text-align: center;}
	.bar_ch02>p{font-size: 14px; color: #404040; font-weight: 600;}
	.bar_ch02>span>strong{font-size: 18px; color: #e6363d; font-weight: 600;}
	.bar_ch02.ch03>span>strong{color: #E4A837; font-weight: 600;}
	.bar_ch02>.bar_st01{display: inline-block; background-color: #d0d0d0; width: 100%; height: 14px; margin-top: 3px; border-radius: 10px; overflow: hidden;}
	.bar_ch02>.bar_st01 .bar_p{display: block; background-color: #e6363d; height: 14px;}
	.bar_ch02>.bar_st02{display: inline-block; background-color: #d0d0d0; width: 100%; height: 14px; margin-top: 3px; border-radius: 10px; overflow: hidden;}
	.bar_ch02>.bar_st02 .bar_p{display: block; background-color: #E4A837; height: 14px;}

	.home_info06{position: relative; float: left; border-radius: 5px; border: 1px solid #d0d0d0; box-shadow:2px 2px 5px rgba(0,0,0,.1); background-color: #fff; width: 50%; padding: 20px; text-align: center;}
	.home_info06>p{border-bottom: 1px solid #e0e0e0; font-size: 22px; color: #404040; font-weight: 600; text-align: left;}
	.home_info06>ul:after{content:''; display:block; clear:both;}
	.home_info06>ul>li{float: left; width: 33.333%; text-align: center;}
	.home_info06>ul>li>span{display: inline-block; font-size: 18px; color: #fff; background-color: #ec656a; width: 100px; height: 100px; padding: 40px 0; border-radius: 50%; margin-top: 15px; text-align: center;}
	.home_info06>ul>li>span.ps{background-color: #50af7d;}
	.home_info06>ul>li>span.to{background-color: #fff; color: #404040; width: 100%;}
	.home_info06>ul>li>p{font-size: 16px; line-height: 100%; margin-top: 10px; text-align: center;}
	
	.home_info07{position: relative; float: left; border-radius: 5px; border: 1px solid #d0d0d0; box-shadow:2px 2px 5px rgba(0,0,0,.1); background-color: #fff; width: 49%; margin-left: 1%; padding: 20px; text-align: center;}
	.home_info07>p{border-bottom: 1px solid #e0e0e0; font-size: 22px; color: #404040; font-weight: 600; text-align: left;}
	.home_info07>ul:after{content:''; display:block; clear:both;}
	.home_info07>ul>li{float: left; width: 33.333%; text-align: center;}
	.home_info07>ul>li>span{display: inline-block; font-size: 18px; color: #fff; background-color: #ec656a; width: 100px; height: 100px; padding: 40px 0; border-radius: 50%; margin-top: 15px; text-align: center;}
	.home_info07>ul>li>span.ps{background-color: #50af7d;}
	.home_info07>ul>li>span.to{background-color: #fff; color: #404040;}
	.home_info07>ul>li>p{font-size: 16px; line-height: 100%; margin-top: 10px; text-align: center;}

.section_box01{ margin-top: 40px; margin-bottom: 40px; text-align: center; position: relative;}
/* 섹션타이틀 */
.section_title01{font-size: 18px; font-weight:500; color: #000; text-align: left; border-bottom: 2px solid #404040;}
.section_title01>span{font-size: 14px; font-weight: 400; color: #707070;}
.section_title02{font-size: 18px; font-weight:500; color: #000; text-align: left; border-bottom: 2px solid #404040;}
.section_title02>span{font-size: 14px; font-weight: 400; color: #707070;}
.section_title03{font-size: 18px; font-weight:500; color: #000; text-align: left; border-bottom: 2px solid #404040;}
.section_title03>span{font-size: 14px; font-weight: 400; color: #707070;}

/* 회원가입-약관동의 */
.section_box_join{ margin-top: 40px; padding-bottom:20px; text-align: center; position: relative;border-bottom: 2px solid #404040;}
	/* 섹션타이틀 */
	.section_title_join{margin-bottom:20px;font-size: 18px; font-weight:500; color: #000; text-align: left; border-bottom: 2px solid #404040;}
	/* 약관 보기 */
	.terms_view{height:220px;border: 1px solid #e0e1e3; margin: 0 20px; padding: 15px; overflow-x: hidden; overflow-y: auto; color: #707070; text-align: left;}
	.terms_view_full{margin: 0 20px; padding: 15px; color: #707070; text-align: left;}
		.terms_view_full h3{margin-bottom:20px;color:#000; font-size: 20px;}
		.terms_view_full h4{margin-bottom:15px;color:#333; font-size: 18px;}
		.terms_view_full h5{margin-bottom:5px;color:#333; font-size: 14px; font-weight: 500;}
	/* 약관 동의 */
	.terms_agree{position:relative; margin:10px 20px 0; padding-left:30px;font-size:14px;text-align: left;}
	.terms_agree input[type='checkbox']{position:absolute; left:0; top:0; width:20px; height:20px;}
	.terms_agree.tot{display:inline-block;margin:40px auto 0; }

/* 인포 박스 */
.section_box_noti{ margin: 60px 20px 0; padding:40px; text-align: center; position: relative;border: 1px solid #e0e1e3;}
.section_box_noti p{font-size:18px;line-height: 1.7em;}
.section_box_noti p.noti{color:#e84e0f;font-size:14px;}
.section_box_noti p strong.red{color:#e84e0f;}
.section_box_noti p strong.blue{color:#0090ff;}
.section_box_noti.st{margin: 60px 200px 0;}
.section_box_noti.st h2{position: absolute;left: 0;top: -40px;font-size: 18px; font-weight:500; color: #000;}
.section_box_noti.st .box_input{display: block; margin:0 140px 20px;}
.section_box_noti.st .box_input label{display: block; color: #666; font-size: 14px; text-align: left;}
.section_box_noti.st .box_input input{box-sizing: border-box; width: 100%;height:40px;padding:0 10px;border: 1px solid #e0e1e3;}

/* 프로필 박스 */
.section_box_profile{}
	.section_box_profile h3{font-size: 18px; font-weight:500; color: #000; text-align: left;}
	.profile_contents{display: flex; box-sizing: border-box; border:1px solid #e0e0e0;}
	.profile_contents .profile_imgbox{width: 230px; max-height: 280px; background: #f6f6f6; overflow: hidden; border: 15px solid #f6f6f6; text-align: center;}
	.profile_contents .profile_imgbox img{width: 120px;}
	.profile_contents dl{flex:1; box-sizing: border-box; border-left:1px solid #e0e0e0; padding: 15px 0 15px 15px; }
	.profile_contents dl dt{ margin-bottom:15px;font-size: 16px; font-weight:bold;}
	.profile_contents dl dd{ width: 100%; max-height: 214px; overflow-x:auto; color:#606060;font-size: 13px; line-height: 1.8em; }
	.profile_contents dl dd span{display: block; margin-bottom: 5px; color:#000;font-size: 14px;}
	.profile_contents dl dd li:before{content: "-"; display: inline-block; margin:0 5px;}


/* 좌측 정보*/
.learning_box01{position: relative; margin-top: 20px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #e0e0e0;}
.learning_box01:after{content:''; display:block; clear:both;}
	/* 이미지*/
	.title_img_box{float: left; margin-left:20px;}
	.title_img01{display:block; position: relative; width: 250px; height: 141px;}
	.title_img01:before{content:''; display:block; clear:both; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  /*   플레이 버튼    background: url("/Content/Homepage/image/ko-KR/common/icon_play.png") center 50% no-repeat;*/}
	.title_img01:hover:before{content:''; display:block; clear:both; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.7)  /*   플레이 버튼    url("/Content/Homepage/image/ko-KR/common/icon_play.png") center 50% no-repeat;*/}
	/* 학습하기버튼*/
	.btn_apply{display: inline-block; position: absolute; right: 20px; top: 37px; color: #fff; width: 200px; height: 105px; line-height: 105px; background-color: #58b6c4; font-size: 20px; font-weight: 500; text-align: center; border-radius: 5px;}
	.btn_apply>span{display: inline-block; border: 1px solid rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.15); border-radius: 2px; padding: 0 5px; height: 22px; line-height: 22px; font-size: 11px; font-weight: 100;  margin-left: 15px;}
	.btn_apply:hover{background-color: #202020;}

/* 과정상세*/
.section_box02{text-align: center; position: relative; border: 1px solid #e0e0e0; background-color: #fff; padding: 10px;}
.learning_box02{position: relative;text-align: center; overflow: hidden;}
	/* 이미지*/
	.title_img_box01{float: left;}
	.title_img02{display:block; position: relative; width: 250px; height: 141px; margin: 10px 0 0 10px; overflow: hidden;}
	.title_img02>img{max-width: 250px; width: auto; height: 141px; margin: 0; overflow: hidden;}
	.info_box01{float: left; margin-left: 20px;padding: 4px 0; width: 730px;}
	.info_box01>li{text-align: left; padding:1px 7px; font-size: 15px; color: #505050;}
	.info_title01{font-size: 18px; color: #000; font-weight: 600; text-align: left;}
	.info_title02{font-size: 15px; color: #404040; font-weight: 500; text-align: left;}

/* 수강신청상세*/
.section_box03{text-align: center; position: relative;background-color: #fff; }
	/* 이미지*/
	.title_img03{display:block; position: relative; width: 250px; overflow: hidden;}
	.title_img03>img{max-width: 250px; width: auto; height: 141px;}
	/* 수강신청버튼*/
	.btn_apply01{display: inline-block; position: absolute; right: 20px; top: 0px; color: #fff; width: 220px; height: 72px; line-height: 72px; background-color: #58b6c4; font-size: 18px; font-weight: 500; text-align: center; border-radius: 5px;}
	.btn_apply01>span{display: inline-block; border: 1px solid rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.15); border-radius: 2px; padding: 0 5px; height: 22px; line-height: 22px; font-size: 11px; font-weight: 100;  margin-left: 15px;}
	.btn_apply01:hover{background-color: #202020;}

/* 우측 정보*/
.info_box{float: left; margin-left: 20px; width: 500px;}
	/* 과정명 */
	.info_title{font-size: 18px; color: #000; text-align: left;}
	.info_title>span{font-weight: 500; color: #707070;}
	.info_list_box{margin-top: 10px;}
	.info_list_box:after{content:''; display:block; clear:both;}
	.info_list_box>li{float: left; padding-right: 5px;}

	/* 학습한시간 */
	.info_list01{text-align: center; border: 1px solid #58b6c4; padding: 10px; border-radius: 5px; width: 130px; height: 105px;}
	.info_list01>p{color: #707070; font-weight: 600;}
	.info_list01>span{display: block; font-size: 16px; line-height: 100%; margin-top: 30px; text-align: center;}
	.info_list01>span>strong{ font-size: 30px; color: #58b6c4;}
	/* 남은교육일 */
	.info_list02{text-align: center; border: 1px solid #58b6c4; padding: 10px; border-radius: 5px; width: 130px; height: 105px;}
	.info_list02>p{color: #707070; font-weight: 600;}
	.info_list02>span{display: block; font-size: 16px; line-height: 100%; margin-top: 30px; text-align: center;}
	.info_list02>span>strong{ font-size: 30px; color: #58b6c4;}
	/* 진행률 */
	.info_list03{position: relative; text-align: center; border: 1px solid #e6363d; padding: 10px; border-radius: 5px; width: 160px; height: 105px;}
	.info_list03:after{content:''; display:block; clear:both;}
	.info_list03>.graph_01{float: left; width: 50px; height: 50px; margin-left: 5px; margin-top: 15px;}
	.info_list03>.g_info{position: absolute; left: 70px; top: 25px;}
	.info_list03>.g_info>p{color: #707070; font-weight: 600; text-align: left;}
	.info_list03>.g_info>span{display: inline-block; font-size: 16px; color: #e6363d; line-height: 100%; margin-top: 10px;}
	.info_list03>.g_info>span>strong{font-size: 30px;}
	/* 수료기준*/
	.info_list04{display: block; width: 432px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 7px; background-color: #f6f6f6; margin: 10px 0; font-size: 14px; line-height: 140%; color: #404040; font-weight: 600;}
	.info_list04>span{display: inline-block; margin-left: 10px; color: #707070; font-weight: 400;}
	.info_list04>span>strong{color: #e6363d;}

/* 과정 리스트*/
.learning_list_box{}
.learning_list_box>li{float: left; width: 25%; margin-bottom: 20px;}
/* 온라인 리스트*/
.online_learning_list_01{width: 250px; height: 333px; overflow: hidden; background-color: #f6f6f6; margin: 0 auto;}
	.online_learning_list_01 .learning_top{height: 40px; background-color: #e84e0f; position: relative;}
	/* 이미지 */
	.online_learning_list_01 .title_img02{display:block; position: relative; height: 141px; margin: 0;}
	.online_learning_list_01 .title_img02:before{content:''; display:block; clear:both; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*   플레이 버튼    background: url("/Content/Homepage/image/ko-KR/common/icon_play.png") center 50% no-repeat;*/}
	.online_learning_list_01 .title_img02:hover:before{content:''; display:block; clear:both; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.7) /*   플레이 버튼   url("/Content/Homepage/image/ko-KR/common/icon_play.png") center 50% no-repeat;*/;}

/* 오프라인 리스트*/
.offline_learning_list_01{width: 250px; height: 333px; overflow: hidden; background-color: #f6f6f6; margin: 0 auto;}
	.offline_learning_list_01 .learning_top{height: 40px; background-color: #707070; position: relative;}
	/* 이미지 */
	.offline_learning_list_01 .title_img02{display:block; position: relative; height: 141px; margin: 0;}
	.offline_learning_list_01 .title_img02:hover:before{content:''; display:block; clear:both; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.7);}
	/* NO 이미지 */
	.title_img02.li_no_img_01{background: url("/Content/Homepage/image/ko-KR/common/li_no_img_01.png") center 50% no-repeat;}

/* 온오프공통*/
.learning_top>span{display: inline-block; font-size: 14px; color: #fff; line-height: 40px; position: absolute; left: 10px; top:0;}
/* 학습하기버튼*/
.btn_apply_01{display: inline-block; position: absolute; right: 10px; top:8px; color: #fff; background-color: #202020; font-size: 14px; font-weight: 500; text-align: center; border-radius: 5px; padding: 0 10px; line-height: 25px;}
.btn_apply_01:hover{background-color: #404040;}
/* 리스과정명 */
.info_list_title{font-size: 16px; line-height: 140%; height: 44px; overflow: hidden; color: #000; text-align: center; margin: 10px 15px;}
.term_01{margin: 0 10px; line-height: 20px; height: 20px; font-size: 12px; text-align: center; color: #707070; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 10px;}
.learning_bottom{margin: 10px 15px;}
.learning_bottom>p{color: #707070; font-size: 12px; text-align: left; font-weight: 700;}
.learning_bar{position: relative; padding-right: 40px;}
.learning_bar>span{position: absolute; right: 0; top: -2px; text-align: right; color: #e6363d; font-size: 12px; font-weight: 600;}
.g_bar_box{height: 10px; border-radius: 5px; background-color: #d0d0d0; overflow: hidden;}
.g_bar_01{display: block; height: 10px; width: 70%; background-color: #e6363d; text-indent: -5000px;}


/* 학습완료 과정 */
	.all_info_list_box{margin-top: 10px; display: inline-block;}
	.all_info_list_box:after{content:''; display:block; clear:both;}
	.all_info_list_box>li{float: left; padding:0 10px;}
	/* 학습한시간 */
	.all_info_list01,.all_info_list02,.all_info_list03,.all_info_list04,.all_info_list05{text-align: center; width: 160px; height: 120px; border-radius: 5%; overflow: hidden;}
	.all_info_list01{background-color: #3199c4;}
	.all_info_list02{background-color: #606060;}
	.all_info_list03{background-color: #3cb173;}
	.all_info_list04{background-color: #ee772f;}
	.all_info_list05{background-color: #999999;}
	.all_info_list_box div>p{color: #fff; font-size: 14px; font-weight: 500; margin-top: 0px; height: 40px; line-height: 40px;}
	.all_info_list01>p{background-color: #1a82ad;}
	.all_info_list02>p{background-color: #444444;}
	.all_info_list03>p{background-color: #219055;}
	.all_info_list04>p{background-color: #d8641f;}
	.all_info_list05>p{background-color: #808080;}
	.all_info_list_box div>span{display: inline-block; font-size: 36px; color: #fff; line-height: 100%; margin-top: 20px;}


/*List*/
.list {margin:0; padding:0 15px;font-size:12px; border-top: 1px solid #d0d0d0;}
.list ul {overflow:hidden;}
.list>ul>li {position: relative; height: 50px; padding:5px 300px 5px 110px;border-bottom:1px solid #ddd;}
.list>ul>li:last-child {border-bottom:none;}
.icon_st01, .icon_st02, .icon_st03, .icon_st04 {
	position: absolute; left: 0; top: 8px; width: 120px; height: 34px; line-height: 34px; text-align: center; font-size:12px; color: #505050; border: 1px solid #e0e0e0; border-radius: 4px; 
	background: #ffffff; 
	background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
	}
/*학습*/.icon_st01>span {display: inline-block; height: 32px; padding-left: 30px; background: url("/Content/Homepage/image/ko-KR/common/icon_st01.png") left 50% no-repeat;}
/*시험*/.icon_st02>span {display: inline-block; height: 32px; padding-left: 30px; background: url("/Content/Homepage/image/ko-KR/common/icon_st02.png") left 50% no-repeat;}
/*과제*/.icon_st03>span {display: inline-block; height: 32px; padding-left: 30px; background: url("/Content/Homepage/image/ko-KR/common/icon_st03.png") left 50% no-repeat;}
/*오프라인학습*/.icon_st04>span {display: inline-block; height: 32px; padding-left: 30px; background: url("/Content/Homepage/image/ko-KR/common/icon_st04.png") left 50% no-repeat;}

.list_s_title01 {display: block; color:#333; font-weight:600; padding:5px 20px; line-height: 30px; font-size: 16px; text-align: left; margin: 0;}
.list_s_title01>span{color:#707070; font-weight:500; line-height: 30px; font-size: 14px; text-align: left; margin: 0; margin-left: 10px;}
.bar_ch01 {position: absolute; right: 10px; top: 15px; width:300px; height: 20px; color:#666;font-weight:normal; padding-left: 120px; text-align: right;}
.bar_ch01>span{display: inline-block; position: absolute; left: 0; top: 0; width: 115px; height: 20px; line-height: 20px;}
.bar_ch01>span>strong{color: #e6363d; font-weight: 600; text-align: left;}
.bar_ch01>.bar_st01{display: inline-block; background-color: #d0d0d0; width: 100%; height: 14px; margin-top: 3px; border-radius: 10px; overflow: hidden;}
.bar_ch01>.bar_st01 .bar_p{display: block; background-color: #e6363d; height: 14px;}
.t_condition {position: absolute; right: 10px; top: 10px; width:300px; height: 20px; color:#666;font-weight:normal; padding-left: 100px; text-align: right;}
/*응시/미응시버튼*/
.not_stare {display: inline-block; width:70px; height: 30px; line-height: 30px; border-radius: 5px; color:#fff; text-align: center; background-color: #e6363d;}
.yes_stare {display: inline-block; width:70px; height: 30px; line-height: 30px; border-radius: 5px; color:#fff; text-align: center; background-color: #208c53;}
/*Toggle*/
.d_info {border: 1px solid #6B79CC;;margin:0; margin-bottom:10px;background-color: #fff;}
.d_info .d_title {cursor:pointer;position:relative; padding:10px 100px 0 15px;height:29px;font-size:15px;color:#202020;font-weight:600; background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%); background: -webkit-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 );}
.d_info .d_title a {color:#202020; display: block; text-align: left;}
.d_info .d_title a .d_title_date{color:#707070; display: inline-block; text-align: left; font-size: 14px; font-weight: 500;}
.d_info .d_title .icon_chbox01{display: inline-block; position: absolute;right: 50px; top: 10px; width: 20px; height: 20px; background: #c0c0c0 url("/Content/Homepage/image/ko-KR/img/icon_chbox01.png") center 50% no-repeat; border-radius: 50%;}
.d_info .d_title .icon_chbox01.on{display: inline-block; position: absolute;right: 50px; top: 10px; width: 20px; height: 20px; background: #208c53 url("/Content/Homepage/image/ko-KR/img/icon_chbox01.png") center 50% no-repeat; border-radius: 50%;}

.d_info .d_title .ico_tarr{display:block;position:absolute;top:15px;right:14px;width:11px;height:6px;background:url(/Content/Homepage/image/ko-KR/img/icon_toggle.png) 0 0 no-repeat}
.d_info .d_title.off .ico_tarr{top:15px;width:11px;height:6px;background-position:0 -6px}

.d_view {border: 1px solid #d0d0d0;;margin:0; margin-bottom:10px;background-color: #fff;}
.d_view .d_title {position:relative; padding:10px 100px 0 15px;height:29px;font-size:15px;color:#202020;font-weight:600; background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%); background: -webkit-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 );}

.left_box{float: left; width: 100%;}
.right_box{float: left; width: 0%;}



/* 시험팝업 */
#exam_popup1{}
.exam_popupLayer_bg{position: fixed; width: 100%; height: 100%; top:0; left: 0; background-color: rgba(0,0,0,0.85); z-index: 10000001!important;}
.exam_popupLayer_box{position: fixed; left: 10px; right: 10px; top:10px; bottom: 10px; border: solid 1px #d0d0d0; background-color: #fff;}
.exam_popupLayer_box .popuptitle{position: relative; height: 40px;}
.exam_popupLayer_box .popuptitle h2{font-weight: 400; line-height: 40px; padding-left: 30px; font-size: 16px; color: #828790; text-indent: 10px; background: #fff url(/Content/Homepage/image/ko-KR/common/pop_title_icon.png) 10px 50% no-repeat;}
.exam_popupLayer_box .popuptitle .btnArea{position: absolute; right: 15px; top: 7px;}
.exam_popupLayer_box .popuptitle .btnArea .minBtn.on{text-indent: -5000px; background: url(/Content/Homepage/image/ko-KR/common/del_de01.png) center 50% no-repeat; width: 26px; height: 26px; border: none; overflow: hidden;}
.exam_popupLayer_box .popuptitle .btnArea .minBtn.on:hover{background: url(/Content/Homepage/image/ko-KR/common/del_ov01.png) center 50% no-repeat;}
.exam_popupLayer_box .popuptitle .btnArea .minBtn.off{text-indent: -5000px; background: url(/Content/Homepage/image/ko-KR/common/view_de01.png) center 50% no-repeat; width: 26px; height: 26px; border: none; overflow: hidden;}
.exam_popupLayer_box .popuptitle .btnArea .minBtn.off:hover{background: url(/Content/Homepage/image/ko-KR/common/view_ov01.png) center 50% no-repeat;}
.exam_popupLayer_box .popuptitle .btnArea .closeBtn{text-indent: -5000px; background: url(/Content/Homepage/image/ko-KR/common/close_de01.png) center 50% no-repeat; width: 26px; height: 26px; margin-left: 5px; border: none; overflow: hidden;}
.exam_popupLayer_box .popuptitle .btnArea .closeBtn:hover{background: url(/Content/Homepage/image/ko-KR/common/close_ov01.png) center 50% no-repeat;}
.exam_popupLayer_box .popupContent_box {position: absolute; left: 0; top:40px; width: 100%; height: calc(100vh - 125px); background-color:#f2f2f2; border-top:1px solid #e0e0e0; overflow: hidden; overflow-y:scroll;}
.exam_popupLayer_box .left_Content {margin: 10px 150px 10px 10px;border: 1px solid #6B79CC; padding: 10px; background-color: #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.exam_popupLayer_box .left_Content01 {margin: 10px;border: 1px solid #6B79CC; padding: 10px; background-color: #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.exam_popupLayer_box .right_Content {position:absolute; right: 0; top: 51px; width: 150px; height: calc(100vh - 160px);}
.exam_popupLayer_box .right_Content_time {position: fixed; right: 28px; top: 52px; width: 150px; height:80px; background-color: #f2f2f2; z-index: 1000;}
.exam_popupLayer_box .test_check {position: absolute; left: 10px; top: 50px; width: 130px; background-color: #fff; border: 1px solid #6B79CC; border-radius: 3px;}

.exam_popupLayer_box .pop_footer_btn{position: absolute; bottom: 0; left: 0; width: 100%; height: 65px; border-top:1px solid #c0c0c0; background-color: #fff; box-shadow:0px 2px 8px rgba(0,0,0,.3);}
.exam_popupLayer_box .pop_footer_btn>ul{text-align: center; padding: 10px;}
.exam_popupLayer_box .pop_footer_btn>ul>li{display: inline-block; margin: 0 5px;}
.exam_popupLayer_box .btn_ubmit_01{display: inline-block; background-color: #da4b00; border: 1px solid #da4b00; border-radius: 3px; width: 90px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 13px; font-weight: 500;}
.exam_popupLayer_box .btn_ubmit_01:hover{display: inline-block; background-color: #404040; border: 1px solid #404040;}
.exam_popupLayer_box .btn_cancel_01{display: inline-block; background-color: #fff; border: 1px solid #BBBBBB; border-radius: 3px; width: 90px; height: 35px; line-height: 35px; text-align: center; color: #707070; font-size: 13px; font-weight: 500;}
.exam_popupLayer_box .btn_cancel_01:hover{background-color: #f6f6f6; border: 1px solid #707070; color: #606060;}

.exam_title_01{background-color: #e9f7fc; padding: 10px;}
.exam_title_01>h2{font-size: 25px; color: #E85918; font-weight: 600;}
.exam_title_01>h3{font-size: 22px; color: #707070; font-weight: 400;}
.exam_title_01>h3>span{color: #202020; font-weight: 600;}
.exam_title_01>h4{font-size: 15px; color: #707070; font-weight: 400;}

/* 시험결과팝업 */
#exam_popup2{}
.examresult_popupLayer_bg{position: fixed; width: 800px; height: 800px; top:50%; left: 50%; background-color: rgba(0,0,0,0.85); z-index: 10000001!important; margin:-400px 0 0 -400px;}
.examresult_popupLayer_box{position: absolute; left: 10px; right: 10px; top:10px; bottom: 10px; border: solid 1px #d0d0d0; background-color: #fff;}
.examresult_popupLayer_box .popuptitle{position: relative; height: 40px;}
.examresult_popupLayer_box .popuptitle h2{font-weight: 400; line-height: 40px; padding-left: 30px; font-size: 16px; color: #828790; text-indent: 10px; background: #fff url(/Content/Homepage/image/ko-KR/common/pop_title_icon.png) 10px 50% no-repeat;}
.examresult_popupLayer_box .popuptitle .btnArea{position: absolute; right: 15px; top: 7px;}
.examresult_popupLayer_box .popuptitle .btnArea .minBtn.on{text-indent: -5000px; background: url(/Content/Homepage/image/ko-KR/common/del_de01.png) center 50% no-repeat; width: 26px; height: 26px; border: none; overflow: hidden;}
.examresult_popupLayer_box .popuptitle .btnArea .minBtn.on:hover{background: url(/Content/Homepage/image/ko-KR/common/del_ov01.png) center 50% no-repeat;}
.examresult_popupLayer_box .popuptitle .btnArea .minBtn.off{text-indent: -5000px; background: url(/Content/Homepage/image/ko-KR/common/view_de01.png) center 50% no-repeat; width: 26px; height: 26px; border: none; overflow: hidden;}
.examresult_popupLayer_box .popuptitle .btnArea .minBtn.off:hover{background: url(/Content/Homepage/image/ko-KR/common/view_ov01.png) center 50% no-repeat;}
.examresult_popupLayer_box .popuptitle .btnArea .closeBtn{text-indent: -5000px; background: url(/Content/Homepage/image/ko-KR/common/close_de01.png) center 50% no-repeat; width: 26px; height: 26px; margin-left: 5px; border: none; overflow: hidden;}
.examresult_popupLayer_box .popuptitle .btnArea .closeBtn:hover{background: url(/Content/Homepage/image/ko-KR/common/close_ov01.png) center 50% no-repeat;}
.examresult_popupLayer_box .popupContent_box {position: absolute; left: 0; top:40px; width: 100%; height: calc(100% - 40px); background-color:#f2f2f2; border-top:1px solid #e0e0e0; overflow: hidden; overflow-y:scroll;}
.examresult_popupLayer_box .left_Content {margin: 10px 10px 10px 10px;border: 1px solid #6B79CC; padding: 10px; background-color: #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.examresult_popupLayer_box .left_Content01 {margin: 10px;border: 1px solid #6B79CC; padding: 10px; background-color: #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.examresult_popupLayer_box .right_Content {position:absolute; right: 0; top: 51px; width: 150px; height: calc(100vh - 160px);}
.examresult_popupLayer_box .right_Content_time {position: fixed; right: 28px; top: 52px; width: 150px; height:80px; background-color: #f2f2f2; z-index: 1000;}
.examresult_popupLayer_box .test_check {position: absolute; left: 10px; top: 50px; width: 130px; background-color: #fff; border: 1px solid #6B79CC; border-radius: 3px;}

.examresult_popupLayer_box .pop_footer_btn{position: absolute; bottom: 0; left: 0; width: 100%; height: 65px; border-top:1px solid #c0c0c0; background-color: #fff; box-shadow:0px 2px 8px rgba(0,0,0,.3);}
.examresult_popupLayer_box .pop_footer_btn>ul{text-align: center; padding: 10px;}
.examresult_popupLayer_box .pop_footer_btn>ul>li{display: inline-block; margin: 0 5px;}
.examresult_popupLayer_box .btn_ubmit_01{display: inline-block; background-color: #da4b00; border: 1px solid #da4b00; border-radius: 3px; width: 90px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 13px; font-weight: 500;}
.examresult_popupLayer_box .btn_ubmit_01:hover{display: inline-block; background-color: #404040; border: 1px solid #404040;}
.examresult_popupLayer_box .btn_cancel_01{display: inline-block; background-color: #fff; border: 1px solid #BBBBBB; border-radius: 3px; width: 90px; height: 35px; line-height: 35px; text-align: center; color: #707070; font-size: 13px; font-weight: 500;}
.examresult_popupLayer_box .btn_cancel_01:hover{background-color: #f6f6f6; border: 1px solid #707070; color: #606060;}

.mark-correct {
    position: absolute;
    left: 16px;
    top: -1px;
    display: block;
    background: url('../../../Images/correct.png') no-repeat;
    width: 100px;
    height: 89px;
    text-indent: -999em;
}

.mark-wrong {
    position: absolute;
    left: 20px;
    top: 12px;
    display: block;
    background: url('../../../Images/wrong.png') no-repeat;
    width: 100px;
    height: 46px;
    text-indent: -999em;
}


/*온라인시험*/
.total_num {padding:5px 0 5px 10px;font-size:17px;color:#000; text-align:left; font-weight:600;margin-top:5px;}
.total_num em {color:#ff0000;font-style: normal;}
.num_area {width:100%;overflow:hidden;margin-top:10px;}
.q_list {overflow:hidden;margin:0 0 10px 0;padding:10px 0;position:relative;}
.q_list table{width:100%;table-layout:fixed;border-top:2px solid #787878;}
.q_list table th,.q_list table td {padding:10px;border-bottom:1px solid #e0e0e0;line-height:1.8em;}
.q_list table tr:last-child th, .q_list table tr:last-child td{border-color: #c0c0c0;}
.q_list table th{background-color:#f5f7f6;font-weight:bold;color:#404040;font-size:14px;text-align:left;vertical-align:top;width:130px;}
.q_list table td{font-size:14px;text-align:left;width:auto;color: #404040;}
.q_list table input,.q_list table select {margin-right:5px;width:18px;height:18px;}

.q_list table td ul {margin:5px 0;}
.q_list table td ul>li {display: block; margin-bottom: 10px; padding-left: 10px;}
.q_list table td ul>li:last-child{margin-bottom: 0;}
.q_list table td ul>li>label {font-size: 13px; color: #707070;}
.q_list table td ul>li>label:after{content:''; display:block; clear:both;}
.q_list table td ul>li>label span{float: left; cursor: pointer; margin-right: 10px;}

.q_list table td .s_score {margin-left:10px;color:#000;}
.q_list table td .s_score em {color:#ff0000}
.q_list .no_q {margin-top:70px;padding:100px 0 50px;text-align:center;color:#9b9b9b;font-size:20px;background:url(/Content/Homepage/image/ko-KR/std/img_reply.png) center top no-repeat;}

table input[type=text], table input[type=number], table input[type='password'], table textarea, table select{height: 30px; box-sizing: border-box; border: 1px solid #e0e1e3; font-size: 14px; color: #404040; line-height: 28px; padding: 0 10px; width: auto; margin: 0;}
table textarea{   height: auto;}
.w100{width: 100% !important;}

.quest_time01{background-color: #E85918; border-radius: 3px; width: 130px; height: 80px; padding: 10px 0; margin: 10px; text-align: center;}
.time_icon{display: inline-block; background: url(/Content/Homepage/image/ko-KR/std/img_time3.png) left top no-repeat; line-height: 35px; padding-left: 33px; color: #fff; font-size: 14px; font-weight: 600;}
.time_text{display: inline-block; color: #fff; font-size: 14px; font-weight: 500;}
.time_text>span{font-size: 18px; font-weight: 600; display: inline-block; margin-right: 3px;}
.quest_li_01{width: 100%; border: 1px solid #e0e0e0;}
.quest_li_01 th{background-color: #f6f6f6; border: 1px solid #e0e0e0; text-align: left; padding:5px 10px; line-height: 100%; font-size: 13px; font-weight: 500; color: #404040;}
.quest_li_01 td{background-color: #fff; border: 1px solid #e0e0e0; text-align: center; vertical-align: middle; width: 30px; padding-top: 3px;}
.quest_li_01 td input{width: 18px; height: 18px; margin: 5px;}


/*안내*/
.noti_info {border:1px solid #a0bdde;padding:10px;background: #eaf4ff;margin:10px 0;color:#496a9d;}
.noti_info li {padding:3px 3px 3px 7px;position:relative;}
.noti_info li:before { content:""; position:absolute; top:10px; left:0;  background:#999; border:1px solid #3e3e3e; border-radius:10px;}
.leftArea {margin:20px;position:relative;}





.task_01 th {padding:10px 7px; border-bottom:1px solid #e0e0e0;background:url(/Content/Homepage/image/ko-KR/std/bg_li.png) right 50% no-repeat; text-align: left; color: #404040; font-size: 14px;}
.task_01 td {padding:10px 20px; border-bottom:1px solid #e0e0e0; color: #606060; font-size: 13px;}
.task_01 tr:last-child th{border-bottom:none;}
.task_01 tr:last-child td{border-bottom:none;}

.task_02 {border:1px solid #e0e0e0; margin: 17px 0;}
.task_02 th {padding:10px 7px; border:1px solid #e0e0e0;background-color:#f6f6f6; text-align: center; color: #404040; font-size: 14px;}
.task_02 th>span {color: #f00; display: inline-block; margin-left: 5px;}
.task_02 td {padding:10px 20px; border:1px solid #e0e0e0; color: #606060; font-size: 13px; text-align: left;}
.task_02 tr:last-child th{border-bottom:none;}
.task_02 tr:last-child td{border-bottom:none;}



/*file_area*/
.file_area {margin:5px 0;}
.file_area li {border-bottom:none;padding:0;margin:0 0 3px 0}
.file_area li a {font-weight:normal;line-height:150%;background:url(/Content/Homepage/image/ko-KR/std/icon_file.png) left 2px no-repeat;padding-left:15px; color: #606060;}
.file_area li a:hover {color:#6B79CC}
.file_area li span.ico_delete {cursor:pointer;display:inline-block;width:11px;height:11px;margin:0 0 0 7px;background:url(/Content/Homepage/image/ko-KR/std/icon_delete.png) 0 0 no-repeat;vertical-align:middle;}
.file_area.off {padding-bottom:0;margin:3px 0 ;}
.file_area.off li {border-bottom:none;}

.re_area {margin:15px 20px 20px 20px;}
.txt_guide_01{border: 1px solid #e0e0e0; padding:10px; margin-top: 10px; background-color: #f9f9f9}
.txt_guide_01 ul li{font-size: 12px; font-weight: 400; color: #707070;}

.empty{margin: 50px 0;text-align: center;padding-top: 110px;padding-bottom: 20px;font-size: 18px;color: #acacac; background: url(/Content/Homepage/image/ko-KR/std/img_error_s.png) center 30% no-repeat;}

/*MARK*/
.q_list .mark {position:absolute;left:0;top:0;display:block;background:url(/Content/Homepage/image/ko-KR/std/correct.png) no-repeat;width:100px;height:89px;text-indent:-999em;}
.q_list .mark.wrong {background:url(/Content/Homepage/image/ko-KR/std/wrong.png) no-repeat;width:100px;height:46px;}
.refresh {position:absolute;right:80px;}
/*Question*/
.Que {margin:10px 0 ;background:#f6f6f6;border:1px solid #c4c6c5;padding:5px 10px 10px 10px;}
.Que_title {position:relative;margin-bottom:3px;}
.Que_title h3.num {font-size:15px;font-weight:600;padding:5px;}
.Que_title .s_info {position:absolute;right:10px;top:10px;}
.Que_title .s_info em {color:#ff0c00}
.Que_multi {font-weight:600;color:#496a9d;background:#eaf4ff url(/Content/Homepage/image/ko-KR/std/icon_note.png) 10px 10px no-repeat;padding:10px 15px 13px 40px;border:1px solid #a0bdde;font-size:13px;text-align:left;;}
.Que_single {background:#effff2;padding:15px;border:1px solid #b3dfb9;font-size:13px;}
.Que_desc {background:#fffbef;padding:15px;border:1px solid #ecbba6;font-size:13px;}
.Que_q {padding:10px 5px;font-weight:normal;font-family:none;}
.p_comment{margin:10px 0 40px;padding:10px 15px 15px 80px;border:1px solid #d4d4d4;background:#ededed url(/Content/Homepage/image/ko-KR/std/icon_comment.png) 10px 8px no-repeat;color:#333;word-wrap:break-word;text-align:left;}
/*time*/
.time {background:#ea6413;border-radius:5px;margin-bottom:10px;box-shadow: 1px 2px 5px #c2c1c1;color:#fff;text-align:center;min-height:45px;}
.time p.title {float:left;width:35%;font-size:18px;background:url(/Content/Homepage/image/ko-KR/std/img_time.png) 10px 10px no-repeat;padding:10px 5px 12px 25px;color:#fff}
.time p.num {font-size:27px;color:#fff;text-align:center;padding:5px 0 5px 5px;}
.time p.num em {font-size:20px;margin-right:18px;background:url(/Content/Homepage/image/ko-KR/std/img_time.png) left 0 no-repeat;padding-left:30px;}
.time p.num em.score {font-size:20px;margin-right:18px;background:url(/Content/Homepage/image/ko-KR/std/img_score.png) left 0 no-repeat;padding-left:30px;}
.time p.num .stare {cursor:pointer;margin:0 0 0 18px;padding:5px 8px;vertical-align:middle;border-radius:3px;background:#993a00;border:1px solid #612500;color:#fff;}

/*check*/
.test_check {border:1px solid #a0bdde;padding:10px;}
.test_check .check_name {margin-bottom:7px;border-bottom:1px dashed #ccc;padding-bottom:5px;font-size:14px;color:#333; text-align: center;}
.test_check li {display:inline-block;margin:3px 5px;}
.test_check li input {vertical-align:middle;width:20px;height:20px;margin:0 0 0 5px;}

/*시험타이틀부분*/
.test {width:100%;}
.test em {border:1px dashed #ccc;padding:5px;color:#666;margin-right:5px}
.test_time {display:inline-block;background:url(/Content/Homepage/image/ko-KR/std/img_time_s.png) left 1px no-repeat;padding-left:22px;margin-top:5px;color:#ea6413;}
.test_time strong {font-size:16px;color:#ea6413;}

.test_score {font-size:14px;margin-top:5px;}
.test_score strong {color:#ff0000;font-size:18px;font-weight:600;margin-left:5px;}

/*경고창*/
.ly_alert_box{content:''; display:block; clear:both; z-index: 1000000; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color:rgba(0, 0, 0, 0.89)}
.ly_alert {line-height:1.8em;color:#454545;text-align:center;z-index:10;border-radius:20px;background:#fff;padding:40px 20px 30px 20px;position:absolute;left:50%;top:50%;width:300px;margin:-115px -150px;  z-index: 10000000;}
.ly_alert p.main_txt {font-size:18px;background:url(/Content/Homepage/image/ko-KR/std/img_time2.png) 20px 0 no-repeat; line-height: 46px; padding-left: 50px; padding-bottom: 20px;}
.ly_alert em {color:#ff0101;font-size:15px; font-style: normal;}
.ly_alert .btn_cl {display:block;padding:20px 0 0 0px;}




/* 이용안내 */
.tutor_navi{position: relative;height: 100px;}
.tutor_navi:after{content: "";position:absolute;top:33px;width: 100%; height: 5px;background: #f1f1f1; z-index: 99;}
.tutor_navi ul{display: flex; justify-content: space-between; margin: 0 80px 0 80px;}
.tutor_navi ul li {position: relative;}
.tutor_navi ul li a{position:absolute; width:140px; margin-left: -70px; font-size: 18px; font-weight: 200; text-align: center; z-index: 100; word-break: keep-all; white-space: nowrap}
.tutor_navi ul li a:before{content: "";display: block; width: 72px;height: 72px;margin:0 auto 10px;background-color: #f1f1f1; border-radius: 36px; background-repeat: no-repeat;}
.tutor_navi ul li:nth-child(1) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico01.png);}
.tutor_navi ul li:nth-child(2) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico02.png);}
.tutor_navi ul li:nth-child(3) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico03.png);}
.tutor_navi ul li:nth-child(4) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico04.png);}
.tutor_navi ul li:nth-child(5) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico05.png);}
.tutor_navi ul li:nth-child(6) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico06.png);}
.tutor_navi ul li.on a{font-size: 20px; font-weight: bold;}
.tutor_navi ul li.on a:before{background-color: #58b6c4;}
.tutor_navi ul li.on:nth-child(1) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico01on.png);}
.tutor_navi ul li.on:nth-child(2) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico02on.png);}
.tutor_navi ul li.on:nth-child(3) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico03on.png);}
.tutor_navi ul li.on:nth-child(4) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico04on.png);}
.tutor_navi ul li.on:nth-child(5) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico05on.png);}
.tutor_navi ul li.on:nth-child(6) a:before{background-image: url(/Content/Homepage/image/img/tutor_navi_ico06on.png);}
hr.tutor{border:none; border-top: 1px solid #c6c6c6; margin: 15px 0 25px;}
.section_box_join.tutor{border-bottom: none;}


/* Mobile */
@media all and (min-width:421px){
}


@media all and (min-width:640px){

}


/* Tablet */
@media all and (min-width:768px){


}




/* Desktop */
@media all and (min-width:1056px) {
	


}