/* 반응형을 위한 css none처리 */
.mo_header {display: none;} 
.h_menu2 {display: none;}
.mo_768on {display: none;}
.vidio iframe {width: 100%; height: 640px;}
@media (max-width: 1630px) {
    /* .container_flex {margin: 0 auto; width: 95%; box-sizing: border-box;}  */
    .content_flex {justify-content: space-between;}
    .content_flex2 {justify-content: space-between;}
    .content_flex .left_box {margin-left: 20px;}
    .content_flex2 .right_box {margin: 0 20px;}
    .content_flex .right_box img {width: 100%;}
    .content_flex2 .left_box img {width: 100%;}
    .right_box {margin-left:0;}
    ul.ul_greeting li img {width: 100%;}

    /* 브랜드 */
    .sub1_section1 .section1_title h3 img {width: 100%;}
    .vidio img {width: 100%;}
}

@media (max-width: 1500px) {
    .section1 .section1_title p {font-size: 26px;}
}

@media (max-width: 1350px) {
    .left_text_box {width: 89%;}

    /* sub2 php */
    .sub2_section3_box_area .left_box {width: 50%;}
    .sub2_section3_box_area .right_box .imgbox_l img {height: 100%; width: 100%;}
    .slick-slide img {display: block; width: 100%;}
    /* sub2 php end*/
}

@media (max-width: 1250px) {
    .container_header {max-width: 1200px; width: 100%; height: auto;}
}

@media (max-width: 1200px) {
    .container {max-width: initial; width: 89.5%; height: auto; margin: 0 auto;}
    .content_flex {display: block;}
    .content_flex .left_box {margin-left: 0;}
    .section1 {text-align: center;}
    .section1_title {padding-top: 50px;}
    .left_text_box {width: 89.5%; margin: 0 auto; margin-bottom: 30px;}
    .content_flex2 {display: block;}
    ul.ul_greeting li img {width: 50%;}
    .History_area ul > li {text-indent: 20px;}
    .section3 ul {text-align:center; margin: 0 -15px;}
    .section3 ul li {width: calc(100% / 2); padding: 0 15px;}
    .section3 ul li {margin-bottom: 30px;}
    .section3 ul li:nth-last-of-type(1), .section3 ul li:nth-last-of-type(2) {margin-bottom: 0;}
    .section3 ul li .img img {width: 100%;}
    .section4 .container > div img {width: 100%;}
    .img_down_bg img {width: 100%;}
}

@media (max-width: 1024px) {
    .container_header {max-width: initial; width: 89.5%; height: auto; margin: 0 auto;}
    header .logo_area {width: auto; margin-left: 0;}
    .pc_header {display: none;}
    .mo_header {display: block; z-index: 9999;}
    /* 모바일 네비 */
    header.mo_header .nav_area {justify-content: space-between;}
    header nav ul.dep1 {display: block;}
    header nav ul.dep1 ul.dep2 {display: none; position: initial; top: initial; left: initial; transform: initial; background: #e78b05; padding: 24px 0; width: 200px;}
    header nav ul.dep1 > li {height: auto; width: 100%;}
    header nav ul.dep1 > li:hover {width: 100%;}
    header nav ul.dep1 ul.dep2 {width: 100%;}
    header nav ul.dep1 > li:last-child ul.dep2:last-child {width: 100%;}
    header nav ul.dep1 > li:after {display: none;}
    .mo_nav_area {position: absolute; top: 55px; right: -9999px; width: 80%; background: #fff; height: 100vh; z-index: 1; transition: all 0.3s;}
    .mo_nav_area.on {right: 0; transition: all 0.3s;}
    .mo_nav_area:before {content:''; display: block; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); position: absolute; left: -100%; top: 0; z-index: -1;}
    header nav ul.dep1 > li {color: #000;}
    /* footer */
    footer nav {display: block; text-align: center;}
    .container_f {display: block;}
    .logo_f {margin: 0 auto; margin-bottom: 20px;}
    footer nav ul:first-child {width: 100%; margin-bottom: 20px;}
    footer nav ul:last-child {justify-content: center;}

    /* content */
    .section6 ul li {width: calc(100% / 3);}
    .section5_title {margin-top: 0;}

    /* sub_2 php */
    .content_box2 ul li {width: calc(100% / 2);}
    .content_box2 ul li:nth-last-of-type(1) {width: calc(100% / 2);}
    .sub2_section3_title p {font-size: 30px; font-weight: 400; color: #323232;}
    .sub2_section3_title p img {width: 200px;}
    .sub2_section3_box_area {display: flex; margin-top: 20px; flex-flow: column;}
    .sub2_section3_box_area .left_box {width: 100%;}
    .sub2_section3_box_area .right_box {height: auto; margin-left: 0; margin-top: 50px;}
    /* sub_2 php end*/

    /* 브랜드 */
    .logo2 {background: url(../img/hover_logo2.png)no-repeat 50% 50% !important; width: 181px; height: 67px;}
}

@media (max-width: 768px) {
    .visual_text_area {width: 100%;}
    .slick-slide img {width: 100%; height: 100vh;}

    header .logo {background: url(../img/logo2.png)no-repeat 50% 50%; width: 23.568vw; height: 8.724vw;}
    .visual_text_area p {font-size: 5.208vw;}
    .visual_text_area h2 {margin-bottom: 5.208vw;}
    .h_menu img {width: 6.510vw;}
    .h_menu2 img {width: 6.510vw;}
    .section1_title {padding-top: 7.813vw; margin-bottom: 5.208vw;}
    .section1 .section1_title h3 {font-size: 5.208vw; margin-bottom: 5.208vw;}
    .section1_title h3 span {margin-top: 2.604vw;}
    .left_text_box ul {padding: 0 6.510vw;}
    .left_text_box ul li {margin-bottom: 3.125vw; font-size: 2.865vw;}
    .left_text_box ul li img {width: 4.557vw;}
    .left_text_box {margin-bottom: 5.208vw;}
    .content_flex {margin-bottom: 14.974vw;}
    .left_text_box2 {padding: 7.813vw;}
    .left_text_box2 .box1 p em,.left_text_box2 .box2 p em {font-size: 4.557vw;}
    .left_text_box2 .box1 ul li, .left_text_box2 .box2 ul li {font-size: 2.995vw; margin-bottom: 3.255vw;}
    .left_text_box2 .box1 ul li span,.left_text_box2 .box2 ul li span {font-size: 3.646vw;}

    ul.ul_greeting {margin-top: 5.208vw;}
    ul.ul_greeting li {word-break: keep-all; font-size: 3.646vw;}
    .li_br {display: none;}
    ul.ul_greeting li img {width: 78.125vw;}
    .section1 {margin-bottom: 32.552vw;}
    .section2 .section1_title h3 {margin-bottom: 3.255vw; font-size: 6.510vw;}
    .section2 .section1_title {margin-bottom: 7.813vw;}
    .History_area ul > li {text-indent: 0px; font-size: 5.208vw; padding-top: 7.813vw; flex-flow: column; word-break: keep-all;}
    .History_area ul > li > div {padding-bottom: 7.813vw; padding-top: 5.208vw; margin-left: 0px;}
    .History_area ul > li > div > ul > li:first-child {font-size: 3.646vw; margin-right: 3.255vw;}
    .History_area ul > li > div > ul > li:last-child {font-size: 3.125vw;}
    .h_br {display: none;}
    .mo_768on {display: block;}
    .History_area ul > li > div > ul {margin-bottom: 3.906vw;}

    .section3 {margin: 15.625vw 0; padding: 15.625vw 0;}
    .section3 .section1_title {margin-bottom: 7.813vw;}
    .section1_title p {font-size: 7.292vw;}
    .section3 .section1_title h3 {margin-bottom: 3.255vw; font-size: 6.510vw;}
    .section3 ul {margin: 0 -1.953vw;}
    .section3 ul li {margin-bottom: 3.906vw; padding: 0 1.953vw;}
    .section3 .text_box dl {margin-bottom: 3.255vw;}
    .section3 .text_box dl dt {font-size: 3.125vw; margin-right: 2.604vw;}
    .section3 .text_box dl dd {font-size: 3.125vw;}
    .section3 .text_box p {font-size: 2.995vw;}
    .awards {margin-top: 10.807vw;}

    .section4 .section1_title {margin-bottom: 7.813vw;}
    .section4 .section1_title h3 {margin-bottom: 3.255vw; font-size: 7.813vw;}
    .section1_title p {font-size: 8.594vw;}
    .section4 {padding-bottom: 20.833vw;}
    .section5_title p {font-size: 5.208vw;}
    .down_area ul {margin-bottom: 5.208vw; align-items: baseline; flex-flow: column;}
    .section5_title {border-radius: 4.948vw; padding: 3.385vw 7.813vw; margin-top: -15.625vw; margin-bottom: 9.635vw;}
    .down_area ul li {font-size: 3.646vw; margin-bottom: 5.208vw;}
    .down_area ul li:last-child a {padding: 0 6.510vw; border-radius: 4.818vw; font-size: 3.646vw; height: 9.635vw; line-height: 9.375vw;}
    .down_area ul li:last-child a img {margin-left: 2.604vw; width: 3.255vw;}
    .section5 {background: #f5f5f5; margin: 15.625vw 0; margin: 15.625vw 0; padding-bottom: 15.625vw;}
    .section6 {padding: 15.625vw 0;}
    .section6 .section1_title {margin-bottom: 7.813vw;}
    .section6 .section1_title h3 {margin-bottom: 3.255vw; font-size: 6.510vw;}
    .section6 ul li {width: calc(100% / 2);}
    .section7 .section1_title {margin-bottom: 7.813vw;}
    .section7 .section1_title h3 {margin-bottom: 3.255vw; font-size: 6.510vw;}
    .map iframe {width: 100%; height: 65.104vw; margin-bottom: 6.510vw;}
    .map ul li dl dd {font-size: 3.125vw;}
    .map ul li dl dt {font-size: 3.385vw; margin-right: 1.953vw;}
    .map ul:nth-child(3) {display: flex; align-items: center; flex-wrap: wrap;}
    .map ul:nth-child(3) li {font-size: 3.125vw; width: calc(100% / 2); box-sizing: border-box; margin-right: 0; margin-bottom: 1.302vw;}
    .map ul:nth-child(3) li img {margin-right: 1.953vw; width: 3.255vw;}
    .section7 {padding: 15.625vw 0;}
    footer {padding-top: 7.813vw; padding-bottom: 10.417vw;}
    .logo_f img {width: 27.344vw;}
    .logo_f {margin-bottom: 3.906vw;}
    footer nav ul:first-child li {font-size: 2.604vw;}
    .section1 .section1_title p {font-size: 3.385vw;}
    header:hover .logo_area > .logo {background: url(../img/hover_logo2.png)no-repeat 50% 50%; width: 23.568vw; height: 8.724vw;}
    header .logo {background-size: cover;}
    header:hover .logo_area > .logo {background-size: cover;}

    header nav ul.dep1 > li {font-size: 3.906vw; line-height: 12.760vw;}
    header nav ul.dep1 ul.dep2 > li {margin-bottom: 4.557vw;}
    header nav ul.dep1 ul.dep2 > li > a {font-size: 3.385vw;}
    header nav ul.dep1 ul.dep2 {padding: 3.125vw 0;}
    header nav ul.dep1 ul.dep2 > li {margin-bottom: 4.557vw;}

    /* sub_2 php */
    .sub2_section1 {margin: 15.625vw 0; padding-top: 26.042vw;}
    .sub2_section1 .section1_title {margin-bottom: 7.813vw; text-align: center;}
    .sub2_section1 .section1_title h3 {margin-bottom: 3.255vw; font-size: 6.510vw;}
    .content_sub2 img {width: 114.583vw;}
    .sub2_section1 .content_sub2 .content_img {overflow-x: scroll;}
    .sub2_section1 .content_sub2 {margin-bottom: 0;}
    .sub2_section1 {padding: 15.625vw 0; padding-top: 26.042vw;}
    .sub2_section2 .slick-slide img {height: auto;}
    .sub2_section2 {padding: 15.625vw 0; padding-top: 0;}
    .slick_sub1_area {margin-bottom: 7.813vw;}
    .section5_title p span {font-size: 4.688vw; font-weight: bold; color: #323232; margin-right: 2.995vw;}
    .content2_title p {font-size: 3.385vw;}
    .content2_title {margin-bottom: 8.073vw;}
    .content_box2 ul {margin: 0;}
    .content_box2 ul li {width: calc(100% / 1); padding: 0; padding-bottom: 3.906vw;}
    .content_box2 ul li > div .img_box_c {margin-bottom: 3.906vw; padding-bottom: 3.906vw;}
    .content_box2 ul li > div .text-box_c p:first-child {font-size: 3.906vw; margin-bottom: 3.906vw;}
    .content_box2 ul li > div .text-box_c p:last-child {font-size: 3.646vw;}
    .content_box2 ul li > div {min-height: initial; padding: 3.906vw;}
    .content_box2 ul li:nth-last-of-type(1) {width: calc(100% / 1);}
    .sub2_section3 {margin: 15.625vw 0; margin: 15.625vw 0; padding-bottom: 15.625vw;}
    .section1_title h3 {font-size: 6.510vw; margin-bottom: 3.255vw;}
    .sub2_section3_title p img {width: 13.021vw;}
    .sub2_section3_title p {font-size: 3.906vw;}
    .sub2_section4 .section1_title {margin-bottom: 5.208vw;}
    .sub2_section3_box_area ul > li > div > div.text_box_l p:first-child {font-size: 4.167vw; margin-bottom: 3.906vw;}
    .sub2_section3_box_area ul > li > div > div.text_box_l p:last-child {font-size: 3.646vw;}
    .sub2_section3_box_area ul > li {margin-bottom: 2.604vw;}
    .sub2_section4 {margin: 15.625vw 0;}
    .sub2_section5 {padding: 15.625vw 0; padding-bottom: 19.531vw;}
    .notice_area .container > ul > li > div > ul.thead {padding: 0 2.604vw;}
    .notice_area .container > ul > li > div > ul.thead > li {font-size: 3.255vw; padding: 2.604vw 0;}
    /* .notice_area .container > ul > li > div > ul.thead > li {width: 26.042vw;} */
    /* .notice_area .container > ul > li > div > ul.thead > li:nth-child(2) {width: calc(1200px - 52.083vw);} */
    .notice_area .container > ul > li > div div.no_th > p span {font-size: 2.604vw;}
    .notice_area .container > ul > li > div > div.tbody {height: 10.156vw; padding: 0 2.604vw;}
    .notice_area .container > ul > li > div div.no_th > p span {font-size: 2.604vw;}
    .notice_area .container > ul > li > div div.td3 > p {font-size: 2.604vw;}
    .notice_area .container > ul > li > div div.td4 > p {font-size: 2.604vw;}
    .pager {margin-top: 6.901vw;}
    .pager ul li a {width: 6.510vw; height: 6.510vw; line-height: 6.250vw; margin-right: 2.604vw; font-size: 3.125vw;}
    .sub2_section5 {padding: 15.625vw 0; padding-bottom: 19.531vw;}
    .notice_area .container > ul > li > div > div.tbody > .td3 {line-height: 9.896vw;}
    .notice_area .container > ul > li > div > div.tbody > .no_th {line-height: 9.896vw;}
    /* .notice_area .container > ul > li > div > div.tbody > .no_th {line-height: 9.896vw; width: 26.042vw;}
    .notice_area .container > ul > li > div > ul.thead > li {width: 49.042vw;} */
    /* .notice_area .container > ul > li > div > ul.thead > li:first-child {width: 50.042vw;}
    .notice_area .container > ul > li > div > ul.thead > li:last-child {width: 26.042vw;}
    .notice_area .container > ul > li > div > div.tbody > .no_th {line-height: 9.896vw; width: 50.042vw;}
    .notice_area .container > ul > li > div > div.tbody > .td4 {line-height: 9.896vw; width: 26.042vw;} */
    .notice_area .container > ul > li > div > div.tbody > .td4 {line-height: 9.896vw;}
    /* sub_2 php end*/

    /* 브랜드 */
    .sub1_section1 {padding-top: 6.510vw;}
    .content_sub1 p {font-size: 4.688vw; margin-bottom: 5.208vw; line-height: 1.5; word-break: keep-all;}
    .sub1_section1 {padding-top: 6.510vw;}
    .content_sub3 ul li a {width: 33.073vw; height: 9.635vw; line-height: 9.375vw; border-radius: 4.818vw; font-size: 2.604vw;}
    .sub1_section1 .section1_title {margin-bottom: 10.417vw;}
    .logo2 {background-size: cover !important;}
    header.down .logo_area > .logo {background: url(../img/hover_logo2.png)no-repeat 50% 50%; width: 23.568vw; height: 8.724vw;}

    .vidio iframe {width: 100%; height: 83.333vw;}


    .sub1_section1 .section1_title h3 img {width: 80%;}
    .sub1_section1 .section1_title {padding-top: 26.042vw;}
    header .nav_area {height: 13.021vw;}
    header {height: 13.021vw;}

    header.down .logo_area > .logo {background-size: cover;}
}