@charset "UTF-8";

/****************************************************************
Last Updated : 2017-02-06
Author       : amy
Version      : 2.0
****************************************************************/


/*********************** 나눔고딕 ***********************/
@font-face{ 
	font-family:ng; 
	src:url('/font/NanumGothic.woff'); 
	src:local(※), url('/font/NanumGothic.woff') format(‘woff’) 
}

@font-face{ 
	font-family:nbg; 
	src:url('/font/NanumBarunGothic.woff'); 
	src:local(※), url('/font/NanumBarunGothic.woff') format(‘woff’) 
}

@font-face {
	font-family:'NanumGothicWeb'; 
	font-style:normal; 
	src: url('http://webfonts-cdn.mobilis.co.kr/webfonts/Nanum/NanumGothicCompact.eot');
}


/* reset css */
html, body, ul, ol, dl, li, dt, dd, form, fieldset, legend {margin:0; padding:0; outline:0; border:0; background:transparent;}
h1, h2, h3, h4, h5, h6, p {margin:0; font-weight:normal;}
fieldset, img {border:0; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption, label, legend {visibility:hidden; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em}
input, textarea, select {font-size:100%; line-height:normal; font-family:'나눔고딕', 'NanumGothic', ng, sans-serif; margin:0; padding:0; vertical-align:middle;}
ul, ol, dl, li {list-style:none;}
abbr, acronym {border-bottom: .1em dotted; cursor:help;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {display:block;}
a {color:inherit; text-decoration:none}
button {background:none; outline:0; border:0; margin:0; padding:0; cursor:pointer; font-family:'나눔고딕', 'NanumGothic', ng, sans-serif; }

/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select {-webkit-border-radius:0;}

/* rayout css */
html,body {width:100%; font-size:14px; line-height:normal; letter-spacing:-0.5px; font-family:'나눔고딕', 'NanumGothic', ng, 'NanumGothicWeb', sans-serif; color:#333333;}
#naver_dic_audio_controller {display:none; !important;}


/* 문의하기 _ 리스트 */
.board_list {display:block; width:100%; overflow:hidden;}
.board_list .btn_write {display:inline-block; width:120px; height:40px; line-height:34px; border:3px solid #381e05; color:#381e05; text-align:center; font-weight:600; margin-bottom:30px; box-sizing:border-box;}
.board_list table {width:100%; table-layout:fixed; margin-bottom:30px;}
.board_list table th {height:50px; border-top:2px solid #381e05; border-bottom:1px solid #cccccc;}
.board_list table td {height:40px; border-bottom:1px solid #cccccc; text-align:center; color:#545454;}
.board_list table td.board_title {text-align:left; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap; padding-left:20px;}
.board_list table td .ing {color:#d82217;}
.board_list table td .end {color:#6076ae;}

.board_list_m {display:none;}

/* 문의하기 _ 글쓰기 */
.board_write {width:100%; height:570px; overflow-y:auto;}
.board_write .btn_write {display:inline-block; width:120px; height:40px; line-height:34px; border:3px solid #381e05; color:#381e05; text-align:center; font-weight:600; margin-bottom:30px; box-sizing:border-box;}
.board_write table {width:100%; table-layout:fixed; margin-bottom:30px;}
.board_write table th {height:50px; border-bottom:1px solid #cccccc; background:#f2f2f2;} 
.board_write table td {height:50px; border-bottom:1px solid #cccccc; color:#545454; padding:10px; box-sizing:border-box;}
.board_write table td input {width:100%; height:40px; border:1px solid #cccccc;}
.board_write table td input[type='password'] {width:220px;}
.board_write table td textarea {width:100%; height:260px; border:1px solid #cccccc;}
.board_write table td .text_conts {width:100%; line-height:24px;}
.board_write table .first {border-top:2px solid #381e05;}

.board_write .phone_sel {width:100px; height:40px; font-size:14px;}
.board_write .hp1 {width:100px; height:40px; text-indent: 10px;}
.board_write .hp2 {width:100px; height:40px; text-indent: 10px;}

.inquiry_reply {width:100%; border-top:2px solid #333333; background:#f2f2f2 url('/images/main/bg_reply.png') no-repeat 40px 30px; overflow:hidden; padding: 30px 0 30px 145px; box-sizing:border-box; line-height:24px; margin-bottom:30px}

/* 비밀번호 */
.password_area {width:100%; height:570px; background:#f2f2f2 url('/images/main/bg_password.png') no-repeat center 100px; text-align:center; padding-top:260px; box-sizing:border-box;}
.password_area span {display:block; font-size:18px; margin-bottom:40px;}
.password_area input {width:400px; height:50px; border:1px solid #cccccc; margin-bottom:40px;}

/* 버튼 */
.button_area {width:100%; overflow:hidden; text-align:center;}
.button_area button, .button_area a {display:inline-block; width:120px; height:40px; line-height:40px; color:#fff; margin:0 1px; font-weight:600;}
.button_area button, .button_area a.cancel {background:#333333;}
.button_area a.delete {background:#666666;}
.button_area a {background:#381e05;}

/* 게시판 페이징 */
.paging {width:100%; height:25px; text-align:center;}
.paging strong, .paging a {display:inline-block; width:24px; height:24px; margin-right:1px; color:#9f9f9f; font-size:13px; line-height:24px; box-sizing:border-box;}
.paging a:hover {color: #381e05; border: 1px solid #381e05; line-height:22px}
.paging a.img_btn img, .paging a.img_btn:hover img {margin-top:-1px;}
.paging a.img_btn:hover {border:0;}
.paging strong {color: #381e05; border: 1px solid #381e05;}

/****************************************************************
모바일 
****************************************************************/
@media screen and (max-width:700px) {

/* 문의하기 _ 리스트 */
.board_list {display:none;}
.board_list_m {display:block;width:100%; overflow:hidden;}
.board_list_m .btn_write {display:inline-block; width:30%; height:35px; line-height:29px; border:3px solid #381e05; color:#381e05; text-align:center; font-weight:600; margin-bottom:20px; box-sizing:border-box;}
.board_list_m ul {overflow:hidden; border-top:2px solid #381e05; margin-bottom:20px}
.board_list_m ul li {overflow:hidden; padding:5% 3%; border-bottom:1px solid #cccccc; color:#545454;}
.board_list_m ul li .board_title {display:block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap; margin-bottom:5px; font-weight:600; font-size:14px; color:#545454}
.board_list_m ul li .ing {color:#d82217;}
.board_list_m ul li .end {color:#6076ae;}

/* 문의하기 _ 글쓰기 */
.board_write {width:100%; overflow:hidden;}
.board_write .btn_write {display:inline-block; width:120px; height:40px; line-height:34px; border:3px solid #381e05; color:#381e05; text-align:center; font-weight:600; margin-bottom:30px; box-sizing:border-box;}
.board_write table {width:100%; table-layout:fixed; margin-bottom:30px;}
.board_write table th {height:50px; border-bottom:1px solid #cccccc; background:#f2f2f2;} 
.board_write table td {height:50px; border-bottom:1px solid #cccccc; color:#545454; padding:10px; box-sizing:border-box;}
.board_write table td .detail {display:block; margin-top:5px; font-size:12px;}
.board_write table td input {width:100%; height:30px; border:1px solid #cccccc; padding-left:3%; box-sizing:border-box; font-size:12px;}
.board_write table td textarea {width:100%; height:100px; border:1px solid #cccccc; padding:3%; box-sizing:border-box; font-size:12px;}
.board_write table td .text_conts {width:100%; line-height:24px;}
.board_write table .first {border-top:2px solid #381e05;}

.board_write .phone_sel {width:30%; height:40px; font-size:14px;}
.board_write .hp1 {width:26%; height:40px; }
.board_write .hp2 {width:26%; height:40px; }


/* 문의하기 _ 글보기 */
.board_view {width:100%; overflow:hidden;}
.board_view .inquiry_question {width:100%; border-top:2px solid #381e05; margin-bottom:20px}
.board_view .inquiry_question .title_area {overflow:hidden; padding:5% 3%; border-bottom:1px solid #cccccc; color:#545454;}
.board_view .inquiry_question .title_area .board_title {display:block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap; margin-bottom:5px; font-weight:600; font-size:14px; color:#545454}
.board_view .inquiry_question .title_area .ing {color:#d82217;}
.board_view .inquiry_question .title_area .end {color:#6076ae;}
.board_view .inquiry_question .question_conts {box-sizing:border-box; padding:5% 3%; line-height:24px;}

.inquiry_reply {width:100%; border-top:2px solid #333333; background:#f2f2f2 url('/m/images/main/bg_reply.png') no-repeat 3% 18px; background-size:15%; overflow:hidden; padding: 15px 15px 15px 20%; box-sizing:border-box; line-height:24px; margin-bottom:30px}

/* 비밀번호 */
.password_area {width:100%; height:310px; background:#f2f2f2 url('/images/main/bg_password.png') no-repeat center 30px; text-align:center; padding:130px 0 50px; background-size:15%; box-sizing:border-box; overflow:hidden;}
.password_area span {display:block; font-size:18px; margin-bottom:20px;}
.password_area input {width:50%; height:25px; border:1px solid #cccccc; margin-bottom:20px;}

/* 버튼 */
.button_area {width:100%; overflow:hidden; text-align:center; margin-bottom:30px;}
.button_area button, .button_area a {display:inline-block; width:30%; height:30px; line-height:30px; color:#fff; margin:0 1px; font-weight:600;}
.button_area button, .button_area a.cancel {background:#333333;}
.button_area a.delete {background:#666666;}
.button_area a {background:#381e05;}

/* 게시판 페이징 */
.paging {width:100%; height:25px; text-align:center;}
.paging strong, .paging a {display:inline-block; width:24px; height:24px; margin-right:1px; color:#9f9f9f; font-size:13px; line-height:24px; box-sizing:border-box;}
.paging a:hover {color: #381e05; border: 1px solid #381e05; line-height:22px}
.paging a.img_btn img, .paging a.img_btn:hover img {margin-top:-1px;}
.paging a.img_btn:hover {border:0;}
.paging strong {color: #381e05; border: 1px solid #381e05;}

}