@charset "utf-8";
.mb0{margin-bottom:0 !important}
.mb1{margin-bottom:1px}
.mb2{margin-bottom:2px}
.mb3{margin-bottom:3px}
.mb5{margin-bottom:5px}
.mb7{margin-bottom:7px}
.mb8{margin-bottom:8px}
.mb10{margin-bottom:10px}
.mb11{margin-bottom:11px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb49{margin-bottom:49px}
.mb50{margin-bottom:50px}
.mb57{margin-bottom:57px}
.mb60{margin-bottom:60px}
.mb65{margin-bottom:65px}
.mb70{margin-bottom:70px}
.mb75{margin-bottom:75px !important}
.mb90{margin-bottom:90px !important}
.mb100{margin-bottom:100px !important}
.mb-6{margin-bottom:4rem !important;}
.mb-7{margin-bottom:5rem !important;}
.mb-8{margin-bottom:6rem !important;}
@media(min-width:768px){
	.mb-md-8{margin-bottom:6rem !important;}
}
.mt1{margin-top:1px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt_2{margin-top:-2px}
.mt_10{margin-top:-10px}
.mt_30{margin-top:-30px}
.mt_80{margin-top:-80px}
.ml0{margin-left:0px !important}
.ml2{margin-left:2px}
.ml3{margin-left:3px}
.ml4{margin-left:4px}
.ml4{margin-left:4px}
.ml5{margin-left:5px}
.ml7{margin-left:7px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml53{margin-left:53px}
.ml_9{margin-left:-9px}
.mr0{margin-right:0px !important}
.mr1{margin-right:1px}
.mr3{margin-right:3px}
.mr5{margin-right:5px}
.mr8{margin-right:8px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr45{margin-right:45px}
.mr_9{margin-right:-9px}
.pd10{padding:10px !important;}
.pd15{padding:15px !important;}
.pt2{padding-top:2px}
.pt4{padding-top:4px}
.pt5{padding-top:5px}
.pt8{padding-top:8px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pb1{padding-bottom:1px}
.pb3{padding-bottom:3px}
.pb5{padding-bottom:5px}
.pb6{padding-bottom:6px}
.pb7{padding-bottom:7px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl22{padding-left:22px}
.pl55{padding-left:55px}
.pr5{padding-right:5px;}
.pr7{padding-right:7px;}
.wd60{width:60px;}
.wd100{width:100px;}
.wd120{width:120px;}
.wd140{width:140px;}
.mh100{min-height:100px}
.d_table_column_group{
	display:table-column-group !important;
}
@media(min-width:768px){
	.d_md_table_column_group{
		display:table-column-group !important;
	}
}
.fl{float:left}
.fr{float:right}
.cb{clear:both}
.hasLayout{overflow:hidden;zoom:1}
.tac{text-align:center !important}
.tal{text-align:left !important;}
.tar{text-align:right !important}
.lh1{line-height:1 !important;}
.lh12{line-height:1.2 !important;}
.lh13{line-height:1.3 !important;}
.lh14{line-height:1.4 !important;}
.lh15{line-height:1.5 !important;}
.lh16{line-height:1.6 !important;}
.lh17{line-height:1.7 !important;}
.lh18{line-height:1.8 !important;}
.lh2{line-height:2 !important;}
.vam{vertical-align:middle}
.vam *{vertical-align:middle}
.vam1{position:relative;top:1px !important;}
.vam3{position:relative;top:3px !important;}
.vam4{position:relative;top:4px !important;}
.vam7{position:relative;top:7px !important;}
.vab{vertical-align:bottom}
.vam img{margin-top:-2px;*margin-top:0px}
*+html .vam img{margin-top:0}
.vat{vertical-align:top}
.ls0{letter-spacing:0px !important}
a:hover{text-decoration:none}
.cursor{cursor:pointer}
.li15{line-height:1.5}
.fs_small{font-size:11px}
.bul_01{ padding-left:7px; background:url(../images/bul_01.png) left 5px no-repeat; }
.prt4{position:relative; top:4px}
.label{position:absolute; left:-30000px; }
.explain{color:#888;font-size:0.9rem;font-weight:300 !important;}
.required{color:#e5004f;font-weight:600;font-size:1rem;}
.thSub{font-size:0.9rem;font-weight:600;}
@media(max-width:576px){
	.thSub{
		display:block;
		height:30px;
	}
}
.important{position:relative;padding-left:19px;color:#e60012;}
.important:after{
	content:'!';
	position:absolute;
	top:6px;
	left:0px;
	width:15px;
	height:15px;
	color:#e60012;
	font-size:10px;
	font-weight:600;
	line-height:1.3;
	text-align:center;
	text-indent:1px;
	border:1px solid #e60012;
	border-radius:50%;
}
.listUl1 .important{padding-left:39px;}
.listUl1 .important:after{left:20px;}
@media(max-width:576px){
	.listUl1 .important{padding-left:29px;}
	.listUl1 .important:after{top:3px;margin-left:-10px;}
	.important:after{top:3px}
}
/*width
------------------------------------------------------------ */
.w200{width:200px !important;}

/*paging 
------------------------------------------------------------ */
.paging{text-align:center;zoom:1}
.paging img{margin-top:-2px;*margin-top:0}
.paging a{
	display:inline-block;
	width:40px;
	height:40px;
	margin-left:-2px;
	margin-right:-2px;
	padding:0 3px;
	color:#8e9094;
	line-height:35px;
	text-align:center;
	border:1px solid #dadada;
	border-left:0px;
}
.paging a:first-child{
	border-left:1px solid #dadada;
}
.paging a:hover{color:#fff !important;border-color:#d7ad29;background:#d7ad29;cursor:pointer;}
.paging a.on{color:#d7ad29;font-weight:bold}
.paging *{vertical-align:middle}

/*color
------------------------------------------------------------ */
.color000{color:#000 !important}
.color333{color:#333 !important}
.color666{color:#666 !important}
.color999{color:#999 !important}
.color1{color:#084490 !important}
.color2{color:#d7ad29 !important}
.color3{color:# !important}
.color4{color:# !important}

/*title
------------------------------------------------------------ */
h3.title{margin-bottom:10px;font-size:1.7rem;letter-spacing:-1px;}
h3.title:before{
	content:'/';
	position:relative;
	top:-4px;
	color:#c69e20;
	font-size:1.4rem;
	margin-right:12px;
}
h4.title{margin-bottom:8px;font-size:1.44rem;letter-spacing:-1px;}
.content_subtitle { font-size:1.3em; font-weight:bold; color:#000;}
.content_subtitle2 { font-size:1.1em; font-weight:bold; color:#000;}
.titleButtonArea>*:first-child{float:left;position:relative;top:0px;}
.titleButtonArea>*{float:right;position:relative;top:-5px;}
.titleButtonArea::after{
	display:block;
	content:'';
	clear:both;
}
.titleButtonArea+ul>li:first-child{margin-top:0px;}

/*tabNavigation
------------------------------------------------------------ */
.tabNavigation{
	margin-left:0px;
	margin-right:0px;
}
.tabNavigation>li{
	border-top:1px solid #084490;
	border-right:1px solid #084490;
	border-bottom:1px solid #084490;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	cursor:pointer;
}
.tabNavigation>li:first-child{
	border-left:1px solid #084490;
}
.tabNavigation>li>*{
	display:block;
	color:#084490;
	padding-top:0.8rem;
	padding-bottom:0.8rem;
}
.tabNavigation>li.on{
	background-color:#084490;
}
.tabNavigation>li.on>*{
	color:#fff;
}
.tabNavigation>li:not(.on):hover{
	border:1px solid #468ce4;
	background-color:#468ce4;
}
.tabNavigation>li:not(.on):hover>*{
	color:#fff;
}
.tabNavigation.tabItem_7>li{
	float:left;
	width:14.28%;
	
}
/*list
------------------------------------------------------------ */
.listUl1 li{
	position:relative;
	margin-top:6px;
	margin-bottom:6px;
	padding-left:20px;
}
.listUl1 li:before{
	content:'·';
	position:absolute;
	left:3px;
	top:2px;
	color:#05186b;
	font-size:29px;
	font-family:dotum;
	line-height:22px;
}

@media(max-width:576px){
	.listUl1 li{
		padding-left:10px;
		word-break:keep-all;
		text-align:justify;
	}
	.listUl1 li:before{
		left:-2px;
	}
}	
/*table
------------------------------------------------------------ */
.listTable_01{
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.listTable_01 th{
	height:72px;
	padding:10px 15px;
	font-size:0.9rem;
	font-weight:600;
	background:#fafafa;
}
.listTable_01 td{
	height:72px;
	padding:10px 15px;
	text-align:left;
	border-top:1px solid #e4e4e4;
	word-break:break-all;
}

.listTable_02{
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.listTable_02.border_bottom_0{
	border-bottom:0px;
}
.listTable_02.border_top_0{
	border-top:0px;
}
.listTable_02 tr:first-child th,
.listTable_02 tr:first-child td{
	border-top:0px;
}
.listTable_02 th{
	height:72px;
	padding:10px 15px;
	font-size:0.9rem;
	font-weight:600;
	border-top:1px solid #e4e4e4;
	background:#fafafa;
}
.listTable_02 th>label{
	font-size:0.9rem;
	font-weight:600;
}
.listTable_02 td{
	height:72px;
	padding:10px 15px;
	text-align:left;
	border-top:1px solid #e4e4e4;
	word-break:keep-all;
}

.list_type_01{width:100%; border-bottom:1px solid #c6c6c6}
.list_type_01 th{background:#fafafa ; font-weight:bold; color:#666 ;padding:10px 0; border-top:2px solid #444547; border-bottom:1px solid #919191}
.list_type_01 > tbody > tr > td {height:13px; text-align:center;color:#838383;border-top:1px solid #e4e4e4;padding:12px 0 10px;word-break:break-all; }
.list_type_01 td div{padding:10px 20px; text-align:left;}
.list_type_01 td a{color:#000;}
.list_type_01 td a:hover{color:#ff7500}
.list_type_01 .subject{text-align:left; }

.list_type_01_01{width:100%; border-bottom:1px solid #c6c6c6}
.list_type_01_01 th{background:#fafafa ; font-weight:bold; color:#666 ;padding:10px 0; border-top:2px solid #444547; border-bottom:1px solid #919191}
.list_type_01_01 td{height:13px; text-align:center;color:#838383;border-top:1px solid #e4e4e4;padding:12px 0 10px;word-break:break-all; }
.list_type_01_01 td div{padding:10px 20px 10px 0; text-align:left;}
.list_type_01_01 td a{color:#000;}
.list_type_01_01 td a:hover{color:#ff7500}
.list_type_01_01 .subject{text-align:left; }

.list_type_02{width:100%; border-bottom:1px solid #c6c6c6}
.list_type_02 th{background:#fafafa ; font-weight:bold; color:#666 ;padding:10px 0; border-top:2px solid #444547; border-bottom:1px solid #919191}
.list_type_02 td{height:13px; text-align:center;color:#838383;border-top:1px solid #e4e4e4;padding:12px 0 10px;word-break:break-all; }
.list_type_02 td:first-child{ padding-left:10px; }
.list_type_02 td div{padding:10px 20px; text-align:left;}
.list_type_02 td a{color:#000;}
.list_type_02 td a:hover{color:#ff7500}
.list_type_02 .subject{text-align:left; }

.list_type_03{
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.list_type_03 th{
	height:72px;
	padding:10px 15px;
	font-size:0.9rem;
	font-weight:600;
	background:#fafafa;
}
.list_type_03 td{
	height:72px;
	padding:10px 15px;
	text-align:left;
	border-top:1px solid #e4e4e4;
	word-break:break-all;
}

.list_type_03_01{width:100%;}
.list_type_03_01 tr:first-child th,.list_type_03_01 tr:first-child td{border-top:2px solid #444547}
.list_type_03_01 th{background:#fafafa; font-weight:bold; color:#666 ;padding:10px 5px; border-top:1px solid #e4e4e4;}
.list_type_03_01 td{height:13px; text-align:left;color:#838383;border-top:1px solid #e4e4e4;padding:10px 7px;word-break:break-all; }
.list_type_03_01 .subject{text-align:left; }
.list_type_03_01 textarea{width:98%;min-height:130px;}

.list_type_03_02{width:100%;border-bottom:1px solid #c6c6c6;}
.list_type_03_02 th{background:#fafafa; font-weight:bold; color:#666 ;padding:10px 5px; border-top:1px solid #e4e4e4;}
.list_type_03_02 td{height:13px; text-align:left;color:#838383;border-top:1px solid #e4e4e4;padding:10px 7px;word-break:break-all; }
.list_type_03_02 .subject{text-align:left; }

.list_type_04{
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.list_type_04 tr:first-child th,
.list_type_04 tr:first-child td{border-top:0px}
.list_type_04 thead th{
	border-bottom:1px solid #d1d1d1;
}
.list_type_04 th{
	min-height:72px;
	background:#f6f6f6;
	font-size:0.9rem;
	font-weight:600;
	padding:10px 15px;
	border-top:1px solid #d1d1d1;
	line-height:45px;
	word-break:keep-all;
}
.list_type_04 th label{
	font-size:0.9rem;
	font-weight:600;
}
.list_type_04 td{
	height:69px;
	text-align:left;
	border-top:1px solid #d1d1d1;
	padding:10px 15px;
	word-break:break-all;
}
@media(max-width:768px){
	.list_type_04 th,
	.list_type_04 td{
		padding:10px 5px;
	}
}
@media(max-width:500px){
	.list_type_04 th{
		line-height:15px;
		font-size:0.8rem;
	}
	.list_type_04 td{
		font-size:0.95rem;
		word-break:keep-all;
	}
}
.list_type_05{
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.list_type_05 th{
	height:69px;
	background:#f6f6f6;
	font-size:0.9rem;
	font-weight:600;
	padding:10px 15px;
}
.list_type_05 td{
	height:69px;
	text-align:left;
	border-top:1px solid #d1d1d1;
	padding:5px 15px;
	word-break:break-all;
}
.list_type_05 td input[type=text]{margin-left:0px;}
.list_type_05 td div{padding:0; text-align:left;}

.list_div{
	margin-left:0px;
	margin-right:0px;
}
.list_div>div{margin-left:0px;margin-right:0px;}
.list_div>div:first-child:before{
	content:'';
	position:relative;
	top:-1px;
	display:block;
	width:100%;
	height:1px;
	background-color:#333;
	/*border-bottom:1px solid #000;입력없을 시 줄생김으로 주석*/
}
.list_div>div>div{
	min-height:63px;
	padding-top:0.8rem;
	padding-bottom:0.8rem;
	border-bottom:1px solid #d1d1d1;
	line-height:1.9;
	word-break:keep-all;
}
@media(max-width:998px){
	.list_div.itemBorder_bottom{
		border-top:0px;
		border-bottom:0px;
	}
	.list_div.itemBorder_bottom>div{
		border-top:1px solid #333;
	}
	.list_div.itemBorder_bottom>div>div:last-child,
	.list_div.itemBorder_bottom:after{
		border-bottom:0px;
	}
}
.list_div .th{font-size:0.9rem;font-weight:600;line-height:68px;background:#f6f6f6;}
.list_div .th *{font-size:0.9rem;font-weight:600;}
.list_div .th,
.list_div .td{
	padding-left:15px;
	padding-right:15px;
}
.borer_bottom_0:after{
	border-bottom:0px;
}

.list_div_01{
	min-height:69px;
	margin-left:0px;
	margin-right:0px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.list_div_01>*{
	padding:17px 15px;
	line-height:1.9;
}
@media(max-width:576px){
	.list_div>div>div{
		min-height:40px;
	}
	.list_div .th{
		line-height:40px;
		border-bottom:0px;
	}
	.list_div .w-25{
		width:50% !important;
	}
}

/*view
---------------------------------------------------------------*/
.view_div{border-top:1px solid #000;border-bottom:1px solid #000;}
.view_div>div{margin-left:0px;margin-right:0px;}
.view_div>div>div{	
	min-height:69px;
	padding-top:1.2rem;
	padding-bottom:1.2rem;
	padding-left:15px !important;
	padding-right:15px !important;
	border-top:1px solid #d1d1d1;
	line-height:1.8;
}
.view_div>div:first-child>div{border-top-width:0px;}
.view_div .th{font-size:0.9rem;font-weight:600;background:#fafafa;}
@media(max-width:768px){
	.view_div>div:first-child>div{border-top-width:1px;}
/*모바일에서 컨텐츠 너비가 넓을 경우 스크롤처리*/
	.view_div_content{
		overflow-y:auto;
	}
	.view_div>div>div{
		min-height:59px;
	}
}

/*form_type
---------------------------------------------------------------*/
.form_type_01{ overflow:hidden; margin-top:30px; border-top:2px solid #444547;}
.form_type_01 dt{ float:left; width:130px; height:13px; padding:10px 0; border-bottom:1px solid #e4e4e4; background:#efefef; text-align:left; text-indent:20px; }
.form_type_01 dd{ float:left; width:615px; height:13px; padding:10px 0 10px 10px; border-bottom:1px solid #e4e4e4; }
.btn_join_member{ margin-top:15px; margin-bottom:10px; text-align:center;}
.form_type_01 dt label{ position:relative; left:0px; font-weight:bold; }
.form_type_01 dd label{ position:relative; left:-4px; }
.form_type_01 dd input[type=radio]{ position:relative; top:-3px; }
.form_type_01 dd input[type=text]{ position:relative; top:-5px; margin-right:8px; }
.form_type_01 dd select{ position:relative; top:-4px; }
.form_type_01 dd input[type=button]{ position:relative; top:-3px; margin-right:8px; }

.form_div{
	margin-left:0px;
	margin-right:0px;
	border-top:1px solid #000;
	/*border-bottom:1px solid #000;*/
}
.form_div:after{
	content:'';
	position:relative;
	top:-1px;
	display:block;
	width:100%;
	border-bottom:1px solid #000;
}
.form_div>div{margin-left:0px;margin-right:0px;}
.form_div>div>div{
	min-height:69px;
	border-bottom:1px solid #d1d1d1;
	line-height:65px;
}
@media(max-width:768px){
	.form_div>div>div{
		padding-bottom:0.3rem;
	}
}
@media(max-width:576px){
	.form_div>div>div{
		min-height:59px;
		line-height:53px;
		padding-bottom:3px;
	}
}
.form_div .th{font-size:0.9rem;font-weight:600;line-height:68px;background:#f6f6f6;}
.form_div .th *{font-size:0.9rem;font-weight:600;}
.form_div .th,
.form_div .td{
	padding-left:15px;
	padding-right:15px;
}
.borer_bottom_0:after{
	border-bottom:0px;
}

.form_div_01{
	min-height:69px;
	margin-left:0px;
	margin-right:0px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.form_div_01>*{
	padding:17px 15px;
	line-height:1.9;
}
@media(max-width:576px){
	.form_div>div>div{
		min-height:40px;
	}
	.form_div .th{
		line-height:52px;
		border-bottom:0px;
	}
	.form_div .w-25{
		width:50% !important;
	}
}


/*.form_div .th.col-md-5{max-width:39.66%;}*/

/*select
---------------------------------------------------------------*/
.select_type_01{width:180px;}
.select_type_02{width:110px;}

/*search
---------------------------------------------------------------*/
.searchArea{
	margin-left:0px;
	margin-right:0px;
	margin-bottom:2.5rem;
	padding-top:2.2rem;
	padding-bottom:2.2rem;
	border:1px solid #dfdfdf;
	background:#fafafa;
}


/*popup
------------------------------------------------------------- */
.popup01{overflow:hidden;margin:0 auto;padding-left:1rem;padding-right:1rem;}
.popupTitle{
	margin-bottom:1.5rem;
	padding:0 1rem;
}
.popupTitle h1{
	position:relative;
	padding:1rem 1rem 1rem 1.8rem;
	font-size:1.6rem;
	letter-spacing:-1px;
	border-bottom:2px solid #000;
}
.popupTitle h1:before{
	content:'';
	position:absolute;
	top:1.45rem;
	left:0rem;
	display:block;
	width:20px;
	height:20px;
	border:3px solid #c69e20;
	border-radius:50%;
}
.popupTitle2 h1{padding:1rem;font-size:1.7rem;}

/*button
------------------------------------------------------------- */
*[class^=button],
*[class^=btn]{
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	cursor:pointer;
}
.buttonSearch{
	display:inline-block;
	min-width:49px;
	height:49px;
	margin-left:-1rem;
	padding:0;
	text-align:center;
	text-indent:-30000px;
	line-height:47px;
	vertical-align:middle;
	border:1px solid #00125e;
	background:url(/images/commons/icon_search.png) center center no-repeat #00125e;
}
@media(max-width:576px){
	.buttonSearch{
		height:40px;
		min-width:40px;
	}
}


.buttonHelp{
	display:block;
	height:31px;
	min-width:79px;
	color:#555;
	font-size:0.9rem;
	text-align:center;
	line-height:30px;
	letter-spacing:-1px;
	border-radius:50px;
	background:#e7e7e7;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.buttonHelp:hover{
	color:#fff;
	background:#999;
}
@media(max-width:576px){
	.buttonHelp{
		height:28px;
		line-height:26px;
	}
}
.buttonA{
	display:inline-block;
	min-width:135px;
	height:58px;
	margin:0 0.2rem;
	padding:0 20px;
	color:#fff;
	font-size:1.05rem;
	text-align:center;
	vertical-align:middle;
	line-height:56px;
	border:1px solid #084490;
	border-radius:0px;
	background:#084490;
}
.buttonA:hover{
	color:#fff;
	border:1px solid #468ce4;
	background:#468ce4;
}
.buttonC{
	display:inline-block;
	min-width:135px;
	height:58px;
	margin:0 0.2rem;
	padding:0 20px;
	color:#000;
	font-size:1.05rem;
	text-align:center;
	vertical-align:middle;
	line-height:56px;
	border:1px solid #eaeaea;
	border-radius:0px;
	background:#eaeaea;
}
.buttonC:hover{
	color:#fff;
	border:1px solid #848383;
	background:#848383;
}
.buttonA_outline{display:inline-block;min-width:58px;height:36px;padding:0 20px;font-size:15px;text-align:center;line-height:35px;border:1px solid;}
@media(max-width:576px){
	.buttonA,.buttonC{
		min-width:80px;
		height:50px;
		line-height:47px;
	}
}

.buttonA_sm{ 
	display:inline-block;
	min-width:95px;
	height:49px;
	margin:0 0;
	padding:0 10px;
	color:#fff;
	font-size:0.9rem;
	text-align:center;
	vertical-align:middle;
	line-height:46px;
	border:1px solid #084490;
	background:#084490;
}
.buttonA_sm:hover{ 
	color:#fff;
	border:1px solid #468ce4;
	background:#468ce4;
}
.buttonB_sm{ 
	display:inline-block;
	min-width:95px;
	height:49px;
	margin:0 0;
	padding:0 10px;
	color:#fff;
	font-size:0.9rem;
	text-align:center;
	vertical-align:middle;
	line-height:46px;
	border:1px solid #dbbf68;
	background:#dbbf68;
}
.buttonB_sm:hover{ 
	color:#fff;
	border:1px solid #ab8a24;
	background:#ab8a24;
}
.buttonC_sm{ 
	display:inline-block;
	min-width:95px;
	height:49px;
	margin:0 0;
	padding:0 10px;
	color:#000;
	font-size:0.9rem;
	text-align:center;
	vertical-align:middle;
	letter-spacing:-1px;
	line-height:46px;
	border:1px solid #eaeaea;
	background:#eaeaea;
}
.buttonC_sm:hover{
	color:#fff;
	border:1px solid #848383;
	background-color:#848383;
}

@media(max-width:576px){
	.buttonA_sm,
	.buttonB_sm,
	.buttonC_sm{ 
		height:40px;
		font-size:1rem;
		line-height:36px;
	}
}
.buttonB_xs_outline{ 
	display:inline-block;
	min-width:45px;
	height:34px;
	margin:0 0;
	padding:0 8px;
	color:#caa42f;
	font-size:0.85rem;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
	border:1px solid #dbbf68;
	background:#fff;
}
.buttonB_xs_outline:hover{ 
	color:#fff;
	border:1px solid #ab8a24;
	background:#ab8a24;
}
.buttonC_xs_outline{ 
	display:inline-block;
	min-width:45px;
	height:34px;
	margin:0 0;
	padding:0 8px;
	color:#777;
	font-size:0.85rem;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
	border:1px solid #c1bfbf;
	background:#fff;
}
.buttonC_xs_outline:hover{ 
	color:#fff;
	border:1px solid #848383;
	background:#848383;
}

.buttonPrint{
	padding-left:2.1rem;
	background-image:url(/images/commons/icon_print.png);
	background-position:1.1rem 16px;
	background-repeat:no-repeat;
}
.buttonPrint:hover{
	background-position:1.1rem -155px;
}

.icon_nv{ display:inline-block;height:21px; font-size:.8em; background:#55aaea; border:0px; color:#fff; cursor:pointer; border-radius: 3px;}
.icon_nv a{ display:inline-block;padding:5px;color:#fff !important}
.icon_mod{ display:inline-block;height:21px; font-size:.8em; background:#afafaf; border:0px; color:#fff; border-radius: 3px;}
.icon_mod a{ display:inline-block;padding:5px;color:#fff !important}
.icon_end{ display:inline-block;height:21px; color:#fff; font-size:.8em; background:#f7b47f; border:0px; color:#fff; border-radius: 3px;}
.icon_add{ display:inline-block;height:21px; font-size:.8em; background:#55aaea; border:0px; color:#fff; cursor:pointer; border-radius: 3px;}
.icon_add a{ display:inline-block;padding:5px;color:#fff !important}
.icon_can{ display:inline-block;height:21px; font-size:.8em; background:#afafaf; border:0px; color:#fff; cursor:pointer; border-radius: 3px;}
.icon_can a{ display:inline-block;padding:5px;color:#fff !important}
.icon_mod2{ display:inline-block;height:21px; font-size:.8em; background:#849AE2; border:0px; color:#fff; cursor:pointer; border-radius: 3px;}
.icon_mod2 a{ display:inline-block;padding:5px;color:#fff !important}
.icon_del{ display:inline-block;height:21px; font-size:.8em; background:#F58F9F; border:0px; color:#fff; cursor:pointer; border-radius: 3px;}
.icon_del a{ display:inline-block;padding:5px;color:#fff !important}

.btn1,.btn1_2{ height:20px; margin:0 1px; font-size:.8em; background:#55aaea; border:0px; color:#fff; cursor:pointer; font-size:11px;
	border-radius: 3px;
	}
	
.btn1_3{ height:25px; margin:0 1px; font-size:.8em; background:#55aaea; border:0px; color:#fff; cursor:pointer; font-size:11px;
	border-radius: 3px;
	}
.btn2{
	display:inline-block;
	min-width:135px;
	height:58px;
	margin:0 0.2rem;
	padding:0 20px;
	color:#fff;
	font-size:1.05rem;
	text-align:center;
	vertical-align:middle;
	line-height:56px;
	border:1px solid #084490;
	background:#084490;
}
.btn2:hover{
	color:#fff;
	border:1px solid #468ce4;
	background:#468ce4;
}
.btn3{
	display:inline-block;
	min-width:135px;
	height:58px;
	margin:0 0.2rem;
	padding:0 20px;
	color:#000;
	font-size:1.05rem;
	text-align:center;
	vertical-align:middle;
	line-height:56px;
	border:1px solid #eaeaea;
	background:#eaeaea;
}
.btn3:hover{
	color:#fff;
	border:1px solid #848383;
	background:#848383;
}

.btn4{ height:30px; margin:0 1px; padding:10px 30px; font-size:.8em; background:#55aaea; border:0px; color:#fff; cursor:pointer; font-size:13px;
	border-radius: 3px;
	}
	
.btn5{ height:30px; margin:0 1px; padding:10px 30px; font-size:.8em; background:#55aaea; border:0px; color:#fff; cursor:pointer; font-size:13px;
	border-radius: 3px;
	}
	
.btn6{ 
	display:inline-block;
	min-width:135px;
	height:58px;
	margin:0 0.2rem;
	padding:0 20px;
	color:#000;
	font-size:1.05rem;
	text-align:center;
	vertical-align:middle;
	line-height:56px;
	border:1px solid #cecece;
	background:#eaeaea;
}
.btn7{ 
	display:inline-block;
	min-width:95px;
	height:49px;
	margin:0 0;
	padding:0 20px;
	color:#000;
	font-size:0.9rem;
	text-align:center;
	vertical-align:middle;
	line-height:46px;
	border:1px solid #eaeaea;
	background:#eaeaea;
}
@media(max-width:576px){
	.btn7{
		min-width:70px;
		height:41px;
		line-height:37px;
	}
}
.btn8{ height:14px; margin:0 auto; padding:5px 5px; font-size:.8em; background:#55aaea; border:0px; color:#fff !important; cursor:pointer; font-size:11px;
	border-radius: 3px;
	}
.btn9{ height:15px; margin:0 1px; padding:3px 4px; font-size:.8em; background:#55aaea; border:0px; color:#fff !important; cursor:pointer; font-size:11px;
	border-radius: 3px;
	}
	
.btn10{
	display:inline-block;
	min-width:135px;
	height:58px;
	margin:0 0.2rem;
	padding:0 20px;
	color:#fff;
	font-size:1.05rem;
	text-align:center;
	vertical-align:middle;
	line-height:56px;
	border:1px solid #084490;
	background:#084490;
}
.btn10:hover{
	color:#fff;
	border:1px solid #468ce4;
	background:#468ce4;
}
.btn11{
	display:inline-block;
	min-width:135px;
	height:58px;
	margin:0 0.2rem;
	padding:0 20px;
	color:#000;
	font-size:1.05rem;
	text-align:center;
	vertical-align:middle;
	line-height:56px;
	border:1px solid #eaeaea;
	background:#eaeaea;
}
.btn11:hover{
	color:#fff;
	border:1px solid #848383;
	background:#848383;
}


/*checkbox, radio
------------------------------------------------------------- */
/* Customize the label (the container) */
.listTable1 th .checkform,
.listType1 th .checkform {
    top: -11px;
}
.listTable1 td .checkform,
.listType1 td .checkform {
    top: -14px;
}

.checkform {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media(max-width:375px){
	/*아이폰에서 너비값이 줄어드는 부분 처리*/
	.checkform {
		min-width:30%;
	}
}
/* Hide the browser's default checkbox */
.checkform input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
[type=checkbox] ~ .checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 19px;
    width: 19px;
	margin-top:-8px;
    background-color: #dde0e2;
}

/* On mouse-over, add a grey background color */
.checkform:hover [type=checkbox] ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkform [type=checkbox]:checked ~ .checkmark {
    background-color: #dbbf68;
}

/* Create the checkmark/indicator (hidden when not checked) */
[type=checkbox] ~ .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkform [type=checkbox]:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkform input[type=checkbox] ~ .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkform [type=checkbox]:disabled ~ .checkmark {
    background-color: #ebebeb;
}

.checkform [type=checkbox]:checked:disabled ~ .checkmark {
    background-color: #a1c4e6;
}

/* Create a custom radio button */
.checkform [type=radio] ~ .checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 19px;
    width: 19px;
	margin-top:-8px;
    background-color: #dde0e2;
    border-radius: 50%;
}

.checkform [type=radio]:disabled ~ .checkmark {
    background-color: #ebebeb;
}

.checkform [type=radio]:checked:disabled ~ .checkmark {
    background-color: #a1c4e6;
}

/* On mouse-over, add a grey background color */
.checkform:hover [type=radio] ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkform [type=radio]:checked ~ .checkmark {
    background-color: #dbbf68;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkform [type=radio] ~ .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkform [type=radio]:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkform [type=radio] ~ .checkmark:after {
    top: 5px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
}


.fadeIn{
	animation-duration: 3s;
	-webkit-animation-name: fadeIn; 
    animation-name: fadeIn;
}
@keyframes fadeIn { 
    0% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
    } 
} 
.fadeOut{
	animation-duration: 0.6s;
	-webkit-animation-name: fadeOut; 
    animation-name: fadeOut;
}
@keyframes fadeOut { 
    0% { 
        opacity: 1; 
    } 
    100% { 
        opacity: 0; 
    } 
}
.fadeInUp{
	display:block;
	animation-duration: 0.6s;
	-webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp;
}
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
}

.borderBox{
	margin:0 auto;
	padding:0.7rem;
	background:url(/images/commons/boxBorder_01.gif) 0 0;
}
.borderBoxInner{
	position:relative;
	padding:3.5rem 3rem 3rem;
	font-size:2rem;
	font-weight:bold;
	text-align:center;
	word-break:keep-all;
	background-color:#fff;
}
.borderBoxInner:before{
	content:'';
	position:absolute;
	top:45px;
	left:50%;
	width:2.5rem;
	height:1px;
	margin-left:-1.25rem;
	background:#014296;
}
@media(max-width:576px){
	.borderBoxInner:before{
		top:38px;
	}
}