@charset "utf-8";
/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}

/* contents */ 
.wr{max-width:1280px; margin:0 auto; } 

/* css setting end */

/* 박스 스타일 */
.w-box {background:#fff;border:1px solid #ddd;overflow:hidden;position:relative; padding:20px}
.g-box {background:#f8f8f8;border:1px solid #ddd;overflow:hidden;position:relative;padding:20px}



/* info-ex 스타일 */
.info-box {box-sizing:border-box;position:relative}
.info-box:before,
.info-box:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;box-sizing:border-box}
.info-box:before {height:2px;background:#8594ac;z-index:1}
.info-box:after {height:100%;border:1px solid #eaeaea;z-index:0}
.info-box .infoTit {display:block;font-size:1.176em;font-weight:500;color:#2655ae}
.info-box .inner {display:block;box-sizing:border-box;position:relative;padding:36px 20px 36px 107px;z-index:2}
.info-box .inner:before {content:"";display:block;position:absolute;width:46px;height:59px;background:url(../../images/style_spr.png) no-repeat 0 -81px;left:40px;top:21px}
.info-ex01,
.info-ex02,
.info-ex03 {display:block;position:relative;line-height:1.4;padding:4px 0 5px 45px;margin:5px 10px 0 0}
.info-ex01.inline,
.info-ex02.inline,
.info-ex03.inline {display:inline-block}
.info-ex01:before,
.info-ex02:before,
.info-ex03:before {content:"";display:block;position:absolute;left:0;top:0;width:30px;height:30px}
.info-ex01:before {background:#e7ecf5}
.info-ex02:before {background:#547fce}
.info-ex03:before {background:#3083c8}
.info-ex01:after,
.info-ex02:after,
.info-ex03:after {content:"";display:block;position:absolute;left:13px;top:10px;width:4px;height:11px;background:url(../../images/style_spr.png) no-repeat -76px -81px}
.info-ex01:after {background-position:-76px -81px}
.info-ex02:after {background-position:-86px -81px}
.info-ex03:after {background-position:-86px -81px}


/* 반응형 테이블 안내창 */
.wauto-wrap {position:relative}
.is-wauto-box {position:relative;width:100%; overflow-x: initial;/* padding-top:10px;*/}
.is-wauto-box > table {min-width:720px}
.rsv-info {display:none}

@media all and (max-width:1024px) {
.login-wrap {display:none}


}

@media all and (max-width:768px) {
	.is-wauto-box {overflow-x: scroll; padding-top:0}
	.rsv-info {display:block;position:relative;text-align:center; padding-top:50px;}
	.rsv-info .ico {display:inline-block;position:relative;padding:21px 59px;line-height:1.3;letter-spacing:0;font-size:16px}
	.rsv-info .ico:before,
	.rsv-info .ico:after {content:"";display:block;position:absolute;width:34px;height:15px;top:24px;background:url(../../images/style_spr.png) no-repeat}
	.rsv-info .ico:before {left:0;background-position:-56px -118px}
	.rsv-info .ico:after {right:0;background-position:-100px -118px}

	.rsv-info .ico {font-size:16px}
	
	
}
@media all and (max-width:499px) {
	.rsv-info .ico {font-size:14px;padding:15px 59px;}
	.rsv-info .ico:before,
	.rsv-info .ico:after {top:17px}
}
@media all and (max-width:399px) {
	.rsv-info .ico:before,
	.rsv-info .ico:after {top:15px}
}
/****************************************** header ******************************************/ 
.sec-header{position:fixed; top:0; left:0; z-index:9; height:100px;   text-align:center;  transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden;} 
 
/* mouseover */
.sec-header.on{background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
.sec-header.on .logo{background-image:url(../../images/logo-b.png);}
.sec-header.on .nav:after{display:none;}
.sec-header.on .nav > li > h2 a{color:#333;}  
.sec-header.on .login-wrap > li > a{color:#333;}
.sec-header .logo{display: block; width:125px; height:62px; background: url(../../images/logo.png) no-repeat 50%; position:absolute; left:50px; top:20px;}   
.sec-header:after{opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.sec-header:before{content:''; width:100%; height:100px; background:#fff; position:absolute; top:0; right:0; z-index:-1; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.sec-header.active:after{content:''; width:320px; height:100px; background:url(../../images/nav-bg.png) no-repeat; position:absolute; bottom:0; right:12%; z-index:-2; opacity:1;} 
.sec-header.active:before{opacity:1;}


/* login */
ul.login-wrap{
    position: absolute;
    top:0;
    right:120px;
}

ul.login-wrap li{
    float: left;
}

ul.login-wrap li a {
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    line-height: 100px;
}

/* menu */
.nav{display:inline-block;}
.nav:after{content:''; width:100%; height:1px; background:rgba(255,255,255,0.15); position:fixed; left:0; top:100px;}
.nav h2{font-weight:400; cursor:pointer;}
.nav h3{font-weight:400;}
.nav > li{float:left; width:200px} 
.nav > li h2 a{color:#fff; font-size:18px; padding:0 35px; line-height:100px;}
.nav > li h2 a:hover {color:#000;}
.nav > li h3{color:#000; font-size:18px; font-weight:500;}  
.nav > li h3 a{ transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;}
.nav > li h3 a:hover{color:#014099;}
.nav > li > a{color:#666; font-size:16px;} 
.nav > li > ul{width:100%; height:0; padding:0; overflow:hidden; width:100%; position:absolute; top:100px; left:0; text-align:center; }
.nav > li > ul > li{ display:inline-block; text-align:left; padding:0 35px; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.nav > li > ul > li > h3{margin:0 0 20px;}
.nav > li > ul > li > a{display:block; padding:5px 0; transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; color:#666;}
.nav > li > ul > li > a:hover{color:#014099;}   
.nav > li.open h2{position:relative; }
.nav > li.open h2:after{content:''; width:6px; height:6px; background:#2a58a6; border-radius:50%; position:absolute; left:50%; top:25px; margin-left:-3px}
.nav > li.open .depth-1{height:80px;}
.nav > li.open .depth-2{height:80px;}
.nav > li.open .depth-3{height:80px;}
.nav > li.open .depth-4{height:80px;}
.nav > li.open .depth-5{height:80px;}
.nav > li.open ul{padding:30px; border-top:1px solid #eee;}
.nav > li.open ul > li{ opacity:1;}

/* sitemap */
.btn-category {position:absolute; top:36px; right:50px; width:40px; height:24px; cursor:pointer}
.btn-category .bar {position: absolute; left:0; width:100%; width:100%; height:2px; border:0; background:#fff; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
.on .btn-category .bar{background:#000;}
.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
.btn-category .bar:nth-child(2) {top:11px; opacity:1}
.btn-category .bar:nth-child(3) {top:22px; transform:rotate(0)} 
.btn-category.map{ right:67px;}
.btn-category.map .bar {background:#000; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.btn-category.map .bar:nth-child(1) {top:11px; background:#000; transform:rotate(-45deg)}
.btn-category.map .bar:nth-child(2) {opacity:0}
.btn-category.map .bar:nth-child(3) {top:11px; background:#000; transform:rotate(45deg)}
   
#sitemap{position:fixed; top:100px; right:-100%; width:100%; height:calc(100% - 100px); background:#fff; padding:50px 20px; z-index:10;transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; overflow-y:auto;}
#sitemap > ul{max-width:1280px; overflow:hidden; margin:0 auto;}
#sitemap > ul > li{float:left; width:25%; padding:0 10px;}
#sitemap > ul > li h2{font-size:24px; color:#2a58a6; border-bottom:1px solid #CCC; padding-bottom:10px}
#sitemap > ul > li h3{font-size:18px; color:#333; font-weight:500; margin:0 0 10px}
#sitemap > ul > li > ul > li{margin:30px 0;}
#sitemap > ul > li > ul > li > a{color:#999; font-size:16px;  padding:7px 0; display:block;}
#sitemap > ul > li h3 > a:hover{color:#014099;}
#sitemap > ul > li > ul > li > a:hover{color:#014099;} 
#sitemap.open{right:0;}
.sec-header.stm-hd{background:#fff;}
.sec-header.stm-hd .logo{background-image:url(../../images/logo-b.png);}
.sec-header.stm-hd .nav{display:none;}
.sec-header.stm-hd .lang{display:none;} 
.scr{overflow-y:hidden;} 
.lang{position:absolute; top:39px; right:10%;}
.lang a{color:#fff; font-size:15px; margin:0 10px; display:inline-block; position:relative; opacity:.5;} 
.lang a.active{opacity:1;}
.lang a.active:before{content:''; width:100%; height:2px; position:absolute; bottom:-2px; left:0; background:#fff;}
.sec-header.on .lang a{color:#333;}
.sec-header.on .lang a.active:before{ background:#333;}

/* quick */
.quick-menu{position:fixed; right:20px; bottom:20px; width:60px; opacity:0; transition:all ease .6s; z-index:8; visibility: hidden;}
.quick-menu.on{opacity:1;visibility: visible;}
.quick-menu a{cursor:pointer; margin:10px 0 0; display:block;}
.quick-menu .qm-cu{background:#2a58a6; color:#000; border-radius:50%; text-align:center; font-size:13px; width:60px; height:60px; padding:18px 0 0; line-height:1.2; font-weight:500;}


@media screen and (max-width:1240px){
	.pc-only{display: none;}
	#main .main-bn {padding:90px 0 !important}
}

/****************************************** main ******************************************/  
#main .cont-wr{padding:120px 20px 150px; }
#main .main-tit{font-size:55px; text-transform:uppercase; color:#333; font-weight:900; text-align:center; line-height:1.3; margin:0 0 60px;}
#main .main-tit small{color:#585858; font-size:16px;  display:block; font-weight:400; margin:20px 0;}
.f_white {color:#fff !important}

/* main-visual */
#main .main-slide { width: 100%; height: 100%; overflow: hidden; display: block; z-index: 0; position:relative; }
#main .main-bg-1 {width:100%;  position:absolute; top:0; left:0;   height: 100%; overflow:hidden; display:block; }
#main .main-bg-2 {width:100%;  position:absolute; top:0; left:0;    height: 100%; overflow:hidden; display:block; } 
#main .main-bg-1 .m-bg{  background: url(../../images/main-visual-1.jpg) no-repeat 50% 50%;  background-size: cover;}
#main .main-bg-2 .m-bg{  background: url(../../images/main-visual-2.jpg) no-repeat 50% 50%;  background-size: cover;} 
#main .main-slide .slick-slide .m-bg {position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition: transform 3s ease-out, opacity 1s ease 0.3s;
    transition: transform 3s ease-out, opacity 1s ease 0.3s;
}
#main .slide-active.main-bg-1.slick-slide.slick-current.slick-active.active .m-bg{
    opacity: 1;
    -ms-transform: scale(1, 1) rotate(.001deg);
    -webkit-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) rotate(.001deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

#main .slide-active.main-bg-2.slick-slide.slick-current.slick-active.active .m-bg{
    opacity: 1;
    -ms-transform: scale(1, 1) rotate(.001deg);
    -webkit-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) rotate(.001deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
  
#main .slide-active.slick-slide.slick-current.slick-active.active .cont {
width:100%;
max-width:1280px;
margin:0 auto;
z-index:2;
text-align:center;
position:absolute;
top:50%; left:50%;
display:block;
transform:translate(-50%, -50%);} 

#main .main-slide {
	width: 100%;
	overflow: hidden;
}
#main .main-slide .slick-dots {bottom:300px; z-index:4; display:none;}
 
@keyframes scale{
    0%{
        background-size:100%;transition: background-size 2s ease-in;
    -moz-transition: background-size 2s ease-in;
    -web-kit-transition: background-size 2s ease-in
    }
    100%{
        background-size:120%;transition: background-size 2s ease-in;
    -moz-transition: background-size 2s ease-in;
    -web-kit-transition: background-size 2s ease-in
    }
} 
#main .main-visual{position:relative; height:100vh;}
#main .main-visual .slide-text{position:absolute; top:50%; transform:translateY(-50%); width:100%; z-index:1; text-align:center} 
#main .main-visual .slide-text p{color:#fff; font-size:40px; font-weight:300; line-height:1.4; letter-spacing:-0.02em; }
#main .main-visual .slide-text p b{display:block; font-weight:bold; line-height:1.4; font-size:70px; text-shadow:2px 2px 2px rgba(0,0,0,.3)}
#main .main-visual .slide-text span {color:#fff; font-size:18px; font-weight:300; line-height:1.4; display:block; margin-top:15px}
#main .main-visual .slide-text a{color:#fff; display:inline-block; margin:60px 0 0; transition:all ease .5s; -webkit-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s;}
#main .main-visual .slide-text img{ vertical-align:middle; margin-left:20px; }
#main .main-visual .slide-text a:hover{padding-left:10px;}  
#main .main-slide .slick-arrow{content:''; width:40px; height:77px; position:absolute; top: 50%; transform:translateY(-50%); z-index:99; opacity:.5;} 
#main .main-slide .slick-arrow:hover{opacity:1;}
#main .main-slide .slick-next{background:url('../../images/btn/mv-arr-next.png') no-repeat center center; right:50px; }
#main .main-slide .slick-prev{background:url('../../images/btn/mv-arr-prev.png') no-repeat center center; left:50px;} 
#main .visual-notice{width:100%; right:0; position:absolute; bottom:0; }
#main .visual-notice .wr{background:rgba(0,0,0,0.6); overflow:hidden;} 
#main .visual-notice:after{content:''; width:calc(50% - 640px); height:100%; right:0; position:absolute; top:0; background:rgba(0,0,0,0.6);}  
#main .visual-notice h3{padding:20px; color:#fff; float:left; max-width:130px;}
#main .visual-notice ul li a{white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; display:block; color:#fff; font-weight:300;}
#main .bbs-slider{ padding:20px; float:left; width:calc(100% - 130px); padding-right:100px;}
#main .bbs-slider .slick-arrow{width:9px; height:8px; top:20px; right:0; margin-left:0; left:auto; transform:none; opacity:0.5;}
#main .bbs-slider .slick-arrow:hover{opacity:1;}
#main .bbs-slider .slick-next{background:url('../../images/btn/tr-arr-down.png') no-repeat center center; bottom:20px; top:auto;}
#main .bbs-slider .slick-prev{background:url('../../images/btn/tr-arr-up.png') no-repeat center center; top:20px; }
#main .slick-prev:before, #main .slick-next:before{display:none;} 

#main .main-visual .scrollBtn { width:24px; height:53px; position: absolute; bottom: 50px; left: 50%; margin-left:-12px;  z-index: 2; display: inline-block;  background:url('../../images/scroll.png') no-repeat center center; -webkit-animation: s_btn 1.5s infinite; animation: s_btn 1.5s infinite;}
#main .main-visual .scrollBtn:hover { opacity: .5; }
@-webkit-keyframes s_btn {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 10px);
    opacity: 0;
  }
}
@keyframes s_btn {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 10px);
    opacity: 0;
  }
}
#cont01 {background:url('../../images/bg_cont_main01.png') no-repeat center center / cover;} 



/* cont 01 */
#main .cont-01{} 
#main .cont-01 ul{overflow:hidden;}
#main .cont-01 ul li{float:left; width:23%; margin-right:2%;  text-align:left; transition:all ease .3s; -webkit-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; }
#main .cont-01 ul li a{display:block; min-height:390px; padding:30px ;  transition:all ease .3s; -webkit-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; position:relative;}
#main .cont-01 ul li h4{font-size:24px; color:#fff; line-height:1.2; min-height:50px; margin:30px 0 10px; position:absolute; bottom:0; font-weight:300}
#main .cont-01 ul li p{font-size:15px; color:#666;}
#main .cont-01 ul li:nth-child(1) {background:url('../../images/img_cont01_1.jpg') no-repeat center center; background-size:cover; margin-top:75px;} 
#main .cont-01 ul li:nth-child(2) {background:url('../../images/img_cont01_2.jpg') no-repeat center center; background-size:cover; margin-top:120px;} 
#main .cont-01 ul li:nth-child(3) {background:url('../../images/img_cont01_3.jpg') no-repeat center center; background-size:cover; } 
#main .cont-01 ul li:nth-child(4) {background:url('../../images/img_cont01_4.jpg') no-repeat center center; background-size:cover; margin-right:0; margin-top:75px;} 

#main .cont-01 ul li:nth-child(1):hover {background:url('../../images/img_cont01_1_over.jpg') no-repeat center center; background-size:cover;} 
#main .cont-01 ul li:nth-child(2):hover {background:url('../../images/img_cont01_2_over.jpg') no-repeat center center; background-size:cover;} 
#main .cont-01 ul li:nth-child(3):hover {background:url('../../images/img_cont01_3_over.jpg') no-repeat center center; background-size:cover;} 
#main .cont-01 ul li:nth-child(4):hover {background:url('../../images/img_cont01_4_over.jpg') no-repeat center center; background-size:cover;} 

/* cont 02 */
#main .cont-02 .alli-slider div{ overflow:hidden;}
#main .cont-02 .alli-slider a{display:block; float:left; width:23.5%; margin-left:2%; border:1px solid #ddd; margin-bottom:2%;} 
#main .cont-02 .alli-slider a:nth-child(4n+1){margin-left:0; clear:both;}
#main .alli-slider .slick-arrow{content:''; width:60px; height:60px; position:absolute; top: 50%; transform:translateY(-50%); z-index:3; opacity:.5;} 
#main .alli-slider .slick-arrow:hover{opacity:1;}
#main .alli-slider .slick-next{background:url('../../images/btn/alli-arr-next.png') no-repeat center center; right:-100px;}
#main .alli-slider .slick-prev{background:url('../../images/btn/alli-arr-prev.png') no-repeat center center; left:-100px;} 

 
/* cont 03 */
#main .cont-03{background:#f5f5f5;} 
#main .cont-03 ul{overflow:hidden;}
#main .cont-03 ul li{float:left; width:31.3333%; margin-right:3%;  text-align:center;}
#main .cont-03 ul li:last-child{margin-right:0;}
#main .cont-03 ul li a{display:block; overflow:hidden;}
#main .cont-03 .img{padding-bottom:70%; background-size:cover; background-position:center center;  transition:all ease .6s; overflow:hidden;}
#main .cont-03 ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
#main .cont-03 .box{ background:#fff; padding:40px 30px; text-align:left; position:relative; z-index:2; border-top:1px solid #eee;} 
#main .cont-03 .box h4{font-size:24px; height:72px; color:#333;  margin:10px 0; font-weight:400; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
#main .cont-03 .box p{font-size:15px; color:#666; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; height:44px;}
#main .cont-03 .box strong{font-size:15px; color:#0075bf;}
#main .cont-03 ul li:hover .box h4{text-decoration:underline; text-underline-position:under;}

#main .main-bn{background:url('../../images/main-bn-bg.jpg') no-repeat center center / cover; padding:200px 20px; text-align:center; background-attachment:fixed}

.main-bn a{ border:3px solid #fff; font-size:15px; display:block; max-width:200px; width:100%; margin:20px auto 0; color:#fff; border-radius:50px; padding:8px 0; font-weight:500; transition:all ease .5s; -webkit-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s;}
.main-bn a:hover{background:#2a58a6; color:#fff;}

#sub .main-bn{background:url('../../images/sub/sub-bn-bg.jpg') no-repeat center center / cover; padding:100px 20px; text-align:center;}

/****************************************** footer ******************************************/ 
.sec-footer{background:#222; color:#999; font-size:14px; padding:20px 20px 50px;}

.ft-link{padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.1);}
.ft-link a{display:inline-block; margin-right:20px; color:#999;}
.ft-link a:first-child{color:#fff; font-weight:400;}
.ft-info{padding:20px 0; position:relative;}
.ft-info .copy{margin:10px 0 0;}
.ft-info p span{color:#666;}
.family-site{position:absolute; right:0; top:20px; z-index:2;}
.family-site p{padding:15px 100px 15px 15px; border:1px solid #999; cursor:pointer; background:url(../../images/btn/sel-arr.png) no-repeat right 15px center;}
.family-site ul{background:#fff; position:absolute; bottom:53px; width:100%; padding:10px 0; display:none; border: 1px solid #ddd;}
.family-site ul li a{display:block; padding:7px 20px; color:#999; font-weight:300;}
.family-site ul li a:hover{color:#333;}



/****************************************** sub ******************************************/ 
.sub-visual{width:100%; position:relative;  overflow:hidden;}
.sub-visual:after{ 
	content:'';
	width:100%; 
	height:100%;
	position:absolute; left:0; top:0; z-index:-1;
	 background-size:cover; background-position:center center; 
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.4s; -webkit-animation-delay: 0.4s;
	animation-name:visual-zoom; -webkit-animation-name:visual-zoom;
}
.subv-1:after{background-image:url('../../images/sub/sub-visual-1.jpg');}
.subv-2:after{background-image:url('../../images/sub/sub-visual-2.jpg');}
.subv-3:after{background-image:url('../../images/sub/sub-visual-3.jpg');}
.subv-4:after{background-image:url('../../images/sub/sub-visual-4.jpg');}
.subv-5:after{background-image:url('../../images/sub/sub-visual-5.jpg');}
.sub-visual h1{font-size:50px; color:#fff; padding:200px 20px; text-align:center; font-weight:500;}
.sub-visual h1 span,
.sub-visual h1 p{
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s; -webkit-animation-delay: 0.3s;
	animation-name:visual-tit; -webkit-animation-name:visual-tit;
}
 
.sub-visual h1 p {animation-delay: 0.8s; -webkit-animation-delay: 0.8s;} 

@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}


.sub-visual h1 p{font-size:18px; font-weight:300; margin:10px 0 0;}
.sub-depth-1{position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.6); width:100%;}
.sub-depth-1 ul{max-width:1280px; width:100%; margin:0 auto; overflow:hidden;}
.sub-depth-1 li{float:left; } 
.sub-depth-1 li:only-child { width: 100%; }                          /* 메뉴가 하나일 때 선택 */
.sub-depth-1 li:first-child:nth-last-child(2),                       /* 메뉴가 둘 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(2)+li { width: 50%;  }     /* 메뉴가 둘 일 때, 2번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(3),                       /* 메뉴가 셋 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 메뉴가 셋 일 때, 2~3번째 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(4),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(4)~li { width: 25%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(5),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(5)~li { width: 20%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */ 
.sub-depth-1 li:first-child:nth-last-child(6),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(6)~li { width: 16.66%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */ 
.sub-depth-1 li:first-child:nth-last-child(7),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(7)~li { width: 14.28%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */ 

.sub-depth-1 li a{display:block; color:#fff; text-align:center; line-height:70px; position:relative; transition:all ease .4s; -webkit-transition:all ease .4s; -ms-transition:all ease .4s; -o-transition:all ease .4s; font-size:18px;} 
.sub-depth-1 li a:hover{color:#2a58a6;}
.sub-depth-1 li.active a{background:#2a58a6; color:#fff; font-weight:500; }
.sub-depth-1 li a:before{content:''; width:1px; height:12px; background:rgba(255,255,255,0.2); position:absolute; right:0; top:50%; margin-top:-6px;}
.sub-depth-1 li:last-child a:before,
.sub-depth-1 li.active a:before{display:none;}
.sub-depth-2{text-align:center; border-bottom:1px solid #ddd;}
.sub-depth-2 a{display:inline-block; line-height:70px; margin:0 20px; padding:0 10px; font-size:18px; color:#666; position:relative;}
.sub-depth-2 a.active{ color:#333;}
.sub-depth-2 a.active:after{content:''; width:0; height:3px; background:#2a58a6; position:absolute; left:50%; bottom:-1px; 
	animation-duration: 0.3s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s; -webkit-animation-delay: 0.3s;
	animation-name:sub-tab-line; -webkit-animation-name:sub-tab-line;
}

@keyframes sub-tab-line {
	0% {width:0%; left:50%;}
	100% {width:100%; left:0;}
}
@-webkit-keyframes sub-tab-line {
	0% {width:0%; left:50%;}
	100% {width:100%; left:0;}
}





.personal > div{position: relative}
.personal > div > div{position: static}
.personal > div > div button{position: absolute; right: 40px; top: 40px}

.ser_pop > div{position: relative}
.ser_pop > div > div{position: static}
.ser_pop > div > div button{position: absolute; right: 40px; top: 40px}



.personal {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;left: 0;z-index: 999;display: none}
.personal.on{display: block}
.personal > div{width: 1000px;margin: 0 auto;height: 500px;}
.personal > div >div{padding: 70px 50px;background: #fff;margin: 100px 0;overflow-y: scroll;height: 500px;position: relative}
.personal > div >div p{font-size: 16px;letter-spacing: -0.5px;color: #333;line-height: 30px;margin-top: 10px;}
.personal > div >div button{border: none;background: none;float: right}


.ser_pop {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;left: 0;z-index: 999;display: none}
.ser_pop.on{display: block}
.ser_pop > div{width: 1000px;margin: 0 auto;height: 500px;}
.ser_pop > div >div{padding: 70px 50px;background: #fff;margin: 100px 0;overflow-y: scroll;height: 500px;position: relative}
.ser_pop > div >div p{font-size: 16px;letter-spacing: -0.5px;color: #333;line-height: 30px;margin-top: 10px;}
.ser_pop > div >div button{border: none;background: none;float: right}



@media (max-width: 1100px){
	.personal > div{width: 80%}
	.personal > div > div{padding: 30px 20px;}
    .ser_pop > div{width: 80%}
	.ser_pop > div > div{padding: 30px 20px;}
	.btn_more {margin:0 auto}
}

/****************************************** 디자인페이지 공통 css ******************************************/ 
.review-slider .slick-slide{padding:5px;}


/* sub css */
#sub{overflow:hidden;}
#sub .center{text-align:center;}

/* bg */
#sub .bg-navy{background:#243a5e; } 
#sub .bg-navy .cont-tit h2{color:#fff;}
#sub .bg-navy .cont-tit p{color:#fff;}
#sub .bg-gray{background:#f7f7f7; } 
#sub .bg-gray-2{background:#f2f2f2; } 
#sub .bg-gray-pt{background:url('../../images/sub/aboutus/sub0401-bg.jpg') center bottom; background-size:cover; } 
#sub .bg-half{position:relative;}
#sub .bg-half:after{content:''; width:100%; height:calc(100% - 280px); background:#f7f7f7; position:absolute; left:0; bottom:0; z-index:-1;}
#sub .bg-half-2{position:relative;}
#sub .bg-half-2:after{content:''; width:100%; height:calc(100% - 330px); background:#f7f7f7; position:absolute; left:0; bottom:0; z-index:-1;}
#sub .bg-img01{background:url('../../images/sub/sub0201-bg.jpg') no-repeat bottom center; background-size:cover;}
#sub .bg-img01 .cont-tit h2{color:#fff;}


/* color */
#sub .blue-t{color:#014099; vertical-align:baseline;} 

/* margin */
#sub .mt-120{margin-top:120px;}
#sub .mb-120{margin-bottom:120px;}
#sub .pt-0{padding-top:0;}
#sub .con-tab.pt-0{padding-top:0;}

/* btn */
.career-btn{display:block; margin:0 auto; max-width:250px; text-align:center; background:#014099; color:#fff; padding:15px 0; font-size:18px;}

/* sub title css */
#sub .cont-tit{ text-align:center; margin:30px auto 50px;}
#sub .cont-tit h2{font-size:32px; color:#333; font-weight:500; line-height:1.4; max-width:850px; margin:0 auto;} 
#sub .cont-tit h2.big{font-size:41px; line-height:1.5; letter-spacing:-1px}
#sub .cont-tit p{font-size:18px; margin:10px 0 0; color:#666; font-weight:300;}
#sub .cont-tit small{font-size:20px; color:#014099; margin:0 0 5px; display:block; font-weight:500;} 
#sub .cont-wr{padding:60px 0;}
#sub .md-tit{font-size:24px; color:#333; font-weight:500; margin:0 0 10px}
#sub .sm-tit{margin:0 0 40px; font-weight:300; font-size:17px;}
b{font-weight:500;}
/* 컨텐츠에서 사용 */
.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}

/* contents tabs */
#sub .con-tab-menu {text-align:center; overflow:hidden; }
#sub .con-tab-menu li{ float:left; width:100%;   border:1px solid #ddd; border-left:0;}  
#sub .con-tab-menu li a{height:65px; position:relative; text-align:center; display: block; cursor:pointer; background:#fff;}
#sub .con-tab-menu li a span{position:absolute; width:100%; font-size:18px;  left:0; top:50%; transform:translateY(-50%); line-height:1.3;}
#sub .con-tab-menu li a.active{background:#014099; color:#fff;}  
#sub .con-tab-menu li:first-child{border-left:1px solid #ddd;}
#sub .con-tab-menu li:nth-child(7){border-left:1px solid #ddd;}

#sub .con-tab-menu li:nth-child(7),
#sub .con-tab-menu li:nth-child(8),
#sub .con-tab-menu li:nth-child(9),
#sub .con-tab-menu li:nth-child(10),
#sub .con-tab-menu li:nth-child(11),
#sub .con-tab-menu li:nth-child(12) { margin-top:-1px}



#sub .con-tab{ display: none; padding:80px 0 0;} 
#sub .con-tab.active{ display: block;}  
#sub .con-tab-menu li:first-child:nth-last-child(2),  
#sub .con-tab-menu li:first-child:nth-last-child(2)~li{ width: 50%; } 
#sub .con-tab-menu li:first-child:nth-last-child(3),  
#sub .con-tab-menu li:first-child:nth-last-child(3)~li{ width: 33.333%; max-width:none;}  
#sub .con-tab-menu li:first-child:nth-last-child(4),  
#sub .con-tab-menu li:first-child:nth-last-child(4)~li{ width: 25%; }  	
#sub .con-tab-menu li:first-child:nth-last-child(5),  
#sub .con-tab-menu li:first-child:nth-last-child(5)~li{ width: 20%; } 
#sub .con-tab-menu li:first-child:nth-last-child(6),  
#sub .con-tab-menu li:first-child:nth-last-child(6)~li{ width: 16.666%; }  
#sub .con-tab-menu li:first-child:nth-last-child(7),  
#sub .con-tab-menu li:first-child:nth-last-child(7)~li{ width: 14.285%; }  
#sub .con-tab-menu li:first-child:nth-last-child(8),  
#sub .con-tab-menu li:first-child:nth-last-child(8)~li{ width: 12.5%; } 
#sub .con-tab-menu li:first-child:nth-last-child(12),  
#sub .con-tab-menu li:first-child:nth-last-child(12)~li{ width: 16.6%; }  


/* sub layout 01 */
#sub .intro-box{ position:relative; } 
#sub .intro-box .wr{overflow:hidden; }
#sub .intro-box .left{float:left; width:50%; padding-right:50px; }
#sub .intro-box .right{float:right; width:50%; padding-left:50px;} 
#sub .intro-box .img.shadow img{ box-shadow:10px 10px 20px rgba(0,0,0,0.2); border:1px solid #e8e8e8; margin-bottom:30px;}  
#sub .intro-box .tbox h2{font-size:36px; color:#333; margin:30px 0 40px; font-weight:500;}
#sub .intro-box .tbox p{font-size:18px; color:#666; font-weight:300; line-height:1.8}
#sub .intro-box .tbox p small{ margin:15px 0 0; display:block; color:#888; line-height:1.8;}
#sub .intro-box .tbox ul li{position:relative; font-size:18px; color:#333; padding:5px 0 5px 35px;}
#sub .intro-box .tbox ul li:after{content:''; background:url('../../images/sub/li-check.png'); width:25px; height:25px; position:absolute; left:0; top:5px}

#sub .b-line .tbox h2{position:relative;}
#sub .b-line .tbox h2:after{content:''; width:130%; height:1px; background:#014099; position:absolute; right:0; bottom:-20px;}
#sub .b-line .left.tbox h2:after{right:auto; left:0;}

#sub .b-number .tbox b{font-size:60px; color:#014099; display:block; margin:0 0 -40px}  
#sub .b-number .left.tbox{text-align:right;}


/* sub layout 02 */
#sub .icon-list{overflow:hidden; position:relative; text-align: center;} 
#sub .icon-list li{float:left; width:33.33%; text-align:center; padding:0 50px;}
#sub .icon-list li:nth-child(2){border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;} 
#sub .icon-list li:last-child{border-right:0 !important;}
#sub .icon-list li h3{font-size:22px; color:#333; font-weight:500; margin:30px 0 10px;} 
#sub .icon-list li p{text-align:left; padding:5px 0 5px 15px; position:relative; font-weight:300;}
#sub .icon-list li p:after{content:''; width:4px; height:4px; border-radius:50%; position:absolute; left:0; top:14px; background:#014099;}
#sub .icon-list li b{display:block; font-weight:300; padding:5px 0;}
#sub .icon-list li:first-child:nth-last-child(1), 
#sub .icon-list li:first-child:nth-last-child(1)~li { float:none; display:inline-block; max-width:500px; width:49%; border:0;}
#sub .icon-list li:first-child:nth-last-child(2), 
#sub .icon-list li:first-child:nth-last-child(2)~li { float:none; display:inline-block; max-width:500px; width:49%; } 
#sub .icon-list li:first-child:nth-last-child(3), 
#sub .icon-list li:first-child:nth-last-child(3)~li {  width:33.333%;} 
#sub .icon-list li:first-child:nth-last-child(4), 
#sub .icon-list li:first-child:nth-last-child(4)~li {  width:25%; border-right:1px solid #e8e8e8; border-left:0;} 
#sub .icon-list li:first-child:nth-last-child(4) h3, 
#sub .icon-list li:first-child:nth-last-child(4)~li h3{font-size:18px; ;}
  


/* sub layout 03 */
#sub .partners dl{border-bottom:1px solid #ddd; padding:80px 0 50px; overflow:hidden; color:#333;}
#sub .partners dl:first-child{padding-top:30px;}
#sub .partners dl:last-child{border-bottom:0;}
#sub .partners dd{float:left; width:25%; padding-right:50px; font-size:30px; font-weight:500;}
#sub .partners dt{float:right; width:75%;}
#sub .partners li{float:left; width:32%; margin-left:2%; text-align:center; margin-bottom:30px;} 
#sub .partners li:nth-child(3n+1){clear:both; margin-left:0;}
#sub .partners li p{ font-size:18px; margin:10px 0 0;}
 
 
/* sub layout 04 */
#sub .vbr-list {border-top:1px solid #333;  }
#sub .vbr-list li{padding:50px 0 50px 230px; position:relative; border-bottom:1px solid #e8e8e8; min-height: 280px;}
#sub .vbr-list li h3{font-size:24px; color:#333; font-weight:400; margin:0 0 25px; max-width:850px;}
#sub .vbr-list li h3 b{font-weight:500;}
#sub .vbr-list img{position:absolute; left:0; top:50px;}
#sub .vbr-list li p{display:inline-block; width:49%; text-align:left; padding:5px 0 5px 15px; position:relative; font-weight:300;}
#sub .vbr-list li p:after{content:''; width:4px; height:4px; border-radius:50%; position:absolute; left:0; top:14px; background:#014099;}

#sub .vbr-list.wblock li p{width:100%;}
#sub .vbr-list.w50{overflow:hidden;}
#sub .vbr-list.w50 li{float:left;width:50%; min-height:298px;}

/* sub layout 05 */
#sub .adv-list li{border-top:1px solid #ddd; padding:80px 0; position:relative; padding-left:25%; }
#sub .adv-list strong{position:absolute; left:0; top:80px; color:#333; font-size:30px; font-weight:500; width:22%;}
#sub .adv-list strong small{line-height:1.3; font-size:.7em; display: inline-block; font-weight:400; vertical-align:middle; }
#sub .adv-list li h3:nth-child(2){margin:0 0 5px;}
#sub .adv-list li h3{font-size:20px; color:#333; font-weight:bold; margin:30px 0 5px; text-align:left}
#sub .adv-list li p{ padding:5px 0 5px 15px; position:relative; font-weight:400; font-size:17px; color:#333; text-align:left}
#sub .adv-list li p:after{content:''; width:4px; height:4px; border-radius:50%; position:absolute; left:0; top:14px; background:#014099;}
#sub .adv-list li p small{display:block; color:#666; font-weight:300; font-size:16px; padding:5px 0;}
#sub .adv-list h4.blue-t{font-size:20px; font-weight:500; margin:0 0 5px;}
#sub .adv-list dl{overflow:hidden; margin:20px 0;}
#sub .adv-list dt{float:left; }
#sub .adv-list dd{float:right; width:calc(100% - 350px); font-weight:300;}
#sub .adv-list dd h4{font-size:22px; color:#333; font-weight:500; margin:0 0 10px;}
#sub .adv-list .btn{display:block; margin:20px 0 0; padding:10px 0; max-width:150px; text-align:center; border-radius:50px; font-size:15px; background:#eee; color:#222; transition: all ease .5s; -webkit-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s;}
#sub .adv-list .btn:hover{background:#014099; color:#fff;}



/* sub layout 06 */
#sub .round-list{overflow:hidden;}
#sub .round-list li{float:left; width:23.5%; margin-left:2%; text-align:Center; margin-bottom:20px;  color:#333; }
#sub .round-list li:nth-child(4n+1){margin-left:0; clear:both; }
#sub .round-list li a{display:block; position:relative; border:1px solid #ddd; border-radius:50px; height:60px; background:#fff; } 
#sub .round-list li a > span{display:block; padding:10px; font-size:16px; position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);}
#sub .round-list li p{padding:10px 0 0;}



/* sub layout 07 */
#sub .review-slider img{border:1px solid #ddd;}
#sub .review-slider li p{text-align:center; margin:10px 0;} 
#sub .review-slider .slick-arrow{content:''; width:60px; height:60px; position:absolute; top: 42%; transform:translateY(-50%); z-index:3; opacity:.5;} 
#sub .review-slider .slick-arrow:hover{opacity:1;}
#sub .review-slider .slick-next{background:url('../../images/btn/alli-arr-next.png') no-repeat center center; right:-100px;}
#sub .review-slider .slick-prev{background:url('../../images/btn/alli-arr-prev.png') no-repeat center center; left:-100px;} 


/* sub layout 08 */ 
#sub .prd-list{position:relative;}
#sub .prd-list strong{position:absolute; left:0; top:80px; color:#333; font-size:30px; font-weight:500; width:22%;} 
#sub .prd-list ul{border-top:1px solid #ddd; padding:80px 0; position:relative; padding-left:25%; overflow:hidden;} 
 
#sub .prd-list li{float:left; width:32%; margin-left:2%; margin-bottom:2%; border:1px solid #ddd; position:relative; height:0; padding-bottom:32%; text-align:center; background:#fff;} 
#sub .prd-list li:nth-child(3n+2){margin-left:0; clear:both;}
#sub .prd-list li .con{width:100%; padding:20px; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); }
#sub .prd-list li img{margin:0 0 20px;} 
#sub .prd-list li h3{color:#014099; font-size:22px; font-weight:500; line-height:1.3; margin:0 0 15px;}
#sub .prd-list li p{font-weight:300;}
 

#sub.rsa .prd-list li{width:100%; width: 100%; margin: 0 0 10px; background:#fff; border:1px solid #ddd; height:auto; padding:0;}
#sub.rsa .prd-list li .con{padding:30px; transform:none;     position: relative;} 
 


#sub .prd-list2 strong{position:absolute; left:0; top:80px; color:#333; font-size:30px; font-weight:500; width:22%;} 
#sub .prd-list2 ul{border-top:1px solid #ddd; padding:80px 0; position:relative; padding-left:25%; overflow:hidden;} 
#sub .prd-list2 li{float:left; width:49%; margin-left:2%; margin-bottom:2%; border:1px solid #ddd; position:relative; text-align:center; background:#fff; padding:50px 30px; min-height:381px;} 
#sub .prd-list2 li:nth-child(2n+2){margin-left:0; clear:both;}  
#sub .prd-list2 li img{margin:0 0 20px;}
#sub .prd-list2 li h3{color:#333; font-size:22px; font-weight:500; line-height:1.3; margin:0 0 15px;}
#sub .prd-list2 li p{font-weight:300; max-width:300px; margin:0 auto;}


#sub .prd-cc li{border-radius:100%; border-color:#014099; width:23.5%; padding-bottom:23.5%; margin-right:2%; margin-left:0;}
#sub .prd-cc li:last-child{margin-right:0;}
#sub .prd-cc li:nth-child(3n+2){ clear:none;}
#sub .prd-cc li h3{margin:0;} 
 




/* sub layout 09 */ 
#sub .img-list strong{position:absolute; left:0; top:80px; color:#333; font-size:30px; font-weight:500; width:22%;} 
#sub .img-list ul{border-top:1px solid #ddd; padding:80px 0; position:relative;overflow:hidden;} 
#sub .img-list li{float:left; width:32%; margin-left:1%; margin-bottom:70px; background:#fff;} 
#sub .img-list li:nth-child(3n+1){margin-left:0; clear:both;} 
#sub .img-list li img{margin:0 0 20px;  border:1px solid #e5e5e5; width:100%}
#sub .img-list li h3{ text-align:center; color:#333; font-size:20px; font-weight:500; line-height:1.3; margin:0 0 15px;}
#sub .img-list li p{font-weight:300;}
 
#sub .img-list2{text-align:center;} 
#sub .img-list2 li{display:inline-block; width:31%; margin:0 1%; margin-bottom:4%; }  
#sub .img-list2 li img{margin:0 0 20px;}
#sub .img-list2 li h3{color:#333; font-size:20px; font-weight:500; line-height:1.3; margin:0 0 15px;}
#sub .img-list2 li p{font-weight:300;}
#sub .img-list2 li:first-child:nth-last-child(2), 
#sub .img-list2 li:first-child:nth-last-child(2)~li,
#sub .img-list2 li:first-child:nth-last-child(3), 
#sub .img-list2 li:first-child:nth-last-child(3)~li,
#sub .img-list2 li:first-child:nth-last-child(1), 
#sub .img-list2 li:first-child:nth-last-child(1)~li { margin-bottom:0;} 

#sub .img-list2.left{text-align:left;} 
#sub .img-list2.left p{text-align:left; padding:5px 0 5px 15px; position:relative; font-weight:300;}
#sub .img-list2.left p:after{content:''; width:4px; height:4px; border-radius:50%; position:absolute; left:0; top:14px; background:#014099;}



/* sub layout 10 */ 
#sub .chk-list {overflow:hidden;}
#sub .chk-list li{position:relative; font-size:18px; color:#333; padding:5px 0 5px 35px; width:50%; float:left;}
#sub .chk-list li:nth-child(2n+1){clear:both;}
#sub .chk-list li:after{content:''; background:url('../../images/sub/li-check.png'); width:25px; height:25px; position:absolute; left:0; top:5px}

 
/* sub layout 11 */ 
#sub .number-box{ overflow:hidden;}
#sub .number-box strong{font-size:100px; opacity:.1; color:#00baf2; position:absolute; top:20px; left:0; width:100%;}
#sub .number-box li{float:left; width:23%; margin-right:2%; text-align:center; padding:100px 40px 60px; background:#fff; position:relative; min-height:310px;}
#sub .number-box li:last-child{margin-right:0;}
#sub .number-box li h3{font-size:24px; color:#333; font-weight:500; margin: 20px 0; line-height:1.3;}
#sub .number-box li p{font-size:18px; font-weight:300;} 
#sub .number-box.blue li{background:#f2f5f8;}


/* sub layout 12 */ 
#sub .tb-list{ border-top:1px solid #333;  width:100%;}
#sub .tb-list dl{border-bottom:1px solid #e8e8e8; width:100%; display: table; }
#sub .tb-list dt{background:#f5f5f5;  display: table-cell;  vertical-align:middle; width:20%; padding:40px; text-align:center; font-size:18px; color:#333; font-weight:500;}
#sub .tb-list dd{ display: table-cell;  vertical-align:middle;  padding:40px;}
#sub .tb-list p{text-align:left; padding:5px 0 5px 15px; position:relative; font-weight:300;}
#sub .tb-list p:after{content:''; width:4px; height:4px; border-radius:50%; position:absolute; left:0; top:14px; background:#014099;}


/* sub layout 13 */ 
#sub .service-intro .left-img{position:absolute; left:0; width:50%; max-height:500px;}
#sub .service-intro .right-tit{padding-left:55%; min-height:380px; position:relative;} 
#sub .service-intro .right-tit small{font-size:20px; color:#ccc; display:block; margin:120px 0 10px;}
#sub .service-intro .right-tit h2{font-size:45px; color:#333; margin:0 0 40px;  position:relative; line-height:1.3;}
#sub .service-intro .right-tit h2:before{content:''; width:130%; height:2px; background:#2a58a6; position:absolute; right:0; bottom: -15px;}
#sub .service-intro .right-tit p{color:#333; font-size:18px;}


/* 테이블 */
.table_basic thead th {background-color:#f8fafd; font-weight:bold; color:#333; padding:10px 0px 10px 0px;border:1px solid #ddd;border-top:1px solid #31497a;text-align:center; width:100%}
.table_basic thead .line_none th {border-top-color:#DDD;}
.table_basic tfoot td, .table_basic tfoot th{font-weight:bold; color:#333; text-align:center; }
.table_basic tfoot th {font-weight:bold;background:#f7f7f7;border:1px solid #ddd; text-align:center; padding-bottom:3px; padding-top:3px;}
.table_basic td, .table_basic tbody th, .table_basic tfoot th {border:1px solid #ddd; text-align:center; padding:10px; font-weight:normal; font-size:16px}
.table_basic .left {padding-left:15px;padding-right:10px;}
.table_basic .t_line {border-top:1px solid #485f8a;}
.table_basic .right{padding-right:15px}

.table_basic1 thead th {background-color:#f8fafd; font-weight:bold; color:#333; padding:10px 0;border:1px solid #ddd;border-top:1px solid #31497a;text-align:center;}
.table_basic1 thead .line_none th {border-top-color:#DDD;}
.table_basic1 tfoot td, .table_basic tfoot th{font-weight:bold; color:#333; text-align:center;}
.table_basic1 tfoot th {font-weight:bold;background:#f7f7f7;border:1px solid #ddd; text-align:center; padding-bottom:3px; padding-top:3px;}
.table_basic1 td, .table_basic tbody th, .table_basic tfoot th {border:1px solid #ddd; text-align:center; padding:10px 5px; font-weight:normal; font-size:16px; background:#fff}
.table_basic1 .left {padding-left:15px;padding-right:10px; text-align:left}
.table_basic1 .t_line {border-top:1px solid #485f8a;}
.table_basic1 .right{padding-right:15px}



/* sub layout 14 */ 
#sub .process-box{overflow:hidden;}
#sub .process-box li{float:left; width:23%; margin-right:2%; border:1px solid #e8e8e8; text-align:center; position:relative; padding:100px 5px 50px 5px; min-height:334px;}
#sub .process-box li:last-child{margin-right:0;}
#sub .process-box li strong{padding:15px; color:#333; display:block; position:absolute; top:0; left:0; width:100%; font-weight:500;}
#sub .process-box li h3{font-size:18px; letter-spacing:-1px; color:#333; font-weight:bold; margin:20px 0;}
#sub .process-box li h3 b.bold {font-size:18px; color:#2a58a6;}
#sub .process-box li p{text-align:center; padding:5px 5px; position:relative; font-weight:300;}
/*#sub .process-box li p:after{content:''; width:4px; height:4px; border-radius:50%; position:absolute; left:0; top:14px; background:#014099;} */
#sub .process-box li:nth-child(1) strong{background:#eaf0f7;}
#sub .process-box li:nth-child(2) strong{background:#0089d0; color:#fff;}
#sub .process-box li:nth-child(3) strong{background:#2a73a6; color:#fff;}
#sub .process-box li:nth-child(4) strong{background:#2a58a6; color:#fff;}



#sub .ms-pcs{overflow:hidden;}
#sub .ms-pcs li{float:left; width:32%; margin-right:2%; border:1px solid #e8e8e8; text-align:center; position:relative; padding:80px 20px 25px; min-height:auto;} 
#sub .ms-pcs li p{display:inline-block;}

 
/* sub layout 15 */ 
#sub .icon-box{overflow:hidden; position:relative; text-align:center;} 
#sub .icon-box li{display:inline-block; margin:0 0.5% 1.5%; text-align:center; padding: 50px 20px; border:1px solid #e8e8e8; background:#fff; height:290px}
#sub .icon-box li img{margin:0 auto 20px;}
#sub .icon-box li h3{font-size:20px; color:#333; font-weight:500; margin:0 0 10px;}
#sub .icon-box li p { font-weight:300; max-width:200px; margin:0 auto;}  
#sub .icon-box li:first-child:nth-last-child(5),  
#sub .icon-box li:first-child:nth-last-child(5)~li,
#sub .icon-box li:first-child:nth-last-child(3), 
#sub .icon-box li:first-child:nth-last-child(3)~li,
#sub .icon-box li:first-child:nth-last-child(6), 
#sub .icon-box li:first-child:nth-last-child(6)~li { width: 32%; } 
#sub .icon-box li:first-child:nth-last-child(7), 
#sub .icon-box li:first-child:nth-last-child(7)~li,
#sub .icon-box li:first-child:nth-last-child(4), 
#sub .icon-box li:first-child:nth-last-child(4)~li,
#sub .icon-box li:first-child:nth-last-child(8), 
#sub .icon-box li:first-child:nth-last-child(8)~li { width: 23.666%; }  


/* sub layout 16 */ 
#sub .icon-box2{overflow:hidden; position:relative; text-align:center;} 
#sub .icon-box2 li{display:inline-block; margin:0 0.5% 1.5%; text-align:center; padding: 50px 20px; border:1px solid #e8e8e8; background:#fff; height:330px}
#sub .icon-box2 li img{margin:0 auto 10px;}
#sub .icon-box2 li h3{font-size:20px; color:#333; font-weight:500; margin:0 0 10px; line-height:1.2;}
#sub .icon-box2 li p { font-weight:300; max-width:220px; margin:0 auto;}  
#sub .icon-box2 li:first-child:nth-last-child(5),  
#sub .icon-box2 li:first-child:nth-last-child(5)~li,
#sub .icon-box2 li:first-child:nth-last-child(6), 
#sub .icon-box2 li:first-child:nth-last-child(6)~li { width: 32%; } 
#sub .icon-box2 li:first-child:nth-last-child(7), 
#sub .icon-box2 li:first-child:nth-last-child(7)~li,
#sub .icon-box2 li:first-child:nth-last-child(4), 
#sub .icon-box2 li:first-child:nth-last-child(4)~li,
#sub .icon-box2 li:first-child:nth-last-child(8), 
#sub .icon-box2 li:first-child:nth-last-child(8)~li { width: 23.666%; }  
 

/* sub layout 17 */ 
#sub .blt-box{overflow:hidden; position:relative; text-align:center;} 
#sub .blt-box li{display:inline-block; margin:0 0.5% 1.5%; text-align:center; padding: 100px 10px; border:1px solid #e8e8e8; background:#fff; min-height:322px}
#sub .blt-box li img{margin:0 0 20px;}
#sub .blt-box li h3{font-size:24px; color:#014099; font-weight:500; margin:0 0 10px; line-height: 1.3;}
#sub .blt-box li b{color:#333; font-weight:500; margin:0 0 10px; display:block;}
#sub .blt-box li p { font-weight:300; margin:0 auto;}  
#sub .blt-box li:first-child:nth-last-child(5),  
#sub .blt-box li:first-child:nth-last-child(5)~li,
#sub .blt-box li:first-child:nth-last-child(6), 
#sub .blt-box li:first-child:nth-last-child(6)~li { width: 32%; } 
#sub .blt-box li:first-child:nth-last-child(7), 
#sub .blt-box li:first-child:nth-last-child(7)~li,
#sub .blt-box li:first-child:nth-last-child(4), 
#sub .blt-box li:first-child:nth-last-child(4)~li,
#sub .blt-box li:first-child:nth-last-child(8), 
#sub .blt-box li:first-child:nth-last-child(8)~li { width: 23.666%; }  
 

/* sub layout 18 */ 
#sub .circle-box{text-align:center; } 
#sub .circle-box li{display:inline-block; width:24%; border:1px solid #ddd; position:relative; height:0; padding-bottom:24%; border-radius:100%; margin:0 -1%;}  
#sub .circle-box li:nth-child(2n+1){border-color:#014099;}
#sub .circle-box li .con{width:100%; padding:30px; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); } 
#sub .circle-box li h3{color:#014099; font-size:22px; font-weight:500; line-height:1.3; margin:0 0 15px;}
#sub .circle-box li p{font-weight:300;}

#sub .circle-box2{text-align:center; position:relative;} 
#sub .circle-box2:after{content:''; width:80%; height:1px; background:#ddd; position:absolute; left:10%; top:50%; z-index:-1;}
#sub .circle-box2 li{display:inline-block; width:19%; margin:0 2%;  position:relative; height:0; padding-bottom:19%; border-radius:100%; }  
#sub .circle-box2 li:nth-child(1){background:#014099;}
#sub .circle-box2 li:nth-child(2){background:#0089d0;}
#sub .circle-box2 li:nth-child(3){background:#183c6e;}
#sub .circle-box2 li:nth-child(4){background:#282c37;}
#sub .circle-box2 li .con{width:100%; padding:30px; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); } 
#sub .circle-box2 li h3{color:#fff; font-size:22px; font-weight:400; line-height:1.3; margin:0 0;} 

#sub{ position:relative}
/* sub layout 19 */ 
#sub .cc-box li{display:inline-block; width:16%; padding:10px;}

/****************************************** pages ******************************************/ 
#sub .about{text-align:left; margin:80px 0 0; position:relative;}
#sub .about h2{max-width:none;}
#sub .about .sign{color:#333; font-weight:400;}
#sub .about .sign b{font-size:24px; vertical-align:baseline; font-weight:500; margin-left:10px;}

#sub .img-box {position:absolute; left:50%; margin-left:13.46%; top:0; width:783px; height:802px; z-index:-1;background: url("../../images/sub/ceo.png") 100% bottom no-repeat; }
#sub .img-box img {display:none; width:100%;}

@media screen and (max-width:1240px){
#sub .about{ width:70%}	
}
@media screen and (max-width:680px){
#sub .about{text-align:left; margin:700px 0 0 0; position:relative; width:100%}	
#sub .img-box {position:absolute; left:0%; margin-left:0%; top:0; width:783px; height:802px; z-index:-1;background: url("../../images/sub/ceo.png") 100% bottom no-repeat; }
	
}





.wrap_title{background:url(../img/main/img_section2_top.html) no-repeat right bottom;padding:0 20px;height:95px;position:fixed;width:640px}
.wrap_title h1{font-size:18px;color:#fff;padding-top:15px}
.bpouup_contents{padding:115px 20px 20px 20px}
.openpopup_close{background:url(../../img/common/icnClose.html) no-repeat left top;width:23px;height:22px;overflow:hidden;text-indent:-100px;display:block;position:absolute;right:20px;top:20px}
 

.privacy .wrap_agree { font-weight:300;}
.privacy .wrap_agree h2{font-size:16px;margin:30px 0 10px 0; font-weight:500; color:#333;}
.privacy .wrap_agree li{padding-left:15px;text-indent:-15px}
.privacy .wrap_agree li p{text-indent:0px}
.privacy .wrap_agree dl{margin-top:5px}
.privacy .wrap_agree .head{background-color:#f4f4f4;border:solid 1px #f0f0f0;padding:15px; font-weight:300;}
.privacy .wrap_agree .head b{color:#333; font-weight:500;}

 



/****************************************** EN 영문버전 ******************************************/ 
@media screen and (min-width:480px){
	#en #sub .number-box li{min-height:428px;}
	#en #sub .process-box li{min-height:536px;}
	#en #sub .ms-pcs li{min-height:165px;}
	#en #sub .icon-box2 li{height:398px;}
	#en #sub .blt-box.mh li{min-height:538px}
	#en #main .main-visual .slide-text p{font-size:24px;}
}




#sitemap .mo_top_untill {display:none}



/****************************************** responsive ******************************************/ 
@media screen and (max-width:1240px){
	/* layout */
    ul.login-wrap{
        right:105px;
    }
    ul.login-wrap li a {
        padding:0 10px;
    }
	.nav{display:none;} 
	#sitemap{background:rgba(0,0,0,0.5); }
	#sitemap > ul > li{width:100%; float:none; margin:0 0 30px;} 
	#sitemap > ul > li h2{color:#014099;}
	#sitemap > ul > li > ul > li{ height:46px; overflow:hidden; padding:10px 0; margin:0; border-bottom: 1px solid #ddd;} 
	#sitemap > ul > li > ul > li.m-open{height:auto;}
	#sitemap > ul > li h3{background:url('../../images/btn/sel-arr.png') no-repeat center right; margin:0;}
	#sitemap > ul > li > ul > li > h3 > a{display:block; background: #fff;}
	#sitemap > ul{max-width:500px;padding:20px; background:#fff; position:absolute; right:0; top:0; width:100%;} 
	
	
	#sitemap .mo_top_untill { display:block; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
	#sitemap .mo_top_untill ul {padding:10px 0; }
	#sitemap .mo_top_untill ul:after {display:block; clear:both; visibility:hidden; content:'';}
	#sitemap .mo_top_untill ul li { display:inline-block;float:left; position:relative; width:33.33%; text-align:center}
	#sitemap .mo_top_untill ul li:after {display:block; position:absolute; top:3px; bottom:3px; content:''; width:1px; height:auto; background:#d3d3d3;}
	#sitemap .mo_top_untill ul li:first-child:after {display:none;}
	#sitemap .mo_top_untill ul li a {display:block; font-size:13px; color:#232323;}

	
	
	.wr{width:100%; padding:0 20px;} 
	#main .cont-02 .alli-slider .slick-slide{padding:0 60px;}
	#main .alli-slider .slick-prev{left:-20px;}
	#main .alli-slider .slick-next{right:-20px;}

	.sub-depth-1 li a{font-size:14px;}
	.sub-depth-2 a{font-size:14px; line-height:60px;}

	#sub .review-slider .slick-arrow{width:30px; height:30px; border-radius:100%; top:35%;}
	#sub .review-slider .slick-next{right:10px}
	#sub .review-slider .slick-prev{left:10px;}

	 
}

@media screen and (max-width:1024px){ 
	/* layout */ 
    ul.login-wrap li a {
        font-size: 16px;
    }
	#main .cont-01 ul li a{padding:50px 10px; min-height:340px;}
	#main .cont-01 ul li {margin-top:0 !important}
	#main .cont-01 ul li img{max-width:80px;}
	#main .cont-01 ul li h4{font-size:20px;} 
	#main .main-tit small{font-size:20px;}
	#main .main-tit{font-size:36px;}

	.sub-depth-1 li{width:100% !important;}
	.sub-depth-1 li a{font-size:18px; display:none;}
	.sub-depth-1 li.active a{display:block;}

	/* sub */
	#sub .cont-tit h2{font-size:30px;}
	#sub .cont-tit h2.big{font-size:40px;}
	#sub .cont-tit p{font-size:16px;}
	#sub .cont-tit p br{display:none;}
	#sub .service-intro .right-tit{min-height:auto;}
	#sub .service-intro .right-tit p{font-size:18px;} 
	#sub .service-intro .right-tit p br{display:none;}
	#sub .number-box li p{font-size:16px} 
	#sub .number-box li h3{font-size:20px;}
	#sub .icon-list li h3{font-size:20px;}
	#sub .process-box li h3{font-size:18px;}  

	#sub .round-list li{width:49%; margin-bottom:1%;}
	#sub .round-list li:nth-child(4n+1){margin-left:2%; clear:none; }
	#sub .round-list li:nth-child(2n+1){margin-left:0; clear:both; }

	#sub .blt-box li{padding: 50px 20px; min-height:auto;} 
	#sub .blt-box li img{max-width:80px;}
	#sub .blt-box li:first-child:nth-last-child(7), 
	#sub .blt-box li:first-child:nth-last-child(7)~li,
	#sub .blt-box li:first-child:nth-last-child(4), 
	#sub .blt-box li:first-child:nth-last-child(4)~li,
	#sub .blt-box li:first-child:nth-last-child(8), 
	#sub .blt-box li:first-child:nth-last-child(8)~li { width: 48%; }  
	#sub .blt-box li h3{font-size:20px;}

	#sub .intro-box .tbox h2{font-size:30px;}
	#sub .intro-box .tbox h2 br{display:none; }
	#sub .intro-box .left{padding-right:20px;}
	#sub .intro-box .right{padding-left:20px;}
	#sub .intro-box .tbox ul li{font-size:16px;}
 
	#sub .sm-tit{font-size:16px;}
	 
	#sub .con-tab-menu li a span{font-size:14px;} 

	#sub .prd-list strong,#sub .adv-list strong,#sub .prd-list2 strong,#sub .partners dd,#sub .img-list strong{font-size:26px;}
	#sub .prd-list li h3,#sub .adv-list li h3,#sub .prd-list2 li h3,#sub .img-list li h3{font-size:18px;}
	#sub .img-list li p{font-size:14px}

	#sub .prd-list li img{max-width:50px}

	#sub .cont-tit small{font-size:15px;}

	#sub .icon-box2 li:first-child:nth-last-child(7), #sub .icon-box2 li:first-child:nth-last-child(7)~li, #sub .icon-box2 li:first-child:nth-last-child(4), #sub .icon-box2 li:first-child:nth-last-child(4)~li, #sub .icon-box2 li:first-child:nth-last-child(8), #sub .icon-box2 li:first-child:nth-last-child(8)~li{width:47%}


}
@media screen and (max-width:768px){
	/* layout */
	html{font-size:14px;}
	.sec-header .logo{left:20px;}
	.btn-category,.btn-category.map{right:20px;}
	.lang{right:100px;}
	#main .main-slide .slick-prev{left:40px;}
	#main .main-slide .slick-next{right:40px;}
	#main .main-visual .slide-text p{font-size:40px;} 
	#main .main-visual .slide-text p br{display:none;}
	
	#main .main-visual .slide-text p b {font-size:50px;}
	
	#main .main-slide .slick-dots {bottom:130px;}
	
	#main .cont-01 ul li{width:49%; margin-bottom:2%;}
	#main .cont-01 ul li:nth-child(2n){margin-right:0;} 
	
	#main .cont-01 ul li a{padding:50px 20px;}
	#main .cont-01 ul li h4{max-width:200px; margin:20px auto 0;} 
	#main .main-tit small{font-size:18px;}
	#main .main-tit{font-size:30px;}
	.main-bn p{font-size:26px;}
	.main-bn{padding:50px 20px;} 
	#sub .main-bn{padding:50px 20px;}
	#main .cont-wr{padding:80px 0 110px;} 
	#main .cont-03 .box{padding:20px;}
	#main .cont-03 .box h4{font-size:20px; height:60px;} 
	.family-site{position:relative; top:auto; margin:20px 0 0; max-width:250px;}
	
	.sub-depth-1 li.active a{line-height:60px; background:url('../../images/arr-down.png') #2955a1 no-repeat center right 20px; transition:none;}
	.sub-depth-1 li.active a.bg-act{background:url('../../images/arr-up.png') #2955a1 no-repeat center right 20px;}
	.sub-visual h1{font-size:45px; padding:170px 0;}
	.sub-depth-2{position:absolute; width:100%; left:0; z-index:2; background:#fff; display:none;}
	.sub-depth-2 a{width:100%; display:block; margin:0; border-bottom:1px solid #e8e8e8;}

	/* sub */
	#sub .cont-wr{padding:80px 0;}
	#sub .mt-120{margin-top:80px;}
	#sub .mb-120{margin-bottom:80px;}

	#sub .service-intro .left-img{width:94%; position:relative;}
	#sub .service-intro .right-tit{ margin:0 0 30px; padding:30px;  width:100%;}
	#sub .service-intro .right-tit small{margin:10px 0;}
	#sub .service-intro .right-tit h2:before{width:110%;}

	#sub .process-box li{width:100%; margin:0 0 10px; padding: 70px 20px 20px; min-height:auto;}
	#sub .process-box li h3{ text-align:center;}
	#sub .process-box li h3 br{display:none; }

	#sub .tb-list dt{padding:10px; font-size:16px;}
	#sub .tb-list dd{padding:20px;}

	#sub .number-box li{width:100%; margin:0 0 10px; min-height:auto; padding: 50px 20px 40px;}
	#sub .number-box strong{top:-20px;}
	#sub .number-box li h3 br{display:none;}
	
	#sub .icon-list{border-top:1px solid #333; max-width:500px; margin:0 auto;}
	#sub .icon-list li{border:0; border-bottom:1px solid #e8e8e8 !important; padding:40px 20px;}
	#sub .icon-list li:first-child:nth-last-child(1), 
	#sub .icon-list li:first-child:nth-last-child(1)~li,
	#sub .icon-list li:first-child:nth-last-child(2), 
	#sub .icon-list li:first-child:nth-last-child(2)~li,
	#sub .icon-list li:first-child:nth-last-child(3), 
	#sub .icon-list li:first-child:nth-last-child(3)~li,
	#sub .icon-list li:first-child:nth-last-child(4), 
	#sub .icon-list li:first-child:nth-last-child(4)~li{width:100%; margin:0; border:0;}

	#sub .circle-box li{width:49%; padding-bottom:49%; margin:-1%;}

	#sub .intro-box .left{width:100%; padding:0 10px;}
	#sub .intro-box .right{width:100%; padding: 0 10px;}
	#sub .intro-box .tbox h2{font-size:24px; margin: 30px 0 20px;}
	#sub .intro-box .tbox p{font-size:16px;}

	#sub .b-line .tbox h2:after{width:30px; right:auto; left:0; bottom:-10px}

	#sub .md-tit{font-size:20px;}

	#sub .con-tab{padding:30px 0 0;}
	#sub .prd-list strong,#sub .adv-list strong,#sub .prd-list2 strong,#sub .img-list strong{top:30px; width:100%; font-size:20px;}
	#sub .prd-list ul,#sub .prd-list2 ul,#sub .img-list ul{padding:80px 0 30px;}
 
 
	#sub .adv-list strong{top:30px; width:100%; font-size:20px;} 
	#sub .adv-list strong br{display:none;}
	#sub .adv-list li{padding:80px 0 30px;}
	#sub .adv-list dt{width:45%;}
	#sub .adv-list dd{width:50%;} 
 
	 

	#sub .circle-box2 li{width:20%; padding-bottom:20%;}
	#sub .circle-box2 li h3{font-size:18px;}

	#sub .partners dd{width:100%; padding-right:0; padding:0 0 20px;}
	#sub .partners dt{width:100%;}
	#sub .partners dl{padding:50px 0 30px;}

	#sub .blt-box li{min-height:232px;}


	#sub .prd-list li{width:100%; margin:0 0 10px; height:auto; padding-bottom:0; }
	#sub .prd-list li .con{position:relative; left:0; top:0; transform:none;}
	#sub .prd-list li h3{margin:0;}
	#sub .prd-list li p{margin:10px 0 0;}

	#sub .prd-cc li{width:48%; margin: 1%; padding-bottom:48%; height:0;}
	#sub .prd-cc li .con{position:absolute; top:50%; transform:translateY(-50%);}

	#sub .cont-tit h2{font-size:26px;}
	#sub .cont-tit h2.big{font-size:30px;}

	#sub .chk-list li{font-size:16px;}

	#sub .img-list li{width:49%;}
	#sub .img-list li:nth-child(3n+1) {clear:none}
	#sub .img-list li:nth-child(2n+1){margin-left:0; clear:both;}
	
	/*#sub .img-list li:nth-child(3n+2){margin-left:2%; clear:none;}
	#sub .img-list li:nth-child(2n+2){margin-left:0; clear:both;}*/
	
	#sub .cc-box li{ width:32%; padding:5px;}

	#sub .vbr-list.w50 li{width:100%; float:none; min-height:auto;}

 
}
@media screen and (max-width:480px){
	/* layout */
	.sec-header .logo{width:125px; background-size:100%; left:20px;}
	.btn-category, .btn-category.map{right:20px;}
	.lang{right:60px;}
	.lang a{font-size:13px;}
	.btn-category{width:30px;} 
	.sec-header{background:#fff; height:70px; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
	.sec-header .logo{background-image:url(../../images/logo-b.png); top:7px;}
	.sec-header .nav:after{display:none;}
	.sec-header .nav > li > h2{color:#333;}  
	.btn-category .bar{background:#000;}
	.sec-header .lang a{color:#333;}
	.sec-header .lang a.active:before{ background:#333;}
	.sec-header:before{display:none;}
	#sitemap > ul > li{padding:0;}
	#sitemap > ul > li h2{font-size:20px;}
	#sitemap > ul > li h3{font-size:17px;}
	#sitemap > ul > li > ul > li > a{font-size:15px;}
	#sitemap{top:70px; height: calc(100% - 70px);}
	.btn-category{top:23px;}
	.lang{top:23px;} 
	#main .main-slide .slick-dots{bottom:70px;}
	#main .main-visual .slide-text p{font-size:20px;}
	#main .main-visual .slide-text .wr{padding-left:10px;}
	#main .main-visual .slide-text a{margin:40px 0 0;}
	#main .main-visual .slide-text p b{font-size:1.3em;}
	#main .main-slide .slick-prev{left:5%;}
	#main .main-slide .slick-next{right:5%;}
	#main .main-slide .slick-arrow{width:20px; background-size:100%;}
	#main .main-visual .slide-text img{width:40px;} 
	#main .visual-notice h3{padding:10px; max-width:100px; font-size:14px;}
	#main .bbs-slider{width: calc(100% - 110px); padding:10px 0; font-size:14px;}
	#main .visual-notice .wr{padding:0;}
	#main .bbs-slider .slick-arrow{display:none !important;}
	#main .cont-wr{padding:80px 0;}
	#main .main-tit{font-size:21px; margin:0 0 50px;}
	#main .main-tit small{font-size:16px;}
	#main .cont-01 ul li{width:100%;}
	#main .cont-01 ul li a{padding:30px 20px; min-height:auto;}
	#main .cont-01 ul li h4{font-size:18px; min-height:auto; margin:20px auto 10px;}
	#main .cont-01 ul li p{font-size:14px;}
	#main .cont-01 ul li img{max-width:60px;} 
	#main .cont-01 ul li{ margin-bottom:2%;}
	#main .alli-slider .slick-arrow{width:40px; height:40px; background-size:100%;}
	#main .alli-slider .slick-prev{left:-10px;}
	#main .alli-slider .slick-next{right:-10px;}
	#main .cont-02 .alli-slider .slick-slide{padding:0 40px}
	#main .cont-02 .alli-slider a{width:49%;}
	#main .cont-02 .alli-slider a:nth-child(2n+1){clear:both; margin-left:0;} 
	#main .cont-03 ul li{width:100%; margin-bottom:15px;} 
	#main .cont-03 .box h4{font-size:18px; height:54px;}
	#main .cont-03 .box strong{font-size:13px} 
	.main-bn p{font-size:24px;} 
	.quick-menu{right:10px; bottom:10px;}  
	.sec-footer{padding:20px 0 40px; font-size:13px;}
	.ft-link a{margin-right:10px;}
	.ft-link a:last-child{margin-right:0;}
	
	.sub-depth-1 li.active a{line-height:50px; font-size:16px;}
	.sub-visual{height:320px;}
	.sub-visual h1{font-size:30px; position:absolute; left:0; width:100%; top:55%; transform:translateY(-50%); padding:0 20px;}
	.sub-visual h1 p{font-size:14px;}
	.sub-depth-2 a{line-height:50px; font-size:14px;} 
	

	
	/* sub */
	#sub .cont-wr{padding:60px 0;}
	#sub .mt-120{margin-top:60px;}
	#sub .mb-120{margin-bottom:60px;}
	#sub .service-intro .left-img{width:94%;}
	#sub .service-intro .right-tit{width:100%; padding-right:0;}
	#sub .service-intro .right-tit small{font-size:14px;}
	#sub .service-intro .right-tit h2{font-size:28px;}
	#sub .service-intro .right-tit h2:before{width:40px; left:0; right:auto;}
	#sub .service-intro .right-tit p{font-size:15px;}
	#sub .service-intro .right-tit p br{display:none;}

	#sub .cont-tit{margin:0 auto 30px;}
	#sub .cont-tit h2{font-size:21px} 
	#sub .cont-tit h2.big{font-size:24px;}
	#sub .cont-tit h2 br{display:none;}
	#sub .cont-tit p{font-size:14px;}
 
	
	#sub .process-box li h3{font-size:16px; margin:15px 0;}
	#sub .process-box li p{padding:2px 0 2px 12px; }
	#sub .process-box li p:after{top:9px;}

	#sub .icon-list li h3{font-size:18px; margin:20px 0 10px}
	#sub .icon-list li{padding: 30px 20px 40px;}
	#sub .icon-list li img{  max-height:80px;}

	#sub .circle-box li{margin:0;}
	#sub .circle-box li h3{font-size:18px; margin:0 0 10px}
	#sub .circle-box li .con{padding:10px;}

	#sub .round-list li{width:100%; margin:0 0 10px;}
	#sub .round-list li a > span{font-size:14px;} 

	
	#sub .blt-box li {width:100% !important; margin:0 0 5px; padding:30px 20px; min-height:auto;}
	#sub .blt-box li img{max-width:60px;}
	#sub .blt-box li h3{font-size:18px;}

	#sub .img-list2 li{width:47%;}
	#sub .img-list2 li img{margin:0 0 10px;}
	#sub .img-list2 li h3{font-size:15px; margin:0 0 5px;} 
	  

	#sub .img-list2.left li{width:100%; padding:0 0 20px;}
	#sub .img-list2.left li img{margin:0 0 20px;}



	#sub .intro-box .left{margin-bottom:0;}
	#sub .intro-box .tbox h2{font-size:20px; margin: 30px 0 15px;}
	#sub .intro-box .tbox h2 br{display:none;}
	#sub .intro-box .tbox p{font-size:14px;}
	#sub .intro-box .tbox ul li{font-size:14px; padding: 5px 0 5px 30px;}
	#sub .intro-box .tbox ul li:after{width:20px; height:20px; background-size:100%;}
 
	#sub .md-tit{font-size:16px;}

	#sub .vbr-list li{padding:20px 0; min-height:auto;}
	#sub .vbr-list img {position:relative; top:auto; left:auto; right:0; max-width:80px; margin:0 auto 10px; display:block;}
	#sub .vbr-list li h3{font-size:18px; margin:0 0 10px; text-align:center;}
 
 	#sub .con-tab-menu li a{height:50px;}
	#sub .con-tab-menu {border-top:1px solid #e8e8e8;}
	#sub .con-tab-menu li a span{font-size:12px; padding:0 10px;}
	#sub .con-tab-menu li:first-child:nth-last-child(2),  
	#sub .con-tab-menu li:first-child:nth-last-child(2)~li,
	#sub .con-tab-menu li:first-child:nth-last-child(4),  
	#sub .con-tab-menu li:first-child:nth-last-child(4)~li{float:none; display:inline-block; width: 50%; margin:-1px -2px 0; border-left:1px solid #e8e8e8;} 
	#sub .con-tab-menu li:first-child:nth-last-child(3),  
	#sub .con-tab-menu li:first-child:nth-last-child(3)~li,  	
	#sub .con-tab-menu li:first-child:nth-last-child(5),  
	#sub .con-tab-menu li:first-child:nth-last-child(5)~li,
	#sub .con-tab-menu li:first-child:nth-last-child(6),  
	#sub .con-tab-menu li:first-child:nth-last-child(6)~li,
	#sub .con-tab-menu li:first-child:nth-last-child(7),  
	#sub .con-tab-menu li:first-child:nth-last-child(7)~li,
	#sub .con-tab-menu li:first-child:nth-last-child(8),  
	#sub .con-tab-menu li:first-child:nth-last-child(8)~li{ width: 33.333%; margin-top:-1px;}  
	#sub .con-tab-menu li:nth-child(3n+1){border-left:1px solid #e8e8e8;} 

	#sub .prd-cc li{width:48%; padding-bottom:48%;}
	#sub .prd-list strong, #sub .adv-list strong, #sub .prd-list2 strong {font-size:18px;}
	#sub .prd-list li h3{font-size:16px;}
	#sub .adv-list li p{font-size:14px;}
	#sub .adv-list li p:after{top:12px;}  
	#sub .adv-list li p small{font-size:14px;}
	
	#sub .b-number .tbox b{font-size:40px; margin:20px 0 -20px; line-height:1;}

	#sub .number-box strong{font-size:80px;}
	#sub .number-box li h3{font-size:18px}
	#sub .adv-list li p{font-size:14px;}
	 
	#sub .sm-tit{font-size:14px; margin:0 0 20px;}

	#sub .adv-list dt{width:100%; margin:0 0 20px;}
	#sub .adv-list dd{width:100%;}
	#sub .adv-list dd h4{font-size:18px;}

	#sub .prd-list2 li img{max-width:80px;}
	#sub .prd-list2 li{width:100%; margin:0 0 10px; min-height:auto; padding:30px 20px;}

	#sub .icon-box li img{max-width:80px;}
	#sub .icon-box li { width:100% !important; margin:0 0 5px; padding: 30px 20px; height:auto;}  

	#sub .icon-box2 li img{max-width:80px;}
	#sub .icon-box2 li { width:100% !important; margin:0 0 5px; padding: 30px 20px; height:auto;}  
	#sub .icon-box2 li h3{font-size:16px;}

	#sub .circle-box2 li{width:40%; padding-bottom:40%; margin:2%;}
	#sub .circle-box2:after{display:none;}
	#sub .circle-box2 li h3{font-size:16px}
	#sub .circle-box2 li .con{padding:0;}

	
	#sub .partners dd{font-size:18px;}
	#sub .partners dt{width:100%;}
	#sub .partners li{width:49%;}
	#sub .partners li p{font-size:14px;}
	#sub .partners dl{padding:30px 0 10px;}
	#sub .partners dl:first-child{padding-top:10px}
	#sub .partners li:nth-child(3n+1){margin-left:2%; clear:none;}
	#sub .partners li:nth-child(2n+1){margin-left:0; clear:both;}

	#sub .bg-half:after,#sub .bg-half-2:after{height: calc(100% - 200px);}
	
	#sub .chk-list li{width:100%;font-size:14px; padding: 5px 0 5px 30px;}
	#sub .chk-list li:after{width:20px; height:20px; background-size:cover;}


	#sub .about{margin:30px 0 0;}
 
	#sub .img-list li img{width:100%;}
	#sub .prd-list li h3, #sub .adv-list li h3, #sub .prd-list2 li h3, #sub .img-list li h3{font-size:16px;}
 

 
	#en #main .main-visual .slide-text p{font-size:16px;}

}
/* media size setting end */




/* 조직도 */
.org_wrap_b {overflow:hidden;position: relative;}
.org_wrap_b .tit{position: absolute;top: 50px;right: 75px;font-size: 19px;color: #231f20;font-weight: 900;text-align: right;opacity: 0.1;letter-spacing: 1px;}
.org_wrap_b .organization{display:inline-block;width:100%; height:auto; }
.org_wrap_b .organization:before{content:"";position:absolute;top:205px;left: 50%;width:1px;height:107px;background-color:#c6c6c6;}
.org_wrap_b .organization > li{ position:relative;width:100%; height:auto; margin:0 auto;text-align:center; }
.org_wrap_b .organization .step1{display:inline-block;position:relative;min-width:204px;height:204px;background: #2655ae;font-size: 1.65em;text-align:center;color:#fff;line-height:204px;box-sizing:border-box;vertical-align:middle; border-radius:50%;}
.org_wrap_b .organization .step1 > a{display: block;width: 100%;height: 100%;padding-top: 105px;color:#fff;}
.org_wrap_b .organization .step2{display:inline-block;position:relative;min-width: 280px;height: 65px;background: #f7faff; border:3px solid #2655ae; font-size: 1.65em;text-align:center;color:#2655ae;line-height: 65px;box-sizing:border-box;vertical-align:middle; margin-top:15px;}
.org_wrap_b .organization .step2 > a{display: block;width: 100%;height: 100%;padding-top: 105px;color:#fff;}
.org_wrap_b .organization .step3{display:inline-block;position:relative;min-width: 280px;height: 65px;background: #f7faff; border:3px solid #2655ae; font-size: 1.65em;text-align:center;color:#2655ae;line-height: 65px;box-sizing:border-box;vertical-align:middle; margin-top:15px;}
.org_wrap_b .organization .step3 > a{display: block;width: 100%;height: 100%;padding-top: 105px;color:#fff;}
.org_wrap_b .organization ul li span{display:block;font-size:18px;color:#fff;text-align:center;line-height: 54px;}
.org_wrap_b .organization .group1{margin-top: 35px;}
.org_wrap_b .organization .group1 li{display: inline-block;position: relative;min-width: 238px;height:55px;}
.org_wrap_b .organization .group1 li:before{content:"";position:absolute;top:30px;height:1px;background-color: #0e667a;transform:translateX(-50%);}
.org_wrap_b .organization .group1 .step2{display: block;position:relative;margin: 0 auto;background-color: #2373b2;line-height:54px;letter-spacing: -0.1em;}
.org_wrap_b .organization .group1 .step2 > a{display: block;width: 100%;height: 100%;color:#fff;line-height: 45px;}
.org_wrap_b .organization .group1.col2 li:nth-child(1){right: 100px;}
.org_wrap_b .organization .group1.col2 li:nth-child(1):before{right: -200px;left: 100%;}
.org_wrap_b .organization .group1.col2 li:nth-child(2){left: 100px;}
.org_wrap_b .organization .group1.col2 li:nth-child(2):before{left: 0%;right: 0;}
.org_wrap_b .organization .group2{position: relative;width:100%;height: auto;padding:0;margin: 60px 0 0 0;}
.org_wrap_b .organization .group2:before{content:"";position:absolute;top: -25px;left: 50%;width: 66.3%;height:1px;background-color:#e3e4e5;transform:translateX(-50%);}
.org_wrap_b .organization .group2:after{content:"";display:block;clear:both;}
.org_wrap_b .organization .group2 li{float: left;position: relative;width: 33.3333%;}
.org_wrap_b .organization .group2 li:before{content:"";position:absolute;top: -24px;left: 50%;width:1px;height: 24px;background-color: #ddd;}
.org_wrap_b .organization .group2 li span{margin: 0 15px;}
.org_wrap_b .organization .group2 .step3{margin-bottom:10px;background-color:#2655ae;}
.org_wrap_b .organization .group2.col7 li{width: 14.285%;}
.org_wrap_b .organization .group2.col7:before{width: 85.9%;}

@media only screen and (max-width:767px){
	.org_wrap_b .organization:before{ display:none}
	.org_wrap_b .organization .group1,
	.org_wrap_b .organization .group2{padding-left:0px}
	.org_wrap_b .organization .step1{/*width:100%*/}
	.org_wrap_b .organization .step1:before{left:50%}
	.org_wrap_b .organization .step1:after{margin-left: -47px;}
	.org_wrap_b .organization .group1 li{display:block;margin-bottom: 10px;}
	.org_wrap_b .organization .group1.col2 li:nth-child(1){right: auto;}
	.org_wrap_b .organization .group1.col2 li:nth-child(2){left:auto;}
	.org_wrap_b .organization .group1.col2 li:nth-child(1):before{right: auto;left: 0;width: 40px;}
	.org_wrap_b .organization .group1.col2 li:nth-child(2):before{right: auto;left: 0;width: 40px;}
	.org_wrap_b .organization .group2{margin-top:20px}
	.org_wrap_b .organization .group2:before{display:none;}
	.org_wrap_b .organization .group2 li:before{left:-20px;top:50%;width:20px;height:0px;}
	.org_wrap_b .organization .group2 li span{margin:0}
	.org_wrap_b .organization .group2 li,
	.org_wrap_b .organization .group2.col7 li{width:100%;margin-bottom:10px}
}



.org_wrap_b .organization::before {background-color: #ddd;}
.org_wrap_b .organization .group1.col2 li:nth-child(1) {right: 200px;}
.org_wrap_b .organization .group1.col2 li:nth-child(1):before {right: -164px;}
.org_wrap_b .organization .group2 {margin: 24px 0 0 0;}
.org_wrap_b .organization .group2:before {display: none;}
.org_wrap_b .organization .group2 li {float: none; width: 100%;}
.org_wrap_b .organization .group2 .step3 {margin: 0 auto; width: 33.3333%;}
.org_wrap_b .organization .group3 {position: relative;}
.org_wrap_b .organization .group3::after {content: ""; display: block; clear: both;}
.org_wrap_b .organization .group3::before {content: "";position: absolute;top: 0;left: 50%;width: 1px;height: 45px;background-color: #ddd;}
.org_wrap_b .organization .group3 > li {float: left;width: 25%;margin-top: 70px;position: relative;}
.org_wrap_b .organization .group3 > li::before {content: "";position: absolute;top: -27px;left: 50%;width: 100%;height: 1px;background-color: #ddd;}
.org_wrap_b .organization .group3 > li:last-child::before {content: ""; position: absolute; top: -27px; left: 0; width: 50%; height: 1px; background-color: #ddd;}
.org_wrap_b .organization .group3 > li .step4 {position: relative; border: 2px solid #2655ae; width: 80%; margin: 0 auto; display: block; background: #fff; font-weight:400; color: #2655ae; padding: 8px 0; line-height: 1.5; font-size: 1.2em; text-align: center;}
.org_wrap_b .organization .group3 > li .step4::before {content: ""; position: absolute; top: -29px; left: 50%; width: 1px; height: 27px; background-color: #ddd;}
.org_wrap_b .organization .group3 > li ul {width:74%; min-height:140px;  margin: 0 auto; padding: 15px; border: 1px solid #e1e1e1; border-top: none; background: #fdfbfb;}
.org_wrap_b .organization .group3 > li ul li::before {display: none;}
.org_wrap_b .organization .group3 > li ul li {position: relative; padding-left: 10px; text-align: left;}
.org_wrap_b .organization .group3 > li ul li::after {display: inline-block; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; background-color: #71777e; border-radius: 50%; content: ""; line-height: 18px;}

@media (max-width: 767px) {
    .org_wrap_b .organization .group1.col2 li:nth-child(1) {right: 0;}
    .org_wrap_b .organization .group2 .step3 {width: 100%;}
    .org_wrap_b .organization .group2 li::before {top: 30px;}
    .org_wrap_b .organization .group3 > li {float: none; width: 100%; margin-top: 40px;}
    .org_wrap_b .organization .group3::before {left: 15px; height: 752px; top: 20px;}
    .org_wrap_b .organization .group3 > li::before {width: 55px; top: 20px; left: 15px;}
    .org_wrap_b .organization .group3 > li:last-child::before {width: 55px; top: 20px; left: 15px;}
    .org_wrap_b .organization .group3 > li .step4 {width: 80%;}
    .org_wrap_b .organization .group3 > li ul {width: 74%;}
    .org_wrap_b .organization .group3 > li .step4::before {display: none;}
}
@media (max-width: 470px) {
    .org_wrap_b .organization .group3::before {height: 340px;}
    .org_wrap_b .organization .group3 > li .step4 {width: 99%;}
    .org_wrap_b .organization .group3 > li ul {width: 88%;}
}



.business-slides li img{min-height:445px;}

.business .business-spot {
  margin-bottom: 100px;
}


.business .business-spot .bx-wrapper .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  padding: 20px 30px;
}




.business .business-spot .bx-wrapper .caption strong {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
.business .business-spot .bx-wrapper .caption ul {
  margin-top: 10px;
}
.business .business-spot .bx-wrapper .caption ul li {
  color: #fff;
  margin-bottom: 5px;
  font-weight: 300;
}
.business .business-spot .bx-wrapper .caption ul li:before {
  background: #fff;
}
.business .business-spot .bx-wrapper .caption ul li span {
  display: table-cell;
}
.business .business-spot .bx-wrapper .caption ul li span:first-child {
  width: 120px;
  position: relative;
}
.business .business-spot .bx-wrapper .caption ul li span:first-child:after {
  content: ":";
  position: absolute;
  right: 0;
}
.business .business-spot .bx-wrapper .caption ul li span:last-child {
  padding-left: 10px;
}
.business .business-spot .bx-wrapper .bx-controls-direction a {
  width: 53px;
  height: 53px;
  margin-top: 0px;
}
.business .business-spot .bx-wrapper .bx-prev {
  left:-60px;
  background: url('/common/img/sub/btn_corp_prev.png') 50% 50% no-repeat;
}

.business .business-spot .bx-wrapper .bx-next {
  right:-60px;
  background: url('/common/img/sub/btn_corp_next.png') 50% 50% no-repeat;
}

.business .business-spot .bx-wrapper .bx-pager {
  border: 1px solid #fff;
  padding: 0;
  width: 75px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  right: 40px;
  bottom: 40px;
  color:#fff;
  display:none
}




@media (max-width: 767px) {
	


.business .business-spot .bx-wrapper .bx-prev, 
.business .business-spot .bx-wrapper .bx-next {
	display:none
}


.business .business-spot .bx-wrapper .bx-pager {
  border: 1px solid #fff;
  padding: 0;
  width: 75px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  right: 10px;
  bottom: 10px;
}


}