@charset "utf-8";
/*-------------------------------------------------
Border Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2014. 09. 10.
-------------------------------------------------*/
.bottom_margin {margin-bottom: 35px;}
.pc_cont {display: block;}
.mobile_cont {display: none;}

/* 콘텐츠 title STYLE
------------------------------------------*/
.depth1_title,
.depth1_title02	 {
	margin-bottom: 13px;
	color: #6f7483;
	font-size: 1.45em;
	letter-spacing: -1px;
	line-height: 1.3;
	}
.depth1_title02 {
	margin-top: 28px;
	padding-top: 25px;
	background: url(../../images/common/content/depth1_bg.gif) repeat-x 0 0;
	}
.depth2_title,
.depth2_title02,
.depth2_bbsTitle,
.depth2_bbsTitle02 {
	margin-bottom: 14px;
	padding-left: 24px;
	background: url(../../images/common/content/depth2_arrow_orange.gif) no-repeat 0 2px;
	color: #000;
	letter-spacing: -0.05em;
	line-height: 1.4;
	}	
.depth2_normalTitle,
.depth2_normalTitle02 {
	margin-bottom: 14px;
	color: #000;
	letter-spacing: -0.05em;
	line-height: 1.4;
	}
.depth2_title02,
.depth2_bbsTitle02,
.depth2_normalTitle02{
	margin-top: 33px;
	}

h3.depth2_title,
h3.depth2_title02,		
h3.depth2_bbsTitle,
h3.depth2_bbsTitle {
	font-size: 1.2em;
	padding-bottom: 6px;
	}
.depth3_title,
.depth3_title02,
.depth3_bbsTitle,
.depth3_bbsTitle02 {
	margin: 0 0 11px 23px;
	padding-left: 16px;
	background: url(../../images/common/content/depth3_arrow_orange.gif) no-repeat 0 6px;
	color: #da3d00;
	}
.depth3_lstyle {
	margin-left: 23px;
	}	
.depth3_title_txt,
.depth3_lstyle > li {
	margin: 20px 0 11px 0; 
	padding-left: 19px; 
	font-weight: bold; 
	background: url(../../images/common/content/depth3_arrow_orange.gif) no-repeat 0 6px;
	color: #000;
	}	
	
.depth3_title02,
.depth3_bbsTitle02 {
	margin-top: 20px;
	}
.depth3_title.black_txt,
.depth3_bbsTitle.black_txt, 	
.depth3_title02.black_txt,
.depth3_bbsTitle02.black_txt {
	color: #000;
	}
.depth2_bbsTitle,
.depth2_bbsTitle02,
.depth3_bbsTitle,
.depth3_bbsTitle02 {
	margin-bottom: 5px;
	}
.depth4_title,
.depth4_title02 {
	margin: 0 0 11px 41px;
	padding-left: 8px;
	background: url(../../images/common/content/depth4_arrow.gif) no-repeat 0 8px;
	color: #45474d;
	font-size: 1em;
	}
.depth4_title02	 {
	margin-top: 12px;
	}
.linkTxt {
	display: inline-block;
	padding-right: 15px;
	background: url(../../images/common/content/linkTxt_arrow_orange.png) no-repeat right 4px;
	color: #da3d00;
	line-height: 1.3;
	font-weight: bold;
	}
.multi_lstyle ul {
	margin: 20px 0;
	}
.title_underLine {
	margin-bottom: 20px;
	border-bottom: solid 1px #e1e1e1;
	}	
.normal_title,
.normal_title02 {	
	margin-bottom: 5px;
	color: #252525;
	font-size: 1.8em;
	letter-spacing: -0.1em;
	}		
.normal_title02 {	
	margin-top: 12px;
	}		

/* 콘텐츠 txt 오른쪽 여백 STYLE
------------------------------------------*/
.depth2_txt,
.depth2_multiple {
	margin-left: 23px;
	}
.depth3_txt,
.depth3_multiple {
	margin-left: 40px;
	}	
.depth4_txt {
	margin-left: 50px;
	}
.txt_info {
	margin-bottom: 10px;
	}			
/* 목록형 STYLE
------------------------------------------*/
.normal_lstyle table {
	margin: 10px 0;
	}
.normal_lstyle > li  {
	margin-top: 7px;
	}	
.normal_lstyle > li > ul,
.normal_lstyle > li > ol,
.normal_lstyle > li > p ,
.normal_lstyle > li > dl {
	margin: 10px 0 10px 20px;
	}
.normal_lstyle .margin_zero {
	margin-left: 0;
	}	
.number_list {
	overflow: hidden;
	}
.number_list > li {
	margin-left: 25px;
	list-style: decimal;
	}	
.arrow_lstyle {
	}	
.arrow_lstyle > li,
.arrow_lstyle > dt,
p.arrow_lstyle {
	margin-top: 7px;
	padding-left: 8px;
	background: url(../../images/common/content/depth4_arrow.gif) no-repeat 0 7px;
	font-weight: bold; 
	}	
.arrow_lstyle > li:first-child,	
.arrow_lstyle > dt:first-child {
	margin-top: 0;
	}	
.arrow_lstyle > li table td {
	font-weight: normal;
	}	
.dot_lstyle {	
	}
.dot_lstyle > li,
.arrow_lstyle > li > ul > li,
.arrow_lstyle > li > p,
.arrow_lstyle > dd li,
p.dot_lstyle  {
	margin-top: 2px;
	padding-left: 8px;
	background: url(../../images/common/content/gray_dot.gif) no-repeat 0 9px;
	font-weight: normal;
	}
.dot_lstyle > li:first-child {
	margin-top: 0;
	}	
.arrow_lstyle .point03 > li {
	margin-top: 8px;
	}			
.arrow_lstyle .point03 > li > ul {
	color: #757577;	
	}
.dot_lstyle > li > ul,	
.line_lstyle {
	margin-bottom: 10px;
	}
.dot_lstyle > li > ul > li,
.line_lstyle > li,
p.line_lstyle,
span.line_lstyle {
	margin-top: 5px;
	padding-left: 10px;
	background: url(../../images/common/content/depth5_arrow.gif) no-repeat 0 9px;
	}	
.check_lstyle > li {
	padding-left: 13px;
	background: url(../../images/common/content/check_arrow.gif) no-repeat 0 8px;
	}
.check_lstyle > li.point {
	background: url(../../images/common/content/check_arrow02.gif) no-repeat 0 8px;
	}
.red_checkTxt {
	padding-left: 13px;
	background: url(../../images/common/content/check_arrow02.gif) no-repeat 0 8px;
	color: #d9394a;
	}		
.red_checkTxt_span {
	padding-left: 13px;
	background: url(../../images/common/content/check_arrow02.gif) no-repeat 0 8px;
	color: #d9394a;
	float: right;
	}		
.depth3_multiple > li {
	margin-top: 13px;
	}	
.graybox {
	padding: 18px 25px;
	background: #fafafb;
	border: solid 1px #e9eaee;
	letter-spacing: -1px;
	overflow: hidden;
	}
.graybox > .dot_lstyle > li	{
	margin-top: 8px;
	}
.graybox > .dot_lstyle > li:first-child	{
	margin-top: 0;
	}
.arrow_lstyle .single_txt > li {
	margin-top: 2px;
	}
/* 유의사항 */
.precautions {
	margin-bottom: 8px;
	padding: 8px 22px;
	border: solid 1px #e8e8e8;
	letter-spacing: -1px;
	overflow: hidden;
	}
.precautions dt {
	float: left;
	width: 87px;
	padding-left: 20px;
	background: url(../../images/common/icon/icon_precautions.gif) no-repeat 0 6px;
	color: #d9394a;
	font-weight: bold;
	}	
.precautions dd {
	position: relative;
	padding-left: 107px;
	line-height: 1.5;
	}		
/* 다운로드 */
.txt_download {
	display: inline-block;
	margin-left: 20px;
	padding-left: 15px;
	background: url(../../images/common/icon/icon_downloadRed.gif) no-repeat 0 2px;
	text-decoration: underline;
	font-size: 0.9em;
	font-family: "돋움", Dotum, "굴림", Gulim, sans-serif;
	}	
	
/* 용어사전 검색 */
.dictionary_search_area {
	margin: 15px 0 40px;
	border: solid 1px #e9eaee;
	border-top: solid 2px #6e747c;
	background: #fafafb;
	overflow: hidden;
	}
.dictionary_search {
	margin-bottom: 17px;
	padding: 23px 30px;
	border-bottom: dashed 1px #e1e1e1;
	overflow: hidden;
	}	
.dictionary_search label {
	display: inline-block;
	width: 100px;
	color: #252525;
	font-weight: bold;
	}	
.dictionary_search input {
	width: 487px;
	border-color: #d8d9db;
	}	
.dictionary_search .btn_colorType02 {
	padding: 3px 30px 3px 11px; 
	background: #434a54 url(../../images/mit/content/icon_search.gif) no-repeat 40px 7px;
	color: #fff;
	}	
.dictionary_search .btn_colorType02:hover {
	color: #fff;
	}
.dictionary_search_area .keyboard {
	position: relative;
	margin: 0 0 26px 30px;
	overflow: hidden;
	}
.keyboard > span {
	display: block;
	width: 600px;
	margin-left: 67px;
	}		
.keyboard button {
	width: 26px;
	height: 21px;
	margin: 0 0 2px 3px;
	padding-bottom: 1px;
	background: #fff;
	border: solid 1px #e6e6e6;
	border-radius: 3px;
	color: #434a54;
	font-family: "돋움", Dotum, "굴림", Gulim, sans-serif;
	}
.keyboard button.on {
	border-color: #4b5262;
	background: #555e78;
	color: #fff;
	font-weight: bold;
	}	
.keyboard > span.btnAll {
	position: absolute;
	top: 0;
	left: -67px;
	width: 60px;
	}
.keyboard > span.btnAll button {
	width: 56px;
	background: #d9394a;
	border: solid 1px #d42134;
	border-bottom-color: #ae0e1f;
	color: #fff;
	letter-spacing: -0.1em;
	}	
.keyboard .korkey {
	margin-bottom: 8px;
	}
/* 용어사전 검색결과 목록 */
.dropdown_list {
	position: relative;
	border-top: solid 1px #45474d;
	color: #555;
	overflow: hidden;
	}
.dropdown_list dt {
	padding: 0 25px 0 18px;
	background: url(../../images/mit/content/dropdown_list.png) no-repeat 0 3px;
	border-bottom: solid 1px #e4e7ec;
	}	
.dropdown_list dt.on {
	background-position: 0 -37px;
	}
.dropdown_list dt a {
	display: block;
	padding: 13px 0;
	}	
.dropdown_list dt:hover {
	text-decoration: underline;
	}
.dropdown_list dd {
	display: none;
	padding: 22px 20px;
	background: #fcfcfc;
	border-bottom: solid 1px #ebedf0;
	overflow: hidden;
	} 
.dropdown_list dd:first-child {
	display: block !important;
	}
.dropdown_list .arrow_lstyle {
	margin-left: 40px;
	color: #45474d;
	font-weight: bold;
	}	
.dropdown_list .depth2_title {
	letter-spacing: 0;
	}	
.source {
	margin-top: 15px;
	color: #d9394a;
	letter-spacing: -1px;
	}	
.mleft_zero {
	margin-left: 0;
	}		
.txt_bottomBbs {/* 설명 아래 table 여백 */
	margin-bottom: 18px;
	}	
.bbs_bottomTxt {/* table 아래 설명 txt */
	margin-top: 10px;
	}
.txt_topBtm_margin {
	margin: 10px 0;
	}	
	
/* CI 다운로드 */		
.btn_ciDownload a {
	padding-right: 15px;
	background: url(../../images/common/content/icon_ciDownload.png) no-repeat right 5px;
	color: #2f3743;
	}
.btn_ciDownload.ci_downcolor02 a {
	background-position: right -11px;
	}
.btn_ciDownload.ci_downcolor01 {
	background: #bdc3c7;
	border-bottom-color: #949ea8;
	}
.btn_ciDownload.ci_downcolor02 {
	background: #f0a839;
	border-bottom-color: #e98b23;
	}
	
/* 약관동의 */	
.agreement  {
	margin-bottom: 5px;
	padding: 20px;	
	background: #fdfdfd;
	border: solid 1px #eee;
	box-sizing: border-box;
	line-height: 1.6;
	}
.agreement .dot_lstyle > li {
	margin-top: 3px;
	background: url(../../images/common/content/gray_dot02.gif) no-repeat 0 9px;
	}
.agreement .dot_lstyle > li:first-child {
	margin-top: 0;
	}
.agreement .firstchild_txt {
	margin-bottom: 15px;
	}
.agreement h3,
.agreement h4  {
	margin-left: 0;
	padding-left: 0;
	background: none;
	}
.agreement h3 {
	margin-bottom: 25px;
	font-size: 1.231em;
	}	
.agreement h4 {
	margin-bottom: 25px;
	color: #333;
	}	
.agreement .depth4_title02 {
	margin-top: 28px;
	}
.if_txt {
	overflow: hidden;
	}	
.if_txt ul {
	margin: 10px 0 0 10px;
	}	
.if_txt > li {
	margin-top: 7px;
	padding-left: 8px;
	background: url(../../images/common/content/depth4_arrow.gif) no-repeat 0 8px;
	color: #45474d;
	}
.if_txt > li:first-child {
	margin-top: 0;
	}	
.check {
	margin: 10px 0 20px;
	text-align: right;
	}
.img_area {
	margin-top: 20px;
	}	
	
/* 전문위원소개 */
.consulting_profile > li {
	position: relative;
	float: left; 
	width: 50%;
	min-height: 205px;
	padding: 25px 0 30px;
	border-top: solid 1px #e4e7ec;
    box-sizing: border-box;	
	overflow: hidden;
	}
.consulting_profile > li a:hover {
	text-decoration: none;
	}	
.consulting_profile > li .thumb {
	float: left;
	width: 106px;
	height: 142px;
	margin-right: 15px;
	background: url(../../images/ghk/content/pic_bg.gif) no-repeat 0 0;
	}	
.consulting_profile .basic_info {
	position: relative;
	overflow: hidden;
	}
.consulting_profile .basic_info dt {
	margin-bottom: 10px;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	}
.consulting_profile .basic_info dt span {
	display: block;
    font-size: 0.706em;
    font-weight: normal;
	}	
.consulting_profile .basic_info dd {
	position: relative;
	font-size: 0.95em;
	}		
.consulting_profile .basic_info dd strong {
    margin-bottom: 2px;	
	color: #227bc1;
	font-weight: normal;
	}
.consulting_profile .basic_info dd.nation {
	height: 105px;
	}	
.consulting_profile .basic_info dd.nation:before {
	display: block;
	width: 10px;
	height: 1px;
	margin: 15px 0 12px;
	background: #c9cacc; 
	content: '';
	}		
.consulting_profile > li:nth-child(odd) {
	padding-right: 30px;
	}
.consulting_profile > li:nth-child(odd) .thumb {
	margin-left: 10px;
	} 	
.consulting_profile .more {
	position: absolute;
	top: 0;
	width: 360px;
	height: 100%;
	background-color: rgba(7, 17, 43, 0.8);
	color: #fff;
	text-align: center;
	transition: all .25s ease;
	-webkit-transition: all .25s ease; 
	-moz-transition: all .25s ease; 
	opacity: 0;
	}	
.consulting_profile .more:before {
	display: block;
	width: 40px;
	height: 41px;
	margin: 25% auto 15px;
	background: url(../../images/ghk/content/icon_plus.png) no-repeat 0 0;
	content:'';
	}	
.consulting_profile .more span {
	display: inline-block;
	padding: 7px 23px 8px;
	border: solid 1px #fff;
	}	
.consulting_profile a:hover .more {
	opacity:1;
	}
/* 전문위원 레이어 팝업 */
#wrap_box{
	/*width: 530px;*/
    padding: 30px 30px 70px;
    background: url(../../images/common/popup/mail_popBg.gif) no-repeat right 0;
	}
#profilePopup {
	background: #fff;
	}	
.profile_box {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #45474d;
	overflow: hidden;
	}
.profile_box .thumb {
	float: left;
	width: 106px;
	height: 142px;
	margin-right: 15px;
	background: url(../../images/ghk/content/pic_bg.gif) no-repeat 0 0;
	}	
.profile_box .basic_info {
	position: relative;
	overflow: hidden;
	}
.profile_box .basic_info dt {
	margin-bottom: 10px;
	color: #000;
	font-size: 1.429em;
	font-weight: bold;
	}
.profile_box .basic_info dt span {
    font-size: 0.7em;
    font-weight: normal;
	}
.profile_box .basic_info dd {
	position: relative;
	font-size: 0.95em;
	}	
.profile_box .basic_info dd strong {
	display: block;
    margin-bottom: 2px;	
	color: #227bc1;
	font-weight: normal;
	}
.profile_box .basic_info dd.nation:before {
	display: block;
	width: 10px;
	height: 1px;
	margin: 15px 0 12px;
	background: #c9cacc; 
	content: '';
	}	 	
#wrap_box .gray_title {
	margin-bottom: 15px;
	}	
/* 식사구성 오뚝이 */
.rolyPoly_guide {
	min-height: 445px;
	padding-right: 357px;
	background: url(../../images/rol/content/rolyPoly_guide.jpg) no-repeat right 0;	
	letter-spacing: -0.07em;
	}
.rolyPoly_guide dl {
	padding: 30px 0;
	}
.rolyPoly_guide dt {
	font-size: 1.071em;
	}	
.rolyPoly_bodyInfo {
	width: 195px;
	margin: 30px 38px;
	color: #252525;
	}	
.rolyPoly_bodyInfo strong {
	display: block;
	color: #186fb3;
	font-size: 1.071em;
	}
.rolyPoly_body {
	text-indent: -9999px;
	}
/* 2017. 11. 13. - JMK */
.tab-menu {display: table; table-layout: fixed; width: 100%; margin-top: 1px; padding-left: 1px; border-top: 1px solid #dee2ea;box-sizing: border-box;}
.tab-menu > li { display: table-cell; text-align: center; }
.tab-menu > li > a { display: block; margin-left: -1px; padding: 15px 0; border: 1px solid #dee2ea; border-top: none;}
.tab-menu > li.active > a { background-color: #737d92; color: #fff; }
.tab-menu.type2 {display: block; }
.tab-menu.type2::after { display: block; content: ""; clear: both; }
.tab-menu.type2 > li {display: block;float: left;  width: 14.285%; }

/* 검색영역 */
.search-area { margin-top: 40px; background: #f3f5f8; padding: 12px; overflow: hidden; margin-bottom: 20px; }
.search-area .insert { float: right; }
.search-area .insert select, .search-area .insert input, .search-area .insert button { display: inline-block; margin: 0 3px; }
.search-area .insert select { position: relative; z-index: 2; border-color: #d6dadd; }
.search-area .insert input[type="text"] { margin-left: -8px; position: relative; z-index: 1; border-color: #d6dadd; }
.search-area .insert .btn { border-color: transparent; background-color: #737d92; color: #fff; padding: 6px 14px; }
.search-area .insert .btn.global { background-color: #517cd4;}
.search-area.type2 {padding: 20px 12px; }
.search-area.type2 .insert { float: initial; }
.search-area.type2 .insert legend { position: relative; width: inherit; height: inherit; float: left; line-height: 37px; font-weight: 700; padding: 0 20px; color: #333; }
.search-area.type2 .insert form { float: left; }
.search-area.type3 { padding: 20px 12px; text-align: center; }
.search-area.type3 .insert { float: initial; }

.nation-detail-info { overflow: hidden; margin-bottom: 50px; border: 1px solid #dee2ea; }
.nation-detail-info .layout-left { width: 820px; overflow: hidden; position: relative; border-right: 1px solid #dee2ea; }
.nation-detail-info .layout-left .update {position: absolute; bottom: 14px; right: 50px; font-size: 14px; color: #666; }
.nation-detail-info .layout-left .flag-area {float: left; width: 325px; padding: 50px; text-align: center; }
.nation-detail-info .layout-left .flag-area .label { display: block; color: #909090; font-size: 17px; }
.nation-detail-info .layout-left .flag-area .label .flag-icon { display: block; width: 225px; height: 169px; border: 1px solid #dee2ea; }
.nation-detail-info .layout-left .flag-area .label strong { display: block; margin-top: 15px; margin-bottom: 10px;  padding-bottom: 10px; border-bottom: 1px solid #e1e2e4; color: #333;  font-size: 23px; }
.nation-detail-info .layout-left .detail-list { float: right; width: calc(100% - 325px);  min-height: 360px; padding: 50px; background-color: #fafbfd; overflow: hidden;  }
.nation-detail-info .layout-left .detail-list > li { padding: 10px 0;  border-bottom: 1px solid #dee2ea; overflow: hidden; }
.nation-detail-info .layout-left .detail-list > li strong {display: block; float: left; width: 100px; color: #333; text-align: center; font-weight: 700;  }
.nation-detail-info .layout-left .detail-list > li span {display: block; position: relative;  overflow: hidden; }
.nation-detail-info .layout-right {width: calc(100% - 820px); }
.nation-detail-info .layout-right .api-area {height: 133px; }
.nation-detail-info .layout-right .stats-list { border-top: 1px solid #dee2ea; padding: 25px 23px; }
.nation-detail-info .layout-right .stats-list .title { color: #333; font-weight: 700; position: relative; }
.nation-detail-info .layout-right .stats-list .title::after {position: absolute; top: 9px; right: 4px;  width: 5px; height: 5px; border-width: 1px 1px 0 0; border-color: #333; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; }
.nation-detail-info .layout-right .stats-list .list.dotted > li {overflow: hidden; }
.nation-detail-info .layout-right .stats-list .list.dotted > li span {float: left; }
.nation-detail-info .layout-right .stats-list .list.dotted > li strong {float: right; color: #d21736; font-weight: 700; }
.nation-detail-info .layout-right .stats-list .list.dotted > li::before {width: 2px; height: 2px; background: #7f8083; top: 10px; }
  
/* 지역 */
.country-form {margin-bottom: 30px;}
.earth-map { width: 100%; height: 470px; background: url("/resources/images/ghk/sub/bg_map.gif") 0 0 no-repeat; position: relative; }
.earth-map .mark {z-index: 1; text-shadow: 1px 1px 5px #ddd; position: absolute; text-align: center; font-size: 14px; color: #555; line-height: 1; }
.earth-map .mark > a {display: block; color:#a6a8ab; font-weight:400;}
.earth-map .mark i {color: #325b8d; height: 32px; font-size: 40px; overflow: hidden; margin-bottom: 5px; position: relative; top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.earth-map .mark span {display: block; font-size: 16px; margin-bottom: 2px; font-weight: 700; color: #333;}
.earth-map .mark.oceania {top: 343px; left: 50%; margin-left: -100px;}
.earth-map .mark.north-america {top: 160px; left: 50%; margin-left: 170px;}
.earth-map .mark.south-america {top: 330px; left: 50%; margin-left: 259px;}
.earth-map .mark.europe { top: 155px; left: 50%; margin-left: -372px; }
.earth-map .mark.middle-east {top: 180px; left: 50%; margin-left: -284px;}
.earth-map .mark.africa {top: 270px; left: 50%; margin-left: -350px;}
.earth-map .mark.cis {top: 100px; left: 50%; margin-left: -320px;}
.earth-map .mark.asia {top: 170px; left: 50%; margin-left: -190px;}
.earth-map .mark:hover i{top: -5px; }
.earth-map a.back {position: absolute; bottom: 20px; left: 20px; -webkit-box-shadow: 1px 1px 5px #aaa; box-shadow: 1px 1px 5px #aaa; }
.earth-map .global-map{width:88px; height:55px; font-size:0; line-height:0; overflow:hidden; display:block; background:url(/resources/images/ghk/sub/bg_global-map.gif) 0 0 no-repeat; position:absolute; top:15px; left:15px; box-shadow:1px 2px 5px #aaa;}

/* 지역 - 아시아 */
.earth-map.asia{background-image:url("/resources/images/ghk/sub/bg_map_asia.gif")}
.earth-map.asia .mark{left: 50%;}
.earth-map.asia .mark.cn{top:183px; margin-left: 60px;}
.earth-map.asia .mark.mn{top:130px; margin-left:70px;}
.earth-map.asia .mark.jp{top:193px; margin-left:180px;}
.earth-map.asia .mark.hk{top:240px; margin-left:90px;}
.earth-map.asia .mark.tw{top:240px; margin-left:140px;}
.earth-map.asia .mark.bd{top:240px; margin-left:10px;}
.earth-map.asia .mark.in{top:260px; margin-left:-17px;}
.earth-map.asia .mark.th{top:270px; margin-left:70px;}
.earth-map.asia .mark.vn{top:280px; margin-left:105px;}
.earth-map.asia .mark.ph{top:280px; margin-left:155px;}
.earth-map.asia .mark.kh{top:300px; margin-left:75px;}
.earth-map.asia .mark.my{top:325px; margin-left:20px;}
.earth-map.asia .mark.sg{top:345px; margin-left:75px;}
.earth-map.asia .mark.id{top:320px; margin-left:130px;}

/* 지역 - 중동 */
.earth-map.middle-east{background-image:url("/resources/images/common/bg_map_middle_east.gif")}
.earth-map.middle-east .mark{left: 50%;}
.earth-map.middle-east .mark.af{top:74px; margin-left:120px;}
.earth-map.middle-east .mark.sa{top:156px; margin-left:-20px;}
.earth-map.middle-east .mark.il{top:70px; margin-left:-60px;}
.earth-map.middle-east .mark.tr{top:10px; margin-left:-80px;}

/* 지역 - 소비에트연방국가 */
.earth-map.cis{background-image:url("/resources/images/ghk/sub/bg_map_cis.gif")}
.earth-map.cis .mark{left: 50%;}
.earth-map.cis .mark.kz{top:226px; margin-left:-10px;}
.earth-map.cis .mark.ru{top:156px; margin-left:70px;}
.earth-map.cis .mark.ua{top:180px; margin-left:-90px;}

/* 지역 - 유럽 */
.earth-map.europe{background-image:url("/resources/images/common/bg_map_europe.gif")}
.earth-map.europe .mark{left: 50%;}
.earth-map.europe .mark.gr{top:396px; margin-left:50px;}
.earth-map.europe .mark.nl{top:236px; margin-left:-149px;}
.earth-map.europe .mark.no{top:126px; margin-left:-70px;}
.earth-map.europe .mark.dk{top:190px; margin-left:-90px;}
.earth-map.europe .mark.de{top:246px; margin-left:-85px;}
.earth-map.europe .mark.lv{top:207px; margin-left:40px;}
.earth-map.europe .mark.ro{top:336px; margin-left:80px;}
.earth-map.europe .mark.lt{top:220px; margin-left:-20px;}
.earth-map.europe .mark.be{top:270px; margin-left:-130px;}
.earth-map.europe .mark.bg{top:296px; margin-left:130px;}
.earth-map.europe .mark.rs{top:270px; margin-left:80px;}
.earth-map.europe .mark.se{top:50px; margin-left:-30px;}
.earth-map.europe .mark.ch{top:350px; margin-left:-110px;}
.earth-map.europe .mark.es{top:400px; margin-left:-170px;}
.earth-map.europe .mark.sk{top:252px; margin-left:20px;}
.earth-map.europe .mark.ie{top:246px; margin-left:-250px;}
.earth-map.europe .mark.ee{top:176px; margin-left:20px;}
.earth-map.europe .mark.gb{top:206px; margin-left:-210px;}
.earth-map.europe .mark.at{top:316px; margin-left:-60px;}
.earth-map.europe .mark.it{top:376px; margin-left:-40px;}
.earth-map.europe .mark.cz{top:280px; margin-left:-38px;}
.earth-map.europe .mark.hr{top:346px; margin-left:-40px;}
.earth-map.europe .mark.pt{top:416px; margin-left:-240px;}
.earth-map.europe .mark.pl{top:240px; margin-left:-35px;}
.earth-map.europe .mark.fr{top:316px; margin-left:-130px;}
.earth-map.europe .mark.fi{top:46px; margin-left:70px;}
.earth-map.europe .mark.tr{top:306px; margin-left:20px;}

/* 지역 - 오세아니아 */
.earth-map.oceania{background-image:url("/resources/images/common/bg_map_oceania.gif")}
.earth-map.oceania .mark{left: 50%;}
.earth-map.oceania .mark.nz{top:400px; margin-left:280px;}
.earth-map.oceania .mark.au{top:256px; margin-left:0px;}

/* 지역 - 아프리카 */
.earth-map.africa{background-image:url("/resources/images/common/bg_map_africa.gif")}
.earth-map.africa .mark{left: 50%;}
.earth-map.africa .mark.eg{top:80px; margin-left:90px;}
.earth-map.africa .mark.za{top:400px; margin-left:40px;}
.earth-map.africa .mark.dz{top:80px; margin-left:-10px;}

/* 지역 - 북아메리카 */
.earth-map.north-america{background-image:url("/resources/images/ghk/sub/bg_map_north_america.gif")}
.earth-map.north-america .mark{left: 50%;}
.earth-map.north-america .mark.us{top:286px; margin-left:-90px;}
.earth-map.north-america .mark.ca{top:186px; margin-left:-90px;}

/* 지역 - 남아메리카 */
.earth-map.south-america{background-image:url("/resources/images/common/bg_map_south_america.gif")}
.earth-map.south-america .mark{left: 50%;}
.earth-map.south-america .mark.dm{top:80px; margin-left:-90px;}
.earth-map.south-america .mark.mx{top:186px; margin-left:-90px;}
.earth-map.south-america .mark.br{top:200px; margin-left:30px;}
.earth-map.south-america .mark.ar{top:350px; margin-left:-30px;}
.earth-map.south-america .mark.cl{top:310px; margin-left:-60px;}
.earth-map.south-america .mark.mx{top:40px; margin-left:-210px;}
.earth-map.south-america .mark.co{top:140px; margin-left:-80px;}
.earth-map.south-america .mark.pe{top:240px; margin-left:-70px;}

.nation-group { display: none; padding: 30px; background-color: #f3f5f8; position: relative; top: 0; min-height: 48px; }
.nation-group.active { display: block; }
.nation-group .flag-list { overflow: hidden; margin-top: -18px; }
.nation-group .flag-list > li { width: 192px; float: left; margin-top: 18px; }
.nation-group .flag-list > li .label { line-height: 27px; }
.nation-group .flag-list > li .label .flag-icon { width: 36px; height: 27px; margin-right: 5px; vertical-align: middle; }
.nation-group .flag-list > li img { display: block; max-width: 100%; margin: 0 auto 10px; }
.nation-group .flag-list > li a:hover { text-decoration: underline; }

.flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; }

.table-data-wrap { overflow: hidden; margin-top: 60px; }
.table-data-wrap .table-data {float: left; width: 165px; height: 857px; margin-right: 20px; border-top: 2px solid #737d92; border-bottom: 1px solid #dee2ea; background: #fafbfd; padding: 30px 15px; }.table-data-wrap .table-data > li { margin-top: 15px; }
.table-data-wrap .table-data > li:first-child { margin-top: 0; }
.table-data-wrap .table-data > li > a { font-size: 15px; display: block; padding-left: 10px; position: relative; }
.table-data-wrap .table-data > li > a::before { content: ""; width: 5px; height: 5px; background-color: #909090; position: absolute; top: 7px; left: 0; border-radius: 50%; }
.table-data-wrap .table-data > li > a:hover {color: #517cd4; }
.table-data-wrap .table-data > li.active > a::before,
.table-data-wrap .table-data > li > a:hover::before { background-color: #517cd4; }
.table-data-wrap .table-data > li.active > a {color: #517cd4; text-decoration: underline;}
.table-data-wrap .table-data-view { float: right; width: 815px; }
.table-data-wrap .table-data-view h2.bullet { margin-top: 0; }
.table-data-wrap .table-data-view .search-area { margin-bottom: 0; }
.table-data-wrap .layout_right{position: relative; overflow: hidden;}

/*-------------------------------------------------
  2017. 11. 06. - JYC 콘텐츠 공통 수정 - mps content.css에 있는걸 이동

.search_form {position: relative;	padding-bottom: 10px;	overflow: hidden;	}	
.search_form label {	float: left;	padding: 4px 3px;	}	
.search_form select {	float: left;	height: 30px;	margin-right: 5px;	padding: 2px 3px;	border-radius: 3px;	box-sizing: border-box;	}
.search_form .input_inner {	position: relative;	display: block;    margin-right: 52px;	overflow: hidden;	}		
.search_form input[type="search"] {	width: 100%;	height: 30px;	border: solid 2px #4f5d73;	box-sizing: border-box;	border-radius: 3px;	}
.search_form .input_smallBlack {	position: absolute;	top: 0;	right: 0;	height: 30px;	line-height:28px;padding-top:0;padding-bottom:0;background: #4f5d73;	border:0; border-radius: 3px;}
.news_list {	border-bottom: solid 1px #e4e7ec;	overflow: hidden;	}
.news_list li {	padding: 12px 10px;	border-top: 1px solid #e4e7ec;	overflow: hidden;	}
.news_list li strong {	display: block;	font-size: 1.1em;	}	
.news_list li > span {	min-width: 30px;	margin-right: 3px;	padding-bottom: 1px;	border-radius: 0;	font-weight: normal;	line-height: 1.1;	}
 -------------------------------------------------*/
 
/* 모바일 콘텐츠 공통 */
@media screen and (max-width:720px){
.depth2_title02,.depth2_bbsTitle02,.depth2_normalTitle02{margin-top:16px;}
}