@charset "utf-8";

/* 
 * layout CSS Document
 * KOWEB
 */

 #container{position:relative; margin:90px auto 0 auto; overflow:hidden;}
 #content{position:relative; width:100%; height:auto; margin:0 auto;}
 #content > .inr{position:relative; width:1200px; margin:0 auto;}
 #content h2{position: relative; display:block; margin-bottom:50px; font-size:35px; color:#76818f; font-weight:400; letter-spacing:1px;}
 #content h2:before{content:''; display:block; width:60px; height:27px; background:url(/images/main/img_tit.png) no-repeat 50% 50%;}
 #content h2:after{content:''; display: block; position:absolute; bottom:15px; right:0px; width:1048px; height:2px; background-color: #dfe1e7;}
 #content h2:last-child{margin-bottom:40px;}
 #content h2:last-child:after{display:none;}
 #content h3{position: relative; display:block; margin-bottom:30px; font-size:25px; color:#2c2c2c; font-weight:400;}

 /* 영역 */
 .area_top{position: relative; margin-bottom:125px;}
 .area_top:after{content:''; display:block; clear:both;}

/* visual */
.area_visual{position:relative; margin:0 auto;}
.area_visual .list{height:851px;}
.area_visual .list li{height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.area_visual li[data-visual="00"]{background-image:url(/images/main/img_visual01.jpg);}
.area_visual li[data-visual="01"]{background-image:url(/images/main/img_visual02.jpg);}
.area_visual li[data-visual="02"]{background-image:url(/images/main/img_visual03.jpg);}
.area_visual .visual_txt{position: absolute; top:300px; z-index:50; display:block; width:100%; margin:0 auto; text-align: center; color:#fff;  transition:left 300ms;}
.area_visual .visual_txt > em{display:block; margin-bottom:10px; font-size:70px; font-weight:500;}
.area_visual .visual_txt > em:before{content:''; display:block; position:absolute; top:-34px; left:33%; width:45px; height: 51px; background:url(/images/main/img_txt.png) no-repeat 0 0;}
.area_visual .visual_txt > p{z-index:80; position:relative; font-size:24px; line-height:1.6em; font-weight:300;}
.area_visual .visual_txt > em,
.area_visual .visual_txt > p,
.area_visual .visual_txt > span{display:block; opacity:0; transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.area_visual .show{opacity:1 !important; transform:translateY(0px) !important; -webkit-transform:translateY(0px) !important;}
.area_visual .bx-pager{position:absolute; top:50%; margin-top:-75px; right:35px; z-index:61;}
.area_visual .bx-pager .bx-pager-item{position:relative; margin-bottom:27px;}
.area_visual .bx-pager .bx-pager-item:last-child{margin-bottom:0;}
.area_visual .bx-pager .bx-pager-item a{display:block; width:12px; height:12px; background-color:transparent; border:2px solid #fff; border-radius:50%; text-indent:100%; white-space:nowrap; overflow:hidden;}
.area_visual .bx-pager .bx-pager-item a.active{margin-left:-3px; width:18px; height:2px; background-color:#e60611; border:0; border-radius:0;}
.area_visual .visual_tel{position:absolute; z-index: 60; bottom:34px; left:50%; margin-left:-600px; width:1200px; height:76px; line-height: 76px; color:#2f3031; font-weight: 400; text-align: center; background-color: rgba(255,255,255,0.95);}
.area_visual .visual_tel > span{font-size: 18px;}
.area_visual .visual_tel > span:before{content:''; display:inline-block; vertical-align: middle; margin:-5px 10px 0 0; width:30px; height:26px; background:url(/images/main/img_tel01.png) no-repeat 50% 50%;}
.area_visual .visual_tel > a{margin-left:10px; font-size: 22px; font-weight: 600; color:#2f3031 !important;}

/* 공지사항 */
.area_notice{position:relative; float:left; margin-right:110px; width:320px;}
.area_notice:after{content:''; display:block; clear:both;}
.area_notice.notice02 h3{width:104px; height:40px; line-height: 38px; font-size:18px !important; text-align: center; border:1px solid #ccc;}
.area_notice ul{position:relative; display:block; width:300px; height:190px; overflow:hidden;}
.area_notice ul li a{display:block; line-height:1.6em; font-size:16px; overflow:hidden; text-overflow:ellipsis; font-weight:300; color:#8f8f8f !important;}
.area_notice ul li .noti_tit{display:block; margin:25px 0; height:63px; font-size:20px; color:#2c2c2c !important; overflow:hidden; font-weight:300; letter-spacing:-1px;}
.area_notice ul li > div{text-align:center; margin:90px auto; font-weight:300; font-size:16px; color:#8f8f8f;}/*등록된 글이 없을때*/
.btn_more{display:block; position: relative; top:0px; left:0px; width:100%; height:30px; text-indent:100%; font-size:0px;}
.btn_more:after{content:''; display:block; position:absolute; top:0px; right:0px; width:30px; height:30px; background:#0c4da2 url(/images/main/btn_more.png) no-repeat 50% 50%; border-radius: 50%;}
.btn_more:before{content:''; display: block; position: absolute; top:50%; left:0px; width:290px; height:1px; background-color: #aeb5c2;}
.btn_more02{display:block; margin-top:20px; padding-bottom: 4px; width:38px; color:#535353 !important; font-size: 16px; font-weight: 500; border-bottom:2px solid #393939;}

/* CS Center */
.area_cs{position:relative; float:left; padding:40px 38px; width:340px; height:304px; color:#fff !important; background-color: #0c4da2;}
.area_cs:after{content:''; display:block; clear:both;}
.area_cs > a{font-size:25px; font-weight: 600;}
.area_cs > a:before{content:''; display:inline-block; vertical-align: middle; margin:-7px 15px 0 0; width:26px; height:26px; background:url(/images/main/img_tel02.png) no-repeat 50% 50%;}
.area_cs a,
.area_cs h3{color:#fff !important;}
.area_cs > ul{margin-top:25px;}
.area_cs > ul li{margin-bottom:3px; font-size: 15px; letter-spacing: 0.5px;}
.area_cs > ul li > em{display:inline-block; margin-right:10px;}
.area_cs > ul li:last-child > em{margin-right:35px;}

/* 오시는길 */
.area_map,
#map{position:relative; width:100%; height:498px; background:url(/images/main/img_map.jpg) no-repeat 50% 50%;}
#map.en{background-image:url(/images/main/en_img_map.jpg);}