/* Minification failed. Returning unminified contents.
(72,1): run-time error CSS1019: Unexpected token, found '@import'
(72,9): run-time error CSS1019: Unexpected token, found 'url("fonts.css")'
(116,273): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(117,176): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(122,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
@font-face {
    font-family: 'NotoSansKR-Thin';
    font-style: normal;
    font-weight: 100;
    src: url('/Content/fonts/NotoSans-Thin.eot');
    src: url('/Content/fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/NotoSans-Thin.woff') format('woff'),
         url('/Content/fonts/NotoSans-Thin.woff2') format('woff2'),
         url('/Content/fonts/NotoSans-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSansKR-L';
    font-style: normal;
    font-weight: 200;
    src: url('/Content/fonts/NotoSans-L.eot');
    src: url('/Content/fonts/NotoSans-L.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/NotoSans-L.woff') format('woff'),
         url('/Content/fonts/NotoSans-L.woff2') format('woff2'),
         url('/Content/fonts/NotoSans-L.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSansKR-Demi';
    font-style: normal;
    font-weight: 300;
    src: url('/Content/fonts/NotoSans-Demi.eot');
    src: url('/Content/fonts/NotoSans-Demi.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/NotoSans-Demi.woff') format('woff'),
         url('/Content/fonts/NotoSans-Demi.woff2') format('woff2'),
         url('/Content/fonts/NotoSans-Demi.otf') format('opentype');
}
@font-face {
	font-family: 'NotoSansKR-R';
	font-style: normal;
	font-weight: 400;
	src: url('/Content/fonts/NotoSans-R.eot');
	src: url('/Content/fonts/NotoSans-R.eot?#iefix') format('embedded-opentype'),
		 url('/Content/fonts/NotoSans-R.woff') format('woff'),
		 url('/Content/fonts/NotoSans-R.woff2') format('woff2'),
		 url('/Content/fonts/NotoSans-R.otf') format('opentype');
 }
@font-face {
	font-family: 'NotoSansKR-M';
	font-style: normal;
	font-weight: 500;
	src: url('/Content/fonts/NotoSans-M.eot');
	src: url('/Content/fonts/NotoSans-M.eot?#iefix') format('embedded-opentype'),
		 url('/Content/fonts/NotoSans-M.woff') format('woff'),
		 url('/Content/fonts/NotoSans-M.woff2') format('woff2'),
		 url('/Content/fonts/NotoSans-M.otf') format('opentype');
 }
@font-face {
	font-family: 'NotoSansKR-B';
	font-style: normal;
	font-weight: 600;
	src: url('/Content/fonts/NotoSans-B.eot');
	src: url('/Content/fonts/NotoSans-B.eot?#iefix') format('embedded-opentype'),
		 url('/Content/fonts/NotoSans-B.woff') format('woff'),
		 url('/Content/fonts/NotoSans-B.woff2') format('woff2'),
		 url('/Content/fonts/NotoSans-B.otf') format('opentype');
 }
@font-face {
	font-family: 'NotoSansKR-Bk';
	font-style: normal;
	font-weight: 700;
	src: url('/Content/fonts/NotoSans-Bk.eot');
	src: url('/Content/fonts/NotoSans-Bk.eot?#iefix') format('embedded-opentype'),
		 url('/Content/fonts/NotoSans-Bk.woff') format('woff'),
		 url('/Content/fonts/NotoSans-Bk.woff2') format('woff2'),
		 url('/Content/fonts/NotoSans-Bk.otf') format('opentype');
 }

@import url("fonts.css");
@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0 none;font-size: 100%;vertical-align: baseline;line-height:1.5;box-sizing:border-box;}
html {
    font-family: 'NotoSansKR-Demi', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 16px;
    color: #242323;
    background-color: #fff;
}
body {width: 100%;position: relative;word-break: break-all;-ms-text-size-adjust: 100%;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary{display: block}
h1, h2, h3, h4, h5, h6 {font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-weight: normal;}
h1, h2, h3, h4, h5, h6, p, span, strong, b, em, i, q, mark, s, u{letter-spacing: -0.25px;}
caption,legend{position: absolute;top: -9999px;left: -9999px;visibility: hidden;width: 0;height: 0;font-size: 0;overflow: hidden;}
caption{display: none;}
img {border: none;vertical-align: top}
a { -webkit-tap-highlight-color:transparent;}
ol,ul,ul li{list-style: none}
i, em, address{font-style: normal;display: inline;}
input, textarea, button, select, optgroup{margin: 0;vertical-align: middle;font: inherit;color: inherit}
input, textarea, button, select{box-sizing: border-box}
button{display: inline-block;border: 0;cursor: pointer;margin: 0;padding: 0;font-family: inherit;outline: none;overflow: visible;background: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button::-moz-focus-inner{padding: 0;border: 0}
abbr[title], dfn[title]{border-bottom: 1px dotted;cursor: help;}
table{border-collapse: collapse;border-spacing: 0}
audio, canvas, progress,video {display: inline-block}
audio:not([controls]) {display: none;height: 0}
blockquote,q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
ins {background-color: #ff9;color: #000;text-decoration: none}
mark {background: #ff0;color: #000}
del {text-decoration: line-through}
sub,sup{font-size: 75%;line-height: 0;position: relative;}
sup {top: -0.5em}
sub {bottom: -0.25em}
hr{display: block;margin: 0;padding: 0;border: 0;}
a {color: inherit}
a, a:link, a:visited, a:active, a:hover{text-decoration: none;}
a:hover{text-decoration:none;}
fieldset{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
label{vertical-align: middle}
select, input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type="reset"], input[type="button"], input[type="file"], input[type="reset"], button, textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance: noneappearance:none;border-radius:0;border: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;-ms-appearance: noneappearance:none;}
button, select, input[type="radio"], input[type='submit']input[type="search"], input[type="button"]{overflow: visible;cursor: pointer}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
textarea{resize: none;}
select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: noneappearance: none;}
select::-ms-expand{display: none}

/* CLEAR FIX*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}

/* font */
.fLight {font-family: 'NotoSansKR-L', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;}
.fRegular {font-family: 'NotoSansKR-R', 'Dotum', '돋움','Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;}
.fMedium {font-family: 'NotoSansKR-M', 'Dotum', '돋움','Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;}
.fBold {font-family: 'NotoSansKR-B', 'Dotum', '돋움','Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;}

.fL{float: left;}
.fR{float: right;}
.posiR{position: relative;}
.txaC{text-align: center;}
.txaL{text-align: left;}
.txaR{text-align: right;}

.blind {overflow: hidden!important;position: absolute!important;clip: rect(0 0 0 0)!important;width: 1px!important;height: 1px!important;margin: -1px!important;}
.sp-re{font-size: 0;}
.ic, .img{font-size: 0;}
.displayN{display: none;}

/* -------------------- input -------------------- */
input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type='email'], input[type='number'], textarea, .select-box {
    width: 100%;
    font-family: 'NotoSansKR-Demi', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 17px;
    letter-spacing: 0px;
    background-color: #fff;
    border-style: solid;
    border-color: #ff9f43;
    border-width: 1px;
    border-radius: 0;
    color: #929292;
}
input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type='email'], input[type='number'], textarea {
    padding: 5px 12px 6px;
}
input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type='email'], input[type='number'], .select-box {
    display: inline-block;
    height: 46px;
}
input[type='password']{
    font-family: 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
textarea{
    padding: 12px;
    resize: none;
}
::-webkit-input-placeholder{
    font-size: 17px;
    color: #929292;
    vertical-align: middle;
}
::-moz-placeholder{
    font-size: 17px;
    color: #929292;
    vertical-align: middle;
}
:-ms-input-placeholder{
    font-size: 17px;
    color: #929292;
    vertical-align: middle;
}
:-moz-placeholder{
    font-size: 17px;
    color: #929292;
    vertical-align: middle;
}
input::placeholder{
    font-size: 17px;
    color: #929292;
    vertical-align: middle;
}
.placeholder{
    font-size: 17px;
    color: #929292;
    vertical-align: middle;
}
.select-box{
    position: relative;
    background-image: url(/Content/images/arr_sel.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%;
    background-size: 14px auto;
    overflow: hidden;
    color: #888;
}
.select-box label{
    display: inline-block;
    width: calc(100% - 26px);
    padding: 0 12px;
    position: absolute;
    text-align: left;
    line-height: 44px;
    white-space: nowrap;
    overflow: hidden;
}
.select-box select{
    width: 100%;
    height: 100%;
    padding: 0 12px;
    opacity: 0;
    box-sizing: border-box;
    filter: alpha(opacity=0);
    white-space: normal;
}
.select-box select option{
    padding: 4px 0;
    font-size: 17px;
    color: #4a4a4a;
}

.checks {
    display: inline-block;
    position: relative;
    font-size: 0;
    vertical-align: middle;
}
.checks input {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    background-color: transparent;
    display: none;
}
.checks label {
    cursor: pointer;
    line-height: 26px;
    font-size: 17px;
    color: #4a4a4a;
}
.checks input+label {
    padding-left: 42px;
    color: #4a4a4a;
}
.checks input+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #929292;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 14px auto;
    background-image: url(/Content/images/ic_check.png);
}
.checks input[type="checkbox"]:checked + label:before {
    background-color: #ff7843;
}

/* -------------------- 버튼 & 탭 --------------------  */
.btn{
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    line-height: 1;
}
.btn.org01{
    background-color: #ff7843;
    border-color: #ff7843;
}
.btn.org02{
    background-color: #ff9f43;
    border-color: #ff9f43;
}
.btn.dkG{
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}
.btn.line{
    background-color: rgba(255, 255, 255, 0);
}
.btn.org01.line{
    color: #ff7843;
    border-color: #ff7843;
}
.btn.org02.line {
    color: #4a4a4a;
    border-color: #ff9f43;
}
.btn.dkG.line{
    color: #777;
    border-color: #777;
}
.contents-btn{
    display: block;
    margin: auto;
    padding-bottom: 30px;
    text-align: center;
    font-size: 0;
    letter-spacing: 0;
    box-sizing: border-box;
}
.contents-btn .btn{
    width: 430px;
    height: 54px;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 18px;
    border-radius: 10px;
}
.contents-btn .btm-btn{
    padding-bottom: 11px;
}
.contents-btn .btm-btn:last-child{
    padding-bottom: 0;
}
.contents-btn .btn span{
    letter-spacing: 0;
}
.contents-btn.col2{
    width: 100%;
    max-width: 627px;
}
.contents-btn.col2 .before{
    width: calc(30% - 17px);
    max-width: 179px;
    margin-right: 17px;
}
.contents-btn.col2 .before.arr span{
    margin-left: 12px;
}
.contents-btn.col2 .next{
    width: 70%;
}
.contents-btn .btn.arr{
    background-repeat: no-repeat;
    background-size: 6px auto;
}
.contents-btn .arr.before{
    background-image: url(/Content/images/btn_arr_left.png);
    background-position: 20px 54%;
}
.contents-btn .arr.next{
    background-image: url(/Content/images/btn_arr_right.png);
    background-position: calc(100% - 20px) 54%;
}
.txt-btn.arr{
    color: #929292;
    padding-right: 15px;
    background: url(/Content/images/txt_btn_arr_R.png) no-repeat 99.5% 55% / 5px auto;
}
.top-container .title .txt-btn.arr{
    margin-bottom: -20px;
    color: #4a4a4a;
    background: url(/Content/images/topCon_txtBtnArr_R.png) no-repeat 99.5% 55% / 6px auto;
}

.tab-wrap{
    width: 100%;
    letter-spacing: 0;
    font-size: 0;
}
.tab-wrap .tab-btn{
    font-size: 17px;
}
.main-tab-wrap{
    background-color: #fff;
}
.tab-wrap.main .tab-btn{
    height: 52px;
    background-color: #f7bd86;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 19px;
    color: #fff;
    position: relative;
}
.tab-wrap.main .tab-btn.active{
    background-color: #ff9f43;
}
.tab-wrap.main .tab-btn.active:after{
    content: '';
    display: block;
    width: 21px;
    height: 10px;
    position: absolute;
    left: -10px;
    margin-left: 50%;
    bottom: -10px;
    background: url(/Content/images/tab_active_tail.png) no-repeat center / auto 10px;
}
.tab-wrap.col2 .tab-btn{
    width: 50%;
}

.tab-wrap.sub{
    margin-bottom: 20px;
}
.tab-wrap.sub .tab-btn{
    width: 137px;
    padding: 7px 0 8px;
    margin-right: 8px;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 17px;
    color: #ff9f43;
    border: 1px solid #ff9f43;
}
.btn.line.active,
.tab-wrap.sub .tab-btn.active{
    color: #fff;
    background-color: #ff7843;
    border: 1px solid #ff7843;
}

.tab-wrap.round .tab-btn {
    width: 151px;
    height: auto;
    margin-right: 8px;
    padding: 7px 0 8px;
    font-family: 'NotoSansKR-R', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 19px;
    color: #4a4a4a;
    border: 1px solid #ff9f43;
    border-radius: 23px;
    background-color: #fff;
}
.tab-wrap.round .tab-btn.active{
    background-color: #ff9f43;
    color: #fff;
}
.tab-wrap.txt-tab .tab-btn{
    font-size: 15px;
}
.tab-wrap.txt-tab .tab-btn.active .txt{
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #ff9f43;
}

/* -------------------- 테이블 -------------------- */
.tb-wrap table{
    width: 100%;
}
.tb-wrap table th,
.tb-wrap table td{
    height: 42px;
    vertical-align: middle;
}
.tb-wrap table th{
    padding-right: 4px;
    padding-left: 4px;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #fff;
    text-align: center;
    background-color: #ff9f43;
}
.tb-wrap table.type01{
    border: 1px solid #ff9f43;
}
.tb-wrap table.type01 td{
    text-align: center;
    border-bottom: 1px solid #ff9f43;
}
.tb-wrap table.type02 td{
    height: 27px;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: inherit;
}
.tb-wrap table.type02 tr:last-child td{
    padding-bottom: 10px;
}
.tb-wrap table.type02 .txt-con:first-child{
    padding-top: 20px;
}
.tb-wrap.plan-detail td.category{
    width: 40%;
    padding-left: 6%;
}
.tb-wrap.plan-detail td.category.main{
    padding-bottom: 10px;
}
.tb-wrap.plan-detail td.average{
    width: 20%;
    padding-left: 5.5%;
}
.tb-wrap.plan-detail td.detail{
    width: 40%;
    padding-left: 11%;
}
.tb-wrap table .modifi{
    width: 70px;
    padding: 5px 0 6px;
}
.td-tit{
    width: 100%;
    height: 35px;
    padding-bottom: 6px;
    box-sizing: content-box;
}
.td-tit p{
    color: #fff;
    text-align: center;
    line-height: 35px;
    background-color: #929292;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.detail-tb-wrap{
    border-style: solid;
    border-color: #c6c6c6;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
}
.detail-tb-wrap tr td,
.detail-tb-wrap tr th{
    padding-top: 7px;
    padding-right: 9px;
    padding-bottom: 8px;
    padding-left: 9px;
    font-size: 13px;
    line-height: 1.5;
    border-style: solid;
    border-color: #c6c6c6;
    border-right-width: 1px;
    border-bottom-width: 1px;
    vertical-align: middle;
    letter-spacing: -0.3px;
}
.detail-tb-wrap tr th:last-child,
.detail-tb-wrap tr td:last-child{
    border-right-width: 0px;
}

/* -------------------- 폼 레이아웃 -------------------- */
.inf-wrap:after{
    content: '';
    display: block;
    clear: both;
}
.inf-wrap .inf-box{
    width: 100%;
    margin-bottom: 30px;
}
.inf-wrap .inf-box .sub-tit{
    margin-bottom: 6px;
}
.inf-wrap .inf-box .input-box{
    font-size: 17px;
}
.inf-wrap .inf-box .input-box:after{
    content: '';
    display: block;
    clear: both;
}
.inf-wrap .inf-box .input-box{
    font-size: 0;
}
.inf-wrap .inf-box .input-box > *{
    vertical-align: top;
    display: inline-block;
}
.inf-wrap.col2{
    font-size: 0;
    text-align: center;
}
.inf-wrap.col2 .inf-box{
    display: inline-block;
    width: calc(100% / 2 - 3%);
    padding-right: 6%;
    box-sizing: content-box;
}
.inf-wrap.col2 .inf-box:nth-child(2n){
    padding-right: 0;
}
.inf-wrap .sp-ch{
    font-size: 17px;
    line-height: 46px;
    color: #929292;
    text-align: center;
    vertical-align: middle;
}
.inf-wrap .btn-box .btn{
    height: 46px;
}

.inf-wrap-link{
    margin-top: 35px;
    text-align: center;
}
.inf-wrap-link .txt-btn{
    font-size: 18px;
}
.inf-wrap-link .sp-ch{
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 1px 15px 0;
    background-color: #4a4a4a;
    line-height: 18px;
    vertical-align: middle;
}
.emailChk {font-size: 11px;color: #333;vertical-align: middle;display: inline-block;}
/* line input */
.btmline{
    margin-bottom: 36px;
}
.btmline:last-child{
    margin-bottom: 0;
}
.btmline input{
    height: 56px;
    padding: 0;
    font-size: 18px;
    background-color: transparent;
    border-top-width: 0; 
    border-right-width: 0; 
    border-bottom-width: 1px; 
    border-left-width: 0; 
}
/* in btn */
.input-box.combi-btn > *{
    float: left;
}
.inp-btn{
    height: 52px;
    background-color: #ff7843;
    font-size: 20px;
    color: #fff;
}
/* 가입자 정보입력 */
.inf-wrap.col2.member-info .inf-box:nth-child(1),
.inf-wrap.col2.member-info .inf-box:nth-child(3){
    width: calc(40% - 3.4%);
}
.inf-wrap.col2.member-info .inf-box:nth-child(2),
.inf-wrap.col2.member-info .inf-box:nth-child(4){
    width: calc(60% - 3%);
}
.inf-wrap .birth .input-box .date{
    width: 40%;
}
.inf-wrap .birth .input-box .gender{
    width: 12%;
    padding: 0;
    text-align: center;
}
.inf-wrap .birth .input-box .hyphen{
    width: 9%;
}
.inf-wrap .birth .input-box .ast{
    width: 39%;
    white-space: nowrap;
    text-align: center;
}
.inf-wrap .birth .input-box .ast em{
    display: inline-block;
    width: calc(100% / 6);
    max-width: 22px;
    line-height: inherit;
}
.inf-wrap .e-mail .input-box input,
.inf-wrap .e-mail .input-box .select-box{
    width: calc(93% / 2 - 0.5px);
}
.inf-wrap .e-mail .input-box .at{
    width: calc(7% - 0.5px);
}
.inf-wrap .e-mail .input-box .select-box{
    color: #fff;
    background-color: #ff9f43;
    padding-left: 10px;
}
#selboxDirect::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

#selboxDirect:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

#selboxDirect::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.inf-wrap .e-mail .input-box .select-box label{
    background-color: #ff9f43;
}
.contents-wrap .contents:nth-child(n+2) .inf-wrap .inf-box.tel{
    float: left;
}
.contents-wrap .contents:nth-child(n+2) .inf-wrap .inf-box.e-mail{
    display: none;
}

/* -------------------- popup -------------------- */
.pop-contents input[type='text'], 
.pop-contents input[type='password'], 
.pop-contents input[type='submit'], 
.pop-contents input[type='search'], 
.pop-contents textarea, 
.pop-contents .select-box {
    font-size: 20px;
}
.pop-contents input[type='text'], 
.pop-contents input[type='password'], 
.pop-contents input[type='submit'], 
.pop-contents input[type='search'], 
.pop-contents .select-box{
    display: inline-block;
    height: 52px;
}
.pop-contents input[type='text'], 
.pop-contents input[type='password'], 
.pop-contents input[type='submit'], 
.pop-contents input[type='search'], 
.pop-contents textarea {
    padding: 5px 20px 6px;
}
.pop-contents .select-box label{
    line-height: 52px;
    padding: 0 20px 0;
}
.pop-wrap,
.btmPop-wrap{
    display: none;
}
.pop-wrap.show,
.btmPop-wrap.show{
    display: block;
}
.pop-wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 201;
}
.pop-dim{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
}
.pop-main-area{
    float: right;
    width: calc(100% - 27.9166%);
    height: 100%;
    position: relative;
    z-index: 202;
}
.pop-container{
    max-width: 864px;
    overflow: hidden;
    position: fixed;
}
.pop-content{
    padding: 40px 40px 30px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
.pop-content.round{
    border-radius: 25px;
}
.pop-close{
    width: 15px;
    height: 15px;
    background: url(/Content/images/pop_close_btn.png) no-repeat center / 15px auto;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}
.pop-tit{
    text-align: center;
}
.pop-tit .tit{
    font-family: 'NotoSansKR-M', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #ff9f43;
}
.pop-tit.type01{
    font-size: 25px;
}
.pop-tit.type02{
    font-size: 19px;
}
.pop-tit.left{
    text-align: left;
}
.pop-tit .txt{
    font-family: 'NotoSansKR-L', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 16px;
    color: #4a4a4a;
}
.pop-tit .note{
    font-size: 12px;
    font-family: 'NotoSansKR-L', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.pop-noti{
    font-size: 22px;
    color: #929292;
    text-align: center;
}
.pop-tit + .pop-noti{
    margin-top: 24px;
}
.pop-contents{
    margin-top: 20px;
}
.pop-content .contents-btn{
    margin-top: 45px;
    padding-top: 0;
    padding-bottom: 0;
}
.pop-content .contents-btn .btm-btn .btn{
    width: 260px;
    height: 55px;
}
.pop-content .inf-wrap .inf-box{
    margin-bottom: 40px;
}
.pop-content .inf-wrap .inf-box:last-child{
    margin-bottom: 0;
}
.pop-contents .inf-box .sub-tit{
    font-size: 25px;
    font-family: 'NotoSansKR-M', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.pop-contents .contents-btn{
    margin-top: 23px;
}
.pop-contents .contents-btn .btm-btn .btn{
    width: 200px;
    height: 42px;
}

.pop-col2-wrap{
    font-size: 0;
}
.pop-col2-con{
    float: left;
    vertical-align: top;
    position: relative;
    background-color: #fff;
}
.pop-col2-con .pop-tit{
    margin-bottom: 16px;
}
.pop-col2-box:after{
    content: '';
    display: block;
    clear: both;
}
.pop-col2-con .contents-btn{
    text-align: right;
}
.pop-col2-divide{
    float: left;
    width: 4px;
    height: 434px;
    /*margin-top: 45px;*/
    background: #eaeaea;
}
.pop-wrap.full .full-pop-header{
    display: none;
}
.pop-wrap .top-tab{
    padding-top: 28px;
    padding-bottom: 20px;
}
.pop-wrap .tab-wrap{
    text-align: center;
}
.pop-wrap .tab-wrap.round .tab-btn{
    margin-right: 5px;
    padding: 9px 0 10px;
    font-size: 13px;
}
.pop-posi-min{
    margin-top: 50px;
    margin-bottom: 50px;
    transition-duration: 0.2s;
}
.noti-pop .pop-container{
    width: 560px;
}
.noti-pop .pop-content{
    padding: 60px 45px 60px;
}
.noti-pop .pop-tit .tit{
    font-size: 25px;
}
.noti-pop .txt-contents .txt{
    margin-bottom: 35px;
    font-size: 22px;
    color: #929292;
}
.noti-pop .txt-contents .txt:last-child{
    margin-bottom: 0;
}
/* 하단 팝업 */
.btmPop-wrap .pop-dim{
    display: none;
}
.btmPop-wrap .btmPop-container .pop-close{
    display: none;
}

/* S: 230317 CSS 추가 */
.pop-wrap .terms-short-border {border-top: 1px solid #c6c6c6; margin: 10px 0;}

.terms-detail-btn {
    padding-right: 10px;
}

.privacy-policy-btn {
    border-left: 1px solid #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.notice-btn {
    border-left: 1px solid #fff;
    padding-left: 10px;
}

.border-zero {border: 0px !important;}
.mg_bt {margin-bottom: 40px;}
.mg_bt10 {margin-bottom: 10px;}


.privacy-policy-wrap .pop-container {right: 390px; top: 100px;}

.privacy-policy-tb {width: 100%;}
.privacy-policy-tb .category2-1 {width: 20%;}
.privacy-policy-tb .category2-2 {width: 55%;}
.privacy-policy-tb .category2-3 {width: 25%;}

.privacy-policy-tb .category3-1 {width: 40%;}
.privacy-policy-tb .category3-2 {width: 60%;}

.privacy-policy-tb .category4-1 {width: 50%;}
.privacy-policy-tb .category4-2 {width: 30%;}
.privacy-policy-tb .category4-3 {width: 20%;}

.privacy-policy-tb .category5-1 {width: 35%;}
.privacy-policy-tb .category5-2 {width: 35%;}
.privacy-policy-tb .category5-3 {width: 30%;}
/* E: 230317 CSS 추가 */

/* 휴대폰 인증 */
.pop-content.certificate{
    padding: 66px 60px 48px;
}
.pop-content.certificate .pop-contents{
    margin-top: 70px;
}
.pop-content.certificate .pop-close{
    width: 20px;
    height: 20px;
    background: url(/Content/images/pop_close_btn.png) no-repeat center / 20px auto;
    top: 25px;
    right: 25px;
}
.pop-content.certificate .input-box.tel input{
    width: calc(100% - 13px - 126px);
}
.pop-content.certificate .input-box.tel .inp-btn{
    width: 126px;
    margin-left: 13px;
}
/* 팝업 날짜,시간선택 */
.date-time .pop-content{
    padding: 40px 0 18px;
}
.date-time .pop-contents{
    margin-top: 0;
}
.calendar-pop .date-time{
    width: 784px;
}
.calendar-pop .calendar-wrap,
.time-sel-pop .time-sel{
    width: 390px;
    height: 434px;
}
.calendar-wrap .pop-contents{
    padding: 0 24px 0;
}
.yy-mm {
    width: 80%;
    margin: 0 auto 16px;
    position: relative;
}
.yy-mm .tit{
    display: inline-block;
    vertical-align: middle;
}
.yy-mm .cal{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px auto;
}
.yy-mm .cal.prev,
.yy-mm .cal.next{
    position: absolute;
    top: 8px;
}
.yy-mm .cal.prev{
    background-image: url(/Content/images/cal_arr_prev.png);
    left: 0;
}
.yy-mm .cal.next{
    background-image: url(/Content/images/cal_arr_next.png);
    right: 0;
}
.calendar-tb{
    width: 100%;
}
.calendar-tb th,
.calendar-tb td{
    width: 45px;
    padding: 5px 5px;
    font-size: 15px;
    text-align: center;
    box-sizing: content-box;
}
.calendar-tb th{
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.calendar-tb td{
    font-family: 'NotoSansKR-R', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #979797;
}
.calendar-tb .of-week span,
.calendar-tb .day span{
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    vertical-align: top;
}
.calendar-tb .day{
    position: relative;
}
.calendar-tb .day span{
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.calendar-tb .day.star span,
.calendar-tb .day.end span{
    color: #fff;
    background-color: #ff7843;
}
.calendar-tb .through span{
    color: #fff;
}
.calendar-tb .day.star:after,
.calendar-tb .day.end:before,
.through:before,
.through:after{
    content: '';
    display: block;
    width: 25px;
    height: 34px;
    background: #f7bd86;
    position: absolute;
    top: 5px;
}
.calendar-tb .day.end:before,
.through:before{
    left: 0;
    z-index: 1;
}
.calendar-tb .day.star:after,
.through:after{
    right: 0;
    z-index: 0;
}

.time-sel .pop-contents{
    padding: 0 10% 0;
}
.time-sel .am-pm-sel{
    max-width: 70%;
    min-width: 40%;
    margin: 0 auto 23px;
    text-align: center;
}
.time-sel .am-pm{
    width: 50%;
    max-width: 70px;
    min-width: 50px;
    height: 39px;
}
.time-sel .time-list{
    display: inline-block;
    width: calc(100% / 3 - 2% - 0.1px);
    min-width: 45px;
    max-width: 120px;
    height: 39px;
    margin-right: 3%;
    margin-bottom: 3%;
}
.time-sel .time-list:nth-child(3n){
    margin-right: 0;
}
.time-sel .time-list:nth-last-child(-n + 3){
    margin-bottom: 0;
}
.time-sel .time-list .btn{
    width: 100%;
    height: 100%;
    font-size: 16px;
}
/* 보장내역 팝업 */
.insur-detail .brand-logo-box{
    width: 156px;
    margin: 25px auto 0;
    text-align: center;
}
.insur-detail .brand-logo-box .brand-logo{
    max-width: 100%;
    height: auto;
}
.insur-detail .tab-wrap .tab-btn{
    width: 86px;
    margin-right: 5px;
}

.insur-detail .tab-wrap .tab-btn01{
    margin-top: 4%;
    background-color: #ff9f43;
    color: #fff;    
    padding: 2%;
    font-size: 15px;
    font-weight: 900;
    width: 50%;
}

.insur-detail .detail-tb-wrap{
    max-width: 525px;
    max-height: 440px;
    overflow-y: auto;
}
.insur-detail .detail-tb-wrap .tb-head th{
    background-color: #f5f7f8;
}
.insur-detail .detail-tb-wrap .tb-head th:nth-child(2n){
    background-color: #e6e6e6;
}
.insur-detail .detail-tb-wrap .tb-head .category,
.insur-detail .detail-tb-wrap tr td.item-con{
    width: 60px;
}
.insur-detail .detail-tb-wrap tr td.in-thead{
    width: 50px;
    border-bottom-width: 0px;
    text-align: center;
}
.insur-detail .detail-tb-wrap tr td.in-thead{
    width: 50px;
    border-bottom-width: 1px;
    text-align: center;
}
.insur-detail .detail-tb-wrap tr td.item-con{
    text-align: right;
}
.insur-detail .detail-tb-wrap tr td.in-thead,
.insur-detail .detail-tb-wrap tr td.item-con{
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.insur-detail .detail-tb-wrap tr td.in-thead.line-none{
    border-right-width: 0px;
}

/* -------------------- layout -------------------- */
/* 컨텐츠 */
html{
    /*min-width: 1024px;*/
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
    font-size: 17px;
    line-height: 1.5;
    background-color: #fff;
}
.wrap{
    width: 100%;
    height: 100%;
}
.main-contents{
    float: right;
    width: calc(100% - 27.9%);
    height: 100%;
    position: relative;
}
.main-contents .contents-wrapper{
    background-color: #eaeaea;
}
.main-contents .top-container{
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding-top: 85px;
    padding-bottom: 75px;
}
.main-contents .top-container.combine-tab{
    padding-bottom: 38px;
}
.main-contents .title .txt,
.main-contents .title .bold{
    letter-spacing: -0.9px;
}
.top-container .top-tab{
    margin-top: 38px;
    margin-bottom: 0;
}
.top-container .top-tab .txt{
    margin-bottom: 15px;
    font-size: 19px;
}
.main-contents .contents-wrap{
    padding-top: 40px;
    box-sizing: content-box;
    padding-right: 60px;
    padding-left: 60px;
}
.contents{
    padding-bottom: 45px;
}
.contents:after{
    content: '';
    display: block;
    clear: both;
}
.contents > .contents-btn{
    padding-top: 30px;
    padding-bottom: 0;
}
.con-area .sub-tit{
    margin-bottom: 12px;
}
.in-wrap01{
    max-width: 864px;
    margin: auto;
}
.in-wrap02{
    max-width: 750px;
    margin: auto;
}
.in-wrap03{
    max-width: 335px;
    margin: auto;
}

/* 좌측 컨텐츠 */
.side-con{
    width: 27.9%;
    max-width: 536px;
    min-width: 286px;
    height: 100%;
    background: url(/Content/images/side_con_bg_new_1.jpg) no-repeat 0 0% / auto;
    position: fixed;
}
.side-con .side-logo{
    width: 120px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.side-con .side-logo img{
    width: 100%;
    height: auto;
}

.side-con .title{
    margin-top: 150px;
    text-align: center;
}
.side-con .title .txt{
    color: #fff;
    font-size: calc(20px + 0.4vw);
}
.side-con .title .txt span{
    line-height: 124%;
}

/* 푸터 */
/* S: 230317 수정 */
.footer-wrap {
    width: 100%;
    background-color: #262626;
    text-align: center;
}
/* E: 230317 수정 */
.footer-wrap .footer-con{
    display: inline-block;
    margin: 24px auto 24px;
    text-align: left;
}
.footer-wrap .footer-con > *{
    font-family: 'NotoSansKR-L', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 18px;
    letter-spacing: 0;
}
.footer-wrap .footer-con .company-name{
    margin-bottom: 8px;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.footer-wrap .company-info .bar{
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: 0 8px;
    background-color: #fff;
}

/* ------------------- style ------------------- */
.web-back-btn{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ff9f43 url(/Content/images/web_back_ic.png) no-repeat center / 100%;
    position: absolute;
    top: 30px;
    left: 30px;
}
.web-login-btn {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: #fff url(/Content/images/web_login_ic.png) no-repeat center / 100%;
}
.web-logout-btn {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: #fff url(/Content/images/web_logout_ic.png) no-repeat center / 100%;
}
.title .txt{
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 28px;
}
.title .txt span{
    display: block;
    line-height: 33px;
}
.title .txt .light{
    font-family: 'NotoSansKR-Demi', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.con-tit{
    padding-bottom: 30px;
    text-align: center;
}
.con-tit .tit{
    display: block;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 24px;
}
.con-tit .tit.left{
    text-align: left;
}
.con-tit .txt{
    display: block;
    margin-top: 3px;
    color: #929292;
}
.sub-tit{
    font-size: 17px;
    text-align: left;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #ff9f43;
}
.txt-org01{
    color: #ff7843;
}
.txt-org02{
    color: #ff9f43;
}

/* info */
.line-box{
    width: 100%;
    padding: 31px 36px;
    border-style: solid;
    border-color: #ff9f43;
}
.line-box.wd1{
    border-width: 1px;
}
.line-box.wd3{
    border-width: 3px;
}

.info-box{
    font-size: 0;
    text-align: left;
}
.info-box .info-list{
    margin-bottom: 12px;
    vertical-align: top;
}
.info-box .info-list:last-child{
    margin-bottom: 0;
}
.info-box .info-list .sub-tit{
    margin-bottom: 1px;
    font-size: 17px;
}
.info-box .info-list .info-txt{
    font-size: 17px;
}
.info-box.row .info-list{
    display: block;
    width: 100%;
}
.info-box.row .info-list .sub-tit{
    display: inline-block;
}
.info-box.row .info-list .info-txt{
    display: inline-block;
}
.info-box.col .info-list{
    display: inline-block;
    width: 50%;
    padding-right: 5%;
}
.info-box.col .info-list:nth-last-child(-n+2){
    margin-bottom: 0;
}
 
.complete.line-box{
    padding: 64px 36px;
    text-align: center;
}
.complete .info-box{
    display: inline-block
}
.complete .info-box .info-list .sub-tit{
    width: 215px;
    font-size: 22px;
}
.complete .info-box .info-list .info-txt{
    min-width: 300px;
    font-size: 22px;
}
.complete.con-noti{
    margin: 80px 0 45px;
    text-align: center;
}

.txt-box{
    padding: 10px 0;
}
.txt-box .txt{
    font-size: 18px;
    margin-bottom: 36px;
}
.txt-box .txt:last-child{
    margin-bottom: 0;
}
.txt-con{
    margin-bottom: 25px;
    line-height: 24px;
}
.txt-con:last-child{
    margin-bottom: 0;
}
.txt-area{
    margin-bottom: 5px;
}
.txt-area:last-child{
    margin-bottom: 0;
}
.txt-con .tit{
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.txt-con .tit,
.txt-con .txt{
    display: block;
}

.total-insu{
    margin-top: 30px;
    padding: 14px 20px;
}
.total-insu .txt{
    font-size: 28px;
    line-height: 37px;
    text-align: center;
}
.total-insu .txt .bold{
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.insurance-plan{
    position: relative;
}
.insurance-plan .plan-area{
    text-align: center;
    font-size: 0;
    white-space: nowrap;
}
.insurance-plan .plan-area .btn{
    display: inline-block;
    width: calc(33.333333% - 10px - 0.5px);
    height: 69px;
    margin-right: 15px;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 19px;
    line-height: 23px;
}
.insurance-plan .plan-area .btn:last-child{
    margin-right: 0;
}

.my-info{
    max-width: 510px;
    margin: auto;
    font-size: 0;
    white-space: nowrap;
}
.my-info > div{
    display: inline-block;
    width: 23.5%;
    margin-right: 2%;
}
.my-info > div:last-child{
    margin-right: 0;
}
.btn-box .btn{
    width: 100%;
}
.btn-box.gen-sel .btn{
    width: 50%;
}
.btn-box.gen-sel .active{
    background-color: #ff9f43;
    border-color: #ff9f43;
}

/* 툴팁 */
.tooltip{
    display: inline-block;
    position: relative;
}
.tooltip .tool-con{
    width: 230px;
    font-size: 10px;
    text-align: left;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #ff9f43;
    position: absolute;
    top: 26px;
    left: -11px;
    z-index: 1;
}
.tooltip .tool-con:after{
    content: '';
    display: block;
    width: 13px;
    height: 10px;
    background: url(/Content/images/tooltip_tail.png) no-repeat 0% 0% / 13px auto;
    position: absolute;
    top: -10px;
    left: 12px;
}
.tooltip .tool-con .tit{
    margin-bottom: 2px;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 10px;
    color: #4a4a4a;
}
.tooltip .tool-con .txt{
    font-size: 10px;
    color: #4a4a4a;
}
.tooltip .view{
    width: 17px;
    height: 17px;
    margin-right: 3px;
    margin-top: -2px;
}
.tooltip .view span{
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-top: -2px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(/Content/images/category_view.png);
}
.tooltip .btmPop-wrap.show{
    visibility: visible;
}

/* 컨텐츠 설명 */
.con-noti{
    width: 100%;
    margin-top: 20px;
    font-size: 17px;
    color: #333;
}
.con-noti:after{
    content: '';
    display: block;
    clear: both;
}

/* 보험 종류 카드 */
.insurance-card-wrap{
    width: 100%;
    padding: 0 12px;
    margin-top: 35px;
    margin-left: -12px;
    box-sizing: content-box;
}
.insurance-card-wrap .swiper-container{
    width: 100%;
    height: 330px;
    margin-left: -12px;
    padding: 0 12px;
    box-sizing: content-box;
}
.insurance-list{
    width: calc(100% / 3 - 20px);
    max-width: 280px;
    min-width: 276px;
    padding: 10px 10px;
}
.insurance-card{
    width: 100%;
    padding: 25px 0 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    overflow: hidden;
}
.insurance-card .brand-logo-box{
    width: 100px;
    margin: auto;
}
.insurance-card .brand-logo-box .brand-logo{
    max-width: 100%;
    height: auto;
}
.insurance-card .title{
    margin-top: 12px;
    text-align: center;
}
.insurance-card .type-name{
    font-size: 24px;
    line-height: 1;
}
.insurance-card .price{
    margin-top: 2px;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 18px;
}
.insurance-info{
    padding: 0 20px 0;
    margin-top: 20px;
    margin-bottom: 30px;
}
.insurance-info .info-list{
    font-size: 0;
}
.insurance-info .info-list > *{
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
}
.insurance-info .info-list .sub-tit{
    width: calc(100% - 70px);
    margin-bottom: 0;
    font-family: 'NotoSansKR-L', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #4a4a4a;
}
.insurance-info .info-list .info-txt{
    width: 70px;
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #4a4a4a;
    text-align: right;
}
.insurance-card .btn{
    width: 100%;
    height: 46px;
}

/* 여행정보 입력 - 나라 선택 */
.sel-country{
    width: 100%;
    height: 34px;
    margin-top: 23px;
}
.sel-country .swiper-container{
    height: 100%;
}
.sel-country .swiper-slide{
    padding-right: 6px;
}
.sel-country .country-list{
    min-width: calc(335px / 4 - 6px);
    font-family: 'NotoSansKR-R', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #fff;
    background-color: #ff7843;
    border-radius: 20px;
    position: relative;
    text-align: center;
}
.sel-country .country-list .txt{
    display: inline-block;
    width: 45px;
    padding: 9px 0;
    line-height: 1;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sel-country .country-list .del{
    width: 12px;
    height: 12px;
    margin-top: -2px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/Content/images/round_sel_del.png);
    background-size: 10px auto ;
}

.country{
    position: relative;
}
.country .btn{
    width: 100%;
    height: 39px;
    margin-bottom: 10px;
}
.country .btn .txt{
    letter-spacing: -0.5px;
    line-height: 13px;
}
.country.popular{
    font-size: 0;
}
.country.popular .btn{
    width: calc(33.333333% - 8px);
    margin-right: 11px;
}
.country.popular .btn:nth-child(3n){
    margin-right: 0;
}
.country.popular .btn:nth-last-child(-n + 3){
    margin-bottom: 0;
}
.tab-wrap.continent{
    margin-bottom: 12px;
    text-align: center;
}
.tab-wrap.continent .tab-box{
    display: inline-block;
    text-align: center;
}
.tab-wrap.continent .tab-box:nth-child(n+1){
    margin-right:3.5%;
}
.tab-wrap.continent .tab-box:last-child{
    margin-right:0;
}
/* .tab-wrap.continent .tab-box:first-child{
    width: 17%;
    text-align: left;
}
.tab-wrap.continent .tab-box:nth-child(2){
    width: 22%;
}
.tab-wrap.continent .tab-box:nth-child(3){
    width: 18.5%;
}
.tab-wrap.continent .tab-box:nth-child(4){
    width: 18.5%;
}
.tab-wrap.continent .tab-box:last-child{
    width: 24%;
    text-align: right;
} */
.country.separate{
    width: 100%;
    height: auto;
    max-height: 98px;
    overflow-y: auto;
}
.country.separate li {
    width: 24%;
    display: inline-block;
    margin-right: 1%;
}
.country.separate li:nth-of-type(4n) {
    margin-right: 0;
}
.country.separate .swiper-container{
    height: 100%;
}
.country.separate .swiper-container .swiper-slide{
    width: 84px;
    padding-right: 11px;
    font-size: 0;
}
.country.separate .swiper-container .swiper-slide:last-child{
    padding-right: 0;
}
.country.separate .swiper-container .btn{
    min-width: 84px;
}
.country .arrow-left {
    background: url(/Content/images/swiper_arrows01.png) no-repeat 50% 0 / 13px auto;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -16px;
    width: 13px;
    height: 33px;
    cursor: pointer;
}
.country .arrow-right {
    background: url(/Content/images/swiper_arrows01.png) no-repeat 50% 100% / 13px auto;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -16px;
    width: 13px;
    height: 33px;
    cursor: pointer;
}

/* input 자동완성 */
.auto-frame{
    display: none;
    position: absolute;
    left: 0;
    top: 46px;
    width: 335px;
    z-index: 2;
}
.auto-frame .list{
    display: block;
    padding: 14px;
    background-color: #fafafa;
    color: #929292;
}
.auto-frame .list:hover,
.auto-frame .list.on{
    background-color: #f4f4f4;
    color: #4a4a4a;
}

/* 로그인 */
.login.contents-wrap{
    max-width: 430px;
    margin: auto;
    padding-top: 80px;
}
.sns-login{
    padding-bottom: 50px;
    text-align: center;
}
.sns-box{
    margin-top: 32px;
}
.sns-box .sns-btn{
    width: 70px;
    height: 70px;
    margin: 0 10px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70px auto;
}
.sns-box .sns-btn.face{
    background-color: #3b5998;
    background-image: url(/Content/images/sns_face.png);
}
.sns-box .sns-btn.kakao{
    background-color: #fbe300;
    background-image: url(/Content/images/sns_kakao.png);
}
.sns-box .sns-btn.naver{
    background-color: #03cf5d;
    background-image: url(/Content/images/sns_naver.png);
}

/* 청약의 철회에 관한 사항 */
.assurance{
    height: 240px;
    overflow-y: auto;
}

/* 동행자 */
.companion:before,
.companion:after{
    content: '';
    display: block;
    width: 100%;
}
.companion:after{
    padding-bottom: 40px;
    border-bottom: 7px solid #fff;
}
.companion:before{
    padding-top: 40px;
}
.companion:first-child:before{
    border-top: 7px solid #fff;
}
.companion .contents-btn{
    margin-top: 30px;
    padding-bottom: 0px;
}

/* 사용자 정보 수정 */
.info-modify .inf-wrap .inf-box.type02{
    margin-bottom: 25px;
    font-size: 0;
    white-space: nowrap;
}
.info-modify .inf-wrap .inf-box.type02 .sub-tit{
    display: inline-block;
    width: 110px;
    font-size: 19px;
    vertical-align: middle;
}
.info-modify .inf-wrap .inf-box.type02 .input-box{
    display: inline-block;
    width: calc(100% - 110px - 0.5px);
    min-width: 400px;
    vertical-align: middle;
}
.info-modify .pop-content{
    padding: 40px 25px 30px;
}
.info-modify .inf-box.birth .date{
    width: 170px;
}
.info-modify .inf-box.birth .hyphen{
    width: 40px;
}
.info-modify .inf-box.birth .gender{
    width: 60px;
    text-align: center;
}
.info-modify .inf-box.birth .ast{
    width: 130px;
}
.info-modify .inf-wrap .birth .input-box .ast em {
    max-width: 20px;
    margin-top: 3px;
}
.info-modify .inf-wrap .e-mail .input-box input {
    width: 170px;
}
.info-modify .inf-wrap .e-mail .input-box .at {
    width: 40px;
}
.info-modify .inf-wrap .e-mail .input-box .select-box {
    width: 190px;
}
.info-modify .inf-wrap .input-box .select-box label{
    width: calc(100% - 48px);
    background-color: #fff;
    color: #929292;
}
.info-modify .inf-wrap .input-box .select-box {
    background-position: calc(100% - 16px) 50%;
    color: #fff;
    background-color: #ff9f43;
}
.info-modify .pop-contents{
    position: relative;
    padding-bottom: 75px;
}
.info-modify .contents-btn{
    position: absolute;
    left: 0;
    bottom: 0;
}
.info-modify .contents-btn.col2 .before{
    margin-right: 0px;
}
.info-modify .pop-content .contents-btn .btm-btn .btn{
    height: 70px;
}
.info-modify .pop-content .contents-btn .btn {
    width: 70%;
    max-width: inherit;
}
.info-modify .pop-content .contents-btn .btm-btn .before {
    width: 30%;
    max-width: inherit;
}
.necessary{
    margin-top: 18px;
}
.necessary .checks .proxy-noti-btn{
    line-height: 26px;
    font-size: 17px;
    color: #4a4a4a;
}
.txt-area-in{
    padding: 10px 0;
}
.txt-area-in .list{
    padding: 5px 0;
}

/* 모바일 컨텐츠 */
.MO{
    display: none;
}

.insu_details {
    text-align: center;
    /*text-decoration: underline;*/
    font-size: 1rem;
    color: #4a4a4a;
    
}

.details-coverage-btn {
    text-decoration: underline;
}

@media all and (max-width:1024px){
    html{
        overflow-x: hidden;
    }
    body{
        min-width: 320px;
    }
    
    .checks input+label {
        padding-left: 32px;
    }
    
    /* ------ 버튼 & 탭 ------ */
    .contents-btn.col2 .after.web-single {
        width: 100%;
    }
    
    /* ------- popup ------- */
    .pop-wrap{
        min-width: 320px;
    }
    .pop-main-area{
        float: inherit;
        display: block;
        width: 100%;
        height: 100%;
        min-width: auto;
    }
    .pop-col2-con{
        display: block;
        width: 100%;
        margin: auto;
    }
    .pop-col2-con .contents-btn {
        text-align: center;
    }
    /* 팝업 날짜,시간선택 */
    .pop-col2-divide{
        display: none;
    }
    .date-time .right{
        display: none;
    }
    .calendar-pop .date-time{
        width: 390px;
    }
    .calendar-pop .calendar-wrap{
        width: 390px
    }
    
    /* ------ layout ------ */
    /* 컨텐츠 */
    .main-contents{
        float: inherit;
        width: 100%;
        min-width: 100%;
        padding-top: 79px;
    }
    .main-contents .contents-wrap {
        padding-right: 40px;
        padding-left: 40px;
    }
    .in-wrap01{
        max-width: 100%;
    }
    
    /* 좌측 컨텐츠 */
    .side-con{
        display: none;
    }
    
    /* ------ style ------ */
    /* info */
    .insurance-plan .txt-btn{
        position: absolute;
        top: -35px;
        right: 0;
    }
    /* 보험 종류 카드 */
    .insurance-card-wrap{
        width: calc(100% + 80px);
        margin-left: -40px;
        padding: 0 0;
        overflow-x: hidden;
    }
    .insurance-card-wrap .swiper-container {
        width: calc(100% + 80px);
        padding: 0 0;
        margin-left: -40px;
    }
    .necessary .checks .proxy-noti-btn{
        line-height: 14px;
        font-size: 16px;
    }
    
    .web-back-btn, .web-login-btn, .web-logout-btn {
        display: none;
    }
    
    /* 모바일 컨텐츠 */
    .MO{
        display: block;
    }
    .MO.header{
        width: 100%;
        height: 79px;
        background-color: #ff7843;
        position: fixed;
        z-index: 100;
    }
    .MO .logo{
        width: 110px;
        height: 37px;
        margin: 21px auto 0;
    }
    .MO .logo .logo-img{
        width: 100%;
        height: auto;
    }
    .MO .header-btn{
        position: absolute;
        top: 12px;
    }
    .MO .header-btn.left{
        left: 20px;
    }
    .MO .header-btn.right{
        right: 20px;
    }
    .MO .header-btn .h-btn{
        width: 56px;
        height: 56px;
    }
    .MO .header-btn .l-btn{
        width: 140px;
        height: 56px;
    }
    .MO .header-btn .back{
        background: url(/Content/images/MO_h_back.png) no-repeat center / 100%;
    }
    .MO .header-btn .login{
        background: url(/Content/images/MO_h_login.png) no-repeat center / 100%;
    }
    .MO .header-btn .logout{
        background: url(/Content/images/MO_h_logout.png) no-repeat center / 100%;
    }
    
}
@media all and (max-width: 480px){
    body{
        font-size: 10px;
    }
    
    /* ------- input ------- */
    input[type='text'], input[type='password'], input[type='submit'], input[type='search'], textarea, .select-box{
        font-size: 11px;
    }
    input[type='text'], input[type='password'], input[type='submit'], input[type='search'], textarea{
        padding: 1px 10px 0;
    }
    input[type='text'], input[type='password'], input[type='submit'], input[type='search'], .select-box{
        height: 30px;
    }
    ::-webkit-input-placeholder{
        font-size: 12px;
    }
    ::-moz-placeholder{
        font-size: 12px;
    }
    :-ms-input-placeholder{
        font-size: 12px;
    }
    :-moz-placeholder{
        font-size: 12px;
    }
    input::placeholder{
        font-size: 12px;
    }
    .placeholder{
        font-size: 12px;
    }
    .select-box{
        background-image: url(/Content/images/arr_sel.png);
        background-position: calc(100% - 10px) 50%;
        background-size: 7px auto;
    }
    
    .checks label {
        cursor: pointer;
        line-height:14px;
        font-size: 10px;
        color: #4a4a4a;
    }
    .checks input+label {
        padding-left: 21px;
        color: #4a4a4a;
    }
    .checks input+label:before {
        width: 14px;
        height: 14px;
        background-size: 6px auto;
    }
    
    /* ------- 버튼 & 탭 ------- */
    .btn {
        font-size: 12px;
    }
    .contents-btn.col2 .next.web-single {
        width: 70%;
    }
    .contents-btn{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .contents-btn .btn{
        width: 100%;
        max-width: inherit;
        height: 40px;
        font-size: 14px;
    }
    .contents-btn.col2 .before{
        width: 30%;
        margin-right: 0;
    }
    .contents-btn.col2 .next{
        width: calc(100% - 30%);
    }
    .contents-btn .arr.before{
        background-position: 15px 50%;
    }
    .contents-btn .arr.next{
        background-position: calc(100% - 15px) 50%;
    }

    .insur-detail .tab-wrap .tab-btn01{
        width: 100%;
        min-width: 320px;
        padding:2.5%;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 100;
    }    
    
    .contents-btn.fixed{
        width: 100%;
        min-width: 320px;
        padding-top: 0;
        padding-bottom: 0;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 100;
    }
    .contents-btn.fixed .btn{
        height: 40px;
        font-size: 14px;
    }
    .contents-btn.fixed .before{
        display: inline-block;
    }
    .txt-btn.arr{
        padding-right: 7px;
        background: url(/Content/images/txt_btn_arr_R.png) no-repeat 99.5% 55% / 3px auto;
    }
    .top-container .title .txt-btn.arr{
        margin-bottom: -10px;
        background: url(/Content/images/topCon_txtBtnArr_R.png) no-repeat 99.5% 58% / 3px auto;
    }
    .schedule-noti{
        font-size: 12px;
    }
    
    .tab-wrap.sub{
        margin-bottom: 7px;
    }
    .tab-wrap.sub .tab-btn{
        width: 59px;
        padding: 3px 0 4px;
        margin-right: 5px;
        font-size: 12px;
    }
    .tab-wrap.txt-tab .tab-btn{
        font-size: 12px;
    }
    .tab-wrap.main .tab-btn.active:after{
        bottom: -8px;
        background: url(/Content/images/tab_active_tail.png) no-repeat center / auto 6px;
    }
    .tab-wrap.round .tab-btn{
        width: 87px;
        margin-right: 6px;
        padding: 5px 0 6px;
        font-size: 12px;
        border-radius: 23px;
    }
    
    /* ------- 테이블 ------- */
    .tb-wrap table th,
    .tb-wrap table td{
        height: 27px;
    }
    .tb-wrap table th{
        font-size: 12px;
    }
    .tb-wrap table td{
        font-size: 11px;
    }
    .tb-wrap table.type02 th{
        height: 25px;
    }
    .tb-wrap table.type02 td{
        height: 19px;
    }
    .tb-wrap table.type02 tr:last-child td{
        padding-bottom: 22px;
    }
    .tb-wrap table.type02 .txt-con:first-child{
        padding-top: 15px;
    }
    .tb-wrap.plan-detail td.category{
        width: 34%;
        padding-left: 3%;
    }
    .tb-wrap.plan-detail td.category.main{
        padding-bottom: 4px;
    }
    .tb-wrap.plan-detail td.average{
        width: 32%;
        padding-left: 11%;
    }
    .tb-wrap.plan-detail td.detail{
        width: 34%;
        padding-left: 8.5%;
    }
    .tb-wrap table .modifi{
        width: 35px;
        padding: 3px 0 4px;
    }
    .td-tit{
        width: 100%;
        height: 21px;
        padding-bottom: 6px;
        box-sizing: content-box;
    }
    .td-tit p{
        color: #fff;
        text-align: center;
        line-height: 25px;
        background-color: #929292;
        font-size: 11px;
    }
    .detail-tb-wrap tr td,
    .detail-tb-wrap tr th{
        padding-top: 6px;
        padding-right: 6px;
        padding-bottom: 6px;
        padding-left: 6px;
        font-size: 11px;
    }
    
    /* ------- 폼 레이아웃 ------- */
    .inf-wrap .inf-box{
        margin-bottom: 12px;
    }
    .inf-wrap .inf-box .sub-tit{
        margin-bottom: 10px;
    }
    .inf-wrap.col2 .inf-box{
        padding-right: 0;
    }
    .inf-wrap .sp-ch{
        font-size: 10px;
        line-height: 26px;
    }
    .inf-wrap .btn-box .btn{
        height: 30px;
    }
    .in-wrap02.inf-wrap.col2 .inf-box {
        width: 100%;
    }
    
    .inf-wrap-link{
        margin-top: 20px;
    }
    .inf-wrap-link .sp-ch{
        height: 10px;
        margin: 1px 10px 0;
        line-height: 10px;
    }
    
    .inf-wrap-link .txt-btn{
        font-size: 11px;
    }
    
    /* line input */
    .btmline{
        margin-bottom: 17px;
    }
    .btmline input{
        height: 30px;
        font-size: 10px;
    }
    /* in btn */
    .inp-btn{
        height: 26px;
        font-size: 10px;
    }
    /* 가입자 정보입력 */
    .inf-wrap.col2.member-info .inf-box:nth-child(1),
    .inf-wrap.col2.member-info .inf-box:nth-child(3){
        width: 100%;
    }
    .inf-wrap.col2.member-info .inf-box:nth-child(2),
    .inf-wrap.col2.member-info .inf-box:nth-child(4){
        width: 100%;
    }
    .inf-wrap .birth .input-box .date {
        width: 45%;
    }
    .inf-wrap .birth .input-box .hyphen {
        width: 29px;
    }
    .inf-wrap .birth .input-box .gender {
        width: 25px;
        padding: 1px 3px 0;
    }
    .inf-wrap .birth .input-box .ast {
        width: calc(55% - 29px - 25px);
    }
    /*.inf-wrap .birth .input-box .hyphen,
    .inf-wrap .birth .input-box .gender,
    .inf-wrap .birth .input-box .ast{
        display: none;
    }*/
    .inf-wrap .e-mail .input-box input,
    .inf-wrap .e-mail .input-box .select-box{
        width: calc(50% - 14px - 1px);
    }
    .inf-wrap .e-mail .input-box .at{
        width: calc(28px - 0.5px);
    }
    .inf-wrap .e-mail .input-box .select-box label {
        line-height: 26px;
        background-color: #fff;
        color: #929292;
        text-align: center;
    }
    
    /* ------- popup ------- */
    .pop-contents input[type='text'], 
    .pop-contents input[type='password'], 
    .pop-contents input[type='submit'], 
    .pop-contents input[type='search'], 
    .pop-contents textarea, 
    .pop-contents .select-box {
        font-size: 10px;
    }
    .pop-contents input[type='text'], 
    .pop-contents input[type='password'], 
    .pop-contents input[type='submit'], 
    .pop-contents input[type='search'], 
    .pop-contents .select-box{
        display: inline-block;
        height: 26px;
    }
    .pop-contents input[type='text'], 
    .pop-contents input[type='password'], 
    .pop-contents input[type='submit'], 
    .pop-contents input[type='search'], 
    .pop-contents textarea {
        padding: 0.5px 13px 0px;
    }
    .pop-container{
        width: 280px;
        max-height: 700px;
    }
    .pop-content{
        width: 280px;
        max-height: 80%;
        margin: auto;
        padding: 20px 0;
        overflow-y: hidden;
    }
    .pop-contents{
        margin-top: 0;
    }
    .pop-close{
        width: 20px;
        height: 20px;
        background: url(/Content/images/pop_close_btn.png) no-repeat center / 10px auto;
        top: 8px;
        right: 8px;
        z-index: 204;
    }
    .pop-tit.type01{
        font-size: 13px;
    }
    .pop-tit.type02{
        font-size: 13px;
    }
    .pop-tit .txt{
        font-size: 18px;
    }
    .pop-tit .txt span{
        line-height: 19px;
    }
    .pop-tit .txt .bold{
        display: block;
        font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    }
    .pop-tit .note {
        font-size: 12px;
        margin-top:10px;
    }
    .pop-noti{
        font-size: 11px;
    }
    .pop-tit + .pop-noti {
        margin-top: 14px;
    }
    .pop-content .contents-btn{
        margin-top: 14px;
    }
    .pop-content .contents-btn .btm-btn .btn{
        width: 130px;
        height: 28px;
    }
    .pop-content .inf-wrap .inf-box{
        margin-bottom: 18px;
    }
    .pop-content .inf-wrap .inf-box:last-child{
        margin-bottom: 0;
    }
    .pop-contents .inf-box .sub-tit{
        margin-bottom: 8px;
        font-size: 13px;
    }
    .pop-col2-con .pop-content{
        padding-right: 26px;
        padding-left: 26px;
    }
    .pop-col2-con .pop-tit{
        margin-bottom: 12px;
    }
    .pop-wrap.full{
        position: fixed;
    }
    .pop-wrap.full .pop-container{
        width: 100%;
        min-width: 320px;
        height: 100%;
        max-height: 100%;
        overflow: inherit;
    }
    .pop-wrap.full .full-pop-header{
        display: block;
        width: 100%;
        height: 40px;
        background-color: #ff7843;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 202;
    }
    .pop-wrap.full .full-pop-header .pop-close{
        width: 13px;
        height: 13px;
        background: url(/Content/images/pop_close_btn_wh.png) no-repeat center / 13px auto;
        top: 14px;
        right: 20px;
    }
    .pop-wrap.full .pop-content{
        width: 100%;
        border-radius: 0;
        height: 100%;
        max-height: 100%;
        padding-top: 40px;
        padding-bottom: 0px;
        overflow-y: auto;
    }
    .pop-wrap.full .pop-contents{
        padding: 20px 20px 60px 20px;
        margin-top: 0;
    }
    .pop-wrap.full .pop-contents .pop-close{
        display: none;
    }
    .pop-wrap .top-tab{
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .top-container .top-tab{
        margin-top: 15px;
    }
    .top-container .top-tab .txt {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .pop-posi-min{
        padding-top: 0;
        margin-bottom: 0;
    }
    .noti-pop .pop-content{
        padding: 32px 22px 32px;
    }
    .noti-pop .pop-tit .tit{
        font-size: 13px;
        margin-bottom: 15px;
    }
    .noti-pop .txt-contents .txt{
        margin-bottom: 18px;
        font-size: 11px;
    }
    
    /* 하단 팝업 */
    .btmPop-wrap .btmPop-container{
        width: 100%;
        min-width: 320px;
        padding: 25px 20px;
        background-color: #fff; 
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        z-index: 202;
    }
    .btmPop-wrap .pop-close{
        top: 15px;
        right: 15px;
    }
    .btmPop-wrap .tit{
        margin-bottom: 8px;
        font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
        font-size: 12px;
        color: #ff9f43;
    }
    .btmPop-wrap .txt{
        font-size: 12px;
        color: #929292;
    }
    .btmPop-wrap .pop-dim{
        display: block;
    }
    .btmPop-wrap .btmPop-container .pop-close{
        display: block;
    }
    /* 휴대폰 인증 */
    .pop-content.certificate{
        padding: 30px 24px;
    }
    .pop-content.certificate .pop-close{
        width: 10px;
        height: 10px;
        background: url(/Content/images/pop_close_btn.png) no-repeat center / 10px auto;
        top: 13px;
        right: 13px;
    }
    .pop-content.certificate .pop-contents{
        margin-top: 33px;
    }
    .pop-content.certificate .input-box.tel input{
        width: calc(100% - 6px - 63px);
    }
    .pop-content.certificate .input-box.tel .inp-btn{
        width: 63px;
        margin-left: 6px;
    }
    .pop-content.certificate .contents-btn{
        margin-top: 23px;
    }
    
    /* 팝업 날짜,시간선택 */
    .date-time{
        top: 223px !important;
    }
    .date-time .pop-content{
        padding: 25px 0 15px;
    }
    .date-time .calendar-wrap,
    .date-time .time-sel {
        width: auto;
    }
    .date-time .pop-col2-con .pop-content{
        padding-right: 0;
        padding-left: 0;
        width: auto;
    }
    .calendar-pop .date-time,
    .time-sel-pop .date-time{
        width: 280px;
    }
    .calendar-pop .calendar-wrap,
    .time-sel-pop .time-sel{
        width: 280px;
        height: auto;
    }
    .yy-mm {
        width: 80%;
    }
    .yy-mm .cal{
        width: 12px;
        height: 12px;
        background-size: 10px auto;
    }
    .calendar-tb th,
    .calendar-tb td{
        width: 38px;
        padding: 5px 0;
        font-size: 10px;
    }
    .calendar-wrap .pop-contents {
        padding: 0 5% 0;
    }
    .calendar-tb .of-week span, .calendar-tb .day span {
        width: 22px;
        height: 22px;
        line-height: 22px;
    }
    .calendar-tb .day.star:after,
    .calendar-tb .day.end:before,
    .through:before,
    .through:after{
        width: 18px;
        height: 22px;
        top: 5px;
    }
    .time-sel .am-pm-sel{
        margin: 0 auto 13px;
    }
    .time-sel .am-pm{
        max-width: 45px;
        min-width: 30px;
        height: 25px;
        font-size: 11px;
    }
    .time-sel .time-list{
        width: calc(100% / 3 - 8px);
        height: 25px;
        margin-right: 12px;
        margin-bottom: 12px;
    }
    .time-sel .time-list .btn{
        font-size: 11px;
    }
    
    /* 보장내역 팝업 */
    .insur-detail .brand-logo-box{
        margin: 17px auto 0;
    }
    .insur-detail .brand-logo-box .brand-logo{
        width: calc(100% / 2);
    }
    .insur-detail .top-tab{
        background-color: #fff;
    }
    .insur-detail .tab-wrap.age .tab-btn{
        max-width: 80px;
        width: 24%;
        min-width: 63px;
        padding: 5px 0 6px;
        margin-right: 1%;
        font-size: 12px;
    }
    .insur-detail .top-tab.scrollFixed{
        width: 100%;
        padding-top: 55px;
        padding-right: 20px;
        padding-bottom: 15px;
        padding-left: 20px;
        position: fixed;
        top: 0px;
        left: 0;
        transform: translate3d(0,0,0);
        -webkit-transform: translateZ(0);
    }
    .insur-detail .detail-tb-wrap{
        max-height: inherit;
        overflow-y: inherit;
    }
    .insur-detail .detail-tb-wrap .detail-tb{
        width: 100%;
    }
    .insur-detail .detail-tb-wrap .tb-head .category{
        display: inline-block;
        float: left;
        width: calc(100% / 3 - 0.1px);
        white-space: nowrap;
    }
    .insur-detail .detail-tb-wrap .item-name,
    .insur-detail .detail-tb-wrap tr td.item-con{
        text-align: center;
    }
    .insur-detail .detail-tb-wrap .item-name{
        display: block;
        float: left;
        width: 100%;
        border-right-width: 0;
    }
    .insur-detail .detail-tb-wrap tr td.item-con{
        display: inline-block;
        float: left;
        width: calc(100% / 3 - 0.1px);
        white-space: nowrap;
    }
    .insur-detail .detail-tb-wrap tr .item-tit,
    .insur-detail .detail-tb-wrap tr .in-thead{
        display: none;
    }
    .insur-detail .detail-tb-wrap .tb-head th{
        background-color: #e6e6e6;
    }
    .insur-detail .detail-tb-wrap .tb-head th:nth-child(2n){
        background-color: #f5f7f8;
    }
    .insur-detail .detail-tb-wrap .item-con{
        background-color: #f5f7f8;
    }
    .insur-detail .detail-tb-wrap .item-con.standard{
        background-color: #e6e6e6;
    }

    /* S: 230317 팝업 CSS 추가 */
    .privacy-policy-wrap .pop-container {
        right: 0 !important;
        top: 40px !important;
        left: 0 !important;
    }

    .terms-wrap .pop-container {
        right: 0 !important;
        top: 40px !important;
        left: 0 !important;
    }
    /* E: 230317 팝업 CSS 추가 */
    /* ------- layout ------- */
    
    /* 컨텐츠 */
    .main-contents{
        padding-top: 52px;
    }
    .main-contents .top-container{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .main-contents .top-container.combine-tab{
        padding-bottom: 18px;
    }
    .top-container .tab-wrap{
        margin-top: 16px;
    }
    .top-container .tab-wrap .txt{
        margin-bottom: 9px;
        font-size: 10px;
    }
    .main-contents .contents-wrap{
        padding-top: 0;
        padding-right: 20px;
        padding-bottom: 0;
        padding-left: 20px;
    }
    .contents{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .con-area .sub-tit{
        margin-bottom: 10px;
    }
    .in-wrap01,
    .in-wrap02,
    .in-wrap04{
        max-width: 100%;
    }
    
    .contents:before{
        content: '';
        display: block;
        width: calc(100% + 40px);
        padding-top: 20px;
        margin-left: -20px;
        border-top: 7px solid #fff;
        margin-top: -20px;
    }
    .contents:first-child:before{
        display: none;
    }
    .wh-bar{
        position: relative;
    }
    .wh-bar:before{
        content: '';
        display: block;
        width: calc(100% + 40px);
        padding-top: 20px;
        margin-left: -20px;
        border-top: 7px solid #fff;
        margin-top: 0;
    }
    
    /* 푸터 */
    .footer-wrap{
        padding-bottom: 40px;
        box-sizing: content-box;
    }
    .footer-wrap .footer-con {
        margin: 13px auto 13px;
    }
    .footer-wrap .footer-con > *{
        font-size: 10px;
        line-height: 12px;
    }
    .footer-wrap .footer-con .company-name{
        margin-bottom: 4px;
    }
    .footer-wrap .company-info .bar{
        height: 7px;
        margin: 0 6px;
    }
    
    /* 메인컨텐츠 - 탭 */
    .tab-wrap.main{
        margin-bottom: 5px;
    }
    .tab-wrap.main .tab-btn{
        height: 40px;
        font-size: 14px;
    }
    
    /* ------- style ------- */
    .title .txt span{
        font-size: 18px;
        letter-spacing: -0.8px;
        line-height: 22px;
    }
    .con-tit{
        padding-bottom: 12px;
    }
    .con-tit .tit{
        font-size: 18px;
    }
    .con-tit .txt{
        margin-top: 9px;
        font-size: 12px;
    }
    .sub-tit{
        font-size: 12px;
    }
    
    .line-box{
        width: 100%;
        padding: 15px 15px;
        border-style: solid;
        border-color: #ff9f43;
    }
    .line-box.wd3{
        border-width: 2px;
    }
    
    .info-box .info-list,
    .info-box.col .info-list:nth-last-child(-n+2){
        margin-bottom: 18px;
    }
    .info-box.col .info-list{
        display: block;
        width: 100%;
    }
    .info-box.col .info-list:last-child{
        margin-bottom: 0;
    }
    .info-box .info-list .sub-tit{
        font-size: 14px;
    }
    .info-box .info-list .info-txt{
        font-size: 12px;
    }
    .complete.line-box{
        padding: 0 0;
        border: 0;
    }
    .complete .info-box{
        width: 100%;
    }
    .complete .info-box .info-list .sub-tit{
        font-size: 13px;
    }
    .complete .info-box .info-list .info-txt{
        font-size: 13px;
    }
    .complete.con-noti{
        margin: 41px 0 0;
        text-align: left;
        font-size: 12px;
        color: #4a4a4a;
        line-height: 16px;
    }
    .txt-box .txt{
        font-size: 11px;
        margin-bottom: 19px;
    }
    .txt-con{
        margin-bottom: 18px;
    }
    .txt-con .txt{
        line-height: 15px;
    }
    .total-insu{
        margin-top: 10px;
        padding: 9px 10px;
    }
    .total-insu .txt{
        font-size: 14px;
        line-height: 19px;
    }
    .insurance-plan{
        margin-top: 15px;
    }
    .insurance-plan .plan-area .btn{
        width: calc(33.333333% - 4px - 0.5px);
        height: 61px;
        margin-right: 5px;
        font-size: 12px;
        line-height: 17px;
    }
    .insurance-plan .txt-btn{
        top: -25px;
    }
    
    /* 툴팁 */
    .tooltip .tool-con{
        width: 100%;
        border-radius: 0;
        border: 0;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
    }
    .tooltip .tool-con:after{
        display: none;
    }
    .tooltip .tool-con .tit{
        font-size: 12px;
        color: #ff9f43;
        margin-bottom: 16px;
    }
    .tooltip .tool-con .txt{
        font-size: 12px;
        color: #929292;
    }
    .tooltip .view{
        width: 20px;
        height: 20px;
        margin-right: 0;
    }
    .tooltip .view span{
        width: 12px;
        height: 12px;
        margin: auto;
    }
    
    /* 컨텐츠 설명 */
    .con-noti{
        margin-top: 15px;
        padding-bottom: 4px;
        font-size: 10px;
        text-align: center;
    }

    /* 보험 종류 카드 */
    .insurance-card-wrap{
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-top: 5px;
    }
    .insurance-list{
        width: 174px;
        max-width: inherit;
        min-width: inherit;
        padding: 10px 5px;
    }
    .insurance-card-wrap .swiper-container{
        height: 215px;
    }
    .insurance-card{
        padding: 15px 0 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 14px;
    }
    .insurance-card .brand-logo-box{
        width: 60px;
        max-height: 10px;
    }
    .insurance-card .title{
        margin-top: 12px;
    }
    .insurance-card .type-name{
        font-size: 16px;
    }
    .insurance-card .price{
        margin-top: 2px;
        font-size: 14px;
    }
    .insurance-info{
        padding: 0 12px 0;
        margin-top: 13px;
        margin-bottom: 16px;
    }
    .insurance-info .info-list > *{
        font-size: 11px;
        line-height: 17px;
    }
    .insurance-info .info-list .sub-tit{
        width: calc(100% - 38px);
    }
    .insurance-info .info-list .info-txt{
        width: 38px;
    }
    .insurance-card .btn{
        height: 30px;
        font-size: 12px;
    }
    .insur.con-noti{
        width: calc(100% + 40px);
        margin-top: 5px;
        margin-left: -20px;
        letter-spacing: -0.6px;
    }
    
    /* 여행정보 입력 - 나라 선택 */
    .sel-country{
        height: 25px;
        margin-top: 11px;
    }
    .sel-country .swiper-slide{
        padding-right: 7px;
    }
    .sel-country .country-list{
        min-width: 64px;
        font-size: 10px;
    }
    .sel-country .country-list .txt{
        width: 38px;
        padding: 7px 0;
    }
    .sel-country .country-list .del {
        width: 10px;
        height: 10px;
        background-size: 9px auto;
    }
    .country .btn{
        height: 33px;
        margin-bottom: 9px;
        font-size: 12px;
    }
    .country.popular .btn {
        width: calc(33.333333% - 6px);
        margin-right: 9px;
    }
    .tab-wrap.continent{
        margin-bottom: 10px;
    }
    .country.separate{
        height: auto;
    }
    .country.separate .swiper-container .swiper-slide{
        width: 77px;
        padding-right: 9px;
    }
    .country.separate .swiper-container .btn{
        min-width: 77px;
    }
    .country .arrow-left, .country .arrow-right {
        display: none;
    }

    /* input 자동완성 */
    .auto-frame{
        top: 26px;
        width: 100%;
    }
    .auto-frame .list{
        display: block;
        padding: 10px 10px;
    }
    
    /* 로그인 */
    .login.contents-wrap{
        max-width: calc(100% - 67px);
    }
    .sns-login{
        margin-top: 25px;
        padding-bottom: 30px;
    }
    .sns-box{
        margin-top: 21px;
    }
    .sns-box .sns-btn{
        width: 42px;
        height: 42px;
        margin: 0 7px;
        background-size: 42px auto;
    }
    .footer-wrap.h-full{
        padding-bottom: 0;
    }
    
    /* 청약의 철회에 관한 사항 */
    .assurance{
        height: auto;
        overflow-y: inherit;
    }
    
    /* 생년월일 팝업 */
    .date-pick-wrap{
        width: 100%;
        height: 190px;
        margin-top: 20px;
        padding-bottom: 40px;
        box-sizing: content-box;
    }
    .date-pick-wrap .section{
        float: left;
    }
    .date-pick-wrap .section.yy{
        width: 30%;
    }
    .date-pick-wrap .section.mm{
        width: 45%;
    }
    .date-pick-wrap .section.dd{
        width: 25%;
    }
    .date-pick-wrap .section .swiper-container{
        height: 190px;
        overflow: hidden;
    }
    .date-pick-wrap .date-list{
        width: 100%;
        height: 38px;
        text-align: center;
    }
    .date-pick-wrap .date-list .btn{
        font-size: 24px;
        color: #929292;
        border: 0;
    }
    .date-pick-wrap .date-list .btn.active{
        color: #ff7843;
        border: 0;
    }

    /* 동행자 */
    .companion:before,
    .companion:after{
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .companion:after{
        padding-bottom: 20px;
    }
    .companion:before{
        padding-top: 20px;
    }
    .companion:first-child:before{
        padding-top: 0;
        border-top: 0;
    }
    /* 여행일정 */
    .schedule-inp input{
        height: 36px;
        font-size: 12px;
    }
    .schedule-inp input::-webkit-input-placeholder{
        font-size: 12px;
    }
    .schedule-inp input::-moz-placeholder{
        font-size: 12px;
    }
    .schedule-inp input:-ms-input-placeholder{
        font-size: 12px;
    }
    .schedule-inp input:-moz-placeholder{
        font-size: 12px;
    }
    .schedule-inp input input::placeholder{
        font-size: 12px;
    }
    
    /* 사용자 정보 수정 */
    .info-modify{
        width: 100%;
        min-width: 320px;
        padding: 25px 20px;
        background-color: #fff;
        position: fixed;
        top: auto !important;
        bottom: 0;
        left: 0;
        z-index: 202;
    }
    .info-modify .pop-content {
        width: 100%;
        padding: 0;
        position: initial;
    }
    .info-modify .pop-contents {
        margin-top: 20px;
        padding-bottom: 25px;
    }
    .info-modify .inf-wrap .inf-box.type02{
        margin-bottom: 12px;
    }
    .info-modify .inf-wrap .inf-box.type02 .sub-tit{
        width: 55px;
        margin-bottom: 0;
        font-size: 12px;
    }
    .info-modify .inf-wrap .inf-box.type02 .input-box{
        width: calc(100% - 55px - 0.5px);
         min-width: inherit; 
    }
    .info-modify .pop-content input{
        padding: 2px 5px 3px;
    }
    .info-modify .pop-content input,
    .info-modify .pop-content .select-box{
        height: 33px;
        font-size: 12px;
    }
    .info-modify .inf-wrap .input-box .select-box {
        background-position: calc(100% - 8px) 50%;
    }
    .info-modify .inf-wrap .input-box .select-box label{
        width: calc(100% - 24px);
        height: 31px;
        padding: 0 5px 0;
        line-height: 31px;
    }
    .inf-wrap .e-mail .input-box .select-box label{
        text-align: left;
    }
    .info-modify ::-webkit-input-placeholder{
        font-size: 12px;
        color: #929292;
        vertical-align: middle;
    }
    .info-modify ::-moz-placeholder{
        font-size: 12px;
        color: #929292;
        vertical-align: middle;
    }
    .info-modify :-ms-input-placeholder{
        font-size: 12px;
        color: #929292;
        vertical-align: middle;
    }
    .info-modify :-moz-placeholder{
        font-size: 12px;
        color: #929292;
        vertical-align: middle;
    }
    .info-modify input::placeholder{
        font-size: 12px;
        color: #929292;
        vertical-align: middle;
    }
    .info-modify .placeholder{
        font-size: 12px;
        color: #929292;
        vertical-align: middle;
    }
    .info-modify .inf-box.birth .date{
        width: 40%;
    }
    .info-modify .inf-box.birth .hyphen{
        display: inline-block;
        width: 8%;
    }
    .info-modify .inf-box.birth .gender{
        display: inline-block;
        width: 11%;
        text-align: center;
    }
    .info-modify .inf-box.birth .ast{
        display: inline-block;
        width: 39%;
    }
    .info-modify .inf-wrap .e-mail .input-box input {
        width: 40%;
    }
    .info-modify .inf-wrap .e-mail .input-box .at {
        width: 8%;
    }
    .info-modify .inf-wrap .e-mail .input-box .select-box {
        width: 52%;
    }
    .info-modify .contents-btn{
        position: fixed;
    }
    .info-modify .pop-content .contents-btn .btm-btn .btn{
        height: 40px;
    }
    .pop-content .contents-btn .btm-btn .btn {
        width: 70%;
    }
    .tab-wrap.name.scrollFixed{
        width: 100%;
        padding-top: 55px;
        padding-right: 20px;
        padding-bottom: 15px;
        padding-left: 20px;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 99;
        background-color: #eaeaea;
        transform: translate3d(0,0,0);
        -webkit-transform: translateZ(0);
    }
    
    .necessary{
        margin-top: 20px;
    }
    .necessary .checks .proxy-noti-btn{
        line-height: 14px;
        font-size: 12px;
    }
    
    /* 모바일 컨텐츠 */
    .MO.header{
        height: 52px;
    }
    .MO .logo{
        width: 78px;
        height: 42px;
        margin: 12px auto 0;
    }
    .MO .header-btn{
        top: 12px;
    }
    .MO .header-btn.left{
        left: 10px;
    }
    .MO .header-btn.right{
        right: 10px;
    }
    .MO .header-btn .h-btn{
        width: 28px;
        height: 28px;
    }

    /* 상세내역보기 */
    .insu_details {
        font-size: 0.8rem;
    }
}

.Insu_Popup #Insu_overlay {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.Insu_Popup #container {
    position: relative;
}

.Insu_Popup .wrap {
    width: 30%;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 30px;
    padding: 30px;
}

.Insu_Popup .insuWp {
    width: 100%;
    text-align: center;
}

    .Insu_Popup .insuWp .tit {
        font-size: 24px;
        font-weight: bold;
        padding-bottom: 20px;
    }

    .Insu_Popup .insuWp .flexWp {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        grid-row-gap: 20px;
    }

        .Insu_Popup .insuWp .flexWp .cont {
            width: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 14px;
        }

            .Insu_Popup .insuWp .flexWp .cont span {
                background-color: #eee;
                padding: 3px 6px;
                border-radius: 10px;
                line-height: 30px;
            }

            .Insu_Popup .insuWp .flexWp .cont img {
                width: 60%;
            }

    .Insu_Popup .insuWp .notice {
        background-color: #ffeee2;
        border-radius: 10px;
        font-size: 12px;
        color: #ff6b00;
        padding: 8px;
        margin-top: 10px;
    }

    .Insu_Popup .insuWp .notice2 {
        font-size: 12px;
        padding: 10px 0 20px 0;
        color: #757575;
    }

.Insu_Popup .closeWp {
    display: flex;
    justify-content: space-around;
    font-size: 16px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    color: #000;
    font-weight: bold;
}

    .Insu_Popup .closeWp #hide-for-today {
        color: #757575;
        font-weight: 300;
    }

@media all and (max-width: 1020px) {
    .Insu_Popup #Insu_overlay {
        display: flex;
        justify-content: flex-end;
    }

    .Insu_Popup .wrap {
        border-radius: 20px 20px 0 0;
    }

    .Insu_Popup .wrap {
        width: 100%;
    }

        .Insu_Popup .wrap .closeWp {
            border-radius: 0px;
        }
}

@charset "utf-8";

.main_bg {margin: 0;z-index: -99999;position: absolute;height: auto;width: 100%;background-color: #fff;background-image: url('https://wallpaperaccess.com/full/236207.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;}
.main_bg h1 {text-align: center;color: #fff;font-weight: 600;font-size: 36px;letter-spacing: -1px;}
    
#container-fulid {width: 100%;height: 100%;float: left;display: block;border-top: 5px solid #ff7843;}
    
#travlersInsurance_check_wrap {width: 100%;height: 100%;margin: 0 auto;background: rgba(0,0,0,.3);}
    
.travlersInsurance_check {top: 28%;position: relative;margin: 0 auto;text-align: center;}

.loginTab {width: 100%;margin: 0 auto;margin-top: 50px;display: block;text-align: center;}
.loginTab .tab_wrap {max-width: 600px;width: 100%;margin: 0 auto;text-align: center;display: block;}
.loginTab .tabTit {width: 100%;}
.loginTab .tabTit li {width: 50%;float: left;text-align: center;}
.loginTab .tabTit .listT {width: 100%;display: inline-block;padding: 0 16px;box-sizing: border-box;}
.loginTab a.activColor, .loginTab a.activColor:hover {color: #ffffff !important;font-weight: bold;background-color: #ff7843 !important;border: 1px solid #ff7843 !important;}
.loginTab .tabTit a {line-height: 35px;color: #757575;background-color: rgba(255,255,255,.9);font-size: 17px;border: 1px solid #ababab;box-sizing: border-box;}
.loginTab .tabView {width: 100%;overflow: hidden;}
    
.login_wrap {width: 100%;margin-top: 30px;}
.login_wrap h1 {text-align: center;color: #fff;font-weight: 500;font-size: 16px;letter-spacing: -1px;}
.login_wrap .notice {width: 100%;margin-top: 80px;}
.login_wrap .notice span {text-align: center;color: #fff;font-weight: 700;font-size: 14px;letter-spacing: -1px;display: block;}
.login_wrap .loginArea {width: 550px;height: 150px;margin-top: 40px !important;text-align: center;margin: auto;}
    
.loginArea .left {float: left;width: 70%;}
.loginArea .right {float: left;width: 30%;}
    
.loginArea .input {float: left;width:100%;text-align: center;margin: 0 auto;}
.loginArea .member_input {background: rgba(255,255,255,.9);border: 1px solid #d3d3d3;height: 45px;width: 90%;margin: 0;float: left;font-size: 14px;padding-left: 15px;}
    
.loginArea .btnLogin {width: 100%;background-color: #ff7843;color: #fff;font-size: 18px;line-height: 24px;letter-spacing: -1px;font-weight: bold;padding: 26px 30px;margin: 0 auto;border-radius: 10px;cursor: pointer;border: 2px solid rgba(255,255,255,.2);}
.loginArea .btnLogin:hover, .loginArea .btnLogin a:active {background-color: rgba(255,255,255,.9);color: #ff7843;border: 2px solid #ff7843;box-sizing: border-box;}
    
.login_wrap .socialArea {width: 570px;margin: 0 auto;display: block;}
.login_wrap .socialArea li {width: 33.3%;float: left;text-align: center;}
    
.loginArea .input_sec {width: 80%;text-align: center;margin: 0 auto;}
.loginArea .input_sec .top {width: 100%;display: block;}
.loginArea .input_sec .middle {width: 100%;display: block;}
.loginArea .input_sec .bottom {width: 100%;display: block;}
    
.loginArea .nonmember_input {background: rgba(255,255,255,.9);border: 1px solid #d3d3d3;height: 40px;width: 100%;margin: 0;float: left;font-size: 14px;padding-left: 15px;}
.loginArea .nonmember_select {background: rgba(255,255,255,.9);border: 1px solid #d3d3d3;height: 42px;width: 34%;float: left;font-size: 14px;padding-left: 15px;margin-top: 10px;}
.loginArea .nonmember_mobile {background: rgba(255,255,255,.9);border: 1px solid #d3d3d3;height: 40px;width: 58%;font-size: 14px;padding-left: 15px;margin-left: 5px;margin-top: 10px;}
    
.btnCertify {width: 100%;background-color: #ff7843;color: #fff;font-size: 14px;line-height: 18px;letter-spacing: -1px;font-weight: bold;padding: 10px;margin-top: 10px;border-radius: 10px;cursor: pointer;margin-left: 10px;border: 2px solid rgba(255,255,255,.2);}
.btnCertify:hover, .btnCertify a:active {background-color: rgba(255,255,255,.9);color: #ff7843;border: 2px solid #ff7843;}
    
.nonmember_btnArea {width: 550px;text-align: center;margin: 0 auto;}
.nonmember_btnArea .btnInquiry {width: 85%;background-color: #ff7843;color: #fff;font-size: 14px;line-height: 20px;letter-spacing: -1px;font-weight: bold;padding: 10px;margin-top: 10px;border-radius: 10px;cursor: pointer;margin-left: 20px;margin-top: 40px;border: 2px solid rgba(255,255,255,.2);}
.nonmember_btnArea .btnInquiry:hover, .nonmember_btnArea .btnInquiry a:active {background-color: rgba(255,255,255,.9);color: #ff7843;border: 1px solid #ff7843;box-sizing: border-box;}
    

/* sub page */
#inquirySub_wrap {width: 100%;position: relative;text-align: center;padding-bottom: 3%;}
.subTit {width: 100%;background: #f6f6f6;border-bottom: 5px solid #ff7843;}
.subTit .topLogo {position: absolute;top: 15px;left: 15px;display: block;z-index: 10;}
.subTit .topLogo img {width:120px;}
.subTit .subInner {height: 230px;width: 920px;margin: auto;box-sizing: border-box;background-position: 550px 0;background-repeat: no-repeat;}
.subTit .subImg {background-image: url(https://blob.wifidosirak.com/wm-d01/v3/images/newMain/subTop02.jpg);}

.subTit_a {font-size: 28px;font-family: 'NotoSansKR-Demi', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; color: #ff7843;font-weight: normal;padding-top: 80px;line-height: 36px;text-align: center;}
.subTit_a b {font-weight: bold;color: #feb700;}

.inquirySub_con {max-width: 920px;margin: auto;}

.inquirySub {width: 100%;margin: auto;display: block;}
.inquirySub h1 {font-size: 20px;color: #ff9f43;font-weight: bold;padding-top: 2%;line-height: 30px;text-align: left;letter-spacing: -1px;}
.inquirySub p {font-size: 14px;color: #4a4a4a;padding:5px 0px 5px 0px;font-weight: normal;text-align: left;letter-spacing: -1px;}

.inquirySub li {width: 100%;height: 122px;border: 1px solid #e2e2e2;box-sizing: border-box;background: #f5f7f8;position: relative;text-align: center;padding: 10px;display: block;margin-top: -1px;}
.inquirySub img {float: right; width: 10%;  display: inline-block; padding-right: 15px;}
.inquirySub .lt {float: left;}
.inquirySub .customerTit {font-size: 16px;color: #555;font-weight: bold;padding: 30px 0 0 15px;line-height: 30px;text-align: left;letter-spacing: -1px;}
.inquirySub .customerLink {font-size: 14px;color: #555;font-weight: normal;padding-left: 15px;line-height: 5px;text-align: left;letter-spacing: -1px;}
.inquirySub .customerLink a {color: #ff7843;text-decoration: underline;}
.inquirySub .customerInfo {font-size: 16px;color: #4a4a4a;font-weight: normal;padding: 30px 15px 0 0;line-height: 26px;text-align: right;letter-spacing: -1px;}
.inquirySub .customerInfo b {font-size: 26px;}

.insuranceInquirytb {width: 100%;font-family: 'NotoSansKR-Demi', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; clear: both;margin: auto;border-collapse: collapse;}

.insuranceInquirytb th {width: auto;height: 40px;text-align: center; padding: 5px 0;background-color: #f5f7f8;color: #4a4a4a !important;font-size: 16px; border-top: 1px solid #4a4a4a;
    border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc; vertical-align: middle;}
.insuranceInquirytb td {padding: 5px;border: 1px solid #ccc;font-size: 14px;text-align: center; vertical-align: middle;}

.insuranceContb {max-width: 920px;font-family: 'NotoSansKR-Demi', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;clear: both;margin: auto;border-collapse: collapse;}

.insuranceContb th {width: 13%;height: 40px;text-align: center;font-weight: 500 !important;padding: 1.5%;background-color: #f5f7f8;color: #4a4a4a !important;font-size: 16px;
                    border-top: 1px solid #4a4a4a;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.insuranceContb td {width: 25%; padding: 5px;border: 1px solid #ccc;font-size: 14px;text-align: center;}

.btnReceipt {width: auto;font-size: 12px;background-color: #91b238;color: #fff;border: 1px solid #91b238;border-radius: 5px;margin-left: 10px;cursor: pointer;}

.extension p {text-align: left;height: auto;border: none;background: none;padding: 2px 0;font-size: 12px;line-height: 15px;font-weight: normal;display: block;letter-spacing: -1px;}
.extension p:before {content: "-";display: inline-block;vertical-align: middle;padding: 0 5px 6px 0;}

.btnExtension {width: 100%;height: 62px;background: #fcfcfc;border: 1px solid #ff7843;color: #5e5e5e;font-weight: 700;font-size: 20px;line-height: 60px;border-radius: 0px;letter-spacing: -1px;cursor: pointer;}
/* .btnExtension {width: 55%;border: none;background: #ccc;height: 50px;cursor: pointer;font-size: 16px;color: #fff;display: block;margin: auto;} */
.btnExtension i {color: #ff7843;margin: 0 8px;}

.btnExtension:hover, .btnExtension:active {background: #ff7843; color: #fff;}

.btnInfoview {width: 70%;background-color: #ff9f43; color: #fff;font-size: 14px;letter-spacing: -1px;font-weight: bold;cursor: pointer;border: 1px solid rgba(255,255,255,.2);margin:0 auto;box-sizing: border-box;}
.btnInfoview:hover, .btnInfoview a:active {background-color: #fff;color: #ff7843;border: 1px solid #ff7843;box-sizing: border-box;}

.btnWrap {width: 100%;margin: 40px 0;display: block;position: relative;text-align: center;}
.btnDosirakhome {width: 49.7%;background-color: #ff7843;color: #fff;font-size: 19px;line-height: 30px;letter-spacing: -1px;font-weight: bold;padding: 10px; cursor: pointer;border: 2px solid rgba(255,255,255,.2);margin:0 auto;}
.btnDosirakhome:hover, .btnDosirakhome a:active {background-color: #fff;color: #ff7843;border: 2px solid #ff7843;box-sizing: border-box;}

.btnConwrap {width: 100%;margin: 5px 0;display: block;position: relative;text-align: left;}
.btnCon {width: 250px;background-color: #fff;color: #ff7843;font-size: 14px;line-height: 20px;letter-spacing: -1px;font-weight: bold;padding: 10px;cursor: pointer;border: 1px solid #ff7843;margin: 0 auto;}
.btnCon:hover, .btnCon a:active {background-color: #ff7843;color: #fff;border: 1px solid #ff7843;box-sizing: border-box;}


.addDay input[type="radio"]{display:none;}
.addDay input[type="radio"] + span{display:inline-block;background:none;border:1px solid #dfdfdf;padding:0px 5px;text-align:center;line-height:30px;font-weight:500;cursor:pointer;}
.addDay input[type="radio"]:checked + span{border:1px solid #ff7843;background:#ff7843;color:#fff;}

.changeSch {border: 3px solid #ff7843;border-style: dashed;color: #ff7843;font-weight: bold;background-color: #f2f7fe;}



/* pop-up */
.insuranceInquiry_pop {overflow: hidden;margin: 0;position: relative;}
.insuranceInquiry_pop .pop_X {position: absolute;right: 17px;top: 12px;background: url(https://blob.wifidosirak.com/wm-d01/v3/images/newMain/insu_closeX.png) no-repeat;background-size: 100%;width: 25px;height: 25px;z-index: 9999;cursor: pointer;}
.insuranceInquiry_pop h1 {text-align: center;color: #ff7843;line-height: 110%;}                    
                    
.insuranceInquiry_pop_cont, .insuranceInquiry_pop_cont_1, .insuranceInquiry_pop_cont_2 {width: 100%;margin-top: 25px;}

.insuranceInquiry_pop_cont h1 {text-align: left;color: #ff7843;font-size: 14px;font-weight: bold;line-height: 200%;}
                
.insuranceInquiry_pop_cont span {text-align: left;color: #4a4a4a;font-size: 12px;line-height: 140%;}

.insuranceInquiry_pop_cont li {text-align: left;color: #4a4a4a;font-size: 12px;line-height: 140%;list-style: decimal;margin-left: 15px;margin-top: 3px;}

.insuranceInquiry_pop_cont_1 li {text-align: left;color: #4a4a4a;font-size: 14px;line-height: 140%;margin-left: 15px;margin-top: 5px;}
.insuranceInquiry_pop_cont_1 li:before {content: "-";margin-left: -5px;margin-right: 2px;}
                    
#insuranceInquiry_popup, #insuranceInquiry_popup_1, #insuranceInquiry_popup_2 {
                    width: 100%;
                    max-width: 600px;
                    padding: 50px;
                    background-color: #fafafa;
                    font-family: 'Noto Sans KR',"맑은 고딕",'malgun gothic',sans-serif;
                    position: fixed;
                    top: 15%;
                    left: 50%;
                    margin-left: -50px;
                    display: inline-block;
                    border-radius: 15px;
                    overflow-y: auto;
                    -ms-overflow-style: none;
                    max-height: 700px;
                    z-index: 20000;
                    border: 1px solid #ff7843;
                }

.insuConfirm {width:170px; margin:auto;margin-top: 30px;}
.insuConfirm a{width:100%; display:block; background-color:#808fa6; margin:auto; padding:10px 0; text-align:center; font-size:15px; color:#fff; border-radius:20px;}
.insuConfirm a:hover {background: #ff7843;}

#maskPop {position:fixed;left:0;top:0;z-index:10000;background-color:#000;display:none;width: 100%;height: 100%;opacity: 0.6;}

.travelersInsuCS_pop {overflow: hidden;margin: 10px 0 20px;position: relative;}
.travelersInsuCS_pop .pop_X {position: absolute;right: 17px;top: 12px;background: url(https://blob.wifidosirak.com/wm-d01/v3/images/newMain/closeX.png) no-repeat;background-size: 100%;width: 25px;height: 25px;z-index: 9999;cursor: pointer;}
.travelersInsuCS_pop h1 {text-align: center;color: #555;line-height: 110%;}
                    
.travelersInsuCS_pop_cont {width: 100%;margin-top: 25px;}
.travelersInsuCS_pop_cont li {width: 33%;height: 400px;float: left;margin-right: 0.3%;border: 1px solid #e2e2e2;box-sizing: border-box;background: #fff;position: relative;text-align: center;font-size: 18px;font-weight: 400;padding: 10px;display: block;}
.travelersInsuCS_pop_cont li img {text-align: center;display: block;margin: auto; padding-top: 14%; padding-bottom: 14%; width: 140px;}
.travelersInsuCS_pop_cont li p {font-size: 13px;text-align: center;line-height: 40px;color: #3d6eba;text-decoration: underline;}
.travelersInsuCS_pop_cont li a {color: #3d6eba;}
.travelersInsuCS_pop_cont li span {text-align: center;color: #000;font-size: 14px;line-height: 18px;display: block;}
.travelersInsuCS_pop_cont li span b {font-size: 18px;line-height: 24px;display: block;color: #ff7843;}
.travelersInsuCS_pop_cont li .call {bottom: -50px;position: relative;}
#travelersInsuCS_popup {width: 100%;max-width: 750px;padding: 50px;background-color: #fafafa;font-family: 'Noto Sans KR',"맑은 고딕",'malgun gothic',sans-serif;position: fixed;top: 18%;
                        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);left: 45%;display: inline-block;border-radius: 15px;overflow-y: auto;-ms-overflow-style: none;max-height: 700px;z-index: 20000;}
.travelersInsuCS_pop_cont li .description {font-size: 11px;color: #555;}

/*20230404 여행보험 간소화*/
/*.infoNotice_pop {overflow: hidden;margin: 0;position: relative;}
.infoNotice_pop .pop_X {position: absolute;right: 17px;top: 12px;background: url(https://blob.wifidosirak.com/wm-d01/v3/images/newMain/insu_closeX.png) no-repeat;background-size: 100%;width: 25px;height: 25px;z-index: 9999;cursor: pointer;}
.infoNotice_pop h1 {text-align: center;color: #ff7843;line-height: 110%;}                    
                    
.infoNotice_pop_cont {width: 100%;margin-top: 25px;}

.infoNotice_pop_cont h1 {text-align: left;color: #ff7843;font-size: 14px;font-weight: bold;line-height: 200%;}
                
.infoNotice_pop_cont span {text-align: left;color: #4a4a4a;font-size: 12px;line-height: 140%;}

.infoNotice_pop_cont li {text-align: center;color: #fff;font-size: 14px;line-height: 140%;margin-left: 15px;margin-top: 5px;}
                   */ 
/*#infoNotice_popup {
                    width: calc(100% - 27.9%);
                    padding: 50px;
                    background-color: rgba(0,0,0,0.8);
                    font-family: 'Noto Sans KR',"맑은 고딕",'malgun gothic',sans-serif;
                    position: fixed;
                    bottom: 0;
                    right: 0;
                    display: inline-block;
                    overflow-y: auto;
                    -ms-overflow-style: none;
                    z-index: 20000;
                }*/
/*20230404 여행보험 간소화*/
/* pop-up end */


@media only screen and (max-width: 990px), (max-device-width: 1024px) and (min-device-width: 998px)
{
    
    .subTit .subInner {width: 100%; background-position: 110% 0;}
    .subTit_a {padding-top: 100px;}
    
.inquirySub_con {width: 700px;}

.insuranceInquirytb, .insuranceInquirytb thead, .insuranceInquirytb tbody, .insuranceInquirytb th, .insuranceInquirytb td, .insuranceInquirytb tr { 
		display: block; 
	}
    
	
.insuranceInquirytb thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
}
	
.insuranceInquirytb tr {border: 1px solid #e2e2e2; background-color:#fff;margin-top: 10px;}
	
.insuranceInquirytb td { 
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 30%;
    height:55px;
    line-height: 40px;
}
	
.insuranceInquirytb td:before { 
    position: absolute;
    top: 11px;
    left: 0px;
    width: 30%; 
    white-space: nowrap;
    font-size:14px;
    line-height: 30px;
    font-weight:500;
    color:#232323;
    border-right: 1px solid #ededed;
}


#insuranceInquiry_popup, #insuranceInquiry_popup_1, #insuranceInquiry_popup_2 {
                    max-width: 500px;
                    padding: 50px;
                    background-color: #fafafa;
                    font-family: 'Noto Sans KR',"맑은 고딕",'malgun gothic',sans-serif;
                    position: fixed;
                    top: 15%;
                    left: 50%;
                    margin-left: -250px;
                    display: inline-block;
                    border-radius: 15px;
                    overflow-y: auto;
                    -ms-overflow-style: none;
                    max-height: 600px;
                    z-index: 20000;
                    border: 1px solid #ff7843;
                }

.insuranceInquirytb td:nth-of-type(1):before { content: "청약일"; }
.insuranceInquirytb td:nth-of-type(2):before { content: "가입상품"; }
.insuranceInquirytb td:nth-of-type(3):before { content: "계약자"; }
.insuranceInquirytb td:nth-of-type(4):before { content: "보험기간"; }
.insuranceInquirytb td:nth-of-type(5):before { content: "보험료"; }
.insuranceInquirytb td:nth-of-type(6):before { content: "상태"; }
.insuranceInquirytb td:nth-of-type(7):before { content: "상세조회"; }
    
    

#travelersInsuCS_popup {left: 36%;}

    /*20230404 여행보험 간소화*/
    /*#infoNotice_popup {width:100%;}*/
        
}

@media only screen and (max-width: 768px)
{
    
    .subTit .subImg {background-image: none;}
    
    #travelersInsuCS_popup {max-width: 650px;left: 1%;margin-left: 0;}
    .travelersInsuCS_pop_cont li img {margin: 30px;width: 140px;}
    .travelersInsuCS_pop_cont li {height: 360px;}
    .insuranceInquirytb td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 30%; height: 30%; line-height: 42px;}
    .insuranceInquirytb .btnInfoview { padding: 0; width: 40%}

    
}

@media only screen and (max-width: 600px)
{
.travlersInsurance_check {width: 580px;}
        
.loginTab {width: 580px;margin-top: 40px;}
.loginTab .tab_wrap {width: 500px;}
        
.main_bg h1 {font-size: 34px;}
        
.login_wrap h1 {font-size:14px;line-height: 24px;font-weight: bold;}
.login_wrap .loginArea {width: 80%; margin-top: 30px;}
        
.loginTab .tabTit a {font-size: 14px;}

.loginArea .member_input {float: none;}

.loginArea .btnLogin {width: 100%;font-size: 14px;line-height: 20px;padding: 28px;}
        
.login_wrap {width: 580px;}
.login_wrap .socialArea {width: 500px;}
.login_wrap .socialArea li img {width: 160px;}
.login_wrap .notice span {font-size: 13px; line-height: 18px;}
        
.loginArea .input_sec {width: 100%;}
        
.nonmember_btnArea {width: 100%;}
.nonmember_btnArea .btnInquiry {width: 80%;}
    
    .subTit {height: 180px;}
    .subTit .subInner {width: 100%;background-position: 280px 0;}
    .subTit_a {font-size: 22px;padding-top: 80px;line-height: 30px;}
    .subTit .topLogo img {width: 90px;}
    
    .inquirySub_con {width: 480px;}
    
        
    .inquirySub .customerInfo {font-size: 12px;line-height: 22px;margin-top: 5px;}
    .inquirySub .customerInfo b {font-size: 20px;}
    .inquirySub .customerTit {font-size: 14px;}
    .inquirySub .customerLink {font-size: 11px;}
    
    .btnCon {width: 200px;}
    
    #insuranceInquiry_popup, #insuranceInquiry_popup_1, #insuranceInquiry_popup_2 {
                    max-width: 98%;
                    padding: 30px;
                    top: 15%;
                    left: 10%;
                    margin-left: 0;
                    max-height: 700px;
                }
    .insuranceInquiry_pop_cont_1 li {
        font-size: 12px;
        line-height: 140%;
        margin-left: 15px;
        margin-top: 5px;
    }
    .insuranceInquiry_pop_cont h1 {font-size: 12px;}
    .insuranceInquiry_pop_cont span {font-size: 11px;}
    
    #travelersInsuCS_popup {max-width: 450px;padding: 30px;top: 8%;left: 5%;margin-left: 0;max-height: 80%;}
    .travelersInsuCS_pop_cont li {width: 100%;height: 230px;font-size: 16px;}
    .travelersInsuCS_pop_cont li img {margin: auto;margin-top: 10px;margin-bottom: 10px;}
    .travelersInsuCS_pop_cont li .call {bottom: 0;}

        
}
    
@media only screen and (max-width: 480px){

.main-contents .contents-wrap { padding: 0% 1% 0 1%;}    
.travlersInsurance_check {width: 350px;top: 18%;}
        
.loginTab {width: 350px;margin-top: 20px;}
.loginTab .tab_wrap {width: 350px;}
.loginTab .tabTit .listT {padding: 0 2px;}
        
.main_bg h1 {font-size: 22px;line-height: 40px;}
        
.login_wrap h1 {font-size:16px;line-height: 24px;}
.login_wrap .loginArea {width: 100%; margin-top: 20px !important;}
        
.loginTab .tabTit a {font-size: 14px;}

.loginArea .member_input {float: none;width: 95%;}
.loginArea .left {width: 100%;}
.loginArea .right {width: 100%;}

.loginArea .btnLogin {width: 100%;font-size: 14px;line-height: 24px; padding: 10px;margin-top: 15px;}
        
.login_wrap {width: 350px;}
.login_wrap .socialArea {width: 350px;margin-top: 50px;}
.login_wrap .socialArea li img {width: 115px;}
.login_wrap .notice {margin-top: 100px;}
.login_wrap .notice span {font-size: 10px; line-height: 16px;}
        
.loginArea .input_sec {width: 100%;}
        
.nonmember_btnArea {width: 100%;}
.nonmember_btnArea .btnInquiry {width: 100%;margin: 10px 0 0 0;}
        
.btnCertify {width: 100%;margin: 0;margin-top: 10px;}
    
    .subTit {height: 150px;}
    .subTit .topLogo img {width: 80px;}
    .subTit_a {font-size: 18px;padding-top: 70px;line-height: 24px;}
    
    .inquirySub_con {width: 350px;}
    
    .inquirySub h1 {font-size: 18px;}
    .inquirySub p {font-size: 14px;line-height: 16px;}
    

    .insuranceInquirytb td { 
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 30%;
        height:50%;
        line-height: 40px;
    }

    .insuranceInquirytb .btnInfoview { 
        line-height:38px;
    }    
        
    .insuranceInquirytb td:before { 
        position: absolute;
        top: 11px;
        left: 0px;
        width: 30%; 
        white-space: nowrap;
        font-size:14px;
        line-height: 30px;
        font-weight:500;
        color:#232323;
        border-right: 1px solid #ededed;
    }

    
    .inquirySub li {padding: 0;height: 215px;text-align: center; margin-top: 2%;}
    .inquirySub img {float: inherit; width: 30%; display: inline-block; margin-top: 4%;}
    .inquirySub .lt {float: none;display: block;width: 100%;}
    .inquirySub .rt {float: none;display: block;width: 100%;margin-top: -29px;}
    
    .inquirySub .customerTit {text-align: center;}
    .inquirySub .customerLink {text-align: center;padding-left: 0; font-size: 12.5px;}
    .inquirySub .customerInfo {text-align: center; font-size: 14px;}
    
    .insuranceContb th {font-size: 13px; vertical-align: middle;}
    .insuranceContb th b {font-weight: normal;display: block;}
    .insuranceContb td {font-size: 12px; vertical-align: middle;}
    
    .btnCon {width: 150px;}
    
    .btnDay {font-size: 12px;}


    .btnWrap .btnDosirakhome {width: 100%; margin-top: 3%;}    
    
    
    .extension p {text-align: left;height: auto;padding: 5px 0;font-size: 12px;line-height: 12px;font-weight: normal;}
    .extension p:before {display: none;}
    
    .btnExtension {font-size: 16px;line-height: 60px;}
    

    #butn1 {top: 35%;}
    
    #insuranceInquiry_popup, #insuranceInquiry_popup_1, #insuranceInquiry_popup_2 {
                    max-width: 96%;
                    width: 480px;
                    padding: 20px;
                    top: 10%;
                    left: 2%;
                    margin-left: 0;
                    max-height: 80%;
                }
    .insuranceInquiry_pop h1 {
        font-size: 20px;
    }
    .insuranceInquiry_pop_cont_1 li {
        font-size: 12px;
        line-height: 140%;
        margin-left: 15px;
        margin-top: 5px;
    }
    .insuranceInquiry_pop_cont h1 {font-size: 12px;}
    .insuranceInquiry_pop_cont span {font-size: 11px;}
    
    #travelersInsuCS_popup {max-width: 95%;top: 5%;left: 2.5%;}
    .travelersInsuCS_pop h1 {font-size: 20px;}
    .travelersInsuCS_pop_cont li {height: 200px;}
    .travelersInsuCS_pop_cont li img {width: 120px;margin-top: 5px;}
    .travelersInsuCS_pop_cont li p {line-height: 30px;}

    /*20230404 여행보험 간소화*/
/*    #infoNotice_popup {width: 100%;padding: 30px;}
    .infoNotice_pop_cont li {text-align: left;font-size: 12px;}*/
        
}

/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}