@charset "utf-8";
@import url('default.css');

body, html {height:100%;}
body {background:url(../images/left_bg.gif) repeat-y;}
#wrap{width:100%; height:100%; position:relative; margin:0 auto; min-width:1262px;}


/*header - left area*/
#header_wrap { 
	position:fixed; left:0; top:0; z-index:5;
	height:100%;	
}

#header {height:100%; position:relative; background:url(../images/left_bg.gif) repeat-y;}

/*logo*/
#header #logo { width:176px; height:118px; border-bottom:solid 1px #dddddd; border-right:solid 1px #dddddd; background:#fff;}
#logo h1 {width:176px; height:118px;}
#logo h1 a {display:block; width:100%; height:100%; text-indent:-1000px; overflow:hidden; background:#fff url(../images/logo.jpg) no-repeat left center;}
#logo #left_member {display:none;}
@media screen and (max-width:1582px) {
	#logo h1 {height:69px; padding-top:15px;}
	#logo h1 a {height:69px;}
	#logo #left_member {display:block; height:34px; text-align:center;}
	#logo #left_member ul {margin-top:12px; height:13px; font-size:0; line-height:0;}
	#logo #left_member ul li {display:inline-block; height:13px; padding:0 5px; border-left:solid 1px #ccc;}
	#logo #left_member ul li:first-child {border-left:0;}
	#logo #left_member ul li a { font-size:13px; line-height:13px; color:#666;}
}

/*menu*/
#header #gnb > ul > li {width:177px; height:51px; position:relative; background-color:#f0f0f0;}
#gnb li .main_menu {display:block; width:100%; height:100%; background-position:right top; background-repeat:no-repeat;}
#gnb li .main_menu span {display:block; width:133px; height:50px; padding-left:8px; font-size:14px; line-height:51px; color:#666; border-bottom:solid 1px #dadada;}
#gnb li .main_menu span:hover, #gnb li .main_menu span:focus, #gnb li .main_menu.on span { background-color:#3d699f; color:#fff;}
#gnb li .main_menu:focus {background-color:#31b5b9 !important;}
#gnb li.navi01 .main_menu {background-image:url(../images/bg_mn01.gif);}
#gnb li.navi02 .main_menu {background-image:url(../images/bg_mn02.gif);}
#gnb li.navi03 .main_menu {background-image:url(../images/bg_mn03.gif);}
#gnb li.navi04 .main_menu {background-image:url(../images/bg_mn04.gif);}
#gnb li.navi05 .main_menu {background-image:url(../images/bg_mn05.gif);}
#gnb li.navi06 .main_menu {background-image:url(../images/bg_mn06.gif);}
#gnb li.navi07 .main_menu {background-image:url(../images/bg_mn07.gif);}
#gnb li.navi08 .main_menu {background-image:url(../images/bg_mn08.gif);}
#gnb li.navi09 .main_menu {background-image:url(../images/bg_mn09.gif);}
#gnb li.navi10 .main_menu {background-image:url(../images/bg_mn10.gif);}

#lnbs {position:absolute; left:177px; top:0; width:0; height:100%;}

#lnbs .lnb_wrap {width:0; height:100%; overflow:hidden; background-color:#333; background-color:rgba(0,0,0,0.8);}
#lnbs .lnb_wrap .lnb {width:160px; margin-top:118px; border-top:solid 1px #666; overflow:hidden;}
#lnbs .lnb_wrap .lnb li {width:100%; height:39px; border-bottom:solid 1px #666;}
#lnbs .lnb_wrap .lnb li a {display:block; width:100%; height:39px; line-height:39px; text-indent:12px; font-size:13px; color:#fff;}
#lnbs .lnb_wrap .lnb li a:hover, #lnbs .lnb_wrap .lnb li a:focus, #lnbs .lnb_wrap .lnb li a.on {background:#a68342;}

#lnb3 .lnb {margin-top:220px !important;}
#lnb4 .lnb {margin-top:220px !important;}
#lnb5 .lnb {margin-top:322px !important;}
#lnb6 .lnb {margin-top:271px !important;}
#lnb7 .lnb {margin-top:373px !important;}
#lnb8 .lnb {margin-top:107px !important;}
#lnb9 .lnb {margin-top:467px !important;}
#lnb10 .lnb {margin-top:347px !important;}

#tel {width:176px; height:102px; font-size:0; line-height:0; background:url(../images/tel.gif) no-repeat center center;}

/*sns*/
#header #sns {width:176px; height:53px; background:#f4f4f4;}
#sns ul {margin:auto; width:123px;}
#sns li {float:left; width:31px; height:31px; margin:11px 5px; background-position:center center; background-repeat:no-repeat;} 
#sns li.facebook {background-image:url(../images/sns_facebook.gif);}
#sns li.kakao {background-image:url(../images/sns_kakao.gif);}
#sns li.blog {background-image:url(../images/sns_blog.gif);}
#sns li a {display:block; width:100%; height:100%; font-size:0; line-height:0; overflow:hidden;}

@media screen and (max-height:833px) {
	#tel, #sns {display:none;}
}

/*footer*/
#footer_wrap {clear:both; width:100%; height:164px; background:#41464d;}
#footer_wrap #footer {margin:auto; padding-top:22px; width:1090px; height:112px; overflow:hidden;}
#footer .foot_btns {margin-bottom:34px;}
#footer .foot_btns li {float:left; width:108px; height:39px; margin-left:1px;}
#footer .foot_btns li:first-child {margin-left:0;}
#footer .foot_btns li a {display:block; width:106px; border:solid 1px #595959; line-height:37px; text-align:center; color:#ccc;}
#footer .btm_logo {float:left; width:154px; height:39px; margin-right:51px; text-indent:-1000px; overflow:hidden; background:url(../images/f_logo.jpg) no-repeat left center;} 
#footer .addr {float:left; width:880px; height:39px;}
#footer address {font-weight:normal; font-style:normal; color:#ccc; font-size:12px; line-height:20px;}
#footer .copyright {font-size:12px; color:#999; text-transform:uppercase; font-size:inherit;}
#footer .mpa, #footer .mpa a {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777; text-transform:uppercase; }
#footer .mpa a {text-decoration:underline;}

/*right contents*/
#right {position:fixed; right:-361px; top:0; z-index:6; width:500px; height:100%; background:url(../images/right_bg.gif) repeat-y left top;}	
@media screen and (max-width:1580px) {
	#right {display:none;}
}
.right_cnt {position:relative; width:500px; height:100%;}
.right_cnt #tit_quick {width:139px; height:50px; font-size:0; line-height:0; background:#4b4b4b url(../images/tit_quick.gif) no-repeat center center;}
/*right contents - member btns */
#right_btns { width:139px; border-top:solid 1px #828282; background:#4b4b4b;}
#right_btns ul {width:138px; border-left:solid 1px #828282;}
#right_btns ul li {width:100%; height:28px; border-bottom:solid 1px #828282;}
#right_btns ul li a {display:block; height:100%; font-size:12px; line-height:28px; color:#b7b7b7; text-indent:20px; overflow:hidden;}


/*right contents - quick*/
#quick .quick_list {width:139px;}
#quick .quick_list li {height:60px; border-bottom:solid 1px #d7d7d7; background-repeat:no-repeat;}
#quick .quick_list li a {display:block; width:100%; height:100%; text-indent:-1000px; overflow:hidden; cursor:pointer;}
#quick .quick_list li.q1 {background-image:url(../images/quick01.gif); background-position:21px center;}
#quick .quick_list li.q2 {background-image:url(../images/quick02.gif); background-position:21px center;}
#quick .quick_list li.q3 {background-image:url(../images/quick03.gif); background-position:21px center;}
#quick .quick_list li.q4 {height:62px; border-bottom:none; background:#61afdb url(../images/quick04.gif) no-repeat center center;}
#quick .quick_list li.q5 {height:82px; border-bottom:none; background:#f2df3f url(../images/quick05.gif) no-repeat center center;}
#quick .quick_list li.q6 {height:82px; border-bottom:none; background:#5cb05a url(../images/quick06.gif) no-repeat center center; }
#quick .quick_list li.q7 {height:82px; border-bottom:none; background:#8686bf url(../images/quick07.gif) no-repeat center center; }
#quick .btn_top { height:33px; background:#2e2e2e;}
#quick .btn_top a {display:block; width:100%; height:33px; line-height:33px; text-align:center; color:#fff;}

/*quick contents*/
#quick .quick_contents {position:absolute; left:140px; top:0; width:360px; height:100%; padding-top:70px; background:#fff;}
#quick .quick_contents .q_cntbox {width:321px; margin:0 auto; }
#quick .quick_contents .q_cntbox .title {height:50px; font-size:25px; font-weight:bold; color:#333;}

#quick .quick_top {position:absolute; left:139px; top:0; z-index:6; width:361px; height:50px; background:#607080 url(../images/quick_cnt_top.png) no-repeat 20px center;}
#quick .quick_top .close_q {width:30px; height:30px; background:url(../images/btn_quick_close.png) no-repeat; float:right; margin-top:10px; margin-right:10px;}
#quick .quick_top .close_q a {display:block; width:100%; height:100%; text-indent:-500px; overflow:hidden; cursor:pointer;}

/*quick board style*/
.quick_contents .board_list { width:100%; border-top:2px solid #ccc;}
.quick_contents .board_list th{height:30px; text-align:center; color:#454545; font-size:13px; font-weight:normal; letter-spacing:1.3px; border-bottom:1px solid #d9d9d9; background-image:none;}
.quick_contents .board_list td{text-align:center; padding:9px 0; border-bottom:1px solid #efefef; background-image:none;}
.quick_contents .board_list td.subject{text-align:left; text-indent:10px;}
.quick_contents .board_list td span {display:block; width:32px; height:18px; text-indent:-1000px; overflow:hidden; margin:auto;}
.quick_contents .board_list .re_ing {background:url(../images/icon_ing.gif) no-repeat;}
.quick_contents .board_list .re_end {background:url(../images/icon_end.gif) no-repeat;}

.quick_contents .normal td {text-align:left; text-indent:10px;}

.quick_contents .btn {margin-top:20px; text-align:center;}
.quick_contents .btn a {display:block; margin:auto; width:105px; height:33px; line-height:33px; color:#fff; background-color:#748bb3; }

.quick_contents .q_cnt {margin-bottom:10px;}