@charset "utf-8";

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

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 src: url('fonts/NanumBarunGothic.eot');
 src: url('fonts/NanumBarunGothic.eot') format('embedded-opentype'),
 url('fonts/NanumBarunGothic.woff') format('woff'),
 url('fonts/NanumBarunGothic.ttf') format('truetype');
}

hr.line {background:url(../images/line_orange.png) top left repeat-x; height: 18px; border:none;}
.no_line {border:none;}

.water_mark {position: absolute; bottom:30px; left:0; text-align: center; width: 100%; line-height: 20px; }
.water_mark img {width: 50%}
.water_mark p {color: #ff9900; margin: 0; }

/*퀵메뉴*/
div.quick_menu {position:absolute; left:50%; ;width:80px; margin:0 0 0 510px; z-index: 4;
            text-align: center; width: 100px;
            text-align: center; padding: 0;  
            min-height:150px; background: #ddd; z-index: 20;
          font-size: 13px; }            
div.quick_left {margin:0 0 0 -610px; width: 104px; background: #ffff99 url(<?=G5_URL?>/images/quick_r_bg.png) bottom center ; border-radius: 15px; 
                text-align: center; padding: 20px 0; border: 3px solid #efefef ; }
.quick_menu_wrap {margin:0 7px}
div.quick_menu ul{margin:0;padding:0;}
div.quick_menu ul li{margin:0;padding:0;margin-left:15px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
div.quick_menu table td {border: none; padding: 0; margin: 0; line-height: 0}

div.quick_menu .title  {padding: 20px 0; background: #fff; color: #fff} 
div.quick_menu ul li {list-style: none; margin: 0}
div.quick_menu ul li a {display: block; padding: 15px 0; color: #fff;}
div.quick_menu ul.btn li a { background: #fff; padding: 10px 0 10px 0; border-bottom: 1px solid #ddd; }
div.quick_menu ul.btn li a:hover {opacity: .8}
div.quick_menu ul.register li a { background: #f7f7f7;  border-bottom: 1px solid #ddd; color: #333;}
div.quick_menu ul.register li a:hover {background: #eee}

div.quick_menu ul.btn li a {background: #fafafa; color: #333;} 
div.quick_menu ul.btn li.tel { border-top:1px solid #cc0000; border-left:1px solid #cc0000; border-right:1px solid #cc0000;  }
div.quick_menu ul.btn li.tel a {background: #cc0000; color: #fff; font-weight: bold; border-bottom: none; } 
div.quick_menu ul.btn li span {display: block;  }
div.quick_menu ul.btn li span img {padding-bottom: 5px; }
div.quick_menu ul.btn li.paper a {color: #000; border-top:1px solid #ddd;} 
div.quick_menu ul.btn li.paper a span {color: #B81521} 
/*
div.quick_menu ul.btn li.blog a {
          background: url(../images/blog.png) no-repeat; 
          background-size: 40px;
          background-color: #94c11f;
          background-position: top 10px center;
        }
div.quick_menu ul.btn li.kakao a {
          background: url(../images/kakaotalk.png) top 10px center no-repeat; 
          background-size: 40px;
          background-color: #94c11f;
        }
div.quick_menu ul.btn li.tel a {
          background: url(../images/tel.png) top 10px center no-repeat; 
          background-size: 40px;
          background-color: #cc0000;
          font-size: 1.3em;
        }
div.quick_menu ul.btn li.travel a {
          background: url(../images/airplane.png) top 10px center no-repeat; 
          background-size: 40px;
          background-color: #94c11f;
        }
div.quick_menu ul.btn li.documemt a {
          background: url(../images/document.png) top 10px center no-repeat; 
          background-size: 40px;
          background-color: #94c11f;
        }
div.quick_menu ul.btn li.hospital a {
          background: url(../images/hospital.png) top 5px center no-repeat; 
          background-size: 50px;
          background-color: #94c11f;
        }
        */
.pages  .two_items_with_pic li {position: relative; width: 330px; float: left; margin-right: 20px; background: none; padding-left: 0; height: 130px;}
.pages  .two_items_with_pic:after  {content:"";display:block;clear:both}
.two_items_with_pic li i {font-size:60px; width: 60px; height: 60px; display: block; position: absolute; top:0 left:0; padding-top: 25px; text-align: center; color: #999}
.two_items_with_pic li p {margin-left: 80px;}
.two_items_with_pic li p span {color: #00489a; font-weight: bold; }

.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}



.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;}
h2:first-child { margin-top: 0 }

h2 span {font-size: 13px; color: #cc3333}

h2 {margin: 30px 0 10px 0; padding: 0 0 5px 0; font-size: 20px; color: #000;
                    }
h3 {color: #00489a; font-size: 17px; margin: 15px 0 10px 0; padding-left: 0}


.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; }
body {margin: 0; color: #333; }
h1, h2, h3, h4 {font-family: 'NanumBarunGothic', Dotum, serif;}


a:link, a:visited {color:#333;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 .logo { margin-top: 0; padding: 0;  height: 50px; }
.header .logo a:hover img {opacity: 1}
.header .logo img { height:46px; display:block; margin-top:-5px; }
.header h1 a{color:#fff;text-decoration:none}
.header .banner_right {position: absolute; right:0; top:0px;}
.header .banner_right img { }
.header .row { position:relative; }

/* 메뉴 */
.gnb_wrapper { background: #0c4191; font-weight: normal; box-sizing: border-box; }
.gnb a { color:#fff; }
.gnb { position: relative; margin: 0 auto;  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 > ul > li {float:left;list-style:none; width: 16.6%; text-align: center;}
.gnb > ul > li a { display:block; font-size:18px; font-weight: bold; padding:14px 0px 14px 0px ; text-decoration:none; }
.gnb ul li ul {display:none; position: absolute; top:49px; width: 170px;  z-index: 1; margin-left: 0px;
                    padding:0;  border-top: none; padding-bottom:15px; background: #fff }            
.gnb ul li ul { 
    background: #fff;
    padding: 7px 1px;
    margin: 0;
    position: absolute;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    border: 1px solid #ccc\9;
    border-top: 3px solid #004898;
    display: none;
    z-index: 91000;
    border-radius: 0 0 4px 4px;
  }

.gnb ul li:hover ul {display: block}
.gnb ul li ul li {float:none; margin-left:0;}
.gnb ul li ul li a{ float:none ;display:block; color:#333; font-weight:bold; font-size:16px; font-weight: bold; text-align: left; 
                    padding:14px 15px 11px 15px;height:auto; letter-spacing: 1px}
.gnb ul li ul li.active a{}
.gnb ul li ul li a:hover { background:#e6e6e6 }
.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; }
  

/* 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 img { max-width:100%; } 
.hd_pops_con p { margin:0; }
.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}

/* 상단 회원가입 등 링크 */
.tnb {text-align: right;   padding:0; height: 30px; font-size: 12px; }
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:2px 0 0 9px}
#tnb a {display:inline-block;padding:0px 5px; color:#666;letter-spacing:0;line-height:2.4em}
#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: 0px}

.main .row { border-bottom: 1px solid #666;}
.main .row.no_line {border:none;}

.main .row h2 { position:relative; font-size: 22px; margin-top: 0; }
.main .row h2 span {font-size: 18px}
.main .row h2 p {position: absolute; top:1px; right:0; margin: 0; font-size: 13px}
.main .row h2 p span { font-size: 13px}

.main .row h2 span.small { font-size: 13px; color: #999; font-weight: normal; display: inline-block; margin-left: 10px; }

.main .box { padding:20px 0 10px 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;}

.main h2 {border-bottom: none; margin-bottom: 0px; padding-bottom: 10px;}


.subTopImg {position:relative; margin-bottom: 0; 
            border-bottom:1px solid #d5d5d5; width:1000px; margin: 0 auto;  }
.subTopImg .main {background: url(../images/img_main.png) no-repeat top center; height: 155px; padding-top: 0}
.subTopImg .sub {height: 90px;background-image: url(../images/sub1.png)}
.subTopImg .sub1 {background-image: url(../images/sub1.png)}
.subTopImg .sub2 {background-image: url(../images/sub2.png)}
.subTopImg .sub3 {background-image: url(../images/sub3.png)}
.subTopImg .sub4 {background-image: url(../images/sub4.png)}


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


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

.sidemenu ul { margin: 0; padding: 0;  font-family: "NanumBarunGothic"; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.sidemenu ul li { list-style: none; border-bottom: 1px solid #ccc; }
.sidemenu ul li a {display: block; padding: 12px 10px 12px 20px; font-size: 16px; color: #4a4a4a}
.sidemenu ul li a:hover {background: #e8e8e8; text-decoration: none} 
.sidemenu h2 {font-size: 24px; margin: 0 0 0 0; padding: 40px 0 40px 20px;   
          color: #fff; text-align: left; background:#f39100 url(../images/sideH2Bg3.png) no-repeat bottom  right ; 
          border: 1px solid #d07e06;
          text-shadow: 0.5px 0.5px 1px #666;}

.sidemenu ul ul {margin-top: -5px; margin-bottom: 5px}


.sidemenu ul ul li {border: none}
.sidemenu ul ul li a {padding: 5px 2px 5px 20px; font-size: 14px; color: #777}


#aside {float:left;margin:35px 0 0 0;width:200px; min-height: 500px;  }

#container {z-index:4;position:relative;float:right;padding:30px 0px 30px 0px;width:740px;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}
#container {font-family:'돋움',dotum,sans-serif;}


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:1000px;margin:0 auto}
.fullWidth {width:100%;}


h1.title {font-size:30px; margin:10px 0 30px 0; 
          font-weight: normal; color: #333;
          border-bottom:1px solid #323232; padding-bottom: 15px;}
h1.title span {
  display: block;
  position: absolute;
  top: 60px;
  right: 0;
  font-size: 14px;
  color: #666;
  line-height: 10px;
}

h1.title span img { display:inline-block;  margin-top:-2px; }



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; }



/* Main page */
.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: 16px; list-style: none; padding-left: 8px; 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; right:0; width: 50px; text-decoration: none; text-align: right}
.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}




/* Site Layout - Footer */



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

.copyright {position: relative; 
            background: url(../images/logo.png) no-repeat; 
            background-size: 100px;
            background-position-x: 00px;
            background-position-y: 50px;
            padding-top: 18px ; padding-bottom: 20px
          }
.copyright ul {margin: 0; padding: 0; padding-left: 200px; margin-bottom: 15px}
.copyright li {list-style: none; float: left; margin-right: 30px}
.copyright p {color: #666; margin-top: 0; font-size: 12px;
            padding-left: 200px; line-height: 18px}
.copyright p.menu {font-size: 16px; font-weight: bold}
.banner_bottom {position: absolute; top:10px; right: 0}





/* 폼 테이블 */
.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:8px;border:0;background:#3062a7;color:#fff;letter-spacing:-0.1em;cursor:pointer; border-radius: 3px}
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_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}
.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:30px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle; border-radius: 2px}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#7086a3;color:#fff;font-weight:normal}

/* Mobile화면으로 */



.pages {line-height: 1.8em}
.pages table {width: 100%; border-spacing:0; border-collapse: collapse;}
.pages table th {background: #dee5f3; text-align: left; color: #000; 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:0; line-height: 27px; padding-left: 0; }
.pages ul li {list-style: none; background:url('../images/dot.png') top 11px left 0 no-repeat; padding-left: 10px;}
.pages .emp {color: #c13f7f; font-weight: bold}

.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;}


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}
.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 {background: #4792dd; color: #fff; border: none; border-left: 1px solid #fff}
.pages table th.background {color: #fff; background: #6d88a5; border-left: 1px solid #fff} 

.pages h2 {color:#ca2a71;}

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


.pages  div.box {border:1px solid #ccc; border-left:2px solid #666;  
            padding:20px 30px;  background:#efefef;  margin-bottom: 20px }
.pages  div.box p {margin: 5px 0}
.pages  div.box table td {background: #fff; }

.page_61 {margin-bottom: 10px}
.id_14 div {float:left; width: 355px; margin-left: 10px; margin-bottom:10px; text-align: center}
.id_14 img{ width: 100%}


.id_11 {padding-right: 100px; padding-left: 100px;}
.id_11 p {margin-bottom: 15px}
.id_11 .sign {text-align: right}
/* Tabs
-----------------------------------------------------------------------------------------------*/
.tabs-menu:before,
.tabs-menu:after {display:table; content:""; line-height:0;}
.tabs-menu:after {clear:both;}
.tabs-menu{ list-style:none; border-bottom:1px solid #ddd; padding: 0 !important ;margin-bottom:15px !important; background:#bddaf8; }
.tabs-menu li{ display:inline; }
.tabs-menu li a:hover {background: #bddaf8;}
.tabs-menu li a{ float:left; padding:7px 10px; display:block; margin-bottom:-1px; font-weight:bold; text-decoration:none; color: #555; }
.tabs-menu li.active a{  border:1px solid #ddd; border-bottom-color:#fff; border-top:2px solid #666;padding-top:6px ;color:#666; font-weight:bold; background:#fff}
.tabs-content{margin-bottom:30px; }



.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: #7086a3; font-size: 20px; color: #fff; margin: 0 auto}

.big_btn input[type='submit'] {padding: 20px 70px; 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;}


#container .sell h2 {color: #3e5e88}
.sell h2 p.print_btn {float:right; font-size: 14px; }
.sell table {width: 100%}
.sell .red {color:#cc0000}
.sell .blue {color:#0033ff}
.sell table tr.first th, 
.sell table tr th{background: #cfdef3}

.sell input[type='text'].short {width: 40px} 
.sell input[type='text'].wide {width: 590px} 
.tdCenter td {text-align: center;}
textarea {width: 100%; height: 100px; border: 1px solid #ccc}
.sell table {border-collapse: collapse;}
.sell table td,
.sell  table th {padding:6px 4px; line-height: 1.2em; border: 1px solid #ccc}
.sell p {margin:0; padding: 0; line-height: 1.4em}
.sell span.small {font-size: 9px}
.sell .searchBox {}

.searchBox span {display: block; float: left; width: 80px}