@media all and (min-width:480px) and (max-width:768px) {

#gnbwrap { display:none; }
header #util li.linkbt1 { display:none; }
header #util li.linkbt2 { display:none; }

header #logo { position:absolute; top:22px; left:16px; width:314px; height:29px; z-index:1; }
header #util { position:absolute; top:22px; right:26px; overflow:hidden;  z-index:1;}

header #util .allmenubt { display:none; }
header #util .allmenubt2 { display:block;float: left; }

#visual .visual .v1_1 video {height: 845px; position:absolute;  top:50%; left:50%; transform:translate(-50%,0); }

#visual { height:845px; }
#visual .visual .v1 { position:relative; width:100%; height:845px; background:url('/images/common/v1.jpg')no-repeat 50% 0; background-size:cover; }
#visual .visual .v1 .vtxt { position:absolute; top:230px; left:50%; transform:translateX(-50%); width:100%; text-align:center; }
#visual .visual .v1 .vtxt li.t1 { font-size:42px; font-weight:700; color:#ffffff; line-height:100%; }
#visual .visual .v1 .vtxt li.t2 { margin-top:20px; font-size:17px; font-weight:500; color:#ffffff; line-height:100%; }
#visual .visual .v1 .vtxt li.t3 { position:relative; width:450px; height:115px; margin:30px auto 0 auto; }

#visual .visual .v1

#visual .visual .v2 { position:relative; width:100%; height:845px; background:url('/images/common/v2.jpg')no-repeat 50% 0; background-size:cover; }
#visual .visual .v2 .vtxt { position:absolute; top:120px; left:50%; transform:translateX(-50%); width:90%; max-width:1280px; text-align:left; }
#visual .visual .v2 .vtxt li.t1 { font-size:28px; font-weight:700; color:#ffffff; line-height:140%; }
#visual .visual .v2 .vtxt li.t1 span { display:inline-block; padding-left:0px; width:240px; margin-top:10px; }
#visual .visual .v2 .vtxt li.t3 { position:relative; width:80%; max-width:1280px; margin:30px auto 0 auto; }
#visual .visual .v2 .vtxt li.t3 div { float:left; width:48%; margin:1%; }
#visual .visual .v2 .vtxt li.t3 div:nth-child(4) { float:left; margin-right:1%; margin-top:1%; }
#visual .visual .v2 .vtxt li.t3 div:nth-child(2) { margin-top:1%; }

#visual .visual .v3 { position:relative; width:100%; height:845px; background:url('/images/common/v3.jpg')no-repeat 50% 0; background-size:cover; }
#visual .visual .v3 .vtxt { position:absolute; top:280px; left:50%; transform:translateX(-50%);width:90%; max-width:1280px; text-align:left; }
#visual .visual .v3 .vtxt li.t1 {  }
#visual .visual .v3 .vtxt li.t2 { margin-top:20px; font-size:36px; font-weight:700; color:#ffffff; line-height:100%; }
#visual .visual .v3 .vtxt li.t3 { margin-top:20px; font-size:16px; font-weight:500; color:#ffffff; line-height:150%; }

#visual .slick-dots { position: absolute; top: 78%; left:50%; width:90%; max-width:1280px; transform: translate(-50%,-50%) ; padding: 0; margin: 0; list-style: none; text-align: center; }
#visual .slick-dots li { position: relative; float:left; width: 18px; height: 18px; margin-right:8px; background:rgba(0,0,0,0.2); border-radius:100%; cursor: pointer; }
#visual .slick-dots li.slick-active { background:#ffffff; }




#visual .visualmenu div.vmbt { float:left; position:relative; width:50%; height:75px; }
#visual .visualmenu div.vmbt a { display:block; position:relative; width:100%; height:75px; line-height:75px; padding-left:22px; box-sizing:border-box; font-size:18px; font-weight:700; color:#fff; }
#visual .visualmenu div.vmbt a { background:#02348b; }
#visual .visualmenu div.vmbt a:hover { background:#02348b; }
#visual .visualmenu div.vm_01 a { border-right:1px solid #02348b; border-bottom:1px solid #02348b; }
#visual .visualmenu div.vm_02 a { border-right:0px solid #e9e9e9; }
#visual .visualmenu div.vm_03 a { border-right:1px solid #02348b; border-bottom:1px solid #02348b; }
#visual .visualmenu div.vm_04 a { }
#visual .visualmenu div.vmbt a span { background:url('/images/common/vmicon_on.png')no-repeat 0 0; }




.visualservice { position:absolute; top:100px; left: 0px; cursor: pointer; }

#boxbanner { width:90%; padding:15% 0;}
#boxbanner .boxleft { float:left; position:relative; width:100%; height:210px; overflow:hidden; }
#boxbanner .boxleft ul li.imgs { position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;  }
#boxbanner .boxleft ul li.imgs img { display:block; width:100%; height:auto; transform:scale(1) ; transition:all 1.8s cubic-bezier(0, 0.55, 0.45, 1) 0s;  }
#boxbanner .boxright { float:right; position:relative; width:100%; height:210px; margin-top:1%; overflow:hidden; }

#boxbanner .boxleft ul li.txt { font-size:22px; font-weight:700; }
#boxbanner .boxright div div.txt { font-size:16px; font-weight:700; }
#boxbanner .boxright div a { width:32px; height:32px; line-height:32px; font-size:18px; }
#boxbanner .boxright div.box03 a { bottom:3px; }
#boxbanner .boxright div.box01 span { display:block; position:absolute; top:12px; left:12px; font-size:14px; font-weight:500; color:#fff; }
#boxbanner .boxright div.box04 span { font-size:14px; font-weight:500;  }


#boxbanner .box1 {position:relative; width:100%; overflow:hidden; margin-bottom:2px; line-height:1.25;}
#boxbanner .box1 ul {position:relative; width:100%; height:200px; box-sizing:border-box; padding:25px; margin-bottom:2%; font-weight:bold; float:left;}
#boxbanner .box1 ul.meun1{background:#030268 url('/images/common/boxicon1.jpg')no-repeat 8% 84%; color:#eaf3fa; }
#boxbanner .box1 ul.meun1 li span {display:block; color:#fef79d; font-size:18px; }
#boxbanner .box1 ul.meun1 a{color:#eaf3fa; display:block;}
#boxbanner .box1 ul.meun2{background:#eaf3fa url('/images/common/boxicon2.jpg')no-repeat 8% 84%; color:#030268;}
#boxbanner .box1 ul.meun2 a{color:#030268; display:block;}
#boxbanner .box1 ul li:nth-child(1) {font-size:22px;}
#boxbanner .box1 ul li:nth-child(2) {text-align:right; font-size:22px; margin-top:5%;}
#boxbanner .box1 ul li:nth-child(3) {text-align:right; font-size:25px; margin-top:2%;}
#boxbanner .box1 ul.meun2 li:nth-child(2) {text-align:right; font-size:22px; margin-top:7%;}



#maindr { position:relative; width:100%; height:570px; background:url('/images/common/maindr.jpg')repeat-x 0 -200px; }
#maindr .maindr { position:relative; width:100%; max-width:1920px; height:570px; background:url('/images/common/maindrlogo.jpg')no-repeat right 50px; background-size:150px; }
#maindr .maindr ul.maindrtxt { position:absolute; top:60px; left:5%; }
#maindr .maindr ul.maindrtxt li.t1 { font-size:26px; font-weight:700; color:#3c3c3c; line-height:130%; }
#maindr .maindr ul.maindrtxt li.t2 { margin-top:10px; font-size:14px; font-weight:500; color:#6d6d6d; line-height:150%; }

.maindrview { position:absolute; bottom:28px; left:0px; width:96%; height:330px; margin:0 2%; box-sizing:border-box; overflow:hidden; }
.maindrview div.maindrslide { float:left; position:relative; width:330px; height:280px; margin:0 20px 0 0px; overflow:hidden; cursor:pointer; }
.maindrview div.maindrslide ul li.maindr1 { display:none; position:absolute; bottom:30px; width:50px; height:320px; }
.maindrview div.maindrslide ul li.maindr2 { display:block; position:absolute; bottom:0px; width:100px; height:280px; z-index:1; }
.maindrview div.maindrslide ul li.maindrtxt { display:block; position:absolute; top:0px; right:0px; width:220px; height:280px; padding:20px 14px 0 14px; background:#ffffff; border-radius:15px; box-sizing:border-box; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }

.maindrview div.maindrslide ul li.maindrtxt span.name { display:inline-block; font-size:16px; font-weight:700; color:#262626; padding-bottom:10px; border-bottom:1px solid #c8c8c8; }
.maindrview div.maindrslide ul li.maindrtxt span.t2 { display:block; width:100%; margin-top:12px; font-size:18px; color:#333333; font-weight:700; line-height:130%; }
.maindrview div.maindrslide ul li.maindrtxt span.t3 { display:block; width:100%; margin-top:10px; font-size:16px; color:#1a4ab9; font-weight:500; line-height:100%; }
.maindrview div.maindrslide ul li.maindrtxt span.t4 { display:block; width:100%; margin-top:10px; font-size:14px; color:#555555; font-weight:400; line-height:140%; }
.maindrview div.maindrslide ul li.maindrtxt span.t5 { display:block; width:100%; margin-top:14px; }
.maindrview div.maindrslide ul li.maindrtxt span a { display:block; float:left; position:relative; width:90px; height:30px; padding-left:10px; line-height:30px; margin-right:4px; border-radius:50px; background:#797979; text-align:left; box-sizing:border-box; font-size:12px; font-weight:500; color:#ffffff; }
.maindrview div.maindrslide ul li.maindrtxt span a span { display:block; position:absolute; top:0px; right:12px; }
.maindrview div.maindrslide ul li.maindrtxt span a:nth-child(2) { background:#1a4ab9; }

.maindrview div.maindrslide.active2 { float:left; position:relative; width:330px; height:280px; margin:0 20px 0 0px; overflow:hidden; cursor:pointer; }
.maindrview div.maindrslide.active2 ul li.maindr1 { display:none; }
.maindrview div.maindrslide.active2 ul li.maindr2 { display:block; }
.maindrview div.maindrslide.active2 ul li.maindrtxt { display:block; }

#maindr .scrollbar { position:absolute; bottom:64px; left:50%; transform:translateX(-50%); width:90%; max-width:1280px; height: 6px; background: #e3e4e6; line-height: 0; }
#maindr .scrollbar .handle { width: 70px; height: 100%; background: #007ac3; cursor: pointer; }
#maindr .scrollbar .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }


.achieve { position:relative; width:100%; height:auto;  overflow:hidden; background-image:url(/images/common/achieve.jpg); background-size: cover; transition: all 0.7s cubic-bezier(0.5, 0, 0.1, 1) 0.2s; }
.achieve .achievetxt { position:relative; top:0px; left:0px; width:100%; height:350px; background:url('/images/common/achievetxt.png')no-repeat 0 50%; background-size: none; }
.achieve .achievetxt ul { position:relative; top:50%; transform:translateY(-50%); right:5%; left:5%; max-width:80%; }
.achieve .achievetxt ul li.t1 { font-size:26px; font-weight:900; color:#ffffff; line-height:130%; }
.achieve .achievetxt ul li.t2 { margin-top:20px; font-size:22px; font-weight:700; color:#95b2dc; }
.achieve .achievetxt ul li.t3 { margin-top:20px; font-size:15px; font-weight:400; color:#ffffff; line-height:150%; }

.achieve .achievetxt2 { position:relative; top:0px; right:0px; left:5%; width:95%; padding:25% 0; overflow:hidden; }
.achieve .achievetxt2 div.line { position:absolute; top:52%; left:0%; width:100%; height:1px; background:rgba(255,255,255,0.2); }
.achieve .achievetxt2 ul { float:left; position:relative; width:30%; margin-right:3%; cursor:pointer; }
.achieve .achievetxt2 ul li.t1 { font-size:25px; font-weight:700; margin-top:20px; color:#ffffff; }
.achieve .achievetxt2 ul li.t2 { margin:20px 0; font-size:16px; font-weight:700; color:#ffffff; }
.achieve .achievetxt2 ul li.t3 { font-size:14px; font-weight:400; color:#ffffff; line-height:160%; }
.achieve .achievetxt2 ul li.t4 { font-size:36px; font-weight:900; color:#ffffff; line-height:100%; }



#mainnotice { position:relative; width:100%; padding:10% 0%; background:#eff4fe; }
.mainnotice { position:relative; width:90%; max-width:1280px; margin:0 auto; overflow:hidden; }
.mainnotice div.mn_left { float:left; width:100%; }
.mainnotice div.mn_left div.title { background:url('/images/common/mntitle1.jpg')no-repeat 0 0; background-size:45px; position:relative; width:100%; height:45px; font-size:24px; font-weight:700; color:#3c3c3c; line-height:45px; box-sizing:border-box; padding-left:56px; letter-spacing:-1px; }
.mainnotice div.mn_right { float:left; width:100%; margin-top:6%; }
.mainnotice div.mn_right div.title { background:url('/images/common/mntitle2.jpg')no-repeat 0 0; background-size:45px; position:relative; width:100%; height:45px; font-size:24px; font-weight:700; color:#3c3c3c; line-height:45px; box-sizing:border-box; padding-left:56px; letter-spacing:-1px; }

.mainnotice div div.title a { display:block; position:absolute; top:0px; right:25px; font-size:16px; color:#575757; font-weight:400; }

.mainnotice div div.con { position:relative; width:100%; height:auto; padding:20px 0;  }
.mainnotice div div ul { float:left; position:relative; width: 100%; height:auto; padding:22px 22px 22px 22px; margin-bottom:3%; background:#ffffff; box-sizing:border-box; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }
.mainnotice div div ul:nth-child(1) { margin-right:0%; }

.mainnotice div div ul li:nth-child(1) { font-size:20px; color:#000000; font-weight:700; line-height:150%; }
.mainnotice div div ul li:nth-child(1) span { display:inline-block; vertical-align:middle; width:24px; height:24px; margin-left:6px; margin-top:-4px; border-radius:100%; background:#fed452; text-align:center; line-height:24px; font-size:13px; font-weight:600; color:#252020; }

.mainnotice div div ul li:nth-child(2) { position:relative; bottom:0px; left:0px; width:100%; margin-top:5%; font-size:12px; color:#a5a5a5; font-weight:700; line-height:150%; }
.mainnotice div div ul li:nth-child(2) a { display:block; position:absolute; top:0px; right:0px; font-size:38px; font-weight:300; color:#7e7e7e; }


.mainnotice2 { position:relative; width:90%; max-width:1280px; margin:0 auto; padding-top:24px; padding-bottom:0px; overflow:hidden; }
.mainnotice2 ul { float:left; width:100%; height:auto; margin-top:5%; }
.mainnotice2 ul li:nth-child(2) { height:100%; padding-top:10%; padding-left:30px; font-size:16px; font-weight:700; color:#442818; }
.mainnotice2 ul li:nth-child(2) span { font-size:14px; font-weight:500; color:#442818; }


#mainnotice2 { position:relative; width:100%; height:auto; padding:10% 0 25% 0; background:url('/images/common/mainnotice2.jpg')no-repeat 50% 0; background-size:cover; }
.mainnotice3 { position:relative; width:90%; max-width:1280px; margin:0 auto; padding-top:5%; overflow:hidden; }
.mainnotice3 div.mn_left { float:left; width:100%; }
.mainnotice3 div.mn_left div.title { background:url('/images/common/mntitle3.png')no-repeat 0 0; position:relative; width:100%; height:46px; margin-bottom:16px; font-size:24px; font-weight:700; color:#3c3c3c; line-height:38px; box-sizing:border-box; padding-left:106px; letter-spacing:-1px; }
.mainnotice3 div.mn_right { float:left; width:100%; margin-top:8%; }
.mainnotice3 div.mn_right div.title { background:url('/images/common/mntitle4.png')no-repeat 0 0; position:relative; width:100%; height:46px; margin-bottom:16px; font-size:24px; font-weight:700; color:#3c3c3c; line-height:38px; box-sizing:border-box; padding-left:76px; letter-spacing:-1px; }
.mainnotice3 div div.title a { display:block; position:absolute; top:0px; right:25px; font-size:16px; color:#575757; font-weight:400; }

.mainnotice3 div div.con { float:left; position:relative; width:100%; border-radius:28px; padding:34px 24px; box-sizing:border-box; overflow:hidden; background:#ffffff; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }
.mainnotice3 div div.con .conlist { position:relative; width:100%; margin-bottom:20px; overflow:hidden; }
.mainnotice3 div div.con .conlist:last-child { margin-bottom:0px; }
.mainnotice3 div div.con .conlist div { float:left; width:43%; }
.mainnotice3 div div.con .conlist div img { width:100%; }
.mainnotice3 div div.con .conlist ul { float:right; width:55%; }
.mainnotice3 div div.con .conlist ul li:nth-child(1) { font-size:18px; font-weight:700; color:#2c3234; line-height:130%; }
.mainnotice3 div div.con .conlist ul li:nth-child(2) { margin-top:8px; font-size:16px; font-weight:400; color:#505050; line-height:150%; }

.mainnotice3 div div.con .conlist ul li span { display:inline-block; vertical-align:middle; width:24px; height:24px; margin-left:6px; margin-top:-4px; border-radius:100%; background:#fed452; text-align:center; line-height:24px; font-size:13px; font-weight:600; color:#252020; }

#mainnotice2 .maintxt { position:absolute; bottom:5%; left:15%; width:70%; font-size:18px; font-weight:700; color:#ffffff; line-height:140%; text-align:center; font-family: 'Noto Serif KR'; }





footer { position:relative; width:100%; padding:8% 0; background:#ffffff; }
footer div.footlogo { position:relative; width:292px; margin:0 auto; text-align:center; }

footer .foottxt1 { width:100%; margin-top:20px; text-align:center; font-size:14px; font-weight:500; color:#494646; line-height:150%; }
footer .foottxt2 { width:100%; margin-top:10px; text-align:center; font-size:13px; font-weight:500; color:#cfcfcf; }
footer .foottxt3 { width:100%; margin-top:20px; text-align:center; font-size:12px; font-weight:500; color:#cfcfcf; }
footer .foottxt3 a { display:inline-block; margin:0 5px; font-size:13px; font-weight:500; color:#515151; }
footer .foottxt3 a:nth-child(5) { display:none; }




#boxbanner .box2 ul {position:relative; width:100%;}
#boxbanner .box2 ul li {position:relative; width:49%; height:80px; float:left; margin-right:2%; margin-bottom:2%; box-sizing:border-box; padding-top:25px; text-align:center;}
#boxbanner .box2 ul li:nth-child(2n) { margin-right:0;}
#boxbanner .box2 ul li a {color:#fff; font-size:18px; font-weight:bold;}
#boxbanner .box2 ul li span {position:absolute; display:block; width:28px; height:28px; line-height:28px; background:rgba(0,0,0,0.5); bottom:0; right:0;}
#boxbanner .box2 ul li:nth-child(1) {background:#6e91a6; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
#boxbanner .box2 ul li:nth-child(2) {background:#007ac3;}
#boxbanner .box2 ul li:nth-child(3) {background:#30aaff;}
#boxbanner .box2 ul li:nth-child(4) {background:#3c424e;}
#boxbanner .box2 ul li:nth-child(5) {background:#003d7c; padding-top:20px;}






}