@charset "utf-8";

@media all and (min-width:1025px) {
	.side_menu { display: none; }

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


}

/* #lnb_04_sub .lnb_depth02 > ul > li,
#lnb_05_sub .lnb_depth02 > ul > li{
	width:33.3%;
	}
#lnb_04_sub .lnb_depth02 > ul,
#lnb_05_sub .lnb_depth02 > ul{
	margin-left:100px;
	}

tab
.tab_depth04 > ul > li > a.on{
	border:1px solid #cf594d;
	font-weight:bold;
	color:#cf594d !important;
	letter-spacing:-1px;
	}

sub visual
.sub_visual > div{
	padding:0 10px;
	height:147px;
	margin:0 auto;
	position:relative;
	}
.sub_visual p{
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	}

snb
.snb_wrap h2{
	background:#c7a520 url(../images/common/bg_snbtitle.png) no-repeat center;
	}
.snb > li > a.on{
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	}
.snb > li:first-child > a.on{
	border-top:1px solid #d0d0d0;
	}
.snb > li > ul > li > a.on{
	border-bottom:1px solid #ffffff;
	}
.snb > li > ul > li > a{
	border-bottom:1px solid #c7a520;
	color:#ffffff;
	}
.snb > li > ul{
	background:#c7a520;
	padding:10px 0px;
	}

sub content
#contanier{
	margin:0 auto 50px auto;
	}
#content{
	min-height:400px;
	padding:0;
	position:relative;
	}

footer
.jump_close{
	bottom:-35px;
	}
.footer_right > ul > li > div{
	bottom:34px;
	}

@media screen and (min-width:0px){
	footer .logo,
	footer p > span,
	footer address,
	.area_header nav{
		display:none;
		}
	footer > div{
		text-align:center;
		}

	.footer_top p {
	display:none;
	}
	.btn_snb_open{
		display:block;
		font-size:22px;
		border-bottom:2px solid #ffb817;
		background:#ffffff url(../images/common/bul_snb_open.png) no-repeat 96% 23px;
		background-size:11px 8px;
		padding:15px;
		color:#8c720e;
		}
	.snb_wrap h2,
	#title_wrap{
		display:none;
		}
	.snb > li > a{
		font-size:16px;
		}
	.snb > li > a.on{
		background:#d0d0d0 url(../images/common/bul_snb.png) no-repeat 96% center;
		}
	img[src$="ready.jpg"]{
		width:100%;
		}
	.research_box{
		background:transparent;
		padding:25px 10px;
		}
	.radio_box{
		margin-left:0px;
		}
	.radio_box .txt_list input[type="text"]{
		width:100% !important;
		padding:0px;
		}
	.radio_box .txt_list input[type="submit"]{
		display:block;
		padding:0px;
		width:100%;
		}
	.btn_top{
		right:10px;
		}
	.sub_visual{
		width:100%;
		background:#0e0020 url(../images/common/sub_visual.png) no-repeat 20% top;
		height: 190px;
		}
	.sub_visual p{
		background:url(../images/common/sub_visualTitle.png) no-repeat 0 0;
		background-size:471px 128px;
		width:471px;
		height:128px;
		top:30px;
		right:10px;
		}
	}

@media screen and (min-width:577px){
	.sub_visual p{
		background:url(../images/common/sub_visualTitle.png) no-repeat 0 0;
		background-size:471px 128px;
		width:471px;
		height:128px;
		top:40px;
		right:10px;
		}
	}
@media screen and (min-width:768px){
	footer address{
		display:block;
		}
	.research_box{
		background:url(/common/images/common/bg_research.png) no-repeat 10px 25px;
		padding:25px 0px;
		}
	.radio_box{
		margin-left:145px;
		}
	.radio_box .txt_list input[type="text"]{
		width: 550px;
		padding:5px;
		}
	.radio_box .txt_list input[type="submit"]{
		display:inline-block;
		width:auto;
		padding:0 35px;
		}
	}

@media screen and (min-width:1025px){
	body {font-size:13px; line-height:21px; font-family:"굴림","돋움","Arial","Helvetica","AppleGothic","Sans-serif";}
	input, textarea, select {font-size:1em; font-family:"굴림","돋움","Arial","Helvetica","AppleGothic","Sans-serif"; vertical-align:middle;}
	button {border:0px;cursor:pointer;font-size:13px;font-family:"굴림","돋움","Arial","Helvetica","AppleGothic","Sans-serif";}
	label {font-size:13px; font-family:"굴림","돋움","Arial","Helvetica","AppleGothic","Sans-serif";}

	#jump_menu ul > li + li{
		display:none;
		}
	.gnb_wrap > div,
	#contanier{
		width:1100px;
		}
	.gnb_nav{
		float: right;
		padding-right:100px;
	}
	.gnb_wrap,
	footer{
		min-width:1100px;
		}
	.area_header > div,
	footer > div,
	.sub_visual > div{
		width:1100px;
		}
	footer > div{
		text-align:left;
		}
	#contanier > section#conts{
		float:right;
		width:824px;
		}
	.snb_wrap{
		width:235px;
		float:left;
		}
	.btn_snb_open{
		display:none;
		}
	.snb_wrap h2,
	#title_wrap{
		display:block;
		}
	img[src$="ready.jpg"]{
		width:auto;
		}
	.gnb_menu{
		display:none;
		}
	.btn_top{
		right:0px;
		}

	전체메뉴



.site_map {
	width:1100px;;
	margin:0 auto;
	float:left;
	background-color:#005aab;
	position:absolute;
	z-index:1000;
}


.site_map  a.close_allMenu {
	color:#fff;
	position:absolute;
	right:20px;
	top:20px;
	padding-right:25px;
	background:url(../images/common/bt_close_allMenu.png) no-repeat right top;
}

.site_map dt {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:2px solid #fff;
}

.site_map dt a{
	font-size:22px;
	color:#fff;
	}

.site_map dl {
	width:16%;
	padding:0 2%;
	min-height:310px;
	margin-top:50px;
	float:left;
}

.site_map dd {
	padding:5px;
	border-bottom:1px dashed #3b80be;
}

.site_map dd a {
	color:#ececec;
	font-size:15px;
	font-family:'NanumGothicWeb';
}


	}

@media screen and (max-width:1024px){
	input[type="button"],
	input[type="text"],
	input[type="password"],
	input[type="submit"]{-webkit-appearance:none;}

	div[id^="realContent"] h4{
		margin-left:10px;
		}
	#realNameTab{
		min-height:500px;
		}
	#realNameTab > ul  > li{
		width:50%;
		}
	#realNameTab > ul  > li:nth-child(2){
		display:none;
		}
	.wrap_search{
		display:none;
		}
	#realContent3 .wrap_tipox > ul > li:nth-child(2),
	#realContent3 .wrap_tipox > ul > li:nth-child(3){
		display:none;
		}


	.btn_snb_open{
		display:block;
		font-size:22px;
		border-bottom:0px solid #ccc;
		background:#f2f2f2 url(../images/common/bul_snb_open.png) no-repeat 96% 23px;
		background-size:11px 8px;
		padding:15px;
		color:#333;
		}
	.snb > li > a{
		font-size:16px;
		}
	.snb > li > a.on{
		background:#d0d0d0 url(../images/common/bul_snb.png) no-repeat 96% center;
		}
	.footer_logo,
	.footer_right,
	.footer_left > ul,
	.btn_viewSitemap,
	#gnb_nav,
	.total_search,
	.search_top3,
	.btn_flag,
	.gnb {
		display:none;
		}
	.gnb_wrap > div,
	.header_wrap > div.area_top,
	.header_wrap > nav,
	footer > div,
	#contanier{
		width:auto;
		}

	.gnb_wrap,
	.header_wrap,
	footer{
		min-width:100%;
		}
	#contanier > section#conts{
		float:none;
		width:auto;
		padding:0 10px;
		}
	.footer_left{
		float:none;
		}


	.footer_top div {
	display:none;
	}
	.footer_top p {
	display:block;
	}
	.footer_top{
	background-color:#e9e9e9;
	}
	.footer_bottom b {
	padding-top:20px;
	display:block;
	}
	.footer_bottom span {
	display:none;
	}
	.footer_bottom {
	width:90%;
	padding:0 5% 20px 5%;
	}

	.header_wrap {
		height:70px;
	}
	.header_wrap h1{
		margin: 0 auto;
		float:none;
		padding:10px 0;
		}
	.gnb_menu{
		display:block;
		background:url(../images/common/btn_menu.png) no-repeat center center;
		width:22px;
		height:20px;
		padding:10px;
		text-indent:200%;
		overflow:hidden;
		white-space:nowrap;
		position:absolute;
		right:10px;
		top:15px;;
		}
	.gnb{
		right:10px;
		}

	.gnb_nav > li{
		font-size:14px;
		}

	.gnb_nav > li:last-child {
		display:none;
	}

	.gnb > li.logout > a{
		background:url(/common/images/common/bul_logout.png) no-repeat right 7px !important;
		}
	.snb_wrap{
		width:auto;
		float:none;
		}
	.footer_left{
		padding:20px 0;
		background: none;
	}

	.img_0301020000 > a > img{
	width:100%;
	margin-top:10px;
	padding-left:20px;
	}
	.img_0301030000 > a > img{
	width:100%;
	margin-top:10px;
	padding-left:20px;
	}
	.img_0603000000 > img{
	width:100%;
	margin-top:10px;
	}



}

@media screen and (max-width:840px){
	.box_left{
		text-align: center;
	}
	.img_w img{
		width: 100%;
	}
	.box_left div{
		float: none !important;
		text-align: left;
		width: 100% !important;
	}
	.organize img{
		width: 100%;
	}

	연혁
.history_box{
	background:none;
	}

.history_box > div > h6 > span{
	color:#584f44;
	font-size:16px;
	}
.museum_box{
	padding-top:50px;
	margin-left:320px;
	}
.museum_box > p{
	margin-left:10px;
	margin-top:20px;
	}
.outsidemuseum_box{
	padding-top:150px;
	}
.outsidemuseum_box > p{
	margin-left:10px;
	margin-top:20px;
	}
.history_box01 > h6{
	color:#333333 !important;
	font-size:30px !important;
	text-align:center !important;
	margin-top:70px !important;
	}
.history_box01 .red_icon{
	background:url(../images/content/history_01.png) center top no-repeat;
	width:110px;
	height:296px;
	padding-top:40px;
	float:left;
	}
.history_box01 > dl{
	float:left;
	width:73%;
	padding-top:170px;
	}
.history_box01 > dl > dt{
	float:left;
	width:27%;
	}
.history_box01 > dl > dd{
	float:left;
	width:73%;
	}
.history_box01 .yellow_icon{
	background:url(../images/content/history_02.png) center top no-repeat;
	width:110px;
	height:296px;
	padding-top:40px;
	float:left;
	}
.history_box01 > dl{
	float:left;
	width:73%;
	padding-top:170px;
	}
.history_box01 > dl > dt{
	float:left;
	width:27%;
	}
.history_box01 > dl > dd{
	float:left;
	width:73%;
	}

}

@media screen and (max-width:768px){
	.footer_left > ul,
	.footer_left p{
		display:none;
		}
	.footer_left p.mT20{
		display:block;
		}
	.organize img{
		width: 95%;
	}

	안동시소개
.andong_info{
	background:url(../images/content/andong_info.png) no-repeat;
	margin-top:10px;
	width:95%;
	background-size:cover;
	height:669px;
	}
.andong_info > ol{
	font-size:16px;
	color:#3c3c3c;
	padding:15px 10px 0 0;
	}
.andong_info > ol > li{
	padding:11px 0 16px 70px;
	}
.andong_info .bul_01{
	background:url(../images/content/bul_01.png) no-repeat;
	}
.andong_info .bul_02{
	background:url(../images/content/bul_02.png) no-repeat ;
	}
.andong_info .bul_03{
	background:url(../images/content/bul_03.png) no-repeat;
	}
.andong_info .bul_04{
	background:url(../images/content/bul_04.png) no-repeat;
	}
.andong_info .bul_05{
	background:url(../images/content/bul_05.png) no-repeat;
	}
.andong_info .bul_06{
	background:url(../images/content/bul_06.png) no-repeat;
	}
.andong_info .bul_07{
	background:url(../images/content/bul_07.png) no-repeat;
	}

	성화 채화식 및 도청 합화 안치식
	.icon_030101_box{
		text-align:center;
		margin-top:20px;
		}
	.icon_030101_box > ul > li{
		float:left;
		}
	.icon_030101_box > ul > li > img{
		margin-top:15px;
		}
	.icon_030101_box .sub_title{
		display:block;
		margin-top:25px;
		font-size:15px;
		color:#ffffff;
		}

	.icon_030101_box .white_line{
		display:inline-block;
		border-bottom:2px solid #ffffff;
		margin-top:10px;
		width:120px;
		}

	.icon_030101_box .sub_text{
		display:block;
		font-size:15px;
		color:#ffffff;
		margin-top:13px;
		}
	.icon_030101_box .icon_030101_01{
		background:url(../images/content/icon_030101_01.png) no-repeat center;
		width:100%;
		height:187px;
		display:inline-block;
		}
	.icon_030101_box .icon_030101_02{
		background:url(../images/content/icon_030101_02.png) no-repeat center;
		width:100%;
		margin-top:20px;
		height:187px;
		display:inline-block;
		}
	.icon_030101_box .icon_030101_03{
		background:url(../images/content/icon_030101_03.png) no-repeat center;
		width:100%;
		margin-top:20px;
		height:187px;
		display:inline-block;
		}

		어린이날 어린이 주자 봉송 및 시청 안치식
	.icon_030102_box{
		text-align:center;
		margin-top:20px;
		}
	.icon_030102_box > ul > li{
		text-align:center;
		float:left;
		}
	.icon_030102_box .icon_030102_arrow {
		float:right;
		margin-top:-45px;
		}
	.icon_030102_box .sub_title{
		text-align:center;
		display:block;
		padding-top:65px;
		font-size:15px;
		color:#717c85;
		}
	.icon_030102_box .icon_030102_01{
		background:url(../images/content/icon_030102_01.png) no-repeat center;
		width:50%;
		height:139px;
		}
	.icon_030102_box .icon_030102_02{
		background:url(../images/content/icon_030102_02.png) no-repeat center;
		width:50%;
		height:139px;
		}
	.icon_030102_box .icon_030102_03{
		background:url(../images/content/icon_030102_03.png) no-repeat center;
		width:50%;
		margin-top:20px;
		height:139px;
		}
	.icon_030102_box .icon_030102_04{
		background:url(../images/content/icon_030102_04.png) no-repeat center;
		width:50%;
		margin-top:20px;
		height:139px;
		}

	.icon_start_box{
		text-align:center;
		margin-top:20px;
		}
	.icon_start_box > ul{
		text-align:center;
		}
	.icon_start_box > ul > li{
		float:left;
		}
	.icon_start_box .icon_start01{
		background:url(../images/content/icon_start01.png) no-repeat center;
		width:50%;
		height:93px;
		}
	.icon_start_box .icon_start02{
		background:url(../images/content/icon_start02.png) no-repeat center;
		width:50%;
		height:93px;
		}
	.icon_start_box .icon_start03{
		background:url(../images/content/icon_start03.png) no-repeat center;
		width:50%;
		margin-top:50px;
		height:93px;
		}
	.icon_start_box .icon_start04{
		background:url(../images/content/icon_start04.png) no-repeat center;
		width:50%;
		margin-top:50px;
		height:93px;
		}
	.icon_start_box .icon_030102_arrow {
		float:right;
		margin-top:-70px;
		}
	.icon_start_box .icon_030102_arrow01{
		float:right;
		margin-top:-90px;
		}
	.icon_start_box .sub_title{
		line-height:18px;
		display:block;
		padding-top:100px;
		font-size:15px;
		color:#717c85;
		}
	.icon_start_box01{
		text-align:center;
		margin-top:60px;
		}
	.icon_start_box01 > ul{
		text-align:center;
		}
	.icon_start_box01 > ul > li{
		width:50%;
		float:left;
		}
	.icon_start_box01 .icon_start05{
		background:url(../images/content/icon_start05.png) no-repeat center;
		width:50%;
		height:93px;
		}
	.icon_start_box01 .icon_start06{
		background:url(../images/content/icon_start06.png) no-repeat center;
		width:50%;
		height:93px;
		}
	.icon_start_box01 .icon_start07{
		background:url(../images/content/icon_start07.png) no-repeat center;
		width:50%;
		margin-top:50px;
		height:93px;
		}
	.icon_start_box01 .icon_start08{
		background:url(../images/content/icon_start08.png) no-repeat center;
		width:50%;
		margin-top:50px;
		height:93px;
		}

	.icon_start_box01 .icon_030102_arrow {
		float:right;
		margin-top:-70px;
		}
	.icon_start_box01 .sub_title{
		display:block;
		padding-top:100px;
		font-size:15px;
		color:#717c85;
		}
		.icon_start_box02{
		text-align:center;
		margin-top:30px;
		width:100%;
		}
	.icon_start_box02 > ul{
		text-align:center;
		}
	.icon_start_box02 .icon_030102_arrow {
		float:right;
		margin:-80px 19px 0 0;
		}

	.icon_start_box02 .icon_start09{
		background:url(../images/content/icon_start09.png) no-repeat center;
		background-size:100%;
		height:93px;
		width:80%;
		float:left;
		}
	.icon_start_box02 .icon_start10{
		background:url(../images/content/icon_start10.png) no-repeat center;
		background-size:100%;
		height:93px;
		width:15%;
		float:right;
		}
	.icon_start_box02 .sub_title{
		display:block;
		padding-top:100px;
		line-height:18px;
		font-size:15px;
		color:#717c85;
		}

		도민체전 D-day 성화 출발식 및 봉송
	.icon_start_box03{
		text-align:center;
		margin-top:20px;
		}
	.icon_start_box03 > ul{
		text-align:center;
		}
	.icon_start_box03 > ul > li{
		width:20%;
		float:left;
		}
	.icon_start_box03 .icon_030102_arrow {
		float:right;
		margin-top:-85px;
		}
	.icon_start_box03 .icon_start01{
			background:url(../images/content/icon_start01.png) no-repeat center;
			width:50%;
			height:93px;
			}
	.icon_start_box03 .icon_start04_01{
			background:url(../images/content/icon_start04_01.png) no-repeat center;
			width:50%;
			height:93px;
			}
	.icon_start_box03 .icon_start06_01{
			background:url(../images/content/icon_start06_01.png) no-repeat center;
			width:50%;
			margin-top:50px;
			height:93px;
			}
	.icon_start_box03 .icon_start02_01{
			background:url(../images/content/icon_start02_01.png) no-repeat center;
			width:50%;
			margin-top:50px;
			height:93px;
			}
	.icon_start_box03 .icon_start11{
			background:url(../images/content/icon_start11.png) no-repeat center;
			width:50%;
			margin-top:50px;
			height:93px;
			}
	.icon_start_box03 .sub_title{
		display:block;
		padding-top:100px;
		font-size:15px;
		color:#717c85;
		}
	.icon_start_box04{
		text-align:center;
		margin-top:20px;
		}
	.icon_start_box04 > ul{
		text-align:center;
		}
	.icon_start_box04 > ul > li{
		width:25%;
		float:left;
		}
	.icon_start_box04 .icon_030102_arrow {
		float:right;
		margin-top:-85px;
		}
	.icon_start_box04 .icon_start10_01{
			background:url(../images/content/icon_start10_01.png) no-repeat center;
			width:50%;
			height:93px;
			}
	.icon_start_box04 .icon_start12{
			background:url(../images/content/icon_start12.png) no-repeat center;
			width:50%;
			height:93px;
			}
	.icon_start_box04 .icon_start13{
			background:url(../images/content/icon_start13.png) no-repeat center;
			width:50%;
			margin-top:50px;
			height:93px;
			}
	.icon_start_box04 .icon_start14{
			background:url(../images/content/icon_start14.png) no-repeat center;
			width:50%;
			margin-top:50px;
			height:93px;
			}
	.icon_start_box04 .icon_start15{
			background:url(../images/content/icon_start15.png) no-repeat center;
			width:50%;
			height:93px;
			}
	.icon_start_box04 .icon_start16{
			background:url(../images/content/icon_start16.png) no-repeat center;
			width:50%;
			height:93px;
			}
	.icon_start_box04 .sub_title{
		display:block;
		padding-top:100px;
		font-size:15px;
		color:#717c85;
		}

	}

@media screen and (max-width:550px){
	.gnb_nav > li:last-child {
		display:none;
	}
	.gnb{
		position:static;
		display:none;
		}
	.gnb > li{
		padding:7px 5px;
		}
	.gnb > li > div{
	    padding: 10px 20px;
    	position: absolute;
    	right:10px;
		}

	.icon_start_box02{
		text-align:center;
		margin-top:30px;
		width:100%;
		}
	.icon_start_box02 > ul{
		text-align:center;
		}
	.icon_start_box02 .icon_030102_arrow {
		float:right;
		margin:-98px 19px 0 0;
		}

	.icon_start_box02 .icon_start09{
		background:url(../images/content/icon_start09.png) no-repeat center;
		background-size:100%;
		height:93px;
		width:80%;
		float:left;
		}
	.icon_start_box02 .icon_start10{
		background:url(../images/content/icon_start10.png) no-repeat center;
		background-size:100%;
		height:93px;
		width:15%;
		float:right;
		}
	.icon_start_box02 .sub_title{
		display:block;
		padding-top:100px;
		line-height:18px;
		font-size:15px;
		color:#717c85;
		}

	}

@media screen and (max-width:385px){
	input[type="text"],
	input[type="password"]{
		width:130px;
		}
	.box_left img{
		width: 100%
		}

	}

#wrap{
	position:relative;
	z-index:100;
	box-shadow:4px 4px 4px rgba(0,0,0,0.3);
	background:#ffffff;
	}
side menu
nav.side_menu{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index:99;
	background: #ffffff;
	display:none;
	}
.side_menu > h2{
	background:#f6f6f6 url(../images/common/logo.png) no-repeat center 30px;
	padding:30px 0px 60px 0;
	text-align:center;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	}
.side_menu ul > li > a{
	display:block;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
	}
.side_menu > ul > li > a{
	background:#eeb308;
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #c79504;
	border-bottom:1px solid #c79504;
	}
.side_menu > ul > li:first-child > a{
	border-top:0px;
	}
.side_menu > ul > li > ul{
	background:#c79504;
	padding:10px;
	}
.side_menu > ul > li > ul > li > a{
	font-size:15px;
	background:url(../images/common/bul_slider.png) no-repeat 0 14px;
	padding-top:5px;
	padding-bottom:5px;
	}
@media screen and (max-width:640px){
	.btn_comment{
		width: 91%;
		height: 45px;
		margin-top: 10px;
		}
	.writer_in {
		width: 100%
		}
	.writer_in input{
		margin-left: 16px;
		width: 55% !important;
		}
	.pw_in{
		margin: 0 0 10px 0 !important;
		width: 100%
		}
	.pw_in input{
		width: 55% !important;
		}
	}
패널슬라이드
.slideout-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 256px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: none;
	}
.slideout-panel {
	position:relative;
	z-index: 1;
	}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
	}
.slideout-open .slideout-menu {
	display: block;
	} */



/****************************************************
	상단 GNB 영역
****************************************************/

.gnb_wrap {position:relative; z-index:99;}
.gnb_wrap .inner_wrap {position:relative; width:100%; background:#34587a;}
.gnb_wrap .inner_wrap .inner {position:relative; max-width:1200px; margin:0 auto;}
.gnb_wrap .inner_wrap .inner:after {content:""; display:block; position:relative; clear:both;}

.gnb_wrap .inner_wrap .portal-link {float:left;}
.gnb_wrap .inner_wrap .language-link {float:right;}

.gnb-link-group {position:relative; font-size:14px;}
.gnb-link-group button {display:block; position:relative; padding:0 2.5em 0 10px; height:40px; color:#fff; text-align:center; background-color:#34587a;}
.gnb-link-group button:after {content:""; display:block; position:absolute; width:12px; top:0; bottom:0; right:1em; background:url('/portal/img/design_2021/ico_language_arrow.png') no-repeat 50% 50%;}
.gnb-link-group dt {display:block; position:relative; z-index:0;}
.gnb-link-group dd {display:none; position:absolute; top:100%; width:140px; background:#fff; border:1px solid #d1d1d1; border-radius:0 0 10px 10px; border-top-width:0; z-index:1; min-width:160px;}
.gnb-link-group dd a {display:block; position:relative; color:#444444; font-size:1em; padding:10px 0; text-align:center; font-weight:600;}
.gnb-link-group dd a[target="_blank"] {color:#444 !important; border:none !important; line-height:1.2 !important; background:none !important;}
.gnb-link-group dd a[target="_blank"]:after {display:none !important;}
.gnb-link-group dd li + li {border-top:1px solid #f1f1f2;}
.gnb-link-group dd .close {position:absolute; top:0; left:0; right:0; width:100%; transform:translateY(-100%); -webkit-transform:translateY(-100%);}

.gnb-link-group.on {z-index:2;}
.gnb-link-group.on dt {opacity:0;}
.gnb-link-group.on dd {display:block;}

.gnb_wrap .inner_wrap .portal-link dd {left:0;}

.gnb_wrap .inner_wrap .language-link {padding-top:5px; width:200px; max-width:55%;}
.gnb_wrap .inner_wrap .language-link button {width:100%;height:35px;border-radius:10px 10px 0 0;background:url('../img/design_2021/ico_language.png') no-repeat top 50% left 20px #2292e9;text-align: left;text-indent: 2.2rem;}
.gnb_wrap .inner_wrap .language-link dd {right:0; width:200px;}
.gnb_wrap .inner_wrap .language-link dd a:hover {text-decoration:underline;}

@media all and  (min-width:1025px) {
	/* PC 버전 */
	.gnb_wrap .inner_wrap .portal-link dt,
	.gnb_wrap .inner_wrap .portal-link button {display:none;}
	.gnb_wrap .inner_wrap .portal-link dd {display:block; width:auto; position:relative; background:transparent; border:none; border-radius:0;}
	.gnb_wrap .inner_wrap .portal-link dd li {display:inline-block; vertical-align:middle; position:relative;}
	.gnb_wrap .inner_wrap .portal-link dd li + li {border:none;}
	.gnb_wrap .inner_wrap .portal-link dd li + li:before {content:""; display:block; width:1px; height:1em; position:absolute; top:50%; margin-top:-.5em; background:#8a8a8a; left:-2px;}
	.gnb_wrap .inner_wrap .portal-link dd a { color:#fff; padding:9px 15px; font-weight:100;}
}
@media all and  (max-width:1024px) {
	.gnb_wrap .inner_wrap .language-link button {background-position:top 50% left 10px;}
}