@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

BODY, TH, TD {font-family: 'Nanum Gothic';font-size:11px;line-height:150%; color:#666666;}
BODY {background: repeat-x; overflow-x: hidden; margin: 0px}
TABLE {border-collapse:collapse;}
TH, TD {padding:0px;}
A:link {color: #666666; text-decoration: none}
A:visited {color: #9B9181; text-decoration: none}
A:hover {color:#574D3C; text-decoration: none}
IMG {border: none;}
input {border: #DADADA 1px solid; color: #9A8674;}
textarea {border: #DADADA 1px solid; color: #9A8674;}
UL, DL {list-style-image:url('img/icon02.gif')}

/***** ÆäÀÌÁö ±¸¼ºÀ» À§ÇÑ ½ºÅ¸ÀÏ *****/
.font2 {font-size:11px;font-family:µ¸¿ò; line-height:150%; color:#9B9181;}
.category{color:#FFFFFF;}
.box{background:url('img/pro_bg.gif')}
.box2{background:url('img/pro_bg2.gif')}
.line{background:url('img/line.gif')}

/* body {font-family: 'Nanum Gothic';width:1000px;margin:0 auto !important;} */
a {text-decoration:none !important;}
li { list-style: none;}

.btn {border:1px solid #ccc; padding:3px 5px;}

/* »ó´Ü¸Þ´º */
#logo { display:inline-block;}
#top_menu {width:600px;height:45px;/* background-image:url('/images/menu_bg.jpg') */}

#gnb {display:inline-block;margin:0px 0 5px -30px;height:40px;}
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
#gnb a {display:block;}
#gnb_1dul {width:100%;margin:0 auto;}
.gnb_1dli{position:relative;float:left;text-align:center;line-height:30px;padding:0 18px;}
.gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1da {position:relative;float:left;line-height:40px;font-size:16px;font-weight:bold;color:#333 !important;}
.gnb_2dul {display:none;position:absolute;top:40px;left:0;z-index:99;text-align:left;padding-left:20px;}
.gnb_1dli:hover .gnb_2dul {display:block}
.gnb_1dli:hover .gnb_1da {color:#1c57c5;}
.gnb_2da {width:100%;min-width:100px;padding:0 15px;font-size: 12px;color: #fff !important;border-top: 1px solid #113880;background: #14429a;}
.gnb_2da:hover {background: #1c57c5;}

#top_button {position:absolute; top:20px; left:50% !important; margin-left:280px; width:200px;height:30px;}
#top_button li {position:relative;float:left;width:33%;height:30px;}

/* ¼­ºê¸Þ´º */
.submenu {width:249px;padding:5px;}
.submenu ul {padding:0px 0 50px;}
.submenu li {padding:10px 20px;font-weight:600;font-size:14px;}
.submenu li a {color:#333;}
.submenu li:hover {background: #336699;margin:0 26px 0 3px;}
.submenu li:hover a {color:#fff;}
.submenu .sub2 {margin-left:20px;padding:5px 0 5px 20px;font-size:12px;}
.submenu .left_banner {margin:5px 0 5px 30px;}

/* ¸ÞÀιè³Ê */
.lt_bn {position:relative;width:1024px;}
.lt_bn li{position:relative;text-align:center;}
.lt_bn li img{width:100%;height:auto;vertical-align:top}
.lt_bn .bn_txt{width:100%;z-index:2;position:absolute;text-align:left; top:50%;left:0;
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
transform: translateY(-50%);}
.lt_bn .txt_wr{max-width:1280px;margin:0 auto;padding:0 3%}

.lt_bn li .bn_tit{display:block;max-width:500px;font-size:4em;font-weight:600; line-height:1.4em;color:#4ad1d4;word-break:keep-all}
.lt_bn li .bn_detail{font-size:1.385em;margin:35px 0 ;color:#888;font-weight:400}
.lt_bn li .bn_view {display:inline-block;background:none;color:#4ad1d4;border:2px solid #4ad1d4;padding:0 25px;line-height:45px;border-radius:30px;
;transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out}
.lt_bn li .bn_view:hover{background:#4ad1d4;color:#fff}

.arrow{position: relative; display: inline-block;vertical-align: middle;transform: rotate(45deg);box-sizing: border-box;width: 11px;height: 11px; border-width: 2px 2px 0 0; border-style: solid;margin-left: 25px;}
.arrow:before {right: 0; top: -1px; position: absolute; height: 2px; box-shadow: inset 0 0 0 32px; width: 18px;
-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
-webkit-transform-origin: right top;}
.arrow:after,.arrow:before {content: "";box-sizing: border-box;}
.lt_bn .bx-prev{position:absolute;top:50%;left:0;width:50px;height:50px;margin-top:-25px;opacity:0.5;text-indent:-999px;overflow:hidden;background:url(/img/prev.png) no-repeat 50% 50%}
.lt_bn .bx-next{position:absolute;top:50%;right:0;width:50px;height:50px;margin-top:-25px;opacity:0.5;text-indent:-999px;overflow:hidden;background:url(/img/next.png) no-repeat 50% 50%}
.lt_bn .bx-prev:hover,.lt_bn .bx-next:hover{opacity:1}
.lt_bn .bn_link {display:block;position:absolute;top:10px;right:10px;background:#ff0000;color:#fff;border-radius:50px;width:40px;padding:0;line-height:40px;text-align:center;opacity:0}
.lt_bn:hover .bn_link{opacity:1}