@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------------------------------
Reset Code
----------------------------------------------------------------------------------------------------------------------------*/
* { padding:0; margin:0;  font-size:12px; font-family:'나눔고딕',NanumGothic,Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum,Tahoma,Geneva,Helvetica,sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;} /* delete vertical-align */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} /* HTML5 display-role reset for older browsers */
body,html{width:100%;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;border-color:red;}
dt{display:block;}
a{cursor:pointer;}
hr{display:none;}
body {overflow-x:hidden;  font-family:'나눔고딕',NanumGothic,Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum,Tahoma,Geneva,Helvetica,sans-serif;background-color: #555;}
body,input,select,textarea{font:12px/1.5 '나눔고딕',NanumGothic,Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum,Tahoma,Geneva,Helvetica,sans-serif;}
a{color:#000;text-decoration:none;} 
a:hover{color:#000;text-decoration:none;}

/* ----------------------------------------------
WRAPS
------------------------------------------------*/
#wraps {width:100%; margin:0 auto; }

#body {overflow:hidden; zoom:1; }

/* 제일 위의 메뉴 와 login , loginfo 등등    display: none; 이거 활용도를 생각해 보자.  uti color ecebeb*/
/*
#uti {position:relative; float:left;color: #CCC;	width:100%; background-color: #313131;	height: 30px; font-size: 12px;}
.uti_l {position:relative; width: 237px; float :left;	height: 30px; background-image: url(../img/uti01back.png);}
*/
#uti {position:relative; float:left;color: #CCC;	width:100%; background-color: #f5f6f6;	height: 30px; font-size: 12px;}
.uti_l {position:relative; width: 237px; float :left;	height: 30px; background-color: #f5f6f6;}
.uti_menu {	position:relative;float :left;	margin-left:10px; top: 0px; color: #aaa;}
.uti_menu ul { height: 34px; background: url('../img/menu_seperater.png') no-repeat left bottom;}
.uti_menu ul li { float: left; list-style: none; background: url('../img/menu_seperater.png') no-repeat right bottom;}
.uti_menu ul li a { display: block; color: #aaa; text-decoration: none; height: 30px; line-height: 30px; padding: 0 15px;}
/*.uti_ico {position:relative; float :right; width: 500px;top: 2px;}*/
.uti_ico {position:relative; float :right; width: 400px;top: 2px;}
.uti_ico ul li {float: left; list-style: none;}

/* header!! 왼쪽 이미지, logo , 상단 슬라이스   
#head {clear:both; vertical-align:top; position:relative; float :left; background-color: #313131; height: 247px; width: 100%; }
#head {clear:both; vertical-align:top; position:relative; float :left; background-color: #313131; height: 200px; width: 100%; }
*/
#head {clear:both; vertical-align:top; position:relative; float :left; background-color: #f5f6f6; height: 200px; width: 100%; }


/* 원래 제일 왼쪽 이미지 
.head_a {position:relative; float :left; width: 227px; height: 247px; background-image: url(../img/h_line.png);	background-repeat: repeat-x;}
.head_l {position:relative; float :left; vertical-align:top; width: 10px; height: 247px; background-image: url(../img/h_line.png);	background-repeat: repeat-x;}

.head_a {position:relative; float :left; width: 190px; height: 210px; background-image: url(../img/h_line.png);	background-repeat: repeat-x;}
.head_l {position:relative; float :left; vertical-align:top; width: 10px; height: 200px; background-image: url(../img/h_line.png);	background-repeat: repeat-x;}
*/

.head_a {position:relative; float :left; width: 190px; height: 210px; background-image: url(../img/h_line_2.png);	background-repeat: repeat-x;}
.head_l {position:relative; float :left; vertical-align:top; width: 10px; height: 200px; background-image: url(../img/h_line_2.png);	background-repeat: repeat-x;}


/* logo, 상단슬라이스 영역 
.head_b {position:absolute; float :left; margin-left: 237px; margin-top:0px; width:100% ;}
.head_logo {position:relative; float :left; background-color: #DF2600; width:237px; height:247px;}
.head_img {	position:relative; background-color: #ffffff; overflow:hidden;	top:0px;}
*/
/* .head_img {	position:relative; background-color: #23b0db; overflow:hidden;	top:0px;}  -- 하늘색 */
/* .head_img {	position:relative; background-color: #444444; overflow:hidden;	top:0px;} -- 검은색 쪽 org */

.head_b {position:absolute; float :left; margin-left: 200px; margin-top:0px; width:100% ;}
.head_img {	position:relative; background-color: #ffffff; overflow:hidden;	top:0px;}
.head_img {	position:relative; background-color: #ffffff; overflow:hidden;	top:0px;}

/* menu  list area  margin-left: 237px > 0px */
/* gnb */
.gnb {position:absolute; margin-left: 0px; margin-top:0px; ;z-index:10;display:block;font-size: 13px;color: #fff; background-image: url(../img/menuback.png);background-repeat: repeat-x; height: 40px; width:100%; }
/*.gnb {position:absolute; margin-left: 0px; margin-top:0px; ;z-index:10;display:block;font-size: 13px;color: #fff; background-image: url(../img/menuback.png);background-repeat: repeat-x; height: 83px; width:100%; }   */
/* .gnb {position:absolute; margin-left: 237px;margin-top:0px; ;z-index:10;display:block;font-size: 13px;color: #fff; background-image: url(../img/menuback.png);background-repeat: repeat-x; height: 83px; width:100%; } */
.gnb li {
    list-style: none;
}

.gnb li a {
    text-decoration: none;
}

.gnb .depth1 {
    display: block;
	height: 40px;
    /* height: 83px; */
  
}

.gnb .depth1 > li {
    width: 140px;
	height: 40px;
    /* height: 83px; */
    float: left;
    position: relative;
    text-align: center;
    background: url('../img/gnb_seperater.png')  no-repeat center right;
}

.gnb .depth1 > li:after {
    content: "";
    display: block;
    clear: both;
}

.gnb .depth1 > li a {
	 display:block;
	 height: 40px;
    /* height: 83px; */
    font-size: 16px;
    line-height: 50px;
    font-family: 나눔바른고딕, NanumBarunGothic, nbg_bold, 나눔고딕, NanumGothic, dotum, gulim, sans-serif;
    color: #fff;
}

.gnb .depth1 li a img {vertical-align:middle;}

.gnb .depth2 {
    position: absolute;
    left: 0;
    top: 40px;
    /* top: 83px; */
    background: #fff;
    display: none;
    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
}

.gnb .depth2 li {
    float: none;
    background: #fff;
    /*width: 180px;*/
    width: 140px;
    height: 35px;
    border: 1px solid #e6e6e6;
    border-top: none;
    text-align: left;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gnb .depth2 li:first-child {
    border-top: 1px solid #e6e6e6;
}

.gnb .depth2 li a {
	 display: block;
	 padding-left: 20px;
	 height:35px;
    line-height: 35px;
    font-weight: normal;
    font-size: 13px;
    font-family: 나눔바른고딕, NanumBarunGothic, nbg, 나눔고딕, NanumGothic, dotum, gulim, sans-serif;
    color: #585858;
}

.gnb .depth2 > li:hover > a {
    font-weight: bold;
}

.gnb .depth2 .arrow-right {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
}

.gnb .depth3 {
    position: absolute;
    left: 181px;
    top: -1px;
    background: #fff;
    display: none;
    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
}

.gnb .depth3 li a {
    color: #585858;
}

.gnb .depth3 > li:hover > a {
    font-weight: bold;
}

.gnb .depth1 > li:hover > a .arrow-up {
    position: absolute;
    left: 65px;
    bottom: -1px;
    width: 0px;
    height: 0px;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #fff;
    z-index: 9999;
}

.gnb .depth1 > li:hover > a .arrow-up-back {
    position: absolute;
    left: 63px;
    bottom: -1px;
    width: 0;
    height: 0;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #e6e6e6;
}

#cont {vertical-align:top; position:relative; float :left; background-color: #444444; width:100%; }

.cont_v {position:absolute; float:left; width: 200px; height: 100%; min-height: 100%; background-image: url(../img/c_leftback.png);	background-repeat: repeat-y;}
.cont_v:after{content:"";display:block;clear:both}

.lnb {position:relative; float :left; width: 190; height: 100%; min-height: 100% }
.lnb:after{content:"";display:block;clear:both}
.lnb h2 {display:block; font-size:22px; font-weight:bold; height:30px; padding:12px 0 12px 16px; }
.lnb {}
.lnb li a{display:block;  font-size:14px; width:100%; height:30px; padding: 5px 0 5px 30px; margin-left:0px;background-image: url(../img/lnb_back.png);background-repeat:no-repeat ; }
.lnb li:hover a{}
.lnb li.active a{color:#FFF;}
.lnb_ban {position:relative; float :left; height:35px; width:100%; padding: 20px 0 5px 0; }
/* back ground 만들어서 넣어야 겠다..
.lnb_ban {position:relative; float :left; height:35px; width:100%; padding: 20px 0 5px 0;background-image: url(../img/lnb_back.png);background-repeat:no-repeat ; }
*/

/*absolute
.lnb_bana {position:relative; float :left; height:222px; width:100%; top:250px; padding: 0px 0 20px 0;}
.lnb_bana {position:relative; float :left; height:222px; width:100%; padding: 0px 0 20px 0;}
*/


.cont_l {position:relative; float :right; vertical-align:top; width: 10px; height: 100%; background-image: url(../img/c_lineback.png);	background-repeat: repeat-y;}
.cont_bt {position:relative; float :left; bottom:102px; width: 190px; height: 102px; background-image: url(../img/c_leftbt.png);	background-repeat: repeat-y;}


.cont_b {clear:both; position:relative; float :left; vertical-align:top; min-height: 630px; margin-left: 200px;  margin-top:0px; width:100%; padding:0;  background-color: #ffffff; }
.cont_b:after{content:"";display:block;clear:both}

.cont_ba {overflow-x:hidden;  float :left; width:780px;  min-height: 630px; padding:10px;border-right:1px solid #dbdbdb;}

.cont_ba_sub {overflow-x:hidden;  float :left; width:780px;  min-height: 630px; padding:10px;border-right:1px solid #dbdbdb;}
.cont_ba_sub .title_set {margin:0px 0px 15px; border-bottom:1px solid #c9c9c9; overflow:hidden; padding:10px 0;}
.cont_ba_sub .title_set h2{float:left; background:url(../img/bul_h2.png) no-repeat 0 7px; padding-left:26px; font-size:18px; color:#3a3a3a;}
.cont_ba_sub .title_set ul{float:right; margin-top:4px;}
.cont_ba_sub .title_set li{float:left; color:#b2b2b2; padding-left:14px; font-size:11px; background:url(../img/bul_location_arrow.png) no-repeat 1px 4px;}
.cont_ba_sub .title_set li:first-child {background:url(../img/bul_location_home.png) no-repeat 1px 4px;}


.s4search {top:0px; left:5px; width:167px; height:28px; background:url(../img/bg_search.png) no-repeat;}
.s4search input {background:#F7CE32;left:5px; top:0px; border:0px; width:147px; height:20px; margin-left:10px; margin-top:4px;vertical-align:top;}
.s4search .submit{margin-left:177px; margin-top:-20px; width:27px !important; height:27px !important;}
.tabnews {margin-top:15px; padding:0 10px 10px 10px;}

#btmenu {position:relative; float:left;font-size: 12px; height: 30px; border-bottom:2px solid #6d6d6d; background-color: #313131; width:100%;}

.im_footer_menu { padding-bottom: 10px;}
.im_footer_menu ul li { list-style: none; float: left; border-left: 1px solid #666; padding: 0 15px; line-height: 12px;}
.im_footer_menu ul:after { content: ""; display: block; clear: both;}
.im_footer_menu ul li:first-child { border-left: none; padding-left: 0;}
.im_footer_menu ul li a { font-size: 12px;  color: #888; line-height: 12px;}
.im_footer_info { max-width: 860px; padding-top: 10px; padding-bottom: 20px; margin:auto; }
.im_footer_info .contact { display: block; line-height: 24px;}
.im_footer_info .copyright {   display: block; line-height: 24px;}

.bt_menu {position:relative; float:left;font-size: 12px; padding-top:6px; padding-left:247px; color: #666;}
.bt_top {position:relative; float:right; padding-top:6px; padding-right:90px;
	z-index: 999;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
	}

#btbt {position:relative; float:left;font-size: 12px; text-align:center; padding-top:16px; color: #ccc;width:100%;background-color: #555555; height: 60px; background-image: url(../img/bt_back.png);background-repeat: repeat-x;}

a.rollover img { border-width:0px; display:inline; } 
a.rollover img.over { display:none; } 
a.rollover:hover { border:0px } 
a.rollover:hover img { display:none; } 
a.rollover:hover img.over { display:inline; } 

/* Modal Login*/

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#im_modal_login {
    width: 426px;
    padding: 35px 50px 40px 35px;
    background: #0EB6F5;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
    display: none;
    font-family: 나눔바른고딕, NanumBarunGothic, nbg, 나눔고딕, NanumGothic, dotum, gulim, sans-serif;
    position: relative;
}

#im_modal_login .loginWindow_header {
    margin-bottom: 24px;
}

#im_modal_login .loginWindow {
    width: 440px;
}

#im_modal_login .loginWindow dl dt {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 10px;
}

#im_modal_login .loginWindow #uid, .loginWindow #upw {
    width: 410px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    padding: 0 15px 0 15px;
    margin-bottom: 25px;
    color: #444;
    font-weight: bold;
    font-family: arial, dotum, gulim, sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none;
}

#im_modal_login .loginWindow .keep_text {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding-top: 2px;
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
}

#im_modal_login .loginWindow .keepWrap:after {
    content: "";
    display: block;
    clear: both;
}

#im_modal_login .loginWindow .keep {
    width: 21px;
    height: 21px;
    position: relative;
    float: left;
}

#im_modal_login .loginWindow .keep label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#im_modal_login .loginWindow .keep label:after {
    opacity: 0.2;
    content: '';
    position: absolute;
    width: 7px;
    height: 4px;
    background: transparent;
    top: 5px;
    left: 5px;
    border: 3px solid #369ACE;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#im_modal_login .loginWindow .keep label:hover::after {
    opacity: 1;
}

#im_modal_login .loginWindow .keep input[type=checkbox]:checked + label:after {
    opacity: 1;
}

#im_modal_login .loginWindow .submit_btn a {
    display: inline-block;
    width: 410px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    padding: 0 15px 0 15px;
    background-color: #03509C;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

#im_modal_login .loginWindow .login_menu ul {
    text-align: center;
    margin-top: 25px;
}

#im_modal_login .loginWindow .login_menu ul li {
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #fff;
    list-style: none;
    line-height: 14px;
}

#im_modal_login .loginWindow .login_menu ul li:first-child {
    border-left: none;
}

#im_modal_login .loginWindow .login_menu ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    line-height: 14px;
}

#im_modal_login .loginWindow .login_menu ul li a:hover, #im_modal_login .loginWindow .login_menu ul li a:focus {
    text-decoration: underline;
}

#im_modal_login .close_loginWindow {
    position: absolute;
    right: 25px;
    top: 25px;
}

#im_modal_login .modal_close {
    font-size: 30px;
    color: #fff;
}

.im_hidden {
    display: none;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* ----------------------------------------------
컬러셋
------------------------------------------------*/
/*COFFEE*/
.coffee .gnb {background-image: url(../img/menuback-coffee.png) !important;}
.coffee .head_logo {background-color: #724e35; !important;}
.coffee .gnb li a {color:#E0D0B6}
.coffee .gnb li a:hover {background-image: url(../img/menubackover.png) !important;}
.coffee .gnb li.active a{background-image: url(../img/menubackover.png) !important;}
.coffee .gnb ul li ul li a {color:#89452E;}
.coffee .gnb ul li ul li a:hover {color:#89452E !important; background:#E0D0B6 !important;}
.coffee .gnb ul li ul li.active a{color:#89452E !important; background:#D0A87B !important;}
.coffee .lnb h2 {color:#AF6F43; border-bottom:1px solid #E0D0B6;}
.coffee .lnb li a {color:#666;}
.coffee .lnb li:hover a{color:#E0D0B6; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.coffee .lnb li.active a{color:#E0D0B6; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.coffee .copyright strong {color:#E0D0B6;}

/*RED*/
.red .gnb {background-image: url(../img/menuback-red.png) !important;}
.red .head_logo {background-color: #CC0000; !important;}
.red .gnb li a {color:#fff;}
.red .gnb li a:hover {background-image: url(../img/menubackover.png) !important;}
.red .gnb li.active a{background-image: url(../img/menubackover.png) !important;}
.red .gnb ul li ul li a {color:#CC3300;}
.red .gnb ul li ul li a:hover {color:#FFDAB9 !important; background:#CC3300 !important;}
.red .gnb ul li ul li.active a{color:#FFDAB9 !important; background:#CC3300 !important;}
.red .lnb h2 {color:#CC3300; border-bottom:1px solid #CC3300;}
.red .lnb li a {color:#C2C2C2;}
.red .lnb li:hover a{color:#CC3300; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.red .lnb li.active a{color:#CC3300; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.red .copyright strong {color:#CC3300;}

/*ORANGE*/
.yellow .gnb {background-image: url(../img/menuback.png) !important;}
.yellow .head_logo {background-color: #E16B00; !important;}
.yellow .gnb li a {color:#fff;}
.yellow .gnb li a:hover {color:#fff; background-image: url(../img/menubackover.png) !important;}
.yellow .gnb li.active a{color:#fff; background-image: url(../img/menubackover.png) !important;}
.yellow .gnb ul li ul li a {color:#CC3300 !important;}
.yellow .gnb ul li ul li a:hover {color:#ffffff !important; background:#ffb000 !important;}
.yellow .gnb ul li ul li.active a{color:#f75c48 !important; background:#ffb000 !important;}
.yellow .lnb h2 {color:#ffb000; border-bottom:1px solid #ffb000;}
.yellow .lnb li a {color:#666;}
.yellow .lnb li:hover a{color:#ffb000; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.yellow .lnb li.active a{color:#ffb000; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.yellow .copyright strong {color:#ffb000;}


/*GRAY*/
.gray .gnb {background-image: url(../img/menuback-gray.png) !important;}
.gray .head_logo {background-color: #646464; !important;}
.yellow .gnb li a {color:#fff;}
.gray .gnb li a:hover {color:#fff; background-image: url(../img/menubackover.png) !important;}
.gray .gnb li.active a{color:#fff; background-image: url(../img/menubackover.png) !important;}
.gray .gnb ul li ul li a {color:#666 !important; background:#EFEFEF !important;}
.gray .gnb ul li ul li a:hover {color:#fff !important; background:#999999 !important;}
.gray .gnb ul li ul li.active a{color:#fff !important; background:#999999 !important;}
.gray .lnb h2 {color:#C9C9C9; border-bottom:1px solid #C9C9C9;}
.gray .lnb li a {color:#666;}
.gray .lnb li:hover a{color:#C9C9C9; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.gray .lnb li.active a{color:#C9C9C9; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.gray .copyright strong {color:#C9C9C9;}

/*GREEN*/
.green .gnb {background-image: url(../img/menuback-green.png) !important;}
.green .head_logo {background-color: #8F871F; !important;}
.green .gnb li a {color:#fff;}
.green .gnb li a:hover {color:#fff; background-image: url(../img/menubackover.png) !important;}
.green .gnb li.active a{color:#fff; background-image: url(../img/menubackover.png) !important;}
.green .gnb ul li ul li a {color:#349102 !important; background:#EEFCD1 !important;}
.green .gnb ul li ul li a:hover {color:#EEFCD1 !important; background:#78B52F !important;}
.green .gnb ul li ul li.active a{color:#EEFCD1 !important; background:#78B52F !important;}
.green .lnb h2 {color:#78B52F; border-bottom:1px solid #88b620;}
.green .lnb li a {color:#999;}
.green .lnb li:hover a{color:#78B52F; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.green .lnb li.active a{color:#78B52F; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.green .copyright strong {color:#78B52F;}

/*BLUE*/
.blue .gnb {background-image: url(../img/menuback-blue.png) !important;}
.blue .head_logo {background-color: #2230AC; !important;}
.blue .gnb li a {color:#fff;}
.blue .gnb li a:hover {color:#fff; background-image: url(../img/menubackover.png) !important;}
.blue .gnb li.active a{color:#fff; background-image: url(../img/menubackover.png) !important;}
.blue .gnb ul li ul li a {color:#1B7AE4 !important; background:#98DCF5 !important;}
.blue .gnb ul li ul li a:hover {color:#fff !important; background:#37BAEC !important;}
.blue .gnb ul li ul li.active a{color:#fff !important; background:#37BAEC !important;}
.blue .lnb h2 {color:#37BAEC; border-bottom:1px solid #37BAEC;}
.blue .lnb li a {color:#999;}
.blue .lnb li:hover a{color:#98DCF5; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.blue .lnb li.active a{color:#98DCF5; background-image: url(../img/lnb_back_act.png);background-repeat:no-repeat;}
.blue .copyright strong {color:#98DCF5;}

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #FFF; color: #FFF; text-indent: -1000px; }
.cs-active { background-color: #FCEC78; color: #FFFFFF; }

.cs-title { width: 1000px; padding: 8px; background-color: #ffffff; color: #000; }
/* .cs-title { width: 898px; padding: 8px; background-color: #ffffff; color: #000; } */

.cs-prev, 
.cs-next { background-color: #ffffff; color: #000; padding: 0px 10px; }



/* content style sheet 정의 */
.content_b tr td{ border:2px solid black; border-collapse:collapse;border-color:blue; }