@charset "utf-8";
/* CSS Document */



/* head */
@media only screen and (max-width:1800px){
    .header_wrap 
    {padding: 0 20px; width: 100%}
    .logo 
    {left: 20px;}
}
@media only screen and (max-width:1200px){
    
    .nav
    {width: 700px;}
    .nav
    {display: none;}
    .lang_nav
    {display: none;}
    .ham_tab
    {display: block}
    .logo
    {left: 10px} 
}
@media only screen and (max-width:768px){
    .header 
    {height: 80px;}
    .logo
    {width: 110px;top: 20px}
    .logo img
    {width: 100%}
    .ham_tab 
    {width: 60px;right: -10px;top: 30px;}
    .ham_tab li 
    {width: 30px;height: 2px;margin-bottom: 8px;}
}


/* footer */
@media only screen and (max-width:1200px){
    
    .f_wrap 
    {width: 100%;}
    
}
@media only screen and (max-width:768px){
    #wrapper 
    {margin-bottom: 134px;}
    .f_wrap > div:nth-child(1) 
    {float: none}
    .footer p
    {font-size: 12px; line-height: 18px}
    .f_logo
    {display: none}
    .f_wrap 
    {padding: 30px 15px 30px 15px;}
    .f_wrap span 
    {padding: 0 10px;}
    .f_wrap .txt p:nth-last-child(2) 
    {padding-bottom: 15px;}
    .f_wrap > div:nth-child(1) 
    {width: 100%;}
    
}
@media only screen and (max-width:500px){
    .f_wrap .txt p 
    {padding-bottom: 5px;}
    .f_wrap .txt p:nth-last-child(2) 
    {padding-bottom: 10px;}
}
@media only screen and (max-width:450px){
    #wrapper 
    {margin-bottom: 175px;}
}


/* common */
@media only screen and (max-width:1200px){
    
    .content_wrap
    {width: 100% !important;padding: 100px 20px}
    .content01
    {padding-bottom: 100px}
    .content02
    {padding-bottom: 100px}
    .content03
    {padding-bottom: 100px}

}
@media only screen and (max-width:768px){
    
    .content_wrap
    {width: 100%;padding: 70px 15px}
    .content01
    {padding-bottom: 70px}
    .content02
    {padding-bottom: 70px}
    .content03
    {padding-bottom: 70px}
    
    p 
    {word-break: break-all}
    p br
    {display: none}
    p
    {font-size: 14px; line-height: 20px}
    .sub_title 
    {padding-bottom: 30px}
    .sub_title p
    {font-size: 24px; line-height: 30px}
    .sub_title div
    {font-size: 24px; line-height: 30px}
}


/* mv */
@media only screen and (max-width:1200px){
    .mv 
    {height: 700px}
    .s1{background-position: 70% 0}
    .s2{background-position: 70% 0}
    .s3{background-position: 40% -90%;}
    .mv .txt 
    {padding:190px 0 0 15%}
    .slick-dots 
    {bottom: 80px;}
    .mv .txt > div
    {font-size: 36px;line-height: 42px}
}
@media only screen and (max-width:768px){
    .mv 
    {height: 550px}
    .mv .txt > div.mv_box_txt {font-size: 14px;}
    .s1 
    {background-position: 60% -50%;}
    .s2
    {background-position: 70% 0}
    .s3
    {background-position: 40% -75%}
    .mv .txt 
    {padding: 155px 10% 0 10%}
    .mv .txt > div 
    {font-size: 24px;line-height: 30px;}
    .slick-next 
    {right: 0px;}
    .slick-prev 
    {left: 0px;}
    .slick-dots 
    {bottom: 30px;}
    .slick-arrow 
    {width: 25px}
}



/* sub_mv */
@media only screen and (max-width:1200px){
    
    .sub_visual 
    {height: 450px;}
    .sub_visual .txt_wrap 
    {width: 100%;padding:180px 20px 0 20px}
    .sub_visual .txt 
    {padding-bottom: 50px;}
    .sub .sub_visual .txt div 
    {font-size: 36px}
    .sub01_tab
    {display: none}
    .sub01_tab_res
    {display: block}
    .sub02_tab li 
    {width: 50%;padding: 0px 5px 5px 0px;}
    .sub02_tab li a 
    {font-size: 14px;}
    .pt_list_wrap {margin-left: -20px;}
    .pt_list_box {padding-left: 20px;}
    .pt_list_txt .pt_list_txt_in span {font-size: 17px;}
    .pt_list_txt {height: 58px;}
    .pt_list_date {font-size: 16px;}
    
}

@media only screen and (max-width:768px){
    
    .sub_visual 
    {height: 360px;}
    .sub_tab
    {display: none}
    .sub_visual .txt_wrap span 
    {display: none}
    .sub_visual .txt 
    {padding-bottom: 0px;text-align: center;}
    
    .sub_tab li a 
    {font-size: 14px;}
    .sub_visual .txt_wrap 
    {width: 100%;}
    .sub01_tab li 
    {padding: 0 3px}
    
    .sub_visual
    {background-position: -700px 0px;}
    .sub02 .sub_visual
    {background-position: -500px 0px;}

    .pt_list_box {width: 50%;}
    .pt_list_wrap {margin-left: -10px;}
    .pt_list_box {padding-left: 10px;}
    .pt_list_txt .pt_list_txt_in span {font-size: 14px;}
    .pt_list_txt {height: 48px;}
    .pt_list_date {font-size: 13px;}
}



/* index */
@media only screen and (max-width:1200px){
    
    .index .content01 > .txt 
    {padding: 0px 0 0 50px;}
    .index .content01 > .txt > .tlt 
    {font-size: 32px;line-height: 40px;padding-bottom: 25px;}
    .index .content01 > .txt > p 
    {padding-bottom: 25px;}
    .index .content01 > .txt .btn 
    {width: 150px;height: 50px;}
    .index .content01 > .txt .btn a 
    {font-size: 15; padding-top: 11px;}
    .index .content02 > .txt 
    {padding: 40px 0 0 50px;}
    .index .content02 > .txt > .tlt 
    {font-size: 32px;line-height: 40px;padding-bottom: 25px;}
    .index .content02 > .txt > p 
    {padding-bottom: 25px;}
    .index .content02 > .txt .btn 
    {width: 150px;height: 50px;}
    .index .content02 > .txt .btn a 
    {font-size: 15; padding-top: 11px;}
    .mv02
    {padding: 30px 15px}
    .mv02 .txt p:nth-child(1) 
    {padding-bottom: 20px;font-size: 20px;line-height: 26px;}
    .mv02 .txt p:nth-child(2) 
    {font-size: 26px;padding-bottom: 20px;line-height: 30px;}
    .img_cover div 
    {font-size: 30px;padding-top: 125px;}
}
    
@media only screen and (max-width:768px){
    
    .index .content01 > div
    {float: none; width: 100%}
    .index .content02
    {display: flex;flex-direction: column}
    .index .content02 > div
    {float: none; width: 100%}
    .index .content02 > div:nth-child(1)
    {order: 2}
    .index .content02 > div:nth-child(2)
    {order: 1}
    .index .content01 > .txt 
    {padding: 20px 0 0 10px}
    .index .content02 > .txt 
    {padding: 20px 0 0 10px}
    .index .content01 > .txt > .tlt 
    {font-size: 24px;line-height: 30px;padding-bottom: 10px;}
    .index .content01 > .txt > p 
    {padding-bottom: 10px;}
    .index .content02 > .txt > .tlt 
    {font-size: 24px;line-height: 30px;padding-bottom: 10px;}
    .index .content01 > .txt > p 
    {padding-bottom: 10px;}
    .index .content01 > .txt .btn a 
    {font-size: 14px;padding-top: 10px;}
    .index .content02 > .txt .btn a 
    {font-size: 14px;padding-top: 10px;}
    .index .content01 > .txt span 
    {font-size: 24px}
    .mv02
    {background-position: 50% 0; }
    .mv02 .btn
    {width: 150px; height: 50px}
    .mv02 .btn a 
    {font-size: 14px;}
    .mv02 .txt p:nth-child(2) 
    {font-size: 22px;padding-bottom: 15px;line-height: 30px;}
    .mv02 .txt 
    {font-size: 20px;line-height: 30px;padding: 30px 0 0 0px;}
    .mv02 .content_wrap > div 
    {width: 100%;}
    .mv02_img
    {padding: 0px 0px 0 0px}
    .mv02_img img 
    {width: 100%;}
    .mv02 .txt p:nth-child(1) 
    {padding-bottom: 0px;font-size: 14px}
    .mv02 .txt p:nth-child(2) 
    {padding-bottom: 10px;}
    .img_cover div 
    {font-size: 24px;padding-top: 130px;}
}



/* sub_common */
@media only screen and (max-width:1200px){
    .content_video .content_wrap .txt .tlt
    {padding-bottom: 20px;line-height: 36px;}
    .content_video .content_wrap
    {padding: 80px 15px}
    .sub02_title .tlt 
    {font-size: 28px;}
}
@media only screen and (max-width:768px){
    
    .sub .sub02_title .tlt p
    {font-size: 24px; line-height: 30px}
    .sub02_title .txt
    {padding-left: 0px;width: 100%}
    .sub02_title .tlt 
    {font-size: 24px;width: 100%;padding-bottom: 20px;}
    .sub01_03 .sub02_title .tlt
    {width: 100%;padding-bottom: 20px;font-size: 36px;line-height: 42px;font-size: 36px;}
    .sub02_title > div
    {float: none;}
    .sub02_title .txt div 
    {font-size: 20px;padding-bottom: 5px;}
    .sub .box_wrap p 
    {text-align: center;padding-top: 10px;}
    .content_video .content_wrap > div
    {float: none}
    .video 
    {width: 100%}
    table
    {font-size: 14px; margin-bottom: 30px}
    table th 
    {padding: 12px 10px;}
    table td 
    {padding: 12px 10px;}
    .content_video .content_wrap .txt .tlt
    {padding-bottom: 20px;line-height: 30px;font-size: 24px}
    .content_video .content_wrap
    {padding: 60px 10px}
    
}



/* sub01_01 */
@media only screen and (max-width:1200px){
    .sub01_01 .content
    {padding: 0 10px 0 10px}
}
@media only screen and (max-width:768px){
    .sub01_01 .content .txt div 
    {font-size: 24px;line-height: 30px;padding-bottom: 20px;word-break: keep-all;}
    .sub01_01 .content02 .txt 
    {padding: 50px 20px 50px 20px; text-align: center;margin: 0 auto;}
    .sub01_01 .content01 
    {padding: 70px 15px 70px 15px;}
    .sub01_01 .content02 
    {padding-bottom: 200px;padding-top: 100px;}
    .sub01_01 .content03 
    {padding: 70px 0 0px 0;}
    .sub01_01 .content03 .txt br
    {display: none}
    .sub01_01 .content 
    {background-position: 0px 130%;}
    .sub01_01 .content01 > div 
    {width: 100%;}
    .sub01_01 .content01 .txt 
    {padding-top: 20px;}
    .sub01_01 .content03 .txt p 
    {padding-bottom: 30px;}
    .sub01_01 .content .txt p br
    {display: none}
    .sub01_01 .content03 .txt .txt_name 
    {font-size: 20px;}
    .sub01_01 .content03 .txt_name span 
    {font-size: 26px;padding-left: 10px;}
}
@media only screen and (max-width:550px){
    .sub01_01 .content02 .txt
    {width: 100%}
}






/* sub01_02 */
@media only screen and (max-width:1200px){
    .sub01_02 .content02 img
    {width: 100%}
}
@media only screen and (max-width:880px){
    .sub01_02 .content01 > div 
    {float: left;width: 100%;}
    .sub01_02 .title 
    {text-align: center;padding-bottom: 50px;}
}
@media only screen and (max-width:768px){
    .sub01_02 .title div 
    {font-size: 24px;padding-bottom: 20px;}
    .sub01_02 .title p br
    {display: none}
}
@media only screen and (max-width:600px){
    .sub01_02 .content01 .right > div p 
    {font-size: 16px}
    .sub01_02 .content01 .right > div .txt_tlt 
    {font-size: 24px;}
}
@media only screen and (max-width:500px){
    .sub01_02 .content01 .right > div 
    {padding-top: 70px;}
    .sub01_02 .content01 .right > div p 
    {font-size: 14px;padding-bottom: 10px;}
    .sub01_02 .content01 .right > div .txt_tlt 
    {font-size: 20px;}
    .sub01_02 .content01 img 
    {width: 420px;}
    .sub01_02 .content01 .left
    {height: auto}
}






/* sub01_03 */
@media only screen and (max-width:1200px){
    .sub01_03 .box_tlt 
    {font-size: 20px;}
    .sub01_03 p
    {font-size: 14px}
}
@media only screen and (max-width:768px){
    .sub01_03 .content01 .con01 
    {width: 100%;padding: 30px 0;}
    .sub01_03 .content01 .con02 .icon 
    {display: none;}
    .sub01_03 .box_tlt 
    {padding-bottom: 10px;}
    .sub01_03 .content01 .con02 
    {width: 100%; padding:0}
}



/* sub01_04 */
@media only screen and (max-width:1200px){
    .sub01_04 .content02 .con .tlt 
    {font-size: 24px;line-height: 30px;padding-bottom: 20px;}
    .sub01_04 .content02 .con02 .txt 
    {padding: 8% 0 70px 20px;}
    .sub01_04 .content02 .con .txt 
    {padding: 8% 0 50px 50px;}
    
    .sub01_04 .box img
    {width: 100%}
    .sub01_04 .content02 > .box_wrap
    {padding: 0px 5px 120px 5px; width: 50%;}
    .sub01_04 .box_tlt 
    { width: 300px;height: 80px;font-size: 16px;line-height: 20px;padding-top: 18px;}
    .sub01_04 .box_tlt02
    {padding-top: 28px}
}
@media only screen and (max-width:900px){
    
    .sub01_04 .content01 > div 
    {padding: 0 5px;}
    .sub01_04 .content01 .box 
    {height: 350px;padding-top: 30px;}
    .sub01_04 .content01 .box div 
    {font-size: 20px;line-height: 24px;padding-bottom: 15px;}

}
@media only screen and (max-width:768px){
    .sub01_04 .content01 > div 
    {float: none;width: 100%;padding: 0px 0px 30px 0px;}
    .sub01_04 .content02 .sub_title p
    {font-size: 32px}
    .sub01_04 .sub_title p:nth-child(2)
    {font-size: 16px}
    .sub01_04 .content02 .con 
    {padding-bottom: 50px;}
    .sub01_04 .content02 .con:last-child
    {padding-bottom: 0}
    .sub01_04 .content02 .con .tlt 
    {font-size: 24px;line-height: 30px;padding-bottom: 30px;text-align: center;}
    .sub01_04 .content02 .con .txt 
    {padding: 20px 10px 0 10px;}
    .sub01_04 .content02 .con .btn 
    {width: 180px;height: 50px;margin: 0 auto;font-size: 14px}
    .sub01_04 .content02 .con .btn a 
    {line-height: 48px;}
    .sub01_04 .sub_title br
    {display: none}
    .sub01_04 .content02 .content_wrap
    {padding: 0 0}
    .sub01_04 .content02 .con02 .txt 
    {padding: 10px 0 0px 0px;}
    .sub01_04 .content02 .con .txt 
    {padding: 10px 0 0px 0px;}

    sub01_04 .content01 > div 
    {padding: 0 15px;}
    .sub01_04 .content01 .box_wrap p 
    {font-size: 14px; line-height: 21px}
    .sub01_04 .content02 .con
    {display: flex;flex-direction: column;padding-bottom: 20px}
    .sub01_04 .content02 img
    {width: 100%}
    .sub01_04 .content02 .con > div 
    {float: none;width: 100%;}
    .sub01_04 .content01 .box br
    {display: none}
    
    .sub01_04 .content02 .con:nth-child(3) > .img
    {order: 1}
    .sub01_04 .content02 .con:nth-child(3) > .txt
    {order: 2}
    .sub01_04 .content02 .con:nth-child(5) > .img
    {order: 1}
    .sub01_04 .content02 .con:nth-child(5) > .txt
    {order: 2}
    .sub01_04 .content02 .con .tlt 
    {padding-bottom: 25px}
    
    
    .sub01_04 .content02 > .box_wrap 
    {padding: 0px 0px 100px 0px;width: 100%;}
    .sub01_04 .box_tlt 
    {font-size: 14px;width: 280px}
    
    
}
@media only screen and (max-width:550px){
    .sub01_04 .content02 .con .tlt 
    {font-size: 20px;line-height: 26px;padding-bottom: 20px;}
    .sub01_04 .content02 .con .tlt br
    {display: none}
}

/* sub01_05 */
@media only screen and (max-width:1200px){
    .sub01_05 .content02 img
    {width: 100%}
}
@media only screen and (max-width:768px){
    .sub01_05 .content01 > div 
    {float: none;width: 100%;padding-right: 0px;}
    .history 
    {padding: 35px 0;}
    .history > .year 
    {width: 20%;font-size: 24px;padding-top: 0px;}
    .history > .txt 
    {width: 70%;}
    .history > .month 
    {width: 10%}
    .history > .txt p 
    {font-size: 12px}
    .sub01_05 .sub_title p
    {font-size: 32px}
    .sub01_05 .sub_title p:nth-child(2)
    {font-size: 14px; line-height: 21px}
}



/* sub01_06 */
@media only screen and (max-width:1400px){
    .location .info 
    {top: 355px;left: 0;right: auto}
}
@media only screen and (max-width:768px){
    .location .info 
    {top: 530px;width: 100%;padding: 25px 20px 25px 25px;}
    .sub01_06 .content01
    {padding-bottom: 350px}
    .sub01_06 .info_tlt 
    {font-size: 24px;padding-bottom: 25px;}
}
@media only screen and (max-width:490px){
    .sub01_06 .txt_wrap .txt p 
    {padding: 0 0 20px 35px;}
    .location .info p
    {font-size: 12px}
}

/* sub01_07 */
@media only screen and (max-width:768px){
.sub01_07 .content01 > div
{width: 50%; padding: 10px 5px;}
}





/* sub02의 게시글 높이
@media only screen and (max-width:1200px){
    .sub02 .popup_btn{height: 235px;}
}
@media only screen and (max-width:1000px){
    .sub02 .popup_btn{height: 205px;}
}
@media only screen and (max-width:800px){
    .sub02 .popup_btn{height: 150px;}
}
@media only screen and (max-width: 768px){
    .sub02 .popup_btn {height: 220px;}
}
@media only screen and (max-width: 600px){
    .sub02 .popup_btn {height: 190px;}
}
@media only screen and (max-width: 450px){
    .sub02 .popup_btn {height: 160px;}
}
@media only screen and (max-width: 400px){
    .sub02 .popup_btn {height: 130px;}
}
 */





/* sub02_01 */
@media only screen and (max-width:1200px){
    .sub02_01 .content03 .box_wrap 
    {padding: 0 20px;}
    .sub02_01 .content03 .box p 
    {font-size: 16px;}
    .video
    {width: 50%}
    .content_video .content_wrap .txt
    {width: 50%; padding: 70px 0 0 30px}
    .sub02 .box_wrap img
    {width: 100%}
    .sub02_01 .content01 .content_wrap 
    {padding: 70px 0;}
}

@media only screen and (max-width:1200px){
.sub02 .box_wrap_wrap {
    height: 300px;
}
    }
@media only screen and (max-width:1100px){
.sub02 .box_wrap_wrap {
    height: 270px;
}
    }
@media only screen and (max-width:1000px){
    .sub02 .box_wrap_wrap 
    {height: 240px;}
}
@media only screen and (max-width:850px){
    .sub02 .box_wrap_wrap 
    {height: 210px;}
}

@media only screen and (max-width:768px){
    .sub02 .box_wrap_wrap 
    {height: auto;}
    .sub02 .box_wrap_btn
    {display: none}
    .sub02 .box_wrap > div
    {height: 360px}
}
@media only screen and (max-width:550px){
    .sub02 .box_wrap > div
    {height: 280px}
}




@media only screen and (max-width:768px){
    
    .sub02_01 .content01 .txt 
    {padding-left: 15px;padding-right: 15px;}
    .sub02_01 .content01 .txt div 
    {font-size: 24px;padding-bottom: 20px;}
    .sub02_01 .box_wrap > div 
    {float: left;width: 50%;padding: 0 5px 25px 5px;}
    .sub02_01 .content03 .box_wrap 
    {width: 100%; padding: 0px 10px 30px 0}
    .sub02_01 .content03 .box p 
    {font-size: 16px;line-height: 24px;padding-top: 25px;}
    .sub02_01 .con_tlt 
    {font-size: 20px;padding-bottom: 20px;}
    .video 
    {width: 100%;height: 400px;}
    .content_video .content_wrap .txt 
    {width: 100%;padding: 30px 0 0 0px;}
    .content_video .content_wrap .txt p 
    {padding-bottom: 30px;}
    .sub02_01 .content01 .txt 
    {padding-bottom: 50px;width: 100%; border: none}
    .sub02_01 .content01 .content_wrap div:nth-child(2)
    {padding-bottom: 0}
    .sub02_01 .content03 .arr_wrap
    {display: none}
}



/* sub02_02 */
@media only screen and (max-width:1200px){
    .sub02_02 .content02 .con 
    {padding-right: 20px;}
    .sub02_02 .content02 .con img 
    {width: 80%;}
    .sub02_02 .content02 .con .txt div 
    {font-size: 18px;padding-bottom: 5px;}
}
@media only screen and (max-width:768px){
    .sub02_02 .sub02_title .tlt p br
    {display: none}
    .sub02_02 .box_wrap > div
    {width: 50%;padding: 0 5px 25px 5px;}
    .sub02_02 .content02 > div 
    {width: 100%;}
    .sub02_02 .content02 .con 
    {padding-right: 0px;}

    .sub02_02 .content02 .con img 
    {width: 100%;}
    .sub02_02 .content02 .con .icon 
    {width: 20%;padding-right: 20px;}
    .sub02_02 .content02 .con .txt 
    {width: 80%;}
    .sub02_02 .content02 .con 
    {padding-bottom: 50px;}
    .sub02_02 .content02 .con:nth-child(3) 
    {padding-bottom: 50px;}
    .sub02_02 .content02 .con:nth-child(4) 
    {padding-bottom: 0px;}
}
@media only screen and (max-width:550px){
    .sub02_02 .content02 .con .icon 
    {padding-right: 15px;padding-top: 15px}
}



/* sub02_03 */
@media only screen and (max-width:1200px){
    .sub02_03 .content02 > ul >li > div 
    {font-size: 14px;}
    .sub02_03 .content02 > div 
    {font-size: 20px;line-height: 26px;}
    .sub02_03 .content02 > ul >li 
    {padding-left: 5px;}
}
@media only screen and (max-width:900px){
    .sub02_03 .content02 > div 
    {width: 100%;padding-bottom: 10px}
    .sub02_03 .content02 > div br
    {display: none}
    .sub02_03 .content02 > ul 
    {width: 100%;}
    .sub02_03 .content02 > ul >li 
    {padding: 0px 10px 20px 10px;}
    .sub02_03 .content02 > ul >li 
    {width: 50%;}
}
    @media only screen and (max-width:768px){
    .sub02_03 .content02 > ul >li 
    {width: 100%;}
    .sub02_03 .content02 > ul >li 
    {padding: 0px 0px 10px 0px;}
    .sub02_03 table 
    {margin-bottom: 30px;}
    .sub02_03 table 
    {font-size: 12px; line-height: 16px}
    .sub02_03 .box_wrap > div
    {width: 50%;padding: 0 5px 25px 5px;}
    .sub02_03 .content02 > ul >li:last-child > div 
    {padding-top: 18px;}
}


/* sub02_04 */
@media only screen and (max-width:1200px){
    
    }
    
@media only screen and (max-width:768px){
    .sub02_04 .content01 .txt .tlt 
    {font-size: 18px;border-bottom: 1px solid #2d3190;padding-bottom: 15px;}
    .sub02_04 .content01 img 
    {padding-bottom: 15px;width: 35%;}
    .sub02_04 .content01 .txt p 
    {padding-top: 15px;font-size: 12px}
    .sub02_04 .sub02_title 
    {padding-bottom: 70px;}
    .sub02_04 table 
    {margin-bottom: 30px;}
    .sub02_04 table th 
    {padding: 12px 10px;}
    .sub02_04 table td 
    {padding: 12px 10px;}
    .sub02_04 .content03 img
    {margin-bottom: 30px}
    .sub02_04 .content01 .txt p br
    {display: none}
    .sub02_04 .content01 > div 
    {width: 50%;padding: 0 20px 30px 0px}
    .sub02_04 .box_wrap > div
    {width: 50%;padding: 0 5px 25px 5px;}
}
@media only screen and (max-width:550px){
    .sub02_04 .content01 .txt .tlt 
    {font-size: 14px;}
}



/* sub03_01 */
@media only screen and (max-width:1200px){

}
@media only screen and (max-width:768px){
    .sub03_01 .sub_visual .txt_wrap 
    {padding-top: 180px;padding-left: 30px;}
    .sub_title p:nth-child(2) 
    {font-size: 14px; padding-top: 0px;line-height: 21px}
    .sub03_01 .sub_title 
    {padding-bottom: 30px;}
    .sub03_01 table 
    {font-size: 12px;line-height: 12px;}
	
	
	.sub03_01 table .table_bar th{padding: 20px 0}
	.sub03_01 table tr td{height: 57px}
}


    
/* list */
@media only screen and (max-width:1200px){    
   .sub04_02 .f_box label 
    {width: 30%;font-size: 14px;line-height: 20px;}
    .sub04_02 .r_float label 
    {padding-left: 10px;}
}
    

/* list */
@media only screen and (max-width:768px){

    #bo_list 
    {padding-bottom: 100px;font-size: 14px;}
    .tbl_head01 thead th:nth-child(3) 
    {padding-left: 120px;}
    .more_btn 
    {width: 200px;height: 50px}
    .more_btn a 
    {padding-top: 12px;font-size: 14px;}
    .notice_view .subject 
    {font-size: 24px;padding-bottom: 10px;}
    .mail_cancel 
    {width: 150px;height: 50px;}
    .mail_send 
    {width: 150px;height: 50px;}
    .sub04_02 .f_box 
    {padding: 15px 0px 0;}
    .btn_bo_user 
    {padding-bottom: 10px;}
    .btn_b02 
    {width: 120px;height: 40px;line-height: 39px;}
}
@media only screen and (max-width:500px){

    #bo_list 
    {padding-bottom: 30px;font-size: 12px;white-space: nowrap}
    .notice_view .con 
    {margin-bottom: 30px;font-size: 12px}


}



/* sub04_02 */
@media only screen and (max-width:768px){
    .sub04_02 .f_box 
    {width: 100%;}
    .sub04_02 .filebox
    {font-size: 14px}
}




/* gall */
@media only screen and (max-width:1200px){
    .sub02_01 .gallery_wrap .gall
    {width: 50%}
    .sub02 .sub_visual {height: 530px;}
}
@media only screen and (max-width:768px){
    .sub02_01 .search_wrap
    {font-size: 12px}
    .sub02_01 .search_wrap .s03 
    {height: 42px;}
    select 
    {height: 42px;}
    .multi_line
    {display:none}
    .product .subject 
    {font-size: 24px;}
}
@media only screen and (max-width:357px){
    .sub02_01 .search_wrap .s03
    {margin-left: 0; margin-top: 10px}
    .pt_list_box {width: 100%;}
}