#container #contents .ul_intro { margin:20px auto; }
#container #contents .ul_intro li { width:100%; line-height:30px; border-bottom:1px solid #ddd; text-align:center; }
#container #contents .ul_intro li.intro_list_top { background:#e6e7e8; font-weight:bold; }
#container #contents .ul_intro li:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .ul_intro li div { width:25%; float:left; }
#container #contents .p_inner h3 { margin-top:35px; font-weight:bold; }
#container #contents .p_inner h4 { margin-top:25px; margin-bottom:15px; }
#container #contents .p_inner p { margin-bottom:15px; }

#container #contents .pc_cont { display:block !important; }
#container #contents .mo_cont { display:none !important; }
#container #contents .pc_inline { display:inline !important; }
#container #contents .mo_inline { display:none !important; }
	
@media (max-width:640px) {
	#container #contents .cont_2 .ul_intro { width:90%; min-height:60px; margin:20px auto; }
	#container #contents .cont_2 .ul_intro:after { display:block; visibility:hidden; content:''; clear:both; }
	#container #contents .cont_2 .ul_intro li { width:70%; height:auto; line-height:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; float:left; }
	#container #contents .cont_2 .ul_intro li.intro_list_top { width:30%; background:#e6e7e8; font-weight:bold; }
	#container #contents .cont_2 .ul_intro li div { float:left }
	#container #contents .cont_2 .ul_intro li div.intro01 { width:100%; }
	#container #contents .cont_2 .ul_intro li div.intro02 { width:100%; }
	#container #contents .cont_2 .ul_intro li div.intro03 { width:100%; }
	
	#container #contents .pc_cont { display:none !important; }
	#container #contents .mo_cont { display:block !important; }
	#container #contents .pc_inline { display:none !important; }
	#container #contents .mo_inline { display:inline !important; }

}

	.tapmenu a { display:block; float:left; }

	.margin_b40 { margin-bottom:40px; }
	.margin_b30 { margin-bottom:30px; line-height:23px; }
	.txt_title { font-weight:bold; font-size:18px; }
	.txt02 { font-weight:bold; }
	
	#container #contents .bold { font-weight:bold; }
	#container #contents .sizeup { font-size:18px; }
/* Start intro css */
#container { width:1244px; margin:0 auto; }
#container:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents { width:847px; margin-left:53px; float:left; }
#container #contents .title { font-size:2.2em; font-weight:800; text-align:center; }
#container #contents hr { margin-top:0px; margin-bottom:10px; }
#container #contents .cont_1 { display:block; width:100%; position:relative; background:#fff; }
#container #contents .cont_1:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_1 img { width:100%; }
#container #contents .cont_1 .visual_title { position:absolute; top:35px; left:19px; color:#fff; }
#container #contents .cont_1 .visual_title .text_1 { font-size:36px; font-weight:bold; line-height:46px; }
#container #contents .cont_1 .visual_title .text_2 { font-size:24px; }
#container #contents .blue { color:#5b0f12; }
#container #contents .cont_2 { display:block; width:100%; position:relative; padding:35px; font-size:1.0em; background:#fff; }
#container #contents .cont_3 { display:block; width:100%; position:relative; padding:35px; background:#fff; }
#container #contents .cont_3:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_4 { display:block; width:100%; position:relative; padding:35px; font-size:1.0em; background:#fff; }
#container #contents .cont_2 .cont_2_1 { width:100%; float:left; font-size:1.0em; line-height:1.6em; }
#container #contents .cont_2 .cont_2_2 { width:289px; margin-left:80px; margin-bottom:40px; float:left; }
#container #contents .cont_2 .cont_2_3 { position:absolute; bottom:40px; left:19px; width:272px; height:80px; }
#container #contents .cont_2 .text .blue { color:#01bafd; font-weight:bold; }
#container #side { width:263px; margin-left:30px; float:left; }
#container #side .title { font-size:22px; font-weight:bold; }
#container #side .text_box { margin-left:10px; }
#container #side .category { width:100%; min-height:251px; background:#fff; margin-bottom:10px; padding:22px 13px; }
#container #side .category ul li { margin-bottom:10px; }
#container #side .category ul li.active { color:#fd6161; }
#container #side #counsel { position:relative; width:100%; height:255px; background:#fff; margin-bottom:27px; padding:22px 13px; }
#container #side #counsel .input_1 { width:163px; height:26px; margin-left:10px; border:1px solid #c1c1c1; }
#container #side #counsel .input_2 { width:46px; height:26px; margin-left:10px; border:1px solid #c1c1c1; }
#container #side #counsel .input_3 { width:46px; height:26px; border:1px solid #c1c1c1; }
#container #side #counsel .gray { color:#c1c1c1; }
#container #side #counsel .input_check { width:16px; height:16px; margin-right:2px; float:right; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
#container #side #counsel .btn { position:absolute; bottom:22px; right:14px; background:#01bafd; color:#fff; border-radius:0; }
#container #side #counsel .text { font-size:11.7px; color:#9d9c9c; }
#container #side #support { width:100%; }
#container #side #support .support_1 { width:100%; }
#container #side #support .support_1 img { width:100%; }
@media (max-width: 1199px) {
	#container { width:100%; padding:0 30px; }
	#container #contents { width:75%; margin:0; }
	#container #side { width:25%; margin:0; padding-left:20px; }
}
@media (max-width: 991px) {
	#container { padding:0 20px; }
	#container #contents { width:100%; }
	#container #side { width:100%; padding:50px 0; }
	#container #side .category { width:230px; float:left; }
	#container #side #support { width:230px; float:left; margin-left:20px; }
	#container #contents .cont_2 { padding:35px 20px; }
}
@media (max-width: 640px) {
	#container { padding:0 15px; }
	#container #side  { padding-bottom:0px; }
	#container #side .category { display:none; }
	#container #side #support { width:100%; margin:0; padding:0 30px; }
	#container #contents .cont_2 { padding:35px 0px; }
	#container #contents .cont_3 { padding:35px 0px; }
	#container #contents .cont_4 { padding:0; }
}
/* End intro css */

/* Start process css */
#container #contents .p_title { padding:30px 0; text-align:center; font-size:2em; font-weight:800; }
#container #contents .p_content { position:relative; margin-bottom:20px; }
#container #contents .p_content img { width:100%; }
#container #contents .p_info { width:100%; position:absolute; top:130px; left:0; }
#container #contents .process_name { text-align:center; font-size:2.2em; font-weight:bold; color:#f68e56; }
#container #contents .p_text { text-align:center; font-size:1.2em; }
@media (max-width: 1199px) {
	#container #contents .p_info { top:100px; padding:0 50px; }
}
@media (max-width: 991px) {
	#container #contents .p_info { top:80px; padding:0 50px; }
	#container #contents .process_name { font-size:2.0em; }
	#container #contents .p_text { margin-bottom:5px; font-size:1.0em; }
}
@media (max-width: 640px) {
	#container #contents .p_content {  }
	#container #contents .p_info { position:initial; padding:20px; }
	#container #contents .process_name { font-size:1.4em; margin-bottom:5px; }
	#container #contents .p_text { font-size:0.9em; }
}
/* End process css */

/* Start process_detail css */
#container #contents .cont_1 .visual_title .text_3 { font-size:60px; font-weight:bold; color:#ddd; line-height:56px; }
#container #contents .cont_1 .visual_title .text_4 { font-size:32px; color:#e15c5d; }
#container #contents .cont_1 .visual_title02 { width:100%; position:absolute; bottom:0px; left:0px; }
#container #contents .cont_2 .title .blue { color:#5b0f12; }
#container #contents .cont_2 .hr_blue { border-top:3px solid #5b0f12; margin:0; }
#container #contents .cont_2 .ul_process { width:100%; }
#container #contents .cont_2 .ul_process li { border-bottom:1px solid #ddd; width:100%; height:44px; }
#container #contents .cont_2 .ul_process .left { width:20%; height:100%; padding-left:19px; float:left; background:#d1f3ff; line-height:43px; }
#container #contents .cont_2 .ul_process .right { width:80%; height:100%; padding:4px 19px 0 8px; float:left; font-size:13px; line-height:16px; text-align:left; }
#container #contents .cont_2 .ul_process .right .right_1 { width:215px; float:left; }
#container #contents .cont_2 .ul_process .right .right_2 { width:215px; float:left; }
#container #contents .cont_2 .ul_process .lineheight34 { line-height:34px; }
#container #contents .cont_2 .ul_process .width250 { width:250px; background:#fff; }
#container #contents .cont_2 .ul_process li.height80 { height:80px; }
#container #contents .cont_2 .ul_process li.height80 .left { line-height:80px; }
#container #contents .cont_2 .ul_process li.height60 { height:60px; }
#container #contents .cont_2 .ul_process li.height60 .left { padding-top:6px; line-height:22px; }
#container #contents .cont_2 .ul_process li.height60 .right { line-height:50px; }
#container #contents .cont_2 .text { margin-top:13px; font-size:13px; }
#container #contents .related_process { display:inline-block; width:100%; font-size:1.0em; margin-top:20px; height:242px; }
#container #contents .related_process .title { padding-left:19px; }
#container #contents .related_process .process { padding:0; margin:0 7px; }
@media (max-width: 1199px) {
	#container #contents .cont_1 .visual_title02 { bottom:5px; }
}
@media (max-width:991px) {
	#container #contents .cont_1 .visual_title02 { position:initial; }
}
@media (max-width: 640px) {
}
/* End process_detail css */

/* Start lecture css */
#container #contents .tapmenu { display:inline-block; width:100%; height:45px; background:#01bafd; }
#container #contents .tapmenu li { display:inline-block; line-height:45px; padding:0 30px; font-size:18px; color:#fff; }
#container #contents .tapmenu li.active { background:#45a0de; }
#container #contents .tapmenu li:hover { background:#45a0de; }
#container #contents .list_top { width:100%; background:#96191e; }
#container #contents .list_top:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .list_top li { display:block; float:left; line-height:50px; font-size:17px; font-weight:bold; color:#fff; }
#container #contents .list_top li span.gray { color:#c1c1c1; }
#container #contents .cont_1 .check { width:63px; }
#container #contents .check .input_check { width:16px; height:16px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
#container #contents .cont_1 .lecture { width:440px; }
#container #contents .cont_1 .teacher { width:82px; }
#container #contents .cont_1 .price { width:110px; }
#container #contents .cont_1 .sample { width:110px; }
#container #contents .play_btn { width:100%; max-width:100px; height:30px; line-height:22px; background:#fb7c7c; border:none; color:#fff; }
#container #contents .list { width:100%; border-bottom:1px solid #ddd; text-align:center; }
#container #contents .list:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .list li { display:block; float:left; line-height:50px; }
#container #contents .list:hover { background:#e9e9e9; }
#container #contents .btn_area { margin-top:20px; padding:10px; text-align:center; }
#container #contents .cart { display:inline-block; width:100%; margin-top:27px; padding:20px 14px; background:#fff; }
#container #contents .cart ul li { display:inline-block; width:100%; margin:5px 0; font-size:16px; }
#container #contents .left { width:70%; float:left; }
#container #contents .right { width:30%; float:right; text-align:right; }
#container #contents .cart hr { margin-top:60px; }
#container #contents .cart .btn { width:120px; height:34px; margin:20px 0; background:#01bafd; color:#fff; border-radius:0; font-size:16px; }
#container #contents .red { color:#96191e; }
/* lecture-payment.html */
#container #contents .title_blue { display:inline-block; width:100%; border-bottom:3px solid #5b0f12; }
#container #contents .title_blue li { display:inline-block; line-height:40px; margin-bottom:10px; padding:0 15px; font-size:1.4em; font-weight:800; border-left:3px solid #5b0f12; color:#5b0f12;}
#container #contents .cont_4 .lecture { width:600px; }
#container #contents .cont_4 .price { width:100px; }
#container #contents .cont_4 .del { width:69px; }
#container #contents .list_last { display:inline-block; width:100%; height:48px; padding-left:19px; }
#container #contents .list_last li { display:inline-block; line-height:48px; font-size:17px; font-weight:bold; }
#container #contents .list_last li span.gray { color:#c1c1c1; }
#container #contents .cont_4 .sale li { display:inline-block; line-height:48px; font-size:17px; border-bottom:1px solid #ddd; }
#container #contents .cont_4 .sale .left { width:65%; float:left; padding-left:36px; }
#container #contents .cont_4 .sale .left .name { display:inline-block; width:90px; }
#container #contents .cont_4 .sale .left .sale_input { line-height:26px; border:1px solid #c1c1c1; }
#container #contents .cont_4 .sale .left .sale_btn { line-height:26px; background:#01bafd; color:#fff; border:none; margin-left:10px; padding:0 22px; font-size:16px; }
#container #contents .cont_4 .sale .right { width:35%; text-align:left; float:left; }
#container #contents .cont_4 .sale .right .red { margin-left:10px; color:#96191e; }
#container #contents .cont_4 .sale .right .name { display:inline-block; width:90px; }
#container #contents .cont_4 .check_area { text-align:right; padding:20px 25px 0 0; }
#container #contents .cont_4 .check_area .check { margin-left:20px; }
#container #contents .cont_4 .check_area .check .case_check { width:16px; height:16px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:none; }
#container #contents .cont_4 .btn_area { text-align:right; margin:20px 0; }
#container #contents .cont_4 .btn_area .btn_white { background:#fff; color:#01bafd; margin-right:20px; padding:5px 20px; border:1px solid #01bafd; }
#container #contents .cont_4 .btn_area .btn_blue { background:#01bafd; color:#fff; margin-right:20px; padding:5px 20px; border:1px solid #01bafd; }

/* lecture-confirm.html */
#container #contents .cont_4 .confirm { display:inline-block; width:100%; height:45px; }
#container #contents .cont_4 .confirm li { width:100%; height:45px; line-height:21px; padding:12px 0 12px 36px; border-bottom:1px solid #ddd; }
#container #contents .cont_4 .confirm .li_title { margin-right:20px; }
#container #contents .cont_4 .confirm .red { color:#96191e; }
#container #contents .cont_4 .confirm .breakdown { display:inline-block; margin-left:20px; padding-left:20px; border-left:1px solid #ddd; }
#container #contents .cont_4 .confirm .deposit_name { width:163px; height:26px; margin-right:20px; border:1px solid #c1c1c1; }
@media (max-width: 1199px) {
	#container #contents .cont_1 .lecture { width:300px; }
	#container #contents .cont_4 .lecture { width:75%; }
	#container #contents .cont_4 .price { width:15%; }
	#container #contents .cont_4 .del { width:10%; }
}
@media (max-width: 991px) {
	#container #contents .cont_1 .lecture { width:215px; }
	#container #contents .cont_4 .lecture { width:70%; }
	#container #contents .cont_4 .price { width:15%; }
	#container #contents .cont_4 .del { width:15%; }
}
@media (max-width: 640px) {
	#container #contents .cont_4 .lecture { width:55%; font-size:0.9em; }
	#container #contents .cont_4 .price { width:25%; font-size:0.9em; }
	#container #contents .cont_4 .del { width:20%; font-size:0.9em; }
	#container #contents .cont_1 .check { width:15%; font-size:0.9em; }
	#container #contents .cont_1 .lecture { width:40%; font-size:0.9em; }
	#container #contents .cont_1 .price { width:20%;font-size:0.9em; }
	#container #contents .cont_1 .detail { width:25%; font-size:0.9em; }
	#container #contents .cont_1 .sample {  }
}
/* End lecture css */

/* Start request css */
 @media (min-width:1200px) {
	#container #contents .cont_3 .check { width:60px; }
	#container #contents .cont_3 .license_name { width:400px; }
	#container #contents .cont_3 .user_name { width:130px; }
	#container #contents .cont_3 .birth { width:130px; }
	#container #contents .cont_3 .input_4{ width:95%; height:30px; line-height:30px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .input_100px{ width:100px; height:30px; line-height:30px; border:1px solid #c1c1c1; }	
	#container #contents .cont_3 .input_50px{ width:50px; height:30px; line-height:30px; border:1px solid #c1c1c1; }	
	#container #contents .cont_3 .input_673px{ width:673px; height:30px; line-height:30px; border:1px solid #c1c1c1; }	
	#container #contents .cont_3 .picture { width:120px; }
	#container #contents .cont_3 .picture02 { display:none; }
	#container #contents .cont_3 .picture_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info { width:100%; }
	#container #contents .cont_3 .request_info li { width:100%; height:44px; border-bottom:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_left { width:96px; height:20px; margin:12px 0; padding-left:19px; float:left; border-right:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_right { width:713px; height:44px; padding-left:21px; float:left; line-height:44px; }
	#container #contents .cont_3 .request_info .li_right .li_input_1 { width:137px; height:30px; line-height:30px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_2 { width:673px; height:30px; line-height:30px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_3 { width:53px; height:30px; line-height:30px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .search_btn { width:120px; height:26px; margin-left:10px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info .li_right .input_check_1 { width:14px; height:14px; margin-right:5px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info .li_right .input_check_2 { width:14px; height:14px; margin:0 5px 0 15px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info li.line3 { height:132px; }
	#container #contents .cont_3 .request_info li.line3 .li_left { height:108px; }
	#container #contents .cont_3 .right .request_btn { margin:20px 5px 0 5px; padding:5px 30px; background:#01bafd; color:#fff; border:none; }
	#container #contents .cont_2 .text_box { padding-top:10px; }
}
@media (max-width: 1199px) {
	#container #contents .cont_3 .check { width:8%; }
	#container #contents .cont_3 .license_name { width:42%; }
	#container #contents .cont_3 .user_name { width:16%; }
	#container #contents .cont_3 .birth { width:16%; }
	#container #contents .cont_3 .input_4{ width:95%; height:30px; line-height:22px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .picture { display:none; }
	#container #contents .cont_3 .picture02 { width:13%; }
	#container #contents .cont_3 .picture_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info { width:100%; }
	#container #contents .cont_3 .request_info li { width:100%; height:44px; border-bottom:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_left { width:25%; height:20px; margin:12px 0; padding-left:19px; float:left; border-right:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_right { width:75%; height:44px; padding-top:9px; padding-left:21px; float:left; line-height:26px; }
	#container #contents .cont_3 .request_info .li_right .li_input_1 { width:40%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_2 { width:95%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_3 { width:20%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .search_btn { width:120px; height:26px; margin-left:10px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info .li_right .input_check_1 { width:14px; height:14px; margin-right:5px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info .li_right .input_check_2 { width:14px; height:14px; margin:0 5px 0 15px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info li.line3 { height:132px; }
	#container #contents .cont_3 .request_info li.line3 .li_left { height:108px; }
	#container #contents .cont_3 .request_info li.line3 .li_right { line-height:36px; }
	#container #contents .cont_3 .right .request_btn { margin:20px 5px 0 5px; padding:5px 30px; background:#01bafd; color:#fff; border:none; }
	#container #contents .cont_2 .text_box { padding-top:10px; }
}
@media (max-width: 640px) {
	#container #contents .cont_3 .check { width:8%; }
	#container #contents .cont_3 .license_name { width:100%; font-size:1.2em; font-weight:bold; }
	#container #contents .cont_3 .user_name { width:16%; }
	#container #contents .cont_3 .birth { width:16%; }
	#container #contents .cont_3 .input_4{ width:95%; height:30px; line-height:22px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .picture { display:none; }
	#container #contents .cont_3 .picture02 { width:13%; }
	#container #contents .cont_3 .picture_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info { width:100%; }
	#container #contents .cont_3 .request_info li { width:100%; height:44px; border-bottom:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_left { width:25%; height:20px; margin:12px 0; padding-left:19px; float:left; border-right:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_right { width:75%; height:44px; padding-top:9px; padding-left:21px; float:left; line-height:26px; }
	#container #contents .cont_3 .request_info .li_right .li_input_1 { width:40%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_2 { width:95%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_3 { width:20%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .search_btn { width:100px; height:26px; margin-left:10px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info .li_right .input_check_1 { width:14px; height:14px; margin-right:5px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info .li_right .input_check_2 { width:14px; height:14px; margin:0 5px 0 15px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info li.line3 { height:132px; }
	#container #contents .cont_3 .request_info li.line3 .li_left { height:108px; }
	#container #contents .cont_3 .request_info li.line3 .li_right { line-height:36px; }
	#container #contents .cont_3 .right .request_btn { margin:20px 5px 0 5px; padding:5px 30px; background:#01bafd; color:#fff; border:none; }
	#container #contents .cont_2 .text_box { padding-top:10px; }
}
/* End request css */

/* Start request_check css */
@media (min-width: 1200px) {
	#container #contents .cont_3 hr { border-top:2px solid #ddd; margin-bottom:0; }
	#container #contents .cont_3 .no { width:60px; }
	#container #contents .cont_3 .name { width:265px; }
	#container #contents .cont_3 .date { width:110px; }
	#container #contents .cont_3 .price { width:90px; }
	#container #contents .cont_3 .info { width:90px; }
	#container #contents .cont_3 .state { width:90px; }
	#container #contents .cont_3 .cancel { width:60px; }
}
@media (max-width: 1199px) {
	#container #contents .cont_3 hr { border-top:2px solid #ddd; margin-bottom:0; }
	#container #contents .cont_3 .no { width:10%; }
	#container #contents .cont_3 .name { width:30%; }
	#container #contents .cont_3 .date { width:14%; }
	#container #contents .cont_3 .price { width:13%; }
	#container #contents .cont_3 .info { width:18%; }
	#container #contents .cont_3 .state { width:12%; }
	#container #contents .cont_3 .cancel { display:none; }
}
@media (max-width: 640px) {
	#container #contents .cont_3 hr { border-top:2px solid #ddd; margin-bottom:0; }
	#container #contents .cont_3 .no { width:10%; display:none; }
	#container #contents .cont_3 .name { width:30%; }
	#container #contents .cont_3 .date { width:33%;}
	#container #contents .cont_3 .price { width:13%; }
	#container #contents .cont_3 .info { width:18%; }
	#container #contents .cont_3 .state { width:33%; }
	#container #contents .cont_3 .cancel { display:none; }
}
/* Start request_check css */

/* Start cscenter css */
#container #contents .cont_2 .check { width:20px; }
#container #contents .cont_2 .list li { padding-left:0; }
#container #contents .uid { width:60px; }
#container #contents .title02 { width:400px; text-align:left; }
#container #contents .cont_2 .list .title02 { text-align:left; }
#container #contents .user { width:80px; }
#container #contents .date { width:120px; }
#container #contents .view { width:80px; }
#container #contents .num { width:120px; }
#container #contents .print { width:140px; }
#container #contents .print span { padding:5px 15px; background:#ddd; border-radius:5px; }
#container #contents .cont_2 .list_top { text-align:center; }
#container #contents .cont_2 .list { text-align:center; }
#container #contents .btn01 { margin:0 5px; padding:5px 10px; background:#fff; color:#01bafd; border:1px solid #01bafd; }
#container #contents .btn01:hover {background:#01bafd; color:#fff; }
#container #contents .btn02 { margin:0 5px; padding:5px 20px; background:#f17777; color:#fff; border:1px solid #cbc9c9; font-size:1.2em; }
#container #contents .btn03 { margin:0; padding:10px 30px; background:#fff; color:#01bafd; border:1px solid #01bafd; font-weight:bold; }
#container #contents .btn03:hover { background:#01bafd; color:#fff; }
#container #contents .btn04 { margin:0 5px; padding:5px 20px; background:#fff; color:#f17777; border:1px solid #cbc9c9; font-size:1.2em; }
#container #contents .page { padding-top:20px; clear:both; text-align:center; }
#container #contents .page li { display:inline-block; padding:0 5px; }
#container #contents .page li.active { font-weight:bold; }
#container #contents .page li:hover { font-weight:bold; }

#container #contents .cont_2 .b_agree { height:220px; padding:30px 35px; overflow-y:scroll; border:1px solid #cbc9c9; }
#container #contents .cont_2 .b_agree_check { margin-top:20px; }
#container #contents .cont_2 .board { margin:30px 0; border-top:1px solid #b4b1b1; }
#container #contents .cont_2 .board_li { line-height:30px; background:#f8f7f7; border-bottom:1px solid #b4b1b1; font-size:1.1em; }
#container #contents .cont_2 .board_li:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_2 .board_li .b_li_title { width:20%; float:left; padding:10px; text-align:center; color:#96191e; font-weight:bold; }
#container #contents .cont_2 .board_li .b_li_content { width:80%; float:left; padding:10px; background:#fff; }
#container #contents .cont_2 .board_li select { padding:5px; border:1px solid #cbc9c9; }
#container #contents .cont_2 .board_li input { padding:5px; border:1px solid #cbc9c9; }
#container #contents .cont_2 .board_li textarea { min-height:300px; padding:5px; border:1px solid #cbc9c9; }
#container #contents .cont_2 .board_li .b_input1 { width:25%; min-width:100px; }
#container #contents .cont_2 .board_li .b_input2 { width:50%; }
#container #contents .cont_2 .board_li .b_input3 { width:100%; }
#container #contents .cont_2 .b_btn_area { text-align:center; }
@media (max-width: 1199px) {
	#container #contents .cont_2 .check { width:6%; }
	#container #contents .uid { display:none !important; }
	#container #contents .title02 { width:54%; }
	#container #contents .cont_2 .list .title02 { text-align:left; }
	#container #contents .user { width:17%; }
	#container #contents .date { width:17%; }
	#container #contents .view { display:none !important; }
	#container #contents .num { width:15%; }
	#container #contents .print { width:120px; }
	#container #contents .cont_2 .list_top { text-align:center; }
	#container #contents .cont_2 .list {  }
	#container #contents .btn01 { margin:0 1px; padding:5px 7px; background:#fff; color:#01bafd; border:1px solid #01bafd; font-size:1.0em; }
	#container #contents .btn02 { }
	#container #contents .btn03 { padding:5px 25px; }
	#container #contents .page { padding-top:20px; clear:both; text-align:center; }
	#container #contents .page li { display:inline-block; padding:0 5px; }
	#container #contents .page li.active { font-weight:bold; }
	#container #contents .page li:hover { font-weight:bold; }
}
@media (max-width: 640px) {
	#container #contents .cont_2 .b_agree { padding:15px; }	
	#container #contents .cont_2 .check { width:8%; }
	#container #contents .uid { display:none !important; }
	#container #contents .title02 { width:54%; }
	#container #contents .cont_2 .list .title02 { text-align:left; }
	#container #contents .user { width:17%; }
	#container #contents .date { width:17%; }
	#container #contents .view { display:none !important; }
	#container #contents .num { width:33%; }
	#container #contents .print { width:50%; }
	#container #contents .cont_2 .list_top { display:none; }
	#container #contents .cont_2 .list {  }
	#container #contents .btn01 { margin:0 1px; padding:5px 7px; background:#fff; color:#01bafd; border:1px solid #01bafd; font-size:1.0em; }
	#container #contents .btn02 {  }
	#container #contents .page { padding-top:20px; clear:both; text-align:center; }
	#container #contents .page li { display:inline-block; padding:0 5px; }
	#container #contents .page li.active { font-weight:bold; }
	#container #contents .page li:hover { font-weight:bold; }
	#container #contents .cont_2 .board_li { line-height:25px; }
	#container #contents .cont_2 .board_li .b_li_title { width:100%; text-align:left; }
	#container #contents .cont_2 .board_li .b_li_content { width:100%; }
}
/* End cscenter css */

/* Start mypage css */
#container #contents .class_list:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .class_list.list_top .no { background:#96191e; color:#fff; }
#container #contents .class_list .no { width:5%; float:left; background:#eee; color:#96191e; text-align:center; font-weight:bold; }
#container #contents .class_list .period { width:30%; float:left; }
#container #contents .class_list.list_top .name { padding-top:0; line-height:50px; text-align:center; }
#container #contents .class_list .name { width:25%; float:left; padding-top:4px; line-height:22px; text-align:left; }
#container #contents .class_list .progress01 { width:10%; float:left; }
#container #contents .class_list .test { width:15%; float:left; }
#container #contents .class_list .lectureroom { width:15%; float:left; }
#container #contents .class_list .score { width:15%; float:left; }
#container #contents .class_list .complete { width:15%; float:left; }
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
	
}
@media (max-width: 640px) {
#container #contents .class_list .no { width:10%; min-height:150px; }
#container #contents .class_list .period { width:90%; }
#container #contents .class_list .name { width:90%; padding:4px 15px; font-weight:bold; font-size:1.1em; text-align:center; }
#container #contents .class_list .progress01 { width:35%; }
#container #contents .class_list .test { width:35%; }
#container #contents .class_list .lectureroom { width:20%; }
#container #contents .class_list .score { width:35%; }
#container #contents .class_list .complete { width:20%; }
}
/* End mypage css */

/* Start mypage_contents css */
#container #contents .cont_1 .contents_top { width:100%; height:46px; background:#01bafd; }
#container #contents .cont_1 .contents_top p { display:inline-block; height:100%; float:left; padding:0 27px; color:#fff; line-height:46px; }
#container #contents .cont_1 .contents_top .contents01 { background:#45a0de; font-size:22px; }
#container #contents .cont_1 .contents_top .contents02 { font-size:22px; }
#container #contents .cont_1 .contents_top .contents03 { font-size:22px; }
#container #contents .cont_1 .contents_top .contents04 { font-size:15px; }
#container #contents .cont_1 .contents_bottom { width:100%; height:206px; background:#93d9d1; }
#container #contents .cont_1 .contents_bottom .study { color:#333; width:90%; margin:0 auto; padding:130px 0 10px 0;}
#container #contents .cont_1 .contents_bottom .blue { color:#185f90; }
#container #contents .cont_1 .contents_bottom .orange { color:#fa7000; }
#container #contents .cont_1 .contents_bottom .progress_bg { background:#e0e0e0; width:90%; height:22px; margin:0 auto; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_now { background:#ffa800; width:10%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_0 { background:#ffa800; width:0%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_10 { background:#ffa800; width:10%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_20 { background:#ffa800; width:20%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_30 { background:#ffa800; width:30%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_40 { background:#ffa800; width:40%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_50 { background:#ffa800; width:50%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_60 { background:#ffa800; width:60%; height:100%; }		
#container #contents .cont_1 .contents_bottom .progress_bg .progress_70 { background:#ffa800; width:70%; height:100%; }		
#container #contents .cont_1 .contents_bottom .progress_bg .progress_80 { background:#ffa800; width:80%; height:100%; }		
#container #contents .cont_1 .contents_bottom .progress_bg .progress_90 { background:#ffa800; width:90%; height:100%; }		
#container #contents .cont_1 .contents_bottom .progress_bg .progress_100 { background:#ffa800; width:100%; height:100%; }		
#container #contents .cont_4 .tapmenu li { padding:0 20px; }
#container #contents .cont_4 .time { width:100px; }
#container #contents .cont_4 .name01 { width:380px; }
#container #contents .cont_4 .list .name01 { padding:5px; line-height:1.4em; }
#container #contents .cont_4 .progress02 { width:70px; }
#container #contents .cont_4 .attendance { width:100px; }
#container #contents .cont_4 .play { width:110px; }
@media (max-width: 1199px) {
	#container #contents .cont_1 .contents_top {  }
	#container #contents .cont_1 .contents_top p { display:inline-block; height:100%; float:left; padding:0 20px; color:#fff; line-height:46px; }
	#container #contents .cont_1 .contents_top .contents01 { background:#45a0de; }
	#container #contents .cont_1 .contents_top .contents03 { display:none; }
	#container #contents .cont_1 .contents_top .contents04 { display:none; }
	#container #contents .cont_1 .contents_bottom {  }
	#container #contents .cont_1 .contents_bottom .study { color:#fff; width:90%; margin:0 auto; padding:130px 0 10px 0; font-size:0.8em; }
	#container #contents .cont_1 .contents_bottom .blue { color:#185f90; }
	#container #contents .cont_1 .contents_bottom .orange { color:#fa7000; }
	#container #contents .cont_1 .contents_bottom .progress_bg { background:#c2c2c2; width:90%; height:22px; margin:0 auto; }
	#container #contents .cont_1 .contents_bottom .progress_bg .progress_now { background:#ffa800; width:10%; height:100%; }
	#container #contents .cont_4 .tapmenu li { padding:0 10px; }
	#container #contents .cont_4 .tapmenu li.m_none { display:none; }
	#container #contents .cont_4 .time { width:11%; }
	#container #contents .cont_4 .name01 { width:45%; }
	#container #contents .cont_4 .progress02 { width:12%; }
	#container #contents .cont_4 .attendance { width:9%; }
	#container #contents .cont_4 .play { width:20%; }
}
@media (max-width: 640px) {
	#container #contents .cont_1 .contents_top {  }
	#container #contents .cont_1 .contents_top p { font-size:1em; }
	#container #contents .cont_1 .contents_top .contents01 { font-size:1em; }
	#container #contents .cont_1 .contents_top .contents03 { display:none; }
	#container #contents .cont_1 .contents_top .contents04 { display:none; }
	#container #contents .cont_1 .contents_bottom { width:100%; height:auto; background:#2ecc71; padding:10px 0; }
	#container #contents .cont_1 .contents_bottom .study { color:#fff; width:90%; margin:0 auto; padding:10px 0 10px 0; font-size:0.8em; }
	#container #contents .cont_1 .contents_bottom .blue { color:#185f90; }
	#container #contents .cont_1 .contents_bottom .orange { color:#fa7000; }
	#container #contents .cont_1 .contents_bottom .progress_bg { background:#c2c2c2; width:90%; height:22px; margin:0 auto; }
	#container #contents .cont_1 .contents_bottom .progress_bg .progress_now { background:#ffa800; width:10%; height:100%; }
	#container #contents .cont_4 .tapmenu li { padding:0 10px; }
	#container #contents .cont_4 .tapmenu li.m_none { display:none; }
	#container #contents .cont_4 .time { width:13%; font-size:0.9em; }
	#container #contents .cont_4 .name01 { width:33%; font-size:0.9em; }
	#container #contents .cont_4 .progress02 { width:18%; font-size:0.9em; }
	#container #contents .cont_4 .attendance { width:13%; text-align:center; font-size:0.9em; }
	#container #contents .cont_4 .play { width:23%; font-size:0.9em; }
}
/* End mypage_contents css */

/* Start mypage_test css */
#container #contents .cont_4 .test_division { width:300px; }
#container #contents .cont_4 .test_period { width:235px; }
#container #contents .cont_4 .test_take { width:100px; }
#container #contents .cont_4 .test_score { width:75px; }
#container #contents .cont_4 .test_result { width:130px; }
#container #contents .cont_4 .test_result02 { display:none; }
#container #contents .cont_4 .test_result .test_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
 @media (max-width: 1199px) {
	#container #contents .cont_4 .test_division { width:25%; }
	#container #contents .cont_4 .test_period { width:30%; }
	#container #contents .cont_4 .test_take { width:15%; }
	#container #contents .cont_4 .test_score { width:15%; }
	#container #contents .cont_4 .test_result { width:15%; }
	#container #contents .cont_4 .test_result02 { display:none; }
	#container #contents .cont_4 .test_result .test_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
@media(max-width:991px) {
	#container #contents .cont_4 .test_division { width:27%; }
	#container #contents .cont_4 .test_period { width:22%; }
	#container #contents .cont_4 .list .test_period { padding:5px 0; line-height:1.4em; }
	#container #contents .cont_4 .test_result { width:20%; }
}
 @media (max-width: 640px) {
	#container #contents .cont_4 .test_division { width:100%; font-size:1.2em; font-weight:bold; }
	#container #contents .cont_4 .test_period { width:33%; font-size:0.9em; }
	#container #contents .cont_4 .test_take { width:30%; font-size:0.9em; text-align:center; }
	#container #contents .cont_4 .test_score { display:none; }
	#container #contents .cont_4 .test_result { width:37%; }
	#container #contents .cont_4 .test_result02 { width:10%; font-size:0.6em; }
	#container #contents .cont_4 .test_result02 .test_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
/* End mypage_test css */

/* Start mypage_score css */
@media (min-width: 1200px) {
	#container #contents .cont_4 .score_name { width:240px; }
	#container #contents .cont_4 .score_attendance { width:90px; }
	#container #contents .cont_4 .score_attendance02 { display:none; }
	#container #contents .cont_4 .score_test { width:90px; }
	#container #contents .cont_4 .score_test02 { display:none; }
	#container #contents .cont_4 .score_all { width:90px; }
	#container #contents .cont_4 .score_grade { width:90px; }
	#container #contents .cont_4 .score_complete { width:90px; }
	#container #contents .cont_4 .score_complete02 { display:none; }
	#container #contents .cont_4 .score_request { width:110px; }
	#container #contents .cont_4 .score_request .score_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
@media (max-width: 1199px) {
	#container #contents .cont_4 .score_name { width:40%; }
	#container #contents .cont_4 .score_attendance { display:none; }
	#container #contents .cont_4 .score_attendance02 { width:10%; }
	#container #contents .cont_4 .score_test { display:none; }
	#container #contents .cont_4 .score_test02 { width:10%; }
	#container #contents .cont_4 .score_all { width:10%; }
	#container #contents .cont_4 .score_grade { width:10%; }
	#container #contents .cont_4 .score_complete { display:none; }
	#container #contents .cont_4 .score_complete02 { width:10%; }
	#container #contents .cont_4 .score_request { width:17%; }
	#container #contents .cont_4 .score_request .score_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
@media (max-width: 640px) {
	#container #contents .cont_4 .score_name { width:100%; font-size:1.2em; font-weight:bold; }
	#container #contents .cont_4 .score_attendance { display:none; }
	#container #contents .cont_4 .score_attendance02 { width:25%; font-size:0.9em; }
	#container #contents .cont_4 .score_test { display:none; }
	#container #contents .cont_4 .score_test02 { width:25%; font-size:0.9em; }
	#container #contents .cont_4 .score_all { width:9%; font-size:0.9em; }
	#container #contents .cont_4 .score_grade { width:9%; font-size:0.9em; }
	#container #contents .cont_4 .score_complete { display:none; }
	#container #contents .cont_4 .score_complete02 { width:15%; font-size:0.9em; }
	#container #contents .cont_4 .score_request { width:30%; font-size:0.9em; }
	#container #contents .cont_4 .score_request .score_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
/* End mypage_score css */

/* Start login css */
.cont_mask { width:100%; height:100%; background:rgba(0,0,0,0.33); position:absolute; top:0; left:0; z-index:9; }
#container #contents .cont_5 { width:100%; min-height:800px; position:relative; }
#container #contents .cont_5 .cont_popup { width:400px; height:490px; background:#fff; position:absolute; top:5%; left:30%; z-index:10; color:#989898; }
#container #contents .cont_5 .pop_top { width:100%; height:60px; border-bottom:1px solid #ddd; color:#01bafd; position:relative; font-size:24px; padding:16px; }
#container #contents .cont_5 .pop_top .pop_close { position:absolute; top:0; right:0; width:28px; height:28px; font-size:22px; color:#9a9a9a; text-align:center; padding-top:2px; }
#container #contents .cont_5 .pop_top .fa-sign-in { margin-right:5px; }
#container #contents .cont_5 .pop_middle { width:100%; height:230px; border-bottom:1px solid #ddd; padding:26px; }
#container #contents .cont_5 .pop_middle .pop_input { width:100%; height:33px; border:1px solid #ddd; padding-left:10px; }
#container #contents .cont_5 .pop_middle .pop_check { width:16px; height:16px; margin-right:2px; background:none; border:1px solid #ddd; box-shadow:none; border-radius:0; }
#container #contents .cont_5 .pop_middle .check_label { margin:13px 0; font-weight:normal; }
#container #contents .cont_5 .pop_bottom { width:100%; height:200px; padding:26px; }
#container #contents .cont_5 .btn_blue { width:120px; height:35px; background:#01bafd; color:#fff; border:none; margin:6px 14px 6px 0; }
#container #contents .cont_5 .btn_white { width:120px; height:35px; background:#fff; color:#01bafd; border:1px solid #01bafd;  margin:6px 14px 6px 0; }
.loginForm { width:40%; margin:60px auto; text-align:center; }
.loginForm input { width:100%; margin:5px 0; padding:20px; line-height:20px; border:1px solid #cbc9c9; color:#464545; }
.loginForm .btn_blue { padding:20px 0; background:#fb7c7c; color:#fff; border:none; font-size:1.2em; font-weight:bold; }
.loginForm .login_btm { margin-top:20px; font-weight:bold; }
.loginForm .login_btm:after { display:block; visibility:hidden; content:''; clear:both; }
.loginForm .login_btm .login_left { float:left; }
.loginForm .login_btm .login_right { float:right; }
.lbtn_area { width:100%; text-align:right; padding-top:20px; border-top:1px solid #b4b1b1; }
.lbtn_area p span { padding:5px 8px; background:#747474; color:#fff; font-size:1.1em; }
@media (max-width: 1199px) {
	.cont_mask { width:100%; height:100%; background:rgba(0,0,0,0.33); position:absolute; top:0; left:0; z-index:9; }
	#container #contents .cont_5 { width:100%; min-height:600px; position:relative; }
	#container #contents .cont_5 .cont_popup { display:inline-block; width:80%; background:#fff; position:absolute; top:0; left:10%; z-index:10; color:#989898; }
	#container #contents .cont_5 .pop_top { display:inline-block; width:100%; border-bottom:1px solid #ddd; color:#01bafd; position:relative; font-size:1.2em; padding:10px; }
	#container #contents .cont_5 .pop_top .pop_close { position:absolute; top:0; right:0; width:28px; height:28px; font-size:22px; color:#9a9a9a; text-align:center; padding-top:2px; }
	#container #contents .cont_5 .pop_top .fa-sign-in { margin-right:5px; }
	#container #contents .cont_5 .pop_middle { display:inline-block; width:100%; border-bottom:1px solid #ddd; padding:16px; font-size:0.9em; }
	#container #contents .cont_5 .pop_middle .pop_input { width:100%; height:33px; border:1px solid #ddd; padding-left:10px; }
	#container #contents .cont_5 .pop_middle .pop_check { width:16px; height:16px; margin-right:2px; background:none; border:1px solid #ddd; box-shadow:none; border-radius:0; }
	#container #contents .cont_5 .pop_middle .check_label { margin:13px 0; font-weight:normal; }
	#container #contents .cont_5 .pop_bottom { display:inline-block; width:100%; padding:16px; font-size:0.9em; }
	#container #contents .cont_5 .btn_blue { width:100px; height:30px; background:#01bafd; color:#fff; border:none; margin:6px 14px 6px 0; font-size:1.0em; }
	#container #contents .cont_5 .btn_white { width:100px; height:30px; background:#fff; color:#01bafd; border:1px solid #01bafd;  margin:6px 14px 6px 0; font-size:1.0em; }
	.loginForm { width:55%; }
}
@media (max-width: 640px) {
	.cont_mask { width:100%; height:100%; background:rgba(0,0,0,0.33); position:absolute; top:0; left:0; z-index:9; }
	#container #contents .cont_5 { width:100%; min-height:600px; position:relative; }
	#container #contents .cont_5 .cont_popup { display:inline-block; width:80%; background:#fff; position:absolute; top:0; left:10%; z-index:10; color:#989898; }
	#container #contents .cont_5 .pop_top { display:inline-block; width:100%; border-bottom:1px solid #ddd; color:#01bafd; position:relative; font-size:1.2em; padding:10px; }
	#container #contents .cont_5 .pop_top .pop_close { position:absolute; top:0; right:0; width:28px; height:28px; font-size:22px; color:#9a9a9a; text-align:center; padding-top:2px; }
	#container #contents .cont_5 .pop_top .fa-sign-in { margin-right:5px; }
	#container #contents .cont_5 .pop_middle { display:inline-block; width:100%; border-bottom:1px solid #ddd; padding:16px; font-size:0.9em; }
	#container #contents .cont_5 .pop_middle .pop_input { width:100%; height:33px; border:1px solid #ddd; padding-left:10px; }
	#container #contents .cont_5 .pop_middle .pop_check { width:16px; height:16px; margin-right:2px; background:none; border:1px solid #ddd; box-shadow:none; border-radius:0; }
	#container #contents .cont_5 .pop_middle .check_label { margin:13px 0; font-weight:normal; }
	#container #contents .cont_5 .pop_bottom { display:inline-block; width:100%; padding:16px; font-size:0.9em; }
	#container #contents .cont_5 .btn_blue { width:100px; height:30px; background:#01bafd; color:#fff; border:none; margin:6px 14px 6px 0; font-size:1.0em; }
	#container #contents .cont_5 .btn_white { width:100px; height:30px; background:#fff; color:#01bafd; border:1px solid #01bafd;  margin:6px 14px 6px 0; font-size:1.0em; }
	.loginForm { width:90%; }
	.lbtn_area p span { padding:5px 3px; font-size:1.0em; }
}
/* End login css */

/* Start member css */
#container #contents .cont_2 .agree_area { width:100%; padding:5px 0; text-align:right; color:#9d9d9d; }
#container #contents .cont_2 .agree_area .agree_contents { margin-right:27px; }
#container #contents .cont_2 .agree_area label { font-weight:normal; }
#container #contents .cont_2 .agree_area .agree_input { width:16px; height:16px; background:none; border:1px solid #ddd; box-shadow:none; border-radius:0; }
#container #contents .cont_2 .agree_area a { color:#989898; }
#container #contents .cont_2 .agree_area a:hover { color:#ff0101; }
#container #contents .cont_2 .join_list { margin:25px 0; border-top:1px solid #b4b1b1; }
#container #contents .cont_2 .join_list li { border-bottom:1px solid #b4b1b1;}
#container #contents .cont_2 .join_list li:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_2 .join_list .list_title { width:20%; float:left; padding: 7px 20px; text-align:center; color:#96191e; font-weight:bold; }
#container #contents .cont_2 .join_list .list_contents { width:80%; float:left; padding:7px 10px; border-left:1px solid #b4b1b1; }
#container #contents .cont_2 .join_list .list_contents input { margin-right:5px; }
#container #contents .cont_2 .join_list .list_contents select { padding:2px 10px; }
#container #contents .cont_2 .join_list .list_contents .list_input_1 { width:140px; height:26px; border:1px solid #ccc; }
#container #contents .cont_2 .join_list .list_contents .list_input_2 { width:66px; height:26px; border:1px solid #ddd; }
#container #contents .cont_2 .join_list .list_contents .list_input_3 { width:100%; height:26px; margin:5px 0; border:1px solid #ddd; }
#container #contents .cont_2 .join_list .list_contents .list_input_4 { width:100%; height:26px; margin:5px 0; border:1px solid #ddd; }
#container #contents .cont_2 .join_list .list_contents .list_input_5 { width:100%; }
#container #contents .cont_2 .join_list .list_contents .list_btn { margin:0 5px; padding:0px 20px; background:#f17777; color:#fff; border:1px solid #cbc9c9; }
#container #contents .cont_2 .join_list .list_contents .float_left {  }
#container #contents .cont_2 .join_list .list_contents .ref { margin-left:10px; font-size:15px; }
#container #contents .cont_2 .join_list .list_contents .ref .ref_mobile { display:none; }

/* member-confirm.html */
#container #contents .cont_4 .confirm { min-height:120px; color:#01bafd; text-align:center; padding-top:60px; }
#container #contents .cont_4 .btn_area .member_btn_white { width:40%; height:80px; background:#fff; color:#01bafd; border:1px solid #01bafd; border-radius:none; margin:0 30px 0 0; }
#container #contents .cont_4 .btn_area .member_btn_blue { width:40%; height:80px; background:#01bafd; color:#fff; border:none; }
@media (min-width: 1200px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 640px) {
	#container #contents .cont_2 .join_list li { font-size:0.9em; }
	#container #contents .cont_2 .join_list .list_title { width:100%; padding:10px; background:#eee; }
	#container #contents .cont_2 .join_list .list_contents { width:100%; padding:10px; border-left:0; text-align:center; }
	#container #contents .cont_2 .join_list .list_contents .list_input_1 { width:135px; }
}
/* End member css */

/* Start footer css */
.footer_bottom { width:100%; background:#222; padding:35px 0; color:#ccc; }
.footer_bottom .footer_contents { display:block; width:100%; max-width:1200px; margin:0 auto; }
.footer_bottom .footer_left { width:25%; min-height:220px; padding:10px 30px; float:left; border-right:solid 1px #ddd; box-sizing:border-box; }
.footer_bottom .footer_left .ft_tit { color:#fff; font-weight:bold; }
.footer_bottom .footer_left img { width:100%; }
.footer_bottom .footer_txt_box { width:50%; padding:15px 30px; float:left; line-height:1.6em; color:#ccc; box-sizing:border-box; text-align:left; font-size:0.8em; }
.clear { clear:both; }
.ft_menu { font-size:0.8em; }
.ft_menu li { margin-bottom:10px; }
.ft_menu li a { color:#ccc; }
.ft_menu li span { color:#FB9C48; }

@media (max-width: 1199px) {
	.footer_bottom .footer_txt_box {  }
}
@media (max-width:991px) {
	.footer_bottom .footer_left { width:50%; border:none; text-align:center; }
	.footer_bottom .footer_left img { width:100%; max-width:190px; }
	.footer_bottom .footer_txt_box { width:100%; text-align:center; }
}
@media (max-width: 640px) {
	.footer_bottom .footer_left { padding:10px; }
	.footer_bottom .footer_txt_box { font-size:0.7em; }
}
/* End footer css */

/* Start shop css */
	#container #contents .cont_2 .payinfo { width:100%; }
	#container #contents .cont_2 .payinfo tr { border-bottom:1px solid #ddd; width:100%; height:44px; }
/* End shop css */

/* Start mypage css(추가) */
#container #contents .cont_2 .ul_mantoman { width:100%; margin:25px 0;border-top:1px solid #b4b1b1; }
#container #contents .cont_2 .ul_mantoman li { line-height:2em; border-bottom:1px solid #b4b1b1; }
#container #contents .cont_2 .ul_mantoman li div { padding:8px;  }
#container #contents .cont_2 .ul_mantoman li:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_2 .ul_mantoman .left { width:20%; float:left; text-align:center; color:#96191e; font-size:1.2em; font-weight:bold; }
#container #contents .cont_2 .ul_mantoman .right { width:80%; float:left; text-align:left; border-left:1px solid #b4b1b1; }
#container #contents .cont_2 .ul_mantoman .right select { min-width:100px; padding:5px 15px; padding-bottom:10px; border:1px solid #cbc9c9; }
#container #contents .cont_2 .ul_mantoman .right input { width:100%; border:1px solid #cbc9c9; }
#container #contents .cont_2 .ul_mantoman .right textarea { width:100%; min-height:150px; border:1px solid #cbc9c9; }
#container #contents .cont_2 .list_top li.q_name { text-align:center; }
#container #contents .cont_2 li.q_name { width:70%; padding:0 20px; text-align:left; }
#container #contents .cont_2 li.date { width:15%; padding:0 20px; }
#container #contents .cont_2 li.answer { width:15%; padding:0 20px; }
@media (max-width: 1199px) {
}
@media (max-width:640px) {
	#container #contents .cont_2 .list_top.mantoman { display:block; }
	#container #contents .cont_2 li.q_name { width:56%; padding:0 5px; }
	#container #contents .cont_2 .list li.q_name { padding:5px; line-height:1.4em; }
	#container #contents .cont_2 li.date { width:22%; padding:0 5px; }
	#container #contents .cont_2 li.answer { width:22%; padding:0 5px; }
}
/* End mypage css */

/* Start faq css */
.ul_faq { width:100%; }
.ul_faq li { width:100%; min-height:40px; border-bottom:1px solid #b4b1b1; padding-left:20px; }
.ul_faq .faq_q { line-height:50px; color:#5b0f12; font-size:1.1em; font-weight:bold; }
.ul_faq .faq_q:hover { background:#F9D5D5; }
.ul_faq .q_icon { float:left; margin-right:15px; }
.ul_faq .faq_a { display:none; background:#edeaea; line-height:30px; padding:20px 40px; font-weight:bold; font-size:1.1em; }
@media (max-width: 1199px) {
}
@media (max-width: 640px) {
	#container #contents .title { font-size:1.6em; }
	.ul_faq .faq_q { padding:10px 5px; line-height:1.4em; font-size:1em; }
	.ul_faq .q_icon { margin-right:10px; }
	.ul_faq .faq_a { padding:30px 15px; line-height:1.4em; font-size:1em; }
}
/* End faq css */

/* Start index css */
.about { display:inline-block; width:100%; margin:100px 0; }
.about .about_area { padding:0 50px; }
.about .about_contents { width:31%; margin:1%; padding:40px 20px; float:left; text-align:center; border:1px solid #c4c4c4; }
.about .about_contents .about_ttitle { margin-bottom:20px; font-size:1.6em; font-weight:bold; }
.about .about_contents .about_txt {  }
.about .about_contents img { margin-bottom:20px; }
.about .about_contents p {  }
.about .about_title { margin-top:30px; margin-bottom:30px; font-size:2.2em; font-weight:bold; text-align:center; }

.about .about_btn { width:25%; height:40px; background:#ff090f; color:#fff; line-height:40px; font-size:20px; margin:60px auto; text-align:center; }
.process { display:inline-block; width:100%; margin-top:20px; text-align:center; }
.process .process_title { margin-bottom:30px; font-size:2.2em; font-weight:bold; }
.process .process_stitle { font-size:20px; }
.process .process_contents { position:relative; width:25%; text-align:left; float:left; border:1px solid #c4c4c4; }
.process .process_contents img { width:100%; }
.process .process_contents .p_txt_area { min-height:285px; padding:20px 30px;  }
.process .process_contents .process_ttitle { margin-bottom:5px;font-size:1.1em; }
.process .process_contents .process_txt { font-size:1.1em; }
.process .process_contents .process_txt span { display:block; color:#3288fd; font-weight:bold; font-size:1.6em; }
.process .process_more { position:absolute; bottom:20px; right:20px; width:30px; height:30px; line-height:30px; background:#3288fd; font-weight:bold; font-size:25px; border-radius:100%; text-align:center;}
.process .process_more a { color:#fff; }

#index_ft { background:#333; margin-top:50px; padding:40px 0; }
#index_ft:after { display:block; visibility:hidden; content:''; clear:both; }
#index_ft .index_ft_btn { width:33.3%; float:left; padding:30px 0; color:#fff; border:1px solid #c4c4c4; text-align:center; font-size:1.6em; }

@media (max-width: 1199px) {
	.about .about_contents { min-height:350px; }
	.process { margin-top:30px;}
	.process .process_title { font-size:28px; font-weight:bold; }
	.process .process_stitle { font-size:20px; }
	.process .process_contents .p_txt_area { min-height:235px; padding:15px 30px; }
	.process .process_contents .process_ttitle { font-size:0.9em; }
	.process .process_contents .process_txt { font-size:0.9em; }
	#index_ft .index_ft_btn { padding:15px 0; font-size:1.2em; }
}
@media (max-width: 991px) {
	.about { display:block; }
	.about .about_contents { min-height:250px; padding:30px 10px; }
	.about .about_contents img { width:100%; max-width:70px; }
	.about .about_contents .about_ttitle { margin-bottom:10px; font-size:1.2em; }
	.about .about_contents .about_txt { font-size:1em; }
	.process .process_contents { width:50%; height:230px; overflow:hidden; }
	.process .process_contents img { width:100%; margin-top:-50px; }
	.process .process_contents .p_txt_area { min-height:0; }
	.process .process_contents .process_ttitle {  }
	.process .process_contents .process_txt {  }
	.process .process_contents .process_txt span {  }
	#index_ft { padding:40px; }
	#index_ft .index_ft_btn { font-size:1em; }
}
@media (max-width: 640px) {	
	.about { margin:50px 0; }
	.about .container { padding:0 25px; }
	.about .about_contents { width:100%; min-height:100px; margin:0; padding:30px 15px; }
	.process .process_contents { width:100%; height:auto; }
	.process .process_contents.img2 { display:none; }
	.process .process_contents .p_txt_area { padding:50px 15px; }
	#index_ft .index_ft_btn { width:100%; }
}

/* End index css */

/* Start company css */
#container #contents .cont_6 { width:100%; min-height:250px; position:relative; padding:30px; background:#fff; }
#container #contents .cont_6:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_6 .title { width:25%; float:left; padding-top:15px; color:#5b0f12; border-top:3px solid #5b0f12; text-align:center; font-size:26px; }
#container #contents .cont_6 .title .history_btn { padding:0 10px; font-size:18px; }
#container #contents .cont_6 .title .history_btn.active { background:#0963a8; color:#fff; }
#container #contents .cont_6 .title .history_btn:hover { background:#0963a8; color:#fff; }
#container #contents .cont_6 .text { width:75%; float:left; margin:0; padding:30px 0; padding-left:15px; line-height:1.6em; font-size:1em; }
#container #contents .cont_6 .text .history { border-top:1px solid #ccc; }
#container #contents .cont_6 .text .history li { padding:5px 0; border-bottom:1px solid #ccc; }
#container #contents .cont_6 .text .history li:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_6 .text .history .left { width:15%; padding:5px 10px; background:#e6e7e8; font-weight:bold; text-align:center; }
#container #contents .cont_6 .text .history .right { width:85%; padding:5px 10px; text-align:left; }
@media (max-width:1199px) {
}
@media (max-width:991px) {
}
@media (max-width: 800px) {
	#container #contents .cont_6 .title { width:100%; padding:15px 30px; border-top:1px solid #ccc; text-align:left; }
	#container #contents .cont_6 .title span { padding-top:18px; border-top:3px solid #5b0f12; }
	#container #contents .cont_6 .text { width:100%; padding-left:0;}
}
@media (max-width:640px) {
	#container #contents .cont_6 { padding:30px 15px; }
	#container #contents .cont_6 .text .history .left { width:100%; }
	#container #contents .cont_6 .text .history .right { width:100%; }
}
/* End company css */

/* Start manager css */

/* End manager css */
/* Start m_side css */
@media (max-width:1199px) {
	.m_side { display:block; }
}
@media (min-width:1200px) {
	.m_side { display:none; }
}
	.m_side { width:60%; margin:0 auto; }
	a .text_box_btn { color:#fb7c7c; text-align:center; }
	#m_side .text_box ul a li { color:#fff; text-align:center; }
	#m_side .text_box ul a li.active { color:#fb7c7c; }

/* End m_side css */