@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');
}
:root {
	--main-color:#0080B8;
	--sub-color:#153A87;/*#4AB994*/
	--point-color1:#22C0C8;
	--point-color2:#41AAB8;  
	--point-color3:#FBCE40;
	--basic-bg:#f6f6f6;	
	--dark-color:#313033;
	--grd:linear-gradient(-90deg, #3365CC,#1ba296, #01782e);
	--tb-grd:linear-gradient(-45deg, #0F71AA, #25BA82);
	--btn-shadow:0 2px 3px rgba(0,0,0,0.1);
	--bx-shadow:0 10px 20px rgba(0,0,0,0.1);
	--more-shadow:0 2px 4px rgba(0,0,0,0.1);
	--color-shadow:0 4px 10px rgba(84,76,185,0.4);
	--all-ani:all cubic-bezier(0, 1, 0.5, 1) 0.2s;
	
	/*웹접근성*/
	--gray: #8893a0;
	--org: #e47600;
	--sky: #269dcc;
}

html{
	scroll-behavior: smooth;
}
body{font-familt:'Pretendard';}
.main-color	{color:#41AAB8;}
.sub-color	{color:#FFFFCC;}
.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:768px){
.satisfaction .tit	{font-size:18px;}
.satisfaction .s-etc	{display:block;}
.satisfaction .s-etc input	{width:100%;}
.satisfaction .s-etc a	{width:100%;}
}


@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%; min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); object-fit:cover; z-index:1;}
.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:60px;line-height:1.5;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{margin:0 -10px;}
	.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;}
	.greeting.business1 .en1{font-size:40px;}
	.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;}
	.greeting.business1 .en1{font-size:32px;}
	.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.business1 .en1{font-size:28px;}
	.greeting.business3 .bg p:nth-child(3)	{padding-right:0;}
	.greeting .bg p:not(.tit){margin-bottom:10px;}
	.c_width .line_blank{display:none;}
	.greeting.business1 .bg p:nth-child(3), .greeting.business1 .bg p:nth-child(4){padding-right:0;}
	.b-benefit li	{width:100%;min-height:auto;border-right:none; padding:10px;}
	.b-benefit span.ico{margin:0 auto 10px;}
	.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 30px;line-height:1.5;text-align:center;position:relative;}
.b-library.d3 li	{width:33.33%;min-height:460px;}
.b-library.d4 li	{width:25%;}
.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{padding:20px;}
	.b-library li	{width:50%;border-bottom:1px dashed #ccc;min-height:250px;}
	.b-library.d4 li{width:50%; min-height:auto;}
	.b-library.d4 li:last-child{width:50%;}
	.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.d4 li{width:100%;}
	.b-library.d4 li:last-child{width:100%;}
	.b-library.d4 li:after{display:none;]}
	.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;}


@charset "utf-8";

body,h1,h2,h3,h4,input,button,textarea,select,div {font-family:'Pretendard', 'NanumGothic', '돋움', Dotum, Arial, Tahoma,sans-serif;font-size:15px;}

#loading-wrap {display:block;overflow:hidden;position:fixed;top:0;left:0;opacity:1;height:100%;width:100%;background:#011E41 url(../img/2022/loading_bg_2022.jpg) no-repeat 50% 50% / cover;z-index:9999999999;}
.overlay{width:100%;height:100%;background:rgba(0,0,0,0.2);display:block;position:absolute;top:0;left:0;min-height:600px;animation:light 6s alternate both;}
.overlay:before{content:"";width:100%;height:100%;background:linear-gradient(0deg, #04669D, transparent);display:block;position:absolute;top:0;left:0;}

#loading-wrap .logo{display:inline-block;margin:40px 0 0;}
#loading-wrap video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;width: auto;height: auto;}
.intro-visual{width:1400px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:-80px;}
.intro-visual .iv{width:900px;height:400px;float:left;background:url(../img/2022/iv_bg_2022-2.png) no-repeat 0 50%;position:relative;color:#fff;margin-top:60px;}
.intro-visual .iv:before{content:"";width:900px;height:400px;position:absolute;left:0;top:0;background:url(../img/2022/iv_bg_2022.png) no-repeat 0 50%;-webkit-animation: fade 1.7s 1s cubic-bezier(0.01, 0.21, 0.54, 1.02) alternate both;animation: fade 1.7s 1s cubic-bezier(0.01, 0.21, 0.54, 1.02) alternate both;}
.iv-tit{font-size:15px;letter-spacing:5px;font-weight:300;position:absolute;top:80px;left:230px;}
.iv-txt{font-size:19px;font-weight:500;position:absolute;bottom:50px;left:0;}
.iv-btn{width:calc(100% - 900px);float:left;}
.iv-btn a{display:block;font-size:24px;color:#fff;font-weight:700;padding:35px 30px 25px;background:rgba(65,187,252,0.8);margin-bottom:20px;position:relative;transition:all 0.3s;}
.iv-btn a:before{content:"";width:58px;height:58px;position:absolute;top:40px;right:30px;background-image:url(../img/2022/iv_ico_2022.png);transition:all 0.3s;}
.iv-btn a:nth-child(1):before{background-position:57px -78px;animation: wobble 5s 3.5s ease-out both infinite;}
.iv-btn a:nth-child(2):before{background-position:57px 0;animation: wobble 5s 4.8s ease-out both infinite;}
.iv-btn a:nth-child(4):before{background-position:57px 137px;animation: wobble 5s 7.4s ease-out both infinite;}
.iv-btn a:nth-child(3):before{background-position:57px 53px;animation: wobble 5s 6.1s ease-out both infinite;}
.iv-btn a:last-child{margin-bottom:0;}
.iv-btn a:hover{background:linear-gradient(90deg, #1B9BFE, #9BFABF);color:#002C52;background-size: 180% 180%;position:relative;}
.iv-btn a:nth-child(1):hover:before{background-position:0px -78px;}
.iv-btn a:nth-child(2):hover:before{background-position:0px 0;}
.iv-btn a:nth-child(4):hover:before{background-position:0px 137px;}
.iv-btn a:nth-child(3):hover:before{background-position:0px 53px;}
.iv-btn a:nth-child(1){-webkit-animation: fadeInLeft 1s 1.5s ease-out alternate both,bg-color 1.7s alternate both infinite;animation: fadeInLeft 1s 1.5s ease-out alternate both,bg-color 1.7s alternate both infinite;}
.iv-btn a:nth-child(2){-webkit-animation: fadeInLeft 1s 1.8s ease-out alternate both,bg-color 1.7s alternate both infinite;animation: fadeInLeft 1s 1.8s ease-out alternate both,bg-color 1.7s alternate both infinite;}
.iv-btn a:nth-child(3){-webkit-animation: fadeInLeft 1s 2.1s ease-out alternate both,bg-color 1.7s alternate both infinite;animation: fadeInLeft 1s 2.1s ease-out alternate both,bg-color 1.7s alternate both infinite;}
.iv-btn a:nth-child(4){-webkit-animation: fadeInLeft 1s 2.4s ease-out alternate both,bg-color 1.7s alternate both infinite;animation: fadeInLeft 1s 2.4s ease-out alternate both,bg-color 1.7s alternate both infinite;}
.iv-btn a span {font-size:17px;display:block;padding-top:10px;font-weight:400;color:rgba(255,255,255,0.7);letter-spacing:-0.0725rem;}
.iv-btn a:hover span{color:#002c52cc;}
#loading-wrap .f_logo, #loading-wrap .f_mn{display:none !important;}
#loading-wrap footer{position:fixed;left:0;bottom:0;width:100%;height:120px;background:rgba(0,0,0,0.5);padding:40px 0;}
#loading-wrap address{font-size:13px;line-height:1.8;color:#7E95A8;}
#loading-wrap address br{display:none;}

@keyframes light {
  0% {filter:brightness(90%) contrast(90%);}
  50% {filter:brightness(125%) contrast(120%);}
  100% {filter:brightness(110%) contrast(100%);}
}
@-webkit-keyframes light {
  0% {filter:brightness(90%) contrast(90%);}
  50% {filter:brightness(125%) contrast(120%);}
  100% {filter:brightness(110%) contrast(100%);}
}
@-webkit-keyframes bg-color {
  0% {background-position: 0% 0%;}
  100% {background-position: 100% 100%;}
}
@keyframes bg-color {
  0% {background-position: 0% 0%;}
  100% {background-position: 100% 100%;}
}
@-webkit-keyframes fade {
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes fade {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes wobble {
  7.5% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  15% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  22.5% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  30% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes wobble {
  7.5% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  15% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  22.5% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  30% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.d_width{position:relative;margin:0 auto;width:1400px;}
.sub_container.d_width{width:1240px;}
#container.sub_container   {padding-top:20px;}

footer				{clear:both;position:relative;width:100%;padding:40px 0;background:#E8EAEC;text-align:center;}
footer .f_logo		{display:none;}
footer .f_cont		{margin:0 auto;}
footer ul.f_mn		{display:inline-block;}
footer ul.f_mn li			{float:left;margin:0 15px 40px 0;}
footer ul.f_mn li:before	{content:"·";margin-right:10px;color:#57636C;}
footer ul.f_mn li:first-child:before	{content:"";margin-right:0}
footer ul.f_mn li a	{color:#57636C;font-size:15px;}
footer address		{line-height:140%;color:#8E969B;font-size:15px;}
footer address br{display:none;}


#wrap				{position:relative;padding:0;margin:0;background:#fff;}
#wrap > .overlay	{width:100%;height:100%;position:absolute;top:0;left:0;display:block;background:#0009;z-index:100;display:none;} 
#header										{position:absolute;left:0;top:0;width:100%;z-index:999;transition:all 0.2s ease-out;border-bottom:1px solid #fff3;animation:fadeInDown 1s;}
#header *									{transition:all 0.3s;}
#header.fix									{position:fixed;left:0;top:0;width:100%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2)}
#header.active							{background:#fff;}
#logo 									{position:absolute;left:70px;top:10px;padding:0;margin:0;z-index:999;font-size:1.1rem;font-weight:700;color:#555;line-height:1;}
#logo a									{display:flex; align-items:center}
#header.active	 #logo .n1				{display:inline-block;}
#header.active	 #logo .n2				{display:none;}
#header.fix	 #logo .n1				{display:inline-block;}
#header.fix	 #logo .n2				{display:none;}
#header.active	 #logo .sub_name		{color:#000;}
#header.fix		 #logo .sub_name		{color:#000;}
#header.active 	 #link a				{color:#000;}
#header.fix		 #link a				{color:#000;}
#header #logo .logo-b		{display:none;}
#header.fix #logo .logo-w,
#header.active #logo .logo-w{display:none;}
#header.fix #logo .logo-b,
#header.active #logo .logo-b		{display:inline-block;}


#gnb										{position:relative;margin:0 auto;padding:0;z-index:99;}
#gnb .topmn						{font-size:1.2rem;font-weight:500;position:absolute;right:0;top:25px;color:#fff;display:flex;}
#gnb .topmn	 a					{transition:all .1s;}
#gnb .topmn	 a:hover		{color:var(--main-color) !important;}
#gnb a.ico-sitemap:before				{content:"\f0c9";font-family:FontAwesome;transition:all ease-out 0.2s;}
#gnb a.ico-sch:before						{content:"\f002";font-family:FontAwesome;transition:all ease-out 0.2s;font-size:1rem;margin-left:20px;}

#gnbmn										{position:relative;width:100%;padding:0;margin:0;z-index:99;}
#gnbmn a									{position:relative;display:block;}
#gnbmn a[target=_blank] > span:after			{content:"\f08e";display:inline-block;margin-left:5px;font-family:fontAwesome;font-weight:200;font-size:.9rem;vertical-align:bottom;opacity:.5;}
#gnbmn ul.depth1							{display:flex; margin:0 200px;}
#gnbmn ul.depth1 > li						{width:calc(100% / 5);}
#gnbmn ul.depth1 > li > a					{display:block;padding:0 2rem;line-height:100px;font-size:1.25rem;letter-spacing:-0.0125rem;text-align:center;font-weight:600;color:#fff;position:relative;}
#gnbmn ul.depth1 > li > a:after				{content:"";display:block;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:0%;height:3px;background-color:var(--main-color);transition:all 0.3s;}
#gnbmn ul.depth1 > li > a:hover:after,
#gnbmn ul.depth1 > li.on > a:after,
#gnbmn ul.depth1 > li.active > a:after					{width:100%;background:#41AAB8;}
#gnbmn ul.depth1 > li > a:hover,
#gnbmn ul.depth1 > li.on > a,
#gnbmn ul.depth1 > li.active > a							{color:#41AAB8 !important;}	

#header.fix #gnb .topmn{top:20px;}
#header.fix #gnbmn ul.depth1 > li > a,
#header.active	#gnbmn ul.depth1 > li > a{color:#111}
#header.fix #gnbmn ul.depth1 > li > a				{line-height:100px;font-size:1.1rem;}
#header.fix #gnbmn .depth2,							
#header.fix #gnb a.ico-sitemap	,
#header.active #gnb a.ico-sitemap,
#header.fix #gnb a.ico-sch,
#header.active #gnb a.ico-sch{color:#121314;}



#gnbmn .title							{position:relative; float:left;width:460px;padding:20px 0 0;word-break:keep-all;color:#fff; margin-right:40px;}
#gnbmn .tit								{font-size:2.3rem;font-weight:var(--font-exbold);letter-spacing:-0.125rem;line-height:1;color:#fff;margin:15px 0;font-family:gsans;}
#gnbmn .txt								{font-size:1.1rem;font-weight:400;line-height:1.4;color:#fff;}
#gnbmn .txt	 em						{color:#ffc;font-weight:100;font-style:italic;}
#gnbmn .depth2 .title .tit						{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.6);font-size:60px;font-weight:900;font-family:'Pretendard-extrabold';letter-spacing:-0.125rem;line-height:1;}
#gnbmn .depth2 .tit1							{font-size:1.6rem;}
#gnbmn .depth2 .tit2							{font-size:2rem;}

#gnbmn .depth2						{width:1400px;min-height:330px;position:absolute;top:100px;left:50%;transform:translateX(-50%);padding:20px 0;text-align:left;display:none;}
#gnbmn .depth2 > ul								{float:left;width:calc(100% - 500px);}
#gnbmn .depth2 > ul	:after					{content:"";float:none;clear:both;}
#gnbmn .depth2 > ul > li						{float:left;width:33.33%;margin:15px;}
#gnbmn ul.depth1 > li > a:hover					{color:#41AAB8 !important;}
#gnbmn .depth2 > ul > li:nth-child(4n+1)		{clear:both;}
#gnbmn .depth2 > ul > li > a					{border:1px solid #9aaab5;color:#222;font-weight:700;background:#fff;font-size:1.125rem;text-align:center;border-radius:5px;transition:all .2s;}
#gnbmn .depth2 > ul > li > a > span		{position:relative;z-index:2;}
#gnbmn .depth2 > ul > li:hover > a,
#gnbmn .depth2 > ul > li > a:hover,
#gnbmn .depth2 > ul > li > a:focus,
#gnbmn .depth2 > ul > li > a.on	{font-weight:900;color:#fff;}
#gnbmn .depth2 > ul > li:hover > a:after,
#gnbmn .depth2 > ul > li > a:after{content:"";width:100%;height:100%; background:url(../img/gnb-menu.png); position:absolute;top:0;left:0;transition:all .2s; opacity:0;}
#gnbmn .depth2#top2m5 > ul > li > a:after{ background:url(../img/gnb-menu2.png);} 
#gnbmn .depth2 > ul > li:hover > a:after,
#gnbmn .depth2 > ul > li > a:hover:after,
#gnbmn .depth2 > ul > li > a:focus:after,
#gnbmn .depth2 > ul > li > a.on:after	{opacity:1;}

#gnbmn ul.depth3								{margin:15px 0 0 0;display:none;}
#gnbmn ul.depth3 li a:before					{content:"";display:inline-block;width:3px;height:3px;background:#555;margin:12px 10px 0 0;vertical-align:top;border-radius:50%}
#gnbmn ul.depth3 li a.on,
#gnbmn ul.depth3 li a:hover						{color:var(--main-color);text-decoration:underline}

#id_gnb_bg							{position:absolute;width:100%;left:0;top:144px;z-index:1;background:#F7F9FA url(../img/gnb-bg.png) no-repeat 100% 100%;}
.gnb_bg								{width:100%;padding:0;margin:0;background:var(--sky-bg);box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}
.gnb_bg:after						{content:"";position:absolute;left:0;top:0;width:calc(50% - 240px);height:100%;background:#154968 url(../img/gnb_bg_1.png) no-repeat -50% 20%;}
.gnb_bg.bg2:after					{background:#4a95b1 url(../img/gnb_bg_2.png) no-repeat -50% 20%;}
.gnb_bg.bg3:after					{background:#38a681 url(../img/gnb_bg_3.png) no-repeat -50% 20%;}
.gnb_bg.bg4:after					{background:#1BA4A5 url(../img/gnb_bg_4.png) no-repeat -50% 20%;}
.gnb_bg.bg5:after					{background:#917833 url(../img/gnb_bg_5.png) no-repeat -50% 20%;}


#header.fix						{backdrop-filter:blur(3px);background:#fffc;height:144px;}
#mobile-navicon					{display:none;width:80px;height:80px;line-height:80px;font-size:1.2rem;position:absolute;right:0;top:0;text-align:center;background:var(--main-color);z-index:999;color:#fff;}
#header.fix #mobile-navicon {line-height:70px;height:70px;}
.mm-menu.mm-current{z-index:1;}

#gnbmn .depth2 > ul > li > a.on	{background:url(../img/gnb-menu.png) no-repeat 0% 20% / cover;font-weight:900;color:#fff;}
#gnbmn .depth2#top2m1		{min-height:320px;}
#gnbmn .depth2#top2m1 #top2m1m1{width:100%;height:100%;}
#gnbmn .depth2#top2m1 #top2m1m1 a{padding:10px 0 0;border:none;background:none;color:#154968 ;font-size:32px;font-weight:900;transition:all .2s;}
#gnbmn .depth2#top2m1 #top2m1m1 a > span:after{display:none;}
#gnbmn .depth2#top2m1 #top2m1m1 a:hover{color: #41AAB8 !important;}
#gnbmn .depth2#top2m1 #top2m1m1 a:before{content:"";width:100px;height:100px;display:block;background:url(../img/gnb-ico.png) no-repeat 0 0/cover;margin:0 auto;}

#gnbmn .depth2#top2m1 #top2m1m1 a:after{content:"한의약소재은행은 다양한 한의약소재를 이용하여 천연물질을 분리하고, \A 생물전환 기술을 접목한 새로운 소재를 확보하여 다양한 연구자들에게 분양을 하고 있습니다.";word-break:keep-all;white-space:pre;background:none;opacity:1;color:#333;line-height:1.2;display:block;font-size:1.1rem;font-weight:200;position:static;}

#gnbmn #top2m1.depth2 > ul > li > a:hover
#gnbmn .depth2 > ul > li > a.on	{background:url(../img/gnb-menu.png) no-repeat 0% 20% / cover;font-weight:900;color:#fff;}
#gnbmn .depth2 > ul > li > a > span:before				{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(0);display:block;background:url(../img/gnb_1depth_bg.png) no-repeat right center;transition:all ease-out 0.2s;}
#gnbmn .depth2#top2m3		{min-height:330px;}
#gnbmn .depth2#top2m3 #top2m3m1{width:100%;height:100%;}
#gnbmn .depth2#top2m3 #top2m3m1 a{padding:10px 0 0;border:none;background:none;color:#154968 ;font-size:32px;font-weight:900;transition:all .2s;}
#gnbmn .depth2#top2m3 #top2m3m1 a > span:after{display:none;}
#gnbmn .depth2#top2m3 #top2m3m1 a:hover{color:#41AAB8 !important;}
#gnbmn .depth2#top2m3 #top2m3m1 a:before{content:"";width:100px;height:100px;display:block;background:url(../img/gnb-ico.png) no-repeat 0 0/cover;margin:0 auto; background-position-X:-200px;}
#gnbmn .depth2#top2m3 #top2m3m1 a:after{content:"한의약소재은행이 보유중인 \A 한약재 DB현황을 안내해 드립니다.";word-break:keep-all;white-space:pre;background:none;opacity:1;color:#333;line-height:1.2;display:block;font-size:1.1rem;font-weight:200;position:static;}

#gnbmn #top2m2.depth2 > ul > li > a:hover{background:url(../img/gnb-menu.png);}

#gnbmn .depth2#top2m4		{min-height:330px;}
#gnbmn .depth2#top2m4 #top2m4m1{width:100%;height:100%;}
#gnbmn .depth2#top2m4 #top2m4m1 a{padding:10px 0 0;border:none;background:none;color:#154968;font-size:32px;font-weight:900;transition:all .2s;}
#gnbmn .depth2#top2m4 #top2m4m1 a > span:after{display:none;}
#gnbmn .depth2#top2m4 #top2m4m1 a:hover{color:#41AAB8 !important;}
#gnbmn .depth2#top2m4 #top2m4m1 a:before{content:"";width:100px;height:100px;display:block;background:url(../img/gnb-ico.png) no-repeat 0 0/cover;margin:0 auto; background-position-X:-100px;}
#gnbmn .depth2#top2m4 #top2m4m1 a:after{content:"한의약소재은행이 보유중인 \A 한약재들의 물성정보를 공유합니다.";word-break:keep-all;white-space:pre;background:none;opacity:1;color:#333;line-height:1.2;display:block;font-size:1.1rem;font-weight:200;position:static;}


#main-viusal .visual{padding-top:200px;height:930px;position:relative;overflow:hidden;}
/* #main-viusal .main-slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #01507E, transparent);z-index:5;} */
#main-viusal .visual .main-slide{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;}
#main-viusal .visual .mvbg1{content:"";background:url(../img/mv-bg-2024.png) no-repeat 50% 50% / cover;height:930px;animation:bg-scale 3s alternate both ease-out;}
#main-viusal .visual .mvbg2{content:"";background:url(../img/mv-bg-2024-2.png) no-repeat 50% 50% / cover;height:930px;animation:bg-scale 3s alternate both ease-out;}
#main-viusal .visual .mvbg3:before{content:"";background:url(../img/mv-bg-2024-3.png) no-repeat 50% 50% / cover;position:absolute;width:100%;height:100%;top:0;left:0;animation:bg-scale 5s alternate both ease-out;}
@-webkit-keyframes bg-scale {
  0% {transform:scale(100%);}
  100% {transform:scale(108%);}
}
@keyframes bg-scale {
  0% {transform:scale(100%);}
  100% {transform:scale(108%);}
}

.mvtit{position:relative;z-index:6;}
.mvtit .tit{font-size:70px;color:#fff;font-weight:700;line-height:1.2;animation:fadeInDown 1.2s ease-out alternate both;}
.mvtit .sub-tit{font-size:65px; color:#fff; line-height:1.2;letter-spacing:-3px; }
.mvtit .tit-eng{ font-size:23px; color:#fff; letter-spacing:5px;}
.mvtit .tit span:first-child{color:#28ADE6;animation:fadeIn 0.8s 0.8s ease-out alternate both;}
.mvtit .tit span:last-child{color:#33CCCC;animation:fadeIn 0.8s 1.2s ease-out alternate both;}
.mvtit .txt{color:#ADBCC7;font-size:20px;margin:30px 0 50px;}
.mvtit .txt span{display:inline-block;position:relative;animation:titFade 1s 1s ease-out both;}
.mvtit .txt span:after{content:"";position:absolute;top:0;left:0;width:100%;height:23px;background:#ADBCC7;overflow:hidden;animation:titCover 1.2s 1s ease-out both;}
@keyframes titFade	{
	0%{opacity:0;}
	30%{opacity:0;}
	100%{opacity:1;}
}
@keyframes titCover{
	0%{transform:scaleX(0);transform-origin:left center;}
	50%{transform:scaleX(1);transform-origin:left center}
	51%{transform:scaleX(1);transform-origin:right center}
	100%{transform:scaleX(0);transform-origin:right center}
}
#main-viusal .control_bar{ display:flex; align-items:center; margin:50px 0;}
#main-viusal .progress {width:300px;height:3px;background:#fff; margin-bottom:0;}
#main-viusal .progress span {display:block;max-width:33.33%;height:3px;background:#41AAB8;margin-right:-15px;-webkit-transition:all 0.75s ease-in-out;-moz-transition:all 0.75s ease-in-out;-ms-transition:all 0.75s ease-in-out;transition:all 0.75s ease-in-out;}	
#main-viusal .control_bar .control	{display:flex; align-items:center;}
#main-viusal .control .pause{padding:9px 0;}
#main-viusal .control .pause:before {content: "";display: inline-block;width: 2px;height: 12px;background: #fff;margin-right: 5px;}
#main-viusal .control .pause:after {content: "";display: inline-block;width: 2px;height: 12px;background: #fff;}
#main-viusal{position:relative;}
#main-viusal .control a{margin-left:20px;}
#main-viusal .control a i{color:#fff; font-size:24px;}
.search-wrap			{margin-bottom:20px;}
.search-wrap .search-input{position:relative; display:flex; width: 660px; align-items:center; justify-content:space-between; padding:0 20px; line-height:60px; border-radius:45px; background:#fff; overflow:hidden;}
.search-wrap .search-input select{width:120px; border:none; color:#41AAB8;}
.search-wrap .search-input a	{ background:#41AAB8; display:block; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center;}
.search-wrap .search-input a i {color:#fff;}
.search-wrap .search-keyword	{display:flex; margin:20px 0; align-items:center;}
.search-wrap .search-keyword a	{color:#205291; background:rgba(255,255,255,.7); padding:5px 10px; border-radius:30px; font-size:15px; font-family:'Pretendard-medium'; margin-right:10px;}
.search-wrap .search-keyword .tit{font-size:18px; margin-right:30px; font-family:'Pretendard-ExtraBold'; color:#fff;}
.mbnr2 ul{display:flex;}
.mbnr2 ul li a{padding:15px 20px; background:rgba(0,0,0,0.4); color:#fff; display:flex; align-items:center; position:relative;}
.mbnr2 ul li a:first-child{margin-right:10px;}
.mbnr2 ul li a:hover		{transform:translate(0, -10px); transition:all .2s;}
.mbnr2 ul li a .tit	{font-size:22px; font-weight:500; margin-right:10px;}
.mbnr2 ul li a span:before{content:"";width:90px;height:90px;display:block;background-image:url(../img/mbnr2-ico.png);transition:all 0.5s;}
.mbnr2 ul li a span.ico2:before{background-position-X:-90px;}
#mv-quick{min-width:450px;position:absolute;top:144px;right:0;width:calc(40% - 350px);z-index:90;border-left:1px solid rgba(255,255,255,0.2);}
#mv-quick div.bx{height:208px; display:flex;}
#mv-quick div.bx a{width:50%; text-align:center; padding:50px 0; position:relative; background:rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.2);}
#mv-quick div.bx a:first-child{border-right:1px solid rgba(255,255,255,0.2);}
#mv-quick div.bx a:before{content:"";width:100px;height:100px;position:absolute;bottom:25px;left:50%; transform:translateX(-50%);background-image:url(../img/mv-quick.png);transition:all 0.5s;}
#mv-quick div.bx a:first-child:before{background-position-y:-300px;}
#mv-quick div.bx a:nth-child(2):before{background-position-y:-400px;}
#mv-quick div.bx a:hover:before{-webkit-transform: scale(0.7) translateY(-50%);transform: scale(0.7) translateY(-50%);bottom:auto;top:50%; transform:scale(0.8)}
#mv-quick div.bx a .tit{font-size:24px;}
#mv-quick div.bx a:hover .tit{font-size:30px;}
#mv-quick div.bx a:hover{background:rgba(255,255,255,0.2);}
#mv-quick a.bx{height:262px;display:block; background:rgba(255,255,255,0.5);padding:60px 40px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.2);position:relative;transition:all 0.3s;}
#mv-quick .tit{font-size:30px;font-weight:700;color:#000000;line-height:1.3;transition:all 0.3s; margin-bottom:15px;}
#mv-quick .txt{font-size:17px;color:#333333;line-height:1.8;margin-top:10px;transition:all 0.3s;}
#mv-quick a.bx:before{content:"";width:100px;height:100px;position:absolute;bottom:40px;right:20px;background-image:url(../img/mv-quick.png);transition:all 0.5s;}
#mv-quick a:nth-child(2):before{background-position-y:-100px;}
/* #mv-quick a:nth-child(4):before{background-position-y:249px;} */
#mv-quick a:nth-child(3):before{background-position-y:-200px;}
#mv-quick a:hover{background:rgba(255,255,255,0.2);}
#mv-quick a:hover .tit{font-size:38px;line-height:1.1;margin-top:36px;}
#mv-quick a:nth-child(3):hover .tit{margin-top:45px;}
#mv-quick a:hover .txt{opacity:0;}
/*
#mv-quick a:hover:before{-webkit-transform: scale(0.8) translateY(-50%);transform: scale(0.8) translateY(-50%);bottom:auto;top:50%;right:0; transform:scale(0.8) translate(-50%, -50%);}
*/


#mquick{position:fixed;top:265px;left:calc(50% + 745px);width:140px;background:#41BBFC;box-shadow:5px 8px 15px rgba(0,0,0,0.3);z-index:99;text-align:center;display:none;opacity:0;}
.sub_container #mquick{/* top:435px; */top:auto;bottom:190px;}
#mquick .tit{color:#fff;font-weight:900;padding:20px 0;font-size:22px;line-height:1.2;border-bottom:1px solid rgba(255,255,255,0.3);}
#mquick a{display:block;color:#fff;font-size:17px;font-weight:500;line-height:1.3;height:130px;padding:20px 0;transition:all 0.3s;position:relative;}
#mquick a:before{content:"";display:block;width:55px;height:55px;margin:0 auto 10px;background-image:url(../img/2022/mquick-ico.png);transition:all 0.3s;}
#mquick a:nth-of-type(2){padding:10px 0;}
#mquick a:nth-of-type(2):before{background-position-x:54px;}
#mquick a:nth-of-type(3):before{background-position-x:-78px;}
#mquick a:nth-of-type(4):before{background-position-x:131px;}
#mquick a:hover{background:linear-gradient(90deg, #1B9BFE, #9BFABF);color:#002C52;}
#mquick a:hover:before{background-position-y:58px;}
#mquick a:after{content:"";width:100px;border-bottom:1px solid rgba(255,255,255,0.2);position:absolute;bottom:0;left:20px;}
#mquick a:last-child:after{border:none;}
#mquick.block{display:block;animation:fadeInRight 0.5s ease-out both;}

section[id*="main-"] h2{font-family:Bebas;margin:0;}
section[id*="main-"] .stit{font-size:19px;color:#000;}

#main-field{padding:80px 0 150px;background:url(../img/mfiled-bg.png) no-repeat 0 100%;}
#main-field h2, #main-field .stit{text-align:center;}
#main-field h2{font-size:80px;color:#41AAB8; font-weight:400;}

.busi-field {margin:60px -10px 60px;}
.busi-field li{overflow:hidden;float:left;margin:0 10px;height:460px;}
.busi-field a{display:block;width:180px;/*145px; 5개 일 때*/height:100%;transition:all 0.5s;object-fit:cover;background-position:50% 50%;position:relative;}
.busi-field li:nth-child(1) a{;background-image:url(../img/mfield01.png);}
.busi-field li:nth-child(2) a{background-image:url(../img/mfield02.png);}
.busi-field li:nth-child(3) a{background-image:url(../img/mfield03.png);}
/*.busi-field li:nth-child(4) a{background-image:url(../img/2022/mfield04.png);} 대구지역 혁신프로젝트*/
.busi-field li:nth-child(4) a{background-image:url(../img/mfield04.png);}
.busi-field li:nth-child(5) a{background-image:url(../img/mfield05.png);}
.busi-field li .tit{font-size:37px;font-weight:700;color:#FFFFCC;line-height:1.3;}
.busi-field .on-bx{display:none;position:absolute;width:430px;height:100%;top:0;left:70px;padding:70px 0;}
.busi-field .on-bx .txt{font-size:16px;color:#fff;letter-spacing:-0.045rem;word-break:keep-all;line-height:1.45;margin:30px 0 80px;}
.busi-field .on-bx .more{font-size:17px;color:#FFFFCC;position:absolute;left:0;bottom:70px; border:1px solid; padding:5px 30px; border-radius:30px;}

.busi-field a>.tit{font-size:27px;color:#fff;position:absolute;width:340px;top:180px;left:50%;transform:translateX(-50%) rotate(90deg);line-height:1.3;}
 /*기업훈련지원*/
.busi-field a:hover{width:600px;}
.busi-field a:hover .on-bx{display:block;}
.busi-field a:hover>.tit{display:none;}
.busi-field .on a{width:600px;}
.busi-field .on a>.tit{display:none;}
.busi-field .on .on-bx{display:block;}

#main-field .d_width>.txt{font-size:24px;color:#15242F;width:calc(100% - 600px);float:left;letter-spacing:-0.05rem;line-height:1.3;}
.field-mn{float:right;}
.field-mn a{display:flex; align-items:center; justify-content:space-between; padding:10px 20px; float:left;width:170px;text-align:center;margin-left:20px;font-size:18px; font-weight:600;color:#41AAB8;position:relative; border-radius:30px; border:1px solid;}

.field-mn a:hover{top:-5px;}


#main-info{background:#F2F6FA;}
#main-info h2{color:#28ADE6;font-size:70px;}
#main-info h2 span{font-size:28px;font-family:'ngn';letter-spacing:-0.085rem;position:relative;top:-5px;color:#172f73;}
#main-info .d_width{padding:150px 0; background:url(../img/2022/mtrend-bg.png) no-repeat 101% 60%;}
#main-info .bx-wrapper{width:960px !important;margin:0 !important;}
.trend-list{}
.trend-slide{width:960px !important;margin:60px 0 0;}
.trend-slide li{width:calc((100% - 80px) / 2);height:360px;float:left;margin:0 40px 40px 0;background:#fff;padding:40px;background-position:100% 100%;background-repeat:no-repeat;}
.trend-slide:nth-of-type(3) li:nth-child(2){clear:both;}
.trend-slide .subject{color:#000;font-weight:600;font-size:29px;padding-bottom:15px;}
.trend-slide .data1{display:inline-block;font-size:50px;font-weight:700;color:#fff;padding:5px 8px;line-height:55px;background:#28ADE6;margin:10px 0;}
.trend-slide .data2{font-size:40px;font-weight:700;margin:15px 0;display:inline-block;padding:0 5px;background-color:#eff7ff;line-height:0.6;}
.trend-slide .data2 span{font-size:15px;color:#666;font-weight:400;}
.trend-slide .data2.c1{color:#FF870F;}
.trend-slide .data2.c2{color:#2683DD;}
.trend-slide li.bg1{background-image:url(../img/2022/trend-bg01.png);background-position:120% 95%;}
.trend-slide li.bg2{background-image:url(../img/2022/trend-bg02.png);background-position:90% 90%;}
.trend-slide li.bg3{background-image:url(../img/2022/trend-bg03.png);background-position-y:80%;}
.trend-slide li.bg4{background-image:url(../img/2022/trend-bg04.png);}
.trend-slide li.bg5{background-image:url(../img/2022/trend-bg05.png);}
.trend-slide li.bg6{background-image:url(../img/2022/trend-bg06.png);background-position-y:90%;}
.trend-slide li.bg7{background-image:url(../img/2022/trend-bg07.png);background-position-y:92%;}
#main-info .bx-controls-direction a{display:block;text-indent:-9999px;width:105px;height:105px;position:absolute;background-image:url(../img/2022/mtrend-control.png);background-repeat:no-repeat;top:50%;animation:fadeIn 0.8s 1.3s alternate both;}
#main-info .bx-prev{left:-65px;transform:translateY(50%);}
#main-info .bx-next{right:calc(50% - 285px);transform:translateY(50%) rotate(180deg);}
#main-info .bx-controls-direction a:hover{filter:brightness(0.3);}

#main-insta{margin:100px 0;}
#main-insta h2{color:#172F73;font-size:40px;display:relative;}
#main-insta h2:before{content:"";width:40px;height:40px;background:url(../img/2022/insta-logo.png);margin-right:10px;display: inline-block;position: relative;top: 5px;}
#main-insta h2:after{content:"";display:block;border-top:1px solid #E8EAEC;width:calc(100% - 230px);position:absolute;top:50%;right:0;}
.insta-list{margin:40px -15px 0;}
.insta-list a{width:calc((100% - 150px) / 5);height:256px;display:block;overflow:hidden;float:left;margin:0 15px;position:relative;}
.insta-list a:before{content:"+";width:100%;height:100%;background:rgba(0,0,0,0.4);text-align:center;color:#FFFFCC;position:absolute;bottom:-100%;left:0;font-size:5rem;line-height:3.2;transition:all 0.3s ease-out;}
.insta-list a:hover:before{bottom:0;}
.insta-list .img{height:256px;text-align:center;}
.insta-list .img img{height:256px;}

#main-tube{width:calc(50% + 700px);overflow:hidden;float:right;position:relative;}
#main-tube h2{color:#FF0000;font-size:60px;float:left;}
#main-tube h2:before{content:"";width:55px;height:39px;display:inline-block;margin-right:10px;background:url(../img/2022/you-logo.png);}
#main-tube .stit{margin:32px 0 0 50px;float:left;}
.youtube-list{width:200%;/*margin:50px -15px 0;*/margin:0 -15px 0;}
.youtube-list li{width:440px !important;overflow:hidden;margin:0 15px;float:left;}
.youtube-list .img{height:300px;overflow:hidden;text-align:center;position:relative;}
.youtube-list .img:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.4);opacity:0;transition:all 0.3s;}
.youtube-list .img:after{content:"▶";width:40px;height:40px;line-height:40px;border-radius:100%;color:#003469;background:rgba(255,255,255,0.8);position:absolute;bottom:0px;right:20px;text-align:center;padding-left:3px;opacity:0;transition:all 0.5s cubic-bezier(0.54,-0.87, 0.49, 1.81);}
.youtube-list .img:hover:before{opacity:1;}
.youtube-list .img:hover:after{opacity:1;bottom:20px;}
.youtube-list .img img{margin-top:-30px;}
.youtube-list .subject{font-size:27px;margin-top:30px;font-weight:700;overflow:hidden;display:inline-block;width:95%;text-overflow:ellipsis;white-space:nowrap;height:27px}
.youtube-list .num{font-size:13px;color:#666;display:block;margin-top:10px;}
#main-tube .d_width{position:absolute;top:0;}
#main-tube .control{font-family:fontAwesome;position:absolute;top:20px;right:0;}
#main-tube .control a{display:inline-block;width:30px;height:30px;line-height:28px;border-radius:50%;font-size:20px;color:#AFBAC8;background:#fff;border:1px solid #AFBAC8;text-align:center;vertical-align:middle;box-shadow:0 0 3px rgba(0,0,0,0.2);transition:all 0.3s;}
#main-tube .control a:nth-child(2){font-size:14px;} /*재생버튼*/
#main-tube .control .pause{display:block;padding:9px 0;}
#main-tube .control .pause:before {content: "";display: inline-block;width: 2px;height: 10px;background: #AFBAC8;margin-right: 2px;}
#main-tube .control .pause:after {content: "";display: inline-block;width: 2px;height: 10px;background: #AFBAC8;}
#main-tube .control a:hover{box-shadow:2px 2px 3px rgba(0,0,0,0.2);}
#main-tube .bx-wrapper{max-width: 100% !important;margin: 0px !important;}

#main-report{position:relative;margin:60px 0;padding:50px 0;}
#main-report:before{content:"";width:100%;height:320px;position:absolute;left:0;bottom:0;background:#28ADE6;}
#main-report .tit-wrap{width:calc(100% - 970px);float:left;margin-top:32px;}
#main-report h2{font-size:60px;color:#28ADE6;margin-bottom:40px;}
#main-report .stit{color:#fff;}
.report-list{width:970px;float:left;padding:0 25px;}
.report-list a{display:block;width:25%;overflow:hidden;float:left;padding:0 25px;text-align:center;transition:all 0.3s;}
.report-list .img{height:240px;text-align:center;box-shadow:3px 3px 5px rgba(0,0,0,0.3);margin-bottom:50px;}
.report-list .img img{height:240px;}
.report-list .subject{font-size:21px;color:#fff;text-align:center;font-weight:500;line-height:1.4;letter-spacing:-0.07rem;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:56px;}
#main-report .control{font-family:fontAwesome;position:absolute;bottom:0;left:0;}
#main-report .control a{display:inline-block;width:30px;height:30px;line-height:28px;border-radius:50%;font-size:20px;color:#AFBAC8;background:#fff;border:1px solid #AFBAC8;text-align:center;vertical-align:middle;box-shadow:0 0 3px rgba(0,0,0,0.2);transition:all 0.3s;}
#main-report .control a:nth-child(2){font-size:14px;} /*재생버튼*/
#main-report .control .pause{display:block;padding:9px 0;}
#main-report .control .pause:before {content: "";display: inline-block;width: 2px;height: 10px;background: #AFBAC8;margin-right: 2px;}
#main-report .control .pause:after {content: "";display: inline-block;width: 2px;height: 10px;background: #AFBAC8;}
.report-list a:hover{margin-top:-10px;}
#main-report .control a:hover{box-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.report-list .bx-viewport{height:auto !important;overflow-y:visible !important;padding-top:10px;}

#main-notice{margin:80px 0 40px;position:relative;}
#main-notice .d_width{display:flex; flex-wrap:wrap;}
#main-notice .tit-wrap{width:calc(100% - 920px);}
#main-notice h2{color:#41AAB8;font-size:80px; font-weight:400;}
.notice-list{width:920px;}
.notice-list ul{margin:0 -20px;}
.notice-list li{width:calc((100% - 80px) / 2);float:left;margin:0 20px 40px;border-bottom:1px solid #D2D6DB;}
.notice-list .badge{display:block;width:70px;line-height:28px;font-size:14px;text-align:center;border-radius:30px;border-width:1px;border-style:solid;}
.notice-list .badge.c1{color:#28ADE6;border-color:#28ADE6; background:#fff;}/*공지사항*/
.notice-list .badge.c2{color:#33CCCC;border-color:#33CCCC; background:#fff;}/*보도자료*/
.notice-list a{display:block;font-size:25px;font-weight:500;margin:30px 0;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:62px;max-height:62px;line-height:1.3;transition:all 0.3s;}
.notice-list .date{display:block;margin-bottom:30px;font-size:12px;color:#A6AFB9;}
.notice-list .date:before{content:"\f017";font-family:fontAwesome;margin-right:10px;font-weight:900;font-size:0.9rem;}
.notice-list li:nth-child(3){clear:both;}
#main-notice .more{position:absolute;left:0;top:180px;width:162px;line-height:58px;border-radius:48px;border:2px solid #41AAB8;text-align:center;color:#41AAB8;font-size:17px;font-weight:500;transition:all 0.3s;}
#main-notice .more:hover{background:#172F73;color:#fff;box-shadow:3px 3px 6px rgba(0,0,0,0.2); border:none;}
.notice-list li:not(.nodata) a:hover {margin:20px 0 40px;}
.notice-list li:not(.nodata) a:hover span{background:#41aab81c;}
.notice-list li.nodata .badge{border-color:#dedede; color:#dedede;}
.notice-list li.nodata a span{color:#dedede;}

#main-bnr	{background:#F2F6FA;}
#main-bnr .col_wrap{margin:0 -20px;}
#main-bnr .col_d3 .bx{margin:20px;}
#popupzone{width:100%; height:340px;overflow:hidden; border-radius:10px; position:relative;}
#popupzone .thumb{height:270px;}
#popupzone .pop-top{line-height:70px; padding:0 30px; background:#fff; font-weight:600; position:relative;}
#popupzone .pop-top .tit{font-size:20px; color:#41AAB8;}
#popupzone h3, #popupzone #pager{display:none;}
.mpopup{position:relative;}
.mpopup .control{position:absolute; right:30px; top:20px; line-height:1.2;}
.mpopup .control a{padding:5px;font-family:fontAwesome;font-size:20px;color:#333;display:inline-block;vertical-align:top; line-height:1.2;}
.mpopup .control a:nth-child(2){font-size:14px;padding:5px 1px;}
.mpopup .control .pause{display:block;}
.mpopup .control .pause:before {content: "";display: inline-block;width: 2px;height: 12px;background: #333;margin-right: 5px;}
.mpopup .control .pause:after {content: "";display: inline-block;width: 2px;height: 12px;background: #333;}
.mpopup .control .ham{position:absolute;top:0;right:0;width:40px;height:40px;padding:7px 0;background:#333461;text-align:center;}
.mcardnews{position:relative; width:100%; height:340px; border-radius:10px; overflow:hidden;}
.mcardnews .thumb{height:240px;}
.mcardnews .txt-box{background:#fff; height:100px; padding:20px 30px;}
.mcardnews .txt-box .subject{font-size:21px; font-weight:600; color:#000;}
.mcardnews .txt-box .date{font-size:14px; font-weight:400; color:#888888;}
.mcardnews .tit{line-height:70px;padding:0 30px;font-size:22px;color:#333;font-weight:500;}
.mcardnews .more{display:block;width:20px;height:20px;background:url(../img/2022/ico02.png);position:absolute;top:30px;right:30px;}
.mcardnews .img{height:270px;text-align:center;}
.mcardnews .img img{height:270px;}

.mbnr a{width:50%;height:150px; font-weight:800;margin-bottom:40px; padding:30px;background:#fff;display:block;float:left;color:#000;font-size:20px;border-right:1px solid #C0D7E2;position:relative;transition:all 0.3s;}
.mbnr a:first-child{border-radius:10px 0 0 10px;}
.mbnr a:nth-of-type(2){border-right:none; border-radius:0px 10px 10px 0px;}
.mbnr a:before{content:"";width:77px;height:73px;background-repeat:no-repeat;background-position:50%;position:absolute;bottom:40px;right:30px;}
.mbnr a:first-child:before{background-image:url(../img/mbnr-ico1.png);}
.mbnr a:nth-of-type(2):before{background-image:url(../img/mbnr-ico2.png);}  
.mbnr a:hover:before{-webkit-animation-name: buzz-out;  animation-name: buzz-out;  -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.mbnr a:hover{background:#dbd8e5;margin:-8px 0 48px;}
.msurvey{display:block;height:150px;padding:30px;background-image:url(../img/msurvey-img.png); position:relative;transition:all 0.3s; border-radius:10px;}
.msurvey .tit{font-size:23px;color:#fff; margin-bottom:5px; font-weight:600;}
.msurvey .txt{ font-size:16px; color:#fff; line-height:1.2;}

/* 하단banner */
/* banner */
#banner{padding:50px 0;text-align:center;}
#banner li img		{height:60px;}
#banner	li	{float:left;}
.banner	.img_frame		{width:100%;line-height:60px;text-align:center;}
.banner	.img_frame img	{min-width:auto;max-height:50px;vertical-align:middle;}
#banner_cont{display:flex;}
#banner_cont .bnr-tit{width:280px; font-size:26px; font-weight:800; color:#41AAB8; text-align:left; line-height:1.2;}
#banner_cont .bnr-tit em{color:#000; font-family:'Pretendard-Semibold';}
#banner_cont .bnr_cont{width:calc(100% - 280px); position:relative;}
#banner_cont .bnr_cont li a{display:block; position:relative; height:60px; border:1px solid #dadada;}
#banner_cont .bnr_cont li a img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:40px;}
#banner	.control a	{position:absolute;top:50%; transform:translateY(-50%);font-size:13px;color:#ccc;}
#banner	.control a.prev	{left:0;}
#banner	.control a.next	{right:0;}
#banner ul {display:flex;flex-flow:row nowrap;align-items:center;overflow:hidden;padding:0 25px;}
#banner ul li	{width:20%; margin:0 10px;}
#banner img		{max-width:100% !important;vertical-align:middle;}

/* banner */
/* Buzz Out */
@-webkit-keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}



/* 서브 */
h1, h2, h3, h4, h5, h6 {clear:both;background:transparent;line-height:1.25;text-align:left;}
h1 {/*margin:0;padding:0;background:none;font-size:30px;color:#464C58;letter-spacing:-1px;*/}
h1 {font-size:28px;}
h2 {margin:30px 0 15px 0;padding:0;font-size:20px;color:#333;}
h3 {margin:25px 0 15px 0;padding:0;font-size:18px;color:#3E4553;}
h4 {margin:20px 0 10px 0;padding:0;font-size:16px;color:#3E4553;}
h5 {margin:15px 0 5px 0;padding:0;font-size:15px;color:#5A6378;}
h6 {margin:10px 0 5px 0;padding:0;font-size:14px;font-weight:normal; }
h3:before{content:"\f14a";font-family:FontAwesome;color:#3E4553;margin-right:5px;font-size:16px;}
h4:before{content:"\f111";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}
h5:before{content:"\f10c";font-family:FontAwesome;color:#768395;margin-right:5px;font-size:12px;}
h6:before{content:"\f105";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}

.svbg		{position:relative;background:url(../img/main_bg.jpg) no-repeat 50% 50%;background-size:cover;}
.svbg2		{position:relative;background:url(../img/main_bg_202003-02.jpg) no-repeat 50% 50%;background-size:cover;}
#svisual	{position:relative;width:100%;height:370px;padding:0;margin:0;text-align:center;background:url('../img/svisual.png') no-repeat 50% 50% / cover;}
#svslide	{position:absolute;width:100%;height:370px;left:0;top:0;overflow:hidden;line-height:370px;}
#svslide img{height:auto;vertical-align:middle;}

.svtit .tit1	{font-family:Bebas;font-size:65px;color:#fff;}
.svtit .tit1 span:nth-child(1)	{color:#28ADE6;}
.svtit .tit1 span:nth-child(2)	{color:#33CCCC;}
.svtit .tit2	{font-size:25px;color:#E2F4FC;margin:20px 0 10px;}
.svtit .tit2 span:after	{content:"";display:inline-block;vertical-align:middle;width:2px;height:10px;background:#FFFFCC;margin:0 20px;}
.svtit .txt		{font-size:17px;color:#BED2E0;}
.svtit .txt span	{color:#FFFFCC;}

.snb_wrap	{float:left;width:240px;}
#snb		{}
#aside		{float:right;width:0 !important;}
.sbnr		{background:#6585A5 url(../img/sbnr_bg.png) no-repeat 50% 50%;}
.sbnr a		{display:block;background:url(../img/sbnr_ico.png) no-repeat 105% 50%;padding:30px 25px;}
.sbnr p		{font-size:14px;color:#fff;}
.sbnr .tit	{margin:0 0 10px 0;font-size:20px;}

#body_head	{position:relative;border-bottom:1px solid #E7E7E7;background:#fff;}
#body_head .inwrap	{position:relative;margin:0 auto;width:1240px;}
#body_head:after	{content:"";display:block;float:none;clear:both;}
#location li{float:left;padding:0 10px;background:url(../../data/img/ico_homearr.png) no-repeat 0 50%;font-size:14px;line-height:48px;}
#location li:first-child{padding-left:20px;background:url(../../data/img/ico_home.png) no-repeat 0 50%;}
#location a	{color:#999}
#location li:last-child a	{font-weight:bold;color:#172F73;}
#pnb		{position:absolute;right:0;top:0;}
#pnb .page_sns	{float:left;position:absolute;z-index:999;bottom:-40px;left:-35px;display:none;}
#pnb .page_sns li	{float:left;text-align:center;margin:10px 0 0 2px}
#pnb .page_sns a	{display:inline-block;width:28px;height:28px;line-height:28px;background:#ccc;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:#fff;}
#pnb .pnb_bx		{float:right;margin-left:5px;}
#pnb .pnb_bx li		{float:left;text-align:center;border-right:1px solid #eaeaea;width:48px;height:48px;line-height:48px;font-size:1.2rem;}
#pnb .pnb_bx li:first-child	{border-left:1px solid #eaeaea;}
#pnb .pnb_bx a	{color:#ccc}
#body_title		{clear:both;padding:30px 0;margin:0 0 30px 0;border-bottom:1px dashed #ccc;background:url(../img/body_title_bg01.png) no-repeat 100% 100%;}
#body_title h1	{font-weight:normal;color:#666;}
#body_content	{clear:both;padding:0 0 120px 0;margin:0;}
#pnb .share-btn{float:left;}
#pnb .share-btn:before{content: "\f1e0";cursor:pointer;font-family: fontAwesome;color: #ccc;line-height: 48px;padding: 0 13px;display: inline-block;text-align: center;font-size: 1.2rem;border-left: 1px solid #eaeaea;}

/* type2 선있는 snb */
#snbmn					{width:100%;padding:0;margin:0 0 30px 0;}
#snbmn .tit				{padding:0 20px;line-height:150px;margin:0;text-align:center;font-size:24px;background:url(../img/snb_topbg_2022.png) no-repeat 50% 50%;}
#snbmn a				{clear:both;display:block;line-height:140%;word-break:keep-all;}
#snbmn ul li			{position:relative;padding:0;}
#snbmn ul li a			{margin:0;font-size:16px;}
#snbmn ul ul			{margin:0;border:1px solid #ccc;border-top:none; box-shadow:0 5px 10px rgba(0,0,0,0.15);}
#snbmn ul ul li			{padding:0;margin:0;border:none; position:relative; overflow:hidden;}
#snbmn ul ul li a		{padding:15px 20px;margin:0;border:none;font-size:15px;}
#snbmn ul ul li:before	{content:""; display:block; position:absolute; left:-100%; top:0; width:100%; height:100%; background:#f6f6f6; transition:all 0.4s cubic-bezier(.65,.26,.19,1.23); }
#snbmn ul ul li:hover:before	{left:0;}
#snbmn ul ul li a:before	{}
#snbmn ul ul li a.on,
#snbmn ul ul li a:focus,
#snbmn ul ul li a:active,
#snbmn ul ul li a:hover	{text-decoration:none;background-color:transparent;}
/* 공지사항 태그 추가_2020.03.24_기영근 */
.notice_tag1, .notice_tag2, .notice_tag3, .notice_tag4, .notice_tag5, .notice_tag6	{width:70px;margin-right:8px;text-align:center;border:none;color:#fff;padding:5px 10px;}
.notice_tag1	{background:#6ABFA4;}
.notice_tag2	{background:#48A8D0;}
.notice_tag3	{background:#F3B701;}
.notice_tag4	{background:#9D81CD;}
.notice_tag5	{background:#FF9595;}
.notice_tag6	{background:#5B78CE;}

/*위원회 개편_2020.09.04_김영길*/
#ori-tab{ margin:40px 0 50px 0;}
#ori-tab:after{content:''; display: block; clear:both;}
#ori-tab li{float:left; width:25%; border:1px solid #e9e9e9; border-right:none; color:#333;}
#ori-tab li:last-child{border-right:1px solid #e9e9e9;}
#ori-tab li a{display: block; line-height: 70px; text-align: center; font-size:18px;}
#ori-tab li a:hover{background-color: #356da8; color:#ffffff;}
#ori-tab li a.on{background-color: #356da8; color:#ffffff;}




@media only screen and (max-width:1820px){
}
@media only screen and (max-width:1480px){ 1200
	header,footer{min-width:1400px;}
	#topwrap .topmn{right:0;}
}

/*인사말*/
.greeting			{position:relative;margin:0 auto;}
.greeting:after		{content:"";clear:both;float:none;display:block;}
.greeting .tit		{font-size:28px;color:#333;line-height:140%;margin-bottom:20px;}
.greeting .stit		{font-size:18px;color:#666;margin:10px 0 20px 0;}
.greeting .txt		{text-align:justify;word-break:keep-all;}
.greeting .sign		{font-size:18px;color:#333;margin-top:20px;text-align: center;}
.greeting .sign span{font-size:25px;position:relative;display:inline-block;margin:20px 0;}
.greeting .sign span:before{content:"";width:80px;height:80px;background:url(../img/2022/greeting-sign.jpg);position:absolute;top:-30px;right:-30px;z-index:-1;}
.greeting .sign img	{display:block;margin:20px auto;max-height:60px;max-width:100%;}
.greeting .img div	{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}


/*참여상담 신청서*/
.form_btn{ display: block; position: fixed; left: calc(50% + 755px); /* bottom: 140px; */bottom:50px; z-index: 99; width: 120px; height: 120px; padding: 20px 0; border-radius: 50%; text-align: center; background-color: #f4f4f4; border: 2px solid #768395; animation: fadeInRight 0.5s ease-out both;}
.form_btn p{ line-height: 1.2; font-size: 0.9rem; color: #616c7d;}
.form_btn p::before{ content: ""; display: block; width: 30px; height: 35px; background: url(../img/formicon.png) no-repeat center; background-size: contain; margin: 0 auto; margin-bottom: 5px;}

.form_btn:hover{ background-color: #768395; transition: all 0.7s;}
.form_btn:hover p{ color: #FFF;}
.form_btn:hover p::before{ content: ""; display: block; width: 30px; height: 35px; background: url(../img/h-formicon.png) no-repeat center; background-size: contain;}

/* @media only screen and (max-width:1600px){ */
/* 	.d_width, .c_width		{width:1200px;}  */
/* 	#popupzone		{width:auto;} */
/* 	.mcardnews		{width:auto;} */
/* 	.busi-field a	{width:130px;} */
/* 	#gnbmn ul.depth1 > li > a{font-size:1.1rem;} */
/* 	header #logo{left:30px;} */
/* } */

/* [s]헤더 반응형 */
@media only screen and (max-width:1600px){
	#gnbmn ul.depth1{margin:0 200px 0 320px;}
	#logo .sub_name{font-size:18px;}
}
@media only screen and (max-width:1440px){
	.d_width{width:1200px;}
	#gnbmn ul.depth1{margin:0 100px 0 200px;}
	#logo{left:30px;}
	#gnbmn .depth2{width:1200px;}
	#gnbmn .title{width:360px;}
	#gnbmn .depth2 .title .tit{font-size:55px;}
	#id_gnb_bg {background-size:30%;}
	.gnb_bg:after{background:#154968 url(../img/gnb_bg_1.png) no-repeat -20% 0%;}
	.gnb_bg.bg2:after{background:#4a95b1 url(../img/gnb_bg_2.png) no-repeat 15% 45%;}
	.gnb_bg.bg3:after{background:#38a681 url(../img/gnb_bg_3.png) no-repeat -10% 40%;}
	.gnb_bg.bg4:after{background:#1BA4A5 url(../img/gnb_bg_4.png) no-repeat 5% 0%;}
	.gnb_bg.bg5:after{background:#917833 url(../img/gnb_bg_5.png) no-repeat -15% 100%}
}
@media only screen and (max-width:1240px){
	.d_width	{width:960px;}
	.topwrap .d_width > a{padding: 0 10px;}
	.topwrap .hollo,
	.topwrap .login-time,
	.topwrap .link a.t-plus		{display:none;}
	.topwrap .d_width > a  {padding: 0px 10px;}
	.topwrap .d_width > a:before{display:none !important;}
	header #logo{top:50%; transform:translateY(-50%); left:30px;}
	#gnbmn	{margin:0 auto;}
	#gnbmn ul.depth1{padding:0; margin:0 130px;}
	#gnbmn ul.depth1 > li > a{padding:0;}
	#gnbmn .depth2{width:960px;}
	#gnbmn .title{width:240px;}
	#gnbmn .depth2 .title .tit{font-size:45px;}
	#link{right:100px;}
	#link a{margin-left:0;}
}
@media only screen and (max-width:1023px){
	.mo-menu{display:block !important;}
	.mo-menu li{width:100%);}
	.mo-menu li:not(:first-child) a{border-top:1px solid #ccc;}
	.mo-menu li a {display:block; padding:10px; background:rgba(0,0,0,0.2); font-weight:bold; color:#333; text-align:center;}
	.d_width{width:740px;}
	header{position:relative !important;}
	#header.fix{position:fixed !important; height:60px; background:#fff;}
	#logo a{justify-content:center; display:inline-block;}
	header #logo{position:relative; align-items:center; left:0;}
	.depth2 .title .txt{display:none;}
}
@media only screen and (max-width:767px){
	.d_width{width:auto; margin:0 20px;}
}

@media only screen and (max-width:415px){
	.d_width		{margin:0 10px;}
}


/* [E]헤더 반응형 */

/* [S]main-visual 반응형 */
@media only screen and (max-width:1240px){
	#mv-quick{min-width:200px; width:calc(40% - 200px); }
	#mv-quick .txt{display:none;}
	#mv-quick a.bx{padding:30px; text-align:center;}
	#mv-quick a.bx:before{right:auto; left:50%; transform:translate(-50%) scale(0.8);}
	#mv-quick a:hover .tit{margin-top:20px; font-size:32px;}
	#mv-quick a:nth-child(3):hover .tit{margin-top:20px;}
}
@media only screen and (max-width:1023px){
	#mv-quick{display:none;}
	#main-viusal .visual{height:730px; padding-top:120px;}
	#main-viusal .visual .mvbg1{height:730px;}
	#main-viusal .visual .mvbg2{height:730px;}
	.search-wrap{margin-bottom:0;}
	.search-wrap .search-input{width:100%;}
	.search-wrap .search-keyword{margin:10px 0;}
	.mvtit .tit-eng{font-size:20px;}
	.mvtit .sub-tit{font-size:55px;}
	.mvtit .tit{font-size:60px;}
	#main-viusal .control_bar{margin:40px 0;}
	.mbnr2 ul li a .tit{font-size:20px;}
	
}
@media only screen and (max-width:767px){
	#main-viusal .visual{height:600px;}
	#main-viusal .visual .mvbg1{height:600px;}
	#main-viusal .visual .mvbg2{height:600px;}
	.search-wrap{margin-bottom:30px;}
	.search-wrap input{height:50px;}
	.search-keyword-wrap{display:none;}
	.mvtit .tit-eng{font-size:18px;}
	.mvtit .sub-tit{font-size:45px;}
	.mvtit .tit{font-size:50px;}
	#main-viusal .control_bar{margin:30px 0;}
	.mbnr2 ul li a span:before{transform:scale(0.8); width:60px; height:60px; background-size:cover;}
	.mbnr2 ul li a span.ico2:before{background-position-X:-60px;}
	.mbnr2 ul{flex-wrap:wrap;}
	.mbnr2 ul li a .tit{font-size:16px;}
	.mbnr2 ul li a{padding:10px;}
}
@media only screen and (max-width:576px){
	#main-viusal .visual{height:450px;}
	#main-viusal .visual .mvbg1{height:450px;}
	#main-viusal .visual .mvbg2{height:450px;}
	.search-wrap .search-input select{width:100px;}
	.search-wrap{margin-bottom:20px;}
	.mvtit .tit-eng{font-size:16px;}
	.mvtit .sub-tit{font-size:22px; letter-spacing:-1px;}
	.mvtit .tit{font-size:32px;}
	#main-viusal .progress{width:150px;}
	#main-viusal .control a{margin-left:10px;}
	#main-viusal .control_bar{margin:20px 0;}
	.mbnr2 ul li a span:before{display:none;}
}
@media only screen and (max-width:415px){
	#main-viusal .visual{height:400px; padding-top:50px;}
	#main-viusal .visual .mvbg1{height:400px;}
	#main-viusal .visual .mvbg2{height:400px;}
	.search-wrap .search-input{border-radius:25px;}
	.mvtit .tit-eng{letter-spacing:2px;}
	.mvtit .sub-tit{display:none;}
	.mbnr2 ul{flex-direction:column;}
	.mbnr2 ul li:first-child a{margin-bottom:5px;}
	.mbnr2 ul li a{width:100%;}
	.mbnr2 ul li a:first-child{margin-right:0;}
	.mbnr2 ul li a:hover{transform:translate(0, -5px);}
}
/* [E]main-visual 반응형 */



/* [S]notice 반응형 */
@media only screen and (max-width:1240px){
	#main-notice .tit-wrap{width:100%; margin-bottom:80px;}
	#main-notice .tit-wrap .stit br{display:none;}
	#main-notice .notice-list{width:100%;}
	#main-notice .notice-list a{font-size:22px;}
	#main-notice .more{left:auto; right:0; top:0;}
	#main-notice .notice-list .date{margin-bottom:20px;}
	#main-notice .notice-list li{margin:0 20px 20px;}
}
@media only screen and (max-width:1023px){
	#main-notice{margin:60px 0 40px 0;}
	#main-notice .tit-wrap{margin-bottom:40px;}
	
}
@media only screen and (max-width:767px){
	section		{padding:0 20px;}
	#main-notice{margin:40px 0;}
	#main-notice h2{font-size:65px;}
	#main-notice .more{width:100px; line-height:36px; font-size:16px;}
	#main-notice .notice-list a{font-size:20px; height:50px; max-height:50px;}
	
}
@media only screen and (max-width:576px){
	#main-notice .notice-list ul{margin:0;}
	#main-notice .notice-list li{width:100%; float:none; margin:0 0 20px 0;}
	#main-notice .notice-list a{margin:20px 0;}
	#main-notice .notice-list .date{margin-bottom:10px;}
	#main-notice .notice-list li:not(.nodata) a:hover{margin:10px 0 30px;}
	#main-notice .tit-wrap{margin-bottom:20px;}
	#main-notice .notice-list li:nth-child(n+3){display:none;}
	#main-notice .more{top:20px;}
	#main-notice h2{font-size:60px;}
	section[id*="main-"] .stit{font-size:16px;}
}
/* [E]notice 반응형 */

/* [S]focus 반응형 */
@media only screen and (max-width:1440px){
	.busi-field a>.tit{font-size:25px;}
	.busi-field a{width:120px;}
	.busi-field .on a{width:600px;}

}
@media only screen and (max-width:1240px){
	#main-field{padding:80px 0; background:url(../img/mfiled-bg.png) no-repeat 0 85%;  background-size:contain;}
	.busi-field{margin:60px -10px 60px;}
	.busi-field .on a{width:400px;}
	.busi-field li{height:400px;}
	.busi-field .on-bx{width:300px; left:50%; transform:translateX(-50%);}
	.busi-field .on-bx .txt{margin:30px 0;}
	.busi-field li .tit{font-size:30px;}
	.busi-field a>.tit{font-size:25px;}
}
@media only screen and (max-width:1023px){
	#main-field{padding:60px 0; background:none;}
	.busi-field{display:flex; flex-wrap:wrap; margin:30px -10px;}
	.busi-field a:hover{width:370px;}
	.busi-field .on-bx{display:block; padding:0; top:50%; transform:translate(-50%, -50%); height:auto;}
	.busi-field .on-bx .txt{margin:20px 0;}
	.busi-field li{float:none; width:calc(50% - 20px); height:300px;}
	.busi-field li .tit{font-size:24px;}
	.busi-field a{width:100%;}
	.busi-field .on a{width:100%;}
	.busi-field a>.tit{display:none;}
	#main-field .d_width>.txt{width:100%; font-size:20px;}
	#main-field .d_width>.txt br{display:none;}
	.field-mn a{margin-left:10px;}
	
}
@media only screen and (max-width:767px){
	#main-field h2{font-size:65px;}
	.busi-field{margin:30px 0; justify-content:center;}
	.busi-field li{width:80%; height:250px; margin:0;}
	.busi-field .on-bx{width:80%;}
	.busi-field a:hover{width:100%;}
	.field-mn{margin-top:20px;}
	#main-field .d_width>.txt{font-size:16px;}
	.field-mn a{width:143px; padding:10px; font-size:16px;}
}
@media only screen and (max-width:576px){
	#main-field{padding:40px 0;}
	#main-field h2{font-size:60px;}
	.busi-field{margin:15px 0;}
	.busi-field li{width:100%; height:240px;}
	.busi-field li .tit{font-size:20px;}
	.busi-field .on-bx .txt{margin:10px 0;}
	.field-mn a{width:90px; border-radius:25px; font-size:14px;}
}
@media only screen and (max-width:415px){
	.busi-field li{height:200px;}
	.busi-field li .tit{font-size:18px;}
	.busi-field .on-bx{width:85%;}
	.busi-field .on-bx .txt{font-size:14px;}
	#main-field .d_width>.txt{display:none;}
	
}
/* [E]focus 반응형 */

/* [S]main-bnr 반응형 */
@media only screen and (max-width:1440px){
	#main-bnr .mbnr a:before{right:10px; bottom:20px;}
	#main-bnr .mcardnews .txt-box{padding:20px;}
	#main-bnr .mcardnews .txt-box .subject{font-size:18px;}
}
@media only screen and (max-width:1240px){
	section#main-bnr	{padding:80px 0;}
	#main-bnr .col_wrap{display:flex;flex-wrap:wrap;}
	#main-bnr .col_d3{float:none; }
	#main-bnr .col_d3:not(:last-child){width:50%;}
	#main-bnr .col_d3:last-child{width:100%;}
	#main-bnr .col_d3:last-child .bx{display:flex; justify-content:space-between;}
	#main-bnr .col_d3:last-child .bx .mbnr, 
	#main-bnr .col_d3:last-child .bx .msurvey{width:calc(50% - 20px);}
}
@media only screen and (max-width:1023px){
	section#main-bnr	{padding:60px 0;}
}
@media only screen and (max-width:767px){
	#main-bnr .col_wrap{margin:0;}
	#main-bnr .col_d3{margin:10px 0;}
	#main-bnr .col_d3 .bx{margin:10px;}
	#main-bnr .col_d3:last-child .bx{flex-direction:column;}
	#main-bnr .col_d3:last-child .bx .mbnr, 
	#main-bnr .col_d3:last-child .bx .msurvey{width:100%;}
	#main-bnr .col_d3:last-child .bx .msurvey{background-size:cover; background-position:10px;}
	#main-bnr .mbnr a{padding:20px;}
	#main-bnr .mbnr a:before{right:20px; transform:scale(0.8);}
	#main-bnr .mcardnews .txt-box .subject{width:100%;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;}
}
@media only screen and (max-width:576px){
	section#main-bnr{padding:40px 0;}
	#main-bnr .col_d3:not(:last-child){width:100%;}
}
@media only screen and (max-width:415px){
	section .bx .tit{font-size:20px;}
	
}
/* [E]main-bnr 반응형 */
/* [s]관련사이트 배너 */
@media only screen and (max-width:1440px){
	#banner_cont .bnr-tit{width:220px;}
	#banner_cont .bnr_cont{width:calc(100% - 220px);}
	#banner_cont .bx-wrapper{max-width:930px !important;}
}
@media only screen and (max-width:1240px){
	#banner_cont .bnr-tit{width:200px;}
	#banner_cont .bnr_cont{width:calc(100% - 200px);}
	#banner_cont .bx-wrapper{max-width:700px !important;}
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
	#banner{padding:20px 0;}
	#banner_cont{flex-wrap:wrap; justify-content:center;}
	#banner_cont .bnr-tit{width:100%; text-align:center; margin-bottom:20px;}
	#banner_cont .bnr_cont{width:100%;}
	#banner ul li{width:115px !important;}
	#banner_cont .bx-wrapper{max-width:600px !important;}
}
@media only screen and (max-width:576px){
	#banner ul li{width:50% !important;}
	#banner_cont .bx-wrapper{max-width:400px !important;}
}
@media only screen and (max-width:415px){
	#banner ul li{width:100% !important;}
	#banner_cont .bx-wrapper{max-width:320px !important;}
}
/* [e]관련사이트 배너 */


/* 물성정보 DB */
/* 인덱스 목록페이지 */
.property .board-info 	{margin:20px 0;}
.property .category		{font-size:12px; padding:4px 7px; border-radius:20px; background:#fff;}
.property .category.c1	{color:#3399C6; border:1.5px solid #3399C6;}
.property .category.c2	{color:#22C0C8; border:1.5px solid #22C0C8;}
.property .category.c3	{color:#1543CA; border:1.5px solid #1543CA;}
.property .category.c4	{color:#ff6d01; border:1.5px solid #ff6d01;}


.bx-custom2			{display:flex; align-items:center; border:1px dashed #153A87;background:#F6F9FB;padding:30px 50px;padding-right:140px;position:relative;}
.bx-custom2	.ico	{background:var(--sub-color); border-radius:50%; display:block; text-align:center; width:90px; height:90px; line-height:90px; margin-right:30px;}
.bx-custom2 .txt-wrap{width:calc(100% - 130px);}
.bx-custom2 .tit		{font-size:25px;color:#3366CC;font-weight:600;margin-bottom:5px;line-height:1.5;}
.bx-custom2 .txt		{color:#333;}
.property .bg_gr .text-sm{color:var(--main-color); font-weight:500; display:flex; align-items:center;}
.property .bg_gr .text-sm i:before{content:"\f05a";font-family:'fontAwesome'; font-style:normal; font-weight:700;}

.search-bx .list-search	{display:flex;justify-content:center;background:#EDF0F1;padding:25px 0;}
.search-bx .input-wrap	{width:790px;position:relative;display:flex;align-items:center;padding:0 20px;height:60px;line-height:60px;border:4px solid #0080B8;background:#fff;position:relative;z-index:1;}
.search-bx .input-wrap select	{width:120px;height:100%;border:none;color:#333;background:#fff0;border-right:1px solid #dadada;}
.search-bx .input-wrap input	{width:calc(100% - 120px);height:100%;border:none;color:#333;background:#fff0;padding-left:10px;}
.search-bx .sch-btn{display:block;width:60px;height:60px;line-height:60px;text-align:center;background:#0080B8;color:#fff;font-size:1.4rem;border-radius:0 20px 0 0;position:relative;z-index:1;}
.search-bx .filter-btn{font-size:1rem;background:var(--sub-color); line-height:60px;}
.search-bx .filter-btn:hover{background:#5a6378 !important; border-color:#5a6378 !important;}
.filter-wrap			{position:relative;background:#F4F6F8;border-radius:0 0 4px 4px;}
.filter-wrap .order-abc	{width:calc(100% - 150px);}
.filter-wrap .cont		{padding:20px 60px;}
.filter-wrap .cont .tit	{width:150px; font-weight:500; color:#000;}
.filter-wrap .btn-d.btn-main{background:var(--main-color); border-color:var(--main-color);}
.filter-wrap .btn-d		{background-color:var(--sub-color); color:#fff; border-color:var(--sub-color);}
.filter-wrap .cont .tv-checkbox li,
.filter-wrap .cont .tv-radio li{display:inline-block;margin-right:.8rem;}
.filter-wrap .cont .bx	{display:flex;align-items:center;}
.filter-wrap .tv-type a	{display:block;font-size:.825rem;background:#fff;border:1px solid #ddd;border-radius:3px;line-height:1.2;padding:6px 8px;margin:1px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.filter-wrap .tv-type a.on, .filter-wrap .tv-type a:hover{border-color:#568AE5;color:#568AE5;}	
.filter-wrap .btnarea	{position:relative;padding:20px;margin:0;border-top:1px solid #ccc;}
.filter-wrap .btn-reset	{font-size:.785rem;position:ABsolute;right:10px;top:10px;}
.filter-wrap .order-abc a		{display:inline-block;width:35px;height:35px;line-height:35px;text-align:center;background:#fff;border:1px solid var(--main-color);color:#000000;font-size:14px;margin:0 2px 6px 0}
.filter-wrap .order-abc a:hover	{background:#98B2E5;color:#fff;transition:0.2s;}
.filter-wrap .order-abc a.on	{background:var(--main-color);border-color:var(--main-color);color:#fff}
.sorting-btn .btn-ico:before{margin-right:0;}
.sorting-btn .btn-ico.on{border-color:var(--main-color);color:#fff; background:var(--main-color);}
.ico-gallery:before{content:"\f009"; font-family:'FontAwesome';}
.ico-list:before{content:"\f03a";font-weight:900; font-family:'FontAwesome';}
.property .paging strong{background-color:var(--main-color); border:1px solid var(--main-color);}
/* 갤러리 리스트 */
@keyframes aW_nH{ 
	from {width:0%;} 
	to   {width:100%;} 
}
@keyframes sW_aH{ 
	from{width:100%; height:0%;} 
	to{width:100%; height:100%;} 
}
@keyframes sW_sH{ 
	from{width:100%; height:100%;} 
	to{width:100%; height:100%;} 
}
.property .btn-d:hover{background:var(--sub-color); border-color:var(--sub-color);color:#fff;}
.list-card	{border-top:2px solid var(--main-color); border-bottom:1px solid #1E2F51; padding:30px 0; position:relative;}
.list-card ul	{margin:-10px; display:flex; flex-wrap:wrap;}
.list-card li	{position:relative; width:calc(25% - 20px);margin:10px; box-shadow:0 10px 10px rgba(0,0,0,0.1); border:2px solid var(--main-color);}
/* .list-card .hov-cont:before					{bottom:0;right:0;border-bottom:7px solid;border-left:7px solid; border-width:0;} */
/* .list-card .hov-cont:after					{top:0; left:0; border-top:7px solid;border-right:7px solid; border-width:0;} */
/* .list-card .hov-cont:before, */
/* .list-card .hov-cont:after						{content:"";position:absolute;width:0%;height:0%;border-color:var(--main-color);border-width:0;z-index:2;} */
/* .list-card .hov-cont:hover:after, */
/* .list-card .hov-cont:hover:before				{border-width:7px;width:100%;animation:aW_nH 0.3s, sW_aH 0.3s, sW_sH 0.5s infinite;animation-delay:0s, .2s, .5s;} */
/* .list-card li:not(.nodata):hover .hov-cont{display:block;} */

.list-card a{display:block; }
.list-card li:not(.nodata) a:hover {background: #36c; transition:all .5s; /* border: none; */}
.list-card li:not(.nodata) a:hover .tit-wrap .tit{color:#fff;}
.list-card li:not(.nodata) a:hover .tit-wrap span{color:#fff;}
.list-card li:not(.nodata) a:hover .txt-wrap{color:#fff; border-top:1px dashed #fff4;}
.list-card li:not(.nodata) a:hover .txt-wrap dt{color:#fff;}
.list-card li:not(.nodata) a:hover .txt-wrap dd{color:#fff;}
.list-card li:not(.nodata) a:hover .category{color:#fff; background:none;}
.list-card li:not(.nodata) a:hover .c1{border-color:#fff;}
.list-card li:not(.nodata) a:hover .c2{border-color:#fff;}
.list-card li:not(.nodata) a:hover .c3{border-color: #fff;}

.list-card li.nodata{box-shadow:none;}
.list-card li.nodata .tit-wrap .name-ch{color:#aaa;}
.list-card li.nodata .txt-wrap dt,
.list-card li.nodata .txt-wrap dd{color:#aaa;}
.list-card li.nodata .bx{border:2px solid #aaa;}
.list-card li.nodata .tit-wrap .tit{color:#aaa;}
.list-card .bx	{display:block;border:2px solid var(--main-color);}
.list-card .tit-wrap	{padding:20px 30px 10px 30px;}
.list-card .txt-wrap	{padding:10px 30px 20px 30px}
.list-card .tit-wrap .tit{font-size:25px; font-weight:600; color:#000; line-height:1.2; margin-top:10px;}
.list-card .tit-wrap .name-ch{color:#000; font-size:16px; font-weight:600;}
.list-card .tit-wrap .name-eng{height:15px;font-size:11px;color:#3366cc;text-overflow:ellipsis;overflow:hidden;margin-bottom:5px;}
.list-card .txt-wrap			{border-top:1px dashed #eaeaea;font-size:14px;}
.list-card .txt-wrap dl:before,
.list-card .txt-wrap dl:after	{content:"";display:block;float:none;clear:both;}
.list-card .txt-wrap dt,
.list-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-card .txt-wrap dt		{float:left;width:30%;color:#000; font-size:16px; font-weight:500;}
.list-card .txt-wrap dd		{float:left;width:70%;color:#000; font-size:16px; font-weight:500;}

.list-card .hov-cont{display:none; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); color:#fff; text-align:center;}
.list-card .hov-cont .center{padding:30px;}
.list-card .hov-cont .center .category{color:#fff;}
.list-card .hov-cont .center .c1{background:#3399C6;}
.list-card .hov-cont .center .c2{background:#22C0C8;}
.list-card .hov-cont .center .c3{background:#1543CA;}


.list-card .hov-cont .center .tit{font-size:28px; font-weight:500; margin-top:5px;}
.list-card .hov-cont .btn-view{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);background:var(--main-color); padding:0 24px; border-radius:0.365rem; border:none; color:#fff; line-height:48px; font-weight:bold;z-index:10}
/* .list-card li:not(.nodata):hover .hov-cont{display:block;} */


/* 보드리스트 */
.list-table					{border-top:2px solid var(--main-color);border-bottom:1px solid #1E2F51;text-align:center;}
.list-table table thead		{color:var(--main-color); background:#FAFBFE;}
.list-table table thead th	{padding:15px 5px; border-bottom:1px solid var(--main-color);}
.list-table table thead td	{padding:15px 5px;}
.list-table table tbody tr	{border-top:1px solid #eaeaea;}
.list-table table tbody th,
.list-table table tbody td	{padding:10px 5px; font-size:16px; font-weight:500; color:#000;}
.list-table table tbody .name{font-size:18px; font-weight:500;}
.list-table table tbody .name.ch{font-weight:600;}
.list-table table tbody td a	{display:inline-block;width:30px;height:30px;line-height:30px;font-size:11px;background:#fff;border:2px solid var(--main-color);border-radius:50%;color:var(--main-color);text-align:center;}
.list-table table tbody td a:hover	{background:#FF9900;border:1px solid #FF9900;color:#fff;transition:0.2s;}
.list-table tr.nodata	th, 
.list-table tr.nodata	td{color:#999;border-top:1px solid #eaeaea;} 
.list-table table tr.nodata td a{border-color:#aaa; color:#aaa;}
.list-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-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-table .btn-check.on,
.list-table .btn-check:hover	{background:#3366CC;border:1px solid #3366CC;color:#fff;transition:0.2s;}
.list-table .btn-delete:hover	{background:#ccc;color:#fff;transition:0.2s;}
/* 목록 반응형 */
@media only screen and (max-width:1440px){
	.search-bx .input-wrap{width:690px;}
	.filter-wrap .cont .tit{width:130px;}
	.filter-wrap .order-abc{width:calc(100% - 130px);}
	.list-card li{width:calc(33.33% - 20px);}
}

@media only screen and (max-width:1240px){
	.bx-custom2{padding:30px; padding-right:auto;}
	.bx-custom2 .tit{font-size:22px;}
	.search-bx .filter-btn{padding:0 20px;}
	
}


@media only screen and (max-width:1023px){
	.search-bx .list-search{padding:20px;}
	.search-bx .input-wrap{width:490px;}
	.search-bx .filter-btn{padding:0 10px;}
	.property .bg_gr {padding:20px;}
	.filter-wrap .cont{padding:20px;}
	.filter-wrap .cont .tit{width:100px;}
	.filter-wrap .order-abc{width:calc(100% - 100px);}
	.list-card li{width:calc(50% - 20px);}
	.board-paging:before,
	.board-paging:after{content:"";clear:both;display:block;float:none}
	.board-paging .va-mo			{text-align:center;color:#999;}
	.board-paging .va-mo input.page,
	.board-paging .va-mo button		{width:40px;height:40px;line-height:40px;padding:0;background:none;border-radius:2px;text-align:center;}
	.board-paging .va-mo input.page	{border:1px solid #5A5AD2;color:#5A5AD2;margin-right:0.25rem}
	.board-paging .va-mo input.page::placeholder{opacity:1;color:#5A5AD2}
	.board-paging .va-mo button		{border:1px solid #dee2e6;color:#999;background:#F4F4F4;margin-left:0.25rem}
	
}
@media only screen and (max-width:767px){
	.bx-custom2{padding:20px;}
	.bx-custom2 .ico{margin-right:15px; width:80px; height:80px; line-height:80px;}
	.bx-custom2 .ico img{heihght:70px;}
	.bx-custom2 .tit{font-size:18px; margin-bottom:0;}
	.bx-custom2 .txt-wrap{width:calc(100% - 95px);}
	.search-bx .input-wrap select{display:none;}
	.search-bx .sch-btn{width:100%;margin:5px 0;border-radius:5px; font-size:18px; height:50px; line-height:50px; }
	.search-bx .list-search{flex-wrap:wrap;]}
	.search-bx .input-wrap{width:100%;}
	.search-bx .sch-btn:after{content:"검색하기";margin-left:5px;font-weight:500;}
	.search-bx .input-wrap{width:100%;}
	.search-bx .filter-btn{margin:0 !important; width:100%; font-size:18px; height:50px; line-height:50px; border-radius:5px; border:none;}
	.filter-wrap .cont .bx{flex-wrap:wrap;}
	.filter-wrap .order-abc{width:100%;}
	.list-card li{width:100%;}
	.board-paging .va-pc		{display:none !important}
	.board-paging .va-mo		{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;font-size:0.875rem;}
	.board-paging .va-mo input	{text-align:center;}
	.board-paging .va-mo span,
	.board-paging .va-mo a		{margin:0 0.25rem}
}
@media only screen and (max-width:576px){
	.bx-custom2{flex-wrap:wrap; justify-content:center;}
	.bx-custom2 .txt-wrap{width:100%;}
	.bx-custom2 .va-mo{display:none;}
	.search-bx .input-wrap input{width:100%;}
	.property .bg_gr .text-sm{line-height:1.2;}
	.list-card .tit-wrap, .list-card .txt-wrap{padding:10px 30px;}
	.list-card .tit-wrap .tit{font-size:22px;}
}
@media only screen and (max-width:415px){
	.search-bx .list-search{padding:10px;}
	.filter-wrap .cont{padding:10px;}
	.filter-wrap .btnarea{padding:10px;}
	.search-bx .sch-btn{font-size:16px;}
	.search-bx .filter-btn{font-size:16px;}
	.property .bg_gr{padding:10px;}
	.property .category{padding:2px 5px;}
	.list-card .tit-wrap, .list-card .txt-wrap{padding:10px 20px;}
}

/* 유전자정보 */
.dna .tab{display:flex; width:100%; background:var(--main-color); padding:20px 30px;}
.dna .tab li.on a {color:var(--point-color3); position:relative;}
.dna .tab li{position:relative;}
.dna .tab li.on a:after{content:""; width:5px; height:5px; display:block; position:absolute; left:50%; background:#FBCE40; border-radius:50%; top:-8px;}
.dna .tab li:not(:first-child):before{content:"\2f"; font-family:'Font Awesome 6 Pro'; font-weight:900; padding:0 30px; font-size:21px; color:#94CDE0;}
.dna .tab li a{font-size:21px; color:#fff; font-weight:800;}
.dna .tit-bar{background:var(--sub-color); padding:40px; margin-top:30px;}
.dna .tit-bar p{color:#fff;}
.dna .tit-bar .subject{font-size:40px;font-weight:800;} 
.dna .tit-bar .info span:before{content:"|"; color:#89A0E4; padding:0 20px;}
.cont-tit{margin:30px 0;}
.cont-tit p{color:#000;}
.cont-tit .tit{font-size:32px;  font-weight:600; line-height:1.2;}
.cont-tit .tit em{color:var(--main-color); font-weight:600;}
.cont-tit .info{font-size:18px; font-weight:500;}
.dna-cont{display:flex;}
.dna-cont .sch-bx{width:300px;}
.dna-cont .sch-tab{width:100%; position:relative;}
.dna-cont .sch-tab.bio-act{position:sticky; top:170px;}
.dna-cont .sch-tab li.on a{background:var(--main-color); color:#fff; font-weight:600;}
.dna-cont .sch-tab.extra a{padding:20px 40px 20px 20px;}
.dna-cont .sch-tab a{display:block; position:relative; max-width:100%; font-size:17px; font-weight:500; color:#000; line-height:1.5; padding:10px 40px 10px 20px; border:1px solid #e2e2e2; margin-bottom:5px;}
.dna-cont .sch-tab a:before{position:absolute; right:20px; top:50%; transform:translateY(-50%);content:"\f105"; margin-right:5px; color:#B8BFC7; font-family:'fontAwesome';}
.dna-cont .sch-tab li.on a:before{color:#fff;}
.dna-cont .dna-view{width:calc(100% - 320px); margin-left:20px; display:flex; border:1px solid #dadada; flex-wrap:wrap;}
.dna-cont .dna-view .barcode .cont p{color:#000; word-break:break-all; font-size:16px;}
.dna-cont .dna-view > div{width:50%;}
.dna-cont .dna-view > div.blast{border-right:1px solid #dadada;}
.dna-cont .dna-view .cont{padding:40px;}
.dna-cont .dna-view .tit{text-align:center; background:#07284B; color:#fff; font-size:18px; padding:15px; font-weight:800;}

/* 유전자정보 반응형 */
@media only screen and (max-width:1440px){
	.dna .tit-bar{padding:20px;}
	.dna-cont .dna-view .cont{padding:20px;}
	
}

@media only screen and (max-width:1240px){
	.dna-cont .dna-view .cont .thumb{text-align:center;}
	.dna-cont .dna-view > div{width:100%;}
	
}

@media only screen and (max-width:1023px){
	.dna .tab li:not(:first-child):before{padding:0 20px;}
	.dna .tit-bar .subject{font-size:32px;}
	.cont-tit{margin:20px 0;}
	.dna-cont{flex-wrap:wrap;}
	.dna-cont .sch-bx{width:100%;}
	.dna-cont .dna-view{width:100%; margin-left:0; margin-top:10px;}
}
@media only screen and (max-width:767px){
	.dna .tab{padding:20px; align-items:center;}
	.dna .tab li:not(:first-child):before{padding:0 10px;}
	.dna .tab li a{font-size:18px;}
	.dna .tit-bar{margin-top:20px;}
	.dna .tit-bar .subject{font-size:28px;}
	.cont-tit .tit{font-size:24px;}
	.cont-tit .info{line-height:1.5;}
	.dna-cont .dna-view .tit{padding:10px;}
}
@media only screen and (max-width:576px){
	.dna .tab{flex-wrap:wrap;}
	.dna .tab li a{font-size:16px;}
	.dna .tab li:not(:first-child):before{font-size:16px;}
	.dna .tit-bar .subject{font-size:22px;}
	.dna .tit-bar{margin-top:10px;}
	.cont-tit{margin:10px 0;}
	.cont-tit .tit{font-size:20px;}
	.cont-tit .info{font-size:16px;}
	.dna-cont .dna-view .tit{font-size:16px; line-height:1.2;}
	.dna-cont .sch-tab a{font-size:16px;}
	.dna-cont .sch-tab.h200{height:200px; overflow-y:scroll;}
	.dna-cont .dna-view .cont{padding:10px;}
}
/* 분석정보 */
.tab-2{display:flex; background:#E6EBEF; margin-top:30px;}
.tab-2 li{flex:1; margin:5px; text-align:center; padding:10px;}
.tab-2 li.on{background:#fff;}
.tab-2 li.on a, .tab-2 li.on a em{color:var(--main-color); font-weight:600;}
.tab-2 li a{font-size:18px; color:#000;}
.analysis-view{width:calc(100% - 620px); margin:0 20px; border:1px solid #B8BFC7; padding:30px; max-height:calc(100vh - 400px); overflow-y:scroll;}
.analysis-view::-webkit-scrollbar{width:10px;}
.analysis-view::-webkit-scrollbar-thumb {
    background: #217af4; /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
    height:30%;
}
.analysis-view::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);;  /*스크롤바 뒷 배경 색상*/
}
.analysis-view .subject{color:#000;font-size:23px;margin-bottom:10px;}
.analysis-view .subject:not(:first-child){margin-top:20px;}
.analysis-view .croma > div{border:1px solid #DADADA; }
.analysis-view .croma > div:not(:last-child){margin-bottom:20px;}
.analysis-view .croma .thumb{background:#ECF0F3;  text-align:center; height:180px;}
.analysis-view .croma .thumb img{border-radius:10px; padding:10px 40px; background:#fff;}
.analysis-view .croma .tit{font-size:16px; font-weight:700; padding:10px 0; letter-spacing:-1px; color:#666666; text-align:center; background:#F6F6F6; border-bottom:1px solid #DADADA;}
.analysis-view .badge{position:absolute;top:20px;right:60px;background-color:var(--point-color2);padding:5px 10px;min-width:88px;font-weight:600;z-index:99;}
.analysis-view .uv_list{display:flex; flex-wrap:wrap; margin:0 -10px;}
.analysis-view .uv_list .bx{border:1px solid #D7D7D7;}
.analysis-view .uv_list li{width:calc(33.33% - 20px); margin:0 10px;}
.analysis-view .uv_list li:nth-child(n+4){margin-top:15px;}
.analysis-view .uv_list .bx .tit{text-align:center; background:#ECF0F3; font-size:18px; padding:5px 0; color:#000; border-bottom:1px solid #D7D7D7;}
.analysis-view .uv_list .thumb{height:170px;}
.analysis-view .uv_list .thumb img{padding:15px 5px;}
.txt-info{color:#000; font-size:14px; background:#DEDEDE; max-width:60%;}
.annotation{width:280px; background:#E6EBEF; padding:10px; height:100%;}
.annotation .cont{background:#fff; padding:20px;}
.annotation .cont p{color:#000;}
.annotation .badge{background:var(--point-color2); margin-right:5px; font-weight:400; width:50px;}
/* 분석정보 반응형 */
@media screen and (max-width:1440px){
	.tab-2{margin-top:20px;}
	.analysis-view{padding:30px;}
	.analysis-view .croma .thumb{padding:20px;}
}
@media screen and (max-width:1240px){
	.dna-cont .sch-bx{width:280px;}
	.analysis-view{padding:20px; width:calc(100% - 560px);}
	.analysis-view .croma .thumb{padding:10px;}
	.analysis-view .badge{top:30px; right:30px;}
	.analysis-view .croma .tit{padding:5px 0;}
	.analysis-view .uv_list .bx{width:calc(50% - 20px);}
	.analysis-view .uv_list li:nth-child(n+3){margin-top:10px;}
	.annotation{padding:10px; width:240px;}
	.annotation .cont{padding:10px;}
	
}

@media screen and (max-width:1023px){
	.dna-cont .sch-bx{width:100%;}
	.analysis-view{width:calc(70% - 20px); margin-left:0;}
	.annotation{width:30%;}
	
}

@media screen and (max-width:767px){
	.tab-2{margin-top:10px;}
	.tab-2 li a{font-size:16px;}
	.annotation{ width:100%; order:2; margin-bottom:10px;}
	.analysis-view .subject:not(:first-child){margin-top:10px;}
	.analysis-view .subject{font-size:20px;}
	.analysis-view .uv_list .bx .tit{font-size:16px;}
	.analysis-view{margin-right:0; width:100%; order:3;}
}
@media screen and (max-width:576px){
	.analysis-view{padding:10px;}
	.analysis-view .croma .thumb img{border-radius:5px;}
	.analysis-view .uv_list .bx{width:100%;}
	.analysis-view .croma > div:not(:last-child){margin-bottom:10px;}
	.analysis-view .badge{padding:5px; right:20px;}
	.analysis-view .uv_list li:nth-child(n+2){margin-top:10px;}
	.analysis-view .uv_list .thumb{text-align:center;}
}
@media screen and (max-width:415px){
	.analysis-view .badge{display:block; position:relative; top:auto; right:auto; }
	
}
/* 갈근생물전환추출물 */
.croma-info{margin-bottom:20px;}
.croma-info span{position:relative;}
.croma-info span:not(:last-child){margin-right:30px;}
.croma-info span.bio{border:1px solid var(--point-color2); color:#000; padding:5px 10px;}
.croma-info span.bf{color:#0000FF;}
.croma-info span.af{color:#FF0000;}
.croma-info span.bf:before,
.croma-info span.af:before{content:""; border-top:1px solid #0000FF; display:inline-block; width:33px; position:absolute; top:50%; left:-28px;}
.croma-info span.af:before{border-top:1px solid #FF0000;}
/* 생물전환추출물반응형 */
@media screen and (max-width:576px){
	.croma-info{margin-bottom:10px; font-size:14px;}
	.croma-info span.bio{padding:5px;}
	
}
/* 생리활성탐색검사 */
.sch-test{width:calc(100% - 320px); display:block; margin-left:20px; border:1px solid #dadada;}
.sch-test .tit{text-align:center; background:#07284B; color:#fff; font-size:18px; padding:15px; font-weight:800;}
.sch-test .p20 > div{border:1px solid #ccc; width:100%; height:500px;}
.sch-test .p20 > div:not(:first-child){margin-top:20px;}
@media screen and (max-width:1023px){
	.sch-test{width:100%; margin-left:0;}
	.sch-test .tit{padding:10px;}
}
@media screen and (max-width:576px){
	.sch-test .p20 > div:not(:first-child){margin-top:10px;}
	.sch-test .tit{font-size:16px;}
}
/* //물성정보 DB */