﻿@charset "utf-8";

/* common */
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td,select{margin:0;padding:0;font-family:Apple-Gothic,돋움,Dotum,sans-serif;font-size:12px;color:#888;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,dl{list-style:none;}
fieldset,img{border:0;}
input,select{vertical-align:middle;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
caption{display:none;}
table{width:100%;border-collapse:collapse;}
hr{display:none;}
strong{font-weight:bold;}

/* fonts */
body{font:12px/1.335 돋움,Dotum,Arial,Helvetica,Clean,AppleGothic,sans-serif;}

/* common */
.cfx{zoom:1;}
.cfx:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
.clearfx{zoom:1;}
.clearfx:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.lt{float:left;}
.rt{float:right;}
.clear{clear:both;}
.none{display:none;}
.hidden{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* layout */
#container{position:relative;width:946px;background:#fff;margin:0 auto;padding:73px 0 0 49px;}
#headerWrapper{width:946px;}
#bodyWrapper{width:944px;margin:0 auto 0;padding-bottom:45px;background:url(../img/cm_bg_3.gif) repeat-y;}
#bodyWrapper:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
#subBlock{float:left;width:213px;}
#mainBlock{position:relative;float:right;width:725px;zoom:1;}
#popup_mainBlock{position:relative;float:right;width:714px;zoom:1;}
#singleBlock{padding:19px 0 19px 0;margin-top:-45px;background:#fff;}

/* headerWrapper */
.hM1{display:none;}

.hM2{height:32px;}
.hM2 .l1{float:right;}
.hM2 li{float:left;}
.hM2 img{float:left;}
.hM2 .m1{float:left;}
.hM2 .m2{float:left;padding:9px 0 0 10px;}
.hM2 .m3{float:left;padding:8px 0 0 6px;}

.hM3{height:88px;background:url(../img/cm_bg_5.gif) repeat-x;overflow:hidden;}
.hM3 .flash{float:left;width:697px;}
.hM3 .search{float:right;width:450x;height:25px;margin-top:23px;background:url(../img/cm_bg_sch.gif) no-repeat;}
.hM3 .search input{display:inline;float:left;width:110px;height:15px;margin:7px 0 0 32px;color:#666;border:0;}
.hM3 .search img{float:left;}

/* subBlock */
.sM1{height:58px;}
.sM2{padding-bottom:80px;}
.sM2 li{float:left;}
.sM2 img{float:left;}

.sM3{clear:both;background:#f5f5f5 url(../img/cm_l_doth.gif) 0 0 repeat-x;width:178px;zoom:1;}
.sM3 img{float:none;display:block;padding:2px;}
.sM3 dl{background:url(../img/cm_l_doth.gif) 0 bottom repeat-x;padding:2px 0 10px 17px;}
.sM3 dt{background:url(../img/cm_ic_sm_6.gif) 0 6px no-repeat;margin:4px 0 3px;padding:0 0 0 6px;}
.sM3 dd{background:url(../img/cm_ic_sm_7.gif) 0 7px no-repeat;margin:0 0 1px 8px;padding:0 0 0 7px;}

/* mainBlock - common */
.cLoc{color:#888;text-align:right;font-size:11px;}
.cLoc a{color:#888;}
.cLoc .w1{padding-left:17px;background:url(../img/cm_ic_h.gif) no-repeat;}
.cLoc .w2{padding:0 4px 0 3px;}

.cTit{position:relative;height:88px;background:url(../img/cm_bg_4.gif) no-repeat 0 86px;}
.cTit .m1{float:left;}
.cTit .cLoc{position:absolute;top:25px;right:0;}

/* footerWrapper */
.fM1{height:20px;padding:8px 0 0 9px;border-top:3px solid #b9b9b9;}
.fM1 a{font-size:11px;font-weight:bold;color:#7f7f7f;padding-right:13px;background:url(../img/cm_ic_sm_1.gif) no-repeat right 3px;}

.fM2{padding:18px 0 8px 8px;border-top:1px solid #c6c6c6;display:none;}
.fM2 .m1{float:left;width:141px;}
.fM2 .m2{float:left;width:144px;}
.fM2 .m3{float:left;width:144px;}
.fM2 .m4{float:left;width:140px;}
.fM2 .m5{float:left;width:116px;}
.fM2 .m6{float:left;width:152px;}
.fM2 .m7{float:left;width:98px;}
.fM2 strong{color:#738fbf;padding-right:9px;background:url(../img/cm_ic_sm_2.gif) no-repeat right 2px;}

.fM2 ul{padding:15px 0 0 0;}
.fM2 li{padding:0 0 10px 11px;color:#73b2da;background:url(../img/cm_ic_sm_3.gif) no-repeat 5px 5px;zoom:1;}
.fM2 li a{color:#73b2da;}
.fM2 ul ul{padding:1px 0 0 0;}
.fM2 li li{padding:0 0 0 15px;color:#737373;font-size:11px;background:url(../img/cm_ic_sm_4.gif) no-repeat 3px 3px;}
.fM2 li li a{color:#737373;font-size:11px;}
.fM2 li li li{padding:0 0 0 13px;background:url(../img/cm_ic_sm_5.gif) no-repeat 6px 3px;}

.fM3{height:85px;padding-top:11px;border-top:1px solid #c6c6c6;}
.fM3 .m1{height:31px;text-align:center;}
.fM3 .m1 ul{display:inline;}
.fM3 .m1 li{display:inline;font-size:11px;}
.fM3 .m1 a{color:#a5a5a5;}
.fM3 .m1 span{color:#a5a5a5;padding:0 4px 0 8px;}
.fM3 .m2{text-align:center;}


.fM4{height:22px;padding:8px 0 0 9px;border-top:3px solid #b9b9b9;}
.fM4 .m1{float:left;width:141px;}
.fM4 .m2{float:left;width:144px;}
.fM4 .m3{float:left;width:144px;}
.fM4 .m4{float:left;width:140px;}
.fM4 .m5{float:left;width:116px;}
.fM4 .m6{float:left;width:152px;}
.fM4 .m7{float:left;width:98px;}
.fM4 a{color:#738fbf;padding-right:9px;background:url(../img/cm_ic_sm_2.gif) no-repeat right 2px;font-weight:bold;}



/* common */

.text{height:17px;padding:3px 0 0 3px;border:1px solid #CCC;}

/* tab */
.tty1{position:relative;width:696px;height:21px;margin:17px auto 0;border-bottom:1px solid #44689F;}
.tty1 ul{position:absolute;top:0;left:0;}
.tty1 ul li{float:left;}
.tty1 ul li img{vertical-align:top;}

/* bbs */
.bty1{width:696px;margin:17px auto 0;border-bottom:3px solid #DDD;background:url('../img/cm_bg_list.gif') 0 0 no-repeat;}
.bty1 table{width:620;border-bottom:1px solid #387AB7;}
.bty1 table th{height:33px;background:url('../img/cm_bar_list.gif') 0 12px no-repeat;}
.bty1 table th.first{background:none;}
.bty1 table td{padding:8px 0 6px;border-bottom:1px solid #DDD;text-align:center;}
.bty1 table td.left{text-align:left;}
.bty1 table td.left div{padding:0 30px;}
.bty1 table td.left div a{color:#888;}
.bty1 table td.left div a:hover{color:#0C8AC4;}
.bty1 table td em{color:#666;}

/* bbs View */
.vty1{width:696px;margin:17px auto 0;}
.vty1 .hd{position:relative;border-top:1px solid #ddd;}
.vty1 .hd h4{border-bottom:1px solid #ddd;}
.vty1 .hd h4{padding:9px 0 7px 17px;}
.vty1 .hd h4 img,.vty1 .hd h4 strong{float:left;}
.vty1 .hd h4 img{margin-right:9px;vertical-align:middle;}
.vty1 .hd h4 strong{display:inline;width:460px;margin-right:150px;font-weight:normal;}
.vty1 .hd ul{border-bottom:1px solid #ddd;}
.vty1 .hd ul li{padding:9px 0 7px 17px;}
.vty1 .hd ul li.hits{position:absolute;top:0;right:0;}
.vty1 .hd ul li.writer{float:left;}
.vty1 .hd ul li.date{float:right;}
.vty1 .hd ul li.date,.vty1 .hd ul li.hits{width:133px;}
.vty1 .hd ul li img{margin:-2px 6px 0 0;vertical-align:middle;}
.vty1 .bd{margin-top:24px;}
.vty1 .bd .content{width:620px;margin:0 auto;color:#898989;line-height:18px;overflow-x:auto;overflow-y:hidden;}
.vty1 .bd .content img{display:block;margin:0 auto;}
.vty1 .bd .file{width:536px;margin:10px auto 0;}
.vty1 .bd .file span{display:block;height:22px;margin-top:10px;padding:6px 0 0 32px;background:url('../img/news/ns_ico_news.gif') 0 0 no-repeat;font-size:11px;font-weight:bold;}
.vty1 .bd .file span a{color:#888;}
.vty1 .ft{margin-top:24px;padding-top:12px;border-top:1px solid #ccc;}
.vty1 .ft img{vertical-align:top;}

/* bbs Prev & Next */
.prnt{width:696px;margin:11px auto 0;border-top:1px solid #ccc;}
.prnt li{padding:11px 0 10px 27px;border-bottom:1px solid #ccc;}
.prnt li a{color:#878787;}
.prnt li img{margin:-2px 9px 0 0;vertical-align:middle;}

/* bbs Comment */
.cmnt{width:694px;margin:14px auto 0;border:1px solid #d1d1d1;}
.cmnt .box{margin:1px;padding:14px 0;border:6px solid #efefef;}
.cmnt fieldset{width:638px;margin:0 auto;}
.cmnt fieldset legend{margin-bottom:7px;*margin-left:-5px;}
.cmnt fieldset textarea{width:574px;height:38px;margin-right:2px;border:1px solid #d5d5d5;}
.cmnt fieldset textarea,.cmnt fieldset img{vertical-align:middle;}
.cmnt ul{width:636px;margin:6px auto 0;}
.cmnt ul li{position:relative;padding:11px 0 9px;border-bottom:1px solid #dedede;color:#545454;font-size:11px;zoom:1;}
.cmnt ul li:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
.cmnt ul li strong,.cmnt ul li span{float:left;}
.cmnt ul li strong{width:66px;color:#707070;font-weight:normal;}
.cmnt ul li span{width:491px;}
.cmnt ul li em{float:right;width:51px;padding-right:14px;color:#717171;}

/* bbs search */
.bsch{width:696px;height:25px;margin:0 auto;padding-top:15px;text-align:center;}
.bsch *{vertical-align:middle;}
.bsch select{color:#AAA;}
.bsch input{margin-top:-2px;*margin-top:0px;height:20px;border:1px solid #CCC;}
.bsch img{margin:-2px 10px 0 3px;}

/* bbs write */
.wty1{width:695px;margin:17px auto 0;}
.wty1 table{border-top:1px solid #ddd;}
.wty1 table th,.wty1 table td{padding:4px 0;border-bottom:1px solid #ddd;}
.wty1 table th{padding-left:17px;text-align:left;width:50px;}
.wty1 table td{padding-left:19px;padding-right:10px;}
.wty1 .t1{padding-top:9px;vertical-align:top;}
.wty1 .d2{width:400px;*width:398px;}
.wty1 .s1{margin:3px 0;width:104px;}
.wty1 .s2{width:597px;}
.wty1 .s3{width:100px;}
.wty1 .s4{width:170px;}
.wty1 .s5{width:601px;}
.wty1 .edt{border:1px solid #ddd;padding:2px;}
.wty1 .button{margin-top:14px;}

/* photo Slide */
.pts{position:relative;width:696px;margin:17px auto 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.pts div.viewBox{position:relative;overflow:hidden;height:322px;margin:11px 138px 11px 139px;}
.pts div.viewBox ul{position:absolute;left:0;top:0;width:500%;}
.pts div.viewBox ul li{float:left;width:419px;height:322px;color:#666;text-align:center;}
.pts div.viewBox ul li img{display:block;width:419px;height:323px;}
.pts div.viewBox ul li strong{display:block;margin:10px 0 5px;font-size:14px;}
.pts .prv{position:absolute;top:160px;left:85px;}
.pts .nxt{position:absolute;top:160px;right:84px;}

/* photo List */
.ptl{position:relative;width:688px;margin:0 auto;padding-bottom:8px;}
.ptl ul{background:url('../img/cm_bg_photo.gif') 50% 0 repeat-y;}
.ptl ul li{float:left;line-height:1.2em;text-align:center;padding:15px 9px 6px;}
.ptl ul li span{display:block;margin:0 0 7px;}
.ptl ul li .x img{margin:0 0 0 4px;vertical-align:-1px;}
.ptl ul li span img{display:block;width:150px;height:82px;border:2px solid #c3c3c1;}
.ptl .btn{position:absolute;bottom:-32px;right:9px;}

/* Paginavigation */
.paging{width:696px;margin:15px auto 0;font-size:11px;text-align:center;}
.paging .num a,.paging .num em{padding:0 8px 0 3px;background:url('../img/news/ns_line_paginate.gif') 100% 2px no-repeat;}
.paging .num a{color:#777;}
.paging .num em{color:#888;font-weight:bold;}