@charset "utf-8";

body {min-width: 1260px;}

.wrap {
    overflow-x: hidden;
}

/* header */
.header {position: relative; height: 90px; /* border-bottom: 1px solid #c9c9c9; */}
    .header > .inner {position: relative; width: 1260px; margin: 0 auto; height: 90px;}

    /* 로고 */
    .logo {position: absolute; left: -280px; top: 33px; z-index: 4;}
    .logo a {display: block; width: 338px; height: 33px; font-size: 0; background: url(../images/logo.png) no-repeat; background-size: contain;}

    /* Top 메뉴 */
    .top_menu {position: absolute; right: -280px; width: 280px; top: 13px; font-size: 0; text-align: right;}
    .top_menu li {display: inline-block; margin-right: 20px;}
    .top_menu li:last-child {margin-right: 0;}
    .top_menu li::before {content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 6px; background: #198ad9; vertical-align: 3px;}
    .top_menu li a {color: #454545; font-size: 14px;}

    /* 헤더 우측 메뉴 */
    .header > .inner > .right {z-index: 3; position: absolute; right: -280px; top: 28px; width: 280px; font-size: 0; text-align: right;}
    /*
    .header > .inner > .right button {margin-left: 17px;}
    .header > .inner > .right button:first-child {margin-left: 0;}
	.header > .inner > .right a{font-size: 16px; color: #222; display: inline-block; text-align: center; border: 1px solid #198ad9; border-radius: 50px; padding: 6px 20px;}
	.header > .inner > .right a.txt_white{color:#fff; border:1px solid #fff;}
	*/
	.header > .inner > .right > div {position: relative; margin-left: 25px; height:100%; float:right; } /* display: flex;   justify-content: center;  align-items: center;*/
	.header > .inner > .right > div > a, .header > .inner > .right > div > button {font-size: 12px; font-weight: 400; display: block; padding-left: 20px; color: #666;}
	.header > .inner > .right > div > button {padding-right: 20px;}
	.header > .inner > .right > div.lang_select {width: 80px; position:relative; top:4px;}
	.header > .inner > .right > div.lang_select > .btn_lang {    background-color:transparent;    color : #198AD9;    padding-left:2px;    }
	.header > .inner > .right > div.lang_select > button:after {content: ""; background:url(/statics/home/images/bg_lang_b.png) no-repeat 0 0; position: absolute; top: 6px; left: 0; width: 13px; height: 9px;background-position: right 2px;    left: auto;    right: 0;}
	.header > .inner > .right > div.lang_select > .btn_lang_m {    background-color:transparent;    color : #fff;    padding-left:2px;    }
	.header > .inner > .right > div.lang_select > .btn_lang_m:after {content: ""; background:url(/statics/home/images/bg_lang_w.png) no-repeat 0 0; position: absolute; top: 6px; left: 0; width: 13px; height: 9px; background-position: right 2px;    left: auto;    right: 0;}
	.header > .inner > .right > div.lang_select ul {display: none; position: absolute; top: 22px; border: 1px solid #999; background-color: #FFF; width: 100%;	box-sizing: border-box; text-align:left;}
	.header > .inner > .right > div.lang_select ul li {}
	.header > .inner > .right > div.lang_select ul li:hover {    background-color: #e8e9eb;}
	.header > .inner > .right > div.lang_select ul li a {   color: #333;    display: block;    padding: 2px 7px;    font-size: 14px;    font-weight: 350;}
	.header > .inner > .right > div.sitemap_img {width: 40px;}
    
    /* 전체검색 */
    .total_search {z-index: 2; display: none; position: absolute; left: 0; top: 120px; width: 100%; background: #eee; border-bottom: 1px solid #c9c9c9; }
    .total_search > .inner {width: 684px; margin: 0 auto; padding: 40px 0 39px 0; text-align: center;}
    .total_search .search_bar {font-size: 0;}
    .total_search .search_bar > * {display: inline-block; vertical-align: top;}
    .total_search .search_bar label {width: 84px; height: 50px; padding-right: 18px; color: #393939; font-size: 18px; line-height: 50px;}
    .total_search .bar {position: relative; width: 600px;}
    .total_search .bar input[type=text] {width: 100%; height: 50px; padding: 0 40px 0 17px; border: 1px solid #bbb; border-radius: 9px; font-size: 22px;}
    .total_search .bar button {display: block; position: absolute; right: 10px; top: 14px; width: 22px; height: 24px; font-size: 0; text-indent: -9999px;; background: url(../images/icon/ico_sch_b22x24.png) no-repeat;}
    .total_search .favorite {padding-top: 13px; text-align: right; font-size: 0;}
    .total_search .favorite > * {display: inline-block; font-size: 0; vertical-align: top;}
    .total_search .favorite .txt {width: calc(100% - 59px); padding-left: 74px; text-align: left; overflow: hidden; white-space: nowrap;}
    .total_search .favorite .txt span {display: inline-block; margin-left: 10px; font-size: 0;}
    .total_search .favorite .txt span::before {content: ""; display: inline-block; width: 1px; height: 13px; background: #bbb; vertical-align: top;}
    .total_search .favorite .txt span:first-child::before {content: none;}
    .total_search .favorite .txt span a {display: inline-block; max-width: 100px; margin-left: 10px; color: #454545; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

    .total_search .favorite .btns {position: relative; width: 59px; font-size: 0;}
    .total_search .favorite .btns::before {content: ""; display: block; position: absolute; left: 50%; top: 1px; transform: translateX(-50%); width: 1px; height: 13px; background: #bbb;}
    .total_search .favorite .btns > button {display: inline-block; width: 29px; height: 14px;}
    .total_search .favorite .btns .prev {background: url(../images/icon/ico_arrow_left7x11.png) no-repeat center;}
    .total_search .favorite .btns .next {background: url(../images/icon/ico_arrow_right7x11.png) no-repeat center;}

    /* 주메뉴 */
    .gnb {position: relative; z-index: 3;}
    .gnb > ul {height: 90px; padding: 35px 0 0 350px; font-size: 0; text-align: center;}
    .gnb > ul > li {display: inline-block; position: relative; margin: 0 35px;}
    /*
	.gnb > ul > li:first-child {margin-left: 0;}
    .gnb > ul > li:last-child {margin-right: 0;}
	*/
    .gnb > ul > li > a {display: inline-block; position: relative; color: #222; font-size: 20px; font-weight: 700; letter-spacing: -1px;}
    .gnb > ul > li > a:hover::after {content: ""; display: block; position: absolute; left: 50%; top: 48px; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 50%; background: #198ad9; border: 2px solid #fff;}
    .gnb > ul > li > a.on::after {content: ""; display: block; position: absolute; z-index: -1; left: 50%; top: 48px; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 50%; background: #198ad9; border: 2px solid #fff;}
    .gnb > ul > li > ul {display: none; position: absolute; left: -50px;; top: 55px; width: 200px; height: 320px; padding-top: 18px; text-align: center;}
    /*
	.gnb > ul > li:last-child > ul {width: 120px;}
	.gnb > ul > li.rootItem_32 > ul {left: -35%;}
	*/
    .gnb > ul > li.rootItem_4 > ul {left:-40px;}
	.gnb > ul > li.rootItem_2 > ul {left: -45px; width:140px;}
	.gnb > ul > li.rootItem_5 > ul {left: -45px; width:120px;}
    .gnb > ul > li > ul > li {margin-top: 20px;}
    .gnb > ul > li > ul > li > a,
    .gnb > ul > li > ul > li > span {color: #fff; font-size: 16px; letter-spacing: -1px;}
    .gnb > ul > li > ul > li > a.on {font-weight: 700;}
    .gnb > ul > li > ul > li > a.new_window {display: inline-block; padding-right: 15px; background: url(../images/icon/ico_new_window.png) no-repeat right 5px;}
    .gnb > ul > li > ul > li > a:hover {text-decoration: underline;}
    .gnb > ul > li > ul > li > ul > li {margin-top: 5px;}
    .gnb > ul > li > ul > li > ul > li > a {color: #666; font-size: 12px;}
    .gnb > ul > li > ul > li > ul > li > a:hover {color: #222; text-decoration: underline;}
    .gnb > ul > li > ul > li > ul > li > a.on {font-weight: bold;}
    .gnb > ul > li > ul > li > ul > li > a.new_window {display: inline-block; padding-right: 15px; background: url(../images/icon/ico_new_window.png) no-repeat right 5px;}

    /* Gnb 바닥 */
    .header.on::before {content: ""; z-index: 3; display: block; position: absolute; left: 0; top: 90px; width: 100%; height: 320px; /* border-bottom: 1px solid #ddd; */ background: #198ad9;}
    .gnb_body_bg {opacity:0.5;visibility:visible;position:fixed;top:90px;right:0px;bottom:0px;left:0px;z-index:2;background-color:black;display: none}
    .gnb_body_bg.on {display: block}


    /* 메인화면 헤더 : 서브메뉴 열릴때 */
    .main_p .gnb > ul > li > a.on::after {background: #fff;}

    .main_p .header.on {background: #fff;}
    .main_p .header.on .logo a {background: url(../images/logo.png) no-repeat; background-size: contain;}
    .main_p .header.on .top_menu li::before {background: #198ad9;}
    .main_p .header.on .top_menu li a {color: #454545;}
    .main_p .header.on .gnb > ul > li > a {color: #222;}
    .main_p .header.on .gnb > ul > li > a:hover::after {background: #198ad9;}
    

    /* 사이트맵 */
    .sitemap {z-index: 4; display: none; position: absolute; left: 0; top: 0; width: 100%; background: #198ad9;}
    .sitemap > .inner {position: relative; width: 1260px; margin: 0 auto;}
    .sitemap > .inner .head {position: relative; padding: 25px 0 32px 0;}
    .sitemap > .inner .head h1 {display: block; width: 170px;}
    .sitemap > .inner .head h1 a {display: block; height: 0px; font-size: 0; /* background: url(../images/logo_sitemap.png) no-repeat; */}
    .sitemap > .inner .close {display: block; position: absolute; right: 10px; top: 18px; height: 20px; padding-right: 39px; color: #fff; font-size: 20px; line-height: 25px; background: url(../images/icon/ico_close_sitemap_web.png) no-repeat right center;text-indent: -99999px;}

    .sitemap > .inner .sub {display: table; width: 100%; padding: 0 0 50px 0; text-align: left;}
    .sitemap > .inner .sub > div {display: table-cell; padding-left: 50px; border-right: 1px solid #4da2dd; font-size: 20px;}
    .sitemap > .inner .sub > div:nth-child(1),
    .sitemap > .inner .sub > div:nth-child(3) {width: 415px;}
    .sitemap > .inner .sub > div:nth-child(2) {width: auto;}
    .sitemap > .inner .sub > div:last-child {border-right: 0;}
    .sitemap > .inner .sub > div h2 {position: relative; margin-top: 60px; padding-bottom: 28px;}
    .sitemap > .inner .sub > div h2::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #fff;}
    .sitemap > .inner .sub > div h2:first-child {margin-top: 0;}
    .sitemap > .inner .sub > div h2 > a {color: #fff; font-size: 24px; font-weight: 700; pointer-events: none;}
    .sitemap > .inner .sub > div > ul.on { display: block }
    .sitemap > .inner .sub > div > ul > li {position: relative; margin-top: 22px; padding-left: 20px;}
    .sitemap > .inner .sub > div > ul > li::before {content: ""; display: block; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: #198ad9;}
    .sitemap > .inner .sub > div > ul > li > a {color: #fff; font-size: 18px; font-weight: 700;}
    .sitemap > .inner .sub > div > ul > li > a:hover {text-decoration: underline;}
    .sitemap > .inner .sub > div > ul > li > ul > li {position: relative; margin-top: 8px; padding-left: 14px;}
    .sitemap > .inner .sub > div > ul > li > ul > li::before {content: ""; display: block; position: absolute; left: 0; top: 11px; /* width: 6px; height: 1px; border-radius: 50%; background: #e0e7f0; */}
    .sitemap > .inner .sub > div > ul > li > ul > li > a {color: #fff; font-size: 16px;}
    .sitemap > .inner .sub > div > ul > li > ul > li > a:hover {text-decoration: underline;}

    .sitemap > .inner .sub > div > ul > li > ul > li > a.new_window {display: inline-block; position: relative;}
    .sitemap > .inner .sub > div > ul > li > ul > li > a.new_window::after {content: ""; display: block; position: absolute; right: -15px; top: 8px; width: 10px; height: 10px; background: url(../images/icon/ico_new_window_W.png) no-repeat;}
    
    .sitemap > .inner .sub > div > ul > li > a.new_window {display: inline-block; position: relative;}
    .sitemap > .inner .sub > div > ul > li > a.new_window::after {content: ""; display: block; position: absolute; right: -15px; top: 5px; width: 10px; height: 10px; background: url(../images/icon/ico_new_window_W.png) no-repeat;}
    .sitemap > .inner .footer {position: relative; padding: 25px 0 32px 0; display : none;}

    /* 메인화면 */
    .main_p.bg1 {background: url(../images/bg_main01.png) no-repeat center top;}
    .main_p.bg2 {background: url(../images/bg_main01.png) no-repeat center top;}

    .main_p .logo a {background: url(../images/logo_white.png) no-repeat;}
    .main_p .header {border-bottom: 0;}
    .main_p .gnb > ul > li > a {color: #fff;}
    .main_p .gnb > ul > li > a:hover::after {background: #fff;}
    .main_p .top_menu li::before {background: #fff;}
    .main_p .top_menu li a {color: #fff;}
    .main_p .btn_search_all {background: url(../images/icon/ico_sch_w.png) no-repeat; background-size: contain;}
    .main_p .btn_sitemap {background: url(../images/icon/ico_sitemap_w.png) no-repeat; background-size: contain;}
    .main_p .contents_wrap {padding-bottom: 0;}

    .visual_area {position: relative; height: 720px; /* height: 360px; */}
    .visual_area .text_area, .visual_area .text_area a {height: 720px; /*height: 360px; */ color: #fff; text-align: center;}
    .visual_area .text_area.item1 {background: url(../images/bg_main01_in.png) no-repeat 70% 0;}
    .visual_area .text_area.item2 {background: url(../images/bg_main02_in.png) no-repeat 70% 0;}
      
    .visual_area .text_area p {padding-top: 200px; max-width: 1260px; margin: 0 auto; text-align: left;}
    .visual_area .text_area p.v_text {padding-top: 150px; max-width: 1260px; margin: 0 auto; text-align: left;}
    .visual_area .text_area p span {display: block;}
    .visual_area .text_area p .txt1 {font-size: 60px; margin-top: 15px;}
    .visual_area .text_area p .txt2 {margin-top: 15px; font-size: 18px; /* background: url(../images/main_visual_txt1.png) no-repeat center top;*/ max-width:45%;line-height:1.4;}
    .visual_area .text_area p .txt3 {font-size: 32px; line-height: 1.2;}
	.visual_area .text_area p .txt3.mw50p{max-width:50%;}	
    .visual_area .text_area p .txt4 {margin-top: 15px; font-size: 16px; max-width:50%; line-height:1.4}
    .visual_area .navigation {position: absolute; left: 0; bottom: 50px; width: 100%; font-size: 0; text-align: center;}
    .visual_area .navigation > * {display: inline-block; vertical-align: top;}
    .visual_area .navigation > ul li {display: inline-block; width: 16px; height: 16px; margin-right: 10px; border: 3px solid #fff; border-radius: 50%; vertical-align: top;}
    .visual_area .navigation > ul li.on {width: 60px; border: 0; border-radius: 8px; background: #fff;}
    .visual_area .navigation > ul li:last-child {margin-right: 18px;}
    .visual_area .navigation button {width: 16px; height: 16px;}
    .visual_area .navigation .pause {background: url(../images/icon/ico_pause.png) no-repeat center;}
    .visual_area .navigation .play {display: none; background: url(../images/icon/ico_play.png) no-repeat center;}
    .visual_area .navigation .count {height: 16px; margin-left: 7px; color: #fff; font-size: 16px; line-height: 16px;}
    .visual_area .navigation .count > span {display: inline-block; height: 16px;}
    .visual_area .auto_controll {position: absolute; right: -65px; bottom: 10px; z-index: 11; width:100%; text-align:center;}
    .visual_area .auto_controll > button {width: 16px; height: 16px;}
    .visual_area .auto_controll .pause {background: url(../images/icon/ico_pause.png) no-repeat center;}
    .visual_area .auto_controll .play {display: none; background: url(../images/icon/ico_play.png) no-repeat center;}
	.visual_area .btn_greeting{padding-top: 40px; max-width: 1260px; margin: 0 auto; text-align: left;}
	.visual_area .btn_greeting a.greeting_more{width:120px; padding:10px 20px; display:block; font-size:14px; text-align:center; border:1px solid #fff; height:40px;}


	.quick{max-width: 1260px; margin: 0 auto; height:150px; background: #fff; border-radius:75px;filter: drop-shadow(1px 2px 2px #c1c1c1);}
	.quick .quick_btn {width:50%; text-align:center; height: 150px; float:left;}
	.quick .quick_btn a{width:25%; float:left;}
	.quick .quick_btn a{display:block; padding-top:98px; color:#333; font-size:18px; background: url(../images/quick_icon01.png) no-repeat center; background-size:50px auto;}
	.quick .quick_btn a.quick02{background: url(../images/quick_icon02.png) no-repeat center;}
	.quick .quick_btn a.quick03{background: url(../images/quick_icon03.png) no-repeat center;}
	.quick .quick_btn a.quick04{background: url(../images/quick_icon04.png) no-repeat center;}
	.quick .quick_btn a.quick05{background: url(../images/quick_icon05.png) no-repeat center;}
	.quick .quick_btn a.quick06{background: url(../images/quick_icon06.png) no-repeat center;}
	.quick .quick_btn a.quick07{background: url(../images/quick_icon07.png) no-repeat center;}
	.quick .quick_btn a.quick08{background: url(../images/quick_icon08.png) no-repeat center;}

	.banner {max-width: 1260px; margin: 0 auto; height: 250px; padding: 50px 40px; background: #fff;}
	.banner .banner_btn {width:50%; text-align:left; float:left; height:150px;padding:0 20px;}
	.banner .banner_btn a{color: #222; font-size: 32px; font-weight: 700; width: 100%; display: block; line-height: 1.4; margin-top:20px; letter-spacing:-1px;}
	.banner .banner_btn span{width: 100%; display: block; font-size: 16px; color:#666;}
	.banner .banner_btn a.btn_detail{color:#555; font-size:14px;}
	.banner01{background: url(../images/banner_icon01.png) no-repeat 95% center;}
	.banner02{background: url(../images/banner_icon02.png) no-repeat 95% center;}
	.banner .banner_btn a.btn_detail:after{content: ""; display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: url(../images/icon_btn_detail.png) no-repeat center 1px;}

	.movie {width: 100%; margin: 0 auto; height: 700px; padding: 50px 0; background: #9ac946 url(../images/bg_main_movie.png) no-repeat center;background-size:cover;position: relative;}
	.movie .movie_title {background: url(../images/bg_title_co.png) no-repeat center 50px; font-size: 34px; height: 70px; margin-bottom: 15px; text-align: center; color: #fff;}
	.movie .movie_wrap{width:850px; margin:30px auto; overflow:hidden;}
	.movie #player1{position:relative;}
    .movie iframe{position: relative;}
	.movie .movie_wrap .thumbnail.thumbnail02{background: url(../images/movie_thumbnail02.png) no-repeat center; background-size:cover;}
	.movie .movie_wrap .thumbnail.thumbnail03{background: url(../images/movie_thumbnail03.png) no-repeat center; background-size:cover;}
	.movie .movie_wrap .thumbnail{width:100%; display:block; height:465px;}
	.movie_control {position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10;bottom: 50px; left: 0; width: 100%;}
	.movie_control span	{cursor:pointer; width: 10px; height: 10px; border: 2px solid #fff; background: transparent; opacity: 1; display:inline-block; border-radius:5px; margin:0 2px;}
	.movie_control .acrive {width: 40px; border: 0; border-radius: 5px; background: #fff;}
    .movie_wrap .auto_controll {position: absolute; bottom: 10px; left: 505px; z-index: 100; text-align:center; display: none}
    .movie_wrap .auto_controll > button {width: 16px; height: 16px;}
    .movie_wrap .auto_controll .pause {background: url(../images/icon/ico_pause.png) no-repeat center;}
    .movie_wrap .auto_controll .play {display: none; background: url(../images/icon/ico_play.png) no-repeat center;}
	.movie .swiper-container{width: 100%; height: 448px; border-radius: 20px;}


    .notice_pds {width: 1260px; height: 500px; margin: 0 auto; background: #fff; padding:80px 0;}
    .notice_pds .top ul {padding-top: 70px; text-align: center; font-size: 0;}
    .notice_pds .top ul li {display: inline-block; margin-right: 60px;}
    .notice_pds .top ul li:last-child {margin-right: 0;}
    .notice_pds .top ul li > a {display: block; position: relative; color: #333; font-size: 36px; font-weight: 700; line-height: 35px;}
    .notice_pds .top ul li > a.on::before {content: ""; display: block; position: absolute; left: 50%; top: -20px; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background: #198ad9;}
    .notice_pds .bot {position: relative; margin-top: 44px;}
    .notice_pds .bot > div {display: none;}
    .notice_pds .bot > div:first-child {display: block;}
    .notice_pds .bot > div ul::after {content: ""; display: block; clear: both;}
    .notice_pds .bot > div ul li {float: left; width: 290px; margin-right: 27px;}
    .notice_pds .bot > div ul li:nth-child(3) {margin-right: 26px;}
    .notice_pds .bot > div ul li:last-child {margin-right: 0;}
    .notice_pds .bot > div ul li a {display: block; position: relative; height: 300px; padding: 44px 30px 0 30px; border: 1px solid #b7b7b7;}
    .notice_pds .bot > div ul li a.new {border-color: #198ad9; box-shadow: 6px 6px 5px #d4d4d4;}
    .notice_pds .bot > div ul li a.new::before {content: ""; display: block; position: absolute; left: 30px; top: -11px; width: 40px; height: 40px; background: #198ad9 url(../images/icon/ico_new_main.png) no-repeat center;}
    .notice_pds .bot > div ul li a > span {display: block; word-break: break-all;}
    .notice_pds .bot > div ul li a .title {height: 90px; color: #333; font-size: 24px; font-weight: 700; line-height: 30px; overflow: hidden;}
    .notice_pds .bot > div ul li a .desc {height: 75px; margin-top: 11px; color: #333; font-size: 18px; line-height: 24px; overflow: hidden;}
    .notice_pds .bot > div ul li a .dates {margin-top: 20px; color: #666; font-size: 16px;}
    .notice_pds .bot .btn_more {position: absolute; right: 0; top: -79px;}

	/*
	.notice_pds .main_board {position: relative; margin-top: 44px;}
    .notice_pds .main_board > div {display: none;}
    .notice_pds .main_board > div:first-child {display: block;}
    .notice_pds .main_board > div ul::after {content: ""; display: block; clear: both;}
    .notice_pds .main_board > div ul li {float: left; width: 23%; margin-right: 2.5%;}
    .notice_pds .main_board > div ul li:last-child {margin-right: 0;}
    .notice_pds .main_board > div ul li a {display: block; position: relative; height: 150px; padding: 25px; background:#198ad9;color:#fff;}
	.notice_pds .main_board > div ul li a.top{border-radius:25px 25px 0 0; border:1px solid #198ad9;}
	.notice_pds .main_board > div ul li a.top.ntt2{background:#22b4c5;  border:1px solid #22b4c5;}
	.notice_pds .main_board > div ul li a.top.ntt3{background:#1bc48a;  border:1px solid #1bc48a;}
	.notice_pds .main_board > div ul li a.bottom{border-radius: 0 0 25px 25px; border:1px solid #ddd; height: 50px; padding:15px 25px 0; background: #fff; color: #333; position:relative;}
    .notice_pds .main_board > div ul li a > span {display: block; word-break: break-all;}
	.notice_pds .main_board > div ul li a.bottom > span{display: inline-block; width:48%; word-break:normal;}
    .notice_pds .main_board > div ul li a .title {font-size: 20px; font-weight: 700; line-height: 25px; overflow: hidden; margin-top:20px; height:50px;}
    .notice_pds .main_board > div ul li a .group {font-size: 16px; line-height: 22px; overflow: hidden;}
    .notice_pds .main_board > div ul li a .dates {color: #777; font-size: 13px;}
    .notice_pds .main_board > div ul li a .more {color: #333; font-size: 14px; text-align:right;}
    .notice_pds .main_board > div ul li a .more::after {content: ""; display: block; position: absolute; right: 14px; top: 18px; width: 12px; height: 12px; background: url(../images/btn_notice_more.png) no-repeat center;}
	*/

	.notice_pds .main_board {position: relative; margin-top: 40px;padding-right:10%;}
    .notice_pds .main_board > div {display: none;}
    .notice_pds .main_board > div:first-child {display: block;}
    .notice_pds .main_board > div ul::after {content: ""; display: block; clear: both;}
    .notice_pds .main_board > div ul li {width: 100%;}
    .notice_pds .main_board > div ul li a {display: block; position: relative; padding: 10px 0; width:100%; line-height:55px; height:55px;}
    .notice_pds .main_board > div ul li a .notice{display: inline-block; font-size:18px; color:#555; text-align:left; width:80%;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
    .notice_pds .main_board > div ul li a .date{display: inline-block; font-size:15px; color:#888; text-align:right; width:20%;overflow:hidden;}
    .notice_pds .main_board > div ul li span.empty {display: block; position: relative; padding: 10px 0; width:100%; line-height:55px; height:55px; display: inline-block; font-size:20px; color:#555; text-align:center; width:80%;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;    }
    .notice_pds .main_board > div ul li a.top{border-radius:25px 25px 0 0; border:1px solid #198ad9;}
	.notice_pds .main_board > div ul li a.top.ntt2{background:#22b4c5;  border:1px solid #22b4c5;}
	.notice_pds .main_board > div ul li a.top.ntt3{background:#1bc48a;  border:1px solid #1bc48a;}
	.notice_pds .main_board > div ul li a.bottom{border-radius: 0 0 25px 25px; border:1px solid #ddd; height: 50px; padding:15px 25px 0; background: #fff; color: #333; position:relative;}
	.notice_pds .main_board > div ul li a.bottom > span{display: inline-block; width:48%; word-break:normal;}
    

    .faq_qna {height: 500px; background: #e8f0fb url(../images/bg_mainbox3.png) no-repeat center top;}
    .faq_qna .inner {position: relative; width: 1260px; margin: 0 auto; padding-left: 160px;}
    .faq_qna .inner .tab_list {position: absolute; left: 0; top: 20px;}
    .faq_qna .inner .tab_list li {margin-top: 20px;}
    .faq_qna .inner .tab_list li a {display: block; width: 160px; height: 70px; border-bottom: 1px solid #b5bcc6; color: #333; font-size: 22px; font-weight: 700; line-height: 70px;}
    .faq_qna .inner .tab_list li a.on {width: 190px; border-bottom: 0; color: #fff; text-align: center; background: #198ad9; box-shadow: 7px 8px 6px #dadada;}

    .faq_qna .tab_item {display: none; height: 430px; padding: 0 80px; background: #fff;}
    .faq_qna .tab_item:first-child {display: block;}
    .faq_qna .tab_item .top {position: relative; padding: 47px 0 25px 0; border-bottom: 2px solid #333;}
    .faq_qna .tab_item .top h2 {color: #333; font-size: 30px; font-weight: 700;}
    /*
    .faq_qna .tab_item .top .more {display: block; position: absolute; right: 0; top: 52px; width: 24px; height: 24px; background: url(../images/icon/ico_more.png) no-repeat; background-size: contain;}
    */
    .faq_qna .tab_item .more {position: absolute;right: 80px;top: 52px;width: 24px; height: 24px;background: url(../images/icon/ico_more.png) no-repeat; background-size: contain;}
    .faq_qna .tab_item .list > div {display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #b5bcc6; font-family: 'Notosans', sans-serif;}
    .faq_qna .tab_item .list > div:last-child {border-bottom: 0;}
    .faq_qna .tab_item .list > div > span {display: table-cell; height: 70px; vertical-align: middle;}
    .faq_qna .tab_item .list > div > span:nth-child(1) {width: 130px;}
    .faq_qna .tab_item .list > div > span:nth-child(2) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .faq_qna .tab_item .list > div > span:nth-child(2) a {color: #333; font-size: 20px;}
    .faq_qna .tab_item .list > div > span:nth-child(2) a:hover {text-decoration: underline;}
    .faq_qna .tab_item .list > div > span:nth-child(3) {width: 110px; text-align: right;}
    .faq_qna .tab_item .list > div .lb {display: inline-block; width: 110px; height: 30px; border-radius: 15px; color: #fff; font-size: 16px; line-height: 30px; text-align: center; letter-spacing: -2px;}
    .faq_qna .tab_item .list > div .lb.green {background: #008920;}
    .faq_qna .tab_item .list > div .lb.blue {background: #005982;}

	.down_guide .inner {width: 1260px; margin: 0 auto; padding: 67px 0 70px 0;}
    .down_guide .inner h2 {color: #000; font-size: 36px; font-weight: 700; text-align: center;}
    .down_guide .inner .txt_top {margin-top: 14px; color: #666; font-size: 18px; text-align: center;}
    .down_guide .inner > ul {margin-top: 47px;}
    .down_guide .inner > ul::after {content: ""; display: block; clear: both;}
    .down_guide .inner > ul > li {float: left; width: 295px; height: 460px; margin-right: 20px; text-align: center; background: #004cb5;}
    .down_guide .inner > ul > li:nth-child(2n) {background: #196cde;}
    .down_guide .inner > ul > li:last-child {margin-right: 0;}
    .down_guide .inner > ul > li > span {display: block; color: #fff;}
    .down_guide .inner > ul > li > span.tit {padding-top: 188px; font-size: 30px; font-weight: 700;}
    .down_guide .inner > ul > li:nth-child(1) > span.tit {background: url(../images/icon/ico_dn_guide01.png) no-repeat center 50px;}
    .down_guide .inner > ul > li:nth-child(2) > span.tit {background: url(../images/icon/ico_dn_guide02.png) no-repeat center 50px;}
    .down_guide .inner > ul > li:nth-child(3) > span.tit {background: url(../images/icon/ico_dn_guide03.png) no-repeat center 50px;}
    .down_guide .inner > ul > li:nth-child(4) > span.tit {background: url(../images/icon/ico_dn_guide04.png) no-repeat center 50px;}
    .down_guide .inner > ul > li > span.txt {margin-top: 12px; font-size: 20px; line-height: 24px;}
    .down_guide .inner > ul > li > div {margin-top: 17px;}
    .down_guide .inner > ul > li a {width: 200px; height: 50px; line-height: 48px; margin-top: 10px; border: 1px solid #b3cae9; border-radius: 4px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 26px; background: transparent;}
    .down_guide .inner > ul > li:nth-child(2n) a {border-color: #bad3f5;}
    .down_guide .inner > ul > li a:hover {color: #004cb5; background: #fff;}
    .down_guide .inner > ul > li:nth-child(2n) a:hover {color: #196cde; background: #fff;}

    .support_serv {background: #eee;}
    .support_serv .inner {width: 1260px; margin: 0 auto; padding: 67px 0 70px 0;}
    .support_serv .inner h2 {color: #000; font-size: 36px; font-weight: 700; text-align: center;}
    .support_serv .inner .txt_top {margin-top: 13px; color: #666; font-size: 18px; line-height: 22px; text-align: center;}
    .support_serv .inner > ul {margin-top: 47px; color: #fff;}
    .support_serv .inner > ul::after {content: ""; display: block; clear: both;}
    .support_serv .inner > ul > li {float: left; width: 400px; height: 280px; margin-right: 20px; text-align: center;}
    .support_serv .inner > ul > li:nth-child(1) {background: url(../images/bg_main_support_li01.png) no-repeat; background-size: cover;}
    .support_serv .inner > ul > li:nth-child(2) {background: url(../images/bg_main_support_li02.png) no-repeat; background-size: cover;}
    .support_serv .inner > ul > li:nth-child(3) {background: url(../images/bg_main_support_li03.png) no-repeat; background-size: cover;}
    .support_serv .inner > ul > li:last-child {margin-right: 0;}
    .support_serv .inner > ul > li > span {display: block;}
    .support_serv .inner > ul > li .txt01 {padding-top: 67px; color: #fff; font-size: 30px;}
    .support_serv .inner > ul > li .txt02 {margin-top: 14px; font-size: 20px; line-height: 24px;}
    .support_serv .inner > ul > li > div {margin-top: 37px;}
    .support_serv .inner > ul > li a {width: 160px; height: 50px; line-height: 48px; margin-right: 6px; border: 1px solid #9d9ca3; border-radius: 5px; color: #fff; font-family: 'Oswald', sans-serif; font-size: 16px; background: transparent;}
    .support_serv .inner > ul > li a:last-child {margin-right: 0;}
    .support_serv .inner > ul > li a:hover {border-color: #fff; color: #004cb5; font-weight: 700; background: #fff;}
    .support_serv .inner .banner {display: block; position: relative; height: 140px; margin-top: 20px; color: #fff; font-size: 30px; font-weight: 700; line-height: 140px; text-align: center; background: url(../images/banner_support.png) no-repeat;}
    .support_serv .inner .banner i {display: block; position: absolute; right: 35px; top: 50%; width: 50px; height: 50px; border-radius: 50%; transform: translateY(-50%); color: #fff; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 300; text-align: center; line-height: 50px; background: #3e5153;}


/* Container */
    /* window height - header - footer */
    .container {min-height: calc(100vh - 430px);}

    .contents_wrap {padding-bottom: 140px;}

    /* 서브페이지 상단 비주얼 */
    .contents_top {position: relative; background: url(../images/bg_content_top.png) no-repeat center top;}
    .contents_top > .inner {position: relative; width: 1260px; margin: 0 auto; padding-top: 20px; text-align: center; /* background: url(../images/bg_content_top.png) no-repeat center top; */height: auto;min-height: 180px;}
    .contents_top > .inner .txt_egov {position: absolute; left: -9999px; top: -9999px; font-size: 0;}
    .contents_top > .inner h1 > span {display: block;}
    .contents_top .eng {color: #aaa; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 7px;}
    .contents_top .kor {margin-top: 20px; color: #fff; font-size: 42px; font-weight: 600;}

    .page_title {margin-top: 52px;margin-bottom: 20px;color: #222; font-size: 30px; font-weight: 700;}

    /* Pages */
    .pages {width: 100%; margin: 0 auto;}
    .P0003{width: 1260px; margin: 0 auto;}/*20210524추가*/
	.P0004{width: 1260px; margin: 0 auto;}
    .P0057{width: 1260px; margin: 0 auto;}/*20210524추가*/
	.P_QNA{width: 1260px; margin: 0 auto;}/*20210524추가*/
    .P_QNAR{width: 1260px; margin: 0 auto;}
    .P_QNAD{width: 1260px; margin: 0 auto;}




/* 푸터 */
.footer {height: 130px; background: #ededed; width: 100%;}
    .footer > .inner {width: 1260px; margin: 0 auto; }    
    .footer .top {height: 55px; border-bottom: 1px solid #484848;}
    .footer .top::after {content: ""; display: block; clear: both;}
    .footer .top > * {float: left;}
    .footer .links {width: 100%; padding: 20px 0 0 39px; font-size: 0; text-align: center;}
    .footer .links a {display: inline-block; margin-right: 20px; color: #333333; font-size: 14px;}
.footer .links a:after{
    content: "";
    width: 1px;
    height: 10px;
    background: #616161;
    display: inline-block;
    margin-left: 20px;
}
    .footer .links a:last-child {margin-right: 0;}
    .footer .links a:hover {color: #f8b551;}
    .footer .links a.blue { color:#4fa6ff; }

    .footer .download {width: 249px; height: 68px;}
    .footer .download a {display: block; position: relative; height: 100%; padding: 24px 0 0 19px; color: #fff; letter-spacing: -1.5px;}
    .footer .download a:hover {text-decoration: underline;}
    .footer .download a::before {content: ""; display: block; position: absolute; right: 18px; top: 29px; width: 11px; height: 13px; background: url(../images/icon/ico_down.png) no-repeat;}

    .footer .bot {display: block;overflow: hidden; text-align: center; padding-top: 30px;}
    .footer .bot > * {}
    .footer .bot > a{background: url(../images/logo_footer2.png) no-repeat; height: 40px; width: 90px; vertical-align: top; display: inline-block; font-size: 0; margin-left: 20px;}
    .footer .bot > a.site_link02{background: url(../images/ci_reuse_2.png) no-repeat; height: 32px; width: 197px; vertical-align: top; display: inline-block; font-size: 0; margin-left: 20px;}
    .footer .bot > a.site_link03{background: url(../images/ci_reusebottle.png) no-repeat; height: 40px; width: 150px; vertical-align: top; display: inline-block; font-size: 0; margin-left: 20px;}
    .footer .bot > a.site_link04{background: url(../images/ci_disposable_cup.png) no-repeat; height: 37px; width: 210px; vertical-align: top; display: inline-block; font-size: 0; margin-left: 20px;}
    .footer .bot h1 {text-align: center; display: inline-block; margin: 0 auto; vertical-align: middle;}
    .footer .bot h1 a {display: block; height: 30px; width: 260px; font-size: 0; background: url(../images/logo_footer.png) no-repeat;background-size:100% auto;}
    /*
    .footer .bot .contact {padding-top: 20px; color: #ededed;}
    .footer .bot .contact address {display: block; font-size: 0;}
    .footer .bot .contact address a{display:inline-block; font-weight:700;}
    .footer .bot .contact address span {display: inline-block; font-size: 12px; color: #333333;}
    .footer .bot .contact address span::after {content: ""; display: inline-block; width: 3px; height: 3px; margin: 0 10px; background: #aaa; vertical-align: middle;border-radius: 50%;}
    .footer .bot .contact address a::after {content: ""; display: inline-block; width: 3px; height: 3px; margin: 0 10px; background: #aaa; margin-bottom: 2px;border-radius: 50%;}
	.footer .bot .contact address span:last-child::after{display: none;}
	.footer .bot .contact address span.blue { color:#0071bf; }
    .footer .bot .contact p {margin-top: 10px; font-size: 14px;}
    .footer .bot .contact a { color: #96989b; text-decoration: underline; }
    */
    /*
    .footer .bot .contact {padding-top: 20px; color: #ededed;}
    .footer .bot .contact address {display: block; font-size: 0;}
    .footer .bot .contact address a{display:inline-block; font-weight:700; }
    .footer .bot .contact address span {display: inline-block; font-size: 12px; color: #333333; vertical-align:top; text-align:left;}
    .footer .bot .contact address span.dot2 {content: ""; display: inline-block; position:relative; top:5px;  width: 3px; height: 3px; margin: 0 10px; background: #aaa; vertical-align: middle;border-radius: 50%;}
    .footer .bot .contact address span::after {content: ""; display: inline-block; width: 0px; height: 0px; margin: 0 0px; background: #aaa; vertical-align: middle;border-radius: 50%;}
    .footer .bot .contact address a::after {content: ""; display: inline-block; width: 0px; height: 0px; margin: 0 0px; background: #aaa; margin-bottom: 2px;border-radius: 50%;}
	.footer .bot .contact address span:last-child::after{display: none;}
	.footer .bot .contact address span.blue { color:#0071bf; }
    .footer .bot .contact p {margin-top: 10px; font-size: 14px;}
    .footer .bot .contact a { color: #96989b; text-decoration: underline; }
    */
    .footer .bot .contact {padding-top: 20px; color: #ededed;}
    .footer .bot .contact address2 {display: block; font-size: 0;}
    .footer .bot .contact address2 a{display:inline-block; font-weight:700; }
    .footer .bot .contact address2 span {display: inline-block; font-size: 12px; color: #333333; vertical-align:top; text-align:left; padding-right:26px;}
	.footer .bot .contact address2 span.blue { color:#0071bf; }
    .footer .bot .contact p {margin-top: 10px; font-size: 14px;}
    .footer .bot .contact a { color: #96989b; text-decoration: underline; }

    .footer .banner {text-align: center; background: #666666; padding-top: 15px; padding-bottom: 15px;}
    .footer .banner a {display: inline-block; width: 160px; height: 50px; font-size: 0; vertical-align: middle;}
    .footer .banner a.hab {background: url(../images/banner_hab.png) no-repeat; background-size: contain;}
    .footer .banner a.nia {background: url(../images/banner_nia.png) no-repeat; background-size: contain;width: 180px; }


    .l_pop {display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 420px; box-shadow: 3px 6px 10px #d4d4d4;}
    .l_head {position: relative; background: #014fbb;}
    .l_head h1 {height: 50px; padding: 0 56px 0 20px; color: #fff; font-size: 16px; line-height: 50px;}
    .l_head .close {display: block; position: absolute; right: 20px; top: 17px; width: 16px; height: 16px; background: url(../images/icon/ico_close_w16.png) no-repeat; background-size: contain;}
    .l_container {padding: 20px 20px 0 20px; background: #fff;}
    .l_container .msg {padding-bottom: 20px; color: #222; text-align: center;}
    .l_container .pwd_chk {padding: 26px 0 29px 0; border-radius: 8px; text-align: center; background: #eee;}
    .l_container .pwd_chk p {padding-bottom: 18px; color: #222; font-size: 16px;}
    .l_footer {background: #fff;}
    .l_footer {padding: 20px 0 30px 0; text-align: center;}
    .l_footer > a {width: 70px;}


/* 웹접근성 - 바로가기 */
.skip_navigation a {left: 0;position: absolute;top: -3000px;}
.skip_navigation a:focus {background: none repeat scroll 0 0 #005494;color: #FFFFFF;font-size: 15px;font-weight: bold;height: 30px;line-height: 30px;position: absolute;text-align: center;top: 0;width:100%;}
.clearfix::after {content: ""; clear: both; display: table;}

.notice_pds .notice_area{width: 40%; float:left;}
.notice_pds .banner_area{width: 60%; float:left;}
.notice_pds .notice_tab {text-align: left; width: 80%; text-align:center;}
.notice_pds .notice_tab ul li{width: 28%; float:left;}
.notice_pds .notice_tab ul li a {display: block; position: relative; height: 60px; color: #666; font-size: 24px; line-height: 60px; letter-spacing: -1px;}
.notice_pds .notice_tab ul li a.on::before {content: ""; display: block; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); width: 7px; height: 7px; border-radius: 50%; border: 3px solid #fff; background: #198ad9;}
.notice_pds .notice_tab ul li a.on{color:#198ad9; font-weight:700;}
.notice_pds .banner_area > div{width: 32%; float: left; height: 320px; border: 1px solid #ddd; letter-spacing:-1px;}
.notice_pds .banner_area > div.quick_banner02, .notice_pds .banner_area > div.quick_banner03{margin-right:2%;}
.notice_pds .banner_area > div.quick_banner01 > a {background: url(../images/banner_icon03.png) no-repeat center 50px;}
.notice_pds .banner_area > div.quick_banner02 > a {background: url(../images/banner_icon05.png) no-repeat center 50px;}
.notice_pds .banner_area > div.quick_banner03 > a {background: url(../images/banner_icon04.png) no-repeat center 50px;}
.notice_pds .banner_area > div > a {display: block; padding:20px 10px; text-align:center; padding-top:220px;}
.notice_pds .banner_area > div > a > span{font-size:18px; color:#666;}
.notice_pds .banner_area > div > a > span > strong {display:block; font-size:22px; margin-top:10px;color:#222;}

.gnb > ul > li.root.rootItem_39{display:none;}

.topBuR {float: right;margin: 6px 0 0 0; position:relative; right:40px;}
.topBuR ul{display: block !important;}
.topBuR ul li {float: left;margin: 0 0 0 8px; display: block;}
.topBuRK {float: right; margin: 6px 0 0  6px; padding: 4px 10px 10px 10px; color: white; background-color: #198ad9; border-radius: 15px; height: 25px;}
.topBuRK_m {float: right; margin: 10px 10px 10px 10px; color: white; position: absolute; right: 30px; top: 10px;}
.topBuR_m {float: right;margin: 6px 0 0 0; position: absolute; right: 80px; top: 10px;}
.topBuR_m ul{display: block !important;}
.topBuR_m ul li {float: left;margin: 0 0 0 4px; display: block;}