@charset "utf-8";
/*
	Common Layout CSS _ 15.05.18
*/

/*common*/


.inner{max-width:1400px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:1400px; padding:0 20px; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin: 0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:bold; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}


.mEnter{display:block;}
.mb{margin-bottom:30px !important}
.pb{padding-bottom:30px;}
.bmb{margin-bottom:40px !important}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}


.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.line_btn{overflow:hidden;}
.line_btn li{width:100%; margin-bottom:10px;}
.line_btn li a{display:block; border:1px solid #ffffff; padding:5px; text-align:center; font-size:0.8em}
.line_btn li:last-child{margin:0; }

.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:500}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#e83428}
.ylTxt{color:#fff94e;}
.grTxt{color:#11ae4b}
.orgTxt{color:#ffa60a}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; background:#1c3f95; padding:6px 20px; border-radius:500px}

.all-hidden{overflow:hidden; position:absolute !important; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; border:0; padding:0;}

@media all and (min-width:768px) {


.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:45px !important; }
.pb{padding-bottom:45px;}
.bmb{margin-bottom:60px !important;}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}

.half{width:47.5%; float:left;}
.mr{margin-right:3%;}

.line_btn li{width:47.5%; float:left; margin-right:3%;}
.line_btn li:last-child{margin:0}
.line_btn li a{padding:8px}

.mEnter{display:inline-block;}
.tEnter{display:block;}
}

@media all and (min-width:1200px) {

body, html{font-size:16px;}
.mEnter{display:inline-block;}
.tEnter{display:inline-block;}
.pEnter{display:block;}

.tit_h3:after{margin-top:25px;}

.tit_h4{font-size:30px; }

.tit_h5{font-size:20px; }


.mb{margin-bottom:50px !important}
.pb{padding-bottom:50px;}
.bmb{margin-bottom:80px !important}
.pdinner{padding:0 20px}



}

/*owl 컨트롤러 css변경*/
.owl-controls{width:100%; margin:0 auto;}

/*owl pagenation css변경 */
.page_btn .owl-page span{width:20px !important; height:20px !important; background:none !important; border:4px solid #ffffff; border-radius:20px; opacity:0.7 }
.page_btn .owl-page.active span{opacity:1;}

.page_btn2 .owl-page span{width:5px !important; height:5px !important; background:#808080 !important; border-radius:20px; position:relative; opacity:1 !important; margin:0 20px !important;}
.page_btn2 .owl-page.active span:before{content:''; width:30px; height:30px; position:absolute; margin-left:-16px; left:50%; margin-top:-16px; top:50%; border:1px solid #808080; border-radius:200px;}

/*owl navigation css변경*/
.owl-theme .owl-controls{position:relative}
.arrow_btn .owl-buttons{position:absolute; width:100%; top:-250px;}
.arrow_btn .owl-buttons div{position:absolute; font-family:'FontAwesome'; text-indent:-999999px; background:none !important; padding:0px !important; margin:0px !important;}
.arrow_btn .owl-buttons div:first-child{left:2%;}
.arrow_btn .owl-buttons div:last-child{right:2%;}
.arrow_btn .owl-buttons div.owl-prev:after,
.arrow_btn .owl-buttons div.owl-next:after{content:'\f104'; font-family:'FontAwesome'; position:absolute; left:0; top:0; text-indent:0 !important; font-size:3em;}
.arrow_btn .owl-buttons div.owl-next:after{content:'\f105'; right:0; left:auto;}

.pop_page_btn{position:relative;}
.pop_page_btn .owl-controls{position:absolute; bottom:0px; text-align:right !important}
.pop_page_btn .owl-pagination{display:inline-block; padding:1px 10px; border-radius:500px; height:22px;}
.pop_page_btn .owl-controls .owl-page span{width:10px !important; height:10px !important; background:#505050 !important; margin:2px 4px !important}
.pop_page_btn .owl-controls .active span{background:#8c000a !important}

@media all and (min-width:1200px) {
.arrow_btn .owl-buttons div:first-child{left:-10%;}
.arrow_btn .owl-buttons div:last-child{right:-10%;}
.arrow_btn .owl-buttons div.owl-prev:after,
.arrow_btn .owl-buttons div.owl-next:after{font-size:50px;}
}



/* ==== Slider Image Transition === */
@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes scaling {	From {    -webkit-transform: scale(1.1);}	To {    -webkit-transform: scale(1.0);}}


/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;/*border:1px solid transparent*/}



/* Arrows */
.slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:#ffffff; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.slick-arrow:before{content:'\f104'; font-size:22px;}
.slick-next{right:0;}
.slick-next:before{content:'\f105'; }

/* Circle Arrows */
.cir-arrow .slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:none; border:2px solid #ffffff; border-radius:500px; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.cir-arrow .slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.cir-arrow .slick-arrow:before{content:'\f104'; font-size:22px; color:#ffffff}
.cir-arrow .slick-arrow.slick-next{right:0;}
.cir-arrow .slick-arrow.slick-next:before{content:'\f105'; }

/*line-Dots*/
.slick-dots{position: absolute;    bottom: 10%;    display: block;    width: 100%;    padding: 0;    margin: 0;   text-align: center; z-index:10}
.slick-dots li{position: relative;  display: inline-block;  width: 18px;  height: 18px;  margin: 0 5px;  padding: 0;   cursor: pointer; vertical-align:middle}
.slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width: 18px;  height: 18px; border-radius:500px;  padding: 0px;  cursor: pointer;  color: transparent;  border: 0;  outline: none;  background:none; border:5px solid #ffffff; opacity:0.5}
.slick-dots li.slick-active button{border-color:#1eccd6; opacity:1}


/*pop_dot*/
.pop_dot .slick-dots{position: absolute;    bottom: 10%;  right:20px; display: inline-block; padding: 5px; line-height:100%;  width:auto; background:rgba(0,0,0,0.5); text-align: center; z-index:10}
.pop_dot .slick-dots li{position: relative;  display: inline-block;  width: 13px;  height: 13px;  margin: 0 5px;  padding: 0;   cursor: pointer; vertical-align:middle;}
.pop_dot .slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width: 100%;  height: 100%; border-radius:500px;  cursor: pointer;  color: transparent;  border: 0;  outline: none;  background:none; background:#ffffff; opacity:0.5}
.pop_dot .slick-dots li.slick-active button{background:#fcc754; opacity:1}


/*slick_dot*/
.slickdot .slick-dots{position: absolute; display: inline-block;  line-height:100%;  width:auto;text-align: center; z-index:10}
.slickdot .slick-dots li{position: relative;  display: inline-block;  width: 10px;  height: 10px;  margin: 0 5px;  padding: 0;   cursor: pointer; vertical-align:middle;}
.slickdot .slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width: 100%;  height: 100%; border-radius:500px;  cursor: pointer;  color: transparent;  border: 0;  outline: none;  background:none; background:#c8c8c8; opacity:1}
.slickdot .slick-dots li.slick-active button{background:#000000; opacity:1}



/*slick_circle_arrow*/

.slick_circle_arrow button{position:absolute; top:auto; bottom:10px; right:20px; background:none; border:1px solid #ffffff; border-radius:500px; border-color:rgba(255,255,255,0.5)}
.slick_circle_arrow button:before{color:#ffffff;}
.slick_circle_arrow button.slick-prev{margin-right:60px}


/**/
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;  }
body.mainWrap .wrap{background:#eaf7fa}

.mainvisual {position:relative; overflow:hidden; z-index:0;  }
.mainvisual h1.tit{height:0;opacity:0}

#scroll_down{width:50px; height:50px; background:#23b14d; position:absolute; bottom:30px; left:0; right:0; margin:auto; z-index:1000;
-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);}

#scroll_down a{display:block; width:100%; height:100%; position:relative; text-align:center}
#scroll_down a img{max-width:45px; -webkit-animation:text-pop-up-bottom 1.5s cubic-bezier(.25,.46,.45,.94) infinite both;animation:text-pop-up-bottom 1.5s cubic-bezier(.25,.46,.45,.94) infinite both}
/*.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}*/
.jello-vertical{-webkit-animation:jello-vertical .9s both;animation:jello-vertical .9s both}
.btn_bike{max-width:45px;}


/*비주얼  공통 셋팅*/
.visual{position:relative; color:#ffffff; margin:0 3%;  margin-top:100px; }
.visual h2{font-size:1.25em; font-weight:600; margin-bottom:10px}
.visual h2 a{position:relative;}
.visual h2 a:after{content:''; width:18px; height:18px; vertical-align:middle; margin-left:10px; display:inline-block; background:url(../img/btn_arrow_w.png) no-repeat center center; background-size:100% !important; margin-bottom:5px; transition:0.3s}
.visual h2:hover a:after{transform:translateX(10px)}
.visual p{margin-bottom:15px}
.popupzone,
.news_info,
.org_info,
.dic_box,
.movie_box,
.related_box,
.corona_box,
.statis_box,
.notice_box{position:relative; background:#808080;  border-radius:20px; margin-bottom:30px;
-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);}

.news_info,
.org_info,
.dic_box,
.movie_box,
.related_box,
.corona_box,
.statis_box,
.notice_box{padding:25px 20px;}

.news_info:before,
.movie_box:before,
.corona_box:before,
.statis_box:before{content:''; width:60px; height:60px; background-size:100% !important; opacity:0.5; position:absolute; right:20px; bottom:20px}

.news_info:before{background:url(../img/ic_news.png) no-repeat center center; bottom:auto; top:20px;}
.movie_box:before{background:url(../img/ic_movie.png) no-repeat center center;}
.corona_box:before{background:url(../img/ic_corona.png) no-repeat center center;}
.statis_box:before{background:url(../img/ic_statis.png) no-repeat center center;}

.popupzone{position:relative;   overflow:hidden; }
.popupzone h2{display:inline-block; position:absolute; left:5px; top:5px; padding:20px 10px; width:65px; text-align:center;  letter-spacing:0; background:#ff8d07; background:linear-gradient(45deg, #ff8d07 0%, #ff6619 100%); color:#ffffff; z-index:10; font-weight:700; font-size:0.9em; line-height:100%; text-align:center; border-radius:20px}

.popupzone .slick-dots{width:auto;  display:inline-block !important; right:5px; left:0;  bottom:5%; margin:0 auto; font-size:0; }
.popupzone .slick-dots li{ margin:0; padding:0; width:30px; height:40px; position:relative}
.popupzone .slick-dots li:before{content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); }

.popupzone .slick-dots li:first-child:before{left:-20px; border-radius:20px 0px 0px 20px}
.popupzone .slick-dots li:last-child:before{right:-20px; border-radius:0 20px 20px 0px}
.popupzone .slick-dots li button{ margin:0; ; width:20px; height:20px; border:5px solid #ffffff; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto}
.popup li{border-radius:20px;}
.popup li img{width:100%;}


/*신규소식박스*/
.news_info{position:relative; background:#17c3cd; background:linear-gradient(-45deg, #17c3cd 0%, #00a0ea 100%);}
.news_info .box{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ffffff; border-color:rgba(255,255,255,0.3)}
.news_info .box ul li a{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news_info .box:last-child{margin:0; padding:0; border:0}


/*감염병지원단*/
.org_info{position:relative; background:#17c3cd; background:linear-gradient(-45deg, #17c3cd 0%, #00a0ea 100%);}
.org_info h2{font-size:1.6em; letter-spacing:-2px}
.org_info h2 span{font-weight:600; display:block}

.link_li{overflow:hidden;}
.link_li li{display:inline-block; vertical-align:middle; margin-right:20px; line-height:100%}
.link_li li a{font-weight:500;}
.link_li li a:after{font-family:'FontAwesome'; content:'\f105'; position:relative; display:inline-block; vertical-align:middle; font-size:13px; margin-left:10px }

.newsletter{position:relative; padding-top:30px; margin-top:30px; border-top:1px dashed #ffffff; border-color:rgba(255,255,255,0.6)}
.newsletter h3{font-size:1.2em; margin-bottom:10px; font-weight:500}

.newsletter ul{margin-bottom:10px;}
.newsletter img{-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3); width:100%;}

.newsletter .info{width:55%; margin-right:5%; float:left}
.newsletter .info ul.dot_li li{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newsletter .photo{width:40%; float:left}

.newsletter:after{content:''; display:block; clear:both}


/*감염병ㄱ-ㅎ*/

.dic_box{background:#c9a165; position:relative}


.dic_box .dic_list{overflow:hidden; text-align:center;}
.dic_box .dic_list{overflow:hidden; text-align:center;}
.dic_box .dic_list li{width:10.5%; text-align:center; float:left; margin:0 1% 5px}
.dic_box .dic_list li:last-child{width:23%}
.dic_box .dic_list li a{line-height:30px; display:block; border:1px solid #ffffff; text-align:center; border-radius:3px;}

/*영상*/
.movie_box{background:#005bac; position:relative;}
.movie_box h2 a{position:relative;}
.movie_box h2 a:after{content:''; width:20px; height:20px; vertical-align:middle; margin-left:10px; display:inline-block; background:url(../img/btn_arrow_w.png) no-repeat center center; background-size:100% !important}
.movie_box img{-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);  position:relative; max-width:280px; width:100%}

/*코로나현황/ 관련통계*/
.corona_box{background:#ff8d07}

.corona_box ul li a{display:block; padding:7px 35px 7px 15px;  border-radius:10px;   font-weight:500; position:relative; letter-spacing:1; border:1px solid #ffffff; border-color:rgba(255,255,255,0.3); border-bottom:2px solid #ffffff}
.corona_box ul li a:after{content:''; width:15px; height:15px; position:absolute; right:10px; opacity:1; top:0; bottom:0; margin:auto; display:inline-block; background:url(../img/btn_arrow_w.png) no-repeat center center; background-size:100% !important}
.corona_box ul li{margin-bottom:5px; display:inline-block}
.corona_box ul li:last-child{margin-bottom:0px;}
.statis_box{background:#a0aaab;}
.corona_box,
.statis_box{min-height:150px;}

@media all and (min-width:360px) {
.corona_box ul li a:before{ padding:5px 10px; position:relative}
.corona_box ul li{margin-right:7px}
.corona_box ul li:last-child{margin-right:0px}
}

@media all and (min-width:1400px) {
.corona_box ul li a{padding:10px 35px 10px 15px; }
.corona_box ul{margin-top:50px}
}

/*관련사이트*/

.related_box{background:#535d64; position:relative}
.related_box h2{font-weight:600;}
.related_box h2{font-weight:600; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #e6e6e6}
.related_box a{display:block;}
.related_box .photo{display:block; text-align:center;}
.related_box dl{position:relative;}
.related_box dl dt{font-weight:600; font-size:1.2em; margin-bottom:5px}
.related_box dl dd{line-height: 1.4; min-height: 2.8em;}
.related .slick-dots{bottom:auto; top:-45px; right:0; text-align:right}
.related .slick-dots li{width:7px; height:7px;}
.related .slick-dots button{border:0px; width:100%; height:100%; border-radius:500px; background:#ffffff}
.related .slick-dots li.slick-active button{background:#e8c57a}


/*공지사항*/
.notice_box{background:#ffffff; color:#000000; }
.notice_box h2{font-weight:600; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #c8c8c8}
.notice_box h2 a:after{content:''; width:20px; height:20px; vertical-align:middle; margin-left:10px; display:inline-block; background:url(../img/btn_arrow.png) no-repeat center center; background-size:100% !important}

.notice_box a{display:block;}
.notice_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px; }
.notice_li li:last-child{margin-bottom:0px;}
.notice_li li.txt a{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.notice_li li.tit {font-size:1.2em; padding-left:0; background:none; margin-bottom:10px;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4;
height: 2.8em; }
.notice_li li.tit img.ic_new{width:15px; height:15px; display:inline-block;  vertical-align:middle; margin-left:5px; margin-bottom:5px}

.notice_li li:nth-child(4),
.notice_li li:nth-child(5){display:none}


/*section공통사항*/
.section_top{position:relative; text-align:center}
.section_top h2{color:#000000; font-weight:500; font-size:1.4em;  margin-bottom:20px;}

/*빠른메뉴*/
#section01{padding:20px 0 50px; position:relative}
.quick_li{overflow:hidden; text-align:center; position:relative; z-index:1}
.quick_li li{width:130px; display:inline-block; vertical-align:middle; ; text-align:center; margin-bottom:10px}
.quick_li li img{padding:20px; max-width:100px; background:#f8f8f8; border-radius:500px; display:block; margin:0 auto; margin-bottom:10px;}
.quick_li li span{display:block; font-size:1.1em; font-weight:500; color:#000000}



/*비주얼  변곡점 셋팅*/

.visual .right .movie_box a,
.visual .right .statis_box a,
.visual .right .corona_box a{display:block}

@media all and (min-width:560px) {
.quick_li li{width:150px}
}

@media all and (min-width:640px) {
.visual .left{width:48.5%; margin-right:3%; float:left; position:relative}
.visual .right{width:48.5%; float:left;}
.visual:after{content:''; display:block; clear:both}

.section_top h2{font-size:1.8em}

.quick_li{max-width:700px; margin:0 auto}
.quick_li li{display:block; float:left; width: 31.33%; float:left}
.movie_box img{width:auto; max-height:140px}

#section01{padding:40px 0 80px}
.popupzone h2{width:80px; font-size:1.1em !important}

.corona_box,
.statis_box{min-height:175px;}
}


@media all and (min-width:768px) {
.visual h2{font-size:1.3em; }
.org_info h2{font-size:2.2em; margin:10px 0px 30px;}
.org_info p.tit{margin-bottom:60px}
.org_info{min-height:555px}
.visual:before{bottom:30%}
.visual .popupzone{float:right; width:460px; margin-left:3%;}
.visual .left{width:calc(97% - 460px); margin-right:0;}
.visual .right{width:100%;}
.visual .right .movie_box,
.visual .right .corona_box,
.visual .right .statis_box{width:48.5%; margin-right:3%; float:left;}
.visual .right .statis_box{float:right;}
.visual .right .notice_box{clear:both}

.visual .right .movie_box{min-height:270px}
.visual .right .statis_box,
.visual .right .corona_box{margin-right:0; min-height:auto}



.newsletter{padding-top:40px; margin-top:40px}
.newsletter .photo{width:110px}
.newsletter .info{width:calc(95% - 110px)}


.notice_li li.tit{-webkit-line-clamp: 1; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4;
height: 1.4em;}

}

@media all and (min-width:940px) {
.visual .popupzone{width:540px;}
.visual .left{width:calc(97% - 540px); }

.news_info,
.dic_box{padding:45px 20px; width:100%}

.news_info .box{padding-bottom:27px; margin-bottom:27px; }

.org_info{min-height:auto; }
.org_info h2{margin:0 0 20px; font-size:1.8em}
.org_info p.tit{margin-bottom:20px}

.visual .right .movie_box,
.visual .right .corona_box,
.visual .right .statis_box{width:31.333%; margin-right:3%; float:left; }
.visual .right .statis_box{margin-right:0}
.visual .right .notice_box{margin-right:0; clear:none}

.visual .right .movie_box h2,
.visual .right .related_box h2,
.visual .right .notice_box h2{ margin-bottom:15px}

.visual .right .movie_box img{max-height:100px}

.visual .right .movie_box,
.visual .right .statis_box,
.visual .right .corona_box{min-height:210px; padding:35px 20px;}


}



@media all and (min-width:1024px) {



}

@media all and (min-width:1200px) {
.visual{margin:175px 20px 50px; max-width:1460px;  }

.visual .popupzone{width:490px; margin:0 auto; float:left; margin-left:calc(50% - 245px) }
.visual .left{width:calc(48% - 245px); float:left; position:absolute; left:0; top:0;}
.visual .right{width:calc(48% - 245px); float:right; right:0; top:0;}

.visual .right .movie_box,
.visual .right .corona_box,
.visual .right .statis_box{width:100%; margin-bottom:30px}

.related_box .photo{margin-bottom:10px}
.related_box .photo img{max-height:100px}

.news_info,
.dic_box{padding:30px 20px}

.news_info .box{padding-bottom:15px; margin-bottom:15px; }


.visual .right .movie_box,
.visual .right .statis_box,
.visual .right .corona_box{min-height:213px; padding:30px 20px;}

}

@media all and (min-width:1480px) {


.news_info,
.dic_box{padding:40px 30px}


.visual h2{font-size:1.4em; }
/*.mainvisual {height: 100vh;min-height: 960px;max-height: 1024px;}*/
.visual{margin:175px auto 50px}
.visual{margin:175px auto 50px; max-width:1460px} 
.visual .popupzone{width:540px; margin:0 auto; float:left; margin-left:calc(50% - 270px); border-radius:30px }
.visual .left{width:calc(47% - 270px); float:left; position:absolute; left:0; top:0;}
.visual .right{width:calc(47% - 270px); float:right; right:0; top:0;}


.popupzone,
.news_info, 
.org_info, 
.dic_box, 
.movie_box, 
.corona_box, 
.statis_box{margin-bottom:30px}

.news_info .box{margin-bottom:20px; padding-bottom:20px}

.visual .right .movie_box,
.visual .right .statis_box,
.visual .right .corona_box{min-height:214px; padding:35px 30px; border-radius:30px}

.visual .right .movie_box img{max-height:152px}

.news_info:before,
.movie_box:before,
.corona_box:before,
.statis_box:before{content:''; width:70px; height:70px; background-size:100% !important; right:30px; bottom:30px}


}

/*배너*/
.related_banner{background:#ffffff; padding:20px 0px; border-top:1px solid #e6e6e6}
.related_banner .pdinner{max-width:1500px}
.related_banner h3{font-size:1.25em; font-weight:500; color:#000000; margin-bottom:10px;}
.related_banner li{text-align:center;}
.related_banner img{height:50px;}
.related_banner .slick-dots{right:0; top:-30px}

@media all and (min-width:768px) {
.related_banner{padding:30px 0px; }
}

@media all and (min-width:1200px) {
.related_banner img{height:80px;}
}

@media all and (min-width:1400px) {
.related_banner h3{float:left; width:150px; }
.related_banner .quick_banner{float:left; width: calc(100% - 150px); float:left; }
.related_banner:after{content:''; clear:both; display:block}
.related_banner .slick-arrow{width:25px; height:25px; border:1px solid #e6e6e6; font-size:13px; left:-150px; top:auto; bottom:-10px}
.related_banner .slick-next{left:-123px}
.related_banner .slick-arrow:before{ font-size:13px}
.related_banner img{height:80px;}
}


/*footer*/
#footer{background:#ffffff;  color:#6b6b6b; font-size:0.8em; text-align:center; padding:20px 0px; border-top:1px solid #e6e6e6}

#footer .pdinner,
#footer .inner{max-width:1500px}
/*#footer div{background:url(../img/foot_logo.png) no-repeat right center;}*/

#footer .foot_li{ overflow:hidden;clear:both; text-align:center; margin-bottom:10px }
#footer .foot_li li{display:inline-block; padding:0 10px;}
#footer .foot_li li a{display:block;}

#footer .call_num li{display:inline-block; padding:0 10px;}
#footer p{font-size:0.8em; clear:both; }
#footer p b{font-weight:bold; color:#fcc754}



/*컬러패스*/
/*#footer .dropdown{float:left; border-right:1px solid #dcdcdc;border-color:rgba(255,255,255,0.2); position:relative; width:46%; background:#555555}*/
#footer .dropdown{border-bottom:1px solid #dcdcdc;border-color:rgba(255,255,255,0.2); position:relative;}



#footer:after{display:block; content:''; clear:both;}

.footinfo{position:relative; overflow:hidden}
.footinfo .box{padding:20px 0px; border-top:1px solid #dcdcdc; border-color:rgba(255,255,255,0.2); text-align:left; padding-left:3% }
.footinfo .box h4{font-weight:700; margin-bottom:5px;}
.copy{ padding-top:10px; letter-spacing:0}


@media all and (min-width:640px) {
#footer{ font-size:0.9em; }
}


@media all and (min-width:768px) {

#footer{font-size:0.9em; text-align:left; padding: 30px 0px}
#footer p{font-size:0.9em}
#footer .inner{padding:0 3%;}
#footer .inner:after{content:''; clear:both; display:block}
#footer .foot_li{clear:none; padding:0; display:inline-block;}

#footer address{display:block;}
#footer ul.call_num{display:inline-block;}
#footer .call_num li{padding:0; padding-right:20px}
#footer .foot_li li{text-align:left; padding:0 20px 0 0px;}


}

@media all and (min-width:1200px) {
#footer{padding:50px 0px}
#footer .inner{padding:0 20px;}
#footer .foot_li{vertical-align:top; margin-bottom:5px;}
#footer address{display:inline-block; vertical-align:top;}
#footer ul.call_num{display:inline-block; vertical-align:top; margin-left:20px}
.copy{padding:0}
}


/*page up*/
#pageup {position:fixed; z-index:999; right:1%; bottom:5%; width:50px; height:50px; background-image:url('../img/Htop.png');background-repeat: no-repeat;  background-position:center center; background-size: 50px 50px; display:block !important; cursor:pointer; z-index:4000;}
#sns{position:fixed; z-index:999; right:calc(1% + 5px); bottom:calc(5% + 60px)}
#sns li{width:40px; height:40px; margin-top:5px;}

@media all and (min-width:1200px) {
#sns{bottom:45%;}
#sns li{margin-top:20px}


}




/*키프레임셋팅*/

@keyframes zoomout {
	0% { transform: scale(1.2); }
    100% {        transform: scale(1.0);    }
}
@-webkit-keyframes scaling {
	From {    -webkit-transform: scale(1.2);}
	To {    -webkit-transform: scale(1.0);}
}
@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-0px);transform:translateY(-0px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}
@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.1) translateY(-15px);transform:scale(1.1) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.1) translateY(-15px);transform:scale(1.1) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}



.bounce-top:hover a:before{-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both}
.kenburns-top{-webkit-animation:kenburns-top 10s ease-out both;animation:kenburns-top 10s ease-out both}
.zmout{animation: zoomout 5s ease-in-out infinite alternate;    -webkit-animation: zoomout 5s ease-in-out infinite alternate; animation-iteration-count:1; 	-webkit-animation-iteration-count:1; }
@-webkit-keyframes text-pop-up-top
{0%{-webkit-transform:translateY(0);transform:translateY(0);
-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);
-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}}
@keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);
-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);
-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}}



@-webkit-keyframes rotation {
	0% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	50% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	100% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
}
@keyframes rotation{

	0% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	50% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	100% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
}



@-webkit-keyframes rotation2 {
	0% {
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	50% {
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
}
@keyframes rotation2{

	0% {
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	50% {
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
}




@-webkit-keyframes rotation3 {
	0% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}
@keyframes rotation3{

	0% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}

.vibrate-1{-webkit-animation:vibrate-1 3s linear infinite both;animation:vibrate-1 3s linear infinite both}
@-webkit-keyframes vibrate-1 {
0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}







/*서브레이아웃*/
#sub_visual{position:relative; margin-top:70px; padding:30px 0 70px; background:#808080 url(../img/sub_visual01.jpg) no-repeat center bottom;  }
#sub_visual.sub01{ background:url(../img/sub_visual01.jpg) no-repeat center bottom; }
#sub_visual.sub02{ background:url(../img/sub_visual02.jpg) no-repeat center bottom; }
#sub_visual.sub03{ background:url(../img/sub_visual03.jpg) no-repeat center bottom; }
#sub_visual.sub04{ background:url(../img/sub_visual04.jpg) no-repeat center bottom; }
#sub_visual.sub05{ background:url(../img/sub_visual05.jpg) no-repeat center bottom; }
#sub_visual.sub06{ background:url(../img/sub_visual06.jpg) no-repeat center bottom; }
/*
.sub010{ background:url(../img/subvisu10.jpg) no-repeat center center; }
.sub011{ background:url(../img/subvisu10.jpg) no-repeat center center; }*/

#sub_visual{color:#ffffff; text-align:center;}
#sub_visual .tit_h2{font-weight:500; font-size:1.8em;  }
#sub_visual .tit_h2 span{display:block;  margin-bottom:10px; font-size:15px; font-weight:800; letter-spacing:0; text-transform:uppercase; position:relative;}
#sub_visual .tit_h2 b{display:block; line-height:1.2}
#sub_visual p{text-transform:uppercase; letter-spacing:0}

#sub_visual .pdinner{  -webkit-animation: mymove 2s infinite; /* Chrome, Safari, Opera */ 
    animation: mymove 2s infinite; -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */    animation-iteration-count: 1;}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes mymove {
    0%   {top: 30px; opacity: 0;}
    100% {top: 0; opacity: 1;}
}
/* Standard syntax */
@keyframes mymove {
     0%   {top: 30px; opacity: 0;}
    100% {top: 0px; opacity:1;}
}

@media all and (min-width:768px) {
#sub_visual{border-bottom:0}
#sub_visual .tit_h2{font-size:2.5em; }

#sub_visual p{font-size:18px}
#sub_visual .tit_h2 span:after{position:absolute; right:0; top:0; margin:0}
}

@media all and (min-width:1200px) {
#sub_visual .tit_h2{font-size:2.8em;}
#sub_visual p{font-size:20px}
#sub_visual{border-bottom:0;}

}


.subwrap{background:#ffffff}
.sub_tab{display:none}
.sub_con{margin: 0 auto; position:relative; max-width:1400px; min-height:200px; padding:40px 3%;  overflow:hidden}
.subcon02{padding-left:0 !important; padding-right:0 !important}
.sub_con:after{content:''; clear:both; display:block}


/*2depth menu*/
#twodepthNav {position:relative; display:none; margin: 0 auto;}
#twodepthNav .inner{background:#ffa60a; /*background:rgba(255,166,10,0.85)*/}
#twodepthNav ul {overflow:hidden; text-align:center}
#twodepthNav ul li {position:relative; width:20%; float:left; text-align:center;}
/*#twodepthNav ul li a:before{content:''; width:1px; height:20px; background:rgba(255,255,255,0.3); position:absolute; left:0; top:0; bottom:0; margin: auto;}*/
#twodepthNav ul li a{color:#ffffff}
/*#twodepthNav ul.li02 li{width:50%;}
#twodepthNav ul.li03 li{width:33.333%;}
#twodepthNav ul.li04 li{width:25%;}
#twodepthNav ul.li05 li{width:20%;}
#twodepthNav ul.li06 li{width:16.66%;}
#twodepthNav ul.li07 li{width:14.28%;}*/
#twodepthNav ul li a{display:block; line-height:70px; position:relative; font-size:1.15em}
#twodepthNav ul li a:after{content:''; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#23b14d; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
#twodepthNav ul li:hover a:after{width:90px; margin-left:-45px;}
#twodepthNav ul li a:hover{font-weight:500; transition:0.3s}
#twodepthNav ul li:first-child a:before{width:0}
#twodepthNav ul li.active a{background:#ffffff; font-weight:500; color:#000000}
#twodepthNav ul li.active a:after{width:90px; margin-left:-45px;}
/*#twodepthNav ul li.active:after {width:10px; height:10px; content: "";position:absolute; background:#f6c94f; top:43%; right:20px; border-radius:30px}*/

#sidemenu {display:none; position:absolute;width:200px;  z-index:9999; top:0px; left:20px} /*기준*/
#sidemenu h2 {display:block;font-size:1.6em;   text-align:center; line-height:1.2;  color:#fff; min-height:100px; padding:60px 0; /*background:rgba(90,19,40,0.8);*/ background:#29343f; position:relative; text-transform:uppercase;  }
#sidemenu h2 span {display:block; font-size:0.9rem; margin-bottom:10px;}

#sidemenu .snblist{border:1px solid #e6e6e6; border-width:0 1px 1px; background:#ffffff;  margin-bottom:30px}
#sidemenu .snblist li a {position:relative; display: block; padding:13px 20px; font-weight:400; border-bottom:1px solid #e6e6e6; color:#323232}
#sidemenu .snblist li:last-child a{border-bottom:0px;}
#sidemenu .snblist li a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}
#sidemenu .snblist li a:hover {text-indent:5px; 	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; color:#303030; transition:0.3s}
#sidemenu .snblist li.active a {color:#d10000; font-weight:600}
#sidemenu .snblist li a i:after,#sidemenu .snblist li.active a i:after {
	position: absolute;
	top: 16px;
	font-weight:bold;
	right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: FontAwesome;
	content: "\f105";
	font-style:normal;  
	color:#808080
}
#sidemenu .snblist li a:hover i:after{right: 7px;}
#sidemenu .snblist li.active a i:after{color:#d10000}
#sidemenu .snblist li.active a:hover i:after{right:7px;}


#sidemenu .snblist li a i:after {background:rgba(255,255,255,0)}

#sidemenu .snblist li a:hover i:after {
	-webkit-transform: translateY(-50%) translateX(20%);
	-moz-transform: translateY(-50%) translateX(20%);
	-ms-transform: translateY(-50%) translateX(20%);
	-o-transform: translateY(-50%) translateX(20%);
	transform: translateY(0) translateX(20%);
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#sidemenu .snblist li.select a:hover i:after {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	color:#fff;
	background:rgba(255, 255, 255, 1);
}



#fl_menu{display:none;}
.con{position:relative; min-height:500px;}
.conh3{font-size:1.4em; font-weight:500; color:#000000; text-align:center; padding-bottom:20px; border-bottom:20px; position:relative}
.conh3:after{content:''; display:block; width:40px; height:1px; background:#323232; position:absolute; bottom:0; left:0; right:0; margin:auto}


.path{display:block;}
.path li{font-size:12px; display:inline-block; vertical-align:top;}
.path li:before{content:'\f105'; font-family:'FontAwesome'; display:inline-block; padding:0px 10px}
.path li:first-child:before{display:none;}




@media all and (min-width:768px) {
.subwrap{background-size:30% !important}
.sub_con{padding:50px 20px}
.conh3{font-size:1.8em}
#sub_visual{padding:40px 0px 90px;}

.path li{font-size:14px}


}

@media all and (min-width:1200px) {

#sub_visual{padding:60px 0px 90px; margin-top:146px;}
.subwrap{margin: 0 auto; position:relative;}
.sub_tab{display:block;background:#0788c7; padding:10px 0px; text-align:right; color:#ffffff; font-size:0.85em; text-align:right;}
.sub_tab h3, .sub_tab p{display:inline-block; margin-left:15px; color:#fbdf40; font-weight:bold}
.sub_tab h3{color:#ffffff}
.sub_tab h3 span{margin-right:10px; text-transform:uppercase; color:#fbdf40}
.sub_tab p {border-radius:50px; background:#462e16; padding:5px 10px;}

#twodepthNav {position:relative; display:block; margin-top:-70px}
#twodepthNav ul.li02 li{width:25%;}

/*#sub_visual{padding:140px 0 120px;}*/

.sub_con{position:relative; width:100%; min-height:500px; margin: 0 auto; padding:60px 20px 100px; /*-webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.2);*/}

.con{width:1160px; margin:0 auto; min-height:800px;}
.conh3{font-size:2em; padding-bottom:30px}
}

@media all and (min-width:1640px) {
#sidemenu{display:block}
#fl_menu{display:block; position:absolute; right:20px; z-index:9999; width:125px; top:0px; height:600px}
#fl_menu .label{text-align:center; line-height:80px; font-size:18px; font-weight:bold; background:#29343f; color:#fff;}
#fl_menu ul {text-align:center; padding:10px 0px 30px; background:#ffffff}
#fl_menu ul li a{font-size:16px; font-weight:600; padding:8px 0px}
#fl_menu ul li span{display:block}
#fl_menu .menu{display:block; border:1px solid #dcdcdc}
#fl_menu .menu img{max-width:60px}
#fl_menu .menu .menu_item{display:block; background:#ffffff; color:#323232; }


}


/*컬러패스*/
#sub_drop{position:absolute; bottom:0; width:100%; left:0; right:0; border-top:1px solid #dcdcdc; /*background:#225999;  background:rgba(34,89,153,0.1);*/ border-color:rgba(255,255,255,0.2); font-size:0.9em}
#sub_drop .inner:after{content:''; display:block; clear:both}
#sub_drop .home a{display:block; line-height:45px; padding:0 10px;  background:#005bac;}
#sub_drop .home{min-width:46px !Important; border:0px !Important}
#sub_drop .home img{display:inline-block; vertical-align:middle; max-width:10px}
#sub_drop .dropdown{min-width:30%; float:left; border-right:1px solid #dcdcdc;border-color:rgba(255,255,255,0.2); position:relative;}
#sub_drop .dropdown.deph02{min-width:35%}
#sub_drop .dropbtn {width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:45px; padding:0 25px 0 10px; cursor:pointer; color:#ffffff;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#ffffff; font-size:14px; top:0; bottom:0; margin:auto;  transition:0.3s; }
#sub_drop .dropdown.active a.dropbtn:after{ -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)}

#sub_drop .dropbtn.non-child{background:none !important; border:0px;}
#sub_drop .dropdown.active a.dropbtn.non-child:after{ -webkit-transform:rotate(0);
  -moz-transform:rotate(0);
  -ms-transform:rotate(0);
  -o-transform:rotate(0);
  transform:rotate(0)}


#sub_drop .dropdown ul{}
#sub_drop .dropdown ul li{padding:5px 10px; }
#sub_drop .dropmenu {display: none;  position: absolute;  z-index: 5; background:#ffffff; border:1px solid #dcdcdc; box-sizing:content-box; left:-1px; width:100%;}
#sub_drop .dropmenu a{display:block; line-height:30px; color:#000000; }
#sub_drop .dropmenu a:hover {color:#1c3f95; font-weight:500;}
#sub_drop .dropdown > .dropmenu li{position:relative;}
#sub_drop .dropdown > .dropmenu li a{display: block;}
#sub_drop .dropdown.active > .dropmenu {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
#sub_drop{font-size:1em}
#sub_drop .dropbtn{padding:0 25px 0 20px}
#sub_drop .dropdown ul li{padding:5px 20px; }
#sub_drop .dropdown{min-width:250px}
#sub_drop .dropdown.deph02{min-width:250px}
#sub_drop .dropmenu a{line-height:40px;}
#sub_drop .home a{line-height:60px; min-width:60px; text-align:center; padding:0 20px} 
#sub_drop .dropbtn {line-height:60px}
#sub_drop .dropbtn:after{right:15px}

}

@media all and (min-width:1200px) {
#sub_drop{font-size:1em;}
#sub_drop .inner{position:static}
/*#sub_drop .dropdown{position:static;}
#sub_drop .dropmenu{border:0px; background:#17469b; color:#ffffff}
#sub_drop .dropdown.active a.dropbtn,
#sub_drop .dropbtn.has-focus{background:#17469b; border:0px;}*/



/*#sub_drop .dropmenu a{color:#ffffff}
#sub_drop .dropmenu a:hover{color:inherit; text-decoration:underline}
#sub_drop .dropdown > .dropmenu li{display:inline-block; padding:0 20px;}
#sub_drop .dropdown > .dropmenu li a{line-height:65px;}*/
}




/*텍스트효과*/

.motion01{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}
.motion02{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt { 
	0%   {top: 30px; opacity: 0;}
    100% {top: 0; opacity: 1;}
}
/* Standard syntax */
@keyframes sub_tt {
     0%   {top: 30px; opacity: 0;}
    100% {top: 0px; opacity:1;}
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt {
    0%   {top: 30px; opacity: 0;}
    100% {top: 0; opacity: 0;}
}
/* Standard syntax */
@keyframes sub_tt {
     0%   {top: 30px; opacity: 0;}
    100% {top: 0px; opacity: 1;}
}



@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@-webkit-keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes text-pop-up-bottom{
	0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}
	100%{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
	}
@keyframes text-pop-up-bottom
	{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}
	100%{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
	}

@media all and (max-width:1200px) {
#layerPopup0{top:100px !Important; left:0 !Important;}
#layerPopup1{top:435px !Important; left:0 !Important;}
#layerPopup2{top:770px !Important; left:0 !Important;}
#layerPopup3{top:1105px !Important; left:0 !Important;}
#layerPopup4{top:1440px !Important; left:0 !Important;}
#layerPopup5{top:1775px !Important; left:0 !Important;}
}



#toggle-view{position:fixed; top:0; left:0; right:0; z-index:1000; background:#054c8c; color:#ffffff; display:none }
#toggle-view p{text-align:center}
#toggle-view .pdinner{max-width:1500px; padding:10px 0px}
#toggle-view .pop_btn{position:absolute; right:0; top:0; bottom:0; text-indent:-999999px; width:20px; height:20px; margin:auto; cursor:pointer}
#toggle-view .pop_btn:before,
#toggle-view .pop_btn:after{content:''; width:25px; height:1px; background:#ffffff; position:absolute; right:0; top:0; bottom:0; left:0; margin:auto; }
#toggle-view .pop_btn:before{-webkit-transform:  rotate(45deg);
-moz-transform:  rotate(45deg);
-ms-transform:  rotate(45deg);
-o-transform:rotate(45deg);
transform:  rotate(45deg);}
#toggle-view .pop_btn:after{-webkit-transform:  rotate(-45deg);
-moz-transform:  rotate(-45deg);
-ms-transform:  rotate(-45deg);
-o-transform:rotate(-45deg);
transform:  rotate(-45deg);}
_:-ms-lang(x), .ie10up { property:value; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .ie10up{property:value; display:block !important}
}