@charset "euc-kr";

/* SkipNavigation */
#skipNavigation{
	position: absolute;
	width: 100%;
	top: -200px;
	left: 0;
	margin: 0 auto;
	z-index: 9999;
}
#skipNavigation a{
	display: block;
	height: 35px;
	background-color: #1c80cc;
	color: #fff;
	text-align: center;
}
#skipNavigation a:active,
#skipNavigation a:focus{
	position: absolute;
	left: 0;
	top: 200px;
	width: 100%;
	color: #fff;
	background: #1c80cc;
	line-height: 35px;
	text-align: center;
	border-bottom:1px solid #dbdbdb;
	font-size: 16px;
}

/* clear Style */
.clearfix{
	zoom: 1;
}
.clearfix:after{
	content: '';
	display: block;
	float: none;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

/* Common Style */
legend, .blind{
	position: absolute;
	top: 0;
	height: 0;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}
caption{
	top: 0;
	height: 0;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}
table th{
	font-weight: 300
}
.ir{
	overflow: hidden;
	text-indent: -9999em;
}
.ir2{
	overflow: hidden;
	text-indent: 9999em !important;
}
.d_b{
	display: block
}
.show{
	display: block !important
}
.d_ib_m{
	display: inline-block;
	vertical-align: middle
}
.f_l{
	float: left
}
.f_r{
	float: right
}
.over_y_hidden{
	overflow-y: hidden;
}
.over_y_auto{
	overflow-y: auto
}

/* °£°Ý */
.m_mt10{
	margin-top: 10px
}
.mt20{
	margin-top:20px;
}

/* font, bg, color */
.fls_0-5{
	letter-spacing: -0.05em;
}
.fc_sky{
	color: #1897d8 !important;
}
.fc_sky2{
	color: #8dd2f4 !important;
}
.fc_gray{
	color: #b6c2cc !important;
}
.fc_default{
	color: #666666 !important;
}
.fw_400{
	font-weight: 400
}
.ta_left{
	text-align: left !important
}
.ta_center{
	text-align: center !important
}

/* width, padding, margin */
.wid_p100{
	width: 100%
}
.rsp_mg_b10{
	margin-bottom: 15px
}
.rsp_mg_b15{
	margin-bottom: 15px
}
.rsp_mg_b20{
	margin-bottom: 20px
}
.rsp_mg_b25{
	margin-bottom: 25px
}
.rsp_mg_b30{
	margin-bottom: 30px
}

/* button */
.btn_wrap{
	margin: 15px 0 12px
}
.btn_wrap .right button,
.btn_wrap .right a{
	width: 100%
}
.btn_wrap .right{
	margin-top: 15px;
}
.btn1{
	display:block;
	height: 40px;
	font-weight: 400;
	text-align: center;
	line-height: 40px
}
.btn1:hover,
.btn1:focus{
	text-decoration: underline
}
.bt_darkblue1{
	color: #fff;
	background-color: #221d6c;
}
.btn_more{
	display: block;
	width:48px;
	font-size: 0.75em
}
.btn_more .is_ico.isi_more1{
	display: inline-block;
	margin: 0 2px 1px;
}
button .is_ico{
	margin-left: auto;
	margin-right: auto
}

/* ÀÎDz ½ºÅ¸ÀÏ */
.input_box {position:relative; display:inline-block; height:28px; border:1px solid #767983; background-color:#fff; padding-top:0;}
.input_box.block,
.input_box.m_block{display:block;}
.input_box.bor_none {border:0 none;}
.input_box.imp {border-color:#f68026;}
.input_box * {vertical-align:middle;}
.input_box .input_wrap {display:block; height:100%; padding:0 0 0 10px; *display:inline-block;}
.input_box .input_wrap.center {padding-left:0;}
.input_box .input_wrap.center input {text-align:center;}
.input_box .input_wrap input[type=text],
.input_box .input_wrap input[type=file],
.input_box .input_wrap input[type=password],
.input_box .input_wrap input[type=date] ,
.input_box .input_wrap input[type=time] {width:100%; font-size:14px; color:#606060; height:27px; line-height:27px; padding:0; border:0 none; vertical-align:middle; background:transparent;}

.input_box.disabled {position:relative; border-color:#ccc !important; background-color:#ededee;}
.input_box input[disabled] {color:#b6b6b6; background:#ededee;}

.reset_input{
	position: relative;
}
.reset_input .input_wrap{
	margin-right: 30px
}
.reset_input .sch_reset{
	position: absolute;
	top: -1px;
	right: -1px;
	width: 30px;
	height: 30px
}

/* ¼¿·ºÆ®¹Ú½º ½ºÅ¸ÀÏ */
/* SelectBox styles */
.select_box {display:inline-block; font-size:14px; text-align:left; border:solid 1px #767983;}
.select_box.block,
.select_box.m_block{display:block;}
.select_box .ui-selectBox {border:0 none;}
.select_box .select2-container {width:auto !important; display:block;}
.select_box .select2-container--default .select2-selection--single {border:0 none; border-radius:0; height:28px;}
.select_box .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:28px;}
.select_box .select2-container--default .select2-selection--single .select2-selection__arrow {height:26px;}
.select_box .select2-container--default .select2-selection--single .select2-selection__arrow b{display:block; width:18px; height:10px; border:0 none; margin:-5px 0 0 -9px; top:50%; left:50%; background:url('../images/common/icon_select_open.png') center center;}
.select_box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border:0 none;background:url('../images/common/icon_select_close.png') center center;}

/* image */
.is_ico{
	display: block;
	background: url('../images/mobile/basic/is_ico@x2.png') no-repeat;
	text-indent: -9999em;
	overflow: hidden
}
.is_ico{
	background-size: 320px auto
}
.is_ico.isi_faq{
	width: 17px;
	height: 15px;
	background-position: 0 0;
	margin: 0 auto
}
.is_ico.isi_contact{
	width: 15px;
	height: 15px;
	background-position: -19px 0;
	margin: 0 auto
}
.is_ico.isi_close1{
	width: 15px;
	height: 15px;
	background-position: -36px 0
}
.is_ico.isi_close2{
	width: 15px;
	height: 15px;
	background-position: -170px 0
}
.is_ico.isi_close3{
	width: 15px;
	height: 15px;
	background-position: -216px 0
}
.is_ico.isi_more1{
	width: 4px;
	height: 5px;
	background-position: -52px 0;
}
.is_ico.quot_mark1{
	width: 22px;
	height: 17px;
	background-position: -58px 0;
}
.is_ico.quot_mark2{
	width: 22px;
	height: 17px;
	background-position: -81px 0;
}
.is_ico.isi_store{
	width: 35px;
	height: 30px;
	background-position: 0 -17px;
}
.is_ico.isi_cart{
	width: 43px;
	height: 30px;
	background-position: -36px -17px;
}
.is_ico.isi_home{
	width: 15px;
	height: 15px;
	background-position: -105px 0;
}
.is_ico.isi_reset{
	width: 12px;
	height: 12px;
	background-position: -186px 0;
	margin: 0 auto
}
.is_ico.isi_search{
	width: 14px;
	height: 14px;
	background-position: -200px 0;
}
.is_ico.isi_file1{
	width: 18px;
	height: 18px;
	background-position: -82px -18px;
	margin: 0 auto
}
.is_ico.isi_prev2{
	width: 13px;
	height: 13px;
	background-position: -122px 0;
}
.is_ico.isi_prev1{
	width: 7px;
	height: 13px;
	background-position: -137px 0;
}
.is_ico.isi_next1{
	width: 7px;
	height: 13px;
	background-position: -146px 0;
}
.is_ico.isi_next2{
	width: 13px;
	height: 13px;
	background-position: -156px 0;
}
/* dex */
.dex2 > li{
	float: left;
	width: 50%
}
.dex3 > li{
	float: left;
	width: 33.33333333333333%
}
.dex4 > li{
	float: left;
	width: 25%
}
.dex5 > li{
	float: left;
	width: 20%
}

/* device view */
.tb_cell{
	display: none
}
.m_dis_none,
.m_dis_none2{
	display: none
}
.m_dis_block,
.m_dis_block2,
.w768_dis_block{
	display: block
}

@media all and (min-width:768px) and (max-width:1023px){
	.m_dis_none{
		display: block
	}
	.m_dis_block,
	.m_dis_none2{
		display: none
	}
	.m_dis_block2{
		display: block
	}
}

@media all and (min-width:1024px){
	.m_dis_none,
	.m_dis_none2{
		display: block
	}
	.m_dis_block,
	.m_dis_block2{
		display: none
	}
	
	/* °£°Ý */
	.m_mt10{
		margin-top: 0
	}
	/* image */
	.is_ico{
		background: url('../images/pc/basic/is_ico.png') no-repeat
	}
	.is_ico.isi_close3{
		width: 15px;
		height: 15px;
		background-position: -157px 0
	}
	.is_ico.isi_more1{
		width: 4px;
		height: 5px;
		background-position: 0 0;
		margin: 0 auto
	}
	.is_ico.quot_mark1{
		width: 28px;
		height: 22px;
		background-position: -8px 0;
	}
	.is_ico.quot_mark2{
		width: 28px;
		height: 22px;
		background-position: -40px 0;
	}
	.is_ico.isi_store{
		width: 49px;
		height: 42px;
		background-position: 0 -26px;
	}
	.is_ico.isi_cart{
		width: 62px;
		height: 41px;
		background-position: -53px -26px;
	}
	.is_ico.isi_home{
		width: 18px;
		height: 18px;
		background-position: -116px -26px;
	}
	.is_ico.isi_reset{
		width: 12px;
		height: 12px;
		background-position: -141px -1px;
		margin: 0 auto
	}
	.is_ico.isi_file1{
		width: 23px;
		height: 22px;
		background-position: -72px 0;
		margin: 0 auto
	}
	.is_ico.isi_prev2{
		width: 9px;
		height: 9px;
		background-position: -97px -3px;
	}
	.is_ico.isi_prev1{
		width: 5px;
		height: 9px;
		background-position: -110px -3px;
	}
	.is_ico.isi_next1{
		width: 5px;
		height: 9px;
		background-position: -119px -3px;
	}
	.is_ico.isi_next2{
		width: 9px;
		height: 9px;
		background-position: -128px -3px;
	}
	/* ÀÎDz ½ºÅ¸ÀÏ */
	.input_box {height:38px;}
	.input_box.m_block{display:inline-block;}
	.input_box .input_wrap input[type=text],
	.input_box .input_wrap input[type=file],
	.input_box .input_wrap input[type=password],
	.input_box .input_wrap input[type=date] ,
	.input_box .input_wrap input[type=time] {height:37px; line-height:37px;}

	.reset_input .input_wrap{
		margin-right: 40px
	}
	.reset_input .sch_reset{
		position: absolute;
		top: -1px;
		right: -1px;
		width: 40px;
		height: 40px
	}

	/* ¼¿·ºÆ®¹Ú½º ½ºÅ¸ÀÏ */
	/* SelectBox styles */
	.select_box.m_block{display:inline-block;}
	.select_box .select2-container--default .select2-selection--single {border:0 none; border-radius:0; height:38px;}
	.select_box .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:38px;}
	.select_box .select2-container--default .select2-selection--single .select2-selection__arrow {height:36px;}

	/* button */
	.btn_wrap{
		height: 48px;
		margin-bottom: 20px
	}
	.btn_wrap .right{
		float: right;
	}
	.btn_wrap .right button,
	.btn_wrap .right a{
		width: auto
	}
	.btn_wrap .right button,
	.btn_wrap .right a{
		margin-left: 16px
	}
	.btn_wrap .right{
		margin-top: 0
	}
	.btn1{
		width: auto;
		padding: 0 36px;
		height: 48px;
		line-height: 48px
	}
	.btn_wrap button,
	.btn_wrap a{
		margin-top: 0;
	}

	colgroup .tb_cell{
		display:table-column;
	}
	.tb_cell{
		display: table-cell
	}
}

@media all and (min-width:1200px){
}

.btn_wrap:after,
.input_box :after,
.dex3:after,
.dex4:after,
.dex5:after{
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	overflow: hidden
}