#sub_intro{
    width: 100%;
    height: 450px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sub_intro p{
    font-size: 48px;
    color: #fff;
    font-family: 'S-CoreDream-5Medium', sans-serif;
    text-align: center;
}

#sub_intro p span{
    font-size: 18px;
    font-family: 'S-CoreDream-3Light', sans-serif;
    display: block;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 3px;
    margin-right: 3px;
}

.sub_page_menu{
    width: 100%;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.3);
    margin-top: -70px;
}

.sub_page_menu .center{
    height: 100%;
}

.sub_page_menu ul{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.sub_page_menu ul li{
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.sub_page_menu ul li.on01{
    background-color: #fff;
    color: #111;
    font-weight: 500;
}

#sub_content{
    width: 100%;
    padding-top: 150px;
}


/* sub1_1 */
.sub1_intro{
    background-image: url(../images/sub1_intro.jpg);
}

.sub1_1_sec{
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 150px;
}

.sub_imgbox,
.sub_textbox{
    width: 50%;
}

.sub_imgbox{
    height: 800px;
}

.sub_imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub_textbox{
    padding-left: 50px;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 300;
    color: #111;
    line-height: 30px;
}

.sub_textbox>p{
    color: #111;
    font-weight: normal;
}

.title_box{
    width: 380px;
    height: 35px;
    position: relative;
    margin-bottom: 40px;
    margin-left: -23%;
    z-index: 99;
}

.title_box::before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: -1;
    background-color: #10357a;
    transform:skew(-25deg);
}

.title_box p{
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px;
}

.sub_textbox span{
    font-size: 30px;
    color: #111;
    font-weight: 500;
    line-height: 43px;
}

.sub_textbox span strong{
    font-size: 32px;
    color: #10357a;
}


/* sub1_2 */
.sub1_2_sec01{
    width: 100%;
    padding-bottom: 150px;
    background-image: url(../images/sub1_2_bg.png);
    background-position: center 0%;
    background-repeat: no-repeat;
    background-size: contain;
}

.sub1_2_title{
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.shape{
    width: 10px;
    height: 20px;
    background-color: #10357a;
    transform: skewX(-30deg);
    margin: 0 auto;
}

.sub1_2_title span{
    font-size: 14px;
    color: #10357a;
    font-weight: 300px;
    display: block;
    letter-spacing: 4px;
    margin: 10px 4px 0 0;
}

.sub1_2_title p{
    font-size: 32px;
    color: #111;
    font-weight: 500;
    margin-bottom: 15px;
}

.history{
    width: 100%;
    margin-top: 30px;
    position: relative;
}

.grey_circle{
    color: #ccc;
    font-size: 10px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 1px;
}

.left_history{
    width: 50%;
    margin-right: 50%;
    text-align: right;
    border-right: 2px solid #ccc;
    padding-bottom: 40px;
}

.left_history:nth-of-type(2){
    padding-top: 90px;
}

.right_history{
    width: 50%;
    margin-left: 50%;
    border-left: 2px solid #ccc;
    padding-bottom: 40px;
}

.year_box{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.year_box p{
    font-size: 34px;
    font-weight: bold;
    color: #10357a;
}

.bar2{
    width: 50px;
    height: 1px;
    background-color: #10357a;
}

.history_circle{
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 4px solid #10357a;
    border-radius: 50px;
    box-sizing: border-box;
}

.left_history .year_box{
    justify-content: flex-end;
    margin-right: -10px;
}

.left_history .bar2{
    margin-left: 30px;
}

.right_history .year_box{
    margin-left: -10px;
}

.right_history .bar2{
    margin-right: 30px;
}

.history_con{
    width: 100%;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 300;
    color: #111;
    display: flex;
    align-items: baseline;
    box-sizing: border-box;
}

.month{
    font-size: 18px;
    font-weight: 500;
    color: #111;
}

.left_history .history_con{
    padding-right: 90px;
    justify-content: flex-end;
}

.right_history .history_con{
    padding-left: 90px;
}

.left_history .month{
    margin-left: 30px;
}

.right_history .month{
    margin-right: 30px;
}

.sub1_2_sec02{
    width: 100%;
    background-color: #f5f5f5;
    padding: 100px 0 150px;
}

.group{
    width: 100%;
    margin-top: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ceo{
    width: 130px;
    height: 130px;
    border-radius: 100px;
    border: 1px solid #10357a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.ceo_circle{
    width: 110px;
    height: 110px;
    background-color: #10357a;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
}

.group ul{
    display: flex;
    justify-content: center;
}

.group ul li{
    width: 200px;
    height: 50px;
    border: 2px solid #10357a;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #111;
    margin: 0 75px;
}


/* sub1_3 */
.sub1_3_sec{
    background-image: none;
    padding-bottom: 0;
}

.sub1_3_sec .sub1_2_title{
    padding-bottom: 40px;
}

.license{
    width: 100%;
    background-color: #f5f5f5;
    padding: 70px 0 150px;
}

.license ul{
    width: 100%;
    /* display: inline-block; */
    display: flex;
    justify-content: center;
}

.license ul li{
    width: 24%;
    /* float: left; */
    margin-right: 1.33%;
}

.license ul li:last-child{
    margin-right: 0;
}

.license_img{
    width: 100%;
    height: 400px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.license_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.license ul li p{
    font-size: 16px;
    color: #111;
    text-align: center;
    margin-top: 10px;
}


/* sub1_4 */
.sub1_4_sec{
    background-image: none;
}

.sub1_4_sec .sub1_2_title{
    padding-bottom: 40px;
}

.partners{
    width: 100%;
}

.partners ul{
    width: 100%;
    display: inline-block;
}

.partners ul li{
    width: 270px;
    height: 110px;
    float: left;
    margin-right: 40px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    overflow: hidden;
}

.partners ul li:nth-child(4n){
    margin-right: 0;
}


/* sub1_5 */
.sub1_5_sec{
    background-image: none;
    padding-bottom: 0;
}

.location_box{
    width: 100%;
    background-color: #fff;
    margin-top: 70px;
    position: relative;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9;
}

.location_box ul{
    width: 100%;
    display: flex;
    padding: 110px 0;
}

.location_box ul li{
    width: 33.33%;
}

.location_box ul li:nth-child(2){
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}

.icon_box{
    width: 110px;
    height: 110px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -15px auto 35px;
}

.location_box ul li p{
    font-size: 18px;
    color: #111;
    font-weight: 500;
    text-align: center;
    margin-bottom: -15px;
}

.location_box ul li p.p2{
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
}

.location_box ul li p.p2 strong{
    font-weight: 500;
}

.location_box ul li p span{
    font-size: 18px;
    font-weight: 300;
    display: block;
    margin-top: 10px;
}

.bar3{
    width: 1px;
    height: 90px;
    background-color: #0053a5;
    position: absolute;
    left: 50%;
    top: -45px;
}

.map_box{
    width: 100%;
    height: 550px;
    margin-top: -70px;
}

.root_daum_roughmap,
.root_daum_roughmap_landing{
    width: 100% !important;
    height: 100% !important;
}


/* sub2_1 */
.sub2_intro{
    background-image: url(../images/sub2_intro.jpg);
}

.sub1_5_sec1{
    width: 100%;
    margin-top: 20px;
}

.sub1_5_s01,
.sub1_5_s02{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

.img_box2{
    width: 47%;
    height: 400px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.img_box2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text_box2{
    width: 53%;
    position: relative;
    box-sizing: border-box;
    padding-top: 30px;
}

.number{
    position: absolute;
    font-size: 100px;
    color: rgba(237, 237, 237, 0.7);
    font-family: 'GmarketSansBold';
    top: -25px;
    z-index: -1;
}

.text_box2>p{
    width: 58%;
    padding: 0 25px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #10357a;
    font-size: 34px;
    font-weight: bold;
    color: #10357a;
    margin-bottom: 30px;
}

.text_con{
    width: 100%;
    display: flex;
    align-items: baseline;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 27px;
}

.text_con:last-child{
    margin-bottom: 0;
}

.text_con p{
    color: #111;
    font-weight: bold;
}

.sub1_5_s01 .text_box2{
    padding-left: 50px;
}

.sub1_5_s01 .number{
    left: 45px;
}

.sub1_5_s01 .text_box2>p{
    text-align: right;
    margin-left: -15%;
}

.sub1_5_s01 .text_con p{
    margin-right: 15px;
}

.sub1_5_s02 .text_box2{
    padding-right: 50px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.sub1_5_s02 .number{
    right: 45px;
}

.sub1_5_s02 .text_box2>p{
    text-align: left;
    margin-right: -15%;
}

.sub1_5_s02 .text_con {
    justify-content: flex-end;
    text-align: right;
}

.sub1_5_s02 .text_con p{
    margin-left: 15px;
}

p.border_b{
    width: 62%;
}

.sub1_5_sec2{
    width: 100%;
    padding-top: 40px;
}

.sub1_5_title{
    width: 100%;
    text-align: center;
    position: relative;
}

.sub1_5_title .bar3{
    top: 0;
    position: inherit;
}

.sub1_5_title p{
    font-size: 28px;
    font-weight: 500;
    color: #111;
    margin: 30px 0 50px;
}

.sub1_5_con{
    width: 100%;
}

.sub1_5_con ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sub1_5_con ul li{
    font-size: 18px;
    color: #111;
    font-weight: 300;
    text-align: center;
    width: 11%;
}

ul.icon_ul li{
    display: flex;
    align-items: center;
    justify-content: center;
}

.ul_bar{
    width: 90%;
    height: 4px;
    background-color: #10357a;
    border-radius: 20px;
    margin: 30px auto 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.ul_bar .history_circle{
    width: 18px;
    height: 18px;
    margin-top: -7px;
}


/* sub2_2 */
.sub2_2_title{
    padding-bottom: 0 !important;
}

.sub2_2_sec1{
    width: 100%;
    padding-bottom: 100px;
}

.img_text{
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}

.img_text>p{
    font-weight: 500;
    margin-bottom: 7px;
}

.img_text img{
    margin: 40px auto 20px;
    display: block;
}

.sub2_2_s01{
    width: 100%;
    margin: 100px 0 10px;
}

.sub2_2_s01 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #10357a;
}

.sub2_2_s01 ul li{
    width: 100px;
    height: 50px;
    border: 1px solid #10357a;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #111;
    font-weight: 300;
    margin-top: -25px;
    background-color: #fff;
}

.bar_text{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: -25px;
}

.bar4{
    width: 1px;
    height: 100px;
    background-color: #10357a;
}

.t_box{
    width: 200px;
    height: 45px;
    border-radius: 10px;
    background-color: #10357a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.sub2_2_sec2{
    width: 100%;
    background-color: #f5f5f5;
    padding: 100px 0;
}

.s2_2_sec1{
    width: 100%;
}

.s2_2_sec1>p{
    font-size: 28px;
    color: #111;
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.sec1_box{
    width: 100%;
    display: flex;
    margin-top: 40px;
}

.t_con{
    margin-left: 40px;
}

.t_c_sec{
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.blue_circle{
    width: 8px;
    height: 8px;
    border-radius: 30px;
    background-color: #10357a;
    margin-right: 10px;
}

.t_c_sec span{
    font-size: 16px;
    font-weight: 300;
}

.s2_2_sec1>span{
    font-size: 14px;
    font-weight: 300px;
    line-height: 25px;
    display: block;
    margin: 30px 0 40px;
}

.bar{
    width: 1px;
    height: 60px;
    background-color: #10357a;
    margin: 0 auto;
}

.s2_2_sec2{
    width: 100%;
    background-color: #fff;
    padding: 20px 40px;
    box-sizing: border-box;
}

.sec1_box02{
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding: 50px 0 30px;
    border-bottom: 1px solid #ddd;
}

.sec1_box02:last-child{
    border-bottom: 0;
}

.area1{
    width: 20%;
    display: flex;
    align-items: center;
    margin-top: -20px;
}

.day{
    width: 150px;
    height: 40px;
    background-color: #10357a;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.bar5{
    width: 100px;
    height: 1px;
    background-color: #ddd;
}

.tri{
    font-size: 10px;
    color: #10357a;
}

.area2{
    width: 80%;
    display: inline-block;
    border-left: 1px solid #ddd;
    margin-left: -1px;
}

.area2_con{
    width: 50%;
    float: left;
}

.area2_con:first-child{
    padding-left: 80px;
    box-sizing: border-box;
}

.area2_con .t_c_sec{
    margin-top: 0;
}

.area2_con .blue_circle{
    width: 6px;
    height: 6px;
}

.area2_con span{
    font-size: 15px;
    line-height: 25px;
}

.t_c_sec2{
    align-items: baseline !important;
}

.area3{
    clear: both;
    width: 100%;
    padding-left: 75px;
    padding-top: 10px;
    box-sizing: inherit;
    font-size: 14px;
    color: #666;
    font-weight: 300;
}

.area3 p{
    margin-left: 18px;
}

.sub2_2_sec3{
    width: 100%;
    padding-top: 80px;
}

.sub2_2_sec3 .center>p{
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    color: #111;
    text-align: center;
}

ul.first_ul{
    width: 100%;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.first_ul i{
    color: #10357a;
    font-size: 16px;
    font-weight: bold;
}

ul.first_ul li{
    width: 19%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-top: 6px solid #10357a;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    color: #10357a;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
}

ul.second_ul{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

ul.second_ul li{
    width: 19%;
    padding: 20px 15px;
    box-sizing: border-box;
    border: 1px solid #10357a;
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -0.5px;
}

ul.second_ul li span{
    font-size: 12px;
    display: block;
    line-height: 12px;
}

ul.second_ul li p{
    margin-left: 14px;
}

ul.bar_ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

ul.bar_ul li{
    width: 19%;
}

.bar6{
    width: 1px;
    height: 30px;
    background-color: #10357a;
    margin: 0 auto;
}


/* sub2_3 */
.sub2_3_01{
    width: 100%;
    margin: 60px 0;
}

.sub2_3_01 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sub2_3_01 ul li{
    width: 46%;
    height: 250px;
    background-color: #fff;
    border-top: 10px solid #10357a;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    box-sizing: border-box;
}

.sub2_3_01 ul li p{
    font-size: 18px;
    font-weight: bold;
    color: #10357a;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.text_box3{
    width: 100%;
    height: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 32px;
}

.sub2_3_02{
    width: 100%;
    margin-top: 25px;
}

.sub2_3_02 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sub2_3_02 ul li{
    width: 30.5%;
    height: 110px;
    border: 1px solid #10357a;
    box-sizing: border-box;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sub2_3_02 ul li p{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.sub2_3_02 ul li span{
    font-size: 13px;
    display: block;
    line-height: 13px;
}

.sub2_3_02 ul li:last-child p{
    margin-bottom: 0;
}

.s2_3_sec1 p{
    margin-bottom: 50px;
}

.s2_3_sec1>p>span{
    display: block;
    font-size: 16px;
    font-weight: 300;
}

.sub2_3_tab{
    width: 100%;
    margin: 30px 0 20px;
}

.sub2_3_tab ul{
    width: 70%;
    display: flex;
    justify-content: center;
    border: 1px solid #10357a;
    margin: 0 auto;
    box-sizing: border-box;
}

.sub2_3_tab ul li{
    width: 25%;
    padding: 10px 0;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #10357a;
    font-size: 16px;
    color: #10357a;
    cursor: pointer;
}

.sub2_3_tab ul li:last-child{
    border: 0;
}

.sub2_3_tab ul li.on01{
    border: 0;
    background-color: #10357a;
    color: #fff;
    font-weight: 300;
}

.sub2_3_tabcon{
    width: 100%;
    display: none;
}

div.on01{
    display: block;
}

.area4 .area2_con{
    width: 100%;
}

.sub2_3_con{
    margin-top: 60px;
}

.sub2_3_con ul li{
    width: 15%;
}

.sub2_3_con .ul_bar{
    width: 86.5%;
}


/* sub2_4 */
.sub2_4_ul01{
    width: 100%;
    margin: 40px 0 50px;
}

.sub2_4_ul01 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sub2_4_ul01 ul li{
    text-align: center;
    width: 25%;
    font-size: 16px;
    color: #111;
    font-weight: 300;
    line-height: 28px;
}

.sub2_4_ul01 ul li img{
    display: block;
    margin: 0 auto 10px;
}

.s2_4_sec{
    position: relative;
}

.bar7{
    width: 1px;
    height: 140px;
    background-color: #10357a;
    position: absolute;
    left: 50%;
    top: -170px;
}

.sub2_4_ul02{
    width: 100%;
    margin-top: 100px;
}

.sub2_4_ul02 ul{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.sub2_4_ul02 ul li{
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: #111;
    line-height: 30px;
    position: relative;
    margin-right: 70px;
}

.sub2_4_ul02 ul li:last-child{
    margin-right: 0;
}

.li_num{
    position: absolute;
    color: rgba(16, 53, 122, 0.1);
    font-family: 'GmarketSansBold', sans-serif;
    font-size: 78px;
    left: -5px;
    top: -20px;
}

.sub2_4_con{
    margin-top: 60px;
}

.sub2_4_con ul li{
    width: 25%;
}

.sub2_4_con .ul_bar{
    width: 76.5%;
}


/* sub3 */
.sub3_intro{
    background-image: url(../images/sub3_intro.jpg);
}

.sub3_tab{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.sub3_tab ul{
    width: 30%;
    display: flex;
    border: 1px solid #10357a;
    box-sizing: border-box;
}

.sub3_tab ul li{
    width: 50%;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    color: #10357a;
    cursor: pointer;
}

.sub3_tab ul li.on02{
    background-color: #10357a;
    color: #fff;
    font-weight: 300;
}

.sub3_tabcon{
    width: 100%;
    margin-top: 70px;
    display: none;
}

div.on02{
    display: block;
}

.sub3_tabcon ul{
    width: 100%;
    display: inline-block;
}

.sub3_tabcon ul li{
    width: 24%;
    height: 340px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-right: 1.33%;
    margin-bottom: 25px;
    float: left;
    cursor: pointer;
}

.sub3_tabcon ul li:nth-child(4n){
    margin-right: 0;
}

.con_img{
    width: 100%;
    height: 245px;
    position: relative;
}

.con_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.con_text{
    width: 100%;
    height: 95px;
    font-size: 16px;
    padding: 10px;
    box-sizing: border-box;
}

.page_btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.page_btn a{
    font-size: 18px;
    margin: 0 20px;
    color: #333;
}

.page_btn a.page_num{
    width: 45px;
    height: 45px;
    background-color: #10357a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.con_img_text{
    width: 100%;
    height: 100%;
    background-color: rgba(16, 53, 122, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
}

.sub3_tabcon ul li:hover .con_img_text{
    opacity: 1;
    transition-duration: 1s;
}

.circle_text{
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50px;
    font-size: 16px;
    color: #10357a;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.con_img_text p{
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}

.con_img_text span{
    font-size: 14px;
    color: #fff;
    font-weight: lighter;
    display: block;
    text-align: center;
    margin-top: 5px;
}


/* sub4_1 */
.sub4_intro{
    background-image: url(../images/sub4_intro.jpg);
}

.notice_input{
    width: 100%;
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notice_input>p{
    font-size: 16px;
    color: #666;
    font-weight: 300;
}

.input_box{
    display: flex;
}

.select_box{
    width: 100px;
    height: 40px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
    margin-right: 10px;
}

.select_box i{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 16px;
}

.select_box select{
    font-size: 16px;
    color: #111;
    font-family: 'Noto Sans KR', sans-serif;
}

.input_box input[type='text']{
    width: 300px;
    height: 40px;
    border: 1px solid #ccc;
    margin-right: 10px;
}

.input_box input[type='text']::placeholder{
    font-size: 16px;
    font-weight: 300;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
}

.input_box input[type='text']:-ms-input-placeholder{
    font-size: 16px;
    font-weight: 300;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
}

.input_box input[type='button']{
    width: 90px;
    height: 40px;
    background-color: #10357a;
    color: #fff;
    font-size: 16px;
    font-family: 'Noto Sans KR', sans-serif;
    border: 0;
}

table.notice_table{
    width: 100%;
    margin-top: 25px;
    border-collapse: collapse;
}

table.notice_table th{
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    font-size: 18px;
    color: #111;
    font-weight: normal;
    padding: 10px 0;
}

table.notice_table td{
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}

table.notice_table td:first-child{
    text-align: center;
    font-size: 16px;
    color: #111;
}

.fix{
    font-size: 16px;
    font-weight: bold;
    color: #10357a;
}

table.notice_table td:nth-child(2){
    font-size: 18px;
    color: #111;
    cursor: pointer;
    padding-left: 3%;
    box-sizing: border-box;
}

table.notice_table td:last-child{
    text-align: center;
    font-size: 16px;
    color: #666;
}

.page_btn2{
    margin-top: 60px;
}


/* sub4_1_d */
table.notice_table_d{
    width: 100%;
    margin-top: 50px;
    border-collapse: collapse;
    border-top: 2px solid #10357a;
}

table.notice_table_d th{
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
    font-weight: normal;
    text-align: left;
}

.table_title{
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #111;
}

.admin_section{
    width: 100%;
    font-size: 16px;
    color: #666;
    font-weight: 300;
    margin-top: 10px;
}

table.notice_table_d td{
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 30px 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: #111;
    font-weight: 300;
    line-height: 25px;
}

.back_btn{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.back_btn a{
    width: 250px;
    height: 50px;
    border: 2px solid #10357a;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 500;
    color: #10357a;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* sub4_2 */
.qna_list{
    width: 100%;
    margin-top: 25px;
    border-top: 1px solid #ccc;
}

.qna_list ul{
    width: 100%;
    border-bottom: 1px solid #ddd;
}

li.question_box{
    width: 100%;
    padding: 20px 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

li.on03 i{
    transform: rotate(180deg);
}

li.question_box i{
    font-size: 20px;
    color: #111;
}

.question{
    display: flex;
    align-items: center;
}

.sp{
    font-size: 28px;
    font-family: 'GmarketSansBold';
    margin-right: 40px;
}

.question .sp{
    color: #10357a;
}

.question p{
    font-size: 18px;
    color: #111;
}

li.answer_box{
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 30px 40px;
    box-sizing: border-box;
    background-color: #f8f8f8;
    display: flex;
}

li.answer_box .sp{
    color: #6a984a;
}

li.answer_box span{
    font-size: 15px;
    color: #111;
    font-weight: 300;
    line-height: 25px;
}