@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
* {padding:0;margin:0;}
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:'NanumSquare', sans-serif, Nanumbarungothic, arial, verdana, sans-serif;font-size:1rem;}
body,th,td,textarea{ line-height:1.4rem;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:'NanumSquare', sans-serif, Nanumbarungothic, arial, verdana, sans-serif;font-size:1rem;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{color:#787878;text-decoration:none;}
a:visited{color:#787878;text-decoration:none;}
a:hover{color:#787878;text-decoration:underline;}
#wrap{width:100%;position:relative;text-align:center;}
#content_wrap{width:1114px;padding:0;position:relative;text-align:left;margin:0 auto;}
#content_wrap{*zoom:1;clear:both;}
#content_wrap:after{content:"";display:block;clear:both;}
.visual_area{height:149px;}
.side_nav{float:left;text-align:left;width:198px;margin:0 0 0 85px;_display:inline;}
.side_nav h2{margin:17px 0 0 0;border-bottom:3px solid #45abd7;height:54px;}
#footer_wrap{position:relative;width:100%;height:85px; clear:both;}
.content_footer{width:970px;position:relative;text-align:left;margin:0 auto;}
#topmenu{width:990px;height:85px;position:relative;text-align:left;margin:0 auto;}
#topmenu h1{position:absolute;margin:29px 0 0 10px;}
#topmenu .global_menu{position:absolute;right:0;top:-25px;overflow:hidden;padding-right:0px;}
#topmenu .global_menu a{padding:0 3px 0 0px;margin-left:-1px; color:#fff; text-decoration:none;font-size:11px;}
#topmenu .global_menu a:after{ content: " | "; display: inline-block;  padding:0 3px 0 7px; color:#6077be; }
#topmenu .global_menu a:last-child:after{ content: ""; display: inline-block;  padding:0 0px 0 0px; }
#topmenu .main_menu{position:absolute;left:214px;top:29px;vertical-align:top;padding:5px 0 0 29px;width:727px;height:56px;}
#topmenu .main_menu a{display:inline-block;vertical-align:top;}
#topmenu .main_menu .fst{width:139px;}
#topmenu .main_menu .snd{width:186px;}
#topmenu .main_menu .trd{width:135px;}
#topmenu .main_menu .fth{width:143px;}
#topmenu .main_menu .last{width:74px;}
#topmenu .sub_menu{position:absolute;top:60px;left:244px;height:22px;padding:0 11px 0 0;background:#2ba7dc;}
#topmenu .sub_menu a{position:relative;display:inline-block;margin:5px 0 0 0;padding:0 0 0 9px;vertical-align:top;}
#topmenu .company{top:60px;left:252px;}
#topmenu .business{top:60px;left:400px;}
#topmenu .products{top:60px;left:590px;}
#topmenu .customer{top:60px;left:687px;}
#topmenu .recruit{top:60px;left:773px;}
.content_footer {vertical-align:top;}
.content_footer .footer_logo{position:relative;top:18px;}
.content_footer .personal_link{position:relative;top:-22px;left:149px;}
.content_footer .address{position:relative;top:-11px;left:149px;}
.content_footer .family_site{position:absolute;right:0;margin:-55px 0 0 0;cursor:pointer;}
.content_footer .famliy_site_link{display:none;position:absolute;right:0;margin:-36px 0 0 0;width:126px;height:50px;border:1px solid #efefef;overflow-x:hidden;overflow-y:scroll;}
.content_footer .famliy_site_link a{display:inline-block;width:116px;text-decoration:none;padding:3px 0 0 10px;font-size:11px;font-family:dotum;}
.content_footer .famliy_site_link a:hover{background:#dedede;}
.content_footer .famliy_site_link{scrollbar-3dlight-color:#b4b4b4;scrollbar-arrow-color:#333333;scrollbar-base-color:#eeeeee;scrollbar-darkshadow-color:#ffffff;scrollbar-face-color:#eeeeee;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#b4b4b4;}
.banner{padding:20px 0 0 0;}
.banner img{margin-bottom:10px;}
.content{float:left;width:696px;margin:0 10px 0 31px;padding:0 0 60px 0;}
.history{font-size:11px;font-family:dotum;color:#999999;margin:27px 0 0 0;text-align:right;}
.history img{vertical-align:-1px;}
.history .current{display:inline-block;color:#666666;padding:0 0 0 8px;}
.content h3{margin:0;height:43px;}
.content .whole_content{padding:40px 0 0 0;}
.quick{float:left;margin:68px 0 0 19px;}
.table_caption{width:100%;*zoom:1;clear:both;margin-bottom:4px;}
.table_caption:after{clear:both;content:"";display:block;}
.table_caption .title{float:left;}
.table_caption .per{float:right;font-size:11px;font-family:dotum;color:#666666;}
.table_caption.tab img {margin-right:1px;}
.table_01{width:100%;}
.table_01 th{border-top:3px solid #3caede;border-bottom:1px solid #7bbfdc; padding:7px 0 6px; font:bold 12px/1.3em verdana; color:#3695be; text-align:center;}
.table_01 td{border-right:1px solid #d7e8ef;border-bottom:1px solid #d7e8ef;height:26px;font-family:dotum;color:#666666;text-align:center;padding-top:5px;padding-bottom:5px;line-height:17px;}
.table_01 td.last {border-right:0}
.table_01 td.sub_title{background:#f8f8f8;}
.table_01 .left{text-align:left;padding-left:10px;}
.partners{padding:0;margin:43px 0 0 0;}
.partners table {margin-left:220px;}
.partners td{text-align:center;font-size:11px;font-family:dotum;color:#787878;width:157px;height:109px;vertical-align:top;}
.product{border-top:0px solid #45abd7;border-bottom:2px solid #45abd7;}
.product th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product th img {border:4px solid #e1e3d8;}
.product td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:0px solid #45abd7;height:19px;}
.product .information {font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}
.product .last{border-bottom:0;}
.agreement_tle {float:left; margin:39px 25px 0 0;}
.agreement_list {list-style:none; float:left; width:446px; height:186px; margin:39px 0 0 0;}
.agreement_list p {float:left;width:210px;}
.agreement_list p img {margin-bottom:7px;}
.agreement {}
.agreement th {text-align:left;width:183px;vertical-align:top;}
.agreement td {font-size:11px;font-family:dotum;color:#787878;padding:0 0 29px 0;}
.sitemap{width:100%;}
.sitemap p{margin-bottom:2px;}
.sitemap td{vertical-align:top;}
.sitemap dl {width:141px;}
.sitemap dt {border-top:1px solid #ebebeb;padding:5px 0 5px 0;}
.sitemap .first {border-top:0;}
.sitemap dt a{font-family:dotum;color:#333333;}
.sitemap dd {padding:0 0 5px 0;}
.sitemap .last{border-bottom:1px solid #ebebeb;}
.sitemap dd a{font-size:11px;font-family:dotum;color:#888888;}
}
/* 2011.12.22 */
.table_product    { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }
.table_product td   { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }
.table_product .tle   { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }
.table_product .txt   { display:block; height:62px; margin-top:8px; }
.item_border { border:4px #e1e3d8 solid; }
.mtle_01  { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }
.line_001  { padding-top:2px; }
.txt_001  { font:12px/1.4em dotum; color:#666; }
.list_01 li  { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }
.dbp   { height:180px; padding:0 0 0 240px; margin-top:30px; line-height:1.4em; color:#666; }
.dbp a  { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }
.dbp a:hover  { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }
.dbp_table  { width:100%; table-layout:fixed; }
.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }
.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }
.login_box    { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }
.login_box .txt_01  { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }
.login_box .box  { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }
.login_box .find   { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }
/* Å×À̺í */
.table01 {border-collapse:collapse; width:100%; border-top:2px solid #666; }
.table01 caption {display:none}
.table01 th {padding:10px; text-align:center; background-color:#f5f5f5; border:1px solid #ddd; color:#333;font-weight:600; color:#000;}
.table01 td {padding:5px 5px 5px 15px; border:1px solid #ddd; }
.table01 td.tc {padding:5px; border:1px solid #ddd;  text-align:center;}
.table01 ul li {background:none; margin:0; padding:0}
.table01 td.bl{border-bottom:1px solid #333;}
/* Á¦Ç°¼Ò°³ */
.overview {
    padding: 0px 0;
    /*border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;*/
}
.overview > div:first-child {
    margin-top: 0;
}
.overview > div {
    overflow: hidden;
    background-color: #f7f7f7;
    border: 1px solid #d5d5d5;
    border-top:3px solid #002596;
    margin-left: -1px;
    padding:10px;
}
.overview .ov1 {
    background:#fff;
}
.overview .ov1 .img {
    float: left;
    border-right:1px solid #d5d5d5;
}
.overview > div > div {
    width: 550px;
}
.overview .ov1 .txtArea {
    float: left;
    padding-left: 30px;
    width:340px;
    text-align:left;
}
.overview .txtArea {
    padding-top: 0px;
}
.overview .txtArea > .tit {
    line-height:20px;
   margin-top: 15px;
    font-weight: 600;
    font-size: 22px;
    line-height:25px;
    color: #002596;
}
.overview .txtArea > .tit2 {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #e2e2e2;
    font-size: 18px;
    color: #000;
}
.overview .txtArea ul {
    margin-top: 15px;
}
.overview .txtArea ul li {
    padding-left: 15px;
    font-size: 16px;
    color: #555;
    line-height: 1.5;
    background: url(../img/dot3x3.gif) no-repeat 0 11px;
}
.overview .txtArea > .txt {
    font-size: 18px;
    color: #404041;
    letter-spacing: -2px;
    font-weight: 500;
    margin-top: 20px;
}
.overview .ov2 .img {
    float: left;
width: 240px;
}
.overview .ov2 .txtArea {
    float: left;
    padding-left: 60px;
    width:465px
}
.overview .txtArea {
    padding-top: 0px;
}
/* Á¦Ç°¼Ò°³ 2*/
.product {
    padding: 60px 0 0px 0;
    border-top: 0px solid #e2e2e2;
    border-bottom: 0px solid #e2e2e2;
    margin-top: 45px;
}
.product > div:first-child {
    margin-top: 0;
}
.product > div {
    margin-top: 50px;
}
.product .pro1 .img2 {
    text-align:center;
}
.product > div > div {
}
.product .pro1 .txtArea2 {
    padding-left: 0px;
}
.product .txtArea2 {
    padding-top: 0px;
}
.product .txtArea2 > .tit {
   margin-top: 25px;
    font-weight: bold;
    font-size: 22px;
    line-height:25px;
    color: #033e87;
}
.product .txtArea2 > .tit2 {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #e2e2e2;
    font-size: 18px;
    color: #000;
}
.product {margin: 50px 0 0;}
.product .txtArea2 > ul {overflow: hidden; margin: 10px 0 20px;}
.product .txtArea2 > ul > li { margin: 0 px;}
.product .pro1 p,.product .txtArea2 > .title {font-weight: 600; font-size: 18px; line-height: 26px; color: #1b52dd; letter-spacing:-1px}
.product .txtArea2 > ul > li:nth-child(2n + 1) {clear: both; margin-left: 0;}
.product .txtArea2 > ul > li > ul > li > ul,.product .txtArea2 > ul > li  {margin: 9px 0 0;}
.product .txtArea2 > ul > li > ul > li, .product .txtArea2 > ul > li  {position: relative; padding: 0 0 0 10px; }
.product .txtArea2 > ul > li > ul > li:before, .product .txtArea2 > ul > li:before  {display: block; content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background: #555; border-radius: 50%;}
.product .txtArea2 > .txt {
    font-size: 16px;
    color: #555;
    margin-top: 20px;
}
.product .pro2 .img {
width: 240px;
}
.product .pro2 .txtArea2 {
    padding-left: 0px;
}
.product .txtArea2 {
    padding-top: 0px;
}
/* Á¦Ç°¼Ò°³ */
.prd-list-wrapper {
    background-color: #f4f4f4;
    padding: 87px 0 51px;
    margin-top:50px; 
}
.prd-list-container .prd-list-con.mal0 {
    margin-left: 0;
}
.prd-list-container .prd-list-con {
    display: inline-block;
    vertical-align: top;
    width: 235px;
    margin-left: 10px;
    margin-bottom: 58px;
}
.area-box {
    padding: 15px 15px;
}
.area-box {
    width: 764px;
    margin: 0px auto;
}
.prd-txt-thum  {
    font-size: 18px;
    line-height: 34px;
    color: #404041;
    letter-spacing: -2px;
    font-weight: 500;
}
.prd-txt-thum {
    text-align: left;
    padding: 13px 0;
    border-bottom: 1px solid #d4d4d4;
}
#sub_main{position: relative;width: 100%;height:215px;background: url("{{$template}}/img/sub_main_img.gif");background-repeat: no-repeat;background-position: center; }
#sub_body{position: relative;width: 990px;height:auto;overflow: hidden;min-height:500px;margin:0 auto;top:0px; }
#sub_body #list{position: relative;width: 190px;float: left;}
#sub_body #list ul{}
#sub_body #list ul li{}
#sub_body #content{position: relative;width: 765px;left:36px;float: left;}
#sub_body #content #p01{position: relative;}
#sub_body #content #p02{position: relative;top:30px; margin-top:30px;}
/*½½¶óÀÌµå ¸öÅë */
#main_box{ width:100%; height:215px; background:#f0f0f0; padding:0; border-bottom:1px solid #b7b7b7; }
.slide{text-align:center; position:relative; width: 100%; margin: 0 auto 0px; display: block;height:215px;}
.slide_ul>li{position:absolute; top:0; left:0; list-style:none;z-index:10; display: block;}
.slide_ul{display: block; width:100%; height:215px; margin:0 auto;}
.slide_ul li {text-align:center;  width:100%; height:215px;}
.slide_ul li p {text-align:center; padding-top:80px; width:990px;  margin:0 auto; height:215px;}
.slide_ul>li img{text-align:center;}
li{list-style: none;}
.show{display:block;}
/* ÇÏ´Ü µ¿±×¶ó¹Ì ¹öÆ° CSS*/
.slide_btn>li{float: left; margin:0 5px 5px 0;}
.slide_btn>li>a{display:block; width: 14px; height:14px; background: url(http://bdmp-007.cafe24.com/bizdemo18707/img/spr.png) -24px -125px; text-indent: -999em; }
.slide_btn>li>a.active{background-position: 0 -126px;}
.slide_btn{z-index:100; position:absolute; right: 0px; bottom:0px; }
.slide_btn:after{content:''; display:block; clear:both;}
.slide_btn{*zoom:1;}
.mb20 { margin-bottom:20px;}
.ml20 { margin-left:20px;}
.mt10 { margin-top:10px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}
.mt180 { margin-top:180px;}
.mt200 { margin-top:200px;}
.mt210 { margin-top:210px;}
.pt30 { padding-top:30px;}
.pl10 {padding-left:10px;}
.txt_b {font-weight:600}
.txt_01 {text-shadow: 1px 1px #111; color:#fff; font-size:27px; font-weight:600; line-height:130%; letter-spacing:-2px; }
.txt_02 {text-shadow: 1px 1px #111; color:#fff; font-size:27px; font-weight:600; line-height:130%; letter-spacing:-2px; }
.tabs {
 font-size: 15px !important; line-height: 20px; margin-top:30px;
}
.tabs ul:before, .tabs ul:after {
 content: "\0020"; display: block; height: 0; visibility: hidden; 
} 
.tabs ul:after { clear: both; }
.tabs ul {
 margin:0;
 list-style:none;
 padding: 0 ;
 border-bottom: 1px solid #e0e0e0;
 zoom: 1;
}
.tabs ul li {
 position: relative;
 float: left;
 margin: 0;
}
.tabs ul li a {
 font-size: 17px !important; line-height: 27px;
 background: #f6f6f6;
 font-weight: 400;
 text-align: center;
 display: block;
 border: 1px solid #e0e0e0;
 border-bottom:none;
 color: #909090;
 text-shadow: 0 1px 0 rgba(255,255,255, 0.75);
 padding: 10px 18px; 
 margin: 0px 0px -1px 0;
 /* Border Radius */
 -webkit-border-top-left-radius: 6px;
 -webkit-border-top-right-radius: 6px;
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-topright: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 text-decoration:none;
}
.tabs ul li a:hover {
 background: #fff;
 border: 1px solid #e0e0e0;
 border-bottom: 1px solid #fff;
 color: #dd390d;
 padding-top: 10px;
 margin: 0px 0px -1px 0;
}
.tabs ul li.active a {
 background: #fff;
 border: 1px solid #e0e0e0;
 border-bottom: 1px solid #fff;
 color: #dd390d;
 margin: 0px 0px -1px 0;
 padding-top: 10px;
}
/*  subVisual */
#subVisual { max-width: 1920px; width: 100%; height: 360px; margin: 0 auto; background-position: 50% 0; background-repeat: no-repeat; position: relative; overflow: hidden; color: #fff; text-align: center; margin-top:105px; }
#subVisual .mask { overflow: hidden; position: absolute; width: 100%; height: 100%; }
#subVisual .mask .img { height: 360px; background-repeat: no-repeat; background-position: 50%;  -webkit-animation: subVisualMotion 5s; animation: subVisualMotion 5s; }
@-webkit-keyframes subVisualMotion { 0% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes subVisualMotion { 0% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
/*  subTitleBox */
.subTitleBox { position: absolute; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
.subTitleBox .subTitle { font-size: 3.3rem; font-weight: 400; margin-bottom: 20px; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; text-shadow: 4px 3px 2px #000;   }
.subTitleBox .subTitle strong { font-weight: 600; }
.subTitleBox p { text-transform: uppercase; font-weight: 400; font-size: 1.8em; text-shadow: 3px 2px 1px #000; letter-spacing: 1px; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0;}
/*  contentsTitle */
.contentsTitle { border-bottom: 1px solid #e5e5e5; padding: 60px 0; text-align: center; position: relative; margin-bottom: 60px; }
.contentsTitle:after { content: ''; display: block; width: 65px; height: 3px; background-color: #333; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentsTitle .txt { font-size: 2.5rem; letter-spacing: -0.075em; color:#222; font-weight:normal}
/*  articleTitle */
.articleTitle { text-align: center; position: relative; margin-bottom: 60px; }
.articleTitle .txt { 'NanumSquare', sans-serif, Nanumbarungothic, arial, verdana, sans-serif; font-weight: normal; display: inline-block; padding-right: 20px; font-size: 2.5rem; letter-spacing: -0.075em; position: relative; }
.articleTitle .txt strong { font-weight: 600; }
.articleTitle .txt:after { content: ''; display: block; width: 10px; height: 10px; background-color: #22a2dc; position: absolute; right: 0; top: 0; border-radius: 100%; }
/*  boxTitle */
.boxTitle { text-align: center; position: relative; margin-bottom: 50px; font-size: 1.5rem; font-weight: 300; line-height: 1.5; }
.boxTitle strong { font-weight: 600; }
/*  breadCrumb */
.breadCrumb { display: none; position: absolute; top: 80px; width: 100%; }
.breadCrumb li { display: inline-block; }
.breadCrumb li i { margin: 0 6px 0 10px; }
/*  lnb */
#lnb { position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 0; color: #333; }
#lnb .currentTxt { display: none; height: 60px; line-height: 60px; background-color: rgba(0, 0, 0, 0.5); font-size: 1.125rem; }
#lnb .currentTxt .txt { display: inline-block; position: relative; }
#lnb .currentTxt .btnLnbOpen { color: #fff; vertical-align: middle; position: absolute; right: -40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#lnb li { display: inline-block; font-size: 1rem; position: relative; width: 200px; vertical-align: bottom;}
#lnb li:after { content: ""; display: block; width: 1px; height: 100%; position: absolute; background-color: #e1e1e1; right: 0; top: 0; }
#lnb li:first-child:before { content: ""; display: block; width: 1px; height: 100%; background-color: #e1e1e1; position: absolute; left: 0; top: 0; }
#lnb li a {font-size: 15px; display: block; height: 60px; line-height: 60px; width: 200px; text-align: center; border-bottom: 1px solid #e1e1e1; background-color: #f2f2f2; -webkit-transition: all 0.25s; transition: all 0.25s;text-decoration:none; }
#lnb li a:after { content: ''; display: block; position: absolute; left: 30px; right: 30px; height: 4px; bottom: 0; background: #e83320; background: -webkit-gradient(linear, left top, right top, from(#e88820), to(#752de6)); background: linear-gradient(90deg, #002596 0%, #002596 100%); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.25s; transition: all 0.25s; }
#lnb li.on { border-bottom: none; }
#lnb li.on a { background-color: #fff; border-bottom: 1px solid #fff; }
#lnb li.on a:after { -webkit-transform: scaleX(1); transform: scaleX(1); }
/*  lnb02 */
#lnb02 { position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 0; color: #333; }
#lnb02 .currentTxt { display: none; height: 60px; line-height: 60px; background-color: rgba(0, 0, 0, 0.5); font-size: 1.125rem; }
#lnb02 .currentTxt .txt { display: inline-block; position: relative; }
#lnb02 .currentTxt .btnlnb02Open { color: #fff; vertical-align: middle; position: absolute; right: -40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#lnb02 li { display: inline-block; font-size: 1rem; position: relative; width: 135px; vertical-align: bottom;}
#lnb02 li:after { content: ""; display: block; width: 1px; height: 100%; position: absolute; background-color: #e1e1e1; right: 0; top: 0; }
#lnb02 li:first-child:before { content: ""; display: block; width: 1px; height: 100%; background-color: #e1e1e1; position: absolute; left: 0; top: 0; }
#lnb02 li a {font-size: 15px; display: block; height: 60px; line-height: 60px; width: 135px; text-align: center; border-bottom: 1px solid #e1e1e1; background-color: #f2f2f2; -webkit-transition: all 0.25s; transition: all 0.25s;text-decoration:none; }
#lnb02 li a:after { content: ''; display: block; position: absolute; left: 30px; right: 30px; height: 4px; bottom: 0; background: #e83320; background: -webkit-gradient(linear, left top, right top, from(#e88820), to(#752de6)); background: linear-gradient(90deg, #002596 0%, #002596 100%); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.25s; transition: all 0.25s; }
#lnb02 li.on { border-bottom: none; }
#lnb02 li.on a { background-color: #fff; border-bottom: 1px solid #fff; }
#lnb02 li.on a:after { -webkit-transform: scaleX(1); transform: scaleX(1); }
.subContents {padding-bottom:100px}
.subContents .container { width: 890px; margin:0 auto; padding-right:90px;}
/*  slogan */
.slogan { height: 320px; background: url("../images/contents/bgSlogan.jpg"); background-size: cover; color: #fff; text-align: center; position: relative; }
.slogan:after { content: ''; display: block; width: 1px; height: 60px; background-color: #909090; position: absolute; left: 50%; bottom: -30px; }
.slogan .txt { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; }
.slogan .txt .main { font-size: 3.4375rem; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); font-weight: 200; }
.slogan .txt .main strong { font-weight: 600; }
.slogan .txt .sub { font-size: 1.5rem; letter-spacing: 0; }
/*  greeting */
#greeting { text-align: center; }
#greeting .contentsBox { font-size: 1.125rem; margin-top: 0px;  }
#greeting .contentsBox p { line-height: 1.8; color: #333; margin-top: 40px; font-weight: 200; }
#greeting .contentsBox .txt_blue { color: #002596;  }
#greeting .contentsBox .txt_bold { font-weight:600;  }
#greeting .contentsBox p.title { font-size: 2rem; color: #002596; letter-spacing:-2px }
#greeting .contentsBox p.title strong { font-weight: 600; }
#greeting .contentsBox p .water { font-size: 1.625rem; font-weight: 500; color: #333; display: block; }
#greeting .contentsBox p .water strong { color: #22a2dc; }
#greeting .contentsBox p.manager { color: #1b1b1b; font-size: 1.125rem; font-weight: 500; margin-top: 50px; }
/*  ÀÎÁõ¼­ º¸±â */
/*¨¡¯ÇãÀÎÁõ¨ù¡©*/
/* ******************   ÀÎÁõ¨ù¡© 01  ********************** */
.certificaton-gallery-list-con > ul {overflow:hidden; margin:0 -1%;}
.certificaton-gallery-list-con > ul li {float:left; width:18%; margin:0 1% 2% 1%; }
.certificaton-gallery-list-con > ul li a{display:block; position:relative;}
.certificaton-gallery-list-con .gallery-img-thumb {position:relative; overflow:hidden; height:0; padding-top:130%; border:1px solid #D8D8D7}
.certificaton-gallery-list-con > ul li img {position:absolute; top:0px; left:0px; width:100%; height:100%;}
.certificaton-gallery-list-con > ul li .gallery-tit {display:block; height:48px; font-size:18px; line-height: 48px; letter-spacing: -1px; color:#000000; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.certificaton-gallery-list-con > ul li .img-over-thum {
    position:absolute; opacity:0;filter:Alpha(opacity=0); width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.5);  
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; 
}
.certificaton-gallery-list-con > ul li .img-over-thum span {
    position:absolute; left:15%; bottom:-45px; width:70%; height:45px; font-size:16px; line-height: 45px; letter-spacing: -1px; color:#fff; 
    background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.3); border-bottom: 0; text-align:center; 
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; 
}
.certificaton-gallery-list-con > ul li .img-over-thum span i {vertical-align: middle; color:#fff; display:inline-block; margin-left: 8px;}
.certificaton-gallery-list-con > ul li:hover .img-over-thum {opacity:1;filter:Alpha(opacity=100);-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.certificaton-gallery-list-con > ul li:hover .img-over-thum span {bottom:0;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
 
@media all and (max-width:800px){
    .certificaton-gallery-list-con > ul li{width:31.33%;}
    .certificaton-gallery-list-con > ul li .gallery-tit{height:30px; line-height:30px; font-size:15px; padding-top:10px;} 
    .certificaton-gallery-list-con > ul li .img-over-thum span{bottom:-30px; height:30px; line-height:30px; font-size:13px;}
    .certificaton-gallery-list-con > ul li .img-over-thum span i{font-size:18px; margin-left:3px;}
}
@media all and (max-width:480px){
    .certificaton-gallery-list-con > ul li{width:48%;}
}
 
/* ******************   ÀÎÁõ¨ù¡© 02  ********************** */
.property-list-con{}
.property-list-con > ul{margin:0 -1%;}
.property-list-con > ul li{float:left; width:30%; margin:0 1% 70px 1%; }
.property-gallery-img-thumb{position:relative; padding-top:130%; border:1px solid #dadad9;}
.property-gallery-img-thumb > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.property-gallery-img-thumb > span img{width:100%; height:100%;}
.property-gallery-img-thumb .over-thum{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid #22a2dc;opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.property-gallery-img-thumb .over-thum i{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; background-color:#22a2dc; text-align:center; line-height:50px; color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.property-list-con > ul li:hover .property-gallery-img-thumb .over-thum{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.property-gallery-tit{font-size:16px; line-height:22px; color:#444; font-weight:400; letter-spacing:-0.5px; text-align:center; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:17px;}
 
@media all and (max-width:800px){
    .property-list-con > ul li{width:31.33%; margin:0 1% 35px 1%}
    .property-gallery-tit{height:30px;font-size:15px; padding-top:10px;} 
}
@media all and (max-width:480px){
    .property-list-con > ul li{width:48%;}
}
.benefit-list {margin: 64px 0 0;}
.benefit-list > ul {}
.benefit-list > ul > li {position: relative; margin: 70px 0 0;}
.benefit-list > ul > li:first-child {margin: 0;}
.benefit-list > ul > li:after {display: block; content: ''; clear: both;}
.benefit-list > ul > li .imgs {position: absolute; top: 35px; z-index: 1; width: 425px; height: 350px; box-shadow: 21px 21px 30px 0px rgba(0, 0, 0, 0.15);}
.benefit-list > ul > li .imgs img {max-width: 100%; width: 100%; max-height: 100%; height: 100%; border:1px solid #83a8e1; }
.benefit-list > ul > li .detail-box {display: table; width: 360px; min-height: 250px; padding: 40px 30px 40px 95px; border: 10px solid #c5d4df; background:#e3e9ec;}
.benefit-list > ul > li:nth-child(odd) .imgs {left: 0;}
.benefit-list > ul > li:nth-child(odd) .detail-box {float: right;}
.benefit-list > ul > li:nth-child(even) .imgs {right: 0;}
.benefit-list > ul > li:nth-child(even) .detail-box {float: left;}
.benefit-list > ul > li .detail-box ul {display: table-cell; vertical-align: middle;}
.benefit-list > ul > li .detail-box ul li {position: relative; margin: 20px 0 0; font-size: 1rem; line-height: 15px; }
.benefit-list > ul > li .detail-box ul li:after {display: block; content: ''; position: absolute; top: 6px; left: -15px; width: 5px; height: 5px; background: rgb(0,209,197); background: -moz-linear-gradient(-45deg, rgba(0,209,197,1) 0%, rgba(5,70,204,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(0,209,197,1) 0%,rgba(5,70,204,1) 100%); background: linear-gradient(135deg, rgba(0,209,197,1) 0%,rgba(5,70,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d1c5', endColorstr='#0546cc',GradientType=1 );}
.benefit-list > ul > li .detail-box ul li:first-child {margin: 0 0 0 -15px;font-weight: 600; font-size: 1.5rem; line-height: 35px; padding:0 0 15px 0;}
.benefit-list > ul > li .detail-box ul li:first-child:after {content: none;}
.benefit-list > ul > li .detail-box ul li .small {display: inline-block; font-size: 16px;}
.benefit-list02 {margin: 10px 0 0;}
.benefit-list02 > ul {}
.benefit-list02 > ul > li {position: relative; margin: 70px 0 0;}
.benefit-list02 > ul > li:first-child {margin: 0;}
.benefit-list02 > ul > li:after {display: block; content: ''; clear: both;}
.benefit-list02 > ul > li .imgs {position: absolute; top: 0px; z-index: 1; width: 425px; height: 250px; /*box-shadow: 21px 21px 30px 0px rgba(0, 0, 0, 0.15);*/}
.benefit-list02 > ul > li .imgs img {max-width: 100%; width: 100%; max-height: 100%; height: 100%; border:1px solid #d5d5d5; }
.benefit-list02 > ul > li .detail-box {display: table; width: 390px; min-height: 250px; padding: 0px 30px 0px 75px; border: 1px solid #d5d5d5; background:#f7f7f7;}
.benefit-list02 > ul > li:nth-child(odd) .imgs {left: 0;}
.benefit-list02 > ul > li:nth-child(odd) .detail-box {float: right;}
.benefit-list02 > ul > li:nth-child(even) .imgs {right: 0;}
.benefit-list02 > ul > li:nth-child(even) .detail-box {float: left;}
.benefit-list02 > ul > li .detail-box ul {display: table-cell; vertical-align: middle;}
.benefit-list02 > ul > li .detail-box ul li {position: relative; margin: 20px 0 0; font-size: 1rem; line-height: 15px; }
.benefit-list02 > ul > li .detail-box ul li:after {display: block; content: ''; position: absolute; top: 6px; left: -15px; width: 5px; height: 5px; background: rgb(0,209,197); background: -moz-linear-gradient(-45deg, rgba(0,209,197,1) 0%, rgba(5,70,204,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(0,209,197,1) 0%,rgba(5,70,204,1) 100%); background: linear-gradient(135deg, rgba(0,209,197,1) 0%,rgba(5,70,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d1c5', endColorstr='#0546cc',GradientType=1 );}
.benefit-list02 > ul > li .detail-box ul li:first-child {margin: 0 0 0 -15px;font-weight: 600; font-size: 1.5rem; line-height: 35px; padding:0 0 15px 0;}
.benefit-list02 > ul > li .detail-box ul li:first-child:after {content: none;}
.benefit-list02 > ul > li .detail-box ul li .small {display: inline-block; font-size: 16px;}
/* gnb */
#header {position: fixed; top: 0px; left: 0; z-index: 999; width: 100%; min-width: 990px; height: 80px; background: #ffffff; border-top:25px solid #002596}
#header .h-inner {position: relative; width: 990px; height: 74px; margin: 0 auto;}
#header .h-inner .logo {position: absolute; top: 0; left: 0;}
#header .h-inner .logo a {display: block; width: 225px; height: 74px;}
#header .h-inner .logo a img {width: ; height: ;}
#header .h-inner .navi-trg {display: none;}
#navigation {}
#navigation .inner {width:765px;}
#navigation .inner .gnb {display: inline-block; position: absolute; top: 10px; left: 250px; z-index: 100;}
#navigation .inner .gnb > li {float: left; position: relative;}
#navigation .inner .gnb > li > a {display: block; font-weight: 600; font-size: 18px; line-height: 54px; color: #000000;}
#navigation .inner .gnb > li > a > span {display: inline-block; padding: 0 30px 0 30px; }
#navigation .inner .gnb > li.over > a > span {}
#navigation .inner .gnb > li:focus > a,
#navigation .inner .gnb > li > a:hover,
#navigation .inner .gnb > li.over > a {background: #002596; color: #ffffff;}
#navigation .inner .gnb > li > ul {display: none; position: absolute; top: 54px; left: 0; padding: 20px 0px 20px 0; width:100%;background: #002596; z-index: 11; }
#navigation .inner .gnb > li > ul > li > a {display: block; padding: 0 0 0 18px; font-size: 16px; line-height: 35px; color: #ffffff; transition: all .3s;text-decoration:none;}
#navigation .inner .gnb > li > ul > li > a:hover {background: #ffffff; color: #002596;text-decoration:none;}
#navigation .inner .m-language-utils {display: none;}
#main-menu {position: fixed; bottom: 0; right: -73px; z-index: 101; box-sizing: border-box; width: 100vh; height: 73px; margin-bottom: -73px; transform-origin: right top; transform: rotate(90deg); transition: right .4s;}
#main-menu .inner {overflow: hidden; position: relative; text-align: center;}
#main-menu .inner ul {display: inline-block; width: 100%; max-width: 100%;}
#main-menu .inner ul li {display: inline-block; margin: 0 0 0 40px; vertical-align: top;}
#main-menu .inner ul li a {display: block; position: relative; padding: 14px 0; font-weight: 400; font-size: 14px; line-height: 45px; text-transform: uppercase; color: #999999;}
#main-menu .inner ul li a:after {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 8px; height: 8px; margin: 0 0 0 -4px; background: url(/resources/images/common/bullet-ico-8x8.png) center center no-repeat; opacity: 0; transition: all .3s;}
#main-menu .inner ul li.active a {font-weight: 700; color: #222222;}
#main-menu .inner ul li.active a:after {opacity: 1;}
#main-menu .inner ul li:first-child {margin: 0}