@charset "utf-8";

@import url("MyFontsWebfontsKit.css");/* Montserrat font */

/* Author :  */

/* reset */
html{margin:0 !important;font-size:0;overflow-y:scroll;}
body{position:relative;min-height:100%;height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, mark{padding:0;margin:0;}
header, section, article, footer, hgroup, aside, nav, figure{display:block;padding:0;margin:0;}
ul, ol, li{list-style:none;}
strong{}
table{border-collapse:collapse;table-layout:fixed;border-spacing:0;width:100%;}
colgroup{display:table-column-group;}
caption, legend{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
td, th{font-family:Arial, sans-serif;color:#999;word-break:break-word;vertical-align:middle;}
mark, var, em{padding:0;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;font-style:normal;background:none;}
img, fieldset{border:none;}
hr{display:none;clear:both;}
a:link     {color:#666;text-decoration:none;}
a:visited  {color:#666;text-decoration:none;}
a:active   {color:#666;text-decoration:none;}
a:hover    {color:#666;text-decoration:none;}
input::-ms-clear{display:none;width:0;height:0;}
input::-ms-reveal{display:none;width:0;height:0;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display:none;}
sub{top:-.25em;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, mark{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, mark, header, section, article, footer, hgroup, aside, nav, figure, table, td, th{
	font-family: Arial, sans-serif;font-size:15px;line-height:1;color:#666;letter-spacing:0.0em;
	font:15px/1  Arial, sans-serif;
}
/* width 320px ~ 991px responsive */
@media(max-width:991px){
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, mark, header, section, article, footer, hgroup, aside, nav, figure, table, td, th{
		font-size:13px; font:13px/1  Arial, sans-serif;
	}
}
/* width 1950px~ responsive */
@media(min-width:1950px){
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, mark, header, section, article, footer, hgroup, aside, nav, figure, table, td, th{
		font-size:22px;font:22px/1  Arial, sans-serif;
	}
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
	height:46px;padding-top:5px;font-weight:500;color:#666;font-size:16px;border:2px solid #d1d1d1;border-radius:32px;background:#fff;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus{
	-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;border:2px solid #d1d1d1;
}
::-webkit-input-placeholder{color:#d1d1d1;}
:-moz-placeholder{color:#d1d1d1;opacity:1;}
::-moz-placeholder{color:#d1d1d1;opacity:1;}
:-ms-input-placeholder{color:#d1d1d1;}
/* width 320px ~ 991px responsive */
@media(max-width:991px){
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
		height:35px;font-size:11px;
	}
	textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
	input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus{
		border:2px solid #d1d1d1;
	}
}
/* width 1920px~ responsive */
@media(min-width:1920px){
	.page-profile select,					.page-strategy select,					.page-team select,					.page-portfolio select,					.page-news select,
	.page-profile textarea,					.page-strategy textarea,				.page-team textarea,				.page-portfolio textarea,				.page-news textarea,
	.page-profile input[type="text"],		.page-strategy input[type="text"],		.page-team input[type="text"],		.page-portfolio input[type="text"],		.page-team input[type="text"],
	.page-profile input[type="password"],	.page-strategy input[type="password"],	.page-team input[type="password"],	.page-portfolio input[type="password"],	.page-news input[type="password"],
	.page-profile input[type="datetime"],	.page-strategy input[type="datetime"],	.page-team input[type="datetime"],	.page-portfolio input[type="datetime"],	.page-news input[type="datetime"],
	.page-profile input[type="datetime-local"], .page-strategy input[type="datetime-local"], .page-team input[type="datetime-local"], .page-portfolio input[type="datetime-local"], .page-news input[type="datetime-local"],
	.page-profile input[type="date"],		.page-strategy input[type="date"],		.page-team input[type="date"],		.page-portfolio input[type="date"],		.page-news input[type="date"],
	.page-profile input[type="month"],		.page-strategy input[type="month"],		.page-team input[type="month"],		.page-portfolio input[type="month"],	.page-news input[type="month"],
	.page-profile input[type="time"],		.page-strategy input[type="time"],		.page-team input[type="time"],		.page-portfolio input[type="time"],		.page-news input[type="time"],
	.page-profile input[type="week"],		.page-strategy input[type="week"],		.page-team input[type="week"],		.page-portfolio input[type="week"],		.page-news input[type="week"],
	.page-profile input[type="number"],		.page-strategy input[type="number"],	.page-team input[type="number"],	.page-portfolio input[type="number"],	.page-news input[type="number"],
	.page-profile input[type="email"],		.page-strategy input[type="email"],		.page-team input[type="email"],		.page-portfolio input[type="email"],	.page-news input[type="email"],
	.page-profile input[type="url"],		.page-strategy input[type="url"],		.page-team input[type="url"],		.page-portfolio input[type="url"],		.page-news input[type="url"],
	.page-profile input[type="search"],		.page-strategy input[type="search"],	.page-team input[type="search"],	.page-portfolio input[type="search"],	.page-news input[type="search"],
	.page-profile input[type="tel"],		.page-strategy input[type="tel"],		.page-team input[type="tel"],		.page-portfolio input[type="tel"],		.page-news input[type="tel"],
	.page-profile input[type="color"],		.page-strategy input[type="color"],		.page-team input[type="color"],		.page-portfolio input[type="color"],	.page-news input[type="color"]{
		height:64px;font-size:22px;border-radius:32px;
	}
}
/* width 1950px~ responsive */
@media(min-width:1950px){
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
		height:64px;font-size:22px;border-radius:32px;
	}
}

/* accessibility */
.acc-nav{position:absolute;top:0;left:0;width:100%;height:0;z-index:1000;}
	.acc-nav h2{visibility:hidden;}
	.acc-nav h2, .acc-nav ul, .acc-nav ul li{height:0;}
	.acc-nav a{display:block;overflow:hidden;position:absolute;left:0;top:0;width:1px;height:1px;margin-left:-1px;margin-bottom:-1px;color:#000;font-weight:bold;text-align:center;white-space:nowrap;}
	.acc-nav a:focus, .accNav a:hover, .accNav a:active{width:100%;height:auto;padding:10px 0;color:#fff;background:#0c4da2;z-index:1100;}
	.acc-tit, .blind{visibility:hidden;overflow:hidden;position:absolute;left:0;top:0;width:1px;height:1px;font-size:0; line-height:0;}

.h0{overflow:hidden;height:0;font-size:0;line-height:0;}
.btn-area{text-align:center;}

/* new button guide */
.btn{display:inline-block;overflow:hidden;position:relative;min-width:90px;height:46px;padding:15px 40px 0 40px;text-align:center;border-radius:35px;background:transparent;z-index:4;}
.btn:link, .btn:visited, .btn:active, .btn:hover{color:#fff;}
.btn .btn-txt{position:relative;font-family:Arial, sans-serif;color:#fff;text-align:center;z-index:3;}
.btn .btn-act{display:inline-block;position:absolute;left:-200%;top:-3px;width:120%;height:120%;transform:skew(-25deg,0deg);z-index:2;}
.btn .btn-color{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:35px;background:transparent;z-index:1;}
.btn .icon-back{display:inline-block;padding:0 0 0 25px;margin-left:-4px;background:url(/mbk/images/common/btn_icon_back.png) no-repeat left center;}
/* color */
.btn.btn-main .btn-act{background:#ca6ae6;}
.btn.btn-profile .btn-act{background:#6874ce;}
.btn.btn-util .btn-color{background:#242b62;}
.btn.btn-util .btn-act{background:#6874ce;}
.btn.btn-pf .btn-color{background:#5a3488;}
.btn.btn-pf .btn-act{background:#9251e1;}
.btn.btn-team .btn-color{background:#207a61;}
.btn.btn-team .btn-act{background:#44a187;}
.btn.btn-tab .btn-color{background:#999;}
.btn.btn-tab .btn-act{background:#242b62;}
.btn.btn-news .btn-color{}
.btn.btn-news .btn-act{background:#ca6ae6;}
.btn.btn-gray .btn-color{background:#c2c2c2;}
.btn.btn-gray .btn-act{background:#6874ce;}
.btn.btn-popup .btn-color{background:#00305c;}
.btn.btn-popup .btn-act{background:#c0c0c0;}
.btn .btn-color.line{border:3px solid #fff;background:transparent;}
.select-filter-area .btn .btn-color{background:#999;}
/* width 320px ~ 991px responsive */
@media(max-width:991px){
	.btn{height:35px;padding:11px 36px 0 36px;}
	.cnt-banner .btn{height:27px;padding:7px 25px 0 25px;}
	.btn .btn-txt{font-size:11px;}
	.btn .btn-color.line{border:2px solid #fff;background:transparent;}
}
/* width 1950px~ responsive */
@media(min-width:1950px){
	.btn{min-width:240px;height:62px;padding:20px 55px 0 55px;}
	.btn .btn-txt{font-size:22px;}
}
.display-table{display:table;width:100%;height:100%;vertical-align:middle;}
.display-table-cell{display:table-cell;width:100%;height:70%;vertical-align:middle;}
.line-break{display:inline-block;width:100%;}
.line-break.line-thumb{margin:10px 0 0;}
.line-break.line-thumb2{margin-bottom:10px;}
.footnote-box{padding:16px 0 0 0;font-size:13px;line-height:1.6;color:#a0a0a0;border-top:1px solid #ccc;}
/* width 320px ~ 991px responsive */
@media(max-width:991px){
	.line-break{/* display:inline; */}
	.line-break-unset{display:inline;}
	.line-break-mo{display:block;}
	.footnote-box{padding:6px 0 0 0;font-size:10px;color:#b4b4b4;}
}
/* width 1950px~ responsive */
@media(min-width:1950px){
	.footnote-box{padding:23px 0 0 0;font-size:18px;}
	.line-break-wide .line-break{/* display:inline; */}
}

.cnt-search-wrap{height:60px;margin:60px 0 85px 0;}
.sub-cnt-title + .cnt-search-wrap{margin-top:0;}
.cnt-search-wrap .select-filter-area{position:relative;float:left;width:860px;}
.select-filter-area .btn-area{float:left;width:33.33%;}
.select-filter-area .btn-area .btn{margin:0 5px;}
.select-filter{position:relative;float:left;width:33.33%;padding-left:25px;z-index:1;}
.select-filter.select-filterIR{width:66.66%;}
.select-filter.open{z-index:2;}
.select-filter .view{display:block;position:relative;height:60px;padding:16px 45px 0 20px;margin:0;border-bottom:1px solid #000;font-size:20px;font-weight:700;color:#000;z-index:1;}
.select-filter .view:after{display:block;content:"";position:absolute;right:0;top:11px;width:53px;height:37px;background:url(/mbk/images/common/filter_down.png) no-repeat center center;}
.select-filter .view.selected{color:#fff;background:#44a187;}
.select-filter ul{display:none;overflow:hidden;position:absolute;right:0;top:0;width:calc(100% - 25px);background:#000;z-index:2;}
.select-filter.open ul{display:block;}
.select-filter li{border-top:1px solid #fff;}
.select-filter li a, .select-filter li span{display:block;position:relative;padding:14px 20px;font-size:20px;font-weight:700;line-height:1.3;}
.select-filter.select-filterAL li span{display:inline;padding:0;}
.select-filter .selected a{color:#fff;background:#44a187;}
.select-filter li.default{border-top:none;}
.select-filter li.default span{color:#fff;padding:14px 53px 14px 20px;}
.select-filter li.default span:after{display:block;content:"";position:absolute;right:0;top:11px;width:53px;height:37px;background:url(/mbk/images/common/filter_up.png) no-repeat center center;}

.select-filter.select-filterIR .view.selected, .select-filter.select-filterIR .selected a, .select-filter.select-filterIR ul a:hover, .select-filter.select-filterIR ul a:active{
	color:#fff;background:#000;border-left: 1px solid #fff;
}
.select-filter.select-filterIR .view.selected:after{border-left: 1px solid #fff;background:url(/mbk/images/common/filter_down_sel.png) no-repeat center center;}


.select-filter.select-filterPF .view.selected, .select-filter.select-filterPF .selected a, .select-filter.select-filterPF ul a:hover, .select-filter.select-filterPF ul a:active{
	background:#fff;color:#000;
}

.select-filter.select-filterTeam .view.selected, .select-filter.select-filterTeam .selected a, .select-filter.select-filterTeam ul a:hover, .select-filter.select-filterTeam ul a:active{
	background:#fff;color:#000;
}
.select-filter.select-filterAL .view.selected, .select-filter.select-filterAL .selected a, .select-filter.select-filterAL ul a:hover, .select-filter.select-filterAL ul a:active{
	color:#000;background:#fff;
}

.btn-filter{display:block;overflow:hidden;position:relative;height:60px;margin:0;border:1px solid #000;font-size:20px;line-height:60px;font-weight:700;color:#000;text-align:center;background:#fff;}
.btn-filter:link, .btn-filter:visited, .btn-filter:active, .btn-filter:hover{color:#000;}

.cnt-search-wrap .top-search{position:relative;float:right;width:320px;height:60px;border-bottom:1px solid #000;padding-right:65px;z-index:1;}
.cnt-search-wrap .top-search .input{width:100%;height:100%;padding:0 15px;font-size:18px;font-weight:600;color:#000;border:0;}
.cnt-search-wrap .top-search .btn-search{display:block;position:absolute;right:0;top:0;width:65px;height:58px;text-indent:-9999px;background:url(/mbk/images/common/btn_search.png) no-repeat 0 center;}
.cnt-search-wrap .btn-filter-area{float:left;position:relative;}
.cnt-search-wrap .btn-filter-area li{float:left;margin:0 20px 0 0;}

/* width 991px ~ 1220px responsive */
@media(max-width:1220px){
	.cnt-search-wrap .select-filter-area{width:650px;}
	.select-filter-area .btn-area{width:20%;}
	.select-filter{width:40%;}
	.btn-filter{font-size:18px;}
	.select-filter .view{padding:20px 53px 0 20px;font-size:18px;}
	.select-filter li.default span {color: #fff;padding: 18px 53px 18px 20px;}
	.select-filter li a, .select-filter li span{font-size:18px;}
	.cnt-search-wrap .top-search{width:290px;}
}

/* width 320px ~ 991px responsive */
@media(max-width:991px){
	.cnt-search-wrap{height:auto;margin:60px 0 30px 0;}
	.sub-cnt-title + .cnt-search-wrap{margin-top:0;}
	.cnt-search-wrap .select-filter-area{float:none;width:100%;}
	.select-filter-area .btn-area{float:none;margin:0;width:100%;}
	.select-filter-area .btn-area .btn-filter{display:block;height:40px;padding:0 15px;font-size:14px;line-height:40px;text-align:left;}
	.select-filter, .select-filter.select-filterIR{float:none;width:100%;margin:10px 0 0 0;padding-left:0;}
	.select-filter .view{width:100%;height:40px;padding:12px 40px 0 15px;font-size:14px;text-align:left;}
	.select-filter .view:after{right:0;top:5px;width:35px;height:27px;}
	.select-filter ul{width:100%;}
	.select-filter li.default span:after{right:0;top:6px;width:35px;height:27px;}
	.select-filter li a, .select-filter li span{height:40px;padding:10px 40px 0 15px;font-size:14px;text-align:left;}
	.select-filter li.default span {padding:12px 40px 0 15px;}
	.select-filter.select-filterIR .view{width:100%;}

	.cnt-search-wrap .top-search{float:none;margin:10px 0 0 0;width:100%;height:40px;padding-right: 36px;}
	.cnt-search-wrap .top-search .input{width:100%;}
	.cnt-search-wrap .top-search .btn-search{width:36px;height:36px;background-size:100% auto;}
}
/* width 1920px~ responsive */
@media(min-width:1920px){
	
}
/* width 1950px~ responsive */
@media(min-width:1950px){
	
}

.pagenotfound-area{padding:55px 50px 60px 50px;}
.pagenotfound-area h3{font-size:30px;font-weight:700;color:#333;text-align:center;}
.pagenotfound-area .sub-copy{margin:33px 0 0 0;font-size:24px;font-weight:500;text-align:center;}
.pagenotfound-area .copy{max-width:720px;margin:15px auto 0 auto;line-height:1.6;text-align:center;}
.pagenotfound-area .btn-area{margin:56px 0 0 0;}

.dot-navi{position:relative;z-index:2;}
.dot-navi .swiper-pagination-bullet, .dot-navi .swiper-pagination-switch{display:inline-block;width:14px;height:14px;margin:0 15px 0 0;background:url(/mbk/images/contents/dot_nav_off.png) no-repeat center center;background-size:14px 14px;opacity:1;}
.dot-navi .swiper-pagination-bullet-active, .dot-navi .swiper-pagination-switch.swiper-active-switch{background:#fff;}

.no-data{padding:48px 0 60px 0;text-align:center;}
.sub-cnt-lp-relations .no-data{padding:58px 0 100px 0;}
.no-data p{margin:0 0 53px 0;font-size:30px;color:#333;line-height:1.55;font-weight:500;text-align:center;}

.layer-portrait{display:none;position:fixed;left:0;top:0;bottom:0px;width:100%;height:100%;background:#002f54/* url(/mbk/images/common/portrait_bg.png) no-repeat center center;background-size:cover */;z-index:10000;}
.layer-portrait .message{position:absolute;left:50%;top:50%;width:120px;height:82px;margin-left:-60px;margin-top:-41px;text-indent:-9999px;background:url(/mbk/images/common/portrait_icon.png) no-repeat center center;background-size:120px 82px;}

.preloader .pre-bounce1, .preloader .pre-bounce2{background-color:#242b62;opacity:0.7;}

.btn-top-area{position:fixed;width:100%;height:0px;bottom:0px;left:0px;transition: all .2s;z-index:500;}
.btn-top{position:absolute;right:20px;bottom:0px;z-index:500;}
.btn-top a{display:block;width:50px;height:50px;text-indent:-9999px;background:url(/mbk/images/common/btn_top.png) no-repeat left -80px;}
/* width 320px ~ 991px responsive */
@media(max-width:991px){
	.btn-top a{width:40px;height:40px;background-position:0 0;background-size:40px 120px;}
}
/* width 1950px~ responsive */
@media(min-width:1950px){
	.btn-top-area{position:fixed;bottom:0px;left:50%;width:1840px;height:0px;margin-left:-960px;}
	.btn-top a{width:62px;height:62px;background-position:0 -160px;}
}

.home .btn-top-area, .home .btn-top{display:none;}

.scrolldown{display:inline-block;width:76px;height:54px;text-indent:-9999px;background:url(/mbk/images/common/scrolldown_default.png) no-repeat left top;background-size:76px auto;}
.scrolldown.up{background:url(/mbk/images/common/scrollup_default.png) no-repeat left top;background-size:76px auto;}
/* width 320px ~ 991px responsive */
@media(max-width:991px){
	.scrolldown{width:36px;height:37px;background:url(/mbk/images/common/scrolldown_mobile.png) no-repeat left top;background-size:36px auto;}
	.scrolldown.up{background:url(/mbk/images/common/scrolldown_mobile.png) no-repeat left top;background-size:36px auto;}
}
/* width 1920px~ responsive */
@media(min-width:1920px){
	.scrolldown{width:106px;height:74px;background:url(/mbk/images/common/scrolldown_wide.png) no-repeat left top;background-size:106px auto;}
	.scrolldown.up{width:106px;height:74px;background:url(/mbk/images/common/scrollup_wide.png) no-repeat left top;background-size:106px auto;}
}

.layer-popup{display:none;position:fixed;left:0;top:50px;width:100%;z-index:1001;}
.layer-popup .btn-area{width:1024px;height:55px;margin:0 auto;text-align:right;}
.layer-popup .btn-area .close{display:inline-block;width:35px;height:35px;text-indent:-9999px;background:url("/mbk/images/common/btn_layer_close.png") no-repeat center center;}
.layer-popup .cnt{width:1024px;margin:0 auto;}

.layer-video{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1001;}
.layer-video .btn-area{position:absolute;right:30px;top:30px;height:55px;margin:0 auto;text-align:right;z-index:200;}
.layer-video .btn-area .close{display:inline-block;width:35px;height:35px;text-indent:-9999px;background:url("/mbk/images/common/btn_layer_close.png") no-repeat center center;}
.layer-video .video{position:relative;padding:100px 0 0 0;z-index:100;}
.layer-video .video, .fluid-width-video-wrapper, .fluid-width-video-wrapper iframe{width:100%;height:100%;}

.modal-layer, .modal-video{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:1000;}

/* width ~1024px responsive */
@media(max-width:1024px){
	.layer-popup, .layer-popup .btn-area, .layer-popup .cnt,
	.layer-video, .layer-video .video, .layer-video .video .wp-video-shortcode, .layer-video .btn-area{max-width:100%;padding:0 15px;}
}

.preload{display:none;}

/* 2020-01-06 추가 */
.ptr{position:relative;}


.dot-list li{position:relative;margin-top:15px;padding-left:15px;font-size:16px;color:#000;line-height:1.6;}
.dot-list li:before{content:'';position:absolute;top:10px;left:0;width:6px;height:6px;background:#000;border-radius:100%;}

.long-dash{display:inline-block;width:10px;height:1px;margin:0 6px;background:#fff;vertical-align: middle;}