@charset "utf-8";

.tp_icon{display:block;background:url(../images/common/tp_icon.png) no-repeat; /*background-image:url(/images/common/tp_icon.svg), none;*/ font-size:0;}

.wrapper{position:relative;margin:0 auto;width:100%;}
.wrapper:after{content:"";display:block;visibility:hidden;clear:both;}
#wrap{position:relative; }
.container { position:relative; width:1200px; margin:0 auto}

.fz_gallery_list .fz_gallery_user {word-break:break-all;}
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:1000}
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}
#gnb{display:none}
/*#header_group{position:relative;float:left; width:100%; height:130px;background:#fff url(/images/common/header_bg.png) repeat-x;}*/
#header_group{position:fixed;left:0;top:0; width:100%; height:130px;background:#fff url(/images/common/header_bg.png) repeat-x; z-index:10}
#header_group.new_bg,#header_group.change-color{}

/* 20170412추가 */
.search-box { position:absolute;left:50%; margin-left:-600px; top:0px; width:250px; height:40px; background:#132f5b; border:0px solid #f00; z-index:3333 }
.search-box input { float:left;width:180px; height:40px; line-height:40px; background:transparent; border:0; color:#fff; font-size:15px; padding-left:10px;}
.search-box img {float:right; padding:0 5px; border-left:1px solid #1e3d6c}



@media only screen and (max-width:1200px) {
  .search-box { left:280px; margin-left:0; top:10px; background:transparent url(/images/common/line1.png) repeat-x left bottom;}
  .search-box img { border-left:0px solid #1e3d6c} 
  #hd_pops_4 img{width:100%;}
.hd_pops_con {width:100% !important; height: auto !important;}
} 


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

#hd_pop {width:90% !important; }

}

@media only screen and (max-width:500px) {
  .search-box {display:none;}
} 


#top_head { position:relative; float:left; width:100%;}
#top_head #logo{position:absolute;left:50%; margin-left:-600px; top:55px; border:0px solid #f00; z-index:999}
#top_head #logo a{display:block;margin:0 auto;overflow:hidden;width:250px;height:59px;background:url(/images/common/bg_logo.png) no-repeat;text-indent:-9999px}

#top_head>.tp_icon,
#open_pop .tp_icon{width:60px;height:60px}
#open_mn{position:absolute;right:0;}
#open_pop{position:absolute;top:0;right:0;width:50px;background:#d50202;z-index:999}
#open_pop .pop_open{background-position:-50px 0}
#open_pop .pop_close{background-position:0 0}

#topmenu{display:none;position:absolute;top:0;right:-330px; overflow-y:scroll; width:330px;height:100%;background:#0c2449;z-index:1040}
#topmenu h1{display:none}
.m_social{position:relative;padding:16px 20px 13px 20px;height:70px;background:#f3f3f3}
.m_social .g_btn{display:inline-block;padding:10px 5px;width:80px;background:#fff;color:#999;border:1px solid #ddd;text-align:center;vertical-align:middle;line-height:14px;font-size:12px;}
.m_social .g_btn:hover{background:#d50202;border:1px solid #d50202;color:#fff}
.m_social .home:before{display:inline-block;content:"";margin-right:5px;padding-bottom:2px;width:11px;height:11px;background:url(/images/common/home_ico.png) no-repeat -40px 0;background-image:url(/images/common/home_ico.svg), none;vertical-align:middle;}
.m_social .sitemap:before{display:inline-block;content:"";margin-right:5px;padding-bottom:2px;width:8px;height:7px;background:url(/images/common/home_ico.png) no-repeat -60px 0;background-image:url(/images/common/home_ico.svg), none;vertical-align:middle;}
.m_social .kakao {display:inline-block; padding:10px 20px;margin-top:3px; border:1px solid #ddd;vertical-align:middle;line-height:14px;  background:#ffe844 url(/images/common/head_kakao.png) no-repeat center ; text-indent:-9999px;}
.m_social .blog {display:inline-block; padding:10px 20px;margin-top:3px;border:1px solid #ddd;vertical-align:middle;line-height:14px;background:#66aa00 url(/images/common/head_blog.png) no-repeat center ; text-indent:-9999px;}
.m_social .fb { display:inline-block; padding:10px 20px;margin-top:3px;border:1px solid #ddd;vertical-align:middle;line-height:14px; background:#1e4889 url(/images/common/head_fb.png) no-repeat center ; text-indent:-9999px;}



.m_social .tp_icon{position:absolute;top:22px;right:12px;width:26px;height:25px;background:url(/images/common/topmenu_close_btn.png) no-repeat;background-image:url(/images/common/topmenu_close_btn.svg), none;}

.top_btn{display:none;}


.depth3_tab{display:none;}

.head-social {display:block;position:absolute; left:50%; margin-left:80px/*220px*/; top:0px;z-index:999; overflow:hidden;}
.head-social li{display:inline-block; float:left; height:40px;  background:url(/images/common/divide1.png) no-repeat left ; }
.head-social li:first-child { background:none;}
.head-social li a {display:block; color:#fff; margin:0;  font-size:13px; line-height:40px;padding:0 20px;}
.head-social li a.kakao { background:#ffe844 url(/images/common/head_kakao.png) no-repeat center ; text-indent:-9999px;}
.head-social li a.blog { background:#66aa00 url(/images/common/head_blog.png) no-repeat center ; text-indent:-9999px;}
.head-social li a.fb { background:#1e4889 url(/images/common/head_fb.png) no-repeat center ; text-indent:-9999px;}

/* 검색 */
.sch {position: relative; margin-top: 7px;}
.sch_str {font-size: 0;}
.sch_str_txt {font-size: 13px; width: 146px; height: 25px; padding-left: 4px;}
.submit { background: url(/images/common/ico_search.png) no-repeat; width: 18px; height: 18px; border: 0; position: absolute; top:3px; right: 3px;}
.m_sch {position: absolute; top: 17px; right: 75px; display: none;}
.m_submit {background: url(/images/common/m_ico_search.png) no-repeat; width: 26px; height: 26px; border: 0; background-size: cover}

#gnb{display:block;height:130px;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);}
.tit_gnb{left:-438px;width:438px;padding:20px 50px 20px 160px;}
#animate{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:130px;background:url(/images/common/animate_bg.png) repeat-x 0 130px;z-index:998}
#animate:before{display:block;content:"";position:absolute;left:0;top:130px;width:100%;border-bottom:1px solid #292929;}

#tnb{position:absolute;left:50%; margin-left:-250px; top:0px;width:850px; border:0px solid #f00; z-index:50}
#flower{position:absolute;top:125px;left:0;height:5px;background:#cd1c19}  /* 메뉴표시 bar*/
#tm{position:relative;}
#tm:after{content:"";display:block;clear:both;visibility:hidden}
#tm .th1{float:left; margin-top:70px;}
#tm .th1 .th1_lnk{display:block;position:relative;padding:0 25px;color:#333;font-size:19px;line-height:30px;text-align:center}
#tm .th1:first-child .th1_lnk:before{display:none}
#tm .summry{position:absolute;top:115px;left:0;padding:35px 35px 35px 8px;width:100%;}
#tm #summry1{}
/*
#tm #summry2 .th2{left:-35px;width:1000px;}

#tm #summry2 .th2 li{width:11%;}
#tm #summry3 .th2 li{width:22%;}
*/
#tm .summry.ov{background:url(/images/common/bg_th2.png) repeat}    
#tm .th2{position:relative;top:25px;width:830px;}
#tm .th2:after{content:"";display:block;clear:both;visibility:hidden}
#tm .th2>li{ position:relative;display:inline-block; float:left;width:90px;margin:0 10px 15px ;}
#tm .th2>li>a{display:block;position:relative; float:left; color:#fff;text-align:center; width : 90px; height : 90px; border:1px solid #fff;  border-radius : 100%; opacity:0.8}
#tm .th2>li>a.ov,
#tm .th2>li>a:hover,
#tm .th2>li>a:focus{text-decoration:none; border:1px solid #d6130b; background:#d6130b; opacity:1}
#tm .th2>li>a span {float:left; width:100%; font-size:15px; line-height:20px; margin-top:37%;letter-spacing:-.04em; border:0px solid #f00}
#tm .th2>li>a span.r2 { margin-top:27%; }
#tm .th2>li>a span.r3 { margin-top:16%; }
#tm .th3{display:none;position:absolute;top:90px;/*top:230px;*/left:0;width:900px;padding-top:20px}
#tm .th3:after{content:"";display:block;clear:both;visibility:hidden}
#tm .th3 li{float:left;position:relative;margin-right:5px}
#tm .th3 li a{display:block;padding:0 12px;border:1px solid #787777;line-height:32px}
#tm .th3 li a:hover,
#tm .th3 li a:focus{border:1px solid #cb0000;color:#cb0000}
#tm #summry2 .th3{top:230px;}
.tit_gnb{position:absolute;top:30px;left:-370px;padding:20px 20px 20px 50px;width:300px;height:320px;}
.tit_gnb.show{display:block}
.tit_gnb h2{position:relative;display:inline-block;margin:0 0 10px;padding:10px 0 0;background:none;/*font-size:45px;color:#fff;*/font-size:0;line-height:0;}
.tit_gnb h2:before{display:inline-block;content:"";position:absolute;left:-15px;top:2px;width:12px;height:13px; background:url(/images/common/ico_dot.png) no-repeat}
.tit_gnb p{padding:0;line-height:22px;word-wrap:break-word;word-break:keep-all;color:#bbb;font-size:14px;font-family: 'NanumBarunGothic';}
#summry1 .tit_gnb h2{/*width:79px;*/width:140px;height:44px;background:url(/images/common/tit_gnb_sub1.png) no-repeat;}
#summry2 .tit_gnb h2{/*width:77px;*/width:170px;height:44px;background:url(/images/common/tit_gnb_sub2.png) no-repeat;}
#summry3 .tit_gnb h2{/*width:82px;*/width:210px;height:44px;background:url(/images/common/tit_gnb_sub3.png) no-repeat;}
#summry4 .tit_gnb h2{/*width:78px;*/width:248px;height:44px;background:url(/images/common/tit_gnb_sub4.png) no-repeat;}
#summry5 .tit_gnb h2{/*width:77px;*/width:140px;height:44px;background:url(/images/common/tit_gnb_sub5.png) no-repeat;}
#summry6 .tit_gnb h2{/*width:82px;*/width:140px;height:44px;background:url(/images/common/tit_gnb_sub6.png) no-repeat;}




#gnb_device{border-top:2px solid #000;}
#gnb_device .th1{ }
#gnb_device .th1.first {}
#gnb_device .th1 .th1_lnk{display:block;padding:21px 8px;width:90px;border-bottom:1px solid #555a65;color:#fff;font-size:15px;font-weight:bold;line-height:20px;text-align:left; letter-spacing:-.10em;}
#gnb_device .th1>b{position:absolute;top:70px;left:90px;padding:22px 25px;width:240px;background:#fff;color:#333;font-size:16px;line-height:16px}
#gnb_device .th1>b:before{display:block;content:"";position:absolute;right:0;bottom:0;width:88%;border-bottom:0px solid #000;z-index:2;}
#gnb_device .th1 .th1_lnk.ov{background:#fff;color:#c52323}
#gnb_device .th2{position:absolute;top:70px;left:90px;padding-left:0px;width:240px;height:100%;background:#fff;border-top:2px solid #000; z-index:50;border-top:0px solid #f00}
#gnb_device .th2>li{}
#gnb_device .th2>li>a{display:block;position:relative;padding:21px 15px;background: #fff url(/images/common/topmenu_off.png) no-repeat 85%;background-image:#fff url(/images/common/topmenu_off.svg), none;border-bottom:1px solid #e0e0e0;color:#444;font-size:16px;line-height:16px}
#gnb_device .th2>li>a:before{content:"";display:block;position:absolute;top:50%;right:23px;margin-top:-8px;width:15px;height:15px;background:url(/images/common/tp_icon.png) no-repeat 0 -134px;
                              background-image:url(/images/common/tp_icon.svg), none;}
#gnb_device .th2>li>a:hover,
#gnb_device .th2>li>a:focus,
#gnb_device .th2>li>a:active,
#gnb_device .th2>li>a.ov{background:#d50202 url(/images/common/topmenu_on.png) no-repeat 85%;background-image:url(/images/common/topmenu_on.svg), none;color:#fff}
#gnb_device .th2>li>a:hover:before,
#gnb_device .th2>li>a:focus:before,
#gnb_device .th2>li>.ov:before{background-position:-30px -134px}
#gnb_device .th2>li>.current:before{background-position:-15px -134px}
#gnb_device .th2>li>.ov.current:before{background-position:-45px -134px}
#gnb_device .th3{padding:0px 0 20px 0px}
#gnb_device .th3 li{padding-left:10px;background:#f7f7f7}
#gnb_device .th3 li a{display:block;margin-left:10px;padding:15px 0;border-top:1px solid #e0e0e0;font-size:15px;}
#gnb_device .th3 li a:hover,
#gnb_device .th3 li a:focus{color:#d50202}
#gnb_device .th3 li:first-child a{border-top:0}

@media(max-width:767px){
	.m_social { height:120px; z-index:50}
	#gnb_device .th2{top:120px; z-index:55;border-top:2px solid #000;}
}

@media(min-width:768px){
	#topmenu{right:-590px;width:590px; top:0;}
	#open_pop{width:70px}
	#open_pop .tp_icon{width:70px;height:70px}
	#open_pop .pop_open{background-position:-100px 0}
	#open_pop .pop_close{background-position:-170px 0}
	#gnb_device .th1>b:before{width:95%;}
	#gnb_device .th1 .th1_lnk{width:160px}
	#gnb_device .th1>b,
	#gnb_device .th2{left:160px;width:430px}

	.m_social .tp_icon{right:30px;}

}

@media screen and (min-width: 0px) and (max-width: 667px) {
	#topmenu{top:0px;}

}


@media(max-width:1200px){
#wrap{ padding-top:0px}
#header_group{height:60px; background: url(/images/common/new_header_bg2.png) repeat;	}
#top_head #logo{position:absolute;left:20px; top:8px; z-index:999; border:0px solid #f00; margin:0; }
#top_head #logo a {width:210px;height:42px; background:url(/images/common/bg_logo2.png);background-size:cover;}
.container { width:96%; margin-left:2%; margin-right:2%;}
    .head-social{display:none;}
	#gnb{display:none;}
	.tit_gnb{display:none;}
	#animate{display:none;}
	#tnb{display:none;}
	#flower{display:none;}
	#tm{display:none; }

.m_sch {display: block;}
}





#txt{padding:0 0 30px;}
#txt:after{content:"";display:block;clear:both;visibility:hidden;}



@media(min-width:1200px){
	#top_head>.tp_icon, #open_pop .tp_icon{display:none;}
	#navi{width:345px;}
	.svisual_wrap .btn{top:90px}
	#md_wrapper{padding:0;width:1200px;}

	.top_btn{display:block;position:fixed;right:10px;bottom:185px;}
	.top_btn a{display:block;}


}


/* footer */
#footer_group{ position:relative; float:left; width:100%; padding:25px 15px;background:#27292d;color:#fff;font-size:13px; }
#footer_group .wrapper{width:100%;}
#footer_group a {color:#fff;}
#footer_group .copy-logo {margin-bottom:12px;}
#footer_group .copy-logo img {width:278px}
#footer_group .info_box{margin:10px 0;float:left;}
#footer_group .info_box span{display:inline-block;}
#footer_group .info_box .guide,
#footer_group  .tel,
#footer_group  .ars{position:relative;margin-right:15px;}
#footer_group .info_box .guide:after,
#footer_group .tel:after,
#footer_group .ars:after{display:inline-block;content:"";position:absolute;top:4px;margin-left:8px;width:1px;height:12px;background:#666;}

#footer_group .cp-info {width:60%;float:left; clear:both;border:0px solid #f00 ; margin-bottom:20px;}
#footer_group .cp-info li {display:inline-block;float:left; width:50%; font-size:13px; line-height:25px;}
#footer_group .cp-info li.first {width:35%;}
#footer_group .cp-info li dt {float:left;width:30%; color:#666 }
#footer_group .cp-info li dd {float:left;width:70%; color:#999 }
/*#footer_group .info_box .guide:after{top:4px;}*/
#footer_group p.copyright{margin-top:20px;font-size:12px;float:left; clear:both;}
#footer_group p.copyright span{display:inline-block;margin-right:6px;}
/*#footer_group p.copyright span{display:block;}*/

#footer_group .social-wrap {position:relative; float:right; width:40%; margin-top:-30px;}
#footer_group #map {float:left; width:40%; height:95px; overflow:hidden;}
#footer_group .f_social {float:left; width:60%;  }
#footer_group .f_social li { display:inline-block; float:left;width:33.3%;height:95px; text-align:center; color:#fff; line-height:24px;}
#footer_group .f_social li a { display:block; width:100%; height:100%; font-size:14px;}
#footer_group .f_social li a.kakao1 { background:#ffe600; color:#34290c}
#footer_group .f_social li a.fb1 { background:#2961a8}
#footer_group .f_social li a.blog1 { background:#68b70b}
#footer_group .f_social li a img {margin:20px auto 0;}



@media only screen and (min-width:768px) {
	#footer_group{position:relative;padding:25px 45px 40px;}
	#footer_group .footer_top{position:absolute;right:0;top:-15px;width:165px;}
	#footer_group .footer_top .family{margin-right:0;}
	#footer_group address{margin-top:25px;color:#ddd;}
	#footer_group address .address{display:inline-block;}
	#footer_group p.copyright{margin-top:0;color:#ddd;}
}

@media only screen and (min-width:1024px) {
	#footer_group{padding:25px 50px 40px;}
}

@media only screen and (max-width:1024px) {
	#footer_group .cp-info {width:100%;float:left; clear:both;border:0px solid #f00 ; }
	
	#footer_group .social-wrap {position:relative; float:left; clear:both; width:100%; margin-top:5px;margin-bottom:15px; }
	#footer_group #map {float:left; width:50%; height:110px;}
	#footer_group .f_social { width:50%; }
	#footer_group .f_social li { height:110px; }
	#footer_group #map .wrap_map {height:110px !important;}
}


 

@media only screen and (min-width:1280px) {
	#footer_group{padding:25px 0 40px;}
	#footer_group .wrapper{width:1200px;}
}



@media only screen and (max-width:640px) {
	
	#footer_group #map {float:left; width:100%; height:120px;}
	#footer_group .f_social { clear:both;width:100%; }
	#footer_group .f_social li { height:80px; }
	#footer_group .cp-info li { width:100%; }
	#footer_group .cp-info li.first {width:100%;}
#map {background-image:url(http://prt.map.naver.com/mashupmap/print?key=p1519267288787_-1885768995); background-position:center; background-repeat:no-repeat; background-size:cover;}

} 



@media only screen and (max-width:460px) {
	
	#top_head #logo{left:7px; }
.hd_pops_footer button {font-size:12px;}
}