/* BASIC css start */
#content {width:1400px;}
/* 섹션 공통 */
section{width: 100%;margin-bottom:100px}
section .sec_inner{width: 1400px; margin:0 auto}
section h2{font-family: 'Noto Sans KR', sans-serif; font-size: 28px ; font-weight: bold; letter-spacing: -.5px; color: #000; margin-bottom:35px}

/* sec1 */
#sec1{}
#sec1 .swiper{width: 100%;}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;}
#sec1 .swiper ul li a{display: block; width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper-pagination{width: auto; bottom: 25px; left: 75px;}
#sec1 .swiper-pagination-bullet{background-color:#fff !important; margin:0 6px; opacity: .6; transition: width .5s; transform: scale(1.2);}
#sec1 .swiper-pagination-bullet-active{width:25px; border-radius: 10px !important;  opacity: 1 !important;}

/* sec2 */
#sec2 .item_list1 .tumb{}
#sec2 .item_list1 .tumb a{border-radius: 50%; overflow: hidden;}
#sec2 .item_list1 .tumb a img{}

/* sec3 */
#sec3{height: 645px;margin-bottom:3px !important}
#sec3 .sec_inner{height: 100%;border-bottom:1px solid #eee; padding-bottom:100px}
#sec3 .sec_inner>div{height: 100%; }
#sec3 .sec_inner .sec3_L{float: left;}
#sec3 .sec_inner .sec3_L .thumb{}
#sec3 .sec_inner .sec3_L .thumb a{}
#sec3 .sec_inner .sec3_L .thumb a img{}
#sec3 .sec_inner .sec3_R{padding-top: 20px; width:810px; position:relative; float:right}
#sec3 .sec_inner .sec3_R h2{padding-bottom: 25px; border-bottom: 1px solid #eee; margin-bottom: 30px;}
#sec3 .sec_inner .sec3_R>p{font-family: 'Noto Sans KR', sans-serif; font-size: 17px; color: #595959; letter-spacing: -.5px; font-weight: 400; line-height: 1.8; margin-bottom: 30px;}
#sec3 .sec_inner .sec3_R ul{position:absolute; bottom:0; right:0}
#sec3 .sec_inner .sec3_R ul li{position: relative; margin-right:15px;}
#sec3 .sec_inner .sec3_R ul li:nth-child(3){margin-right:0 !important}
#sec3 .sec_inner .sec3_R ul li .info{padding:0 !important; position: absolute; width: 260px; height: 260px; top: 0; left: 0; background-color: rgba(255,255,255,.8); border: 2px solid #ccc;  opacity: 0; transition: opacity .2s}
#sec3 .sec_inner .sec3_R ul li .info a{display:block; width:100%; height:100%; display:flex; align-items: center; justify-content:center; flex-direction:column}
#sec3 .sec_inner .sec3_R ul li .info p{margin-bottom:10px !important}
#sec3 .sec_inner .sec3_R ul li .info.show1{opacity: 1;}

/* sec4 */
#sec4{}
#sec4 .sec_inner{border-top:1px solid #eee; padding-top:100px}
#sec4 .sec_inner h2{}
#sec4 .sec_inner .sec4_cate{}
#sec4 .sec_inner .sec4_cate ul{}
#sec4 .sec_inner .sec4_cate ul li{display: inline-block; margin-right:  25px;}
#sec4 .sec_inner .sec4_cate ul li a{border-bottom: 2px solid #fff; font-family: 'Josefin Sans', sans-serif; color:#bfbfbf; font-size: 20px; font-weight: 600; letter-spacing: -.3px;transition: color .4s, border-color .3s, font-weight .3s; display:inline-block; padding-bottom:4px}
#sec4 .sec_inner .sec4_cate ul li.on>a{border-color:#000 !important;  color: #000 !important;}
#sec4 .sec4_prd{}
#sec4 .sec4_prd>div{display: none; position:relative;padding-top: 40px;}
#sec4 .sec4_prd>div.show{display: block;}
#sec4 .swiper_btn_prev{position: absolute; top: -40px;  right: 40px;z-index: 10;cursor: pointer;width:40px; border-right:none !important ; height:40px; border:1px solid #eee; display:flex; align-items:center; justify-content:center}
#sec4 .swiper_btn_next{position: absolute; top: -40px;  right: 0;z-index: 10; cursor: pointer;width:40px; height:40px; border:1px solid #ccc; display:flex; align-items:center; justify-content:center}

/* sec5 */
#sec5{}
#sec5 .sec_inner{}
#sec5 .sec5_banner{width: 100%;}
#sec5 .sec5_banner a{display: block;width: 100%;}
#sec5 .sec5_banner a img{width: 100%;}

/* sec6*/
#sec6{margin-bottom:3px !important; margin-top:120px}
#sec6 .sec_inner{position:relative; padding-bottom:150px;border-bottom:1px solid #eee;}
#sec6 .sec_inner h2{}
#sec6 .sec_inner .sec6_cont{}
#sec6 .sec_inner .sec6_cont ul{}
#sec6 .sec_inner .sec6_cont ul li{height: 555px; width: 335px; border: 1px solid #e6e6e6;}
#sec6 .sec_inner .sec6_cont ul li>div{width: 100%;}
#sec6 .sec_inner .sec6_cont ul li .preview{width: 100%; height: 335px;}
#sec6 .sec_inner .sec6_cont ul li .preview a{display: block; width: 100%; height: 100%;}
#sec6 .sec_inner .sec6_cont ul li .preview a img{width: 100%; height: 100%; object-fit: cover;}
#sec6 .sec_inner .sec6_cont ul li .rv_info{height: 220px; padding: 20px 25px;}
#sec6 .sec_inner .sec6_cont ul li .rv_info p{margin-bottom: 14px;font-family: 'Noto Sans KR', sans-serif;}
#sec6 .sec_inner .sec6_cont ul li .rv_info p.username{font-family: 'Noto Serif KR', serif ; font-size: 14px; color: #b0afaf; font-weight: 500;}
#sec6 .sec_inner .sec6_cont ul li .rv_info p.title{font-size: 15px; color: #222; font-weight: 500;}
#sec6 .sec_inner .sec6_cont ul li .rv_info p.textarea{font-size: 14px;color: #999; line-height: 1.5;}
#sec6 .swiper_btn_prev{position: absolute; top: 0px;  right: 40px;z-index: 10;cursor: pointer;width:40px; border-right:none !important ; height:40px; border:1px solid #eee; display:flex; align-items:center; justify-content:center}
#sec6 .swiper_btn_next{position: absolute; top: 0px;  right: 0;z-index: 10; cursor: pointer;width:40px; height:40px; border:1px solid #ccc; display:flex; align-items:center; justify-content:center}
#sec6 .swiper-pagination{bottom:90px !important}
#sec6 .swiper-pagination-bullet-active{background-color:#000 !important; }

/* sec7 */
#sec7{}
#sec7 .sec_inner{border-top:1px solid #eee; padding-top:100px}
#sec7 .sec_inner .sec7_tit{position: relative;}
#sec7 .sec_inner .sec7_tit h2{float: left;  line-height: 40px;}
#sec7 .sec_inner .sec7_tit .plus{float: right;}
#sec7 .sec_inner .sec7_tit .plus a{display: inline-block;width: 40px; height: 40px; border: 1px solid #ccc; text-align: center;line-height: 36px;}
#sec7 .sec_inner .sec7_tit .plus a img{display: inline-block;}
#sec7 .sec_inner .sec7_tit span{float: right; display: inline-block;line-height: 40px; margin-right: 17px;font-family: 'Noto Serif KR', serif; font-size: 14px; color: #b0afaf; font-weight: 500;}

/* sec8 */
#sec8{}
#sec8 .sec_inner{}
#sec8 .sec_inner ul{width: 100%;}
#sec8 .sec_inner ul li{width: 685px; float: left;}
#sec8 .sec_inner ul li:first-child{margin-right:30px;}
#sec8 .sec_inner ul li a{display: block;width: 100%;}
#sec8 .sec_inner ul li a img{width: 100%;}
/* BASIC css end */