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

html {position: relative; height: 100%; font-size:10px; -webkit-tap-highlight-color: rgba(0,0,0,.2); tap-highlight-color: rgba(0,0,0,.2);}
body {
	height:100%; 
	padding:0;
	margin:0;
	font-family: "Nanum Gothic",-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
	font-size:1.4rem;
	font-weight:400;
	line-height: 1.6;
	color:#000;
}
a,a:hover,a:focus{color:inherit; text-decoration: none; box-sizing: border-box;}
a:hover{text-decoration: underline;}
h1,h2,h3,h4,h5,h6{font-weight:700; margin:0; padding:0;}
h2{font-size:2.8rem;}
h3{font-size:2.4rem;}
h4{font-size:2rem;}
h5{font-size:1.8rem;}
h6{font-size:1.6rem;}

form{margin:0; padding:0;}
div, ul, ol, li{box-sizing: border-box;}
ul,li,ol{list-style: none; margin:0; padding:0;}
ul, ol{margin:10px 0;}
li{margin:5px 0; }
p{line-height:1.6; margin:0.5em 0; /*word-break: keep-all; word-wrap:break-word;*/}
label{font-weight:inherit;}

button,
input[type="button"]{box-sizing: border-box; outline: none; font-family: inherit; font-size: inherit; height: 34px; padding:2px 10px; word-break: keep-all; word-wrap: break-word;}
button:hover,
input[type="button"]:hover{cursor:pointer;}
button:focus, button:active{}

input[type="text"],
input[type="tel"],
input[type="password"]{outline:none; box-sizing: border-box; font-family: inherit; height:34px; padding:4px 5px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s;
	-webkit-transition: background-color 5000s;
	-webkit-text-fill-color: inherit !important;
}

select{
	height:34px;
	font-family: inherit;
	outline: none;
	padding: 4px 20px 4px 5px;
	box-sizing: border-box;
	background:#fff url("../images/selectbtn.png") no-repeat right 5px top 50%; 
	background-size:12px;
	font-size:inherit;
	color:inherit;
	border: 1px solid #b4b4b4;
	border-radius: 0px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand { display: none;}

textarea{outline:none; box-sizing: border-box; font-family: inherit; height: 200px; padding:4px 5px;}

.form_control{
	font-size:inherit; border-radius:0; border:1px solid #b4b4b4; color:inherit;
	-webkit-box-shadow:0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 rgba(255,255,255,0); 
	-webkit-transition: border 0.2s; transition: border 0.2s; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.form_control:focus{
	border:1px solid #1382de; 
	-webkit-box-shadow:0 0 0 rgba(255,255,255,0); box-shadow:0 0 0 rgba(255,255,255,0);}

.form_control[readonly] {border:1px solid #b4b4b4;}

/*placeholder 색상 변경*/
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b4b4b4;
    opacity: 1; /* Firefox */
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b4b4b4;
}
input::-ms-input-placeholder { /* Microsoft Edge */
    color: #b4b4b4;
}

input[type="checkbox"],
input[type="radio"]  {accent-color: #0065d1;}

.starc:after{content:"*"; color:#ca2d35;}

/*버튼 스타일*/
.btnsty02{background:#0065d1; border:0; color:#fff; -webkit-transition: background 0.2s; transition: background 0.2s;}
.btnsty02:hover, 
.btnsty02:focus{background:#006cdf; color:#fff;}
.btnsty02:active{background:#0060c7;}

.btnsty03{background:#505050; border:0; color:#fff; -webkit-transition: background 0.2s; transition: background 0.2s;}
.btnsty03:hover, 
.btnsty03:focus{background:#5a5a5a; color:#fff;}
.btnsty03:active{background:#3c3c3c;}

/*하단 버튼*/
.botbtn_box{width:100%; margin:25px 0; text-align: center;}
.botbtn_box button{width:130px; height: 50px; min-width:80px; display:inline-block; font-weight: 700; font-size:1.6rem; margin:5px;}


/*본문*/
.contents{width:100%; min-height: 500px;}
.contents_in{width:100%; max-width: 960px; margin:0 auto; padding: 60px 15px 120px;}
.tit_box{width:100%; text-align: center;;}
.tit_box h2{font-size:2.8rem; line-height:1.2; word-break: keep-all; word-wrap: break-word;}

.info_box_1{background-color: #fff; border:1px solid #646464; padding:20px 10px; margin:20px 0;}
.info_box_2{background-color: #dcdcdc; border:1px solid #b4b4b4; padding:20px 10px; margin:20px 0;}

.inbox_sty_1{background-color: #e2e9ff; padding:10px; border:1px solid #9aa4c5;}
.inbox_sty_1 .inline_list{display: inline-block; margin-right:10px;}

.txt_sty_0{font-weight: 700; font-size:1.6rem; margin:5px 0;}
.txt_sty_1{padding-left:12px; text-indent: -12px; margin:5px 0;}
.txt_sty_2{padding-left:28px; text-indent: -12px; margin:5px 0;}


/*테이블 스타일*/
.tbl_box{margin: 20px 0;}
.tbl_sty_1{width:100%; border-collapse: collapse; border-spacing: 0; word-break: keep-all; word-wrap: break-word;}
.tbl_sty_1 th, .tbl_sty_1 td{height:34px; padding:5px;}
.tbl_sty_1 th{background-color:#cdcdcd; border:1px solid #b4b4b4; text-align: center; font-weight: 400;}
.tbl_sty_1 td{border:1px solid #b4b4b4; background-color: #fff;}
.tbl_sty_1 .td_th{background-color:#ebebeb; text-align: center;}
.tbl_sty_1 a:hover{text-decoration: underline;}
.tbl_sty_1 label{display: inline-block;}

.add_infobox{padding:15px; }

.tbl_sty_2{width:100%; border-collapse: collapse; border-spacing: 0;}
.tbl_sty_2 th, .tbl_sty_2 td{height:34px; padding:5px;}
.tbl_sty_2 th{background-color:#ebebeb; border:1px solid #b4b4b4; text-align: center; font-weight: 400;}
.tbl_sty_2 td{border:1px solid #b4b4b4;}
.tbl_sty_2 .td_th{background-color:#ebebeb; text-align: center;}
.tbl_sty_2 a:hover{text-decoration: underline;}
.tbl_sty_2 label{display: inline-block; margin-right:8px;}


/*강조 텍스트*/
.txt_bol_1{font-weight:700; color:#0065d1;}
.txt_bol_2{font-weight:700; }


/*팝업 영역*/
.popup_open{overflow: hidden;}
.popup_box{background-color: rgba(0,0,0,.7); display:block; position:fixed; top:0; left:0; width:100%; height: 100vh; padding: 30px 20px; overflow-x: hidden; overflow-y: auto; z-index: 999; display: none;}
.popup_box .popup_inbox{margin:0 auto; width:100%; max-width: 640px; background-color: #fff; padding:10px 15px 30px;}
.popup_box .infopageimg{width:100%; display: block;}
.popup_box h3{font-size:2.4rem; margin-top:10px;}
.popup_box .botbtn_box{margin:15px 0;}
.popup_box .btn_box{display: flex; justify-content: flex-end; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}


/*입력란*/
.input_lists{margin-top:30px;}
.input_lists .input_list:first-child{border-top:1px solid #505050;}
.input_lists .input_list{align-items: center; border-bottom:1px solid #dcdcdc; padding-top:5px;}
.input_lists .input_list label{word-break: keep-all; word-wrap: break-word; line-height: 1.1; font-weight: 700;}
.input_lists .input_list input{margin:5px 0;}
.input_lists .input_list select{margin:5px 0;}

/*입력정보 리스트*/
.txt_lists{margin-top:30px;}
.txt_lists .txt_list:first-child{border-top:1px solid #505050;}
.txt_lists .txt_list{display: flex; align-items: center; border-bottom:1px solid #dcdcdc; padding-left:3px;}
.txt_lists .txt_list label{width:110px; flex-grow: 0; flex-shrink: 0; word-break: keep-all; word-wrap: break-word; line-height: 1.1; font-weight: 700;}
.txt_lists .txt_box{padding:10px 0;}


@media (min-width: 992px){

	.info_box_1, 
	.info_box_2{padding:20px;}

}