@charset "utf-8";

/*
 * Layout Style
 *
 */

#wrap {width:100%; margin:0 auto;}
#container{width:100%; margin:0 auto;top:90px;text-align:center;/* 반드시 position설정해두어야함 */position: relative;}

/********************************************
	HEADER
********************************************/
#header{width: 100%;height:90px;margin:0 auto; padding:0; position:fixed;background:#fff; border-bottom:3px solid #01519a; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index: 2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .headWrap {margin:0 auto; width:1200px;position: relative;z-index:3;}
#header .logo{position: absolute; width:400px;text-align:left; padding:11px 0px 0px 0px;z-index:6;}
#header .menu{position: absolute;text-align:right; right:100px; top:35px;width:800px; z-index:3;}
#header .menu ul{display:inline-block;text-align:right;}
#header .menu li{display:inline-block; text-align:center; color:#323232; margin:0px 40px 0px; font-size:18px;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .menu li a{color:#323232; }
#header .menu li a:hover{border-bottom:5px solid #01519a;color:#01519a;padding-bottom:10px; }
#header .menu li:first-child{ }
#header .menu li.none{font-size:0px;width:0; height:0; line-height:0; margin:0px;}
#header .menu .active{border-bottom:5px solid #01519a;color:#01519a;padding-bottom:10px; }
#header .tmenu{position: absolute;text-align:right; right:0px; top:39px;width:100px; z-index:5;}
#header .tmenu ul{display:inline-block;text-align:right;}
#header .tmenu li{float:left;text-align:left;background: url(/img/tline.png) left 50% no-repeat;padding:0 10px;color:#505050; font-size:11px; font-family:'Nanum Gothic'; line-height:1;}
#header .tmenu li a{color:#505050;}
#header .tmenu li:first-child{background:none;}
#header .tmenu li.on a{color:#fb5103; }

.logo_m{display:none;float:left; width:75%; text-align:left;padding:8px 0px 0px 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_open{display:none;float:right;text-align:right; width:25%;padding:14px 15px 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_open img{width:28px; height:22px;}
.logo_m img{width:45px; height:34px;}

#container {transition:transform 1s;transform: translateX(0%);-webkit-transform: translateX(0%);-webkit-transition: -webkit-transform 1.0s;}
#header .menu{transition:transform 0.5s;transform: translateX(0%);-webkit-transform: translateX(0%);-webkit-transition: -webkit-transform 0.5s;}

/* mMenu */
.mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0px; z-index:201; background:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; -ms-filter: alpha(opacity=70); }

.mMenu {display:none; position:fixed; right:-90%; top:0; width:90%; padding:0px; z-index:202; background:#01519a;-webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;}
.mMenu .mclose { position:absolute;  top:18px;right:15px; }
.mMenu .mclose img{max-width:100%;}
.mMenu .mtitle {display:block; padding:15px 0px 15px 20px; background:#fff;color:#2a2a2a;}
.mMenu .mtitle a{color:#2a2a2a;font-family:'Nanum Gothic Bold';font-size:16px;}
.mMenu .mtitle a:hover {font-family:'Nanum Gothic Bold';}
.mMenu .mtitle img{max-width:40%;}

.mMenu .mlang{display:block; padding:10px 0px 10px 20px; text-align:center; background:#ebebeb;}

.lang{display:inline-block;margin:0px 5px; border:1px solid #666; padding:2px 8px 4px; text-align:center;line-height:1; font-size:12px; color:#666; font-family:'Nanum Gothic';letter-spacing:-0.04em; }
.lang a{color:#666; }
.lang_on{display:inline-block;margin:0px 5px; border:1px solid #fb5103; padding:2px 8px 4px; text-align:center;line-height:1; font-size:12px;color:#fb5103;font-family:'Nanum Gothic Bold';letter-spacing:-0.04em;}

.mMenu .list {padding:0px 0px 0px 0px;background:#01519a;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.lnav, .lnav ul, .lnav li {list-style: none;}
.lnav ul {margin: 0 0 0 0px;background-color: #01519a;}
.lnav {padding: 0px;margin: 0px;}
.lnav > li {margin: 0px 0; background: #0c4b84;border-bottom: 1px solid #0a63b5;}
.lnav > li li {margin: 0px 0;}
.lnav > li li li{margin: 0px 0;}
.lnav a {line-height:1;font-family:'Nanum Gothic Bold';letter-spacing:-0.05em;display: block;outline: none;text-decoration: none;}
.lnav a .caret {float: right;width:11px;height:11px;display: inline-block;vertical-align: top;background:url(../img/lmenu.png) right center no-repeat;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;margin-top:6px;margin-left: 2px;}
.lnav li.open > a > .caret {border-top: none;background:url(../img/lmenu_on.png) right center no-repeat;-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.lnav li a {color:#ebebeb; font-size: 16px;line-height:1; padding: 15px 10px;} /* 1depth */
/*.lnav > li > a {color:#424242; font-size:14px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;letter-spacing:-0.05em; padding: 15px 20px;}*/
.lnav > li li a {padding: 10px 10px 10px 20px;background-color: rgba(212, 212, 212, 0.15); color:#1a1a1a; font-size:14px;line-height:1;font-family:'Nanum Gothic';letter-spacing:-0.05em;border-top:1px dotted #ccc; }
.lnav > li li li a {padding: 10px 10px 10px 35px; background:url(../img/licon02.png) 25px center no-repeat #f1f1f1; color:#424242; font-size:13px;line-height:1;font-family:'Nanum Gothic Bold';letter-spacing:-0.05em;}
.lnav li.open {background-color: #01519a;}
.lnav li.open a{color:#ebebeb;}
.lnav li.open li a {color:#fff;}
.lnav li.active a{color:#fff;}
.lnav li li.active a{color:#fff;}

/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.not_scroll .cont {
    position: relative;
    top: 0;
}



.btn_up_layer {position:fixed; right:0px;bottom:0px;display:none;padding:0px;z-index:100;filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;}
	

.fixed{background-color:rgba(255,255,255,1.0); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

/* mainbanner */
.rolling_wrap{position:relative; width:100%; height:600px; text-align:center; overflow: hidden; zoom: 1;z-index:1}

.arr-btn{width:100%; max-width:1920px; position:absolute; left:0; top:0px}
.arr-btn .customPrevBtn{width:46px; height:45px; text-indent:-9999px; background:url(/img/btn_prev.png) 0 no-repeat; position:absolute; left:0px; top:440px; cursor:pointer; z-index:100;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}
.arr-btn .customNextBtn{width:46px; height:45px; text-indent:-9999px; background:url(/img/btn_next.png) 0 no-repeat; position:absolute; right:0px; top:440px; cursor:pointer; z-index:100;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}
.arr-btn .customPrevBtn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.arr-btn .customNextBtn:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

.mainroll{width:100%; margin:0px; text-align:center; overflow:hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1;}
.mainroll_m{display:none; width:100%; margin:0px; text-align:center; overflow:hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1;}

A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}


/* footer */
#footer_wrap{/* 반드시 position설정해두어야함 */position: relative; clear:both;width:100%; top:90px;margin:0px auto; text-align:center; padding: 30px 0px 35px; overflow:hidden; background:#000;}
#footer_wrap:after { content:""; display:block; clear:both; height:0;}
.footer{width:1200px; margin:0 auto;  font-size:0;position:relative; background:#000;}
.footer .flogo{position: absolute;left:0; width:93px; text-align:left; vertical-align:top; }
.footer .fcopy{display:inline-block;width:100%; padding-left:150px;margin-top:0; text-align:left; vertical-align:top;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer .fcopy p{font-family:'Nanum Gothic Bold'; FONT-SIZE: 14px; COLOR: #a7a7a7; line-height:1.8;}
.footer .fcopy p span{display:inline-block; padding-left:20px; padding-right:20px;}
.footer .fcopy h2{display:none;font-family:'Nanum Gothic Bold'; FONT-SIZE: 12px; COLOR: #a7a7a7; line-height:1.5;}
.footer .fcopy h2 span{display:inline-block; padding-left:5px; padding-right:5px;}
.footer .fcopy h1{COLOR: #808080;font-family:'Nanum Gothic Bold'; FONT-SIZE: 14px;line-height:1; margin-top:10px;}
.footer .ftop{position: absolute;right:0; top:10px;cursor:pointer;}





.mb01{display: inline-block; width: 300px; height:174px;text-align: center; overflow: hidden;transition:transform 0.5s;transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: -webkit-transform 0.5s; cursor:pointer;position:relative;z-index:1;transition:; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); -webkit-transition: -webkit-box-shadow 0.5s, -webkit-background 0.5s; -webkit-transition-timing-function: ease-out;}
.mb01 img{display:inline; border:0;overflow:hidden;}
.mb01:hover{transform: matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); overflow:visible;z-index:1000;box-shadow: 0px 5px 10px rgba(0,0,0,0.4);}

.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 
.ellipsis04{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 

/* ---------------------- sub ----------------------------- */


.title {display: inline-block;width:100%;margin-bottom:40px;}
.title p{text-align:center; color:#323232;font-size:52px;line-height:1.2;font-family:'Nanum Gothic Bold'; margin-bottom:20px;}
.title h3{text-align:center; color:#323232;font-size:44px;line-height:1.2;letter-spacing: -0.05em;font-family:'Nanum Gothic Bold'; margin-bottom:20px;}
.title h1{text-align:center; color:#505050;font-size:16px;line-height:1.5;font-family:'Nanum Gothic';letter-spacing: -0.05em;}

.title_w {display: inline-block;width:100%; margin-bottom:40px;}
.title_w p{text-align:center; color:#fff;font-size:52px;line-height:1.2;font-family:'Nanum Gothic Bold'; margin-bottom:20px;}
.title_w h1{text-align:center; color:#e0dcdb;font-size:16px;line-height:1.2;font-family:'Nanum Gothic';}


/* 상단 텍스트박스 */
.section05_wrap{line-height:180%;width:100%; top:-18px; background:#25569f;padding: 45px 0px; overflow: hidden;position: relative;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-webkit-background-size: cover;-moz-background-size: cover;}

.section05_wrap h1{ text-align:center; color:#fff;font-size:20px;line-height:1.6;letter-spacing: -0.05em;font-family:'Nanum Gothic'; text-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* 가로, 세로, 그림자 */}
.section05_wrap h4{display:none;text-align:center; color:#fff;font-size:16px;line-height:1.5;letter-spacing: -0.05em;font-family:'Nanum Gothic';padding:0px 40px;text-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* 가로, 세로, 그림자 */box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}

.section01{width:1200px; margin:0px auto; text-align:center;}


/* 회사소개 */
.section01_wrap{width:100%; top:-18px; background: url("../img/01bg.jpg") no-repeat center / cover rgb(255, 255, 255);padding: 45px 0px; overflow: hidden;position: relative;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-webkit-background-size: cover;-moz-background-size: cover;}

.section01_wrap p{text-align:center; color:#fff;font-size:52px;line-height:1.2;font-family:'Nanum Gothic Bold'; margin-bottom:30px;}
.section01_wrap h1{text-align:center; color:#fff;font-size:20px;line-height:1.5;letter-spacing: -0.05em;font-family:'Nanum Gothic'; text-shadow: 1px 1px 5px rgba(0,0,0,1); /* 가로, 세로, 그림자 */}
.section01_wrap h1 span{font-size:20px;}
.section01_wrap h4{display:none;text-align:center; color:#fff;font-size:20px;line-height:1.5;letter-spacing: -0.05em;font-family:'Nanum Gothic';padding:0px 40px;text-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* 가로, 세로, 그림자 */box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}

.section01{width:1200px; margin:0px auto; text-align:center;}

/* 01tab */
.company_tab_wrap{position: relative;top:-18px;width:100%;background:#01519a;margin:0px auto;overflow: hidden;}
.company_tab{width:1200px; margin:0px auto; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.company_tab li{float:left; width: 25%;}
.company_tab li a {display: block; width: 100%; height:60px; text-align: center; color: #fff; padding:0px 0px; line-height:56px; font-size:16px;font-family:'Nanum Gothic Bold';letter-spacing: -0.05em; background:#01519a; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.company_tab li a:hover {background:#fff;color: #01519a; }
.company_tab li.active a {background:#fff;color: #01519a;}

.tab_content{width:1200px; margin:0px auto; overflow: hidden; padding:20px 0px 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.con_form input {width:78%; height:50px; background-color:#fafafa; border:solid 1px #dcdcdc; padding:0 1%; font-size:16px;font-family:'Nanum Gothic';}
.con_form textarea {width:76%; height:130px; background-color:#fafafa; border:solid 1px #dcdcdc; padding:1%; font-size:16px;font-family:'Nanum Gothic';}
.send_btn a {display:inline-block; padding:1% 3%; background-color:#01519a; font-size:16px; color:#fff; font-weight:bold;font-family:'Nanum Gothic';}

/* 사업분야 */
.section02_wrap{width:100%; background: url("../img/02bg.jpg") no-repeat center / cover rgb(255, 255, 255);padding: 150px 0px 120px; overflow: hidden;position: relative;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-webkit-background-size: cover;-moz-background-size: cover;}
.section02{width:1200px; margin:0px auto;}
.section02 li{float:left; width:224px;background:#fff;margin-left:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-khtml-border-radius:5px;-o-border-radius::5px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section02 .gimg{display: inline-block;width:100%;}
.section02 .gimg img{width:100%;border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;-ms-border-radius:5px 5px 0px 0px;-khtml-border-radius:5px 5px 0px 0px;-o-border-radius::5px 5px 0px 0px; }
.section02 .gtxt{display: inline-block;width:100%;padding:30px 20px 25px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section02 li:first-child{margin-left:0px;}
.section02 h2{text-align:center; color:#333;font-size:20px;line-height:1.3;letter-spacing: -0.05em;font-family:'Nanum Gothic Bold'; margin-bottom:10px;}
.section02 h4{text-align:left; color:#999;font-size:16px;line-height:1.6;letter-spacing: -0.05em;font-family:'Nanum Gothic';}


/* 제품소개 */
.section03_wrap{width:100%; background: url("/img/03bg.jpg") no-repeat center / cover rgb(115, 124, 219);padding: 0 0px 0px 0px; overflow: hidden;position: relative;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-webkit-background-size: cover;-moz-background-size: cover;}

.section03{width:1200px; margin:0px auto; padding: 60px 0px 90px; text-align:center;}

.product_tab{width:100%; margin:0px auto; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product_tab li{display: inline-block; text-align:center;}
.product_tab li a {display: block; padding:10px 25px;text-align: center;margin:0px 5px 10px; border:1px solid #c8c8c8; background:#fff; color: #828282; line-height:1; font-size:18px;font-family:'Nanum Gothic'; border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;-ms-border-radius:24px;-khtml-border-radius:24px;-o-border-radius::24px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.product_tab li a:hover {border:1px solid #01519a; background:#01519a; color: #fff; }
.product_tab li.active a {border:1px solid #01519a; background:#01519a; color: #fff; }
.product_tab li:first-child {}

.m_content {width:100%; overflow: hidden; margin:20px auto 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing:}
.m_content li{float:left; width:100%; font-family:'Nanum Gothic Bold';color: #323232;font-size: 16px;line-height:1;letter-spacing:-0.05em;}
.m_content li:first-child{margin-left:0px;}
.m_content li p.m_img {display:none;}
.m_content li > ul {float:left; width:100%; margin-top:20px;}
.m_content li > ul > li {float:left; width:23%; font-family:'Nanum Gothic';color: #505050;font-size: 15px;line-height:1.4;letter-spacing:-0.05em; text-align:left;  margin-bottom:20px;}
.m_content li > ul > li > span {font-weight:bold;color: #323232;}
.m_content li > ul > li:last-child {width:31%;}
.m_content h2{text-align:left;font-family:'Nanum Gothic';color: #323232;font-size: 34px;line-height:1.5;letter-spacing:-0.05em; padding-bottom:17px; margin-bottom:17px;background: url("../img/03_titbg.png") left bottom no-repeat;}
.m_content h4{text-align:left;font-family:'Nanum Gothic';color: #505050;font-size: 16px;line-height:1.5;letter-spacing:-0.05em; }
.m_content h4 span{font-weight:bold;color: #323232; }


/* 경쟁력 */
.section04_wrap{width:100%; background: url("../img/04bg.jpg") no-repeat center / cover rgb(255, 255, 255);padding: 70px 0px 90px; overflow: hidden;position: relative;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-webkit-background-size: cover;-moz-background-size: cover;}
.section04_wrap p{text-align:center; color:#fff;font-size:52px;line-height:1.2;font-family:'Nanum Gothic Bold'; margin-bottom:20px;}
.section04_wrap h1{text-align:center; color:#e0dcdb;font-size:16px;line-height:1.2;font-family:'Nanum Gothic'; margin-bottom:30px;}

/* .nav_m01{position: absolute; bottom:100px;width:640px;left:50%; margin-left:-320px;background:url(../img/dotline.png) center center no-repeat; z-index:5;} */
.nav_m01 li{float:left; display:table;cursor:pointer;width:145px;height:145px;margin:0px 0px 0px 95px; border:2px solid #fff; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;-o-border-radius::50%; text-align:center;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}
.nav_m01 li:first-child{margin:0px 0px 0px 0px;}
.nav_m01 li.a01{margin:60px 0px 0px 98px;}
.nav_m01 li p{display:table-cell; text-align:center; vertical-align:middle;height:145px;color:#fff;font-family:'Nanum Gothic Bold'; font-size:22px;line-height:32px;}
.nav_m01 li.activeSlide{background:#c71f3b;}
.nav_m01 li:focus{ outline: none; }
.cycle-pager .cycle-pager-active {background:#c71f3b;}

/* pager */
.cycle-pager {
  position: absolute; bottom:100px;width:640px;left:50%; margin-left:-320px;background:url(../img/dotline.png) center center no-repeat; z-index:500;
}
.cycle-pager span {
    font-family: arial; font-size: 50px; width: 16px; height: 16px;
    display: inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span.cycle-pager-active {background:#c71f3b;}
.cycle-pager > * {cursor: pointer;}



.vision{display:inline-block;width:100%; margin:0px auto; text-align:center; font-size:0;}
.vision li{float:left;width:360px;text-align:center;padding:20px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.vision li.dot{float:left;width:60px;padding:40px 0px;background:url(../img/v_dot.png) center center no-repeat;}
.vision h2{font-family:'Nanum Gothic Bold';color: #01519a;font-size: 28px;line-height:1;letter-spacing:-0.05em; margin-bottom:15px;}
.vision p{font-family:'Nanum Gothic Bold';color: #505050;font-size: 16px;line-height:1;letter-spacing:-0.05em;}
.vline{display:inline-block;width:100%;border-top:1px solid #e1e1e1;margin-top:20px;}

.organization{display:inline-block;width:100%; margin:0px auto; text-align:center;}
.organization img{max-width:100%;}
.organization_m{display:none;width:100%; margin:0px auto; text-align:center;}
.organization_m img{max-width:100%;}

/* historytb */

.historytb {width:100%; margin: 0px auto; text-align:left; vertical-align:top; border-top:1px solid #e1e1e1; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.historytb li {margin-bottom:0px;border-bottom:1px solid #e1e1e1;}
.historytb  li .q{display:block;padding:15px 40px 15px 20px;background:url(../img/icon_plus.png) right center no-repeat #fff;color:#01519a;font-family:'Nanum Gothic Bold';font-size:24px;line-height:1;letter-spacing:-0.05em;text-decoration:none !important;cursor:pointer;text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.historytb li.on .q{background:url(../img/icon_minus.png) right center no-repeat #fff;color:#01519a;font-family:'Nanum Gothic Bold';font-size:24px;line-height:1;letter-spacing:-0.05em;}
.historytb li .a{border-top:1px solid #e1e1e1;padding:0px 0px 0px 40px;text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.history{display:inline-block;width:100%; margin:0px auto; font-size:0;}
.history .year{display:inline-block;width:20%;text-align:left; color:#323232;font-family:'Nanum Gothic';font-size:18px; line-height: 18px; letter-spacing:-0.05em;padding-top:15px;}
.history .month{display:inline-block;width:80%;text-align:left;padding:10px 0px;border-left:1px solid #e1e1e1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.history .month ul{display:inline-block;width:100%;}
.history .month li.cont01{float:left; width:100px;color:#323232;font-family:'Nanum Gothic';font-size:18px; line-height: 1.5; letter-spacing:-0.05em;background:none;padding:10px 10px 10px 20px;border-bottom:0px solid #e1e1e1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.history .month li.cont02{float:left; width:auto;color:#505050;font-family:'Nanum Gothic';font-size:18px; line-height: 1.5; letter-spacing:-0.05em;background:none;padding:10px 10px 10px 20px;border-bottom:0px solid #e1e1e1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.history .line{border-top:1px solid #e1e1e1;}

#map {width:100%;height:500px; border:1px solid #d9d8d8; margin:0px auto; text-align:center; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.contacts {width:100%;margin:20px 0px;border-top:1px solid #3d88c5;text-align: left; font-size:0; padding:0 20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.contacts ul{border-bottom:1px solid #ebebeb;padding:10px 0px;}
.contacts .ltitle {display:inline-block;width:20%;min-height:27px; text-align:left;font-family:'Nanum Gothic Bold';color: #1a1a1a;line-height:20px;font-size:16px;letter-spacing:-0.05em;padding-left:40px; padding-top:4px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.contacts .rcontent{display:inline-block;width:80%;text-align:left;color:#555;font-size:16px;letter-spacing:-0.05em;line-height:20px;font-family:'Nanum Gothic'; padding-top:4px;}
.contacts .rcontent1{display:inline-block;width:80%;text-align:left;color:#555;font-size:14px;letter-spacing:-0.05em;line-height:24px;font-family:'Nanum Gothic'; padding-top:4px;}
.contacts .rcontent1 span {display:inline-block;width:80%;text-align:left;color:#0b9092;font-size:16px;letter-spacing:-0.05em;line-height:20px;font-family:'Nanum Gothic'; font-weight:bold;}
.contacts ul:first-child{border-top:0px dotted #dedede;}

.dl_01{background: url("../img/i_address.png") no-repeat left center;}
.dl_02{background: url("../img/i_tel.png") no-repeat left center;}
.dl_03{background: url("../img/i_traffic.png") no-repeat left center;}