@charset 'utf-8';
/* ==========================================================================
	common style
========================================================================== */
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}

html, body {width:100%; height:100%; margin:0; padding:0; font-family: "Noto Sans KR", sans-serif; font-weight:400;}
body {overflow:auto; font-size:15px; line-height:1.4; color:#333; letter-spacing:0; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕',  Dotum, '돋움', sans-serif; font-weight:400 ;}
body.no-scroll {overflow:hidden; overflow-y:hidden; }

/* 앵커 */
a:link,
a:visited,
a:focus {color:#088488; text-decoration:none;}
a:hover,
a:active {color:#004dd2; text-decoration:none;}
a:hover,
a:focus {text-decoration:none;}

/* a tag */
.a-link {color:#088488 !important;}
.a-link:hover {text-decoration:underline !important;}
.a-link.line {text-decoration:underline;}
.edit-dash {text-decoration:line-through;}
.notokr {font-family:'Noto Sans KR';}

/* heading */
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

/* font */
.color-red {color:#d8265d !important;} /* 강조 */
.color-blue {color:#6577d4 !important;} /* 강조 */
.color-green {color:#007f41 !important;} /* 강조 */
.color-gray {color:#aaa !important;} /* 강조 */
.color-black {color:#000 !important;} /* 강조 */
.color-mint {color:#088488 !important;} /* 강조 */
.color-darkblue {color:#0469d2 !important} /* 강조 */
.color-orange {color:#d24e26 !important} /* 강조 */
.color-darkgray {color:#333 !important} /* 강조 */
.color-purple {color:#410196 !important} /* 강조 */
.color-yelw {color:#edce14 !important} /* 강조 */

/* policy */
.color-jang{display: block; font-weight: bold; font-size: 17px !important; color: #222 !important; padding: 70px 0 10px;}
.color-jo{font-weight: 700 !important; color: #088488 !important; font-size: 15px !important; padding: 2px 0;} 
.color-link{text-decoration: underline; color: #004dd2 !important; font-weight: normal;}
.color-revtag{text-decoration: none; color: #777 !important; font-weight: normal;}

/* width */
.w20pc {width:20% !important;}
.w30pc {width:30% !important;}
.w40pc {width:40% !important;}
.w48pc {width:48% !important;}
.w50pc {width:50% !important;}
.w60pc {width:60% !important;}
.w70pc {width:70% !important;}
.w80pc {width:80% !important;}
.w90pc {width:90% !important;}
.w100pc {width:100% !important;}

.w20px {width:20px !important;}
.w30px {width:30px !important;}
.w40px {width:40px !important;}
.w50px {width:50px !important;}
.w60px {width:60px !important;}
.w70px {width:70px !important;}
.w80px {width:80px !important;}
.w90px {width:90px !important;}
.w100px {width:100px !important;} /* 100 */
.w120px {width:120px !important;}
.w130px {width:130px !important;}
.w150px {width:150px !important;}
.w200px {width:200px !important;}
.w265px {width:265px !important;}
.w280px {width:280px !important;}
.w300px {width:300px !important;}
.w400px {width:400px !important;}

.h100px {height:100px !important;}
.h150px {height:150px !important;}
.h200px {height:200px !important;}

/* margin */
.mg00 {margin:0px !important;}

.ml00 {margin-left:0px !important;}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.mr00 {margin-right:0px !important;}
.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.mt00 {margin-top:0px !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb00 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

/* padding */
.pd00 {padding:0px !important;}
.pd50 {padding:50px !important;}
.pdtb10 {padding:10px 0 !important;}
.pdtb25 {padding:25px 0 !important;}

.pl00 {padding-left:0px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.pr00 {padding-right:0px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}

.pt00 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pb00 {padding-bottom:0px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

/* etc */
iframe {display:inline-block; border:0;}
figure, figcaption {margin:0; padding:0;}
address {margin:0; padding:0; font-style:normal;}

ul, ol {list-style-type:none; margin:0; padding:0;}
b, strong {font-weight:700;}
em {font-style:normal;}

/* fieldset */
fieldset {margin:0; padding:0; border:0;}
legend {overflow:hidden; width:0; height:0; font-size:1px; line-height:0.1; text-indent:-9999px;}

/* label */
label {display:inline-block; vertical-align:middle; cursor:pointer;}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {-webkit-appearance :none; margin:0;}
input[type='number'] {-moz-appearance :textfield;}

/* placeholder */
::placeholder {color:#888; opacity:1; font-size: 13px;}
:-ms-input-placeholder {color:#888; font-size: 13px;}
::-ms-input-placeholder {color:#888; font-size: 13px;}
@media (max-width: 460px){
	::placeholder {color:#888; opacity:1; font-size: 12px;}
	::-webkit-input-placeholder {color:#888; font-size: 12px;}
	:-ms-input-placeholder {color:#888; font-size: 12px;}
	:-moz-input-placeholder {color:#888; font-size: 12px;}
	::-ms-input-placeholder {color:#888; font-size: 12px;}			
}

/* input :text, password, number, tel, email 등등 */
.input-text {display:inline-block; height:40px; padding:0 10px; border:1px solid #ddd;  border-radius:5px; vertical-align:middle; outline:0;}
.input-text:hover,
.input-text:focus {border-color:#cd2131;}
.input-text:disabled {color:#808080; background-color:#ebebeb;}
.input-text:disabled:hover,
.input-text:disabled:focus {border-color:#d1d1d1;}
.input-text.imp {background-color:#f5f9da;}

/* textarea :width, height 의 경우 다중 클래스로 제어가능 */
.input-textarea {width:100%; min-height:100px; border:1px solid #d1d1d1;  border-radius:5px; padding:15px 10px; vertical-align:middle; resize:none; outline:0;}
.input-textarea:hover,
.input-textarea:focus {border-color:#cd2131;}
.input-textarea:disabled {color:#808080; background-color:#ebebeb;}
.input-textarea:disabled:hover,
.input-textarea:disabled:focus {border-color:#d1d1d1;}

.text-area {border:1px solid #d1d1d1; border-radius:8px;}
.text-area .input-textarea {border:0;}
.text-area .limit {margin:0; padding:10px; font-size:13px; text-align:right;}
.text-area .limit span {color:#ff0000;}

/* input file */
.add-file {position:relative; height:36px; margin:0; padding:0 90px 0 0;}
.add-file .label {display:block; position:absolute !important; left:0; top:0; z-index:3; width:100%; height:100%; padding:0 10px !important; line-height:34px; cursor:pointer;}
.add-file .input-file {display:block; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; padding:0; opacity:0; cursor:pointer;}
.add-file .button {display:block; position:absolute; right:0; top:0; z-index:1; width:80px; height:100%; padding:0; border-color:#d8d9db; color:#666;}
.add-file .text {display:block; width:100%; height:100%; margin:0; padding:0 10px; line-height:34px; color:#333; border:1px solid #d8d9db;}
.add-file .input-file:hover + .text,
.add-file .input-file:focus + .text {border-color:#666;}
.add-file.only-button {width:80px; padding:0;}
.add-file.only-button .input-file {width:80px;}
.add-file.only-button .label {opacity:0;}
.add-file.only-button .text {overflow:hidden; opacity:1;}
.add-file.only-button .input-file:hover + .text + .button,
.add-file.only-button .input-file:focus + .text + .button {border-color:#666;}
.del-file-btn{width: 46px; height: 28px; line-height: 25px; font-size: 14px; display: inline-block; border-radius: 5px; border: 1px solid #ddd; margin-left: 5px; vertical-align: baseline; font-weight: 500; color: #666;}

/* checkbox , radio */
[type='radio'],
[type='checkbox'] {width:22px; height:22px; margin-top:0;}

.bg-chk {display:inline-block; position:relative; margin:0 10px 0 0;}
.bg-chk [type='checkbox'],
.bg-chk [type='radio'] {position:absolute; left:0; top:0; z-index:0; opacity:0;}
.bg-chk label {position:relative; padding:0 0 0 32px; line-height:22px;}
.bg-chk label:before {content:''; display:block; position:absolute; left:0; top:50%; width:22px; height:22px; margin:-11px 0 0 0; cursor:pointer; background:url('../images/common/bg/bg-chk-radio.png') no-repeat 0 0;}
.bg-chk [type='checkbox'] + label:before {background-position:0 0;}
.bg-chk [type='checkbox']:hover + label:before,
.bg-chk [type='checkbox']:focus + label:before {outline:1px dotted #cd2131;}
.bg-chk [type='checkbox']:checked + label:before {background-position:-22px 0;}
.bg-chk [type='checkbox']:checked:hover + label:before {background-position:-22px 0;}
.bg-chk [type='checkbox'][disabled] + label:before {background-position:-44px 0;}
.bg-chk [type='checkbox'][disabled]:checked + label:before {background-position:-66px 0;}
.bg-chk [type='checkbox'][disabled]:checked:hover + label:before {background-position:-66px  0;}
.bg-chk [type='radio'] + label:before {background-position:0 -22px;}
.bg-chk [type='radio']:hover + label:before,
.bg-chk [type='radio']:focus + label:before {outline:1px dotted #cd2131;}
.bg-chk [type='radio']:checked + label:before {background-position:-22px -22px;}
.bg-chk [type='radio']:checked:hover + label:before {background-position:-22px -22px;}
.bg-chk [type='radio'][disabled] + label:before {background-position:-44px -22px;}
.bg-chk [type='radio'][disabled]:hover + label:before {background-position:-44px -22px;}
.bg-chk [type='radio'][disabled]:checked + label:before {background-position:-66px -22px;}
.bg-chk [type='radio'][disabled]:checked:hover + label:before {background-position:-66px -22px;}

.bg-chk.v1 label {font-size:21px; color:#222;}
@media (max-width: 980px){
	.bg-chk label {font-size:13px; }
}
.bg-chk.hide {margin:0;}
.bg-chk.hide label {width:22px; height:22px; padding:0 0 0 22px; font-size:0; line-height:0;}

.label-group {display:block; vertical-align:top;}
.label-group .bg-chk {display:inline-block; margin-right:15px; margin:5px 0; vertical-align:top;}
.label-group .bg-chk:last-child {margin-right:0;}
.label-group.col-1 .bg-chk {width:100%; margin-right:0;}
.label-group.col-2 .bg-chk {width:calc(50% - 3px); margin-right:0;}
.label-group.col-3 .bg-chk {width:calc(33.333333% - 3px); margin-right:0;}
.label-group.col-4 .bg-chk {width:calc(25% - 3px); margin-right:0;}
.label-group.col-5 .bg-chk {width:calc(20% - 3px); margin-right:0;}


.person-num {display:inline-block; vertical-align:middle;}
.person-num input {display:inline-block; width:150px;}
.person-num em {max-width:20%; display:inline-block; margin:0 6px; width:6px; height:2px; background:#44465c; vertical-align:middle;}

/* select */
select {max-width:300px; min-width:66px; height:40px; padding:0 30px 0 10px; border:1px solid #ddd; outline:0; font-family:inherit; border-radius:5px; background:#fff url('../images/common/bg/bg-selectbox.png') no-repeat right center; vertical-align:middle;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#111;
}
select:focus {border-color:#cd2131; color:#111;}
select:disabled {color:#808080; background-color:#ebebeb;}
select::-ms-expand {display:none;}

.imp {position:relative;}
.imp:before {content:'*'; color:#e12; margin-right:3px;}

/* datepicker */
.datepicker {display:inline-block; vertical-align:middle;}
.datepicker span {display:inline-block; position:relative; width:132px; height:40px; padding:0 35px 0 10px !important; background:#fff; border-radius:5px; border:1px solid #ccc; vertical-align:middle;}
.datepicker input {width:100%; height:100%; padding:0; border:1px solid #d1d1d1; vertical-align:middle; border:0; color:#3a3a4a; font-size:15px; background:none;}
.datepicker em {max-width:20%; display:inline-block; margin:0 6px; vertical-align:middle;}
.datepicker .ui-datepicker-trigger {overflow:hidden; position:absolute; top:50%; right:10px; width:20px; height:19px; margin-top:-10px; padding:0; border:0; text-indent:-9999px; vertical-align:middle; background:url('../images/common/ico/ico-calendar.png') no-repeat 0 0;}
.datepicker.disabled span {border-color:#ccc !important; background-color:#f1f1f1 !important; padding:0 15px !important;}
.datepicker.disabled input {color:#000 !important;}
.datepicker.disabled button {display:none;}

/* IR 텍스트 */
.ir {text-indent:-9999px; position:fixed; top:-9999px; font-size:1px; width:1px; height:1px; opacity:0;}

.display-block {display:block;}

/* font-size */
.font-size-13 {font-size:13px !important;}
.font-size-21 {font-size:21px !important;}

/* hidden */
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
/* hide class 사용 금지. reset.css 에서 사용 중 */

/* float clear */
.clearfix:before,
.clearfix:after {content:''; display:table;}
.clearfix:after {clear:both;}

/* float */
.float-l {float:left !important;}
.float-r {float:right !important;}
.float-n {float:none !important;}

/* text-align */
.a-l {text-align:left !important;}
.a-r {text-align:right !important;}
.a-c {text-align:center !important;}
.a-j {text-align:justify !important;}

/* vertical-align */
.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-b {vertical-align:bottom !important;}

/* ellipsis */
.ellipsis {overflow:hidden; margin-right:10px; display:inline-block; max-width:90%; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis;}
.ellipsis-line2 {display:inline-block; max-height:40px; line-height:1.5; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}

.keep-a{word-break: keep-all;}

.over-y {overflow-y:auto; max-height:250px;}
/* icon */
.iconset {overflow:hidden; display:inline-block; margin:-1px 0 0 0; padding:0; font-size:1px; line-height:0; vertical-align:middle; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; text-indent:-9999px; color:rgba(0,0,0,0) !important;}
	.ico-clip {width:13px; height:14px; background-image:url('../images/common/ico/ico-clip.png');}
	.ico-alert {width:16px; height:14px; background-image:url('../images/common/ico/ico-alert.png');}
	.ico-tooltip {width:22px; height:22px; background-image:url('../images/common/ico/ico-tooltip.png');}
	.ico-btn-more {width:12px; height:22px; background-image:url('../images/common/ico/ico-btn-more.png');}
	.ico-btn-more-mini {width:6px; height:11px; background-image:url('../images/common/ico/ico-btn-more-mini.png');}
	.ico-notice {width:16px; height:16px; background-image:url('../images/common/ico/ico-notice.png');}
	.ico-notice-g {width:16px; height:16px; background-image:url('../images/common/ico/ico-notice-g.png');}
	.ico-search {width:26px; height:26px; background-image:url('../images/common/ico/ico-search.png');}
	.ico-search-main {width:22px; height:21px; background-image:url('../images/common/ico/ico-search-main.png');}
	.ico-sub-gfi {width:86px; height:73px; background-image:url('../images/common/ico/ico-sub-gfi.png');}
	.ico-sub-join {width:83px; height:78px; background-image:url('../images/common/ico/ico-sub-join.png');}
	.ico-nodata {width:40px; height:40px; background-image:url('../images/common/ico/ico-nodata.png');}
	.ico-cert-phone {width:45px; height:51px; background-image:url('../images/common/ico/ico-cert-phone.png');}
	.ico-cert-pay {width:45px; height:51px; background-image:url('../images/common/ico/ico-cert-pay.png');}
	.ico-not-white {width:20px; height:20px; background-image:url('../images/common/ico/ico-not-white.png');}
	.ico-checklist {width:22px; height:22px; background-image:url('../images/common/ico/ico-checklist.png');}
	.ico-marker {width:13px; height:16px; background-image:url('../images/common/ico/ico-marker.png');}
	.ico-link {width:16px; height:16px; background-image:url('../images/common/ico/ico-link.png');}
	.ico-link-b {width:16px; height:16px; background-image:url('../images/common/ico/ico-link-b.png');}
	.ico-price {width:26px; height:26px; background-image:url('../images/common/ico/ico-price.png');}
	.ico-square-del {width:18px; height:18px; background-image:url('../images/common/ico/ico-square-del.png');}
	.ico-stats {width:24px; height:22px; background-image:url('../images/common/ico/ico-stats.png');}
	.ico-detail-view {width:30px; height:30px; background-image:url('../images/common/ico/ico-detail-view.png');}
	.ico-login-circle {width:58px; height:58px; background-image:url('../images/common/ico/ico-login-circle.png');}
	.ico-link-cyon {width:12px; height:12px; background-image:url('../images/common/ico/ico-link-cyon.png');}


	.ico-authentication01 {width:47px; height:50px; background-image:url('../images/common/ico/ico-authentication01.png');}
	.ico-authentication02 {width:136px; height:89px; background-image:url('../images/common/ico/ico-authentication02.png');}
	.ico-authentication03 {width:39px; height:52px; background-image:url('../images/common/ico/ico-authentication03.png');}
	.ico-authentication04 {width:37px; height:52px; background-image:url('../images/common/ico/ico-authentication04.png');}
	
	.ico-down {width:9px; height:6px; background-image:url('../images/common/ico/ico-down.png');}
	.ico-han {width:24px; height:24px; background-image:url('../images/common/ico/ico-han.png');}
	.ico-excel {width:24px; height:24px; background:url('../images/common/ico/ico-excel.png') no-repeat 0;}
	.ico-pdf {width:24px; height:24px; background:url('../images/common/ico/ico-pdf.png') no-repeat 0;}
	.ico-ppt {width:24px; height:24px; background:url('../images/common/ico/ico-ppt.png') no-repeat 0;}
	.ico-doc {width:24px; height:24px; background:url('../images/common/ico/ico-doc.png') no-repeat 0;}
	.ico-zip {width:24px; height:24px; background:url('../images/common/ico/ico-zip.png') no-repeat 0;}
	.ico-prev-month {width:24px; height:24px; background-image:url('../images/common/ico/ico-prev-month.png');}
	.ico-next-month {width:24px; height:24px; background-image:url('../images/common/ico/ico-next-month.png');}
	.ico-preview {width:48px; height:48px; background-image:url('../images/common/ico/ico-preview.png');}
	.ico-user {width:24px; height:24px; background-image:url('../images/common/ico/ico-user.png'); background-size:24px 24px;}

	.ico-absol-data01 {width:24px; height:24px; background-image:url('../images/common/ico/ico-absol-data01.png');}
	.ico-absol-data02 {width:24px; height:24px; background-image:url('../images/common/ico/ico-absol-data02.png');}
	.ico-absol-data03 {width:24px; height:24px; background-image:url('../images/common/ico/ico-absol-data03.png');}
	.ico-absol-data04 {width:24px; height:24px; background-image:url('../images/common/ico/ico-absol-data04.png');}
	.ico-absol-data05 {width:24px; height:24px; background-image:url('../images/common/ico/ico-absol-data05.png');}
	.ico-absol-data06 {width:24px; height:24px; background-image:url('../images/common/ico/ico-absol-data06.png');}
	.ico-absol-data07 {width:24px; height:24px; background-image:url('../images/common/ico/ico-absol-data07.png');}
	.ico-absol-data08 {width:24px; height:24px; background-image:url('../images/common/ico/ico-absol-data08.png');}


/* tag */
.tagset {display:inline-block; min-width:60px; height:28px; padding:0 15px; color:#333; font-size:15px; font-weight:400; line-height:26px; border-radius:28px; text-align:center; vertical-align:middle;}
.tagset.large {min-width:150px; height:49px; line-height:49px; font-size:19px; border-radius:49px;}
	.tagset.navy {color:#303c52; border:1px solid #303c52;}
	.tagset.bg-navy {color:#fff; background-color:#303c52;}
	.tagset.blue {color:#fff; background-color:#056cd4;}
	.tagset.red {color:#db3c11; border:1px solid #db3c11;}
	.tagset.green {color:#007f41; border:1px solid #007f41;}
	.tagset.gray {color:#333; background-color:#f9f9f9;}

/* button */
.button-group {overflow:hidden; margin:30px 0 0;}
.button-group .float-l .button,
.button-group.a-l .button {margin-right:12px;}
.button-group .float-l .button.small,
.button-group.a-l .button.small {margin-right:8px;}
.button-group .float-r .button,
.button-group.a-r .button {margin-left:10px;}
.button-group .float-r .button.small,
.button-group.a-r .button.small {margin-left:8px;}
.button-group.a-c .button + .button {margin-left:0;}
.button-group.a-c .button.small + .button.small {margin-left:8px;}


/* button - reset */
button {cursor:pointer; border:0; vertical-align:middle;}
.button.x-small {padding:0 10px; min-width:32px; height:30px; line-height:26px; font-size:15px;}
.button.small {min-width:40px; height:32px; line-height:30px; font-size:15px;}
.button.medium {min-width:70px; height:40px; line-height:38px; font-size:16px;}
.button.large {min-width:120px; height:48px; line-height:46px; font-size:17px;}
.button.x-large {min-width:140px; height:56px; line-height:54px; font-size:18px;}

@media (max-width: 980px){
	.button.x-small {min-width:30px; font-size:12px;}
	.button.small {min-width:36px; font-size:13px;}
	.button.medium {min-width:60px; font-size:14px;}
	.button.large {min-width:100px; font-size:15px;}
	.button.x-large {min-width:120px; height:40px; line-height:38px; font-size:16px;}
}
@media (max-width: 690px){
	.button.large {min-width:70px; font-size:14px; height: 40px; line-height: 38px;} 
}
/* button */
.button,
a.button {overflow:hidden; display:inline-block; min-width:50px; height:36px; margin:0; padding:0 15px; line-height:34px; color:#333; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕',  Dotum, '돋움', sans-serif; font-weight:700; border:1px solid #ccc; border-radius:7px; text-align:center; text-decoration:none; vertical-align:middle; background-color:#fff;}
.button:hover,
a.button:hover,
.button:focus,
a.button:focus {border-color:#000; text-decoration:none !important;}
.button:disabled,
a.button.disabled {color:#c4c4c4 !important; border-color:#ccc !important; background-color:#f0f0f0 !important; cursor:default; opacity:1;}

.button.navy,
a.button.navy {color:#fff; border:1px solid #303c52; background-color:#303c52;}
.button.navy:hover,
a.button.navy:hover,
.button.navy:focus,
a.button.navy:focus {border-color:#303c52; background-color:#303c52;}
.button.navy.disabled,
a.button.navy:disabled {opacity:1; color:#c4c4c4; border-color:#ccc; background-color:#303c52;}

.button.tool-tip {background:none; border:none; padding:0; margin:0; vertical-align:middle; height:inherit; min-width:inherit;}
/* table reset */
table {width:100%; margin:0; border:0; table-layout:fixed; border-collapse:collapse; empty-cells:show;}
table caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
table th,
table td {padding:0; word-break:break-all;}

/* 조회, 테이블 내부 버튼 */
table {}
table .button,
table a.button {min-width:54px; height:40px; padding:0 14px;}
table select {height:40px;}
table .datepicker input {height:40px;}
table [type='radio'],
table [type='chekcbox'] {position:relative; margin-top:3px;}

.page-inner-top {display:block; margin:50px 0 0 0;  text-align:right;}
.page-inner-top .top-btn {display:inline-block; width:48px; height:48px; font-size:0; background:url('../images/common/btn/btn-top.png') 0 0 no-repeat;}


/* 목록 상단 */
.list-top {position:relative; margin-bottom:5px;}
.list-top:before,
.list-top:after {content:''; display:table;}
.list-top:after {clear:both;}
.list-top .info {font-size:18px; color:#111; padding-top:13px; float:left; margin-right:10px; font-weight:bold;}
.list-top .info span {font-weight:700; color:#088488;}
.list-top select,
.list-top input[type='text'] {height:32px; line-height:32px;}
.list-top .left {height:32px; line-height:32px; float:left; margin-bottom:8px;}
.list-top .left p {padding-top:0; margin:0;}
.list-top .right {float:right;}
.list-top .right:after {clear:both; display:block; content:"";}
.list-top .right > * {float:left; margin:0 0 0 8px;}
.list-top .right > *:first-child {margin-left:0;}
.list-top .right em.text {display:block; padding-top:5px; clear:both; margin-bottom:-7px; font-size:13px; float:none; text-align:right; }
.list-top .right.txt {line-height:32px;}
.list-top .type-radio {float:left; height:32px;}
.list-top .type-radio .label {display:inline-block; margin:0 20px 0 0; line-height:32px; vertical-align:middle;}
.list-top .type-radio .mobile-block {vertical-align:middle;}
.list-top .type-radio .bg-chk {height:32px; margin-right:15px; vertical-align:middle;}
.list-top .type-radio .bg-chk label {padding-top:0; line-height:32px;}
@media (max-width: 1280px){
	.list-top > div,
	.list-top .input-form {margin:0 0 10px 0 !important; width:100%;}
	.list-top select,
	.list-top .input-text,
	.list-top .button {margin:0 0 10px 0 !important; display:block; width:100%; height:50px !important; line-height:50px;  max-width:100%;}
	.list-top .info {font-size:15px;}
	.list-top .right em.text {font-size:11px;}

}

/* table-wrap */
.table-wrap {}
.table-wrap.col-2 {overflow:hidden;}
.table-wrap.col-2 .col-table {display:block; float:left; width:calc(50% - 10px); margin:0 0 0 20px;}
.table-wrap.col-2 .col-table:first-of-type {margin-left:0;}



/* 목록형 표 */
.col-table {position:relative; border-top:2px solid #555960;}
.col-table > table {}
.col-table > table > thead > tr > th,
.col-table > table > tbody > tr > td {height:50px; padding:0 10px; text-align:center; vertical-align:middle; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.col-table > table > thead > tr > th:last-child,
.col-table > table > tbody > tr > td:last-child {border-right:0;}
.col-table > table > thead > tr > th {height:50px; background-color:#fafbfc; text-align:center; cursor: default;}
.col-table > .v1-tb > tbody > tr > th {background-color:#fafbfc; height:50px; padding:0 10px; text-align:center; vertical-align:middle; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; font-size: 14px;}
.col-table > table > thead > tr:first-child th {border-top:0;}
.col-table > table > tbody > tr:hover {background-color:#f6f6f6;}
.col-table > table tbody tr td.no-padding {padding:0;}
.col-table > table tbody tr td.no-padding a {display:block; padding:7px 0;}
.col-table > table tbody tr.main-notice td,
.col-table > table tbody tr.main-notice td a {font-weight: 500; color:#222;}
.col-table > table tbody tr.main-notice td a,
.col-table > table tbody tr.main-notice td .a-link.line{font-weight: bold;}
.col-table.table-accordian {}
.col-table.table-accordian > table tbody tr.accordian-cont {display:none;}
.col-table.table-accordian > table tbody tr.accordian-cont.on {display:table-row;}
.col-table.table-accordian > table tbody tr.accordian-cont td { padding:20px 50px; text-align:left; background-color:#f6f7f8;}

.btn-table-accodian {border:none; background:none;}

.flick-wrap {width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(0, 0, 0, 0.4) repeat;}
.flick-wrap .flick-area {display:none !important; width:100%; height:100%; text-align:center;}
.flick-wrap .flick-area span {padding:15px 20px; background:#43455b; color:#fff; border-radius:7px; position:relative; top:50%; transform: translate(0, -50%);}

@media (max-width: 1280px){
	.col-table {overflow:hidden; overflow-x:scroll; border-bottom:0;}
	.col-table table {min-width:1280px; border-bottom:1px solid #ddd;}
	.col-table.no-scroll {overflow-x:inherit; }
	.col-table.no-scroll table {min-width:100%; }

	.btn-table-accodian {float:right;}

}

/* 박스형 리스트 */
.list-box-type {display:block; padding:30px 0 0 0; width:100%; border-top:2px solid #555960; border-bottom:1px solid #ddd;}
.list-box-type ul {margin:0 0 0 -30px;}
.list-box-type ul:after {content:''; display:block; clear:both;}
.list-box-type ul li {float:left; margin:0 0 30px 30px; padding:25px 20px; width:calc(25% - 30px); height:145px; font-size:16px; border:1px solid #ddd; border-radius:8px;}
.list-box-type ul li strong {display:block; color:#222; }
.list-box-type ul li span {color:#666; display:inline-block; max-height:72px; line-height:24px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}

@media (max-width:1280px){
	.list-box-type ul {margin:0 0 0 -20px;}
	.list-box-type ul li {width:calc(50% - 20px); margin:0 0 20px 20px;}
}
/* pagination */
.pagination {overflow:hidden; position:relative; text-align:center; margin-top:30px}
.pagination a {display:inline-block; vertical-align: middle; min-width:36px; height:36px; line-height:36px; margin:0 3px; font-size:15px; color:#666; border-radius:13px; font-family:'NBG'; padding: 0 2px;}
.pagination a.first {text-indent:-9999px; background:url("../images/common/bg/paging-first.png") no-repeat center; padding: 0; width:36px;}
.pagination a.last {text-indent:-9999px; background:url("../images/common/bg/paging-last.png") no-repeat center; padding: 0; width:36px;}
.pagination a.prev {text-indent:-9999px; background:url("../images/common/bg/paging-prev.png") no-repeat center; padding: 0; width:36px;}
.pagination a.next {text-indent:-9999px; background:url("../images/common/bg/paging-next.png") no-repeat center; padding: 0; width:36px;}
.pagination a.on {color:#fff; background-color:#152843; font-weight:700; pointer-events: none;}
@media (max-width:767px){
	.pagination a{min-width: 34px; height: 34px; line-height: 34px; font-size: 14px;}
	.pagination a.first,
	.pagination a.last,
	.pagination a.prev,
	.pagination a.next{width: 34px;}
}
@media (max-width:500px){
	.pagination a{min-width: 30px; height: 30px; line-height: 30px; font-size: 13px;}
	.pagination a.first,
	.pagination a.last,
	.pagination a.prev,
	.pagination a.next{width: 30px;}
}
@media (max-width:430px){
	.pagination a{min-width: 25px; height: 25px; line-height: 24px; font-size: 13px; margin: 0 1px}
	.pagination a.first,
	.pagination a.last,
	.pagination a.prev,
	.pagination a.next{width: 25px;}
}



/* 상세형 표 */
.row-table {border-top:2px solid #555960;}
.row-table table {}
.row-table table th,
.row-table table td {height:60px; text-align:left; border:1px solid #eee; border-width:0 0 1px 0; background-color:#fff;}
.row-table table th:last-child,
.row-table table td:last-child {padding-right:0; border-right:0px;}
.row-table table th {padding:10px 20px; font-size:15px; font-weight:bold;}
.row-table table td {padding:10px 14px;}

.row-table.v1 table th {background-color:#f6f6f6; cursor: default;}
.row-table.v1 table th,
.row-table.v1 table td {border-width:0 1px 1px 0;}
.row-table table .label {display:inline-block; position:relative; padding:0 0 0 0;}
.row-table table .label.req {}
.row-table table .label.req:after {content:'*'; display:inline-block; margin:0 0 0 4px; padding:0; color:#d8265d;}
.row-table table .label.req.no-dot {padding-left:0;}
.row-table table .label.req.no-dot:before {display:none;}

@media (max-width: 1280px){
	.row-table table colgroup {display:none;}
	.row-table table th,
	.row-table table td {height:auto; display:block; border-bottom:0; font-size:15px;}
	.row-table table th {padding:10px 5px; background:none; font-weight:700; border-right:0px;}
	.row-table table td {padding:5px 0 10px; border-bottom:1px solid #e1e3e6}
	.row-table.v1 table tr {}
	.row-table.v1 table th {padding:10px 15px; width:160px; border-bottom:1px solid #e8e8e8;}
	.row-table.v1 table td {padding:10px 10px; width:calc(100% - 160px); border-width:0 0 1px 0 !important;}
	.row-table.v1 table th,
	.row-table.v1 table td {float:left; padding:15px 10px; height:auto; font-size:13px;}

	.col-table table thead th, .col-table table tbody td {height:40px; padding:10px 12px; font-size:14px;}
}


/* 게시판 상세 */
.detail-view {border-bottom:1px solid #ddd;}
.detail-view .post-content {min-height:61px; padding:21px 0; position:relative;  border-top:2px solid #44465c; word-break:break-all;}
.detail-view .post-content .title {position:relative; margin:0; padding-bottom:10px; font-size:19px; color:#222; font-weight:700; text-indent:-3px;}
.detail-view .post-content ul li {padding-left:90px; position:relative; margin-bottom:11px;}
.detail-view .post-content ul li:last-child {margin-bottom:0;}
.detail-view .post-content ul li strong {position:absolute; top:0; left:0; color:#3a3a4a; font-weight:400;}
.detail-view .post-content img {max-width:100%;}
.detail-view .attach-file {padding:10px 0; line-height:28px; }
.detail-view .attach-file p {display:block; margin:0; padding:0; margin-bottom:5px;}
.detail-view .attach-file p:last-child {margin-bottom:0;}
.detail-view .attach-file span {display:inline-block; min-width:100px; font-weight:bold; margin-right:10px;}
.detail-view .attach-file a {display:inline-block; }

@media (max-width: 1280px){
	.detail-view .title {font-size:17px; padding-bottom:10px; line-height:24px;}
	.detail-view .post-content {min-height:auto; padding:11px 0 11px;}
	.detail-view .post-content ul li {padding-left:80px; margin-bottom:5px; font-size:14px}
	.detail-view .post-content ul li strong {font-size:14px}
	.detail-view .post-content p {font-size:13px;}
	.detail-view .info-list {padding:20px 10px;}
	.detail-view .info-list ul.tit-text-list {float:none; width:100%; margin:10px 0 0;}
	.detail-view .info-list ul.tit-text-list:first-child {margin:0;}
	.detail-view .attach-file span {display:block;}
	.detail-view .attach-file span.tit {display:block; margin-bottom: 5px;}
}

.photo-box-list {}
.photo-box-list:after {content:''; display:block; clear:both;}
.photo-box-list .block {padding:10px 15px; float:left; width:50%;}
.photo-box-list .block img {width:100%; height:252px;}
.photo-box-list .block:nth-child(2n) {float:right;}

/* 썸네일형 목록 */
.thumbs-list {border-top:2px solid #44465c; border-bottom:1px solid #bec2c8; padding:25px 0 35px 0; overflow:hidden;}
.thumbs-list ul {overflow:hidden; margin:-30px 0 0 -40px}
.thumbs-list ul li {width:calc(100% / 3); float:left; padding:0 0 0 40px; margin:30px 0 0 0;}
.thumbs-list ul li a {display:block; padding:20px; border:1px solid #ddd;}
.thumbs-list ul li .thumbs-area {margin:0; width:100%; height:160px; overflow:hidden; position:relative;}
.thumbs-list ul li .thumbs-area img {width:100%; height:100%; vertical-align:top;}
.thumbs-list ul li .subject {display:inline-block; max-height:48px; min-height:48px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; margin:20px 0; overflow:hidden; color:#222; font-size:16px;}
.thumbs-list ul li .date {margin:0; font-size:15px; color:#666;}
.thumbs-list.video ul li a:hover {text-decoration:none;}
.thumbs-list.video ul li .thumbs-area {height:160px; position:relative;}
.thumbs-list.video ul li .thumbs-area:before {width:100%; height:100%; position:absolute; z-index:1; background:url("../images/common/ico/ico-play.png") no-repeat center; content:"";}
.thumbs-list.video ul li .thumbs-area:after {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.4); content:"";}

@media (max-width: 1280px){
	.thumbs-list ul {overflow:hidden; margin:-16px 0 0 -20px}
	.thumbs-list ul li {width:calc(100% / 2); float:left; padding:0 0 0 20px; margin:16px 0 0 0;}
}
@media (max-width: 1280px){
	.thumbs-list {padding:15px 0 25px 0;}
	.thumbs-list ul {overflow:hidden; margin:-10px 0 0 -10px}
	.thumbs-list ul li {width:calc(100% / 1); padding-left:10px; margin-top:10px;}
	.thumbs-list ul li .thumbs-area {height:auto !important;}
	.thumbs-list ul li .subject {margin-top:5px;}
}
@media (max-width: 460px){
	.thumbs-list ul {margin-left:0;}
	.thumbs-list ul li {width:100%; float:none; padding:0;}
}


/* 게시판 댓글 */
.reply-wrap {margin:40px 0 0; color:#3a3a4a; font-size:14px;}
.reply-wrap .reply-form {padding:25px 30px; font-size:15px; background-color:#f6f7f8;}
.reply-wrap .reply-form .reply-write {position:relative; padding:0 90px 0 0; margin:15px 0 0;}
.reply-wrap .reply-form .reply-write .text-area {width:100%; height:110px; border:0;}
.reply-wrap .reply-form .reply-write .text-area .input-textarea {height:80px; border:1px solid #e1e3e6;}
.reply-wrap .reply-form .reply-write .button {position:absolute; top:0; right:0; padding:0; min-width:80px; width:80px; height:80px;}
.reply-wrap .reply-list ul li .reply-form {margin-top:20px; padding:25px 30px; font-size:15px; background-color:#e9f9f1;}
.reply-wrap .reply-list {padding:0; border-top:1px solid #e1e3e6;background:#fff;}
.reply-wrap .reply-list ul li {padding:0; border-top:1px solid #d5d5d5;}
.reply-wrap .reply-list ul li:first-child {border:0;}
.reply-wrap .reply-list ul li .reply-list-wrap {padding:20px 30px;}
.reply-wrap .reply-list ul li span.name {color:#007f41;}
.reply-wrap .reply-list ul li .reply-cont {margin:6px 0;}
.reply-wrap .reply-list ul li .data-state {color:#6c6d73; font-size:13px;}
.reply-wrap .reply-list ul li .data-state span {position:relative; padding-left:16px; vertical-align:middle;}
.reply-wrap .reply-list ul li .data-state span::after {content:''; display:block; position:absolute; top:50%; left:5px; width:3px; height:3px; border-radius:50%; margin-top:-3px; background:#ddd;}
.reply-wrap .reply-list ul li .data-state span:first-child {padding:0;}
.reply-wrap .reply-list ul li .data-state span:first-child::after {display:none;}
.reply-wrap .reply-list ul li .data-state span button {min-width:0; margin:0; padding:0; border:0; color:#6c6d73; background-color:transparent; vertical-align:middle;}
.reply-wrap .reply-list ul li .data-state span button:hover {color:#d7021b; background:none; text-decoration:underline;}

.reply-wrap .input-text {width:160px; height:32px; font-size:14px;}

@media (max-width: 1280px){
	.reply-wrap {margin:30px 0 0;}
	.reply-wrap .reply-form {padding:20px 20px;}
	.reply-wrap .reply-form .reply-write {padding:0 70px 0 0; margin:10px 0 0;}
	.reply-wrap .reply-list {padding:0;}
}

/* accordian */
.accordian {border-top:2px solid #44465c;}
.accordian > li {border-bottom:1px solid #e1e3e6; position:relative;}
.accordian > li > a {padding:13px 150px 12px 75px; display:block; position:relative; font-size:16px}
.accordian > li > a em {height:13px; line-height:13px; font-size:15px; position:absolute; top:19px; left:18px; background:url("../images/common/ico/ico-question.png") no-repeat left 1px; padding-left:13px; color:#007f41; font-family: 'Noto Sans KR'; font-weight:700;}
.accordian > li > a em.empty {left:24px;}
.accordian > li > a:after {width:12px; height:7px; content:""; position:absolute; top:22px; right:32px; background:url("../images/common/arrow/arrow-accordian.png") no-repeat; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all ease 0.5s;}
.accordian > li > div {line-height:24px; background-color:#f6f6f6; border-top:1px solid #e1e3e6; position:relative; padding:20px 75px; display:none;}
.accordian > li > div:before {width:11px; height:11px; position:absolute; top:25px; left:24px; content:""; background:url("../images/common/ico/ico-answer.png") no-repeat;}
.accordian > li.on:before {width:100%;}
.accordian > li.on > a:after {background-image:url("../images/common/arrow/arrow-accordian-on.png"); -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all ease 0.5s;}
.accordian > li.no-result {text-align:center; line-height:24px; padding:15px 0;}
.accordian > li.no-result:before {width:100%;}
.accordian.v1 > li > a em {background:none; padding-left:0;}
.accordian.v1 > li > div:before {display:none;}
.accordian.v2 > li > a {padding:13px 75px 12px 30px; }
.accordian.v2 > li > a em {background:none; padding-left:0;}
.accordian.v2 > li > div {padding:20px 30px;}
.accordian.v2 > li > div:before {display:none;}

@media (max-width: 1280px){
	.accordian > li > a {padding:14px 40px 10px 45px;}
	.accordian > li > a em {left:7px; top:19px; padding-left:11px;}
	.accordian > li > a em.empty {left:11px;}
	.accordian > li > a:after {right:7px;}
	.accordian > li > div {padding:17px 45px;}
	.accordian > li > div:before {top:21px; left:11px;}
	.accordian.v1 > li > div {padding:17px;}
}


/* ==========================================================================
	common
========================================================================== */
/* title */
h1.page-tit {margin:0; padding:0 0 30px 0; font-size:1.7143em; line-height:1.1; font-weight:700;}
h2.tit {margin:0; padding:0 0 30px 0; color:#222; font-size:32px; line-height:1.1; font-weight:700;}
h3.tit {position:relative; margin:0; padding:0 0 24px 0; color:#222; font-size:22px; line-height:1.1; font-weight:700;}
h4.tit {position:relative; margin:0; padding:0 0 15px 0; color:#222; font-size:21px; line-height:1.1; font-weight:700;}
h5.tit {position:relative; margin:0; padding:0 0 15px 0; color:#222; font-size:18px; line-height:1.1; font-weight:700;}

h2.tit.sub-tit { padding:47px 0; width:100%; height:208px; color:#fff; font-size:38px; text-align:center; background:url("../images/common/bg/bg-sub-tit.png") no-repeat top center; background-size:cover;}
h2.tit.sub-tit.min {height:145px;}
h2.tit.sub-tit.v1 {height:auto;}
h2.tit.sub-tit.v1 > p{padding: 0 30px 25px; margin: 0 0 50px;}
h2.tit.sub-tit .tagset {margin-top:-5px;}

@media (max-width:1280px){
	h3.tit {font-size:16px;}
	h4.tit {font-size:15px;}
	h5.tit {font-size:14px;}
	h2.tit.sub-tit.v1 > p{margin: 0; padding-bottom: 5px;}
}

.absol-data { margin:0 auto 50px; max-width:1280px; width:100%; height:170px; margin-top:-85px; padding:5px 40px; border:2px solid #108781; border-radius:10px 25px 10px 25px; background-color:#fff; box-shadow:0 10px 15px -15px #333;}

.absol-form-wrap {}
.absol-form-wrap .block-line {display:block; padding:20px 0; width:100%; border-top:1px solid #eee;}
.absol-form-wrap .block-line input,
.absol-form-wrap .block-line select,
.absol-form-wrap .block-line .button {vertical-align:middle;}
.absol-form-wrap .block-line:first-child {border-top:0;}
.absol-form-wrap .block-line:after {content:''; display:block; clear:both;}
.absol-form-wrap .block-line .half-block { float:left; padding-left:20px; width:50%; border-left:1px solid #eee;}
.absol-form-wrap .block-line .half-block:first-child {border-left:0; padding-left:0; padding-right:20px;}
.absol-form-wrap .block-line .half-block .city-label{ width: 70px;height: 40px; font-size: 15px; color: #111; padding-top: 9px; display: inline-block; font-weight: bold; vertical-align: middle;}

.absol-form-wrap .block-line .thr-block { float:left; padding: 0 10px; width:33.3%; border-right:1px solid #eee; box-sizing: border-box;}
.absol-form-wrap .block-line .thr-block:first-child {padding-left:0px;}
.absol-form-wrap .block-line .thr-block:last-child {padding-right:0px; border-right: none;}
.absol-form-wrap .block-line .thr-block span.tit{width: 70px; height: 40px; font-size: 15px; color: #111; padding-top: 10px; display: inline-block; font-weight: bold; vertical-align: middle;}
.absol-form-wrap .block-line .thr-block .datepicker {display:inline-block; vertical-align:middle; width: calc(100% - 74px);}
.absol-form-wrap .block-line .thr-block .datepicker span {display:inline-block; position:relative; width: calc(50% - 10px); height:40px; padding:0 35px 0 10px !important; background:#fff; border-radius:5px; border:1px solid #ddd; vertical-align:middle;}
.absol-form-wrap .block-line .thr-block .datepicker input {width:100%; height:100%; padding:0; border:1px solid #d1d1d1; vertical-align:middle; border:0; color:#3a3a4a; font-size:15px; background:none;}
.absol-form-wrap .block-line .thr-block .datepicker em {max-width:10px; width:10px; margin: 0; display: inline-block; vertical-align:middle; box-sizing: border-box;}
.absol-form-wrap .block-line .thr-block .comb-slct{width: calc(50% - 40px); max-width: unset;}
.absol-form-wrap .block-line .thr-block .input-text{width: calc(100% - 75px);}
.absol-form-wrap .block-line .thr-block button.button{min-width: 70px;}

@media (max-width:1280px){
	.absol-form-wrap .block-line .thr-block{width: 100%; border-right: none; padding: 0 10px; margin-bottom: 10px;}
	.absol-form-wrap .block-line .thr-block select.comb-slct{width: calc(50% - 46px); margin-right: 12px;}
	.absol-form-wrap .block-line .thr-block select.comb-slct:last-child{margin-right: 0px;}
	.absol-form-wrap .block-line .thr-block:first-child{padding: 0px 10px;}
	.absol-form-wrap .block-line .thr-block:last-child{padding: 0px 10px; margin-bottom: 0px;}
}
@media (max-width:500px){
	.absol-form-wrap .block-line .thr-block{padding: 0px;}
	.absol-form-wrap .block-line .thr-block span.tit{width: 55px; height: 40px; font-size: 13px; padding-top: 9px;}
	.absol-form-wrap .block-line .thr-block:first-child,
	.absol-form-wrap .block-line .thr-block:last-child{padding: 0px;}
	.absol-form-wrap .block-line .thr-block .datepicker {width: calc(100% - 60px);}
	.absol-form-wrap .block-line .thr-block select.comb-slct{width: calc(50% - 39px);}
	.absol-form-wrap .block-line .thr-block .datepicker span,
	.absol-form-wrap .block-line .thr-block .datepicker input{font-size: 13px; text-overflow: ellipsis;} 
	.absol-form-wrap .block-line .thr-block select.comb-slct{font-size: 13px;}
}

.absol-form-wrap .block-line .inp1-btn1 input,
.absol-form-wrap .block-line .inp1-btn1 select {width:calc( 100% - 110px);}
.absol-form-wrap .block-line .inp1-btn1 .button {width:100px; }

.absol-form-wrap .block-line .inp2-btn1 input,
.absol-form-wrap .block-line .inp2-btn1 select {width:calc( 50% - 58px);}
.absol-form-wrap .block-line .inp2-btn1 .button {width:100px; }

.btn-up-down {width:10.5px; height:16px; border:0; background:url('../images/common/btn/btn-up-down.png') center center no-repeat; background-size:10.5px 10px;}

@media (max-width:1280px){
 .absol-data {}
}

@media (max-width: 1280px){
	h2.tit {position:relative; padding:0; top:0; left:0; width:100%; height:56px; line-height:56px; text-align:center; font-size:20px; color:#fff; background-color:#303c52;}
	h2.tit.sub-tit {padding:25px 20px; height:auto; font-size:17px; line-height:1.1; background-size:cover; letter-spacing:-1px;}
	h2.tit.sub-tit.min {height:65px;}
	h2.tit.sub-tit .tagset {font-size:12px; margin:0 auto 5px;  display:block; min-width:60px; max-width:115px; height:28px; line-height:28px; font-weight:400;}
	.absol-data {margin:0 0 10px 0; padding:0 25px; height:auto; border:none; border-bottom:15px solid #eee; box-shadow:none; border-radius:0;}
	.absol-form-wrap .block-line {padding:30px 0;}
	.absol-form-wrap .block-line .half-block {width:100%; float:none; margin:0 0 10px 0; border:0; padding:0;}
	.absol-form-wrap .block-line .half-block:last-child {margin-bottom:0;}
	.absol-form-wrap .block-line .half-block:first-child {padding-right:0;}
	.absol-form-wrap .block-line .chk-util span {margin-bottom:5px;}
}

@media (max-width: 990px){
	.absol-form-wrap .block-line .chk-util {width: 100%; display: inline-flex; flex-wrap: wrap; align-content:space-around; padding: 0 15px;}
	.absol-form-wrap .block-line .chk-util .bg-chk {min-width: 150px; width: calc(25% - 15px); text-align: left !important;}
}
@media (max-width: 500px){
	.absol-form-wrap .block-line .chk-util {padding: 0px;}
	.absol-form-wrap .block-line .chk-util .bg-chk {width: calc(50% - 20px); min-width: 125px;}
}
@media (max-width: 400px){.chk-util .bg-chk label:before{top:12px;}}


.help-text {position:relative; padding:0 0 0 16px !important; font-size:15px;}
.help-text:before {content:"※"; position:absolute; top:0; left:0; }
p.paragraph {font-size:15px; color:#666; }
p.red-msg {margin:5px 0 0; color:#db3c11; font-size:14px;}
span.red-msg {margin:5px 0 0; color:#db3c11; font-size:14px;}
span.red-msg:before{content:"*"; vertical-align: middle; margin-right: 2px;}
p.green-msg {margin:5px 0 0; color:#007f41; font-size:14px;}
p.gray-msg {margin:5px 0 0; color:#666; font-size:14px;}

.tit-group {margin:0 0 12px 0; padding:0;}
.tit-group:before,
.tit-group:after {content:''; display:table;}
.tit-group:after {clear:both;}
.tit-group h2.tit {float:left; padding-bottom:0; line-height:36px;}
.tit-group h3.tit {float:left; padding-bottom:0; line-height:36px;}
.tit-group h4.tit {float:left; padding-bottom:0; line-height:24px;}
.tit-group .tit.bul {padding-bottom:0; background-position:0 8px;}
.tit-group .req-info {float:right; padding:0;}
.tit-group .tit-util {float:right;}


.req-info {padding:0 0 5px 0;}
.req-info .req {color:#d8265d;}

.no-data {text-align:center; color:#666; font-size:16px;}
.no-data i.iconset {display:block; margin:0 auto 20px;}

@media (max-width: 1280px){
	.no-data .button-group .button {width:100%;}
	.no-data .button-group .button + .button { margin-top:10px; margin-left:}
}

/* tab list */
.tab-list {overflow:hidden; position:relative; margin-bottom:40px;}
.tab-list ul {position:relative;}
.tab-list ul:after {content:""; clear:both; display:block;}
.tab-list li {float:left; width:50%;}
.tab-list.col-3 li {float:left; width:33.3%;}
.tab-list li a {display:block; height:48px; padding:0 10px; line-height:46px; color:#222; font-size:15px; border:1px solid #bec2c8; border-left:none; text-align:center; background:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tab-list li a span {position:relative; display:inline-block;}
.tab-list li:first-child a {border-left:1px solid #bec2c8}
.tab-list li a:hover {text-decoration:none;}
.tab-list li.curr a {border-color:#007f41; color:#fff; background:#007f41; transition: all ease 0.2s;}
.tab-list.variable li {margin-right:40px;}
.tab-list.variable li:first-child {margin-left:0;}
.tab-list.v1 {border-bottom:2px solid #152843;}
.tab-list.v1 li {width:auto; margin-left:-1px; padding:0 20px; border:1px solid #eee; border-width:1px 1px 0 1px;}
.tab-list.v1 li a {line-height:48px; display:block; text-align:center; background:#fff; border:0 !important; padding:0; overflow:inherit; white-space:normal; text-overflow:inherit;}
.tab-list.v1 li a span {color:#3a3a4a;}
.tab-list.v1 li.curr {background-color:#152843;}
.tab-list.v1 li.curr a {color:#fff; background-color:#152843 !important;}
.tab-list.v1 li a:hover span,
.tab-list.v1 li.curr a span {display:inline-block; font-weight:700; position:relative;}
.tab-list.v1 li a:hover span:after,
.tab-list.v1 li.curr a span:after {width:100%; height:3px; background-color:#ee0700; content:""; position:absolute; bottom:-1px; left:0;}
.tab-list.v1 li.disabled a span {color:#b5b5b7;}

.tab-wrap {}
.tab-wrap .tab-cont {overflow:hidden; height:0; visibility:hidden;}
.tab-wrap .tab-cont.on {overflow:visible; height:auto; visibility:visible;}

/* 윈도우 팝업 */
.window-popup {padding:0;}
.window-popup .depth-2:first-child {margin-top:0px;}
.window-popup .windowpop-wrap .winpop-header {display:block; padding:0 40px; width:100%; height:70px; line-height:70px; color:#fff;background:#242d3a; }
.window-popup .windowpop-wrap .winpop-header h3.tit {color:#fff; padding:0; font-size:24px; line-height:70px; position: relative;}
.window-popup .windowpop-wrap .winpop-header h3.tit:before {display:none;}
.window-popup .windowpop-wrap .winpop-body {padding:30px 20px;}
.window-popup .windowpop-wrap .winpop-header .btn-pop-close{display:block; position:absolute; top:15px; right:20px; width:40px; height:40px; margin:0; padding:0; border:0; text-indent:-9999px; background: url('../images/common/btn/btn-modal-close.png') no-repeat center;}
@media (max-width: 991px){
	.window-popup .windowpop-wrap .winpop-header {height:45px; line-height:45px;}
	.window-popup .windowpop-wrap .winpop-header h3.tit {font-size:16px; line-height:45px;}
	.window-popup .windowpop-wrap .winpop-header .btn-pop-close{display:block; position:absolute; top:12px; right:20px; width:20px; height:20px; margin:0; padding:0; border:0; text-indent:-9999px; background: url('../images/common/btn/btn-modal-close.png') no-repeat center;}
}

.table-list {border-top:2px solid #152843;}
.table-list .list {position:relative; min-height:60px; padding:20px 100px 20px 20px; border-bottom:1px solid #e8e8e8;}
.table-list .list a.button {position:absolute; right:0; top:50%; margin-top:-18px; width:82px; height:36px; line-height:34px; border:1px solid #888; border-radius:5px;}

.table-list.v1 .list {padding:0; background:url('../images/common/ico/ico-btn-more.png') no-repeat right 10px center;}
.table-list.v1 .list span.num {position:absolute; left:10px; top:50%; margin-top:-12px; line-height:24px;}
.table-list.v1 .list a {display:block; padding:20px 40px;}
.table-list.v1 .list a span.tit {display:block; color:#111; font-weight:bold;}
.table-list.v1 .list a span.txt {color:#111;}
.table-list.v1 .list.no-result {padding:20px 0; text-align: center; border-bottom:1px solid #e8e8e8; background:none;}
.table-list.v1 .list.no-result p {padding:45px 0 0 0; margin:0; font-size:13px; color:#111; background:url('../images/common/ico/ico-noresult.png') no-repeat center top; background-size:32px;}

@media (max-width: 991px){
	.table-list .list {padding:15px 85px 15px 0; font-size:13px;}
	.table-list .list:before {display:none;}
	.table-list .list a.button {width:74px;}
}

/* ==========================================================================
	tooltip
========================================================================== */
.tool-tip {cursor:pointer;}
.tooltip-contents {display:none;}

	/* 커스텀디자인 - tooltipster-box-1 */
	.tooltipster-sidetip.tooltipster-box-1 .tooltipster-box {background:#fff; border:1px solid #666; border-radius:0;}
	.tooltipster-sidetip.tooltipster-box-1 .tooltipster-content {color:#666; line-height:22px; padding:7px 15px;}
	.tooltipster-sidetip.tooltipster-box-1 .tooltipster-arrow {width:20px; height:9px; margin-left:-10px;}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-left .tooltipster-arrow,
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-right .tooltipster-arrow {height:18px; margin-left:0; margin-top:-9px; width:10px}
	.tooltipster-sidetip.tooltipster-box-1 .tooltipster-arrow-background {border:10px solid transparent}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color:#fff; top:1px}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-left .tooltipster-arrow-background {border-left-color:#fff; left:-1px}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-right .tooltipster-arrow-background {border-right-color:#fff; left:1px}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-top .tooltipster-arrow-background {border-top-color:#fff; top:-1px}
	.tooltipster-sidetip.tooltipster-box-1 .tooltipster-arrow-border {border:10px solid transparent}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color:#666}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-left .tooltipster-arrow-border {border-left-color:#666}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-right .tooltipster-arrow-border {border-right-color:#666}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-top .tooltipster-arrow-border {border-top-color:#666}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-bottom .tooltipster-arrow-uncropped {top:-9px}
	.tooltipster-sidetip.tooltipster-box-1.tooltipster-right .tooltipster-arrow-uncropped {left:-10x}


/* ==========================================================================
	modal custom
========================================================================== */
.blocker {padding:0; background-color: rgba(0,0,0,0.6); z-index:11;}
.modal {z-index:2001; width:auto; max-width:1000px; margin-top:0; padding:0; border-top:0; text-align: left; border-radius:25px; background-color:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none;}
.modal:before {display:none;}
.modal.round {padding:0; border-radius:10px; border:3px solid #808080;}
.modal.round .page-button-bottom {min-height:auto;}
.modal.video {padding:10px 0 20px 0;}
.modal .layer-wrap {border-radius:25px;}
.modal .modal-layer-focus {display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:0; height:0; opacity:0;}
.modal .layer-wrap .layer-overflow {padding-right:25px;}
.modal .layer-wrap .layer-header {display:block; padding:0 40px; width:100%; height:70px; line-height:70px;  color:#fff; border-radius:25px 25px 0 0; background:#242d3a; }
.modal .layer-wrap .layer-header h3.tit {color:#fff; padding:0; font-size:24px; line-height:70px;}
.modal .layer-wrap .layer-header h3.tit:before {display:none;}
.modal .layer-wrap .layer-body {overflow-y:auto; max-height:620px; padding:25px 40px 0;  border-width:0 3px; border-radius:0 0 25px 25px; background-color:#fff;}
.modal .layer-wrap .layer-body .step-list {margin-bottom:20px;}
.modal .layer-wrap .layer-body .scroll {overflow-y:auto; height:calc(100% - 49px); padding:0;}
.modal .layer-wrap .layer-body .scroll.step {height:calc(100% - 107px);}
.modal .layer-wrap .layer-body .scroll .row-table {width:calc(100% - 20px);}
.modal .layer-wrap .layer-body .scroll .col-table {width:calc(100% - 20px);}
.modal .layer-wrap .layer-body .scroll .tit-group {width:calc(100% - 20px);}
.modal .layer-wrap .layer-footer {position:relative; padding:20px 40px 30px 40px; border-width:0 3px 3px 3px;  border-radius:0 0 25px 25px; background-color:#fff;}
.modal .layer-wrap .layer-footer .page-button-bottom {height:auto; min-height:auto; padding:0;}
.modal .layer-wrap .layer-footer .btn-layer-go-top {overflow:hidden; position:absolute; right:25px; top:16px; width:32px; height:32px; margin:0; padding:0; border:0; text-indent:-9999px; background:url('../images/common/btn/btn-layer-go-top.png') no-repeat 0 0;}
.modal .layer-wrap .btn-modal-close {display:block; position:absolute; top:10px; right:0; width:40px; height:40px; margin:0; padding:0; border:0; text-indent:-9999px; background: url('../images/common/btn/btn-modal-close.png') no-repeat center;}
.modal a.close-modal {display:block; position:absolute; top:15px; right:20px; width:40px; height:40px; margin:0; padding:0; border:0; text-indent:-9999px; background: url('../images/common/btn/btn-modal-close.png') no-repeat center;}


.modal.border .layer-wrap .layer-body,
.modal.border .layer-wrap .layer-footer {border:3px solid #808080;} /* 보더값 있는경우 (팝업 내 팝업경우) */

.modal.small {width:460px;}
.modal.small.v1 .layer-body {max-height:515px;}
.modal.medium {width:600px;}
.modal.large {width:1060px;}
.modal .page-button-bottom {padding:0;}

@media (max-width: 1280px){
	.modal {width:100% !important;}
}
@media (max-width: 991px){
	.modal {width:100% !important; height:100%; border-radius:0;}
	.modal .layer-wrap .layer-header,
	.modal .layer-wrap .layer-body,
	.modal .layer-wrap .layer-footer {border-radius:0;}
	.modal .layer-wrap .layer-body {padding:20px;}
	.modal .layer-wrap .layer-header {height:45px; line-height:45px;}
	.modal .layer-wrap .layer-header h3.tit {font-size:16px; line-height:45px;}
	.modal a.close-modal {width:20px; height:20px; background-size:20px; top:12px; right:40px;}
}

/* 약관 */
.terms-area {padding:0 30px; margin:10px 0; border:1px solid #ddd; max-height:250px; overflow-y:auto;}
.terms-area.v1 {padding:0 10px; margin:0; border:0; max-height:inherit; overflow-y:visible;}
.terms-area .round-num li:first-child,
.terms-area .bracket-num li:first-child,
.terms-area .normal-num li:first-child {margin-top:0;}
.terms-area .normal-num li p {margin-top:10px;}
.terms-area .round-num li,
.terms-area .bracket-num li,
.terms-area .normal-num li {margin-top:15px;}
.terms-area ol li .number {color:#3b3b3b; font-weight:700;}
.terms-area .s-tit {display:block; color:#3b3b3b;}
.terms-area .top-title {display:block; color:#222; font-size:15px; font-weight:700; margin-bottom:20px;}
.terms-area .term {margin-bottom:20px;}
.terms-area .term .tit {display:block; color:#222; font-weight:700; margin-bottom:15px; }
.terms-area .term .txt {margin-bottom:15px; color:#666;}
.terms-area .round-num li,
.terms-area .bracket-num li,
.terms-area .normal-num li {margin-top:7px;}
.terms-area ol li .number {color:#6c6d73; font-weight:normal;}

/* 입력폼 */
.form-wrap {display:table;}
.form-wrap p {margin-top:14px;}
.form-wrap p:first-child {margin-top:0;}
.form-wrap span {height:100%; padding-left:12px;}
.form-wrap span, .form-wrap em {display:table-cell; table-layout:fixed; vertical-align:top;}
.form-wrap span:first-child {padding-left:0;}
.form-wrap span input, .form-wrap span select {width:100%;}
.form-wrap .dash {padding:0 9px; vertical-align:middle;}
.form-wrap .dash + span {padding-left:0;}
.form-wrap.email span {width:160px;}

.btn-with-form {overflow:hidden;}
.btn-with-form .search-add {overflow:hidden;}
.btn-with-form .search-add .input-text {display:inline-block; vertical-align: top; width:300px;}
.btn-with-form .search-add .button {display:inline-block; vertical-align: top; width:90px;}
.btn-with-form .full-add {margin-top:5px;}

@media (max-width: 1280px){
	.terms-area {font-size:13px;}
	.form-wrap .dash {font-size:13px;padding:0 4px;}
	.form-wrap span {padding-left:6px;}
	.form-wrap.email {display:block;}
	.form-wrap.email span {margin-bottom:10px; width:100%; display:block; table-layout:inherit;}
	.form-wrap.email span select {width:100%; max-width:100%;}
	.form-wrap.email em.dash {display:none;}
	.form-wrap.email span.email-chk {padding:0; display:block; width:100% !important;}
	.form-wrap.email span.email-chk .button {width:100%;}

	.btn-with-form {overflow:hidden;}
	.btn-with-form .search-add {overflow:hidden;}
	.btn-with-form .search-add .input-text {float:left; width:calc(100% - 97px);}
	.btn-with-form .search-add .button {float:right; width:90px;}
}

/* text list */
.list-text {margin-top:20px;}
.list-text li {line-height:24px; position:relative; font-size:16px;}
.list-text li:before {position:absolute; content:"";}
.list-text li:first-child {margin-top:0 !important;}
.list-text li ul {margin:5px 0;}
.list-text li a.button,
.list-text li button.button {margin:0 5px;}

.list-text.v1 > li {padding:0 0 0 15px; margin-top:6px; color:#666; letter-spacing:-0.4px}
.list-text.v1 > li:before {width:3px; height:3px; background-color:#303c52; border-radius:7px; top:8px; left:0;}

.list-text.v2 > li {padding:0 0 0 15px; margin-top:6px; letter-spacing:-0.4px; font-size:15px;}
.list-text.v2 > li:before {width:7px; height:1px;top:10px; left:0; background-color:#666;}
.list-text.v2.color-green > li:before { background-color:#007f41; }

.list-text li span.list-tit {display:inline-block; width:100px; color:#222;}



ol.basic-list {padding:0 0 0 20px; margin:0;}
ol.basic-list > li {position:relative; font-size:16px; color:#666; line-height:24px; padding-left:0px; margin-bottom:5px;}

ol.basic-list > li > .col-table,
ol.basic-list > li > .box-border,
ol.basic-list > li > .box-gray {margin-left:-20px;}
ol.basic-list > li > ul > li .col-table,
ol.basic-list > li > ol > li .col-table,
ol.basic-list > li > ul > li .box-border,
ol.basic-list > li > ol > li .box-border,
ol.basic-list > li > ul > li .box-gray,
ol.basic-list > li > ol > li .box-gray {margin-left:-35px;}

ol.bracket-list {list-style:none; padding:0; margin:0;}
ol.bracket-list > li {position:relative; font-size:16px; color:#666; line-height:24px; padding-left:20px; margin-bottom:5px;}
ol.bracket-list > li:last-child {margin-bottom:0px;}
ol.bracket-list > li > .number {position:absolute; left:0;}
ol.bracket-list.v1 > li {padding-left:24px;}
ol.bracket-list.v1 > li > .number {position:absolute; top:2px; left:0; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; border-radius:50%; font-size:11px; background-color:#7f848f;}

ol.bracket-list > li > .col-table,
ol.bracket-list > li > .box-border,
ol.bracket-list > li > .box-gray {margin-left:-20px;}
ol.bracket-list > li > ul > li .col-table,
ol.bracket-list > li > ol > li .col-table,
ol.bracket-list > li > ul > li .box-border,
ol.bracket-list > li > ol > li .box-border,
ol.bracket-list > li > ul > li .box-gray,
ol.bracket-list > li > ol > li .box-gray {margin-left:-35px;}

ol.round-num {list-style:none; padding:0; margin:0;}
ol.round-num > li {position:relative; font-size:16px; color:#666; line-height:24px; padding-left:20px; margin-bottom:5px;}
ol.round-num.font-size-15 > li {font-size:15px !important;}
ol.round-num > li:last-child {margin-bottom:0px;}
ol.round-num > li > .number {position:absolute; left:0; display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; border-radius:50px; font-size:11px; top:4px; border:1px solid #6c6d73;}
ol.round-num.v1 > li {padding-left:24px;}
ol.round-num.v1 > li > .number {position:absolute; top:2px; left:0; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; border-radius:50%; font-size:11px; background-color:#303c52;}

@media (max-width: 1280px){
	ol.basic-list > li { font-size:13px;}
	ol.bracket-list > li {font-size:13px;}
	ol.round-num > li {font-size:13px;}
}

/* border box */
.border-box {border:1px solid #ddd; padding:0; margin-bottom:25px;}
.border-box p {word-break: break-all; }
.border-box ul {margin-top:0px;}
.border-box .box-title {padding:17px 20px; font-size:16px; background:#f5f5f5; border-bottom:1px solid #ddd; border-width:1px 1px 0 1px;}
.border-box .box-title .right {float:right; font-size:13px; color:#6c6d73; line-height:32px;}
.border-box .box-title p {display:inline-block;}
.border-box .box-cont {padding:20px 30px;}
.border-box .box-title + .box-cont {border-top:1px solid #e1e3e6;}

.border-box.radius {border-radius:8px;}
.border-box.v1 {padding:25px 30px; }
.border-box.v1 .box-title {padding:0 0 20px 0; font-weight:bold; font-size:16px; border:0; background-color:#fff;}
.border-box.v1 .box-cont {padding:20px 0 0 0;}

.border-box.v2 {padding:25px 30px; border:3px solid #ddd; }

.border-box.v3 {padding:0; }
.border-box .agree-area {overflow:hidden; padding:15px 30px; border-top:1px solid #e1e3e6;}
.border-box .agree-area p {margin:0;}
.border-box .agree-area.no-border-top {border-top:0px;}
.border-box .agree-area .txt {color:#6c6d73; font-size:15px;}
.border-box .agree-area .bg-chk {margin-right:0; margin-left:15px;}
.border-box .agree-area .bg-chk:first-child {margin-left:0;}
.border-box .box-cont.scroll-y {overflow-x:hidden; overflow-y:auto; max-height:140px;}

.box-mint { padding:30px; font-size:17px; color:#007f41; width:100%; border-radius:8px; background-color:#e9f9f1;}
.box-mint.v1 { font-size:21px; color:#222; }
.box-gray { padding:20px 30px; font-size:16px; color:#666; width:100%; background-color:#f8f9fb;}
.box-gray.round {border-radius:25px;}

.img-contents-box { padding:30px 50px; width:100%; border:1px solid #ddd; border-radius:10px;}
.img-contents-box:after {display:block; content:''; clear:both;}
.img-contents-box .img-box {float:left; width:320px; height:192px; background:#f6f7f8 url('../images/common/bg/bg-cont-basic.png') center center no-repeat;}
.img-contents-box .img-box img {width:100%; height:100%;}
.img-contents-box .contents-box { float:left; padding:0 0 0 30px; width:calc(100% - 320px);}

.img-cont-box {display:block;}
.img-cont-box img {width:100%;}

@media (max-width: 1280px){
	.border-box .agree-area {padding: 10px 15px;}
	.border-box .agree-area .float-r {float:left !important;}

	.img-contents-box { padding:10px 20px; }
	.img-contents-box .img-box {float:none; width:100%; text-align:center;}
	.img-contents-box .contents-box { float:none; padding:0; width:100%;}

	.img-cont-box {display:block;}
	.img-cont-box img {width:100%;}
	.border-box.v1 {padding:20px 5px;}

}

/* standard-data */
.standard-data {overflow:hidden; padding:25px 30px; border:1px solid #ddd; border-radius:8px;}
.standard-data .button {vertical-align:middle;}

.standard-data .data-box {width:100%; font-size:15px; line-height:40px;}
.standard-data .data-box:before,
.standard-data .data-box:after {content:''; display:table;}
.standard-data .data-box:after {content:""; display:block; clear:both;}
.standard-data .data-box .title {float:left; min-width:140px; padding-right:20px; font-size:16px; font-weight:bold; color:#222;}
.standard-data .data-box .data {float:left; color:#3a3a4a; font-weight:700;}
.standard-data .data-box .form-wrap {display:inline-table; vertical-align:top;}
.standard-data.a-c .data-box .title {display:inline-block; float:none; width:auto; min-width:130px; vertical-align:top; text-align:right;}
.standard-data.a-c .data-box .data {display:inline-block; float:none; width:auto; min-width:320px; vertical-align:top; text-align:left;}
.standard-data.a-c .data-box .data + .title {margin-left:20px;}

@media (max-width: 1280px){

}
@media (max-width: 1280px){
	.standard-data {border:1px solid #ddd; border-radius:0px !important; border-width:1px 0 1px 0; padding:10px 0 !important;}

	.standard-data .data-box .title,
	.standard-data.a-c .data-box .title {display:block; width:100%; min-width:inherit; text-align:left;}
	.standard-data .data-box .data,
	.standard-data.a-c .data-box .data {display:block; width:100%; min-width:inherit; text-align:left;}

}

/* ==========================================================================
	layout
========================================================================== */
/* skip navigation */
.skip {overflow:hidden; position:fixed; left:-99999px; top:-99999px; z-index:1000; width:1px; height:1px; font-size:1px; line-height:0.1; text-indent:-99999px}
.skip.on {left:0; top:0; width:100%; height:50px; font-size:14px; text-indent:0; text-align:center; background-color:#3683c3;}
.skip.on a {display:inline-block; margin:8px 10px 0 10px; padding:0 10px; color:#fff; line-height:30px;}
.skip.on a:hover,
.skip.on a:focus {text-decoration:none; outline:2px solid #fff;}

/* loading */
.page-loading {position:fixed; width:100%; height:100%; left:0; top:0; bottom:0; text-align:center; background:rgba(255, 255, 255, 0.5); z-index:9999;}
.page-loading > img {position:fixed; top:50%; left:50%; margin-top:-21px;}

.only-pc.inline {display:inline-block;}
.only-mb {display:none;}
.only-pc-1024 {display:block;}
.only-mb-1024 {display:none;}
table tr td.only-pc,
table tr td.only-mb {display:table-cell !important;}

@media (max-width: 1280px){
	.only-pc {display:none !important;}
	.only-mb {display:block;}
	.mb-100pc {width:100% !important;}
	.mb-48pc {width:48% !important;}
	table tr td.only-pc {display:none !important;}
	table tr td .only-mb.inline {display:inline-block !important;}
}
@media (max-width: 1024px){
	.only-mb-1024 {display:block;}
	.only-pc-1024 {display:none;}
	.gnb-mobile .m-gnb span.only-mb-1024 { padding-top:20px; border-bottom:0;}
	.gnb-mobile .m-gnb span.only-mb-1024 a {display:block; padding:0; color:#111; font-weight: bold; width:100%; height:40px; line-height:40px; border-radius:20px; text-align:center; background-color:#fff; border: 1px solid #ddd;}
}
@media (max-width:500px){
	.mb-100p-inp {width:100% !important;}
	.modal .row-list-type dl.mb-block .inner-list #certIino1, #certIino2{width: 96px !important; padding: 0 3px;}
}
/* layout */
#wrap  {display:block; position:relative; width:100%; height:100%; z-index:1;}

.inner {width:1280px; margin:0 auto; position:relative;}
.inner:after {clear:both; display:block; content:"";}

@media (max-width: 1530px){
	#wrap:before, #wrap:after {display:none;}
}
@media (max-width: 1280px){
	.inner {width:100%; padding:0 20px;}
}

#header {position:relative; width:100%; height:80px; text-align:center; border-bottom:1px solid #ddd; z-index:3; padding:0 270px 0 175px;}
#header h1.logo {position:absolute; top:15px; left:20px;}
#header h1.logo a {width:170px; height:50px; display:block; font-size:0; background:url('../images/common/bg/bg-logo-e-07.png') no-repeat 0; background-size:100%;}
#header h1.logo a img {display:block;}
#header > .inner {height:100%; padding:0 117px 0 145px; }
#header .user-support {position:absolute; top:0; right:0;}
#header .user-support:after {clear:both; display:block; content:"";}
#header .user-support a.button.border {margin-right:20px; background:none; color:#fff; background-color: #111; vertical-align:middle; font-size: 14px; padding: 0 12px; height: 34px; line-height: 32px; font-weight: 300;}
#header .user-support .toggle-search {width:40px; height:40px; line-height:40px; background:none; padding:0;  float:left; margin-left:11px;}
#header .user-support .toggle-search img {vertical-align:middle;}
#header .user-support button:first-child {margin-left:0;}
#header .user-support .toggle-menu { width:80px; height:80px; background:url("../images/common/btn/btn-hamb.png") no-repeat center center; background-size:20px; border-left: 1px solid #ddd; position:relative; top:0; font-size:0;}
#header .user-support .toggle-user {position:relative; display:inline-block; width:80px; height:80px; line-height:80px; border-left:1px solid #ddd; vertical-align:top; cursor:pointer;}
#header .user-support .toggle-user-box {display:none; position:absolute; top:70px; left:-20px; width:120px; padding:20px;  border:2px solid #004dd2; border-radius:8px; box-sizing:border-box; background:#fff; box-shadow: 1px 2px 5px #666; z-index:99;}
#header .user-support .toggle-user.on .toggle-user-box {display:block;}
#header .user-support .toggle-user-box li {display:block; width:100%; line-height:40px; } 
#header .user-support .toggle-user-box li a {color:#111; font-size:17px; letter-spacing:-1px;}
#header .user-support .toggle-user-box li a:hover {color:#004dd2; text-decoration:underline;}
#header .user-support .button.border i {vertical-align:middle; margin-top:-5px;}
.btn-back.only-mb {display:none !important;}
@media (max-width: 1024px){
	.btn-back.only-mb {display:block !important;}
	#header .user-support .toggle-user{display: none;}
	#header .user-support .toggle-user {width:55px; height:55px; line-height:55px;}
	#header .user-support .toggle-user-box {top:55px;}
}

#cms-gnb { display:inline-block; position:relative; margin:0 auto; width:auto; height:80px; z-index:2;}
#cms-gnb ul {position:relative;}
#cms-gnb ul:after {clear:both; display:block; content:"";}
#cms-gnb > ul > li {position:relative; width:auto; height:80px; line-height:80px; padding:0 32px; float:left; position:relative;}
#cms-gnb > ul > li > a {font-size:21px; color:#111; font-weight:500; letter-spacing:-1px; display:inline-block; font-family:'Noto Sans KR'; position:relative; text-decoration:none;}
#cms-gnb > ul > li:hover > a {font-weight:bold;}
#cms-gnb > ul > li:hover > a:after {position:absolute; bottom:0; left:0; margin:0; width:100%; height:3px; background-color:#00939b; content:""; }
#cms-gnb > ul > li.on > a {font-weight:bold;}
#cms-gnb > ul > li.on > a:after {position:absolute; bottom:0; left:0; margin:0; width:100%; height:3px; background-color:#00939b; content:""; }
#cms-gnb > ul > li ul.depth-2 {display:none; position:absolute; left:0; top:79px; right:0; padding:20px;  border:2px solid #00939b; border-radius:8px; box-sizing:border-box; background:#fff; box-shadow: 1px 2px 5px #666;}
#cms-gnb > ul > li.on ul.depth-2  {display:block;}
#cms-gnb > ul > li ul.depth-2 li {display:block; width:100%; line-height:40px; } 
#cms-gnb > ul > li ul.depth-2 li a {color:#111; font-size:17px; letter-spacing:-1px;}
#cms-gnb > ul > li ul.depth-2 li a:hover {color:#004dd2; text-decoration:underline;}

@media (max-width: 1650px){
	#cms-gnb > ul > li ul.depth-2 {padding:10px;}
}
@media (max-width: 1670px){
	/*#header {padding:0 230px;}*/
}
@media (max-width: 1440px){
	#header {padding:0 230px 0 110px;}
	#cms-gnb > ul > li{padding: 0 20px;}
}
@media (max-width: 1280px){
	#cms-gnb { display:none;}
	#header .user-support a.button.border { display:none;}
}

.gnb-mobile {display:none; width:100%; height:230px; position:fixed; top:0; right:0; z-index:6; background-color:#fff; padding:0 0 45px; text-align: left; z-index:99;}
.gnb-mobile:before {content:''; position:fixed; width:100%; height:100%; left:0; top:230px; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:0;}
.gnb-mobile .user-wrap {width:100%; height:60px; padding-left:25px; position:relative; background:url('../images/common/bg/bg-mobile-menu-top.png') no-repeat 0; background-size:cover; z-index:99;}
.gnb-mobile .user-wrap a.menu-logo {display:block; margin:0; padding:0; width:129px; height:100%; font-size:0; background:url('../images/common/bg/bg-logo-e-07-w.png') no-repeat 0;}
.gnb-mobile .m-gnb { display:block; width:100%; max-width:1280px; margin:0 auto; padding:40px 0 0 0; z-index:99;}
.gnb-mobile .m-gnb ul {overflow:hidden; }
.gnb-mobile .m-gnb ul li a {position:relative; color:#fff; font-size:15px; color:#111; font-weight: 500; }
.gnb-mobile .m-gnb ul li a:focus {text-decoration:none;}
.gnb-mobile .m-gnb ul li.curr > a:after {background:url('../images/common/bg/bg-mgnb-depth-on.png') no-repeat 0 0; background-size:100%;}
.gnb-mobile .m-gnb ul li a:only-child:after {display:none;}
.gnb-mobile .m-gnb > ul > li {width:25%; float:left;  min-height:0px; margin-bottom:30px; padding-left: 15px;}
.gnb-mobile .m-gnb > ul > li > a {display:block; padding:0; font-size:22px; font-weight: bold;}
.gnb-mobile .m-gnb > ul > li > a .link {display:inline-block; width:12px; height:12px; margin-left:3px; background:url('../images/common/btn/btn-link.png') no-repeat 0; background-size:100%;}
.gnb-mobile .m-gnb > ul > li.curr > a,
.gnb-mobile .m-gnb > ul > li > a:hover {text-decoration:none; }
.gnb-mobile .m-gnb ul.depth-2 {overflow:hidden; padding-bottom:0px; margin-top:10px;}
.gnb-mobile .m-gnb ul.depth-2 > li > a {display:block; font-size:17px; font-weight:400; line-height:40px; color:#111; padding-left:12px;}
.gnb-mobile .m-gnb ul.depth-2 > li > a:before {content:''; position:absolute; top:20px; left:0; width:6px; height:1px; background-color:#111;}
.gnb-mobile .gnb-close {position:absolute; margin:0; top:0; right:0; background:url('../images/common/bg/line-m-close.png') no-repeat left center; background-size:1px 60px; z-index:99;}
.gnb-mobile .gnb-close button {width:60px; height:60px; display:block; background:url("../images/common/btn/btn-modal-close.png") no-repeat center; background-size:17px 17px; text-indent:-9999px;}

@media (min-width:1280px){
	.gnb-mobile .m-gnb ul.depth-2 {display:block !important;}
}

@media (max-width: 1280px){
	#header .top {padding:12px 20px 0;}
	#header .bottom > .inner {padding-left:165px}
	#header .bottom h1.logo {left:20px;}
	#header .bottom .user-support {right:20px;}
	#header.open .bottom #cms-gnb > ul:before {left:-164px;}
}
@media (max-width: 1100px){
	#cms-gnb > ul > li {width:138px;}
}
@media (max-width: 1024px){
	#header {height:50px; padding:0; z-index:5; background-color:#fff;}
	#header .top {display:none;}
	#header {height:55px; position:static; border-bottom:1px solid #e1e3e6;}
	#header > .inner {padding:14px 87px 0 14px;}
	#header > .inner:after {width:180px; height:74px;  content:""; position:absolute; top:0; right:0; z-index:1; background:url("../images/common/bg/m-header-bg.png") no-repeat; background-size:180px 74px;}
	#header a.btn-back {position:absolute; left:0; top:0; display:inline-block !important; width:40px; height:52.5px; font-size:0; background:url('../images/common/btn/btn-back.png') center center no-repeat; background-size:10px 17px; }
	#header h1.logo {position:relative; float:left; top:8px; left:40px; display:inline-block;}
	#header h1.logo a img {width:100%;}
	#header h1.logo a {background: url(../images/common/bg/bg-logo-e-07.png) no-repeat 0; background-size: 100%; width: 135px; height: 40px;}
	#header .user-support {width:auto; height:55px;}
	#header .user-support .toggle-menu {width:55px; height:55px;}
	#cms-gnb {display:none;}
	.gnb-mobile {height:100%; bottom:0;}
	.gnb-mobile:before {display:none;}
	.gnb-mobile .m-gnb { display:block; width:100%; padding:0 25px;}
	.gnb-mobile .m-gnb ul {}
	.gnb-mobile .m-gnb ul li a {position:relative; color:#fff; font-size:15px; color:#111; font-weight:bold;}
	.gnb-mobile .m-gnb ul li a:focus {text-decoration:none;}
	.gnb-mobile .m-gnb ul li a:after {content:''; display:block; position:absolute; right:7px; top:50%; width:12px; height:12px; margin:-6px 0 0 0; background:url('../images/common/bg/bg-mgnb-depth-off.png') no-repeat center center; background-size:100%;}
	.gnb-mobile .m-gnb ul li.curr > a:after {background:url('../images/common/bg/bg-mgnb-depth-on.png') no-repeat 0 0; background-size:100%;}
	.gnb-mobile .m-gnb ul li a:only-child:after {display:none;}
	.gnb-mobile .m-gnb > ul > li {width:100%; min-height:auto; border-bottom:1px solid #eee; margin-bottom:0; padding-left: 15px;}
	.gnb-mobile .m-gnb > ul > li > a {display:block; height:55px; padding:20px 0; font-size:14px;  pointer-events: auto;}
	.gnb-mobile .m-gnb > ul > li > a .link {display:inline-block; width:12px; height:12px; margin-left:3px; background:url('../images/common/btn/btn-link.png') no-repeat 0; background-size:100%;}
	.gnb-mobile .m-gnb > ul > li.curr > a,
	.gnb-mobile .m-gnb > ul > li > a:hover {text-decoration:none; }
	.gnb-mobile .m-gnb ul.depth-2 {overflow:hidden; display:none; margin-top:0; padding-bottom:20px;}
	.gnb-mobile .m-gnb ul.depth-2 > li > a {display:block; font-size:13px; line-height:30px; color:#111; padding-left:7px;}
	.gnb-mobile .m-gnb ul.depth-2 > li > a:before {content:''; position:absolute; top:15px; left:0; width:3px; height:1px; background-color:#111;}
	.gnb-mobile .gnb-close {position:absolute; margin:0; top:0; right:0; background:url('../images/common/bg/line-m-close.png') no-repeat left center; background-size:1px 60px;}
	.gnb-mobile .gnb-close button {width:60px; height:60px; display:block; background:url("../images/common/btn/btn-modal-close.png") no-repeat center; background-size:17px 17px; text-indent:-9999px;}
	/*
	.gnb-mobile .m-gnb > ul > li:last-child { padding:20px 0; border-bottom:0;}
	.gnb-mobile .m-gnb > ul > li:last-child a {display:block; padding:0; width:100%; height:40px; line-height:40px; border-radius:20px; text-align:center; background:#f1f1f2;}
	*/
	.gnb-mobile .m-gnb > ul > li.mb-elis-link { padding:20px 0 0; border-bottom:0;}
	.gnb-mobile .m-gnb > ul > li.mb-elis-link a {display:block; padding:0; width:100%; height:40px; line-height:40px; border-radius:20px; text-align:center; background:#f1f1f2;}
	
}


#container {display:block; position:relative; width:100%; padding-bottom:200px;}
#container .section-left {width:220px; float:left; margin-right:60px;}
#container .section-left h2 {display:block; padding:30px 0 ; width:100%; height:90px; color:#fff; text-align:center; border-radius:15px 15px 0 0; background-color:#303c52;}
#container .section-left h2 button {font-size:24px; color:#fff; font-family:'Noto Sans KR'; font-weight:700; letter-spacing:-0.5px; background:none; padding:0; vertical-align:top; cursor:text; pointer-events:none; outline:none;}
#container #cms-lnb {border:1px solid #ddd; border-width:0px 1px 1px 1px; border-radius:0 0 15px 15px; margin-bottom:37px;}
#container #cms-lnb li a {display:block;}
#container #cms-lnb > ul > li {border-bottom:1px solid #eee;}
#container #cms-lnb > ul > li.on {border:none; width:220px; margin-left:-1px;}
#container #cms-lnb > ul > li:last-child {border-radius:0 0 15px 15px; border-bottom:0px;}
#container #cms-lnb > ul > li > a {padding-left:20px; height:41px; line-height:44px; font-size:15px; position:relative; letter-spacing:-0.5px; color:#3a3a4a;}
#container #cms-lnb > ul > li > a:after {width:10px; height:8px; content:""; position:absolute; top:16px; right:3px; background:url("../images/arrow/arrow-gray.png") no-repeat;}
#container #cms-lnb > ul > li > ul {display:none; padding-bottom:10px;}
#container #cms-lnb > ul > li.no-sub > a:after {display:none;}
#container #cms-lnb > ul > li > a:focus,
#container #cms-lnb > ul > li.open > a,
#container #cms-lnb > ul > li.on > a {color:#fff; font-weight:700; background-color:#007f41;}
#container #cms-lnb > ul > li.open > a:after,
#container #cms-lnb > ul > li.on > a:after {background:url("../images/arrow/arrow-red-on.png") no-repeat;}
#container #cms-lnb > ul > li.on > ul,
#container #cms-lnb > ul > li.open > ul {display:block;}
#container #cms-lnb > ul > li > ul li a {position:relative; padding:5px 0; line-height:24px; padding-left:30px; background:url("../images/common/bg/bg-lnb-2depth.png") no-repeat 8px 15px; color:#222; letter-spacing:-1px;}
#container #cms-lnb > ul > li > ul li a:before {content:''; position:absolute; left:18px; top:15px; width:6px; height:2px; background-color:#222;}
#container #cms-lnb > ul > li > ul li a:hover,
#container #cms-lnb > ul > li > ul li a:focus {color:#007f41;}
#container #cms-lnb > ul > li > ul li.current a {color:#007f41; text-decoration:underline;}
#container #cms-lnb > ul > li > ul li.current a:before { background-color:#007f41;}
#container #cms-lnb > ul > li > ul li a:hover .ico-link2,
#container #cms-lnb > ul > li > ul li a:focus .ico-link2,
#container #cms-lnb > ul > li > ul li.current a .ico-link2 {width:12px; height:12px; background:url("../images/common/icon/ico-link-wh.png") no-repeat; background-size:12px 12px;}
#container #cms-lnb > ul > li > ul li a:hover:before { background-color:#007f41;}
#container #cms-lnb > button {width:100%; height:48px; line-height:48px; text-align:center; border-top:1px solid #e1e3e6; background-color:#fff; display:none;}

#container .contents {position:relative; width:900px; float:left;}
#container.no-left .contents {width:1280px; float:left;}
#container.no-left .contents .inner-wrap {width:900px; margin:0 auto;}

#container.full-page .section-left {display:none;}
#container.full-page .contents {width:100%; float:none;}

@media (max-width: 1280px){
	#container {padding:0 0 120px;}
	#container .section-left {margin-right:30px;}
	#container .contents {width:calc(100% - 250px);}
	#container.no-left .contents {width:100%; }
}

@media (max-width: 1280px){
	#container {padding:0 0 50px;}
	#container .section-left {display:none;}
	#container .contents {width:100%; float:none; padding:0 0 0;}
	#container .imsi-contents {padding-bottom: 60px;}
	#container.no-left .contents .inner-wrap {width:100%; margin:0 auto;}

	#container.full-page .section-left {display:block;}

}


.breadcrumbs-wrap {display:none !important; margin:0; width:100%; height:48px; background-color:#fff;}
.breadcrumbs-wrap .breadcrumbs {width:100%; margin:0 auto; padding:0 45px; overflow:hidden;}
.breadcrumbs-wrap .breadcrumbs ul {float:left; overflow:hidden;}
.breadcrumbs-wrap .breadcrumbs ul li {float:left; line-height:45px; font-size:16px; margin-left:9px; padding-left:15px; background:url("../images/common/bg/bg-arrow-location.png") no-repeat left center; position:relative;}
.breadcrumbs-wrap .breadcrumbs ul li.home {width:16px; height:17px; background:url("../images/common/bg/breadcrumbs-home.png") no-repeat; text-indent:-9999px; margin:0; padding:0; top:14px;}
.breadcrumbs-wrap .breadcrumbs ul li:last-child {color:#000;}

.share-group {position:absolute; right:0; top:0;}
.share-group a {display:inline-block; margin-left:6px; }

@media (max-width: 1280px){
	.share-group {display:block; margin-bottom:20px; text-align:right; position:relative; }
}

#footer {padding:36px 0; width:100%; color:#a2a2a2; box-sizing:border-box; background-color:#242d3a;}
#footer .footer-area {position:relative; padding:0 0 0 200px; margin:0;}
#footer .footer-area .foot-logo {position:absolute; left:0; top:5px; width:150px; height:40px; background:url("../images/common/bg/bg-footer-logo.png") no-repeat; font-size:0;}
#footer .footer-area .footer_txt {display:inline-block;  color:#a2a2a2; font-size:14px;}
#footer .footer-area .footer_txt p {margin:0; font-size:14px;}
#footer .footer-area .footer_txt .copy {margin-top:12px;}
#footer .footer-area .footer_txt .policy-list {margin:0;}
#footer .footer-area .footer_txt .policy-list:after {display:block; content:''; clear:both;}
#footer .footer-area .footer_txt .policy-list li {position:relative; float:left; padding-left:10px; margin-left:9px;}
#footer .footer-area .footer_txt .policy-list li:first-child {padding-left:0; margin-left:0;}
#footer .footer-area .footer_txt .policy-list li:before {position:absolute; left:0; top:50%; margin-top:-1px; content:''; width:2px; height:2px; background-color:#85878a;}
#footer .footer-area .footer_txt .policy-list li a {color:#a2a2a2;}
#footer .footer-area .footer-link-select {position:absolute; top:50%; right:0; margin-top:-20px;}
#footer .footer-area .footer-link-select > a {display:block; width:200px; height:40px; line-height:38px; font-size:14px; color:#a2a2a2; padding-left:14px; border:1px solid #333b47; background:#212730 url('../images/common/arrow/arr-footer-select.png')no-repeat right 14px center; border-radius:5px;}
#footer .footer-area .footer-link-select .link-list {display:none; position:absolute; bottom:40px; left:0; width:200px; padding-left:14px; border:1px solid #333b47; background:#212730;}
#footer .footer-area .footer-link-select.on .link-list {display:block;}
#footer .footer-area .footer-link-select .link-list li a { font-size:14px; color:#a2a2a2; }

.box-site {display:block; overflow:hidden; width:243px; border:1px solid #666779; border-radius:5px; vertical-align:top; background:#fff;}
.box-site ul {overflow:auto; max-height:362px; padding:15px 20px;}
.box-site ul li a {display:block; padding:6px 0; color:#6c6d73; line-height:1.2;}
.box-site ul li a:hover {color:#d7021b; text-decoration:underline;}

@media (max-width:1280px){
	#footer .inner {width:auto;}
}

@media (max-width:1150px){
	#footer .footer-area .footer-link-select {position:relative; margin-top:20px;}
}
@media (max-width:1024px){
	.breadcrumbs-wrap {display:none; }

}
@media (max-width:1280px){
	#footer {padding:20px 0;}
	#footer .footer-area {position:relative; padding:0; margin:0; width:100%; text-align: center;}
	#footer .footer-area .foot-logo {position:relative; width:100%; text-align: center; background:url("../images/common/bg/bg-footer-logo.png") no-repeat center top; font-size:0;}
	#footer .footer-area .footer_txt .copy {margin-top:4px;}
	#footer .footer-area .footer_txt .policy-list {padding-top: 20px; text-align: center;}
	#footer .footer-area .footer_txt .policy-list li:first-child{margin-left: 4px;}
	#footer .footer-area .footer-link-select {display:none;}
}
@media (max-width:700px){
	#footer .footer-area .footer_txt .policy-list li:before{display: none;}
	#footer .footer-area .footer_txt .policy-list li{float: none; margin-left: 0; margin-bottom: 4px;}
	#footer .footer-area .footer_txt{font-size: 13px;}
	#footer .footer-area .footer_txt p{font-size: 12px;}
}



.login-wrap {padding:80px 20px; text-align: center;}
.login-wrap .title {display:block; padding-top:100px; font-size:30px; color:#111; line-height:1.1; background:url('../images/common/bg/bg-login.png') no-repeat center top;}
.login-wrap .txt {font-size:16px; color:#555; line-height:1.1; margin-top:20px;}

@media (max-width: 991px){
	.login-wrap .title {padding-top:80px; font-size:22px; background:url('../images/common/bg/bg-login.png') no-repeat center top; background-size:60px auto;}
	.login-wrap .txt {font-size:13px; color:#555; line-height:1.1; margin-top:30px;}
}

.policy-box p{word-break: keep-all; font-size: 14px;}
.policy-box .policy-top{margin:10px 0; padding: 20px 10px; border-top:1px solid #e6e9ed; border-bottom:1px solid #e6e9ed; font-weight: 500; color: #222; font-size: 16px;}
.policy-box ul li, .policy-box ol li{font-size: 14px;}
.policy-box .policy-list li{padding-top: 5px; word-break: keep-all;}
.gray-line{padding: 20px; border:1px solid #e6e9ed; margin-top: 10px;}


/* 시범운영 안내 */
#layerBody .border-box .pilot-notice-box{padding: 35px 30px; font-size: 17px; font-weight: 500; text-align: center; max-height: 500px;}
.pilot-notice-box > b {font-size: 18px;}
.pilot-notice .layer-footer .pilot-p{font-weight: bold; font-size: 20px; text-align: center; margin-top: 15px; color: #303c52;}
.modal .pilot-notice .layer-footer{padding: 20px;}

@media (max-width: 690px){
	#layerBody .border-box .pilot-notice-box{font-size: 15px; max-height: 400px;}
	.pilot-notice-box > b {font-size: 16px;}
	.pilot-notice .layer-footer .pilot-p{font-size: 17px; margin-top: 10px;}			
}
@media (max-width: 450px){
	#layerBody .border-box .pilot-notice-box{padding: 20px; line-height: 1.2;}
	.pilot-notice-box > b,
	.pilot-notice .layer-footer .pilot-p{font-size: 14px;}
	.pilot-notice .layer-footer .pilot-p{font-size: 16px;} 			
}


/* 팝업테스트 */
.ntc-pop-wrap .cont-area > * {max-width: 100%;}
.ntc-pop-wrap .cont-area img {max-width: 100%; height: auto !important;}
@media (max-width: 470px){
	.ntc-pop-wrap .cont-area{overflow-y: scroll;}	
}