footer{
    border-top: 1px solid #f5f5f5;
}

#container{
    position: relative;
}

.s-top .vis{
    padding: 17.5rem 0 10rem;
    text-align: center;
}

.s-top.s1 .vis{
    background: url('../images/sub/s1_top.jpg') no-repeat center top;
    background-size: cover;
}
.s-top.s2 .vis{
    background: url('../images/sub/s2_top.jpg') no-repeat center top;
    background-size: cover;
}
.s-top.s3 .vis{
    background: url('../images/sub/s3_top.jpg') no-repeat center top;
    background-size: cover;
}
.s-top.s4 .vis{
    background: url('../images/sub/s4_top.jpg') no-repeat center top;
    background-size: cover;
}
.s-top.s5 .vis{
    background: url('../images/sub/s5_top.jpg') no-repeat center top;
    background-size: cover;
}

.s-top .vis h2{
    color: #fff;
    font-size: 6rem;
    font-weight: 600;
}

.s-top .subMenu{
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.s-top .subMenu a{
    margin: 0 3.5rem;
    position: relative;
    display: inline-block;
    line-height: 7rem;
    color: #666;
    font-size: 1.6rem;
}

.s-top .subMenu a.current{
    color: #f49f1a;
}

.s-top .subMenu a.current::before{
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f49f1a;
}

.location{
    display: none;
}

/* 회사소개 */
.about01{
    margin-bottom: 15rem;
}

.about01 .title{
    position: relative;
    text-align: center;
    font-size: 5.2rem;
    color: #111;
    font-weight: 600;
    line-height: 1.2;
}

.about01 .top{
    margin: 0 auto;
    max-width: 1200px;
    padding: 8rem 0 0;
}

.about01 .top .title::after{
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    bottom: 1.1rem;
    margin-left: .5rem;
    border-radius: 50%;
    background: #f49f1a;
}

.about01 .title b{
    font-weight: 600;
    color: #f49f1a;
}

.about01 .top .txt{
    padding: 0 2rem;
    margin:2.5rem 0 4.5rem;
    color: #666;
    font-size: 2rem;
    text-align: center;
	font-weight:500;
}

.about01 .top .img{
    overflow: hidden;
}

.about01 .mid{
    padding-top: 11rem;
    background: url('../images/sub/s11_bg.jpg') no-repeat center bottom;
}

.about01 .mid .img{
    max-width: 1200px;
    margin: 10rem auto 0;
    position: relative;
    overflow: hidden;
}

.about01 .mid .img .right{
    width: 50%;
    float: right;
    position: relative;
}

.about01 .mid .img .right::before{
    content: '';
    width: 53.1rem;
    height: 38.6rem;
    position: absolute;
    bottom: 5rem;
    margin-left: -84%;
    background: url('../images/sub/s11_illu.png') no-repeat  left top;
    background-size: 100%;
}

.about01 .mid .img .text{
    position: absolute;
    width: 45%;
    top: 14.5rem;
}

.about01 .stit{
    margin-bottom: 2.5rem;
    font-size: 3.6rem;
    color: #333;
    font-weight: 600;
    line-height: 1.3;
}

.about01 .stit span{
    display: block;
    color: #f49f1a
}

.about01 .stxt{
    font-size: 1.6rem;
    color: #666;
    line-height: 1.6;
}

.about01 .btm{
    overflow: hidden;
    position: relative;
}

.about01 .btm .img{
    width: 50%;
}

.about01 .btm img{
    width: 100%;
}

.about01 .btm .text{
    width: 50%;
    max-width: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 8.5rem;
}

.about01 .btm .stit{
    margin-bottom: 4rem;
}

.about01 .btm .stxt{
    width: 87%;
}

.about02 .top{
    max-width: 1200px;
    margin: 14rem auto 6rem;
    position: relative;
    padding-left: 53rem;
}

.about02 .top::before{
    content: '';
    width: 50.3rem;
    height: 51rem;
    position: absolute;
    left: -7px;
    top: -4rem;
    background: url('../images/sub/s12_img02.png') no-repeat left top;
    background-size: 100%;
    z-index: 5;
}

.about02 .top .head{
    margin-bottom: 3.5rem;
    color: #111;
    font-size: 4.5rem;
    font-weight: 300;
    letter-spacing: -1px;
}

.about02 .top .head span{
    position: relative;
    display: block;
    font-weight: 600;
}

.about02 .top .head span i{
    width: 2.2rem;
    height: 2.2rem;
    margin: 9px 0 0 3px;
    display: inline-block;
    vertical-align: middle;
    background: #f49f1a;
    border-radius: 50%;
}

.about02 .top .text{
    font-size: 2rem;
    color: #666;
}

.about02 .btm{
    padding: 6rem 0 10rem;
    background: #fafafa;
}

.about02 .btm .text{
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    padding-left: 53rem;
}

.about02 .btm .text::before{
    content: '';
    width: 65.6rem;
    height: 51.9rem;
    position: absolute;
    top: 5rem;
    left: -17%;
    background: url('../images/sub/s12_illu.png') no-repeat left top;
    background-size: 100%;
    z-index: 4
}

.about02 .btm .text .txt{
    margin-bottom: 1.5rem;
    color: #333;
    font-size: 1.6rem;
    line-height: 1.7;
    letter-spacing: -0.3px;
}

.about02 .btm .text .sign{
    margin-top: 3rem;
    text-align: right;
    color: #8d8d8d;
    font-size: 1.5rem;
}

.about02 .btm .text .sign b{
    font-weight: 600;
}

.about02 .btm .text .sign i{
    display: inline-block;
    width: 18rem;
    height: 7.2rem;
    margin-left: 1rem;
    font-size: 0;
    text-indent: -99999px;
    vertical-align: middle;
    background: url('../images/sub/s12_sign.png') no-repeat left top;
    background-size: 100%;
}

h3.Title{
    padding-top: 8.5rem;
    text-align: center;
    font-size: 4.5rem;
    color: #111;
    font-weight: 600;
}

.about03{
    padding-bottom: 13rem;
    background: url('../images/sub/s13_bg.jpg') no-repeat center bottom;
}

.history{
    margin-top: 4rem;
    padding-bottom: .1rem;
    position: relative;
}

.history::before{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 2rem;
    background: #e2e2e2;
}

.history dl{
    width: 100%;
    padding-left: 50%;
    margin-bottom: 8rem;
}

.history dl::after{
    content: '';
    display: block;
    clear: both;
}

.history dl.left{
    padding-left: 0;
    padding-right: 50%;
}

.history dl > *{
    float: left;
}

.history dl.left > *{
    float: right;
}

.history dl dt{
    position: relative;
    padding-left: 4.5rem;
    font-size: 4rem;
    letter-spacing: -0.2rem;
    color: #f49f1a;
    font-weight: 600;
    line-height: 1;
}

.history dl.left dt{
    padding-left: 0;
    padding-right: 4.5rem;
}

.history dl dt::before{
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    left: -1.1rem;
    top: 1.2rem;
    background: url('../images/sub/bul_history.png') no-repeat left top;
    background-size: 100%;
}

.history dl.left dt::before{
    left: auto;
    right: -1.1rem;
}

.history dl dd{
    margin-top: .8rem;
}

.history dl .his{
    overflow: hidden;
}

.history dl .his .month{
    width: 8.5rem;
    float: left;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    color: #f49f1a;
}

.history dl.left .his .month{
    float: right;
}

.history dl .his .event{
    float: left;
}
.history dl.left .his .event{
    float: right;
}

.history dl .his .event span{
    display: block;
    position: relative;
    padding-left: 1rem;
    font-size: 1.6rem;
    color: #333;
    line-height: 1.7;
}

.history dl .his .event span::before{
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 600;
    color: #f49f1a;
}

.history dl.left .his .event span{
    padding-left: 0;
    padding-right: 1rem;
}

.history dl.left .his .event span::before{
    left: auto;
    right: 0;
}

.about04{
    padding-bottom: 16rem;
    background: url('../images/sub/s14_btm.jpg') no-repeat left bottom;
}

.about04 .logo{
    margin-top: 4rem;
    padding: 11.5rem 0;
    text-align: center;
    background: url('../images/sub/s14_pat.gif') repeat left top;
    border:1px solid #e5e5e5;
}

.about04 .slogan{
    margin: 5rem 0 10rem;
    position: relative;
    padding: 15rem 1rem 13rem;
    text-align: center;
    background: url('../images/sub/s14_bg.jpg') no-repeat center top;
    background-size: cover
}

.about04 .slogan::before{
    content: '';
    width: 1px;
    height: 20rem;
    position: absolute;
    left: 50%;
    top: -12rem;
    background: #f49f1a;
}

.about04 .slogan .tit{
    font-size: 4.5rem;
    color: #111;
    font-weight: 600;
    line-height: 1.4;
}

.about04 .slogan .tit b{
    color: #f49f1a;
    font-weight: 600;
}

.about04 .slogan .txt{
    margin-top: 3.5rem;
    font-size: 2rem;
    color: #666;
    line-height: 1.6;
}

.about04 .color{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.about04 .color .tit{
    width: 30rem;
    font-size: 4rem;
    color: #111;
    line-height: 1.1;
    font-weight: 600;
}

.about04 .color .con{
    width: calc(100% - 30rem);
}

.about04 .color .con .txt{
    font-size: 1.6rem;
    color: #333;
}

.about04 .color .con .box{
    margin-top: 3rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.about04 .color .con .box p{
    width: 48%;
    padding: 1.8rem 3.5rem;
}

.about04 .color .con .box .color1{
    margin-right: 4%;
    background: #fcd22e;
}


.about04 .color .con .box .color2{
    background: #f39f19;
}

.about04 .color .con .box p span{
    display: block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.7;
}

.about05 .address{
    margin-top: 2rem;
    padding-top: 5.5rem;
    position: relative;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 300;
    color: #111;
}

.about05 .address::before{
    content: '';
    width: 1px;
    height: 3rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: rotate(45deg);
    background: #f49f1a;
}

.about05 .icon{
    margin:3.5rem 0 4rem;
    text-align: center;
}

.about05 .icon p{
    display: inline-block;
    font-size: 1.6rem;
    color: #333;
}

.about05 .icon p::before{
    content: '';
    width: 4.5rem;
    height: 4.5rem;
    display: inline-block;
    vertical-align: middle;
}

.about05 .icon .tel{
    margin-right: 9.6rem;
}

.about05 .icon .tel::before{
    background: url('../images/sub/s15_icon01.jpg') no-repeat left top;
    background-size: 100%;
}
.about05 .icon .fax::before{
    background: url('../images/sub/s15_icon02.jpg') no-repeat left top;
    background-size: 100%;
}

.about05 .icon p span{
    display: inline-block;
    margin: 0 1.3rem 0 .9rem;
    color: #f49f1a;
}

.about05 .map{
    height: 58rem;
}

/* 제품소개 */
.pr-wrap{
    margin: 4rem auto 5rem;
    position: relative;
}

.pr-wrap .product{
    text-align: center;
}

.pr-wrap .product a{
    display: inline-block;
    width: 15rem;
    height: 5.5rem;
    margin: 0 .6rem;
    color: #7e7e7e;
    text-align: left;
    font-size: 1.6rem;
    line-height: 5.3rem;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #c2c2c2;
}

.pr-wrap .product a.current{
    color: #fff;
    border: 1px solid #f49f1a;
    background: #f49f1a;
}

.pr-wrap .product a::before{
    content: '';
    width: 3.7rem;
    height: 3rem;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 1.5rem 0 2rem;
}

.pr-wrap .product a.pr01::before{
    background: url('../images/sub/s21_icon01.png') no-repeat left top;
    background-size: 100%;
}
.pr-wrap .product a.pr02::before{
    background: url('../images/sub/s21_icon02.png') no-repeat left top;
    background-size: 100%;
}
.pr-wrap .product a.pr03::before{
    background: url('../images/sub/s21_icon03.png') no-repeat left top;
    background-size: 100%;
}
.pr-wrap .product a.pr04::before{
    background: url('../images/sub/s21_icon04.png') no-repeat left top;
    background-size: 100%;
}

.pr-wrap .product a.current::before{
    background-position: left -3rem;
}

.pr-wrap .brochure{
    position: absolute;
    right: 0;
    top: 1rem;
    font-size: 1.5rem;
    color: #8f8f8f;
    line-height: 2.3;
}

.pr-wrap .brochure::before{
    content: '';
    width: 2.4rem;
    height: 2rem;
    display: inline-block;
    vertical-align: sub;
    margin: 0 5rem 0 .2rem;
    background: url('../images/sub/icon_down.png') no-repeat left top;
    background-size: 100%;
}

.pr-wrap .brochure::after{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #bebebe;
}

.list-wrap{
    margin-bottom: 14rem;
}

.list-wrap .list{
    overflow: hidden;
}

.list-wrap .list a{
    display: block;
    width: calc(95% / 3);
    float: left;
    margin-right: 2.5%;
    margin-bottom: 5rem;
}

.list-wrap .list a:nth-child(3n){
    margin-right: 0;
}

.list-wrap .list a .thumb{
    height: 32rem;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    border: 1px solid #e5e5e5;
}

.list-wrap .list a .thumb img{
    max-width: 100%;
}

.list-wrap .list a .tit{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2rem;
    text-align: center;
    color: #4e4e4e;
    font-size: 1.8rem;
}

.list-wrap .list a:hover .tit{
    color: #000;
    font-weight: 500;
}

.paging{
    margin-top: 6rem;
    text-align: center;
}

.paging a{
    width: 4.5rem;
    height: 4.5rem;
    display: inline-block;
}

.paging .num{
    font-size: 1.7rem;
    font-weight: 500;
    color: #111;
    font-family: 'Roboto';
    line-height: 4.2rem;
    border: 2px solid #fff;
}

.paging .num.current{
    color: #f49f1a;
    border: 2px solid #f49f1a;
}

.paging .arrow01,
.paging .arrow02{
    width: 3.5rem;
    font-size: 0;
    text-indent: -99999px;
}

.paging .arrow01{
    background: url('../images/sub/arr_prev.gif') no-repeat center center;
}
.paging .arrow02{
    background: url('../images/sub/arr_first.gif') no-repeat center center;
}

.paging .prev{
    margin-right: 1.8rem;
}

.paging .next{
    transform: rotate(180deg);
    margin-left: 1.8rem
}

.paging .last{
    transform: rotate(180deg);
}

#popup{
    display: none;
    width: 95%;
    max-width: 650px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 30px;
    z-index: 300;
    border: 5px solid #f49f1a;
/*	max-height : 80%;*/
}



#popup .close{
    width: 2.8rem;
    height: 2.8rem;
    position: absolute;
    right: 0;
    top: -4.5rem;
    font-size: 0;
    text-indent: -99999px;
    background: url('../images/sub/close.png') no-repeat left top;
    background-size: 100%;
    cursor: pointer;
}

#popup .title{
    padding: 1.5rem 0;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    background: #f49f1a;
    border-radius: 22px 22px 0 0;
	word-break : break-all;
}

#popup .cont{
    max-height: calc(100vh - 20rem);
    overflow-y: auto;
    overflow-x: hidden;
	border-radius : 50px;
}

#popup .cont .img{
    padding: 3rem 0;
    text-align: center;
}

#popup .cont .img img{
    /* min-width: 250px; */
	max-width: 50%;
	max-height: 400px;
}

#popup .cont .text{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 3rem 5.5rem;
    background: #fcfcfc;
    border-bottom: 1px solid #e2e2e2;
}

#popup .cont .text:last-child{
    border-bottom: 0;
    border-radius: 0 0 26px 26px;
}

#popup .cont .text .tit{
    width: 10rem;
    font-size: 1.6rem;
    color: #f49f1a;
}

#popup .cont .text .txt{
    font-size: 1.6rem;
    color: #454545;
}

#popup .cont .text > div{
    font-size: 1.6rem;
    color: #454545;
	word-break:break-all;
}

.overlay{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background: #000;
    z-index: 299;
}

/* 치즈이야기 */
.story{
    overflow: hidden;
    margin: 3.5rem auto 7rem;
    border: 5px solid #fcd22e;
    border-radius: 20px;
    box-shadow: 0 4px 9px 0 #9c9c9c4a;
}

.story .img{
/*    width: 50%;*/
    float: left;
	width : 595px;
	height : 500px;
}

.story .img img{
    width: 100%;
	height : 500px;
}

.story .text{
    width: 50%;
    float: right;
    padding: 7rem 4.3rem 3.5rem 5rem;
}

.story .text .title{
    color: #363636;
    font-size: 2.5rem;
    font-weight: 600;
	overflow : hidden;
}

.story .text .title::after{
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    margin: 3.6rem 0;
    background: #d9d9d9;
}

.story .text .txt{
    overflow: hidden;
    height: 23.8rem;
    font-size: 1.6rem;
    color: #474747;
    line-height: 1;
	word-break: break-all;
}

.search{
    margin: 3rem 0 4rem;
    float: right;
    overflow: hidden;
}

.search select{
    float: left;
    width: 11rem;
    height: 5rem;
    padding: 0 1.8rem;
    font-size: 1.6rem;
    color: #666;
    border: 0;
    border-radius: 0;
    background: url('../images/sub/sch_select.gif') no-repeat right center #eee;
}

.search input{
    width: 23rem;
    height: 5rem;
    float: left;
    font-size: 1.6rem;
    color: #666;
    background: #eee;
    border: 0;
    border-radius: 0;
}

.search button{
    width: 12rem;
    height: 5rem;
    display: block;
    float: left;
    margin-left: 1rem;
    color: #fff;
    line-height: 5rem;
    font-weight: 600;
    font-size: 1.6rem;
    background: #414141;
}

.board{
    border-top: 2px solid #f49f1a;
}

.board dl{
    border-bottom: 1px solid #ccc;
}

.board dl a{
    display: flex;
    padding: 2.3rem 0;
}

.board dl a:hover,
.board dl a:focus{
    background: #f8f8f8;
}

.board dl a .num{
    width: 9rem;
    text-align: center;
    font-size: 1.6rem;
    color: #666;
}

.board dl a .num span.notice{
	background-color: #f49f1a;
	color: #fff;
	padding : 0.5rem 1.2rem;
	border-radius : 30px;
	font-weight: 600;
}
.board dl a .tit{
    width: 91rem;
    padding: 0 1rem;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 1.6rem;
}

.board dl a .down{
    width: 5rem;
}

.board dl a .down i{
    display: block;
    margin: 0 auto;
    width: 2.1rem;
    height: 1.8rem;
    font-size: 0;
    text-indent: -99999px;
    background: url('../images/sub/icon_down.png') no-repeat left top;
    background-size: 100%;
}

.board dl a .date{
    width: 15rem;
    text-align: center;
    color: #999;
    font-weight: 300;
    font-size: 1.6rem;
}

.board dl a .view{
    width: 9rem;
    text-align: center;
    color: #999;
    font-weight: 300;
    font-size: 1.6rem;
}

.brd-view{
    margin: 8rem auto 14rem;
}

.brd-view .title{
    padding: 2rem 0 2rem 1rem;
    overflow: hidden;
    border-top: 2px solid #f49f1a;
    border-bottom: 1px solid #e2e2e2;
}

.brd-view .title h4{
    width: calc(100% - 10rem);
    float: left;
    font-size: 1.9rem;
    color: #111;
    font-weight: 500;
    line-height: 1.4;
	word-break:break-all;
}

.brd-view .title .date{
    width: 10rem;
    margin-top: 2px;
}

.brd-view .date{
    float: right;
    display: inline-block;
    font-size: 1.6rem;
    color: #999;
    font-family: 'Roboto';
}

.brd-view .cont{
    min-height: 40rem;
    padding: 3rem 1rem 10rem;
    font-size: 1.6rem;
    color: #333;
}

.brd-view .cont img{
    display: block;
    margin: 1rem 0;
    max-width: 100%;
}

.brd-view .cont div > img{
	height : auto !important;
}

.brd-view .cont > div{
	word-break : break-all;
}
.brd-view .attached{
    padding: 1.3rem 0;
    background: #f7f7f7;
}

.brd-view .attached .txt{
    position: relative;
    float: left;
    width: 9rem;
    font-size: 1.5rem;
    color: #333;
    font-weight: 500;
    text-align: center;
}

.brd-view .attached .txt::after{
    content: '';
    width: 1px;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5rem;
    background: #767676;
}

.brd-view .attached a{
    display: inline-block;
    margin-left: 1.7rem;
    font-size: 1.5rem;
    color: #666;
}

.brd-view .attached a::after{
    content: '';
    width: 2.3rem;
    height: 2.3rem;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1.7rem;
    background: url('../images/sub/icon_down2.gif') no-repeat left top;
    background-size: 100%;
}

.brd-view .prevnext{
    margin-top: 2rem;
    border-top: 1px solid #e2e2e2;
}

.brd-view .prevnext dl{
    overflow: hidden;
    padding: 0 1rem;
    border-bottom: 1px solid #e2e2e2;
}

.brd-view .prevnext dt{
    float: left;
    position: relative;
    width: 9.5rem;
    color: #333;
    font-size: 1.7rem;
    line-height: 5.9rem;
    font-weight: 500;
}

.brd-view .prevnext dt::after{
    content: '';
    width: 1.4rem;
    height: 1.5rem;
    position: absolute;
    right: .8rem;
    top: 40%;
    transform: rotate(90deg) translateY(-50%);
    background: url('../images/sub/arr_prev.gif') no-repeat left top;
    background-size: 100%;
}

.brd-view .prevnext .next dt::after{
    right: -.7rem;
    transform: rotate(-90deg) translateY(-50%);
}

.brd-view .prevnext dd{
    overflow: hidden;
}

.brd-view .prevnext a{
    display: block;
    overflow: hidden;
    padding-left: 4rem;
}

.brd-view .prevnext a p{
    float: left;
    width: calc(97% - 10rem);
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.6rem;
    color: #666;
    line-height: 5.9rem;
}

.brd-view .prevnext a .date{
    width: 10rem;
    line-height: 5.9rem;
}

.brd-view .prevnext .disabled a{
    opacity: .6;
    cursor: inherit;
}

.btn-list{
    display: block;
    margin: 5rem auto 0;
    width: 21rem;
    height: 6rem;
    color: #fff;
    font-size: 1.8rem;
    line-height: 6rem;
    text-align: center;
    background: #f49f1a;
    border-radius: 3px;
}
.btn-sub{
    display: block;
    margin: 8rem auto 0;
    width: 23rem;
    height: 6rem;
    color: #fff;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 6rem;
    text-align: center;
    background: #f49f1a;
    border-radius: 30px;
}

.write{
    margin: 0 auto 14rem;
}

.write .policy-wrap{
    margin-top: 1rem;
    margin-bottom: 5rem;
}

.write .policy-wrap .tit{
    font-size: 1.8rem;
    color: #111;
}

.write .policy-wrap .policy{
    height: 19rem;
    margin: 2.5rem 0 1.5rem;
    overflow-y: auto;
    border: 1px solid #d7d7d7;
    border-top: 2px solid #f49f1a;
}

.write .policy-wrap .policy pre{
    padding: 2rem 3rem;
    white-space: pre-wrap;
    line-height: 1.6;
    font-family: 'Noto Sans KR', 'NanumGothic', 'Malgun Gothic', 'Open Sans', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    color: #5c5c5c;
}

.write .checkbox input{
    display: none;
}

.write .checkbox input + label{
    font-size: 1.6rem;
    color: #111;
}

.write .checkbox input + label::before{
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 1rem 0 0;
    background: url('../images/sub/checkbox.png') no-repeat left top;
    background-size: 100%;
}

.write .checkbox input:checked + label::before{
    background-position:  left -1.5rem;
}

.write .form{
    border-top: 2px solid #f49f1a;
}

.write .form dl{
    width: 100%;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border-bottom: 1px solid #dedede;
}

.write .form dt{
    width: 24rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding-left: 3rem;
    font-size: 1.8rem;
    color: #111;
    background: #f6f6f6;
}

.write .form dd{
    width: calc(100% - 24rem);
    padding: 1.8rem 3rem 1.8rem 2.3rem;
}

.write .form dd input{
    max-width: 62rem;
    width: 100%;
}
.write .form dd textarea{
    width: 100%;
    height: 32rem;
}

.write .form .number,
.write .form .email{
    max-width: 62rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.write .form .number span{
    width: 12rem;
    text-align: center;
    line-height: 2.3;
}

.write .form .email span{
    width: 10rem;
    line-height: 2.3;
    color: #848484;
    text-align: center;
}

.write .form .email select{
    width: 63rem;
    margin-left: .8rem;
}

.write .form .file-wrap{
    padding: 1rem 2rem;
    border-top: 1px solid #333;
    border-bottom: 1px solid #d3d3d3;
}

.write .form .file-wrap .first{
    overflow: hidden;
}

.write .form .file-wrap .first input{
    width: 40rem;
    float: left;
}

.write .form .file-wrap input{
    margin: .5rem 0;
}

.write .form .file-wrap .first .button{
    float: left;
}

.write .form .file-wrap .first .button button{
    display: inline-block;
    width: 3rem;
    height: 3rem;
    font-size: 0;
    text-indent: -99999px;
    border: 1px solid #d1d1d1;
}

.write .form .file-wrap .first .button button.add{
    background: url('../images/sub/icon_plus.png') no-repeat left top;
    background-size: 100%;
}
.write .form .file-wrap .first .button button.delete{
    background: url('../images/sub/icon_sub.png') no-repeat left top;
    background-size: 100%;
}

.write .form .ps{
    margin-top: 1rem;
    color: #999;
    font-size: 1.4rem;
}

/* 인재채용 */
.recruit01{
    padding-bottom: 12rem;
    background: url('../images/sub/s51_bg.jpg') no-repeat center bottom;
}

.recruit01 .head{
    margin: 4rem 0 6rem;
    text-align: center;
    font-size: 3rem;
    font-weight: 300;
    color: #4e4e4e;
}

.recruit01 .head b{
    font-weight: 600;
    color: #f49f1a
}

.recruit01 .cha{
    overflow: hidden;
}

.recruit01 .cha li{
    width: 49%;
    float: left;
    position: relative;
    margin-bottom: 3rem;
    border-bottom: 1px solid  #f49f1a;
    border-top: 1px solid #f49f1a;
}

.recruit01 .cha li:nth-child(even){
    margin-left: 2%;
}

.recruit01 .cha li .icon{
    display: block;
    max-width: 17rem;
    width: 34%;
    padding: 5rem 2rem 5rem 0;
    background: #f8f8f8;
    border-radius: 0 50% 50% 0;
}

.recruit01 .cha li .icon img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.recruit01 .cha li .right{
    position: absolute;
    width: calc(100% - 30%);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 2rem 0 3.5rem;
}

.recruit01 .cha li .right .tit{
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #111;
    font-weight: 600;
}

.recruit01 .cha li .right .txt{
    font-size: 1.7rem;
    color: #636363;
    font-weight: 300;
}

.recruit02{
    padding-bottom: 11rem;
    background: url('../images/sub/s52_bg.jpg') no-repeat center bottom;
}

.recruit02 .welfare{
    overflow: hidden;
    margin-top: 3.5rem;
}

.recruit02 .welfare dl{
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2rem;
    position: relative;
    border: 1px solid #f49f1a;
    background: #fbfbfb;
}

.recruit02 .welfare dl.yellow{
    border: 1px solid #fcd22e;
}

.recruit02 .welfare dl:nth-child(even){
    margin-right: 0;
}

.recruit02 .welfare dl dt{
    width: 34%;
    max-width: 17rem;
    padding: 4.4rem 0 4rem;
    font-size: 1.4rem;
    color: #111;
    text-align: center;
    background: #fff;
	font-weight : 600;
}

.recruit02 .welfare dl dt span{
    display: block;
    color: #535353;
    font-size: 1.5rem;
    font-weight: 300;
}

.recruit02 .welfare dl dt::before{
    content: '';
    width: 6.6rem;
    height: 6.2rem;
    display: block;
    margin: 0 auto 1.7rem;
}

.recruit02 .welfare dl dt.icon01::before{
    background: url('../images/sub/s52_icon1.jpg') no-repeat left top;
    background-size: 100%;
}
.recruit02 .welfare dl dt.icon02::before{
    background: url('../images/sub/s52_icon2.jpg') no-repeat left top;
    background-size: 100%;
}
.recruit02 .welfare dl dt.icon03::before{
    background: url('../images/sub/s52_icon3.jpg') no-repeat left top;
    background-size: 100%;
}
.recruit02 .welfare dl dt.icon04::before{
    background: url('../images/sub/s52_icon4.jpg') no-repeat left top;
    background-size: 100%;
}
.recruit02 .welfare dl dt.icon05::before{
    background: url('../images/sub/s52_icon5.jpg') no-repeat left top;
    background-size: 100%;
}
.recruit02 .welfare dl dt.icon06::before{
    background: url('../images/sub/s52_icon6.jpg') no-repeat left top;
    background-size: 100%;
}
.recruit02 .welfare dl dt.icon07::before{
    margin-bottom: 0;
    background: url('../images/sub/s52_icon7.jpg') no-repeat left top;
    background-size: 100%;
}

.recruit02 .welfare dl dd{
    position: absolute;
    width: calc(100% - 30%);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 4rem 0 6rem;
}

.recruit02 .welfare dl dd li{
    position: relative;
    padding-left: 1.3rem;
    margin-bottom: .3rem;
    color: #242424;
    font-size: 1.7rem;
    font-weight: 300;
}

.recruit02 .welfare dl dd li::before{
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #f49f1a;
}

.recruit02 .welfare dl.yellow dd li::before{
    color: #fcd22e;
}

.recruit03{
    margin-bottom: 14rem;
}

.recruit03 .process{
    max-width: 91.2rem;
    margin: 5rem auto;
    overflow: hidden;
}

.recruit03 .process dl{
    width: calc(92% / 3);
    float: left;
    padding: 2rem 0 5.2rem;
    text-align: center;
    border:1px solid #d7d7d7;
}

.recruit03 .process dl:nth-child(2){
    margin: 0 4%;
}

.recruit03 .process dl dt{
    position: relative;
    font-size: 12rem;
    font-family: 'Nanum Gothic';
    color: #fef6ef;
    letter-spacing: -0.6rem;
    line-height: 1.3;
    font-weight: 900;
}

.recruit03 .process dl dt::after{
    content: '';
    width: 8.8rem;
    height: 7.1rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.recruit03 .process dl dt.pro01::after{
    background: url('../images/sub/s53_img01.png') no-repeat left top;
    background-size: 100%;
}
.recruit03 .process dl dt.pro02::after{
    background: url('../images/sub/s53_img02.png') no-repeat left top;
    background-size: 100%;
}
.recruit03 .process dl dt.pro03::after{
    background: url('../images/sub/s53_img03.png') no-repeat left top;
    background-size: 100%;
}

.recruit03 .process dl dd{
    margin-top: 2.5rem;
    font-size: 1.7rem;
    color: #111;
}

.legal{
    margin-bottom: 10rem;
    padding-top: 6.5rem;
}

.legal .box{
    height: 61rem;
    overflow-y:auto;
    padding: 4.5rem 3rem;
    margin-top: 4.5rem;
    border: 1px solid #d7d7d7;
    border-top: 2px solid #f49f1a;
}

.legal .box pre{
    white-space: pre-wrap;
    line-height: 1.7;
    font-family: 'Noto Sans KR', 'NanumGothic', 'Malgun Gothic', 'Open Sans', 'Arial', sans-serif;
    font-size: 1.6rem;
    color: #666;
}

.email-wrap{
    margin: 25rem auto 22rem;
    text-align: center;
}

.email-wrap .txt{
    margin-top: 4.5rem;
    font-size: 2.5rem;
    color: #111;
    font-weight: 300;
}

.email-wrap .txt::before{
    content: '';
    width: 4rem;
    height: 1px;
    display: block;
    margin: 0 auto 4.5rem;
    transform: rotate(-45deg);
    background: #f5a72c;
}

.email-wrap .date{
    margin-top: 6rem;
    color: #f49f1a;
    font-size: 1.8rem;
    font-weight: 500;
}

.go-top{
    display: none;
    width: 70px;
    height: 70px;
    position: fixed;
    right: 3%;
    bottom: 30px;
    font-size: 0;
    text-indent: -99999px;
    background: url(../images/common/goTop.png) no-repeat left top;
    background-size: 100%;
    z-index: 99;
}

.go-top.on {
    position: absolute;
    bottom: 240px;
}




@media screen and (max-width: 1200px){

    .about01 .top .img img{
        width: 120%;
    }
    
    .about01 .mid .img .right img{
        width: 100%;
    }
    
    .about01 .mid .img .right::before{
        width: 43rem;
        height: 31rem;
        bottom: 0;
    }
    
    .about01 .mid .img .text{
        top: 7rem;
        left: 2rem;
    }

    .about01 .btm .img{
        float: left;
    }

    .about01 .btm .text{
        float: right;
        position: relative;
        left: auto;
        top: auto;
        transform: translateY(0);
        padding: 3rem 1rem 3rem 4rem;
    }

    .about02 .top{
        padding-left:40%;
    }

    .about02 .top::before{
        width: 36%;
        left:1rem;
    }
    
    .about02 .btm .text{
        padding: 0 1rem 0 40%;
    }

    .go-top{
        width: 5rem;
        height: 5rem;
        right: 0;
    }
    
    .go-top.on{
        bottom: 296px;
    }
    
}


@media screen and (max-width: 900px){
    #popup .cont .text .tit{
		width:5rem;
	}
    header h1 .logo01{
        display: none;
    }
    header h1 .logo02{
        display: block;
    }
    
    header .btn-gnb i{
        background: #51504f;
    }

    .s-top{
        padding-top: 8rem;
    }
    
    .s-top .vis{
        padding:9rem;
    }
    
    .about01 .title{
        font-size: 3.8rem;
    }
    
    .about01 .mid{
        padding-top: 8rem;
    }
    
    .about01 .mid .img{
        margin-top: 6rem;
    }
    
    .about01 .mid .img .right::before{
        width: 33rem;
        height: 24rem;
        bottom: 2rem;
        margin-left: -75%;
    }
    
    .about01 .stit{
        font-size: 3rem;
    }
    
    .about01 .stxt{
        font-size: 1.5rem;
        line-height: 1.6;
    }
    
    .history dl dt{
        font-size: 3.5rem;
    }
    
    .history dl .his .event span{
        margin-top: .2rem;
        font-size: 1.4rem;
    }
    
    .about04 .logo p img{
        width: 23rem;
    }
    
    .about04 .slogan .tit{
        font-size: 3.8rem;
    }
    
    /* 제품소개 */
    .pr-wrap .product a{
        width: 13rem;
        height: 4.5rem;
        font-size: 1.4rem;
        line-height: 4.3rem;
    }
    
    .pr-wrap .brochure{
        position: relative;
        right: auto;
        top: auto;
        display: block;
        margin-top: 1.5rem;
        text-align: right;
        font-size: 1.3rem;
    }
    
    .pr-wrap .brochure::before{
        width: 1.8rem;
        height: 1.5rem;
    }
    
    .pr-wrap .brochure::after{
        width: 10.6rem;
        left: auto;
        right: 0;
    }
    
    .list-wrap .list a .thumb{
        height: 22rem;
    }
    
    /* 치즈이야기 */
    .story .img{
        width: 100%;
        float: none;
		height : auto;
    }

    .story .text{
        width: 100%;
        float: none;
        padding: 6rem 4rem 5rem;
    }

    .story .text .txt{
      /*  height: auto;*/
	  max-height : 95px
    }

    .write .form dt{
        width:17rem;
    }

    .write .form dd{
        width: calc(100% - 17rem);
    }
    
    .recruit01 .cha li .icon img{
        width: 60%;
    }

    .recruit02 .welfare dl dd{
        padding: 0 3rem 0 4rem;
    }
    
    .recruit02 .welfare dl dd li{
        padding-left: 1rem;
        font-size: 1.5rem;
    }

    .recruit02 .welfare dl dd li::before{
        font-size: 1.3rem;
    }

}



/* 모바일 */
@media screen and (max-width: 768px){
	.story .img img{
		width: 100%;
		height : auto;
	}
    .s-top{
        padding-top: 4.5rem;
    }
    
    .s-top .vis{
        padding: 4.6rem;
    }

    .s-top.s1 .vis{
        background: url('../images/sub/m_s1_top.jpg') no-repeat center top;
        background-size: cover;
    }

    .s-top .vis h2{
        font-size: 2.7rem;
    }

    .s-top .subMenu{
        display: none;
    }

    .location{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .location .home{
        width: 3.8rem;
        height: 3.8rem;
        font-size: 0;
        text-indent: -99999px;
        display: block;
        background: url('../images/sub/icon_home.png') no-repeat center center #f29216;
        background-size: 14px;
    }

    .location .dropdown{
        width: calc(50% - 19px);
        position: relative;
        float: left;
    }

    .location .dropdown .drop-btn{
        width: 100%;
        height: 3.8rem;
        text-align: center;
        font-size: 1.2rem;
        color: #666;
        line-height: 3.8rem;
        border-bottom: 1px solid #ececec;
    }

    .location .dropdown.fr .drop-btn{
        color: #f49f1a
    }

    .location .dropdown.fr .drop-btn{
        border-right:  1px solid #ececec;
    }

    .location .dropdown .drop-btn::after{
        content: '';
        width: .9rem;
        height: .6rem;
        position: absolute;
        top: 1.7rem;
        right: 1rem;
        background: url('../images/common/m_gnb.png') no-repeat left top;
        background-size: 100%;
    }

    .location .dropdown.fr .drop-btn::after{
        background: url('../images/common/m_gnb_on.png') no-repeat left top;
        background-size: 100%;
    }

    .location .dropdown .drop-con{
        display: none;
        position: absolute;
        width: calc(100% + 1px);
        left: -1px;
        top: 3.75rem;
        padding: 10px 0;
        z-index: 50;
        background: #fff;
        border: 1px solid #c4c2c1;
        border-top: 0;
    }
    .location .dropdown:hover .drop-con{
        display: block;
    }

    .location .dropdown .drop-con a{
        display: block;
        padding: 0 12px;
        color: #666;
        font-size: 1rem;
        line-height: 2;
    }

    .location .dropdown .drop-con a:hover{
        color: #000;
        background: #eee;
    }
    
    .about01{
        margin-bottom: 3rem;
    }
    
    .about01 .top{
        padding:4rem 0 0;
    }
    
    .about01 .title{
        font-size: 2.5rem;
        font-weight: 600;
    }
    
    .about01 .top .title::after{
        width: 1rem;
        height: 1rem;
        bottom: .5rem;
    }
    
    .about01 .title b{
        display: block;
        font-weight: 600;
    }
    
    .about01 .top .txt{
        padding: 0 3rem;
        margin: 1.5rem 0 3rem;
        font-size: 1.2rem;
    }
    
    .about01 .top .img img{
        width: 205%;
        margin-left: -10%
    }
    
    .about01 .mid{
        padding-top: 5rem;
        padding-bottom: 3rem;
        background: url(../images/sub/s11_bg.jpg) no-repeat 37% 210%;
        background-size: 260%;
    }
    
    .about01 .mid .img{
        margin-top: 3rem;
    }
    
    .about01 .mid .img .right{
        width: 100%;
        float: none;
        margin-bottom: 3rem;
    }
    
    .about01 .mid .img .right::before{
        width: 22rem;
        height: 16rem;
        bottom: -3rem;
        margin-left: -18%
    }
    
    .about01 .mid .img .right img{
        float: right;
        width: 65%;
    }
    
    .about01 .mid .img .text{
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        padding: 0 2rem;
    }
    
    .about01 .stit{
        margin-bottom: 1.5rem;
        font-size: 1.9rem;
    }
    
    .about01 .stxt{
        font-size: 1rem;
        letter-spacing: -0.5px;
    }
    
    .about01 .btm .img{
        width: 100%;
        float: none;
    }
    
    .about01 .btm .text{
        width: 100%;
        float: none;
        padding: 3rem  0 3rem 2rem;
    }
    
    .about01 .btm .stit{
        margin-bottom: 2rem;
    }
    
    .about02 .top{
        margin: 9rem 0 4rem;
        padding:20rem 2rem 0;
    }
    
    .about02 .top::before{
        width: 70%;
        height: 25rem;
    }
    
    .about02 .top .head{
        margin-bottom: 1.5rem;
        font-size: 1.75rem;
    }
    
    .about02 .top .head span i{
        width: 1rem;
        height: 1rem;
        margin-top: 3px;
        margin-left: 6px;
    }
    
    .about02 .top .text{
        font-size: 1.2rem;
    }
    
    .about02 .btm{
        padding: 4rem 0 5rem;
    }
    
    .about02 .btm .text{
        padding: 0 2rem;
    }
    
    .about02 .btm .text::before{
        width: 110%;
        height: 27.9rem;
        top: auto;
        bottom: -40px;
        left: -37%;
    }
    
    .about02 .btm .text .txt{
        font-size: 1rem;
    }
    
    .about02 .btm .text .sign{
        font-size: 1.1rem;
    }
    
    .about02 .btm .text .sign i{
        width: 8rem;
        height: 3.2rem;
    }
    
    h3.Title{
        padding-top: 4rem;
        font-size: 2.4rem;
    }
    
    .about03{
        padding-bottom: 6rem;
    }
    
    .history{
        padding-bottom: 0;
    }
    
    .history::before{
        left: 2.5rem;
    }
    
    .history dl,
    .history dl.left{
        padding: 0 0 0 2.5rem;
        margin-bottom: 4rem;
    }
    
    .history dl dt,
    .history dl.left dt{
        float: none;
        padding-left: 1.8rem;
        font-size: 2.4rem;
        line-height: 1.2;
    }
    
    .history dl dt::before,
    .history dl.left dt::before{
        width: 1.5rem;
        left: -0.74rem;
        top: 0.85rem;
    }
    
    .history dl dd,
    .history dl.left dd{
        float: none;
    }
    
    .history dl .his .month,
    .history dl.left .his .month{
        float: left;
        font-size: 1.3rem;
    }
    
    .history dl.left .his .event{
        float: left;
    }
    
    .history dl .his .event span{
        font-size: 1.1rem;
    }
    
    .history dl.left .his .event span{
        padding-left: 1rem;
    }
    
    .history dl.left .his .event span::before{
        right: auto;
        left: 0;
    }
    
    .about04{
        padding-bottom: 8rem;
        background-size: 85%;
    }
    
    .about04 .logo{
        padding: 5rem 0;
    }
    
    .about04 .logo p img{
        width: 13rem;
    }
    
    .about04 .slogan{
        margin-bottom: 5rem;
        padding: 7rem 1rem 6rem
    }
    
    .about04 .slogan::before{
        height: 10rem;
        top: -7rem;
    }
    
    .about04 .slogan .tit{
        font-size: 1.9rem;
    }
    
    .about04 .slogan .txt{
        margin-top: 2.5rem;
        font-size: 1.3rem;
    }
    
    .about04 .color{
        display: block;
    }
    
    .about04 .color .tit{
        width: 100%;
        font-size: 2.2rem;
    }
    
    .about04 .color .con{
        width: 100%;
    }
    
    .about04 .color .con .txt{
        margin-top: 2rem;
        font-size: 1.1rem;
    }
    
    .about04 .color .con .box{
        margin-top: 2rem;
    }
    
    .about04 .color .con .box p{
        padding: 1.0rem 1.5rem;
    }
    
    .about04 .color .con .box p span{
        font-size: 1rem;
    }

    .about05 .address{
        padding: 3.2rem 1rem 0;
        font-size: 1.6rem;
    }

    .about05 .address::before{
        height: 2rem;
    }

    .about05 .icon{
        margin:2rem 0 3rem;
    }

    .about05 .icon p{
        display: block;
        font-size: 1.2rem;
    }

    .about05 .icon p::before{
        width: 2.5rem;
        height: 2.5rem;
    }

    .about05 .icon .tel{
        margin-bottom: 1rem;
        margin-right: 0;
    }

    .about05 .map{
        height: 30rem;
    }

    /* 제품소개 */
    .pr-wrap{
        margin: 2rem auto 3rem;
    }
    
    .pr-wrap .product a{
        width: 6.4rem;
        height: 2.7em;
        margin: 0 .1rem;
        font-size: 1rem;
        line-height: 2.7rem;
    }
    
    .pr-wrap .product a::before{
        width: 1.7rem;
        height: 1.4rem;
        margin: -5px 0.5rem 0 .7rem;
    }
    
    .pr-wrap .product a.current::before{
        background-position: left -1.4rem;
    }
    
    .pr-wrap .brochure{
        margin-top: 1rem;
        font-size: 1rem;
    }
    
    .pr-wrap .brochure::before{
        width: 1.4rem;
        height: 1.2rem;
        margin-right: 3rem;
    }
    
    .pr-wrap .brochure::after{
        width: 7.3rem;
    }
    
    .list-wrap{
        margin-bottom: 7rem;
    }
    
    .list-wrap .list a,
    .list-wrap .list a:nth-child(3n){
        width: calc(97% / 2);
        margin-right: 3%;
        margin-bottom: 2.5rem;
    }
    
    .list-wrap .list a:nth-child(2n){
        margin-right: 0;
    }
    
    .list-wrap .list a .thumb{
        height: 10rem;
    }
    
    .list-wrap .list a .tit{
        margin-top: 1rem;
        font-size: 1.3rem;
    }
    
    .paging{
        margin-top: 2rem;
    }
    
    .paging a{
        width: 3rem;
        height: 3rem;
    }
    
    .paging .num{
        font-size: 1.1rem;
        line-height: 2.8rem;
    }
    
    .paging .arrow01, 
    .paging .arrow02{
        width: 2.2rem;
        background-size: 40%;
    }
    
    .paging .prev{
        margin-right: .5rem;
    }
    
    .paging .next{
        margin-left: .5rem;
    }
    
    #popup{
        overflow: hidden;
    }
    
    #popup .close{
        width: 1.5rem;
        height: 1.5rem;
        top: .8rem;
        right: 1.1rem;
    }
    
    #popup .title{
        padding: .8rem 3rem;
        font-size: 1.5rem;
        line-height: 1.2;
        border-radius:0;
    }
    
    #popup .cont .img{
        padding: 0;
    }
    
    #popup .cont .img img{
        min-width: auto;
    }
    
    #popup .cont .text{
        padding: 2rem 2.5rem;
    }
    
    #popup .cont .text .tit{
        font-size: 1rem;
    }

    #popup .cont .text .txt{
        font-size: 1rem;
    }

	#popup .cont .text > div{
		font-size : 1rem;
	}
    
    /* 치즈이야기 */
    .story{
        margin-bottom: 5rem;
    }
    
    .story .text{
        padding: 2.5rem;
    }
    
    .story .text .title{
        font-size: 1.6rem;
    }
    
    .story .text .title::after{
        margin: 1.6rem 0;
    }

    .story .text .txt{
        font-size: 1.1rem;
    }
	
    
    /* 고객센터 */
    .search{
        margin: 3rem 0;
        float: none;
    }

    .search select{
        width: 25%;
        height: 3.5rem;
        padding: 0 1.2rem;
        font-size: 1.1rem;
        background-size: .7rem;
    }

    .search input{
        width: 50%;
        height: 3.5rem;
        font-size: 1.1rem;
    }

    .search button{
        width: 23%;
        height: 3.5rem;
        margin-left: 2%;
        line-height: 3.5rem;
        font-size: 1.1rem;
    }

    .board dl a{
        padding: 1.5rem 0;
    }

    .board dl a .num{
        width: 10rem;
        font-size: 1rem;
    }

    .board dl a .tit{
        width: 60rem;
        font-size: 1.1rem;
    }

    .board dl a .down{
        width: 7.5rem;
    }

    .board dl a .down i{
        width: 1.3rem;
        height: 1.1rem;
    }

    .board dl a .date{
        width: 24rem;
        font-size: 1rem;
    }
    
    .board dl a .view{
        font-size: 1rem;
    }

    .brd-view{
        margin: 5rem auto 8rem;
    }

    .brd-view .title{
        padding: 1rem;
    }

    .brd-view .title h4{
        width: 100%;
        float: none;
        font-size: 1.5rem;
    }

    .brd-view .title .date{
        width:auto;
    }

    .brd-view .date{
        float: none;
        font-size: 1rem;
    }

    .brd-view .cont{
        min-height: 15rem;
        padding: 2rem 1rem 5rem;
        font-size: 1rem;
    }

    .brd-view .attached{
        position: relative;
        padding: 1rem 0 1rem 6.5rem;
    }

    .brd-view .attached .txt{
        position: absolute;
        left: 0;
        top: 1rem;
        width: 6.5rem;
        font-size: 1.1rem;
    }

    .brd-view .attached .txt::after{
        height: .8rem;
        margin-top: -.4rem;
    }

    .brd-view .attached a{
        display: block;
        margin-top: .1rem;
        margin-left: 1.3rem;
        font-size: 1rem;
    }

    .brd-view .attached a::after{
        width: 1.5rem;
        height: 1.5rem;
        margin: -2px 0 0 1.3rem;
    }
    
    .brd-view .prevnext dl{
        padding: 0 .7rem;
    }

    .brd-view .prevnext dt{
        width: 5.8rem;
        font-size: 1.1rem;
        line-height: 4rem;
    }

    .brd-view .prevnext dt::after{
        width: .9rem;
        height: 1rem;
        right: .8rem;
        top: 40%;
        transform: rotate(90deg) translateY(-50%);
    }

    .brd-view .prevnext .next dt::after{
        right: -.2rem;
    }

    .brd-view .prevnext a{
        padding-left: 1rem;
    }

    .brd-view .prevnext a p{
        width: calc(97% - 6rem);
        font-size: 1rem;
        line-height: 4rem;
    }

    .brd-view .prevnext a .date{
        width: 6rem;
        text-align: right;
        line-height: 4rem;
    }

    .btn-list{
        margin: 3.5rem auto 0;
        width: 15rem;
        height: 4rem;
        font-size: 1.3rem;
        line-height: 4.1rem;
    }

    .btn-sub{
        margin: 3.5rem auto 0;
        width: 15rem;
        height: 4rem;
        font-size: 1.3rem;
        line-height: 4.1rem;
    }

    .write{
        margin: 0 auto 8rem;
    }

    .write .policy-wrap{
        margin-bottom: 2.5rem;
    }

    .write .policy-wrap .tit{
        font-size: 1.2rem;
    }

    .write .policy-wrap .policy{
        height: 11rem;
        margin: 1rem 0 .2rem;
    }

    .write .policy-wrap .policy pre{
        padding: 1rem 1.5rem;
        font-size: .9rem;
    }

    .write .checkbox input + label{
        font-size: 1rem;
    }

    .write .checkbox input + label::before{
        width: 1.1rem;
        height: 1.1rem;
        margin: -2px .7rem 0 0;
    }

    .write .checkbox input:checked + label::before{
        background-position:  left -1.1rem;
    }

    .write .form dt{
        width: 7rem;
        padding-left: 1.2rem;
        font-size: .8rem;
    }

    .write .form dd{
        width: calc(100% - 7rem);
        padding: 1.2rem 1rem;
    }

    .write .form dd textarea{
        height: 18rem;
    }

    .write .form .number span{
        width: 7rem;
        line-height: 3;
        font-size: 1rem;
    }
    
    .write .form .email{
        display: block;
    }
    
    .write .form .email input{
        width: 45%;
    }

    .write .form .email span{
        display: inline-block;
        width: 8%;
        line-height: 3;
        font-size: 1rem;
    }

    .write .form .email select{
        width: 100%;
        margin-left: 0;
        margin-top: .5rem;
    }

    .write .form .file-wrap{
        padding: .5rem 0;
    }

    .write .form .file-wrap .first{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    
    .write .form .file-wrap input{
        font-size: 1rem;
        margin: .3rem 0;
    }

    .write .form .file-wrap .first input{
        width: calc(100% - 4.2rem);
        padding-right: .5rem;
    }

    .write .form .file-wrap .first .button{
        width: 4.2rem;
    }

    .write .form .file-wrap .first .button button{
        width: 1.9rem;
        height: 1.9rem;
    }

    .write .form .ps{
        margin-top: .7rem;
        font-size: .9rem;
    }

    /* 인재채용 */
    .recruit01{
        padding-bottom: 8rem;
    }

    .recruit01 .head{
        margin: 2rem 0 3rem;
        font-size: 1.7rem;
    }

    .recruit01 .cha li{
        width: 100%;
        float: none;
        margin-bottom: 1.5rem;
    }

    .recruit01 .cha li:nth-child(even){
        margin-left: 0;
    }

    .recruit01 .cha li .icon{
        width: 30%;
        padding: 4rem 1rem 4rem 0;
    }

    .recruit01 .cha li .icon img{
        width: 50%;
    }

    .recruit01 .cha li .right{
        width: calc(100% - 30%);
        padding: 0 1rem 0 1.5rem;
    }

    .recruit01 .cha li .right .tit{
        margin-bottom: .7rem;
        font-size: 1.4rem;
    }

    .recruit01 .cha li .right .txt{
        font-size: 1.1rem;
    }
    
    .recruit01 .cha li .right .txt br{
        display: none;
    }

    .recruit02{
        padding-bottom: 8rem;
    }

    .recruit02 .welfare{
        margin-top: 2.5rem;
    }

    .recruit02 .welfare dl{
        float: none;
        width: 100%;
        margin-right:0%;
        margin-bottom: 1rem;
    }
    
    .recruit02 .welfare dl dt{
        padding: 3rem 0 ;
        font-size: .9rem;
    }

    .recruit02 .welfare dl dt span{
        font-size: 1.1rem;
    }

    .recruit02 .welfare dl dt::before{
        width: 4rem;
        height: 4rem;
        margin: 0 auto .6rem;
    }

    .recruit02 .welfare dl dd{
        padding: 0 1rem 0 2.3rem;
    }

    .recruit02 .welfare dl dd li{
        padding-left: .8rem;
        font-size: .9rem;
    }

    .recruit02 .welfare dl dd li::before{
        font-size: 1.1rem;
    }

    .recruit03{
        margin-bottom: 8rem;
    }

    .recruit03 .process{
        width: calc(100% - 2.4rem);
        margin: 2.5rem auto;
    }

    .recruit03 .process dl{
        width: calc(96% / 3);
        padding: .8rem 0 1.1rem;
    }

    .recruit03 .process dl:nth-child(2){
        margin: 0 2%;
    }

    .recruit03 .process dl dt{
        font-size: 4.8rem;
        line-height: 1.1;
    }

    .recruit03 .process dl dt::after{
        width: 3.3rem;
        height: 2.7rem;
    }

    .recruit03 .process dl dd{
        margin-top:.3rem;
        font-size: 1.2rem;
    }

    .legal{
        margin-bottom: 8rem;
        padding-top: 4rem;
    }

    .legal .box{
        height: 40rem;
        padding: 2.5rem 2rem;
        margin-top: 2rem;
    }

    .legal .box pre{
        font-size: 1rem;
    }

    .email-wrap{
        margin: 5rem auto 7rem;
    }

    .email-wrap .txt{
        margin-top: 3rem;
        font-size: 1.4rem;
    }

    .email-wrap .txt::before{
        width: 2.5rem;
        margin: 0 auto 3rem;
    }

    .email-wrap .date{
        margin-top: 3rem;
        font-size: 1.3rem;
    }

    .go-top{
        display: none;
    }
    
}