@charset "utf-8";
@font-face {
    font-family: 'Hardworking';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_06@1.0/Hardworking.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.page-content .section { position:relative;}

.sec1 { display:flex; justify-content: space-between; align-items:center;flex-direction:column; }
.sec1 .txt { width:55%; font-size:1.125rem; color:#111; margin-right:5%; }
.sec1 .txt .head { font-size:2.3rem; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #ddd; line-height:1.4; }
.sec1 .txt .head b { color:var(--main-color5); }
.sec1 .txt .desc { line-height:1.6; }

.sec1 .img .photo { position:relative; z-index:2; margin-bottom:25px; padding:0 20px 20px 0; }
.sec1 .img .photo:before { content:""; position:absolute; left:15%; top:35%; right:0; bottom:0; background:var(--main-color5); z-index:-1; }
.sec1 .img .photo img { width:100%; border-radius:150px 0 0 0; overflow:hidden; }

.sec1 .img .sign { text-align:right; margin-right:20px;font-size: 1.25rem; }
.sec1 .img .sign span { font-size: 4rem; font-family: 'Hardworking';  padding-left: 30px; }

.sec-tit{
    margin:1.5rem auto 0 auto;
}
.sec-tit > h3{
    font-size:1.6rem;
}

.sec-btn-area{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    align-items: stretch;
    justify-content: center;
    justify-items: center;
    gap:1rem;
    padding:5px;        
    margin:1rem auto;
}


.sec-btn-area .sec-btn-a{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    border:1px solid #dedede;
    width:100%;
    padding:1em;
    transition:all 0.5s;
    font-weight:500;
    overflow:hidden;
}

.sec-btn-area .sec-btn-a:hover,.sec-btn-area .sec-btn-a:active{
    border-color:#1748a4;
    transition:all 0.5s;
    box-shadow:2px 2px 5px #1748a450;
    color:#1748a4;
    font-weight:600;
}

.sec-btn-area .sec-btn-a .icon{
    margin:.25em auto 0.5em auto;
    transition:all 0.2s; 
    overflow:hidden;
}

.sec-btn-area .sec-btn-a:hover .icon,.sec-btn-area .sec-btn-a:active .icon {
    transform:rotateY(-180deg);
    transition:all 0.2s;
}

.sec-btn-area .sec-btn-a .link-title{
    display:inline-flex;
    position:relative;
}

.sec-btn-area .sec-btn-a .link-title:after{
    content:' > ';
    font-weight:600;
    margin-left:0.5em;
}

.special-btn-area{
    padding:0;
    grid-template-columns:repeat(2,1fr);
}

.special-btn-area .sec-btn-a{
    flex-direction:row;
    padding:0;
    overflow:hidden;
}

.special-btn-area .sec-btn-a .icon{
    flex:0 0 auto;
    width:60%;
    height:100px;
    margin:0;
    overflow:hidden;
    position:relative;
    transition:all 0.2s;        
}
.special-btn-area .sec-btn-a .icon > img{
    position:absolute;
    max-width:initial;
    width:100%;
    height:100%;
    transition:all 0.5s;
    filter:brightness(0.3);
}
.special-btn-area .sec-btn-a:hover .icon,.special-btn-area .sec-btn-a:active .icon {
    transform:initial;
    transition:all 0.2s;
}
.special-btn-area .sec-btn-a:hover .icon > img,.special-btn-area .sec-btn-a:active .icon > img{
    transform:scale(1.1);
    transition:all 0.5s;
    filter:brightness(1);
}

.special-btn-area .sec-btn-a .link-title{
    display:inline-flex;
    position:relative;
    flex:1;
    align-items: stretch;
    justify-content: center;
    padding:1rem;
}

.section.sec1{position:relative;width:100%;height:100%;}
.section.sec1 .swiper { width:calc(100%); margin:0; }

.section.sec1 .swiper-slide .image { position:relative; }
.section.sec1 .swiper-slide .image:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.6); }
.section.sec1 .swiper-slide .image .img { height:470px; background:#eee no-repeat center/cover; }
.section.sec1 .swiper-slide .content { position: absolute; width:100%; background-color:rgba(0,0,0,0.35);left:0; bottom:0; padding:1em; color:#fff; display:flex; justify-content:center; flex-direction:column; z-index:9; display:none !important;}
.section.sec1 .swiper-slide .content .head {font-weight: 600; font-size:1.4rem; }

.section.sec1 .nav {display:flex; }
.section.sec1 .nav div {
    width: 45px; 
    height: 45px; 
    border-radius:99px; 
    background:#111; 
    color:#fff; line-height:initial; 
    cursor:pointer; 
    text-align: center; 
    margin-right:5px; 
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.section.sec1 .playstop .fa-play,
.section.sec1 .playstop.on .fa-pause { display:none; }
.section.sec1 .playstop.on .fa-play { display:inline; }

@media (max-width: 1024px) {
    .sec1 {align-items:center; }
    .sec1 .txt { width:100%; max-width:700px; margin-top:50px; font-size:1rem; }
    .sec1 .txt .head { font-size:1.5rem; padding-bottom:25px; margin-bottom:30px; }
}

@media (max-width: 767px) {
    .sec1 > div { max-width:90%; margin:0 auto; }
}
.fc_ver2_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}
.daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.daon_ver2_sub_type1 {width:100%; }
.daon_ver2_sub_type1:after{ content:""; display:block; clear:both;}
.daon_ver2_sub_type1 .special_area {width:100%; padding:40px 0px; }
.daon_ver2_sub_type1 .special_area:first-child {padding-top:0;}
.daon_ver2_sub_type1 .special_area > ul {min-height:450px; }

.daon_ver2_sub_type1 .special_area > ul > li{ position:relative; width:100%; min-height:450px; overflow:visible;  }
.daon_ver2_sub_type1 .special_area > ul > li:before,.daon_ver2_sub_type1 .special_area ul li:after{display:table;content:'';clear:both;}

.daon_ver2_sub_type1 .special_area > ul > li:last-child {margin-bottom:0;}
.daon_ver2_sub_type1 .special_area > ul > li > div{overflow:hidden; box-sizing:border-box;}
.daon_ver2_sub_type1 .special_area > ul > li .special_img{width:48%;float:left;position:relative; }
.daon_ver2_sub_type1 .special_area > ul > li .special_img img {width:100%; }
.daon_ver2_sub_type1 .special_area > ul > li:nth-of-type(odd) .special_img{right:unset; left:0;}
.daon_ver2_sub_type1 .special_area > ul > li:nth-of-type(odd) .special_info{text-align:left; }
.daon_ver2_sub_type1 .special_area > ul > li:nth-of-type(odd) .special_info{float:right; right:0; width:50%; padding-right:0; padding-left:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
.daon_ver2_sub_type1 .special_area > ul > li .special_info{position:relative; width:50%; display:table; min-height:415px; padding-right:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
.daon_ver2_sub_type1 .special_area > ul > li .special_info div.special_txt {display:table-cell; vertical-align:middle;  }
.daon_ver2_sub_type1 .special_area > ul > li .special_info div.special_txt dl{width:100%; margin:0; padding:0; overflow:hidden; background-color:none; }
.daon_ver2_sub_type1 .special_area > ul > li .special_info div.special_txt dl dt em{display:block; margin:0; padding:0; font-size:13px; line-height:1em; font-weight:400; font-style:normal; color:#aaa; letter-spacing:0.15em;}
.daon_ver2_sub_type1 .special_area > ul > li .special_info div.special_txt dl dt.special_tit{font-size:1.85em; font-weight:600; margin:15px 0 20px 0; }
.daon_ver2_sub_type1 .special_area > ul > li .special_info div.special_txt dl dd{position:relative; color:#777; line-height:1.6em; word-break:keep-all;}
.daon_ver2_sub_type1 table.special_tbl{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee; margin-top:20px; }
.daon_ver2_sub_type1 table.special_tbl th{ width:20%; text-align:center; color:#333; font-size:0.9em; font-weight:500; padding:8px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.daon_ver2_sub_type1 table.special_tbl td{ width:80%; text-align:left; font-size:0.9em; padding:8px 20px; border-bottom:1px solid #eee; border-right:1px solid #eee;}	
.daon_ver2_sub_type1 table.special_tbl td span{
    display:inline-flex;
}

@media screen and (max-width:1240px){		
    .daon_ver2_sub_type1 .special_area > ul > li .special_img{width:47%; }
    .daon_ver2_sub_type1 .special_area > ul > li {min-height:auto; }
    .daon_ver2_sub_type1 .special_area > ul > li .special_info div.special_txt {vertical-align:top;}
}
    
@media screen and (max-width:992px){		
    .pg-sub > .content-body {
        padding: 10px 0;
    }
    .daon_content_wrap{padding:0 2%;}
    .daon_ver2_page_title{margin-bottom:50px;}	
    .daon_ver2_page_title h1{font-size:1.85em;}
    .daon_ver2_page_title h2{font-size:1em;}
    .daon_s_tit{font-size:1.2em;}

    .daon_ver2_sub_type1 .special_area > ul >  li .special_img{position:relative; width:100%; }
    .daon_ver2_sub_type1 .special_area > ul >  li:nth-of-type(odd) .special_info{  float:none;  width:94%; margin:0 auto; padding:0 5%; background-color:rgba(255,255,255,1);}
    .daon_ver2_sub_type1 .special_area > ul >  li .special_info{top:initial; float:none; width:94%; min-height:auto; margin:0 auto; padding:0 5%; background-color:rgba(255,255,255,1);}
    .daon_ver2_sub_type1 .special_area > ul >  li .special_info div.special_txt {float:left; width:100%; margin-top:30px; text-align:center; }
}

@media (max-width: 767px) {
    .special-btn-area .sec-btn-a .icon{
        flex:0 0 auto;
        width:100%;
        height:100px;
        border:1px solid #dedede;
        margin:0;
        overflow:hidden;
        position:relative;
        transition:all 0.2s;        
    }
    .special-btn-area .sec-btn-a{
        flex-direction:column;
        padding:0;
        overflow:hidden;
    }
    
}

@media (max-width: 639px) {
    .special-btn-area{
        padding:0;
        grid-template-columns:repeat(1,1fr);
    }
}

/* 라인 스타일 테이블 전용 */

.pr_tbl{border:0;width:100%;border-collapse:collapse; border-top:2px solid #333; border-bottom:1px solid #333;}
.pr_tbl th,.pr_tbl td{background-color:#ffffff;padding:0.75em 1em;}
.pr_tbl thead th{text-align:center; border-bottom:1px solid #333;}
.pr_tbl tbody th{text-align:center;}
.pr_tbl tbody td{text-align:center; border-bottom:1px solid #ccc; line-height:1.6;}
.pr_tbl tbody td.left{text-align:left;}
.pr_tbl tbody td.right{text-align:left;}