@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

.sv_main_wrap {width:100%;min-width:960px;font-family: 'NanumSquareRound',sans-serif; margin:0 auto;position:relative; z-index:1;}
.m_bg_top {height:412px;background:#fff/* url('/styles/images/svMeasure/svPoll/m_top_bg.jpg') repeat-y center top */}
.m_bg_botom {margin-top:40px}
.m_top_con {position: relative;width:960px;height:430px;margin:0 auto;background:url('/styles/images/svMeasure/svPoll/sv_m_visual.png') left bottom no-repeat}
.sv_m_tit_area {position: absolute;left:2px;top:9px}
.sv_m_title {background:url('/styles/images/svMeasure/svPoll/sv_m_title.png') no-repeat}
.sv_s_tit {font-size:24px;line-height:31px;color:#343333;letter-spacing:-1.5px;margin-top:27px}
.sv_m_manual_area {position: absolute;right:2px;top:9px;text-align: right;}
.sv_m_manual_tit {font-size:20px;line-height:24px;color:#343333;letter-spacing:-0.6px;}
.btn_manual {cursor:pointer; font-size:18px;letter-spacing:-1px;font-weight:bold;width:210px;height:57px;padding-left:23px;text-align:left;background:#fff;border:0;border-radius:50px;box-shadow:10px 10px 38px 7px rgba(4,0,0,0.15);margin-top:13px}
.btn_go {width:45px;height:45px;line-height:45px;display: inline-block;background:#4747B3;border-radius:50%;color:#fff;font-style:italic;text-align: center;margin-left: 11px}
.btn_go1 {width:45px;height:45px;line-height:45px;display: inline-block;background:#339c40;border-radius:50%;color:#fff;font-style:italic;text-align: center;margin-left: 25px}
.sv_m_dscbox {position:absolute;left:-16px;top:233px; width:487px;height:247px;background:url('/styles/images/svMeasure/svPoll/sv_m_dscbox.png') no-repeat}
.sv_m_dsc_tit {margin:46px 0 0 52px}
.sv_s_dsc_tit {font-size:15px;line-height:25px;color:#343333;letter-spacing:-0.5px;margin:9px 0 0 52px;font-weight:bold}

.m_bg_bottom {/* background:url('/styles/images/svMeasure/svPoll/m_bottom_bg.jpg') repeat-y center top */margin-top:20px}
.m_bottom_con {margin:0 auto;width:757px;text-align:center;/* padding-bottom:55px */}
.sv_m_bottom_tit {padding:40px 0 30px}
.sv_infobox {display:flex;justify-content:space-between;margin-bottom:40px}
.sv_infobox02 {display:flex;justify-content:space-between;margin-bottom:40px;width:700px;margin: 0 auto;}
.btn_wrap {display:flex;justify-content:space-between;align-content:center;align-items:center}
.sv_m_info_txt {font-size:24px;font-weight:bold;color:#333;/* margin-bottom:25px */}
.btn_easy {background:none;border:0;cursor:pointer;}

.obj_wrap {width:100%; margin:0 auto; padding:0 0; position:relative; z-index:1;}
.obj_wrap .align_left {text-align:left;}
.obj_wrap .align_center {text-align:center;}
.obj_wrap .align_right {text-align:right;}

.obj_wrap h2.sv_tit {font-family: 'NanumSquareRound',sans-serif;font-size:37px;height:40px}
.obj_wrap h3.sv_con_tit {font-size:25px;color:#333}
.obj_wrap .sv_result_area {display:flex;justify-content:space-between;height:300px;border:4px solid #b2b2b2;box-sizing:border-box;padding:30px 40px}
.sv_result_area .sv_result_list {color:#333;flex:50}
.sv_result_list dt.sv_con_stit {font-size:20px;font-weight:bold}
.sv_result_list dd.sv_txt {font-size:22px;font-weight:bold;line-height: 40px}
.sv_result_list dd.chart {float:left;width:450px;/* height:170px; */background:#fff;text-align:center;margin-right:10px}
.sv_txt .sq_bullet {font-size:30px;vertical-align: sub;}

.right_con_box {border:4px solid #fc620d;;height:150px;width:390px;margin: 30px 0 0 0px;padding:10px;box-sizing:border-box;display:flex;align-items:center}
.right_con_box .re_tit {font-size:25px;font-weight:bold;color:#333;line-height: 40px;}
.right_con_box .point {font-size:40px;color:#ea002c!important;}

.sv_result_chartBox ul{ display:flex;justify-content:space-between}
.sv_chart_list {width:380px;height:550px;box-sizing:border-box;}
.sv_color_01,
.sv_color_02,
.sv_color_03 {border-top:15px solid #4747b3;}

.chart_info {border:1px solid #dedede;box-sizing:border-box;border-top: 5px solid #ececf6;text-align:center;padding-top:25px;height:550px;position:relative;}
.chart_info .chart_info_tit {font-size:20px;font-weight:bold;color:#333;line-height:40px}
.chart_info .chart_info_tit:after {content: ''; border-bottom: 1px solid #e3e3e3;height: 1px; width: 80%; display: block; margin: 0 auto;}
.chart_info .num {font-size:40px;font-weight:bold;color:#4747b3;line-height:40px}
.chart_info .chart_box {/* height:320px; */box-sizing:border-box;padding:10px;margin-top:10px}
.sv_ico {display:block; width:70px; height:67px; background:url('/styles/images/svMeasure/svPoll/sv_icopack.png') no-repeat;margin:0 auto}
.ico01{background-position:-13px top}
.ico02{background-position:-172px top}
.ico03{background-position:-329px top}

.point {color:#4747B3!important;}

.obj_wrap .sv_result_area02 {display:flex;justify-content:space-between;height:330px;border:1px solid #b2b2b2;box-sizing:border-box;padding:40px}
.sv_result_area02 .sv_result_list {color:#333;flex:50}
.sv_result_area02 .sv_result_list dt.sv_con_stit {font-size:20px;font-weight:bold}
.sv_result_area02 .sv_result_list dd.sv_txt {font-size:20px;font-weight:bold;line-height: 35px}
.sv_result_area02 .sv_result_list dd.chart {float:left;width:450px;/* height:170px; */background:#fff;text-align:center;margin-right:10px}
.sv_result_area02 .sv_txt .sq_bullet {font-size:30px;vertical-align: baseline;}

.sv_chart_list02 {width:380px;height:590px;box-sizing:border-box;}

.chart_info02 {border:1px solid #dedede;box-sizing:border-box;border-top:0;text-align:center;padding-top:30px;height:590px;position:relative;}
.chart_info02 .chart_info_tit {font-size:20px;font-weight:bold;color:#333;line-height:44px}
.chart_info02 .num {font-size:36px;font-weight:bold;color:#333;line-height:25px}
.chart_info02 .chart_box02 {/* height:320px; */box-sizing:border-box;padding:10px;margin-top:10px}


/*========= step ===========*/
.step_red {
	overflow:hidden;
	border-bottom: 1px solid #ea002c;
	border-top: 1px solid #ea002c;
	margin-bottom:10px;
	}
.step_red .step {
	height:50px; 
	margin-left:-41px;
	}
.step_red .step_list {
	float:left; 
	height:90px;
	}
.step_red .step_link {
	display:block; 
	height:90px;
	cursor: default;
	}
.step_red .step_left {
	display:block;
	float:left;
	width:41px;
	height:90px;
	background:url('/styles/images/svMeasure/svStep/l_step_03.png') no-repeat;
	}
.step_red .step_body {
	position:relative;
	display:block;
	height:90px;
	margin-left:41px;
	background-color:#fff;
	padding:20px 0 0 15px;
	box-sizing:border-box;
	}
.step_red .step_body .num {
	font-size:14px;
	 line-height:15px; 
	 color:#333;
	 position:absolute; 
	 left:35px; 
	 top:20px; 
	 display:inline-block; 
	 width:70px;  
	 vertical-align:middle;
	 }
.step_red .step_body .txt {
	font-size:20px; 
	color:#000; 
	font-weight:bold; 
	display:inline-block; 
	margin-left:20px; 
	vertical-align:top;
	margin-top: 25px;
    /* height: 40px; */
    line-height: 17px;
	}
	
.step_red .step_body .txt_reference{
	background-color: #ea002c;
    padding: 1px 10px 3px 10px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
	margin: -28px 15px 0 20px;
    vertical-align: middle;
    display: inline-block;
}
.win.safari .step_red {
	border-right:none;
	}
.win.safari .step_red .step_list:last-child {
	/* border-right:1px solid #d9d9d9; */
	}
	
	/* completed */
.step_red .step_list.completed .step_body .num {
	background-position:-100px top; 
	color:transparent; 
	font-size:0; 
	line-height:0;
	}
.step_red .step_list.completed:hover .step_body .num {
	color:#fff; 
	font-size:14px; 
	line-height:15px;
	}
.step_red .step_list.completed .step_body .txt {
	color:#fff;
	}
.step_red .step_list.completed:hover .step_body .txt {
	color:#fff;
	}
.step_red .step_list.completed .step_body .txt_reference{
	background-color: #fff;
    color: #e60724;
}
/* hover, ongoing */

.step_red .step_list.ongoing .step_body .num {
	color:#fff; 
	font-size:14px; 
	line-height:15px;
	}

.step_red .step_list.ongoing .step_body .txt {
	color:#fff;
	}
.step_red .step_list:ongoing .step_body .txt_reference {
	background-color: #fff;
    color: #e60724;
	}
.step_red .step_list:hover .step_body .txt_reference{
	background-color: #fff;
    color: #e60724;
	}

.step_red .step_list.ongoing .step_body {
	background-color:#ea002c;
	}

.step_red .step_list + .step_list.ongoing .step_left {
	background:url('/styles/images/svMeasure/svStep/l_step_01.png') no-repeat;
	}

.step_red .step_list.ongoing + .step_list .step_left {
	background:url('/styles/images/svMeasure/svStep/l_step_02.png') no-repeat;
	}

.step_red .step_list:hover + .step_list.selected .step_left,
.step_red .step_list.ongoing + .step_list.ongoing .step_left {
	background:url('/styles/images/svMeasure/svStep/l_step_04.png') no-repeat;
	}

/*========= step ===========*/
/* 2 depth */
.tab_2depth { margin-top:20px; margin-bottom:10px;}
.tab_2depth .tab_top .tab_list { display:table; /* width:100%; */ table-layout:fixed; border:0; box-sizing:border-box;}
.tab_2depth .tab_top .tab_item { /* display:inline-block; */ margin-right:10px; border-left:0; float:left;}

.tab_2depth .tab_top .tab_item.type2 {margin-left: 340px;}
.tab_2depth .tab_top .tab_item.type3 {margin-left: 300px;}
.tab_2depth .tab_top .tab_item.type4 {margin-left: 0;}

.sv_2 {margin-left:25px}
.sv_3 {margin-left:105px}
.tab_2depth .tab_top .tab_item:first-child {
	border-left:none;
	}
.tab_2depth .tab_top .tab_link {
	font-size:16px; 
	line-height:14px; 
	color:#fff; 
	text-align:center; 
	display:block; 
	padding:8px 10px 6px; 
	cursor:pointer;
	min-width:100px;
	height:30px;
	box-sizing:border-box;
	background-color:#2c2b2b;
	}
.tab_2depth .tab_top .tab_item:hover .tab_link {color:#fff}
.tab_2depth .tab_top .tab_item.selected .tab_link
/* ,.tab_2depth .tab_top .tab_item:hover .tab_link */  {
	margin-bottom: 0;
    border: 1px solid #000;
    color: #000;
    background: #fff;
    font-weight: normal;
    font-size: 16px;
	}
    /* Sub Tab */
.tab_2depth .tab_sub {
	/* background-color: #f5f6fa; */
	}
.tab_2depth .tab_sub .tab_sub_area {
	display:block!important ;
	overflow:hidden; 
	padding-left:0 ;
	padding-right:0; 
	border-bottom:0
	}
.tab_2depth .tab_sub .tab_sub_item {float:left; } 
.tab_2depth .tab_sub .tab_sub_link {
	display:block; 
	color: #757984; 
	padding:7px 5px; 
	cursor:default;
	}
.tab_2depth .tab_sub .tab_sub_link:first-child {
	padding-left:0
}
.tab_2depth .tab_sub .tab_sub_link .indi_box {width:16px;height:4px;background:#d6d6d6;display:inline-block;transition: 0.2s;}

.tab_2depth .tab_sub .tab_sub_item.selected .indi_box/* , 
.tab_2depth .tab_sub .tab_sub_item:hover .indi_box */{background: #958DF1; height:6px}

#tab_sub_area12 {margin-left:10px;}

.tab_contents,.sv_tit_area{
	display: flex;
	}
.tab_2depth .tab_sub {background:#fff}


/*========= step3 ===========*/
.step_red02 {
	overflow:hidden;
	border-bottom: 1px solid #ea002c;
	border-top: 1px solid #ea002c;
	margin-bottom:10px;
	}
.step_red02 .step {
	height:50px; 
	margin-left:-41px;
	}
.step_red02 .step_list {
	float:left; 
	height:90px;
	}
.step_red02 .step_link {
	display:block; 
	height:90px;
	cursor: default;
	}
.step_red02 .step_left {
	display:block;
	float:left;
	width:41px;
	height:90px;
	background:url('/styles/images/svMeasure/svStep/l_step_03.png') no-repeat;
	}
.step_red02 .step_body {
	position:relative;
	display:block;
	height:90px;
	margin-left:41px;
	background-color:#fff;
	padding:20px 0 0 15px;
	box-sizing:border-box;
	}
.step_red02 .step_body .num {
	font-size:14px;
	 line-height:15px; 
	 color:#333;
	 position:absolute; 
	 left:35px; 
	 top:20px; 
	 display:inline-block; 
	 width:70px;  
	 vertical-align:middle;
	 }
.step_red02 .step_body .txt {
	font-size:20px; 
	color:#000; 
	font-weight:bold; 
	display:inline-block; 
	margin-left:20px; 
	vertical-align:top;
	margin-top: 25px;
    /* height: 40px; */
    line-height: 17px;
	}
	
.step_red02 .step_body .txt_reference{
	background-color: #ea002c;
    padding: 1px 10px 3px 10px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
	margin: -28px 15px 0 20px;
    vertical-align: middle;
    display: inline-block;
}

.step_red02 {
	overflow:hidden;
	border-bottom: 1px solid #ea002c;
	border-top: 1px solid #ea002c;
	margin-bottom:10px;
	}
.step_red0202 .step {
	height:50px; 
	margin-left:-41px;
	}
.step_red02 .step_list {
	float:left; 
	height:90px;
	}
.step_red02 .step_link {
	display:block; 
	height:90px;
	cursor: default;
	}
.step_red02 .step_left {
	display:block;
	float:left;
	width:41px;
	height:90px;
	background:url('/styles/images/svMeasure/svStep/l_step_03.png') no-repeat;
	}
.step_red02 .step_body {
	position:relative;
	display:block;
	height:90px;
	margin-left:41px;
	background-color:#fff;
	padding:20px 0 0 15px;
	box-sizing:border-box;
	}
.step_red02 .step_body .num {
	font-size:14px;
	 line-height:15px; 
	 color:#333;
	 position:absolute; 
	 left:35px; 
	 top:20px; 
	 display:inline-block; 
	 width:70px;  
	 vertical-align:middle;
	 }
.step_red02 .step_body .txt {
	font-size:20px; 
	color:#000; 
	font-weight:bold; 
	display:inline-block; 
	margin-left:20px; 
	vertical-align:top;
	margin-top: 25px;
    /* height: 40px; */
    line-height: 17px;
	}
	
.step_red02 .step_body .txt_reference{
	background-color: #ea002c;
    padding: 1px 10px 3px 10px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
	margin: -28px 15px 0 20px;
    vertical-align: middle;
    display: inline-block;
}
.win.safari .step_red02 {
	border-right:none;
	}
.win.safari .step_red02 .step_list:last-child {
	/* border-right:1px solid #d9d9d9; */
	}
	
	/* completed */
.step_red02 .step_list.completed .step_body .num {
	background-position:-100px top; 
	color:transparent; 
	font-size:0; 
	line-height:0;
	}
.step_red02 .step_list.completed:hover .step_body .num {
	color:#fff; 
	font-size:14px; 
	line-height:15px;
	}
.step_red02 .step_list.completed .step_body .txt {
	color:#fff;
	}
.step_red02 .step_list.completed:hover .step_body .txt {
	color:#fff;
	}
.step_red02 .step_list.completed .step_body .txt_reference{
	background-color: #fff;
    color: #e60724;
}
/* hover, ongoing */

.step_red02 .step_list.ongoing .step_body .num {
	color:#fff; 
	font-size:14px; 
	line-height:15px;
	}

.step_red02 .step_list.ongoing .step_body .txt {
	color:#fff;
	}
.step_red02 .step_list:ongoing .step_body .txt_reference {
	background-color: #fff;
    color: #e60724;
	}
.step_red02 .step_list:hover .step_body .txt_reference{
	background-color: #fff;
    color: #e60724;
	}

.step_red02 .step_list.ongoing .step_body {
	background-color:#ea002c;
	}

.step_red02 .step_list + .step_list.ongoing .step_left {
	background:url('/styles/images/svMeasure/svStep/l_step_01.png') no-repeat;
	}

.step_red02 .step_list.ongoing + .step_list .step_left {
	background:url('/styles/images/svMeasure/svStep/l_step_02.png') no-repeat;
	}

.step_red02 .step_list:hover + .step_list.selected .step_left,
.step_red02 .step_list.ongoing + .step_list.ongoing .step_left {
	background:url('/styles/images/svMeasure/svStep/l_step_04.png') no-repeat;
	}


/* ========================= */

/* 2 depth */
.tab02_2depth {
	margin-bottom:50px;
	}
.tab02_2depth .tab_top .tab_list {
	display:table; 
	/* width:100%; */ 
	table-layout:fixed; 	
	border:0;
	box-sizing:border-box; 
	/* border:1px solid #e7e7e7; 
	border-bottom-color:#979390; */
	}
.tab02_2depth .tab_top .tab_item {
	/* display:inline-block;  */
	margin-right:10px;
	border-left:0;
	float:left;
	
	}
	
.sv_4 {margin-left:95px}
.sv_5 {margin-left:140px}
.tab02_2depth .tab_top .tab_item:first-child {
	border-left:none;
	}
.tab02_2depth .tab_top .tab_link {
	font-size:14px; 
	line-height:14px; 
	color:#fff; 
	text-align:center; 
	display:block; 
	padding:8px 10px 6px; 
	cursor:pointer;
	min-width:100px;
	height:30px;
	box-sizing:border-box;
	background-color:#b2b2b2;
	border-radius: 20px;
	}
.tab02_2depth .tab_top .tab_item:hover .tab_link {color:#fff}
.tab02_2depth .tab_top .tab_item.selected .tab_link
/* ,.tab02_2depth .tab_top .tab_item:hover .tab_link */  {
	/* color:#e60724; 
	font-weight:bold; 
	border-bottom:3px solid #e60724;  */
	/* margin-bottom:-1px; */
	background:#ea002c;
	color:#fff;
	}
    /* Sub Tab */
.tab02_2depth .tab_sub {
	/* background-color: #f5f6fa; */
	}
.tab02_2depth .tab_sub .tab_sub_area {
	display:block!important ;
	overflow:hidden; 
	padding-left:0 ;
	padding-right:0; 
	border-bottom:0
	}
.tab02_2depth .tab_sub .tab_sub_item {float:left; } 
.tab02_2depth .tab_sub .tab_sub_link {
	display:block; 
	color: #757984; 
	padding:7px 5px; 
	cursor:default;
	}
.tab02_2depth .tab_sub .tab_sub_link:first-child {
	padding-left:0
}
.tab02_2depth .tab_sub .tab_sub_link .indi_box {width:12px;height:12px;background:#d6d6d6;display:inline-block;transition: 0.2s;border-radius: 50%;}

.tab02_2depth .tab_sub .tab_sub_item.selected .indi_box/* , 
.tab02_2depth .tab_sub .tab_sub_item:hover .indi_box */{background: #ea002c;height:12px}

#tab_sub_area12 {margin-left:10px;}

.tab_contents,.sv_tit_area{
	display: flex;
	}
.tab02_2depth .tab_sub {background:#fff}




/*==================================
Step : step_rounded
==================================*/
.step_rounded {overflow:hidden; margin-bottom:10px;}
.step_rounded .step {height:50px; margin-left:-20px;}
.step_rounded .step_list {float:left; height:100%;}
.step_rounded .step_left {display:block; float:left; width:20px; height:100%; background:url('/styles/images/svMeasure/svStep/step_rounded.png') no-repeat left -225px;}
.step_rounded .step_link {height:100%;}
.step_rounded .step_body {display:block; height:100%;}
.step_rounded .num_area {text-align:center; display:inline-block; float:left; width:50px; height:50px; background:url('/styles/images/svMeasure/svStep/step_rounded.png') no-repeat left top;}
.step_rounded .num_area .num {font-size:20px; line-height:48px; color:#fff; font-weight:bold;}
.step_rounded .txt_area {display:block; height:50px; margin-left:70px;  background:url('/styles/images/svMeasure/svStep/step_rounded.png') no-repeat right top;}
.step_rounded .txt_area .txt {color:#989899; font-weight:bold; display:inline-block; padding-left:2px; padding-right:15px; vertical-align:middle;}

/* completed */ 
.step_rounded .step_list.completed .step_left {background-position:-50px -225px;}
.step_rounded .step_list.completed .num_area {background-position:left -75px;}
.step_rounded .step_list.completed .txt_area {background-position:right -75px;}
.step_rounded .step_list.completed .num_area .num {color:#fff;}
.step_rounded .step_list.completed .txt_area .txt {color:#fb6c07;font-size: 18px;}

/* hover, ongoing */
.step_rounded .step_list:hover .step_left,
.step_rounded .step_list.ongoing .step_left {background-position:-50px -225px;}
.step_rounded .step_list:hover .num_area,
.step_rounded .step_list.ongoing .num_area {background-position:left -150px;}
.step_rounded .step_list:hover .txt_area,
.step_rounded .step_list.ongoing .txt_area {background-position:right -150px;}
.step_rounded .step_list:hover .num_area .num,
.step_rounded .step_list.ongoing .num_area .num {color:#fb6c07;}
.step_rounded .step_list:hover .txt_area .txt,
.step_rounded .step_list.ongoing .txt_area .txt {color:#fff;font-size: 18px;}




/*========= step3 ===========*/


.sv_a_left {
	flex:70;
	margin-right:40px
	}
.sv_a_right {
	flex:30;
	padding-left:40px;
	border-left:2px solid #dedede
	}
.tab_contents_wrap .sv_tit_area h3.sv_tit {
	font-size:20px;
	font-weight:bold;
	color:#333;
	flex:70;
	height:30px;
	line-height:28px
}

.apple_result_box .apple_area {border:1px solid #b2b2b2;border-bottom:0;height:250px;box-sizing:border-box}
.apple_result_box .apple_total {
	background: #ea002c;
	height:40px;
	color:#fff;
	font-size:16px;
	display: flex;
	justify-content:space-between;
	align-items:center
	}
	
.apple_result_box .apple_total02 {
	background: #4747B3;
	height:40px;
	color:#fff;
	font-size:16px;
	display: flex;
	justify-content:space-between;
	align-items:center
	}	

.sv_exam_area li {
	margin-bottom:20px
}
.accordion {
  position:relative;
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px 40px 18px 18px;
  width: 100%;
  border: 1px solid #b2b2b2;
  border-bottom:0;
  text-align: left;
  /* outline: none; */
  font-size: 16px;
  transition: 0.4s;
}

.sv_exam_area .active, .accordion:hover {
  background-color: #fff;
}

.accordion:after {
  content: '';
  color: #777;
  position:absolute;
  right:20px;
  top:23px;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.sv_exam_area .active:after {
  content: "";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.panel {
  padding: 0 18px;
  margin-bottom:10px;
  background-color: white;
  border:1px solid #b2b2b2;
  border-top:0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.sv_form li,.sv_form li label{
	font-size:16px;color:#333
}

.sv_form {padding-bottom:10px}

.sv_form li {
	padding-left:17px;margin-bottom:10px
}

.sv_form li label {display:block;margin-bottom:5px}

.sv_inp {
	width:210px;
	height:40px!important;
	padding:10px;
	background:#d3d3d4!important;
	border:1px solid #b2b2b2!important;
	box-sizing:border-box 
	}
.sv_inp_under {
	width:150px;
	height:40px!important;
	padding:10px;
	color:#4747B3 !important;
	font-size:16px!important;
	background:#fff!important;
	border-bottom:2px solid #333!important;
	border-top:0!important;
	border-left:0!important;
	border-right:0!important;
	box-sizing:border-box 
}	

.sv_vert_inside {width:100%; text-align:center; color:#333333; background-color:#fff;}
.sv_vert_inside tbody .vert_t_head,.tbl_vert tfoot .vert_t_head {border:1px solid #ccd2de;} 
.sv_vert_inside .vert_t_data {font-size:16px;padding:6px 10px; border-bottom:2px solid #ececec;height:40px;box-sizing:border-box;}
.sv_vert_inside thead .vert_t_head {font-size:16px;font-weight:normal; padding:6px 10px;color:#fff; background-color:#333;height:40px;box-sizing:border-box;}
.sv_vert_inside thead .vert_t_head02 {font-size:16px;font-weight:normal; padding:6px 10px;color:#fff; background-color:#fc620d; border:1px solid #fc620d; height:40px;box-sizing:border-box;}

.sv_exam_area2 {font-size:16px;color:#333}
.sv_exam_area2 dt.first {background: #ea002c;color:#fff;border:0}
.sv_exam_area2 dt{height:40px;text-align: center;;line-height:40px;background:#dedede;color:#333;border:1px solid #b2b2b2;border-bottom:0}
.sv_exam_area2 dd {border:1px solid #b2b2b2;border-top:0;padding:20px;box-sizing:border-box;line-height:20px}
.sv_exam_area2 dd .desc {font-size:14px;line-height: 18px}
	
/* btn */
.tab_contents_wrap .sv_tit_area .sv_btn_a {
	min-width:60px;
	height:60px;
	box-sizing:border-box;
	padding-top:10px;
	color:#fff;
	font-size:16px;
	line-height:20px;
	text-align: center;
	background:#4747B3;
	cursor: pointer;
	position:absolute;right:275px;top:260px;z-index:1
}

.ex_btn_area {position: relative;}
.btn {position: absolute;bottom:10px;right:0}
.sv_btn_b {
	min-width:120px;
	height:40px;
	color:#4747B3;
	border:1px solid #4747B3;
	font-size:16px;
	cursor:pointer;
	text-align: center;
	background:#fff;
}

.sv_btn_c {
	min-width:120px;
	height:40px;
	color:#333;
	border:1px solid #b2b2b2;
	font-size:16px;
	cursor:pointer;
	text-align: center;
	background:#fff;
}

/*==================================
Modal window Common ---------------- 占쎈릊占쎌읈占쎈솚占쎈씜 筌뤴뫀紐� �⑤벏�꽰
==================================*/
#mw {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.pop_bg {position:fixed; width:100%; height:100%; opacity:0.7; background-color:#000000; }
.ie8 .pop_bg {filter:alpha(opacity=70); }


/*==================================
Layer Popup
==================================*/
.pop_layer_s {position:absolute; width:620px!important; height:650px!important; top:50%; left:50%; margin-left:-240px; background-color:#FFF;}

/* pop title 占쎌겫占쎈열 */
.pop_layer_s .pop_tit_wrap {position:relative; height:50px; padding:0 15px 0 20px; overflow:hidden; background-color:#e46100;}
.pop_layer_s .pop_tit {background:url('/styles/images/svMeasure/svPoll/ico_tip.png') no-repeat 0 5px;font-size:22px; font-weight:bold; color:#ffffff; vertical-align:middle; display:block; line-height:50px; overflow:hidden; padding-left:40px;text-overflow:ellipsis; white-space:nowrap; margin-right:50px;}
.pop_layer_s .close_area {display:inline-block; width:50px; height:50px; position:absolute; right:0; top:0;}

/* pop �뚢뫂�쀯㎘占� 占쎌겫占쎈열 */
.pop_layer_s .pop_con_fix {font-size:13px; font-weight:bold; color:#000000; line-height:1.33em; height:600px!important; overflow-y:auto;}
.pop_layer_s .pop_con_area {display:inline-block; padding:25px 20px 30px 20px; vertical-align:middle;}
.pop_layer_s .ico_area {margin-bottom:15px;}
.pop_layer_s .tit_area {font-weight:bold; color:#000000; margin-bottom:13px;}
.pop_layer_s .desc_area {font-size:13px; font-weight:normal; color:#76787c; line-height:1.33em; margin-bottom:15px;}
.pop_layer_s .btn_area {margin-bottom:15px;}

/* 餓λ쵐釉곤옙�젟占쎌졊 */
.pop_layer_s .pop_con_center {text-align:center;}

/* pop bottom 占쎌겫占쎈열 */
.pop_layer_s .pop_today_close {position:absolute; width:100%; height:30px; bottom:-30px; left:0; background-color:#f6f6f9;}
.pop_layer_s .pop_today_close .pop_bot_left {padding:5px 10px;}
.pop_layer_s .pop_today_close input[type="text"],
.pop_layer_s .pop_today_close label {vertical-align:middle;}

/* btn  */
.pop_layer_s .pop_layer_btn {display:inline-block; vertical-align:middle; }
.pop_layer_s .pop_layer_btn_close {width:12px; height:12px; margin:19px 0 0 19px; background:url('/styles/images/pop/pop_layer.png') 0 0 no-repeat; }
.pop_layer_s .pop_layer_btn_close_today {width:12px; height:12px; position:absolute; top:50%; right:10px; margin-top:-6px; background:url('/styles/images/pop/pop_layer.png') -25px 0 no-repeat; }

/* pop_layer_ico */
.pop_layer_s .pop_layer_ico {display:inline-block; vertical-align:middle; background:url('/styles/images/pop/pop_layer.png'); }
.pop_layer_s .pop_layer_ico_confirm_a {width:93px; height:93px;  background-position:0 -25px; }
.pop_layer_s .pop_layer_ico_confirm_b {width:93px; height:93px;  background-position:-125px -25px; }
.pop_layer_s .pop_layer_ico_info {width:93px; height:93px;  background-position:0 -150px; }
.pop_layer_s .pop_layer_ico_alert {width:93px; height:93px;  background-position:-125px -150px; }
.pop_layer_s .pop_layer_ico_cancel {width:93px; height:93px;  background-position:-250px -150px; }

.tip_area {}
.tip_area .tip_sec_tit {border-bottom:1px solid #dedede;box-sizing:border-box;padding:15px 0}
.tip_area .tip_sec_tit .tit_box {border-radius:5px;box-sizing:border-box;padding:5px 10px;background:#FF6500;color:#fff;display: inline-block;font-weight:bold}
.tip_area .tip_sec_tit dl {padding:0 10px}
.tip_area .tip_sec_tit dt{margin-top:10px;color:#FF6500;font-weight: bold;}
.tip_area .tip_sec_tit dd{font-size:14px;font-weight:nomal;color:#333;line-height: 22px;text-indent:-11px;padding-left:15px}

.down_wrap {padding: 0 20px; text-align: center; box-sizing: border-box;}
.down_btn_area {padding:20px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;margin:0 auto}
.btn_down_close {border-radius:5px;background:#000;color:#fff;border:0;cursor:pointer;width:120px;height:36px;margin:20px 0}

.tc {text-align: center!important;}
/* margin css */
.mr0 {margin-left:0 !important;}

.mt0 {margin-top:0px!important;}
.mt3 {margin-top:3px!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt12 {margin-top:12px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}
.mt80 {margin-top:80px!important;}
.mt90 {margin-top:90px!important;}
.mt100 {margin-top:100px!important;}

.mb0 {margin-bottom:0px!important;}
.mb3 {margin-bottom:3px!important;}
.mb5 {margin-bottom:5px!important;}
.mb8 {margin-bottom:8px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb70 {margin-bottom:70px!important;}

.mr0 {margin-right:0px!important;}
.mr1p {margin-right:1% !important;}
.mr2 {margin-right:2px!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}
.mr50 {margin-right:50px!important;}

.ml10 {margin-left:10px!important;}
.ml30 {margin-left:30px!important;}
.ml50p {margin-left: 50% !important;}
.mt15lr20{margin: 15px 20px 0 20px !important;}
.mtb15 {margin: 15px 0 !important;}
.mtb20 {margin: 20px 0 !important;}
.mtb30 {margin: 30px 0 !important;}
.mt35b15 {margin: 35px 0 15px 0 !important;}
.mt35b0 {margin: 35px 0 0 0 !important;}

/* padding css */
.p0 {padding:0 !important;}
.plr5 {padding:0 5px !important;}
.plr10 {padding:0 10px !important;}
.plr20 {padding:0 20px !important;}
.plr30 {padding:0 30px !important;}
.p2_5 {padding:2px 5px !important;}
.p5 {padding:5px !important;}
.p25 {padding:25px !important;}
.p100 {padding:100px !important;}

.pl0 {padding-left:0px!important;}
.pl2 {padding-left:2px!important;}
.pl5 {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl20 {padding-left:20px!important;}
.pl50 {padding-left:50px!important;}
.pl100 {padding-left:100px!important;}


.pt0 {padding-top:0px!important;}
.pt2 {padding-top:2px!important;}
.pt5 {padding-top:5px!important;}
.pt8 {padding-top:8px!important;}
.pt10 {padding-top:10px!important;}
.pt20 {padding-top:20px!important;}
.pt30 {padding-top:30px!important;}


.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb30 {padding-bottom:30px!important;}
.pb40 {padding-bottom:40px!important;}

.pr0 {padding-right:0 !important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr30 {padding-right:30px!important;}
.pr50 {padding-right:50px!important;}

/* height css */
.h_a {height: auto !important;}
.h25 {height: 25px !important;} 
.h35 {height: 35px !important;} 
.h45 {height: 45px !important;} 
.h50 {height: 50px !important;}
.h60 {height: 60px !important;}
.h100 {height: 100px !important;} 
.h110 {height: 110px !important;} 
.h100p {height: 100% !important;} 
.h140 {height: 140px !important;} 
.h150 {height: 150px !important;} 
.h160 {height: 160px !important;} 
.h170 {height: 170px !important;} 
.h200 {height: 200px !important;} 
.h300 {height: 300px !important;} 
.h400 {height: 400px !important;} 
.h480 {height: 480px !important;} 

.mh850 {max-height: 850px !important;} 

/* width css */
.wauto {width: auto !important;}

.w50px {width: 50px !important;}
.w70px {width: 70px !important;}
.w100px {width: 100px !important;}
.w120px {width: 120px !important;}
.w130px {width: 130px !important;}
.w150px {width: 150px !important;}
.w200px {width: 200px !important;}
.w300px {width: 300px !important;}

.w10p {width: 10% !important;}
.w20p {width: 20% !important;}
.w30p {width: 30% !important;}
.w38p {width: 38% !important;}
.w40p {width: 40% !important;}
.w48p {width: 48% !important;}
.w50p {width: 50% !important;}
.w60p {width: 60% !important;}
.w68p {width: 68% !important;}
.w70p {width: 70% !important;}
.w80p {width: 80% !important;}
.w85p {width: 85% !important;}
.w88p {width: 88% !important;}
.w90p {width: 90% !important;}
.w98p {width: 98% !important;}
.w100p {width: 100% !important;}
.w539 {width:539px !important;}
.w250 {width:250px !important;}
.w30 {width:30px !important;}
.w65 {width:65px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}