/* -----------------------------
	style.css
	각종 구성요소들의 style정의
	제작 : seojoo@gmail.com
-------------------------------- */

/* -----------------------------
	Logo
-------------------------------- */
#logo a{display:block;background:url(../images/logo.png) no-repeat center 80%;text-indent:-1000em;width:220px;height:32px}

/* -----------------------------
	SNS Group
-------------------------------- */
#snsGroup{color:#fff;font-size:12px}
#snsGroup li a{background:url(../images/snsGroup.png) no-repeat 0 0;width:32px;height:32px;text-indent:-1000em;overflow:hidden;display:block;margin-left:10px}
#snsGroup li.lang a{background-position:-205px 0;width:70px;height:32px;}
#snsGroup li.lang2 a{background-position:-125px 0;width:70px;height:32px;}
#snsGroup li.fb a{background-position:-41px 0}
#snsGroup li.tw a{background-position:-83px 0}
#snsGroup li.in a{background-position:-125px 0}

/* -----------------------------
	Global Navigation Bar
-------------------------------- */
#gnb{height:50px;line-height:50px;position:relative}
#gnb .wrap{position:relative;z-index:2000}
#gnb li{float:left;display:block;width:16.6666667%;text-align:center}
#gnb li a{display:block;color:#fff;font-weight:bold;font-size:17px;border-left:1px solid #436880}
#gnb li.last a{border-right:1px solid #436880}
#gnb li.active a,
#gnb li a:hover{background-color:#0c2f47}

#gnb .submenu{display:none;position:absolute;top:50px;background:url(../images/gnb_sub_bg.png) repeat-x left top #f3f3f3;width:100%;z-index:9999;border-bottom:1px solid #ddd}
#gnb .submenu li{clear:both;line-height:150%;text-align:left}
#gnb .submenu li a{font-size:12px;font-weight:normal;border:none}
#gnb .submenu li a:hover{background:none}

#gnb .submenu .inside{padding:0 20px}
#gnb .submenu .wrap{padding:10px 0 20px 0}
#gnb .submenu .inside li{display:inline;clear:both;width:100%}
#gnb .submenu a{color:#666}
#gnb .submenu a:hover{color:#144361}


/* -----------------------------
	H1
-------------------------------- */
.ttBox{width:180px;height:93px;line-height:93px;overflow:hidden;background:url(../images/titleBox.png) no-repeat 0 0;text-align:center;color:#fff;font-size:26px;letter-spacing:-1px}

/* -----------------------------
	Side Navigation Bar
-------------------------------- */
#snb ul{}
#snb ul li{border-bottom:1px solid #eaeaea}
#snb ul li a{padding:10px;color:#666;font-size:14px;line-height:150%}
#snb ul li.active a{color:#144361;font-weight:bold;text-decoration:underline}
#snb ul li a:hover{text-decoration:underline}

/* -----------------------------
	Page-title
-------------------------------- */
.page-head{width:100%;background-repeat:no-repeat;background-position:right top}
.page-head .inside{background:url(../images/page_head_dot.png) repeat-x left bottom;padding-bottom:40px}
.page-head h2{font-size:50px;letter-spacing:0px;color:#222;padding-top:30px}
.page-head .desc{font-size:12px;padding-top:5px}

/* path */
.path{color:#666;font-size:14px}
.path i{font-size:17px;position:relative;top:1px}
.path .arr{padding:0 5px}

/* -----------------------------
	Site Map
-------------------------------- */
.site-map{background:#f8f8f8;border-top:1px solid #e4e4e4;overflow:hidden}
.site-map h4{color:#333333;font-size:13px}
.site-map .wrap{padding:50px 0;overflow:hidden}
.site-map ul{overflow:hidden;clear:both;margin-top:10px}
.site-map ul li{line-height:120%}
.site-map a{color:#666}
.site-map a:hover{color:#144361}
.site-map .bx{float:left;width:16.6666667%}
.site-map .bx.last .inside{border-right:none}
.site-map .bx .inside{padding:0 25px;border-right:1px solid #e4e4e4;height:172px}

/* -----------------------------
	Site Map
-------------------------------- */

#familySite .sbHolder{font-size: 11px;font-weight: normal;height:23px;line-height:23px;position: relative;width: 155px;float:left;background:url(../images/familySelectBg.png) no-repeat 0 0;display:block}
#familySite .sbHolder a{color:#666;padding-left:10px}
#familySite .sbHolder a:hover{text-decoration:none}
#familySite .sbToggle{background: url(./image/select-icons.png) 0 -116px no-repeat;display: block;height: 20px;outline: none;position: absolute;right: 0;top: 0;width: 30px;}

#familySite .btn_go{background:url(../images/btn_familySite_go.png) no-repeat 0 0;width:42px;height:24px;border:none;text-indent:-1000em;cursor:pointer}
#familySite select,
#familySite .btn_go{float:left}