@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */


/* ************************
	* 헤더 상단 탑배너
	************************ */
.header-up-con{width: 100%; height: 50px; overflow: hidden; position: relative; background-color: #001548;}
.header-up-con-inner{position:relative; z-index:11; width: 100%;}
.header-up-con-tit{width: 200px; float: left;}
.header-up-con-tit .pc-tit{position: relative; padding: 0 10px; font-size: 15px; line-height: 50px; color: #fff; letter-spacing: -0.35px; display: inline-block; background-color: #1c419c;}
.header-up-con-tit .m-tit{display: none;}
.header-up-con-tit .pc-tit:before{position: absolute; top: 0; left: -101px; width: 101px; height: 50px; display: block; content: ''; background: url("/home/images/main/top_banner_bf.png") 0 0 no-repeat;}
.header-up-con-tit .pc-tit:after{position: absolute; top: 0; right: -40px; width: 40px; height: 50px; display: block; content: ''; background: url("/home/images/main/top_banner_at.png") 0 0 no-repeat;}
.header-up-con-txt{width: calc(100% - 400px); float: left; text-align: center;}
.header-up-con-txt p{font-size: 16px; line-height: 50px; font-weight: 500; letter-spacing: -0.35px; color: #fff;}
.header-up-con-txt p span{color: #eec800;}
/* 슬라이드 버튼 */
.header-up-con-area{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 50px; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* 닫기 버튼 */
.slide-close-con{position: absolute; top: 0; right: 0; width: 180px; height: 25px; z-index:12;}
.slide-close-con .close-btn{display: block; float: right; color:#fff;}
.slide-close-con .close-btn span{display: block; font-size: 24px;}
.slide-close-con .close-btn, .close-checkbox{margin-top: 13px;}
.close-checkbox{float: left;}
.close-checkbox .checkbox-item{display:inline-block; vertical-align:middle;}
.close-checkbox .checkbox-item input[type="checkbox"],
.close-checkbox .checkbox-item input[type="radio"]{display:none;}
.close-checkbox .checkbox-item label{display:block; position:relative; min-height:24px; line-height: 24px; color:rgba(255,255,255,0.5); font-size:12px; letter-spacing:-0.35px; padding-left:20px; cursor:pointer;}
.close-checkbox .checkbox-item label:before{content:""; position:absolute; top:50%; left:0; width:12px; height:12px; border:1px solid rgba(255,255,255,0.5); background-color:transparent; margin-top:-7px; -webkit-border-radius: 2px; border-radius: 2px;}
.close-checkbox .checkbox-item label i{position:absolute; top:50%; left:-1px; font-size:16px; display:none; margin-top:-5px;}    
.close-checkbox .checkbox-item input[type="checkbox"]:checked + label i,
.close-checkbox .checkbox-item input[type="radio"]:checked + label i{display:block; color:#fff;}

@media all and (max-width:1220px){
    /* 닫기 버튼 */
    .slide-close-con{right: 15px;}
}
@media all and ( max-width: 800px ){
    .header-up-con {height: auto;}
	.header-up-con .area{padding: 0;}
    .header-up-con-area{height: auto;}
	.header-up-con-tit{width: 55px; float: left;}
	.header-up-con-tit .pc-tit{display: none;}
	.header-up-con-tit .m-tit{position: relative; display: inline-block; padding: 0 10px; font-size: 12px; line-height: 30px; color: #fff; letter-spacing: -0.35px; display: inline-block; background-color: #1c419c;}
	.header-up-con-tit .m-tit:after{position: absolute; top: 0; right: -25px; width: 25px; height: 30px; display: block; content: ''; background: url("/home/images/main/top_banner_at.png") 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
	.header-up-con-txt{width: calc(100% - 100px); float: left; text-align: center;}
	.header-up-con-txt p{font-size: 10px; line-height: 30px; font-weight: 500; letter-spacing: -0.35px; color: #fff;}
    .slide-close-con {width: auto; height: 30px; right: 10px;}
    .close-checkbox{display: none;}
    .slide-close-con .close-btn{margin-top: 6px;}
    .slide-close-con .close-btn span{font-size: 18px;}
}

/* ************************
	* 게시판
	************************ */
/* 게시판 :: 기본리스트 :: 레이아웃 */
.bbs-list-tbl{margin-top: 45px; display:table; width:100%; table-layout:fixed;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; background:#eee; color:#000; font-weight:400; font-size:13px; letter-spacing:-0.35px; padding:12px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.bbs-list-row{display:table-row; width:100%;}
.bbs-list-row .column{display:table-cell; vertical-align:middle; padding:10px 5px; color:#000; font-size:13px; letter-spacing:-0.35px; text-align:center; border-bottom:1px solid #ddd;}
.bbs-list-row .column.ta-left{text-align: left;}
/* 게시판 :: 기본리스트 ::  항목 */
.bbs-list-row .bbs-title{text-align:left; padding:10px;}
.bbs-list-row .bbs-title a{display:block; position:relative; color:#000;}
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con .bbs-subject-txt{width: 100%; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;cursor:pointer;}
.bbs-subject-con .bbs-subject-txt.row-2{max-height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial;}
/* 게시판 :: 기본리스트 :: 카테고리 */
.main-tab-category{}
.main-tab-category li{position: relative; float: left; margin-left: 20px;}
.main-tab-category li:first-child{margin-left: 0;}
.main-tab-category li:before{position: absolute; top: 50%; margin-top: -5px; left: -10.5px; display: block; content: ''; width: 1px; height: 10px; background-color: #ddd;}
.main-tab-category li:first-child:before{display: none;}
.main-tab-category li a{display: block; font-size: 15px; line-height: 1.3; letter-spacing: -0.5px; color: #000;}
.main-tab-category li.selected a{color: #0070e3; font-weight: 500;}
.main-tab-category + .bbs-list-tbl{margin-top: 15px;}

/* 메인 후기 펼치기 */
.bbs-list-row.cont-row {}
.bbs-list-row.cont-row .column {padding:0;border:none;background-color:#ecf6fc;}
.bbs-list-row.cont-row .column .bbs-list-row-cont {
	display:none;
	position:relative;
	width:1200px;
	padding:10px 10px 10px 605px;
	box-sizing:border-box;
	background-image:url('/homepage/images/main/board_bg.png');
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center -20px;
	z-index:500;
}
.bbs-list-row.cont-row .column .bbs-list-row-cont.bd {
	padding:10px 10px 10px 144px;
}
.bbs-list-row.cont-row .column .bbs-list-row-cont .cont_logo {width:60px;position:absolute;top:30px;left:52px;}
.bbs-list-row.cont-row .column .bbs-list-row-cont .cont_txt {position:absolute;top:46px;left:164px;text-align:left;line-height:20px;font-size:16px;}
.bbs-list-row.cont-row .column .bbs-list-row-cont .cont_txt span {color:#0070e3;}
.bbs-list-row.cont-row .column .bbs-list-row-cont p {margin:1.5em .5em;line-height:2;text-align:left;}

@media all and (min-width:801px){
	.bbs-list-row:hover{background-color:#f6f6f6;}
}

@media all and (max-width:800px){
	/* 게시판 :: 기본리스트 :: 레이아웃 */
	.bbs-list-tbl{margin-top: 27px; border-top:1px solid #d7d7d7;}
	.bbs-list-tbl,.bbs-list-row,.bbs-list-row .column{display:block;}
	.bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
	.bbs-list-row{position:relative; width:auto; padding:12px 10px; border-bottom:1px solid #ddd; overflow:hidden;}
	.bbs-list-row .column{clear:both; border-bottom:0; text-align:left; padding:5px 0; font-size:11px;}
	/* 게시판 :: 기본리스트 :: 항목 */
	.bbs-relative-row{padding-top:40px}
	.bbs-list-row .column.bbs-block{clear:both; width:100%;}
	.bbs-list-row .column.bbs-inline{display:inline-block; width:auto; margin-right:4%;}
	.bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}
	.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label);}
	.bbs-list-row .bbs-title{padding: 5px 0; padding-bottom: 0;}
	.bbs-subject-con .bbs-subject-txt{font-size:11px;}
	/* 게시판 :: 기본리스트 :: 카테고리 */
	.main-tab-category li{margin-left: 16px;}
	.main-tab-category li:before{margin-top: -5px; left: -8.5px; height: 10px;}
	.main-tab-category li a{font-size: 12px;}
	.main-tab-category + .bbs-list-tbl{margin-top: 10px;}

	/* 메인 후기 펼치기 */
	.bbs-list-row.cont-row {padding:0;border:none;}
	.bbs-list-row.cont-row .column {height:auto;padding:0;border:none;}
	.bbs-list-row.cont-row .column:not(.bbs-title):not(.bbs-no-data):before {
		content:none;
	}
	.bbs-list-row.cont-row .column .bbs-list-row-cont {width:100%;padding:10px;background-size:100%;background-position:center;}
	.bbs-list-row.cont-row .column .bbs-list-row-cont.bd {padding:10px;}
	.bbs-list-row.cont-row .column .bbs-list-row-cont .cont_logo {display:none;}
	.bbs-list-row.cont-row .column .bbs-list-row-cont .cont_txt {display:none;}

}


/* ************************
	* 재무회계 이용 신청정보
	************************ */
/* 테이블 */
.join-con02{padding: 50px 0 60px;}
.join-info-tit + .join-info-tbl{margin-top: 10px;}
.join-info-tbl{border-top: 1px solid #000; width: 100%; table-layout: fixed;}
.join-info-tbl tbody tr:first-child th,
.join-info-tbl tbody tr:first-child td{padding-top: 12px;}
.join-info-tbl th, .join-info-tbl td{padding-top: 10px; font-size: 14.5px; line-height: 1.3; font-weight: 400; color: #000; letter-spacing: -0.75px; text-align: left;}
.join-info-tbl th.add-pl{padding-left: 2.4%;}
.join-info-tbl th.vertical-t{vertical-align: top; padding-top: 15px !important;}
.join-info-tbl th .important{color: #0070e3;}
.join-info-tbl .cm-selectbox span{-ms-background-position-x: 94%; background-position-x: 94%;}
.join-info-tbl .price {font-size: 18.5px; line-height: 28px; color: #007bed; font-weight: 500; letter-spacing: -0.75px;}
.join-info-tbl .price span{margin-right: 13px; font-size: 15px; font-weight: 400; color: #000; text-decoration:line-through;}
.join-info-tbl .cm-radiobox .radio-item label{line-height: 26px;}
.join-info-tbl .cm-radiobox .radio-item label::before {top: 5px;}
.join-info-tbl .cm-radiobox .radio-item label::after {top: 9px;}
.email-info-group{}
.email-input{width: calc(100% - 250px);}
.email-input input{width: calc(50% - 25px); float: left;}
.email-input .at-sign{display: inline-block; width: 50px; float: left; font-size: 16px; letter-spacing: -0.75px; text-align: center; line-height: 28px;}
.email-info-group .cm-selectbox{margin-left: 20px; float: left;}
.join-info-item + .join-info-item{margin-top: 45px;}
.join-info-dot-tit{margin-bottom: 13px; position: relative; padding-left: 15px; font-size: 19px; font-weight: 600; letter-spacing: -0.35px; color: #000;}
.join-info-dot-tit:before{position: absolute; top: 1px; left: 2px; display: block; content: ''; width: 6px; height: 16px; background: url("/home/images/content/join_tit_point.png") 0 0 no-repeat;}
.join-info-dot-tit span{margin-left: 4px; display: inline-block; font-size: 15px; font-weight: 400; color: #4298e8;}
.address-info-group{width: 450px;}
.address-info-group .address-input{width: calc(100% - 165px); float: left;}
.address-info-group .address-input input{float: left; width: calc(100% - 100px);}
.address-info-group .address-input button{margin-left: 20px; float: left; width: 80px; height: 30px; font-size: 14px; letter-spacing: -0.75px; border: 1px solid #12688a; color: #12688a;}
.address-info-group .add-input{margin-left: 35px; width: 130px; float: left;}
.address-info-group + .cm-input,
.address-info-group + .cm-input + .cm-input{margin-top: 5px;}
.join-info-btn{margin-top: 60px; text-align: center;}
.join-info-btn button{display: inline-block;}
.join-info-tbl td .tax-office{}
.refund-account-list{margin: 0 -10px;}
.refund-account-list li{width: calc(29% - 20px); margin: 0 10px; float: left;}
.refund-account-list li:last-child{width: calc(42% - 20px);}
.refund-account-list li span{width: 60px; display: inline-block; font-size: 14.5px; line-height: 28px; letter-spacing: -0.75px; color: #000;}
.refund-account-list li span + .cm-selectbox{width: calc(100% - 60px);}
.refund-account-list li span + .cm-input{width: calc(100% - 60px);}

@media all and (max-width:800px){
	/* 테이블 */
	.join-con02{padding: 25px 0 30px;}
	.join-info-tit + .join-info-tbl{margin-top: 7px;}
	.join-info-tbl,
	.join-info-tbl tbody,
	.join-info-tbl tr,
	.join-info-tbl th,
	.join-info-tbl td{display: block;}
	.join-info-tbl tbody tr:first-child th{padding-top: 10px;}
	.join-info-tbl tbody tr:first-child td{padding-top: 5px;}
	.join-info-tbl th{padding-top: 10px; font-size: 13px;}
	.join-info-tbl td{padding-top: 5px; font-size: 13px;}
	.join-info-tbl th.add-pl{padding-left: 0;}
	.join-info-tbl th.vertical-t{padding-top: 10px !important;}
	.join-info-tbl .cm-selectbox{width: 100%;}
	.join-info-tbl .cm-selectbox span{-ms-background-position-x: 97%; background-position-x: 97%;}
	.join-info-tbl .email-info-group .cm-selectbox span{-ms-background-position-x: 92%; background-position-x: 92%;}
	.join-info-tbl .price {font-size: 14px; line-height: 28px;}
	.join-info-tbl .price span{margin-right: 10px; font-size: 13px;}
	.join-info-tbl .cm-radiobox .radio-item {margin-right: 12px;}
	.join-info-tbl .cm-radiobox .radio-item label{line-height: 26px; font-size: 12px;}
	.join-info-tbl .cm-radiobox .radio-item label::before {top: 6px;}
	.join-info-tbl .cm-radiobox .radio-item label::after {top: 10px;}
	.email-input{width: calc(100% - 210px);}
	.email-input input{width: calc(50% - 10px);}
	.email-input .at-sign{width: 20px; font-size: 13px; line-height: 28px;}
	.email-info-group .cm-selectbox{width: 200px; margin-left: 10px;}
	.join-info-item + .join-info-item{margin-top: 30px;}
	.join-info-dot-tit{margin-bottom: 10px; padding-left: 15px; font-size: 14px;}
	.join-info-dot-tit:before{top: -2px; left: 2px;}
	.join-info-dot-tit span{margin-left: 4px; font-size: 12px;}
	.address-info-group{width: 100%;}
	.address-info-group .address-input{width: calc(100% - 165px);}
	.address-info-group .address-input input{width: calc(100% - 70px);}
	.address-info-group .address-input button{margin-left: 10px; width: 60px; height: 30px; font-size: 12px;}
	.address-info-group .add-input{margin-left: 15px; width: 150px;}
	.address-info-group + .cm-input,
	.address-info-group + .cm-input + .cm-input{margin-top: 5px;}
	.join-info-btn{margin-top: 30px;}

	.refund-account-tit{padding-top: 5px;}
	.refund-account-list{margin: 0;}
	.refund-account-list li{padding-top: 5px; width: 100%; margin: 0;}
	.refund-account-list li:first-child{padding-top: 0;}
	.refund-account-list li:last-child{width: 100%;}
	.refund-account-list li span{width: 60px; display: inline-block; font-size: 12px; line-height: 28px;}
	.refund-account-list li span + .cm-selectbox{width: calc(100% - 60px);}
	.refund-account-list li span + .cm-input{width: calc(100% - 60px);}
}
@media all and (max-width:640px){
	.email-input{width: calc(100% - 130px);}
	.email-input input{width: calc(50% - 10px);}
	.email-input .at-sign{width: 20px; font-size: 13px; line-height: 28px;}
	.email-info-group .cm-selectbox{width: 120px; margin-left: 10px;}
}


/* ************************
	* 스크롤바 커스텀
	************************ */
.scroll-object-box-outside .mCSB_outside + .mCSB_scrollTools {right: -20px;}

@media all and ( max-width: 800px ){
	.scroll-object-box-outside .mCSB_outside + .mCSB_scrollTools {right: -15px;}
}

/* ************************
	* Tab 공통 스타일
	************************ */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#333; border-color:#333}
.sub-tab-list-style ul li.selected a em{color:#fff;}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none;}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#f57f20; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ************************
	* 공통 form style
	************************ */
/* 셀렉트박스 */
.cm-selectbox{display:inline-block; width: 100%;}
.cm-selectbox.w-90p{width: 90%; max-width: 280px;}
.cm-selectbox.w-120{width: 120px;}
.cm-selectbox.w-170{width: 170px;}
.cm-selectbox.w-230{width: 230px;}
.cm-selectbox select{opacity: 0; visibility: hidden;}
/* select custom :: select */
.cm-selectbox span{width: 100% !important; color: #777; text-align: left; vertical-align: middle; font-size: 15px; font-weight: 400; letter-spacing: -0.75px; color:#000; padding-left: 15px; border: 1px solid #ddd; -webkit-border-radius: 8px; border-radius: 8px; background: #f3f3f3 url("/home/images/button/select_arrow.png") no-repeat 90% 50%; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.cm-selectbox.white-select span{background: #fff url("/home/images/button/select_arrow.png") no-repeat 92% 50%;}
.cm-selectbox.h-30 span{height: 28px; line-height: 28px; font-size: 14px; border-color: #f3f3f3; background-position-x: 95%;}
.cm-selectbox.h-40 span{height: 38px; line-height: 38px;}
.cm-selectbox span strong {width: 100%; font-weight: 400; word-break: break-all; display: block; overflow: hidden;}
/* select custom :: 옵션 */
.select-option {border: 1px solid #ddd; background: #fff; overflow: auto; -webkit-border-radius: 8px; border-radius: 8px;}
.select-option.select-in-popup{z-index: 10000 !important;}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span{height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; letter-spacing: -0.75px; color:#000; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 0 15px; display: block; overflow: hidden; cursor: pointer;}
.select-option.h-30 span {height: 26px; line-height: 26px; font-size: 14px;}
.select-option span:hover{background-color: #f5f5f5;}
.select-option .disabled span{color: #bbb; text-decoration: line-through; background: none;}
/* 인풋 공통 스타일 */
.cm-input{width: 100%; border: 0; border-bottom: 1px solid #ddd; font-size: 14.5px; color: #000; background-color: transparent; letter-spacing: -0.75px; display: inline-block; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;
 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	-webkit-border-radius: 0;
}
.cm-input::placeholder{color: rgba(0,0,0,0.28);}
.cm-input:focus{outline: none;}
.cm-input.white-input{text-indent: 15px; border: 1px solid #ddd; -webkit-border-radius: 8px; border-radius: 8px; background-color: #fff;}
.cm-input.w-250{width: 250px;}
.cm-input.w-300{width: 300px;}
.cm-input.w-470{width: 470px;}
.cm-input.h-40{height: 38px;}
.cm-input.h-30{height: 28px;}
.cm-input::-ms-clear {display: none;}
/* 체크박스 공통 스타일 */
.cm-custom-checkbox .checkbox-item{display:inline-block; vertical-align:middle;}
.cm-custom-checkbox .checkbox-item input[type="checkbox"]{display:none;}
.cm-custom-checkbox .checkbox-item label{display:inline-block; position:relative; padding-left: 20px; font-size: 12px; color: #000; letter-spacing:-0.25px;}
.cm-custom-checkbox .checkbox-item label:before{position: absolute; top: 1px; left: 0; content: '\e92c'; font-size:18px; color:inherit; vertical-align:middle; margin-top:-3px; font-family:xeicon; color: rgba(0,0,0,0.4);}
.cm-custom-checkbox .checkbox-item input[type="checkbox"]:checked + label:before{content: '\e92b'; color:#007bed;}
/* 체크박스 - 리스트 */
.cm-custom-checkbox.list .checkbox-item{float: left; width: 25%; margin: 10px 0;}
.cm-custom-checkbox.list .checkbox-item label{padding-left: 24px; font-size: 15px; color: #555;}
/* 라디오박스 공통 스타일 */
.cm-radiobox .radio-item{display:inline-block; vertical-align:middle; margin-right:20px;}
.cm-radiobox .radio-item:last-child{margin-left:0;}
.cm-radiobox .radio-item input[type="radio"]{display:none;}
.cm-radiobox .radio-item label{display:inline-block; position:relative; padding-left:22px; color:#555; font-size:15px; letter-spacing:-0.75px; line-height:15px;}
.cm-radiobox .radio-item label::before{content:""; position:absolute; top:-1px; left:0px; width:12px; height:12px; border:2px solid #000; background-color:#fff; -webkit-border-radius:16px; border-radius:16px;}
.cm-radiobox .radio-item label::after{display:none; content:""; position:absolute; top:3px; left:4px; width:8px; height:8px; background:#007bed; -webkit-border-radius:8px; border-radius:8px;}
.cm-radiobox .radio-item input[type="radio"]:checked + label::before{border-color:#007bed}
.cm-radiobox .radio-item input[type="radio"]:checked + label::after{display:block;}
.cm-radiobox .radio-item input[type="radio"]:disabled + label{color: #b7b7b7;}
.cm-radiobox .radio-item input[type="radio"]:disabled + label::before{border-color: #b7b7b7;}
/* 라디오박스 - 리스트 */
.cm-radiobox.list .radio-item{min-width: 140px; margin: 8px 42px 8px 0;}
.cm-radiobox.list .radio-item .cm-input{position: relative; top: -3px; margin-left: 25px;}
.cm-radiobox.list-box{margin: -10px -5px;}
.cm-radiobox.list-box .radio-item{width: calc(12.5% - 10px); float: left; margin: 10px 5px;}
.cm-radiobox.list-box .radio-item label::before{background-color: transparent;}
/* 버튼 공통 스타일 */
.cm-custom-button{display: inline-block; background-color: #007bed; font-size: 13.5px; letter-spacing: -0.25px; color: #fff; text-align: center;}
.cm-custom-button.bgc-blue{background-color: #007bed;}
.cm-custom-button.bgc-green{background-color: #26b2c3;}
.cm-custom-button.w-420{width: 420px;}
.cm-custom-button.w-280{width: 280px;}
.cm-custom-button.w-230{width: 230px;}
.cm-custom-button.w-215{width: 215px;}
.cm-custom-button.w-200{width: 200px;}
.cm-custom-button.w-190{width: 190px;}
.cm-custom-button.w-175{width: 175px;}
.cm-custom-button.h-35{height: 35px; line-height: 35px; -webkit-border-radius: 35px; border-radius: 35px;}
.cm-custom-button.h-50{font-size: 18px; height: 50px; line-height: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
/* textarea 스타일 */
.cm-textarea{width: 100%; height: 100px; padding: 5px; resize: none; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14.5px; line-height: 1.3; color: #000; background-color: transparent; letter-spacing: -0.75px; border: 1px solid #ddd;}
.cm-textarea::placeholder{color: rgba(0,0,0,0.28);}
.cm-textarea:focus{outline: none;}

@media all and (max-width:1220px){
	/* 라디오박스 - 리스트 */
	.cm-radiobox.list-box .radio-item{width: calc(16.66% - 10px);}
}
@media all and (max-width:1024px){
	/* 라디오박스 - 리스트 */
	.cm-radiobox.list-box .radio-item{width: calc(25% - 10px);}
}
@media all and (max-width:800px){
	/* 셀렉트박스 */
	.cm-selectbox.w-90p{width: 100%; max-width: 280px;}
	.cm-selectbox.w-120{width: 120px;}
	.cm-selectbox.w-170{width: 170px;}
	.cm-selectbox.w-230{width: 230px;}
	/* select custom :: select */
	.cm-selectbox span{font-size: 13px; padding-left: 10px; -webkit-border-radius: 8px; border-radius: 8px; background: #f3f3f3 url("/home/images/button/select_arrow.png") no-repeat 96% 50%;}
	.cm-selectbox.white-select span{background: #fff url("/home/images/button/select_arrow.png") no-repeat 96% 50%;}
	.cm-selectbox.h-30 span{height: 28px; line-height: 28px; font-size: 12px; background-position-x: 95%;}
	.cm-selectbox.h-40 span{height: 38px; line-height: 38px;}
	/* select custom :: 옵션 */
	.select-option {-webkit-border-radius: 8px; border-radius: 8px;}
	.select-option span{height: 40px; line-height: 40px; font-size: 13px; padding: 0 10px;}
	.select-option.h-30 span {height: 26px; line-height: 26px; font-size: 12px;}
	/* 인풋 공통 스타일 */
	.cm-input{font-size: 12px; -webkit-border-radius: 8px; border-radius: 8px;}
	.cm-input.white-input{text-indent: 10px; -webkit-border-radius: 8px; border-radius: 8px;}
	.cm-input.w-250{width: 250px;}
	.cm-input.h-40{height: 38px;}
	.cm-input.h-30{height: 28px;}
	/* 체크박스 공통 스타일 */
	.cm-custom-checkbox .checkbox-item label{padding-left: 20px; font-size: 12px;}
	.cm-custom-checkbox .checkbox-item label::before{font-size:16px; margin-top:-3px;}
	/* 체크박스 - 리스트 */
	.cm-custom-checkbox.list .checkbox-item{width: 50%; margin: 8px 0;}
	.cm-custom-checkbox.list .checkbox-item label{padding-left: 22px; font-size: 13px;}
	/* 라디오박스 공통 스타일 */
	.cm-radiobox .radio-item{margin-right:20px;}
	.cm-radiobox .radio-item label{padding-left:18px; font-size:13px; line-height:15px;}
	.cm-radiobox .radio-item label::before{top: 2px; width:10px; height:10px;}
	.cm-radiobox .radio-item label::after{top:6px; left:4px; width:6px; height:6px;}
	/* 라디오박스 - 리스트 */
	.cm-radiobox.list .radio-item{width: 100%; margin: 6px 0;}
	.cm-radiobox.list .radio-item:last-child{margin-top: 4px;}
	.cm-radiobox.list .radio-item label::before {top: 0px;}
	.cm-radiobox.list .radio-item label::after {top: 4px;}
	.cm-radiobox.list .radio-item .cm-input{top: -3px; margin-left: 15px; width: calc(100% - 130px);}
	.cm-radiobox.list-box{margin: -7px -5px;}
	.cm-radiobox.list-box .radio-item{width: calc(33.33% - 10px); margin: 7px 5px;}
	/* 버튼 공통 스타일 */
	.cm-custom-button{font-size: 12px;}
	.cm-custom-button.w-420{width: 300px;}
	.cm-custom-button.w-280{width: 220px;}
	.cm-custom-button.w-190{width: 150px;}
	.cm-custom-button.w-175{width: 140px;}
	.cm-custom-button.h-35{height: 35px; line-height: 35px;}
	.cm-custom-button.h-50{font-size: 14px; height: 40px; line-height: 40px;}
}


/* ************************
	* PAGING
	************************ */
.paging{width:100%; text-align:center; font-size: 0;}
.paging a{margin: 0 10px; display:inline-block; vertical-align:middle; text-align:center; font-size:14px; font-weight: 500; color:#ccc; padding: 6px 0; border-bottom: 1px solid transparent;}
.paging a.cur{color: #000; border-bottom-color: #000;}
.paging a.arrow{padding: 0;}
.paging a.arrow.prev{margin-right: 20px; margin-left: 0;}
.paging a.arrow.next{margin-left: 20px; margin-right: 0;}
.paging img{position: relative; top: -2px; vertical-align:middle;}

@media all and (max-width:800px){
	.paging a{margin: 0 8px;}
	.paging a.arrow.prev{margin-right: 13px;}
	.paging a.arrow.next{margin-left: 13px;}
}

/* ************************
	* modal layer content
	************************ */
/* **** 가본 모달 스타일 **** */
.modal-fixed-pop-wrapper{display: none; overflow-y:auto; overflow-x:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#000; background:rgba(0,0,0,0.65);}
.modal-fixed-pop-wrapper.open{display: block;}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{position:relative; display:table-cell; vertical-align:middle;}
.modal-inner-content{text-align:left;}

.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:60px auto;}
.footer-modal-content h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.modal-close-btn{position:absolute; top:-6px; right:-6px; color:#fff;}
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; background-color:#fff; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

@media all and ( max-width: 800px ){
	/* modal layer content */
	.footer-modal-content{width:auto; margin:50px 15px;}
	.footer-modal-content h1{font-size:18px; text-align:left; padding:0 30px 15px 0}
	.modal-close-btn{right:-3px; top:-3px;}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
}


/* **** 내용 있는 팝업 레이어 스타일 **** */
.layer-fixed-pop-wrapper{display: none; overflow-y:auto; overflow-x:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#000; background:rgba(0,0,0,0.65);}
.layer-fixed-pop-wrapper.open{display: block;}

/* 고객 탐방 이야기 */
.story-modal-content{position:relative; width:96%; max-width:1200px; margin:20px auto; background-color: #fff;}
.story-modal-top{width: 100%; padding: 23px 75px 23px 35px; -webkit-box-sizing: border-box; box-sizing: border-box;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007df0+0,002d95+100 */
background: #007df0; /* Old browsers */
background: -moz-linear-gradient(left,  #007df0 0%, #002d95 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #007df0 0%,#002d95 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #007df0 0%,#002d95 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007df0', endColorstr='#002d95',GradientType=1 ); /* IE6-9 */}
.story-modal-top .category,
.story-modal-top .tit{font-size: 20px; line-height: 24px; font-weight: 500; letter-spacing: -0.5px; color: #fff;}
.story-modal-top .category{margin-right: 20px; display: inline-block; vertical-align: middle; opacity: 0.7;}
.story-modal-top .tit{display: inline-block; vertical-align: middle;}
.story-modal-top .close-btn{position: absolute; top: 15px; right: 25px; font-size: 24px; line-height: 40px; color: #fff;}
.story-modal-bottom{padding: 45px 35px;}
.story-modal-item{display: flex; flex-wrap: wrap;}
.story-modal-bottom .story-modal-item:nth-child(even){flex-direction: row-reverse;}
.story-modal-item + .story-modal-item{margin-top: 50px;}
.story-modal-img{width: 30%; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left;}
.story-modal-bottom .story-modal-item:nth-child(even) .story-modal-img{padding-right: 0; padding-left: 20px; text-align: right;}
.story-modal-img span{display: inline-block; max-width: 280px; width: 100%;}
.story-modal-img span img{width: 100%; height: auto;}
.story-modal-txt{width: 70%;}
.story-question-group{}
.story-question-group + .story-question-group{margin-top: 35px;}
.story-question-group .tit{position: relative; padding-left: 20px; font-size: 18px; line-height: 1.6; font-weight: 500; color: #000; letter-spacing: -0.5px;}
.story-question-group .tit span{position: absolute; top: 0; left: 0; display: inline-block;}
.story-question-group .sub-tit{margin-top: 20px; font-size: 20px; line-height: 1.5; font-weight: 500; color: #005ac9; letter-spacing: -0.5px;}
.story-question-group .txt{margin-top: 15px; font-size: 16px; line-height: 1.7; color: #666; letter-spacing: -0.5px;}

@media all and (max-width:800px){
	.story-modal-content{width:auto; margin:50px 15px;}
	.story-modal-top{padding: 15px 45px 15px 20px;}
	.story-modal-top .category,
	.story-modal-top .tit{font-size: 15px; line-height: 20px;}
	.story-modal-top .category{margin-right: 10px;}
	.story-modal-top .close-btn{top: 10px; right: 15px; font-size: 20px; line-height: 30px;}
	.story-modal-bottom{padding: 25px 20px;}
	.story-modal-item + .story-modal-item{margin-top: 30px;}
	.story-modal-img{width: 100%; padding-right: 0; text-align: center; margin-bottom: 15px;}
	.story-modal-img span{max-width: 200px;}
	.story-modal-bottom .story-modal-item:nth-child(even) .story-modal-img{padding-left: 0; text-align: center;}
	.story-modal-txt{width: 100%;}
	.story-question-group + .story-question-group{margin-top: 20px;}
	.story-question-group .tit{padding-left: 10px; font-size: 14px;}
	.story-question-group .sub-tit{margin-top: 7px; font-size: 15px;}
	.story-question-group .txt{margin-top: 5px; font-size: 13px;}
}

/* 전화상담 신청하기 */
.userservice.footer-modal-content{max-width: 1200px;}
.user-service-popbox{background-color: #fff;}
.user-service-top{position: relative; padding: 23px 35px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007df0+0,002d95+100 */
background: #007df0; /* Old browsers */
background: -moz-linear-gradient(left,  #007df0 0%, #002d95 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #007df0 0%,#002d95 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #007df0 0%,#002d95 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007df0', endColorstr='#002d95',GradientType=1 ); /* IE6-9 */}
.user-service-top h5{font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color: #fff;}
.user-service-top h5 span{margin-left: 15px; display: inline-block; font-size: 16px; font-weight: 400; opacity: 0.7;}
.user-service-top .close-btn{position: absolute; top: 50%; margin-top: -15px; right: 25px; display: block; width: 30px; height: 30px; text-align: center;}
.user-service-top .close-btn i{font-size: 23px; color: #fff; line-height: 30px;}
.user-service-bottom{padding: 25px 35px 30px;}
.user-service-tb-tit{padding-bottom: 10px; font-size: 14.5px; line-height: 1.3; font-weight: 400; letter-spacing: -0.25px; color: #0070e3;}
.user-service-tb-tit.add{position: relative; padding-left: 15px;}
.user-service-tb-tit.add > em{position: absolute; top: 0; left: 0; display: inline-block;}
.user-service-tb-tit span{display: inline-block; float: right; color: #666; letter-spacing: -0.5px;}
.user-service-tb-tit span em{color: #0070e3;}

.user-service-bottom .join-info-tbl th, 
.user-service-bottom .join-info-tbl td {padding-top: 15px;}
.user-service-bottom .join-info-tbl tbody tr:first-child th, 
.user-service-bottom .join-info-tbl tbody tr:first-child td {padding-top: 15px;}

.user-service-info{margin-top: 20px;}
.user-service-info .tit{padding-bottom: 10px; font-size: 14.5px; letter-spacing: -0.25px; font-weight: 400; color: #000;}
.user-service-info-box{padding: 25px 30px; background-color: #f3f3f3;}
.scroll-object-box-outside{height: 130px; overflow: hidden;}
.user-service-tbl{border: 1px solid #dfdfdf; table-layout: fixed; width: 100%;}
.user-service-tbl th, .user-service-tbl td{padding: 12px 10px; font-size: 13.5px; line-height: 1.3; letter-spacing: -0.35px; color: #666; text-align: center; background-color: #fff; border-left: 1px solid #dfdfdf;}
.user-service-tbl tr{}
.user-service-tbl tr th:first-child,
.user-service-tbl tr td:first-child{border-left: none;}
.user-service-tbl th{background-color: #e6e8f3;}
.user-service-tbl-txt{margin-top: 10px; font-size: 14px; line-height: 1.3; letter-spacing: -0.45px; color: #aaa;}
.user-service-info-box .mCSB_outside + .mCSB_scrollTools {right: -20px;}

.user-service-agree{margin-top: 15px; text-align: right;}
.cm-custom-checkbox.popup .checkbox-item label{padding-left: 20px; color:#111; font-size:15px; font-weight: 400;}
.cm-custom-checkbox.popup .checkbox-item label i{font-size:16px; margin-top:-1px;}    
.cm-custom-checkbox.popup .checkbox-item input[type="checkbox"]:checked + label{color:#0070e3;}

.user-service-btn{text-align: center;}
.user-service-btn a{display: inline-block; width: 210px; height: 50px; font-size: 18px; line-height: 50px; font-weight: 500; letter-spacing: -0.35px; color: #fff; text-align: center; background-color: #0070e3; -webkit-border-radius: 50px; border-radius: 50px;}

@media all and (max-width:1024px){
	.user-service-btn {margin-top: 15px;}
	.user-service-tb-tit span{float: none; margin-top: 7px; display: block;}
	.user-service-tb-tit.add span{margin-left: -15px;}
}
@media all and (max-width:800px){
	.user-service-top{padding: 15px 45px 15px 20px;}
	.user-service-top h5{font-size: 15px;}
	.user-service-top h5 span{margin-left: 0; margin-top: 10px; display: block; font-size: 13px;}
	.user-service-top .close-btn{margin-top: -15px; right: 10px;}
	.user-service-top .close-btn i{font-size: 20px;}
	.user-service-bottom{padding: 20px;}
	.user-service-tb-tit{padding-bottom: 10px; font-size: 12px;}

	.user-service-bottom .join-info-tbl th{padding-top: 10px;} 
	.user-service-bottom .join-info-tbl td{padding-top: 5px;}
	.user-service-bottom .join-info-tbl tbody tr:first-child th{padding-top: 10px;} 
	.user-service-bottom .join-info-tbl tbody tr:first-child td{padding-top: 5px;}

	.user-service-info{margin-top: 20px;}
	.user-service-info .tit{padding-bottom: 10px; font-size: 12px;}
	.user-service-info-box{padding: 15px 20px;}
	.scroll-object-box-outside{height: 100px;}
	.user-service-tbl th, .user-service-tbl td{padding: 10px 5px; font-size: 12px;}
	.user-service-tbl-txt{margin-top: 10px; font-size: 12px;}
	.user-service-info-box .mCSB_outside + .mCSB_scrollTools {right: -20px;}
	
	.user-service-agree{margin-top: 10px;}
	.cm-custom-checkbox.popup .checkbox-item label{font-size:13px;}
	.cm-custom-checkbox.popup .checkbox-item label i{margin-top:-3px;}    
	
	.user-service-btn a{width: 150px; height: 40px; font-size: 14px; line-height: 40px;}
}


/* 방문 컨설팅 신청하기 */
.user-consulting-info{margin-top: 45px;}
.user-consulting-info + .user-consulting-info{margin-top: 35px;}
.user-consulting-demo{margin-top: 12px; padding-top: 15px; border-top: 1px solid #000;}
.user-consulting-info .demo-con01-tit{font-weight: 400;}

@media all and (max-width:1024px){
	/* 라디오박스 - 리스트 */
	.cm-radiobox.list .radio-item{min-width: auto;}
}
@media all and (max-width:800px){
	.user-consulting-info{margin-top: 25px;}
	.user-consulting-info + .user-consulting-info{margin-top: 20px;}
	.user-consulting-demo{margin-top: 10px; padding-top: 10px;}
	.user-consulting-info .demo-con01-tit {padding-left: 15px;}
	.user-consulting-info .demo-con01-tit:before {top: -2px; left: 0px;}
}


/* 시설코드 찾기 */
.searchcode.footer-modal-content{max-width: 730px;}
.search-code-bottom{padding: 25px 20px 40px;}
.search-code-txt{margin-bottom: 25px; font-size: 16px; line-height: 1.56; letter-spacing: -0.25px; color: #555}
.search-code-txt span{color: #0070e3; font-weight: 500;}
.search-code-bottom .join-info-tbl{width: 100%;}
.search-code-bottom .join-info-tbl th, 
.search-code-bottom .join-info-tbl td {padding-top: 15px;}
.search-code-bottom .join-info-tbl tbody tr:first-child th, 
.search-code-bottom .join-info-tbl tbody tr:first-child td {padding-top: 15px;}
.search-code-btn{margin-top: 50px; text-align: center;}

@media all and (max-width:800px){
	.search-code-bottom{padding: 15px 10px 20px;}
	.search-code-txt{margin-bottom: 15px; font-size: 13px;}
	.search-code-bottom .join-info-tbl th{padding-top: 10px;} 
	.search-code-bottom .join-info-tbl td{padding-top: 5px;}
	.search-code-bottom .join-info-tbl tbody tr:first-child th{padding-top: 10px;} 
	.search-code-bottom .join-info-tbl tbody tr:first-child td{padding-top: 5px;}
	.search-code-btn{margin-top: 25px;}
}


/* 아이디, 패스워드 찾기 */
#popupSearchMyinfo .search-code-bottom{padding-bottom: 0;}
.main-tab-wrapper-style{height:47px; background-color: #f7f7f7;}
.search-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.search-tab-list-style ul:after{display:none}
.search-tab-list-style ul li{display:table-cell; vertical-align:middle; position:relative; width:25%; background-color: #f3f3f3; border:1px solid #b3b3b3; border-top: 2px solid #f3f3f3; border-left:0; border-right: 0;}
.search-tab-list-style ul li:first-child{border-left: 0; border-right:1px solid #b3b3b3;}
.search-tab-list-style ul li a{display:table; height:45px; width:100%;}
.search-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#666; font-size:15px; letter-spacing:-0.35px; font-weight: 500; text-align:center;}
.search-tab-list-style ul li.selected{z-index:1; border-top-color: #000; border-bottom-color: #fff; border-right:1px solid #b3b3b3;}
.search-tab-list-style ul li:first-child.selected{border-left:1px solid #b3b3b3;}
.search-tab-list-style ul li.selected a{background-color:#fff;}
.search-tab-list-style ul li.selected a em{color: #000;}
.search-tab-con{padding-top: 35px; height: 320px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.input-btn-group{position: relative; padding-right: 130px;}
.input-btn-group button{position: absolute; bottom: -1px; right: 0; width: 96px; height: 30px; font-size: 14px; font-weight: 500; letter-spacing: -0.35px; text-align: center; border: 1px solid #0070e3; color: #0070e3;}

@media all and (max-width:800px){
	.main-tab-wrapper-style{height:42px;}
	.search-tab-list-style ul li a{height:40px;}
	.search-tab-list-style ul li a em{font-size:13px;}
	.search-tab-con{padding-top: 25px; height: 335px;}
	.input-btn-group{padding-right: 100px;}
	.input-btn-group button{width: 85px; height: 30px; font-size: 12px;}
}


/* 가입완료 */
.joinfinish.footer-modal-content{max-width: 1200px}
.joinfinish.footer-modal-content .close-btn{position: absolute; top: -40px; right: 0; display: block; text-align: right; width: 30px; height: 30px; font-size: 26px; color: #fff;}
.join-finish-con{padding: 60px 25px 70px; background-color: #fff;}
.join-finish-top{text-align: center;}
.join-finish-top h5{font-size: 30px; line-height: 1.2; font-weight: 500; letter-spacing: -0.25px; color: #000;}
.join-finish-top h5 span{color: #0070e3;}
.join-finish-top p{margin-top: 20px; font-size: 18px; line-height: 1.3; letter-spacing: -0.25px; color: #555;}

.join-finish-bottom{margin-top: 40px;}
.join-finish-tbl{width: 100%; border-top: 1px solid #ddd;}
.join-finish-tbl tr{border-bottom: 1px solid #ddd;}
.join-finish-tbl tr.bdb-none{border-bottom: none;}
.join-finish-tbl th, .join-finish-tbl td{vertical-align: top; font-size: 16px; line-height: 24px; letter-spacing: -0.25px; text-align: left;}
.join-finish-tbl th{padding: 20px 7px; font-weight: 600; color: #000;}
.join-finish-tbl td{padding: 20px 0; color: #777;}
.join-finish-tbl td.pdt-none{padding-top: 0; padding-bottom: 30px;}
.join-finish-tbl td .code{font-size: 36px; font-weight: 600; letter-spacing: -0.25px; color: #000; display: inline-block; vertical-align: middle;}
.join-finish-tbl td .code-txt{margin-left: 10px; font-size: 15px; line-height: 1.3; letter-spacing: -0.25px; color: #777; display: inline-block; vertical-align: middle;}
.join-finish-code-txt{line-height: 1.75; color: #555;}
.join-finish-code-txt + .join-finish-code-txt{margin-top: 20px;}
.join-finish-code-txt b{color: #000;}
.join-finish-code-txt span{position: relative; padding-left: 10px; display: block;}
.join-finish-code-txt span em{position: absolute; top: 0; left: 0; display: inline-block;}
.join-finish-call-txt{font-size: 15px; color: #0070e3;}
.join-finish-fax-txt{color: #555; line-height: 1.75;}
.join-finish-fax-txt span{color: #0070e3;}

.reservation-item{padding: 0 7px;}
.reservation-item + .reservation-item{margin-top: 30px;}
.reservation-item .tit{font-size: 15.5px; line-height: 1.2; color: #000;}
.reservation-inner-box{margin-top: 15px; padding: 25px; background-color: #f6f6f6; -webkit-border-radius: 10px; border-radius: 10px;}

.join-finish-txt{margin-top: 30px; font-size: 16px; line-height: 1.7; letter-spacing: -0.25px; color: #0070e3; text-align: center;}
.join-finish-txt02{margin-top: 30px; font-size: 16px; line-height: 1.4; letter-spacing: -0.25px; color: #555; text-align: center;}
.join-finish-txt02 span{color: #0070e3;}
.join-finish-btn{margin-top: 45px; text-align: center;}

.join-finish-footer{padding: 30px 25px; background-color: #ebf5fb;}
.join-finish-greeting{float: left;}
.join-finish-greeting img{display: inline-block; vertical-align: middle;}
.join-finish-greeting .txt{margin-left: 10px; display: inline-block; vertical-align: middle; letter-spacing: -0.25px;}
.join-finish-greeting .txt h5{font-size: 16.5px; line-height: 1.2; color: #111;}
.join-finish-greeting .txt p{margin-top: 5px; font-size: 15px; line-height: 1.3; color: #555;}
.join-finish-link{float: right;}
.join-finish-link li{font-size: 15px; line-height: 20px; letter-spacing: -0.25px; text-align: right;}
.join-finish-link li + li{margin-top: 5px;}
.join-finish-link li .tit{display: block; width: 125px; float: left; color: #555;}
.join-finish-link li a{float: left; width: 235px; color: #539fe5;}	

@media all and (max-width:1024px){
	.join-finish-tbl td .code{display: block;}
	.join-finish-tbl td .code-txt{margin-top: 15px; margin-left: 0; display: block;}

	.join-finish-greeting{float: none;}
	.join-finish-link{margin-top: 15px; float: none;}
	.join-finish-link li{text-align: left;}
	.join-finish-link li .tit{width: 140px; display: inline-block; vertical-align: middle; float: none;}
	.join-finish-link li a{display: inline-block; vertical-align: middle; float: none;}
}
@media all and (max-width:800px){
	.joinfinish.footer-modal-content .close-btn{top: -35px; font-size: 24px;}
	.join-finish-con{padding: 30px 15px 35px;}
	.join-finish-top h5{font-size: 20px;}
	.join-finish-top p{margin-top: 10px; font-size: 14px;}

	.join-finish-bottom{margin-top: 20px;}
	.join-finish-tbl colgroup{display: none;}
	.join-finish-tbl tbody, .join-finish-tbl tr,
	.join-finish-tbl th, .join-finish-tbl td{display: block;}
	.join-finish-tbl th, .join-finish-tbl td{font-size: 13px; line-height: 20px;}
	.join-finish-tbl th{padding: 15px 0 0;}
	.join-finish-tbl td{padding: 5px 0 10px;}
	.join-finish-tbl td.pdt-none{padding-top: 0; padding-bottom: 15px;}
	.join-finish-tbl td .code{margin-top: 5px; font-size: 27px;}
	.join-finish-tbl td .code-txt{margin-top: 10px; font-size: 13px;}
	.join-finish-code-txt + .join-finish-code-txt{margin-top: 10px;}
	.join-finish-call-txt{font-size: 13px;}

	.reservation-item{margin-top: 10px; padding: 0;}
	.reservation-item + .reservation-item{margin-top: 15px;}
	.reservation-item .tit{font-size: 13px;}
	.reservation-inner-box{margin-top: 10px; padding: 15px;}

	.join-finish-txt,
	.join-finish-txt02{margin-top: 15px; font-size: 13px;}
	.join-finish-btn{margin-top: 25px;}

	.join-finish-footer{padding: 20px 15px;}
	.join-finish-greeting img{height: 30px;}
	.join-finish-greeting .txt{width: calc(100% - 50px); margin-left: 7px;}
	.join-finish-greeting .txt h5{font-size: 13px; line-height: 1.2;}
	.join-finish-greeting .txt p{margin-top: 5px; font-size: 13px;}
	.join-finish-link{margin-top: 10px;}
	.join-finish-link li{font-size: 13px; line-height: 18px;}
	.join-finish-link li + li{margin-top: 3px;}
	.join-finish-link li .tit{width: 120px;}
	.join-finish-link li a{width: auto;}	
}

/* 컨설팅 완료 */
.join-finish-modal-content{position:relative; width:96%; max-width: 770px; margin:50px auto;}
.join-finish-modal-content .close-icon{position: absolute; top: -40px; right: 0; display: block; text-align: right; width: 30px; height: 30px; font-size: 26px; color: #fff;}
.join-finish-inner-box{padding:65px 20px 45px; background-color:#fff; text-align: center;}
.join-finish-inner-box .tit{font-size: 29px; line-height: 1.44; font-weight: 500; letter-spacing: -0.35px; color: #000;}
.join-finish-inner-box .txt{margin-top: 30px; font-size: 16px; line-height: 1.7; letter-spacing: -0.35px; color: #666;}
.join-finish-inner-box .close-btn{width: 190px; height: 50px; line-height: 50px; font-size: 18px; letter-spacing: -0.35px; color: #fff; background-color: #0070e3; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; display: block; margin: 50px auto 0;}

@media all and (max-width:800px){
	.join-finish-modal-content .close-icon{top: -35px; font-size: 24px;}
	.join-finish-inner-box{padding:30px 15px;}
	.join-finish-inner-box .tit{font-size: 20px;}
	.join-finish-inner-box .txt{margin-top: 15px; font-size: 13px;}
	.join-finish-inner-box .close-btn{width: 140px; height: 40px; line-height: 40px; font-size: 14px; margin: 25px auto 0;}
}

/********계산기********/

.calculator-wrap {position: absolute; z-index:999; left:260px; top: -46px;}
.calculator {width: 195px; height: 65px; padding: 15px 19px; border-radius: 0 50px 50px 0; cursor: pointer; background-color: #001648;}
.calculator-icon {display: block; width: 53px; height: 63px; background:url(../images/calculator_01.png) no-repeat center; background-size: auto;}
.calculator div { position: relative; top: 1px; left: 3px; padding-left: 8px;}
.calculator-txt {color: #bdf200; font-size: 16px; display:inline-block; width: 130px; line-height: 20px; letter-spacing: -0.5px; text-shadow: 0 0 2px 2px rgba(25,145,160,0.6);}
.calculator-txt-s {font-size: 12px; color: #fff; line-height: 18px; opacity: 0.9;}
.calculator-txt i {background-color: #fff; border-radius: 20px; font-size: 13px; color: #001648; font-weight:bold; margin: 2px 0 0 4px;}
.calculator:hover .calculator-icon{background:url(../images/calculator_02.png) no-repeat center; transition:0.2s;}
/*.calculator:hover .calculator-txt i {background-color:rgba(0,0,0,0); color: #ffdd68; transition:0.2s;}*/
.calculator:hover {padding-left: 25px; transition: 0.5s;}

.speech-bubble {position: relative; background: #ffffff; display: inline-block; border-radius: 4em; z-index:1000; top: -5px; opacity: 0; line-height: 18px; text-align:center; color: #444; font-weight:900; left: 0px; width: 175	px; padding: 5px; text-align: left; padding: 5px 20px;}
.speech-bubble .check-icon {color: tomato;}
.speech-bubble:after {content: ''; position: absolute; bottom: 0; left: 30%; width: 0; height: 0; border: 9px solid transparent; border-top-color: #ffffff; border-bottom: 0; border-right: 0; margin-left: -4.5px;	margin-bottom: -9px;}
.calculator-wrap:hover .speech-bubble {opacity: 1; transition:0.5s;}

@keyframes blink-effect {0% {opacity: 0.4;} 35% {opacity: 1;} 50% {opacity: 0.4;} 75% {opacity: 1;} 100% {opacity: 0.4;}} 
.calculator-wrap:hover .blink { animation: blink-effect infinite; animation-duration: 5s;  /* animation-name: blink-effect; animation-duration: 1s; animation-iteration-count:infinite; animation-timing-function:step-end; */ }

@media all and (max-width:1024px) {
	.calculator-wrap {left: 0; top: 245px;}
	.calculator {border-radius: 50px; padding: 10px 30px; width: 180px; margin-top: 80px;}
	.calculator-txt {width: 110px; margin-top: 5px; margin-left:5px;}
	.calculator:hover { padding: 10px 30px;}
}

@media all and (max-width:800px) {
	.calculator-wrap {left: 0; top: -310px;}
	.calculator {width: 110px; height: 70px; border-radius: 50px 0 0 50px;padding: 10px 25px; margin-top: 340px; margin-left: -160px;}
	/*줄였을 때 상단 말풍선 사라짐*/
	.calculator-icon, .calculator-wrap .speech-bubble {display: none;}
	.calculator:hover {padding: 10px 25px;}
	.calculator-txt {font-size: 15px; width: 110px; margin-top: 5px; margin-left:10px;}
}


/* 워크샵(실행하기)***/
.notice_211231{z-index: -1; position: absolute; bottom: 0px; left:-350px; width: 330px; height: 260px; padding: 10px; padding-right: 20px; color: #fff; border-radius:30px 0 0 30px; background: #002d96; }
.notice_211231 h3{font-size: 1.7em; margin-top: .5em; margin-bottom: 1em;}
.notice_211231 .inner{padding: 10px 0; text-align: center;}
.notice_211231 .text{line-height: 2;}
.notice_211231 .text .notice_cs{font-weight:bold; font-size: 1.2em; background: #ffffff; color: #222; padding:.5em; margin: .5em 2em; border-radius:10px;}
.notice_211231 .text .notice_cs b{color: red;}
br.lg-none{display:none;}

@media all and (max-width:800px){
	.notice_211231{font-size:12px; top:-270px; left:0; padding: 10px; width:240px; padding-bottom:20px; border-radius:30px 30px 0 0;}
	.notice_211231 h3{margin:.5em 0;}
	.notice_211231 .text .notice_cs{ margin:.5em 2em;}
	br.lg-none{display:inline-block;}
}

@media all and (max-width:640px){
	.notice_211231{top:-200px;}
	.notice_211231 .none{display:none;}
}