@charset "utf-8";

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 100;
    src: local('SpoqaHanSansThin'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansThin.woff2') format('woff2'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansThin.woff') format('woff'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansThin.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src: local('SpoqaHanSansLight'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansLight.woff2') format('woff2'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansLight.woff') format('woff'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: normal;
    src: local('SpoqaHanSansRegular'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansRegular.woff2') format('woff2'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansRegular.woff') format('woff'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansRegular.ttf') format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: bold;
    src: local('SpoqaHanSansBold'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansBold.woff2') format('woff2'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansBold.woff') format('woff'),
    url('http://www.selfsign.kr/fonts/SpoqaHanSansBold.ttf') format('truetype');
}

@font-face{
    font-family: "Futura";
    src:
            local(※),
            url('fonts/FUTURAB.woff') format('woff');
}
/*@font-face {
    font-family:"Noto Sans";
    font-weight:normal;
    src: url("fonts/NotoSansCJKkr-Light.eot");
    src:
            local(※),
            url('fonts/NotoSansCJKkr-Light.woff') format('woff');
}
@font-face {
    font-family: "Noto Sans";
    font-weight: bold;
    src: url("fonts/NotoSansCJKkr-Regular.eot");
    src:
            local(※),
            url('fonts/NotoSansCJKkr-Regular.woff') format('woff');
}
@font-face {
    font-family: "Noto Sans Eng";
    font-style: normal;
    font-weight:400;
    src:
            local(※),
            url('fonts/NotoSerif-Italic.woff') format('woff');
}*/
@font-face {
    font-family: 'SourceHanSerif';
    font-weight: normal;
    src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot);
    src: url(http://www.selfsign.kr/fonts/SourceHanSerifKR-Regular_subset.eot?#iefix) format('embedded-opentype'),
    url('http://www.selfsign.kr/fonts/SourceHanSerifKR-Regular_subset.woff2') format('woff2'),
    url('http://www.selfsign.kr/fonts/SourceHanSerifKR-Regular_subset.woff') format('woff'),
  /*  url('http://www.selfsign.kr/fonts/SourceHanSerifKR-Regular_subset.ttf') format('truetype');*/
}

@font-face {
    font-family: 'AG Book BT';
    font-style: normal;
    font-weight: normal;
    src:
            local('Avant Garde Book BT'),
            url('fonts/AVGARDN_2.woff') format('woff');
}


/****************************** 공통 **********************************/
.orange{color:#ee5000 !important;}
.mint{color:#009ebf !important;}

/*모달팝업*/
.modal_popup_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: url(/images/mask_80.png) repeat;
    z-index: 5000; text-indent:-9999px; overflow:hidden;
}
.modal_popup_style1{}/*수강중인강좌, 나의프리패스에서 사용*/
.modal_popup_style1 .cont_wrap{ z-index:5001; position:fixed; background:#fff; width:700px;}
.modal_popup_style1 .cont_wrap h2{ width:100%; height:50px; padding-top:15px; padding-left:20px; box-sizing:border-box; font-size:18px; background:#4bbcd4; color:#fff; font-weight:bold;}
.modal_popup_style1 .cont_wrap .cont{ padding:20px 20px 0;}
.modal_popup_style1 .pop_table1{ border-top:2px solid #4bbcd4; width:100%; margin-bottom:19px; color:#666; font-size:13px; }
.modal_popup_style1 .pop_table1 tr{ height:50px;}
.modal_popup_style1 .pop_table1 tr td{ border:1px solid #ddd;padding-left:10px;}
.modal_popup_style1 .pop_table1 tr td.title{ color:#333; font-weight:bold; text-align:center; padding-left:0px;}
.modal_popup_style1 .pop_table1 tr td input{border:1px solid #dfdfdf; font-size:13px; padding-left:3px; height:25px;}
.modal_popup_style1 .pop_table1 tr td.reason input{ width:474px;}
.modal_popup_style1 .pop_table1 tr td.date input{ width:450px;}
.modal_popup_style1 .pop_table1 tr td.date a img{ margin-left:7px; margin-top:5px;}
.modal_popup_style1 .pop_table1 tr td.period select{ width:227px; height:27px;}
.modal_popup_style1 .pop_table1 span{ color:#ee5000; font-weight:bold; font-size:12px;}
.modal_popup_style1 .notice{line-height:22px; color:#666; padding-bottom:20px; margin-bottom:18px; border-bottom:1px solid #ddd; font-size:13px;}
.modal_popup_style1 .btns{ text-align:center; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.modal_popup_style1 .cont_wrap .close_btn{ position:absolute; right:-33px; top:0;}
.modal_popup_style1 thead tr th{border-left:1px solid #e0e0e0; color:#333333; border-right:1px solid #e0e0e0; border-bottom:1px solid #999; color:#333333; font-weight:bold;}

/*소제목 스타일*/
.small_title {
    height: 25px;
    color: #363840;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    padding-left: 32px;
    margin-bottom: 20px;
    background: url(/images/ico_title.jpg) no-repeat;
}

/*공지박스 스타일1*/
.noticebox_1{ border:1px solid #ddd; margin-bottom:65px; }
.noticebox_1 .inner{ border:3px solid #f4f4f4; padding:17px 19px;}

.noticebox_1 .title {
    background: url(/images/ico_notice_title.jpg) no-repeat left top;
    padding-left: 33px;
    font-size: 17px;
    color: #363840;
    font-weight: bold;
    height: 25px;
    margin-bottom: 10px;
}
.noticebox_1 p{ color:#666; font-size:12px; line-height:20px;}

/*공지박스 스타일2 (포인트)*/
.noticebox_2{border:1px solid #ddd; margin-bottom:65px; }
.noticebox_2 .inner{border:3px solid #f4f4f4;}

.noticebox_2 .inner .notice_title {
    margin-left: 15px;
    margin-top: 16px;
    margin-bottom: 15px;
    color: #363840;
    font-size: 18px;
    font-weight: bold;
    padding-left: 24px;
    padding-top: 2px;
    background: url(/images/ico_notice.jpg) no-repeat left top;
}
.noticebox_2 .inner .padding_cont{ margin-left:41px; margin-bottom:20px; font-size:12px; color:#666; line-height:20px;}
.noticebox_2 a.link{ text-decoration:underline; color:#ee5000;}

/*공지박스 스타일3 (동영상문제해결)*/
.noticebox_3{border:1px solid #ddd; margin-bottom:65px; }
.noticebox_3 .inner{border:3px solid #f4f4f4; overflow:hidden;}
.noticebox_3 .inner .ico{ float:left;}
.noticebox_3 .inner .center{ float:left;font-size:15px; color:#666; line-height:53px; width:930px; height:53px; text-align:center;}

/*테이블 스타일1 (주문배송상세, 1대1문의내역상세, Q&A문의내역_상세)*/
.normal_table{border-top:2px solid #4bbcd4; width:100%; margin-bottom:30px; color:#666; font-size:13px; }
.normal_table tr{height:40px;}
.normal_table tr td{ border:1px solid #ddd; padding-left:18px;}
.normal_table tr td.title{ color:#333; font-weight:bold; text-align:center; padding-left:0px;}

/*테이블 스타일2 (장바구니2단계 쿠폰팝업)*/
.pop_table{ font-size:12px; text-align:center;}
.pop_table thead{}

.pop_table thead tr {
    height: 46px;
    background: url(/images/my_class/payment/thead_bg.jpg);
}
.pop_table thead tr th{ border:1px solid #d7d7d7; border-top:2px solid #4bbcd4;}
.pop_table tbody{}
.pop_table tbody tr{}
.pop_table tbody tr td{ border:1px solid #d7d7d7; height:55px;}
.pop_table tbody tr td.title{ text-align:left; padding-left:5px;}

/*******************강사소개, 야나두성성공후기 공통*********************/
#page-wrap{width:700px; margin:25px auto; }
.ui-tabs .ui-tabs-nav{position: relative;overflow: hidden; top: 1px; z-index: 1000; list-style:none;}
.ui-tabs .ui-tabs-nav li{position: relative; float: left; background: #ccc; }
.ui-tabs .ui-tabs-nav li a{float: left;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{background: white;}
.ui-tabs .ui-tabs-panel{display: block; position: relative;}
.ui-tabs .ui-tabs-hide{ display: none !important; }
a.mover{position:absolute;}
.next-tab{bottom:0; right:0;}
.prev-tab{bottom:0; left:0;}

/******************* 학습운영센터, 나의 강의실 *****************************/
.myclass_title{background:#ffcd18; text-align:center;}
.class_layer{width:1000px; margin:0 auto; overflow:hidden; padding-top:51px;}
.class_layer .left_menu{ float:left; margin-bottom:30px;}
.class_layer .right_cont{width:790px; float:right;}

/*나의 강의실 하위메뉴*/
.class_layer{}
.class_layer .left_menu{}
.class_layer .left_menu > ul > li > ul{}
.class_layer .left_menu > ul > li > ul > li a{ display:block; height:35px; background:#f4f4f4; color:#4a4a4a; font-size:13px; line-height:35px; padding-left:20px; border-left:1px solid #dedede; border-right:1px solid #dedede;}
.class_layer .left_menu > ul > li > ul > li a.on,
.class_layer .left_menu > ul > li > ul > li a:hover{font-weight:bold; color:#009ebf;}
.class_layer .left_menu > ul > li > ul > li.last a{ border-bottom:1px solid #ddd;}

/*상단 배너 영역*/
.bnr_area{ overflow:hidden; margin-bottom:20px;}
.bnr_area a{}
.bnr_area a.left{ float:left;}
.bnr_area a.right{ float:right}

/*게시판 리스트 스타일1 (공지사항)*/
.class_layer .right_cont .title_area1 { overflow:hidden;}
.class_layer .right_cont .title_area1 h3{ float:left; color:#262932; font-size:26px; font-weight:bold;}
.class_layer .right_cont .title_area1 .route{ float:right; padding:13px 0 20px;}
.class_layer .right_cont .title_area1 .route a{ font-size:12px; color:#4a4a4a;}
.class_layer .right_cont .title_area1 .route span{ font-size:12px; color:#009ebf;}
.bbs_list_1 table{width:100%; font-size:12px; text-align:center; margin-bottom:40px;}
.bbs_list_1 thead {}
.bbs_list_1 thead tr{border-top:2px solid #333; border-bottom:1px solid #333; height:39px; color:#333;}
.bbs_list_1 thead th{}
.bbs_list_1 tbody {}
.bbs_list_1 tbody tr{ height:39px; border-bottom:1px solid #ddd;}
.bbs_list_1 tbody tr td{ color:#666;}
.bbs_list_1 tbody tr td.subject{ text-align:left;}
.bbs_list_1 tbody tr td.subject a{ color:#333;}
.bbs_list_1 tbody tr td.subject a.important{color:#ee5000; font-weight:bold;}
.bbs_list_1 tbody tr td.subject2{text-align:left;}
.bbs_list_1 tbody tr td.subject2 a{ display:block; font-weight:bold; color:#363840; width:370px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}

/*게시판 리스트 스타일2 (수강중인강좌, 수강완료강좌, 관심강좌)*/
.title_area2{}
.title_area2 .upper {overflow:hidden; border-bottom:2px solid #333; margin-bottom:20px;}
.title_area2 .upper h3{ float:left; color:#262932; font-size:26px; font-weight:bold;}
.title_area2 .upper .route{ float:right; padding:13px 0 20px;}
.title_area2 .upper .route a{ font-size:12px; color:#4a4a4a;}
.title_area2 .upper .route span{ font-size:12px; color:#009ebf;}
.title_area2 .lower{ overflow:hidden; margin-bottom:22px;}
.title_area2 .lower select{float:left; width:167px; height:38px;}
.title_area2 .lower .btn_freepass{ float:right;}
.bbs_list_2 table{width:100%; font-size:13px; text-align:center; margin-bottom:50px;}
.bbs_list_2 table img{ margin-bottom:3px;}
.bbs_list_2 thead {}
.bbs_list_2 thead tr{border-top:2px solid #4bbcd4; border-bottom:1px solid #333; height:60px; color:#333;}
.bbs_list_2 thead th{border-right:1px solid #ddd;}
.bbs_list_2 tbody {}
.bbs_list_2 tbody tr{border-bottom:1px solid #ddd; height:49px;}
.bbs_list_2 tbody tr td{ color:#666; border-right:1px solid #ddd; padding:10px 0;}
.bbs_list_2 tbody tr td.subject{ color:#363840; font-weight:bold; padding-left:20px;}
.bbs_list_2 tbody tr td.subject img{ margin-left:7px;}
.bbs_list_2 tbody tr td.subject a{ color:#363840; font-weight:bold;}
.bbs_list_2 tbody tr td.subject a p{ color:#666; font-weight:normal; line-height:22px;}
.bbs_list_2 tbody tr td .date{ font-size:12px;}
.bbs_list_2 table .first{border-left:1px solid #ddd;}
.bbs_list_2 tbody tr td.subject{ text-align:left;}

/*페이지와 검색박스*/
.bbs_lower .paging{margin-bottom:39px; text-align:center;}
.bbs_lower .paging a{color:#666; font-size:11px;}
.bbs_lower .paging a img{ position:relative; bottom:2px;}
.bbs_lower .paging strong{ color:#4bbcd4; font-weight:bold;}
.bbs_lower .search{ width:360px; margin:0 auto; margin-bottom:100px; }
.bbs_lower .search{ overflow:hidden;}
.bbs_lower .search .box{ float:left; width:284px; height:26px; border:1px solid #dedede;}
.bbs_lower .search a{ float:left;}

/*게시판 리스트 스타일3 (이벤트)*/
.class_layer .right_cont .title_area3{ position:relative;}
.class_layer .right_cont .title_area3 .title_tab{}
.class_layer .right_cont .title_area3 .route{ position:absolute; right:0px; top:10px;}
.class_layer .right_cont .title_area3 .route a{ font-size:12px; color:#4a4a4a;}
.class_layer .right_cont .title_area3 .route span{ font-size:12px; color:#009ebf;}
.class_layer .right_cont .search_area{border-bottom:1px solid #ddd; padding:10px 0; overflow:hidden;}
.class_layer .right_cont .search_area form{float:right;}
.class_layer .right_cont .search_area form .box{float:left; width:284px; height:26px; border:1px solid #e0e0e0;}
.class_layer .right_cont .search_area form a{float:left;}
.bbs_list_3{ margin-bottom:41px;}
.bbs_list_3 dl{ border-bottom:1px solid #ddd; padding-bottom:19px;}
.bbs_list_3 dt{ height:39px; overflow:hidden;}
.bbs_list_3 dt p{ font-size:17px; color:#333; font-weight:bold; padding-top:9px; float:left;}
.bbs_list_3 dt a{ float:left; display:block; margin-top:6px; margin-left:5px;}
.bbs_list_3 dt span{ float:right; display:block; margin-right:4px; margin-top:11px; font-size:12px; color:#666;}

.bbs_list_3 dd {
    width: 790px;
    height: 160px;
    background: url(/images/event_bnr_bg.jpg) no-repeat;
}
.bbs_list_3 dd a{display:block; padding:4px;}

/*게시판 리스트 스타일4 (이벤트 당첨자)*/
.bbs_list_4 table{width:100%; font-size:12px; text-align:center; margin-top:20px; margin-bottom:40px;}
.bbs_list_4 thead {}
.bbs_list_4 thead tr{border-top:2px solid #ddd; border-bottom:1px solid #333; height:39px; color:#333;}
.bbs_list_4 thead th{}
.bbs_list_4 tbody {}
.bbs_list_4 tbody tr{border-bottom:1px solid #ddd; height:39px; line-height:39px;}
.bbs_list_4 tbody tr td{color:#666;}
.bbs_list_4 tbody tr td.subject{ text-align:left;}
.bbs_list_4 tbody tr td a{ color:#333;}

/*게시판 리스트 스타일5 (FAQ) 조회도 포함*/
.search_area_2{}
.search_area_2 form{ overflow:hidden;}
.search_area_2 form p{ float:left; margin-left:1px; margin-top:7px; margin-right:12px;}
.search_area_2 form select{float:left; width:127px; height:28px;}
.search_area_2 form .box{float:left; width:451px; height:26px; border:1px solid #e0e0e0; margin-left:2px;}
.search_area_2 form a{float:left; display:block;}
.search_area_2 span{ display:block; margin-top:16px; padding-bottom:23px; border-bottom:1px solid #ddd;}
.bbs_cont_4{}
.bbs_cont_4 .best7{ margin-bottom:30px;}
.bbs_cont_4 .best7 h4{ margin-top:30px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.bbs_cont_4 .best7 dl{}
.bbs_cont_4 .best7 dt{ padding:14px 0 12px; font-size:12px; color:#666; overflow:hidden; border-bottom:1px solid #ddd;}
.bbs_cont_4 .best7 dt .num{float:left; width:43px; text-align:center; margin-right:12px;}
.bbs_cont_4 .best7 dt .subject{float:left; width:547px; }
.bbs_cont_4 .best7 dt a,
.bbs_cont_4 .best7 dt a:hover{color:#333;}
.bbs_cont_4 .best7 dt .date{float:left; width:107px; text-align:center;}
.bbs_cont_4 .best7 dt .view_num{float:left; width:81px; text-align:center;}
.bbs_cont_4 .best7 dd{ display:none; padding:30px; background:#f4f4f4; border-bottom:1px solid #ddd; color:#333; font-size:12px;}
.bbs_cont_4 .best7 dl.selected dt,
.bbs_cont_4 .best7 dl.selected dt a{color:#009ebf;}
.bbs_cont_4 .best7 dl.selected dd{ display:block;}
.bbs_cont_4 .general .tab_area{ border-bottom:2px solid #333; position:relative; z-index:1;}
.bbs_cont_4 .general .bg_tabS {overflow:hidden; position:relative; top:2px; right:2px; z-index:100;}
.bbs_cont_4 .general .bg_tabS li {float:left; margin-left:2px;}
.bbs_cont_4 .general .bg_tabS li a{ display:block; width:84px;height:34px; text-align:center; line-height:32px; background:#f4f4f4; border-bottom:2px solid #333; color:#999;}
.bbs_cont_4 .general .bg_tabS li.on a{width:83px;height:32px; background:#fff; border:2px solid #333; border-bottom:2px solid #fff; color:#262932;}
.bbs_cont_4 .general .conts_area{ margin-bottom:40px;}
.bbs_cont_4 .general .conts_area dl{ font-size:12px;}
.bbs_cont_4 .general .conts_area dt{overflow:hidden; border-bottom:1px solid #ddd;}
.bbs_cont_4 .general .conts_area dt .num{ float:left; width:43px; height:37px; line-height:37px; text-align:center;}
.bbs_cont_4 .general .conts_area dt .subject{ width:745px;}
.bbs_cont_4 .general .conts_area dt a,
.bbs_cont_4 .general .conts_area dt a:hover{color:#333; line-height:37px;}
.bbs_cont_4 .general .conts_area dl.selected dt,
.bbs_cont_4 .general .conts_area dl.selected dt a{color:#009ebf;}
.bbs_cont_4 .general .conts_area dd{display:none; padding:30px; background:#f4f4f4; font-size:12px; color:#333;}
.bbs_cont_4 .general .conts_area dl.selected dd{ display:block;}
.bbs_cont_4 .bnr{ margin-bottom:50px;}

/*게시판 리스트 스타일5 (나의 프리패스)*/
.bbs_list_5 table{width:100%; font-size:12px; text-align:center; margin-bottom:30px;}
.bbs_list_5 thead {}
.bbs_list_5 thead tr{border-top:2px solid #4bbcd4; border-bottom:1px solid #999; height:60px; color:#333;}
.bbs_list_5 thead th{}
.bbs_list_5 tbody {}
.bbs_list_5 tbody tr{border-bottom:1px solid #ddd; height:79px;}
.bbs_list_5 tbody tr td{ color:#666;}
.bbs_list_5 th,
.bbs_list_5 td{border-right:1px solid #e0e0e0;}
.bbs_list_5 .first{border-left:1px solid #e0e0e0;}
.bbs_list_5 .subject{color:#363840; font-weight:bold;}

/*게시판 조회 스타일1 (공지사항)*/
.bbs_cont_1 table{font-size:13px; color:#666; text-align:left;}
.bbs_cont_1 table tr{height:39px; border-bottom:1px solid #ddd;}
.bbs_cont_1 table tr.first{ border-top:2px solid #333;}
.bbs_cont_1 table td{ padding-left:20px;}
.bbs_cont_1 table td.td_tit{ background:#f4f4f4; color:#333; text-align:center; font-weight:bold;}
.bbs_cont_1 table td.file a{color:#009ebf;}
.bbs_cont_1 table td.cont{min-height:469px; padding:20px;vertical-align:top; line-height:26px;}
.bbs_cont_1 .btn_list{ overflow:hidden; padding:20px 0px 110px;}
.bbs_cont_1 .btn_list a{ float:right;}

/*게시판 조회 스타일3 (이벤트)*/
.bbs_cont_3{}
.bbs_cont_3 table{ width:100%; font-size:12px; border-top:1px solid #ddd; margin-top:19px;}
.bbs_cont_3 table tr{border-bottom:1px solid #ddd; height:39px; line-height:39px;}
.bbs_cont_3 table td{ padding:0 20px;}
.bbs_cont_3 table td.td_tit{background:#f4f4f4; color:#333; text-align:center; font-weight:bold;}
.bbs_cont_3 dl{border-bottom:1px solid #ddd; margin-top:30px;}
.bbs_cont_3 dt{}
.bbs_cont_3 dd p{min-height:300px; padding:20px; line-height:24px;}
.bbs_cont_3 .btn_list{ overflow:hidden; padding:20px 0px 110px;}
.bbs_cont_3 .btn_list a{ float:right;}
.bbs_cont_3 p.content{min-height:490px; padding:20px; line-height:24px; border-bottom:1px solid #ddd;}

/*게시판 쓰기 스타일1*/
.bbs_write_1{}
.bbs_write_1 table{ font-size:12px; color:#666;}
.bbs_write_1 table tr{ height:39px; border-bottom:1px solid #ddd;}
.bbs_write_1 table td{ padding-left:20px;}
.bbs_write_1 table td.title{padding-left:0px; font-weight:bold; background:#f4f4f4; color:#333; text-align:center;}
.bbs_write_1 table td input{height:25px; border:1px solid #dfdfdf;}
.bbs_write_1 .mail input{width:132px;}
.bbs_write_1 .mail select{width:130px; height:27px; position:relative; top:3px;}
.bbs_write_1 .phone{}
.bbs_write_1 .phone input{width:58px;}
.bbs_write_1 .phone .chk{width:16px; height:16px; margin-left:10px; position:relative; top:4px;}
.bbs_write_1 .phone label{margin-left:3px; position:relative; top:3px;}
.bbs_write_1 .category select{width:271px; height:27px; border:1px solid #ddd;}
.bbs_write_1 .subject input{width:670px;}
.bbs_write_1 .write .wrap{width:672px; height:409px; padding:15px 0;}
.bbs_write_1 .attach input{width:590px;}
.bbs_write_1 .btns{ width:280px; margin:20px auto 80px;}

/*수강중인강좌*/
.pause_pop{width:700px; left:50%; margin-left:-350px; top:100px;}
.pause_cancle_pop{width:700px; left:50%; margin-left:-350px; top:100px;}
.pause_cancle_pop textarea{width:477px; height:179px; border:1px solid #ddd;}
.select_date_pop{width:700px; left:50%; margin-left:-350px; top:100px;}
.select_date_pop .cont{}
.select_date_pop .cont .month{ margin-left:105px; margin-bottom:12px;}
.select_date_pop .cont .month a{position:relative; top:4px; margin:0 3px;}
.select_date_pop .cont .month span{ color:#363840; font-size:13px; font-weight:bold;}
.select_date_pop .cont .select_area{ overflow:hidden; margin-bottom:16px;}
.select_date_pop .cont .select_area .calendar{ float:left;}
.select_date_pop .cont .select_area .calendar table{text-align:center;}
.select_date_pop .cont .select_area .calendar table a{color:#333;}
.select_date_pop .cont .select_area .calendar table thead{}
.select_date_pop .cont .select_area .calendar table thead tr{ height:40px; background:#4bbcd4; color:#fff;}
.select_date_pop .cont .select_area .calendar table thead tr th{ width:41px; border-right:1px solid #3c96aa;}
.select_date_pop .cont .select_area .calendar table thead tr th.sun{ color:#b60000; border-left:1px solid #57bfd5;}
.select_date_pop .cont .select_area .calendar table thead tr th.last{border-right:none;}
.select_date_pop .cont .select_area .calendar table tbody{}
.select_date_pop .cont .select_area .calendar table tbody tr{ height:40px;}
.select_date_pop .cont .select_area .calendar table tbody tr td{border:1px solid #ddd; border-top:none;}
.select_date_pop .cont .select_area .calendar table tbody tr td.sun a{ color:#d10000;}

.select_date_pop .cont .select_area .calendar table tbody tr td.today {
    background: url(/images/calendar_select_bg.png) 0 1px;
}
.select_date_pop .cont .select_area .period_list{ float:right; width:346px;}
.select_date_pop .cont .select_area .period_list ul{ border-top:2px solid #4bbcd4; text-align:center; font-size:13px;}
.select_date_pop .cont .select_area .period_list ul li{ width:100%; border-bottom:1px solid #999;}
.select_date_pop .cont .select_area .period_list ul li p{ height:39px; line-height:39px; color:#666;}
.select_date_pop .cont .select_area .period_list ul li p.title{ border-bottom:1px solid #ddd; color:#363840; font-weight:bold;}
.select_date_pop .cont .select_area .period_list ul li p.period{}

.popB_st {
    border: 2px solid #5f86d3
}

.popB_st .in_pop {
    padding: 20px
}

.popB_st .in_pop ul li {
    line-height: 18px
}

.bg_tabM {
    overflow: hidden;
    height: 40px;
    *padding-bottom: 20px
}

.bg_tabM li {
    width: 300px;
    height: 30px;
    padding-top: 10px;
    background: url('http://www.selfsign.kr/images/bg_tabBlueM.gif') no-repeat 0 0;
    text-align: center;
    cursor: pointer
}

.bg_tabM li:hover,
.bg_tabM li.on {
    background: url('http://www.selfsign.kr/images/bg_tabBlueM_on.gif') no-repeat 0 0;
}

.bg_tabM li:hover a,
.bg_tabM li.on a {
    color: #fff;
    font-weight: bold
}

table.board_listWN2 {
    border-top: 2px solid #224c90;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

table.board_listWN2 th {
    background: url('http://www.selfsign.kr/images/bg_datatable5.gif') repeat-x left top;
    padding: 10px 20px 9px;
    line-height: 27px;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    color: #224c90;
    font-size: 13px;
    text-align: left
}

table.board_listWN2 td {
    padding: 10px 20px 9px;
    line-height: 20px;
    text-align: justify;
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

table.board_listWN2 .re_tit {
    background: url('http://www.selfsign.kr/images/bg_datatable5.gif') repeat-x left top;
    padding: 10px 20px 9px;
    line-height: 27px;
}

/*수강중인강좌 - 강의실(상세)*/
.classroom_detail{}

.classroom_detail h4 {
    background: url(/images/title_bg.jpg);
    color: #262932;
    font-size: 20px;
    width: 703px;
    height: 61px;
    padding-left: 86px;
    line-height: 61px;
    margin-bottom: 10px;
}
.classroom_detail .class_term{ margin-bottom:30px;}

.classroom_detail .class_term .upper_box {
    overflow: hidden;
    border: 1px solid #ddd;
    width: 787px;
    height: 51px;
    background: url(/images/calendar.jpg) 15px 14px no-repeat;
}
.classroom_detail .class_term .upper_box p{ float:left; margin-left:41px; font-size:18px; color:#363840; font-weight:bold; line-height:48px; margin-right:15px;}
.classroom_detail .class_term .upper_box span{ float:left; line-height:48px; font-size:14px;}
.classroom_detail .class_term .upper_box a{float:right; margin-right:10px; display:block; margin-top:12px;}

.classroom_detail .class_term .lower_box {
    background: url(/images/term_bg.jpg) no-repeat;
    height: 80px;
}
.classroom_detail .class_term .lower_box .term_bar_wrap{width:642px; height:13px; position:relative; left:32px; top:34px;}

.classroom_detail .class_term .lower_box .term_bar_wrap .term_bar {
    height: 13px;
    background: url(/images/term_bar.jpg) repeat-x;
    position: relative;
}
.classroom_detail .class_term .lower_box .term_bar_wrap .today_position{position:relative;}
.classroom_detail .class_term .lower_box .term_bar_wrap .today_position .today{ position:absolute; right:-50px; bottom:22px;}

.classroom_detail .class_term .lower_box p{ font-size:14px; color:#fff; margin-left:702px; margin-top:17px;}
.detail_wrap{width:790px;}
.detail_wrap .detail_tab_area{ border-bottom:2px solid #333; position:relative; z-index:1; margin-bottom:20px;}
.detail_wrap .detail_tabs {overflow:hidden; position:relative; top:2px; right:2px; z-index:100;}
.detail_wrap .detail_tabs li {float:left; margin-left:2px;}
.detail_wrap .detail_tabs li a{ display:block; width:147px;height:36px; text-align:center; line-height:32px; background:#f4f4f4; border-bottom:2px solid #333; color:#999; font-size:14px;}
.detail_wrap .detail_tabs li a:hover,
.detail_wrap .detail_tabs li.on a{width:143px;height:34px; background:#fff; border:2px solid #333; border-bottom:2px solid #fff; color:#262932; font-weight:bold;}
.detail_wrap .detail_conts{}
.detail_wrap .detail_conts .progress_boxes{}
.detail_wrap .detail_conts .progress_boxes li{ height:68px; margin-bottom:10px; border:1px solid #ddd; overflow:hidden;}

.detail_wrap .detail_conts .progress_boxes li .title {
    float: left;
    width: 143px;
    border-right: 1px solid #ddd;
    height: 68px;
    color: #363840;
    font-size: 17px;
    font-weight: bold;
    line-height: 64px;
    padding-left: 54px;
    background: url(/images/ico_title.jpg) no-repeat 20px 20px;
}

.detail_wrap .detail_conts .progress_boxes li .progress {
    float: left;
    width: 590px;
    height: 68px;
    background: url(/images/progress_bg.jpg) no-repeat 80px 20px;
    overflow: hidden;
    position: relative;
}
.detail_wrap .detail_conts .progress_boxes li .progress .percent{ float:left; font-size:23px; color:#009ebf; font-weight:bold; margin-left:18px; line-height:68px;}
.detail_wrap .detail_conts .progress_boxes li .progress .progress_bar_wrap{ float:left; width:392px; height:13px; position:absolute; left:92px; top:27px; }

.detail_wrap .detail_conts .progress_boxes li .progress .progress_bar_wrap .progress_bar_blue {
    width: 54%;
    height: 13px;
    background: url(/images/progress_bar_blue.jpg) repeat-x;
}

/*width값에 따라 진도막대 길이가 결정됨*/
.detail_wrap .detail_conts .progress_boxes li .progress .progress_bar_wrap .progress_bar_orange {
    width: 54%;
    height: 13px;
    background-image: url(/images/progress_bar_orange.jpg)
}

/*width값에 따라 진도막대 길이가 결정됨*/
.detail_wrap .detail_conts .progress_boxes li .progress .num{float:right; margin-right:8px;}
.detail_wrap .detail_conts .progress_boxes li .progress .num .done{ font-weight:bold; font-size:23px; color:#363840; line-height:66px;}
.detail_wrap .detail_conts .progress_boxes li .progress .num .all{ color:#363840; font-size:14px; position:relative; bottom:3px;}
.detail_wrap .detail_conts .progress_boxes li .test{ width:293px; height:68px; float:left; overflow:hidden;}
.detail_wrap .detail_conts .progress_boxes li .first{border-right:1px solid #ddd;}
.detail_wrap .detail_conts .progress_boxes li .second{}
.detail_wrap .detail_conts .progress_boxes li .test span{ margin-left:19px; line-height:66px; float:left; font-size:14px; color:#363840;}
.detail_wrap .detail_conts .progress_boxes li .test p{ float:left; margin-left:10px; line-height:66px; color:#363840; font-size:18px; font-weight:bold; }
.detail_wrap .detail_conts .progress_boxes li .test a{ float:right; margin-right:20px; margin-top:19px;}
.detail_wrap .detail_conts .study_tabs{ overflow:hidden; margin-bottom:9px;}
.detail_wrap .detail_conts .study_tabs li{float:left; width:25%;}
.detail_wrap .detail_conts .study_tabs li a{ display:block; width:100%; height:55px; line-height:55px; text-align:center; border:1px solid #dbdbdb; box-sizing:border-box; color:#4f4f4f; font-size:20px;}
.detail_wrap .detail_conts .study_tabs li.on a{ background:#ffc800; border:1px solid #edba03;}
.detail_wrap .detail_conts .study_conts{}
.detail_wrap .detail_conts .study_conts .study_box{ margin-bottom:17px;}
.detail_wrap .detail_conts .study_conts .study_box .title_area{ margin-bottom:1px;}
.detail_wrap .detail_conts .study_conts .study_box .table_area{ background:#f2f2f2; padding:23px 28px 30px;}
.detail_wrap .detail_conts .study_conts .study_box .table_area table{ width:732px;}
.detail_wrap .detail_conts .study_conts .study_box .table_area table tr{ border-bottom:1px solid #d2d2d2;}
.detail_wrap .detail_conts .study_conts .study_box .table_area table tr.first{ border-bottom:1px solid #303030;}
.detail_wrap .detail_conts .study_conts .study_box .table_area table tr td{ height:50px; text-align:center; font-size:14.67px; color:#2d2d2d; }

.detail_wrap .detail_conts .study_conts .study_box .table_area table tr td.num {
    background: url(/images/study_num_bg.jpg) no-repeat center 6px;
    color: #000;
}
.detail_wrap .detail_conts .study_conts .study_box .table_area table tr td.title{text-align:left; padding-left:40px;}
.detail_wrap .detail_conts .study_conts .study_box .table_area table tr td.percent{}
.detail_wrap .detail_conts .study_conts .study_box .table_area table tr td.btns{ text-align:left;}
.detail_wrap .detail_conts .study_conts .study_box .table_area table tr td.btns a{ margin-right:3px;}

/*수강완료강좌-수강증*/
.certificate{width: 532px;}
.certificate .area{overflow:hidden; border:4px solid #fed650; line-height: 1; box-sizing: border-box;}
.certificate .area .cont{ padding: 18px 16px; background: url(http://www.selfsign.kr/images/logo_space.jpg) no-repeat 16px 3px; background-size: 117px;}
.certificate .title {margin: 43px 0 40px; text-align: center;}
.certificate .title strong{font-size: 60px; font-weight: bold; color: #383838;}
.certificate .table_area table{ width:100%; color:#363840;}
.certificate .table_area .info_table{ border-top:2px solid #363840; margin-bottom:31px;}
.certificate .table_area .info_table tr{}
.certificate .table_area .info_table tr td{ height:49px; border-bottom:1px solid #d7d7d9; padding-left:12px; font-size:16px; font-weight: 700;}

.certificate .table_area .info_table tr td.title {
    position: relative;
    padding-left: 36px;
    width: 148px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: left;
    background: url(/images/my_class/class/finished/bull.jpg) no-repeat 3px 20px;
}
.certificate .table_area .info_table tr td.title:after {content:""; position: absolute; right: 0; bottom: -1px; width: 5px; height: 1px; background-color: #fff;}
.certificate .table_area .info_table tr td.name span{font-weight: 300; color:#00b4ff;}
.certificate .table_area .lec_table{margin-bottom:35px; border-bottom:1px solid #d7d7d9; }
.certificate .table_area .lec_table tr{}
.certificate .table_area .lec_table tr td{ width:50%; height:50px; text-align:center; font-size:18px; color:#363840;}
.certificate .table_area .lec_table tr.title td{position: relative; font-size:16px; color:#383838; font-weight:800; background:#fed650;}
.certificate .table_area .lec_table tr.title td:first-child:after{content:""; position: absolute; top:0; right: 0; width: 2px; height: 50px; background-color: #fff;}
.certificate .table_area .lec_table tr.title td+td:after{content:""; position: absolute; top:0; left: -0; width: 2px; height: 50px; background-color: #fff;}
.certificate .table_area .lec_table tbody tr td:first-child{padding-left: 14px; text-align: left; font-size: 13px; font-weight: 300; color: #383838;}
.certificate .table_area .lec_table tbody tr td{text-align: center;}
.certificate .table_area .lec_table .list{margin: 23px 0;}
.certificate .table_area .lec_table .list li+li{margin-top: 7px;}
.certificate .address p{font-size: 12px; line-height: 14px; color:#c5c3c3;}
.certificate .address{padding:14px 34px 10px; margin: 0 -16px -18px; background-color: #f0f0f0;}
.certificate .result .notice{ color:#333; font-size:16px; text-align:center;}
.certificate .result .date{margin-top: 14px; color:#363840; font-size:18px; text-align:center; margin-bottom:25px;}
.certificate .result .sign{margin-bottom: 25px; text-align: center;}
.certificate .result .sign em{display: inline-block; padding-right: 80px; line-height: 66px; font-size: 20px; font-weight: 700; color: #383838; background: url(http://www.selfsign.kr/images/selfsign_space_sign.png) no-repeat right 0;}
.certificate .btns{ margin:22px 0 30px; text-align:center;}
.certificate .btns .btn{display: inline-block; width: 133px; line-height: 41px; font-size: 20px; font-weight: 800; color: #fff;}
.certificate .btns .print{background-color: #00b4ff;}
.certificate .btns .cancel{margin-left: 5px; background-color: #383838;}

/*나의 프리패스*/
.lec_choice_pop{width:998px; left:50%; margin-left:-499px; top:100px;}

.lec_choice_pop ul {
    overflow: hidden;
    margin-bottom: 20px;
    background: url(/images/tab_border.jpg) left bottom repeat-x;
}
.lec_choice_pop ul li{ float:left;}

.lec_choice_pop ul li a {
    font-size: 14px;
    background: url(/images/tab.jpg) #f4f4f4;
    color: #999;
    display: block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.lec_choice_pop ul li.on a {
    font-size: 16px;
    color: #262932;
    font-weight: bold;
    background-image: url(/images/tab_on.jpg);
}
.lec_choice_pop td{padding:0 !important;}

/*나의 교재*/
.noticebox_1 .inner.mybook{padding:0; overflow:hidden;}
.noticebox_1 .inner.mybook img{float:left;}
.noticebox_1 .inner.mybook p{float:left; margin-top:17px; color:#666; font-size:15px; margin-right:3px;}
.noticebox_1 .inner.mybook p.tit{ margin-left:23px;}
.noticebox_1 .inner.mybook p.num{color:#009ebf;}
.noticebox_1 .inner.mybook a{ float:left; margin-left:222px; display:block; margin-top:13px; margin-right:15px;}
.noticebox_1 .inner.mybook img.exclamation{display:block; margin-top:17px; margin-right:11px;}
.noticebox_1 .inner.mybook p.suggest{ font-size:12px;}
.book_list{margin-bottom:40px;}
.book_list ul{}
.book_list li{border:1px solid #e0e0e0; margin-bottom:20px; overflow:hidden; padding:9px;}
.book_list li .img_area{ float:left; margin-right:10px; border:1px solid #ddd;}
.book_list li .cont_area{ float:left;}
.book_list li .cont_area a.book{ display:block;}
.book_list li .cont_area a .certify{ width:109px; height:19px; border:2px solid #f1824a; text-align:center; line-height:19px; color:#ee5000; font-size:12px; margin-bottom:14px;}
.book_list li .cont_area a .buy{ width:109px; height:19px; border:2px solid #4bbcd4; text-align:center; line-height:19px; color:#009ebf; font-size:12px; margin-bottom:14px;}
.book_list li .cont_area a .title{ color:#363840; font-size:17px; font-weight:bold; margin-bottom:10px;}
.book_list li .cont_area a .explain{ color:#666; font-size:12px; padding-bottom:10px; border-bottom:1px solid #ddd; width:631px; margin-bottom:10px; }
.book_list li .service{ margin-bottom:11px;}
.book_list li .service span{ color:#ee5000; font-size:12px;}
.book_list li .service img{ position:relative; top:2px;}
.book_list li .service a{ margin-left:7px; font-size:12px; color:#666; }
.book_list li .detail{}

/*포인트*/
.noticebox_1 .inner.point{padding:0; overflow:hidden;}
.noticebox_1 .inner.point img{float:left;}
.noticebox_1 .inner.point p{float:left; font-size:15px; height:53px; line-height:53px; text-align:center; width:361px; color:#666;}
.noticebox_1 .inner.point p.left{border-right:1px solid #e0e0e0;}
.noticebox_1 .inner.point p span{color:#009ebf; font-weight:bold; }
.right_cont .term_box{ height:38px; border:1px solid #ddd; margin-bottom:22px; overflow:hidden;}
.right_cont .term_box span{ float:left; font-size:13px; color:#009ebf; font-weight:bold; line-height:38px; margin-left:13px; margin-right:20px;}
.right_cont .term_box ul{ float:left; margin-top:5px; margin-right:30px;}
.right_cont .term_box ul li{ float:left; margin-right:2px;}
.right_cont .term_box ul li a{ display:block; width:46px; height:25px; border:1px solid #ddd; font-size:13px; color:#666; text-align:center; line-height:25px;}
.right_cont .term_box ul li a:hover,
.right_cont .term_box ul li a.on{width:48px; height:27px; color:#Fff; background:#f1824a; border:none;}
.right_cont .term_box form{float:left; margin-top:5px;}
.right_cont .term_box form input{ width:108px; height:25px; border:1px solid #999; text-align:center; line-height:25px; color:#666; margin-right:3px;}
.right_cont .term_box form a{ position:relative; top:5px; margin-right:3px;}
.right_cont .term_box form a.search{top:0px;}

/*쿠폰,수강권*/
.right_cont .coupon{ border:1px solid #ddd; background:#f4f4f4; height:41px; line-height:41px; padding-left:13px; margin-bottom:20px;}
.right_cont .coupon input[type=radio]{ margin-right:4px;}
.right_cont .coupon label{ margin-right:14px;}
.right_cont .coupon input[type=text]{ width:515px; height:25px; border:1px solid #ddd; position:relative; bottom:2px; margin-right:4px;}
.right_cont .coupon a{ position:relative; top:8px;}
.coupon_cont{ width:790px; margin-bottom:100px;}
.coupon_cont .tab_area{ margin-bottom:20px;}
.coupon_cont .bg_tabS{overflow:hidden;}
.coupon_cont .bg_tabS li {float:left;}

.coupon_cont .bg_tabS li a {
    display: block;
    width: 395px;
    height: 36px;
    background: url(/images/tab_coupon.jpg);
    text-indent: -9999px;
    overflow: hidden;
}

.coupon_cont .bg_tabS li a.last {
    width: 394px;
    background: url(/images/tab_pass.jpg);
}

.coupon_cont .bg_tabS li.on a {
    background: url(/images/tab_coupon_on.jpg);
}

.coupon_cont .bg_tabS li.on a.last {
    background: url(/images/tab_pass_on.jpg);
}
.bbs_list_2 table .padding_subject{padding-left:25px; padding-right:25px;}

/*쪽지함*/
.right_cont .messege_lower{ overflow:hidden;}
.right_cont .messege_lower p{ float:left;}
.right_cont .messege_lower .right{ float:right;}
.right_cont .messege_lower .right a{ margin-left:5px;}

/*1:1문의, 학습Q&A문의내역*/
.one_to_one_select{ overflow:hidden; margin-bottom:10px;}
.one_to_one_select select{ float:left; width:130px; height:27px;padding-left:10px;}
.one_to_one_select .right{ float:right;}
.bbs_list_2 table tbody .one_to_one_subject{ padding-left:20px; padding-right:20px;}
.bbs_list_2 table tbody .one_to_one_subject a{ display:block; width:420px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.bbs_list_2 table tbody .qna_subject{padding-left:20px; padding-right:20px;}
.bbs_list_2 table tbody .qna_subject a{ display:block; width:320px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.one_to_one_search{width:490px; margin:0 auto; padding-bottom:40px;}
.one_to_one_search select{padding-left:10px;}

/*장바구니 1단계*/
.recommend{ margin-bottom:50px;}
.recommend ul{ overflow:hidden;}
.recommend ul li{ width:257px; float:left; margin-right:9px;}
.recommend ul li.last{margin-right:0;}
.recommend ul li table{ text-align:center; border:1px solid #ddd; width:100%;}
.recommend ul li table tr{ border-bottom:1px solid #ddd;}
.recommend ul li table tr.last{}
.recommend ul li table tr td{}
.recommend ul li table tr td.image_box{padding-top:9px;}
.recommend ul li table tr td img{border:1px solid #ddd;}
.recommend ul li table tr td p{ color:#363840; font-weight:bold; margin:11px 0;}
.recommend ul li table tr td.price{ color:#ee5000; font-size:20px; font-weight:bold; padding:19px 0; background:#f4f4f4;}
.recommend ul li table tr td.btn{ padding:10px 0;}

/*장바구니 2단계(주문/결제)*/
.cart_coupon_wrap{}
.cart_coupon_wrap .discount{ position:relative; margin-bottom:28px;}
.cart_coupon_wrap .discount p{ width:373px; text-align:center; position:absolute;}
.cart_coupon_wrap .discount .my_coupon{ font-size:18px; color:#333333; top:20px; left:0;}
.cart_coupon_wrap .discount .my_coupon span{color:#4bbcd4; font-weight:bold;}
.cart_coupon_wrap .discount .coupon_discount{ font-size:18px; color:#333333; top:100px; left:0;}
.cart_coupon_wrap .discount .coupon_discount span{font-weight:bold;}
.cart_coupon_wrap .discount .point{ color:#ee5000; font-size:17px; font-weight:bold; letter-spacing:-0.5px; right:140px; top:20px; width:90px; text-align:left;}
.cart_coupon_wrap .discount input{ width:94px; height:25px; position:absolute; right:51px; top:19px; border:none;}
.cart_coupon_wrap .discount a{position:absolute; right:11px; top:18px;}
.cart_coupon_wrap .discount .point_discount{ font-size:18px; color:#333333; right:0; top:100px;}
.cart_coupon_wrap .discount .point_discount span{font-weight:bold;}
.cart_coupon_wrap .result{ position:relative; margin-bottom:30px;}
.cart_coupon_wrap .result p{ color:#666; font-size:22px; font-weight:bold; width:188px; position:absolute; text-align:center; top:67px;}
.cart_coupon_wrap .result p.origin{ left:3px; }
.cart_coupon_wrap .result p.discount{ left:236px; }
.cart_coupon_wrap .result p.total{ color:#009ebf; font-size:26px; right:3px; top:55px; width:315px;}
.cart_coupon_wrap .result p.notice{ color:#666; font-size:13px; right:3px; top:90px; width:315px; font-weight:normal; letter-spacing:-1px;}
.cart_coupon_wrap .result p.notice span{ color:#ee5000;}
.cart_table_title{ font-size:18px; color:#666666; font-weight:bold; margin-bottom:5px;}
.cart2_table{ width:100%; border-top:2px solid #363840; margin-bottom:26px; color:#666; font-size:13px;}
.cart2_table tr{ height:39px; border-bottom:1px solid #ddd;}
.cart2_table tr td{ padding-left:18px; padding-top:6px; padding-bottom:6px;}
.cart2_table tr td.title{ width:180px; background:#f4f4f4; text-align:center; color:#333333; padding:0; font-weight:bold;}
.cart2_table input[type=text]{ border:1px solid #ddd; width:58px; height:25px;}
.cart_table_title .info{ position:relative; left:630px;}
.cart2_table .address_chk{ padding-left:10px;}
.cart2_table .address_chk input{}
.cart2_table .address_chk label{ margin-left:6px; font-size:13px; color:#009ebf; font-weight:bold;}
.cart2_table .receiver input{ width:284px;}
.cart2_table .address input{ width:100%; box-sizing:border-box; height:27px; margin-bottom:7px;}
.cart2_table .address input.last{margin-bottom:0px;}
.cart2_table .address .zip{ width:284px;}
.cart2_table .address .zip .search_zip{}
.cart2_table .name{}
.cart2_table .name input{ width:284px; margin-right:4px;}
.cart2_table .name span{ position:relative; top:3px;}
.cart2_table .time{}
.cart2_table .time select{ border:1px solid #dfdfdf; width:68px; height:25px;}
.cart2_table .time p{ line-height:20px; letter-spacing:-0.7px;}
.cart2_table .methods{ height:59px; text-align:center;}
.cart2_table .methods input{ margin-right:15px;}
.cart2_table .methods label{ font-size:18px; color:#333333; font-weight:bold; margin-right:36px;}
.cart2_table .confirm_chk{}
.cart2_table .confirm_chk input{ margin-right:7px;}
.cart2_table .confirm_chk label{ font-weight:bold; color:#ee5000;}
.cart2_total_price{ text-align:center; margin-bottom:40px; color:#333; font-size:24px; font-weight:bold;}
.cart2_total_price div { border-bottom:2px solid #363840; margin-bottom:40px; padding:20px 0 10px;}
.cart2_total_price h6{ color:#333; font-size:24px; font-weight:bold; display:inline;}
.cart2_total_price p{ font-size:60px; color:#f15a22; font-weight:bold; margin-bottom:13px; display:inline; margin-left:10px; margin-right:4px; font-weight:200;}
.cart2_total_price a{ margin-right:4px;}
/*170908추가*/
.custom_chk1 li { float:left; }
.custom_chk1 input[type=radio] {visibility: hidden; margin-left:-30px; vertical-align:middle;}
.custom_chk1 input[type=radio] + label span { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://www.selfsign.kr/images/pay_ico_chk.png) no-repeat 0 0; margin-right:12px;}
.custom_chk1 input[type=radio]:checked + label span { display:block; content:""; width:30px; height:30px; border:0; float:left; background:url(http://www.selfsign.kr/images/pay_ico_chk_on.png) no-repeat 0 0;}
.custom_chk1 input,
.custom_chk1 label { cursor:pointer; line-height:30px; vertical-align:middle; position:relative;}
.custom_chk1 label i { display:block; width:108px; height:26px; background:url(http://www.selfsign.kr/images/pay_ico_naver.png) no-repeat 0 0; float:left; margin-top:1px; text-indent:-9999%; font-size:0; overflow:hidden; position:absolute; top:0; left:0;}

/*장바구니 2단계 - 쿠폰팝업*/
.coupon_popup{}
.coupon_popup h1{ height:50px; background:#4bbcd4; color:#fff; font-size:17px; font-weight:bold; line-height:45px; padding-left:20px;}
.coupon_popup .in_pop{padding:0 20px;}
.coupon_popup .in_pop .status{ height:44px; line-height:40px; color:#4c4c4c; font-size:12px; }
.coupon_popup .in_pop .srch_box{ background:#f7f7f7; border:1px solid #e5e5e5; height:38px; line-height:38px; padding-left:30px;}
.coupon_popup .in_pop .srch_box input{ position:relative; bottom:4px; height:19px; border:1px solid #dedede;}
.coupon_popup .in_pop .srch_box a{ position:relative; top:8px;}
.coupon_popup .in_pop ul{ font-size:12px; color:#747474;}

/*장바구니 3단계(결제완료)*/
.cart3_notice{ width:790px;}

.cart3_notice table {
    width: 100%;
    height: 124px;
    background: url(/images/my_class/payment/notice_bg.jpg);
    text-align: center;
    margin-bottom: 30px;
}
.cart3_notice .title{ padding-top:15px; font-size:18px; color:#009ebf; font-weight:bold; margin-bottom:12px;}
.cart3_notice p{ line-height:24px; font-size:13px; color:#666;}
.cart3_notice p span{ color:363840; font-weight:bold;}
.cart3_table{ border-top:2px solid #4bbcd4;}
.cart3_table tr{ height:40px; font-size:13px;}
.cart3_table tr td{ color:#666; border:1px solid #e0e0e0; padding-left:20px;}
.cart3_table tr td.subject{font-weight:bold; color:#333; text-align:center; padding:0;}
.cart3_btn_refund{ position:relative; left:592px;}

/********************************** 유틸 ***************************************/
/*동영상 문제해결*/
.mov_FAQ_list{}

.mov_FAQ_list tr a {
    display: block;
    width: 91px;
    height: 27px;
    background: url(/images/btn_solution.jpg);
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 auto;
}

.mov_FAQ_list tr.on a {
    background: url(/images/btn_solution_on.jpg);
}
.mov_FAQ_list tr.on td,
.mov_FAQ_list tr.on td.subject{color:#ee5000; font-size:17px;}
.mov_FAQ_answer table{width:1000px; border:1px solid #e0e0e0; text-align:center; margin-bottom:50px;}
.mov_FAQ_answer table tr{border-bottom:1px solid #e0e0e0;}
.mov_FAQ_answer table tr .title{ color:#333; font-size:15px; height:59px; line-height:59px;}
.mov_FAQ_answer table tr .content{padding:32px 0;}

/*회원가입*/
.reg_essential{}
.reg_essential table{ font-size:12px; border-top:1px solid #4bbcd4; margin-bottom:22px; font-size:13px;}
.reg_essential table input[type=text],
.reg_essential table input[type=password]{ height:25px; border:1px solid #e0e0e0;}
.reg_essential table select{ height:27px; border:1px solid #e0e0e0; position:relative; top:2px;}
.reg_essential table tr{ height:39px; border-bottom:1px solid #ddd;}
.reg_essential table tr td{ padding-left:10px;}
.reg_essential table tr td.last{ border-left:1px solid #ddd;}

.reg_essential table tr td.title {
    background: url(/images/title_bg.png) 13px center no-repeat #f4f4f4;
    padding-left: 33px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
}
.reg_essential table tr td span{ font-weight:bold;}
.reg_essential table tr.check input[type=checkbox]{ margin-right:6px;}
.reg_essential table tr.check label{ margin-right:12px;}
.reg_add{}
.reg_add table{ font-size:12px; border-top:1px solid #363840; margin-bottom:30px; font-size:13px;}
.reg_add table input[type=text]{ height:25px; border:1px solid #e0e0e0;}
.reg_add table select{ height:27px; border:1px solid #e0e0e0; position:relative; top:2px;}
.reg_add table tr{ height:39px; border-bottom:1px solid #ddd; line-height:28px;}
.reg_add table tr td{ padding-left:10px;}
.reg_add table tr td.title{ background:#f4f4f4; padding-left:33px;color:#333; font-weight:bold; line-height:24px;}
.reg_add table input[type=checkbox]{ margin-right:6px;}

/********************************** 강의소개 ***************************************/
/*커리큘럼 전체보기 lec_curriculum_ver2.html*/
.curriculum_lec_table{
    font-family: "나눔고딕", 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Tahoma;
    margin-bottom: 124px;
}
.curriculum_lec_table tr{ border-bottom:1px solid #bbb; height:185px;}
.curriculum_lec_table tr td{}
.curriculum_lec_table tr td.medal{position: relative; text-align:center;}
.curriculum_lec_table tr td.medal.on:after{content:""; position: absolute; left: 0; top: 0; width: 92px; height: 92px; background: url(http://www.selfsign.kr/images/stamp.png) no-repeat;}
.curriculum_lec_table tr td.medal.on2:after{content:""; position: absolute; left: 5px; top: 20px; width: 92px; height: 92px; background: url(http://www.selfsign.kr/images/stamp_finish.png) no-repeat;}
.curriculum_lec_table tr td.medal .badge{display:block; position: absolute; left: 5px; top: 5px; width: 92px; height: 92px;}

.curriculum_lec_table tr td.cont {
}
.curriculum_lec_table tr td.cont .title{ color:#000; font-size:20px; font-weight:bold; margin-bottom:9px;}
.curriculum_lec_table tr td.cont .title span{font-size:16px;}
.curriculum_lec_table tr td.cont .title a{ float:right; margin-right:24px;}
.curriculum_lec_table tr td.cont .detail{ height:65px;}
.curriculum_lec_table tr td.cont .detail div{ font-size:14px; color:#333;}
.curriculum_lec_table tr td.cont .detail .basic{}
.curriculum_lec_table tr td.cont .detail .special{ color:#0066cc; margin-bottom:6px;}
.curriculum_lec_table tr td.cont .detail .event{ color:#ff5000;}
.curriculum_lec_table tr td.cont .class_subject{font-size:12px;}

.curriculum_lec_table tr td.payment {
    padding-right: 33px;
    text-align: right;
    background: url(/images/border.jpg) no-repeat left top;
}
.curriculum_lec_table tr td.payment .discount{ width:49px; height:20px; display:inline-block; background:#0066cc; text-align:center; color:#fff; font-size:14px; padding-top:2px; font-weight:bold; margin-right:4px;}
.curriculum_lec_table tr td.payment .origin{ color:#999999; font-size:14px; display:inline-block; text-decoration:line-through; font-weight:bold;}
.curriculum_lec_table tr td.payment .total{ color:#333; font-size:40px; margin-bottom:14px;}
.curriculum_lec_table tr td.payment .total span{font-size:30px; font-weight:bold;}
.curriculum_lec_table tr td.payment .bnts{}
.curriculum_lec_table tr td.payment .bnts a{}
.single_select_area, .book_select_area{
    font-family: "나눔고딕", 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Tahoma;
}
.single_select_area{margin-bottom:111px; overflow:hidden;}
.course_box{ width:490px; border:1px solid #eaeaea; margin-bottom:13px;}
.course_box.left{float:left;}
.course_box.right{float:right;}
.course_box .title_box{ background:#eaeaea; color:#333; font-size:20px; font-weight:bold; height:44px; line-height:44px; padding-left:28px;}
.course_box .title_box span{ font-size:16px;}
.course_box .select_area{margin-bottom:6px; overflow:hidden;}
.course_box .select_area .teacher{ float:left;}
.course_box .select_area .select_lines{ float:right; margin-right:20px; width:261px; margin-top:32px; min-height:95px;}
.course_box .select_area .select_lines .line{}
.course_box .select_area .select_lines .line input{ display:none;}
.course_box .select_area .select_lines .line label{ position:relative; top:5px;}
.course_box .select_area .select_lines .line label.radio_btn{ display:inline-block; cursor:pointer;width:20px; height:20px; background:url(/images/radio_off.jpg);}
.course_box .select_area .select_lines .line input[type=radio]:checked + label{background:url(/images/radio_on.jpg);}
.course_box .select_area .select_lines .line label.chk_btn{ display:inline-block; cursor:pointer;width:20px; height:20px; background:url(/images/chk_off.png);}
.course_box .select_area .select_lines .line input[type=checkbox]:checked + label{background:url(/images/chk_on.png);}
.course_box .select_area .select_lines .line div{ display:inline-block; color:#999; font-size:15px; font-weight:bold;}
.course_box .select_area .select_lines .line .price{ display:inline-block; color:#333; font-size:15px; font-weight:bold; float:right;}
.course_box .select_area .bnts{ margin-right:15px; text-align:right; float:right; margin-top:10px; margin-bottom:10px;}
.course_box .subject_area{ margin-bottom:10px; position:relative}
.course_box .subject_area .subject{ color:#333; font-size:15px; margin-left:15px;}
.course_box .subject_area .look{ position:absolute; top:0; right:20px;}
.course_box .detail{ color:#333; font-size:12px; margin-left:15px; padding-bottom:23px;}

.course_box2{border:1px solid #eaeaea; margin-bottom:13px;}
.course_box2 .title_box{ background:#eaeaea; color:#333; font-size:20px; font-weight:bold; height:44px; line-height:44px; padding-left:28px;}
.course_box2 .title_box span{ font-size:16px;}
.course_box2 .select_area{margin-bottom:6px; overflow:hidden; height:193px;}
.course_box2 .select_area .teacher{ float:left; width:350px; text-align:center; padding-top:27px;}
.course_box2 .select_area .right_area{ overflow:hidden; float:left; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:17px;}
.course_box2 .select_area .select_lines{ float:left; margin-right:20px; width:280px; margin-top:32px; min-height:95px;}
.course_box2 .select_area .select_lines.right{ float:right;}
.course_box2 .select_area .select_lines h6{color:#999; font-size:15px; font-weight:bold;}
.course_box2 .select_area .select_lines .line{}
.course_box2 .select_area .select_lines .line input{ display:none;}
.course_box2 .select_area .select_lines .line label{ position:relative; top:5px;}
.course_box2 .select_area .select_lines .line label.radio_btn{ display:inline-block; cursor:pointer;width:20px; height:20px; background:url(/images/radio_off.jpg);}
.course_box2 .select_area .select_lines .line input[type=radio]:checked + label{background:url(/images/radio_on.jpg);}
.course_box2 .select_area .select_lines .line label.chk_btn{ display:inline-block; cursor:pointer;width:20px; height:20px; background:url(/images/chk_off.png);}
.course_box2 .select_area .select_lines .line input[type=checkbox]:checked + label{background:url(/images/chk_on.png);}
.course_box2 .select_area .select_lines .line div{ display:inline-block; color:#999; font-size:15px; font-weight:bold;}
.course_box2 .select_area .select_lines .line .price{ display:inline-block; color:#333; font-size:15px; font-weight:bold; float:right; margin-top:4px;}
.course_box2  .lower{ padding:7px 0 17px; overflow:hidden;}
.course_box2  .lower .left{ padding-left:350px; float:left;}
.course_box2  .lower .left .line{overflow:hidden; width:280px;}
.course_box2  .lower .left .line input{ display:none;}
.course_box2  .lower .left .line label{ position:relative; top:5px;}
.course_box2  .lower .left .line label.radio_btn{ display:inline-block; cursor:pointer;width:20px; height:20px; background:url(/images/radio_off.jpg);}
.course_box2  .lower .left .line input[type=radio]:checked + label{background:url(/images/radio_on.jpg);}
.course_box2  .lower .left .line label.chk_btn{ display:inline-block; cursor:pointer;width:20px; height:20px; background:url(/images/chk_off.png);}
.course_box2  .lower .left .line input[type=checkbox]:checked + label{background:url(/images/chk_on.png);}
.course_box2  .lower .left .line div{ display:inline-block; color:#999; font-size:17px; font-weight:bold;}
.course_box2  .lower .left .line .price{ display:inline-block; color:#333; font-size:17px; font-weight:bold; float:right; margin-top:4px;}
.course_box2  .lower .right{ float:right; margin-right:45px;}
.course_box2  .lower .right a{}

.course_box .select_area .select_lines .line label.radio_btn {
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url(/images/radio_off.jpg);
}

.course_box .select_area .select_lines .line input[type=radio]:checked + label {
    background: url(/images/radio_on.jpg);
}

.course_box .select_area .select_lines .line label.chk_btn {
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url(/images/chk_off.png);
}

.course_box .select_area .select_lines .line input[type=checkbox]:checked + label {
    background: url(/images/chk_on.png);
}
.course_box .select_area .select_lines .line div{ display:inline-block; color:#999; font-size:15px; font-weight:bold;}
.course_box .select_area .select_lines .line .price{ display:inline-block; color:#333; font-size:15px; font-weight:bold; float:right;}
.course_box .select_area .bnts{ margin-right:15px;}
.course_box .subject_area{ margin-bottom:10px; position:relative}
.course_box .subject_area .subject{ color:#333; font-size:15px; margin-left:15px;}
.course_box .subject_area .look{ position:absolute; top:0; right:20px;}
.course_box .detail{ color:#333; font-size:12px; margin-left:15px; padding-bottom:23px;}

.qmenu_cart{ position:absolute; left:50%; margin-left:520px; top:164px; background:#fff; width:208px; border:4px solid #0051a4; border-radius:4px;}
.qmenu_cart .empty{ font-size:13px; color:#aaa; text-align:center; padding-top:130px; min-height:212px;}
.qmenu_cart .cart_num{ height:26px; line-height:26px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-left:12px; background:#fbfbfb;}
.qmenu_cart .cart_num span{ color:#0066cc;}
.qmenu_cart ul{min-height:342px;}
.qmenu_cart ul li{ height:57px; padding-top:12px; border-bottom:1px solid #ccc; width:184px; margin:0 auto;}
.qmenu_cart ul li .title{ color:#666; font-size:14px; font-weight:bold;}
.qmenu_cart ul li .title span{ font-size:12px;}
.qmenu_cart ul li .detail{}
.qmenu_cart ul li .detail .type{ color:#333333; font-size:12px;}
.qmenu_cart ul li .detail a{ position:relative; top:3px; margin-left:3px;}
.qmenu_cart ul li .detail .price{ color:#000; font-size:14px; float:right;}
.qmenu_cart .total_area{ background:#fbfbfb; height:38px; line-height:38px; border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden; margin-bottom:7px;}
.qmenu_cart .total_area .title{ color:#666; font-size:13px; margin-left:13px; float:left;}
.qmenu_cart .total_area .total{ float:right; margin-right:12px; color:#ff5000; font-size:17px; font-weight:bold;}
.qmenu_cart .btns{ margin-bottom:5px; text-align:center;}
.qmenu_cart .btns a{}

/*스페셜패키지*/
@font-face {
    font-family:'RIXCROSSROADR';
    src:url(../font/RIXCROSSROADR.TTF) format('truetype');
    font-weight: normal;
    font-style: normal;
}
.font_rixcrossroadr { font-family: 'RIXCROSSROADR', RIXCROSSROADR, 'Rix교차로 R', Rix교차로 R, 'Malgun Gothic', 'MGothic', verdana, dotum, tahoma, sans-serif;}
.spCont1 { height:821px; background:url(http://www.selfsign.kr/images/170531_pack_cont1_bg.jpg) no-repeat 50% 0; position:relative;}
.spCont1 .para2 { position:absolute; top:125px; left:50%; margin-left:285px; width:200px; color:#2b2b2b; text-align:right; padding:14px 0 0;}
.spCont1 .para2 p { padding:0; margin:0; line-height:30px;}
.spCont1 .para2 p.bar { width:25px; border-top:5px solid #2b2b2b; position:absolute; top:0; right:0;}
.spCont1 .para2 p.bold { font-size:28px; font-weight:bold;}
.spCont1 .para2 p.date { font-size:20px; letter-spacing:2px; }
.spCont1 .para3 { width:112px; height:112px; position:absolute; top:80px; left:50%; margin-left:160px; font-style:italic; color:#fff;}
.spCont1 .para3 p.bold { width:100%; font-size:32px; color:#fcff00; position:absolute; top:28px; left:0;}
.spCont1 .para3 p.desc { width:100%; font-size:16px; letter-spacing:2px; position:absolute; top:64px; left:0; letter-spacing:-1px;}
.spCont2 { height:1600px; background:#fff;}
.spCont3 { height:713px; position:relative; background:#f9f9f9; color:#000;}
.spCont3 .para1 { width:100%; height:210px; background:url(http://www.selfsign.kr/images/170609_pack_cont3_1_bg.png) repeat-x 0 0 ; }
.spCont3 .para2{ position:absolute; top:60px; left:50%; margin-left:26px; width:160px; height:50px; line-height:50px; font-size:60px; color:#fff; font-weight:bold; letter-spacing:37px; }
.spCont3 .para3 { padding:50px 0; }
.spCont3 .para3 p.subTit { font-size:30px; }
.spCont3 .para3 p.price { font-size:48px; font-weight:bold; line-height:120px;}
.spCont3 .para3 p.price span { font-size:96px; margin:0 10px;}
.spCont3 .para3 p.info { font-size:22px; letter-spacing:1px; }
.spCont3 .para4 a{ display:block; width:495px; height:113px; line-height:94px; background:url(http://www.selfsign.kr/images/170609_pack_cont3_2.png) no-repeat 0 0; margin:0 auto; font-size:34px; font-weight:bold; color:#fff; padding-right:16px;}
.spCont3 .para5 { width:122px; height:112px; padding-top:26px; padding-left:0px; line-height:26px; position:absolute; top:460px; left:50%; margin-left:190px; background:url(http://www.selfsign.kr/images/170609_pack_cont3_3.png) no-repeat 0 0; color:#000; font-size:18px; font-weight:bold;}
.spCont3 .para5 span { display:block; font-size:24px;}
.spCont3 .para5 b { font-size:50px; }
.spCont3 .para5 i { color:#fff500; font-size:26px; font-weight:bold;}
.spCont4 { height:435px; padding:90px 0 0; background:#333333; }
.spCont4 .para1 { margin-bottom:80px; }
.spCont4 .graph2 { width:1000px; height:274px; margin:0 auto; position:relative; padding-bottom:1px; }
.spCont4 .graph2 .graph_area { height:205px; width:712px; position:absolute; left:50%; margin-left:-356px; border-bottom:1px solid #494949;}
.spCont4 .graph2 .graph_area li { width:40px; background:#fff; display: inline-block; margin-right:66px; margin-left:40px; position:relative; color:#fff;}
.spCont4 .graph2 .graph_area li.active { background:#01d4e7; }
.spCont4 .graph2 .graph_area li div { width:143px; position:absolute; left:50%; bottom:103%; margin-left:-70px; text-align:center;}
.spCont4 .graph2 .graph_area li div p { font-size:16px;font-weight:bold; margin-bottom:8px; padding-top:8px; background:url(http://www.selfsign.kr/images/170531_pack_cont5_3.png) no-repeat 50% 0;}
.spCont4 .graph2 .graph_area li div b { font-size:26px; letter-spacing:-1px;}
.spCont4 .graph2 .graph_area li div.badge { position:absolute; top:-80px;  }
.spCont4 .graph2 .graph_area li span {display:block; width:130px; margin-left:-40px; font-size:18px; position:absolute; left:0; bottom:-36px; text-align:center; letter-spacing:-1px; font-weight:bold;}
.spCont5 { background:#f9f9f9; }
.spCont6 { height:1053px; background:#ffc801;}
.spCont6 .inner { width:1000px; margin:0 auto; position:relative;}
.spCont6 .review_table{ color:#272727; font-size:16px; letter-spacing:-1px; border-bottom:2px solid #272727; border-top:2px solid #272727; width:812px; margin:0 auto; cursor:pointer; text-align:left;}
.spCont6 .review_table tr{}
.spCont6 .review_table tr.title_line{ border-top:1px solid #272727;}
.spCont6 .review_table tr.title_line td{ height:50px;}
.spCont6 .review_table tr.title_line td.name{ font-size:18px; font-weight:bold; text-align:center;}
.spCont6 .review_table tr.title_line td.title{}
.spCont6 .review_table tr.title_line td.title p{ width:550px; display:block;}
.spCont6 .review_table tr.title_line td.date{ text-align:center;}
.spCont6 .review_table tr.cont{ display:none;}
.spCont6 .review_table tr.cont td{padding:20px; padding-top:10px;}
.spCont6 .review_table tr.notice_line{ background:#ffab00;}
.spCont6 .review_table tr.notice_cont{ background:#ffab00;}
.spCont6 .review_table tr:nth-of-type(3){border-top:2px solid #272727;}
.spCont6 .pager{ text-align:center; margin-top:25px;}
.spCont6 .pager ul{}
.spCont6 .pager ul li{ display:inline-block; margin:0 4px;}
.spCont6 .pager ul li a{ color:#322f25; font-size:16px;}
.spCont6 .pager ul li a.on{ color:#fff;}
.spCont6 .pager ul li a img{ position:relative; bottom:12px;}
.spCont6 .bx-pager{ overflow:hidden; position:absolute; left:243px; top:486px; z-index:500;}
.spCOnt6 .bx-pager .bx-pager-item{ float:left; margin-right:10px;}
.spCont6 .bx-pager .bx-pager-item a{ display:block; width:12px; height:12px; background:url(http://www.selfsign.kr/images/pager.png); text-indent:-9999px; overflow:hidden;}
.spCont6 .bx-pager .bx-pager-item a.active{background:url(http://www.selfsign.kr/images/pager_on.png);}
.spCont6 .review_area{color:#272727; font-size:16px; letter-spacing:-1px; width:812px; margin:0 auto; border-bottom:2px solid #272727; text-align:left;}
.spCont6 .review_area ul{}
.spCont6 .review_area ul li{ overflow:hidden; height:50px; line-height:50px;}
.spCont6 .review_area ul li .cont{ width:560px; padding-left:100px; float:left; background:url(http://www.selfsign.kr/images/new.png) no-repeat 20px 14px;}
.spCont6 .review_area ul li .cont b{ margin-right:5px; font-size:18px;}
.spCont6 .review_area ul li .time{ width:130px; padding-right:20px; float:right; text-align:right;}
.spCont7 { height:626px; background:#383838; color:#b4b4b4; text-align:left; font-size:14px; font-weight:normal; text-indent:-8px; letter-spacing:-0.5px; padding:50px 0 0;}
.spCont7 .inner { width:1000px; margin:0 auto; }
.spCont7 h5 { font-size:16px; font-weight:bold; margin-bottom:6px;}
.spCont7 dl { margin-bottom:10px; }
.spCont7 dd.strong { color:#ffc000;}

/*170626 장바구니 수정*/
.cart_coupon_wrap .discount .my_coupon{ font-size:18px; color:#333333; top:34px;}
.cart_coupon_wrap .discount .my_coupon span{color:#4bbcd4; font-weight:bold;}
.cart_coupon_wrap .discount .coupon_discount{ font-size:18px; color:#333333; top:134px;}
.cart_coupon_wrap .discount .coupon_discount span{font-weight:bold;}
.cart_coupon_wrap .discount .point{ color:#ee5000; font-size:17px; font-weight:bold; letter-spacing:-0.5px; right:140px; top:20px; width:90px; text-align:left;}
.cart_coupon_wrap .discount input.inp1{ width:94px; height:24px; line-height:24px; position:absolute; right:51px; top:20px; border:none;}
.cart_coupon_wrap .discount input.inp2{ width:94px; height:24px; line-height:24px; position:absolute; right:51px; top:52px; border:none;}
.cart_coupon_wrap .discount a.a1{position:absolute; right:11px; top:19px;}
.cart_coupon_wrap .discount a.a2{position:absolute; right:11px; top:50px;}
.cart_coupon_wrap .discount .point_discount{ font-size:18px; color:#333333; right:0; top:134px;}
.cart_coupon_wrap .discount .point_discount span{font-weight:bold;}
.cart_coupon_wrap .discount .okCashbag { position:absolute; top:56px; right:180px; width:17px; height:17px; cursor:pointer; text-align:right;}
.cart_coupon_wrap .discount .okCashbag span.info { position:absolute; top:23px; right:40px; display:none;}

/*170706 추가*/
.timerBk { background:#000; height:90px; background:url(http://www.selfsign.kr/images/timer_bg.jpg) repeat-x 0 0; z-index:1000;}
.timerBk .inner { width:1000px; margin:0 auto; height:90px; background:url(http://www.selfsign.kr/images/timer_con.png) no-repeat 0 0; position:relative; font-size:48px; font-weight:bold; letter-spacing:24px; color:#000;}
.timerBk .inner .hr { position:absolute; top:7px; left:388px; }
.timerBk .inner .mm { position:absolute; top:7px; left:504px; }
.timerBk .inner .ss { position:absolute; top:7px; left:619px; }
.timerBk .inner .cls { position:absolute; top:-10px; right:-10px; }

/*170711 추가*/
.cart_coupon_wrap .discount.merge{ position:relative; margin-bottom:28px;}
.cart_coupon_wrap .discount.merge p{ width:790px; text-align:center; position:absolute;}

/*170714 오늘의특가*/
.spclPrcTop .inner { width:1000px; margin:0 auto; position:relative; }
.spclPrcTop .sectionTop { height:1020px; background:#ffd1cf url(http://www.selfsign.kr/images/special_price_top.jpg) no-repeat center top; text-indent:-9999%; overflow:hidden;}
.spclPrcTop .sectionTxt { height:215px; background:url(http://www.selfsign.kr/images/special_price_bg.jpg) repeat-x 0 0;}
.spclPrcTop .sectionTxt .txt { position:absolute; top:0; left:0; width:1000px; height:215px; letter-spacing:-1px;}
.spclPrcTop .sectionTxt .fl { float:left; width:750px; height:215px; line-height:215px; padding:0 0 0 120px; }
.spclPrcTop .sectionTxt .fl div { display:inline-block; vertical-align:middle; line-height:46px;}
.spclPrcTop .sectionTxt b { font-weight:bold; color:#ffffd1; }
.spclPrcTop .sectionTxt p { text-shadow:1px 1px 3px rgba(0,0,0,0.3); }
.spclPrcTop .sectionTxt .subject { padding:0 50px 0 0; background:url(http://www.selfsign.kr/images/special_price_arrow1.png) no-repeat center right; font-size:42px; color:#fff; letter-spacing:-2.5px;}
.spclPrcTop .sectionTxt .price { padding:0 25px; }
.spclPrcTop .sectionTxt .price .before { color:#333; font-size:34px; position:relative;}
.spclPrcTop .sectionTxt .price .after { color:#fff; font-size:42px; line-height:48px; font-weight:bold;}
.spclPrcTop .sectionTxt .price .after span { font-size:48px; font-weight:normal;}
.spclPrcTop .sectionTxt .price .before span { position:absolute; top:20px; left:50%; margin-left:-97px; }
.spclPrcTop .sectionTxt .fr { float:right; width:105px; height:215px; line-height:215px; padding:0 20px 0 0; }
.spclPrcTop .sectionTxt .fr p { position:absolute; top:75px; right:32px; width:80px; font-size:20px; line-height:28px; color:#fff;}
.spclPrcTop .sectionTxt .fr b { font-size:24px; }
.spclPrcTop .sectionTxt .fr b span { font-size:44px; }
.spclPrcWrap { height:760px; padding:120px 0 0; margin:0 auto; position:relative; }
.spclPrcWrap .para6 { position:absolute; top:265px; left:50%; margin-left:-100px; width:200px; height:200px; line-height:54px; font-size:42px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.4); font-style:italic; font-weight:bold; text-align:center;}
.spclPrcWrap .para6 span { display:block; font-size:50px; }
.spclPrcWrap .count { position:absolute; top:300px; left:50%; width:340px; margin-left:-115px; font-size:124px; letter-spacing:41px; color:#000; text-align:center;}
.spclPrcWrap .price { position:absolute; top:580px; left:50%; width:340px; margin-left:-158px; font-size:80px; letter-spacing:-3px; color:#000; background:transparent;}
.spclPrcWrap .price text { fill: url(#p-stripes);}
.spclPrcWrap .price span { font-size:50px; }
.spclPrcWrap .desc { position:absolute; top:578px; left:50%; color:#008ad9; text-align:center; width:600px; margin-left:-300px; font-size:22px; line-height:22px; font-weight:bold;}
.spclPrcWrap .desc .before { color:#828282; position:relative; padding:0 8px; margin-right:4px; font-style:italic;}
.spclPrcWrap .desc .before img { position:absolute; top:15px; left:4px; }
.spclPrcWrap .desc .after { font-style:italic; margin-right:8px;}
.spclPrcWrap .desc .gray { font-size:16px; color:#828282; font-weight:normal;}
.spclPrcWrap .para5 { width:122px; height:112px; padding-top:26px; padding-left:0px; line-height:26px; position:absolute; top:0; left:50%; margin-left:200px; background:url(http://www.selfsign.kr/images/170609_pack_cont3_3.png) no-repeat 0 0; color:#000; font-size:18px; font-weight:bold;}
.spclPrcWrap .para5 span { display:block; font-size:24px;}
.spclPrcWrap .para5 b { font-size:50px; }
.spclPrcWrap .para5 i { color:#fff500; font-size:26px; font-weight:bold;}

/*170802 선현우독학*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.seonhw { text-align:center; }
.seonhw .inner { width:1000px; margin:0 auto; position:relative; }
.seonhw .hidden { position:absolute; top:0; left:0; width:1px; height:1px; font-size:1px; text-indent:-9999%; overflow:hidden; }
.seonhw .con1 { height:757px; background:url(http://www.selfsign.kr/images/con1_bg.jpg) repeat-x 0 0; }
.seonhw .con2 { height:1130px; background:#fff url(http://www.selfsign.kr/images/con2_1.jpg) no-repeat center center;}
.seonhw .con3 { background:#171717; }
.seonhw .con3 .video1 { width:1000px; height:563px; padding:0; margin:0 auto; cursor:pointer;}
.seonhw .con3 .sec2 { height:900px; padding-top:153px; background:url(http://www.selfsign.kr/images/con3_2_bg.jpg) no-repeat center center; }
.seonhw .con3 .sec2 .inner { margin-bottom:70px; }
.seonhw .con3 .sec2 h3 { text-align:left; margin-bottom:25px;}
.seonhw .con3 .sec2 ul li { width:185px; height:140px; float:left; margin-left:18px; position:relative;}
.seonhw .con3 .sec2 ul li p.box { display: table; font-size:23px; width:183px; height:103px; border:1px solid #7f6d31;}
.seonhw .con3 .sec2 ul li p.box a { position: relative; display:table-cell; width:183px; height:103px; color:#fed650; vertical-align: middle; }
.seonhw .con3 .sec2 ul li p.box a:after{content: ""; position: absolute; left: 0; top: 0; width: 100%;height: 103px; background-color: rgba(0,0,0,0.7)}
.seonhw .con3 .sec2 ul li p.box a span{position: relative;z-index: 1;}
.seonhw .con3 .sec2 ul li p.box a:hover:after{display: none;}
.seonhw .con3 .sec2 ul li p.box a:hover, .seonhw .con3 .sec2 ul li p.box a:hover span { background:#fed650 !important; color:#000 !important;}
.seonhw .con3 .sec2 ul li p.cnt { line-height:30px; text-align:left; color:#787878;}
.seonhw .con3 .sec2 ul li p.badge { position:absolute; top:-5px; left:5px;}
.seonhw .con3 .sec2 ul.line2 li p.box a { line-height:28px;}
.seonhw .con3 .sec2 ul.line2 li p.box a span { color:#fff; display:block; }
.seonhw .con4 { height:386px; background:#fff url(http://www.selfsign.kr/images/con4_bg.jpg) repeat-x 0 0;}
.seonhw .con5 { height:800px; padding-top:94px; background:#fed650 url(http://www.selfsign.kr/images/con5_bg.jpg) no-repeat center center;}
.seonhw .con5 .badge { width:139px; height:105px; padding-top:35px; background:url(http://www.selfsign.kr/images/con5_badge.png) no-repeat 0 0; line-height:34px; font-size:30px; color:#fff; position:absolute; top:100px; left:100px; font-style:italic;}
.seonhw .con5 .badge b { font-size:37px; font-weight:normal; }
.seonhw .con5 .info p { display:inline-block; height:30px; line-height:30px; margin:15px 0; padding:0 24px; font-size:26px; color:#000;}
.seonhw .con5 .info p.gap { height:20px; margin:25px 0 0; padding:0; border-right:3px solid #d8be66;}

/*선현우 수강신청*/
.seonReg { text-align:center; }
.seonReg .inner { width:1000px; margin:0 auto; position:relative; }
.seonReg .hidden { position:absolute; top:0; left:0; width:1px; height:1px; font-size:1px; text-indent:-9999%; overflow:hidden; }
.seonReg .con1 { height:709px; background:#fed650 url(http://www.selfsign.kr/images/con1_bg.jpg) repeat-x 0 0;}
.seonReg .con2 { height:1304px; background:#171717; }
.seonReg .con3 { height:2156px; background:#f0f0f0; }
.seonReg .con4 { height:1304px; background:#fed650 url(http://www.selfsign.kr/images/con4_bg.jpg) repeat-x 50% 0;}
.seonReg .con5 { height:407px; background:#161616; text-align:left;}
.seonReg .con5 .review_roll { border-top:2px solid #888; height:170px; border-bottom:1px solid #888;}
.seonReg .con5 .review_roll ul { width:100% !important; }
.seonReg .con5 .review_roll ul li { width:100% !important; height:56px !important; line-height:56px; border-bottom:1px solid #888; color:#fff; font-size:16px;}
.seonReg .con5 .review_roll ul li .id { font-weight:bold; display:block; float:left; width:80px; padding:0 30px; height:56px; }
.seonReg .con5 .review_roll ul li .cmt { float:left; width:860px; height:56px; }
.seonReg .con6 { height:1730px; background:#fff; }
.seonReg .con6 .discount { font-size:36px; color:#fff; width:110px; height:110px; position:absolute; top:124px; left:243px; line-height:42px; font-style:italic; text-align:center;}
.seonReg .con6 .discount b { display:block; padding-left:8px;}
.seonReg .con6 .priceBefore { font-size:44px; font-style:italic; color:#00b4ff; position:absolute; top:91px; left:480px; letter-spacing:-2px;}
.seonReg .con6 .priceBefore span { font-size:36px; }
.seonReg .con6 .priceNow { position:absolute; top:156px; left:410px; width:380px; font-size:100px; letter-spacing:-5px; color:#000; background:transparent; font-family:Arial; font-weight:bold;}
.seonReg .con6 .priceNow text { fill:url(#p-gradient);}
.seonReg .con6 .priceNow span { font-size:50px; }
.seonReg .con6 .btn { padding:110px 0; }
.seonReg .con6 .badge { position:absolute; top:324px; left:684px; width:139px; height:110px; padding-top:30px; background:url(http://www.selfsign.kr/images/con6_badge.png) no-repeat 0 0; color:#fff; font-size:30px; font-style:italic; text-align:center; line-height:36px;}
.seonReg .con6 .badge span { font-size:36px; display:block; }
.seonReg .con7 { height:630px; background:#f0f0f0; color:#000; padding:97px 0 0; text-align:left;}
.seonReg .con7 h3 { font-size:45px; line-height:52px; letter-spacing:-5px; width:199px; height:445px; float:left; border-right:1px solid #d8d8d8;}
.seonReg .con7 dl { float:left; width:740px; padding-left:60px; letter-spacing:-1px; margin-bottom:56px;}
.seonReg .con7 dl dt { float:left; width:90px; padding:0 10px; text-align:center; margin-right:10px;}
.seonReg .con7 dl dd { float:left; width:620px;}
.seonReg .con7 .type1 dl dt { height:30px; line-height:30px; background:#000000; color:#fff; font-size:20px; border-radius:20px; margin-bottom:12px;}
.seonReg .con7 .type1 dl dd { font-size:20px; height:30px; margin-bottom:12px;}
.seonReg .con7 .type2 dl dt { background:url(http://www.selfsign.kr/images/con7_bar.png) no-repeat 0 50%; font-size:18px; text-align:left; padding:0 0 0 20px; font-weight:bold;}
.seonReg .con7 .type2 dl dd { font-size:18px; margin-bottom:16px;}
.seonReg .con7 .type2 dl dd span { font-size:16px; color:#797979;}

/* 주문/결제 스타일 추가 */
.order_style1 .bbs_list_2 tbody tr td.subject{padding-left: 0; text-align: center;}
.order_style1 .bbs_list_2 tbody tr td.first+td{position: relative; padding: 15px 10px 60px; line-height: 1; text-align: left;}
.order_style1 .bbs_list_2 .coupon_btn{display: block; margin-top: 7px; border:1px solid #ffc000; border-radius: 2px; width: 108px; height: 29px; line-height: 27px; font-size: 15px; text-align: center; box-sizing: border-box; color: #ffc000;}
.order_style1 .bbs_list_2 .prod_option{display: none; margin-top: 15px; font-size: 13px; color: #848484;}
.order_style1 .bbs_list_2 .prod_name{margin-bottom: 8px; font-size: 13px; font-weight: 800; color: #333;}
.order_style1 .bbs_list_2 .prod_toggle{position: absolute; line-height: 29px; height: 29px; text-align: center; left: 0; bottom: 0; right: 0; font-size: 13px; background-color: #e6e6e6; color: #a5a5a5;}
.order_style1 .bbs_list_2 .prod_toggle span{padding-right: 24px; background: url(http://www.selfsign.kr/images/icon_13x7.png) no-repeat right -27px;}
.order_style1 .bbs_list_2 .prod_info.on .prod_toggle span{background-position: right 6px;}
.order_style1 .bbs_list_2 .prod_info.on .prod_option{display: block;}
.order_style1 .bbs_list_2  tbody tr.option_select td.subject+td+td,
.order_style1 .bbs_list_2  tbody tr.option_select td.subject{vertical-align: top; padding-top: 50px;}

.order_style1 .dp1>li>.tit{ text-align: center; line-height: 29px; font-size: 13px; background-color: #bfbfbf; color:#fff;}
.order_style1 .dp1>li+li{margin-top: 18px;}
.order_style1 .dp2>li{margin-top: 18px;}
.order_style1 .dp2>li+li{margin-top: 10px;}

.order_style1 .chk_bx{display: table; width: 100%;}
.order_style1 .chk_bx>*{display: table-cell; height: 20px; line-height: 20px;}
.order_style1 .chk_bx .name{ width: 180px;}
.order_style1 .chk_bx .price{width: 95px; padding-right: 30px; text-align: right; background: url(http://www.selfsign.kr/images/chk_bx_20x20.jpg) no-repeat right 0;}
.order_style1 .chk_bx.checked .price{background-position: right -20px;}
.order_style1 .chk_bx.ing .price{background-position: right -40px;}
.order_style1 tr.result{background-color: #f4f4f4;}
.order_style1 tr.result td{padding-right: 15px; text-align: right; line-height: 20px; font-size: 16px; color: #333;}
.order_style1 tr.result .price{margin-left: 5px; font-size: 16px; color: #666666;}
.order_style1 tr.result .price span{font-size: 20px; font-family: "Spoqa Han Sans"; font-weight: bold; color: #0166ff;}

/* 체크박스 - 크로스 브라우징 */
.chk_bx input[type='checkbox']{display: none !important;}
.order_style1 .cart2_table .methods{text-align: left;}
.order_style1 .cart2_table .methods label.rdo{margin-right: 34px;}
.order_style1 .rdo{display: inline-block; position: relative; vertical-align: top; cursor:pointer;}
.order_style1 .rdo input[type='radio'] {display: none !important; margin-left:-30px; vertical-align:middle;}
.order_style1 .rdo span { display:block; padding-left: 42px; height:30px; border:0; float:left; background:url(http://www.selfsign.kr/images/pay_ico_chk.png) no-repeat 0 0;}
.order_style1 .rdo span img{vertical-align: middle;}
.order_style1 .rdo.checked span {background-image: url(http://www.selfsign.kr/images/pay_ico_chk_on.png);}