@charset "utf-8";


/*-----------------------------------------------------------------------------------
MAIN STYLE
-----------------------------------------------------------------------------------*/
/* main header */
.main {}
    .main #header {position:fixed; transition:all .3s ease;}
    .main .util {position:relative; top:0;}
    .main .header-inner {position:relative; top:0;}
    .main #header.scrolled {border-bottom:1px solid #ddd;}
    .main #header.scrolled.on {border-bottom:0;}
    /* main container */
    .main #container {margin-top:100px; padding-top:0;}
    /* main footer */
    .main #footer {margin-top:0;}
    .main .footer-top {background:#363840;}
    .main .footer-list li {color:#a8a9ab;}
    .main .footer-bottom {padding-bottom:30px; background:#333333;}
    .main .footer-txt {color:#c1c1c4;}
    .main .footer-copyright {}
    .main .footer-family .open-select {border-color:#62646b;color:#c1c1c4;}
    .main .footer-family .open-select.active {border-color:#ddd;color:#666;}
    .main .footer-family .open-select .open-sel-icon:after {background-position:-650px -100px;}
    .main .footer-family .open-select.active .open-sel-icon:after {background-position:-600px -150px;}
    .main .footer-sns li .footer-ico {opacity:.2; filter: alpha(opacity=0);}
    .main .footer-sns li.blog .footer-ico {background-position:-1600px -50px;}
    .main .footer-sns li.facebook .footer-ico {background-position:-1700px -50px;}
    .main .footer-sns li.naver-post .footer-ico {background-position:-1800px -50px;}
    .main .footer-sns li.fund-blog .footer-ico {background-position:-1900px -50px;}

/* main - Visual */
.main-visual-banner {position:relative; width:100%; height:616px; z-index: 1;}
    .main-visual-banner:after {position:absolute; bottom:0; left:0; width:100%; height:159px; background-size:cover; content:""; z-index: 1000;}

    .main-visual-banner .visual {display:table; width:100%; height:616px; text-align:center;}
    .main-visual-banner .visual-inner {display:table-cell; padding-top:200px; vertical-align:top;}
    .main-visual-banner .visual-tit {font-size:40px; line-height:40px; color:#fff; letter-spacing:-0.3px; }
    .main-visual-banner .visual-txt {margin-top:39px; font-size:36px; font-weight:200; line-height:26px; color:#fff;}
    .main-visual-banner .visual-btn {display:block; overflow:hidden; width:300px; height:50px; margin:42px auto 0; background-color:#009fb5; font-weight:200; color:#fff; line-height:48px; font-size:18px; text-align:center; box-sizing:border-box; }
    .main-visual-banner .bg-img {display:none;}

    /*.main-visual-banner .bx-controls {position: absolute; top:600px; left:0; width:100%; z-index:100; text-align:center;}
    .main-visual-banner .bx-pager {display:inline-block;vertical-align: top;}
    .main-visual-banner .bx-pager:after {display:block; clear:both; content:""}
    .main-visual-banner .bx-pager-item {float:left; margin-left:8px;}
    .main-visual-banner .bx-pager-item:first-child {margin:0;}
    .main-visual-banner .bx-pager-item .bx-pager-link {display:block; overflow:hidden; width:12px; height:12px; border-radius: 100px; text-indent:-9999em; background:#fff; background:rgba(256,256,256,0.4); -ms-transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
    .main-visual-banner .bx-pager-item .bx-pager-link.active {width:32px; background:rgba(256,256,256,1)}
    .main-visual-banner .bx-controls-direction {position:absolute;left:-9999px}
    .main-visual-banner .bx-controls-auto {display: inline-block; vertical-align: top}
    .main-visual-banner .bx-controls-auto:after {display:block; clear:both; content:""}
    .main-visual-banner .bx-controls-auto .bx-controls-auto-item {float:left;}
    .main-visual-banner .bx-controls-auto {display:inline-block;margin:-6px 10px 0 0;}
    .main-visual-banner .bx-controls-auto-item a {display:block; overflow:hidden;width:24px;height:24px; text-indent:-9999px}
    .main-visual-banner .bx-controls-auto-item a.active {display:none}
    .main-visual-banner .bx-controls-auto-item .bx-start {background:url(../image/common/btn-play.png) no-repeat 0 0}
    .main-visual-banner .bx-controls-auto-item .bx-stop {background:url(../image/common/btn-stop.png) no-repeat 0 0}*/

   /*.main-visual-banner #bxslider {height: 100%}
   .main-visual-banner .slick-arrow {display: none !important}
   .main-visual-banner .slick-dots {display:inline-block;  position:absolute; left:0; top:512px; width:100%; vertical-align: top; text-align: center; z-index: 1000;}
    .main-visual-banner .slick-dots:after {display:block; clear:both; content:""}
    .main-visual-banner .slick-dots li  {display: inline-block; margin-left:8px;}
    .main-visual-banner .slick-dots li:first-child {margin:0;}
    .main-visual-banner .slick-dots li button {display:block; overflow:hidden; width:12px; height:12px; border-radius: 100px; text-indent:-9999em; background:#fff; background:rgba(256,256,256,0.4); -ms-transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
    .main-visual-banner .slick-dots li.slick-active button {width:32px; background:rgba(256,256,256,1)}*/




    .main-visual-banner .slide[aria-hidden*="false"] .visual-tit {-webkit-animation:move 0.8s ease; -moz-animation:move 0.8s ease; -o-animation:move 0.8s ease; -ms-animation:move 0.8s ease; animation:move 0.8s ease;}
    .main-visual-banner .slide[aria-hidden*="false"] .visual-txt {-webkit-animation:move 0.8s ease; -moz-animation:move 0.8s ease; -o-animation:move 0.8s ease; -ms-animation:move 0.8s ease; animation:move 0.8s ease;}
    .main-visual-banner .slide[aria-hidden*="false"] .visual-btn {-webkit-animation:move 1.2s ease; -moz-animation:move 1.2s ease; -o-animation:move 1.2s ease; -ms-animation:move 1.2s ease; animation:move 1.2s ease;}

    /* 어드민 컬러값 확정 후 반영 */
    .main-visual-banner .slide.bgcolor5795f3 {background:url(../image/main/visual_banner_colorbg.png) no-repeat 50% 0, #588ddd !important; background-size:cover !important;}
    .main-visual-banner .slide.bgcolor7cb45e {background:url(../image/main/visual_banner_colorbg.png) no-repeat 50% 0, #7cb45e !important; background-size:cover !important;}
    .main-visual-banner .slide.bgcolor8e79ea {background:url(../image/main/visual_banner_colorbg.png) no-repeat 50% 0, #8e79ea !important; background-size:cover !important;}
    .main-visual-banner .slide.bgcolorc3a261 {background:url(../image/main/visual_banner_colorbg.png) no-repeat 50% 0, #c3a261 !important; background-size:cover !important;}
    .main-visual-banner .slide.bgcolorf28c71 {background:url(../image/main/visual_banner_colorbg.png) no-repeat 50% 0, #f28c71 !important; background-size:cover !important;}

    @-webkit-keyframes move {
        0% {transform:translateY(-100px); opacity:0;}
        100% {transform:translateY(0); opacity:1;}
    }
    @-moz-keyframes move {
        0% {transform:translateY(-100px); opacity:0;}
        100% {transform:translateY(0); opacity:1;}
    }
    @-o-keyframes move {
        0% {transform:translateY(-100px); opacity:0;}
        100% {transform:translateY(0); opacity:1;}
    }
    @-ms-keyframes move {
        0% {transform:translateY(-100px); opacity:0;}
        100% {transform:translateY(0); opacity:1;}
    }
    @keyframes move {
        0% {transform:translateY(-100px); opacity:0;}
        100% {transform:translateY(0); opacity:1;}
    }


/* main_section1 */
#main_section1 {width:100%; padding:75px 0; clear:both;}
.main_section1 {width:1200px; height:500px; margin:0 auto;}
.main_section1 .tit {width:1200px; height:120px; margin:0 auto 50px;}
.main_section1 .title {font-size:30px; line-height:50px; color:#282828; float:left; margin-left:260px; padding-top:10px;}
.main_section1 .award {float:right; margin-right:260px}

/* business motion : s  */
.business ul { height:340px; }
.business ul li { opacity:0; -webkit-animation: done01 1s ease; }
.business.current ul li { opacity:1; }
.business.current ul li:nth-child(1) { animation: posi01 0.8s ease; }
.business.current ul li:nth-child(2) { animation: posi01 1.3s ease; }
.business.current ul li:nth-child(3) { animation: posi01 1.8s ease; }
.business.current ul li:nth-child(4) { animation: posi01 2.3s ease; }
@keyframes posi01
{
  0% { opacity:0; top:-30px; }
  100% { opacity:1; top:0; }
}
@keyframes done01
{
  0% { opacity:1; top:0; }
  100% { opacity:0; top:-30px; }
}
/* business motion : e */

.business li { position:relative; overflow:hidden; float:left; border-radius:10px;}
	.business .ico01 { background:url('../images/main_icon1.png') center 60px no-repeat; }
	.business .ico02 { background:url('../images/main_icon2.png') center 63px no-repeat; }
	.business .ico03 { background:url('../images/main_icon3.png') center 59px no-repeat; }
	.business .ico04 { background:url('../images/main_icon4.png') center 61px no-repeat; }
.business li a { display:inline-block; width:300px; height:340px; }
.business li dl { margin-top:180px; }
.business li dl dt { margin-bottom:15px; font-size:22px; color:#282828; text-align:center; }
.business li dl dd { font-size:18px; color:#787878; text-align:center; line-height:1.5; }
		.business .ico01 a.hover { background:#009fb5 url('../images/main_icon1_on.png') center 60px no-repeat; }
		.business .ico02 a.hover { background:#009fb5 url('../images/main_icon2_on.png') center 63px no-repeat; }
		.business .ico03 a.hover { background:#009fb5 url('../images/main_icon3_on.png') center 59px no-repeat; }
		.business .ico04 a.hover { background:#009fb5 url('../images/main_icon4_on.png') center 61px no-repeat; }
	.business li a.hover dl dt,
	.business li a.hover dl dd { color:#fff; }


/* main_section2 */
#main_section2 {width:100%; height:220px; clear:both; background:url(../images/main_section2_bg.png) center top no-repeat;}
.main_section2 {width:570px; height:48px; padding:86px 0; margin:0 auto;}

/* 버튼 모션 */
.btn {
    display: inline-block;
    width: 240px;
    height: 48px;
    background-color: #fff;
    line-height: 48px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    white-space: nowrap;
    -ms-transition: border 0.5s ease background-color 0.5s ease;
    -o-transition: border 0.5s ease, background-color 0.5s ease;
    -moz-transition: border 0.5s ease, background-color 0.5s ease -webkit-transition:border 0.5s ease, background-color 0.5s ease;
    transition: border 0.5s ease, background-color 0.5s ease;
}
.btn_wrap {float:left;}
.btn_wrap .btn {position:relative; background-color:rgba(13, 13, 13, 0.7);;
	-ms-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
	-o-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
	-moz-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
	-webkit-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
	transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
}
.btn_wrap .btn span {position:relative; z-index:1; color:#f3f3f5; font-size:18px; text-align:center;}
.btn_wrap .btn:hover {color:#fff; background-color:rgba(53, 113, 158, 1); text-decoration:none;
	-ms-transition:color 0.1s ease, border 0.1s ease;
	-o-transition:color 0.1s ease, border 0.1s ease;
	-moz-transition:color 0.1s ease, border 0.1s ease;
	-webkit-transition:color 0.1s ease, border 0.1s ease;
	transition:color 0.1s ease, border 0.1s ease;
}
.btn_wrap .btn:before,
.btn_wrap .btn:after {content:''; position:absolute; top:0; right:0; width:0; height:100%;}
.btn_wrap .btn:before {background-color:rgba(34, 34, 34, 1); -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);}
.btn_wrap .btn:after {background-color:rgba(92, 161, 254, 1); -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s;}

.btn_wrap .btn:hover:before,
.btn_wrap .btn:focus:before {left:0; right:auto; width:100%;}
.btn_wrap .btn:hover:after,
.btn_wrap .btn:focus:after {left:0; right:auto; width:100%;}

/* main_section3 */
#main_section3 {width:100%; height:590px; clear:both;}
.main_section3 {width:1200px; margin:0 auto;}
.main_section3_tit1 {text-align:center; font-size:37px; font-weight:bold; color:#0d0d0d; line-height:37px; padding:70px 0 20px;}
.main_section3_tit2 {text-align:center; font-size:30px; color:#0d0d0d; line-height:30px; padding-bottom:50px;}

.infra_list { width:1200px; margin:0 auto; overflow:hidden; }
.infra_list li { float:left; position:relative; text-align:center; margin-left:18px; }
.infra_list li:first-child { margin-left:0; }
.infra_list li .hover_area { position:absolute; left:0; top:0; display:block; width:100%; height:260px; padding-top:108px; box-sizing:border-box; background:rgba(0,0,0,0); transition:0.6s; }
.infra_list li .hover_area b { position:relative; display:block; padding-top:40px; font-size:30px; color:#fff; }
.infra_list li:nth-child(2) .hover_area b:before { background-position-x:-74px; }
.infra_list li:nth-child(3) .hover_area b:before { background-position-x:0px; }
.infra_list li .hover_area p { margin-top:20px; font-size:16px; line-height:24px; color:#fff;  opacity:0; transition:0.6s; }
.infra_list li .hover_area a { display:inline-block; width:118px; height:38px; margin-top:32px; line-height:38px; border:1px solid rgba(255,255,255,1); color:rgba(255,255,255,1); background:rgba(255,255,255,0); border-radius:2px; font-size:14px; font-weight:600;  opacity:0; transition:0.6s; }
.infra_list li:hover .hover_area { padding-top:50px; background:rgba(0,0,0,0.71); }
.infra_list li:hover .hover_area b:before,
.infra_list li:hover .hover_area p,
.infra_list li:hover .hover_area a { opacity:1; }
.infra_list li .hover_area a:hover { background:rgba(255,255,255,1); color:#231f20; }

.main_section3_2 {background:url(../images/service_img4.png) center top no-repeat; height:260px; margin-top:18px;}
.main_section3_2 .left {float:left; padding:50px 0 0 100px;}
.main_section3_2 .left .title {font-size:30px; font-weight:bold; line-height:30px; color:#ffffff;}
.main_section3_2 .left .line {width:150px; height:2px; background:#ffffff; margin:20px 0;}
.main_section3_2 .left .title2 {font-size:20px; line-height:20px; color:#ffffff; padding-bottom:20px}
.main_section3_2 .left .title3 {font-size:15px; line-height:20px; color:#dadada;}
.main_section3_2 .right {float:right; padding:85px 100px 0 0;}
.main_section3_2 .right .tel {font-family:'SamsungSharpSans' !important; font-weight:bold; text-align:right; font-size:55px; line-height:60px; color:#22d0fc}
.main_section3_2 .right .email {font-family:'SamsungSharpSans' !important; font-weight:bold; text-align:right; font-size:25px; line-height:30px; color:#ffffff;}

/* main_section0 */
#main_section0 {width:100%; height:260px; clear:both;}
.main_section0 {width:1200px; margin:0 auto;}

.main_section0_1 {background:url(../images/service_img4.png) center top no-repeat; height:260px; margin-top:18px;}
.main_section0_1 .left {float:left; padding:50px 0 0 100px;}
.main_section0_1 .left .title {font-size:30px; font-weight:bold; line-height:30px; color:#ffffff;}
.main_section0_1 .left .line {width:150px; height:2px; background:#ffffff; margin:20px 0;}
.main_section0_1 .left .line_en {width:200px; height:2px; background:#ffffff; margin:20px 0;}
.main_section0_1 .left .title2 {font-size:20px; line-height:20px; color:#ffffff; padding-bottom:20px}
.main_section0_1 .left .title3 {font-size:15px; line-height:20px; color:#dadada;}
.main_section0_1 .right {float:right; padding:85px 100px 0 0;}
.main_section0_1 .right .tel {font-family:'SamsungSharpSans' !important; font-weight:bold; text-align:right; font-size:55px; line-height:60px; color:#22d0fc}
.main_section0_1 .right .email {font-family:'SamsungSharpSans' !important; font-weight:bold; text-align:right; font-size:25px; line-height:30px; color:#ffffff;}

/* main_section4 */
#main_section4 {width:100%; height:60px; clear:both;}
.main_section4 {width:1200px; margin:0 auto;}
.main_section4_1 { height:60px; margin-top:18px;}

/*-----------------------------------------------------------------------------------
SUBPAGE STYLE
-----------------------------------------------------------------------------------*/

/* sub */
.sub_visu {width:100%; background:url(../images/sub_visu.png) center top no-repeat; height:226px;}
.sub_visu2 {width:100%; background:url(../images/sub_visu2.png) center top no-repeat; height:226px;}
.sub_visu3 {width:100%; background:url(../images/sub_visu3.png) center top no-repeat; height:226px;}
.sub_visu4 {width:100%; background:url(../images/sub_visu4.png) center top no-repeat; height:226px;}
.sub_visu5 {width:100%; background:url(../images/sub_visu5.png) center top no-repeat; height:226px;}
.sub_visu6 {width:100%; background:url(../images/sub_visu6.png) center top no-repeat; height:226px;}
/* lnb */
.lnb-wrap {position:absolute; top:226px; width:100%;background:#fff;border-bottom:1px solid #ccc;border-top:1px solid #ccc; z-index:9;}
.lnb-list {max-width:1200px;margin:0 auto;font-size:0;}
.lnb-list li {display:inline-block;width:240px;text-align:center;}
.lnb-list a {display:block;position:relative;line-height:50px;font-size:17px;}
.lnb-list a:hover,
.lnb-list .on a {color:#0b2458;}
.lnb-list a:hover:after,
.lnb-list .on a:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#0b2458;}

.lnb-list4 {max-width:960px;margin:0 auto;font-size:0;}
.lnb-list4 li {display:inline-block;width:240px;text-align:center;}
.lnb-list4 a {display:block;position:relative;line-height:50px;font-size:17px;}
.lnb-list4 a:hover,
.lnb-list4 .on a {color:#0b2458;}
.lnb-list4 a:hover:after,
.lnb-list4 .on a:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#0b2458;}

.lnb-list3 {max-width:720px;margin:0 auto;font-size:0;}
.lnb-list3 li {display:inline-block;width:240px;text-align:center;}
.lnb-list3 a {display:block;position:relative;line-height:50px;font-size:17px;}
.lnb-list3 a:hover,
.lnb-list3 .on a {color:#0b2458;}
.lnb-list3 a:hover:after,
.lnb-list3 .on a:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#0b2458;}

.lnb-list2 {max-width:480px;margin:0 auto;font-size:0;}
.lnb-list2 li {display:inline-block;width:240px;text-align:center;}
.lnb-list2 a {display:block;position:relative;line-height:50px;font-size:17px;}
.lnb-list2 a:hover,
.lnb-list2 .on a {color:#0b2458;}
.lnb-list2 a:hover:after,
.lnb-list2 .on a:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#0b2458;}

.lnb-list1 {max-width:240px;margin:0 auto;font-size:0;}
.lnb-list1 li {display:inline-block;width:240px;text-align:center;}
.lnb-list1 a {display:block;position:relative;line-height:50px;font-size:17px;}
.lnb-list1 a:hover,
.lnb-list1 .on a {color:#0b2458;}
.lnb-list1 a:hover:after,
.lnb-list1 .on a:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#0b2458;}

/* contents */
.contents {width:1200px; margin:150px auto 80px;}
.contents .title {font-size:30px; font-weight:bold; color:#017ad0; padding-bottom:15px;}
.contents .title2 {font-size:30px; font-weight:bold; color:#017ad0; padding-bottom:15px; padding-top:100px;}
.greeting {background:url(../images/greeting.png) right 80px no-repeat; width:1200px; margin:0 auto;}
.greeting .title {font-size:38px; color:#017ad0; line-height:50px; font-weight:bold; padding-bottom:20px;}
.greeting p {width:800px;}
.greeting .sign {font-size:20px; padding-top:30px;}

/*고객사*/
.affi_group{border-top:2px solid #00b1e7; height:1250px}
.affi_group li{display: table;float:left;width:299px;height:200px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.affi_group li:nth-child(4n){border-right:1px solid #e1e1e1;margin-left:-1px;}
.affi_group li img{display:block;margin:66px auto 0;}
.ani_y_30{opacity:0;transform: matrix(1, 0, 0, 1, 0, 30);}

.privacy_tit {font-size:18px; font-weight:bold; padding-bottom:5px; padding-top:60px;}

.tbl-datatype3 {border-top:1px solid #747e8c;}
.tbl-datatype3 tbody tr * {font-weight: 200;}
.tbl-datatype3 tbody tr td {color: #888888; padding:20px 30px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;}
.tbl-datatype3 tbody tr td strong {color: #565656; font-weight:bold;}
.tbl-datatype3 tbody tr th {background:#f2eeef; padding:20px 0; border-bottom:1px solid #dddddd; color:#333;}

.translation_txt {border:1px solid #dddddd; padding:50px 70px;}
.translation_tit {text-align:center; background:#f8f8f8; width:100%; height:60px; line-height:60px; font-size:20px; margin-bottom:30px;}
.translation_txt li {background:url(../images/check.png) left 5px no-repeat; padding-left:25px; padding-bottom:15px;}
.translation_txt li:last-child {padding-bottom:0;}

.authentication_txt {margin-top:50px;}
.authentication_txt li {background:url(../images/check.png) left 5px no-repeat; padding-left:25px; padding-bottom:15px;}
.authentication_txt li:last-child {padding-bottom:0;}

select {background:#fafafa; border:1px solid #e5e5e5; width:40%; height:38px; line-height:38px; font-size:15px;}