@charset "utf-8";
@import 'font.css';


/* Basic Style START () */
html, body {width:100%; height:100%;line-height: 1;font-size: 15px;color: #1e1e1e;font-family: 'notokr', "맑은고딕", "Malgun Gothic", malgun, "돋움", Dotum, "굴림", Gulim, 'AppleSDGothicNeo-Light', AppleGothic, Helvetica, Arial, 'HelveticaNeue-Light', 'sans-serif-light', sans-serif;-webkit-text-size-adjust: none; -ms-text-size-adjust: none;font-weight: 400; background:#fff;}
input, button, select, textarea, pre, code, h1, h2, h3, h4, h5, h6, table {font-family: 'notokr', "맑은고딕", "Malgun Gothic", malgun, "돋움", Dotum, "굴림", Gulim, 'AppleSDGothicNeo-Light', AppleGothic, Helvetica, Arial, 'HelveticaNeue-Light', 'sans-serif-light', sans-serif;font-weight: 400;}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0; }
ol, ul, li { list-style:none; line-height: 1.4;}
td{line-height: 1.2;}
img, fieldset { border:0 none; }
img { -webkit-perspective: 1; }
img {
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}
a { cursor:pointer; -webkit-tap-highlight-color: transparent;}
a:link, a:visited { text-decoration:none; color:#252525;}
a:active, a:hover, a:focus { text-decoration:none; }

input, select, textarea { vertical-align:middle; resize:none; position:relative; outline:none; }
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; border-radius:3px}
input, select{border:1px solid #d2d6dd; font-size: 16px; border-radius:5px;font-weight : 400; letter-spacing: -0.025em; line-height: 1.2; word-break: break-all; vertical-align: middle; cursor:pointer; background-color: #fff; height:42px; padding:0 10px; width:calc(100% - 22px);}
textarea  {border:1px solid #d2d6dd; padding: 15px 10px 15px 10px;font-size: 16px; border-radius:5px;font-weight : 400; letter-spacing: -0.025em; line-height: 1.3; word-break: break-all; cursor:pointer; background-color: #fff; width:calc(100% - 22px);resize: none;}
select {padding: 5px 20px 5px 14px;line-height: 1.35; word-break: break-all; vertical-align: middle;
    	-webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('../img/content/icon_down.png') no-repeat 98% 8px; /* 화살표 아이콘 추가 */  background-size: 24px 25px; width:100%;height:44px;}
input::placeholder {font-size: 15px; font-weight: 400; color: #666;letter-spacing: -1px; }
input[readonly] {background-color: #E9E9E9;border:1px solid #E9E9E9;}
input[disabled] {background-color: #E9E9E9;border:1px solid #E9E9E9;}
input[type=text]::placeholder { color:#999;}
input[type=checkbox] { -webkit-appearance:checkbox; }
input[type=checkbox]:disabled {cursor:default}
input[type=checkbox] { margin:0 0px 0 0px; width: 22px; height:22px;}
input[type=checkbox]:first-child { margin-left:0;}
input[type=radio] { -webkit-appearance:radio; -webkit-border-radius:10px; }
input[type=radio]:disabled {cursor:default}
input[type=date] {border: 0; padding: 0; width: 100%; font-size: 14px; cursor:pointer;border-radius:3px}
input[type=date].half {border: 1px solid #ccc; padding: 3px; width: 45%; font-size: 14px; cursor:pointer}
input[type=time] {border: 0; padding: 0; width: 100%; font-size: 14px; cursor:pointer;}
input[type=month] {border: 0; padding: 0; width: 100%; font-size: 14px; cursor:pointer;}
input.basic { height:19px; line-height:19px; padding:0 5px; border:1px solid #cacaca; }
input.read { height:19px; line-height:19px; padding:0 5px; border:1px solid #cacaca; background: #f7f7f7;}
textarea.basic { border:1px solid #cacaca; padding:5px; overflow:scroll; overflow-x:hidden; }
select.basic { height:21px; }
input[type=radio] { position: ; width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type=radio] + label { display: inline-block; position: relative; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; vertical-align:middle;}
input[type=radio] + label:before { content: ''; position: absolute; left: 0; top: -2px; width: 17px; height: 17px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%;}
input[type=radio] + label:active:before, .checks input[type=radio]:checked + label:active:before { }
input[type=radio]:checked + label:before { background: #fff; border-color: #FFDE00; }
input[type=radio]:checked + label:after { content: ''; position: absolute; top: 3px; left: 5px; width: 9px; height: 9px; background: #FFDE00; border-radius: 100%;}

.txt-no input[type=radio] { position: absolute; width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.txt-no input[type=radio] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:0px; }
.txt-no input[type=radio] + label:before { content: ''; position: absolute; left: 0; top: -12px; width: 17px; height: 17px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%;}
.txt-no input[type=radio] + label:active:before, .checks input[type=radio]:checked + label:active:before { }
.txt-no input[type=radio]:checked + label:before { background: #fff; border-color: #FFDE00; }
.txt-no input[type=radio]:checked + label:after { content: ''; position: absolute; top: -7px; left: 5px; width: 9px; height: 9px; background: #FFDE00; border-radius: 100%;}


button { border:0 none; background:transparent; cursor:pointer; }
hr { display:none; }
hr.line {border: solid 4px #F3F3F3; display:inherit;}
legend, .hide { width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; }
table caption { width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; }
table {border-collapse:collapse; border-spacing:0; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display:block; }

label {font-size: 15px; font-weight: 400; color:#333; vertical-align: middle;}

strong { font-weight:500;}
em{ font-style:normal;}
.ir{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;color:transparent;border:0;clip:rect(0 0 0 0);}
.blind {width:0; height:0; line-height:0; font-size:0; overflow:hidden;}

.fl{float:left !important;}
.fr{float:right !important;}
.clear{clear:both !important;}

.tl{text-align:left !important;}
.tr{text-align:right !important;}
.tc{text-align:center !important;}

.center {margin:0 auto !important;}

.mr0 { margin-right:0 !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.mr3p { margin-right:3% !important;}

.mt0 { margin-top:0px !important;}
.mt3 { margin-top:3px !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt13 { margin-top:13px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}

.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pb0 { padding-bottom:0px !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pr4 { padding-right:4px !important;}
.pr5 { padding-right:5px !important;}
.pr6 { padding-right:6px !important;}

.ml0 { margin-left:0px !important;}
.ml25 { margin-left:25px !important;}
.ml50 { margin-left:50px !important;}

.mb0 { margin-bottom:0px !important;}
.mb2 { margin-bottom:2px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}


.ptb0 { padding-top:0 !important; padding-bottom:0 !important;}
.plr0 { padding-left:0 !important; padding-right:0 !important;}
.pl0 { padding-left:0 !important;}
.pl5 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}

.w088 { width:88px !important;}
.w48 { width:48% !important;}
.w85 { width:85% !important;}
.w94 { width:94% !important;}
.w100 { width:100% !important;}

.h060 { height:60px !important;}

.ft17 { font-size:17px !important;}
.ft16 { font-size:16px !important;}
.ft15 { font-size:15px !important;}
.ft14 { font-size:14px !important;}
.ft13 { font-size:13px !important;}
.ft12 { font-size:12px !important;}
.ft11 { font-size:11px !important;}

.distb{display:table !important;}
.disib{display: inline-block !important;}

.point1{ font-weight:700 !important; color:#d0021b !important;}
.point2{ font-weight:700 !important; color:#3F68D2 !important;}
.b700{ font-weight:700 !important;}
.b900{ font-weight:900 !important;}

p{line-height:1.4; margin: 4px 0px 5px;}
.low_line_height{ line-height:1.2;}
.middle_line_height{ line-height:1.4;}
.high_line_height{ line-height:1.7;}

.dis {background-color: #F1F8FF !important; color:#00B1BA;}
.bg_e { background-color:#f3f4f7 !important;} /*표에서 빈공간 컬러(배경있는경우)*/
.bg0 { background-color:#fff !important;}
.bg_r {background-color:#fdba95 !important;}
.bg01 {background-color:#FAFAFA!important;}

.fc01{ color:#3F69D2 !important;}
.fc02{ color:#d0021b !important;}

.bor_t{border-top:1px #ddd solid!important;}
.bor_b{border-bottom:1px #ddd solid!important;}
.bor_nb{border-bottom:0px #ddd solid!important;}

.ls0{ letter-spacing:0!important;}

/* Basic Style END */



/*top*/
#header{position:fixed; margin:0 auto;padding:0; width:100%; height:56px; background-color:#fff;z-index: 100; line-height:56px}
#header h1{margin:0 auto; padding:0px 0 0 0; font-size:18px; font-weight:700;text-align:center; color:#252525; letter-spacing:-0.025em;}


/*topNav*/
ul#topNavL{position:absolute;top:14px; left:15px;width:auto;}
ul#topNavL li{ float:left; color:#fff; font-size:12px; font-weight:400; }
ul#topNavL li a.back {display:inline-block;background: url(../img/content/back.png) center center no-repeat;background-size:contain;width:32px;height:32px;}
ul#topNavL li a.all {display:inline-block;background: url(../img/content/top_btn_all.png) no-repeat;background-size:contain;width:21px;height:17px; background-position-x: center; margin-top:5px;}
ul#topNavL li a.sys {display:inline-block;background: url(../img/content/top_btn_sys.png) no-repeat;background-size:contain;width:25px;height:25px; background-position-x: center; margin-top:5px;}

ul#topNavR{position:absolute;top:11px; right:15px;width:auto; z-index:100;}
ul#topNavR li{ float:left; color:#fff; font-size:12px; font-weight:400; }
ul#topNavR li:last-child{float:right;}
ul#topNavR li a.del {display:inline-block;background: url(../img/content/top_del.png) center center no-repeat;background-size:contain;width:32px;height:32px;}
ul#topNavR li a.back {display:inline-block;background: url(../img/content/back.png) no-repeat;background-size:contain;width:32px;height:32px;}

/* 우편상단 */
.add-top{ margin:0 auto;padding:0; width:100%; height:32px; background-color:#fff;z-index: 100; top:46px; padding-top:5px;}
.add-top span{ display:inline-block;}
.add-top span.btn{ margin-left:5%;height:20px;font-size:13px; line-height:20px;width:70px; padding:0; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;border: 1px solid #E7241F;background:#fff;color:#E7241F; text-align:center;}
.add-top span.btn2{height:20px;font-size:13px; line-height:20px;width:95%; padding:0; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;border: 1px solid #E7241F;background:#fff;color:#E7241F; text-align:center;}
.add-top span.txt{ margin-left:5px;font-size:13px;}

.adtbT{width: 100%; word-break: break-all; color:#252525;border-collapse: separate;border-spacing: 0; margin-top:10px;}
.adtbT th{position: relative; padding:6px 10px 6px 10px; font-size: 14px; font-weight:700; letter-spacing:-0.5px; word-break: break-all;vertical-align: top; line-height:1.2; background:#fff;text-align:center;}
.adtbT td{position: relative; padding:6px 10px 6px 10px; font-size: 14px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:left; font-weight:500;background:#fff;}
#add-ct {position: absolute; padding:0; margin:0px 0px 30px 0px; width:100%; overflow:auto; z-index:1; background:; top:93px; clear:both;}
.cont-add{width:calc(100% - 8%);margin:0 auto; margin-top:0px; padding:0 4%;}



/*ct*/
#ct {position: absolute; padding:0; margin:0px 0px 30px 0px; width:100%; overflow:auto; z-index:1; background:; top:46px; clear:both;}
.cont {width:90%;margin:0 auto;}
.cont_agree {width:90%;margin:0 auto; margin-bottom:30px;  margin-top:12px;}

.txtsection { position:relative; z-index:1; text-align:left; padding:0px 23px 0px 23px; min-height:142px; background:#fff;border-radius:17px;border:1px solid #DFDDDD;box-shadow: 1px 20px 20px rgba(60, 102, 210, 0.08); overflow:hidden;margin-bottom:40px;}
.guide_txt { text-align:center; width:100%; font-size:16px; padding:14px 0; line-height:1.4; letter-spacing:-1px;}


.coltbl{width: 100%; word-break: break-all; color:#252525;border-collapse: separate;border-spacing: 0; margin-top:10px;}
.coltbl th{position: relative; padding:6px 5px 6px 5px; font-size: 14px; font-weight:700; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; background:#DCE8F4;text-align:center; height:30px;}
.coltbl td{position: relative; padding:6px 5px 6px 5px; font-size: 14px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:center; font-weight:500;border-bottom:1px #F0F0F0 solid; background:#fff;height:30px;}

.tblN{width: 100%; word-break: break-all; color:#252525;border-collapse: separate;border-spacing: 0; margin-top:10px;}
.tblN th{position: relative; padding:12px 10px 12px 10px; font-size: 14px; font-weight:700; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; background:#fff;text-align:center;}
.tblN td{position: relative; padding:12px 10px 12px 10px; font-size: 14px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:center; font-weight:500;background:#fff;}


.addtb{width: 100%; word-break: break-all; color:#252525;border-collapse: separate;border-spacing: 0; margin-top:10px;border-top:1px #ddd solid; font-size:15px;}
.addtb th{position: relative; padding:6px 5px 6px 5px; font-weight:700; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; background:#DCE8F4;text-align:center; height:30px;border-bottom:1px #ddd solid;}
.addtb td{position: relative; padding:6px 5px 6px 5px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:center; font-weight:500;border-bottom:1px #ddd solid;border-right:1px #ddd solid;background:#F7F7F7;height:30px;}
.lot{}
.lot span:nth-child(1){width:47%; display:inline-block; float:left;}
.lot span:nth-child(2){width:6%; float:left; text-align:center; height:44px; line-height:44px;}
.lot span:nth-child(3){width:47%; display:inline-block; float:right;}
.addtb td input, .addtb td select{height:40px;}
.addtb tbody.box td{position: relative; padding:16px 15px 16px 15px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:left; font-weight:500;border:1px #ddd solid;border-top:0px #ddd solid;background:#F7F7F7;height:30px;}



.addtb2{width: 100%; word-break: break-all; color:#252525;border-collapse: separate;border-spacing: 0; margin-top:5px;border-top:1px #ddd solid; font-size:12px;}
.addtb2 th{position: relative; padding:4px 3px 3px 3px; font-weight:700; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:center; height:30px;border-bottom:1px #ddd solid;height:22px;}
.addtb2 td{position: relative; padding:4px 3px 3px 3px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:left; font-weight:500;border-bottom:1px #ddd solid;background:#fff;height:22px;}


/*button*/
button {cursor: pointer; padding:9px 15px 7px; font-size:15px; font-weight:500; color:#5890c5;outline: none;margin:0 auto;-webkit-tap-highlight-color: transparent;}
button[disabled] {cursor: default;border: 1px solid #ddd;background:#ddd;color:#fff;}

.btn-wrap{width:auto;margin:0px;padding:0;box-sizing:border-box;letter-spacing:-0.5px;margin-top:30px; }
.btn01{ height:52px;font-size:17px; line-height:47px;width:100%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #3B589E;background:#3B589E;color:#fff;}
.btn01:nth-child(2), .btn01:nth-child(3){ margin-top:10px;}
.btn02{ height:52px;font-size:17px; line-height:47px;width:100%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #61667A;background:#61667A;color:#fff;}
.btnD01{ height:52px;font-size:17px; line-height:39px;width:48%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 0px solid #3B589E;background:#3B589E;color:#fff;}
.btnD02{ height:52px;font-size:17px; line-height:39px;width:48%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 0px solid #0063CB;background:#0063CB;color:#fff;}
.btnD03{ height:40px;font-size:14px; line-height:39px;width:48%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #b0b0b0;background:#FFF;color:#000;}
.btnD03.active{ height:40px;font-size:14px; line-height:39px;width:48%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #b0b0b0;background:#0063CB;color:#fff;}
.btnD03.activeP{ height:40px;font-size:14px; line-height:39px;width:48%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 2px solid #0063CB;}

.md-btn{ height:52px;font-size:17px; line-height:47px;width:100%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #5166B0;background:#5166B0;color:#fff;}

.tb_btn01{ height:24px;font-size:14px; line-height:24px;width:100%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #61667A;background:#61667A;color:#fff;}
.tb_btn02{ height:32px;font-size:12px; line-height:1.1;width:100%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #61667A;background:#61667A;color:#fff;}
.tb_btn03{ height:30px;font-size:14px; line-height:25px;width:70px; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #E9E9E9;background:#E9E9E9;color:#666;}

a.btn-center{font-size:12px;padding:5px 0 3px 0;border-radius:14px; background:#3C1E1E; width:94%; text-align:center; display:inline-block;letter-spacing:-0.5px; color:#fff; margin-top:10px; letter-spacing:-0.5px; margin-left:3%; margin-bottom:6px;}
a.btn-center span{display:inline-block; height:16px;background: url('../img/content/info_btn.png') no-repeat right 1px;background-size: 16px; padding:4px 20px 0px 0px;color: #fff;}


h3{height:24px;background-size:22px; padding:3px 0px 0px 24px;font-size:16px; font-weight:700;color:#252525; letter-spacing:-0.025em; text-align:left;}
h3.ad {height:20px;background-size:20px; padding:3px 0px 0px 24px;font-size:15px; font-weight:400;color:#252525; letter-spacing:-0.025em;}

.page_cover.open {display: block;}
.page_cover {width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background-color: rgba(0, 0, 0, 0.6);z-index: 4;display: none;z-index:100;}

span.needed{margin-left:0px; font-size:15px;}
span.needed em{color:#ff4800; margin-right:5px; font-weight:700; vertical-align:middle;}


/*message popup*/
.msgbox-wrap {text-align: left;line-height: 1.5;}
.msg-title {font-size: 16px;font-weight: bold;margin-bottom: 12px;}
.msg-body {font-size: 14px; margin: 15px 0;}
.msg-divider {border-bottom: 2px solid #5890c5;margin-bottom: 12px;}

 /*modal popup*/
#modal{display:none;position:fixed; width:100%; height:100%;top:0; left:0; background:rgba(0,0,0,0.6);z-index: 99999;}
.modal-con{display:none;position:fixed;top: calc(50% - 5px); left:50%;transform: translate(-50%,-50%);width: 80%;/*min-height: calc(30% - 50px);*/border-radius: 15px 15px 15px 15px;background:#fff;z-index: 99999;}
.modal-con .title{font-size:20px; padding: 20px; border-radius: 15px 15px 0px 0px;}
.modal-con .con{font-size:15px; line-height:1.3;padding: 40px 30px 30px 30px;min-height: calc(30% - 110px);background:#fff;border-radius: 15px 15px 0px 0px; text-align:center; letter-spacing:-0.5px;}
.modal-con .close{display:block;position:absolute;width:30px; height:30px;text-align:center; line-height: 30px;text-decoration:none;color:#4B4B4B; font-size:32px;right:10px; top:10px;}
.bt_area{overflow:hidden;padding:0;width:100%;margin-bottom:-5px;position:relative;border-radius: 0px 0px 15px 15px;border-top:1px solid #fff;}
.bt_area a{display:block;background-color:#3B589E;font-size:16px;height:50px;line-height:50px;color:#fff;text-align:center;border-radius:0 0 5px 5px;flex:1}
.bt_area a strong {color:#fff;}
.bt_area_v2 a{float:left;width:60%;font-weight:normal;border-left:1px solid #2D51AD;border-radius:0 0 5px 0;box-sizing:border-box;position:relative; color:#fff;}
.bt_area_v2 a strong {}
.bt_area_v2 a:first-child{border-left:0px solid #C3AE11;border-radius:0 0 0 5px;width:40%;background-color:#737373;}
.bt_area_v2 a.all{float:left;width:100%;font-weight:normal;border-left:0px solid #C3AE11;border-radius:0 0 5px 0;box-sizing:border-box;position:relative; color:#fff;}
.modal-con .conW{font-size:15px; line-height:1.3;padding: 20px 8px 20px 8px;min-height: calc(30% - 110px);background:#fff;border-radius: 15px 15px 0px 0px; text-align:center; letter-spacing:-0.5px;overflow: scroll;max-height: 350px;}
.modal-con .conT{font-size:15px; line-height:1.3;padding: 0px 8px 10px 8px;height: calc(30% - 110px);background:#fff;border-radius: 15px 15px 15px 15px; text-align:center; letter-spacing:-0.5px;}

.conT .cal{margin:0 auto; margin:0px; width:100%;overflow:auto; height:370px; text-align:center;}
.conT .list{margin:0 auto; margin:0px; width:100%;overflow:auto; height:450px; text-align:center;}
.con .list{margin:0 auto; margin-top:20px; width:100%;overflow:auto; height:160px; text-align:center;}
.con .list button{ display:inline-block; margin:0 auto; margin-top:10px;height:42px;font-size:17px; line-height:37px;width:30%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #61667A;background:#61667A;color:#fff;}

/*modal data*/
#modalD{display:none;position:fixed; width:100%; height:100%;top:0; left:0; background:rgba(0,0,0,0.05);}
.modalD-con{display:none;position:fixed;top:10px; left:50%;transform: translate(-50%,25%);width: 90%;/*min-height: calc(30% - 50px);*/border-radius: 15px 15px 15px 15px;background:#fff;border: 1px solid #CDCED2;}
.modalD-con .title{font-size:20px; padding: 20px; border-radius: 15px 15px 0px 0px;}
.modalD-con .close{display:block;position:absolute;width:30px; height:30px;text-align:center; line-height: 30px;text-decoration:none;color:#4B4B4B; font-size:32px;right:10px; top:10px;}
.modalD-con .con{font-size:15px; line-height:1.3;padding: 40px 30px 30px 30px;min-height: calc(30% - 110px);background:#fff;border-radius: 15px 15px 0px 0px; text-align:center; letter-spacing:-0.5px;}
.pop_adr{}
.pop_adr .left{ float:left; width:48%; display:inline-block; text-align:left;}
.pop_adr .leftCenter{text-align:right;}
.pop_adr .left .nb1{width:40%; margin-right:5px;display:inline-block; text-align:center;}
.pop_adr .left .nb2{width:15%;display:inline-block; text-align:center;}
.pop_adr .right{ float:right; width:48%; display:inline-block; text-align:right;}
.pop_adr .rightCenter{text-align:left;}
.pop_adr .right .nb1{width:40%; margin-right:5px;display:inline-block; text-align:center;}
.pop_adr .right .nb2{width:15%;display:inline-block; text-align:center;}

.modalD-con .con .list{margin:0 auto; margin-top:20px; width:100%;overflow:auto; height:160px; text-align:center;}
.modalD-con .con .list button{ display:inline-block; margin:0 auto; margin-top:10px;height:42px;font-size:17px; line-height:37px;width:32%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #61667A;background:#61667A;color:#fff;}

.bt_areaD{overflow:hidden;padding:0;width:100%;margin-bottom:-5px;position:relative;border-radius: 0px 0px 15px 15px;border-top:1px solid #fff;}
.bt_areaD a{display:block;background-color:#737373;font-size:16px;height:50px;line-height:50px;color:#fff;text-align:center;border-radius:0 0 5px 5px;flex:1}
.bt_areaD a strong {color:#fff;}
.bt_2st a{float:left;width:50%;font-weight:normal;border-left:1px solid #2D51AD;border-radius:0 0 5px 0;box-sizing:border-box;position:relative; color:#fff;}
.bt_2st a strong {}
.bt_2st a:first-child{border-left:0px solid #C3AE11;border-radius:0 0 0 5px;width:50%;background-color:#3B589E;}
.bt_2st a.all{float:left;width:100%;font-weight:normal;border-left:0px solid #C3AE11;border-radius:0 0 5px 0;box-sizing:border-box;position:relative; color:#fff;}

/*modal notice*/
.modalN-con{position:fixed;top: calc(50% - 5px); left:50%;transform: translate(-50%,-50%);width: 80%;/*min-height: calc(30% - 50px);*/border-radius: 15px 15px 15px 15px;background:#fff;}
.modalN-con .title{font-size:16px; padding: 20px 34px 12px 20px; border-radius: 15px 15px 0px 0px; letter-spacing:-1px;}
.modalN-con .title span{font-size:10px; padding-top:3px; color:#9B9B9B;letter-spacing:0px;}
.modalN-con .con{font-size:14px; line-height:1.3;height: calc(30% - 110px);background:#fff;border-radius: 0px 0px 15px 15px; text-align:center; letter-spacing:-0.5px;}
.modalN-con .close{display:block;position:absolute;width:30px; height:30px;text-align:center; line-height: 30px;text-decoration:none;color:#4B4B4B; font-size:32px;right:10px; top:10px;}

.modalN-con .con .list{margin:0 auto; width:100%;overflow:auto; height:450px; text-align:center;border-top:1px #3B589E solid;background:#fff;}
.modalN-con .con .main_text{ text-align:left; line-height:1.2; min-height:300px; margin-top:10px;padding: 0px 6px 0px 6px;}
.modalN-con .con .file{padding: 15px 6px 0px 6px;}
.modalN-con .con .file .tit{ text-align:left;display: flex; align-items: center;}
.modalN-con .con .file .tit span{ margin-left:4px; padding-top:2px; display: inline-block;}
.modalN-con .con .file .tit span img{ width:16px; height:16px;}
.modalN-con .con .file-txt{background:#f3f3f3;border-radius:5px; padding:14px 10px 8px 10px; margin:6px 0 10px 0; text-align:left; font-size:12px;}
.ftb{width: 100%; word-break: break-all; color:#252525;border-collapse: separate;border-spacing: 0;}
.ftb td{padding:3px 2px 3px 2px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:left; height:12px;}
.ftb td:last-child{text-align:right; color:#7F7F7F;}