@charset "utf-8";

@import url('basic.css'); /* 기본설정 */
@import url('setup.css'); /* 사이트 세부설정 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); /* nanum gothic */

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

/* header */
#header { position:relative; width:100%; padding:30px 0 0 0; border-bottom:1px solid #ddd; }
#header h1 { float:left; font-size:0; line-height:0; }
#header div.language { float:right; position:relative; font-family:"NanumGothic","Nanum Gothic"; font-size:0; line-height:0; }
#header div.language a { display:inline-block; margin-left:20px; font-size:15px; color:#757575; line-height:22px; }
#header div.language a:hover { color:#000; }
#header div.language div.language-list { position:absolute; top:25px; display:none; z-index: 999; }
#header div.language div.language-list a { display:block; }
#header div.list { display:none; float:right; font-size:0; line-height:0; }
#gnb { float:left; overflow:hidden; margin-left:15px; }
#gnb li { float:left; margin-left:50px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; }
#gnb li a { display:block; color:#333; line-height:22px; padding:0 10px 30px 10px; }
#gnb li a.on, #gnb li a:hover { font-weight:bold; color:#0a4899; padding:0 10px 27px 10px; border-bottom:3px solid #0a4899; }

/* submenu */
#submenu { display:none; position:absolute; left:0; top:83px; width:100%; background-color:#fbfbfb; border-bottom:2px solid #0a4899; z-index:9999; }
#submenu ul.menu { overflow:hidden; margin-left:183px; padding:10px 0; }
#submenu ul.menu li { float:left; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; font-weight:600; }
#submenu ul.menu li.width1 { width:130px; }
#submenu ul.menu li.width2 { width:135px; }
#submenu ul.menu li.width3 { width:145px; }
#submenu ul.menu li.width4 { width:110px; }
#submenu ul.menu li.width5 { width:150px; }
#submenu ul.menu li.width6 { width:130px; }
#submenu ul.menu li a { display:block; color:#707070; line-height:22px; padding:5px 0 5px 11px; background:url('/assets/images/www/common/menu_bullet.jpg') no-repeat left 15px; }
#submenu ul.menu li a.first { margin-top:0; }
#submenu ul.menu li a:hover { color:#0a4999; }

/* mobileMenu */
#mobileMenu { display:none; overflow-y:auto; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:#fff; }
#mobileMenu div.top { position:relative; font-family:"NanumGothic", "Nanum Gothic"; font-size:16px; font-weight:600; color:#0a4899; line-height:50px; padding-left:20px; }
#mobileMenu div.top div.close { position:absolute; width:auto; height:auto; top:13px; right:19px; font-size:0; line-height:0; margin:0; padding:0; background:none; }
#mobileMenu a { color:#333; }
#mobileMenu .gnb { border-top:1px solid #d0d0d0; }
#mobileMenu .gnb li { font-family:"NanumGothic", "Nanum Gothic"; font-size:15px; line-height:40px; border-bottom:1px solid #d0d0d0; font-weight:600; background:#f5f5f5; }
#mobileMenu .gnb li a { padding-left:20px; }
#mobileMenu .gnb li .sub_gnb { display:none; }
#mobileMenu .gnb li.on { background:#0a4899 url('/assets/images/www/common/sidemenu_line.png') no-repeat right 19px; border-bottom:none; }
#mobileMenu .gnb li.on a { color:#fff; }
#mobileMenu .gnb li.on .sub_gnb { display:block; background:#fff; }
#mobileMenu .gnb li.on .sub_gnb a { width:100%; color:#555; display:inline-block; }
#mobileMenu .gnb li.on .sub_gnb a:hover { color:#000; }
#mobileMenu .gnb li.on .sub_gnb li { font-weight:normal; background:none; }

/* main */
#main { width:100%; }
#main div.wrap { width:1400px; }
#main div.visual { position:relative; width:100%; }
#main div.visual div.img { font-size:0; line-height:0; text-align:center; }
#main div.visual div.img img { width:100%; max-width:1400px; }
#main div.visual div.bg1 { font-size:0; line-height:0; text-align:center; background-color:#080808; }
#main div.visual div.bg2 { font-size:0; line-height:0; text-align:center; background-color:#c8c8c8; }
#main div.visual div.bg3 { font-size:0; line-height:0; text-align:center; background-color:#eaeaea; }
#main div.visual div.bg4 { font-size:0; line-height:0; text-align:center; background-color:#c7c3c2; }
#main div.visual div#vslide { clear:both; max-height:580px; }
#main div.iconwrap { position:absolute; left:0; bottom:0; width:100%; background:url('/assets/images/www/main/icon_bg.png') repeat left top; z-index:999; }
#main div.iconwrap ul.icon { overflow:hidden; width:1400px; margin:0 auto; padding-bottom:15px; }
#main div.iconwrap ul.icon li { float:left; width:20%; margin-top:15px; text-align:center; background:url('/assets/images/www/main/icon_line.png') no-repeat left top; }
#main div.iconwrap ul.icon li.first { background:none; }
#main div.iconwrap ul.icon li a p.tit { color:#fff; }
#main div.iconwrap ul.icon li a:hover p.tit { color:#fff200; }
#main div.iconwrap ul.icon li p.tit { font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#fff; line-height:21px; }
#main div.iconwrap ul.icon li p.txt { font-family:"NanumGothic","Nanum Gothic"; font-size:15px; color:#fff; line-height:21px; }
#main div.iconwrap ul.icon li a div.icon { display:block; overflow:hidden; height:66px; margin:11px 0; font-size:0; line-height:0; }
#main div.iconwrap ul.icon li a:hover div.icon img { margin-top:-66px; }
#main div.boardwrap { overflow:hidden; margin:20px 0; padding-top:10px; border-left:1px solid #ddd; border-right:1px solid #ddd; }
#main div.boardwrap div.titwrap { overflow:hidden; margin:0 30px; }
#main div.boardwrap div.titwrap div.tit { float:left; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:lighter; color:#333; line-height:25px; }
#main div.boardwrap div.titwrap div.tit strong { font-weight:bold; }
#main div.boardwrap div.titwrap div.paging { float:right; font-size:0; line-height:0; }
#main div.boardwrap div.titwrap div.paging span { display:inline-block; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; color:#333; line-height:23px; padding:0 6px; vertical-align:top; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
#main div.boardwrap div.titwrap div.paging a { vertical-align:top; }
#main div.boardwrap ul.board { overflow:hidden; padding-bottom:20px; background:url('/assets/images/www/main/board_line.jpg') no-repeat center 10px;  }
#main div.boardwrap ul.board li { position:relative; float:left; width:639px; overflow:hidden; margin:25px 30px 0 30px; min-height:210px; }
#main div.boardwrap ul.board li div.photo { position:absolute; top:0; left:0; font-size:0; line-height:0; border:1px solid #ddd; }
#main div.boardwrap ul.board li div.list { padding-left:348px; font-family:"NanumGothic","Nanum Gothic"; }
#main div.boardwrap ul.board li div.list p.subject { font-size:18px; font-weight:600; color:#0a4899; line-height:25px; }
#main div.boardwrap ul.board li div.list div.cont { overflow:hidden; height:105px; margin:13px 0; font-size:14px; color:#555; line-height:21px; }
#main div.boardwrap ul.board li div.list p.date { font-size:14px; color:#555; line-height:21px; }
#main div.product { position:relative; font-size:0; line-height:0; }
#main div.product img { width:100%; }
#main div.product ul.onoff { position:absolute; top:40px; left:50%; margin-left:-30px; overflow:hidden; }
#main div.product ul.onoff li { float:left; margin:0 3px; }
#main div.product ul.onoff li a { display:block; width:14px; height:14px; border-radius:14px; background-color:#fff; }
#main div.product ul.onoff li a.on, #main div.product ul.onoff li a:hover { background-color:#dfeb1d; }

/* contentsWrap */
#visual1 { width:100%; }
#visual1 div.visual { margin-top:30px; font-size:0; line-height:0; }
#visual1 div.visual img { width:100%; }
#visual1 h2 { font-family:"NanumGothic","Nanum Gothic"; font-size:30px; color:#093d83; line-height:35px; padding:20px 0 22px 46px; border-bottom:3px solid #5c8dce; }
#visual2 { width:1400px; margin:0 auto; }
#visual2 div.visual { width:100%; border-bottom:1px solid #ddd; }
#visual2 div.visual img { width:100%; }
#visual2 h2 { font-family:"NanumGothic","Nanum Gothic"; font-size:30px; color:#093d83; line-height:35px; padding:20px 0 22px 46px; border-bottom:3px solid #5c8dce; }
#contentsWrap { overflow:hidden; width:1026px; margin:30px auto 100px auto; }
#product { float:left; width:806px; }
#map { float:right; width:190px; }
#map div.map { position:relative; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#fff; line-height:41px; background:url('/assets/images/www/product/map_bullet.png') no-repeat 162px 16px #e72582; }
#map div.map a { display:block; padding-left:15px; color:#fff; line-height:41px; }
#map div.map ul.map-list { display:none; border-top:1px solid #fff; }
#map div.inquiry { margin-top:20px; padding:14px; font-family:"NanumGothic","Nanum Gothic"; background-color:#f5f5f5; border:1px solid #e2e2e2; }
#map div.inquiry p.tit { font-size:24px; color:#333; line-height:31px; }
#map div.inquiry p.txt { margin-top:6px; font-size:14px; color:#555; line-height:23px; }
#map div.inquiry p.click { margin-top:18px; font-size:18px; }
#map div.inquiry p.click em { padding-left:10px; font-size:12px; line-height:27px; vertical-align:top; }
#map div.inquiry p.click a { color:#e72582; line-height:27px; }
#map ul.icon { overflow:hidden; margin-top:15px; padding:15px 0 10px 0; border:1px solid #e2e2e2; }
#map ul.icon li { float:left; width:94px; font-size:0; line-height:0; text-align:center; }
#map ul.icon li a { display:block; color:#555; }
#map ul.icon li p.name { margin-top:7px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:15px; padding:4px 0; }
#contents { width:980px; padding-left:46px; margin:30px auto 100px auto; }
#contents ul.disc2 { width: 100%; margin-top: 20px;}
#contents ul.disc2 li { position: relative; overflow: hidden; margin-top: 20px;}
#contents ul.disc2 li div.img1 { float:right; font-size: 0; line-height: 0; text-align: right;}
#contents ul.disc2 li div.img1 img { width: 100%;}
#contents ul.disc2 li p { float: left; width:50%; font-family: "NanumGothic", "Nanum Gothic"; font-size: 16px; color: #000; line-height: 24px; padding-top: 10px;}
#contents ul.disc3 { width: 100%; margin-top: 20px;}
#contents ul.disc3 li { position: relative; overflow: hidden; margin-top: 20px;}
#contents ul.disc3 li div.img1 { float:left; width:60%; margin-top: 20px; font-size: 0; line-height: 0;}
#contents ul.disc3 li div.img1 img { width: 100%;}
#contents ul.disc3 li div.text { margin-top:-25px; font-family:"NanumGothic","Nanum Gothic"; font-size:22px; font-weight:600; color:#7dba43; line-height:26px; } 
#contents ul.disc3 li div.text2 { margin-top: 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:22px; font-weight:600; color:#7dba43; line-height:26px; } 
#contents ul.disc3 li div.text3 { margin-top: 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; font-weight:600;color:#7dba43; line-height:24px; } 
#contents ul.disc3 li p.text { font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#7dba43; line-height:20px; } 
#contents ul.disc3 li p.text2 { font-family:"NanumGothic","Nanum Gothic"; font-size:14px;  line-height:18px; }
#contents ul.disc3 li p { font-family: "NanumGothic", "Nanum Gothic"; font-size: 16px; color: #000; line-height: 24px; padding-top: 5px;}
h3 { margin-top:35px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#093d83; line-height:31px; }
h3 span { color:#262626; }
h3 a.application { display:inline-block; margin-left:40px; color:#093d83; line-height:31px; padding-left:38px; vertical-align:top; background:url('/assets/images/www/recruit/application.jpg') no-repeat left top; }
h4 { position:relative; margin-top:25px; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; font-weight:normal; color:#333; line-height:25px; }
h4 span { font-weight:600; color:#00387e; }
h4 a.btn { position:absolute; top:-3px; right:0; }
h5 { margin-top:50px; font-family:"NanumGothic","Nanum Gothic"; font-size:22px; font-weight:600; color:#7dba43; line-height:26px; }

/* style */
.location { width:100%; *zoom:1; border-bottom:1px solid #ddd; background-color:#f3f3f3; }
.location .location-inner { position:relative; width:1026px; margin:0 auto; height:39px; z-index:999; }
.location ul { position:absolute; left:0; top:0; z-index:1; }
.location ul:after { content:""; display:block; clear:both; }
.location ul li { }
.location ul li a { display:inline-block; font-family:"Malgun Gothic"; font-size:12px; color:#555; line-height:39px; padding-right:16px; }
.location ul li a:hover, 
.location ul li a:focus { color:#555; }
.location ul li .depth-in { position:static; display:none; padding:0 0 15px 0; }
.location ul li .depth-in li { padding:0; }
.location ul li .depth-in li a { display:inline-block; margin:0; line-height:25px; padding:0; border:none; }
.location ul li .depth-in li a:hover,
.location ul li .depth-in li a:focus { text-decoration:underline; font-size:12px; }
.location ul li.depth-first { float:left; }
.location ul li.depth-first a { display:block; padding:0 16px 0 0; font-family:"Malgun Gothic"; font-size:12px; color:#333; line-height:39px; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.location ul li.depth-first a img { margin:0 16px 0 16px; }
.location ul li.depth-middle { float:left; padding-left:16px; font-family:"Malgun Gothic"; font-size:12px; color:#555; line-height:39px; }
.location ul li.depth-middle a { border-right:1px solid #ddd; }
.location ul li.depth-middle.on { background:#f3f3f3; }
.location ul li.depth-middle.on .depth-in { display:block; }
.location ul li.depth-last { float:left; padding-left:16px; font-family:"Malgun Gothic"; font-size:12px; font-weight:bold; line-height:39px; }
.location ul li.depth-last a { color:#e63d8f; border-right:1px solid #ddd; }
.location ul li.depth-last.on { color:#fff; background:#f3f3f3; }
.location ul li.depth-last.on .depth-in { display:block; padding-right:15px; }
.location ul li.depth-last .depth-in li a { font-size:12px; font-weight:normal; color:#555; }
.location ul li.depth-last .depth-in li a:hover,
.location ul li.depth-last .depth-in li a:focus { color:#555; }
.tap1 { overflow:hidden; border-bottom:1px solid #ddd; }
.tap1 li { float:left; margin-right:25px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; letter-spacing:-0.5px; }
.tap1 li.service { margin-right:60px; }
.tap1 li.recruit { margin-right:80px; }
.tap1 li a { display:block; color:#202020; line-height:36px; border-bottom:4px solid #fff; }
.tap1 li a.on, .tap1 li a:hover { font-weight:600; color:#e72582; border-bottom:4px solid #e72582; }
.txt1 { margin-top:11px; font-family:"NanumGothic","Nanum Gothic"; font-size:18px; color:#333; line-height:35px; }
.bullet1 { margin-top:14px; }
.bullet1 li { font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#333; line-height:23px; padding:2px 0 2px 18px; background:url('/assets/images/www/product/bullet1.jpg') no-repeat left 10px; }
.bullet1 li.nb { background:none; }
.bullet2 { margin-top:15px; }
.bullet2 li { font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:21px; padding:2px 0 2px 12px; background:url('/assets/images/www/product/bullet2.jpg') no-repeat left 11px; }
.bullet2 li span { font-weight:bold; color:#0a4899; }
.image1 { width:100%; margin-top:18px; font-size:0; line-height:0; }
.image1 img { width:100%; }
.effect { overflow:hidden; width:100%; margin-top:9px; }
.effect li { overflow:hidden; float:left; width:153px; height:100%; min-height:206px; margin:10px 0 1px 10px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; background-color:#f5f5f5; box-shadow:1px 1px 0 rgba(0,0,0,0.3); }
.effect li.first { margin-left:0; }
.effect li div.icon { margin-top:28px; font-size:0; line-height:0; }
.effect li p.tit { margin-top:24px; font-size:14px; font-weight:600; color:#262626; line-height:21px; }
.effect li p.txt { margin-top:10px; font-size:12px; color:#666; line-height:17px; }
.tit-img { width:100%; margin-top:17px; }
.tit-img div.tit { font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#fff; line-height:25px; padding:6px 0; text-align:center; background-color:#0a4899; }
.tit-img div.tit em { font-weight:normal; color:#3b6dac; }
.tit-img div.tit2 { font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:25px; padding:10px 0; text-align:center; background-color:#555; }
.tit-img div.image2 { font-size:0; line-height:0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.tit-img div.image2 img { width:100%; }
.image3 { margin-top:21px; font-size:0; line-height:0; border-top:2px solid #0a4899; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.image3 img { width:100%; }
.certification { margin-top:21px; padding:20px 0 19px 0; font-size:0; line-height:0; text-align:center; border-top:2px solid #0a4899; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.certification p { display:inline-block; margin:0 35px; }
.certification p span { display:block; margin-top:9px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; color:#555; line-height:15px; }
.mgbl { margin:7px 0 0 18px; }
.management { overflow:hidden; margin-top:21px; padding:40px 45px 35px 45px; font-size:0; line-height:0; border-top:2px solid #0a4899; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.management li { float:left; width:337px; margin-left:40px; text-align:center; }
.management li.first { margin-left:0; }
.management li p.name { margin-top:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#333; line-height:25px; }
.effect2 { overflow:hidden; width:100%; margin-top:9px; }
.effect2 li { overflow:hidden; float:left; width:194px; height:100%; min-height:230px; margin:10px 0 1px 10px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; background-color:#f5f5f5; box-shadow:1px 1px 0 rgba(0,0,0,0.3); }
.effect2 li.first { margin-left:0; }
.effect2 li div.icon { margin-top:28px; font-size:0; line-height:0; }
.effect2 li p.tit { margin-top:24px; font-size:14px; font-weight:600; color:#262626; line-height:21px; }
.effect2 li ul.bullet { margin:10px 0 0 15px; }
.effect2 li ul.bullet li { float:none; width:auto; height:auto; min-height:19px; margin:0; font-size:12px; color:#666; line-height:19px; text-align:left; padding-left:8px; background:url('/assets/images/www/product/bullet3.jpg') no-repeat left 9px; box-shadow:none; }
.txt2 { margin-top:16px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#555; line-height:23px; }
.solution { overflow:hidden; }
.solution div.name { float:left; font-family:"NanumGothic","Nanum Gothic"; font-size:30px; font-weight:600; color:#093d83; line-height:50px; background:url('/assets/images/www/solution/name_line.jpg') no-repeat 1px top; }
.solution div.btn { float:left; margin:12px 0 0 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; }
.solution div.btn a { display:inline-block; padding:0 10px; color:#fff; line-height:27px; }
.solution div.btn a img { vertical-align:middle; }
.solution div.btn a.home { background-color:#e63d8f; }
.solution div.btn a.down { background-color:#0e91cb; }
.solution div.txt { float:right; margin-top:12px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#333; line-height:27px; letter-spacing:-0.5px; }
.logo { width:100%; margin-top:10px; padding-top:50px; font-size:0; line-height:0; text-align:center; background:url('/assets/images/www/solution/logo_line.jpg') repeat-x left top; }
.logo span { display:block; padding-bottom:50px; background:url('/assets/images/www/solution/logo_line.jpg') repeat-x left bottom; }
.tap2 { overflow:hidden; margin-top:40px; }
.tap2 li { float:left; width:195.2px; margin-left:1px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; text-align:center; }
.tap2 li.first { margin-left:0; }
.tap2 li.three { width:326px; }
.tap2 li a { display:block; color:#555; line-height:41px; background-color:#ddd; }
.tap2 li a.on, .tap2 li a:hover { font-weight:600; color:#fff; padding-bottom:10px; background:url('/assets/images/www/solution/tap_bullet.jpg') no-repeat center bottom #0a4899; }
.log { overflow:hidden; }
.log li { float:left; width:310px; height:100%; min-height:199px; margin:20px 0 0 25px; padding-bottom:16px; background-color:#f5f5f5; }
.log li.mt { min-height:240px; }
.log li.pro { min-height:184px; }
.log li.first { margin-left:0; }
.log li div.tit { font-family:"NanumGothic","Nanum Gothic"; font-size:18px; color:#fff; line-height:27px; padding:10px 0; text-align:center; }
.log li div.bg1 { background:url('/assets/images/www/solution/bg1.jpg') repeat left top; }
.log li div.bg2 { background:url('/assets/images/www/solution/bg2.jpg') repeat left top; }
.log li div.bg3 { background:url('/assets/images/www/solution/bg3.jpg') repeat left top; }
.log li ul.bullet2 { width:auto; margin:14px 10px 0 20px; }
.log li ul.bullet2 li { float:none; width:auto; min-height:21px; margin:0; padding:2px 0 2px 12px; }
.overview { overflow:hidden; }
.overview li { float:left; width:294px; margin:25px 0 0 25px; padding:8px; background:url('/assets/images/www/service/arrow.png') no-repeat right 34px bottom 34px; }
.overview li.bg1 { margin-left:0; background-color:#3952b0; }
.overview li.bg1 div.line1 { min-height:148px; padding:22px 10px 18px 25px; border:1px solid #7e8ecc; }
.overview li.bg2 { background-color:#0c7eca; }
.overview li.bg2 div.line2 { min-height:148px; padding:22px 10px 18px 25px; border:1px solid #61abdc; }
.overview li.bg3 { background-color:#07b0cf; }
.overview li.bg3 div.line3 { min-height:148px; padding:22px 10px 18px 25px; border:1px solid #5ecce0; }
.overview li.bg4 { margin-left:0; background-color:#5981b8; }
.overview li.bg4 div.line4 { min-height:148px; padding:22px 10px 18px 25px; border:1px solid #93add1; }
.overview li.bg5 { background-color:#10afac; }
.overview li.bg5 div.line5 { min-height:148px; padding:22px 10px 18px 25px; border:1px solid #63cbc9; }
.overview li.bg6 { font-size:0; line-height:190px; text-align:center; background:none #e8e8e8; }
.overview li.bg6 img { width:100%; max-width:195px; }
.overview li div.tit { font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:bold; color:#fff; line-height:25px; }
.overview li ul.bullet { margin-top:15px; }
.overview li ul.bullet li { float:none; width:auto; margin:0; padding:2px 0 2px 13px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#fff; line-height:23px; background:url('/assets/images/www/service/bullet.png') no-repeat left 11px; }
.point { width:100%; }
.point div.img { font-size:0; line-height:0; }
.point div.img img { width:100%; }
.point h3 { display:none; }
.point ul.bullet2 { display:none; }
.process1 { margin-top:35px; font-size:0; line-height:0; padding:78px 30px; text-align:center; background:url('/assets/images/www/service/process_bg.jpg') no-repeat left top; }
.process1 img { width:100%; max-width:524px; }
.process2 { overflow:hidden; }
.process2 li { float:left; width:160px; min-height:297px; margin:40px 0 0 4px; font-family:"NanumGothic","Nanum Gothic"; }
.process2 li.first { margin-left:0; }
.process2 li div.tit { font-size:16px; font-weight:600; color:#fff; line-height:21px; padding:6px 0 6px 18px; }
.process2 li div.tit span { color:#ffff00; }
.process2 li div.bg1 { background:url('/assets/images/www/service/process_triangle.png') no-repeat right top #3952b0; }
.process2 li div.bg2 { background:url('/assets/images/www/service/process_triangle.png') no-repeat right top #0d7fca; }
.process2 li div.bg3 { background:url('/assets/images/www/service/process_triangle.png') no-repeat right top #0bb1d0; }
.process2 li div.bg4 { background:url('/assets/images/www/service/process_triangle.png') no-repeat right top #35b26d; }
.process2 li div.bg5 { background:url('/assets/images/www/service/process_triangle.png') no-repeat right top #13b0ad; }
.process2 li div.bg6 { background:url('/assets/images/www/service/process_triangle.png') no-repeat right top #5c83b9; }
.process2 li ul.cont { overflow:hidden; margin-top:8px; }
.process2 li ul.cont li { float:none; width:auto; min-height:23px; margin:4px 0 0 0; font-size:14px; color:#444; line-height:23px; padding:10px 0 10px 18px; background-color:#eee; }
.effect3 { overflow:hidden; margin-top:35px; border-top:1px solid #ddd; }
.effect3 li { float:left; width:470px; margin-right:20px; }
.effect3 li ul.cont { width:100%; }
.effect3 li ul.cont li { float:none; width:auto; margin:25px 0 0 0; font-family:"NanumGothic","Nanum Gothic"; }
.effect3 li ul.cont li div.tit { font-size:18px; color:#333; line-height:21px; padding-left:28px; }
.effect3 li ul.cont li div.bl1 { background:url('/assets/images/www/service/effect_bullet1.png') no-repeat left top; }
.effect3 li ul.cont li div.bl2 { background:url('/assets/images/www/service/effect_bullet2.png') no-repeat left top; }
.effect3 li ul.cont li div.bl3 { background:url('/assets/images/www/service/effect_bullet3.png') no-repeat left top; }
.effect3 li ul.cont li ul.bullet2 li { margin:0; }
.methodology { margin-top:35px; font-size:0; line-height:0; padding:78px 30px; text-align:center; background:url('/assets/images/www/service/process_bg.jpg') no-repeat left top; }
.methodology img { width:100%; max-width:860px; }
.process3 { background:url('/assets/images/www/service/bot_arrow.jpg') no-repeat center bottom; }
.process3 h3 { padding:20px 0 40px 0; font-size:30px; text-align:center; }
.efflux { width:100%; margin-top:40px; padding:40px 0 30px 0; font-size:0; line-height:0; text-align:center; background:url('/assets/images/www/service/efflux_bg.jpg') no-repeat left top; }
.efflux img { width:100%; max-width:750px; }
.board-search { overflow:hidden; margin-top:40px; border:1px solid #ddd; }
.board-search div.tit { float:left; width:180px; padding:12px 0; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; font-weight:600; color:#888; line-height:30px; text-align:center; background-color:#f2f2f2; }
.board-search div.check { float:left; margin-left:30px; padding:12px 0; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#666; line-height:30px; }
.board-search div.check input { margin:0 8px 0 20px; padding:0; border:none; }
.board-search div.search { float:left; overflow:hidden; margin-left:30px; padding:12px 0; }
.board-search div.search input { float:left; width:400px; height:24px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; }
.board-search div.search a { float:left; width:80px; margin-left:5px; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; font-weight:600; color:#fff; line-height:30px; text-align:center; background-color:#808080; }
.board-search div.search button { border:none; float:left; width:80px; margin-left:5px; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; font-weight:600; color:#fff; line-height:28px; text-align:center; background-color:#808080; }
.news { overflow:hidden; margin-top:15px; }
.news li { float:left; width:278px; margin:25px 0 0 25px; padding:15px; font-family:"NanumGothic","Nanum Gothic"; border:1px solid #ddd; }
.news li.first { margin:25px 0 0 0; }
.news li a { display:block; }
.news li div.photo { font-size:0; line-height:0; }
.news li div.photo img { width:100%; }
.news li p.tit { overflow:hidden; height:50px; margin-top:10px; font-size:16px; font-weight:600; color:#6c61ba; line-height:25px; }
.news li p.txt { overflow:hidden; height:60px; margin-top:5px; font-size:13px; color:#666; line-height:20px; }
.news li p.date { margin-top:5px; font-size:13px; color:#666; line-height:20px; }
.talented { overflow:hidden; background:url('/assets/images/www/recruit/talented_line.jpg') no-repeat right top; }
.talented li { float:left; width:25%; font-family:"NanumGothic","Nanum Gothic"; text-align:center; padding:20px 0; background:url('/assets/images/www/recruit/talented_line.jpg') no-repeat left top; }
.talented li div.icon { font-size:0; line-height:0; }
.talented li div.icon img { width:80%; max-width:160px; }
.talented li p.tit { margin-top:25px; font-size:20px; font-weight:600; line-height:29px; }
.talented li p.color1 { color:#3952b0; }
.talented li p.color2 { color:#0c7eca; }
.talented li p.color3 { color:#07b0cf; }
.talented li p.color4 { color:#10afac; }
.talented li p.txt { margin:6px 20px 0 20px; font-size:15px; line-height:21px; }
.welfare { overflow:hidden; margin-top:35px; border-top:2px solid #0a4899; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.welfare li { float:left; width:244px; min-height:255px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; padding:40px 0 36px 0; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.welfare li.first { width:243px; border-left:none; }
.welfare li div.icon { font-size:0; line-height:0; }
.welfare li div.icon img { width:80%; max-width:144px; }
.welfare li p.tit { margin-top:15px; font-size:18px; font-weight:600; color:#0f4ea3; line-height:25px; }
.welfare li p.txt { margin:8px 5px 0 5px; font-size:14px; line-height:21px; }
.email { margin-top:40px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; text-align:center; padding:15px 0; border:3px solid #dae1e9; }
.email a { display:block; color:#222; line-height:19px; }
.email a img { vertical-align:top; }
.faq-list { width:100%; margin-top:40px; border-top:2px solid #0a4899; }
.faq-list li { font-family:"NanumGothic", "Nanum Gothic";  }
.faq-list li div.question { position:relative; display:block; padding:10px 0 10px 50px; border-bottom:1px solid #ddd; background:url('/assets/images/www/recruit/faq_arrow.jpg') no-repeat right top; }
.faq-list li div.question div.q { position:absolute; top:10px; left:20px; font-size:0; line-height:0; }
.faq-list li div.question a { display:block; font-size:14px; color:#333; line-height:21px; vertical-align:top; }
.faq-list li div.question a:hover { font-weight:600; }
.faq-list li div.ans { display:none; padding:15px 12px 15px 50px; font-size:14px; color:#666; line-height:23px; border-bottom:1px solid #d5d5d5; }
.faq-list li.selected div.ans { display:block; }
.screamer { overflow:hidden; min-height:54px; margin-top:20px; padding:20px 0; border:1px solid #ddd; background:url('/assets/images/www/information/screamer.jpg') no-repeat 40px 20px; }
.screamer ul.bullet { margin:5px 0 0 124px; }
.screamer ul.bullet li { font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#555; line-height:22px; padding-left:8px; background:url('/assets/images/www/information/screamer_bl.jpg') no-repeat left 10px; }
.calendar { width:100%; margin-top:25px;}
.calendar div.top { position:relative; width:100%; height:66px; font-family:"NanumGothic", "Nanum Gothic"; font-size:30px; color:#fff; line-height:66px; text-align:center; background:url('/assets/images/www/information/calendar_bg.jpg') repeat left top; }
.calendar div.top span { display:inline-block; margin:0 50px; font-size:45px; font-weight:bold; color:#dfeb1d; vertical-align:top; }
.calendar div.top a { position:absolute; font-size:0; line-height:0; }
.calendar div.top a.left { left:45px; top:11px; }
.calendar div.top a.right { right:45px; top:11px; }
.calendar div.t-calendar { width:auto; padding:40px 44px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.calendar div.t-calendar table { width:890px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.calendar div.t-calendar table td { height:90px; font-family:"NanumGothic", "Nanum Gothic"; font-size:13px; font-weight:bold; color:#666; line-height:22px; vertical-align:top; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; }
.calendar div.t-calendar table td div.day { width:16px; height:22px; padding-left:4px; border-bottom:1px solid #ddd; }
.calendar div.t-calendar table td div.saturday { width:16px; height:22px; padding-left:4px; color:#0000ff; border-bottom:1px solid #ddd; }
.calendar div.t-calendar table td div.sunday { width:16px; height:22px; padding-left:4px; color:#ff0000; border-bottom:1px solid #ddd; }
.calendar div.t-calendar table td div.register { margin:6px 0 0 5px; font-size:0; line-height:0; }
.calendar div.t-calendar table td div.customer { position:absolute; bottom:5px; padding:3px 0; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-weight:bold; color:#fff; line-height:21px; text-align:center; background:url('/assets/images/www/information/customer_bg.jpg') repeat left top; z-index:2;}
.calendar div.t-calendar table td div.channel { position:absolute; bottom:5px; padding:3px 0; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-weight:bold; color:#fff; line-height:21px; text-align:center; background:url('/assets/images/www/information/channel_bg.jpg') repeat left top; z-index:2;}
.education { overflow:hidden; margin-top:35px; padding-left:200px; background:url('/assets/images/www/information/education_icon.jpg') no-repeat left 6px; }
.education div.box { margin-top:14px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#666; line-height:23px; padding:10px 12px; background-color:#f5f5f5; }
.schedule-tit { overflow:hidden; margin-top:20px; padding:15px 30px; background-color:#f2f9fd; border-top:2px solid #0a4899; }
.schedule-tit div.tit { float:left; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; font-weight:600; color:#333; line-height:33px; }
.schedule-tit div.explan { float:right; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; font-weight:600; color:#07b0cf; line-height:33px; }
.schedule-tit div.explan span { margin-left:10px; color:#0c7eca; }
.schedule-tit div.explan img { vertical-align:top; }
.txt3 { margin-top:35px; font-family:"NanumGothic","Nanum Gothic"; font-size:36px; color:#000; line-height:41px; }
.txt3 span { font-weight:600; color:#0f4ea3; }
.txt4 { margin-top:35px; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; color:#666; line-height:32px; }
.txt5 { margin-top:35px; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; color:#666; line-height:26px; }
.report { overflow:hidden; margin-top:10px; }
.report li { float:left; overflow:hidden; width:480px; margin-top:20px; }
.report li.bg1 { min-height:230px; background:url('/assets/images/www/company/report_bg1.jpg') no-repeat center top; }
.report li.bg2 { min-height:230px; margin-left:20px; background:url('/assets/images/www/company/report_bg2.jpg') no-repeat center top; }
.report li h4 { float:left; margin:30px 50px 0 30px; font-size:20px; font-weight:600; color:#262626; padding-top:14px; background:url('/assets/images/www/company/h4_line.jpg') no-repeat left top; }
.report li ul.bullet2 { float:left; width:300px; margin-top:41px; }
.report li ul.bullet2 li { float:none; width:auto; margin:0; }
.report2 li { float:none; width:940px; }
.report2 li.bg2 { min-height:230px; margin-left:20px; background:url('/assets/images/www/company/report_bg2.jpg') no-repeat center top; background-size:cover; }
.report2 li ul.bullet2 { float:left; width:450px; margin-top:41px; }
.result { overflow:hidden; }
.result li { float:left; width:470px; margin-left:40px; }
.result li.first { margin-left:0; }
.result li h4 { margin-top:40px; font-weight:600; padding-top:6px; background:url('/assets/images/www/company/h4_line2.jpg') no-repeat left top; }
.result li div.year { margin-top:20px; font-size:0; line-height:0; }
.result li div.year img { width:100%; }
.hiswrap { width:100%; }
.hiswrap li { overflow:hidden; margin-top:40px; padding-bottom:20px; }
.hiswrap li.line1 { background:url('/assets/images/www/company/his_line1.jpg') no-repeat 62px bottom; }
.hiswrap li.line2 { background:url('/assets/images/www/company/his_line2.jpg') no-repeat 62px bottom; }
.hiswrap li.line3 { background:url('/assets/images/www/company/his_line3.jpg') no-repeat 62px bottom; }
.hiswrap li div.class1 { float:left; width:140px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:bold; color:#fff; line-height:33px; padding:47px 0; text-align:center; background:url('/assets/images/www/company/his_yearbg1.jpg') no-repeat left top; }
.hiswrap li div.class2 { float:left; width:140px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:bold; color:#fff; line-height:33px; padding:47px 0; text-align:center; background:url('/assets/images/www/company/his_yearbg2.jpg') no-repeat left top; }
.hiswrap li div.class3 { float:left; width:140px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:bold; color:#fff; line-height:33px; padding:47px 0; text-align:center; background:url('/assets/images/www/company/his_yearbg3.jpg') no-repeat left top; }
.hiswrap li div.class4 { float:left; width:140px; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:bold; color:#fff; line-height:160px; text-align:center; background:url('/assets/images/www/company/his_yearbg3.jpg') no-repeat left top; }
.hiswrap li ul.history { float:left; width:780px; margin:18px 0 0 60px; }
.hiswrap li ul.history li { position:relative; margin:0; padding:16px 0; font-family:"NanumGothic","Nanum Gothic"; background:url('/assets/images/www/company/dotted_line.jpg') repeat-x left bottom; }
.hiswrap li ul.history li div.year { position:absolute; top:16px; left:0; font-size:18px; font-weight:600; color:#222; line-height:23px; }
.hiswrap li ul.history li div.month { padding-left:80px; font-size:14px; color:#666; line-height:23px; }
.hiswrap li ul.history li div.month strong { margin-right:10px; color:#222; }
.certify { overflow:hidden; margin-top:60px; }
.certify div.tit { float:left; width:326px; font-size:0; line-height:0; text-align:center; }
.certify ul.faq-list2 { float:left; width:610px; margin-left:44px; }
.certify ul.faq-list2 li { margin-bottom:30px; }
.certify ul.faq-list2 li div.year { display:block; font-family:"NanumGothic","Nanum Gothic"; font-size:26px; font-weight:600; }
.certify ul.faq-list2 li div.year a { display:block; color:#222; line-height:45px; padding-left:30px; border-top:4px solid #666; border-bottom:1px solid #d5d5d5; background:url('/assets/images/www/company/certify_bot.jpg') no-repeat right 30px top 18px #f5f5f5; }
.certify ul.faq-list2 li div.year a.on, .certify ul.faq-list2 li div.year a:hover { color:#093d83; border-top:4px solid #0a4899; background:url('/assets/images/www/company/certify_top.jpg') no-repeat right 30px top 18px #fff;}
.certify ul.faq-list2 li ul.history { display:block; margin:13px 0 3px 30px; }
.certify ul.faq-list2 li ul.history li { position:relative; margin:0; padding-left:75px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; color:#666; line-height:27px; }
.certify ul.faq-list2 li ul.history li strong { position:absolute; top:0; left:0; display:block; color:#222; }
.r-btn { width:324px; padding:10px 20px; margin:40px auto; font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#093d83; line-height:31px; border:1px solid #ddd; border-top:2px solid #0a4899; }
.r-btn a { display:block; color:#093d83; line-height:31px; padding-left:38px; vertical-align:top; background:url('/assets/images/www/recruit/application.jpg') no-repeat left top; }
.effect4 { overflow:hidden; width:100%; margin-top:9px; }
.effect4 li { overflow:hidden; float:left; width:193px; height:100%; min-height:190px; margin:10px 0 1px 10px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; background-color:#f5f5f5; box-shadow:1px 1px 0 rgba(0,0,0,0.3); }
.effect4 li.first { margin-left:0; }
.effect4 li div.icon { margin-top:28px; font-size:0; line-height:0; }
.effect4 li p.tit { margin-top:24px; font-size:14px; font-weight:600; color:#262626; line-height:21px; }
.effect4 li p.txt { margin-top:10px; font-size:12px; color:#666; line-height:17px; }
.effect5 { overflow:hidden; width:100%; margin-top:9px; }
.effect5 li { overflow:hidden; float:left; width:191px; height:100%; min-height:206px; margin:10px 0 1px 10px; font-family:"NanumGothic","Nanum Gothic"; text-align:center; background-color:#f5f5f5; box-shadow:1px 1px 0 rgba(0,0,0,0.3); }
.effect5 li.first { margin-left:0; }
.effect5 li div.icon { margin-top:28px; font-size:0; line-height:0; }
.effect5 li p.tit { margin-top:24px; font-size:14px; font-weight:600; color:#262626; line-height:21px; }
.effect5 li p.txt { margin-top:10px; font-size:12px; color:#666; line-height:17px; }
.ips { overflow:hidden; width:100%; margin-top:15px; }
.ips li { position:relative; margin-top:10px; padding:0 0 0 220px; font-family:"NanumGothic","Nanum Gothic"; }
.ips li.bg1 { background:url('/assets/images/www/product/mfiv4_bg1.jpg') repeat-y left top #f5f5f5; }
.ips li.bg1 div.tit { position:absolute; top:50%; left:0; width:200px; margin-top:-10px; font-size:18px; font-weight:600; color:#fff; line-height:20px; text-align:center; }
.ips li.bg2 { background:url('/assets/images/www/product/mfiv4_bg2.jpg') repeat-y left top #f5f5f5; }
.ips li.bg2 div.tit { position:absolute; top:50%; left:0; width:200px; margin-top:-10px; font-size:18px; font-weight:600; color:#fff; line-height:20px; text-align:center; }
.ips li.bg3 { background:url('/assets/images/www/product/mfiv4_bg3.jpg') repeat-y left top #f5f5f5; }
.ips li.bg3 div.tit { position:absolute; top:50%; left:0; width:200px; margin-top:-10px; font-size:18px; font-weight:600; color:#fff; line-height:20px; text-align:center; }
.ips li ul.bullet2 { margin-top:0; padding:15px 0; }
.ips li ul.bullet2 li { margin-top:0px; padding:2px 0 2px 12px; }
.number { overflow:hidden; margin-top:25px; background:url('/assets/images/www/company/number_bg.jpg') no-repeat right bottom; }
.number li { position:relative; overflow:hidden; margin-top:15px; min-height:75px; }
.number li div.icon { position:absolute; top:0; left:0; font-size:0; line-height:0; }
.number li p.txt { margin:25px 0 0 100px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#555; line-height:25px; }
.number li p.txt2 { margin:12px 0 0 100px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#555; line-height:25px; }
.number li p.txt2 em { display:block; }
.ceo { margin:40px 80px 0 0; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#333; line-height:25px; text-align:right; }

/* 2018-08-17*/
.number1 { margin-top:35px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:60px; background:url('/assets/images/www/remote/number1_icon.png') no-repeat right top #0e91cb; }
.number1 img { margin-right:17px; vertical-align:top; }
.number2 { margin-top:35px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:60px; background:url('/assets/images/www/remote/number2_icon.png') no-repeat right top #00aa9a; }
.number2 img { margin-right:17px; vertical-align:top; }
.number3 { margin-top:35px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; font-weight:600; color:#fff; line-height:60px; background:url('/assets/images/www/remote/number3_icon.png') no-repeat right top #5b62c0; }
.number3 img { margin-right:17px; vertical-align:top; }
.ai { overflow:hidden; }
.ai li { float:left; width:290px; margin:25px 0 0 15px; padding:0 10px 10px 0; }
.ai li:first-child { margin:25px 0 0 30px; }
.ai li ul.bullet2 { min-height:108px; }
.ai li.width { width:448px; }
.ai li.width ul.bullet2 { min-height:79px; }
.ai li ul.bullet2 { overflow:hidden; margin-top:0; padding:15px 20px; border:1px solid #ddd; box-shadow:4px 4px 8px rgba(0,0,0,0.1); }
.ai li ul.bullet2 li { float:none; width:auto; margin:0; padding:4px 0 4px 12px; }

/* footer */
#footer { width:1400px; margin:0 auto; background-color:#3d3d42; }
#footer div.sitemap { padding:30px 0; background-color:#727279; }
#footer div.sitemap ul.sitemap { overflow:hidden; width:1026px; margin:0 auto; }
#footer div.sitemap ul.sitemap li { float:left; min-height:357px; padding:0 27px; font-family:"Malgun Gothic"; border-left:1px solid #999; }
#footer div.sitemap ul.sitemap li.first { padding-left:0; border-left:none; }
#footer div.sitemap ul.sitemap li.last { padding-right:0; }
#footer div.sitemap ul.sitemap li div.m-menu { font-size:15px; color:#fff; line-height:20px; }
#footer div.sitemap ul.sitemap li ul.s-menu { margin-top:16px; }
#footer div.sitemap ul.sitemap li ul.s-menu li { float:none; padding:0; width:100%; min-height:0; font-size:12px; border-left:none; }
#footer div.sitemap ul.sitemap li ul.s-menu li a { display:block; color:#fff; line-height:27px; }
#footer div.sitemap ul.sitemap li ul.s-menu li a:hover { color:#fff; }
#footer div.sitemap ul.sitemap li ul.s-menu li ul.sec { margin:4px 0 9px 10px; }
#footer div.sitemap ul.sitemap li ul.s-menu li ul.sec li { font-size:11px; }
#footer div.sitemap ul.sitemap li ul.s-menu li ul.sec li a { color:#ccc; line-height:16px; }
#footer div.foot { overflow:hidden; width:1026px; margin:0 auto; padding:30px 0; }
#footer div.foot div.flogo { float:left; margin-top:3px; font-size:0; line-height:0; }
#footer div.foot div.copyright { float:left; margin:0 0 0 85px; }
#footer div.foot div.copyright div.fmenu { font-family:"NanumGothic","Nanum Gothic"; font-size:0; line-height:0; }
#footer div.foot div.copyright div.fmenu a { display:inline-block; font-size:12px; color:#999; line-height:15px; margin-left:10px; padding-left:10px; background:url('/assets/images/www/common/fmenu_line.png') no-repeat left 3px; }
#footer div.foot div.copyright div.fmenu a.first { margin-left:0; padding-left:0; background:none; }
#footer div.foot div.copyright div.fmenu a:hover { color:#eee; }
#footer div.foot div.copyright address { margin-top:12px; font-family:"NanumGothic","Nanum Gothic"; font-size:12px; font-style:normal; color:#888; line-height:19px; }
#footer div.foot div.copyright address span { margin-right:15px; }

/* popup */
#popup { width:100%; }
#popup h2 { font-family:"NanumGothic","Nanum Gothic"; font-size:24px; font-weight:600; color:#093d83; line-height:30px; padding:16px 0 16px 20px; border-bottom:2px solid #5c8dce; }
#popup div.cont { overflow-y:scroll; height:360px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#666; line-height:22px; padding:15px 20px; border-bottom:1px solid #ddd; }
#popup div.cont strong { font-size:14px; color:#333; }

/* brochure download */
#mask {position:fixed;z-index:9000;display:none;width:100%;height:100%;left:0;top:0;background:url('/assets/images/www/common/bg.png') repeat;-webkit-backface-visibility:hidden;}
#brochure-download {position:absolute;width:640px;height:auto;margin:0 auto;left:50%;margin-left:-320px;background-color:#fff;display:none;z-index:9999;-webkit-backface-visibility:hidden;}

#popupWrap {position:fixed; width:300px; max-width:600px; height:200px; z-index:10001; background:#fff; top:50%; left:50%; border:1px solid #333; display:none; padding:10px 10px;}
#popupWrap .header{height:48px; width:100%; background:#fff; position:relative; display:block; }
#popupWrap .header .title{float:left; height:48px; line-height:48px; vertical-align:middle; font-family:"NanumGothic", "Nanum Gothic","맑은 고딕"; color:#000; font-size:20px; font-weight:600; padding-left:15px;}
#popupWrap .header .title .subtitle{display:inline-block; font-size:12px; color:#fff; opacity:0.4; -webkit-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; margin-left:22px;}
#popupWrap .header .close{float:right; width:28px; height:28px; margin-right:13px; margin-top:11px; background:url('/assets/images/www/common/icon_close.png') no-repeat; cursor:pointer;}
#popupWrap .focusoutHD{width:100%; height:1px; background:#000; opacity:0.6; -webkit-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; position:absolute; top:0; left:0; z-index:9997; display:none;}
#focusout {width:100%; height:100%; background:#000; opacity:0.6; -webkit-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; position:fixed; top:0; left:0; z-index:10000; display:none;}
#popup_iframe{margin:0; padding:0;}


/* popup */
#popup { overflow:hidden; width:100%;}
#popup div.title { position:relative; height:50px; font-family:"NanumGothic","Nanum Gothic"; font-size:16px; font-weight:600; color:#fff; line-height:43px; padding:0 20px; background-color:#3d3d42; }
#popup div.title a { position:absolute; top:15px; right:20px; font-size:0; line-height:0; }
#popup div.cont { height:100%; padding:20px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#555; line-height:20px; }
#popup div.cont strong { color:#3d3d42;}


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

	#main div.wrap { width:1026px; }
	#main div.iconwrap ul.icon { width:1026px; }
	#main div.boardwrap ul.board { background:none; }
	#main div.boardwrap ul.board li { float:none; width:auto; }
	#visual2 { width:100%; }
	#footer { width:100%; margin-top:30px; }
}

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

	#header div.language a { margin-left:10px; }
	#gnb li { margin-left:45px; }
	#submenu ul.menu { margin-left:178px; }
	#submenu ul.menu li.width1 { width:125px; }
	#submenu ul.menu li.width2 { width:130px; }
	#submenu ul.menu li.width3 { width:140px; }
	#submenu ul.menu li.width4 { width:105px; }
	#submenu ul.menu li.width5 { width:145px; }
	#submenu ul.menu li.width6 { width:125px; }
	#main div.wrap { width:980px; }
	#main div.iconwrap ul.icon { width:980px; }
	#visual1 h2 { padding:20px 0 18px 0; }
	#visual2 h2 { padding:20px 0 18px 0; }
	#contentsWrap { width:980px; }
	#product { float:none; width:100%; }
	#map { display:none; }
	#contents { width:980px; padding:0; }

	.location .location-inner { width:980px; }
	.effect li { width:18.4%; margin:10px 0 1px 1.8%; }
	.management { padding:40px 45px 35px 45px; }
	.management li { width:47%; margin-left:6%; }
	.management li img { width:100%; }
	.effect2 li { width:23.5%; margin:10px 0 1px 1.8%; }
	.effect4 li { width:23.5%; margin:10px 0 1px 1.8%; }
	.effect5 li { width:23.1%; margin:10px 0 1px 1.8%; }

	#footer div.sitemap ul.sitemap { width:980px; }
	#footer div.sitemap ul.sitemap li { padding:0 53px; }
	#footer div.foot { width:980px; }
	#footer div.foot div.copyright { margin:0 0 0 60px; }
}

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

	#header { padding:20px 0; }
	#header div.list { display:block; margin:2px 0 0 20px; }
	#header div.language { margin-right:150px; margin-top:-25px; }
	#header div.language a { margin-left:10px; }
    #header div.language a.active { display:none; }
    #header div.language div.language-list a { display:inline-block; }
    #header div.language div.language-list { display:inline-block; width:150px; text-align:right; }

	#gnb { display:none; }

	#submenu ul.menu { margin-left:199px; }
	#submenu ul.menu li { font-size:12px; }
	#submenu ul.menu li.width1 { width:90px; }
	#submenu ul.menu li.width2 { width:105px; }
	#submenu ul.menu li.width3 { width:105px; }
	#submenu ul.menu li.width4 { width:60px; }
	#submenu ul.menu li.width5 { width:100px; }
	#submenu ul.menu li a { line-height:16px; padding:5px 0 5px 8px; background:url('/assets/images/www/common/menu_bullet.jpg') no-repeat left 12px; }
	#main div.wrap { width:750px; }
	#main div.iconwrap ul.icon { width:750px; }
	#main div.iconwrap ul.icon li a div.icon { height:50px; }
	#main div.iconwrap ul.icon li a div.icon img { height:100px; }
	#main div.iconwrap ul.icon li a:hover div.icon img { margin-top:-50px; }
	#main div.product ul.onoff { top:30px; }
	#contentsWrap { width:750px; }
	#contents { width:750px; }

	.location .location-inner { width:750px; }
	.tap1 { border-bottom:none; }
	.tap1 li { float:none; width:100%; margin:0; }
	.tap1 li.service { margin:0; }
	.tap1 li.recruit { margin:0; }
	.tap1 li a { display:block; padding-left:20px; color:#202020; line-height:41px; border-bottom:1px solid #fff; background-color:#ddd; }
	.tap1 li a.on, .tap1 li a:hover { color:#fff; border-bottom:1px solid #fff; background:url('/assets/images/www/product/map_bullet.png') no-repeat right 20px top 16px #e72582; }
	.effect li { width:18.4%; min-height:244px; margin:10px 0 1px 1.8%; }
	.solution div.txt { width:100%; margin-top:0; text-align:left; }
	.tap2 li { width:19.6%; margin-left:0.5%; font-size:14px; }
	.tap2 li.three { width:33%; }
	.log li { width:32%; min-height:213px; margin-left:2%; }
	.log li.mt { min-height:308px; }
	.overview li { width:32%; margin:25px 0 0 2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:none; }
	.process2 li { width:32%; min-height:297px; margin-left:2%; }
	.process2 li.first3 { margin-left:0; }
	.effect3 li { width:365px; margin-right:10px; }
	.board-search div.tit { width:150px; }
	.board-search div.check { margin-left:10px; }
	.board-search div.search input { width:300px; }
	.board-search div.search button { width:18%; margin-left:2%; }
	.news li { float:left; width:32%; margin:25px 0 0 2%; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.welfare li { width:186px; min-height:301px; }
	.welfare li.first { width:187px; }
	.calendar div.t-calendar table { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.report li { float:none; width:100%; padding-bottom:25px; }
	.report li.bg1 { min-height:0; background:none #f2f2f2; }
	.report li.bg2 { min-height:0; margin-left:0; background:none #f2f2f2; }
	.report li h4 { float:left; width:20%; margin:30px 0 0 4%; }
	.report li ul.bullet2 { float:left; width:75%; margin-top:41px; }
	.report li ul.bullet2 li { padding:2px 0 2px 12px; }
	.result li { width:360px; margin-left:30px; }
	.hiswrap li ul.history { width:520px; }
	.certify div.tit { width:240px; }
	.certify ul.faq-list2 { width:470px; margin-left:40px; }
	.effect5 li { width:23.1%; margin:10px 0 1px 1.8%; }
	.number { background:none; }

	/* 2018-08-17*/
	.ai li { float:none; width:auto; margin:10px 10px 0 20px; }
	.ai li:first-child { margin:20px 10px 0 20px; }
	.ai li ul.bullet2 { min-height:0; }
	.ai li.width { width:auto; }
	.ai li.width ul.bullet2 { min-height:0; }

	#footer div.sitemap ul.sitemap { width:750px; }
	#footer div.sitemap ul.sitemap li { padding:0 24px; }
	#footer div.foot { width:750px; }
	#footer div.foot div.copyright { width:600px; margin:0 0 0 30px; }
}

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

	#header div.language a { margin-left:20px; }

	#main div.wrap { width:auto; }
	#main div.product ul.onoff { top:20px; }
	#visual1 h2 { font-size:24px; line-height:29px; }
	#visual2 h2 { font-size:24px; line-height:29px; }
	#contentsWrap { width:auto; margin:30px 15px 60px 15px; }
	#contents { width:auto; margin:30px 15px 60px 15px; }

	.location .location-inner { margin:0 15px; width:auto; }
	.tap1 li { font-size:14px; }
	.txt1 { font-size:14px; line-height:23px; }
	.effect li { min-height:228px; }
	.certification span { margin:0 10px; }
	.management { padding:40px 30px 35px 30px; }
	.management li { width:47%; margin-left:6%; }
	.effect2 li { min-height:300px; }
	.effect2 li ul.bullet { margin:10px 0 0 10px; }
	.solution div.btn { float:left; margin:4px 0 0 0; width:100%; }
	.solution div.txt { width:100%; margin-top:8px; text-align:left; }
	.tap2 { margin-top:35px; }
	.tap2 li { width:100%; margin:5px 0 0 0; }
	.tap2 li.three { width:100%; margin:5px 0 0 0; }
	.tap2 li a.on, .tap2 li a:hover { padding-bottom:0; background:none #0a4899; }
	.log li { min-height:340px; }
	.log li.mt { min-height:0; }
	.log li ul.bullet2 { width:auto; margin:14px 5px 0 15px; }
	.overview li { width:49%; margin:25px 0 0 2%; }
	.overview li.bg1 { margin-left:0; }
	.overview li.bg3 { margin-left:0; }
	.overview li.bg4 { margin-left:2%;}
	.overview li.bg5 { margin-left:0; }
	.process1 { padding:58px 30px; }
	.effect3 li { float:none; width:100%; margin:0; }
	.methodology { padding:58px 30px; }
	.process3 { background:none; }
	.process3 h3 { padding:0; font-size:24px; text-align:left; }
	.board-search div.tit { display:none; }
	.board-search div.check { float:none; margin:0 20px 0 0; text-align:center; }
	.board-search div.check input { margin:0 8px 0 20px; }
	.board-search div.search { float:none; width:auto; margin-left:0; padding:0 20px 12px 20px; }
	.board-search div.search input { width:80%; height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.board-search div.search a { width:18%; margin-left:2%; }
	.talented { background:none; }
	.talented li { width:50%; }
	.talented li.first { background:none; }
	.welfare { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.welfare li { width:50%; min-height:353px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.welfare li.first { width:50%; }
	.welfare li.first2 { border-left:none; }
	.screamer { background:url('/assets/images/www/information/screamer.jpg') no-repeat 20px 20px; }
	.screamer ul.bullet { margin:5px 0 0 94px; }
	.calendar div.top span { margin:0 20px; }
	.calendar div.top a.left { left:20px; top:11px; }
	.calendar div.top a.right { right:20px; top:11px; }
	.calendar div.t-calendar { padding:20px 19px; }
	.schedule-tit { padding:15px 20px; }
	.result li { width:48%; margin-left:4%; }
	.hiswrap li { padding-bottom:0; }
	.hiswrap li.line1 { background:none; }
	.hiswrap li.line2 { background:none; }
	.hiswrap li.line3 { background:none; }
	.hiswrap li div.class1 { float:none; width:100%; background:url('/assets/images/www/company/his_yearbg1.jpg') no-repeat center top; }
	.hiswrap li div.class2 { float:none; width:100%; background:url('/assets/images/www/company/his_yearbg2.jpg') no-repeat center top; }
	.hiswrap li div.class3 { float:none; width:100%; background:url('/assets/images/www/company/his_yearbg3.jpg') no-repeat center top; }
	.hiswrap li ul.history { float:none; width:auto; margin:18px 0 0 0; }
	.certify { margin-top:40px; }
	.certify div.tit { float:none; width:100%; text-align:center; }
	.certify ul.faq-list2 { float:none; width:100%; margin:40px 0 0 0; }
	.certify ul.faq-list2 li div.year a { padding-left:20px; background:url('/assets/images/www/company/certify_bot.jpg') no-repeat right 20px top 18px #f5f5f5; }
	.certify ul.faq-list2 li div.year a.on, .certify ul.faq-list2 li div.year a:hover { background:url('/assets/images/www/company/certify_top.jpg') no-repeat right 20px top 18px #fff;}
	.certify ul.faq-list2 li ul.history { display:block; margin:13px 0 3px 20px; }
	.ips { margin-top:5px; }
	.ips li { padding:0; }
	.ips li.bg1 { background:none #f5f5f5; }
	.ips li.bg1 div.tit { position:static; width:100%; margin-top:0; padding:5px 0; font-size:14px; line-height:23px; background:url('/assets/images/www/solution/bg1.jpg') repeat left top; }
	.ips li.bg2 { background:none #f5f5f5; }
	.ips li.bg2 div.tit { position:static; width:100%; margin-top:0; padding:5px 0; font-size:14px; line-height:23px; background:url('/assets/images/www/solution/bg2.jpg') repeat left top; }
	.ips li.bg3 { background:none #f5f5f5; }
	.ips li.bg3 div.tit { position:static; width:100%; margin-top:0; padding:5px 0; font-size:14px; line-height:23px; background:url('/assets/images/www/solution/bg3.jpg') repeat left top; }
	.ips li ul.bullet2 { padding:10px 15px; }
	.number li p.txt { margin:5px 0 0 100px; }
	.number li p.txt2 { margin:5px 0 0 100px; }
	.number li p.txt2 em { display:inline; }
	.ceo { margin:30px 20px 0 0; }

	/* 2018-08-17*/
	.number1 { margin-top:20px; padding:8px 20px; font-size:16px; line-height:25px; background:none #0e91cb; }
	.number1 img { display:none; }
	.number2 { margin-top:20px; padding:8px 20px; font-size:16px; line-height:25px; background:none #00aa9a; }
	.number2 img { display:none; }
	.number3 { margin-top:20px; padding:8px 20px; font-size:16px; line-height:25px; background:none #5b62c0; }
	.number3 img { display:none; }
	.ai li { margin:5px 0 0 10px; }
	.ai li:first-child { margin:15px 0 0 10px; }
	.ai li ul.bullet2 { padding:10px 15px; }

	#footer div.sitemap { padding:11px 0 24px 0; }
	#footer div.sitemap ul.sitemap { width:auto; margin:0 15px; }
	#footer div.sitemap ul.sitemap li { overflow:hidden; float:none; width:100%; min-height:47px; margin-top:13px; padding:0; border-left:none; }
	#footer div.sitemap ul.sitemap li ul.s-menu { margin-top:4px; }
	#footer div.sitemap ul.sitemap li ul.s-menu li { float:left; padding:0; width:auto; min-height:27px; margin:0 15px 0 0; border-left:none; }
	#footer div.sitemap ul.sitemap li ul.s-menu li a { display:block; color:#ccc; line-height:23px; }
	#footer div.sitemap ul.sitemap li ul.s-menu li ul.sec { display:none; }
	#footer div.foot { width:auto; margin:0 15px; padding:27px 0; }
	#footer div.foot div.flogo { display:none; }
	#footer div.foot div.copyright { width:auto; margin:0; }
	#footer div.foot div.copyright div.fmenu { text-align:center; }
	#footer div.foot div.copyright address { text-align:center; }
}

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

	#header div.language a { margin-left:10px; }
	#header div.list { margin:2px 0 0 10px; }

	#contentsWrap { width:auto; margin:30px 10px 60px 10px; }
	#contents { width:auto; margin:30px 10px 60px 10px; }
	h3 { font-size:20px; line-height:27px; }
	h4 { font-size:16px; line-height:23px; }

	.location .location-inner { margin:0 10px; width:auto; }
	.location ul li.depth-first a { display:block; padding:13px 0; font-size:0; line-height:0; }
	.bullet1 li { font-size:13px; line-height:22px; background:url('/assets/images/www/product/bullet1.jpg') no-repeat left 8px; }
	.bullet2 li { font-size:13px; line-height:18px; padding:2px 0 2px 10px; background:url('/assets/images/www/product/bullet2.jpg') no-repeat left 9px; }
	.effect li { width:32%; min-height:244px; }
	.effect li.first2 { margin-left:0; }
    .certification p { margin:0 5px; }
	.certification span { margin:0 15px; }
	.management { padding:20px 20px 35px 20px; }
	.management li { width:100%; margin:20px 0 0 0; }
	.tit-img div.tit { font-size:13px; line-height:22px; }
	.effect2 li { width:49%; margin:10px 0 1px 1.8%; min-height:230px; }
	.effect2 li.first2 { margin-left:0; }
	.solution div.name { font-size:24px; line-height:43px; }
	.log { margin:0; }
	.log li { float:none; width:100%; min-height:0; margin:20px 0 0 0; }
	.overview { margin-top:15px; }
	.overview li { width:100%; margin:10px 0 0 0; }
	.overview li.bg1 div.line1 { min-height:0; }
	.overview li.bg2 div.line2 { min-height:0; }
	.overview li.bg3 div.line3 { min-height:0; }
	.overview li.bg4 { margin-left:0; }
	.overview li.bg4 div.line4 { min-height:0; }
	.overview li.bg5 div.line5 { min-height:0; }
	.overview li.bg6 { line-height:0; padding:50px 10px; }
	.point div.img { display:none; }
	.point h3 { display:block; }
	.point ul.bullet2 { display:block; }
	.process2 li { width:49%; min-height:203px; }
	.process2 li.first2 { margin-left:0; }
	.process2 li.first3 { margin-left:2%; min-height:297px; }
	.process2 li.first4 { margin-left:0; }
	.process2 li div.tit { padding:6px 0 6px 10px; }
	.process2 li ul.cont li { padding:10px 0 10px 10px; }
	.news li { width:100%; margin:25px 0 0 0; }
	.news li p.tit { overflow:hidden; height:auto; }
	.news li p.txt { overflow:hidden; height:auto; }
	.board-search div.search a { font-size:11px; }
	.welfare li { min-height:250px; padding:20px 0 16px 0; }
	.welfare li p.tit { margin-top:10px; font-size:14px; line-height:21px; letter-spacing:-0.5px; }
	.welfare li p.txt { margin:5px 5px 0 5px; font-size:12px; line-height:17px; }
	.welfare li div.icon img { width:70%; }
	.faq-list li div.question { padding:10px 0 10px 40px; background:none; }
	.faq-list li div.question div.q { left:10px; }
	.faq-list li div.question a { font-size:12px; }
	.faq-list li p { padding:5px 5px 5px 10px; font-size:11px; line-height:17px; }
	.calendar div.top { height:56px; font-size:20px; line-height:56px; }
	.calendar div.top span { font-size:30px; }
	.calendar div.top a.left { top:11px; }
	.calendar div.top a.left img { height:34px; }
	.calendar div.top a.right { top:11px; }
	.calendar div.top a.right img { height:34px; }
    .calendar div.t-calendar table td a img { width:90%; }
    .calendar div.t-calendar table td div.customer { padding:0; font-size:11px; font-weight:normal; line-height:19px; }
    .calendar div.t-calendar table td div.channel { padding:0; font-size:11px; font-weight:normal; line-height:19px; }
	.education { overflow:hidden; margin-top:35px; padding-left:0; background:none; }
	.schedule-tit div.tit { float:none; }
	.schedule-tit div.explan { float:none; }
	.schedule-tit div.explan span { display:block; margin:8px 0 0 0; }
	.result li { float:none; width:100%; margin-left:0; }
	.report li h4 { font-size:16px; line-height:21px; }
	.txt3 { font-size:24px; line-height:29px; }
	.txt4 { font-size:14px; line-height:23px; }
	.txt5 { font-size:14px; line-height:23px; }
	.hiswrap li ul.history li div.year { font-size:14px; line-height:23px; }
	.hiswrap li ul.history li div.month { padding-left:50px; font-size:12px; line-height:21px; }
	.certify ul.faq-list2 li div.year { font-size:20px; }
	.certify ul.faq-list2 li div.year a { line-height:39px; padding-left:10px; background:url('/assets/images/www/company/certify_bot.jpg') no-repeat right 10px top 15px #f5f5f5; }
	.certify ul.faq-list2 li div.year a.on, .certify ul.faq-list2 li div.year a:hover { background:url('/assets/images/www/company/certify_top.jpg') no-repeat right 10px top 15px #fff; }
	.certify ul.faq-list2 li ul.history { margin:13px 0 3px 10px; }
	.certify ul.faq-list2 li ul.history li { padding-left:60px; font-size:12px; line-height:21px; }
	.r-btn { width:200px; padding:2px 0; margin:30px auto; font-size:14px; line-height:21px; text-align:center; }
	.r-btn a { padding-left:0; background:none; }
	.effect4 li { width:49%; margin:10px 0 1px 1.8%; }
	.effect4 li.first2 { margin-left:0; }
    .effect5 li { width:48%; min-height:220px; }
    .effect5 li.first2 { margin-left:1.8%; }
	.number { margin-top:20px; }
	.number li { margin-top:10px; min-height:60px; }
	.number li div.icon img { height:60px; }
	.number li p.txt { margin:0 0 0 70px; font-size:13px; line-height:20px; }
	.number li p.txt2 { margin:0 0 0 70px;  font-size:13px; line-height:20px; }
	.ceo { font-size:13px; line-height:22px; }
}