@charset "utf-8";

@import url('basic.css'); /* 기본설정 */
@import url('setup.css'); /* 사이트 세부설정 */

.wrap { position:relative; margin:0 auto; width:1480px; *zoom:1; }
.wrap:after { content:""; display:block; clear:both; }

/* header */
#header { position:relative; width:100%; height:104px; }
#header h1 { position:absolute; top:30px; left:60px; z-index:999; }
#header h1 img { vertical-align:top; }
#header ul.gnb { text-align:center; }
#header ul.gnb li { position:relative; display:inline-block; vertical-align:top; }
#header ul.gnb li a { display:block; padding:0 50px; background:url('/assets/kr/images/common/gnb_line.png') no-repeat left center; }
#header ul.gnb li a span { display:block; padding-top:3px; font-size:20px; color:#222; line-height:98px; vertical-align:top; border-bottom:3px solid rgba(255,255,255,0); transition:all 0.3s; }
#header ul.gnb li:first-child a { background:none; }
#header ul.gnb li a.on span, #header ul.gnb li a:hover span { display:inline-block; border-bottom:3px solid #13adff; transition:all 0.3s; }
#header div.top { position:absolute; top:41px; right:158px; z-index:999; }
#header div.top a { display:inline-block; margin-left:30px; font-size:14px; font-weight:200; color:#000; line-height:21px; }
#header div.sitemap { position:absolute; top:41px; right:60px; z-index:999; }
#header div.sitemap a { display:block; width:38px; height:21px; background:url('/assets/kr/images/common/side_icon.png') no-repeat left top; }
#header div.side { display:none; position:absolute; top:41px; right:60px; font-size:0; line-height:0; z-index:999; }
#header div.side a { display:block; width:38px; height:21px; background:url('/assets/kr/images/common/side_icon.png') no-repeat left top; }
#header:hover #snb { display:block; transition:all 0.3s; }

/* header2 */
#header2 { position:absolute; top:0; left:0; width:100%; height:104px; z-index:999; transition:all 0.3s; }
#header2 h1 { position:absolute; top:30px; left:60px; z-index:999; }
#header2 h1 img { vertical-align:top; }
#header2 ul.gnb { font-size:0; line-height:0; text-align:center; }
#header2 ul.gnb li { position:relative; display:inline-block; vertical-align:top; }
#header2 ul.gnb li a { display:block; padding:0 50px; background:url('/assets/kr/images/common/gnb_line2.png') no-repeat left center; }
#header2 ul.gnb li a span { display:block; padding-top:3px; font-size:20px; color:#fff; line-height:98px; vertical-align:top; border-bottom:3px solid rgba(255,255,255,0); transition:all 0.3s; }
#header2 ul.gnb li:first-child a { background:none; }
#header2 ul.gnb li a.on span, #header2 ul.gnb li a:hover span { display:inline-block; border-bottom:3px solid #13adff; transition:all 0.3s; }
#header2 div.top { position:absolute; top:41px; right:158px; z-index:999; }
#header2 div.top a { display:inline-block; margin-left:30px; font-size:14px; font-weight:200; color:#fff; line-height:21px; }
#header2 div.sitemap { position:absolute; top:41px; right:60px; z-index:999; }
#header2 div.sitemap a { display:block; width:38px; height:21px; background:url('/assets/kr/images/common/side_icon2.png') no-repeat left top; }
#header2 div.side { display:none; position:absolute; top:41px; right:60px; font-size:0; line-height:0; z-index:999; }
#header2 div.side a { display:block; width:38px; height:21px; background:url('/assets/kr/images/common/side_icon2.png') no-repeat left top; }
#header2:hover { background-color:#fff; transition:all 0.3s; }
#header2:hover h1 a { background:url('/assets/kr/images/common/logo.png') no-repeat left top; }
#header2:hover ul.gnb li a { background:url('/assets/kr/images/common/gnb_line.png') no-repeat left center; }
#header2:hover ul.gnb li a span { color:#000; }
#header2:hover ul.gnb li:first-child a { background:none; }
#header2:hover div.top a { color:#000; }
#header2:hover div.sitemap a { background:url('/assets/kr/images/common/side_icon.png') no-repeat left top; }
#header2:hover div.side a { background:url('/assets/kr/images/common/side_icon.png') no-repeat left top; }
#header2:hover #snb { display:block; transition:all 0.3s; }

/* mobileMenu */
#mobileMenu { display:none; overflow-y:auto; position:fixed; left:0; top:0; width:100%; height:100%; z-index:4000; }
#mobileMenu div.top { position:relative; border-bottom:1px solid #e7e7e7; }
#mobileMenu div.top h1 { padding:20px; font-size:0; line-height:0; }
#mobileMenu div.top h1 img { height:33px; }
#mobileMenu div.top div.close { position:absolute; top:25px; right:20px; font-size:0; line-height:0; margin:0; }
#mobileMenu div.top div.close img { height:23px; }
#mobileMenu ul.gnb { margin:35px 20px 0 20px; }
#mobileMenu ul.gnb li { margin-top:20px;}
#mobileMenu ul.gnb li a { display:block; font-size:20px; font-weight:700; color:#aaa; line-height:29px; }
#mobileMenu ul.gnb li .sub_gnb { display:none; }
#mobileMenu ul.gnb li.on a { color:#059ae9; }
#mobileMenu ul.gnb li.on .sub_gnb { display:block; margin-top:20px; }
#mobileMenu ul.gnb li.on .sub_gnb li { margin-top:15px; background:url('/assets/kr/images/common/nav_arrow.png') no-repeat right 0 top 10px; }
#mobileMenu ul.gnb li.on .sub_gnb li a { display:block; margin-top:5px; font-size:15px; font-weight:400; color:#777; line-height:24px; background:none; }
#mobileMenu ul.gnb li.on .sub_gnb li a:first-child { font-size:16px; font-weight:400; color:#666; line-height:25px; }
#mobileMenu ul.gnb li.on .sub_gnb li a:nth-child(2) { margin-top:10px; }

#snb { display:none; position:absolute; top:104px; left:0; width:100%; padding:60px 0; background:#fff; border-top:1px solid #ddd; box-shadow:2px 2px 2px rgba(80,80,80,0.1); z-index:999; transition:all 0.3s; }
#snb div.wrap { width:1680px; }
#snb h2 { float:left; width:260px; height:220px; font-size:24px; font-weight:600; color:#111; line-height:33px; border-right:1px solid #d5d5d5; }
#snb h2 strong { display:block; margin-bottom:10px; font-size:35px; font-weight:300; color:#13adff; line-height:36px; }
#snb ul.snb { float:left; overflow:hidden; }
#snb ul.snb li { float:left; margin-left:90px; }
#snb ul.snb li a { display:block; font-size:18px; color:#111; line-height:27px; }
#snb ul.snb li ul { margin-top:20px; }
#snb ul.snb li ul li { float:none; margin:10px 0 0 0; }
#snb ul.snb li ul li a { font-size:16px; font-weight:300; color:#777; line-height:25px; }
#snb ul.snb li ul li a:hover { color:#13adff; }
#snb div.img { float:right; width:360px; font-size:0; line-height:0; }

/* sitemap */
#sitemap { /*position:fixed;*/ top:0; left:0; width:100%; min-height:100%; z-index:9999; 
    justify-content: center;
    align-items: center;
	overflow:hidden;
	background:#f5f5f5;
}
/*#sitemap { position:fixed; top:0; left:0; width:100%; min-height:100%; background:#f5f5f5; z-index:9999; }*/
#sitemap h1 { position:absolute; top:38px; left:50%; margin-left:-740px; font-size:0; line-height:0; z-index:999; }
#sitemap div.close { position:absolute; top:36px; right:50%; width:65px; margin-right:-740px; font-size:0; line-height:0; text-align:center; z-index:999; }
#sitemap div.close a { display:block; }
#sitemap div.close a img { height:27px; vertical-align:top; }
#sitemap div.close a p { margin-top:5px; font-size:18px; font-weight:200; color:#666; line-height:25px; }
#sitemap ul.sitemap { position:absolute; top:0; left:50%; overflow:hidden; width:1480px; height:100%; min-height:100%; margin-left:-740px; }
#sitemap ul.sitemap li { float:left; width:20%; height:100%; min-height:100%; padding:15% 0 0 50px; border-left:1px solid #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#sitemap ul.sitemap li:first-child { border-left:none; }
#sitemap ul.sitemap li:first-child ul.sub li ul { margin:10px 0 0 0; }
#sitemap ul.sitemap li div a { display:block; font-size:28px; font-weight:bold; color:#222; line-height:37px; }
#sitemap ul.sitemap li ul.sub { margin-top:50px; }
#sitemap ul.sitemap li ul.sub li { float:none; width:auto; margin-top:20px; padding:0; border-left:none; }
#sitemap ul.sitemap li ul.sub li a { font-size:18px; color:#222; line-height:27px; }
#sitemap ul.sitemap li ul.sub li ul { margin-top:10px; }
#sitemap ul.sitemap li ul.sub li ul li { margin-top:0; }
#sitemap ul.sitemap li ul.sub li ul li a { padding-left:12px !important; font-size:16px; font-weight:200; color:#666; line-height:30px; background:url('/assets/kr/images/common/sitemap_bullet.png') no-repeat left 50%; }

/* main */
#main { width:100%; }
#main div.visual { position:relative; overflow:hidden; }
#main div.visual div.text { position:absolute; top:50%; left:50%; width:1480px; margin-left:-740px; font-size:68px; font-weight:600; color:#fff; line-height:87px; transform:translate(0, -50%); z-index:999; }
#main div.visual div.text em { display:block; margin-top:40px; font-size:22px; font-weight:200; line-height:36px; }
#main div.visual div.onoff { position:absolute; bottom:250px; left:50%; width:1480px; margin-left:-740px; font-size:0; line-height:0; z-index:999; }
#main div.visual div.onoff .swiper-pagination-bullet { display:inline-block; margin-right:10px; width:94px; height:5px; background:rgba(255,255,255,0.35); transition:all 0.25s; border-radius: 0; opacity: 1; }
#main div.visual div.onoff .swiper-pagination-bullet-active, #main div.visual div.onoff .swiper-pagination-bullet-active:hover { background:#13adff; transition:all 0.25s; }
#main div.visual div.onoff a.pause { width:auto; margin:-4px 0; background:none; }

#main div.visual div.dark { width:100%; background:rgba(0,0,0,0.2); }
div.dark-movie { position:absolute; height:100%; overflow:hidden; }
#main div.visual div.dark-bg { background:rgba(0,0,0,0.4); width:100%; height:100%; position:absolute; }
/*
.indicator .swiper-pagination-bullet{width: 9px;height: 9px;background: transparent;border: 1px solid #fff;opacity: 1;border-radius: 9px;transition: 0.3s;vertical-align: top;margin: 0;display: inline-flex;}
.indicator .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 20px;}
.indicator .swiper-pagination-bullet-active{width: 22px;background: #fff;border: 0;}
*/

#main div.visual div.img1 { overflow:hidden; height:980px; background:url('/assets/kr/images/main/visual1.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main div.visual div.img2 { overflow:hidden; height:980px; background:url('/assets/kr/images/main/visual2.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main div.visual div.img3 { overflow:hidden; height:980px; background:url('/assets/kr/images/main/visual3.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main h2 { margin-top:60px; padding-top:100px; font-size:50px; font-weight:700; color:#080808; line-height:61px; text-align:center; background:url('/assets/kr/images/main/h2_line.jpg') no-repeat center top; }
#main h2 em { font-size:40px; line-height:51px; }
#main h2 span { display:block; color:#059ae9; }
#main h3 { margin-top:150px; font-size:40px; font-weight:700; color:#080808; line-height:51px; text-align:center; }
#main h3 span { display:block; margin-bottom:38px; padding-top:15px; font-size:20px; line-height:27px; background:url('/assets/kr/images/main/h3_line.jpg') no-repeat center top; }
#main h3 em { display:block; }
#main div.solution { position:relative; }
#main div.solution h3 { text-align:left; }
#main div.solution h3 span { background:url('/assets/kr/images/main/h3_line.jpg') no-repeat left 2px top; }
#main div.solution div.arrow { position:absolute; top:0; right:0; overflow:hidden; height:58px; font-size:0; line-height:0; }
#main div.solution div.arrow a { display:inline-block; margin-left:10px; }
#main div.solution div.arrow a:hover img { margin-top:-58px; }
#main div.solution div.arrow a:hover img { margin-top:-58px; }

#main div.solution_slider { overflow:hidden; width:200%; margin-top:-94px; }
#main div.solution_slider div.item { float:left; width:380px; margin-right:20px;overflow:hidden;transition: 0.5s;} }
#main div.solution_slider div.item div.img { font-size:0; line-height:0; transition: 0.5s; }
#main div.solution_slider div.item div.img img { width:100%; margin-top:265px; transition: 0.5s; }
#main div.solution_slider div.item a { display:block; }
#main div.solution_slider div.item a p { margin-top:20px; font-size:20px; font-weight:700; color:#080808; line-height:29px; transition: 0.5s; }
#main div.solution_slider div.item a p em { display:block; margin-top:10px; font-size:16px; font-weight:400; color:#908f8f; line-height:25px; transition: 0.5s; }

#main div.solution_slider div.item.slick-on { width:680px;overflow:hidden;transition: 0.5s; }
#main div.solution_slider div.item.slick-on div.img img { margin-top:0; width: 100%;height: 100%; transition: 0.5s; }
#main div.solution_slider div.item.slick-on a p { font-size:30px; line-height:39px; transition: 0.5s; }
#main div.solution_slider div.item.slick-on a p em { font-size:20px; line-height:29px; transition: 0.5s; }

#main ul.solution { overflow:hidden; width:200%; margin-top:-94px; }
#main ul.solution li { float:left; width:380px; margin-right:20px;overflow:hidden;transition: 0.5s;} }
#main ul.solution li div.img { font-size:0; line-height:0; }
#main ul.solution li div.img img { width:100%; margin-top:265px; }
#main ul.solution li a { display:block; }
#main ul.solution li a p { margin-top:20px; font-size:20px; font-weight:700; color:#080808; line-height:29px; }
#main ul.solution li a p em { display:block; margin-top:10px; font-size:16px; font-weight:400; color:#908f8f; line-height:25px; }

#main ul.solution li.item.slick-on { width:680px;overflow:hidden;transition: 0.5s; }
#main ul.solution li.item.slick-on div.img img { margin-top:0; width: 100%;height: 100%; }
#main ul.solution li.item.slick-on a p { font-size:30px; line-height:39px; }
#main ul.solution li.item.slick-on a p em { font-size:20px; line-height:29px; }
/*
.business_wrap .business_slider .item.slick-on{width: 732px;}
.business_wrap .business_slider .item.slick-on a{pointer-events: auto;}
.business_wrap .business_slider .item.slick-on .img{width: 100%;height: 732px;}
*/
/*
#main ul.solution li:nth-child(3) { width:680px; }
#main ul.solution li:nth-child(3) div.img img { margin-top:0; }
#main ul.solution li:nth-child(3) a p { font-size:30px; line-height:39px; }
#main ul.solution li:nth-child(3) a p em { font-size:20px; line-height:29px; }
*/

#main div.solution-owl { overflow:hidden; width:200%; margin-top:-94px; }
#main div.solution-owl div.item { float:left; width:380px; margin-right:20px; }
#main div.solution-owl div.item div.img { font-size:0; line-height:0; }
#main div.solution-owl div.item div.img img { width:100%; margin-top:265px; }
#main div.solution-owl div.item a { display:block; }
#main div.solution-owl div.item a p { margin-top:20px; font-size:20px; font-weight:700; color:#080808; line-height:29px; }
#main div.solution-owl div.item a p em { display:block; margin-top:10px; font-size:16px; font-weight:400; color:#908f8f; line-height:25px; }
#main div.solution-owl div.item:nth-child(3) { width:680px; }
#main div.solution-owl div.item:nth-child(3) div.img img { margin-top:0; }
#main div.solution-owl div.item:nth-child(3) a p { font-size:30px; line-height:39px; }
#main div.solution-owl div.item:nth-child(3) a p em { font-size:20px; line-height:29px; }

#main ul.company { overflow:hidden; margin-top:95px; }
#main ul.company li { float:left; width:33.33333%; }
#main ul.company li:nth-child(1) a { background:url('/assets/kr/images/main/company_img1.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main ul.company li:nth-child(2) a { background:url('/assets/kr/images/main/company_img2.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main ul.company li:nth-child(3) a { background:url('/assets/kr/images/main/company_img3.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main ul.company li a { overflow:hidden; display:block; height:410px; text-align:center; }
#main ul.company li a h4 { margin-top:115px; padding-bottom:50px; font-size:24px; font-weight:700; color:#fff; line-height:31px; background:url('/assets/kr/images/main/h3_line.png') no-repeat center bottom; }
#main ul.company li a p { margin-top:50px; font-size:16px; font-weight:300; color:#d7d7d7; line-height:25px; }
#main ul.news { margin-top:95px; border-top:1px solid #d5d5d5; }
#main ul.news li { border-bottom:1px solid #d5d5d5; }
#main ul.news li a { position:relative; display:block; padding:45px 0 45px 365px; font-size:28px; font-weight:700; color:#080808; line-height:37px; }
#main ul.news li a span { position:absolute; top:50%; left:100px; font-size:30px; font-weight:800; color:#94a3b8; line-height:37px; transform:translate(0, -50%); }
#main ul.news li a em { position:absolute; top:50%; right:100px; font-size:0; line-height:0; transform:translate(0, -50%); transition:all 0.3s; }
#main ul.news li a:hover em { right:80px; transition:all 0.3s; }
#main div.more { margin-top:50px; text-align:center; }
#main div.more a { font-size:24px; font-weight:700; color:#94a3b8; line-height:31px; }
#main div.more a img { margin-left:20px; vertical-align:middle; transition:all 0.3s; }
#main div.more a:hover img { margin-left:40px; transition:all 0.3s; }
#main div.advice { position:relative; width:100%; height:480px; margin-top:145px; background:url('/assets/kr/images/main/advice_bg.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main div.advice div.cont { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:0; line-height:0; text-align:center; }
#main div.advice div.cont p { font-size:18px; font-weight:300; color:rgba(255,255,255,0.5); line-height:27px; }
#main div.advice div.cont p strong { display:block; margin-bottom:15px; font-size:35px; font-weight:700; color:#fff; line-height:44px; }
#main div.advice div.cont a { display:inline-block; margin-top:50px; padding:0 40px; font-size:18px; font-weight:600; color:#fff; line-height:47px; border-radius:30px; background-color:#00aeef; transition:all 0.3s; }
#main div.advice div.cont a:hover { padding:0 80px; color:#080808; background-color:#fff; transition:all 0.3s; }

/* visual */
#visual { width:100%; }
#visual div.sub-visual {overflow:hidden; height:480px;}
#visual div.sub1 { overflow:hidden; height:480px; background:url('/assets/kr/images/company/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#visual div.sub2 { overflow:hidden; height:480px; background:url('/assets/kr/images/solution/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#visual div.sub3 { overflow:hidden; height:480px; background:url('/assets/kr/images/education/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#visual div.sub4 { overflow:hidden; height:480px; background:url('/assets/kr/images/partner/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#visual div.sub4 h2 { color:#080808; }
#visual h2 { margin-top:195px; font-size:80px; font-weight:700; color:#fff; line-height:80px; }
#visual div.snb { padding:0 0 20px 0; font-size:0; line-height:0; border-bottom:1px solid #e5e5e5; }
#visual div.snb a { display:inline-block; margin:20px 20px 0 0; padding:8px 25px; font-size:18px; color:#333; line-height:27px; border-radius:30px; background-color:#f8f8f8; }
#visual div.snb a.on, #visual div.snb a:hover { color:#fff; background-color:#13adff; }

/* idxlink */
.idxlink { display:none; overflow:hidden; margin-top:75px; text-align:center; background:url('/assets/kr/images/common/menu_bg.png') repeat left top; }
.idlk { overflow:hidden; width:100%; margin:0 auto; display:none; z-index:500; }
.idlk li { display:block; width:100%; font-size:18px; color:#fff; background:url('/assets/kr/images/common/menu_bg2.png') repeat left top; border-bottom:1px solid #ccc; text-align:left; }
.idlk li a { display:block; padding-left:30px; color:#fff; line-height:57px; }
.idlk li a:hover { font-weight:bold; color: #fff; }
.menu { display:none; }
.menu { position:relative; display:block; padding-left:30px; font-size:18px; font-weight:600; color:#fff; line-height:57px; text-align:left; border-bottom:1px solid #ccc; }
.menu div.bullet { position:absolute; right:30px; top:25px; font-size:0; line-height:0; }
.inner { width:100%; margin:0 auto; cursor:pointer; }
.idlk.on {display:block; position:absolute; border-top:none; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; }

/* contents */
#contents { width:100%; margin-bottom:180px; }
#contents h3 { margin-top:60px; padding-top:55px; font-size:50px; font-weight:700; color:#080808; line-height:59px; background:url('/assets/kr/images/common/h3_line.jpg') no-repeat left 2px top; }
#contents h4 { margin-top:95px; padding-left:24px; font-size:30px; font-weight:700; color:#222; line-height:39px; background:url('/assets/kr/images/common/h4_line.jpg') no-repeat left center; }
#contents h5 { margin-top:75px; font-size:24px; font-weight:700; color:#111; line-height:33px; }
#contents h5.f5 { font-size:30px; font-weight:700; color:#059ae9; line-height:39px; }
#contents h5 em { font-weight:400; }
#contents p.explain { margin:55px 0 -5px 0; font-size:24px; color:#080808; line-height:38px; }
#contents div.greeting { margin-top:65px; font-size:18px; font-weight:300; color:#555; line-height:37px; }
#contents div.greeting span { display:block; margin-bottom:40px; font-size:40px; color:#222; line-height:59px; }
#contents div.secuwave { margin:110px 0 -180px 0; background:url('/assets/kr/images/company/greeting_img.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#contents div.secuwave img { max-width:100%; }
#contents div.map { margin-top:75px; font-size:0; line-height:0; border:1px solid #d5d5d5; }
#contents div.map img { max-width:100%; }
#contents ul.add { overflow:hidden; margin-top:30px; }
#contents ul.add li { float:left; width:50%; }
#contents ul.add li ul li { float:none; position:relative; width:auto; margin-top:20px; padding-left:150px; font-size:18px; font-weight:300; color:#555; line-height:27px; }
#contents ul.add li ul li span { position:absolute; top:0; left:0; font-weight:600; color:#333; vertical-align:top; }
#contents ul.add li ul li span img { margin-right:20px; vertical-align:top; }
#contents ul.add li ul li a { display:inline-block; color:#555; line-height:27px; vertical-align:top; }
#contents ul.add li ul li a:hover { color:#059ae9; text-decoration:underline; }
#contents ul.vision { margin-top:-5px; }
#contents ul.vision li { position:relative; overflow:hidden; margin-top:150px; }
#contents ul.vision li:nth-child(2) div.img { float:right; }
#contents ul.vision li:nth-child(2) div.cont { margin-left:0; }
#contents ul.vision li:nth-child(2) div.text { left:0 !important; }
#contents ul.vision li div.img { float:left; width:830px; }
#contents ul.vision li div.cont { float:left; width:530px; margin-left:120px; }
#contents ul.vision li div.cont h4 { margin-top:45px; padding:0; font-size:45px; font-weight:700; color:#059ae9; line-height:54px; background:none; }
#contents ul.vision li div.cont p { margin-top:35px; font-size:20px; font-weight:300; color:#555; line-height:34px; }
#contents ul.vision li div.cont p em { display:block; }
#contents ul.vision li div.text { position:absolute; bottom:-3px; right:0; font-size:0; line-height:0; }
#contents div.group { margin-top:75px; padding-bottom:80px; font-size:0; line-height:0; border-bottom:1px solid #222; }
#contents div.group img { max-width:100%; }
#contents ul.group { overflow:hidden; }
#contents ul.group li { float:left; width:calc(50% - 40px); margin:80px 0 0 80px; }
#contents ul.group li:nth-child(2n-1) { margin:80px 0 0 0; clear:both; }
#contents ul.group li div.logo { padding:40px; font-size:0; line-height:0; text-align:center; background-color:#f8f8f8; }
#contents ul.group li p.tit { margin-top:35px; font-size:24px; font-weight:700; color:#222; line-height:33px; }
#contents ul.group li p.txt { margin-top:25px; font-size:17px; font-weight:300; color:#555; line-height:31px; }
#contents ul.group li a { display:block; margin-top:35px; width:158px; font-size:14px; color:#555; line-height:37px; padding-left:20px; background:url('/assets/kr/images/company/site_off.png') no-repeat right 20px center; border:1px solid #d5d5d5; }
#contents ul.group li a:hover { color:#fff; background:url('/assets/kr/images/company/site_on.png') no-repeat right 20px center; border:1px solid #13adff; background-color:#13adff; transition:all 0.3s; }
#contents ul.tap { overflow:hidden; display:flex; margin-top:75px; }
#contents ul.tap li { float:left; width:100%; margin-left:20px; }
#contents ul.tap li:first-child { margin-left:0; }
#contents ul.tap li a { display:block; font-size:18px; font-weight:400; color:#888; line-height:59px; text-align:center; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:3px solid #d5d5d5; }
#contents ul.tap li a.on, #contents ul.tap li a:hover { font-weight:700; color:#223f73; border-top:1px solid #223f73; border-left:1px solid #223f73; border-right:1px solid #223f73; border-bottom:3px solid #223f73; }
#contents div.academy { margin:80px 0 75px 0; padding:195px 0; font-size:45px; font-weight:700; color:#fff; line-height:60px; text-align:center; background:url('/assets/kr/images/education/academy_img.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#contents p.secu { margin-top:40px; font-size:18px; font-weight:300; color:#555; line-height:32px; }
#contents p.secu2 { margin-top:75px; font-size:22px; font-weight:300; color:#222; line-height:36px; }
#contents div.edu { position:relative; margin-top:75px; padding-left:320px; border-top:2px solid #94a3b8; }
#contents div.edu div.icon { position:absolute; top:75px; left:60px; font-size:0; line-height:0; }
#contents div.edu ul.cont { overflow:hidden; }
#contents div.edu ul.cont li { float:left; width:50%; margin-top:70px; }
#contents div.edu ul.cont li:nth-child(1), #contents div.academy ul.cont li:nth-child(3) { clear:both; }
#contents div.edu ul.cont li:nth-child(3) { width:100%; }
#contents div.edu ul.cont li p.tit { font-size:22px; font-weight:600; color:#222; line-height:31px; }
#contents div.edu ul.cont li ul.txt { margin-top:30px; }
#contents div.edu ul.cont li ul.txt li { float:none; width:auto; margin:0; padding-left:14px; font-size:16px; font-weight:300; color:#555; line-height:30px; background:url('/assets/kr/images/solution/bullet2.png') no-repeat left 13px; }
#contents ul.register { overflow:hidden; margin-top:75px; padding-top:20px; border-top:1px solid #222; }
#contents ul.register li { float:left; width:100%; margin-top:55px; }
#contents ul.register li.line1 { width:48%; }
#contents ul.register li.line2 { width:48%; margin-left:4%; }
#contents ul.register li.mail { font-size:0; line-height:0; }
#contents ul.register li.mail em { display:inline-block; width:3%; font-size:18px; font-weight:300; color:#777; line-height:59px; text-align:center; vertical-align:top; }
#contents ul.register li.mail input { width:22.5%; }
#contents ul.register li.mail select { width:22.5%; margin-left:1.5%; }
#contents ul.register li h4 { margin-top:0; }
#contents ul.register li p { margin-bottom:15px; font-size:20px; font-weight:600; color:#222; line-height:29px; }
#contents ul.register li input { width:100%; height:59px; padding-left:30px; font-size:18px; font-weight:300; color:#777; border-radius:10px; vertical-align:top; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents ul.register li select { width:100%; height:59px; padding-left:25px; font-size:18px; font-weight:300; color:#777; border-radius:10px; vertical-align:top; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents ul.register li textarea { width:100%; height:200px; padding:25px 30px; font-size:18px; font-weight:300; color:#777; border-radius:10px; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents div.pi { overflow-y:scroll; height:200px; padding:25px 30px; font-size:15px; font-weight:300; color:#777; line-height:26px; border-radius:10px; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents div.pi strong { display:block; margin-bottom:10px; font-weight:600; color:#333; }
#contents div.pi span { color:#dd2844; }
#contents div.pi a { display:inline-block; margin-left:10px; padding:0 10px; font-size:13px; color:#fff; line-height:26px; vertical-align:top; background-color:#13adff; }
#contents div.pi table { width:100%; margin:20px 0; border-top:1px solid #222; }
#contents div.pi table th { padding:10px 5px; font-size:15px; font-weight:400; color:#333; line-height:24px; text-align:center; background-color:#f5f5f5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#contents div.pi table th:first-child { border-left:none; }
#contents div.pi table td { padding:10px 5px; font-size:15px; font-weight:300; color:#777; line-height:24px; text-align:center; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#contents div.pi table td:first-child { border-left:none; }
#contents div.agree { margin-top:25px; font-size:15px; font-weight:300; color:#777; line-height:24px; }
#contents div.agree input { display:inline-block; width:20px !important; height:20px !important; margin:2px 10px 2px 0; padding:0; vertical-align:top; border:1px solid #ddd; }
#contents div.button { margin-top:75px; font-size:0; line-height:0; text-align:center; }
#contents div.button a { display:inline-block; width:220px; margin:0 10px; font-size:18px; font-weight:600; color:#999; line-height:61px; border-radius:10px; background-color:#ddd; }
#contents div.button a.on { color:#fff; background-color:#13adff; }
#contents div.button button { display:inline-block; width:220px; margin:0 10px; font-size:18px; font-weight:600; color:#999; line-height:61px; border-radius:10px; background-color:#ddd; }
#contents div.button button.on { color:#fff; background-color:#13adff; }
#contents ul.notice { margin-top:75px; border-top:2px solid #222; }
#contents ul.notice li { border-bottom:1px solid #ddd; }
#contents ul.notice li:hover { background-color:#fafafa; transition:all 0.3s; }
#contents ul.notice li a { display:block; position:relative; padding:45px 200px 45px 430px; background:url('/assets/kr/images/partner/notice_arrow.png') no-repeat right 80px top 55px; }
#contents ul.notice li a:hover { background:url('/assets/kr/images/partner/notice_arrow2.png') no-repeat right 80px top 55px; transition:all 0.3s; }
#contents ul.notice li a div.date { position:absolute; top:50%; left:80px; font-size:17px; font-weight:300; color:#666; line-height:32px; transform:translate(0, -50%); }
#contents ul.notice li a div.date span { display:inline-block; width:88px; margin-left:80px; font-size:15px; font-weight:400; color:#059ae9; line-height:30px; text-align:center; vertical-align:top; border-radius:20px;border:1px solid #059ae9; }
#contents ul.notice li a p.tit { overflow:hidden; height:33px; font-size:24px; font-weight:700; color:#222; line-height:33px; }
#contents ul.notice li a p.txt { overflow:hidden; height:26px; margin-top:10px; font-size:17px; font-weight:300; color:#666; line-height:26px; }
#contents ul.data { margin-top:75px; border-top:2px solid #222; }
#contents ul.data li { border-bottom:1px solid #ddd; }
#contents ul.data li:hover { background-color:#fafafa; transition:all 0.3s; }
#contents ul.data li a { display:block; position:relative; padding:45px 200px 45px 430px; background:url('/assets/kr/images/partner/data_down.png') no-repeat right 80px top 38px; }
#contents ul.data li a:hover { background:url('/assets/kr/images/partner/data_down2.png') no-repeat right 80px top 38px; transition:all 0.3s; }
#contents ul.data li a div.date { position:absolute; top:50%; left:80px; font-size:17px; font-weight:300; color:#666; line-height:32px; transform:translate(0, -50%); }
#contents ul.data li a div.date span { display:inline-block; width:88px; margin-left:80px; font-size:15px; font-weight:400; color:#059ae9; line-height:30px; text-align:center; vertical-align:top; border-radius:20px;border:1px solid #059ae9; }
#contents ul.data li a p.tit { overflow:hidden; height:33px; font-size:24px; font-weight:700; color:#222; line-height:33px; }
#contents div.paging { margin-top:80px; font-size:0; line-height:0; text-align:center; }
#contents div.paging a { display:inline-block; width:37px; margin:0 5px; font-size:17px; font-weight:600; color:#666; line-height:37px; text-align:center; }
#contents div.paging a.on, #contents div.paging a:hover { color:#fff; border-radius:20px; background-color:#333; }
#contents div.paging a.btn { margin:0 4px; }
#contents div.paging a.btn img { font-size:0; line-height:0; vertical-align:top; }
#contents div.paging a.btn.on, #contents div.paging a.btn:hover { background:none; }
#contents div.viewtop { position:relative; margin-top:100px; padding:35px 150px 35px 0; border-top:1px solid #000; border-bottom:1px solid #d5d5d5; }
#contents div.viewtop p.classify { margin-bottom:20px; font-size:0; line-height:0; }
#contents div.viewtop p.classify span { display:inline-block; margin-right:10px; padding:0 30px; font-size:16px; font-weight:600; color:#fff; line-height:41px; border-radius:30px; background-color:#059ae9; }
#contents div.viewtop p.date { position:absolute; top:35px; right:0; font-size:16px; color:#555; line-height:41px; }
#contents div.viewtop p.tit { font-size:30px; font-weight:600; color:#333; line-height:41px; }
#contents div.viewtop p.period { margin-top:20px; font-size:16px; color:#555; line-height:25px; }
#contents div.viewtop p.period em { display:inline-block; margin-right:30px; }
#contents div.viewtop p.period strong { margin-right:10px; font-weight:600; color:#333; }

#contents div.file-sheets { position:relative; padding:35px 150px 35px 0; border-bottom:1px solid #d5d5d5; font-size:16px; color:#555; line-height:25px; }

#contents div.viewcont { padding:60px 60px; border-bottom:1px solid #000; }
#contents div.viewcont div.img { margin-bottom:20px; font-size:0; line-height:0; }
#contents div.viewcont div.img img { width:100%; }
#contents div.viewcont div.img em { display:block; margin-top:25px; font-size:15px; color:#555; line-height:24px; text-align:center; }
#contents div.viewcont p { font-size:16px; color:#555; line-height:25px; }
#contents ul.post { margin-top:80px; border-top:1px solid #d5d5d5; }
#contents ul.post li { position:relative; padding-left:200px; border-bottom:1px solid #d5d5d5; }
#contents ul.post li div { position:absolute; top:0; left:0; width:200px; font-size:16px; font-weight:300; color:#555; line-height:55px; text-align:center; background-color:#f8f8f8; }
#contents ul.post li a { display:block; padding:15px 0 15px 40px; font-size:16px; font-weight:300; color:#333; line-height:25px; }
#contents ul.post li a:hover { color:#059ae9; text-decoration:underline; }
#contents div.policy { margin-top:70px; font-size:16px; font-weight:300; color:#777; line-height:27px; }
#contents div.policy strong { display:block; margin-bottom:10px; font-weight:600; color:#333; }
#contents div.policy span { color:#dd2844; }
#contents div.policy a { display:inline-block; margin-left:10px; padding:0 10px; font-size:13px; color:#fff; line-height:26px; vertical-align:top; background-color:#13adff; }
#contents div.policy table { width:100%; margin:20px 0 5px 0; border-top:1px solid #222; }
#contents div.policy table th { padding:10px 5px; font-size:16px; font-weight:400; color:#333; line-height:25px; text-align:center; background-color:#f5f5f5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#contents div.policy table th:first-child { border-left:none; }
#contents div.policy table td { padding:10px 5px; font-size:16px; font-weight:300; color:#777; line-height:25px; text-align:center; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#contents div.policy table td:first-child { border-left:none; }
#contents div.overview { margin:115px 0 -180px 0; padding:120px 0 180px 0; background:url('/assets/kr/images/solution/overview_img.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#contents div.overview ul { overflow:hidden; padding:0 80px 75px 80px; background:#fff; }
#contents div.overview ul li { position:relative; margin-top:75px; padding:75px 0 0 280px; border-top:1px solid #d5d5d5; }
#contents div.overview ul li:first-child { margin-top:0; border-top:none; }
#contents div.overview ul li:nth-child(1) ul li strong, #contents div.overview ul li:nth-child(2) ul li strong { color:#e51837; }
#contents div.overview ul li:nth-child(3) ul li strong { color:#009639; }
#contents div.overview ul li div.logo { position:absolute; top:60px; left:0; font-size:0; line-height:0; }
#contents div.overview ul li p { font-size:18px; font-weight:300; color:#555; line-height:27px; }
#contents div.overview ul li ul { margin-top:40px; padding:0; }
#contents div.overview ul li ul li { margin:20px 0 0 0; padding:0; font-size:18px; font-weight:300; color:#555; line-height:27px; border:none; }
#contents div.overview ul li ul li strong { display:block; margin-bottom:5px; font-weight:700; }
#contents div.contact { position:relative; }
#contents div.contact ul { position:absolute; top:50px; right:0; overflow:hidden; height:74px; }
#contents div.contact ul li { float:left; margin-left:20px; }
#contents div.contact ul li a { display:block; }
#contents div.contact ul li a:hover img { margin-top:-74px; vertical-align:top; }
#contents div.contact ul li a div { display:none; margin-left:15px; padding:5px 0; font-size:20px; font-weight:300; color:#555; line-height:32px; vertical-align:top; }
#contents div.contact ul li a div strong { display:block; font-weight:700; color:#222; line-height:32px; }
#contents div.contact ul li a:hover div { display:inline-block; }
#contents ul.adn { display:flex; margin-top:50px; }
#contents ul.adn li { float:left; width:100%; margin-left:40px; padding:45px 50px; border-radius:10px; background-color:#f0f6fd; }
#contents ul.adn li:first-child { margin:0; }
#contents ul.adn li.bg { background-color:#f5f5f5; }
#contents ul.adn li p { font-size:24px; font-weight:600; color:#222; line-height:33px; }
#contents ul.adn li ul { margin-top:20px; }
#contents ul.adn li ul li { float:none; width:auto; margin:5px 0 0 0; padding:0 0 0 14px; font-size:15px; color:#555; line-height:24px; border-radius:0; background:url('/assets/kr/images/solution/bullet2.png') no-repeat left 10px; }
#contents ul.function { overflow:hidden; display:flex; }
#contents ul.function li { float:left; width:340px; margin:50px 0 0 40px; padding:60px 20px;  text-align:center; background-color:#f0f6fd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#contents ul.function li.plus { width:466px; margin:50px 0 0 41px; }
#contents ul.function li:first-child { margin:50px 0 0 0; }
#contents ul.function li div.icon { font-size:0; line-height:0; }
#contents ul.function li p.tit { margin-top:25px; padding-bottom:25px; font-size:24px; font-weight:700; color:#222; line-height:33px; background:url('/assets/kr/images/solution/function_line.jpg') no-repeat center bottom; }
#contents ul.function li p.tit span { color:#059ae9; }
#contents ul.function li p.tit em { display:block; }
#contents ul.function li p.txt { margin-top:25px; font-size:16px; font-weight:300; color:#666; line-height:25px; }
#contents ul.function li p.txt em { display:block; }
#contents div.diagram { margin-top:80px; padding:60px; font-size:0; line-height:0; text-align:center; border:10px solid #f4f6f9; }
#contents div.diagram img { max-width:100%; }

/* footer */
#footer { width:100%; padding:80px 0; background-color:#000315; }
#footer ul.sitemap { overflow:hidden; display:flex; margin-bottom:80px; }
#footer ul.sitemap li { float:left; width:20%; padding-left:6.5%; border-right:1px solid #1a1d2d; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#footer ul.sitemap li:first-child { border-left:1px solid #1a1d2d; }
#footer ul.sitemap li a { font-size:24px; font-weight:600; color:#fff; line-height:33px; }
#footer ul.sitemap li ul { display:block; margin-top:20px; }
#footer ul.sitemap li ul li { float:none; width:auto; margin-top:10px; padding:0; border:none; }
#footer ul.sitemap li ul li:first-child { border-left:none; }
#footer ul.sitemap li ul li a { font-size:16px; font-weight:200; color:rgba(255,255,255,0.6); line-height:25px; }
#footer ul.sitemap li ul li a:hover { color:rgba(255,255,255,1); }
#footer div.flogo { position:absolute; top:-5px; left:0; font-size:0; line-height:0; }
#footer div.fmenu { margin-left:350px; font-size:0; line-height:0; }
#footer div.fmenu a { display:inline-block; margin-left:20px; font-size:16px; font-weight:300; color:#eee; line-height:25px; }
#footer div.fmenu a:first-child { margin-left:0; }
#footer address { margin:20px 0 0 350px; font-size:16px; font-style:normal; font-weight:200; color:rgba(255,255,255,0.6); line-height:25px; }
#footer address em { display:inline-block; width:31px; height:25px; vertical-align:top; background:url('/assets/kr/images/common/foot_line.png') no-repeat center center; }
#footer address span { display:block; margin-top:10px; font-size:14px; line-height:23px; }
#footer div.site { position:absolute; top:0; right:0; font-size:0; line-height:0; width:240px; }
#footer div.site span { display:block; padding:0 30px; font-size:15px; font-weight:300; color:#fff; line-height:42px; border-radius:30px; background:url('/assets/kr/images/common/family_bullet1.png') no-repeat right 30px center #222; }
#footer div.site span:hover { background:url('/assets/kr/images/common/family_bullet2.png') no-repeat right 30px center #222; }
#footer div.site:hover ul { display:block; }
#footer div.site ul { display:none; position:absolute; top:42px; right:0; width:240px; padding:10px 0 0 0; border-radius:10px; }
#footer div.site ul li { float:none; margin-top:5px; }
#footer div.site ul li:first-child { margin-top:0; }
#footer div.site ul li a { display:block; padding-left:30px; font-size:14px; font-weight:300; color:#fff; line-height:21px; }

@media screen and (max-width:1680px) {

	#snb div.wrap { width:1480px; }
	#snb ul.snb li { margin-left:60px; }
}

@media screen and (max-width:1480px) {
	.wrap { width:1200px; margin:0 auto; }

	#header ul.gnb li a { padding:0 40px; }
	#header2 ul.gnb li a { padding:0 40px; }

	#snb div.wrap { width:1200px; }
	#snb ul.snb li { margin-left:60px; }
	#snb div.img { display:none; }

	#sitemap h1 { margin-left:-600px; }
	#sitemap div.close { margin-right:-600px; }
	#sitemap ul.sitemap { width:1200px; margin-left:-600px; }

	#main div.visual div.text { width:1200px; margin-left:-600px; }
	#main div.visual div.onoff { width:1200px; margin-left:-600px; }

	#main div.solution_slider div.item { width:305px; }
	#main div.solution_slider div.item div.img img { margin-top:216px; }
	#main div.solution_slider div.item.slick-on { width:550px; }
	#main div.solution_slider div.item.slick-on div.img img { margin-top:0; width: 100%;height: 100%; }
	#main div.solution_slider div.item.slick-on a p { font-size:30px; line-height:39px; }
	#main div.solution_slider div.item.slick-on a p em { font-size:20px; line-height:29px; }

	#main ul.solution li { width:305px; }
	#main ul.solution li div.img img { margin-top:216px; }
	#main ul.solution li.item.slick-on { width:550px; }
	#main ul.solution li.item.slick-on div.img img { margin-top:0; width: 100%;height: 100%; }
	#main ul.solution li.item.slick-on a p { font-size:30px; line-height:39px; }
	#main ul.solution li.item.slick-on a p em { font-size:20px; line-height:29px; }

	#main div.solution-owl li.item { width:305px; }
	#main div.solution-owl li.item div.img img { margin-top:216px; }
	#main div.solution-owl li.item:nth-child(3) { width:550px; }

	/*#main ul.solution li:nth-child(3) { width:550px; }*/
	#main ul.news li a { padding:45px 0 45px 265px; }
	#main ul.news li a span { left:20px; }
	#main ul.news li a em { right:20px; }
	#main ul.news li a:hover em { right:0; }

	#contents ul.vision li { margin-top:100px; }
	#contents ul.vision li div.img { width:600px; }
	#contents ul.vision li div.img img { width:100%; }
	#contents ul.vision li div.cont { width:520px; margin-left:80px; }
	#contents ul.vision li div.cont h4 { margin-top:0; }
	#contents ul.vision li div.text img { height:100px; }
	#contents ul.notice li a { padding:45px 200px 45px 330px; background:url('/assets/kr/images/partner/notice_arrow.png') no-repeat right 50px top 55px; }
	#contents ul.notice li a:hover { background:url('/assets/kr/images/partner/notice_arrow2.png') no-repeat right 50px top 55px; }
	#contents ul.notice li a div.date { left:50px; }
	#contents ul.notice li a div.date span { margin-left:50px; }
	#contents ul.data li a { padding:45px 200px 45px 330px; background:url('/assets/kr/images/partner/data_down.png') no-repeat right 50px top 38px; }
	#contents ul.data li a:hover { background:url('/assets/kr/images/partner/data_down2.png') no-repeat right 50px top 38px; }
	#contents ul.data li a div.date { left:50px; }
	#contents ul.data li a div.date span { margin-left:50px; }
	#contents ul.function li { width:270px; }
	#contents ul.function li.plus { width:374px; margin:50px 0 0 39px; }
	#contents ul.function li:first-child { margin:50px 0 0 0; }
	#contents ul.function li p.txt em { display:inline; }
}

@media screen and (max-width:1200px) {
	.wrap { width:980px; margin:0 auto; }

	#header h1 { left:20px; }
	#header ul.gnb { display:none; }
	#header div.top { right:78px; }
	#header div.top a { margin-left:15px; }
	#header div.sitemap { display:none; }
	#header div.side { display:block; right:20px; }
	#header:hover #snb { display:none; }

	#header2 h1 { left:20px; }
	#header2 ul.gnb { display:none; }
	#header2 div.top { right:78px; }
	#header2 div.top a { margin-left:15px; }
	#header2 div.sitemap { display:none; }
	#header2 div.side { display:block; right:20px; }
	#header2:hover #snb { display:none; }

	.idxlink { display:block; }

	#main div.visual div.text { width:980px; margin-left:-490px; }
	#main div.visual div.onoff { width:980px; margin-left:-490px; }
	#main h3 em { display:inline; }
	#main div.solution h3 { text-align:center; }
	#main div.solution h3 span { background:url('/assets/kr/images/main/h3_line.jpg') no-repeat center top; }
	#main div.solution div.arrow { position:static; margin:20px 0; text-align:right; }

	#main div.solution_slider { width:200%; margin-top:0; }
	#main div.solution_slider div.item { width:300px; }
	#main div.solution_slider div.item div.img img { width:100%; margin-top:0; }
	#main div.solution_slider div.item a p { font-size:20px; line-height:29px; }
	#main div.solution_slider div.item.slick-on { width:300px; }
	#main div.solution_slider div.item.slick-on div.img img { margin-top:0; width: 100%;height: 100%; }
	#main div.solution_slider div.item.slick-on a p { font-size:20px; line-height:29px; }
	#main div.solution_slider div.item.slick-on a p em { font-size:16px; line-height:25px; }

	#main ul.solution { width:200%; margin-top:0; }
	#main ul.solution li { width:300px; }
	#main ul.solution li div.img img { width:100%; margin-top:0; }
	#main ul.solution li a p { font-size:20px; line-height:29px; }
	#main ul.solution li:nth-child(3) { width:300px; }
	#main ul.solution li:nth-child(3) a p { font-size:20px; line-height:29px; }
	#main ul.solution li:nth-child(3) a p em { font-size:16px; line-height:25px; }

	#main div.solution-owl { width:200%; margin-top:0; }
	#main div.solution-owl div.item { width:300px; }
	#main div.solution-owl div.item div.img img { width:100%; margin-top:0; }
	#main div.solution-owl div.item a p { font-size:20px; line-height:29px; }
	#main div.solution-owl div.item:nth-child(3) { width:300px; }
	#main div.solution-owl div.item:nth-child(3) a p { font-size:20px; line-height:29px; }
	#main div.solution-owl div.item:nth-child(3) a p em { font-size:16px; line-height:25px; }
	/*
	#main ul.solution li:nth-child(3) { width:300px; }
	#main ul.solution li:nth-child(3) a p { font-size:20px; line-height:29px; }
	#main ul.solution li:nth-child(3) a p em { font-size:16px; line-height:25px; }
	*/
	#main ul.news li a { padding:45px 0 45px 20px; }
	#main ul.news li a span { position:static; display:block; margin-bottom:10px; font-weight:800; color:#94a3b8; transform:translate(0, 0); }

	#contents ul.add li { float:none; width:100%; }
	#contents ul.vision li div.img { float:none; width:100%; }
	#contents ul.vision li div.img img { width:100%; }
	#contents ul.vision li div.cont { width:100%; margin:35px 0 0 0; }
	#contents ul.vision li div.cont h4 { padding:0; }
	#contents ul.vision li div.cont p { margin-top:30px; }
	#contents ul.vision li div.cont p em { display:inline; }
	#contents ul.vision li div.text { display:none; }
	#contents ul.group li { float:none; width:100%; margin:80px 0 0 0; }
	#contents ul.group li:nth-child(2n-1) { margin:80px 0 0 0; }
	#contents ul.tap { display:none; }
	#contents div.edu { padding-left:220px; }
	#contents div.edu ul.cont li { float:none; width:100%; }
	#contents ul.register li.line1 { width:100%; }
	#contents ul.register li.line2 { width:100%; margin-left:0; }
	#contents ul.register li.mail em { width:4.5%; }
	#contents ul.register li.mail input { width:31%; }
	#contents ul.register li.mail select { width:31%; margin-left:2.5%; }
	#contents div.viewcont { padding:75px 0; }
	#contents ul.adn { display:block; }
	#contents ul.adn li { float:none; width:auto; margin:40px 0 0 0; }
	#contents ul.adn li:first-child { margin:0; }
	#contents ul.function li { width:215px; }
	#contents ul.function li.plus { width:300px; margin:50px 0 0 40px; }
	#contents ul.function li:first-child { margin:50px 0 0 0; }

	#footer ul.sitemap { display:none; }
	#footer div.flogo { display:none; }
	#footer div.fmenu { margin:0; text-align:center; }
	#footer address { margin:20px 0 0 0; text-align:center; }
	#footer div.site { display:none; }
}

@media screen and (max-width:980px) {
	.wrap { width:750px; margin:0 auto; }


	#main div.visual div.text { width:750px; margin-left:-375px; }
	#main div.visual div.onoff { width:750px; margin-left:-375px; }

	#contents ul.notice li a { padding:45px 40px; background:none; }
	#contents ul.notice li a:hover { background:none; }
	#contents ul.notice li a div.date { position:static; margin-bottom:20px; transform:translate(0, 0); }
	#contents ul.notice li a div.date span { position:absolute; top:0; right:0; }
	#contents ul.data li a { padding:45px 40px; background:none; }
	#contents ul.data li a:hover { background:none; }
	#contents ul.data li a div.date { position:static; margin-bottom:20px; transform:translate(0, 0); }
	#contents ul.data li a div.date span { position:absolute; top:0; right:0; }
	#contents div.overview ul li { padding:75px 0 0 0; }
	#contents div.overview ul li div.logo { position:static; }
	#contents div.overview ul li p { margin-top:45px; }
	#contents div.contact ul { position:static; margin-top:55px; }
	#contents div.contact ul li { margin:0 20px 0 0; }
	#contents ul.function { display:block; }
	#contents ul.function li { float:none; width:auto; margin:50px 0 0 0; }
	#contents ul.function li.plus { width:auto; margin:50px 0 0 0; }
	#contents ul.function li p.tit em { display:inline; }
}

@media screen and (max-width:768px) {
	.wrap { width:auto; margin:0 20px; }

	#header { height:73px; }
	#header h1 { top:20px; left:20px; }
	#header h1 img { height:33px; }
	#header div.top { top:29px; right:67px; }
	#header div.top a { margin-left:0; font-size:12px; line-height:15px; }
	#header div.top a:first-child { display:none; }
	#header div.side { top:29px; }
	#header div.side a { width:27px; height:15px; background-size:27px 15px; }
	#header:hover #snb { display:none; }

	#header2 { height:73px; }
	#header2 h1 { top:20px; left:20px; }
	#header2 h1 img { height:33px; }
	#header2 div.top { top:29px; right:67px; }
	#header2 div.top a { margin-left:0; font-size:12px; line-height:15px; }
	#header2 div.top a:first-child { display:none; }
	#header2 div.side { top:29px; }
	#header2 div.side a { width:27px; height:15px; background-size:27px 15px; }
	#header2:hover div.side a { background-size:27px 15px; }
	#header2:hover #snb { display:none; }

	#main div.visual div.text { top:50%; left:20px; width:auto; margin-left:0; font-size:30px; line-height:39px; }
	#main div.visual div.text em { margin-top:20px; font-size:14px; line-height:23px; }
	#main div.visual div.onoff { bottom:170px; left:20px; width:auto; margin-left:0; }
	#main div.visual div.onoff a { margin-right:10px; width:30px; height:3px; }
	#main div.visual div.onoff a.pause { margin:-3px 0; }
	#main div.visual div.onoff a.pause img { height:9px; }
	#main div.visual div.img1 { height:550px; }
	#main div.visual div.img2 { height:550px; }
	#main div.visual div.img3 { height:550px; }
	#main h2 { margin-top:30px; padding-top:50px; font-size:28px; line-height:37px; background-size:1px 28px; }
	#main h2 em { font-size:22px; line-height:31px; }
	#main h3 { margin-top:60px; font-size:18px; line-height:27px; }
	#main h3 span { margin-bottom:30px; padding-top:10px; font-size:14px; line-height:23px; background-size:25px 1px; }
	#main div.solution div.arrow { position:static; margin:15px 0 20px 0; height:30px; }
	#main div.solution div.arrow a img { height:60px; }
	#main div.solution div.arrow a:hover img { margin-top:-30px; }
	#main div.solution div.arrow a:hover img { margin-top:-30px; }

	#main div.solution_slider { width:200%; margin-top:0; }
	#main div.solution_slider div.item { width:150px; margin-right:10px; }
	#main div.solution_slider div.item a p { font-size:15px; line-height:24px; }
	#main div.solution_slider div.item a p em { margin-top:5px; font-size:13px; line-height:20px; }
	#main div.solution_slider div.item.slick-on { width:150px; }
	#main div.solution_slider div.item.slick-on div.img img { margin-top:0; width: 100%;height: 100%; }
	#main div.solution_slider div.item.slick-on a p { font-size:15px; line-height:24px; }
	#main div.solution_slider div.item.slick-on a p em { font-size:13px; line-height:20px; }

	#main ul.solution { width:200%; margin-top:0; }
	#main ul.solution li { width:150px; margin-right:10px; }
	#main ul.solution li a p { font-size:15px; line-height:24px; }
	#main ul.solution li a p em { margin-top:5px; font-size:13px; line-height:20px; }
	#main ul.solution li.item.slick-on { width:150px; }
	#main ul.solution li.item.slick-on div.img img { margin-top:0; width: 100%;height: 100%; }
	#main ul.solution li.item.slick-on a p { font-size:15px; line-height:24px; }
	#main ul.solution li.item.slick-on a p em { font-size:13px; line-height:20px; }
	/*
	#main ul.solution li:nth-child(3) { width:150px; }
	#main ul.solution li:nth-child(3) a p { font-size:15px; line-height:24px; }
	#main ul.solution li:nth-child(3) a p em { font-size:13px; line-height:20px; }
	*/

	#main div.solution-owl { width:200%; margin-top:0; }
	#main div.solution-owl li.item { width:150px; margin-right:10px; }
	#main div.solution-owl li.item a p { font-size:15px; line-height:24px; }
	#main div.solution-owl li.item a p em { margin-top:5px; font-size:13px; line-height:20px; }
	#main div.solution-owl li.item:nth-child(3) { width:150px; }
	#main div.solution-owl li.item:nth-child(3) a p { font-size:15px; line-height:24px; }
	#main div.solution-owl li.item:nth-child(3) a p em { font-size:13px; line-height:20px; }

	#main ul.company { margin-top:35px; }
	#main ul.company li { float:none; width:100%; }
	#main ul.company li a { height:240px; }
	#main ul.company li a h4 { margin-top:65px; padding-bottom:20px; font-size:18px; line-height:27px; background-size:25px 1px; }
	#main ul.company li a p { margin-top:20px; font-size:13px; line-height:22px; }
	#main ul.news { margin-top:35px; }
	#main ul.news li a { padding:15px 0; font-size:15px; line-height:24px; }
	#main ul.news li a span { margin-bottom:5px; font-size:15px; line-height:24px; }
	#main ul.news li a em { display:none; }
	#main div.more { margin-top:35px; }
	#main div.more a { font-size:15px; line-height:24px; }
	#main div.more a img { height:10px; margin-left:10px; }
	#main div.more a:hover img { margin-left:20px; }
	#main div.advice { height:240px; margin-top:55px; }
	#main div.advice div.cont { width:100%; }
	#main div.advice div.cont p { font-size:13px; line-height:22px; }
	#main div.advice div.cont p strong { margin-bottom:10px; font-size:18px; line-height:27px; }
	#main div.advice div.cont a { margin-top:25px; padding:0 40px; font-size:14px; line-height:37px; }
	#main div.advice div.cont a:hover { padding:0 60px; }

	#visual div.sub-visual {overflow:hidden; height:240px;}
	#visual div.sub1 { height:240px; }
	#visual div.sub2 { height:240px; }
	#visual div.sub3 { height:240px; }
	#visual div.sub4 { height:240px; }
	#visual h2 { margin-top:95px; font-size:40px; line-height:50px; }
	#visual div.snb { padding:0 0 10px 0; }
	#visual div.snb a { margin:10px 8px 0 0; padding:5px 15px; font-size:13px; line-height:22px; }

	.idxlink { margin-top:35px; }
	.idlk li { font-size:14px; }
	.idlk li a { padding-left:20px; line-height:43px; }
	.menu { padding-left:20px; font-size:14px; line-height:43px; }
	.menu div.bullet { position:absolute; right:20px; top:18px; }

	#contents { margin-bottom:80px; }
	#contents h3 { margin-top:35px; padding-top:0; font-size:26px; line-height:35px; background:none; }
	#contents h4 { margin:45px 0 5px 0; padding-left:12px; font-size:18px; line-height:27px; background-size:2px 17px; }
	#contents h5 { margin-top:35px; font-size:16px; line-height:25px; }
	#contents h5 em { display:block; }
	#contents h5.f5 { font-size:18px; line-height:27px; }
	#contents h5 em { font-weight:400; }
	#contents p.explain { margin:25px 0 -15px 0; font-size:15px; line-height:24px; }
	#contents div.greeting { margin-top:30px; font-size:13px; line-height:22px; }
	#contents div.greeting span { margin-bottom:20px; font-size:18px; line-height:27px; }
	#contents div.secuwave { margin:55px 0 -80px 0; }
	#contents div.map { margin-top:35px; }
	#contents ul.add { margin-top:20px; }
	#contents ul.add li ul li { margin-top:5px; padding-left:90px; font-size:13px; line-height:22px; }
	#contents ul.add li ul li span img { height:18px; margin:2px 10px 2px 0; }
	#contents ul.add li ul li a { line-height:22px; }
	#contents ul.vision { margin-top:0; }
	#contents ul.vision li { margin-top:55px; }
	#contents ul.vision li div.cont { margin:25px 0 0 0; }
	#contents ul.vision li div.cont h4 { font-size:22px; line-height:31px; }
	#contents ul.vision li div.cont p { margin-top:20px; font-size:13px; line-height:22px; }
	#contents div.group { margin-top:35px; padding-bottom:40px; }
	#contents ul.group { margin-top:5px; }
	#contents ul.group li { margin:35px 0 0 0; }
	#contents ul.group li:nth-child(2n-1) { margin:35px 0 0 0; }
	#contents ul.group li div.logo { padding:20px; }
	#contents ul.group li div.logo img { height:60px; }
	#contents ul.group li p.tit { margin-top:20px; font-size:16px; line-height:25px; }
	#contents ul.group li p.txt { margin-top:15px; font-size:13px; line-height:22px; }
	#contents ul.group li a { margin-top:20px; width:120px; font-size:12px; line-height:37px; padding-left:15px; background:url('/assets/kr/images/company/site_off.png') no-repeat right 15px center; }
	#contents ul.group li a:hover { background:url('/assets/kr/images/company/site_on.png') no-repeat right 15px center; background-color:#13adff; }
	#contents div.academy { margin:40px 0 35px 0; padding:85px 0; font-size:22px; line-height:30px; }
	#contents p.secu { margin-top:20px; font-size:13px; line-height:22px; }
	#contents p.secu2 { margin-top:30px; font-size:15px; line-height:24px; }
	#contents div.edu { margin-top:35px; padding-left:0; border-top:1px solid #94a3b8; }
	#contents div.edu div.icon { display:none; }
	#contents div.edu ul.cont li { margin-top:30px; }
	#contents div.edu ul.cont li p.tit { font-size:16px; line-height:25px; }
	#contents div.edu ul.cont li ul.txt { margin-top:15px; }
	#contents div.edu ul.cont li ul.txt li { padding-left:11px; font-size:13px; line-height:22px; background:url('/assets/kr/images/solution/bullet2.png') no-repeat left 10px; background-size:3px; }
	#contents ul.register { margin-top:35px; }
	#contents ul.register li { margin-top:15px; }
	#contents ul.register li h4 { padding-left:0; background:none; }
	#contents ul.register li.tit { margin-top:35px; }
	#contents ul.register li.mail em { font-size:13px; line-height:42px; }
	#contents ul.register li p { margin-bottom:10px; font-size:14px; line-height:23px; }
	#contents ul.register li input { height:42px; padding-left:15px; font-size:13px; border-radius:5px; }
	#contents ul.register li select { height:42px; padding-left:10px; font-size:13px; border-radius:5px; }
	#contents ul.register li textarea { height:140px; padding:10px 15px; font-size:13px; border-radius:5px; }
	#contents div.pi { height:140px; padding:10px 15px; font-size:12px; line-height:21px; border-radius:5px; }
	#contents div.pi strong { margin-bottom:5px; }
	#contents div.pi a { margin-left:8px; padding:0 8px; font-size:11px; line-height:22px; }
	#contents div.pi table { margin:15px 0; }
	#contents div.pi table th { padding:10px 5px; font-size:12px; line-height:17px; }
	#contents div.pi table td { padding:10px 5px; font-size:12px; line-height:17px; }
	#contents div.agree { margin-top:10px; font-size:13px; line-height:22px; }
	#contents div.agree input { width:16px !important; height:16px !important; margin:3px 8px 3px 0; }
	#contents div.button { margin-top:40px; }
	#contents div.button a { width:120px; margin:0 5px; font-size:13px; line-height:42px; border-radius:5px; }
	#contents div.button button { width:120px; margin:0 5px; font-size:13px; line-height:42px; border-radius:5px; }
	#contents ul.notice { margin-top:35px; border-top:1px solid #222; }
	#contents ul.notice li a { padding:15px; }
	#contents ul.notice li a div.date { margin-bottom:10px; font-size:13px; line-height:22px; }
	#contents ul.notice li a div.date span { width:58px; font-size:12px; line-height:22px; }
	#contents ul.notice li a p.tit { height:24px; font-size:15px; line-height:24px; }
	#contents ul.notice li a p.txt { height:22px; margin-top:5px; font-size:13px; line-height:22px; }
	#contents ul.data { margin-top:35px; border-top:1px solid #222; }
	#contents ul.data li a { padding:15px; }
	#contents ul.data li a div.date { margin-bottom:10px; font-size:13px; line-height:22px; }
	#contents ul.data li a div.date span { width:58px; font-size:12px; line-height:22px; }
	#contents ul.data li a p.tit { height:24px; font-size:15px; line-height:24px; }
	#contents div.paging { margin-top:40px; }
	#contents div.paging a { width:24px; margin:0 3px; font-size:13px; line-height:24px; }
	#contents div.paging a.btn { margin:0 0; }
	#contents div.paging a.btn img { height:24px; }
	#contents div.viewtop { margin-top:40px; padding:15px 0 20px 0; }
	#contents div.viewtop p.classify { margin:5px 0 10px 0; }
	#contents div.viewtop p.classify span { margin-right:5px; padding:0 15px; font-size:12px; line-height:25px; }
	#contents div.viewtop p.date { top:20px; font-size:12px; line-height:25px; }
	#contents div.viewtop p.tit { font-size:15px; line-height:24px; }
	#contents div.viewtop p.period { margin-top:10px; font-size:12px; line-height:21px; }
	#contents div.viewtop p.period em { margin-right:10px; }
	#contents div.viewtop p.period strong { margin-right:5px; }

	#contents div.file-sheets { padding:8px 0 8px 0; font-size:12px; line-height:21px; }

	#contents div.viewcont { padding:20px 0; }
	#contents div.viewcont div.img { margin:5px 0 25px 0; }
	#contents div.viewcont div.img em { margin-top:15px; font-size:12px; line-height:19px; }
	#contents div.viewcont p { font-size:13px; line-height:20px; }
	#contents ul.post { margin-top:40px; }
	#contents ul.post li { padding-left:0; }
	#contents ul.post li div { position:static; width:auto; padding:12px 0 0 0; font-size:13px; font-weight:600; line-height:22px; text-align:left; background:none; }
	#contents ul.post li a { padding:5px 0 12px 0; font-size:13px; line-height:20px; }
	#contents div.overview { margin:0; padding:0; background:none; }
	#contents div.overview ul { margin-top:10px; padding:0; }
	#contents div.overview ul li { margin-top:25px; padding:25px 0 0 0; }
	#contents div.overview ul li div.logo img { height:40px; }
	#contents div.overview ul li p { margin-top:25px; font-size:13px; line-height:22px; }
	#contents div.overview ul li ul { margin-top:20px; }
	#contents div.overview ul li ul li { margin:10px 0 0 0; font-size:13px; line-height:22px; }
	#contents div.overview ul li ul li strong { margin-bottom:5px; font-size:14px; line-height:23px; }
	#contents div.contact ul { height:50px; margin-top:25px;}
	#contents div.contact ul li { margin:0 10px 0 0; }
	#contents div.contact ul li a img { height:100px; }
	#contents div.contact ul li a:hover img { margin-top:-50px; }
	#contents div.contact ul li a div { margin-left:10px; padding:5px 0; font-size:14px; line-height:20px; }
	#contents div.contact ul li a div strong { line-height:20px; }
	#contents ul.adn { margin-top:25px; }
	#contents ul.adn li { margin:20px 0 0 0; padding:20px 25px; border-radius:0; }
	#contents ul.adn li p { font-size:16px; line-height:25px; }
	#contents ul.adn li ul { margin-top:10px; }
	#contents ul.adn li ul li { float:none; width:auto; margin:0; padding:0 0 0 14px; font-size:12px; line-height:21px; }
	#contents ul.function li { margin:20px 0 0 0; padding:25px 20px; }
	#contents ul.function li.plus { margin:20px 0 0 0; }
	#contents ul.function li:first-child { margin:20px 0 0 0; }
	#contents ul.function li div.icon img { height:45px; }
	#contents ul.function li p.tit { margin-top:15px; padding-bottom:15px; font-size:16px; line-height:25px; background:url('/assets/kr/images/solution/function_line.jpg') no-repeat center bottom; }
	#contents ul.function li p.txt { margin-top:15px; font-size:13px; line-height:20px; }
	#contents div.diagram { margin-top:40px; padding:30px 10px; border:4px solid #f4f6f9; }

	#footer { padding:35px 0; }
	#footer div.fmenu a { margin-left:10px; font-size:13px; line-height:22px; }
	#footer address { margin:20px 0 0 0; font-size:13px; line-height:20px; }
	#footer address em { display:block; width:0; height:0; background:none; }
	#footer address span { margin-top:10px; font-size:12px; line-height:19px; }
}

@media screen and (max-width:480px) {
	.wrap { width:auto; margin:0 20px; }

}