@charset "utf-8";
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

* { 
	font-family: 'Nanum Gothic';	
}
html, body, div, span, applet, embed, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td {
	margin:0;
	padding:0;
	border:0;
	line-height:normal;
}
html,body{
	height:100%;
}
body{
	width:100%;
	margin:0;
	height:auto !important;
	min-height:100%;
	text-align:center;
	display: block;
}	
table {
	width:100%;
	table-layout:fixed; 
}
table, th, td {
	border-collapse:collapse; 
	border-spacing:0;
}
table caption {
	display: none;
}
form *{
	vertical-align: middle;
}
ul,li{
	list-style: none;
	margin:0;
	padding:0;
}
a:focus {
	outline:none;
}
#page{
	width:1200px;
	height:auto !important;
	min-height:100%;
	text-align:center;
	display: block;
	margin:0 auto;
}
#layout_tbl{
	width:1000px;
	height:100%;
	margin:0 auto;
}
#layout_header{
	height:63px;
}
#layout_content{
	vertical-align: top;
}
/** 마이페이지 테이블 **/
.my_tb th {
	padding: 5px 0;
	border-top: 2px solid #595959;
	border-bottom: 2px solid #595959;
	background: #E0E0E0;
	color: #2E2E2E;
	text-align: center;
	height:30px;
	font-size:12px;
}
.my_tb td {
	padding: 5px 0;
	border-bottom: 1px solid #E5E5E5;
	color: #666;
	text-align: center;
	font-size:12px;
	line-height: 28px;
	vertical-align:middle;
	text-align:center;
}
.my_tb td > a.normal{
	color: rgb(7, 107, 139);
	text-decoration:none;
}
/** 서브 페이지 왼쪽 메뉴 **/
#sub_content_tb{
	margin-top:171px;
}
#sub_content_tb td{
	vertical-align:top;
}
#sub_left_title{
	width:210px;
	height:100px;
	background:url('/images/sub/bg_left_menut.gif') no-repeat;
	display:block;
	vertical-align:middle;
	display:table-cell;
	text-align:center;
}
#sub_left_title div{
	color:#ffffff;
	font-size:18px;
	line-height:150%;
	font-weight:bold;
	display:block;
	margin:0 auto;
}
#sub_left_list{
	margin:18px 0;
	width:210px;
}
#sub_left_list li{
	height:39px;
	border-bottom:1px #E5E5E5 solid;
	text-align:left;
	background:url('/images/common/menu_hyphen.gif') no-repeat left center;
}
#sub_left_list li a{
	font-size:13px;
	font-weight:bold;
	line-height:39px;
	color:#B5B7B6;
	text-decoration:none;
	margin-left:22px;
	width:188px;
	display:inline-block;
}
#sub_left_list li:hover, #sub_left_list li.select{
	background:url('/images/common/menu_hyphen_on.gif') no-repeat left center;
}
#sub_left_list li:hover a, #sub_left_list li.select a{
	color:#585858;
}
/** 서브 페이지 실제 컨텐츠 영역 **/
#sub_content_div{
	margin:0px;
}
#sub_content_div_title{
	padding:30px 0;
	font-size:23px;
	font-weight:bold;
	color:#076B8B;
	text-align:left;
}
#sub_content_div_txt{
	font-size:13px;
	line-height:22px;
	color:#606060;
	text-align:left;
	font-weight: 500;
}
span.normal{
	font-size:12px;
	color:#010101;
	font-weight:normal;
}
span.normal2{
	font-size:12px;
	color:#076B8B;
	font-weight:normal;
}
span.normal3{
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
}
span.normal4{
	font-size:12px;
	color:#ff0000;
	font-weight:normal;
}
span.bold{
	color:#010101;
	font-weight:bold;
}
span.bold2{
	color:#076B8B;
	font-weight:bold;
}
span.bold3{
	color:#ffffff;
	font-weight:bold;
}
span.bold4{
	color:#ff0000;
	font-weight:bold;
}
span.big_bold{
	font-size:23px;
	font-weight:bold;
	color:#010101;
}
span.big_bold2{
	font-size:23px;
	font-weight:bold;
	color:#076B8B;
}
span.big_bold3{
	font-size:23px;
	font-weight:bold;
	color:#ffffff;
}
span.big_bold4{
	font-size:23px;
	font-weight:bold;
	color:#ff0000;
}
/** 서브 페이지 왼쪽 메뉴 **/
#layout_footer{
	width:100%;/*1200px*/
	height:63px;
	background-color:#E8E8E8;
	margin:0 auto;
}
.btn_area {
	position: relative;
	text-align: center;
	padding:10px 0;
}
.btn_area_right {
	position: relative;
	text-align: right;
	padding:10px 0;
}
.btn_basic {
	display: inline-block !important;
	height: 30px !important;
	line-height: 30px !important;
	padding: 0 15px !important;
	border-radius: 3px;
	color: white !important;
	text-shadow: -1px -1px 1px #373794;
	font-family: NanumGothicBoldWeb;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none !important;
	overflow: hidden;
	cursor: pointer;
	background-color: #5758a6;
	border: 1px solid #2f3187;
}
.btn_basic_cancel{
	background-color:#43446c;
}

.btn_white{
	display:block;
	float:left;
	font-size:11px;
	line-height:25px;
	height:25px;
	color:#7B7B7B;
	text-decoration:none;
	font-family: 'Nanum Gothic';
}
.btn_white2{
	display:block;
	float:left;
	font-size:11px;
	line-height:25px;
	height:25px;
	color:#0485E3;
	text-decoration:none;
	font-family: 'Nanum Gothic';
}
.btn_white3{
	margin-left:4px;
	border:1px #919191 solid;
	display:block;
	float:left;
	font-size:11px;
	line-height:25px;
	height:25px;
	width:78px;
	color:#363636;
	text-decoration:none;
	font-family: 'Nanum Gothic';
}
.btn_black{
	display:block;
	float:left;
	width:75px;
	font-size:11px;
	line-height:28px;
	height:28px;
	background-color: #323232;
	color:#ffffff;
	text-decoration:none;
	font-family: 'Nanum Gothic';
}
.btn_blue{
	display:block;
	float:left;
	width:70px;
	font-size:12px;
	line-height:28px;
	height:28px;
	background-color: #038ECF;
	color:#ffffff;
	text-decoration:none;
	font-family: 'Nanum Gothic';
}
.btn_red{
	display:block;
	float:left;
	width:70px;
	font-size:12px;
	line-height:28px;
	height:28px;
	background-color: #E14B4D;
	color:#ffffff;
	text-decoration:none;
	font-family: 'Nanum Gothic';
}
.btn_gray{
	display:block;
	float:left;
	width:70px;
	font-size:12px;
	line-height:28px;
	height:28px;
	background-color: #ebebeb;
	color:#000000;
	text-decoration:none;
	font-family: 'Nanum Gothic';
}
/** IE 8 이하에서 placeholder **/
.placeholder { color: #aaa; }

/** 별점수 **/
.star_div{
	float:left;
	width:49px; height:10px;
	background: url('/images/common/icon_star_off_bg.png'); 
	position: relative;
	z-index: 1;
}
.star_div > div{
	position: absolute;
	height:10px;
	background: url('/images/common/icon_star_on_bg.png'); 
	z-index: 2;
	top:0;
	left:0;
}
.star_on0{}
.star_on1{
	width:20%;
}
.star_on2{
	width:40%;
}
.star_on3{
	width:60%;
}
.star_on4{
	width:80%;
}
.star_on5{
	width:100%;
}

ul.li_dotted_line > li{
	clear:both;
	border-top:1px #cccccc dotted;
}
ul.li_dotted_line > li:first-child{
	border-top-width:0;
}
ul.li_tr li{
	float:left;
	height:40px;
	line-height: 40px;
	font-size: 12px;
	font-family: Arial;
	text-align: left;
	overflow: hidden; 
	text-overflow: ellipsis;
	word-wrap:break-word;
}
ul.li_tr li div.star_div{
	margin-top:15px;
}
ul.li_tr li.star{
	width:65px;
}
ul.li_tr li.date{
	background: url('/images/common/icon_list_clock.png') no-repeat left center;
	width:90px;
	color:#8F8F8F;
	font-size: 11px;
}
ul.li_tr li.date span{
	margin-left:18px;
}
ul.li_tr li.date1{
	width:66px;
	color:#8F8F8F;
	font-size: 11px;
}
ul.li_tr li.date1 span{
	margin-left:6px;
}
ul.li_tr li.title{
	width:550px;
}
ul.li_tr li.title1{
	width:235px;
}
ul.li_tr li.title3{
	background: url('/images/common/icon_study_list.gif') no-repeat left center;
	width:368px;
}
ul.li_tr li.title3 span{
	margin-left:18px;
}
ul.li_tr li.subtitle1{
	width:67px;
}
ul.li_tr li img{
	vertical-align: middle;
	margin-right: 5px;
}
ul.li_tr li.photo{
	width:184px;
	height:200px;
}
ul.li_tr li.photo div.date2{
	text-align:center;
}
ul.li_tr li.photo div{
	width:184px;
	height:24px;
}
ul.li_tr li.photo img{
	width:156px;
	height:142px;
	border:2px #cccccc solid;
	margin:0 14px;
	padding:0px;
}
/**상단 메뉴 **/
.tabmenu_container{
	height:49px;
	width:1000px;
	overflow: hidden;
	margin:0;
}
#tab_menu_tb{
	height:49px;
	width:1000px;
}
#tab_menu_tb > a{
	text-decoration: none;
	width:100%;
	height:100%;
	display: block;
	line-height: 49px;
}
#tab_menu_tb li a{
	text-decoration: none;
	width:100%;
	height:100%;
	display: block;
	line-height: 36px;
}
#tab_menu_tb td:first-child{
	border-left-width:0;
}
#tab_menu_tb td > a{
	display:inline-block;
	overflow:hidden;
	position: relative;
	width:100%;
	height:100%;
	font-size:20px;
	font-weight:bolder;
	letter-spacing:-1px;
	line-height:46px;
	text-decoration:none;
}
.tab_menu_tb_menu{
	text-align:center;
}
.tab_menu_tb_menu > a{
	background-color:#ffffff;
	color:#000000;
}
.tab_menu_tb_menu:hover > a{
	color:#0093D0;
}
.tab_menu_tb_menu > div{
	display: none;
}
.tab_menu_tb_menu:hover > div{
	text-align:center;
	display: block;
	position: absolute;
	top:110px;
	left:0px;
	background-color: #52504d;
	position: absolute; 
	width: 100%;
	height:36px;
	z-index: 9999;
}
.tab_menu_tb_menu:hover > div > ul{
	display:inline-block;
}
.tab_menu_tb_menu ul > li{
	float:left;
	display: block;
	height: 36px;
	min-width: 122px;
	padding: 0 20px;
	background-color: transparent;
	position:relative;
	border-left:1px #42403e solid;
}
.tab_menu_tb_menu ul > li:first-child{
	border-left-width:0;
}
.tab_menu_tb_menu ul > li:hover{
	background-color: #42403e;
}
.tab_menu_tb_menu ul > li > a{
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
ul.margin1{
	margin-left:-620px;
}
ul.margin2{
	margin-left:100px;
}
ul.margin3{
	margin-left:320px;
}
ul.margin4{
	margin-left:350px;
}
ul.margin5{
	margin-left:510px;
}
ul.margin6{
	margin-left:350px;
}
/** 네비게이션 타이틀 **/
#nav_title{
	border-bottom:1px #D3D5D4 solid;
	width:736px;
	height:84px;
	display:block;
	background: url('/images/sub/sub_title_bar.gif') no-repeat left center;
	text-align: left;
	padding-left:14px;
	font-size: 23px;
	font-weight:bold;
	line-height:84px;
}
#nav_title span.bold{
	font-weight:900;
}
/** 전체 화면 불투명레이어 **/
#layer_common_bg{
	position:absolute;
	top:0; 
	left:0; 
	width:100%;
	height:0; 
	display:none; 
	background:#000;
	opacity:0.5;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	filter:alpha(opacity=50); 
	z-index: 2050;
}
/** 상단 로그인 영역 **/
#hlogin_form_div{
	background:url('/images/login/bg_login.png');
	width:184px;
	height:85px;
	display:block;
	padding-top:6px;
}
#hlogin_form_div table{
	margin:5px auto;
	width:157px;
	font-family: 'Nanum Gothic';
	font-size:11px;
	height:65px;
}
#hlogin_form_div input{
	width:88px;
	height:20px;
	border:1px #cccdc8 solid;
}
/** 로그인 정보 **/
.login_user_info_container{
	/*float:right;*/
	/*background-color:#1c445d;*/
	/*background-color:rgb(143,186,50);*/
	/*border-left: #3c5665 1px solid;
	border-right: #3c5665 1px solid;*/
	background:url('/images/common/login_user_info_container_bg.png');
	width:182px;
	height:85px;
	display:block;
	padding-top:6px;
	outline:2px #ddd solid;
}
.login_user_info{
	margin:5px auto;
	width:157px;
	font-family: 'Nanum Gothic';
	font-size:11px;
	height:65px;
}
.login_user_info li{
	height:31px;
	line-height:21px;
	font-size:11px;
	color:#969696;
	text-align:justify;
	margin:0 8px;
}
.login_user_info li a.user_info_modify{
	background:url('/images/common/user_info_modify.png');
	width:64px;
	height:31px;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	margin-top:10px;
	margin-right:12px;
	color:#fff;
	line-height:31px;
}
.login_user_info li a.user_info_logout{
	background:url('/images/common/user_info_logout.png');
	width:64px;
	height:31px;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	line-height:31px;
}
.login_user_info li span.name{
	background:url('/images/common/user_name_bg.png');
	color:#fff;
	line-height:33px;
	width:141px;
	height:33px;
	display:block;
	text-align:center;
}

.login_user_info_container a.btn_white{
	padding:2px 9px;
}
#id_save{
	position: absolute;
	bottom: 12px;
	left: 0px;
	width: 13px;
	height: 13px;
	line-height: 13px;
	margin: 0;
	padding: 0;
}
/** 페이징 **/
.pagination_container{
	position:relative;
	display:block;
	height:30px;
	margin:10px 0 20px 0;
}
.pagination{
	display:block;
	height:30px;
	
}

.pagination a{
	float:left;
	text-decoration:none;
	display:block;
	line-height:20px;
	margin-left:4px;
}
.pagination a:first-child{
	margin-left:0;
}
.paging_prev{
	width:20px;
	height:20px;
	background: transparent url('/images/common/paging_arr_prev.png') no-repeat center center;
	color:transparent;
	border:1px #D6D6D6 solid;
}
.paging_next{
	width:20px;
	height:20px;
	background: transparent url('/images/common/paging_arr_next.png') no-repeat center center;
	color:transparent;
	border:1px #D6D6D6 solid;
}
.paging_now{
	width:20px;
	height:20px;
	color:#E81B22;
	border:1px #E81B22 solid;
}
.paging_num{
	width:20px;
	height:20px;
	color:#000000;
	border:1px #D6D6D6 solid;
}
/** 리스트 **/
.common_tbl_title{
	padding:30px 0 10px 0px;
	width:100%;
	text-align:left;
	display:block;
	color:#424242;
	font-size:15px;
	font-weight:bold;
}
#common_tbl{
	border-top:2px #157CBF solid;
}
#common_tbl a{
	text-decoration:none;
}
#common_tbl tfoot th{
	font-size:12px;
	height:33px;
	border-bottom:1px #cccccc solid;
	background-color:#FDFBEC;
	color:#41864E;
	text-align:center;
}
#common_tbl th{
	font-size:12px;
	height:33px;
	border-bottom:1px #cccccc solid;
	background-color:#F1F1F1;
	color:#353535;
	text-align:center;
}
#common_tbl th:first-child{
	border-left-width:0;
}
#common_tbl td{
	height:33px;
	border-bottom:1px #cccccc solid;
	font-size:12px;
	text-align:center;
	/*line-height:33px;*/
	line-height:200%;
	vertical-align:middle;
}
#common_tbl td.left{
	text-align:left;
	padding:0 5px;
}
/** 박스 **/
.color_box1{
	background:url('/images/common/bg_pattern01.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box1{
	background-color:#2C373B;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
.color_box2{
	background:url('/images/common/bg_pattern02.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box2{
	background-color:#B92E0D;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
.color_box3{
	background:url('/images/common/bg_pattern03.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box3{
	background-color:#833688;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
.color_box4{
	background:url('/images/common/bg_pattern04.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box4{
	background-color:#355E00;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
.color_box5{
	background:url('/images/common/bg_pattern05.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box5{
	background-color:#0B6E98;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
/** table 버튼 정렬 **/
.tbl_btn_right{
	text-align:right;
	margin:10px 0;
}
/** faq **/
#faq_list{
	box-sizing: border-box;
	color: rgb(51, 51, 51);
	display: block;
	line-height: 20px;
	margin-bottom: 20px;
	width: 696px;
}
.faq_group{
	-webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
	background-color: rgb(255, 255, 255);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border:1px rgb(221, 221, 221) solid;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
	box-sizing: border-box;
	display: block;
	margin-bottom: 0px;
	overflow: hidden;
	width: 696px;
	margin-bottom:10px;
}
.faq-heading{
	background-color: rgb(255, 255, 255);
	background-image: none;
	background-repeat: repeat-x;
	border-bottom-color: rgb(221, 221, 221);
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-left-color: rgb(221, 221, 221);
	border-right-color: rgb(221, 221, 221);
	border-top-color: rgb(221, 221, 221);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-sizing: border-box;
	display: block;
	font-family: 'Nanum Gothic';
	font-size: 14px;
	height: 38px;
	padding:10px 15px;
	width: 694px;
}
.faq-title{
	background:url('/images/common/arrow_bottom.png') center right no-repeat;
	box-sizing: border-box;
	color: rgb(7, 107, 139);
	display: block;
	font-weight: bold;
	height: 18px;
	line-height: 17px;
	margin: 0px;
	width: 664px;
	text-align:left;
}
.faq-title > a{
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	box-sizing: border-box;
	color: rgb(7, 107, 139);
	display: inline;
	font-weight: 500;
	height: auto;
	line-height: 17px;
	text-decoration: none solid rgb(7, 107, 139);
	width: auto;
}
.faq-collapse{
	box-sizing: border-box;
	display: none;
	line-height: 20px;
	width: auto;
}
.faq-body{
	border-top:1px rgb(221, 221, 221) solid;
	box-sizing: border-box;
	display: block;
	height: auto;
	line-height: 20px;
	padding: 15px;
	width: auto;
	text-align:left;
	font-size:12px;
}
/** 배너 애니메이션 **/
.animi_container{
	width:1200px;
	position:absolute;
	left:50%;
	top:110px;
	margin-left:-600px;
	height:170px;
	text-align:center;
}
.animi_body{
	width:1000px;
	position:relative;
	height:170px;
	text-align:center;
}
.animi_text1{
	position:absolute;
	top:140px;
	width:1000px;
	height:20px;
	left:2500px;
	font-size:13px;
	font-weight:bolder;
	color:#2C373B;
	opacity:.0;
}

.txt_dark_gray{
	color:#6d6d6c;
}