@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,400,500,700|Titillium+Web:wght@400;700|Montserrat:wght@300;400;600;900&display=swap');
@font-face {
    font-family: 'scorel';font-weight: 300;font-style: normal;
    src: url('../font/SCDream3.eot');
    src: url('../font/SCDream3.eot?#iefix') format('embedded-opentype'),
         url('../font/SCDream3.woff2') format('woff2'),
         url('../font/SCDream3.woff') format('woff'),
         url('../font/SCDream3.ttf') format('truetype'),
         url('../font/SCDream3.svg#nanum-square-regular') format('svg');
}
@font-face {
    font-family: 'scoren';font-weight: 400;font-style: normal;
    src: url('../font/SCDream4.eot');
    src: url('../font/SCDream4.eot?#iefix') format('embedded-opentype'),
         url('../font/SCDream4.woff2') format('woff2'),
         url('../font/SCDream4.woff') format('woff'),
         url('../font/SCDream4.ttf') format('truetype'),
         url('../font/SCDream4.svg#nanum-square-bold') format('svg');
}
@font-face {
    font-family: 'scoreb';font-weight: 600;font-style: normal;
    src: url('../font/SCDream5.eot');
    src: url('../font/SCDream5.eot?#iefix') format('embedded-opentype'),
         url('../font/SCDream5.woff2') format('woff2'),
         url('../font/SCDream5.woff') format('woff'),
         url('../font/SCDream5.ttf') format('truetype'),
         url('../font/SCDream5.svg#nanum-square-bold') format('svg');
}
@font-face {
    font-family: 'scoreeb';font-weight: 900;font-style: normal;
    src: url('../font/SCDream6.eot');
    src: url('../font/SCDream6.eot?#iefix') format('embedded-opentype'),
         url('../font/SCDream6.woff2') format('woff2'),
         url('../font/SCDream6.woff') format('woff'),
         url('../font/SCDream6.ttf') format('truetype'),
         url('../font/SCDream6.svg#nanum-square-light') format('svg');
}
@font-face {
  font-family: 'FontAwesome';font-weight:normal;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');
}
@-ms-viewport{width:device-width}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}/*table,*/
html{font-size:1rem;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{font-family:'Titillium Web','Noto Sans KR', sans-serif;font-size:18px;font-weight:400;line-height:1.8;margin:0;color:#333;-webkit-text-size-adjust:none;}
[tabindex='-1']:focus{outline:0!important}
hr{display:none;}
ul,ol,li{list-style:none;}
abbr[data-original-title],abbr[title]{cursor:help;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;-webkit-text-decoration:underline dotted}
address,cite,code,em{font-style:normal;font-weight:normal;}
address{word-break:keep-all !important}
iframe{border:0}
figcaption,figure,main{display:block}
main{overflow:hidden}
main,header,section,nav,footer,aside,article,figure{display:block;}
table caption	{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

small{font-size:80%}
img{vertical-align:middle;border-style:none;border:0;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
caption{padding-top:1rem;padding-bottom:1rem;caption-side:bottom;text-align:left;color:#768395}
th{text-align:inherit}

a			{-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;}
a		{text-decoration:none;color:#525252;background-color:transparent;-webkit-text-decoration-skip:objects}
a:hover	{text-decoration:none;color:inherit}
section:before,
section:after{content:"";clear:both;display:block;float:none;}
*	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.clear	{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;height:0 !important;overflow:hidden; margin:0 !important; padding:0 !important;}
.clear:after,
.clearfix:after{content:"";clear:both;display:block;float:none;}
.floatfix:after,.floatfix:before{display:table;content:''}
.floatfix:after{clear:both}
.va-pc		{display:block;}
.va-mo		{display:none;}

@media screen and (max-width:767px){
	body{font-size:0.925rem}
}
@media screen and (max-width:576px){
	body{font-size:0.875rem}
	.va-pc		{display:none;}
	.va-mo		{display:block;}
}

.fst	{margin-top:0 !important;}
.last	{margin-bottom:0 !important;}
.left{float:left;}
.right{float:right;}
.cnt{margin:0 auto;}
.tal{text-align:left;} 
.tar{text-align:right;}
.tac, table.tac thead th,table.tac tbody th,table.tac tbody td{text-align:center;}
.taj{text-align:justify;}
.dpb{display:block;}
.dpi{display:inline-block;}
.dpn{display:none;}
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.fwn{font-weight:normal}
.fwb{font-weight:500}
.text-underline{text-decoration:underline}
.text-through{text-decoration:line-through}
.text-xs{font-size:.785rem!important}
.text-sm{font-size:.875rem!important}
.text-lg{font-size:1.25rem!important}
.text-xl{font-size:1.5rem!important}
.center	{left:50%;transform:translateX(-50%)}
.scrollbar-inner{height:100%}
.scrollbar-inner:not(:hover) .scroll-element{opacity:0}
.scrollbar-inner .scroll-element{margin-right:2px;transition:opacity .3s}
.scrollbar-inner .scroll-element .scroll-bar,.scrollbar-inner .scroll-element .scroll-element_track{transition:background-color .3s}
.scrollbar-inner .scroll-element .scroll-element_track{background-color:transparent}
.scrollbar-inner .scroll-element.scroll-y{right:0;width:3px}
.scrollbar-inner .scroll-element.scroll-x{bottom:0;height:3px}

.p20{padding:20px !important;}
.p30{padding:30px !important;}
.mlp5{margin-left:5px !important;}
.mlp10{margin-left:10px !important;}
.mlp20{margin-left:20px !important;}
.mrp5{margin-right:5px !important;}
.mrp10{margin-right:10px !important;}
.mrp20{margin-right:20px !important;}
.mtp5{margin-top:5px !important;}
.mtp10{margin-top:10px !important;}
.mtp20{margin-top:20px !important;}
.mtp30{margin-top:30px !important;}
.mbp5{margin-bottom:5px !important;}
.mbp10{margin-bottom:10px !important;}
.mbp20{margin-bottom:20px !important;}
.mbp30{margin-bottom:30px !important;}


/* 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;
		-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.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;}
.btn-d:hover	{color:#fff}
button.btn-d, input[type="submit"].btn-d, input[type="button"].btn-d	{cursor:pointer;}
.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:23px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.btn-d.btn-sm	{padding:0 12px;font-size:0.8rem;line-height:33px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.btn-d.btn-lg	{padding:0 40px;font-size:1.25rem;line-height:53px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);-ms-box-shadow:0 2px 4px rgba(0,0,0,.2);}
.btn-d.btn-xlg	{padding:0 50px;font-size:1.875rem;line-height:68px;font-weight:500;}

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

.table-responsive	{overflow-x:hidden}
@media screen and (max-width:767px){
	.table-responsive:before{content:"모바일에서 테이블콘텐츠는 가로스크롤을 이용하여 이용해주세요";padding:0;font-size:12px;display:block;margin-bottom:10px;text-align:left;line-height:1.2}
	.table-responsive	{width:100%;margin-bottom:20px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:none;overflow-x:auto}
	.table-responsive>table{margin-bottom:0;border-bottom:1px solid #ccc}
	.table-responsive>table>tbody>tr>td,
	.table-responsive>table>tbody>tr>th,
	.table-responsive>table>tfoot>tr>td,
	.table-responsive>table>tfoot>tr>th,
	.table-responsive>table>thead>tr>td,
	.table-responsive>table>thead>tr>th{white-space:nowrap}
}


/* list */
ul.bu li			{position:relative;padding-left:10px;}
ul.bu > li:before	{content:"";position:absolute;left:0;top:0.8em;display:block;width:3px;height:3px;background:#5A6378;margin:0;}
ul.bu li li			{padding-left:10px;font-size:0.9375em;margin:2px 0;}
ul.bu li li:before	{content:"";position:absolute;left:0;top:0.7em;width:4px;height:1px;background:#ccc;}
ul.bu li li li		{padding-left:6px;}
ul.bu li li li:before	{content:"";position:absolute;left:0;top:0.65em;display:block;width:2px;height:2px;background:#999;}

.animated {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.delay1{animation-delay:0.2s}
.delay2{animation-delay:0.4s}
.delay3{animation-delay:0.6s}
.delay4{animation-delay:0.8s}
.delay5{animation-delay:1.0s}
.delay6{animation-delay:1.2s}
.delay7{animation-delay:1.4s}
.delay8{animation-delay:1.6s}
.delay9{animation-delay:1.8s}
.delay10{animation-delay:2.0s}

@-webkit-keyframes zoomout {
	from {-webkit-transform: scale3d(1.1, 1, 1);transform: scale3d(1.1, 1.1, 1.1);}
	100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes zoomout {
	from {-webkit-transform: scale3d(1.1, 1, 1);transform: scale3d(1.1, 1.1, 1.1);}
	100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.zoomout {-webkit-animation-name: zoomout;animation-name: zoomout;}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(15%, 0, 0);
    transform: translate3d(15%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


/* grid */
.col_wrap		{clear:both;margin:0 -20px;} /* 분할하는 div:bx margin값 있을때 */
.col_wrap_flat	{clear:both;}
.col_wrap_flat:after,
.col_wrap:after{content:"";clear:both;float:none;display:block;}
.col_d2	{float:left;width:50%;}
.col_d3	{float:left;width:33.33333%;}
.col_d4	{float:left;width:25%;}
.col_d5	{float:left;width:20%;}
.col_d2 .bx, .col_d3 .bx, .col_d4 .bx, .col_d5 .bx, 
.col_w1 .bx, .col_w2 .bx, .col_w3 .bx, .col_w4 .bx, .col_w5 .bx, .col_w6 .bx, .col_w7 .bx, .col_w8 .bx, .col_w9 .bx, .col_w2h .bx, .col_w7h .bx{margin:0 20px;}

.c_width			{margin:40px 0;}
.column_type1		{}
.column_type1 .thumb{float:left;max-width:80%}
.column_type1 .txt	{float:right;padding-left:40px}

.column_type2		{}
.column_type2 .txt	{float:left;padding-right:40px}
.column_type2 .thumb{float:right;max-width:80%}
.c_wide img			{width:100%;}
.col_wrap_flat img,
.col_wrap img		{max-width:100%;}

.line_solid		{clear:both;display:block;margin:40px 0;border-bottom:1px solid #dadada;}
.line_dashed	{clear:both;display:block;margin:40px 0;border-bottom:1px dashed #dadada;}
.line_dotted	{clear:both;display:block;margin:40px 0;border-bottom:1px dotted #dadada;}
.line_double	{clear:both;display:block;margin:40px 0;border-bottom:3px double #eaeaea;}
.line_blank		{clear:both;display:block;height:40px;}

.box_type1	{padding:30px;margin:0;background:#f4f4f4}
.box_type2	{padding:30px;margin:0;background:#ffffff;border:1px solid #ddd}
.box_type3	{padding:30px;margin:0;background:#f4f4f4;border:1px solid #ddd}
.box_type4	{padding:30px;margin:0;background:#ffffff;border:1px solid #EF593A}

.bg_gr	{padding:40px;background:#f6f6f6;}
.bx1_wh	{padding:40px;background:#fff;border:1px solid #ddd;}
.bx1_gr	{padding:40px;background:#f6f6f6;border:1px solid #ddd;}
.bx2_wh	{padding:40px;background:#fff;border:2px solid #ddd;}
.bx4_wh	{padding:40px;background:#fff;border:4px solid #ddd;}
.bx1_rd	{padding:40px;background:#fff;border:1px solid #CF4133;}

@media all and (max-width:767px){
	.bg_gr,
	.bx1_wh	{padding:20px;}
	.col_wrap .col_d2,
	.col_wrap .col_d3,
	.col_wrap .col_d4,
	.col_wrap .col_d5		{float:none;width:auto;}
	.col_wrap .cont .txt	{margin:10px 0;}
	.column .thumb img	{max-width:100%;height:auto;margin:0 auto 20px !important;text-align:center !important;}
	.column .thumb			{text-align:center !important;}
	.column_type1			{}
	.column_type1 .thumb	{float:none;width:auto !important;padding:0;margin:0 0 10px 0;text-align:center}
	.column_type1 .txt		{float:none;width:auto !important;padding:0;margin:0;}
	
	.column_type2			{}
	.column_type2 .txt		{float:none;width:auto !important;padding:0;margin:0 0 10px 0;}
	.column_type2 .thumb	{float:none;width:auto !important;padding:0;text-align:center}
	
	.column_type3				{}
	.column_type3 .txt			{margin:10px 0 !important;}
	.column_type3 .column		{float:none;box-sizing:border-box;}
	.column_type3 .column.half,
	.column_type3 .column.triple,
	.column_type3 .column.quarter	{width:auto;}
	
	.column_type4 .thumb		{position:relative;background-position:50% 50%;background-size:cover;background-repeat:no-repeat; background-color:#888;background-blend-mode: multiply;color:#fff;text-align:center;}
	.column_type4 .txt			{position:absolute;width:100%;padding:0 10%;height:30px;line-height:30px;margin-top:-15px;top:50%;font-size:125%;color:#fff;}

}