/* PC 반응형 */

@media screen and (max-width: 1600px) {
    
    html {font-size: 16px;}
    

    
}
    

@media screen and (max-width: 1440px) {
    
    html {font-size: 15px;}    

    .s121_ul li.txt.L .his_p { width: 425px;  margin-left: calc(100% - 425px);}
    
    
}


@media screen and (max-width: 1200px) {
    
    html {font-size: 14px;}
    
    .main_inner {width: 90%;}
    
    .s113_cont li {width: 400px;  height: 400px;}
    
    .s121_ul li.txt.L .his_p { width: 400px;  margin-left: calc(100% - 400px);}

    
}


    
/* mobile */
@media screen and (max-width: 780px) {
    .pc {display: none;}
    .mob {display: block;}
    html, body {  min-width: auto;}
    #header {  min-width: auto;}
    
    /*    header   */
    
    
    #header {border-bottom: 2px solid #6440b7;} 

    #header_logo {  width: 100%; margin: 20px 0px 15px }
    #header_logo img {  max-width: 170px;}
    
    
    .right_nav { width: 100%;  position: relative;  left: auto;  bottom: auto;  transform: none;  padding-right: 10px;  box-sizing: border-box;}
    
    
    #menu_icon {  display: block;  position: absolute;  width: 100%;  max-width: 25px;  right: 15px;  top: 0%;  z-index: 100;}
    #menu_icon i {font-size: 28px;}
    #open_btn {display: block;}
    #close_btn {display: none;}
    
    
    .nav_wrap { display: none;  top: 82px; height: auto;}
    .nav_wrap:hover { height: auto;}
    .nav_wrap.on {display: block}
    .nav_wrap::after {display: none;}
    
    
        
    
    #nav {margin-bottom: 20px;}
    #nav > li:nth-child(1) {margin-top: 15px;}
    #nav > li {  width: 100%;  line-height: 1.3;  text-align: left;  padding: 12px 20px;  box-sizing: border-box;}
    #nav > li.pc {display: none;}
    #nav > li.mob {display: block;}
    #header:hover .nav_ul {display: none}
    .nav_ul { padding: 5px 20px;  box-sizing: border-box;  margin-top: 5px; opacity: 1;}
    .nav_ul li { font-size: 13px; line-height: 16.55px;  margin-bottom: 10px; }
    .nav_ul a:last-child li {margin-bottom: 0px;}
    
    

        
    /*    footer   */
    
    .f_inner {  padding-top: 20px; }
    .f_inner > li:nth-child(1) { width: 100%;}
    .f_inner > li:nth-child(1) > img { max-width: 100px;}
    .f_inner > li:nth-child(2) {  margin-left: 0px;  width: 100%;  margin-top: 20px;}
    .f_inner > li:nth-child(2) p { transform: skewX(-0.3deg); font-size: 12px; line-height: 16px; }
    .f_inner > li:nth-child(2) p::before {  top: 4px;  transform: none;}
    .f_inner > li:nth-child(2) p.copy {  padding: 8px 0px;  font-size: 10px;  line-height: 15.96px;   margin-top: 15px;}
    .f_inner > li:nth-child(3) { width: 100%;  text-align: center;  margin-bottom: 15px;  margin-top: 10px;  opacity: 0.8;}
    .f_inner > li:nth-child(3) > a { transform: skewX(-0.3deg);  font-size: 11px;  line-height: 20.2px;  display: inline-block;  text-align: center;  padding: 0px 5px;}
    
    .f_mid_cont .f_nav > li {  margin-right: 8px; }
    
    
    
    
    /*    main   */
    
    
    
    .m1 { margin-top: 0px; margin-bottom: 80px;}    
    .m1_bg { height: 440px;}
    .m1_txtimg {  max-width: 200px;}
    .m1_txtbox p:nth-child(1) { font-size: 2.5rem;}
    .m1_txtbox p:nth-child(2) { font-size: 1rem; }
    .more {  display: inline-block;  transform: skewX(-0.3deg);}
    
    .m1_board_ul > li:nth-child(1) { width: 100%;}
    .m1_board_ul > li:nth-child(2) { width: 100%;  text-align: center;  padding: 0px;}
    
    
    .m2_title { margin-bottom: 30px;}
    .m2_title > img {  max-width: 35px;}
    .m2_title > p:nth-child(2) {  font-size: 2rem; }
    .m2_title > p:nth-child(3) { font-size: 1rem; }
    
     .m2_bg { height: 480px;}   

    .m2_txtbox p:nth-child(2) { font-size: 2.5rem; }
    .m2_txtbox p:nth-child(3) { font-size: 1rem; }

    
    .m2_move { height: 460px;}
    .m2_txtbox2 {  min-height: 120px;}
    .m2_txtbox2 p:nth-child(2) { font-size: 2rem; }
    
    .back_btn {  top: 8%; }
    
    .m_txt1 { font-size: 2rem;}
    .m_txt2 { font-size: 1.05rem;}
    .m3_ul li .m_txt2 { margin-left: 10px;}
    
    #m3_board { padding: 80px 0px;}
    .m3_ul > li {  width: 100%;}
    .m3_ul > li:nth-child(1) { padding-right: 0; margin-bottom: 50px;}
    
    .m3_board_ul > li:nth-child(1) { width: 100%;  margin-bottom: 30px;}
    .m3_board_ul > li:nth-child(2) { width: 100%;}
    .m3_ul > li:nth-child(2) { padding-left: 0;}
    
    
    
    .swiper-slide-slide.event_item:nth-child(2n) {margin-left: -1px}
    .swiper-slide-slide.event_item:hover { box-shadow: none !important;}

    
    
    .m4 { padding: 50px 0px 45px;}
    .m4_title { margin-bottom: 20px;}
    .m4_title > p:nth-child(1) {  font-size: 2.3rem;}
    .m4_title > p:nth-child(2) {  font-size: 1rem; }
    
    .m4_tab { margin-bottom: 30px;}
    .m4_tab > li {  width: 46%;  margin: 5px 2%;  font-size: 1rem;}
    
    .m4_cont_ul {margin-bottom: 0px;}
    .m4_cont_ul li { margin-right: 0px;  width: calc(50% - 10px);  margin: 0px 5px 10px; text-align: center;}
    .ms4_cont {  padding: 0px 0px 18px}
    .ms4_cont .txtbox { padding: 0px 10px;}
    .ms4_cont .txtbox p:nth-child(2) { font-size: 1rem;  min-height: initial;}
    
    
    
    .m5 {  margin: 80px 0px;}   
    .m5_cont {  margin-left: 0px;  width: 90%;  margin: auto;}
    
    .m5_cont > li.txt { width: 100%; margin-bottom: 25px; text-align: center; }    
    
    .ms5_cont .name { font-size: 2rem;}
    .ms5_cont .desc { font-size: 1rem; }
    
    .m5_cont > li.img { width: 100%;  margin-left: 0;}
    .m5_txt3 { font-size: 1rem;  margin: 15px 0px 25px;}
    
    .m5_btnbox { margin-top: 25px;}
    .swiper-button-prev.m5_prev, .swiper-button-next.m5_next {  width: 40px;  height: 40px;}
        
        
    .ms5_cont_wrap {  height: 450px;}   
    
        
    .m6 { padding: 80px 0px;}
        
    .m6_cont > li.txt { width: 100%;  margin-right: 0px; margin-bottom: 25px;}        
    .m6_cont > li.img { width: 100%;} 
        
    .ms6_tab.swiper-pagination {  margin-top: 35px;}
    .ms6_tab .swiper-pagination-bullet { transform: skewX(-0.3deg);}
    .ms6_img {  height: 200px;}    
        
    .swiper-button-prev.m6_prev {  width: 40px;  height: 40px;  left: 10px;}
    
    .m7 {  margin: 80px 0px 100px;}
    
    
    
    
    
    
    /*    sub   */
    
    
    .subtop {  height: 130px;}    
    .subtop_p {  top: 50%;  font-size: 1.8rem;}
    .subtop_nav > li { width: 33.3333%; padding: 0px; font-size: 0.85rem;}
    .subtop_nav2 > li { padding: 10px;}
    
    .sub_title { margin: 75px 0px 65px;}
    
    .sub_p1 {  font-size: 2rem; }
    
    
     /*    아카데미   */
    
    
    .s111 {  margin: 65px 0px 120px;}
    .s111_img {height: 170px; width: 100%}
    
    .s111_ul {  margin: -50px auto 0px;}
    .s111_ul li:nth-child(1) { width: 100%;  margin-right: 0px;}
    .s111_ul li:nth-child(1) .txtbox { padding: 40px 30px;}
    .s111_ul li:nth-child(1) .txtbox p { font-size: 1.5rem;}
    
    .s111_ul li:nth-child(2) { width: 100%;  margin-top: 35px;}
    
    .s111_ul li:nth-child(2) p {  font-size: 1.0rem;  text-align: initial;}
    
    
    
    .s121 { margin: 65px 0px 150px;}
    
    .s121_cont { width: 90%; }
    
    .s121_cont.left {  margin-right: 0px;  margin: auto;}
    .s121_cont.right {  margin-right: 0px;  margin: auto;}
    
    .s121_cont li.img { width: 100%;}
    .s121_cont.left li.img { height: 265px;}
    .s121_cont.right li.img {  height: 260px; margin-top: 25px;}
    .s121_cont li.txt {  width: 100%; }
    .s121_cont.left li.txt { padding: 0px; margin: 0px;}
    .s121_cont.right li.txt { padding: 0px; margin: 0px;}
    
    .s121_cont li.txt .tit::after {  position: relative;  display: block;  bottom: auto;  height: 1px; margin: 20px 0px;}    
    .s121_cont.left li.txt .tit::after { left: 0px; width: 100%;}
    .s121_cont.right li.txt .tit::after { right: 0px; width: 100%;}
    
    
    .s121_cont li.txt .num {  font-size: 3.8rem; text-align: center; margin-top: 30px;}
    .s121_cont li.txt .tit {text-align: center;  font-size: 1.8rem; margin-bottom: 20px; padding-bottom: 0px; }
    .s121_cont li.txt .listbox p {  font-size: 0.95rem;  padding-left: 15px;}
    .s121_cont li.txt .listbox p.wid3 {  width: 100%;}
    
    
    .sub1_topimg.img1 {  height: 230px;}
    .sub1_txtbox { padding: 45px 30px;  margin-top: -80px;}
    .sub1_txtbox p.tit { font-size: 1.5rem;}
    
    .sub1_ul.border-none > li.cont { padding-bottom: 0px;}
    
    .sub1_ul > li { padding: 0px;}
    .sub1_ul > li.tit {  width: 100%;  margin-right: 0; margin-bottom: 10px;}
    .sub1_ul > li.tit p { font-size: 1.3rem;}
    
    .sub1_ul > li.cont { width: 100%;  margin-bottom: 25px;
    padding-bottom: 25px;}
    
    .sub1_cont { width: 100%;  margin: 50px auto 120px;}
    
    
    .tbl_tit { font-size: 1.3rem;  margin-bottom: 10px;}
    .sub1_tblbox {  margin: 30px 0px 40px;}
    
    .tbl_img {width: 100%; margin-bottom: 20px}
    .tbl_img img {width: 100%}
    
    
    .s121_cont.left li.img.s131_c {  height: 260px;}
    .s121_cont.right.s131_c li.img { height: 300px;}
    
    
    .s132_ul {  margin-top: 90px;}
    .s132_ul li {  width: 100%;}
    .s132_ul li:nth-child(1) { margin-right: 0px;  margin-bottom: 20px;}
    .s132_ul li:nth-child(2) { margin-left: 0px;}
    
    .s132_ul li a {  padding: 30px 15px;}
    .s132_ul li .tit { font-size: 1.5rem;}    
    .s132_ul li .num { font-size: 4rem;  right: 15px;}
    
    
    
    .sub1_txtbox.ver2 {  padding: 40px 35px;  margin-top: -140px;  min-height: 240px;}
    
    .cont_txtbox.first { margin-top: 30px;}    
    .cont_txtbox { margin: 15px 0px;}
    .cont_txtbox.last {  margin-bottom: 30px;}
    
    
    .s13-2_img2 {  max-width: 190px;}
    
    
    .sub1_topimg2 { height: 285px; width: 100%;}
    
    .sub1_txtbox2 {  width: 100%;}
    .sub1_txtbox2 p.tit { font-size: 2.2rem; }
    .sub1_txtbox2 p.tit span {  font-size: 1.3rem; }
    
    .sub1_cont2 { padding-top: 95px;}
    
    .sub1_ul2 {  width: 100%;  margin: 40px auto 100px;}
    .sub1_ul2 li { width: 48%;  padding: 30px 0px; margin-right: 1%; margin-top: 8px;  margin-left: 1%}
    .sub1_ul2 li:nth-child(3), .sub1_ul2 li:nth-child(4) {   margin-top: 8px;}    
    .sub1_ul2 li p {  font-size: 1.1rem;}
    
    .sub1_ul3 li {  margin-right: 0%;  width: 100%;}
    .sub1_cont3 {  margin-bottom: 100px; }
    
    
    
    .sub1_cont.margin-top {  margin-top: 60px;  margin-bottom: 100px;}
    .s141_img2 {  max-width: 180px;}
    
    .sub1_txtbox.ver3 { padding: 40px 35px;  margin-top: -140px;   min-height: 240px;}
    
    .sub1_txtbox > p.num {  font-size: 4.5rem;}
    
    
    
    .sub_board {  margin: 65px 0px 120px;}
    
    .sch_box {  width: 100%; margin-top: 15px}
    #bo_sch {  width: 100%;}
    #bo_sch .sch_input {width: calc(100% - 35px);}
    
    #bo_list .tbl_head01 {  padding: 40px 0px 0px !important;}
    #bo_list .tbl_head01 a {  font-size: 12px !important;     white-space: nowrap;  width: 100%;  overflow: hidden;  text-overflow: ellipsis; transform: skewX( -0.3deg); }
    
    #bo_list .gall_img a { height: auto !important;}
    
    .mo_view {  display: block !important;}
    
    .bo_mo_cate {display: none !important;}
    
    
    
    .s161 {  margin: 65px 0px 0px;}
    .s161_cont { padding: 60px 0px;}
    .s161_cont.last{padding-bottom: 150px;}
    .inst_ul li.img {  width: 100%;}    
    .inst_ul li.img img {  max-width: 150px; }
    .inst_ul li.txt {  width: 100%;  margin-left: 0%;  margin-top: 35px;}
    
    .inst_ul li.txt .spec_list p { font-size: 1rem;}
    .inst_ul li.txt .spec_list2 { margin: 15px 0px 30px;    width: 100%;}
    .inst_ul li.txt .spec_list2 p {  font-size: 0.85rem;}
    .inst_ul li.txt .add_info p { font-size: 0.8rem; padding-left: 4.5rem }
    
    
    
    /* 취·창업지원센터 */
    .subtop_nav.wid50 > li {  width: 50%;}
    
    .s311 { margin: 65px 0px;}
    
    .s311_ul { padding-bottom: 30px;}
    .s311_ul li.img { width: 100%;  margin-right: 0;}
    .s311_ul li.txt {  width: 100%;  text-align: center;  margin-top: 35px;}
    .s311_ul li.txt p:nth-child(1) {  font-size: 2rem;
    }
    .s311_img { width: 90%;  max-width: 580px;
    position: relative;  right: auto;  bottom: auto;  margin: auto;}
    
    .s311_ul.ver2 {border-top: 1px solid #ddd;}
    .s311_ul.ver2 li.txt {  width: 100%;  margin-left: 0;  margin-bottom: 35px;}    
    .s311_ul.ver2 li.img {  margin-left: auto;  margin-right: auto;  width: 90%;  display: block;}
    
    .s311_img2 {  padding-right: 0px;}
    
    .s312 {  padding: 65px 0px;}
    .s312_ul li.txt {  width: 100%;  text-align: center;  margin-bottom: 35px;}
    .s312_ul li.img {  width: 100%;  max-width: 245px;  margin: auto;  display: block;}
    
    
    .s313 {  margin: 65px 0px 150px;}
    
    .s313_top {  width: 100%;  margin-right: 0;}
    .s313_top li.img {  width: 100%;  margin-right: 0;  height: 200px;}
    .s313_top li.txt {  width: 90%;  margin: 35px auto 0px;  display: block;}
    
    
    .s31_tit {  font-size: 2rem;}
    .s313_top_list {  margin-top: 18px;}
    .s313_top_list > p.tit {  font-size: 1.5rem;}
    .s313_top_list > p.txt {  font-size: 1rem;  margin-bottom: 10px;  margin-top: 2px;}
    .s313_top_list > p.list {  padding-left: 12px;  font-size: 0.85rem;}
    .s313_bottom {  height: 200px; }
    
    
    
    .sub3_topimg {  height: 300px;}
    .sub3_title p {  margin-bottom: 20px;}
    
    .s34_add_info { margin-top: -20px; margin-bottom: 20px}
    .s34_addimg {  max-width: 105px;}
    .s34_add_info a {  display: block; width: 110px;  margin: 10px auto 0px;}
    
    
    .sub3_txtbox { padding: 45px 35px;}
    
        
    
    
    /* 노마드패셔너코워킹 */
    .s511 {  margin: 65px 0px 150px;}
    
    .s511_cont .swiper-container { padding: 0px;  box-sizing: border-box;}
    .s511_cont .swiper-button-next, .s511_cont .swiper-button-prev { font-size: 1.5rem;  background-color: rgba(255,255,255,0.5);  width: 35px; height: 35px;    border-radius: 100%;}
    
    
     /* 쇼핑몰 */
    .s611 {  margin: 65px 0px 150px;}
    
    
    
     /* 커뮤니티 */
    
    .s721 {  margin: 65px 0px 150px;}
    .form_top > li {  width: 100%;}
    
    
    .s741 {  margin: 65px 0px 150px;}
    .s741_ul li {  width: 100%;  height: 220px;}
    
    .s741_ul li:nth-child(1) { margin-right: 0px; margin-bottom: 25px}
    .s741_ul li:nth-child(2) { margin-left: 0px}
    .s741_ul li .txtbox p {  font-size: 1.5rem; }
    
    
    
    
    /* 디자인올소개 */
    
    .s811 { margin: 65px 0px;}
    .s811_cont { padding-bottom: 35px;}
    .s811_cont .txtbox { position: relative;  right: auto;  bottom: auto;  margin-top: -100px; text-align: right;}
    
    
    .s812 { padding: 65px 0px; }
    .s812 .s811_cont .txtbox { position: relative;  right: auto;  left: auto;  bottom: auto;  text-align: left;  margin-top: -80px;}
    
    .s811_cont .txtbox p:nth-child(1) { font-size: 2rem;}
    
    .s812 .s811_cont { padding-bottom: 35px;}
    
    .s813 { margin: 80px 0px;}
    
    .s813_ul li {  width: 100%;   margin-right: 0px;   margin-bottom: 60px; padding-bottom: 60px; }
    
    .s813_ul li .txtbox { min-height: initial; }
    
    .s813_ul li::before { right: auto; left: 50%;  bottom: 7.5px;   transform: translateX(-50%) rotate(90deg);}
    
    .s813_ul li::after { right: auto;  bottom: -25px;  left: 50%;  transform: translateX(-50%) rotate(90deg);}
    
    
    .s813_bnr { margin: 50px 0px 150px;}
    .s813_bnr_ul li:nth-child(1) { width: 100%;}
    
    .s813_bnr_ul li:nth-child(2) { width: 100%;  margin-left: 0;  margin-top: 40px;}
    
    .s813_bnr_ul li:nth-child(2) p { font-size: 1.9rem;  word-break: keep-all;}    
    .s813_bnr_ul li:nth-child(2) .bold {  font-size: 2.2rem;}
    .s813_bnr_ul li:nth-child(2) .color { font-size: 2.2rem;}
    
    
    
    
    .s821 {  margin: 65px 0px 0px;}
    
    .s831_tab { margin: 0px auto 35px;}    
    
    .his_ul li.txt  p {font-size: 0.9rem}
    .his_ul li.txt.right p { padding-left: 50px;}
    .his_ul li.txt.left p { padding-right: 50px;}
    
    .his_ul li.txt.right p .date { left: 12px;}
    .his_ul li.txt.left p .date { right: 12px;}
    
    
    
    .s831 { margin: 65px 0px;}
    .s832 { margin: 90px 0px 150px;}
    
    .s832_ul > li { margin-bottom: 30px;width: 100%;  }    
    .s832_ul > li:last-child {margin-bottom: 0px;}
    
    .s832_ul.wid2 > li { width: 100%; margin-bottom: 15px;}

    
    
    .s832_cont { padding: 40px 30px 40px; min-height: initial;}
    
    
    .s832_cont_wrap.wid2 .s832_cont {  width: 100%;}    
    .s832_cont_wrap.wid2 .s832_cont:nth-child(2n-1) {  margin-right: 0px; margin-bottom: 100px}  
    .s832_cont_wrap.wid2 .s832_cont:nth-child(2n) {  margin-left: 0px;}
    .s832_cont_wrap.wid3 .s832_cont { width: 100%;  margin-right: 0px; margin-bottom: 100px}
    .s832_cont_wrap.wid3 .s832_cont:last-child {margin-bottom: 0px}
    
    .s832_cont > .tit { width: 90%;  top: -5%;}
    .s832_cont > .tit.ver2 { width: 90%;   margin-top: -15%; transform: skewX(-0.3deg) translateX(-50%);}
    
    
    .s841 {  margin: 0px 0px 150px;}
    .s841 .map {   height: 250px;}
    
    .s841_ul {  width: 100%;  padding: 60px 0px 50px;}
    
    
    .s841_ul > li:nth-child(1) { width: 100%;  margin-bottom: 30px;}
    
    .s841_ul > li:nth-child(2) { width: 100%;  padding-left: 0px;  border-left: 0px;  border-top: 1px solid #ddd;  padding-top: 25px;}
    .s841_ul > li:nth-child(2) > p {  padding-left: 85px;}
    
    .s841_ul2 {  width: 100%;  padding: 50px 0px;}
    .s841_ul2 > li:nth-child(1) { width: 100%;  margin-bottom: 20px;}    
    .s841_ul2 > li:nth-child(2) {  width: 100%;}
    
    #s841_ul2 > li:nth-child(2) .s841_num_con { width: auto;  padding-left: 15px;}
    
    
    
    
    
    /* 사이트맵 */
    
    
    .sub_navbox.none {  display: none;}
    .s911 {  margin: 65px 0px 150px;}
    #sitemap_nav { padding: 40px 0px;}
    
    
    #sitemap_nav > li { padding: 0px 0px 30px;  margin-bottom: 30px;}
    
    .site_sub_menu > li {  width: 100% !important;   transform: skewX( -0.3deg); }  
    
    
    
    
    #login_new {  width: 90%;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);  height: auto;}
    #login_new .font-18 {  font-size: 60px}  
    #login_new .font-16 { font-size: 35px;}
    #login_new .font-14 { font-size: 30px;}    
    #login_new .font-12 {  font-size: 25px;}    
    
    #login_new .login_input { height: 100px; }
    #login_new .login_btns {  height: 100px;}
    #login_new .login_b_li1 {  margin-top: 20px;}
    #login_new .login_b_li2 {  margin-top: 20px;}
    #login_new .login_join_t { margin-top: 45px; font-size: 25px}
    
    
    /* 일삼프로젝트 */


    .s12_1_top {padding: 50px 20px;  }
    .s12_1_top p:nth-child(1) {font-size: 1.3rem;}
    .s12_1_top p:nth-child(2) { font-size: 1rem;}
    .s12_1_top p:nth-child(2) br {display: none;}
    .s12_logo {  position: relative; right: auto; top: auto;   width: 100%;    max-width: 155px;     margin: 30px auto 0px;  display: block; }

    
    
    
    
}