@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap');

@font-face {
  font-family: 'FontAwesome';font-weight:900;font-style: normal;
  src: url('../../font/fa-solid-900.eot');
  src: url('../../font/fa-solid-900.eot?#iefix') format('eot'), 
		url('../../font/fa-solid-900.woff') format('woff'), 
		url('../../font/fa-solid-900.ttf') format('truetype'), 
		url('../../font/fa-solid-900.svg#FontAwesome') format('svg');
}
@font-face {
  font-family: 'FontAwesome';font-weight: 400;font-style: normal;
  src: url('../../font/fa-regular-400.eot');
  src: url('../../font/fa-regular-400.eot?#iefix') format('eot'), 
		url('../../font/fa-regular-400.woff') format('woff'), 
		url('../../font/fa-regular-400.ttf') format('truetype'), 
		url('../../font/fa-regular-400.svg#FontAwesome') format('svg');
}
@font-face {
  font-family: 'FontAwesome';font-weight: normal;font-style: normal;
  src: url('../../font/fa-brands-400.eot');
  src: url('../../font/fa-brands-400.eot?#iefix') format('eot'), 
		url('../../font/fa-brands-400.woff') format('woff'), 
		url('../../font/fa-brands-400.ttf') format('truetype'), 
		url('../../font/fa-brands-400.svg#FontAwesome') format('svg');
}


.main-color	{color:#3366cc;}
.sub-color	{color:#1E2F51}
.point-orange	{color:#FF6600;}
.point-blue	{color:#3366CC;}

/* 공통 common */
.btnarea	{margin:30px 0;}
.board-info	{margin:30px 0;}

/* btn */
.btnarea{margin:2rem 0}
.btn-d	{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;cursor:pointer !important;
		border-radius:0px;}
.btn-d	{display:inline-block;*zoom:1;cursor:pointer;white-space:nowrap;text-align:center;vertical-align: middle;border-style:solid;border-width:1px;border-color:#768395;background-color:#768395;font-size:0.875rem;color:#fff;padding:0 15px;line-height:38px;}
button.btn-d, input[type="submit"].btn-d, input[type="button"].btn-d	{cursor:pointer;}
.btn-d:hover,
.btn-d:focus	{background:#2F323A;border-color:#2F323A;color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);-ms-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3);}

.btn-d i{margin-right:5px;}
.btn-d.btn-circle{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.btn-d.btn-r	{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.btn-d.btn-xsm	{padding:0 8px;font-size:0.725rem;line-height:21px;}
.btn-d.btn-sm	{padding:0 12px;font-size:0.8rem;line-height:31px;}
.btn-d.btn-lg	{padding:0 30px;font-size:16px;line-height:48px;}
.btn-d.btn-xlg	{padding:0 30px;font-size:18px;line-height:53px;}

.btn-d.btn-line			{background-color:#ffffff;border-color:#768395;color:#768395;}
.btn-d.btn-line-blue	{background-color:#fff;border-color:#3366cc;color:#3366cc;}
.btn-d.btn-line-blue:hover{background:#3366CC;color:#fff;transition:0.2s;}
.btn-d.btn-main		{background:#3366cc;border-color:#3366cc;color:#fff !important}
.btn-d.btn-main:hover	{background-color:#3366ff;border-color:#3366ff;}
.btn-d.btn-main-l		{background-color:#ffffff;border-color:#3366CC;color:#3366cc}
.btn-d.btn-main-l:hover	{background-color:#efefef;border-color:#3366CC;}
.btn-d.btn-sub		{background-color:#35A6B5;border-color:#35A6B5;}
.btn-d.btn-manage	{background-color:#5A6378;border-color:#5A6378;}
.btn-d.btn-wh		{background-color:#ffffff;border-color:#dfdfdf;color:#888}
.btn-d.btn-gray		{background-color:#dfdfdf;border-color:#dfdfdf;color:#777}
.btn-d.btn-dgray	{background-color:#808080;border-color:#808080;color:#fff !important;}
.btn-d.btn-green	{background-color:#3CB377;border-color:#3CB377;}
.btn-d.btn-yellow	{background-color:#FAAD4D;border-color:#FAAD4D;}
.btn-d.btn-red		{background-color:#D6495B;border-color:#D6495B;}
.btn-d.btn-pink		{background-color:#FF6666;border-color:#FF6666;}
.btn-d.btn-blue		{background-color:#3399CC;border-color:#3399CC;}
.btn-d.btn-brown	{background-color:#A89786;border-color:#A89786;}
.btn-d.btn-download	{background-color:#0E6DB7;border-color:#0E6DB7;position:relative;padding-left:70px;}
.btn-d.btn-download:before	{content:"";position:absolute;left:0;display:inline-block;background:#0B5792 url(../img/ico_download.png) no-repeat 50% 50%;width:50px;height:100%;}

input[type=tel], input[type=time], input[type=text], input[type=password], input[type=search], input[type=email], input[type=file], input[type=url], input[type=number], input[type=date]	{border-radius:0;}
textarea{overflow:auto;resize:vertical;width:100%;}
.form-group		{margin-bottom:1rem}
.form-d			{font-size:0.875rem;display:block;width:100%;min-height:40px/*calc(2.75rem + 2px)*/;padding:6px 12px;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);border:1px solid #ccc;background-color:#fff;background-clip:padding-box;box-shadow:none;text-indent:0px;border-radius:0;}
.form-d::-ms-expand{border:0;background-color:transparent}
.form-d::placeholder{opacity:1;color:#ccc}
.form-d:-ms-input-placeholder{opacity:1;color:#ccc}
.form-d::-ms-input-placeholder{opacity:1;color:#ccc}
.form-d:focus						{border-color:#3366CC;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 2px 6px rgba(80,80,210,.2);color:#768395;outline:0;background-color:#fff;}
select.form-d:focus::-ms-value		{color:#768395;background-color:#fff}
.form-d:focus:-ms-input-placeholder{color:#ccc}
.form-d:focus::-ms-input-placeholder{color:#ccc}
.form-d:focus::placeholder{color:#ccc}
.form-d:disabled,.form-d[readonly]{opacity:1;background-color:#e9ecef}
.form-d-file,.form-d-range{display:block;width:100%}
.form-d-plain{line-height:1.5;display:block;width:100%;margin-bottom:0;padding-top:.625rem;padding-bottom:.625rem;color:#525f7f;border:solid transparent;border-width:1px 0;background-color:transparent}
.form-d-plain.form-d-lg,.form-d-plain.form-d-sm{padding-right:0;padding-left:0}
.form-d-sm{font-size:.875rem;line-height:1.5;height:35px;padding:.25rem .5rem;border-radius:.25rem}
.form-d-lg{font-size:1.25rem;line-height:1.5;height:calc(3.625rem + 2px);padding:.875rem 1rem;border-radius:.4375rem}
select.form-d{padding:6px 12px;}
select.form-d[multiple],
select.form-d[size]{height:auto}
textarea.form-d		{height:auto;min-height:100px;}
.form-inline		{display:flex;flex-flow:row wrap;align-items:center}
.form-inline .form-check{width:100%}
@media (min-width:778px){
	.form-inline label{display:flex;margin-bottom:0;align-items:center;justify-content:center;margin-right:.5rem}
	.form-inline .form-group{display:flex;margin-bottom:0;flex:0 0 auto;flex-flow:row wrap;align-items:center}
	.form-inline .form-d	{display:inline-block;width:auto;vertical-align:middle;margin-right:10px;}
	.form-inline .form-d-plaintext{display:inline-block}
	.form-inline .tv-select,.form-inline .input-group{width:auto}
	.form-inline .form-check{display:flex;width:auto;padding-left:0;align-items:center;justify-content:center}
	.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}
}
.tv-checkbox						{display:inline-block;font-size:0.875rem;position:relative;}
.tv-checkbox input[type="checkbox"] {display: none;}
.tv-checkbox input[type="checkbox"] + label::after			{content:'';margin-right:1rem;position:absolute;left:0;top:0;}
.tv-checkbox input[type="checkbox"] + label::before			{content:'';display:inline-block;width:18px;height:18px;line-height:14px;border-radius:2px;border:2px solid rgba(0,0,0,0.2);vertical-align:middle;font-size:8px;margin:-2px 0.5rem 0 0;cursor:pointer}
.tv-checkbox input[type="checkbox"]:checked + label::before {content:'\f00c';font-weight:900;font-family:FontAwesome;border-color:#3366cc;color:#3366cc;text-align:center;transition:all 0.2s ease-out;}
.table .tv-checkbox input[type="checkbox"] + label::before	{margin-right:0;}
.table .tv-checkbox input[type="checkbox"] + label::after	{margin-right:0;}

.tv-radio						{display:inline-block;font-size:0.875rem;position:relative;}
.tv-radio input[type="radio"] 	{display: none;}
.tv-radio input[type="radio"] + label				{position:relative;padding-left:25px;}
.tv-radio input[type="radio"] + label::after		{display:none;}
.tv-radio input[type="radio"] + label::before		{content:'';position:absolute;left:0;top:50%;margin-top:-8px;display:inline-block;width:16px;height:16px;background:none;border:2px solid rgba(0,0,0,0.2);border-radius:50%;cursor:pointer;}
.tv-radio input[type="radio"]:checked + label::before	{content:'';border:2px solid #3366cc;background:none;}
.tv-radio input[type="radio"]:checked + label::after	{content:'';position:absolute;left:5px;top:50%;margin-top:-3px;display:inline-block;width:6px;height:6px;background:#3366cc;border-radius:50%;}
.tv-radio input[type="radio"]:disabled + label			{color:#999;}
.tv-radio input[type="radio"]:disabled + label::before	{background:#3366cc;cursor:default;}

.tab-txt				{margin-bottom:30px;}
.tab-txt ul				{display:table;width:100%;table-layout:fixed;background:#f9f9f9;}
.tab-txt li				{display:table-cell;min-width:20%;vertical-align:middle !important;}
.tab-txt a				{position:relative;display:block;padding:15px 35px 15px 15px ;font-size:16px;color:#666;border:1px solid #ccc;border-right:none;}
.tab-txt.fs1 a	{font-size:14px;}
.tab-txt li:last-child a	{border-right:1px solid #ccc;}
.tab-txt li a:hover		{background-color:#fff;color:#002870;transition:0.2s;}
.tab-txt li a.on		{background-color:#fff;color:#002870;border:2px solid #002870;}
.tab-txt li a.on:after	{content:"+";display:inline-block;font-size:24px;position:absolute;right:15px;top: 50%;transform: translateY(-50%);}

.tab_txt2		{display: flex; flex-wrap: wrap;flex-direction: row;justify-content:center;margin:0 auto 30px}
.tab_txt2 ul	{display: flex; flex-wrap: wrap;width:100%;justify-content:center;} 
.tab_txt2 ul:nth-child(2) li a	{border-top:none;}
.tab_txt2 li:nth-child(5n+1) a	{border-left:1px solid #ddd;}
.tab_txt2 a,
.tab_txt2 label	{display:block;min-width:160px;border:1px solid #ddd;border-left:none;text-align:center;line-height:50px;background:#fff}
.tab_txt2 label:hover,
.tab_txt2 label.on,
.tab_txt2 a:hover,
.tab_txt2 a.on	{background:#33cccc;border-color:#33cccc;color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.2)}

.page_tab		{margin-bottom:30px;}
/* .page_tab ul	{display:table;table-layout:fixed;width:100%;}
.page_tab li	{display:table-cell;vertical-align:bottom;} */
.page_tab ul	{display:flex;flex-wrap:wrap;}
.page_tab li	{vertical-align:bottom;min-width:20%;flex-basis:20%;flex-grow:1;}
.page_tab li a	{display:block;padding:20px 15px;text-align:center;color:#1E2F51;background:#ECF0F3;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.page_tab li:nth-child(1) a	{border:none;}
.page_tab li a:hover,
.page_tab li.on a			{background:#3366cc;color:#fff;}

.page_tab2			{display: flex; flex-wrap: wrap;flex-direction: row;justify-content:flex-start;border-top:1px solid #111;border-bottom:1px solid #ddd;}
.page_tab2 a		{display:block;min-width:180px;line-height:80px;position:relative;font-size:18px;}
.page_tab2 a:after	{content:"\f078";position:absolute;right:20px;top:0;font-family:FontAwesome;font-weight:900;color:#999}
.page_tab2 a:hover,
.page_tab2 a:hover:after,
.page_tab2 a.on,	
.page_tab2 a.on:after{color:#3366cc}

.satisfaction	{border:1px solid #637B93;margin-top:60px;}
.satisfaction .tit	{background:#E6EAEE url(../img/satisfaction.png) no-repeat 30px 50%;padding:20px 30px 20px 90px;font-size:20px;font-weight:500;color:#637B93;border-bottom:1px dashed #C3CCD5;}
.satisfaction .rate	{padding:20px 30px;}
.satisfaction .rate ul	{float:left;width:50%;}
.satisfaction .rate ul li	{float:left;margin-right:20px;}
.satisfaction .s-etc	{float:right;;width:50%;display:flex;}
.satisfaction .s-etc input	{background:#F4F4F4;border:none;width:400px;height:40px;border-radius:0;}
.satisfaction .s-etc a	{display: inline-block;text-align:center;background-color:#637B93;color:#fff;font-size:13px;padding:8px 20px;}
.satisfaction .s-etc a:hover	{background:#5A7085;color:#fff;transition:0.2s;}
.satisfaction .charge	{background:#f7f7f7;padding:20px 30px;font-size:15px;color:#637B93;}
.satisfaction .charge > span span	{font-weight:500;}
.satisfaction .charge > span:nth-child(1),	
.satisfaction .charge > span:nth-child(2)	{margin-right:20px;}
.satisfaction .charge i	{color:#8fadcb;}
.satisfaction .tv-radio input[type="radio"]:checked + label::before	{border-color:#637B93;}
.satisfaction .tv-radio input[type="radio"]:checked + label::after	{background:#637B93;}

@media only screen and (max-width:1440px){/*mobile-s*/
.page_tab li	{min-width: 33.33%;}
.satisfaction .rate ul	{float:none;width:100%;margin-bottom:20px;}
.satisfaction .s-etc	{float:none;;width:100%;}
}

@media only screen and (max-width:1023px){/*mobile-s*/
.tab-txt.fs1 ul	{display:table;}
.tab-txt li				{display: block;}
.tab-txt a				{font-size:14px;border-right:1px solid #ccc;border-bottom:none;}
.tab-txt li:last-child a	{border-bottom:1px solid #ccc;}
.tab-txt li:last-child a.on	{border-bottom:2px solid #002870}
.tab-txt.fs1 a	{font-size:13px;}

.page_tab li	{min-width:50%;flex-basis:auto;}
}


@media only screen and (max-width:576px){/*mobile-s*/
.page_tab ul	{flex-direction: column;}
.page_tab li	{width:100%;}
.page_tab li a		{font-size:14px;padding:10px;border-right:none;border-bottom:1px solid #fff;}
.page_tab li:nth-child(1) a	{border-bottom:1px solid #fff;}
}

/* 공통 common */
body		{font-family:'Roboto', 'Noto Sans KR', sans-serif;font-size:16px;font-weight:400}
.tac table th	{text-align:center !important;}
table th		{font-weight:normal;line-height:1.4}
table tbody th	{text-align:left;}

h2		{font-size:23px;color:#1E2F51;}
h3		{font-size:19px;color:#3366CC;letter-spacing:-1px;background: url(../img/h3bg.png) no-repeat 0% 50%;padding-left:25px;}
h4		{color:#3366cc;letter-spacing:-1px;background:none;padding:0;margin:30px 0 10px;}
.title-btn			{margin:0 0 20px 0;}
.title-btn h2, 
.title-btn h3		{float:left;margin:10px 0 0 0;}
.title-btn .btnarea	{float:right;margin:0;}
.title-btn:before,
.title-btn:after	{content:"";display:block;float:none;clear:both}

.board-paging{margin:30px 0}
.input-deco	{position:relative;}
.input-deco input	{border:none;background:none;}
.ico-search:before	{content:"\f002";font-family:FontAwesome;/* font-weight:900; */display:inline-block;}
.ico-res:before		{content:"\f058";font-family:FontAwesome;/* font-weight:900; */display:inline-block;margin-right:5px;} /* 분양신청 */
.ico-favorite:before{content:"\f07b";font-family:FontAwesome;font-weight:900;display:inline-block;margin-right:5px;color:#FF9900} 
.ico-folder:before{content:"";background:url(../img/ico_folder.png) no-repeat;display:inline-block;width:25px;height:20px;margin-right:10px;vertical-align:middle;}
.ico-delete:before	{content:"\f1f8";font-family:FontAwesome;display:inline-block;margin-right:8px;}


.thumb		{position:relative;overflow:hidden;}
.thumb img	{max-width:100%;}
.text-drop	{text-overflow:ellipsis;overflow:hidden;}

.va-pc		{display:block;}
.va-mo		{display:none;}
@media (max-width:778px){
	.va-pc		{display:none;}
	.va-mo		{display:block;}
}

/* 테이블 모바일 반응형 */
@media only screen and (max-width:576px){/*mobile-s*/
	.list-result-table table tbody th,
	.view-herb-wrap table tbody th,
	.review-list tbody th,
	#apply-wrap .cont1 table tbody th,
	#apply-wrap .cont2 table tbody th,
	.join-wrap table tbody th	{display:block;font-weight:500;font-size:14px;}
	.list-result-table table tbody td,
	.view-herb-wrap table tbody td,
	.review-list tbody td,
	#apply-wrap .cont1 table tbody td,
	#apply-wrap .cont2 table tbody td,
	.join-wrap table tbody td	{display:inline-block;width:100%;font-size:14px;}
	
	.review-list thead th	{display:none;}
	.review-list tbody tr	{border-top:1px solid #ccc;}
}


/* 게시판 검색영역 */
.board-search	{margin-bottom:30px;margin-top:0;}
.board-search .txt	{float:left;font-size:16px;color:#999;line-height:45px;}
.board-search .txt span	{color:#3367cd;}
.board-search .serch-wrap	{float:right;position:relative;}
.board-search .serch-wrap select	{border:none;border-bottom:2px solid #202f4e;border-radius:0;width:150px;height:45px;line-height:45px;font-size:14px;color:#202f4e;margin-right:10px;}
.board-search .serch-wrap input		{border:none;box-shadow:none;border-bottom:2px solid #88a7c3;width:320px;border-radius:0;height:45px;padding:0 10px;line-height:45px;margin-left:5px;color:#88a7c3;padding-right:30px;font-size:14px;}
.board-search .serch-wrap input::placeholder	{color:#88a7c3;}
.board-search .serch-wrap .ico-search	{color:#88a7c3;font-size:110%;position:absolute;right:10px;top: 50%;transform: translateY(-50%);}

/* 게시판 리스트 */
.board-list		{border-top:2px solid #3367cd;}
.board-list li		{position:relative;border-bottom:1px solid #d7d7d7;}
.board-list li:last-child	{border-bottom:1px solid #666;}
.board-list li a	{display:block;padding:30px 50px 30px 80px;}
.board-list li a:hover	{background:#f7f7f7;transition:all 0.2s ease-out;}
.board-list .num		{position:absolute;left:30px;top:30px;font-size:13px;color:#202b49;}
.board-list .subject	{margin:0 0 15px 0;line-height:1.2;position:relative;word-break:keep-all;font-size:23px;color:#202b49;padding-right:150px;}
.board-list .desc span	{font-size:14px;color:#3964d7;}
.board-list .desc span:after	{content:"";display:inline-block;vertical-align:middle;width:1px;height:10px;background:#ccc;margin:0 15px;}
.board-list .desc span:last-child:after	{content:none;}
.board-list .stat	{position:absolute;right:40px;top:30px;}
.board-list .stat span	{color:#ccc;font-size:14px;}
.board-list .stat span:before	{content:"";font-family:FontAwesome;margin-right:10px;}
.board-list .stat span.ico-date:before	{content:"\f1da";}
.board-list .stat span.ico-view:before	{content:"\f06e";}
.board-list .nodata	{border:1px solid #dadada;padding:30px;color:#999;text-align:center;}

.paging a	{border:none;}
.paging strong	{width:35px;height:35px;line-height:33px;border-radius:50%;background:#3366CC;border:1px solid #3366CC;}
.paging a.first, .paging a.last, .paging a.prev, .paging a.next {width:35px;height:35px;line-height:35px;padding:0;border:none;background:none;}
.paging a:hover,
.paging a:focus {background:none;}

.board-view				{}
.board-view	.title		{padding:25px 0;margin:0;text-align:center;font-size:21px;line-height:1.4;color:#1E2F51;word-break:keep-all;border-top:2px solid #3366CC;}
.board-view	.desc		{display:flex;flex-wrap:wrap;padding:15px 0;margin:0;background:#f7f7f7;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.board-view	.desc li	{flex-basis:auto;flex-grow:1;color:#1E2F51;text-align:center;border-right:1px solid #ccc;}
.board-view	.desc li:last-child	{border-right:none;}
.board-view	.desc li span	{margin-left:60px;color:#3366CC;}
.board-view .cont		{clear:both;padding:20px 0;margin:0;}
.board-view	.attach		{clear:both;padding:15px 20px;margin:0 0 40px 0;border:1px dashed #BDC7DB;background:#F6FAFC;}
.board-view	.attach a	{color:#3366CC;font-size:13px;}
.board-view	.attach a:before	{font-family:FontAwesome;content:"\f0c6";margin-right:10px;}
.board-view	.btn-list	{display: inline-block;text-align:center;vertical-align:middle;line-height:1.4;background:none;border:1px solid #3366CC;padding:15px 35px;color:#3366CC;}
.board-view	.btn-list:hover	{background:#3366CC;color:#fff;transition:0.2s;}

/* .board-view-list	{padding:40px 0 0 0;border-top:1px solid #1E2F51;} */
/* .board-view-list li	{float:left;width:50%;} */
/* .board-view-list a	{display:block;border:1px solid #ccc;} */
/* .board-view-list a:after	{content:"";clear:both;display:block;float:none;} */
/* .board-view-list a:hover	{background:#f8f8f8;color:#3366cc} */
/* .board-view-list a span	{padding:25px 30px;float:left;} */
/* .board-view-list .tit	{color:#3366CC;background:#FAFAFA;width:140px;} */
/* .board-view-list .txt	{color:#1E2F51;width:calc(100% - 140px);height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} */
/* .board-view-list li:nth-child(1) a	{border-right:none;} */
/* .board-view-list li:nth-child(2) a	{text-align:right;} */
/* .board-view-list li:nth-child(2) span {float:right;} */
/* .board-view-list .tit:before, */
/* .board-view-list .tit:after	{font-family:FontAwesome;color:#3366CC;} */
/* .board-view-list li:nth-child(1) .tit:before{content:"\f053";margin-right:20px;} */
/* .board-view-list li:nth-child(2) .tit:after	{content:"\f054";margin-left:20px;} */

.view-prevnext				{margin:30px 0;border:1px solid #ddd}
.view-prevnext a			{float:left;width:50%;display:block;line-height:40px;}
.view-prevnext a:hover		{background:#f8f8f8;color:#3366cc}
.view-prevnext .tit			{float:left;padding:20px;width:120px;background:#f8f8f8;color:#3366cc}
.view-prevnext .subject		{float:left;padding: 0 20px;width:calc(100% - 120px);height: 80px;line-height: 80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.view-prevnext .next .tit		{text-align:right;float:right;}
.view-prevnext .next .subject	{text-align:right;border-left:1px solid #eaeaea}
.view-prevnext .prev .tit:before,
.view-prevnext .next .tit:after	{content:"";font-family:FontAwesome;padding:0 10px;}
.view-prevnext .prev .tit:before{content:"\f053";}
.view-prevnext .next .tit:after	{content:"\f054";}

@media only screen and (max-width:1440px){ /*1200*/
	.board-view .desc li	{font-size:14px;}
}

@media only screen and (max-width:1023px){/*720*/
	.board-search .txt,
	.board-search .serch-wrap	{float:none;}
	.board-search .serch-wrap input	{width:calc(100% - 170px);}
	.board-search .serch-wrap .ico-search	{right:0;}
	
	.board-list li a	{padding:30px 50px 30px 60px;}
	.board-list .num	{left:20px;top:30px;}
	.board-list .subject	{font-size:20px;padding-right:120px;}
	.board-list .stat	{right:20px;top:30px;}
	.board-view .desc	{padding:15px;}
	.board-view .desc li	{border-right:none;text-align:left;}
}

@media only screen and (max-width:768px){/*mobile-l*/
	.board-search .txt	{font-size:15px;}
	.board-list li a	{padding:20px 40px 20px 40px;}
	.board-list .num	{left:10px;top:20px;}
	.board-list .subject	{font-size:18px;margin:0 0 10px 0;padding-right:90px;}
	.board-list .stat	{right:10px;top:20px;}
	.board-list .stat span.ico-view	{display:none;}
}
@media only screen and (max-width:576px){/*mobile-s*/
	.board-list li a	{padding:20px 20px 20px 40px;}
	.board-list .stat	{position:relative;top:0;right:0;margin-top:10px;}
	.board-list .subject{padding-right:0;}
	
	.view-prevnext .subject	{display:none;}
	.view-prevnext .tit	{width:100%;padding:10px;}
}

@media only screen and (max-width:415px){/*mobile-xs*/
	.board-search .txt	{font-size:14px;}
	.board-search .serch-wrap select	{width:90px;}
	.board-search .serch-wrap input	{width:calc(100% - 110px);}
}


/* 사업소개 */
.greeting	{}
.greeting .bg	{padding:60px;color:#fff;position:relative;}
.greeting .bg:after	{content:"";position:absolute;}
.greeting .bg .tit	{font-size:29px;margin-bottom:20px;font-weight:500;}
.greeting .bg p:not(.tit)	{font-size:18px;margin-bottom:30px;}
.greeting .bg p:last-child	{margin-bottom:0;}
.greeting .en1	{font-size:54px;font-weight:900;}
.greeting .en2	{font-size:50px;font-weight:900;letter-spacing:3px;line-height:1;}

.greeting.business1	{}
.greeting.business1 .bg	{background:url(../img/business_bg1.jpg) no-repeat;width:100%;min-height:410px;background-size:cover;}
.greeting.business1 .bg:after	{background:url(../img/business_img1.png) no-repeat;background-size:cover;width:430px;height:440px;right:50px;bottom:-150px;}
.greeting.business1 .en1	{color:#0d64b1;}
.greeting.business1 .en2	{color:#e0edf2;}

.greeting.business2	{}
.greeting.business2 .bg	{background:url(../img/business_bg2.jpg) no-repeat;width:100%;min-height:330px;background-size:cover;}
.greeting.business2 .bg:after	{background:url(../img/business_img2.png) no-repeat;background-size:cover;width:430px;height:280px;right:40px;bottom:-80px;}
.greeting.business2 .en2	{color:#EDF7F4;}

.greeting.business3	{}
.greeting.business3 .bg	{background:url(../img/business_bg3.jpg) no-repeat;width:100%;min-height:330px;background-size:cover;}
.greeting.business3 .bg:after	{background:url(../img/business_img3.png) no-repeat;background-size:cover;width:220px;height:375px;right:50px;bottom:-100px;}
.greeting.business3 .en2	{color:#e0edf2;text-align:center;}

.b1-field	{margin:0 -30px;}
.b1-field .bx	{position:relative;float:left;width:calc(20% - 60px);margin:0 30px;height:230px;border-radius:50%;color:#fff;line-height:1.5;text-align:center;}
.b1-field .bx:after	{content:"";display:inline-block;vertical-align:middle;background:url(../img/ico_plus.png) no-repeat;width:36px;height:36px;position:absolute;top:50%;right:-48px;transform:translateY(-50%);}
.b1-field .bx:last-child:after	{content:none;}
.b1-field .bx.bg1	{background:url(../img/business_field1.jpg) no-repeat 50% 50%;}
.b1-field .bx.bg2	{background:url(../img/business_field2.jpg) no-repeat 50% 50%;}
.b1-field .bx.bg3	{background:url(../img/business_field3.jpg) no-repeat 50% 50%;}
.b1-field .bx.bg4	{background:url(../img/business_field4.jpg) no-repeat 50% 50%;}
.b1-field .bx.bg5	{background:url(../img/business_field5.jpg) no-repeat 50% 50%;}
.b1-field .txt	{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 10px;}

.b-benefit	{border:1px solid #ccc;}
.b-benefit li	{float:left;border-right:1px dashed #ccc;width:20%;padding:50px 20px;line-height:1.5;text-align:center;}
.b-benefit li:last-child	{border-right:none;}
.b-benefit span.ico			{display:block;width:70px;height:60px;margin:0 auto 30px;background-position:50% 50%;background-repeat:no-repeat;}
.b-benefit span.ico1	{background-image:url(../img/business1_ico1.png);}
.b-benefit span.ico2	{background-image:url(../img/business1_ico2.png);}
.b-benefit span.ico3	{background-image:url(../img/business1_ico3.png);}
.b-benefit span.ico4	{background-image:url(../img/business1_ico4.png);}
.b-benefit span.ico5	{background-image:url(../img/business1_ico5.png);}
.b-benefit span.ico6	{background-image:url(../img/business2_ico1.png);}
.b-benefit span.ico7	{background-image:url(../img/business2_ico2.png);}
.b-benefit span.ico8	{background-image:url(../img/business2_ico3.png);}
.b-benefit span.ico9	{background-image:url(../img/business2_ico4.png);}
.b-benefit span.ico10	{background-image:url(../img/business2_ico5.png);}

.b-supply	{position:relative;}
.b-supply .title	{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../img/supply_bg.png) no-repeat 50% 50%;width:225px;height:225px;z-index:2;text-align:center;color:#fff;padding:55px 40px;line-height:1.3;font-size:21px;font-weight:600;}
.b-supply .cont	{margin:-10px;}
.b-supply .bx	{position:relative;float:left;width:calc(50% - 20px);margin:10px;background:#f9f9f9;padding:40px;overflow:hidden;}
.b-supply .bx.s2,
.b-supply .bx.s4	{padding-left:120px;}
.b-supply .bx p	{position:relative;color:#0d64b1;font-size:20px;margin-bottom:10px;z-index:1;}
.b-supply .bx ul	{position:relative;z-index:1;}
.b-supply .bx:after	{position:absolute;color:#f6f6f6;font-size:160px;font-weight:900;height:120px;line-height:120px;}
.b-supply .bx.s1:after	{content:"01";bottom:0;right:40px;}
.b-supply .bx.s2:after	{content:"02";bottom:0;left:40px;}
.b-supply .bx.s3:after	{content:"03";bottom:0;right:40px;}
.b-supply .bx.s4:after	{content:"04";bottom:0;left:40px;}

@media only screen and (max-width:1440px){ /*1200*/
	.greeting.business1 .bg:after	{width:380px;height:390px;right:0;bottom:-100px;}
	.greeting.business2 .bg:after	{width:400px;height:260px;}
	.greeting.business2 .bg p:nth-child(3)	{padding-right:400px;}
	.greeting.business2 .bg p:nth-child(3) .va-pc	{display:none;}
	
	.b1-field .bx	{height:190px;}
	.b-benefit li		{padding:30px 20px;min-height:220px;}
	
	.b-supply .bx	{min-height:200px;padding:30px;}
	
}

@media only screen and (max-width:1256px){ /*960*/
	.greeting.business1 .bg p:nth-child(3),
	.greeting.business1 .bg p:nth-child(4)	{padding-right:260px;}
	.greeting.business1 .bg .va-pc	{display:none;}
	.greeting.business1 .bg:after	{width:350px;height:360px;}
	.greeting.business2 .bg:after	{width:350px;height:230px;}
	.greeting.business2 .bg p:nth-child(3)	{padding-right:340px;}
	
	.b1-field .bx	{height:190px;width:calc(20% - 20px);margin:0 10px;}
	.b1-field .bx:after	{content:none;}
	.b-benefit li		{min-height:245px;}
	.b-supply .bx	{min-height:220px;}
	
}

@media only screen and (max-width:1023px){/*720*/
	.greeting .bg p:not(.tit)	{font-size:16px;}
	.greeting.business2 .bg:after	{width:300px;height:195px;right:20px;bottom:-120px;}
	.greeting.business2 .bg p:nth-child(3)	{padding-right:0;}
	.greeting.business3 .bg:after	{width:180px;height:310px;right:30px;}
	
	.b1-field .bx	{height:145px;width: calc(20% - 10px);margin: 0 5px;}
	.b-benefit li	{min-height:295px;}
	.b-supply .title{display:none;position:relative;top:0;left:0;transform:none;color:#fff;font-weight:600;padding:20px;margin-bottom:20px;background:#3366cc;width:auto;width:auto;height:auto;}
	.b-supply .bx	{min-height:auto;}
	.b-supply .bx p	{font-size:18px;}	
	.b-supply .bx.s2, .b-supply .bx.s4	{padding-left:30px;}
	.b-supply .bx.s1:after,	
	.b-supply .bx.s2:after,
	.b-supply .bx.s3:after,
	.b-supply .bx.s4:after	{content:none;}
}

@media only screen and (max-width:768px){/*mobile-l*/	
	.greeting.business1 .bg p:nth-child(3)	{padding-right:0;}
	.greeting.business1 .bg:after	{width:300px;height:310px;}
	.greeting.business2 .bg:after	{width:260px;height:170px;}
	.greeting.business3 .bg:after	{width:140px;height:240px;bottom:-60px;}
	.greeting.business3 .bg p:nth-child(2),
	.greeting.business3 .bg p:nth-child(3)	{padding-right:100px;}
	
	.b1-field	{margin:0;}
	.b1-field .bx	{width:100%;margin:0;height:auto;border-radius:0;padding:10px;}
	.b1-field .bx.bg1	{background:#34517b;}
	.b1-field .bx.bg2	{background:#888;}
	.b1-field .bx.bg3	{background:#34517b;}
	.b1-field .bx.bg4	{background:#888;}
	.b1-field .bx.bg5	{background:#34517b;}
	.b1-field .txt	{position:relative;top:0;left:0;transform:none;}
	.b-benefit li	{width:50%;min-height:200px;border-bottom:1px dashed #ccc;}
	.b-benefit li:last-child	{width:100%;border-bottom:none;min-height:auto;}
	.b-benefit li:nth-child(2n)	{border-right:none;}
	
}

@media only screen and (max-width:576px){/*mobile-s*/	
	.greeting .bg		{padding:40px;}
	.greeting .bg p	{font-size:16px;}
	.greeting .bg p:not(.tit)	{margin-bottom:20px;}
	.greeting .en2	{font-size:40px;}	
	.greeting.business1 .bg p:nth-child(3), 
	.greeting.business1 .bg p:nth-child(4)	{padding-right:50px;}
	.greeting.business1 .bg:after	{width:200px;height:210px;}
	.greeting.business2 .bg:after	{width:200px;height:130px;bottom:-70px;}
	.greeting.business3 .bg:after	{width:110px;height:190px;bottom:-40px;}
	.greeting.business3 .bg p:nth-child(2) {padding-right:0;}
	.greeting.business3 .bg p:nth-child(3)	{padding-right:80px;}

	.b-benefit li:nth-child(3),
	.b-benefit li:nth-child(4)	{min-height:225px;}
	
	.b-supply .bx	{float:none;width:calc(100% - 20px);}
}

@media only screen and (max-width:415px){/*mobile-xs*/
	.greeting .bg	{padding:30px;}
	.greeting .en2,
	.greeting .bg:after	{display:none;}
	.greeting.business3 .bg p:nth-child(3)	{padding-right:0;}

	.b-benefit li	{width:100%;min-height:auto;border-right:none;}
	.b-benefit li:nth-child(3),
	.b-benefit li:nth-child(4)	{min-height:auto;}
}
/* 색인검색 */
.index-search-wrap					{background:#F6FAFC;border:1px solid #BDC7DB;padding:40px 160px;margin-bottom:30px;}
.index-search-wrap table th,
.index-search-wrap table td			{vertical-align:top;padding:10px 0;}
.index-search-wrap table th			{width:160px;color:#1E2F51;}
.index-search-wrap .input-deco		{border-bottom:2px solid #3366cc;}
.index-search-wrap .input-deco input{width:100%;line-height:40px;}
.index-search-wrap .input-deco a	{position:absolute;right:0;top:0;}
.index-search-wrap .input-deco a:before	{color:#3366cc}
.index-search-wrap .order-abc a		{display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;background:#fff;border:1px solid #98B2E5;color:#3366CC;border-radius:50%;font-size:14px;margin:0 2px 6px 0}
.index-search-wrap .order-abc a:hover	{background:#98B2E5;color:#fff;transition:0.2s;}
.index-search-wrap .order-abc a.on	{background:#3366cc;border-color:#3366cc;color:#fff}

/* 검색결과 */
.list-result-card	{border-top:2px solid #3366CC;padding-top:30px;}
.list-result-card ul	{margin:-10px;}
.list-result-card li	{float:left;width:calc(33.33% - 20px);margin:10px;}
.list-result-card .bx	{display:block;border:1px solid #ddd;}
.list-result-card .tit,
.list-result-card .txt	{padding:20px 30px;}
.list-result-card .tit .name-eng{height:15px;font-size:11px;color:#3366cc;text-overflow:ellipsis;overflow:hidden;margin-bottom:5px;}
.list-result-card .tit strong	{height:30px;font-size:20px;color:#111111;text-overflow:ellipsis;overflow:hidden;display:block;}
.list-result-card .txt			{border-top:1px dashed #eaeaea;font-size:14px;}
.list-result-card .txt dl:before,
.list-result-card .txt dl:after	{content:"";display:block;float:none;clear:both;}
.list-result-card .txt dt,.list-result-card .txt dd{height:25px;text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.list-result-card .txt dt		{float:left;width:30%;color:#999}
.list-result-card .txt dd		{float:left;width:70%;color:#3366cc;}

.list-result-table					{border-top:2px solid #3366cc;border-bottom:1px solid #111;text-align:center;}
.list-result-table table thead		{color:#3366cc}
.list-result-table table thead th	{padding:15px 5px;}
.list-result-table table thead td	{padding:15px 5px;}
.list-result-table table tbody tr	{border-top:1px solid #eaeaea;}
.list-result-table table tbody th,
.list-result-table table tbody td	{padding:10px 5px;}
.list-result-table table tbody th a	{display:inline-block;width:30px;height:30px;line-height:30px;font-size:12px;background:#fff;border:1px solid #ccc;border-radius:50%;color:#999;text-align:center;}
.list-result-table table tbody th a:hover	{background:#FF9900;border:1px solid #FF9900;color:#fff;transition:0.2s;}
.list-result-table .nodata	{padding:50px;color:#999;border-top:1px solid #eaeaea;} 
.list-result-table .btn-check	{display:inline-block;width:32px;height:32px;line-height:30px;text-align:center;border:1px solid #CBD4F1;color:#CBD4F1;border-radius:50%;}
.list-result-table .btn-delete	{display:inline-block;width:32px;height:32px;line-height:30px;text-align:center;border:1px solid #ccc;color:#ccc;border-radius:50%;}
.list-result-table .btn-check.on,
.list-result-table .btn-check:hover	{background:#3366CC;border:1px solid #3366CC;color:#fff;transition:0.2s;}
.list-result-table .btn-delete:hover	{background:#ccc;color:#fff;transition:0.2s;}
.mypage-list .list-result-table	{border-top:none;border-bottom:none;}

.view-result-wrap				{border:2px solid #3366cc;}
.view-result-wrap .tit			{padding:20px;text-align:center;}
.view-result-wrap .tit strong	{font-size:24px;color:#111;font-weight:700;}
.view-result-wrap table th,
.view-result-wrap table td		{vertical-align:top;padding:5px 10px;font-size:14px;border-top:1px solid #eaeaea}
.view-result-wrap table td		{border-left:1px solid #eaeaea}
.view-result-wrap table th		{width:160px;background:#f6f6f6}

/* 생약 */
.view-md-wrap				{display:flex;flex:wrap;flex-direction:row;align-items:flex-start;}
.view-md-wrap .tit			{position:relative;width:218px;height:218px;display:block;background:#3366cc;color:#fff;text-align:center;}
.view-md-wrap .tit strong	{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;line-height:1.2;}
.view-md-wrap table			{width:calc(100% - 218px);margin-left:30px;border:1px solid #eaeaea}
.view-md-wrap table th,
.view-md-wrap table td		{vertical-align:top;padding:5px 10px;font-size:14px;border-top:1px solid #eaeaea}
.view-md-wrap table td		{border-left:1px solid #eaeaea}
.view-md-wrap table th		{width:120px;background:#f6f6f6}
.view-md-wrap table td.th	{width:120px;}

/* 한약재 */
.view-herb-wrap				{border-top:2px solid #3366cc}
.view-herb-wrap .tit		{padding:15px 0;font-size:24px;color:#3366cc;text-align:center;font-weight:500}
.view-herb-wrap table		{}
.view-herb-wrap table th	{padding:15px;border:1px solid #eaeaea;background:#f9f9f9;}
.view-herb-wrap table td	{padding:15px;border:1px solid #eaeaea}
.view-herb-wrap table thead th	{border-top:1px solid #ccc;}
.view-herb-wrap table img	{max-width:100%;width:100%;}
.view-herb-wrap table .btnarea{margin:0;}
.view-herb-wrap table .btn-d{margin:2px;}

.view-herb-wrap .img	{position:relative;}
.view-herb-wrap .img-open:hover .overlay-bg	{opacity:1;}
.view-herb-wrap .img-open	{display:block;}
.view-herb-wrap .img-open	{}
.view-herb-wrap .img .overlay-bg	{position:absolute;font-weight:900;left:0;top:0;transition:all 0.3s ease-out;display:block;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:2;opacity:0;}
.view-herb-wrap .img .overlay-bg:after	{content:"\f2d2";font-weight:900;font-family:FontAwesome;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:14px;color:#fff;z-index:5;}

.viewbox-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:700;}
.viewbox-body	{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);min-width:300px;}
.viewbox-body .tit	{color:#fff;font-size:26px;font-weight:600;margin-bottom:10px;padding-right:40px;}
.viewbox-content{padding: 30px;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);}
.viewbox-content .viewbox-image{width: 100%;height: 100%;max-width:900px;}
.viewbox-button-close	{position:absolute;right:0;top:0;z-index:5;display:block;}
.viewbox-button-close:after	{content:"\f057";font-weight:900;font-family:FontAwesome;display:block;font-size:26px;color:#fff;}

/* 천연물 공통 */
.list-substance			{border-top:1px solid #111}
.list-substance li		{border-bottom:1px solid #ddd;}
.list-substance .bx		{position:relative;display:flex;flex:wrap;flex-direction:row;padding:20px 0;}
.list-substance .bx:after	{content:"+";position:absolute;right:0;top:20px;display:block;border:2px solid #3366cc;background:#3366cc;color:#fff;border-radius:50%;width:36px;height:36px;line-height:32px;text-align:center;transition:all ease-out 0.2s}	
.list-substance .bx:hover			{background:#f8f8f8;padding:20px;}
.list-substance .bx:hover:after		{background:#fff;color:#3366cc;right:20px;}
.list-substance .thumb		{width:140px;height:100px;background:#fff;border:1px solid #eaeaea;padding:10px;}
.list-substance .cont		{padding-left:30px;width: calc(100% - 140px);}
.list-substance .tit		{font-weight:500;color:#111;word-break:break-word;}
.list-substance .desc			{font-size:14px;}
.list-substance .desc span	{display:inline-block;margin-right:10px;color:#999}
.list-substance .desc span em	{color:#3366cc}

.file-download-wrap		{background:#EDEDED;padding:2px;font-size:14px;margin-top:40px;}
.file-download-wrap:after	{content:"";clear:both;display:block;float:none;}
.file-download-wrap h4	{float:left;width:200px;margin:0;padding:30px;color:#666;text-align:center;font-size:18px;}
.file-download-wrap h4:after{content:"\f381";font-family:FontAwesome;font-weight:900;display:block;font-size:1.8rem;color:#ccc;margin-top:20px;}
.file-download-wrap .file-download-cont	{float:left;width:calc(100% - 200px);background:#fff;padding:30px;}
.file-download-wrap .file-download-cont .tit	{margin-bottom:5px;}
.file-download-wrap .file-download-cont .img-tit	{margin-top:20px;}
.file-download-wrap .file-download-cont .tit:before	{content: "";font-family:FontAwesome;/* font-weight:900; */display:inline-block;margin-right:5px;}
.file-download-wrap .file-download-cont .nor-tit.tit:before	{content:"\f0c5";;}
.file-download-wrap .file-download-cont .img-tit:before	{content:"\f302";}
.file-download-wrap .file-download-cont .file-list li	{position:relative;}
.file-download-wrap .file-download-cont .file-list li a	{color:#888;font-size:13px;}

.file-download-wrap .file-download-cont .file-list.normal li	{display:inline-block;margin:5px;}
.file-download-wrap .file-download-cont .file-list.normal li a	{display:block;padding:4px 10px;border-radius:4px;background:#f7f7f7;}
.file-download-wrap .file-download-cont .file-list.normal li a:hover	{background:#dadada;}

.file-download-wrap .file-download-cont .file-list.img li	{float:left;width:180px;margin:5px;}
.file-download-wrap .file-download-cont .file-list.img li a	{display:block;border:1px solid #ccc;text-align:center;min-height:100px;}
.file-download-wrap .file-download-cont .file-list.img li img	{text-align:center;width:100%;height:100px;object-fit:cover;}
.file-download-wrap .file-download-cont .file-list.img li .file-name {display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:0 10px;word-break:break-word;color:#fff;}
.file-download-wrap .file-download-cont .file-list.img li .file-name:after {content:"\f019";font-family:FontAwesome;/* font-weight:900; */display:inline-block;margin-left:5px;}
.file-download-wrap .file-download-cont .file-list.img li a:hover:before	{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.4);transition:0.2s;}
.file-download-wrap .file-download-cont .file-list.img li a:hover .file-name	{display:block;}

/*  */
.view-substance				{position:relative;padding:30px 0;border-top:2px solid #3366cc;border-bottom:1px solid #111;}
.view-substance .ico-favorite{position:absolute;right:0;top:30px;}
.view-substance .contwrap	{display:flex;flex:wrap;flex-direction:row;align-items: flex-start;}
.view-substance .cont		{width:50%;padding-right:30px;}
.view-substance .thumb-o	{width:50%;border:1px solid #eaeaea;padding:60px 20px;text-align:center;}
.view-substance .cas-num	{display:inline-block;border:1px solid #3366cc;background:#3366cc;color:#fff;line-height:25px;font-size:13px;padding:0 0 0 10px;}
.view-substance .cas-num em	{display:inline-block;background:#fff;color:#3366cc;padding:0 10px;margin-left:10px;}
.view-substance .tit		{font-size:24px;font-weight:700;color:#111;line-height:1.2;margin:30px 0;}
.view-substance table tr		{border-top:1px solid #eaeaea;}
.view-substance table th		{vertical-align:middle;padding:10px 15px;width:160px;color:#1E2F51;font-weight:500}
.view-substance table td		{vertical-align:middle;padding:10px 15px;font-size:14px;}
.view-substance table tr:last-child	{border-bottom:1px solid #eaeaea;}
.view-substance table tr.s-apply	{background:#F7F7F7;}
.view-substance select	{border-radius:0;color:#999;display:inlin-block;width:150px;}

.view-substance-info {}
.view-substance-info h2 {font-size:23px;color:#000;margin:30px 0 20px 0;}
.view-substance-info .review-write		{position:relative;height:120px;padding-right:120px;background:#f5f5f5;}
.view-substance-info .review-write a	{position:absolute;right:0;top:0;background:#768395;color:#fff;width:120px;text-align:center;line-height:120px;height:100%;border:none;}
.view-substance-info .review-write .bx			{border:1px solid #ddd;background:#fff;padding:10px;font-size:0;}
.view-substance-info .review-write .bx textarea	{width:100%;border:none;}

.view-substance-tab			{border-bottom:1px solid #ccc;}
.view-substance-tab a		{color:#666;font-size:19px;display:inline-block;padding:30px 0;margin-right:50px;}
.view-substance-tab a:after	{content:"\f106";font-family:FontAwesome;font-weight:500;margin-left:40px;}
.view-substance-tab a.on		{color:#3366CC;}
.view-substance-tab a.on:after	{content:"\f107";color:#3366CC;}
.view-substance-info .review-list			{border-top:2px solid #768395;font-size:14px;margin-top:30px;}
.view-substance-info .review-list th		{text-align:center;}
.view-substance-info .review-list th,
.view-substance-info .review-list td		{padding:15px;vertical-align:middle;text-align:center;}
.view-substance-info .review-list td.subject{text-align:left !important;word-break: break-word;}
.view-substance-info .review-list thead th	{color:#768395;background:#EDEEF0;line-height:1.4;font-weight:normal;text-align:center;font-weight:500;border:none;}
.view-substance-info .review-list tbody tr	{background:#fff;border-bottom:1px solid #dfdfdf;}
.view-substance-info .review-list tbody tr.review-view	{background:#f7f7f7;}
.view-substance-info .review-list tbody tr.review-view .tit	{font-weight:500;color:#333;margin-bottom:5px;}
.view-substance-info .review-list tbody tr.review-view .review-w	{margin-bottom:10px;}

#apply-wrap	{display:flex;flex-direction:row;/*align-items: flex-start;*/}
#apply-wrap input,
#apply-wrap select	{height:40px;border-radius:0;text-indent:0;padding:6px 12px;}
#apply-wrap	.tit	{font-size:20px;font-weight:700;color:#111;line-height:1.3;margin:30px 0;}
#apply-wrap	.tit span{display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:50%;background:#3366cc;color:#fff;font-size:11px;vertical-align:top;margin-right:10px;}	
#apply-wrap	.cont1	{width:40%;border:2px solid #3366cc;position:relative;padding-bottom:100px;}
#apply-wrap	.cont2	{width:calc(60% - 40px);margin-left:40px;border-top:2px solid #111;}
#apply-wrap	.sum	{position:absolute;left:0;bottom:0;width:100%;padding:30px;background:#3366cc;color:#fff;}
#apply-wrap	table tr		{border-top:1px solid #eaeaea}
#apply-wrap	table th		{text-align:center;}
#apply-wrap	.cont1 .tit		{margin-left:30px;}
#apply-wrap	.cont1 thead, 
#apply-wrap	.cont1 tbody tr	{display:table;width:100%;table-layout:fixed;}
#apply-wrap	.cont1 thead	{width:calc(100% - 0);}
#apply-wrap	.cont1 thead th	{padding:15px 5px;font-size:14px;background:#f8f8f8}
#apply-wrap	.cont1 tbody	{display:block;/*overflow-y:scroll;height:720px;*/}
#apply-wrap	.cont1 tbody th,
#apply-wrap	.cont1 tbody td	{padding:10px 5px;font-size:14px;text-align:center;}
#apply-wrap	.cont1 th:nth-child(1)	{width:80px;}
#apply-wrap	.cont1 th:nth-child(3)	{width:calc(120px + 1em);}
#apply-wrap	.cont1 td:last-child	{width:120px;}
#apply-wrap	.cont2 th		{background:#f8f8f8}
#apply-wrap	.cont2 tbody th,
#apply-wrap	.cont2 tbody td	{padding:10px;}
#apply-wrap	.cont2 tbody tr:last-child	{border-bottom:1px solid #eaeaea}
@media only screen and (max-width:1440px){ /*1200*/
}

@media only screen and (max-width:1256px){ /*960*/
	.index-search-wrap		{padding:40px;}
	#apply-wrap .w300	{margin-top:5px;}
	.s-apply .point-orange {display:block;}
	.s-apply .mlp10	{margin-left:0 !important;}
}

@media only screen and (max-width:1023px){/*720*/
	.list-substance .cont	{padding-right:50px;}
	
	.view-herb-wrap table thead th	{display:none;}
	.view-herb-wrap table tbody th	{display:block;font-weight:500;font-size:14px;}
	.view-herb-wrap table tbody td	{display:inline-block;width:100%;padding:10px 0;border-top: none;}
	.view-herb-wrap table tbody tr td:last-child	{border-bottom:none;}
	.view-herb-wrap table tbody tr:last-child td	{border-bottom:1px solid #eaeaea;}
	
	.view-substance .contwrap	{flex-direction:column-reverse;}
	.view-substance .cont		{width:100%;padding-right:0;}
	.view-substance .thumb-o	{width:100%;margin-bottom:20px;}
	
	.s-apply .point-orange {display:inline-block;}
	.s-apply .mlp10	{margin-left:10px !important;}
	
	#apply-wrap	{flex-direction:column;}
	#apply-wrap .cont1	{width:100%;}
	#apply-wrap .cont2	{width:100%;margin:20px 0 0 0;}
	
}

@media only screen and (max-width:768px){/*mobile-l*/
	.view-substance-tab a	{font-size:16px;padding:20px 0;}
	
	#apply-wrap .sum input	{margin:0 10px;width:150px;display:inline-block;}
	#apply-wrap .form-d	{min-width:100px;}
	#apply-wrap .btn-d	{margin-top:5px;}
	#apply-wrap .file-div input	{width:150px;}
	#apply-wrap .file-div .btn-d	{margin-top:0;margin-left: 10px;}
	
	.viewbox-body .tit	{font-size:22px;}
	
}

@media only screen and (max-width:576px){/*mobile-s*/
	.index-search-wrap		{padding:30px;}
	.list-result-card li	{width: calc(50% - 20px);}
	.list-result-table table thead th	{display:none;}
	.list-result-table table tbody td	{padding:5px 0;}
	
	.view-md-wrap	{flex-direction:column;}
	.view-md-wrap .tit	{width:100%;height:100px;}
	.view-md-wrap table	{width:100%;margin:10px 0 0;}
	
	.s-apply .point-orange	{display:block;}
	.s-apply .mlp10	{margin-left:0!important;}
	
	
	.view-substance-tab a	{margin-right:20px;}
	.view-substance-tab a:after	{margin-left:20px;}
	
	#apply-wrap .cont1 table tbody th	{display:block;font-weight:500;font-size:14px;}
	#apply-wrap .cont1 table tbody td	{display:block;width:100%;padding:5px;}
	#apply-wrap .sum input	{width:auto;}
	#apply-wrap .cont1 table td:last-child	{width:100%;}
	#apply-wrap .cont2 table tbody th	{display:block;font-weight:500;font-size:14px;}
	#apply-wrap .cont2 table tbody td	{display:inline-block;width:100%;padding:10px 0;}
}

@media only screen and (max-width:415px){/*mobile-xs*/
	.index-search-wrap table th		{font-size:14px;width:100%;padding-right:10px;display: block;}
	.index-search-wrap table td		{display: block;}
	.index-search-wrap .order-abc a	{width:30px;height:30px;line-height:28px;font-size:13px;}
	
	.list-result-card li	{width: calc(100% - 20px);}
	
	.list-substance .bx	{flex-direction:column;}
	.list-substance .cont	{width:100%;padding:0;margin-top:10px;}		
	
	.view-substance-tab a:after	{margin-left:5px;}
	.view-substance table td	{word-break:break-word;}
	
	.title-btn h2, .title-btn h3	{float:none;}
	.title-btn .btnarea	{float:none;text-align: center !important;margin:2rem 0;}
	
	
}
@media only screen and (max-width:320px){/*mobile-xxs*/
	.view-substance-tab a	{margin-right:8px;}
	
}



/* 천연물물질은행 */
.line-custom	{clear:both;display:block;margin:30px 0;border-top:1px solid #EFEFEF;}

.bx-custom			{border:1px dashed #BDC7DB;background:#F6FAFC;padding:50px;padding-right:140px;position:relative;}
.bx-custom .tit		{font-size:23px;color:#3366CC;font-weight:600;margin-bottom:5px;line-height:1.5;}
.bx-custom .tit2	{font-size:23px;color:#1E2F51;font-weight:600;margin-bottom:15px;line-height:1.5;}
.bx-custom .ico		{background:#fff;border-radius:50%;width:90px;height:90px;line-height:90px;text-align:center;position:absolute;right:40px;top:40px;}

.bx-part2		{}
.bx-part2 .bx	{position:relative;float:left;width:50%;border-right:1px solid #ccc;padding:10px 0;padding-left:130px;}
.bx-part2 .tit	{font-size:23px;color:#3366CC;font-weight:500;margin-bottom:5px;}
.bx-part2 .txt	{color:#666;}
.bx-part2 .ico	{background:#EFF1F6;border-radius:50%;width:90px;height:90px;line-height:90px;text-align:center;position:absolute;left:0;top:0;}
.bx-part2 .bx:nth-child(2)	{border-right:none;padding-left:180px;}
.bx-part2 .bx:nth-child(2) .ico	{left:50px;}

.b-library		{border:1px solid #ccc;}
.b-library li	{float:left;border-right:1px dashed #ccc;width:20%;min-height:315px;padding:50px 25px;line-height:1.5;text-align:center;position:relative;}
.b-library.d3 li	{width:33.33%;min-height:460px;}
.b-library li:after	{content:"";display:block;width:65px;height:35px;background:url(../img/library_arrow.png) no-repeat;position:absolute;top:50%;right:-40px;transform:translateY(-50%);}
.b-library li:last-child	{border-right:none;}
.b-library li:last-child:after	{content:none;}
.b-library span.tit	{display:block;font-size:19px;color:#3366CC;font-weight:600;margin-bottom:30px;}
.b-library span.ico		{display:block;width:70px;height:80px;margin:0 auto 30px;background-position:50% 50%;background-repeat:no-repeat;}
.b-library span.ico1	{background-image:url(../img/library_ico1.png);background-size:contain;}
.b-library span.ico2	{background-image:url(../img/library_ico2.png);background-size:contain;}
.b-library span.ico3	{background-image:url(../img/library_ico3.png);background-size:contain;}
.b-library span.ico4	{background-image:url(../img/library_ico4.png);background-size:contain;}
.b-library span.ico5	{background-image:url(../img/library_ico5.png);background-size:contain;}
.b-library span.ico6	{background-image:url(../img/library_ico6.png);width:110px;background-size:contain;}
.b-library span.ico7	{background-image:url(../img/library_ico7.png);width:110px;background-size:contain;}

.b-library-info	{border-top:1px solid #3366CC;}
.b-library-info .bx	{padding:30px 0;border-bottom:1px dashed #DFDFDF;}
.b-library-info .bx:last-child	{border-bottom:1px solid #3366CC;}
.b-library-info .bx .num{float:left;width:300px;color:#3366CC;font-size: 19px;}
.b-library-info .bx .num em{display:inline-block;border-radius:50%;background:#3366CC;width:25px;height:25px;line-height:25px;color:#fff;font-size:11px;text-align:center;margin-right:10px;vertical-align: middle;}
.b-library-info .bx ul	{float:left;width:calc(100% - 300px);}

.num-list	{}
.num-list li		{padding:2px 0;padding-left:40px;position:relative;}
.num-list li .num	{position:absolute;top:4px;left:0;width:25px;height:25px;line-height:25px;border-radius:50%;background:#3366CC;color:#fff;font-size:11px;text-align:center;}

.library-info			{position:relative;}
.library-info .contwrap	{display:flex;flex:wrap;flex-direction:row;align-items: flex-start;}
.library-info .img	{}
.library-info .info		{width:50%;padding-left:30px;}
.library-info 	{}
.library-info table 	{margin-top:20px;border-top:1px solid #BDC7DB;}
.library-info table th	{background:#F6FAFC;padding:20px;text-align:center;color:#3366CC;}
.library-info table td	{padding:20px;}
.library-info table tr	{border-bottom:1px solid #BDC7DB;}

@media only screen and (max-width:1440px){ /*1200*/
	.b-library li	{padding:30px;}
}

@media only screen and (max-width:1256px){ /*960*/
}

@media only screen and (max-width:1023px){/*720*/	
	.bx-part2 .bx	{float:none;width:100%;border-right:none;}
	.bx-part2 .bx:nth-child(2)	{padding-left:130px;margin-top:10px;}
	.bx-part2 .bx:nth-child(2) .ico	{left:0;}
	
	.b-library li	{width:50%;border-bottom:1px dashed #ccc;min-height:250px;}
	.b-library li:nth-child(2),
	.b-library li:nth-child(4)	{border-right:none;}
	.b-library li:last-child	{width:100%;min-height:auto;border-bottom:none;}
	.b-library span.ico	{width:50px;height:60px;margin:0 auto 20px;}
	.b-library span.ico6,
	.b-library span.ico7	{width:85px;height:60px;}
	.b-library li:nth-child(2n):after	{content:none;}
	
	.b-library.d3 li	{width:50%;min-height:260px;}
	.b-library.d3 li:last-child	{width:100%;}
	
	.library-info .contwrap	{flex-direction:column;}
	.library-info .img		{width:100%;margin-bottom:20px;}
	.library-info .img img	{width:100%;}
	.library-info .info	{width:100%;padding-left:0;}
}

@media only screen and (max-width:768px){/*mobile-l*/
	.bx-custom	{padding:30px;padding-right:120px;}
	.bx-custom .ico	{top:30px;right:30px;width:70px;height:70px;line-height:70px;}
	.bx-custom .ico img	{width:40px;}
	
	.b-library-info .bx .num	{width:250px;font-size:17px;}
}

@media only screen and (max-width:576px){/*mobile-s*/
	.bx-custom .tit,
	.bx-custom .tit2	{font-size:20px;}

	.b-library li,
	.b-library.d3 li	{width:100%;min-height:auto;border-right:none;}
	.b-library li:after	{content:none;}
	
	.b-library-info .bx	{padding:20px 0;}
	.b-library-info .bx .num	{float:none;width:100%;}
	.b-library-info .bx ul	{float:none;width:100%;margin-top:20px;}
}

@media only screen and (max-width:415px){/*mobile-xs*/
}

@media only screen and (max-width:320px){/*mobile-xs*/
		.bx-custom	{padding:30px;}
		.bx-custom .ico	{display:none;}
	}
	
#apply-wrap2	{}
#apply-wrap2 input,
#apply-wrap2 select	{height:40px;border-radius:0;text-indent:0;padding:6px 12px;}
#apply-wrap2 .tit	{font-size:20px;font-weight:700;color:#111;line-height:1.3;margin:30px 0;word-break:break-word;}
#apply-wrap2 .tit span{display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:50%;background:#3366cc;color:#fff;font-size:11px;vertical-align:top;margin-right:10px;}	
#apply-wrap2 .cont1	{}
#apply-wrap2 .cont2	{margin-top:20px;}
#apply-wrap2 .sum	{position:absolute;left:0;bottom:0;width:100%;padding:30px;background:#3366cc;color:#fff;}
#apply-wrap2 table tr		{border-top:1px solid #eaeaea}
#apply-wrap2 table th		{text-align:center;}
#apply-wrap2 .cont1 thead, 
#apply-wrap2 .cont1 tbody tr	{}
#apply-wrap2 .cont1 thead	{}
#apply-wrap2 .cont1 thead th	{padding:15px;font-size:14px;background:#f8f8f8}
#apply-wrap2 .cont1 tbody	{}
#apply-wrap2 .cont1 tbody th,
#apply-wrap2 .cont1 tbody td	{padding:10px;font-size:14px;text-align:center;}
#apply-wrap2 .cont1 th:nth-child(1)	{width:80px;}
#apply-wrap2 .cont1 th:nth-child(3)	{width:calc(120px + 1em);}
#apply-wrap2 .cont1 td:last-child	{width:120px;}
#apply-wrap2 .cont2 th		{background:#f8f8f8}
#apply-wrap2 .cont2 tbody th,
#apply-wrap2 .cont2 tbody td	{padding:10px;font-size:15px;}
#apply-wrap2 .cont2 tbody tr:last-child	{border-bottom:1px solid #eaeaea}

#apply-wrap2 .mypage-list	{border-top:none;}
#apply-wrap2 .mypage-list .thumb	{width:140px;height:100px;background:#fff;border:1px solid #eaeaea;padding:10px;}
#apply-wrap2 .mypage-list .cont .tit	{margin:10px 0;font-size:18px;}
#apply-wrap2 .mypage-list .amount	{font-size:14px;}
#apply-wrap2 .mypage-list .amount li	{color:#666;padding:5px 0;}
#apply-wrap2 .mypage-list .amount li span	{color:#1E2F51;margin-right:10px;}
#apply-wrap2 .mypage-list .price	{text-align:center;}
#apply-wrap2 .mypage-list .price span	{font-size:23px;color:#1E2F51;font-weight:600;}
#apply-wrap2 .mypage-list .price .btn-check	{display:inline-block;width:32px;height:32px;line-height:30px;text-align:center;border:1px solid #CBD4F1;color:#CBD4F1;border-radius:50%;}
#apply-wrap2 .mypage-list .price .btn-delete	{display:inline-block;width:32px;height:32px;line-height:30px;text-align:center;border:1px solid #ccc;color:#ccc;border-radius:50%;}
#apply-wrap2 .mypage-list .price .btn-check.on,
#apply-wrap2 .mypage-list .price .btn-check:hover	{background:#3366CC;border:1px solid #3366CC;color:#fff;transition:0.2s;}
#apply-wrap2 .mypage-list .price .btn-delete:hover	{background:#ccc;color:#fff;transition:0.2s;}
#apply-wrap2 .mypage-list .total span	{font-size:20px;font-weight:500;}
#apply-wrap2 .mypage-list .total .total-price	{font-size:34px;font-weight:600;margin-left:20px;margin-right:5px;color:#EF593A;}
/* 로그인 */
#login-wrap 				{position:relative;background:#F6FAFC;border:1px dashed #DBEDF2;}
#login-wrap:before			{content:"";position:absolute;right: 20px;bottom: -100px;width: 100%;height: 350px;background: url(../img/business_img1.png) no-repeat 100% 50%;background-size: contain;}
#login-wrap .login			{padding:60px 430px;text-align:center;position:relative;z-index:1;}
#login-wrap .login .tit		{font-size:50px;color:#3359CC;font-weight:600;line-height:1.2;}
#login-wrap .login .tit2		{font-size:20px;color:#1E2F51;margin:10px 0 20px;line-height:1.4;}
#login-wrap .login-bx input	{height:50px;margin-bottom:5px;border:1px solid #E5ECF8;border-radius:0;}
#login-wrap .login-bx a		{display:block;}
#login-wrap .login-sns		{margin:5px -5px;}
#login-wrap .login-sns a	{float:left;display:block;width:calc(50% - 10px);margin:5px;padding:10px 15px;}
#login-wrap .login-sns a:nth-child(1)	{background:#00d65f;color:#fff;}
#login-wrap .login-sns a:nth-child(2)	{background:#f9e100;color:#3c1e1e;}
#login-wrap .login-sns a:nth-child(1):before	{content:"";display:inline-block;width:20px;height:20px;background:url(../img/sns_naver.png) no-repeat;margin-right:10px;vertical-align:middle;}
#login-wrap .login-sns a:nth-child(2):before	{content:"";display:inline-block;width:20px;height:20px;background:url(../img/sns_kakao.png) no-repeat;margin-right:10px;vertical-align:middle;}
#login-wrap .login-mn		{padding:30px 0 0;text-align:center;}
#login-wrap .login-mn a		{font-size:15px;color:#3366CC;margin:0 20px;}
#login-wrap .login .txt	{font-size:16px;color:#000;margin-top:40px;}

.login-tab	{}
.login-tab		{margin-bottom:30px;}
.login-tab ul	{display:table;table-layout:fixed;width:100%;}
.login-tab li	{display:table-cell;vertical-align:bottom;}
.login-tab li a	{display:block;padding:10px 15px;text-align:center;color:#3366CC;background:#FAFCFD;border:1px solid #D9EAF0;}
.login-tab li a:hover,
.login-tab li.on a			{background:#3359CC;border:1px solid #3359CC;color:#fff;}

.join-step				{text-align:center;margin:30px 0 40px;}
.join-step li			{display:inline-block;color:#99BCDE;font-size:23px;position:relative;}
.join-step li:after		{content:"";display:inline-block;width:100px;height:2px;background:#99BCDE;margin:0 15px;vertical-align:middle;}
.join-step li:last-child:after	{content:none;}
.join-step li .ico		{display:inline-block;vertical-align:middle;width:70px;height:70px;margin-right:15px;border-radius:50%;}
.join-step .ico.ico1	{background:#99BCDE url(../img/join_ico1.png) no-repeat 50% 50%;}
.join-step .ico.ico2	{background:#99BCDE url(../img/join_ico2.png) no-repeat 50% 50%;}
.join-step .ico.ico3	{background:#99BCDE url(../img/join_ico3.png) no-repeat 50% 50%;}
.join-step .ico.ico4	{background:#99BCDE url(../img/join_ico4.png) no-repeat 50% 50%;}
.join-step li.on		{color:#3366CC;}
.join-step li.on .ico	{background-color:#3366CC;}

.join-wrap	{padding:40px 50px;background:#ECF0F3;border:1px dashed #C7D5DC;}
.agree		{}
.agree .tit	{position:relative;line-height:60px;padding:25px 140px 25px 80px;font-size:23px;color:#1E2F51;font-weight:600;}
.agree .tit .essential	{width:50px;height:50px;background:url(../img/ico_essential.png) no-repeat 0 50%;background-size:cover;text-indent:-9999px;overflow:hidden;margin-right:20px;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.agree .tit p	{font-size:23px;color:#1E2F51;font-weight:600;line-height:1.5;}
.agree .tit a	{position:absolute;right:0px;top:50%;transform:translateY(-50%);display:block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:#fff;border:1px solid #CBD4F1;transition:all 0.2s ease-out;color:#CBD4F1}
.agree .tit a.agree-ok	{border-color:#FF9900;background:#FF9900;color:#fff;}
.agree .tit a:before	{content:"\f00c";font-family:FontAwesome;font-weight: 500;}
.agree .txt				{padding:30px;background:#fff;max-height:300px;font-size:14px;overflow-y:scroll;margin:20px 0;}
.agree:first-child .tit	{border-bottom:1px solid #ccc;margin-bottom:20px;padding:20px 140px 20px 0;}
.agree h2	{font-size:20px;color:#333;}
.agree h3	{font-size:18px;background:none;padding-left:0;font-weight:500;}
.alt-txt	{position: absolute;overflow: hidden;clip: rect(0 0 0 0);margin: -1px;width: 1px;height: 1px;}

#join .auth{background-color: #fff; padding:80px; text-align: center; border:1px solid #BCCBD3;}
#join .auth em{font-size:27px; color:#374259; font-weight: 700;}
#join .auth em:before{content:''; display: block; width:105px; height:125px; background:url(../img/ico_info06.png)no-repeat 50% 50%; margin:0 auto; margin-bottom: 30px;}
#join .auth p{font-size: 18px;}
#join .auth-btn	{display:inline-block;padding:0 30px;line-height: 48px;font-size:16px;color:#fff; text-align: center; background-color:#3366cc;}

table.join-info 	{border-top:2px solid #3359CC;}
table.join-info tr	{border-bottom:1px solid #D7D7D7;}
table.join-info th	{background:#f5f5f5;padding:10px 20px;text-align:center;color:#333;font-size:15px;}
table.join-info td	{background:#fff;padding:10px 20px;}
table.join-info input,
table.join-info select	{height:40px;border-radius:0;display:inline-block;width:220px;}
table.join-info input::placeholder	{font-size:13px;}
table.join-info .txt	{font-size:13px;color:#8E96A7;line-height:1.4;}

.join-wrap .join-ok	{text-align:center;}
.join-wrap .join-ok span.ico	{display:block;width:100%;height:170px;background:url(../img/join_img.png) no-repeat 50% 50%;margin:0 auto;background-size: contain;}
.join-wrap .join-ok .tit	{font-size:30px;color:#3366CC;margin:20px 0;line-height:1.4;}

.join-wrap .login-sns		{margin:5px -5px;padding:0 430px;}
.join-wrap .login-sns a	{float:left;display:block;width:calc(50% - 10px);margin:5px;padding:10px 15px;}
.join-wrap .login-sns a:nth-child(1)	{background:#00d65f;color:#fff;}
.join-wrap .login-sns a:nth-child(2)	{background:#f9e100;color:#3c1e1e;}
.join-wrap .login-sns a:nth-child(1):before	{content:"";display:inline-block;width:20px;height:20px;background:url(../img/sns_naver.png) no-repeat;margin-right:10px;vertical-align:middle;}
.join-wrap .login-sns a:nth-child(2):before	{content:"";display:inline-block;width:20px;height:20px;background:url(../img/sns_kakao.png) no-repeat;margin-right:10px;vertical-align:middle;}

.bx-custom.mem-out	{padding-right:50px;}
.bx-custom.mem-out .tit2	{padding-right:70px;}
.bx-custom.mem-out .txt	{position:relative;padding-right: 50px;z-index:2;}
.mem-out	{}
.mem-out table.join-info	{border-top:1px solid #DBEDF2;}
.mem-out table.join-info th	{background:#EBF4F8;}
.mem-out table.join-info tr	{border-bottom:1px solid #DBEDF2;}
.mem-out .btnarea 	{margin:50px 0 0;}

@media only screen and (max-width:1440px){ /*1200*/
	#login-wrap .login	{padding:60px 350px;}
	table.join-info input.w500	{width:300px !important;}
}

@media only screen and (max-width:1256px){ /*960*/
	#login-wrap .login	{padding:60px 250px;}
	#login-wrap:before	{height:300px;right:0;}
	.join-step li:after	{width:30px;}
	
	table.join-info input, table.join-info select, table.join-info .btn-d	{margin:2px;}
}

@media only screen and (max-width:1023px){/*720*/
	#login-wrap .login	{padding:60px 140px;}
	#login-wrap:before	{height:250px;bottom:20px;opacity:0.6;}
	#login-wrap .va-pc	{display:none;}
	
	.join-step li	{font-size:20px;}
	.join-step li .ico	{width:50px;height:50px;margin-right:10px;}
	.join-step .ico.ico1,
	.join-step .ico.ico2,
	.join-step .ico.ico3,
	.join-step .ico.ico4	{background-size:35px;}
	.join-step li:after	{width:20px;margin:0 10px;}
	
	.join-wrap table th,
	.join-wrap table td	{white-space:normal !important;}
	
	table.join-info .txt	{display:block;margin-top:5px;}
	table.join-info input, table.join-info select	{width:180px;}
	table.join-info input.w500	{width:100% !important;}
}

@media only screen and (max-width:768px){/*mobile-l*/
	#login-wrap .login	{padding:60px;}
	#login-wrap .login-mn a	{margin:0 10px;}
	
	.join-step li	{padding:0 20px;}
	.join-step li .ico	{display:block;margin:0 auto;}
	.join-step li:after	{content:none;}
	#join .auth	{padding:50px;}
	#join .auth em	{font-size:24px;margin:0 0 10px;display:block;}
	#join .auth em:before	{width:80px;height:97px;background-size:contain;}
	#join .auth p	{font-size:16px;}
	
	
	.agree .tit				{padding:20px 60px;}
	.agree:first-child .tit	{padding:20px 0;margin-bottom:10px;}
	.agree .tit p	{font-size:20px;}
	.agree .tit .essential	{width:40px;height:40px;}	
	.agree .txt	{margin:10px 0;}
	
	.join-wrap .join-ok span.ico	{height:140px;}
	.join-wrap .join-ok .tit	{font-size:26px;}
	
	.bx-custom.mem-out	{padding-right:30px;}
}

@media only screen and (max-width:576px){/*mobile-s*/
	#login-wrap .login	{padding:60px 40px;}
	.join-step	{margin:0 0 10px;}
	.join-step li	{font-size:16px;padding:0 15px;}
	.join-step li:after	{display:none;}	
	.join-step li .ico	{width:40px;height:40px;}
	.join-step .ico.ico1, .join-step .ico.ico2, .join-step .ico.ico3, .join-step .ico.ico4	{background-size:30px;}
	.join-wrap	{padding:20px 40px;}
	
	table.join-info .txt	{display:block;margin-top:5px;}
	table.join-info input, table.join-info select, table.join-info .btn-d	{width:100%}
}

@media only screen and (max-width:415px){/*mobile-xs*/
	#login-wrap .login	{padding:50px 30px;}
	#login-wrap .login-mn a {margin:0 5px;font-size:13px;}
	
	.join-step li	{font-size:15px;padding:0 5px;}
	.join-step li .ico	{width:35px;height:35px;}
	.join-step .ico.ico1, .join-step .ico.ico2, .join-step .ico.ico3, .join-step .ico.ico4	{background-size:25px;}
	
	.agree .tit p	{font-size:16px;}
	.agree h3	{font-size:15px;}
	
	.join-wrap	{padding:20px;}
	
	.bx-custom.mem-out input	{width:120px;}
}
@media only screen and (max-width:320px){/*mobile-xs*/
	.bx-custom.mem-out .tit2,
	.bx-custom.mem-out .txt	{padding-right:0;}
	.mem-out table.join-info th	{padding:10px;width:60px;}
	.bx-custom.mem-out input	{width:100px;}

}

/* 마이페이지 */
.mypage-interest	{margin-bottom:30px;}
.mypage-interest .bx	{float:left;width:33.33%;padding:30px;background:#F5F6F8;border:1px solid #AFB6C3;border-left:none;line-height:1.3;height:110px;position:relative;}
.mypage-interest .bx li	{float:left;width:50%;position:relative;}
.mypage-interest .bx li:nth-child(2)	{text-align:right;}
.mypage-interest .ico		{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:50px;height:50px;vertical-align:middle;margin-right:10px;}
.mypage-interest .ico.ico1	{background:url(../img/mypage_ico1.png) no-repeat 50% 50%;}
.mypage-interest .ico.ico2	{background:url(../img/mypage_ico2.png) no-repeat 50% 50%;}
.mypage-interest .tit	{color:#1E2F51;padding:15px 0;padding-left:60px;}
.mypage-interest .num	{color:#999;font-weight:500;}
.mypage-interest .num span	{font-size:37px;color:#606E89;vertical-align:middle;margin:0 5px}
.mypage-interest .total			{background:#606E89;color:#AFB6C3;border:1px solid #606E89;padding:20px 30px;}
.mypage-interest .total li		{padding-left:0;}
.mypage-interest .total .tit	{font-size:25px;color:#fff;padding:0;}
.mypage-interest .total .num	{color:#AFB6C3;}
.mypage-interest .total .num span	{font-size:47px;color:#fff;}

.mypage-tab		{margin-bottom:30px;}
.mypage-tab ul	{display:table;table-layout:fixed;width:100%;}
.mypage-tab li	{display:table-cell;vertical-align:bottom;}
.mypage-tab li a	{display:block;padding:20px 15px;text-align:center;color:#1E2F51;background:#ECF0F3;border-left:1px solid #fff}
.mypage-tab li:nth-child(1) a	{border:none;}
.mypage-tab li a:hover,
.mypage-tab li.on a			{background:#3366cc;color:#fff;}

.mypage-list				{border-top:2px solid #3366cc;border-bottom:1px solid #111;}
.mypage-list table			{text-align:center;}
.mypage-list table thead	{color:#3366cc}
.mypage-list table thead th	{padding:15px 5px;background:#FAFBFE;color:#3366CC;text-align:center;font-size:15px;}
.mypage-list table thead td	{padding:15px 5px;}
.mypage-list table tbody tr	{border-top:1px solid #eaeaea;}
.mypage-list table tbody th,
.mypage-list table tbody td	{padding:10px 5px;font-size:14px;}

.mypage-list table .btn-more		{display:inline-block;width:24px;height:24px;line-height:22px;font-size:12px;color:#fff;border:2px solid #3366CC;border-radius:50%;color:#3366CC;text-align:center;}
.mypage-list table .btn-more:after	{content:"\f067";font-family:FontAwesome;}
.mypage-list table .btn-more:hover	{background:#3366CC;color:#fff;transition:0.2s;}
.mypage-list .nodata	{padding:50px;color:#999;border-top:1px solid #eaeaea;text-align:center;} 

#apply-wrap table.info 		{border-top:2px solid #ccc}
#apply-wrap table.info tr		{border-top:1px solid #eaeaea}
#apply-wrap table.info th		{background:none;color:#1E2F51;font-weight:600;padding:15px 10px;}
#apply-wrap table.info td		{font-size:14px;padding:15px 10px;}

#apply-wrap2 table.info 		{border-top:2px solid #ccc}
#apply-wrap2 table.info tr		{border-top:1px solid #eaeaea}
#apply-wrap2 table.info th		{background:none;color:#1E2F51;font-weight:600;padding:15px 10px;}
#apply-wrap2 table.info td		{font-size:14px;padding:15px 10px;}

.mypage-list .list-substance	{border-top:none;}
.mypage-list .list-substance li	{border-bottom:0;}
.mypage-list .list-substance > ul > li	{position:relative;display:flex;flex:wrap;align-items: center;flex-direction:row;padding:20px 0;border-bottom:1px solid #ddd;}
.mypage-list .list-substance .cont	{flex-grow: 1;width: calc(100% - 580px);}
.mypage-list .list-substance .amount	{width:240px;padding:0 20px;font-size:14px;}
.mypage-list .list-substance .amount li	{color:#666;padding:5px 0;}
.mypage-list .list-substance .amount li span	{color:#1E2F51;margin-right:10px;}
.mypage-list .list-substance .price	{width:200px;padding:0 20px;text-align:center;}
.mypage-list .list-substance .price span	{font-size:23px;color:#1E2F51;font-weight:600;}
.mypage-list .list-substance .price .btn-check	{display:inline-block;width:32px;height:32px;line-height:30px;text-align:center;border:1px solid #CBD4F1;color:#CBD4F1;border-radius:50%;}
.mypage-list .list-substance .price .btn-delete	{display:inline-block;width:32px;height:32px;line-height:30px;text-align:center;border:1px solid #ccc;color:#ccc;border-radius:50%;}
.mypage-list .list-substance .price .btn-check.on,
.mypage-list .list-substance .price .btn-check:hover	{background:#3366CC;border:1px solid #3366CC;color:#fff;transition:0.2s;}
.mypage-list .list-substance .price .btn-delete:hover	{background:#ccc;color:#fff;transition:0.2s;}

@media only screen and (max-width:1256px){ /*960*/
	
	.mypage-interest .total .tit	{font-size:20px;}
	.mypage-interest .tit	{padding:5px 0;padding-left:60px;}
	
	.mypage-list .list-substance .cont	{width: calc(100% - 500px);}
	.mypage-list .list-substance .amount	{padding:0 20px;font-size:14px;}
	.mypage-list .list-substance .amount li	{color:#666;padding:5px 0;}
	.mypage-list .list-substance .amount li span	{color:#1E2F51;margin-right:10px;}
	.mypage-list .list-substance .price	{width:120px;padding:0 20px;text-align:center;}
}

@media only screen and (max-width:1023px){/*720*/
	.mypage-interest .bx	{min-height:165px;}
	.mypage-interest .bx li	{float:none;width:100%;}	
	.mypage-interest .bx li.num	{position:absolute;bottom:20px;right:30px;}
		
	.mypage-list .list-substance .cont		{width: calc(100% - 410px);padding-right:0;}
	.mypage-list .list-substance .amount	{width:150px;}
	
	.mypage-list .list-substance .amount .form-d	{display:block;width:100%;margin-right:0;}
	.mypage-list .list-substance .amount .btn-d	{margin-top:2px;width:100%;}
	
	table.join-info th,
	table.join-info td	{white-space:normal !important;}
	
	#apply-wrap2 .cont1 .total th	{width:100%;}
	#apply-wrap2 .cont1 .total th.tar	{text-align:center !important;}
}

@media only screen and (max-width:768px){/*mobile-l*/
	.mypage-list .list-substance > ul > li	{display:block;}
	.list-substance .thumb	{/* width:100%; */text-align: center;}
	.mypage-list .list-substance .cont,
	.mypage-list .list-substance .amount,
	.mypage-list .list-substance .price	{width:100%;padding:0;margin:10px 0;}
	.mypage-list .list-substance .amount .form-d{display:inline-block;width:80px;margin-right:0;}
	.mypage-list .list-substance .amount .btn-d	{margin:0 0 0 4px;width:80px;}
	
	.mypage-list table	{text-align:left;}
	.mypage-list table thead th	{display:none;}
	.mypage-list table tbody th,
	.mypage-list table tbody td		{display:inline-block;text-align:left;padding:3px;color:#999;}
	.mypage-list table tbody td.num	{display:none;}
	.mypage-list table tbody tr		{display:block;padding:15px 0;}
	.mypage-list table tbody td.subject{display:block;font-size:16px;padding:0;margin:2px 0;vertical-align:top;width:auto;font-weight:500;}
	.mypage-list .nodata	{border-top:none;}
	
	#apply-wrap2 .cont1 .total th	{padding:0;}
}

@media only screen and (max-width:576px){/*mobile-s*/
	.mypage-interest .bx	{float:none;width:100%;height:auto;min-height:auto;border-left:1px solid #AFB6C3;border-top:none;padding:20px;}
	.mypage-interest .bx li	{float:left;width:50%;}
	.mypage-interest .bx li.num	{position:relative;right:0;bottom:0;}
	
	#apply-wrap2 table.info tr th,
	#apply-wrap2 table.info tr td	{display:block;width:100%;text-align:center;}
	#apply-wrap2 table.info tr th	{background:#f7f7f7;}
	
	.mypage-interest .bx li	{line-height:40px;}
	.mypage-interest .bx li.tit	{width:70%;padding:0 0 0 60px;}
	.mypage-interest .bx li.num	{width:30%;}
	.mypage-interest .bx.total .tit	{padding-left:0;line-height:1.4;}
}

.sitemap_bx				{margin:0 0 40px 0;border-top: 1px solid #ccc;padding-top: 30px;position:relative;}
.sitemap_bx .tit,
.sitemap_bx .tit a		{margin-bottom:10px;font-size: 23px;font-weight: 600;color: #002870;float: left;width: 180px;}
.sitemap_bx .tit:before	{content:"";display:block;width:180px;height:4px;background:url(../../default/img/sitemap_titbg.png) no-repeat;position:absolute;top:0;left:0;z-index:1;box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
.sitemap_depth2    {float:left;width: calc(100% - 180px);}
.sitemap_bx:after    {content:"";display:block;float:none;clear:both;width:100%;}
.sitemap_bx ul			{margin:0 -10px;}
.sitemap_bx ul li		{float:left;width:calc(25% - 20px);margin:0 10px 20px}
.sitemap_bx ul li a		{display:block;color: #00B2E2;margin:0;padding:10px 15px;font-size: 18px;font-weight: 500;transition:0.2s;}
.sitemap_bx ul li a:hover	{color:#002870;}
.sitemap_bx ul li:nth-child(4n+1) {clear:both;}
.sitemap_bx ul ul		{padding: 10px;/* background:#f4f4f4; */margin:0;}
.sitemap_bx ul ul li	{float:none;width:100%;margin:0;}
.sitemap_bx ul ul li a:before	{content: "";margin-right:5px;width: 3px;height: 3px;background: #ccc;position: absolute;left: 0;top: 0.8rem;}
.sitemap_bx ul ul li a	{border:none;padding:0;color:#666;font-weight: 400;font-size: 16px;position: relative;padding-left: 15px;}

@media only screen and (max-width:1023px){ /*auto*/
	.sitemap_bx ul ul li a {font-size:14px;}
}


@media only screen and (max-width:767px){ /*auto*/
	.sitemap_depth2		{flot:none;width:100%;}
	.sitemap_bx .tit, 
	.sitemap_bx .tit a	{width:auto;}
}

@media only screen and (max-width:576px){ /*auto*/
	.sitemap_bx ul li	{float:none;width:auto;margin:0;}
	.sitemap_bx ul ul	{background:#f4f4f4;}
}

/* 통합검색 */
#search-wrap	{padding:0;margin:0}
#search-wrap .s_word	{color:#ff9900 !important;font-weight:400;text-decoration:underline}
.search-top				{position:relative;padding:20px;background: #002870;}
.search-top .logo			{position:absolute;left:0;top:42px;}
.search-top .input-area				{background:#fff;border:none;margin:0 auto;}
.search-top .input-area:after		{content:"";clear:both;display:block;float:none;}
.search-top .input-area .dropdown	{float:left;line-height:50px;width:160px;padding:0;margin:0;}
.search-top .input-area .dropdown-menu 	{width:100%;}
.search-top .input-area .dropdown-menu ul	{padding:0;}
.search-top .input-area .dropdown-menu li	{padding:0 20px;line-height:35px;border-top:1px solid #eaeaea;cursor:pointer;font-weight:400}
.search-top .input-area .dropdown-menu li:hover{background:#f4f4f4;color:#2A3C66;}
.search-top .input-area .dropdown-menu li:first-child{border:none;}
.search-top .input-area button	{width:100%;display:block;line-height:50px;background:none;border:none;padding:0 0 0 10px;text-align:left;background: #002870;color: #fff;}
.search-top .input-area button .fa{float:right;display:block;line-height:50px;font-size:20px;}
.search-top .input-area input[type="text"]		{float:left;line-height:50px;height:50px;width:calc(100% - 200px);border:none;background: #002870;border-radius: 0;color: #fff;}
.search-top .input-area input[type="text"]:focus	{outline:none;}
.search-top .input-area .fa		{float:right;line-height:50px;display:inline-block;width:40px;text-align:center;color: #fff;background: #002870;}
.search-option		{padding:15px;border:1px solid #ddd;border-top:none;color:#333;}
.search-option input{vertical-align:top}
.search-option input[type="text"]{width:100px;}
.search-option input[type="radio"]{margin:10px 5px 0 0;}
.search-option span{display:inline-block;margin:2px 10px;line-height:30px;vertical-align:top;}
.search-result			{position:relative;}
.search-result em		{color: #ff9900;}
.search-result .mn		{background:#f6f6f6;border-top:1px solid #2A3C66;border-bottom:1px solid #eaeaea;}
.search-result .mn li	{float:left;width:20%;text-align:center;margin:15px 0;font-size:18px;font-weight:400}
.search-result .mn a.on	{color:#2A3C66}
.search-result .total	{margin:30px 0;border:1px solid #eaeaea;text-align:center;color: #fff;background: #002870;}
.search-result .total .tit{padding:60px;font-size:20px;}
.search-result .total .tit:before	{content:"\f002";font-family:FontAwesome;display:inline-block;margin-right:10px;color: #fff;}
.search-result .total ul{background:#f6f6f6;padding:15px;}
.search-result .total li{float:left;margin-right:20px;}
.search-result .more		{text-align:right;margin:20px 0 40px 0;padding-bottom:20px;border-bottom:1px solid #ddd;font-size:14px;}
.search-result .sum			{color:#aaa;display:inline-block;margin-left: 20px;font-size: 80%;font-weight: 500;}

.search-result .type1 ul	{background:#f6f6f6;padding:20px;}
.search-result .type1 li a:before	{content:"\f105";font-family:FontAwesome;display:inline-block;margin:0 10px;color:#999}
.search-result .type1 li a:first-child:before{content:"·";margin-left:0;}

.search-result .type2 li		{border-top:1px dashed #eaeaea;padding: 30px;background: #f1f1f1;}
.search-result .type2 li:first-child{border:none;/* padding-top:0 */}
.search-result .type2 .tit		{margin-bottom:10px;}
.search-result .type2 .txt 	{color:#777}
.search-result .type2 .date	{font-size:12px;font-family:Lato;color:#777;margin-top:10px;}
.search-result .type2 .tit a	{color:#222;font-weight:400}
.search-result .type2 a:before	{content:"\f105";font-family:FontAwesome;display:inline-block;margin:0 10px;color:#999}
.search-result .type2 a:first-child:before{content:"";margin:0;}

.search-result .type3			{}
.search-result .type3 table			{border-top:1px solid #6A757D;}
.search-result .type3 table th,
.search-result .type3 table td				{padding:15px 20px;border:1px solid #ddd;vertical-align:middle;}
.search-result .type3 table thead th		{background:#f4f4f4;color:#6A757D;line-height:1.4;font-weight:normal;border-top:none;text-align:center;}
.search-result .type3 table tbody th		{text-align:center;}
.search-result .type3 table th,
.search-result .type3 table td:first-child	{border-left:none;}
.search-result .type3 table th:last-child,
.search-result .type3 table td:last-child	{border-right:none;}
.search-result .type3 table tr:first-child th,	
.search-result .type3 table tr:first-child td	{border-top:none;}

@media only screen and (max-width:767px){ /*auto*/	
	.search-top				{padding:20px;}
	.search-top .logo		{position:relative;left:0;top:0;text-align:center;margin-bottom:10px;}
	.search-top .logo img	{height:25px;}
	.search-top .input-area	{width:auto;}
	.search-top .input-area .dropdown	{line-height:40px;width:120px;}
	.search-top .input-area button,
	.search-top .input-area button .fa,
	.search-top .input-area .fa		{line-height:40px;}
	.search-top .input-area input[type="text"]	{line-height:40px;height:40px;width:calc(100% - 160px);}
	.search-result .d_width		{padding:0 20px;}
	.search-result .mn li		{margin:15px 0;font-size:14px;}
	.search-result .mn .d_width	{padding:0;}
	.search-option,
	.search-result .total li	{font-size:14px;}
	.search-result .total .tit	{padding:20px;}
	.search-result .total{margin:20px 0;}
	
	.satisfaction .charge > span	{display:block;}
}

#paying-card		{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:99;}
.paying-step	{width:685px;height:550px;position:absolute;left:50%; top:50%; z-index:11;margin:-250px 0 0 -380px;}
.paying-step .next-step{position:absolute; right:0px;top:0px; cursor:pointer;background:none;}
.paying-step .close-btn	{position:absolute;right:0;top:-30px;}
.paying-step .close-btn a	{color:#fff;font-size:14px;}

/*회원가입 정보수집동의 라디오박스디자인 20210521*/
.agree_choose{margin-bottom:5px;}
.agree_choose:after,
.agree_choose dd:after{content:''; display: block; clear:both;}
.agree_choose dt,
.agree_choose dd{float:left; text-align:center}
.agree_choose dt{width:80px;font-size: 16px;font-weight: 600;line-height:50px;background-color: #3366cc;color:#fff;}
.agree_choose dd{width:calc(100% - 80px); line-height: 50px;}
.agree_choose dd label{float:left;width:50%; cursor:pointer;}
.agree_choose dd label input{display:none;}
.agree_choose dd label span{display: block;background-color: #f5f5f5;color: #b8b7b7;}
.agree_choose dd label input:checked + span{background-color: #9fa8b6;color:#fff;}