@charset "utf-8";

/* 러블리연두의 css입니당 */

/* sub2_3 common */
.bg-cl01 {background:#506b52 !important;}
.bg-cl02 {background:#294788 !important;}
.bg-cl03 {background:#294788 !important;}
.bd-cl04 {background:#c9d5f3 !important;}
.font-cl01 {color:#ff1a1a !important; font-weight:700 !important;}
.underline {text-decoration:underline;}

.sec_frame {width:100%;position:relative;color:#333;padding: 50px 0;}
.sec_layout {width:100%;max-width:1300px;margin:0 auto;position: relative;z-index: 1;}

.sub2_3_ttl {width:100%; padding:20px 0 30px;padding:5px;}
.sub2_3_ttl .cate {display:inline-block;padding: 5px 20px;color:#fff;border-radius: 3px;}
.sub2_3_ttl .ttl {font-size: 40px;font-weight:700;margin:5px 0 10px;}
.sub2_3_ttl .txt {font-size:17px; line-height:25px;}

.box-style {display:flex;width:100%;align-items: center;justify-content: center;}
.box-item {text-align:center;vertical-align:middle;}
.box-item-img img {max-width:100%;}
.box-item .box-txt {color:#fff; font-size:16px; font-weight:500;padding:9px 30px; min-width:50%;display:inline-block; word-break:keep-all;margin:30px auto 0;}

.box-tb-01 {width:100%;border-spacing:0;margin-bottom:20px;}
.box-tb-01 caption {/* height:0; *//* position:absolute; *//* right:-9999px; *//* text-indent:-9999px; */font-size: 14px;text-align: right;padding: 10px 0;font-weight: 400;}
.box-tb-01 tr{background: #f7f7f7;}
.box-tb-01 thead tr th{background: #424d6b;color:#fff;font-size: 18px;padding: 10px 0;border-right: 2px solid #fff;word-break: keep-all;}
.box-tb-01 tr th:last-child, .box-tb-01 tr td:last-child {border-right:0;}
.box-tb-01 tbody tr th {font-weight:500;color: #373737;background: #f5f5f5;padding:10px 0;border-bottom: 1px solid #ddd;}
.box-tb-01 tbody tr td{padding: 8px 10px;color: #484848;border-bottom: 2px solid #fff;border-right: 2px solid #fff;font-size: 16px;}
.box-tb-01 tbody tr th:first-child{border-right: 1px solid #ddd;}

.box-tb-02 {width:100%;border-spacing:0;margin-bottom:20px;}
.box-tb-02 caption {height:0; position:absolute; right:-9999px; text-indent:-9999px;font-size: 0px;}
.box-tb-02 tr{background: #f7f7f7;}
.box-tb-02 tr:nth-child(2n) {background: #e7e7e7;}
.box-tb-02 thead tr th{background: #294788;color:#fff;font-size: 18px;padding: 10px 0;border-right: 2px solid #294788;word-break: keep-all;}
.box-tb-02 tr th:last-child, .box-tb-01 tr td:last-child {border-right:0;}
.box-tb-02 tbody tr th {font-weight:500;color: #373737;background: #f5f5f5;padding:10px 0;border-bottom: 1px solid #ddd;}
.box-tb-02 tbody tr td{padding: 8px 10px;color: #484848;border-bottom: 2px solid #fff;border-right: 2px solid #fff;font-size: 16px;}
.box-tb-02 tbody tr th:first-child{border-right: 1px solid #ddd;}

.box-tb-03 {width:100%;border-spacing:0;margin-bottom:20px;}
.box-tb-03 caption {height:0; position:absolute; right:-9999px; text-indent:-9999px;font-size: 0px;}
.box-tb-03 tr{background: #f7f7f7;}
.box-tb-03 thead tr th{background: #10344b;color:#fff;font-size: 18px;padding: 10px 0;border-right: 2px solid #10344b;word-break: keep-all;}
.box-tb-03 tr th:last-child, .box-tb-01 tr td:last-child {border-right:0;}
.box-tb-03 tbody tr th {font-weight:500;color: #373737;background: #f5f5f5;padding:10px 0;border-bottom: 1px solid #ddd;}
.box-tb-03 tbody tr td{padding: 8px 10px;color: #484848;border-bottom: 2px solid #fff;border-right: 2px solid #fff;font-size: 16px;}
.box-tb-03 tbody tr th:first-child{border-right: 1px solid #ddd;}

.box-tb-04 {width:100%;border-spacing:0;margin-bottom:20px;}
.box-tb-04 caption {height:0; position:absolute; right:-9999px; text-indent:-9999px;font-size: 0px;}
.box-tb-04 tr{background: #f7f7f7;}
.box-tb-04 thead tr th{background: #424d6b;color:#fff;font-size: 18px;padding: 10px 0;border-right: 2px solid #fff;word-break: keep-all;}
.box-tb-04 tr th:last-child, .box-tb-01 tr td:last-child {border-right:0;}
.box-tb-04 tbody tr th {font-weight:500;color: #373737;background: #f5f5f5;padding:10px 0;border-bottom: 1px solid #ddd;}
.box-tb-04 tbody tr td{padding: 8px 10px;color: #484848;border-bottom: 2px solid #fff;border-right: 2px solid #fff;font-size: 16px;}
.box-tb-04 tbody tr th:first-child{border-right: 1px solid #ddd;}

@media screen and (max-width:768px){
    .sub2_3 table td {font-size:13px !important; padding:5px 0 !important;}
    .sub2_3 table th {font-size:14px !important; padding:5px 0 !important;}
}



/* sub2_3 */
.sec_frame01 {padding: 50px 0;}
.sec_frame01:after {display:block; content:''; position:absolute;width:100%;height: 50%;background:#f9f9f9;bottom:0;left:0;z-index: 0;}
.sec_frame01 .box-style .box-item {flex:1 1 auto;}
.sec_frame01 .box-style-01 {margin-bottom:50px;}
.sec_frame01 .box-style-01 .box-item:nth-child(1) {width:50%;}
.sec_frame01 .box-style-01 .box-item:nth-child(2) {margin-top:-100px;}
.sec_frame01 .box-style-02 .box-item .box-ul {display:table;width:100%; font-size:15px;}
.sec_frame01 .box-style-02 .box-item .box-ul li {display:table-cell;width:calc(100% / 6);padding:0 10px;}
.sec_frame01 .box-style-02 .box-item .box-ul li .ttl {background:#fff; color:#0f4a71; font-size:20px; font-weight:700; padding:8px;border:1px solid #ccc;}
.sec_frame01 .box-style-02 .box-item .box-ul li .ttl span{font-size:0.7em}
.sec_frame01 .box-style-02 .box-item .box-ul li .txt {background:#294788;color:#fff;padding:7px;word-break:keep-all;}

.sec_frame02 {padding:50px 0;}
.sec_frame02:before {display:block;content:'';position:absolute;width:100%;height: 70%;background:#f9f9f9;bottom:0;left:0;z-index: 0;}
.sec_frame02:after {display:block;content:'';position:absolute;width:320px;height: 180px;background:url('../img/sub/sub2_3_txt03.png') no-repeat center;right:80px;top: 20%;z-index: 0;}
.sec_frame02 .box-style-01 {margin-top: 13%;}
.sec_frame02 .box-style-01 .box-item:nth-child(2) {margin-top: -20%;margin-left:20px;}

.sec_frame03 {background: #eee;padding: 50px 0 70px;}
.sec_frame03 .box-style-01 .box-item {width:50%;}
.sec_frame03 .box-style-01 .box-item .box-txt-ul {display: table;overflow:hidden;text-align: left;}
.sec_frame03 .box-style-01 .box-item .box-txt-ul li {display: inline-block;width: 48%;/* float: right; */padding: 7px 10px;text-align:left;vertical-align: top;}
.sec_frame03 .box-style-01 .box-item .box-txt-ul li .ttl {font-size: 18px;color: #2b472d;font-weight: 700;padding-left:15px;position:relative;word-break: keep-all;margin-bottom: 5px;}
.sec_frame03 .box-style-01 .box-item .box-txt-ul li .ttl:before {display:block;content:'';position:absolute;width: 4px;height: 18px;background: #2b472d;left:0;top: 5px;}
.sec_frame03 .box-style-01 .box-item .box-txt-ul li .txt {font-size:15px; padding:0 15px;word-break:keep-all;line-height:25px;}
.sec_frame03 .box-style-01 .box-item .box-txt-ul li .txt p {padding-left: 14px;word-break:keep-all;position:relative;}
.sec_frame03 .box-style-01 .box-item .box-txt-ul li .txt p:before {display:block;content:'';position:absolute;width: 6px;height: 1px;background: #2b472d;left:0;top: 13px;}
.sec_frame03 .box-style-01 .box-item .box-txt-ul li .txt p span {font-weight:700;}

/* sec_frame04 수정 */
/*
.sec_frame04 {}
.sec_frame04 .box-style-01 .box-item {padding:50px 30px;}
.sec_frame04 .box-style-01 .box-item:nth-child(1) {width:30%;}
.sec_frame04 .box-style-01 .box-item:nth-child(2) {width:70%;}
.sec_frame04 .box-style-02 {width:100%;display: block;}
.sec_frame04 .box-style-02 .box-item-tb {padding:30px 0;}
*/
.sec_frame04 {}
.sec_frame04 .box-style-01 .box-item {padding:50px 30px;overflow: hidden;}
.sec_frame04 .box-style-01 .box-item:nth-child(1) {/* width:30%; */position: absolute;left: 0;top: 30px;}
.sec_frame04 .box-style-01 .box-item:nth-child(2) {width: 100%;}
.sec_frame04 .box-style-01 .box-item:nth-child(2) .box-tb-wr{width:70%;float: right;padding-top: 70px;}
.sec_frame04 .box-style-02 {width:100%;display: block;}
.sec_frame04 .box-style-02 .box-item-tb {padding:30px 0;}


.sec_frame05 {/* padding:50px 0; */background:#f7f7f7;}
.sec_frame05 .box-style-01 .box-item {padding:50px 30px;}
.sec_frame05 .box-style-01 .box-item .info {text-align:center;margin-top: 30px;}
.sec_frame05 .box-style-01 .box-item .info .ttl {word-break:keep-all;color:#333;margin-bottom:20px;padding-bottom:15px;position:relative;}
.sec_frame05 .box-style-01 .box-item .info .ttl:before {display:block; content:''; position:absolute; width:20px;height:1px;background:#333;bottom:0;left:50%;transform:translateX(-50%);}
.sec_frame05 .box-style-01 .box-item .info .ttl .ttl-bd {font-weight:700; font-size:20px;}
.sec_frame05 .box-style-01 .box-item .info .ttl .ttl-eng {font-weight:400;font-size:16px;}
.sec_frame05 .box-style-01 .box-item .info .txt {font-size:15px;word-break:keep-all;}

.box-tabs {display:block;text-align:center;overflow:hidden;position: relative;width: 100%;margin: 0 auto 10px;}
.box-tabs ul li {transition:all 0.3s ease;position:relative;cursor:pointer;text-align: center;display:inline-block;margin: 10px 5px;font-size:16px;padding: 10px 25px;color: #adadad;border: 1px solid #eee;background: #fdfdfd;width: calc(20% - 15px);}
.box-tabs ul li.current{color: #0f4a71;position:relative;transition:all 0.3s ease;background: #efefef;font-weight: 700;}
.boxtab-content {display: none;overflow: hidden;width: 100%;height: 100%;transition:all 0.3s ease;}
.boxtab-content.current {display: block;}
.cate-ttl {display:inline-block;padding: 5px 20px;color:#fff;background: #10344b;border-radius: 5px;font-size: 17px;font-weight: 500;margin: 20px auto 10px;}
.cate-ttl2 {background: #f7f6f6;width:100%;padding: 10px;font-size:15px;}
.tb-all {background: #f7f6f6;margin:20px auto;width:100%;padding: 20px;}
.tb-all .all01 {color:#0f4a71;font-weight:700;font-size: 20px;}
.tb-all .all02 {color:#828282;font-size:16px;padding-top:5px;}

.sec_frame06 {/* padding: 50px 0; */}
.sec_frame06 .box-style-01 {align-items: normal;}
.sec_frame06 .box-style-01 .box-item-img {/* margin-top:-100px; */}
.sec_frame06 .box-style-01 .box-item-txt {text-align:left;width: 45%;padding:50px 0 10px;}
.sec_frame06 .box-style-01 .box-item-txt .cate {display:inline-block;padding: 5px 20px;color:#fff;background: #506b52;font-size: 17px;font-weight: 500;margin: 5px 0;}
.sec_frame06 .box-style-01 .box-item-txt .ttl {padding: 0;display: block;position: relative;font-weight: 700;font-size: 26px;}
.sec_frame06 .box-style-01 .box-item-txt .txt {position: relative;padding-top: 45px;margin-top: 5px;font-size: 16px;}
.sec_frame06 .box-style-01 .box-item-txt .txt::before{display:block;content:'';background:#b9b9b9;width:2px;height: 40px;left:0;top:0;position: absolute;}

.sec_frame07 {padding: 50px 0;}
.sec_frame07 .box-style-01 {flex-wrap:wrap;}
.sec_frame07 .box-style-01 .sub2_3_ttl {text-align:left;}
.sec_frame07 .box-style-01 .box-item {flex: 1 0 33%;width: auto;float: left;padding:10px 5px; position:relative;}
.sec_frame07 .box-style-01 .box-item .exp-info {position:absolute;bottom:30px;left:5px;background:rgba(0,0,0,0.7); color:#fff; padding:10px 15px;font-size:14px;text-align:left;}
.sec_frame07 .box-style-01 .box-item .exp-info ul li {overflow:hidden;margin:3px 0;}
.sec_frame07 .box-style-01 .box-item .exp-info ul li span.ttl {float:left;width: 40px;font-weight:700;}
.sec_frame07 .box-style-01 .box-item .exp-info ul li span.txt {float:left; width:calc(100% - 40px); }

.sec_frame08 {background: #f3f3f3;padding:50px 0;}
.sec_frame08 .box-style-02 .box-item .con_list {padding:30px 0;}
.sec_frame08 .box-style-02 .box-item .con_list  ul{text-align:center}
.sec_frame08 .box-style-02 .box-item .con_list  ul li{display:inline-block;padding: 15px;}
.sec_frame08 .box-style-02 .box-item .con_list  .txt{text-align:center;padding: 10px 0;}
.sec_frame08 .box-style-02 .box-item .con_list  .img{width: 170px;height: 170px;background-image: url('../img/sub/sub2_3_img18.png');background-repeat: no-repeat;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img01{background-position: 0 0;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img02{background-position: -210px 0;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img03{background-position: -415px 0;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img04{background-position: -613px 0;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img05{background-position: -833px 0;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img06{background-position: -1038px 0px;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img07{background-position: 0px -240px;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img08{background-position: -212px -242px;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img09{background-position: -410px -243px;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img10{background-position: -615px -243px;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img11{background-position: -818px -243px;}
.sec_frame08 .box-style-02 .box-item .con_list  .img.img12{background-position: -1014px -243px;}
.sec_frame08 .box-style-02 .box-item .con_list .img.img13{background-image:url('../img/sub/sub2_3_img18_gr.png')}
.sec_frame08 .box-style-02 .box-item .con_list .img.img14{background-image:url('../img/sub/sub2_3_img18_sm.png')}
.sec_frame08 .box-style-02 .box-item .con_list .img.img15{background-image:url('../img/sub/sub2_3_img18_bl.png')}

.sec_frame09 {padding:50px 0; background:#f7f7f7;}
.sec_frame09 .box-style-01 .box-item {padding:50px 30px;}
.sec_frame09 .box-style-01 .box-item .info {text-align:center;margin-top: 30px;}
.sec_frame09 .box-style-01 .box-item .info .ttl {word-break:keep-all;color:#333;margin-bottom:20px;padding-bottom:15px;position:relative;}
.sec_frame09 .box-style-01 .box-item .info .ttl:before {display:block; content:''; position:absolute; width:20px;height:1px;background:#333;bottom:0;left:50%;transform:translateX(-50%);}
.sec_frame09 .box-style-01 .box-item .info .ttl .ttl-bd {font-weight:700; font-size:20px;}
.sec_frame09 .box-style-01 .box-item .info .ttl .ttl-eng {font-weight:400;font-size:16px;}
.sec_frame09 .box-style-01 .box-item .info .txt {font-size:15px;word-break:keep-all;}


@media screen and (max-width:1800px){
    .sec_frame02:after {top:50px;left:30%; width:250px; height:150px; background-size:100%;}
}

@media screen and (max-width:1300px){
    .sec_frame01 {padding:50px 20px;}
    .sec_frame01 .box-style-01 .box-item:nth-child(1) {width:35%;}
    .sec_frame01 .box-style-01 .box-item:nth-child(2) {width:65%;padding: 5px 0;}
    .sec_frame01 .box-style-02 .box-item .box-ul li {padding:0 3px;}
    .sec_frame01 .box-style-02 .box-item .box-ul li .ttl {font-size:17px;padding:5px;}
    .sec_frame01 .box-style-02 .box-item .box-ul li .txt {font-size:14px;padding:5px;}

    .sec_frame02 {padding:50px 20px;}

    .sec_frame03 {padding: 30px 20px;}
    .sec_frame03 .box-style-01 .box-item:nth-child(1) {text-align:center;padding:20px;width: 40%;}
    .sec_frame03 .box-style-01 .box-item:nth-child(2) {width:60%;}

    .sec_frame04 {padding:30px 20px;}
    .sec_frame05 {padding:30px 20px;}
    .sec_frame06 {padding:0 20px 50px;}
    .sec_frame09 {padding:30px 20px;}
    .sec_frame07 {padding:50px 20px;overflow: hidden;}
    .sec_frame08 {padding: 30px 20px;}
}
@media screen and (max-width:1024px){
    .sec_frame04 .box-style-01 .box-item:nth-child(1){width: 700px;}
}
@media screen and (max-width:960px){
    .sec_frame07 .box-style-01 .box-item {flex:1 0 50%;padding: 2px;}
    .sec_frame07 .box-style-01 .sub2_3_ttl .exp {width:50%;}

    .sec_frame08 .box-style-02 .box-item .con_list {padding:0;}
}

@media screen and (max-width:768px){
    .sub2_3_ttl .cate {font-size:15px;}
    .sub2_3_ttl .ttl {font-size:30px;}
    .sub2_3_ttl .txt {font-size:15px;}

    .sec_frame01 .box-style-01 {display:block;}
    .sec_frame01 .box-style-01 .box-item {width:100% !important;display:block;padding:10px;text-align:center; margin:0 !important;}
    .sec_frame01 .box-style-02 .box-item .box-ul {display:block;}
    .sec_frame01 .box-style-02 .box-item .box-ul li {width:40%; display:inline-block;margin-bottom:10px;}

    .sec_frame02:before {height:80%;}
    .sec_frame02:after {left:auto;right:50px;width:30%;height:130px;}
    .sec_frame02 .box-style-01 {display:block;}
    .sec_frame02 .box-style-01 .box-item {width:100% !important;display:block;padding: 10px 0;text-align:center;margin:0 !important;}
    .sec_frame02 .box-style-01 .box-item img {max-width: 100%;}

    .sec_frame03 .box-style-01 {display:block;}
    .sec_frame03 .box-style-01 .box-item {width:100% !important;display:block;}
    .sec_frame03 .box-style-01 .box-item:nth-child(1) img {max-width: 100%;}
    .sec_frame03 .box-style-01 .box-item .box-txt-ul li .ttl {font-size:15px;}
    .sec_frame03 .box-style-01 .box-item .box-txt-ul li .txt {font-size:14px; line-height:25px;}

    .sec_frame04 .box-style-01 {display:block;}
    .sec_frame04 .box-style-01 .box-item {width:100% !important;display:block;}
    .sec_frame04 .box-style-01 .box-item:nth-child(1) {padding:0 0 10px;position: static;}
    .sec_frame04 .box-style-01 .box-item:nth-child(2) {padding:0;}
    .sec_frame04 .box-style-01 .box-item:nth-child(2) .box-tb-wr{float:none;width:100%;padding: 0;}

    .sec_frame05 .box-style-01 {align-items:flex-start;}
    .sec_frame05 .box-style-01 .box-item {flex:1 0 30%; width: 30% !important;padding: 10px 0;margin: 0 1.5%;}
    .sec_frame05 .box-style-01 .box-item .info .ttl {margin-bottom:10px;padding-bottom:10px;}
    .sec_frame05 .box-style-01 .box-item .info .ttl .ttl-bd {font-size:15px;}
    .sec_frame05 .box-style-01 .box-item .info .ttl .ttl-eng {font-size:13px;}
    .sec_frame05 .box-style-01 .box-item .info .txt {font-size:14px;}

    .sec_frame04 .box-style-02 .box-item-tb {padding:0 0 20px;}
    .box-tabs ul {display:block;}
    .box-tabs ul li {font-size:15px;padding:10px 5px; width:45%;display:inline-block;margin:1px 0;}
    .tb-all {padding:10px;}
    .tb-all .all01 {font-size:15px;}
    .tb-all .all02 {font-size:13px;}
    .cate-ttl2 {font-size:14px;padding:5px;}

    .sec_frame06 .box-style-01 {display:block;}
    .sec_frame06 .box-style-01 .box-item {width:100% !important;display:block;margin:0;padding: 20px 0;}
    .sec_frame09 .box-style-01 {display:block;}
    .sec_frame09 .box-style-01 .box-item {width:100% !important;display:block;padding: 10px 0;}

    .sec_frame07 .box-style-01 {display:block;}
    .sec_frame07 .box-style-01 .box-item.sub2_3_ttl {padding:0 0 40px;}
    .sec_frame07 .box-style-01 .box-item {width:100%; display:block;}
    .sec_frame07 .box-style-01 .box-item img {width:100%;}
    .sec_frame07 .box-style-01 .box-item .exp-info {position:relative;left:0;bottom:0;background:#202020; padding:5px 20px;}


}

@media screen and (max-width:480px){
    .sub2_3_ttl .cate {font-size:14px;}
    .sub2_3_ttl .ttl {font-size:25px;}
    .sub2_3_ttl .txt {font-size:14px; line-height:23px;}
    
    .box-tabs ul li {width:100%; padding:5px;font-size:14px;}

    .sec_frame05 .box-style-01 {display:block;}
    .sec_frame05 .box-style-01 .box-item {display:block; width:100% !important;}
    .sec_frame05 .box-style-01 .box-item img {max-width:200px;}

    .sec_frame03 .box-style-01 .box-item .box-txt-ul {display:block;}
    .sec_frame03 .box-style-01 .box-item .box-txt-ul li {width:100%; display:block;}

    .sec_frame06 .box-style-01 .box-item-txt .txt {font-size:14px;}
    .sec_frame06 .box-style-01 .box-item-txt .cate {font-size:14px;}
}