#header div.logo
{padding:0px;}
aside.util div.util_Area
{padding-right:50px;}


/*nav*/
.gnb:hover
{border-bottom: 1px solid #649043;}
.gnb .menu:hover .depth1 a
{color:#649044;}
.gnb .menu:hover a
{border-color:#649044;}
.gnb .depth2 ul li a:hover
{background-color:#649044;}



/*slider*/
div.visual .full-wide-slider
{height:620px;}
div.visual .slick-slider .slick-list, div.visual .slick-slider .slick-track
{height:100%;}
div.visual .slick-initialized .slick-slide
{height:100%;}
div.visual .slick-slide figure
{height:100%; }

.slide_ment
{width : 1100px; text-align: center; display : inline-block;}
.slide_ment .ment_left
{text-align:left; position : absolute; top : 30%; width : 520px; height:270px;}
div.visual .caption
{padding-left:20px;}
div.visual .caption span
{font-size:17px;letter-spacing:8.4px; font-family:'noto_l'}
div.visual .caption2 
{display : inline-block; margin-top :10px}
div.visual .caption2 span
{font-size:85px;}
div.visual .slick-slide.slick-active .caption3
{opacity:1; transform:translateY(0);transition : all 0.7s cubic-bezier(0.32, 0.34, 0, 1.3) 1s}
div.visual .caption3
{display : inline-block; margin-top : 30px;opacity:0; position:absolute; top : 40%; z-index:1; transition:all .3s ease; transform:translateY(100px);}
div.visual .caption3 span
{color:white; font-size:32px; font-family:'noto_l';}


/*board_01*/
div.board_01
{background-color:#4d772e;}

/*sec01*/
.accordion
{margin:0px; padding:80px 0px; text-align:center; background:url('m_com_bg.jpg') no-repeat center; }
.sec01
{max-width:1100px; display : inline-block;}
.accordion .sec01_tit
{text-align: center;}
.accordion .sec01_tit p
{margin-bottom:40px;}
.accordion ul li h2
{color:white;}
.accordion ul li div a h2
{margin:0px; text-transform : none; font-weight:300; }
.accordion ul li div a p
{color:white; font-family:'noto_l'}


#block_02
{background:url('m_bus_bg.jpg') no-repeat center;}
#block_02 .sec02_tit
{text-align:center; margin-bottom:50px;}
#block_02 .sec02_tit h2
{font-size:42px; color:white; padding-bottom:5px; font-weight:normal;}
#block_02 .sec02_tit p
{color:white; font-size:17px;}
#block_02 section
{width:265px; margin-right:10px;}
#block_02 section:nth-child(5), #block_02 section:nth-child(9)
{margin-right:0px;}
#block_02 section:nth-child(6), #block_02 section:nth-child(7),#block_02 section:nth-child(8), #block_02 section:nth-child(9)
{margin-top:10px;}

#block_02 section a p
{width:100%; text-align:center; display : inline-block;  color:white;}
#block_02 section p strong
{display : inline-block; font-weight:300; margin-top:30px;}
#block_02 div.wd_11
{width:1100px;}

#block_02 section nav > a
{background:none; text-align: center; border:1px solid white;}
#block_02 section a
{background-color:transparent; height:217px; }
#block_02 section.Box_01 a .img_01
{background:url('m_b_icon01.png') no-repeat center; width:63px;height:66px; display : inline-block; margin-top:50px;} 
#block_02 section.Box_02 a .img_02
{background:url('m_b_icon02.png') no-repeat center; width:63px;height:66px; display : inline-block; margin-top:50px;} 
#block_02 section.Box_03 a .img_03
{background:url('m_b_icon03.png') no-repeat center; width:63px;height:66px; display : inline-block; margin-top:50px;} 
#block_02 section.Box_04 a .img_04
{background:url('m_b_icon04.png') no-repeat center; width:63px;height:66px; display : inline-block; margin-top:50px;} 
#block_02 section.Box_05 a .img_05
{background:url('m_b_icon05.png') no-repeat center; width:63px;height:66px; display : inline-block; margin-top:50px;} 
#block_02 section.Box_06 a .img_06
{background:url('m_b_icon06.png') no-repeat center; width:63px;height:66px; display : inline-block; margin-top:50px;} 
#block_02 section.Box_07 a .img_07
{background:url('m_b_icon07.png') no-repeat center; width:63px;height:66px; display : inline-block; margin-top:50px;} 
#block_02 section.Box_08 a .img_08
{background:url('m_b_icon08.png') no-repeat center; width:63px;height:66px; display : inline-block; margin-top:50px;} 





section.product
{width:1100px;}
section.product div.tit
{padding:0px;}
section.product h3
{font-size:42px; color:#3d3d3d; padding-bottom:5px;}
section.product p
{font-size:17px; color:#a6a5a5; margin-bottom : 50px;}


.rotate
{transform:rotate(90deg); transition-duration:0.3s;}
.no_rotate
{transform:rotate(-90deg); transition-duration:0.3s;}
#block_04
{background:url('m_cs_bg.jpg') no-repeat center; background-size:cover;}
#block_04 div.wd_11
{width:1100px;}
#block_04 .sec04_tit
{text-align:center;}


.sec04_tit h2
{font-size:42px ;color:#3d3d3d;padding-bottom:5px;}
.sec04_tit p
{font-size:17px; color:#868686; margin-bottom:50px;}

#block_04 div.block_L
{background:white; border:none;}
#block_04 div.block_L h3
{font-family : "noto_r"; color:#303030;}
#block_04 .ico1, #block_04 .ico2
{ display : inline-block; width:260px; height:180px; background:white;}
#block_04 .ico2
{margin-left:13px;}
#block_04 div.block_R div.ico1 a , #block_04 div.block_R div.ico2 a
{width:100%; border:none;}


#block_04 div.block_R div.ico3:hover
{opacity:0.95;}
.ico3 .ico3_box
{padding : 30px 0 0 45px;font-family : 'noto_l'}
.ico3_box p
{ font-size:28px; color : white; line-height:120%;}
.ico3_box .txt
{color:white;font-size:16px !important; padding-top:10px !important;}





/*footer*/
footer
{text-align:center; background:#2b2b2b; padding-top : 80px;}
footer div.container
{margin:0px; display : inline-block;}
div.info_1
{width:25%;}
.info_1 .f_logo
{background:url('f_logo.gif') no-repeat center; width:220px;height:71px;}

.info_2
{text-align:left; width:auto !important;}

.info_2 .footer-info p.copy
{padding-top : 10px; color:#707070;}
.info_2 .footer-info p.copy a
{padding-left:10px; }
.info_2 .footer-info p.copy a:hover
{color:#b2b2b2}















/*sub*/
#submenu .menu ul li.select_on a
{background-color:#649043}
#submenu .menu ul li a
{padding:12px 35px 0 35px;}





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

    .button_container
    {top:35px !important;}
    #header div.logo img
    {margin-bottom:10px;}

    div.visual .full-wide-slider
    {min-height:350px; height:350px;}
    .slide_ment .ment_left
    {width:100%;height:100%; padding:0 20px; top : 0%;}


    div.visual .caption
    {top : 27%; padding-left:10px;}
    div.visual .caption span
    {font-size:17px; letter-spacing:2.4px; padding:0;}

    div.visual .caption2
    {top:32%;}
    div.visual .caption2 span
    {font-size:40px; padding:0;}
 
    div.visual .caption3
    {top : 50%; margin-top:0px;}
    div.visual .caption3 span
    {font-size:24px;}

    div.visual .slick-dots
    {bottom:20px;}

    .accordion
    {padding:50px 0;}
    .accordion h2
    {font-size:36px;}
    .accordion .sec01_tit p
    {padding:0 20px;}

    #block_02
    {background-size:cover;padding:50px 0;}
    #block_02 section
    {width:100%;}
    #block_02 .sec02_tit h2
    {font-size:36px;}
    #block_02 .sec02_tit p
    {padding:0 20px;}
    #block_02 section nav > a
    {padding: 0px;}
    #block_02 div.wd_11
    {width:100%;}


    section.product
    {width:100%;padding:50px 0;}
    section.product h3
    {font-size:36px;}
    section.product p
    {padding:0 20px;}

    .sec04_tit h2
    {font-size:36px;}
    #block_04 div.wd_11
    {width:100%;}
    #block_04 div.block_R
    {text-align:center;}
    #block_04 .ico1, #block_04 .ico2
    {width:49%;}
    #block_04 .ico2
    {margin-left:0px;}
    .ico3 .ico3_box
    {padding-left:0px;}
    #block_04 div.block_R div.ico3
    {margin-top:30px; padding:0 0 0 0px;}
    #block_04 div.block_R div.ico1 a, #block_04 div.block_R div.ico2 a
    {padding-top:115px;}

    div.info_1
    {width:100%; text-align:center;}
    .info_1 .f_logo
    {display : inline-block;}

    footer
    {padding-top:50px;}
    .footer-info
    {padding:0 20px;}

    #submenu .menu ul li a
{padding:10px 10px 0 10px;}

.open ul li a
{color:#649043;}


}


@media screen and (max-width:380px){
    div.visual .caption span
    {letter-spacing:1px;}
    div.visual .caption3
    {top:53%;}
    div.visual .caption3 span
    {font-size:20px;}


    section.product td.board_output_gallery_img img
    {width:110px; height:110px;}
    .ico3 .ico3_box
    {padding-top:40px;}
    .ico3_box p
    {font-size:24px;}
}