/*font*/
@font-face {font-family: 'GangwonEdu_OTFBoldA';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');font-weight: normal;font-style: normal;}

@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face {font-family: 'Cafe24Ssurround';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Cafe24Ohsquare';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');font-weight: normal;font-style: normal;}

/*--------------------
---------------------*/
body, html{ margin:0; top:0}
dl, dt, dd, ul, li{ list-style:none; padding:0; margin:0}

#pu21700{background: #fff;position: relative;z-index:50}
#mobile_footer1{background: #fff;position: relative;z-index:50 !important}

.vsr23_header{ position:absolute; left:0; top:0; height: 109px; z-index:30}
.vsr23_footer{ position:relative; left:0; top:0; height:500px; z-index:30}

.vsr23_cont{ width:100%; height:100%; max-width:3000px; min-width:340px;  margin:0 auto; padding:0; font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box; word-break:keep-all}



/*vsr23_dept1*/
.vsr23_dept1{  position:fixed; width:100%; height:1290px; left:0; top:0; background:url(images_visionroad23/vsr23_dept1_bg.jpg) center top no-repeat; background-size:auto 100%; z-index:10}
.vsr23_dept1 > .tit{ margin:275px auto 0 auto; width:640px; font-family: 'Noto Sans KR', sans-serif; text-align:center;}
.vsr23_dept1 > .tit > h1{ width:100%; padding:43.75% 0 0 0; margin:0; font-size:0; background:url(images_visionroad23/title.png) center top no-repeat; background-size:100% auto; }
.vsr23_dept1 > .tit > p{ padding-top:17px; margin:0; font-size:30px; font-weight:500; letter-spacing:-0.05em; line-height:1.4em; color:#181717;}
.vsr23_dept1 > .tit > p > span{ display:block}
@media only screen and (max-width:1250px) {
.vsr23_dept1 > .bg{ height:1000px;}
}
@media only screen and (max-width:900px) {
.vsr23_dept1 { height:700px;}
.vsr23_dept1 > .tit{ width:340px; margin-top:170px;}
.vsr23_dept1 > .tit > p{ padding-top:5px;font-size:17px; font-weight:500; letter-spacing:-0.05em;}
}
@media only screen and (max-width:500px) {
.vsr23_dept1{ height:750px; margin-top:0px;  background:url(images_visionroad23/vsr23_dept1_bg_m.jpg) center 0px no-repeat; background-size:auto 100%; z-index:10}
}
@media only screen and (max-width:400px) {
.vsr23_dept1 > .tit{width:300px;}
}

/*vsr23_dept2*/
.vsr23_dept2{ width:100%; overflow:hidden;}
.vsr23_dept2 > .box1{ position:relative; width:100%; height:866px; margin-top:820px; padding-top:275px; background:url(images_visionroad23/dept2_bg1.png) center top no-repeat; background-size:auto 100%; z-index:30; box-sizing:border-box}
.vsr23_dept2 > .box1 > h2{ position:relative; width:100%; height:220px; font-size:0; background:url(images_visionroad23/dept2_tit.png) center top no-repeat; background-size:auto 100%; z-index:50}
.vsr23_dept2 > .box1 > span{ display:block; position:absolute; top:0; background-position:center center; background-repeat:no-repeat; z-index:0}
.vsr23_dept2 > .box1 > span.bg_left{ left:-10%; width:560px; height:736px; background:url(images_visionroad23/dept2_bg1_1.png);background-size:100% auto; }
.vsr23_dept2 > .box1 > span.bg_right{ left:80%; width:570px; height:570px; background:url(images_visionroad23/dept2_bg1_2.png);background-size:100% auto; }

.vsr23_dept2 > .box2{ position:relative; width:100%; margin-top:-423px; padding:104px 0px 0 0px; background-image:url(images_visionroad23/dept2_bg2.png); background-position:center top; background-repeat:no-repeat; background-size:3000px auto; z-index:40; box-sizing:border-box}
.vsr23_dept2 > .box2 .tab{ width:100%; max-width:660px; margin:0 auto; padding:6px; border-radius:150px; background-color:#62883c; box-shadow:inset #4f6d30 6px 6px 0px 0px; o-box-shadow:inset #4f6d30 6px 6px 0px 0px; -moz-box-shadow:inset #4f6d30 6px 6px 0px 0px; -webkit-box-shadow:inset #4f6d30 6px 6px 0px 0px; box-sizing:border-box}
.vsr23_dept2 > .box2 .tab:after{display:block;content:"";clear:both;}
.vsr23_dept2 > .box2 .tab > li{ float:left; width:50%; }
.vsr23_dept2 > .box2 .tab > li a{ display:block; width:100%; height:108px; padding-top:35px; border-radius:60px; font-family: 'GmarketSansMedium'; font-size:30px; font-weight:700; letter-spacing:-0.08em; line-height:42px; color:#22390d; text-align:center; box-sizing:border-box; text-decoration:none}
.vsr23_dept2 > .box2 .tab > li a:hover{  padding-top:32px; background-color:#ffcc00;  box-shadow:inset #cea300 -6px -6px 0px 0px;o-box-shadow:inset #cea300 -6px -6px 0px 0px; -moz-box-shadow:inset #cea300 -6px -6px 0px 0px; -webkit-box-shadow:inset #cea300 -6px -6px 0px 0px; color:#000; transition:all 0.5s}
.vsr23_dept2 > .box2 .tab > li a.on{  padding-top:32px; background-color:#ffcc00;  box-shadow:inset #cea300 -6px -6px 0px 0px;o-box-shadow:inset #cea300 -6px -6px 0px 0px; -moz-box-shadow:inset #cea300 -6px -6px 0px 0px; -webkit-box-shadow:inset #cea300 -6px -6px 0px 0px; color:#000; transition:all 0.5s}
.vsr23_dept2 > .box2 .tab > li a:active{ padding-top:35px; background-color:#000;  box-shadow:none;o-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; color:#fff; transition:all 0.5s}
.vsr23_dept2 > .box2 .cont1{ width:100%;  margin:0 auto;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01{ position:relative; width:100%; max-width:1200px; margin:0 auto; padding-top:80px; z-index:10; }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .left_v{ width:68.416%;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .left_v > span{ position:relative; display:block; padding-top:56.2881%; background-color:#000; box-shadow: 10px 15px 0px 0px rgba(0, 0, 0, 0.15); z-index:10}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .left_v > span > iframe{ position:absolute; left:0; top:0; width:100%; height:100%;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b{ position:absolute; top:28px; left:59%; width:500px; height:711px; background:url(images_visionroad23/right_b.png) left top no-repeat; background-size: auto 100%; z-index:30}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl{width:330px; min-height:295px; margin:-40px 0 0 185px; padding:40px 29px 0 50px; font-family: 'Cafe24Ssurround'; font-size:20px; background:url(images_visionroad23/dept2_txt_bg.png) left top no-repeat; background-size:100% auto; letter-spacing:-0.05em; color:#434342; box-sizing:border-box; transform:rotate(-2.5deg)}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl > dd{ padding-top:20px;font-family: 'Cafe24Ssurround'}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl > dd.vsr23_txt1{ color:#8957a1}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl > dt{ padding-top:70px;font-family: 'Cafe24Ssurround';color:#000; text-align:right}

.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02{ position:relative; width:100%; margin-top:70px; padding:170px 0 165px 3%; background-image:url(images_visionroad23/vsr23_box2_02_bg1.png), url(images_visionroad23/vsr23_box2_02_bg2.png), url(images_visionroad23/dept2_bg3.png); background-position:center top, center 293px, center 20px; background-repeat:no-repeat, no-repeat, no-repeat; background-size:1232px auto, 1380px auto, 3000px auto; box-sizing:border-box; z-index:20; box-sizing:border-box}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul:after{display:block;content:"";clear:both;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul{ width:100%; max-width:822px; margin:0 auto}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul > li{ float:left; width:29.239%; min-height:280px; margin:0 1.403%; padding:35px 20px; background:url(images_visionroad23/vsr23_box2_02_pt_bg.png) center top no-repeat; background-size:100% 100%; box-sizing:border-box; text-align:center; }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul > li > span.tit{ display:inline-block; border-bottom:1px solid #d6d6d6; font-size:20px; font-family: 'Cafe24Ohsquare'; color:#000; line-height:31px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul > li > span.txt{ display:block; padding-top:24px; font-family: 'Cafe24Ssurround'; font-size:25px; line-height:40px; letter-spacing:-0.03em; color:#000}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul > li > span > span{ display:inline-block}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 a{ display:block; width:470px; height:165px; margin:44px auto 0 auto; font-size:0; background:url(images_visionroad23/vsr23_box2_02_btn.png) center no-repeat; background-size:100% auto; }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 a:hover{  transform:rotate(-3deg); transition:all 1s}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02_bg{ display:block; position:relative; width:100%; max-width:1400px; margin:0 auto; height:0; z-index:100}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02_bg > span{ display:block; position:absolute; left:0; bottom:-20px; /*bottom:0;*/ width:446px; height:350px; background:url(images_visionroad23/vsr23_box2_02_bg3.png) center no-repeat; background-size:100% auto}

.vsr23_dept2 > .box2 .cont2{ position:relative; overflow:hidden; width:100%; padding:20px 0 200px 0; background:url(images_visionroad23/dept2_bg3.png) center 100px no-repeat; background-size:3000px auto;}

.vsr23_dept2 > .box2 .cont2 > .list{overflow:hidden;position:relative;left:50%;width:1902px;min-height:600px; margin-left:-951px;}
.vsr23_dept2 > .box2 .cont2 > .list > ul:after{display:block;content:"";clear:both;}
.vsr23_dept2 > .box2 .cont2 > .list > ul { position:absolute; width:1902px; height:600px; top:50px;}
.vsr23_dept2 > .box2 .cont2 > .list > ul > li{ float:left; width:521px; height:391px; margin:60px 25px 167px 25px; background-color:#000; cursor:pointer}
.vsr23_dept2 > .box2 .cont2 > .list > ul > li.on { width:710px; height:533px; margin:0 25px; box-shadow: 5px 10px 15px 3px rgba(0, 0, 0, 0.3)}
.vsr23_dept2 > .box2 .cont2 > .list > ul > li > img{ width:100%; height:100%; opacity: 0.4; filter: alpha(opacity=40);}
.vsr23_dept2 > .box2 .cont2 > .list > ul > li.on > img{ opacity: 1; filter: alpha(opacity=100)}
.vsr23_dept2 > .box2 .cont2  .pr{ position:relative; width:710px; height:0; margin:0 auto}
.vsr23_dept2 > .box2 .cont2  .pr a{display:block;position:absolute;top:260px; text-indent:-9999px;width:70px; height:70px; z-index:900}
.vsr23_dept2 > .box2 .cont2  .pr a.prev{  background:url(images_visionroad23/img_btn1.png) left center no-repeat;background-size:100% 100%;left:-80px; }
.vsr23_dept2 > .box2 .cont2  .pr a.next{  background:url(images_visionroad23/img_btn2.png) right center no-repeat;background-size:100% 100%;right:-80px; }
.vsr23_dept2 > .box2 .cont2  .pr a:hover.prev{ background-position:-10px center}
.vsr23_dept2 > .box2 .cont2  .pr a:hover.next{ background-position:10px center}

@media only screen and (max-width:1400px) {
.vsr23_dept2 > .box1 > span.bg_left{ left:-20%;}
}
@media only screen and (max-width:1220px) {
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b{top:50px; left:58%; width:500px; height:650px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl{width:300px; min-height:295px; margin:-40px 0 0 185px; padding:20px 5px 0 50px;  }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl > dt{ padding:40px 20px 0 0}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02{ background-image:url(images_visionroad23/vsr23_box2_02_bg1.png), none, url(images_visionroad23/dept2_bg3.png); }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02_bg > span{ left:-50px; width:380px; height:298px;}
}
@media only screen and (max-width:1150px) {
.vsr23_dept2 > .box1 > span.bg_left{ left:-300px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b{ left:inherit; right:-30px;}
}
@media only screen and (max-width:1000px) {
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b{ width:450px; height:600px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl{width:270px; min-height:295px; margin:-40px 0 0 165px; padding:10px 5px 0 50px;  }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl > dt{ padding:35px 20px 0 0}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02_bg > span{ left:-80px;}
}
@media only screen and (max-width:900px) {
.vsr23_dept2 > .box1{  height:500px; margin-top:450px; padding-top:160px; }
.vsr23_dept2 > .box1 > h2{ height:100px; }
.vsr23_dept2 > .box1 > span.bg_left{ left:-10%; width:300px; height:394px;}
.vsr23_dept2 > .box1 > span.bg_right{ left:80%; width:310px; height:310px;}
.vsr23_dept2 > .box2{ margin-top:-253px; padding:80px 0px 0 0px; background-position:center top; background-size:1800px auto; }
.vsr23_dept2 > .box2 .tab{ max-width:400px; padding:3px; box-shadow:inset #4f6d30 3px 3px 0px 0px; o-box-shadow:inset #4f6d30 3px 3px 0px 0px; -moz-box-shadow:inset #4f6d30 3px 3px 0px 0px; -webkit-box-shadow:inset #4f6d30 3px 3px 0px 0px; }
.vsr23_dept2 > .box2 .tab > li a{ height:60px; padding-top:24px; font-size:20px; line-height:20px;}
.vsr23_dept2 > .box2 .tab > li a:hover{ padding-top:20px; box-shadow:inset #cea300 -3px -3px 0px 0px;o-box-shadow:inset #cea300 -3px -3px 0px 0px; -moz-box-shadow:inset #cea300 -3px -3px 0px 0px; -webkit-box-shadow:inset #cea300 -3px -3px 0px 0px;}
.vsr23_dept2 > .box2 .tab > li a.on{  padding-top:20px; box-shadow:inset #cea300 -3px -3px 0px 0px;o-box-shadow:inset #cea300 -3px -3px 0px 0px; -moz-box-shadow:inset #cea300 -3px -3px 0px 0px; -webkit-box-shadow:inset #cea300 -3px -3px 0px 0px;}
.vsr23_dept2 > .box2 .tab > li a:active{ padding-top:24px; background-color:#000;  box-shadow:none;o-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; color:#fff; transition:all 0.5s}

.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01{ padding:40px 15px 0 15px; box-sizing:border-box}

.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .left_v > span{ box-shadow: 5px 7px 0px 0px rgba(0, 0, 0, 0.15);}

.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b{top:50px; left:60%; width:360px; height:400px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl{width:190px; min-height:200px; margin:-40px 0 0 115px; padding:10px 10px 0 30px; font-size:14px; line-height:18px }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl > dd{ padding-top:10px}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl > dt{ padding:20px 15px 0 0}

.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02{ margin:30px auto 0 auto; width:100%; padding-top:15%; padding-bottom:100px; background-size:100% auto, 100% auto, 1400px auto ;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul{ width:70%; max-width:822px; margin:0 auto}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul > li{ min-height:180px; padding:20px 15px; }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul > li > span.tit{ font-size:14px; line-height:20px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul > li > span.txt{ padding-top:15px; font-size:16px; line-height:24px; }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 a{ width:250px; height:88px; margin:5% auto 0 auto; }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 a:hover{  transform:rotate(-2deg); transition:all 0.5s}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02_bg > span{ left:-20px; width:280px; height:220px;}

.vsr23_dept2 > .box2 .cont2{ padding:20px 0 100px 0; background-position: center 100px; background-size:1400px auto}
.vsr23_dept2 > .box2 .cont2 > .list{overflow:hidden; width:1010px; margin-left:-505px; min-height:330px}
.vsr23_dept2 > .box2 .cont2 > .list > ul { width:1010px; top:25px; }
.vsr23_dept2 > .box2 .cont2 > .list > ul > li{ width:260px; height:195px; margin:60px 15px 0 15px;}
.vsr23_dept2 > .box2 .cont2 > .list > ul > li.on { width:400px; height:300px; margin:0 15px; }

.vsr23_dept2 > .box2 .cont2  .pr{width:420px; }
.vsr23_dept2 > .box2 .cont2  .pr a{top:160px; width:40px; height:40px; }
.vsr23_dept2 > .box2 .cont2  .pr a.prev{  left:-30px; }
.vsr23_dept2 > .box2 .cont2  .pr a.next{  right:-30px; }
.vsr23_dept2 > .box2 .cont2  .pr a:hover.prev{ background-position:-10px center}
.vsr23_dept2 > .box2 .cont2  .pr a:hover.next{ background-position:10px center}
}
@media only screen and (max-width:780px) {
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02{ padding:15% 0 100px 1%;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul{ width:76%; }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul > li{ width:31.333%; margin:0 1%;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 a{ margin:3% auto 0 auto; }
}
@media only screen and (max-width:730px) {
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .left_v{ width:80%;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b{top:150px; left:67%;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl{  margin:-150px 0 0 50px; padding:15px 20px 0 18px;  background-image:url(images_visionroad23/dept2_txt_bg_m.png); background-size:100% auto;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl > dt{ padding:10px 15px 0 0; text-align:left}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 a{ margin:0% auto 0 auto; }
}
@media only screen and (max-width:700px) {
.vsr23_dept2 > .box1 > span.bg_left{ left:-180px; }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02_bg > span{ width:250px; height:196px;}
}
@media only screen and (max-width:670px) {
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .left_v{ width:100%; box-sizing:border-box}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b{top:100%; /*top:80%;*/ left:inherit; right:0%;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl{margin:0px 0 0 130px; padding:2px 10px 0 30px; background-image:url(images_visionroad23/dept2_txt_bg.png); background-size:100% auto;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b > dl > dt{ padding:20px 15px 0 0; text-align:right}

.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02{ margin:170px auto 0 auto; /*margin:80px auto 0 auto;*/ width:100%;  padding:12% 0 130px 1%;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul > li > span.txt{ letter-spacing:-0.07em}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02_bg > span{ width:200px; height:157px;}
}
@media only screen and (max-width:600px) {
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02{  background-image:url(images_visionroad23/vsr23_box2_02_bg1_m.png), none, url(images_visionroad23/dept2_bg3.png);}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul{ width:76%;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul li{ width:44%; margin:2% 3% 0 3%; min-height:130px; padding:13px 15px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul li span.tit{ font-size:14px; line-height:20px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul li span.txt{ padding-top:10px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul li:last-child{ margin-left:27%}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 a{  margin:1% auto 0 auto; }
}
@media only screen and (max-width:550px) {
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02{background-size:580px auto, 100% auto, 1400px auto ;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul{ width:90%; margin-top:10px}

.vsr23_dept2 > .box2 .cont2{ background-position: center 10px}
.vsr23_dept2 > .box2 .cont2 > .list{ width:760px; margin-left:-380px; min-height:280px}
.vsr23_dept2 > .box2 .cont2 > .list > ul { width:760px; }
.vsr23_dept2 > .box2 .cont2 > .list > ul > li{ width:200px; height:150px; margin:40px 10px 0 10px;}
.vsr23_dept2 > .box2 .cont2 > .list > ul > li.on { width:300px; height:250px; margin:0 10px; }
.vsr23_dept2 > .box2 .cont2  .pr{width:330px; }
.vsr23_dept2 > .box2 .cont2  .pr a{top:130px;}
}

@media only screen and (max-width:500px) {
.vsr23_dept2 > .box1 > span.bg_right{ left:120%}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b{ top:100%; /*top:95%;*/ right:0;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02{ margin-top:150px; /*margin-top:130px;*/}
}

@media only screen and (max-width:400px) {
.vsr23_dept2 > .box1 > span.bg_left{ top:50px; width:250px; height:329px}
.vsr23_dept2 > .box2 .tab > li a{ font-size:18px;}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_01 > .right_b{height:350px; left:5%}
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul{ width:100%; }
.vsr23_dept2 > .box2 .cont1 .vsr23_box2_02 ul li{ min-height:140px; }
.vsr23_dept2 > .box2 .cont2  .pr{width:80%}
}


/*vsr23_dept3*/
.vsr23_dept3{ overflow:hidden; position:relative; width:100%; margin-top:-195px; padding-top:178px; background:url(images_visionroad23/vsr23_dept3_bg.png) center top no-repeat; background-size:3000px auto; z-index:80; box-sizing:border-box}
.vsr23_dept3_top{ position:relative; width:100%; height:622px; z-index:10}
.vsr23_dept3_top > p{ position:absolute; left:0; top:0; width:100%; height:622px; background-position:center top; background-repeat:no-repeat; background-size:auto 100%; text-indent:-999999px;}
.vsr23_dept3_top > p.vsr23_3_txt1{ background-image:url(images_visionroad23/vsr23_dept3_top_img1.png); z-index:10}
.vsr23_dept3_top > p.vsr23_3_txt2{ background-image:url(images_visionroad23/vsr23_dept3_top_img2.png); z-index:20}
.vsr23_dept3_cont{ position:relative; margin-top:-122px; width:100%; padding:166px 0 290px 0; background:url(images_visionroad23/vsr23_dept3_cont_bg.png) center 60px no-repeat; background-size:2340px auto; z-index:20}
.vsr23_dept3_cont > h3{ width:508px; height:138px; margin:0 auto; font-size:0; background:url(images_visionroad23/vsr23_dept3_tit.png) center no-repeat; background-size:100% auto; }
.vsr23_dept3_map { width:100%; max-width:1230px; margin:200px auto 0 auto;}
.vsr23_dept3_map > dl{ width:100%; height:0; position:relative;}
.vsr23_dept3_map > dl > dt{ position:absolute; left:0; bottom:0; width:306px; height:568px; background:url(images_visionroad23/vsr23_dept3_left.png) center bottom no-repeat; background-size:100% auto; z-index:10; text-indent:-999999px}
.vsr23_dept3_map > dl > dd{ position:absolute; left:175px; bottom:485px; width:490px; height:200px; padding:70px 20px 0 57px; font-family: 'Cafe24Ssurround'; font-size:22px; line-height:31px; letter-spacing:-0.06em; color:#222; background:url(images_visionroad23/vsr23_dept3_left_txt_bg.png) center bottom no-repeat; background-size:100% auto; z-index:20; box-sizing:border-box}
.vsr23_dept3_map > p{ height:485px; margin-left:25.671%; background:url(images_visionroad23/vsr23_dept3_map1.png) left top no-repeat; background-size:842px auto; text-indent:-999999px}
@media only screen and (max-width:1150px) {
.vsr23_dept3_cont{background-size:1800px auto; }
.vsr23_dept3_map > dl{ margin-left:-5%}
.vsr23_dept3_map > p{margin-left:18%; }
}
@media only screen and (max-width:1100px) {
.vsr23_dept3_top{ height:550px;}
.vsr23_dept3_top > p{ height:550px;}
}
@media only screen and (max-width:1050px) {
.vsr23_dept3_cont{background-size:1500px auto; background-position:-400px 150px }
.vsr23_dept3_map > dl{ margin-left:-7%}
.vsr23_dept3_map > p{margin-left:15%; background-size:750px auto }
}
@media only screen and (max-width:900px) {
.vsr23_dept3{ margin-top:-95px; padding-top:80px; background-size:1500px auto;}
.vsr23_dept3_top{ height:380px;}
.vsr23_dept3_top > p{ height:380px;}
.vsr23_dept3_top > p.vsr23_3_txt2{ top:-30px}

.vsr23_dept3_cont{ margin-top:-122px; padding:90px 0 150px 0; background-position: center 40px; background-size:1170px auto;}
.vsr23_dept3_cont > h3{ width:260px; height:71px; }

.vsr23_dept3_map { max-width:800px; margin:100px auto 0 auto;}
.vsr23_dept3_map > dl{ margin-left:0%}
.vsr23_dept3_map > dl > dt{ left:0; bottom:0; width:155px; height:288px;}
.vsr23_dept3_map > dl > dd{ left:80px; bottom:220px; width:294px; height:120px; padding:35px 0px 0 40px; font-size:15px; line-height:20px; }
.vsr23_dept3_map > p{ height:230px; margin-left:20%; background:url(images_visionroad23/vsr23_dept3_map1.png) left top no-repeat; background-size: auto 100%;}

}
@media only screen and (max-width:610px) {
.vsr23_dept3_top{ height:350px;}
.vsr23_dept3_top > p{ height:350px;}
.vsr23_dept3_map > p{ margin-left:22%; background:url(images_visionroad23/vsr23_dept3_map2.png) left top no-repeat; background-size: auto 100%;}
}
@media only screen and (max-width:480px) {
.vsr23_dept3_top{ height:300px;}
.vsr23_dept3_top > p{ height:220px;}
.vsr23_dept3_top > p.vsr23_3_txt1{ background-image:url(images_visionroad23/vsr23_dept3_top_img1_m.png); background-position:left top; background-size: auto 100%;}
.vsr23_dept3_top > p.vsr23_3_txt2{ top:70px; left:70px; background-image:url(images_visionroad23/vsr23_dept3_top_img2_m.png); background-position:right top;  background-size: auto 100%;}
.vsr23_dept3_cont{ margin-top:-80px;}
.vsr23_dept3_map > dl{ margin-left:-5%}
.vsr23_dept3_map > dl > dt{ bottom:30px; width:120px; height:223px;}
.vsr23_dept3_map > dl > dd{ left:50px}
.vsr23_dept3_map > p{ margin-left:10%;}
}
@media only screen and (max-width:450px) {
.vsr23_dept3_cont{ background:none}
.vsr23_dept3_map {  margin:110px auto 0 auto;}
.vsr23_dept3_map > dl{ margin-left:-5%}
.vsr23_dept3_map > dl > dt{ bottom:200px; width:97px; height:180px;}
.vsr23_dept3_map > dl > dd{ left:85px; bottom:230px /*bottom:245px*/}
.vsr23_dept3_map > p{ margin-left:0%; background-position: center top }
}
@media only screen and (max-width:405px) {
.vsr23_dept3_top > p.vsr23_3_txt1{ left:-2%; background-position:right top; }
.vsr23_dept3_top > p.vsr23_3_txt2{ left:5%; background-position:left top; }
}


/*vsr23_dept4*/
.vsr23_dept4{ position:relative; width:100%; margin-top:-240px; padding-top:168px; padding-bottom:135px; background:url(images_visionroad23/vsr23_dept4_bg.png) center top no-repeat; background-size:3000px auto; z-index:100; box-sizing:border-box}
.vsr23_dept4_top{ width:100%; max-width:1260px; margin:0 auto; padding:0 30px; box-sizing:border-box}
.vsr23_dept4_top:after{display:block;content:"";clear:both;}
.vsr23_dept4_top > dl{ float:left; width:53%; max-width:480px; margin-top:30px}
.vsr23_dept4_top > dl > dt{ width:460px; height:150px; background:url(images_visionroad23/vsr23_dept4_tit.png) left top no-repeat; background-size:100% auto; text-indent:-99999px}
.vsr23_dept4_top > dl > dd{ padding:29px 0 0 0; font-size:21px; font-weight:300; font-family: 'Noto Sans KR', sans-serif; line-height:34px; letter-spacing:-0.04em; color:#bbe0d3; }
.vsr23_dept4_top > .vsr23_dept4_video{ float:right; width:54.166%; box-shadow: 10px 15px 0px 0px rgba(0, 0, 0, 0.15);}
.vsr23_dept4_top > .vsr23_dept4_video > span{ display:block; padding-top:56.307%; background:url(images_visionroad23/vsr23_dept4_video.png) center no-repeat; background-size:cover}
.vsr23_dept4_cont{ padding-top:94px;}
.vsr23_dept4_cont > h4{ width:639px; height:188px; margin:0 auto; background:url(images_visionroad23/vsr23_dept4_titS.png) center top no-repeat; background-size:100% auto; text-indent:-999999px}
.vsr23_dept4_cont > p{ padding-top:19px; font-size:20px; font-family: 'Noto Sans KR', sans-serif; line-height:32px; letter-spacing:-0.04em; color:#bbe0d3; text-align:center}
.vsr23_dept4_cont > p > strong{ font-weight:500; color:#fff}
.vsr23_dept4_cont .vsr23_dept4_cont_txt{ width:100%; max-width:1270px; margin:0 auto; background:url(images_visionroad23/vsr23_dept4_bg_1.png) left top no-repeat; background-size:496px auto; }
.vsr23_dept4_cont .vsr23_dept4_cont_txt > p{ width:100%; height:898px; background:url(images_visionroad23/vsr23_dept4_bg_2.png) right top no-repeat; background-size:auto 100%; box-sizing:border-box; font-size:0}

.vsr23_dept4_cont a{  display:block; width:450px; height:110px; padding-top:32px; margin:0 auto; border-radius:60px; font-family: 'GmarketSansMedium'; font-size:38px; font-weight:700; letter-spacing:-0.08em; line-height:42px;background-color:#ffcc00;  box-shadow:inset #cea300 -6px -6px 0px 0px;o-box-shadow:inset #cea300 -6px -6px 0px 0px; -moz-box-shadow:inset #cea300 -6px -6px 0px 0px; -webkit-box-shadow:inset #cea300 -6px -6px 0px 0px; color:#000; transition:all 0.5s; text-align:center; text-decoration:none; box-sizing:border-box}
.vsr23_dept4_cont a:hover{ padding-top:35px; background-color:#000;  box-shadow:none;o-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; color:#fff; transition:all 0.5s}
@media only screen and (max-width:1150px) {
.vsr23_dept4_top > dl{ margin-top:5px; width:90%; margin-left:10%; max-width:900px}
.vsr23_dept4_top > .vsr23_dept4_video{ width:80%; margin:35px 10% 0 10% }
}
@media only screen and (max-width:1100px) {
.vsr23_dept4_cont .vsr23_dept4_cont_txt > p{ background-position:center top}
}
@media only screen and (max-width:980px) {
.vsr23_dept4_cont .vsr23_dept4_cont_txt{ background-size:400px auto; }
.vsr23_dept4_cont .vsr23_dept4_cont_txt > p{height:750px;}
}
@media only screen and (max-width:900px) {
.vsr23_dept4{ margin-top:-95px; padding-top:90px; padding-bottom:80px; background-size:1500px auto;}
.vsr23_dept4_top{ width:100%; padding:0 15px; max-width:700px}
.vsr23_dept4_top > dl{ width:49%; margin-top:10px; margin-left:0%;}
.vsr23_dept4_top > dl > dt{ width:240px; height:78px; }
.vsr23_dept4_top > dl > dd{ padding:15px 0 0 0; font-size:14px; line-height:20px;}
.vsr23_dept4_top > .vsr23_dept4_video{ width:46%; margin:10px 0 0 0; box-shadow: 6px 8px 0px 0px rgba(0, 0, 0, 0.15);}
.vsr23_dept4_cont{ padding-top:50px;}
.vsr23_dept4_cont > h4{ width:330px; height:97px; }
.vsr23_dept4_cont > p{ padding:5px 15px 0 15px; font-size:13px; line-height:18px;}
.vsr23_dept4_cont .vsr23_dept4_cont_txt{ max-width:700px;background-size:280px auto; }
.vsr23_dept4_cont .vsr23_dept4_cont_txt > p{height:500px; background-position:right top}

.vsr23_dept4_cont a{  width:250px; height:60px; padding-top:20px; font-size:20px; font-weight:700; line-height:24px; margin-top:-10px; box-shadow:inset #cea300 -3px -3px 0px 0px;o-box-shadow:inset #cea300 -3px -3px 0px 0px; -moz-box-shadow:inset #cea300 -3px -3px 0px 0px; -webkit-box-shadow:inset #cea300 -3px -3px 0px 0px; color:#000; transition:all 0.5s; text-align:center; text-decoration:none; box-sizing:border-box}
.vsr23_dept4_cont a:hover{ padding-top:22px; background-color:#000;  box-shadow:none;o-box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; color:#fff; transition:all 0.5s}
}
@media only screen and (max-width:630px) {
.vsr23_dept4_top > dl{ margin-top:0px; width:80%; margin-left:10%; max-width:900px}
.vsr23_dept4_top > .vsr23_dept4_video{ width:80%; margin:20px 10% 0 10% }
.vsr23_dept4_cont .vsr23_dept4_cont_txt > p{ background-position:center top}
}
@media only screen and (max-width:550px) {
.vsr23_dept4_cont .vsr23_dept4_cont_txt{ background-size:220px auto; }
.vsr23_dept4_cont .vsr23_dept4_cont_txt > p{height:400px;}
.vsr23_dept4_cont a{  width:200px; margin-top:0px;}
}
@media only screen and (max-width:450px) {
.vsr23_dept4_top > dl{ width:100%; margin-left:0%; }
.vsr23_dept4_top > .vsr23_dept4_video{ width:100%; margin:20px 0% 0 0% }
.vsr23_dept4_cont > h4{ width:300px; height:88px; }
.vsr23_dept4_cont .vsr23_dept4_cont_txt > p{height:350px;}
}
@media only screen and (max-width:400px) {
.vsr23_dept4_cont .vsr23_dept4_cont_txt{ background-size:180px auto; }
.vsr23_dept4_cont .vsr23_dept4_cont_txt > p{height:310px;}
}

/*vsr23_dept5*/
.vsr23_dept5{ position:relative;width:100%; padding:130px 0 140px 0; background:#5a403c; box-sizing:border-box; z-index:100}
.vsr23_dept5_cont{ width:100%; max-width:1034px; margin:0 auto}
.vsr23_dept5_cont > h4{ width:490px; height:150px; margin:0 auto; background:url(images_visionroad23/vsr23_dept5_tit.png) center no-repeat; background-size:auto 100%; text-indent:-999999px;}
.vsr23_dept5_cont > p{ padding:0px 0 50px 0; font-size:21px; font-weight:300; font-family: 'Noto Sans KR', sans-serif; line-height:34px; letter-spacing:-0.04em; color:#c0b0ad; text-align:center }
.vsr23_dept5_cont > ul:after{display:block;content:"";clear:both;}
.vsr23_dept5_cont > ul > li{ float:left; margin:0 2.127%; width:29.079%}
.vsr23_dept5_cont > ul > li > span{ display:block;}
.vsr23_dept5_cont > ul > li > span.img{ overflow:hidden; width:100%; padding-top:100%; border-radius:300px; background-position:center center; background-repeat:no-repeat; background-size:100% auto}
.vsr23_dept5_cont > ul > li > span.img1{ background-image:url(images_visionroad23/vsr23_dept5_img1.jpg)}
.vsr23_dept5_cont > ul > li > span.img2{ background-image:url(images_visionroad23/vsr23_dept5_img2.jpg)}
.vsr23_dept5_cont > ul > li > span.img3{ background-image:url(images_visionroad23/vsr23_dept5_img3.jpg)}
.vsr23_dept5_cont > ul > li > span.tit{ padding-top:16px; font-size:23px; font-weight:400; font-family: 'Noto Sans KR', sans-serif; line-height:40px; letter-spacing:-0.04em; text-align:center; color:#fff;}
.vsr23_dept5_cont .box_btm:after{display:block;content:"";clear:both;}
.vsr23_dept5_cont .box_btm{ margin:110px 2.127% 0 2.127%;  font-family: 'Noto Sans KR', sans-serif; color:#fff; }
.vsr23_dept5_cont .box_btm > h5{ float:left; padding:0 13px; border:1px solid #fff; font-size:20px; font-weight:500; letter-spacing:-0.05em; line-height:45px}
.vsr23_dept5_cont .box_btm > ul{ float:left; margin-left:8%; margin-top:20px}
.vsr23_dept5_cont .box_btm > ul > li{ padding:7px 0; font-size:18px; line-height:20px; color:#c0b0ad; }
@media only screen and (max-width:900px) {
.vsr23_dept5{  padding:75px 0 70px 0;}
.vsr23_dept5_cont{ max-width:550px;}
.vsr23_dept5_cont > h4{ width:245px; height:78px; }
.vsr23_dept5_cont > p{ padding:0px 0 20px 0; font-size:14px; line-height:20px;}
.vsr23_dept5_cont > ul > li > span.tit{ padding-top:15px; font-size:14px; line-height:20px;}

.vsr23_dept5_cont .box_btm{ margin:55px 2.127% 0 2.127%;  }
.vsr23_dept5_cont .box_btm > h5{ padding:0 10px; font-size:14px; line-height:32px}
.vsr23_dept5_cont .box_btm > ul{ width:100%; margin-left:0%; margin-top:0}
.vsr23_dept5_cont .box_btm > ul > li{ padding:3px 0; font-size:12px; line-height:18px; }
}