@media all and (min-width: 320px) and (max-width: 1024px) {
    /*공통영역 시작*/
    .section_wrap { float:left; height:auto; table-layout: fixed; }
    .contents_fixed { padding:0; margin:40px 0; }
    .section .contents_area .contents_fixed .contents .block .display .thum { float:none; padding:0; margin:0; width:100%; height:auto; text-align:center;}
    .block { padding:20px; }
    .block .block_tool { display:none; }
    .block .display { padding:0; }
    .block .display .box_wrap { margin:0; }
    .block .display .box_wrap .box { float:left; margin:0; margin-bottom:30px; width:100%;  }
    .block .display .top { margin-bottom:30px; }
    
    .block .display .title p { font-size:32px; line-height:46px; }
    .block .display .sub_title p { font-size:20px; line-height:34px; }
    .block .display .body p { font-size:16px; line-height:30px; }
    
    .block .display .box .title p { font-size:32px; line-height:46px; }
    .block .display .box .sub_title p { font-size:20px; line-height:34px; }
    .block .display .box .body p { font-size:16px; line-height:30px; }

    .block .display .box_wrap .box .title p { font-size:32px; line-height:46px; }
    .block .display .box_wrap .box .sub_title p { font-size:20px; line-height:34px; }
    .block .display .box_wrap .box .body p { font-size:16px; line-height:30px; }    

    .block .display .box_wrap .box .text_box .title p { font-size:32px; line-height:46px; }
    .block .display .box_wrap .box .text_box .sub_title p { font-size:20px; line-height:34px; }
    .block .display .box_wrap .box .text_box .body { font-size:16px; line-height:30px; height:auto; } 
    
    .section_wrap .w50_left, .section_wrap .w50_right { width:100%; display:table; }
    .section_wrap .w50_left .contents_fixed, .section_wrap .w50_right .contents_fixed { padding:0; }
    .section_wrap .w50_left .contents, .section_wrap .w50_right .contents { min-height:270px; float:none; width:100%; max-width:none; vertical-align:middle; }
    
    .section_wrap .w40_left, .section_wrap .w60_right { width:100%; display:table; }
    .section_wrap .w40_left .contents_fixed, .section_wrap .w60_right .contents_fixed { padding:0 20px; }
    .section_wrap .w40_left .contents, .section_wrap .w60_right .contents { float:none; width:100%; max-width:none; vertical-align:middle; }
    
    /*공통영역 종료*/
    
    /*섹션 시작*/
    .s10 .section_bg:after { display:none; }
    
    .s11 .section_bg:after { display:none; }
    
    .s24 .display .box { float:left; width:100%; }
    .s24 .display .box .block_btn { float:none; margin:0; margin-top:20px; width:100%; }
    
    .s25 .display .title { float:none; }
    .s25 .display .box { float:none; }
    .s25 .display .box .by_line { margin:0; width:100%; }
    /*섹션 종료*/
    
    /*블록 종류
    .b1 ~ .b2 : 빈 블록
    .b3 ~ .b5 : 선 블록
    .b6 ~ .b11 : 기본블록
    .b12 ~ .b23 : 이미지 + 텍스트 블록
    .b24 ~ .b36 : 텍스트 블록
    .b37 ~ .b41 : 비디오 블록
    .b42 : 섹션 10,11 블록
    */
    /*블록 시작*/
    .b7 .display .block_btn { margin-top:20px; }

    .b9 .display .block_btn { margin-top:20px; }

    .b10 .display, .b11 .display { padding:40px 20px; }
    
    .b11 .display .block_btn { margin-top:20px; }

    .b12 .display .block_btn { margin-bottom:65px; }
    
    .b13 .display .box_wrap .box .body p { margin-bottom:65px; }

    .b14 .display .box_wrap .box .text_box .title p { font-size:20px; line-height:34px; }
    .b14 .display .box_wrap .box .text_box .body p { font-size:16px; line-height:30px; }
    
    .b15 .display .block_btn { margin-bottom:65px; }

    .b16 .display .box_wrap .box .body p { margin-bottom:65px; }

    .b17 .display .box_wrap .box .body p { margin-bottom:65px; }

    .b20 .display .box_wrap .box .text_box { margin:0; width:100%; margin-top:30px; }
    .b20 .display .box_wrap .box .text_box .title { text-align:center; }
    .b20 .display .box_wrap .box .text_box .body { margin-bottom:20px; text-align:center; }
    .b20 .display .box_wrap .box:nth-child(n+2) { margin-top:0px; }
    .b20 .display .box_wrap .box:nth-child(2) {flex-direction: column-reverse;}
    .b20 .display .box_wrap .box:nth-child(4) {flex-direction: column-reverse;}

    .b21 .display .box { height:auto; }
    .b21 .display .box .thum, .b22 .display .thum, .b23 .display .thum { padding:0; }
    .b21 .display .box .body, .b22 .display .box, .b23 .display .box  { float:none; width:100%; margin:0; margin-top:20px; }

    .b24 .display .box .index { width:100%; font-size:56px; line-height:60px; }
    .b24 .display .box .text_box { width:100%; }
    .b24 .display .box:nth-child(odd) { padding:0; }
    .b24 .display .box:nth-child(2n) { padding:0; }

    .b25 { height:auto; }
    .b25 .display .box { height:auto; column-count:1; column-gap:0; }

    .b27 .display .box .percent p { margin:0; font-size:56px; line-height:56px; }
    .b27 .display .box_wrap .box .title p { font-size:20px; line-height:34px; }

    .b28 .display .box .title p { margin:14px 0; }

    .b29 .display .emphasis { margin:24px 0; }

    .b30 .display .emphasis { padding:50px; }

    .b32 .display .box { padding:50px; }

    .b37 .display .title p { margin-bottom:20px; }

    .b39 .display .video { float:none; width:100%; padding-bottom:56.25%; }
    .b39 .display .box { float:none; margin-top:30px; width:100%; }
    .b39 .display .box .title p { padding-top:5px; font-size:26px; line-height:40px; }
    .b39 .display .box .title:after { width:40px; }

    .b40 .display .box { float:none; width:100%; }
    .b40 .display .box .title p { padding-top:5px; font-size:26px; line-height:40px; }
    .b40 .display .box .title:after { width:40px; }    
    .b40 .display .box .body p { margin-bottom:24px; }
    .b40 .display .video { float:none; width:100%; padding-bottom:56.25%; }

    .b41 .display .video { margin:0 auto; max-width:700px; padding-bottom:56.25%; z-index:10; }
    .b41 .display .video:after { display:none; }
    .b41 .display .box { margin-top:20px; }
    .b41 .display .box .title p { font-size:26px; }
    .b41 .display .box .body p { margin-top:10px; }
    /*블록 시작       

    /*템플릿 시작*/
    /*템플릿 type1*/
    .tb1-1 .display .title p { margin:8px 0; font-size:36px; line-height:50px; font-weight:700; }
    .tb1-1 .display .sub_title p { margin:0; font-size:22px; line-height:36px; }
    .tb1-1 .display .body p { margin:0; font-size:16px; line-height:30px; }
    
    .tb1-2 .display:before { content:""; clear:both; display:block; position:absolute; top:13px; left:80px; width:100%; height:1px; background:#D7D7D7; }
    .tb1-2 .display .date { float:none; width:100%; }
    .tb1-2 .display .date p:before { display:none; }
    .tb1-2 .display .title { float:none; padding:0; margin:14px 0; width:100%; }
    .tb1-2 .display .title p { font-size:24px; line-height:38px; }

    .tb1-3 .display:before { content:""; clear:both; display:block; position:absolute; top:13px; left:80px; width:100%; height:1px; background:#D7D7D7; }
    .tb1-3 .display .date { float:none; width:100%; }
    .tb1-3 .display .date p:before { display:none; }
    .tb1-3 .display .title { float:none; padding:0; margin:14px 0; width:100%; }
    .tb1-3 .display .title p { font-size:24px; line-height:38px; }
    .tb1-3 .display .box_wrap { float:none; width:100%; padding:0; }
    .tb1-3 .display .box_wrap .thum { padding-right:0; }
    .tb1-3 .display .box_wrap .box { width:100%; }
    .tb1-3 .display .box_wrap .box .body p { margin-top:14px; }
    .tb1-3 .display .box_wrap .box .block_btn { margin-top:14px; }

    .s28 { height:auto; }
    .s28 .contents_wrap { vertical-align:middle; }
    .s28 .contents { float:none; width:100%; max-width:none; }    
    .tb1-4 .display .title p { font-size:24px; line-height:38px; }
    .tb1-4 .display .sub_title p { margin:10px 0; font-size:18px; line-height:32px; }

    .s29 .contents { float:none; width:100%; max-width:none; }
    .tb1-5 .display { padding:20px; }
    .tb1-5 .display .title p { font-size:24px; line-height:38px; }
    .tb1-5 .display .sub_title p { margin:10px 0; font-size:18px; line-height:32px; }
    .tb1-5 .display .body p { font-size:17px; color:#FFF; line-height:31px; }
    .tb1-5 .display .block_btn { margin:0; margin-top:24px; }
    .tb1-5 .display .block_btn a { font-size:17px; line-height:31px; color:#FFF; }
    .tb1-5 .display .block_btn a img { margin-left:20px; vertical-align:baseline; }

    .s30 .w50_left .contents, .s30 .w50_right .contents { float:none; width:100%; max-width:none; }
    .tb1-6 .display .title p, .tb1-7 .display .title p { padding:20px; font-size:24px; line-height:38px; }
    .tb1-6 .display .title, .tb1-7 .display .title, .tb1-6 .display .body, .tb1-7 .display .body { text-align:center; }     
    
    .tb1-8 .display .box { float:none; margin-bottom:20px; padding-right:0px; width:100%; }
    .tb1-8 .display .box .title p { margin:0; padding:0; font-size:24px; line-height:38px; }
    .tb1-8 .display .box .sub_title p { margin:10px 0; font-size:18px; line-height:32px; }
    .tb1-8 .display .box .body p { margin:0; font-size:17px; line-height:28px; }

    .tb1-9 .display .box .title p { margin:0; font-size:32px; line-height:46px; font-weight:bold; }
    .tb1-9 .display .box .sub_title p { margin:0; font-size:18px; line-height:32px; }
    .tb1-9 .display .btn_box { margin-top:30px; width:100%; } 
    .tb1-9 .display .btn_box .block_btn { float:none; margin:0; margin-bottom:10px; width:100%; height:65px; border:5px solid rgba(156,158,163,0.5); overflow:hidden; }
    .tb1-9 .display .btn_box .block_btn a { margin-top:10px; width:100%; height:34px; line-height:34px; overflow:hidden; font-size:20px; color:#FFF; }
    
    /*템플릿 type2*/
    .s33 .contents { float:none; width:100%; max-width:none; }
    .tb2-1 .display { padding:20px; } 
    .tb2-1 .display .sub_title p { margin-bottom:0; font-size:18px; line-height:26px; }
    .tb2-1 .display .title p { font-size:36px; line-height:50px; }

    .s34 .w40_left .section_bg {background-size:contain;}
    .s34 .w40_left .contents_wrap { height:520px; }
    .s34 .w60_right .contents { float:none; width:100%; max-width:none; }
    .tb2-2 .display .body p { font-size:16px; line-height:34px; }
    .tb2-2 .display .emphasis p { margin:14px 0; color:#F5A700; }

    .s35 .section_bg { height:100%; }
    .s35 .contents_area { padding-top:0px; }
    .tb2-3 .display { padding:20px; }
    .tb2-3 .display .title p { font-size:24px; line-height:38px; }
    .tb2-3 .display .body p { margin-top:0; font-size:16px; line-height:30px; }
    .tb2-3 .display .sub_title p { font-size:18px; line-height:32px; }

    .tb2-5 .display .box { float:none; padding-left:0; width:100%; }
    .tb2-5 .display .box .title p {  margin-top:20px; font-size:24px; line-height:38px; }
    .s38 .contents_fixed { margin:100px auto; }

    .s39 { height:auto; }
    .tb2-7 .display .box { column-count:1; column-gap:0; }
    .tb2-7 .display .box .title p { font-size:32px; line-height:46px; }
    .tb2-7 .display .box .sub_title p { font-size:20px; }

    .tb2-8 .display .box { padding:0; margin:0; float:none; width:100%; }
    .tb2-8 .display .box .block_btn { float:none; margin:0; margin-top:20px; width:100%; }
    .tb2-8 .display .box .sub_title p { margin:0; }

    /*템플릿 type3*/
    .s41 .section_bg:after { display:none; }    
    .tb3-1 .display .box .title p { font-size:16px; line-height:28px; color:#FFF; }
    .tb3-1 .display .sub_title p { font-size:20px; line-height:34px; color:#FFF; }
    .tb3-1 .display .title p { margin:0; font-size:32px; line-height:46px; }

    .s42 { height:auto; }
    .tb3-2 .display .emphasis { margin:14px 0; }

    .s43 { height:auto; }
    .tb3-3 { min-height:none; }
    .tb3-3 .display { position:relative; }
    .tb3-3 .display .thum { position:static; }
    .tb3-3 .display .box { position:static; padding:20px; width:100%; height:auto; }
    .tb3-3 .display .box .title p { margin:0; font-size:36px; color:#339EE1; line-height:50px; height:50px; }

    .s44 { height:auto; }

    .s45 { height:auto; }
    .tb3-5 .text_box { float:none; padding-right:0; width:100%; }
    .tb3-5 .text_box .title p { margin-bottom:20px; font-size:32px; line-height:46px; }
    .tb3-5 .text_box .body { height:auto; }
    .tb3-5 .box_wrap { float:none; width:100%; }
    .tb3-5 .box_wrap .box { float:left; padding-right:0; width:100%; }

    .s46 { height:auto; min-height:0; }
    .s46 .w30_left .contents_area, .s46 .w30_center .contents_area, .s46 .w30_right .contents_area { height:300px; }

    .s47 { height:auto; }
    .tb3-7 .display .box { margin-bottom:30px; float:none; width:100%; min-height:0; }
    .tb3-7 .display .box:nth-child(2) { margin:0; margin-bottom:30px; }
    .tb3-7 .display .box .index { margin-bottom:0px; }
    .tb3-7 .display .box .index p { font-size:32px; line-height:46px; }
    .tb3-7 .display .box .body p { margin-top:0; }

    .s48 { height:auto; }

    .tb3-9 .display .box { float:none; padding:0; margin-top:30px; width:100%; }
    .tb3-9 .display .box .body { height:auto; line-height:30px; }

    .s50 { height:auto; }
    .tb3-10 .display .box_wrap { float:none; }
    .tb3-10 .display .box_wrap:first-child { margin:0; width:100%; }
    .tb3-10 .display .box_wrap:first-child .box { float:none; width:100%; margin:0; }
    .tb3-10 .display .box_wrap:first-child .box .title { text-align:center; }
    .tb3-10 .display .box_wrap:first-child .text_box { float:none; width:100%; }
    .tb3-10 .display .box_wrap:first-child .text_box .sub_title { text-align:center; }
    .tb3-10 .display .box_wrap:first-child .text_box .title { text-align:center; }
    .tb3-10 .display .box_wrap:first-child .text_box .title p { margin-top:0; }
    
    .tb3-10 .display .box_wrap:last-child { margin-top:20px; padding:30px; width:100%; }
    .tb3-10 .display .box_wrap:last-child .box { margin:0; }
    .tb3-10 .display .box_wrap:last-child > .title { text-align:center; }
    .tb3-10 .display .box_wrap:last-child > .title p { font-size:20px; line-height:34px; font-weight:400; }
    .tb3-10 .display .box_wrap:last-child .box .block_btn { text-align:center; }
    .tb3-10 .display .box_wrap:last-child .box .block_btn a { margin:0; padding:0; font-size:17px; width:65px; color:#FFF; line-height:24px; opacity:0.8; text-align:center; }
    .tb3-10 .display .block_btn, .display .btn_default { margin:10px 0; }
    .tb3-10 .display .box_wrap:nth-child(2) { margin-top:20px; padding:30px; width:100%; }
    .tb3-10 .display .box_wrap:nth-child(2) .box { margin:0; }
    .tb3-10 .display .box_wrap:nth-child(2) > .title { text-align:center; }
    .tb3-10 .display .box_wrap:nth-child(2) > .title p { font-size:20px; line-height:34px; font-weight:400; }
    .tb3-10 .display .box_wrap:nth-child(2) .box .block_btn { text-align:center; }
    .tb3-10 .display .box_wrap:nth-child(2) .box .block_btn a { margin:0; padding:0; font-size:17px; width:65px; color:#FFF; line-height:24px; opacity:0.8; text-align:center; }

    /*템플릿 type4*/
    .tb4-1 .display .top .title { float:none; width:100%; }
    .tb4-1 .display .top .title p { font-size:14px; line-height:28px; }
    .tb4-1 .display .top .sub_title { float:none; width:100%; text-align:left; }
    .tb4-1 .display .top .sub_title p { margin:0; font-size:17px; line-height:31px; }
    .tb4-1 .display .box { margin-top:30px; }
    .tb4-1 .display .box .body p { margin:0; }

    .s52 .contents_fixed { margin:40px 0; }
    .tb4-2 .display { min-height:0; }
    .tb4-2 .display:after { top:8px; }

    .s53 .contents { float:none; width:100%; max-width:none; }
    .tb4-3 .display:after { display:none; }
    .tb4-3 .display .title { text-align:center; }
    .tb4-3 .display .body { text-align:center; }
    .tb4-3 .display .body p { margin:0; }

    .tb4-4 .display .thum .index { bottom:10px; right:12px; }
    .tb4-4 .display .thum .index p { font-size:50px; line-height:64px; }
    .tb4-4 .display .box { margin-top:20px; padding:20px; }
    .tb4-4 .display .box:after { display:none; }
    .tb4-4 .display .box .body p { margin-top:0; column-count:1; column-gap:0; column-rule:none; }

    .tb4-5 .display .box { float:none; padding-right:0; width:100%; }
    .tb4-5 .display .box .thum .index { bottom:10px; right:12px; }
    .tb4-5 .display .box .thum .index p { font-size:50px; line-height:64px; }
    .tb4-5 .display .box .title p { margin-top:20px; margin-bottom:10px; font-size:28px; line-height:42px; }

    .tb4-5 .display > .thum > .index { bottom:10px; right:12px; }
    .tb4-5 .display > .thum > .index p { font-size:50px; line-height:64px; }

    .s56 .section_bg { height:300px; }
    .s56 .contents_fixed { margin-top:300px; }
    .tb4-6 .box_wrap .box { float:none; }
    .tb4-6 .box_wrap .box:nth-child(2) { margin:0; }

    .s57 .section_bg { top:0; height:100%; }
    .tb4-7 .display .box:after { display:none; }
    .tb4-7 .display .body { margin:0; }

    .s58 .w50_left .contents_area { height:300px; }
    .tb4-8 .top .title p { font-size:14px; line-height:28px; }
    .tb4-8 .title p { font-size:20px; line-height:34px; }
    .tb4-8 .box { margin-top:20px; padding:20px; }
    .tb4-8 .box .title { text-align:center; }
    .tb4-8 .box .title p { margin:0; font-size:24px; line-height:34px; color:#000; }
    .tb4-8 .box .btn_box { margin-top:20px; }
    .tb4-8 .box .btn_box .block_btn { float:left; width:50%; }
    .tb4-8 .box .btn_box .block_btn a { padding:0px; text-align:center; }

    /*템플릿 type5*/
    .s59 .w50_left .contents { padding:0; float:none; width:100%; max-width:none; }
    .s59 .w50_right .contents_area { height:300px; }
    .tb5-1 .display .box .title p { margin:0; font-size:20px; line-height:45px; }
    .tb5-1 .display .title { margin:0px; }
    .tb5-1 .display .body { margin:0px; }
    
    .tb5-2 .display .box { margin-top:20px; column-count:1; column-gap:0; }
    .tb5-2 .display .box .title p { margin-bottom:0px; }
    
    .s61 .contents_fixed { margin:0 auto; }
    .tb5-3 .display .title { text-align:left; }

    .tb5-4 .display .title p { margin-bottom:20px; }
    .tb5-4 .display .box_wrap .box:first-child { padding-right:0; }
    .tb5-4 .display .box_wrap .box:last-child { padding-left:0; }

    .tb5-5 .display .box_wrap .box:nth-child(2) { margin:0; }
    .tb5-5 .display .box_wrap .box .percent p { font-size:50px; line-height:64px; }
    .tb5-5 .display .box_wrap .box .percent i { font-size:32px; }
    .tb5-5 .display .box_wrap .box .title p { margin-top:20px; }
    .tb5-5 .display .box_wrap .box .body p { margin-bottom:30px; }

    .tb5-6 .display > .title p { margin-bottom:30px; font-size:24px; line-height:38px; }
    .tb5-6 .display .thum { width:100%; }
    .tb5-6 .display .thum .box { display:none; }

    .tb5-7 .display .box_wrap { float:none; padding:0; width:100%; }
    .tb5-7 .display .box_wrap .title p { font-size:16px; line-height:30px; }
    .tb5-7 .display .box_wrap .sub_title p { font-size:18px; line-height:32px; }
    .tb5-7 .display .btn_box { float:none; width:100%; }
    .tb5-7 .display .btn_box .block_btn { float:none; width:100%; margin:0; margin-top:20px; }
    .tb5-7 .display .btn_box .block_btn a { font-size:20px; height:42px; line-height:42px; }

    /*템플릿 type6*/
    .tb6-1 .display { padding:20px; }
    .tb6-1 .display .box .title p { margin:0; font-size:16px; line-height:30px; font-weight:400; }    
    .tb6-1 .display > .title p { font-size:24px; line-height:38px; }
    .tb6-1 .display .by_line p { margin:0; font-size:14px; line-height:28px; }

    .tb6-2 .display .box { float:none; }
    .tb6-2 .display .box:first-child { padding:0; width:100%; }
    .tb6-2 .display .box:last-child { width:100%; }
    .tb6-2 .display .box .title p { margin-bottom:20px; font-size:28px; line-height:42px; }
    .tb6-2 .display .box .emphasis p { margin:10px 0; font-size:20px; line-height:34px; }
    .tb6-2 .display .box .thum { display:none; }
    
    .tb6-3 .display .box { float:none; margin-bottom:30px; width:100%; }
    .tb6-3 .display .box:nth-child(2) { margin:0; margin-bottom:30px; }
    .tb6-3 .display .box .index p { font-size:30px; line-height:44px; } 
    .tb6-3 .display .box .title p { margin:0; font-size:20px; line-height:38px; }

    .tb6-4-1 .display .box { padding:30px; height:auto; background:none; border-top:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; }
    .tb6-4-1 .display .box .emphasis p { font-size:24px; line-height:42px; }
    .tb6-4-2 .display .box_wrap { float:none; padding:0; width:100%; }
    .tb6-4-2 .display .box_wrap .title p { margin:0; margin-top:20px; font-size:24px; line-height:38px; }
    .tb6-4-2 .display .box_wrap .box { margin-top:20px; padding:0; border:none;  }
    .tb6-4-2 .display .box_wrap .box .sub_title p { font-size:18px; line-height:32px; }

    .tb6-5 .display .title p { margin-bottom:20px; font-size:24px; line-height:38px; }
    .tb6-5 .display .box { margin:0px; }
    .tb6-5 .display .box .sub_title { float:none; width:100%; }
    .tb6-5 .display .box .sub_title p { font-size:18px; line-height:32px; }
    .tb6-5 .display .box .body { float:none; width:100%; }

    .tb6-6 { margin:0; }
    .tb6-6 .display { padding:20px; }
    .tb6-6 .display .title p { font-size:24px; line-height:38px; }
    .tb6-6 .display .sub_title p { font-size:18px; line-height:32px; }
    .tb6-6 .display .body p { margin-top:20px; }

    .s72 { height:auto; }
    .s72 .section_bg:after { display:none; }
    .tb6-7 .display .title p { font-size:28px; line-height:42px; }
    .tb6-7 .display .by_line p { margin-top:30px; font-size:16px; line-height:30px; }
    .tb6-7 .display .block_btn { margin:0 20px; margin-top:30px; }
    .tb6-7 .display .block_btn a { padding:0 30px; font-size:14px; }

    .s117 .section {flex-direction: column;}
    .s117 .contents_area.left_area {width:100%;}
    .s117 .section_bg {width:100%; min-height:400px;}

    .tb12-01 .display .block_btn {margin-top:30px;}
    .tb12-01 .display .block_btn a {width:auto;}
    .tb12-01 .display .title .text_wrap p {font-size:50px;}
    .tb12-01 .display .body .text_wrap p {font-size:24px;}

    .s118 .section {flex-direction: column-reverse;}
    .s118 .contents_area.left_area {width:100%;}
    .s118 .section_bg {width:100%; min-height:500px;}

    .tb12-02 .display .box_wrap .box { margin-bottom:20px; }

    .s119 .section {flex-direction: column;}
    .s119 .contents_area.left_area {width:100%;}
    .s119 .section_bg {width:100%; min-height:500px;}

    .tb12-03 .display {flex-direction: column}
    .section .contents_area .contents_fixed .contents .tb12-03 .display .thum {width:100%; max-height:500px; margin-bottom:20px;}

    .s120 .section {flex-direction: column-reverse;}
    .s120 .contents_area.left_area {width:100%;}
    .s120 .section_bg {width:100%; min-height:500px;}

    .tb12-04 .display .top {margin-top:0px; margin-bottom:0;}
    .tb12-04 .display .box_wrap .box {margin-bottom:20px;}

    .s121 .section {flex-direction: column;}
    .s121 .contents_area.left_area {width:100%;}
    .s121 .section_bg {width:100%; min-height:500px;}

    .tb12-05 .display {flex-direction: column-reverse;}
    .section .contents_area .contents_fixed .contents .tb12-05 .display .thum {width:100%; max-height:500px; margin-bottom:20px;}

    .tb14-3 .display { padding:20px; }
    .tb14-3 .display .title p { font-size:24px; line-height:38px; }
    .tb14-3 .display .body p { margin-top:0; font-size:16px; line-height:30px; }
    .tb14-3 .display .sub_title p { font-size:18px; line-height:32px; }

    .tb16-1 .display {width:100%;}
    .tb16-1.block .display > .title p {font-size:32px;}

    .tb16-2 .display .title p {font-size:26px;}

    .tb16-3 .display {padding:10px 15px;}
    .tb16-3 .display .title p {font-size:28px;}
    .tb16-4 .display .box_wrap .title p {font-size:28px;}
    .tb16-4 .display .box_wrap .box {float:none; padding-left:0;}
    .tb16-4 .display .box_wrap {float:none; width:100%; padding-left:0; margin-top:20px;}

    .tb16-5 .display {padding:0 40px;}
    .tb16-6 .display {padding:0 40px;}
    .tb16-6 .display .box_wrap .box .title p {font-size:24px;}
    /*템플릿 종료*/


    .bgm-wrap .audio-box {display: none}
    .bgm-wrap {
        left: 20px;
        top: 20px;
    }
    .bgm-wrap .popup-audio-player {
        display: block !important;
        width: 55px;
        height: 55px;
        background: transparent;
        border-radius: 35px;
        padding: 5px;
        border: 3px solid #999;
        box-shadow: -3px 3px 8px -2px black;
    }

    .bgm-wrap .popup-audio-player .fa.fa-play {
        cursor: pointer;
    }

    .bgm-wrap .popup-audio-player i {
        text-shadow: -2px 3px 4px #000;
    }

    .bgm-wrap .popup-audio-player .audio-control-btn {
        font-size: 25px;
        color: #999;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 35px;
    }

    .bgm-wrap .popup-audio-player .audio-control-btn.btn-play i {
        margin-left: 3px;
    }
    }
     
    
    @media all and (min-width: 320px) and (max-width:768px) {
    .display .block_btn a, .display .btn_default a { width:100%; }
    
    
    }

    @media all and (max-width: 319px) {
        * { display:none; }
    
    }