/****************************************************************
 * Layout
 ***************************************************************/
#wrap{position:relative;width:1220px;min-width:1220px;margin:0 auto}
#head{position:relative;background-color:#fff;z-index:6}
#body{clear:both;position:relative;overflow:hidden;background:url('../img/bg_right.gif') right 0 repeat-y}
#web_logout{position:absolute;right:101px;top:0;display:block;width:69px;height:27px;background:url('../img/btn_logout.gif') 0 0 no-repeat;text-indent:-99999em;overflow:hidden}
#left{float:left;margin-top:100px;width:203px;border-top:3px solid #000}
#center{float:left;padding-top:100px;width:813px}
#center.box_large{width:1017px}
#center.box_large #content{margin-right:0}
#right{float:right;width:204px;padding-top:100px;background-color:#fff}
#title{position:absolute;left:0;top:32px}
#title h3{float:left;margin-right:15px;font-weight:500;font-size:38px;line-height:1em;color:#000}
#title p{float:left;margin:3px 0 0 0;padding:4px 0 3px 15px;border-left:1px solid #e1e1e1}
#content{margin-left:35px;margin-right:35px;padding-bottom:112px}
#head_top{position:relative;width:100%;overflow:hidden}
#head_top h1{width:100px;height:85px}
#head_top h1 a{display:block;height:100%;background:url('../img/KDI_logo.png') left 31px no-repeat;text-indent:-99999em;overflow:hidden}
#head_top .lng{float:left;position:absolute;right:0;top:0;width:97px;height:27px;background:url('../img/lng_bg.gif') 0 0 no-repeat}
#head_top .lng li{float:left;width:48px;height:100%}
#head_top .lng li a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;text-indent:-99999em;overflow:hidden}
#head_top .lng li.kor a.on{background-image:url('../img/lng_kor.gif')}
#head_top .lng li.eng{margin-left:1px}
#head_top .lng li.eng a.on{background-image:url('../img/lng_eng.gif')}
#head_top .search{position:absolute;right:0;bottom:0;clear:both;height:40px;padding-right:101px}
#head_top .search button{display:block;position:absolute;right:0;top:0;height:100%}
#head_top .search label{display:block;width:100%;height:100%;position:relative;background-color:#ccccc6}
#head_top .search label input{width:177px;padding:7px 12px 6px 12px;margin-top:1px;margin-right:40px;margin-left:1px;background-color:#fff;border:none;text-indent:0;font-weight:500}
#head_top .search label button{width:40px;background:#66635d url('../img/ico_search.png') center center no-repeat;text-indent:-99999em;overflow:hidden}
#head_top .search .back_page{display:none}
#head_top .search .detail_search{width:95px;border:1px solid #66635d;font-size:13px;font-weight:700;color:#66635d;line-height:29px}
#head_top .search.overfocus label{background-color:#f08200;
	-webkit-transition:background-color 0.2s cubic-bezier(0.75,0.1,0.25,1);
			transition:background-color 0.2s cubic-bezier(0.75,0.1,0.25,1);
}
#head_top .search.overfocus label button{background-color:#f08200;
	-webkit-transition:background-color 0.2s cubic-bezier(0.75,0.1,0.25,1);
			transition:background-color 0.2s cubic-bezier(0.75,0.1,0.25,1);
}
#head_top .gnb_open,
#head_top .search_open{display:none}
#line_map{position:absolute;right:0;top:46px;line-height:1em}
#line_map li{display:inline-block;zoom:1;*display:inline;vertical-align:top}
#line_map li a{position:relative;display:block;padding-left:16px;color:#888;font-size:14px;line-height:1em;background:url('../img/ico_linemap.png') 5px 2px no-repeat}
#line_map li a.home{width:14px;height:100%;padding-left:0;background:url('../img/ico_home.png') left 1px no-repeat;text-indent:-99999em;overflow:hidden}
#line_map li a strong{color:#000;font-weight:500}
#foot{clear:both;position:relative;padding-bottom:52px}
#foot .link_base{float:left;width:100%}
#foot .link_base li{float:left}
#foot .link_base li a{position:relative;display:block;background:url('../img/ico_bar_p11.gif') 10px center no-repeat}
#foot .link_base li:first-child a{background:none}
#foot .out_link{border:solid #000;border-width:1px 0 1px 0}
#foot .out_link li a{padding:10px 0 10px 19px;color:#000;font-weight:500;font-size:15px}
#foot .out_link li:first-child a{padding-left:0}
#foot .out_link li a.p{color:#666;font-weight:500}
#foot .in_link li a{margin:10px 0;padding-left:26px;font-size:0.8em;color:#63635d;font-weight:500;background-position:13px 8px}
#foot .in_link li:first-child a{padding-left:0}
#foot .in_link li a.p{color:#e37932}
#foot .addrs{position:relative;height:30px;padding-left:76px;font-family:'Malgun Gothic'}
#foot .addrs strong{position:absolute;left:0;top:0;display:block;width:56px;height:30px}
#foot .addrs strong a{display:block;width:100%;height:100%;background:url('../img/KDI_logo-footer.png') 0 0 no-repeat;text-indent:-99999em}
#foot .addrs address,
#foot .addrs p{font-size:0.8em;color:#666;line-height:1em;letter-spacing:0}
#foot .addrs address span{position:relative;display:inline-block;padding-left:14px;background:url('../img/ico_bar_p11.gif') 7px center no-repeat}
#foot .addrs p{margin:4px 0 0 0}
#foot .sns_family{position:absolute;right:0;bottom:46px}
#foot .sns_family .sns{margin-bottom:8px;text-align:right}
#foot .sns_family .sns *{vertical-align:top}
#foot .sns_family .sns a{display:inline-block;margin-left:2px;width:30px;height:30px;background-repeat:no-repeat;background-position:0 0;color:transparent;font-size:0;line-height:0}
#foot .sns_family .sns a.t{background-image:url('../img/ico_sns-tube.gif')}
#foot .sns_family .sns a.f{background-image:url('../img/ico_sns-face.gif');}
#foot .sns_family .sns a.n{background-image:url('../img/ico_sns-naver.gif');}
#foot .sns_family .site{position:relative;cursor:pointer;border:1px solid #c2c2c2}
#foot .sns_family .site button{position:relative;display:block;width:266px;padding:5px 0 3px 12px;font-size:0.8em;color:#000;font-weight:500;text-align:left;letter-spacing:0;z-index:11}
#foot .sns_family .site button em{display:block;position:absolute;right:12px;top:14px;width:10px;height:5px;background:url('../img/ico_arw.png') 0 0 no-repeat;text-indent:-99999em}
#foot .sns_family .site ul{display:none;position:absolute;left:-1px;bottom:35px;border:solid #c2c2c2;border-width:1px 1px 0 1px;background-color:#fff;z-index:10}
#foot .sns_family .site ul.open{display:block}
#foot .sns_family .site ul li a{display:block;width:266px;font-size:0.8em;padding:4px 0;color:#000;font-weight:500;text-indent:12px}
#foot .sns_family .site ul li a:hover{background-color:#c2c2c2}

@media screen and ( max-width:640px ){
	#wrap{min-width:320px;width:100%}
	#left,
	#title,
	#line_map,
	#conference_info,
	#rpt_writer,
	#relation_data,
	#kdi_hot_issue,
	#web_logout{display:none}
	#body{background-image:none}
	#right{position:fixed;left:0;bottom:-156px;top:auto;right:auto;width:100%;height:auto;background-color:#fff;z-index:13;float:none;padding-top:0}
	#center{padding:0 0 10px 0;width:100%;background-color:#f0f0f0;float:none}
	#center.box_large{width:auto;padding-bottom:0}
	#center.box_large #content{border-bottom:none;position:static}
	#content{margin:0;padding:0;border-bottom:1px solid #cacaca;position:relative}
	#head{box-shadow:0px 2px 3px rgba(0,0,0,0.2)}
	#head_top h1{width:106px;height:55px;margin:0 auto}
	#head_top h1 a{background-position:center center;background-size:50px auto}
	#head_top .lng{float:none;right:47px;top:12px;width:auto;height:auto;background-color:#fff;border-radius:0;background-image:none}
	#head_top .lng li{float:none;width:auto;height:auto}
	#head_top .lng li a{display:block;width:45px;height:30px;background-size:45px auto;background-position:center center;background-repeat:no-repeat;background-color:#fff}
	#head_top .lng li a.on{display:none}
	#head_top .lng li.kor a{background-image:url('../img/lng_kor-mob.gif')}
	#head_top .lng li.eng a{background-image:url('../img/lng_eng-mob.gif')}
	#head_top .search{right:auto;bottom:auto;left:0;top:-100%;width:100%;height:55px;padding-right:0;z-index:9;
		-webkit-transition:top 0.4s cubic-bezier(0.75,0.1,0.25,1);
				transition:top 0.4s cubic-bezier(0.75,0.1,0.25,1);
	}
	#head_top .search.open{top:0}
	#head_top .search label{background-color:#fff}
	#head_top .search label input{width:79%;height:100%;margin:0 auto;font-weight:500;padding:0;display:block;color:#000;font-size:22px}
	#head_top .search label button{right:15px;top:12px;width:30px;height:30px;background:url('../img/btn_search_mob.gif') 0 0 no-repeat;background-size:30px auto}
	#head_top .search .back_page{display:block;width:39px;right:auto;left:0;top:0;background:url('../img/ico_mob_back.png') center center no-repeat;background-size:9px auto;text-indent:-99999em;overflow:hidden}
	#head_top .search .detail_search{display:none}
	#head_top .search.overfocus label{background-color:#fff}
	#head_top .search.overfocus label button{background-color:#fff}
	#head_top .search_open{display:block;position:absolute;right:14px;top:12px;width:30px;height:30px;background:url('../img/btn_search_top.gif') center center no-repeat;background-size:30px auto;text-indent:-99999em;overflow:hidden}
	#head_top .gnb_open{display:block;position:absolute;left:0;top:0;height:100%;width:55px}
	#head_top .gnb_open span{display:block;width:100%;height:100%;background:url('../img/btn_mob_gnb.gif') center center no-repeat;background-size:19px auto;text-indent:-99999em;overflow:hidden}
	#foot{clear:both;position:relative;padding:0 15px 25px 15px;border-top:1px solid #cacaca}
	#foot .link_base li a{background-position:left 25px}
	#foot .out_link{border-width:0 0 2px 0}
	#foot .out_link li.out1{display:none}
	#foot .out_link li.out2{width:25%}
	#foot .out_link li.out2 a{background:none}
	#foot .out_link li.out3{width:34%}
	#foot .out_link li.out4{width:14%}
	#foot .out_link li.out5{width:14%}
	#foot .out_link li.out6{width:13%}
	#foot .out_link li a{padding:23px 0 15px 0;font-size:1em;text-align:center}
	#foot .in_link,
	#foot .in_link li{float:none}
	#foot .in_link{text-align:center;width:290px;margin:0 auto;padding:10px 0;clear:both}
	#foot .in_link li{display:inline-block;zoom:1;*display:inline}
	#foot .in_link li a{margin:0;padding:5px 4px 5px 6px;font-size:9px;background-position:left 5px;background-image:url('../img/ico_bar_p8.gif')}
	#foot .in_link li.in1,
	#foot .in_link li.in2,
	#foot .in_link li.in7,
	#foot .in_link li.in8{display:none}
	#foot .in_link li.in3 a,
	#foot .in_link li.in6 a{background:none}
	#foot .addrs{position:absolute;left:50%;top:168px;height:auto;;width:242px;padding:38px 0 0 0;margin-left:-121px}
	#foot .addrs strong{left:50%;top:0;width:49px;height:26px;margin-left:-25px}
	#foot .addrs strong a{background-size:auto 26px;background-image:url('../img/KDI_logo.png')}
	#foot .addrs address,
	#foot .addrs p{font-size:9px;line-height:1.4em;text-align:center}
	#foot .addrs address span{padding-left:0;background:none;padding-left:4px}
	#foot .addrs p{margin:0}
	#foot .sns_family{position:static;padding-bottom:140px;bottom:0}
	#foot .sns_family .sns{position:absolute;left:0;bottom:30px;width:100%;margin-bottom:0;text-align:center}
	#foot .sns_family .sns a{width:33px;height:33px;background-size:33px auto;margin:0 2px}
	#foot .sns_family .sns a.n{background-image:url('../img/ico_sns-naver_mobile.gif')}
	#foot .sns_family .sns a.t{background-image:url('../img/ico_sns-tube_mobile.gif')}
	#foot .sns_family .sns a.f{background-image:url('../img/ico_sns-face_mobile.gif');}
	#foot .sns_family .site{position:relative;border:1px solid #c2c2c2}
	#foot .sns_family .site button{width:100%;padding:9px 0 9px 12px;font-size:1em}
	#foot .sns_family .site button em{width:12px;height:11px;background-image:url('../img/ico_arw-mobile.png');background-size:11px auto}
	#foot .sns_family .site ul{bottom:33px;width:100%}
	#foot .sns_family .site ul li a{width:100%;padding:10px 0;font-size:1em}
}