@charset "utf-8";


#wrap {}

/* 모바일 박스 영역 */
.m_box {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#f9b43c; z-index:999; text-align:center; padding:20px; display:none;}
.m_box .m_tit {padding-top:20px; font-size:1.875rem; color:#fff;}
.m_box .m_tit:after {content:""; display:block; width:100%; height:1px; background-color:#fff; margin:30px 0px;}
.m_box .m_tit > span {font-weight:350;}
.m_box .m_close {position:absolute; top:20px; right:20px;}
.m_box .m_close > i {font-size:60px; color:#fff; animation-duration: 1s; animation-name: close_rotation;}

.m_box .m_list > li {font-size:1.5625rem; margin-bottom:15px;}
.m_box .m_list > li > a {color:#fff;}

@keyframes close_rotation {
    from {transform: scale(0) rotate(0deg);  opacity:0;}
    to {transform: scale(1) rotate(360deg);  opacity:1;}
}


@media screen and (max-width:768px){
    .m_box .m_tit {font-size:1.5625rem;}
    .m_box .m_list > li {font-size:1.4375rem;}

}

.overlay-con .btn_close{
    position: absolute; right: 50px; top: 50px; width: 50px; height: 50px; cursor:pointer;

}


/* 해더 영역 */
#header {position:fixed; top:0px; left:0px; width:100%; z-index:99; background-color:#fff;}
#header .h_center{display:flex; justify-content:space-between; align-items:center; width:1760px; /*width:92.486%;*/ margin:0px auto; height:92px; box-sizing:border-box;}
#header .h_logo {width:270px;}
#header.drop {
	position: fixed;
	animation: dropHeader 0.3s;
	/* background-color:rgba(255,255,255,.7);
	-webkit-box-shadow: 0 2px 10px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 2px 10px rgba(255, 255, 255, 0.5);
	box-shadow: 0 2px 10px rgba(255, 255, 255, 0.5); */
    box-shadow : 0px 2px 20px 5px #5b5b5b29;
    background-color:#fff;
}

@keyframes dropHeader {
	0% {
	  top: -5rem;
	}
	100% {
	  top: 0;
	}
} 
  
#header .h_gnb {}
#header .h_gnb:after {content:""; display:block; clear:both;}
#header .h_gnb > li {float:left; width:160px; height:53px; margin-left:15px; border-radius:50pt; border:2px solid #d8d8d8; background-color:#fff; box-sizing:border-box;}
#header .h_gnb > li:first-child {margin-left:0px;}
#header .h_gnb > li > a {display:block; height:100%; color:#191a1a; font-size:1.25rem; text-align:center; line-height:53px; font-weight:700; font-family:"Pretendard"; box-sizing:border-box;}
#header .h_gnb > li:nth-child(1) {border-color:#e45442; background:url("/images/gnb_icon012024.png") no-repeat left 20px center;}
#header .h_gnb > li:nth-child(1) > a,#header .h_gnb > li:nth-child(2) > a {padding-left:58px; text-align:left;}
#header .h_gnb > li:nth-child(2) {border-color:#f1812e; background:url("/images/gnb_icon022024.png") no-repeat left 20px center;}
#header .h_gnb > li:nth-child(5) {background-color:#f15e6a; border:none;}
#header .h_gnb > li:nth-child(6) {background-color:#f15e6a; border:none;}
#header .h_gnb > li:nth-child(5) > a {color:#fff;}
#header .h_gnb > li:nth-child(6) > a {color:#fff;}
#header .m_btn {position:relative; display:none; width:50px; height:50px; background-color:#f9b43c; border-radius:50%;}
#header .m_btn > i {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:30px; color:#fff;}
#header.on {background-color:#fff;}


@media screen and (max-width:1800px){
    #header .h_center {width:96%;}
}
@media screen and (max-width:1300px){
    #header .h_logo {width:250px;}
    #header .h_logo > a {display:block;}
    #header .h_logo > a > img {width:100%;}
    #header .h_gnb > li {width:145px; height:50px; margin-left:10px;}
    #header .h_gnb > li > a {font-size:1.125rem; line-height:50px;}
    #header .h_gnb > li:nth-child(1) > a,#header .h_gnb > li:nth-child(2) > a {padding-left:52px;}
}
@media screen and (max-width:1200px){
    #header .h_logo {width:230px;}
    #header .h_center {height:auto; padding:18px 0px;}
    #header .h_gnb > li {width:130px; height:45px; margin-left:5px;}
    #header .h_gnb > li > a {font-size:1.0625rem; line-height:45px;}
    #header .h_gnb > li:nth-child(1) > a,#header .h_gnb > li:nth-child(2) > a {padding-left:43px;}
    #header .h_gnb > li:nth-child(1) {background:url("/images/gnb_icon01.png") no-repeat left 15px center/20px;}
    #header .h_gnb > li:nth-child(2) {background:url("/images/gnb_icon02.png") no-repeat left 15px center/15px;}
}
@media screen and (max-width:1024px){
    #header .h_logo {width:210px;}
    #header .h_gnb {display:none;}
    #header .m_btn {display:block;}

}
@media screen and (max-width:768px){
    #header .h_center {width:91%; padding:15px 0px;}
    #header .h_logo {width:180px;}
    #header .m_btn { width:45px; height:45px;}
    #header .m_btn > i { font-size:25px;}
}
@media screen and (max-width:600px){
    #header .h_logo {width:160px;}
}







/* 메인 영역 */
#main {position:relative; background: #FFF url("/images/main_bg2026.gif") no-repeat center/cover; }  
#main .m_center { width:1760px; margin:0px auto; height:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;}
#main .m_cont1 {
    display: flex;
	flex-direction: column;
    width: 100%;
    height: 750px;
    margin-top: 200px;
}




/* 메인 tit */
#main .m_text {position:relative; z-index:88; color:#000;}
#main .m_text .m_top_yellow {display:block; margin-bottom:10px; font-size:2.1875rem; color:#f2ce5e; text-shadow:-1px 0 #40ae49, 0 1px #40ae49, 1px 0 #40ae49, 0 -1px #40ae49; }
#main .m_text .m_top_tit {margin-bottom:35px; font-size:5.5rem; line-height:1; font-weight:400; font-family:"Pretendard";}
#main .m_text .m_middle_tit {font-size:4.375rem; font-weight:700; line-height:1; letter-spacing:-3px; font-family:"Pretendard";} 
#main .m_text .m_bot_tit {display:flex; align-items:center; justify-content:space-between; font-size:1.5625rem; font-weight:600; font-family:"Pretendard";} 
#main .m_text .m_bot_tit > span {font-weight:700;} 

#main .m_r_text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 50px;
}
#main .m_r_text > li {
	margin-bottom: 15px;
    color: #000;
    font-size: 1.825rem;
    text-decoration: underline;
    text-underline-offset: 20px;
    font-weight: 800;
    font-family: "Pretendard";
}
#main .m_r_text > li:last-child {margin-bottom:0px;}

#main .m_img {position:absolute; top:160px; right:0px; animation:bgMotion6 5s linear forwards infinite alternate;}

#main .m_cont2 {width:100%; color:#fff; font-family:"Pretendard";}
#main .m_cont2_list {display:flex; justify-content:space-between;}
#main .m_cont2_list > li {width:47.5%; padding:30px 30px 50px;}
#main .m_cont2_list > li:nth-child(1) {background-color: #f69daa; }
#main .m_cont2_list > li:nth-child(2) {background-color: #705787; }
#main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:700px;}
#main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:700px;}

#main .m_cont2_list .cont2_tit {display:block; font-size:1.875rem; font-weight:600; line-height:1;}
#main .m_cont2_list .cont2_tit:after {content:""; display:block; width:100%; height:1px; background-color:#fff; margin:20px 0px;}
#main .m_cont2_list .cont2_sub > li {display:flex; margin-bottom:10px;}
#main .m_cont2_list .cont2_sub > li:last-child {margin-bottom:0px;}
#main .m_cont2_list .cont2_sub > li > b {display:block; margin-right:48px; min-width:100px; font-size:1.4375rem; font-weight:600; text-align:center;}
#main .m_cont2_list .cont2_sub > li > .text {}
#main .m_cont2_list .cont2_sub > li > .text > p {font-size:1.4375rem; font-weight:300;}
#main .m_cont2_list .cont2_sub .s_text {margin:20px 0;}
#main .m_cont2_list .cont2_sub .s_text > li {margin-bottom:5px;}
#main .m_cont2_list .cont2_sub .s_text > li:last-child {margin-bottom:0px;}
#main .m_cont2_list .cont2_sub .ss_text {margin-top:0px;}
#main .m_cont2_list .cont2_sub .title_sp { background:#f7941d; padding: 3px 15px; border-radius: 10px; display: inline-block; }
#main .m_cont2_list .cont2_sub .dot_s_text > li {position:relative; padding-left:15px; word-break:keep-all; margin-top:5px;}
#main .m_cont2_list .cont2_sub .dot_s_text > li:after {content:"*"; display:block; position:absolute; top:5px; left:0px;}



#main .m_logo_wrap {display:flex; justify-content: center; align-items:center; width:100%; height:80px; margin:40px auto; padding:0 20px; background-color:#fff; border-radius:8px;}
#main .m_logo_wrap .logo_box {display:flex; align-items:center; margin-right:65px;}
#main .m_logo_wrap .logo_box:last-child {margin-right:0px;}
#main .m_logo_wrap .logo_box > b {display:block; margin-right:15px; font-size:1.125rem; color:#222; font-weight: 800; }
#main .m_logo_wrap .logo_list {display:flex; align-items:center; line-height:1;}
#main .m_logo_wrap .logo_list > li {margin-right:20px;}
#main .m_logo_wrap .logo_list > li:last-child {margin-right:0px;}


@media screen and (max-width:1800px){
    #main .m_center {width:96%;}
}

@media screen and (max-width:1795px){
    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:630px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:630px;}
}

@media screen and (max-width:1700px){
    #main .m_img {top:170px;}
    #main .m_img > img {width:1100px;}

    /* #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:900px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:900px;} */

    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:680px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:680px;}

}
@media screen and (max-width:1670px){


    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:700px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:700px;}

}




@media screen and (max-width:1600px){
    #main .m_img {top:170px;}
    #main .m_img > img {width:1000px;}

    #main .m_text .m_top_tit {font-size:6.25rem;}
    #main .m_text .m_middle_tit {font-size:3.75rem;}
    #main .m_text .m_bot_tit {font-size:1.25rem;}
    /* #main .m_text .m_middle_tit {font-size:1.4375rem;}
    #main .m_text .m_bot_tit {font-size:2.375rem;} */

    #main .m_r_text > li {font-size:1.25rem;}



    #main .m_logo_wrap .logo_box > b {min-width:40px;}



}
@media screen and (max-width:1500px){
    #main .m_img {top:180px;}
    #main .m_img > img {width:900px;}
    #main .m_text .m_top_yellow {font-size:1.875rem;}
    #main .m_text .m_top_tit {font-size:5.625rem;}
    /* #main .m_text .m_top_tit {font-size:5.625rem;}
    #main .m_text .m_middle_tit {font-size:1.25rem;}
    #main .m_text .m_bot_tit {font-size:2.0625rem;} */
    #main .m_cont1 {height:787px;}

    /* #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:950px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:950px;} */
}

@media screen and (max-width:1450px){
    /* #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:1000px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:1000px;} */
}



@media screen and (max-width:1400px){
    #main .m_img {top:190px;}
    #main .m_img > img {width:800px;}
    #main .m_text .m_top_yellow {font-size:1.75rem;}
    #main .m_text .m_top_tit {font-size:5rem;}
    #main .m_text .m_middle_tit {font-size:3.125rem;}
    /* #main .m_text .m_top_tit {font-size:5rem;}
    #main .m_text .m_middle_tit {font-size:1.25rem;}
    #main .m_text .m_bot_tit {font-size:1.875rem;} */

    #main .m_r_text > li {font-size:1.875rem;}


    #main .m_cont2_list > li {width:49%;}
    #main .m_logo_wrap .logo_box {margin-right:50px;}




}

@media screen and (max-width:1350px){
    /* #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:1050px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:1050px;} */
}

@media screen and (max-width:1356px){
    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:730px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:730px;}
}



@media screen and (max-width:1300px){
    #main .m_img {top:210px;}
    #main .m_img > img {width:750px;}

    #main .m_cont2_list .cont2_tit {font-size:1.5625rem;}
    #main .m_cont2_list .cont2_sub > li > b {font-size:1.25rem;}
    #main .m_cont2_list .cont2_sub > li > .text > p {font-size:1.25rem;}


    #main .m_logo_wrap {display:block; height:auto; padding:20px;}
    #main .m_logo_wrap .logo_box {margin-bottom:10px;}
    #main .m_logo_wrap .logo_box:last-child {margin-bottom:0px;}


    /* #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:1000px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:1000px;} */

}

@media screen and (max-width:1200px){
    #main .m_img {top:220px;}
    #main .m_img > img {width:700px;}
    #main .m_text .m_top_yellow {font-size:1.5625rem;}
    /* #main .m_text .m_top_tit {font-size:4.375rem;}
    #main .m_text .m_middle_tit {font-size:1.125rem;}
    #main .m_text .m_bot_tit {font-size:1.5625rem;} */
    #main .m_cont1 {height:706px;}




    #main .m_cont2_list .cont2_sub > li > b {margin-right:20px;}
    

}


/* @media screen and (max-width:1150px){
    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:1050px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:1050px;}
}

@media screen and (max-width:1100px){
    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:1100px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:1100px;}
}

@media screen and (max-width:1070px){
    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:1150px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:1150px;}
} */


@media screen and (max-width:1085px){
    
    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:750px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:750px;}
}

@media screen and (max-width:1060px){
    @media screen and (max-width:1085px){
    
        #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:800px;}
        #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:800px;}
    }
}

@media screen and (max-width:1024px){
    #main .m_cont1 {display:flex; flex-direction:column; height:auto; margin-top:120px; /*align-items:center; padding-top:170px;*/}
    
    #main .m_img {position:static; top:initial; right:initial; text-align: center;}
    #main .m_img > img {width:700px; margin:30px 0px;}
    #main .m_text {margin-bottom:30px; text-align:center;}

    #main .m_r_text {display:flex; align-items:center; justify-content: center; margin-top:0px; margin-bottom:50px;}
    #main .m_r_text > li {margin-bottom:0px; margin-right:10px; text-align:center; text-underline-offset:10px;}
    #main .m_r_text > li:last-child {margin-right:0px;}

    #main .m_cont2_list {display:block;}
    #main .m_cont2_list > li {width:100%; margin-bottom:30px;}
    #main .m_cont2_list > li:last-child {margin-bottom:0px;}
    
    
    #main .m_cont2_list > li:nth-child(2) {padding-bottom:50px;} 
    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {height:auto; margin-bottom:80px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) {height:auto; margin-bottom:80px;}



}

@media screen and (max-width:900px){
    #main .m_cont1 {margin-top:100px;}
    #main .m_img > img {width:600px;}
    #main .m_text .m_top_tit {font-size:3.75rem;}
    #main .m_text .m_middle_tit {font-size:2.5rem;  line-height:1.5;}
    #main .m_text .m_bot_tit {flex-direction:column;}
    #main .m_text .m_bot_tit > span {margin-right:20px; margin-right:0px;}
    

    /* #main .m_text .m_middle_tit {font-size:1.125rem;}
    #main .m_text .m_bot_tit {font-size:1.5625rem;} */
	#main .m_r_text { display: flex; gap:10px; flex-wrap: wrap; }
    #main .m_r_text > li {font-size:1rem;}


}
@media screen and (max-width:768px){
    #main .m_center {width:91%;}

    #main .m_img > img {width:500px;}
    #main .m_text .m_top_yellow {font-size:1.4375rem;}
    #main .m_text .m_top_tit {font-size:3.125rem; margin-bottom:5px;}
    #main .m_text .m_middle_tit {font-size:1.875rem;}

    /* #main .m_text .m_top_tit {font-size:3.125rem; margin-bottom:5px;}
    #main .m_text .m_middle_tit {font-size:1.0625rem; margin-bottom:5px;}
    #main .m_text .m_bot_tit {font-size:1.25rem;} */

    #main .m_cont2_list > li {padding:25px 20px;}
    #main .m_cont2_list > li:nth-child(1) {padding-bottom:25px;}
    #main .m_cont2_list > li:nth-child(2) {padding-bottom:25px;}
    #main .m_cont2_list > li:nth-child(1) > div:nth-child(1) {margin-bottom:45px;}
    #main .m_cont2_list > li:nth-child(2) > div:nth-child(1) { margin-bottom:45px;}
    #main .m_cont2_list .cont2_tit {font-size:1.25rem;}
    #main .m_cont2_list .cont2_sub > li > b {font-size:1.125rem;}
    #main .m_cont2_list .cont2_sub > li > .text > p {font-size:1.125rem;}

    #main .m_logo_wrap {padding:15px;}
    /* #main .m_logo_wrap .logo_box {margin-bottom:0px;} */
    #main .m_logo_wrap .logo_box > b {font-size:1.0625rem;}
    #main .m_logo_wrap .logo_list {flex-wrap:wrap;}
    #main .m_logo_wrap .logo_list > li {margin-bottom:10px;}
    
    


}

@media screen and (max-width:600px){

    #main {position:relative; background:url("/images/main_bg2026.gif") no-repeat left top; background-size:auto 100%;}  
    #main .m_cont1 {}
    #main .m_img > img {width:400px;}
    #main .m_text .m_top_yellow {font-size:1.25rem;}
    #main .m_text .m_top_tit {font-size:2.5rem;}
    #main .m_text .m_middle_tit {font-size:1.5625rem; letter-spacing:-1px;}
    #main .m_text .m_bot_tit {font-size:1.125rem;}

    #main .m_r_text > li {font-size:1rem;}
    /* #main .m_text .m_top_tit {font-size:2.5rem; margin-bottom:5px;}
    #main .m_text .m_middle_tit {font-size:1rem; margin-bottom:5px;}
    #main .m_text .m_bot_tit {font-size:1.125rem;} */


    #main .m_cont2_list .cont2_tit {font-size:1.125rem;}
    #main .m_cont2_list .cont2_tit:after {margin:15px 0px;}
    #main .m_cont2_list .cont2_sub > li > b {min-width:90px; margin-right:10px; font-size:1rem;}
    #main .m_cont2_list .cont2_sub > li > .text > p {font-size:1rem;}

    #main .m_logo_wrap {margin:30px auto;}
    #main .m_logo_wrap .logo_box {align-items:flex-start;}
    #main .m_logo_wrap .logo_box > b {min-width:35px; font-size:1rem; margin-right:10px;}
    


}
@media screen and (max-width:500px){
    #main .m_cont1 {}
    #main .m_img > img {width:300px;}
    #main .m_text .m_top_yellow {font-size:1.125rem;}
    #main .m_text .m_top_tit {font-size:2.1875rem;}
    #main .m_text .m_middle_tit {font-size:1.25rem;}
    #main .m_text .m_bot_tit {font-size:1rem;}
    /* #main .m_text .m_top_tit {font-size:2.1875rem; margin-bottom:5px;}
    #main .m_text .m_middle_tit {font-size:1rem; margin-bottom:5px;}
    #main .m_text .m_bot_tit {font-size:1.125rem;} */

    #main .m_cont2_list > li {padding:25px 15px;}
    #main .m_cont2_list .cont2_sub .s_text {margin-top:20px;}
    #main .m_cont2_list .cont2_sub > li > .text {padding-left:15px;}
    #main .m_cont2_list .cont2_sub > li {display:block;}
    #main .m_cont2_list .cont2_sub > li > b {margin-bottom:3px; padding-left:15px; position:relative; min-width:auto; margin-right:0px; text-align:left;}
    #main .m_cont2_list .cont2_sub > li > b::before {content:""; display:block; width:5px; height:5px; border-radius:50%; background-color:#fff; position:absolute; top:8px; left:0px;}
}





/* 풋터 영역 */
#footer {color:#fff; background:#4d4d4d; font-size:0.9375rem; font-weight:100; line-height:2; font-family:"Pretendard";}
#footer .f_center {padding:45px 330px 45px 80px; box-sizing:border-box;}
#footer .address {}
#footer .address span {margin-right:20px;}
 

@media screen and (max-width:1200px){
    #footer .f_center {width:95%; margin:0px auto; padding:45px 0px 45px 0px;}
}
@media screen and (max-width:810px){
    #footer .address br {display:none;}
}
@media screen and (max-width:768px){
    #footer .f_center {width:90%; margin:0px auto; padding:30px 0px 30px 0px; line-height:1.8;}
    #footer .address br {display:none;}
}
@media screen and (max-width:600px){
    #footer .f_center {  padding:20px 0px 30px 0px; line-height:1.7; font-size:0.875rem; line-height:1.5;}
}
