@charset "utf-8";

/* =============================================================================
   공통
   ========================================================================== */
.fL{float:left}
.fR{float:right}
.txtC{text-align:center}
.txtL{text-align:left}
.mT10p{margin-top:10px}
.mT30p{margin-top:30px}
.mB10p{margin-bottom:10px;}
.mB30p{margin-bottom:30px;}
.lH15{line-height:1.5}
.lH28p{line-height:28px}
.txtCImp{text-align:center !important; padding:30px 0 10px;}
.normal{ font-style:normal;font-weight:normal;}

.f_red{color:#b92630}
.f_red2{color:#7a0041}
.f_red3{color:#fe292a}
.f_blue{color:#244487}
.f_blue2{color:#b92630;}/*클래스명은 blue이지만 실제로는 빨강색으로 가격표시하는 클래스임*/
.f_blue3{color:#4785be}
.f_black{color:#333}
.f_orange{color:#f77e44}
.em{display:inline-block;color:#b92630;font-weight:bold;}

/* =============================================================================
   버튼정의
   ========================================================================== */
button.btn_red{background:#bd0537;color:#fff;text-align:center}
button.btn_gray{background:#444853;color:#fff;text-align:center}
button.btn_gray_chk{padding:4px 8px 4px 25px;font-size:12px;border-radius:2px;border:1px solid #3c4049;background:#4b525c url('../../resources/images/video_sub/ico06.png') no-repeat 8px 50%;color:#fff;}
button.btn_white{background:#fff;color:#4a4a4a;border:1px solid #b7b7b7;text-align:center}
button.book_select{width:70px;height:19px;margin-left:5px;background:url('../../resources/images/video_sub/btn_select.gif') no-repeat;text-indent:-9999px}
button.detail_select{width:70px;height:19px;margin-left:5px;background:url('../../resources/images/video_sub/btn_detail.gif') no-repeat;text-indent:-9999px}
button.btn_cart{width:22px;height:22px;background:url('../../resources/images/sub/car_but.gif') no-repeat;text-indent:-9999px}
button.btn_cart02{width:83px;height:26px;background:url('../../resources/images/video_sub/btn02.gif') no-repeat;text-indent:-9999px}
button.btn_pay{width:83px;height:26px;background:url('../../resources/images/video_sub/btn03.gif') no-repeat;text-indent:-9999px}
button.btn_buy{width:22px;height:22px;background:url('../../resources/images/video_sub/ico09.gif') no-repeat;text-indent:-9999px}
button.btn_list{width:60px;height:22px;background:url('../../resources/images/video_sub/btn_list.gif') no-repeat;text-indent:-9999px}
button.btn_gray.st2{border:1px solid #3c4049;background:#444853;text-align:center;color:#fff;padding:2px 5px;font-size:12px}
button.red01.st2{color:#fff;width:80%}
button.red01{width:100%;border:1px solid #ae241a;background-color:#b10533;margin:0;padding:2px 5px;font-size:12px;}
button.btn_gray.st3{padding:5px 10px;border-radius:2px}
button.btn_silver{background-color:#fbfbfb;border: 1px solid #bbb;color: #666;padding: 2px 5px;}
button.gray{width:100%;border:1px solid #3c4049;background-color:#444853;margin:0;font-size:12px}

div.btn_box2 {position:relative; float:left; width:100%; padding:20px 0; text-align:center;line-height:1.5}
div.btn_bbs{display:inline;line-height:1.5}
div.btn_bbs button.btn01{background:#444853; border:1px solid #3c4049; color:#fff; font-weight:bold; border-radius:2px; padding:10px 0; width:100%; margin:5px 0;}
div.btn_bbs button.btn02{background:#444853; border:1px solid #3c4049; color:#fff; font-weight:bold; border-radius:2px; padding:10px 0; width:48%; margin:5px 0;}
div.btn_bbs button.btn03{background:#444853; border:1px solid #3c4049; color:#fff; font-weight:bold; border-radius:2px; padding:10px 0; width:23%; margin:5px 0;}
div.btn_bbs button.btn03.st2{background-color:#f9f9f9;border:1px solid #bbb;color:#666;}
div.btn_bbs button.btn03.st3{width:40%;line-height:1.5}
div.btn_bbs2{display:inline-block;text-align:center;background:#b92630;border:1px solid #8f0228;color:#fff;font-size:11px;width:48px;height:24px;line-height:215%}
div.btn_bbs3{display:inline-block;text-align:center;background:#969696;border:1px solid #646464;color:#fff;font-size:11px;width:48px;height: 24px;line-height: 215%}
div.btn_bbs2.st2{width:44px}
div.btn_bbs2.st3{display:inline-block;background:#b92630;border:1px solid #8f0228;color:#fff;font-size:11px;height:18px;line-height: 1.8}
div.btn_bbs3.st3{display:inline-block;background:#969696;border:1px solid #646464;color:#fff;font-size:11px;height:18px;line-height: 1.8}
div.btn_box1 {position:relative;float:left;width:100%;text-align:right}
div.btn_box2 {position:relative;float:left;width:100%;padding:20px 0;text-align:center;}
div.btn_box1.st2{padding:0}
div.btn_box2.st2{padding:0}
div.btn_bbs{display:inline ; }

div.btn_area{clear:both;margin:1% 0;text-align:right}
div.btn_area2{float:right;margin:2% 0;text-align:center;}
div.btn_area2 button{width:45%;max-width:210px;margin:0 0.5%;padding: 8px 0;font-weight:bold;border-radius:2px}
div.btn_area3{clear:both;margin:2% 0;text-align:center;}
div.btn_area3.st1{clear:none;width:40%;text-align:right;padding-right:2%;}
div.btn_area3 button{width:32%;max-width:210px;margin:0 0.5%;padding: 8px 0;font-weight:bold;border-radius:2px}
div.rolling {margin: 1em 0 0 0;text-align:center;}
div.rolling button {padding: 2px 12px;border: 1px solid #ccc;border-radius: 2px;background: url('../images/but/gray_bg.png') repeat-x;font-weight: bold;}
div.rolling.st2{margin:1em 0}

.text_width01 {display:inline-block;width:60%;padding:2px;}
.bbs_input01 {border:1px solid #bbb;padding:5px;}
.bbs_input01.st2{width:25%;}
.bbs_input01.st3{margin-top: 15px;width: 35%}
.bbs_input01.st4{width: 35%}
.bbs_input02 {border:1px solid #bbb;padding:2px 5px;width:100px;line-height:1.5}
.bbs_input02.st2{float:left;width:43%;margin:5px 1% 0 0;}
.text_bold {font-weight:bold}
.text_size {font-size:12px}
.text_size1em {font-size:1.1em}
.text_size14em {font-size:1.4em}
.text_orang {color:#ff6610}
.text_blue {color:#2f72cd}
.text_blue2 {color:#2e428b}
.text_blue3 {color:#0e808e}
.text_blue a{color:#2f72cd}
.f_gray{color:#a4a7a0}
.f_viol{color:#3e5490}
.padding_bottom20 {padding-bottom:20px; }
.padding_bottom30 {padding-bottom:30px; }
.padding_bottom40 {padding-bottom:40px; }
.padding_bottom50 {padding-bottom:50px; }
.text_center {text-align:center;}
.text_right {text-align:right;}
.float_right {float:right;}
.list_icon01 {float:left; width:95%; display:block;}
.list_icon01 li {background:url('../../resources/images/sub/th_bg_off.gif') no-repeat 10px 14px; padding-left:20px; }
.play_time{letter-spacing:-1px;white-space:nowrap;}


@media only screen and (max-width:780px) {
	.bbs_input01.st2{width:50%;color:#f45004}
}


/* 과목선택 탭메뉴
div.p_tap_menu{;margin-top:0.5em;padding-bottom: 21px;}
div.p_tap_menu ul.sort{display:none}
div.p_tap_menu div.vh_box{text-align:center}
div.p_tap_menu div.vh_box h5.no01,
div.p_tap_menu div.vh_box h5.no02,
div.p_tap_menu div.vh_box h5.no03,
div.p_tap_menu div.vh_box h5.no04,
div.p_tap_menu div.vh_box h5.no05,
div.p_tap_menu div.vh_box h5.no06,
div.p_tap_menu div.vh_box h5.no07{display:none}
div.p_tap_menu div.vh_box div.inbox{position:relative;width: 97%;border:3px solid #333;padding:1%}
div.p_tap_menu div.vh_box div.inbox.on{padding: 0 1%;border-width: 2px;}
div.p_tap_menu div.vh_box div.inbox table{display:block;border-collapse: separate;width:100%;border-spacing: 3px; font-size:12px}
div.p_tap_menu div.vh_box div.inbox table.on{display:none}
div.p_tap_menu div.vh_box div.inbox table th{width:21%;padding:0.5% 2%;color:#fff;background:#b50243;letter-spacing: -1px}
div.p_tap_menu div.vh_box div.inbox table td{text-align:left;padding-top:2px}
div.p_tap_menu div.vh_box div.inbox table td a{display:inline-block;padding:2px 5px;background:#eaeaea;border:1px solid #d3cdcb}
div.p_tap_menu div.vh_box button.open{position: absolute;bottom: -24px;left: 35%;width:134px;height:21px;background:url('../../resources/images/video_main/btn01.png') no-repeat;margin:0 auto;text-indent:-9999px}
div.p_tap_menu div.vh_box button.open.on{bottom: -23px;background:url('../../resources/images/video_main/btn01_on.png') no-repeat;margin:0 auto}
 */

/* =============================================================================
   교수소개 리스트
   ========================================================================== */
div.professor_list{overflow:hidden;}
div.tit_sub{clear:both;width:100%;display:inline-block;margin-top:2%;line-height:150%;}
div.tit_sub select{border: 1px solid #333;height: 28px;vertical-align: middle}
div.tit_sub input[type="image"]{vertical-align: middle}
div.tit_sub h4{width:96%;color:#333;background:url('../../resources/images/video_sub/ico03.gif') no-repeat 0 45%;padding-left:14px;}
div.teacher_list{width:25%;min-width:200px;overflow:hidden;display:inline-block;margin:2.5%;border:1px solid #d5d5d5;}
div.teacher_list.st1{margin:5px 5px 5px 0;}
div.teacher_list a{display:block;}
div.teacher_list div.teacher_info{padding:5px 5px 0;text-align:right;line-height:1.2em;}
div.teacher_list div.teacher_info p{font-weight:bold;padding:2% 3% 0 3%;color:#333}
div.teacher_list div.teacher_info span{clear:both;display: inline-block;width:95%;height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: normal;font-size:12px;}
div.teacher_list div.teacher_info span.lec_name{font-size:14px;font-weight:bold;}
div.teacher_list div.teacher_info button{float:right;padding:2px 3px;margin-top:2px;border-radius:2px;background-color:#333;color:#FFF;font-size:0.75em;}
div.teacher_list div.teacher_img{width:100%;min-width:200px;height:180px;overflow:hidden;float:left;}
div.teacher_list div.teacher_img img{width:100%;}


@media only screen and (min-width:641px) and (max-width:760px){
	div.teacher_list{width:31.5%;margin:3% 2.5%;}
	div.teacher_list.st1{width:31.5%;min-width:60px;height:230px;margin:0%;overflow:hidden;}
	div.teacher_list.st1 div.teacher_img img{width:100%;}
}

@media only screen and (min-width:321px) and (max-width:640px){
	div.teacher_list{width:45%;min-width:165px;margin:2% 0.5%;}
	div.teacher_list div.teacher_info{padding:2px 2px 0;text-align:right;line-height:1.2em;}
	div.teacher_list div.teacher_img{height:140px;}
	div.teacher_list div.teacher_img img{width:80%;}
	
	div.teacher_list.st1{width:31.5%;/*min-width:60px;height:180px;*/margin:1% 0.5%;overflow:hidden;}
	div.teacher_list.st1 div.teacher_img img{width:80%;margin-top:3px;}
}

@media only screen and (max-width:320px){
	div.teacher_list{width:20%;min-width:145px;margin:2% 0.5%;}
	div.teacher_list div.teacher_img{height:120px;}
	div.teacher_list div.teacher_img img{width:60%;}
	
	div.teacher_list.st1{width:31.5%;/*min-width:60px;height:160px;*/margin:1% 0.5%;overflow:hidden;;}
	div.teacher_list.st1 div.teacher_img img{width:60%;margin-top:3px;}
}


/* =============================================================================
   교수진 상세보기 - 프로필 / 교수진 수강신청
   ========================================================================== */
div.teach_profile{clear:both;position:relative;margin-top:20px;width:100%;max-height:250px;background:url('../../resources/images/sub/profile_bg_base.jpg') repeat-x 0 0;overflow:hidden;}
div.teach_profile img.photo{position:absolute;left:2%;bottom:0;width:200px;}
div.teach_profile div.teach_profile_tit_area{width:100%;height:32%;margin-bottom:5px;background:url('../../resources/images/sub/profile_bg_top.jpg') repeat-x 0 0;overflow:hidden;}
div.teach_profile div.teach_profile_tit{padding-left:30%;}
div.teach_profile div.teach_profile_tit p.ad_txt{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.2em;font-weight:bold;padding:5px 10px;border-bottom:1px solid #e0e0e0;color:#FFF;margin-top:3px;margin-bottom:2px;line-height: 1.2em;}
div.teach_profile div.teach_profile_tit p.teacher_name{font-weight:bold;padding:0 10px;color:#FFF;margin-bottom:10px;line-height: 1.2;}
div.teach_profile div.teach_profile_tit p.teacher_name span{}
div.teach_profile div.inbox{position:relative;float:right;width:60%;margin:8px 0 5px;font-size:0.8em;}
div.teach_profile div.inbox div.history, div.teach_profile div.inbox div.books{clear:both;padding:0 10px;margin-bottom:5px;line-height: 1.3;color:#373737;overflow:hidden;}
div.teach_profile div.inbox div.history h3, div.teach_profile div.inbox div.books h3{float:left;width:auto;height:60px;margin-right:5px;padding-left:5px;overflow:hidden;}
div.teach_profile div.inbox div.history h3 img, div.teach_profile div.inbox div.books h3 img{width:80%;}
div.teach_profile div.inbox div.history p, div.teach_profile div.inbox div.books p{float:left;display:block;width:70%;height:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

div.teach_profile.st1{clear:both;position:relative;margin-top:20px;width:100%;background:url('../../resources/images/sub/profile_bg1.jpg') repeat-x 0 0;background-size:cover;overflow:hidden;}
div.teach_profile div.inbox p.txt01{height:30px;background-color:#546474;color:#FFF;font-weight:bold;padding:3px 10px;line-height:30px;font-size:1.8em;}
div.teach_profile div.inbox div.app_info{padding-left:3%;line-height:1.2em;font-weight:bold;color:#494949;}
div.teach_profile div.inbox div.app_info li{clear:both;padding-left:8px;background: url('../../resources/images/sub/bg_pat.gif') no-repeat left center;line-height:1.6em;}
div.teach_profile div.inbox div.app_info li:last-child{background-position:left 8px}
div.teach_profile div.inbox div.app_info li span.app_info_t{display:block;float:left;width:40px;}

/* 패키지 레이아웃 */
div.teach_profile.st1{height:100px;background:url('../../resources/images/sub/profile_bg1.jpg') repeat-x 0 25%;}
div.teach_profile.st1 div.inbox{width:100%;margin:13px 0  10px;font-size:0.9em;}
div.teach_profile.st1 div.inbox div.app_info{padding-left:4.5%;line-height:1.8em;font-weight:bold;color:#494949;}
div.teach_profile.st1 div.inbox p.txt01{height:30px;background-color:#546474;color:#FFF;font-weight:bold;padding:3px 10px;line-height:30px;font-size:1.3em;padding-left:4%;margin-bottom:18px;white-space:nowrap;}
div.teach_profile.st1 div.inbox div.app_info li{line-height:1.6em;}
div.teach_profile.st1 div.inbox div.app_info li span.app_info_t{display:block;float:left;width:auto;margin-right:5px;}


@media only screen and (max-width:320px){
div.teach_profile img.photo{width:30%;left:3px;}
div.teach_profile div.teach_profile_tit_area{height:42px;}
div.teach_profile div.teach_profile_tit{padding-left:18%;}
div.teach_profile div.teach_profile_tit p.ad_txt{font-size:0.75em;line-height:0.8em;letter-spacing:-0.5px;margin-bottom:3px;}
div.teach_profile div.teach_profile_tit p.teacher_name{font-size:0.75em;line-height:0.8em;}
div.teach_profile div.teach_profile_tit p.teacher_name span{font-size:0.9em;line-height:1em;margin-top:10px;}
div.teach_profile div.inbox{width:70%;margin:0px 0 2px 0;font-size:0.75em;}
div.teach_profile div.inbox div.history, div.teach_profile div.inbox div.books{padding:0 1%;margin-bottom:5px;}
div.teach_profile div.inbox div.history h3, div.teach_profile div.inbox div.books h3{width:auto;height:30px;margin-right:0px;}
div.teach_profile div.inbox div.history h3 img, div.teach_profile div.inbox div.books h3 img{width:70%;}
div.teach_profile div.inbox div.history p, div.teach_profile div.inbox div.books p{width:80%;height:30px;}

div.teach_profile div.inbox div.app_info{font-size:0.75em;}
div.teach_profile div.inbox div.app_info li{line-height:1.4em;}
div.teach_profile div.inbox div.app_info li:last-child{background-position:left 3px}
div.teach_profile div.inbox div.app_info li:last-child span.app_info_t{width:auto;}
div.teach_profile.st1{min-height:60px;}
div.teach_profile.st1 div.inbox p.txt01{height:auto;background-color:#546474;color:#FFF;font-weight:bold;padding:8px 10px;line-height:1.2em;font-size:1em;padding-left:4%;margin-bottom:8px;white-space:pre-wrap;}
div.teach_profile.st1 div.inbox div.app_info li{background-position:left center}
}

@media only screen and (min-width:321px) and (max-width:640px){
div.teach_profile{}
div.teach_profile img.photo{width:22%;left:2%;min-height:50px;}
div.teach_profile div.teach_profile_tit_area{height:54px;}
div.teach_profile div.teach_profile_tit{padding-left:20%;}
div.teach_profile div.teach_profile_tit p.ad_txt{font-size:0.9em;line-height:1.2em;}
div.teach_profile div.teach_profile_tit p.teacher_name{font-size:0.9em;margin-bottom:15px;}
div.teach_profile div.teach_profile_tit p.teacher_name span{font-size:1em;line-height:1.2em;}
div.teach_profile div.inbox{width:72%;margin:7px 10px;padding-bottom:2px;}
div.teach_profile div.inbox div.history, div.teach_profile div.inbox div.books{padding:0 1%;margin-bottom:5px;}
div.teach_profile div.inbox div.history h3, div.teach_profile div.inbox div.books h3{width:auto;height:42px;margin-right:0px;}
div.teach_profile div.inbox div.history h3 img, div.teach_profile div.inbox div.books h3 img{width:80%;}
div.teach_profile div.inbox div.history p, div.teach_profile div.inbox div.books p{width:80%;height:44.5px;}
div.teach_profile div.inbox div.app_info{height:90px;font-size:0.9em;line-height:1.4em;}
div.teach_profile div.inbox div.app_info li:last-child span.app_info_t{width:auto;}
div.teach_profile.st1 div.inbox p.txt01{height:auto;background-color:#546474;color:#FFF;font-weight:bold;padding:8px 10px;line-height:1.2em;font-size:1.2em;padding-left:4%;margin-bottom:8px;white-space:pre-wrap;}
}

@media only screen and (min-width:321px) and (max-width:420px){
	div.teach_profile .top_bg{height:25%;}
div.teach_profile img.photo{width:28%;left:2%;}
div.teach_profile div.teach_profile_tit p.teacher_name{font-size:0.85em;margin-bottom:10px;}	
div.teach_profile div.inbox{width:70%;margin:2px 0 10px;}
div.teach_profile div.inbox div.app_info{font-size:0.9em;}
div.teach_profile.st1 div.inbox p.txt01{font-size:1.1em;}
	}

@media only screen and (min-width:641px) and (max-width:760px){
div.teach_profile{}
div.teach_profile img.photo{width:27%;left:4%;}	
div.teach_profile div.teach_profile_tit_area{height:66px;}
div.teach_profile div.teach_profile_tit{padding-left:25%;}
div.teach_profile div.teach_profile_tit p.ad_txt{font-size:1em;line-height:1.2em;margin-bottom:5px;}
div.teach_profile div.teach_profile_tit p.teacher_name{font-size:1.1em;margin-bottom:20px;}
div.teach_profile div.teach_profile_tit p.teacher_name span{font-size:1.1em;line-height:1.2em;}
div.teach_profile div.inbox{width:68%;margin:10px 0 2px;}
div.teach_profile div.inbox div.history, div.teach_profile div.inbox div.books{padding:0 1%;margin-bottom:5px;}
div.teach_profile div.inbox div.history h3, div.teach_profile div.inbox div.books h3{width:auto;}
div.teach_profile div.inbox div.history h3 img, div.teach_profile div.inbox div.books h3 img{width:auto;margin-right:5px;}
div.teach_profile div.inbox div.history p{width:80%;height:45px;}
div.teach_profile div.inbox div.books p{width:80%;height:74px;}

div.teach_profile div.inbox div.app_info{height:130px;line-height:1.8em;font-weight:bold;color:#494949;}
div.teach_profile div.inbox div.app_info li{clear:both;padding-left:8px;line-height:1.8em;}
div.teach_profile div.inbox div.app_info li span.app_info_t{width:50px;}
div.teach_profile div.inbox div.app_info li span.f_blue2{font-size:1.4em;}

div.teach_profile.st1 div.inbox p.txt01{font-size:1.3em;}
}

@media only screen and (min-width:761px){
div.teach_profile{min-height:250px;}
div.teach_profile img.photo{width:200px;left:3%;}
div.teach_profile div.teach_profile_tit_area{height:80px;}
div.teach_profile div.teach_profile_tit{padding-left:30%;margin-top:5px;}
div.teach_profile div.teach_profile_tit p.ad_txt{font-size:1.3em;line-height:1.3em;}
div.teach_profile div.teach_profile_tit p.teacher_name{font-size:1.1em;margin-bottom:20px;}
div.teach_profile div.teach_profile_tit p.teacher_name span{font-size:1.2em;line-height:1.4em;}
div.teach_profile div.inbox{width:70%;margin-top:10px;}	
div.teach_profile div.inbox div.history, div.teach_profile div.inbox div.books{padding:0 1%;margin-bottom:5px;}
div.teach_profile div.inbox div.history h3, div.teach_profile div.inbox div.books h3{width:auto;}
div.teach_profile div.inbox div.history h3 img, div.teach_profile div.inbox div.books h3 img{width:auto;margin-right:5px;}
div.teach_profile div.inbox div.history p{width:80%;height:45px;}
div.teach_profile div.inbox div.books p{width:88%;height:74px;}

div.teach_profile div.inbox div.app_info{padding-left:3%;line-height:1.8em;font-weight:bold;color:#494949;}
div.teach_profile div.inbox div.app_info li{clear:both;padding-left:8px;line-height:2em;}
div.teach_profile div.inbox div.app_info li span.app_info_t{display:block;float:left;width:50px;}
div.teach_profile div.inbox div.app_info li span.f_blue2{font-size:1.4em;}

div.teach_profile.st1{min-height:50px;}
div.teach_profile.st1 div.inbox p.txt01{font-size:1.4em;margin-bottom:15px;}
}


 
/* 교수진 상세보기 - 교수전체강의 */
table.all_lec{clear:both;margin-top:1%;width:100%;border-top:2px solid #90939b;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
table.all_lec th{line-height:30px;background-color:#fff;border-bottom:1px solid #3b3c41;font-size:12px;}
table.all_lec th:first-child{background:#fff url('../images/sub/li_bod_01.gif') no-repeat 100% 50%}
table.all_lec td{padding: 1em 0;font-weight:bold;line-height: 1.5;border-bottom: 1px solid #d7d7d7;}
table.all_lec td p.info{font-weight:normal;font-size:12px}
table.all_lec td div.chk{clear:both;margin:0.3em 0}
table.all_lec td label span{vertical-align: middle;font-size: 0.9em;margin-right: 10px;}
table.all_lec td div.view{font-size:12px;}
table.all_lec td div.view button.book_select{margin-left:5px}
table.all_lec td button.btn_buy{clear:both;margin-top:5px}
table.all_lec td div.inbox{padding: 0 14px;border-right: 1px dotted #8a8a8a;}
table.all_lec td div.dotted_border{border-left: 1px dotted #8a8a8a;}
table.all_lec .books, table.all_lec .details{display:none}
table.all_lec .books.on, table.all_lec .details.on{display:table-row}
table.all_lec .books td{padding: 1em 4%;background:#fff}
table.all_lec .books td ul{display: inline-block;width: 100%;}
table.all_lec .books td li{position:relative;clear:both;padding-right:80px;margin-bottom:10px;line-height: 1;font-weight:bold}
table.all_lec .books td li a{position:absolute;top:0;right:0;width:70px;text-align:center;border-left:1px solid #b1b1b1;font-size:12px;font-weight:normal;background:url('../../resources/images/video_sub/ico12.gif') no-repeat 100% 50%;display:inline-block}
span.price_dc{text-decoration: line-through;color:#b92630;font-weight:normal}
.price_discount{color:#b92630;font-size:12px;font-weight:bold;}
img.price_change_arr{margin-top:12px;}
img.price_change_arr1{margin-top:2px;}
table.all_lec .inbox span.price_dc{text-decoration: line-through;color:#b92630;font-weight:normal}
table.all_lec .books td li span.f_red3{font-weight:normal}
table.all_lec .books td p.info{color:#448ccb}
table.all_lec .tbl_base{margin:0;padding:0;}
table.all_lec .tbl_base, table.all_lec .tbl_base th, table.all_lec .tbl_base td{border:none;}


/* =============================================================================
   수강신청
   ========================================================================== */
/* 수강신청 리스트 */
div.recom_info{display:none}
div.p_tap_menu.st2{margin-top:0}
div.srch_right{clear: both;margin: 0.5em 0;text-align:center}
div.srch_right_float{float:right;width:45%;margin:20px 0 10px;text-align:right;}
div.srch_right select, div.srch_right_float select {margin-left:5px;border: 1px solid #333;height: 28px;vertical-align: middle;}
div.srch_right input, div.srch_right_float input{margin-left:5px}
div.srch_right input[type="text"], div.srch_right_float input[type="text"]
div.tit_sub  input[type="text"]{border: 1px solid #333;padding-left: 5px;width: 30%;height: 28px;line-height: 28px;vertical-align: middle;}


/* 수강신청 상세 - 프로필 */
div.lec_info_cnt{clear:both;width:93.8%;min-height:100px;padding:2% 3%;border:1px solid #d5d5d5;margin-bottom:10px;background-color:#FFF;line-height:1.6em;font-size:12px;}
div.lec_info_cnt dt{font-size:12px;font-weight:bold;color:#000;padding:2px 4px;background-color:#e0e0e0;border:1px solid #d5d5d5;margin-bottom:5px;}
div.lec_info_cnt dd{font-size:12px;padding-left:2%;margin-bottom:10px;}


/* 수강신청 상세 - 폼 */
table.lec_form{clear:both;margin-top:2%;width:100%;border-top:2px solid #3b3c41;border-bottom:1px solid #898a8c;overflow:hidden;}
table.lec_form th.bg{border:1px solid #d6d6d6;background-color:#f7f7f7;}
table.lec_form td{border-top:1px solid #d6d6d6}
table.lec_form td~td{border-left:1px solid #d6d6d6}
table.lec_form td dl{margin: 0.5em;line-height: 20px;}
table.lec_form dt{float:left;font-weight:bold;color:#2b2a2a;width:100px}
table.lec_form.st2 dt{float:left;font-weight:bold;color:#2b2a2a;width:60px}
/*table.lec_form dt.hsh_wi{width:50px}*/
table.lec_form dd.title{font-weight:bold;color:#b92630;font-size:1.3em;}
table.lec_form td.title strong{display:block;padding-left:2%;color:#000;font-size:1.3em;line-height: 36px;margin-right:10px;}
table td.bg_w{line-height: 1.5;background-color:#fff}
table.lec_form td.bg_w span.f_blue2{font-weight:bold}
table.lec_form td.bg_w ul li{line-height:2}
table.lec_form span.price_dc{font-weight:normal;text-decoration: line-through;}
table.lec_form td p.info, table.lec_form td.bg_w ul{margin:0.5em}
table.lec_form td.books ul{width:100%}
table.lec_form td.books div.info{width:96%;color:#448ccb;padding: 2%;line-height: 1.5;border-bottom:1px solid #d6d6d6;background:#f0f0f0 url('../images/video_sub/bg5.jpg') repeat-x 0 0}
table.lec_form td.books ul li{width:100%;display: inline-block;background:#f0f0f0 url('../images/video_sub/bg6.jpg') repeat-x 0 100%}
table.lec_form td.books ul li div.book_img{float:left;width:160px;height:160px;background:url('../../resources/images/video_sub/bg7.png') no-repeat 50% 100%;}
table.lec_form td.books ul li div.book_img div.photo{width:93px;height:129px;margin: auto;margin-top: 10px;background:url('../../resources/images/video_sub/book_non.jpg') no-repeat}
table.lec_form td.books ul li div.txt{float: left;margin-top: 20px;line-height: 1.5;font-weight: bold;}
table.lec_form td.books ul li div.txt span.f_red3{font-weight:normal}
table.lec_form td.tot_price{line-height:1.4em;font-size: 1.4em;font-weight:bold;text-align:right;padding-right:1%;}
div.lec_form div.lec_form_left{width:100%;margin:1.2% 0;font-size:1.2em;line-height:1.4;color:#b92630;padding-left:1%;}
div.lec_form div.lec_form_right{width:100%;}


@media only screen and (max-width:320px){
	table.lec_form td.title, table.lec_form td.tot_price{font-size:0.8em;}
	table.lec_form td.tot_price{font-size:1em;}
	div.lec_form div.lec_form_left{font-size:0.9em;}
	}
	
@media only screen and (min-width:321px) and (max-width:640px){
	table.lec_form td.tot_price{line-height: 1.6em;font-size: 1.1em;font-weight:bold;text-align:right;padding-right:1%;}
	div.lec_form div.lec_form_left{width:100%;margin:1.2% 0;font-size:0.8em;line-height:1.2em;color:#b92630;padding-left:1%;}
	}
	
@media only screen and (min-width:641px) and (max-width:760px){
	
	}
	
@media only screen and (min-width:761px){
	table.lec_form td.tot_price{line-height: 1.8em;font-size: 1.8em;font-weight:bold;text-align:right;padding-right:2%;}
	}


/* 수강신청 상세 - 강의소개 */
div.lec_intro{clear:both;margin-top:1%;width:98%;padding:2% 1%;border-top:2px solid #3b3c41;border-bottom:1px solid #898a8c;background:#fff;font-size: 12px}
div.lec_intro p.txt01{clear:both;margin-top:1em;padding: 5px 10px;line-height: 1.3;display: inline-block;background-color: #244487;color:#fff;font-weight:bold;border-radius: 15px}
div.lec_intro p.txt02{clear:both;margin-top:1em;padding: 5px 10px;line-height: 1.3;display: inline-block;background-color: #b4c0f5;color:#2b2a2a;font-weight:bold;border-radius: 15px}
div.lec_intro p.txt03{clear:both;margin-top:1em;padding: 5px 10px;line-height: 1.3;display: inline-block;background-color: #dfdfdf;color:#fe292a;font-weight:bold;border-radius: 15px}
div.lec_intro p.txt04{clear:both;line-height:1.5;margin-top: 10px;padding-left: 10px;}
div.lec_intro p.txt05{clear:both;margin-top:1em;padding: 5px 10px;line-height: 1.3;display: inline-block;background-color: #d8d8d8;color:#333;font-weight:bold;border-radius: 15px}
div.lec_intro p.txt05.st2{width:182px}

/* 수강신청 상세 - 커리큘럼 */
/*table.all_lec.st2{border-bottom: 1px solid #3b3c41;}*/
table.all_lec.st2 th~th{background:#fff url('../images/sub/li_bod_01.gif') no-repeat 0 50%}
table.all_lec.st2 th:first-child{background-image:none}
table.all_lec.st2 td{font-size: 0.9em;text-align:center}
table.all_lec.st2 td.txtL{text-align:left}
table.all_lec.st2 td.fWN{font-weight:normal}
table.all_lec.st2 .first td{border-top: 1px solid #bbb;}
table.all_lec.st2 td div.details_data{display:block;width:100%;min-width:600px;overflow:hidden;}

/* 선택형_종합반_리스트 */
table.all_lec.st3 th:first-child{background: #fff;}
table.all_lec.st3 td{padding:2%}
table.all_lec.st3 td a{font-size: 1.2em;}
table.all_lec.st3 td a:hover{color:#b92630}
table.all_lec.st3 td ul{margin-top: 0.5em;}
table.all_lec.st3 td ul span{font-size:12px}

/* 선택형_종합반_상세 */
div.teacher_list.st2 div.teacher_img{width: 32.33%;padding:0 0.5%}
div.teacher_list.st2 div.list_back{}
div.teacher_list.st2 div.list_back a{background: #222838;text-align: center;line-height: 1;}
div.teacher_list.st2 div.list_back a:hover{background:#b92630}
div.teacher_list.st2 div.list_back p{font-weight:normal;color: #fff}
div.teacher_list.st2 h3{display:none}
div.teacher_list.st2 div.select_lec{display:none}
table.all_lec.st4{border-bottom:2px solid #9d9da0}
table.all_lec.st4 td{padding:0;border-top: 1px solid #a9a9ab;border-bottom: none;}
table.all_lec.st4 td.section{color: #000;line-height: 1.5;vertical-align: middle;background-color:#f8f8f8;border-right:1px solid #d7d7d7;}
table.all_lec.st4 td table{width: 100%;}
table.all_lec.st4 td table td{padding: 1em  2%;}
table.all_lec.st4 td table tr:first-child td{border-top:none}
table.all_lec.st4 .books td {background: #fff}
table.all_lec.st4 button.book_select {float: right}
table.all_lec.st4 .books td li{padding-right:0}
table.all_lec.st4 .books td li a{position:relative}
div.select_chk{clear:both;margin-top:1%;width:100%;display:inline-block;text-align:center}
div.select_chk button.open{margin:auto;max-width: 311px;width: 100%;height:31px;background:url('../../resources/images/video_sub/btn03.png') no-repeat 50% 0;;text-indent: -9999px;}
div.select_chk button.open.on{background:url('../../resources/images/video_sub/btn04.png') no-repeat 50% 0;}
div.select_chk div.inbox{text-align: left;border:3px solid #000;background:#fff}
div.select_chk div.inbox div.select_lec{font-weight:bold;margin:1% 2%}
div.select_chk div.inbox div.select_book{font-size:12px;margin:1% 2%}
div.select_chk div.inbox span.f_blue2,
div.select_chk div.inbox span.f_red3{font-size:12px}
div.select_chk div.inbox span.f_red3{font-weight:normal}
div.select_chk div.inbox p{padding-left:10px;background: url('../images/video_sub/ico04.gif') no-repeat 0 8px;}
div.select_chk div.inbox div.sum_price{clear:both;padding-left: 2%;border-top:solid 1px #c7c7c7;border-bottom:solid 1px #c7c7c7;background:#f2f2f2;line-height:47px;font-weight:bold;color:#000}
div.select_chk div.inbox p button{font-size: 11px;padding: 1px 5px;}
div.select_chk div.inbox div.vh_box{line-height:1.5}
div.select_chk div.inbox span.price_dc{text-decoration: line-through;}
div.select_chk div.vh_box{display:none}
div.select_chk div.vh_box.on{display:block}
div.select_chk div.sum_price{display:none}
div.select_chk div.sum_price.on{display:block}


/* =============================================================================
   수강후기
   ========================================================================== */
div.reply_bbs_area{width:99%;margin:auto;overflow:hidden;font-size:0.8em;margin-bottom:10px;background:url('../../resources/images/sub/reply_patt.jpg') repeat-x 0 0;}
div.reply_bbs_area div.top6{width:89%;min-height:196px;line-height:1.5em;padding:6.5% 5%;background:url('../../resources/images/sub/reply_bg.jpg') no-repeat center top;background-size:cover;overflow:hidden;margin-bottom:10px;}
div.reply_bbs_area div.top6 p{margin-bottom:10px;}
div.reply_bbs_area div.top6 .top6_list{margin-bottom:10px;text-align:right;padding-right:10px;}
div.reply_bbs_area div.top6 ul{width:100%;}
div.reply_bbs_area div.top6 li{margin-bottom:0px;height:18px;line-height:18px;padding:3px 0;}
div.reply_bbs_area div.top6 span.top6_no{display:block;float:left;width:18px;height:18px;line-height:18px;text-align:center;background-color:#333;color:#fff;border-radius:1px;margin-right:5px;}
div.reply_bbs_area div.top6 span.top6_id{display:block;float:left;width:12%;color:#c28031;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.reply_bbs_area div.top6 li a{display:block;float:left;width:80%;height:18px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.reply_bbs_area div.reply_ban{width:100%;}
div.reply_bbs_area div.reply_ban img{width:100%;}

table.bbs03.st3 td.grade{text-align:center;color:#f45004}
table.bbs_view .th td span.grade{color: #f45004}
table.bbs_view td.article div.postscript{margin-bottom:20px;line-height:1.5;}
table.bbs_view div.postscript{white-space:normal;}
table.bbs_view div.postscript img{width:100%;}
table.bbs03.st3 th span.star{color:#f00;}

table.bbslist .bbslist_select .mus_c{cursor:pointer;}
table.bbslist .bbslist_view{display:none}
table.bbslist .bbslist_view tr{cursor:pointer;}
table.bbslist .bbslist_view td.ans_txt{text-align:left;color:#595959;white-space:normal;}
table.bbslist .bbslist_view.on{display:table-row}


/* =============================================================================
   환불신청게시판 / 골드클래스 / 학습TREE
   ========================================================================== */
/* 환불신청게시판 */
div.contrast{padding:1% 0}
div.contrast p{padding:2%;background:#ddd;line-height:1.5;font-size:13px}
div.contrast p span{color:#000;font-weight:bold;padding-top:2%;display:inline-block}
div.contrast div.head h5{color:#000;margin-bottom:2%;background:url('../../resources/images/video_sub/ico18.gif') no-repeat 0 2px;padding-left:10px}
div.contrast ul.st2{width:93.4%;border:1px solid #ccc;background-color:#FFF;padding:3%;}
div.contrast ul{width:100%;display:inline-block;margin-top:10px}
div.contrast ul li{font-size:12px;line-height:1.3;margin-bottom:10px;background:url('../../resources/images/video_sub/li_bg_4.gif') no-repeat 0 5px;padding-left:8px}
table.refund_info{margin-top:20px;}
table.refund_info .refund_info_datails{display:none}
table.refund_info .refund_info_datails td{text-align:left;}
table.refund_info .refund_info_datails.on{display:table-row}
.refund_topimg{margin:0 0 20px 0;}
.refund_textarea{width:100%;font-size:12px;border:1px solid #ccc}

/* 환불신청게시판, 골드클래스 테이블 */
div.all_lecture{width:100%;display:inline-block;}
div.all_lecture h4{width:97%;display:inline-block;padding-left:13px;background:url('../../resources/images/video_sub/ico03.gif') no-repeat 0 45%;color:#000;margin-top:10px;}
div.all_lecture div.head.st2{margin-top: 2%;padding-left:1%;}
div.all_lecture_pc{display:block;}
div.all_lecture_pc p img { width:100%; height:auto; }

div.all_lecture_m{display:none;width:100%;display:}
div.all_lecture_m h4{display:none;width:97%;display:inline-block;padding-left:13px;background:url('../../resources/images/video_sub/ico03.gif') no-repeat 0 45%;color:#000;margin-top:10px;}


/*학습TREE*/
.s_tree{width:100%;max-width:770px;margin:auto;overflow-x:scroll;padding-top:2%;padding-bottom:10%;margin:10px 0;text-align:left;background-color:#FFF;text-align:center;}

.right_area{overflow-x:scroll;}


@media only screen and (max-width:781px) {
	div.reply_bbs_area div.top6 li a{width:88%;}
}

/* Tablet Layout: 581px to 780px*/
@media only screen and (min-width:660px) {
	/* 과목선택 탭메뉴 */	
	
	div.p_tap_menu{position:relative;clear:both;margin-top:3%}
	div.p_tap_menu ul.sort{display:inline-block;border: 1px solid #ccc;width:99.9%;}
	div.p_tap_menu ul.sort li{float:left;width:14.1%;height:30px;text-align:center}
	div.p_tap_menu ul.sort li~li{border-left:1px solid #ccc}
	div.p_tap_menu ul.sort li a{line-height:30px;max-width:100%;font-size: 0.9em;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

	div.p_tap_menu div.vh_box div.inbox{width: 97.3%;margin-top: -3px;left:0;background:#fff;z-index:9}
	div.p_tap_menu div.vh_box div.inbox.on{width: 97.8%;}
	div.p_tap_menu div.vh_box div.inbox table th br{display:none}
	div.p_tap_menu div.vh_box button.open{left: 40%}

	/*교수소개 리스트 */
	div.tit_sub h4{line-height: 2;padding-left:14px}
	div.teacher_img{width:29%;float:left;margin:0 2%;margin-top:2%}
	div.teacher_img.st2{padding-right:2%}
	div.teacher_img.st2.st4{padding-right:0}
	
	table.all_lec td br.non{display:none}
	table.all_lec .books td p.info{padding-left: 20px}
	table.all_lec .books td li br.non{display:block}

	/* 수강신청 리스트 */
	div.recom_info{display:block;clear:both;text-align:right;margin:1% 0}
	div.srch_right{text-align:right}
	div.srch_right input[type="text"],
	div.tit_sub input[type="text"]{width:20%}
	div.tit_sub  input[type="text"]{width:auto}

	/* 수강신청 상세 */
	div.teach_profile.st2{display:block;overflow:hidden;border: none;background:url('../../resources/images/video_sub/bg04.gif') repeat}
	div.teach_profile.st2 img.photo{height: auto;top: 5%;}
	div.teach_profile.st2 div.inbox{background:none;}
	div.teach_profile.st2 div.inbox div.history{background:none;color:#525252}
	div.teach_profile.st2 div.btns{text-align: left;}
	div.teach_profile.st2 div.btns button:first-child{margin-left: 20px;}
	table.lec_form{font-size: 12px;}
	table.lec_form td.books ul{background: #f0f0f0 url('../../images/video_sub/bg6.jpg') repeat-x 0 100%;display: inline-block;}
	table.lec_form td.books ul li{position: relative;width: 50%;float: left;}
	table.lec_form td.books ul li div.book_img{width: 150px;}
	table.lec_form td.books ul li div.txt{position: absolute;top: 20px;left: 130px;margin: 0;}
	table.lec_form dd.cB{clear:none}
	table.lec_form td~td{border-left:none}
	table.lec_form td.title strong{float:left;line-height: 36px;margin-right:10px;}
	table.lec_form td.title{float:left;line-height: 36px;width:100%;}
	div.lec_form div.lec_form_left{float:left;width:65%;margin:1.2% 0;line-height:1.4;color:#b92630;padding-left:1%;font-size:0.94em;}
	div.lec_form div.lec_form_right{float:right;width:30%;}
	div.app_info{width:90%;border-radius:8px;line-height:2em;font-size:1em;}
	div.app_info span.app_info_t{width:28%;}


	/* 선택형_종합반_리스트 */
	table.all_lec.st3 td ul li{float:left}
	table.all_lec.st3 td ul li~li{margin-left:10px}
	table.all_lec.st3 td a{font-size:14px}

	/* 선택형_종합반_상세 */
	div.teacher_list.st2 div.select_lec{display:block}
	div.teacher_list.st2{background: #fff;border: 1px solid #b6b6b6;padding: 0 1% 1em;width: 97.7%;text-align: center;}
	div.teacher_list.st2 div.teacher_img{width: 13.2%;}
	div.teacher_list.st2 div.teacher_img:first-child{margin-left: 0.2%;}
	div.teacher_list.st2 h3{clear: both;display:block;padding-top: 1em;text-align: left;}
	div.select_chk div.inbox br.non{display:none}

	/* 교재안내 리스트 */
	table.all_lec.book_info td .photo{width: 93px;}
	table.all_lec.book_info td .txt{float: left;margin-left: 1em;width: 71%;}

	.bbs_input01.st3{width:20%}
	
	/*수강후기 상단영역 pc일*/
	div.reply_bbs_area div.top6{float:left;width:45%;min-height:210px;line-height:1.5em;padding:5.5% 5%;background-color:#FFF;overflow:hidden;margin-bottom:0;}
	div.reply_bbs_area div.top6 p{margin-bottom:20px;}
	div.reply_bbs_area div.reply_ban{float:right;width:44%;}
}


/* Desktop Layout: 781px */
@media only screen and (min-width:781px) {
	table.all_lec .books td li br.non{display:none}/* 교수진 상세보기*/
	table.all_lec.book_info td .txt{width: 75%;}/* 교재안내 리스트 */

	div.all_lecture_pc{display:block;}/* 골드클래스 PC용 */
	div.all_lecture_m{display:none;}
/*	div.service_sec02 div.guide{background-position:5%;}*/
	.s_tree{overflow:hidden;}
	.right_area{overflow: hidden;}
}

/* Desktop Layout: 980px */
@media only screen and (min-width:980px) {
	table.all_lec .books td{background:#fff url('../resources/images/video_sub/bg03.gif') no-repeat 20px 40%;padding-left:105px}
	table.lec_form td.books ul li{width:33.33%}

	/* 교재안내 리스트 */
	table.all_lec.book_info td .txt{width: 470px;}
}


/* =============================================================================
   존재하지 않는 테이블
   ========================================================================== */
table.bbs03.st5 th{color:#666}
table.bbs03.st5 th~th{border-left:1px solid #d7d7d7}
table.bbs03.st5 td{font-weight:bold;color:#000}
table.bbs03.st5 td~td,
table.bbs03.st5 td.manage{width:40%}
table.bbs03.st5 td div.image,
table.bbs03.st5 td div.image img, table.bbs_view td div.image img{text-align:center;max-width:100%;display:inline-block}
table.bbs_view .th td~td{font-weight:normal}
table.bbs_view td div.image{text-align:center}

table.bbs03.st6 td span.text02{display:inline-block;color:#ff6610;margin-left:7px}
table.bbs03.st6 td input.write_input01{border:1px solid #d7d7d7;width:95%;line-height:1.5;padding:3px}
table.bbs03.st6 td input.write_input02{border:1px solid #d7d7d7;width:65%;line-height:1.5;padding:3px}
table.bbs03.st6 td input.write_input02[type="file"]{border:none}
table.bbs03.st6 td .postscript{border:1px solid #d7d7d7;width:94%;margin:auto;height:300px;line-height:1.5;padding:3%;margin-bottom:10px;overflow:auto;}
table.bbs03.st6 td .i_text{width:96%;margin:auto;height:300px;border:1px solid #d7d7d7;padding:1%;margin-bottom:10px;overflow:auto;}
table.bbs03.st6 td select.list_select{border:1px solid #d7d7d7;width:65%;line-height:1.5;padding:3px}


/* =============================================================================
   자주하는질문 / 이용자가이드
   ========================================================================== */
/* 자주하는질문 테이블 */
div.in_text{padding:1% 3%;display:inline-block;}
div.in_text.st2{margin-bottom:0}
div.in_text p{line-height:1.4;font-size:12px}
table.bbs01.st2{margin:0}
table.bbs01.st2 .quest td p.on a{color:#b92630;font-weight:bold}
table.bbs01.st2 .quest td{font-weight:normal;padding:1% 2%;background:#ddd;font-size:12px}
table.bbs01.st2 .quest td p{display:inline-block;background:url('../../resources/images/video_sub/td_bg.gif') no-repeat 100% 45%;padding-right:3%}
table.bbs01.st2 .quest td p a{width:100%;display:inline-block;color:#333}
table.bbs01.st2 td{padding:0;line-height:1.5}
table.bbs01.st2 table td{border-color:#bcbcbc}
table.bbs01.st2 .answ td{padding:1% 2%;background:#fff;}
table.bbs01.st2 .answ td p{font-size:12px;line-height:1.5;white-space:normal;}

ul.tab02{width:100%;display:inline-block;text-align:center}
ul.tab02 li{letter-spacing:-1px;background:#484d54;width:12.2%;height:35px;float:left;margin-left:2px;line-height:35px}
ul.tab02 li.on{background:#b92630;font-weight:bold}
ul.tab02 li a{display:block;color:#fff}
ul.tab02 li.line03{line-height:38px}
ul.tab02.guidetab li{letter-spacing:0;width:14%;}


@media only screen and (max-width:780px) {
	ul.tab02.faqtab, ul.tab02.guidetab{display:none;}
	table.bbs_view td img{width:100%;}
}


table.bbs03.st5 h1{text-align:center;padding:2%}
table.bbs03.st5 table.st5_in{}
table.bbs03.st5 table.st5_in th{}
table.bbs03.st5 table.st5_in th~th{}
table.bbs03.st5 table.st5_in th td{}
table.bbs03.st5 table.st5_in th td~td{}
table.in_table{width:80%;border:1px solid #c5c5c5;border-bottom:none;float:left;height:103px}
table.in_table th{min-width:51px;padding:1% 0}
table.in_table td input{width:80%;border:1px solid #c5c5c5;line-height:1.5;background:#fff}
table.bbs03.st5 td button{border:1px solid #c5c5c5;background:#ddd;float:right;width:18%;height:103px;font-weight:bold}
div.none{display:none}
/*div.service_sec01{clear:both;margin-top:2%;padding:3%;background:#ddd}
div.service_sec01 ul{display:inline-block;width:100%}
div.service_sec01 ul li{padding:1em 0}
div.service_sec01 ul li~li{border-top:1px solid #c5c5c5}
div.service_sec01 ul li p{margin:5px 0;}
div.service_sec01 ul li p.tit{padding-left: 13px;font-weight:bold;color:#333;line-height:1.3;background: url('../images/video_sub/ico03.gif') no-repeat 0 6px;}
div.service_sec02,
div.service_sec03{clear:both;display: inline-block;width:100%;margin-top: 2%;padding: 1% 0 3% 0;border-bottom:1px solid #c5c5c5;line-height:1.5}
div.service_sec02 h4{padding-left: 13px;font-weight:bold;color:#333;line-height:1.3;margin-bottom:3%;background: url('../images/sub/h4_bg.gif') no-repeat 0 6px;}
div.service_sec02 ul{display:inline-block;}
div.service_sec02 li{float: left;width:80px;text-align:center;padding-top:85px;margin:5px 0;display:inline-block;background:url('../../resources/images/video_sub/img05.png') no-repeat }
div.service_sec02 li~li{margin-left:30px}
div.service_sec02 li.li01{position:0 0}
div.service_sec02 li.li02{position:-120px  0}
div.service_sec02 li.li03{position:-240px 0}
div.service_sec02 li.li04{position:-360px 0}
div.service_sec02 li.li05{position:-480px 0}
div.service_sec03 h5,div.service_sec03 p{clear:both;display:inline-block;margin-bottom: 3%;}
div.service_sec03 img{max-width:100%}
div.service_sec03 div.fL,
div.service_sec03 div.fR{float:none}
div.service_sec03 div.fR{clear:both;display: inline-block;margin-top: 3%;padding:8px 10px;border:1px solid #b9cde5;background:#dce6f2}
div.service_sec03 h5{width: 100%;text-align: center;}
div.service_sec03 div.fR li{text-align:left}
div.service_sec03 div.fR li span{width:15px;padding-right: 2px;line-height: 17px;height:20px;margin-right:8px;font-size:12px;background:url('../../resources/images/video_sub/bg08.gif') no-repeat;display:inline-block;color:#fff;text-align:center}*/
div.tit_sub.st3 h4{background: transparent;padding-left: 0;}
/*div.service_tab{clear:both;margin:1% 0;width:100%;display:inline-block}
div.service_tab a{width:49.8%;float:right;display:inline-block;padding:5px 0;background:#ddd;border-bottom:2px solid #ddd;text-align:center}
div.service_tab a:first-child{float:left}
div.service_tab a.on{border-bottom:2px solid #b21777;color:#b21777;font-weight:bold}*/
div.progress h4 span{font-weight:normal}
div.individual.st2{background: #ddd;}
div.individual.st2 p{padding-left: 12px;text-indent: -12px;}
/*div.service_sec02.st2 span.no{font-weight:bold;color:#fff;text-align:center;line-height:32px;width:32px;height:32px;display:inline-block;background:url('../../resources/images/video_sub/bg8.png') no-repeat;text-indent: 0}
div.service_sec02.st2 img{max-width:100%;vertical-align: top;}
div.service_sec02.st2 div.inbox{position:relative}
div.service_sec02.st2 div.txt{margin-left:13px;margin-bottom:1em;padding:3%;border:1px solid #d5cc91;background:#fffff3;border-radius:5px;margin-top:3%;display: inline-block}
div.service_sec02.st2 div.inbox.st3 div.txt{margin-top:0}
div.service_sec02.st2 img.ico{position:absolute;top:35%;left:0;z-index:999}
div.service_sec02.st2 div.inbox.st2 img.ico{top:10%}
div.service_sec02.st2 div.fL{float:none}
div.service_sec02.st2 div.inbox p{padding:2px 0 2px 8px;background:url('../../resources/images/video_sub/ico24.gif') no-repeat 0 8px}
div.service_sec02.st2 div.txt dl{display: inline-block;}
div.service_sec02.st2 div.txt dl dt{float: left;width: 50px;}
div.service_sec02.st2 div.txt dl dd{float: left}
div.service_sec02.st2 div.fL p.tit{padding-left: 32px;text-indent: -32px;margin-bottom: 1em;}
div.service_sec02.st2 div.fL.st2 img{margin-left:32px}*/
table.bbs_view{clear:both; width:100%; border-top:2px solid #90939b; margin-top:15px;}
table.bbs_view th{border-bottom:1px solid #d7d7d7;padding:10px;background:#efefef;border-right:1px solid #d7d7d7;font-size:12px}
table.bbs_view td{padding:10px;vertical-align:middle;font-size:12px;position:relative}
table.bbs_view td div.image{padding:5%}
table.bbs_view td div.image img{width:100%;display:inline-block;margin:0}
table.bbs_view td img{margin:0 3px 2px 0}
table.bbs_view td a{color:#000;font-weight:bold;font-size:12px}
table.bbs_view td.st2 .i_text{width:96%;height:200px;overflow-y:auto;border:1px solid #d7d7d7;padding:1%;}
table.bbs_view td{padding:10px;vertical-align:middle;font-size:12px;position:relative;}
table.bbs03 .td_answer {padding:1% 0 1% 0; text-align:center; }
table.bbs03 .td_dot,
table.bbs03.st5 h1{text-align:center;padding:2%}
table.in_table{width:80%;border:1px solid #c5c5c5;border-bottom:none;float:left;height:103px}
table.in_table th{min-width:51px;padding:1% 0}
table.bbs_view button.regist,
table.bbs03.st5 td button{border:1px solid #c5c5c5;background:#ddd;float:right;width:18%;height:103px;font-weight:bold;color:#333}
table.bbs_view table.in_table th{background:#ddd;border-bottom:1px solid #c5c5c5;color:#333;font-size:1em}
table.bbs_view table.in_table td{padding:10px;border-bottom:1px solid #c5c5c5;background: #fff}
table.bbs_view .padding_left{padding-left: 50px;margin: 10px;;font-size:12px}
table.bbs_view .padding_left.st2{background: url('../../resources/images/video_sub/btn_re.gif') no-repeat 1% 5px;text-align:left;margin-top:5px;}
/*div.cen_auto{display:inline-block;margin-top:20px;padding:3%}*/


/* 고객센터_PMP존
p.txt_info{line-height:1.5}
div.service_sec02.tbd{border-top: 1px solid #c5c5c5;}
div.service_sec02 div.guide{padding-left: 28%;min-height:75px;}
div.service_sec02 div.guide p{padding-left:20px;text-indent:-20px}
div.service_sec02 div.guide button{clear:both;margin: 0.5em 0 0 2em;text-indent:-9999px}
div.service_sec02 div.guide01{background:url('../../resources/images/video_sub/img12.png') no-repeat 0 50%}
div.service_sec02 div.guide01 button{width:137px;height:26px;background:url('../../resources/images/video_sub/btn_pmp.gif') no-repeat}
div.service_sec02 div.guide02{background:url('../../resources/images/video_sub/img13.png') no-repeat 0 50%}
div.service_sec02 div.guide02 button{width:155px;height:26px;background:url('../../resources/images/video_sub/btn_pmp01.gif') no-repeat}
div.service_sec02 div.guide03{background:url('../../resources/images/video_sub/img14.png') no-repeat 0 50%}
div.service_sec02 div.guide03 button{width:155px;height:26px;background:url('../../resources/images/video_sub/btn_pmp02.gif') no-repeat}
div.lec_intro.st3{margin: 1% 0 2em;border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;display: inline-block;}
div.lec_intro.st3 div.fL{float: none;width:100%;text-align:center}
div.lec_intro.st3 div.fL button{clear:both;margin-top:0.5em;padding: 2px 3px;border:1px solid #d8d8d8;color:#7d7d7d;background: url('../images/but/gray_bg.png') repeat-x 0 50%;font-size:12px}
div.lec_intro div.prodt ul{margin:1em 0 0}
div.prodt ul li{text-align:center;display:inline-block;margin:1%;width: 48%;float: left;}
div.prodt ul li p{width:130px}
div.prodt div.photo{display: table-cell;width:130px;height:130px;border:1px solid #e1e1e1;text-align:center;vertical-align:middle}
div.prodt div.photo img{max-width:130px;max-height:130px;}
div.service_sec02 h5{color:#333}
div.service_sec02 p img{vertical-align:top}
div.service_sec02 div.imgBox{display:inline-block;width:100%;margin-top:0.5em}
div.service_sec02 img{max-width:100%}
div.service_sec01.st2{line-height:1.5}
div.service_tab.st2 a{float:left;width: 16.23%;margin: 0 0.21%;}
div.service_sec02 .f_red{color:#b21777;}

 
@media only screen and (min-width:530px) {
	div.service_sec02 div.guide{padding-left: 20%}
}
@media only screen and (min-width:660px) {
	div.none{display:block;margin-top:30px}
	div.none img{width:100%}
	div.service_sec01 ul li{min-height:73px;padding-left:75px}
	div.service_sec01 ul li.list01{background:url('../../resources/images/video_sub/img02.png') no-repeat 0 50%}
	div.service_sec01 ul li.list02{background:url('../../resources/images/video_sub/img03.png') no-repeat 0 50%}
	div.service_sec01 ul li.list03{background:url('../../resources/images/video_sub/img04.png') no-repeat 0 50%}
	div.service_sec02 li~li{margin-left:40px}
	div.service_sec03 div.fL{float:left;width: 60%;}
	div.service_sec03 div.fR{clear:none;float: left;margin-left: 20px;margin-top: 0;}
	div.service_tab{clear:both;margin:3% 0;}
	div.service_sec02.st2 div.fL{float:left;width:49%}
	div.service_sec02.st2 div.inbox{float:right;margin-top:10%;width:50%}
	div.service_sec02.st2 div.inbox.st2{margin-top:0}
	div.service_sec02.st2 div.inbox.st4{margin-top: 20%;}
	div.service_sec02.st2 div.inbox.st3{margin-top: 2%;}
	div.service_sec02.st2 div.fL.st2{width: 49%;padding: 0 0.5%;}
	div.lec_intro.st3 div.fL{float: left;margin-top:1em;width: 26%;}
	div.lec_intro.st3 div.fL img{max-width:100%}
	div.lec_intro.st3 div.prodt{float:left;width: 74%;}
	div.prodt ul li{width:31.33%}
	div.service_sec02 div.imgBox img{float:left;max-width:46%;margin:1%}

}
@media only screen and (min-width:781px) {
	div.service_sec02 div.guide{background-position-x: 5%;}
}

@media only screen and (min-width:925px) {
	div.service_sec02.st2 div.fL{float:left;width:51%}
	div.service_sec02.st2 div.inbox{float:right;margin-top:10%;width:48%}
	div.service_sec02.st2 div.inbox.st4{margin-top: 13%;}
	div.service_sec02.st2 div.inbox.st3{margin-top: 2%;}
	div.prodt ul li{width:23%}
}
 */
 
/* =============================================================================
   고객센터_이벤트[팝업창]
   ========================================================================== */
div.pop_register{width:100%;min-height:500px;display:inline-block;border:1px solid #aaa}
div.pop_register_01{width:100%;display:inline-block;line-height:400%;background-color:#e30b18;border-bottom:1px solid #aaa;font-size:0.9em;}
div.pop_register_01 p{display:inline-block;margin-left:4%;font-weight:bold;color:#FFF;float:left}
div.pop_register_01 button{float:right;width: 14px;height: 16px;background:url('../../resources/images/but/close.gif') no-repeat 0;text-indent:-9999px;margin:13px}
div.pop_register_02{width:94%;display:inline-block;padding:10px}
div.pop_register_02 .caution{width:92%;height:20px;line-height:20px;margin:auto;padding:0 2%;background-color:#444853;color:#000;font-weight:bold;margin-bottom:10px;font-size:0.8em;color:#FFF;}
div.pop_register_in{width:100%;display:inline-block;padding:20px 0;border-bottom:1px dashed #ddd;text-align:center}
div.pop_register_in p{width:100%;display:inline-block;letter-spacing:-1px}
div.pop_register_check{width:100%;display:inline-block;padding:20px 0;border-bottom:1px dashed #ddd;margin-bottom:10px}
div.pop_register_check p{display:inline-block;float:left;width:27%;margin-left:19px;color:#333;line-height:200%}
div.pop_register_check input{margin-right:10px}
div.pop_register_02>ul{margin:10px;line-height:1.2em;}
div.pop_register_02>ul>li{margin-bottom:4px;font-size:0.8em;}
div.pop_register_in.st2{border:none;padding:40px 0}
div.pop_register_in.st2 p{line-height:300%}
div.btn_02 button.btn01.st2{width:50%}
div.pop_register_in.st2 p.line{line-height:150%}

@media only screen and (min-width:581px) {
	div.pop_register{width:445px}
	div.pop_register_01 p{margin-left:20px}
	div.pop_register_01 button{margin:13px 20px}
	div.pop_register_check p{width:25%;margin-left:34px;font-weight:bold}
}

@media only screen and (min-width:781px) {

}

/* =============================================================================
   마이페이지_학원 수강정보
   ========================================================================== */
div.application p.top_img img{width:100%;}
div.application.st2{margin-top:0}
div.mapage{width:100%;display:inline-block}
div.mapage div.middle{width:100%;display:inline-block;margin-top:0}
div.mapage div.middle ul{width:100%;display:inline-block}
table.bor.st5 .on{background-color:#f7f7f7}
table.bor.st5 tr td a{width:100%;display:inline-block;color:#333}
table.bor.st5 th{font-weight:normal;font-size:0.8em}
table.bor.st5 td{font-weight:normal;text-align:center;line-height:150%}
table.bor.st5 td p{background:none;color:#ff7200;font-weight:bold;text-align:center;padding:0}
table.bor.st5 td.left{text-align:left;padding:2%}
table.bor.st5 td.left span{color:#666}
div.board_area.st2{width:99.4%;display:inline-block;border:1px solid #dcdcdc}
div.board_area.st2~div.board_area.st2{margin-left:0.09%}
div.board_area.st2 ul{width:100%;display:inline-block;float:left;line-height:0}
div.board_area.st2 ul.list{border:none}
div.board_area.st2 ul.list li{width:100%;display:inline-table;vertical-align:middle;line-height:250%}
div.board_area.st2 ul.list li~li{border-top:1px dashed #dcdcdc}
div.board_area.st2 ul.list li p{width:60%;display:inline-block;background:url('../../resources/images/common/li_bg.gif') no-repeat 1% 16px;float: left;padding-left:3%;margin-left:1%;line-height:300%;font-size:0.8em}
div.board_area.st2 ul.list li a{width:98%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display: inline-block;line-height:300%;float: left}
div.board_area.st2 ul.list li a:hover{color:#b92630}
div.board_area.st2 ul.list li span{float:right;padding-right:2%;line-height: 300%;font-size:0.8em}
div.board_area.st2 ul li.notice{width:100%;display:inline-block;background-color:#222838}
div.board_area.st2 ul li.notice h4{float:left;display:inline-block;line-height:150%;padding:2% 0 2% 2%;color:#fff;letter-spacing:-1px}
div.board_area.st2 div.theory{display:inline-block;float:right;width:50px;margin:0;padding:2% 0.5%}
div.board_area.st2 div.theory button{color:#fff;font-weight:bold;font-size:0.8em;margin-top:4px}
table.bbs02{clear:both;width:100%;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;border-top:2px solid #90939b;margin-bottom:3%;background-color:#fff}
table.bbs02 .on{background-color:#f7f7f7}
table.bbs02 td{text-align:center;padding:10px;border-bottom:1px solid #c5c5c5;line-height:1.5;color:#333;vertical-align:middle;font-size: 0.9em}
table.bbs02 th{text-align:center;padding:10px;border-bottom:1px solid #c5c5c5;line-height:1.5;color:#333;vertical-align:middle}
table.bbs02 td.txtL{text-align:left;font-size:0.8em}
table.bbs02 td.txtL.st2 a{color:#000}
table.bbs02 td.txtL strong{color:#000}
table.bbs02 td strong.price{font-weight:bold;color:#b92630;font-size:1.2em;}
table.bbs02 td.txtL br{display:block}
table.bbs02 td~td,
table.bbs02 th~th{border-left: 1px solid #c5c5c5}
table.bbs02 th{background-color:#ddd;font-weight:bold;font-size:12px}
table.bbs02 f_red{font-weight:bold}
table.bbs02.st3 select{width:60%;padding:6px 5px;border:1px solid #ddd;margin:3px}
img.eventImg_L{float:left;width:19%;max-width:150px;margin-right:1%}
div.event_L{float:left;width:60%}
div.eventBtn_L{float:right;width:20%;text-align:center}
div.eventBtn_L button{border:1px solid #ad2519;background-color:#f33a35;color:#fff;text-align:center;margin-top:25%;padding:1% 2%}
div.application.st2 table.bbs02 td{font-size: 0.8em}
div.application.st2 table.bbs02 td.ong{color:#b92630;font-weight: bold}
div.application p.price,div.application p.agree01,div.application .coupon p{display:block}
div.application p.block{width:80%;float:left;display:inline-block}
div.application div.gray_box p{display:block;line-height:1.5}
div.application ul.block{display:block}
div.application_in{width:93.7%;margin:auto;display:inline-block;border:1px solid #c5c5c5;padding:3%;background-color:#f7f7f7;font-size:0.8em;line-height:2em;margin-bottom:20px;}
div.application_in p{font-weight:bold;color:#000;margin-bottom:10px;}
div.application_in ul{width:97%;display:inline-block;padding:0 1%;margin-bottom:1%;}
div.application_in ul li{background:url('../../resources/images/sub/th_bg_off.gif') no-repeat 0 10px;padding-left:1.5%}
div.application_in ul li strong{color:#333}
div.application_in ul li span{color:#ff6600}
div.application_in ol{width:97%;display:inline-block;line-height:1.4em;padding:0 1%;margin-bottom:5%;list-style:none;}
ul.tab01{clear:both;margin-top:1em;margin-bottom:0.5em;width:100%;display: inline-block;}
ul.tab01 li{float:left;width:20%;height: 42px;}
ul.tab01.st2 li{width:33.3333%}
ul.tab01.st3 li{width:50%}
ul.tab01.st4{margin:30px 0}
ul.tab01.st4 li{width:33.3333%}
ul.tab01 li a{margin-left:1%;width:99%;height: 100%;line-height: 1.5;background-color:#484d54;text-align:center;display:inline-block;color:#fff}

@media only screen and (max-width:1023px){
	ul.tab01 li a{line-height:42px;}
}
ul.tab01 li:first-child a{width:100%;margin-left:0}
ul.tab01 li.on a{background-color:#b92630;font-weight:bold;color:#fff}

ul.tab03{float:left;margin-top:1em;width:55%;display: inline-block;margin:20px 0 10px;}
ul.tab03 li{float:left;width:20%;}
ul.tab03.st2 li{width:33.3333%}
ul.tab03.st3 li{width:50%}
ul.tab03.st4{margin:30px 0}
ul.tab03.st4 li{width:33.3333%}
ul.tab03 li a{margin-left:1%;width:99%;height:30px;line-height:30px;;background-color:#696969;text-align:center;display:inline-block;color:#fff}
ul.tab03 li:first-child a{width:100%;margin-left:0}
ul.tab03 li.on a{background-color:#b92630;font-weight:bold;color:#fff}


table caption{display:none}
table.bbs01{clear:both;width: 100%;border-top: 2px solid #90939b;}
table.bbs01 table{width: 100%}
table.bbs01 table td{border-bottom: 1px solid #d7d7d7;padding:5px 5px 5px 35px;background-size:8%;}
table.bbs01 table .answ{display:none}

table.bbs01 table .answ.on{display:block;padding-top:0px;}
table.bbs01 table .answ td{width:85%;background:url('../../resources/images/video_sub/img_FAQ.gif') no-repeat 1% 5px;background-size:20px 20px;vertical-align:top;white-space: pre-wrap;}
table.bbs01 table .answ.on td{display:block;line-height:1.5;color:#333}
table.bbs01 table .quest td{font-weight:bold;background:url('../../resources/images/sub/faq_q.gif') no-repeat 1% 5px;background-size:20px 20px;cursor:pointer;color:#000;line-height:1.5em;}
table.bbs01 table .quest td a{display:block;width:98%;}
table.bbs01 table .quest td a.on{color:#333;font-weight:bold}
table.bbs01 table tr.answ.on td div{position:absolute;right:0;padding:3%;text-align:left;width:90%}
table.bbs01 table tr.answ.on td div img{max-width:700px;width:100%}
div.progress{position: relative;width:100%;display:inline-block;/*margin-bottom:10px;*/}
.star_txt{padding-top:10px;font-size:0.8em;text-align:right;padding-right:20px;}
span.star{color:#F00;}
div.progress h4{width:97%;display:inline-block;padding-left:13px;background:url('../../resources/images/sub/h4_bg.gif') no-repeat 0 45%;color:#000;line-height: 1.5;/*margin-bottom:10px*/}
div.progress.st3{margin-top:0}
div.progress.st4{display:none}
div.progress.st4 p{display:none}
div.application.st2 select.list{width:100%;background-color:#b6b6b6;padding:6px 5px;font-weight:bold;margin-bottom:2%;color:#222838}
table.bbs01 table .answ.on table td{display: table-cell;}


@media only screen and (max-width:767px) {
	table.bbs01 table .quest td a{font-size:12px;}
	ul.tab03{float:left;margin-top:1em;width:80%;display: inline-block;margin:20px 0 10px;}
	ul.tab03{width:60%;}
}

@media only screen and (max-width:480px) {
	ul.tab03{width:100%;}
}

/* Tablet Layout: 581px to 768px*/
@media only screen and (min-width:581px) {
	/* 타블릿 작은사이즈(581px ~ 659px) 상단 메뉴 디자인을 따로 줌 */
	div.board_area.st2{float:left;width:32.2%}
	div.board_area.st2 ul.list li a{max-width: 100%}
	div.btn_bbs button.btn01{width:15%}
	div.btn_bbs button.btn02{width:20%}
	table.bbs01 table .answ td{width:90%;}
}

/* Tablet Layout: 660px to 768px*/
@media only screen and (min-width:660px) {
	table.bor.st5 th{background-color:#efefef;font-weight:bold;font-size:12px}
	div.board_area.st2 ul.list li a{max-width: 100%}
	div.board_area.st2 ul.list li span{display:none}
	div.board_area.st2 ul.list li p{width:90%}
	div.application td p{display:block;font-size:12px}
	table.bbs01{margin-top:1em}
	table.bbs01 table .answ td{width:92%;}
	div.application ul{display:inline-block}
	table.bbs02 td.txtL.st3 br{display:none}
	div.progress.st4{display:block;margin:3% 0}
	div.progress.st4 p{width:100%;display:inline-block;line-height:1.5;letter-spacing:-1PX;color:#000}
}

/* Desktop Layout: 769px */
@media only screen and (min-width:781px) {
	div.board_area.st2 ul.list li span{display:block;float:right;padding-right:2%;font-size:0.8em}
	div.board_area.st2 ul.list li p{width:60%;line-height:200%}
	div.board_area.st2~div.board_area.st2{margin-left:1%}
	ul.tab02 li a br{display:none}
	ul.tab02 li{line-height:42px;font-size:12px}
	ul.tab01 li{line-height: 30px;height: 30px;font-size: 12px;}
	ul.tab01 li a{line-height: 30px;font-size: 12px;}
	ul.tab03{width:65%;height: 30px;margin:20px 0 10px;}
	ul.tab03 li{height: 30px;line-height: 30px;font-size: 12px;}
	ul.tab03 li a{height: 30px;line-height: 30px;font-size: 12px;}
	div.application.st2 select.list{display:none}

}


/* =============================================================================
   마이페이지_동영상 수강정보
   ========================================================================== */

/* 동영상 수강정보 */
div.application_in.st2{position:relative;padding:10px 0;width:99.7%;margin-bottom:3%;background-color:#fff;line-height:21px}
div.application_in.st2 ul li{padding:0.2em 0.5em;font-size:0.8em}
div.application_in.st2 div.hide_cont ul{margin:1em 0}
div.application_in.st2 strong{color:#000;margin-left:10px}
div.application_in.st2 button.on_off.on{position:absolute;right:2%;top: 10px;background:url('../../resources/images/sub/th_but_on.gif') no-repeat;text-indent:-9999px;width:21px;height:21px}
div.application_in.st2 button.on_off{position:absolute;right:2%;top: 10px;background:url('../../resources/images/sub/th_but_off.gif') no-repeat;text-indent:-9999px;width:21px;height:21px}


div.gray_box button.viewhide{position:absolute;right:2%;top: 0;margin-top: 2%;background:url('../../resources/images/sub/th_but_off.gif') no-repeat;text-indent:-9999px;width:21px;height:21px}
div.gray_box button.viewhide.on{background:url('../../resources/images/sub/th_but_on.gif') no-repeat}

div.application_in.st2 div.hide_cont ul.on{display:block;color:#333}
div.application_in.st2 div.hide_cont ul{display:none}
div.application_in.st2 div.hide_cont button.btn_gray{display:none}
div.application_in.st2 div.hide_cont button.btn_gray.on{display:block}

div.application_in.st2 ul p{width:100%;display:inline-block;color:#b92630;font-size:0.8em;line-height: 1.5;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
div.application_in.st2 ul span{color:#b92630;font-weight:bold}
table.bbs03,table.bbs_view{clear:both;width:100%;border-top:2px solid #90939b;margin-top:1%;font-size:12px;}
table.bbs03.st2{width:100%;font-size: 0.9em;line-height:1.5em}
table.bbs03.st2 a{font-weight:normal; color:#333}
table.bbs_view th, table.bbs_view td{border:1px solid #d7d7d7;}
table.bbs_view th, table.bbs_view td div.view03{margin-top:20px;}
table.bbs_view .th td{padding:10px;vertical-align:middle;position:relative;line-height: 1.5}
table.bbs_view .th td textarea{width:100%;padding-bottom:10px;overflow:auto;}
table.bbs03 td p{padding:0 3px; display:inline-block;}
table.bbs03 td span.hsh{color: #ff7200}
table.bbs_view td.article{padding:10px;vertical-align:middle;position:relative;line-height: 1.5;font-weight:normal;color:#666;}
table.bbs_view td.article.st2{border-bottom:1px dashed #c5c5c5;}
table.bbs03 td a.on{font-weight:bold;color:#000}
table.bbs03 td a.emp{font-weight:bold;color:#ff3399}
table.bbs03 th,
table.bbs_view .th th{padding:10px;}
/*table.bbs03 th, table.bbs03 td{border-right:1px solid #c5c5c5;}*/
table.bbs03 .th_right {padding:10px;}
table.bbs03 .td_answer {border-bottom: 1px solid #d7d7d7;padding:1% 0 1% 0; text-align:center;}
table.bbs03 td img{margin-left:2px;margin-right:2px;}
table.bbs02.st3{display:inline-table;}
table.bbs02.st3 div.icons{display:inline-block}
table.bbs02.st4{margin-top:0}
table.bbs02 td div.icons img~img{margin-left:3px}
table.bbs02.st3 td.txtL button,
button.order_v,
div.gray_box table td button.write{width:102px;display:inline-block;border:1px solid #1b2c5b;background-color:#3e5490;color:#fff;padding:2px;margin-top:3px}
button.order_v{width:auto;padding:2px 10%;min-width:50px}
table.bbs02.st3 td.txtL button.st2,
div.gray_box table td button.teach,
button.del{width:auto;padding:5px 10px;background-color:#444853;color:#fff;border-radius:2px}
table.bbs02.st3 td.txtL button.st2{float:right}
button.btn_view.on{background:url('../../resources/images/sub/video_view_on_bg.gif') no-repeat;text-indent:-9999px;width:23px;height:23px}
button.btn_stop.on{background:url('../../resources/images/sub/stop_on_bg.gif') no-repeat;text-indent:-9999px;width:20px;height:20px}
button.btn_contin.on{background:url('../../resources/images/sub/contin_on_bg.gif') no-repeat;text-indent:-9999px;width:22px;height:22px}
button.btn_view.off{background:url('../../resources/images/sub/view_off_bg.gif') no-repeat;text-indent:-9999px;width:23px;height:23px}
button.btn_stop.off{background:url('../../resources/images/sub/stop_off_bg.gif') no-repeat;text-indent:-9999px;width:20px;height:20px}
button.btn_contin.off{background:url('../../resources/images/sub/contin_off_bg.gif') no-repeat;text-indent:-9999px;width:22px;height:22px}

div.application_in.st2 ul li{background:url('../../resources/images/sub/th_bg_off.gif') no-repeat 0 8px;line-height:1.5;margin-left:10px}
div.application_in.st2 ul li p{font-size:1em}
input.min_cal{border: 1px solid #bbb;height:20px;line-height:20px;vertical-align: middle;width: 60%;padding: 5px;}
input.min_cal.st2{border: 1px solid #bbb;line-height: 17px;vertical-align: middle;width: 20%;padding-left: 5px;}
input.min_cal.st3{border: 1px solid #bbb;line-height: 17px;vertical-align: middle;width: 23%;padding-left: 5px;}
div.tab_head{background: #b92630;color: #fff;padding: 1.5%;font-weight: bold;display: inline-block;width: 97%;}
div.tab_head button.print{float:right;background:url('../../resources/images/sub/ico_print.gif') no-repeat;padding-left: 20px;font-weight: bold;color: #fff;}
div.mode_insert textarea{float:left;width:78%;border:1px solid #bbb; padding:5px;height:36px;font-size:11px}
div.mode_insert div.btn_area{float:right;clear:none}
table.bbs02.st3 td.txtL div.mode_insert div.btn_area button{margin:0}
table.bbs02.st3 td.txtL div.mode_insert div.btn_area button~button{clear:both;margin-top:4px;background-color:#f6f6f6;border:1px solid #d7d7d7;color:#666}
div.gray_box{border:3px solid #666;background-color: #f6f6f6}
div.gray_box.st2{position: relative;border-width: 1px;border: 1px solid #b6b6b6;margin-top: 1.5em;}
div.gray_box.st2 p{font-size:12px}
div.gray_box div.inbox{padding:2%;display: inline-block;width:96%}
div.gray_box table{float:left;line-height:1.5}
div.gray_box table button{line-height:1}
div.gray_box table th{width:60px;text-align:left}
div.gray_box.st3 table th{width:auto;padding:2px 0;font-weight:bold;text-align:center}
div.gray_box.st3 table td{padding:5px}
div.gray_box div.fR{float:left}
div.gray_box div.fR p.f_red{line-height: 1;font-size:5em}
div.gray_box div.info{clear: both;border-top: 1px solid #b6b6b6;padding-top: 10px;color:#666;font-weight:bold}
div.gray_box.st2 div.hide_cont{display:none}
div.gray_box.st2 div.hide_cont.on{display:inline-block;width:96%;background-color: #fff;border-top: 1px solid #b6b6b6;padding: 2%;}
div.gray_box.st2 div.hide_cont li{font-size:12px}
div.gray_box.st2 div.hide_cont li~li{line-height:120%;margin-top:10px}
div.gray_box.st2 div.hide_cont li input{float:left;display:inline-block;margin-right:5px}
div.gray_box.st2 div.hide_cont li img{float:left;display:inline-block;margin-right:5px}
div.gray_box.st2 div.hide_cont li span{color:#ff7200;font-weight: bold}
div.gray_box.st2 div.hide_cont ul img{}
div.btn_02.st2{margin-top:0}
div.progress.st2{margin:4% 0 0 0}
div.progress.st2 h4{width:70%;display:inline-block}
div.progress.st2 p{float:right}
div.progress.st2 p input{margin-right:5px}
table.bbs02.st3 td.txt_left{text-align:left}
div.btn_02 button.btn01.st3{float:right;width:15%}

/* 동영상 일시중지 및 수강확인증 팝업창 */
div.pop_list{width:100%;border:1px solid #aaa}
div.pop_list_in{width:100%;display:inline-block;background-color:#4785be;border-bottom:1px solid #d2d2d2;line-height:400%;}
div.pop_list_in p{color:#fff;font-weight:bold;width:40%;padding-left:4%;display:inline-block;float:left}
div.pop_list_in button{float:right;text-indent:-9999px;background:url('../../resources/images/but/close.gif') no-repeat 0}
div.pop_list ul{padding:3%;display:inline-block;width: 94%}
div.pop_list ul li{color:#333;letter-spacing:-1px;font-size:12px;line-height: 150%}
div.pop_list ul li.bold{font-size:1em;color:#ff7200;margin: 10px 0;font-weight: bold}
div.pop_list ul li span{color:#ff7200;font-weight:bold}
div.pop_list ul table.bbs02{margin-top:3%}
div.pop_list ul table.bbs02 th{font-weight:normal;border-right:1px solid #d7d7d7}
div.pop_list ul table.bbs02 td{text-align:left;padding-left:2%;font-size:12px}
div.pop_list ul p{color:#333;display:inline-block;font-weight:bold;margin-bottom:10px}
div.pop_list ul table.bbs02.st2{margin:0}
div.pop_list span{color:#ff7200;font-size:12px;font-weight:bold}
div.pop_list ul table.bbs02 select{border:1px solid #d7d7d7;padding:0.5%;margin:1% 0}
div.btn_02{clear:both;width:100%;margin-top:5%;text-align:center}
div.btn_02 button.btn01{background-color:#f6f6f6;border:1px solid #c7c8ca;color:#666;width:40%;line-height:250%;font-weight:bold;border-radius:2px}
div.btn_02 button.btn02{background-color:#444853;border:1px solid #3c4049;color:#fff;width:40%;line-height:250%;font-weight:bold;border-radius:2px}

div.pop_list.st2 div.pop_list_in{background: #4785be;}
div.pop_list.st2 div.pop_list_in p{color: #fff;width: 80%}
div.pop_list.st2 div.pop_list_in button{background: url('../images/but/close2.gif') no-repeat 0;}
div.pop_article{padding: 1.5em 3%;display: inline-block;width: 94%;line-height:1.5}
div.pop_article div.inbox{border: 1px solid #d7d7d7;padding: 4% 5%;margin:3%;text-align:center}
div.pop_article p{font-size:12px}
div.pop_article div.inbox input{border: 1px solid #d7d7d7;height:24px;line-height:24px;text-align:center;width:80%}
div.pop_article div.inbox input.num{width:60px}
div.pop_article div.inbox p.info{clear:both;padding-top:3%;margin-top:1em;border-top: 1px solid #d7d7d7;font-size:12px}
div.pop_article div.btn_02 button{width:25%}
div.pop_article div.f_blue3{clear:both;margin-top:2em}
div.pop_article div.f_blue3 p{padding-left: 12px;text-indent: -12px;margin-left: 10px;}
div.pop_article div.f_blue3 p.text_bold{padding-left: 0;text-indent: 0;margin-left: 0;}



/*수강증명서 출력 폼*/
div.print{width: 580px;margin:auto;}
div.print_in{padding:10px 20px;overflow:hidden;border:1px solid #d5d5d5;margin:20px 0;}
div.guide{float:left;width:75%;color:#b92630;font-size:12px;text-align:left;}
.btn_box1{display:inline-block;float:right;width:25%;}
div#print_area{width:580px;margin:30px auto 0;font-size:0.9em;color:#000;}
div.print_tit p{height:50px;text-align:left;}
div.print_tit h1{margin:28px 0 27px;text-align:center;font-size:28px;}
table.tbl_print{width:100%;padding:0;margin:0;border-collapse:collapse;border-top:2px solid #0a9aa6;}
table.tbl_print tr{height:25px;border:1px dotted #a0a0a0;}
table.tbl_print th{text-align:center;background-color:#cffbfb;border-right:1px dotted #a0a0a0;}
table.tbl_print td{padding-left:15px;font-weight:bold;}
div#print_area h3{margin-top:35px;text-align:center;font-size:12px;}
div#print_area h3 u.f_blue2{color:#084d9b;}
div.identify01>h3{margin:42px 0;}
div.identify01 ul{margin-bottom:76px;}
div.identify01 ul li{height:14px;margin-bottom:24px;background:url(../../resources/images/common/print_dot.gif) no-repeat 0 center;padding-left:24px;font-weight:bold;}
div.seal{position:relative;padding-bottom:70px;border-bottom:1px solid #0a9aa6;}
div.seal p{margin-bottom:27px;text-align:center;font-size:1.2em;}
div.seal strong{font-size:1.4em;}
div.seal .stamp{position:absolute;left:405px;top:10px;}

@media only screen and (max-width:1023px){
	
	/*div.identify01{width:90%;}
	div.pop_center h3{margin-bottom:20px;}
	div.print{padding: 10px;display:block;width: auto;}
	div.print_in{padding: 10px;width: auto;display: block}
	div.seal{width: auto;padding-left:0;line-height: 100%;text-align: center;height: 150px;letter-spacing:2px;padding-bottom:50px;color:#000;}
	table.bbs03,table.bbs_view,table.bbs03.st3 td{font-size:12px !important;}*/
}

/*div.top_menu.st3.st4 li */


/* =============================================================================
   마이페이지_결제정보
   ========================================================================== */
table.bbs02 td.btn_white{text-align:left}
table.bbs02 td.btn_white button{border:1px solid #c5c6c8;background-color:#fafafa;padding:2px 2%;}
table.bbs02 td.btn_white button~button{margin-left:0.5%}
div.orders_ico{float:right;margin:3.5% 2% 2%}
div.list_bot{padding: 0.5em 0;border-bottom: 1px solid #333;display: inline-block;width: 100%;margin-top:-3%}
div.list_bot p.price{float:right;color: #000}
div.list_bot p.price span{font-weight:bold}
input.sms{border:1px solid #d7d7d7;width:80px;margin:0 5px}
button.order_v.st2{padding:2px}
div.progress div.btn_area{position:relative;float:left}
div.progress h4 span.f_red{font-size:0.8em;font-weight:normal}
p.agree01{margin-top:-2%}
div.order{width:75%;display:inline-block;float:left}
div.order a span.tit{color:#3e5490}

div.box_left{float:left;width:49%}
div.box_right{float:right;width:49%}
table.bbs03 div.event_box01{float:left;width:30%;text-align:center;}
table.bbs03 div.event_box01 img{width:150px;height:100px;margin-left:0;}
table.bbs03 div.event_box02{float:right;width:68%;padding-top:10px;padding-right:2%;}
table.bbs03 div.event_box02 a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;margin-bottom:5px;font-size:13px;}
table.bbs03 div.event_box03{float:right;width:68%;text-align:left;margin-top:8px;}


div.coupon{width:100%;display:inline-block;line-height:1.5}
div.coupon div.coupon_in{width:100%;display:inline-block}
div.coupon div.coupon_in div.coupon_ea{width:100%;margin: 1% 0;display:inline-block;text-align:center}
div.coupon div.coupon_in div.coupon_img{background:url('../../resources/images/sub/coupon_bg_s.gif') no-repeat;width:128px;display:inline-block;float: left;line-height:80px;height:80px;}
div.coupon div.coupon_in div.coupon_ea p{float: left;text-align: left;padding-left:1%;font-size:12px}
div.coupon div.coupon_in div.coupon_ea h3,div.coupon div.coupon_in div.coupon_ea p span{color:#f5615f}
div.coupon_in.st2{padding:1em 0;text-align:center;border-top:1px solid #90939b}
div.coupon_in.st2 div.regist{clear:both;margin:3% 0}
div.coupon_in.st2 div.regist label{font-weight:bold}
div.coupon_in.st2 div.regist input[type="text"]{border:1px solid #dcdcdc;line-height:18px}
div.coupon_in.st2 div.regist button{height:20px;color:#fff;background: #444853;font-size:12px;padding:2px 5px}
div.coupon_m{border:1px solid #dcdcdc;padding:1em 2em;background:url('../../resources/images/sub/bg_pat2.gif')}
div.coupon_m div{clear:both;margin-top:1em}
div.coupon_m div a{display:inline-block;padding:5px;color:#fff;font-weight:bold;background:#b92630}
div.coupon_m p{display:block;margin-top:0.5em}
div.gray_box.st2 div.hide_cont ul.fL {width: 80%;}
div.gray_box.st2 div.hide_cont a img {margin: 30% 2px;}
table.bbs03 .text01.st2{font-size:12px}
table.bbs03 th br{display:none;}
/* Tablet Layout: 581px to 768px*/
@media only screen and (min-width:581px) {
	/* 타블릿 작은사이즈(581px ~ 659px) 상단 메뉴 디자인을 따로 줌 */
	div.application_in.st2 ul li br{display:none}
	div.application_in.st2.br ul li br{display:block}
	div.pop_list{width:380px;display:inline-block}
	div.gray_box table td br{display:none}
	div.gray_box div.fR{float:right;}
	div.progress div.btn_area{position:absolute;top:-5px;right:0;font-size:0.8em}
}

/* Tablet Layout: 660px to 768px*/
@media only screen and (min-width:660px) {

	div.coupon.st2{float: left;width: 48%;}
	div.coupon div.coupon_in{border-top:2px solid #90939b}
	div.coupon div.coupon_in div.coupon_ea{float:left;width:31.33%;margin:1%}
	div.coupon div.coupon_in div.coupon_img{width:100%;margin: 5px 0;max-width: 200px;line-height: 70px;float:none;background:url('../../resources/images/sub/coupon_bg.gif') no-repeat;background-size:100%}
	div.coupon div.coupon_in div.coupon_ea p{width:100%;padding: 0;text-align:center}
	div.coupon_m{display: inline-block;width: 46%;padding: 1em 1%;float: right;}
	div.coupon_m p{font-size:12px}
	div.coupon_m img{float:left}
	div.coupon_m div{float:left;clear:none;margin:0 0 0 2%}
}

@media only screen and (min-width:740px) {
	div.btn_bbs2{width: 52px}
	div.btn_bbs3{width: 52px}
}

@media only screen and (max-width:581px) {
	table.bbs03 div.event_box01{float:none;clear:both;width:98%;margin:auto;text-align:center;}
	table.bbs03 div.event_box02, table.bbs03 div.event_box03{float:none;clear:both;width:98%;margin:auto;text-align:center;}
	table.bbs03 div.event_box02 a{margin-bottom:0;}
	table.bbs03 div.event_box03{margin-top:3px;}
}



/* =============================================================================
   마이페이지_나의상담내역_리스트
   ========================================================================== */
table.bbs03.st3 td a{font-weight:normal;}
table.bbs03.st3 td.on a{font-weight:bold}
div.search01 {width:100%; text-align:center; padding:10px 0;}
div.search01 input {border:1px solid #bbb; padding:5px; width:30%;}


/* =============================================================================
   마이페이지_개인정보수정
   ========================================================================== */
div.profile{display:none}
div.individual{border:1px solid #b6b6b6;width:93%;display:inline-block;background-color:#f6f6f6;padding:3%;font-size:12px;margin-bottom:10px;}
div.individual ul li{background: url(../../resources/images/video_common/li_bg02.gif) no-repeat 0 7px;padding-left:8px;line-height:1.6em;}
div.individual p{color:#333;line-height:1.5em;margin-bottom:10px;}
table.bbs03 th, table.bbs03 td{border:1px solid #d7d7d7;}
table.bbs03 th{background-color:#efefef;}
table.bbs03.st3 th.size{font-size:12px;line-height:1.5;color:#333}
table.bbs03.st3 td{padding:10px 15px;line-height:1.5;font-size:12px;}
table.bbs03.st3 input.write_input03{width:60%;padding:1% 0;margin:3px}
table.bbs03.st3 input.write_input03.st2{width:90%;float:left;border:1px solid #ddd;}
table.bbs03.st3 input.write_input03.st3{width:43%;border:1px solid #ddd;}
table.bbs03.st3 input.write_input03.st4{width:80%;;padding:6px 5px;border:1px solid #ddd;}
table.bbs03.st3 select{width:60%;padding:6px 5px;border:1px solid #ddd;margin:3px}
table.bbs03.st3 button{border:1px solid #000;background-color:#333;color:#fff;font-size:12px;padding:10px;border-radius:2px}
table.bbs03 td.td_no, table.bbs03 td.td_date, table.bbs03 td.td_id{padding:0;text-align:center; }
table.bbs03 td.td_subj{font-weight:normal;background:#fff}
table.bbs03 .write_input03 {border:1px solid #bbb; padding:6px 5px; width:50%}
table.bbs03 .write_input04 {border:1px solid #bbb; padding:6px 5px; width:70%;}
table.bbs03 .write_input05 {border:1px solid #000; padding:6px 5px; width:95%; background:#FFF; }
table.bbs03 .write_input06{vertical-align: middle;display: table-cell;float:left;margin-top: 2px}

div.btn_bbs button.btn04{background-color:#f0f0f0; border:1px solid #bbb; padding:5px 10px;margin-top:5px}
table.bbs03.st3 textarea{width:94%;border:1px solid #ddd;height:30px;padding:6px 5px;line-height:1.5}
/*div .tr_view02 {display:none;}*/
td.post{z-index: 600;}
div.zip_code{position:relative;z-index: 800;width:100%}
div.zip_code ul{position:absolute;width:80%;border:1px solid #c5c5c5;background:#fff;z-index:999;height:140px;overflow:auto}
div.zip_code ul li{width:100%;line-height:2}
div.zip_code ul li~li{border-top:1px solid #c5c5c5}
div.zip_code ul li a{width:100%;display:inline-block;font-weight:normal;font-size:12px;letter-spacing:-1px;color:#000}
div.zip_code ul li a:hover{color:#ff7200}


/* Tablet Layout: 581px to 768px*/
@media only screen and (min-width:581px) {
	/* 타블릿 작은사이즈(581px ~ 659px) 상단 메뉴 디자인을 따로 줌 */
	table.bbs03.st3 input.write_input03.st3{width:30%}
	table.bbs03.st3 select{width:30%}
	table.bbs03.st3 div.tr_view02{display:inline; width:100%}
}

/* Tablet Layout: 660px to 768px*/
@media only screen and (min-width:660px) {
	div .tr_view02{display: inline;width: 100%;line-height: 1.5}
	div.zip_code ul{width:380px}
	
}


/* =============================================================================
   member_로그인
   ========================================================================== */
div.id_center{width:100%;display:inline-block}
div.center_in{width:100%;display:inline-block;background-color:#444853;border-radius:2px;}
div.center_in strong{color:#fff;padding-left:2%;line-height:250%}
div.big_box.stroke{border:1px solid #d7d7d7;}
div.big_box{width:99.8%;margin:20px 0;padding:20px 0 40px;}
div.big_box_in1{width:90%;display:inline-block;padding:0 4.5% 10%;white-space:pre-wrap;text-align:left;font-size:0.8em;line-height:1.6em;}
div.big_box_in1 h2{font-size:1.2em;}
div.big_box_in{width:100%;display:inline-block;border-bottom:1px solid #e0e0e0}
div.big_box_tit{width:100%;display:inline-block;border-bottom:1px solid #e0e0e0;text-align:left;color:#000}
div.big_box_tit h3{margin-bottom: 1%}
div.big_box_log{width:100%;display:inline-block;padding:3% 0}
div.big_box_log p{font-size:12px;text-align:left;color:#333;letter-spacing:-1px}
div.big_box_down{width:100%;display:inline-block}
div.login_ip{width:100%;display:inline-block;text-align:left}
div.login_ip_in{width:65%;display:inline-block}
div.login_ip_in input{width:96%;height:35px;border:1px solid #e0e0e0;padding:3px;margin: 0 0 6px 0;padding-left:10px;color:#444;font-size:0.9em;}
div.login_ip button{width:30%;padding:15px;display:inline-block;float:right;line-height:480%;border:1px solid #b92630;border-radius:4px;background:#c41414 url('../../resources/images/sub/log_btn_bg.jpg') no-repeat 0 0;background-size:cover;text-align:center;}
div.login_ip button img{vertical-align:middle;}
div.check_id{width:100%;text-align:left;margin:3px 0 20px 0}
div.check_id input{float:left;margin:3px 3px 0 0}
div.check_id p{color:#000;font-size:12px;padding-top: 0.5%}
div.big_box_id{border-top:1px dashed #cecece;padding:20px 0;text-align:left}
div.big_box_id01, div.big_box_id02{width:100%;display:inline-block;margin-bottom:5px;}
div.big_box_id01 p, div.big_box_id02 p{display:inline-block;line-height:26px;font-size:0.9em;}
div.big_box_id01 p img, div.big_box_id02 p img{vertical-align:top;margin:10px 5px 0 5px;}
div.big_box_id01 button, div.big_box_id02 button{clear:both;width:200px;height:26px;display:inline-block;background:url('../../resources/images/sub/log_icon_bg.jpg') no-repeat;}


@media only screen and (max-width:320px){
div.big_box{width:98%;margin:10px 0;padding:0;}
div.login_ip_in{width:100%;display:block;}
div.login_ip_in input{height:28px;}
div.login_ip button{clear:both;width:100%;padding:2px 0;display:block;}
div.big_box_id01 p, div.big_box_id02 p{width:auto;float:left;}
div.big_box .company_info img{width:100%;margin:auto;}
}

@media only screen and (min-width:321px) and (max-width:640px){
div.big_box{width:98%;margin:10px auto;padding:0;}
div.big_box_down.st2{clear:both;}
div.login_ip_in{width:100%;display:block;margin:0;}
div.login_ip_in input{height:28px;}
div.login_ip button{clear:both;width:100%;padding:2px 0;display:block;}
div.big_box_id01 p, div.big_box_id02 p{width:auto;float:left;margin-right:10px;}
div.big_box .company_info img{width:95%;margin:auto;}
}

@media only screen and (min-width:641px){
div.big_box{width:98%;margin:20px auto;padding:0;}
div.big_box_down{width:80%;padding-left:9%;}
div.big_box_down st2{width:98%;}
div.login_ip_in{width:65%;}
div.login_ip button{width:30%;padding:15px;display:inline-block;float:right;line-height:480%;}
div.big_box_id01 p, div.big_box_id02 p{float:left;}
div.big_box_id01 button, div.big_box_id02 button{clear:none;width:200px;height:26px;display:block;float:right;}
}




/* =============================================================================
   member_아이디비밀번호찾기
   ========================================================================== */
div.big_box_in.st2{border-bottom:none}
div.big_box_down.st2{width:100%;padding:0}
div.top_menu.st3{width:100%;display:inline-block;margin:5% 0 0 0;padding:0}
div.top_menu.st3 ul{width:100%;display:inline-block}
div.top_menu.st3 ul li{width:49.2%;display:inline-block;float:left;border: 1px solid #d2d2d4;background-color:#ddd;line-height: 300%}
div.top_menu.st3 ul li.on{border-bottom: none;background: #fff;border-color: #333;}
div.top_menu.st3 ul li a{color:#000;font-weight:bold;width:100%;display:inline-block}

div.big_box_down.st2 div.phone01,
div.big_box_down.st2 div.phone02{width:93.2%;height:260px;border:1px solid #e0e0e0;padding:3%;text-align:left;font-size: 0.9em;line-height: 1.5;overflow:hidden;}

div.big_box_down.st2 div.phone01.st2,
div.big_box_down.st2 div.phone02.st2{height: 310px}
div.phone_up{width:100%;display:inline-block;font-size:12px;border-bottom:1px solid #e0e0e0;padding-bottom:5%;margin-bottom:10px;}
div.phone_up strong{color:#000;line-height: 1.5}
div.phone_up p{letter-spacing:-1px;line-height: 1.5}
div.phone_down{width:100%;display:inline-block;padding:5% 0;}


iv.big_box_down.st2 div.phone03{width:93.2%;height: 275px;border:1px solid #e0e0e0;padding:3%;text-align:left;margin-top:3%;font-size: 0.9em;line-height: 1.5;}
div.phone03 .pw{clear:both;width:60%;margin:auto;display:inline-block;padding:5% 0;}
div.phone03 .pw label{width:80px;}
div.phone03 .pw input{border:1px solid #e0e0e0;display:inline-block;width:80%}
div.phone03 .pw1{clear:both;margin:10px auto;display:inline-block;padding:1% 0;width:95%;}
div.phone03 .pw1 li{height:35px;;margin-bottom:10px;}
div.phone03 .pw1 li label{display:block;float:left;width:32%;text-align:right;line-height:35px;margin-right:2%;}
div.phone03 .pw1 li input{float:left;border:1px solid #e0e0e0;display:inline-block;width:63%;height:35px;padding-left:1%;}
div.pw label.st2{display:inline-block;margin-right:2%;width:60px;float: left;line-height:1.5;padding-top:2px}
div.pw1 li label.st2{display:inline-block;margin-right:2%;width:27%;text-align:right;float: left;line-height:1.5;padding-top:2px;}

div.phone_down p{float:left;margin:0 5px}
div.phone_down1 p{width:50%;margin:auto;border:1px solid #000;}
div.names,
div.phone_in_in{width:100%;display:inline-block;margin-top:5px;line-height: 1.5}
div.names label.st2{display:inline-block;margin-right:3%;width:60px;float: left;line-height:1.5;padding-top:2px}

div.names label,div.id label,
div.phone_in_in label{display:inline-block;margin-right:3%;width:60px}
div.names input,
div.id input{border:1px solid #e0e0e0;display:inline-block;width:65%;line-height: 1.5;padding:6px 3px;}
div.phone_in_in input{border:1px solid #e0e0e0;display:inline-block;width:14%;padding:6px 3px;}
div.big_box_down.st2 div.btn{width:100%;display:inline-block;text-align:center;padding:5% 0}
div.big_box_down.st2 div.btn button{border:1px solid #444853;border-radius:2px;padding:2% 8%;background-color:#444853;color:#fff;font-weight:bold}
div.names p{font-size:12px}
div.names p a{color:#7a0041;text-decoration:underline;font-weight:bold}
div.phone_in_in select{border:1px solid #d0d0d0;width:22%;padding:6px 3px;}
div.phone_down label{display:inline-block;margin-right:3%;width:56px;float:left}
div.phone_down.st2{padding:2% 0}
div.phone_in_in input.mail{width:60%;line-height: 1.5;}
div.names p.heit{padding:2% 0}
div.phone_in_in label.birth {width: 56px;}

@media only screen and (min-width:581px) {
	div.big_box_down.st2 div.phone01{float:left;width:43.5%;}
	div.big_box_down.st2 div.phone02{float:right;width:43.5%}
	div.big_box_down.st2 div.phone03{width:100%;}
	div.big_box_down.st2 div.phone02 div.phone_in_in{margin:5px 0 0}
}
@media only screen and (min-width:660px) {
	/*div.big_box_down.st2 div.phone01 div.btn{margin:3% 0}*/
}
@media only screen and (min-width:722px) {
	/*div.big_box_down.st2 div.phone01 div.btn{margin:3% 0}*/
	div.phone03 .pw1{width:60%;border:1px solid #000;}
}
@media only screen and (max-width:320px) {
	div.phone_in_in select.email_select {display:none;}
	div.phone_in_in input.write_input03.st3{width:28%;}
}

/* =============================================================================
   member_회원가입
   ========================================================================== */
div.big_box.st2{margin:0;padding:2%;width:95.5%;text-align:left;background-color: #fff;padding-bottom:50px;}
div.top_menu.st3.st4{height: auto;margin: 2% 0 0 0;display:inline-block}
div.top_menu.st3.st4 li{width:33.33333%;height:38px;margin:1% 0;text-align:center;letter-spacing:-1px;font-size:0.8em;box-sizing:border-box;line-height:150%;padding:10px;float:left}


@media only screen and (max-width:420px){
	div.top_menu.st3.st4 li{line-height:180%;height:55px;}
	div.top_menu.st3.st4 li.padd{line-height: 270%}
	div.top_menu.st3.st4 li.else{line-height: 180%}
	div.top_menu.st3.st4 li.self_cert{line-height:1.2em;}
}



div.small_box{width:100%;display:inline-block;margin-top:5%;padding-bottom:20px;}
div.small_box h4{color:#000;width:90%;display:inline-block;background: url('../images/sub/h4_bg.gif') no-repeat 0 45%;padding-left:12px;line-height: 1.5}
div.small_box_in{width:95.2%;display:inline-block;border:1px solid #c5c5c5;overflow:auto;height:250px;margin-top:5px;line-height: 1.5;padding:2%;white-space:pre-wrap;font-size:0.9em;}
div.small_box div.check_id{width:100%;text-align:left;margin:0;margin-top: 5px}
div.small_box_ipin{width:89.2%;display:inline-block;border:1px solid #e0e0e0;padding:0 5%;margin-top:5px}
div.ipin01{width:90%;display:inline-block;padding:10% 5%;border-bottom:1px solid #e0e0e0}
div.ipin01 ul{width:99.2%;display:inline-block;border:1px solid #878787}
div.ipin01 ul li{width:50%;display:inline-block;float:left;text-align:center;line-height:300%;font-weight:bold;color:#595959;cursor:pointer;}
div.ipin01 ul li.on{color:#fff;background-color:#999}
div.ipin02{padding:5% 0;width:100%;display:inline-block;font-size:12px;color:#333;border-bottom:1px solid #e0e0e0}
div.ipin02 ul{width:100%;display:inline-block}
div.ipin02 ul li{padding:2% 0;width:100%;display:inline-block;line-height: 1.5}
div.ipin03{padding:5% 0;width:100%;display:inline-block;font-size:12px;color:#333;line-height: 1.5}
div.ipin03 ul{width:100%;display:inline-block}
div.ipin03 ul li{padding:2% 0;width:100%;display:inline-block}
div.ipin03 ul li p a{color:#000;text-decoration:underline;font-weight:bold}
table.bbs03.st4 th{color:#333;padding-left:2%;}
table.bbs03.st4 td{color:#333;text-align:left;}
table.bbs03.st4 td p{letter-spacing:-1px;color:#666;margin-top: 5px}
table.bbs03.st4 td button{border:1px solid #000;background-color:#333;color:#fff;font-size:12px;padding:4px;border-radius:2px}
table.bbs03.st4 td select{border:1px solid #bbb;width:60%;padding:4px;margin: 2px 0;padding:6px 5px;}
table.bbs03.st4 td input.min_cal{width:30%;border:1px solid #bbb;display:inline-block;padding:6px 5px;}
table.bbs03.st4 td input.write_input03.st2{margin: 1% 1% 0 0;width:100%}
table.bbs03.st4 td input.write_input03.st4{width:98%}
table.bbs03.st4 td input.write_input03.st5{width:98%;margin: 2px 0}
div.small_box.st2{margin:10% 0 0 0;text-align:center;width:100%;display:inline-block}
div.small_box.st2 h2{letter-spacing:-0.5px;margin:25px 0 10px}
div.small_box.st2 h2 strong{color:#000}
div.small_box.st2 p{width:100%;display:inline-block;font-size:12px;letter-spacing:-0.5px;line-height: 1.5}
div.small_box.st2 p a{color:#7a0041;font-weight:bold}

div.ipin04{padding:5% 0;width:100%;display:inline-block;font-size:12px;color:#333;border-bottom:1px solid #e0e0e0;text-align:center}
div.ipin04_01,
div.ipin04_02,
div.ipin04_03{width:100%;text-align:left;display:inline-block;margin:1% 0}
div.ipin04_01 label{display:inline-block;width:57px;line-height:1.5}
div.ipin04_01 input{border:1px solid #e0e0e0;width:73%;padding:6px 5px;}
div.ipin04_02 label,
div.ipin04_03 label,
div.ipin04_04 label{display:inline-block;width:53px;line-height:1.5}
div.ipin04_02 select{border:1px solid #e0e0e0;width:24%;padding:6px 5px;}
div.ipin04_02 input{border:1px solid #e0e0e0;width:23%;padding:6px 5px;}
div.ipin05{padding:5% 0;width:100%;display:inline-block;font-size:12px;color:#333;line-height: 1.5}
div.ipin05 ul{width:100%;display:inline-block}
div.ipin05 ul li{padding:2% 0;width:100%;display:inline-block}


@media only screen and (min-width:660px) {
	table.bbs03.st4 td input.write_input03.st3{width:20%}
	table.bbs03.st4 td select{width:20%}
	table.bbs03.st4 td input.write_input03.st4, table.bbs03.st4 td select.write_input03.st4{width:47%}
	table.bbs03.st4 td input.write_input03.st5{width:47%;margin-left:1%}
	div.top_menu.st3.st4 li{width:33%}
	div.ipin04_01,
	div.ipin04_02,
	div.ipin04_03{width:60%}
}


/* =============================================================================
   00_검색결과페이지
   ========================================================================== */
/*div.search_area01{width: 94%;display: inline-block;padding: 3%}
div.search_area01 span{font-weight: bold;color: #005aff}
div.search_area02{display: inline-block;width: 100%}
div.search_area02 div.head{width: 100%;display: inline-block}
div.search_area02 div.head h4{background: url('../images/sub/h4_bg.gif') no-repeat 0 6px;color: #000;padding-left: 13px}
div.search_img{width: 100%;display: inline-block;margin: 10px 0}
div.search_img div.search_img_left{width: 60px;display: inline-block;float: left;margin-right: 10px}
div.search_img div.search_img_left img{width: 60px;display: inline-block}
div.search_img div.search_img_right{width: auto;display: inline-block;line-height:1.5}
div.search_img div.search_img_right strong span{color: #005aff}
div.search_img div.search_img_right p{font-size: 12px}
table.bor td p b{color: #005aff}*/


/* 검색결과 - 김인경 */
.search_area.total{width:100%;padding:0;}
.search_area.total .total_srch {line-height:2em;border:1px solid #ccc;margin-bottom:20px;padding:6px 5px;background-color:#FFF;color:#333;}
.total_srch strong{color:#b92630;padding:0 3px;}
.total_g{margin-top:20px;}
.total_g .tit_sub{}
.total_g .tit_sub h4{background-position:0 47%; padding-left:1.5%; color:#666;}
.total_g .tit_sub h4 strong{color:#b92630;padding:0 3px;}
.total_g .tit_sub h4 .tot{color:#000;}
.total_g .btn_area{font-size:11px;}

@media only screen and (min-width:361px) and (max-width:780px) {
	.total_g .tit_sub h4{padding-left:2%;}
}
@media only screen and (max-width:360px) {
	.search_area.total{font-size:0.8em;}
	.total_g .tit_sub h4{padding-left:4% !important;}
}