@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
/*나눔스퀘어*/
@font-face {
    font-family: 'NSNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NSNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NSNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}
/*		---font*/

html{overflow:scroll;overflow-x:auto}
html{ width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body{ margin:0; padding:0;  }

img{border:none;vertical-align:top}

h1, h2, h3, h4, h5, h6, em{margin:0;padding:0;font-weight:normal; font-style:normal; font-family: 'NSNeoHeavy';}
h2 span{ transform: scaleX(0.98)}
p{margin:0;padding:0; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
ol, ul, dl, li, dt, dd{display:block;margin:0;padding:0;list-style:none; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}

textarea{margin:0;padding:0;border:none;resize:none;}
input{margin:0;padding:0;border:none;font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';font-weight:normal;}
input[type=text],input[type=password],input[type=submit],input[type=button]{-webkit-appearance: none;-webkit-border-radius: 0;}
input[type=checkbox]{border:1px solid #666666;border-radius:0;}
input[type=radio]{border:1px solid #666666;}
input:focus,textarea:focus{outline-style:none;}

/*a*/
a{ color:inherit;text-decoration:none;outline:none;select-dummy:expression(this.hideFocus=true); font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:26px; font-weight:700; line-height:75px; border-radius:38px; padding:0 40px; box-shadow: 0 7px 0px 0px rgba(255, 255, 255, 1);  }
a:hover{color:#fff;text-decoration:none; background-color:#000; box-shadow: 0 0px 0px 0px rgba(255, 255, 255, 1); transition:all 1s}
a:active{color:inherit;text-decoration:none}
a:visited{color:inherit;text-decoration:none}
address, em, strong{font-weight:normal}
@media only screen and (max-width:900px) {
a{ font-size:16px; line-height:38px; border-radius:20px; padding:2px 25px 0 25px; box-shadow: 0 5px 0px 0px rgba(255, 255, 255, 1); box-sizing:border-box  }
}

a.btn1{ display:block; position:absolute; left:50%; bottom:150px; transform: translateX(-50%); z-index:30; background-color:#3768f0; color:#fff; }
a.btn1:hover{ background-color:#000;}
.btn_type1 a{ display:inline-block; background-color:#3768f0; margin:6px; color:#fff; }
.btn_type1 a:hover{ background-color:#000;}
.btn_type1 a.color1{ background-color:#ffc000; color:#0f0f0f; }
.btn_type1 a.color1:hover{ background-color:#000; color:#fff; }
.btn_type1 a.color2{ background-color:#fee500; color:#0f0f0f; }
.btn_type1 a.color2:hover{ background-color:#000; color:#fff; }
@media only screen and (max-width:900px) {
a.btn1{ bottom: inherit; top:400px }
.btn_type1 a{ margin:5px 2px}
}
@media only screen and (max-width:500px) {
a.btn1{ bottom: inherit; top:260px }
}


.wrap{ overflow:hidden; width:100%; max-width:2500px; margin:0 auto; box-sizing:border-box}

.cont{ width:100%; margin:0 auto; max-width:1240px; padding:0 20px; box-sizing:border-box}
.cont:after{display:block;content:"";clear:both;}
.cont .left{ float:left}
.cont .right{ float:right}
@media only screen and (max-width:900px) {
.cont{ max-width:700px; padding:0 30px}
}

h1{ position:fixed; left:52px; top:38px; z-index:2000; width:170px; height:60px; background: url(images/logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
h2{ font-family: 'NSNeoHeavy'; font-size:68px; letter-spacing:-0.03em; line-height:90px; color:#2746d6;}
h2 strong{ color:#0072bc;}
h2 span{ transform: scaleX(0.98); display:inline-block}

h3{ padding-bottom:10px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:30px; line-height:40px; font-weight:500; letter-spacing:-0.02em; color:#272727;}
h3 strong{ color:#0072bc;}
.btm_txt1{font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:28px; line-height:40px; font-weight:500; letter-spacing:-0.04em; color:#272727;}
.btm_txt2{font-family: 'NSNeoHeavy'; font-size:50px; letter-spacing:-0.03em; line-height:62px; color:#2746d6; word-break:keep-all }
.btm_txt2 span{ transform: scaleX(0.98); display:inline-block}
@media only screen and (max-width:1200px) {
h1{ left:30px; top:25px; }
}
@media only screen and (max-width:900px) {
h1{ left:20px; top:15px; width:90px; height:32px;}
h2{ font-size:35px; line-height:45px;}
h3{ font-size:20px; line-height:28px; padding-bottom:4px;}
.btm_txt1{ font-size:18px; line-height:28px;}
.btm_txt2{ font-size:28px; line-height:32px; }
}
@media only screen and (max-width:500px) {
h2{  font-size:30px; line-height:40px;}
h3{ font-size:17px; line-height:24px;}
.btm_txt1{ font-size:16px; line-height:24px;}
.btm_txt2{ font-size:26px; line-height:30px; }
}


/*scroll*/
.scroll{ position:fixed; left:50%; bottom:40px; transform: translateX(-50%); padding-top:38px; font-family:Verdana, Geneva, sans-serif; font-size:12px; letter-spacing:-0.05em; line-height:15px; color:#777; background:url(images/scroll_mouse_a.png) center top no-repeat; background-size:auto 38px; z-index:20 }
@media only screen and (max-width:900px) {
.scroll{  bottom:20px; padding-top:25px; font-size:9px; line-height:12px; background-size:auto 25px;  }
}


a.main-banner{line-height:0 !important;}

/*dept1 ----------------*/
.dept1{ position:relative; width:100%; height:100vh; background:url(images/dept1_bg.jpg) center top no-repeat; background-size:cover; z-index:1}
.dept1 .img_store{ position:absolute; z-index:900; width:100%; height:100vh; background:url(images/dept1_store.png) center top no-repeat; background-size:1100px auto;}
.dept1 ul li{ position:absolute; background-position:center top; background-repeat:no-repeat; background-size:100% auto; z-index:10}
.dept1 ul li.cloud1{ z-index:1000; left:59.6%; top:0; width:660px; height:280px; background-image:url(images/dept1_cloude_r1.png)}
.dept1 ul li.cloud2{ z-index:800; left:55%; top:35%; width:700px; height:280px; background-image:url(images/dept1_cloude_r2.png)}
.dept1 ul li.cloud3{ z-index:1000; left:10.8%; top:48%; width:460px; height:250px; background-image:url(images/dept1_cloude_l1.png)}
.dept1 ul li.cloud4{ z-index:800; left:10.8%; top:48%; width:460px; height:250px; background-image:url(images/dept1_cloude_l1.png)}


@media only screen and (max-width:1400px) {
.dept1 ul li.cloud3{ left:0%;}
}
@media only screen and (max-width:1200px) {
.dept1 .img_store{ background-size:1000px auto; }
.dept1 ul li.cloud3{ left:-15%;}
}
@media only screen and (max-width:900px) {
.dept1{ height:700px;}
.dept1 .img_store{ height:600px; background-size:auto 100%;; }
.dept1 ul li.cloud1{ left:60%; top:5%; width:340px; height:144px; }
.dept1 ul li.cloud2{ left:55%; top:30%; width:360px; height:144px; }
.dept1 ul li.cloud3{ left:-5%; top:42%; width:239px; height:130px; }
.dept1 ul li.cloud4{ left:-5%; top:42%; width:239px; height:130px; }
}
@media only screen and (max-width:650px) {
.dept1 ul li.cloud1{ left:60%; top:0%; }
}
@media only screen and (max-width:500px) {
.dept1{ height:550px;}
.dept1 .img_store{ height:400px;}
.dept1 ul li.cloud1{ left:60%; top:-30px; width:280px; height:140px; }
.dept1 ul li.cloud2{ left:55%; top:15%; width:320px; height:140px;}
.dept1 ul li.cloud3{ left:-10%; top:32%; width:200px; height:125px; }
.dept1 ul li.cloud4{ left:-10%; top:32%; width:200px; height:125px; }
}


/*dept2 ----------------*/
.dept2{ position:relative; width:100%; padding:520px 0 310px 0; margin-top:-490px; background-image:url(images/dept1_cloude_btm.png), url(images/dept2_bg.png); background-size:2500px auto, 2500px auto; background-repeat: no-repeat, no-repeat; background-position:center top, center 890px; z-index:10}
.dept2 .video{ width:100%; overflow:hidden; max-width:940px; margin:0 auto; border:5px solid #6d96ff; border-radius:18px; box-shadow:8px 8px 20px 0px rgba(0, 0, 0, 0.3); }
.dept2 .video span{ position:relative; display:block; width:100%; padding-top:56.25%; z-index:1000}
.dept2 .video span iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }
.dept2 dl{ float:left}
.dept2 dt{ padding:360px 0 24px 0; font-family: 'NSNeoHeavy'; font-size:68px; letter-spacing:-0.05em; line-height:90px; color:#2746d6;}
.dept2 dt span{ transform: scaleX(0.98)}
.dept2 dd{font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; text-align:center; font-size:28px; line-height:45px; font-weight:500; letter-spacing:-0.02em; color:#272727;}

.dept2.videonone{background-image:url(images/dept1_cloude_btm_none.png), url(images/dept2_bg.png); background-position:center top, center 390px;}
.dept2.videonone .video{display:none;}


@media only screen and (max-width:1100px) {
.dept2{  background-size:2200px auto, 2200px auto;}
.dept2.videonone{  background-position: center top 50px, center 390px;}
.dept2 .video{ max-width:840px;}
.dept2 dt{ padding:280px 0 24px 0;}
}
@media only screen and (max-width:900px) {
.dept2{ margin-top:-400px; padding:260px 0 155px 0;  background-position:center top, center 110%;  background-size:1300px auto, 1300px auto;}
.dept2.videonone{background-image:url(images/dept1_cloude_btm_none.png), url(images/dept2_bg.png); background-position:center top, center 110%;}

.dept2 .video{ width:80%; max-width:600px;}
.dept2 dl{margin-left:5%;}
.dept2 dt{ padding:180px 0 15px 0;  font-size:35px; line-height:45px;}
.dept2 dd{ font-size:18px; line-height:28px}
}
@media only screen and (max-width:600px) {
.dept2{ background-position:center top, center 120%;  background-size:200% auto, 1300px auto;}
.dept2.videonone{padding:300px 0 155px 0;}
.dept2 dt{ padding:100px 0 15px 0;  font-size:35px; line-height:45px;}
}
@media only screen and (max-width:500px) {
.dept2 dl{margin-left:0%;}

.dept2{ padding:230px 0 70px 0;  background-position:center top, center 130%;  background-size:200% auto, 1000px auto;}
.dept2.videonone{padding:270px 0 70px 0;}
.dept2 dt{ padding:90px 0 10px 0;  font-size:30px; line-height:40px;}
.dept2 dd{ font-size:15px; line-height:24px; letter-spacing:-0.05em}
}
@media only screen and (max-width:450px) {
.dept2{background-position:center top, left 48% top 120%; background-size:200% auto, 850px auto;}
.dept2.videonone{padding:180px 0 70px 0;}
.dept2 dt{ font-size:25px;}
.dept2 dd{ font-size:13px;}
}

/*dept3 ----------------*/
.dept3{ position:relative; width:100%; padding:217px 0 150px 0; background:#e5eef6 url(images/dept3_bg.jpg) center top no-repeat; background-size:1680px auto; z-index:100}
.dept3 dl{margin-left:0px;}
.dept3 dt{ font-family: 'NSNeoHeavy'; font-size:68px; letter-spacing:-0.03em; line-height:90px; color:#2746d6;}
.dept3 dt span{ transform: scaleX(0.98)}
.dept3 dd{ padding-left:5px; padding-bottom:11px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:30px; line-height:40px; font-weight:500; letter-spacing:-0.02em; color:#272727;}
.dept3 ul{ margin-top:80px}
.dept3 ul:after{display:block;content:"";clear:both;}
.dept3 ul > li{ position:relative; float:left; width:31%; margin:3.5% 0 0 3.5%; border:#6d96ff 5px solid; border-radius:20%; padding-top:26.666%; background-position:center center; background-size:cover; background-repeat:no-repeat; box-sizing:border-box}
.dept3 ul > li:nth-child(3n+1){ margin-left:0px;clear:left}
.dept3 ul > li ol{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-self:center; align-items:center; justify-content: center}
.dept3 ul > li ol > li{ font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:43px; line-height:53px; font-weight:600; letter-spacing:-0.04em; color:#fff; text-align:center }
.dept3 ul > li ol > li span{ display:block; font-size:22px; line-height:32px; font-weight:500; letter-spacing:-0.03em; text-align:center}
.dept3 ul > li.img1{ background-image:url(images/dept3_img1.jpg)}
.dept3 ul > li.img2{ background-image:url(images/dept3_img2.jpg)}
.dept3 ul > li.img3{ background-image:url(images/dept3_img3.jpg)}
.dept3 ul > li.img4{ background-image:url(images/dept3_img4.jpg)}
.dept3 ul > li.img5{ background-image:url(images/dept3_img5.jpg)}
.dept3 ul > li.img6{ background-image:url(images/dept3_img6.jpg)}
.dept3 ul > li.img7{ background-image:url(images/dept3_img7.jpg)}
.dept3 ul > li.img8{ background-image:url(images/dept3_img8.jpg)}
.dept3 ul > li.img9{ background-image:url(images/dept3_img9.jpg)}
.dept3 p{ padding-top:54px; font-family: 'NSNeoHeavy'; font-size:45px; letter-spacing:-0.05em; line-height:65px; color:#3a3a3d; text-align:center}
.dept3 p strong{  color:#2746d6; display:block}
@media only screen and (max-width:1100px) {
.dept3 dt{ font-size:60px; line-height:80px;}
}
@media only screen and (max-width:900px) {
.dept3{ padding:120px 0 80px 0;  background-size:900px auto;}
.dept3 dt{ font-size:35px; line-height:45px;}
.dept3 dd{ padding-left:2px; padding-bottom:5px; font-size:20px; line-height:28px}
.dept3 ul{ margin-top:6%}
.dept3 ul > li{ border:#6d96ff 3px solid;}
.dept3 ul > li ol > li{ font-size:20px; line-height:28px; }
.dept3 ul > li ol > li span{ font-size:14px; line-height:20px;}
.dept3 p{ padding-top:28px; font-size:24px; line-height:30px;}
}
@media only screen and (max-width:550px) {
.dept3{ padding:120px 0 80px 0; background-position:-50px top;  background-size:700px auto; }
}
@media only screen and (max-width:500px) {
.dept3{ padding:120px 0 80px 0; background-position: center top;  background-size:130% auto; }
.dept3 dt{  font-size:30px; line-height:40px;}
.dept3 dd{ font-size:17px; line-height:24px;}
.dept3 ul > li ol > li{ font-size:18px; line-height:24px; }
.dept3 ul > li ol > li span{ font-size:13px; line-height:18px; letter-spacing:-0.05em}
.dept3 p{ padding-top:28px; font-size:20px; line-height:28px;}
}
@media only screen and (max-width:400px) {
.dept3{ background-size:100% auto; }
.dept3 dt{ letter-spacing:-0.04em; }
/*
.dept3 ul > li{ width:47.5%; margin:5% 0 0 5%; padding-top:38%; }
.dept3 ul > li:nth-child(3n+1){ margin-left:5%;clear:inherit}
.dept3 ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
*/
}


/*dept4 ----------------*/
.dept4{ position:relative; width:100%; padding:140px 0 180px 0; background:#8eb4e3 url(images/dept4_bg.jpg) center bottom no-repeat; background-size:2500px auto; z-index:100; text-align:center}
.dept4 h3{ }
.dept4 h2{ color:#fff}
.dept4 .list_type1{ position:relative; width:100%; margin:68px 0 20px 0; border-radius:40px ; padding:6.166% 2.916% 3.333% 5.416%; background-color:#e8f1fb; box-sizing:border-box; word-break:keep-all}
.dept4 .list_type1:after{display:block;content:"";clear:both;}
.dept4 .list_type1 h4{ position:absolute; left:50%; transform: translateX(-50%); top:-36px; padding:0 32px; font-size:40px; font-family: 'NSNeoExtraBold'; line-height:73px; letter-spacing:-0.02em; color:#a7b9e5; background-color:#1b37b7; white-space:nowrap}
.dept4 .list_type1 h4 strong{ font-family: 'NSNeoHeavy';color:#fff;}
.dept4 .list_type1 .left{ float:left; width:45.214%; margin-top:6px; text-align:left}
.dept4 .list_type1 .left dt{ margin-left:-30px;}
.dept4 .list_type1 .left dt span{ display:inline; padding:0 28px 0 30px;  font-family: 'NSNeoHeavy'; font-size:38px; letter-spacing:-0.05em; line-height:47px; color:#2746d6; background-image:url(images/dept4_tit1.png), url(images/dept4_tit2.png); background-position:left top, right top; background-repeat:no-repeat, no-repeat; background-size:28px auto, 28px auto;}
.dept4 .list_type1 .left dt span > em{margin-left:50%;}
.dept4 .list_type1 .left dd{ font-size:20px; line-height:30px; letter-spacing:-0.04em; font-weight:400; color:#2e2e2e;  text-align:left}
.dept4 .list_type1 .left dd.txt1{ padding:13px 0 22px 0; font-size:21px; font-weight:700}
.dept4 .list_type1 .left dd.txt3{ font-weight:700; color:#1b37b7;}
.dept4 .list_type1 .right{ float:right; width:50.501%;}
.dept4 .list_type1 .right span{ display:block; overflow:hidden; position:relative; width:100%; padding-top:56.137%; background-color:#fff; border-radius:20px}
.dept4 .list_type1 .right img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.dept4 .list_type1 .right span iframe{ position:absolute; left:-1%; top:-1%; width:102%; height:102%; z-index:10}

.dept4 .list_type2 .sliderbox{ width:100%; max-width:1050px; padding-top:56px; margin:0 auto}
.dept4 .list_type2 .sliderbox:after{display:block;content:"";clear:both;}
.dept4 .list_type2 .sliderbox .sliderLi{ float:left; padding:4%; box-sizing:border-box}
.dept4 .list_type2 .sliderbox .sliderLi .item{padding:4%;background:#ffffff;}
.dept4 .list_type2 .sliderbox .sliderLi .item span{ display:block; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:18px; line-height:28px; font-weight:400; letter-spacing:-0.05em; color:#6f6f6f; }
.dept4 .list_type2 .sliderbox .sliderLi .item span.img{ position:relative; width:100%; padding-top:82.758%; background-color:#CCC}
.dept4 .list_type2 .sliderbox .sliderLi .item span.img img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.dept4 .list_type2 .sliderbox .sliderLi .item span.txt1{ overflow:hidden; margin-top:20px; margin-bottom:30px; height:140px; white-space: normal;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5;  -webkit-box-orient: vertical;}
.dept4 .list_type2 .sliderbox .sliderLi .item span.txt2{ border-top:1px solid #d9d9d9; font-weight:700; line-height:55px; color:#404040; text-align:left; white-space:nowrap}
.dept4 .list_type2 ol{ width:100%; height:0; position:relative}
.dept4 .list_type2 ol li{ position:absolute; bottom:13rem; width:90px; height:90px; border-radius:45px; background-color:#ff0000; background-position:center center; background-size:40px auto; background-repeat:no-repeat; text-indent:-999999px; cursor:pointer}
.dept4 .list_type2 ol li.btn_prev{ left:-12px; background-image:url(images/dept4_btn1.png)}
.dept4 .list_type2 ol li.btn_next{ right:-12px; background-image:url(images/dept4_btn2.png)}
.dept4 .list_type2 ol li:hover{ background-color:#000}

.slick-arrow{ position:absolute; z-index:1000; bottom:13rem; width:90px; height:90px; padding:0; border:0; border-radius:45px; background-color:#2746d6; background-position:center center; background-size:40px auto; background-repeat:no-repeat; text-indent:-999999px; cursor:pointer}
.slick-prev{left:-87px; background-image:url(images/dept4_btn1.png)}
.slick-next{ right:-87px; background-image:url(images/dept4_btn2.png)}

.dept4 .btm_txt1{ padding:85px 0 7px 0}
.dept4 .btm_txt2{ padding:0 0 35px 0; color:#fff}
@media only screen and (max-width:1260px) {
.dept4 .list_type1 .left dt{ margin-left:-27px;}
.dept4 .list_type1 .left dt span{ padding:0 25px 0 27px;  font-size:35px; background-size:25px auto, 25px auto;}
.dept4 .list_type1 .left dt span > em{margin-left:0;}

}

@media only screen and (max-width:1160px) {
.dept4 .list_type1 .left{ width:50%}
.dept4 .list_type1 .left_top{ width:100%}
.dept4 .list_type1 .right{ width:45%}
.dept4 .list_type2 ol li{ bottom:14rem; width:80px; height:80px}
.dept4 .list_type2 ol li.btn_prev{ left:-20px; }
.dept4 .list_type2 ol li.btn_next{ right:-20px; }

.slick-arrow{bottom:14rem; width:80px; height:80px}
.slick-prev{left:-20px; }
.slick-next{ right:-20px;}


}
@media only screen and (max-width:1020px) {
.dept4 .list_type1 h4{ padding:0 28px; font-size:38px; letter-spacing:-0.04em; }
.dept4 .list_type1 h4.tit1{ width:480px; padding:0;}
.dept4 .list_type1{ max-width:700px; margin:118px auto 20px auto; padding:6.166% 5.5% 5.5% 5.5%;}
.dept4 .list_type1 .left{ float:left; width:100%;}
.dept4 .list_type1 .left dt{ margin-left:-30px;}
.dept4 .list_type1 .right{ width:100%; margin-top:3%}
}
@media only screen and (max-width:900px) {
.dept4{ padding:70px 0 90px 0; background-size:1000px auto}
.dept4 h3{ padding-bottom:4px;}
.dept4 .list_type1{ margin:35px 0 10px 0; border-radius:25px}
.dept4 .list_type1 h4{ top:-23px; padding:0 25px; font-size:23px;line-height:45px;}
.dept4 .list_type1 h4.tit1{ width:auto; padding:0 25px;}
.dept4 .list_type1 .left dt{ margin-left:-18px;}
.dept4 .list_type1 .left dt span{ padding:0 17px 0 18px;  font-size:20px; line-height:30px; background-size:15px auto, 15px auto;}
.dept4 .list_type1 .left dd{ font-size:13px; line-height:20px}
.dept4 .list_type1 .left dd.txt1{ padding:0px 0 12px 0; font-size:14px; }
.dept4 .list_type1 .left_top{ width:50%}
.dept4 .list_type1 .left{ width:50%; margin-top:3px}
.dept4 .list_type1 .right{ width:45%; margin-top:3%;}
.dept4 .list_type1 .right span{  border-radius:10px}
.dept4 .list_type2 .sliderbox{ padding-top:25px;}
.dept4 .list_type2 .sliderbox .sliderLi .item span{ font-size:13px; line-height:18px; }
.dept4 .list_type2 .sliderbox .sliderLi .item span.txt1{margin-top:10px; margin-bottom:15px; height:90px; }
.dept4 .list_type2 .sliderbox .sliderLi .item span.txt2{ line-height:35px;}
.dept4 .list_type2 ol li{ bottom:9rem; width:45px; height:45px; background-size:25px auto}
.dept4 .list_type2 ol li.btn_prev{ left:-10px; }
.dept4 .list_type2 ol li.btn_next{ right:-10px; }
.dept4 .btm_txt1{ padding:42px 0 3px 0}
.dept4 .btm_txt2{ padding:0 0 25px 0;}

.slick-arrow{bottom:9rem; width:45px; height:45px; background-size:25px auto}
.slick-prev{left:-10px; }
.slick-next{ right:-10px;}
}
@media only screen and (max-width:640px) {
.dept4 .list_type1{ padding-top:30px;margin-top:60px;}
.dept4 .list_type1 .left{ width:100%}
.dept4 .list_type1 .left_top{ width:100%}
.dept4 .list_type1 .right{ width:100%}
.dept4 .list_type1 h4{width:330px; padding:0;}
.dept4 .list_type1 h4.tit1{ width:290px; padding:0;}
.dept4 .list_type1 .left dt{ margin-left:0px; text-align:center}
.dept4 .list_type1 .left dd.txt1{ padding:7px 0 12px 0;}

}
@media only screen and (max-width:540px) {
.dept4 .list_type2 ol li.btn_prev{ left:-13px; }
.dept4 .list_type2 ol li.btn_next{ right:-13px; }
}

/*dept5 ----------------*/
.dept5{ position:relative; width:100%; padding:140px 0 180px 0; background-color:#d9eafc; z-index:100; text-align:center; word-break:keep-all}
.dept5 h2{ letter-spacing:-0.04em; }
.dept5 h2 .tit2{ display:block; color:#373737}
.dept5 .list_type3{ margin-top:50px;}
.dept5 .list_type3:after{display:block;content:"";clear:both;}
.dept5 .list_type3 li{ float:left; margin-left:1%; width:24.25%;}
.dept5 .list_type3 li:first-child{ margin-left:0}
.dept5 .list_type3 li span{ display:block; text-align:center}
.dept5 .list_type3 li span.img{ position:relative; overflow:hidden; width:100%; padding-top:100%; border-radius:100%;}
.dept5 .list_type3 li span.img img{ position:absolute; left:0; top:0; width:100%; height:100%}
.dept5 .list_type3 li span.tit{ padding-top:12px;  font-family: 'NSNeoHeavy'; font-size:25px; line-height:36px; letter-spacing:-0.04em; color:#1b37b7; }
.dept5 .list_type3 li span.txt{font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:18px; line-height:30px; font-weight:400; letter-spacing:-0.05em; color:#666666; }
.dept5 .list_c3 li:first-child{ margin-left:12.125%}
.dept5 .info{ margin: 60px 0 45px 0; border-radius: 25px; padding:4.58% 2.91% 4.58% 30%; background:#e8f1fb url(images/dept5_info_bg.jpg) 5.3% center no-repeat; background-size:21.6% auto; box-sizing:border-box; text-align:left; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; letter-spacing:-0.04em;}
.dept5 .info dt{ padding-bottom:6px; font-size:22px; font-weight:700; line-height:37px; color:#000000;}
.dept5 .info dd{ padding:3px 0 3px 20px; font-size:19px; color:#2e2e2e; line-height:28px; background:url(images/dept5_bullet.jpg) left 13px no-repeat; background-size:8px auto}
.dept5{}
@media only screen and (max-width:900px) {
.dept5{ padding:70px 0 90px 0}
.dept5 .list_type3{ margin-top:25px;}
.dept5 .list_type3 li span.tit{ padding-top:7px; font-size:17px; line-height:24px; }
.dept5 .list_type3 li span.txt{ padding-top:3px; font-size:13px; line-height:18px; }
.dept5 .info{ margin: 30px 0 25px 0; border-radius: 15px; padding:4.58% 2.91% 4.58% 25%; background-position:3% center}
.dept5 .info dt{ padding-bottom:4px; font-size:16px; line-height:30px;}
.dept5 .info dd{ padding:2px 0 2px 13px; font-size:13px; line-height:18px; background-position:left 8px;background-size:4px auto}
}
@media only screen and (max-width:490px) {
.dept5 .list_type3{ margin-top:0px; width:100%; max-width:350px; margin:0 auto}
.dept5 .list_type3 li{ margin-top:25px; margin-left:4%; width:48%;}
.dept5 .list_type3 li:nth-child(2n+1){ margin-left:0px;clear:left}
.dept5 .list_c3{ max-width:490px;}
.dept5 .list_c3 li{ margin-left:2%; width:32%;}
.dept5 .list_c3 li:nth-child(2n+1){ margin-left:2%;clear:inherit}
.dept5 .list_c3 li:first-child{ margin-left:0}
.dept5 .info{ padding:5% 2.91% 4.58% 4%; background-image:none}
}


/*dept6 ----------------*/
.dept6{ position:relative; width:100%; padding:140px 0 180px 0; background:url(images/dept6_bg.jpg) center no-repeat; background-size:cover;  z-index:100; text-align:center;word-break:keep-all}
.dept6 h2{ color:#fff}

.dept6 .list_box{ margin:20px 0 50px 0;}
.dept6 .list_box:after{display:block;content:"";clear:both;}
.dept6 .list_box li{ float:left; margin:2.5% 0 0 2.5%; width:18%;}
.dept6 .list_box li:first-child{ margin-left:0}
.dept6 .list_box li span{ display:block; text-align:center}
.dept6 .list_box li span.img{ position:relative; width:100%; padding-top:100%; background-color:#fff; border-radius:100%;}
.dept6 .list_box li span.img img{ position:absolute; left:0; top:0; width:100%; height:100%}
.dept6 .list_box li span.num{ position:absolute; left:5%; top:5%; width:50px; height:50px; background-color:#1b37b7; border-radius:25px; text-align:center; font-family: 'NSNeoHeavy'; font-size:24px; line-height:50px; letter-spacing:-0.06em; color:#fff8f8; }
.dept6 .list_box li span.tit{ padding-top:12px;  font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:700; font-size:25px; line-height:36px; letter-spacing:-0.04em; color:#fff; }
.dept6 .list_box li span.txt{font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:18px; line-height:30px; font-weight:400; letter-spacing:-0.05em; color:#dee1ec; }
@media only screen and (max-width:900px) {
.dept6{ padding:70px 0 90px 0}
.dept6 .list_box{ margin:10px 0 30px 0;}
.dept6 .list_box li span.num{ width:30px; height:30px; font-size:15px; line-height:30px; }
.dept6 .list_box li span.tit{ padding-top:7px; font-size:17px; line-height:24px; }
.dept6 .list_box li span.txt{ padding-top:3px; font-size:13px; line-height:18px; }
}
@media only screen and (max-width:600px) {
.dept6 .list_box li{ margin:2.5% 0 0 3%; width:31.333%;}
.dept6 .list_box li:first-child{ margin-left:0}
.dept6 .list_box li:nth-child(3n+1){ margin-left:0px;clear:left}
.dept6 .list_box li:nth-child(4){ margin-left:15%}

}


/*dept7 ----------------*/
.dept7{ position:relative; width:100%; padding:140px 0 180px 0; background-color:#ffffff; z-index:100; text-align:center;word-break:keep-all}
.dept7 h2 .tit2{ color:#373737}
.dept7 .search_box{ padding:45px 0 40px 0; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:22px; font-weight:400; letter-spacing:-0.05em; color:#7a7a7a;}
.dept7 .search_box label{ padding-right:30px; line-height:80px;}
.dept7 .search_box input{ height:80px; border-radius:20px; margin-left:5px; border:none; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:22px; font-weight:400; letter-spacing:-0.05em; color:#000; background-color:#e8f1fb; box-sizing:border-box; text-indent:10%}
.dept7 .search_box select{ height:80px; width:200px; border-radius:20px; margin-left:10px; border:none; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:22px; font-weight:400; letter-spacing:-0.05em; color:#000; background-color:#e8f1fb; box-sizing:border-box; text-indent:10%}
.dept7 .search_box input.searchBar{ width:250px}
.dept7 .search_box input.searchBtn{ width:165px; text-align:center; text-indent:0; background-color:#2746d6; color:#fff; cursor:pointer}
.dept7 .search_box input.searchBtn:hover{ background-color:#000}
.dept7 .list_box{ overflow:hidden; width:100%; height:480px; border:3px solid #8eb4e3; border-radius:30px; box-sizing:border-box}
.dept7 .list_box:after{display:block;content:"";clear:both;}
.dept7 .list_box .map{ float:right; height:480px; width:59.5%; background-color:#ccc}
.dept7 .list_box ul{ float:left; width:40.5%; height:480px; overflow-y:auto; box-sizing:border-box}
.dept7 .list_box ul li{ width:95.88%; margin:2.06% 0 0 2.06%; padding:30px 20px 28px 30px; border:3px solid #e8f1fb; background-color:#e8f1fb; border-radius:18px; box-sizing:border-box; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; text-align:left; cursor:pointer; font-size:18px}
.dept7 .list_box ul li:hover{ border:3px solid #2746d6; background-color:#fff; }
.dept7 .list_box ul li.on{ border:3px solid #2746d6; background-color:#fff; }
.dept7 .list_box ul li.none{ cursor:default}
.dept7 .list_box ul li.none:hover{ border:3px solid #e8f1fb; background-color:#e8f1fb; }
.dept7 .list_box ul li span{ display:block}
.dept7 .list_box ul li span.tit{ padding-bottom:9px; font-size:22px; font-weight:500; line-height:28px; color:#000;}
.dept7 .list_box ul li span.txt{ font-size:18px; font-weight:400; line-height:26px; color:#565656;}
.dept7 p{ padding-top:20px; text-align:right; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';font-size:18px; font-weight:400; line-height:26px; color:#565656;}
@media only screen and (max-width:900px) {
.dept7{ padding:70px 0 90px 0}
.dept7 .search_box{ padding:20px 0 20px 0; font-size:14px;}
.dept7 .search_box label{ padding-right:15px; line-height:45px;}
.dept7 .search_box input{ height:45px; border-radius:12px; margin-left:2px; font-size:14px; text-indent:5%}
.dept7 .search_box select{ height:45px; border-radius:12px; width:90px; margin-left:2px; font-size:14px;}
.dept7 .search_box input.searchBar{ width:140px}
.dept7 .search_box input.searchBtn{ width:75px;}
.dept7 .list_box{ height:280px; border:2px solid #8eb4e3; border-radius:20px; }
.dept7 .list_box .map{ height:280px;}
.dept7 .list_box ul{ height:280px;}
.dept7 .list_box ul li{ padding:15px 10px 15px 15px; border:2px solid #e8f1fb; border-radius:12px; font-size:13px}
.dept7 .list_box ul li:hover{ border:2px solid #2746d6; }
.dept7 .list_box ul li.on{ border:2px solid #2746d6;}
.dept7 .list_box ul li.none:hover{ border:2px solid #e8f1fb;}
.dept7 .list_box ul li span.tit{ padding-bottom:4px; font-size:16px; line-height:20px; }
.dept7 .list_box ul li span.txt{ font-size:13px; line-height:18px;}
.dept7 p{ padding-top:10px; font-size:13px; line-height:20px;}
}
@media only screen and (max-width:500px) {
.dept7 .list_box { height:350px}
.dept7 .list_box .map{ height:200px; width:100%;}
.dept7 .list_box ul{ width:100%; height:150px;}
}
@media only screen and (max-width:420px) {
.dept7 .search_box label{ display:none}
.dept7 .search_box select{  width:70px;}
.dept7 .search_box input.searchBar{ width:120px}
.dept7 .search_box input.searchBtn{ width:50px;}
}


/*dept8 ----------------*/
.dept8{ position:relative; width:100%; padding:140px 0 180px 0; background:#6d96ff url(images/dept8_bg.jpg) center no-repeat; background-size:cover; z-index:100; text-align:center;word-break:keep-all}
.dept8 h2{ color:#fff}
.dept8 h2 .tit2{ color:#373737}
.dept8 .img{ width:100%; height:560px; margin:22px 0; text-align:center; background:url(images/dept8_imgbg.png) center 98px no-repeat; background-size: 1430px auto }
.dept8 .img img{ width:auto; height:100%;}
.dept8 .txt1{ padding-bottom:40px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';font-size:28px; font-weight:400; line-height:42px; letter-spacing:-0.04em; color:#272727;}
.dept8 .txt1 span{ display:block}
.dept8 .txt1 strong{ font-weight:600; color:#fff}
.dept8 .txt2{ padding-top:20px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';font-size:18px; font-weight:400; line-height:38px; color:#272727;}
@media only screen and (max-width:1160px) {
.dept8 h2 span{ display:inline-block}
}
@media only screen and (max-width:900px) {
.dept8{ padding:70px 0 90px 0}
.dept8 .img{ height:300px; margin:12px 0; background-position: center 98px; background-size: 720px auto }
.dept8 .txt1{ padding-bottom:20px; font-size:16px; line-height:25px;}
.dept8 .txt2{ padding-top:10px;font-size:13px; line-height:18px; }
}
@media only screen and (max-width:550px) {
.dept8 .txt1 span{ }
}
@media only screen and (max-width:530px) {
.dept8 .img{ width:100%; height:auto; background-position:bottom; background-size: contain;}
.dept8 .img img{ width:80%; height:auto;}
}


/*dept9 ----------------*/
.dept9{ position:relative; width:100%; padding:140px 0 180px 0; background:#d9eafc; z-index:100; text-align:center;word-break:keep-all; }
.dept9 h2{ color:#373737}
.dept9 h2 strong{ color:#2746d6;}
.dept9 p{ padding-top:15px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:28px; font-weight:500; line-height:42px; letter-spacing:-0.04em; color:#272727;}
.dept9 ul:after{display:block;content:"";clear:both;}
.dept9 ul li{ float:left; overflow:hidden; margin-left:5.33%; margin-top:4.5%; width:29.78%; border-radius:60px; background-color:#fff; box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);}
.dept9 ul li:first-child{ margin-left:0}
.dept9 ul li span{ display:block}
.dept9 ul li img{ width:100%; height:auto}
.dept9 ul li .tit{padding-top:12px;  font-family: 'NSNeoHeavy'; font-size:28px; line-height:60px; letter-spacing:-0.04em; color:#2746d6; }
.dept9 ul li .txt{ padding:0 5% 25px 5%; min-height:115px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:18px; font-weight:500; line-height:30px; letter-spacing:-0.04em; color:#666666; box-sizing:border-box}
@media only screen and (max-width:1040px) {
.dept9 ul li .txt{ min-height:145px; }
}
@media only screen and (max-width:900px) {
.dept9{ padding:70px 0 90px 0}
.dept9 p{ padding-top:10px; font-size:16px; line-height:26px; }
.dept9 ul li{ border-radius:30px; background-color:#fff; box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2);}

.dept9 ul li .tit{padding-top:6px;  font-size:18px; line-height:40px; }
.dept9 ul li .txt{ padding:0 5% 14px 5%; min-height:95px; font-size:13px; line-height:20px; }
}
@media only screen and (max-width:570px) {
.dept9 ul li .txt{ min-height:115px; }
}
@media only screen and (max-width:480px) {
.dept9 ul li{ width:100%; margin-left:0; height:150px}
.dept9 ul li span{ display:block; float:left; width:50%}
.dept9 ul li span.img{ width:50%; overflow:hidden}
.dept9 ul li img{ width:auto; height:100%}
.dept9 ul li .tit{padding-top:12px;}
}
@media only screen and (max-width:400px) {
.dept9 ul { max-width:280px; margin:0 auto}
.dept9 ul li{ height:auto; margin-bottom:10px}
.dept9 ul li span.img{ width:100%; overflow:inherit}
.dept9 ul li span{ width:100%}
.dept9 ul li .tit{padding-top:6px;}
.dept9 ul li .txt{ min-height:45px;}
}

/*dept10 ----------------*/
.dept10{ position:relative; width:100%; padding:140px 0 140px 0; background:#e2f0f3 url(images/dept10_bg.jpg) center no-repeat; background-size:cover; z-index:100; text-align:center;word-break:keep-all}
.dept10 p{ padding-bottom:40px; font-family: 'NSNeoHeavy'; font-size:40px; line-height:60px; letter-spacing:-0.05em; color:#404040; }
.dept10 p span{display:inline-block;}
.dept10 p strong{ display:inline-block; font-size:45px; color:#3768f0}

@media only screen and (max-width:900px) {
.dept10{ padding:70px 0 70px 0}
.dept10 p{ padding-bottom:15px; font-size:20px; line-height:32px;}
.dept10 p strong{  font-size:25px;}
}
@media only screen and (max-width:450px) {
.dept10 p strong{ display:inline; }
}









/*footer*/
.footer{ position:relative; width:100%; padding:25px 0; background-color:#363636; text-align:center; z-index:100}
.footer ul{ font-size:0px}
.footer li{ display:inline-block; margin:13px 25px 0 25px; font-size:20px; line-height:41px; color:#ffffff;} 
.footer li.logo{ width:127px; height:60px; margin-top:0; background:url(images/f_logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span{ display:inline-block; height:41px;}
.footer li span.kakao{ width:41px; height:41px; background:url(images/f_kakao.png) center no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span.txt{ padding:0 30px 0 52px; margin-left:12px; border-radius:21px; background:#fff url(images/f_icon.jpg) 19px center no-repeat; background-size:28px auto; color:#363636;}
@media only screen and (max-width:1130px) {
.footer li{ margin:13px 15px 0 15px; font-size:18px; line-height:41px;} 
}
@media only screen and (max-width:900px) {
.footer{ padding:15px 0;}
.footer li{ margin:7px 12px 0 12px; font-size:13px; line-height:22px;} 
.footer li.logo{ width:64px; height:30px; background-size:auto 100%; margin-top:0}
.footer li span{ height:22px;}
.footer li span.kakao{ width:22px; height:22px;}
.footer li span.txt{ padding:0 12px 0 25px; margin-left:6px; border-radius:6px; background-position:6px center; background-size:16px auto;}
}
@media only screen and (max-width:650px) {
.footer li{ margin:7px 8px 0 8px; font-size:12px;;} 
.footer li.logo{ width:100%; margin:5px 0 0 0; background-position:center}
}

.hashtagText{position:absolute;left:-200%;top:-200%}


#map a{padding:0; border-radius:0; font-size:0; line-height:inherit; box-shadow:none;}
.mapPopint{height:30px;padding-left:25px;font-size:13px;line-height:30px;color:#ffffff; white-space:nowrap; background:url(images/map.png) left center no-repeat;}
.mapPopint > .middle{display:inline-block;padding:0 10px;margin-top:2px; margin-left:3px;border-radius:100px;line-height:23px;background:#0072bc;}


.share_url{display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; }
.share_url > .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.8);}
.share_url > .sharebox{display:flex; height:100vh; align-items:center; justify-content:center; }
.share_url > .sharebox > .box{position:relative; width:100%; max-width:440px; padding:70px 26px 47px 26px; margin: 20px; box-sizing:border-box; border-radius:45px; text-align:center; background:#ffffff; box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.7);}
.share_url > .sharebox > .box > .close{position:absolute;right:12px;top:12px;width:63px;height:63px; border-radius:63px;background:url(images/ico_close.png) center no-repeat; background-color:#5b5b5b; cursor:pointer}
.share_url > .sharebox > .box > .close:hover{background-color:#010101;}
.share_url > .sharebox > .box > p{padding-bottom:60px; font-family: 'NSNeoHeavy'; font-weight:500; font-size:50px; }
.share_url > .sharebox > .box > ul{}
.share_url > .sharebox > .box > ul:after{display:block;content:"";clear:both;}
.share_url > .sharebox > .box > ul > li{float:left;width:calc(50% - 4px); height:187px; margin-left:8px; border-radius:30px; cursor:pointer;}
.share_url > .sharebox > .box > ul > li.kakao{color:#010101;background:url(images/ico_kakao.png) center top 38px no-repeat #fee500;}
.share_url > .sharebox > .box > ul > li.url{color:#ffffff;background:url(images/ico_url.png) center top 43px no-repeat #3768f0;}
.share_url > .sharebox > .box > ul > li:first-child{margin-left:0;}
.share_url > .sharebox > .box > ul > li > span{display:block;padding-top:130px;font-size:18px; font-weight:800;}
@media only screen and (max-width:900px) {
.share_url > .sharebox > .box{max-width:320px; padding:35px 13px 25px 13px; border-radius:30px; box-shadow: 5px 5px 10px 2.5px rgba(0, 0, 0, 0.7);}
.share_url > .sharebox > .box > .close{right:12px;top:12px;width:30px;height:30px; background-size:50%;}
.share_url > .sharebox > .box > p{padding-bottom:30px; font-size:25px; }
.share_url > .sharebox > .box > ul > li{height:100px; border-radius:20px;}
.share_url > .sharebox > .box > ul > li.kakao{background:url(images/ico_kakao.png) center top 19px no-repeat #fee500;background-size:45px auto;}
.share_url > .sharebox > .box > ul > li.url{color:#ffffff;background:url(images/ico_url.png) center top 22px no-repeat #3768f0;background-size:25px auto;}
.share_url > .sharebox > .box > ul > li > span{padding-top:65px;font-size:10px; font-weight:800;}
}


.show_store{display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; }
.show_store > .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.8);}
.show_store > .storebox{display:flex; height:100vh; align-items:center; justify-content:center; }
.show_store > .storebox > .box{position:relative; width:100%; max-width:340px; padding:45px 26px 17px 26px; margin: 20px; box-sizing:border-box; border-radius:45px; text-align:center; background:#ffffff; box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.7);}
.show_store > .storebox > .box > .close{position:absolute;right:12px;top:12px;width:63px;height:63px; border-radius:63px;background:url(images/ico_close.png) center no-repeat; background-color:#5b5b5b; cursor:pointer}
.show_store > .storebox > .box > .close:hover{background-color:#010101;}
.show_store > .storebox > .box > .img{padding-bottom:10px; font-family: 'NSNeoHeavy'; font-weight:500; font-size:50px; }
.show_store > .storebox > .box > .img > img{width:100%;height:auto;}
.show_store > .storebox > .box > .txt1{
	font-family: 'Pretendard Variable', sans-serif, 'Noto Sans KR';
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #6f6f6f;
    margin-top: 20px;
    margin-bottom: 30px;
	font-size:18px;
    text-align: left;
    word-wrap: break-word;
}
.show_store > .storebox > .box > .txt2{    border-top: 1px solid #d9d9d9;
    font-weight: 700;
    line-height: 55px;
    color: #404040;
    text-align: left;
    
	font-size:18px;white-space: nowrap;
	}

@media only screen and (max-width:900px) {
.show_store > .storebox > .box{padding:30px 20px 25px 20px; border-radius:30px; box-shadow: 5px 5px 10px 2.5px rgba(0, 0, 0, 0.7);}
.show_store > .storebox > .box > .close{right:12px;top:12px;width:30px;height:30px; background-size:50%;}
.show_store > .storebox > .box > .img{padding-bottom:15px; font-size:25px; }
.show_store > .storebox > .box > .txt1{margin-top:0;margin-bottom:10px;font-size:13px; line-height:18px}
.show_store > .storebox > .box > .txt2{font-size:13px;line-height:35px;}

}
.right_quick{display:none;position:fixed;right:20px;bottom:20px;z-index:1000; line-height:0;}
.right_quick img{width:100%;}
@media only screen and (max-width:900px) {
.right_quick{right:0;bottom:10px;width:80px;}
}

.dib{display:inline-block;}