@media all and (max-width:1750px){ 
    #footer .familysite { width:280px; }
    #footer .familysite .list { width:278px; }
}


@media all and (max-width:1650px){ 
    #footer { height:auto; padding-bottom:40px; }
    #footer .footermenu { float:none; clear: both; margin-left:0px; padding-top:20px; }
    #footer .familysite { top:70px; }
    .board-list1 { margin-right:45px; }
    .board-view { margin-right:45px; }
}

@media all and (max-width:1500px){ 
    .main-container .photo .text { font-size:90px; }

    .business-container .section3 .inner { padding:100px 160px 100px 100px; }

    .business-container .section1 .photo2 { position: relative; top:0; right:0; }
    .business-container .section1 dt.section_logo { margin-bottom: 50px; }
}
@media all and (max-width:1400px){ 
    .timeline-container .goforit > .item { font-size:80px; }
}

@media all and (max-width:1330px){ 
    #subheader ul { padding-left:50px; }
    #subheader ul li a { margin:0 15px; }

    .business-container .section2 .list li > div { margin-right:40px; }
    .business-container .section3 { font-size:30px; }

    .business-container .section5 dt { font-size:30px; }
    .business-container .section5 dd { font-size:20px; }

    .business-container .section6 dl dt { font-size:30px; }
    .business-container .section6 dl dd { font-size:22px; }

    .business-container .section2 .list3 li .info .tit { font-size:30px; }
}


@media all and (max-width:1280px){ 
    #subheader ul { padding-left:30px; }
    #subheader ul li a { margin:0 10px; letter-spacing: -1px; }

    #subheader .inner { margin-left:300px; }

    #footer .inner { padding:60px 0; margin:0 80px; }

    #mainmenu dl { margin-bottom:40px; }
    #mainmenu dl dt { font-size:45px; position: relative; }
    #mainmenu dl dd { margin-left:0px; }
    #mainmenu dl dd ul { padding-top:10px; }

    #contents.about-container { margin-left:120px; }

    #about { margin-top:180px; }

    .legal-container .section1 .tit { float:none; width:100%; }
    .legal-container .section1 .tit br{ display: none; }
    .legal-container .section1 dl{ float:none; width:100%; }

    .legal-container .section1 { margin-left:0px; margin:0 45px;}


    .sononow-container .contents { margin-left:120px;}
    .business-container .photo { margin-left:45px;}
    .business-container .section1 { margin-left:45px;  }
    .business-container .section2 .list li > div { margin-right:20px; }
    .business-container .section2 .list li .info .tit { font-size:24px; }

    .business-container .section2 { margin-left:0px; margin:0 45px; }
    .business-container .section3 { margin-left:0px; margin:0 45px; }
    .business-container .section3 .inner { background-position: 92% center; }
    .business-container .section3 .inner:hover { background-position: 92% center; }
    .business-container .section4 { margin-left:0px; margin:0 45px; }
    .business-container .section5 { margin-left:0px; margin:0 45px; }
    .business-container .section6 { margin-left:0px; margin:0 45px; }

    .business-container .section3 .inner { padding:80px 170px 80px 100px; }

    .timeline-container .goforit { margin-left:0px; }


    .main-container .sidemenu { display:none; }

    .main-container .contents { margin-left:0px; }

    .main-container .visual .text { margin-left:45px; font-size:70px; }

    .main-container .photo { min-height: 500px; }
    .main-container .photo .inner { padding:0 45px; }
    .main-container .photo .text { margin-left:0px; font-size:70px;}
    .main-container .photo .img { margin-left:45px; }
    .main-container .photo .img span { margin-left:120px; }

    .main-container .goforit { margin:0px 45px; }
    .main-container .goforit .group > .item { font-size:70px; }
    .main-container .goforit .group > .item .desc { font-size:28px; }

    .ethical-container .contents { margin-left:120px; margin-top:150px; }
    .ethical-container .section1 .tit { font-size:40px; }
    .ethical-container .section1 p { font-size:20px; }

    .ethical-container .ethical .tab-container{ font-size: 24px; }

    .ethical-container .section2 .tit { font-size:28px; }
    .ethical-container .section2 ul li > div { font-size:22px; } 
    .ethical-container .section3 .tit { font-size:28px; }
    .ethical-container .box .desc { font-size:18px; }
    .ethical-container .section4 .tit { font-size:28px; }
    .ethical-container .section4 li { font-size:16px; } 
    .ethical-container .section5 .tit { font-size:28px; }
    .ethical-container .section6 .tit { font-size:28px; }
    .ethical-container .section7 .tit { font-size:28px; }
    .ethical-container .section8 .tit { font-size:28px; }
}

@media all and (max-width:1100px){ 
    #footer .familysite { position: relative; left:0; top:0; margin-top:30px; width:360px; }
    #footer .familysite .list { width:358px; }


}


@media all and (max-width:1023px){ 
    #subheader { display:none; }
    #header { width:100%; background:rgba(255,255,255,0.7) }
    #header > a { position: absolute;  }
    #header > h1 { text-align: center; display:block; height:80px; line-height: 80px; margin-left:0px; }
    #header > h1 a img{ margin-top:25px; }
    #footer .inner { padding:40px 0; margin:0 45px; }


    #contents.about-container { margin:0 45px; }
    #about .about_title { font-size:60px; margin-bottom:50px; }
    #about .desc .text1 { font-size:42px; margin-bottom:50px; }
    #about .desc p { font-size:20px; max-width:none; margin-bottom:80px; }
    #about .photo { top:300px; }

    #mission_group { margin-top:80px; }
    #mission_group .about_title { font-size:60px; margin-bottom:50px; }
    #mission_group .desc .text1 { font-size:40px; margin-bottom:10px; }

    #mission_group #mission { margin-left:0px; max-width: none; float:none; }

    #mission_group .photo { text-align: center; }
    #mission_group .photo img { width:100%; max-width: 760px; }

    #mission_group #vision { margin-left:0px; max-width: none; float:none; margin-top:60px; }

    #mission_group .photo2 img { height:auto; }

    #core { margin-top:80px; margin-right:0px; }
    #core .about_title { font-size:60px; margin-bottom:50px; }
    #core .desc .text1 { font-size:40px; margin-bottom:10px; }



    #story { margin-top:80px; }
    #story .about_title { font-size:60px; margin-bottom:50px; }
    #story .desc .text1 { font-size:40px; margin-bottom:30px; margin-top:50px; }
    #story .desc { margin-right:0px }

    #story .img { margin-bottom:10px; }
    #story .img img { height:auto; }
    #story .desc p { font-size:18px; }
    #story .desc p b { font-size:20px; }

    #ci { margin-top:80px; margin-right:0px; }
    #ci .about_title { font-size:60px; margin-bottom:50px; }
    #ci .desc .text1 { font-size:40px; margin-bottom:30px; }
    #ci > ul li { padding:30px 0; }
    #ci > ul li a { margin-top:50px; }
    #ci > ul li .preview { width:300px; }
    #ci > ul li .preview img { height:140px; width:auto; }
    #ci .group_list ul { padding:0px; }
    #ci .group_list li > div { margin:0 10px; }

    #ci > a { font-size:25px; }

    #color {margin-top:80px; margin-right:0px; }
    #color .about_title { font-size:60px; margin-bottom:50px; }
    #color .desc .text1 { font-size:40px; margin-bottom:30px; }

    #typeface {margin-top:80px; margin-right:0px; }
    #typeface .about_title { font-size:60px; margin-bottom:50px; }
    #typeface .desc .text1 { font-size:20px; margin-bottom:30px; }


    .sidemenu { display:none; }

    .location-container .contents { margin-left:0px; }
    .location-container .section1 { margin:0 45px; padding-bottom: 40px; }


    .legal-container .contents { margin-left:0px; margin-top:200px; }
    .legal-container .section1 { margin:0 45px; padding-bottom: 40px; }
    .legal-container .section1 .tit { font-size:40px; }
    .legal-container .section1 dl dd.tit2 { padding-top:60px; margin-bottom:70px; }
    .legal-container .section1 dl dd { margin-bottom:70px; }

    .sononow-container { padding-top:200px; margin:0 45px; }
    .sononow-container .contents { margin-left:0px; margin-right:0px !important;  }

    .board-list1 { margin-right:0px; }
    .board-list1 li .thumb { width:300px; height:190px; }
    .board-list1 li .thumb2 { width:300px; height:190px; }
    .board-list1 li .info { margin-left:340px; }
    .board-list1 li .info2 { margin-left:340px; }
    .board-list1 .search .inner { min-width:auto; width:100%; }
    .board-list1 li .info > span.tit { font-size:24px; }
    .board-list1 li .info > span.ctg { margin-bottom:20px; }
    .board-list1 li .info2> span.tit { font-size:24px; }
    .board-list1 li .info2 > span.ctg { margin-bottom:20px; }

    .board-view { margin-right:0px; }

    .sononow-container .csr .tab-group .info { margin-bottom:40px; }
    .sononow-container .csr .tab-group .info .tit { font-size:30px; }
    .sononow-container .csr .tab-container { padding-bottom:60px; margin-bottom:70px; font-size:26px; }
    .sononow-container .csr .tab-group .info .tit { background-size:80px; margin-bottom: 0px; }
    .sononow-container .csr .tab-group .info .tit:hover { background-size: 80px; }

    .sononow-container .csr .tab-group .list > ul > li .tit { position: relative; margin-bottom: 30px; display:block; }
    .sononow-container .csr .tab-group .list > ul > li .desc { margin-left:0px; }
    .sononow-container .csr .tab-group .list > ul > li li { margin-bottom:50px; }

    .business-container .section2 .list2 li .info .tit { font-size:30px; background-size:80px; margin-bottom: 0px; background-size: 80px;}
    .business-container .section2 .list2 li .info .tit:hover { background-size:80px; }
    .business-container .section2 .list2 li > div { margin-right:0px; }
    .business-container .section2 .list2 li .info .logo { margin-bottom:10px; }

    .business-container .contents { margin-left:0px; }
    .business-container .photo { margin:0 45px; margin-bottom:60px; }

    .business-container .section1 { margin: 0 45px; margin-bottom:40px; }
    .business-container .section1 dt { font-size:30px; }

    .business-container .section1 dt.ko { font-size:25px; }

    .business-container .section2 dt { font-size:30px; }
    .business-container .section2 dd { font-size:20px; }
    .business-container .section2 .ctg { font-size:30px; }

    .business-container .section3 .inner { padding:70px; padding-right:150px; }
    .business-container .section3 { font-size:24px; }
    .business-container .section4 {  }
    .business-container .section5 { margin:0 45px; }
    .business-container .section6 { margin:0 45px; }

    .business-container .section6 .tit { position: relative; margin-bottom:20px; }
    .business-container .section6 dl { margin-left:0px; }

    .business-container .section2 .list li .img .cover { opacity: 1; }

    .timeline-container .goforit { margin:0 45px; }
    .timeline-container .contents { margin:0px; margin-top:160px; }
    .timeline-container .goforit > .item { font-size:65px; margin-bottom:50px; }
    .timeline-container .goforit > .item .desc { font-size:28px; }

    .history-wrap .year-wrap .year { width:60px; height:60px; margin-top:40px; margin-bottom:20px }
    .history-wrap > section:nth-child(even) .year-wrap .year { width:60px; height:60px;margin-top:40px; margin-bottom:20px}
    .history-wrap > section .inner { padding:60px 0px 60px 45px; }
    
    .history-wrap .btn-circle { margin-top: 50px; margin-bottom: 20px; height: 60px; width: 60px; background-size:35px 26px; }
    .history-wrap .btn-circle:hover { background-size:35px 26px;  }
    .history-wrap .btn-circle.selected { background-size:35px 26px;  }
    .history-wrap .btn-circle::after { font-size: 24px; line-height: 60px; padding-left:75px; }

    .history-wrap > section:nth-child(even) .btn-circle { margin-top: 50px; margin-bottom: 20px; height: 60px; width: 60px; background-size:35px 26px;  }
    .history-wrap > section:nth-child(even) .btn-circle:hover { background-size:35px 26px;  }
    .history-wrap > section:nth-child(even) .btn-circle.selected { background-size:35px 26px;  }
    .history-wrap > section:nth-child(even) .btn-circle::after { font-size: 24px; line-height: 60px; padding-left:75px; }

    .history-wrap .info p { font-size:40px; }

    .main-container .photo .text { font-size:50px; }

    .main-container .goforit .group > .item { font-size: 50px; }
    .main-container .goforit .group > .item .desc { font-size:24px; }

    .main-container .business li .info a span {  }
    .main-container .business li { font-size:30px; }
    .main-container .business li .info a span { background-size: 50px; }
    .main-container .business li:hover .info a span { background-size: 50px; }

    /*.main-container .photo .text a { position: relative; display: inline-block; top:0; right:0; margin-top: 10px;  }*/

    .main-container .visual .text { font-size:70px; }


    .pop_gallery .tit { font-size:20px; }
    .pop_gallery .btns { padding:0 40px; }
    .pop_gallery .btns .prev img { width:60px; height:60px; }
    .pop_gallery .btns .next img { width:60px; height:60px; }

    .pop_gallery .list li img { width:300px; height:300px; margin:80px 0; }
    .pop_gallery .list li:hover img { width:380px; height:380px; margin:00px 0; }

    .ethical-container .contents { margin-left:0px; margin:0 45px; margin-top: 150px; }
    .ethical-container .ethical .tab-container { font-size:20px; margin-bottom:60px }

    .ethical-container .box { text-align: center; }
    .ethical-container .box .desc { position: relative; top:0; left:0; width:auto; margin-top:20px; }

    .ethical-container .section4 .btns .btn { font-size:16px; margin-bottom:5px; }
    .ethical-container .section4 .btns .btn span { background-size:20px; }

    .ethical-container .section1 { margin-right:0px; }
    .ethical-container .section2  { margin-top:70px; margin-right:0px; }
    .ethical-container .section5  { margin-top:70px; margin-right:0px; }
    .ethical-container .section6  { margin-top:70px; margin-right:0px; }
    .ethical-container .section7  { margin-top:70px; margin-right:0px; }
    .ethical-container .section8  { margin-top:70px; margin-right:0px; }
    .ethical-container .section3  { margin-top:70px; margin-right:0px; }

    .ethical-container .box2 .subject { position: relative; width:auto; text-align: left; margin-bottom: 10px;   margin-top: 0px !important;}
    .ethical-container .box2 .subject br { display:none; }
    .ethical-container .box2 ul { margin-left:0px; }
    .ethical-container .box2 ul li { padding:5px 0; }

    .ethical-container .tip {  }
    .ethical-container .tip > span { display:block }
    .ethical-container .tip > a { margin-left:0px; }

    .ethical-container .section2 ul.col2 li { width:100%; float:none; }

    .ethical-container .input_frm li .subject { font-size:18px; position: relative; width:auto; margin-bottom:10px; }
    .ethical-container .input_frm li .desc { margin-left:0px; }

    .ethical-container .hotline_view li .subject { font-size:18px; position: relative; width:auto; margin-bottom:10px; font-weight: 500;}
    .ethical-container .hotline_view li .desc { margin-left:0px; }

    .ethical-container .section8 a { margin-bottom:5px; }

    .main-container .business { margin-left:120px; }

}


@media all and (max-width:900px){ 
    #mainmenu .inner { position: relative; top:0; left:0; margin: 0 45px; transform: none; margin-top:100px; }
    #mainmenu dl dt { font-size:35px; }
    #mainmenu dl dd li { font-size:18px; margin-bottom: 10px; }
    #mainmenu dl dd ul { white-space: normal; }

    .business-container .section2 .list li { width:50%; }
    .business-container .section2 .list li:nth-child(3n+1) { clear:none; }
    .business-container .section2 .list li:nth-child(2n+1) { clear:both; }



    .pop_gallery2 .page { font-size:18px; left: 20px; top: 20px;}
    .pop_gallery2 .close { top:0px; right:0px; }
    .pop_gallery2 .close img { width:60px; height:60px; }
    .pop_gallery2 .prev { top:50%; left:3% }
    .pop_gallery2 .prev img { width:50px; height:50px; }
    .pop_gallery2 .next { top:50%; right:3%}
    .pop_gallery2 .next img { width:50px; height:50px; }

}

@media all and (max-width:800px){ 
    .main-container .photo .img span { margin-left:50px; }
}

@media all and (max-width:750px){ 
        .board-list1 li .thumb { position: relative; width:auto; height:auto; margin-bottom:20px; }
        .board-list1 li .info { margin-left:0px;  }
        .board-list1 li .thumb2 { position: relative; width:auto; height:auto; margin-bottom:20px; }
        .board-list1 li .info2 { margin-left:0px;  }

    .business-container .section3 .inner { padding:50px; padding-right:150px; }
    .business-container .section3 { font-size:20px; }
    .business-container .section3 .inner { background-size: 70px;  }
    .business-container .section3 .inner:hover { background-size: 70px; }
}

@media all and (max-width:640px){ 
    #mainmenu { overflow: auto; }
    #mainmenu dl { margin-bottom:25px; }
    #mainmenu dl dd { display:none; }
    #mainmenu dl dt a { display:block; background:url(../images/dropdown_arrow_down.svg) no-repeat 100% 15px; border-bottom:solid 1px #ddd; padding-bottom:20px; }
    #mainmenu dl dt a.selected { background:url(../images/dropdown_arrow_up.svg) no-repeat 100% 15px;  }
    #mainmenu .bottom li { float:none; clear: both; margin-bottom:8px; }
    #mainmenu dl dd li { display:block; background:none; }
    #mainmenu dl dd li a { text-indent: 5px; }

    #footer .copyright { float:none; clear:both; padding-top:15px; }
    #footer .footermenu li { display:block; }

    #core .img img { display:none; }
    #core .img img.m { display:inline-block; }

    #mainmenu dl dt{ font-size:28px; }
    #mainmenu .inner { margin:0 20px; margin-top:100px; }
    #mainmenu a.close { left:20px; top:20px; }
    #mainmenu a.close img { width:28px; height:28px; }

    #header > a { margin-left:20px; margin-top:20px; }
    #header > a img { width:28px; height:19px; }
    #header > h1 { height:60px; line-height: 60px; }
    #header > h1.logo img { margin-top:17px; width:220px; height:27px; }



    #footer .inner { margin:0 20px; }
    #footer .footermenu li a { font-size:17px; }

    #footer .familysite { width:100%; }
    #footer .familysite .list { width:99.5%; }
    #footer .familysite > a span { font-size:16px; padding:10px; }
    #footer .familysite .list li a { font-size:14px; padding:14px; }


    #contents.about-container { margin:0 20px; }

    #about { margin-top:100px; }
    #about .about_title { font-size:45px; margin-bottom: 30px; }
    #about .desc .text1 { font-size:35px; }
    #about .desc p { font-size:16px; }
    #about .photo { position: relative; top:0; left:0; margin-bottom:20px; width:100%; }

    #mission_group  .about_title { font-size:45px; margin-bottom: 30px; }
    #mission_group  .desc .text1 { font-size:35px; }
    #mission_group  .desc p { font-size:16px; }

    #core  .about_title { font-size:45px; margin-bottom: 30px; }
    #core  .desc .text1 { font-size:35px; }
    #core  .desc p { font-size:16px; }

    #story  .about_title { font-size:45px; margin-bottom: 30px; }
    #story  .desc .text1 { font-size:35px; }
    #story  .desc p { font-size:16px; }

    #ci  .about_title { font-size:45px; margin-bottom: 30px; }
    #ci  .desc .text1 { font-size:35px; }
    #ci  .desc p { font-size:16px; }
    #ci > a { font-size: 22px; line-height: 1.3; background-size: 40px; padding: 20px 20px; background: url(../images/plus_w.svg) #847C76 no-repeat 96% 80%; background-size: 40px; }
    #ci > a.selected { background: url(../images/minus_w.svg) #847C76 no-repeat 96% 80%; background-size: 40px; }
    #ci > ul li { padding:15px 0; }
    #ci > ul li .preview { width:200px; }
    #ci > ul li a { font-size:20px; background-size:20px; width:auto; padding-right:30px; margin-top:30px; }
    #ci > ul li .preview img { height:70px; }
    #ci .group_list li > div { margin:0 10px; }
    #ci .group_list li img { width:98%; }
    #ci .group_list li .desc > span { font-size:14px; }

    #color  .about_title { font-size:45px; margin-bottom: 30px; }
    #color  .desc .text1 { font-size:35px; }
    #color  .desc p { font-size:16px; }
    #color ul { height:auto; }
    #color ul li { float:none; width:100% !important; height:70px; }
    #color ul li .per { right:40px; bottom:10px; text-align: right; }
    #color ul li:nth-child(1) { height:200px; }
    #color ul li:nth-child(1) .text { font-size:24px; padding:20px; }
    #color ul li:nth-child(1) .text b { font-size:28px; }

    #typeface  .about_title { font-size:45px; margin-bottom: 30px; }
    #typeface  .desc .text1 { font-size:14px; }
    #typeface .desc .img { margin-bottom:40px; }

    .location-container .visual { height:400px; }
    .location-container .section1 { margin:0 20px; padding-bottom: 40px; }
    .location-container .section1 li { font-size:18px; }

    .legal-container .section1 { margin:0 20px; }
    .legal-container .contents { margin-top:150px; }

    .legal-container .section1 .tit { font-size:30px; }
    .legal-container .section1 dl dd.tit2 { font-size:20px; padding-top:30px; margin-bottom:50px; }

    .legal-container .section1 dl dt { font-size:26px; }
    .legal-container .section1 dl dd { font-size:16px; margin-bottom:50px; }

    .sononow-container { margin:0 20px; padding-top:150px; }

    .board-list1 li { padding:30px 0; }

    .board-list1 li .info { min-height: auto; }
    .board-list1 li .info > span.ctg { font-size:16px; margin-bottom:15px; }
    .board-list1 li .info > span.tit { font-size:20px; margin-bottom:25px; }
    .board-list1 li .info > span.desc { font-size:14px; height:84px; }


    .board-list1 li .info2 { min-height: auto; }
    .board-list1 li .info2 > span.ctg { font-size:16px; margin-bottom:15px; }
    .board-list1 li .info2 > span.tit { font-size:20px; margin-bottom:5px; }
    .board-list1 li .info2 > span.desc { font-size:14px; height:84px; }

    .board-list1 .more a { background-size:60px; padding-left:70px; }

    .board-list1 .search .submit { min-width:70px; }


    input[type=text], input[type=password], input[type=number] { text-indent: 10px; font-size:15px; }

    .board-view .info > span.tit { font-size:30px; }
    .board-view .info > span.ctg { font-size:18px; }
    .board-view .info > span.dtm { font-size:14px; margin-bottom:15px; }

    .board-view .info2 > span.tit { font-size:30px; }
    .board-view .info2 > span.ctg { font-size:18px; }
    .board-view .info2 > span.dtm { font-size:14px; margin-bottom:15px; }

    .board-view .btns .prev img { width:60px; height:60px; }
    .board-view .btns .next img { width:60px; height:60px; }
    .board-view .btns .list { margin-top:15px; }

    .sononow-container .csr .tab-container { font-size:20px; padding-bottom:40px; margin-bottom:50px; }
    .sononow-container .csr .tab-container li { margin-right:40px; }
    .sononow-container .csr .tab-group .info .logo { margin-bottom:20px; }
    .sononow-container .csr .tab-group .info .logo img { height:45px; width:auto; }
    .sononow-container .csr .tab-group .info .tit { font-size:26px; background-size:40px; background-position: right center; }
    .sononow-container .csr .tab-group .info .tit span { font-size:22px; }
    .sononow-container .csr .tab-group .info .tit:hover { background-size:40px; background-position: right center; }
    .sononow-container .csr .tab-group .info .desc .en { float:none; width:auto; }
    .sononow-container .csr .tab-group .info .desc .ko { float:none; width:auto; margin-top:30px; }

    .sononow-container .csr .tab-group .list { font-size:18px;  }
    .sononow-container .csr .tab-group .list > ul > li .tit {margin-bottom:20px;}
    .sononow-container .csr .tab-group .list > ul > li .desc { font-size:16px; }

    .sononow-container .csr .tab-group .list > ul > li li { width:50%; margin-bottom:30px; }
    .sononow-container .csr .tab-group .list > ul > li li:nth-child(3n+1) { clear:none; }
    .sononow-container .csr .tab-group .list > ul > li li:nth-child(2n+1) { clear:both; }



    .business-container .visual { height:450px !important; margin-bottom:80px !important; }
    .business-container .visual p { left:20px !important; top:40% !important; font-size:18px !important; }

    .business-container .section1 dt { font-size:22px; }
    .business-container .section1 dt.ko { font-size: 20px; }
    .business-container .section1 dd { font-size:16px; margin-bottom:60px; }


    .business-container .section2 dt { font-size:22px; }
    .business-container .section2 dd { font-size:16px; margin-bottom: 60px; }
    /*.business-container .section1 .photo2 { display:none; }*/
    .business-container .section1 .photo2  img { width:100%; max-width: 540px; margin-bottom:60px; }
    .business-container .section1 .photo2.pet { display:block; position: relative; top:0; left:0; margin-bottom:60px; }
    .business-container .section1 .photo2.pet img { width:100%; max-width:540px; }

    .business-container .photo { margin:0 20px; margin-bottom:40px; }

    .business-container .section1 { margin:0 20px; }
    .business-container .section2 { margin:0 20px !important; }
    .business-container .section3 { margin:0 20px; }
    .business-container .section3 .inner {  padding:  20px; font-size:17px; padding-right:80px; margin-right:0px; }
    .business-container .section3 p { font-size:16px; }
    .business-container .section3 .inner { background-size: 40px;  }
    .business-container .section3 .inner:hover { background-size: 40px; }
    .business-container .section4 { margin:0 20px; }
    .business-container .section5 { margin:0 20px; }
    .business-container .section6 { margin:0 20px; }

    .business-container .section4 img { padding:50px 30px;  }

    .business-container .section2 .list li:nth-child(2n+1) { clear:none; }
    .business-container .section2 .list li { width:100%; }
    .business-container .section2 .list li .img { margin-bottom:30px; }
    .business-container .section2 .list li .info .tit { font-size:18px; background-size: 30px; height:auto; padding-bottom:20px; }
    .business-container .section2 .list li:hover .info .tit { font-size:18px; background-size: 30px; }
    .business-container .section2 .list li .info .slo { padding:0 0 30px 0; }

    .business-container .section2 .list2 li { margin-bottom:60px; }
    .business-container .section2 .list2 li .info .desc .en { float:none; width:auto; }
    .business-container .section2 .list2 li .info .desc .ko { float:none; width:auto; margin-top:30px; }
    .business-container .section2 .list2 li .info .tit { font-size: 26px; background-size:40px; background-position: right center; min-height: auto; padding-bottom:20px; padding-right:50px; }
    .business-container .section2 .list2 li .info .tit span { font-size:18px; }
    .business-container .section2 .list2 li .info .tit:hover {background-size:40px; background-position: right center; }

    .business-container .section5 .photo2 { text-align: center; }
    .business-container .section5 dt { font-size:24px; }
    .business-container .section5 dd { font-size:18px; }

    .business-container .section6 dl { padding-bottom:30px; margin-bottom:30px; }
    .business-container .section6 dl dt { font-size:24px; }
    .business-container .section6 dl dd { font-size:18px; }

    .business-container .section2 .list3 li { margin-bottom:70px; }
    .business-container .section2 .list3 li .info .tit { font-size:24px; }
    .business-container .section2 .list3 li .info .subject { font-size:18px; }
    .business-container .section2 .list3 li .info .desc { font-size:16px; }

    .business-container .hotels .visual p { margin-right:20px; }
    .business-container .enter .visual p br { display:none; }
    .business-container .golf .visual p br { display:none; }
    .business-container .pet .visual p br { display:none; }
    .business-container .lifestyle .visual p br { display:none; }
    .business-container .business .visual p br { display:none; }

    .business-container  img.life_logo { width:200px; height:86px; }
    
    .business-container  img.enc_logo { width:198px; height:42px; }

    .timeline-container .goforit { margin:0 20px; }
    .timeline-container .goforit > .item { font-size:36px; }

    .history-wrap > section .inner { padding:40px 0 50px 20px; }
    .history-wrap .info p { font-size:28px; }
    .history-wrap .year-wrap .month li dl { font-size:16px; }

    .history-wrap .info h4 { font-size:16px; }
    .history-wrap .year-wrap .month li dl { display:block; align-items: inherit; }
    .history-wrap .year-wrap .month li dt { max-width:none;  margin-top:15px; }
    .history-wrap .year-wrap .month li dd { max-width:none;  margin-top:15px; }

    .main-container .business { margin-left:0px; }
    .main-container .business ul { display:block; }
    .main-container .business li { display:block; padding:0px; }
    .main-container .business li .inner > img { width:100%; height: 360px; }
    .main-container .business li .info a span { border:none; }

    .main-container .photo { margin-bottom:70px; }

    .main-container .goforit { margin:0 20px; padding-bottom: 50px;}
    .main-container .goforit .group > .item { font-size:30px; text-align: left; margin-bottom:40px; }
    .main-container .goforit .group > .item .desc { text-align: left; font-size:18px; }

    .main-container .photo { min-height:350px; }
    .main-container .photo .inner { padding:0 0px; }
    .main-container .photo .text a img { width:60px; height:60px; }
    .main-container .photo .img span { margin-left:0px; }
    .main-container .photo .img { margin-left:0px; }
    .main-container .photo .text { font-size:30px; white-space: normal; padding:0 20px; }

    .main-container .photo .text a { display: inline-block; position: relative; top:0; left:0; margin-top:30px; }

    .main-container .goforit > a > img { width:60px; height:60px; }
    .main-container .business { padding-bottom:0px; }


    .main-container .goforit > a { position: relative; top:0; left:0; }
    .main-container .visual .text { font-size:40px; width: 90%; text-align: right; margin-left:0px; padding: 0 20px; }

    .pop_pet .page { font-size:18px; left: 20px; top: 20px;}
    .pop_pet .close { top:0px; right:0px; }
    .pop_pet .prev { top:93%; left:3% }
    .pop_pet .prev img { width:50px; height:50px; }
    .pop_pet .next { top:93%; right:3%}
    .pop_pet .next img { width:50px; height:50px; }


    .pop_gallery2 .page { font-size:18px; left: 20px; top: 20px;}
    .pop_gallery2 .close { top:0px; right:0px; }
    .pop_gallery2 .prev { top:93%; left:3% }
    .pop_gallery2 .prev img { width:50px; height:50px; }
    .pop_gallery2 .next { top:93%; right:3%}
    .pop_gallery2 .next img { width:50px; height:50px; }

    .pop_gallery .close { top:0px; right:0px; }
    .pop_gallery .tit { top:20px; left:20px; padding-right:100px; }
    .pop_gallery .btns { padding:0 20px; }
    .pop_gallery .btns .next img { width:50px; height:50px; }
    .pop_gallery .btns .prev img { width:50px; height:50px; }

    .ethical-container .contents { margin:0 20px; margin-top:120px; }
    .ethical-container .ethical .tab-container { font-size:18px; }
    .ethical-container .ethical .tab-container li { float:none; margin-bottom: 7px; }

    .ethical-container .section1 .tit { font-size:30px; }
    .ethical-container .section1 p { font-size:18px; }

    .ethical-container .section2 { margin-top:80px; }
    .ethical-container .section2 .tit { font-size:22px; }

    /*.ethical-container .section2 ul li { margin-bottom:40px; }*/
    .ethical-container .section2 ul li > div { font-size:16px; }
    .ethical-container .section2 ul li > div.img { display:block; width:auto; text-align: center; margin-top:30px; }
    .ethical-container .section2 ul li:first-child > div.img { margin-top:0px; }
    .ethical-container .section2 ul li > div.desc { display:block; padding: 0px; text-align: center; }
    .ethical-container .section2 ul li > div.desc span { font-size:16px; text-align: center; }
    .ethical-container .section2 ul li > div.desc { padding-right:0px; }

    .ethical-container .section2 ul.col2 li > div.img { display:table-cell; text-align: left; }
    .ethical-container .section2 ul.col2 li > div.desc { display:table-cell; text-align: left; padding:0 10px; }
    .ethical-container .section2 ul.col2 li > div.desc span { text-align: left; }

    .ethical-container .btns { padding:0 20px; }
    .ethical-container .section4 .tit{ font-size:22px; }
    .ethical-container .section5 .tit { font-size:22px; }
    .ethical-container .section6 .tit { font-size:22px; }
    .ethical-container .section7 .tit { font-size:22px; }
    .ethical-container .section8 .tit { font-size:22px; }
    .ethical-container .section3 .tit { font-size:22px; }

    .btn.big { height:55px; line-height: 55px;  width: 100%; min-width: auto; }
    .ethical-container .section4 .btns { padding:0 0px; }
    .ethical-container .box2 { font-size:16px;  }
    .ethical-container .section2 ul.col2 li > div { padding:10px 0; font-size:16px; }

    .ethical-container .section6 img { display:none; }
    .ethical-container .section6 img.m { display: inline-block; }

    .ethical-container .box3 { padding:15px; }
    .ethical-container .section8 .btns { padding:0px; }
    .ethical-container .section8 .btns  a { width:100%; }
    .ethical-container .tip { font-size:16px; }

    .ethical-container .hotline_list table .pc { display:none; }

    .history-wrap .info { margin-right:20px; }
    .history-wrap .year-wrap .month li img { height:auto; }
    .history-wrap .year-wrap .month li dl { margin-bottom:20px; margin-right:20px; }

}

@media all and (max-width:450px){ 
    #ci > ul li a { float:none; display:inline-block; }
    #ci > ul li .preview { float:none; width:auto; display:block; }
    #ci > ul li .preview img { height:113px; width: auto;}
}