@charset "euc-kr";
/*Àüü*/
* {margin:0; padding:0; font-family: 'Microsoft YaHei',  'cwTeXHei', 'Jeju gothic', sans-serif;}
body { margin:0; font-family: 'Nanum Gothic', 'Microsoft YaHei', sans-serif; }
img { border:0;}
#whole{margin:0 auto;}
.font-h3 h4{line-height:3em;}


/*ÆùÆ®½ºÅ¸ÀÏ*/
.t_font{font-family: 'Nanum Gothic', sans-serif; font-size: 12px; font-weight:bold; color: #463e3c; letter-spacing: -1px;}
.tb_font{font-family: 'Nanum Gothic', sans-serif;font-size: 12px; color: #545454; letter-spacing: -1px;}
.font{font-family: 'Nanum Gothic', sans-serif; 11px; color: #463e3c; letter-spacing: -1px;}
.font2{font-family: 'nanum gothic', sans-serif; font-size: 11px; color: #463e3c; letter-spacing:0px; line-height:1.5;}
.font3{font-family: 'Nanum Gothic', sans-serif; font-size: 11px; color: #bebebe; letter-spacing:0px;}

.font4{font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #000000; letter-spacing:0px;}  
.font5{font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #fa4100; letter-spacing:0px;}
.font6{font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #00698b; letter-spacing:0px;}





a:link {text-decoration: none; font-family: "µ¸¿ò"; font-size: 11px; color: #6a6a6a; letter-spacing:0;}
a:visited {text-decoration: none; font-family: "µ¸¿ò"; font-size: 11px; color: #6a6a6a; letter-spacing:0;}
a:hover {text-decoration:underline; font-family: "µ¸¿ò"; font-size: 11px; color: #373737; letter-spacing:0;}
a:active {text-decoration: none; font-family: "µ¸¿ò"; font-size: 11px; color: #6a6a6a; letter-spacing:0;}


/*¿©¹é*/
.h_20 {height:20px;}
.m30{ margin-top:30px;}
.m50{ margin-top:50px;}
.m100{ margin-top:100px;}
.m150{ margin-top:150px;}
.m200{ margin-top:200px;}




/*ÀÌ¿ë¾à°ü*/
#join_textarea{ width:700px; height:150px; border:1px solid #e7e7e7; padding:10px; font:normal 11px dotum,Arial; color:#505050;}


/*ȸ¿ø°¡ÀÔ*/
.pl{ padding-left:5px;}
.input_box{ height:15px; border:1px solid #e7e7e7; padding:2px}
.input_box2{ border:1px solid #e7e7e7; padding:2px}



/*¸ÞÀÎ*/
#header{ width:1000px; height:175px;}
#header td {position:relative;}
#header .cover_menu {position:relative;}
#header .cover_menu .d_link {position:absolute; width:150px; height:105px; z-index:999; left:360px;}

#header .gnb * {font-family:'nanum gothic', 'malgun gothic', arial; list-style:none; text-decoration:none;}
#header .gnb {padding-top:7px;}
#header .gnb > li {position:relative; float:left; text-align:center;}
#header .gnb .gnb1 {width:140px;}
#header .gnb .gnb2 {width:140px;}
#header .gnb .gnb3 {width:140px;}
#header .gnb .gnb4 {width:140px;}
#header .gnb .gnb5 {width:140px;}
#header .gnb .gnb6 {width:140px;}
#header .gnb .gnb7 {width:140px;}
#header .gnb > li a {color:#fff; font-size:8px; overflow:hidden; display:block;}
#header .gnb > li > .menu {display:inline-block; overflow:hidden;}
#header .gnb > li > .menu span {float:left;  height:40px; line-height:40px; overflow:hidden; transition:.5s;}
#header .gnb > li > .menu span a {font-size:15px; font-weight:bold; height:40px; line-height:40px; color:#525252;}
/*#header .gnb > li > .menu span * {text-shadow:#0086d7 2px 2px 2px;}*/
#header .gnb > li > .menu span > div {position:relative; transition:.5s;}
#header .gnb > li > .menu span .mov {top:0;}
#header .gnb > li:hover > .menu span .mov {top:-40px;}
#header .gnb > li > .menu span div.dib a {color:#ffb400;}
#header .gnb > li > .menu p {float:left; margin-left:5px; font-size:10px; line-height:20px; vertical-align:bottom;}
#header .gnb > li > .menu p a {line-height:40px;}
#header .gnb > li:before,
#header .gnb > li:after {content:""; position:absolute; width:1px; height:10px; top:17px;}
#header .gnb > li:before {background:#0c9bf2; left:0;}
#header .gnb > li:after {background:#008de3; right:0;}
#header .gnb > li:first-child:before {display:none;}
#header .gnb > li:last-child:after {display:none;}

#header .snb {opacity:0; height:0; transition:.5s;}
#header .gnb > li:hover .snb {height:20px; opacity:1;}
#header .snb {position:absolute; overflow:hidden; padding-top:10px; width:800px;}
#header .snb li {float:left; margin-right:10px;}
#header .snb li a {font-size:14px; font-weight:bold; color:#003366; transition:.5s;}
#header .snb li a b {font-size:10px; margin-right:4px;}
#header .snb li a:hover {color:#02a7b5;}
#header .gnb .gnb2 .snb {left:-30px; width:600px;}
#header .gnb .gnb3 .snb {left:-220px;}
#header .gnb .gnb4 .snb {left:-120px; width:500px;}
#header .gnb .gnb5 .snb {left:-100px; width:400px;}
#header .gnb .gnb6 .snb {right:50px; width:200px; text-align:right;}
#header .gnb .gnb6 .snb li {float:right; margin:0;}

.topmenu_bg{background-image:url(http://kcpla.maru.net/sun/image/bg/topmenu_bg.gif); background-repeat:repeat-x;}
 .left_bg{background-image:url(http://kcpla.maru.net/sun/image/bg/index_left.gif); background-repeat:repeat-y; background-position:right;}
#conts{ width:1000px;}
#footer{ width:1000px; height:85px;}
  .footer_bg{background-image:url(http://kcpla.maru.net/sun/image/bg/footer_bg.gif); background-repeat:repeat-x;}
  
  
  .search_box { height:15px; width:130px; border:2px solid #989898; padding: 1px 2px 1px 50px; background-image:url(http://kcpla.maru.net/sun/image/bg/search_bg.gif); background-repeat:no-repeat;}
  
#login_link{ font-family: "µ¸¿ò"; font-size: 11px; color: #9d9d9d; letter-spacing:0;}
#login_link a:link {text-decoration: none; font-family: "µ¸¿ò"; font-size: 11px; color: #9d9d9d; letter-spacing:0;}
#login_link a:visited {text-decoration: none; font-family: "µ¸¿ò"; font-size: 11px; color: #9d9d9d; letter-spacing:0;}
#login_link a:hover   {text-decoration:underline; font-family: "µ¸¿ò"; font-size: 11px; color: #9d9d9d; letter-spacing:0;}
#login_link a:active  {text-decoration: none; font-family: "µ¸¿ò"; font-size: 11px; color: #9d9d9d; letter-spacing:0;}
#join_link { width:50px; float:left;}
#join_link  a:link {text-decoration: none; font-family: "µ¸¿ò"; font-weight:bold; font-size: 11px; color: #9d9d9d; letter-spacing:0;}
#join_link a:visited {text-decoration: none; font-family: "µ¸¿ò"; font-weight:bold;  font-size: 11px; color: #9d9d9d; letter-spacing:0;}
#join_link a:hover   {text-decoration:underline; font-family: "µ¸¿ò"; font-weight:bold;  font-size: 11px; color: #9d9d9d; letter-spacing:0;}
#join_link a:active  {text-decoration: none; font-family: "µ¸¿ò"; font-weight:bold;  font-size: 11px; color: #9d9d9d; letter-spacing:0;}

#notice_title{ padding:6px; background-image:url(http://kcpla.maru.net/sun/image/index/notice_title.gif); background-repeat:no-repeat;}
#sympo_title{ padding:6px; background-image:url(http://kcpla.maru.net/sun/image/index/sympo_title.gif); background-repeat:no-repeat;}
#photo_title{padding:6px; background-image:url(http://kcpla.maru.net/sun/image/index/photo_title.gif); background-repeat:no-repeat;}
#con_list{ padding-left:15px; background-image:url(http://kcpla.maru.net/sun/image/index/point.gif); background-repeat:no-repeat;}

#link { width:1000px; margin-top:10px; border-top:1px solid #d9d9d9; padding-top:10px;}
#link ul li{ display:inline; float:left;}


/*¼­ºê*/
#sconts{ width:1000px;}  
#sub_con{ padding:10px;}


/*°Ô½ÃÆÇ*/
.board{font-family "µ¸¿ò"; font-size: 11px; color: #7c777e; letter-spacing:-1px;}
.board a:link {text-decoration: none; font-family: "µ¸¿ò"; font-size: 11px; color: #323232; letter-spacing:0;}
.board a:visited {text-decoration: none; font-family: "µ¸¿ò"; font-size: 11px; color: #323232; letter-spacing:0;}
.board a:hover   {text-decoration:underline; font-family: "µ¸¿ò"; font-size: 11px; color: #323232; letter-spacing:0;}
.#board a:active  {text-decoration: none; font-family: "µ¸¿ò"; font-size: 11px; color: #323232; letter-spacing:0;}

.board_view{ padding:20px 10px 10px 10px; font-family "µ¸¿ò"; font-size: 11px; color: #7c777e;letter-spacing:0;}
.board_write { padding:5px;}
#reply{ width:682px; border:1px solid #e7e7e7; background-color:#fbfbfb; margin-bottom:5px;}
.reply_box{ width:500px; height:30px; border:1px solid #e7e7e7; padding:2px;}




/*°ü¸®ÀÚ*/
#admin_top ul { margin-left:40px;}
#admin_top ul li{ display:inline; float:left; width:80px;}
#admin_top ul li a:link {text-decoration: none; font-family: "µ¸¿ò"; font-size: 12px; font-weight:bold; color: #463e3c;}
#admin_top ul li a:visited {text-decoration: none; font-family: "µ¸¿ò"; font-size: 12px; font-weight:bold; color: #463e3c;}
#admin_top ul li a:hover {text-decoration:underline; font-family: "µ¸¿ò"; font-size: 12px; font-weight:bold; color: #ff5400;}
#admin_top ul li a:active {text-decoration: none; font-family: "µ¸¿ò"; font-size: 12px; font-weight:bold; color: #463e3c;}

#admin_left ul { margin:5px 0 25px 10px;}


/*.con_box {position:relative;}
.other_btn {position:absolute; display:block; width:198px; height:37px; top:433px; left:-250px;}*/

.lnb_wrap {margin:20px 0;}
.lnb_wrap > div {}
.lnb_wrap > div .snb {list-style:none;}
.lnb_wrap > div .snb li {overflow:hidden; margin-bottom:5px;}
.lnb_wrap > div .snb li a {position:relative; display:block; width:198px; height:38px; line-height:32px; color:#323232; border:#dfdfdf 3px solid; box-sizing:border-box; padding-left:20px; font-family:'nanum gothic'; font-size:14px; font-weight:bold; transition:.5s; text-decoration:none;}
.lnb_wrap > div .snb li a:after {content:">"; position:absolute; font-size:13px; line-height:32px; right:20px;}
.lnb_wrap > div .snb li:hover a,
.lnb_wrap > div .snb li.on a{color:#ff6501; border:#ff6501 3px solid;}


/* Ç¥ Å×À̺í 2019-02-01 */

#es { width:750px; margin:50px 0;  font-size:1.2em; }
.service01 { width:730px; margin:10px; border:1px solid #d0d0d0; text-align:center; border-collapse:collapse;}
.service01 th {color:#2e5500; font-weight:bold; border:1px solid #d0d0d0; height:40px; background-color:#f7f7f7; }
.service01 th:first-child { width:25%; }
.serv_title { color:#2e5500; font-weight:bold;  background-color:#f5f5f5;}
.service01 td { width:15%; border:1px solid #d0d0d0; line-height: 25px;    padding: 5px; font-size:13px; }
.service01 td:last-child {width:50%;    }
.t02 { height:50px; color:#282828; }


.stit {font-size:22px; font-weight:700; line-height:36px; text-align:center;}
.tit {font-size:16px; font-weight:700; line-height:36px; text-align:left;}
/*.tbl table {border-top:#ff6501 2px solid;}*/
.tbl table {width:100%;}
.tbl th,
.tbl td {    border-right: #e1e1e1 1px solid;    border-bottom: #e1e1e1 1px solid; border-top:0; line-height:22px; padding:5px; font-size:13px; text-align:center;}
.tbl th {background:#f5f5f5; }
.tbl td {color:#222;}
.tbl th:first-child,
.tbl td:first-child {border-left:0;}
.tbl th:last-child,
.tbl td:last-child {border-right:0;}