@charset "utf-8";

html, body {margin: 0px;}
ul,ol,dl {list-style:none}
caption {position:absolute;top:-9999px;text-indent:-9999px;}
a {text-decoration:none;}
* {padding:0; margin:0; font-family:"NanumGothic", sans-serif}

#wrap {width:100%; min-width:1140px; margin:0 auto;}
#header {width:100%; height:120px; float:left;}
#container {width:100%; float:left;}
#footer {width:100%; clear:both; border-top:1px solid #E0E0E0; padding:50px 0;}

/* 드래그&텍스트 컬러 */
::-moz-selection {
background: #ffe400;
color: #000;
}
::selection {
background: #ffe400;
color: #000;
}

/* 공통요소 시작 */

.t_left {text-align:left !important;}
.t_center {text-align:center !important;}
.t_right {text-align:right !important;}

/* Padding */
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_30 {padding-top:30px !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_40 {padding-left:40px !important;}
.pr_20 {padding-right:20px !important;}
.pb_20 {padding-bottom:20px !important;}

/* Margin */
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.ml_1 {margin-left:1px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.ml_30 {margin-left:30px !important;}
.ml_40 {margin-left:40px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}

/* 공통요소 끝 */

/* 우측 네비게이션 시작 */

nav#primary {z-index: 9999; position: fixed; top: 50%; right: 16px; margin-top: -40px;}
nav#primary li {position: relative; height: 20px;}
nav#primary a {display: block; width: 20px; height: 20px; text-indent: -9999px; background: transparent url('../images/nav-dot.png') 4px 4px no-repeat;}
nav#primary a:hover, nav#primary a.active {background: transparent url('../images/nav-dot.png') 4px -16px no-repeat;}
nav#primary h1 {position: absolute; right: 16px; top: 1px; display: none; padding: 4px 20px 4px 7px;; font-size:11px; color: #fff; white-space: nowrap; background: transparent url('../images/nav-arrow.png') 100% 50% no-repeat;}

/* 우측 네비게이션 끝 */

/* 탑메뉴 시작 */

div.topmenu {width:1140px; min-width:1140px; font-family: NanumGothicExtraBold; margin: 0 auto; padding: 1.5em 0 3em 0; text-align: right;}
div.topmenu a {color: #444; text-decoration: none; font: 20px NanumGothicExtraBold; font-weight:bold; margin: 0px 10px; padding: 10px 20px; position: relative; z-index: 0; cursor: pointer;}
div.topmenu .logo :not(p) {font-family: NanumGothicExtraBold; margin: 0 auto; float:left; padding-top:10px;}

/* Top and Bottom borders go out */
div.topBotomBordersOut a:before, div.topBotomBordersOut a:after { position: absolute; left: 0px; width: 100%; height: 2px; background: #444; content: ""; opacity: 0; transition: all 0.3s;}
div.topBotomBordersOut a:before {top: 0px; transform: translateY(10px);}
div.topBotomBordersOut a:after {bottom: 0px; transform: translateY(-10px);}
div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after {opacity: 1; transform: translateY(0px);}

/* Border X get width  */
div.topmenu .borderXwidth a:before, div.topmenu .borderXwidth a:after {position: absolute; opacity: 0; width: 0%; height: 2px; content: ''; background: #0a64e1; transition: all 0.3s;}
div.topmenu .borderXwidth a:before {left: 0px; top: 0px;}
div.topmenu .borderXwidth a:after {right: 0px; bottom: 0px;}
div.topmenu .borderXwidth a:hover:before, div.topmenu .borderXwidth a:hover:after {opacity: 1; width: 100%;}

/* 탑메뉴 끝 */

/* 메인슬라이더 시작 */

 @keyframes slidy {
 0% { left: 0px; }
20% { left: 0px; }
30% { left: -100%; }
50% { left: -100%; }
60% { left: -200%; }
80% { left: -200%; }
100% { left: 0px; }
}
 
#main_slide {width: 100%;}
#main_slide > div.wrap > div#slider {overflow: hidden; position: relative;}
div#slider > div > img {width: 33.333333333333333333333333%; float: left;}
div#slider > div {
    position: relative;
    width: 300%;
    margin: 0;
    top:0;
    left: 0;
    text-align: left;
    font-size: 0;
    -webkit-animation: 15s slidy ease-in-out infinite;
    animation: 15s slidy ease-in-out infinite;
}

/* 메인슬라이더 끝 */

/* About 시작 */

.about {font-family: NanumGothic; margin: 0 auto; padding: 80px 0 100px 0; text-align: center;}
.about h2 {font:50px NanumGothicExtraBold; color:#1428a0; font-weight:bold;}
.about p {font:24px NanumGothicExtraBold; color:#335584; font-weight:bold; padding:40px 0 0 0;}
.about .txt {font:17px NanumGothic; color:#3c4146; line-height:24px; word-spacing: -1px; padding:40px 0 10px 0;}
.about .inner {width:1140px; margin:0 auto;}
.about .inner ul {}
.about .inner ul>li {float:left; width:380px;}
.about .inner ul>li:first-child {margin-left:0;}
.about .inner dl {padding:30px 0 100px 0;}
.about .inner dl>dt {font-size:20px; color:#0ad2e1; font-weight:bold;margin-bottom:10px;}
.about .inner dl>dd {font-size:15px; color:#646973; line-height:20px;}

.about .inner ul>li .scale {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.2s ease-in-out;   /* 부드러운 모션을 위해 추가*/}
.about .inner ul>li .scale:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.about .inner ul>li .img {overflow:hidden;}   /* 부모를 벗어나지 않고 내부 이미지만 확대 */

/* About 끝 */

/* Business 시작 */

.business {width: 100%; min-width: 520px; position: relative;  padding: 100px 0; margin: 0 auto; overflow: hidden; background: transparent url(../images/bg_business.jpg) repeat 0% 0%; background-size: cover; text-align:center;}
.business h2 {font:50px NanumGothicExtraBold; color:#81b6ff; text-shadow: 1px 1px 1px rgba(0,0,0,0.9);}
.business p {font:24px NanumGothicExtraBold; color:#ffffff; padding:0 0 20px 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.9);}
.business .cont {width:1140px; min-width:1140px; margin:0 auto; padding-top:40px;}
.business .cont ul {}
.business .cont ul>li {float:left;width:570px; height:350px;}
.business .cont ul>li:first-child {margin-left:0;}
.business .cont ul>li.list1 {background: -webkit-gradient(linear, top left, bottom left, from(#2451eb), to(#003898)); background: -webkit-linear-gradient(#2451eb,#003898); background: linear-gradient(#2451eb,#003898);}
.business .cont ul>li.list1a:hover, .list1a:active {background: -webkit-gradient(linear, top left, bottom left, from(#002d78), to(#2048cf)); background: -webkit-linear-gradient(#002d78,#2048cf); background: linear-gradient(#002d78,#2048cf);}
.business .cont ul>li.list2 {background: -webkit-gradient(linear, top left, bottom left, from(#1e58a7), to(#00265a)); background: -webkit-linear-gradient(#1e58a7,#00265a); background: linear-gradient(#1e58a7,#00265a);}
.business .cont ul>li.list2a:hover, .list2a:active {background: -webkit-gradient(linear, top left, bottom left, from(#00193c), to(#194b8c)); background: -webkit-linear-gradient(#00193c,#194b8c); background: linear-gradient(#00193c,#194b8c);}
.business .cont dl {padding:50px 0 40px 0;}
.business .cont dl>dt {font:30px NanumGothicExtraBold; color:#0ad2e1; margin-bottom:20px;}
.business .cont dl>dd {font-size:15px; color:#fff; line-height:20px;}

/* Business 시작 */

/* Question 시작 */

.question {width:100%; margin: 0 auto; padding: 100px 0; text-align: center;}
.question h2 {font:50px NanumGothicExtraBold; color:#1428a0;}
.question p {font:17px NanumGothic; color:#3c4146; line-height:24px; word-spacing: -1px; padding-top:15px;}
.question .inner {width:1140px; margin:50px auto;}
.question .inner ul {}
.question .inner ul>li {float:left; width:380px;}
.question .inner ul>li:first-child {margin-left:0;}
.question .inner dl {padding:30px 0 100px 0;}
.question .inner dl>dt {font-size:20px; color:#0077e2; font-weight:bold;margin-bottom:10px;}
.question .inner dl>dd {font-size:15px; color:#646973; line-height:20px;}

/* Question 끝 */

/* Partner 시작 */

.partner {width:100%; clear:both; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; padding:20px 0;}
.partner .banner {width:1140px; min-width:1140px; height:30px; margin:0 auto;}
.partner .banner ul {}
.partner .banner ul>li {text-align:center;}
.partner .banner ul>li img {padding:0 10px; vertical-align:middle;}
.partner .banner ul>li:first-child {margin-left:0;}

/* Partner 끝 */

/* Contact Us 시작 */

.contact {width: 100%; background:#eff2f7;}
.contact .cont {width:1140px; min-width:1140px; height:160px; margin:0 auto;}
.contact .cont ul {}
.contact .cont ul>li.tit {float:left;width:190px;}
.contact .cont ul>li.address {float:left;width:280px;}
.contact .cont ul>li.guide {float:left;width:500px;}
.contact .cont ul>li.tel {float:left;width:170px;}
.contact .cont dl {padding:40px 0;}
.contact .cont dl>dt {font:20px NanumGothicExtraBold; color:#005fb4; font-weight:bold;}
.contact .cont dl>dd {font-size:15px; color:#3c4146; word-spacing: -1px; line-height:20px; padding-top:10px;}
.contact .cont dl>dd .sw2 {padding:0 6px; background: transparent url(../images/subway2.png) no-repeat 0% 0%;}
.contact .cont dl>dd .sw5 {padding:0 6px; background: transparent url(../images/subway5.png) no-repeat 0% 0%;}
.contact .cont dl>dd .sw9 {padding:0 6px; background: transparent url(../images/subway9.png) no-repeat 0% 0%;}

/* Contact Us 끝 */

/* Footer 시작 */

.footer {width:1140px; min-width:1140px; margin:0 auto; padding-bottom:60px;}
.footer .left {width:380px; text-align:center; float:left;}
.footer .right {width:760px; font:12px NanumGothic; color:#909eb0; line-height:20px; float:left;}

/* Footer 끝 */