@charset "utf-8";

/*
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/notokr/notokr-medium.eot');
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-medium.woff2') format('woff2'),
		 url('../font/notokr-medium.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/notokr/notokr-bold.eot');
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-bold.woff2') format('woff2'),
		 url('../font/notokr-bold.woff') format('woff');
}
*/
@font-face {font-family:'NBG';src:url(../font/NanumBarunGothicWeb.eot); src:local(※),url(../font/NanumBarunGothicWeb.woff) format('woff'); font-weight:400;}
@font-face {font-family:'NBGB';src:url(../font/NanumBarunGothicWebBold.eot); src:local(※),url(../font/NanumBarunGothicWebBold.woff) format('woff');}
@font-face {font-family:'NBGU';src:url(../font/NanumBarunGothicWebUltraLight.eot); src:local(※),url(../font/NanumBarunGothicWebUltraLight.woff) format('woff');}

/* Reset */
body,html{font-family:"NBG", sans-serif; font-size:13px; color:#454545;}
body{background:#eee;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0; }
dl,ul,ol,menu,li{list-style:none}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal}
input,select,textarea,button{font-size:100%;vertical-align:middle}
a{color:inherit;text-decoration:none}
a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
legend,caption{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:1;line-height:1;z-index:-1}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,time{display:block;margin:0;padding:0}
input[type="submit"],label,button{cursor:pointer}
input[type=text],input[type=password],input[type=submit],input[type=search],textarea,button{-webkit-appearance:none;border-radius:0}
button{background-color:transparent;border:0 none}
.blind{display:none;}

.black_bg{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.5); z-index:100;}
header{position:fixed;top:0; left:0; width:100%; height:50px; line-height:50px; border-bottom:1px solid #eee; background:#fff; z-index:99;}
header h1{height:50px; text-align:center;}
header h1 img{height: 100%;}
header button{position:absolute; top:0;}
header button img{height:50px;}
header button.left{left:5px;}
header button.right{right:5px;}
header button.close{left:5px;display:none;}
header button.s_close{right:5px;display:none;}
header #gotop{width:50px; height:50px; position:fixed; bottom:20px; left:20px;  }
header #gotop img{width:100%;}

.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    /*margin-bottom: 4em;*/
}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*메뉴*/
.m-menu{display:block;}
#left-menu {position: fixed; width: 100%; top: 51px; bottom:0; left: -9999px; z-index: 99; overflow: hidden; overflow-y: auto;  background: rgba(0,0,0,0.7); border-top:2px solid #3eaf0e; transition: all .2s; -webkit-transition: all .2s; box-sizing:border-box;}
.lm-box {width: 100%;height: 100%;position: absolute;left:600px; z-index: 30;}
.m-menu-btn {position: absolute;  right: 20px; top: 19px; cursor: pointer; z-index: 999; }
/*.m-menu-btn.m-menu-btn-close button{background: url(../../images/menu_close.png) no-repeat; }
.m-menu-btn.left button {display: block;background: url(../../images/menu_bar.png) no-repeat; overflow: hidden; text-indent: -9999px; font-size: 0; background-size:50px auto; width:50px; height:50px;}*/
.m-menu-list {position: absolute; width: 100%; max-width:640px; height: auto; min-height: 100%; z-index: 22; left:0; background: #fff; padding: 0px 20px 32px 20px; box-sizing:border-box; }
.m-menu-list ul li ul{ background:#fafafa; display:none;}
.m-menu-list li h2{position:relative; font-size:16px; padding:15px 0; line-height:1em; border-bottom:1px solid #eeeeee; font-weight:500;}
.m-menu-list li h2:after{content:""; display:block; position:absolute; top:0; right:0; width:47px; height:47px; background:url(../../images/m_bottom.png) no-repeat; background-size:47px;  }
.m-menu-list li.active h2:after{background:url(../../images/m_top.png) no-repeat;  background-size:47px;}
.m-menu-list li li{}
.m-menu-list li li a{display:block; padding:15px 7px 15px 15px; line-height:1em; font-size:15px; color:#777777;}
.m-menu-list .m_btn{text-align:center;     padding-top: 30px;}
.m-menu-list .m_btn ul:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.m-menu-list .m_btn li{float:left; width:33.3%;text-align:center;} 
.m-menu-list .m_btn li a{display:block;  background:#a4a4a4;  margin-left:3%; padding:10px 0; line-height:1em; color:#fff; font-weight:500; border: 1px solid #8c8c8c;}
.m-menu-list .m_btn li:first-child a{margin-left:0;}

/*검색창*/
.search_pop{position:absolute; top:51px; left:0; z-index:100; width:100%; height:55px; background:#3eaf0e; padding:7px; line-height:1em; box-sizing:border-box; display:none; padding-right:50px;
transition: all .2s; -webkit-transition: all .2s;}
.search_pop input{border:0;  padding:7px; width:100%; box-sizing:border-box; line-height:27px; font-size:15px;}
.search_pop button{font-size:0; position:absolute; top:3px; right:0px;}


/*메인*/
#main{background:#fff; max-width:640px; margin:0 auto; padding-top:51px;}
.main_slide{max-width:640px; margin:0 auto;}
#visual{position:relative; max-width:640px; margin:0 auto;  height:210px;  }
#visual .VS-img{position:absolute; top:0px; left:0;  margin:0 auto;   text-align:center; width:100%; height:210px; overflow:hidden; }
#visual .VS-img ul{height:100%; }
#visual .VS-img li, #visual .VS-img li a{display:block; width:100%; height:210px; position:relative;}
#visual .VS-img img{width:100%; min-height:100%;}
#visual #slides span{display:block; width:100%; height:50px; position:absolute; left:0; bottom:0px; /*background:url(../../images/main_txtBg.png) repeat-x;*/ background: rgba(0,0,0,0.4); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(7%, transparent), color-stop(100%, rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top, transparent 0%, transparent 7%, rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, transparent 0%, transparent 7%, rgba(0,0,0,0.9) 100%);}
#visual .visual-slogan{ color:#fff; width:100%; height:38px; line-height:38px; text-shadow:0 1px 1px #000; font-size:20px; font-weight:500; padding:5px 15px 0 15px; box-sizing:border-box; transition: all .5s; -webkit-transition: all .5s; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#visual #prev-next{position:absolute; margin:0 auto; z-index:33; width:100%; height:70px; top:50%; margin-top:-30px;}
#visual #prev-next li{position:absolute; right:0px; z-index:33;}
#visual #prev-next li a{width:70px; height:70px; line-height:70px; display:block; text-align:center; font-size:0;}
#visual #prev-next li a img{height:30px;}
#visual #prev-next li a i{font-size:55px; color:rgba(255,255,255,0.8); vertical-align:middle; margin-right:5px;}
#visual #prev-next li:first-child{left:0px;}
#visual #pagination{position:absolute; z-index:55; width:100px; height:50px; right:1%; margin-left:0px; top:10%;  text-align:center;}
#visual #pagination li{display:inline-block; /*display:inline; */zoom:1; margin-left:7px;vertical-align:top;}
#visual #pagination li a{display:block; width:10px; height:10px; /*border:1px #fff solid;*/ background:#fff; border-radius:50%; font-size:0; box-shadow:2px 2px 3px rgba(0,0,0,0.5); }
#visual #pagination li.current a{background:#4ce60b;}
#visual #pagination li.play-button{margin-left:0;}
#visual #pagination li.play-button a{border-width:0; height:18px; margin-top:-3px; box-shadow:none;}
#visual #pagination li .stop-play{ margin-left:5px; font-size:0; background:none;}
#visual #pagination li .stop-play#fade-play{display:none;}
.stop-play i{font-size:23px; color:#fff;  text-shadow:2px 2px 3px rgba(0,0,0,0.5);}

/*메인 슬라이드 터치 가능*/
#visual{position:relative; max-width:640px; margin:0 auto; height:auto;}
#visual #popup{/*position:absolute; top:0px; left:0;  */margin:0 auto; text-align:center; width:100%; height:auto; overflow:hidden; }
#popup .owl-carousel{ height:auto;}
#popup .owl-carousel .owl-stage-outer{overflow:hidden; width:100%; position:relative;}
#popup .owl-carousel .owl-item{float:left; text-align:center;}
#popup .item{display:block; position:relative; height:auto; overflow:hidden;}
#popup .item a{display:block; height:auto; }
#popup .item img{width:100%; min-height:auto;}
#popup .item-txt{display:block; width:100%; display:block; width:100%; height:50px; position:absolute; left:0; bottom:0px; /*background:url(../../images/main_txtBg.png) repeat-x;*/background: rgba(0,0,0,0.4); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(7%, transparent), color-stop(100%, rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top, transparent 0%, transparent 7%, rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, transparent 0%, transparent 7%, rgba(0,0,0,0.9) 100%);}
#popup .item-txt span{}
#popup .item-txt span h3{color:#fff; width:100%; height:38px; line-height:38px; text-shadow:0 1px 1px #000; font-size:20px; font-weight:500; padding:5px 15px 0 15px; box-sizing:border-box; transition: all .5s; -webkit-transition: all .5s; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#popup .owl-nav.disabled{display:none;}
#popup .owl-nav div{width:60px; height:60px; border:2px #c8c8c8 solid; cursor:pointer;position:absolute; right:50px; top:50%; margin-top:-60px; font-size:0; background:url(../../images/main_right.png) no-repeat 50%;}
#popup .owl-nav .owl-prev{left:50px; right:auto; background-image:url(../../images/main_left.png);}
#popup .owl-dots{position:absolute; z-index:55; width:100px; height:50px; right:1%; margin-left:0px; top:10%;  text-align:center;}
#popup .owl-dot{width:10px; height:10px; display:inline-block; border-radius:50%; margin:0 5px; background-color:#fff; box-shadow:2px 2px 3px rgba(0,0,0,0.5);}
#popup .owl-dot.active{background:#4ce60b; border-color:transparent;}
#popup .button{position:absolute; width:16px; left:50%; margin-left:30px; font-size:0; text-align:center;padding-top:3px; cursor:pointer;}
#popup .button i{color:#c8c8c8; font-size:17px; vertical-align:middle; }
#popup .button.play{display:none;}

/*메인 실시간 뉴스 롤링 - 190507*/
.now_news{margin:3px 0; position:relative;}
.now_news .tit{position:absolute; top:6px; left:10px; height:30px; line-height:30px; display:inline-block; font-size:15px; font-weight:600; color:#3eaf0e;}
.now_news .tit:before{content:""; display:block; position:absolute; right:-12px; top:7px; width:1px; height:13px; background:#989898; }
.roll_list{padding-left:92px;}
.ticker{height:40px; overflow:hidden; margin:0; padding:0; }
.ticker li{height:30px; padding:5px; margin:0 5px; font-size:15px; line-height:30px;}
.ticker li a{display:block; height:30px; line-height:30px; color:#000; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/*주요뉴스 -> 최신기사*/
.top_news{max-width:640px; margin:0 auto; background:#fff; padding:15px; box-sizing:border-box; border-top:5px solid #f7f7f7;}
.top_news h2{position:relative; padding:20px 0 10px 0;  border-bottom:2px solid #eeeeee; font-size:16px; font-weight:600; }
.top_news h2:before{content:""; display:block; width:62px; height:2px; position:absolute; bottom:-2px; left:0px; background:#3eaf0e;}
.top_news.main_top{padding-top:0;}
.top_news a{position:relative; display:block; padding:24px 0px 15px 112px; border-bottom:1px solid #eeeeee; min-height:64px;}
.top_news.main_top a{position:relative; display:block; /*padding:24px 0px 15px 112px;*/ border-bottom:1px solid #eeeeee; /*min-height:64px;*/ padding:12px 0 11px 0; min-height:auto;}
.top_news a.no_img{padding:15px 0; min-height:40px;}
.top_news a .tnews_img{position:absolute; top:15px; left:0px; display:block; width:96px; height:76px; overflow:hidden;}
.top_news a .tnews_img img{height:100%;}
.top_news a h3{max-height:40px;/* height:40px;*/ line-height:20px; font-weight:500; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.top_news.main_top a h3{-webkit-line-clamp:1;}
.top_news a ul{}
.top_news a li{color:#777777; display:inline;}
.top_news a .writer{padding-top:9px;}
.top_news a .date{background:url(../../images/date_ico.png) no-repeat left 1px; background-size:10px; padding-left:15px;}
.top_news a .name{padding-left:5px; color:#246d05;}

/*인기기사*/
.top_news.hotnews {border-top: 5px solid #f7f7f7;    max-width: 640px; margin: 0 auto; padding: 0 15px 15px 15px; background: #fff; box-sizing: border-box;}
.top_news.hotnews h2{position: relative; padding: 20px 0 10px 0; border-bottom: 2px solid #eeeeee; font-size: 16px;  font-weight: 600;}
.top_news.hotnews h2:before{content:""; display:block; width:62px; height:2px; position:absolute; bottom:-2px; left:0px; background:#3eaf0e;}

/*포토, 동영상뉴스*/
.photo_news{border-top:5px solid #f7f7f7; border-bottom: 1px solid #eeeeee; max-width:640px; margin:0 auto; padding:0 15px; background:#fff;}
.photo_news .tabs{margin-bottom:15px;}
.photo_news .tabs:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.photo_news .tabs li{position:relative; float:left; width:50%; text-align:center;  cursor: pointer; padding:15px 0 10px 0; border-bottom:1px solid #eeeeee; font-weight:600; font-size:16px;}
.photo_news .tabs li.photo:after{content:""; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:20px; right:0}
.photo_news .tabs li.current{color: #3eaf0e;}
.photo_news .tabs li.current:before{content:""; display:block; position:absolute; bottom:-2px; left:50%; margin-left:-18px; width:30px; height:2px; background:#3eaf0e;}
/*.photo_news h2{position:relative; padding:20px 0 10px 0; margin-bottom: 15px; border-bottom:2px solid #eeeeee;}
.photo_news h2:before{content:""; display:block; width:155px; height:2px; position:absolute; bottom:-2px; left:0px; background:#3eaf0e;}*/
.photo_news .p_news{display: none; margin:0 auto;   text-align:center; overflow:hidden; }
.photo_news .p_news.current{ display: block;}
.photo_news .p_news ul{height:100%; }
.photo_news .p_news ul:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.photo_news .p_news > ul > li {margin-bottom:15px; }
.photo_news .p_news li > ul > li{  position:relative; float:left;  width:48%; margin-left:10px;}
.photo_news .p_news li > ul > li:first-child{margin-left:0;}
.photo_news .p_news li > a{display:block; }
.photo_news .p_news li > a .p_img{position:relative; display:block; height:auto; overflow:hidden; }
.p_news.video .p_img:before{content:""; display:block; width:30px; height:30px; position:absolute; bottom:10px; right:10px; background:url(../../images/video_ico.png) no-repeat; background-size:30px;}
.photo_news .p_news img{/*width:178px; height:118px; margin-left:-20px;*/ width:100%; min-height:100%; }
.photo_news .visual-slogan{color:#454545; width:100%; height:46px; line-height:19px; font-weight:500; font-size:13px; padding:5px 15px 0 15px; box-sizing:border-box; transition: all .5s; -webkit-transition: all .5s; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.photo_news .more_btn{display:block; background:#fafafa; border:1px solid #f7f7f7; padding:10px 0; margin-bottom:15px; line-height:18px; border: 1px solid #d8d8d8;}
 

 /*섹션별 주요뉴스*/
.section_top{border-top:5px solid #f7f7f7; max-width:640px; margin:0 auto; padding:0 15px 15px 15px; background:#fff; box-sizing:border-box;}
.section_top h2{position:relative; padding:20px 0 10px 0; margin-bottom: 10px; border-bottom:2px solid #eeeeee; font-size:16px; font-weight:600; }
.section_top h2:before{content:""; display:block; width:103px; height:2px; position:absolute; bottom:-2px; left:0px; background:#3eaf0e;}
.section_top .txt_tit{padding-right:10px; color:#3eaf0e;}
.section_top li{}
.section_top li a{display:block; padding:10px 0;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size:15px; border-top:1px solid #eee; line-height:20px;}
.section_top li:first-child a{border-top-width:0;}
.section_top .more_btn{display:block; background:#fafafa; border:1px solid #f7f7f7; padding:10px 0; margin-top:10px; line-height:19px; border: 1px solid #d8d8d8; text-align:center;}

/*list*/
.nav{ max-width:640px; margin:0 auto; padding:0 15px; padding-top:51px; background:#fafafa; box-sizing:border-box;}
.nav ul:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.nav ul li{float:left;}
.nav ul li a{position:relative; display:block; padding:12px 0 12px 30px; font-size:13px;}
.nav ul li a:before{content:">"; display:block; position:absolute; top:12px; left:13px; width:15px; height:15px; color:#777777;}
.nav ul li.n_home a:first-child{padding-left:0;}
.nav ul li.n_home a:before{content:"";}
.list{}
.list .more_btn{display:block;   padding-top:15px; text-align:center; box-sizing:border-box; }
.list .more_btn a{min-height:auto; padding:10px 0; border:0; background:#fafafa;  border:1px solid #d8d8d8;font-size:15px; line-height:20px;}

/*view*/
.view_pg{ max-width:640px; margin:0 auto; padding:15px; background:#ffffff; box-sizing:border-box;}
.view_pg .v_top{padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:25px;}
.view_pg .v_top:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.view_pg h4{font-weight:500; font-size:25px; max-height:67px; margin:10px 0 15px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.view_pg .v_info{color:#777777; font-size:15px;}
.view_pg .v_info .v_name{color:#246d05;}
.view_pg .v_info .v_mail{position:relative; padding-left:20px;}
.view_pg .v_info .v_mail:before{content:""; display:inline-block; width:1px; height:9px; background:#777777; position:absolute; top:5px; left:8px;}
.view_pg .v_info .v_date{display:block; background: url(../../images/date_ico.png) no-repeat left 8px; background-size: 10px; padding-left: 15px; padding-top:5px;}

.view_pg .view_btn{float:right;}
.view_pg .view_btn:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.view_pg .view_btn a{float:left; font-size:12px; font-weight:600; display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; border:1px solid #d5d5d5; border-radius:50%; margin-left:5px;}
.view_pg .view_btn a img{width:100%;}
.view_pg .sns_pop{display:none; position:fixed; top:33%; left:50%; margin-left:-151px; z-index:101; width:300px; padding-bottom:40px; border:1px solid #ccc; background:#fff;}
.view_pg .sns_pop .tit{position:relative; display:block;font-size:15px; height:40px; line-height:40px; text-align:center; background:#f7f7f7; border-bottom: 1px solid #ccc;}
.view_pg .sns_pop .sns_close{display:block; width:40px; height:40px; position:absolute; top:0; right:10px;}
.view_pg .sns_pop .sns_close img{width:100%;}
.view_pg .sns_pop ul{text-align:center; padding-top:40px;}
.view_pg .sns_pop ul:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.view_pg .sns_pop li{display:inline-block; width:25%;}
.view_pg .sns_pop li a{display:block; background:url(../../images/sns01.png) no-repeat center top; background-size:45px; padding-top:55px;}
.view_pg .sns_pop li .sns02{background-image:url(../../images/sns02.png);}
.view_pg .sns_pop li .sns03{background-image:url(../../images/sns03.png);}
.view_pg .sns_pop li .sns04{background-image:url(../../images/sns04.png);}
.view_pg .sns_pop .url_copy{display:block; text-align:center; padding-top:22px;}
.view_pg .sns_pop .url_copy input{border:1px solid #ccc; height:30px; width:130px; padding:0 5px; background:#fafafa; }
.view_pg .sns_pop .url_copy button{display:inline-block;height:32px; line-height:32px; padding:0 10px; box-sizing:border-box; border: 1px solid #ccc}

.v_content{font-size:17px; }
.v_content .img_txt{font-size:13px; text-align:center; color:#777;}
.v_content p{line-height:1.6em; padding-bottom:15px;}
.v_content p a{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.v_content img{width:100%; margin-bottom:5px;}
.v_content .copy_r{display:block; border-top:1px solid #eee; color:#999999; font-size:12px; text-align:right; padding-top:15px;}

/*이전글 다음글 190502*/
.next_prev{position:relative;  margin:0px auto; border-top: 5px solid #f7f7f7; max-width: 640px; padding: 0 15px; background: #fff; box-sizing: border-box;}
.next_prev li{position:relative;  border-top:1px solid #eeeeee; }
.next_prev li:first-child{border-top:0;}
.next_prev span{position:absolute; top:15px; left:5px;}
.next_prev span img{width:8px; margin-right:15px; margin-top:-3px;}
.next_prev p{display:inline-block;}
.next_prev a{display:block; padding:15px 10px 15px 83px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; border:0;}

/*인사말-greeting*/
.greeting{ max-width:640px; margin:0 auto; padding:15px; background:#ffffff; box-sizing:border-box;}
.sub .pg_tit, .board_pg .pg_tit{ font-size:20px; position:relative; padding-bottom:10px; margin:15px 0 30px 0;; border-bottom:2px solid #eeeeee; text-align:center; font-weight:500;}
.board_pg.list .pg_tit{margin-bottom:15px;}
.sub .pg_tit:before, .board_pg .pg_tit:before{content:""; display:block; width:30px; height:2px; position:absolute; bottom:-2px; left:50%; margin-left:-15px; background:#3eaf0e;}
.greeting .g_img img{width:100%;}
.greeting .g_txt{padding-top:20px;font-size:15px; line-height:1.6em;}
.greeting .g_name{text-align:right; display:block; color:#777777;}
.greeting .g_name .strong{font-size:20px; color:#454545;}

/*찾아오시는길*/
.map{max-width:640px; margin:0 auto; padding:15px; background:#ffffff; box-sizing:border-box;}
.location_map {
    height: 300px;
    border: 1px transparent solid;
    border-radius: 5px;
}



/*footer*/
footer{ max-width:640px; margin:0 auto; padding:15px; background:#f7f7f7;  font-size:11px; box-sizing:border-box;}
footer .f_btn{margin-bottom:15px;}
footer .f_btn ul:after{content:".";clear:both;display:block;height:0;visibility:hidden}
footer .f_btn li{float:left; width:33.3%;text-align:center;} 
footer .f_btn li a{display:block;  background:#fff;  margin-left:3%; padding:10px 0; line-height:1em;}
footer .f_btn li:first-child a{margin-left:0;}
footer p{color:#777777;}



@media (min-width:400px) {
/*#visual{min-height:290px;}
#visual #popup{height:300px;}
#visual #popup .item { height:300px;}*/
#visual #prev-next{top:43%; margin-top:0;}


/*.photo_news .p_news li > a .p_img{height:115px;}*/
}

@media (min-width:500px){
#popup .item-txt{height:60px; 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 49%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 49%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 49%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
#popup .owl-dots{top:5%;}
/*.photo_news .p_news li > a .p_img{height:160px;}*/
.photo_news .p_news li > ul > li{width:48.9%;}
/*.photo_news .p_news img{margin-left:0;}*/
.p_news.video .p_img:before{width:40px; height:40px; background-size:40px; bottom:15px; right:15px;}
}