@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

html{-webkit-text-size-adjust:none; -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; color:#000; font-size:14px; line-height:1.5; word-wrap:break-word; word-break:break-all; font-family:'Noto Sans KR', sans-serif;  letter-spacing:-0.5px;}
ul,ol,li{list-style:none; }

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-font-smoothing:antialiased;
}

h3.caption_header,
h3.slide_typo {
    letter-spacing:-1px;
    white-space:nowrap
}

a,
a:focus,
a:hover {
    text-decoration:none;
    outline:0
}

.chromeframe,
header {
    position:fixed;
    top:0;
    z-index:8000;
    left:0
}

.chromeframe {
    background:#ddd;
    color:#000;
    padding:.2em;
    text-align:center;
    width:100%
}

.chromeframe a {
    color:#ed1c24
}

p {margin-bottom:20px}

label {font-size:13px; font-weight:600}

a {color:#111; -webkit-transition:all .2s ease; transition:all .2s ease }
a:focus,
a:hover { color:#447DA9}

ul#lang_top li {display:inline-block}
ul#lang_top { font-weight:500 }
ul#lang_top {
	float:right;
	text-align:right;
    margin:0px;
    font-size:14px
}
ul#lang_top li {padding:30px 0px 30px 0px;}
ul#lang_top li:nth-child(2),ul#lang_top li:nth-child(3){margin-left:15px;}
ul#lang_top li a {color:#fff;}

header {
    padding:0px 0;
    /*background-color:#fff;*/
    width:100%
}

header.sticky, header.overmenu {
    border-bottom:1px solid #ededed;
	background-color:#fff;
}

.logo img {
    /*height:35px;*/
	display:block;
	height:auto;
    width:auto;
    margin:8px 0
}
.logo_f{display:none}

video {
    right:0;
    bottom:0
}

.header-video {
    position:relative;
    overflow:hidden;
    background:#000;
	height:auto;
}

video {
    position:absolute;
    top:0;
    left:0;
    opacity:.95;
    width:100%
}

.header-video--media,
.teaser-video {
    width:100%;
    height:auto
}


/* footer */
	footer {padding:40px 0px 40px; background-color:#222;}
	footer .ftxt{vertical-align: middle;}
	footer .ftxt p{color:#fff; font-size:14px; line-height:22px; margin-bottom:0px;}
	footer .flogo{text-align:right; margin-top:10px;}
/* footer end*/

/* 퀵메뉴 */
	#slidemenu{position:absolute; width:108px; top:400px; right:10px; text-align:center;}
	#slidemenu .title {display:block; background-color:#072F4C; padding:8px 0px; color:#fff; }
	#slidemenu a{display:block; padding:20px 0px; background: rgba(0, 0, 0, 0.5); margin-bottom:1px; color:#fff; }
	#slidemenu a:hover{color:#fff; }
/* 퀵메뉴 end*/

/* 메인영역 */

	/* 메인비쥬얼 */
	.val_container {position:absolute; vertical-align:middle; margin:0 auto; z-index:99; color:#fff; top:39%; left:50%; transform:translate(-50%, -50%); }
	.val_container .val_lcon {width:75%; float:left; position:relative; padding:0 15px;}
	.val_container .val_lcon h1 {margin:0px; font-size:60px; text-align:left; line-height:75px;}
	.val_container .val_lcon p{font-size:20px; text-align:left; margin-bottom:10px;}
	.val_container .val_lcon p.txt{font-size:16px; text-align:left; line-height:20px; margin-top:40px;}
	.val_container .val_lcon p.com{font-size:16px; text-align:left; margin-top:15px; /*background: rgba(0, 0, 0, 0.5); display:inline;*/}

	.val_container .val_rcon {width:25%; position:relative; top:40px; float:left; position:relative; padding:0 15px;}
	.val_container .val_rcon p{font-size:27px;text-align:center;}
	.val_container .val_rcon p img{width:auto; height:100%}
	.val_container .val_rcon p.txt{margin:10px;}
	.val_container .val_rcon p.nums{font-size:82px; line-height:80px;}

	/* business area */
	.m_busines {position:relative;}
	.img-busines {display:block; max-width:100%; height:auto;}
	.business_txt {position:absolute; top:100px; right:0; z-index:1; text-align:right;}
	.business_txt h2 {font-size:70px; letter-spacing:-0.03em; line-height:90%; font-weight:900; margin:0px;}
	.business_txt h3{font-size:70px; letter-spacing:-0.03em; line-height:80px; font-weight:900; color:rgba(181, 193, 202, 0.5);margin:0px; }
	.business_txt p {font-size:16px;line-height:20px; letter-spacing:-0.03em; margin-top:50px; margin-bottom:0px;}
	.business_txt .more {display:inline-block; border:1px solid #B5C1CA; box-sizing:border-box; border-radius:50px; padding:2px 40px 5px 40px;; font-size:16px; color:#B5C1CA; margin-top:30px;}
	
	/* business Performance */
	.container_styled_1 {margin-top:100px; background:#072F4C; padding:100px 0px;}
		.bus_per h2{font-size:70px; letter-spacing:-0.03em; line-height:90%; font-weight:900; margin:0px; color:rgba(255, 255, 255, 1);}
		.bus_per h3{font-size:70px; letter-spacing:-0.03em; line-height:80px; font-weight:900; color:rgba(255, 255, 255, 0.2); margin:0px; }
		.bus_per .bus_pimg {margin-top:60px;}
		.bus_per .more {position:relative; float:right; top:-5px; }
	
	/* BARON TV */
	.container_styled_2 {background:#E5E5E5; padding:100px 0px;}
	
		.baron_tv {margin-bottom:40px;}
		.baron_tv h2{font-size:70px; letter-spacing:-0.03em; line-height:90%; font-weight:900; margin:0px; color:#000; text-align:right;}
		.baron_tv h3{font-size:70px; letter-spacing:-0.03em; line-height:80px; font-weight:900; margin:0px; color:rgba(181, 193, 202, 0.5); text-align:right;}
		
		/*
		.baron_tvcon {background:#FFFFFF; border:1px solid #E4E4E4;}
		.baron_tvcon img {width:100%; height:auto;}
		.baron_tvcon .comm {padding:17px;}
		.baron_tvcon .comm strong{display:block; font-size:18px; line-height:100%; margin-bottom:10px;}
		.baron_tvcon .comm p{font-size:16px; color:#666666; line-height:23px; margin-bottom:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;  -webkit-box-orient:vertical;}
		.baron_tvcon .comm span {display:block; font-size:16px; color:#C8C8C8; line-height:23px; letter-spacing:-0.02em;}
		*/

		.baron_tvcon {
			position: relative;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			min-width: 0;
			word-wrap: break-word;
			background:#FFFFFF; 
			border:1px solid #E4E4E4;
		}
		
		.baron_tvcon>.card_img{position:relative; display:block; }

		.baron_tvcon>.comm{position:relative; display:block; padding:15px}
		.baron_tvcon>.comm p{font-size:16px; font-weight:400; margin-bottom:10px;}
		.baron_tvcon>.comm p.h_title{font-size:18px; font-weight:500; }
		.baron_tvcon>.comm p.con{color:#666666; margin-bottom:40px; line-height:20px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
		.baron_tvcon>.comm p.date{color:#CDCDCD; margin-bottom:0px;}

		.baron_tvBtn {text-align:center; margin-top:60px;}
		.baron_tvBtn .baron_tvmore {margin:0 auto; border:1px solid #222222; padding:20px 60px; color:#222222; font-size:20px;}


.main-top-wrap{position:relative;}

@media (min-width:1200px) {
    .val_container { width:1170px }
}

@media (min-width:992px) {
    .val_container { width:970px }
}


@media only screen and (max-width:991px) {
	header {background-color:#fff !important;}
	.logo_f{display:block; padding:10px 0px; text-align:center;}
	.logo_f img {width:73px; height:50px}
	.logo, ul#lang_top{display:none;}

	.header-video {top:70px;}
	.val_container { width:100%; padding:0 30px; }
	.val_container .val_lcon h1 {font-size:40px; line-height:46px;}
	.val_container .val_lcon p{font-size:16px; margin-bottom:10px;}
	.val_container .val_lcon p.txt{font-size:12px; line-height:20px; margin-top:40px;}
	.val_container .val_lcon p.com{font-size:14px; margin-top:15px;}

	.val_container .val_rcon p{font-size:20px; margin-bottom:0px}
	.val_container .val_rcon p.nums{font-size:50px; line-height:50px;}

	.img-busines{width:50%;}
	.m_busines {top:70px; margin-bottom:150px;}
	.business_txt {top:50px;}
	.business_txt h2 {font-size:50px; line-height:100%;}
	.business_txt h3{font-size:50px; line-height:60px;}
	.business_txt p {font-size:12px; margin-top:20px; letter-spacing:-0.1em;}
	.business_txt .more {font-size:12px; margin-top:20px;}

	.bus_per h2, .baron_tv h2 {font-size:50px; line-height:100%;}
	.bus_per h3, .baron_tv h3{font-size:50px; line-height:60px;}

	.container_styled_2 .cbox:nth-child(3),
	.container_styled_2 .cbox:nth-child(4){display:none;}
	.container_styled_2 .cbox{margin-bottom:35px;}
	
	footer {padding:20px 0px 20px;}
	footer .ftxt p{font-size:12px; line-height:20px;}
	footer .flogo{text-align:center; margin-top:30px;}

	#slidemenu{display:none}
}

@media only screen and (max-width:780px) {
	.img-busines{width:45%;}
}

@media only screen and (max-width:639px) {
	.header-video--media,
	.teaser-video {
		width:auto;
		height:100%
	}
    .val_container {width:100% }
	.val_container {position:relative; vertical-align:middle; margin:0 auto; z-index:99; color:#fff; top:32px; left:0; transform:translate(0%, 0%); padding:0 30px;}	
	.val_container .val_lcon, .val_container .val_rcon {width:100%;}

	.val_container .val_lcon h1 {font-size:30px; line-height:36px;}
	.val_container .val_lcon p{font-size:12px; margin-bottom:10px;}
	.val_container .val_lcon p.txt{font-size:12px; line-height:18px; margin-top:30px;}
	.val_container .val_lcon p.com{font-size:12px; margin-top:10px;}

	.val_container .val_rcon p{font-size:16px;}
	.val_container .val_rcon p.txt{margin:0px;}
	.val_container .val_rcon p.nums{font-size:40px; line-height:40px;}


	.img-busines{width:70%;}
	.m_busines {top:70px; margin-bottom:300px}
	.business_txt {top:243px; right:20px;}
	.business_txt h2, .baron_tv h2{font-size:50px; line-height:100%;}
	.business_txt h3, .baron_tv h3 {font-size:50px; line-height:60px;}
	.business_txt p {font-size:12px; margin-top:20px; letter-spacing:-0.1em; margin-left:20px;}
	.business_txt .more {font-size:12px; margin-top:20px;}	
	
	.baron_tvcon>.comm p {font-size:14px;}
	.baron_tvcon>.comm p.con{margin-bottom:20px;-webkit-line-clamp: 2;}

	.baron_tvcon>.comm p.h_title{display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width:100%;}
	.container_styled_1, .container_styled_2{padding:90px 0px;}
	.bus_per h2{font-size:50px; line-height:100%;}
	.bus_per h3{font-size:38px; line-height:74px;}

	.bus_per .more {top:-49px;}
	.bus_per .bus_pimg{margin-top:40px}
}

@media only screen and (max-width:412px) {
	.img-busines{width:66%;}
	.business_txt {top:180px; right:0px;}
	.business_txt h2, .baron_tv h2{font-size:44px; line-height:100%;}
	.business_txt h3, .baron_tv h3{font-size:44px; line-height:52px;}

	.bus_per h2{font-size:44px; line-height:100%;}
	.bus_per h3{font-size:38px; line-height:80px;}
}

@media only screen and (max-width:320px) {
	.val_container .val_lcon h1 {font-size:24px; line-height:26px;}
	.val_container .val_lcon p{font-size:11px;}
	
	.img-busines{width:70%;}
	.business_txt {top:160px; right:0px;}
	.business_txt h2, .baron_tv h2{font-size:36px; line-height:100%;}
	.business_txt h3, .baron_tv h3{font-size:36px; line-height:42px;}

	.bus_per h2{font-size:36px; line-height:100%;}
	.bus_per h3{font-size:36px; line-height:42px;}
}