@import url('jquery-ui.css');

/* common */
.skip a{overflow:hidden;display:block;position:absolute;top:0;left:0;width:1px;height:1px;background:#000;color:#fff;text-align:center}
.skip a:focus,.skip a:active{position:relative;width:100%;height:auto;padding:10px}

#accessibility a{overflow:hidden;display:block;position:absolute;top:0;left:0;width:1px;height:1px;background:#000;color:#fff;text-align:center}
#accessibility a:focus,.skip a:active{position:relative;width:100%;height:auto;padding:10px}

.ui_wrap{margin:0 auto; padding:50px 20px; max-width:1200px;}
.ui_wrap h1{margin-bottom:10px; font-size:20px; font-weight:500;}
.ui_box{margin-bottom:30px; }
.pc_only{display:block;}
.mo_only{display:none;}

.d-flex{display:flex; align-items: center;}
.ml-auto{margin-left:auto !important;}
.align-center{align-items: center;}

.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}

.mt-5{margin-top:5px; }
.mt-30{margin-top:30px; }
.ml-5{margin-left:5px; }
.ml-10{margin-left:10px; }
.ml-15{margin-left:15px; }
.ml-20{margin-left:20px; }
.mr-5{margin-right:5px; }
.mr-10{margin-right:10px; }
.mb-0{margin-bottom:0 !important;}
.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-14{margin-bottom:14px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-23{margin-bottom:23px;}
.mb-26{margin-bottom:26px !important;}
.mb-30{margin-bottom:30px !important;}

.pt-0{padding-top: 0 !important;}
.pb-30{padding-bottom: 30px !important;}


.txt_r{text-align:right;}

/* header */
.headerArea{position:relative; padding-bottom:2px; }
.headerArea:before{position:absolute; left:0; bottom:0; width:100%; height:2px; background: linear-gradient(90deg, #109D89 0%, #1686F0 100%); display:block; content:"";}
.header_inner:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.header_inner{margin:0 auto; padding:0 14px;  max-width:1200px; }
.headerArea .logo{float:left; padding:25px 0 22px; }
.headerArea .logo a{display:block; width:289px; height:35px; background:url(../images/common/logo.png) no-repeat center center; text-indent:-9999px;}
.headerArea .login_info{float:right; padding:20px 0 24px; display:flex; align-items: center;}
.headerArea .login_info .bar{position:relative; padding:0 0 0 14px; margin-left:14px; display:inline-block; }
.headerArea .login_info .bar:before{position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; background-color:#e1e1e1; display:block; content:"";}
.headerArea .login_info .user_name{margin-right:10px; display:inline-block; font-size:14px; color:#5a5d5a;}
.headerArea .login_info .user_name strong{font-weight:500; color:#6a6a6a;}
.headerArea .login_info .btn_mypage{margin-left:10px; padding:0 15px; height:37px; line-height:35px; border:1px solid #eb6e50; border-radius:5px;}
.headerArea .login_info .btn_mypage span{padding-left:18px; background:url(../images/common/icon_pc_mypg.png) no-repeat 0 center; display:inline-block; font-size:14px; color:#eb6e50;}
.headerArea .login_info .btn_logout{margin-left:10px; padding:0 15px; height:37px; line-height:35px; background-color:#bbb; font-size:14px; color:#fff; display:inline-block;  border-radius:5px;}
.headerArea .login_info .btn_logout span{padding-left:20px; display:inline-block; background:url(../images/common/logout_icon.svg) no-repeat 0 center;}
.headerArea .login_info .btn_infoModify{padding:0 15px; border:1px solid #666; border-radius:3px;}
.headerArea .login_info .btn_infoModify span{padding-left:18px; display:inline-block; height:35px; line-height:35px; background:url(../images/sub/infoModify_icon.svg) no-repeat 0 center; }
.headerArea .login_info .btn_link_go{position:relative; margin-left:25px; padding:0 35px 0 20px; display:inline-block; background-color:#002e6e; border-radius:20px; line-height:26px; font-size:14px; color:#fff; font-weight:500;}
.headerArea .login_info .btn_link_go:before{position:absolute; right:18px; top:50%; margin-top:-6px; width:10px; height:12px; background:url(../images/common/link_arrow.svg) no-repeat center center; display:block; content:""; }
.mobile_menu_open{display:none;}
.mobile_menu{display:none;}
.top_alarm{padding-left:20px; margin-right:20px; min-height:18px; line-height:18px; background:url(../images/alarm_icon.svg) no-repeat 0 center; font-size:14px; color:#666;}
.top_alarm strong{color:#ff0000; font-weight:600; }
.inner-ctr{max-width:1200px; width:100%; }
.gnb-box{background-image:none; background: rgb(71,155,133); background: linear-gradient(90deg, rgba(71,155,133,1) 0%, rgba(59,134,233,1) 100%); }

/* visual */
.visual_wrap{background-color:#f2f4f7; min-width:1024px;}
.visual_area{margin:0 auto; padding:0 14px; max-width:1228px; width:100%; height:133px; display:table; box-sizing:border-box;}
.visual_txt{display:table-cell; vertical-align: middle;}
.visual_txt h1{margin-bottom:7px; font-size:18px; color:#002e6e; font-weight:600;}
.visual_txt h1 strong{font-size:1.333em; color:#000; font-weight:600;}
.visual_txt p{font-size:15px; color:#737674;}

/* lnb */
.lnb_area{float:left; padding:40px 0; width:18.33%; color:#000;}
.lnb_area .title{position:relative; padding:12px 0 23px; display:block; font-size:1.875em; font-weight:400; background:url(../images/common/lnb_bg.svg) no-repeat right 0;}
.lnb_area .title:before{position:absolute; left:0; top:0; width:24px; height:3px; background-color:#284885; display:block; content:"";}
.lnb_list{border-top:1px solid #000;}
.lnb_list>ul>li{border-bottom:1px solid #d7d7d7;}
.lnb_list>ul>li>a{position:relative; padding:0 20px 0 10px; width:100vw; height:54px; display:table-cell; vertical-align: middle; color:#555;}
.lnb_list>ul>li>a:before{position:absolute; right:10px; top:50%; margin-top:-5px; width:6px; height:10px; background:url(../images/common/lnb_arrow.svg) no-repeat center center; display:block; content:"";}
.lnb_list>ul>li.lnb_open>a{background-color:#284885; color:#fff;}
.lnb_list>ul>li.lnb_open>a:before{background:url(../images/common/lnb_arrow_on.svg) no-repeat center center;}
.lnb_list>ul>li.lnb_open .s_lnb{display:block;}
.s_lnb{display:none;}
.s_lnb>ul>li>a{position:relative; padding:0 10px 0 20px; width:100vw; height:54px; display:table-cell; vertical-align:middle; background-color:#f5f5f5; border-top:1px solid #d7d7d7; color:#888;}
.s_lnb>ul>li>a:before{position:absolute; left:10px; top:50%; width:5px; height:2px; background-color:#888; display:block; content:"";}
.s_lnb>ul>li.s_lnb_on>a{color:#000;}
.s_lnb>ul>li.s_lnb_on>a:before{background-color:#000;}

/*layout*/
.container:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.container{margin:0 auto; padding:0 14px; max-width:1228px; min-height:calc(100vh - 388px); min-width:1024px;}
#container.content{float:right; width:77.5%; padding:50px 0 100px; }
.top_title_area{margin-bottom:19px; padding-bottom:20px; display:flex; align-items: end; border-bottom:1px solid #d7d7d7;}
.top_title_area h2{font-size:2.125em; font-weight:400; color:#000;}
.top_title_area .navi{margin-left:auto; }
.top_title_area .navi ul li{position:relative; float:left; padding:0 7px 0 15px; font-size:15px; color:#666;}
.top_title_area .navi ul li:before{position:absolute; left:0; top:50%; display:block; content:">";  transform: translate(0, -50%);}
.top_title_area .navi ul li:last-child{color:#000;}
.top_title_area .navi ul li:first-child{padding-left:0;}
.top_title_area .navi ul li:first-child:before{display:none;}
.mobile_navi{display:none; min-width:1024px;}

.info_box{position:relative; margin-bottom:30px; padding:24px 40px 24px 130px; background:url(../images/info_box.png) no-repeat 30px 25px; border:6px solid #dce8f2;}
.info_box .inner{position:relative; z-index:2;}
.info_box h3{margin-bottom:5px; font-size:18px;}
.info_box ul li{position:relative; padding-left:20px; font-size:15px; line-height:1.8; color:#666;}
.info_box ul li:before{position:absolute; left:5px; top:10px; width:4px; height:4px; background-color:#666; display:block; content:""; border-radius:50%;}

/* title */
.titleType_1{position:relative; margin-bottom:14px; padding-left:12px; background:url(../images/sub/bg_tit.gif) no-repeat 0 center; font-size:20px; font-weight:600; color:#000;}
.titleType_2{position:relative; margin-bottom:2px; padding:7px 16px; background-color:#dfdfdf; font-size:18px; font-weight:600;}
.titleType_3{position:relative; margin-bottom:20px; padding:17px 15px; background-color:#eef5fd; text-align:center; font-size:18px; font-weight:600; color:#284885;}
.titleType_3>*{font-size:18px; font-weight:600; color:#284885;}

/* footer */
.footer{background-color:#393939; font-size:14px;}
.footer_menu{position:relative; border-bottom:1px solid #515151; min-width:1024px;}
.footer_menu ul{margin:0 auto; max-width:1200px; padding:0 14px; height:52px; display:flex; align-items: center;}
.footer_menu ul li{position:relative; padding:0 10px; }
.footer_menu ul li:before{position:absolute; left:0; top:50%; margin-top:-4px; width:1px; height:12px; background:rgba(255,255,255,.2); display:block; content:"";}
.footer_menu ul li a{ color:#fff; font-size:inherit;}
.footer_menu ul li a strong{color:#1686f0; font-weight:300;}
.footer_menu ul li:first-child:before{display:none;}
.footer_menu ul li:first-child{padding-left:0;}
.footer_inner{padding:20px; margin:0 auto; max-width:1200px; color:#bbb; min-width:1024px;}
.footer_inner:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.footer .footer_mark{float:right; width:183px; height:78px; background:url(../images/common/img_footer_logo.png) no-repeat center center; display:block; text-indent:-9999px;}
.footer .footer_info{display:flex;}
.footer .footer_info .tel{margin-left:20px; }

/* btn */
.basic-btn01{padding:0 22px; height:46px; line-height:46px; border-radius:3px; display:inline-block; vertical-align: top; font-size:15px; font-weight:200;}
.basic-btn02{padding:0 22px; height:34px; line-height:34px; border-radius:3px; display:inline-block; vertical-align: top; font-size:15px; font-weight:200;}
.basic-btn03{padding:0 15px; height:42px; line-height:40px; border-radius:3px; display:inline-block; vertical-align: top; font-size:15px; font-weight:200;}
.basic-btn04{padding:0 20px; height:34px; line-height:34px; border-radius:3px; display:inline-block; vertical-align: top; font-size:15px; font-weight:200;}
.basic-btn05{padding:0 20px; height:27px; line-height:27px; border-radius:3px; display:inline-block; vertical-align: top; font-size:15px; font-weight:200;}
.basic-btn06{padding:0 28px; height:42px; line-height:42px; border-radius:3px; display:inline-block; vertical-align: top; font-size:15px; font-weight:400;}
.basic-btn01.disabled{background-color:#D1D1D1; color:#fff; cursor:default;}
.basic-btn01:disabled{background-color:#D1D1D1; color:#fff; cursor:default;}
.btn-blue-bg{background-color:#1686F0; color:#fff; border:none;}
.btn-orange-bg{background-color:#eb6e50; color:#fff; border:none;}
.btn-navy-bg{background-color:#284885; color:#fff; border:none;}
.btn-green-bg{background-color:#109e84; color:#fff; border:none;}
.btn-gray-bg{background-color:#666; color:#fff; border:none;}
.btn-disabled-bg{background-color:#666; color: #fff; pointer-events: none;  text-decoration: none; cursor: default;}
.btn-lightgray-bg{background-color:#999; color:#fff; border:none;}
.btn-lightgray-bg2{background-color:#d1d1d1; color:#fff; border:none;}
.btn-gray-bd{border:1px solid #58636e; color:#6f6f6f; box-sizing:border-box;}
.file_upload{position:relative; overflow:hidden; display:inline-block; }
.file_upload input[type=file]{position:absolute; left:-50px; top:0; width:40px; }
.file_upload .btn-file{padding:0 22px; height:34px; line-height:34px; background-color:#109e84; color:#fff; font-size:15px; display:inline-block; border-radius:3px; cursor:pointer;}
.btn-search2{width:42px; height:42px; background:url(../images/search_icon.svg) no-repeat center center #666; text-indent:-9999px; border-radius:3px; display:inline-block; vertical-align:top;}
.btn_prev_arrow{padding-left:11px; background:url(../images/sub/btn_prev_arrow.svg) no-repeat 0 center;}
.btn_next_arrow{padding-right:11px; background:url(../images/sub/btn_next_arrow.svg) no-repeat right center;}

/* font */
.c-sky{color:#00a3ff !important;}
.c-blue{color:#1686f0 !important;}
.c-navy{color:#284885;}
.c-green{color:#2fb500 !important;}
.c-orange{color:#eb6e50 !important;}
.c-red{color:#ff0000 !important;}
.underline{text-decoration: underline;}
.f-bold{font-weight:600;}
.f-bold4{font-weight:400;}
.f-15{font-size:15px;}
.required{overflow:hidden; color:#ff0000; font-weight:300; display:inline-block; vertical-align: middle;}
.required span{text-indent:-9999px; display:inline-block; width:0px; height:0px; overflow:hidden;}

/* txt */
.txtType_1{margin-bottom:10px; padding:17px 10px; text-align:center; border:1px solid #d7d7d7; font-size:18px; color:#eb6e50; font-weight:600; }

/* custom_radio */
.custom_radio{position:relative; padding-left:30px; display:inline-block; overflow:hidden;}
.custom_radio input[type=radio]{position:absolute; left:-20px; top:0; }
.custom_radio label{min-height:20px;}
.custom_radio label:before{position:absolute; left:0; top:2px; width:20px; height:20px; display:block; background:url(../images/sub/bt_radio_off.svg) no-repeat center center; content:"";}
.custom_radio input[type=radio]:checked+label:before{background:url(../images/sub/bt_radio_on.svg) no-repeat center center;}

/* custom_checkbox */
.custom_checkbox{position:relative; padding-left:30px; display:inline-block; overflow:hidden;}
.custom_checkbox input[type=checkbox]{position:absolute; left:-20px; top:0; }
.custom_checkbox label{min-height:20px;}
.custom_checkbox label:before{position:absolute; left:0; top:2px; width:20px; height:20px; display:block; background:url(../images/sub/bt_check_off.svg) no-repeat center center; content:"";}
.custom_checkbox input[type=checkbox]:checked+label:before{background:url(../images/sub/bt_check_on.svg) no-repeat center center;}
.custom_checkbox.text-none{padding-left:20px;}
.custom_checkbox.text-none label{text-indent:-9999px; display:block;}
.custom_checkbox.text-none label:before{top:0;}

.custom_checkbox2{position:relative; padding-left:30px; display:inline-block; overflow:hidden;}
.custom_checkbox2 input[type=checkbox]{position:absolute; left:-20px; top:0; }
.custom_checkbox2 label{min-height:20px;}
.custom_checkbox2 label:before{position:absolute; left:0; top:2px; width:20px; height:20px; display:block; background:url(../images/sub/bt_check_off.svg) no-repeat center center; content:""; background: #C8C8C8;}
.custom_checkbox2 input[type=checkbox]:checked+label:before{background:url(../images/sub/bt_check_on.svg) no-repeat center center;}
.custom_checkbox2.text-none{padding-left:20px;}
.custom_checkbox2.text-none label{text-indent:-9999px; display:block;}
.custom_checkbox2.text-none label:before{top:0;}

/* custom_file */
.custom_file{position:relative; padding-right:113px;}
.custom_file input[type=file]{width:100%; height:42px; line-height:40px; border:1px solid #d7d7d7;}
.custom_file label{position:absolute; right:0; top:0; width:103px; height:42px; line-height:42px; background-color:#999; color:#fff; font-size:15px; border-radius:3px; text-align:center; cursor:pointer;}

/* table */
.tableType_1 {margin-bottom:20px; }
.tableType_1 thead th{padding:15px 0px; text-align:center; background-color:#f5f5f5; border-left:1px solid #d7d7d7; border-top:2px solid #666; font-weight:500;  box-sizing:border-box; font-size:15px}
.tableType_1 thead th:first-child{border-left:none;}
.tableType_1 tbody td{padding:8px 0px; text-align:center; border:1px solid #d7d7d7; border-right:none; height:36px; color:#666; box-sizing:border-box; font-size:15px}
.tableType_1 tbody td:first-child{border-left:none;}
.tableType_1 .receptionist_info ul{display:inline-block; }
.tableType_1 .receptionist_info ul li{position:relative; padding-left:75px; font-size:13px; color:#666; font-weight:400; text-align:center;}
.tableType_1 .receptionist_info ul li strong{font-weight:500; display:block; text-align:left; }
.tableType_1 .receptionist_info ul li span{position:absolute; left:0; top:0; width:65px; text-align:right; }
.tableType_1 .photoWrap{display:flex; align-items: center; justify-content: center;}
.tableType_1 .photoArea img{max-width:70px;}
.tableType_1 .photoWrap .btn{margin-left:25px}

.tableType_2{border-top:2px solid #666;}
.tableType_2 th{padding:15px 10px 15px 10px; background-color:#f5f5f5; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; vertical-align:top; font-weight:300; font-size:15px; text-align:left; color:#000; word-break: break-all;}
.tableType_2 td{padding:5px 10px; height:52px; border-bottom:1px solid #d7d7d7; box-sizing:border-box; font-size:15px; color:#666; word-break: break-all;}
.tableType_2 td select,
.tableType_2 td input[type=password],
.tableType_2 td input[type=text]{width:100%; max-width:260px;}
.tableType_2 th.border_left{border-left:1px solid #d7d7d7;}
.tableType_2 td.border_left{border-left:1px solid #d7d7d7;}
.tableType_2 td .item_2{display:flex; align-items: center;}
.tableType_2 td .item_2 input[type=text]{width:44%;}
.tableType_2 td .item_2 span{display:inline-block; width:20px; text-align:center;}
.tableType_2 td.border-left{border-left:1px solid #d7d7d7;}
.tableType_2 td.border_btm_none{padding-bottom:0; border-bottom:none;}
.tableType_2 td .adress_form_1{display:flex;}
.tableType_2 td .adress_form_1 input[type=text]{width:80%; max-width:80%;}
.tableType_2 td .adress_form_1 input[type=text].post{margin-right:2%; width:18%; }
.tableType_2 td .adress_form_2{position:relative; padding-right:120px}
.tableType_2 td .adress_form_2 input[type=text]{max-width:100%;}
.tableType_2 td .adress_form_2 .basic-btn03{position:absolute; right:0; top:0;  width:110px;}
.tableType_2 td .telType{display:flex; max-width:400px; align-items: center;}
.tableType_2 td .telType select{width:30%;}
.tableType_2 td .telType input[type=text]{margin-left:2%; width:33%;}
.tableType_2 td .emailType{display:flex; align-items: center;}
.tableType_2 td .emailType input[type=text]{width:28%;}
.tableType_2 td .emailType select{margin-left:1%; width:36%;}
.tableType_2 td .emailType span{width:7%; display:inline-block; text-align:center;}
.tableType_2 td input[type=text].w100p{max-width:100%;}
.tableType_2 td select.w100p{max-width:100%;}
.tableType_2.border th{border:1px solid #ddd;}
.tableType_2.border td{border:1px solid #ddd;}
.tableType_2 .sing_img_area{padding:30px 0;}
.essential{margin-left:2px; width:6px; height:6px; display:inline-block; text-indent:-9999px; background:url(../images/icon_essential.gif) no-repeat center center; }
.info_txt{padding-top:6px; font-size:15px; color:#666;}
.info_txt strong{font-weight:400; color:#666;}
.info_txt ul li{position:relative; padding-left:10px; font-size:15px; font-weight:400; line-height:1.46; color:#666; font-weight:300;}
.info_txt ul li:before{position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background-color:#666; display:block; content:"";}

.tableType_3{border-top:2px solid #0387ca; overflow-x:auto;}
.tableType_3 thead th{padding:10px 5px; border:1px solid #eee; background-color:#edf7ff; text-align:center; font-size:15px; white-space:nowrap;}
.tableType_3 tbody td{padding:10px 5px; text-align:center; border:1px solid #eee; white-space:nowrap; font-size:15px; color:#666;}
.tableType_3 thead th .sorting{text-align:center; height:12px;}
.tableType_3 thead th .sorting .ascending_order{width:12px; height:12px; background:url(../images/sorting_arrow.svg) no-repeat center center; background-size:100%; display:inline-block; text-indent:-9999px; transform: rotate( -180deg ); overflow:hidden;}
.tableType_3 thead th .sorting .descending_order{width:12px; height:12px; background:url(../images/sorting_arrow.svg) no-repeat center center; background-size:100%; display:inline-block; text-indent:-9999px; overflow:hidden;}

.tableType_4{}
.tableType_4 thead th{border: 1px solid #d7d7d7; padding:5px 0px; background-color: #f5f5f5; text-align: center; font-weight: 500; font-size: 15px; color: #666;}
.tableType_4 tbody td{border: 1px solid #d7d7d7; padding:3px 0px; text-align: center; color: #666;}

.tableType_5 {max-height:700px; overflow: auto;}
.tableType_5 thead tr:first-child th{border-top:2px solid #666;}
.tableType_5 thead tr:first-child th:first-child{border-left:none;}
.tableType_5 thead th{padding:15px 0px; text-align:center; background-color:#f5f5f5; border-left:1px solid #d7d7d7;  border-top:1px solid #d7d7d7; font-weight:500;  box-sizing:border-box; font-size:15px}
.tableType_5 tbody td:first-child{border-left:none;}
.tableType_5 tbody td{padding:8px 0px; text-align:center; border:1px solid #d7d7d7; border-right:none; height:36px; color:#666; box-sizing:border-box; font-size:15px}

/* paging */
.page_list{text-align:center;}
.page_list ul{display:inline-block; vertical-align: top;}
.page_list ul li{display:inline-block; }
.page_list ul li a{width:27px; height:27px; line-height:27px; display:inline-block; font-weight:400; color:#666; vertical-align:top;}
.page_list ul li.active strong{width:27px; height:27px; line-height:27px; display:inline-block; color:#1686f0; font-weight:400; vertical-align:top;}
.page_list .page_first{width:27px; height:27px; background:url(../images/sub/icon_prev1.png) no-repeat center center; text-indent:-9999px; display:inline-block; vertical-align: top;}
.page_list .page_prev{width:27px; height:27px; background:url(../images/sub/icon_prev2.png) no-repeat center center; text-indent:-9999px; display:inline-block; vertical-align: top;}
.page_list .page_last{width:27px; height:27px; background:url(../images/sub/icon_next1.png) no-repeat center center; text-indent:-9999px; display:inline-block; vertical-align: top;}
.page_list .page_next{width:27px; height:27px; background:url(../images/sub/icon_next2.png) no-repeat center center; text-indent:-9999px; display:inline-block; vertical-align: top;}

.paging{margin-top:10px;text-align:center}
.paging>*{display:inline-block;width:25px;height:25px;vertical-align:top;line-height:25px}
.paging .prev1{background:url(../images/sub/icon_prev1.png) no-repeat center center; text-indent:-9999px;}
.paging .prev2{background:url(../images/sub/icon_prev2.png) no-repeat center center; text-indent:-9999px;}
.paging .next1{background:url(../images/sub/icon_next1.png) no-repeat center center; text-indent:-9999px;}
.paging .next2{background:url(../images/sub/icon_next2.png) no-repeat center center; text-indent:-9999px;}
.paging>strong{text-decoration:underline;font-weight:400;color:#1686f0}

/* popup */
.modal-popup{position:fixed; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
.modal-popup .popup-content{position:fixed; left:50%; top:50%; transform: translate(-50%, -50%); max-width:450px; width:94%; background-color:#fff;}
.modal-popup .popup_title{padding:20px 24px; background-color:#284885; display:block; }
.modal-popup .popup_title h1{margin-bottom:0; font-size:20px; color:#fff;}
.modal-popup .popup_inner{padding:20px 40px; width:100%; min-height:160px; display:table; box-sizing: border-box;}
.modal-popup .popup_text{display:table-cell; vertical-align: middle; text-align:center; }
.modal-popup .btn{padding:0 22px; height:46px; line-height:46px; border-radius:3px; font-size:15px;}
.modal-popup .popup_btn{padding-top:20px; text-align:center;}
.modal-popup .btn_popup_close{position:absolute; right:24px; top:24px; width:24px; height:24px; background:url(../images/common/popup_close.svg) no-repeat center center; display:block; content:""; text-indent:-9999px;}
.modal-popup.type_1 .popup-content{max-width:720px; }
.modal-popup.type_1 .popup-content .popup_inner{padding:28px 45px; max-height:90vh; box-sizing:border-box; overflow:auto; display:block;}

.modal-popup .popup_inner.gray_bg{background-color:#f5f5f5;}
.pop_title{margin-bottom:2px; padding:7px 16px; background-color:#dfdfdf; font-size:18px; font-weight:600; color:#000;}
.pop_title_wrap{display:flex; align-items: center; background-color:#dfdfdf;}
.popup_txt_1{padding:15px 20px; margin-bottom:20px; font-size:15px; border-top:2px solid #666; border-bottom:1px solid #d7d7d7;}
.modal-popup .pop_title_wrap{position:relative; }
.modal-popup .pop_title_wrap .right_area{position:absolute; right:5px; top:5px; }
.modal-popup.type_2 .popup-content{max-width:900px; }
.modal-popup .oragne_bg{background-color:#eb6e50; color:#fff;}

.modal-popup .receipt{margin:20px auto 0; padding:30px; max-width:400px; background-color:#f4f4f4; box-sizing:border-box; }
.modal-popup .receipt .total_price{margin-bottom:10px; font-size:1.5em; font-weight:500; }
.modal-popup .receipt .name{padding-bottom:20px; border-bottom:1px solid #aaa; text-align:right; color:#777;}
.modal-popup .receipt .receipt_list{padding:20px 0;}
.modal-popup .receipt .receipt_list ul.border_top{padding-top:10px; border-top:1px dashed #aaa; margin-top:10px; }
.modal-popup .receipt .receipt_list ul li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.modal-popup .receipt .receipt_list ul li{padding:5px 0; }
.modal-popup .receipt .receipt_list ul li .tit{float:left; font-size:14px;}
.modal-popup .receipt .receipt_list ul li .price{float:right; font-size:14px;}
.modal-popup .list2 li{padding:10px; border-bottom:1px solid #ddd; font-size:14px; color:#444;}
.modal-popup .popup_box{margin-bottom:20px; padding:10px 20px; border:4px solid #dce8f2; color:#666; line-height:1.6; }
.modal-popup .search_box{padding:26px 15px 16px;}
.modal-popup .search_box ul li.pop-grow-1{flex:1 1 25%;}
.modal-popup .search_box ul li.pop-grow-2{flex:1 1 35%;}
.modal-popup .sign_area{padding:40px 40px; text-align:center;}
.modal-popup .sign_area p{margin-bottom:40px; font-size:18px; font-weight:500; }
.modal-popup .sign_area .sign{position:relative; display:inline-block; }
.modal-popup .sign_area .sign span{position:relative; z-index:2;}
.modal-popup .sign_area .sign .sign_img{position:absolute; right:0; top:50%; transform: translate(80%, -50%);}
.modal-popup .sign_area .date{margin:20px 0; text-align:center; }
.modal-popup .sign_area .sign_2{text-align:right;}
.modal-popup .sign_area .sign_txt{margin-bottom:10px;}
.modal-popup .sign_area.type_2{text-align:right;}
.modal-popup .search_box ul li .title{white-space:nowrap; margin:0 10px 0 20px;}
.modal-popup .list_move:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.modal-popup .list_move{position:relative; padding-top:30px;}
.modal-popup .list_move .left_area{float:left; width:46%;}
.modal-popup .list_move .right_area{float:right; width:46%;}
.modal-popup .list_move .custom_checkbox label{width:20px; height:22px; overflow:hidden; text-indent:-9999px; display:block;}
.modal-popup .list_move .custom_checkbox2 label{width:20px; height:22px; overflow:hidden; text-indent:-9999px; display:block;}
.modal-popup .list_move .tableType_1{border-top:2px solid #666;}
.modal-popup .list_move .tableType_1 thead th{position: sticky; top:0; z-index:4; border-top:none;}
.modal-popup .list_move .tableType_1 td{padding:5px 10px; }
.modal-popup .list_move .tableType_1{max-height:360px; overflow:auto;}
.modal-popup .list_move .list_right_move{position:absolute; left:50%; top:50%; z-index:2; margin-top:-30px; width:38px; height:38px; background:url(../images/sub/right_add_arrow.svg) no-repeat center center; text-indent:-9999px; transform: translate(-50%, -50%);}
.modal-popup .list_move .list_left_move{position:absolute; left:50%; top:50%; z-index:2; margin-top:30px; width:38px; height:38px; background:url(../images/sub/left_add_arrow.svg) no-repeat center center; text-indent:-9999px; transform: translate(-50%, -50%);}
.modal-popup .print_logo{margin:50px auto; width:300px; height:35px; text-indent:-9999px; background:url(../images/common/logo.png) no-repeat center center;}
.modal-popup .list{margin-top:5px;}
.modal-popup .list li{position:relative; padding-left:20px; line-height:1.6; margin-bottom:5px; font-size:14px;}
.modal-popup .list li .num{position:absolute; left:0; top:0; }
.modal-popup .map_area iframe{width:100%; height:450px;}

.window-popup .popup_title{padding:20px 24px; background-color:#284885; display:block; }
.window-popup .popup_title h1{margin-bottom:0; font-size:1.250em; color:#fff;}
.window-popup .popup_inner{padding:20px 20px; width:100%; min-height:160px; display:block; box-sizing: border-box;}
.window-popup .popup_text{display:table-cell; vertical-align: middle; text-align:center; }
.window-popup .btn{padding:0 22px; height:46px; line-height:46px; border-radius:3px; font-size:15px;}
.window-popup .popup_btn{padding-top:20px; text-align:center;}
.window-popup .btn_popup_close{position:absolute; right:24px; top:24px; width:24px; height:24px; background:url(../images/popup_close.svg) no-repeat center center; display:block; content:""; text-indent:-9999px;}
.window-popup.type_1 .popup-content{max-width:720px; }
.window-popup.type_1 .popup-content .popup_inner{padding:28px 45px; max-height:70vh; box-sizing:border-box; overflow:auto; display:block;}
.window-popup .popup_inner.gray_bg{background-color:#f5f5f5;}
.window-popup .pop_title_wrap{position:relative; }
.window-popup .pop_title_wrap .right_area{position:absolute; right:5px; top:5px; }

.window-popup .receipt{margin:20px auto 0; padding:30px; max-width:400px; background-color:#f4f4f4; box-sizing:border-box; }
.window-popup .receipt .total_price{margin-bottom:10px; font-size:1.5em; font-weight:500; }
.window-popup .receipt .name{padding-bottom:20px; border-bottom:1px solid #aaa; text-align:right; color:#777;}
.window-popup .receipt .receipt_list{padding:20px 0;}
.window-popup .receipt .receipt_list ul.border_top{padding-top:10px; border-top:1px dashed #aaa; margin-top:10px; }
.window-popup .receipt .receipt_list ul li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.window-popup .receipt .receipt_list ul li{padding:5px 0; }
.window-popup .receipt .receipt_list ul li .tit{float:left; font-size:14px;}
.window-popup .receipt .receipt_list ul li .price{float:right; font-size:14px;}
.window-popup .list2 li{padding:10px; border-bottom:1px solid #ddd; font-size:14px; color:#444;}
.window-popup .popup_box{margin-bottom:20px; padding:10px 20px; border:4px solid #dce8f2; color:#666; line-height:1.6; }
.window-popup .sign_area{padding:40px 40px; text-align:center;}
.window-popup .sign_area p{margin-bottom:40px; font-size:18px; font-weight:500; }
.window-popup .sign_area .sign{position:relative; display:inline-block; }
.window-popup .sign_area .sign span{position:relative; z-index:2;}
.window-popup .sign_area .sign .sign_img{position:absolute; right:0; top:50%; transform: translate(80%, -50%);}
.window-popup .sign_area .date{margin:20px 0; text-align:center; }
.window-popup .sign_area .sign_2{text-align:right;}
.window-popup .sign_area .sign_txt{margin-bottom:10px;}
.window-popup .sign_area.type_2{text-align:right;}

.modal-popup.type_2 .popup-content{max-width:1000px; }
.modal-popup.type_2 .popup_inner{overflow:auto; max-height:90vh; display:block;}
.modal-popup.type_2 .photo_upload_area{padding:0; position:relative; padding-left:31.55%; }
.modal-popup.type_3 .popup-content{max-width:1600px; }
.modal-popup.type_3 .popup_inner{overflow:auto; max-height:90vh; display:block;}
.modal-popup.type_3 .photo_upload_area{padding:0; position:relative; padding-left:31.55%; }

.modal-popup .photo_upload_info{padding:40px 25px; width:31.55%; position:absolute; left:0; top:0; bottom:0; background-color:#eef5fc; box-sizing:border-box;}
.modal-popup .photo_upload_info .photo{margin:0 auto 20px; width:97px;}
.modal-popup .photo_upload_info .photo img{width:97px; height:126px;}
.modal-popup .photo_upload_info .btn_area{display:flex; padding-bottom:34px;}
.modal-popup .photo_upload_info .btn_area .btn{flex-grow:1; margin-left:10px; height:34px; line-height:34px; border-radius:3px; font-size:15px;}
.modal-popup .photo_upload_info .btn_area .btn:first-child{margin:0;}
.modal-popup .photo_upload_info .list{padding-top:16px; border-top:1px dashed #ddd;}
.modal-popup .photo_upload_info .list li{position:relative; padding-left:15px; color:#666; font-size:15px; line-height:1.7;}
.modal-popup .photo_upload_info .list li .num{position:absolute; left:0; top:0;}
.modal-popup .photo_upload_txt{padding:25px; box-sizing:border-box;}
.modal-popup .photo_upload_txt .titleType_1{margin:35px 0 5px;}
.modal-popup .photo_upload_txt p{color:#666; font-size:15px; line-height:1.7;}
.modal-popup .photo_upload_txt ul li{color:#666; font-size:15px; line-height:1.7;}
.modal-popup .photo_upload_txt .example_info{position:relative; padding-left:113px; min-height:130px;}
.modal-popup .photo_upload_txt .example_info .photo{position:absolute; left:0; top:0; width:100px;}
.modal-popup .photo_upload_txt .example_info .photo img{width:100px; height:129px; }
.modal-popup .photo_upload_txt .example_info .list li{position:relative; padding-left:15px; color:#666; font-size:15px; line-height:1.7;}
.modal-popup .photo_upload_txt .example_info .list li .num{position:absolute; left:0; top:0;}
.modal-popup .photo_upload_txt .unsuitable_photo{padding:25px; background-color:#f5f5f5; border:1px solid #d7d7d7; text-align:center;}
.modal-popup .photo_upload_txt .unsuitable_photo_box{border:1px solid #ddd; border-top:none; padding:15px; font-size:15px; line-height:1.8; }
.modal-popup .photo_upload_txt .unsuitable_photo .pc_only{display:inline-block;}
.modal-popup .photo_upload_txt .unsuitable_photo .mo_only{display:none;}
.modal-popup .photo_editor_area{padding:0;}
.modal-popup .photo_editor_area .modify_photo_area{padding:46px 20px 26px; text-align:center; background-color:#eef5fc;}
.modal-popup .photo_editor_area .modify_photo_area .modify_photo .pc_only{display:inline-block;}
.modal-popup .photo_editor_area .modify_photo_area .modify_photo .mo_only{display:none;}
.modal-popup .photo_editor_area .custom_file{margin:20px auto 0; max-width:427px; width:100%; box-sizing:border-box;}
.modal-popup .photo_editor_area .info_area{padding: 20px;}
.modal-popup .photo_editor_area .info_area .titleType_1{margin-bottom:10px;}
.modal-popup .photo_editor_area .info_area .box{padding:17px 25px; border:1px solid #ddd; }
.modal-popup .photo_editor_area .info_area .box li{position:relative; padding-left:14px; line-height:2; color:#666;}
.modal-popup .photo_editor_area .info_area .box li:before{position:absolute; left:0; top:15px; width:4px; height:4px; background-color:#666; border-radius:50%; display:block; content:"";}
.section_bar{padding:50px 0 0; margin:0 0 80px; border:none; border-bottom:1px dashed #000;}

/* tab */
.tabType_1{position:relative; }
.tabType_1 .tab_title{margin-bottom:10px;}
.tabType_1 .tab_title ul{display:flex;}
.tabType_1 .tab_title ul li{flex-grow:1;}
.tabType_1 .tab_title ul li>*{padding:0 14px; width:100%; height:50px; display:table; box-sizing:border-box; text-align:left; background:url(../images/sub/tab_arrow.svg) no-repeat right 9px center; border:1px solid #d7d7d7; box-sizing:border-box;}
.tabType_1 .tab_title ul li span{display:table-cell; vertical-align:middle; font-size:15px; color:#666; }
.tabType_1 .tab_title ul li.active>*{background-color:#eb6e50; background-image:none; border:none;}
.tabType_1 .tab_title ul li.active span{ color:#fff;}
.tabCont>div{display:none;}
.tabCont>div.active{display:block; }

/* certification_popup */
.modal-popup .certification_list ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.modal-popup .certification_list ul li{float:left; position:relative; width:47.6%; overflow:hidden;}
.modal-popup .certification_list ul li input[type=radio]{position:absolute; left:-20px; top:0; }
.modal-popup .certification_list ul li:last-child{float:Right; }
.modal-popup .certification_list ul li label{padding-top:170px; height:300px; display:block; cursor:pointer; font-size:0.9375em; line-height:1.46; text-align:center; border:1px solid #58636e; background-color:#fff; box-sizing:border-box; border-radius:6px; letter-spacing:-0.56px;}
.modal-popup .certification_list ul li label strong{margin-bottom:18px; display:block; font-size:1.2em; font-weight:600;}
.modal-popup .certification_list ul li.icon_1 label{background:url(../images/icon_phone.svg) no-repeat center 57px #fff; }
.modal-popup .certification_list ul li.icon_2 label{background:url(../images/sns_Certified.png) no-repeat center 39px #fff; }

/* step */
.stepList{margin-bottom:30px; }
.stepList>ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.stepList>ul>li{position:relative; float:left; margin-left:4.2%; width:21.8%; background-color:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; height:80px; display:block; text-align:center;}
.stepList>ul>li:before{position:absolute; left:-24px; top:50%; background:url(../images/sub/bg_application_step_next_pc.gif) no-repeat center center; transform: translate(0, -50%); width:8px; height:15px; display:block; content:"";}
.stepList>ul>li:first-child:before{display:none;}
.stepList>ul>li .inner{position:relative; left:0%; top:50%; padding-left:40px; display:inline-block; box-sizing:border-box;  text-align:left; transform: translate(0, -50%);}
.stepList>ul>li:first-child{margin-left:0;}
.stepList>ul>li span{font-size:13px; color:#333; font-weight:700;}
.stepList>ul>li strong{display:block; font-size:15px; color:#555; font-weight:400;}
.stepList>ul>li.icon_1 .inner{background:url(../images/sub/bg_default_icon02_application_step2_pc.gif) no-repeat 0 center;}
.stepList>ul>li.icon_2 .inner{background:url(../images/sub/bg_default_icon03_application_step3_pc.gif) no-repeat 0 center;}
.stepList>ul>li.icon_3 .inner{padding-left:35px; background:url(../images/sub/bg_default_icon04_application_step4_pc.gif) no-repeat 0 center;}
.stepList>ul>li.icon_4 .inner{padding-left:37px; background:url(../images/sub/bg_default_icon01_application_step1_pc.gif) no-repeat 0 center;}
.stepList>ul>li.active{border:2px solid #109e84; background-color:#fff;}
.stepList>ul>li.active span{color:#109e84;}
.stepList>ul>li.active strong{color:#000;}
.stepList>ul>li.icon_1.active .inner{background:url(../images/sub/bg_active_icon02_application_step2_pc.gif) no-repeat 0 center;}
.stepList>ul>li.icon_2.active .inner{background:url(../images/sub/bg_active_icon03_application_step3_pc.gif) no-repeat 0 center;}
.stepList>ul>li.icon_3.active .inner{padding-left:35px; background:url(../images/sub/bg_active_icon04_application_step4_pc.gif) no-repeat 0 center;}
.stepList>ul>li.icon_4.active .inner{padding-left:37px; background:url(../images/sub/bg_active_icon01_application_step1_pc.gif) no-repeat 0 center;}
.stepList.type_1>ul>li{margin-left:17.3%;}
.stepList.type_1>ul>li:first-child{margin-left:0;}
.stepList.type_1>ul>li:before{left:-146px; width:138px; height:15px; background:url(../images/sub/arr_step2.svg) no-repeat center center;}

/* list */
.listType_1{margin-bottom:30px;}
.listType_1>ul>li{position:relative; padding:17px 100px 17px 27px; margin-bottom:10px; box-sizing:border-box; border:1px solid #d7d7d7; color:#000;}
.listType_1>ul>li.pr_240{padding-right:240px;}
.listType_1>ul>li .title{margin-bottom:5px; font-size:17px; font-weight:600;}
.listType_1>ul>li .date{margin-bottom:5px;}
.listType_1>ul>li .date span{position:relative; padding:0 10px; font-size:15px; color:#666; display:inline-block;}
.listType_1>ul>li .date span:before{position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; background-color:#e1e1e1; display:block; content:"";}
.listType_1>ul>li .date span:first-child{padding-left:0;}
.listType_1>ul>li .date span:first-child:before{display:none;}
.listType_1>ul>li .date span strong{font-weight:300; color:#000;}
.listType_1>ul>li .info_txt li{padding-left:0; margin-bottom:5px; font-size:14px; color:#eb6e50; }
.listType_1>ul>li .info_txt li:before{display:none;}
.listType_1>ul>li .info_txt li:last-child{margin-bottom:0;}
.listType_1>ul>li .rightArea{position:absolute; right:20px; top:50%; transform: translate(0, -50%); }
.listType_1>ul>li .num_people{margin-top:10px; width:480px;}

.gray_box{padding:20px; margin-bottom:30px; border:1px solid #d7d7d7; min-height:150px; box-sizing:border-box;}
.black_box{padding:20px; margin-bottom:15px; border:1px solid #999; min-height:120px; box-sizing:border-box; color:black; font-weight:500;}

.subType_1:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.subType_1{padding:30px 0 10px; margin-bottom:20px; border-bottom:1px solid #d7d7d7;}
.subType_1 .leftArea{float:left; width:22.5%;}
.subType_1 .rightArea{float:right; width:75.2%;}
.subType_1 .select_region ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.subType_1 .select_region ul li{float:left; width:49%; margin-bottom:4px;}
.subType_1 .select_region ul li:nth-child(2n){float:right; }
.subType_1 .select_region ul li button{width:100%; height:36px; line-height:34px; border:1px solid #eee; display:block; box-sizing:border-box; text-align:center; font-size:15px; color:#333; font-weight:500;}
.subType_1 .select_region ul li.active button{background-color:#eb6e50; color:#fff;}
.subType_1 .center_list{padding-bottom:22px;}
.subType_1 .center_list ul li{margin-bottom:4px;}
.subType_1 .center_list ul li button{width:100%; height:34px; line-height:32px; border:1px solid #58636e; border-radius:3px; text-align:center; box-sizing:border-box; font-size:15px; color:#666;}
.subType_1 .center_list ul li.active button{background-color:#109e84; color:#fff; border:none;}
.subType_1 .tableType_1 td{padding:0 10px; height:36px;}
.tableType_1 tbody td .border-bottom{text-decoration: underline;}
.tableType_1 tbody td.green-bg{background-color:#109e84; color:#fff; }
.tableType_1 tbody td.green-bg .c-sky{color:#fff !important; }

.pagingItem_div{display: flex; justify-content: flex-end; align-items: center; padding-bottom: 5px;}
.pagingItem_div .listNum_lable{padding-right: 5px;}

.examneeTr {
	
}

.examneeTr td {
    padding: 6px;
    position: relative;
}

.examneeTr td .input_btn {
    width: calc(100% - 12px);
    box-sizing: border-box;
    padding: 5px 40px 5px 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.examneeTr td .input_general {
    width: calc(100% - 12px);
    box-sizing: border-box;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.examneeTr td .tilde {
    display: block;
    text-align: center;
}

.examneeTr td select {
	text-align-last: center;
}

td[data-tooltip] {
    position: relative;
    cursor: pointer;
}

td[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 20%;
    left: 70%;
    transform: translate(-30%, -70%);
    background-color: rgba(51, 51, 51, 0.6);
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
    z-index: 10;
}

td[data-tooltip]:not([data-tooltip=""]):hover::after {
    opacity: 1;
    visibility: visible;
}

/* datepicker */
.datepicker_wrap{position:relative; margin-top:50px;}
.datepicker_wrap .datepicker_fixed .ui-datepicker{width:100%; }
.datepicker_wrap .datepicker_fixed .ui-widget.ui-widget-content{border:none; background:transparent}
.datepicker_wrap .ui-datepicker select.ui-datepicker-month{position:absolute; right:0; top:-40px; box-sizing:border-box;}
.datepicker_wrap .ui-datepicker select.ui-datepicker-year{position:absolute; left:0; top:-40px; box-sizing:border-box;}
.datepicker_wrap .ui-datepicker .ui-datepicker-title{margin:0; padding:0; line-height:1; text-indent:-9999px; height:0; }
.datepicker_wrap .ui-datepicker  .ui-datepicker-header{padding:0; border:none; height:0;}
.datepicker_wrap .ui-datepicker{border-top:2px solid #666;}
.datepicker_wrap .ui-datepicker th{padding:0; height:30px; text-align:center; background-color:#f5f5f5; border:1px solid #d7d7d7;}
.datepicker_wrap .ui-datepicker td{height:30px; padding:0; border:1px solid #d7d7d7; background-color:#fff;}
.datepicker_wrap .ui-datepicker td .ui-state-default{background-color:#fff; border:none;}
.datepicker_wrap .ui-datepicker td .ui-state-highlight,
.datepicker_wrap .ui-datepicker td .ui-state-active{background-color:#dfeeff; color:black;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {background-color: #dfeeff; color: black;}
.datepicker_wrap .ui-datepicker td .ui-state-active2{background-color:red !important;; color:white !important;}
.ui-state-active2 a, .ui-state-active2 a:link, .ui-state-active2 a:visited {background-color: red !important; color: white !important;}
.datepicker_wrap .ui-datepicker td .ui-state-active3{background-color:#dfeeff; color:black;}
.ui-state-active3 a, .ui-state-active3 a:link, .ui-state-active a:visited {background-color: #dfeeff; color: black;}
.datepicker_wrap .ui-datepicker td .ui-state-active3{background-color:red; color:red;}
.datepicker_wrap .ui-datepicker td .vio-highlight {background-color: #746495 !important; color: #fff !important; border-radius:50%; }
.datepicker_wrap .ui-state-default{height:30px; line-height:28px; padding:0; background:transparent; text-align:center; border:none; box-sizing:border-box; font-size:15px; color:#000;}
.datepicker_wrap .ui-datepicker .ui-state-active{background-color:#dfeeff; color:#136bbe;}
.datepicker_wrap .ui-datepicker .ui-state-active2{background-color:#dfeeff; color:#136bbe;}
.datepicker_wrap .ui-datepicker .ui-state-active3{background-color:#dfeeff; color:#136bbe;}
.datepicker_wrap .ui-datepicker .vio-highlight {background-color: #746495 !important; color: #fff !important; border-radius:50%; }
.ui-datepicker-trigger{display:none;}
.ui-datepicker .ui-datepicker-title{margin:0 1em; line-height:35px;}

/* search_box */
.search_box{position:relative; margin-bottom:30px; padding:26px 10px; text-align:center; display:flex; background-color:#f5f5f5; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  justify-content: center;}
.search_box ul{display:flex; }
.search_box ul li:first-child{margin-left:0;}
.search_box ul li{margin-left:35px; display:flex; font-size:0.938em; align-items: center;}
.search_box ul li .title{margin-right:20px; display:inline-block; }
.search_box ul li select{width:150px;}
.search_box ul li input[type=text]{max-width:150px; width:100%;}
.search_box ul li .input_area{display:flex; align-items: center;}
.search_box .btn-search2{margin-left:15px; width:42px; height:42px; background:url(../images/sub/search_icon.svg) no-repeat center center #666;}
.search_box.col-2{padding-bottom:16px;}
.search_box.col-2 ul{flex-wrap: wrap;}
.search_box.col-2 ul li{flex-grow:1; margin-bottom:10px;}
.search_box.col-2 ul li:nth-child(2n-1){margin-left:0; flex-grow:2;}
.search_box.col-2 ul li .title{min-width:110px; margin-right:0; }
.search_box.col-2 ul li span{display:inline-block;}
.search_box.col-2 ul li .datepicker{max-width:160px;}
.search_box .col-3 li{flex-grow:1;}
.search_box .col-3 li input[type=text]{max-width:100%; }
.search_box .col-3 li select{width:100%; }

.datepicker{padding-right:40px; background:url(../images/sub/ic_cal.svg) no-repeat right 10px center #fff; box-sizing:border-box;}
.datepicker[readonly]{padding-right:40px; background:url(../images/sub/ic_cal.svg) no-repeat right 10px center #fff;}

/* datepicker */

.table-box table{table-layout: inherit;}




@media screen and (max-width: 1200px){

/* common */
.pc_only{display:none;}
.mo_only{display:block;}

/* header */
.headerArea{position:fixed; left:0; top:0; z-index:10; width:100%; background-color:#fff; }
.header_inner{padding:0 14px;}
.headerArea .logo{Padding:18px 0 0;}
.headerArea .logo img{width:200px;}
.headerArea .login_info{padding:13px 0;}
.headerArea .login_info .user_name{display:none;}
.headerArea .login_info .btn_logout{display:none;}
.headerArea .login_info .btn_infoModify{display:none;}
.headerArea .login_info .btn_mypage{padding:0; width:30px; height:30px; background:url(../images/common/admin_icon_mb.svg) no-repeat center center #eb6e50; display:inline-block; border:none; border-radius:0;}
.headerArea .login_info .btn_mypage span{text-indent:-9999px; background:none; padding-left:0;}
.headerArea .mobile_menu_open{margin-left:5px; width:30px; height:30px; background:url(../images/common/mobile_menu_open.svg) no-repeat center center #284885; display:inline-block; text-indent:-9999px;}

.mobile_menu{position:fixed; right:-100vw; top:0; bottom:0; z-index:20; width:100%; height:100%; display:block; background-color:#fff;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.mobile_menu.open{right:0;}
.mobile_menu_inner{position:relative; height:calc(100vh - 85px);}
.mobile_menu .name{padding:17px 16px; height:52px; display:block; background-color:#58636e; font-size:13px; color:#fff; box-sizing:border-box; }
.mobile_menu .name strong{font-weight:500; color:#fff;}
.mobile_menu .util_menu{ background-color:#4b545e; height:33px; padding-top:8px; box-sizing:border-box;}
.mobile_menu .util_menu ul{ display:flex; align-items: center;}
.mobile_menu .util_menu ul li{position:relative; flex-grow:1; text-align:center;font-weight:200;}
.mobile_menu .util_menu ul li:first-child:before{display:none;}
.mobile_menu .util_menu ul li:before{position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color:#6f767e; display:block; content:"";}
.mobile_menu .util_menu ul li a{text-align:center;  font-size:12px; color:#fff; line-height:1; display:inline-block; vertical-align: top;;}
.mobile_menu_list:before{position:absolute; left:0; top:0; bottom:0; width:120px; height:100%; display:block; content:""; background-color:#284885; z-index:1;}
.mobile_menu_list>ul{position:relative; padding-left:120px; z-index:2;}
.mobile_menu_list>ul>li .s_menu{padding:17px 12px; display:none;}
.mobile_menu_list>ul>li .s_menu .menu_title{padding-bottom:8px; border-bottom:2px solid #666; display:block; padding-bottom:8px; font-weight:600; font-size:16px; color:#000;}
.mobile_menu_list>ul>li.active .s_menu{display:block; }
.mobile_menu_list>ul>li .s_menu_open{position:absolute; left:0; top:0; width:120px; height:42px; line-height:42px; padding:0 10px; display:block; font-size:13px; color:#fff;  border-bottom:1px solid #536d9d; box-sizing:border-box; text-align:left;}
.mobile_menu_list>ul>li.active .s_menu_open{background-color:#fff; color:#284885;}
.mobile_menu_list>ul>li .s_menu ul li{border-bottom:1px solid #d7d7d7;}
.mobile_menu_list>ul>li .s_menu ul li a{padding:8px 0; font-size:13px; display:block; color:#666;}
.mobile_menu_list>ul>li.menu_2 .s_menu_open{top:43px;}
.mobile_menu_list>ul>li.menu_3 .s_menu_open{top:86px;}
.mobile_menu_list>ul>li.menu_4 .s_menu_open{top:129px;}
.mobile_menu_list>ul>li.menu_5 .s_menu_open{top:172px;}
.mobile_menu_list>ul>li.menu_6 .s_menu_open{top:215px;}
.mobile_menu_list>ul>li.menu_7 .s_menu_open{top:258px;}
.mobile_menu_list>ul>li.menu_8 .s_menu_open{top:301px;}
.mobile_menu_list>ul>li.menu_9 .s_menu_open{top:344px;}
.mobile_menu .btn_mobile_menu_close{position:absolute; right:12px; top:18px; z-index:22; width:16px; height:16px; background:url(../images/common/popup_close.svg) no-repeat center center; display:block; }

/* visual */
.visual_wrap{padding-top:56px; background-color:#d9e3f2;}
.visual_wrap .visual_area{height:50px; background:none;}
.visual_area p{display:none; }
.visual_txt h1{font-size:13px;}
.visual_txt h1 strong{font-size:1.385em;}

/* lnb */
.lnb_area{display:none;}

/* layout */
.container{min-height:calc(100vh - 244px);}
#container.content{float:none; width:100%; padding-top:28px; }
.mobile_navi{background-color:#f5f5f5; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; display:block; }
.mobile_navi ul{display:flex; }
.mobile_navi ul li.home{position:relative; width:20px; text-indent: -9999px;}
.mobile_navi ul li.home:after{position:absolute; left:50%; top:50%; width:14px; height:14px; display:block; background:url(../images/common/navi_home.svg) no-repeat center center; content:""; display:inline-block; transform: translate(-50%, -50%);}
.mobile_navi ul li{padding:0 6px 0 24px; line-height:34px; background:url(../images/common/icon_location_path.png) no-repeat 0 center; background-size:auto 100%; color:#666; font-size:12px;}
.mobile_navi ul li:first-child{background:none;}
.mobile_navi ul li:first-child:before{display:none;}

.top_title_area{padding-bottom:9px; margin-bottom:26px;}
.top_title_area h2{font-size:18px; font-weight:600;}
.top_title_area .navi{display:none;}

.info_box{margin-bottom:20px; padding:10px 15px 10px 130px; border:4px solid #dce8f2; color:#666;}
.info_box ul li{font-size:13px; line-height:2; }

/* title */
.titleType_1{font-size:15px;}

/* txt */
.info_txt{padding-top:4px; font-size:13px;}

/* footer */
.footer{font-size:12px; text-align:center; line-height:1.5;}
.footer_menu{display:none;}
.footer_inner{padding:15px 10px;}
.footer .footer_mark{display:none;}
.footer .footer_info{display:block;}

.visual_txt h1{margin-bottom:0;}

/* btn */
.basic-btn01{height:37px; line-height:37px;}
.basic-btn03{height:31px; line-height:29px; font-size:13px; }

/* table */
.search_box .btn-search2{width:30px; height:32px; }
select, [type=text], [type=password], [type=file], [type=email], [type=number], [type=tel]{height:32px; line-height:30px;}
.tableType_1 thead th{padding:7px 5px; }
.tableType_1 tbody td{padding:7px 5px; }
.tableType_2 td{padding:7px 6px; height:46px; font-size:13px;}
.tableType_2 th{padding:12px 5px 12px 16px; font-size:13px;}
.tableType_2 .right_btn .basic-btn03{margin-top:3px;}
.certification_popup .tableType_2 .w_1{width:31%;}

/* popup */
.modal-popup .popup_title{padding:10px 13px;}
.modal-popup .popup_title h1{font-size:16px;}
.modal-popup.type_1 .popup-content .popup_inner{padding:10px;}
.modal-popup .btn_popup_close{right:10px; top:13px; width:16px; height:16px; background-size:16px;}
.pop_title{padding:10px 12px; font-size:14px;}
.modal-popup .btn{height:37px; line-height:37px; font-size:13px}
.popup_txt_1{padding:10px 12px; font-size:13px;}
.modal-popup .popup_inner{min-height:100px; }
.modal-popup .popup_text{font-size:13px;}
.modal-popup.type_2 .popup-content .popup_inner{padding:10px;}

/* page_list */
.page_list ul li a{font-size:13px;}

/* tab */
.tabType_1 .tab_title ul li>*{height:40px; font-size:13px;}

/* list */
.no_list{padding:45px 20px;}
.no_list_txt{padding-top:74px; background-size:60px; font-size:15px;}

/* modification_area */
.custom_file input[type=file]{height:32px; line-height:30px; font-size:14px;}
.custom_file label{height:32px; line-height:30px;}

/* search */
.search_box ul li .right_btn{padding-right:40px;}
.search_box ul li .right_btn .btn-search2{width:32px; height:32px; line-height:32px;}

/*custom*/
.custom_radio label:before{top:0;}
.custom_checkbox label:before{top:0;}
.custom_checkbox2 label:before{top:0;}

}

@media screen and (max-width: 1024px){

/* list */
.listType_1>ul>li{margin-bottom:10px; padding:8px 10px 14px; display:block;}
.listType_1 .list_cont{margin-bottom:16px;}
.listType_1>ul>li .rightArea{position:relative; right:auto; top:0; margin-top:10px; transform:translate(0, 0);}
.listType_1>ul>li .title{font-size:15px;}
.listType_1>ul>li .date span{font-size:13px;}
.listType_1 .info_list ul li{font-size:13px;}
.listType_1>ul>li .date span{padding:0 5px;}
.listType_1>ul>li .info_txt li{font-size:13px;}

.content{padding-bottom:50px;}

/* personal_term_popup */
.personal_term_popup .agree_term{padding:10px 15px; font-size:13px;}
.personal_term_popup .all_agree{font-size:13px;}
.personal_term_popup .terms_box textarea{height:150px; font-size:13px;}

.search_box ul li{margin-left:10px; }

/* title */
.titleType_2{padding:10px 12px; font-size:14px;}


.layer-popup-box{display:none;position:fixed;left:0;top:0;z-index:100000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.layer-popup-box .popup{position:absolute;left:50%;top:50%;z-index:101;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:calc(100% - 20px);background-color:#fff}
.layer-popup-box .popup .top{position:relative;padding-left:12px;background-color:#284885}
.layer-popup-box .popup .top h4{padding:10px 50px 11px 0;font-weight:500;font-size:16px;color:#fff}
.layer-popup-box .popup .top button{position:absolute;right:0;top:0;;width:43px;height:100%;background:url(../images/common/bg_btn_popClose.png) no-repeat 50% 50%;background-size:17px auto}
.layer-popup-box .pop-content{max-height:calc(100vh - 110px);overflow-y:auto;padding:20px 15px}
.layer-popup-box .pop-content h5{margin-bottom:8px;font-weight:500;font-size:16px;color:#333}
.layer-popup-box .pop-size-700{max-width:700px}
.layer-popup-box .pop-size-580{max-width:580px}
.layer-popup-box .pop-size-500{max-width:500px}

}


.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
	z-index:30;
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000');    /* ie */
}
.wrap-loading div{ /*로딩 이미지*/
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -21px;
    margin-top: -21px;
}
.display-none{ /*감추기*/
    display:none;
}    

.info-bc-lg{color:black; background-color:#afffaff5;} /*연두색*/
.info-bc-lp{color:black; background-color:#ffd2da} /*분홍색*/
.info-bc-lb{color:black; background-color:#b8e9f9} /*하늘색*/


/* license state step */
.mypage-step{margin-bottom:20px}
.mp-step{overflow:hidden}
.mp-step li{position:relative;border:1px solid #d7d7d7;width:calc(33.3% - 17.33px);height:97px;padding:50px 5px 0;margin-right:20px;background-color:#f5f5f5;background-repeat:no-repeat;text-align:center;float:left}
.mypage-step .on{border:2px solid #109e84;padding-top:49px;background-color:#fff;font-weight:500;color:#222}
.mypage-step li:nth-child(1){background-image:url('../images/sub/icon_mps01_off_m.png');background-position:center 15px;background-size:25px auto}
.mypage-step li:nth-child(2){background-image:url('../images/sub/icon_mps02_off_m.png');background-position:center 15px;background-size:25px auto}
.mypage-step li:nth-child(3){background-image:url('../images/sub/icon_mps03_off_m.png');background-position:center 15px;background-size:25px auto}
.mypage-step li:nth-child(4){background-image:url('../images/sub/icon_mps04_off_m.png');background-position:center 15px;background-size:25px auto}
.mypage-step li:nth-child(5){background-image:url('../images/sub/icon_mps05_off_m.png');background-position:center 19px;background-size:29px auto}
.mypage-step li:nth-child(6){background-image:url('../images/sub/icon_mps06_off_m.png');background-position:center 16px;background-size:25px auto}
.mypage-step .on:nth-child(1){background-image:url('../images/sub/icon_mps01_on_m.png');background-position:center 14px;background-size:25px auto}
.mypage-step .on:nth-child(2){background-image:url('../images/sub/icon_mps02_on_m.png');background-position:center 14px;background-size:25px auto}
.mypage-step .on:nth-child(3){background-image:url('../images/sub/icon_mps03_on_m.png');background-position:center 14px;background-size:25px auto}
.mypage-step .on:nth-child(4){background-image:url('../images/sub/icon_mps04_on_m.png');background-position:center 14px;background-size:25px auto}
.mypage-step .on:nth-child(5){background-image:url('../images/sub/icon_mps05_on_m.png');background-position:center 18px;background-size:29px auto}
.mypage-step .on:nth-child(6){background-image:url('../images/sub/icon_mps06_on_m.png');background-position:center 15px;background-size:25px auto}
.mp-step li:nth-child(3n){margin-right:12px}
.mp-step li:nth-child(n+4){margin-top:10px}
.mypage-step li:not(:last-child):after{display:block;content:"";position:absolute;top:50%;right:-13px;margin-top:-5px;border-width:5px;border-style:solid none solid solid;border-color:transparent transparent transparent #bbb}

.mypage-step .mp-step li{width:131px;height:127px;margin-right:28px;padding-top:64px;background-size:auto}
.mypage-step .mp-step li:nth-child(n+4){margin-top:0}
.mypage-step .mp-step li:last-child{width:135px;margin-right:0}

.normal-mt{margin-top:12px}

.noti_box{border:1px solid #d7d7d7;padding:16px 20px;}

.file-input-btn-none {
	appearance: textfield;
	-webkit-appearance: textfield; /* Webkit 브라우저 스타일 제거 */
	border: 1px solid #ccc;
	padding: 0 10px; /* 좌우 여백 추가 */
	width: 100%; /* 원하는 너비로 설정 */
	height: 40px; /* 텍스트 필드 높이 */
	line-height: 40px; /* 텍스트를 세로 가운데 정렬 */
	display: flex;
	align-items: center;
}

/* Webkit 기반 브라우저의 파일 선택 버튼 숨기기 */
.file-input-btn-none::-webkit-file-upload-button {
	display: none;
}

/* 최신 브라우저(Firefox 등)의 파일 선택 버튼 숨기기 */
.file-input-btn-none::file-selector-button {
	display: none;
}
.popup-text {
    font-size: 1.2em; /* h2 크기 */
    font-weight: bold;
    color: black;
}
.popup-text-red {
    font-size: 1.1em; /* h2 크기 */
    font-weight: bold;
    color: red;     /* 빨간색 */
}


/* 2025.07.10_추가 작업.: START */
/* 공지사항 컨테이너 */
.notice-container {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  max-width: 100%;
  margin: 20px auto;
}

/* 헤더 스타일 */
.notice-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}

.more-link {
  color: #3498db;
  text-decoration: none;
  font-size: 0.9em;
}

/* 공지사항 리스트 */
.notice-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.notice-item {
  padding: 12px 0;
  border-bottom: 1px dashed #eee;
  display: flex;
  justify-content: space-between;
}

.notice-item:last-child {
  border-bottom: none;
}

.notice-item a {
  text-decoration: none;
  color: #333;
  flex-grow: 1;
}

.notice-item a:hover {
  color: #e74c3c;
  text-decoration: underline;
}

/* 뱃지 스타일 */
.badge {
  background-color: #eb6e50;
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.8em;
  margin-right: 8px;
}

/* 날짜 스타일 */
.date {
  color: #95a5a6;
  font-size: 0.9em;
  min-width: 80px;
  text-align: right;
}

/* 새 공지 강조 */
.notice-item.new a {
  font-weight: bold;
}
/* 2025.07.10_추가 작업.: END */