@import url('default.css');
body.sub{background:#ebebeb}

/*스킵네비게이션*/
#sknavi_div {float:left; margin-top:-200px;}
.sknavi {position:absolute ; top:-200px; z-index:100; }
.sknavi:focus, .sknavi:active {top:1px ; display:block ; width:130px ; height:20px ; }


/* 전체 그룹 */
#wrapper {width:100%; margin:0 auto; position:relative;}
#wrapper:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#wrap {width:100%; min-width:1100px; margin:0 auto;padding:0;}
#wrap.main {width:100%; min-width:1100px; margin:0 auto;padding:0;background:#192618; }
#wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}


/* 상단 */
#header_wrap{position:relative; width:100%; height:90px; padding:0; margin:0 auto;background:url(../../images/header_bg.png) 50% 0 no-repeat;z-index:999}
#header{position:relative;width:1100px;height:90px;padding:0;margin:0 auto;}
#header > h1.logo {width:100%; text-align:left; padding-top:0px;z-index:99999  }
#header > .link_btn {position:absolute; left:0px; top:20px; z-index:999}
#header > .link_btn > a{display:inline-block; padding:10px 17px; background:#645246; font-size:16px; font-weight:700; color:#feffff; text-align:center;}
#header:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

#lnb{position:absolute; right:0; top:30px; width:480px; height:56px; }
#lnb ul#top_menu{right:0px; width:480px; height:56px; float:right;}
#lnb ul#top_menu > li {float:left; text-align:center;}
#lnb ul#top_menu > li.menu02, #lnb ul#top_menu > li.menu04, #lnb ul#top_menu > li.menu05{width:18%}
#lnb ul#top_menu > li.menu03{width:32%}
#lnb ul#top_menu > li.menu01{width:14%} 
#lnb ul#top_menu > li > a{display:inline-block;width:100%; padding:0; text-align:center;font-size:16px; font-weight:700 ; color:#242424; }
#lnb ul#top_menu > li > a:hover{color:#645246;}

#all_menu{width:100%;border-top:1px solid #adaead;background-color:#ebebeb;background-color:hsla(0, 100%, 100%, 0.95);z-index:1001;margin:0px 0 0 0;padding:0; position:absolute; right:0; top:80px;}
#all_menu:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.all_menu_sub{width:480px;margin:0 auto; padding:15px 0 15px 620px;}
.all_menu_sub:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.all_menu_sub ul{float:left; /*height:100px;*/}
.all_menu_sub ul.menu02, .all_menu_sub ul.menu04, .all_menu_sub ul.menu05{width:18%;}
.all_menu_sub ul.menu03{width:32%;}
.all_menu_sub ul.menu01{width:14%;}
.all_menu_sub ul:first-child{border-left:none;}
.all_menu_sub ul li{clear:both;margin:0;text-align:center; margin-bottom:5px;}
.all_menu_sub ul li a {display:block;font-weight:400;text-align:center;color:#444;}
.all_menu_sub ul li a:hover {color:#645246;font-weight:400;}

/* 푸터 */
#footer {position:relative; width:100%; height:90px; margin:0 auto; padding:0; background:#ebebeb ; border-top:1px solid #afafaf; }
#footer:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.footer_wrap{position:relative; width:1100px; margin:0 auto; padding:10px;text-align:center; }
.footer_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.footer_wrap > p{font-size:12px; color:#444; line-height:18px; font-weight:700;}
.footer_wrap > a.protection{position:absolute;top:10px;right:0;font-size:12px;color:#192618;  font-weight:700;}

/* 퀵메뉴 */
#quick_wrap, #quick_wrap > .quick_menu, #quick_wrap .quick_menu { z-index:999999; }
#quick_wrap  {position:fixed; right:0; top:200px; overflow:hidden;  height:auto; }
#quick_wrap > .quick_menu {width:100px;}

/* gMain */
.gMain{position:relative; width:100%; height:750px; margin:0 auto; padding:0; background:#192618 url('../../images/main_logo.png') 50% 80px no-repeat;  zoom:1;}
.gMain:after{display:block;clear:both;content:''}
.main_ment{position:relative; width:100%; margin:0 auto; background:#192618; padding-bottom:50px; text-align:center; color:#cb9372; font-size:80px; font-weight:700; line-height:80px;}
.main_ment:after{display:block;clear:both;content:''}

.main_con_wrap{position:relative; width:100%; height:110px; margin:0 auto; background:#192618; padding-top:50px; padding-bottom:50px;}
.main_con{position:relative; width:1100px; height:110px; margin:0 auto;}
.main_con:after{display:block;clear:both;content:''}
.main_con > .main_event{position:relative; width:330px; padding:0; float:left; margin:0;}
.main_con > .main_event > p{display:block;}
.main_con > .main_event > p > span{display:inline-block; padding:10px 17px; background:#6f776e; font-size:18px; line-height:18px; font-weight:700; color:#feffff; text-align:center;}
.main_con > .main_event > p > strong{color:#728574; font-size:30px; line-height:48px; font-weight:700;}

.main_con > .main_sns_wrap{position:relative; width:350px; padding:0 45px; float:left; margin:0;}
.main_con > .main_sns_wrap > ul.main_sns{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;width:100%; height:82px; text-align:center; display:block; margin:0 auto;  }
.main_con > .main_sns_wrap > ul.main_sns > li{float:left; width:33%; text-align:center;}

.main_con > .main_tel{position:relative; width:260px; padding:0 0 0 70px; float:right; background:url('../../images/main_tel_bg.png') 0 0 no-repeat;  margin:0;}
.main_con > .main_tel > p{display:block;}
.main_con > .main_tel > p.tel{color:#e9e9e9; font-size:42px; font-weight:700;}
.main_con > .main_tel > p.time{color:#a9a9a9; font-size:16px; line-height:24px;}

.main_ment_new{position:relative; width:100%; margin:0 auto; background:#192618; padding-top:50px; padding-bottom:50px; height:80px; text-align:center; color:#cb9372; font-size:80px; font-weight:700; line-height:80px;}
.main_ment_new:after{display:block;clear:both;content:''}

.main_con > .main_event_new{position:relative; width:330px; padding:0; float:left; margin:0;}
.main_con > .main_event_new > p{display:block;}
.main_con > .main_event_new > p > span{display:inline-block; padding:6px 17px; background:#6f776e; font-size:18px; line-height:18px; font-weight:700; color:#feffff; text-align:center;}
.main_con > .main_event_new > p > strong{color:#728574; font-size:26px; line-height:20px; font-weight:700;}


/*
.main_ment > .main_ment2{position:relative; margin:0 auto 0; text-align:center; color:#728574; font-size:30px; font-weight:700;}
.main_ment > .main_ment3{position:relative; margin:10px auto; text-align:center; }
*/

/*20170214 썸네일 추가*/
 /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        ora05l.jss { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
        /* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 72px;    height: 72px;}
		.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
		.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 68px;    height: 54px;}
		.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 68px;    height: 54px;    border: #ccc 1px solid;    box-sizing: content-box;    background: url('img/t01.png') -800px -800px no-repeat;    _background: none;}
		.jssort01 .pav {border: #ff5400 1px solid; width: 68px;    height: 54px; }
		.jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 68px;    height: 54px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}
		.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 68px;    height: 54px;    border: #ff5400 1px solid;    background-position: 50% 50%;}
		.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 68px;    height: 54px;    border: #000 2px solid;}
		* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}



/* title_wrap */
.title_wrap{position:relative; width:100%; height:110px; margin:0 auto; padding:0; background:#111 url('../../images/title_wrap_bg.png') 50% 0 no-repeat;  zoom:1;}
.title_wrap:after{display:block;clear:both;content:''}
.title_wrap > .title{display:block; margin:0 auto; text-align:center; color:#cb9372; font-size:1.875em;font-size:1.875rem; font-weight:700;  padding-top:15px; }
.title_wrap > .subtitle{display:block; position:relative; margin:10px auto 20px;; text-align:center;}
.title_wrap > .subtitle > a{display:inline-block; margin:0 auto 10px; text-align:center; color:#e3e3e3; font-size:1em;font-size:1rem; font-weight:400; margin-left:30px; padding:5px 10px;}
.title_wrap > .subtitle > a.select{background:#252525;}
.title_wrap > .subtitle > a:first-child{ margin-left:0;}

#contents_wrap {width:100%; margin:0 auto; position:relative;  }
#contents_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#contents {position:relative; width:100%; margin:0 auto;padding:0; }
#contents:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}


/* login_wrap */
.login_wrap{position:relative; width:100%; height:auto; margin:0 auto; padding:150px 0; background:#192618 url('../../images/login_bg.png') 50% 130px no-repeat;  }
.login_wrap:after{display:block;clear:both;content:''}
.login_form{position:relative; width:250px; padding-top:250px;padding-left:50px; margin:0 auto;}
.login_form:after{display:block;clear:both;content:''}
.login_form input[type="text"]{width:80%; height:30px; padding:5px 0;border:none; text-align:center; vertical-align:middle;background:#dadbdb;color:#111!important; font-size:15px; font-weight:700; margin-bottom:12px;}
.login_form input[type="password"]{width:80%; height:30px; padding:5px 0;border:none; text-align:center; vertical-align:middle;background:#dadbdb;color:#111!important; font-size:15px; font-weight:700; margin-bottom:12px;}
.login_form input[type="button"]{width:80%; height:80px;padding:5px 0;border:none;vertical-align:middle; background:#645246; text-align:center; color:#fff; font-size:34px; font-weight:700;}


/* 예약 달력 */
.schedule_con{position:relative; width:1100px; margin:0 auto; padding:50px 0; }
.schedule_con:after{display:block;clear:both;content:''}

.cyberedu_info{position:relative; background:#fff; width:1098px; border:1px solid #afafaf; padding:10px 0; text-align:center;}
.cyberedu_info > span{display:inline-block; color:#555;font-size:1em;font-size:1rem; font-weight:700; }
.cyberedu_info > strong{display:inline-block; color:#111; font-size:1em;font-size:1rem; font-weight:700;}

.cyberedu_date{position:relative;display:block; width:100%; text-align:center; margin:0.8em auto;} 
.cyberedu_date > a{display:inline-block; font-size:1.875em;font-size:1.725rem; font-weight:700; color:#6f6f6f;}
.cyberedu_date > strong{display:inline-block; font-size:1.5em;font-size:1.5rem; font-weight:700; color:#393939; margin-left:1.725em; margin-left:1.725rem; margin-right:1.725em; margin-right:1.725rem;}

table.edu_schedule{position:relative; width:100%;}
table.edu_schedule > thead > tr > th{color:#fff;text-align:center;font-weight:700;background:#2b3131;padding:15px 0; border-right:1px solid #474b4b; }
table.edu_schedule > thead > tr > th:first-child{border-left:1px solid #474b4b;}
table.edu_schedule > tbody > tr > td{text-align:center;vertical-align:middle;padding:15px 0; border-right:1px solid #acacac; border-bottom:1px solid #acacac; position:relative; color:#222; font-weight:700; }
table.edu_schedule > tbody > tr > td:first-child{border-left:1px solid #acacac; }
table.edu_schedule > tbody > tr > td.off{background:#none;}
table.edu_schedule > tbody > tr > td.finish{background:#dedede;}
table.edu_schedule > tbody > tr > td.ready{background:#e2f5d6;}
table.edu_schedule > tbody > tr > td.on{background:#f6ecd6;}
table.edu_schedule > tbody > tr > td > a{display:inline-block; width:100%; height:100%}

.cyberedu_btn{position:relative; margin:20px auto; }
.cyberedu_btn > .btn{display:inline-block; width:30px; height:30px; border:1px solid #acacac; margin-right:5px; }
.cyberedu_btn > .btn.finish{background:#dedede;}
.cyberedu_btn > .btn.ready{background:#e2f5d6;}
.cyberedu_btn > .btn.on{background:#f6ecd6;}
.cyberedu_btn > span{display:inline-block; vertical-align:top; padding-top:4px;; font-weight:700; margin-right:30px;}

table.edu_schedule_view{position:relative; width:100%;}
table.edu_schedule_view > thead > tr > th{color:#fff;text-align:center;font-weight:700;background:#2b3131;padding:10px 0; }
table.edu_schedule_view > tbody > tr > td{text-align:center;vertical-align:middle;padding:15px 0; border-bottom:1px solid #acacac; position:relative; color:#222; font-weight:700; }
table.edu_schedule_view > tbody > tr > td.off{background:#none;}
table.edu_schedule_view > tbody > tr > td.finish{background:#dedede;}
table.edu_schedule_view > tbody > tr > td.ready{background:#e2f5d6;}
table.edu_schedule_view > tbody > tr > td.on{background:#f6ecd6;}



/* 공통 스타일 */
.fstyle01{font-size:20px!important; font-weight:700!important; color:#cb9372!important}
.fstyle01b{font-size:32px!important; font-weight:700!important; color:#cb9372!important}
.fstyle01p{display:inline-block; padding:8px 20px; font-size:22px!important; font-weight:400!important; color:#fff!important; background:#645246!important}
.fstyle01pb{display:inline-block; padding:15px 30px; font-size:28px!important; font-weight:400!important; line-height:32px!important; color:#fff!important; background:#645246!important; }
/*.fstyle01pb{display:inline-block; padding:15px 30px; font-size:32px!important; font-weight:400!important; line-height:36px!important; color:#fff!important; background:#645246!important; }
*/
.fstyle02{font-size:20px!important; font-weight:700!important; color:#172616!important}
.fstyle02b{font-size:32px!important; font-weight:700!important; color:#172616!important}

.fstyle03{font-size:20px!important; font-weight:700!important; color:#333!important}
.fstyle03n{font-size:20px!important; font-weight:400!important; color:#333!important}
.fstyle03u{display:inline-block; margin-bottom:15px; font-size:18px!important; font-weight:400!important; color:#333!important; border-bottom:1px solid #a3a3a3;}

.fstyle04b{font-size:20px!important; font-weight:700!important; color:#222!important}

.stitle{display:block; padding-top:50px; background:url(../../images/stitle_bg.png) 50% 0 no-repeat; margin-top:50px; font-size:22px!important; font-weight:400!important; color:#111!important; font-family: 'Nanum Myeongjo'}
.stitle_top{display:inline-block; padding:5px 20px; font-size:14px!important; font-weight:400!important; color:#fff!important; background:#645246!important;line-height:14px!important; margin-bottom:5px;}
.stitle_top2{display:inline-block; padding:5px 20px; font-size:18px!important; font-weight:400!important; color:#fff!important; background:#645246!important;line-height:18px!important; margin-bottom:5px;}
.stitle.first{margin-top:0!important; padding-top:40px!important; background:none;}

.contitle{display:block; margin:30px auto 70px; font-size:32px!important; font-weight:700!important; color:#cb9372!important}

/* 다움 */
.condiv_wrap{position:relative; margin:0 auto; width:1100px;}
.condiv_wrap.col{position:relative; margin:0 auto; padding:0;width:100%; background:#172616}
.condiv_wrap.col:after{display: table;width:100%;height:9px;content:'';background:#ebebeb url(../../images/condiv_wrap_after.png) 50% bottom no-repeat;z-index:100}

.condiv_wrap > div{font-size:14px; color:#666; text-align:center; line-height:1.75em;}
.condiv_wrap > div > p{display:block; margin:20px auto; font-size:14px; color:#666; text-align:center; line-height:1.75em;}

.condiv_wrap.col > div{font-size:14px; color:#fff; text-align:center; line-height:1.75em;}
.condiv_wrap.col > div > p{display:block; margin:20px auto; font-size:14px; color:#fff; text-align:center; line-height:1.75em;}

.condiv{position:relative; margin:0 auto; width:1100px;}
.condiv.col{position:relative; margin:0 auto; padding:50px 0;width:1100px; background:#172616}

.condiv > div{font-size:14px; color:#666; text-align:center; line-height:1.75em;}
.condiv > div > p{display:block; margin:20px auto; font-size:14px; color:#666; text-align:center; line-height:1.75em;}

.condiv.col > div{font-size:14px; color:#fff; text-align:center; line-height:1.75em;}
.condiv.col > div > p{display:block; margin:20px auto; font-size:14px; color:#fff; text-align:center; line-height:1.75em;}

.con_1100{position:relative; margin:0 auto; width:1100px;}

.condiv_line{display:block; margin-top:50px; width:100%; height:10px; background:url(../../images/condiv_line.png) 50% 0 no-repeat;}

.con_map{position:relative; margin:10px auto; width:1100px; height:500px; background:#ddd;}

ul.daoom4{position:relative; margin:50px auto; width:100%;  }
ul.daoom4:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
ul.daoom4 > li{float:left; width:25%; height:251px; background:url(../../images/daoom_libg.png) 50% 0 no-repeat;  display:table; }
ul.daoom4 > li > span{display:table-cell; text-align:center; font-size:22px!important; font-weight:700!important; color:#cb9372!important; line-height:200%!important; vertical-align:middle;}

ul.daoom3{position:relative; margin:50px auto; width:100%;  }
ul.daoom3:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
ul.daoom3 > li{float:left; width:33.33%; height:251px; background:url(../../images/daoom_libg.png) 50% 0 no-repeat;  display:table; }
ul.daoom3 > li > span{display:table-cell; text-align:center; font-size:22px!important; font-weight:700!important; color:#cb9372!important; line-height:200%!important; vertical-align:middle;}


/* 게시판 목록 */
table.boardList{position:relative;width:1100px;margin:50px auto 0;}
table.boardList:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.boardList > thead > tr > th {color:#fff;text-align:center;background:#353b41;padding:10px 0; }
table.boardList > thead > tr > th > label{font-weight:700;}
table.boardList > thead > tr > th:first-child{border-left:none}
table.boardList > tbody > tr > th {border-bottom:1px solid #d0d0d0;padding:10px 0;text-align:center;font-weight:700;}
table.boardList > tbody > tr > th > label{font-weight:700;}
table.boardList > tbody > tr > th > label > label{font-weight:700;}
table.boardList > tbody > tr > th.right {padding:10px 20px 10px 0;text-align:right;}
table.boardList > tbody > tr > td {border-bottom:1px solid #d0d0d0;padding:12px 10px;text-align:center;}
table.boardList > tbody > tr > td.right {padding:10px 10px 10px 0;text-align:right;}
table.boardList > tbody > tr > th:first-child{border-left:none}
table.boardList > tbody > tr > td:first-child{border-left:none}

/* 게시판 보기1 */
table.boardView1{position:relative;width:1100px;margin:0 auto 0;border-top: 1px solid #353b41; }
table.boardView1:after{display:block;clear:both;content:""}  
table.boardView1 th {font-weight:700; text-align:center;background:#e0e0e0;padding:10px 0;border-bottom: 1px solid #c0c0c0;  }
table.boardView1 td {border-bottom: 1px solid #c0c0c0; padding:8px 0 8px 10px; text-align:left;  }
table.boardView1 tbody td.center{text-align:center;}
table.boardView1 tbody td input[type="radio"]{margin-right:2px!important;}
table.boardView1 tbody th img{vertical-align:top;}
.point{display:inline-block; margin-right:5px; font-weight: 700;font-size:14px; color:#cb9372;}

/* 이전글, 다음글 */
.other_list{position:relative;width:1100px;height:65px; margin:0 auto 30px; }
.other_list:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.other_list table{width:100%; border:0; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
.other_list table caption{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.other_list table th{width:20%; padding:8px 0 8px 10px; text-align:left;background-color:#e0e0e0; font-weight:700; }
.other_list table td{width:80%; padding:8px 0 8px 10px; text-align:left;}
.other_list table th.next{border-bottom:1px solid #c0c0c0; }
.other_list table th.prev{text-align:left;}
.other_list table td.next{border-bottom:1px solid #c0c0c0;text-align:left;}
.other_list table td.prev{text-align:left;}


/*페이지 네비게이션*/
.pagination{clear:both; text-align:center; margin-top:30px; margin-bottom:50px}
.pagination:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.pagination span.img {display:inline-block; padding:4px 8px 5px; background:#fff;  border:1px solid #c4c4c4; }
.pagination img {margin-top:-2px; }
.pagination  span{margin:0 2px}
.pagination  span.select{text-align:center; font-size:13px; padding:5px 11px; color:#111; font-weight: 700;  border:1px solid #c4c4c4; background:#ddd; }
.pagination  span a:link {word-spacing:-1px; text-align:center; font-size:13px; padding:5px 11px; color:#666; text-decoration: none; border:1px solid #c4c4c4; background:#ffffff; }
.pagination  span a:visited {word-spacing:-1px; text-align:center; font-size:13px; padding:5px 12px; color:#666; text-decoration: none; border:1px solid #c4c4c4; background:#ffffff; }
.pagination  span a:hover {word-spacing:-1px; text-align:center; font-size:13px; padding:5px 12px; color:#666; text-decoration: underline; border:1px solid #c4c4c4; background:#ffffff; }
.pagination  span a:active {word-spacing:-1px; text-align:center;font-size:13px;  padding:5px 12px; color:#666; text-decoration: underline; border:1px solid #c4c4c4; background:#ffffff; }


/*  검색 */
.select_area{position:relative;margin:0 auto 20px;padding:5px 10px;width:700px;background:none;border:1px solid #acacac;}
.select_area:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.select_area .select_item {float:left; margin-right:2px;}
.select_area .select_input {float:left;width:80%;height:17px;padding:6px 10px;border:1px solid #acacac;}
.select_area input {border:none;}
.select_area input.search_btn {position:absolute;top:-1px;right:0px;width:90px;height:44px;background:#353b41;color:#cdcdcd!important;font-size:14px; font-weight: 700;  text-align:center;cursor:pointer;}

/* btn_area */
.btn_area{position:relative;width:1100px;text-align:right; padding:0; margin:20px auto;color:#fff}
.btn_area_center {position:relative;margin:20px auto; text-align:center; width:100%;}

.text_point{font-weight:700; color:#cc0000}

/* 이용방법 */
.howto{display:block; padding-top:50px; background:url(../../images/stitle_bg.png) 50% 0 no-repeat; margin-top:50px; font-size:22px!important; font-weight:400!important; color:#111!important; font-family: 'Nanum Myeongjo';}
.howto_title{display:inline-block; padding:12px 30px; font-size:22px!important; font-weight:700!important; color:#fff!important; background:#645246!important;line-height:22px!important; margin-bottom:20px;}
.howto.first{margin-top:0!important; padding-top:40px!important; background:none;}
.howto dl {width:100%; height:auto; border-bottom:1px dotted #ccc; margin:0;  padding-top:1rem; padding-bottom:1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; position:relative; text-align:left;}
.howto dl:after{ content:""; display:block; clear:both;}
.howto dl dt {width:10%; float:left; text-align:right; padding-right:2%}
.howto dl dt span{display:inline-block; width:2.25rem; height:2.25em; padding:0; border:0; background:#1e6900; border-radius:100%; font-weight:700;  font-size:1rem; line-height:2.25rem; color:#fff; text-align:center; letter-spacing:-0.05rem;}
.howto dl dd {width:88%; float:right; font-weight:normal; text-align:left; font-weight:700; font-size:1.125rem;  }
.howto dl dd p{font-weight:400!important; color:#666; font-size:1rem; line-height:1.785rem;}



























table.position {position:absolute;top:80px;right:0;padding:0;margin:0; width:260px;}
table.position thead th {border-left: 1px solid #4a4a4a; padding:4px 0; text-align:center; color:#c2c2c2; font-size:12px; background:#090a0a;}
table.position tbody td {border-left: 1px solid #b2b2b2; padding:4px 0; text-align:center; color:#14181b; font-size:10px; background:#e4e5f3}

.lnb{position:absolute;top:150px; width:100%; height:54px; margin:0 auto;background:url(../images/menu_bg.png) 0 0 no-repeat}
.lnb ul li{float:left; height:54px; background:url(../images/menu_libg.png) 0 50% no-repeat; width:16.666%; position:relative; display:table;}
.lnb ul li:first-child{background:none;}
.lnb ul li a{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; color:#fff; font-size:16px; font-weight:700;}
.lnb ul li a:hover{color:#ffa500;}
.lnb ul li a.current{color:#ffa500;}



table.mList {width:100%; border-top:3px solid #91939d;border-left: 1px solid #4a4f54;}
table.mList thead th {border-right: 1px solid #4a4f54; border-bottom: 1px solid #4a4f54; padding:5px 0; text-align:center; color:#e4cc6c; font-size:13px; font-weight:400; background:#353b41;}
table.mList tbody td {border-right: 1px solid #4a4f54; border-bottom: 1px solid #4a4f54; padding:6px 0; text-align:center; color:#c7c7c7; font-size:11px; }
table.mList tbody td.left {padding-left:10px;}
/*table.mList tbody td > span {display:block;width:100%;text-align:center; color:#f8f8f8; font-size:8px; }*/
table.mList thead th > .array_btn {display:inline-block; margin-left:10px; width:13px;}
table.mList thead th > .array_btn > a{width:100%;}
table.mList thead th > span {display:inline-block;vertical-align:middle}


ul.photo{display:block;}
ul.photo:after{display:block;clear:both;content:""}  
ul.photo > li{float:left; width:20%; height:100%; margin:0 auto 30px; text-align:center;}
ul.photo > li > a{display:inline-block; width:100%; height:100%;margin:0 auto; text-align:center;}
ul.photo > li > a > img{display:block; margin:0 auto 5px; padding:0 10px; text-align:center; }
ul.photo > li > a > p {display:block; margin:0 auto; padding:0 10px; text-align:center; font-size:14px;}
ul.photo > li > a > span{display:block; margin:0 auto; padding:0 10px; text-align:center; font-size:12px;}

/* 댓글 */
.cm_total {width:100%; font-size:14px; border-bottom:1px solid #4a4f54; margin:50px auto 0 }
.cm_total:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.cm_total > .title {display:inline-block;font-family:'Nanum Gothic'; font-weight: 700;   margin-right:30px;font-size:18px; color:#ff5200;}
.cm_total > span{display:inline-block; font-family:'Nanum Gothic'; font-weight: 700;   color:#f1f1f1;}

.cm_list {width:100%;}
.cm_lv1 {width:100%;}
.cm_lv1_con li {background:none; padding-left:12px; font-size:13px; color:#999; line-height:22px;}
.cm_lv1_con li span {font-size:13px;}
.cm_lv1_con li strong {color:#f1f1f1;}
.cm_lv1_con li:first-child {background:url(../images/bullet_talk.png) left 8px no-repeat;  margin-top:10px; padding-left:12px;}
.cm_lv1_con li:last-child { background:none; }
.cm_lv1_con li input.cmbt {width:35px; height:10px!important; padding:0; background:#555; color:#fff; font-size:12px!important; line-height:12px!important; border:none;margin:5px 0;}
.cm_lv1_con li input.cmbt:first-child {margin-right:5px;}
.cm_lv1_con li:nth-child(2n) {border-bottom:1px dotted #999; }



.comment_write {width:960px; height:100px; padding:20px; background:#ddd;}
.comment_write textarea {width:820px; height:80px; border:none; background:#fff; padding:10px; font-size:14px; color:#666; float:left; margin-right:20px;}
.comment_write input[type=button] {width:100px; height:100px; background:#ff5200; font-size:18px; font-family:'Nanum Gothic'; font-weight: 700;   color:#fff; border:none; }

.comment_modify {width:960px; height:100px; padding:20px; background:#ddd;}
.comment_modify textarea {width:820px; height:80px; border:none; background:#fff; padding:10px; font-size:14px; color:#666; float:left; margin-right:20px;}
.comment_modify input[type=button] {width:100px; height:100px; background:#555; font-size:18px; font-family:'Nanum Gothic'; font-weight: 700;   color:#fff; }





table.login {width:100%;border:none}
table.login tbody th {border:none; text-align:left; color:#c7c7c7; font-size:18px; padding:0 10px 10px 0}
table.login tbody td {border:none; text-align:left; padding:0 0 10px 0}
table.login tbody td > input[type="text"] {width:250px;} 
table.login tbody td > input[type="password"] {width:250px;} 

/* 회원가입 */
.join_wrap{width:400px; margin:0 auto; padding-top:440px;}
.join_wrap:after{display:block;clear:both;content:''}

table.join {width:100%;border:none}
table.join tbody th {border:none; text-align:left; color:#c7c7c7; font-size:18px; padding:0 10px 10px 0}
table.join tbody td {border:none; text-align:right; padding:0 0 10px 0}
table.join tbody td > input[type="text"] {width:258px;} 

/* 팝업 */
.popup_wrap{position:relative;margin:0 auto;width:96%;padding:20px 2%; background:#fff; font-size:12px;}
.popup_title {position:relative;width:100%;margin-bottom:15px;}
.popup_title:after{display:block;clear:both;content:''}
.popup_title > h1{float:left;font-size:18px;font-family:'Nanum Gothic'; font-weight: 700; color:#333;}
.popup_title > .memo_count{float:right; text-align:right;color:#555;}
.popup_title > .memo_count > strong{font-weight:bold; color:#cc0000;}
.popup_title > .memo_count > span{font-weight:bold; color:#333;}

.popup_tab {width:100%; height:30px; margin:0 auto 10px; border-left:1px solid #bdbdbd;}
.popup_tab li {width:49.9%;background:#f0f0f0; border-top:1px solid #bdbdbd; border-right:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; height:30px; font-size:12px;line-height:28px; float:left; text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.popup_tab li a {color:#444; display:block; height:30px; } 
.popup_tab li.current {background:#e4cc6c; position:relative; border:none;}
.popup_tab li.current a {color:#222; display:block;height:30px;font-weight:700;}
.popup_tab li.current a strong {color:#cc0000;}
.popup_tab li.current:after {content:''; display:block; position:absolute; top:30px; left:50%;border-top:8px solid #e4cc6c; border-left:8px solid transparent; border-right:8px solid transparent; }

table.memoList {width:100%; border-top:1px solid #cfcfcf;border-left: 1px solid #cfcfcf; }
table.memoList thead th {border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding:5px 0; text-align:center; color:#333; font-size:12px; font-weight:400; background:#f5f5f5; }
table.memoList tbody td {border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding:5px 0; text-align:center; color:#555; font-size:12px; }
table.memoList tbody td.left {padding-left:10px;}

table.memoView {width:100%; border-top:1px solid #cfcfcf;border-left: 1px solid #cfcfcf;}
table.memoView th {border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding:5px 0 5px 10px; text-align:left; color:#333; font-size:12px; font-weight:400; background:#f5f5f5; }
table.memoView td {border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding:5px 0 5px 10px; text-align:left; color:#555; font-size:12px; }


table.teamView {width:100%; border-top:0px solid #cfcfcf;border-left: 0px solid #cfcfcf;}
table.teamView th {border-right: 0px solid #cfcfcf; border-bottom: 0px solid #cfcfcf; padding:5px 0 5px 10px; text-align:left; color:#fff; font-size:12px; font-weight:400; background:#f5f5f5; }
table.teamView td {border-right: 0px solid #cfcfcf; border-bottom: 0px solid #cfcfcf; padding:5px 0 5px 10px; text-align:left; color:#fff; font-size:12px; }


input.popup_input{background:#fff!important; padding:3px 10px!important; color:#555!important; font-size:12px!important; border:1px solid #dfdfdf!important; width:90%; height:18px; }
textarea.popup_textarea{background:#fff!important; padding:3px 10px!important; color:#555!important; font-size:12px!important; border:1px solid #dfdfdf!important; width:95%;  }

/* 버튼 */
button{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	vertical-align:middle;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.3);
	border: solid 1px #5c5c5c;
	color: #fff;
	background: #6b6b6b;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #6b6b6b),
		color-stop(1, #5c5c5c)
	);
	background-image: -o-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -moz-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -webkit-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -ms-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: linear-gradient(to bottom, #6b6b6b 0%, #5c5c5c 100%);

}
button:hover, button:active {
	position: relative;
	color: #fff;
	background: #3f3f3f;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #4f4f4f),
		color-stop(1, #3f3f3f)
	);
	background-image: -o-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -moz-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -webkit-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -ms-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: linear-gradient(to bottom, #4f4f4f 0%, #3f3f3f 100%);
}

input[type="submit"]
{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	vertical-align:middle;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 8px 2px 8px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.3);
	box-shadow: #999 0px 1px 1px;
	-webkit-box-shadow: #999 0px 1px 1px;
	-moz-box-shadow: #999 0px 1px 1px;
	color: #fff;
	border: solid 1px #3f3f3f;
	background: #6b6b6b;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #6b6b6b),
		color-stop(1, #5c5c5c)
	);
	background-image: -o-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -moz-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -webkit-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -ms-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: linear-gradient(to bottom, #6b6b6b 0%, #5c5c5c 100%);
}

input[type="submit"]:hover, button:active {
	position: relative;
	color: #fff;
	background: #3f3f3f;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #4f4f4f),
		color-stop(1, #3f3f3f)
	);
	background-image: -o-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -moz-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -webkit-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -ms-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: linear-gradient(to bottom, #4f4f4f 0%, #3f3f3f 100%);
}

.button {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin:0px 3px 0px 3px;
	padding: 2px 8px 2px 8px;
	border-radius: 4px;
	color: #fff;
	border: solid 1px #5c5c5c;
	background: #6b6b6b;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #6b6b6b),
		color-stop(1, #5c5c5c)
	);
	background-image: -o-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -moz-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -webkit-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -ms-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: linear-gradient(to bottom, #6b6b6b 0%, #5c5c5c 100%);
}
.button:hover, .button:active {
	position: relative;
	color: #fff;
	background: #3f3f3f;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #4f4f4f),
		color-stop(1, #3f3f3f)
	);
	background-image: -o-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -moz-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -webkit-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -ms-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: linear-gradient(to bottom, #4f4f4f 0%, #3f3f3f 100%);
}

table.counterList{position:relative;width:1100px;margin:0px auto 0;border-top:1px solid #444;border-collapse: collapse;}
table.counterList::after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.counterList thead th {border-bottom: 1px solid #444;text-align:center;font-family:'NanumGothicWebBold';color:#f6f6f6;padding:4px 5px;background-color:#747474;}
table.counterList tbody th {border-bottom: 1px solid #dbdbdb;text-align:center;font-family:'NanumGothicWebBold';padding:4px 5px;background-color:#fafafa;}
table.counterList td {border-bottom: 1px solid #dbdbdb;padding:10px 0;text-align:center;}
table.counterList td.left {padding-left:10px;text-align:left;}
table.counterList tbody tr:hover{background-color: #fafafa;}

table.counterSat {position:relative;width:1100px;margin:0px auto 0;border:none; border-top:1px solid #dfdfdf; letter-spacing:0}
table.counterSat caption{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
table.counterSat th {padding:8px 0; background:#fafafa; font-family: 'NanumGothicWebBold';font-weight:normal;  text-align:center; color:#666; border-bottom:1px solid #dfdfdf; }
table.counterSat td {text-align:left; border-bottom:1px solid #dfdfdf; padding:8px 0 8px 15px}

.counter_title{position:relative;width:1100px;margin:0px auto 0;border:1px solid #dfdfdf;padding:15px 2%;background-color:#efefef; margin-bottom:10px;text-align:center;font-size:20px;color:#444; }
.counter_title > span{color:#f08200;display:inline-block;margin-right:15px;font-size:20px;font-family: 'NanumGothicWebBold'}
.counter_title:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.counter_select{position:relative;width:1000px;margin:25px auto 0;display:block;text-align:center; }
.counter_select:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.counter_select > .counter_year{float:left;width:15%}
.counter_select > .counter_year > select{width:100px;height:34px;background:#aaa;border:none;color:#fff;font-family:'NanumGothicWeb';text-align:center; padding-left:10px;margin-right:10px}
.counter_select > ul.counter_month {float:left; width:85%; display:inline;border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.counter_select > ul.counter_month > li {float:left; width:8.33%; text-align:center; letter-spacing:0; padding:5px 0;}

/* 로그인 */
.confirm_box {position:relative;width:500px;height:70px;border:1px solid #ccc; margin:0 auto;padding:50px 50px;}
.confirm_input{position:relative;display:table; margin:0 auto;width:400px;height:70px;}
.confirm_input input[type="image"]{border:none;}
.confirm_input span.suno_t{width:73px;height:31px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#555;vertical-align:middle; display:table-cell; padding:0px 0 0 14px;font-family: 'NanumGothicWebBold';color:#fff;letter-spacing:10px;line-height:30px;display:inline-block;float:left}
.confirm_input span.secno_t{width:73px;height:31px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#555;vertical-align:middle; display:table-cell; padding:0px 0 0 14px;font-family: 'NanumGothicWebBold';color:#fff;letter-spacing:3px;line-height:30px;display:inline-block;float:left}
.confirm_input input.suno{width:170px;height:31px;border:1px solid #e6e6e6;vertical-align:middle; display:table-cell; padding:0px 0 0 10px;float:left}
.confirm_input input.secno{width:63px;height:31px;border:1px solid #e6e6e6;vertical-align:middle; display:table-cell; padding:0px 0 0 10px;float:left}
.confirm_input .name_area {position:absolute;top:0;left:0;}
.confirm_input .suno_area {position:absolute;top:41px;left:0;}
.confirm_input .secno_area {position:absolute;top:82px;left:0;}
.confirm_input .search_area {position:absolute;top:0;right:0;}
.confirm_t {display:inline-block;width:250px;background:url(../../images/sub/bullet_h4.png) 0px 7px;background-repeat:no-repeat;padding:0 0 0 12px;line-height:22px;}
.confirm_t :after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.confirm_input .login_btn2{position:relative; width:100%; text-align:center; margin:100px auto 0; background:url(../../images/sub/line_dash.png) 0 0 repeat-x; padding-top:40px;}