@charset 'utf-8';

/* 수정, 삭제금지 **************************************************
deletion of the current branch prohibited
제작사 : http://www.nnin.com
*****************************************************************/




/************************************************************
    기타 > 스크롤탑
************************************************************/
.scrollToTop {
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    text-align: center;
    position: fixed;
    z-index: 100;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #111;
    border-radius: 2px;
}
.scrollToTop:hover {
    bottom: 25px;
}

.scrollToTop a {
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 1.0em;
    padding-top: 7px;
    color: #aaa;
}
.scrollToTop a:hover {
    color: #fff;
}





/************************************************************
    우측본문 > 통이미지 사용
************************************************************/
/* 767px이하 본문이미지 */
@media (max-width:473px) {
    .pc_view {
        display: none
    }
    .mo_view {
        display: block
    }
}
/* 768px이상 본문이미지 */
@media (min-width:474px) {
    .pc_view {
        display: block
    }
    .mo_view {
        display: none
    }
}





/************************************************************
    오시는길
************************************************************/
.map_google {}

.n_map {
    overflow: hidden;
}

.n_map div {
    margin-top: 20px;
}

.n_map div dl {
    margin-bottom: 30px;
}

.n_map div dl dt {
    font-size: 1.0em;
    color: #fff;
    padding: 10px;
    background-color: #ccc;
    border-radius: 2px;
    display: block;
    transition: 0.3s;
}

.n_map div dl:hover dt {
    padding: 10px 10px 10px 20px;
    background-color: #111;
}

.n_map div dl dd {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}





/************************************************************
    회원관련
************************************************************/
/* 로그인 */
.n_login {
    border: 1px solid #eee;
    padding-bottom: 50px;
}

.n_login .sec01 {
    width: 50%;
    margin: 0 auto;
    padding: 30px 0;
}

.n_login .sec01 h4 {
    font-size: 2.5em;
    font-weight: 100;
    border: 0px solid #ccc;
}

.n_login .sec01 p {
    font-size: 1.0em;
}

.n_login .sec02 {
    overflow: hidden;
    width: 50%;
    margin: 20px auto;
}

.n_login .sec_left {
    width: 70%;
    float: left;
}

.n_login .sec_right {
    width: 29.5%;
    float: right;
}

.n_login input.box {
    height: 40px;
}

.n_login input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 10px;
    margin: 1px 0;
}

.n_login input[name=login_ok] {
    width: 100%;
    height: 82px;
    background-color: #333;
    font-size: 1.25em;
    font-weight: 300;
    color: #fff;
    border: 0;
}

.n_login .sec03 {
    width: 50%;
    margin: 50px auto 20px;
}

.n_login .sec03 h4 {
    display: none;
}

.n_login .sec03 ul {
    overflow: hidden;
}

.n_login .sec03 ul li {
    float: left;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #eee;
    margin-bottom: 1px;
}

.n_login .sec03 ul li:hover {
    background-color: #f0f0f0;
}

.n_login .sec03 ul li a {
    font-size: 0.875em;
}

.n_login .sec03 ul li a:hover {
    color: #333;
}

.n_login .sec03 ul li strong {
    font-weight: 500;
}

@media (max-width:767px) {
    .n_login .sec01,
    .n_login .sec02,
    .n_login .sec03 {
        width: 90%;
    }
}


/* 회원가입 : join */
.n_join {
    border: 1px solid #eee;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.n_join .sec01 {
    width: 50%;
    margin: 0 auto;
    padding: 30px 0;
}

.n_join .sec01 h4 {
    font-size: 2.5em;
    font-weight: 100;
    border: 0px solid #ccc;
}

.n_join .sec01 p {
    font-size: 1.0em;
}

.n_join .sec02 {
    overflow: hidden;
    width: 50%;
    margin: 20px auto;
}

.n_join .sec_left {
    width: 70%;
    float: left;
}

.n_join .sec_right {
    width: 29.5%;
    float: right;
}

.n_join .sec_left span {
    float: left;
    display: block;
    width: 30%;
    height: 40px;
    line-height: 40px;
    background-color: #ddd;
    margin: 1px 0;
    text-align: center;
}

.n_join input.box {
    height: 40px;
}

.n_join input {
    width: 70%;
    border: 1px solid #ddd;
    padding: 0 10px;
    margin: 1px 0;
}

.n_join input[name=join_ok] {
    width: 100%;
    height: 82px;
    background-color: #333;
    font-size: 1.25em;
    font-weight: 300;
    color: #fff;
    border: 0;
}

@media (max-width:767px) {
    .n_join .sec01,
    .n_join .sec02 {
        width: 90%;
    }
}


/* 회원가입 : agreement */
.n_agreement {
    text-align: left;
    border: 0px solid #eee;
}

.n_agreement h5 {
    font-size: 1.5em;
    font-weight: 400;
    padding: 10px 0;
    border: 0px solid #eee;
}

.n_agreement input {
    float: left;
    margin-right: 10px;
}

.n_agreement textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #ccc;
    padding: 30px;
}

.n_agreement input[type=image] {
    text-align: center;
    margin: 20px auto;
}


/* 회원가입 : apply (입력양식) */
.n_apply {
    text-align: left;
    border: 0px solid #eee;
}

.n_apply h5 {
    font-size: 1.25em;
    font-weight: 400;
    padding: 10px 0;
    margin-top: 20px;
    border: 0px solid #eee;
}

.n_apply .sec01 {
    background-color: #fff;
    padding: 10px 0;
}

.n_apply .sec01 h4 {
    font-size: 1.25em;
    font-weight: 100;
    padding: 10px 0;
    border: 0px solid #ccc;
}

.n_apply .sec01 p {
    padding: 0px;
}

.n_apply .member_txt tr td {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}


/* 회원가입 : apply_result */
.n_apply_result {}

.n_apply_result .sec01 {
    border: 1px solid #eee;
    padding: 50px 10px;
}

.n_apply_result .sec01 h4 {
    font-size: 2.5em;
    font-weight: 100;
    padding: 10px 0;
    border: 0px solid #ccc;
}

.n_apply_result .sec01 p {
    padding: 10px;
}

.n_apply_result .sec01 strong {
    font-size: 1.5em;
    font-weight: 500;
    color: #5b95c9;
}

.n_apply_result .sec02 {
    margin: 30px 0;
}



/************************************************************
    회원정보수정, 회원탈퇴
************************************************************/
/* 정보수정 : mypage */
.n_mypage {
    text-align: left;
    border: 0px solid #eee;
}

.n_mypage h5 {
    font-size: 1.25em;
    font-weight: 400;
    padding: 10px 0;
    margin-top: 20px;
    border: 0px solid #eee;
}

.n_mypage .sec01 {
    background-color: #fff;
    padding: 10px 0;
}

.n_mypage .sec01 h4 {
    font-size: 1.25em;
    font-weight: 100;
    padding: 10px 0;
    border: 0px solid #ccc;
}

.n_mypage .sec01 p {
    padding: 0px;
}

.n_mypage .member_txt tr td {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}


/* 회원탈퇴 : secede */
.n_secede {
    text-align: left;
}

.n_secede .sec01 {
    margin-bottom: 10px;
    border: 0px solid #ddd;
}

.n_secede h5 {
    font-size: 1.0em;
    font-weight: 400;
    color: #222;
    padding: 10px 0;
    margin-top: 20px;
}

.n_secede input {
    float: left;
    margin-right: 10px;
}

.n_secede .sec03 {
    margin-top: 40px;
}

.n_secede .sec03 input {
    float: none;
    margin-right: 0px;
}




/************************************************************
    ETC.menu
************************************************************/
/* 서비스이용약관, 개인정보취급방침 */
.n_etc {
    height: 600px;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 20px;
}
.n_etc .dbp_table tr {
    border-bottom: 1px solid #eee;
}
.n_etc .dbp_table tr:last-child {
    border: 0px;
}
.n_etc .dbp_table th {
    width: 25%;
    padding: 20px;
}
.n_etc .dbp_table td {
    width: 75%;
    padding: 20px;
}


/* 이메일무단수집거부 */
.n_etc02 {
    margin-top: 20px;
}



/************************************************************
    일정관리
************************************************************/
.n_schedule iframe {
    display: none;
}

.n_schedule input {
    width: auto;
    display: inline-block;
}

.n_schedule .schedule_write_title {
    width: 20%;
    font-family: '';
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}

.n_schedule .schedule_write_cell {
    font-family: '';
    vertical-align: middle;
    padding-left: 10px;
}









/************************************************************
    공통 전체
************************************************************/
.n_form table,
.n_board_txt table,
.n_board_photo > table {
    width: 100%;
}

input[type=text],
input[type=password],
select {
    height: 29px;
    padding: 3px 5px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

input[name=member_img] {
    width: 50%;
    height: 29px;
}

input[class=formmail_border] {
    max-width: 100%;
}




/************************************************************
    게시판
************************************************************/
/* 포토게시판 : 목록 */
.n_board_photo .ft_reset .bbsnewf5 img {
    width: 100%;
    height: auto;
    border: 5px solid #fff;
}

.n_board_photo > table > .ft_reset > tr > td > table:first-child td {
    background-color: #fff;
}


/* 상단 가로바 컬러(확장) */
.n_board_photo .ft_reset .bbsnewf5 {
    margin-bottom: 50px;
    display: block;
    width: 100%;
}


/*확장*/
@media (max-width: 767px) {
    .n_board_photo .ft_reset > tr > td {
        width: 100%;
        display: block;
    }
    .n_board_photo .ft_reset .bbsnewf5 img {
        width: 100%;
        height: auto;
        border: 0px solid transparent;
    }
}



/* 포토게시판 > 상세 > 큰이미지 */
.n_board_photo #post_area {
    padding: 0px;
}

/*확장*/
.n_board_photo #post_area img {
    width: 100% !important;
    height: auto !important;
}







/* 게시판 > 목록 > 상단 > 카테고리 : 확장 */
.n_board_txt .board:first-child {
    margin: 10px 0;
}
.n_board_txt .board:first-child img {
    width: 0px;
}
.n_board_txt .board:first-child b {
    font-size: 0px;
}
.n_board_txt .board:first-child select {
    width: 200px;
}


/* 게시판 > 목록 > 상단 > 컬러바 */
.board_top_line {
    background-color: #5b95c9;
/*    height: 3px;*/
}
.n_board_txt .board .att_title {
    color: #333;
    padding: 10px 0;
}


/* 게시판 > 목록 > 롤오버 선택컬러 */
.n_board_txt .tr_line {
    font-size: 1.0em;
    border-bottom: 1px solid #ddd;
}
.n_board_txt .tr_line:hover {
    background-color: #eee;
}


/* 게시판 > 목록 > 제목 */
.n_board_txt .tr_line td a:hover {
    color: #000;
}


/* 게시판 > 목록사이즈 */
@media (max-width:767px) {
    .n_board_txt .board .att_title {
        display: none;
    }
    .n_board_txt .tr_line td {
        display: none;
    }
    .n_board_txt .tr_line .bbsno {
        width: 15%;
        display: inline-block;
        float: left;
    }
    .n_board_txt .tr_line .bbsnewf5 {
        width: 65%;
        display: inline-block;
        margin-top: -1px;
        float: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .n_board_txt .tr_line .bbswriter {
        width: 20%;
        display: inline-block;
        float: right;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}


/*게시판 > 읽기 > 댓글*/
.n_board_txt .board_comment_bgcolor {
    border-top: 1px solid #eee;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .n_board_txt .board_comment_bgcolor tbody td:first-child {
        max-width: 100%;
    }
    .n_board_txt .board_comment_bgcolor tbody td {
        display: block;
        width: 100%;
    }
}





/************************************************************
    폼메일
************************************************************/
.n_form table {
    border: 0px solid #ccc;
}

.n_form td.formmail_title_bgcolor {
    vertical-align: middle;
}
.n_form td.formmail_cell_bgcolor {
    padding: 2px;
}
.n_form select {
    font-family: "Noto Sans KR", sans-serif;
    color: #555;
    width: 200px;
}

@media (max-width: 767px) {
    .n_form td.formmail_cell_bgcolor {
        max-width: 100px;
        padding: 0px;
    }
    /*    .n_form td.formmail_cell_bgcolor input,*/
    .n_form td.formmail_cell_bgcolor textarea {
        width: 100%;
        max-width: 100%;
    }
    .n_form input[name=phone_no1],
    .n_form input[name=phone_no2],
    .n_form input[name=phone_no3] {
        width: 65px !important;
    }
    .n_form input[name=name],
    [name=receiver_email],
    [name=address],
    [name=title],
    [type=file] {
        width: 100%;
    }
    .n_form select {
        width: 100%;
    }
}





/************************************************************
    추출게시물
************************************************************/
.bd_out1 a {
    color: #555 !important;
    font-family: "Noto Sans KR", sans-serif !important;
    text-decoration: none !important;
}
.bd_out1 a:hover {
    color: #000 !important;
}






/**************************************************************
    temp_main : 메인페이지 모듈 설명
**************************************************************/
.temp_main > div {
    margin: 100px auto 300px;
    padding: 70px 0;
    width: 100%;
    position: relative;
    border-top: 1px solid #910070;
}

.temp_main > div:before {
    position: absolute;
    top: -60px;
    left: 50%;
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin-left: -60px;
    text-align: center;
    border-radius: 100%;
    background-color: #910070;
    color: #fff;
    font-size: 1.5em;
}

.temp_main .description .tp1 {
    color: #910070;
}
.temp_main .description .tp2 {
    margin-bottom: 100px;
    color: #910070;
}

.temp_main .ms01:before {
    content: 'ms01';
}
.temp_main .ms02:before {
    content: 'ms02';
}
.temp_main .ms03:before {
    content: 'ms03';
}
.temp_main .ms04:before {
    content: 'ms04';
}
.temp_main .ms05:before {
    content: 'ms05';
}
.temp_main .ms06:before {
    content: 'ms06';
}
.temp_main .ms07:before {
    content: 'ms07';
}
.temp_main .ms08:before {
    content: 'ms08';
}
.temp_main .ms09:before {
    content: 'ms09';
}
.temp_main .ms10:before {
    content: 'ms10';
}
.temp_main .ms11:before {
    content: 'ms11';
}
.temp_main .ms12:before {
    content: 'ms12';
}
.temp_main .ms13:before {
    content: 'ms13';
}
.temp_main .ms14:before {
    content: 'ms14';
}
.temp_main .ms15:before {
    content: 'ms15';
}
.temp_main .ms16:before {
    content: 'ms16';
}
.temp_main .ms17:before {
    content: 'ms17';
}
.temp_main .ms18:before {
    content: 'ms18';
}
.temp_main .ms19:before {
    content: 'ms19';
}
.temp_main .ms20:before {
    content: 'ms20';
}
.temp_main .ms21:before {
    content: 'ms21';
}
.temp_main .ms22:before {
    content: 'ms22';
}
.temp_main .ms23:before {
    content: 'ms23';
}
.temp_main .ms24:before {
    content: 'ms24';
}





/**************************************************************
    temp_sub : 서브페이지 모듈 설명
**************************************************************/
.temp_sub > div {
    margin: 100px auto 300px;
    padding: 70px 0;
    width: 100%;
    position: relative;
    border-top: 1px solid #4f9f00;
}

.temp_sub > div:before {
    position: absolute;
    top: -60px;
    left: 50%;
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin-left: -60px;
    text-align: center;
    border-radius: 100%;
    background-color: #4f9f00;
    color: #fff;
    font-size: 1.5em;
}

.temp_sub .description .tp1 {
    text-align: center;
    color: #4f9f00;
}
.temp_sub .description .tp2 {
    margin-bottom: 100px;
    text-align: center;
    color: #4f9f00;
}

.temp_sub .de01_sub:before {
    content: 'de01';
}
.temp_sub .de02_sub:before {
    content: 'de02';
}
.temp_sub .de03_sub:before {
    content: 'de03';
}
.temp_sub .de04_sub:before {
    content: 'de04';
}
.temp_sub .de05_sub:before {
    content: 'de05';
}
.temp_sub .de06_sub:before {
    content: 'de06';
}
.temp_sub .de07_sub:before {
    content: 'de07';
}
.temp_sub .de08_sub:before {
    content: 'de08';
}
.temp_sub .de09_sub:before {
    content: 'de09';
}
.temp_sub .de10_sub:before {
    content: 'de10';
}
.temp_sub .de11_sub:before {
    content: 'de11';
}
.temp_sub .de12_sub:before {
    content: 'de12';
}
.temp_sub .de13_sub:before {
    content: 'de13';
}
.temp_sub .de14_sub:before {
    content: 'de14';
}
.temp_sub .de15_sub:before {
    content: 'de15';
}
.temp_sub .de16_sub:before {
    content: 'de16';
}
.temp_sub .de17_sub:before {
    content: 'de17';
}
.temp_sub .de18_sub:before {
    content: 'de18';
}
.temp_sub .de19_sub:before {
    content: 'de19';
}
.temp_sub .de20_sub:before {
    content: 'de20';
}
.temp_sub .de21_sub:before {
    content: 'de21';
}
.temp_sub .de22_sub:before {
    content: 'de22';
}
.temp_sub .de23_sub:before {
    content: 'de23';
}
.temp_sub .de24_sub:before {
    content: 'de24';
}