@charset "utf-8";

select {
	cursor:pointer; padding:8px 25px 8px 8px;
	background-image:url(/img/common_responsive/select.png) !important;
	background-repeat:no-repeat !important;
	background-position:95% 50% !important;
	border:1px solid #e5e5e5;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
	letter-spacing:-1px;
	border-radius:0 !important;
}
select::-ms-expand {display:none;}
textarea {line-height:1.6; border:1px solid #e5e5e5; width:100%;}

* {box-shadow:none;}
.btn-normal {color:#333 !important; background-color:#fff; border:1px solid #333; padding:8px 30px; font-size:16px;}
.btn-normal:hover {color:#fff !important; background-color:#e5e5e5;}

input[type=checkbox], input[type=radio] {margin:0 !important; margin-right:0px !important;}
.inputWrap label > input[type=radio]+span {margin-right:15px;}

.inputW-xs {width:100px !important;}
.inputW-md {width:300px !important; display:block; margin-bottom:7px;}


label.block {display:inline-block !important;}
label.block~p {display:block !important;}

input:focus, select:focus {
	outline:none !important;
}

input {
	
	border-radius:0 !important;
	-moz-appearance:none; /* Firefox */
	/*-webkit-appearance:none; /* Safari and Chrome */
	/* appearance:none; */
	
}

/* -------------------- ¹öÆ° -------------------- */
.btn_box {position:relative; text-align:center; margin-top:30px; padding-top:30px;}
.btn_box ul {display:inline-block; margin:0; padding:0;}
.btn_box li {float:left; padding-right:5px;}
.btn_box li:last-child {padding-right:0;}

a.typeA {border:1px solid transparent; border-radius:30px; background:#00b1bf; color:#fff !important; font-weight:500;}
a.typeA:hover {background:#464646;}
a.typeB {padding:11px 10px; font-size:12px; border:1px solid transparent; background:#777; color:#fff !important; vertical-align:middle; font-weight:400;}
/* a.typeB:hover {background:#97bf2e;} */
a.typeC {border:1px solid #d9d9d9; border-radius:5px; background:#f3f3f3; color:#333 !important;}
a.typeC:hover {background:#e6e6e6; color:#333 !important;}

.btnBox {position:relative; margin:40px auto; text-align:center;}

/* size */
.btn_sm {padding:15px 50px; font-size:18px; display:inline-block; }
.btn_xs {padding:17px 15px; font-size:14px; display:inline-block; font-family:"NotoSansKR";}

/* color */
.bg_gray {background:#333; color:#fff !important;}
.bg_gray:hover {background:#000;}
.bg_green {background:#46af00; color:#fff !important;}
.bg_green:hover {background:#51cb00;}
.bg_orange {background:#ff9701; color:#fff !important;}
.bg_orange:hover {background:#ffba01;}
.bg_default {background:#fff; border:1px solid #ddd;}

.block {display:block !important;}
.mar0 {margin:0 !important;}
.ver_base a {vertical-align:baseline;}


/* -------------------- Æû -------------------- */
.form-horizontal .form-group {margin-left:0; margin-right:0;}
.join_step {margin:0 30px; text-align:center; font-size:12px; letter-spacing:-1px;}
.join_step li {padding:20px; color:#000; background:url(../images/member/arrow_right.png) no-repeat 100% 50%; background-size:30px; opacity:.2; font-size:16px; font-family:'NotoSansKR' !important; font-weight:bold; line-height:1.4;}
.join_step li span {background-size:60px !important; display:inline-block; width:100%; height:50px; padding-top:70px;}
.join_step li .i_check {background:url(../images/member/i_check.png)no-repeat center;}
.join_step li .i_write {background:url(../images/member/i_write.png)no-repeat center;}
.join_step li .i_finish {background:url(../images/member/i_finish.png)no-repeat center;}
.join_step li:last-child {background:none;}
.join_step li.on {color:#000; opacity:1; font-size:16px;}

.join {margin:0;}
.join p {color:#000; font-size:17px; font-family:'NotoSansKR' !important;}
.join label {display:block; margin:0; color:#666;}
.join .checkbox label {font-size:14px; font-family:'NotoSansKR'; display:inline-block; color:#555;}
.join .agree {overflow-y:auto;}
.join .privacy {overflow-y:auto;}
.join {font-family:'NotoSansKR';}
.join .title {padding-bottom:10px; margin-bottom:0; border-bottom:1px solid #333; font-size:16px; color:#000;}
.join .title span {font-size:12px; color:#666; font-weight:normal;}
.join .formGroup a.btn {min-height:32px; font-size:11px; letter-spacing:0; padding:0 20px; line-height:2.8;}
.join .formGroup label {clear:left; font-size:14px; padding-left:0; padding-right:0; letter-spacing:-1px;}
.join .formGroup label.block {display:inline-block !important; width:auto;}
.join .formGroup>label	{padding-right:30px; font-family:'NotoSansKR'; word-break:keep-all;}
.join .formGroup .gender {font-size:14px; font-weight:normal;}
.join .formGroup>div {min-height:34px; margin-bottom:20px;}
.join .formGroup>div>div {padding-left:0;}
.join .formGroup>div>div.gender label {display:inline-block; margin-left:10px; vertical-align:baseline;}
.join .formGroup>div:last-child {margin-bottom:0;}
.join .formGroup>div p {clear:both; margin:0; font-size:12px; color:#999; line-height:1.4;}
.join .formGroup>div>* {margin-bottom:5px;}
.join .formGroup input[type="text"].inline {height:34px; padding:4px 12px; border:1px solid #ccc;}
.join .formGroup span.inline {display:block; float:left; height:34px; padding:6px 5px;}
.join .formGroup .select_box {height:34px;border:1px solid #ccc;}
.join .formGroup .mail {border-right:0 !important;}
.join .formGroup .divinner label {display:block; }
.join .formGroup .divinner label input {vertical-align:middle; margin:0 !important;}
.join .formGroup .divinner label .check_text {vertical-align:middle; padding-left:5px; font-family:'NotoSansKR';}
.join .formGroup .divinner>div {padding-right:5px !important;}
.join .formGroup .divinner>div:last-child {padding-right:0 !important;}
.join .formGroup .check_text {font-weight:normal; font-size:12px;}
.join .formGroup .autoCodeWrap {position:relative;}
.join .formGroup .autoCode {position:relative; top:0; left:0; z-index:100; border:1px solid #e5e5e5; width:102px; height:40px; line-height:40px; padding:0 12px; /* color:#3e9eff; font-weight:bold; font-size:16px; */ vertical-align:top;}
.join .formGroup .autoCode+div input {padding-left:92px;}

.join .formGroup {padding:10px 5px; border-bottom:1px solid #eee;}
.join .formGroup .labelName {display:inline-block; width:200px; vertical-align:top; padding-left:30px; padding-top:10px; font-size:14px; font-weight:500;}
.join .formGroup .inputWrap {display:inline-block; height:40px;}
.join .formGroup .inputWrap>*{display:inline-block; margin:0 !important;}
.join .formGroup .inputWrap select,
.join .formGroup .inputWrap input:not([type=radio]):not([type=checkBox]) {width:220px; height:40px; border:1px solid #ddd; padding-left:5px; font-size:14px; letter-spacing:-1px; color:#666;}
.join .formGroup .inputWrap>div:last-child {display:inline-block;}
.join .formGroup .inputWrap.h0 {height:auto !important; width:76.8%;}
.join .formGroup .inputWrap.h0>div:first-child {margin-bottom:7px !important;}
.join .formGroup .inputWrap.h0>div:last-child {display:block;}
.join .formGroup .inputWrap>div:last-child input {}
.btn_box {text-align:center;}
.board_ebi .write_normal .form-group>div p {letter-spacing:-1px;}
.padr5 {padding-right:5px !important;}

.join .checkbox {text-align:right; padding:10px 30px 40px;}


/* -------------------- ÈÄ¿ø½Åû Ãß°¡ -------------------- */
.application_form {border:1px solid #ddd;}
.join h4 {padding:25px 30px; background:#f9f9f9; border-bottom:1px solid #e5e5e5; color:#00b1bf !important; margin:0 !important; font-size:20px; font-weight:700;}
.join h5 {padding:30px; color:#222; font-size:16px;}
.cal_Img img {vertical-align:middle;}
.AddrWrap  .inputW-md {width:100% !important;}
.join .formGroup .inputWrap.b_license input[type=text] {width:80px; margin-right:5px !important;}
.join.application_form .formGroup > .address > div:nth-child(2)  {display:block;}
/* .join .cal_Img img {height:40px !important;} */
button[disabled], html input[disabled] {background:#e5e5e5;}


/* -------------------- ȸ¿ø-°¡ÀÔ ÀÌ¿ë¾à°ü -------------------- */
.join .h4 {font-size:17px; font-family:'NotoSansKR'; margin-bottom:10px;}
.agree, .privacy {padding:20px !important; margin:0 30px; border:1px solid #e5e5e5; background-color:#f9f9f9;}
.agree pre, .privacy pre {width:100%; font-size:13px; margin:0; padding:0; font-family:'NotoSansKR' !important; color:#555; line-height:inherit; background:transparent; border:none; word-break:keep-all; overflow-x:hidden;}
.agree pre strong, .privacy pre strong {font-size:14px; font-family:'NotoSansKR' !important; color:#000;}
.join_agree .checkbox {text-align:right;}
.join_agree .checkbox label {display:inline-block;}
.join.styleAdd .agree {margin:0;}
.join.styleAdd .checkbox input[type=checkbox] {margin-left:-20px !important; margin-top:5px !important;}
.formGroup.AutoWrap .autoCodeWrap .autoCode span {font-size:1.2em !important; font-weight:bold !important; font-style:italic !important; color:#3e9eff;}


/* -------------------- 1¼ÒÅ븶´ç - 4¼Ò½ÄÁö -------------------- */
.webzine_search {position:relative; padding-bottom:30px; margin-top:30px; overflow:hidden;}
.webzine_search select {padding:6px 25px 6px 8px; font-size:14px; color:#999; height:40px; boder:1px solid #e5e5e5 !important;}
.webzine_search .w100 {width:100%;}
.webzine_search > div:first-child, .webzine_search > div:last-child {padding-left:0 !important; padding-right:0 !important;}
.webzine_search > div .search_kind {width:100%; font-size:14px; color:#666;}
.webzine_search > .search_box > input[type="text"] {width:100%; height:40px; border:1px solid #ddd; border-left:0; padding-left:5px; font-size:14px; color:#666; letter-spacing:-1px;}
.webzine_search > .search_box .search_btn {position:absolute; top:0; right:0; width:50px; height:40px;}
.webzine_search > .search_box .search_btn a {display:block; width:100%; height:100%; background:url(../images/common/icon_search_fix.png) no-repeat 50%;}

.webzine_wrap.insertBg {margin-top:0 ! important;}
.webzine_wrap ul li, .sponsor_wrap ul li {margin-bottom:30px; padding:0 20px;}
.webzine_wrap li>div a, .sponsor_wrap li>div a {display:inline-block; width:100%; border:1px solid #e7e7e7;}
.webzine_wrap li>div a:hover, .sponsor_wrap li>div a:hover {box-shadow:0px 0px 20px rgba(0,0,0,.1) !important;}
.webzine_wrap .subject {padding:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/* -------------------- 4º¹Áö°ü¼Ò½Ä - 7½Ä´ÜÇ¥ -------------------- */
/*´Þ·Â::»ó´Ü¹öÆ°*/
.calendarBox .calendar_btn {width:100%; text-align:center;}
.calendarBox .calendar_btn p {line-height:1;}
.calendarBox .calendar_btn p a {border:1px solid #eee; padding:0 15px; display:inline-block; background:#fff; border-radius:3px; height:30px; vertical-align:middle;}
.calendarBox .calendar_btn p a+a {margin-left:3px;}
.calendarBox .calendar_btn p a.first {background: url(../images/common/first.png) 45% 50% no-repeat;}
.calendarBox .calendar_btn p a.first:hover {border-radius:3px; background: url(../images/common/first.png) 45% 50% no-repeat;}
.calendarBox .calendar_btn p a.prev {background: url(../images/common/prev.png) 45% 50% no-repeat;}
.calendarBox .calendar_btn p a.prev:hover {border-radius:3px; background: url(../images/common/prev.png) 45% 50% no-repeat;}
.calendarBox .calendar_btn p strong {display:inline-block; font-size:36px; color:#000; padding:0 20px; font-weight:300; line-height:1;}
/* .calendarBox .calendar_btn p strong>span {font-weight:500; color:#ff9a3e;} */
.calendarBox .calendar_btn p strong>span {display:inline-block; line-height:1;}
.calendarBox .calendar_btn p a.next {background: url(../images/common/next.png) 55% 50% no-repeat;}
.calendarBox .calendar_btn p a.next:hover {border-radius:3px; background: url(../images/common/next.png) 55% 50% no-repeat;}
.calendarBox .calendar_btn p a.last {background: url(../images/common/last.png) 55% 50% no-repeat;}
.calendarBox .calendar_btn p a.last:hover {border-radius:3px; background: url(../images/common/last.png) 55% 50% no-repeat;}
/*´Þ·Â::*/
.calendarBox .calendar_view {display:table; border-collapse:collapse; width:100%; word-break:break-all; padding:10px; margin:20px auto;}
/* .calendarBox .calendar_view > * {display:table;} */
.calendarBox .calendar_view tr {display:table-row;}
.calendarBox .calendar_view td {display:table-cell; width:auto; height:170px;}
.calendarBox .calendar_view td center {cursor:pointer}
.calendarBox .calendar_view tr th {border:1px solid #cfcfcf; text-align:center; padding:10px 20px; background:#f9f9f9; color:#111; border-top:2px solid #5b5b5b; font-weight:400 !important; font-size:16px;}
.calendarBox .calendar_view tr td {border:1px solid #cfcfcf; vertical-align:top; padding:10px 20px;}
.calendarBox .calendar_view tr p.menu_name {font-size:15px;}
.calendarBox .calendar_view tr td.today {background:#fff5ef !important;}
.calendarBox .calendar_view tr td>span b {color:#666;}
.calendarBox .calendar_view tr td:first-child span b {color:#e45b85 !important; font-weight:700;}
.calendarBox .calendar_view tr td:last-child span b {color:#5b8be4 !important; font-weight:700;}
.calendarBox .calendar_view tr td>span {display:block; color:#999; text-align:left; margin-bottom:20px;}
.calendarBox .calendar_view td font {display:none;}
.calendarBox .calendar_view td font.on {display:inline-block;}
.calendarBox .calendar_view td div a {display:block; font-size:14px; line-height:1.3; margin-bottom:10px;}
.calendarBox .calendar_view td div a:hover {color:red;}
.calendarBox .calendar_view tr td div.num {visibility:hidden;height:0;}
.calendarBox .calPop {z-index:-100; opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
.calendarBox .calPop .popClose {display:none;}
.calendarBox .calendar_view td b {font-weight:normal;}


/* -------------------- 5ÇÔ²²Çϴ»ç¶÷µé - 1ÇÔ²²Çϴ»ç¶÷µé -------------------- */
.sponsor_wrap .img {background-size:70% !important; }
/* .sponsor_wrap .img {background-size:contain !important; } */
.sponsor_wrap .subject {padding:10px; font-weight:400; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* Æä±â³×ÀÌ¼Ç */
.pagination>li {display:inline;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0;}
.page_box_normal .pagination .first, .page_box_normal .pagination .next, .page_box_normal .pagination>li:nth-child(3) > a {border-left:1px solid #dedede;}
.pagination>li>a,
.pagination>li>span {position:relative; float:left; padding:6px 12px;}

/* ÆäÀÌ¡¹Ú½º PC */
.page_box_normal {position:relative; margin-top:30px; text-align:center;}
.page_box_normal .pagination {display:inline-block; margin:0; text-align:center;}
.page_box_normal .pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; width:40px; height:40px; line-height:1.6; border-left:0;}
.page_box_normal .pagination>li>a.active {color:#fff; background:#333 !important; font-weight:400;}
.page_box_normal .pagination .first,
.page_box_normal .pagination .prev,
.page_box_normal .pagination .next,
.page_box_normal .pagination .last {color:#333; background-color:#fff;}
.page_box_normal .pagination .first:hover,
.page_box_normal .pagination .prev:hover,
.page_box_normal .pagination .next:hover,
.page_box_normal .pagination .last:hover {color:#fff;}
.page_box_normal .pagination .prev {margin-right:10px;}
.page_box_normal .pagination .next {margin-left:10px;}
.page_box_normal .pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:13px 20px 0 20px;}
.page_box_normal .pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}




/* ´Þ·Â */
#calenderPop { z-index:10000; }
.input_sel {border:1px solid #7f9db9; background:#f7f9fb;font-size:11px;height:19px; vertical-align:middle; }
.input_sel {color:#555555;}

.Calendar_Day_mouseOver { background:#72a6ef; }
.Calendar_Day_mouseOut {  background:#ffffff; }
#cursorData td{ border:1px solid white; width:100%; padding:4px 8px;font-family:"µ¸¿ò", sans-serif; font-size:11px; letter-spacing:-1px;}

/* ¸ð¹ÙÀÏ ´Þ·Â START */
.mobileCal .mobileCalPopup {z-index:9990; display:none; position:fixed; width:100%; height:100%; left:0; top:0;}
.mobileCal .mobileCalPopup .bg {z-index:9991; position:fixed; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60);}
.mobileCal .mobileCalPopup .mobileCalFrame {z-index:9992; position:fixed; text-align:center; max-width:90%;}

.mobileCalInner {text-align:center; background:#fff; padding:40px 30px; /* border-radius:3px; */}


/* ÇÏ´Ü ÆäÀÌÁö ¹öÆ° */
.mobileCalInner .btn_box {text-align:center; margin-top:20px; padding-top:20px;}
/* .mobileCalInner .btn_box ul {margin:10px 0;} */
.mobileCalInner .btn_box li {display:inline-block;}


.mobileCalInner select {
	display:inline-block; height:32px; padding:8px; margin:0 2px 2px 0; vertical-align:middle;
	font-size:inherit; line-height:1.4;
	max-width:100%;
	border:1px solid rgba(0,0,0,.3); background-color:#fff;
	/* border-radius:3px; */
	box-shadow:none !important; width:80px;
	/* float:inherit; */
}
.mobileCalInner select:nth-child(2),
.mobileCalInner select:nth-child(3) {width:65px;}

.mobileCalInner select {-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none; padding:0 20px 0 10px !important; background:url(/img/common_responsive/select.png) no-repeat 100% 50% #fff; background-size:20px;
}


.mobileCalInner select::-ms-expand {
	display: none;
}
/* ¸ð¹ÙÀÏ ´Þ·Â END */





/* ************************ ÅÂºí¸´ ÀÌÇÏ(~991) ************************ */
@media screen and (max-width: 991px) {


	/* -------------------- 1¼ÒÅ븶´ç - 4¼Ò½ÄÁö -------------------- */
	.webzine_wrap ul li, .sponsor_wrap ul li {margin-bottom:30px; padding:0 20px; width:50%;}

	/* Æä±â³×ÀÌ¼Ç */
	.pagination>li {display:inline;}
	.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0;}
	.page_box_normal .pagination .first, .page_box_normal .pagination .next, .page_box_normal .pagination>li:nth-child(3) > a {border-left:1px solid #dedede;}
	.pagination>li>a,
	.pagination>li>span {position:relative; float:left; padding:6px 12px;}

	/* ÆäÀÌ¡¹Ú½º ¸ð¹ÙÀÏ */
	.page_box_normal {position:relative; text-align:center;}
	.page_box_normal .mobile label {display:none;}
	.page_box_normal .mobile {display:inline-block; margin:0; padding:0;}
	.page_box_normal .mobile>li {float:left; height:100%; /* padding-right:5px; */}
	/* .page_box_normal .mobile>li:last-child {padding-right:0;} */
	.page_box_normal .mobile .prev {display:block; min-width:34px; height:40px; background:url(../images/common/prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-right:0; border-radius:0;}
	.page_box_normal .mobile .next {display:block; min-width:34px; height:40px; background:url(../images/common/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-right:0; border-radius:0;}
	.page_box_normal .mobile .write {display:block; min-width:34px; height:34px; line-height:1; padding:9px 20px 0 20px !important;}
	.page_box_normal .mobile .write:hover {background:#333; color:#fff !important;}
	.page_box_normal .mobile select {font-size:13px; color:#666; border:1px solid #dedede; height:40px; margin-top:0; margin-left:-1px !important; border-radius:0; padding:5px 35px 8px 8px; background-position:95% 50% !important;}
	.page_box_normal .mobile .form-control  {border:0; border-radius:0;}
	.page_box_normal .mobile .dropdown-toggle:hover {border-radius:0 !important;}
	.page_box_normal .mobile .btn-default  {border:0; height:35px !important;}
	.page_box_normal .mobile .filter-option {padding:0 !important;}
	.form-control button {height:40px;}


	/* -------------------- 4º¹Áö°ü¼Ò½Ä - 7½Ä´ÜÇ¥ -------------------- */
	/*´Þ·Â::»ó´Ü¹öÆ°*/
	/* .calendarBox .calendar_btn {width:100%; text-align:center;} */
	/* .calendarBox .calendar_btn p {} */
	/* .calendarBox .calendar_btn p a {border:1px solid #eee; padding:2px 15px; display:inlline-block; background:#fff;} */
	/* .calendarBox .calendar_btn p a.first {background:#464646 url(../images/common/cal_first.png) 45% 50% no-repeat; border-right:0;} */
	/* .calendarBox .calendar_btn p a.first:hover {background:#000 url(../images/common/cal_first.png) 45% 50% no-repeat; border-right:0;} */
	/* .calendarBox .calendar_btn p a.prev {background:#464646 url(../images/common/cal_prev.png) 45% 50% no-repeat;} */
	/* .calendarBox .calendar_btn p a.prev:hover {background:#000 url(../images/common/cal_prev.png) 45% 50% no-repeat;} */
	/* .calendarBox .calendar_btn p strong {display:inline-block; font-size:24px; color:#000; padding:0 20px; font-weight:300;} */
	/* .calendarBox .calendar_btn p strong>span {font-weight:500; color:#ff9a3e;} */
	/* .calendarBox .calendar_btn p a.next {background:#464646 url(../images/common/cal_next.png) 55% 50% no-repeat;} */
	/* .calendarBox .calendar_btn p a.next:hover {background:#000 url(../images/common/cal_next.png) 55% 50% no-repeat;} */
	/* .calendarBox .calendar_btn p a.last {background:#464646 url(../images/common/cal_last.png) 55% 50% no-repeat; border-left:0;} */
	/* .calendarBox .calendar_btn p a.last:hover {background:#000 url(../images/common/cal_last.png) 55% 50% no-repeat; border-left:0;} */
	
	
	/*´Þ·Â::»ó´Ü¹öÆ°*/
	.calendarBox .calendar_btn {width:100%; text-align:center;}
	.calendarBox .calendar_btn p {line-height:1;}
	.calendarBox .calendar_btn p a {border:1px solid #eee; padding:0 15px; display:inline-block; background:#fff; border-radius:3px; height:30px; vertical-align:middle;}
	.calendarBox .calendar_btn p a+a {margin-left:3px;}
	.calendarBox .calendar_btn p a.first {background: url(../images/common/first.png) 45% 50% no-repeat;}
	.calendarBox .calendar_btn p a.first:hover {border-radius:3px; background: url(../images/common/first.png) 45% 50% no-repeat;}
	.calendarBox .calendar_btn p a.prev {background: url(../images/common/prev.png) 45% 50% no-repeat;}
	.calendarBox .calendar_btn p a.prev:hover {border-radius:3px; background: url(../images/common/prev.png) 45% 50% no-repeat;}
	.calendarBox .calendar_btn p strong {display:inline-block; font-size:24px; color:#000; padding:0 20px; font-weight:300; line-height:1; vertical-align:middle;}
	/* .calendarBox .calendar_btn p strong>span {font-weight:500; color:#ff9a3e;} */
	.calendarBox .calendar_btn p strong>span {display:inline-block; line-height:1;}
	.calendarBox .calendar_btn p a.next {background: url(../images/common/next.png) 55% 50% no-repeat;}
	.calendarBox .calendar_btn p a.next:hover {border-radius:3px; background: url(../images/common/next.png) 55% 50% no-repeat;}
	.calendarBox .calendar_btn p a.last {background: url(../images/common/last.png) 55% 50% no-repeat;}
	.calendarBox .calendar_btn p a.last:hover {border-radius:3px; background: url(../images/common/last.png) 55% 50% no-repeat;}


	/*´Þ·Â::*/
	.calendarBox .calendar_view {border-collapse:collapse; width:100%; word-break:break-all; padding:10px; margin:20px auto;}
	.calendarBox .calendar_view td {height:170px;}
	.calendarBox .calendar_view td center {cursor:pointer;}
	.calendarBox .calendar_view tr {width:100%;}
	.calendarBox .calendar_view tr th {border:1px solid #cfcfcf; text-align:center; padding:10px; background:#f8f8f9; color:#111; border-top:2px solid #5b5b5b; font-weight:400 !important; font-size:16px;}
	.calendarBox .calendar_view tr td {border:1px solid #cfcfcf; vertical-align:top; padding:10px;}
	.calendarBox .calendar_view tr td.today {background:fff5ef !important; background-clip:padding-box !Important;}
	.calendarBox .calendar_view tr td>span b {color:#666;}
	.calendarBox .calendar_view tr td:first-child span b {color:#e45b85 !important; font-weight:700;}
	.calendarBox .calendar_view tr td:last-child span b {color:#5b8be4 !important; font-weight:700;}
	.calendarBox .calendar_view tr td>span {display:block; color:#999; text-align:left;}
	.calendarBox .calendar_view td font {display:none;}
	.calendarBox .calendar_view td font.on {display:inline-block;}
	.calendarBox .calendar_view td div a {display:block; font-size:14px; line-height:1.3; margin-bottom:10px;}
	.calendarBox .calendar_view td div a:hover {color:red;}
	.calendarBox .calendar_view tr td div.num {visibility:hidden;height:0;}

	/*´Þ·Â::Æ˾÷*/
	.calendarBox .calPop {z-index:-100; position:fixed; opacity:0; top:0; left:0; width:100%; height:100%; padding:20px; }
	.calendarBox .calPop.on {z-index:90000000; opacity:1;}
	.calendarBox .calPop .inner {z-index:10000; position:relative; width:100%; background:#fff; text-align:center; border-radius:7px; overflow-y:auto;}
	.calendarBox .calPop .inner span {display:block; height:60px; padding:15px 20px; font-size:18px; font-weight:400; text-align:left; background:#ff9a3e; color:#fff; letter-spacing:-1px;}
	.calendarBox .calPop.on .inner span font {font-weight:normal;}
	.calendarBox .calPop.on .inner>div {
		display:block; padding:20px 20px 20px 30px; font-size:16px; text-align:left; line-height:1.4; color:#000; word-break:break-all;
		border-bottom:1px solid #eee;
		position:relative;
	}
	.calendarBox .calPop.on .inner>div:before {display:block; content:""; width:3px; height:3px; position:absolute; top:30px; left:20px; background:#000; border-radius:50%;}
	.calendarBox .calPop .inner .popClose {position:absolute; display:block; right:0; top:0; width:60px; height:60px; font-size:24px; color:#fff; text-align:center; line-height:1; padding-top:18px; cursor:pointer; background-color:rgba(0,0,0,.1);}
	.calendarBox .calendar_view td {position:relative; height:100px;}
	.calendarBox .calendar_view tr td div {display:none;}
	.calendarBox .calendar_view tr td div.num {position:absolute; bottom:10px; right:10px; display:block; visibility:visible !important; height:auto !important; text-align:center;}
	.calendarBox .calendar_view tr td div.num p {display:inline-block; padding:0; width:24px; height:24px; border-radius:50%; line-height:1.6; background:#ff9a3e; color:#fff; text-align:center; cursor:pointer;}

	.cal_bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,.7)}



	.input-lg {border-radius:3px !important; font-size:14px;}
	.form-control {border:1px solid #e5e5e5 !important; box-shadow:initial; -webkit-box-shadow:initial;}

	/* °ø¿ë */
	.msg_box * {vertical-align:top;}
	.msg_box p {display:inline-block; font-size:12px !important;}
	.mail2 i {position:absolute; top:5px; left:5px;} /* ¸ÞÀÏ ÀÔ·Â µÎ¹ø° @ ºÎºÐ¿¡ »ç¿ë */
	.mail2 input {padding-left:25px !important;} /* ¸ÞÀÏ ÀÔ·Â µÎ¹ø° @ ºÎºÐ¿¡ »ç¿ë */
	i.msg {display:inline-block; width:40px; height:40px; background:url(../images/member/i_msg.png) no-repeat 0 1px; background-size:28px;}

	.join .checkbox {text-align:right; padding:10px 30px 40px;}
	.btn_box {text-align:center;}
	.btn_box li {display:inline-block;}

	/* ȸ¿ø-·Î±×ÀÎ,ºñ¹ø/¾ÆÀ̵ðã±â */
	.login_box {text-align:center; padding:30px 0; width:100%; border-top:2px solid #003b5e; background:#fff;}
	.login_box .btn {border:1px solid #333;}
	.bioMember .bioBoard .titBox {border-bottom:1px solid #ddd; margin:0 30px 30px;}
	.bottom0 {border-bottom:0 !important; margin-bottom:0 !important;}
	.bioMember .bioBoard .titBox.tablet_style {margin:0 30px;}
	.bioMember .bioBoard .titBox h3 {padding-bottom:20px; margin:0; color:#003b5e; font-size:24px; font-family:'NotoSansKR'; text-align:center;}
	.bioMember .bioBoard>div div.box {padding:0 30px 30px; margin:0;}
	.bioMember .bioBoard>div div.box.tablet_style2 {padding:30px; margin:0 30px;;}
	.login_box p {font-size:14px; margin-bottom:30px;}
	.login_box .form-group {text-align:center;}
	.login_box .form-group label {display:none;}
	.login_box .form-group>* {margin-bottom:10px; padding:0;}
	.login_box .form-group>*:last-child {margin:0;}
	.login_box .login {width:100%; color:#fff !important; background-color:#003b5e; line-height:1; border:none; font-size:16px; padding:25px; border-radius:3px; margin-top:20px;}
	.login_box .login:hover {background:#000;}
	.login_box .info {margin-top:30px; text-align:left; font-size:12px !important; padding:0;}
	.login_box .info>* {padding-left:0; margin:0;}
	.login_box .info span {display:inline-block; width:100%; padding-left:10px; background:url(../images/equip/dot.png)no-repeat 1px 7px; margin-bottom:5px;}
	.login_box .info>div:first-child {border-right:1px solid #eee; padding-right:20px;}
	.login_box .info>div:last-child {padding-left:20px;}
	.login_box .info>div a {margin-left:10px; font-size:13px; font-family:'NotoSansKR'; color:#000; padding-bottom:2px; border-bottom:1px solid #666;}
	.login_box .info>div a:hover {color:#ffaa00; border-bottom:1px solid #ffaa00;}

	/* ȸ¿ø-°¡ÀÔ ÀÌ¿ë¾à°ü*/
	.join .h4 {font-size:17px; font-family:'NotoSansKR'; margin-bottom:10px;}
	.agree, .privacy {padding:20px !important; margin:0 30px; border:1px solid #e5e5e5; background-color:#f9f9f9;}
	.agree pre, .privacy pre {width:100%; font-size:13px; margin:0; padding:0; font-family:'NotoSansKR' !important; color:#555; line-height:inherit; background:transparent; border:none; word-break:keep-all; overflow-x:hidden;}
	.agree pre strong, .privacy pre strong {font-size:14px; font-family:'NotoSansKR' !important; color:#000;}
	.join_agree .checkbox {text-align:right;}
	.join_agree .checkbox label {display:inline-block;}
	.join.styleAdd .agree {margin:0;}

	/* ȸ¿ø-°¡ÀÔÆû */
	.bioMember .bioBoard .inner {padding:30px 0; border-top:2px solid #003b5e; background:#fff;}
	.form-horizontal .form-group {margin-left:0; margin-right:0;}
	.join_step {margin:0 30px; text-align:center; font-size:12px; letter-spacing:-1px; /* border:1px solid #ccc; */}
	.join_step li {padding:20px; color:#000; background:url(../images/member/arrow_right.png) no-repeat 100% 50%; background-size:30px; opacity:.2; font-size:16px; font-family:'NotoSansKR' !important; font-weight:bold; line-height:1.4;}
	/* .join_step li:first-child {padding-right:30px;} */
	/* .join_step li:nth-child(2) {padding-right:60px;} */
	.join_step li span {background-size:60px !important; display:inline-block; width:100%; height:50px; padding-top:70px;}
	.join_step li .i_check {background:url(../images/member/i_check.png)no-repeat center;}
	.join_step li .i_write {background:url(../images/member/i_write.png)no-repeat center;}
	.join_step li .i_finish {background:url(../images/member/i_finish.png)no-repeat center;}
	.join_step li:last-child {background:none;}
	.join_step li.on {color:#000; /* border-bottom:1px solid #000;  */opacity:1; font-size:16px;}
	.join {margin:0;}
	.join p {color:#000; font-size:17px; font-family:'NotoSansKR' !important;}
	.join label {display:block; margin:0; color:#666;}
	.join .checkbox label {font-size:14px; font-family:'NotoSansKR'; display:inline-block; color:#555;}
	.join .agree {overflow-y:auto;}
	.join .privacy {overflow-y:auto;}
	.join {font-family:'NotoSansKR';}
	.join .title {padding-bottom:10px; margin-bottom:0; border-bottom:1px solid #333; font-size:16px; color:#000;}
	.join .title span {font-size:12px; color:#666; font-weight:normal;}
	.join .formGroup a.btn {min-height:32px; font-size:11px; letter-spacing:0; padding:0 20px; line-height:2.8;}
	.join .formGroup label {clear:left; font-size:14px; padding-left:0; padding-right:0; letter-spacing:-1px;}
	.join .formGroup>label	{padding-right:30px; font-family:'NotoSansKR'; word-break:keep-all;}
	.join .formGroup .gender {font-size:14px; font-weight:normal;}
	.join .formGroup>div {min-height:34px; margin-bottom:20px;}
	.join .formGroup>div>div {padding-left:0;}
	.join .formGroup>div>div.gender label {display:inline-block; margin-left:10px; vertical-align:baseline;}
	.join .formGroup>div:last-child {margin-bottom:0;}
	.join .formGroup>div p {clear:both; margin:0; font-size:12px; color:#999; line-height:1.4;}
	.join .formGroup>div>* {margin-bottom:5px;}
	.join .formGroup input[type="text"].inline {height:34px; padding:4px 12px; border:1px solid #ccc;}
	.join .formGroup span.inline {display:block; float:left; height:34px; padding:6px 5px;}
	.join .formGroup .select_box {height:34px;border:1px solid #ccc;}
	.join .formGroup .mail {border-right:0 !important;}
	.join .formGroup .divinner label {display:block; }
	.join .formGroup .divinner label input {vertical-align:middle; margin:0 !important;}
	.join .formGroup .divinner label .check_text {vertical-align:middle; padding-left:5px; font-family:'NotoSansKR';}
	.join .formGroup .divinner>div {padding-right:5px !important;}
	.join .formGroup .divinner>div:last-child {padding-right:0 !important;}
	.join .formGroup .check_text {font-weight:normal; font-size:12px;}
	.join .formGroup .autoCodeWrap {position:relative;}
	.join .formGroup .autoCode {position:relative; top:0; left:0; z-index:100; border:1px solid #e5e5e5; width:110px; height:40px; line-height:40px; padding:0 12px; font-size:16px; vertical-align:top;}
	.join .formGroup .autoCode+div input {padding-left:92px;}

	.join .formGroup {display:table; width:100%; padding:5px;}
	.join .formGroup .labelName {display:table-cell; width:200px; min-width:200px; vertical-align:top; padding-left:30px; padding-top:10px; font-size:14px;}
	.join .formGroup .inputWrap {display:table-cell; height:40px;}
	.join .formGroup .inputWrap>*{display:inline-block; margin:0 !important;}
	.join .formGroup .inputWrap select,
	.join .formGroup .inputWrap input:not([type=radio]):not([type=checkBox]) {width:220px; height:40px; border:1px solid #ddd; padding-left:5px; font-size:14px;}
	.join .formGroup .inputWrap>div:last-child {display:inline-block;}
	.join .formGroup .inputWrap.h0 {height:auto !important;}
	.join .formGroup .inputWrap.h0>div:first-child {margin-bottom:5px !important;}
	.join .formGroup .inputWrap.h0>div:last-child {display:block;}
	.join .formGroup .inputWrap>div:last-child input {}
	.join .formGroup .telWrap>input,
	.join .formGroup .telWrap>select {width:100px !important;}
	.btn_box {text-align:center;}
	.board_ebi .write_normal .form-group>div p {letter-spacing:-1px;}
	.padr5 {padding-right:5px !important;}

	.join .formGroup .inputWrap>p {display:block;}

	/* ȸ¿ø-°¡ÀÔ¿Ï·á */
	.join_end {text-align:center; padding:0 30px;}
	.join_end .title {font-size:20px; color:#000;}
	.join_end .title span {color:#003b5e; font-family:'NotoSansKR';}
	.join_end p {margin-top:20px; font-size:14px;}

	/* ´Þ·Â */
	#calenderPop { z-index:10000; }
	.input_sel {border:1px solid #7f9db9; background:#f7f9fb;font-size:11px;height:19px; vertical-align:middle; }
	.input_sel {color:#555555;}

	.Calendar_Day_mouseOver { background:#72a6ef; }
	.Calendar_Day_mouseOut {  background:#ffffff; }
	#cursorData td{ border:1px solid white; width:100%; padding:4px 8px;font-family:"µ¸¿ò", sans-serif; font-size:11px; letter-spacing:-1px;}

	/* ¸ð¹ÙÀÏ ´Þ·Â START */
	.mobileCal .mobileCalPopup {z-index:9990; display:none; position:fixed; width:100%; height:100%; left:0; top:0;}
	.mobileCal .mobileCalPopup .bg {z-index:9991; position:fixed; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60);}
	.mobileCal .mobileCalPopup .mobileCalFrame {z-index:9992; position:fixed; text-align:center; max-width:90%;}

	.mobileCalInner {text-align:center; background:#fff; padding:50px 30px;}


	/* ÇÏ´Ü ÆäÀÌÁö ¹öÆ° */
	.mobileCalInner .btn_box {text-align:center;}
	.mobileCalInner .btn_box ul {margin:10px 0;}
	.mobileCalInner .btn_box li {display:inline-block;}


	.mobileCalInner select {
		display:inline-block; height:32px; padding:8px; margin:0 2px 2px 0; vertical-align:middle;
		font-size:inherit; line-height:1.4;
		max-width:100%;
		border:1px solid rgba(0,0,0,.3); background-color:#fff;
		border-radius:3px;
		box-shadow:none !important;
		/* float:inherit; */
	}

	.mobileCalInner select {-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none; padding:0 20px 0 10px !important; background:url(/img/common_responsive/select.png) no-repeat 85% 50% #fff; background-size:7px;
	}


	.mobileCalInner select::-ms-expand {
		display: none;
	}
	/* ¸ð¹ÙÀÏ ´Þ·Â END */

	/******** ÈÄ¿ø½Åû Ãß°¡ CSS */
	/* ÈÄ¿ø½Åû ŸÀÌƲ */
	.application_form {border:1px solid #ddd;}
	.join h4 {padding:25px 30px; margin-bottom:30px; border-bottom:2px solid #00abc5; color:#00abc5; font-size:20px;}
	.join h5 {padding:30px;/*  border-top:1px solid #ddd; */ color:#222; font-size:16px;}
	.cal_Img img {vertical-align:middle;}
	.join.application_form > .formGroup > .wd7 > label > input[type="text"]:nth-child(2) {width:70% !important;}
	.AddrWrap  .inputW-md {width:96% !important;}
	.application_form textarea {width:100% !important;}
	.join .formGroup .inputWrap.b_license input[type=text] {width:80px; margin-right:5px !important;}
	.join.application_form .formGroup > .address > div:nth-child(2)  {display:block;}




}


/* ************************ ¸ð¹ÙÀÏ (0~767) ************************ */
@media screen and (max-width: 767px) {

	/* -------------------- 1¼ÒÅ븶´ç - 4¼Ò½ÄÁö -------------------- */
	.webzine_wrap ul li, .sponsor_wrap ul li {margin-bottom:30px; padding:0; width:100%;}
	.webzine_wrap ul li:last-child, .sponsor_wrap ul li:last-child {margin-bottom:0 !important;}








	/* °ø¿ë */
	.join .checkbox {text-align:right; padding:10px 20px 20px;}
	/* ¹öÆ° ¹­À½ */
	.btn_box {position:relative; text-align:center; margin-top:0; padding-top:30px;}

	/* ȸ¿ø-·Î±×ÀÎ,ºñ¹ø/¾ÆÀ̵ðã±â */
	.login_box {width:100%;}
	.login_box .login {margin-top:0; padding:20px;}
	.login_box .info span {width:100%; margin-bottom:0;}
	.login_box .info>div+div {margin-top:10px;}
	.login_box .info>div:first-child {border-right:none; padding-right:0;}
	.login_box .info>div:last-child {padding-left:0;}
	.bioMember .bioBoard .titBox.mobile_style {margin-bottom:0;}
	.bioMember .bioBoard .titBox h3 {font-size:20px;}
	.bioMember .bioBoard .titBox p {font-size:12px; word-break:keep-all;}
	.bioMember .bioBoard .titBox p br {display:none;}
	.bioMember .bioBoard>div div.box.mobile_style {padding-bottom:0;}
	.bioMember .bioBoard2 {padding:0 30px 100px !important; display:none;}


	/* ȸ¿ø-°¡ÀÔ ÀÌ¿ë¾à°ü*/
	.agree, .privacy {padding:20px !important; margin:0 20px; border:1px solid #e5e5e5; background-color:#f9f9f9;}


	/* ȸ¿ø-°¡ÀÔÆû */
	.join {margin:0;}
	.join_step li {word-break:keep-all;}
	.join .formGroup .divinner>div {width:50% !important;}
	.join .formGroup  .autoCodeWrap>div {width:71px !important;}
	.join .formGroup .autoCodeWrap>div.autoCode {font-size:15px; width:100% !important; background:#f5f5f5; border-bottom:0;}
	.join .formGroup .autoCodeWrap>div.autoCode+div {width:100% !important; }
	.join .formGroup .autoCode+div input {padding-left:8px;}
	.join .formGroup .autoCode {position:static;}
	.join .formGroup .telWrap>div:last-child {padding-right:5px !important;}

	.join .formGroup {display:block; padding:0 20px 10px;}
	.join .formGroup .labelName{display:block; padding:10px 0; width:100%; font-weight:bold; color:#222;}
	/* .join .formGroup .inputWrap input:not([type=radio]) {width:100% !important;} */
	.join .formGroup .inputWrap select {width:100% !important;}
	.join .formGroup .inputWrap input:not([type=radio]):not([type=checkBox]) {width:100% !important;}
	.join .formGroup .inputWrap {display:block; height:auto;}
	.join .formGroup .gender {padding-left:0;}
	.join .formGroup .telWrap {}
	.join .formGroup .telWrap select,
	.join .formGroup .telWrap input:not([type=radio]):not([type=checkbox]) {width:30% !important;}
	.join .formGroup .telWrap input[type=checkbox] {width:20px !important;}
	.join .formGroup .emailWrap input[type=checkbox] {width:20px !important;}
	.join .formGroup .emailWrap a {vertical-align:baseline;}
	.join .formGroup .inputWrap input:not([type=radio]).moWidth {width:180px !important;}
	.join .formGroup .inputWrap.h0 {width:100%;}

	.join_step {margin:30px; text-align:center; font-size:12px; letter-spacing:-1px;}
	.join_step li {width:100%; padding:0 0 10px 0; color:#000; background:url(../images/member/arrow_right.png) no-repeat 135px 5px; background-size:18px; opacity:.2; font-size:16px; font-family:'NanumGothic-Regular' !important; font-weight:normal; line-height:1.4;}
	.join_step li span {background-size:50px !important; display:inline-block; width:100%; height:50px; padding-top:0; padding-left:60px; text-align:left;}
	.join_step li .i_check {background:url(../images/member/i_check.png)no-repeat left;}
	.join_step li .i_write {background:url(../images/member/i_write.png)no-repeat left;}
	.join_step li .i_finish {background:url(../images/member/i_finish.png)no-repeat left;}
	.join_step li:last-child {background:none;}
	.join_step li.on {color:#000; opacity:1; font-size:16px;}

	.calendar_view tr td {padding:5px;}
	.calPop {z-index:-100; position:fixed; opacity:0; top:0; left:0; width:100%; height:100%; padding:20px; background:rgba(0,0,0,.7);}
	.calPop.on {z-index:900; opacity:1;}
	.calPop .inner {position:relative; width:100%; background:#fff; text-align:center; border-radius:7px; overflow-y:auto;}
	.calPop .inner span {display:block; height:60px; padding:15px; font-size:20px; font-family:"NotoSansKR", sans-serif; text-align:left; background:#fdb924; color:#fff; letter-spacing:-1px;}
	.calPop.on .inner span font {font-weight:normal;}
	.calPop.on .inner div>a {
		display:block; padding:18px 18px 18px 30px; font-size:15px; text-align:left; line-height:1.4; color:#000; word-break:break-all;
		background:url(../images/common/arrow_right.png) no-repeat 15px 25px #fff;
		background-size:4px;
		border-bottom:1px solid #eee;
	}
	.calPop.on .inner div>a p {line-height:1.2;}
	.calPop .inner .popClose {position:absolute; display:block; right:0; top:0; width:60px; height:60px; font-size:24px; color:#fff; text-align:center; line-height:1; padding-top:18px; cursor:pointer; background-color:rgba(0,0,0,.2);}

	.calendar_view td {position:relative; height:80px;}
	.calendar_view tr td div {display:none;}
	.calendar_view tr td div.num {position:absolute; bottom:0px; display:block; visibility:visible !important; height:auto !important; text-align:center;}
	.calendar_view tr td div.num p {display:inline-block; padding:0 !important; width:24px; height:24px; border-radius:50%; line-height:1.6; background:#fdb924; color:#fff; text-align:center; cursor:pointer; font-size:14px;}

	/******** ÈÄ¿ø½Åû Ãß°¡ CSS */
	/* ÈÄ¿ø½Åû ŸÀÌƲ */
	.application_form {border:1px solid #ddd;}
	.join h4 {padding:15px 20px; margin-bottom:0; border-bottom:2px solid #00abc5; color:#00abc5; font-size:16px;}
	.join h5 {padding:20px; color:#222; font-size:16px;}
	.cal_Img img {vertical-align:middle;}
	.application_form textarea {width:100%;}
	.join .formGroup .inputWrap.b_license input[type=text] {width:28% !important; margin-right:5px !important;}


}