.hide2 {display: none;}
.hide_menu {display: none;}


/*popup*/
.popup_lt{display:none;position:absolute;z-index:1000;left:-181px;top:10px;}
.popup_lt a{display:block;width:181px;height:226px;background:url('../images/popup_lt.png') no-repeat;}
.popup_rt{display:none;position:absolute;z-index:1000;right:-20px;top:0;height:100%;width:284px;height:464px;background:url('../images/popup_rt.png') center right no-repeat;background-size:95%;}
.popup_rt div{width:204px;height:295px;margin-top:110px;margin-left:51px;overflow:hidden;padding:10px;box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:25px;}
.popup_rt div label{width:20%;height:30px;line-height:30px;margin-bottom:8px;float:left;text-align:right;color:#3a3a3a;font-weight:bold;}
.popup_rt div input{width:130px;height:30px;margin-bottom:8px;float:right;background:#f0f0f0;border:1px solid #b1b1b1;}
.popup_rt div select{width:130px;height:34px;margin-bottom:8px;float:right;background:#f0f0f0;border-color:#b1b1b1;color:#999;border:1px solid #b1b1b1;}
.popup_rt div textarea{width:130px;height:60px;margin-bottom:8px;float:right;background:#f0f0f0;border-color:#b1b1b1;border:1px solid #b1b1b1;}
.popup_rt div input[type="submit"]{margin-right:25px;margin-top:15px;display:block;width:124px;height:30px;background:#fc7d36;border:none;color:#fff;border-radius:20px;font-size:15px;letter-spacing:-1px;}


/* header */
#wrapper {}
#header {height: 200px; position: relative;}
#header #quick_popup {display: none;}
#header h1 {position: absolute; top: 65%; left: 50%; margin: -37px 0 0 -98px; text-indent: 100%; overflow: hidden; white-space: nowrap;}
#header h1 * {display: block;}
#header .menu_icon{display:none;width:30px;height:30px;margin:10px;}
#header .menu_icon img{width:30px;}
#header #left_m{display:block}
#header #right_m{display:block;position:absolute; right:0; top:30px;}
#header #gnb {height: 30px; background: #494949;}
#header #gnb a {color: #acacac; line-height: 30px;}
#header #gnb a:hover {background: #5d5d5d; color: #fff;}
#header #gnb .icon_bar {display: none;}
#header #gnb ul {float: right; width: 200px;}
#header #gnb ul:first-child {float: left;}
#header #gnb ul li {float: left; border-left: 1px solid #898989; border-right: 1px solid #676767;}
#header #gnb ul li a {display: block; text-align: center; padding:0 10px;}
#header #gnb ul li a.log {background-color:#5d5d5d;color: #fff;}


/* 모바일 lnb 생략
#header #lnb {margin-top: 200px; position: relative;}
#header #lnb ul {overflow: hidden;}
#header #lnb ul > li {float: left; width: 50%; background-color:#f6f6f6; padding: 10px 0;}
#header #lnb ul > li > a:hover {color: #ec0010;}
#header #lnb ul > li:first-child {margin-left: 0;}
#header #lnb ul > li > a {display: block; font-size: 16px; color: #000; text-align: center;} 
#header #lnb ul li ul { background: #fff; position: static; border-top: 3px solid #ec0010;}
#header #lnb ul li ul#sub_01 {left:305px; display: none;}
#header #lnb ul li ul#sub_02 {left:410px; display: none;}
#header #lnb ul li ul#sub_03 {left:500px; display: none;}
#header #lnb ul li ul li {float: none; margin: 0; padding: 0; text-align: center; width: 120px; height: 40px; line-height: 40px; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
#header #lnb ul li ul li.down_menu {background: url(../images/ico_arrow.png) 105px center no-repeat; position: relative;}
#header #lnb ul li ul li.down_menu > ul {position: absolute; z-index: 999; top: 20px; left: 120px;}
#header #lnb ul li ul li.down_menu > ul > li:hover {background: #f1f1f1;}
#header #lnb ul li ul > li a {font-size: 12px; display: block;}
*/

#m_lnb {position: fixed; top: 0px; left:-260px; background:#373737; z-index: 50; width: 260px; height: 100%;}
#m_lnb div{width: 100%; height:50px; overflow:hidden; line-height:50px;}
#m_lnb div a{display:block;}
#m_lnb div a#home_btn{float:left; width:35px;height:35px; margin:13px 10px; background:url('../images/home_btn.png') no-repeat; background-size:30px; }
#m_lnb div a.x_btn{float:right; width:30px; height:30px; margin:14px 10px; background:url('../images/x_btn.png') no-repeat; background-size:25px;}
#m_lnb div a#home_btn:hover{width:35px;height:35px; margin:13px 10px; background:url('../images/home_btn_hover.png') no-repeat; background-size:30px; }
#m_lnb div a.x_btn:hover{width:30px; height:30px; margin:14px 10px; background:url('../images/x_btn_hover.png') no-repeat; background-size:25px;}

.x_btn{ width:30px; height:30px; margin:14px 10px; background:url('../images/x_btn.png') no-repeat; background-size:25px;}
.x_btn:hover{width:30px; height:30px; margin:14px 10px; background:url('../images/x_btn_hover.png') no-repeat; background-size:25px;}


#login_popup{position:absolute;top:30px;right:0;width:100%;display:none;z-index:1000;}
#login_popup div{background:#5d5d5d;height:200px;overflow:hidden;}
#login_popup div a{display:block;position:absolute;top:0;right:0;}
#login_popup form#login{width:100%;padding:10%;padding-top:30px;box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
#login_popup form#login span{display:block;color:#fff;font-size:17px;font-weight:bold;font-family:'Nanum Barun Gothic';margin-bottom:12px;}
#login_popup form#login input[type="text"]{display:block;width:70%;height:35px;float:left;margin-bottom:5px;padding-left:2%;border:0;}
#login_popup form#login input[type="password"]{display:block;width:70%;height:35px;float:left;padding-left:2%;border:0;}
#login_popup form#login input[type="submit"]{float:right;width:27%;height:75px;background:#ec0010; color:#fff;border:0;}
#login_popup form#login input#remember{clear:both;float:left;margin-top:15px;}
#login_popup form#login label{float:left;margin-top:13px;color:#aaa;margin-left:4px;}


#m_lnb > ul {overflow: hidden;  width: 220px; padding: 20px; background: #444; border-top: 1px solid #555;}
#m_lnb > ul > li { width: 100%; padding: 10px 0; border-bottom:1px solid #666; background:url('../images/btn_right.png') top 15px right 5px no-repeat; background-size: 16px;}
#m_lnb > ul > li.menu_down {background:url('../images/btn_down.png') top 15px right 5px no-repeat; background-size: 20px;}
#m_lnb > ul > li.red {}
#m_lnb > ul > li > a:hover {color: #ec0010;}
#m_lnb > ul > li > a {display: block; font-size: 14px; color: #fff; text-align: left; margin-left:10px; } 
#m_lnb > ul > li > a > span{ color:#e94b3b; font-size:10px; padding:5px;} 
#m_lnb ul li ul { background: #aaa; position: static; margin-top:10px; padding:4px 0; display: none;}
#m_lnb ul li ul#sub_01 {left:305px;}
#m_lnb ul li ul#sub_02 {left:410px;}
#m_lnb ul li ul#sub_03 {left:500px;}
#m_lnb ul li ul li {float: none; margin: 0; padding: 0; text-align: left; margin-left: 20px; width: 120px; height: 25px; line-height: 25px;}
#m_lnb ul li ul > li a {font-size: 12px; display: block; color:#444;}
#m_lnb ul li ul > li a:before{content:'- ';}
#m_lnb ul li ul > li a:hover {font-size: 12px; display: block; text-decoration:underline; font-weight:bold;}

/*right_menu*/
#




/* main */
#visual {position: relative; }
#visual img {display: block; margin: 0 auto; max-width: 100%;}



/* content */
#content {padding: 5px;}
#content ul.quick_menu {margin-bottom: 35px;}
#content ul.quick_menu:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden;}
#content ul.quick_menu li { margin: 5px 0; text-align: center;}
#content ul.quick_menu li a {display: block;}
#content ul.quick_menu li:nth-child(1) {background: #e1e0e5;}
#content ul.quick_menu li:nth-child(2) {background: #858688;}
#content ul.quick_menu li:nth-child(3) {background: #626669;}
#content ul.quick_menu li:nth-child(4) {background: #4e4e4e;}
#content h2 {background: url(../images/ico_more.gif) right center no-repeat;}
#content div.board_gallery {}
#content div.board_gallery ul {margin-top: 2px;overflow: hidden;}
#content div.board_gallery li {float: left; width: 49%; margin-bottom: 2px; background: #32251c;}
#content div.board_gallery li:nth-child(odd) {margin-right: 1%;}
#content div.board_gallery li.last {margin-right: 0;}
#content div.board_gallery a:hover{color: #000;}
#content div.board {margin: 35px 0; clear: both; }
#content div.board h2 {border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin-bottom: 5px;}
#content div.board li {line-height: 28px; list-style: url(../images/bullet.gif); list-style-position: inside;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#content p, img.cs {display: none;}


/* footer */
#footer { clear: both;}
#footer ul {}
#footer ul:after {clear: both; height: 0px; display: block; content: ""; visibility: hidden;}
#footer ul li {float: none; line-height: 40px; width: 100%; text-align: center; border-top: 1px solid #4e4e4e; border-bottom: 1px solid #858688; background-color: #626669;}
#footer ul li:hover {background-color: #4e4e4e;}
#footer ul li a {display: block; color: #e1e0e5;}
#footer ul li a:hover {color: #fff;}
#footer .info {background: #494949; text-align: center;  line-height: 24px; padding-top: 10px;}
#footer .info p, span {color: #b1b1b1;}
#footer .info span {background: url(../images/line.gif) right center no-repeat; padding: 0 10px;}
#footer .info span.last {background: none;}
#footer .info p.copy {color: #bdbdbd; background: #111;}
#footer .info p { padding-top: 0px; margin-top: 10px;}



/*********************** pc *******************************/

@media only screen and (min-width:961px){
.hide2 {display: block;}
.size_1000 {width: 1000px; margin: 0 auto; position: relative;}
#m_lnb{display: none;}

/*popup*/
.popup_lt{display:block;}
.popup_rt{display:block;}


/*login*/
#login_popup{position:absolute;top:30px;left:70%;width:300px;display:none;z-index:1000;}

/* header */
#header {height: 130px;}
#header #quick_popup {position: absolute; top:120px; left:-130px; z-index: 5;}
#header h1 {position: absolute; top: 25px; left: 0; margin: 0;}
#header h1 * {display: block;}
#header #left_m{display: none;}
#header #gnb {height: 30px; background: #494949;}
#header #gnb a {color: #acacac; line-height: 30px;}
#header #gnb a:hover {background: #5d5d5d; color: #fff;}
#header #gnb .icon_bar {display: block;}
#header #gnb ul {float: right; width: 200px;}
#header #gnb ul:first-child {float: left;}
#header #gnb ul li {float: left; border-left: 1px solid #898989; border-right: 1px solid #676767;}
#header #gnb ul li a {display: block; text-align: center; padding:0 10px;}
#header #lnb {float: right; margin-top: 60px; position: relative;}
#header #lnb ul {overflow: visible;}
#header #lnb ul > li {float: left; padding: 10px 0 5px 0px; width: auto; background: none; margin-left: 40px;}
#header #lnb ul > li > a:hover {color: #ec0010;}
#header #lnb ul > li:first-child {margin-left: 0;}
#header #lnb ul > li > a {display: block; font-size: 16px; color: #000;} 
#header #lnb ul li ul { background: #fff; position: absolute; top: 40px; z-index: 999; border-top: 3px solid #ec0010;}
#header #lnb ul li ul#sub_01 {left:305px;}
#header #lnb ul li ul#sub_02 {left:410px;}
#header #lnb ul li ul#sub_03 {left:500px;}
#header #lnb ul li ul li {float: none; margin: 0; padding: 0; text-align: center; width: 120px; height: 40px; line-height: 40px; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
#header #lnb ul li ul li.down_menu {background: url(../images/ico_arrow.png) 105px center no-repeat; position: relative;}
#header #lnb ul li ul li.down_menu > ul {position: absolute; z-index: 999; top: 20px; left: 120px;}
#header #lnb ul li ul li.down_menu > ul > li:hover {background: #f1f1f1;}
#header #lnb ul li ul > li a {font-size: 12px; display: block;}

/* main */

/* content */
#content {padding: 0px;}
#content h2 {background: url(../images/ico_more.gif) right center no-repeat;}
/*#content div {height: 200px; float: left;margin-bottom: 35px;}*/
#content ul.quick_menu {margin-bottom: 35px;}
#content ul.quick_menu:after {content: ""; display: block; clear: both; height: 0px; visibility: hidden;}
#content ul.quick_menu li {float: left; margin: 0;}
#content div.board_gallery {width: 484px;  float: left;}
#content div.board_gallery ul {margin-top: 2px;}
#content div.board_gallery li {float: left; height: 77px; width: 115px; margin: 4px 8px 4px 0px; border: 0;}
#content div.board_gallery li.last {margin-right: 0;}
#content div.board_gallery li:nth-child(odd) {margin: 4px 8px 4px 0px;}
#content div.board {width: 250px; margin: 0 25px; clear: none;  float: left;}
#content div.board h2 {border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin-bottom: 5px;}
#content div.board li {line-height: 28px; list-style: url(../images/bullet.gif); list-style-position: inside;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#content p {background: #f6f6f6; height: 184px; margin-top: 35px;}
#content p img {display: block; margin: 0 auto;}
#content p, img.cs {display: block;}
    
/* footer */
#footer { clear: both;}
#footer ul {height: 40px;}
#footer ul:after {clear: both; height: 0px; display: block; content: ""; visibility: hidden;}
#footer ul li {float: left; line-height: 40px; width: 14%; text-align: center; background: url(/images/line.gif) left center no-repeat; border: 0; }
#footer ul li:hover {background-color: #fff; }    
#footer ul li:first-child {background: none;}
#footer ul li a {display: block; color: #333;}
#footer ul li a:hover {color: #ec0010;}    
#footer .info {background: #4d4d4d; height: 140px; text-align: center;  line-height: 24px; padding-top: 0;}
#footer .info p, span {color: #000000;}
#footer .info span {background: url(../images/line.gif) right center no-repeat; padding: 0 10px;}
#footer .info span.last {background: none;}
#footer .info p.copy {color: #bdbdbd; background: none;}
#footer .info p { padding-top: 20px; margin: 0; }
}



.sv_memver {color:#fefefe; }

