@charset "utf-8";
/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body {background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none; font-size:15px; font-family: '맑은고딕','Apple SD Gothic Neo',sans-serif; color:#333}
ul,ol,li{list-style:none;}
table{border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em {font-style:normal; }
label,input,select,textarea,button{vertical-align:middle; color: inherit; font: inherit;}
.hide, legend {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:inherit; text-decoration:none;}
button {cursor: pointer; color: #333; background-color: transparent;}

html {}
body {font-size:14px; color:#666666; font-weight:400; letter-spacing:-0.05em; line-height:1.2;}
table {border-collapse: collapse;border-spacing: 0}

* {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}
*:before,*:after {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}

/* Form */
textarea {border:1px solid #d3d3d3;}
select {padding-left: 10px; height:35px; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {font-size:14px; color:#585858; border:1px solid #d3d3d3; background-color:#fff; transition: all 0.5s; box-sizing: border-box; vertical-align:middle; }
input[type=password],
input[type=text] {padding: 0  0 0 10px; height:35px;}
input[type=number] {padding: 0  0 0 10px; height:35px;}
textarea {padding:10px; }



input::-webkit-input-placeholder {color:#b8b8b8;}
input:-moz-placeholder {color:#b8b8b8; opacity: 1;}
input::-moz-placeholder {color:#b8b8b8; opacity: 1;}
input::-ms-input-placeholder {color:#b8b8b8;}
input:-ms-input-placeholder {color:#b8b8b8;}
input::input-placeholder {color:#b8b8b8;}

textarea::-webkit-input-placeholder {color:#b8b8b8;}
textarea:-moz-placeholder {color:#b8b8b8; opacity: 1;}
textarea::-moz-placeholder {color:#b8b8b8; opacity: 1;}
textarea::-ms-input-placeholder {color:#b8b8b8;}
textarea:-ms-input-placeholder {color:#b8b8b8;}
textarea::input-placeholder {color:#b8b8b8;}




textarea:focus,
input:focus {border:1px solid #5282ff; outline: none; }
label {}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{border-color: #d3d3d3; color:#333333; -webkit-appearance:none; font-size:14px; padding-left:10px; background-color: #f1f1f1; }
input[type=text]::-ms-clear {display: none; }
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand{display:none; }
select {height: 35px; font-size:14px; background: url('../images/basic/icon_sel_arr.png') no-repeat right center #fff; background-size:28px auto; border: 1px solid #d3d3d3; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
select[disabled] {background-color: #f1f1f1 !important;}

textarea[readonly],
textarea[disabled]{padding:12px; font-size:15px; color:#333333; font-weight:normal; line-height:140%; height:78px; background:#fafafa;border:1px solid #d3d3d3;}
.clear {clear:both;}
.clear:after {content:""; display:block; clear:both;}

/* 인풋스타일 (날짜) */
.inp_date { background: url('../images/basic/icon_date.png') no-repeat right 5px center; }
.icon_from { display: inline-block; margin: 0 12px; font-style: normal; }


/* 인풋 스타일 ( 체크박스, 라디오 )*/
.checkbox {display:inline-block; position:relative; padding:8px 0;}
.checkbox input {position:absolute; left:0; top:10px; width:16px; height:16px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.checkbox label {display:inline-block; padding-left:23px; font-size:14px; color:#585858; line-height:19px;}
.checkbox label:before {position:absolute; top:10px; left:0; width:16px; height:16px; background:url('../images/basic/un_check.png') no-repeat center #fff; background-size:contain; content:'';}
.checkbox input:checked + label:before {background-image:url('../images/basic/check.png');}
.checkbox input:focus + label:before {outline:1px dotted #000}
.checkbox +.checkbox {margin-left:20px;}
.checkbox.t_none {width:22px;}
.checkbox.t_none label {overflow:hidden; text-indent:-999px; text-align:left;}

.radio {display:inline-block; position:relative; padding:8px 0;}
.radio input {position:absolute; left:0; top:10px; width:16px; height:16px; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.radio label {display:inline-block; padding-left:23px; font-size:14px; color:#585858; line-height:19px;}
.radio label:before {position:absolute; top:10px; left:0; width:16px; height:16px; background:url('../images/basic/un_radio.png') no-repeat center; background-size:contain; content:'';}
.radio input:checked + label:before {background-image:url('../images/basic/radio.png');}
.radio input:focus + label:before {outline:1px dotted #000}
.radio +.radio {margin-left:20px;}

.ch_list {display:inline-block;}
.ch_list li {display:inline-block;}
.ch_list li+li {margin-left:15px;}

.filebox_list li+li {margin-top:10px;}

.filebox {overflow:hidden; position:relative; height:35px; padding-right:100px;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {position:absolute; top:0; right:0px; width:101px; height:35px; color:#fff !important; text-align:center; line-height:35px; background:#222222; cursor:pointer;}
.filebox .upload_name {float:left; width:100%; border:1px solid #d2d2d2; color:#000000; background:#ffffff;}
.filebox .btn_add {position:absolute; top:0; right:0; width:100px; height:35px; color:#fff; background:#6b6d6f;}


.tel_wrap {overflow:hidden;}
.tel_wrap input[type="text"] {float:left; width:35.1% !important; margin-left:1.4%;}
.tel_wrap select {float:left; width:27% !important;}
.tel_wrap .bar:after {display:none;}

.btn_chk_wrap {position:relative; padding-right:100px;}
.btn_chk_wrap .btn_chk {position:absolute; top:0; right:0; width:100px; height:35px; font-size:15px; color:#fff; line-height:35px; text-align:center; background:#222222;}

.email_wrap {overflow:hidden;}
.email_wrap input[type="text"] {float:left; width:49% !important;}
.email_wrap input[type="text"]:first-child {width:90% !important; margin-bottom:5px;}
.email_wrap select {float:left; width:49.3% !important; margin-left:1.4%;}
.email_wrap .bar {float:left; width:10%; line-height:35px; text-align:center;}
.email_wrap .bar:after {display:none;}








/* 본문 바로가기 */
#skipnavigation a {position:absolute;left:-3000%;}
#skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#3290ff;color:#fff;text-align:center;}




/* 사용자 페이지 공통 css */
/* 정렬 */
.f_left {float: left; }
.f_right {float: right; }
.con_box {margin: 0 15px; }



/* text-align */
.text_left {text-align: left !important; }
.text_center {text-align: center !important; }
.text_right {text-align: right !important; }

/* text 말줄임표 */
.text_over {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* display */
.dis_inblock {display: inline-block; }

/* Hidden Type */
.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.blind {overflow: hidden; color: transparent; white-space: nowrap;}
.m_visible {display:none;}
.d_none {display:none;}



.relative {position:relative;}
.abs_r {position:absolute; top:0; right:0;}


/* 가로사이즈 */
.w_full {width:100%;}


/* margin */
.mt_5 {margin-top: 5px !important;}
.mt_-10 {margin-top: -10px !important;}





.btn_vmore {display:block; margin-top:20px; border:1px solid #c5c5c5; font-size:15px; line-height:40px; text-align:center;}



.btitle01 {margin-bottom:20px;}
.btitle01 * {vertical-align:middle;}
.btitle01 h3 {font-size:18px; color:#222222; font-weight:bold;}
.btitle01 p {margin-top:3px; font-size:12px; color:#888888; line-height:1.4;}


.btitle02 {margin-bottom:15px; font-size:20px; color:#222222; font-weight:bold; text-align:center;}



.swiper-button-prev:after,
.swiper-button-next:after {display:none;}


#common_branch_search {padding:35px 4.16%; background:#e1f8fc;}
#common_branch_search .top {padding:20px 0 22px; text-align:center; color:#fff; background:url('../images/main/branch_search_bg.jpg') no-repeat center top #3cd0f9; background-size:330px auto;}
#common_branch_search .top h2 {font-size:22px; font-weight:bold;}
#common_branch_search .top p {font-size:14px; color:#047695;}
#common_branch_search .fbox {padding:20px 15px; background:#ffffff;}
#common_branch_search .fbox form {display:block; position:relative; padding-right:70px;}
#common_branch_search .btn_submit {position:absolute; top:0; right:0; width:65px; height:40px; border-radius:3px; font-size:15px; color:#fff; font-weight:bold; background:#ff0d72;}
#common_branch_search .sel_wrap {overflow:hidden; border:1px solid #bbbbbb; border-radius:3px;}
#common_branch_search select {float:left; width:50%; height:38px; padding-left:10px; border:0; font-size:15px; background:url('../images/main/branch_search_sel_arr.png') no-repeat 100% center transparent !important; background-size:25px auto !important;}
#common_branch_search select+select {border-left:1px solid #bbbbbb;}