/* reset */
@import url("wp_reset.css");

/* font */
@font-face {
  font-family: 'NanumSquareB';
  font-style: normal;
  font-weight: bold;
  src: url('../font/NanumSquareB.ttf') format('truetype'),url('../font/NanumSquareB.otf') format('opentype');
  src: local('Æ'), url('../font/NanumSquareB.woff') format('woff'), url('../font/NanumSquareB.ttf') format('truetype');
}
@font-face {
  font-family: NanumSquareR,'나눔스퀘어';
  font-style: normal;
  font-weight: bold;
  src: url('../font/NanumSquareR.ttf') format('truetype'),url('../font/NanumSquareR.otf') format('opentype');
  src: local('Æ'), url('../font/NanumSquareR.woff') format('woff'), url('../font/NanumSquareR.ttf') format('truetype');
}
@font-face {
  font-family: NanumBarunGothic,'나눔바른고딕';
  font-style: normal;
  font-weight: bold;
  src: url('../font/NanumBarunGothic.ttf') format('truetype'),url('../font/NanumBarunGothic.otf') format('opentype');
  src: local('Æ'), url('../font/NanumBarunGothic.woff') format('woff'), url('../font/NanumBarunGothic.ttf') format('truetype');
}
@font-face {
  font-family: 'NANUMBARUNGOTHICLIGHT';
  font-style: normal;
  font-weight: bold;
  src: url('../font/NANUMBARUNGOTHICLIGHT.ttf') format('truetype'),url('../font/NANUMBARUNGOTHICLIGHT.otf') format('opentype');
  src: local('Æ'), url('../font/NanumSquareR.woff') format('woff'), url('../font/NANUMBARUNGOTHICLIGHT.ttf') format('truetype');
}
@font-face {
	font-family: 'S-CoreDream-4Regular';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 600;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/*style*/
a:focus {outline: none;}

/* base */
.wp_container {max-width: 1200px;margin: 0 auto;padding: 0px;}

.wp_menu_category > a > li {display: inline-block;padding: 0 5px;margin-top: 15px;font-size: 12px;font-family: NanumBarunGothic;color: rgba(45,45,45,1.00);border-right: 3px solid rgb(185, 185, 185);}
.wp_menu_category > a > li:hover {color: #ddd;}

#wp_skin01 {margin-top: 30px;margin-bottom: 60px;}

#wp_skin01 #wp_header_title { border-top: 1px solid #797979; border-bottom: 1px solid #797979;}
#wp_skin01 #wp_header_title h3 {vertical-align: middle;margin: 15px 15px 15px 15px;font-size: 15px;}
#wp_skin01 #wp_header_title p {margin-top: 0;}
/*shop navi*/
#wp_skin01 #wp_navheader_title { border-bottom: 1px solid #a5a5a5;}
#wp_skin01 #wp_navheader_title h3 {vertical-align: middle;margin: 15px 15px 15px 15px;font-size: 12px;text-align: right;}
#wp_skin01 #wp_navheader_title p {margin-top: 0;}

/* button design S */
#wp_skin01 #wp_main .wp_button_1 {font-size: 12px;padding: 5px 10px;text-decoration: none;margin: 3px auto;min-width: 50px;display: inline-block;text-align: center;line-height:17px;  border: 1px solid gray;vertical-align: top;background-color: white;font-family: NanumBarunGothic;}
#wp_skin01 #wp_main .wp_button_1 a {color: #121212;}
#wp_skin01 #wp_main .wp_button_1:hover {background: #aaa;color: #fff;}
#wp_skin01 #wp_main .wp_button_1a {line-height: 1.4;}



/* button design E */

#wp_skin01 #wp_main .news_even_fr {float:left;text-align:right;}
#wp_skin01 #wp_main .news_even_fr .bbs_tit {float:left;text-align:left;margin: 5px 0 0;}
#wp_skin01 #wp_main .news_even_fr .bbs_tit_num {float:left;text-align:left;margin: 5px 0 0;}

#wp_skin01 #wp_main .wp_pager {text-align: center;margin-top: 10px;}
#wp_skin01 #wp_main .wp_pager a {color: #121212;font-weight: 500; padding: 5px 5px;text-decoration: none; display: inline-block; margin: 0 1px; font-size: 12px;}
#wp_skin01 #wp_main .btn_next {color:gray;font-size: 20px;}
#wp_skin01 #wp_main .wp_ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#wp_skin01 #wp_main .wp_bdn {border: none;}

#wp_skin01 #wp_main .wp_mgt5 {margin-top: 5px;}
#wp_skin01 #wp_main .wp_mgb5 {margin-bottom: 5px;}
#wp_skin01 #wp_main .wp_mgl5 {margin-left: 5px;}
#wp_skin01 #wp_main .wp_mgr5 {margin-right: 5px;}

#wp_skin01 #wp_main .wp_mgt10 {margin-top: 10px;}
#wp_skin01 #wp_main .wp_mgb10 {margin-bottom: 10px;}
#wp_skin01 #wp_main .wp_mgl10 {margin-left: 10px;}
#wp_skin01 #wp_main .wp_mgr105 {margin-right: 10px;}

#wp_skin01 #wp_main .wp_mgt15 {margin-top: 15px;}
#wp_skin01 #wp_main .wp_mgb15 {margin-bottom: 15px;}
#wp_skin01 #wp_main .wp_mgl15 {margin-left: 15px;}
#wp_skin01 #wp_main .wp_mgr15 {margin-right: 15px;}

#wp_skin01 #wp_main .wp_pd0 {padding: 0;}
#wp_skin01 #wp_main .wp_pdt15 {padding-top: 15px;}
#wp_skin01 #wp_main .wp_pdb15 {padding-bottom: 15px;}
#wp_skin01 #wp_main .wp_pdl15 {padding-left: 15px;}
#wp_skin01 #wp_main .wp_pdr15 {padding-right: 15px;}

#wp_skin01 #wp_main .wp_input_th label {font-size: 14px;}
#wp_skin01 #wp_main .wp_input_td {font-size: 14px;}
#wp_skin01 #wp_main .wp_tac {text-align: center;}
#wp_skin01 #wp_main .wp_tar {text-align: right;}
#wp_skin01 #wp_main .wp_tal {text-align: left;}
#wp_skin01 #wp_main .wp_dib {display: inline-block;}
#wp_skin01 #wp_main .wp_mobile_db {display: inline-block;}
#wp_skin01 #wp_main .wp_mobile_dib {display: block;}

@media (max-width: 768px){
	#wp_skin01 #wp_main .wp_mobile_db {display: block;}
	#wp_skin01 #wp_main .wp_mobile_dib {display: inline-block;}
	#wp_skin01 #wp_main .wp_pager a {font-size:3vw;margin: 0 1vw;}
}


#wp_main .wp_input_tr{padding: 0;margin: 0;display: block;border-bottom: 1px solid #ddd;font-size: 0;}
#wp_main .wp_input_tr p{font-size: 12px;}
#wp_main .wp_input_tr:last-child {border-bottom: ;}
#wp_main .wp_input_tr .wp_input_th {padding: 8px 12px;display: inline-block;box-sizing:border-box;vertical-align: top;background-color: white;}
#wp_main .wp_input_tr .wp_input_td {padding: 8px 12px;display: inline-block;box-sizing:border-box;vertical-align: top;background-color: #fff;}
/*2019-05-07 변경 #wp_main .wp_input_tr input {box-sizing:border-box;border: none; padding: 8px 8px;background-color: #f5f5f5;;width: 98%;} */
#wp_main .wp_input_tr input {box-sizing: border-box; border: 1px solid #ddd; padding: 8px 8px; background-color: #fafafa; width: 100%;}
#wp_main .wp_input_tr textarea {width:100%; word-break:break-all;}
#wp_main .wp_input_tr .wp_view_textarea {    font-size: 14px;line-height: 20px; padding: 30px 0px; letter-spacing: 0.6px;}
#wp_main .wp_input_tr .wp_view {display: inline-table;vertical-align: middle;}
#wp_main .wp_input_tr .wp_pd15 {padding: 12px;}

/* 1개 */
#wp_main .wp_input_tr .wp_input_th {width: 15%;}
#wp_main .wp_input_tr .wp_input_td {width: 85%;}

/* 2개 .width1_2 */
#wp_main .wp_input_tr .width1_2 {width: 48%;display: inline-block;}
#wp_main .wp_input_tr .width1_2 .wp_input_th {width: 30%;display: inline-block;    background: #ececec;}
#wp_main .wp_input_tr .width1_2 .wp_input_td {/* width: 70%; */width: 100%;display: inline-block;}

/* width == 768px 미디어쿼리 */
@media (max-width: 768px){
	#wp_main .wp_input_tr .wp_input_th {width: 30%;}
	#wp_main .wp_input_tr .wp_input_td {width: 70%;}
	#wp_main .wp_input_tr .width1_2 {width: 100%;display: inline-block;border-bottom: 1px solid #ddd;}
	#wp_main .wp_input_tr .width1_2:last-child {border-bottom: none;}
	#wp_main .wp_input_tr .width1_2 .wp_input_th {width: 30%;display: inline-block;}
	#wp_main .wp_input_tr .width1_2 .wp_input_td {width: 70%;display: inline-block;}

	#wp_main .wp_input_tr .width2_4 {width: 50%;display: inline-block;border: none;}
	#wp_main .wp_input_tr .width2_4 .wp_input_th {width: 50%;display: inline-block;vertical-align: middle;}
	#wp_main .wp_input_tr .width2_4 .wp_input_td {width: 50%;display: inline-block;vertical-align: middle;}
	#wp_main .wp_input_tr .wp_pd15 {padding: 20px 12px;}
}


/* wp password style */
	#wp_password {width: 100%;text-align: center;}
	#wp_password .bbs_password_div {padding: 15px;border: 9px solid #ddd;display: inline-block;}
	#wp_password .wp_input_th, #wp_password .wp_input_td {display: inline-block;}
	#wp_password .wp_input_td input {box-sizing: border-box; border: none; border-bottom: 1px solid #333; padding: 7px 8px;background-color: #fff; width: 100%;}
	#wp_password .bbs_password_logo {text-align: center;margin-bottom: 15px;}
	#wp_password .bbs_password_logo img {max-width: 100%;}


/* wp reply style */
	#wp_main .wp_Cont .wp_input_tr .faq_under_dib input {width: 13px;margin-right: 10px;}
	#wp_main .reply_view {border: 1px solid #ddd;/*min-height: 150px;*/padding: 10px;text-align: left;font-size: 12px; line-height: 18px;}
     .reply_head {border-top:1px solid rgb(105, 105, 105);border-bottom:1px solid rgb(105, 105, 105);padding: 13px;}


/* wp reply input style */
	/* #wp_main .wp_Cont {padding: 0 15px;} */
	#wp_main .wp_Cont .wp_input_tr .faq_under_dib input {width: 13px;margin-right: 10px;}

/* 유튜브 반응형 hsh */
.wp_youtube {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}
.wp_youtube iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* view페이지 pre 태그(에디터 사용 X) */
pre.wp_editor_none {background: none;margin: 0;border-radius: 0;font-size: 12px;padding: 0;line-height: 1.5;width: 100%;border: none;overflow: hidden;  white-space: pre-wrap;}


/*
	2020-06-01
	pager_design
*/
/* Lib.class.php (line) - 578, 580  클래스추가*/
#wp_skin01 #wp_main .wp_pager .wp_pager_li, .wp_pager_li {cursor: pointer; font-size: 17px;margin-left: 5px;margin-right: 5px;text-align: center;color: #121212;}
#wp_skin01 #wp_main .wp_pager .wp_pager_li_active, .wp_pager_li_active {cursor: pointer; font-size: 17px;font-weight: 800;color: #121212;margin-left: 5px;margin-right: 5px;border-bottom: 2px solid #121212;text-align: center;}
@media (max-width: 768px){
	#wp_skin01 #wp_main .wp_pager .wp_pager_li, .wp_pager_li {cursor: pointer; font-size: 20px;margin-left: 5px;margin-right: 5px;}
	#wp_skin01 #wp_main .wp_pager .wp_pager_li_active, .wp_pager_li_active {cursor: pointer; font-size: 20px;margin-left: 5px;margin-right: 5px;}
}