@charset "UTF-8";
/*==============================================================

	COMMON
	
==============================================================*/

/*==============================================================
>>> TABLE OF CONTENTS :
================================================================
>> COMMON
- Import
- General Style
- Layout

>> MAIN
>> SUB

--------------------------------------------------------------*/

/*==============================================================
	Import
==============================================================*/

/*==============================================================
	General Style
==============================================================*/
/* --------------------------------
	Helper
----------------------------------*/
html.ms .js-overflow-hidden {
	overflow: hidden !important;
	height: 100% !important;
}

html.ms .blind {
	overflow: hidden;
	position: absolute;
	border: 0;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

html.ms .css-disabled {
	pointer-events: none;
}

html.ms .text-center {
	text-align: center !important;
}

html.ms .text-left {
	text-align: left !important;
}

html.ms .text-right {
	text-align: right !important;
}

html.ms .text-overflow {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

html.ms .text-overflow2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
}

html.ms .text-overflow3 {
	width: 500px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

html.ms b,
html.ms strong {
	font-weight: 500;
}
html.ms .color-point {
	color:#0066b2;
}
html.ms .color-point-important {
	color:#d31d1d;
}

html.ms .cover {
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit:cover;object-position: bottom;';
	width: 100%;
	height: auto;
}

html.ms .table-wrap {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
}

html.ms .table-wrap [class*='cell'] {
	position: relative !important;
	display: table-cell !important;
	vertical-align: middle !important;
}

html.ms .col {
	position: relative;
	padding: 0 !important;
}

html.ms .col-1 {
	width: 100%;
}

html.ms .col-2 {
	width: 50%;
}

html.ms .col-3 {
	width: 33.3333%;
}

html.ms .pos-rgt {
	position: relative;
	text-align: right;
}

html.ms .pos-lft {
	position: relative;
	text-align: left;
}

html.ms .pos-center {
	position: relative;
	text-align: center;
}

html.ms .flex {
	display: flex;
}

html.ms .flex-wrap {
	flex-wrap: wrap;
}

html.ms .flex-space {
	justify-content: space-between;
}

html.ms .flex-center {
	align-items: center;
	justify-content: center;
}

html.ms .flex-row {
	flex-direction: column;
}

html.ms .w-900 {
	width:900px !important;
}

/* --------------------------------
	Table
----------------------------------*/
html.ms .table-field {}
html.ms .table-field table {
	border:1px solid #DADADA;
}
html.ms .table-field tr th,
html.ms .table-field tr td {
	border-right:1px solid #DADADA;
	border-bottom:1px solid #DADADA;
	
}
html.ms .table-field thead tr th {
	background-color:#fff;
	padding:20px 10px;
}
html.ms .table-field thead tr th strong {
	display:block;
	font-size:16px;
	font-weight:400;
	letter-spacing:.3px;
	line-height:1;
	padding-top:20px;
}

html.ms .box-detail-content table tbody tr td,
html.ms .data-type tbody tr td {
	word-break:break-all;
}


/*==============================================================
	Layout
==============================================================*/
html.ms {}

html.ms body {
	font-family: 'Noto Sans KR', 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 300;
    color: #000;
}


html.ms footer {
	padding-top:100px;
}
html.ms footer .footer-top .quick-menu li {
	margin-left:50px;
}

html.ms footer .footer-top .quick-menu li.qm2 .ico {
	background: url('../../images/malay/common/ico_weather@2x.png') center no-repeat;
	background-size: 35px 29px;
}
html.ms footer .footer-top .quick-menu li.qm3 .ico {
	background: url('../../images/malay/common/ico_infor@2x.png') center no-repeat;
	background-size:  32px 33px;
}

html.ms footer .footer-menu {
	text-align:center;
}
html.ms footer .footer-menu > li {
	display: inline-block;
	vertical-align: top;
    float: unset;
	width: auto;
	text-align:left;
}
html.ms footer .footer-menu > li + li {
	margin-left:4%;
}

/* 20210726//(Ina)수정(s) */
html.ms footer .footer-other .other-element {
	position:relative;
	width:396px;
}
html.ms footer .footer-other .other-element.e1 {
	margin-right:10px;
} 

html.ms footer .footer-other .other-element.e2 .comment-number.type2.first {
	margin-bottom:3%;
} 
/* 20210726//(Ina)수정(e) */

html.ms footer .footer-bottom .copyright {
	text-align:center !important;
	text-indent: 0 !important;
}

html.ms footer .footer-other .other-element .social-element .social-item li img {
	width:100%;
	height:100%;
	vertical-align: top;
}





/* 1200px~ */ 
@media (max-width: 1200px) {


	html.ms footer .footer-other .other-element {
		padding-top:0;		
	}
	html.ms footer .footer-other .other-element.e1,
	html.ms footer .footer-other .other-element.e2 {
		min-height:170px;
	}

	html.ms footer .footer-other .other-element.e2 {
		position:absolute;
		width:100%;
	}

	html.ms footer .footer-other .other-element.e3 {
		width:100%;
	} 
	html.ms footer .footer-other .other-element.e3 .social-element {
		float:right;
	}  
	html.ms footer .footer-other .other-element.e3 .other-title {
		font-size:16px;
	}


	html.ms footer .footer-other .comment-number {
		margin-left:0;
	}

	html.ms footer .footer-other .comment-number.type1.first {
		left:35%;

	}
	html.ms footer .footer-other .comment-number.type2.first {
		left:63%;
	}

	html.ms footer .footer-other .comment-number.type1.last {
		left:28%;
		bottom:-36px;
	}
	html.ms footer .footer-other .comment-number.type2.last {
		left:55%;
		bottom:-36px;
	}

	html.ms footer .footer-other .other-element.e2 .comment-number {
		position:absolute;
	}
}

/* 960px~ */
@media all and (max-width:960px) {

	html.ms footer .footer-other .other-element.e2,
	html.ms footer .footer-other .other-element.e2 .comment-number {
		position:unset;
	}
	html.ms footer .footer-other .other-element.e2 {
		margin-left:0;
		min-height:120px;
	}	
	html.ms footer .footer-other .other-element.e2 .comment-number + .comment-number {
		margin-left:5%;
	}	
	html.ms footer .footer-other .other-element.e3 .social-element {
		float:left;
	}
	
}

/* 850px~ */
@media (max-width: 850px) {


	html.ms footer .footer-other .other-element.e2 .comment-number.type2.first {
		float:unset;
		position: unset;
	}
	html.ms footer .footer-other .other-element.e2 .comment-number.type1.last,
	html.ms footer .footer-other .other-element.e2 .comment-number.type2.last {
		margin-left:0;
		padding:3% 0;
	}
	html.ms footer .footer-other .other-element.e2 .comment-number.type2.first,
	html.ms footer .footer-other .other-element.e2 .comment-number.type2.last {
		padding-left:4%;
	}
}


/* 768px~ */
@media (max-width: 768px) {

	html.ms footer {
		padding-top:60px;
	}

	html.ms footer .footer-other .other-element .other-lank a{font-size:14px;}
	html.ms footer .footer-other .other-element.e3 .other-title{font-size:14px;}	

	html.ms footer .footer-other .other-element.e2 .comment-number.type2.last {
		padding-left:7.5%;
	}

	html.ms footer .footer-bottom .copyright {
		text-align: left !important;
	}
	
}


/* 690px~ */
@media (max-width: 690px) {
	
	html.ms footer .footer-other {
		padding-top:0;
	}

	html.ms footer .footer-other .other-element {
		padding-top:30px;
	}
	html.ms footer .footer-other .other-element.e1,
	html.ms footer .footer-other .other-element.e2 {
		min-height:auto;
	}
	footer .footer-other .other-element.e1 .first {
		margin-bottom:0;
	}

	html.ms footer .footer-other .other-element.e2 > div{width:100%;margin-left:0;margin-top:5px;}

	html.ms footer .footer-other .other-element.e2 .comment-number.type2.first {
		padding-left:0;
		margin-left:0;
	}
	html.ms footer .footer-other .other-element.e2 .comment-number.type1.last,
	html.ms footer .footer-other .other-element.e2 .comment-number.type2.last {
		padding:0;
	}

	html.ms footer .footer-other .other-element .other-lank a{font-size:16px;}
	html.ms footer .footer-other .other-element.e3 .other-title{font-size:16px;}

	
}

/* 480px */
@media all and (max-width:480px) {
	html.ms .other-menu-element .lang-element .lang-open-lst li a {
		font-size: 10px;
	}
	html.ms footer .footer-other .other-element.e2 .comment-number{width:100%;margin-left:0;}
}