﻿@media (max-width: 414px) {
     
    #component8650 > #unit3107 > div > div {font-size: 16px!important;}
    #component4823 > div > #unit3544 > .t_1 {margin-left: 15px!important;}
}



/* fix container */
@media (min-width:1500px) {
    .container {
        width: 1430px;
    }
}
#daumRoughmapContainer1764814498753 {width: 100% !important;}
.root_daum_roughmap .cont {display: none;}
@media (min-width: 1200px) and (max-width: 1499px) {
    
}
@media (min-width: 992px) and (max-width: 1199px) {
     #unit6993 > div > div > div > p:nth-child(2) > strong {display: block!important;}
}

@media (max-width: 991px) {
    #sub_title {font-size: 3vw;}

    .people {display: flex; flex-wrap: wrap;}
    #component1681 > div > #unit6489 > div.t_box_2 {font-size: 15px!important; line-height: 1.6!important; word-break: keep-all!important;}
    #component1681 > div > #unit6489 > div:first-child > span {font-size: 20px!important;}
    #component1681 > div > #unit6489 > div:first-child > span:last-child {font-size: 15px!important;}

    #unit6993 > div > div > div > p:nth-child(2) > strong {display: block!important;}
    #unit6993 > div > div > div > span {font-size: 16px!important;}

}

@media (max-width: 767px) {
	#sub_title {font-size: 5vw;}
    #component8650 > #unit3107 > div {padding-top: 40px!important;}
    #component6801 > div > #unit7041 > p > span > span {font-size: 22px!important;}
   .people {display: unset!important;}
    #component2463 > #unit9480 > div {padding: 15px 0px!important; font-size: 20px!important;}
    #component2463 > #unit9480 > p > span {font-size: 17px!important;}
    
    #unit6993 > div > div:first-child {display: none!important;}
    #unit6993 > div > div:last-child {width: 100%!important;}
    #unit6993 > div > div:last-child > div {
            text-align: center !important;
            width: 100% !important;
            padding: 60px 0!important;
            margin: 0 auto !important;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)!important;
        }
    #unit6993 > div > div:last-child > div > p:first-child {display: inline-block!important; text-align: center!important;}
}
