* { list-style:none; text-decoration:none; }

/*메인상단*/
@media only screen and (min-width:1px) and (max-width:800px) {

    .main_banner_wrap { float:left; width:100%; }
    .main_banner_pc { display:none;  }
    
    .main_banner_mob { width:100%; background:#003585; text-align:center;  }
    .main_banner_mob img { width:100%;  }
    }
    
    @media only screen and (min-width:800px) and (max-width:1280px) { 
    
    .main_banner_wrap { float:left; width:100%; }
    .main_banner_pc { width:100%; height:100%; background-position:center center; background-size:cover;  }
    
    .mb_img { position:relative; z-index:1;   }
    .mb_img ul { width:100%; max-width:2560px; margin:0 auto; padding: 70px 0 30px 0;}
    .mb_img ul li {width: 100%;}
    .mb_img img { width:100%; }
    
    /* .mb_txt { position:absolute; z-index:10; left:50%; margin-left:30%; margin-top:38%; }
    .mb_txt ul li {font-size:2.6vw; color:#fff; }
    .mb_txt .mb_b { font-weight:700; } */
    
    .mb_logo { position:absolute; z-index:10; left:50%; margin-left:-40%; margin-top:3%;     }
    
    .main_banner_mob { display:none;  }
    }
    
    @media only screen and (min-width: 1280px) {
    
    .main_banner_wrap { float:left; width:100%; }
    .main_banner_pc { width:100%; height:100%; background-position:center center; background-size:cover;  }
    
    .mb_img { position:relative; z-index:1; width: 1200px; margin: 0 auto;  }
    .mb_img ul { width:100%; max-width:2560px; margin:0 auto; padding: 100px 0 30px 0;}
    .mb_img ul li {width: 100%;}
    .mb_img img {width: 100%; max-width: 640x; }
    
    /* .mb_txt { position:absolute; z-index:10; left:50%; margin-left:30%; margin-top:38%; }
    .mb_txt ul li {font-size:2.6vw; color:#fff; }
    .mb_txt .mb_b { font-weight:700; } */
    
    .mb_logo { position:absolute; z-index:10; left:50%; margin-left:-40%; margin-top:3%;     }
    
    .main_banner_mob { display:none;  }
    
    }
    
    
    
    /*컨텐츠*/
    .main_con_wrap {background: linear-gradient(to bottom, #fff 0%, #cfe39e 35%);}
    @media only screen and (min-width:1px) and (max-width:800px) {
    
    .main_con_wrap { float:left; width:100%; padding:50px 0; }
    .main_con_w { width:90%; margin:0 auto; }
    
    .main_con { float:left; width:100%; margin:0 0 30px 0; }
    .mc_le .le { width:100%; }
    .mc_le .ri {  width:100%; }
    .mc_ri .le { width:100%; }
    .mc_ri .ri {  width:100%; }
    
    .main_con .le { float:left;  }
    .main_con .ri { float:right; height:150px; }
    
    .main_con .le ul {  padding:30px 30px; text-align:center; }
    .main_con .le .tit { font-size:25px; font-weight:500; color:#fff;   }
    .main_con .le .txt { font-size:16px; font-weight:400; color:#fff; padding:10px 0 20px 0;   }
    .main_con .le .txt br { display:none; }
    
    .btn_con { display:block; width:170px; margin:0 auto; padding:12px 0; font-size:18px; font-weight:500; text-align:center; background:#fff; border-radius:50px;  transition: all 0.3s;   }
    .btn_con:hover { background:#003585; color:#fff; }
    
    }
    
    @media only screen and (min-width:800px) and (max-width:980px) { 
    
    .main_con_wrap { float:left; width:100%; padding:50px 0; }
    .main_con_w { width:90%; margin:0 auto; }
    
    .main_con { float:left; width:100%; margin:0 0 30px 0; }
    
    .mc_le .le { width:45%; float:left; }
    .mc_le .ri {  width:55%; float:right;  }
    .mc_ri .le { width:45%; float:right; }
    .mc_ri .ri {  width:55%; float:left; }
    
    .main_con .le { height:312px;  }
    .main_con .ri { height:312px; }
    
    .main_con .le ul {  padding:50px 50px;  }
    .main_con .le .tit { font-size:30px; font-weight:500; color:#fff;   }
    .main_con .le .txt { font-size:18px; font-weight:400; color:#fff; padding:10px 0 20px 0;   }
    .main_con .le .txt br { display:none; }
    
    .btn_con { display:block; width:180px; padding:12px 0; font-size:20px; font-weight:500; text-align:center; background:#fff; border-radius:50px;  transition: all 0.3s;   }
    .btn_con:hover { background:#003585; color:#fff; }
    
    }
    
    
    @media only screen and (min-width:980px) and (max-width:1280px) { 
    
    .main_con_wrap { float:left; width:100%; padding:30px 0; }
    .main_con_w { width:90%; margin:0 auto; }
    
    .main_con { float:left; width:100%; margin:0 0 30px 0; }
    .mc_le .le { width:36%; float:left; }
    .mc_le .ri {  width:64%; float:right;  }
    .mc_ri .le { width:36%; float:right; }
    .mc_ri .ri {  width:64%; float:left; }
    
    .main_con .le {height:312px;  }
    .main_con .ri { height:312px;  }
    
    .main_con .le ul {  padding:50px 50px;  }
    .main_con .le .tit { font-size:35px; font-weight:500; color:#fff;   }
    .main_con .le .txt { font-size:20px; font-weight:400; color:#fff; padding:10px 0 20px 0;   }
    .main_con .le .txt br { display:none; }
    
    .btn_con { display:block; width:220px; padding:12px 0; font-size:22px; font-weight:500; text-align:center; background:#fff; border-radius:50px;  transition: all 0.3s;   }
    .btn_con:hover { background:#003585; color:#fff; }
    
    }
    
    @media only screen and (min-width: 1280px) {
    
    .main_con_wrap { float:left; width:100%; padding:30px 0; }
    .main_con_w { width:1280px; margin:0 auto; }
    
    .main_con { float:left; width:100%; margin:0 0 30px 0; }
    .mc_le .le { width:36%; float:left; }
    .mc_le .ri {  width:64%; float:right;  }
    .mc_ri .le { width:36%; float:right; }
    .mc_ri .ri {  width:64%; float:left; }
    
    .main_con .le { height:312px;  }
    .main_con .ri { height:312px;   }
    
    .main_con .le ul {  padding:50px 50px;  }
    .main_con .le .tit { font-size:40px; font-weight:500; color:#fff;   }
    .main_con .le .txt { font-size:22px; font-weight:400; color:#fff; padding:10px 0 20px 0;   }
    
    .btn_con { display:block; width:220px; padding:12px 0; font-size:22px; font-weight:500; text-align:center; background:#fff; border-radius:50px;  transition: all 0.3s;   }
    .btn_con:hover { background:#003585; color:#fff; }
    
    }
    
    
    
    .main_con .bg1 { background:#00a89a; }
    .font_col1 {  color:#00a89a;  }
    .main_con .bg2 { background:#61c2da; }
    .font_col2 {  color:#61c2da;  }
    .main_con .bg3 { background:#e4af20; }
    .font_col3 {  color:#e4af20;  }
    .main_con .bg4 { background:#e86785; }
    .font_col4 {  color:#e86785;  }
    .main_con .bg5 { background:#00a89a; }
    .font_col5 {  color:#00a89a;  }
    .main_con .bg6 { background:#61c2da; }
    .font_col6 {  color:#61c2da;  }
    .main_con .bg7 { background:#e4af20; }
    .font_col7 {  color:#e4af20;  }
    .main_con .bg8 { background:#e86785; }
    .font_col8 {  color:#e86785;  }
    .main_con .bg9 { background:#00a89a; }
    .font_col9 {  color:#00a89a;  }
    .main_con .bg10 { background:#61c2da; }
    .font_col10 {  color:#61c2da;  }
    .main_con .bg11 { background:#e4af20; }
    .font_col11 {  color:#e4af20;  }
    .main_con .bg12 { background:#ed6c00; }
    .font_col12 {  color:#ed6c00;  }
    .main_con .bg13 { background:#38ab9b; }
    .font_col13 {  color:#38ab9b;  }
    .main_con .bg14 { background:#87b927; }
    .font_col14 {  color:#87b927;  }
    .main_con .bg15 { background:#cf6970; }
    .font_col15 {  color:#cf6970;  }
    .main_con .bg16 { background:#9565a8; }
    .font_col16 {  color:#9565a8;  }
    .main_con .bg17 { background:#1f81c5; }
    .font_col17 {  color:#1f81c5;  }
    .main_con .bg18 { background:#f7ab00; }
    .font_col18 {  color:#f7ab00;  }
    .main_con .bg19 { background:#dd6b74; }
    .font_col19 {  color:#dd6b74;  }
    
    .bg_img1 { background:#00a89a url('https://sample.designpk.kr/shingu2026/images/main_img1.jpg') center no-repeat;   }
    .bg_img2 { background:#61c2da url('https://sample.designpk.kr/shingu2026/images/main_img2.jpg') center no-repeat;   }
    .bg_img3 { background:#e4af20 url('https://sample.designpk.kr/shingu2026/images/main_img3.jpg') center no-repeat;   }
    .bg_img4 { background:#e86785 url('https://sample.designpk.kr/shingu2026/images/main_img4.jpg') center no-repeat;   }
    .bg_img5 { background:#00a89a url('https://sample.designpk.kr/shingu2026/images/main_img5.jpg') center no-repeat;   }
    .bg_img6 { background:#61c2da url('https://sample.designpk.kr/shingu2026/images/main_img6.jpg') center no-repeat;   }
    .bg_img7 { background:#e4af20 url('https://sample.designpk.kr/shingu2026/images/main_img7.jpg') center no-repeat;   }
    .bg_img8 { background:#e86785 url('https://sample.designpk.kr/shingu2026/images/main_img8.jpg') center no-repeat;   }
    .bg_img9 { background:#00a89a url('https://sample.designpk.kr/shingu2026/images/main_img9.jpg') center no-repeat;   }
    .bg_img10 { background:#61c2da url('https://sample.designpk.kr/shingu2026/images/main_img10.jpg') center no-repeat;   }
    .bg_img11 { background:#e4af20 url('https://sample.designpk.kr/shingu2026/images/main_img11.jpg') center no-repeat;   }
    .bg_img12 { background:#ed6c00 url('https://sample.designpk.kr/shingu2026/images/main_img12.jpg') center no-repeat;   }
    .bg_img13 { background:#38ab9b url('https://sample.designpk.kr/shingu2026/images/main_img13.jpg') center no-repeat;   }
    .bg_img14 { background:#87b927 url('https://sample.designpk.kr/shingu2026/images/main_img14.jpg') center no-repeat;   }
    .bg_img15 { background:#cf6970 url('https://sample.designpk.kr/shingu2026/images/main_img15.jpg') center no-repeat;   }
    .bg_img16 { background:#9565a8 url('https://sample.designpk.kr/shingu2026/images/main_img16.jpg') center no-repeat;   }
    .bg_img17 { background:#1f81c5 url('https://sample.designpk.kr/shingu2026/images/main_img17.jpg') center no-repeat;   }
    .bg_img18 { background:#f7ab00 url('https://sample.designpk.kr/shingu2026/images/main_img18.jpg') center no-repeat;   }
    .bg_img19 { background:#dd6b74 url('https://sample.designpk.kr/shingu2026/images/main_img19.jpg') center no-repeat;   }
    
    
    
    
    
    /*카피라이터*/
    @media only screen and (min-width:1px) and (max-width:800px) {
    .list_bg { position:relative; z-index:1; width:100%; height:100%; }
    .list_bg img { width:100%; padding:0 0 60px 0; max-width: 960px;}
    .main_sns { text-align:center; margin:auto; padding:15px 0; width:100%; float:left; }
    .main_sns ul { padding:0; margin:0; position:relative; float:left; left:50%; transform:translateX(-50%); }
    .main_sns ul li { float:left; width:50px; }
    footer { position:fixed; bottom:0; height:80px; width:100%; margin:0 auto; background-color:#ebebeb; z-index:999; }

    .copy_wrap { float:left; width:100%; border-top:1px solid #003585; padding:0px 0 50px 0; background: #cfe39e;}
    .copy_w { width:90%; margin:0 auto;  }
    
    .copy_wrap .le { float:left;  width:100%; text-align:center; }
    .copy_wrap .le ul li { float:left;  width:100%;  }
    .copy_wrap .le .txt { font-size:16px; color:#333;  margin:10px 0 0 0px;  }
    .copy_wrap .le .logo { display:none; }
    
    .copy_wrap .ri { float:right; width:100%; text-align:center; }
    .copy_wrap .ri ul { width:320px; margin:0 auto; }
    .copy_wrap .ri ul li { float:left; margin:30px 0 0 8px;   }
    
    }
    
    @media only screen and (min-width:800px) and (max-width:1020px) { 
    .list_bg { position:relative; z-index:1; width:100%; height:100%; }
    .list_bg img { width:100%; padding:0 0 60px 0; max-width: 960px;}
    .main_sns { text-align:center; margin:auto; padding:15px 0; width:100%; float:left; }
    .main_sns ul { padding:0; margin:0; position:relative; float:left; left:50%; transform:translateX(-50%); }
    .main_sns ul li { float:left; width:50px; }
    footer { position:fixed; bottom:0; height:80px; width:100%; margin:0 auto; background-color:#ebebeb; z-index:999; }

    .copy_wrap { float:left; width:100%; border-top:1px solid #003585; padding:0px 0 50px 0; background: #cfe39e;}
    .copy_w { width:90%; margin:0 auto;  }
    
    .copy_wrap .le { float:left;    }
    .copy_wrap .le ul li { float:left;   }
    .copy_wrap .le .txt { font-size:16px; color:#333;  margin:10px 0 0 0px;  }
    .copy_wrap .le .logo { display:none; }
    
    .copy_wrap .ri { float:right; }
    .copy_wrap .ri ul li { float:left; margin:10px 0 0 8px;   }
    
    }
    
    @media only screen and (min-width:1020px) and (max-width:1280px) { 
    
    .list_bg img { width:100%; padding:0 0 60px 0; max-width: 960px; }
    .main_sns { text-align:center; margin:auto; padding:15px 0; width:100%; float:left; }
    .main_sns ul { padding:0; margin:0; position:relative; float:left; left:50%; transform:translateX(-50%); }
    .main_sns ul li { float:left; width:50px; margin:0 10px; }
    footer { position:fixed; bottom:0; height:80px; width:100%; margin:0 auto; background-color:#ebebeb; z-index:999; }

    .copy_wrap { float:left; width:100%; border-top:1px solid #003585; padding:0px 0 50px 0; background: #cfe39e;}
    .copy_w { width:90%; margin:0 auto;  }
    
    .copy_wrap .le { float:left;    }
    .copy_wrap .le ul li { float:left;   }
    .copy_wrap .le .logo img { width:205px; }
    .copy_wrap .le .txt { font-size:16px; color:#333;  margin:10px 0 0 30px;  }
    
    .copy_wrap .ri { float:right; }
    .copy_wrap .ri ul li { float:left; margin:10px 0 0 8px;   }
    
    
    }
    
    @media only screen and (min-width: 1280px) {
    .list_bg { position:relative; z-index:1; width:960px; margin:0 auto; }
    .list_bg img { width:100%; padding:0 0 60px 0; }
    .main_sns { text-align:center; margin:auto; padding:15px 0; width:100%; float:left; }
    .main_sns ul { padding:0; margin:0; position:relative; float:left; left:50%; transform:translateX(-50%); }
    .main_sns ul li { float:left; width:50px; margin:0 10px; }
    footer { position:fixed; bottom:0; height:80px; width:100%; margin:0 auto; background-color:#ebebeb; z-index:999; }
    
    .copy_wrap { float:left; width:100%; padding:0px 0 50px 0; background: #cfe39e;}
    .copy_w { width:100%; max-width:1280px; margin:0 auto;  }
    
    .copy_wrap .le { float:left;    }
    .copy_wrap .le ul li { float:left;   }
    .copy_wrap .le .logo img { width:205px; }
    .copy_wrap .le .txt { font-size:16px; color:#333;  margin:10px 0 0 30px;  }
    
    .copy_wrap .ri { float:right; }
    .copy_wrap .ri ul li { float:left; margin:10px 8px 0 0px;   }
    
    }