@charset "utf-8";

/*-----------------------------------
    @초기화
-----------------------------------*/
/* base */
*:not(.oz_ui_layout), *:before, *:after {box-sizing:border-box; word-break:keep-all; word-wrap:break-word;}
html {height:100%;}
body, h1, h2, h3, h4, h5, h6, fieldset, ul, ol, dl, dt, dd, p, button, figure, xmp {margin:0;padding:0;}
body {font:normal 15px/1.53 'ShinhanCard', 'sans-serif';color:#666;word-break:keep-all;-webkit-touch-callout:none;box-sizing:border-box;-webkit-text-size-adjust:none;text-size-adjust:none;}
legend, caption {overflow:hidden;width:1px;height:1px;color:transparent;}
a {text-decoration:none;color:inherit;}
a[href^="tel"] {cursor:default;}
img:not(.oz_ui_layout) {vertical-align:middle;border:0 none;width:100%}
fieldset, button {background:none;border:0px;}
li {list-style:none;}
table {width:100%;border-spacing:0px;border-collapse:collapse;}
caption {font-size:0;line-height:0}
iframe {width:100%;vertical-align:middle;border:0 none;}
button, input, optgroup, select, textarea {font:inherit;}
button {cursor:pointer;outline:0}
h1, h2, h3, h4, h5, h6 {font-weight:700;-webkit-font-smoothing:subpixel-antialiased;}
input,
select,
textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0;outline:0}
b, strong {font-weight:700;}
em {font-style:inherit;}

/*-----------------------------------
    @폰트
-----------------------------------*/
@font-face{
	font-family: 'ShinhanCard';
	src: local(※);
	src: url('../fonts/ShinhanCardL.eot') format('embeded-opentype');
	src: url('../fonts/ShinhanCardL.woff') format('woff');
	src: url('../fonts/ShinhanCardL.woff') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family: 'ShinhanCard';
	src: local(※);
	src: url('../fonts/ShinhanCardM.eot') format('embeded-opentype');
	src: url('../fonts/ShinhanCardM.woff') format('woff');
	src: url('../fonts/ShinhanCardM.woff') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face{
	font-family: 'ShinhanCard';
	src: local(※);
	src: url('../fonts/ShinhanCardB.eot') format('embeded-opentype');
	src: url('../fonts/ShinhanCardB.woff') format('woff');
	src: url('../fonts/ShinhanCardB.woff') format('truetype');
	font-weight: 900;
	font-style: normal;
}

/*-----------------------------------
    @레이아웃
-----------------------------------*/
/* skipNavi */
#skipNavi {display:none}

/* Layout */
body {height:100%;min-width:320px;}
#wrap {min-height:100%;background:#f7f7f9}
#header {position:fixed;left:0;top:0;width:100%;background:#fff;z-index:100}
.header_inner {display:flex;justify-content:center;align-items:center;height:50px;border-bottom:1px solid #f5f5f5;text-align:center}
.logo a {display:flex;align-items:center;width:128px;height:50px}
.logo a img {width:100%}
.top_tit {margin:5px 0 0 8px;color:#081350;font-size:19px;line-height:19px;font-weight:bold}
#container {height:100%}
.content {width:100%;padding:50px 0 50px 0}
.ly_inner {background:#fff;padding:0 20px}
.w_cont_in {max-width:980px;margin:0 auto}

/* btn_top */
.quick_wrap {position:fixed;right:20px;bottom:86px;z-index:50}
.quick_wrap .btn_top {display:none}
.quick_wrap .btn_top a {display:block;width:60px;height:60px;background:url("../images/icon/ico_top.png") no-repeat center center;background-size:55px auto;text-indent:-9999px}

/* Hide */
.blind {display:block;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}
/*-----------------------------------
    @공통
-----------------------------------*/
/* Button */
.btn_wrap {display:block;position:relative;}
.btn_wrap::after {display:block;clear:both;content:""}
.btn_group {display:flex}
.btn_group .btn.left {min-width:120px;padding:0 22px;}
.btn_j_inline{justify-content: center;}

.btn {overflow:hidden;display:inline-block;position:relative;height:55px;padding:0 10px;border:1px solid transparent;border-radius:55px;text-align:center;vertical-align:middle;cursor:pointer;line-height:54px;font-weight:700;font-size:18px;/*white-space:nowrap*/}
.btn span {position:relative}
.btn.row02 {display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;line-height:1.3}
.btn.row02m span br {display:none}
.btn + .btn{margin-left: 10px;}
.btn.default {width:100%}

.side_btn .btn {position:absolute;top:0;right:0;min-width:114px;height:44px;padding:0 15px;border-radius:3px;font-size:16px;font-weight:700;line-height:40px;text-align:center;}
.input_wrap.side_btn input {width:calc(100% - 121px);}

/* Button - style */
.btn.blue {background:#4868e1;color:#fff}
.btn.darkgray {background:#4e5b68;color:#fff}
.btn.line_darkgray {border:1px solid #4e5b68;background-color:#fff;color:#4e5b68;}
.btn.line_gray {border:1px solid #ddd;background-color:#fff;color:#666}
.btn.line_gray2 {border:1px solid #bbb;background-color:#fff;color:#666}
.btn.line_gray2:disabled{border: 1px solid #ddd; color: #bbb; background: #f6f6f6;}
.btn.sm.bg_gray {display:inline-flex;align-items:center;height:22px;padding:0 14px;background:#999;color:#fff;font-size:13px;line-height:13px}
.btn.sm.bg_blue {display:inline-flex;align-items:center;height:22px;padding:0 14px;background:#4868e1;color:#fff;font-size:13px;line-height:13px}
.btn.sm.line_gray {height:28px;padding:0 10px;color:#666;border:1px solid #bbb;border-radius:5px;font-size:13px;line-height:13px;font-weight:normal}
a.btn.sm.line_gray {line-height:28px}
.btn.sm.line_gray .arrow:after {content:'';display:inline-block;width:6px;height:6px;margin:0 0 2px 6px;border:solid #666 1px;border-bottom:none;border-right:none;transform:rotate(135deg)}
.btn.sm.line_gray .blank:after {content:'';display:inline-block;width:6px;height:6px;margin:0 0 1px 6px;background:url("../images/icon/ico_btn_blank.png") no-repeat center center;background-size:6px}

.btn.sm.line_blue {height:28px;padding:0 10px;color:#4868e1;border:1px solid #4868e1;border-radius:5px;font-size:13px;line-height:13px}
.btn.sm.line_blue2 {height:28px;padding:0 23px;color:#4868e1;border:1px solid #4868e1;border-radius:5px;font-size:13px;line-height:13px}
.btn.default.blue .ico_chk {padding-left:19px;background:url("../images/icon/ico_chk.png") no-repeat left center;background-size:12px 9px}

.btn.next::after {content:'';display:inline-block;width:10px;height:10px;margin-left:5px;border:solid #666 1px;border-bottom:none;border-right:none;transform:rotate(135deg);opacity:0.4;}
.btn.blue.next::after,
.btn.blue.next:disabled::after,
.btn.gold.next::after,
.btn.darkgray.next::after {border-color:#fff;}

.btn_clear {display:none;position:absolute;top:10px;right:15px;overflow:hidden;width:23px;height:23px;background:url("../images/icon/ico_clear.png") no-repeat center center;background-size:23px;text-indent:-9999px;}

/* Button - disabled */
.btn:disabled,
.btn.disabled {background-color:#ddd;color:#fff;cursor:not-allowed;}
.btn.line_gray:disabled {border-color:#ddd;background-color:#f6f6f6;color:#bbb;}
.btn.line_darkgray:disabled {border-color:#eee;background-color:#f6f6f6;color:#ddd;}
.btn.prev:disabled::before,
.btn.next:disabled::after {opacity:1;}

/* Button - Fixed */
.bottom_fixed {position:fixed;left:0;bottom:0;width:100%;padding:10px 20px 15px 20px;background:#f7f7f9;text-align:center}
.bottom_fixed .btn_wrap,.bottom_fixed .btn_group {margin:0 auto;max-width:980px}

.btn_wrap.m_fixed {position:fixed;width:100%;padding:20px 20px 20px 20px;left:0;bottom:0px;z-index:10;background-color:rgba(255,255,255,0.8);}
.btn_wrap.m_fixed::before {content: "";position: absolute;left: 0px;top: -20px;width: 100%;height: 20px;opacity:0.8;background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);}
.btn_wrap.m_fixed .btn + .btn {margin-top:0;}

.btn_wrap.btn_inline{text-align: center}
.btn_wrap.btn_inline .btn{width: 200px;}

.btn_wrap .btn.arrow:after {content:'';display:inline-block;width:10px;height:10px;margin-left:5px;border:solid #fff 1px;border-bottom:none;border-right:none;transform:rotate(135deg);opacity:0.4;}
.btn_wrap .btn.arrow:disabled::after{opacity: 1;}

/* Button - Page Close*/
.btn_close {position:fixed;top:0;right:0;display:block;width:50px;height:50px;background:url("../images/common/bg_btn_close.png") no-repeat center center;background-size:15px 15px;z-index:110}
.btn_close span {display:inline-block;width:0;height:0;line-height:0;text-indent:-9999px}


/* Table */
.tbl_type01 {margin-top:15px;border-top:1px solid #666;border-bottom:1px solid #666}
.tbl_type01 table {width:100%}
.tbl_type01 table thead tr th {padding:10px;background:#f0f0f0;border-left:1px solid #666;border-bottom:1px solid #666}
.tbl_type01 table thead tr th:first-child {border-left:0}
.tbl_type01 table tbody tr th {padding:10px;background:#f0f0f0;border-top:1px solid #666;}
.tbl_type01 table tbody tr:first-child th {border-top:0}
.tbl_type01 table tbody tr td {padding:10px;border-left:1px solid #666;border-top:1px solid #666}
.tbl_type01 table tbody tr:first-child td {border-top:0}

/* Input */
.input_wrap {position :relative;width:100%;box-sizing:border-box}

input[type='tel'],
input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'],
input[type='number'] {border-radius:0;width:100%;height:44px;box-sizing:border-box;padding:0 14px;border:1px solid #ddd;background-color:#fff;font-weight:400;font-size:16px;color:#333;line-height:42px;}
input[type='tel']:focus,
input[type='text']:focus,
input[type='text'].focused,
input[type='number']:focus,
input[type='number'].focused,
input[type='search']:focus,
input[type='search'].focused,
input[type='email']:focus,
input[type='email'].focused,
input[type='password']:focus,
input[type='password'].focused {padding:0 13px;border:2px solid #4868e1;line-height:40px;}
input[type='tel'].error,
input[type='text'].error,
input[type='text'].error:focus,
input[type='number'].error,
input[type='number'].error:focus,
input[type='email'].error,
input[type='email'].error:focus,
input[type='password'].error,
input[type='password'].error:focus {padding:0 13px;border:2px solid #ff0000;}
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled {border:1px solid #ddd;background-color:#f6f6f6;color:#bbb;}
input:clear,
input:-ms-clear,
input:-ms-reveal,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {display:none;-webkit-appearance:none;-moz-appearance:none;}
input[readonly],
input[readonly]:focus {padding:0 14px;border:1px solid #ddd;background-color:#f6f6f6;color:#666;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}

.text_tip {position:relative;margin-top:8px;font-size:13px;color:#666666;}
.text_tip.error {margin-top:8px;color:#ff0000;}
.text_tip.marker_refer {margin-top:8px;}
.text_tip.conf {margin-top:8px;color:#4868e1;}

/* Input - date_type */
.date_type {display:flex}
.date_type .input_date {flex:1;display:block;position:relative}
.date_type .input_date:after {overflow:hidden;display:block;content:'';position:absolute;top:50%;right:10px;margin-top:-10px;width:21px;height:20px;background:#fff url("../images/icon/ico_calendar.png") no-repeat right center;background-size:21px 20px;pointer-events:none}
.date_type .bar {display:flex;align-items:center;margin:0 10px}
.date_type .input_date input[type='text'] {padding-right:40px}

/* Input radio/checkbox - common */
.radio_wrap input[type="radio"],
.check_wrap input[type="checkbox"] {opacity:0;width:100%;height:100%}

.radio_wrap label,
.check_wrap label {display:inline-block;position:relative;cursor:pointer;vertical-align:middle;}
.radio_wrap input[type="radio"],
.check_wrap input[type="checkbox"] {position:absolute;left:0;top:0;z-index:1;opacity:0.05;width:100%;height:100%;margin:0;padding:0;cursor:pointer;}
.radio_wrap label span,
.check_wrap label span {display:inline-block;position:relative;overflow:hidden;vertical-align:middle;}

/* Input radio/checkbox - default */
.radio_wrap.default input[type="radio"],
.check_wrap.default input[type="checkbox"]{width:26px;height:26px;border-radius:50%;}
.radio_wrap.default input[type="radio"] + span,
.check_wrap.default input[type="checkbox"] + span {padding-left:35px;color:#666;line-height:26px;}
.radio_wrap.default input[type="radio"] + span:before,
.check_wrap.default input[type="checkbox"] + span:before{position:absolute;left:0;top:0px;display:block;width:26px;height:26px;border:1px solid #ddd;content:"";background-color:#fff;}

.radio_wrap.default input[type="radio"] + span:after, 
.check_wrap.default input[type="checkbox"] + span:after {display:inline-block;position:absolute;content:'';}
.radio_wrap.default input[type="radio"] + span:before,
.radio_wrap.default input[type="radio"] + span:after, \  
.check_wrap.default input[type="checkbox"] + span:before {border-radius:50%;}
.check_wrap.default input[type="checkbox"] + span:after {width:15px;height:11px;top:8px;left:6px;background:url("../images/common/check_off.png") no-repeat 0 0;content:"";}

/* Input radio/checkbox checked */
.radio_wrap.default input[type="radio"]:checked + span,
.check_wrap.default input[type="checkbox"]:checked + span {color:#333;}
.radio_wrap.default input[type="radio"]:checked + span:after {left:6px;top:6px;display:block;width:14px;height:14px;background:#4868e1;content:"";}
.check_wrap.default input[type="checkbox"]:checked + span:after {background:url("../images/common/check_on.png") no-repeat 0 0;}

/* Input radio/checkbox disabled */
.radio_wrap.default input[type="radio"]:disabled  + span,
.check_wrap.default input[type="checkbox"]:disabled  + span {color:#ddd;}
.radio_wrap.default input[type="radio"]:disabled + span:before, 
.check_wrap.default input[type="checkbox"]:disabled + span:before {border-color:#eee;background:#f6f6f6;}

.radio_wrap.default input[type="radio"]:disabled + span:after {background:#bbb;}

.check_wrap.default input[type="checkbox"]:checked:disabled + span:after {background:url("..//images/common/check_disabled_on.png") no-repeat 0 0;}
.check_wrap.default input[type="checkbox"]:disabled + span:after {background:url("../images/common/check_disabled_on.png") no-repeat 0 0;}
.check_wrap.default input[type="checkbox"]:disabled + span .marker_hyphen {color:#ddd;}
.check_wrap.default input[type="checkbox"]:disabled + span .marker_hyphen::before {background-color:#ddd;}

/* Input radio/checkbox button */
.radio_wrap.ckd_btn span,
.check_wrap.ckd_btn span {display:inline-block;position:relative;width:auto;height:44px;padding:0 15px;background:#fff;color:#666;border:1px solid #bbb;border-radius:3px;font-weight:700;line-height:42px;text-align:center;box-sizing:border-box}
.radio_wrap.ckd_btn input[type="radio"]:checked + span, 
.check_wrap.ckd_btn input[type="checkbox"]:checked + span {color:#4868e1;border:1px solid transparent}
.radio_wrap.ckd_btn input[type="radio"] + span:before, 
.check_wrap.ckd_btn input[type="checkbox"] + span:before {display:inline-block;position:relative;top:1px;width:15px;height:11px;margin-right:9px;background:url("../images/common/check_off2.png") no-repeat 0 0;content:"";}
.radio_wrap.ckd_btn input[type="radio"]:checked + span:before, 
.check_wrap.ckd_btn input[type="checkbox"]:checked + span:before {background:url("../images/common/check_on2.png") no-repeat 0 0;}
.radio_wrap.ckd_btn input[type="radio"]:checked + span:after, 
.check_wrap.ckd_btn input[type="checkbox"]:checked + span:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:42px;background-image:none;border:2px solid #4868e1} 

.radio_wrap.ckd_btn.ckd_none input[type="radio"] + span:before,
.radio_wrap.ckd_btn.ckd_none input[type="radio"]:checked + span:before {display:none}

/* Select */
select {display:inline-block;width:100%;border:1px solid #ddd;padding:0 14px;height:44px;font-size:16px;background:#fff url("../images/common/bg_accrdion_off.png") no-repeat right 14px center;background-size:15px 9px}
.col_num .select_wrap {display:flex}
.col_num .select_wrap select + select {margin-left:8px}

/* Accordion */
.accordion_wrap {padding-bottom:28px}
.accordion_header .acc_btn {display:block;position:relative;width:100%;padding:17px 20px 17px 0;border-top:1px solid #333;font-weight:700;font-size:16px;color:#111;line-height:16px;text-align:left;}
.accordion_header .acc_btn:after {content:'';position:absolute;left:calc(100% - 20px);top:18px;width:0;height:0;border-top:6px solid #333333;border-bottom:none;border-right:4px solid transparent;border-left:4px solid transparent;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);}

.accordion_header.active .acc_btn:after {transform:rotate(180deg)}
.accordion_body {display:none;}
.accordion_body.active {display:block;padding-bottom:19px;border-bottom:1px solid #ddd}

/* Popup */
.pop_wrap {display:none;opacity:0;transition:all 0.3s ease;position:fixed;left:0;right:0;top:0;bottom:0;padding:10px;-webkit-box-align:center; align-items:center;background:rgba(0,0,0,0.7);/*overflow:auto;*/z-index:1010;}
.pop_wrap .pop_inner { display:flex; width:100%; height:100%; -webkit-box-align:center;align-items:center;}
.pop_wrap .popup {opacity:0; transition:all 0.3s ease;position:relative;display:flex; -webkit-box-direction:normal;flex-direction:column; width:580px; background-color:#fff;}
.pop_wrap .popup .popup_dev {position:relative; display:flex; -webkit-box-direction:normal;flex-direction:column;}
.pop_wrap .popup .popup_dev.is_hidden {display:none;}
.pop_wrap .popup .pop_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;transition:all 0.25s ease;}
.pop_wrap .popup .pop_focus > span {display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}
.pop_wrap .popup .pop_focus:focus {box-shadow:0 0 0 2px #4868e1;}
.pop_wrap .popup .pop_head {border-bottom:1px solid #f5f5f5}
.pop_wrap .popup .pop_head,
.pop_wrap .popup .pop_cont {overflow:hidden;}
.pop_wrap .popup .pop_head,
.pop_wrap .popup .pop_cont,
.pop_wrap .popup .pop_btn {flex:none; overflow:hidden; position:relative; z-index:11;}
.pop_wrap .popup .pop_cont {flex:1 1 auto; overflow:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
.pop_wrap .popup .pop_cont .pop_sub_cont {overflow-y:auto;}
.pop_wrap .popup .pop_cont .pop_sub_foot.btn_multiple {padding:20px 0;}
.pop_wrap .popup .pop_cont .pop_sub_foot.btn_multiple .pop_btn:nth-child(1) {margin-bottom:20px;}
.pop_wrap .popup .btn_close, .pop_wrap .popup .btn_close2 {position:absolute; z-index:12;}

.pop_wrap.is_visible {display:flex;}
.pop_wrap.is_active {opacity:1;}
.pop_wrap.is_active .popup {opacity:1;}

.pop_wrap.large,
.pop_wrap.full_pop {padding:0;}
.pop_wrap.large .popup,
.pop_wrap.large.type01 .popup,
.pop_wrap.medium .popup,
.pop_wrap.full_pop .popup {width:100%; height:100%;max-height:100%;display:flex;}
.pop_wrap.small .popup {width:100%; max-height:100%;}
.pop_wrap.mo_full .popup{height: 100%;} 

.pop_wrap.point_filter_pop .popup {width:100%; height:auto; max-height:100%;}

/* Popup Sized */
.pop_wrap.large .popup {width:1020px; max-height:683px;}
.pop_wrap.large.type01 .popup {width:1100px; max-height:683px;}
.pop_wrap.medium .popup {width:720px; max-height:570px;}
.pop_wrap.small .popup {width:400px; max-height:430px;}
.pop_wrap.auto_h .popup {max-height:100%;}

/* popup_type01 */
.popup_type01 {position:relative;max-width:100%;max-height:100%;margin:0 auto; background:#fff;margin-top:0 !important;}
.popup_type01 .btn_close, .popup_type01 .btn_close2 {display:block;right:0;top:0;width:49px;height:49px;background:url("../images/common/pop_btn_close.png") no-repeat center center;background-size:15px;color:transparent;overflow:hidden;-webkit-transition:transform 1s ease-in-out;transition:transform 1s ease-in-out;}
.popup_type01.alert .btn_close {top:9px; right:10px;}
.popup_type01 .pop_head {flex:none;padding:15px 20px 16px 20px; text-align:left; background-color:#fff;}
.popup_type01 .pop_head.has_line {margin-bottom:30px;}
.popup_type01 .pop_head h3 {padding-right:30px;font-weight:700;font-size:18px;line-height:18px; color:#111;}
.popup_type01 .pop_head.has_tab h3 {margin:0 0 25px;}
.popup_type01 .pop_head .explain {margin-top:11px;}
.popup_type01 .pop_cont {overflow-y:auto; overflow-x:hidden;padding:0 20px 50px 20px;}
.popup_type01 .pop_cont.type_visible {overflow:visible; z-index:20;}
.popup_type01 .pop_cont .pd_basic {padding-bottom:30px;}
.popup_type01 .pop_btn {padding:30px; text-align:center;}
.popup_type01 .pop_cont:after {content:'';display:block;}
.popup_type01 .pop_btn.pad_sm {padding:20px;}
.popup_type01.bg_gray {background-color:#f6f6f6;}
.popup_type01.bg_gray .pop_cont {padding-top:30px;}
.popup_type01.btn_none .pop_cont {padding-bottom:30px;}
.popup_type01 .pop_cont .bg_gray {margin:0 -30px;padding:0 30px;}
.popup_type01 .pop_cont .expend_wrap::before {left:0; width:100%;}

.dim .popup_type01 .pop_cont {padding:30px 20px 50px 20px}

/* Alert, Confirm 팝업 */
.pop_wrap.pop_alert .popup_type01,
.pop_wrap.pop_confirm .popup_type01 {width:400px; padding-top:15px;}
.pop_wrap.pop_alert .popup_type01 .pop_btn,
.pop_wrap.pop_confirm .popup_type01 .pop_btn {display:flex;  -webkit-box-pack:center;justify-content:center; padding-top:20px;}
.pop_wrap.pop_alert .popup_type01 .pop_cont, 
.pop_wrap.pop_confirm .popup_type01 .pop_cont {display:flex; -webkit-box-align:center;align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; min-height:60px; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.pop_wrap.pop_alert .popup_type01 .pop_msg, 
.pop_wrap.pop_confirm .popup_type01 .pop_msg {width:100%; font-size:16px; color:#111111; line-height: 16px;}
.pop_wrap.pop_alert .popup_type01 .pop_tit {margin-bottom:20px;padding-right:30px;font-size:18px; color:#111;text-align:left}

.pop_wrap.pop_confirm .popup_type01 .pop_btn .btn + .btn {margin-left:6px}

.pop_wrap .popup .pop_cont.has_tab {padding:0}

.pop_confirm .popup_type01 .pop_cont {padding:30px 20px 30px 20px}
.pop_alert .popup_type01 .pop_cont {padding:0 20px 0 20px}

/* 예외 - 시스템 Alert */
#__flying_partition__ .popup_type01 .pop_cont {padding:0}

/* Default Tab */
.tab_wrap .tab_list {overflow:hidden;width:100%}
.tab_wrap .tab_list ul {display:flex;align-items:center}
.tab_wrap .tab_list ul li a {display:inline-block;padding:10px 20px}

.tab_cont_wrap {padding-top:30px}
.tab_cont_wrap .tab_cont {display:none}
.tab_cont_wrap .tab_cont:first-child {display:block}

/* Form */
.form_area .form_ele {margin-top:30px}
.form_area .form_ele:first-child{margin-top:0}
.form_ele .ele_tit {margin-bottom:16px;color:#333;font-size:16px;line-height:16px;font-weight:bold}

/* Tooltip */
.btn_tooltip {position:relative;width:18px; height:18px;line-height:18px;margin:-4px 0 -4px 3px;border-radius:50%;background:url("../images/common/ico_tooltip.png") no-repeat center center #b1b1b1;background-size:2px 10px;}
.btn_tooltip span {display:block; height:100%; width:100%; overflow:hidden; text-indent:-999px;}

.tooltip_wrap {display:none;position:absolute;left:0;top:0;z-index:10;width:400px;border-radius:8px;background-color:#fff;box-shadow:0 0 29px rgba(0, 0, 0, 0.25);}
.tooltip_wrap .tooltip_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.tooltip_wrap .tooltip_box {position:relative;height:100%;}
.tooltip_wrap .tooltip_head {padding:26px 30px 14px;}
.tooltip_wrap .tooltip_head h3 {font-size:20px;line-height:28px;color:#111111; font-weight:700;}
.tooltip_wrap .tooltip_cont {padding:25px 30px;}
.tooltip_wrap .btn_close {display:-webkit-flex; display:-ms-flexbox; display:flex; overflow:hidden; position:absolute; right:0; top:0; width:39px; height:39px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.tooltip_wrap .btn_close span {display:block; position:relative; width:13px; height:13px; text-indent:-9999px; overflow:hidden;}
.tooltip_wrap .btn_close span:before, .tooltip_wrap .btn_close span:after {content:'';display:block;position:absolute;left:-2px;top:50%;width:17px;height:1px;margin-top:-1px;background-color:#000;}
.tooltip_wrap .btn_close span:before {transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.tooltip_wrap .btn_close span:after {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

.btn_question {position:relative;width:18px; height:18px;line-height:18px;margin:-4px 0 -4px 3px;border-radius:50%;background:url("../images/common/ico_popup.png") no-repeat center center #b1b1b1;background-size:6px 10px;}
.btn_question span {display:block; height:100%; width:100%; overflow:hidden; text-indent:-999px;}

/* Drop down */
.drop_down_wrap {width:100%;background:#fff}
.drop_down_wrap .drop_down_btn a {display:block;position:relative;padding:17px 20px;background:#fff url("../images/common/bg_drop_down01_off.png") no-repeat right 20px center;background-size:18px 10px;color:#000;border:1px solid #ddd;font-size:16px;}
.drop_down_wrap .drop_down_btn.active a:after {background:url("../images/common/bg_drop_down01_on.png") no-repeat right 20px center;background-size:18px 10px;}

.drop_down_cont {display:none;border:1px solid #ddd;border-top:0}
.drop_down_cont > ul li:first-child {border-top:0}
.drop_down_cont > ul li a {display:block;padding:10px 20px}

/* Loading */
.loading_bar .progress {position:fixed;top:50%;left:50%;min-width:100px;z-index:1100;transform:translate(-50%, -50%)}
.loading_bar .progress .txt_info {display:none;overflow:hidden;width:100%;margin-top:13px;font-size:15px;color:#f6f6f6;text-align:center;white-space:nowrap;}
.loading_bar .progress .ico_morse {overflow:hidden;margin:0 auto;width:34px;height:20px;margin-top:-10px;background:url("../images/common/loading_bar.png") center 0 no-repeat;background-size:34px auto;animation:morseCode 1s steps(12) infinite;}
.loading_bar .layer_dimmed {display:block;overflow:hidden;position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.60);z-index:1100}

.agree_box{padding-bottom: 30px}


/* 팝업 투명 */
.pop_wrap .popup.noBg{background: none;}
.pop_wrap .popup.noBg .pop_cont{padding: 20px 20px 10px;}
.pop_wrap.pop_confirm .popup_type01 .pop_msg.bg_st{color: #fff;}
.pop_wrap.pop_confirm .popup_type01 .pop_msg.bg_st p{line-height: 30px;}
.fs18{font-size: 20px!important;}


@keyframes morseCode {
	0% {background-position:50% 0}
	100% {background-position:50% -240px}
}



/*-----------------------------------
    @미디어쿼리
-----------------------------------*/

@media only screen and (max-width:1100px){
	/* Popup */
	.pop_wrap.large .popup {width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;}
	.pop_wrap.medium .popup {width:85%;height:75%;max-height:100%;display:flex;flex-direction:column;}
	
}

@media only screen and (min-width:1100px){
	/* 본인인증 > 휴대폰 */
	.personal_certi_wrap .agree_box {position:relative; padding-left:250px}
	.personal_certi_wrap .agree_box .cont_tit {position:absolute;top:15px;left:0}
	.personal_certi_wrap .tab_cont_wrap {margin:0 auto;}

	/* label + input */
	/* .personal_certi_wrap .form_ele {position:relative;padding-left:250px}
	.personal_certi_wrap .form_ele .ele_tit {position:absolute;top:15px;left:0} */
	.form_area {margin:0 auto;width:646px}
	.form_area .form_ele {position:relative;padding-left:250px}
	.form_area .form_ele .ele_tit {position:absolute;top:15px;left:0}

	/* .btn_wrap.m_fixed {position:static;background:0;margin-top:30px;padding:0;text-align:center} */
	.btn_wrap.m_fixed.btn_group {display:inherit;width:auto}
	.btn_wrap.m_fixed .btn.default {width:200px;}

	.btn_wrap.m_fixed {position:static;background:0;margin:0 auto;padding:0;width:200px;margin-top:30px;text-align:center}
/* 
	.bg_gray_wrap {max-width:646px;margin:0 auto} */
	
}