@charset "utf-8";
@import url('/css/common.css');

/* tab 메뉴 디자인스타일*/
/*
.sub_top { position:relative; width:1140px; margin:0 auto;}
.sub_top h2 { text-align:left; position:relative; width:1110px; height:24px; padding-left:15px; font-size:24px; color:#333; line-height:24px; border-left:#333 5px solid; margin:10px 0 15px 0; }
.sub_top .tap { position:relative;}
.sub_top .tap a { position:relative; display:block; width:150px; height:42px; font-size:16px; color:#333; line-height:42px; text-align:center; border:#dfdfdf 1px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
.sub_top .tap a:hover { position:relative; display:block; width:150px; height:42px; font-size:16px; color:#fff; font-weight:600; line-height:42px; text-align:center; border:#39393b 1px solid; background:#39393b; margin:0 10px 10px 0; float:left; }
.sub_top a.ov { position:relative; display:block; width:150px; height:42px; font-size:16px; color:#fff; font-weight:600; line-height:42px; text-align:center; border:#39393b 1px solid; background:#39393b; margin:0 10px 10px 0; float:left; }
.sub_top .tap_bottom {clear:both; }
*/

/* New tab 메뉴*/
.menu_tab { position:relative; width:1140px; margin:0 auto;}
.menu_tab .title { text-align:left; position:relative; width:1110px; height:24px; padding-left:15px; border-left:#DA313C 5px solid; margin:10px 0 15px 0; }
.menu_tab .title h2 {font-size:24px; color:#333; line-height:24px;}
.menu_tab .tab { position:relative;  /*width:1140px; min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
.menu_tab .tab li { position:relative; display:block; width:150px; height:42px; text-align:center; border:#dfdfdf 1px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
.menu_tab .tab li a {font-size:16px; color:#333; line-height:42px; }
.menu_tab .tab li a:hover { position:relative; display:block; width:150px; height:42px; font-size:16px; color:#fff; font-weight:600; line-height:42px; text-align:center; border:#1C72CB 1px solid; background:#1C72CB; margin:0 10px 10px 0; float:left; }
.menu_tab .tab li a.on { position:relative; display:block; width:150px; height:42px; font-size:16px; color:#fff; font-weight:600; line-height:42px; text-align:center; border:#1C72CB 1px solid; background:#1C72CB; margin:0 10px 10px 0; float:left; }
.menu_tab .bottom {clear:both; }

/* 나의 강의실 프리패스 강의 1차 분류 */
.sub_top_m { position:relative; width:100%; margin:0 auto;}
.sub_top_m .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
.sub_top_m .tap a { position:relative; display:block; width:150px; height:42px; font-size:1.2em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
.sub_top_m .tap a:hover { position:relative; display:block; width:150px; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
.sub_top_m a.ov { position:relative; display:block; width:150px; color:#FF7200; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
.sub_top_m .tap_bottom {clear:both; }


/* 나의 강의실 프리패스 강의 2차 분류 */
.tab-array {display:block; /*width:790px;*/ margin:0 auto; padding:0 0 20px 0px;}
.tab-array .new-tablist {position:relative; margin: 0 auto; text-align:left; /*border-bottom:1px #eee solid;*/}
.tab-array .new-tablist li{display: inline-block; padding:0px; font-size: 1.167em;/* min-width:100px;*/}
.tab-array .new-tablist li a {display: inline-block; height:35px; line-height:35px; margin:0 5px; margin:0 10px; color:#333;} /* margin:0 5px; 탭사이 간격 조정*/
.tab-array .new-tablist li a.active {display: inline-block; height:35px; line-height:35px; margin:0 10px; color:#FF7200; border-bottom:2px solid #000;;}
.tab-array .new-tablist li a:hover{color: #000; border-bottom:2px solid #000;}



/* 강좌 리스트 */

table.a_basic {margin-top: 20px; border-top: 2px solid #eeeeee; border-bottom: 1px solid #d8d8d8; text-align: center;}
table.a_basic thead {}
table.a_basic tbody {}
table.a_basic tr {}
table.a_basic tr th {padding: 15px 0; background-color: #f7f7f7; border-bottom: 1px solid #d8d8d8;}
table.a_basic tr td {padding: 15px 0; border-top: 1px solid #d8d8d8;}
table.a_basic tr:first-child td {border-top: 0;}
table.a_basic tr th > div {position: relative; padding: 0 20px; font-size: 18px; color: #333d49; font-weight: 500;}
table.a_basic tr td > div {position: relative; padding: 0 20px;}

/*table.a_basic .thumb {width: 250px;}*/
table.a_basic .txt {text-align:left;padding-left: 20px; font-size: 0;}
table.a_basic .txt dl {display: inline-block; margin-bottom: 15px; width: 50%; font-size: 0; vertical-align: top;}
table.a_basic .txt dl dt,
table.a_basic .txt dl dd {display: inline-block; vertical-align: top;}
table.a_basic .txt dl dt {margin-right: 10px; font-size: 18px; color: #000; font-weight: 500;}
table.a_basic .txt dl dd {font-size: 18px; color: #666; font-weight: 400;}
table.a_basic .txt dl dd .cost {margin-top: -1px; font-size: 18px; color: #666;}
table.a_basic .type {display: inline-block; margin-bottom: 5px; padding: 0 5px; min-width: 32px; line-height: 18px; font-size: 12px; color: #fff; background-color: #0841a8; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; text-align: center; vertical-align: top;}
table.a_basic .type.pos {position: absolute; top: 50%; right: 20px; margin-top: -9px;}
table.a_basic .subject span {display: inline-block; margin: 3px 5px 0 0; padding: 0 5px; min-width: 32px; line-height: 18px; font-size: 12px; color: #fff; background-color: #f26806; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; text-align: center; vertical-align: top;}
table.a_basic .subject,
table.a_basic .subject a {line-height: 1.2em; font-size: 16px; color: #000; font-weight: 500;}
table.a_basic .subject a:hover {text-decoration: underline;}
table.a_basic .desc {margin-top: 2px; font-size: 12px; color: #999;}
table.a_basic .info {margin-top: 10px; font-size: 16px; color: #666;}
table.a_basic .info em.color {color: #f56505;}
table.a_basic .cost {font-size: 20px; color: #999;}
table.a_basic .cost em {display: inline-block; margin: -1px 2px 0 0; font-size: 25px; color: #da3134; font-weight: bold; vertical-align: top;}


table.a_basic .inner {padding: 0;}
table.a_basic .inner > div {padding: 0;}
table.a_basic .inner dl {position: relative; border-top: 1px solid #d8d8d8;}
table.a_basic .inner dl:first-child {border-top: 0;}
table.a_basic .inner dl dt {position: absolute; top: 0; left: 0; width: 177px; line-height: 58px; font-size: 18px; color: #000; font-weight: 500; background-color: #f7f7f7; text-align: center;}
table.a_basic .inner dl dd {padding-left: 200px; line-height: 58px; font-size: 20px; color: #666; font-weight: 500; text-align: left;}
table.a_basic .inner dl dd .cost {position: absolute; top: 0; right: 30px; line-height: 58px;}

/* 나의 강의실 강좌 리스트 */
table.a_basic_m {margin-top: 20px; width:100%; border-top: 2px solid #eeeeee; border-bottom: 1px solid #d8d8d8; text-align: center;}
table.a_basic_m thead {}
table.a_basic_m tbody {}
table.a_basic_m tr {}
table.a_basic_m tr th {padding: 15px 0; background-color: #f7f7f7; border-bottom: 1px solid #d8d8d8;}
table.a_basic_m tr td {padding: 15px 0; border-top: 1px solid #d8d8d8;}
table.a_basic_m tr:first-child td {border-top: 0;}
table.a_basic_m tr th > div {position: relative; padding: 0 20px; font-size: 18px; color: #333d49; font-weight: 500;}
table.a_basic_m tr td > div {position: relative; padding: 0 20px;}




/* add by Camsmon 2018-07-06 */
table.b_basic_s {margin-top: 30px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-left: 0; text-align: center;}
table.b_basic_s thead {}
table.b_basic_s tbody {}
table.b_basic_s tr {}
table.b_basic_s tr th {padding: 5px 0; background-color: #f7f7f7; border-bottom: 1px solid #d8d8d8; border-left: 0; border-right: 0; text-align:center;}
table.b_basic_s tr td {padding: 5px 0; border-top: 1px solid #d8d8d8; border-left: 0; border-right: 0;  text-align:center;}
table.b_basic_s tr:first-child td {border-top: 0;}

table.b_basic_s tr th > div {padding: 0 5px; font-size: 18px; color: #333d49; font-weight: 500;}
table.b_basic_s tr td > div {padding: 0 5px; font-size: 16px; color: #666; font-weight: 400;}
table.b_basic_s tr td > div em {font-weight: bold;}

.table_btn_area {text-align:center; margin:20px 0;}
.align_left {text-align:left;}
.align_right {text-align:right;}

/* add by Camsmon 2018-07-06 */

.inner_list ul {}
.inner_list ul li {font-size:13px;color:#444;border-top:1px solid #e6e6e6;padding:0px 0;text-align:right;overflow:hidden;}
.inner_list ul li:first-child {border:none;}
.inner_list ul li strong {font-size:12px;color:#a4a4a4;float:left;}
.inner_list ul li .price {letter-spacing:-1px;font-size:22px;}
.inner_list ul li .sale {font-size:13px;color:#444;text-decoration:line-through;display:block;}
.inner_list ul li .price_ori {font-size:13px;color:#444;display:block;}

/* 강좌 상세보기 */
.con_section{margin-bottom:38px;}
.con_section .detail { text-align: left; border: 2px solid #d6d6d6; margin: 20px 0 50px; padding: 0 28px; color: #000; font-size: 20.2px; }

h4.detail {font-size:20px;color:#fff;background:#474e6d;padding:15px;text-align:center;}
.detail_area {width:100%;display:inline-block;margin:20px 0; overflow:hidden;}
.detail_area .img_box {float:left;}
.detail_area .img_box img{width:530px;height:auto;}
.detail_area .detail_view {float:right;width:500px; margin-left:20px; min-height:300px; vertical-align:top;} 
.detail_area .detail_view .desc {font-size:15px;color:#444;line-height:20px;padding-top:15px;height:40px;}
.detail_area .detail_view .type {display: inline-block; margin-bottom: 5px; padding: 0 5px; min-width: 32px; line-height: 18px; font-size: 12px; color: #fff; background-color: #0841a8; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; text-align: center; vertical-align: top;}
.detail_area .info_list {border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:15px 20px;margin:15px 0;}
.detail_area .info_list li {overflow:hidden;color:#444;font-size:13px;padding-bottom:10px;}
.detail_area .info_list li strong{float:left;color:#a4a4a4;display:inline-block;width:70px;}
.detail_area .info_list li .book_list{float:left;}
/*.detail_area .cost {float:left;width:400px; margin-left:10px;}*/
/*.detail_area .cost em {display: inline-block; margin: -1px 2px 0 0; font-size: 25px; color: #da3134; font-weight: bold; vertical-align: top;}*/
.detail_area .cost {overflow: hidden; margin:10px 0;}
.detail_area .cost .box-l {float: left; padding-left:20px;}
.detail_area .cost .box-r {float: right;padding-right:50px;}
.detail_area .cost .box-r em {display: inline-block; text-align:left; font-size: 25px; color: #da3134; font-weight: bold;}

.con_section .d_btn_area{ margin-right:90px; text-align:right;}

.d_btn.red em {color:#fdff7b;}
.ico_heart {background:url(http://www.hackersjob.com/Libs/_images/A_online/lecture/ico_heart.gif) 46px 13px no-repeat;}
.ico_cart {background:url(http://www.hackersjob.com/Libs/_images/A_online/lecture/ico_cart.gif) 45px 14px no-repeat;}


/* 하위 강의 목록 */
.tab_type2 ul{overflow:hidden;background:url("/images/vod/tab_type2_line.png") repeat-x 0 51px;}
.tab_type2 ul li{float:left;width:15%;}
.tab_type2 ul li a{font-size:15px;background:#f8f8f8;border:1px solid #d9d9d9;border-left:0;border-bottom:0;display:block;height:50px;line-height:50px;color:#6d6d6d;font-size:1.5em; text-align:center;}
.tab_type2 ul li:first-child a{border-left:1px solid #d9d9d9;}
.tab_type2 ul li.on a,
.tab_type2 ul li a:hover{border:1px solid #de1a40;border-bottom:1px solid #fff;background:#fff;color:#DE1A40;font-size:1.5em; font-weight:600;}


/* 강좌상세보기 영상분류 명 */
.mcate_tit { width:100%; margin:40px 0 20px 0;}
.mcate_tit .size02 { position:relative; font-size:24px; color:#272727; font-weight:200; text-align:center; letter-spacing:-2px; margin:20px 0; font-family:'Noto Sans KR';}
.mcate_tit .size02 span {border-bottom:1px #ff5a00 solid; color:#ff6600;}
.mcate_tit .size03 { position:relative; font-size:20px; color:#272727; line-height:30px; font-weight:500; text-align:center; letter-spacing:0px; font-family:'Noto Sans KR'; }

/* 강좌상세보기 영상분류있는 테이블 */
table.b_basic_s_mcate {width:100%; margin-top: 0px; border-top: 1px dashed #d8d8d8; border-bottom: 1px dashed #d8d8d8; border-left: 0; text-align: center;}
table.b_basic_s_mcate thead {}
table.b_basic_s_mcate tbody {}
table.b_basic_s_mcate tr {}
table.b_basic_s_mcate tr th {padding: 5px 0; background-color: #f7f7f7; border-bottom: 1px dashed #d8d8d8; border-left: 0; border-right: 0; text-align:center;}
table.b_basic_s_mcate tr td {padding: 11px 0; border-top: 1px dashed #d8d8d8; border-left: 0; border-right: 0;  font-size:18px; text-align:center;}
table.b_basic_s_mcate tr:first-child td {border-top: 0;}

table.b_basic_s_mcate tr th > div {padding: 0 5px; font-size: 18px; color: #333d49; font-weight: 500;}
table.b_basic_s_mcate tr td > div {padding: 0 5px; font-size: 16px; color: #666; font-weight: 400;}
table.b_basic_s_mcate tr td > div em {font-weight: bold;}

/* 강좌 상세보기 페이지의 수강후기 */
#lecDetailArea_1 { padding:0 0;}
#lecDetailArea_1 .re { padding-left:5px; font-size:1.5em;}
#lecDetailArea_1 .reply { position:relative; width:100%; border-bottom:#81898c 1px solid; padding:20px 0; margin-bottom:10px; }
#lecDetailArea_1 .reply dt { position:relative; width:100%; height:22px; line-height:22px; font-size:14px; color:#1c6193; font-weight:600; margin-bottom:5px; }
#lecDetailArea_1 .reply dt .ico_best { position:relative; height:13px; line-height:13px; padding:0 7px; margin:0 10px; font-size:13px; color:#fff; background:#e84423; }
#lecDetailArea_1 .reply dd { position:relative; min-height:26px; font-size:12px; color:#060606; padding-bottom:10px; }
#lecDetailArea_1 .reply .fav { position:absolute; top:-20px; right:20px; }
#lecDetailArea_1 .reply .fav dd { position:relative; float:left; height:26px; line-height:26px; }
#lecDetailArea_1 .reply .fav dd a { display:inline-block; height:26px; line-height:26px; text-align:center; padding:0 10px; font-size:12px; color:#222; border-radius:5px; background:#fff; }
#lecDetailArea_1 .reply .fav dd a:hover { color:#fff; background:#242c32; }
#lecDetailArea_1 .reply .fav dd.blue a { display:inline-block; height:26px; line-height:26px; text-align:center; padding:0 10px; font-size:12px; color:#222; border-radius:5px; background:none; }
#lecDetailArea_1 .reply .fav dd.blue a:hover { color:#1c6193; background:none; }

.lecture .lecture_list{margin:0 0 46px 0;padding:32px 14px 80px 14px;border:solid 1px #d2d2d2}
.lecture .lecture_list .tit{margin:0 0 12px 0;padding:0 0 0 10px;font-size:24px}
.lecture .lecture_list .tit strong{font-weight:700}
.lecture .lecture_list .tablebox{border-top:solid 1px #555}
.lecture .lecture_list .tablebox .table_board{}
.lecture .lecture_list .tablebox .table_board thead th{border-left:solid 1px #fff;border-top:none;background:#f4f4f4; text-align:center;}
.lecture .lecture_list .tablebox .table_board tbody th{line-height:1.3;border-bottom:solid 1px #eee}
.lecture .lecture_list .tablebox .table_board tbody td{padding:10px;height:35px;border:solid #eee;border-width:0 0 1px 1px}
.lecture .lecture_list .tablebox .table_board tbody td a{display:inline-block;padding:5px 45px 5px 0;background:url('/asset/img/common/btn/btn_play.png') no-repeat 100% 50%}


/* 강좌 상세보기 custom design  */

.cusdiv1 {background-color:#f0f0f0;}
.cusdiv1 .inner1 {width:100%; padding:20px 0; margin:0 auto;}
.cusdiv1 .inner1 .b-tit {font-size:18px; font-family:'Noto Sans KR'; color:#222; font-weight:500; text-align:left; margin-bottom:10px;}
.cusdiv1 .inner1 .b-tit span {font-size:26px; color:#006ffd; font-weight:600;}
/*.cusdiv1 .inner1 .c-box {position:relative; background:url(/image/sub/cusdiv1-bg.jpg) top center no-repeat; background-size: cover;}*/
.cusdiv1 .inner1 .c-box {position:relative;}
.cusdiv1 .inner1 .c-box .txt-box { position:relative; left:42%; width:50%; height:200px; background-color:rgba(0, 112, 254, 0.5); color:#fff; font-size:10px; font-family:'Noto Sans KR'; text-align:left; padding:15px 10px; border-radius:20px 20px; overflow:scroll; overflow-x:hidden;}


.cusdiv2 { background-color:#fff;}
.cusdiv2 .inner2 {width:100%; padding:20px 0; margin:0 auto;}
.cusdiv2 .inner2 .b-tit2 {font-size:32px; font-family:'Noto Sans KR'; color:#006ffd; font-weight:600; text-align:center}
.cusdiv2 .inner2 .dotbox {margin-bottom:10px;}
.cusdiv2 .inner2 .dotbox .dot {width:37px; height:5px; background-color:#006ffd; margin:0 auto;}
.cusdiv2 .inner2 .tit-txt {color:#778296; font-size:13px; font-family:'Noto Sans KR'; line-height:19px; margin-bottom:20px; text-align:center;}
.cusdiv2 .inner2 .mov-box {}


.cusdiv3 { background-color:#006ffd;}
.cusdiv3 .inner3 {width:100%; padding:20px 0; margin:0 auto;} 
.cusdiv3 .inner3 .tit-pic {margin-bottom:20px;}
.cusdiv3 .inner3 .tit-pic img {max-width:100%;}
.cusdiv3 .inner3 ul {width:96%; background-color:#fff; padding:50px 0; margin:0 auto;}
.cusdiv3 .inner3 ul > li { margin:10px; 0;}


.cusdiv4{ background-color:#f0f0f0;}
.cusdiv4 .inner4 {width:100%; padding:20px 0; margin:0 auto; text-align:center;}
.cusdiv4 .inner4 .tit-box1 {font-size:14px; color:#222; font-weight:400; font-family:'Noto Sans KR';}
.cusdiv4 .inner4 .tit-box2 {margin-bottom:20px; font-size:22px; color:#222; line-height:30px; font-weight:500;}
.cusdiv4 .inner4 .tit-box2 .ft-b {font-weight:700;}
.cusdiv4 .inner4 .tit-box2 .pink {color:#ff0078;}


.cusdiv5 { background-color:#151515;}
.cusdiv5 .inner5 {width:96%; padding:20px 0; margin:0 auto;}
.cusdiv5 .inner5 .award-box {}


.cusdiv6 {background-color:#fff;}
.cusdiv6 .inner6 {width:100%; padding:10px 0; margin:0 auto;}
.cusdiv6 .inner6 .t-box {font-size:13px; color:#000; text-align:center;}
.cusdiv6 .inner6 .t-box .lev-b {font-size:16px; color:#006ffd; font-weight:600;}
.cusdiv6 .inner6 .t-box .line {padding:0 2px; font-size:20px; font-weight:200;}
.cusdiv6 .inner6 .t-box .txt-b {font-size:16px; color:#006ffd; font-weight:600;}

.cusdiv7 { background-color:#fff; padding:10px;}
.cusdiv7 .inner7 {width:100%; padding:0; margin:0 auto;}
.cusdiv7 .inner7 .b-tit2 {font-size:32px; font-family:'Noto Sans KR'; color:#006ffd; font-weight:600; text-align:center}
.cusdiv7 .inner7 .dotbox {margin-bottom:10px;}
.cusdiv7 .inner7 .dotbox .dot {width:37px; height:5px; background-color:#006ffd; margin:0 auto;}

/* 강좌 상세보기 custom design 하단 고정 장바구니 버튼 영역 */
#bottom_apply_form {width:100%; position:fixed; bottom: 0px; height:120px; background-color:#ff7200; z-index:99;}
#bottom_apply_form .inner-box {width:1140px; height:120px; margin: 0 auto; background:url(/image/sub/arr-bg.png) top center no-repeat;}

#bottom_apply_form .inner-box .name-box {float:left; margin-right:95px;}
#bottom_apply_form .inner-box .name-box .tit { width:390px;  padding:12px 10px; background-color:#3e1c01; font-family:'Noto Sans KR'; font-size:16px; color:#fff;}
#bottom_apply_form .inner-box .name-box .tit_s { width:390px;  padding:12px 10px; background-color:#3e1c01; font-family:'Noto Sans KR'; font-size:13px; color:#fff;}
#bottom_apply_form .inner-box .name-box .txt { margin-top:15px; color:#fff; font-family:'Noto Sans KR'; font-size:20px;}
#bottom_apply_form .inner-box .name-box .mon {margin-top:5px; color:#fff; font-family:'Noto Sans KR'; font-size:25px;}

#bottom_apply_form .inner-box .discount-pic {float:left; width:87px; height:87px; margin-right:76px; margin-top:17px; background:url(/image/sub/discount.png) top center no-repeat; color:#43250b; font-family:'Noto Sans KR'; font-size:22px;padding-top:20px; font-weight:600;}
#bottom_apply_form .inner-box .discount-pic span { font-size:18px; font-weight:400; line-height:30px;}

#bottom_apply_form .inner-box .price-box {float:left; margin-right:94px; padding-top:48px; color:#fff; font-family:'Noto Sans KR'; font-size:45px; font-weight:600;}
#bottom_apply_form .inner-box .bt-box {float:left; padding-top:16px;}
#bottom_apply_form .inner-box .bt-box img {display:block;}
#bottom_apply_form .inner-box .bt-box img:first-child {margin-bottom:10px;}


.table_board{font-size:17px;color:#000;letter-spacing:-1px}
.table_board thead th{height:44px;text-align:center;font-weight:700;border-top:solid 1px #555;border-bottom:solid 1px #ddd;background:#fafafa}
.table_board tbody td{padding:10px;height:70px;text-align:center;line-height:1.5;border-bottom:solid 1px #eee}
.table_board.basic tbody td{padding:8px 2px;height:20px}
.table_board tbody .tleft{text-align:left}
.table_board.line thead th{border:solid 1px #ddd;border-top:none}
.table_board.line tbody td{border:solid 1px #ddd;border-top:none}
.table_board th{text-align:center;}

/* 탑 레이어 */
.top_layer {width:100%; height:35px; padding:0; border-bottom:1px solid #bfbfbf; background-color:#e8e8e8;}
.top_layer strong {position:relative;z-index:-1px; display:block; width:980px; margin:0 auto;font-size:13px; line-height:37px; color:#666; }
.top_layer strong .icon {margin:-3px 1px 0 0;vertical-align:middle;}
.top_layer strong .layer_close {position:absolute; top:7px; right:2px; }

/* 검색 */
.book_seach { float:right; width:auto; height:35px; border:1px solid #bfbfbf; background-color:#fff;}
.book_seach span {display:block; float:left; width:109px; padding:10px 0 0 0; height:33px;border-right:1px solid #ececec;}
.book_seach span a {padding:0 0 0 13px; margin:0 0 0 10px;font-size:12px; line-height:14px; color:#bfbfbf; background:url("/images/forum/i_chk_off.jpg") no-repeat left 6px; }
.book_seach span a.on {padding:0 0 0 13px; font-size:12px; line-height:14px; color:#464646 !important; background:url("/images/forum/i_chk_on.jpg") no-repeat left 6px; }
.book_seach fieldset {float:left;}
.book_seach fieldset label {display:none;}
.book_seach input {padding:3px 0 0 14px; height:27px; border:none; *border:1px solid #fff;;  font-size:12px; line-height:28px; color:#bfbfbf; }
.book_seach input:focus,.book_seach input:active,.book_seach input:hover { color:#464646;}
.book_seach a {float:left;}

/* table */
.tbl_type01 {width:100%; border-top:1px solid #464646;}
.tbl_type01 th {height:37px; padding: 0px 0; margin: 0; font-size:13px; color:#464646;  text-align:center; border-bottom:1px solid #d9d9d9; background-color:#efefef; }
.tbl_type01 td {padding:20px 0 15px 0 ; border-bottom:1px solid #d9d9d9; vertical-align:middle; text-align:center; font-size:13px; line-height:22px;color:#464646;  background-color:#fff;}
.tbl_type01 .td01 {position:relative; padding:0 0 0 105px;}
.tbl_type01 .td01 dt {margin:0 0 4px 0; font-size:14px;font-weight:bold;   color:#464646; }
.tbl_type01 .td01 dd {margin:0 0 5px 0;}
.tbl_type01 .td01 dd.detail {margin:0 0 12px 0;}
.tbl_type01 .td01 dd.detail a {font-size:13px; font-weight:bold;  color:#f84b07; }
.tbl_type01 .td01 dd.detail a:hover { color:#f84b07; }
.tbl_type01 .td01 dd.detail a:visited { text-decoration:none; }
.tbl_type01 .td01 dd.detail img {vertical-align:middle; margin:-1px 0 0 7px;}
.tbl_type01 .td01 dd.book {position:absolute; top:-1px; left:0; }
.tbl_type01 td input { vertical-align:middle; }
.tbl_type01 tfoot td {text-align:right; border-bottom:none; background-color:#F9F9F9;}
.tbl_type01 tfoot td .total {background: url("/img/common/i_chk_last.png") no-repeat left top; padding-left:38px; margin:0 19px 0 0; font-size:24px; color:#464646; }

.tbl_type02 {width:100%; border-top:1px solid #464646;border-bottom:1px solid #d9d9d9; }
.tbl_type02 th { height:21px; padding: 11px 0 11px 20px; margin: 0; font-size:13px; color:#464646;  text-align:left; background-color:#efefef; }
.tbl_type02 td {padding:11px 0 11px 20px ; vertical-align:middle; text-align:left; font-size:13px; line-height:21px; color:#464646;  background-color:#fff;}
.tbl_type02 .right_btn {text-align:center; border-left:1px solid #d9d9d9;}

.tbl_type03 {width:100%; border-top:1px solid #464646; }
.tbl_type03 th {padding: 25px 0 10px 20px; margin: 0; font-size:14px; font-weight:bold; color:#464646;  text-align:left;}
.tbl_type03 td {padding: 25px 0 10px 20px; vertical-align:middle; text-align:left; font-size:14px; color:#464646; }


/*
.tbl_type05 {width:100%; }
.tbl_type05 th {padding: 25px 0 10px 20px; margin: 0; font-size:14px; font-weight:bold; color:#464646;  text-align:left;}
.tbl_type05 td {padding: 25px 0 10px 20px;text-align:left; font-size:12px; color:#464646; }
.tbl_type05 td input { font-size:14px; }*/

.tbl_type06 {width:100%;border-top:1px solid #d9d9d9;  }
.tbl_type06 td {border-bottom:1px solid #d9d9d9; height:37px; padding: 0; text-align:left; vertical-align:middle; text-align:center; font-size:13px; color:#464646; }
.tbl_type06 td a {font-size:13px; color:#464646; }
.tbl_type06 td a:visited { text-decoration:none; }
/*
.tbl_type07 {width:100%;border-top:1px solid #464646; border-bottom:1px solid #464646;}
.tbl_type07 td {padding: 0 0 15px 0; vertical-align:middle; text-align:left; font-size:13px; color:#464646; }
.tbl_type07 td.first {padding-top:31px;}
.tbl_type07 td a {font-size:13px; color:#464646; }
.tbl_type07 td a:visited { text-decoration:none; }
.tbl_type07 .date {float:right;font-size:18px;color:#a8a8a8; font-weight:bold;}

.tbl_type08 td {padding:5px 0 4px 0; vertical-align:middle; border-bottom:1px solid #d6d6d6; text-align:center; font-size:13px; line-height:19px; color:#464646;}
.tbl_type09 {border-top:none; }
.tbl_type09 th { border-bottom:1px solid #b4b4b4; background-color:#f9f9f9; font-weight:bold; }
*/

/* by Ork Myungsoo */
.tbl_type10 {width:100%; border-top:1px solid #464646; border-bottom:1px solid #d9d9d9;}

.tbl_type11 {width:100%; border-top:1px solid #464646;}
.tbl_type11 td {padding:20px 0 15px 0 ; border-bottom:1px solid #d9d9d9; vertical-align:middle; text-align:center; font-size:13px; line-height:22px;color:#464646;  background-color:#fff;}

/* table add common tag */
.td_left02 {padding-left:80px !important; text-align:left !important;}
/*
.half {float:left; width:480px; margin:0 10px 70px 0;}
th.noti {padding: 13px 0 14px 20px; font-size:12px; color:#000;  border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
th.noti2 {padding: 13px 0 14px 20px; font-size:12px; color:#000;  border-bottom:1px solid #d6d6d6;}
.hint {padding:0 0 0 21px; margin:12px 0 0 0;font-size:12px; color:#000; background: url("/img/common/u_noti1.jpg") no-repeat left 1px; }
.email_hint {display:block; padding:6px 0 0 0; font-size:16px; color:#4b89c9; }
.noti_re {padding:12px 0 0 0;  }
.noti_re strong {display:block; padding:0 0 0 21px; font-size:12px; color:#f84b07;background: url("/img/common/u_noti2.jpg") no-repeat left 1px; }
.noti_re2 strong {color:#4b89c9;background: url("/img/common/u_noti3.png") no-repeat left top; }
.seach_none {padding:194px 0 190px 0 !important;}
.td_left {padding-left:20px !important; text-align:left !important;}
.td_left03 {padding-left:5px !important; text-align:left !important;}
.td_left04 {padding-left:30px !important; text-align:left !important;}
.td_left05 {padding-left:0 !important; text-align:left !important;}
.td_left06 {padding-left:35px !important; text-align:left !important;}
.td_left07 {padding-left:27px !important; text-align:left !important;}
.td_left08 {padding-left:110px !important; text-align:left !important;}
.td_left09 {padding-left:41px !important; text-align:left !important;}
.td_right {padding-right:12px !important; text-align:right !important;}
.td_right02 {padding-right:30px !important; text-align:right !important;}
.td_right03 {padding-right:36px !important; text-align:right !important;}
.td_right04 {padding-right:87px !important; text-align:right !important;}
.td_right05 {padding-right:9px !important; text-align:right !important;}
.td_r_line{border-right:1px solid #d6d6d6;}
.tr_noti td {font-size:13px; color:#000;  font-weight:bold; vertical-align:middle; background-color:#edf6ff;}
.tr_noti td a, .tr_noti td a:hover {font-size:13px; color:#000;}
.tr_noti2 td { background-color:#edf6ff;}
.tr_noti2 td a, .tr_noti2 td a:hover {color:#edf6ff;}
table.com_none tr:hover {background-color:#f9f9f9}
table .bull01 {font-size:18px; color:#f84b07; font-weight:normal;}
.info_none {position:relative;}
.info_none th, .info_none td, .info_none h3 {opacity:0.5;  filter:alpha(opacity=50);}
.pos_img {position:absolute; top:275px; left:252px;}
*/

/* FaQ 리스트2 */
.width_auto {width:auto !important;}
.guide_dl {overflow:hidden;}
.guide_dl dt { padding: 0 0 12px;font-size:15px;  color:#4b89c9; font-weight:bold; }
.guide_dl dd { overflow:hidden;margin: 0 0 26px;font-size:13px;line-height:22px;   color:#464646;}

.cus_ul {position:relative; width:100%; height:35px; padding: 0 0 0 7px; margin: 0 0 -1px;border-bottom:1px solid #4b89c9;}
.cus_ul li {float:left; margin-right:2px;}
.cus_ul li a {vertical-align:middle; background: url("/images/t_faq_off.png") no-repeat left top; padding-left:19px; display:inline-block;}
.cus_ul li a span { background: url("/images/t_faq_off.png") no-repeat right top; color:#464646; height:34px; padding:0 19px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:13px;line-height:34px;  letter-spacing:-1px; white-space:nowrap;}
.cus_ul li a.on, .cus_ul li a:hover, .cus_ul li a:visited { text-decoration:none;height:35px; background: url("/images/t_faq_on.png") no-repeat left top; color:#4b89c9;}
.cus_ul li a.on span, .cus_ul li a:hover span {height:35px;  background: url("/images/t_faq_on.png") no-repeat right top; color:#4b89c9;}


/* 텝메뉴  (하단라인이 벌어지는 경우 .tablist {padding: 8px.. 의 값을 조절해 볼 것)*/
.tablist { position:relative; margin: 0 auto; text-align:left; height:40px; margin-bottom:20px; border-bottom:1px solid #777; }
.tablist li{ display: inline-block; padding:0px; font-size: 1.167em;}
.tablist li a { display: inline-block;	height:40px; line-height:40px; margin:0 5px; padding:0 20px; color:#222; border:1px solid #777; border-bottom:1px solid #777; background:#efefef; } /* margin:0 5px; 탭사이 간격 조정*/
.tablist li a.active { display: inline-block;	height:40px; line-height:40px; padding:0 20px; color:#003366; border:1px solid #777; border-bottom:1px solid #fff;; background:#fff; }
.tablist li a:link { color: #448; }
.tablist li a:visited { color: #667; }
.tablist li a:hover{color: #000;background: whitesnow;border-color: #000;}

/* ssForum view */
.view_area {width:100%; border-top:1px solid #464646;}
.view_area .qu {width:auto; padding:0 0 0; border-bottom:2px solid #d9d9d9; }
.view_area .qu:after { content:""; display:block; clear:both; }
.view_area .qu h4{width:auto; height:42px; padding:10px 0 0 21px; margin: 0; font-size:18px; font-weight:600; letter-spacing:0em; color:#222; line-height:24px; border-bottom:1px solid #e4e4e4;}
.view_area .qu h4 strong {float:left; color:#222;}
.view_area .qu .coment {float:right; margin:0 20px 0; color:#f07819; }
.view_area .qu h4 img  {margin-right:7px; vertical-align:middle;}
.con_qa {overflow:hidden; position:relative; padding:45px 20px 14px 20px; font-size:13px; line-height:21px; color:#464646; }
.qa_pos01 {position:absolute; top:12px; right:20px; text-align:right; }


/*.cus01 {clear:both;position:relative; z-index:1;}*/
table.cus01 tr:hover {background-color:#F9F9F9;}
table.cus01 dt:hover {background-color:#fff;}
.cus01 th {border-bottom:none;}
.cus01 td {border-bottom:none;font-size:13px; line-height:23px;color:#555; padding:0; text-align:left;}
.cus01 dt {overflow:hidden;margin: 0;	font-weight: normal;cursor: pointer;padding:10px 0 10px 20px;border-top: 1px solid #d9d9d9; font-size:13px; line-height:23px;color:#454545;}
.cus01 #list {border-bottom:1px solid #d9d9d9}
.cus01 #list a {float:left; font-size:13px; line-height:23px;color:#454545;}
.cus01 #list a:visited {text-decoration:none;}
.cus01 dt.on {	margin:0; padding:10px 0 10px 20px;	font-weight: bold; font-size:13px; line-height:23px;color:#000; }
.cus01 dd.on { overflow:hidden;padding:17px 0 17px 20px; margin:0; background-color: #edf6ff;	display: block;	border-top: 1px solid #d9d9d9;font-size:13px; line-height:23px;color:#454545;}
.cus01 dd.on strong {margin:0 15px 0 0; font-size:24px; color:#4b89c9;}
.cus01 dd.on span {width:100%;}
.cus01 dd.off {display: none;}
.cus01 dt.on .list_tit {color:#000;}
.cus01 .list_tit {float:left; display:inline-block; width:261px; padding: 0; margin: 0; font-size:13px; line-height:23px;color:#454545;}



/*sub content*/
/*teacher*/
.teacher_right .teacher_pic1 { position:absolute; top:0; right:0; width:590px; height:900px; background:url(/ssTeacher/images/teacher_pic1.png) 50px 182px no-repeat; z-index:90; }
.teacher_right .teacher_pic3 { position:absolute; top:0; right:0; width:590px; height:900px; background:url(/ssTeacher/images/teacher_pic3.png) 50px 192px no-repeat; z-index:90; }
.teacher_right .teacher_pic5 { position:absolute; top:0; right:0; width:590px; height:900px; background:url(/ssTeacher/images/teacher_pic5.png) 50px 192px no-repeat; z-index:90; }
.teacher_left .teacher_pic2 { position:absolute; top:0; left:0; width:590px; height:900px; background:url(/ssTeacher/images/teacher_pic2.png) 10px 192px no-repeat; z-index:90; }
.teacher_left .teacher_pic4 { position:absolute; top:0; left:0; width:590px; height:900px; background:url(/ssTeacher/images/teacher_pic4.png) 10px 192px no-repeat; z-index:90; }
.teacher_left .teacher_pic6 { position:absolute; top:0; left:0; width:590px; height:900px; background:url(/ssTeacher/images/teacher_pic6.png) 20px 192px no-repeat; z-index:90; }

.teacher_top_wrap { position:relative; width:100%; height:810px; background:url(/ssTeacher/images/teacher_top_bg.jpg); }
.teacher_top { position:relative; width:1140px; height:810px; margin:0 auto; text-align:center; } 

.teacher_right_wrap { position:relative; width:100%; background:#363cea; }
.teacher_right { position:relative; width:1140px; height:900px; background:url(/ssTeacher/images/teacher_bg2.jpg) no-repeat; background-color:#8e9cf4; font-family:'NanumSquare'; margin:0 auto; }
.teacher_right .text1 { position:absolute; width:100%; height:67px; left:0; top:50px; text-align:center; }
.teacher_right .text1 span { display:inline-block; background:#fff; height:67px; line-height:67px; font-size:34px; font-weight:600; color:#363cea; padding:0 75px; }
.teacher_right .text2 { position:absolute; width:100%; height:67px; left:0; top:140px; text-align:center; font-size:28px; color:#fff; }
.teacher_right .title1 { position:absolute; width:510px; height:25px; border-left:#2e41b7 3px solid; padding-left:15px; left:70px; top:215px; color:#fff; font-size:25px; text-align:left; }
.teacher_right .btn1 { position:absolute; width:510px; height:50px; left:70px; top:260px; }
.teacher_right .btn1 a,.teacher_right .btn1 a:hover { display:inline-block; width:510px; height:50px; line-height:50px; text-align:center; background:#021f4b; color:#fff; font-size:22px; }
.teacher_right .mov { position:absolute; width:510px; height:250px; background:#000; left:70px; top:320px; }
.teacher_right .title2 { position:absolute; width:510px; height:25px; border-left:#2e41b7 3px solid; padding-left:15px; left:70px; top:600px; color:#fff; font-size:25px; text-align:left; }
.teacher_right .textbox { position:absolute; width:510px; height:120px; overflow:scroll; overflow-x:hidden; background:#fff; border:#04152f 1px solid; padding:15px; left:70px; top:645px; text-align:left; z-index:100; }
.teacher_right .textbox dt { font-size:18px; font-weight:600; padding-top:10px;padding-bottom:5px;  }
.teacher_right .textbox dd { font-size:14px;}
.teacher_right .link { position:absolute; width:510px; height:60px; line-height:60px; background:#ed4c04; color:#fff; font-size:22px; font-weight:600; left:70px; top:800px; text-align:center;  }
.teacher_right .link a,.teacher_right .link a:hover { display:inline-block; height:35px; line-height:35px; padding:0 30px; background:#fff; font-size:16px; color:#000; border-radius:5px; margin:0 25px; }

.teacher_left_wrap { position:relative; width:100%; }
.teacher_left { position:relative; width:1140px; height:900px; background:url(/ssTeacher/images/teacher_bg1.jpg) no-repeat; background-color:#fff; font-family:'NanumSquare'; margin:0 auto; }
.teacher_left .text1 { position:absolute; width:100%; height:67px; left:0; top:50px; text-align:center; }
.teacher_left .text1 span { display:inline-block; background:#3f81fc; height:67px; line-height:67px; font-size:34px; font-weight:600; color:#fff; padding:0 75px; }
.teacher_left .text2 { position:absolute; width:100%; height:67px; left:0; top:140px; text-align:center; font-size:28px; color:#000; }
.teacher_left .title1 { position:absolute; width:510px; height:25px; border-left:#448bfc 3px solid; padding-left:15px; right:70px; top:215px; color:#000; font-size:25px; text-align:left; }
.teacher_left .btn1 { position:absolute; width:510px; height:50px; right:70px; top:260px; }
.teacher_left .btn1 a,.teacher_right .btn1 a:hover { display:inline-block; width:510px; height:50px; line-height:50px; text-align:center; background:#021f4b; color:#fff; font-size:22px; }
.teacher_left .mov { position:absolute; width:510px; height:250px; background:#000; right:70px; top:320px; }
.teacher_left .title2 { position:absolute; width:510px; height:25px; border-left:#448bfc 3px solid; padding-left:15px; right:70px; top:600px; color:#000; font-size:25px; text-align:left; }
.teacher_left .textbox { position:absolute; width:510px; height:120px; overflow:scroll; overflow-x:hidden; background:#fff; border:#04152f 1px solid; padding:15px; right:70px; top:645px; text-align:left; z-index:100; }
.teacher_left .textbox dt { font-size:18px; font-weight:600; padding-top:10px;padding-bottom:5px;  }
.teacher_left .textbox dd { font-size:14px;}
.teacher_left .link { position:absolute; width:510px; height:60px; line-height:60px; background:#ed4c04; color:#fff; font-size:22px; font-weight:600; right:70px; top:800px; text-align:center;  }
.teacher_left .link a,.teacher_right .link a:hover { display:inline-block; height:35px; line-height:35px; padding:0 30px; background:#fff; font-size:16px; color:#000; border-radius:5px; margin:0 25px; }



/* 쿠폰등록하기 페이지 */
.simple_box{background:#f2f2f2;border:1px solid #d5d5d5;padding:15px 15px 10px 15px;margin:0 15px 0 15px;font-size:11px;letter-spacing:-1px}
.simple_box p{margin-bottom:7px}
.simple_box p.center{text-align:center;}
.simple_box p.center .red{color:#d50101}
.simple_box p.center input[type="radio"]{width:20px;height:20px;vertical-align:top;font-size:14px}
.simple_box p.center label{display:inline-block;height:20px;line-height:20px;vertical-align:top}
.simple_box p.input{overflow:hidden}
.simple_box p.input label{display:block;float:left;height:30px;line-height:30px;width:20%;}
.simple_box p.input input[type="text"]{border:1px solid #c0c0c0;height:20px;line-height:20px;padding-left:10px;float:left;margin-right:5px;font-size:15px}
.simple_box p.input input[type="password"]{border:1px solid #c0c0c0;height:20px;line-height:20px;padding-left:10px;float:left;margin-right:5px;font-size:15px;padding-top:5px}
.simple_box p.input input[type="checkbox"]{float:left;line-height:30px;height:30px;margin-right:5px;font-size:12px}
.simple_box p.input input[type="radio"]{float:left;line-height:30px;height:30px;margin-right:5px}
.simple_box p.input select{float:left;height:28px;padding:0;margin:0 5px 0 0;color:#666;font-size:11px}
.simple_box p.input span{float:left;height:30px;line-height:30px;margin-right:5px}
.simple_box p.input .idCheck{height:32px;line-height:30px;background:#a9a9a9;color:#fff;display:inline-block;text-align:center;}
.simple_box p.info{padding-left:20%}


/* input-file style */
.file_add {overflow:hidden; margin:15px 0 0 0;}
.file_add dt {float:left; padding:10px 36px 0 0 ; font-size:13px; color:#464646; font-weight:bold;}
.file_add dd {float:left; width:550px;}
.file_input_div {position: relative; width: 100px; height: 37px; overflow: hidden;}
.file_input_button {width: 91px; height:35px; font-weight:bold; position: absolute; top: 0px;background-color: #fff; font-size:14px; color: #464646;border:1px solid #bfbfbf;}
.file_input_hidden {font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
.file_add2 {overflow:hidden; margin:3px 0 1px 0;}

/* 라인 */
.line_bg01 {vertical-align:top; padding:0; margin:0; display:block; height:2px; width:100%; border:none;background:url("/img/common/l_v_info1.jpg") repeat-x left top;}

/* 블릿 리스트 */
.ul_list {overflow:hidden;}
.ul_list li {padding:0 0 0 8px; margin:0 0 8px; font-size:12px; color:#464646; background:url("/img/common/u_list1.jpg") no-repeat left 7px;}

/* 텍스트 컬러 */
/*
.txt_or {font-size:13px; color:#f84b07 !important;}
.txt_or2 {color:#f84b07 !important;}
.txt_or3 {color:#f06000 !important;}
.txt_or4 {color:#fe891d !important;}
.txt_bl {font-size:13px; color:#4b89c9 !important;}
.txt_bl2 {color:#4b89c9 !important;}
.txt_bk {font-size:13px; color:#000;}
.txt_bk2 {color:#707070;}
.txt_bk3 {color:#000 !important;}
.txt_bk4 {color:#010101 !important;}
.txt_gr { color:#9a9a9a !important;}
.txt_gr2 { color:#a9a9a9;}
.txt_gr3 { color:#666;}
.txt_gr4 { color:#464646 !important;}
.txt_grn {color:#08a400;}
.txt_pn {color:#ff3078;}
.txt_min {color:#009cb3;}
.txt_pur {color:#b348bf;}
.txt_red {color:#ff0000;}
*/
/* 텍스트 사이즈 */
/*
.txt_12 {font-size:12px !important;}
.txt_13 {font-size:13px !important;}
.txt_14 {font-size:14px !important;}
.txt_15 {font-size:15px !important;}
.txt_16 {font-size:16px !important;}
.txt_17 {font-size:17px !important;}
.txt_18 {font-size:18px !important;}
.txt_24 {font-size:24px !important;}
*/
/* 라인 하이트 */
/*
.line_h20 {line-height:20px;}
.line_h22 {line-height:22px;}
.line_h24 {line-height:24px;}
*/
/* 자간 */
/*
.letter_m1 {letter-spacing:-1px;}
*/
/* 굵기 */
/*
.f_bold {font-weight:bold;}
.f_normal {font-weight:normal !important;} /* 20130927 */
*/
/* 텍스트 링크 */
a.btn_or {font-weight:bold; font-size:13px; color:#f84b07 !important; text-decoration:none;}
a.btn_or:hover, a.btn_or:visited {text-decoration:underline;color:#f84b07;}
a.btn_or2 {font-size:13px; color:#f84b07 !important; text-decoration:none;}
a.btn_or2:hover, a.btn_or2:visited {text-decoration:underline;color:#f84b07;}
a.btn_bl {color:#4b89c9 !important; text-decoration:none;}
a.btn_bl:hover, a.btn_bl:visited {text-decoration:underline;color:#4b89c9;}
a.btn_bk {text-decoration:none; color:#464646;}
a.btn_bk:hover, a.btn_bk:visited {text-decoration:underline;color:#464646;}
a.btn_gr { font-size:14px; text-decoration:none; color:#a2a2a2;}
a.btn_gr:hover, a.btn_gr:visited {text-decoration:underline;color:#a2a2a2;}

a.unl {text-decoration:underline !important;} /* 20130831 */

/* button */
/* button */
/* <a href="#" class="btn_b04"><span></span></a> */
	/* 화이트1_h30 */
a.btn_w01 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_w1.jpg") no-repeat left top; padding-left:15px; display:inline-block;}
a.btn_w01 span { background: url("/img/common/b_w1.jpg") no-repeat right top; color:#464646; height:22px; padding:8px 27px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:12px;line-height:14px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_w01:hover, a.btn_w01:visited {text-decoration:none; background: url("/img/common/b_w1.jpg") no-repeat left top; color:#464646;}
a.btn_w01:hover span { background: url("/img/common/b_w1.jpg") no-repeat right top; color:#464646;}
	/* 화이트2_h24:블릿x,그라데이션x */
a.btn_w02 {text-decoration:none; vertical-align:middle; height:24px; padding:0 5px; line-height: 24px; text-align:center; background-color: #fff; display:inline-block; border: 1px solid #bfbfbf;font-size:12px; color:#464646;font-weight:bold;}
a.btn_w02:hover {text-decoration:none;}
	/* 화이트3_h35:블릿x */
a.btn_w03 {text-decoration:none; vertical-align:middle; background: url("/images/b_w2.jpg") no-repeat left top; padding-left:20px; display:inline-block;}
a.btn_w03 span { background: url("/images/b_w2.jpg") no-repeat right top; color:#464646; height:30px; padding:7px 20px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:12px;line-height:16px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_w03:hover, a.btn_w03:visited {text-decoration:none; background: url("/images/b_w2.jpg") no-repeat left top; color:#464646;}
a.btn_w03:hover span { background: url("/images/b_w2.jpg") no-repeat right top; color:#464646;}
	/* 화이트4_h35 */
a.btn_w04 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_w3.jpg") no-repeat left top; padding-left:18px; display:inline-block;}
a.btn_w04 span { background: url("/img/common/b_w3.jpg") no-repeat right top; color:#464646; height:26px; padding:9px 38px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:16px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_w04:hover, a.btn_w04:visited {text-decoration:none; background: url("/img/common/b_w3.jpg") no-repeat left top; color:#464646;}
a.btn_w04:hover span { background: url("/img/common/b_w3.jpg") no-repeat right top; color:#464646;}
	/* 화이트5_h45:블릿x */
a.btn_w05 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_w4.jpg") no-repeat left top; padding-left:25px; display:inline-block;}
a.btn_w05 span { background: url("/img/common/b_w4.jpg") no-repeat right top; color:#464646; height:45px; padding:0 25px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:18px;line-height:44px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_w05:hover, a.btn_w05:visited {text-decoration:none; background: url("/img/common/b_w4.jpg") no-repeat left top; color:#464646;}
a.btn_w05:hover span { background: url("/img/common/b_w4.jpg") no-repeat right top; color:#464646;}
	/* 화이트6_h35:블릿x,그라데이션x : 인증완료 */
.acc_com {text-decoration:none; height:33px; padding:0 19px; line-height: 34px; text-align:center; background-color: #fff; display:inline-block;vertical-align:top; border: 1px solid #d3d3d3;font-size:14px; color:#bfbfbf;font-weight:bold;}
.acc_com:hover {text-decoration:none; }
	/* 화이트7_h30:블릿x,그라데이션x */
a.btn_w06 {text-decoration:none; vertical-align:middle; height:30px; padding:0 13px; line-height: 30px; text-align:center; background-color: #fff; display:inline-block; border: 1px solid #bfbfbf;font-size:12px; color:#464646; font-weight:bold;}
a.btn_w06:hover {text-decoration:none; }
	/* 화이트8_h80:블릿x */
a.btn_w07 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_w5.jpg") no-repeat left top; padding-left:32px; display:inline-block;}
a.btn_w07 span { background: url("/img/common/b_w5.jpg") no-repeat right top; color:#464646; height:85px; padding:0 32px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:85px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_w07:hover, a.btn_w07:visited {text-decoration:none; background: url("/img/common/b_w5.jpg") no-repeat left top; color:#464646;}
a.btn_w07:hover span { background: url("/img/common/b_w5.jpg") no-repeat right top; color:#464646;}
	/* 화이트9_h35:그라데이션x */
a.btn_w08 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_w7.jpg") no-repeat left top; padding-left:20px; display:inline-block;}
a.btn_w08 span { background: url("/img/common/b_w7.jpg") no-repeat right top; color:#464646; height:35px; padding:0 38px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:35px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_w08:hover, a.btn_w08:visited { text-decoration:none;background: url("/img/common/b_w7.jpg") no-repeat left top; color:#464646;}
a.btn_w08:hover span { background: url("/img/common/b_w7.jpg") no-repeat right top; color:#464646;}
	/* 화이트10_h30:블릿x,그라데이션x : 비활성 */
.btn_w09 {text-decoration:none; height:30px; padding:0 13px; line-height: 30px; text-align:center; background-color: #fff; display:inline-block;vertical-align:top; border: 1px solid #d3d3d3;font-size:14px; color:#bfbfbf;font-weight:bold;}
.btn_w09:hover {text-decoration:none; }
	/* 화이트11_h35:블릿x,그라데이션x */
a.btn_w10 {text-decoration:none; vertical-align:middle; height:33px; padding:0 20px; line-height: 35px; text-align:center; background-color: #fff; display:inline-block; border: 1px solid #bfbfbf;font-size:14px; color:#464646;font-weight:bold;}
a.btn_w10:hover {text-decoration:none;}
	/* 화이트12_h33:블릿x,그라데이션x : 비활성 */
a.btn_w11 {text-decoration:none; vertical-align:middle; height:33px; padding:0 22px; line-height: 35px; text-align:center; background-color: #fff; display:inline-block; border: 1px solid #bfbfbf;font-size:14px; color:#464646;font-weight:bold;}/*2013-08-12*/
a.btn_w11:hover {text-decoration:none;}/*2013-08-12*/
	/* 화이트13_h35:펼치기 */
a.btn_w12 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_w8.jpg") no-repeat left top; padding-left:18px; display:inline-block;}
a.btn_w12 span { background: url("/img/common/b_w8.jpg") no-repeat right top; color:#464646; height:26px; padding:9px 38px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:16px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_w12:hover, a.btn_w12:visited {text-decoration:none; background: url("/img/common/b_w8.jpg") no-repeat left top; color:#464646;}
a.btn_w12:hover span { background: url("/img/common/b_w8.jpg") no-repeat right top; color:#464646;}
	/* 화이트13_h35:닫기 */
a.btn_w13 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_w9.jpg") no-repeat left top; padding-left:18px; display:inline-block;}
a.btn_w13 span { background: url("/img/common/b_w9.jpg") no-repeat right top; color:#464646; height:26px; padding:9px 38px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:16px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_w13:hover, a.btn_w13:visited {text-decoration:none; background: url("/img/common/b_w9.jpg") no-repeat left top; color:#464646;}
a.btn_w13:hover span { background: url("/img/common/b_w9.jpg") no-repeat right top; color:#464646;}
	/* 화이트14_h35:검색 */
a.btn_w14 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_w10.jpg") no-repeat left top; padding-left:18px; display:inline-block;}
a.btn_w14 span { background: url("/img/common/b_w10.jpg") no-repeat right top; color:#464646; height:26px; padding:9px 38px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:16px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_w14:hover, a.btn_w14:visited {text-decoration:none; background: url("/img/common/b_w10.jpg") no-repeat left top; color:#464646;}
a.btn_w14:hover span { background: url("/img/common/b_w10.jpg") no-repeat right top; color:#464646;}

	/* 블루1_h45 */
a.btn_b01 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_b1.jpg") no-repeat left top; padding-left:27px; display:inline-block;}
a.btn_b01 span { background: url("/img/common/b_b1.jpg") no-repeat right top; color:#fff; height:34px; padding:11px 45px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:18px;line-height:22px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_b01:hover, a.btn_b01:visited {text-decoration:none; background: url("/img/common/b_b1.jpg") no-repeat left top; color:#fff !important;}
a.btn_b01:hover span { background: url("/img/common/b_b1.jpg") no-repeat right top; color:#fff;}
	/* 블루2_h35:흰배경 */
a.btn_b02 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_b2.jpg") no-repeat left top; padding-left:19px; display:inline-block;}
a.btn_b02 span { background: url("/img/common/b_b2.jpg") no-repeat right top; color:#4b89c9; height:26px; padding:9px 50px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:16px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_b02:hover, a.btn_b02:visited {text-decoration:none; background: url("/img/common/b_b2.jpg") no-repeat left top; color:#4b89c9;}
a.btn_b02:hover span { background: url("/img/common/b_b2.jpg") no-repeat right top; color:#4b89c9;}
	/* 블루3_h35:블릿x */
a.btn_b03 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_b3.jpg") no-repeat left top; padding-left:33px; display:inline-block;}
a.btn_b03 span { background: url("/img/common/b_b3.jpg") no-repeat right top; color:#fff; height:35px; padding:0 33px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:35px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_b03:hover, a.btn_b03:visited {text-decoration:none; background: url("/img/common/b_b3.jpg") no-repeat left top; color:#fff;}
a.btn_b03:hover span { background: url("/img/common/b_b3.jpg") no-repeat right top; color:#fff;}
	/* 블루4_h35 */
a.btn_b04 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_b4.jpg") no-repeat left top; padding-left:20px; display:inline-block;}
a.btn_b04 span { background: url("/img/common/b_b4.jpg") no-repeat right top; color:#fff; height:35px; padding:0 38px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:35px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_b04:hover, a.btn_b04:visited {text-decoration:none; background: url("/img/common/b_b4.jpg") no-repeat left top; color:#fff;}
a.btn_b04:hover span { background: url("/img/common/b_b4.jpg") no-repeat right top; color:#fff;}
	/* 블루5_h35:블릿x */
a.btn_b05 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_b3.jpg") no-repeat left top; padding-left:23px; display:inline-block;}
a.btn_b05 span { background: url("/img/common/b_b3.jpg") no-repeat right top; color:#fff; height:35px; padding:0 23px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:35px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_b05:hover, a.btn_b05:visited {text-decoration:none; background: url("/img/common/b_b3.jpg") no-repeat left top; color:#fff;}
a.btn_b05:hover span { background: url("/img/common/b_b3.jpg") no-repeat right top; color:#fff;}

	/* 오렌지1_h35:블릿x */
a.btn_o01 {text-decoration:none; vertical-align:middle; background: url("/images/b_o1.jpg") no-repeat left top; padding-left:23px; display:inline-block;}
a.btn_o01 span { background: url("/images/b_o1.jpg") no-repeat right top; color:#fff; height:35px; padding:7px 23px 0 0; font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:18px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_o01:hover, a.btn_o02:visited { text-decoration:none;background: url("/images/b_o1.jpg") no-repeat left top; color:#fff !important;}
a.btn_o01:hover span { background: url("/images/b_o1.jpg") no-repeat right top; color:#fff;}

	/* 오렌지2_h35:블릿x */
a.btn_o02 {text-decoration:none; vertical-align:middle; background: url("/images/b_o2.jpg") no-repeat left top; padding-left:23px; display:inline-block;}
a.btn_o02 span { background: url("/images/b_o2.jpg") no-repeat right top; color:#fff; height:27px; padding:8px 23px 0 0; font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:18px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_o02:hover, a.btn_o02:visited { text-decoration:none;background: url("/images/b_o2.jpg") no-repeat left top; color:#fff !important;}
a.btn_o02:hover span { background: url("/images/b_o2.jpg") no-repeat right top; color:#fff;}
	/* 오렌지3_h35:흰배경 */
a.btn_o03 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_o3.jpg") no-repeat left top; padding-left:19px; display:inline-block;}
a.btn_o03 span { background: url("/img/common/b_o3.jpg") no-repeat right top; color:#f84b07; height:26px; padding:9px 50px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:16px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_o03:hover, a.btn_o03:visited {text-decoration:none; background: url("/img/common/b_o3.jpg") no-repeat left top; color:#f84b07 !important;}
a.btn_o03:hover span { background: url("/img/common/b_o3.jpg") no-repeat right top; color:#f84b07;}
	/* 오렌지4_h30 */
a.btn_o04 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_o4.jpg") no-repeat left top; padding-left:14px; display:inline-block;}
a.btn_o04 span { background: url("/img/common/b_o4.jpg") no-repeat right top; color:#fff; height:30px; padding:0 27px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:12px;line-height:30px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_o04:hover, a.btn_o04:visited { text-decoration:none;background: url("/img/common/b_o4.jpg") no-repeat left top; color:#fff !important;}
a.btn_o04:hover span { background: url("/img/common/b_o4.jpg") no-repeat right top; color:#fff;}
	/* 오렌지5_h35 */
a.btn_o05 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_o5.jpg") no-repeat left top; padding-left:19px; display:inline-block;}
a.btn_o05 span { background: url("/img/common/b_o5.jpg") no-repeat right top; color:#fff; height:35px; padding:0 36px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:35px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_o05:hover, a.btn_o05:visited {text-decoration:none; background: url("/img/common/b_o5.jpg") no-repeat left top; color:#fff !important;}
a.btn_o05:hover span { background: url("/img/common/b_o5.jpg") no-repeat right top; color:#fff;}
		/* 오렌지6_h45 */
a.btn_o06 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_o6.jpg") no-repeat left top; padding-left:25px; display:inline-block;}
a.btn_o06 span { background: url("/img/common/b_o6.jpg") no-repeat right top; color:#fff; height:45px; padding:0 48px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:18px;line-height:45px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_o06:hover, a.btn_o06:visited {text-decoration:none; background: url("/img/common/b_o6.jpg") no-repeat left top; color:#fff !important;}
a.btn_o06:hover span { background: url("/img/common/b_o6.jpg") no-repeat right top; color:#fff;}
		/* 오렌지7_h75:블릿x  */
a.btn_o07 {text-decoration:none; vertical-align:middle; background: url("/img/common/b_o7.jpg") no-repeat left top; padding-left:25px; display:inline-block;}
a.btn_o07 span { background: url("/img/common/b_o7.jpg") no-repeat right top; color:#fff; height:75px; padding:0 25px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:18px;line-height:75px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_o07:hover, a.btn_o07:visited { text-decoration:none;background: url("/img/common/b_o7.jpg") no-repeat left top; color:#fff !important;}
a.btn_o07:hover span { background: url("/img/common/b_o7.jpg") no-repeat right top; color:#fff;}

	/* 블랙1_h35:블릿x */
a.btn_bk01 {text-decoration:none; vertical-align:middle; background: url("/images/b_bk1.jpg") no-repeat left top; padding-left:23px; display:inline-block;}
a.btn_bk01 span { background: url("/images/b_bk1.jpg") no-repeat right top; color:#fff; height:35px; padding:7px 23px 0 0; font-weight:bold;  cursor:pointer; display:block; font-size:14px;line-height:18px;  letter-spacing:-1px; white-space:nowrap;}
a.btn_bk01:hover, a.btn_bk01:visited { text-decoration:none;background: url("/images/b_bk1.jpg") no-repeat left top; color:#fff !important;}
a.btn_bk01:hover span { background: url("/images/b_bk1.jpg") no-repeat right top; color:#fff;}

/* pageing */
.paginate {padding:30px 0 0 0; 0;text-align:center;}
.paginate strong {padding:0 6px 0 4px;font-size:16px;color:#569be8;color:#505050;text-decoration:underline}
.paginate a {padding:0 6px 0 4px;font-size:16px}
.paginate a:hover {text-decoration:underline;color:#f88d2d}
.paginate .prev1 {padding-left:10px}
.paginate .prev2 {padding:0}
.paginate .next1 {padding-right:10px}
.paginate .next2 {padding:0}
.paginate img {vertical-align:middle}

/* default */
.hide {display:block; height:0; font-size:0; line-height:0; text-indent:-999999px;}
.hide2 { text-indent:-999999px;}
.pos_re {position:relative;}
.c_both {clear:both;}
.f_nor {font-weight:normal !important;}

.f_left {float:left !important;}
.f_right {float:right !important;}

.text_left {text-align:left !important;}
.text_right {text-align:right !important;}
.text_center {text-align:center !important;}
/*
.text_left a {margin:0px;}
.text_right a {margin-left:10px;}
.text_center a {margin:0 5px;}
*/

.v_middle {vertical-align:middle;}
.v_top01 {vertical-align:top;}

.bor_t01 {border-top:1px solid #464646;}
.bor_t02 {border-top:1px solid #e4e4e4}
.bor_t03 {border-top:1px solid #D6D6D6}
.bor_b01 {border-bottom:1px solid #d9d9d9;}
.bor_b02 {border-bottom:1px solid #464646 !important;}
.bor_t_none{border-top:none !important;}
.bor_b_none{border-bottom:none !important;}
.bor_r_none{border-right:none !important;}
.bor_none {border:none !important;}

.bg_none {background:none !important;}
.bg_false {background-color:#ececec; color:#999;}
.bg_wh {background-color:#fff;}

/* 간격 */
.mtm11 {margin-top:-11px !important;}
.mtm37 {margin-top:-37px !important;}
.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px;}
.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px ;}
.mt21 {margin-top:21px;}
.mt22 {margin-top:22px !important;}
.mt25 {margin-top:25px;}
.mt28 {margin-top:28px !important;}
.mt30 {margin-top:30px;}
.mt33 {margin-top:33px;}
.mt35 {margin-top:35px;}
.mt45 {margin-top:45px;}
.mt46 {margin-top:46px !important;}
.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}
.mt98 {margin-top:98px !important;}
.mt112 {margin-top:112px;}
.mr4 {margin-right:4px;}
.mr6 {margin-right:6px;}
.mr10 {margin-right:10px;}
.mr14 {margin-right:14px;}
.mr17 {margin-right:17px;}
.mr39 {margin-right:39px;}
.ml5 {margin-left:5px;}
.ml4 {margin-left:4px;}
.ml7 {margin-left:7px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px !important;}
.ml14 {margin-left:14px;}
.ml19 {margin-left:19px !important;}
.ml20 {margin-left:20px !important;}
.ml22 {margin-left:22px;}
.ml25 {margin-left:25px;}
.ml26 {margin-left:26px;}
.ml28 {margin-left:28px;}
.ml40 {margin-left:40px;} /* 20130813 */
.ml60 {margin-left:60px;}
.ml64 {margin-left:64px;}
.ml103 {margin-left:103px;}
.mr0 {margin-right:0 !important;}
.mb4 {margin-bottom:4px;}
.mb7 {margin-bottom:7px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb11 {margin-bottom:11px;}
.mb23 {margin-bottom:23px;}
.mb28 {margin-bottom:28px;}
.mb80 {margin-bottom:80px;}

.pt12 {padding-top:12px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt19 {padding-top:19px;}
.pt21 {padding-top:21px !important;}/* 20130731 추가 */
.pt45 {padding-top:45px;}
.pt53 {padding-top:53px;}
.pl0 {padding-left:0 !important;}
.pl9 {padding-left:9px;}
.pt29 {padding-bottom:29px !important;}
.pb26 {padding-bottom:26px !important;}/* 20130731 추가 */
.space_con {margin:0 20px; background: url("/img/common/l_v_info1.jpg") repeat-x left top;}
.width123 {width:123px !important;}
.width443 {width:443px !important;}

/* 20130905 약관동의팝업
.join_boxmain {width:450px; height:250px;  border:1px solid #e6e6e6; overflow:auto; overflow-x:hidden;background-color:#fff;} /* 20130904 */
.join_box01 {width:auto; padding:15px 19px; font-size:12px;  color:#464646; }
.join_box01 .section, .join_box01 .section, .join_box01 .section_first {margin:0 0 25px 0;}
.join_box01 .section h4 {font-size:14px; color:#464646; font-weight:bold; line-height:20px; margin:0 0 1px 0;}
.join_box01 .section h4 {color:#464646; font-size:13px; font-weight:bold; line-height:20px; margin:0 0 10px 0;}

.join_box01 .section_end {margin:0 0 40px 0; text-align:right;}
.join_box01 .section_end {margin:0 0 10px 0; text-align:right;}
.section_end ul li {margin:0 0 5px 0;} /* 20130807 */
.section_end ul li a {font-size:12px; text-decoration:underline; color:#888888;}
.section_first ol li {list-style:decimal; list-style-position:outside; margin:0 0 5px 0;} /* 20130901 */


/*join.css 핵심발췌 Ork Myungsoo*/
.join_tit {clear:both; display:block; margin:0 0 12px 0; font-size:16px; font-weight:600;  color:#f84b07;}


/* 테이블 상단 이미지 배경처리 */
table.bbsList{margin-bottom:15px}
table.bbsList th{height:32px ; text-align:center ; font-size:11px}
.bbsListLeft{background:url(/images/forum/bbsLeftBg.gif) left no-repeat}
.bbsListRight{background:url(/images/forum/bbsRightBg.gif) right no-repeat}
.bbsListCenter{background:url(/images/forum/bbsCenterBg.gif) repeat-x}
table.bbsList td{height:24px ; text-align:center ; color:#666666 ; border-bottom:1px #efefef solid ; font-size:1.0em; letter-spacing:0em; padding:5px;}
table.bbsList td.tdLeft{padding-left:8px ; text-align:left}
table.bbsList td.tdText_01{font-family:Tahoma ; font-size:11px ; letter-spacing:0em}

table.bbsList_s{margin-bottom:15px}
table.bbsList_s td{height:14px ; text-align:center ; color:#666666 ; border-bottom:0px #ffffff solid ; letter-spacing:0em; padding:0px; text-decoration:none; }

table.bbsView{margin-bottom:15px}
table.bbsView th{height:32px ;padding:0px; font-size:11px}
table.bbsView th.th_1{text-align:left ; padding-left:10px}
table.bbsView td{text-align:left ; height:24px ; color:#666666 ; font-weight:normal ; padding:5px ; border-bottom:1px #dedede solid}
table.bbsView td.tdRight{padding-right:8px ; text-align:right}
#view_btn{padding-top:20px ; text-align:right}
#view_btn img{margin-left:3px}

table.bbsWrite{border-top:2px #dedede solid ; border-bottom:1px #dedede solid;  border-spacing:0px;}
table.bbsWrite th{border-bottom:1px #dedede solid ; border-right:1px #dedede solid ; text-align:left ; font-size:11px ;  padding:5px 3px 5px 32px ; background:#f9f9f9}
table.bbsWrite td{text-align:left ; font-weight:normal ; border-bottom:1px #dedede solid ; padding:5px 3px 5px 8px}
.fileAdd{margin-top:3px}
.file_btn{margin-left:2px ; padding-bottom:2px}
#write_btn{padding-top:20px ; text-align:center}
#write_btn img{margin-right:3px}


/* 퀴즈 스타일 */
/*
.quiz_tit { color:#ff6600; font-size:16px; font-weight:bold; padding:0 0 10px 0; }
.quiz_text { color:#444444; font-size:12px; line-height:15px; }

.gray_body { background-color:#efefef; color:#555555; font-size:12px; padding:10px; }
.gray_bic { color:#555555; font-size:16px; font-weight:bold; text-decoration:underline; }
.gray_top { background-image:url(../image/gray_top.jpg); background-repeat:repeat-x; }
.gray_right { background-image:url(../image/gray_right.jpg); background-repeat:repeat-y; }
.gray_bottom { background-image:url(../image/gray_bottom.jpg); background-repeat:repeat-x; }
.gray_left {background-image:url(../image/gray_left.jpg); background-repeat:repeat-y;  }

.green_body { background-color:#eef7e6; color:#3a7a0c; font-size:12px; padding:10px; }
.green_bic { color:#3a7a0c; font-size:16px; font-weight:bold; text-decoration:underline; }
.green_top { background-image:url(../image/green_top.jpg); background-repeat:repeat-x; }
.green_right { background-image:url(../image/green_right.jpg); background-repeat:repeat-y; }
.green_bottom { background-image:url(../image/green_bottom.jpg); background-repeat:repeat-x; }
.green_left {background-image:url(../image/green_left.jpg); background-repeat:repeat-y;  }
*/

/*소프트섹션 css*/

#roundbox{	
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border: 3px solid #D0D0D0;

padding:10px;
}

.table { border-top:#b2b2b2 2px solid; border-bottom:#b2b2b2 1px solid;  border-spacing:0px;}
.table td { border-bottom:#e5e5e5 1px solid; padding:3px 5px; min-height:25px;}
.table tr.last td  { border-bottom:none; }
 
.table td.left_color { text-align:left; background:#00F; }
.table td.center_color { text-align:center; background:#F7F7F7; }
.table td.right_color { text-align:right; background:#00F; }
.table td.left_color_bold { text-align:left; background:#00F; font-weight:bold;}
.table td.center_color_bold { text-align:center; background:#F7F7F7; font-weight:bold; }
.table td.right_color_bold { text-align:right; background:#00F; font-weight:bold; }

.table td.left_white { text-align:left; background:#fff; }
.table td.center_white { text-align:center; background:#fff; }
.table td.right_white { text-align:right; background:#fff; }
.table td.left_white_bold { text-align:left; background:#fff; font-weight:bold; }
.table td.center_white_bold { text-align:center; background:#fff; font-weight:bold; }
.table td.right_white_bold { text-align:right; background:#fff; font-weight:bold; }

.txt_alert {color:orangered;}

/*게시판용 클래스*/
.ff_tit{
	background-color: #F7F7F7;
	height: 30px;
}
.ff_tit2{
	background-color: #ffffff;
	text-align:left;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	}
.ff_tit3{
	background-color: #ffffff;
	text-align:center;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	}

.timetable {
  width:680px; height:520px;
  margin-right:10px; margin-bottom:10px;
  border:1px solid white;
  float:left;
}

/* 시간표 등 테이블 색상 */
.tablet { font-family : "돋움", Tahoma;	font-size : 9pt;		Color: #000000;	line-height:140%;		font-weight : bold;	 text-align: center;		padding :5px 0px 4px 0px ; }
.tablec1 { font-family : "돋움", Tahoma;	font-size : 9pt;		Color: #666666;	line-height:140%;		text-align: center;		padding :5px 0px 3px 2px ; }
.tablec2 { font-family : "돋움", Tahoma;	font-size : 9pt;		Color: #666666;	line-height:140%;		text-align: center;		padding :5px 5px 3px 5px ; }
.tablec3 { font-family : "돋움", Tahoma;	font-size : 9pt;		Color: #666666;	line-height:140%;		text-align: left;		padding :5px 0px 3px 2px ; }
.tea_name { font-family : "돋움", Tahoma;	font-size : 9pt;		Color: #444444;	line-height:140%;		font-weight : bold;		text-align: justify;		padding :3px 0px 3px 0px ; }
.tea_lec { font-family : "돋움", Tahoma;	font-size : 9pt;		Color: #666666;	line-height:140%;		text-align: justify;		padding :5px 0px 3px 0px ; }
.tea_mes { font-family : "돋움", Tahoma;	font-size : 9pt;		Color: #777777;	line-height:140%;		text-align: justify;		letter-spacing:-1px;		padding :3px 8px 0px 8px ; }

/* 페이지 상단 3차 탭메뉴 */
.tab_on { font-family : "돋움", Tahoma;	font-size : 10pt; font-weight:bold;		Color: #808080;	}
.tab_off { font-family : "돋움", Tahoma;	font-size : 10pt;		Color: blue;	}

/* button
--------------------------------------------------------------- */
.main-container .button-em span {padding:.4em 1.25em; }


/* icon
--------------------------------------------------------------- */
.icon {
	display: inline-block; *display: inline; *zoom:1;
	font-size: 0; line-height: 1;
	background: url(../images/common/icon.gif) 0 0 no-repeat;
}
.icon-arr-r {
	width:5px; height:6px;
}
.icon-arr-go {
	width:7px; height:6px;
	background-position: 0 -8px;
}
.icon-write {
	width: 29px; height: 29px;
	background: url(../images/common/icons.png) -122px -40px no-repeat;
	vertical-align: middle;
}

.icon-back {
	width: 27px; height: 29px;
	background: url(../images/common/icons.png) -153px -40px no-repeat;
	vertical-align: middle;
}

/* 교재쇼핑몰 리스트 */
.table_sp2 { border:0px; border-spacing:1px; background-color:#000000; }
.td0 { padding:5px 10px 5px 10px; background-color:#ffffff; }
/*.td1 { padding:5px 10px 5px 10px; background-color:#F0F7FF; }*/
/*.td2 { padding:5px 10px 5px 10px; background-color:#ff0000; }*/
.noborder { border:0px; }

.table_sp1 { border:0px; border-spacing:1px; background-color:#ede6d5; }
.td1 { padding:5px 10px 5px 10px; background-color:#f9f5e8; }
.td2 { padding:5px 10px 5px 10px; background-color:#ffffff; }

/* border round corner */
#sroundbox{	
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border: 4px solid #D0D0D0;
padding:10px;
}

/* ssCommunity */
#sroundbox_com{	
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border: 4px solid #D4EDA9;
padding:10px;
}

/* 문제풀이 결과보기 팝업페이지 처리용 */
.viewTbl2 {}
.viewTbl2 th {text-align:left; background-color:#f1f7fc; padding:2px;}
.viewTbl2 td {text-align:left; background-color:#ffffff;  padding:2px;}
.viewTbl2 td.txt_center { text-align:left; }

/* 일정 캘린더 */
.calendar_search {text-align:right}
.calendar_search h3 {display:inline;margin-right:10px;font-weight:900;font-size:0.95em;color:#4b4a4a}
.calendar_search form {display:inline}
.calendar_search fieldset {display:inline}
.calendar_search select {width:70px;border:1px solid #d6d8d8;font-size:1em}
.calendar {margin-top:10px;border-style:solid none solid solid;border-width:1px 0 1px 1px;border-color:#c9c9c9}
.calendar .year_btn {position:relative;width:100%px;padding:22px 0;border-right:1px solid #C9C9C9;background-color:#fafafa;text-align:center}
.calendar .year_btn_small {position:relative;width:100%px;padding:5px 0;border-right:1px solid #C9C9C9;background-color:#fafafa;text-align:center}

.calendar_table {width:100%;border-style:solid none none;border-width:1px 0 0;border-color:#c9c9c9}
.calendar_table thead th {padding:15px 0;border-style:none solid none none;border-width:0 1px 0 0;border-color:#cecece;background-color:#f0f0f0;color:#6c6c6c;text-align:center;}
.calendar_table tbody td {padding:9px 0 50px 0;border-style:solid solid none none;border-width:1px 1px 0 0;border-color:#cecece;vertical-align:top;font-weight:900;color:#333333}
.calendar_table tbody td span {display:inline-block;padding-left:15px}
.calendar_table tbody td ul {padding-left:3px}
.calendar_table tbody td li {padding-bottom:5px;padding-left:9px;background:url("/ssPlanner/images/bullet_01.gif") no-repeat 2px 5px}
.calendar_table tbody td a {line-height:1.1em;letter-spacing:-1px;font-weight:normal;font-size:0.95em;display:block}
.calendar_table tbody td a:hover {text-decoration:underline}
.calendar_table .c_red {color:#cc0000}
.calendar_table .c_blue {color:#2a7ade}

.calendar_table_small {width:100%;border-style:solid none none;border-width:1px 0 0;border-color:#c9c9c9}
.calendar_table_small thead th {padding:0px 0;height:30px;border-style:none solid none none;border-width:0 1px 0 0;border-color:#cecece;background-color:#f0f0f0;color:#6c6c6c;text-align:center;}
.calendar_table_small tbody td {padding:0px 0 0px 0;min-height:30px;border-style:solid solid none none;border-width:1px 1px 0 0;border-color:#cecece;vertical-align:top;font-weight:900;color:#333333}
.calendar_table_small tbody td span {display:inline-block;padding-left:15px}
.calendar_table_small tbody td ul {padding-left:3px}
.calendar_table_small tbody td li {padding-bottom:5px;padding-left:9px;background:url("/ssPlanner/images/bullet_01.gif") no-repeat 2px 5px}
.calendar_table_small tbody td a {line-height:1.1em;letter-spacing:-1px;font-weight:normal;font-size:0.95em;display:block}
.calendar_table_small tbody td a:hover {text-decoration:underline}
.calendar_table_small .c_red {color:#cc0000}
.calendar_table_small .c_blue {color:#2a7ade}

/*테이블타입1*/
table.type1 { width:100%; border-top:4px solid #333389; }
table.type1 caption { padding-bottom:8px; font-size:1.4em; font-weight:600; letter-spacing:-0.06em; color:#0061A8; }
table.type1 tbody th { padding:7px 0; font-size:1.1em; font-weight:600; color:#222222; text-align:center; background-color:#ffffff; border-bottom:1px dashed #DDDDDD; }
table.type1 tbody td { padding:7px 0; font-size:1.1em; font-weight:400; color:#555555; background-color:#ffffff; border-bottom:1px dashed #DDDDDD; }
table.type1 tbody td .input_txt { padding:5px 7px; font-size:1em; font-weight:400; color:#555555; line-height:130%; }

/*테이블타입2*/
table.type2 { width:100%; border:0; margin-left:0px; }
table.type2 tbody td, table.type2 tfoot td { vertical-align:top; padding:0 20px; font-size:1em; color:#666666; text-align:left; border-left:1px dotted #C6C6C6; }
table.type2 tbody td.first, table.type2 tfoot td.first { padding-left:0; border-left:0; }
table.type2 tbody td { border-bottom:1px dotted #C6C6C6; }
table.type2 tfoot td { border-bottom:0; }

/*테이블타입3*/
table.type3 { width:100%; border:0; }
table.type3 caption { padding-bottom:5px; font-weight:400; text-align:right; }
table.type3 thead th { padding:8px 20px; font-size:1.2em; font-weight:600; line-height:130%; color:#ffffff; letter-spacing:0em; text-align:left; background-color:#648AD8; border-left:1px solid #A2B9E8; }
table.type3 thead th.cols { border-bottom:1px solid #A2B9E8; }
table.type3 thead th.first, table.type3 tbody td.first, table.type3 tfoot td.first { border-left:0; }
table.type3 tbody td, table.type3 tfoot td { border-left:1px solid #D6D6D6; }
table.type3 tbody td { padding:8px 0; font-size:1em; font-weight:600; color:#555555; letter-spacing:0em; text-align:center; line-height:130%; border-bottom:1px solid #D6D6D6; }
table.type3 tfoot td { padding:13px 0; font-size:1.2em; font-weight:600; color:#222222; text-align:center; background-color:#F0EFEB; border-bottom:0px; }
table.type3 thead th .smt { font-size:0.9em; font-weight:400; color:#ffffff; }

/*테이블타입4*/
table.type4 { width:100%; border-top:2px solid #DDDDDD; }
table.type4 caption { padding-bottom:8px; font-size:1.2em; font-weight:600; letter-spacing0em; color:#DE5C06; }
table.type4 tbody th { width:20%; padding:7px 0; font-size:1.1em; font-weight:600; color:#222222; text-align:left; background-color:#ffffff; border-bottom:1px dashed #DDDDDD; }
table.type4 tbody td { padding:7px 0; font-size:1.1em; font-weight:400; color:#555555; background-color:#ffffff; border-bottom:1px dashed #DDDDDD; text-align:left;}
table.type4 tbody td.price { font-weight:600; color:#057BBB; }

/*테이블타입5*/
table.type5 { width:100%; border-top:0px solid #52A6E8; }
table.type5 tbody th { padding:7px 0; font-size:1.1em; font-weight:600; color:#DE5C06; text-align:left; background-color:#ffffff; border-bottom:1px dashed #DDDDDD; }
table.type5 tbody td { padding:7px 0; font-size:1.1em; font-weight:400; color:#555555; background-color:#ffffff; border-bottom:1px dashed #DDDDDD; }
table.type5 tbody td.price { font-weight:600; color:#057BBB; }

/*테이블타입6*/
table.type6 { width:100%; border:0; }
table.type6 caption { padding-bottom:5px; font-weight:400; text-align:right; }
table.type6 thead th { padding:8px 20px; font-size:1.2em; font-weight:600; line-height:130%; color:#ffffff; letter-spacing:0em; text-align:center; background-color:#648AD8; border-left:1px solid #A2B9E8; }
table.type6 thead th.cols { border-bottom:1px solid #A2B9E8; }
table.type6 thead th.first, table.type6 tbody td.first, table.type6 tfoot td.first { border-left:0; }
table.type6 tbody td, table.type6 tfoot td { border-left:1px solid #D6D6D6; }
table.type6 tbody td { padding:8px 0; font-size:1em; font-weight:600; color:#555555; letter-spacing:0em; text-align:center; line-height:130%; border-bottom:1px solid #D6D6D6; }
table.type6 tfoot td { padding:13px 0; font-size:1.2em; font-weight:600; color:#222222; text-align:center; background-color:#F0EFEB; border-bottom:0px; }
table.type6 thead th .smt { font-size:0.9em; font-weight:400; color:#ffffff; }


/*테이블타입13 by Ork MS*/
/*
table.type13 { width:100%; border:0; }
table.type13 caption { padding-bottom:5px; font-weight:400; text-align:right; }
table.type13 thead th { padding:8px 0 8px 0; font-size:1.1em; font-weight:600; line-height:110%; color:#808080; letter-spacing:0em; text-align:center; background-color:#F7F7F7; border-top:2px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6;}
table.type13 thead th.cols { border-bottom:1px solid #A2B9E8; }
table.type13 thead th.first, table.type3 tbody td.first, table.type3 tfoot td.first { border-left:0; }
table.type13 tbody td, table.type3 tfoot td { border-top:1px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6;}
table.type13 tbody td { padding:8px 0; font-size:1em; font-weight:600; color:#555555; letter-spacing:0em; text-align:center; line-height:130%; border-bottom:1px solid #D6D6D6; }
table.type13 tfoot td { padding:13px 0; font-size:1.2em; font-weight:600; color:#222222; text-align:center; background-color:#F0EFEB; border-bottom:0px; }
table.type13 thead th .smt { font-size:0.9em; font-weight:400; color:#ffffff; }
*/
table.type13 { width:100%;     border-collapse: collapse; border-spacing: 0; }
table.type13 caption { padding-bottom:5px; font-weight:400; text-align:right; }
table.type13 thead th { padding:8px 0 8px 0; font-size:1.1em; font-weight:600; line-height:110%; color:#808080; letter-spacing:0em; text-align:center; background-color:#F7F7F7; border-top: 2px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6; }
table.type13 tbody td { padding:8px 0; font-size:1em; font-weight:600; color:#555555; letter-spacing:0em; text-align:center; line-height:130%; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6;}

/*테이블타입14 by Ork MS*/
table.type14 { width:100%; border:0;}
table.type14 caption { padding-bottom:5px; font-weight:400; text-align:center; }
table.type14 thead th { padding:8px 0 8px 0; font-size:1.0em; font-weight:600; line-height:90%; color:#808080; letter-spacing:0em; text-align:center; background-color:#F7F7F7; border-top:2px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6;}
table.type14 thead th.cols { border-bottom:1px solid #A2B9E8; }
table.type14 thead th.first, table.type3 tbody td.first, table.type3 tfoot td.first { border-left:0; }
table.type14 tbody td, table.type3 tfoot td { border-top:1px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6;}
table.type14 tbody td { padding:8px 0; font-size:1em; font-weight:600; color:#555555; letter-spacing:0em; text-align:center; line-height:130%; border-bottom:1px solid #D6D6D6; }
table.type14 tfoot td { padding:13px 0; font-size:1.2em; font-weight:600; color:#222222; text-align:center; background-color:#F0EFEB; border-bottom:0px; }
table.type14 thead th .smt { font-size:0.9em; font-weight:400; color:#ffffff; }

/* 페이징 */
.paging{text-align:center;clear:both;padding-bottom:65px}
.paging a{display:inline-block;height:17px;min-width:10px;line-height:17px;padding:0 1px;color:#737373;}
.paging strong{display:inline-block;height:17px;min-width:10px;line-height:17px;padding:0 1px;color:#737373;}
.paging a.on{text-decoration:underline;font-weight:bold;color:#505050}

/* 수강신청 */
.enroll_area{padding:0 0px 80px 0;}
.enroll_area h3{padding:0 20px 40px 20px}
.enroll_area h4{padding-bottom:10px}
.enroll_area .txt_top{width:100%;margin:0 auto;}
.enroll_area .txt_top p{text-align:right;padding:10px 20px 30px 0}
.enroll_area .table_list{border-top:2px solid #dfdfdf;border-bottom:2px solid #9ed3e5}
.enroll_area .table_list table{width:100%;border-collapse:collapse;}
.enroll_area .table_list table th{border-left:1px solid #9ed3e5;border-bottom:1px solid #dfdfdf;background:#f9f9f9;color:#298aaa;font-size:13px;/* font-family:kpm; */padding:10px 0;letter-spacing:-1px}
.enroll_area .table_list table th:first-child{border-left:0;}
.enroll_area .table_list table th span{color:#87888a;font-size:12px}
.enroll_area .table_list table td{padding:10px 0 10px 0;text-align:center;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-weight:bold}
.enroll_area .table_list table td.left{padding:10px 0 10px 30px;/* font-family:kpm; */font-weight:bold;font-size:13px}
.enroll_area .table_list table td:first-child{border-left:0;}
.enroll_area .table_list table td label{display:inline-block;width:50px;text-align:left;}
.enroll_area .table_list2{border-top:2px solid #cee0b6;border-bottom:1px solid #cee0b6;}
.enroll_area .table_list2 table{width:100%;border-collapse:collapse;}
.enroll_area .table_list2 table th{text-align:center;background:#f1f6ea;padding:10px 0;/* font-family:kpm; */border-left:1px solid #cee0b6;border-bottom:1px solid #cee0b6;color:#8fb36e;font-size:13px}
.enroll_area .table_list2 table th:first-child{border-left:0;}
.enroll_area .table_list2 table td{padding:10px 0;text-align:center;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}

.enroll_area .table_list2 table td:first-child{border-left:0;}
.enroll_area .table_list2 table td strong.tit{font-size:13px;color:#77ac69;display:block;padding:0 0 10px 0}
.enroll_area .table_list2 table td strong.price{font-size:14px;color:#77ac69;font-weight:bold}
.enroll_area .table_list2 table td.left{text-align:left;padding-left:30px}
.enroll_area .table_list2 table td .book{padding:10px 0 0 0;display:block}
.enroll_area .table_list3{border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;position:relative}
.enroll_area .table_list3 table{width:100%;border-spacing:0;border-collapse: collapse;background:#f2f2f2;}
.enroll_area .table_list3 table th{text-align:center;border-left:1px solid #dfdfdf;border-bottom:2px dotted #dfdfdf;padding:20px 0 13px 0; font-size:16px}
.enroll_area .table_list3 table th.last{color:#a7a7a7;}
.enroll_area .table_list3 table td{border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:center;font-size:15px; color:#1c92be;padding:23px 0 23px 0;}
.enroll_area .table_list3 table .ico1{position:absolute;left:17.8%;top:75px;z-index:100}
.enroll_area .table_list3 table .ico2{position:absolute;left:37%;top:75px;z-index:100}
.enroll_area .table_list3 table .ico3{position:absolute;left:56%;top:75px;z-index:100}
.enroll_area .table_list3 table .ico4{position:absolute;left:75%;top:75px;z-index:100}
.enroll_area .table_list3 table .ico1_1{position:absolute;left:206px;top:75px;z-index:100}
.enroll_area .table_list3 table .ico2_1{position:absolute;left:425px;top:75px;z-index:100}
.enroll_area .table_list3 table td.last{color:#ad0000;font-size:23px;}
.enroll_area .table_list4{border-top:2px solid #dfdfdf;border-bottom:2px solid #9ed3e5}
.enroll_area .table_list4 table{width:100%;border-collapse:collapse;letter-spacing:-1px}
.enroll_area .table_list4 table th{border-left:1px solid #9ed3e5;border-bottom:1px solid #dfdfdf;background:#f9f9f9;color:#298aaa;font-size:13px;/* font-family:kpm; */padding:5px 0}
.enroll_area .table_list4 table th:first-child{border-left:0;}
.enroll_area .table_list4 table th span{color:#87888a;font-size:12px}
.enroll_area .table_list4 table td{padding:10px 0 10px 0;text-align:center;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-weight:bold;line-height:150%}
.enroll_area .table_list4 table td.tit{/* font-family:kpm; */font-weight:bold;font-size:15px;text-align:left;padding:5px 0 5px 30px}
.enroll_area .table_list4 table td.left{padding:5px 0 5px 10px;text-align:left;font-weight:normal;font-size:11px}
.enroll_area .table_list4 table td:first-child{border-left:0;}
.enroll_area .table_list4 table td .blue{color:#2194ba}
.enroll_area .table_list4 table td.price{letter-spacing:0}
.enroll_area .table_list4 table td.price label{display:inline-block;width:45px;text-align:left}
.enroll_area .table_list4 .table_txt{text-align:center;padding:20px 0 0 0;color:#b4846f;font-size:11px}
.enroll_area .table_list4 .table_txt span{color:#797979}

#totalAmountStr {font-weight:bold;}

.enroll_area .edu01{margin:0 auto;padding-bottom:30px;padding-top:50px;}
.enroll_area .edu01 .grey_list{border-top:2px solid #cccccc;border-bottom:1px solid #cccccc}
.enroll_area .edu01 .grey_list table{width:100%;border-collapse:collapse;}
.enroll_area .edu01 .grey_list table th{text-align:center;color:#777777;background:#f2f2f2;border-left:1px solid #d5d5d5;border-bottom:1px solid #cccccc;padding:10px 0 8px 0;letter-spacing:-1px}
.enroll_area .edu01 .grey_list table td{font-size:1.0em;color:#333333;padding:10px 0 8px 0;text-align:center;border-left:1px solid #d5d5d5;border-bottom:1px solid #cccccc;}
.enroll_area .edu01 .grey_list table th:first-child{border-left:0;}
.enroll_area .edu01 .grey_list table td:first-child{border-left:0;}
.enroll_area .edu01 .grey_list table td strong.blue{color:#298aaa}
.enroll_area .edu01 .grey_list table td.left{text-align:left;padding-left:20px}
.enroll_area .edu01 .grey_list table td.noData{color:#a1a1a1;font-weight:normal;letter-spacing:-1px}
.enroll_area .edu01 .info{font-size:11px;color:#a1a1a1;padding:10px 0 0 0}

/*.enroll_area .edu05{width:740px;margin:0 auto;padding-bottom:50px;padding-top:50px}*/
.enroll_area .edu06{margin:0 auto;padding-bottom:20px; text-align:left;}
.enroll_area .edu06 .color_list{border-top:2px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.enroll_area .edu06 .color_list table{width:100%;border-collapse:collapse;}
.enroll_area .edu06 .color_list table th{text-align:center;color:#a7a7a7;background:#f9f9f9;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:10px 0 8px 0;letter-spacing:-1px}
.enroll_area .edu06 .color_list table td{font-size:1.0em;color:#333333;padding:10px 0 8px 0;text-align:center;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.enroll_area .edu06 .color_list table th:first-child{border-left:0;}
.enroll_area .edu06 .color_list table td:first-child{border-left:0;}
.enroll_area .edu06 .color_list table td strong.blue{color:#333333}
.enroll_area .edu06 .color_list table td.left{text-align:left;padding-left:20px}
.enroll_area .edu06 .color_list table td.noData{color:#a1a1a1;font-weight:normal;letter-spacing:-1px}
.enroll_area .edu06 .info{font-size:11px;color:#a1a1a1;padding:10px 0 0 0}
.enroll_area .edu07{margin:0 auto;padding-bottom:0px;}
.enroll_area .edu07 .info{font-size:11px;text-align:left;padding:20px 0 0 0 }
.enroll_area .edu08{margin:0 auto 20px auto;border:3px solid #f0f0f0;padding:0 17px 0 16px;overflow:hidden}
.enroll_area .edu08 .left{float:left;width:480px;border-right:2px solid #f0f0f0;padding:13px 16px 13px 0}
.enroll_area .edu08 .left .table_list5{border:2px solid #9ed3e5;border-bottom:1px solid #dfdfdf;}
.enroll_area .edu08 .left .table_list5 table{width:100%;border-collapse:collapse;letter-spacing:-1px}
.enroll_area .edu08 .left .table_list5 table th{background:#f9f9f9;color:#298aaa;border-bottom:1px solid #fff;border-right:1px solid #9ed3e5;padding:10px 0 8px 30px;font-size:14px;/* font-family:kpm; */text-align:left;}
.enroll_area .edu08 .left .table_list5 table td{border-bottom:1px solid #dfdfdf;padding:10px 0 8px 30px}
.enroll_area .edu08 .left .table_list5 table td.last{color:#d30000;font-size:15px;font-weight:Bold;}
.enroll_area .edu08 .right{float:left;width:292px;padding:13px 0 13px 16px}
.enroll_area .edu08 .right .cont{border:1px solid #c4c4c4;background:#e9e9e9;height:142px}
.enroll_area .edu08 .right .cont li{padding:0 0 0 37px;height:46px;line-height:46px;/* font-family:kpm; */font-size:14px;font-weight:bold;color:#555;letter-spacing:-1px}
.enroll_area .info2{font-size:11px;text-align:center;color:#c90000;padding:10px 0 0 0 }
.enroll_area .edu09{margin:20px auto 0;}
.enroll_area .edu09 h4{padding:20px 0 8px 20px}
.enroll_area .edu09 .table_list6 table{width:100%;border-collapse:collapse;}
.enroll_area .edu09 .table_list6 table th{text-align:center;color:#a1a1a1;background:#eee;border:1px solid #dcdcdc;padding:15px}
.enroll_area .edu09 .table_list6 table td{border:1px solid #dcdcdc;padding:15px;color:#d34646;text-align:left;}
.enroll_area .edu10{margin:0 auto;padding-top:50px; text-align:left; }
.enroll_area .edu10 .cart ul{overflow:hidden;border:1px solid #c5e2ff;width:100%;background:#eff6fd}
.enroll_area .edu10 .cart ul li{float:left;width:185px;border-left:1px solid #c5e2ff;text-align:center;height:50px;line-height:50px}
.enroll_area .edu10 .cart ul li:first-child{width:321px;border-left:0;}
.enroll_area .edu10 .cart ul li .hasCoupon{font-weight:bold;color:#3a7cb7}
.enroll_area .edu10 .cart ul li a.apply{display:inline-block;padding:10px 7px 0 7px}
.enroll_area .edu10 .paym_list{border-top:2px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.enroll_area .edu10 .paym_list table{width:100%;border-collapse:collapse;}
.enroll_area .edu10 .paym_list table th{text-align:center;color:#298aaa;background:#f9f9f9;border-left:1px solid #d5d5d5;border-bottom:1px solid #dfdfdf;padding:10px 0 8px 0;letter-spacing:-1px}
.enroll_area .edu10 .paym_list table td{text-align:left;font-size:13px;font-weight:bold;color:#a7a7a7;padding:10px 0 8px 10px;border-left:1px solid #d5d5d5;border-bottom:1px solid #dfdfdf;line-height:30px;}
.enroll_area .edu10 .paym_list table th:first-child{border-left:0;}
.enroll_area .edu10 .paym_list table td:first-child{border-left:0;}
.enroll_area .edu10 .paym_list table td strong.blue{color:#a7a7a7}
.enroll_area .edu10 .paym_list table td.left{text-align:left;padding-left:20px}
.enroll_area .edu10 .paym_list table td.noData{color:#a1a1a1;font-weight:normal;letter-spacing:-1px}
.enroll_area .edu10 .info{font-size:11px;color:#a1a1a1;padding:10px 0 0 0}

.enroll_area .btn_group{width:100%;margin:20px auto 20px auto;text-align:right;}
.enroll_area .btn_group a{margin:0 20px 0 40px}

/* pay */
.pay_area{margin:0 auto;}
.pay_area .top{height:140px;padding:20px 0 0 20px;background:url(/img/img_pay_topbg.png) no-repeat 550px 25px;}
.pay_area .cont{padding:0 42px 0 43px}
.pay_area .cont .progress{padding-bottom:5px}
.pay_area .pay_area_in{padding:0 20px}
.pay_area .pay_area_in .table_view{width:680px;margin:0 auto;padding:5px 0;margin-bottom:20px}
.pay_area .pay_area_in .table_view table{width:100%;border-collapse:collapse;}
.pay_area .pay_area_in .table_view table th{padding:10px 0;text-align:left;border-bottom:1px solid #eee;line-height:150%;vertical-align:top;letter-spacing:-1px}
.pay_area .pay_area_in .table_view table th label{background:#eee;color:#8c8b8a;width:90px;display:block;height:26px;line-height:26px;text-align:center;}
.pay_area .pay_area_in .table_view table td{padding:10px 0;border-bottom:1px solid #eee;line-height:150%;letter-spacing:-1px;color:#939393}
.pay_area .pay_area_in .table_view table td .str{font-weight:bold;color:#f2432c;letter-spacing:0px}
.pay_area .pay_area_in .table_view table td .span{padding:5px 10px;letter-spacing:2px}
.pay_area .pay_area_in .table_view table td input[type="text"]{height:24px;line-height:24px;border:1px solid #cdd7df;padding-left:11px}
.pay_area .pay_area_in .table_view table td > div{overflow:hidden;vertical-align:top;}
.pay_area .pay_area_in .table_view table td > div > select{float:left;height:20px;line-height:20px;margin-right:10px}
.pay_area .pay_area_in .btn_request{text-align:center;padding:0 0 80px 0}
.pay_area .pay_area_in  .cont .class_wrap{display:block;padding:3px 0}

/* pay finish */
.payfinish_area{margin:0 auto;}
.payfinish_area .top{height:110px;padding:60px 0 0 50px;background:url(/img/img_pay_topbg.png) no-repeat 550px 25px;}
.payfinish_area .cont{padding:0 42px 0 43px}
.payfinish_area .cont .progress{padding-bottom:30px}
.payfinish_area .payfinish_area_in{padding:0 20px}
.payfinish_area .payfinish_area_in .table_view{width:680px;margin:0 auto;padding:5px 0 40px 0}
.payfinish_area .payfinish_area_in .table_view table{width:100%;border-collapse:collapse;}
.payfinish_area .payfinish_area_in .table_view table th{padding:10px 0;text-align:left;border-bottom:1px solid #eee;line-height:150%;vertical-align:top;letter-spacing:-1px}
.payfinish_area .payfinish_area_in .table_view table th label{background:#eee;color:#8c8b8a;width:90px;display:block;height:26px;line-height:26px;text-align:center;}
.payfinish_area .payfinish_area_in .table_view table td{padding:10px 0;border-bottom:1px solid #eee;line-height:150%;letter-spacing:-1px;color:#939393; text-align:left; }
.payfinish_area .payfinish_area_in .table_view table td .str{font-weight:bold;color:#939393;font-size:13px;letter-spacing:0px;padding:5px 10px;}
.payfinish_area .payfinish_area_in .table_view table td .str2{font-weight:bold;color:#de5008;font-size:13px;letter-spacing:0px;padding:5px 10px;}
.payfinish_area .payfinish_area_in .table_view table td span{padding:5px 10px;font-size:13px;letter-spacing:1px}
.payfinish_area .payfinish_area_in .btn_request{text-align:right;padding:0 5px 10px 0}
.payfinish_area .payfinish_area_in .btn_area{text-align:center;padding:0 0 100px 0}


/* 심플 박스 영역 생성 */


/* 게시판 개인정보 등록 확인 */
.form-agree {position:relative; margin-top:25px; margin-bottom:35px;text-align:left;}
.form-agree .btn {position:absolute; top:0; right:0; font-size:13px; line-height:18px;}
.form-agree dt {color:#454545; font-size:15px; line-height:1.3em; font-weight:400; margin-bottom:7px;}
.form-agree dd {padding:0 0 7px 0; font-size:14px;}
.form-agree .scroll_box {height:90px; border:1px solid #ddd; font-size:13px; line-height:20px; background:#fafafa; color:#777; padding:10px; overflow:auto;}


/*이벤트 리스트*/
.event_total {position:relative; margin-bottom: 15px; line-height: 1.2em; font-size: 18px; color: #666; font-weight: 500; left:95px;}
.event_total em {color: #0841a8; font-weight: bold;}


/*이벤트 갤러리*/
.event_gallery {}
.event_gallery ul {width: 958px; margin:0 auto; *zoom: 1;}
.event_gallery ul:after {display: block; content: ""; clear: both;}
.event_gallery ul li {float: left; margin: 0 18px 18px 0;}
.event_gallery ul li > a {width: 461px; background-color: #f7f7f7;}
.event_gallery ul li .thumb {height: 234px; overflow: hidden;}
.event_gallery ul li .txt {position: relative; padding: 70px 30px 10px; height: 152px;background-color: #f9f9f9;}
.event_gallery ul li .state {position: absolute; top: 10px; left: 20px; width: 72px; line-height: 34px; font-size: 16px; color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; text-align: center;}
.event_gallery ul li .state.ing {background-color: #e02e31;}
.event_gallery ul li .state.end {background-color: #000000;}
.event_gallery ul li .subject {height: 35px; line-height: 35px; font-size: 25px; color: #000; font-weight: 500; overflow: hidden;}
.event_gallery ul li .desc {margin-top: 5px; height: 50px; line-height: 25px; font-size: 18px; color: #666; overflow: hidden;}
.event_gallery ul li .period {margin-top: 10px; font-size: 14px; color: #999;}

.event_gallery ul li > a:hover .subject {text-decoration: underline;}



/* new tab 활성화 고정 탭 메뉴 */
.tabList {margin:50px auto 0px;position:relative;overflow:hidden;}
.tabBt {width: 1140px; overflow: hidden; position: absolute; top: 0px; background: #fff; z-index: 9;}
.tabBt li {width:17%;float:left;}
.tabBt li a {display:block;height:50px;line-height:50px;padding:0 10px; background:#f4f4f4;border-bottom:1px #0841A8 solid; text-align:center; color:#000; font-size:18px; font-weight:600; }
.tabBt li.on a {color:#0841A8; background:#fff; border:1px #0841A8 solid; border-bottom:1px #fff solid;}
.conList {margin-top:50px;}
#sCon01 { padding-top:30px;}


/* 테이블 형식의 좌우 Div 처리 */
.tableDiv {
 display:table;
 width:100%;
}
.col1, .col2 {
 display:table-cell;
}

.txtarea_player {
     display: block;
     background-color: #ffffff;
    
     padding: 0em;
     margin: auto;
     font-size: 1em;
     height: 5em;
     max-height: 5em;
     width: 100%;
 	 max-width: 100%;
 }
 
/*스팸방지 코드*/
.input_antispam {
	display: none; 	
}

.button_submit_M {
    background-color: #F5700B;
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5em;
    margin: 4px 2px;
    cursor: pointer;
}

.button_cancel_M {
    background-color: #245F89;
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5em;
    margin: 4px 2px;
    cursor: pointer;
}

.button_submit_L {
    background-color: #F5700B;
    border: none;
    color: white;
    padding: 20px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 3.0em;
    margin: 4px 2px;
    cursor: pointer;
}
.button_cancel_L {
    background-color: #245F89;
    border: none;
    color: white;
    padding: 20px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 3.0em;
    margin: 4px 2px;
    cursor: pointer;
}

.button_dtl {border-radius: 5px;}

.button_footer_text_S {
    background-color: whitesmoke;
    border: none;
    color: black;
    padding: 0px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.8em;
    margin: 4px 2px;
    cursor: pointer;
}

.button_dtl_s {border-radius: 3px;}

.button_LL {
    background-color: #9DD8FF;
    border: 10px solid whitesmoke;
    color: white;
    padding: 16px 200px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.3em;
    margin: 4px 2px;
    cursor: pointer;
}
.button_LL_ov {
    background-color: #24AAFF;
    border: 10px solid whitesmoke;
    color: white;
    padding: 16px 200px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.3em;
    margin: 4px 2px;
    cursor: pointer;
}

.button_rd_l {border-radius: 50px;}

.button_submit_M {
    background-color: #F5700B;
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5em;
    margin: 4px 2px;
    cursor: pointer;
}
/* 동의 체크박스 스타일 */
/*
input[id="agree"] + label {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #bcbcbc;
  cursor: pointer;
}

input[id="agree"]:checked + label:after {
  content: '\2714';
  font-size: 18px;
  position:relative;
  top : -5px;
}

input[id="agree"] {
  display: none;
}
*/


.flowplayer.is-small { font-size: .8em; }
.flowplayer { font-family: avenir, sans-serif; font-size: 16px; position: relative; max-height: 100%; overflow: hidden; border-radius: .24em; background-position: center; background-repeat: no-repeat; background-size: contain; zoom: 1 !important; width: 100%; display: inline-block; }


/* aqua N player 설치 가이드 배너*/
.aquaNban_wrap { display:table;  margin:0 auto;}
.aquaNban { width:627px; border:1px solid #eeeeee; border-radius:50px; text-align:center; background-color:whitesmoke; display:table-cell; vertical-align:middle; }
.aquaNban .aLogo {display:inline-block; padding:10px;}
.aquaNban .aLogo img {width:40px; max-width:100%; vertical-align:middle; margin-top:-3px; }
.aquaNban .text {display:inline-block; font-size:1.2em; padding:15px 10px;}
.aquaNban .text span {font-weight:600; color:#23C0CF;}
.aquaNban .link {display:inline-block;padding:15px 10px;}
.aquaNban .link .btn {cursor:pointer; color:blue; font-size:1.2em; font-weight:600; border:1px solid blue; padding:5px 5px;background-color:white;}


.adds h2:before {content:url(/image/bullet_ttl.png); margin-right:5px;}
.adds .introbox {background:whitesmoke; border-radius:10px; text-align:left; font-size:1.5em; line-height:1.7em; font-weight:600; color:#000; margin-top:20px;padding:20px;}



.video-container {
  /*position: relative;
  overflow: hidden;
  width: 100%;
  */
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  /*padding-top: 56.25%;*/ 
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}




/* 탑,푸터 공통스타일 1200px~ */
@media all and (min-width:1200px) { 

	.teacherWrap { padding-left:10px; margin-top: 0px;}
	.teacherWrap .item {display:inline-block;  width:560px; padding:0 0px; margin-top:40px; }
	.teacherWrap .item .name {color:#DA313C;}
	.teacherWrap .item .career {margin-top: 20px;}
	.teacherWrap .item .video {margin-top: 20px;}
	.teacherWrap .item .video .ttl{margin-top: 20px; color:#E6AA26;}
	.teacher_video_iframe{width:100%; height:350px;}
}

/* 탑,푸터 공통스타일 768px ~ 1199px 태블릿 */
@media all and (min-width:818px) and (max-width:1199px) {

	.teacherWrap { padding-left:10px; margin-top: 0px;}
	.teacherWrap .item {display:inline-block;  width:560px; padding:0 0px; margin-top:40px; }
	.teacherWrap .item .name {color:#DA313C;}
	.teacherWrap .item .career {margin-top: 20px;}
	.teacherWrap .item .video {margin-top: 20px;}
	.teacherWrap .item .video .ttl{margin-top: 20px; color:#E6AA26;}
	.teacher_video_iframe{width:100%; height:350px;}

}


/* 탑,푸터 공통스타일 0 ~ 767px 모바일 */
@media all and (min-width:0px) and (max-width:818px) {

	.teacherWrap { padding-left:0px; margin-top: 0px;}
	.teacherWrap .item {width:100%; margin-top:40px;padding:0 10px; }
	.teacherWrap .item .name {color:#DA313C;margin-top:40px; font-size:18px;}
	.teacherWrap .item .career {margin-top: 20px;font-size:12px;}
	.teacherWrap .item .video {margin-top: 20px;}
	.teacherWrap .item .video .ttl{margin-top: 20px; color:#E6AA26;}
	
	.teacher_video_iframe{width:100%; height:300px;}
}

  .google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  
  
/* 초등부, 중등부 소개 */
@media all and (min-width:1140px) { 

	#introduce_mid #img1 {content: url(/middle/image/img1.jpg); max-width:100%;}
	#introduce_pri #img1 {content: url(/primary/image/img1.jpg); max-width:100%;}

}

/* 탑,푸터 공통스타일 768px ~ 1199px 태블릿 */
@media all and (min-width:818px) and (max-width:1140px) {

	#introduce_mid #img1 {content: url(/middle/image/img1.jpg); max-width:100%;}
	#introduce_pri #img1 {content: url(/primary/image/img1.jpg); max-width:100%;}

}


/* 탑,푸터 공통스타일 0 ~ 767px 모바일 */
@media all and (min-width:0px) and (max-width:818px) {

	#introduce_mid #img1 {content: url(/middle/image/img1_mo1.jpg); max-width:100%;}
	#introduce_pri #img1 {content: url(/primary/image/img1_mo1.jpg); max-width:100%;}

}