a{text-decoration:none; outline:none; color:#404040; }
a:hover,a:active,a:focus,a:visited{text-decoration:none;}
/* top css */
.header_wrap {overflow: hidden; width: 1200px; margin: 0 auto;}
.logo_sty {float: left; margin-top: 13px;}
.menu_sty {position: absolute; top: 25px; transform: translateX(-50%); left: 50%;}
.menu_sty li {display: inline-block; margin-right: 2.5vw; font-weight: 500;}
.menu_sty li:last-child {margin-right:0;}
.menu_sty li a {color:#000; font-size:18px;}
.menu_sty li a:hover {color: #0c4f9e;}
.mem_sty {float: right; margin-top: 27px;}
.mem_sty li {display: inline-block;}
.mem_sty li a {color:#343434; font-size:13px;}
.mem_line {height: 12px; width: 1px; display: inline-block; background: #d9d9d9; position: relative; margin: 0 13px; top: 1px;}
.sub_top {position: relative !important;}
/* top css */

/* copy css */
.copy_wrap {overflow: hidden; width: 1200px; margin: 0 auto;}
.copy_agree {margin: 30px 0;}
.copy_agree li {display: inline-block;}
.copy_agree li a {color:#404040; font-size:15px;}
.company_info {line-height: 24px;}
.company_info li {display: inline-block; color:#565656; font-size:14px;}
.copyright {color:#565656; font-size:14px; margin-top: 20px;}
/* copy css */

/*quick menu*/
.quick_menu{position: fixed;bottom: 40px;right: 40px;z-index: 99999}
.quick_menu ul{}
.quick_menu ul>li{margin-bottom:10px;}
.quick_menu ul>li:last-child{margin-bottom:0;}
.quick_menu ul>li a{position:relative;width:60px;height:60px;border-radius:50px;box-shadow:3px 5px 5px rgba(0,0,0,0.15);display:block;}
.quick_menu ul>li a img{position:absolute;right:0;}
.quick_menu ul>li a span{position:absolute;right: 75px;width:200px;line-height:60px;text-align:right;font-weight:500;font-size:15px;display:none;}
/*.quick_menu ul>li:nth-child(1) a{background:#e6dbfa url("/skin/basic/images/quick_icon0.png") no-repeat center right;color:#58718c;}*/
.quick_menu ul>li:nth-child(1) a{background:#f1f7ff url("/skin/basic/images/quick_icon1.png") no-repeat center right;color:#3c80ea;}
.quick_menu ul>li:nth-child(2) a{background:#fcf0f7 url("/skin/basic/images/quick_icon2.png") no-repeat center right;color:#e81887;}
.quick_menu ul>li:nth-child(4) a{background:#e6dbfa url("/skin/basic/images/quick_icon3.png") no-repeat center right;color:#b738dc;}
/*quick menu*/


/* main css */
.main_sty {width: 1200px; margin: 0 auto;}
.main_tit {width:640px; /*margin: 240px 0;*/ margin: 13vw 0 11vw 0; float: right;}
.main_tit h2 {font-size: 50px; color: #3a526e; line-height: 60px; font-weight: 700;}
.main_tit h2 span { font-size:40px; }
.main_tit p { line-height: 24px; margin: 0 0 10px 0; word-break:keep-all; }
.main_tit .main_desk { margin:40px 0 50px 0; }
.main_tit a {display: block; width: 230px; height: 54px; background: #465464; text-align: center; line-height: 54px; color: #fff; border-radius: 10px;}
.choose_box {margin-top:240px; height:177px; clear: both; border: 7px solid rgba(0, 0, 0, 0.2); border-radius: 17px; overflow: hidden;}
.choose_box ul li {height: 163px; float: left; border-right: 1px solid #cdd0d9;}
.choose_box ul li:first-child {width: 320px; background: #f5f5f9; padding: 30px 20px;}
.choose_box ul li:first-child h2 {font-size: 18px; font-weight: 500; color: #000;}
.choose_box ul li:first-child p {font-size: 15px; font-weight: 300; line-height: 22px; margin-top: 10px;}
.choose_box ul li:nth-child(n+2) {width: calc((100% - 320px) / 3);  background: #fff;}
.choose_box ul li:last-child {border-right: 0;}
.choose_box ul li:nth-child(n+2) dl > dt {height:66px; line-height: 60px; background: #f5f5f9; text-align: center; color: #000; font-size: 16px;}
.choose_box ul li:nth-child(n+2) dl > dd:nth-child(2) {color: #000; font-size: 16px; text-align: center; margin: 10px 0;}
.choose_box ul li:nth-child(n+2) dl > dd:nth-child(3) a {display: block; width: 180px; height: 40px; line-height: 35px; background: #dfdfe5; border: 1px solid #a6afba; border-radius: 12px; text-align: center; margin: 0 auto; color: #000;}
.info_wrap {overflow: hidden; position: relative; margin-top: 100px;}
.info_tit {position: relative; display: block; width: 410px; float:left;}
.info_tit h2 {font-size: 46px; color: #000; line-height: 50px; font-weight: 300;}
.info_tit h2 > span {font-weight: 500;}
.info_tit p {color: #000;}
.info_tit p:nth-child(2) {font-size: 18px; padding: 40px 0 20px 0;}
.info_tit p:nth-child(3) {font-size: 16px; line-height: 24px; margin-bottom: 50px;}
.info_step {position: relative; display: block; width: 730px; float:right; background-image: url('/skin/basic/images/step_deco.png'); background-repeat: no-repeat; background-position: 3.4%; height:895px; overflow: hidden;}
.info_step::after {content: ''; width: 100%; height: 80px; background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); position: absolute; left:0; bottom: 0; z-index: 999;}
.info_step_box {overflow-y: scroll; height:895px; padding: 57.5px 0;}
.info_step_box {-ms-overflow-style: none; scrollbar-width: none; }
.info_step_box::-webkit-scrollbar {display:none;}
.step_boxsty {position: relative; padding: 37.5px 0;}
/*.step_boxsty::before {content: ''; position: absolute; left: 18px; bottom: -50px; width: 14px; height: 14px; display: block; background: #c3cbcd; border-radius: 100%;}*/
.step_boxsty li {display:inline-block; vertical-align: middle;}
.step_boxsty li:nth-child(1) {height: 50px; width: 50px; background: #0c4f9e; border-radius: 100%; text-align: center; line-height: 18px; color: #fff; font-size:18px; font-weight: 500; padding: 4px 0; position: absolute; transform: translateY(-50%); top: 50%;}
.step_boxsty li:nth-child(1) span {font-size:10px;}
.step_boxsty li:nth-child(2) {font-weight: 500; font-size: 18px; color: #000; margin-left: 70px; position: absolute; transform: translateY(-50%); top: 50%;}
.step_boxsty li:nth-child(3) {width: 60%; float: right; border: 5px solid #9aa7b7; padding: 10px 40px; position: relative;}

.infobox_sty::before {content: ''; border-top: 5px solid #fff; width: 92%; position: absolute; top: -5px; transform: translateX(-50%); left: 50%;}
.infobox_sty::after {content: ''; border-bottom: 5px solid #fff; width: 92%; position: absolute; bottom: -5px; transform: translateX(-50%); left: 50%;}
.red_color {background: #ff403b !important;}
.red_border {border: 5px solid #ff403b !important;}

.step_deco_sty {position: absolute; left: 18px; bottom: -7px; width: 14px; height: 14px; display: block; background: #c3cbcd; border-radius: 100%;}
/* main css */

/* sub css */
.sub_cont {overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 100px;}
.sub_cont02 {overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 70px;}

.bosang_info img {width:100%;}

.stepicon_lay {text-align: center;}
.stepicon_sty {}
.stepicon_sty ul  {display: inline-block; vertical-align: top; text-align: center; width: 120px;}
.stepicon_sty ul > li {width: 60px; height: 60px; background: #e8eef1; border-radius: 100%; box-shadow: 0 5px 7px rgba(0, 0, 0, .1); margin: 10px; text-align: center; margin: 0 auto;}
.stepicon_sty ul > p {font-size: 16px; margin-top: 12px;}
.stepicon_sty ul.on > li {background: #0c4f9e; line-height:60px; color: #fff; font-size: 22px;}
.stepicon_sty ul.on > p {color: #0c4f9e;}

.stepicon_sty ul.nomarl > li {line-height:60px; color: #97a0ad; font-size: 24px;}
.stepicon_sty ul.nomarl > p {color: #7f7f7f;}

.dot_deco {display: inline-block; line-height: 70px;}
.dot_deco span {width: 10px; height: 10px; background: #e8eef1; border-radius: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); margin: 8px; display: inline-block;}
.dot_deco.on span {background: #0c4f9e;}
.padding_lay {padding:0 62px;}

.notice_box {}
.notice_box h2 {font-size:26px; color:#000; font-weight:700; text-align: center; margin: 60px 0 25px 0;}
.box_sty {padding: 38px 50px; background: #f8f8f8; border-radius: 20px; border: 1px solid #d1d1d1; margin-bottom: 30px;}
.box_sty span { font-size: 18px; color: #000; font-weight: 500; display:inline-block; margin-bottom:8px; }
.box_sty span.nred_txt { font-size:16px; font-weight:400; color:#e50000; }
.box_sty span.r_txt { color:#e50000; }
.box_sty .ntit { font-size: 18px; color: #000; font-weight: 500; display:inline-block; margin-right:8px; vertical-align:top; }
.box_sty .ndesk { font-size: 18px; color: #000; font-weight: 400; display:inline-block; }
.input_wrap {}
.input_lay {}
.section_head {margin: 20px 0;}
.section_head li {display:inline-block; vertical-align: top;}
.section_head li:first-child {background: #f5f7fb; width: 75px; height: 75px; border-radius: 15px; border: 1px solid #000; font-size: 30px; text-align: center; line-height: 65px; color: #000;}
.section_head li:last-child {font-size:14px; color:#646464; line-height:26px; padding: 10px 0 0 25px;}
.section_head li:last-child span {font-size:22px; color:#000; font-weight: 500;}
.section_head li span.red_txt { font-size:14px; color:#e50000; }
.section_input01 {border-left: 1px solid #d1d1d1; margin-left: 37px; padding-left: 67px; padding-top: 15px; overflow: hidden;}
.section_input01 li {width: 465px; display: inline-block; margin-bottom: 20px; position:relative;}
.section_input01 li:nth-child(2n) {margin-left: 37px;}
.section_input01 span {color:#7e8590; font-size:14px; display: block;}
.section_input01 input[type="text"] {font-size: 20px; color: #000; border-bottom: 1px solid #e9ebee; padding-bottom: 12px; margin-top: 15px; width: 100%;}
input::placeholder {font-size:15px;}

.input_wrap input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.input_wrap input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.input_wrap input[type="checkbox"] + label:before {content: ''; display: inline-block; width: 22px; height: 22px; line-height: 22px; margin: -3px 8px 0 0; text-align: center; vertical-align: middle; background: #c2cdda; border-radius : 5px;}
.input_wrap input[type="checkbox"]:checked + label:before {content: '\2714'; font-size:12px; color: #fff; background: #0c4f9e;}

.section_input02 {width: 465px; display: inline-block; vertical-align: top;}
.section_input02 li {margin-bottom:20px;}
.section_input02 span {color:#7e8590; font-size:14px; display: block;}
.select_sty01 dd {width:48%;}
.select_sty01 dd:first-child {float:left;}
.select_sty01 dd:last-child {float:right;}
.select_sty01 select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-bottom: 1px solid #e9ebee; padding-bottom: 12px; margin-top: 15px; font-size: 20px;
color: #000;  width:100%; background: url('/skin/basic/images/select_arrow.png'); background-size: 11px; background-repeat: no-repeat; background-position: 100% 40%;}
.section_input02 input[type="text"] {font-size: 20px; color: #000; border-bottom: 1px solid #e9ebee; padding-bottom: 12px; margin-top: 15px; width: 100%;}
.section_input01 label {margin-left:20px;}
.section_input02 label {margin-left:20px;}
.select_sty01 select option {font-size: 13px;}
.input_lay02 {border-left: 1px solid #d1d1d1; margin-left: 37px; padding-left: 67px; padding-top: 20px;}
.input_lay02 .section_input02:last-child {margin-left: 37px;}

.input_lay03 {border-left: 1px solid #d1d1d1; margin-left: 37px; padding-left: 67px; padding-top: 20px;}
.input_lay03 .section_input02:last-child {margin-left: 37px;}

.section_input03 {width: 465px; display: inline-block;}
.section_input03 li {margin-bottom:40px;}
.section_input03 span {color:#7e8590; font-size:14px; display: block; margin-bottom: 15px;}

.input_wrap input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.input_wrap input[type="radio"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.input_wrap input[type="radio"] + label:before {content: ''; display: inline-block; width: 22px; height: 22px; line-height: 22px; margin: -3px 8px 0 0; text-align: center; vertical-align: middle; background: #c2cdda; border-radius : 5px;}
.input_wrap input[type="radio"]:checked + label:before {content: '\2714'; font-size:12px; color: #fff; background: #0c4f9e;}

.etc_type01 label:last-child {margin-left:50px;}
.section_input03 label {font-size: 20px; color: #000;}

.section_input04 {width: 465px;}
#disabled01 {overflow: hidden;}
#disabled01 .section_input04:first-child {float:left;}
#disabled01 .section_input04:last-child {float:right;}
.section_input04 li {margin-bottom: 15px;}
.section_input04 span {color:#7e8590; font-size:14px; display: block; margin-bottom: 15px;}
.etc_type02 label {width:32%; margin-bottom: 10px;}
.section_input04 label {font-size: 20px; color: #000;}
.section_input04 input[type="text"] {font-size: 20px; color: #000; border-bottom: 1px solid #e9ebee; padding-bottom: 12px; width: 100%;}

.section_head2 {position: relative; top: -17px; line-height: 54px; padding-top: 70px;}
.section_head2::before {content: ''; border-right: 1px solid #d1d1d1; height: 150px; position: absolute; top: -63px; left: 37px;}
.section_head2 li {display:inline-block;}
.section_head2 li:nth-child(1) {width: 19px; height: 19px; border: 1px solid #000; border-radius: 100%; margin-left: 28px;}
.section_head2 li:nth-child(2) {font-size: 22px; color: #000; margin-left: 53px; font-style: italic;}
.btn_lay {float: right;}
.btn_lay a {display: inline-block; height: 54px; background: #c2cdda; line-height: 52px; padding: 0 30px; border-radius: 10px; margin-left: 5px; color: #fff; text-align: center;}
.blue_btn {background: #0c4f9e !important;}
.red_btn {background: #9e0c4f !important;}
.next_btn {width: 180px;}

.file_btn {display: inline-block; height: 45px; background: #c2cdda; line-height: 45px; padding: 0 30px; border-radius: 10px; margin-left: 5px; color: #fff; text-align: center;}
.file_color {color: #1e1c1a; background: #e8e8e8;}

.etc_infotext {letter-spacing: -0.5px !important; font-size: 13px !important; margin-top: 10px !important; color: #2755ac !important;}
.upload_page {margin-top:80px;}

.example_img {width: 18px; height: 18px; background: #8596b0; border-radius: 100%; display: inline-block !important; vertical-align: middle; margin-left: 6px; text-align: center; /* position: relative;*/}
.example_img i {font-size: 9px; color: #fff; line-height: 18px;}
.exbox {position: absolute; /*transform: translate(-50%); left: 50%;*/ left: 0; top: 30px; z-index: 999; width: 215px; height: auto; background: #fff; border: 2px solid #8296ae; border-radius: 10px; overflow: hidden; display:none;}
.exbox img {width:100%;}
.active {display:block !important;}

.input_wrap input[type="file"] {border: 1px solid #e3e3e3; width: 100%; border-radius: 7px; padding: 10px 7px; margin-top: 15px;}
.example_img:hover::before {content: ''; width: 100%; position: absolute; top: -15px; height: 47px; left: 0;}

.upload_lay label {margin: 20px 0 0 !important; color: #000;}
.upload_lay label > span {display:inline-block; color: #2755ac !important; font-size: 13px !important;}
.upload_lay li {vertical-align: top; margin-bottom:40px;}
.completion_lay {width: 582px; border: 1px solid #d1d1d1; margin: 0 auto; position: relative; overflow: hidden; margin-top: 100px;}
.comple_box {padding: 60px 55px; text-align: center;}
.comple_box h2 > i {font-size: 74px; background: linear-gradient(90deg, rgba(40, 161, 246, 1), rgba(36, 125, 223, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 5px; margin-bottom: 30px;}
.comple_text {border-bottom: 1px solid #d1d1d1; padding-bottom:30px;}
.comple_text li:nth-child(1) span {font-size: 26px; color: #000; position: relative;}
.comple_text li:nth-child(1) span::before {content: ''; background: #aed6fd; height: 10px; position: absolute; width: 100%; bottom: 5px; left: 0; z-index: -9;}
.comple_text li:nth-child(1) span > span {color: #0c4f9e; font-weight:700; }
.comple_text li:nth-child(2) {margin-top:15px; font-size:16px; color:#000; line-height:20px;}
.comple_text li:nth-child(2) span {color: #0c4f9e;}
.home_btn {width: 215px; height: 54px; background: #0c4f9e; display: block; margin: 0 auto; line-height: 50px; color: #fff; font-size: 20px; border-radius: 10px; margin-top: 30px;}
.comple_text p {background: #f5f4f4; margin-top: 20px; padding: 30px; font-size: 18px; border-radius: 15px;}
.comple_text p > span {color: #0c4f9e;}


.total_info {font-size:15px; color:#6b6b6b;}
.total_info span {font-weight:700; color:#0c4f9e;}
.total_info i {color:#000;}

.mylist_lay {margin-top: 15px; overflow: hidden;}
.mylist_table {width:100%;}
.mylist_table thead {border-top: 1px solid #d1d1d1; border-bottom: 1px solid #000;}
.mylist_table thead > tr > th {font-size:15px; color:#000; padding: 12px 0; font-weight: 500;}
.mylist_table tbody > tr > td {font-size:16px; color:#000; padding: 15px 0; text-align:center; border-bottom: 1px solid #e8e8e8;}
.mylist_table tbody > tr:hover {background: #f4f9ff;}

.btn_green a {color:#0c7a43; background: #f1fef7;}
.btn_gray a {color:#6b6b6b; background: #f9f9f9;}
.btn_violet a {color:#413b6b; background: #f5f5ff;}
.btn_red a {color:#ff0404; background: #ffe3e3;}
.btn_blue a {color:#000f83; background: #dcf2ff;}
.result_btn a {width: 114px; height: 35px; display: block; margin: 0 auto; line-height: 32px; border-radius: 9px;}
.paging_lay {text-align: center; margin: 0 auto; margin-top: 40px;}

.view_subject {font-size: 26px; font-weight: 700; color: #000; text-align: center;}
.summary_box {margin: 30px 0 60px 0;}
.summary_info {}
.summary_info li {display: inline-block; width: 32%; line-height: 40px; font-weight: 500; font-size: 18px; color: #000;}
.summary_info li.sepcial {color: #f00;}

.etc_infobox {background: #fff; border: 1px solid #d1d1d1; padding: 15px; font-size: 14px; border-radius: 10px;}
.cation_info {}
.cation_lay {font-size: 15px; font-weight: 700; color: #000; margin: 25px 0 15px 0;}
.cation_lay i {width: 20px; height: 20px; background: #6d8899; border-radius: 100%; text-align: center; line-height: 20px; color: #fff; font-size: 10px; vertical-align: bottom; margin-right:7px;}


.check_licence .box_sty {width:500px; margin:0 auto; padding:0; border-radius: 10px; background: #fff;}
.check_licence .box_sty img {display: inline-block; width: 200px; vertical-align: middle; padding: 10px 0;}
.check_licence .box_sty span {display: inline-block; width: 130px; vertical-align: middle; background: #d9dee8; padding: 8px; border-radius: 5px; color: #000;}
.mfds_btn {color: #000299; text-decoration: underline !important;}
.check_licence p > i {width: 25px; height: 25px; background: #9faaca; border-radius: 100%; vertical-align: text-top; color: #fff; line-height: 25px;}


.my_page_info p {margin-top: 20px; font-size: 16px;}
.my_page_info p > span {font-size: 24px; font-weight: 700; color: #000; display: block; margin-top: 30px;}

.no_scription {padding: 50px 0 !important;}
/* sub css */


/* modal css */
.modal {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; z-index: 9999;} 
.modal-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; width: 600px; height: 70%; border-radius: 15px; overflow: hidden;} 
.close-button {position: absolute; top: 35px; right: 39px; font-size: 40px; color: #000; z-index: 9999;} 
.event_cont_lay {padding: 40px; position: relative; line-height: 22px; height: 100%; overflow-y: scroll; display: block;}
.event_cont_lay {-ms-overflow-style: none; scrollbar-width: none; }
.event_cont_lay::-webkit-scrollbar {display:none;}
.show-modal {opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;} 
.modal_btn {text-align: center;}
.modal_btn > a {display: inline-block; height: 54px; background: #c2cdda; line-height: 52px; padding: 0 30px; border-radius: 10px; margin-left: 5px; color: #fff; text-align: center;}

.modal .notice_box h2 {margin: 30px 0 45px 0;}

.indem_lay {position: relative; top: -20px; text-align: center;}

.main_notice {}
.main_notice_tit {border-bottom: 2px solid #9aa7b7; padding-bottom: 15px;}
.main_notice_tit h2 {font-size: 18px; font-weight: 700; color: #000;}
.main_notice_tit p {font-size: 15px; color: #4d4d4d; line-height:20px; margin-top:15px;}
.situation_text {font-size: 18px; color: #000; line-height: 28px; margin-top:50px; border-bottom: 1px solid #e9e9e9; padding-bottom: 50px;}
.name_point {font-weight:700; position:relative;}
.name_point::before {content: ''; background: #aed6fd; height: 10px; position: absolute; width: 100%; bottom: 0; left: 0; z-index: -9;}
.main_popbtn {text-align: right; margin: 20px 0;}
.main_popbtn a {width: 142px; height: 52px; display: inline-block; margin: 0 auto; line-height: 48px; border-radius: 15px; text-align: center; color: #fff; font-size:16px; margin-left: 5px;}
/*.main_poplay {height:auto !important;}*/
.main_popbtn .btn_green {background: #49bf7f;}
.main_popbtn .btn_gray {background: #e9e8ef; color:#000 !important; width:86px !important;}
.main_popbtn .btn_violet {background: #6253cc;}
.main_popbtn .btn_red {background: #f33939;}
.main_popbtn .btn_blue {background: #358abd;}
.main_popbtn .btn_black {background: #303030; color:#fff !important;}

/* modal css */



/* sub_visual css */
.sub_visual {background-repeat: no-repeat; background-position: top center; height:205px; line-height: 205px; text-align: center;}
.sub_visual p {font-size: 40px; font-weight: 700; color: #fff;}
.subvisual_lay01 {background-image: url('/skin/basic/images/sub_visual01.jpg');}
.subvisual_lay02 {background-image: url('/skin/basic/images/sub_visual02.jpg');}
.subvisual_lay03 {background-image: url('/skin/basic/images/sub_visual03.jpg');}
.sub_menu_sty {height: 80px; width: 100%; background: #ecf1f7; border-bottom:1px solid #d2d5dc;}
.sub_menu_sty ul {width: 1200px; margin: 0 auto;}
.sub_menu_sty ul > li {width: 50%; float: left; text-align: center; line-height: 70px; height: 80px; border-right:1px solid #d2d5dc; display:flex; align-items:center; justify-content:center; }
.sub_menu_grid3 ul > li {width: 33.3%; float: left; text-align: center; line-height: 70px; height: 80px; border-right:1px solid #d2d5dc;}
.sub_menu_sty ul > li:last-child {border-right:0;}
.sub_menu_sty ul > li.on {border-bottom: 3px solid #0e509e;}
.sub_menu_sty ul > li.on a {color: #0e509e;}
.sub_menu_sty ul > li > a {font-size:18px; font-weight: 500; color: #000; display: block; letter-spacing:-0.5px; }
.wave_step  ul > li {width: 33.3% !important;}
/* sub_visual css */

/* 날짜 입력 달력 */

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1; font-size: 11px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }




/* 모바일 햄버거 메뉴 */
#mheader { display:none; position:absolute; top:0; width:100%; z-index:99; }
#mheader .mheader_inner { align-items:center; height: 70px;  display: flex; justify-content: space-between; padding: 0 20px; }
#mheader .logo { display: block; font-size: 2rem; color: #333; font-weight: 700; text-transform: uppercase; }
#mheader .logo svg { width:200px; }
#mheader .mBtn { position:absolute; top:27.5px; right:15px; text-align:right; width:25px; height:25px; background-repeat:no-repeat; background-size:100%; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E"); }
#mheader .mBtn a { display: block; text-indent: -9999px; width: 24px; height: 24px; margin-top: 20px; }
#mheader .mBtn i { font-size:28px; color:#465464; }
.closeBtn { width:25px; height:25px; background-repeat:no-repeat; background-size:100%; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'%3E%3C/path%3E%3C/svg%3E"); }
#mheader .mNav { z-index: 9999; position: fixed; background-color: #fff; top: 0; right: -100%; width: 80%; height: 100%; transition: all 0.3s ease; }
#mheader .mNav.on { right: 0; }
#mheader .mNav .mNav_logo { background:#D62277; padding:25px 20px; align-items:center; justify-content:space-between; display:flex; }
#mheader .mNav .mNav_logo img { width:62.5px; }
#mheader .mNav .closeBtn i { font-size:20px; color:#fff; }
#mheader .bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; }
#mheader .sub { position: relative;}
#mheader .sub li a { display: block; font-size: 15px; color: #333; }
#mheader .sub .log { padding:15px 0; box-sizing:border-box; border-bottom:1px solid #e8e8e8; }
#mheader .sub .log li { float:left; width:50%; text-align:center; color:#222; }
#mheader .sub .log li:first-child { border-right:1px solid #e8e8e8; }
#maccordian li{ list-style:none; }
#maccordian li >h1{ position:relative; cursor:pointer; font-size:18px; font-weight:500; padding:20px 20px; border-bottom:1px solid #eee; color:#222; }
#maccordian li > ul{ font-size:0; padding:20px 0; margin-top:0; float:none; border-bottom:1px solid #eee; background:#f7f7f7; }
#maccordian li > ul >li{ text-align:center; width:50%;  }
#maccordian li > ul >li:first-child { border-right:1px solid #ddd; }
#maccordian li > ul >li>a { font-weight:400; }
#maccordian li > .m_quick {padding:0;background:#fff; border-bottom:none; padding-top:10px; }
#maccordian li > .m_quick > li{width:100%;padding:10px 10px 10px 50px;}
#maccordian li > .m_quick > li:nth-child(1){border-right:none;background:url("/skin/basic/images/quick_icon1.png") no-repeat center left 15px; background-size:25px; }
#maccordian li > .m_quick > li:nth-child(2){border-right:none;background:url("/skin/basic/images/quick_icon2.png") no-repeat center left 15px; background-size:25px; }
#maccordian li > .m_quick > li:nth-child(3){background:url("/skin/basic/images/m_quick_icon2.png") no-repeat center left 15px}
#maccordian li > .m_quick > li:nth-child(4){background:url("/skin/basic/images/m_quick_icon3.png") no-repeat center left 15px}
#maccordian li > .m_quick > li > a{font-size: 14px;text-align:left;}

.textarea_pass textarea {background: #f0f0f0; border: 1px solid #ddd; width: 100%; height: 120px; margin-top: 10px; border-radius: 10px; padding:10px;}