@charset "utf-8"; @import url('reset.css'); 

/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media screen and (max-width:1023px) { 
    .wrap {
        flex-wrap: wrap;
    }
    .quick {
        position: static;
        width: 100%;
        order: 2;
        height: auto;
    }
    .main {
        width: 100%;
        margin-left: 0;
    }
    .logo img {
        width: 150px;
    }
    .m_logo {
        display: block;
        margin-bottom: 20px;
    }
    .call_sns {
        position: static;
        transform: translateX(0);
        margin-top: 40px;
    }
}
/* 모바일 가로 & 테블릿 세로 (해상도 521px ~ 767px)*/ 
@media screen and (max-width:767px) {
    .title h1 {
       font-size: 26px;
       text-align: center;
       padding: 10px 10px 10px 10px;
    }
    .menu {
    	display:flex;
    	flex-wrap: wrap;
    	gap: 20px;
    }
    .menu li {
    	width: calc(50% - 10px); 
    	border-bottom: 1px solid #ffffff50; 
    	border-radius: 10px 10px 0 0;
    	display: flex;
    	align-items: center;
    }
    .menu li + li {
    	margin-top: 0;
    }
    .menu li:nth-child(1) a span {
    	display: inline;
    	word-break: keep-all;
    }
    .call_slogan .call {
        font-size: 18px;
    }
    .call_slogan .call p {
        font-size: 18px;
    }
}
/* 모바일 세로 (해상도 361px ~ 520px)*/ 
@media screen and (max-width:520px) {
	.menu li {
		width:100%;
	}
	.menu li:nth-child(1) a span {
		display:block;
    }
    .main {
        padding-bottom: 20px;
    }
    .main_text li {
        font-size: 18px;
    }
    .main_text .r_point {
        font-size: 20px;
        word-break: break-all;
    }
    .sub_text li {
        flex-direction: column;
    }
    .sub_text li strong {
        min-width: 100%;
    }
    .sub_text li p {
        width: 100%;
        /* word-break: keep-all; */
    }
    .btn_wrap li {
        width: 100%;
    }
    
    .btn_wrap_full li {
        width: 100%;
    }
    .btn_wrap_full li.btn_1 {
	    width: 100%;
	}
	.btn_wrap_full li.btn_2 {
	    width: 100%;
	}
	.btn_wrap_full li.btn_3 {
	    width: 100%;
	}
	.btn_wrap_full li.btn_4 {
	    width: 100%;
	}
	.btn_wrap_full li.btn_5 {
	    width: 100%;
	}
    .call_slogan .call {
        font-size: 16px;
    }
    .call_slogan .call p {
    	padding-left: 30px;
        font-size: 16px;
        background: url('/site/nambu/nambukr/img/mainIntro/phone_icon.png') no-repeat center left;
		background-size: 16px;
    } 
   
    .slogan img,
    .character img {
        display: none;
    }
    .m_slogan {
        text-align: center;
        padding-top: 50px;
        display: block;
    }
    .m_slogan img {
        max-width: 100%;
        width: 300px;
    }
}












































/* /* @charset "utf-8"; @import url('reset.css'); 
테블릿 가로 (해상도 768px ~ 1023px) 
@media screen and (max-width:1023px) { 
	########## guide ##########
	.guide .sec {
	 	flex-wrap: wrap;
	 	gap: 0;
	}
	.guide .sec > div {
		padding: 20px; 
	}
	.guide .sec .leftSec {
		width: 100%;
	}
	.guide .sec .rightSec {
		width: 100%;   
	}
	
    ########## guide ##########
    .period > div {
        min-height: 200px;
    }
    .period > div {
        width: 100%;
    }
    ########## guide ##########
    .period_01 p {
        margin-top: 10px;
    }
    .box:nth-of-type(2) .period_02 p {
        margin-top: 10px;
    }
    .print {
        flex-wrap: wrap;
    }
    .print li {
        padding: 30px; 
    }
    .print li a {
    	font-size: 14px;
    }
    일정안내 박스 1개일떄
    .inner.one h2 {
        white-space: nowrap;
    }
    .inner.one .box {
        flex-wrap: wrap;
    }
    .inner.one .box .box_top {
        padding-bottom: 0;
    }
    .inner.one .box > div {
        width: 100%;
    }
    .inner.one .period > div {
        width: calc(50% - 10px);
    }
    .inner.one .box_bottom {
        margin-top: 0;
        padding-top: 0;
        border-left: none;
        border-top: 1px solid #ddd;
    }
    .inner.one .print {
        padding-left: 0;
        padding-top: 20px;
        border: none;
    }
    .inner.one .print li {
        width: calc(33% - 5px);  
    }
} 

모바일 가로 & 테블릿 세로 (해상도 521px ~ 767px) 
@media screen and (max-width:767px) {
	########## layout ##########
	.container {
		padding: 10px;
	}
	########## visual ##########
	.visual .inner {
		height:200px;
		background: url('/site/nambu/nambukr/img/ipsi_visual.png') no-repeat center left; 
    	background-size: cover; 
	}
	########## shortcut ##########
	.shortcut {
	    padding: 40px 0;   
	}
    ########## quick_menu ##########
    .quick_menu .inner li a {
        font-size: 18px;
        padding: 0 20px;
    }
    ########## guide ##########
    .rightSec ul li {
    	width: 100%;
    }
    
   .period > div {
        width: calc(50% - 10px);
    }
    .guide .inner {
        flex-wrap: wrap;
    }
    .guide .box {
        width: 100%;
    }
    .period p span {
        display: inline-block;
    }
    .print li a {
    	font-size: 16px; 
    }
    /* 일정안내 박스 1개일떄
    .inner.one .print li {
        width: calc(50% - 5px);  
    }
    .inner.one .period > div {
        width: 100%;
        min-height: 200px;
    }*/
} 

/* 모바일 세로 (해상도 361px ~ 520px) 
@media screen and (max-width:520px) {
	########## visual ##########
	.visual .inner {
		height:200px;
		background: url('/site/nambu/nambukr/img/ipsi_visual.png') no-repeat center left -200px;     
    	background-size: cover; 
	}
    ########## quick_menu ##########
    .quick_menu .inner {
        gap: 10px;
    }
    .quick_menu .inner li {
        width: 100%;
    }
    .quick_menu .inner li a {
        height: 100px;
    }
    .quick_menu .inner li a .btn_img {
        top: 50%;
        transform: translateY(-50%);
    }
    .quick_menu .inner li:nth-child(1) {
	background: #014da2 url('/site/nambu/nambukr/img/quick_icon_01.png') no-repeat center right 80px;  
	}
	.quick_menu .inner li:nth-child(2) {
		background: #1a5eab url('/site/nambu/nambukr/img/quick_icon_02.png') no-repeat center right 80px;   
	}
	.quick_menu .inner li:nth-child(3) {
		background: #014da2 url('/site/nambu/nambukr/img/quick_icon_03.png') no-repeat center right 80px;  
	}
	.quick_menu .inner li:nth-child(4) {
		background: #1a5eab url('/site/nambu/nambukr/img/quick_icon_04.png') no-repeat center right 80px;   
	}
	.quick_menu .inner li:nth-child(1) {
		background: #1a68f7 url('/site/nambu/nambukr/img/quick_icon_01.png') no-repeat center right 80px;   
	}
	.quick_menu .inner li:nth-child(2) {
		background: #1a68f7 url('/site/nambu/nambukr/img/quick_icon_02.png') no-repeat center right 80px;   
	}
	.quick_menu .inner li:nth-child(3) {
		background: #1a68f7 url('/site/nambu/nambukr/img/quick_icon_03.png') no-repeat center right 80px;  
	}
	.quick_menu .inner li:nth-child(4) { 
		background: #1a68f7 url('/site/nambu/nambukr/img/quick_icon_04.png') no-repeat center right 80px;  
	}
	
    ########## guide ##########
    .guide h2 {
        text-align: center;
    }
    .period > div {
        width: 100%; 
    }
    .print li {
        width: 100%;
     	height: auto; 
    }
     .print li a span {
		margin: 0 4px;
		display: inline-block;  
     }
     일정안내 박스 1개일떄
    .inner.one .print li {
        width: 100%;
        height: auto;
    }
}

모바일 세로 (해상도 ~ 360px)  
@media screen and (max-width:360px) {
    ########## guide ##########
    .guide h1 {
    	font-size: 24px; 
    }
    
    
   .print li a span {
        display: block;
    }
     일정안내 박스 1개일떄
     .inner.one h2 {
        white-space: wrap;
        word-break: keep-all;
     }
     
}









.red{color:#c91717}

.table_container {width:100%;overflow:auto;}
.table_container table {white-space:nowrap;border-collapse:collapse}
.table_container table tr td {
    background: #fff  !important;
    padding: 7px 25px  !important;
    border-width: 1px 1px 1px 0px  !important;
    border: 1px solid #000  !important;
    white-space: nowrap;
    line-height: 31px;
}

.table_container table tr th {
    padding: 7px 0px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    text-align: center !important;
    background: #f44667 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
    border-width: 1px 0px 1px 1px !important;
}
***********************phone*****************************
@media screen and (max-width:767px) { 
    .intro_from {
        width:100%;
        float: left;
        background: #e9e6c0;
        background-size: cover;
    }
.intro_from .logo{
    width: 80%;
    margin: 29px 10% 1%;
    padding-bottom: 1.5%;
    border-bottom: 2px solid #000;
    text-align: center;
}
    .intro_content {
        width: 80% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 3% 10% 1% !IMPORTANT;
    }

    .intro_content h1 {
        width: 100%;
        float: left;
        text-align: left;
    }

    .intro_content h2 {
        width: 100%;
        float: left;
        color: #000;
        font-size: 27px;
        text-align: left;
        margin: 10px 0 33px;
        font-weight: 800;
        border-bottom: 1px solid #000;
        padding: 10px 0px;
    }

    .intro_content ul {
        width: 100%;
        float: left;
    }

    .intro_content ul li {
        width: 93% !IMPORTANT;
        margin-bottom: 1% !IMPORTANT;
        background: #36373a !IMPORTANT;
        float: left;
        padding: 3% 5% !IMPORTANT;
        border-radius: 10px;
    }

    .intro_content ul li:last-child {
        width: 93% !important;
        margin-right: 0% !important;
        background: #1f0d7c;
    }

    .intro_content ul li h3 {
        width: 100%;
        float: left;
        color: #ffe000;
        font-size: 20px;
    }

    .intro_content ul li p {
        width: 100%;
        float: left;
        color: #d79393;
        font-size: 16px;
        margin-top: 12px;
        font-weight: 600;
    }

    .intro_content ul li span {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 16px;
        margin-top: 0;
    }

    .intro_content ul li a {
        width: 100%;
        background: #06a3ac;
        color: #fff;
        width: 100%;
        float: left;
        text-align: center;
        padding: 10px 0px;
        margin-top: 25px;
        font-weight: 800;
    }

    .intro_ipsi {
        width: 80% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 2% 10% 1% !IMPORTANT;
    }

    .intro_ipsi_left {
        width: 100%;
        float: left;
        margin-bottom: 2%;
    }

    .intro_ipsi_right {
        width: 97% !IMPORTANT;
        float: left !IMPORTANT;
        margin-top: 0% !IMPORTANT;
    }

    .intro_quick {
        width: 80% !important;
        float: left;
        margin: 0 10% !important;
    }

    .intro_quick ul {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 2% 0% 0px !IMPORTANT;
    }

    .intro_quick ul li {
        width: 100%;
        float: left;
        margin-bottom: 2%;
        border-radius: 10px;
    }

    .intro_quick ul li:nth-child(1) {
        background: #f44667;
    }

    .intro_quick ul li:nth-child(2) {
        background: #1f0d7c;
    }

    .intro_quick ul li:nth-child(3) {
        background: #06A3AC;
    }

    .intro_quick ul li:nth-child(4) {
        background: #48AB1C
    }

    .intro_quick ul li a {
        width: 89%;
        float: left;
        color: #fff;
        padding: 20px 16px;
        text-align: left;
        font-weight: 600;
        font-size: 17px;
        position: relative;
        line-height: 25px;
        position: relative;
        border-radius: 10px;
    }
    .intro_quick ul li a img{
    width: 20%;
    float: left;
}
    .intro_quick ul li a div{
    width: 63%;
    float: left;
    margin-left: 5%;
}
    .intro_quick ul li a div span:first-child {
        width: 100%;
        float: left;
        font-size: 19px;
        font-weight: 800;
    }

    .intro_quick ul li a div span:last-child {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 500;
    }

    .intro_quick ul li a:after {
        content: ">";
        position: absolute;
        top: 35%;
        right: 12%;
    }

    .intro_quick ul li:last-child {
        margin-right: 0%;
        width: 100%;
    }

    .intro_ipsi_left li:nth-child(1) {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 6% 0% 3% !IMPORTANT;
        text-align: center !IMPORTANT;
        font-size: 34px !IMPORTANT;
        color: #000;
        font-weight: 800;
    }
    
    .left_title {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 6% 0% 3% !IMPORTANT;
        text-align: center !IMPORTANT;
        font-size: 34px !IMPORTANT;
        color: #000;
        font-weight: 800;
    }
    
    
    .intro_ipsi_left li.title {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 6% 0% 3% !IMPORTANT;
        text-align: center !IMPORTANT;
        font-size: 34px !IMPORTANT;
        color: #000;
        font-weight: 800;
    }

    .intro_ipsi_left li:nth-child(2) {
        float: left;
        width: 100%;
        margin: 0 0 2% 0%;
    }
	
	.intro_ipsi_left li table{width:100%;float:left;}
	
    .intro_ipsi_left li > table  tr > th{
        float: left;
        padding: 7px 0px;
        font-size: 17px;
        font-weight: 600;
        width: 100%;
        text-align: center;
        background: #f44667;
        color: #fff;
        border: 1px solid #000;
        border-width: 1px 1px 0px 1px;
    }

    .intro_ipsi_left li > table  tr > td {
        display: inline-block;
        font-size: 18px;
        font-weight: 800;
        width: 96%;
        background: #fff;
        padding: 7px 2%;
        border-width: 1px 1px 1px 0px;
        border: 1px solid #000;
    }
    
    .intro_ipsi_left li.button_top {
        float: left;
        width: 100%;
        margin: 5% 0 1% 0%;
        font-size: 16px;
    }

    .intro_ipsi_left li.button_top a {
        width: 100%;
        float: left;
        margin: 1%;
        text-align: center;
        background: #101010;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        padding: 10px 0;
        border-radius: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .intro_ipsi_left li.button_mid {
        float: left;
        width: 100%;
        margin: 5% 0 1% 0%;
        font-size: 16px;
    }

    .intro_ipsi_left li.button_mid a {
        width: 100%;
        float: left;
        margin: 1%;
        text-align: center;
        background: #101010;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        padding: 10px 0;
        border-radius: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .intro_ipsi_left li:last-child {
        float: left;
        width: 100%;
        margin: 5% 0 1% 0%;
        font-size: 16px;
    }
    
    

    .intro_ipsi_left li:last-child a {
        width: 100%;
        float: left;
        margin: 1%;
        text-align: center;
        background: #101010;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        padding: 10px 0;
        border-radius: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
     .intro_ipsi_left_bt{
        float: left;
        width: 100%;
        margin: 5% 0 1% 0%;
        font-size: 16px;
    }
    
    

    .intro_ipsi_left_bt a {
        width: 100%;
        float: left;
        margin: 1%;
        text-align: center;
        background: #101010;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        padding: 10px 0;
        border-radius: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

     .intro_ipsi_right li span {
    }

    .intro_ipsi_right li strong {
    }

    .intro_ipsi_left li:nth-child(5) a:nth-child(3), .intro_ipsi_left li:nth-child(5) a:nth-child(6) {
        margin-right: 0;
    }

    .intro_ipsi_right li:nth-child(1) {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 6% 0% 3% !IMPORTANT;
        text-align: center !IMPORTANT;
        font-size: 34px !IMPORTANT;
        color: #000 !IMPORTANT;
        font-style: normal;
        font-weight: 800;
    }

    .intro_ipsi_right li:nth-child(2) {
        float: left;
        width: 100%;
        margin: 0 0 2% 0%;
    }

    .intro_ipsi_right li table tr th {
    float: left;
    padding: 7px 0px;
    font-size: 17px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    background: #06a3ac;
    color: #fff;
    border: 1px solid #000;
    border-width: 1px 1px 0px 1px;
    }

    .intro_ipsi_right li table tr td {display: inline-block;font-size: 18px;font-weight: 800;width: 96%;background: #fff;padding: 7px 2%;border-width: 0px 1px 1px 0px;border: 1px solid #000;}

    

  
    .intro_ipsi_right li:last-child {float: left;width: 100%;margin: 0 0 1% 0%;font-size: 16px;}
    .intro_ipsi_right li:last-child a {width: 100%;float: left;margin: 1%;text-align: center;background: #48ab1c;color: #fff;font-size: 16px;padding: 10px 0;border-radius: 10px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .intro_ipsi_right li:nth-child(3) a:nth-child(3), .intro_ipsi_right li:nth-child(3) a:nth-child(6) { margin-right: 0;}
    .intro_ipsi_right li:nth-child(3) a:nth-child(3), .intro_ipsi_right li:nth-child(3) a:nth-child(6) {margin-right: 0;}
    
    
    수강신청 바로가기 버튼 추가
	.main_btn {
		width: 80%;
		margin: 0 auto;
		margin-top: 300px;   
		clear: both;
		padding-top: 30px;
		border-top: 2px solid #000;
	}
	.main_btn ul {
		display: flex;
		justify-content: space-between;
		flex-direction:column;
		gap: 10px;  
	}
	.main_btn ul li {
		width: 100%;
		border-radius: 20px;
	}
	.main_btn ul li:nth-child(1) {
		background: #4BCC9A url("/site/nambu/nambukr/img/main_btn01.png") no-repeat center right 30px; 
		background-size: 120px;  
	}
	.main_btn ul li:nth-child(2) {
		background: #5793FD url("/site/nambu/nambukr/img/main_btn02.png") no-repeat center right 30px;  
		background-size: 120px;
	}
	.main_btn ul li a {
		display: block;
		padding: 50px 30px;
		font-size: 26px; 
		font-weight: bold;
		color: #fff;
	}
	.main_btn ul li a em {
		display: block;
		font-style:normal;
		font-weight: normal;
		font-size: 16px;
		margin-top: 5px;
	}
    
    
}

@media screen and (max-width: 499px) {
	.main_btn ul li:nth-child(1) {
		background: #4BCC9A url("/site/nambu/nambukr/img/main_btn01.png") no-repeat bottom 20px right 5px; 
		background-size: 80px;  
	}
	.main_btn ul li:nth-child(2) {
		background: #5793FD url("/site/nambu/nambukr/img/main_btn02.png") no-repeat bottom 20px right 5px;   
		background-size: 80px;  
	}
}


***********************테블릿*****************************
@media screen and (min-width:768px) {
	
	.intro_from {
        width:100%;
        float: left;
        background: #e9e6c0;
        background-size: cover;
    }
.intro_from .logo{
    width: 90%;
    margin: 29px 5% 1%;
    padding-bottom: 1.5%;
    border-bottom: 2px solid #000;
    text-align: center;
}
    .intro_content {
        width: 90% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 3% 5% 1% !IMPORTANT;
    }

    .intro_content h1 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .intro_content h2 {
        width: 100%;
        float: left;
        color: #000;
        font-size: 27px;
        text-align: center;
        margin: 20px 0;
        font-weight: 800;
    }

    .intro_content ul {
        width: 100%;
        float: left;
    }

    .intro_content ul li {
        width: 92% !IMPORTANT;
        margin-bottom: 2% !IMPORTANT;
        background: #36373a !IMPORTANT;
        float: left;
        padding: 4% 4% !IMPORTANT;
        border-radius: 10px;
    }

    .intro_content ul li:last-child {
        margin-right: 0% !important;
        background: #1f0d7c;
    }

    .intro_content ul li h3 {
        width: 100%;
        float: left;
        color: #ffe000;
        font-size: 20px;
    }

    .intro_content ul li p {
        width: 100%;
        float: left;
        color: #d79393;
        font-size: 16px;
        margin-top: 12px;
        font-weight: 600;
    }

    .intro_content ul li span {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 16px;
        margin-top: 0;
    }

    .intro_content ul li a {
        width: 100%;
        background: #06a3ac;
        color: #fff;
        width: 100%;
        float: left;
        text-align: center;
        padding: 10px 0px;
        margin-top: 25px;
        font-weight: 800;
    }

    .intro_ipsi {
        width: 90% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 2% 5% 1% !IMPORTANT;
    }

    .intro_ipsi_left {
        width: 98%;
        float: left;
        margin-bottom: 2%;
    }

    .intro_ipsi_right {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin-top: 0% !IMPORTANT;
    }

    .intro_quick {
        width: 90% !important;
        float: left;
        margin: 0 5% !important;
    }

    .intro_quick ul {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 2% 0% 0px !IMPORTANT;
    }

    .intro_quick ul li {
        width: 48%;
        float: left;
        margin-right: 2%;
        border-radius: 10px;
        margin-bottom: 1%;
    }

    .intro_quick ul li:nth-child(1) {
        background: #f44667;
    }

    .intro_quick ul li:nth-child(2) {
        background: #1f0d7c;
    }

    .intro_quick ul li:nth-child(3) {
        background: #06A3AC;
    }

    .intro_quick ul li:nth-child(4) {
        background: #48AB1C
    }

    .intro_quick ul li a {
        width: 80%;
        float: left;
        color: #fff;
        padding: 20px 40px;
        text-align: left;
        font-weight: 600;
        font-size: 17px;
        position: relative;
        line-height: 25px;
        position: relative;
        border-radius: 10px;
    }
 .intro_quick ul li a img{
    width: 40px;
    float: left;
    height: 40px;
    margin-top: 4px;
}
    .intro_quick ul li a div{
    width: 75%;
    float: left;
    margin-left: 5%;
}
    .intro_quick ul li a div span:first-child {
        width: 100%;
        float: left;
        font-size: 19px;
        font-weight: 800;
    }

    .intro_quick ul li a div span:last-child {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 500;
    }

    .intro_quick ul li a:after {
        content: ">";
        position: absolute;
        top: 35%;
        right: 17%;
        font-size: 25px;
    }

    .intro_quick ul li:last-child {
        margin-right: 0%;
    }

    .intro_ipsi_left li:nth-child(1) {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 4% 0% 6% !IMPORTANT;
        text-align: center !IMPORTANT;
        font-size: 49px !IMPORTANT;
        color: #000;
        font-weight: 800;
    }
    .left_title{
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 4% 0% 6% !IMPORTANT;
        text-align: center !IMPORTANT;
        font-size: 49px !IMPORTANT;
        color: #000;
        font-weight: 800;
    }
    .intro_ipsi_left li:nth-child(2) {
        float: left;
        width: 100%;
        margin: 0 0 2% 0%;
    }
	.intro_ipsi_left li table{width:100%;float:left;}
    .intro_ipsi_left li > table  tr > th {
        float: left;
        padding: 7px 0px;
        font-size: 17px;
        font-weight: 600;
        width: 184px;
        text-align: center;
        background: #f44667;
        color: #fff;
        border: 1px solid #000;
        border-width: 1px 0px 1px 1px;
    }

    .intro_ipsi_left li > table  tr > td {
        display: inline-block;
        font-size: 18px;
        font-weight: 800;
        width: 68%;
        background: #fff;
        padding: 7px 2%;
        border-width: 1px 1px 1px 0px;
        border: 1px solid #000;
    }

   
    .intro_ipsi_left li:last-child {
        float: left;
        width: 100%;
        margin: 5% 0 1% 0%;
        font-size: 16px;
    }

    .intro_ipsi_left li:last-child a {
        width: 47.5%;
        float: left;
        margin: 1%;
        text-align: center;
        background: #101010;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        padding: 10px 0;
        border-radius: 10px;
    }
    
    .intro_ipsi_left_bt {
        float: left;
        width: 100%;
        margin: 5% 0 1% 0%;
        font-size: 16px;
    }

    .intro_ipsi_left_bt a {
        width: 47.5%;
        float: left;
        margin: 1%;
        text-align: center;
        background: #101010;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        padding: 10px 0;
        border-radius: 10px;
    }

     .intro_ipsi_right li span {
    }

    .intro_ipsi_right li strong {
    }

    .intro_ipsi_left li:nth-child(5) a:nth-child(3), .intro_ipsi_left li:nth-child(5) a:nth-child(6) {
        margin-right: 0;
    }

    .intro_ipsi_right li table{width:100%;float:left;}
    .intro_ipsi_right li > table  tr > th {
        float: left;
        padding: 7px 0px;
        font-size: 17px;
        font-weight: 600;
        width: 184px;
        text-align: center;
        background: #48ab1c;
        color: #fff;
        border: 1px solid #000;
        border-width: 1px 0px 1px 1px;
    }

    .intro_ipsi_right li > table  tr > td {
        display: inline-block;
        font-size: 18px;
        font-weight: 800;
        width: 67%;
        background: #fff;
        padding: 7px 2%;
        border-width: 1px 1px 1px 0px;
        border: 1px solid #000;
    }
    .intro_ipsi_right li:nth-child(1) {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 4% 0% 5% !IMPORTANT;
        text-align: center !IMPORTANT;
        font-size: 49px !IMPORTANT;
        color: #000 !IMPORTANT;
        font-style: normal;
        font-weight: 800;
    }

    .intro_ipsi_right li:nth-child(2) {
        float: left;
        width: 95%;
        margin: 0 0 2% 5%;
    }

    .intro_ipsi_right li:nth-child(2) span {
    float: left;
    padding: 7px 0px;
    font-size: 17px;
    font-weight: 600;
    width: 150px;
    text-align: center;
    background: #06a3ac;
    color: #fff;
    border: 1px solid #000;
    border-width: 1px 0px 1px 1px;
    }

    .intro_ipsi_right li:nth-child(2) strong {display: inline-block;font-size: 18px;color: #c91717;font-weight: 800;width: 72%;background: #fff;padding: 7px 2%;border-width: 1px 1px 1px 0px;border: 1px solid #000;}

    .intro_ipsi_right li:nth-child(3) {float: left; width: 92%; margin: 0 0 1% 5%;font-size: 16px;}

    .intro_ipsi_right li:nth-child(3) a {}

    .intro_ipsi_right li:nth-child(4) {float: left;width: 92%;margin: 0 0 1% 5%;font-size: 16px; }
    .intro_ipsi_right li:nth-child(4) a {width: 32%;float: left;margin-right: 1%;text-align: center;margin-bottom: 10px;margin-top: 10px;background: #06A3AC; color: #fff;font-size: 18px;font-weight: 700;padding: 10px 0;}

    .intro_ipsi_right li:nth-child(4) {float: left;width: 92%;margin: 0 0 1% 5%;font-size: 16px; }
    .intro_ipsi_right li:nth-child(4) a {width: 32%;float: left;margin-right: 1%;text-align: center;margin-bottom: 10px;margin-top: 10px;background: #06A3AC; color: #fff;font-size: 18px;font-weight: 700;padding: 10px 0;}
    .intro_ipsi_right li:last-child {float: left;width: 97%;margin: 0 0 1% 4%;font-size: 16px;}
    .intro_ipsi_right li:last-child a {width: 47.3%;float: left;margin: 1%;text-align: center;background: #48ab1c;color: #fff;font-size: 16px;padding: 10px 0;border-radius: 10px;font-weight: 700;}
    .intro_ipsi_right li:nth-child(3) a:nth-child(2), .intro_ipsi_right li:nth-child(3) a:nth-child(6) { margin-right: 0;}
    .intro_ipsi_right li:nth-child(3) a:nth-child(2), .intro_ipsi_right li:nth-child(3) a:nth-child(6) {margin-right: 0;}
    
    수강신청 바로가기 버튼 추가
	.main_btn {
		width: 90%;
		margin: 0 auto;
		margin-top: 250px;   
		clear: both;
	}
	.main_btn ul {
		display: flex;
		justify-content: space-between;
		gap: 2%; 
	}
	.main_btn ul li {
		width: 50%;
		border-radius: 20px;
	}
	.main_btn ul li:nth-child(1) {
		background: #4BCC9A url("/site/nambu/nambukr/img/main_btn01.png") no-repeat center right 5px; 
		background-size: 90px; 
	}
	.main_btn ul li:nth-child(2) {
		background: #5793FD url("/site/nambu/nambukr/img/main_btn02.png") no-repeat center right 5px;   
		background-size: 90px;
	}
	.main_btn ul li a {
		display: block;
		padding: 50px 30px;
		font-size: 26px; 
		font-weight: bold;
		color: #fff;
	}
	.main_btn ul li a em {
		display: block;
		font-style:normal;
		font-weight: normal;
		font-size: 16px;
		margin-top: 5px;
	}
    
}

***********************1200이상~1519*****************************
@media screen and (min-width:1200px) and (max-width: 1519px) {
	.intro_from {
        width:100%;
        height: 100vh;
        float: left;
        background: #e9e6c0;
        background-size: cover;
    }

    .intro_content {
        width: 90% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 6% 5% 1% !IMPORTANT;
    }

    .intro_content h1 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .intro_content h2 {
        width: 100%;
        float: left;
        color: #000;
        font-size: 27px;
        text-align: center;
        margin: 20px 0;
        font-weight: 800;
    }

    .intro_content ul {
        width: 100%;
        float: left;
    }

    .intro_content ul li {
        width: 29% !IMPORTANT;
        margin-right: 2% !IMPORTANT;
        background: #36373a !IMPORTANT;
        float: left;
        padding: 1% 1% !IMPORTANT;
        height: 137px !IMPORTANT;
        border-radius: 10px;
    }

    .intro_content ul li:last-child {
        width: 31% !important;
        margin-right: 0% !important;
        background: #1f0d7c;
    }

    .intro_content ul li h3 {
        width: 100%;
        float: left;
        color: #ffe000;
        font-size: 20px;
    }

    .intro_content ul li p {
        width: 100%;
        float: left;
        color: #d79393;
        font-size: 16px;
        margin-top: 12px;
        font-weight: 600;
    }

    .intro_content ul li span {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 16px;
        margin-top: 10px;
    }

    .intro_content ul li a {
        width: 100%;
        background: #06a3ac;
        color: #fff;
        width: 100%;
        float: left;
        text-align: center;
        padding: 10px 0px;
        margin-top: 25px;
        font-weight: 800;
    }

    .intro_ipsi {
        width: 90% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 2% 5% 1% !IMPORTANT;
    }

    .intro_ipsi_left {
        width: 48%;
        float: left;
        margin-right: 2%;
    }

    .intro_ipsi_right {
        width: 50% !IMPORTANT;
        float: left !IMPORTANT;
        margin-top: 0% !IMPORTANT;
        height: 388px !important;
    }

    .intro_quick {
        width: 90% !important;
        float: left;
        margin: 0 5% !important;
    }

    .intro_quick ul {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 2% 0% 0px !IMPORTANT;
    }

    .intro_quick ul li {
        width: 23%;
        float: left;
        margin-right: 2%;
        border-radius: 10px;
    }

    .intro_quick ul li:nth-child(1) {
        background: #f44667;
    }

    .intro_quick ul li:nth-child(2) {
        background: #1f0d7c;
    }

    .intro_quick ul li:nth-child(3) {
        background: #06A3AC;
    }

    .intro_quick ul li:nth-child(4) {
        background: #48AB1C
    }

    .intro_quick ul li a {
        width: 80%;
        float: left;
        color: #fff;
        padding: 20px 40px;
        text-align: left;
        font-weight: 600;
        font-size: 17px;
        position: relative;
        line-height: 25px;
        position: relative;
        border-radius: 10px;
    }

    .intro_quick ul li a span:first-child {
        width: 100%;
        float: left;
        font-size: 19px;
        font-weight: 800;
    }

    .intro_quick ul li a span:last-child {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 500;
    }

    .intro_quick ul li a:after {
        content: ">";
        position: absolute;
        top: 35%;
        right: 17%;
        font-size: 25px;
    }

    .intro_quick ul li:last-child {
        margin-right: 0%;
        width: 25%;
    }

    .intro_ipsi_left li:nth-child(1) {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 4% 0% 6% !IMPORTANT;
        text-align: center !IMPORTANT;
        font-size: 45px !IMPORTANT;
        color: #000;
        font-weight: 800;
    }

    .intro_ipsi_left li:nth-child(2) {
        float: left;
        width: 100%;
        margin: 0 0 2% 0%;
    }

    .intro_ipsi_left li:nth-child(2) span {
        float: left;
        padding: 7px 0px;
        font-size: 17px;
        font-weight: 600;
        width: 150px;
        text-align: center;
        background: #f44667;
        color: #fff;
        border: 1px solid #000;
        border-width: 1px 0px 1px 1px;
    }

    .intro_ipsi_left li:nth-child(2) strong {
        display: inline-block;
        font-size: 18px;
        color: #c91717;
        font-weight: 800;
        width: 68%;
        background: #fff;
        padding: 6px 2%;
        border-width: 1px 1px 1px 0px;
        border: 1px solid #000;
    }

    .intro_ipsi_left li:nth-child(3) {
        float: left;
        width: 100%;
        margin: 0 0 2% 0%;
    }

    .intro_ipsi_left li:nth-child(3) span {
    float: left;
    padding: 7px 0px;
    font-size: 17px;
    font-weight: 600;
    width: 150px;
    text-align: center;
    background: #f44667;
    color: #fff;
    border: 1px solid #000;
    border-width: 1px 0px 1px 1px;
    border-right-color: #f44667;
    z-index: 2;
    position: relative;
    }

    .intro_ipsi_left li:nth-child(3) strong {
    display: inline-block;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    width: 68%;
    background: #fff;
    padding: 7px 2%;
    border: 1px solid #000;
    border-width: 1px 1px 1px 1px;
    }

    .intro_ipsi_left li:nth-child(4) {
        float: left;
        width: 100%;
        margin: 0 0 2% 0%;
    }

    .intro_ipsi_left li:nth-child(4) span {
    float: left;
    padding: 7px 0px;
    font-size: 17px;
    font-weight: 600;
    width: 150px;
    text-align: center;
    background: #f44667;
    color: #fff;
    border: 1px solid #000;
    border-width: 1px 0px 1px 1px;
    }

    .intro_ipsi_left li:nth-child(4) strong {
    display: inline-block;
    font-size: 18px;
    color: #000;
    font-weight: 700;
    width: 68%;
    background: #fff;
    padding: 6px 2%;
    border: 1px solid #000;
    border-width: 1px 1px 1px 1px;
    }

    .intro_ipsi_left li:nth-child(5) {
        float: left;
        width: 100%;
        margin: 3% 0 1% 0%;
        font-size: 16px;
    }

    .intro_ipsi_left li:nth-child(5) a {
        width: 31.3%;
        float: left;
        margin: 1%;
        text-align: center;
        background: #101010;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        padding: 10px 0;
        border-radius: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

     .intro_ipsi_right li span {
    }

    .intro_ipsi_right li strong {
    }

    .intro_ipsi_left li:nth-child(5) a:nth-child(3), .intro_ipsi_left li:nth-child(5) a:nth-child(6) {
        margin-right: 0;
    }

    .intro_ipsi_right li:nth-child(1) {
        width: 100% !IMPORTANT;
        float: left !IMPORTANT;
        margin: 4% 0% 5% !IMPORTANT;
        text-align: center !IMPORTANT;
        font-size: 45px !IMPORTANT;
        color: #000 !IMPORTANT;
        font-style: normal;
        font-weight: 800;
    }

    .intro_ipsi_right li:nth-child(2) {
        float: left;
        width: 95%;
        margin: 0 0 2% 5%;
    }

    .intro_ipsi_right li:nth-child(2) span {
    float: left;
    padding: 7px 0px;
    font-size: 17px;
    font-weight: 600;
    width: 150px;
    text-align: center;
    background: #06a3ac;
    color: #fff;
    border: 1px solid #000;
    border-width: 1px 0px 1px 1px;
    }

    .intro_ipsi_right li:nth-child(3) strong {display: inline-block;font-size: 18px;color: #c91717;font-weight: 800;width: 68%;background: #fff;padding: 6px 2%;border-width: 1px 1px 1px 0px;border: 1px solid #000;}

	
	.intro_ipsi_right li:nth-child(3) {
        float: left;
        width: 95%;
        margin: 0 0 2% 5%;
    }

    .intro_ipsi_right li:nth-child(3) span {
    float: left;
    padding: 7px 0px;
    font-size: 17px;
    font-weight: 600;
    width: 150px;
    text-align: center;
    background: #06a3ac;
    color: #fff;
    border: 1px solid #000;
    border-width: 1px 0px 1px 1px;
    }

    .intro_ipsi_right li:nth-child(3) strong {display: inline-block;font-size: 18px;color: #c91717;font-weight: 800;width: 68%;background: #fff;padding: 6px 2%;border-width: 1px 1px 1px 0px;border: 1px solid #000;}
     
     
     .intro_ipsi_right li:nth-child(4) {
        float: left;
        width: 95%;
        margin: 0 0 2% 5%;
    }

    .intro_ipsi_right li:nth-child(4) span {
    float: left;
    padding: 7px 0px;
    font-size: 17px;
    font-weight: 600;
    width: 150px;
    text-align: center;
    background: #06a3ac;
    color: #fff;
    border: 1px solid #000;
    border-width: 1px 0px 1px 1px;
    }

    .intro_ipsi_right li:nth-child(4) strong {display: inline-block;font-size: 18px;color: #c91717;font-weight: 800;width: 68%;background: #fff;padding: 6px 2%;border-width: 1px 1px 1px 0px;border: 1px solid #000;}

    .intro_ipsi_right li:last-child {float: left;width: 97%;margin: 0 0 1% 4%;font-size: 16px;}
    .intro_ipsi_right li:last-child a {width: 31.3%;float: left;margin: 1%;text-align: center;background: #48ab1c;color: #fff;font-size: 16px;padding: 10px 0;border-radius: 10px;font-weight: 700;}
    .intro_ipsi_right li:nth-child(3) a:nth-child(3), .intro_ipsi_right li:nth-child(3) a:nth-child(6) { margin-right: 0;}
    .intro_ipsi_right li:nth-child(3) a:nth-child(3), .intro_ipsi_right li:nth-child(3) a:nth-child(6) {margin-right: 0;}
    
    
    
    
    
    
    }
 */ */