@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&subset=korean');


.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}

/* table */
table{
	border-collapse: collapse;
    border-spacing: 0;	
}
.table_type_1 table {table-layout:fixed; width:100%; border-top:2px solid #333;}
.table_type_1 table thead tr {background-color:#f8f8f8;}
.table_type_1 table thead tr th {padding:10px; font-family:"NotoSansKR Bold"; font-size:14px; border:1px solid #eee; border-bottom:none;}
.table_type_1 table thead tr th:first-child {border-left:none;}
.table_type_1 table thead tr th:last-child {border-right:none;}
.table_type_1 table tbody tr td {padding:10px; font-size:14px; color:#666; text-align:center; border:1px solid #eee;}
.table_type_1 table tbody tr td:first-child {border-left:none; border-right: 1px solid #eee;}
.table_type_1 table tbody tr td:last-child {border-right:none;}
.table_type_1 table tbody tr td.b {font-family:"NotoSansKR Bold"; color:#333;}
.table_type_1.va_top table tbody tr td { vertical-align: top; text-align: left; }
.g_inquiry .sub_content .c_center_box .f_style1{width: 350px;	}
.g_inquiry .sub_content .c_center_box .f_style2{width: 166px;	}
.g_inquiry .sub_content .c_center_box .f_style4{width: 100px;	}
.g_inquiry .sub_content .c_center_box .f_style6{resize: none;height: 170px;	}
input[type="text"], input[type="password"], input[type="number"], textarea{
	width: 100%;
    height: 100%;
    padding: 6px 5px;
    font-size: 12px;
    color: #444;
    vertical-align: middle;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: normal;	
}


/*고객센터 -  일반문의*/
.g_inquiry .sub_content .c_center_box{position:relative; padding-bottom:30px;}
.g_inquiry .sub_content .c_center_box:after{content:''; display:block; clear:both;}
.g_inquiry .sub_content .c_center_box h3{
	font-size:25px; 
	color:#333; 
	padding-bottom:15px; 
	text-align:left;
	font-weight:bold!important
}
.g_inquiry .sub_content .c_center_box .info_txt{font-size:14px; color:#666; position:absolute; right:0; top:10px;}
.g_inquiry .sub_content .c_center_box .info_txt .txt_style{font-size:14px; vertical-align: top;}
.g_inquiry .sub_content .c_center_box .check_point{
	position:absolute; 
	top:0;
	left:-25px; 
	display:inline-block; 
	width:20px; 
	height:20px; 
	background:url("../images/check_point.png") 50% 50% no-repeat;
}
.g_inquiry .sub_content .c_center_box table{ width:100%; border-top:2px solid #333;}
.g_inquiry .sub_content .c_center_box table th{ 
	border-right:1px solid #ddd; 
	background:#f7f7f7; 
	padding:0 40px; 
	font-size:14px; 
	line-height: 58px;
	text-align:left; 
	 height: 58px;
}
.g_inquiry .sub_content .c_center_box table th.th_style{vertical-align:top; /*padding-top:20px;*/}
.g_inquiry .sub_content .c_center_box table th.no_border{border-right: none;}
.g_inquiry .sub_content .c_center_box table th.center{text-align: center;}
.g_inquiry .sub_content .c_center_box table th label{ 
	font-size:14px; 
	position:relative; 
	color:#222; 
	font-weight:normal;
}
.g_inquiry .sub_content .c_center_box table th .label{ position:relative; font-size:14px; color:#333;}
.g_inquiry .sub_content .c_center_box table td{padding:12px 20px 12px 20px; font-size:14px; color:#666; line-height:20px; text-align:left;}
.g_inquiry .sub_content .c_center_box table td.bo_right {border-right: 1px solid #ddd;}
.g_inquiry .sub_content .c_center_box table tr{border-bottom:1px solid #ddd!important;}
.g_inquiry .sub_content .c_center_box .select{display:inline-block; height: 32px; box-sizing:border-box; margin-top:-3px; vertical-align:middle; margin-left:10px;}
.g_inquiry .sub_content .c_center_box .select.type1{margin-left:0;}
.g_inquiry .sub_content .c_center_box .selectBox {padding:0;}
.g_inquiry .sub_content .c_center_box .selectBox-dropdown {min-width:130px;}
.g_inquiry .sub_content .c_center_box .selectBox-dropdown .selectBox-label {height:32px; width:125px !important; overflow: hidden;box-sizing:border-box; line-height: 32px; }
.g_inquiry .sub_content .c_center_box .selectBox-dropdown .selectBox-arrow:before{margin-top:10px; }
.g_inquiry .sub_content .c_center_box .selectBox-options li a{height:33px; line-height:33px;}
.g_inquiry .sub_content .c_center_box .form_style{height:34px; padding-left:15px; border:1px solid #ddd;  font-size:14px; line-height:20px;}
.g_inquiry .sub_content .c_center_box .f_style3.with_name{width:130px;}
.g_inquiry .sub_content .c_center_box .f_style6{resize:none; height:170px;}
.g_inquiry .sub_content .c_center_box .f_style7{width:270px;  margin-right:10px}
.g_inquiry .sub_content .c_center_box .f_style8{width:270px; margin-left:10px}
.g_inquiry .sub_content .c_center_box .f_style8.with_name{width:300px; margin-left:0;}
.g_inquiry .sub_content .c_center_box .f_style9{width:270px;}
.g_inquiry .sub_content .c_center_box .radio label{font-size:14px; padding-right:10px;}
.g_inquiry .sub_content .c_center_box .security_code{width:130px; height:35px; line-height:35px; font-size:20px; background:#ddd; display:inline-block; text-align:center;}
.g_inquiry .sub_content .c_center_box .form_p_btn{height:34px; padding:0 15px; background:#999; color:#fff; font-size:14px; margin-left:10px; vertical-align: bottom;}
.g_inquiry .sub_content .c_center_box .count_box{position:relative;}
.g_inquiry .sub_content .c_center_box .count_num{position:absolute; right:20px; bottom:19px; font-size:14px;}
.g_inquiry .sub_content .c_center_box .count_num span{
	color:#0c4da2; 
	font-size:14px;
	vertical-align:top;
}
.g_inquiry .sub_content .c_center_box .info_txt_box{width:100%; height:195px; overflow:auto; border:1px solid #ddd; text-align:left; padding:10px 20px; font-size:14px; color:#666; box-sizing:border-box; line-height:1.6}
.g_inquiry .sub_content .c_center_box .info_txt_box.with_name{height:160px; padding:30px 35px 20px ; color:#333; line-height:23px;}
.g_inquiry .sub_content .c_center_box .info_txt_box.with_name span{ 		
	display:block; 
	font-size:14px; 
	line-height:23px; 
	font-weight:bold;
  }
.g_inquiry .sub_content .c_center_box .checkbox {padding:20px; float:right;}
.g_inquiry .sub_content .c_center_box .checkbox span{font-size:14px;}
.g_inquiry .sub_content .c_center_box .checkbox label{ 
	font-size:14px; 
	margin-left:20px;
}
.g_inquiry .sub_content .c_center_box .notice_txt_s{display:inline-block; margin-left:10px;}
.g_inquiry .sub_content .c_center_box .notice_txt_s li{color:#1b2e5a; font-size:12px; line-height:18px;}
.g_inquiry .sub_content .c_center_box .notice_txt_s li:before{content:'* ';}
.g_inquiry .sub_content .btn_style_wrap{text-align: center; clear:both;}
.g_inquiry .sub_content .btn_style_wrap .btn{font-size:15px; padding:0 35px; height: 40px; line-height: 40px;}
.g_inquiry .sub_content .btn_style_wrap .btn1{ border:1px solid #999; background:#fff; margin-right:10px;}
.g_inquiry .sub_content .btn_style_wrap .btn2{ 
	border:1px solid #0c4da2; 
	background:#0c4da2; 
	color:#fff; 
}
.file_box {width:400px; overflow:hidden; display:inline-block; }
.file_input_tb{float:left; height:35px; width:365px; margin-right:10px; position:relative;}
input.file_input_tb{ background-color:#ddd; border: none; width:270px; height:34px;}
.file_input_div{display:inline-block; width:270px; text-align:center; }
.file_input_button{
	height:34px; 
	padding: 0 19px;  
	background-color:#afafaf; 
	color:#fff!important; 
	border:none; 
	position:absolute; 
	top:0; 
	right:0; 
	z-index:1; 
	cursor: pointer;
	font-size:14px;
}
.file_input_hidden{overflow:hidden; display:none; position:absolute; left:-9999em; width:83px;  height:30px; font-size:45px; opacity:0;  filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0;}

/* select box */
.select {display:block; position:relative; z-index:1; min-width:120px; text-align:left; background-color:#fff;}
.select > a {
	display:block; 
	overflow:hidden; 
	padding:0 15px; 
	line-height:40px; 
	font-size:14px; 
	color:#666; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-break:break-all; 
	border:1px solid #ddd; 
	background:url(../images/arrow1.png) no-repeat right 10px center;
}
.select > a:before {
	display:inline-block; 
	content:""; 
	position:absolute; 
	top:50%; 
	right:30px; 
	margin-top:-7px; 
	width:1px; 
	height:14px; 
	background-color:#ddd;
}
.select ul {
	display:none; 
	position:absolute; 
	top:42px; 
	left:0; 
	width:100%; 
	background-color:#fff;
}
.select ul li {border:1px solid #ddd; border-top:0;}
.select ul li a {
	display:block; 
	overflow:hidden; 
	padding:7px 15px; 
	font-size:14px; color:#666; 
	line-height:30px; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-break:break-all;
}
.select ul li a:focus,
.select ul li a:hover {color:#fff; background-color:#0c4da2;}

table .select > a{line-height:32px;}
table .select{width: 170px;}
.utility .select > a{line-height:30px;}
.g_inquiry .sub_content .c_center_box .select ul {top:34px; }
.g_inquiry .sub_content .c_center_box .select ul li a{padding:0 15px; }

.selectBox-dropdown {min-width:120px; border-radius:0; background:none; background-color:#fff;}
.selectBox-dropdown .selectBox-label {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  word-break:break-all; background-color:#fff;}
.selectBox-dropdown .selectBox-arrow {background-color:#fff;}
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {}
.selectBox-dropdown-menu {}
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {}
.selectBox-options li.selectBox-selected a {}

.select .selectBox.selectBox-dropdown{border: 1px solid #ddd;}
.select .selectBox-dropdown {min-width:120px; border-radius:0; }
.select .selectBox-dropdown .selectBox-label {overflow:hidden; height:38px; line-height:38px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; background-color:#fff;}
.select .selectBox-dropdown .selectBox-arrow { width: 38px; background-color:#fff; background-image: url(/ko/pc/assets/images/common/arrow1.png);  background-position:center center; border-left:none;}
.select .selectBox-dropdown .selectBox-arrow:before{content:''; border-left:1px solid #ddd; margin-top:12px; display:inline-block; height: 15px; }
.select .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow { background-image: url(images/arrow2.png); background-position:center center;}
.select .utility .selectBox-dropdown .selectBox-label {width: 190px !important;}
.select .utility .selectBox.selectBox-dropdown{width: 230px !important;}
.selectBox-options li a{padding:6px 7px; font-size:14px; border-bottom:1px solid #ddd; }
.selectBox-options li a:hover{background:#1b2e5a; color:#fff;}
.selectBox-options li.selectBox-selected a{background:#1b2e5a; color:#fff;}
.selectBox-dropdown-menu{box-shadow:none; -webkit-box-shadow:none; border:1px solid #ddd; }

.select.type1 .selectBox-dropdown .selectBox-label {height: 34px; line-height: 34px; }
.select.type1 .selectBox-options li a {border-bottom:1px solid #ddd; }
.select.type1 .selectBox-options li a{height:34px; line-height:34px;}
.select.type1 .selectBox-dropdown .selectBox-arrow:before{margin-top:10px;}



/* btn_style  */
.btn_style1 {display: inline-block; width: 110px; height: 40px; position:relative; background: #fff; border: 1px solid #797979; line-height: 40px;}
.btn_style1 span{padding-left: 27px; font-size: 15px; color:#555;}
.btn_style1 span:after{ content:'';  width: 7px;  height: 7px; position:absolute; right: 25px; top: 13px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(45deg)}
.btn_style2{ display: inline-block; width: 135px; height: 50px; position:relative; background: #fff; border: 1px solid #797979;  text-align: center; line-height: 50px;}
.btn_style2 span{font-size: 15px; color:#555;}
.btn_style2 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 28px; top: 21px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}
.btn_style3 {display: inline-block; width: 95px; height: 30px; border-radius:20px; position:relative; border: 1px solid #797979; line-height: 30px;}
.btn_style3 span{ padding-left: 20px; font-size: 13px; color:#555;}
.btn_style3 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 17px; top: 12px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}
.btn_style4 {display: inline-block; padding:8px 35px 9px ; text-align: center; border: 1px solid #bbb; }
.btn_style4 span{ font-size: 15px; color:#555;}
.btn_style5 {display:inline-block; padding:15px 50px;  background:#1b2e5a;  text-align: center; transition:0.5s;}
.btn_style5 span{font-size: 18px; color:#fff;}
.btn_style6 {display:inline-block; padding:8px 10px 8px 20px; border:1px solid #ddd;}
.btn_style6 span {font-size:12px; color:#333;}
.btn_style6 span:after {display:inline-block; content:""; margin-left:5px; width:4px; height:4px; vertical-align:middle; border-right:1px solid #777; border-bottom:1px solid #777; transform:rotate(-45deg);}
.btn_style7 {position:relative; display:inline-block; padding:8px 24px 8px 20px; font-size:12px; color:#333; border:1px solid #ddd;}
.btn_style7:after {position:absolute; top:50%; right:10px; display:inline-block; content:""; width:4px; height:4px; border-right:1px solid #777; border-bottom:1px solid #777; transform:translate(0, -50%) rotate(-45deg);}
.btn_style8{display:inline-block; height: 40px; padding:9px 35px;  background: #1e305c;  text-align: center; transition:0.5s; }
.btn_style8 span{font-size: 15px; color:#fff;}
.btn_style8:hover,
.btn_style5:hover{background:#1e305c;}


/* Checkbox & radio */
@-webkit-keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#3e97eb;}}
@keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#3e97eb;}}
input[type="radio"],
input[type="checkbox"] {/*display:none;*/ position:absolute; opacity:0;}
/*input[type="radio"]:focus,*/
/*input[type="checkbox"]:focus {width:20px; height:20px; border:1px dashed #ddd; }*/
input[type="radio"][disabled],
input[type="checkbox"][disabled] {cursor:not-allowed;}
input[type="radio"] + label,
input[type="checkbox"] + label {
	display:inline-block; 
	position:relative; 
	padding-left:30px; 
	line-height:18px; 
	vertical-align:middle; 
	cursor:pointer; 
	outline:0;
}
input[type="radio"] + label:focus,
input[type="checkbox"] + label:focus {outline:0; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
input[type="radio"] + label:hover:before,
input[type="checkbox"] + label:hover:before {animation-duration:0.4s; animation-fill-mode:both; animation-name:hover-color;}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
	display:inline-block; 
	content:''; 
	position:absolute; 
	top:0; left:0; 
	width:20px; 
	height:20px; 
	border:1px solid #dfdfdf; 
	box-sizing:border-box;
}
input[type="radio"] + label:after,
input[type="checkbox"] + label:after {display:none; position:absolute; content:'';}
input[type="radio"][disabled] + label,
input[type="checkbox"][disabled] + label {cursor:not-allowed; color:#e4e4e4; }
input[type="radio"][disabled] + label:hover,
input[type="radio"][disabled] + label:before,
input[type="radio"][disabled] + label:after,
input[type="checkbox"][disabled] + label:hover,
input[type="checkbox"][disabled] + label:before,
input[type="checkbox"][disabled] + label:after {cursor:not-allowed; border-color:#bbb; }
input[type="radio"][disabled] + label:hover:before,
input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4;}
input[type="radio"][disabled] + label:before,
input[type="checkbox"][disabled] + label:before {border-color:#e4e4e4;}
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {animation-name:none;}
input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {display:block; }
input[type="radio"][disabled] + label:hover:before,
input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4; animation-name:none;}
input[type="radio"] + label:before {border-radius:50%;}
input[type="radio"] + label:after {top:5px; left:5px; width:10px; height:10px; border-radius:50%; background:#1b2e5a;}
input[type="radio"]:checked + label:before {border:1px solid #dfdfdf;}
input[type="radio"]:checked[disabled] + label:before {border:1px solid #e3e3e3;}
input[type="radio"]:checked[disabled] + label:after {background:#eee;}
input[type="checkbox"] + label:before {border-radius:0;}
input[type="checkbox"] + label:after {top:3px; left:6px; width:6px; height:12px;  border-style:solid; border-color:#1b2e5a; border-top:0; border-left:0; transform:rotate(45deg); -ms-transform:rotate(45deg);}
input[type="checkbox"]:checked + label:before {border:1px solid #cdcdcd; background:#fff;}
input[type="checkbox"]:checked[disabled] + label:before {border:1px solid #e3e3e3; background:#eee;}

input[type="radio"]:focus + label,
input[type="checkbox"]:focus + label {/*box-shadow:0 0 2px #4d90fe; border-collapse: separate;*/}



.inquiry_info {padding: 50px 100px; margin-bottom: 30px; background: #fafafa url("../images/inquiry_img.png") right 100px center no-repeat;}
.inquiry_info li {font-size: 18px; line-height: 23px; padding-bottom: 15px; }
.inquiry_info li:last-child {padding-bottom: 0px;}
.inquiry_info li span {display: inline-block; color: #666666; width: 125px;position: relative; padding-left: 15px}
.inquiry_info li span:after {content: ''; width: 1px; height: 15px; background: #333; position: absolute; right: 20px; top: 5px;}
.inquiry_info li span:before {content: ''; width: 5px; height: 5px; border-radius: 50%; background: #333; position: absolute; left: 0px; top: 10px;}

.radioCont li {width: 33%; float: left; padding-bottom: 15px}
.radioCont li:nth-child(13) {padding-bottom: 5px;}
/*.radioCont li:last-child {width: 100%; padding-bottom: 0px}*/


.frm_info{ color:#e73221; font-size:14px; font-weight:bold; margin-top:5px; display:block;}
.filebox{ width: 100%;overflow: hidden;margin-bottom: 20px;}
.filebox .file_wr{width:100%; display:inline-block;}
.filebox > div.file_wr:nth-of-type(3){ float:right;}
.filebox .file_wr input{width: calc(100% - 135px); color:#aaa; height: 38px;
    padding-left: 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 20px;}
.filebox .file_wr label{display: inline-block; padding: 0 20px;vertical-align: top;color: #fff;width:130px;box-sizing: border-box;color: #fff;background: none;height: 38px;line-height: 38px; font-size: 13px; background: #777;}
.filebox input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}