.main_visual {
    display: block;
    position: relative;
    height: 100vh;
    min-height: 600px;
}
.main_visual .slide_indicator {
    position: absolute;
    left: 0;
    top: 305px;
    width: 100%;
    z-index: 500;
}
.main_visual .slide_indicator .slick-dots li {
    float: left;
}
.main_visual .slide_indicator .slick-dots li + li {
    margin-left: 20px;
}
.main_visual .slide_indicator .slick-dots li button {
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    font-size: 0;
    background: none;
    border: 2px solid #fff;
    border-radius: 20px;
    -webkit-appearance: none;
    cursor: pointer;
    outline: 0;
}
.main_visual .slide_arrow {
    position: absolute;
    left: 0;
    top: 580px;
    width: 100%;
    z-index: 200;
}
.main_visual .slide_arrow ul li {
    float: left;
}
.main_visual .slide_arrow ul li + li {
    margin-left: 5px;
}
.slide_indicator .slick-dots li.slick-active button {
    border: 0;
    background: #ff7b33;
}
.main_visual .slider li {
    position: relative;
}
.main_visual .slider li:before {
    position: absolute;
    left: 0;
    top: 0;
/*
    width: 100%;
    height: 100%;
*/    
    background:#FFF;
    content: '';
}
.main_visual .slider li,
.main_visual .slider li .img{
    height: 100vh;
    min-height: 600px;
    background-size: cover;
}
.main_visual .slider li .img .txt {
    position: absolute;
    left: 0;
    top: 380px;
    width: 100%;
}
.main_visual .slider li .img .txt .title {
    font-weight: 700;
    font-size: 64px;
    color: #000;
    line-height: 1;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 1.5s ease;
    transition-delay: .3s;
}
.main_visual .slider .slick-current li .img .txt .title {
    opacity: 1;
    transform: translateY(0px);
}
.main_visual .slider li .img .txt .desc {
    margin-top: 30px;
    font-weight: 300;
    font-size: 45px;
    color: #000;
    line-height: 1;
    letter-spacing: -3px;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 1.5s ease;
    transition-delay: .5s;
}
.main_visual .slider .slick-current li .img .txt .desc {
    opacity: 1;
    transform: translateY(0px);
}
.main_visual .slider li .img .txt .title strong {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.main_visual .slider li .img .txt .title strong + strong {
    margin-left: 20px;
    padding-left: 22px;
}
.main_visual .slider li .img .txt .title strong + strong:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 28px;
    margin-top: -13px;
    background: rgba(255,255,255,.5);
    content: '';
}
.main_visual .slider li .img.visual01 {
    background: url('../../common/images/main/main_03.png') center center no-repeat;
    background-size: cover;
}
.main_visual .slider li .img.visual02 {
    background: url('../../common/images/main/main_02.png') center center no-repeat;
    background-size: cover;
}
.main_visual .slider li .img.visual03 {
    background: url('../../common/images/main/main_01.png') center center no-repeat;
    background-size: cover;
}
.main_visual .slider li .img.visual04 {
    background: url('../../common/images/main/main_04.png') center center no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 1023px) {
    .main_visual .slide_indicator {
        top: 50%;
        text-align: center;
    }
    .main_visual .slide_indicator .slick-dots{
        display: inline-block !important;
    }
    .main_visual .slide_arrow {
        left: inherit;
        top: inherit;
        right: 15px;
        bottom: 15px;
        width: auto;
    }
    .main_visual .slide_arrow ul li .icon_square_arrow_left,
    .main_visual .slide_arrow ul li .icon_square_arrow_right {
        width: 35px;
        height: 35px;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .main_visual .slider li .img .txt {
        top: 36.93%;
        text-align: center;
    }
    .main_visual .slider li .img .txt .title {
        font-size: 25px;
    }
    .main_visual .slider li .img .txt .desc {
        margin-top: 15px;
        font-size: 20px;
    }
    .main_visual .slider li .img .txt .title strong + strong {
        margin-left: 10px;
        padding-left: 11px;
    }
    .main_visual .slider li .img .txt .title strong + strong:before {
        height: 14px;
        margin-top: -7px;
    }
}
@media only screen and (max-width:640px) {
    .main_visual .slider li .img.visual01 {
        background: url('../../common/images/main/m_main_01_0.png') left center no-repeat;
        background-size:cover;
    }
    .main_visual .slider li .img.visual02 {
        background: url('../../common/images/main/m_main_03_0.png') center center no-repeat;
        background-size:cover;
    }
    .main_visual .slider li .img.visual03 {
        background: url('../../common/images/main/m_main_02_0.png') center center no-repeat;
        background-size:cover;
    }
    .main_visual .slider li .img.visual04 {
        background: url('../../common/images/main/m_main_04.png') center center no-repeat;
    }
}


#main .section {
    height:100vh;
}
#main .section.main_cnts01 {
    display: block;
    position: relative;
    background-color: #fff;
    height:100vh;
    margin:20px;
    text-align:center;
}
#main .section.main_cnts01 div:nth-child(2) {
    margin:50px auto 20px !important;
}
#main .section.main_cnts01 div.contents_box {
    width:40%;
    position: absolute;
    right:0;
    top:40%;
}
#main .section.main_cnts01 h1 {
    font-family: NanumGothic;
    font-size: 60px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom:30px;
}
#main .section.main_cnts01 p {
    font-family: NanumGothic;
    font-size: 30px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.3px;
    text-align: left;
    color: #474747; 
    width:80%;
}
#main .section.main_cnts01 div.item_bg {
    height:100vh;
    max-width:1200px;
    margin:0 auto;
    
/*    background-size:70%;*/
}
#main .section.main_cnts01 div.item_bg .contents_img{
	width:60%;
	height:100vh;
	background: url('../../common/images/main/contents_01.png') left no-repeat;
	background-size:contain;
	margin:0;
	
}
@media only screen and (max-width:1200px) {
    #main .section.main_cnts01 h1 {
        font-size: 45px;
    }
    #main .section.main_cnts01 p {
        font-size: 20px;
        width:100%;
    }
    #main .section.main_cnts01 div.item_bg {
        height:100%;
        max-width:1200px;
        margin:0 auto;
        background-size:contain;
    }
}
@media only screen and (max-width:1023px) {
    #main .section.main_cnts01 h1 {
        font-family: NotoSansCJKkr;
        font-size: 48px;
        line-height: 0.52;
        margin-bottom:30px;
    }
    #main .section.main_cnts01 p {
        font-family: NotoSansCJKkr;
        font-size: 24px;
        font-weight: normal;
        letter-spacing: -0.6px;
        color: #000; 
    }
    #main .section.main_cnts01 div.item_bg {
        background-size:contain;
        margin:30px auto 15px !important;
    }
    #main .section.main_cnts01 div:first-child h1 {
        font-size:35px;
    }
    #main .section.main_cnts01 div:first-child p {
        font-size:18px;
        letter-spacing: -1px;
    }
    
}
@media only screen and (max-width:1023px) {
    #main .section.main_cnts01 div:first-child h1 {
        font-size:28px;
        letter-spacing: -1px;
    }
    #main .section.main_cnts01 div:first-child p {
        font-size:16px;
        letter-spacing: -1px;
    }
}
@media only screen and (max-width:600px) {
	#main .section.main_cnts01 div.item_bg .contents_img{
	display:none;
	
}
    #main .section.main_cnts01 div.item_bg {
        background: url('../../common/images/main/m_contents_01.png') center bottom 30% no-repeat;
        background-size:contain;
        margin:30px auto 15px !important;
    }
    #main .section.main_cnts01 div.contents_box {
        width:100%;
        position: relative;
        right:0;
        top:10%;
    }
    #main .section.main_cnts01 div:first-child h1 {
        font-size:35px;
        letter-spacing: -1px;
        text-align:center;
    }
    #main .section.main_cnts01 div:first-child p {
        font-size:20px;
        letter-spacing: -1px;
        text-align:center;
    }
}
@media only screen and (max-width:320px) {
    #main .section.main_cnts01 div.contents_box {
        top:5%;
    }
    #main .section.main_cnts01 div:first-child h1 {
        font-size:28px;
    }
    #main .section.main_cnts01 div:first-child p {
        font-size:17px;
    }
}
#main .section.main_cnts02 {
    background:#ccc;
    height:100vh;
    display:block;
    position: relative;
    background-size:cover;
}

#main .section.main_cnts02 ul {
    overflow:hidden;
}
#main .section.main_cnts02 li {
    float:left;
    width:33.3%;
    height:100vh;
    display:flex;
    position: relative;
    overflow:hidden;
}
#main .section.main_cnts02 li:nth-child(2) {
    width:33.4%;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}
#main .section.main_cnts02 li div.item_bg {
    position: absolute;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.4);
    z-index:120;
}
#main .section.main_cnts02 li div.item {
    position: relative;
    z-index: 1100;
    color:#fff;
    margin:0 auto;
    top:35%;
    text-align:center;
}
#main .section.main_cnts02 li div.item p.item_title {
    margin:42px 0 30px;
    font-family: NotoSansCJKkr;
    font-size:42px;
    font-weight:bold;
    line-height:0.83;
    letter-spacing: -2.1px;
    color:#fff;
}
#main .section.main_cnts02 li div.item p.item_comment {
    font-size:28px;
    font-weight:300;
    line-height:1.36;
    letter-spacing: -1.4px;
    color:#fff;
}
#main .section.main_cnts02 li div.item div.btn_itemViewLink {
    display:table;
    margin:0 auto;
    margin-top:64px;
    border:1px solid#77af00;
    border:1px solid #77af00\0/IE8+9;
    border-radius: 5px;
    width:300px;
    height:70px;
    opacity: 0;
    transition: all 0.5s ease;
}
#main .section.main_cnts02 li div.item div.btn_itemViewLink.on {
    opacity: 1;
    transition: all 0.5s ease;
}
#main .section.main_cnts02 li div.item div.btn_itemViewLink a {
    display:table-cell;
    color:#fff;
    font-size:22px;
    letter-spacing: -1.1px;
    line-height: 1.59;
    width:85%;
    height:100%;
    text-align: center;
    vertical-align: middle;
}
#main .section.main_cnts02 li div.item div.btn_itemViewLink i.material-icons {
    background:#77af00;
    display:table-cell;
    width:15%;
    height:100%;
    vertical-align: middle;
}
#main .section.main_cnts02 li div.item div.btn_itemViewLink a:hover {
    background:#9abd4f;
}
#main .section.main_cnts02 li div.item_bg_img {
    width:100%;
    height:100vh;
    position: absolute;
    z-index:110;
}
#main .section.main_cnts02 li:first-child div.item_bg_img {
    background:url('../../common/images/main/img_menu_01.png') right 50% center no-repeat;
    transform: translateX(0);
    transition: all 2s;
	background-size:cover;
}
#main .section.main_cnts02 li:first-child div.item_bg_img.on {
    transform:translateX(-100%);
}
#main .section.main_cnts02 li:nth-child(2) div.item_bg_img {
    background:url('../../common/images/main/img_menu_02.png') right 50% center no-repeat;
    transform: translateX(0);
    transition: all 2s;
	background-size:cover;
}
#main .section.main_cnts02 li:nth-child(2) div.item_bg_img.on {
    transform: translateX(-100%);
}
#main .section.main_cnts02 li:last-child div.item_bg_img {
    background:url('../../common/images/main/img_menu_03.png') right 50% center no-repeat;
    transform: translateX(0);
    transition: all 2s;
	background-size:cover;
}
#main .section.main_cnts02 li:last-child div.item_bg_img.on {
    transform: translateX(-100%);
}
@media only screen and (max-width:1200px) {
    #main .section.main_cnts02 li div.item p.item_title {
        margin:42px 0 30px;
        font-family: NotoSansCJKkr;
        font-size:37px;
        font-weight:bold;
        line-height:0.83;
        letter-spacing: -2.1px;
        color:#fff;
    }
    #main .section.main_cnts02 li div.item p.item_comment {
        font-size:23px;
        font-weight:300;
        line-height:1.36;
        letter-spacing: -1.4px;
        color:#fff;
    }
}
@media only screen and (max-width:1023px) {
    #main .section.main_cnts02 li {
        float:none;
        width:100%;
        height:33.3vh;
        display:flex;
    }
    #main .section.main_cnts02 li:nth-child(2) {
        width:100%;
        border:0px;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }
    #main .section.main_cnts02 li div.item_bg {
        position: absolute;
        top:auto;
        width:100%;
        height:33.3vh;
        background: rgba(0,0,0,.4);
        z-index:120;
    }
    #main .section.main_cnts02 li div.item {
        position: relative;
        z-index: 1100;
        color:#fff;
        margin:0 auto;
        top:20%;
        text-align:center;
    }
    #main .section.main_cnts02 li div.item p:first-child, #main .section.main_cnts02 li div.item p.item_comment {
        display:none;
    }
    #main .section.main_cnts02 li div.item h2 {
        margin-top:20px;
        color:#fff;
    }
    
    #main .section.main_cnts02 li div.item_bg_img {
        width:100%;
        height:33.3vh;
        position: absolute;
        z-index:110;
    }
}
@media only screen and (max-width:756px) {
    #main .section.main_cnts02 .item .item_title {
        font-size:38px !important;
        margin:30px 0px !important;
    }
    #main .section.main_cnts02 .item .btn_itemViewLink {
        margin-top:0px !important;
        height:60px !important;
    }
    #main .section.main_cnts02 li:nth-child(2) div.item_bg_img.on {
        transform: translateX(100%);
    }

    #main .section.main_cnts02 li:nth-child(2) div.item_bg_img {
        background:url('../../common/images/main/img_m_menu_02.png') right 50% center no-repeat;
        transform: translateX(0);
        transition: all 2s;
    }
    #main .section.main_cnts02 li:last-child div.item_bg_img {
        background:url('../../common/images/main/img_m_menu_03.png') right 50% center no-repeat;
        transform: translateX(0);
        transition: all 2s;
    }
}

/* main contents03 */
#main .section.main_cnts03, #main .section.main_cnts05 {
    background:#ebebeb;
}

#main .section.main_cnts03 .item {
    max-width: 1200px;
    margin:0 auto;
    position: relative;
    display: flex;
    top:50%;
    transform: translate(0, -50%);
    padding:0px 20px;
}
#main .section.main_cnts03 .item p.item_img {
    transform: translateX(0px);
    transition: transform 1s ease-in-out, opacity 1s ease;
    -webkit-transition: transform 1s ease-in-out, opacity 1s ease;
    -moz-transition: transform 1s ease-in-out, opacity 1s ease;
    -ms-transition: transform 1s ease-in-out, opacity 1s ease;
    opacity: 0;
    width:50%;
}
#main .section.main_cnts03.on .item p.item_img {
    transform: translateX(-100%);
    opacity: 1;    
}
#main .section.main_cnts03 .item div.item_cnts {
    width:50%;
    font-family: NanumGothic;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    margin-top:10%;
    transform:translateX(100%);
}
#main .section.main_cnts03 .item div.item_cnts p.title {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin-bottom:31px;
}
#main .section.main_cnts03 .item div.item_cnts p.comment {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: -0.3px;
    color: #474747;
}
#main .section.main_cnts03 .item_cnts a {
    width:290px;
    height:80px;
    display:inline-block;
    text-align:center;
    vertical-align: middle;
    border:1px solid #868686;
    background:#FFF;
    font-size: 20px;
    font-weight: normal;
    line-height: 80px;
    letter-spacing: -0.2px;
    color: #272727;
    margin-top:20px;
}

@media only screen and (max-width:1200px) {
    #main .section.main_cnts03 .item .title {
        font-size: 35px !important;
    }
    #main .section.main_cnts03 .item .comment {
        font-size: 20px !important;
    }
}
@media only screen and (max-width:1024px) {
    #main .section.main_cnts03 .item {
        max-width: 100% !important;
        position: relative;
    }
    #main .section.main_cnts03 .item .title {
        font-size: 28px !important;
        letter-spacing: -2px !important;
    }
    #main .section.main_cnts03 .item .comment {
        font-size: 18px !important;
    }
}
@media only screen and (max-width:753px) {
    #main .section.main_cnts03 .item {
        display:block;
        text-align:center;
    }
    #main .section.main_cnts03 .item .item_img {
        margin-top:50px;
    }
    #main .section.main_cnts03 .item .item_cnts {
        margin-top:0px !important;
    }
    #main .section.main_cnts03 .item .item_img, #main .section.main_cnts03 .item .item_cnts {
        float:none !important;
        width:100% !important;
        display:block;
        text-align:center !important;
        transform:none !important;
    }
    #main .section.main_cnts03 .item .item_cnts .title {
        font-size:25px !important;
    }
    #main .section.main_cnts03 .item .item_cnts .comment {
        font-size:17px !important;
    }
}
@media only screen and (max-width:350px) {
    #main .section.main_cnts03 .item .item_cnts .title {
        font-size:22px !important;
        letter-spacing: -1.5px !important;
    }
    #main .section.main_cnts03 .item .item_cnts .comment {
        font-size:16px !important;
        letter-spacing: -1px !important;
    }
}

/* main contents04 */
#main .section.main_cnts04 {
    overflow:hidden;
}
#main .section.main_cnts04 .item {
    padding:0 20px;
    max-width: 1200px;
    height:100vh;
    margin:0 auto;
    margin-top:100px;
    position: relative;
    display: flex;
    background:url("../../common/images/main/contents_03.png") no-repeat right center;
    background-size: auto;

    transform: translate3d(0px, -200px, 0px);
    transition: transform 1s ease-in-out, opacity 1s ease;
    -webkit-transition: transform 1s ease-in-out, opacity 1s ease;
    -moz-transition: transform 1s ease-in-out, opacity 1s ease;
    -ms-transition: transform 1s ease-in-out, opacity 1s ease;
    opacity: 0;
}
#main .section.main_cnts04.on .item {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}
#main .section.main_cnts04 .item div.item_cnts {
    font-family: NanumGothic;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    width:100%;
    margin-top:30%;
    transform: translate(0, -30%);
}
#main .section.main_cnts04 .item div.item_cnts p.title {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin-bottom:20px;
}
#main .section.main_cnts04 .item div.item_cnts p.comment {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: -0.3px;
    color: #474747;
}
@media only screen and (max-width:1200px) {
    #main .section.main_cnts04 .item .title {
        font-size: 35px !important;
    }
    #main .section.main_cnts04 .item .comment {
        font-size: 20px !important;
    }
}
@media only screen and (max-width:1024px) {
    #main .section.main_cnts04 .item {
        max-width: 100% !important;
        position: relative;
    }
    #main .section.main_cnts04 .item .title {
        font-size: 28px !important;
        letter-spacing: -2px !important;
    }
    #main .section.main_cnts04 .item .comment {
        font-size: 18px !important;
    }
}
@media only screen and (max-width:753px) {
    #main .section.main_cnts04 .item {
        display:block;
        text-align:center;
        padding-top:50px;
        margin-top:0px;
        background:url("../../common/images/main/contents_03.png") no-repeat center 200px;
    }
    #main .section.main_cnts04 .item .item_cnts {
        margin-top:0px !important;
    }
    #main .section.main_cnts04 .item .item_img, #main .section.main_cnts04 .item .item_cnts {
        float:none !important;
        width:100% !important;
        display:block;
        text-align:center !important;
        transform:none !important;
    }
    #main .section.main_cnts04 .item .item_cnts .title {
        font-size:25px !important;
    }
    #main .section.main_cnts04 .item .item_cnts .comment {
        font-size:17px !important;
    }
}
@media only screen and (max-width:350px) {
    #main .section.main_cnts04 .item .item_cnts .title {
        font-size:22px !important;
        letter-spacing: -1.5px !important;
    }
    #main .section.main_cnts04 .item .item_cnts .comment {
        font-size:16px !important;
        letter-spacing: -1.5px !important;
    }
}


/* main contents05 */
#main .section.main_cnts05{
	box-sizing:border-box;
	padding-top:5%;
	height:auto;
}
#main .section.main_cnts05 .item {
    max-width: 1200px;
    margin:0 auto;
    position: relative;
    padding:0 20px;
}
#main .section.main_cnts05 .item ul {
    overflow:hidden;
}
#main .section.main_cnts05 .count_box{
    width:50%;
    float:left;
	font-size:12px;
}
#main .section.main_cnts05 .count_box li.item_title {
    height:30px;
    display:block;
    font-family: NanumGothic;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.3px;
    text-align: left;
    color: #272727;    
}
#main .section.main_cnts05 .count_box li.item_cnts {
    height:68px;
    font-family: SpoqaHanSans;
    font-size: 6.5em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #77af00;
    margin:9px 0px 36px;
}
#main .section.main_cnts05 .item_comment{
    width:50%;
    float:right;
    text-align:right;
    font-family: NanumGothic;
    font-stretch: normal;
    font-style: normal;
    position: relative;
    transform:translateY(35%);
}
#main .section.main_cnts05 .item_comment p.title{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.5px;
    color: #000000;
}
#main .section.main_cnts05 .item_comment p.comment{
    margin:32px 0 27px;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -0.3px;
    color: #474747;
}
#main .section.main_cnts05 .item_comment .btn_storeStatusLinks {
    position: absolute;
    width:290px;
    height:80px;
    text-align:center;
    vertical-align: middle;
    border:1px solid #868686;
    background:#FFF;
    right:0;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: -0.2px;
    color: #272727;    
}
#main .section.main_cnts05 .item_comment a {
    width:290px;
    height:80px;
    display:inline-block;
    text-align:center;
    vertical-align: middle;
    border:1px solid #868686;
    background:#FFF;
    font-size: 20px;
    font-weight: normal;
    line-height: 80px;
    letter-spacing: -0.2px;
    color: #272727;
}
@media only screen and (max-width:1200px) {
    #main .section.main_cnts05 .item_comment p.comment {
        letter-spacing: -1.5px;
    }
    #main .section.main_cnts05 .count_box li.item_title {
        font-size: 28px;
    }
    #main .section.main_cnts05 .count_box li.item_cnts {
        height:48px;
        font-size: 45px;
        margin:9px 0px 25px;
    }
}
@media only screen and (max-width:768px) {
    #main .section.main_cnts05 .item {
        text-align:center;
    }
    #main .section.main_cnts05 li {
        float:none !important;
        width:100% !important;
        text-align:center !important;
    }
    #main .section.main_cnts05 li.item_cnts {
        font-size:40px !important;
    }
    #main .section.main_cnts05 .item_comment {
        transform:none;
    }
    #main .section.main_cnts05 .item_comment p.title, #main .section.main_cnts05 .item_comment p.comment {
        display:none;
    }
	#main .section.main_cnts05{
	box-sizing:border-box;
	padding-top:15%;
	}	
}
@media only screen and (max-width:470px) {
    #main .section.main_cnts05 li.item_cnts {
        height:50px !important;
        margin-bottom:20px !important;
    }
    #main .section.main_cnts05 .item_comment a {
        width:100% !important;
        height:60px !important;
        display:table !important;
        line-height: 60px !important;
    }
}
@media only screen and (max-width:350px) {
    #main .section.main_cnts05 li.item_title {
        font-size:23px !important;
        letter-spacing: -1px !important;
    }
    #main .section.main_cnts05 li.item_cnts {
        font-size:35px !important;
        margin-top:0px !important;
        margin-bottom:15px !important;
    }
    #main .section.main_cnts05 .item_comment {
        transform:none;
    }
}


/* main contents06 */
#main .section.main_cnts06 {
    height:50vh;
    position: relative;
    display:block
}
#main .section.main_cnts06 .item {
    max-width: 1200px;
    margin:0 auto;
    text-align:center;
    padding-top:50px;
}
#main .section.main_cnts06 .item ul {
    overflow:hidden;
    width:100%;
}
#main .section.main_cnts06 .item .btn_wrap ul {
    max-width:1100px;
}
#main .section.main_cnts06 .item .partner_slider {
    max-width:1100px;
    height:52px;
    overflow:hidden;
    margin:0 auto;
}
#main .section.main_cnts06 .item .partner_slider li {
    width:120px;
    height:52px;
    float:left;
    border:1px solid #ebebeb;
    box-shadow: 0px 1px 0 0 #dedede;
    background-size:contain !important;
}
#main .section.main_cnts06 .item .partner_slider div.slick-slide {
    margin-right:10px;
    width:120px;
}
#main .section.main_cnts06 .item .btn_wrap li {
    float:left;
    width:100%;
    max-width:540px;
    height:130px;
    border:1px solid #ebebeb;
    margin-left:0px;
    margin-top:20px;
    display:inline-block;
    box-shadow: 0px 1px 0 0 #dedede;
}
#main .section.main_cnts06 .item .btn_wrap li:nth-child(2n+0) {
    margin-left:20px;
}
#main .section.main_cnts06 .item .btn_wrap li:hover {
    border:2px solid rgba(119, 175, 0, 0.65);
    box-shadow: 0px 1px 0 0 #dedede;
}
#main .section.main_cnts06 .item .btn_wrap li div {
    position: relative;
    height:45px;
    top:50%;
    transform:translateY(-50%);
    text-align:left;
    padding:0 32px;

    font-family: NanumGothic;
    font-stretch: normal;
    font-style: normal;
    cursor:pointer;
}
#main .section.main_cnts06 .item .btn_wrap li div h2 {
    float:left;
    font-size: 23px;
    font-weight: normal;
    line-height: 1.04;
    letter-spacing: -1.15px;
    color: #1d1d1d;
}
#main .section.main_cnts06 .item .btn_wrap li div span {
    float:right;
    text-align:right;
    line-height: 20px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.41;
    letter-spacing: -0.85px;
    color: #616161;    
}
@media only screen and (max-width:1100px) {
    #main .section.main_cnts06 .btn_wrap li {
        max-width:49.2% !important;
    }
    #main .section.main_cnts06 .item .btn_wrap li:nth-child(2n+0) {
        margin-left:10px;
    }
    #main .section.main_cnts06 .item {
        padding:10px;
    }
    #main .section.main_cnts06 .btn_wrap ul {
        overflow:none;
    }
}
@media only screen and (max-width:1023px) {
    #main .section.main_cnts06 .btn_wrap li {
        width:100% !important;
        margin-left:0px !important;
        max-width:100% !important;
    }
}
@media only screen and (max-width:768px) {
    #main .section.main_cnts06 .btn_wrap h2 {
        font-size:20px;
    }
    #main .section.main_cnts06 .btn_wrap li div {
        padding:0px 10px;
    }
}
@media only screen and (max-width:470px) {
    #main .section.main_cnts06 {
        height:100% !important;
        margin-bottom:50px;
    }
    #main .section.main_cnts06 .btn_wrap li {
        height:80px !important;
    }
    #main .section.main_cnts06 .btn_wrap h2 {
        font-size:20px !important;
        letter-spacing: -1.5px !important;
    }
    #main .section.main_cnts06 .btn_wrap span {
        font-size: 15px !important;
        letter-spacing: -1.5px !important;
    }
}
@media only screen and (max-width:350px) {
    #main .section.main_cnts06 .btn_wrap h2 {
        font-size:18px !important;
        letter-spacing: -1.5px !important;
    }
    #main .section.main_cnts06 .btn_wrap span {
        font-size: 13px !important;
        letter-spacing: -1.5px !important;
    }
}



/*                        /*


/* main contents08 */
#main .section.main_cnts08{
    
}

#main .section.main_cnts08 .item {
    max-width: 1200px;
    margin:0 auto;
    position: relative;
    display: flex;
    top:50%;
    padding:0px 20px;
}
#main .section.main_cnts08 .item p.item_img {

    width:100%;
}

#main .section.main_cnts08 .item div.item_cnts {
    width:100%;
    font-family: NanumGothic;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    margin-top:10%;

}
/*
#main .section.main_cnts08 h1 {
    font-family: NanumGothic;
    font-size: 60px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom:30px;
}
#main .section.main_cnts08 p {
    font-family: NanumGothic;
    font-size: 30px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.3px;
    text-align: left;
    color: #474747; 
    width:80%;
}
*/

#main .section.main_cnts08 .item div.item_cnts p.title {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin-bottom:31px;
}
#main .section.main_cnts08 .item div.item_cnts p.comment {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: -0.3px;
    color: #474747;
}
#main .section.main_cnts08 .item_cnts a {
    width:290px;
    height:80px;
    display:inline-block;
    text-align:center;
    vertical-align: middle;
    border:1px solid #868686;
    background:#FFF;
    font-size: 20px;
    font-weight: normal;
    line-height: 80px;
    letter-spacing: -0.2px;
    color: #272727;
    margin-top:20px;
}


@media only screen and (max-width:1200px) {
    #main .section.main_cnts08 .item .title {
        font-size: 35px !important;
    }
    #main .section.main_cnts08 .item .comment {
        font-size: 20px !important;
    }
}
@media only screen and (max-width:1024px) {
    #main .section.main_cnts08 .item {
        max-width: 100% !important;
        position: relative;
    }
    #main .section.main_cnts08 .item .title {
        font-size: 28px !important;
        letter-spacing: -2px !important;
    }
    #main .section.main_cnts08 .item .comment {
        font-size: 18px !important;
    }
}
@media only screen and (max-width:753px) {
    #main .section.main_cnts08 .item {
        display:block;
        text-align:center;
    }
    #main .section.main_cnts08 .item .item_img {
        margin-top:50px;
    }
    #main .section.main_cnts08 .item .item_cnts {
        margin-top:0px !important;
    }
    #main .section.main_cnts08 .item .item_img, #main .section.main_cnts03 .item .item_cnts {
        float:none !important;
        width:100% !important;
        display:block;
        text-align:center !important;
        transform:none !important;
    }
    #main .section.main_cnts08 .item .item_cnts .title {
        font-size:25px !important;
    }
    #main .section.main_cnts08 .item .item_cnts .comment {
        font-size:17px !important;
    }
}
@media only screen and (max-width:350px) {
    #main .section.main_cnts08 .item .item_cnts .title {
        font-size:22px !important;
        letter-spacing: -1.5px !important;
    }
    #main .section.main_cnts08 .item .item_cnts .comment {
        font-size:16px !important;
        letter-spacing: -1px !important;
    }
}


	  .sub-modal {
            display: none;
           
            width: 100%;
    
            top: 0;
            left: 0;
            padding: 0;
            overflow: auto;
            z-index: 1050;
        }

        .sub-modal-inner {
            display: flex;
            flex-direction: column;
            align-items: center;

            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);

            width: 479px;
            background: #fff;
            box-shadow: 0 5px 20px -8px;
            border-radius: 5%;

            padding: 61px 39px 53px 39px;
        }

        .sub-modal.active {
            display: block;
        }

        .sub-modal-inner .sub-modal-close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            min-width: 25px;
            min-height: 25px;
            background-image: url('/assets/common/images/main/close.png');
            background-size: contain;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        .sub-modal-inner .sub-modal-title {
            text-align: center;
            margin-bottom: 56px;
        }

        .sub-modal-inner .sub-modal-title img {
            margin-bottom: 20px;
        }

        .sub-modal-inner .sub-modal-title p {
            font-size: 26px;
            line-height: 0.77;
            letter-spacing: -1.3px;
            font-weight: bold;
            margin-bottom: 0;
        }

        .sub-modal-inner .sub-modal-content {
            width: 100%;
            text-align: left;

            margin-bottom: 39px;
        }

        .sub-modal-content > p {
            font-size: 22px;
            line-height: 1.36;
            letter-spacing: -0.55px;
            color: #222222;
            margin: 0;
            word-break: keep-all;
        }

        .sub-modal-content > p:not(:last-child) {
            margin-bottom: 39px;
        }

        .sub-modal-content > p .bold {
            font-weight: bold;
        }

        .sub-modal-inner .sub-modal-btn {
            padding: 15px;
            width: 372px;
            border-radius: 50px;
            color: #111111;
            cursor: pointer;
            background-color: #ddf02b;
            font-size: 20px;
            font-weight: normal;
            line-height: 1.3;
            letter-spacing: -0.5px;
        }
        
        
        @media only screen and (max-width:1024px) {
        
             .sub-modal-inner {
                width: 350px;
                padding: 61px 39px 53px 39px;
            }

            .sub-modal-inner .sub-modal-title {
                margin-bottom: 48px;
            }

            .sub-modal-inner .sub-modal-title img {
                margin-bottom: 20px;
            }

            .sub-modal-inner .sub-modal-title p {
                font-size: 24px;
            }

            .sub-modal-inner .sub-modal-content {
                margin-bottom: 39px;
            }

            .sub-modal-content > p {
                font-size: 15px;
            }

            .sub-modal-content > p:not(:last-child) {
                margin-bottom: 25px;
            }

            .sub-modal-inner .sub-modal-btn {
                width: 250px;
                padding: 15px;
                font-size: 15px;
            }
        	
        
        }