@charset "utf-8";

#main #container{ overflow:hidden; }
/* sec01 */
#main .sec01{ box-shadow:0 10px 20px rgba(0,0,0,0.1) }
#main .sec01 li{ position:relative; overflow:hidden; }
#main .sec01 .img_bx{ position:relative; height:390px; }
#main .sec01 .img_bx > div{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important; -webkit-transition:all 1.5s; -moz-transition:all 1.5s; transition:all 1.5s; transform: scale(1.1); -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); }
#main .sec01 .active .img_bx > div{ transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);}
#main .sec01 .txt_bx{ position:absolute; left:50%; top:70px; width:1200px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); z-index:1; } 
#main .sec01 .txt_bx strong{ position:relative; top:30px; display:block; font-size:58px; line-height:60px; color:#111; font-weight:700; font-family: 'Open Sans', sans-serif; opacity:0; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; transition:all 0.6s; transition-delay: 0.3s; }
#main .sec01 .txt_bx p{ position:relative; top:30px; margin-top:20px; font-size:16px; line-height:30px; color:#444; letter-spacing:-0.05em; opacity:0; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; transition:all 0.6s; transition-delay: 0.5s;}

#main .sec01 .active .txt_bx strong{ top:0; opacity:1;}
#main .sec01 .active .txt_bx p{ top:0; opacity:1;}

/* sec02 */
#main .sec02{ margin-top:-80px; padding-bottom:50px; }
#main .sec02 ul{ font-size:0; margin-right:-24px }
#main .sec02 ul li{ display:inline-block; vertical-align:top; width:calc(33.33% - 24px); margin-right:24px; }
#main .sec02 ul li a{ display:block; position:relative; top:0; height:230px; padding:30px 30px 20px; border-radius:20px; box-sizing:border-box; box-shadow:0 10px 20px rgba(0,0,0,0.2);-webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#main .sec02 ul li a:before{ content:''; position:absolute; left:40px; bottom:40px; width:31px; height:10px; background:url('../images/main/main_sec02_ar.png') no-repeat center; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#main .sec02 ul li a:after{ content:''; position:absolute; }
#main .sec02 ul li a strong{ display:block; font-size:24px; line-height:30px; color: #212121; font-weight:800; font-family: 'NanumSquare', sans-serif; letter-spacing:-0.05em; }
#main .sec02 ul li a p{ margin-top:10px; font-size:16px; line-height:26px; color:#fff; letter-spacing:-0.05em; }
#main .sec02 ul li.li01 a{ background:#fff; border: 1px solid #d8e0eb; }
#main .sec02 ul li.li01 a:after{ width:74px; height:90px; right:42px; bottom:40px; background:url('../images/main/sec02_icon01.png') no-repeat center; }
#main .sec02 ul li.li02 a{ background:#fff; border: 1px solid #d8e0eb;  }
#main .sec02 ul li.li02 a:after{ width:90px; height:71px; right:35px; bottom:45px; background:url('../images/main/sec02_icon02.png') no-repeat center; }
#main .sec02 ul li.li03 a{ background:#fff; border: 1px solid #d8e0eb;  }
#main .sec02 ul li.li03 a:after{ width:92px; height:90px; right:33px; bottom:40px; background:url('../images/main/sec02_icon03.png') no-repeat center; }

#main .sec02 ul li a:hover{ top:-20px; box-shadow:0 10px 30px rgba(0,0,0,0.5); }
#main .sec02 ul li a:hover:before{ left:50px; }

/* sec03 */
#main .sec03{ padding-bottom:100px; }
#main .sec03 .tit_bx{ margin-bottom:20px; text-align:center; }
#main .sec03 .tit_bx strong{ display:block; font-size:35px; line-height:40px; color:#111; font-weight:800; letter-spacing:-0.03em; font-family: 'NanumSquare', sans-serif; text-transform: uppercase;}
#main .sec03 .tit_bx p{ margin-top:5px; font-size:14px; line-height:20px; color:#222; }

#main .sec03 .list_bx{ border-top:1px solid #ddd; }
#main .sec03 .list_bx li{ border-bottom:1px solid #ddd; }
#main .sec03 .list_bx li a{ position:relative; display:table; width:100%; height:90px; table-layout:fixed;}
#main .sec03 .list_bx li a:after{ content:''; position:absolute; right:27px; top:50%; margin-top:-13px; width:26px; height:26px; background:url('../images/btn/news_plus.png') no-repeat center; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#main .sec03 .list_bx li a > div{ display:table-cell; vertical-align:middle; box-sizing:border-box; }
#main .sec03 .list_bx li a > div.date_bx{ width:100px; text-align:center; }
#main .sec03 .list_bx li a > div.date_bx strong{ display:block; font-size:30px; line-height:30px; color:#444; font-weight:700; font-family: 'NanumSquare', sans-serif; }
#main .sec03 .list_bx li a > div.date_bx span{ display:block; margin-top:5px; font-size:16px; line-height:16px; color:#444; font-weight:700; font-family: 'NanumSquare', sans-serif; }
#main .sec03 .list_bx li a > div.txt_bx{ width:1100px; padding-left:20px;}
#main .sec03 .list_bx li a > div.txt_bx p{ max-width:90%; font-size:16px; line-height:28px; color:#222; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#main .sec03 .list_bx li.no_list{ padding:100px 0; font-size:16px; line-height:26px; color:#bbb; text-align:center; font-weight:700; }
#main .sec03 .btn_bx{ margin-top:50px; }
#main .sec03 .btn_bx a{ display:block; margin:0 auto; width:160px; height:60px; font-size:16px; line-height:56px; color:#222; text-align:center; border:2px solid #222; font-weight:700; box-sizing:border-box; position:relative; z-index:1; overflow:hidden; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; transition-delay:0.2s;}

#main .sec03 .btn_bx a:hover{ color:#fff; }
#main .sec03 .btn_bx a:before,#main .sec03 .btn_bx a:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; box-sizing:border-box; transition:0.5s ease-in-out; z-index:-1}
#main .sec03 .btn_bx a:before{right:-50px; border-right:25px solid transparent; border-bottom:60px solid #222; transform:translateX(-100%)}
#main .sec03 .btn_bx a:after{left:-50px; border-left:25px solid transparent; border-top:60px solid #222; transform:translateX(100%)}
#main .sec03 .btn_bx a:hover:before{transform:translateX(-49%)}
#main .sec03 .btn_bx a:hover:after{transform:translateX(49%)}

#main .sec03 .list_bx li a:hover:after{ transform: rotate( 180deg ); -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); }
#main .sec03 .list_bx li a:hover > div.txt_bx p{ text-decoration:underline; }
/* sec04 */
#main .sec04{ position:relative; }
/* #main .sec04:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1; } */
#main .sec04 .map{ width:100%; height:500px; }
#main .sec04 .wrap_btn_zoom{ display:none; }
#main .sec04 .info_bx{ position:absolute; left:50%; top:50%; padding:35px 40px 0; width:600px; height:320px; background:#fff; border-radius:20px; box-sizing:border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:2;}
#main .sec04 .info_bx:before{ content:''; position:absolute; left:40px; bottom:50px; width:30px; height:9px; background:url('../images/main/main_sec04_ar.png') no-repeat center; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#main .sec04 .info_bx:after{content:''; position:absolute; right:34px; bottom:47px; width:90px; height:84px; background:url('../images/main/sec04_icon.png') no-repeat center;  }
#main .sec04 .info_bx strong{ display:block; padding-bottom:15px; margin-bottom:25px; font-size:30px; line-height:40px; color:#111; letter-spacing:-0.05em; font-weight:800; border-bottom:1px solid #ddd; }
#main .sec04 .info_bx .dl_bx dl{ font-size:0; margin-bottom:2px;}
#main .sec04 .info_bx .dl_bx dl:last-of-type{ margin-bottom:0; }
#main .sec04 .info_bx .dl_bx dl dt{ display:inline-block; vertical-align:top; width:85px; font-size:18px; line-height:28px; color:#111; font-weight:700; letter-spacing:-0.05em; }
#main .sec04 .info_bx .dl_bx dl dd{ display:inline-block; vertical-align:top; width:Calc(100% - 85px); font-size:18px; line-height:28px; color:#111; letter-spacing:-0.05em;}

#main .sec04 .info_bx:hover:before{ left:50px; }

.visual-01 {background:url('../../resources/user/images/main/main_v01.png') no-repeat center;}
.visual-02 {background:url('../../resources/user/images/main/main_v01.png') no-repeat center;}