@charset "utf-8";
body{font-size:17px;}
@media all and (max-width:1024px) {
	body{font-size:16px;}
}
@media all and (max-width:568px) {
	body{font-size:15px;}
}
@media all and (max-width:380px) {
	body{font-size:14px;}
}

#container_main{position:relative;}
.more{display:block; font-size:0; text-indent:-999px;}

.control button{position:relative; float:left; width:30px; height:30px; font-size:0; text-indent:-9999px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 7px 7px;}
.control .btn_next{background-position:-47px 7px;}
.control .btn_stop{background-position:-20px 7px;}
.control .btn_stop.on{background-position:-74px 7px;}
.control button:hover{background-color:rgba(0,0,0,0.03);}

#visual{z-index:1; position:relative; overflow:hidden; height:652px;}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list{position:relative; left:50%; top:0; margin:0 0 0 -960px;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;} 
#visual button{padding:0; font-size:0; text-indent:-999px;}
#visual .control,
#visual .slick-dots{z-index:2; position:absolute; bottom:232px; left:50%; line-height:100%;}

#visual .slick-dots{left:auto; right:50%; height:34px; padding:13px 5px 0 15px; border-radius:34px 0 0 34px; box-sizing:border-box; background:rgba(0,0,0,0.6);}
#visual .slick-dots *{display:inline-block; vertical-align:top;}
#visual .slick-dots li{line-height:0;}
#visual .slick-dots button{position:relative; width:8px; height:8px; margin:0 8px 0 7px; border-radius:50%; transition:0.3s ease; box-sizing:border-box; background:#fff;}
#visual .slick-dots button:before{content:''; top:50%; left:50%; width:0; height:0; transition:0.3s ease;}
#visual .slick-dots .slick-active button{background:#c7bff6;}
#visual .slick-dots .slick-active button:before{position:absolute; top:-6px; left:-6px; width:20px; height:20px; border:1px solid #c7bff6; border-radius:50%; box-sizing:border-box;}
#visual .control{padding:4px 15px 0 5px; border-radius:0 34px 34px 0; background:rgba(0,0,0,0.6);}
#visual .control button{width:21px;}
#visual .btn_prev{background-position:5px -333px;}
#visual .btn_next{background-position:-47px -333px;}
#visual .btn_stop{background-position:-19px -333px;}
#visual .btn_stop.on{background-position:-79px -333px;}

.slogan{position:absolute; top:148px; left:0; width:100%; text-align:center; color:#fff; font-weight:400; font-size:22px; text-shadow:0 0 8px rgba(0,0,0,0.9); word-break:keep-all;}
.slogan p{line-height:120%; animation:slideup 1.6s both; animation-delay:0.6s;}
.slogan div{padding:17px 0 29px; line-height:110%; font-size:60px; font-weight:900; letter-spacing:-3px; font-family:"gmarket"; animation:slideup 1.2s both; animation-delay:0.3s;}
.slogan div:after{content:''; display:block; width:42px; height:4px; margin:20px auto 0; background:#fff;}
.slogan div span{color:#e3ffaa;}
.slogan .en{font-size:28px;  animation-delay:0s; animation:slideup 0.8s both;}
@keyframes slideup{
	0%{transform:translateY(20px); opacity:0; visibility:hidden;}
	100%{transform:translateY(0); opacity:1; visibility:visible;}
}

@media all and (max-width:1024px) {
	#visual{height:auto;}
	#visual .list_wrap .list{left:0; margin:0;}
	
	#visual .control,
	#visual .slick-dots{bottom:20px;}
	
	.slogan{top:30px; font-size:18px; text-shadow:0 0 5px rgba(0,0,0,1);}
	.slogan div{padding:5px 0 13px; font-size:40px;}
	.slogan div:after{height:2px; width:35px; margin-top:9px;}
	.slogan .en{font-size:19px;}
}
@media all and (max-width:768px) {
	#visual .slick-dots{height:29px; padding:10px 3px 0 10px;}
	#visual .control,
	#visual .slick-dots{bottom:10px;}
	#visual .control{padding:0 10px 0 3px;}
	#visual .control button{height:29px;}

	.slogan{font-size:15px;}
	.slogan div{padding:4px 0 8px; font-size:33px;}
	.slogan div:after{height:1px; width:30px; margin-top:4px;}
	.slogan .en{font-size:15px;}
}
@media all and (max-width:568px) {
	.slogan{top:15px; font-size:13px;}
	.slogan div{padding:0 0 6px; font-size:24px; letter-spacing:-1px;}
	.slogan div:after{width:25px; margin-top:2px;}
	.slogan .en{display:none; font-size:12px;}
}
@media all and (max-width:380px) {
	#visual .control,
	#visual .slick-dots{bottom:6px;}

	.slogan{top:12px; font-size:12px;}
	.slogan div{padding:0 0 4px; font-size:21px;}
	.slogan div:after{width:22px;}
	.slogan .en{font-size:11px;}
}

/* 의사일정 */
#agenda{z-index:2; position:absolute; top:489px; left:50%; width:611px; height:130px; padding:0 0 0 39px; margin:0 0 0 -12px; color:#fff; text-align:left; border-radius:30px; box-sizing:border-box; background:rgba(0,102,181,0.95);}
#agenda:before{content:''; display:block; position:absolute; bottom:0; right:-30px; width:198px; height:212px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_ntraqn.cat) no-repeat 100% 0;}
#agenda .tit{padding:23px 0 0 0;}
#agenda .tit *{display:inline-block; line-height:100%;}
#agenda h4{padding:0 0 0 2px; font-size:22px; font-family:"gmarket"; color:#fff;}
#agenda h4 a{color:#fff;}
#agenda .date{position:relative; padding:3px 0 0 38px; font-size:28px; font-weight:400; font-family:"Titillium Web";}
#agenda .date:before{content:''; display:block; position:absolute; top:50%; left:19px; width:1px; height:15px; margin:-3px 0 0 0; transform:rotate(25deg); background:#b1b7c5;}
#agenda .live{vertical-align:top; width:52px; height:23px; margin:7px 0 0 10px; padding:0 0 0 2px; line-height:24px; font-size:14px; border-radius:10px; box-sizing:border-box; text-transform:uppercase; text-align:center; background:#818999;}
#agenda .live.on{background:#ff476a;}
#agenda .live:after{content:''; display:inline-block; vertical-align:top; width:4px; height:4px; margin:6px 0 0 5px; border-radius:50%; background:#fff;}
#agenda .list_wrap{overflow:hidden; position:relative; width:100%; max-width:395px; box-sizing:border-box;}
#agenda .list_wrap *{vertical-align:top;}
#agenda .list p{position:relative; width:100%; line-height:54px; padding:0 70px 0 13px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#agenda .list p a{color:#fff;}
#agenda .list p:before{content:''; display:block; position:absolute; top:50%; left:0; width:6px; height:6px; margin:-4px 0 0 0; border-radius:50%; background:#9e90f8;}
#agenda .list p:not(:first-of-type){display:none;}
#agenda .list.slick-initialized p:not(:first-of-type){display:block;} 
#agenda .list .time{display:inline-block; margin:0 15px 0 0; font-weight:800;}
#agenda .control{z-index:55; position:absolute; top:14px; right:0;}
#agenda .control button{width:18px;}
#agenda .btn_prev{background-position:3px -333px;}
#agenda .btn_next{background-position:-49px -333px;}
#agenda .btn_stop{background-position:-21px -333px;}
#agenda .btn_stop.on{background-position:-81px -333px;}

@media all and (max-width:1275px) {
	#agenda{left:auto; right:45px; margin:0;}
}
@media all and (max-width:1024px) {
	#agenda{position:relative; right:0; top:0; width:100%; height:102px; padding:0 0 0 30px; border-radius:0;}
	#agenda:before{right:0; height:160px; background-size:contain;}
	#agenda .tit{padding:13px 0 0 0;}
	#agenda h4{font-size:21px;}
	#agenda .list_wrap{max-width:380px;}
	#agenda .list p{line-height:44px;}
	#agenda .date{padding-top:4px; font-size:27px;}
	#agenda .control{top:10px;}
	#agenda .live{width:47px; margin-top:8px; font-size:13px;}
}
@media all and (max-width:768px) {
	#agenda{height:95px; padding:0 0 0 23px;}
	#agenda:before{width:155px; height:150px;}
	#agenda .tit{padding:9px 0 0 0;}
	#agenda h4{font-size:20px;}
	#agenda .list_wrap{max-width:367px;}
	#agenda .list p{line-height:41px;}
	#agenda .live{margin-top:9px;}
	#agenda .date{padding-top:6px; font-size:26px;}
	#agenda .control{top:7px;}
}
@media all and (max-width:568px) {
	#agenda{height:auto; overflow:hidden; padding:0 0 5px 15px;}
	#agenda:before{z-index:-1; right:-13px; width:80px; height:80px;}
	#agenda h4{padding:0 0 3px; font-size:18px;}
	#agenda .date{padding:1px 0 0 5px; font-size:23px;}
	#agenda .date:before{display:none;}
	#agenda .list_wrap{max-width:290px;}
	#agenda .live{height:17px; width:38px; line-height:18px; margin:5px 0 0 1px; font-size:10px;}
	#agenda .list p{padding:0 57px 0 11px;}
	#agenda .list .time{margin:0 8px 0 0;}
}
@media all and (max-width:380px) {
	#agenda{padding:0 0 3px 12px;}
	#agenda:before{width:75px; height:75px;}
	#agenda h4{padding:0 0 1px; font-size:17px;}
	#agenda .date{font-size:22px;}
	#agenda .list_wrap{max-width:275px;}
}
@media all and (max-width:345px) {
	#agenda:before{opacity:0.2;}
}

.sec1{padding-top:70px; padding-bottom:66px;}

/* 열린의장실 */
#chairman{position:relative; float:left; width:38.416%; border-radius:10px; background:#f2f1f8 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_punvezna.wct) no-repeat 100% 0;}
#chairman h4{position:absolute; top:-11px; left:45px; width:164px; height:57px; line-height:58px; font-size:22px; font-family:"gmarket"; color:#fff; border-radius:0 0 4px 4px; background:#3c4968; text-align:center;}
#chairman .txt{position:relative; height:346px; padding:91px 0 0 47.288%; font-weight:400; box-sizing:border-box;}
#chairman .pic{overflow:hidden; position:absolute; left:-1px; bottom:65px; border-radius:0 0 0 10px;}
#chairman p{line-height:150%; font-size:18px; word-break:keep-all;}
#chairman .name{padding:0 0 5px 0; font-size:27px; font-weight:800; font-family:"gmarket"; color:#3f3674;}
#chairman .name strong{line-height:120%; font-size:46px; font-weight:900;}
#chairman .greeting span{color:#fff;}
#chairman .btns{z-index:1; position:relative; overflow:hidden; width:100%; border-radius:0 0 10px 10px; background:#756ab9;}
#chairman .btns a{float:left; width:50%; line-height:66px; font-size:19px; font-weight:800; color:#fff; text-align:center; box-sizing:border-box; transition:0.2s ease-in-out;}
#chairman .btns a:first-of-type{border-right:1px solid rgba(255,255,255,0.3);}
#chairman .btns a:hover{background-color:#6052b3;}

@media all and (max-width:1230px) {
	#chairman .pic{width:58.134%;}
	#chairman .pic img{max-width:100%;}
	#chairman .txt{overflow:hidden; font-size:17px;}
	#chairman h4{left:10%;}
	#chairman .name {font-size:26px;}
	#chairman .name strong{font-size:42px;}
	#chairman .greeting span{color:#333;}
}
@media all and (max-width:1024px) {
	.sec1{padding-top:44px; padding-bottom:42px;}

	#chairman .txt{height:270px; padding-top:65px;}
	#chairman .pic{width:55%; bottom:30px; max-height:257px;}
	#chairman h4{width:133px; height:44px; line-height:44px; font-size:19px;}
	#chairman .name{padding:0 0 12px; font-size:20px;}
	#chairman .name strong{font-size:32px;}
	#chairman p{padding:0 15px 0 18px; font-size:17px;}
	#chairman .btns a{line-height:55px; font-size:18px;}
}
@media all and (max-width:768px) {
	.sec1{padding-top:32px; padding-bottom:30px;}

	#chairman{width:100%; margin:0 0 28px; border-radius:5px; background-size:auto 80%;}
	#chairman .pic{bottom:13px; height:100%; max-height:193px;}
	#chairman .pic img{height:100%;}
	#chairman .txt{overflow:hidden; height:187px; padding:43px 5% 0 165px;}
	#chairman h4{left:20px; width:116px; height:38px; line-height:38px; font-size:17px; border-radius:0 0 2px 2px;}
	#chairman p{padding:0; font-size:16px;}
	#chairman .name{font-size:19px;}
	#chairman .name span{display:block;}
	#chairman .name strong{font-size:30px;}
	#chairman .btns{border-radius:0 0 5px 5px;}
	#chairman .btns a{line-height:49px; font-size:17px;}
}
@media all and (max-width:568px) {
	#chairman h4{width:113px; height:36px; line-height:36px; font-size:16px;}
	#chairman .pic{max-height:186px;}
	#chairman .txt{height:182px;}
	#chairman p{line-height:140%; font-size:15px;}
	#chairman .name{padding:0 0 9px; font-size:17px;}
	#chairman .name strong{font-size:28px;}
	#chairman .btns a{line-height:47px; font-size:16px;}
}
@media all and (max-width:380px) {
	.sec1{padding-top:28px; padding-bottom:26px;}
	#chairman{margin:0 0 25px;}
	#chairman h4{left:17px; width:108px; height:34px; line-height:34px; font-size:15px;}
	#chairman p{font-size:14px;}
	#chairman .pic{bottom:10px; max-height:178px;}
	#chairman .txt{height:173px; padding:40px 5% 0 145px;}
	#chairman .name{font-size:16px;}
	#chairman .name strong{font-size:27px;}
	#chairman .btns a{line-height:44px; font-size:15px;}
}

/* 공지사항 */
#board{position:relative; float:right; width:59.5%; height:414px; padding:20px 40px 0 40px; font-weight:400; border-radius:10px; border:1px solid #eff0f4; background:#f4f6fa; box-sizing:border-box;}
#board > ul{position:relative; float:left; width:100%; padding:0 50px 0 0; box-sizing:border-box;}
#board > ul > li{float:left;width: 20.5%;}
#board > ul > li:first-child{width: 18%;}
#board li h4{line-height:0; padding:0;}
#board li h4 a{position:relative;display:block;width:100%;padding: 0 0 0 7px;line-height:54px;font-size:19px;color:#000;text-decoration:none;box-sizing:border-box;}
#board li h4 a:before,
#board li h4 a:after{content:'';display:block;position:absolute;top:50%;left: calc(-10% + 7px);width:1px;height:16px;margin:-8px 0 0 0;transform:rotate(25deg);background:#b1b7c5;}



#board li h4 a:after{display:inline-block; position:static; width:19px; height:19px; margin:-2px 0 0 11px; vertical-align:middle; border-radius:50%; transform:rotate(0); background:#c9d0d7 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 1px -219px;}
#board li:first-child h4 a:before{display:none;}
#board li.on h4 a{color:#00508e;}
#board li.on h4 a:after{background-color:#00508e;}
#board li h4 a br{display:none;}
#board .con{opacity:0; visibility:hidden; position:absolute; top:87px; left:0; width:100%;}
#board .on .con{opacity:1; visibility:visible; top:77px; transition:0.35s ease-in-out;}
#board .con ul{overflow:hidden; width:100%; padding:24px 6px 0 7px; border-top:1px dashed #49494b; box-sizing:border-box;}
#board .con li{position:relative; float:left; width:100%; height:36px; padding:0 0 0 15px; box-sizing:border-box;}
#board .con li:before{width:6px; height:6px; background:#756ab9;}
#board .con li a{position:relative; float:left; width:100%; padding:0 90px 0 0; color:#767676; box-sizing:border-box; text-decoration:none;}
#board .con li a:hover .tit,
#board .con li a:focus .tit,
#board .con li a:active .tit{text-decoration:underline;}
#board .date{position:absolute; right:0; top:0; font-weight:400; font-family:"Titillium Web"; color:#999;}
#board .date strong{font-weight:700;}
#board .tit{display:inline-block; max-width:98%; padding:0 20px 0 0; color:#333; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; vertical-align:middle;}
#board .new{display:inline-block; vertical-align:middle; width:17px; height:17px; line-height:17px; margin:-2px 0 0 -20px; font-size:10px; border-radius:4px 0 4px 0; text-transform:uppercase; text-align:center; color:#fff; background:#ff476a;}
#board .none{width:100%; padding:3em 0 0 0 !important; text-align:center; background:none;}
#board .none:before,
#board .more{display:none;}
#board .more{opacity:0.6; position:absolute; right:0; top:12px; width:28px; height:28px; transition:0.1s ease-in-out; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat -64px -55px;}
#board .on .more{display:block;}
#board .more:hover{opacity:1; transform:rotate(90deg);}
#board .first *{display:inline-block; vertical-align:top;}
#board .first a{position:relative; width:100%; padding:0 0 25px 113px; color:#666; box-sizing:border-box; text-decoration:none;}
#board .first .title{display:inline-block; max-width:98%; padding:8px 20px 8px 0; line-height:110%; overflow:hidden; color:#000; font-size:21px; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
#board .first .date{position:absolute; top:0; left:7px; height:71px; width:86px; padding:11px 0 0 0; line-height:100%; font-size:14px; color:#666; box-sizing:border-box; text-align:center; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_qngr.cat) no-repeat;}
#board .first .date strong{display:block; line-height:100%; padding:0 0 2px; font-size:30px; color:#00508e;}
#board .first .new{margin-top:8px;}
#board .first .detail{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
#board .first a:hover .title,
#board .first a:focus .title,
#board .first a:active .title{text-decoration:underline;}

@media all and (max-width:1110px) {
	#board li h4 a{padding: 0 0 0 7px;line-height:54px;font-size:19px;color:#000;text-decoration:none;box-sizing:border-box;}
	#board li h4 a:after{content:'';display:none;}
}

@media all and (max-width:1100px) {
	#board li h4 a:before{left:-5%; transform:rotate(0);}
}
@media all and (max-width:1024px) {
	#board{height:325px; padding:10px 30px 0;}
	#board li h4 a{padding:0; text-align:center;}
	#board li h4 a:after{display:none;}
	#board li h4 a:before{left:0;}
	#board .con{top:65px;}
	#board .on .con{top:59px;}
	#board .con ul{padding:15px 3px 0;}
	#board .con li{height:30px;}
	#board .con li:before{top:9px;}
	#board .first a{padding:0 0 14px 83px;}
	#board .first .title{padding:6px 20px 4px 0; font-size:18px;}
	#board .first .date{left:3px; width:66px; height:53px; padding:6px 0 0 0; font-size:13px; background-size:100% 100%;}
	#board .first .date strong{font-size:26px;}
	#board .first .detail{font-size:15px;}
	#board .first .new{margin-top:5px;}
	#board .more{top:10px;}
}
@media all and (max-width:768px) {
	#board{width:100%; padding:10px 25px 0; border-radius:5px;}
	#board li h4 a{font-size:18px;}
	#board li h4 a:after{display:inline-block;}
}
@media all and (max-width:568px) {
	#board{height:303px; padding:6px 17px 0;}
	#board > ul{padding:0 30px 0 0;}
	#board li h4 a{font-size:17px;}
	#board li h4 a:after{display:none;}
	#board .con{top:60px;}
	#board .on .con{top:55px;}
	#board .con li{height:29px; padding:0 0 0 12px;}
	#board .first a{padding:0 0 12px 75px;}
	#board .first .title{padding:5px 20px 3px 0; font-size:17px;}
	#board .first .date{width:62px; height:48px; padding:3px 0 0 0; font-size:12px;}
	#board .first .date strong{font-size:25px;}
	#board .first .detail{font-size:14px;}
	#board .new{width:15px; height:15px; line-height:16px; margin-top:3px; font-size:9px;}
}

@media all and (max-width:577px) {
	#board li h4 a:after{display:none;}
}

@media all and (max-width:380px) {
	#board{height:281px; padding:16px 13px 0;}
	#board li h4 a{line-height:110%; font-size:16px;}
	#board li h4 a br{display:inline-block;}
	#board li h4 a:before{height:30px; margin:-15px 0 0 0;}
	#board .on .con{top:50px;}
	#board .con li{height:26px;}
	#board .con ul{padding-top:13px;}
	#board .con li a{padding:0 70px 0 0;}
	#board .first a{padding:0 0 10px 65px;}
	#board .first .title{padding-top:3px; font-size:16px;}
	#board .first .date{width:54px; height:44px; font-size:11px;}
	#board .first .date strong{font-size:23px;}
	#board .first .detail{font-size:13px;}
	#board .first .new{margin-top:3px;}
	#board .more{top:0;}
}

/* 바로가기 */
#link{overflow:hidden; width:100%; margin:0 0 67px; background:#159fa9 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_yvax.wct) no-repeat 50% 50%; background-size:cover;}
#link .inner{position:relative; height:210px;}
#link .inner:before{content:''; display:block; position:absolute; bottom:0; left:0; width:162px; height:173px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_yvax.cat) no-repeat 0 100%;}
#link ul{padding:41px 0 0 0; text-align:right;}
#link li {display:inline-block; vertical-align:top; width:94px; line-height:120%; font-weight:800; font-size:18px; text-align:center;}
#link li + li{padding: 0 0 0 50px;}
#link li a{z-index:1; position:relative; display:block; width:100%; color:#fff; box-sizing:border-box; text-align:center;}
#link li a:before,
#link li a:after{content:''; display:block; width:94px; height:94px; margin:0 auto 16px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax1.cat) no-repeat 50% 50%;}
#link li a:after{z-index:-1; position:absolute; top:0; left:50%; transform:translateX(-50%); border-radius:50%; background:#71c1c7;}
#link li.list2 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax2.cat);}
#link li.list3 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax3.cat);}
#link li.list4 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax4.cat);}
#link li.list5 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax5.cat);}
#link li.list6 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax6.cat);}
/* #link li.list7 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax7.cat);} */
#link li.list8 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax8.cat);}

#link li.list7 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax7.cat);}

#link li a:hover:before,
#link li a:focus:before,
#link li a:active:before{transform:rotateY(360deg); transition:0.6s ease-in-out;}
#link li a:hover:after{background:#fff; transition:0.6s ease-in-out;}
#link li a[target="_blank"] span:after{opacity:0.6; content:''; display:inline-block; width:12px; height:12px; margin:-1px 0 0 9px; vertical-align:middle; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 0 -179px;}

@media all and (max-width:1230px) {
	#link .inner:before{left:15px;}
	#link ul{padding-left:14%;}
	#link li {width: 13%;}
	#link li + li{padding:0;}
}
@media all and (max-width:1024px) {
	#link{margin:0 0 44px;}
	#link .inner{height:auto;}
	#link .inner:before{width:16%; height:145px; background-size:contain;}
	#link ul{padding:33px 0 33px 16%;}
	#link li{font-size:17px;}
	#link li a:before,
	#link li a:after{width:80px; height:80px;}
	#link li a:before{margin-bottom:12px; background-size:auto 58px;}
}
@media (max-width: 768px) {
	#link{margin:0 0 30px;}
	#link .inner:before{display:none; left:10px; width:13%;}
	#link ul{padding:24px 3%;}
	#link li{width:32.5%; font-size:16px;}
	#link li:nth-child(-n + 3){margin:0 0 20px;}
	#link li a:before,
	#link li a:after{width:70px;height:70px;}
	#link li a:before{margin-bottom:10px; background-size:auto 51px;}
	#link li:nth-child(7){
    margin-right: 421px;
    margin-top: 20px;
}
}
@media all and (max-width:568px) {
	#link ul{padding:20px 0;}
	#link li{font-size:15px;}
	#link li a[target="_blank"] span:after{margin-left:5px;}
}
@media all and (max-width:380px) {
	#link{margin:0 0 26px;}
	#link ul{padding:17px 0 19px;}
	#link li{font-size:14px;}
	#link li:nth-child(-n + 3){margin:0 0 17px;}
	#link li a:before,
	#link li a:after{width:63px; height:63px;}
	#link li a:before{background-size:auto 45px;}
}

/* 현역의원 */
#member{z-index:1; overflow:hidden; position:relative; padding:68px 0 147px;}
#member:before,
#member:after{z-index:-1;content:'';display:block;position:absolute;top:68px;left:50%;width:100%;height: 800px;margin:0 0 0 -297px;box-shadow:5px 5px 8px rgba(0,0,0,0.1);background:#f2f5f9 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_zrzore.wct) no-repeat 0 50%;background-size:cover;}
#member:after{left:auto;right:50%;top:0;height:700px;margin:0 198px 0 0;border-radius:0 0 50px 0;background:#4b6480 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_zrzore.cat) no-repeat 100% 0;}
#member .bg{position:relative;}
#member .bg:after{content:''; display:block; position:absolute; right:0; top:0; width:305px; height:260px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_cnggrea.cat) no-repeat 100% 0;}
#member .bg:before{content:''; display:block; position:absolute; top:-68px; right:50%; margin:0 149px 0 0; border-left:49px solid #3d4f62; border-top:68px solid #fff;}

#member .inner{padding-top:87px;}
#member .tit{position:absolute; top:24px; left:4px; color:#fff;}
#member .en{font-size:13px; font-family:"gmarket"; letter-spacing:5px; color:rgba(255,255,255,0.6);}
#member h4{padding:17px 0 10px; line-height:125%; color:#fff; font-size:36px; font-family:"gmarket"; letter-spacing:-1px;}
#member h4 span{display:block; font-weight:200;}
#member .list {padding-left: 120px;}
#member .list:after{content:''; display:block; width:100%;}
#member .list > li{position:relative;float:left;overflow:hidden;width: 282px;height:200px;margin: 0 0px 36px 18px;border-radius:5px;box-shadow:0 0 6px rgba(0,0,0,0.1);border:1px solid #dee2e9;background:#eff3fb;transition:box-shadow 0.25s ease-in-out;box-sizing:border-box;}
#member .list > li:first-child,
#member .list > li:nth-child(3){margin-left: 180px;}
#member .list > li:nth-child(2){margin: 0 0px 36px 18px;}
#member .list > li:nth-child(5) {margin-left: 180px;}

#member .pic{overflow:hidden; position:absolute; bottom:0; right:0;}
#member .txt{position:relative;padding: 38px 0 0 6%;}
#member .txt .name{padding:0 0 0 1px; line-height:120%; font-size:27px;}
#member .txt ul{padding:10px 0 6px; line-height:120%; font-size: 15px; font-weight:400; color:#333;}
#member .txt li{padding: 0 0 5px 10px;}
#member .txt li:before{top:6px; width:5px; height:5px; background:#756ab9;}
#member .home{display:block; width:123px; height:37px; line-height:38px; padding:0 0 0 16px; font-size:14px; border-radius:4px; color:#fff; box-sizing:border-box; background:#00508e;}
#member .home:hover{background-color:#335070;}
#member .home[target="_blank"]:after{opacity:0.6; content:''; display:inline-block; width:12px; height:12px; margin:-1px 0 0 9px; vertical-align:middle; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 0 -179px;}
#member .more{margin:35px 0 0 0; width:30px; height:30px; transition:0.25s ease-in-out; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 0 -273px;}
#member .more:hover{transform:rotate(360deg);}

@media all and (max-width:1230px) {
	#member .tit{left:19px;}
	#member .list > li{width: 23.9%;margin-left:0.916%;}
	#member .list > li:first-child{margin-left:25.333%;}
	#member .txt .name{font-size:26px;}
	#member .home{width:90px; padding:0 0 0 13px;}
	#member .home span{display:none;}
}
@media all and (max-width:1115px) {
	#member .list > li{width: 23.8%;margin-left:0.916%;}
}
@media all and (max-width:1024px) {
	#member{padding:30px 0 35px;}
	#member:before{top:30px; left:0; margin:0; height:92.4%;}
	#member:after{right:22%; height:295px; margin:0; background-position:100% 0; background-size:contain;}
	#member .bg:before{right:22%; top:-30px; margin:0 -30px 0 0; border-top-width:30px; border-left-width:30px;}
	
	#member .inner{padding-top:30px;}
	#member .tit{left:3%; top:45px; padding:0 40px 0 0;}
	#member h4{padding:8px 0 8px; font-size:28px;}
	#member h4 span{display:inline-block;}
	#member .en{font-size:12px; letter-spacing:4px;}
	#member .info br{display:none;}
	#member .more{position:absolute; top:0; right:0; margin:0;}
	#member .list {display: flex;flex-wrap: wrap;padding-left: 0;}
	#member .list > li{width: 30%;height:161px;margin-bottom:17px;}
	#member .list > li:first-child{margin-left: 64%;}
	#member .list > li:nth-child(2){margin-left:0;}
	#member .list > li:nth-child(3) {margin-left:1.916%;}
	#member .list > li:nth-child(5){margin-left: 0;}
	#member .list > li:nth-child(4),
	#member .list > li:nth-child(6),
	#member .list > li:nth-child(7){margin-left:1.916%;}
	#member .pic{height:100%; max-height:151px;}
	#member .pic img{height:100%;}
	#member .txt{padding: 24px 0 0 4%;}
	#member .txt .name{font-size:23px;}
	#member .txt ul{padding:7px 0 5px;}
	#member .txt li{padding:0 0 3px 10px;}
	#member .txt li:before{top:5px;}
	#member .home {width:114px; height:31px; line-height:32px; font-weight:400;}
	#member .home[target="_blank"]:after{margin-left:6px;}
	#member .home span{display:inline-block;}
}
@media all and (max-width:768px) {
	#member:before{height:92.7%;}
	#member:after{height:250px;}
	#member:after,
	#member .bg:before{right:31%;}
	#member .bg:after{display:none;}
	#member .inner{padding-top:25px;}
	#member .tit{top:21px; padding:0;}
	#member h4 {line-height:120%; padding:6px 0 8px; font-size:25px;}
	#member h4 span{display:block; font-size:23px;}
	#member .en{font-size:10px; letter-spacing:2px;}

	#member .list > li{width:49%; height:136px; margin-bottom:14px;}
	#member .list > li:first-child{margin-left:51%;}
	#member .list > li:nth-child(even){margin-left:0 !important;}
	#member .list > li:nth-child(odd){float:right;}
	#member .pic{max-height:127px;}
	#member .txt{padding:16px 0 0 9%; font-size:15px;}
	#member .txt ul{padding:5px 0 2px;}
	#member .txt .name{font-size:20px;}
	#member .home {height:28px; line-height:29px;}
}
@media all and (max-width:768px){
	#member .list > li{width:49%; height:136px; margin-bottom:14px;}
	#member .list > li:first-child{margin-left:51%;}
	#member .list > li:nth-child(2){margin-bottom:14px;}
	#member .list > li:nth-child(3){margin-bottom:14px;margin-left:1%;}
	#member .list > li:nth-child(5){margin-left:1%;}
}

@media all and (max-width:568px) {
	#member{padding:20px 0 27px;}
	#member:before{top:20px; height:94.5%;}
	#member:after{height:230px; background-position:130% 0;}
	#member .bg:before{top:-20px; border-top-width:20px;}
	#member .inner{padding-top:20px;}
	#member .tit{top:13px; padding:8px 8px 0 0; line-height:140%;}
	#member h4 {padding:0 0 8px; font-size:22px;}
	#member h4 span{font-size:19px;}
	#member .en{display:none;}
	#member .info br{display:inline-block;}

	#member .list > li{height:131px; width:48.7%; margin-bottom:12px;}
	#member .pic{max-height:122px;}
	#member .txt .name{font-size:19px;}
	#member .home{width:80px; height:25px; line-height:25px; font-size:12px;}
	#member .home span{display:none;}
}
@media all and (max-width:550px) {
	#member .list > li:nth-child(7) .txt ul{width:40px;}
	#member .list > li:nth-child(7){height:160px;}
	
}

@media all and (max-width:380px) {
	#member:before{height:93.7%;}
	#member:after{height:195px;}
	#member .tit{top:4px; padding-right:15px; font-size:13px;}
	#member h4 {font-size:20px;}
	#member h4 span{font-size:17px;}
	#member .list > li{height:107px; width:48.6%; margin:0 0 10px;}
	#member .pic{max-height:98px;}
	#member .txt{padding:11px 0 0 8%; font-size:14px;}
	#member .list > li:nth-child(7) .txt ul{font-size:13px;width: 60px;}
	#member .list > li:nth-child(7){height:116px;}
	#member .txt ul{padding:3px 0;}
	#member .txt li{padding:0 0 1px 8px;}
	#member .txt li:before{top:4px;}
	#member .txt .name{font-size:17px;}
	#member .home{width:70px; height:21px; padding:0 0 0 10px; line-height:21px; font-size:11px;}
	#member .pic img{height:88%;position:relative;top:14px;right:-10px;}
}

#gallery{z-index:1; position:relative; float:left; width:70.666%; box-sizing:border-box;}
#gallery .title{height:150px;}
#gallery h4{padding:36px 0 0 43px; line-height:110%; font-size:38px; font-family:"gmarket"; letter-spacing:-2px; color:#000; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_tnyyrel.cat) no-repeat;}
#gallery p{padding:13px 0 0 0;}
#gallery .list_wrap{float:left; width:100%;}
#gallery .slick-center{position:relative; z-index:1;}
#gallery .list_wrap .list:not(:first-of-type){display:none;}
#gallery .list_wrap.slick-initialized .list:not(:first-of-type){display:block;}
#gallery .list{float:left;}
#gallery .list *{display:block;}
#gallery .list a{overflow:hidden; position:relative; width:264px; margin:0 14px 85px 4px; border-radius:15px 0 15px 0; box-shadow:0 2px 8px rgba(0,0,0,0.1); text-decoration:none;}
#gallery .list a:after{opacity:0; visibility:hidden; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px 0 15px 0; box-shadow:inset 0 0 0 0 #0061ac; transition:0.3s ease;}
#gallery .img{position:relative; overflow:hidden;0}
#gallery .img img{width:100%; height:178px; transition:0.3s ease;}
#gallery .sbj{height:119px; padding:21px 0 0 23px; transition:background 0.25s ease-in-out; box-sizing:border-box;}
#gallery .tit{position:relative; z-index:1; display:inline-block; max-width:90%; padding:0 20px 0 0; color:#000; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing:border-box; transition:color 0.25s ease-in-out;}
#gallery .date{padding:25px 0 0 0; font-size:16px; color:#999; line-height:100%; font-family:"Titillium Web"; transition:color 0.25s ease-in-out;}
#gallery .new{position:relative; z-index:1; display:inline-block; width:18px; height:17px; line-height:16px; margin:5px 0 0 -20px; font-size:10px; border-radius:4px 0 4px 0; text-transform:uppercase; text-align:center; color:#fff; background:#ff476a; vertical-align:top;}
#gallery .list a:hover:after{opacity:1; visibility:visible; box-shadow:inset 0 0 0 2px #0061ac;}
#gallery a:active img,
#gallery a:hover img,
#gallery a:focus img{transform:scale(1.1);}
#gallery a:hover .sbj{background:#0061ac;}
#gallery a:hover .tit,
#gallery a:hover .date{color:#fff;}
#gallery a:hover .tit{font-weight:800;}
#gallery .control{position:absolute; right:5px; top:88px;}
#gallery .control .btn_prev{position:relative;}
#gallery .control .btn_prev:after{content:''; position:absolute; top:50%; right:0; width:1px; height:12px; margin:-6px 0 0 0; background:#b2b2b2;}
#gallery .more{float:left; display:block; width:30px; height:30px; font-size:0; text-indent:-999px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 9px -22px;}
#gallery .more:hover,
#banner .more:hover{background-color:rgba(0,0,0,0.03);}

@media all and (max-width:1230px) {
	#gallery .list a{width:calc(100% - 18px);}
	#gallery .img img{height:163px;}
}
@media all and (max-width:1024px) {
	#gallery{width:65%;}
	#gallery .title{height:110px;}
	#gallery h4{display:inline-block; padding:22px 0 0 25px; font-size:28px; background-size:30px;}
	#gallery p{padding:7px 0 0 0; font-size:15px;}
	#gallery .list a{margin:0 14px 57px 4px;}
	#gallery .date{font-size:15px;}
	#gallery .control{top:55px;}
	#gallery a:active img,
	#gallery a:hover img,
	#gallery a:focus img{transform:none;}
}
@media all and (max-width:768px) {
	#gallery .title{height:60px;}
	#gallery h4{padding:19px 0 0 17px; font-size:25px; background-size:25px;}
	#gallery p{display:none;}
	#gallery .list a{margin:0 14px 40px 4px;}
	#gallery .img img{height:129px;}
	#gallery .sbj{height:86px; padding:15px 0 0 15px;}
	#gallery .date{padding:10px 0 0 0; font-size:15px;}
	#gallery .control{top:17px;}
}
@media all and (max-width:568px) {
	.sec2{padding:0 4px;}

	#gallery{width:100%;}
	#gallery .title{height:auto;}
	#gallery h4{padding:17px 20px 13px 7px; font-size:21px; background-size:22px; background-position:100% 0;}
	#gallery .list a{width:calc(100% - 12px); margin:0 6px 32px; border-radius:12px 0 12px 0;}
	#gallery .list a:after{border-radius:12px 0 12px 0;}
	#gallery .img img{height:135px;}
	#gallery .sbj{height:77px; padding:11px 0 0 13px;}
	#gallery .new{width:15px; height:15px; line-height:16px; margin-top:3px; font-size:9px;}
	#gallery .control{top:10px; right:0;}
}
@media all and (max-width:380px) {
	#gallery h4{padding:14px 20px 12px 7px; font-size:20px;}
	#gallery .list a{margin:0 6px 28px; border-radius:10px 0 10px 0;}
	#gallery .list a:after{border-radius:10px 0 10px 0;}
	#gallery .img img{height:103px;}
	#gallery .sbj{height:68px; padding:10px 0 0 12px;}
	#gallery .date{padding:7px 0 0 0; font-size:14px;}
	#gallery .control{top:7px;}
}

#magazine{position:relative; float:right; overflow:hidden; width:25.833%; height:352px; margin:96px 0 0 0; border-radius:0 10px 10px 0; background:#eaf6f7;}
#magazine h4{position:absolute; top:0; left:0; width:77px; height:75px; padding:17px 13px 0 13px; text-align:center; font-family:"gmarket"; font-size:19px; color:#fff; box-sizing:border-box; box-shadow:0 5px 7px rgba(0,0,0,0.15); background:#756ab9;}
#magazine h4:before{content:''; display:block; position:absolute; top:8px; left:8px; width:calc(100% - 16px); height:calc(100% - 16px); border:1px solid rgba(255,255,255,0.3);}
#magazine .img{display:block; height:272px; height:100%; padding:39px 0 0 50px; box-sizing:border-box;}
#magazine img{width:210px; box-shadow:0 2px 10px rgba(0,0,0,0.2);}
#magazine .sbj{position:absolute; bottom:0; left:0; width:100%; height:80px; line-height:80px; padding:0 55px 0 38px; border-radius:0 0 10px 0; color:#fff; font-weight:800; text-align:left; box-sizing:border-box; background:#1398a1;}
#magazine .sbj:before{content:''; display:block; position:absolute; bottom:80px; left:0; border-top:28px solid #eaf6f7; border-right:50px solid #0c686e;}
#magazine .sbj *{display:inline-block; vertical-align:middle;}
#magazine .tit{width:100%; color:#fff;}
#magazine .tit:before{content:''; display:inline-block; width:5px; height:5px; margin:-4px 7px 0 0; border-radius:50%; vertical-align:middle; background:#1bdeeb;}
#magazine .down{width:18px; height:24px; margin:-3px 0 0 13px; font-size:0; text-indent:-999px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 4px -150px;}
#magazine .tit:hover .down{background-position:4px -129px; transition:0.25s ease-in-out;}
#magazine .more{position:absolute; top:26px; right:25px; width:31px; height:29px; transition:0.1s ease-in-out; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 0 -56px;}
#magazine .more:hover{transform:rotate(90deg);}

@media all and (max-width:1230px) {
	#magazine{height:337px;}
	#magazine img{max-width:86%;}
	#magazine .down{margin-left:7px;}
}
@media all and (max-width:1024px) {
	#magazine{width:32%; margin:55px 0 0 0; font-size:17px;}
	#magazine .tit .txt{width:calc(100% - 45px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	#magazine .down{margin-left:0;}
}
@media all and (max-width:768px) {
	#magazine{height:260px; margin:15px 0 0 0;}
	#magazine .img{padding:28px 0 0 0; text-align:center;}
	#magazine img{width:80%; max-width:160px;}
	#magazine h4{width:62px; height:62px; padding:14px 10px 0; font-size:16px;}
	#magazine h4:before{top:6px; left:6px; width:calc(100% - 12px); height:calc(100% - 12px);}
	#magazine .sbj{height:60px; line-height:60px; padding:0 48px 0 23px;}
	#magazine .sbj:before{display:none;}
	#magazine .more{top:15px; right:16px;}
}
@media all and (max-width:568px) {
	#magazine{width:calc(100% - 12px); margin:0 6px 30px;}
	#magazine h4{width:60px; height:60px;}
	#magazine .img{padding:25px 0 0 0;}
	#magazine .sbj{height:57px; line-height:57px; padding:0 48px 0 23px;}
	#magazine img{width:150px;}
	#magazine .more{top:13px;}
}
@media all and (max-width:380px) {
	#magazine {height:242px; margin:0 0 26px; font-size:16px;}
	#magazine h4{width:58px; height:58px; font-size:15px;}
	#magazine .img{padding:22px 0 0 0;}
	#magazine .sbj{height:54px; line-height:54px;}
	#magazine img{width:140px;}
	#magazine .more{top:11px;}
}

#banner{position:relative; float:left; width:100%; height:105px; background:#eef5f9;}
#banner .list_wrap{position:relative; float:left; width:100%; padding:14px 197px 0 0; box-sizing:border-box;}
#banner .list{float:left;}
#banner .list img{transition:0.2s ease-in-out;}
#banner .list a{display:block; padding:5px 0 0 0; margin:0 8px 0 0; transition:0.2s ease-in-out;}
#banner .list a:hover{padding:0;}
#banner .list a:hover img{box-shadow:4px 4px 0 #ddd;}
#banner .control{position:absolute; right:0; top:19px; height:65px; width:189px; border:1px solid #e5e5e5; background:#fff;}
#banner .control button{margin:18px 0 0 0;}
#banner .control .btn_prev{margin-left:17px;}
#banner .more{float:right; width:67px; height:65px; border-left:1px solid #e5e5e5; box-sizing:border-box; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat -96px 25px;}

@media all and (max-width:1230px) {
	#banner .control{right:15px;}
}
@media all and (max-width:1024px) {
	#banner .list_wrap{padding-top:19px;}
	#banner .list a{padding:0;}
	#banner .list a:hover img{box-shadow:none;}
}
@media all and (max-width:768px) {
	#banner{height:auto;}
	#banner h4{position:static; width:auto; height:auto; padding:13px 0 0 0; line-height:30px; font-size:20px; font-family:"gmarket";}
	#banner .list_wrap{padding:12px 0 15px;}
	#banner .control{top:12px; right:10px;}
	#banner .control {width:120px; height:30px;}
	#banner .control button,
	#banner .control .btn_prev{margin:0;}
	#banner .more{width:30px; height:30px; background-position:-114px 8px;}
}
@media all and (max-width:568px) {
	#banner .inner{padding:0 6px;}
	#banner h4{padding-left:4px; font-size:19px;}
	#banner .list a{margin:0 4px;}
	#banner .control{top:11px;}
}
@media all and (max-width:380px) {
	#banner h4{font-size:18px;}
	#banner .control{top:10px;}
}