@charset "utf-8";

#main_btn { margin:30px 0 70px 0; padding-left: 0;  }
#main_btn:after { content: ''; display: block; clear: both; }
#main_btn img { width: 100%; }
#main_btn li { float: left; margin:0;}
#main_btn li:nth-child(4n) { margin-right: 0; }
#main_btn li { position: relative; ;width: 300px; overflow: hidden; }
#main_btn li h3 { position: absolute; top: 0; left: 0; margin: 10px;}
#main_btn li h3 { color: #333;}
#main_btn li h3 a { color: #333; }

.td_center { text-align: center; }
.system .tabs-content {margin-top: 30px}
.system .tabs-menu li a{  padding:5px 15px 5px 15px; }          
.system h2 {margin-top: 0; position: absolute; top:65px; left: 0}
.system h3 {margin: 5px 0 0 0 !important; }
.system h4 {margin: 0 0 15px 0; }
.system .box_system { padding-left: 0px; margin-right: 10px; margin-bottom: 20px;  }
.system .box_system:after { display: block; content: ''; clear: both; }
.system .box_system .info { float: left; width: 150px; padding-left: 30px;}
.system .box_system .info h3 { margin-top: 0 !important; }
.system img {display: block; float:left; margin-left:140px; width: 200px;}
.system p {line-height: 1.65em}
.system .box5 p{line-height: 1.4em}
.system .info {}

.main_banner_text { position: relative; font-size: 45px; text-align: right; 
                color: #fff; text-shadow: 2px 2px 3px #333 }
.main_banner_text_1 { left:0; right:0; }
.main_banner_text_12 { left:0; right:0;}
.main_banner_text_14 { left:0; right:0;}


#bo_v_act {display: none;}
#bo_cate_ul li {list-style: none;}
.id_42 img {padding: 25px 0 0 30px}
.id_42 h4 { margin: 5px 0 }
.pages.id_42 ul {margin-top: 0; margin-bottom: 0;}

.img_2 img { width: 350px; height: 250px; padding: 20px 0 0px 20px ;}
.signature  {padding-left: 140px; margin-top: 30px !important;}

.id_11 .signature {  height: 70px; padding-top: 10px; padding-left:250px }

.id_13 h4 {margin-bottom: 5px; font-size: 1.1em;} 
.id_22 table th {width: 16%}
.id_22 table  {line-height: 1.4em; }


.id_12 .p1 { padding-left: 50px }
.id_12 .p2 { padding-left: 70px }
.id_12 .p3 { padding-left: 90px }
.id_12 .value {margin: 40px 0 0 0}


.box_gray { padding: 30px; background: #f0f0f0; }

body,table/*,input,textarea,select,button*/{font-family:'NanumSquareR',sans-serif; }
    .rowp {
        margin-left: -20px;
        *zoom: 1
    }
    .rowp:before,
    .rowp:after {
        display: table;
        line-height: 0;
        content: ""
    }
    .rowp:after {
        clear: both
    }
    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 770px
    }
    .span12 {
        width: 1170px
    }
    .span11 {
        width: 1070px
    }
    .span10 {
        width: 970px
    }
    .span9 {
        width: 870px
    }
    .span8 {
        width: 500px
    }
    .span7 {
        width: 350px
    }
    .span6 {
        width: 570px
    }
    .span5 {
        width: 300px
    }
    .span4 {
        width: 250px
    }
    .span3 {
        width: 270px
    }
    .span2 {
        width: 170px
    }
    .span1 {
        width: 70px
    }
    .offset12 {
        margin-left: 1230px
    }
    .offset11 {
        margin-left: 1130px
    }
    .offset10 {
        margin-left: 1030px
    }
    .offset9 {
        margin-left: 930px
    }
    .offset8 {
        margin-left: 830px
    }
    .offset7 {
        margin-left: 730px
    }
    .offset6 {
        margin-left: 630px
    }
    .offset5 {
        margin-left: 530px
    }
    .offset4 {
        margin-left: 430px
    }
    .offset3 {
        margin-left: 330px
    }
    .offset2 {
        margin-left: 230px
    }
    .offset1 {
        margin-left: 130px
    }

.text_align_center {text-align: center !important;}

.water_mark {font-size: 10px; text-align: center; position: absolute; bottom:40px; left:0; width: 100%}

#bo_gall {border: none !important; }
table.no_border th,
table.no_border td {border: none}

.text-align-center {text-align: center;}


.bxslider_img .slide {position: relative;}
.bxslider_img .slide .agree {position: absolute; top:200px; text-align: center; width:181px; color: #fff; font-size: 13px}
.bxslider_img .slide .agree span {color: #ccc}

.main_box {margin:0 auto; zoom:1; overflow: hidden; padding-bottom: 10px;}
.main_box:before,
.main_box:after {display:table; content:""; clear:both;}

.main_box .one-third {float: left; width: 315px; margin-right:25px;}
.main_box .last-column {float: right; width: 315px; margin-right:0;}


.main_box.recent {background: url(../images/main_recent_bg.png) top left; height: 214px;}
.main_box.recent .one-third {width:325px; background: #fff; border: 1px solid #ddd; margin-right:10px; height: 191px; }
.main_box.recent .one-third.last-column { margin-right: 20px; }

.bxslider_img .slide {float: left; width: 189px; margin-left: 13px}
.bxslider_img .slide:first-child {margin-left: 0} 

.lt_causel h2 {position: relative;}
.lt_causel h2 p {position: absolute; top:4px; right: 0; font-size: 13px; margin: 0}
.lt_causel h2 p a:link {color: #666;}
.lt_causel h2 p a:hover {color: #666; }
.lt_causel a h3 {text-align: center ;color:#333; margin: 5px 0}

h2 {position: relative;}



.blue {color: #2a80b9}
.emp {color: #ca2a71}
#tnb a.emp {color: #ca2a71; font-weight: bold}
.clear {clear:both;}
.usehp {padding: 10px}
.usehp h2 {margin-top: 20px; border-bottom: 2px solid #999; padding-bottom: 15px; color: #6B3D7D; font-size: 20px}
.usehp input[type='submit'] {background: #666; color: #fff; border: none; padding: 6px 15px}
.usehp input[type='text'] {padding: 5px 10px}
ol {padding-left: 27px; margin: 0}


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

#bo_list_total {display: none}
#captcha {border:none;}
#bo_sch {border:none;}
h1#bo_v_title {}
#container_title {display: none}
#bo_v_table {display: none}
.cost td {text-align: center;}

html{background:#fff; font-size: 15px; color: #4a4a4a }
body {margin: 0}


a:link, a:visited {color:#4a4a4a;text-decoration:none}
a:hover, a:focus, a:active {color:#3366cc;text-decoration:underline}


img {vertical-align: top; border:0}
.border {border: 1px solid #ccc}

.header {position:relative; z-index: 10;}
.header .favorite {position: absolute; width: 200px; text-align: left; padding-top: 20px; font-size: 20px;  font-weight: bold;  }
.header .favorite a {color:#0a6f6c !important;}
.header .logo {margin: 0; height: 90px; float: left;}
.header .logo img {padding: 28px 0 44px 0; }
.header .logo a:hover img {opacity: 1; }
.header h1 a{color:#fff;text-decoration:none}
.header:after { display: block; content: ''; clear: both; }
.header .banner_left {position: absolute; top:0px; left: 0; }
.header .banner_left img {border-radius: 10px; }
.header .banner_right {position: absolute; top:0px; right: 0}
.header .banner_right img {max-height: 90px;}
.header .top_banner {position: absolute; top:50px; right: 270px}

/*.gnb_wrapper {background: #9bbb47; } */


.gnb { width: 700px; float:right; font-family: 'Nanum Gothic'; text-transform:uppercase;  }
.gnb ul{list-style:none;margin:0;padding:0;zoom:1; padding-left: 0; }
.gnb ul:after{content:"";display:block;clear:both}
.gnb li {float:left;list-style:none; width: 20%; text-align: center;}

.gnb li.first{padding:0;background:none;}
.gnb li.end a {padding-right: 0} 
.gnb li li{position:relative; float:none;background:none;padding:0;left:0; }
.gnb ul > li a {display:block; font-size:18px; color:#333; padding:35px 0px ; 
                text-decoration:none; font-weight: bold;
                text-align: center; }
.gnb > ul > li:first-child > a {}
.gnb ul > li.end a {padding-right: 0;} 

.gnb ul li ul {display:none; position: absolute; top:113px; width: 180px;  z-index: 1; margin-left: 0px;
                    padding:0; border: 1px solid #ddd; border-top: none; background: #fff }            
.gnb ul li:hover ul {display: block}
.gnb ul li ul li {float:none; margin-left:0; border-bottom: 1px solid #efefef; width: 100%;}
.gnb ul li ul li a{ display:block; color:#666; font-weight:bold; font-size:16px; font-weight: bold; text-align: left; 
                    padding:12px 20px; width:140px; height:auto;font-weight:normal !important; letter-spacing: 1px;
                   }
.gnb ul li ul li a:hover { background:#e6e6e6 }

.gnb ul li ul li.active a{}


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

.gnb ul li ul.sub1 {margin-left:10px;}
.gnb ul li ul.depth2 {display: none;}



/* Site Layout - Content Body */
.body{position:relative;z-index:1;padding-bottom:30px;border-bottom:1px solid #ddd;zoom:1}
.body:after{content:"";display:block;clear:both}





/* 팝업레이어 */
#hd_pop {z-index:100000;position:relative;;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:5px 0;background:#6d88a5;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:1px solid #ddd;background: none ;color:#fff}

.hd_pops_con p { margin: 0; }


/* 상단 회원가입 등 링크 */
.tnb {position: absolute; top:0; right:0; width: 1040px; margin; }
.tnb {text-align: right;   padding:0; height: 24px; font-size: 12px; border-bottom: 1px solid #eee; background: #f1f1f1}
.tnb .favorite {float: left; width: 200px; text-align: left; padding-top: 7px; }
#tnb {float:right; width: 800px; margin:0;padding:0;list-style:none;zoom:1; text-align: right; font-size: 12px;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;margin:2px 0 0 9px}
#tnb a {display:inline-block;padding:0px 5px; color:#666;letter-spacing:0;line-height:20px;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}


/* Sub Common */
.fullPage {padding: 50px 0 40px 0 }

.main {padding-top: 20px}
.row { position: relative; }
.row:after {display:block;visibility:hidden;clear:both;content:""}


.padding_20 {padding: 20px;}


.main .box.latest_profile { background: url(../images/main_gallery_bg3.png) no-repeat; padding: 0; height: 639px; padding-bottom: 70px;}
.main .box.latest_profile h2 {background:#17c1d5 url(../images/main_latest_title_bg.png) no-repeat; position:relative; font-size: 17px; margin-top: 0;padding: 0; 
                        width: 980px; height: 40px; line-height: 40px; color: #fff; padding-left: 20px;}


.main .box.latest_gallery2 { background: url(../images/main_gallery_bg2.png) no-repeat; padding: 0; height: 450px; padding-bottom: 70px;}
.main .box.latest_gallery2 h2 {background:#ad9a74 url(../images/main_latest_title_bg.png) no-repeat; position:relative; font-size: 17px; margin-top: 0;padding: 0; 
                        width: 980px; height: 40px; line-height: 40px; color: #fff; padding-left: 20px;}

.main .row h2 {position:relative;  margin-top: 0; line-height: 20px; margin: 0; padding: 0; font-size: 24px; color: #7c4c3a; font-weight: bold; }
.main .row h2 a:visited,
.main .row h2 a:hover,
.main .row h2 a:active,
.main .row h2 a:link {color: #fff}
.main .row h2 span {font-size: 14px; color: #333; font-weight: normal;}
.main .row h2 p {position: absolute; top:1px; right:20px; margin: 0; font-size: 13px}
.main .row h2 p span { font-size: 13px}

.main .box { padding:20px 0 20px 0; height: 230px }

.box_1_2 {width: 100%; float: left; padding:0;}
.box_1_2 .latest {width:30%; padding: 0 0 0 0 ;float: left; margin-right: 5%;}
.box_1_2 .latest h2{padding: 0 0 10px 0 ;}
.box_1_2 .latest_wrap { padding: 0 20px 0 0 }
.box_1_2 .latest_wrap .tabs-content {height: 132px;}

.box_1_2 .latest_gallery_wrap { width:30%; margin-right: 0; float: right; }

.coperate{width:100%; float: left; padding:50px 0 50px 0;}
.coperate li{display: block; padding:0 40px 20px 0; float:left;margin:0;}

/* Main page */



.border1px { border: 1px solid #ddd; }

.main .latest ul {margin-top: 15px}
.main .latest ul,
.main .latest ul li {padding: 2px 0; margin: 0; }
.main .latest ul li {position:relative; line-height: 20px; list-style: none; padding-left: 100px; margin-bottom: 0px;   
                padding-right: 10px;  background: url('../images/dot_blue.png') no-repeat 0 8px}
.main .latest ul li span {position: absolute; display: block; top:1px; left:0; width: 90px; 
                text-decoration: none; text-align: left; color: #888; }
.main .latest h2 {position: relative; margin-top: 0px; margin-bottom: 7px}
.main .latest h2 a {display: block; position: absolute; top: 10px; right: 0px}
.main .latest a {color: #333}
.main .latest a:hover  {color: #3366cc}

.main .tabs-menu { margin-top: 5px; padding-bottom: 0;  }
.main .tabs-menu li a {padding: 5px 0; width: 130px}



.main_1st_box {padding: 50px 0px 30px 0px; }

.main_sermon {position: relative; padding:25px 30px; 
                line-height: 25px; height: 250px; background: #efefef; 
                background: url(../images/main_sermon.jpg) no-repeat center -10px;}
.main_sermon h2 { padding: 20px 0 10px 20px; color: #fff !important}
.main_sermon a {display: block; height: 100%; width: 100%}

.main_icons div {float: left ;width: 25%; text-align: center; }
.main_icons div img { border: 1px solid #ddd; border-radius: 5px; padding: 10px; }
.main_icons div:hover { opacity: .7; }




.main_customer_btn {position: absolute; bottom: 65px; right:40px; }



.main_camp_album {padding: 20px 25px 20px 25px; border:1px solid #ccc; border-top: 7px solid #666; }
.main_camp_album h2 { margin-bottom:10px !important;  }

.main_2st_box h2 {margin-bottom: 10px !important; margin-top:-5px !important; }
.main_2st_box  {padding: 40px 25px 30px 25px;  }
.main_2st_box .main_camp_review {width: 700px}
.main_2st_box .main_btn1 { width: 230px; float: right;}
.main_2st_box .world_time { margin-top:15px; width: 198px; height: 135px; background: url('../images/world_time_bg.png') no-repeat top 0px left 0;}
.main_2st_box .world_time { font-size: 12px; padding-left: 30px; padding-top: 50px; letter-spacing: 1px;}

.main_btn3 {background: #ececec; border: 1px solid #ddd;}
.main_btn3 ul {margin: 0; padding:0; }
.main_btn3 ul li {float: left; list-style: none;}
.main_btn3 ul li.first { margin-left: 30px; }
.main_btn3 ul li { padding: 15px 30px; }

.main_logos { border: 1px solid #ddd; margin-top:30px; }

.main_banner4 {margin: 30px 0 30px 0; }
.main_banner4 ul {margin: 0; padding:0; }
.main_banner4 ul li {float: left; list-style: none;border: 1px solid #ddd; margin-right: 9px;}
.main_banner4 ul li.end { float: right; margin-right:0;  }
.main_banner4 ul li { padding: 0; }

.main .box1 {float:left; margin-left: 0px; width: 489px;  border-right: 1px solid #eee}
.main .box2 {float:right; margin-left: 0px; width: 490px; padding-right: 0}
.main .banner {width: 500px ; height:310px; padding: 0;}
.main .popular {background: url('../images/tit_popular.png') no-repeat top 0px left 0; height: 400px;  }
.main .popular .box {padding: 0 0 40px 235px; }
.main .popular div.list {float: left; width: 143px; margin-right: 12px;}
.main .popular div.fourth {margin-right:0}
.main .popular div.end { margin-right:0; float: right;}

.subTopImg {position:relative; width: 100%; height: 220px;}
.subTopImg .row {padding-top: 50px;}
.subTopImg .row div{ color:#fff; padding-right: 20px; font-size: 30px; line-height: 45px}
.subTopImg .row div.txt2 {font-size: 55px;}
.subTopImg .main {background: url(../images/img_main.png) no-repeat top center; height: 155px; padding-top: 0}
.subTopImg .sub {height: 90px;background: url(../images/sub1.png) }



.subTopImg .facebook {position: absolute; top:141px; right:52px; }
.subTopImg .twitter {position: absolute;  top:141px; right:0; }


.sub_top_img  {background: #efefef; height: 230px; background: url(../images/sub_top.jpg) no-repeat bottom center}
.sub_top_img h1 {padding-top: 30px; font-size: 30px;}


.sidemenu h2 {  
    background:#c7882e url(../images/sidemenu_h2_bg.png) top center;
    font-size: 20px;
    color: #fff;
    margin: 0;
    height: 60px;
    padding-top: 40px;
    line-height: 50px;
    padding-right: 15px;
    text-align: right

  }



.sidemenu ul { margin: 0; padding: 0; }
.sidemenu ul li { list-style: none; }
.sidemenu ul li a {display: block; padding: 13px 10px; font-size: 16px; color: #4a4a4a;
                 border-bottom: 1px solid #ddd; }
.sidemenu ul li.on a:hover,
.sidemenu ul li.on a,
.sidemenu ul li a:hover {text-decoration: none;
              color: #0a6f6c; background: url(../images/leftmenu_on_bg.png) no-repeat top left; } 

.sidemenu ul ul { }
.sidemenu ul ul li {border: none}
.sidemenu ul ul li a {padding: 10px 2px 10px 17px; font-size: 13px}
.sidemenu ul li:first-child ul li  a {border-top:none !important;}

#aside {float:left;margin:0px 0 0 0; width:220px; border-top: 0; min-height: 500px;  }

.side_box { border: 1px solid #ddd; padding: 20px; margin-top:30px; color: #666}
.side_box .side_title {color: #0a5da3; font-size: 18px; font-weight: bold; margin-bottom: 10px;: }
.side_box p {margin: 0; font-size: 13px; }
.side_box .side_btn a {display: block; margin-top:10px;}
.side_box .side_tel span {font-size: 20px; color: #333; font-weight: bold; }
.side_box .side_email {letter-spacing: -0.5px;}

.top_right_box .side_title {color: #0a5da3; font-size: 16px; font-weight: bold; text-align: right; padding-top: 25px; margin-bottom:-5px; }
.top_right_box p {margin: 0; font-size: 13px; }
.top_right_box .side_tel span {font-size: 20px; color: #333; font-weight: bold; text-align: right}


#container { z-index:4;position:relative;float:right;padding:30px 0px 20px 0px;width:770px;   
    min-height:500px;height:auto !important;height:500px;font-size:1em;zoom:1}
#container:after { display:block;visibility:hidden;clear:both;content:""}
#container_title { margin-bottom:20px;font-size:1.2em;font-weight:bold; }

a:hover,
a:active,
a:visited,
a:link {text-decoration: none}

.center {text-align: center}

.clear {clear: both}
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}


.row{width:1200px;margin:0 auto}
.fullWidth {width:100%;}



h1.title { margin-bottom: 20px;
    font-size: 36px;
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    color: #333;
    padding: 50px 0 10px 0;
    /* background: url(../images/sub_title_bg.png) 0 12px no-repeat; */
    }
h1.title span {
  display: block;
  position: absolute;
  font-size: 14px;
  color: #888;
  line-height: 12px;
  font-weight: normal;
}

h1.title span img{padding-bottom:1px;}

h2.first { margin-top: 0px; }
h2 {font-size: 17px; margin-top: 0px; margin-bottom: 5px;}



a.btn  { padding:7px 18px; font-size: 14px; background: #2d72c0; color:#fff; text-align: center; border-radius: 5px}
a.big {padding:10px 20px; font-size: 14px;}
div.btn { padding-top: 20px; margin-top: 20px; }



/* Site Layout - Footer */
.bottom_banner {background: #0a6f6c}

.footer{clear:both; padding:20px 0 20px 0; margin-top: 30px; background: #333;  }

.footer .row {position: relative; }
.bottom_logo {position: absolute; top:40px; left:0; width: 300px; text-align: center; }
.bottom_logo img {max-width: 250px;}

.copyright {width:100%; position: relative; padding-top: 50px ; padding-bottom: 50px;}
.copyright ul {margin: 0; padding: 0; margin-bottom: 15px;}
.copyright ul a{color:#b7b7b7;}
.copyright li {list-style: none; float: left; margin-right: 30px}
.copyright p {color: #b7b7b7; margin-top: 0; font-size: 12px;line-height: 18px}
.copyright p.menu {font-size: 16px; font-weight: bold}
.banner_bottom {position: absolute; top:10px; right: 0}



.banner_box { position: relative; ;border-top: 1px solid #E3E3E3; top: 0; padding: 12px 0;
                background: #EDEDED; 
                
        }
.banner_box .rilling_banner {background:url(../images/title_partner.png) 10px 15px no-repeat; height: 46px;
                     }
.banner_box .rilling_banner .slider{ padding-left: 170px; }




/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}




/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:5px;left:110px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:26px;left:110px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:7px 15px; font-size: 14px; border:0;background:#3062a7;color:#fff;letter-spacing:-0.1em;cursor:pointer; border-radius: 2px}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em; }

fieldset {border: none}

a.btn_cancel {display:inline-block;padding:5px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #777;background:#777;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#dee5f3;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head01 th {background: #dee5f3}



.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:120px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 내용관리 */
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap  a {border-radius: 2px; font-size: 14px;}
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 10px;height:28px;color:#000;letter-spacing:0;line-height:28px;vertical-align:middle; border-radius: 2px}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#eee;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0;background:#666;color:#fff;font-weight:normal}

/* Mobile화면으로 */




.align_center {text-align: center;}
.pages {line-height: 2em; position: relative; word-break: keep-all;}
.pages table {width: 100%; border-spacing:0; border-collapse: collapse;}
.pages table th {background: #f5f5f5; text-align: left; color: #4a4a4a; font-weight: bold}
.pages table td, .pages table th {padding: 6px 10px; border: 1px solid #ccc; }
.pages table tr:first-child td, .pages table tr:first-child th {border: 1px solid #ccc}
.pages ul {margin: 10px 0 ; padding: 0}
.pages ul  {padding-left:20px}
.pages .emp {color: #c13f7f; font-weight: bold}


.box_line {
    border: 1px solid #ccc;
    padding: 15px 25px;
    margin: 20px 0;
    border-left: 3px solid #00836C;
}


.pages dl { position: relative; margin:0;  }
.pages dl dt {  position: absolute; top:0; left: 0; font-weight: bold; }
.pages dl dd { padding-left: 50px; }
.pages dl:after { display: block; content: ''; clear: both; }


.pages.id_12 table td, .pages.id_12 table th {border:none;}
.pages.id_12 table tr:first-child td, .pages.id_12 table tr:first-child th {border:none;}
#container .pages h2:first-child { margin-top: 0 }
#container .pages h2 {margin-top: 30px; margin-bottom: 10px; color: #065150; font-size: 24px; line-height: 1.3em;
                     }
#container .pages h3 {color: #c7882e; font-size: 20px; margin-bottom: 5px; margin-top: 30px; padding-left: 0px}
#container .pages p { padding: 5px 0; }

input[type='text'].short {width: 30px}

.topSearch {background:#efefef url('../images/bg_search.png') no-repeat 10px 13px; border:1px solid #ccc; border-radius: 3px; 
            padding: 15px 10px 15px 130px; margin-bottom: 20px}

.item_view .left {width: 552px; float: left; margin-top: -20px; }
.item_view .right {width: 220px; float: right; }
.white {color:#fff;}

.item_view .money4 {color: red}

.item_view .what1 {color: blue}

.line_table {border-collapse: collapse; width: 100%}
.line_table th, 
.line_table td {border: 1px solid #ccc; padding: 3px}
.line_table th {width: 80px; background: #efefef}
.padding10 td,
.padding10 th {padding: 10px}

.btn_confirm a.white {color: #fff}
#container h2.first_h2 {margin-top: 0}

.latest_gallery h2 {display: none}

.detail_tel {margin-top: 20px; line-height: 1.6}
.detail_tel h3 {font-size: 1.5em}
.detail_tel p.memo {font-size: 1.2em}
.detail_tel .tel {font-size: 1.3em; color: red}
.detail_tel .blue {color: blue}



.align-right {text-align: right}


.pages .btn {text-align: center; margin: 10px 0}
.pages .btn a {display: inline-block; padding: 10px 60px; background: #3062a7; border-radius: 3px ;color: #fff; }
.pages .btn a:hover {background: #427ccb}

.pages img {max-width: 100%}

.pages table th {text-align: center}
.pages table tr.first th { border-top:2px solid #555; }
.pages table th.background {color: #fff; background: #6d88a5; border-left: 1px solid #fff} 

.pages p {margin: 3px 0; line-height: 26px}
.pages p.center {text-align: center}
.pages p.big {font-size: 17px}


.tbl_head01 thead th { background: #f5f5f5; border-top:2px solid #555;  }

.pages  div.box {border:1px solid #ddd; border-left:3px solid #a677b0;  
            padding:20px 20px;  background:#dee5f3; line-height: 1.6em; margin-bottom: 20px }
.pages  div.box p {margin: 5px 0}

.id_62 p {margin-bottom: 20px}

.id_42 table td {text-align: center;}

/* Tabs
-----------------------------------------------------------------------------------------------*/
.tabs-menu:before,
.tabs-menu:after {display:table; content:""; line-height:0;}
.tabs-menu:after {clear:both;}
.pages .tabs-menu {padding-left: 0;  }

.tabs-menu{ list-style:none; padding: 0;  width: 100%; 
      padding: 0 0 10px 0 } 
.tabs-menu li{ display:block; float:left; overflow: hidden;  }
.tabs-menu li a:hover {}
.tabs-menu li a{ float:left;
        display:block; 
        text-align: center; font-size: 14px; color:#fff ; font-weight:bold; text-decoration:none;  
        border-right: 3px solid #fff; background: #898989; border-left:none; 
        padding: 5px 15px ;
      } 
.tabs-menu li.active a { color: #fff; background: #c7882e; }


.main_special {text-align: left}
.main_special {margin: 0; padding: 0}
.main_special li {list-style: none}
.main_special .title { display: none; position: absolute; top:-100px; z-index:10000; right: 0; font-size: 12px; padding-right: 5px}

.main_special li.price { position: relative; margin: 0; color: #333; padding: 10px 7px; font-family: 'Oswald', sans-serif;}
.main_special li.price span {display: block; position: absolute; top:4px; font-weight:bold; right: 0; font-size: 23px; padding-right: 5px ; color: #cc0000}

.big_btn { margin-top: 30px; margin-bottom: 10px}
.big_btn input[type='submit'],
.big_btn a {display: block; padding: 20px 50px; width:250px; text-align: center; 
          background: #0a5da3; font-size: 20px; color: #fff; margin: 0 auto}

.big_btn input[type='submit'] {padding: 15px 50px; border: none; width:300px;}

.small_btn { margin-top: 10px; margin-bottom: 10px}
.small_btn input[type='submit'],
.small_btn a {display: block; padding: 5px 30px; width:100px; text-align: center; background: #7086a3; font-size: 15px; color: #fff; margin: 0 auto}
.small_btn input[type='submit'] {padding: 5px 30px; border: none; width:130px; cursor: pointer;}
.searchBox span {display: block; float: left; width: 80px}

.camp_btn input[type='submit'] {display: inline-block; }
.camp_btn a.camp_cancel { background: #666 !important; padding: 13px 0 !important; width: 100px !important; text-align: center; display: inline-block;
            vertical-align: bottom; }

/* Selects */
.comm_sel {float:left;margin-right:5px}
.comm_sel .jq_sel {display:block;position:relative;height:32px;background:url('../images/bg_selbox.gif') no-repeat 0 0;font-size:14px}
.comm_sel .jq_sel span {position:absolute;left:0;top:0;white-space:nowrap;height:32px;width:100%;_width:auto;line-height:32px;text-align:left;text-indent:8px;color:#9c9daf;overflow:hidden;cursor:pointer}
.comm_sel .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:28px;height:32px;background:url('../images/bg_selbox.gif') no-repeat 100% 0}
.comm_sel .jq_sel ul {overflow:auto;position:absolute;z-index:9999;top:31px;left:0px;max-height:300px;width:100%;list-style:none;background-color:#3d3d45;border-top:solid 1px #18181a;border-bottom:solid 1px #18181a;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap}
.comm_sel .jq_sel li {border-right:solid 1px #18181a;border-left:solid 1px #18181a}
.comm_sel .jq_sel ul a {display:block;padding:4px 2px 4px 8px;text-decoration:none;color:#9c9daf;text-align:left}
.comm_sel .jq_sel ul a:hover {background-color:#212227}
.comm_sel .jq_sel ul a.selected {}
.comm_sel .jq_sel_hide {display:none}

.comm_sel_type1 .jq_sel {height:24px;background-position:0 -40px}
.comm_sel_type1 .jq_sel span {height:24px;line-height:25px}
.comm_sel_type1 .jq_sel a.jqTransformSelectOpen {height:24px;background-position:100% -40px}
.comm_sel_type1 .jq_sel ul {top:24px;background-color:#1e1f24;border-color:#17181a}
.comm_sel_type1 .jq_sel li {border-color:#17181a}
.comm_sel_type1 .jq_sel ul a:hover {background-color:#3d3d45}

.comm_sel_type2 .jq_sel {height:24px;background-position:0 -70px}
.comm_sel_type2 .jq_sel span {height:24px;line-height:25px;color:#555}
.comm_sel_type2 .jq_sel a.jqTransformSelectOpen {height:24px;background-position:100% -70px}
.comm_sel_type2 .jq_sel ul {top:24px;border-color:#b9b9b9;background-color:#fff;}
.comm_sel_type2 .jq_sel li {border-color:#b9b9b9}
.comm_sel_type2 .jq_sel ul a {color:#666;}
.comm_sel_type2 .jq_sel ul a:hover {background-color:#eee}

.comm_sel_type3 .jq_sel {height:32px;background-position:0 -100px;font-size:14px; width: 280px;}
.comm_sel_type3 .jq_sel span {height:32px;line-height:32px;color:#555}
.comm_sel_type3 .jq_sel a.jqTransformSelectOpen {width:34px;height:32px;background-position:100% -100px}
.comm_sel_type3 .jq_sel ul {top:31px;border-color:#b9b9b9;background-color:#fff; margin: 0; padding: 0; }
.comm_sel_type3 .jq_sel li {border-color:#b9b9b9}
.comm_sel_type3 .jq_sel ul a {color:#666;padding:5px 2px 5px 8px;}
.comm_sel_type3 .jq_sel ul a:hover {background-color:#eee}

.sel_dim .jq_sel {z-index:1!important;background-image:url('../images/bg_selbox_dim.gif')}
.sel_dim .jq_sel a.jqTransformSelectOpen {background-image:url('../images/bg_selbox_dim.gif')}
.sel_dim .jq_sel div span {filter:alpha(opacity=50);Opacity:0.5}
.sel_dim .jq_sel ul {display:none!important}