@import url("layout.css");
@import url("/common/css/con_com.css");

/*-------------------------------------------------
Author : SY,CHo
Create date : 2020. 08. 10.
-------------------------------------------------*/

.sVisualBox {position: relative; text-align: center; margin-top:-100px; width:100%; height:auto;background: #4485a1;/*-*/}
.sVisualBox img {position: relative; /*width: 100%;*/}
.sVisualBox .vTypeW {display: inline-block;}/* 웹용 */
.sVisualBox .vTypeM {display: none;}/* 모바일용 */
.sVisualBox + .container {position: relative; margin:0 auto 0;}

.contToggle_panel { display:none; }
.contToggle_panel.on { display:block; }
.iframe_box { margin-top:1rem; }
.iframe_box iframe { width:100%; min-height:40rem; border:0; vertical-align:top; }

#snb {float: left; width: 12rem;}
#snb h2 {display: table; width: 100%; height: 7rem; text-align: center; font-size: 1.2rem; font-weight: 400; color: #fff; background: #246beb;/*-*/ table-layout:fixed;}
#snb h2 a {display: table-cell; font-family: 'GmarketSans'; font-size: 1.4rem; font-weight: 500; vertical-align:middle;}
#snb h2 a:hover { text-decoration:none; }
#snb h2 a em {display: block; margin-top: 0.75rem; font-size: 0.8rem;}
#snb .depth2 a {position: relative; display: block;}
#snb .depth2 > li > a {padding: 1rem 0.75rem; border-bottom: 1px solid #d5d5d5; font-size: 0.8rem; color: #6a6a6a;}
/* active */

#snb .depth2 > li > a:hover,
#snb .depth2 > li > a:focus,
#snb .depth2 > li.active > a {border-bottom: 2px solid #246beb;/*-*/ color: #246beb;/*-*/ text-decoration:none;}
#snb .depth2 > li > a:hover:after,
#snb .depth2 > li > a:focus:after,
#snb .depth2 > li.active > a:after {position: absolute; top: 0.8rem; right: 1rem; font-family: 'xeicon'; font-size: 1.25rem; content: "\e93f";}

#container {float: left; margin-left: 2rem; width: calc(100% - 14rem);}

.titleH2 {padding-top: 1.75rem; height: 3.5rem; font-family: 'GmarketSans'; font-size: 1.4rem; font-weight: 500;}
/* 
.location {position: relative; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid #c2c2c2;}
.location:after {clear: both; display: block; width: 100%; content: "";}
.location .home,
.location a {float: left; display: inline-block; color: #8d8d8d;}
.location .home i {line-height: 2.5rem; font-size: 1rem;}
.location > a + a {position: relative; margin-left: 0.5rem; padding-left: 0.75rem;}
.location > a + a:after {position: absolute; top: 0.1rem; left: -0.25rem; font-family: 'xeicon'; font-size: 1rem; content: "\e93f";}

.shareWrap {position: absolute; bottom: 0.5rem; right: 0; z-index: 1;}
.shareWrap > li {position: relative; float: left; margin-left: 0.5rem;}
.shareWrap a {display: inline-block; width: 1.9rem; height: 1.9rem; line-height: 1.9rem; text-align: center; font-size: 1rem; border-radius: 50%;}
.shareWrap > li > a {color: #aaa; border: 1px solid #aaa;}
.shareWrap > li > a:hover,
.shareWrap > li > a.active {color: #000;}
.shareWrap a.facebook {color: #fff; background: #1a3d95;}
.shareWrap a.twitter {color: #fff; background: #1da1f2;}
.shareWrap a.kakaotalk {font-size: 1.25rem; color: #3c1e1e; background: #fae301;}
#shareList {position: absolute; left: 0; top: 1.9rem; display: none;}
#shareList a {height: 1.9rem; line-height: 1.9rem;}
*/

.locationWrap {position: relative; padding-top: 0.75rem; height: 2.5rem; font-size: 0.7rem; border-bottom: 1px solid #b1b8c2;}
.locationWrap:after {clear: both; display: block; width: 100%; content: "";}
.location > li {float: left; display: inline-block; color: #555;}
.location > li > a {position: relative; display: inline-block; padding-left: 0.75rem;}
.location > li:last-of-type {color: #616161; font-weight: 600;}
.location > li + li {margin-left: 0.5rem;}
.location > li a:after {position: absolute; top: 0; left: 0; content: url("/images/web/gmt/sub/ico_arrow1.png");}
.location > li a.home {padding-left: 0.9rem;}
.location > li a.home:after {content: url("/images/web/gmt/sub/ico_home.png");}

.shareWrap {position: absolute; bottom: 0.7rem; right: 0; z-index: 1;}
.shareWrap li {float: left; margin-left: 0.3rem;}
.shareWrap a {position: relative; display: inline-block; width: 1.85rem; height: 1.85rem; border-radius: 50%;}
.shareWrap a:before {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: no-repeat center center; content: "";}
.shareWrap > li > a {background: #8a9eb0;}
.shareWrap > li > a:hover,
.shareWrap > li > a.active {background: #454545;}
.shareWrap .share:before {background-image: url("/images/web/gmt/layout/share_ico.png");}
.shareWrap .share.active:before {background-image: url("/images/web/gmt/layout/share_close_ico.png");}
.shareWrap .print:before {background-image: url("/images/web/gmt/layout/print_ico.png");}

.shareWrap .facebook {background: #3b59dd;}
.shareWrap .twitter {background: #00b4ff;}
.shareWrap .kakaostory {background: #f1c51f;}
.shareWrap .facebook:before {background-image: url("/images/web/gmt/layout/ico_facebook.png");}
.shareWrap .twitter:before {background-image: url("/images/web/gmt/layout/ico_twitter.png");}
.shareWrap .kakaostory:before {background-image: url("/images/web/gmt/layout/ico_story.png");}

.btn_find_emp { display:inline-block; width:10rem; height:2rem; margin:0 0 1rem 0; padding-left:1rem; background:#053863 url("/images/common/00002/sub/btn_find_emp_ico.png") no-repeat 90% center; font-size:0.75rem; color:#fff; text-align:left; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.btn_find_emp:hover,
.btn_find_emp:focus { background-color:#2171b3; background-position-x:93%; }

#shareList {display:none; position: absolute; top: 0; right: 4.3rem; width: 0; height: 1.85rem; overflow: hidden; transition: all .35s ease; -webkit-transition: all .35s ease;}
#shareList.active {width: 6.45rem;}

#contents {padding: 1.5rem 0 2rem; line-height: 1.6;}
#contents:after {clear: both; display: block; width: 100%; content: "";}



/* 가이드 수정 */
.Guide_con {padding: 0;}

/* 타이틀(블릿 타입) */
#contents > .tit1:first-child,
#contents > .titT1:first-child,
#contents > .tit2:first-child,
#contents > .titT2:first-child,
#contents > .tit3:first-child,
#contents > .titT3:first-child {margin-top: 0;}

/* 여백조절 */
[class^="list_st"] > li > [class^="box_st"],
[class^="list_st"] > li > [class^="tbl_st"],
[class^="list_ol"] > li > [class^="box_st"],
[class^="list_ol"] > li > [class^="tbl_st"],
[class^="list_st"] + p,
[class^="list_ol"] + p,
[class^="box_st"] + p,
[class^="tbl_st"] + p,
p + [class^="box_st"],
/*p + [class^="tbl_st"],*/
.bu_wnrn2_star + [class^="tbl_st"],
.bu_wnrn2_star + [class^="box_st"] {margin-top: 0.35rem;}

.titT1 + .bu_st1{margin-top: -0.7rem;} /* 200908 수정 */
.indent1 + [class^="box_st"] {margin-top: 1rem;}

input[type="hidden"] + [class^="tit"],
[class^="tab_st"] + [class^="tit"],
script + [class^="tit"] { margin-top:0; }

div[class^="tab_st"] { overflow:visible; margin-bottom:0; }
ul[class^="tab_st"] { margin-bottom:1rem; }

.bbs_srch + .bbs_ListA { margin-top:1rem; }

/* 타이틀(블릿 타입) *//* 250616 수정 */
.titT1 {margin: 1.5rem 0 1rem; line-height: 1.4; font-size: 1.2rem; font-weight: 400; color: #222; letter-spacing: -1px;}
.titT3 {margin: 0.75rem 0; line-height: 1.3; font-size: 0.9rem; font-weight: 400; color: #0e2b5e; letter-spacing: -1px;}
.titT3_lineB {margin: 0.75rem 0; line-height: 1.3; font-size: 0.9rem; font-weight: 400; color: #16408d; letter-spacing: -1px; text-decoration: underline;}

.tit1 {margin: 1.5rem 0 1rem; padding-bottom: 0.5rem; font-size: 1.2rem; line-height: 1.3; font-weight: 400; color: #222; letter-spacing: -1px; background: url("/images/web/gmt/con_com/bu_tit1.png") no-repeat left bottom; background-size: 1.75rem 2px;}
.tit2 {margin: 1rem 0 0.75rem; padding-left: 0.8rem; font-size: 1rem; line-height: 1.3; font-weight: 400; color: #0e2b5e; letter-spacing: -1px; background: url("/images/web/gmt/con_com/bu_tit2.png") no-repeat left 0.4rem; background-size: 0.55rem 0.6rem;}
.tit3 {margin: 0.75rem 0; padding-left: 0.7rem; font-size: 0.9rem; line-height: 1.3; font-weight: 400; color: #222; letter-spacing: -1px; background: url("/images/web/gmt/con_com/bu_tit3.png") no-repeat 0.1rem 0.3rem; background-size: 3px 0.6rem;}

.tbl50{width:50% !important;}

#contents > div > .tit1:first-child,
#contents > div > .tit2:first-child {margin-top: 0;}
/* #contents > div > .tit3:first-child  */

/* 블릿 */
.bu_st1:before {background: #16408d;/*-*/}
.bu_st2:before {background: #3365c1;}
.bu_st2B:before {background: #264beb;}
.bu_st3:before {background: #7ca6f3;}
.bu_st4:before {background: #7ca6f3;}

/* 리스트 : 블릿 타입 */
.list_st1 > li:before {content: ''; position: absolute; top: 0.75rem; left: 0; width:8px; height:3px; background: #1d56bc;}/* 250616 수정 */
.list_st2 > li:before {content: ''; position: absolute; top: 0.7rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #7ca6f3;}/* 250616 수정 */
.list_st3 > li:before {background: #7ca6f3;}
.list_st4 > li:before {content: ''; position: absolute; top: 0.6rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #7ca6f3;}

/* 탭 : 1차 탭 *//* 반응형 수정 */
.tab_st1_box a {font-size: 0.9rem;}
.tab_st1_box .f_s a {font-size:0.8rem;}
.tab_st1_box li.on a {border-color: #264beb; background-color: #264beb;}
/* 탭 : 2차 탭 *//* 반응형 수정 */
.tab_st2_box a:hover, .tab_st2_box li.on a{border-color: #264beb;}
/* 탭 :3차 탭 *//* 반응형 수정 */
.tab_st3_box a {border-bottom-width: 1px;}
.tab_st3_box a:hover, .tab_st3_box li.on a{border-color: #3d3d3d;}
/* 탭 :리스트 탭 200709 KSY 수정 */
.tab_list li a {padding-left: 1.7rem; background: url("/images/web/gmt/con_com/tab_list_off.png") no-repeat left top; background-size: 1.05rem;}
.tab_list li.on a, .tab_list li.on a:hover, .tab_list li a:hover {background: url("/images/web/gmt/con_com/tab_list_on.png") no-repeat left top;}
/* 리스트 : 순차적 리스트 타입 */
.list_ol2 > li > span.num {background: #f0810b;}
.list_ol2 > li:nth-child(even) > span.num {background: #43ab4c;}
/*버튼*/
.btn_bl {padding: 0.5rem 0.75rem; color: #fff; background: #543f31;}
.btn_blL {padding: 0.45rem 0.7rem; color: #795f4e; border: 1px solid #795f4e;}
.btn_bl.mini {padding: 0.25rem 0.5rem; color: #fff; background: #543f31;}/* 블루 */
.btn_blL.mini {padding: 0.2rem 0.45rem; color: #543f31; border: 1px solid #543f31;}
.btn_bl:hover, .btn_bl:focus {background: #795f4e; text-decoration:none;}/* 블루 */
.btn_blL:hover, .btn_blL:focus {color: #795f4e; border: 1px solid #795f4e;}

/* bg text box*//* 250619 수정 */
.bgbox_blue{margin:1rem 0 0.5rem !important;padding:0.8rem;background:#1d56bc;color:#fff;font-size:0.85rem;line-height: 1.3;font-weight: 600;}

/* 서브컨텐츠 */
/*5.4.주류전시관소개*/
.exhibi_box {overflow:hidden; margin-top:1rem;}
.exhibi_box .exhibi_con {width:48%; float:left; margin-right:4%;}
.exhibi_box .exhibi_con dl {position:relative; height:12.5rem; padding:1rem; background:#f5f5f5; border-radius:0.5rem;}
.exhibi_box .exhibi_con:nth-child(2) {margin-right:0;}
.exhibi_box .exhibi_con dl dt {line-height:2.5rem; color:#fff; font-family:"NotoM"; text-align:center; font-size:0.9rem;border-radius:0.5rem;}
.exhibi_box .exhibi_con:nth-child(1) dl dt {background:#1d6aac;}
.exhibi_box .exhibi_con:nth-child(2) dl dt {background:#08a091;}
.exhibi_box .exhibi_con dl dd ul {padding:0.5rem 1.5rem; overflow:hidden;}

/* 5.2.연혁 */
.history_wrap { min-height:16rem; padding:2.4rem 1.5rem 1.8rem 18.5rem; border:1px solid #e1e1e1; background:url("/images/web/gmt/sub/history_bg.png") no-repeat 1.5rem center; }
.history_wrap > ul > li { position:relative; padding-left:3.25rem; font-size:0.75rem; line-height:1.74; color:#555; }
.history_wrap .hist_date { display:block; position:absolute; top:0; left:0; font-weight:600; font-size:0.8rem; color:#333; }

/* 5.3.조직안내 */
.area_info_wrap { padding:0.25rem 1rem; border:1px solid #e1e1e1; background:#fbfbfb; margin-bottom:0.8rem;}
.area_info_wrap > ul > li { position:relative; padding:0.75rem 0 0.75rem 10rem; font-size:0.75rem; color:#222; }
.area_info_wrap > ul > li + li { border-top:1px dashed #d0d0d0; }
.area_info_wrap .ai_tit { display:block; position:absolute; top:0; left:0; height:2.75rem; font-weight:600; font-size:0.9rem; line-height:2.75rem; }
.area_info_wrap .ai_tit[class*="ico"] { padding-left:2.25rem; background-repeat:no-repeat; background-position:left center; }
.area_info_wrap .ai_tit.ico01 { background-image:url("/images/web/gmt/sub/ai_tit_ico01.png"); }
.area_info_wrap .ai_tit.ico02 { background-image:url("/images/web/gmt/sub/ai_tit_ico02.png"); }
.area_info_wrap .ai_tit.ico03 { background-image:url("/images/web/gmt/sub/ai_tit_ico03.png"); }
.area_info_wrap .ai_tit.ico04 { background-image:url("/images/web/gmt/sub/ai_tit_ico04.png"); }
.area_info_wrap .ai_tit.ico05 { background-image:url("/images/web/gmt/sub/ai_tit_ico05.png"); }
.area_info_wrap .ai_tit.ico06 { background-image:url("/images/web/gmt/sub/ai_tit_ico06.png"); }
.area_info_wrap .ai_tit.ico07 { background-image:url("/images/web/gmt/sub/ai_tit_ico07.png"); }
.area_info_wrap .ai_tit.ico08 { background-image:url("/images/web/gmt/sub/ai_tit_ico08.png"); }
.area_info_wrap .ai_tit.ico09 { background-image:url("/images/web/gmt/sub/ai_tit_ico09.png"); }
.area_info_wrap .ai_tit.ico10 { background-image:url("/images/web/gmt/sub/ai_tit_ico10.png"); }
.area_info_wrap .ai_tit.ico11 { background-image:url("/images/web/gmt/sub/ai_tit_ico11.png"); }
.area_info_wrap .ai_tit.ico12 { background-image:url("/images/web/gmt/sub/ai_tit_ico12.png"); }
.area_info_wrap .ai_tit.ico13 { background-image:url("/images/web/gmt/sub/ai_tit_ico13.png"); }
.area_info_wrap .ai_tit.ico14 { background-image:url("/images/web/gmt/sub/ai_tit_ico14.png"); }

/* 5.5.찾아오시는 길 201202 choeun*/
.ai_mapbox { padding:1.25rem 1rem; border:1px solid #e1e1e1; background:#fbfbfb; }

.mapbtns { font-size:0; text-align:right; }
.mapbtns a { display:inline-block; width:10rem; height:2rem; margin-left:0.5rem; padding:0.35rem 0 0 2.25rem; border:1px solid transparent; background-repeat:no-repeat; font-size:0.75rem; text-align:left; color:#333; vertical-align:top; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.mapbtns a span { font-weight:700; }
.mapbtns .btn_navermap { border-color:#dfdfdf; background-color:#fff; background-image:url("/images/web/gmt/sub/btn_navermap_ico.png"); background-position:0.35rem 50%; }
.mapbtns .btn_navermap:hover,
.mapbtns .btn_navermap:focus { border-color:#7b93c5; text-decoration:none; }
.mapbtns .btn_kakaomap { background-color:#fae100; background-image:url("/images/web/gmt/sub/btn_kakaomap_ico.png"); background-position:1rem 50%; }
.mapbtns .btn_kakaomap:hover,
.mapbtns .btn_kakaomap:focus { background-color:#ffef5e; text-decoration:none; }

/* 5.1.센터장소개 */
.greeting_header { position:relative; word-break:keep-all; overflow-wrap:break-word; }
.greeting_header .imgbox { float:right; position:relative; z-index:1; width:190px; height:245px; margin-left:1.5%; margin-bottom:1rem; }
.greeting_header .imgbox:before { content:""; display:block; position:absolute; bottom:-0.5rem; right:-0.5rem; z-index:-1; width:100%; height:100%; background:url("/images/web/gmt/sub/greeting_pttrn.png") no-repeat; }
.greeting_header .imgbox img { width:100%; height:100%; }
.greeting_header .top_wrap { position:relative; padding:2rem 2.35rem 2rem 1.5rem; background:#005da4; background:linear-gradient(to right, #005da4, rgba(191, 234, 255, 0.35) 200%); font-size:1.5rem; line-height:1.17; color:#fff; }
.greeting_header .top_wrap:only-child { margin-bottom:1rem; }
.greeting_header .top_wrap:before { content:url("/images/web/gmt/sub/greeting_bg.png"); display:block; position:absolute; top:0; right:17.05rem; pointer-events:none; }
.greeting_header .top_wrap strong { font-weight:600; font-size:1.267em; line-height:1.27; }
.greeting_header .top_wrap strong em { font-weight:700; color:#c0ddf3; }
.greeting_header .top_wrap .small { margin-top:0.72rem; font-size:0.9rem; line-height:1.3; color:rgba(255, 255, 255, 0.8); }
.greeting_header .bottom_wrap { padding:1.6rem 0 1.375rem 0; border-right:7px solid #bfd6e8; background:url("/images/web/gmt/sub/greeting_bg02.png") no-repeat right bottom; font-weight:600; font-size:0.9rem; line-height:1.3; color:#222; }
.greeting_header .bottom_wrap:empty { margin-top:1rem; font-size:0; }
.greeting_header .bottom_wrap p span { display:block; margin-bottom:0.42rem; font-size:1.4rem; color:#1d4469; }

.greeting_body { padding-bottom:1rem; font-size:0.8rem; line-height:1.65; color:#444; word-break:keep-all; overflow-wrap:break-word; }
.greeting_body > * ~ * { margin-top:1.2rem; }

.greeting_footer { margin-top:1rem; padding-top:1rem; border-top:1px dashed #d0d0d0; font-size:0; text-align:right; }
.greeting_btn { display:inline-block; width:12.5rem; height:2.25rem; margin-bottom:0.4rem; padding-left:2.7rem; background-repeat:no-repeat; background-position:1rem center; font-weight:600; font-size:0.75rem; line-height:2.25rem; color:#fff; text-align:left; vertical-align:top; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.greeting_btn + .greeting_btn { margin-left:1rem; }
.greeting_btn.type1 { background-color:#455564; background-image:url("/images/web/gmt/sub/greeting_btn_ico01.png"); }
.greeting_btn.type1:hover,
.greeting_btn.type1:focus { background-color:#4173a1; }
.greeting_btn.type2 { background-color:#8c8d8f; background-image:url("/images/web/gmt/sub/greeting_btn_ico02.png"); }
.greeting_btn.type2:hover,
.greeting_btn.type2:focus { background-color:#646464; }

.box_st_ico.epeople {padding-left: 14rem;}
.box_st_ico.epeople .ico_boxImg {top:0.5rem; width: 14rem;}
.box_st_ico.epeople .ico_boxImg img {transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.box_list{overflow: hidden; border:1px solid #ccc;}
.box_list > li{position:relative; display:table; margin: 0 0 -1px -1px; width:calc((100% / 3) + 1px); min-height:2.3rem; float:left; border:1px dashed #ccc; border-top: 0; border-right:0;}
.box_list > li:nth-child(3n-1){border-right:1px dashed #ccc;}
.box_list > li > p{display:block; display:table-cell; vertical-align:middle; padding:0 1.5rem 0 2rem; line-height: 1.2; word-break:initial; font-size:0.75rem;}/*은지 수정*/
.box_list > li > p:before {content: ''; position: absolute; top: 1rem; left: 0.8rem; width: 4px; height: 4px; border-radius: 50%; background: #7ca6f3;}

.box_list.w50 > li{width:50%;}
.box_list.w50 > li:nth-child(3n-1){border-right:0;}

/* 만족도조사 */
.satisfaction .question { background-position-y:17px; }
.satisfaction .satisfaction_list .input_radio span { margin-right:0; }

/* FOOTER */
#footer {border-top: 1px solid #ccc;}

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

	.sVisualBox:before {height: 100%;}
	.sVisualBox + .container {margin: 0 auto;}
}

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

}

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

	/* 5.1.센터장소개*/
	.greeting_header .imgbox { width:180px; height:232px; }

}

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

	.shareWrap {right: 1rem;}

}

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

	.sVisualBox + .container {padding: 0;}

	.sVisualBox img { width:1400px; /*200907수정*/}

	#snb {width: 100%;}
	#snb h2 {height: auto;}
	#snb h2 a {position: relative; padding: 0.75rem; width: 100%; font-size: 1rem;}
	#snb h2 a:after {position: absolute; top: 0.5rem; right: 1rem; font-family: 'xeicon'; font-size: 1.5rem; content: "\e938";}
	#snb h2 a.active:after {content: "\e932";}
	#snb h2 a em {display: inline-block; margin-top: 0; margin-left: 0.5rem;}
	#snb .depth2 {display: none;}
	#snb .depth2 > li > a {padding: 0.75rem;}
	#snb .depth2 > li.active > a:after {content: "\e929";}

	#container {margin-top: 0; margin-left: 0; width: 100%;}

	.titleH2 {padding: 1.5rem 1rem; font-size: 1.2rem;}

	.locationWrap {padding: 0 3rem 0 1rem; height: auto;}
	.location li {margin-bottom: 0.5rem;}
	.shareWrap > li {margin-left: 0;}
	.shareWrap > li + li {display: none;}
	#shareList {right: 2.15rem;}

	#contents {padding: 2rem 1rem;}
	
	.reactTab.noTab { padding-top:0; }
}


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

	/* 5.1.센터장소개 */
	.greeting_header .imgbox { width:160px; height:206px; }
	.greeting_header .top_wrap { font-size:1.4rem; }
	.greeting_header .bottom_wrap p span { font-size:1.3rem; }

}

@media screen and (min-width: 1281px) {
	#snb .depth2 { display:block !important; } /* 201222, 좌측메뉴 리사이즈 시 제대로 toggle되지 않는 문제 수정 sehyun oh */
}

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

	/* 하위 탭 없을 경우 틀어짐 방지 */
	div[class^="tab_st"] { overflow:hidden; margin-bottom:1rem; }
	.reactTab.noTab { margin-bottom:0; padding-top:0; }
}


@media screen and (max-width: 1024px){
	
	/* 5.2.연혁 */
	.history_wrap { min-height:15rem; padding-top:2.1rem; padding-left:16.5rem; background-size:13.4rem; }

	/* 5.1.센터장소개 */
	.greeting_body { margin-top:0.5rem; }


}

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

	.sVisualBox img { transform:translateX(-30%);}

}


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

	/* 만족도조사 */
	.satisfaction { margin:50px 0 10px; }
	.satisfaction .satisfaction_list .input_radio span {float: left; width: 50%; }
	.satisfaction .btn_na.mini {clear: both; float: left; display: block; margin-top: 0.25rem; padding: 0.55rem 0.5rem; width: 100%;}
	
	.box_list > li{width:50%;}
	.box_list > li:nth-child(3n-1){border-right:0;}
}


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

		/* 5.2.연혁 */
		.history_wrap { padding-top:1.3rem; padding-bottom:1.3rem; padding-left:13.7rem; background-size:10.4rem; }

		/* 5.1.센터장소개 */
		.greeting_header .top_wrap { font-size:1.2rem; }
		.greeting_header .imgbox { width:130px; height:168px; }
		.greeting_header .top_wrap .small { font-size:15px; }
		.greeting_header .bottom_wrap { padding-top:0.805555rem; padding-bottom:1.611111rem; font-size:16px; }
		.greeting_header .bottom_wrap p span { font-size:1.1rem; }
	
		.greeting_body { margin-top:1rem; }
		.greeting_body br { display:none; }
		
		.tbl50{width:100% !important;}

}

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

	/*5.4.주류전시관소개*/
	.exhibi_box .exhibi_con {width:100%; float:none; margin-right:0; margin-bottom:4%;}
	.exhibi_box .exhibi_con dl {height:auto; }

	/* 5.2.연혁 */
	.history_wrap { min-height:auto; padding:14.3rem 1rem 1rem 1rem; background-size:13.4rem; background-position:center 1rem; }

	.box_st_ico.epeople {padding-left: 1rem;}
	.box_st_ico.epeople .ico_boxImg {top: auto; width:100%; text-align:center;}
	.box_st_ico.epeople .ico_boxImg img {transform: none; -webkit-transform: none;}
	
	.box_list > li{width:100%;}
	.box_list.w50 > li{width:100%;}
}

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

	/* 5.1.센터장소개 */
	.greeting_header .top_wrap { padding-left:1.111111rem; padding-right:1.111111rem; font-size:1.1rem; }
	.greeting_header .imgbox { width:120px; height:155px; }
	.greeting_header .bottom_wrap { font-size:15px; }
	.greeting_header .bottom_wrap p span { font-size:1rem; }


}

@media screen and (max-width: 480px){
	
	/* 5.1.센터장소개 */
	.greeting_header { text-align:center; }
	.greeting_header .top_wrap { padding:1rem; font-size:1rem; }
	.greeting_header .top_wrap:before { display:none; }
	.greeting_header .imgbox { float:none; width:110px; height:142px; margin:0 auto 1.3rem auto; }
	.greeting_header .top_wrap strong { font-size:1.067em; }
	.greeting_header .bottom_wrap { padding:0.833333rem 0.833333rem 1.083333rem 0.833333rem; }
	.greeting_header .bottom_wrap p span { display:inline; font-size:15px; }
	
	/* 5.5.찾아오시는 길 201202 choeun */
	.mapbtns a { display:block; margin:0 auto; }
	.mapbtns a ~ a { margin-top:0.5rem; }

}

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

	/* 5.3.조직안내 */
	.area_info_wrap > ul > li { padding-left:7rem; }
	.area_info_wrap .ai_tit { font-size:0.833333rem; }
	
	/* 5.3.조직안내 */
	.area_info_wrap .ai_tit { position:relative; top:auto; left:auto; }
	.area_info_wrap > ul > li { padding-left:0; }
	.area_info_wrap > ul > li:first-child { padding-top:0.2rem; }
}

@media print {
	#header, #footer {display: none; width: 0; height: 0;}
}