@charset 'uft-8';
/* 메인비주얼 */
#mainwrap{ width: 100%;height: 940px;background:no-repeat cover; position: relative;overflow:hidden;}
#mainwrap .main_p{ position: relative;position: absolute; background:url(/img/main/main.jpg);width: 100%;height: 100%;}
#mainwrap .main_p .main_p_txt{font-size:54px;color:#fff;position: absolute;transform:translate(-50%,-50%);top: 50%;left: 25%;}
#mainwrap .main_p .main_p_txt p:last-child{font-weight: bold; text-shadow: 0 0 5px rgb(0 0 0 / 26%);margin-top: 10px;font-size:40px;line-height: 1.4;}
#mainwrap .content{width: 52.08333333333334%;position: absolute;right: 0;bottom:0;display:flex;flex-direction:column;height: calc(100% - 100px);}
#mainwrap .content .content_in{padding: 8.2% 6%; transition: all 0.4s;}
#mainwrap .content .on{padding:10.1% 6%;}
#mainwrap .content .cont1{background:url(/img/main/main_tab01.jpg);}
#mainwrap .content .cont2{background:url(/img/main/main_tab02.jpg);}
#mainwrap .content .cont3{background:url(/img/main/main_tab03.jpg);}
#mainwrap .content .content_in .content_title{font-size:38px;font-weight: bold;color:#222; display: flex; gap: 0 30px; align-items: center; }
#mainwrap .content .content_in .content_txt{font-size:24px;font-weight: bold;color:#222;margin-top: 40px;line-height: 1.4;}
#mainwrap .content .content_in .cotent_btn{font-size:15px;font-weight: bold;margin-top: 60px;}
#mainwrap .content .content_in .cotent_btn a{color:#fff;display:inline-block;width: 176px;height: 56px;line-height: 56px;background:#0085cd;text-align: center;border-radius:10px;}
#mainwrap .content .content_in .cover { height: 0; overflow: hidden; }
#mainwrap .content .content_in .content_box{ opacity: 0; transform: translateY(60px);}
#mainwrap .content .content_in.on .cover { height: auto; overflow: inherit; }
#mainwrap .content .content_in.on .content_box { opacity: 1; transform: translateY(0); transition: all 0.6s; }
#mainwrap .content .content_in.on .content_title img { transform: rotate(180deg); }