@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html > body {
  font-family: 'GmarketSansMedium';
}

/* 노말라이즈 */
body, ul, li {
  margin:0;
  padding:0;
  list-style:none;
}

a {
  color: inherit;
  text-decoration:none;
}

/* 라이브러리*/

.con-min-width{
  min-width: 1080px;
  
}

.con {
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  
}

.flex {
  display: flex;
}

.flex-grow{
  flex-grow: 1;
}

.block{
  display: block;
}



.items-center{
  align-items: center;
}

.self-center{
  align-self: center;
}

.px-4 {
  padding-left: 2rem;
  padding-right: 2rem;
}


.h-full{
  height: 100%;
}

.w-full{
  width: 100%;
}


.bg-red-500 {
  background-color: red;
}

.bg-blue-500 {
  background-color: blue;
}

.bg-green-500 {
  background-color: green;
}

.bg-gold-500 {
  background-color: gold;
}


/* 커스텀 */

.top-bar {
  border-bottom: 1px solid rgba(0,0,0,0.1); 
  height: 81px;
}

.top-bar > .con {
  height: 100%;
}

.top-bar > .con > .logo {
  padding: 0 20px;
}

.top-bar > .con > .menu-1 > li:hover > a {
  text-decoration: underline;
}

.top-bar > .con > .btn-go-subit{
  background-color: #fede22;
  padding: 15px;
  border-radius: 25px;
  margin-right: 20px;

}

.section-top-img{
  'background-color: #ffef6b;
  'height: 648px;
}


* {margin:0;padding:0;}
	.section input[id*="slide"] {
    display:none;
}
	.section .slidewrap {
    max-width:1080px;margin:0 auto;
}
	.section .slidelist {
    white-space:nowrap;
    font-size:0;
    overflow:hidden;
    position:relative;
}
	.section .slidelist > li {
    display:inline-block;
    vertical-align:middle;
    width:100%;
    transition:all .5s;
}
	.section .slidelist > li > a {
    display:block;
    position:relative;
}
	.section .slidelist > li > a img {
    width:100%;
}
	.section .slidelist label {
    position:absolute;
    z-index:10;
    top:50%;
    transform:translateY(-50%);
    padding:50px;
    cursor:pointer;
}
	.section .slidelist .textbox {
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    line-height:1.6;
    text-align:center;
}
	.section .slidelist .textbox h3 {
    font-size:36px;
    color:#fff;
    transform:translateY(30px);
    transition:all .5s;
}
	.section .slidelist .textbox p {
    font-size:16px;
    color:#fff;
    opacity:0;
    transform:translateY(30px);
    transition:all .5s;
}
	
	/* input에 체크되면 슬라이드 효과 */
	.section input[id="slide01"]:checked ~ .slidewrap .slidelist > li {
    transform:translateX(0%);
}
	.section input[id="slide02"]:checked ~ .slidewrap .slidelist > li {
    transform:translateX(-100%);
}
	.section input[id="slide03"]:checked ~ .slidewrap .slidelist > li {
    transform:translateX(-200%);
}

	/* input에 체크되면 텍스트 효과 */
	.section input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox h3 {
    opacity:1;
    transform:translateY(0);
    transition-delay:.2s;
}
	.section input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox p {
    opacity:1;
    transform:translateY(0);
    transition-delay:.4s;
}
	.section input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox h3 {
    opacity:1;
    transform:translateY(0);
    transition-delay:.2s;
}
	.section input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox p {
    opacity:1;
    transform:translateY(0);
    transition-delay:.4s;
}
	.section input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox h3 {
    opacity:1;
    transform:translateY(0);
    transition-delay:.2s;
}
	.section input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox p {
    opacity:1;
    transform:translateY(0);
    transition-delay:.4s;
}

	/* 좌,우 슬라이드 버튼 */
	.slide-control > div {display:none;}
	.section .left {
    left:30px;
    background:url('http://blockview.co.kr/img/left.PNG') center center / 100% no-repeat;
}
	.section .right {
    right:30px;
    background:url('http://blockview.co.kr/img/right.PNG') center center / 100% no-repeat;
}
	.section input[id="slide01"]:checked ~ .slidewrap .slide-control > div:nth-child(1) {
    display:block;
}
	.section input[id="slide02"]:checked ~ .slidewrap .slide-control > div:nth-child(2) {
    display:block;
}
	.section input[id="slide03"]:checked ~ .slidewrap .slide-control > div:nth-child(3) {
    display:block;
}

	/* 페이징 */
	.slide-pagelist {
    text-align:center;
    padding:20px;
}
	.slide-pagelist > li {
    display:inline-block;
    vertical-align:middle;
}
	.slide-pagelist > li > label {
    display:block;
    padding:8px 30px;
    border-radius:30px;
    background:#ccc;
    margin:20px 10px;
    cursor:pointer;
}
	.section input[id="slide01"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(1) > label {
    background:#999;
}
	.section input[id="slide02"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(2) > label {
    background:#999;
}
	.section input[id="slide03"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(3) > label {
    background:#999;
}