/* font size */
.f_name	{color:#fffa70; font-family:'NanumGothicBold';}
.f_11 {color:#808080; font-size:11px; font-family:????,arial;line-height:130%;}
.f_org {color:#395999;/*color:#ff7a00;*/}
.f_14	{font-size:14px; line-height:140%; }
.f_16	{font-size:16px; line-height:140%;}
.f_18	{font-size:18px; line-height:160%; font-weight:bold;}
.f_bar	{font-size:11px; color: #24b3b3; font-family:'NanumGothicBold'; height:14px;}
.f_wht	{color:#ffffff;}
.f_green	{color:#51a300;}
.f_path		{color:#969696; font-size:11px; text-align:right; padding-right:10px; padding-bottom:5px; border-bottom:1px #bdbdbd solid; vertical-align:top; background-image:url('https://img.assesta.com/c4u/common/path_line.gif'); background-position:left bottom; background-repeat:no-repeat;}
.f_info		{color:#8c8c8c; font-size:12px;}
.f_point	{color:#ca5900;}
.f_darkgray {color: #3c3c3c;}
.f_blue		{color:#395999;}
.f_red		{color:#fa3f3f;/* color:#f45000;*/}
.f_line		{text-decoration:underline;}
.f_mint		{color:#1ea8af;}
.lh_con		{line-height:1.5em;}

.title01	{font:16px; color: #000000; font-family:'NanumGothicBold';}
.title02	{font:14px; color: #575757; font-family:'NanumGothicBold';}
.deco		{text-decoration:line-through;}
.al_cen 	{text-align: center}
.mt_20 		{margin-top: 20px;}
.h_30		{height: 30px;}

.bg_blue{background-color: #395999;}

/* font-weight */
.f_normal{font-weight: 500;}
.f_bold {font-weight: 600;}
.f_black {font-weight: 800;}

/*
.bl_tit	{padding-left:15px;background:url(https://img.assesta.com/c4u/common/bullet_01.gif) no-repeat left;color:#395999; font-family:'NanumGothicBold'; height:35px;}*/
.bl_tit	{padding-left:18px; font-size:14px; background:url('https://img.assesta.com/c4u/common/bullet_01.gif') no-repeat left;color:#3f73d0; font-weight: 600; height:30px;}

.go_link A:link		{font: 12px; line-height: 16px; text-decoration: underline; color: #2a66ff; }
.go_link A:visited	{font: 12px; line-height: 16px; text-decoration: underline; color: #2a66ff; }
.go_link A:hover	{font: 12px; line-height: 16px; text-decoration: underline; color: #2a66ff; }

/* 2012-07-10 ?????? ????  ????????? ???? ???? ?????? ???? */
.f_11 A:link 	{font-size:11px; color:#808080; text-decoration: none;}
.f_11 A:visited {font-size:11px; color:#808080; text-decoration: none;}
.f_11 A:hover	{font-size:11px; color:#4f4f4f; text-decoration: none;}

.f_14 A:link 	{font-size:14px; text-decoration: none; font-family:'NanumGothic';}
.f_14 A:visited {font-size:14px; text-decoration: none; font-family:'NanumGothic';}
.f_14 A:hover	{font-size:14px; color:#808080; text-decoration: none; font-family:'NanumGothic';}

/* border */
/*.bor_top	{border-top:1px #ff891d solid; border-bottom:1px #acacac solid;}*/
.bor_tb		{border:1px #d9d9d9 solid;}
.bor_top	{border-top:1px #5271af solid; border-bottom:1px #cbd4e7 solid;}
.td_blue	{background-color:#eff2f8;}
.bor_td		{border-bottom:1px #d9d9d9 solid; height:30px;}
.bor_3h		{border-top:2px #d9d9d9 solid; height:30px;}
.tb_bg		{background-color:#eff2f8;/*f8f8f8*/ font-weight:bold; height:30px;}
.bor_right	{border-right:1px #d9d9d9 solid;}
.bor_left	{border-left:1px #d9d9d9 solid;}
.bor_bot	{border-bottom:1px #d9d9d9 solid;}
.bor_yellow3	{border:3px #ffb400 solid;}
.bor_blue	{border-top:2px #8bc5ff solid;border-left:1px #d6d6d6 solid;border-right:1px #d6d6d6 solid;border-bottom:1px #d6d6d6 solid;}
.bor_gray	{border-top:2px #bababa solid;border-right:1px #d6d6d6 solid;border-bottom:1px #d6d6d6 solid;}
.bor_2h		{border-top:2px #6aaaea /*#ffb606*/ solid; height:30px;}
.bor_t2		{border-top:2px #6aaaea solid;}
.bort_org	{border-top:1px #5271af /*#ff891d*/ solid;}
.borb_gray	{border-bottom:1px #cbd4e7 /*#acacac*/ solid;}

.list		{color:#888; font-size:1em;}
.list li	{padding:0 0 7px 15px; background:url(https://img.assesta.com/c4u/front/edu_bullet.gif) 0 4px no-repeat; line-height:1.5;}


/* padding */
.p_1 {padding: 4px;}
.p_2 {padding: 8px;}
.p_2.5 {padding: 10px;}
.p_3{padding: 12px;}
.p_4 {padding: 16px;}
.p_5 {padding: 20px;}

.pl_5 {padding-left:5px;}
.pl_10 {padding-left:10px;}
.pl_20 {padding-left:20px;}
.pl_25 {padding-left:25px;}
.pl_30 {padding-left:30px;}
.pl_40 {padding-left:40px;}
.pl_45 {padding-left:45px;}
.pl_50 {padding-left:50px;}
.pl_65 {padding-left:65px;}

.pt_5 {padding-top:5px;}
.pt_10 {padding-top:10px;}
.pt_15 {padding-top:15px;}
.pt_20 {padding-top:20px;}
.pt_40 {padding-top:40px;}
.pt_45 {padding-top:45px;}
.pt_30 {padding-top:30px;}
.pt_50 {padding-top:50px;}

.pr_5 {padding-right:5px;}
.pr_10 {padding-right:10px;text-align:right;}
.pr_20 {padding-right:20px;}
.pr_30 {padding-right:30px;}
.pr_40 {padding-right:40px;}
.pr_26 {padding-right:26px; text-align:right;}
.pr_36 {padding-right:36px; text-align:right;}

.pb_5 {padding-bottom:5px;}
.pb_10 {padding-bottom:10px;}
.pb_15 {padding-bottom:15px;}
.pb_20 {padding-bottom:20px;}
.pb_30 {padding-bottom:30px;}


/* margin */
.ml_5 {margin-left:5px;}
.ml_10 {margin-left:10px;}
.ml_20 {margin-left:20px;}
.ml_25 {margin-left:25px;}
.ml_30 {margin-left:30px;}
.ml_40 {margin-left:40px;}
.ml_45 {margin-left:45px;}
.ml_50 {margin-left:50px;}
.ml_65 {margin-left:65px;}

.mt_5 	{margin-top:5px;}
.mt_10 	{margin-top:10px;}
.mt_15 {margin-top:15px;}
.mt_20 {margin-top:20px;}
.mt_40 {margin-top:40px;}
.mt_45 {margin-top:45px;}
.mt_30 {margin-top:30px;}
.mt_50 {margin-top:50px;}

.mr_5 {margin-right:5px;}
.mr_10 {margin-right:10px;}
.mr_20 {margin-right:20px;}
.mr_30 {margin-right:30px;}
.mr_40 {margin-right:40px;}
.mr_26 {margin-right:26px;}
.mr_36 {margin-right:36px;}

.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}
.mb_15 {margin-bottom:15px;}
.mb_20 {margin-bottom:20px;}
.mb_30 {margin-bottom:30px;}



.pad_tit	{padding-top:30px; padding-bottom:20px;}
.pad_ud		{padding-top:5px; padding-bottom:5px;}
.pad_content	{padding-top:10px; padding-bottom:10px; padding-right:15px;}
.pd_btn		{padding-bottom:4px; vertical-align:bottom; }
.info_bg	{background-color:#f3f3f3; height:26px;}
.left_b_bor	{border-bottom:1px #eaeaea solid;}
.left_b_line	{background-image:url(https://img.assesta.com/c4u/common/dot_line.gif); background-position:bottom; background-repeat:repeat-x;}
.b {font-weight: 600;}
.pl_Content	{padding-left:29px; height:550px;}
.tb_t6		{margin-top:6px;}
.pd_info	{padding:0px 10px 5px 10px;}
.bor_2org	{border:2px #5271af /*#ff891d*/ solid;}
.bbs_pl		{border-left:1px #d2d2d2 solid;}
.bbs_pr		{border-right:1px #d2d2d2 solid;}
.bbs_tit	{background-image:url(https://img.assesta.com/c4u/board/bbs_topbg.gif); color:#616161; height:30px;}
.bbs_td		{border-bottom:1px #d9d9d9 solid; height:30px;}
.bbs_table	{border:1px #d9d9d9 solid;}
.bbs_vtd	{border-bottom:1px #d9d9d9 solid;}
.bbs_vbg	{background-color:#f1f1f1;}
.bbs_con	{line-height:160%; height:20px;}
.line_h		{line-height:260%;}
.bbs_pd		{padding:20px;}
.bot_copy	{line-height:160%; color:#6d6d6d;}

.line_r		{border-right:1px #d9d9d9 solid;}
.line_bot	{border-bottom:1px #d9d9d9 solid;}

/* family site */
.select_none{float:left;position:relative;line-height:normal;display:inline-block;text-align:left;*display:inline;width:200px;vertical-align:middle;*zoom:1;margin-top:10px;}
.select_none *{margin:0;padding:0;cursor:pointer;}
.select_none .selected{position:relative;left:0;top:0;overflow:hidden;inline;width:100%;height:19px;border:0px solid #bdbdbd;line-height:100%;background:none;}
.select_none .selected img{vertical-align:top;}
.select_none ul{display:none;position:absolute;bottom:18px;left:0;width:100%;border-top:1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;background:#efefef;list-style:none;}
.select_none.open ul{display:block;text-align:left;}
.select_none li{position:relative;height:18px;border-left:1px solid #a5a5a5;border-right:1px solid #a5a5a5;}
.select_none li a{display:block;text-indent:8px;*text-indent:6px;height:18px;line-height:18px;color:#606060;background:#efefef;text-decoration:none;}
.select_none li a:hover,.select_none li a:active,.select_none li a:focus{background:#ababab;color:#fff;}

.family_site	 {position:relative; float:right; width:159px; height:27px; margin:24px 22px 0 0; border:1px solid #999; overflow:hidden}
.family_site	 a.open	{display:block; height:27px; background:url('http://www.tworld.co.kr/twd/img/main/btn_family_link.png') no-repeat}
.family_site	 a.open	span	{position:absolute; top:-5000px; left:-5000px; height:0; visibility:hidden}

.family_site_on	{height:auto; overflow:visible}
.family_site_on	a.open	{background-position:0 -27px}
.family_site_on	ul#family_site	 {position:absolute; left:-1px; bottom:27px; width:100%; padding-top:9px; border:1px solid #999; border-bottom:0 none; background:#fff}
.family_site_on	ul#family_site	li	{margin:0 10px}
.family_site_on	ul#family_site	li.end	 {height:26px; border-bottom:1px solid #e6e6e6}
.family_site_on	ul#family_site	li	a	{display:block; height:18px; background:url('http://www.tworld.co.kr/twd/img/main/list_familysite.png') no-repeat}
.family_site_on	ul#family_site	li	a	span	{position:absolute; top:-5000px; left:-5000px; height:0; visibility:hidden}
.family_site_on	ul#family_site	li	a.family1	{background-position:0 -9px}
.family_site_on	ul#family_site	li	a.family1:hover	{background-position:-138px -9px}
.family_site_on	ul#family_site	li	a.family2	{background-position:0 -27px}
.family_site_on	ul#family_site	li	a.family2:hover	{background-position:-138px -27px}


/* ??? */
.menu_r_line 	{background-image:url(https://img.assesta.com/c4u/common/menu_r_line.gif); background-repeat:repeat-x; background-position:left:128px;}

/* ??u??? */
.allmenu_line	{background-image:url(https://img.assesta.com/c4u/common/box_cen.gif); background-repeat:repeat-x;}

/* ???? */
.info_tline	{background-image:url(https://img.assesta.com/c4u/common/info_box_022.gif); background-repeat:repeat-x; height:5px;}	
.info_bline	{background-image:url(https://img.assesta.com/c4u/common/info_box_088.gif); background-repeat:repeat-x; height:5px;}	
.sbox_line1	{background-image:url(https://img.assesta.com/c4u/common/search_line04.gif);}
.sbox_line2	{background-image:url(https://img.assesta.com/c4u/common/search_line02.gif);background-repeat:repeat-x;}
.sbox_line3	{background-image:url(https://img.assesta.com/c4u/common/search_line05.gif);}
.sbox_line4	{background-image:url(https://img.assesta.com/c4u/common/search_line04.gif);}
.sbox_line5	{background-image:url(https://img.assesta.com/c4u/common/search_line05.gif);}
.sbox_line6	{background-image:url(https://img.assesta.com/c4u/common/search_line07.gif);background-repeat:repeat-x;}
.top_line	{background-image:url(https://img.assesta.com/c4u/front/list_top_line.gif);background-repeat:no-repeat;}

/* ??? ????? */
.popbor_blue{border:1px #5287cc solid;}
.popbor_top	{border-top:1px #5287cc solid; border-bottom:1px #c0c0c0 solid;font-size:12px;}
.popbor_td	{border-bottom:1px #c0c0c0 solid;border-right:1px #5287cc solid;font-size:12px;}
.popbor_last{border-bottom:1px #5287cc solid;border-right:1px #5287cc solid;}
.popbor_r	{border-right:1px #5287cc solid;}
.poptb_tit	{padding-left:10px; color:#5287cc; font-weight:bold; background-color:#edf3fa;border-left:1px #5287cc solid;}

.receipt_blue	{border:1px #5287cc solid;}
.receipt_tit	{color:#5287cc; font-weight:bold; background-color:#edf3fa;font-size:12px;}
.receipt_top	{border-top:1px #5287cc solid;}
.receipttop_r	{border-right:1px #5287cc solid;}
.receipt_td		{border-right:1px #c0c0c0 solid; border-bottom:1px #c0c0c0 solid; font-size:12px;}
.receiptbor_l	{border-left:1px #5287cc solid;}
.receiptbor_bot	{border-bottom:1px #5287cc solid;}
.receipt_total	{font-size:12px;border-bottom:1px #c0c0c0 solid;}
.receipt_con	{font-size:12px;}



/* ???? ????? a */
#ajax_indicator {  
border: 0px #000 solid;  
font-size:20pt !important;  
color:#000;  
text-align:center;  
top: 50%;  
left: 50%;  
padding-top: 10px;  
margin: 300px 0 0 -50px;  
width: 200px;  
height: 100px;  
z-index:10;  
position: absolute;  

}

/* ???? ????? a */
#layer_center {  
border: 0px #000 solid;
background-color:#FFFFFF;   
text-align:center;  
top: 50%;  
left: 50%;  
margin:0px 0 0 -100px;  
z-index:10;  
position: absolute;  
}  

/* ???? */
.main_img	{background-image:url(https://img.assesta.com/c4u/main/main_img.jpg); background-repeat:no-repeat; height:411px;}
.data_line	{border-bottom:1px solid #ececec;}

.page * { vertical-align:middle; display:inline;} /*?????+???? ????????*/
.page2	{display:inline;}
.page a:link		{font: 12px; line-height: 16px; text-decoration: none; color: #555555;}
.page a:visited		{font: 12px; line-height: 16px; text-decoration: none; color: #555555;}
.page a:hover		{font: 12px; line-height: 16px; text-decoration: none; color: #000000;}

.main_rolling { width:690px; height:auto; position:relative; z-index:10}
.main_rolling .mian_vis {width:690px; margin:0 auto; position:relative;}
.main_rolling .mian_vis ul {width:100%; position:relative; height:410px; list-style:none;}
.main_rolling .mian_vis ul li {position:absolute; left:0; top:0; display:none;}
.main_rolling .mian_vis ul li a{display: block;}
.main_rolling .prev{ position:absolute; top:200px; left:25px; z-index:100;}
.main_rolling .next{ position:absolute; top:200px; right:25px; z-index:100;}

/* ???????? */
#intro_list { position:relative;}
#intro_list li		{list-style-image:url('https://img.assesta.com/c4u/front/bullet.gif'); height:20px;}
#intro_list span	{padding-left:5px;}


/* ?????? ???? ----------------------------------------------------------------------------------------------------------------*/
.buy_best 	{background:url(https://img.assesta.com/c4u/onlinebuy/main_bestbg.gif) no-repeat; width:520px; height:320px; position:relative;}
.buy_best .icon	{top:30px;left:30px; z-index:100;position:absolute; display:none;}
.buy_best .book	{/* background:url(https://img.assesta.com/c4u/onlinebuy/icon_booktop.png) no-repeat; top:68px; */ top:55px;left:78px; position:absolute;}
.buy_best ul{ float:right; width:230px; padding-top:40px;}
.buy_best .tit			{font-size:14px; color:#5271af; font-weight:bold; height:30px; line-height:18px; padding-right:10px; padding-top:10px;}
.buy_best .tit	a	{font-size:14px; color:#5271af; font-weight:bold; height:30px; line-height:18px; padding-right:10px; padding-top:10px;} 
.buy_best .tit a:hover {font-size:14px; color:#333; font-weight:bold; height:30px; line-height:18px; padding-right:10px; padding-top:10px;}
.buy_best .info	{ padding-right:20px; padding-top:10px;line-height:16px;}

.buy_search	{ border:1px #ececec solid; width:198px; height:193px;}
.buy_search input { border:3px #ffd668 solid; height:22px; line-height:22px; }
.buy_search li{padding:5px 15px 5px 15px;}

.book_data		{height:194px; border-left:1px #ececec solid; border-bottom:1px #ececec solid;}
.book_data .tit 	{float:left; font-size:14px; font-weight:bold; color:#5271af; margin:0;padding-top:20px; padding-left:10px;}
.book_data .more	{float:right;margin:0;padding-top:20px; padding-right:20px;}
.book_data ul	{ padding-top:20px; clear:both; float:none;}
.book_data li	{ float:left; width:49%; text-align:center;}

.book_data .thumb		{position:relative; overflow:hidden;text-align:center;}
.book_data 	.title_wrap {position:absolute;overflow:auto; background:url('https://img.assesta.com/c4u/onlinebuy/bg_title.png') repeat; text-align:center; color:#fff; z-index:100; top:50px;left:26px;width:107px;height:auto; padding-top:10px; }
.book_data 	.title_wrap a	{ color:#fff;}

.book_etc		{height:389px; border-left:1px #ececec solid; border-bottom:1px #ececec solid;}
.book_etc .tit 	{float:left; font-size:14px; font-weight:bold; color:#5271af; margin:0;padding-top:20px; padding-left:10px;}
.book_etc .more	{float:right;margin:0;padding-top:20px; padding-right:20px;}
.book_etc ul	{padding-top:20px; clear:both; float:none;}
.book_etc li	{width:100%;padding-top:20px; height:160px; text-align:center;}

.book_etc .thumb		{position:relative; overflow:hidden;text-align:center;}
.book_etc 	.title_wrap {position:absolute;overflow:auto; background:url('https://img.assesta.com/c4u/onlinebuy/bg_title.png') repeat; text-align:center; color:#fff; z-index:100; top:80px;left:59px;width:82px;height:auto; padding-top:10px; }
.book_etc 	.title_wrap a	{ color:#fff;}


.buy_m_titbg	{background-image:url(https://img.assesta.com/c4u/onlinebuy/bg_catecen.gif); background-repeat:repeat-x;}
.f_price		{font-size:16px; color:#ef5722; font-weight:bold; }
.buy_cate		{height:25px; text-align:left;}
.buy_cate A:link	{height:25px;background-image:url('https://img.assesta.com/c4u/front/bullet.gif');background-repeat:no-repeat; text-decoration:none; font-size:12px;text-align:left;}
.buy_cate A:visited	{height:25px; text-decoration:none;font-size:12px;text-align:left;}
.buy_cate A:hover	{height:25px; text-decoration:none;font-size:12px;text-align:left;}

#nomem_l{
	position: relative;
	padding-top:25px;
	width:359px;
	height:200px;	
	display:block;
	text-align:center;
}

#nomem_s{
	position:relative;
	padding-top:10px;
	width:359px;
	height:230px;	
	display:none;
	text-align:center;
	background:#f1f1f1;
	
}

#minilayer	{padding:10px; background-color:#FFFFFF; border:solid 2px #5271af;}
.bookbor	{border:1px solid #cccccc;}
.bookbar	{border-bottom:2px solid #dbdbdb;}

.booktab			{background-color:#ececec; color:#828282; height:27px; font-family: NanumGothicBold;}
.booktab_o	{background-color:#e5eaf3; color:#5271af; height:27px;font-family: NanumGothicBold;}

.list_book	{position:relative; width:80px; height:120px; margin:auto;}
.icon_sale	{background:url('https://img.assesta.com/c4u/onlinebuy/icon_sale.png') no-repeat; width:39px; height:34px; padding-top:10px; color:#fcff00; position:absolute; top:-3px; text-align:center;}

.pop_cartlist	{ text-align:left; margin:5px;}
.pop_cartlist span	{display:block; font-family:'NanumGothicBold'; background:#eff6ff; padding-left:5px;}
.pop_cartlist li	{padding-left:10px;}

.booktit	{ font:18px 'NanumGothic'; color:#5271af; font-weight: 600; }

.num_minus	{ width:19px; height:19px; background:url('https://img.assesta.com/c4u/onlinebuy/btn_minus.gif') no-repeat top left; border:0; margin-right:1px;cursor:pointer;}
.num_plus	{ width:19px; height:19px; background:url('https://img.assesta.com/c4u/onlinebuy/btn_plus.gif') no-repeat top left; border:0; margin-left:1px;cursor:pointer;}

.service	{/*background:url('https://img.assesta.com/c4u/onlinebuy/icon_service.gif') no-repeat 25px;*/ padding-left:20px; line-height:160%; }

/* ????? ????? ??? ??? */
#book_gallery {width: 600px; ;margin: auto;}
#book_gallery li {width: 90px;float: left; margin:0 25px;}
#book_gallery li a {display: block; width: 90px; padding:5px}
#book_gallery li a span {display: block;}
#book_gallery .thumb img {width: 90px;}
#book_gallery .tit {
	width: 90px;
	height: 20px;
	margin: auto;
	text-align: center;
	font-family:'NanumGothicBold';
	color:#5271af;
	padding-top: 5px;
	padding-bottom: 5px;	
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;	
}
#book_gallery .price{width:90px;}
#book_gallery li a:hover {background-color: #eee;}
.bu	{background:url('https://img.assesta.com/c4u/common/bullet_blue.gif') 50px; background-repeat:no-repeat; height:18px; padding-left:60px; line-height:18px;}
/*
.cart_list { width:auto; margin:0;}
.cart_list li{ height:65px; padding: 5px;}
.cart_list li span	{ float:left;}
.cart_list li .thumb {display: block;left:5px;top:12px; width:50px;}
.cart_list img	{ vertical-align:middle;}
.cart_list li .tit	{display: block;width: 220px; padding-top:20px; font:12px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
*/
.cart_list	 	{width:340px; height:65px; padding-top:6px; font-family:'NanumGothicBold'; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; margin:auto;}
.cart_list a, .order_list a 	{margin-right:10px; font-family:'NanumGothicBold';}
.cart_list img, .order_list img	{vertical-align:middle;}

.order_list	 	{width:430px; height:65px; padding-top:6px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; margin:auto;}

/* ?????_????-??o????? ????????? ????????? */
.wrap-header h2{float:left;font-size: 12px;line-height:20px;}
.wrap-header .list-tab{float:right;}
.list-tab{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd; border-radius:2px; margin-bottom:5px;}
.list-tab li{float:left;width:80px;text-align:center;}
.list-tab li a, .list-tab li a:visited {display:block;background-color:#f1f1f1;border-left:1px solid #ddd; height:20px; line-height:20px;}
.list-tab li a:hover,
.list-tab li .current{background-color:#fff;color:#323232; height:20px; line-height:20px;}
.list-tab ul:after{clear: both; float: none;}

/* ????_????-????? ????? ????????a */
.book-header {width:auto; padding-bottom:27px; border-bottom:2px solid #dbdbdb;}
.book-header h2{float:left; font-size:14px; color:#2f5090; font-family:'NanumGothic'; margin-top:5px; }
.book-header .book-tab {float:right; }
.book-tab {border-top:0px; margin-bottom:0px;}
.book-tab li{float:left;width:95px;text-align:center;background-color:#ececec;}
.book-tab li a, .book-tab li a:link, .book-tab li a:visited, .book-tab li a:hover{display:block;border-left:1px solid #fff; height:27px; line-height:27px;}
.book-tab li .current{background-color:#e5eaf3; color:#5271af; height:27px; line-height:27px;}
.book-tab ul:after{clear: both; float: none;}

/* ????_????? */
.book-content	{width:auto; margin-top:20px; padding:0;}
.book-content span{font-size:12px; font-family:'NanumGothicBold'; height:20px;}
.book-content p {font-size:12px; line-height:1.5em; margin:0; padding-left:10px;}
.book-content li{ background:url('https://img.assesta.com/c4u/common/bullet_04.gif') 10px 3px no-repeat; padding-left:20px; padding-bottom:5px; line-height:1.5em;}
.book-content li:after{padding-bottom:0}
.book-content ul{ padding-bottom:30px;}

/* ??????????_???? */
div#tab ul 	{width: auto; height: 28px;	padding: 0px; background: url('https://img.assesta.com/c4u/onlinebuy/tabmenu_bg.gif') repeat-x;}
div#tab ul li {width: 150px;	height: 28px;	text-align: center;	font: 1em 'NanumGothicBold'; color: #808080; float: left;}
div#tab ul:after {	content: '';	display: block;	float: none;	clear: both;}
div#tab a {	display: block; height: 23px; .height:28px;  width: auto; color: #808080; font-weight:bold; padding-top:5px; border-right:1px solid #ebebed;}
div#tab .active {background-color:#6f7483;}
div#tab .active a {	color: #fff; font-weight:bold; background: url('https://img.assesta.com/c4u/onlinebuy/bullet_tab.png') 130px 10px no-repeat;}
/*div#tab a:hover { color:#000000}*/


/* ????? ----------------------------------------------------------------------------------------------------------------*/
.kind_tit	{height:25px; background-color:#edf1f7; color:#395999; padding-top:5px;}
.line_180	{line-height:180%;}

.mbti_type	{ width:720px;}
.mbti_type > ul li { float:left; width:180px; text-align:center;}
.mbti_type .tit	{ font-size:14px; font-weight:bold}
.mbti_type .istj a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_istj.png') center top no-repeat; text-indent:-999em}
.mbti_type .isfj a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_isfj.png') center top no-repeat; text-indent:-999em}
.mbti_type .infj a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_infj.png') center top no-repeat; text-indent:-999em}
.mbti_type .intj a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_intj.png') center top no-repeat; text-indent:-999em}
.mbti_type .istp a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_istp.png') center top no-repeat; text-indent:-999em}
.mbti_type .isfp a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_isfp.png') center top no-repeat; text-indent:-999em}
.mbti_type .infp a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_infp.png') center top no-repeat; text-indent:-999em}
.mbti_type .intp a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_intp.png') center top no-repeat; text-indent:-999em}
.mbti_type .estp a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_estp.png') center top no-repeat; text-indent:-999em}
.mbti_type .esfp a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_esfp.png') center top no-repeat; text-indent:-999em}
.mbti_type .enfp a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_enfp.png') center top no-repeat; text-indent:-999em}
.mbti_type .entp a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_entp.png') center top no-repeat; text-indent:-999em}
.mbti_type .estj a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_estj.png') center top no-repeat; text-indent:-999em}
.mbti_type .esfj a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_esfj.png') center top no-repeat; text-indent:-999em}
.mbti_type .enfj a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_enfj.png') center top no-repeat; text-indent:-999em}
.mbti_type .entj a	{ display:block; margin:auto; width:144px; height:144px; background:url('https://img.assesta.com/c4u/front/intro_mbti_entj.png') center top no-repeat; text-indent:-999em}
.mbti_type > ul li a:hover { background-position:center -145px}


/* ????_??????? ----------------------------------------------------------------------------------------------------------------*/
.cal_topline	{border-top:2px solid #5271af;}
.cal_sun		{font-size:14px; color:#d72727; font-weight:bold; height:25px; font-family:'NanumGothic','????????',dotum,Dotum,arial;}
.cal_satur		{font-size:14px; color:#274a8f; font-weight:bold; height:25px;  font-family:'NanumGothic','????????',dotum,Dotum,arial;}
.cal_week		{font-size:14px; color:#313131; font-weight:bold; height:25px;  font-family:'NanumGothic','????????',dotum,Dotum,arial;}
.cal_holiday	{font-size:11px; color:#ff6c00;}
.cal_whbg		{background-color:#FFFFFF;}
.cal_rline		{border-right:1px solid #e6e6e6;}
.cal_bline		{border-bottom:1px solid #e6e6e6;}

#calendar	li	{height:20px;}


/* ????_????-????, ??u???, ???????u, ???????? */
.edu-header {margin-bottom: 30px;}
*+ html .edu-header {margin-left: -1px;}
.edu-tab {border-bottom: 1px solid #3d69b5; border-left: 1px solid #e8e8e8; }
*+ html .edu-tab {display: inline-block;}
* html .edu-tab {display: inline-block;} 
.edu-tab:after 	{clear: both; display: block; visibility: hidden; content: ' ';}
.edu-tab li 	{float: left; width: 140px; font-size: 13px;}
.edu-tab li a {color: #595959; display: block; vertical-align: middle; background:#f7f7f7; border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom: 0 none; text-align: center; zoom:1;}
.edu-tab li a:hover span {display: block; color: #2b3f67;}
.edu-tab li.on a {background:#fff; margin-left:-1px; border:1px solid #3d69b5; border-top:2px solid #3d69b5; border-right:1px solid #3d69b5; border-bottom: 0 none; margin-bottom:-1px;}
.edu-tab li a span {cursor: pointer; display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; }
.edu-tab li.on a span {color:#2b3f67; font-weight: bold; height: 38px;}
.clear	{ clear:both; float:none;}


/* ???? ????????? */
.edumain		{border-bottom:1px solid #dededf; padding-bottom:20px;}
.lecday	{ width:auto; padding-bottom:10px; }
.lecday	span{display:block; width:131px; height:25px; text-align:center; color:#FFFFFF; padding-top:15px; font:13px 'NanumGothicBold';}
.lecday span.step1 {background:url('https://img.assesta.com/c4u/front/edu_step01_day.gif') no-repeat;}
.lecday span.step2 {background:url('https://img.assesta.com/c4u/front/edu_step02_day.gif') no-repeat;}
.lecday span.step3 {background:url('https://img.assesta.com/c4u/front/edu_step03_day.gif') no-repeat;}
.lecday span.step4 {background:url('https://img.assesta.com/c4u/front/edu_step04_day.gif') no-repeat;}
.lecday span.step5 {background:url('https://img.assesta.com/c4u/front/edu_step05_day.gif') no-repeat;}
.lecday	li 		{padding:5px 0 5px 0;}
.lec_qualify	{min-height:150px;}
.lec_qualify li {font:13px/1.6em; background:url('https://img.assesta.com/c4u/common/bbs_bullet.gif') 10px 7px no-repeat; padding:3px 0px 3px 20px}
.lec_qualify span{display:block; height:24px;}
.lectit	{font:18px 'NanumGothic'; color:#3c3c3c; font-weight:600; background:url('https://img.assesta.com/c4u/front/tit_tbg.gif') left top no-repeat; padding-top:4px;}
.step1		{color:#44699e; font:14px/1.2em 'NanumGothicBold';}
.step2		{color:#2db6ac; font:14px/1.2em 'NanumGothicBold';}
.dot_line	{ border-top:1px dotted #a1a1a1; border-bottom:1px dotted #a1a1a1;}
.dot_line_bot {border-bottom:1px dotted #a1a1a1;}
.edu_time	{padding-left:20px; font-size:12px; background:url(https://img.assesta.com/c4u/front/bullet_y.gif) no-repeat left; font-family:'NanumGothic'; height:30px;}

/** ???????? **/
.edu-tab01 h2{float:left; height:auto; width:235px;}
.edu-tab01 li{float:right; width:auto; padding-top:15px;}
.edu-tab01 .btn	{ text-align:right;}
.tit_3d	{background:url('https://img.assesta.com/c4u/front/tit_3dbg.gif') left 5px no-repeat; margin-top:5px; font-size:18px; font-weight:bold; height:40px;}
.mbti_info	{background:url('https://img.assesta.com/c4u/front/mbti_infobg.gif') no-repeat; padding-left:45px; height:47px; line-height:25px;}
.mbti_info2	{background:url('https://img.assesta.com/c4u/front/mbti_infobg2.gif') no-repeat; padding-left:45px; height:72px; line-height:25px;}
.f_edusale	{color:#e77165; font-weight:bold;}
.tit_3d .btn	{display:inline-block; float:right; padding-top:5px;}


/** ??u??? **/
.edu_qua	{background:url('https://img.assesta.com/c4u/common/bullet_blue.gif') left 4px no-repeat; padding-left:14px; line-height:180%; }
.nomem_lec	{right: 0px; display: inline; position: absolute;}
.nomem_lec a {font-size: 14px; color:#000; font-weight: bold; text-decoration: underline}

/** ???????? **/
.ref_con	{ width:auto;}
.ref_con span { display:block; height:24px;}
.ref_con li	{ padding-left:10px;}
.ref_tit	{ background-color:#2c3e50; text-shadow:#2c3e50; padding:5px 10px; color:#fff; font-weight:bold; font-size:14px;}



/* div ???? */
.display_block {display:block;}
.display_none  {display:none;}
.hand {cursor:pointer;}

/* ?????? mbti */ 
.bor_purple	{border:1px #92a3ff solid;}
.bg_purple	{background-color:#92a3ff; color:#f0ff00; background-image:url(https://img.assesta.com/c4u/mbti/top_line.gif); background-position:left top; background-repeat:no-repeat; height:30px; text-align:center;}

/* ?????? strong */ 
.bor_green	{border:1px #87bc11 solid;}
.bg_green	{background-color:#87bc11; color:#f0ff00; background-image:url(https://img.assesta.com/c4u/strong/top_line.gif); background-position:left top; background-repeat:no-repeat; height:30px; text-align:center;}

/* ?????? strongjob1 */ 
.bor_blue1	{border:1px #3f92ff solid;}
.bg_blue1	{background-color:#3f92ff; color:#f0ff00; background-image:url(https://img.assesta.com/c4u/strong_job1/top_line.gif); background-position:left top; background-repeat:no-repeat; height:30px; text-align:center;}

/* ?????? firo-b */ 
.bor_burgundy 	{border:1px #ac4d90 solid;}
.bg_burgundy	{background-color:#ac4d90; color:#f0ff00; background-image:url(https://img.assesta.com/c4u/firob/top_line.gif); background-position:left top; background-repeat:no-repeat; height:30px; text-align:center;}

.omr_h		{border-bottom:1px #d6d6d6 solid;}
.omr_nocheck			{ background-color:#fff9e5; color:#ff6000; text-decoration:underline;}
.omr_nocheck A:link		{ background-color:#fff9e5; color:#ff6000; text-decoration:underline;}
.omr_nocheck A:visited	{ background-color:#fff9e5; color:#ff6000; text-decoration:underline;}
.omr_nocheck A:hover	{ background-color:#fff9e5; color:#ff6000; text-decoration:underline;}
#omr_no		{ width:100%;clear:both;}
#omr_no li	{float:left;}
.w_20		{width:25px; padding-top:3px;}
.answer		{margin-top:3px;}

/* ?????? CPI */ 
.bg_line	{background:url('https://img.assesta.com/c4u/cpi/top_line.gif') left top no-repeat}

.omr_h		{border-bottom:1px #d6d6d6 solid;}
.omr_nocheck			{ background-color:#fff9e5; color:#ff413b; text-decoration:none;}
.omr_nocheck A:link		{ background-color:#fff9e5; color:#ff413b; text-decoration:underline;font-weight:bold}
.omr_nocheck A:visited	{ background-color:#fff9e5; color:#ff413b; text-decoration:underline;font-weight:bold}
.omr_nocheck A:hover	{ background-color:#fff9e5; color:#ff413b; text-decoration:underline;font-weight:bold}
.answer		{margin-top:1px;}
.answer li	{float:left; margin-right:2px; width:99px}
.tableAnswer {width:99px;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.tableAnswer th {border-bottom:1px solid #ddd;text-align:center; color:#fff; background:#3a3b73; height:24px; font-weight:100}
.tableAnswer td {border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:12px;height:18px;}
.tableAnswer td img	{padding:0 4px}
.tableAnswer th:first-child	{ text-align:left; vertical-align:top}
.tableAnswer td:first-child {border-left:1px solid #ddd;border-right:none;}

/* ?????? CATi */
.CATianswer		{margin-top:10px; width:100%}
.CATianswer li	{float:left; text-align:center; width:25%}
.CATitableAnswer {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:1px solid #ddd; padding:0 30px}
.CATitableAnswer th {border:1px solid #302f2e;text-align:center; color:#302f2e; background:#33cc5b; height:24px;font-family:'NanumGothicBold';}
.CATitableAnswer td {border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:14px;height:28px;vertical-align:middle}
.CATitableAnswer td img	{vertical-align:middle; padding:0 6px}
.CATitableAnswer th:first-child	{ text-align:center; vertical-align:top}
.CATitableAnswer td:first-child {border-left:1px solid #ddd;border-right:none;}
.CATitableAnswer td.nl {border-left:none;}
.CATitableAnswer td.noline {border:none;}

/* ?????? TKI */
.TKIanswer		{margin-top:10px; width:100%}
.TKIanswer li	{float:left; text-align:center; width:33%}
.TKItableAnswer {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:1px solid #ddd; padding:0 30px}
.TKItableAnswer th {border:1px solid #302f2e;text-align:center; color:#302f2e; background:#33cc5b; height:24px;font-family:'NanumGothicBold';}
.TKItableAnswer td {border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:14px;height:28px;vertical-align:middle}
.TKItableAnswer td img	{vertical-align:middle; padding:0 6px}
.TKItableAnswer th:first-child	{ text-align:center; vertical-align:top}
.TKItableAnswer td:first-child {border-left:1px solid #ddd;border-right:none;}
.TKItableAnswer td.nl {border-left:none;}
.TKItableAnswer td.noline {border:none;}


/* firob ???? */
.transfer_bg	{background-image:url('https://img.assesta.com/c4u/member/firob_transfer_img02.png'); background-repeat:no-repeat; background-position:bottom; background-color:#e7e7e7; padding-top:20px; height:350px;}

/* ???? ?????? */
div#event {width:800px; margin:auto; padding:0;}

/* ?????? */
div#rtnexch {width:720px; margin:auto; padding:0;}

/* ????????? */
div#estimate {width:650px; margin:auto; font-family:'NanumGothic','????????','????',Dotum,arial; font-size:12px; color:#666666; } 
div#estimate li{list-style:none; }
div#estimate .box1 {border:1px #5271af solid; border-top:2px #5271af solid}
div#estimate .company	{ width:auto; margin-left:15px;margin-right:10px; margin-top:10px}
div#estimate .date		{ height:30px; line-height:30px; text-align:right;}
div#estimate .period	{ text-align:right; padding-bottom:15px; font-weight:bold;}
div#estimate .info		{ text-align:right; font-size:12px; border-bottom:1px solid #ccc;}
div#estimate .info span, div#estimate .info input {font-size:16px; font-family:'NanumGothic'; color:#333333; font-weight:bold;}
div#estimate .txt		{ text-align:center; padding-top:10px;}

div#estimate .box2 {border:2px #5271af solid;}
div#estimate .tit{text-align:center; color:#5271af; height:26px; border-bottom:1px #5271af solid; font-weight:bold;}
div#estimate .con{text-align:center; color:#333; height:26px; border-bottom:1px #5271af solid;}
div#estimate .con_t{text-align:left; color:#333; height:26px; border-bottom:1px #5271af solid; padding:0 8px;}
div#estimate .con_r{text-align:right; color:#333; height:26px; border-bottom:1px #5271af solid; padding-right:8px;}
div#estimate .bor_r	{border-right:1px #5271af solid; }
div#estimate .total	{ text-align:right; font-size:16px; color:#333333; font-weight:bold; height:50px; padding-right:10px;}

div#estimate .coment	{text-align:left; padding:0; margin-bottom:20px;}
div#estimate .coment li	{padding-top:10px;}
div#estimate .coment select {font-size:12px; font-family:'NanumGothic';color:#666666;}
div#estimate .bank	{ padding-left:20px;}
div#estimate .copyright	{ color:#999999;}


/* ?????? */
div#receipt {width:650px; margin:auto; font-family:'NanumGothic','????????','????',Dotum,arial; font-size:12px; color:#666666; } 
div#receipt li{list-style:none; }
div#receipt .box1 {border:1px #5271af solid; border-top:2px #5271af solid}
div#receipt .company	{ width:auto; margin-right:20px; margin-top:10px;}
div#receipt .date		{ height:20px; line-height:20px; text-align:right;}
div#receipt .id			{ height:20px; line-height:20px; text-align:right;}
div#receipt .info		{ text-align:right; font-size:14px; border-bottom:1px solid #ccc; padding-top:15px;}
div#receipt .info span  {font-size:16px; font-family:'NanumGothic'; color:#333333; font-weight:bold;}
div#receipt .txt		{ text-align:center; padding-top:20px;}
div#receipt .tit_ol		{font-size:14px; font-family:'NanumGothic'; color:#2b3f67; font-weight:bold; padding-top:40px;  padding-bottom:5px;}

.v_align_T {vertical-align:Top;}
.v_align_M {vertical-align:Middle;}
.v_align_B {vertical-align:Bottom;}

/* ?????? ???? */
.coupon1	{background:url('https://img.assesta.com/c4u/lec/online_coupon01.jpg') no-repeat; padding-top:24px; font-size:18px; color:#fff; font-weight:bold; height:98px;}
.coupon2	{background:url('https://img.assesta.com/c4u/lec/online_coupon02.jpg') no-repeat; padding-top:8px; height:92px; }
.coupon_no	{font-size:18px; color:#464646; font-weight:bold; padding-left:57px;}
.coupon_txt	{font-size:12px; color:#464646; padding-left:150px; padding-top:10px; line-height:130%;}
.coupon3	{background:url('https://img.assesta.com/c4u/lec/online_coupon03.jpg') no-repeat; height:238px; }

/* ??????? ??? ??? */
.zip_box	{width:500px;}
.zip_kind	{width:300px; margin:auto;}
.zip_kind li{float:left; width:50%; text-align:center;color:#484848; font-size:14px; font-weight:bold;  padding:20px 0;}

.zip_list { width:330px; margin:auto}
.zip_list dl { clear:both; float:none; height:30px;}
.zip_list dt{width:120px; float:left; text-align:right;}
.zip_list dd{width:200px; float:left; padding-left:10px;text-align:left;}
.zip_addr {font-weight:bold; color:#484848; font-size:12px;}
.zip_box2	{width:auto;height:240px;padding-right:10px;overflow-y:scroll; vertical-align:top;}

/* ??? */
.footer {line-height:1.8em; font-size:11px; padding:15px 0;}
.footer strong {font-family:'NanumGothicBold'; }

/* ????? ???? ??u 2020-01-08 */ 
.tableType1 {text-align: center; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; margin: auto}
.tableType1 td.tit { text-align: center; font-size: 16px; color: #2b3f67; font-weight: bold; }

.tableType1 th {padding:5px 0;line-height:18px; padding-left:20px; text-align:left; vertical-align:top; font-size: 13px}
.tableType1 td {padding:5px 0;line-height:18px;word-break:break-all; padding-left:10px;text-align:left; font-size: 13px}
.tableType1 td.cen {text-align: center}
.tableType1 td.input {padding:5px 0;line-height:normal;padding-left:20px;}
.tableType1 td .label	{padding:10px 0; display:inline-block}
.tableType1 td.input a {font-family:'NanumGothic';} /* select */
.tableType1 td a { font-family:'NanumGothic','????????';  /*font-weight:bold;*/}
.tableType1 td img {*vertical-align:middle;}

.tablebox1 {width: auto; padding: 10px 50px; border-radius: 30px; -mos-border-radius:30px; -webkit-border-radius:30px; border: 1px solid #5271af; margin: auto}

.sms_form{margin: 0 auto; padding: 20px; max-width: 400px; border: 1px solid #d9d9d9;}

/* ?? ???? ?? */
.banner{
    display: none;
}
.benefitBtn{
    display: none;
}
.benefitmodal{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.3);
	z-index: 101;
}
.modal_form{
	width: 90%;
	max-width: 700px;
	background: #fff;
	border-radius: 20px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 30px;
	box-sizing: border-box;
}
.modal_form .modal_header{
	display: flex;
	width: 100%;
}
.modal_form .modal_header .close{
	display: block;
	margin-left: auto;
	color: #002954;
	cursor: pointer;
	font-size: 20px;
}
.modal_form .modal_content img{
	display: block;
	width: 100%;
}


/* ÁÖ¹®Çϱâ ÄíÆùÀû¿ë */
.Mbti_Coupon{
    margin-top: 20px;
}
.Mbti_Coupon table{
    border: 1px solid #d9d9d9;
    padding: 20px;
}
.Mbti_Coupon td ul{
    margin: 5px 0 20px;
    margin-left: 20px;
}
.Mbti_Coupon td ul li{
    list-style: disc;
}
.Mbti_Coupon td div{
    display: flex;
    align-items: center;
}
.Mbti_Coupon td div span{
    margin-right: 10px;
    font-weight: 600;
}
.Mbti_Coupon td div input{
    margin-right: 10px;
    height: 24px;
    box-sizing: border-box;
    background-image: none;
    background-color: rgba(236, 236, 236, 0.25);
}
.Mbti_Coupon td div button{
    width: 60px;
    height: 24px;
    border: none;
    color: #fff;
    background-color: #2B3F67;
}

/* ±³À° overview */
.lecture_list{
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(3, 218px);
    gap: 12px;
}
.lecture_list li{
    height: 38px;
    color: #333333;
    background-color: #C7E0FC;
    border-radius: 100px;
}
.lecture_list li a{
    display: block;
    height: 38px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
    color: #333333;
}
/* ?? overview ?? 20231124 */
.lecture_overview .info{
    margin-bottom: 40px; 
    color: #3c3c3c;   
}
.lecture_overview .lecture{
    /* padding: 0 20px; */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.lecture_overview .lecture section{
    padding: 0 18px;
    color: #3c3c3c;
}
.lecture_overview .lecture .section1{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
}
.lecture_overview .lecture .section2{
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}
.lecture_overview .lecture .section3{
    grid-column: 2/ 3;
    grid-row: 1 / 3;
    border-left: 1px solid #e9e9e9;
}
.lecture_overview .lecture .title{
    font-size: 16px;
    margin-bottom: 20px;
}
.lecture_overview .lecture .title + p{
    margin-bottom: 20px;
    word-break: keep-all;
}
.lecture_overview .lecture .btn_area ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.lecture_overview .lecture .btn_area ul li{
    border-radius: 5px;
    height: 29px;
    background-color: #909090;
    color: #434549;
}
.lecture_overview .lecture .btn_area ul li a{
    display: block;
    color: inherit;
    width: 100%;
    height: 100%;
    line-height: 29px;
    word-spacing: -1.2px;
    text-align: center;
    font-weight: 600;
}
.lecture_overview .lecture .btn_area ul li a span{
    margin-left: 4px;
    font-weight: 400;
}
.lecture_overview .lecture .section1 .btn_area li{
    background-color: #dfe8d4;
}
.lecture_overview .lecture .section2 .btn_area li{
    background-color: #e0e8ed;
}
.lecture_overview .lecture .section3 .btn_area li{
    background-color: #e0d8e7;
}
/* ±³À° ¼­·ù ´Ù¿î·Îµå */
.btn_pdf{
    margin-right: 10px;
    padding: 6px 12px;
    font-weight: 600;
    color: #333;
    background-color: #e0e0e0;
    border: 1px solid #c0c0c0;
    cursor: pointer;    
}

/* ±³À° ¼­·ù ´Ù¿î·Îµå - °ßÀû¼­ Æ˾÷ */
#receiptModal, #officialModal{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#receiptModal > div, #officialModal > div{
    position: relative;
    padding: 40px 50px;
    background-color: #fff;
    border: 1px solid #2c2c2c;
}
#receiptModal .closeBtn, #officialModal .closeBtn{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: none;
}
#receiptModal .int_area p, #officialModal .int_area p{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
}
#receiptModal .int_area .int, #officialModal .int_area .int{
    padding: 8px;
    width: 320px;
    font-size: 14px;
    border: 1px solid gray;
    border-radius: 0;
}
#receiptModal div .btn , #officialModal div .btn{
    padding: 10px 0;
    width: 100px;
    border: none;
    border-radius: 0;
}

/* ±³À° ¼­·ù ´Ù¿î·Îµå - ±³À°°ø¹® Æ˾÷ */
#officialModal .int_box li{
    display: flex;
    align-items: center;
}
#officialModal .int_box li label{
    width: 40px;
    font-size: 14px;
}
#officialModal .int_box li .int{
    width: 250px;
}