@charset "UTF-8";

body {margin:0;padding:0;font-family:'Nanum Gothic', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕', dotum,'돋움',sans-serif;}
.container {width:100%;}
.content {max-width:640px;margin:0 auto;}
.content .content_header {padding:50px 0;}
.content .title {margin:0;font-weight:bold;font-size:36px;line-height:40px;color:#333;text-align:center;}

/*table layout*/
.table {width:100%;text-align:left;line-height:1.5;border-collapse:separate;border-spacing:0;}
.table tr { margin:0;}
.table th {display:block;text-align:left;font-size:18px;font-weight:bold;}
.table td {display:block;padding:15px 0 30px;font-size:16px;color:#333;}
.table p {margin:0 0 10px;}

/*checked,radio style*/
.table .control {display:inline-block;position:relative;padding-left:30px;margin-right:10px;cursor:pointer;}
.table .control input {position:absolute;z-index:-1;opacity:0;}
.table .control input:disabled ~ .control_indicator {background:#e6e6e6e6;opacity:0.6;pointer-events:none;}
.table .control input:checked ~ .control_indicator {background:#2aa1c0;}
.table .control_indicator {position:absolute;top:2px;left:0;height:20px;margin-top:3px;width:20px;background:#e6e6e6;}
.table .control input:checked ~ .control_indicator::after {display:block;}
.table .control_checkbox .control_indicator::after {left:8px;top:4px;width:3px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.table .control_radio .control_indicator::after {left:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#fff;}
.table .control_radio .control_indicator {border-radius:50%;}
.table .control_indicator::after {display:none;content:"";position:absolute;}
.table .control:hover input ~ .control_indicator,
.table .control input:focus ~ .control_indicator {background:#ccc;}
.table .control:hover input:not([disabled]):checked ~ .control_indicator, 
.table .control input:checked:focus ~ .control_indicator {background:#0e647d;}

/*"input type=text" 클릭시 라인으로 표시*/
.table .type_group {display:inline-block;}
.table .text_input {width:100%; padding-bottom:5px; border:none;border-bottom:1px solid #999;font-size:14px;line-height:14px}
.table .text_input:focus {outline:none;border-bottom:1px solid #fff;}
.table .text_input:focus ~ .bar:before, .table .text_input:focus ~ .bar:after { width:50%;}
.table .text_input:focus ~ .highlight { -webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}
.table .text_input:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}
.table .textarea {width: 98%; border:1px solid #1d2d4c;}
.table .bar { position:relative;display:block;width:100%;}
.table .bar:before, .table .bar:after{ content:'';position:absolute;height:1px;width:0;bottom:1px;background:#1d2d4c;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
.table .bar:before {left:50%;}
.table .bar:after {right:50%;}

/*이미지 미리보기*/
input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
#list4 span{display: inline-block; height:auto; box-sizing:border-box;}
.filebox .upload-name {display:none;}
.file_more_btn {display: block; position:absolute; left:0; top:0; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; height: 140px; width: 100px; text-align: center; line-height: 135px;}
.upload-display {display: inline-block; vertical-align:text-bottom;}
.filebox {display:inline-block; position:relative; width:112px;  height:142px;} 
.filebox img {display: inline-block; width: 100px; height: 140px; margin-right: 10px; margin-bottom: 5px; vertical-align: middle; border: 1px solid #ddd; border-radius: 5px; background-color: #fff;}
.thumb { display: inline-block; width: 100px; height: 140px; margin-right: 10px; vertical-align: middle; border: 1px solid #ddd; border-radius: 5px; background-color: #fff;}
.file_more_btn4 {display: none;} 
.ac {display:block;}

/*등록버튼*/
.btn_controlbox {text-align:center;}
.btn_controlbox .btn_register {display:inline-block;width:150px;height:45px;line-height:45px;background-color:#1d2d4c;font-size:20px;color:#fff;text-align:center;font-weight:bold;border:0 none;transition:0.5s all;}
.btn_controlbox .btn_register:hover {background-color:#fe8372;}

/*주소찾기 버튼*/
.table .btn_address { width:150px;height:40px;background-color:#fff;font-size:20px;color:#1d2d4c;text-decoration:none;text-align:center;font-weight:bold;border:1px solid #1d2d4c;transition:0.5s all;vertical-align:middle;}
.table .btn_address:hover {background-color:#1d2d4c;color:#fff;}

/*text*/
.remark {font-size:12px; color:red;}
.page-text-box {margin-top:0; padding:5px; font-size: 13px; color:#000; line-height:1.3; border-style:dotted; }
.end-text {font-size: 15px; color:#000; line-height:1.3;}
.end-text img {display:block; width:100px; margin:0 auto; padding-bottom:10px;}
.end-text {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height: 400px; width: 50%;}

/*팝업*/
.popup {display:block; position:fixed; padding-top:100px; left:0; top:0; overflow:auto; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:10;}
.popup .popup_content {background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 60%;}
.popup .popup_content .btn_confirm {display:block;  width: 90px;  height: 30px; margin-top:20px; line-height: 30px; background-color: #1d2d4c; font-size: 15px; color: #fff; text-align: center; font-weight: bold; border: 0 none; transition: 0.5s all; text-decoration:none;}
.popup .popup_content .btn_confirm:hover {background-color:#fe8372;}

.popup .control {display:inline-block;position:relative;padding-left:30px;margin-right:10px;cursor:pointer;}
.popup .control input {position:absolute;z-index:-1;opacity:0;}
.popup .control input:disabled ~ .control_indicator {background:#e6e6e6e6;opacity:0.6;pointer-events:none;}
.popup .control input:checked ~ .control_indicator {background:#fe8372;}
.popup .control_indicator {position:absolute;top:2px;left:0;height:20px;margin-top:-3px;width:20px;background:#e6e6e6;}
.popup .control input:checked ~ .control_indicator::after {display:block;}
.popup .control_checkbox .control_indicator::after {left:8px;top:4px;width:3px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.popup .control_radio .control_indicator::after {left:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#fff;}
.popup .control_radio .control_indicator {border-radius:50%;}
.popup .control_indicator::after {display:none;content:"";position:absolute;}
.popup .control:hover input ~ .control_indicator,
.popup .control input:focus ~ .control_indicator {background:#ccc;}
.popup .control:hover input:not([disabled]):checked ~ .control_indicator, 
.popup .control input:checked:focus ~ .control_indicator {background:#fa6f5d;}

/*pagenation*/
.pagenation {position: relative; margin-bottom:50px; }
.pagenation p{text-align:center;}
.pagenation .next, .pagenation .prev {display:block; position:absolute; bottom: -5px;  width:50px; height:30px; line-height:30px; background-color:#1d2d4c; color:#fff; font-size:13px; text-align:center; text-decoration:none; }
.pagenation .next {right: 0;}
.pagenation .prev {left: 0;}

/*모바일*/
@media (max-width:660px) {
	.popup {padding-top:20px;}
	.user_wrap {padding:0 10px;}
	.content .title {font-size:30px;line-height:34px;}
	.table th {font-size: 16px;padding:0;}
	.table .btn_address {width:90px; height:35px; font-size:15px;}
	.end-text {width:90%;}
}