@charset "utf-8";
/* CSS Document */

#scontainer-wrap {position:relative; width:100%; overflow:hidden; background:url(../img/sub/05/sub_bg.png) center top no-repeat; min-height:800px;}

/* */
#snb {float:left; width:190px; position:relative; padding:146px 0 0 0; margin:105px 0 0 0;}
#snb h2 {background:url(../img/sub/snb_tlt.png) left top no-repeat; width:190px; height:113px; position:absolute; top:0; left:0; text-align:center; padding:60px 0 0 0; color:#fff; font:600 20px 'Noto Sans KR', 'Malgun Gothic', sans-serif; }
#snb h2 span {color:#ffdac9; font:600 12px 'Noto Sans KR', 'Malgun Gothic', sans-serif; letter-spacing:3px; }
#snb ul {background:url(../img/sub/snb_bg.png) left top repeat-y; width:190px; padding:20px 0;}
#snb ul li {margin:0 0 25px 0; }
#snb ul li a {display:inline-block; background:url(../img/sub/snb_arrow.png) 161px -16px no-repeat; width:152px;font:600 13px 'Malgun Gothic', sans-serif; color:#303b42; text-align:left; padding:0 0 0 45px; }
#snb ul li a:hover {background:url(../img/sub/snb_arrow.png) 161px 5px no-repeat; color:#f07138; }
#snb ul li a.active {display:inline-block; background:url(../img/sub/snb_arrow.png) 161px 5px no-repeat; width:152px;font:600 13px 'Malgun Gothic', sans-serif; color:#f07138; text-align:left; padding:0 0 0 45px; }
#snb ul li ul li {margin:0 0 8px 0;}
#snb ul li ul li a {display:inline-block; background:none; width:165px; font:600 11px 'Malgun Gothic', sans-serif; color:#82898e; text-align:left; padding:0 0 0 53px; }
#snb ul li ul li a:hover {text-decoration:underline; color:#82898e; background:none;}
#snb ul li ul li a.active {display:inline-block; background:none; width:165px; font:600 11px 'Malgun Gothic', sans-serif; color:#000; text-align:left; padding:0 0 0 53px;}

#s_body {float:right; width:880px;}
#s_body #s_visual.bg_01 {background:url(../img/sub/s_tlt_img_01.png) 415px bottom no-repeat; margin:0 0 40px 0;}
#s_body #s_visual #scon_top {padding:170px 0 15px 0; background:url(../img/sub/tlt_bg.png) left bottom no-repeat; border-bottom:1px solid #e4e4e4; }
#s_body #s_visual #scon_top .location {text-align:left; width:100%;}
#s_body #s_visual #scon_top .location img {vertical-align:middle;}
#s_body #s_visual #scon_top ul li { font:bold 40px 'Malgun Gothic', sans-serif; color:#0f489b; letter-spacing:-4px; text-align:left;padding:0 0 15px 0;}
#s_body #s_visual #scon_top ul li+li { font:bold 12px 'Malgun Gothic', sans-serif; color:#9b9b9b; letter-spacing:-1px;}
#s_body #scon {margin:0px 40px 100px 0px;}

#scon_wrap{width:880px; margin:0 auto;}
#scon_wrap>p{margin-left:20px;}

/*수강신청절차*/
#scon_wrap #con_btn {width:800px; height:1280px; background:url(../img/apply/apply_data_01.png) center top no-repeat; margin:0 auto;}
#scon_wrap #con_btn .img1{position:absolute; top:460px; left:565px;}
#scon_wrap #con_btn .img2{position:absolute; top:578px; left:565px;}

/*무료학습설계*/
#scon_wrap #fplan_01 {width:800px; overflow:hidden;}
#scon_wrap #fplan_01>li{float:left;}
#scon_wrap #fplan_01>li ul li{margin:0 0 5px 0;}

.tb_type1 {width: 800px; border-top: 2px solid #5a77a2; border-bottom: 1px solid #e4e4e4; border-collapse: collapse; margin-top: 25px; color:#000; margin:0 auto;}
.tb_type1 th {height: 37px; background-color: #fdfdff; color: #0f489b; border-bottom: 1px solid #e4e4e4; text-align: center;}
.tb_type1 td {height: 40px;	border-bottom: 1px solid #dcdcdc; text-align: center; }
.tb_type1 td a{color:#000; padding-left:10px;}

ul#btn{width:800px; font:12px, "맑은 고딕"; list-style:none; overflow:hidden; margin-top:10px;}

/*#scon_wrap #tab_01 {width:800px; height:150px; margin:0 auto; margin-top:10px; }
#scon_wrap #tab_01 li {padding:12px 0 0 15px; width:385px; height:133px; color:#5a77a2; float:left;}
#scon_wrap #tab_01 li p{font:13px 'Malgun Gothic', sans-serif; line-height:17px;}
#scon_wrap #tab_01 li.active, #scon_wrap #tab_01 li:hover{background:url(../img/apply/apply_tab_01.png) no-repeat;}
#scon_wrap #tab_01 li span{font-size:22px; letter-spacing:-1px; line-height:40px; font-weight:bold;}
#scon_wrap #tab_01 li span.red{color:#df2828; font-size:22px; font-weight:700;}
#scon_wrap #tab_01 li span.sky{color:#5a77a2; font-size:22px; font-weight:700;}*/

/*수강신청*/
#scon_wrap #tab_01 {width:840px; height:125px; margin:0 auto; margin-top:10px;}
#scon_wrap #tab_01 li {padding:10px 0 0 20px; width:253px; height:100px; color:#5a77a2; float:left; border:2px solid #e8e8e8; margin-right:4px; background-color:#f5f5f5;}
#scon_wrap #tab_01 li:last-child {margin-right:0;}
#scon_wrap #tab_01 li p{font:14px 'Malgun Gothic', sans-serif; line-height:17px;}
#scon_wrap #tab_01 li.active {border:2px solid #0f489b; background-color:#0f489b;}/*수강신청1개일때 주석처리*/
#scon_wrap #tab_01 li.active {background-color:#1f4b8b; color:#fff;}/*수강신청1개일때 주석처리*/
#scon_wrap #tab_01 li.active span.sky, #scon_wrap #tab_01 li.active p, #scon_wrap #tab_01 li.active span.red{color:#fff; background-color:#1f4b8b;}/*수강신청1개일때 주석처리*/
#scon_wrap #tab_01 li span{font-size:22px; letter-spacing:-1px; line-height:26px; font-weight:bold;}
#scon_wrap #tab_01 li span.red{color:#df2828; font-size:18px; font-weight:700;}
#scon_wrap #tab_01 li span.sky{ font-size:20px; font-weight:700;}

#scon_wrap ul#tab_03 {width:800px; overflow:hidden;  margin:10px 0 10px 0;}
#scon_wrap ul#tab_03 li {float:left; margin-right:5px;}
#scon_wrap ul#tab_03 li:last-child {float:right; width:168px; height:28px; border: 1px solid #b4b4b4; text-align:center; line-height:28px; color:#787878; background:linear-gradient(to top, #f2f1f2, #ffffff); font-weight:bold; letter-spacing:-1px;}

#scon_wrap ul#tab_04 {width:840px; overflow:hidden;  margin:10px 0 10px 20px;}
#scon_wrap ul#tab_04 li {float:left; margin-right:5px;}
#scon_wrap ul#tab_04 li.right_btn {float:right; margin:0 0 0 10px;}

#scon_wrap ul#tab_05 {width:840px; overflow:hidden;  margin:10px 0 10px 20px;}
#scon_wrap ul#tab_05 li {float:left; margin-right:5px;}
#scon_wrap ul#tab_05 li.right_btn {float:right; margin:0 0 0 10px;}

/* 과정 선택 탭 한줄일 때
#scon_wrap #tab_02 {width:800px; height:40px; margin:0 auto; text-align:center;}
#scon_wrap #tab_02 th {background-color:#fdfdff; border-bottom:1px solid #e6e6e6; width:115px;}
#scon_wrap #tab_02 .activex {width:105px;background-color:#5a77a2; color:#fff;}
#scon_wrap #tab_02 th:last-child {border-right:none;}
#scon_wrap #tab_02 th:hover {background-color:#5a77a2; color:#fff; cursor:pointer;}
*/

/* 과정 선택 탭 두 줄로 수정(20.12.30)*/
#scon_wrap #tab_02 {width:840px; height:auto; margin:0 auto; text-align:center;}
#scon_wrap #tab_02 tr:first-child th:first-child {border-right:1px solid #e6e6e6;}
#scon_wrap #tab_02 .th_01 {background-color:#f8f8fc; border-bottom:1px solid #e6e6e6; width:125px;}
#scon_wrap #tab_02 th {background-color:#f8f8fc; border-bottom:1px solid #e6e6e6; width:115px; height:38px;}
#scon_wrap #tab_02 .activex {width:105px;background-color:#5a77a2; color:#fff;}
#scon_wrap #tab_02 th:last-child {border-right:none;}
#scon_wrap #tab_02 th:hover {background-color:#5a77a2; color:#fff; cursor:pointer;}


#scon_wrap .tb_type1_2 {width: 840px; border-top: 2px solid #5a77a2; border-bottom: 1px solid #e4e4e4; border-collapse: collapse; text-align: center; margin:0 auto; margin-top:-1px; }
#scon_wrap .tb_type1_2 th {height: 40px; background-color: #f8f8fc; color: #0f489b; border-bottom: 1px solid #e4e4e4;}
#scon_wrap .tb_type1_2 td {height: 50px; border-bottom: 1px solid #dcdcdc;}
#scon_wrap .tb_type1_2 td:nth-child(3) {text-align:left; padding-left:20px; line-height:23px;}

/*결제*/
#scon_wrap dl.tlt {margin-bottom:40px;}
#scon_wrap dl.tlt dt{background:url(../img/apply/social_dot_01.jpg) left 6px no-repeat;  font:20px '맑은 고딕', 돋움; font-weight:700; color:#252525; padding:0 0 5px 23px; letter-spacing:-1.5px;}
#scon_wrap dl.tlt dd.sb{font:14px '맑은 고딕', 돋움;color:#252525; padding:0 0 5px 23px; letter-spacing:-1.5;}

#scon_wrap #apply_amnt{width:800px; text-align:center; border:2px solid #f07138; box-sizing:border-box; margin-top:20px;}
#scon_wrap #apply_amnt th{font:bold 14px 'Malgun Gothic', sans-serif; color:#f07138; height:35px; border-right:1px solid #dcdcdc; background-color:#fff7f4;}
#scon_wrap #apply_amnt th:last-child{border-right:none;}
#scon_wrap #apply_amnt td{font:bold 25px 'Malgun Gothic', sans-serif; color:#f07138; height:65px; border-right:1px solid #dcdcdc;}
#scon_wrap #apply_amnt td:last-child{border-right:none;}

#scon_wrap .tb_type2 {clear:both; width:800px; border-top: 2px solid #5a77a2; border-collapse: collapse;}
#scon_wrap .tb_type2 th {height: 35px;	background-color: #fdfdff; color: #0f489b; text-align:left; padding-left:30px; border-bottom:1px solid #dcdcdc; font-weight:400;}
#scon_wrap .tb_type2 td {height: 35px;	padding-left:20px; border-bottom:1px solid #dcdcdc;}
select{border:1px solid #e4e4e4;}

#scon_wrap .tb_type2_2 {width:800px; border-collapse: collapse;}
#scon_wrap .tb_type2_2 th {height:35px; background-color: #fdfdff; color: #0f489b; text-align:left; padding-left:30px; border-bottom:1px solid #dcdcdc; font-weight:500;}
#scon_wrap .tb_type2_2 td {height:35px; padding:5px 0 5px 20px; border-bottom:1px solid #dcdcdc;}
#scon_wrap .tb_type2_2 td span {color:#df2828;}

#scon_wrap #confirm {width:310px; height:45px; margin:0 auto; margin-bottom:50px;}
#scon_wrap #confirm li {float:left; margin-right:20px;}

.tb_type3_2 {width:350px; margin:0 auto; border-top: 2px solid #5a77a2; border-bottom: 1px solid #e4e4e4; border-collapse: collapse;}
.tb_type3_2 th {height:35px; background-color: #fdfdff;	color: #0f489b;	border-bottom: 1px solid #e4e4e4; text-align: center;border-right:1px solid #dcdcdc;}
.tb_type3_2 td {border-bottom: 1px solid #dcdcdc; text-align: left; border-right:1px solid #dcdcdc; padding-left:10px;}
.tb_type3_2 th:first-child, .tb_type3 td:first-child {border-left:1px solid #dcdcdc;}

#scon_wrap #pay_notice {margin-top:20px;}
#scon_wrap #pay_notice h1{background:url(../img/business/business_dot_01.png) 20px 10px no-repeat;  font:18px 'Malgun Gothic', sans-serif; font-weight:700; color:#252525; padding:0 0 5px 30px; letter-spacing:-1.5;}
#scon_wrap #pay_notice .red{font:13px '맑은 고딕', 돋움; padding:0 0 0 32px; color:#df2828; font-weight:bold;}
#scon_wrap #pay_notice .con {font:12px 'Malgun Gothic', sans-serif; padding:0 0 10px 32px; line-height:18px; }