@charset "utf-8";

/* total */
@font-face {
  font-family: 'GmarketSans';
    src: url('/font/GmarketSans/GmarketSansBold.woff') format('woff');
  font-weight: 600;
}
@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Bold.woff') format('woff');
	font-weight: 700;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-SemiBold.woff') format('woff');
	font-weight: 600;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Medium.woff') format('woff');
	font-weight: 500;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Regular.woff') format('woff');
	font-weight: 400;    
}
@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Light.woff') format('woff');
	font-weight: 300;    
}

body { font-family: 'Pretendard'; font-weight: 500;   }
body a {display: inline-block;}
ol:after, ul:after, dl:after {display: none;}
body .font_G {font-family: 'GmarketSans' !important;}
#total,#wrap{position:relative;}
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:1000;}
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}
#shadow_device2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:1000;}

.wrapper{position:relative;margin:0 auto;width: 1400px;}
.wrapper:after{content:"";display:block;clear:both;visibility:hidden;}

@media(max-width:1400px){
	.wrapper{width:100%; padding: 0 40px;}
}
@media(max-width:1000px){
	.wrapper{padding:0 20px;}
}

/* ir */
.ir{display:block;overflow:hidden;background:url(/user_res/images/common/ir.png) no-repeat;font-size:0;line-height:0;}
.iconset{display:block;overflow:hidden;background:url(/user_res/images/common/iconset.png) no-repeat;font-size:0;line-height:0;}


/* header */
#header_group {position:relative;z-index:999;}

#logo {position: absolute;z-index:1010;left: 40px;top: 20px;opacity: 0.9;}
#logo a {font-family: 'GmarketSans';color: #fff;font-size: 28px;margin-top: 15px; display: block; float: left;}

#logo span {
  display: block;
  margin-top: -11px;
  float: left;
  margin-right: 10px;
  width: 183px;
  height: 45px;
  font-size: 0;
  background: url(/user_res/images/common/logo.png) no-repeat 100%;
}
#logo .ir{width: 235px;height: 44px;background: url(/user_res/images/culture/logo-tour.png);display: none;}

#top_head {position: relative;top: 0;left:0;}
#top_head .header_right {
  position: absolute; right: 25px; top: 35px; z-index: 1000;
}
#top_head .header_right .list {  display: flex; justify-content: left; position: relative;}
#top_head .header_right .list li {font-size: 0;width: 26px; margin: 0 15px;}
#top_head .header_right .list li a {width: 26px; height: 26px;}
#top_head .header_right .list li a.btn_logout {
  background: url(/user_res/images/culture/icon_logout.png) no-repeat;
}
#top_head .header_right .list li.sitemapBtn a{
  background: url(/user_res/images/culture/icon_hamburger.png) no-repeat;
}
#top_head .header_right .list li.englishBtn a{
  background: url(/user_res/images/culture/icon_english.png) no-repeat;
}
/*헤더 hover*/


/*헤더 - 검색버튼*/
#top_head .header_right .list li.searchBtn {position: relative;}
#header_group  #open_sc{
  background:url(/user_res/images/culture/icon_search.png);
}
#header_group .basic_search {display: none; position: absolute;top: -7px;  right: -8px;}
#header_group #topsearch.hiddenSearch{display:block;}
#header_group .basic_search h2:before{display:none;}
/* #header_group .basic_search .searchFrm {position: absolute; right: 10px; top: 30px;} */
#header_group #open_sc.ov{
  position:absolute;right: 5px;top: 2px;z-index:15;
  background:url(/user_res/images/common/search-close-ico.png) no-repeat 50% 50%;
}
#header_group .basic_search .searchFrm input[type="text"]{
  padding:0;width: 250px;height:45px;
  background-color: #fff;border: 2px solid #6232de;border-radius:30px;
  text-indent:10px;
}
#header_group .basic_search .searchFrm input[type="submit"]{
  border:0px; display:inline-block;
  font-size:0;text-indent:-9999px;
  position:absolute;right:43px;top:9px;
  width:26px;height:26px; 
  background:url(/user_res/images/culture/icon_search_ov.png);
}
#header_group .basic_search .searchFrm input[type="submit"]:hover {cursor: pointer;}



/*헤더 - 패밀리사이트 버튼*/
#header_group #family_site {position: relative;}
#header_group #family_site strong a {background: url(/user_res/images/culture/icon_familysite.png) no-repeat;}
#header_group #family_site .obj {
  width: 130px;
  background: #fff;
  z-index:9999;
  position: absolute;
  right: -10px;
  top: 35px;
  border-radius: 5px;
  overflow: hidden;
} 
#header_group #family_site .obj li {width: 100%;border-bottom:1px solid rgba(0,0,0,0.2); margin: 0;}
#header_group #family_site .obj a {width: 100%;height: 33px;font-size: 15px;display: block;line-height: 34px;text-indent: 15px;}
#header_group #family_site .obj a:hover { background:#6232de; color: #fff; }


/* #header_group .menu-box #open_sitemap a{display:inline-block;width: 30px;height: 30px;background-position: -525px 3px;background-image:url(/user_res/images/common/ir.png);font-size:0;vertical-align:middle;} */


/**/
#top_head .header_right ul li.menuopenBtn {display: none;}
#top_head .header_right ul li.menuopenBtn a {background: url(/user_res/images/culture/icon_hamburger.png) no-repeat;}
#open_mn{display:none;}


@media(max-width:1600px){
	#logo{left: 20px;}

}

@media screen and ( max-width:1400px ) {
  #top_head .header_right ul li.menuopenBtn {display: block;}
  #top_head .header_right ul li.familyBtn {display: none;}
  #top_head .header_right ul li.englishBtn {display: none;}
	#open_mn {display:block;}
  #top_head .header_right .list li.sitemapBtn {display: none;}
	.mn_btn{/* margin: 73px 40px 0 0; */}	
	#header_group .menu-box #open_sitemap a { display:none;}
}

/* @media(max-width:1239px){
	#header_group .basic_search .searchFrm input[type="search"]{width:220px;}
	#top_head{height:70px;}
	
	#site_search{width:70px;height:70px;}
} */


                                                                                    
@media(max-width:600px){	
  #logo a {font-size: 20px;}
  #logo span {width: 110px; background-size: 100%;}




}




/* topmenu */
#topmenu{display:none;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;right:0;width:590px;height:100%;background-color: #383a4a;z-index:1040}
#topmenu h1{display:none}
.m_global{position:relative;height: 38px;background-color: #6232de;}
#topmenu .m_global .btn,
#family_site_mobile{display:inline-block;width:70px;font-size: 14px;/* background:#fff; *//* border:1px solid #ddd; */vertical-align:middle;}
#family_site_mobile{position: absolute;top: 0px;left: 0px;width: 115px;text-indent: 10px;}
#family_site_mobile strong a{color: #fff;line-height:inherit;font-size: 15px;padding: 6px 0 11px 6px;display: block;}
#family_site_mobile strong a:after{display:inline-block;content:"";position:absolute;bottom: 13px;/* margin-left: 52px; */border: 5px solid transparent;border-top-color:#fff;vertical-align:middle;right: 7px;}
#family_site_mobile .obj{position:absolute;top: 38px;z-index:10;width:100%;}
#family_site_mobile .obj ul{background: #452499;margin-top: 0px;}
#family_site_mobile .obj ul li {padding: 10px 0;text-align:left;border-bottom: 1px solid rgba(0,0,0,0.2);}
#family_site_mobile .obj ul li a{color:#fff;font-size: 14px;}
#topmenu .m_global .btn.home, #topmenu .m_global .btn.sitemap { display:none;}
.m_global .btn:link,.m_global .btn:visited{background-color:#fff;color:#999;}
.m_global .btn.en{width:40px;}
.m_global .btn:before{content:"";display:inline-block;margin-right:5px;padding-bottom:2px;width:11px;height:11px;
	background:url(/user_res/images/common/home_ico.png) no-repeat;
	vertical-align:middle;
}

#lang_site_mobile {position: absolute;top: 5px;left: 120px; font-size: 16px; color: #fff; font-weight: 300;}

.m_global .home:before{background-position:-40px 0;}
.m_global .sitemap:before{height:8px;background-position:-55px 0;}
.m_global .en:before{display:none;}
.m_global #close_topmenu{
	display:block;
	position:absolute;
	top: 7px;
	right: 33px;
	width:26px;
	height:25px;
	z-index: 99;
	background: url(/user_res/images/common/topmenu_close_btn1.png) no-repeat;
}

@media(max-width:1167px){
	#family_site_mobile a:hover,
	#family_site_mobile a:focus, 
	#family_site_mobile a.ov {background: #452499;}
	#gn2c{display:none;z-index: 9999;position:absolute;top: 38px;right:0;background:#515c68;}
	#gn2c ul{overflow:hidden;letter-spacing:0;}
	#gn2c li{float:left;width:100%;padding: 7px;border-bottom: 1px solid rgba(0,0,0,0.2);}
	#gn2c li>a{font-size:14px;}
}

#gnb_device{}
#gnb_device .th1{}
#gnb_device .th1 .th1_lnk{display:block;padding:19px 15px;width:160px;border-bottom:1px solid #555a65;color:#fff;font-size:16px;font-weight:bold;line-height:20px;text-align:center;letter-spacing:-1px;}
#gnb_device .th1>b{display:none;position:absolute;top: 38px;left:160px;padding:22px 25px 22px 10px;width:95%;background-color:#fff;color:#333;font-size:16px;/* line-height:16px; */}
#gnb_device .th1:first-child>b{display:block;}
#gnb_device .th1>b:before{display:block;content:"";position:absolute;left: 20px;bottom:0;width: 100%;border-bottom: 2px solid #000;z-index:2;}
#gnb_device .th1 .th1_lnk.ov{background-color: #fff;color:#132265;}
#gnb_device .th2{position:absolute;top: 100px;left:160px;width:430px;/*padding-left:20px;*/height:100%;background-color:#fff;overflow:auto;}
#gnb_device .th2>li{}
#gnb_device .th2>li>a{
	display:block;
	position:relative;
	padding:21px 15px 21px 10px;
	background: url(/user_res/images/common/topmenu_off.png) no-repeat 90%;
	border-bottom:1px solid #e0e0e0;
	color:#444;
	font-size:16px;
	line-height:16px;
	letter-spacing:-1px;
}
#gnb_device .th2>li>a:hover,
#gnb_device .th2>li>a:active,
#gnb_device .th2>li>a:focus,
#gnb_device .th2>li>a.ov{background: #6232de url(/user_res/images/common/topmenu_on.png) no-repeat 91%; url(/user_res/images/common/topmenu_on.png) no-repeat 91%;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:20px 0 20px 20px*/}
#gnb_device .th3 li{padding-left:10px;background-color:#f7f7f7}
#gnb_device .th3 li a{display:block;margin-left:10px;padding:15px 0;border-top:1px solid #e0e0e0;font-size:14px;}
#gnb_device .th3 li a:hover,#gnb_device .th3 li a:focus{color:#132265;}
#gnb_device .th3 li:first-child a{border-top:0}

@media(max-width:767px){
	#topmenu{width: 380px;}
	#gnb_device .th1>b:before{width: 260px;}
	#gnb_device .th1 .th1_lnk{padding:19px 11px;width:120px;font-size:15px;}
	#gnb_device .th1>b,	#gnb_device .th2{left: 115px;width: 280px;padding: 20px;}
	#gnb_device .th2>li>a{font-size:14px;}
}

/* gnb */
#gnb{}
#gnbwrap{}
#animate{overflow:hidden;position:absolute;top: 60px;left:0;width:100%;/*height:355px;*/z-index:1000;}
#animate .skip:before{display:none;}
#gnbwrap.action #animate{border-bottom:0px solid #E4C02B;}

#tnb{background: rgba(0,0,0,0.5);height: 58px;}
#tm{text-align:center;}
#tm .th1{display:inline-block;}
#tm .th1.no1 { margin-left:100px; }
#tm .th1 .th1_lnk{display:block;padding: 17px 29px;color:#fff;font-size:24px;line-height:25px;transition:0.2s all linear;-webkit-transition:0.2s all linear;}
#tm .th2wrap{display:none;position:absolute;top:58px;left:0;width:100%;height:280px;background-color:#fff;z-index:1;}
#tm .tit_gnb{display: none;position:absolute;top:40px;left:50%;margin-left:-620px;width:250px;z-index:1;}
#tm .tit_gnb .img_gnb{display:block;margin:20px 0 10px 0;}
#tm .tit_gnb{color:#7d7d7d;line-height:20px;}
#tm .tit_gnb h2{font-size:22px;margin-bottom:10px;color:#F59B00;letter-spacing:-1px;}
#tm .tit_gnb h2:before{display:none;}


#tm .th2{padding: 0px;background: url(/user_res/images/common/line.png) repeat-y 0px 0;}
#tm .th2>li{float:left;/* margin-left: 0.5%; *//* margin-bottom:19px; */width: 16.6%;}
#tm .th1.no1 .th2>li{min-height: 200px;}
#tm .th1.no4 .th2>li{min-height:150px;}


#tm .th2>li>a{display:block;padding:11px 28px 11px 15px;/* background:url(../images/common/th2_lnk_arr.png) no-repeat 95% 50%; */color:#000;border: 1px solid #e2e3e6;background: #eee;font-size: 17px;font-weight: 600;text-align: left;line-height:20px;}
/*#tm .th2>li>a:hover,#tm .th2 li a:focus{background-color:#3e6e9b;color:#fff;}
#tm .th2>li > a:before { display:block; content:''; width:20px; height:3px; background:#103a5d; margin:10px 0}*/
#tm .th2>li > a[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0;content:'';}
#tm .th3{padding: 0 14px;}
#tm .th3>li{display:block;margin:5px 0;line-height:0;}
#tm .th3>li a{display:block;position:relative;padding-left:9px;color:#6c6d6f;font-size: 15px;letter-spacing:-0.07em;line-height:18px;text-align: left;}
#tm .th3>li>a:hover,#tm .th3 li a:focus{background-color:transparent;color:#f59b00;text-decoration:underline}
#tm .th3>li a:before{content:"";display:inline-block;position:absolute;top:7px;left:0;width:3px;height:3px;background-color:#888;}
#tm .th3>li a[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0;content:'';}
/*
#tm .th1:first-child .th2wrap{display:block;}
*/

@media(max-width:1687px){
	#tm .th1 .th1_lnk{padding:20px 15px}
}

@media(max-width:1481px){
	#tm{margin-left:150px}
	#tm .th1 .th1_lnk{padding:20px 10px;font-size:22px}
}


@media(max-width:1359px){
	#tm .th1 .th1_lnk{padding:20px 10px;}
}
@media(max-width:1200px){	
/* 	#tm, #header_group .menu-box #open_sitemap a{display:none;} */
}
@media(max-width:1239px){
	#tm {display:none;}
}




/*추가 header*/
/** Animation **/
#header_2017 h1.logo,
#header_2017 h1.logo a,
#header_2017 .mob_btn,
#header_2017 .toputil,
#header_2017 .toputil .sns_link,
#header_2017 .toputil .site_code,
#header_2017 .toputil .totalsearch .btn,
#header_2017 #nav #gnb,
#header_2017 #nav #gnb ul li a span:after,
#header_2017 #nav #gnb ul li ul,
#header_2017 .toputil .sns_link ul li a
{transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}

#header_2017{position:absolute;z-index: 9;width:100%;/* max-width: 900px; */top: 0;/* left: 25%; */}
#header_2017 h1.logo {position:absolute; left:0; top:5px; z-index:999;}
#header_2017 h1.logo a {display:block;background: url("/user_res/images/study/logo.png") no-repeat left top;width: 346px;height: 43px;margin-top: 16px;}
#header_2017 h1.logo a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#header_2017 .mob_btn {display:none;}
#header_2017 #nav {width: 100%;height: 100px;position:relative;overflow:hidden;/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */}
#header_2017 #nav #blind {width:100%;height:100%;background: white;position:absolute;left:0;top: 100px;z-index:1;}
#header_2017 #nav #gnb {max-width: 1000px;margin:0 auto;position:relative;z-index:10;width: 100%;height: 100px;}
#header_2017 #nav #gnb .header_icon{position:absolute; right:0; bottom:182px;}


#header_2017 #nav #gnb>ul {width:100%;height:auto;display: flex; justify-content: center;}
#header_2017 #nav #gnb ul:after {content:""; display:block; clear:both;}
#header_2017 #nav #gnb ul li {width: 14%;}

#header_2017 #nav #gnb ul li a {display:block; text-align:center; text-decoration:none;}
#header_2017 #nav #gnb ul li a span {display:inline-block;vertical-align:top;font-size: 20px;height: 100px;/* padding: 14px 0 14px 0; */line-height: 100px;color: #fff;/* font-weight:600; */position:relative;}
#header_2017 #nav #gnb ul li a span:after {content:""; display:block; height:4px; width:0px; position:absolute; bottom:0; left:50%;}
#header_2017 #nav #gnb ul li a.ov span {border-bottom: 6px solid #6232de;font-weight:600;height: 100px;}

#header_2017 #nav #gnb ul li ul {width:auto;padding: 0 0 20px 0;margin-top:1px;border-right:1px solid #eee;}
#header_2017 #nav #gnb ul li:first-child ul{border-left:1px solid #eee;}
#header_2017 #nav #gnb ul li ul li:last-child {display:block; margin-bottom:-20px;}
#header_2017 #nav #gnb ul li ul li {float:none;width: 100%;margin:0 0 0 0;}
#header_2017 #nav #gnb ul li ul li a {display:inline-block;vertical-align:top;font-size: 1rem;font-weight: bold;letter-spacing: -0.7px;line-height:20px;height:auto;padding: 8px 15px;font-size: 16px;color: #000;text-align:left;display: block;width: 100%;/* word-break: keep-all; */}
#header_2017 #nav #gnb ul li ul li a.sp{padding:10px}
#header_2017 #nav #gnb ul li ul li a strong {font-weight:normal;}
#header_2017 #nav #gnb ul li ul li a:hover{  background: #6232de;color:white;text-decoration:none}
#header_2017 #nav #gnb ul li ul li a:hover strong{color:white}
#header_2017 #nav #gnb ul li ul li a[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0;content:'';}
#header_2017 #nav #gnb ul li ul li a:hover[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_link_icon.png)no-repeat 0 0;content:'';}

#header_2017 #nav #gnb ul li.num4 ul li:last-child a{word-break: normal;padding: 11px 15px 11px 15px;}
#header_2017 #nav #gnb ul li.num1 ul li:nth-child(5) a{padding:11px 0 11px 15px}
#header_2017 #nav #gnb ul li.num6 ul li:nth-child(3) a{padding:11px 0 11px 15px}

#header_2017 #nav #gnb ul li ul li ul {display:none !important;}
#header_2017 .toputil {position:absolute; right:3%; top:15px; z-index:10; padding-right:70px;}
#header_2017 .toputil:after {content:""; display:block; clear:both;}

#header_2017 .toputil .site_code {float:left; margin:21px 15px 0 15px;}
#header_2017 .toputil .site_code ul {width:auto;}
#header_2017 .toputil .site_code ul:after {content:""; display:block; clear:both;}
#header_2017 .toputil .site_code ul li {float:left; padding:0 10px; height:28px; line-height:28px; font-weight:600; color:#0261cb;}
#header_2017 .toputil .site_code ul li a {display:block; height:100%; line-height:28px;}
#header_2017 .toputil .totalsearch {position:absolute; right:-40px; top:0; overflow:hidden;}
#header_2017 .toputil .totalsearch .btn {display:block; border:1px solid #ddd; width:48px; height:48px; background:#fff url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; position:relative; z-index:10;}
#header_2017 .toputil .totalsearch .btn:hover, #header_2017 .toputil .totalsearch .btn:active {border:1px solid #8e8e8e;}
#header_2017 .toputil .totalsearch .btn.on {background:#014083 url(/user_res/images/main/health_totalsearch_close.png) no-repeat center 50%; border:1px solid #014083;}
#header_2017 .toputil .totalsearch .input {display:none; width:230px; height:48px; padding:5px 60px 5px 10px; left:1px; background:#fff; border:1px solid #ddd; position:absolute; right:0; top:0; z-index:5; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);}
#header_2017 .toputil .totalsearch .input input[type="text"] {width:100%; height:40px; line-height:48px; font-size:16px; border:0; color:#555; background:none; box-sizing:border-box;}
#header_2017 .toputil .totalsearch .input input[type="submit"] {text-indent:-9999px; overflow:hidden; width:48px; height:48px; display:block; position:absolute; right:0; top:0px; background: url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; border:0; background-size:60%;}
#header_2017 .toputil .totalsearch .input input[type="text"]::-webkit-input-placeholder {color:#555;}
#header_2017 .toputil .totalsearch .input input[type="text"]:-moz-placeholder {color:#555;}
#header_2017 .toputil .totalsearch .input input[type="text"]::-moz-placeholder {color:#555;}
#header_2017 .toputil .totalsearch .input input[type="text"]:-ms-input-placeholder {color:#555;}


@media screen and (max-width: 1600px) {
  #header_2017 #nav #gnb {max-width: unset; width: 900px;}
}


@media screen and (max-width: 1400px) {
  #header_2017 #nav {display:none; }
}





/*서브페이지 기본 레이아웃*/
/* middle */
#middle{position:relative;}
.mwrap #middle{padding-bottom:0;}

#container{position:relative;}


/* svisual */
#svisual{position:relative;padding-top:75px;height: 330px;background-attachment:fixed;background-image:url(/user_res/images/culture/svisual_sub01.jpg);background-repeat:no-repeat;background-position:50% 0;background-size: 100%;}
	#svisual.sub01{background-image:url(/user_res/images/culture/sub/svisual_sub_01.jpg);}
	#svisual.sub02{background-image:url(/user_res/images/culture/sub/svisual_sub_02.jpg);}
	#svisual.sub03{background-image:url(/user_res/images/culture/sub/svisual_sub_03.jpg);}
	#svisual.sub04{background-image:url(/user_res/images/culture/sub/svisual_sub_04.jpg);}
	#svisual.sub05{background-image:url(/user_res/images/culture/sub/svisual_sub_05.jpg);}
	#svisual.sub06{background-image:url(/user_res/images/culture/sub/svisual_sub_06.jpg);}
	#svisual.sub07{background-image:url(/user_res/images/culture/sub/svisual_sub_07.jpg);}
#svisual .mask-black-dot{position:absolute;top:0;left:0;width:100%;height:100%;}
#svisual .wrapper{padding-top:100px;}
#svisual .wrapper *{position:relative;color:#fff;line-height:1;text-align:center;}
#svisual .wrapper h1{font-size:45px;}
#svisual .wrapper h1:before{display:inline-block;content:"";position:absolute;left:50%;top:-33px;margin-left:-6px;width:12px;height:12px;background-color:#f59b00;border-radius:50%;}



#svisual .wrapper p{margin-top:30px;padding-top:18px;font-size:15px;}


#svisual .mvcopy p{display:inline-block;margin-top:0;text-align:center;vertical-align:middle;}
#svisual .mvcopy p a{display:inline-block;position:relative;padding:20px 35px 20px 66px;border:2px solid #fff;color:#fff;font-size:17px;line-height:20px;background:url(../imsges/main/btn_bg.png) repeat;}

#svisual .mvcopy p a .linebox{position:absolute;top:50%;left:33px;margin-top:-9px;width:19px;height:19px;}
#svisual .mvcopy p a .linebox .line {
  position: relative;
  display: block;
  width: 19px;
  height: 5px;
  margin: 1px 0;
  background-color: #fff;
}
#svisual .mvcopy p a .linebox .line:after {
  position: relative;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: #ffc600;
  animation: icon .75s ease-in-out infinite;
}

#svisual .mvcopy p a .linebox .line.n1:after {
	width: 30%;
  animation-delay: .25s;
}
#svisual .mvcopy p a .linebox .line.n2:after {
 width: 50%;
  animation-delay: .75s;
}
#svisual .mvcopy p a .linebox .line.n3:after {
 width: 30%;
  animation-delay: .35s;
}


@keyframes icon {
  0% {
    width: 30%;
  }
  50% {
    width: 80%;
  }
  100% {
    width: 30%;
  }
}



@media(max-width:1023px){
	#svisual{padding-top:60px;height:250px;background-size:auto;}
	#svisual .wrapper h1{font-size:30px;}
	#svisual .wrapper p{display:none;}
}



/* snb */
#snb{float:left;}
#snb{position:relative;margin: 25px 0;margin-right:5%;width:20%;}
#snb h1{/* position:relative; */padding: 5px 15px;font-size: 40px;letter-spacing: -0.5px;font-weight: 600;text-align:center;z-index:1;word-wrap:break-word;word-break:keep-all;/* border-bottom: 2px solid #344b60; */}

#snb h1 span{display:inline-block;line-height:30px;vertical-align:middle;padding: 30px 0;word-wrap:break-word;word-break:keep-all;}


#sidemenu .sidebar-menu{position:relative;}
#sidemenu .sidebar-menu>li {line-height:0;border: 1px solid #e0e0e0;margin-bottom: 8px;border-radius: 8px;overflow: hidden;}
#sidemenu .sidebar-menu>li a.lnk_2th{display:block;position:relative;color:#333;font-size:15px;line-height:20px;word-wrap:break-word;word-break:keep-all;background:url(/user_res/images/common/link_2th_arr.png) no-repeat 95% 50%;}
#sidemenu .sidebar-menu>li a.lnk_2th:link,
#sidemenu .sidebar-menu>li a.lnk_2th:visited {display:block;padding: 15px 35px 15px 15px;color:#555;font-size:17px;line-height:20px;}
#sidemenu .sidebar-menu>li a.lnk_2th:hover,
#sidemenu .sidebar-menu>li a.lnk_2th:focus,
#sidemenu .sidebar-menu>li a.lnk_2th:active {background:url(/user_res/images/common/link_2th_ov_arr1.png) no-repeat 95% 50%;color: #6232de;}

#sidemenu .sidebar-menu>li.active {border: 1px solid #6232de;}
#sidemenu .sidebar-menu>li.active a.lnk_2th:link,
#sidemenu .sidebar-menu>li.active a.lnk_2th:visited,
#sidemenu .sidebar-menu>li.active a.lnk_2th:focus,
#sidemenu .sidebar-menu>li.active a.lnk_2th:hover,
#sidemenu .sidebar-menu>li.active a.lnk_2th:active{background: #6232de url(/user_res/images/common/link_2th_ov_arr.png) no-repeat 95% 50%;color:#fff;}


#sidemenu .treeview-menu{display: none;padding:15px 5px;background-color: #fff;}
#sidemenu .treeview-menu.menu-open{display:block}
#sidemenu .sidebar-menu>li.active .treeview-menu{display:block;}
#sidemenu .treeview-menu>li {margin:0;padding:0;}

#sidemenu .treeview-menu>li a{position:relative;display:block;margin:0;padding: 4px 11px;color:#5a5a5a;font-size:15px;line-height:18px;}
#sidemenu .treeview-menu>li a:link,
#sidemenu .treeview-menu>li a:visited{display:block;line-height:18px;}
#sidemenu .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li.active a:link,
#sidemenu .treeview-menu>li.active a:visited,
#sidemenu .treeview-menu>li.active a:focus,
#sidemenu .treeview-menu>li.active a:hover,
#sidemenu .treeview-menu>li.active a:active{text-decoration:underline;}

#sidemenu .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li a:active{text-decoration:underline;}

#sidemenu li a[target="_blank"] { position:relative; display:inline-block; }
#sidemenu li a[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0;content:'';}

/* 2021.04.15 축제 > 사전접수 4차메뉴 관련 커스텀 추가 CSS */
#sidemenu .treeview-menu>li>ul.treeview-menu{
    padding:5px;
}

#sidemenu .treeview-menu>li>ul.treeview-menu>li{
    padding: 0 0 0 12px;
}

#sidemenu .treeview-menu>li>ul.treeview-menu>li a{
    font-size: 14px;
    color: #969696;    
    text-decoration: none !important;
}

#sidemenu .treeview-menu>li>ul.treeview-menu>li a:hover, #sidemenu .treeview-menu>li>ul.treeview-menu>li a:active{
    text-decoration: underline !important;
}

#sidemenu .treeview-menu>li>ul.treeview-menu>li::before{
    content: ">";
    display: inline-block;
    float:left;
    margin: 0 5px;
    width: 5px;
    height: 16px;
    background: url(/user_res/images/common/navi_arr.jpg) no-repeat 0 100%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

#contents{float:right;padding: 50px 0 20px 0;width:75%;}
@media(max-width:1400px){
	#snb{display:none;}
  #contents {width: 100%;}
}


#ti_box{position:relative;padding-bottom: 25px;border-bottom: 2px solid #344b60;margin-bottom: 25px;}
#tit_cont{color:#000;font-size: 35px;padding-top: 19px;font-weight: normal;line-height:30px;}

#navi,#sns {display:inline-block;float:left;line-height:0;}
#navi {position:absolute;top: -20px;left: 5px;}
#navi:after {display:block;content:"";clear:both;visibility:hidden;}
#navi a {display:inline-block;float:left;line-height:16px;vertical-align:middle;font-size: 14px;}
#navi span {font-size: 14px;}
#navi span:before {content:">";display:inline-block;margin: 0 9px;width:5px;height:16px;background:url(/user_res/images/common/navi_arr.jpg) no-repeat 0 50%;font-size:0;line-height:0;vertical-align:middle;}
#navi a.navi_home {width: 19px;height: 19px;background:url(/user_res/images/common/navi_home.jpg) no-repeat;font-size:0;line-height:0;}
#navi a.navi_home:before {display:none;}
/*sns*/
#sns { position:absolute; right:0; top:30px; }
#sns>.ir {display:inline-block;width: 32px;height: 30px;}
#sns .print {margin:0;background-position: -100px -1px;border: 1px solid #ddd;}
#sns .sns {background-position: -34px -1px;border: 1px solid #ddd;}


#naviSNS {position:absolute;top:39px;right:6px;padding:7px 10px;background-color:#fff;border:1px solid #bebebe;width: 120px;}
#naviSNS:before {content:"";display:block;position:absolute;top:-6px;right:1px;width:11px;height:6px;background:url(/user_res/images/common/navisns_arr.png) no-repeat;}
#naviSNS .iconset {display:inline-block;margin-left:2px;width: 27px;height: 26px;font-size:0;line-height:0;}
#naviSNS .iconset:first-child {margin-left:0;}
#naviSNS .fb {background-position: -50px -156px;}
#naviSNS .tw {background-position: -80px -156px;}
#naviSNS .ka {background-position: -110px -156px;}




/*추가*/
#share {display:inline-block;float:left;line-height:0;}
#share { position:absolute; right:109px; top:30px; }
#share>.ir {display:inline-block;width: 32px;height: 30px;}
#share .share {margin:0;background-position: -67px -1px;border: 1px solid #ddd;}
#share_slide {position:absolute;top: 39px;right:-109px;padding: 13px;background-color:#fff;border:1px solid #bebebe;width:278px;}
#share_slide:before {content:"";display:block;position:absolute;top:-6px;right:110px;width: 17px;height:6px;background: url(/user_res/images/common/navisns_arr.png) no-repeat;}
.link_ipt{display:block;position:relative;padding-right:60px}
.link_ipt .form-control{width: 79%;height: 27px;padding: 0 10px;border-color:#bcc2ce;background:#bcc2ce;font-weight:300;font-size:0.875em;line-height:1.7857em;color:#2e343f;letter-spacing:-0.03571em;}
.link_ipt .form-control:hover,#side .snav_util .link_ipt .form-control:focus{border-color:#bcc2ce !important}
.link_ipt .input-btn{position:absolute;top: 19px;right: 0px;color: #fff;padding: 10px;}
.link_ipt .input-btn > a{padding:5px 10px;background:#2e343f;text-align:center;}
.link_ipt .input-btn i[class*="xi-"]{font-size:1.875em;line-height: 21px;color:#fff;}


#zoom {display:inline-block;float:left;line-height:0;}
#zoom {position:absolute;right: 73px;top:30px;}
#zoom >.ir {display:inline-block;width:32px;height:30px;}
#zoom .font {background-position: -1px -1px; border:1px solid #ddd;}
#zoom_slide {position:absolute;top: 39px;right: 0px;padding: 10px;background-color:#fff;border:1px solid #bebebe;width: 181px;}
#zoom_slide:before {content:"";display:block;position:absolute;top:-6px;right: 3px;width: 17px;height:6px;background: url(/user_res/images/common/navisns_arr.png) no-repeat;}
#zoom_slide .ir {display:inline-block;margin-left:2px;width:25px;height:25px;font-size:0;line-height:0;}
#zoom_slide .ir:first-child {margin-left:0;}
#zoom_slide .fontsize_close {background-position:-34px 0px;}
#zoom_slide a { display:inline-block; border:1px solid #eee; border-radius:50%; width:35px; height:35px; }
#zoom_slide a.on { background:#105fb8; color:#fff; }
#zoom_slide a.option1 {font-size: 13px;padding: 17px 0px 0 10px;}
#zoom_slide a.option2 {font-size: 18px;padding: 15px 0px 0 8px;}
#zoom_slide a.option3 {font-size: 22px;padding: 16px 0px 0 5px;}
#zoom_slide .head_fontsize { }


/*헤더 hover*/
#header_group.hd_on #header_2017 {background: #fff;}
#header_group.hd_on #header_2017 #nav #blind {border-top: 1px solid #eee;}
#header_group.hd_on #logo {opacity: 1;}
#header_group.hd_on #logo a {color: #6232de;}
#header_group.hd_on #logo span {background: url(/user_res/images/common/logo_ov.png) no-repeat 100%;}
#header_group.hd_on #logo span img {display: none;}
#header_group.hd_on #nav #gnb ul li a span {color: #333;}
#header_group.hd_on #header_2017 #nav #gnb ul li a.ov span {color: #6232de;}
#header_group.hd_on #top_head .header_right .list li a.btn_logout {
  background: url(/user_res/images/culture/icon_logout_on.png) no-repeat;
}
#header_group.hd_on #top_head .header_right .list li.sitemapBtn a{
  background: url(/user_res/images/culture/icon_hamburger_on.png) no-repeat;
}
#header_group.hd_on #top_head .header_right .list li.englishBtn a{
  background: url(/user_res/images/culture/icon_english_on.png) no-repeat;
}

#header_group.hd_on #open_sc{
  background:url(/user_res/images/culture/icon_search_on.png);
}
#header_group.hd_on #family_site strong a {background: url(/user_res/images/culture/icon_familysite_on.png) no-repeat;}



/*----------------- footer ----------------*/
#footer {background: #2e2e2e;/* overflow: hidden; */}
#footer .clearfix:after {display: none;}
.site_link {display: block; width: 100%; margin: 0;}
.site_link .wrap {
  width: 1600px;
  margin: 0px auto;
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
}

.sitelink_cont {
  display: block;
  width: 23%; 
  padding: 10px 0;
  border: 1px solid #626262; border-radius: 5px;
  position: relative;
}

.sitelink_cont h3 {display: block; width: 100%; padding: 10px 7px 5px;}
.sitelink_cont h3 button {
  display: block;
  width: 90%;
  font-size: 16px; text-align: left; color: #fff; font-weight: 300;
  margin: 0 6%; padding: 0;
  background: url(/user_res/images/common/footer_up.png) no-repeat right 50%;
  background-size: 12px;

}
.sitelink_cont .layer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  padding: 0;
}


.sitelink_cont.department_sitelink .layer .close {
  display: none;
  position: absolute;
  bottom: 71px;
  right: -131px;
  width: 60px;
  height: 48px;
  background: #000;
  font-size: 0;
  line-height: 0;
  z-index: 200;
}
.link_part strong {
  display: block;
  width: 88%;
  height: 50px;
  padding: 0 0 0 12%;
  color: #fff;
  line-height: 50px;
}

.link_part ul a {
  display: block;
  padding: 2px 0 0 15px;
  background: url(/user_res/images/mayjor/main/site_link_bul.gif) no-repeat 6px 9px;
  font-size: 16px;
  line-height: 18px;
}

.depart_link {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 390px;
  height: auto;
  min-height: 125px;
  border-radius: 10px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #e8e8e8;
}
.site_link .wrap>div:last-child .depart_link {left: unset; right: 0;}

.depart_link .inner {height: 100%;width: 100%;}
.depart_link .organ_ti {
  width: auto;
  padding: 12px 15px 9px;
  line-height: inherit;
  background: #6232de;
  border-radius: 50px;
}

.depart_link .organ_ti strong {
  display: block;
  width: 100%;
  height: 19px;
  padding: 0;
  color: #fff;
  font-size: 19px;
  line-height: 20px;
  text-align: center;
}
.depart_link .organ_list {width: 98%;margin: 0 auto;height: 240px;overflow-y: auto;overflow-x: hidden;margin-top: 10px;}
.depart_link .organ_list::-webkit-scrollbar {width: 8px;}
.depart_link .organ_list::-webkit-scrollbar-thumb {
  height: 30%; 
  background: #ccc; 
  border-radius: 10px;
}
.depart_link .organ_list::-webkit-scrollbar-track {background: #f3f3f3;}

.depart_link .organ_list li {
  display: block;
  width: 46%;
  color: #333;
  text-align: left;
  float: left;
  margin: 5px 1%;
  position: relative;
}
.depart_link .organ_list li a::before {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #6232de;
}

.depart_link .organ_list li a.ml10{margin-left:0;}
.depart_link .organ_list li.cl{clear:inherit;}

.depart_link .organ_list li a{
  padding-left: 10px;
}
.depart_link .organ_list li a:hover {color: #6232de;}

.depart_link .organ_list li a::after {
  opacity: 0;
  content: '';
  display: inline-block;
  position: absolute;
  margin-left: 7px;
  width: 18px;
  height: 21px;
  background: url(/user_res/images/common/footer_icon.png) no-repeat;

  transition: all 0.5s;
}
.depart_link .organ_list li a:hover::after {
  visibility: visible;
  opacity: 1;
}


/*푸터 하단 - 사이트정보*/
#footer .footer.wrap {
  position: relative;
  /* display: flex; */
  justify-content: space-between;
  width: 100%;
  max-width: 1600px;
  margin: 0px auto;
  letter-spacing: 0;
  overflow: hidden;
  padding-bottom: 50px;
}
#footer .footer_logo {
    display: block;
    width: 200px;
    height: 46px;
    float: left;
    background: url(/user_res/images/common/logo.png) no-repeat 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    margin-right: 50px;
}

.footer_cont {/* width: calc(100% - 600px); *//* margin-top: 13px; */float: left;}
.footer_cont .markIcon {position: absolute;top: 0;}

.footer_navi {display: block;padding-bottom: 15px;overflow: hidden;}
.footer_navi li {display: block;float: left;margin-right: 35px;}
.footer_navi li.privacy a {color: #ffd83b;}

.footer_navi li a {display: block;font-size: 17px;color: #fff;font-weight: 400;line-height: 40px;}
.footer_info {font-weight: 300; color: #999; font-size: 16px; line-height: 26px;}
.footer_info address span {display: inline-block; margin-left: 15px;}
.footer_info .copyright {margin-top: 25px;}

.footer .footer_sns {position: absolute; right: 0; top: 0px;}
.footer .footer_sns ul{
    width: 300px;
    display: flex; justify-content: space-between;
}
.footer .footer_sns ul li a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    background: url(/upload_data/board_data/BBS_0000050/175127343433823.png) no-repeat;
    margin-left: 10px;
}

.footer .footer_sns ul li .facebook {background-position: 0 -149px;}
.footer .footer_sns ul li .blog {background-position: -50px -149px;}
.footer .footer_sns ul li .twitter {background-position: -100px -149px;}
.footer .footer_sns ul li .insta {background-position: -150px -149px;}
.footer .footer_sns ul li .kakao {background-position: -200px -149px;}


@media all and (max-width: 1700px) {
  .site_link .wrap {width:100%;}
  .sitelink_cont {width: 24.5%;}
  .site_link { height: auto;}
  .site_link h2 { display: none;}
  
  .depart_link .inner {width: 100%;}
  .depart_link .organ_ti{margin-bottom: 15px;}
  .depart_link .organ_ti strong{font-size: 18px;}

}

@media all and (max-width: 1200px) {
  .site_link .wrap {padding: 0; flex-wrap: wrap;}
  .sitelink_cont {width: 50%;border-radius: 0; border: 0;border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
  .sitelink_cont:nth-child(3), .sitelink_cont:nth-child(4) {border-bottom: 1px solid #e2e2e2;}
  .depart_link {width: 100%;bottom: 51px;border: 1px solid #e7e7e7;border-radius: 0;}
  .depart_link .organ_ti {width: 100%;border-radius: 10px;}
  .depart_link .organ_ti strong {font-size: 16px;line-height: 18px;height: auto;}
  .depart_link .organ_list li {width: 100%;margin: 9px 0;}
  /* .sitelink_cont.department_sitelink .layer .close { display: block; } */

  #footer .footer.wrap {display: block; padding: 30px 20px 50px;}
  .footer_cont .markIcon {position: absolute;top: 30px;margin-right: 30px;}
  #footer .footer_info {padding-left: 0px;}
  #footer .footer_cont {width: 100%;padding-top: 30px;float: unset;}
  .footer .footer_sns {top: 30px;right: 20px; }

}

@media all and (max-width: 600px) {
  #footer .footer.wrap {padding: 30px 20px;}
  #footer .footer_logo {width: 170px;background-size: 100%;}

  .site_link {border: none;}
  .site_link .wrap {
    padding: 1px 0 0 0;
  }
  .site_link .sitelink_cont {
    width: 50%;
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
  }
  .site_link .sitelink_cont:nth-child(odd) {
    width: calc(50% - 1px);
    border-left: 1px solid rgba(255,255,255,0.2);
  }
  .site_link .sitelink_cont h3 button {
    background-position: 95% 50%;
    font-size: 13px;
  }
  .link_part ul a {font-size: 14px;}
  .depart_link .organ_list li {margin: 5px 0;}
  #footer .footer_sns {width: 300px;position: unset;margin: 20px auto;}
  #footer .footer_sns ul li a {width: 40px; height: 41px; background-size: 218px; }
  .footer .footer_sns ul li .facebook {background-position: 0 -120px;}
  .footer .footer_sns ul li .blog {background-position: -41px -120px;}
  .footer .footer_sns ul li .twitter {background-position: -81px -120px;}
  .footer .footer_sns ul li .insta {background-position: -121px -120px;}
  .footer .footer_sns ul li .kakao {background-position: -161.5px -120px;}

}
                             



                              
/*통합예약 스킨변경*/
.reserV { border-top:2px solid #000; }
.reserV .reserVbox { display:block; width:100%; border-bottom:1px solid #ddd; padding:10px 0; }
.reserV .reserVbox:after { display:block; clear:both; content:''; }
.reserV .reserVbox .img_wrap { float:left; display:inline-block; width:15%; overflow:hidden; }
.reserV .reserVbox .img_wrap img { width:100%; }
.reserV .reserVbox .base { float:left; width:70%; margin-left:3%; }
.reserV .reserVbox .base .title {display:block;font-weight:600;margin: 10px 0 13px;font-size: 18px;}
.reserV .reserVbox .btn_reserv { float:left; width:12%; height:125px; padding:0 2%; margin:10px 0; text-align:center; border-left:1px solid #ddd; }
.reserV .reserVbox .base li {float:left;width:50%;padding:3px 0;font-size: 15px;}
.reserV .reserVbox .base li:before { width:3px; height:3px; display:inline-block; content:''; background:#000; margin:5px 7px; }
.head { display:block; margin:5px 0; padding:5px 0;}
.head.ico1 { background:#e44660; color:#fff; }
.head.ico2 { background:#fff; color:#000; border:1px solid #ddd;}
.head.ico3 { background:#eee; color:#c8c8c8; }
.head.ico4 {background: #636363;color: #fff;}      

@media only screen and (max-width: 780px) {
	.reserV .reserVbox .img_wrap { float:none; display:block; width:100%; }
	.reserV .reserVbox .base { float:none; width:100%; }
	.reserV .reserVbox .base li { float:none; width:100%; }
	.reserV .reserVbox .btn_reserv { float:left; width:100%; }
}         

/* 23.11.09 접근성진단 관련수정 */
#sidemenu .sidebar-menu>li a.lnk_2th:focus,
#sidemenu .sidebar-menu>li a.lnk_2th:active,
#sidemenu .sidebar-menu>li.active a.lnk_2th:focus,
#sidemenu .sidebar-menu>li.active a.lnk_2th:active,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li a:active{
    outline-style: dotted;
    outline-width: 2px;
    outline-offset: -2px;
}