@charset "utf-8";

/* 전체레이아웃 설정값 */
#wrap{}
.ly_center{ width:1200px; margin:0 auto;position:relative;}
/*#container_main{ background: url("/ghc/assets/front/imgs/apec/main/GHC_background.png") center top no-repeat; background-size: cover;  padding-top:60px;}*/
#container_main h3{ font-size:30px; color:#fff; display:inline-block; font-weight:600;}

/* 메인 컨텐츠 25.05.07 */
.section {
    padding: 60px 0px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
}

.map-section{
    background-image: url("/ghc/assets/front/imgs/apec/main/map.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: #0d0d0d;
    min-height: 484px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.map-section h1 {
    font-size: 36pt;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px;
    font-family: Serif;
    color: rgb(51,63,80);
}

.main-btn{
    display: inline-block;
    padding: 12px 30px;
    background-color: #003366;
    color: #fff !important;
    text-decoration: none;
    border-radius: 2px;
    transition: background 0.3s;
    font-size: 12pt;
    line-height: 1;
}
.main-btn:hover {
    background-color: #0055a5;
}

.quick-links{
    display: flex;
    justify-content: center;
    gap: 30px;
    background-color: #e8ebef;
    padding: 60px 0;
    margin-top: 10px;
    width: 1200px;
}

.link-box{
    background-color: #ffffff;
    padding: 30px 20px;
    border-radius: 8px;
    width: 300px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.link-box h2 {
    margin-bottom: 15px;
    color: #dee1e6;
    font-size: 23pt;
}

.main-btn.small {
    padding: 8px 20px;
    font-size: 14px;
}

.banner{
    background-color: #FFFFFF;

}

.banner h3 {
    margin-bottom: 30px;
    font-size: 23pt !important;
    color: #003366 !important;
}

.banner-logos{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.banner-logos img {
    /*width: 80px;*/
    height: auto;
}

.links2{
    padding-left: 40px;
    padding-right: 40px;
    color: rgb(51,63,80);
}

.links2 h3{
    color: rgb(51,63,80);
}

.main_box02{background: #fff; width:280px; display:inline-block; vertical-align:top; padding:25px 45px; height:260px; font-weight:600; text-align: left; border: 1px solid #dbe3ec}
.main_box02 ul{margin-top:20px; display:block; list-style: none}
.main_box02 ul li{ border:1px solid rgb(51,63,80); margin-bottom:5px; height:33px; line-height:33px; background: url("/apec/assets/front/imgs/apec/main/icon_next03.png") 95% center no-repeat;}

.main_box02 ul li a{ display:block; padding-left:25px; color: rgb(51,63,80);}
.main_box02 ul li a:hover{background-color: rgba(0, 51, 105, 0.08); color: #003366; transition:all 0.3s;}
.main_box02 .main_box02_txt{ border:0 !important; background:none !important; line-height:22px; font-size:18px; color: rgb(51,63,80); margin-top:15px; display:inline-block; }

.main_box04{background: #f1f5fb; width:280px; display:inline-block; vertical-align:top; padding:25px 25px; height:260px; position: relative; text-align: left}
.main_box04 span{ display:inline-block; float:right; border:1px solid #fff; position:absolute; right:25px; top:20px; }
.main_box04 span a{ background: #003366 url("/ghc/assets/front/imgs/apec/main/icon_more02.png") 85% center no-repeat; color: #fff; line-height:30px; display:block;padding:0 30px 0 10px;}
.main_box04 span a:hover{ background:#0055a5 url("/ghc/assets/front/imgs/apec/main/icon_more02.png") 85% center no-repeat; }
.main_box04 ul{margin-top:18px; display:block; list-style: none}
.main_box04 ul li{ margin-bottom:35px;}
.main_box04 ul li a{ display:block; background:url("/ghc/assets/front/imgs/apec/main/icon_point01.png") 5px 10px no-repeat; padding-left:15px; color: rgb(51,63,80); font-size:15px; line-height:20px; cursor: default}

.main_focus{position: relative; background: #eef3f7; width:280px; height:251px; display:inline-block; vertical-align:top; padding:29px; text-align: left}
.main_focus .control { position: absolute; right: 30px; top: 40px;}

.main_focus ul{ margin-top:25px; }
.main_focus ul li img{ width:345px; height:140px; margin-bottom:20px;}
.main_focus ul li a{ color: rgb(51,63,80); line-height:22px; cursor: default}
.main_focus ul li a:focus{
    color: rgb(51,63,80);
    font-style:bold;
    text-decoration:underline;
    outline:1px solid white;
}