@charset "utf-8";




/* 전체레이아웃 설정값 */
#wrap{}
.ly_center{ width:1200px; margin:0 auto;position:relative;}
#container_main{ background: url("/apec/assets/front/imgs/apec/main/main_visual01.jpg") center top no-repeat; padding-top:60px;}
#container_main h3{ font-size:30px; color:#fff; display:inline-block; font-weight:600;}




/* 메인컨텐츠 */

.main_focus{background: rgba(37, 37, 37, 0.65); width:344px; height:251px; display:inline-block; vertical-align:top; padding:29px;}
.main_focus span{ float:right; margin-top:5px;}

.main_focus ul{ margin-top:25px;}
.main_focus ul li img{ width:345px; height:140px; margin-bottom:20px;}
.main_focus ul li a{ color:#959393; line-height:22px;}
.main_focus ul li a:focus{
	color:white;
	font-style:bold;
 	text-decoration:underline; 
	outline:1px solid white;
}


.main_copy{display:inline-block; color:#fff; float:right; width:767px; height: 309px;}
/* .main_copy span{ font-size:30px; font-weight:600; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #746051; display:inline-block;} */

.main_copy a {
    font-size: 11px;
    font-weight: bold;
    color: rgb(230, 113, 0);
    display: inline-block;
    position: absolute;
    top: 255px;
    right: 169px;
    border: 3px solid rgb(230, 113, 0);
    border-radius: 15px;
    padding: 5px;
}



.main_copy p{ font-size:17px; line-height:24px;}







.main_guide{ margin-top:10px; vertical-align:top;}
.main_box_guide01{ display:inline-block; width:370px; margin-left:10px; vertical-align:top;}
.main_box_guide02{ display:inline-block; width:400px; vertical-align:top; float:right;}





/*.main_box01 { background: rgba(38, 195, 234, 0.8); width:344px; display:inline-block; vertical-align:top; padding:29px; height:390px; }*/
.main_box01 { background: rgb(0, 96, 122); width:344px; display:inline-block; vertical-align:top; padding:29px; height:390px; }
.main_box01 h3{ font-size:25px !important; display:block !important;}
.main_box01 p{ background: url("/apec/assets/front/imgs/apec/main/main_bg01.png") center top no-repeat; font-size:15px; line-height:22px; color:#fff; padding:10px 0 100px 0; margin-top:15px;}


.main_box02{background: rgba(209, 152, 42, 0.8); width:280px; display:inline-block; vertical-align:top; padding:25px 45px; height:250px; font-weight:600; margin-bottom:10px;}
.main_box02 ul{background: url("/apec/assets/front/imgs/apec/main/main_bg02.png") center bottom no-repeat; margin-top:20px; display:block;}
.main_box02 ul li{ border:1px solid #fff; 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;background: url("/apec/assets/front/imgs/apec/main/icon_point01.png") 15px center no-repeat; padding-left:25px; color:#fff;}
.main_box02 ul li a:hover{ background: rgba(255, 255, 255, 0.2);transition:all 0.3s;}
.main_box02 .main_box02_txt{ border:0 !important; background:none !important; line-height:22px; font-size:18px; color:#fff; margin-top:15px; display:inline-block;}





.main_box03{background: rgba(29, 28, 28, 0.8);  width:320px; display:inline-block; vertical-align:top; padding:20px 25px; height:98px;}
.main_box03 h3{ font-size:25px !important;}
.main_box03 span{ display:inline-block; float:right; border:1px solid #fff; }
.main_box03 span a{ background: url("/apec/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_box03 span a:hover{ background:#000000 url("/apec/assets/front/imgs/apec/main/icon_more02.png") 85% center no-repeat; }
.main_box03 ul{margin-top:8px; display:block;}
.main_box03 ul li a{ display:block; color:#bdbbbb; font-size:15px; line-height:20px;}
.main_box03 ul li a:hover{ color:#fff;}
.main_box03 .main_box03_txt a{ color:#fff;}





.main_box04{background: rgba(16, 119, 134, 0.8); width:350px; display:inline-block; vertical-align:top; padding:25px 25px; height:250px; margin-bottom:10px;}
.main_box04 span{ display:inline-block; float:right; border:1px solid #fff; }
.main_box04 span a{ background: url("/apec/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:#107786 url("/apec/assets/front/imgs/apec/main/icon_more02.png") 85% center no-repeat; }
.main_box04 ul{margin-top:18px; display:block;}
.main_box04 ul li{ margin-bottom:12px; height:42px; overflow:hidden;}
.main_box04 ul li a{ display:block;background: url("/apec/assets/front/imgs/apec/main/icon_point01.png") 5px 10px no-repeat; padding-left:15px; color:#aaf1fe; font-size:15px; line-height:20px;}
.main_box04 ul li a:hover{ color:#fff;}



.main_box05 span{ width:400px; display:inline-block; height:138px; vertical-align:top; text-align:center; font-size:15px;}
/* .main_box05 span a{ opacity:0.3; color:#fff; display:block; padding-top:20px; height:118px;} */
.main_box05 span a {
    color: #fff;
    display: block;
    padding-top: 20px;
    height: 118px;
    font-size: 26px;
    font-weight: bold;
}

.main_box05 .main_box05_left{background:#403f33 url("/apec/assets/front/imgs/apec/main/icon_more01.png") center 75px no-repeat;}
.main_box05 .main_box05_right{background:#444242 url("/apec/assets/front/imgs/apec/main/icon_more01.png") center 75px no-repeat; float:right;}

.main_box05 .main_box05_left a:hover{opacity:1;background:#757469 url("/apec/assets/front/imgs/apec/main/icon_more01.png") center 70px no-repeat; color:#fff;}
.main_box05 .main_box05_right a:hover{opacity:1;background:#7d7575 url("/apec/assets/front/imgs/apec/main/icon_more01.png") center 70px no-repeat; color:#fff;}





.main_banner{ padding:30px 0 20px 0;}
.main_banner span a{ position:absolute; top:0;}
.main_banner .main_banner_btn01{left:-80px;}
.main_banner .main_banner_btn02{right:-80px;}
/* 웹접근성 검사할때는 주석 해제후 btn02 -150 */
/* .main_banner .main_banner_btn03{right:-80px;} */
.main_banner ul{ font-size:0;}
.main_banner li{ display:inline-block; margin:0 0 0 16px;}
.main_banner li:first-child{  margin:0;}
.main_banner li a:focus{border:2px solid gray;}






