/* MOBILE APP 다운로드*/
.divMobileApp {
    background-color: lightgray;
    border-radius: 10px;
    margin-bottom: 5%;
    padding-top: 7%;
    margin-top:5%;
    width: 100%;
    padding-bottom: 7%;
}
.pModileAppDown{
    color:#555;
    font-weight:600;
    text-align:center;
    width:100%;
    font-size: 20px;
    padding-bottom: 14px;
}
.pMobileAppInfo{
    color:#555;
    font-weight: 600;
    text-align:center;
    width:100%;
    font-size: 13px
}

.reserv{ime-mode:active}
.phone{width:100%!important;}
.download1{width: 42%;margin: 1% 4% 3%;}
.download2{width: 42%;margin: 1% 1% 3%;}
.main_callcenter{text-align: center;}
.tbl_callcenter{display:inline-block;}

@charset "utf-8";

#contents .cont{font-size:15px; color:#555; line-height:22px;}
#contents .cont h4{margin:0 0 11px;color:#202020;font-size:15px;font-weight:600}/* 본문컨텐츠 타이틀 */
#contents .cont .desc1{margin-bottom:30px;}/* 하단 여백 30px*/
#contents .cont .desc2{margin-bottom:20px;}/* 하단 여백 20px*/


/*서식*/
input[type=text], input[type=password], input[type=number]{box-sizing: border-box; border:1px solid #555;vertical-align:middle;height:19px;line-height:19px;padding:5px;font-family:나눔고딕,NanumGothic;font-size: 13px;}
input[type=file]{border:1px solid #d2d2d0;background:#f0f0f0;vertical-align:middle;height:20px;padding:3px;font-size:13px;}
input[type=checkbox], input[type=radio]{vertical-align:middle;padding:0; margin:0 5px 0 0 ;}
textarea{padding:10px; border:1px solid #d5d5d5}
select{font-family: "나눔고딕", "NanumGothic";font-size: 13px;line-height:30px;height:30px;padding-left:5px;vertical-align: middle;border:1px solid #555}

*{
    font-size:clamp(13px, 0.98em, 20px);
}
body{text-align:left !important;}
.input_wrap{
    display: flex;
    flex-direction: column;
}
.input_cont{
    display: flex;
    flex-direction: column;
    margin-top:15px;
}
.input_cont > label{
    font-weight: bold;
    margin-bottom: 10px;
    font-size:13px;
}
.input_cont input[type=text], input[type=password], input[type=number] {
    display: inline-flex;
    height: 40px;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    text-indent: 10px;
}

/* 본문컨텐츠 타이틀 */
#contents .cont .tit_h4, #contents .cont .tit_h5 {padding:0 0 0 17px;margin:0 0 13px;font-size:18px;font-weight:600;background:url("/univ/fund/images/common/bg_h4.gif") no-repeat left 5px; color: #303030}
#contents .cont .tit_h6 {font-size:15px; font-weight: 600; color: #202020; margin-bottom: 8px; position: relative;}
#contents .cont .tit_h6 span {font-size: 13px; font-weight: normal; color: #555555; right: 0; position: absolute;}



.department_pg01_img{float:left; margin-right:35px;}
.department_pg01_wrap{overflow:hidden; float:left;}
.department_pg01_wrap ul.list_st1 li{background:url('/univ/fund/images/sub/department_icon.png') no-repeat left center; line-height:30px; padding-left:20px;}

/*개인정보보호방침 스크롤 영역01.08*/
.notification {width: 295px; border:1px solid #d4d4d4; padding: 9px; height: 460px; overflow:auto; }
.notification dl {padding: 25px 15px !important}
.notification dl dt {color: #202020; font-size: 15px; font-weight: 600; margin-bottom: 5px; margin-top: 27px}
.notification dl dt:first-child{margin-top: 0}
.notification dd {text-align: justify;}
.notification dt, dd{margin-right: 15px;}
/* dl 정리 */
.notification dt {margin-top: 12px;}
.notification dd {
    margin: 6px 0 0;
    font-size: 14px;
    color: #555;
    line-height: 1.6;
	text-align: left !important;
}
.txt_agree {margin-right: 20px; vertical-align: middle;}
a.button7 {display: inline-block; color: #fff; font-weight: 600; background: #2f5fc2; padding: 4px 40px}




@charset "utf-8";

@font-face {
	font-family: "NanumGothic";
	src: url('/univ/fund/font/NanumGothic.eot');
	src: local(※), url('/univ/fund/font/NanumGothic.woff') format('woff');
}

@font-face {
	font-family: "NanumMyeongjo";
	src: url('/univ/fund/font/NanumMyeongjo.eot');
	src: local(※), url('/univ/fund/font/NanumMyeongjo.woff') format('woff');
} 

/* default definition*/
* { margin:0; padding:0;}
html, body { margin:0; padding:0;}
body { font-family:"나눔고딕", "NanumGothic"; font-size:13px; color:#555; line-height:18px;position:relative;word-break:keep-all;letter-spacing: -0.05em;text-align:justify; overflow-y:scroll;}
table, div {border-collapse:collapse;}
select{}
form, ul, ol, dl, table, div, h1, h2, h3 ,h4 {margin:0;padding:0;}
h1, h2, h3 ,h4, h5, h6{font-size:12px; text-decoration:none; font-weight:normal;}
img, fieldset {border:0; margin:0; padding:0; }
li{vertical-align:top; }
select, input, img, label{vertical-align:middle;}
input{padding:0 0 0 4px;}
ul, li, dl, dt, dd{list-style-type : none; }
caption { text-indent:-5000px; line-height:0; font-size:0;}
legend{ text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
hr{display:none;}
a {color:#555;text-decoration:none;}

/* 숨김텍스트처리(Text To Speech) */
.tts { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

/* text align style */
.text_left{text-align:left;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.text_justify{text-align:justify; text-justify:inter-cluster;word-break:break-all; }

/* vertical align style */
.text_top{vertical-align:top;}
.text_middle{vertical-align:middle;}
.text_bottom{vertical-align:bottom;}

/* float */
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}

/*자간*/
.spacing{letter-spacing:-1px}

/*overflow*/
.overflow {overflow:hidden}

/*block*/
.block{display:block}

/*텍스트*/
.bold{font-weight:600;}
.underline{text-decoration:underline;}
.tx_blue{color:#196cb9}

/*margin*/
.marT0{margin-top:0}
.marT5{margin-top:5px}
.marT10{margin-top:10px}
.marT15{margin-top:15px}
.marT20{margin-top:20px}
.marT25{margin-top:25px}
.marT30{margin-top:30px} 
.marT40{margin-top:40px}
.marT45{margin-top:45px}
.marT50{margin-top:50px}

.marB0{margin-bottom:0}
.marB5{margin-bottom:5px}
.marB10{margin-bottom:10px}
.marB15{margin-bottom:15px}
.marB20{margin-bottom:20px}
.marB25{margin-bottom:25px}
.marB30{margin-bottom:30px}
.marB35{margin-bottom:35px}
.marB40{margin-bottom:40px}
.marB45{margin-bottom:45px}
.marB50{margin-bottom:50px}
.marB55{margin-bottom:55px}
.marB60{margin-bottom:60px}
.marB65{margin-bottom:65px}
.marB70{margin-bottom:70px}


.marL0{margin-left:0}
.marL5{margin-left:5px}
.marL10{margin-left:10px}
.marL15{margin-left:15px}
.marL20{margin-left:20px}
.marL25{margin-left:25px}
.marL30{margin-left:30px}
.marL35{margin-left:35px}
.marL40{margin-left:40px}
.marL45{margin-left:45px}
.marL50{margin-left:50px}

.marR0{margin-right:0}
.marR5{margin-right:5px}
.marR10{margin-right:10px}
.marR15{margin-right:15px}
.marR20{margin-right:20px}
.marR25{margin-right:25px}
.marR30{margin-right:30px}
.marR35{margin-right:35px}
.marR40{margin-right:40px}
.marR45{margin-right:45px}
.marR50{margin-right:50px}

/*padding*/
.padT3{padding-top:3px}
.padT5{padding-top:5px}
.padT10{padding-top:10px}
.padT15{padding-top:15px}
.padT20{padding-top:20px}
.padT25{padding-top:25px}
.padT30{padding-top:30px}
.padT40{padding-top:40px}
.padL0{padding-left:0px}
.padB5{padding-bottom:5px}
.padB10{padding-bottom:10px}
.padB15{padding-bottom:15px}
.padB20{padding-bottom:20px}
.padB25{padding-bottom:25px}
.padB30{padding-bottom:30px}
.padB40{padding-bottom:40px}


#wrap{position:relative;width:100%;min-width:1295px}



/* header */
/*
#header{position:relative;width:100%;min-height:75px;border-bottom:1px solid #e5e5e5;z-index:99999;}
#header .header_box{width:960px;height:75px;margin:0 auto;position:relative;}
#header .header_in{height:75px;z-index:80;position:relative;}
#header .header_in h1{float:left;margin:18px 0 0;}
*/
/* nav menu styles */
.f_site_wrap{position:relative; background:url("/univ/fund/images/common/bg_f_site.gif") repeat-x left top; min-height:55px;border-bottom:1px solid #dfdfdf}
.f_site {display: block; overflow:hidden ; font-size:13px; width:960px; margin:0 auto;}
.f_site a.depth1{display: block;overflow: hidden;padding:14px 20px 15px 40px;margin-top:1px;color:#202020; font-size:14px; line-height:24px;font-weight:600; text-align: center;background: #fff url("/univ/fund/images/common/ico_down.gif") no-repeat 20px center; border-bottom: 1px solid #fff;}
.f_site a.open{background:#fff url("/univ/fund/images/common/ico_up.gif") no-repeat 20px center;padding:14px 20px 16px 40px;}
#f_site > li.d_tel {float: left;padding:19px 10px 15px 37px; background:url("/univ/fund/images/common/bg_footer_bg.gif") no-repeat left center; font-size:14px; font-weight:600; color:#2f5fc2}
#f_site > li.d_tel span{font-size:20px; color:#fe9b00}
#f_site > li {float: right;min-width: 100px;}
.depth1_1{ color:#202020; width:960px; padding: 22px 0 13px;margin:0 auto;overflow:hidden}
.depth1_1 .left{float:left;width:50%;font-size:14px;}
.depth1_1 .left h4{color:#2f5fc2; font-size:16px; font-weight:600; margin-bottom:10px}
.depth1_1 dt{float:left;width:80px;font-weight:600; padding:5px 0;}
.depth1_1 dd{float:left;width:390px;padding:5px 0}
.depth1_1 dd li{float:left; margin:0 0 5px 20px;}
.depth1_1 dd li a{display:block; }


/* sub layout */
#container{width:100%;background:url("/univ/fund/images/common/bg_sub.jpg") repeat-x center top;}/* 기본 */
#conbox{width:960px;margin:0 auto;padding:60px 0 0;z-index:10;position:relative;}
#conbox .conbox_bg{position:relative;padding-bottom:100px;overflow: hidden;}


/*contents*/
#contents{position:relative;margin: 0 auto; width:320px;z-index:20; }


/* h3 */
.h3_box{position:relative;padding:0 0 20px;margin-bottom:40px;z-index:25;border-bottom:1px solid #dbdbdb}
.h3_box h3{font-size:26px;font-weight:600;line-height:1;color:#202020}

/* location */
#contents ul.location{ position:absolute; right:0; top:11px;font-size:13px;}
#contents ul.location li{float:left; padding-left:11px; margin-left:6px; background:url("/univ/fund/images/common/location_left.gif") no-repeat left center;}
#contents ul.location li.first{margin:0;padding-left:10px;background:url("/univ/fund/images/common/location_home.gif") no-repeat left center;text-indent:-10000px}
#contents ul.location li.end{color:#196cb9; font-weight:600}


@import url("/css/20160302_10790925154689795.css");

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 50%;
	left: 22%;
	width: 46%;
	height: 20%;
	padding: 16px;
	 border: 3px solid;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.txt_center{text-align:center;}
.txt_gray{color:#888;}
.span1{font-size:15pt;line-height:33px;}
.span2{font-size:14pt;}

.identify{margin-right:30px; font: message-box; font-size:15pt; font-weight: bold;  border-radius: 7px;  border: 1.5px solid #dfdfdf; padding: 9px;     background: #dfdfdf;color: #777777;}
.survey{font: message-box; font-size:15pt;  font-weight: bold;   border: 1.5px solid #dfdfdf; padding: 9px;     background: #dfdfdf;  color: #777777; border-radius: 7px;}

.f_right{float:right;}
.ma-pa0{margin:0; padding:0}
.break_all{word-break: break-all; }

.ctnt{margin:0 auto; float:initial;}
.pa0{padding-left:0%}

    .form-group {
        margin-bottom: 25px;
    }
    .form-group label {
        font-size: 15pt;
        margin: 15px;
        display: inline-block;
        color: #0066b3;
    }
    .options {
        font-size: 15pt;
        font-weight:bold;
        margin-left: 50px;
        display: block;
        text-align: center;
    }
    
    .radio-label {
        margin-right: 10px;
    }
    .radio span{
        position:relative;
        padding-left:30px;
    }
    .radio span:after{
        content:'';
        width:25px;
        height:25px;
        border:3px solid;
        position:absolute;
        left:0;
        top:1px;
        border-radius:100%;
        -ms-border-radius:100%;
        -moz-border-radius:100%;
        -webkit-border-radius:100%;
        box-sizing:border-box;
        -ms-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .radio input[type="radio"]{
        cursor: pointer; 
        position:absolute;
        border-radius:50px;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    .radio input[type="radio"]:checked + span{
        color:#0B8;  
    }
    .radio input[type="radio"]:checked + span:before{
        content:'';
        width:15px;
        height:15px;
        position:absolute;
        background:#0B8;
        left:5px;
        top:6px;
        border-radius:100%;
        -ms-border-radius:100%;
        -moz-border-radius:100%;
        -webkit-border-radius:100%;
}
    .question{
        font-size: 15pt;
        margin: 15px;
        display: inline-block;
        color: #0066b3;
    }
    .answer{
        color: #999;
    }
    .login{
        overflow:hidden;
    }

    input[type="button1"] {
        padding: 12px 25px;
        font-size: 16px;
        font-weight: bold;
        color: white;
        background-color: #007cbc;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        width: 30px;
        margin-top: 10px;
        float: left;
        text-align: center;
    }

    input[type="button2"] {
        padding: 12px 25px;
        font-size: 16px;
        font-weight: bold;
        color: white;
        background-color: #007cbc;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        width: 30px;
        margin-top: 10px;
        float: right;
        text-align: center;
    }

    input[type="submit"]{
        padding: 12px 25px;
        font-size: 16px;
        font-weight: bold;
        color: white;
        background-color: #007cbc;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        width: 80px;
        margin-top: 10px;
        float: right;
        text-align: center;
    }
    
    input[type="button1"]:hover{
        background-color: #007cbc;
    }
    input[type="button2"]:hover {
        background-color: #007cbc;
    }
    
    input[type="submit"]:hover{
        background-color: #007cbc;
    }
    .hidden {
        display: none;
    }
    .bmi-inputs {
        display: none;
    }
    .bmi-display {
        margin-top: 10px;
        font-weight: bold;
        color: #333;
    }
.width-88{border-radius:8px; width:88%; margin:0 auto;}
.wdith-91{border-radius:8px; width:91%; margin:0 auto;}
.question{line-height:150%; text-align: center; display: block;}
.bmi_input{font-weight: bold; font-size: 15px; margin-left: 10px;}
.bmi_number{font-weight: bold; font-size: 15px; margin-left: 10px;}


.result p {
    font-size: 18px;
    margin: 15px 0;
}
.error-message {
    color: red;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 15px;
}
.chart-container {
    position: relative;
    margin: auto;
    height: 200px;
    width: 200px;
}

.counsel{display: inline-block; text-align: center; width: 100%;}
.csl{font-size: 15pt; line-height: 120%;}
.clnc{font-size: 18pt; font-weight: bold;}
    /* 하이패스 안내 */
.hipass_intro {
    padding: 15px;
}

/* 타이틀 */
.intro_title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.intro_title span {
    color: #ff6a00;
}

/* 설명 */
.intro_desc {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.5;
}

/* 흐름 */
.intro_flow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.flow_item {
    background: #f3f4f6;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 12px;
}

.flow_item.active {
    background: #ff6a00;
    color: #fff;
}

.flow_arrow {
    font-size: 12px;
    color: #aaa;
}
/* 통합 안내 박스 */
.hipass_notice_all {
    background: #f4f6f8;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

/* 상단 헤더 */
.notice_header {
    background: #2f5fb8;
    color: #fff;
    text-align: center;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
}

/* 내용 */
.notice_body {
    padding: 15px;
}

/* 섹션 */
.notice_section {
    margin-bottom: 15px;
}

.notice_section.last {
    margin-bottom: 0;
}

/* 제목 */
.sec_title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* 리스트 */
.notice_section ul {
    padding-left: 10px;
}

/* 전체 컨텐츠 */
.cont_in {
    padding: 20px;
}
/* 안내 박스 */
.pop_content {
    background: #f5f6f8;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 20px;
}
.pop_content .txt_gray {
    font-size: 13px;
    color: #666;
}
.pop_content .txt_blue {
    color: #2f5fb8;
    font-weight: 500;
}
/* 동의 박스 */
#ssn_reg {
    background: none !important;   /* 핵심 */
    padding: 0;
    margin-bottom: 16px;
}
.gray_area {
    background: #f0f1f3;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 20px;
    font-size: 14px;
}
/* 입력 영역 카드화 */
.t_write {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}
/* table → 카드처럼 보이게 */
.t_write table {
    width: 100%;
    border-collapse: collapse;
}
.t_write th {
    text-align: left;
    padding: 14px;
    font-size: 14px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
}
.t_write td {
    padding: 14px;
    border-bottom: 1px solid #eee;
}
/* input */
.t_write input {
    width: 100%;
    height: 44px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 14px;
}
/* 주민번호 정렬 */
#ssn {
    display: flex !important;
    align-items: center;
    gap: 6px;
    width: 100%;
}
#ssn input {
    flex: 1;
    min-width: 0;   /* 핵심 (줄어들게) */
}
/* 버튼 영역 */
.text_center {
    margin: 20px 0;
    padding: 0 4px;   /* 살짝 여백 맞춤 */
}

/* 눌림 */
.btn_primary:active {
    background: #244a90;
}
a.button_nm{
    background: #E57418;
    color: #fff;
    padding: 6px 10px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
	}
.btn_primary{
    display: block;
    width: 100%;
    background: #2f5fb8;
    color: #fff !important;
    text-align: center;
    padding: 16px 0;
    font-size: 15px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
}
.btn_prev{
    flex: 1;
    background: #e5e5e5;
    color: #333;
    text-align: center;
    padding: 14px 0;
    border-radius: 8px;
    text-decoration: none;
    font-size:15px;

}

.btn_next {
    flex: 1;
    background: #2f5fb8;
    color: #fff !important;
    text-align: center;
    padding: 14px 0;
    border-radius: 8px;
    text-decoration: none;
    font-size:15px;
}
/* 환자 카드 정보 */
.t_list table {
    width: 100%;
    border-collapse: collapse;
}
.t_list th {
    background: #f9fafb;
    padding: 14px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.t_list td {
    padding: 14px;
    border-bottom: 1px solid #eee;
}
.card_box {
    margin: 20px 0;
    padding: 22px 20px;
    border: 1px solid #d9dee5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.card_box .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.card_box .top p {
    font-size: 13px;
    color: #666;
}
.card_box .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card_box .bottom p {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #222;
    margin: 0;
    line-height: 1.4;
    word-break: keep-all;
}
.card_del {
    display: inline-block;
    min-width: 53px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 7px;
    background: #f3f4f6;
    color: #555 !important;
    border: 1px solid #d7d7d7;
    font-size: 12px;
    text-decoration: none;
}
.card_del:hover {
    background: #e5e7eb;
}
.card_box.none_card {
    text-align: center;
    padding: 40px 20px;
    background: #f8fafc;
    border: 1px dashed #cfd8e3;
}
.card_box.none_card p {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
}
.card_box.none_card {
    text-align: center;
    font-size: 14px;
    color: #555;
}
.card_date_box{
    text-align:right;
}
.card_owner{
    margin-top:6px;
    font-size:13px;
    color:#666;
}
.card_brand {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 999px;
    background: #edf4ff;
    color: #2563eb;
    font-size: 15px;
    font-weight: 600;
}
.tit_h3 {
    font-size: 16px;
    font-weight: 600;
   /* margin: 20px 0 10px;*/
}
.list_st2 {
    font-size: 13px;
    color: #555;
    /*margin-bottom: 20px;*/
}

#crdNo {
    white-space: nowrap;
    font-size: 17px;
    letter-spacing: 1px;
}
div#contents {
    width: auto !important;
}
.hipass_wrap {
    padding: 20px;
    font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
    color: #333;
    line-height: 1.6;
}

/* 타이틀 */
.hipass_title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* 라디오 */
.hipass_radio {
    display: flex;
    gap: 30px;
    margin-bottom: 15px;
}

.hipass_radio input {
    margin-right: 6px;
}

/* 설명 */
.hipass_desc {
    font-size: 13px;
    color: #555;
    margin-bottom: 10px;
}

.hipass_notice {
    font-size: 13px;
    color: #2a5db0;
    margin-bottom: 20px;
}

/* 구분선 */
.hipass_line {
    height: 1px;
    background: #e5e5e5;
    margin: 20px 0;
}

/* 본문 */
.hipass_text {
    font-size: 13px;
    margin-bottom: 10px;
}

.hipass_text.last {
    margin-top: 10px;
}

/* 리스트 */
.hipass_list {
    padding-left: 18px;
    font-size: 13px;
}

.hipass_list li {
    margin-bottom: 8px;
}
.info_card {
    background: #f5f6f8;
    border-radius: 10px;
    padding: 16px;
    margin-top: 20px;
}

.info_title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.info_text {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 1.6;
}

.info_list {
    padding-left: 18px;
    font-size: 13px;
}

.info_list li {
    margin-bottom: 8px;
}

.info_text.last {
    margin-top: 10px;
}

/* 버튼 */
.btn_group {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.btn_secondary {
    flex: 1;
    background: #e5e5e5;
    color: #333;
    text-align: center;
    padding: 14px 0;
    border-radius: 8px;
    text-decoration: none;
}
.tel_input {
	width:100% !important; 
	/*padding:10px; */
	border:1px solid #ccc !important; 
	border-radius:6px !important;  
	margin-bottom: 20px !important;
    padding: 20px 10px !important;
}

.cont_div { padding: 0; }
#contents.ctnt { padding: 0 16px; }

/* 안내 카드 */
.notification {
    background: #f5f6f8;
    border-radius: 10px;
    padding: 16px;
    margin-top: 10px;
    border: none;
	width: auto !important;
	/*height: auto !important;*/
}
/* 제목 */
.tit_h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 10px;
}
.agree_box {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 16px;
    margin-top: 16px;
}
.agree_title {
    font-size: 13px;
    margin-bottom: 10px;
}
.agree_option {
    display: flex;
    gap: 20px;
}


.complete_wrap {
    padding: 40px 20px 20px;
    text-align: center;
}

/* 아이콘 키우기 */
.complete_icon {
    margin-bottom: 20px;
}

.complete_icon .circle {
    width: 100px;
    height: 100px;
    border: 2px solid #d9d9d9;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    background: #f9fafc;
}

.complete_icon .icon {
    font-size: 40px;
    line-height: 100px;
}

.complete_icon .check {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #2f5fb8;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

/* 제목 */
.complete_title {
    font-size: 22px;
    font-weight: 700;
    color: #2f5fb8;
    margin-top: 10px;
}

/* 설명 */
.complete_desc {
    font-size: 14px;
    color: #555;
    margin-top: 8px;
    margin-bottom: 25px;
}

/* 박스 강화 */
.complete_notice_box {
    background: #f4f6f8;
    padding: 18px;
    text-align: left;
    font-size: 13px;
    margin-bottom: 30px;
    border-radius: 6px;
}

.complete_notice_box .notice_title {
    font-weight: 600;
    margin-bottom: 10px;
}

.complete_notice_box li {
    margin-bottom: 6px;
    line-height: 1.5;
}

/* 버튼 */
.complete_btn a {
    display: block;
    background: #2f5fb8;
    color: #fff ;
    padding: 16px 0;
    font-size: 16px;
    border-radius: 4px;
}