﻿@charset "utf-8";

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,a{margin:0;padding:0;}
html, body{line-height:140%;width:100%;min-width:1280px;}
body{overflow-y:scroll;margin:0px;padding:0px;width:100%;letter-spacing:-0.5px;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;} 
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-break:break-all;}
img,fieldset{border:0;}
address,caption,cite,code,em{font-style:normal;font-weight:normal;}
img,input,select,textarea,button{vertical-align:middle;}
label{vertical-align:middle;}
caption,legend{display:none;line-height:0;font-size:0px;overflow:hidden;}
hr{display:none;}
header,section,nav,hgroup,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
a:link,a:hover,a:active{text-decoration:none;}
*{font-family:Malgun Gothic,dotum,Helvetica,sans-serif;font-size:13px;color:#606060;}


/* Align_Style */
.clear{*zoom:1;}
.clear:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.inline {display:inline-block;}
.block {display:block;}
.inblock {display:inline-block;}
.tb {display:table;}
.tr {display:table-row;}
.tc {display:table-cell;}

.hid {position:absolute; overflow:hidden; font-size:1px; width:0 !important;height:0 !important;margin:0 !important;padding:0 !important; color:transparent !important;}

/*layout*/
.inner{width:1060px;margin:auto;}

/*header*/
#header{position:fixed;top:0;left:0;width:100%;height:70px;background:url(../images/bg_header.png) repeat-x 0 0;z-index:100;}
#header .inner{position:relative;top:0;left:0;}
#header h1{position:absolute;top:23px;left:15px;}
#header ul{position:absolute;top:20px;right:0;overflow:hidden;}
#header ul li{float:left;margin:7px 0 0 35px;}
#header ul li:first-child{margin-left:0;}
#header ul li.cashmap{margin-top:0;}
#header ul li.cashmap a{overflow:hidden;height:26px;}
#header ul li.cashmap.on a img,
#header ul li.cashmap:hover a img,
#header ul li.cashmap:focus a img,
#header ul li.cashmap:active a img{margin-top:-26px;}
#header ul li a{display:block;overflow:hidden;height:11px;}
#header ul li.on a img{margin-top:-13px;}
#header ul li a img{vertical-align:top;}

/*.btn{display:inline-block;padding:0 25px;border:1px solid #a6a6a6;background:#c6c6c6;}*/
.btn{display:inline-block;padding:0 25px;border:1px solid #a6a6a6;background:#25a1d7;}
.btn span{display:inline-block;padding-left:23px;height:34px;line-height:32px;color:#fff;background:url(../images/ico_btn.png) no-repeat 0 9px;}
.btn:hover,
.btn:focus,
.btn:active{border:1px solid #18699f;background:#c6c6c6;}

/* popup */

.PopupLayer { position: fixed; z-index: 100 !important; }
#lay_mask { display:none; position:absolute;min-width:1280px; background:#000; opacity:.70; filter:alpha(opacity=70); 
	background:/*＼**/url(../images/dimmed.png) repeat 0 0;
	z-index:20; }
#header {}
.pop-layer { /*display:none;*/ visibility:hidden; position:absolute; width:754px; overflow:hidden; top:-9999px;background:#fff; }
.pop-layer.mobile {left:50% !important;margin-left:-50% !important;}
.pop-container { position:relative; padding:0 0 0; height:auto; }
.pop-container .pop-hd{padding:25px 0 25px 145px;}
.pop-container .pop-cont{padding:50px 60px 80px;background:#fff;}
.pop-container .pop-close{position:absolute;top:0;right:0;display:inline-block;width:49px;height:49px;}
.pop-container .pop-cont .tit{margin-bottom:25px;}
.pop-container .pop-cont dt{margin:16px 0 5px;padding-left:10px;font-size:14px;color:#505050;font-weight:bold;background:url(../images/bul_line2.gif) no-repeat 0 10px;}
.pop-container .pop-cont dt:first-child{margin-top:0;}
.pop-container .pop-cont dd{padding-left:10px;font-size:13px;color:#606060;}

#pop_01 .pop-hd{background:#0071b7 url(../images/pbg_1.gif) no-repeat 0 0;}
#pop_01 .pop-close{background:url(../images/p_close_1.gif) no-repeat 0 0;}
#pop_02 .pop-hd{background:#1aabb5 url(../images/pbg_2.gif) no-repeat 0 0;}
#pop_02 .pop-close{background:url(../images/p_close_2.gif) no-repeat 0 0;}
#pop_03 .pop-hd{background:#ed7d38 url(../images/pbg_3.gif) no-repeat 0 0;}
#pop_03 .pop-close{background:url(../images/p_close_3.gif) no-repeat 0 0;}

/*container*/
#container h2{padding:50px 0 45px;text-align:center;}
#visual{height:568px;background:#40384b url(../images/bg_visual.jpg) no-repeat 50% 0;}
#visual .inner{position:relative;top:0;left:0;padding-top:70px;}
#visual .inner>.txt{position:absolute;top:177px;left:48px;}
#visual .inner>.txt img{display:block;margin-bottom:21px;}
#visual .inner>.txt strong{display:block;margin-bottom:8px;font-size:16px;color:#fff;}
#visual .inner>.txt p{font-size:14px;color:#beb6ca;}
#visual  ul{position:relative;top:118px;left:582px;height:290px;width:450px;}
#visual  ul li{position:absolute;}
#visual  ul li.v1{top:142px;left:0;}
#visual  ul li.v2{top:0;left:98px;}
#visual  ul li.v3{top:2px;left:283px;}

#about .inner{position:relative;top:0;left:0;padding:0 0 83px;}
#about .inner .bgt{position:absolute;top:0;right:-108px;z-index:-1;}
#about .inner .bgb{position:absolute;bottom:0;left:-157px;z-index:-1;}
#about .kocore_bx{overflow:hidden;}
#about .kocore_bx .title{float:left;padding-left:77px;}
#about .kocore_bx .desc{margin-left:293px;padding-left:36px;min-height:306px;border-left:1px solid #cae6f5;}
#about .kocore_bx .desc .txt1{font-size:16px;color:#1c6392;font-weight:bold;}
#about .kocore_bx .desc .txt2{margin-top:15px;font-size:13px;color:#606060;}
#about .kocore_bx .desc ul{margin-top:20px;width:547px;border-top:1px solid #8ee0f3;}
#about .kocore_bx .desc li{border-bottom:1px solid #8ee0f3;}
#about .kocore_bx .desc li dl{overflow:hidden;}
#about .kocore_bx .desc li dt{float:left;padding-left:12px;line-height:30px;height:32px;background:url(../images/bul_blue.gif) no-repeat 0 50%;}
#about .kocore_bx .desc li dd{float:left;padding-left:5px;line-height:30px;height:32px;}

#history{padding-bottom:60px;border-top:1px solid #e4e4e4;background:#f8f8f8;}
#history .txt{font-size:16px;font-weight:bold;color:#1c6392;text-align:center;}
#history .inner>ul{overflow:hidden;}
#history .inner>ul>li{float:left;width:330px;margin:40px 0 0 35px;}
#history .inner>ul>li.none{margin-left:0;clear:both;}
#history .inner>ul>li strong{display:block;margin-bottom:14px;}
#history .inner>ul>li ul{border-top:1px solid #8bddf0;}
#history .inner>ul>li li{line-height:29px;border-bottom:1px solid #8bddf0;}

#business{padding-bottom:78px;background:#484848;}
#business ul{overflow:hidden;}
#business ul li{float:left;margin-left:20px;width:340px;height:417px;background:url(../images/bg_biz.gif) no-repeat 0 0;}
#business ul li:first-child{margin-left:0;}
#business ul li.biz1 .bx{background:url(../images/biz_1.gif) no-repeat 5px 5px;}
#business ul li.biz2 .bx{background:url(../images/biz_2.gif) no-repeat 5px 5px;}
#business ul li.biz3 .bx{background:url(../images/biz_3.gif) no-repeat 5px 5px;}
#business ul li .bx{padding:238px 5px 5px;text-align:center;}
#business ul li strong{display:block;margin:20px 0 15px;font-size:22px;color:#1c6392;font-weight:bold;text-align:center;}
#business ul li p{margin-bottom:15px;font-size:13px;color:#606060;text-align:center;}

#service{padding-bottom:60px;background:#dff3fb;}
#service .site{overflow:hidden;padding:50px 0;border-bottom:1px solid #8bddf0;}
#service .site .view{float:left;text-align:center;}
#service .site .view .img{display:block;margin:60px 0 34px;}
#service .site .info .txt1{margin-bottom:12px;font-size:18px;color:#333;font-weight:bold;}
#service .site .info .txt2{font-size:14px;color:#606060;}
#service .site .info>ul{margin-top:40px;}
#service .site .info>ul>li{padding:20px 0;border-top:1px solid #8bddf0;}
#service .site .info>ul>li dl{padding-left:85px;background:url(../images/ico_cashmap.gif) no-repeat;}
#service .site .info>ul>li.c1 dl{background-position:0 0;}
#service .site .info>ul>li.c2 dl{background-position:0 -167px;}
#service .site .info>ul>li.c3 dl{background-position:0 -360px;}
#service .site .info>ul>li.c4 dl{background-position:0 -548px;}
#service .site .info>ul>li dt{margin:0 0 8px 0;}
#service .site .info>ul>li dd{margin:4px 0 0 0;padding-left:10px;line-height:110%;background:url(../images/bul_line.gif) no-repeat 0 8px;}
#service .site .tit{margin:0 0 0 50px;text-align:left;}
#service .site .info{padding-left:365px;}
#service .site.cashmap{padding:0;}
#service .site.cashmap .view{position:relative;top:0;left:0;}
#service .site.cashmap .any{position:absolute;top:140px;left:39px;}

#solution{padding-bottom:75px;background:#fafafa;border-bottom:1px solid #e3e3e3;}
#solution .slt_bx{overflow:hidden;}
#solution .slt_bx .bx{float:left;width:433px;min-height:637px;padding:30px 40px 35px;background:#fff;border:1px solid #e4e4e4;}
#solution .slt_bx .bx:first-child{margin-right:30px;}
#solution .slt_bx .bx .tit{margin-bottom:17px;}
#solution .slt_bx .bx .txt{margin-bottom:20px;}
#solution .slt_bx .bx>ul{border-top:1px solid #dcdcdc;}
#solution .slt_bx .bx>ul li{padding:20px 0 20px 70px;border-bottom:1px solid #dcdcdc;background:url(../images/ico_slt.gif) no-repeat;}
#solution .slt_bx .bx>ul li strong{display:block;margin-bottom:10px;}
#solution .slt_bx .bx>ul li.i1{background-position:10px 20px;}
#solution .slt_bx .bx>ul li.i2{background-position:10px -120px;}
#solution .slt_bx .bx>ul li.i3{background-position:10px -270px;}
#solution .slt_bx .bx>ul li.i4{background-position:10px -405px;}

#client{padding-bottom:80px;background:url(../images/bg_client.gif) no-repeat 50% 100%;}
#client .client_bx{overflow:hidden;}
#client .client_bx>div{float:left;}
#client .client_bx>div .tit{margin-bottom:13px;}
#client .client_bx>div ul li{float:left;margin:0 21px 10px 0;}
#client .client_bx .lf{width:747px;padding-left:26px;}
#client .client_bx .rt{width:249px;padding-left:34px;}

#contact{padding-bottom:100px;background:#434343;}
#contact .cont_bx{overflow:hidden;}
#contact .cont_bx .t_cont{float:left;}
#contact .cont_bx .t_cont .bx:first-child{margin-bottom:25px;padding-bottom:50px;border-bottom:1px solid #696969;}
#contact .cont_bx .t_cont .bx>ul{margin-top:37px;overflow:hidden;}
#contact .cont_bx .t_cont .bx>ul>li{float:left;height:44px;padding-top:2px;border-left:1px solid #696969;}
#contact .cont_bx .t_cont .bx>ul>li:first-child{border-left:none;}
#contact .cont_bx .t_cont .bx>ul>li strong{display:block;font-size:13px;color:#a6a6a6;font-weight:normal;}
#contact .cont_bx .t_cont .bx>ul>li p{font-size:13px;color:#ececec;}
#contact .cont_bx .t_cont .bx>ul>li.mail{width:179px;padding-left:47px;background:url(../images/ico_mail.gif) no-repeat 0 2px;}
#contact .cont_bx .t_cont .bx>ul>li.tel{padding-left:66px;background:url(../images/ico_tel.gif) no-repeat 19px 2px;}
#contact .cont_bx .t_cont .bx>ul>li.tel p{font-size:20px;}
#contact .cont_bx .map{padding-left:565px;}
#contact .cont_bx .tit{margin-bottom:15px;}
#contact .cont_bx .txt{font-size:13px;color:#cacaca;}

/*footer*/
#footer{background:#333333;}
#footer .inner{overflow:hidden;padding:40px 0 80px;}
#footer .inner>img{float:left;padding-left:26px;}
#footer .inner .ft_txt{padding-left:225px;}
#footer .inner .ft_txt address,
#footer .inner .ft_txt p{color:#cacaca;font-size:12px;}