@charset "utf-8";

/**common**/
#Application .mb20{margin-bottom: 20px;}
#Application .mb40{margin-bottom: 40px;}
#Application .mt20{margin-top: 20px;}
#Application .mt40{margin-top: 40px;}

#Application p{font-size:16px;font-family: 'Noto Light';line-height: 1.5;}
#Application .color1{color:#005baa !important;}
#Application .color2{color:#0d83ea !important;}
#Application .color3{color:#ff8500 !important;}
#Application .align-l {text-align:left;}
#Application .align-c {text-align:center;}
#Application .align-r {text-align:right;}

/**list, table, common**/
#Application .con-table {position:relative;}
#Application .con-table:after {content:''; position: absolute; right:-1px; top:0px; width:2px; height:100%; background:#fff;}
#Application .con-table table {font-family:'Noto DemiLight';position:relative;border-collapse: collapse;width: 100%;}
#Application .con-table table:after {content:'';position:absolute;top:0px;left:0px;width:100%;height:2px;background: rgb(106 106 158);}
#Application .con-table table:before {content:'';position:absolute;bottom:0px;left:0px;width:100%;height:1px;background:rgb(106 106 158);}
#Application .con-table thead th {padding:15px 10px;background: #f6f1f9;color: #000;border-right:1px solid #ccd0d7;border-bottom:1px solid #ccd0d7;font-size: 17px;font-family: 'Noto Medium';font-weight: normal;line-height: 22px;}
#Application .con-table tbody th {padding:15px 10px;background: #fbfbfb;font-weight: normal;color: #000;border-right:1px solid #ccd0d7;border-bottom:1px solid #ccd0d7;font-size:16px;font-family: 'Noto Regular';}
#Application .con-table tbody th.color {padding: 15px 10px;background: #f6f1f9;color: #000;border-right: 1px solid #ccd0d7;border-bottom: 1px solid #ccd0d7;font-size: 17px;font-family: 'Noto Medium';font-weight: normal;line-height: 22px;}
#Application .con-table tbody td {padding: 12px;background:#fff;color:#666;border-right:1px solid #ccd0d7;border-bottom:1px solid #ccd0d7;font-size:16px;text-align: center;line-height: 22px;}
#Application .con-table .align-l {text-align:left;}
#Application .con-table .align-c {text-align:center;}
#Application .con-table .align-r {text-align:right;}
#Application .con-table.table-l tbody td{text-align:left;}
#Application .con-table .inside-table:after{display:none;}

/*table type02**/
#Application .con-table.type02 table:after,
#Application .con-table.type02 table:before {background:rgb(93, 156, 189);}
#Application .con-table.type02 thead th{background-color:#E6F0F5;}
#Application .con-table.type02 tbody th.color{background-color:#E6F0F5;text-align:left;}
#Application .con-table.type02 tbody td input[type="text"],
#Application .con-table.type02 tbody td input[type="date"]{height: 38px;line-height: 38px;border:1px solid #ccc;padding: 0 10px;font-size: 16px;font-family: 'Noto Lihst';}
#Application .con-table.type02 tbody th.color span{font-size: 15px;letter-spacing: -.5px;color: #666;}
#Application .con-table.type02 tbody td{text-align: left;}
#Application .con-table.type02 tbody td select{height: 38px;line-height: 38px;border:1px solid #ccc;padding: 0 10px;font-size: 16px;font-family: 'Noto Light';}
#Application .con-table.type02 tbody td label{margin-left:5px;}
#Application .must{background:url('../images/must.gif') no-repeat left center;padding-left:15px;float:right;margin-top: -25px;}
#Application .con-table.type02 tbody th.must{float:none;background-image:url('../images/must.gif');background-position: 10px center;background-repeat: no-repeat;padding-left: 22px;}
#Application .objHeading_h3 {margin-top: 25px;margin-bottom:15px;font-family: 'Noto Regular';display:block;line-height:1.3;font-size: 20px;color: #333;padding: 0 0 0 25px;background:url('../images/bull_h4.png') no-repeat left 5px;}
#Application .objHeading_h3 span{color:#1a6b9e;font-family: 'Noto Regular';font-weight: normal;letter-spacing: -0.5px;}
#Application .objHeading_h3 i{font-size:16px;font-family:'Noto Light';font-weight: normal;}
#Application span.icon1 {display:block;padding: 5px 0 5px 40px;background: url('../images/ico_noti01.png') no-repeat left 6px;font-style:normal;font-size: 16px;color:#183d93;}
#Application .agreement{border-radius: 15px;border:1px solid #ccc;padding: 35px 25px;text-align: center;}
#Application .agreement .agree_check{margin-top:-5px;margin-right:5px;}
#Application .agreement label{font-size: 16px;font-family: 'Noto Light';line-height: 1.5;}
#Application .con-table.type02 thead th.must2:before{content:'';width:8px;height:8px;background:url('../images/must.gif') no-repeat center;display:inline-block;vertical-align:middle;margin-right:5px;position:relative;top:-2px;} 


/**button**/
#Application .app-btn{text-align:center;margin-top:50px;}
#Application .btn-style {font-family:'Noto DemiLight';color:#43505d;padding: 15px 20px 15px 85px;margin-left: 10px;font-size: 14px;line-height: 20px;border-radius: 10px;}
#Application .btn-style span{font-size: 20px;font-weight: bold;color:#000;font-family: 'Noto Regular';}
#Application .btn-style:hover span{color:#fff;}
#Application .btn-stylemargi.small {font-size:14px; padding:6px 10px 6px 30px;}
#Application .btn-style.type11 {display:inline-block;position:relative;background:url('../images/main_icon7.png') no-repeat left center;border: 1px solid #bbbbbb;}
#Application .btn-style.type22 {display:inline-block;position:relative;background:url('../images/main_icon20.png') no-repeat left center;border: 1px solid #bbbbbb;}
#Application .btn-style.type11:hover {color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);background:#333 url('../images/main_icon7_on.png') no-repeat left center;}
#Application .btn-style.type22:hover {color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);background:#333 url('../images/main_icon20_on.png') no-repeat left center;}
#Application .btn-style.type11.small:after {width:15px; height:16px; background-size:contain; left:9px; top:9px;}

#Application .btn-style.type44 {display:inline-block;position:relative;background:url('../images/main_icon7_on.png') no-repeat left center;color:#fff;background-color:#005baa;border:1px solid #005baa; background-size:50px;padding:10px 20px 10px 50px;}
#Application .btn-style.type44:hover {color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);background: url('../images/main_icon7.png') no-repeat left center;background-size:50px;color:#333;border:1px solid #333;}
#Application .btn-style.type44.small:after {width:15px; height:16px; background-size:contain; left:9px; top:9px;}

#Application .btn-style2.type33{display:inline-block;transition: all ease .4s;cursor: pointer;position:relative;border: 1px solid #bbbbbb;font-size: 18px;font-family: 'Noto Regular';padding: 10px 15px 10px 45px;color: #000;line-height: 1.3;border-radius: 5px;background: #fff url('../images/ico_btn1.png') no-repeat 10px center;}
#Application .btn-style2.type33:hover{background: rgba(12, 44, 103, 0.95) url('../images/ico_btn1_ov.png') no-repeat 10px center;color:#fff; border-color: rgba(12, 44, 103, 0.95);}

#Application .con-table.selw tbody td input[type="date"],
#Application .con-table.selw tbody td input[type="text"],
#Application .con-table.selw tbody td select{width:100%;}

@media all and (max-width:860px) {
  #Application .con-table {overflow-x: hidden;}
  #Application .con-table table {width:1000px;}
  #Application .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:url('../images/img_mobile_text.png') no-repeat center center;}
  #Application .con-table.on:after {display:none;}
  #Application .con-table.table-s table{width:100%;}
  #Application .con-table.table-s:after{display:none;}
}

._articleTable ._tab._normal ul{display: flex;width: 100%;position: relative;justify-content: space-around;font-size: 0;text-align: left;margin-bottom: 40px;}
._articleTable ._tab._normal ul li{width: 100%;display: inline-block;text-align: center;font-size: 0;}
._articleTable ._tab._normal ul li a{display: block;padding: 10px 0;background: #fff;font-size: 18px;height: auto;line-height: 1.6;color: #444;width: 100%;text-align: center;border: 1px solid #e7e7e7;border-bottom: 1px solid #0d326f;}
._articleTable ._tab._normal ul li a._on{border: 1px solid #0d326f;border-bottom: none;background: #fff;color:#000;}


@media all and (max-width:767px) {
._articleTable ._tab._normal ul{display:block;}
._articleTable ._tab._normal ul li a{border-bottom:1px solid #e7e7e7;}
._articleTable ._tab._normal ul li a._on{border-bottom:1px solid #0d326f;}
}
