@charset "utf-8";
* {margin: 0;padding: 0;}
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(/static_fonts/NanumGothic-Regular.eot), 
        url(/static_fonts/NanumGothic-Regular.woff2) format("woff2"), 
        url(/static_fonts/NanumGothic-Regular.woff) format("woff"),
        url(/static_fonts/NanumGothic-Regular.ttf) format("truetype");
}
/* CSS Reset */
*,:after,:before,:after,:before{box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html,body{overflow: visible;/*overflow: hidden;*/width:100%;height:100%;font-family:pr,sans-serif;line-height:1.5;font-size:16px;color:#333;word-wrap:break-word;letter-spacing: -.5px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0}
body{word-break:keep-all; overflow-x: hidden !important;}
header,article,section,nav,footer{display:block}
img,fieldset,iframe,button{border:0 none}
li{list-style:none}
img{width:auto;max-width:100%;vertical-align:top;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{font-family:pr,sans-serif;background-color:transparent;overflow:visible;border:0}
a,button,input{border:0 none}
a:focus,button:focus,input:focus,select:focus {outline: none;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline: 2px solid #333;}
a:link,a:active,a:visited{text-decoration:none;color:#FFF}
a:hover{text-decoration:none;color:#002d56;}
legend{width:0;height:0;font-size:0;position:absolute;z-index:-1}
table{width:100%;border-spacing:0;table-layout:fixed;text-align:center}
caption{width:0;height:0;padding:0;font-size:0;opacity:0}
th{text-align:center}
input:-ms-clear{display:none}
input,button{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:pr}
input[type="radio"]{position:relative;top:2px}
pre{white-space:pre-line;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow-y:auto}
select:-ms-expand{display:none}
textarea{resize:none}
figure{text-align:center}
h1,h2,h3,h4,h5,h6,strong{font-weight:400}

/* 레이어팝업 시작 */
html, body {width: 100%; height: 100%; margin: 0; /*max-height: 780px;*/}
body {background-repeat: no-repeat;background-position: center top; background-size: cover;}

.page-wrapper_01 {width: 100%; height: 100%; background: url(https://goo.gl/OeVhun) center no-repeat; background-size: cover;}
/*.blur-it {filter: blur(4px);}*//*버튼 클릭시 해당 버튼 흐림 효과*/
a.btn {width: 200px; padding: 18px 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; border-radius: 0; background: #31cdb0;}
/*.modal-wrapper {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgb(49 205 176 / 80%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}*/
.modal-wrapper_01 {max-width: 970px; width: 100%; height: 342px; position: fixed; top: 450px; /*right: 74px;*/ background: rgb(49 205 176 / 0%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}
.modal-wrapper_01.open {opacity: 1; visibility: visible; margin-left: 10px;}
/*.modal {width: 640px; height: 400px; display: block; margin: 50% 0 0 -344px; position: relative; top: 50%; left: 50%; background: #fff; opacity: 0; transition: all 0.5s ease-in-out;}*/
.modal {width: 100%; height: 100%; display: block; margin: 0; position: relative; top: 0%; left: 0%; background: #fff; border-radius: 16px; opacity: 0; /*transition: all 0.5s ease-in-out;*/ /*overflow-y:auto; overflow-x:hidden;*/}
/*.modal-wrapper.open .modal {margin-top: -200px; opacity: 1;}*/
.modal-wrapper_01.open .modal {opacity: 1;}

.page-wrapper_02 {max-width: 970px; width: 100%; height: 100%; background: url(https://goo.gl/OeVhun) center no-repeat; background-size: cover;}
.modal-wrapper_02 {width: 970px; height: 342px; position: fixed; top: 450px; /*right: 74px;*/ background: rgb(49 205 176 / 0%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}
.modal-wrapper_02.open {opacity: 1; visibility: visible; margin-left: 10px;}
.modal-wrapper_02.open .modal {opacity: 1;}

.page-wrapper_03 {max-width: 970px; width: 100%; height: 100%; background: url(https://goo.gl/OeVhun) center no-repeat; background-size: cover;}
.modal-wrapper_03 {width: 970px; height: 342px; position: fixed; top: 450px; /*right: 74px;*/ background: rgb(49 205 176 / 0%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}
.modal-wrapper_03.open {opacity: 1; visibility: visible; margin-left: 10px;}
.modal-wrapper_03.open .modal {opacity: 1;}

.page-wrapper_04 {max-width: 970px; width: 100%; height: 100%; background: url(https://goo.gl/OeVhun) center no-repeat; background-size: cover;}
.modal-wrapper_04 {width: 970px; height: 342px; position: fixed; top: 450px; /*right: 74px;*/ background: rgb(49 205 176 / 0%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}
.modal-wrapper_04.open {opacity: 1; visibility: visible; margin-left: 10px;}
.modal-wrapper_04.open .modal {opacity: 1;}

.page-wrapper_05 {max-width: 970px; width: 100%; height: 100%; background: url(https://goo.gl/OeVhun) center no-repeat; background-size: cover;}
.modal-wrapper_05 {width: 970px; height: 342px; position: fixed; top: 450px; /*right: 74px;*/ background: rgb(49 205 176 / 0%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}
.modal-wrapper_05.open {opacity: 1; visibility: visible; margin-left: 10px;}
.modal-wrapper_05.open .modal {opacity: 1;}

.page-wrapper_06 {max-width: 970px; width: 100%; height: 100%; background: url(https://goo.gl/OeVhun) center no-repeat; background-size: cover;}
.modal-wrapper_06 {width: 970px; height: 342px; position: fixed; top: 450px; /*right: 74px;*/ background: rgb(49 205 176 / 0%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}
.modal-wrapper_06.open {opacity: 1; visibility: visible; margin-left: 10px;}
.modal-wrapper_06.open .modal {opacity: 1;}

.page-wrapper_07 {max-width: 970px; width: 100%; height: 100%; background: url(https://goo.gl/OeVhun) center no-repeat; background-size: cover;}
.modal-wrapper_07 {width: 970px; height: 342px; position: fixed; top: 450px; /*right: 74px;*/ background: rgb(49 205 176 / 0%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}
.modal-wrapper_07.open {opacity: 1; visibility: visible; margin-left: 10px;}
.modal-wrapper_07.open .modal {opacity: 1;}

.page-wrapper_08 {max-width: 970px; width: 100%; height: 100%; background: url(https://goo.gl/OeVhun) center no-repeat; background-size: cover;}
.modal-wrapper_08 {width: 970px; height: 342px; position: fixed; top: 450px; /*right: 74px;*/ background: rgb(49 205 176 / 0%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}
.modal-wrapper_08.open {opacity: 1; visibility: visible; margin-left: 10px;}
.modal-wrapper_08.open .modal {opacity: 1;}

.page-wrapper_09 {max-width: 970px; width: 100%; height: 100%; background: url(https://goo.gl/OeVhun) center no-repeat; background-size: cover;}
.modal-wrapper_09 {width: 970px; height: 342px; position: fixed; top: 450px; /*right: 74px;*/ background: rgb(49 205 176 / 0%);; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index:9999;}
.modal-wrapper_09.open {opacity: 1; visibility: visible; margin-left: 10px;}
.modal-wrapper_09.open .modal {opacity: 1;}
/*.head {width: 100%; height: 50px; padding: 4px 20px; overflow: hidden; background: #e2525c;}*/
.head {width: 100%; height: 50px; padding: 5px 20px; overflow: hidden; background: #31cdb0; border-top-left-radius: 14px; border-top-right-radius: 14px; font-size: 22px; font-weight: 700; color: #fff; font-family: gm; line-height: 40px;}
.btn-close {font-size: 28px; display: block; float: right; color: #fff;}
.content {padding: 3% 1% 3% 3%;}
.popcon {/*text-align: left;*/ font-family: gb; color: #e2525c; display: flex; text-align: right;}
.popcon .popcon_ul{width: 32%; margin-right: 3%;}
.popcon .popcon_ul::after {content: ""; width: 1px; height: 70%; position: absolute; top: auto; right: auto; transform: translateY(-45%); background-color: #31cdb0; box-shadow: 1px 0px 1px #00000050;}
.popcon .popcon_ul:last-child::after {display:none;}
.popcon .popcon_ul .popcon_li{width: 100%; padding: 0 0 0 0; margin-bottom: 20px;}
.popcon .popcon_ul .popcon_li:hover a{background: none;}
.popcon .popcon_ul .popcon_li a{text-align: left; font-family: gm; font-size: 17px; color: #333333; background: none; min-height: 30px; transition: all 0.2s; border-radius: 0; display: flex; align-items: center; position: relative; 
padding: 0 0 0 0; width: fit-content; margin-left: 15px;}
.popcon .popcon_ul .popcon_li a:hover{background: none; color: #31cdb0; border-bottom: solid 1px #31cdb0;}

.fa-remove:before,.fa-close:before,.fa-times:before {
    content: "\f00d"
}
/* 레이어팝업 끝 */

.intro02-wrap .intro01-box .con-box-slogan{width: 60%;  position: relative; /*padding-top: 230px;*/ padding-bottom: 45px; float: right;} 
.intro02-wrap .intro01-box .top-area p{font-size: 60px; font-family: gb; color: #fff; letter-spacing: -.05em; line-height: 1.2;}
.intro02-wrap .intro01-box .top-area span{font-size: 25px; font-family: gm; color: #fff; margin-top: 10px; display: inline-block;}

.intro02-wrap .intro01-box .top-area{display:contents;position:fixed;/*top:50px;left:90%;width:100%;height:100%;*/transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.intro02-wrap .intro01-box .top-area .slogan_wrap{display:inline-block;position:relative;margin:40px 0 15px 0;width:100%;text-align:left;}
.intro02-wrap .intro01-box .top-area .slogan_wrap:before{display:block;position:absolute;top:74px;right:0px;width:13%;height:1px;background:#fff;content:'';}
.intro02-wrap .intro01-box .top-area .slogan_wrap .slogan{display:inline-block;width:495px;height:135px;margin:0 15px 0 0;background:url("/images/kor/intro/2024intro/mvisual_slogan.png") no-repeat;font-size:0;text-indent:-9999px;vertical-align:middle;}
.intro02-wrap .intro01-box .top-area .slogan_wrap .copy{display:inline-block;text-align:left;vertical-align:middle;}
.intro02-wrap .intro01-box .top-area .slogan_wrap .copy span{display:block;color:#fff;font-size:18px;line-height:1.3;text-shadow: 0 0 5px black;}


.intro02-wrap .container{max-width: 1920px; width: 100%; height: 100%; margin: 0 auto;}

.intro02-wrap .header{padding-top: 30px;}
.intro02-wrap .logo{display: inline-block;}

.intro02-wrap{height:100%;}
/*.intro02-wrap{background-image: url(/images/kor/intro/2024intro/intro_bg01.jpg); background-repeat: no-repeat;background-position: center top; background-size: cover; height:100%;}*/

.intro02-wrap .intro02-box:after{content: ''; display: block; clear: both;}
.intro02-wrap .con-box{width: 60%;  position: relative; /*padding-top: 230px;*/ padding-bottom: 45px; float: right;} 
.intro02-wrap .con-box2{width: 40%;  position: relative; /*padding-top: 230px;*/ padding-bottom: 45px; float: right;} 
.intro02-wrap .intro02-inner{max-width: 1650px; width: 100%; margin: 0 auto; position: relative; height: 88%;}
.intro02-wrap .top-area p{font-size: 60px; font-family: gb; color: #fff; letter-spacing: -.05em; line-height: 1.2;}
.intro02-wrap .top-area span{font-size: 25px; font-family: gm; color: #fff; margin-top: 10px; display: inline-block;}

.intro02-wrap .top-area{display:contents;position:fixed;/*top:50px;left:90%;width:100%;height:100%;*/transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.intro02-wrap .top-area .slogan_wrap{display:inline-block;position:relative;margin:80px 0 15px 0;width:100%;text-align:left;}
.intro02-wrap .top-area .slogan_wrap:before{display:block;position:absolute;top:74px;right:0px;width:13%;height:1px;background:#fff;content:'';}
.intro02-wrap .top-area .slogan_wrap .slogan{display:inline-block;width:495px;height:135px;margin:0 15px 0 0;background:url("/images/kor/intro/2024intro/mvisual_slogan.png") no-repeat;font-size:0;text-indent:-9999px;vertical-align:middle;}
.intro02-wrap .top-area .slogan_wrap .copy{display:inline-block;text-align:left;vertical-align:middle;}
.intro02-wrap .top-area .slogan_wrap .copy span{display:block;color:#fff;font-size:18px;line-height:1.3;text-shadow: 0 0 5px black;}

.intro02-wrap .menu-list{margin-top: 0px;}
.intro02-wrap .menu-list span{font-size: 18px; font-family: gm; color: #333333; letter-spacing: -0.08em;}
/*.intro02-wrap .menu-list .icon02 span{font-size: 18px; font-family: gm; color: #ff253a; letter-spacing: -0.08em;}
.intro02-wrap .menu-list .icon03 span{font-size: 18px; font-family: gm; color: #ff253a; letter-spacing: -0.08em;}*/
/*.intro02-wrap .menu-list .icon04 span{font-size: 16px; font-family: gm;  letter-spacing: -0.08em;}*/
.intro02-wrap .menu-list .icon02 span{font-size: 17px; font-family: gm;  letter-spacing: -0.08em;}
.intro02-wrap .menu-list > ul{display: flex; /*justify-content: space-between;*/ flex-wrap: wrap; /*margin: 0 -10px;*/}
.intro02-wrap .menu-list li{width: 33.333%; padding: 0 10px; margin-bottom: 20px; position: relative;}
.intro02-wrap .menu-list li > a{background: #fff; min-height: 100px; border-radius: 18px; display: flex;  align-items: center; position: relative; padding-left: 20px; padding-right: 25px; transition: all 0.2s;}
.intro02-wrap .list-box {width: calc(100% - 70px);}
.intro02-wrap .list-box .txt-box{display: block; padding-right: 13px; position: relative;}
.intro02-wrap .list-box .txt-box:before{content: ''; background: url(/images/kor/intro/2024intro/go-arrow.png) no-repeat center / cover; width:11px; height: 17px; position: absolute; right: 0px; top: 50%; margin-top: -8.5px;}

.intro02-wrap .menu-list2{margin-top: 0px;}
.intro02-wrap .menu-list2 span{font-size: 20px; font-family: gm; color: #333333;}
.intro02-wrap .menu-list2 > ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -10px;}
.intro02-wrap .menu-list2 .youtube{width: 543px; padding-left:10px; padding-right: 45px; margin-bottom: 20px; position: relative;}
.intro02-wrap .menu-list2 li > a{background: #fff; min-height: 100px; border-radius: 18px; display: flex;  align-items: center; position: relative; padding-left: 20px; padding-right: 25px; transition: all 0.2s;}

.intro02-wrap .list-box span{position: relative; background: linear-gradient(to bottom, transparent 93.5%, rgba(255,255,255,1) 0) left center no-repeat; background-size: 0; transition: .4s; line-height: 1.3;}
.intro02-wrap .list-box .icon02 span{position: relative; background: linear-gradient(to bottom, transparent 93.5%, rgba(255,255,255,1) 0) left center no-repeat; background-size: 0; transition: .4s; line-height: 1.5;}
.intro02-wrap .ic-wrap{width: 70px; }
.intro02-wrap .ic-bx{display: inline-block;position: relative; z-index: 2;}

.intro02-wrap .ic-bx:after{content: ''; background: url(/images/kor/intro/2024intro/on-shape.png) no-repeat center / cover; width: 35px; height: 35px; position: absolute; left: 0; top: 0; opacity: 0; transition: left 0.3s; z-index: -1;}
.intro02-wrap .menu-list li:hover .ic-bx:after{left: 50%; opacity: 1;}
/*.intro02-wrap .menu-list li:hover .list-box span{background-size: 100% auto;}*/
.intro02-wrap .menu-list li:hover .txt-box:before{background: url(/images/kor/intro/2024intro/go-arrow-on.png) no-repeat center / cover;}

.intro02-wrap .menu-list li{ position: relative; }
.intro02-wrap .menu-list li:hover a{ background: #31cdb0;}
.intro02-wrap .menu-list li:hover span{color: #fff;}

.intro02-wrap .menu-list li a:after {content: ''; position: absolute; left: 25px; top: 25px;}

/* 메인버튼 2개 일떄 시작 */

.intro02-wrap .menu-list .btn01 span{font-size: 23px; font-family: gm; color: #FFFFFF; text-shadow: 0 0 5px black;}
.intro02-wrap .menu-list .btn01 {padding: 0 10px; margin-left: 15px; margin-bottom: 20px; position: relative; width: calc((100% - 70px) / 2); height: 100px;  margin-right: 20px; border: 2px solid #fff; border-radius: 30px 0;}
.intro02-wrap .menu-list .btn01 > a{width: 100%; height: 100%; padding-left: 30px; text-decoration: none; background: none;}
.intro02-wrap .list-box .btn01 .txt-box{display: block; padding-right: 13px; position: relative; font-size: 23px; line-height: 100px; letter-spacing: -0.025em; font-weight: 400; color: #fff;}

.intro02-wrap .menu-list .btn02 span{font-size: 23px; font-family: gm; color: #FFFFFF; text-shadow: 0 0 5px black;}
.intro02-wrap .menu-list .btn02 {padding: 0 10px; margin-left: 15px; margin-bottom: 20px; position: relative; width: calc((100% - 70px) / 2); height: 100px;  margin-right: 20px; border: 2px solid #fff; border-radius: 30px 0;}
.intro02-wrap .menu-list .btn02 > a{width: 100%; height: 100%; padding-left: 34px; text-decoration: none; background: none;}
.intro02-wrap .list-box .btn02 .txt-box{display: block; padding-right: 13px; position: relative; font-size: 23px; line-height: 100px; letter-spacing: -0.025em; font-weight: 400; color: #fff;}

.intro02-wrap .btn01 .list-box .txt-box:before{content: ''; background: url(/images/kor/intro/2024intro/go_arrow_icon01.png) no-repeat center / cover; width: 58px; height: 40px; position: absolute; right: -66px; top: 50%; margin-top: -20px;}
.intro02-wrap .btn01 .txt-box:after{content: ''; width: 105px; height: 121px; position: absolute; right: 0px; top: 50%; margin-top: -20px; background: none;}
.intro02-wrap .menu-list .btn01:hover{background:#fff;}
.intro02-wrap .menu-list .btn01:hover .ic-bx:after{left: 50%; opacity: 1;}
.intro02-wrap .menu-list .btn01:hover .txt-box:before{background: url(/images/kor/intro/2024intro/go_arrow_icon02.png) no-repeat center / cover;}
.intro02-wrap .menu-list .btn01:hover .txt-box:after{display: block; position: absolute; top:-23px; left:calc(100% - 100px); width: 105px; height: 121px; background: url("/images/kor/intro/2024intro/go_cha_icon01.png") no-repeat;}
.intro02-wrap .menu-list .btn01:hover a{ background: none;}
.intro02-wrap .menu-list .btn01:hover span{color: #0c51bd; text-shadow: none;}

.intro02-wrap .btn02 .list-box .txt-box:before{content: ''; background: url(/images/kor/intro/2024intro/go_arrow_icon01.png) no-repeat center / cover; width: 58px; height: 40px; position: absolute; right: -66px; top: 50%; margin-top: -20px;}
.intro02-wrap .btn02 .txt-box:after{content: ''; width: 105px; height: 121px; position: absolute; right: 0px; top: 50%; margin-top: -20px; background: none;}
.intro02-wrap .menu-list .btn02:hover{background:#fff;}
.intro02-wrap .menu-list .btn02:hover .ic-bx:after{left: 50%; opacity: 1;}
.intro02-wrap .menu-list .btn02:hover .txt-box:before{background: url(/images/kor/intro/2024intro/go_arrow_icon02.png) no-repeat center / cover;}
.intro02-wrap .menu-list .btn02:hover .txt-box:after{display: block; position: absolute; top:-23px; left:calc(100% - 110px); width: 105px; height: 121px; background: url("/images/kor/intro/2024intro/go_cha_icon02.png") no-repeat;}
.intro02-wrap .menu-list .btn02:hover a{ background: none;}
.intro02-wrap .menu-list .btn02:hover span{color: #0c51bd; text-shadow: none;}

/* 메인버튼 2개 일떄 끝 */

/* 메인버튼 3개 일떄 시작 */
/*
.intro02-wrap .menu-list .btn01 span{font-size: 23px; font-family: gm; color: #FFFFFF; text-shadow: 0 0 5px black;}
.intro02-wrap .menu-list .btn01 {padding: 0 10px; margin-left: 10px; margin-bottom: 20px; position: relative; width: 31.4%; height: 100px; margin-right: 20px; border: 2px solid #fff; border-radius: 30px 0;}
.intro02-wrap .menu-list .btn01 > a{width: 100%; height: 100%; padding-left: 25px; text-decoration: none; background: none;}
.intro02-wrap .list-box .btn01 .txt-box{display: block; padding-right: 13px; position: relative; font-size: 23px; line-height: 100px; letter-spacing: -0.025em; font-weight: 400; color: #fff;}

.intro02-wrap .menu-list .btn02 span{font-size: 23px; font-family: gm; color: #FFFFFF; text-shadow: 0 0 5px black;}
.intro02-wrap .menu-list .btn02 {padding: 0 10px; margin-bottom: 20px; position: relative; width: 31.4%; height: 100px; margin-right: 20px; border: 2px solid #fff; border-radius: 30px 0;}
.intro02-wrap .menu-list .btn02 > a{width: 100%; height: 100%; padding-left: 25px; text-decoration: none; background: none;}
.intro02-wrap .list-box .btn02 .txt-box{display: block; padding-right: 13px; position: relative; font-size: 23px; line-height: 100x; letter-spacing: -0.025em; font-weight: 400; color: #fff;}

.intro02-wrap .menu-list .btn03 span{font-size: 23px; font-family: gm; color: #FFFFFF; text-shadow: 0 0 5px black;}
.intro02-wrap .menu-list .btn03 {padding: 0 10px; margin-bottom: 20px; position: relative; width: 31.4%; height: 100px; border: 2px solid #fff; border-radius: 30px 0;}
.intro02-wrap .menu-list .btn03 a{width: 100%; height: 100%; padding-left: 25px; text-decoration: none; background: none;}
.intro02-wrap .list-box .btn03 .txt-box{display: block; padding-right: 13px; position: relative; font-size: 23px; line-height: 100px; letter-spacing: -0.025em; font-weight: 400; color: #fff;}

.intro02-wrap .btn01 .list-box .txt-box:before{content: ''; background: url(/images/kor/intro/2024intro/go_arrow_icon01.png) no-repeat center / cover; width: 58px; height: 40px; position: absolute; right: -80px; top: 50%; margin-top: -20px;}
.intro02-wrap .btn01 .txt-box:after{content: ''; width: 105px; height: 121px; position: absolute; right: 0px; top: 50%; margin-top: -20px; background: none;}
.intro02-wrap .menu-list .btn01:hover{background:#fff;}
.intro02-wrap .menu-list .btn01:hover .ic-bx:after{left: 50%; opacity: 1;}
.intro02-wrap .menu-list .btn01:hover .txt-box:before{background: url(/images/kor/intro/2024intro/go_arrow_icon02.png) no-repeat center / cover;}
.intro02-wrap .menu-list .btn01:hover .txt-box:after{display: block; position: absolute; top:-23px; left:calc(100% - 70px); width: 105px; height: 121px; background: url("/images/kor/intro/2024intro/go_cha_icon01.png") no-repeat;}
.intro02-wrap .menu-list .btn01:hover a{ background: none;}
.intro02-wrap .menu-list .btn01:hover span{color: #0c51bd; text-shadow: none;}

.intro02-wrap .btn02 .list-box .txt-box:before{content: ''; background: url(/images/kor/intro/2024intro/go_arrow_icon01.png) no-repeat center / cover; width: 58px; height: 40px; position: absolute; right: -80px; top: 50%; margin-top: -20px;}
.intro02-wrap .btn02 .txt-box:after{content: ''; width: 105px; height: 121px; position: absolute; right: 0px; top: 50%; margin-top: -20px; background: none;}
.intro02-wrap .menu-list .btn02:hover{background:#fff;}
.intro02-wrap .menu-list .btn02:hover .ic-bx:after{left: 50%; opacity: 1;}
.intro02-wrap .menu-list .btn02:hover .txt-box:before{background: url(/images/kor/intro/2024intro/go_arrow_icon02.png) no-repeat center / cover;}
.intro02-wrap .menu-list .btn02:hover .txt-box:after{display: block; position: absolute; top:-23px; left:calc(100% - 70px); width: 105px; height: 121px; background: url("/images/kor/intro/2024intro/go_cha_icon02.png") no-repeat;}
.intro02-wrap .menu-list .btn02:hover a{ background: none;}
.intro02-wrap .menu-list .btn02:hover span{color: #0c51bd; text-shadow: none;}

.intro02-wrap .btn03 .list-box .txt-box:before{content: ''; background: url(/images/kor/intro/2024intro/go_arrow_icon01.png) no-repeat center / cover; width: 58px; height: 40px; position: absolute; right: -80px; top: 50%; margin-top: -20px;}
.intro02-wrap .btn03 .txt-box:after{content: ''; width: 105px; height: 121px; position: absolute; right: 0px; top: 50%; margin-top: -20px; background: none;}
.intro02-wrap .menu-list .btn03:hover{background:#fff;}
.intro02-wrap .menu-list .btn03:hover .ic-bx:after{left: 50%; opacity: 1;}
.intro02-wrap .menu-list .btn03:hover .txt-box:before{background: url(/images/kor/intro/2024intro/go_arrow_icon02.png) no-repeat center / cover;}
.intro02-wrap .menu-list .btn03:hover .txt-box:after{display: block; position: absolute; top:-23px; left:calc(100% - 70px); width: 105px; height: 121px; background: url("/images/kor/intro/2024intro/go_cha_icon03.png") no-repeat;}
.intro02-wrap .menu-list .btn03:hover a{ background: none;}
.intro02-wrap .menu-list .btn03:hover span{color: #0c51bd; text-shadow: none;}
*/
/* 메인버튼 3개 일떄 끝 */

.intro02-wrap .list-box span{position: relative; background: linear-gradient(to bottom, transparent 93.5%, rgba(255,255,255,1) 0) left center no-repeat; background-size: 0; transition: .4s; line-height: 1.3;}
.intro02-wrap .ic-wrap{width: 70px; }
.intro02-wrap .ic-bx{display: inline-block;position: relative; z-index: 2;}
.intro02-wrap .ic-bx:after{content: ''; background: url(/images/kor/intro/2024intro/on-shape.png) no-repeat center / cover; width: 35px; height: 35px; position: absolute; left: 0; top: 0; opacity: 0; transition: left 0.3s; z-index: -1;}

/*240716 유튜브 팝업 시작*/
.slider-k {position:relative; user-select:none;}

.slider-k .side-btns > div.left {position:absolute; top:108%; width:35px; height:50px;/*width:100px; height:100px;*/ transform:translateY(-50%); cursor:pointer; margin-right: 60px;}
.slider-k .side-btns > div.left:active > span {transform:translateY(-45%);}
.slider-k .side-btns > div.left:first-child {left:auto; right:0;}
.slider-k .side-btns > div.left > span {font-size:4rem; position:absolute; top:50%; transform:translateY(-50%); left:inherit; right:inherit; margin:0 10px; transition:transform 0.2s;background: url(/images/kor/main/main_ir.png) no-repeat; background-position: -767px -1px; width: 8px; height: 14px;}

.slider-k .side-btns > div.right {position:absolute; top:108%; width:35px; height:50px;/*width:100px; height:100px;*/ transform:translateY(-50%); cursor:pointer; margin-right: 25px;}
.slider-k .side-btns > div.right:active > span {transform:translateY(-45%);}
.slider-k .side-btns > div.right:last-child {left:auto; right:0;}
.slider-k .side-btns > div.right > span {font-size:4rem; position:absolute; top:50%; transform:translateY(-50%); left:inherit; right:inherit; margin:0 10px; transition:transform 0.2s;background: url(/images/kor/main/main_ir.png) no-repeat; background-position: -778px -1px; width: 8px; height: 14px;}

.slider-k.height-full {height:100%;}
.slider-k .slides > div {position:absolute; top:0; left:0; width:100%; height:100%; visibility:hidden; opacity:0; transition: opacity 0.5s, visibility 0.5s; background-repeat:no-repeat; background-size:cover; background-position:center;}
.slider-k .slides > div.active {visibility:visible; opacity:1;}
.slider-k .page-nav {position:absolute; bottom:2%; left:0; width:100%; text-align:center;}
.slider-k .page-nav > div {display:inline-block; width:20px; height:20px; background-color:white; border-radius:50%; opacity:0.4; transition: opacity 0.5s; margin:0 2px; cursor:pointer;}
.slider-k .page-nav > div:hover {opacity:0.7;}
.slider-k .page-nav > div.active {opacity:1;}
.slider-k-1 {width:1000px; height:305px;/*height:360px;*/ margin:0 auto;}
.slider-k-1 > .slides > .active > .cover img {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.slider-k-1 > .slides > div > .cover {position:absolute; top:0; left:0; width:100%; height:305px; background-color:rgba(0,0,0,1);}
.slider-k-1 > .slides > div > .youtubeTitle {position:absolute; top:305px; left:0; width:100%; height:50px; background-color:rgba(0,0,0,1); align-content: center;}
.slider-k-1 > .slides > div > .youtubeTitle > span {font-size: 20px; font-family: gm; color: #fff; padding-left: 30px; font-weight: 600;}
/*240716 유튜브 팝업 끝*/

/*240827 SNS 시작*/
.sns_link{position:relative; bottom:-45px; /*right:0; z-index: 1;*/ background: rgb(0 0 0 / 50%); min-height: 90px; border-radius: 18px; display: flex; align-items: center; padding-left: 34px; padding-right: 34px; transition: all 0.2s; margin: 0 auto; width: 543px;}
.sns_link ul{font-size: 0; line-height: 0;}
.sns_link ul li{display: inline-block; float: left; width: 63px; height: 63px; margin-right: 40px;}
.sns_link ul li:last-child{margin-right: 0;}

.sns_link ul li .icon.sfacebook{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns01_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto;}
.sns_link ul li .icon.sinstagram{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns02_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto;}
.sns_link ul li .icon.syoutube{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns03_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto;}
.sns_link ul li .icon.sblog{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns04_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto;}
.sns_link ul li .icon.skakao{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns05_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto;}

.sns_link ul li .icon.sfacebook:hover{background:url('/images/kor/intro/2024intro/sns01_on.png') 0 0;}
.sns_link ul li .icon.sinstagram:hover{background:url('/images/kor/intro/2024intro/sns02_on.png') 0 0;}
.sns_link ul li .icon.syoutube:hover{background:url('/images/kor/intro/2024intro/sns03_on.png') 0 0;}
.sns_link ul li .icon.sblog:hover{background:url('/images/kor/intro/2024intro/sns04_on.png') 0 0;}
.sns_link ul li .icon.skakao:hover{background:url('/images/kor/intro/2024intro/sns05_on.png') 0 0;}
/*240827 SNS 끝*/

/*footer*/
.intro02-wrap .footer{width: 100%; display: flex;background-color: #00000080; height: 12%;}
.intro02-wrap .footer01{width: 50%; margin-top: 0px; margin-bottom: 10px; align-content: center; left: 50px; position: relative;}
.intro02-wrap .footer01 p{font-size: 16px; font-family: nr; color: #fff;}
.intro02-wrap .footer01 span{display:block; font-size: 16px; font-family: nl; color: #fff;}
.intro02-wrap .footer02{width: 50%; margin-top: 0px; margin-bottom: 10px; align-content: center; right: 50px; position: relative; text-align: right;}
.intro02-wrap .footer02 span{display:block; font-size: 16px; font-family: nl; color: #e1e1e1;}
.intro02-wrap .br2{display: none;}

@media(max-device-height:940px){
	body{overflow-y:auto;}
	.intro02-wrap .footer01 {margin-top: 10px;}
	.intro02-wrap .footer02 {margin-top: 10px;}*/
}
/*@media(max-width:1920px){
	body{overflow-y:hidden;}
	.intro02-wrap .footer01 {margin-top: 10px;}
	.intro02-wrap .footer02 {margin-top: 10px;}
}*/

@media(max-width:1740px){
	/*.intro02-wrap .intro02-inner{padding: 0 20px;}*/
	body {all:unset;}
	body{overflow-y:auto;}
	.intro02-wrap .header {padding: 20px 20px 0 20px;}
	.intro02-wrap .con-box{padding: 0 30px 0 0;}
	.intro02-wrap .intro01-box .top-area .slogan_wrap:before {display:none;}

	.modal-wrapper_01 {max-width: 940px; width: 100%; height: 340px; top: 442px;}
	.modal-wrapper_02 {max-width: 940px; width: 100%; height: 340px; top: 442px;}
	.modal-wrapper_03 {max-width: 940px; width: 100%; height: 340px; top: 442px;}
	.modal-wrapper_04 {max-width: 940px; width: 100%; height: 340px; top: 442px;}
	.modal-wrapper_05 {max-width: 940px; width: 100%; height: 340px; top: 442px;}
	.modal-wrapper_06 {max-width: 940px; width: 100%; height: 340px; top: 442px;}
	.modal-wrapper_07 {max-width: 940px; width: 100%; height: 340px; top: 442px;}
	.modal-wrapper_08 {max-width: 940px; width: 100%; height: 340px; top: 442px;}
	.modal-wrapper_09 {max-width: 940px; width: 100%; height: 340px; top: 442px;}
}

@media(max-width:1650px){
	.modal-wrapper_01 {max-width: -webkit-fill-available;}
	.modal-wrapper_01.open {margin-right: 40px;}
	.modal-wrapper_02 {max-width: -webkit-fill-available;}
	.modal-wrapper_02.open {margin-right: 40px;}
	.modal-wrapper_03 {max-width: -webkit-fill-available;}
	.modal-wrapper_03.open {margin-right: 40px;}
	.modal-wrapper_04 {max-width: -webkit-fill-available;}
	.modal-wrapper_04.open {margin-right: 40px;}
	.modal-wrapper_05 {max-width: -webkit-fill-available;}
	.modal-wrapper_05.open {margin-right: 40px;}
	.modal-wrapper_06 {max-width: -webkit-fill-available;}
	.modal-wrapper_06.open {margin-right: 40px;}
	.modal-wrapper_07 {max-width: -webkit-fill-available;}
	.modal-wrapper_07.open {margin-right: 40px;}
	.modal-wrapper_08 {max-width: -webkit-fill-available;}
	.modal-wrapper_08.open {margin-right: 40px;}
	.modal-wrapper_09 {max-width: -webkit-fill-available;}
	.modal-wrapper_09.open {margin-right: 40px;}
}

@media(max-width:1460px){
	.intro02-wrap .intro01-box .con-box-slogan{width: 100%; padding-bottom: 10px;}
	.intro02-wrap .intro01-box .top-area .slogan_wrap {margin: 20px 0 10px 0;}
	.intro02-wrap .intro01-box .top-area .slogan_wrap:before{display:block; width:40%;}
	.modal-wrapper_01 {top: 382px;}
	.modal-wrapper_02 {top: 382px;}
	.modal-wrapper_03 {top: 382px;}
	.modal-wrapper_04 {top: 382px;}
	.modal-wrapper_05 {top: 382px;}
	.modal-wrapper_06 {top: 382px;}
	.modal-wrapper_06 {max-width: 825px;}
	.modal-wrapper_07 {top: 382px;}
	.modal-wrapper_08 {top: 382px;}
	.modal-wrapper_09 {top: 382px;}
}


@media(max-width:1360px){
	.intro02-wrap {height: fit-content;}
	.intro02-wrap .intro02-inner {height: 100%;}
	.intro02-wrap .intro01-box .con-box-slogan {padding: 0 30px 0 30px;}
	.intro02-wrap .intro01-box .top-area .slogan_wrap:before{display:block; width:33%;}
	.intro02-wrap .con-box{float: none; width: 100%; padding: 0 30px 0 30px;}
	.intro02-wrap .top-area p{font-size: 55px;}
	.intro02-wrap .top-area span{font-size: 22px;}
	.intro02-wrap .menu-list > ul {margin: 0 -10px;}
	.intro02-wrap .menu-list span{font-size: 18px;}
	.intro02-wrap .con-box2 {width: 100%;}
	.intro02-wrap .menu-list2 {padding: 0 30px 0 30px;}
	.intro02-wrap .menu-list2 .youtube {width: 100%;}
	.modal-wrapper_01 {top: 372px;}
	.modal-wrapper_01.open {margin-right: 30px;}
	.modal-wrapper_02 {top: 372px;}
	.modal-wrapper_02.open {margin-right: 30px;}
	.modal-wrapper_03 {top: 372px;}
	.modal-wrapper_03.open {margin-right: 30px;}
	.modal-wrapper_04 {top: 372px;}
	.modal-wrapper_04.open {margin-right: 30px;}
	.modal-wrapper_05 {top: 372px;}
	.modal-wrapper_05.open {margin-right: 30px;}
	.modal-wrapper_06 {top: 372px; max-width: -webkit-fill-available;}
	.modal-wrapper_06.open {margin-right: 30px;}
	.modal-wrapper_07 {top: 372px;}
	.modal-wrapper_07.open {margin-right: 30px;}
	.modal-wrapper_08 {top: 372px;}
	.modal-wrapper_08.open {margin-right: 30px;}
	.modal-wrapper_09 {top: 372px;}
	.modal-wrapper_09.open {margin-right: 30px;}
	/*.content {padding: 2% 1% 3% 9%;}*/
	.modal-wrapper_06 .content {padding: 3% 1% 3% 3%;}
	.sns_link {width: 100%; justify-content: space-evenly;}
    .intro02-wrap .footer {flex-wrap: wrap; height: 100%; margin-top: 25px;}
	.slider-k-1 > .slides > div > .cover {overflow: hidden;}
}

@media(max-width:1200px){
	.header{padding-top: 20px;}
	.header .logo{width: 100%;}
	.intro02-wrap .con-box {padding: 40px 30px 0 30px;}
	.intro02-wrap .intro01-box .con-box-slogan {display:none;}
	.intro02-wrap .top-area p{font-size: 50px;}
	.intro02-wrap .top-area span{font-size: 20px;}
	.intro02-wrap .menu-list li > a:before{right: 20px;}
	.intro02-wrap .menu-list span{font-size: 17px;}
	.modal-wrapper_01 {top: 247px;}
	.modal-wrapper_01.open {margin-right: 30px;}
	.modal-wrapper_02 {top: 247px;}
	.modal-wrapper_02.open {margin-right: 30px;}
	.modal-wrapper_03 {top: 247px;}
	.modal-wrapper_03.open {margin-right: 30px;}
	.modal-wrapper_04 {top: 247px;}
	.modal-wrapper_04.open {margin-right: 30px;}
	.modal-wrapper_05 {top: 247px;}
	.modal-wrapper_05.open {margin-right: 30px;}
	.modal-wrapper_06 {top: 247px;}
	.modal-wrapper_06.open {margin-right: 30px;}
	.modal-wrapper_07 {top: 247px;}
	.modal-wrapper_07.open {margin-right: 30px;}
	.modal-wrapper_08 {top: 247px;}
	.modal-wrapper_08.open {margin-right: 30px;}
	.modal-wrapper_09 {top: 247px;}
	.modal-wrapper_09.open {margin-right: 30px;}
	/*.content {padding: 2% 1% 3% 9%;}*/
	.intro02-wrap .footer01 {width: 100%;}
	.intro02-wrap .footer02 {width: 100%; left: 50px; right: unset; text-align: left;}
}

@media(max-width:870px){
	.intro02-wrap .header {padding: 30px 20px 0 20px;}
	.header .logo{text-align: center;}
	.intro02-wrap .con-box{padding-top: 30px;}
	.intro02-wrap .top-area p{font-size: 45px;}
	.intro02-wrap .top-area span{font-size: 18px;}
	.intro02-wrap .menu-list li{width: 50%;}
	.intro02-wrap .menu-list li:last-child{width: 100%;}
	.intro02-wrap .menu-list .btn01 {width: 100%; margin-right: 15px; height: 90px;}
	.intro02-wrap .menu-list .btn01 > a {min-height: 90px;}
	.intro02-wrap .menu-list .btn02 {width: 100%;  margin-right: 15px; height: 90px;}
	.intro02-wrap .menu-list .btn02 > a {min-height: 90px;}
	.intro02-wrap{background-size: cover;}
	/*.modal-wrapper_01 {top: 357px;}
	.modal-wrapper_01.open {margin-right: 30px;}
	.modal-wrapper_02 {top: 357px;}
	.modal-wrapper_02.open {margin-right: 30px;}
	.modal-wrapper_03 {top: 357px;}
	.modal-wrapper_03.open {margin-right: 30px;}
	.modal-wrapper_04 {top: 357px;}
	.modal-wrapper_04.open {margin-right: 30px;}
	.modal-wrapper_05 {top: 357px;}
	.modal-wrapper_05.open {margin-right: 30px;}
	.modal-wrapper_06 {top: 357px;}
	.modal-wrapper_06.open {margin-right: 30px;}
	.modal-wrapper_07 {top: 357px;}
	.modal-wrapper_07.open {margin-right: 30px;}
	.modal-wrapper_08 {top: 357px;}
	.modal-wrapper_08.open {margin-right: 30px;}
	.modal-wrapper_09 {top: 357px;}
	.modal-wrapper_09.open {margin-right: 30px;}*/
	.modal-wrapper_01 {top: 237px; height: 330px;}
	.modal-wrapper_01.open {margin-right: 30px;}
	.modal-wrapper_02 {top: 237px; height: 330px;}
	.modal-wrapper_02.open {margin-right: 30px;}
	.modal-wrapper_03 {top: 237px; height: 330px;}
	.modal-wrapper_03.open {margin-right: 30px;}
	.modal-wrapper_04 {top: 237px; height: 330px;}
	.modal-wrapper_04.open {margin-right: 30px;}
	.modal-wrapper_05 {top: 237px; height: 330px;}
	.modal-wrapper_05.open {margin-right: 30px;}
	.modal-wrapper_06 {top: 237px; height: 330px;}
	.modal-wrapper_06.open {margin-right: 30px;}
	.modal-wrapper_07 {top: 237px; height: 330px;}
	.modal-wrapper_07.open {margin-right: 30px;}
	.modal-wrapper_08 {top: 237px; height: 330px;}
	.modal-wrapper_08.open {margin-right: 30px;}
	.modal-wrapper_09 {top: 237px; height: 330px;}
	.modal-wrapper_09.open {margin-right: 30px;}
	.modal {overflow-y:auto; overflow-x:hidden;}
	/*.content {padding: 2% 10% 3% 5%;}*/
    .content .popcon {padding-bottom: 0px;}
	.popcon {flex-direction: column;}
	.popcon .popcon_ul {width: 100%;}
	.popcon .popcon_ul::after {content:none;}
	.popcon .popcon_ul .popcon_li {margin-bottom: 18px;}
	.intro02-wrap .footer01{position: unset; text-align: center; margin-top: 15px; margin-bottom: 15px;}
	.intro02-wrap .footer02{position: unset; text-align: center; margin-top: 15px; margin-bottom: 15px;}
}

@media(max-width:650px){
	.intro02-wrap .menu-list li{width: 100%;}
	.intro02-wrap .menu-list li > a {min-height: 90px;}
	.intro02-wrap .menu-list .btn01 {width: 100%; margin-right: 15px; max-height: 90px;}
	.intro02-wrap .menu-list .btn01 span {font-size: 18px;}
	.intro02-wrap .menu-list .btn01 > a {padding-left: 15px; padding-right: 10px;}
	.intro02-wrap .menu-list .btn01:hover .txt-box:after{top:0px; left:calc(100% - 50px); background-size: 50% 50%;}
	.intro02-wrap .btn01 .txt-box:after {margin-top: -24px;}
	.intro02-wrap .menu-list .btn02 {width: 100%;  margin-right: 15px; max-height: 90px;}
	.intro02-wrap .menu-list .btn02 span {font-size: 18px;}
	.intro02-wrap .menu-list .btn02 > a {padding-left: 15px; padding-right: 10px;}
	.intro02-wrap .menu-list .btn02:hover .txt-box:after{top:0px; left:calc(100% - 50px); background-size: 50% 50%;}
	.intro02-wrap .btn02 .txt-box:after {margin-top: -24px;}
	.intro02-wrap .top-area p{font-size: 37px;}
	.intro02-wrap .top-area span{font-size: 17px;}
	.intro02-wrap .br2{display: block;}
	.head {padding: 5px 15px 5px 20px; font-size: 16px;}
	.modal-wrapper_04 .head {padding: 5px 15px 5px 20px; font-size: 14px;}
	.modal-wrapper_01 {height: 420px;}
	.modal-wrapper_01.open {margin-right: 30px;}
	.modal-wrapper_02 {height: 420px;}
	.modal-wrapper_02.open {margin-right: 30px;}
	.modal-wrapper_03 {height: 420px;}
	.modal-wrapper_03.open {margin-right: 30px;}
	.modal-wrapper_04 {height: 420px;}
	.modal-wrapper_04.open {margin-right: 30px;}
	.modal-wrapper_05 {height: 420px;}
	.modal-wrapper_05.open {margin-right: 30px;}
	.modal-wrapper_06 {height: 420px;}
	.modal-wrapper_06.open {margin-right: 30px;}
	.modal-wrapper_07 {height: 420px;}
	.modal-wrapper_07.open {margin-right: 30px;}
	.modal-wrapper_08 {height: 420px;}
	.modal-wrapper_08.open {margin-right: 30px;}
	.modal-wrapper_09 {height: 420px;}
	/*.content {padding: 5% 15% 0% 3%;}*/
    .content .popcon {padding-bottom: 10px;}
	/*.modal {overflow-y:auto; overflow-x:hidden;}
	.popcon {flex-direction: column;}
	.popcon .popcon_ul {width: 100%;}
	.popcon .popcon_ul::after {content:none;}
	.popcon .popcon_ul .popcon_li {margin-bottom: 18px;}*/
	.intro02-wrap .footer01 {text-align: left;}
	.intro02-wrap .footer01 span {font-size: 14px; padding: 0 10px;}
	.intro02-wrap .footer02 {text-align: left;}
	.intro02-wrap .footer02 span {font-size: 14px; padding: 0 10px;}
	.intro02-wrap .menu-list2 .youtube {height: 190px;}
	.slider-k-1 > .slides > div > .cover {height: 190px;}
	.slider-k-1 > .slides > div > .youtubeTitle {top: 190px;}
	.slider-k .side-btns > div.left {top: 112%;}
	.slider-k .side-btns > div.right {top: 112%;}
	.slider-k-1 > .slides > div > .youtubeTitle > span {font-size: 16px; padding-left: 15px;}
	.sns_link {padding: 0 10px 0 10px;}
	.sns_link ul li {width: 45px; height: 45px; margin-right: 20px;}
	.sns_link ul li .icon.sfacebook{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns01_m_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto; padding: 0;}
	.sns_link ul li .icon.sinstagram{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns02_m_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto; padding: 0;}
	.sns_link ul li .icon.syoutube{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns03_m_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto; padding: 0;}
	.sns_link ul li .icon.sblog{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns04_m_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto; padding: 0;}
	.sns_link ul li .icon.skakao{width:100%; height:100%; background:url('/images/kor/intro/2024intro/sns05_m_off.png') 0 0; transition:all 0.3s ease-in-out; font-size: 0; line-height: 0; min-height: auto; padding: 0;}
	.sns_link ul li .icon.sfacebook:hover{background:url('/images/kor/intro/2024intro/sns01_m_on.png') 0 0;}
	.sns_link ul li .icon.sinstagram:hover{background:url('/images/kor/intro/2024intro/sns02_m_on.png') 0 0;}
	.sns_link ul li .icon.syoutube:hover{background:url('/images/kor/intro/2024intro/sns03_m_on.png') 0 0;}
	.sns_link ul li .icon.sblog:hover{background:url('/images/kor/intro/2024intro/sns04_m_on.png') 0 0;}
	.sns_link ul li .icon.skakao:hover{background:url('/images/kor/intro/2024intro/sns05_m_on.png') 0 0;}
}

/*학과 바로가기*/
/*.content {height:540px; background:#444444 url('/images/go/main/rowgroup3_pattern.png') repeat left top;}
.content .wrap {height:100%;width:1200px;margin-left:auto; margin-right:auto;}
.content .popcon {float: left; width: 60%; margin-left:auto; margin-right:auto; height: 100%;}
.content .popcon h2 {overflow:hidden; position:relative; padding-top:50px; padding-bottom:10px; color:#45d51b; font-size:28px; font-weight:600; line-height:32px;}
.content .popcon h2:after {display:block; position:absolute; top:50%; left:75%; width:100%; height:0px; background-color:#575b68; content:'';}
.content .popcon h2 strong {color:#2aceff; font-weight:600;}*/
.content .popcon .site_group {/*padding-left:18px;*/ width: 100%;}
.content .popcon .site_group .site_link {float:left; position:relative; margin: 35px 0px 0px 0px; width:33.3%;}
.content .popcon .site_group .site_link:nth-child(1) {margin: 5px 0px 0px 0px;}
.content .popcon .site_group .site_link:nth-child(2) {margin: 5px 0px 0px 0px;}
.content .popcon .site_group .site_link:nth-child(3) {margin: 5px 0px 0px 0px;}

.content .popcon .site_group .site_link .open2 {display:block; width:300px; height:46px; padding-left:23px; border:1px solid #fff; color:#fff; font-size:18px; line-height:25px; text-align:left;background-color: rgb(255,255,255,0.2);}
html.ie7 .content .popcon .site_group .site_link .open2 {background:url('/images/go/main/rowgroup3_sitego_icon.png') no-repeat 295px center;}
.content .popcon .site_group .site_link .open2:before {display:block; position:absolute; top:0; right:0; width:59px; height:100%; border-left:1px solid #fff; content:'';}
.content .popcon .site_group .site_link .open2:after {display:block; position:absolute; top:0; right:0; width:59px; height:100%; background:url('/images/go/main/rowgroup3_sitego_icon.png') no-repeat center center; content:''; transition:transform 0.5s cubic-bezier(1, 0, 0, 1);}

.content .popcon .site_group .site_link .open {display:block; width:95%; height:46px; padding-left:23px; border:1px solid #b3b3b3; color:#FFF; font-size:18px; line-height:25px; text-align:left;background:#444444 url('/images/go/main/rowgroup3_pattern.png') repeat left top;}
html.ie7 .content .popcon .site_group .site_link .open {background:url('/images/go/main/rowgroup3_sitego_icon.png') no-repeat 295px center;}
.content .popcon .site_group .site_link .open:before {display:block; position:absolute; top:0; right:0; width:20%; height:100%; border-left:1px solid #fff; content:'';}
.content .popcon .site_group .site_link .open:after {display:block; position:absolute; top:0; right:0; width:25%; height:100%; background:url('/images/go/main/rowgroup3_sitego_icon.png') no-repeat center center; content:''; transition:transform 0.5s cubic-bezier(1, 0, 0, 1);}

.content .popcon .site_group .site_link .open3 {display:block; width:300px; height:46px; padding-left:23px; border:1px solid #b3b3b3; color:#FFF; font-size:18px; line-height:25px; text-align:left;background:#444444 url('/images/go/main/rowgroup3_pattern.png') repeat left top;}
html.ie7 .content .popcon .site_group .site_link .open3 {background:url('/images/go/main/rowgroup3_siteopen_icon.png') no-repeat 295px center;}
.content .popcon .site_group .site_link .open3:before {display:block; position:absolute; top:0; right:0; width:20%; height:100%; border-left:1px solid #fff; content:'';}
.content .popcon .site_group .site_link .open3:after {display:block; position:absolute; top:0; right:0; width:25%; height:100%; background:url('/images/go/main/rowgroup3_siteopen_icon.png') no-repeat center center; content:''; transition:transform 0.5s cubic-bezier(1, 0, 0, 1);}

.content .popcon .site_group .site_link .open4 {display:block; width:300px; height:46px; padding-left:23px; border:1px solid #b3b3b3; color:#FFF; font-size:18px; line-height:25px; text-align:left;background:#444444 url('/images/go/main/rowgroup3_pattern.png') repeat left top;}
html.ie7 .content .popcon .site_group .site_link .open4 {background:url('/images/go/main/rowgroup3_siteopen_icon.png') no-repeat 295px center;}
.content .popcon .site_group .site_link .open4:before {display:block; position:absolute; top:0; right:0; width:20%; height:100%; border-left:1px solid #fff; content:'';}
.content .popcon .site_group .site_link .open4:after {display:block; position:absolute; top:0; right:0; width:25%; height:100%; background:url('/images/go/main/rowgroup3_siteopen_icon.png') no-repeat center center; content:''; transition:transform 0.5s cubic-bezier(1, 0, 0, 1);}

.content .popcon .site_group .site_link .link_box { display:none; overflow-y:auto; position:absolute; top:0; left:0; width:95%; max-height:250px; border:1px solid #444444; background-color:#2d2d2d;z-index: 9999;}
.content .popcon .site_group .site_link .link_box.active { display:block;} 
.content .popcon .site_group .site_link .link_box h3 {padding:8px 50px 10px 23px; border-bottom:1px solid #fff; color:#fff; font-size:18px; line-height:26px; font-weight:400;text-align: left; letter-spacing: 0;}
.content .popcon .site_group .site_link .link_box h3 a {color:#fff;}
.content .popcon .site_group .site_link .link_box ul.list {padding:13px 23px; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff;}
.content .popcon .site_group .site_link .link_box ul.list li {margin-top:10px; margin-bottom: auto; padding:3px 0;  font-size:15px; color:#fff; line-height:25px; text-align: left; width: fit-content;}
.content .popcon .site_group .site_link .link_box ul li:first-child {margin-top:0; margin-bottom: 0; width: fit-content;}
.content .popcon .site_group .site_link .link_box ul li a {display:block; color:#fff; background: none; padding: 0; min-height: fit-content; min-width: fit-content;}
.content .popcon .site_group .site_link .link_box ul li a:hover {color:#31cdb0;}
.content .popcon .site_group .site_link .link_box ul.list ul { margin-top:0px; padding:10px 0; }
.content .popcon .site_group .site_link .link_box ul.list ul li { position:relative; padding:0 0 0 25px;}
.content .popcon .site_group .site_link .link_box ul.list ul li:before {content:''; display:block; position:absolute; top:12px;  left:10px; width:4px; height:1px; background:#fff; }
.content .popcon .site_group .site_link .link_box .close { display:block;  position:absolute; right:0; top:0; width:55px; height:55px; font-size:3px; background-color: transparent;}
.content .popcon .site_group .site_link .link_box .close:after { content:''; display:block; width:22px; height:12px; position:absolute; top:16px; right:21px; background:url(
'/images/go/main/rowgroup3_siteclose_icon.png') no-repeat center center; font-size:0;}

.content .popcon .site_group .site_link .link_box_bottom { display:none; overflow-y:auto; position:absolute; bottom:0; left:0; width:95%; max-height:250px; border:1px solid #444444; background-color:#2d2d2d;z-index: 9999;}
.content .popcon .site_group .site_link .link_box_bottom.active { display:block;} 
.content .popcon .site_group .site_link .link_box_bottom h3 {padding:8px 50px 10px 23px; border-bottom:1px solid #fff; color:#fff; font-size:18px; line-height:26px; font-weight:400;text-align: left; letter-spacing: 0;}
.content .popcon .site_group .site_link .link_box_bottom h3 a {color:#fff;}
.content .popcon .site_group .site_link .link_box_bottom ul.list {padding:13px 23px; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff;}
.content .popcon .site_group .site_link .link_box_bottom ul.list li {margin-top:10px; margin-bottom: auto; padding:3px 0;  font-size:15px; color:#fff; line-height:25px; text-align: left; width: fit-content;}
.content .popcon .site_group .site_link .link_box_bottom ul li:first-child {margin-top:0; margin-bottom: 0; width: fit-content;}
.content .popcon .site_group .site_link .link_box_bottom ul li a {display:block; color:#fff; background: none; padding: 0; min-height: fit-content; min-width: fit-content;}
.content .popcon .site_group .site_link .link_box_bottom ul li a:hover {color:#31cdb0;}
.content .popcon .site_group .site_link .link_box_bottom ul.list ul { margin-top:0px; padding:10px 0; }
.content .popcon .site_group .site_link .link_box_bottom ul.list ul li { position:relative; padding:0 0 0 25px;}
.content .popcon .site_group .site_link .link_box_bottom ul.list ul li:before {content:''; display:block; position:absolute; top:12px;  left:10px; width:4px; height:1px; background:#fff; }
.content .popcon .site_group .site_link .link_box_bottom .close { display:block;  position:absolute; right:0; top:0; width:55px; height:55px; font-size:3px; background-color: transparent;}
.content .popcon .site_group .site_link .link_box_bottom .close:after { content:''; display:block; width:22px; height:12px; position:absolute; top:16px; right:21px; background:url(
'/images/go/main/rowgroup3_siteclose_icon.png') no-repeat center center; font-size:0;}

.content .popcon .more { margin-top:23px;}
.content .popcon .more a { display:block; width:100%; border:1px solid #575b68; background:#282d3d; color:#878990; line-height:47px; text-align:center;}
.content .popcon .more a:hover,.content .popcon .site_group .more a:focus { border-color:#fff; color:#fff; } 
.content .popcon .more a:after { content:''; display:inline-block; width:14px; height:14px; margin-left:15px; background:url('/images/go/main/rowgroup3_sitemore.png') no-repeat; vertical-align:middle; opacity:0.7; }
.content .popcon .more a:hover:after,.content .popcon .site_group .more a:focus:after { opacity:1;}

.content .entrance_counsel {float:left; width:40%; height:100%; margin-left:auto; margin-right:auto; background: #2d2d2d url('/images/go/main/rowgroup3_entrancecounsel_bg.png') no-repeat center top;}
.content .entrance_counsel .entrance_counsel_wrap {height:100%;  padding-right:35px; padding-left:35px; background:url('/images/go/main/rowgroup3_pattern.png') repeat left top; font-size:0; text-align:center;}
.content .entrance_counsel .entrance_counsel_wrap h2 {margin-bottom:30px; padding-top:100px; color:#fff; font-size:28px; line-height:27px;}
.content .entrance_counsel .entrance_counsel_wrap h2 strong {color:#45d51b;}
.content .entrance_counsel .entrance_counsel_wrap .call {display:block; margin-bottom:20px; padding-top:27px; padding-bottom:27px; border-top:1px solid #949494; border-bottom:1px solid #949494; color:#fff; font-size:35px; line-height:25px; font-weight:400; letter-spacing:-2px;background-color: transparent;}
.content .entrance_counsel .entrance_counsel_wrap p {margin-bottom:15px; color:#fefefe; font-size:15px; line-height:20px;}
.content .entrance_counsel .entrance_counsel_wrap p em {color:#45d51b;}
.content .entrance_counsel .entrance_counsel_wrap .btn_group {font-size:0;}
.content .entrance_counsel .entrance_counsel_wrap .btn_group a {display:inline-block; width: auto; height: auto; margin: 30px 5px 5px 5px; font-size:16px; line-height:19px;}
/*.content .entrance_counsel .entrance_counsel_wrap .btn_group a:hover {background-color:#444444;}*/
.content .entrance_counsel .entrance_counsel_wrap .btn_group a:first-child {margin-left:0;}

@media (max-width: 1391px){
	.content .wrap {height:100%;width:100%;margin-left:auto; margin-right:auto;}
	/*.content .popcon .site_group .site_link .open {width:280px; padding-right:60px; font-size:17px; line-height:22px;}
	.content .popcon .site_group .site_link .open2 {width:280px; padding-right:60px; font-size:17px; line-height:22px;}
	.content .popcon .site_group .site_link .open3 {width:280px; padding-right:60px; font-size:17px; line-height:22px;}
	.content .popcon .site_group .site_link .open4 {width:280px; padding-right:60px; font-size:17px; line-height:22px;}*/
}
/*
@media screen and (max-width:1200px) {
	.content .popcon {float:none; width:auto;}
	.content .popcon .site_group {padding-left:35px;}
	.content .popcon .site_group {margin-left:0;}
	.content .popcon .site_group .site_link {width:45%; margin-left:0;}
	.content .popcon .site_group .site_link:nth-child(2n) {margin-left:2.5%;}
	.content .popcon .site_group .site_link .open {width:100%; padding-right:60px; font-size:17px; line-height:22px;}
	.content .popcon .site_group .site_link .open2 {width:100%; padding-right:60px; font-size:17px; line-height:22px;}
	.content .popcon .site_group .site_link .open3 {width:100%; padding-right:60px; font-size:17px; line-height:22px;}
	.content .popcon .site_group .site_link .open4 {width:100%; padding-right:60px; font-size:17px; line-height:22px;}
	.content .entrance_counsel {float:none; position:relative; width:100%; margin-left:auto;}
	.content .entrance_counsel .entrance_counsel_wrap {position:relative;width:auto; margin:0 auto; padding-right:40%; padding-bottom:52px; box-sizing:border-box;}
	.content .entrance_counsel .entrance_counsel_wrap .btn_group {position:absolute; top:40%; right:0; width:40%; margin-top:-36px; padding-right:5%; padding-left:5%;}
}
*/
@media screen and (max-width:870px) {
	.content .popcon .site_group .site_link .open {font-size: 16px;}
	.content .popcon .site_group .site_link .link_box h3 {font-size: 16px;}
	.content .popcon .site_group .site_link .link_box ul.list li {font-size: 14px; line-height: 20px;}
	.content .popcon .site_group .site_link .link_box_bottom h3 {font-size: 16px;}
	.content .popcon .site_group .site_link .link_box_bottom ul.list li {font-size: 14px; line-height: 20px;}
}

@media screen and (max-width:800px) {
		/*.content .popcon .site_group {padding-left:15px;}*/
		.content .entrance_counsel .entrance_counsel_wrap { width:auto;padding:0 40% 30px 5%;  }
		.content .entrance_counsel .entrance_counsel_wrap .btn_group  {padding:0 5% 0 5%; }
		.content .entrance_counsel .entrance_counsel_wrap .btn_group {position:absolute; top:30%; right:0; width:40%; margin-top:-36px; padding-right:5%; padding-left:5%;}

}

@media screen and (max-width:650px) {
	.content .popcon .site_group .site_link {margin: 20px 0px 0px 0px; width: 100%;}
	.content .popcon .site_group .site_link:nth-child(-n+3) {margin: 20px 0px 0px 0px; width: 100%;}	
}