#wrap{width:100%;}
#container{display:flex;width:100%;height:946px;max-width:1920px;background:url(/home/ko/images/intro/bg_intro.png) 50% 0;justify-content: space-between;}
#container .introMain{display:flex;align-items:center;justify-content: center;flex-wrap: nowrap;flex-direction: column;width:calc(100% - 507px);text-align:center;}
#container .introMain .logo{margin-top:130px;padding-top:160px;color:#000;font-size:30px;font-weight:400;background:url(/home/ko/images/intro/logo_intro.png) 50% 0 no-repeat;}
#container .introMain h2{margin-top:40px;color:#000;font-size:36px;font-weight:900;text-transform:uppercase;}
#container .introMain p{margin-top:10px;color:#000;font-size:18px;font-weight:400;text-align:center;}

#container .menuWrap{width:507px;height:100%;}
#container .menuWrap ul{height:100%;display:flex;flex-direction:column;}
#container .menuWrap ul li{flex: 1;list-style:none;}
#container .menuWrap ul li a{display:flex;justify-content: center;align-items:center;width:100%;height:100%;padding-top:30px;flex-wrap: wrap;flex-direction: column;}
#container .menuWrap ul li .linkTit{font-family:'Noto Sans KR';font-size:30px;text-align:center;color:#fff;}
#container .menuWrap ul li .linkTit span{display:block;font-weight:900;}
#container .menuWrap ul li .goPage{margin-top:30px;padding:0 35px 0 10px;background:url(/home/ko/images/intro/arrow_off.png) 100% 0 no-repeat;font-size:14px;color:#929292;font-weight:500;}
#container .menuWrap ul li a:hover .goPage{background:url(/home/ko/images/intro/arrow_on.png) 100% 0 no-repeat;}
#container .menuWrap ul li.tp1 a{background-color : rgb(82,86,85,0.9);}
#container .menuWrap ul li.tp1 a:hover{background-color : rgb(21,27,43,0.9);}
#container .menuWrap ul li.tp1 .linkTit span{color:#272727;}
#container .menuWrap ul li.tp1 a:hover .linkTit span{color:#adacac;}
#container .menuWrap ul li.tp2 a{background-color : rgb(64,69,68,0.9);}
#container .menuWrap ul li.tp2 a:hover{background-color : rgb(21,27,43,0.9);}
#container .menuWrap ul li.tp2 .linkTit span{color:#272727;}
#container .menuWrap ul li.tp2 a:hover .linkTit span{color:#929292;}
#container .menuWrap ul li.tp3 a{background-color : rgb(82,86,85,0.9);}
#container .menuWrap ul li.tp3 a:hover{background-color : rgb(21,27,43,0.9);}
#container .menuWrap ul li.tp3 .linkTit span{color:#929292;}



#footer{display:flex;width:100%;min-height:112px;background:#283351;flex-wrap: nowrap;flex-direction: column;justify-content: center;align-items:center;gap:10px 0;font-size:13px;color:#adacac;}
#footer .address dl{display:flex;width:100%;}
#footer .address dl dt{margin:0 15px 0 25px;font-family:'Monda';}
#footer .address dl dd{font-family:'Noto Sans KR';}
#footer .copyright{display:flex;width:100%;justify-content:center;align-items:center;font-family:'Monda';}

@media (max-width: 1199px) {
    #container .introMain{width:70%;padding:0 50px;}
    #container .menuWrap{width:30%;}
}

/* 넓이가 991px 이하일 때*/
@media (max-width: 991px) {
    #container .introMain{width:70%;}
    #container .menuWrap{width:30%;}
}

/* 넓이가 767px 이하일 때*/
@media (max-width: 767px) {
    #container{flex-wrap: nowrap;flex-direction: column;height:auto;}
    #container .introMain{width:100%;padding:5% 50px;}
    #container .introMain .logo{margin:0;font-size:25px;}
    #container .introMain h2{margin-top:30px;font-size:28px;}
    #container .introMain p{font-size:16px;}
    #container .menuWrap{width:100%;}
    #container .menuWrap ul li a{padding:30px 0;}
    #container .menuWrap ul li .linkTit{font-size:18px;}
    #container .menuWrap ul li .goPage{margin-top:5px;}

    #footer{padding:20px 10px;}
    #footer .address dl{flex-direction: column;justify-content: center;align-items: center;gap:5px;text-align:center;}
    #footer .copyright{text-align:center;}
}