@charset "utf-8";

/* CSS Document */
/* reset */
html,body{height:100%;}
body,h1,h2,h3,h4,h5,form,fieldset,p,button,ul,ol,li,dl,dt,dd,div,span{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,select,textarea{font-family:'맑은 고딕', 'Malgun Gothic','돋움',Dotum ,'굴림',Gulim,Sans-serif;}
body {padding:0;margin:0;text-align:center;-ms-word-break: break-all;background-color:#fff;color:#313131}
img,fileldset,iframe{border:0}
li {padding:0;margin:0;list-style:none}
input,select,button{vertical-align:middle;cursor:pointer}
img {vertical-align:top}
i,em,address{font-style: normal}
a {text-decoration:none;color:#505050}
a:active, a:focus{outline:none}
a:hover {text-decoration:none}

/*공통*/
.txt_org {color:#cc5128;}

/* main */
.wrap_box{padding:0;margin:0 auto;width:100%;height:auto;font-size:13px;text-align:center}
     
.header_box{overflow:hidden;width:100%;height:120px;margin:0 auto;text-align:center;background:url(../images/bg_top.png) repeat-x;}
.header_box .header{width:1000px;margin:0 auto;color:#fff}
.header_box h1{height:87px; width:240px; display:inline-block; margin:0; padding:56px 0 0 0px;float:left;text-align:left; box-sizing:border-box;}

.header_box ul{overflow:hidden;float:right;margin-top:45px}
.header_box li{width:48px; height:48px; border-radius:50%; display:inline-block; float:left; margin-left:15px; padding:0; box-shadow: 0 0 0 1px #ababab inset; background-color:rgb(187,187,187);}
.header_box li:hover {transition:all 0.7s ease 0s;}
.header_box .icon_1:hover {border-color:rgb(219, 32, 50); box-shadow: 0 0 0 70px rgb(218,0,0) inset;}
.header_box .icon_2:hover {border-color:rgb(0, 79, 183); box-shadow: 0 0 0 70px rgb(0, 79, 183) inset;}
.header_box .icon_3:hover {border-color:rgb(0, 169, 79); box-shadow: 0 0 0 70px rgb(0, 169, 79) inset;}
.header_box .icon_4:hover {border-color:rgb(252, 179, 22); box-shadow: 0 0 0 70px rgb(252, 179, 22) inset;}
.header_box .link_icon li a {margin-top:11px; display:block;}
.header .icon_mail{margin-top:3px}

.container_box {overflow:hidden; width:100%; padding:0;height:100%;text-align:center}
.container_box:after{content:""; display:block; clear:both;} 
.container_box{*display:inline;*zoom:1;} /* IE5.5~7 */

.container_box{overflow:hidden;width:100%;margin:0 auto;padding:0;text-align:center;}
.container_box .mainTop .point_bar {font-size:1px;width:45px; height:2px; background-color:#373737; display:block; margin:19px auto 10px; text-align:center;}
.container_box .mainTop h3 {font-size:44px;padding:5px 10px; font-weight:600;}
.container_box .mainTop h4 {font-size: 18px;color: #3e3e3e; font-weight: 400; margin-bottom: 64px;}

.container_box h5 {font-size:21px; color:#1e1e1e; font-weight: 400; padding:35px; text-align: center;}
.container_box .bg_gray {width:100%; height:450px; background-color: #e6e6e6}
.container_box .bg_white {width:100%; height:450px; background-color: #ffffff}
.container_box .product_inner {width:1024px; margin:0 auto; text-align:center; height:283px; *display:inline;*zoom:1;}/* IE5.5~7 */
.container_box .product_inner:after {content:""; display:block; clear:both;}
.container_box .bg_gray .product_inner li {width:327px; height:327px; float:left; background-repeat:no-repeat; background-position:267px 20px; position:relative;  background-color: #ffffff;}
.container_box .bg_white .product_inner li {width:327px; height:327px; float:left; background-repeat:no-repeat; background-position:267px 20px; position:relative;  background-color: #f3f3f3;}
.container_box .product_inner .raonk {background-image: url(../images/icon_raonk-color.png)}
.container_box .product_inner .dext5 {background-image: url(../images/icon_dext5-color.png)}
.container_box .product_inner .li_middle {margin:0 10px; width:327px;}
.container_box .product_inner li dl {text-align:left;margin:35px;}
.container_box .product_inner li dt {color:#0e2d6d; font-size:34px;*display:inline;*zoom:1;}
.container_box .product_inner li dt:after {float:left; margin-right:6px; content:""; display:block; clear:both;} /* IE5.5~7 */
.container_box .product_inner li .point_bar {width:30px; height:1px; background-color:#505050; margin:20px 0; font-size:1px;}
.container_box .product_inner li dt i {float:left; margin-right:6px;}
.container_box .product_inner li dd {font-size:13px; color:#424242; line-height:1.5}
.container_box .product_inner li a {width:271px; height:53px; background-color:#e06f3c; display:block; position:absolute; bottom:28px; left:8.8%; font-size: 20px; color:#ffffff; line-height:50px; overflow: hidden; background-image:url(../images/icon_download.png); background-position:87%50%; background-repeat:no-repeat;}
.container_box .product_inner .raonk a:hover {background-color:#da4b1c; transition:all 0.3s ease 0s;}
.container_box .product_inner li .notyet {background:#cdcdcd;}
.container_box .product_inner li .notyet:hover {background:#cdcdcd;}
.container_box .product_inner li .btn_bg_blue {background-color:#416bb3 }
.container_box .product_inner .dext5 .btn_bg_blue:hover {background-color:#0e2d6d; transition:all 0.3s ease 0s;}

.mainBottom {background-image: url(../images/bg_bottom.png); height:350px; background-attachment:fixed; background-position:50% 100%; background-repeat:repeat-x; background-color:rgb(187,187,187);}
.mainBottom h6{font-size:42px;color:#ffffff;padding:0 0 5px 0; margin:0; font-weight:600}
.mainBottom p{font-size:17px; color:#a5a5a5; font-weight:300}
.mainBottom .first {padding:86px 0 13px 0;}
.mainBottom em{font-weight:600; color:#aaaaaa;}
.mainBottom .sign{font-size: 19px;color:#ffffff; margin-top:43px;}

.footer_box {_clear:both; width:100%;height:90px;background-color:#1b1b1b; text-align:center; padding-top:8px;}
.footer_box .footer {width:1024px;margin:0 auto; color:#fff}
.footer_box .footer span {display:inline-block;}
.footer_box .footer .logo01 {float:left;margin-top:23px}
.footer_box .footer .logo02 {float:right; text-align:right; margin-top:23px; margin-left:30px;}
.footer_box .footer address {float:left; text-align:center; width:600px;font-size:12px;margin-top:22px}
.footer_box .footer address .copyright {margin-top:2px; color:#888;}