@charset "utf-8";

body{min-width:auto;}

/*상단배너*/
#dg-topbanner-wrap {position: relative; background-color: #22283e; padding: 20px 0; }
#dg-topbanner-wrap .dg-topbanner-menu { height: 50px; line-height: 50px; text-align: right; }
#dg-topbanner-wrap .dg-topbanner-menu input[type=checkbox] { vertical-align: middle; }
#dg-topbanner-wrap .dg-topbanner-menu label { color: #ffffff; font-size: 14px; }

.dg-container { position: relative; width:100%; max-width: 1200px; margin: 0 auto; }
.dg-container .dg-topbanner-banner a img{width:100%;}
.dg-btn { padding: 15px 16px; font-size: 14px; border-radius: 3px; background: #ffffff; border: 1px solid #cccccc; line-height:30%;}
.dg-btn.dg-btn-green { background-color: #68a71d; color: #ffffff; border: 0; outline: 0; }


.search_box label{color:transparent; font-size:0; position:absolute; left:0; top:0;}

#header{position:fixed; width:100%; min-width:320px; height:136px; border-bottom:1px solid #ccc; background:#fff; z-index:100;}
.gnb{width:100%; background:#3d505f; height:51px; overflow:hidden;}
.gnb_box{width:100%; max-width:1200px; margin:0 auto;}
.gnb_box .search_btn{float:left; margin:11px 0;}
/*.gnb_box .search_btn a.search_btn_open{display:block; font-size:0; width:30px; height:30px; border:1px solid #fff; border-radius:8px; background:url("../images/search_img.png") center no-repeat; background-size:15px;}*/
.gnb_box .search_btn a.search_btn_open{display:block; font-size:0; width:30px; height:30px; border:1px solid #000; border-radius:8px; background:#000 url("../images/search_img.png") center no-repeat; background-size:15px;}

.gnb_box .search_btn .search_group{display:none; position:absolute; top:136px; left:0; width:100%;}
.gnb_box .search_btn .search_group::before{content:""; position:absolute; top:0; left:0; width:100%; height:100000000%; background:rgba(0,0,0,0.7); z-index:-1;}
.gnb_box .search_btn .search_group::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:-1;}

.gnb_box .search_btn .search_group .search_box{position:relative; width:40%; max-width:1200px; margin:60px auto;}
.gnb_box .search_btn .search_group .search_box input{width:100%; height:60px; font-size:20px; color:#333; padding:0 70px 0 10px; border:2px solid #3d505f;}
.gnb_box .search_btn .search_group .search_box button{position:absolute; right:0; top:0; width:60px; height:60px; font-size:0; border:none; background:#3d505f url("../images/search_img.png") center no-repeat; background-size:30px;}

.gnb_box .search_btn .search_btn_close{display:none;}
.gnb_box .search_btn .search_btn_close a{display:block; position:relative; width:30px; height:30px; font-size:0; border:1px solid #fff; border-radius:8px;}
.gnb_box .search_btn .search_btn_close a::before{content:""; position:absolute; left:48%; top:7px; width:2px; height:15px; background:#fff; transform:rotate(45deg);}
.gnb_box .search_btn .search_btn_close a::after{content:""; position:absolute; left:48%; top:7px; width:2px; height:15px; background:#fff; transform:rotate(-45deg);}


.gnb_box > ul{float:right; margin-top:11px;}
.gnb_box > ul > li{float:left; margin-left:21px; font-size:15px; color:#fff;}


#skip{z-index:999; position:absolute; width:100%; top:-100px; left:0;}
#skip a{font-size:20px;}
#skip a:focus, #skip a:active {z-index:999; position:absolute; padding:17px 0; width:100%; top:100px; text-align: center; color:#fff; background:#264593; overflow:visible; clip:unset;}


a.gotop {display:block;		height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;  }
a.gotop:hover, a.gotop:focus,a.gotop:active {	z-index:9999999; width:100%; height:auto; margin:-45px 0 0 0; padding:15px 0;
	line-height:1; background:#1d60a7; color:#fff; text-align:center;	font:bold 18px 'Nanum gothic', dotum, sans-serif; }


/*사이트맵*/
.gnb_box ul li a.sitemap_btn{display:block; font-size:0; width:23px; height:21px; background:url("../images/sitemap_img.png") center no-repeat;}

.gnb_box ul li .sitemap_box .mo_login{display:none;}

.gnb_box ul li .sitemap_box{display:none; position:absolute; left:0; top:0; width:100%; height:100vh; padding:50px 0; background:#3d505f; z-index:9999999; overflow-y:scroll;}
.gnb_box ul li .sitemap_box .sitemap_close{position:absolute; top:30px; right:30px;}
.gnb_box ul li .sitemap_box .sitemap_close a{display:block; position:relative; font-size:0; width:30px; height:30px; transition:1s;}
.gnb_box ul li .sitemap_box .sitemap_close a::before{content:""; position:absolute; top:50%; left:0; width:30px; height:3px; background:#fff; transform:rotate(45deg);}
.gnb_box ul li .sitemap_box .sitemap_close a::after{content:""; position:absolute; top:50%; left:0; width:30px; height:3px; background:#fff; transform:rotate(-45deg);}

.gnb_box ul li .sitemap_box .sitemap_close a:hover{transform:rotate(180deg);}

.gnb_box ul li .sitemap_box > ul{width:95%; margin:0 auto;}
.gnb_box ul li .sitemap_box > ul > li{position:relative; float:left; width:24%; padding:0 2%; border-left:1px dotted rgba(255,255,255,0.3); text-align:center;}
.gnb_box ul li .sitemap_box > ul > li:first-child{border-left:0;}
.gnb_box ul li .sitemap_box > ul > li > a{display:block; position:relative; padding:10px 0; margin-bottom:20px; color:#3d505f; font-size:23px; font-weight:600; vertical-align:top;}
.gnb_box ul li .sitemap_box > ul > li > a::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; transition:.5s; z-index:-1;}
.gnb_box ul li .sitemap_box > ul > li > a::after{content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#ffab00; transition:1s;}
.gnb_box ul li .sitemap_box > ul > li > ul{overflow:hidden;}
.gnb_box ul li .sitemap_box > ul > li > ul > li{margin-bottom:40px;}
.gnb_box ul li .sitemap_box > ul > li > ul > li > a{display:block; position:relative; padding-left:10px; position:relative; text-align:left; color:#fff; font-size:20px; font-weight:500; overflow:hidden;}
.gnb_box ul li .sitemap_box > ul > li > ul > li > a::before{content:""; position:absolute; top:5px; left:0; width:5px; height:5px; border-radius:100%; background:#fff;}

.gnb_box ul li .sitemap_box > ul > li > ul > li > ul{border-top:1px solid #fff; padding-top:10px; margin-top:10px;}
.gnb_box ul li .sitemap_box > ul > li > ul > li > ul > li{position:relative; padding-left:15px; text-align:left; transition:.5s;}
.gnb_box ul li .sitemap_box > ul > li > ul > li > ul > li::before{content:""; position:absolute; top:10px; left:0; width:5px; height:1px; border-radius:100%; background:#fff;}

.gnb_box ul li .sitemap_box > ul > li > ul > li > ul > li > a{color:#fff; font-size:14px; text-align:left;}

.gnb_box ul li .sitemap_box > ul > li:hover > a{transition:.5s;}
.gnb_box ul li .sitemap_box > ul > li:hover > a::after{width:100%; z-index:-1;}
.gnb_box ul li .sitemap_box > ul > li > ul > li:hover > a{color:#ffab00; transition:.5s;}
.gnb_box ul li .sitemap_box > ul > li > ul > li:hover > a::before{background:#ffab00;}
.gnb_box ul li .sitemap_box > ul > li > ul > li:hover > ul{border-top:1px solid #ffab00;}
.gnb_box ul li .sitemap_box > ul > li > ul > li > ul > li:hover{padding-left:25px;}
.gnb_box ul li .sitemap_box > ul > li > ul > li > ul > li:hover a{color:#ffab00;}


.gnb_box > ul > li:nth-child(1) > a.login_btn{float:right; display:block; padding:4px 18px; line-height:150%; font-size:15px; color:#3d505f; font-weight:600; border-radius:20px; background:#fff;}
.gnb_box > ul > li:nth-child(1) > a{color:#fff; float:left; line-height:32px; padding-left:10px; margin-left:10px; border-left:1px solid rgba(255,255,255,0.3);}
.gnb_box > ul > li:nth-child(1) > span{float:left; color:#fff; line-height:32px;}
.gnb_box > ul > li:nth-child(2){margin-top:5px;}
.gnb_box > ul > li:nth-child(3) > a{margin-left:5px;}
.gnb_box > ul > li:nth-child(3) > a:first-child{margin-left:0;}
.gnb_box > ul > li:nth-child(3) > a img{width: 30px; height:30px;}

.lnb{width:100%; max-width:1200px; margin:0 auto;}
.lnb h1{float:left; margin-top:23px;}
.lnb > ul{float:left; width:50%; margin-left:4%;}
.lnb > ul > li{float:left; width:25%;}
.lnb > ul > li > a{display:block; position:relative; padding:28px 0; font-size:20px; font-weight:600; color:#333; text-align:center; transition:all .2s;}

.lnb > ul > li.on > a{position:relative; color:#0c4977;}
.lnb > ul > li.on > a::before{content:""; position:absolute; bottom:0; left:0; height:3px; width:100%; background:#0c4977; transition:all .2s;}
/*.lnb > ul > li:hover > .lnb_slnb{display:table; transition:all .1s;}*/

.lnb > ul > li > .lnb_slnb{display:none; position:absolute; left:0; top:136px; width:100%; background:#fff;}
.lnb > ul > li > .lnb_slnb .title_txt{display:table-cell; position:relative; width:20%; vertical-align:top; background:#0c4977;}

.lnb > ul > li > .lnb_slnb .title_txt p{position:absolute; top:50px; right:50px; padding:10px 0 0 15px; text-align:right; font-weight:500; font-size:30px; color:#fff;}
.lnb > ul > li > .lnb_slnb .title_txt p::before{content:""; position:absolute; left:0; top:0; width:13px; height:13px; border-radius:100%; background:#fff;}
.lnb > ul > li > .lnb_slnb > ul{display:table-cell; position:relative;}
.lnb > ul > li > .lnb_slnb > ul::before{content:""; position:absolute; left:0; width:15%; min-width:130px; height:100%; background:#f4f4f4;}
.lnb > ul > li > .lnb_slnb > ul > li{display:table; position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.1);}
.lnb > ul > li > .lnb_slnb > ul > li > a{display:table-cell; position:relative; width:15%; padding:1% 10px; word-break:keep-all; font-weight:400; font-size:16px; color:#333; overflow:hidden; vertical-align:middle;}

.lnb > ul > li > .lnb_slnb > ul > li > ul{display:table-cell; padding-left:20px; padding-right:15%; overflow:hidden; vertical-align:middle;}
.lnb > ul > li > .lnb_slnb > ul > li > ul li{float:left; position:relative; padding:5px 0 5px 10px; font-size:15px; color:#333; margin-right:15px;}
.lnb > ul > li > .lnb_slnb > ul > li > ul li::before{content:""; position:absolute; left:0; top:50%; border-radius:100%; width:3px; height:3px; background:#ccc; transform:translateY(-50%);}
.lnb > ul > li > .lnb_slnb > ul > li > ul li a:hover{color:#1298a3; transition:all .2s;}


.weather{position:relative; float:right; margin-top:18px; padding-left:40px;}
.weather p.weather_img{position:absolute; top:50%; left:0; transform:translateY(-50%);}
.weather ul li{float:left; margin-left:10px;}
.weather ul li:nth-child(1){font-size:30px; color:#333; font-weight:600;}
.weather ul li p{display:block; font-size:14px; color:#005bac; font-weight:500;}
.weather ul li span{display:block; font-size:15px; /*color:#f99130;*/ color:#3D505F;}
.weather ul li span strong{color:#333;}



#container{width:100%; margin-top:136px;}

/*.txt_color01{color:#1398a1;visibility:hidden;}
.txt_color02{color:#285d85;visibility:hidden;}
.txt_color03{color:#eebe00;visibility:hidden;}
.txt_color04{color:#72cfd5;visibility:hidden;}
.txt_color05{color:#4acc6f;visibility:hidden;}
.txt_color06{color:#f1963e;visibility:hidden;}
.txt_color07{color:#ffce65;visibility:hidden;}
.txt_color08{color:#7be5ad;visibility:hidden;}
.txt_color09{color:#1b578f;visibility:hidden;}
.txt_color10{color:#2fd89e;visibility:hidden;}
.txt_color11{color:#fff;visibility:hidden;}
.txt_color12{color:#333;visibility:hidden;}*/

.txt_color01{color:#013053;visibility:hidden;}
.txt_color02{color:#013053;visibility:hidden;}
.txt_color03{color:#ffcc00;visibility:hidden;}
.txt_color04{color:#ffcc00;visibility:hidden;}
.txt_color05{color:#fff;visibility:hidden;}
.txt_color06{color:#fff;visibility:hidden;}
.txt_color07{color:#fff;visibility:hidden;}
.txt_color08{color:#fff;visibility:hidden;}
.txt_color09{color:#012038;visibility:hidden;}
.txt_color10{color:#fff;visibility:hidden;}
.txt_color11{color:#fff;visibility:hidden;}
.txt_color12{color:#333;visibility:hidden;}



.slider_box{position:relative; width:100%; height:640px; overflow:hidden; transition:1s;}
.slider_box .slider_box_roll{position:absolute; left:50%; top:0; width:100%; max-width:2000px; margin:0 auto; transform:translateX(-50%);}
.slider_box .slider_box_roll .slide_txt{position:absolute; left:50%; top:75px; width:100%; transform:translateX(-50%); z-index:20; transition:1s;}
.slider_box .slider_box_roll .align_center{text-align:center;}
.slider_box .slider_box_roll .slide_txt p{width:100%; max-width:1200px; margin:0 auto;}
.slider_box .slider_box_roll .slide_txt span{display:block; font-size:70px; font-family: 'Cafe24Dangdanghae'; text-shadow:3px 3px 0 rgba(0,0,0,0.3); transition:1s;}
.slider_box .slider_box_roll .slide_img img{position:relative; left:50%; top:0; width:100%; height:640px; transform:translateX(-50%); z-index:-1;}

.slider_box .slider_box_roll .arrow_btn {position:absolute; width:100%; max-width:1200px; left:50%; top:90%; transform:translateX(-50%); z-index:20; transition:1s;}
.slider_box .slider_box_roll .arrow_btn a{position:absolute; display:block; left:0; bottom:0; font-size:0; width:55px; height:55px; background:rgba(0,0,0,0.7); z-index:10; border-radius:10px; transition:.5s; cursor:pointer;}

.slider_box .slider_box_roll .arrow_btn a.prev_btn::before{content:""; position:absolute; left:20px; top:23px; width:14px; height:2px; background:#fff; border-radius:30%; transform:rotate(-40deg);}
.slider_box .slider_box_roll .arrow_btn a.prev_btn::after{content:""; position:absolute; left:20px; top:32px; width:14px; height:2px; background:#fff; border-radius:30%; transform:rotate(40deg);}


.slider_box .slider_box_roll .arrow_btn a.next_btn{left:60px;}
.slider_box .slider_box_roll .arrow_btn a.next_btn::before{content:""; position:absolute; left:23px; top:23px; width:14px; height:2px; background:#fff; border-radius:30%; transform:rotate(40deg);}
.slider_box .slider_box_roll .arrow_btn a.next_btn::after{content:""; position:absolute; left:23px; top:32px; width:14px; height:2px; background:#fff; border-radius:30%; transform:rotate(-40deg);}

.slider_box .slider_box_roll .arrow_btn a:hover{background:#1398a1;}
.slider_box .slider_box_roll .arrow_btn a:focus{background:#1398a1;}


.notice{width:100%; max-width:1200px; margin:0 auto;}
.notice .notice_box{position:absolute; left:50%; bottom:0; width:100%; max-width:600px; height:350px; border-radius:30px 0 0 0; background:rgba(61,80,95,.9);}
.notice .notice_box > ul{position:relative; margin:60px;}
.notice .notice_box > ul > li{display:inline-block; margin-right:14px;}
.notice .notice_box > ul > li h2{display:inline-block;}
.notice .notice_box > ul > li h2 a{font-weight:600; font-size:25px; color:#fff;}
.notice .notice_box > ul > li > ul {position:absolute; top:50px; left:0; width:100%;}
.notice .notice_box > ul > li > ul > li{margin-top:15px; overflow:hidden;}
.notice .notice_box > ul > li > ul > li > a{float:left; position:relative; width:80%; padding-left:15px; color:#fff; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:.5s;}
.notice .notice_box > ul > li > ul > li > a::before{content:""; position:absolute; left:0; top:10px; width:5px; height:5px; background:#fff;}
.notice .notice_box > ul > li > ul > li > span{float:right; color:#fff; font-size:17px;}

.notice .notice_box .plus_btn a{position:absolute; right:0; top:0; font-size:0; width:23px; height:23px;}
.notice .notice_box .plus_btn a::before{content:""; position:absolute; left:50%; top:0; width:3px; height:100%; background:#fff; transform:translateX(-50%);}
.notice .notice_box .plus_btn a::after{content:""; position:absolute; left:0; top:50%; width:100%; height:3px; background:#fff; transform:translateY(-50%);}

.notice .notice_box > ul > li.on h2 a{color:#ffab02; position:relative; padding-bottom:10px; transition:.5s;}
.notice .notice_box > ul > li.on h2 a::before{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#ffab02;}

.notice .notice_box > ul > li:hover h2 a{color:#ffab02; position:relative; padding-bottom:10px; transition:.5s;}
.notice .notice_box > ul > li:hover h2 a::before{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#ffab02;}

.notice .notice_box > ul > li > ul > li > a:hover{color:#ffab02;}
.notice .notice_box > ul > li > ul > li > a:hover::before{background:#ffab02;}

.banner_icon{width:100%; max-width:1200px; margin:0 auto;}
.banner_icon ul li{float:left; position:relative; width:16.66%; height:133px;}
.banner_icon ul li::before{content:""; position:absolute; right:0; top:50%; width:1px; height:80px; background:rgba(0,0,0,0.1); transform:translateY(-50%);}
.banner_icon ul li a{display:block; position:relative; height:133px; padding-top:90px; font-weight:400; text-align:center; color:#333; font-size:17px;}
.banner_icon ul li a::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-position: center; transition:.5s;}

.banner_icon ul li:nth-child(1) a::before{background:url("../images/layout_icon01.png") center top 30px no-repeat;}
.banner_icon ul li:nth-child(2) a::before{background:url("../images/layout_icon02.png") center top 30px no-repeat;}
.banner_icon ul li:nth-child(3) a::before{background:url("../images/layout_icon03.png") center top 30px no-repeat;}
.banner_icon ul li:nth-child(4){/*background:#1398a1;*/ background:#0b565b;}
.banner_icon ul li:nth-child(4) a{color:#fff;}
.banner_icon ul li:nth-child(4) a::before{background:url("../images/layout_icon04.png") center top 30px no-repeat;}
.banner_icon ul li:nth-child(5){/*background:#1398a1;*/ background:#0b565b;}
.banner_icon ul li:nth-child(5) a{color:#fff;}
.banner_icon ul li:nth-child(5) a::before{background:url("../images/layout_icon05.png") center top 30px no-repeat;}
.banner_icon ul li:nth-child(6){/*background:#1398a1;*/ background:#0b565b;}
.banner_icon ul li:nth-child(6)::before{background:none;}
.banner_icon ul li:nth-child(6) a{color:#fff;}
.banner_icon ul li:nth-child(6) a::before{background:url("../images/layout_icon06.png") center top 30px no-repeat;}

.banner_icon ul li:nth-child(1):hover a::before{background:url("../images/layout_icon01.png") center top 10px no-repeat;}
.banner_icon ul li:nth-child(2):hover a::before{background:url("../images/layout_icon02.png") center top 10px no-repeat;}
.banner_icon ul li:nth-child(3):hover a::before{background:url("../images/layout_icon03.png") center top 10px no-repeat;}
.banner_icon ul li:nth-child(4):hover a::before{background:url("../images/layout_icon04.png") center top 10px no-repeat;}
.banner_icon ul li:nth-child(5):hover a::before{background:url("../images/layout_icon05.png") center top 10px no-repeat;}
.banner_icon ul li:nth-child(6):hover a::before{background:url("../images/layout_icon06.png") center top 10px no-repeat;}


/*layout01*/
.layout_box01{position:relative; width:100%; background:url("../images/layout01_bg.png") right bottom -125px no-repeat; overflow:hidden;}
.layout_box01 .layout_zone01{width:100%; max-width:1200px; margin:0 auto; padding:80px 0; overflow:hidden;}
.layout_box01 .layout_zone01 .news{position:relative; float:left; width:49%; max-width:585px;}
.layout_box01 .layout_zone01 .news h2{position:relative; margin-bottom:34px;}
.layout_box01 .layout_zone01 .news h2::before{content:""; position:absolute; left:0; top:50%; width:100%; height:1px; transform:translateY(-50%); background:#3d505f;}
.layout_box01 .layout_zone01 .news h2 span{position:relative; padding-right:10px; font-size:30px; color:#3d505f; font-weight:600; background:#fff;}
.layout_box01 .layout_zone01 .news .new_conts a{display:block; border:1px solid #ccc; border-radius:10px; overflow:hidden; transition:0.5s;}
.layout_box01 .layout_zone01 .news .new_conts a:hover{border:1px solid #1398a1; box-shadow:3px 3px 5px rgba(0,0,0,0.3);}
.layout_box01 .layout_zone01 .news .new_conts dl dt{max-height:207px; overflow:hidden;}
.layout_box01 .layout_zone01 .news .new_conts dl dt img{width:100%;}

.layout_box01 .layout_zone01 .news .new_conts dl dd{position:relative; min-height:118px; background:#fff; overflow:hidden;}
.layout_box01 .layout_zone01 .news .new_conts dl dd p{margin:18px 15px 0 15px; line-height:120%; font-size:17px; color:#333;}
.layout_box01 .layout_zone01 .news .new_conts dl dd span{position:absolute; left:10px; bottom:10px; font-size:17px; /*color:#999;*/ color:#444;}

.layout_box01 .layout_zone01 .news .new_btn{position:absolute; top:-88px; right:0;}
.layout_box01 .layout_zone01 .news .new_btn a{display:inline-block; position:relative; width:38px; height:38px; font-size:0; border:1px solid #ccc; border-radius:100%; background:#fff; cursor:pointer; transition:.3s;}
.layout_box01 .layout_zone01 .news .new_btn a.prev_btn{right:50px;}
.layout_box01 .layout_zone01 .news .new_btn a.prev_btn::before{content:""; position:absolute; left:11px; top:13px; width:14px; height:2px; background:#3d505f; border-radius:30%; transform:rotate(-40deg);}
.layout_box01 .layout_zone01 .news .new_btn a.prev_btn::after{content:""; position:absolute; left:11px; top:22px; width:14px; height:2px; background:#3d505f; border-radius:30%; transform:rotate(40deg);}

.layout_box01 .layout_zone01 .news .new_btn a.next_btn::before{content:""; position:absolute; left:13px; top:13px; width:14px; height:2px; background:#3d505f; border-radius:30%; transform:rotate(40deg);}
.layout_box01 .layout_zone01 .news .new_btn a.next_btn::after{content:""; position:absolute; left:13px; top:22px; width:14px; height:2px; background:#3d505f; border-radius:30%; transform:rotate(-40deg);}

.layout_box01 .layout_zone01 .news .new_btn a:hover{border:1px solid #1398a1; background:#1398a1;}
.layout_box01 .layout_zone01 .news .new_btn a.prev_btn:hover::before{background:#fff;}
.layout_box01 .layout_zone01 .news .new_btn a.prev_btn:hover::after{background:#fff;}
.layout_box01 .layout_zone01 .news .new_btn a.next_btn:hover::before{background:#fff;}
.layout_box01 .layout_zone01 .news .new_btn a.next_btn:hover::after{background:#fff;}

.layout_box01 .layout_zone01 .news .new_btn a:focus{border:1px solid #1398a1; background:#1398a1;}
.layout_box01 .layout_zone01 .news .new_btn a.prev_btn:focus::before{background:#fff;}
.layout_box01 .layout_zone01 .news .new_btn a.prev_btn:focus::after{background:#fff;}
.layout_box01 .layout_zone01 .news .new_btn a.next_btn:focus::before{background:#fff;}
.layout_box01 .layout_zone01 .news .new_btn a.next_btn:focus::after{background:#fff;}

.layout_box01 .layout_zone01 .slick-slide{margin:0 15px;}


.layout_box01 .layout_zone01 .popup_zone{position:relative; float:right; width:49%; max-width:585px;}
.layout_box01 .layout_zone01 .popup_zone h2{padding:10px; font-size:25px; color:#fff; font-weight:600; border-radius:10px; background:#3d505f;}
.layout_box01 .layout_zone01 .popup_zone ul{height:326px; margin-top:23px; border-radius:10px; border:1px solid #ccc; overflow:hidden;}
.layout_box01 .layout_zone01 .popup_zone ul li{float:left; width:100%; height:326px;}
.layout_box01 .layout_zone01 .popup_zone ul li img{width:100%; height:100%;}

.layout_box01 .layout_zone01 .popup_zone ul li img a:focus::before { content:""; position:absolute; boder:2px solid #000;}



.layout_box01 .layout_zone01 .popup_zone .popup_btn{position:absolute; top:10px; right:10px;}
.layout_box01 .layout_zone01 .popup_zone .popup_btn p{float:left; margin-left:10px;}
.layout_box01 .layout_zone01 .popup_zone .popup_btn p a{position:relative; display:block; width:38px; height:38px; font-size:0; background:#2b3842; border-radius:100%;}
.layout_box01 .layout_zone01 .popup_zone .popup_btn p.pop_prev_btn a::before{content:""; position:absolute; left:11px; top:13px; width:14px; height:2px; background:#fff; border-radius:30%; transform:rotate(-40deg);}
.layout_box01 .layout_zone01 .popup_zone .popup_btn p.pop_prev_btn a::after{content:""; position:absolute; left:11px; top:22px; width:14px; height:2px; background:#fff; border-radius:30%; transform:rotate(40deg);}

.layout_box01 .layout_zone01 .popup_zone .popup_btn p.pop_next_btn a::before{content:""; position:absolute; left:13px; top:13px; width:14px; height:2px; background:#fff; border-radius:30%; transform:rotate(40deg);}
.layout_box01 .layout_zone01 .popup_zone .popup_btn p.pop_next_btn a::after{content:""; position:absolute; left:13px; top:22px; width:14px; height:2px; background:#fff; border-radius:30%; transform:rotate(-40deg);}

.layout_box01 .layout_zone01 .popup_zone .popup_btn p.pop_play_btn a::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); background:url("../images/play_icon.png") center no-repeat;}

.layout_box01 .layout_zone01 .popup_zone .popup_btn p.pop_play_btn a.on::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); background:url("../images/stop_icon.png") center no-repeat;}

/*.layout_box01 .layout_zone01 .popup_zone .popup_btn p.pop_stop_btn a::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); background:url("../images/stop_icon.png") center no-repeat;}*/

.owl-dots{display:none;}


.layout02{position:relative; width:100%; padding:80px 0; background:#e5eff7; overflow:hidden;}
.layout02::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/layout02_box_bg01.png") left -300px center no-repeat;}
.layout02::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/layout02_box_bg02.png") right -150px bottom no-repeat;}

.layout02 .layout02_box {position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:1;}
.layout02 .layout02_box .layout02_box01{float:left; width:100%; max-width:380px; padding:30px; border-radius:10px; background:#00477d;}
.layout02 .layout02_box .layout02_box01 h2{padding-bottom:20px; font-size:25px; font-weight:600; color:#fff; border-bottom:3px solid #fff;}
.layout02 .layout02_box .layout02_box01 ul{margin:50px 0 30px 0;}
.layout02 .layout02_box .layout02_box01 ul li{float:left; margin-bottom:12px; padding-bottom:12px; border-bottom:1px dotted #fff;}
.layout02 .layout02_box .layout02_box01 ul li:nth-child(1){width:34%; margin-right:10%;}
.layout02 .layout02_box .layout02_box01 ul li:nth-child(2){width:52%;}
.layout02 .layout02_box .layout02_box01 ul li:nth-child(3){width:34%; margin-right:10%;}
.layout02 .layout02_box .layout02_box01 ul li:nth-child(4){width:52%;}
.layout02 .layout02_box .layout02_box01 ul li:nth-child(5){width:34%; margin-right:10%;}
.layout02 .layout02_box .layout02_box01 ul li:nth-child(6){width:52%;}

.layout02 .layout02_box .layout02_box01 ul li a{position:relative; display:block; position:relative; padding-left:10px; font-size:17px; color:#fff; letter-spacing:-1px; transition:.3s;}
.layout02 .layout02_box .layout02_box01 ul li a::before{content:""; position:absolute; left:0; top:12px; width:3px; height:3px; background:#fff;}
.layout02 .layout02_box .layout02_box01 ul li a:hover{font-weight:500; color:#ffab02;}
.layout02 .layout02_box .layout02_box01 ul li a:hover::before{background:#ffab02;}

.layout02 .layout02_box .layout02_box02{position:relative; float:right; width:calc(100% - 410px); max-width:790px;}
.layout02_box02 .tab_title{width:100%; margin-bottom:36px; border-radius:10px; /*overflow:hidden;*/}
.layout02_box02 .tab_title ul{padding:1px; }
.layout02_box02 .tab_title ul li{float:left; width:50%; background:#3d505f; position: relative;}

.layout02_box02 .tab_title ul li.on{ background:#0b565b; }
.layout02_box02 .tab_title ul li.on span{ position: absolute;  top:55px;   left: 0;   display: block;    width: 100%;
    height: 15px;    /*border-top: 5px solid #0b565b; */   background: url(../images/tab_title_main.png) no-repeat 50% 0; }

.layout02_box02 .tab_title ul li a{display:block; padding:10px 0; font-size:25px; text-align:center; color:#fff; font-weight:600;}

.layout02_box02 .tab_title ul li a:focus{outline:2px solid #000; z-index:1; position:relative;}

.layout02_box02 .tab_conts{width:100%; min-height:280px; margin-bottom:30px; background:#fff; border-radius:10px;}
.layout02_box02 .tab_conts ul{display:none;}
.layout02_box02 .tab_conts ul li{float:left; width:25%; border-radius:10px;}

.layout02_box02 .tab_conts ul li a{display:block; padding:50px 0; text-align:Center; line-height:140%; font-size:17px; color:#333; font-weight:500; transition:.5s;}
.layout02_box02 .tab_conts ul li a span{display:block; width:100%; max-width:118px; height:118px; margin:0 auto 25px auto; font-size:0; border-radius:10px;}
.layout02_box02 .tab_conts ul:nth-child(2) li:nth-child(3) a{padding:30px 0 17px 0;}
.layout02_box02 .tab_conts ul li a p{padding-top:20px;}
/*.layout02_box02 .tab_conts ul:nth-child(1) li:nth-child(1) a{background:#ccc url("../images/layout02_box02_icon01_220325.png") center no-repeat;}
.layout02_box02 .tab_conts ul:nth-child(1) li:nth-child(2) a span{background:#ccc url("../images/layout02_box02_icon02.png") center no-repeat;}
.layout02_box02 .tab_conts ul:nth-child(1) li:nth-child(3) a span{background:#ccc url("../images/layout02_box02_icon03.png") center no-repeat;}
.layout02_box02 .tab_conts ul:nth-child(1) li:nth-child(4) a span{background:#ccc url("../images/layout02_box02_icon04.png") left 32px center no-repeat;}*/

/*.layout02_box02 .tab_conts ul:nth-child(2) li:nth-child(1) a span{background:#ccc url("../images/layout02_box02_icon05.png") center no-repeat;}
.layout02_box02 .tab_conts ul:nth-child(2) li:nth-child(2) a span{background:#ccc url("../images/layout02_box02_icon06.png") left 32px center no-repeat;}
.layout02_box02 .tab_conts ul:nth-child(2) li:nth-child(3) a span{margin:0 auto 15px auto; background:#ccc url("../images/layout02_box02_icon07.png") center no-repeat;}
.layout02_box02 .tab_conts ul:nth-child(2) li:nth-child(4) a span{background:#ccc url("../images/layout02_box02_icon08.png") center no-repeat;}*/

/*.layout02_box02 .tab_conts ul li:hover{box-shadow:5px 5px 5px rgba(0,0,0,0.1); transition:.5s;}*/
.layout02_box02 .tab_conts ul li a:hover{color:#1398a1;}
.layout02_box02 .tab_conts ul.on{display:block;}


.layout02_box03{clear:both; padding-top:20px;}
.layout02_box03_cut{position:relative; float:left; width:32%; margin-right:2%; border-radius:10px;}
.layout02_box03_cut a{position:relative; display:block; width:100%; height:367px; text-align:center; color:#fff; font-size:17px; letter-spacing:-1px; z-index:1; overflow:hidden;}
.layout02_box03_cut a span{display:block;}
.layout02_box03_cut a h2{margin-top:160px; line-height:90px; font-size:25px; color:#fff;}

.layout02_box03 .movie{background:url("../images/layout02_box03_bg.jpg") center no-repeat; background-size:120%; border-radius:10px; transition:.5s;}
.layout02_box03 .movie::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); border-radius:10px;}
.layout02_box03 .movie::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/layout02_box03_icon.png") center top 80px no-repeat; transition:.5s;}
.layout02_box03 .movie:hover{background-size:130%;}
.layout02_box03 .movie:hover::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/layout02_box03_icon.png") center top 60px no-repeat;}

.layout02_box03 .dust{background:url("../images/layout02_box04_bg.jpg") center no-repeat; background-size:180%; border-radius:10px; transition:.5s;}
.layout02_box03 .dust::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; /*background:rgba(255,171,0,0.9);*/ background:rgba(6,44,47,0.9); border-radius:10px;}
.layout02_box03 .dust::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/layout02_box04_icon.png") center top 60px no-repeat; transition:.5s;}
.layout02_box03 .dust:hover{background-size:200%;}
.layout02_box03 .dust:hover::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/layout02_box04_icon.png") center top 40px no-repeat;}


.layout02_box03 .Enterprise{margin:0; background:#fff;}
.layout02_box03 .Enterprise::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/layout02_box05_icon.png") center top 60px no-repeat; transition:.5s;}
.layout02_box03 .Enterprise:hover::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/layout02_box05_icon.png") center top 30px no-repeat;}
.layout02_box03 .Enterprise a{color:#333;}
.layout02_box03 .Enterprise a h2{color:#333;}


.layout03{position:relative; width:100%; padding:80px 0; background:#f3f3f3; overflow:hidden;}
.layout03::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/layout03_box_bg.png") right -50px bottom -400px no-repeat;}
.layout03_box{width:100%; max-width:1200px; margin:0 auto;}
.layout03_box .insta{position:relative; float:left; width:49%; max-width:585px;}
.layout03_box .insta h2{margin-bottom:35px; line-height:120%; font-size:30px; color:#3d505f;}
.layout03_box .insta h2 span{color:#1398a1;}
.layout03_box .insta_box{width:100%; border:1px solid #ccc; background:#fff; border-radius:10px;}
.layout03_box .insta_box ul{display:table; width:100%;}
.layout03_box .insta_box ul li{display:table-cell; width:50%;}
.layout03_box .insta_box ul li:first-child a{border-left:0; border-radius:10px 0 0 10px;}
.layout03_box .insta_box ul li a{display:block; border-left:1px solid #ccc; border-radius:0 10px 10px 0; overflow:hidden;}

.layout03_box .insta_box ul li a p{position:relative; width:100%; max-width:292px; height:263px; overflow:hidden;}
.layout03_box .insta_box ul li a p::before{content:""; position:absolute; bottom:0; right:20px; width:3px; height:10%; background:#fff; z-index:10;}
.layout03_box .insta_box ul li a p img{position:absolute; max-width:400px; left:50%; top:0; transform:translateX(-50%);}

.layout03_box .insta_box ul li a span.insta_txt{position:relative; display:block; width:100%; max-width:292px; height:242px; padding:80px 20px 20px 20px; font-size:15px; color:#333;}
.layout03_box .insta_box ul li a span.insta_txt::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/sns_icon03.png") left 20px top 30px no-repeat;}
.layout03_box .insta_box ul li a span.insta_txt::after{content:""; position:absolute; top:0; right:20px; width:3px; height:30%; background:#1398a1;}

.layout03_box .insta_box ul li a:hover .insta_txt{text-decoration:underline;}

.layout03_box .sns_link{position:absolute; top:5%; right:0;}
.layout03_box .sns_link a{display:inline-block; margin-left:10px;}


.e_book{position:relative; float:right; width:49%; max-width:585px;}
.e_book h2{position:relative; margin-bottom:35px; text-align:center; line-height:120%; font-size:30px; color:#3d505f;}
.e_book h2::before{content:""; position:absolute; left:0; top:50%; width:12%; height:1px; background:#ccc; transform:translateY(-50%);}
.e_book h2::after{content:""; position:absolute; right:0; top:50%; width:12%; height:1px; background:#ccc; transform:translateY(-50%);}
.e_book h2 strong{color:#1398a1; font-weight:400;}

.book_box{position:relative; width:100%; max-width:565px; min-height:506px; padding:30px 30px 0 30px; border-radius:10px; border:1px solid #ccc;}
.book_box::before{content:""; position:absolute; bottom:-20px; left:20px; width:100%; height:100%; border-radius:10px; background:url("../images/pattern.png") repeat;}
.book_box::after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; border-radius:10px; background:#fff;}
.book_box a{position:relative; display:inline-block; width:48%; margin-left:2%; text-align:center; vertical-align:top; z-index:5;}
.book_box a:first-child{margin-left:0;}
.book_box a img{width:100%; max-width:221px; border:1px solid #ccc;}
.book_box a span{display:block; margin-top:10px; font-size:17px; color:#333; font-weight:500; letter-spacingr:-1px; transition:.3s;}
.book_box a:hover span{color:#1398a1}
.book_box p{position:absolute; left:50%; bottom:0; width:90%; margin-top:40px; text-align:center; transform:translateX(-50%); z-index:5;}
.book_box p::before{content:""; position:absolute; top:0; right:15px; width:2px; height:30px; background:#ccc;}
.book_box p::after{content:""; position:absolute; top:15px; left:0; width:100%; height:2px; background:#ccc;}
.book_box p a{display:block; width:100%; padding:46px 0 32px 0; text-align:center; font-size:20px; color:#333; font-weight:600; transition:.3s;}
.book_box p a:hover{color:#1398a1;}


#footer{width:100%; background:#2b2b2b; clear:both;}
#footer .banner{width:100%; border-top:1px solid #ccc; background:#fff; overflow:hidden;}
#footer .banner .banner_box{position:relative; width:100%; max-width:1200px; margin:10px auto;}
#footer .banner .banner_box .banner_slide a{display:block; font-size:0; border:1px solid #ccc; overflow:hidden; transition:.3s;}
#footer .banner .banner_box .banner_slide a img{width:100%; height:58px;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn{position:absolute; top:50%; right:0; line-height:100%; transform:translateY(-50%);}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a{position:relative; display:inline-block; width:38px; height:38px; border:1px solid #ccc; border-radius:100%; cursor:pointer;}

#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_prev_btn{margin-right:50px;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_prev_btn::before{content:""; position:absolute; left:10px; top:13px; width:14px; height:2px; background:#ccc; border-radius:30%; transform:rotate(-40deg);}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_prev_btn::after{content:""; position:absolute; left:10px; top:22px; width:14px; height:2px; background:#ccc; border-radius:30%; transform:rotate(40deg);}

#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_next_btn::before{content:""; position:absolute; left:12px; top:13px; width:14px; height:2px; background:#ccc; border-radius:30%; transform:rotate(40deg);}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_next_btn::after{content:""; position:absolute; left:12px; top:22px; width:14px; height:2px; background:#ccc; border-radius:30%; transform:rotate(-40deg);}

#footer .banner .banner_box .banner_slide a:hover{border:1px solid #1398a1; background:#1398a1;}
#footer .banner .banner_box .banner_slide a:focus{border:1px solid #1398a1; background:#1398a1;}

#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_prev_btn:hover{background:#1398a1;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_next_btn:hover{background:#1398a1;}

#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_prev_btn:hover::before{background:#fff;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_prev_btn:hover::after{background:#fff;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_next_btn:hover::before{background:#fff;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_next_btn:hover::after{background:#fff;}

#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_prev_btn:focus{background:#1398a1;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_next_btn:focus{background:#1398a1;}

#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_prev_btn:focus::before{background:#fff;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_prev_btn:focus::after{background:#fff;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_next_btn:focus::before{background:#fff;}
#footer .banner .banner_box .banner_slide .ba_arrow_btn a.ban_next_btn:focus::after{background:#fff;}



#footer .banner .banner_box .banner_slide .slick-list{width:90%;}
#footer .banner .banner_box .banner_slide .slick-slide{margin:0 6px;}

#footer .foot{width:100%; border-bottom:1px solid #6b6b6b;}
#footer .foot .foot_box{width:100%; max-width:1200px; margin:0 auto;}
#footer .foot .foot_box ul.txt{display:inline-block;}
#footer .foot .foot_box ul.txt li{position:relative; display:inline-block; margin-left:10px; padding-left:10px;}
#footer .foot .foot_box ul.txt li::before{content:""; position:absolute; left:0; top:50%; width:1px; height:25%; background:#f3f3f3; transform:translateY(-50%);}
#footer .foot .foot_box ul.txt li:first-child{padding-left:0; margin-left:0;}
#footer .foot .foot_box ul.txt li:first-child::before{width:0;}
#footer .foot .foot_box ul.txt li a{line-height:70px; font-size:17px; font-weight:400; color:#f3f3f3;}

#footer .foot .foot_box .family_site{position:relative; float:right; margin-top:14px;}
#footer .foot .foot_box .family_site p{position:relative; border:1px solid #ababab;}
#footer .foot .foot_box .family_site p::before{content:""; position:absolute; right:0; top:50%; width:100%; height:100%; background:url("../images/family_bg.png") right 10px center no-repeat; transform:translateY(-50%);}
#footer .foot .foot_box .family_site p a{position:relative; display:block; width:200px; padding:8px 10px; font-size:17px; font-weight:500; color:#ababab;}
#footer .foot .foot_box .family_site ul{display:none; position:absolute; top:-325px; right:0; padding:20px; width:600px; background:#fff; z-index:10; box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
#footer .foot .foot_box .family_site ul li {float:left; width:46%; margin:0 2%; padding:10px 0; border-bottom:1px solid #ccc;}
#footer .foot .foot_box .family_site ul li a{line-height:160%; font-size:17px; color:#555; transition:.3s;}
#footer .foot .foot_box .family_site ul li a:hover{color:#ffab00;}

#footer .foot_txt{position:relative; width:100%; max-width:1200px; margin:0 auto;/* padding:30px 0;*/ padding:30px 0 50px 0; overflow:hidden;}
#footer .foot_txt h1{margin-bottom:20px;}
#footer .foot_txt p.txt{display:inline-block; line-height:160%; font-size:17px; color:#f3f3f3;}
#footer .foot_txt p.qr{position:absolute; right:0; top:50%; transform:translateY(-50%);}
#footer .foot_txt p.qr .wa{margin-right:10px;}


@media screen and (max-width: 1200px) {

.gnb{width:100%; padding:0 20px;}


.lnb{width:95%;}
.lnb > ul{width:55%; margin-left:2%;}

.lnb > ul > li > .lnb_slnb > ul > li > a{font-size:15px;}
.lnb > ul > li > .lnb_slnb .title_txt p{font-size:20px;}
.lnb > ul > li > .lnb_slnb > ul > li > ul li{font-size:13px;}

.weather{margin-top:0; padding-top:11px; padding-left:0;}
.weather p.weather_img{top:13px; left:25px; transform:translateY(0);}
.weather p.weather_img img{width:80%;}
.weather ul li:nth-child(1){padding-top:30px; font-size:25px;}
.weather ul li span strong{display:block;}


/*.slider_box{height:700px;}*/
.slider_box .slider_box_roll .slide_txt{position:absolute; left:50%; top:80px; width:100%; transform:translateX(-50%); z-index:20;}
.slider_box .slider_box_roll .align_center{text-align:center;}
.slider_box .slider_box_roll .slide_txt p{padding:0 20px;}

.slider_box .slider_box_roll .arrow_btn {top:85%;}
.slider_box .slider_box_roll .arrow_btn a{left:20px;}
.slider_box .slider_box_roll .arrow_btn a.next_btn{left:80px;}


.notice{width:100%; max-width:1200px; margin:0 auto;}
.notice .notice_box{position:absolute; left:auto; right:0; bottom:0;}


/*하단*/
#footer .foot .foot_box ul.txt li a{font-size:15px;}



}


@media screen and (max-width: 1000px) {

.lnb > ul{width:53%;}

/* 이북 */
.e_book h2::before{width:6%;}
.e_book h2::after{width:6%;}

}


@media screen and (max-width: 960px) {


/*상단배너*/
.dg-container {padding:0 20px;}



#header{height:auto;}

.gnb{width:100%; background:none; height:auto; overflow:visible;}

.gnb_box > ul{float:right; margin-top:28px;}
.gnb_box > ul > li{display:none;}
.gnb_box > ul > li:nth-child(2){display:block;}

/*검색 창*/
.gnb_box .search_btn{margin:28px 0 0 0;}
.gnb_box .search_btn a.search_btn_open{border:1px solid #333; background:url("../images/search_img_mo.png") center no-repeat; background-size:15px;}

.gnb_box .search_btn .search_group{display:none; position:absolute; top:89px; left:0; width:100%;}

.gnb_box .search_btn .search_group .search_box{position:relative; width:60%; max-width:1200px; margin:30px auto;}
.gnb_box .search_btn .search_group .search_box input{width:100%; height:50px; font-size:16px; color:#333; padding:0 70px 0 10px; border:2px solid #3d505f;}
.gnb_box .search_btn .search_group .search_box button{position:absolute; right:0; top:0; width:50px; height:50px; font-size:0; border:none; background:#3d505f url("../images/search_img.png") center no-repeat; background-size:20px;}

.gnb_box .search_btn .search_btn_close{display:none;}
.gnb_box .search_btn .search_btn_close a{border:1px solid #333;}
.gnb_box .search_btn .search_btn_close a::before{background:#333;}
.gnb_box .search_btn .search_btn_close a::after{background:#333;}


/*사이트맵 - 모바일 햄버거 메뉴*/
.gnb_box ul li .sitemap_box .mo_login{display:block; margin-top:30px;}
.gnb_box ul li .sitemap_box .mo_login ul{width:100%; overflow:hidden; background:#fff;}
.gnb_box ul li .sitemap_box .mo_login ul li{float:left; width:25%; border-left:1px solid #3d505f;}
.gnb_box ul li .sitemap_box .mo_login ul li.login{width:100%;}
.gnb_box ul li .sitemap_box .mo_login ul li:first-child{border-left:0;}
.gnb_box ul li .sitemap_box .mo_login ul li a{display:block; padding:20px 0; font-size:15px; color:#3d505f; text-align:center;}

.sec_time{position:absolute; top:30px; left:10px;}

.gnb_box ul li a.sitemap_btn{display:block; position:relative; font-size:0; width:24px; height:21px; background:none; border-radius:8px;}
.gnb_box ul li a.sitemap_btn::before{content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:#333; border-radius:15px;}
.gnb_box ul li a.sitemap_btn::after{content:""; position:absolute; top:45%; left:0; width:100%; height:3px; background:#333; border-radius:15px;}

.gnb_box ul li a.sitemap_btn span{display:block; position:relative; width:100%; height:21px;}
.gnb_box ul li a.sitemap_btn span::before{content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#333; border-radius:15px;}

.gnb_box ul li .sitemap_box > ul{width:100%; margin-top:10px;}
.gnb_box ul li .sitemap_box > ul > li{float:none; width:100%; padding:0; border:none;}
.gnb_box ul li .sitemap_box > ul > li > a{display:block; padding:20px 0 20px 20px; margin-bottom:0; text-align:left; font-size:20px; font-weight:500; color:#fff; border-bottom:1px solid rgba(255,255,255,0.5);}
.gnb_box ul li .sitemap_box > ul > li > a::before{background:none;}
.gnb_box ul li .sitemap_box > ul > li > a::after{background:none;}


.gnb_box ul li .sitemap_box > ul > li > ul{display:none; margin-top:20px;}
.gnb_box ul li .sitemap_box > ul > li > ul > li{margin:0 20px; margin-bottom:10px;}
.gnb_box ul li .sitemap_box > ul > li > ul > li > a{display:block; position:relative; padding-left:15px; position:relative; text-align:left; color:#fff; font-size:15px; font-weight:400; overflow:hidden;}
.gnb_box ul li .sitemap_box > ul > li > ul > li > a::before{content:""; position:absolute; top:50%; left:0; width:5px; height:5px; border-radius:100%; background:#fff; transform:translateY(-50%;)}

.gnb_box .search_btn .search_group{top:81px;}
.gnb_box .search_btn .search_group .search_box{width:90%;}

.gnb_box ul li .sitemap_box > ul > li > ul > li > ul{display:none; padding:20px; background:rgba(255,255,255,0.5);}

.lnb{width:100%;}
.lnb h1{float:none; max-width:214px; margin:0 auto; text-align:center; padding:25px 0;}

.lnb ul{display:none;}

.weather{display:none;}



/*컨텐츠 시작*/
#container{width:100%; margin-top:89px;}
.slider_box{height:auto; overflow:visible;}

.slider_box .slider_box_roll{position:relative; height:395px;}
.slider_box .slider_box_roll .slide_txt{position:absolute; left:50%; top:80px; width:100%; transform:translateX(-50%); z-index:20;}
.slider_box .slider_box_roll .align_center{text-align:center;}
.slider_box .slider_box_roll .slide_txt p{padding:0 20px;}
.slider_box .slider_box_roll .slide_txt span{font-size:50px;}

.slider_box .slider_box_roll .slide_img img{width:100%; height:auto; min-width:1000px;}

.slider_box .slider_box_roll .arrow_btn {top:85%;}
.slider_box .slider_box_roll .arrow_btn a{left:20px;}
.slider_box .slider_box_roll .arrow_btn a.next_btn{left:80px;}



.notice{width:100%; max-width:1200px; margin:0 auto;}
.notice .notice_box{position:relative; left:auto; right:0; bottom:0; max-width:100%; height:340px; border-radius:0; padding:50px 20px; background:#3d505f;}
.notice .notice_box > ul{margin:0;}
.notice .notice_box > ul > li h2 a{font-size:20px;}
.notice .notice_box > ul > li > ul > li > a{font-size:15px;}
.notice .notice_box > ul > li > ul > li > span{font-size:15px;}



.banner_icon ul li{width:33.33%;}
.banner_icon ul li:nth-child(3)::before{background:none;}


/*보도자료*/
.layout_box01 .layout_zone01{padding:80px 20px;}
.layout_box01 .layout_zone01 .news{float:none; width:100%; max-width:inherit; margin:0 0 50px 0;}

.layout_box01 .layout_zone01 .news .new_conts dl dt{max-height:inherit;}
.layout_box01 .layout_zone01 .news .new_conts dl dt img{width:100%;}


/*팝업*/
.layout_box01 .layout_zone01 .popup_zone{float:none; width:100%; max-width:inherit;}
.layout_box01 .layout_zone01 .popup_zone ul{height:auto;}
.layout_box01 .layout_zone01 .popup_zone ul li{height:auto;}

/*소통 참여*/
.layout02{padding:80px 20px;}
.layout02 .layout02_box .layout02_box01{float:none; width:100%; max-width:inherit; margin-bottom:50px; overflow:hidden;}
.layout02 .layout02_box .layout02_box01 ul{margin:30px 0;}
.layout02 .layout02_box .layout02_box02{float:none; width:100%; max-width:inherit; margin-bottom:50px;}

/*견학 체육시설*/
.layout02_box02 .tab_title{margin-bottom:0; border-radius:10px 10px 0 0;}
.layout02_box02 .tab_conts{border-radius:0 0 10px 10px;}

/*홍보영상, 미세만지, 우수환경사업*/
.layout02_box03_cut{width:33.333%; margin:0; border-radius:0 10px 10px 0;}
.layout02_box03_cut a{height:320px;}
.layout02_box03_cut a h2{margin-top:125px; line-height:70px;}
.layout02_box03_cut a p{font-size:15px; padding:0 10px;}


.layout02_box03 .movie{border-radius:10px 0 0 10px; background-size:190%;}
.layout02_box03 .movie::before{border-radius:10px 0 0 10px;}
.layout02_box03 .movie::after{background:url("../images/layout02_box03_icon.png") center top 50px no-repeat; background-size:60px;}

.layout02_box03 .movie:hover{background-size:200%;}
.layout02_box03 .movie:hover::after{background:url("../images/layout02_box03_icon.png") center top 30px no-repeat; background-size:60px;}


.layout02_box03 .dust{background:url("../images/layout02_box04_bg.jpg") center no-repeat; background-size:250%;}
.layout02_box03 .dust::before{border-radius:0;}
.layout02_box03 .dust::after{background:url("../images/layout02_box04_icon.png") center top 40px no-repeat; background-size:80px;}

.layout02_box03 .dust:hover{background-size:300%;}
.layout02_box03 .dust:hover::after{background:url("../images/layout02_box04_icon.png") center top 20px no-repeat; background-size:80px;}


.layout02_box03 .Enterprise::before{background:url("../images/layout02_box05_icon.png") center top 30px no-repeat; background-size:70px;}

.layout02_box03 .Enterprise:hover::before{background:url("../images/layout02_box05_icon.png") center top 10px no-repeat; background-size:70px;}


/*인스타, 이북*/
.layout03{padding:80px 20px;}
.layout03_box .insta{float:none; width:100%; margin-bottom:50px; max-width:inherit;}
.layout03_box .insta h2{margin-bottom:35px; font-size:30px; color:#3d505f;}
.layout03_box .insta h2 span{color:#1398a1;}
.layout03_box .insta_box{width:100%; border:1px solid #ccc; background:#fff; border-radius:10px;}
.layout03_box .insta_box ul{display:table; width:100%;}
.layout03_box .insta_box ul li{display:table-cell; width:50%;}
.layout03_box .insta_box ul li:first-child a{border-left:0; border-radius:10px 0 0 10px;}
.layout03_box .insta_box ul li a{display:block; border-left:1px solid #ccc; border-radius:0 10px 10px 0; overflow:hidden;}

.layout03_box .insta_box ul li a p{position:relative; width:100%; max-width:inherit; height:263px; overflow:hidden;}
.layout03_box .insta_box ul li a p::before{content:""; position:absolute; bottom:0; right:20px; width:3px; height:10%; background:#fff;}
.layout03_box .insta_box ul li a p img{width:100%; max-width:inherit;}

.layout03_box .insta_box ul li a span.insta_txt{width:100%; max-width:inherit;}



.e_book{float:none; width:100%; max-width:inherit;}
.e_book h2::before{width:12%;}
.e_book h2::after{width:12%;}
/*.e_book h2 span{display:block;}*/

.book_box{position:relative; width:100%; max-width:inherit; padding:30px 30px 0 30px; border-radius:10px; border:1px solid #ccc;}

.book_box p a:hover{color:#1398a1;}


/*하단*/
#footer .banner{width:100%; padding:0 20px;}

#footer .banner .banner_box .banner_slide .slick-list{width:85%;}

#footer .foot{width:100%; padding:0 20px;}
#footer .foot .foot_box{width:100%; max-width:1200px; margin:0 auto;}
#footer .foot .foot_box ul.txt{display:inline-block; width:100%; padding:10px 0; text-align:center;}
#footer .foot .foot_box ul.txt li a{line-height:160%;}


#footer .foot .foot_box .family_site{position:relative; float:right; margin-top:14px;}
#footer .foot .foot_box .family_site p{position:relative; border:1px solid #ababab;}
#footer .foot .foot_box .family_site p::before{content:""; position:absolute; right:0; top:50%; width:100%; height:100%; background:url("../images/family_bg.png") right 10px center no-repeat; transform:translateY(-50%);}
#footer .foot .foot_box .family_site p a{position:relative; display:block; width:200px; padding:8px 10px; font-size:17px; font-weight:500; color:#ababab;}
#footer .foot .foot_box .family_site ul{display:none; position:absolute; top:-325px; right:0; padding:20px; width:600px; background:#fff; z-index:10; box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
#footer .foot .foot_box .family_site ul li {float:left; width:46%; margin:0 2%; padding:10px 0; border-bottom:1px solid #ccc;}
#footer .foot .foot_box .family_site ul li a{line-height:160%; font-size:17px; color:#555; transition:.3s;}
#footer .foot .foot_box .family_site ul li a:hover{color:#ffab00;}


#footer .foot_txt{position:relative; width:100%; max-width:1200px; margin:0 auto; padding:30px 0; overflow:hidden;}
#footer .foot_txt h1{margin-bottom:20px; width:100%; text-align:center;}
#footer .foot_txt p.txt{width:95%; text-align:center; font-size:15px;}
#footer .foot_txt p.qr{position:relative; right:0; top:20px; text-align:center; transform:inherit;}




}




@media screen and (max-width: 640px) {

#dg-topbanner-wrap{display:none !important;}


.gnb_box .search_btn{margin:25px 0 0 0;}
.gnb_box > ul{margin-top:25px;}

.lnb h1 img{width:80%;}


/*컨텐츠 시작*/
#container{width:100%; margin-top:81px;}
.slider_box{height:auto; overflow:visible;}

.slider_box .slider_box_roll{position:relative; height:292px;}
.slider_box .slider_box_roll .slide_txt{position:absolute; left:50%; top:50px; width:100%; transform:translateX(-50%); z-index:20;}
.slider_box .slider_box_roll .align_center{text-align:center;}
.slider_box .slider_box_roll .slide_txt p{padding:0 20px;}
.slider_box .slider_box_roll .slide_txt span{font-size:35px; text-shadow:2px 2px 0 rgba(0,0,0,0.3);}

.slider_box .slider_box_roll .slide_img img{width:100%; min-width:740px;}

.slider_box .slider_box_roll .arrow_btn {top:85%; left:50%; transform:translateX(-50%;);}
.slider_box .slider_box_roll .arrow_btn a{left:20px; width:40px; height:40px;}
.slider_box .slider_box_roll .arrow_btn a.next_btn{left:70px;}
.slider_box .slider_box_roll .arrow_btn a.prev_btn::before{top:15px; left:12px;}
.slider_box .slider_box_roll .arrow_btn a.prev_btn::after{top:23px; left:12px;}

.slider_box .slider_box_roll .arrow_btn a.next_btn::before{top:15px; left:15px;}
.slider_box .slider_box_roll .arrow_btn a.next_btn::after{top:23px; left:15px;}


.notice{width:100%; max-width:1200px; margin:0 auto;}
.notice .notice_box{position:relative; left:auto; right:0; bottom:0; max-width:100%; height:320px; border-radius:0; padding:50px 20px; background:#3d505f;}
.notice .notice_box > ul{margin:0;}
.notice .notice_box > ul > li h2 a{font-size:17px;}
.notice .notice_box > ul > li > ul > li > a{width:70%; font-size:14px;}
.notice .notice_box > ul > li > ul > li > span{font-size:14px;}


.banner_icon ul li a{font-size:14px; letter-spacing:-1px;}


/*보도자료*/
.layout_box01 .layout_zone01 .news h2 span{font-size:20px;}
.layout_box01 .layout_zone01 .news .new_btn{top:-80px;}

.layout_box01 .layout_zone01 .news .new_conts dl dt img{width:100%; height:110px;}
.layout_box01 .layout_zone01 .news .new_conts dl dd p{font-size:15px; word-break:inherit;}
.layout_box01 .layout_zone01 .news .new_conts dl dd span{font-size:13px;}

.layout_box01 .layout_zone01 .slick-slide{margin:0 5px;}

/*팝업*/
.layout_box01 .layout_zone01 .popup_zone h2{font-size:20px;}
.layout_box01 .layout_zone01 .popup_zone .popup_btn{top:6px;}

/*소통 참여*/
.layout02 .layout02_box .layout02_box01 h2{font-size:20px;}


/*견학 체육시설*/
.layout02_box02 .tab_title ul li a{font-size:20px;}
.layout02_box02 .tab_conts{min-height:450px;}
.layout02_box02 .tab_conts ul li{width:50%;}
.layout02_box02 .tab_conts ul li a{padding:15px 0; font-size:15px;}
.layout02_box02 .tab_conts ul li:nth-child(1) a{padding:30px 0 15px 0;}
.layout02_box02 .tab_conts ul li:nth-child(2) a{padding:30px 0 15px 0;}
.layout02_box02 .tab_conts ul li:nth-child(3) a{padding:15px 0 30px 0;}
.layout02_box02 .tab_conts ul li:nth-child(4) a{padding:15px 0 30px 0;}
.layout02_box02 .tab_conts ul:nth-child(2) li:nth-child(3) a{padding:15px 0 18px 0;}

.layout02_box02 .tab_title ul li.on span{ top:49px;   }

/*홍보영상, 미세만지, 우수환경사업*/
.layout02_box03_cut{float:none; width:100%; margin:0; border-radius:0 0 10px 10px;}
.layout02_box03_cut a{height:auto; padding:20px; text-align:left;}
.layout02_box03_cut a h2{margin-top:auto; margin-bottom:10px; line-height:140%; font-size:20px;}
.layout02_box03_cut a p{width:80%; font-size:15px; padding:0;}


.layout02_box03 .movie{border-radius:10px 10px 0 0; background:#333;}
.layout02_box03 .movie::before{border-radius:10px 10px 0 0;}
.layout02_box03 .movie::after{background:url("../images/layout02_box03_icon.png") right 20px bottom 20px no-repeat; background-size:40px;}

.layout02_box03 .movie:hover{background:#333;}
.layout02_box03 .movie:hover::after{background:url("../images/layout02_box03_icon.png") right 20px bottom 20px no-repeat; background-size:40px;}


.layout02_box03 .dust{background:#ffab02;}
.layout02_box03 .dust::before{border-radius:0;}
.layout02_box03 .dust::after{background:url("../images/layout02_box04_icon.png") right 20px bottom 20px no-repeat; background-size:50px;}

.layout02_box03 .dust:hover::after{background:url("../images/layout02_box04_icon.png") right 20px bottom 20px no-repeat; background-size:50px;}


.layout02_box03 .Enterprise::before{background:url("../images/layout02_box05_icon.png") right 20px bottom 20px no-repeat; background-size:40px;}

.layout02_box03 .Enterprise:hover::before{background:url("../images/layout02_box05_icon.png") right 20px bottom 20px no-repeat; background-size:40px;}



/*인스타 이북*/
.layout03_box .insta h2{margin-bottom:20px; font-size:20px;}
/*.layout03_box .insta h2 span{display:block;}*/
.layout03_box .sns_link{top:0;}
.layout03_box .insta_box ul{display:table; width:100%;}
.layout03_box .insta_box ul li{display:block; width:100%;}
.layout03_box .insta_box ul li:first-child a{border-radius:10px 10px 0 0;}
.layout03_box .insta_box ul li a{border-left:none; border-radius:0 0 10px 10px;}

.layout03_box .insta_box ul li a p{height:auto; padding:30% 0;}
.layout03_box .insta_box ul li a p img{width:100%; height:auto !important; max-width:640px;}

.layout03_box .insta_box ul li a span.insta_txt{height:auto; padding:80px 20px 50px 20px;}



.e_book h2{position:relative; margin-bottom:20px; text-align:center; font-size:20px; color:#3d505f;}
.e_book h2::before{width:20%;}
.e_book h2::after{width:20%;}


.book_box{min-height:auto;}
.book_box a span{font-size:15px; word-break:keep-all;}
.book_box p{position:relative;}
.book_box p a{padding:37px 0 22px 0; font-size:17px;}


/*하단*/
#footer .banner{width:100%; padding:0 20px;}

#footer .banner .banner_box .banner_slide .slick-list{width:75%;}

#footer .foot{width:100%; padding:0 20px;}
#footer .foot .foot_box{width:100%; max-width:1200px; margin:0 auto;}
#footer .foot .foot_box ul.txt{display:inline-block; width:100%; padding:10px 0; text-align:center;}
#footer .foot .foot_box ul.txt li a{line-height:160%;}


#footer .foot .foot_box .family_site{position:relative; float:right; width:100%; margin-top:14px;}
#footer .foot .foot_box .family_site p{position:relative; border:1px solid #ababab;}
#footer .foot .foot_box .family_site p::before{content:""; position:absolute; right:0; top:50%; width:100%; height:100%; background:url("../images/family_bg.png") right 10px center no-repeat; transform:translateY(-50%);}
#footer .foot .foot_box .family_site p a{width:100%;}
#footer .foot .foot_box .family_site ul{display:none; position:absolute; top:-286px; right:0; padding:20px; width:100%; background:#fff; z-index:10; box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
#footer .foot .foot_box .family_site ul li {float:left; width:46%; margin:0 2%; padding:10px 0; border-bottom:1px solid #ccc;}
#footer .foot .foot_box .family_site ul li a{line-height:160%; font-size:13px; color:#555; transition:.3s;}
#footer .foot .foot_box .family_site ul li a:hover{color:#ffab00;}


#footer .foot_txt{position:relative; width:100%; max-width:1200px; margin:0 auto; padding:30px 0; overflow:hidden;}
#footer .foot_txt h1{margin-bottom:20px; width:100%; text-align:center;}
#footer .foot_txt p.txt{width:100%; text-align:center; font-size:12px;}
#footer .foot_txt p.qr{position:relative; right:0; top:20px; text-align:center; transform:inherit;}





}