@charset "utf-8";
/* CSS Document */



.title01 {
	font-size:18px;
	font-weight:bold;
	color:#28b6d7;
}
.title02 {
	font-size:13px;
	font-weight:bold;
}
.title03 {
	margin:20px 0 10px;
	font-weight:bold;
}
.title04 {
	margin-bottom:5px;
	padding: 3px 0 3px 23px;
	background: url("../images/search/bul_01.png") no-repeat;
	font-size:13px;
	font-weight:bold;
}


/*sub_tab*/
.sub_tab{width:996px; height:43px; margin:-30px 0 30px 0; background:#f4f4f4; border-bottom: 1px solid #dddddd; }
.sub_tab ul { margin:0 0 0 6px; }
.sub_tab ul li{float:left; margin:9px 0 0 0; }

/*sub_tab2*/
.sub_tab2 {width:100%; height:25px; margin:0; background:#f4f4f4; border-bottom: 1px solid #999; }
.sub_tab2 ul { margin:0 0 0 130px; }
.sub_tab2 ul li {float:left; width:125px; height:25px; cursor: pointer;}
.sub_tab2 ul li p {color: #fff; font-size:13px; font-weight:bold; width: 100%; text-align: center;margin-top: 7px;}
.sub_tab2 ul li.on   {background: url("../images/sub_tab00_on.png") no-repeat;}
.sub_tab2 ul li.off  {background: url("../images/sub_tab00_off.png") no-repeat;}
/*.sub_tab2 ul li:HOVER{background: url("../images/sub_tab00_on.png") no-repeat;}*/


.tableA {
	width: 100%;
	margin:5px 0 20px;
	border-top:solid 3px #28b6d7;
	border-left:solid 1px #ddd;
}
.tableA th,
.tableA td {
	border-right:solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
.tableA th {
	width: 90px;
	text-align:center;
	background:#f5f5f5;
}
.tableB {
	width: 100%;
	margin-top: 5px;
	border-top:solid 3px #28b6d7;
}
.tableB th,
.tableB td {
	border-bottom:solid 1px #ddd;
	border-left:dashed 1px #ddd;
	
}

.tableB td:first-child {border-left:0px;}
.tableB th:first-child {border-left:0px;}

.tableB th {
	padding: 8px 10px;
	color: #12a6c8;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:#e6f7fc;
	vertical-align:middle;​
	
}
.tableB td {
	padding: 8px 10px;
	text-align:center;
	background:#fff;
	
	
}
.tableB input {
	vertical-align:middle;
}
.tableC {
	width: 100%;
	/* margin:5px 0 20px; */
	border-top:solid 1px #999;
	border-left:solid 1px #ddd;
}
.tableC th,
.tableC td {
	border-right:solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
.tableC th {
	width: 128px;
	text-align:center;
	background:#e1e1e1;
	vertical-align: middle;
}
.tableC td {
	background:#fff;
	line-height:1.5;
}
.tableC td p {
	padding:5px 10px;
	border:solid 1px #ddd;
}
.tableC td p.dis {
	background:#efefef;
	min-height:25px;
}
.tableC td p.diff {
	background:yellow;
}
.tableC .question {
	padding: 5px 10px;
}

.tableD {
	width:100%;
	border-top:solid 3px #999;
	border-left:solid 1px #ddd;
}
.tableD th,
.tableD td {
	background:#e1e1e1;
	border-right:solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	text-align:center;
}
.tableD th {
	width: 128px;
}

/**/
.ex_back {width:995px; height:58px; margin:-20px 0 0 0; padding: 24px 0 0 64px;  background:url(../images/img_exback.gif) no-repeat;}

/*explanation*/
.ex {padding-top:5px; color:#a91e1e;}


/*table */
.after_form{width: 98%; background-color: yellow; font-weight:bold;}


/* search */


.btnMenu {
	margin:60px auto 40px auto;
	width: 852px;
	height:250px; 
}

.btnMenu li {float: left; margin-right:48px; }
.btnMenu li:last-child{margin-right:0px;}
.btnMenu li+li+li { margin-right:0px; }

.btnMenu01 {width:235px; height:235px; display:block; background:url(../images/img_back01.gif) no-repeat;}
.btnMenu02 {width:235px; height:235px; display:block; background:url(../images/img_back02.gif) no-repeat;}
.btnMenu03 {width:235px; height:235px; display:block; background:url(../images/img_back03.gif) no-repeat;}

.main_back01{display:block; width:252px; height:242px; background:url(../images/img_mainback_01.gif) no-repeat;}
.main_back02{display:block; width:252px; height:242px; background:url(../images/img_mainback_02.gif) no-repeat;}
.main_back03{display:block; width:252px; height:242px; background:url(../images/img_mainback_03.gif) no-repeat;}

.main_title {margin:54px 0px 0px 24px;}
.main_ex {width:200px; height:0px; margin:50px auto;}
.btnMenu_title {margin:37px 0px 23px 67px;}
.btnMenu_ex { width:235px; height:30px; color:#fff; text-align: center; }

.sub_title{margin-left:27px; }
.sub_title li{clear: both; margin-bottom:15px; padding-left:8px; background:url(../images/sub_bullet02.png) no-repeat 0px 3px; }

/*main_notice*/
.main_notice { width:852px; height:245px; margin: -20px auto; }
.main_notice li {width:402px; height: 240px; float: left; margin-right:47px; position: relative;}
.main_notice li:last-child{margin-right:0px;}
.main_notice li+li { margin-right:0px; }

.notice_title {margin:0px; border-bottom: 1px solid #2bc7ec; }
.notice_title_back{width:402px; height: 182px; border-bottom: 1px solid #2bc7ec; border-top: 1px solid #2bc7ec;}
.notice_con{margin: 20px 0px 0px 20px;}
.notice_con a{display: block;}
.notice_con li {background: none; width:350px; height:33px;  padding-left:10px; background:url(../images/img_bullet03.png) no-repeat 0px 3px;}
.cut {width:210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }

.more {position: absolute; top:6px; left:380px;}

.f_w_b {font-weight: bold;}

.m_t_10 {margin-top:10px;}
.m_t_20 {margin-top:20px; }
.m_t_5 {margin-top:5px;}
.p_t_10 {padding-top: 10px;}

.vtc_m {vertical-align: middle;}


.in_menu {width:996px; height:100px; margin: -20px 0 20px 0px;}
.in_menu li {float: left;}

.in_back011 {width:332px; height:86px; display:block; background:url(../images/m01_off.gif) no-repeat;}
.in_back022 {width:332px; height:86px; display:block; background:url(../images/m02_off.gif) no-repeat;}
.in_back033 {width:332px; height:86px; display:block; background:url(../images/m03_off.gif) no-repeat;}
.in_back0111 {width:332px; height:86px; display:block; background:url(../images/m01_over.gif) no-repeat;}
.in_back0222 {width:332px; height:86px; display:block; background:url(../images/m02_over.gif) no-repeat;}
.in_back0333 {width:332px; height:86px; display:block; background:url(../images/m03_over.gif) no-repeat;}


.in_back01 {width:332px; height:93px; display:block; background:url(../images/m01_on.gif) no-repeat;}
.in_back02 {width:332px; height:93px; display:block; background:url(../images/m02_on.gif) no-repeat;}
.in_back03 {width:332px; height:93px; display:block; background:url(../images/m03_on.gif) no-repeat;}

.in_back01:HOVER {background:url(../images/m01_hover.gif) no-repeat; color:#717171;}
.in_back02:HOVER {background:url(../images/m02_hover.gif) no-repeat; color:#717171;}
.in_back03:HOVER {background:url(../images/m03_hover.gif) no-repeat; color:#717171;}

/* 2016.08.30 수정&추가 */
.title_margin {margin:38px 0 0 145px;}
.title_con {position:absolute; background:#fff; color:#a717171; font-size: 13px; line-height: 16px; z-index:1;} 
.tcon01 {top:300px; left:610px; border:solid 1px #e1e1e1; border-radius:5px; padding:10px;}
.tcon02 {top:300px; left:930px; border:solid 1px #e1e1e1; border-radius:5px; padding:10px;}
.tcon03 {top:300px; left:1250px; border:solid 1px #e1e1e1; border-radius:5px; padding:10px;}

.in_title{background: #f7f7f7; height: 100px; margin: -31px 0 20px 0 ; border:1px solid #dedede;}
.in_title_01{float:left; margin:12px 0px 0px 20px;}
.in_title_02{float:left; margin:8px 0px 0px 20px; padding-top:11px; font-size: 14px;}
.in_title ul {clear: both; margin-left:175px;}
.in_title li {float: left; margin:12px 10px 0px 10px;}


.pro_on {width:93px; height:34px; background:url(../images/img_pro_on.gif) no-repeat; text-align: center; padding:10px 50px 0 0; color:#fff; font-size: 14px;}
.pro_off {width:93px; height:34px; background:url(../images/img_pro_off.gif) no-repeat; text-align: center; padding:10px 50px 0 0; color:#888888; font-size: 14px;}
.prolast_off {display:inline-block; width:auto; height:16px; background:#dfdfdf; border-radius:3px; text-align: center; padding:10px 30px; color:#888; font-size: 14px;}
.prolast_on {display:inline-block; width:auto; height:16px; background:#ff5216; /*background:#28b6d7;*/ border-radius:3px; text-align: center; padding:10px 30px; color:#fff; font-size: 14px;}

.search_box {
	position:relative;
	width:100%;
	margin-top:5px;
}
.title_search {
	font-size:14px;
	color:#28b6d7;
	font-weight:bold;
	display:inline-block;
	margin-right:130px;
}
.title_search02 {
	font-size:20px;
	color:#28b6d7;
	font-weight:bold;
	margin:0 0 15px 280px;
}
.keyword {
	width: 635px;
	height: 20px;
	padding:3px 5px;
	border:solid 3px #28b6d7;

}
.btn_search {
	display:inline-block;
	width:50px;
	height: 14px;
	padding:9px 5px;
	background: #28b6d7;
	text-align:center;
	font-weight:bold;
	color:#fff !important;
	text-decoration:none;
}
.link_tree {
	position:absolute;
	display:inline-block;
	top:0;
	right:0;
	text-decoration:underline
}
/*.search_result {
	margin-top:20px;
}
*/


.search_result {
	height:66px;  
	border-bottom:dotted 1px #ccc;
	cursor: pointer;
}
.search_result:HOVER {
	background: #e1e1e1;
}

.search_result_choice {background: #f1f1f1;}


.search_text {
	float: left; 
	display: block; 
	padding-top: 5px; 
	margin-top:8px;
	font-size: 14px; 
	font-weight:bold;  
}
.keyword_result {
	color: #f60; 
}

.search_desc {color:#787878; padding-top:40px;}


.table_box {
	clear:both;
	position:relative;
	box-sizing:border-box;
	width: 100%;
	padding: 15px;
	margin:10px 0 15px;
	background:#f5f5f5;
	border:solid 1px #ddd;
}
.check_box {
	clear:both;
	float:left;
	box-sizing:border-box;
	width:3%;
	padding-right:10px;
}
.que_box {
	clear:both;
	float:left;
	box-sizing:border-box;
	width:100%;
}
.que_box table {
	float:left;
	width: 100%;
}
.que_box th {
	width: 128px;
	vertical-align: middle;
}
.que_box textarea {
	font-size: 12px;
}
.que_box .del {
	float:right;
	margin-top:5px;
}

.width50L {display:inline-block;box-sizing:border-box;width:50%;padding-right:2%;}
.width50R {display:inline-block;box-sizing:border-box;width:49%;}

.td_point01 {
	background-color:#FCFB33 !important;
}

.floor_img {margin:20px 0; padding:50px 0; border:solid 2px #ddd; text-align:center;}



/* 트리메뉴 */
.menu_area {
	width: 100%;
	margin-top:150px;
}
.menu_group {
	float:left;
	width: 200px;
	margin:0 24px 35px;
}
.mm_1depth {
	width:200px;
	height:30px;
	padding:15px 0;
	background:url(../images/mm_1depth.gif) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.mm_2depth {
	width:100%;
	border-bottom:solid 1px #d1d1d1;
}
.mm_3depth {
	width:100%;
	border-top: solid 1px #d1d1d1;
}
.mm_4depth {
	width:100%;
	border-top: dotted 1px #d1d1d1;
}
.mm_2depth li,
.mm_3depth li,
.mm_4depth li {
	margin:0;
	padding:0;
	line-height:300%;
}
.mm_2depth li {
	border-top:solid 1px #d1d1d1;
}
.mm_2depth li:first-child {
	border-top:none;
}
.mm_3depth li,
.mm_4depth li {
	border-top:dotted 1px #d1d1d1;
}
.mm_3depth li:first-child,
.mm_4depth li:first-child {
	border-top:none;
}
.mm_2depth li a,
.mm_3depth li a,
.mm_4depth li a {
	display:inline-block;
	text-decoration:none;
	cursor: text;
	color:#878787;
}
.mm_2depth li a {
	padding-left:22px;
	background:url(../images/mm_2depth.gif) no-repeat 10px 12px;
}
.mm_3depth li a {
	padding-left:30px;
	background:url(../images/mm_3depth.gif) no-repeat 18px 13px;
}
.mm_4depth li a {
	padding-left:40px;
	color:#878787;
	background:url(../images/mm_4depth.gif) no-repeat 31px 16px;
}

/* 메뉴선택 */
.area_center {
	width: 670px;
	margin:150px auto 0;
}
.con_group{
	float:left;
	width:235px;
	margin:0 50px;
}
.con_text {
	width:203px;
	height:200px;
	padding:15px;
	border-radius:0 0 10px 10px;
	border-left:solid 1px #d1d1d1;
	border-right:solid 1px #d1d1d1;
	border-bottom:solid 1px #d1d1d1;
}

.btn_group {
	float:right;
	margin:-10px 0 10px;
}
.btn {
	display:inline-block;
	padding: 5px 0; 
	color:#fff !important;
	text-align:center;
	text-decoration:none;
}
.btn_blue {
	background:#2f6fb1;
	border:solid 1px #265e97;
}
.btn_red {
	background:#e60630;
	border:solid 1px #BB0F2F;
}
.btn_orange {
	background:#fd5f0d;
	border:solid 1px #ED4900;
}

.btn_green {
	background:#17a985;
	border:solid 1px #149a79;
}

.btn_gray {
	background:#9C9C9C;
	border:solid 1px #7A7A7A;
}
.btn_big {
	display:inline-block;
	width:93px;
	height:20px;
	margin-top:5px;
	padding: 16px 0; 
	color:#fff !important;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	background:#2382E7;
	border:solid 1px #1358CF;
}
.btn.medium {padding: 5px 24px;}
.btn.small {padding:5px 15px;}

.btn.xsmall{padding: 3px 10px;}
.btn_area01 {margin:-5px 0 10px 0;}

.text_blue {color:#1874D4;}
.text_red {color:#E60630;}
.text_orange {color:#FD5F0D;}
.text_green {color:#228B22;}

.text-left {text-align:left !important;}

.m_t5{margin-top:5px;}

.popup_t01 {padding:10px 15px;font-size:14px;font-weight:bold;color:#fff;background:#3CBCF1; border-radius:0 0 5px 5px;}

.step01 {margin:20px 0; height:25px; overflow:hidden; background:url(../images/img_step1.gif) no-repeat;}
.step01 li {width:0; overflow:hidden;}

.step02 {margin:20px 0; height:25px; overflow:hidden; background:url(../images/img_step2.gif) no-repeat;}
.step02 li {width:0; overflow:hidden;}

.popup_t02 {font-size:13px; font-weight:bold;}

.que_area {margin-top:20px;}
.que_type {width:100%;margin-top:10px;}
/* .que_type li div {
	margin-bottom:5px;
	padding: 3px 10px;
	border:solid 1px #93ECFF;
	border-radius:3px;
}
.que_ts,*/
.que_ex {
	margin-bottom:5px;
	padding: 5px 10px;
	border:solid 1px #93ECFF;
	border-radius:3px;
	box-sizing:border-box;
}

.que_ex input {
	float:left;
	margin-right:7px;
	border:none;
	vertical-align:top;
}
.que_ex textarea {
	width:95%;
	overflow:visible;
	overflow-y:hidden;
}

.que_sel01 {
	margin-left: 20px;
}
.que_sel02 {
	margin-left: 30px;
}
.que_sel02 span {
	display:inline-block;
	width:32%;
}

/*.que_ts {
	float:left;
	width:30%;
}
.que_ex {
	float:right;
	width:69%;
}*/

.que_type li input {
	vertical-align:middle;
}
.made_area01 {
	width: 100%;
	box-sizing:border-box;
	padding: 20px;
	border:solid 1px #ccc;
	background:#fafafa;
	border-radius: 5px;
}
.made_legend {
	font-weight:bold;
}
.made_area02 {
	width:100%;
	height:170px;
	overflow-y:scroll;
}
.bbd {
	width:100%;
	text-align:right;
	padding-bottom:10px;
	border-bottom:dashed 1px #ddd;
}
.ol_style01 {
	list-style-type:decimal;
	padding: 10px;
}
.ol_style01 li {
	margin:0 0 7px 15px;
	padding: 3px 30px 3px 10px;
	list-style-type:decimal;
	border:dotted 1px #35C9F7;
	border-radius:3px;
	background:#fff url(../images/dnd.gif) right no-repeat;
}

.input_df {box-sizing:border-box; width:100%; padding:0 10px;}
input.underline {border-bottom:solid 1px #999; width: 60px;background-color: transparent;border-top:0px;border-left:0px;border-right:0px; margin: 0px 10px;}


.round01 {border:solid 1px #93ECFF; border-radius:3px;}

.tab_menu {
	width: 100%;
	margin:15px 0;
	padding:0;
	background:url(../images/tab_bg.gif) repeat-x bottom; 
}
.tab_menu li {
	display:inline-block;
	height:15px;
	margin-left:4px;
	padding:5px 15px;
	background:#f1f1f1;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	font-size:13px;
}
.tab_menu li.on {
	background:#fff;
}
.tab_menu li a {
	text-decoration:none;
}

.q_checkbox {
	border:none;
	padding-left:0;
}


/* 2016.09.07 추가 */
.btn-tview01 {
	display:inline-block;
	float:right;
	margin:-3px 0;
}
.btn-tview02 {
	display:inline-block;
	float:left;
	margin:-3px 0;
}


/*main button*/
.btn_group span {display: inline-block; vertical-align:middle;}
.btnbg_b {height:22px; padding-left:27px; float:left; margin-left:5px; font-weight:bold; color:#fff; background: url(../images/btn_b_left.gif) no-repeat;  cursor: pointer;}
.btnbg_b .btnbg_right { margin-left:10px; width:3px; height:22px; background: url(../images/btn_b_right.gif) no-repeat;  cursor: pointer;}

.btnbg_g { height:22px; padding-left:27px; float:left; margin-left:5px; font-weight:bold; background: url(../images/btn_g_left.gif) no-repeat;  cursor: pointer;}
.btnbg_g .btnbg_right { margin-left:10px; width:3px; height:22px; background: url(../images/btn_g_right.gif) no-repeat;  cursor: pointer;}
 
.btnbg_o { height:22px; padding-left:27px; float:left; margin-left:5px; font-weight:bold;  background: url(../images/btn_o_left.gif) no-repeat;  cursor: pointer;}
.btnbg_o .btnbg_right { margin-left:10px; width:3px; height:22px; background: url(../images/btn_o_right.gif) no-repeat;  cursor: pointer;}
 
.btnbg_r { height:22px; padding-left:27px; float:left; margin-left:5px; font-weight:bold;  background: url(../images/btn_r_left.gif) no-repeat;  cursor: pointer;}
.btnbg_r .btnbg_right { margin-left:10px; width:3px; height:22px; background: url(../images/btn_r_right.gif) no-repeat;  cursor: pointer;}

/*sub button*/

.btns_group span {display: inline-block; vertical-align:middle; }
.btnbg_s{height:22px; padding-left:5px; float:left; margin-left:5px; font-weight:bold; background: url(../images/btns_left.gif) no-repeat;  cursor: pointer;}
.btnbg_s .btnbg_right { width:4px; height:22px; background: url(../images/btns_right.gif) no-repeat;  cursor: pointer;}