@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;}

/* Table */
.table1{ width: 100%; }
.table1 caption {width: 0;height: 0;overflow: hidden;}
.table1 tr > *{padding: 20px;border: 1px solid #ddd;}
.table1 tbody th{background: #3087b4;font-size: 20px;color: #fff;font-weight: bold;letter-spacing: -0.04em;}
.table1 tbody th img {display: block;margin: 0 auto 10px;}
.table1 tbody td{ font-size: 16px;color: #666666;;s: -0.04em;line-height: 30px; }
.table2{ width: 100%; }
.table2 caption {width: 0;height: 0;overflow: hidden;}
.table2 tr > *{padding: 10px;border: 1px solid #ddd;}
.table2 tbody th{background: #f7f7f7;font-size: 18px;color: #333333;font-weight: bold;letter-spacing: -0.04em;}
.table2 tbody td{ font-size: 16px;color: #666666;;s: -0.04em;line-height: 30px; }

/* Tab */
.tab1{ margin-bottom: 40px;font-family: empty;font-size: 0; }
.tab1 > li{display: inline-block;}
.tab1 > li a{display: block;height: 20px;line-height: 20px;padding: 15px;text-align: center;border: 1px solid #ddd;margin-left: -1px;position: relative;z-index: 1;font-size: 15px;color: #000000;letter-spacing: -0.02em;text-decoration: none;}
.tab1 > li.active a{background: #4189f8;color: #fff;border-color: #4189f8;z-index: 2;}

/* Button */
.btnWrap{ margin-top: 40px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px; }

/* Paging */
.paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #dddddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.paging > a.first{}
.paging > a.prev{}
.paging > a.next{}
.paging > a.last{}
.paging > a.active{border-color: #ddd;background: #ddd;}
.paging > a:hover{border-color: #ddd;background: #ddd;}

._tabw .box {display: none;}
._tabw .box.active {display: block;}

/**************************************************
	Layout
**************************************************/
#wrap {padding-top: 90px;}
#header{position: fixed;top: 0;left: 0;z-index: 90;background: #fff;width: 100%;background: #fff;}
#header .inner{position: relative;width: 1200px;height: 90px;margin: 0 auto;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 90px;}
#header:after{position: absolute;bottom: -1px;left: 0;content: '';display: block;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}

#gnb{margin: 0 71px 0 192px;z-index: 2;text-align: center;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 30px;line-height: 90px;font-size: 18px;color: #333333;text-decoration: none;}
#gnb > li.active > a{font-weight: bold;}
#gnb > li > ul{position: absolute;top: 90px;left: 50%;display: none;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #4189f8;background: #fff;box-sizing: border-box;}
#gnb > li > ul > li > a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul > li.active > a{font-weight: bold;}
#gnb > li > ul > li > ul {display: none;}
#gnb > li:hover > ul{display: block;}
#gnb > li.hidden-gnb{display: none;}

#drdw{position: fixed;top: 90px;left: 0;width: 100%;background: #fff;border-top: 1px solid #e8e8e7;border-bottom: 3px solid #4189f8;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1200px;margin: 0 auto;border-right: 1px solid #e8e8e7;}
#drdw .inner > li{display: inline-block;padding: 30px 0 60px;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e7;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #4189f8;text-align: center;font-weight: normal;}
#drdw .inner > li ul li a{display: block;padding: 4px;font-size: 15px;line-height: 22px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.hidden-gnb{display: none;}

#tnb{position: absolute;top: 10px;right: 0;}
#tnb > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb > li a{font-size: 13px;color: #666;}

/* #hd-lan{position: absolute;top: 25px;right: 110px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico.png') no-repeat 0 center, url('/images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;} */
#hd-lan{position: absolute;top: 30px;right: 110px;z-index: 92;}
#hd-lan a,
#hd-lan img {display: block;}

#hd-sch{position: absolute;top: 35px;right: 50px;z-index: 91;}
#hd-sch .btn{display: block;width: 21px;height: 21px;background: url('/images/layout/hd-sch-btn.png');text-indent: -999em;border: none;}
#hd-sch form{position: absolute;display: none;top: 30px;right: 0;width: 200px;padding-right: 45px;border: 1px solid #333;border-radius: 5px;overflow: hidden;background: #fff;}
#hd-sch legend{display: none;}
#hd-sch .inp{width: 100%;height: 43px;line-height: 43px;text-indent: 10px;background: none;border: none;}
#hd-sch .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: #333 url('/images/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}

#slide-btn{position: absolute;top: 35px;right: 0;}
#slide-btn a{display: block;width: 29px;height: 21px;background: url('/images/layout/slide-btn.png');text-indent: -999em;}

#footer{background: #222222;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;}
#footer .fnbWrap .inner{position: relative;width: 1200px;margin: 0 auto;}
#footer .ftWrap{position: relative;width: 1200px;margin: 0 auto;padding: 50px 0;}
#footer address{font-size: 13px;line-height: 20px;color: #b3b3b3;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 12px;color: #777777;}

#partner {position: absolute;top: 0;right: 100px;font-family: empty;font-size: 0;}
#partner li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin-left: 15px;}
#partner li a {height: 70px;line-height: 70px;display: block;font-family: empty;font-size: 0;}
#partner li a img {vertical-align: middle;}

#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('/images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #b3b3b3;letter-spacing: -1px;line-height: 70px;}

#ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('/images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }
#main #mainWrap{  }
#main #mainWrap ._section {padding: 120px 0 140px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
#aside {position: fixed;top: 0;right: 50px;z-index: 90;font-family: empty;font-size: 0;height: 100%;}
#aside:before,
#aside ul {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#aside:before {content: '';width: 0;height: 100%;}
#aside ul li {display: block;margin: 16px 0;}
#aside ul li a {display: block;width: 5px;height: 5px;overflow: hidden;text-indent: -999px;border: 2px solid #ddd;border-radius: 5px;box-shadow: 0 0 2px rgba(0,0,0,0.28);}
#aside ul li.active a {border-color: #4189f8;background: #4189f8;height: 15px;}

#main hgroup {display: block;margin: -10px 0 30px;}
#main hgroup > * {display: block;margin: 10px 0;text-align: center;}
#main hgroup h3 {font-size: 40px;color: #000000;font-weight: bold;}
#main hgroup p {font-size: 18px;color: #666666;font-weight: 100;letter-spacing: -0.01em;}

#main .visual{position: relative;}
#main .visual .roll li{position: relative;overflow: hidden;}
#main .visual .roll li img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .bx-pager{position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .bx-pager-item{display: inline-block;margin: 0 5px;}
#main .visual .bx-pager-item a{display: block;width: 24px;height: 24px;background: url('/images/main/visual-bull.png');text-indent: -999em;}
#main .visual .bx-pager-item a.active{background-image: url('/images/main/visual-bull-on.png');}
#main .marketplace {background-image: url(../images/main/bg1.jpg);}
#main .marketplace .inner {width: 1200px;margin: 0 auto;}
#main .marketplace ul {font-family: empty;font-size: 0;text-align: center;}
#main .marketplace ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 283px;height: 425px;background: #f7f7f7;border: 1px solid #eeeeee;margin-left: 20px;position: relative;font-family: empty;font-size: 0;}
#main .marketplace ul li:first-child {margin-left: 0;}
#main .marketplace ul li .btn {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#main .marketplace ul li:before,
#main .marketplace ul li .center {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#main .marketplace ul li:before {content: '';width: 0;height: 100%;}
#main .marketplace ul li .center > * {display: block;margin: 15px auto;}
#main .marketplace ul li .icon {width: 180px;height: 180px;line-height: 180px;text-align: center;font-family: empty;font-size: 0;background: #fff;border-radius: 50%;}
#main .marketplace ul li .icon img {vertical-align: middle;}
#main .marketplace ul li .tit {font-size: 20px;color: #333333;font-weight: bold;}
#main .marketplace ul li .txt {font-size: 16px;color: #666666;font-weight: 100;letter-spacing: -0.01em;line-height: 24px;}
#main .marketplace ul li .more {border: 1px solid #fff;border-width: 0 1px;width: 140px;height: 0;line-height: 0;text-align: center;background: url(../images/main/more1.png) no-repeat center center;overflow: hidden;text-indent: -999px;transition: all 0.5s;}
#main .marketplace ul li:hover {background: #4189f8;}
#main .marketplace ul li:hover .tit {color: #fff;}
#main .marketplace ul li:hover .txt {color: #fff;}
#main .marketplace ul li:hover .more {height: 38px;line-height: 38px;border-width: 1px;}
#main .service {background-image: url(../images/main/bg2.jpg);}
#main .service hgroup > * {color: #fff;}
#main .service .inner {width: 1200px;margin: 0 auto;}
#main .service ul {font-family: empty;font-size: 0;text-align: center;}
#main .service ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 386px;height: 420px;background: #ffffff;margin-left: 20px;position: relative;overflow: hidden;}
#main .service ul li:first-child {margin-left: 0;}
#main .service ul li .btn {display: block;margin: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#main .service ul li .img {display: block;margin: 0 0 35px 0;position: relative;width: 100%;padding-bottom: 225px;transition: all 0.5s;overflow: hidden;}
#main .service ul li .img:after {display: block;content: '';width: 40px;height: 20px;position: absolute;bottom: 0;left: 50%;margin-left: -20px;background: url(../images/main/service-arrow.png) no-repeat center 100%;-webkit-background-size: contain;background-size: contain;}
#main .service ul li .img img {display: block;width: 100%;position: absolute;top: 0;left: 0;}
#main .service ul li > * {display: block;margin: 15px 0;}
#main .service ul li .tit {margin-top: 0;font-size: 18px;color: #333333;font-weight: bold;}
#main .service ul li .txt {font-size: 16px;color: #666666;font-weight: 100;letter-spacing: -0.01em;line-height: 24px;}
#main .service ul li .more {margin-top: 20px;height: 13px;background: url(../images/main/more2.png) no-repeat center center;overflow: hidden;text-indent: -999px;}
#main .service ul li:hover .img {margin-bottom: 40px;margin-top: -20px;padding-bottom: 225px;}
#main .customer {background-image: url(../images/main/bg3.jpg);}
#main .customer .inner {width: 1200px;margin: 0 auto;}
#main .customer ul {font-family: empty;font-size: 0;text-align: center;}
#main .customer ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;position: relative;z-index: 0;font-family: empty;font-size: 0;margin-left: 20px;width: 386px;height: 425px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
#main .customer ul li .btn {display: block;margin: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#main .customer ul li:first-child {margin-left: 0;}
#main .customer ul li:after {display: none;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(65,137,248,0.95);z-index: -1;}
#main .customer ul li:before,
#main .customer ul li .center {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#main .customer ul li:before {content: '';width: 0;height: 100%;}
#main .customer ul li > * {display: block;margin: 15px 0;color: #fff;}
#main .customer ul li .more {border: 1px solid #fff;border-width: 0 1px;width: 140px;height: 0;line-height: 0;text-align: center;background: url(../images/main/more1.png) no-repeat center center;overflow: hidden;text-indent: -999px;transition: all 0.5s;}
#main .customer ul li:before,
#main .customer ul li .center {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#main .customer ul li:before {content: '';width: 0;height: 100%;}
#main .customer ul li .center > * {display: block;color: #fff;}
#main .customer ul li .tit {font-size: 30px;font-weight: bold;}
#main .customer ul li .txt {font-size: 16px;font-weight: 100;line-height: 24px;max-height: 0;overflow: hidden;transition: all 0.5s;}
#main .customer ul li:hover:after {display: block;}
#main .customer ul li:hover .center > * {margin: 15px auto;}
#main .customer ul li:hover .txt {max-height: 60px;}
#main .customer ul li:hover .more {border-width: 1px;height: 38px;line-height: 38px;}
#main .company {background-image: url(../images/main/bg4.jpg);}
#main .company .inner {width: 1200px;margin: 0 auto;}
#main .company ul {font-family: empty;font-size: 0;text-align: center;}
#main .company ul li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 25%;background: #ffffff;position: relative;padding: 30px;box-sizing: border-box;border: 1px solid #ddd;margin-left: -1px;}
#main .company ul li a {display: block;text-decoration: none;}
#main .company ul li .icon {display: block;height: 80px;line-height: 80px;text-align: center;background-repeat: no-repeat;background-position: center center;font-family: empty;font-size: 0;}
#main .company ul li .icon img {vertical-align: middle;}
#main .company ul li .tit {display: block;font-size: 20px;color: #333333;font-weight: bold;letter-spacing: -0.01em;margin-top: 10px;}
#main .company ul li:hover {background: #4189f8;}
#main .company ul li:hover .icon img {opacity: 0;}
#main .company ul li:hover .tit {color: #fff;}

/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;width: 1200px;margin: 50px auto 30px; }
#sub #content:after {display: block;clear: both;content: '';}
#sub .lnbWrap{float: left;width: 200px;}
#sub #subCont{float: right;width: 950px;}

#sub .sub-vis{position: relative;height: 250px;overflow: hidden;text-align: center;}
#sub .sub-vis > img{position: absolute;top: ;left: 50%;margin-left: -960px;z-index: -1;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 35px;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}

.lnbWrap {box-shadow: 2px 2px 2px rgba(0,0,0,0.18);}
.lnbWrap h2 {background: #3087b4;text-align: center;padding: 55px 20px;font-size: 22px;color: #fff;font-weight: bold;letter-spacing: -0.02em;}
#lnb > li > a{display: none;}
#lnb > li > ul > li{display: block;border-top: 1px solid #fff;}
#lnb > li > ul > li > a{display: block;padding: 10px 18px;line-height: 30px;font-size: 15px;color: #fff;text-decoration: none;color: #fff;background: #3087b4;}
#lnb > li > ul > li.active > a{background: #fff;color: #000000;}
#lnb > li > ul > li > ul {padding: 10px 20px;background: #f7f7f7;}
#lnb > li > ul > li > ul > li {margin-top: 10px;}
#lnb > li > ul > li > ul > li > a {display: block;font-size: 15px;line-height: 20px;color: #666666;letter-spacing: -0.02em;}
#lnb > li > ul > li > ul > li  > ul {display: none;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

.policybox{white-space: pre-wrap;}

#marketplace .top:after {display: block;clear: both;content: '';}
#marketplace .top .lef {float: left;width: 460px;text-align: center;font-family: empty;font-size: 0;height: 350px;}
#marketplace .top .lef img {vertical-align: middle;max-width: 100%;max-height: 100%;}
#marketplace .top .rig {float: right;width: 470px;}
#marketplace .top .rig > * {display: block;}
#marketplace .top .rig .t0 {margin: 0 0 10px;font-size: 30px;color: #000000;font-weight: bold;letter-spacing: -0.02em;}
#marketplace .top .rig .t1 {margin: 10px 0 30px;font-size: 18px;color: #4189f8;font-weight: normal;letter-spacing: -0.02em;font-style: normal;}
#marketplace .top .rig .t2 {margin: 30px 0 0;font-size: 15px;color: #666666;font-weight: 100;letter-spacing: -0.02em;}
#marketplace .mid {margin-top: 0px;}
#marketplace .mid .tab {border-bottom: 1px solid #4189f8;font-family: empty;font-size: 0;padding-left: 1px;}
#marketplace .mid .tab .btn {display: inline-block;zoom: 1;*display: inline;vertical-align: bottom;text-align: center;background: #f7f7f7;width: 16.66%;box-sizing: border-box;border: 1px solid #ddd;border-bottom: 0;margin-left: -1px;height: 50px;line-height: 50px;}
#marketplace .mid .tab .btn.active {background: #fff;color: #4189f8;border-color: #4189f8;position: relative;z-index: 1;}
#marketplace .mid .tab .btn.active:after {display: block;content: '';width: 100%;height: 1px;background: #fff;position: absolute;bottom: -1px;left: 0;}
#marketplace .mid .tabcon {margin: 50px 0;}
#marketplace .mk-list {border-top: 1px solid #ddd;}
#marketplace .mk-list li {border: 1px solid #ddd;border-top: 0;position: relative;padding: 10px;min-height: 190px;}
#marketplace .mk-list li .img {position: absolute;top: 10px;left: 10px;width: 150px;height: 150px;line-height: 150px;background: #f1f1f1;font-family: empty;font-size: 0;text-align: center;}
#marketplace .mk-list li .img img {max-width: 100%;max-height: 100%;vertical-align: middle;}
#marketplace .mk-list li .btn {position: absolute;top: 170px;left: 35px;width: 100px;height: 30px;line-height: 30px;background: #444;font-size: 12px;color: #fff;text-align: center;text-decoration: none;}
#marketplace .mk-list li .tit {display: block;margin-left: 160px;padding: 10px 0;font-size: 18px;color: #111;font-weight: bold;letter-spacing: -0.02em;}
#marketplace .mk-list li .txt {display: block;margin-left: 160px;color: #333;letter-spacing: -0.02em;line-height: 22px;max-height: 110px;overflow: hidden;}






#sub hgroup {display: block;margin-bottom: 15px;}
#sub hgroup > * {display: block;margin-bottom: 5px;}
#sub hgroup h4 {position: relative;font-size: 20px;color: #333333;font-weight: normal;letter-spacing: -0.02em;}
#sub hgroup h4:before {display: block;content: '';width: 20px;height: 2px;background: #3087b4;margin: 0 0 10px;}
.bbg {border: 1px solid #ddd;padding: 20px;background: #f1f1f1;}
.t1 {font-size: 16px;color: #666666;letter-spacing: -0.04em;line-height: 30px;text-align: justify;}
.t-dl {padding-left: 160px;position: relative;display: block;margin-top: 10px;}
.t-dl:first-child {margin-top: 0;}
.t-dl dt {position: absolute;top: 0;left: 0;width: 140px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #fff;font-weight: normal;letter-spacing: -0.04em;background: #3087b4;}
.t-dl dd {font-size: 16px;color: #666666;letter-spacing: -0.04em;line-height: 20px;padding: 5px 0;}


#service2 .t-r {position: absolute;top: 20px;right: 0;font-size: 15px;color: #666666;letter-spacing: -0.05em;}
#service2 .t-r:after {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '';width: 50px;height: 20px;background: #3087b4;margin-left: 10px;}

#ci .ci-color {border: 1px solid #ddd;font-family: empty;font-size: 0;}
#ci .ci-color li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;font-family: empty;font-size: 0;margin: 30px;}
#ci .ci-color li:before,
#ci .ci-color li p {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#ci .ci-color li:before {content: '';width: 60px;height: 60px;}
#ci .ci-color li.blue:before {background: #2c86a9;}
#ci .ci-color li.gray:before {background: #7b7f83;}
#ci .ci-color li p {margin-left: 20px;font-size: 16px;color: #666666;letter-spacing: -0.01em;line-height: 24px;}
#ci .ci-download {font-family: empty;font-size: 0;margin: -10px;}
#ci .ci-download li {margin: 10px;display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 465px;}
#ci .ci-download li a {display: block;text-align: center;background: #3087b4;height: 50px;line-height: 50px;font-size: 15px;color: #fff;letter-spacing: -0.02em;text-decoration: none;}
#ci .ci-download li p {display: block;font-size: 16px;color: #666666;letter-spacing: -0.01em;line-height: 24px;}

#greetings .text:after {display: block;clear: both;content: '';}
#greetings .text .lef {float: left;width: 363px;}
#greetings .text .lef img {display: block;}
#greetings .text .rig {float: right;width: 543px;}
#greetings .text .rig strong {display: block;margin-bottom: 20px;font-size: 30px;color: #3087b4;letter-spacing: -0.02em;line-height: 40px;}

#location dl dt {width: 80px;height: 30px;line-height: 30px;text-align: center;background: #3087b4;font-size: 16px;color: #fff;letter-spacing: -0.01em;border-radius: 15px;}
#location dl > * {margin: 10px 0;display: block;}



#en-aboutus .banner {padding: 25px 0;}
#en-aboutus .banner > * {display: block;margin: 10px 0;text-align: center;}
#en-aboutus .banner strong {font-size: 30px;color: #3087b4;font-weight: bold;letter-spacing: -0.04em;}
#en-aboutus .banner p {font-size: 16px;color: #666666;letter-spacing: -0.01em;line-height: 24px;}
#en-aboutus .li-dot {border: 1px solid #ddd;border-top: 0;}
#en-aboutus .li-dot li {border-top: 1px solid #ddd;padding: 12px;padding-left: 38px;position: relative;font-size: 16px;color: #666666;letter-spacing: -0.01em;line-height: 28px;}
#en-aboutus .li-dot li:after {display: block;content: '';width: 8px;height: 8px;border-radius: 50%;background: #4189f8;position: absolute;top: 22px;left: 18px;}

#en-history .history {margin-top: 10px;}
#en-history .history dl {display: block;position: relative;}
#en-history .history dl dt {position: absolute;top: 30px;left: 0;font-size: 30px;color: #3087b4;}
#en-history .history dl dd {margin-left: 165px;padding: 30px 0;border-top: 1px dashed #ddd;}
#en-history .history dl:first-child dd {border-top: 0;}
#en-history .history dl dd ul li {position: relative;padding-left: 10px;font-size: 16px;color: #666666;letter-spacing: -0.01em;line-height: 30px;}
#en-history .history dl dd ul li:after {position: absolute;top: 0;left: 0;display: block;content: '-';font-size: 16px;color: #666666;letter-spacing: -0.01em;line-height: 30px;}

#en-certificate #sb-partner > li {width: 23%;}
#en-certificate #sb-partner > li .link {border: 0;}
#en-certificate #sb-partner > li .tmb {height: 313px;line-height: 313px;}
#en-certificate #sb-partner > li .tmb:before {height: 313px;}
#en-certificate #sb-partner > li .infobox {border: 0;padding: 15px;}
#en-certificate #sb-partner > li .infobox .sbj{max-height: 40px;overflow: hidden;text-overflow: initial;white-space: normal;text-align: center;}

#en-ceo .svis {font-family: empty;font-size: 0;}
#en-ceo .svis > li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;width: 50%;box-sizing: border-box;}
#en-ceo .svis > .lef {box-shadow: 10px 10px 20px rgba(1,1,1,0.35);}
#en-ceo .svis > .rig {background: #4189f8;text-align: center;padding: 65px 30px;}
#en-ceo .svis img {display: block;max-width: 100%;margin: 0 auto;}
#en-ceo p {font-size: 16px;color: #333333;font-weight: 100;line-height: 32px;}
#en-ceo p:before {display: block;content: '';width: 20px;height: 2px;background: #3087b4;margin-bottom: 20px;}

#en-econet img {display: block;max-width: 100%;margin: 0 auto;}

caption, legend {
    height: 0;
    visibility: hidden;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

.tabcon table th{padding:10px 18px;color:#282828;font-weight:normal;text-align:center;background: #fbfcfd;border: 1px solid #ebebeb;}
.tabcon table td{padding:10px 18px;color:#707070;text-align:center;background:#fff;border: 1px solid #ebebeb;}
.tabcon table td.left {text-align: left;}

.contTitWrap{clear:both;position:relative;margin-bottom:10px;*display:inline-block;zoom:1;}
.contTitWrap:after{content:'';display:block;clear:both;height:0;}
.contTitWrap .contTit{margin-top:-3px;color:#282828;font-weight: normal;font-size:25px;line-height:normal;white-space:nowrap;}
.contTitWrap .contTit .linkText{margin-left:6px;font-size:14px;}
.contTitWrap.result .contTit.flLeft{width:auto;margin-right:20px;}
.contTitWrap.result .rsTxt{float:left;height:30px;padding-top:7px;*padding-top:5px;color:#282828;}
.rsTxt .fcBlue{font-weight:bold;}

.contTitWrap .contTit.flLeft, .contTitWrap .contSubTit.flLeft{float:left;width:280px;overflow:visible;line-height:30px;}
.contTitWrap .contRight{float:left;width:710px;}
.contTitWrap .contRight .infoBox{float:left;width:235px;}
.contTitWrap .contRight .infoBox .subTit{margin-bottom:15px;font-size:20px;color:#282828;}
.contTitWrap .contRight .infoBox .blList01{line-height:24px;}
.contTitWrap .contRight .listTit{margin:20px 0 15px;font-size:20px;color:#282828;}
.contTitWrap .contRight .screenShot{margin-top:35px;}
.contTitWrap .contRight .blMark{font-size:13px;}

.contSubTit{margin-bottom:14px;color:#282828;font-size:20px;font-weight: normal;}
.contSubTit span.sideCmt{margin-left:15px;font-weight:normal;font-size:14px;color:#707070;}

/* table */
table .numb, table .date, table .count, table .prod{letter-spacing:0;}/* ���̺� �� ����, ��¥, ��ȸ���� letter-spacing:0 */

.tList01{width:100%;border-top:2px solid #6a8ec6;border-bottom:1px solid #b3b3b3;}
.tList01 table{width:100%;}
.tList01 table th, .tList01 table td{border-left:1px solid #ccc;line-height:20px;}
.tList01 th label{display:inline-block;color:#282828;}
.tList01 table th.first, .tList01 table td.first{border-left:none;}
.tList01 table th{padding:11px 6px 13px;background:#fbfcfd;color:#282828;}
.tList01 table tr.bdrT th{border-top:1px solid #ccc;}
.tList01 table td{padding:13px 6px 15px;border-top:1px solid #ccc;color:#707070;text-align:center;}
.tList01 table td .icon{display:inline-block;margin:0 5px;}
.tList01 table td .icon img{vertical-align:middle;}
.tList01 table tr.first td{border-top:1px solid #ccc;}
.tList01 table .tLeft{padding:15px 20px 14px;text-align:left;}
.tList01 table .tRight{padding:15px 20px 14px;text-align:right;}
.tList01.nVLine table th, .tList01.nVLine table td{border-left:none;}
.tList01 table td.down .linkTLine{display:inline-block;min-width:55px;padding:0 7px;}
.tList01 table td.result{padding:35px 0;}
.tList01 table .emph td{background:#fbfcfd;color:#0e77d9;}

.tList01.type2 table th, .tList01.type2 table td, .tList01.type2 table tr.bdrT th{border-color:#e6e6e6;}
.tList01.type2 table tr:first-child td{border-top-color:#d8d8d8;}

.tList02{width:100%;border-top:2px solid #6a8ec6;border-bottom:1px solid #b3b3b3;}
.tList02 table{width:100%;}
.tList02 table th, .tList02 table td{border-top:1px solid #ebebeb;padding:15px 20px;line-height:24px;}
.tList02 th label{display:inline-block;color:#282828;}
.tList02 table th{background:#fbfcfd;font-weight: normal;border-right:1px solid #ebebeb;text-align:left;color:#282828;vertical-align:middle;}
.tList02 table th.bdrL{border-left:1px solid #ebebeb;}
.tList02 table .first th, .tList02 table .first td{border-top:none;}
.tList02 table td .icon{display:inline-block;}
.tList02 table td .icon img{vertical-align:middle;}
.tList02 table td .icon.small{height:14px;line-height:14px;}
.tList02.lh20 table th, .tList02.lh20 table td, .tList02.lh20 td ul li{line-height:20px;}


.callCenter{margin:20px 0 25px;font-size:19px;color:#0e77d9;}
.callCenter span{font-size:19px;letter-spacing:0;color:#0e77d9;}

.btnWhite{display:inline-block;height:34px;padding:14px 49px 0;background-color:#fff;border:1px solid #1f4787;text-align:center;}
.btnWhite.disable, a.btnWhite.disable:hover, a.btnWhite.disable:focus{border:1px solid #a5b5cf;background-color:#fff;cursor:default;}
.btnWhite.disable .btnIcon{-ms-filter:"alpha(opacity=40)";filter:alpha(opacity = 40);opacity:0.4;}
.btnWhite.disable .btnTxt, a.btnWhite.disable:hover .btnTxt, a.btnWhite.disable:focus .btnTxt{color:#dadfe7;}
.btnWhite .btnIcon{display:inline-block;width:29px;height:20px;margin-right:15px;background:url('/images/sub/btn_white_icon.png') no-repeat 0 0;vertical-align:top;}
.btnWhite .btnTxt{display:inline-block;color:#1f4787;font-size:20px;vertical-align:top;margin-top:-7px;line-height:normal;}
.btnWhite .btnIcon.mail, a.btnWhite.disable:hover .btnIcon.mail, a.btnWhite.disable:focus .btnIcon.mail{background-position:0 0;}
a.btnWhite:hover, a.btnWhite:focus{background:#1f4787;}
a.btnWhite:hover .btnTxt, a.btnWhite:focus .btnTxt{color:#fff;text-decoration:none;}
a.btnWhite:hover .btnIcon.mail, a.btnWhite:focus .btnIcon.mail{background-position:-31px 0;}

.tabSubMenu{padding:1px 0 0 1px;overflow: hidden;background:url('/images/sub/line_tab_sub_menu.gif') repeat-y 0 0;}
.tabSubMenu ul{float:left;}
.tabSubMenu li{float:left;}
.tabSubMenu li a{display:inline-block;position:relative;z-index:0;width:194px;height:30px;margin-top:-1px;padding:15px 29px 0 14px;background:url('/images/sub/bg_tab_sub_menu.gif') no-repeat right 0;color:#282828;font-size:13px;line-height:16px;}
.tabSubMenu li a.row2{height:38px;padding-top:7px;}
.tabSubMenu li a:hover{background:url('/images/sub/bg_tab_sub_menu.gif') no-repeat right -45px;color:#0e77d9;}
.tabSubMenu li.on a, .tabSubMenu li.on a:hover{z-index:3;padding-left:15px;margin-left:-1px;background:url('/images/sub/bg_tab_sub_menu.gif') no-repeat right -90px;color:#0e77d9;}
.tabSubMenu.three{width:742px;}

/* sub layout & sub title */
.hide{position:absolute;*position:static;top:-11000px;left:-11000px;width:0;height:0;padding:0;margin:0;color:transparent;font-size:0;line-height:0;overflow:hidden;}
.sTitEm{margin-bottom:14px;color:#1f4787;font-size:18px;}
.sTitEm .sub{margin-top:5px;width:170px;font-size:13px;line-height:19px;color:#707070;}
.ssTit{margin-bottom:14px;color:#282828;font-size:16px;}
.ssTit.flClear{clear:both;padding-bottom:14px;}


.subContLR{width:100%;*display:inline-block;zoom:1;}
.subContLR:after{content:'';display:block;clear:both;height:1%;}
.subContLR dt.fl{clear:both;float:left;width:240px;padding-bottom:20px;}
.subContLR dd.subCont{float:right;*float:initial;width:710px;*padding-left:20px;padding-bottom:35px;}
.subContLR dd.subFull{float:left;width:100%;margin-top:-20px;padding-bottom:35px;text-align:center;}
.subContLR dd.subFull .tList02, .subContLR dd.subFull .tList01{text-align:left;}
.subContLR.mtm{margin-bottom:-35px;}

/* left title :Malgun Gothic(20px) */
.ssContLR{width:100%;*display:inline-block;zoom:1;}
.ssContLR:after{content:'';display:block;clear:both;height:1%;}
.ssContLR .fl{clear:both;float:left;width:240px;padding-bottom:20px;}
.ssContLR .subCont{float:right;*float:initial;width:710px;*padding-left:20px;padding-bottom:35px;}
.ssContLR .subFull{float:left;width:100%;margin-top:-15px;padding-bottom:35px;text-align:center;}
.ssContLR .subFull .tList02, .ssContLR .subFull .tList01{text-align:left;}
.ssContLR .subFull img { margin-left: -40px; }
.ssContLR.mtm{margin-bottom:-35px;}

.serviceTab {margin-top: 20px;}
.serviceTab .tab {border-bottom: 1px solid #4189f8;font-family: empty;font-size: 0;padding-left: 1px;}
.serviceTab .tab .btn {display: inline-block;zoom: 1;*display: inline;vertical-align: bottom;text-align: center;background: #f7f7f7;width: 25%;box-sizing: border-box;border: 1px solid #ddd;border-bottom: 0;margin-left: -1px;height: 50px;line-height: 50px;}
.serviceTab .tab .btn.active {background: #fff;color: #4189f8;border-color: #4189f8;position: relative;z-index: 1;}
.serviceTab .tab .btn.active:after {display: block;content: '';width: 100%;height: 1px;background: #fff;position: absolute;bottom: -1px;left: 0;}
.serviceTab .tabcon {margin: 50px 0;}

/* table top guide */
.wrapInfoRight{position:relative;height:24px;margin-bottom:10px;}
.infoRight{position:absolute;bottom:0;right:0;font-size:13px;}
.infoRight .icon img{margin-right:9px;vertical-align:middle;}
.wrapInfoRight .infoDesc .infoTit{color:#282828;}
.wrapInfoRight .infoDesc .infoCont{display:inline-block;padding-left:12px;padding-right:3px;margin-left:10px;background:url('//image.ahnlab.com/img_upload/kr/site/images2/common/bar_1x12_d8d8d8.gif') no-repeat 0 50%;}
.wrapInfoRight .infoDesc .infoCont.first{padding-left:5px;margin-left:0;background:none;}
.infoRight.required{color:#f75700;}
.infoRight.required .icon img{margin-right:4px;}

.fcStrong{color:#1f4787;}
.blQ li{height:30px;line-height:30px;overflow:hidden;padding-left:22px;background:url('/images/sub/bl_que.gif') no-repeat 0 9px;}
.blTime{padding-left:22px;background:url('/images/sub/bl_clock.png') no-repeat 0 5px;}
.cmtCaution{padding-left:11px;background:url('/images/sub/ico_caution.gif') no-repeat 0 6px;font-size:13px;}
.cmtInfo{padding-left:25px;background:url('/images/sub/ico_info.png') no-repeat 0 3px;color:#0e77d9;}

.service6 > li {font-size: 0;}
.service6 > li + li {margin-top: 50px;border-top: 1px solid #ddd;padding-top: 50px;}
.service6 > li > .img {width: 330px;height: 330px;display: inline-block;vertical-align: top;background: #eee;}
.service6 > li > .right {display: inline-block;width: 610px;padding-left: 30px;box-sizing: border-box;}
.service6 > li > .right {}
.service6 > li > .right h4 {font-size: 22px;font-weight: normal;}
.service6 > li > .right ul {margin-top: 10px;}
.service6 > li > .right ul > li {padding: 8px 0;font-size: 0;border-bottom: 1px dashed #ddd;}
.service6 > li > .right ul > li .tit {display: inline-block;vertical-align: top;width: 25%; font-size: 14px;font-weight: normal;}
.service6 > li > .right ul > li .con {display: inline-block;vertical-align: top;width: 75%; font-size: 14px;}
.service6 > li > .right ul > li .con a {}
.service6 > li > .right ul > li .con a.btn {display: inline-block;vertical-align: middle;margin-left: 10px;padding: 3px 5px;background: #3087b4;color: #fff;text-decoration: none;}