@charset "utf-8";

.mt0{margin-top:0px !important}
.mb0{margin-bottom:0px !important}
.mt5{margin-top:5px !important}
.mb5{margin-bottom:5px !important}
.mt10{margin-top:10px !important}
.mb10{margin-bottom:10px !important}
.mt15{margin-top:15px !important}
.mb15{margin-bottom:15px !important}
.mt20{margin-top:20px !important}
.mb20{margin-bottom:20px !important}
.mt25{margin-top:25px !important}
.mb25{margin-bottom:25px !important}
.mt30{margin-top:30px !important}
.mb30{margin-bottom:30px !important}
.mt50{margin-top:50px !important}
.mb50{margin-bottom:50px !important}

.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}

.pt0{padding-top:0px !important}
.pb0{padding-bottom:0px !important}

.w80{width:80px !important}
.w100p{width:100% !important}

.red{color:#eb0000 !important}
.green{color:#52a600 !important}
.blue{color:#2176b7 !important}
.orange{color:#ff8a00 !important}
.m_col{color:#008b99 !important}
table{font-family:'malgun gothic';}

input,select,textarea{font-family:'malgun gothic'; font-size:13px; color:#333; font-weight:400; letter-spacing:-0.5px; border:1px solid #d9d9d9; vertical-align:middle;}
input,select{width:150px; height:27px;}
input::placeholder{font-size:13px; color:#888; letter-spacing:-1px;}
input::-webkit-input-placeholder{font-size:13px; color:#888; letter-spacing:-1px;}
input:-ms-input-placeholder {font-size:13px; color:#888; letter-spacing:-1px;}
input:-mos-input-placeholder {font-size:13px; color:#888; letter-spacing:-1px;}
input[type="radio"], input[type="checkbox"]{/*border:0px\0/IE9*/} /*[오상자이엘] 24.01.16 유지인, (통합포탈 CSS 웹표준 검사) IE9 삭제처리 */
select{padding:0 23px 0 5px; background:#fff url(../images/select_bg_2.png) no-repeat 100% 50%; vertical-align:middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
select::-ms-expand {display: none;}
textarea{line-height:23px; width:100%; padding:10px; resize:vertical;}
input:disabled, select:disabled, textarea:disabled {background:#f4f5f9;}

label{margin-left:15px; vertical-align:middle}
label:first-child{margin-left:0px;}
label>input[type="radio"], label>input[type="checkbox"]{vertical-align:-2px; margin-right: 3px;}
th label>input[type="radio"], th label>input[type="checkbox"],
td label>input[type="radio"], td label>input[type="checkbox"]{vertical-align:-1px;}

.btn_area{margin-top:20px; margin-bottom:20px}
.btn_area_r{float:right}
.btn_area:after, .btn_area.f_right:after{content:""; display:block; clear:both}
.btn{font-family:'malgun gothic'; font-size:13px; font-weight:600; height:34px; line-height:32px; display:inline-block; border:0; border-radius:3px; padding:0 15px; vertical-align:middle;}
.btn:active,.btn:visited,.btn:hover{color:#fff; text-decoration:none}
.btn.line01:hover{color:#333}

.btn.big{height:42px; line-height:40px; padding:0 20px; min-width:80px}
.btn.ty01{background:#32a9b5; border:1px solid #32a9b5; color:#fff;}
.btn.ty02{background:#1c5aa4; border:1px solid #1c5aa4; color:#fff;}
.btn.ty03{background:#007fbc; border:1px solid #007fbc; color:#fff;}
.btn.line01{background:#fff; border:1px solid #cbced6; color:#333;}
.btn.line01:active,.btn.line01:visited,.btn.line01:hover{color:#333}
.btn.intd{height:28px !important; line-height:26px !important; float:right; margin-bottom:3px}
.btn.intd:after{content:""; display:block; clear:both}
.btn.search{background:#32a9b5; border:1px solid #32a9b5; color:#fff; height:27px; line-height:25px;}
.btn.search_2{background:#32a9b5; border:1px solid #32a9b5; color:#fff; height:27px; line-height:25px; margin-top:5px; }
.btn.search_3{background:#32a9b5; border:1px solid #32a9b5; color:#fff; height:27px; line-height:25px; margin-bottom:5px; }
.btn.download{border:1px solid #cbced6; color:#333; letter-spacing:-0.5px; padding-right:45px; background:#fff url(../images/icon_download.png) 95% 49% no-repeat;}
.btn.download:active{color:#333}
.btn.plus, .btn.minus{float:right; width:26px; height:26px !important; position:relative; text-indent:-9999px; font-size:0px; background:rgba(255,255,255,0.6); border:1px solid #cbced6; padding:0; vertical-align:middle;}
.btn.plus:before,.btn.plus:after,.btn.minus:before{content:''; position:absolute; width:13px; height:1px; background-color:#666; top:12px;}
.btn.plus:before,.btn.minus:before{right:5px;}
.btn.plus:after{right:5px;
-webkit-transform: rotate(-90deg);
-moz-transform:rotate(-45deg);
transform: rotate(-90deg);}
.btn.plus.ty02, .btn.minus.ty02{font-size:12px; color:#333; text-align:left; text-indent:0; float:inherit; display:block; background:rgba(255,255,255,0.6); width:100px; height:28px !important; line-height:24px !important; padding-left:11px; margin-left:-10px; margin-top:5px;}


/*관리자*/
/*.wrap.admin .integ_gnb{width:calc(100% - 180px);}
.wrap.admin .nav_area{width:180px; height:100%; position:fixed; background:#32a9b5; border-right:1px solid #ddd; z-index:9999}*/
.wrap.admin .integ_gnb{width:calc(100% - 180px); margin-left:180px; min-width:950px;}
.wrap.admin .nav_area{width:180px; height:100%; position:fixed; left:0px; top:0px; background:#32a9b5; border-right:1px solid #ddd; z-index:9999;
animation-fill-mode:forwards;
-moz-transition: left 0.2s linear;
-o-transition: left 0.2s linear;
-webkit-transition: right 0.2s linear;
transition: left 0.2s linear;} 
.wrap.admin.slide .nav_area {left:-180px;}

.wrap.admin .nav_toggle{display:block; position:absolute; left:190px; top:0; width:70px; height:25px; line-height: 25px;}
.wrap.admin .nav_toggle:after{content:""; display:block; position:absolute; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; left: 12px; top:50%; margin-top:-6px; }
.wrap.admin .nav_toggle>i{position:absolute; color:#fff; padding-left: 22px; padding-right:10px; height:25px; line-height:20px; letter-spacing:0; vertical-align:middle;}
.wrap.admin .nav_toggle:after{margin-left:-2px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.wrap.admin.slide .integ_gnb{width:calc(100% - 0px); margin-left:0px;}
.wrap.admin.slide .nav_toggle{left:10px}
.wrap.admin.slide .nav_toggle:after{margin-left:-6px; transform:rotate(40deg); -webkit-transform: rotate(40deg);}  

.admin .sys_name{font-size:22px; color:#535353; letter-spacing:-1.5px; text-align:center; background:#fff; padding:32px 0; border-bottom:1px solid #ddd}
.admin .sys_name>strong{display:block; letter-spacing:-1px;}
.admin .sys_name.ty02{display:none; font-size:15px; color:#fff; letter-spacing:-0px; text-align:left; background:inherit; padding:0; border-bottom:0; float:left; padding-left:80px; padding-top:1px; transition:all 0.2s;}
.admin .sys_name.ty02>strong{display:inline-block; letter-spacing:-1px; padding-right:5px; color:#fff !important}

.admin .nav {width:100%;}
.nav>li>a {font-size:15px; color:#fff; display:block; padding:15px 15px 15px 18px; border-bottom:1px solid rgba(255,255,255,0.2); text-decoration:none;}
.admin .nav>li>a.active{background:#fff; color:#333; font-weight:bold; border-bottom:1px dotted #ccc;}
.admin .nav>li>a>.arrow{float:right; margin-top:-4px;}
.admin .nav>li>a.active>.arrow{margin-top:0px;}
.admin .nav>li>a>.arrow:after{content:""; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; display:inline-block; transform:rotate(135deg);}
.admin .nav>li>a.active>.arrow:after{border-top:2px solid #333; border-right:2px solid #333;transform:rotate(-45deg);}
.admin .nav>li>ul{display:none;}
.admin .nav>li>ul>li>a{font-size:14px; color:#3e3e3e; letter-spacing:-1px; padding:12px 10px 12px 22px; background:#f4f5f9; border-bottom:1px dotted #ccc; display:block;}
.admin .nav>li>ul>li>a.active{color:#008b99; font-weight:bold;}
.admin .nav>li>ul>li>a:before{content:""; display:inline-block; width:3px; height:3px; background:#3badb8; vertical-align:4px; margin-right:7px;}
.admin .container{/*width:1150px;*/ width:calc(100% - 180px); margin-left:180px;min-width:950px; background: #fff; padding:0 20px;}
.admin .container .cont_header {max-width:auto; margin:auto; padding:0;}
.admin .btn{height:30px; line-height:28px; padding:0 13px;}
.wrap.admin.slide .sys_name.ty02{display:inline-block;}
.wrap.admin.slide .container{width:calc(100% - 0px); margin-left:0px;} 

@media (max-width: 1500px){ 
    /*.wrap.admin .nav_area{left:-180px;}
    .wrap.admin .nav_toggle{display:block;}
    .wrap.admin.slide .nav_area {left:0;}
    .admin .sys_name.ty02{display:inline-block; font-size:15px; color:#fff; letter-spacing:-0px; text-align:left; background:inherit; padding:0; border-bottom:0; float:left; padding-left:80px; padding-top:1px; transition:all 0.2s;}
    .admin .sys_name.ty02>strong{display:inline-block; letter-spacing:-1px; padding-right:5px; color:#fff !important}
    .wrap.admin.slide .sys_name.ty02{display:none;}
    .admin .container{width:calc(100% - 0px); margin-left:0;}
    .admin.slide .container{width:calc(100% - 180px); margin-left:180px;} */
}

.title{font-family:'Noto Sans KR',sans-serif; font-size:23px; color:#333; font-weight:500; letter-spacing:-1.5px; border-bottom:1px solid #ddd; width:100%; padding:8px 0 3px; margin-bottom:25px;}
.cont_header {/*max-width:1000px;*/ margin:auto; }
.cont_header:after{content:""; display:block; clear:both}
.cont_header .title{/*float:left;*/}
.cont_header .page_navi{font-family:'Malgun Gothic'; float:right; text-align:right; font-size:12.5px; color:#555; font-weight:normal; letter-spacing:-0.5px; text-indent:15px; display:inline-block; margin:13px 3px 0 0; background:url(../images/icon_home.png) 0 50% no-repeat;}

.page_cont{}
.page_title{font-family:'Noto Sans KR',sans-serif; font-size:17px; color:#333; letter-spacing:0; font-weight:400; display:block; margin:25px 0 5px;}
.page_title:before{content:""; display:inline-block; width:6px; height:6px; border:3px solid #2c929c; border-radius:100px; margin-right:5px;}
.page_title .f_right .btn{margin-top:-10px; margin-bottom:5px; vertical-align:middle;}
.page_title .text_1.f_right{font-family:'malgun gothic'; margin-top:4px;}
.page_title .f_right select{margin-bottom:5px; height:34px; vertical-align:bottom; display:inline-block; margin-top:-10px;}
.total_count{font-family:'Malgun Gothic'; font-size:13px; color:#333; letter-spacing:-0.5px; text-indent:2px; padding-top:12px; margin-bottom:5px;}
.total_count>strong{font-size:14px; font-weight:bold;}
.total_count .f_right .btn{margin-top:-12px;}
.total_count .text_1.f_right{margin-top:5px;}
.total_count:after{content:""; display:block; clear:both}

.text_1{font-family:'Malgun Gothic'; font-size:13px; color:#666; font-weight:400; letter-spacing:-0.5px; line-height: 19px; display:inline-block; vertical-align:middle}
td .text_1{font-size:12px; vertical-align:-1px; line-height:17px; vertical-align: 0px}
.text_1.ty02{display:block; padding:18px 0 8px;}
.text_1.ty02:before{content:""; display:inline-block; width:3px; height:3px; background:#333; vertical-align:4px; margin-right:5px; margin-left:3px;}
.text_1.ty02>.btn{float:right; margin-top:-10px; margin-left:3px;}
.text_1.ty02>.btn_area_r{margin-top:-10px;}
.text_1.ty03{font-size:14px; color:#333; margin-top:10px; text-align:center; font-weight:bold; display:block;}
.text_1.bg{background:#f4f5f9; padding:10px 15px; border-radius:5px;}
.text_1.chk{font-size:14px; color:#333; font-weight:bold; display:block; padding:15px 0 5px;}
.text_1.chk label>input[type="checkbox"]{width:18px; height:18px; vertical-align:-3px; margin-right:8px; margin-left:2px;}
.text_1.chk>.btn{float:right; margin-top:-5px; margin-left:3px;}
.text_3{font-family:'Noto Sans KR',sans-serif; font-size:22px; color:#333; letter-spacing:-1px; text-align:center; margin-bottom:20px;}
.text_4{font-size:14px; color:#333; letter-spacing:-0.5px;}
.text_4.ty02{position:relative; padding-left:30px; display:block;}
.ichk{width:20px; height:20px; background:#32a9b5; border-radius:100%; display:inline-block; font-size:15px; color:#fff; font-weight:600; text-align:center; vertical-align:middle; margin-right:5px;}
.text_4.ty02>.ichk{position:absolute; left:3px; top:0px; display:block;}
.necessary{display:inline-block; text-indent: -9999px; position:relative;}
.necessary:before{content:'*'; position:absolute; top:3px; left:-10px; font-size:15px; color:#f60000; font-weight:bold; line-height:17px; text-indent:0; display:inline-block;}
.text_1.ty02:after, .text_1.chk:after, .text_3:after, .text_4:after{content:""; display:block; clear:both}

/* table*/
.table{border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table th, .table td{font-size:13px; color:#333; letter-spacing:-0.5px; font-weight:400; line-height:16px; text-align:left; height:36px; padding:3px 5px; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.table th{background-color:#f4f5f9; letter-spacing:-0.5px; color:#333; font-weight: bold; padding-left:20px; text-align:left}
.table td{}
.table .btn{font-size:12px; height:27px; line-height:25px;padding: 0 10px; letter-spacing:-0.5px}
.table th label{margin-left:0; vertical-align:0px}
.table th.excep{padding-left:5px}
.table td>ul{margin:3px 0}
.table td>ul>li{margin-bottom:3px}
.table td>ul>li:last-child{margin-bottom:0}
.table.al_c th, .table.al_c td{text-align:center !important; padding:0 10px !important;}
.table th.al_c{padding-left:5px}
.table input{width:205px;}
.table input[type="radio"],.table input[type="checkbox"]{width:13px; height:13px;}
.table select{width:205px;}
table td a, table td a:active, table td a:visited{color:#333}
table td a:hover{text-decoration:underline}
p.btn_calendar{width:94px; position:relative; display:inline-block;}
p.btn_calendar input{width:100%; padding-right:15px;}
p.btn_calendar span{position:absolute; top:3px; right:5px; width:11px; height:15px;}
.icon_calendar{width:11px; height:27px; background:url(../images/btn_calendar.png) 50% 50% no-repeat; text-indent:-9999px; position:absolute; right:4px;}
p.btn_calendar.ty02{width:140px;}
.biznum input{width:100px;}
.biznum_2 input{width:75px;}
.telnum select, .telnum input{width:75px;}
.email select{width:85px;}
.email input{width:75px;}
.file_upload{display:inline-block; position:relative;}
.file_upload:after{content:""; display:block; clear:both;}
.file_upload label {width:80px; height:27px; line-height:25px; font-size:12px; color:#333; text-align:center; letter-spacing:-1px; font-weight:bold;background-color:#fff;border:1px solid #cbced6;border-radius:1px;display:inline-block;vertical-align:middle;margin-left:0;}
.file_upload label:hover, .delete:hover{cursor:pointer}
.file_upload>input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.file_upload>.upload_name{width:410px; height:27px; border:1px solid #dfdfdf; vertical-align:middle; display:inline-block; color:#aaa; padding-left:5px;}
.delete {width:30px; height:27px; background:url(../images/icon_del.png) 50% 50% no-repeat; display:inline-block; position:absolute; right:83px; background-size:20px; cursor:pointer;}

.td_box>li{width:100%; display:block; margin-bottom:5px;}
.td_box>li>label{width:160px; display:inline-block;}
.text_al{vertical-align:-5px;}

.data_type thead th, .data_type_2 thead th{font-size:14px; letter-spacing:-1px; text-align:center; padding-left:5px;}
.data_type tr{background:#cdedd0;}
.table tr.type_same td, .table .type_same{background:/*#d8f8fb*/#e0f3fc; text-align:center}
.data_type_2 thead th{}
.before{background:#cdedd0}
.after{background:#e0f3fc}

.data_type thead th input[type="radio"],.data_type_2 thead th input[type="radio"]
{width:15px; height:15px; vertical-align:-2.5px; margin-right:5px;}
.icon_file{width:16px; height:16px; display:inline-block; text-indent:-9999px; background:url(../images/icon_file.png) 50% 50% no-repeat; margin-right:5px;}

.user_history{overflow-x:scroll; border-left:1px solid #ddd; border-right:1px solid #ddd; display:flex; display:-ms-flexbox;}
.user_history .tbl_box{min-width:33%; -ms-flex:0 1 auto;}
.user_history:after{content:""; display:block; clear:both}
.user_history .table:last-child td{border-right:0px;}
.user_history thead th{background:/*#d9f5f8*/#ddecf2; text-align:center; padding:3px 5px; border-top:1px solid #333}
.user_history tbody th{padding-left:10px;}

.search_area{position:relative;}
.search_area:after{content:""; display:block; clear:both}
.search{position:absolute; bottom:3px; right:4px;}
.search_area .table input {/*width:190px;*/}
.search_area .table label input[type="radio"], .search_area .table label input[type="checkbox"]{width:13px;}
.chk_area{margin-left:-10px; display:inline-block;}
.chk_area>label{margin:4px 15px 2px 10px; display:inline-block;}
.chk_area>label:nth-child(6):before{content:"";display:block}
.chk_area>label:nth-child(6){/* clear:both; */}

.list_text{display:block; background-color:#f4f5f9; padding:15px; margin:10px auto;}
.list_text>li{font-size:13px; color:#262626; line-height:22px; letter-spacing:-0.5px;}
.list_text>li:before{content:""; display:inline-block; width:3px; height:3px; background:#3badb8; vertical-align:4px; margin-right:10px;}
.list_text>li>ul{padding-left:15px;}
.list_text.ty02{background:inherit; padding:10px 0; margin: 5px auto;}
.list_text.ty02 li{text-indent:5px;}
.list_text_2>li{font-size:14px; color:#555; letter-spacing:-0.5px; line-height:20px; position:relative; padding-left: 12px; margin-bottom:5px;}
.list_text_2>li:before{content:""; width:2px; height:2px; background:#333; display:inline-block; vertical-align: 4px; position:absolute; left:0px; top:9px;}
.list_text:after, .list_text_2:after{content:""; display:block; clear:both}

.company_info{clear:both; position:relative; border:1px solid #eee;}
.company_info>table{border-top:1px solid #ddd;}
.company_info:after{content:""; display:block; clear:both;}
.company_info>ul{padding:15px 25px 15px 35px;}
.company_info>.company_info_1{display:flex}
.company_info>.company_info_1>li{font-size:14px; color:#666; width:calc(20% - 13px); padding-right:10px; display:inline-block;}
.company_info>.company_info_1>li>p{display:inline-block;}
.company_info>.company_info_1>li>span{font-size:15px; color:#424242; letter-spacing:-0.5px; font-weight:bold; display:block; margin-top:5px;}
.company_info>.company_info_1>li>span.type01{font-size:15px; color:#31629c;}
.company_info>.company_info_1>li:nth-child(3)>span, .company_info>ul>li:nth-child(4)>span{font-weight:0px;}
.company_info>.company_info_2{background:#f4f5f9;}
.company_info>.company_info_2>li{width:100%; margin-bottom:6px;}
.company_info>.company_info_2>li:last-child{margin-bottom:0px;}
.company_info>.company_info_2>li>p{min-width:95px; display:inline-block; vertical-align:top;}
.company_info>.company_info_2>li>span{font-size:13px; letter-spacing:0px; font-weight:normal; display:inline-block}

.status, .m_division{display:flex;}
.status{margin-bottom:20px;}
.status_ty,.mmbr_type{width:calc(25% - 10px); display:inline-block; vertical-align:top; background:#fff; border: 1px solid #ddd; border-radius:6px; box-shadow:1px 1px 10px rgb(0 0 0 / 5%); padding:20px; margin-right:10px;}
.status:after, .m_division:after{content:""; display:block; clear:both}

.status.ty02 .status_ty, .m_division.ty02 .mmbr_type, 
.findid_type{width:calc(50% - 6px);}
.status.ty03 .status_ty, .m_division.ty03 .mmbr_type{width:calc(33% - 6px);}
.status.ty04 .status_ty, .m_division.ty04 .mmbr_type{width:calc(25% - 6px);}
.status.ty05 .status_ty, .m_division.ty05 .mmbr_type{width:calc(20% - 6px);}

.status_ty{font-size:15px; color:#333; letter-spacing:-1px;}
.status_ty.ty01{border:1px solid #32a9b5}
.status_ty.ty02{border:1px solid #00867e}
.status_ty.ty03{border:1px solid #52a600}
.status_ty>strong{float:left}
.status_ty>p{float:right; text-align:right; font-size:16px; font-weight:bold;}

.system{font-weight:bold !important}
.system.ty01{color:#25a2af !important}
.system.ty02{color:#007c75 !important}
.system.ty03{color:#52a600 !important}

.tab_btn_area{height:42px; border-bottom:1px solid #dbdbdb;}
.tab_btn{background:#fff; border:1px solid #dbdbdb; border-bottom:0px; min-width:120px; padding:0 20px; display:inline-block; float:left; margin-left:-1px; font-size:14px; color:#999; font-weight:bold; letter-spacing:-0.5px; text-align:center; line-height:40px;}
.tab_btn:first-child{margin-left:0px;}
.tab_btn.active{background:#007fbc/*#2C929C*/; border:1px solid #007fbc/*#2C929C*/; color:#fff;}
.tab_content_box{padding:20px 0 20px; margin-top:-1px;}
.tab_content{display:none}
.tab_content.active{display:block}
.tab_content>ul>li{}
.tab_btn_area:after{content:""; clear:both; display:block}

.mail_review .text_1{border-bottom: 1px dashed #ddd;padding-bottom: 10px;margin-bottom: 15px; display:block}

.pagination{padding:10px 0 10px; text-align:center; margin:10px auto 0px;}
.pagination.excep01{margin:10px auto 0;}
.pagination a, .pagination span{display: inline-block; margin-right:0px; width:27px; font-size:12px; color:#333; line-height:25px; text-decoration:none; text-align:center; vertical-align:middle; border-left:1px solid #fff; background-color:#efefef;}
.pagination a:active, .pagination a:visited{color:#333}
.pagination > a.on, .pagination > a:hover.on,
.pagination > span.on, .pagination > span:hover.on
{display:inline-block; color:#fff; background-color:/*#32a9b5*/#53565c;}
.pagination > a.on:active, .pagination > a.on:visited{color:#fff}
.pagination a.prev, .pagination a.prevEnd, .pagination a.next, .pagination a.nextEnd,
.pagination span.prev, .pagination span.prevEnd, .pagination span.next, .pagination span.nextEnd{width:25px; height:25px; display: inline-block; vertical-align: middle; background-repeat:no-repeat; background-position:50%; box-sizing:border-box; background-color: #fff; border:1px solid #bdbdbd; font-size:0; line-height:0; text-indent:-9999px;}
.pagination a.prev, .pagination span.prev{background-image:url('../images/prev.png'); }
.pagination a.prevEnd, .pagination span.prevEnd{background-image:url('../images/first.png');}
.pagination a.next, .pagination span.next{background-image:url('../images/next.png'); }
.pagination a.nextEnd, .pagination span.nextEnd{background-image:url('../images/end.png');}
.pagination a:hover{text-decoration:none; color:#000;}

.tooltip_title{/*position:relative;*/ padding-right:23px;}
.tool{font-size:15px; color:#fff; text-align:center; font-weight: bold; width:20px; height:20px; line-height:20px; display:inline-block; border-radius:100%; background:#576779; position:absolute; margin:-3px 0 0 5px; /*margin:-1px 0 0 3px\0/IE9*/} /*[오상자이엘] 24.01.16 유지인, (통합포탈 CSS 웹표준 검사) IE9 삭제처리 */
.tool:hover{cursor:pointer}
.tool:hover span.show_text {top:-60px; z-index:99; opacity:1; display:block; z-index:2;
filter:alpha(opacity=100);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition:all 0.2s ease;}
.tool span.show_text {font-size:12px; color:#fff; font-weight:normal; line-height:16px; letter-spacing:-1px; text-align:left; width:150px; top:-50px; left:-70px; padding:7px 10px; border-radius:3px; position:absolute; z-index:-1; opacity:1; background:none repeat scroll 0 0 #576779;
filter:alpha(opacity=0);
text-transform: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease;
transition: all 0.3s ease-in-out;}
.tool span.show_text:after{content:""; position:absolute; left:50%; margin-left: -4px; bottom:-16px; display:inline-block; width:0; height:0; border-style:solid; border-width:8px; border-color:#576779 transparent transparent transparent;}

/*레이어팝업*/
.layerpopup{display:none; /*position:fixed; left:0; right:0; top:0; bottom:0; margin-left:0px !important; text-align:center; background-color:rgba(0, 0, 0, 0.7); z-index:999;*/}
.layerpopup:before{/*content:""; display:inline-block; height:100%; vertical-align:middle;*/}
.layerpopup_dim{position:fixed; left:0; right:0; top:0; bottom:0; margin-left:0px !important; text-align:center; background-color:rgba(0, 0, 0, 0.7); z-index:9;}
.layer_container{display:inline-block; vertical-align:middle; height:auto; background-color:#fff; border-radius:5px; z-index:999; position:fixed;  transform:translate(-50%, -50%); top:50%; left:50%; box-shadow:0px 0px 20px rgba(0,0,0,0.3);}
.layer_container.drag:hover{cursor:pointer}
.layer_container>.title{font-family:inherit; font-size:17px; color:#333; font-weight:bold; text-align:left; line-height:20px; padding:12px 40px 10px 18px; background:#f0f4f8; border-radius:5px 5px 0 0; margin-bottom:0px; position:relative;}
a.layer_close{width:23px; height:26px; border:0px; position:absolute; top:50%; right:10px; margin-top:-12px; text-indent:-9999px; font-size:0px;}
.layer_close:before, .layer_close:after{content:''; position:absolute; width:20px; height:2px; background-color:#333; top:12px;}
.layer_close:before{right: 1px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);}
.layer_close:after{right:1px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);}
.btn.layer_close:before,.btn.layer_close:after{display:none}
.pop_cont_area{text-align:left; padding:20px 15px; border-bottom:1px solid #ddd;}
.layer_btn_area{padding:5px 10px; text-align:center}
.layer_btn_area .btn{height:30px; line-height:28px}


/* 사용자 */
.wrap.user{min-height:100%;}
.wrap.user:after{content:""}
.wrap.user .container{margin:auto; padding:56px 20px 30px; min-height:100%; height:100%;}
/*0902 추가*/
.wrap.user .container.onepage{padding:0px 30px 0; max-width:950px; width:100%; height:auto; min-height:auto; position:absolute; left:0; right:0px; top:43%; /*top:42%\0/IE9;*/ transform:translate(0%, -50.1%); } /*[오상자이엘] 24.01.16 유지인, (통합포탈 CSS 웹표준 검사) IE9 삭제처리 */
.wrap.user .container.onepage .title{border-bottom:0px; font-size:27px; text-align:center}
/*//0902 추가*/
.wrap.user .container:before{content:""}
.wrap.user .container:after{content:""; display:block; clear:both}
.wrap.user .integ_gnb{background:#5e5e5e; padding-right:0px;}
.wrap.user .integ_gnb>span>strong{color:#e1eeff}
.wrap.user .integ_gnb>a.time_area{background:#9d9d9d url(../images/icon_clock.png) 7px 50% no-repeat;}
.wrap.user .nav_area{clear:both; margin:auto; height:56px; padding:13px 20px; background:#474747; box-shadow:-2px 3px 4px rgb(0 0 0 / 30%); position:fixed; top:25px; z-index:1; width:100%; transition:all 0.2s;}

.wrap.user .nav_area.scroll{height:45px; top:0px; padding:7px 20px;}
.wrap.user .nav_area.scroll .sys_name {font-size:18px; padding-top:2px;}
.goto_top {display:none; position:fixed; background-color:rgba(0, 0, 0, 0.3); border-radius:3px 3px 0 0; left:50%; bottom: 0px; width:40px; height:36px; z-index:999;}
.goto_top>span{text-indent:-9999px; display:block;}
.goto_top>span:after{content:""; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; display: block; text-indent:0; position:absolute; z-index:999; top:50%; left:50%; margin-top:-4px; margin-left:-6px; transform: rotate(-45deg);}

.wrap.user .nav_area .sys_name{font-size:21px; color:#fff; letter-spacing:-1.5px; display:inline-block; vertical-align: middle; margin-right:100px;}
.wrap.user .nav_area .sys_name .m_col{color:#fff !important}
.wrap.user .nav_area .sys_name>strong{margin-right:5px; font-weight:600;}
.wrap.user .lnb{display:inline-block; vertical-align: middle; float:right;}
.wrap.user .lnb li{text-align:center; display:inline-block; margin-left:25px; position:relative;}
.wrap.user .lnb li a{background-color:transparent; display:block; font-size:15px; color:#fff; letter-spacing:-0.5px; padding:5px 8px; text-align:center; text-decoration:none;}
.wrap.user .lnb>li:hover>a {color:#32a9b5;}
/*.submenu {left:0; position:absolute; visibility:hidden;}
.lnb li:hover ul.submenu {top:38px; opacity:1; visibility: visible;}
.lnb li .submenu li {float: none; width:100%; border:none}
.lnb li .submenu li a{background: #32a9b5; font-size:13px;}
.lnb li .submenu li a:hover {background: #32a9b5; transition:all 0.4s}*/

.integ_gnb{width:100%; height:25px; padding-right:0px; /*float__:right;*/ text-align:right; background:#53565c;} /*[오상자이엘] 24.01.16 유지인, (통합포탈 CSS 웹표준 검사) float__ 삭제처리 */
.integ_gnb>a, .integ_gnb>span{font-family:dotum; font-size:12px; color:#dbdbdb; line-height: 26px; letter-spacing:0; padding:0 10px; display:inline-block; border-left:1px solid rgba(255,255,255,0.2); height:100%;}
.integ_gnb>.userinfo01{border-left:0px; background:url(../images/icon_user.png) 0 50% no-repeat; padding:0 10px 0 18px}
.integ_gnb>span>strong{color:#23d0e2; font-weight:normal; }
.integ_gnb>a.time_area{display:inline-block; padding:0 10px 0 25px; background:#32a9b5 url(../images/icon_clock.png) 7px 50% no-repeat;}
.integ_gnb>a.time_area,.integ_gnb>a.time_area:active,.integ_gnb>a.time_area:visited{color:#fff}
.integ_gnb>a.time_area>strong{letter-spacing:0;}
.integ_gnb>a.time_area>span{font-size:11px; line-height:17px; letter-spacing:-1px; display:inline-block; vertical-align:1px;}
.integ_gnb:after{content:""; display:block; clear:both}
.container.integmbr{margin:auto; background:#f7f8fa; padding:0 30px 30px; height:auto; min-height:100%}
.container.integmbr:after{content:""; display:block; clear:both}

/*회원가입 단계*/
.integmmbr_process{width:calc(100% + 60px); margin-left:-30px; border:1px solid #cecece; box-shadow:1px 0 20px 1px rgb(204 216 233 / 40%); overflow:hidden; height:70px; display:table;}
.integmmbr_process>ul{width:100%; display:table; position:relative; height:70px; vertical-align:middle;}
.integmmbr_process>ul>li{width:calc(20% - 8px); border-left:1px solid #cecece; display:table-cell; font-size:15.5px; color:#5f5f5f; font-weight:400; letter-spacing:-0.5px; line-height:20px; vertical-align:middle; position:relative; padding-left:72px; background:#fff}
.integmmbr_process>ul>li:first-child{border-left:0px}
.integmmbr_process>ul>li>em{font-style:normal;background:url(../images/icon_mprocess.png) 50% 50% no-repeat;width:50px;height:37px;margin-right:8px;display:inline-block;vertical-align:middle;position: absolute;left: 13px;}
.integmmbr_process>ul>li.icon_1>em{background-position:0 0}
.integmmbr_process>ul>li.icon_2>em{background-position:-50px 0;}
.integmmbr_process>ul>li.icon_3>em{background-position:-100px 0}
.integmmbr_process>ul>li.icon_4>em{background-position:-150px 0;margin-right: 6px;}
.integmmbr_process>ul>li.icon_5>em{background-position:-200px 0}
.integmmbr_process>ul>li>i{font-size:12px;color:#909090;letter-spacing: 0;display:block;line-height: 14px;padding-left: 2px;margin-bottom: 2px;}
.integmmbr_process>ul>li.active{background:#32a9b5; color:#fff; font-weight:bold }
.integmmbr_process>ul>li.active>i{color:#fff; font-weight:normal}
.integmmbr_process>ul>li.icon_1.active>em{background-position:0 -35px;}
.integmmbr_process>ul>li.icon_2.active>em{background-position:-50px -35px;}
.integmmbr_process>ul>li.icon_3.active>em{background-position:-100px -35px}
.integmmbr_process>ul>li.icon_4.active>em{background-position:-150px -35px;}
.integmmbr_process>ul>li.icon_5.active>em{background-position:-200px -35px}

/*통합회원 전환 단계*/
.integmmbr_process.ty02{width:100%; margin-left:0; box-shadow:1px 0 10px 1px rgb(204 216 233 / 20%); height:56px; margin-bottom:25px;}
.integmmbr_process.ty02>ul{height:56px;}
.integmmbr_process.ty02>ul>li{width:calc(33.33% - 0px); /*margin-left:-3px\0/IE9;*/ display:inline-block; padding:10px 0 10px 80px;} /*[오상자이엘] 24.01.16 유지인, (통합포탈 CSS 웹표준 검사) IE9 삭제처리 */
.integmmbr_process.ty02>ul>li>em{left:20px; margin-top:2px}
.integmmbr_process.ty02>ul>li.icon_1>em{background-position:-250px 0}
.integmmbr_process.ty02>ul>li.icon_2>em{background-position:-100px 0;}
.integmmbr_process.ty02>ul>li.icon_3>em{background-position:-150px 0}
.integmmbr_process.ty02>ul>li.icon_4>em{background-position:-50px 0; margin-right:0px;}
.integmmbr_process.ty02>ul>li.active{background:#32a9b5; color:#fff; font-weight:bold; border-left:0px }
.integmmbr_process.ty02>ul>li.active>i{color:#fff; font-weight:normal}
.integmmbr_process.ty02>ul>li.icon_1.active>em{background-position:-250px -35px;}
.integmmbr_process.ty02>ul>li.icon_2.active>em{background-position:-100px -35px;}
.integmmbr_process.ty02>ul>li.icon_3.active>em{background-position:-150px -35px}
.integmmbr_process.ty02>ul>li.icon_4.active>em{background-position:-50px -35px;}

.al_middle{/*position:relative; left:50%; transform:translate(-50%, 30%);*/ padding-top:53px;}
.m_division.step_age{text-align:center; max-width:550px; margin:auto;}
.m_division.step_age .mmbr_type{width:calc(50% - 14px); margin-right:0px; margin:0 8px;}
.step_age .mmbr_type{font-family:'Noto Sans KR',sans-serif; font-size:20px; color:#fff; font-weight:400; background:#32a9b5; border:0px; padding:25px 0}
.step_age .mmbr_type.excep{background:#d2d2d2; color:#666;}
.m_division.select_type{max-width:550px; margin:auto; text-align:center;}
.m_division.select_type .type{width:calc(50% - 14px); margin-right:0px; margin:0 8px; border-radius:5px; display:inline-block; font-family:'Noto Sans KR',sans-serif; font-size:18px; color:#fff; font-weight:400; background:#32a9b5; padding:20px 0}
.cont_box{width:750px; margin:auto;}
.cont_box_2{width:500px; margin:auto; border:1px solid #ddd}
.gradient_border {border-style:solid; border-image:linear-gradient(to right, #c9daf7 0%, #c8e8eb 100%); border-image-slice:1; border-image-width:7px; /*border:5px solid #c8e8eb \0/IE9*/} /*[오상자이엘] 24.01.16 유지인, (통합포탈 CSS 웹표준 검사) IE9 삭제처리 */

.cont_box>.title{font-size:24px; letter-spacing:-1.5px; margin:20px 0 9px; padding:0; border-bottom:0px;}
.chk_biznum{background:#fff; width:100%; padding:30px; text-align:center;}
.chk_biznum .text_1{font-size:13.5px; color:#333; text-align:center; margin-bottom:17px; display:block;}
.chk_biznum .text_2{font-family:'Noto Sans KR',sans-serif; font-size:17px; color:#333; font-weight:400; letter-spacing: 0.5px; display:inline-block; vertical-align:middle; margin-right:10px;}
.chk_biznum span>input{font-size:16px; text-align:center; height:35px; }
.chk_biznum span>button{height:35px;}

.chkall_agree{width:100%; font-size:16px; color:#333; font-weight:bold; letter-spacing:-0.7px; border:1px solid #ddd; background:#fff; border-radius:3px; padding:20px 20px 20px 25px; line-height:24px; margin-bottom:10px;}
.agree_slide>ul{margin:0; padding:0; list-style:none; margin-top:-1px; border:1px solid #ddd;}
.agree_slide li {position:relative; background:#fff; }
.agree_slide li strong{font-size:15px; color:#333; font-weight:normal; display:block; padding:16px 120px 16px 25px; position:relative;}
.agree_cont{display:none; background:#f8f8f8}
.agree_cont>li{padding:0; border-top:1px solid #ddd}
.agree_txt {width:100%; background-color:transparent; padding:10px 20px 10px 25px; height:200px; overflow-y:scroll; border:none; font-size:13px; color:#333; line-height:20px; letter-spacing:-0.5px;}
.cont_trigger {font-size:13px; color:#333; font-weight:bold; line-height:53px; width:120px; padding-left: 20px; display:inline-block; border-left:1px solid #ddd; position:absolute; right:0; top:0;}
.cont_trigger:hover{cursor:pointer}
.cont_trigger>i{background:url(../images/arrow_1.png) 50% 50% no-repeat; height:52px; width:50px; position:absolute; right:0; top:0; transition:all 0.5s;transform: rotate(0deg);}
.cont_trigger>i.up{transform: rotate(180deg);} 
.msearch_slide:after{content:""; display:block; clear:both}
.text_1.ty02.line{display:block; padding:22px 0 15px; border-bottom:1px solid #ddd;}
.chkall_agree label>input[type="checkbox"],
.agree_slide label>input[type="checkbox"]{width:18px; height:18px; margin-right:10px; vertical-align:-3px;}

.integmbr .table{border-top:1px solid #d6d6e8; border-left:1px solid #d6d6e8; border-bottom:1px solid #d6d6e8;}
.integmbr .table th, .integmbr .table td{font-size:13px; color:#333; letter-spacing:0px; text-align:left; line-height:20px; height:43px; padding:3px 5px; border-top:1px dotted #ddd; border-right:1px solid #ddd;}
.integmbr .table th{background-color:#efeff7; letter-spacing:-0.5px; font-weight:bold; padding-left:25px}
.integmbr .table td{background:#fff}
.integmbr .table input,.integmbr .table select,.integmbr .integmbr .table .btn{height:34px;}
.integmbr td .text_1{font-size:13px; vertical-align:middle; line-height: 17px;}
.integmbr .file_upload label {height:34px; line-height:32px;}
.integmbr .file_upload>.upload_name {height:34px;}
.integmbr .delete {width:30px; height:33px; right:86px;}
.integmbr .table th.excep{padding-left:10px}
.integmbr .necessary:before{top:4px; left:-12px;}

.integmbr .table .btn{line-height:32px; height:34px; font-size:12px}
.addr>p{margin-bottom:5px;}
.addr>p>input{width:570px;}
.addr>p:first-child>input{width:150px}
.addr>p:first-child{margin-top:5px;}
.addr>p>.btn{margin-left:5px}
.integmbr input[type="radio"], .integmbr input[type="checkbox"]{width: 13px; height: 13px; vertical-align:-2px; margin-right:3px;}
/*.integmbr input:disabled, .integmbr select:disabled, .integmbr textarea:disabled {background:#f4f5f9;}*/
select:disabled{opacity:1; color:#888}
.disabled{color:#888}
.integmbr .table.ty01{}
.integmbr .table.ty01 th, .integmbr .table.ty01 td{font-size:14px; text-align:center; font-weight:bold}
.integmbr .table.ty01 th{height:42px; padding-left:5px}
.integmbr .table.ty01 td{height:52px}
.integmbr .table.ty01 td input[type="checkbox"]{width:18px; height:18px;}
input[type="checkbox"].ty_1,input[type="radio"].ty_1{margin-right:0; vertical-align: 0px;}
.integmbr .table.ty01 td .excep{padding-left:20px;}
.integmbr .table.ty01 td .excep .control_indicator{top:-2px;}
.integmbr .table.intbl th{height:30px;}
.integmbr .table.intbl td{height:30px}
.integmbr .btn.plus, .integmbr .btn.minus{width:30px; height:30px !important;}
.integmbr .btn.plus:before,.integmbr .btn.plus:after,
.integmbr .btn.minus:before{content:''; top:14px;}
.integmbr .btn.plus:before,.integmbr .btn.minus:before{right:7px;}
.integmbr .btn.plus:after{right:7px;}
.integmbr .btn.plus.ty02, .integmbr .btn.minus.ty02{width:100px; height:30px !important; line-height:28px !important;}

.integmbr .company_info{background:#fff; border:1px solid #ddd}
.integmbr .company_info>.company_info_2{background:#efeff7;}

.info_box_1 {min-width:700px; margin:20px auto 0; padding: 35px 35px 30px;background:#fff;}
.info_box_1>dt{font-family:'Noto Sans KR',sans-serif; font-size:24px; color:#333; letter-spacing:-1px; text-align:center; margin-bottom:20px;}
.info_box_1>dd{}
.info_box_1>dd.list.ty01>li{margin-bottom:10px; word-break:keep-all;}
.info_box_1 .icon{width:100px; height:90px; margin:0 auto 15px; display:block;}
.info_box_1 .icon.mmbr_result{background:url(../images/img_pc.png) no-repeat; background-position:0 0;}
.info_box_2{font-family:'Noto Sans KR',sans-serif; font-size:20px; color:#333; font-weight:400; letter-spacing:-0.5px; width:100%; border:5px solid #eee; background:#fff; padding:25px 30px;  display:inline-block; vertical-align:middle; position:relative}
.info_box_2 .text_1{display:block; margin-top:5px;}
.info_box_2 .btn{font-family:'Noto Sans KR',sans-serif; font-size:20px; font-weight:400; line-height:53px; height:56px; position:absolute; top:50%; right:30px; transform:translate(0, -50%);}
.info_box_2:after{content:""; display:block; clear:both;}

.write_area{padding:5px 0 5px 0}
.write_area>select{width:50%; height:35px; margin-bottom:5px;}
.write_area>textarea{height:150px;}
.write_area:after{content:""; display:block;}

.certification{}
.certification .mmbr_type{font-size:15px; color:#333; letter-spacing:-1px; font-weight:bold; text-align:center; padding:20px 5px;}
.mmbr_type>p{display:block}
.certification .mmbr_type:active, .certification .mmbr_type:visited{color:#333}
.certification .mmbr_type:hover{color:#008b99; border:1px solid #32a9b5}
.certification .mmbr_type>i{background:url(../images/icon_certi.png) 0 0 no-repeat; width:50px; height:35px; margin:0 auto 15px; display:block; vertical-align:middle;}
.certification .mmbr_type>.icon_1{background-position:0 0}
.certification .mmbr_type>.icon_2{background-position:-50px 0}
.certification .mmbr_type>.icon_3{background-position:-100px 0}
.certification .mmbr_type>.icon_4{background-position:-150px 0}

.step_line {position:relative; margin-bottom:25px; padding:0 0 0 110px;}
.step_line:last-child{margin-bottom:0px;}
.step_line>.system{display:table; position:absolute; top:0; left:0; bottom:0; width:220px; height:100%; border-radius:5px; background-color:/*#d6e8f0*/#ddecf2;}
.step_line>.system.ty01{}
.step_line>.system.ty02{}
.step_line>.system.ty03{}
.step_line>.system.ty04{}
.step_line>.system strong {font-size: 16px;color: #333;font-weight: 400;display:table-cell;vertical-align:middle;text-align:center;}
.step_line>.system strong>span{font-size:14.5px; color:#333; letter-spacing:-0.3px; display:block; margin-bottom:3px;}
.step_line>.system strong>i{font-weight:600}
.step_cont {position:relative; margin-left:110px;}
.step_cont .step_contin{font-size:16px; color:#525252; letter-spacing:-0.5px; line-height:23px; border-radius:5px; padding:18px 30px; margin-left:18px; border:1px solid #e1e3e6; background:#fff;}    
.step_cont .step_contin>strong{font-weight:600; display:block}    
.step_contin .list_text{background-color:#fff; padding:0; margin:0 auto;}
.step_contin .list_text>li{font-size:14.5px; letter-spacing:0}
.step_contin .list_text>li>span{min-width:100px; display:inline-block}

.integ_login{}
.integ_login>.tab_content_box{padding:30px 0 30px}
.integ_login>.tab_content{border:5px solid #eee; padding:35px 40px 25px;}
.integ_loginin{border:5px solid #eee; padding:45px 50px 36px; min-height:274px; position:relative}
.integ_loginin:before{content:""; width:1px; height:100%; border-left: 1px dotted #bebebe; /*background:#ddd;*/ position:absolute; top:0px; left:50%; display:inline-block}

.integ_loginin.ty02:before{display:none}
.login_ty{float:left; vertical-align:top; position:relative; width:50%; /*border-right:1px dotted #bebebe;*/ margin-right:40px; padding-right:45px;}
.login_ty.ty02{width:100%; padding-right:0px; border:0px;}
.login_ty.ty02>.text_1{font-size:14px; color:#555; letter-spacing:-1px; text-align:center; display: block; /* font-weight: bold; */ margin:10px auto 0px;}
.text_link{color:#007fbc; font-weight:normal; letter-spacing:-0.1px}
.text_link:hover{text-decoration:underline}
.text_link:active,.text_link:visited{color:#007fbc}
.login_ty.ty02>.btn{max-width:300px; margin:auto;}
.login_ty>p{position:relative; padding-left:70px; margin-bottom:8px;}
.login_ty>p>label{font-size:15px; color:#222; font-weight:bold; width:65px; position:absolute; left:2px; top:10px; vertical-align:middle; display:inline-block;}
.login_ty>p>input{width:100%; height:40px; padding-left:10px; display:inline-block;}
.login_ty>i{width:100px; height:80px; margin:0 auto 28px; display:block; background:url(../images/icon_login_btn_2.png) 0 0 no-repeat;}
.login_ty>i.icon_1{}
.login_ty>i.icon_2{background-position:0 0}
.login_ty>i.icon_3{background-position:-100px 0}
.login_ty>i.icon_4{background-position:-200px 0}

.login_ty>p.text_btn{margin:10px auto 0px; padding-left:0px;}
.login_ty>p.text_btn a{font-size:13px; color:#444; letter-spacing:-1px;}
.login_ty>p.text_btn a:visited,.login_ty>p.text_btn a:active{color:#444}
.login_ty>.btn{width:100%; display:block; bottom:20px; font-size:17px; letter-spacing:-0.5px; height:46px; border-radius:0px; margin-top:20px;}
p.text_btn a.text_btn_1{font-weight:bold}
.text_btn i.arrow{display:inline-block; position:relative; vertical-align:1px; margin-left:3px;}
.text_btn i.arrow:after{content:""; display:block; position:relative; width:6px; height:6px; border-top:1px solid #008b99; border-right:1px solid #008b99;
transform:rotate(45deg) translate(0,0) !important;
-webkit-transform: rotate(45deg) translate(0,0) !important;}
.login_ty>p.text_btn>span>a:first-child:after{content:""; width:1px; height:11px; display:inline-block; background:#dddddd; margin-right:9px; margin-left:14px; vertical-align:-2px;}

.integ_login:after, .integ_login>.tab_content:after, .integ_loginin:after, .login_ty:after{content:""; display:block; clear:both}
.login_expain{width:calc(50% - 40px); /*padding:5px 0 0;*/ display:inline-block; float:left;}
.login_expain>.page_title{font-family: 'Malgun Gothic','Noto Sans KR',sans-serif; margin: 0 0 18px 2px;letter-spacing: -1px;font-weight:bold;}
.login_expain>.page_title:before{margin-right:6px;}
.login_expain>ul.list_text.ty02{padding:0; margin:0;}
.login_expain>ul.list_text.ty02>li{color:#555; letter-spacing:-1px; line-height:22px; text-indent:0px; position:relative; padding:0 0 10px 19px;}
.login_expain>ul.list_text.ty02>li:before{content:""; position:absolute; top:9px; left:6px; margin-right: 0px;}
.login_expain>ul.list_text.ty02>li:last-child{padding-bottom:0px}
.integ_login>.tab_btn_area{height:48px; border-bottom:0px;}
.integ_login>.tab_btn_area>.tab_btn{font-size:16px; color:#666; font-weight:bold; letter-spacing:-1px; line-height:46px; border:1px solid #ccc; min-width:120px; width:calc(25% - 0px); padding:0 20px;}
.integ_login>.tab_btn_area>.tab_btn.active {color:#fff;}

.family_site{background-color:#ececec; width: 890px;text-align: center;}
.family_site ul{margin:0 auto;}
.family_site li{display:inline-block; text-align:center; padding:20px 18px;}
.family_site li:first-child{margin-right:5px}

.login_btn_area{margin:30px auto 0; border:1px solid #ddd; background:#f4f5f9;}
.login_btn_area>li{margin:20px 0 18px; display:inline-block; width:33%; padding-left:13%; text-align:left; float:left; border-right:1px dotted #c9c9c9; position:relative;}
.login_btn_area>li:last-child{border-right:0px}
.login_btn_area>li>em{width:55px; height:55px; display:inline-block; position:absolute; top:3px; left:12.5%; border-radius:100%; background:#c9cacd url("../images/icon_login_btn.png") 0 0 no-repeat;}
.login_btn_area>li.icon_1>em{background-position:0 0}
.login_btn_area>li.icon_2>em{background-position:-55px 0}
.login_btn_area>li.icon_3>em{background-position:-110px 0}
.login_btn_area li{font-size:12px; color:#777; line-height:18px;}
.login_btn_area .text_1{font-size:13px; color:#666; letter-spacing:-0.5px; margin-bottom:5px;}
.login_btn_area li .btn{font-size:12px; letter-spacing:-0.5px; width:115px; height:30px; line-height:28px; margin-top:7px;}
.login_btn_area:after{content:""; display:block; clear:both}

.icon.id_confirm{background:url(../images/img_pc.png) 50% 0 no-repeat;}
.icon.id_confirm{background-position:-100px 0}
.id_confirmin{text-align:center; background:#f4f5f9; padding:35px 40px 30px; margin-top:20px; border:1px solid #ddd;}
.id_confirmin:after{content:""; display:block; clear:both;}
.id_confirmin>label{font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px; margin-right:5px;}
.id_confirmin>input{font-size:16px; text-align:center; border:1px solid #ddd; width:250px; height:40px; line-height:40px; border-radius:2px;background-color:#fff;}
.id_confirmin>input::placeholder{font-size:14px; letter-spacing:-1.2px; line-height:normal; }
.id_confirmin>input::-webkit-input-placeholder{font-size:14px; letter-spacing:-1.2px; line-height:normal;}
.id_confirmin>input:-ms-input-placeholder{font-size:14px; letter-spacing:-1.2px; line-height:normal;}
.id_confirmin>input:-mos-input-placeholder {font-size:14px; letter-spacing:-1.2px; line-height:normal;}
.id_confirmin .btn{height:40px;}

.register .status_ty{border-radius:0; box-shadow:none; padding:20px; text-align:center;}
.register a.status_ty, .register a.status_ty:active, .register a.status_ty:visited{color:#888}
.register a.status_ty:hover{border:1px solid #bebebe;}
.register .status_ty>strong{display:block; width:100%; font-size:16px; color:#333; margin-bottom:3px;}
.register .status_ty:active>strong, .register .status_ty:visited>strong{color:#333}
.register .status_ty .icon_1,.register .status_ty .icon_2{width:53px; height:46px; background: url(../images/icon_resiter.png) no-repeat; display:block; margin:7px auto 20px;}
.register .status_ty .icon_1{background-position:0 0;}
.register .status_ty .icon_2{background-position:-53px 0;}

.findid{}
.findid_type{padding:20px 30px; border:1px solid #ddd;}
label.certi_type{font-size:15px; color:#333; font-weight:bold; display:block; background:#f4f5f9; padding:10px 15px; margin-bottom:20px; border-radius:5px;}
label.certi_type input[type="radio"]{width:16px; height:16px; margin-right:8px;}
.findid_type .text_1{font-size:15px; color:#666; display:block; margin:20px 0; text-indent:3px;}
.findid_type.ty01{margin-right:20px;}
.findid_type.ty01 .btn{font-size:15px;width:calc(100% - 12px); height:70px; border-radius:0;margin:10px 0 0 7px;}
.findid_type.ty01 .btn .icon{width:35px; height:40px; display:inline-block; background:url(../images/icon_certi_p.png) no-repeat; vertical-align:-12px; margin-right:13px;}
.findid_type.ty01 .btn .icon{background-position:0 0;}
.findid_type.ty01 .btn:hover{border:1px solid #bebebe}

.findid_type.ty02{}
.findid_type.ty02 label.text{margin-left:5px; width:75px; display:inline-block;}
.findid_type.ty02 .btn{letter-spacing:-1px; height:40px; vertical-align:top; margin-left:5px; padding:0 10px;}
.findid_type input[type="text"]{width:calc(100% - 82px); height:40px; display:inline-block; margin-bottom:5px; padding-left:10px;}
.findid_type input:last-child{margin-bottom:0px}
.findid_type input[type="text"].excep{display:inline-block; width:calc(100% - 184px);}

.info_box_3{text-align:center; background:#f4f5f9; border-radius:3px; padding:30px 20px;}
.id_text{font-size:19px; color:#333; font-weight:bold; letter-spacing:0px; vertical-align:middle; line-height: 19px;}
.info_box_3 input[type="radio"]{width:18px; height:18px; margin-right:8px;}
.info_box_3>span{font-size:15px; letter-spacing:0px; vertical-align:-3px; margin-left:5px;}
.pwchg .id_text{margin-bottom:20px;}
.pwchg .id_text>em{font-size:15px; color:#333; letter-spacing:-1px; margin-right:5px;}
.info_box_3.pwchg input{width:300px; height:40px; margin:5px auto 0; padding-left:10px}
.pwchg label{width:100px; display:inline-block; text-align:left;}

.info_box_3.ty02{text-align:left; color:#444; letter-spacing:-0.5px; font-weight:bold; padding:15px 20px; margin-top:10px}
.info_box_3.ty02>p{text-align:center; margin-top:15px; display:block;}
.info_box_3.ty02>p>label{font-size:15px; margin-left:25px;}
.info_box_3.ty02>p>label:first-child{margin-left:0}
.info_box_3.ty02>p input[type="radio"]{width:16px; height:16px; margin-right: 5px;}
.info_box_1.ty03{text-align:center}
.info_box_1.ty03>dt{font-size:23px; font-weight:400; color:#555;}
.info_box_1.ty03>dd{font-family:'Noto Sans KR', sans-serif; font-size:23px; color:#333; font-weight:300; letter-spacing:-0.5px; line-height:30px; text-align:center; border-radius:3px; padding:23px 60px 23px 60px;/* background: #cbefff url(../images/event_tkt.png) 0 50% no-repeat; *//* background: #f3f4f9; */display:inline-block; margin:25px auto 35px; box-shadow:5px 5px 1px rgba(0,0,0,0.1); position:relative; border:1px solid #ddd; border-radius:10px;}
.info_box_1.ty03 dd>strong{font-size:24px; letter-spacing:-0.5px; display:block; border-bottom:1px solid #ddd; line-height:37px;}
.info_box_1.ty03>dd>.text_1{color: #888;display:block;margin-top:7px;}
.info_box_1.ty03 dd .icon{background:url(../images/event_bg.png) 0 0 no-repeat; width:136px; height:129px; position:absolute; bottom:-40px; right:-70px;}

.info_box_1.ty03 .btn{font-family:'Noto Sans KR', sans-serif; font-size:18px; width:200px; height:50px;}
label.system{font-size:15px; color:#333; font-weight:bold; display:block; background:#f4f5f9; padding:10px 15px; margin-bottom:20px; border-radius:5px;}
label.system input[type="radio"]{width:16px; height:16px; margin-right:8px;}
.findid_type .text_1{font-size:15px; color:#666; display:block; margin:20px 0; text-indent:3px;}
.division{}
.division .left{float:left;}
.division .right{float:right;}
.division.sms .left{width:calc(100% - 330px); margin-right:20px;}
.division.sms .right{width:310px;}
.sms_input{padding:35px 5px 5px 5px; background:#eee url(../images/sms_bg.png) 50% 5px no-repeat;}
.sms_input textarea{font-size:12px; line-height:18px; width:100%; height:200px; padding:15px; border:1px solid #ddd; background:#fff;}
.sms_input>.text_1{color:#111; display:block; text-align:right}
.sms_num {overflow:hidden; margin-top:5px; padding:10px 8px 10px 20px; background:#fff;}
.sms_num>label{font-size:12px; color:#333; font-weight:bold; vertical-align:middle; margin-right:8px;}
.sms_num>label:before{content:""; display:inline-block; width:3px; height:3px; background:#3badb8; vertical-align:3px; margin-right:7px;}
.sms_num>input{width:calc(100% - 74px); padding-left:10px;}
.division:after, .sms_input:after{content:""; clear:both; display:block; }


/*window popup*/
.wrap.user .container.wpopup{padding:15px 20px 15px; }
.container.wpopup{width:auto; margin:auto; min-width:auto; padding: 15px 20px; max-width_:1000px}
/*.admin .container.wpopup{padding:15px 20px 15px;}*/
.container.wpopup.ty02{padding:0}
.container.wpopup .title{font-family:inherit; font-family:'Noto Sans KR', sans-serif; font-size:19px; color:#333; letter-spacing:-0.5px; font-weight:bold; line-height:22px; margin-bottom:20px; padding:5px 5px 10px; border-radius:5px 5px 0 0; border-bottom:1px dotted #a5a5a5;}
.container.wpopup .title:before{content:""; display:inline-block; width:8px; height:8px; border:4px solid #2c929c; border-radius:100px; margin-right:8px; vertical-align:-1.5px;}
.container.wpopup .page_title:before{content:""; display:inline-block; width:6px; height:6px; border:0; border-radius:2px; margin-right:7px; margin-left:2px; background:#2c929c; vertical-align:4px;}


/*main popup*/
.img_popup{background:#99e6fa url(../images/main_popup/mpopup_bg.png) 50% -15px no-repeat; padding:20px 25px 25px; text-align:center;}
.img_popup>p{text-align:center; text-indent:-9999px; height:71px; margin:0 0 15px 50px; background:url(../images/main_popup/text_1.png) 50% 0 no-repeat;}
.img_popup p>strong{display:block; letter-spacing:-0.5px; font-weight:bold;}
.img_popup .imgp_cont{text-align:left; line-height:18px; border-radius:15px; box-shadow:3px 3px 1px rgb(24 24 24); border:1px solid #303030; padding:35px 15px 0px; background:linear-gradient(to bottom, #cdf5ff 23px, #fff 23px); position:relative;}
.imgp_cont>.list{margin:0 0 10px 5px;}
.imgp_cont>.list>li{font-size:14px; color:#333; font-weight:bold; line-height:23px; letter-spacing:-0.5px;}
.imgp_cont>.list>li:before{content:""; display:inline-block; width:3px; height:3px; background:#333; vertical-align:5px; margin-right:7px;}
.imgp_cont>.list:after{content:""; display:block; clear:both}
.imgp_cont:before{content:""; background:url(../images/main_popup/mpopup_bg_2.png) 0 0 no-repeat; width:50px; height:13px; display:inline-block; position:absolute; top:7px; left:17px;}
.img_popup .imgp_contin{font-size:14px; color:#333; font-weight:bold; text-align:center; letter-spacing:-1px; line-height:20px; background:#f3f4f9; padding:15px 10px 22px; margin:10px 0 0 -15px; width:calc(100% + 30px); position:relative; border-radius:0 0 15px 15px;}
.img_popup i.icon{width:57px; height:55px; background:url(../images/icon_pointer.png) 50% 50% no-repeat; background-size:55px; display:inline-block; position:absolute; left:50%; margin-left:87px; bottom:-3px;}
.img_popup .btn{font-family:'Noto Sans KR', sans-serif; font-size:17px; color:#fff; font-weight:600; letter-spacing:-0.5px; background:#283f58; border-radius:100px; border:4px solid #fff; height:46px; line-height:30px; padding:0 30px 2px; margin-top:12px; box-shadow:0px 4px 1px rgb(0 0 0 / 20%); cursor:pointer; vertical-align:middle;}
.popup_bottom{border-top:0px; padding:5px 10px 5px 15px;}
.popup_bottom>label{float:left; color:#333; vertical-align:middle; margin-top:6px;}
.popup_bottom>.btn{height:30px; line-height:28px; padding:0 10px; float:right;}
.popup_bottom:after{content:""; display:block; clear:both}

.integ_loading_dim{position:fixed; top:0; left:0; bottom:0; right:0; z-index:999; background-color:rgba(255,255,255,0.97); background-color_:rgba(0,0,0,0.8);}
.integ_loading_wrap{width:400px; height:180px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-110px; text-align:center; padding:20px; border-radius:20px;}
.load_text01{font-size:17px; color:#444; letter-spacing:-1px; font-weight: bold; display:block;}
.three_balls {width:70px; margin:0 auto; position:absolute; left:0; right:0; top:65%;}
.three_balls .ball{position:relative; width:15px; height:15px; border-radius:50%; display:inline-block;
  -webkit-animation:bouncedelay 2.0s infinite cubic-bezier(.62, .28, .23, .99) both;
  animation:bouncedelay 2.0s infinite cubic-bezier(.62, .28, .23, .99) both;}
/*.three_balls .ball1 {
  -webkit-animation-delay -.16s;
  animation-delay -.16s;}*/
.three_balls .ball2 {
  -webkit-animation-delay: -.08s;
  animation-delay: -.08s;}

@keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #32a9b5;
  }
  16.66% {
    bottom: 40px;
    background-color: #00867e;
  }
  33.33% {
    bottom: 0px;
    background-color: #00867e;
  }
  50% {
    bottom: 40px;
    background-color: #52a600 ;
  }
  66.66% {
    bottom: 0px;
    background-color: #52a600 ;
  }
  83.33% {
    bottom: 40px;
    background-color: #32a9b5;
  }
  100% {
    bottom: 0;
    background-color: #32a9b5;
  }
}

@-webkit-keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #32a9b5;
  }
  16.66% {
    bottom: 40px;
    background-color: #00867e;
  }
  33.33% {
    bottom: 0px;
    background-color: #00867e;
  }
  50% {
    bottom: 40px;
    background-color: #52a600;
  }
  66.66% {
    bottom: 0px;
    background-color: #52a600;
  }
  83.33% {
    bottom: 40px;
    background-color: #32a9b5;
  }
  100% {
    bottom: 0;
    background-color: #32a9b5;
  }
}


/*주소찾기*/
.hidden {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; line-height:0; white-space:normal; word-wrap:break-word; word-break:break-all; clip:rect(0, 0, 0, 0);}
.integ_faddr{position:relative; margin-bottom:25px;}
.integ_faddr>input[type="text"]{font-size:14px; width:100%; background:#f8f8f8; border:0px; height:44px; padding:0 70px 0 10px;}
.integ_faddr>input[type="text"]::-webkit-input-placeholder{font-size:14px; letter-spacing:-1px;}
.integ_faddr>.delete{text-indent:-9999px; right:36px; top:50%; margin-top:-15px;}
.btn_search{background:url(../images/icon_search.png) 50% 50% no-repeat; width:25px; height:25px; display:inline-block; position:absolute; right:10px; top:50%; margin-top: -13px; text-indent:-9999px;}

.integ_faddr_default{}
.addr_tip{font-size:14px; line-height:16px; color:#333; margin:5px auto 20px; display:block;}
.addr_tip>i{font-style:normal; color:#f60000; font-weight:bold; letter-spacing:0px;}
.integ_faddr_default .table td{text-align:center; height:42px}

.integ_faddr_result{}
.result_top>.total_count{float:left; padding-top:1px; margin-bottom:0;}
.label_grp{float:right; padding-right:3px;}
.result_top:after{content:""; display:block; clear:both}
.integ_faddr_result>ul{margin:10px auto 20px; border-top: 1px solid #e5e5e5;}
.integ_faddr_result>ul>li {position:relative;padding: 13px 0;border-bottom: 1px solid #e5e5e5;}
.integ_faddr_result>ul>li a, .integ_faddr_resul>ul>li a:active, .integ_faddr_resul>ul>li a:visited, .addr_text{color:#666;}
.integ_faddr_result>ul>li:hover a,
.integ_faddr_result>ul>li:hover button,
.integ_faddr_result>ul>li:hover .faddr_list .addr_text{color:#222;}
.integ_faddr_result>ul>li:hover .result_zipcode{text-decoration:underline;}
.integ_faddr_result .result_zipcode{font-size:15px; letter-spacing:-0.5px; position:absolute; top:16px; right:5px;}
.integ_faddr_result .result_zipcode a {color:#222;}
.integ_faddr_result .faddr_list{position:relative; padding-left:65px;}
.integ_faddr_result .faddr_list .addr_ty {min-width:50px; height:20px; background-color:#f6f6f6; font-size:12px; color:#666; line-height:20px; text-align:center; padding:0 8px; margin:4px 12px 4px 0; position:absolute; left:0;}
.integ_faddr_result .faddr_list .addr_text {font-size:13px; line-height:20px; padding:4px 85px 4px 0;}

.addr_text_detail{position:relative;}
.list_toggle{position:absolute; top:-10px; right:-80px; transform:translate(0, -50%); letter-spacing:-1.5px; line-height:17px; padding-right:9px; min-width:48px;}
.list_toggle:before{font-size:12px; color:#555; line-height:17px;}
.list_toggle:before{content:"더보기";}
.list_toggle>i:before{content:''; position:absolute; top:4px; border-right:1px solid #525252; right:2px; transform:rotate(135deg); width:4px; height:4px; border-top:1px solid #525252;}
.addr_text_detail>.addr_more{display:none; font-size:13px; line-height:20px; padding:4px 0 4px 0; }
.addr_text_detail.on{padding-top:5px}
.addr_text_detail.on .list_toggle:before{content:"접기";}
.addr_text_detail.on .list_toggle>i:before{transform:rotate(-45deg); top:7px;}
.addr_text_detail.on>.addr_more{display:block}

.no_data{font-size:14px; color:#666; letter-spacing:-0.5px; text-align:center; margin-top:120px}
.no_data>.icon{background:url(../images/icon_no_data.png) 8px 50% no-repeat; width:70px; height:60px; margin:30px auto 20px; display:block; padding-left:10px;}
    
.integ_faddr_result.detail{}
.addr_title{font-size:14px; color:#333; line-height:16px; margin:5px auto 10px; display:block;}
.integ_faddr_result.detail input[type="text"]{width:100%; height:44px; padding-left:20px;}
.integ_faddr_result.detail>ul, .integ_faddr_result.detail>ul>li{border-bottom:0; margin:5px 0;}
.integ_faddr_result.detail .addr_text{color:#444; font-weight:bold;}

.integ_faddr_area:after, .integ_faddr_default:after, .integ_faddr_result:after{content:""; display:block; clear:both}


/*에러페이지*/
.error_bg{width:100%; height:100%; background-color:#f7f7f7; position:fixed; top:0px; left:0px; right:0px; bottom:0px;}
.error_wrap{min-width:570px; position:fixed; top:47%; left:50%; transform:translate(-50%, -50.1%); background-color:#fff; border:1px solid #efefef; border-radius:20px; box-shadow:0 1px 7px rgba(10,0,77,0.1);}
.error_cont{text-align:center; padding:70px 60px 60px;}
.error_title{font-family:'Noto Sans KR',sans-serif; font-size:27px; letter-spacing:-1px; margin-bottom:25px; display:block;}
.error_stitle{font-size:17px; color:#333; font-weight:bold; letter-spacing:-1px; line-height:24px;}
.error_detail{font-size:14px; color:#555; letter-spacing:-1px; line-height:22px; margin-top:10px;}
.error_cont>.icon{width:100px; height:90px; margin:0 auto 28px; display:block;}
.error_cont>.icon.error{background:url(../images/img_pc.png) no-repeat; background-position:-200px 0 ;}
.error_wrap .btn_area{margin:30px auto 0}