﻿@charset "UTF-8";

#header {position: relative; width: 100%; min-width: 1200px; height: 800px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sfnzcyr1.cat') repeat-x center 43px;}
#header .top {height: 100px;}
#header .header{position: relative; height: 575px; width: 1200px; margin: 0 auto; background: none;}
#header .header .sta{top:3px; left:50%; font-size:32px; z-index: 6; margin: 0 0 0 -90px;}
#header .header .sta .eng{font-size:16px;}
/*#header:after{position: absolute; top: 25px; left: 0; content:''; display: block; width: 100%; height: 75px; background: #fff; z-index: 5;}*/

#header .header .search{top: 385px; left: 250px; width: 660px; height: 60px; border-radius: 8px; background: #fff; box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.65);}
#header .header .search select{float: left; width: 120px; height: 60px; border: none; font-size: 1.071em; padding: 0 10px; border-radius: 8px 0 0 8px;}
#header .header .search input{width:539px; height: 60px; font-size: 1.143em; padding: 0 10px; background: none; border: none;}
#header .header .search .btn--word{width: 56px; height: 60px; background: #fff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Svpb-jbeq-znva.cat') no-repeat left center; border: none;}
#header .header .search .btn--search{width: 65px; height: 60px; background: #dc4a38 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Svpb-frnepu-znva.cat') no-repeat center; border: solid 3px #fff; border-radius: 8px; transition: all .4s ease; -webkit-transition: all .4s ease;}
#header .header .search .btn--search:hover{background: #212121 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Svpb-frnepu-znva.cat') no-repeat center;}
#header .header .search .btn--deatil{right:-90px; padding:0 10px; height:55px; line-height:54px; font-size: 1.143em; border-radius: 8px; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.65);}

#header .header .popularWord {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sot-cj.cat') no-repeat left top; display:block; position:absolute; top:460px; height: 28px; left:50%; width:700px; margin: 0 0 0 -350px; line-height: 1.2; font-size: 1.286em; text-align:left; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); padding: 0 0 0 25px; boxsizing: border-box;}
#header .header .popularWord a {color: #fff;}

#header .header .gnb{top:29px; right:50px;}
#header .header .gnb ul li a{font-size: 1.214em;}
#header .header .gnb ul li a:after{bottom: 0;}

/* 고정크기
#searchPane .main__content1__content{position:relative; width:100%; height:100%;}
#searchPane .main__content1__content:after{display:block;clear:both;content:''}
#searchPane .main__content1__content__thumb{position:relative; width:100%; height:100%; text-align:center;}
#searchPane .main__content1__content__thumb img{width:100%; height:100%;}
#searchPane .main__content1__content__info{position:absolute; width:120px; height:35px; bottom:0; right:0; background:rgba(0,0,0,0.5); text-align:center; color:white; line-height:35px; font-size:12px; font-weight:bold}
*/

/* 전체크기 swiper */
#header .header {position:absolute; height:1px; width:1200px; margin:0 auto; background:none; top:25px; left:0; right:0; z-index:10;}
.swiper-pane {position:relative; height:700px; min-width:1200px;}
.swiper-pane .main__content1__content {position:relative; width:100%; height:100%;}
.swiper-pane .main__content1__content:after {display:block;clear:both;content:''}
.swiper-pane .main__content1__content__thumb {position:relative; width:100%; height:100%; text-align:center;}
.swiper-pane .main__content1__content__thumb img {min-width:100%; height:100%; object-fit:cover;}
.swiper-pane .main__content1__content__info {position:absolute; padding: 20px; bottom:0; right:0; background:rgba(0,0,0,0.5); color:rgba(255,255,255,0.5); text-align:center; font-size:14px;}
.swiper-pane .main__content1__content__info a {color:rgba(255,255,255,0.7);}


#main__container{padding:0; min-width:1200px;}

.banner01 { width:1200px; margin:60px auto 0; overflow:hidden; *zoom:1;}
.banner01 ul{width:1200px; padding: 0 15px; box-sizing: border-box;}
.banner01 ul:after { display:block; clear:both; content:''}
.banner01 ul li{position:relative; float:left; width:258px; height:260px; margin:0 15px 50px; padding: 0 20px; background: #f2f2f2; line-height:1.3; box-sizing: border-box; overflow: hidden;}
.banner01 ul li.banner_slide{width:488px; height:260px; overflow:hidden;}

.banner01 ul li .thumb img{width:218px; height:150px;}
.banner01 ul li hgroup{}
.banner01 ul li h4{font-size:16px; color:#242424; margin:10px 0; height:35px; font-weight: bold;}
.banner01 ul li h5{font-size:14px; color:#8c8c8c; font-weight:normal;}
.banner01 ul li a:hover{text-decoration:none;}
.banner01 ul li a:hover h4{color:#1c4c77;}
.banner01 ul li a:hover h5{color:#1c4c77;}
.banner01 ul li .more{position:absolute; bottom:73px; right:20px;}

.banner01 ul li.fullbg{padding: 0;}
.banner01 ul li.fullbg .thumb img{width:258px; height:260px;}
.banner01 ul li.fullbg hgroup{position:absolute; left:0; bottom:0; background: rgba(0,0,0,.6); padding: 20px 10px; min-height: 80px; text-align: center; width: 258px; overflow: hidden;box-sizing: border-box;}
.banner01 ul li.fullbg h4{margin: 0; color: #fff; height: auto; font-size:18px; font-weight: normal;}
.banner01 ul li.fullbg h5{margin: 10px 0 0; color: #b1b1b1;}
.banner01 ul li.fullbg .more{display: none;}
.banner01 ul li.fullbg a:hover hgroup h4,
.banner01 ul li.fullbg a:hover hgroup h5{color:#a1a1a1;}

.banner01 ul li.fullbg--no--h5 hgroup{left: 20px; width: 218px; height: 68px; padding: 20px 10px;}
.banner01 ul li.fullbg--no--h5 h5{display: none;}
.banner01 ul li.fullbg--no--h5 h4{color: #b1b1b1; position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.banner01 ul li.fullbg--org hgroup{background: rgba(228,172,96,.9);/*background: #e4ac60;*/}
.banner01 ul li.fullbg--org h4{color: #1a1d1d;}
.banner01 ul li.fullbg--org h5{color: #6b4d24;}

.banner01 ul li.w2{width:546px;}
.banner01 ul li.w2.fullbg .thumb img{width:546px;}
.banner01 ul li.w2.fullbg hgroup{width:546px;}

.footer{width: 1200px; margin: 0 auto;}


.swiper-container{width: 100%; height: 100%;}
.swiper-slide{ /* display: flex; justify-content: center; align-items: center; */ /* Center slide text vertically */}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 30px; left: 0; width: 100%;}
.swiper-pagination-bullet {width: 18px; height: 18px; display: inline-block; border-radius: 18px; background: #fff; opacity: 1;}
.swiper-pagination-bullet-active {opacity: 1;	width: 58px; background: #dc4a38;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: none; right: 30px; left: auto;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: none; left: 30px; right: auto;}

.noti-alarm {box-sizing:border-box; position:relative; min-width:1200px; padding:10px 230px 10px 100px; font-size:14px; line-height:1.3; color:#fff; 
	background-color:#eca545;
	background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sabgv-oryy.cat"), linear-gradient(to right, #dc4b38, #eca545);
	background-repeat:no-repeat;
	background-position:65px 11px, 0 0;
}
.noti-alarm .close{position:absolute; top:11px; right:70px; padding-right:18px; line-height:1.5; font-size:12.6px; color:#4e3a38; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sabgv-pybfr.cat") no-repeat right center;}
.noti-alarm .up-down{position:absolute; width:20px; top:11px; right:20px; line-height:1.5; font-size:13px; color:#000; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sabgv-qbja.cat") no-repeat right center; transition: all 0.5s;}
.noti-alarm.open .up-down{background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swft.nxf.np.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sznva%2Sabgv-hc.cat") no-repeat right center;}

.noti-alarm .noti-others{position:relative; top:10px; overflow:hidden; max-height:0; transition: all 0.5s;}
.noti-alarm.open .noti-others{padding-bottom:5px; max-height:200px}
.noti-alarm .noti-others .noti-item {margin-bottom:5px; font-size:0.95em;}
.noti-alarm .noti-item {/*border:1px solid #eee;*/}
.noti-alarm .noti-item .link-url{display:inline-block; margin-left:10px; padding:1px 8px; font-size:0.9em; background:#dc4a38; border-radius:0.7em; color:#fff; }

