/* 공통 */
*{margin: 0; padding: 0;}
a{text-decoration: none; color: #333;}
li{list-style-type: none;}
img{vertical-align: middle; border: none;}
body{letter-spacing: -0.03em; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif; color: #111; font-size: 18px;}

#wrap{width: 100%; overflow-x: hidden;}
.layout{width: 1280px; margin: auto;}
.bg{width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0px; left: 0; display: none; z-index: 999;}
.bg_atv{display: block; z-index: 10;}

.tit_txt{text-align: center; font-size: 40px; font-family: "sofia-pro", sans-serif; display: block; margin: 0 0 15px 0;}
.sub_txt{text-align: center; font-size: 20px;}
.txt{font-size: 20px; font-weight: 500;}
.more_txt{font-size: 13px;}
.day{font-size: 18px; color: #8f8f8f;}
.color_purple{color: #871ada;}
.color_green{color: #19b053;}
.color_blach{color: #111;}
.color_blue{color: #0692ef;}
.color_gray{color: #8f8f8f;}
[class ^= "color_"]{display: block; font-size: 18px; font-weight: 600; border-radius: 100px; box-sizing: border-box; width: 90px; height: 40px; text-align: center; line-height: 36px; margin: 0 30px 0 0;}
.btn_black{background-color: #111; color: #fff;}
.txt_blue{color: #00548c;}
.list{margin: 15px 0 0 0; padding: 0 0 0 15px;}
.list:first-of-type{margin: 0 !important;}
.list::before{content: ''; width: 4px; height: 4px; background-color: #111; border-radius: 4px; display: inline-block; position: relative; top: -5px; left: -15px;}
.download::before{content: ''; width: 18px; height: 14px; background: url(/img/icon_download.png) no-repeat; position: absolute; top: 5px; left: 0px;}
#wrap.sub .btn_box a[class ^= "btn_"]{box-sizing: border-box;}

input::-ms-clear,
input::-ms-reveal{display:none;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}

[class ^= "pc_"]{display: block;}
[class ^= "m_"]{display: none;}
.navigation,.t_menu_wrap{display: none;}

/* 팝업 */
.notice-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0px; left: 0px; z-index: 9998;}
[id ^= "noticePop"]{position: fixed; z-index: 9999;}
[id ^= "noticePop"] .btm-close{position: absolute; bottom: -40px; width: 100%; height: 40px; background-color: black;}
[id ^= "noticePop"] label{color: #fff; font-size: 14px; cursor: pointer; position: absolute; top: 50%; left: 40px; transform: translateY(-55%);}
[id ^= "noticePop"] input{position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
.btn-close{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background-color: transparent; border: none; color: #fff; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; cursor: pointer;}

/* 유튜브 영역 */
.video-iframe{position: relative; width: 100%; height: auto; padding-bottom: 56.25%;}
.video-iframe iframe{position: absolute; width: 100%; height: 100%;} 

/* 메인 bg */
#wrap.main>.bg{display: none !important;}

/* header */
#header{width: 100%; height: 90px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 99; padding: 0 90px; box-sizing: border-box;}
#header .header_cont01{width: 100%; height: 100%; max-width: 1740px; margin: auto; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
#header .logo{width: 329px; height: 50px;}
#header .logo a.pc_logo{width: 100%; height: 100%; display: block; background: url(/img/logo_cau.png); font-size: 0}

#header .pc_lnb{display: flex; align-items: flex-end;}
#header .pc_lnb .logo_in{margin: 0 0 0 200px;}
#header .pc_lnb>ul{display: flex;}
#header .pc_lnb ul.lnb_deoth01>li{position: relative; font-family: "sofia-pro", sans-serif; }
#header .pc_lnb ul.lnb_deoth01>li:first-of-type{margin: 0;}
#header .pc_lnb ul.lnb_deoth01>li>a{font-size: 18px; color: #fff; font-weight: bold; display: block; width: 150px; height: 100%; text-align: center; cursor: pointer;}
#header .pc_lnb ul.lnb_deoth02{font-family: 'Noto Sans KR', sans-serif; position: absolute; top: 75px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 99; width: 100%; display: none;}
#header .pc_lnb ul.lnb_deoth02 li{padding: 10px 0; box-sizing: border-box;}
#header .pc_lnb ul.lnb_deoth02 li a:not(.depth1) {font-size: 16px; color: #b4b4b4; letter-spacing: 0; font-weight: 500; position: relative;}
#header .pc_lnb ul.lnb_deoth02 li a:not(.depth1):hover{color: #111;}
#header .pc_lnb ul.lnb_deoth02 li a:not(.depth1):hover::after{content: ''; width: 100%; height: 1px; background-color: #111; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);}
#header .pc_lnb ul.lnb_deoth03{display: none;}
#header .lnb_bg{width: 100%; height: 400px; background-color: #fff; position: absolute; top: 90px; left: 50%; transform: translateX(-50%); display: none;}
#header .lnb_bg>div{width: calc(100% - 50%); height: 100%; background: url(/img/logo_cau02.png) no-repeat; background-position: bottom 15px right 31px; padding: 35px 100px; box-sizing: border-box; background-color: #f7f7f7;}
#header .lnb_bg>div b{display: block; font-size: 30px; color: #3e3e3e; letter-spacing: -0.03em;}
#header .lnb_bg>div span{font-size: 20px; color: #3e3e3e; margin: 0 0 30px; font-weight: 500; display: block;}
#header .lnb_bg>div p{font-size: 18px; color: #3e3e3e; font-weight: 500;}
#header .lnb_bg>div p::before{content: ''; width: 52px; height: 2px; background-color: #3e3e3e; display: block; position: relative; top: -13px;}
#header .logo_in{width: 29px; height: 29px; background: url(/img/logo_in.png) no-repeat; display: block; font-size: 0;}
#header.atv{background-color: #fff; border-bottom: 1px solid #b4b4b4; box-sizing: border-box;}
#header.atv .pc_lnb ul.lnb_deoth01>li>a{color: #b4b4b4;}
#header.atv .pc_lnb ul.lnb_deoth02>li>a{position: relative;}
#header.atv .pc_lnb ul.lnb_deoth01>li:hover>a{color: #3e3e3e;}
#header.atv .pc_lnb ul.lnb_deoth02>li:hover>a{color: #3e3e3e; position: relative;}

#header.atv .logo{height: 50px;}
#header.atv .logo a{background-position: center bottom;}
#header.atv .logo_in{background-position: bottom;}
#header .m_lnb{display: none;}
#header .m_menu{display: none;}

/* sec01 */
#wrap.main #sec01{width: 100%;}
#wrap.main #sec01::after{content: ''; width: 100%; height: 100%; background: linear-gradient( to top, rgb(0 0 0 / 90%) 10%, rgb(0 0 0 / 40%) 77%, transparent 100%); position: absolute; top: 0px; z-index: -1;}
#wrap.main #sec01{height: 100vh; padding: 160px 0px 0px 0px; box-sizing: border-box; position: relative; overflow: hidden;}
#wrap.main #sec01 .main_video{width: 100%; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: -1;}
#wrap.main #sec01 .main_video::after{content: ''; width: 100%; height: 100vh; position: absolute; top: 0px; left: 0px;}
#wrap.main #sec01 .layout{display: flex; flex-wrap: wrap; height: 100%; justify-content: center; align-content: space-around;}
#wrap.main #sec01 .layout>div{width: 100%;}
#wrap.main #sec01 .main_txt{font-size: 40px; color: #fff; font-weight: 400; line-height: 43px; font-family: "sofia-pro", sans-serif;}
#wrap.main #sec01 .main_txt b{display: block; margin: 0 0 15px 0; font-family: 'Noto Sans KR', sans-serif; }
#wrap.main #sec01 .sub_txt{font-size: 20px; color: #fff; line-height: 27px; text-align: left;}
#wrap.main #sec01 .sub_txt::before{content: ''; width: 85px; height: 2px; background-color: #fff; display: block; margin: 35px 0 25px 0;}

/* #wrap.main #sec01 .main_cont01{display: flex; justify-content: flex-end;}
#wrap.main #sec01 .main_cont01 div[class ^= "main_cont010"]{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 233px; height: 233px; border: 1px solid #fff; box-sizing: border-box; border-radius: 233px;}
#wrap.main #sec01 .main_cont01 button{width: 100%; height: 100%; border-radius: 233px; background-color: transparent; border: none; cursor: pointer; position: relative;}

.pop_main_cont01_bg{display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0px; left: 0px; z-index: 100;}
#wrap.main #sec01 .main_cont01 .pop_cont{display: none; position: absolute; z-index: 101; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#wrap.main #sec01 .main_cont01 div[class ^= "main_cont010"]:first-of-type>button:first-of-type:before{content: ''; width: 566px; height: 1px; background: linear-gradient( to right, transparent 50%, #fff 60%); position: absolute; top: 50%; transform: translateY(-50%); right: calc(100% - 20px);}

#wrap.main #sec01 .main_cont01 div[class ^= "main_cont010"] b{font-size: 18px; font-weight: bold; font-family: "sofia-pro", sans-serif; color: #fff; text-align: center; box-sizing: border-box;}
#wrap.main #sec01 .main_cont01 div[class ^= "main_cont010"] p{font-size: 15px; font-family: 'Noto Sans KR', sans-serif; color: #fff; margin: 10px 0 0 0;}
#wrap.main #sec01 .main_cont01 .pop_cont .btn_close{width: 30px; height: 30px; background: url(/img/icon_arrow.png) no-repeat; background-position: -1px -66px; font-size: 0; position: absolute; top: 20px; right: 20px;}

#wrap.main #sec01 .main_cont01 .pop_cont img[class ^= "m_about_img"]{display: none;}
#wrap.main #sec01 .main_cont01 .pop_cont img[class ^= "pc_about_img"]{display: block; max-width: 600px; padding: 63px 50px; background-color: white;} */

.pop_main_cont01_bg{width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 99; display: none;}
.pop_main_cont01_bg.atv{display: block;}
.main_cont01{display: flex; justify-content: flex-end;}
.main_cont01 [class ^= "pop0"]{width: 233px; height: 233px; border-radius: 233px;}
.main_cont01 [class ^= "pop0"] .pop_open{width: 100%; height: 100%; border-radius: 100%; border: 1px solid white; box-sizing: border-box; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; cursor: pointer;}
.main_cont01 [class ^= "pop0"] .pop_open b{font-size: 18px; font-weight: bold; font-family: "sofia-pro", sans-serif; color: #fff; text-align: center; box-sizing: border-box;}
.main_cont01 [class ^= "pop0"] .pop_open p{font-size: 17px; font-family: 'Noto Sans KR', sans-serif; color: #fff; margin: 10px 0 0 0; }
.main_cont01 .pop01{position: relative;}
.main_cont01 .pop01::before{content: ''; width: 400px; height: 1px; background: linear-gradient(to right,transparent 20%, white 80%); position: absolute; top: 50%; left: -400px; transform: translateY(-50%);}

.main_cont01 [class ^= "pop0"] .pop_cont{display: none; position: fixed; top: 50%; left: 50%; z-index: 100; transform: translateX(-50%) translateY(-50%); padding: 40px 60px 40px 60px; background-color: white;}
.main_cont01 [class ^= "pop0"] .pop_cont.atv{display: block;}
.main_cont01 [class ^= "pop0"] .pop_cont img[class ^= "pc_about_img"]{max-width: 680px; padding: 0 10px; box-sizing: border-box;}

.main_cont01 [class ^= "pop0"] .pop_cont p{font-size: 36px; font-weight: 600; text-align: center; border-bottom: 1px solid #949494; box-sizing: border-box; padding-bottom: 20px; margin-bottom: 20px;}
.main_cont01 [class ^= "pop0"] .pop_cont span{font-size: 18px; font-family: "sofia-pro", sans-serif; font-weight: 600; display: inline-block; margin: 0 0 0 10px;}
.main_cont01 [class ^= "pop0"] .pop_cont .pop_close{width: 30px; height: 30px; background: url(/img/icon_arrow.png) no-repeat; background-position: -1px -66px; font-size: 0; position: absolute; top: 30px; right: 30px; border: none; cursor: pointer;}
.main_cont01 [class ^= "pop0"] .pop_cont a{font-size: 18px; display: block; text-align: right; font-weight: 500; margin: 30px 0 0 0;}
.main_cont01 [class ^= "pop0"] .pop_cont a::after{content: ''; width: 28px; height: 8px;  background: url(/img/icon_arrow.png) no-repeat; display: inline-block; margin: 0 0 0 15px; position: relative; top: -3px; background-position: -3px -11px;}


#wrap.main #sec01 .scroll{font-size: 16px; font-weight: bold; text-align: center; color: #fff; font-family: "sofia-pro", sans-serif; letter-spacing: 0px; position: relative;}
#wrap.main #sec01 .scroll::before{content: ''; width: 24px; height: 40px; border-radius: 40px; border: 2px solid #fff; position: absolute; top: -55px; left: 50%; transform: translateX(-50%); }
#wrap.main #sec01 .scroll::after{content: ''; width: 2px; background-color: #fff; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); animation: scollAni 2s infinite;}
@keyframes scollAni{0%{height: 5px;} 100%{height: 13px;}}

/* sec02 */
#wrap.main #sec02{width: 100%; color: #fff; padding: 92px 0 107px 0; box-sizing: border-box; background-color: #1f1f1f;}
#wrap.main #sec02 .sec02_cont01{display: flex; margin: 75px 0 0 0;}
#wrap.main #sec02 .sec02_cont01 li{width: 100%; position: relative;}
#wrap.main #sec02 .sec02_cont01 li a{display: flex; flex-wrap: wrap; align-content: space-between; height: 150px; color: #fff; position: relative; padding: 0 30px; box-sizing: border-box; transform: translateY(0px);  transition: all 0.3s;}
#wrap.main #sec02 .sec02_cont01 li::after{content: ''; width: 1px; height: 72px; background-color: #b4b4b4; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}
#wrap.main #sec02 .sec02_cont01 li:last-of-type::after{display: none;}
#wrap.main #sec02 .sec02_cont01 li p{font-size: 22px; line-height: 30px; padding-bottom: 5px; box-sizing: border-box;}
#wrap.main #sec02 .sec02_cont01 li p::before{content: ''; width: 30px; height: 30px; background: url(/img/icon_sec02.png); display: block; margin: 0 0 20px 0; opacity: 0.5;}
#wrap.main #sec02 .sec02_cont01 li a span.more_txt{font-size: 15px; color: #b4b4b4; width: 100%;}
#wrap.main #sec02 .sec02_cont01 li a span.more_txt::after{content: ''; width: 18px; height: 5px; background: url(/img/icon_arrow.png) no-repeat;background-position: -7px 0; display: inline-block; margin: 0 0 0 13px;}
#wrap.main #sec02 .sec02_cont01 li:nth-of-type(2) p::before{background-position: 0px -30px;}
#wrap.main #sec02 .sec02_cont01 li:nth-of-type(3) p::before{background-position: 0px -62px;}
#wrap.main #sec02 .sec02_cont01 li:nth-of-type(4) p::before{background-position: 0px -91px;}
#wrap.main #sec02 .sec02_cont01 li:nth-of-type(5) p::before{background-position: 0px -125px;}
#wrap.main #sec02 .sec02_cont01 li a span::before{content: ''; width: 100%; height: 5px; background-color: #fff; position: absolute; left: 0px; bottom: 0; opacity: 0;}

#wrap.main #sec02 .sec02_cont01 li:hover a {transform: translateY(-15px);overflow-x: hidden;}
#wrap.main #sec02 .sec02_cont01 li:hover a::before{content: ''; width: 159px; height: 133px; background: url(/img/sec02_img.png) no-repeat; position: absolute; z-index: -1; bottom: 0px; right: -15px;}
#wrap.main #sec02 .sec02_cont01 li:hover p {border-bottom: 1px solid #fff;}
#wrap.main #sec02 .sec02_cont01 li:hover p::before{opacity: 1;}
#wrap.main #sec02 .sec02_cont01 li:hover span.sec02_underline {height: 5px; background-color: #fff; display: block; margin: 7px 0 0 0; animation: slideLine .3s ease-in-out 1;}

@keyframes slideLine {
    0% { width: 0%; }
    100% { width: 100%; }
}

/* sec03 */
#wrap.main #sec03{width: 100%; padding: 80px 0 200px 0; box-sizing: border-box;}
#wrap.main #sec03 .tit_txt{margin: 0 0 50px 0;}
#wrap.main #sec03 .sec03_cont01{padding: 60px 0 70px 16%; box-sizing: border-box; display: flex;}
#wrap.main #sec03 .sec03_cont01::before{content: ''; width: calc(100% - 16%); height: 1px; background-color: #ebebeb; position: absolute; top: 0px;}
#wrap.main #sec03 .sec03_cont01::after{content: ''; width: calc(100% - 16%); height: 1px; background-color: #ebebeb; position: absolute; bottom: 0px;}
#wrap.main #sec03 .sec03_cont01 li.slick-slide{width: 100%; box-sizing: border-box; padding: 0 20px; margin: 0 35px 0 0; border-right: 1px solid #ededed;}
#wrap.main #sec03 .sec03_cont01 li>div{display: flex; justify-content: space-between; align-items: center; margin: 0 0 25px 0;}
#wrap.main #sec03 .sec03_cont01 li>div p[class ^= "color_"]{width: 78px; height: 36px; font-size: 16px; box-sizing: border-box; text-align: center; border-radius: 36px; line-height: 32px; font-weight: bold;}
#wrap.main #sec03 .color_purple{border: 1px solid #871ada;}
#wrap.main #sec03 .color_blue{border: 1px solid #0692ef;}
#wrap.main #sec03 .color_green{border: 1px solid #19b053;}
#wrap.main #sec03 .color_black{border: 1px solid #111;}
#wrap.main #sec03 .color_gray{border: 1px solid #8f8f8f;}

#wrap.main #sec03 .sec03_cont01 li>div span{font-size: 16px; color: #8f8f8f;}
#wrap.main #sec03 .sec03_cont01 li a{display: block; height: 200px; display: flex; flex-wrap: wrap; align-content: space-between}
#wrap.main #sec03 .sec03_cont01 li a p{height: 60px; color: #111; font-size: 20px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
#wrap.main #sec03 .sec03_cont01 li a span{font-size: 16px; color: #b4b4b4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
#wrap.main #sec03 .sec03_cont01 .more_txt{display: block; font-size: 13px; position: absolute; bottom: 0;}
#wrap.main #sec03 .sec03_cont01 .more_txt::after{content: ''; width: 20px; height: 6px; background: url(/img/icon_arrow.png) no-repeat; background-position: -5px 0; display: inline-block; margin: 0 0 0 13px;}
/* slick slider custom */
#wrap.main #sec03 .sec03_cont01 .slick-arrow{position: absolute; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #3e3e3e; font-size: 0; cursor: pointer; top: unset; left: unset;}
#wrap.main #sec03 .sec03_cont01 .slick-arrow::before{content: ''; display: block; width: 32px; height: 10px; background: url(/img/icon_arrow.png) no-repeat; background-position: 0px -9px; margin: auto; opacity: 1;} 
#wrap.main #sec03 .sec03_cont01 .slick-prev::before{transform: scaleX(-1);}
#wrap.main #sec03 .sec03_cont01 .slick-prev{bottom: -130px; right: 390px;}
#wrap.main #sec03 .sec03_cont01 .slick-next{bottom: -130px; right: 320px;}
#wrap.main #sec03 .sec03_cont01 .slick-dots{display: flex; width: calc(100% - 800px); height: 4px; position: absolute; background-color: #e4e4e4; bottom: -102px; left: 16%;}
#wrap.main #sec03 .sec03_cont01 .slick-dots li{width: 100%; height: 100%; margin: 0; transition: 0.5s;}
#wrap.main #sec03 .sec03_cont01 .slick-dots li button{display: none;}
#wrap.main #sec03 .sec03_cont01 .slick-dots li.slick-active{background-color: #0e0e0e;}

/*  */
/* #wrap.main #sec03 .slick-track{width: 100% !important;} */
/* #wrap.main #sec03 .slick-slide{min-width: 480px;} */


/* sec04 */
#wrap.main #sec04{padding: 80px 0 100px 0; box-sizing: border-box; background-color: #f6f6f6;}
#wrap.main #sec04 .tit_txt{margin: 0 0 50px 0;}
#wrap.main #sec04 .sec04_cont{display: flex; padding: 0 0 0 16%; box-sizing: border-box;}

#wrap.main #sec04 .sec04_cont01{width: 530px; height: 395px; display: block; position: relative;}
#wrap.main #sec04 .sec04_cont01 a::after{content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0px; top: 0;}
#wrap.main #sec04 .sec04_cont01 a{width: 100%; height: 100%; display: block; overflow: hidden;}
#wrap.main #sec04 .sec04_cont01 a img{max-width: 100%; min-height: 395px; position: relative; top: 0; left: 50%; transform: translateX(-50%);}

#wrap.main #sec04 .sec04_cont01 .sec04_cont01_tit{font-size: 35px; color: #fff; position: absolute; z-index: 1; bottom: 90px; left: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; width: 470px;}
#wrap.main #sec04 .sec04_cont01 .sec04_cont01_day{font-size: 20px; color: #fff; position: absolute; z-index: 1; bottom: 40px; left: 40px;}
#wrap.main #sec04 .sec04_cont01 .sec04_cont01_day::before{content: ''; width: 35px; height: 2px; background-color: #fff; display: block; margin: 10px 0;}

#wrap.main #sec04 .sec04_cont02{width: calc(100% - 530px); padding: 0 0 0 30px; box-sizing: border-box; position: relative; margin: 0;}
#wrap.main #sec04 .sec04_cont02 li.slick-slide{margin: 0 30px 0 0;}
#wrap.main #sec04 .sec04_cont02 li.slick-slide a{display: flex; flex-wrap: wrap;}
#wrap.main #sec04 .sec04_cont02 li.slick-slide .sec04_cont02_imgBox{overflow: hidden; position: relative; width: 100%; height: 270px; }
#wrap.main #sec04 .sec04_cont02 li.slick-slide .sec04_cont02_imgBox img{width: 100%; min-height: 270px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#wrap.main #sec04 .sec04_cont02 li p{width: 100%; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; font-weight: 600; letter-spacing: -0.03em; margin: 7px 0 0 0;}
#wrap.main #sec04 .sec04_cont02 li span{font-size: 16px; color: #8f8f8f;}
#wrap.main #sec04 .sec04_cont02 li span::before{content: ''; width: 25px; height: 1px; background-color: #dbdbdb; display: block; margin: 15px 0 5px 0;}
/* slick slider custom */
#wrap.main #sec04 .sec04_cont02 .slick-arrow{position: absolute; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #3e3e3e; font-size: 0; background-color: transparent; cursor: pointer; top: unset; left: unset;}
#wrap.main #sec04 .sec04_cont02 .slick-arrow::before{content: ''; display: block; width: 32px; height: 10px; background: url(/img/icon_arrow.png) no-repeat; background-position: 0px -9px; margin: auto; opacity: 1;} 
#wrap.main #sec04 .sec04_cont02 .slick-prev::before{ transform: scaleX(-1);}
#wrap.main #sec04 .sec04_cont02 .slick-prev{bottom: -30px; right: 310px;}
#wrap.main #sec04 .sec04_cont02 .slick-next{bottom: -30px; right: 240px;}
#wrap.main #sec04 .sec04_cont02 .slick-dots{display: flex; width: 565px; width: calc(100% - 440px); height: 4px; position: absolute; background-color: #e4e4e4; bottom: 0px; left: 30px;}
#wrap.main #sec04 .sec04_cont02 .slick-dots li{width: 100%; height: 100%; margin: 0; transition: 0.5s;}
#wrap.main #sec04 .sec04_cont02 .slick-dots li button{display: none;}
#wrap.main #sec04 .sec04_cont02 .slick-dots li.slick-active{background-color: #0e0e0e;}
.slick-prev:before, .slick-next:before{opacity: 1;}

/* sec05 */
#wrap.main #sec05{padding: 75px 0 0 0; box-sizing: border-box;}
#wrap.main #sec05 .sec05_cont01{display: flex; flex-wrap: wrap;}
#wrap.main #sec05 .sec05_cont01>ul{width: 100%; display: none;}
#wrap.main #sec05 .sec05_cont01>ul:nth-of-type(2n){background-color: #f6f6f6; }
#wrap.main #sec05 .sec05_cont01>ul:nth-of-type(2n) li{flex-direction: row-reverse; justify-content: center; padding: 30px 0 0 0;}
#wrap.main #sec05 .sec05_cont01>ul>li{display: flex; width: 1280px; margin: auto; align-items: center; justify-content: center;}
#wrap.main #sec05 .sec05_cont01>ul li .sec05_cont01_people{width: 40%; height: 420px; overflow: hidden;}
#wrap.main #sec05 .sec05_cont01>ul li .sec05_cont01_txt li{font-size: 16px; position: relative; padding: 0 0 0 40px; font-weight: 500;}
#wrap.main #sec05 .sec05_cont01>ul li .sec05_cont01_txt li.sec05_cont01_name{font-size: 40px; padding: 0; margin: 0 0 25px 0; font-weight: 400;}
#wrap.main #sec05 .sec05_cont01>ul li .sec05_cont01_txt li[class ^= "sec05_cont01_icon"]::before{content: ''; width: 25px; background: url(/img/icon_sec05.png) no-repeat; position: absolute; top: 3px; left: 0px; background-position: 0px 0px;}
#wrap.main #sec05 .sec05_cont01>ul li .sec05_cont01_txt li.sec05_cont01_icon01::before{height: 18px;}
#wrap.main #sec05 .sec05_cont01>ul li .sec05_cont01_txt li.sec05_cont01_icon02::before{height: 16px; background-position: 0px -22px;}
#wrap.main #sec05 .sec05_cont01>ul li .sec05_cont01_txt li.sec05_cont01_icon03::before{height: 23px; background-position: 0px -41px;}
#wrap.main #sec05 .sec05_cont01>ul li .sec05_cont01_people img{margin: auto; display: block; filter: grayscale(100%); transform: scale(0.8) translateY(100px); transition: 0.3s;}
#wrap.main #sec05 .sec05_cont01>ul:hover .sec05_cont01_people img{filter: unset; transform: scale(1) translateY(50px);}

/* 교수소개 공통 */
.gray_box{background-color: #f6f6f6;}
.gray_box .people_txt_box .btn_black{right: 530px;}
.people_tit{font-size: 20px; font-weight: bold; margin: 0 0 5px 0;;}
.people_name{font-size: 40px; font-weight: 600; letter-spacing: -0.03em;}
.people_name span{font-weight: 400;}
.people_txt_box li[class ^= "icon_people"]{padding: 0 0 0 50px; box-sizing: border-box; font-size: 18px; margin: 5px 0 0 0; position: relative;}
.people_txt_box li[class ^= "icon_people"]::before{content: ''; width: 25px; height: 25px; background: url(/img/icon_people.png) no-repeat; position: absolute; top: 2px; left: 10px;}
.people_txt_box li.icon_people01::before{background-position: 0px 3px;}
.people_txt_box li.icon_people02::before{background-position: 0px -20px; height: 22px;}
.people_txt_box li.icon_people03::before{background-position: 0px -42px;}
.people_txt_box li.icon_people04::before{background-position: 0px -68px;}
.people_txt_box li.icon_people05::before{background-position: 0px -90px; height: 20px;}
.people_txt_box li.icon_people06::before{background-position: 0px -110px;}
.people_txt_box .btn_black{width: 140px; height: 50px; border-radius: 50px; position: absolute; bottom: 30px; right: 0;}
.people_txt_box .btn_black button{border: none; font-size: 16px; width: 100%; height: 100%; background-color: #111; text-align: center; font-size: 16px; color: #fff; border-radius: 50px; cursor: pointer;}

/* sec05 */
#wrap.main #sec05{padding: 120px 0;}
#wrap.main #sec05 .people_cont .people_cont_box{width: 100%; display: none; overflow: hidden;}
#wrap.main #sec05 .people_box{max-width: 1280px; margin: auto; display: flex; align-items:center; justify-content: space-around; padding: 44px 0px 0 0; position: relative;}
#wrap.main #sec05 .people_box .people_name{margin: 0 0 25px 0; display: inline-block;}
#wrap.main #sec05 .gray_box .people_box{flex-direction: row-reverse;}
#wrap.main #sec05 .people_box img{filter: grayscale(100%); transform: scale(1) translateY(0px); transition: 0.3s;}
#wrap.main #sec05 .people_cont .people_cont_box:hover .people_box img{filter: unset; transform: scale(1.1) translateY(-10px);}

#wrap.main #sec05 .btn_more{margin: 115px auto; font-size: 18px; font-weight: bold; font-family: "sofia-pro", sans-serif; color: #3e3e3e; text-align: center; border: none; background-color: #fff; margin: 150px auto 0; display: block; position: relative; cursor: pointer;}
#wrap.main #sec05 .btn_more::before{content: ''; width: 32px; height: 32px; background: url(/img/icon_arrow.png) no-repeat; display: block; background-position: 1px -19px; margin: auto; position: relative; top: -16px;}
#wrap.main #sec05 .btn_more::after{content: ''; width: 50px; height: 50px; border: 1px solid #111; border-radius: 50px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); box-sizing: border-box; top: -25px;}

/* footer */
footer{width: 100%; background-color: #2a2a2a;}
footer .footer_cont{display: flex; justify-content: center;}
footer .footer_cont01{display: flex; justify-content: space-between; padding: 60px 90px; box-sizing: border-box; width: calc(100% - 30%); max-width: 1332px;}
footer .footer_cont01 .logo{width: 329px; height: 50px; background: url(/img/logo_cau.png) no-repeat; background-position: 0px 0px; font-size: 0;}

footer .footer_cont01>div:first-of-type ul li:last-of-type{margin-top: 10px;}
footer .footer_cont01 ul{margin: 50px 0 0 0;}
footer .footer_cont01 ul li{color: #b4b4b4; font-size: 18px; line-height: 30px;}
footer .footer_cont01 ul li p{color: #fff; display: inline-block;}
footer .footer_cont01 ul li:nth-of-type(2) p::after{content: ''; width: 1px; height: 15px; display: inline-block; background-color: #b4b4b4; position: relative; top: 2px; margin: 0 30px;}
footer .footer_cont01 ul li:nth-of-type(2) p:last-of-type:after{display: none;}
footer .footer_cont01 ul li p span{font-weight: 400; color: #b4b4b4;}

footer .footer_cont01 .familySite{position: relative; width: 230px; height: 50px;}
footer .footer_cont01 .familySite::after{content: ''; width: 13px; height: 8px; background: url(/img/icon_arrow.png) no-repeat; background-position: -8px -55px; position: absolute; top: 50%; right: 35px; transform: translateY(-50%);}
footer .footer_cont01 .familySite .familySite_tit{width: 100%; min-width: 190px; height: 100%; box-sizing: border-box; border: 1px solid #b4b4b4; box-sizing: border-box; cursor: pointer; font-size: 16px; background-color: transparent; color: #b4b4b4; border-radius: 50px; text-align: left; padding: 0 35px; position: relative;}
footer .footer_cont01 .familySite .familySite_tit::after{content: ''; width: 12px; height: 9px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background: url(/img/icon_arrow.png) no-repeat; margin: 0 0 0 10px; background-position: center bottom;}
footer .footer_cont01 .familySite .familySite_list{position: absolute; bottom: 49px; left: 0; width: 100%; border: none; overflow: hidden; max-height: 0; transition: .3s ease-in;}
footer .footer_cont01 .familySite .familySite_site{font-size: 18px;}
footer .footer_cont01 .familySite .familySite_site a{ color: #b4b4b4; display: block; padding: 14px 35px; box-sizing: border-box;}
footer .footer_cont01 .familySite.familySite_atv .familySite_list{max-height: 500px; background-color: #1f1f1f;; border: 1px solid #b4b4b4; box-sizing: border-box; border-radius: 25px;}
footer .footer_cont01 .familySite.familySite_atv::after{transform: rotate(180deg) translateY(50%);}

footer .footer_cont02{padding: 60px 90px; box-sizing: border-box; background-color: #434343; width: calc(100% - 60%); display: flex; flex-wrap: wrap;}
footer .footer_cont02 table{border-collapse : collapse; border-top: none; text-align: left; width: auto;}
footer .footer_cont02 table tr td{color: #b4b4b4; vertical-align : top; padding: 0 30px 0 0;border:0;}
footer .footer_cont02 table tr td:last-of-type{padding: 0;}
footer .footer_cont02 table tr:first-of-type td:first-of-type{color: #fff; padding: 0 50px 0 0;}
footer .footer_cont02 table:nth-of-type(2){margin: 30px 0 0 0;}
footer .footer_cont02 table:nth-of-type(2) tr:first-of-type td:nth-of-type(2){padding: 0 65px 0 0;}
footer .footer_cont02 table tr td span {position: relative; display: block; padding-left: 20px; font-size: 14px;}
footer .footer_cont02 table tr td span:before {content: '※'; position: absolute; left: 0; top: 0px;}

/* #wrap #header .pc_logo{display: block;} */
#wrap #header .logo a.m_logo_in{display: none;}

/* 2026.05.06. */
.layout-sub {width:850px;margin:0 auto;}

@media screen and (max-width: 1600px){
    #header .pc_lnb .logo_in{margin: 0 0 0 10px;}

}

@media screen and (max-width: 1280px){
    #wrap.main>.bg.bg_atv{display: block !important;}

    .layout{width: 100%;}
    .layout-sub {width:100%;}
    .slick-arrow{display: none !important;}
    .list{font-size: 14px;}
    #wrap #header .logo a.pc_logo.atv{display: none;}
    #wrap #header .pc_logo{width: 222px; height: 32px; background: url(/img/logo_cau.png); background-size: cover; display: block; font-size: 0;}
    #wrap #header .logo a.m_logo_in.atv{width: 29px; height: 29px; background: url(/img/logo_in.png) no-repeat; background-position: center bottom; display: block; font-size: 0;}

    /* 팝업 */
    [id ^= "noticePop"] img{max-width: 700px;}

    /* header */
    #header .pc_lnb{display: none;}
    #header .lnb_bg{display: none;}

    #wrap #header{border-bottom: 1px solid #b4b4b4; box-sizing: border-box;}
    #header{padding: 0 15px; height: 60px; box-sizing: border-box;}
    #header .logo{width: 222px; height: 34px; background-size: 100%; background-position: bottom; }
    #header .logo a{background-size: 100%;}
    #header .m_menu{display: block; width: 42px; height: 42px; background: url(/img/mobile/icon_menu.png) no-repeat; background-position: top center; background-size: 100%; font-size: 0; cursor: pointer;}
    #header .lnb .logo_in{display: none;}
    #header .m_lnb{position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 100%; display: block; padding: 0 15px; box-sizing: border-box; background-color: #fff; display: none;}
    #header .m_lnb>ul{display: block; padding: 20px 0 50px 0; box-sizing: border-box;}
    #header .m_lnb ul.lnb_deoth01>li{margin: 0; border-top: 1px solid #b4b4b4; box-sizing: border-box; position: relative;}
    #header .m_lnb ul.lnb_deoth01>li:first-of-type{border-top: none;}
    #header .m_lnb ul.lnb_deoth01>li:last-of-type{border-bottom: 1px solid #b4b4b4; box-sizing: border-box;}
    #header .m_lnb ul.lnb_deoth01>li>a{color: #b4b4b4; font-size: 15px; font-weight: 600; padding: 25px 5px; box-sizing: border-box; display: block; position: relative;}
    #header .m_lnb ul.lnb_deoth01>li>a::after{content: ''; width: 13px; height: 8px; background: url(/img/mobile/icon_arrow.png) no-repeat; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); background-size: 100%;}
    
    #header .m_lnb ul.lnb_deoth02{position: unset; left: unset; top: unset; transform: unset; font-family: 'Noto Sans KR', sans-serif; border-top: 2px solid #3e3e3e; padding: 10px 0; box-sizing: border-box; display: none;}
    #header .m_lnb ul.lnb_deoth02>li{padding: 10px 15px}
    #header .m_lnb ul.lnb_deoth02>li>a{text-align: left; color: #3e3e3e; font-size: 14px; position: relative;}

    #header .m_lnb ul.lnb_deoth03{display: flex; flex-wrap: wrap;}
    #header .m_lnb ul.lnb_deoth03 li{width: 33.3%; padding: 25px 0 0 0; box-sizing: border-box;}
    #header .m_lnb ul.lnb_deoth03 li a{color: #b4b4b4; font-size: 14px;}
    #header .m_lnb ul.lnb_deoth03 li a:active{color: #3e3e3e;}

    #wrap #header.atv{background-color: #fff; border-bottom: none;}
    #wrap #header.atv .logo{height: 35px;}
    #header .m_menu.atv{background-position: center bottom;}
    #header .m_lnb ul.lnb_deoth01>li.on>a{color: #3e3e3e; font-size: 18px; letter-spacing: 0;}
    #header .m_lnb ul.lnb_deoth01>li.on>a::after{background-position: bottom;}
    #header .m_lnb ul.lnb_deoth02>li.on>a::after{content: ''; width: 100%; height: 1px; background-color: #111; position: absolute; bottom: -3px; left: 0;}

    /* sec01 */
    #wrap.main #sec01{height: 100%; background-color: #000; position: relative; z-index: 0;}
    #wrap.main #sec01::after{height: 100%; background: linear-gradient( to top, black 76%, transparent 100%);}
    #wrap.main #sec01 .layout{padding: 0 20px 20px 20px; box-sizing: border-box; align-content: space-between;}
    #wrap.main #sec01 .layout>div{margin: 0 0 100px 0;}
    #wrap.main #sec01 .main_cont01{position: relative; animation: mainAni 2s; animation-delay: 0.5s; animation-fill-mode: forwards; justify-content: center;margin-right: -500%; margin-top: 40px;}
    @keyframes mainAni{0%{} 100%{margin-right: 0;}}
    #wrap.main #sec01 .main_txt{font-size: 30px; line-height: 35px;}
    #wrap.main #sec01 .main_txt b{margin: 0;}
    #wrap.main #sec01 .sub_txt{margin: 20px 0 0 0;}
    #wrap.main #sec01 .sub_txt::before{display: none;}
    
    
    .main_cont01 [class ^= "pop0"]{min-width: 165px; min-height: 165px; width: 165px; height: 165px; border-radius: 165px;}
    .main_cont01 [class ^= "pop0"] .pop_cont{padding: 40px 20px 20px;}
    .main_cont01 [class ^= "pop0"] .pop_open b{font-size: 15px; padding: 0 10px;}
    .main_cont01 [class ^= "pop0"] .pop_open p{font-size: 13px;}

    .main_cont01 [class ^= "pop0"] .pop_cont p{font-size: 18px;}
    .main_cont01 [class ^= "pop0"] .pop_cont span{font-size: 12px;}
    .main_cont01 [class ^= "pop0"] .pop_cont .pop_close{top: 20px; right: 20px; width: 20px; height: 20px; background-position: -6px -71px;}
    #wrap.main #sec01 .main_cont01 .pop_cont img[class ^= "pc_about_img"]{display: none;}
    #wrap.main #sec01 .main_cont01 .pop_cont img[class ^= "m_about_img"]{display: block; max-width: 300px;}
    .main_cont01 [class ^= "pop0"] .pop_cont a{font-size: 12px; margin: 20px 0 0 0;}
    .main_cont01 [class ^= "pop0"] .pop_cont a::after{width: 20px; top: 0px; background-position: -10px -11px; margin: 0 0 0 7px;}

    #wrap.main #sec01 .scroll{font-size: 13px;}
    #wrap.main #sec01 .scroll::before{border: 1px solid #fff;}
    
    /* #sec02 */
    #wrap.main #sec02{padding: 55px 0 75px 0;}
    #wrap.main #sec02 .sec02_cont01{flex-wrap: wrap; width: 90%; margin: 50px auto 0; position: relative;}
    #wrap.main #sec02 .sec02_cont01::after{content: ''; width: 112px; height: 87.5px; background: url(/img/sec02_img.png) no-repeat; background-size: cover; position: absolute; bottom: 7px; right: 7px;}
    #wrap.main #sec02 .sec02_cont01 li{width: 50%; padding: 0 15px; box-sizing: border-box;}
    #wrap.main #sec02 .sec02_cont01 li:nth-of-type(2n)::after{display: none;}
    #wrap.main #sec02 .sec02_cont01 li a{height: 120px; display: block; margin: 32px 0 0 0; padding: 0;}
    #wrap.main #sec02 .sec02_cont01 li:nth-of-type(1) a,
    #wrap.main #sec02 .sec02_cont01 li:nth-of-type(2) a{margin: 0;}
    #wrap.main #sec02 .sec02_cont01 li p{font-size: 14px; line-height: 130%;}
    #wrap.main #sec02 .sec02_cont01 li p::before{width: 20px; height: 20px; background-size: 100%; margin: 0 0 7px 0;}
    #wrap.main #sec02 .sec02_cont01 li a span.more_txt{font-size: 0px;}
    #wrap.main #sec02 .sec02_cont01 li a span.more_txt::after{width: 20px; height: 7px; margin: 0; position: absolute; bottom: 30px; right: 0px;}
    #wrap.main #sec02 .sec02_cont01 li span.sec02_underline{width: 100%; height: 2px; background-color: #b4b4b4; margin: 0; }
    
    #wrap.main #sec02 .sec02_cont01 li:nth-of-type(2) p::before{background-position: 0px -21px;}
    #wrap.main #sec02 .sec02_cont01 li:nth-of-type(3) p::before{background-position: 0px -42px;}
    #wrap.main #sec02 .sec02_cont01 li:nth-of-type(4) p::before{background-position: 0px -59px;}
    #wrap.main #sec02 .sec02_cont01 li:nth-of-type(5) p::before{background-position: 0px -83px;}

    #wrap.main #sec02 .sec02_cont01 li>a.atv{transform: unset;}
    #wrap.main #sec02 .sec02_cont01 li a.atv::before{display: none;}
    #wrap.main #sec02 .sec02_cont01 li p.atv{border: unset;}
    #wrap.main #sec02 .sec02_cont01 li a:hover p::before{opacity: 0.5;}

    /* sec03 */
    #wrap.main #sec03 .sec03_cont01 li div{width: 100%;}
    #wrap.main #sec03 .sec03_cont01 .more_txt{margin: 30px 0 0 0; position: unset;}
    #wrap.main #sec03 .sec03_cont01 li.slick-slide{margin: 0; padding: 0 30px;}
    #wrap.main #sec03 .sec03_cont01 li a{height: 100%;}
    #wrap.main #sec03 .sec03_cont01 .slick-dots{width: calc(100% - 80px); left: 50%; transform: translateX(-50%);}

    /* sec04 */
    #wrap.main #sec04{padding: 60px 0 100px 0;}
    #wrap.main #sec04 .sec04_cont{padding: 0px;}
    #wrap.main #sec04 .sec04_cont01{display: none;}
    #wrap.main #sec04 .sec04_cont02{width: 100%; padding: 0 0 0 40px;}
    #wrap.main #sec04 .sec04_cont02 li p{width: 100%; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    #wrap.main #sec04 .sec04_cont02 .slick-dots{width: calc(100% - 80px); bottom: -30px; left: 50%; transform: translateX(-50%);}

    /* sec05 */
    #wrap.main #sec05 .people_box{flex-wrap: wrap; justify-content: center;}
    #wrap.main #sec05 .people_txt_box{padding: 0 0 44px 0; box-sizing: border-box;}
    .people_box{flex-wrap: wrap;}
    .people_box>img{margin: auto;}
    .people_name{text-align: center;}
    

    #wrap.main #sec05 .people_cont .people_cont_box img{filter: unset; margin: 0px;}
    #wrap.main #sec05 .people_cont .people_cont_box:hover .people_box img{transform: scale(1) translateY(0px);}

    /* footer */
    footer{border: 1px solid #5b5b5b;}
    footer .footer_cont01{width: 100%; padding: 30px 20px; }
    footer .footer_cont01 .logo{width: 236.5px; height: 33.5px; background-size: cover; margin: 0 0 35px 0;}
    footer .footer_cont01 ul li{font-size: 13px; line-height: 20px}
    footer .footer_cont01 ul li:last-of-type{margin: 7px 0 0 0;}
    footer .footer_cont01 ul li:nth-of-type(2) p::after{margin: 0 15px;}

    footer .footer_cont01 .familySite,
    footer .footer_cont02{display: none;}

    /* 모바일메뉴 */
    .navigation{display: block;}
    #menuToggle{width: 41px; height: 41px; background: url(/img/mobile/icon_menu.png) no-repeat; background-size: 100%;}
    #menuToggle input{opacity: 0;}
    .t_menu_wrap{position: absolute; top: 60px; left: 0; width: 100%; background-color: #fff; padding: 30px 0px; box-sizing: border-box; display: none;}
    .t_menu_wrap.t_menu_atv{height: auto;}

    .t_menu_wrap .t_menu{position: relative; font-size: 15px; color: #b4b4b4; padding: 25px 15px; box-sizing: border-box; font-family: "sofia-pro", sans-serif; letter-spacing: 0;}
    .t_menu_wrap .t_subMenu{max-height: 0; overflow: hidden; transition: 0.2s ease-out; background-color: #fff;}
    .t_menu_wrap .t_subMenu>ul>li>a{font-size: 14px; display: block; padding: 10px 25px;}
    .t_menu_wrap .t_menu::before{content: ''; width: 90%; height: 1px; background-color: #cdcdcd; position: absolute; bottom: 0px;}
    .t_menu_wrap .t_menu:after{content: ''; width: 13px; height: 8px; background: url(/img/m_icon_arrow.png) no-repeat; background-size: 100%; background-position: 0px 0px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
    .t_menu_wrap .t_3depth{max-height: 0; overflow: hidden; display: flex; flex-wrap: wrap; padding: 0 25px; box-sizing: border-box; background-color: indianred;}
    .t_menu_wrap .t_3depth li{width: 33.3%; }
    .t_menu_wrap .t_3depth li a{font-size: 14px; color: #b4b4b4;}

    #menuToggle.atv{background-position: bottom; z-index: 99; position: relative;}
    .t_menu_wrap .t_menu.active:after{background-position: 0px -8px;}
    .t_menu_wrap .t_menu.active{color: #3e3e3e; font-size: 18px; font-weight: bold;}
    .t_menu_wrap .t_menu.active::before{background-color: #3e3e3e; height: 3px;}
    .header.t_header_atv{background-color: #fff;}
    .header .logo.t_logo_atv{z-index: 99; width: 31px; height: 31px; background: url(/img/logo_in.png) no-repeat; background-size: 100%; background-position: bottom; }

    #wrap.main #sec05 .people_box .people_name{display: block;}
    .people_tit{text-align: center; margin: 15px 0;}
}
@media screen and (max-width: 768px){
}

@media screen and (max-width: 750px) {
    /* 공통 */
    [class ^= "pc_"]{display: none;}
    [class ^= "m_"]{display: block;}
    .tit_txt{font-size: 30px; margin: 0 0 3px 0;}
    .sub_txt{font-size: 13px;}
    .download::before{top: 2px;}

    /* 팝업 */
    [id ^= "noticePop"]{width: 90% !important; left: 20px !important;}
    [id ^= "noticePop"] img{width: 100% !important; height: auto !important;}

    /* sec01 */
    #wrap.main #sec01 .m_main_txt{font-size: 28px; font-weight: bold; line-height: 35px; margin: 10px 0 0 0;}
    #wrap.main #sec01 .m_sub_txt{font-size: 15px; color: #fff; line-height: 140%; margin: 25px 0 0 0;}

    /* sec03 */
    #wrap.main #sec03{padding: 60px 0;}
    #wrap.main #sec03 .sec03_cont01{padding: 35px 15px 35px 20px;}
    #wrap.main #sec03 .tit_txt{margin: 0 0 37.5px 0;}

    #wrap.main #sec03 .sec03_cont01::before{width: calc(100% - 20px); right: 0;}
    #wrap.main #sec03 .sec03_cont01::after{width: calc(100% - 20px); }
    
    
    #wrap.main #sec03 .sec03_cont01 li a p{font-size: 17px; width: 100%; height: 28px; -webkit-line-clamp: 1;}
    #wrap.main #sec03 .sec03_cont01 li a span{font-size: 13px; margin: 15px 0 0 0;}
    #wrap.main #sec03 .sec03_cont01 li>div span{font-size: 13px; ;}
    #wrap.main #sec03 .sec03_cont01 li>div p[class ^= "color_"]{font-size: 13px; width: 65px; height: 30px; line-height: 28px;}

    /* button custom */
    #wrap.main #sec03 .sec03_cont01 .slick-dots{height: 2px; bottom: -35px;}
    #wrap.main #sec03 .sec03_cont01 .slick-dots li{height: auto;}

    /* #sec04 */
    #wrap.main #sec04 .tit_txt{margin: 0 0 37.5px 0;}
    #wrap.main #sec04 .sec04_cont02 li.slick-slide{margin: 0 15px 0 0;}
    #wrap.main #sec04 .sec04_cont02 li p{font-size: 17px;}
    #wrap.main #sec04 .sec04_cont02 li span{font-size: 13px;}

    #wrap.main #sec04 .sec04_cont02 .slick-dots{height: 2px; width: calc(100% - 80px); left: 50%; bottom: -30px; transform: translateX(-50%);}
    #wrap.main #sec04 .sec04_cont02 .slick-dots li{width: 100%; height: auto;}
    
    #wrap.main #sec04 .sec04_cont02 li.slick-slide .sec04_cont02_imgBox{height: 240px;}
    #wrap.main #sec04 .sec04_cont02 li.slick-slide .sec04_cont02_imgBox img{min-height: 240px;}

    /* sec05 */
    #wrap.main #sec05{padding: 60px 0 0 0;}
    
    .people_tit{font-size: 13px; margin: 0 0 5px 0;}
    #wrap.main #sec05 .people_box .people_name{margin: 0 0 10px 0; display: block;}
    #wrap.main #sec05 .people_box .people_img_box{max-width: 300px; margin: 0 auto 30px;}
    #wrap.main #sec05 .people_box .people_img_box img{width: 100%;}
    #wrap.main #sec05 .people_box .people_txt_box{max-width: 300px; padding: 0;}
    #wrap.main #sec05 .btn_more{font-size: 13px; margin: 40px auto;}
    #wrap.main #sec05 .btn_more button{width: 35px; height: 35px; margin: 0 auto 7px;}
    #wrap.main #sec05 .btn_more button::before{width: 15px; height: 15px; background-position: -7px -29px;}

    #wrap.main #sec05 .people_box{padding: 50px 10px; flex-wrap: wrap;}
    .people_box{flex-wrap: wrap;}
    .people_cont .people_box>img{width: 70%; margin: 0 auto 30px auto;}
    .people_name{font-size: 21px; text-align: center;}
    .people_txt_box li[class ^= "icon_people"]{font-size: 13px; padding: 0 0 0 40px; margin: 7px 0 0 0 ;}
    .people_txt_box li[class ^= "icon_people"]::before{top: 0px; left: 10px; width: 20px; height: 20px; background-size: cover;}
    .people_txt_box li.icon_people02::before{background-position: 0 -15px;}
    .people_txt_box li.icon_people03::before{background-position: 0 -33px;}
    .people_txt_box li.icon_people04::before{background-position: 0 -54px; height: 17px;}
    .people_txt_box li.icon_people05::before{background-position: 0 -72px; height: 15px; top: 3px;}
    .people_txt_box li.icon_people06::before{background-position: 0 -90px; top: 3px;}
}

@media screen and (min-width: 751px) {
	.mb-only {display:none;}
}