@charset "utf-8";
@import url("default.css");
@import url("slick-theme.css");

/* layout */
body {background-color:#ede9e6;}
#wrap {}
#wrap .inner {width:1180px; margin:0 auto;}
#container {padding-top:60px;}
#content {min-height:1200px;}
footer {margin-top:60px; padding:20px 0 50px; background-color:#1e1e1e;}
#footer {clear: both;}
footer .logo {color:#fff; font-size:20px; font-family:'Noto Serif KR', serif; font-weight:700;}


/* mt */
.mt0{margin-top:0px!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt12{margin-top:12px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
/* mb */
.mb0{margin-bottom:0px!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}

/* align */
.tal{text-align:left!important;}
.tac{text-align:center!important;}
.tar{text-align:right!important;}


/* color */
.blue{color:#0e4681!important;}

/* common */
.skipToContent {overflow:hidden; display:block; position:absolute; top:0; left:0; width:1px; height:1px; background:#000; text-align:center;}
.skipToContent:focus {position:relative; width:100%; height:auto; padding:10px; color:#fff; font-family:'Noto Serif KR', serif; font-size:14px;}
.hidden {overflow:hidden; position:absolute; left:-9999em; width:1px; height:1px; margin:0; padding:0; background:none; text-indent:-9999em;}
.clear:after {content:""; display:block; clear:both;}
.ellipsis {overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}

/* top banner */
#topBanner {height:40px; background-color:#12151f; color:#fff;}
#topBanner .inner {position:relative; padding:12px 0 14px;}
#topBanner .btn_learn_more {position:absolute; top:0; right:0; display:inline-block; min-width:150px; height:40px; padding:0 26px; line-height:40px; color:#fff; font-size:13px; background-color:#0e4681;}
#topBanner .btn_learn_more:after {position:absolute; top:50%; right:21px; width:7px; height:7px; margin-top:-2px; border-top:1px solid #fff; border-left:1px solid #fff; box-sizing:border-box; content:''; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.flowSlideWrap {position:relative;}
.flowSlideWrap .flowSlideBox {position:relative; overflow:hidden; width:1133px; height:15px; margin-left:47px;}
.flowSlideWrap .control {position:absolute; top:-3px; left:0;}
.flowSlideWrap .btnStop, .flowSlideWrap .btnMove {position:relative; width:23px; height:22px; border:1px solid #fff;}
.flowSlideWrap .btnStop:after, .flowSlideWrap .btnStop:before {content:""; display:block; clear:both; position:absolute; top:4px; left:7px; width:2px; height:12px; background-color:#fff;}
.flowSlideWrap .btnStop:before {left:auto; right:7px;}
.flowSlideWrap .btnMove:after {content: ''; position:absolute; top:6px; left:6px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #ece9e5; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
#flowSlide {position:absolute; top:0px; left:0px; overflow:hidden; white-space:nowrap;}
#flowSlide > li {/*float:left;*/ display:inline-block; padding-right:55px; font-size:13px; color:#fff;}
#flowSlide .stocks_box {}
#flowSlide .stocks_box .flag {margin-right:8px; vertical-align:middle;}
#flowSlide .stocks_box .name {font-weight:700;}
#flowSlide .stocks_box .price {margin-left:8px; font-weight:400;}
#flowSlide .stocks_box .up_price, #flowSlide .stocks_box .down_price {margin-left:8px;}
#flowSlide .stocks_box .up_price {color:#437d2e!important;}
#flowSlide .stocks_box .down_price {color:#bf3232!important;}
#flowSlide .stocks_box .ico {position:relative; display:inline-block; width:10px; height:9px; margin-right:3px;}
#flowSlide .stocks_box .ico:after {content: ''; position:absolute; top:0; left:0; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
#flowSlide .stocks_box .up_price .ico:after {border-top:9px solid #437d2e; top:2px; transform: rotate(60deg); -ms-transform: rotate(60deg);  -webkit-transform: rotate(60deg);}
#flowSlide .stocks_box .down_price .ico:after {border-top:9px solid #bf3232;}


/* header */
#header {background-color:#ede9e6;}
#header .inner {position:relative; width:1180px; margin:0 auto;}
#header .logo {width:597px; margin:0 auto;}
#header .logo > a {display:inline-block; width:599px; height:73px; background: url(../images/common/logo_KED_Black.svg) no-repeat center center / contain;} 
#header .top_head {/*box-sizing:border-box;*/ height:94px; padding-top:28px;}
#header .nav {width:100%; border-top:4px solid #232527; border-bottom:1px solid #232527; background-color:#ede9e6;}
#header.fixed .nav {position:fixed; top:0; left:0; z-index:111;}
#header.fixed .nav.none{position:static;}
.btn_side_open {position:absolute; z-index:111; top:20px; width:32px; height:27px; background:url(../images/common/btn_side_menu.png) no-repeat 0 0;}
.service_area {position:absolute; top:20px; right:3px;}
.service_area .utility {float:left;}
.service_area .utility:after {content:""; display:block; clear:both;}
.service_area .utility li {position:relative; float:left; margin-left:15px; font-size: 11px; font-weight: 400; letter-spacing: 0.3px;}
.service_area .utility > li + li:after {content:""; display:block; clear:both; position:absolute; top:2px; left:-8px; width:1px; height:10px; background-color:#999;}
.service_area .utility li a {font-size:11px; font-weight:400; letter-spacing: 0.3px;}
.lang_select_box {position: absolute; top:22px; left:90px; width:28px; width:28px; }
.lang_select_box select{width:112px; text-transform: uppercase; /*width:50px;*/ height:20px; box-sizing:border-box; padding-left:0px; padding-bottom:4px; border:none; border-bottom:1px solid #000; font-size:11px; letter-spacing:0.5px;background:url('../images/common/lang_down.png')no-repeat top 5px right;}
.search_open {position:absolute; top:19px; left:42px; width:22px; height:22px; border:4px solid #000; border-radius:100%; overflow:visible}
.search_open:after {content:""; display:block; clear:both; position:relative; bottom:-9px; right:-16px; width:4px; height:8px; background-color:#000; -wetkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
#searchLayer {padding:20px 0; color:#fff; background-color:#e1ded9; text-align:center;}
#searchLayer .searchbox {position:relative; width:898px; height:50px; margin-left:140px; /*padding-right:150px;*/ background-color:#fff; border:1px solid #333;}
#searchLayer .searchbox input[type=text] {width:100%; height:50px; border:0 none; text-indent:25px; font-weight:400;}
#searchLayer .searchbox .btn_search {position:absolute; top:0; right:0; width:150px; height:50px; background:url(../images/common/btn_search_submit.png) no-repeat 0 0;}
#searchLayer .btn_close {position:absolute; top:9px; right:29px; width:95px; color:#666;}

/* gnb */
#gnb {text-align: center;}
#gnb:after {content:""; display:block; clear:both;}
#gnb > li {text-align: center; position: relative; display:inline-block; padding:0 24px;}
#gnb > li > a {display:block; padding:17px 0; font-size:15px;}
#gnb > li > a:hover{position:relative; font-weight:700; color:#0e4681; letter-spacing:-0.5px; }
#gnb > li > a:hover::after{position:absolute; left:0; bottom: 0; content:''; width:100%; height:4px; background:#0e4681;}
#gnb > li.on a.gnb_depth1{position:relative; font-weight:700; color:#0e4681; letter-spacing:-0.5px;}
#gnb > li.on a::after{position:absolute; left:0; bottom: 0; content:''; width:100%; height:4px; background:#0e4681;}
#gnb .gnb_depth2{display:none; position:absolute; top:51px; left:25px; width:100%; padding:30px 25px; color: #000; border:1px solid #c7c1b9; background:#f2f0ee ;z-index:9999;} 
#gnb .gnb_depth2:hover,
#gnb .gnb_depth2.active{background:#f2f0ee;}
#gnb .gnb_depth2 ul{width:100%;}
#gnb .gnb_depth2 ul li{text-align:left; width:100%; padding-bottom:18px;}
#gnb .gnb_depth2 ul li:first-child{border-top:none;}
#gnb .gnb_depth2 ul li:last-child{padding-bottom:0;}
#gnb .gnb_depth2 ul li a{display:inline-block; position:relative; font-size:14px; font-weight:400; padding-bottom:3px; word-break:keep-all;}
#gnb .gnb_depth2 ul li a::after{opacity:0; position:absolute; content:''; transition: all 0.3s; left:0; bottom:0; width:0%; height:1px; background:#0e4681;}
#gnb .gnb_depth2 ul li a:hover,
#gnb .gnb_depth2 ul li a.active{ color:#0e4681; font-weight:500;}
#gnb .gnb_depth2 ul li a:hover::after{opacity:1; width:100%; right:0;}
#gnb > li:nth-child(1) .gnb_depth2{width:190px;}
#gnb > li:nth-child(2) .gnb_depth2{width:278px;}


/* footer */
.direct_service {margin-top:20px; padding:22px 0 27px; border-top:2px solid #fff;}
.direct_service .box {float:left; color:#fff;}
.direct_service .box + .box {margin-left:24px;}
.direct_service .box > a {font-size:14px; font-weight:500;}
.direct_service .box > ul > li {margin-top:8px; font-weight:400; opacity:.7;}
.direct_service .box > ul > li > a{font-size:12px;}
#footer .info_conts {padding-top:10px; border-top:1px solid #fff; color:#787878; font-size:12px; font-weight:700;}
#footer .info_conts :after {content:""; display:block; clear:both;}
#footer .family_site {float:left; width:100%; border-bottom:1px solid #fff; padding-bottom:10px;}
#footer .family_site .tit {position:relative; margin-right:30px; padding-left:10px;}
#footer .family_site .tit:after {content: ''; position:absolute; top:50%; left:0; width:0; height:0; margin-top:-2px; border-top:4px solid #373737; border-left:3px solid transparent; border-right:3px solid transparent; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
#footer .family_site .list_links, #footer .family_site .tit {float:left;}
#footer .policy_box .list_links, #footer .policy_box .copy{font-size:10px;}
#footer .list_links > li {position:relative; float:left;}
#footer .list_links > li + li {margin-left:12px;}
#footer .list_links > li + li:after {content:""; display:block; clear:both; position:absolute; top:50%; left:-6px; width:1px; height:12px; margin-top:-6px; background-color:#787878;}
#footer .policy_box {float:left; padding-top:10px; padding-left:10px;}
#footer .policy_box .copy {margin-top:7px; text-align:left; line-height: 17px;}
#footer .btn_branded {position:relative; bottom:-5px; float:right; color:#fff; padding-right:30px; font-size:16px; font-weight:700;}
#footer .btn_branded:after {position:absolute; top:7px; right:0; width:6px; height:6px; border-top:1px solid #fff; border-left:1px solid #fff; box-sizing:border-box; content:''; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
#footer .sns_box{}
#footer .sns_box .icon{display:block; padding-left:23px;}
#footer .sns_box .icon::before{content:''; position:absolute; left:0; width:15px; height:15px;}
#footer .sns_box .icon.tw{background:url(../images/ico/twi_14.png) no-repeat center left;}
#footer .sns_box .icon.in{background:url(../images/ico/linkedin_14.png) no-repeat center left;}
#footer .sns_box .icon.fb{background:url(../images/ico/facebook_14.png) no-repeat center left;}


/* sidenav */
#sidenav {position:fixed; top:0; bottom:0; left:-321px;z-index: 1111;width:320px; height:100%; background-color:#ede9e6; border-right:1px solid #c7c1b9; overflow-y:auto;}
#sidenav .side_head {padding:18px 45px 15px 16px;}
#sidenav .logo {display:block; width:254px; height:35px; background:url(../images/common/side_logo_ked.svg) no-repeat 0 0;}
#sidenav .user_box {padding:15px 16px; background-color:#e1ded9;}
#sidenav .user_box > ul {}
#sidenav .user_box > ul > li {position:relative; float:left; font-weight:400;}
#sidenav .user_box > ul > li + li {margin-left:34px;}
#sidenav .user_box > ul > li + li:after {content:""; display:block; clear:both; position:absolute; top:50%; left:-18px; width:2px; height:12px; margin-top:-6px; background-color:#787674;}
#sidenav .btn_close {position:absolute; top:9px; right:6px;}
#sidenav .user_box.bottom{background:none;}
#sidenav .user_box > ul > li .out{padding-left:20px; background:url('../images/common/out.png')no-repeat left center;}
#sideGnb {background-color:#fbfbfa;}
#sideGnb > ul {}
#sideGnb > ul > li {position:relative; padding:18px 16px; background-color:#ede9e6;}
#sideGnb > ul > li > .tit > a {position:relative; display:block; min-height:23px; padding:7px 40px 0 0; font-size:15px; font-weight:400; letter-spacing:0.3px;}
#sideGnb > ul > li > .tit > a:after {content:""; display:block; clear:both; position:absolute; top:0; right:0; width:30px; height:30px; background:url(../images/common/btn_nav_open.png) no-repeat 0 0;}
#sideGnb > ul > li.on {background-color:#f2f0ee;}
#sideGnb > ul > li.none > .tit > a:after {background:0 none;}
#sideGnb > ul > li.on > .tit > a:after {background:url(../images/common/btn_nav_close.png) no-repeat 0 0;}
#sideGnb > ul > li > .tit.depth_no > a:after{display:none;}
#sideGnb .depth2 {margin-top:18px; padding-top:30px; border-top:1px solid #c7c1b9;}
#sideGnb .depth2 > ul {padding-left:25px;}
#sideGnb .depth2 > ul > li {}
#sideGnb .depth2 > ul > li + li {margin-top:20px;}
#sideGnb .depth2 > ul > li > a {font-weight:400;}
#sideGnb .depth2 > ul > li > a:hover, #sideGnb .depth2 > ul > li.active > a {color:#0e4681; font-weight:700; text-decoration:underline;}
#sidenav .sns_box{padding:13px 16px; background:#f1f0ee;}
#sidenav .sns_box::after{content:""; display:block; clear:both;}
#sidenav .sns_box .follow{float:left; font-size:12px; line-height:27px;}
#sidenav .sns_box .box{float:left; margin-left:10px;}
#sidenav .sns_box .box .icon{display:inline-block; width:30px; height:30px; margin:0 5px;}
#sidenav .sns_box .box .icon.tw{background:url('../images/ico/twi_30.png')no-repeat center center;}
#sidenav .sns_box .box .icon.in{background:url('../images/ico/linkedin_30.png')no-repeat center center;}
#sidenav .sns_box .box .icon.fb{background:url('../images/ico/facebook_30.png')no-repeat center center;}

/* 특보 */
#breakingNews header{position:absolute; left:0; right:0; background:none;}
#breakingNews header .logo a{background:url(../images/common/logo_KED_White.svg)  no-repeat center center; }
#breakingNews #container{padding-top:0;}
#breakingNews header .btn_side_open{background:url(../images/common/bg_side_menu_wt.png) no-repeat 0 0; width:32px; height:27px;}
#breakingNews header .search_open.close {background:url(../images/common/bg_search_close_wt.png) no-repeat 0 0; background-size:17px 17px;}
#breakingNews #gnb > li.on a.gnb_depth1,
#breakingNews #gnb > li > a:hover{color:#fff;}
#breakingNews #gnb > li > a:after{background:#fff;}
#breakingNews header.fixed #gnb > li.on a.gnb_depth1,
#breakingNews header.fixed #gnb > li > a:hover{color:#0e4681;}
#breakingNews header.fixed #gnb > li > a:after{background:#0e4681}
#breakingNews .lang_select_box {position: absolute; top:22px; left:90px; width:28px; width:28px; }
#breakingNews .lang_select_box select{width:112px; text-transform: uppercase; /*width:50px;*/ height:20px; box-sizing:border-box; padding-left:0px; padding-bottom:4px; border:none; border-bottom:1px solid #fff; font-size:11px; letter-spacing:0.5px;background:url('../images/common/lang_down.png')no-repeat top 5px right;}
#breakingNews .search_open {position:absolute; top:19px; left:42px; width:22px; height:22px; border:4px solid #fff; border-radius:100%; overflow:visible}
#breakingNews .search_open:after {content:""; display:block; clear:both; position:relative; bottom:-9px; right:-16px; width:4px; height:8px; background-color:#fff; -wetkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
#breakingNews header .inner, #breakingNews .nav, #breakingNews .top_area .util_area {position:relative; z-index:1;}
#breakingNews header .inner {z-index:2;}
#breakingNews #header.fixed .nav{width: 100%; color:#000; border-top:4px solid #232527; border-bottom:1px solid #232527; background-color: #ede9e6;}
#breakingNews .nav {border-top:4px solid #fff; border-bottom:1px solid #fff; color:#fff; background:0 none;}
#breakingNews .service_area .utility li a{color:#fff;}
#breakingNews .lang_select_box select{color:#fff; border-bottom:1px solid #fff; background: url(../images/common/lang_down_w.png)no-repeat top 5px right;}
#breakingNews .lang_select_box select option{color:#333;}
.breakingnews {position:relative;}
.breakingnews .boxing {position:absolute; left:50%; bottom:50px; transform: translate(-50%, 0%); color:#fff;}
.breakingnews .thum, .breakingnews .thum img {width:100%;}
.breakingnews .article {text-align:center;}
.breakingnews .keyword{display:block; padding-bottom:10px; font-size:20px; font-weight:700; color:#e1ded9; letter-spacing:0.8px; text-transform: uppercase;}
.breakingnews .tit{margin-bottom:30px;}
.breakingnews .tit>strong {font-family:'Noto Serif KR', serif; font-size:54px; font-weight:700;  letter-spacing:1.35px; display:inline-block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-word; white-space:normal;}
.breakingnews .relation_list {width:660px; margin:0 auto;}
.breakingnews .relation_list>li{position:relative; opacity:.5; border-bottom:1px solid #fff;}
.breakingnews .relation_list>li:hover{opacity:1;}
.breakingnews .relation_list>li>a:after {content:""; display:block; clear:both;}
.breakingnews .relation_list>li>a {position:relative; display:block; padding:15px 0 7px 20px;}
.breakingnews .relation_list>li>a:before{position:absolute; left:0; content:''; width:8px; height:11px; background:url('../images/common/bar_w.png')no-repeat;}
.breakingnews .relation_list>li>a>.cont{float:left; width:460px; color:#fff; line-height:25px; font-family:'Noto Serif KR', serif; font-size:18px; font-weight:900; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.breakingnews .relation_list>li>a>.date{display: inline-block; float:right; line-height:25px; color:#fff; font-family: 'Noto Sans KR', Dotum, Arial, Sans-serif; font-weight: 400;}


/* btn */
.btn_area {margin-top:40px; text-align:center;}
.btn_area [class^="btn_"] {display:inline-block; font-family:'Noto Sans KR', Dotum, Arial, Sans-serif; font-weight:900;}
.btn_area [class*="_blue"] {position:relative; min-width:270px; height:60px; padding:0 65px 0 35px; color:#fff; font-family:'Noto Serif KR', serif;  font-size:16px; letter-spacing:0.5px; background-color:#0e4681; line-height:60px; text-align:left;}
.btn_area [class*="_blue"]:after {content: ''; position:absolute; top:50%; right:40px; width:0; height:0; margin-top:-1px; 
border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #ece9e5; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
.btn_area .list_line03 {margin:0 -10px;}
.btn_area .list_line03:after {content:""; display:block; clear:both;}
.btn_area .list_line03 > li {float:left; width:33.33%;}
.btn_area .list_line03 > li > a, .btn_area .list_line03 > li > button {min-width:auto; display:block; margin:0 10px;}
.btn_close {width:38px; height:38px; padding:0;}
.btn_close:focus {outline:1px dotted rgba(0,0,0,0.8); outline-offset:1px;}
.btn_close:before, .btn_close:after {display:block; position:absolute; top:10px; left:18px; width:3px; height:18px; background:#000; content:'';}
.btn_close:before {-wetkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.btn_close:after {-wetkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.btn_type01{ display:inline-block; text-align:center; height:32px; padding:0 22px; border:1px solid #a5a3a1; border-radius:5px; color:#000;  font-size:11px; font-family:'Roboto'; font-weight:700; line-height:30px; box-sizing: border-box;}
.btn_type01.blue{background:#0e4681; color:#fff!important; border:1px solid #0e4681;}
.btn_type02{ display:inline-block; text-align:center; height:60px; padding:0 110px; background:#fff; border:1px solid #c7c1b9; border-radius:5px; color:#000;  font-size:16px; font-weight:400; line-height:57px; box-sizing: border-box;}
.btn_send{height:40px; padding:0px 65px 0 40px; font-size:14px; color:#fff; background:#0e4681 url(../images/ico/download.png) no-repeat center right 20px;}
.btn_more_b{display:inline-block; line-height:21px; height:23px; padding:0 30px 0 10px; border:1px solid #0e4681; color:#0e4681!important; font-size:12px; font-weight:400; background:url(../images/common/plus_b.png) no-repeat center right 8px; box-sizing: border-box;}
.btn_more_g{display:inline-block; line-height:21px; height:23px; padding: 0px 20px 0px 0px; color:#d4d3d0!important; font-size:12px; font-weight:400; background:url(../images/common/plus_g.png) no-repeat center right; box-sizing: border-box;}
.btn_b{display: inline-block; height:60px; line-height:55px; padding:0 135px; background:#0e4681;  font-family:'Noto Serif KR', serif; font-size:18px; font-weight:900;  color: #fff!important;}
.btn_view_b{display: inline-block; width:300px; height:60px; line-height:55px; background:#0e4681; font-family:'Noto Serif KR', serif;  font-size:16px; font-weight:900;  color: #fff!important;}
.btn_right {display:inline-block; text-align:center; height:40px; padding:0px 65px 0 40px; line-height:40px; color:#fff!important; font-size:14px; font-weight:400; background:#0e4681 url('../images/common/right_w.png')no-repeat center right 15px;} 
.btn_view_search {display:inline-block; width:120px; height:50px; text-align:center; background:#0e4681 url('../images/common/ass_search.jpg')no-repeat center center;} 
.btn_member{display:inline-block; text-align:center; width:220px; height:40px; line-height:40px; color:#fff!important; background:#0e4681; font-family: 'Noto Serif KR', serif; font-size:16px; font-weight:900;}


/* main */
.main .section.bg {background-color:#f2f0ed;}
.main .section.bg_g {background-color:#e1ded9;}
.main .section.bg_g_02 {background-color:#e9e4e0;}
.main .section.bg_blue {background-color:#1b334c; color:#fff;}
.main .section .inner {padding: 0;}
/*.main .section .inner {padding:40px 0;}/*
.main .section .title {display:inline-block; margin-bottom:18px; font-family:'Noto Serif KR', serif; font-size:24px; font-weight:900; letter-spacing:2px;}
.main .section .title:hover{color:#0e4681; }
.main .subtit {margin-bottom:17px; font-family:'Noto Serif KR', serif; font-size:20px; font-weight:700;}


/* main_content 메인 첫번째 section 구조*/
.main_content .newsBox .desc{line-height:21px; /*font-size:15px;*/font-size:15.4px; /*letter-spacing:0.5px;*/ word-break: keep-all;}/* 210104 퍼블추가 : 원상복구 */
.main_content .list_news{border-top:1px solid #000;}
.main_content .companies_news .list_news .thum + .box,
.main_content .markets_news .list_news .thum + .box{margin-left:240px;}
.main_content .companies_news .list_news > li,
.main_content .markets_news .list_news > li{padding:19px 0px 20px 0;}
.main_content .list_gallery > li > a{margin:0 23px;}
.main_content .investors_news{padding-top:20px; border-top:1px solid #000;}
.main_content .konomy_gallery .newsBox{position: relative;}
.main_content .konomy_gallery .newsBox::before{position: absolute; content:''; top:40px; left:2px; width:587px; height:1px; background:#fff;}
.main_content .konomy_gallery .list_gallery{margin-top:25px;width: 620px;display: flex; justify-content: space-around;}
/*.main_content .markets_news .list_news .tit{text-overflow: unset;}*/
.main_content .branded_content{padding-top:20px; border-top: 1px solid #000;}
.main .section .konomy_gallery .title:hover{color:#fff;}
.main_section{padding-bottom:40px;}
.main_section ul:after {content:""; display:block; clear:both;}
.main_section ul li{float:left;}
.main_section .section_newbox .newsBox .desc{height:94px; -webkit-line-clamp:4; letter-spacing:0.5px; line-height:24px;}
.section_newbox .item{height:725px; box-sizing: border-box;}
.section_newbox .item01{width:379px; padding-right:18px; }
.section_newbox .item02{width:522px; padding:0 20px; border-left:1px solid #c7c1b9; border-right:1px solid #c7c1b9;}
.section_newbox .item03{width:279px; padding-left:20px; }
.section_newbox .newsBox .desc{margin-top: 10px; letter-spacing: 0; line-height: 20px; height: 104px; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; white-space: normal;}
.section_newbox .headline_news .tit{height:53px; overflow: hidden; /*-webkit-box-orient: vertical;*/ display: -webkit-box;margin-top:3px; letter-spacing: 0.5px; font-size:20px; line-height:26px;}
.section_newbox .headline_news .update_time, .section_newbox .headline_news .tooltipLayer{margin-top:14px;} 
.section_newbox .item01 .headline_news{padding:27px 0 17px; border-bottom:1px solid #c7c1b9;}
.section_newbox .item01 .headline_news:first-child{padding-top:0;}
.section_newbox .item01 .headline_news:last-child{padding-bottom:0; border-bottom:none;}
.section_newbox .item02 .headline_news .keyword{margin-top:20px; font-size:16px;}
.section_newbox .item02 .headline_news .tit{font-size:30px; height:80px; line-height:40px; overflow:hidden;}
.section_newbox .item02 .rp_area .rp{margin-bottom:15px; font-size:20px; letter-spacing:0.4px;}
.section_newbox .item02 .rp_area .rp:last-child{margin-bottom:0;}
.section_newbox .item02 .newsBox .desc{height:118px; -webkit-line-clamp:5;}
.section_newbox .item03 .newsBox .desc{height:42px; line-height:22px; overflow:hidden;  -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp:2; white-space: normal;}

/* main_content 그래프영역 */
.equity_indices{}
.equity_indices .tit{padding:10px; margin-bottom:13px; font-family:'Noto Serif KR', serif; font-weight:700; font-size:16px; background:#1b334c; color:#fff;}
.equity_indices .graph{margin-bottom:13px;}
.equity_indices .graph.last{margin-bottom:0;}
.equity_indices .Indices{display:block; text-align:right; margin:10px 0 15px; font-size:14px; font-weight:400; color:#0e4681;}
.equity_indices .graph .top{padding-bottom:8px;}
.equity_indices .graph .top:after {content:""; display:block; clear:both;}
.equity_indices .graph .top .left{float:left;}
.equity_indices .graph .top .right{float:right;}
.equity_indices .graph .top .num{display:inline-block; font-size:16px; font-weight:700; vertical-align:text-bottom; letter-spacing: 0.3px; color:#000;}
.equity_indices .graph .top .num02{font-size:14px;}
.equity_indices .graph .top .num03{font-size:14px; font-weight:400;}
.equity_indices .graph .up_price , .equity_indices .graph .up_price .num02 ,.equity_indices .graph .up_price .num03{color:#437d2e!important;}
.equity_indices .graph .down_price , .equity_indices .graph .down_price .num02 ,.equity_indices .graph .down_price .num03{color:#bf3232!important;}
.equity_indices .graph .top .ico {position:relative; display:inline-block; width:10px; height:9px; margin:0 4px;}
.equity_indices .graph .top .ico:after{content: ''; position:absolute; top:0; left:0; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.equity_indices .graph .up_price .ico:after {border-top:9px solid #437d2e; top:1px; transform: rotate(60deg); -ms-transform: rotate(60deg);  -webkit-transform: rotate(60deg);}
.equity_indices .graph .down_price .ico:after {border-top:9px solid #bf3232;}
.equity_indices .graph .graph_cont{border-top:1px solid #000; border-bottom:1px solid #000;}


/* list_gallery */
.list_gallery {margin:0;}
.list_gallery:after {content:""; display:block; clear:both;}
.list_gallery > li {float:left; width:25%;} /* default 4 */
.list_gallery.line02 > li {width:43%;}
.list_gallery.line03 > li {width:33.3%;}
.list_gallery > li > a {display:block; margin:0 10px;}
.list_gallery .box {margin-top:16px;}
.list_gallery .tit, .list_gallery .desc {display:inline-block; display:-webkit-box; -webkit-line-clamp:2; white-space:normal;}
.list_gallery .tit {/*height:50px;*/ margin-top:7px; line-height:24px!important; overflow: hidden; word-break:keep-all; /*padding-bottom: 5px;*/ padding-bottom: 1px;}
.list_gallery .desc {height:43px; line-height:20px;}
.list_gallery .video {position:relative;}
.list_gallery .video:after {content:""; display:block; clear:both; position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; background:url(../images/common/bg_play.png) no-repeat 0 0;}
.list_gallery.type02 {margin: 20px 0 30px;display: flex;flex-direction: row;flex-wrap: wrap;}
.list_gallery.type02  > li {max-width:260px; margin-right:30px; margin-bottom:45px;}
.list_gallery.type02  > li:nth-child(3n){margin-right:0;}
.list_gallery.type02  > li > a{margin:0; outline: none;}
.list_gallery.type02 .tit:hover{color:#0e4681;}
.list_gallery.type02 .video {position:relative;}
.list_gallery.type02 .video:after {top:auto; left:auto; bottom:15px!important; right:15px!important; width:40px; height:40px; background:url(../images/common/bg_play_small.png) no-repeat 0 0;}


/* news list box */
.newsBox {font-family:'Noto Serif KR', serif;}
.newsBox .keyword {display:block; color:#0e4681; font-weight:700;}
.newsBox .keyword:hover {cursor: pointer;}
.newsBox .tit {font-size:20px; font-weight:900; line-height:28px;}
.newsBox .subTit {line-height: 1.45;color: #545454;font-size: 15px;font-weight: 400;letter-spacing: 0.2px;}
.newsBox .desc {margin-top:15px; color:#333; font-size:16px; font-family:'Noto Sans KR', Dotum, Arial, Sans-serif; font-weight:400;}
.newsBox .name_txt{padding-right:10px;  font-weight: 500;}
.newsBox .update_time {float:left; display:inline-block; margin-top:13px; padding-right:7px; color:#666; font-size: 15px; font-family:'Noto Sans KR', Dotum, Arial, Sans-serif; font-weight:400;}
.newsBox .tooltipLayer {position:relative; float:left; margin-top:14px}
.newsBox .tooltipLayer .tit_lang {display:block; width:20px; height:18px; background:url(../images/common/btn_lang.png) no-repeat 0 0; cursor:pointer;}
.newsBox .tooltipLayer.on .tit_lang {background:url(../images/common/btn_lang_on.png) no-repeat 0 0;}
.list_news {border-top:1px solid #c7c1b9;}
.list_news > li {padding:20px 33px 20px 0; border-bottom:1px solid #c7c1b9;}
.list_news > li:after {content:""; display:block; clear:both;}
.list_news > li > a {display:block;}
.list_news .box {padding-top:7px;}
.list_news .thum {float:left}
.list_news .thum + .box {margin-left:178px;}
.list_news .tit {margin-top:6px;}
.list_news.hfix > li > a {min-height:134px; outline: none;}
.list_news.hfix.type02 > li > a {min-height:130px;}

/* headline_news */
.headline_news > a {display:block; outline: none;}
.headline_news .thum + .box {margin-top:20px;}
.headline_news .tit {height:78px; margin-top:13px; font-size:28px; line-height:38px; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; white-space:normal;}
.headline_news .desc {white-space:unset; white-space:normal; line-height:24px;}
.headline_news .update_time, .headline_news .tooltipLayer {margin-top:12px;}

/* main_kv_slider */
.main_kv_slider {height:430px;}
.main_kv_slider .slide {width:100%;}
.main_kv_slider .slide > a {display:block;}
.main_kv_slider .slick-dots {overflow:hidden; position:absolute; left:0; bottom:40px; margin-left:32px; text-align:left;}
.main_kv_slider .slick-dots li {float:left; width:14px; height:14px; margin:0 8px; border:1px solid #8d99a6; border-radius:100%;}
.main_kv_slider .slick-dots button {overflow:hidden; position:absolute; left:-9999em; width:1px; height:1px; margin:0; padding:0; background:none; text-indent:-9999em;}
.main_kv_slider .slick-dots .slick-active {width:36px; height:16px; background-color:#fff; border:0 none; border-radius:10px;}
.main_kv_slider .newsBox {overflow:hidden; padding:40px; height:350px; color:#fff;}
.main_kv_slider .box, .main_kv_slider .visual {width:50%;}
.main_kv_slider .box {float:left; width:calc(50% - 30px); padding-top:10px;}
.main_kv_slider .visual {float:right; text-align:right;}
.main_kv_slider .keyword {margin-bottom:10px; color:#ece9e5; font-size:16px;}
.main_kv_slider .tit {font-size:38px; line-height:50px;}
.main_kv_slider .update_time {color:#fff; opacity:.5;}
.main_kv_slider .tooltipLayer button {background:url(../images/common/btn_lang_white.png) no-repeat 0 0; opacity:.5;}
.main_kv_wrap.kv_black .newsBox {color:#000;}
.main_kv_wrap.kv_black .newsBox .keyword, .main_kv_wrap.kv_black .newsBox .update_time {color:#000;}
.main_kv_wrap.kv_black .main_kv_slider .slick-dots li {border-color:#000;}
.main_kv_wrap.kv_black .main_kv_slider .slick-dots .slick-active {background-color:#000;}

/* 메인 companies_news */
.companies_news {}
.companies_news .lside {float:left; width:780px;}
.companies_news .rside {float:right; width:380px;}
.companies_news .tit, .companies_news .desc{overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.companies_news .desc,.Page_news .list_news .desc{line-height:22px; margin-top:11px!important;}

/* 메인 updates_box : hidden champions, k_uni */
.updates_box {background-color:#f9f8f7;}
.updates_box + .updates_box {margin-top:22px;}
.updates_box .tit_box {position:relative; padding:13px 10px 15px 60px; text-align:left; background-color:#1b334c;}
.updates_box .tit_box .tit {color:#fff; font-size:24px; font-family:'Noto Serif KR', serif; font-size:20px; font-weight:700;}
.updates_box .tit_box .btn_more_g{position:absolute; top:15px; right:15px;}
.updates_box.k_hidden .tit_box{background:#1b334c url('../images/ico/hidden_ico.png') no-repeat left 20px center;}
.updates_box.k_uni {margin-top: 22px;}
.updates_box.k_uni .tit_box{background:#1b334c url('../images/ico/uni_ico.png') no-repeat left 20px center;}
.updates_box .cont_box {padding:0px 28px;}
.updates_box .btn_more {-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing:border-box; display:block; height:42px; margin-top:34px; padding-top:12px; color:#333; font-size:13px; border:1px solid #ccc; text-align:center;}
.list_updates {min-height:126px;}
.list_updates > li{padding:13px 0; border-bottom:1px solid #c7c1b9;}
.list_updates > li:last-child{border-bottom:none;}
.list_updates > li > a {display:block; outline: none;} 
.list_updates > li > a:after {content:""; display:block; clear:both;}
.list_updates .company_name, .list_updates .update_time {float:left;}
.list_updates .company_name {display: block; width:60%; height:20px; font-size:16px; font-family:'Noto Serif KR', serif; font-weight:600; overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap;}
.list_updates .update_time {width:40%; margin-top:3px; color:#666; font-size:10px; text-align:right; font-weight:400;}
.latest_updates .more_box{margin-top:10px; width:100%; }
.latest_updates .more_box .cont_box{padding:12px 20px;}
.latest_updates .more_box .cont_box .list_more li{padding:9px 0;}

.list_updates .j_company_container {display: flex; align-items: center; justify-content: space-between;}
.list_updates .j_company_name {width: 100%; height:20px; font-size:16px; font-family:'Noto Serif KR', serif; font-weight:600; overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap;}
.list_updates .j_update_time {width: 40%;}
.list_updates .j_update_time p {color:#666; font-size:10px; text-align:right; font-weight:400; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* 메인 investors_news */
.investors_news .lside {float:left; width:380px;}
.investors_news .rside {float:right; width:779px;}
.investors_news .rside:after {content:""; display:block; clear:both;}
.investors_news .lside .headline_news .tit{height:66px; font-size:26px; line-height:32px; margin-top: 3px; overflow:hidden; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp:2; white-space: normal;} 
/*.investors_news .lside .headline_news .desc{height:40px; margin-top:15px; font-size: 15px; overflow:hidden;  word-break: keep-all; letter-spacing:0.3px; line-height: 19px;}*/
.investors_news .lside .headline_news .desc{height:56px; margin-top:12px; font-size: 16px; overflow:hidden;  word-break: keep-all; line-height: 26px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.investors_news .section_newbox .headline_news .tooltipLayer{margin-top:20px;}
.investors_news .list_news .tit {overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.investors_news .section_newbox .item{float:left; height:447px; padding-right:0;}
.investors_news .section_newbox .item:first-child{margin-right: 20px;}
.investors_news .section_newbox .headline_news{padding:38px 0 18px;}
.investors_news .section_newbox .headline_news:last-child{padding-bottom:18px; border-bottom:1px solid #c7c1b9;}
.investors_news .section_newbox .newsBox .desc{height:80px; overflow:hidden; -webkit-box-orient: vertical; display: -webkit-box; /*-webkit-line-clamp:4;*/ white-space: normal; -webkit-line-clamp:3; line-height: 25px;}

/* best_asset slider */
.best_asset {margin-top:40px;}
.best_asset_slider {position:relative; height:70px; padding:0 50px; background-color:#fff;}
.best_asset_slider .swiper-container {background-color:#fff;}
.best_asset_slider .slide > a {display:block;}
.best_asset_slider .slide > a:focus {outline-offset:-1px;}
.best_asset_slider .slide > a > img {display:block; vertical-align:top;}
.best_asset_slider .slick-arrow {position:absolute; top:50%; margin-top:-10px; width:20px; height:20px; font-size:0; line-height:0; }
.best_asset_slider .slick-prev {left:20px; background:url(../images/common/btn_slick_left.png) no-repeat 0 0;}
.best_asset_slider .slick-next {right:20px; background:url(../images/common/btn_slick_right.png) no-repeat 0 0;}

/* year_slider slider */
.year_slider{padding-bottom:10px;}
.year_slider .slide{padding:25px 0;}
.year_slider .slide a{display:inline-block; padding:0 20px; border-right:1px solid #999; font-family:'Noto Serif KR', serif; font-size:16px; font-weight:900; color:#999;}
.year_slider .slide a:last-child{border-right:none;}
.year_slider .slide a.on span{position:relative; color:#0e4681; border-bottom:1px solid #0e4681;}
.main_content .best_asset_slider .slick-arrow {opacity:0; cursor:auto;}

/* branded_slider */
.branded_slider {margin:0 -19px;}
.branded_slider .slick-slide {width:33.33%;}
.branded_slider .slide > a {display:block; margin:0 19px;}
.branded_slider .slide > a:focus {outline-offset:-1px;}
.branded_slider .slick-dots {overflow:hidden; margin-top:37px; text-align:center;}
.branded_slider .slick-dots li {display:inline-block; width:30px; height:3px; margin:0 5px; background-color:#d5d5d5;}
.branded_slider .slick-dots button {font-size:0; line-height:0; outline: none;}
.branded_slider .slick-dots .slick-active {background-color:#0e4681;}
.branded_slider .newsBox {margin-top:15px; text-align:center;}
.branded_slider .tit, .branded_slider .desc {overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.branded_slider .desc {margin-top:10px; line-height:22px; height:42px; white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; overflow:hidden; -webkit-box-orient: vertical;}/* 210104 두줄처리추가, 우선순위 때문에  .branded_slider .desc 이 css를 아래로 내렸습니다. 동일하게 반영 부탁드립니다.!*/
   
/* markets_news */
.markets_news .lside {float:left; width:774px;}
.markets_news .rside {float:right; width:368px;}
.markets_news .list_news .tit {overflow:hidden; display:block; letter-spacing: 0.1px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.markets_news .list_news .desc{height:42px; overflow: hidden;line-height:21px;  -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp:2; white-space: normal;}/* 210108 height 수정 */
.markets_news .headline_news .tit{margin-top:3px; font-size:26px;  overflow:hidden; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp:2; white-space: normal;} 
.markets_news .headline_news .desc{margin-top:5px; line-height:23px; word-break: keep-all;}
.markets_news .headline_news .desc.add_img{height:146px; line-height:24px; overflow:hidden; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:6; white-space:normal;}

/* 메인 M&A / ECM/DCM */
.med_news {margin:0 -20px;}
.med_news .lside, .med_news .rside {float:left; width:50%;}
.med_news .newsBox {margin:0 20px;}
.med_news .newsBox .box {padding-top:10px;}
.med_news .list_news > li{padding:20px 0;}
.med_news .list_news.hfix > li > a{min-height:124px;}
.med_news .list_news .thum + .box{margin-left:210px;}
.med_news .newsBox .tit {height:57px; overflow: hidden; word-break: keep-all; display:-webkit-box; -webkit-line-clamp:2; white-space:normal;}

/* 메인 CULTURE & TRENDS / PERSPECTIVES */
.konomy_gallery {margin:0 -20px;}
.konomy_gallery .lside, .konomy_gallery .rside {float:left; width:50%;}
.konomy_gallery .newsBox {margin:0 20px;}
.konomy_gallery .newsBox .keyword {color:#e1ded9;}
.konomy_gallery .newsBox .update_time {color:#a8adb4;}

/* layer - 언어선택 */
.tooltip_lang {position:absolute; top:23px; left:-24px; z-index:100;}
.language_box {position:relative; width:68px; margin-top:6px; padding:5px 0; background-color:#fff; border:1px solid #000;}
.language_box:after {content:""; display:block; clear:both; position:absolute; top:-7px; left:50%; margin-left:-6px; width:12px; height:7px; background:url(../images/common/bg_lang.png) no-repeat 0 0;}
.language_box ul li {text-align:center; float: none!important;} 
.language_box ul li a {display:block; padding:5px 0; color:#666; font-family: 'Noto Sans KR'}
.language_box .on a, .language_box a:hover {color:#0e4681; text-decoration:underline; font-weight:500;}

/* tooltip_box */
.tooltip_box{float: right;}
.tooltip_box div{display:inline-block;}
.tooltip_box .tooltipLayer{float: left; position:relative; z-index:11; margin-top:0;}
/* 기사영역 tooltip_box 버튼 */
.tooltip_box button{position:relative; box-sizing:border-box; height:30px; border:1px solid #c7c1b9;}
.tooltip_box .tooltip_lang{top:31px; left:0;}
.tooltip_box .btn_lang{padding:0 20px; margin-right:5px;}
.tooltip_box .btn_font_size{width:30px; background:url(../images/ico/fontsize.png) no-repeat center center;}
.tooltip_box .btn_share{width:30px; background:url(../images/ico/share.png) no-repeat center center;}
.tooltip_box .btn_converter{width:30px; background:url(../images/ico/calc.png) no-repeat center center;}
.tooltip_box .btn_print{width:30px; background:url(../images/common/btn_print.png) no-repeat center center;}
.tooltip_box .btn_print:hover{background:#0e4681 url('../images/common/btn_print_w.png')no-repeat center center; border:1px solid #0e4681;}
.tooltip_box .tooltipLayer.on .btn_lang{background: #0e4681; border:1px solid #0e4681; color:#fff;}
.tooltip_box .tooltipLayer_font.on .btn_font_size{background:#0e4681 url('../images/ico/fontsize_on.png')no-repeat center center; border:1px solid #0e4681;}
.tooltip_box .tooltipLayer_share.on .btn_share{background:#0e4681 url('../images/ico/share_on.png')no-repeat center center; border:1px solid #0e4681;}
.tooltip_box .tooltipLayer_converter.on .btn_converter{background:#0e4681 url('../images/ico/calc_on.png')no-repeat center center; border:1px solid #0e4681;}

/* tooltip_box 계산기 */
.tooltip_converter{position:absolute; top:31px; right:0; z-index:100;}
.converter_box{position:relative; box-sizing: border-box; width:280px; margin-top:6px; padding:20px 10px 10px; text-align:center; background-color:#fff; border:1px solid #000; font-family:'Noto Sans KR';}
.converter_box:after {content:""; display:block; clear:both; position:absolute; top:-7px; right:9px; margin-left:-6px; width:12px; height:7px; background:url(../images/common/bg_lang.png) no-repeat 0 0;}
.converter_box .Currency{background: #fff; padding:0; margin:0;}
.converter_box .Currency .tit{margin-bottom:15px;color:#0e4681; font-family:'Noto Serif KR', serif; font-size:18px!important; font-weight:700; line-height:1!important;}
.converter_box .Currency .item {width:100%;}
.converter_box .Currency .item02{margin-top:20px;}
.converter_box .Currency .item::after{content:""; display:block; clear:both;}
.converter_box .Currency .item .name{display: block; background:transparent; text-align:left; margin-bottom:7px; margin-left:0; padding:0; font-size:16px; font-weight:500; letter-spacing:1px;}
.converter_box .Currency .select_box select{float:left; width:90px; padding:10px; margin-right:4px; background: #fffefc url(../images/common/select.png)no-repeat center right 10px; border:1px solid #c7c1b9;}
.converter_box .Currency .form-input{float:left; width:164px; background-color:#fffefc; border:1px solid #c7c1b9;}

/* tooltip_box 폰트사이즈 */
.tooltipLayer_font, .tooltipLayer_share, .tooltipLayer_converter{position:relative;}
.tooltip_font{position:absolute; top:31px; right:-35px; z-index:100;}
.font_box{position:relative; width:345px; margin-top:6px; padding:15px 0 8px ; text-align:center; background-color:#fff; border:1px solid #000; font-family:'Noto Sans KR';}
.font_box:after {content:""; display:block; clear:both; position:absolute; top:-7px; right:42px; margin-left:-6px; width:12px; height:7px; background:url(../images/common/bg_lang.png) no-repeat 0 0;}
.font_box ul li{float:left; width:20%;}
.font_box ul li .btn_font{position:relative; display:inline-block; width:100%; height:48px; border:none;}
.font_box ul li.on .size,
.font_box ul li.on .size_name,
.font_box ul li .btn_font:hover .size,
.font_box ul li .btn_fonta:hover .size_name{color:#0e4681; font-weight:500;}
.font_box ul li.on .size_name,
.font_box ul li .btn_font:hover .size_name{border-bottom:2px solid #bec7d5;}
.font_box ul li .btn_font:after{content:''; position:absolute; top:0; right:0; display:block; width:1px; height:48px; background:#e4e3e3;}
.font_box ul li:last-child a:after{display:none;}
.font_box ul li .size{position:absolute; left:44%;}
.font_box ul li:first-child .size{top:10px;}
.font_box ul li:nth-child(2) .size{top:7px;}
.font_box ul li:nth-child(3) .size{top:4px;}
.font_box ul li:nth-child(4) .size{top:2px;}
.font_box ul li:last-child .size{top:0px;}
.font_box .size_name{display:inline-block; position:absolute; bottom:0; left:50%; transform: translate(-50%, 0%); width:47px; padding-bottom:2px; border-bottom: 2px solid #fff; font-size:12px; font-weight:400; color:#666}

/* tooltip_box 공유기능 */
.tooltip_share{position:absolute; top:31px; right:0; z-index:100;}
.share_box{position:relative; box-sizing: border-box; width:225px; margin-top:6px; padding:0 10px ; text-align:center; background-color:#fff; border:1px solid #000; font-family:'Noto Sans KR';}
.share_box:after {content:""; display:block; clear:both; position:absolute; top:-7px; right:9px; margin-left:-6px; width:12px; height:7px; background:url(../images/common/bg_lang.png) no-repeat 0 0;}
.share_box ul li{float:left; width:33.3%; padding-top:18px;}
.share_box .icon-size{display:block; margin:0 auto; width:32px; height:32px; margin-bottom:5px;}
.share_box .icon-snsFb{background:url('../images/ico/fb.png')no-repeat center center;}
.share_box .icon-snsTw{background:url('../images/ico/twi.png')no-repeat center center;}
.share_box .icon-snsIn{background:url('../images/ico/link.png')no-repeat center center;}
.share_box .icon-snsWa{background:url('../images/ico/wa.png')no-repeat center center;}
.share_box .icon-snsLn{background:url('../images/ico/ln.png') center center;}
.share_box .icon-snsEm{background:url('../images/ico/em.png')no-repeat center center;}
.share_box a:hover .icon-snsFb{background:url('../images/ico/fb_on.png')no-repeat center center;}
.share_box a:hover .icon-snsTw{background:url('../images/ico/twi_on.png')no-repeat center center;}
.share_box a:hover .icon-snsIn{background:url('../images/ico/link_on.png')no-repeat center center;}
.share_box a:hover .icon-snsWa{background:url('../images/ico/wa_on.png')no-repeat center center;}
.share_box a:hover .icon-snsLn{background:url('../images/ico/ln_on.png') center center;}
.share_box a:hover .icon-snsEm{background:url('../images/ico/em_on.png')no-repeat center center;}
.share_box a span{font-weight:400; font-size:12px; color:#666;}
.share_box a:hover span{font-weight:500; color: #0e4681;}
.share_box .formCopy{position:relative;width:100%;margin:17px 0 10px;border:1px solid #000;}
.share_box .formCopy .input{width:100%;height:36px;margin:0;border:0;font-size:12px;font-weight:400;color:#666;padding:0 8px;box-sizing:border-box;}
.share_box .formCopy .button{position:absolute;top:0;right:0;width:50px;height:100%;border-width:0px;background:#0e4681;color:#fff;}

/* list_page */
.list_page .title{margin-bottom:20px; font-family:'Noto Serif KR', serif; font-size:26px; font-weight:900;}
.list_page .title.line{ border-bottom:1px solid #000; padding-bottom:20px; margin-bottom:45px;}
.Page_news{position:relative;}
.Page_news .lside .newsBox{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.Page_news .lside{float:left; width:840px;}
.Page_news .rside{float:right; width:300px;}
/* sub01.html : 한출처리풀음 .Page_news .list_news .tit, */
.Page_news .list_news .desc {overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.Page_news .list_news li .list_video .video{float:left; position:relative; width:200px; height:130px; margin-right:30px;}
.Page_news .list_news li .list_video .video:after {content:""; display:block; clear:both; position:absolute; bottom:15px; right:15px; width:40px; height:40px; background:url(../images/common/bg_play_small.png) no-repeat 0 0;} 
.Page_news .list_news .tit:hover{color: #0e4681;}

/* side_area  오른쪽구역 more_box, 광고, newsletter*/
.side_area{margin-top:-25px;}
.side_area.fixed{position:fixed; top:0;}
.more_box{display: inline-block; width:300px; border:1px solid #c7c1b9; margin-bottom:40px; box-sizing: border-box;}
.more_box .tit_box{background:#0e4681; padding:15px 19px;}
.more_box .tit_box .tit{font-family:'Noto Serif KR', serif; font-size:18px; font-weight:900; color:#fff;line-height:25px;}
.more_box .cont_box{padding:19px; background:#fff;}
.more_box .cont_box .list_more li{border-bottom: 1px solid #c7c1b9; padding:17px 0; word-break:keep-all;}
.more_box .cont_box .list_more li:first-child{padding-top:0;}
.more_box .cont_box .list_more li:last-child{padding-bottom:0; border-bottom:0;}
/*.more_box .cont_box .list_more li a{position:relative; display:block; height:44px; overflow:hidden; padding-left:27px; font-family:'Noto Serif KR', serif;  font-size:16px; font-weight:700; color:#141414; line-height:1.4;}*/
.more_box .cont_box .list_more li a{position:relative; display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:27px; font-family:'Noto Serif KR', serif;  font-size:16px; font-weight:700; color:#141414; height:29px; line-height:29px;}
.more_box.latest .tit_box{background:#1b334c; padding:10px 19px;} 
.more_box.latest.ch .tit_box{/*background: #1b334c url(../images/ico/hidden_ico.png) no-repeat left 20px center;*/}
.more_box.latest.uni .tit_box{/*background: #1b334c url(../images/ico/uni_ico.png) no-repeat left 20px center;*/}
.more_box.latest.ch .tit_box,.more_box.latest.uni .tit_box{/*padding-left:65px;*/}
.more_box.latest .cont_box{padding:5px 19px;}
.more_box.latest .cont_box .list_more li{padding:10px 0;}
.more_box.latest .cont_box .list_more li a{padding-left:0; height: auto;}
.more_box.latest .cont_box .list_more li .name{display:block; padding-bottom:0px; font-size:16px; font-weight:500; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap;}
.more_box.latest .cont_box .list_more li .time{font-family: 'Noto Sans KR'; font-size:12px; font-weight:400; color:#666;}
.more_box .cont_box .list_more li a:hover{color:#0e4681;}
.more_box .cont_box .list_more li a span{position:absolute; top:50%; left:0; transform:translate(0%, -50%); color:#0e4681; font-family: 'Noto Sans KR'; font-size:20px; font-weight:900;}
.ad{text-align:center; width:300px; height:250px; display:table-cell; vertical-align:middle;}
.ad.type02{display:block; width:970px; height:90px; margin:0 auto 60px; clear:both;}
.ad.type03{display:inline-block; width:400px; height:auto; padding:150px 0; margin:0 auto;}
.ad_area{display:block; text-align:center; margin: 80px auto 0;}
.ad_area div:first-child{margin-right:40px;}
.news_letter{width:300px; padding:20px 50px 30px; text-align:center; box-sizing: border-box; margin:20px 0; border:1px solid #c7c1b9;  background:#f2f2f2;}
.news_letter .icon{margin-bottom:10px;}
.news_letter .tit{font-size:26px;}
.news_letter .tit span{display:block; font-weight:bold;}
.news_letter .btn_nl{display:block; text-align:center; margin-top:23px; padding:11px 0 16px; border-radius:5px; font-size: 16px; color:#fff; background:#0e4681;}

/* view_details - Sub_03.html 기사부분*/
.view_details .head{padding-bottom:15px; border-bottom: 1px solid #000;}
.view_details .head .newsBox .keyword{display:inline-block; font-size:16px; margin-bottom:5px;} /* 210111 퍼블추가 */
.view_details .head .newsBox .tit{font-size:30px; line-height:45px; word-break:keep-all;}
.view_details .head .newsBox .sub_tit{font-family: 'Noto Sans KR', Sans-serif, Dotum, Arial; font-size: 19px; font-weight: 400; padding-top: 7px; padding-bottom: 17px; line-height: 28px; width: 96%; color: #000;}
.view_details .body{position:relative; text-align:center; padding:50px 0 80px; margin:0 auto;}
.view_details .body .editor{position:absolute; left:0;}
.view_details .video{position: relative;}
.view_details .cont{text-align:left; padding:0 0 0 ; width:700px; margin:0 auto;}
.view_details  #cont{word-break: keep-all; font-family: 'Noto Serif KR', serif;  font-size:18px; line-height: 34px;font-weight:500;}
.view_details .cont p::selection {background-color:#3390ff;color:#fff;}
.view_details .cont .file_area{padding:15px 20px; margin:25px 0;}
.view_details .cont .file_area .file_item .file{margin-bottom:10px;}
.view_details .name{background:#f1f0f0; width:100%; padding:16px 30px; box-sizing: border-box;}
.view_details .name p{text-align:left; font-size:16px;}
.view_details .name p span{font-weight:700;}
.view_details.type02{margin-top:40px;}    
.view_details.type02 .name p{line-height: 25px;}
.view_details .head .btn_side_open,
.view_details .head .logo,
.view_details .head .scrollProgress{display:none;}
.view_details .head.fixed{position:fixed; top:0; left:0; right:0; z-index:1111; padding:0; box-sizing:border-box; transition: all 0.3s; width:100%; height:70px; box-shadow: 0px 9px 10px -1px rgb(0 0 0 / 5%); background:#ede9e6; /*border-bottom:4px solid #ccc;*/}
.view_details .head.fixed .newsBox{position:relative; max-width:1180px; height:100%; margin:0 auto; text-align:center;}
.view_details .head.fixed .newsBox::after{content:""; display:block; clear:both;} 
.view_details .head.fixed .newsBox .sub_tit {display:none} 
.view_details .head.fixed .newsBox .keyword{display:inline-block; text-align:left; width:104px; height:18px; margin-bottom:0; line-height:16px; float:left; margin-right:15px; margin-top:2px; vertical-align:text-top; font-size:14px;  overflow: hidden; display: -webkit-box; text-overflow: ellipsis; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.view_details .head.fixed .newsBox .tit{display:inline-block; text-align:left; width:86%; height:24px; float:left;  line-height:22px; font-size:18px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.view_details .head.fixed .tit-box{display:inline-block; position:absolute; top:50%; transform: translate(0%, -50%); left:50px; width: 77%;}
.articles_alert{position:fixed; bottom:0px; width:100%; text-align:center; background:#0e4681; height:44px;}
.articles_alert p{color:#fff; font-size:15px; font-weight:400; line-height:44px;}
.view_details .head.fixed .update_time{display:none;}
.view_details .head.fixed .items{position: absolute; top:50%; right:0; transform: translate(0%, -50%);}
.view_details .head.fixed .btn_side_open{display:block; position:absolute; top:50%; left:0; transform: translate(0%, -50%); z-index:111; width:24px; height:22px; background: url(../images/common/btn_side_menu_s.png) no-repeat 0 0;}
.view_details .head.fixed .logo{display:inline-block; position:absolute; top:50%; left:45px; z-index:11; transform: translate(0%, -50%);}
.view_details .head.fixed .scrollProgress{display:block; position:fixed; top:66px; left:0; width:0; height:4px; background:#0e4681;}
.view_details .video_area{height:270px; margin-bottom:60px;} 
.view_details .video{width:480px;height:100%;max-height:272px;margin:0 auto;}
.view_details .video.fixed{width:340px;height:215px;position:fixed;right:4px;bottom:50px;z-index:1111;}
.view_details .video .btn_close{display:none;}
.view_details .video.fixed .btn_close{display:inline-block;position:absolute;top:-37px; right:0px; background: #ede9e6; border:1px solid #ccc; border-bottom:none;}
.view_details .video .btn_play{position:absolute; top:50%; left:50%; z-index:11; cursor:pointer; width:80px; height:80px; transform:translate(-50%, -50%);  background:url(../images/common/bg_play_big.png) no-repeat 0 0;}
.view_details .video .btn_play.hide{display:none;}
.view_details.file{border-bottom:3px solid #000;}
.view_details.file .cont{padding:0;}
.view_btn_area{text-align:center; margin-top:40px; margin-bottom:100px;}
.view_details .link{color:#0e4681; text-decoration:underline;}
.view_details .edit_name{margin-right:6px; font-size:15px; font-weight:400; margin-top:10px; line-height:20px; color:#333;} 
.view_details .edit_name .name_tit{display:inline-block; text-decoration: none; font-family: 'Noto Sans KR'; font-weight:500; font-size:15px; color:#0e4681;}
.view_details .edit_name .bold{font-weight:500;}
.view_details .edit_name .email{padding-left:5px;}
.edit_item{position:relative; display:inline-block; float:left;}
.edit_item .email_box{display:none; text-align:center; width:260px; padding:10px; position:absolute; bottom:-80px; z-index:111;}
.edit_item .email_box::after{left:35px;}
.edit_item .email_box ul li{width:100%; padding-top:0;}
.edit_item .email_box a::after{ content:""; display:block; clear:both;}
.edit_item .email_box a{display:inline-block;}
.edit_item .email_box a > i{float:left;}
.edit_item .email_box a span{display:inline-block; float:left; padding:7px 0; margin-left:10px; font-size:15px;}
.edit_item .email_box a:hover span{font-weight:400;}
.edit_item .email_box .icon-size{margin-bottom:0;}
.edit_item.on .email_box{display: block;}
.view_details .head.fixed .edit_item .email_box{display:none!important;}

/* file_area - Alert_View.html : file*/
.file_area{padding:35px 40px; background: #dedad4;}
.file_area .attach{float:left; padding-left:30px; background:url('../images/ico/file.png')no-repeat center left; color:#141414; font-size:16px; font-weight:900; font-family:'Noto Serif KR', serif; }
.file_area .file_item{float:left; margin-left:40px;}
.file_area .file_item .file{display:block; letter-spacing:0.5px; margin-bottom:15px; font-size:16px; font-weight:400; color:#0e4681}
.file_area .file_item .file span{border-bottom:1px solid #0e4681;}
.file_area .file_item .file:last-child{margin-bottom:0;}

/* more_to_read */
.more_to_read .title{font-size:24px; font-weight:900; font-family:'Noto Serif KR', serif; margin-bottom:15px;}
.more_to_read .newsBox{border-top:3px solid #000;}
.more_to_read .newsBox .list_news .thum + .box{margin-left:175px;}

/* comment */
.comment{margin:80px 0 100px;}
.comment .head{border-bottom:3px solid #000;}
.comment .head .title{float:left; font-size:20px; font-weight:500;  padding-bottom:15px;}
.comment .head .title span{font-size:24px; font-weight:700; color:#0e4681;}
.comment .head .login{float:right;  padding-bottom:10px;}

/* reply-write */
.reply_write{border:1px solid #000;margin-top:20px;}
.reply_write .filed{position:relative;min-height:120px;}
.reply_write textarea{display:block;width:100%;height:120px;padding:28px 111px 28px 28px;border:0;resize:none;box-sizing:border-box;}
.reply_write .filed > span{position:absolute;right:30px;bottom:20px;color:#000;font-size:14px;font-weight:400;}
.reply_write .filed textarea::placeholder{color:#999;font-size:16px;font-weight:400;}

/* reply */
.reply ul li{border-bottom:1px solid #c7c1b9; padding:35px 0;}                
.reply .box .left{float:left;}
.reply .box .right{float:right;}
.reply .box .id{font-size:18px; color:#0e4681; font-weight: 700;}
.reply .box .update_time{display:inline-block; margin-left:13px; color:#666; font-family: 'Noto Sans KR', Dotum, Arial, Sans-serif; font-weight: 400;}
.reply .box .edit{font-weight:400; color:#999; padding-left: 20px; background:url(../images/ico/edit.png) no-repeat center left; margin-right:20px;}
.reply .box .delete{font-weight:400; color:#999;  background:url(../images/ico/delete.png) no-repeat center left; padding-left:15px;}
.reply .box .reply_btn_area.off{display:none;}
.reply .box .close{display:none; font-weight:400; color:#999; padding-left:20px; background:url(../images/ico/delete.png) no-repeat center left;}
.reply .box .close.on{display:block;}
.reply .box .cont{clear:both; padding-top:35px; line-height: 24px;}
.reply .box .cont p{font-size:16px; font-weight:400;}
.reply .box .cont p.on{display:none;}
.reply .view_more{text-align:center; margin-top:40px;}
.reply .reply_write{margin-top:0; display:none;}
.reply .reply_write.on{display:block;}
.reply .reply_write .btn_submit{position:absolute; top:50%; right:10px; transform:translate(0%, -50%); width:100px; height:100px; font-size: 15px; color:#fff; background:#0e4681; border-radius:5px;}
.reply .reply_write .filed > span{right:140px;}

/* K_uni_tit - 50시리즈 상단부분*/
.K_uni_tit{position:relative; margin-bottom:40px;}
.K_uni_tit .support{width:100%; padding:22px 38px; background:#1b334c; box-sizing:border-box;}
.K_uni_tit .support .cont{position:relative; color:#fff; line-height:25px; letter-spacing:0.5px; font-size:14px; font-family:'Noto Sans KR'; font-weight:400; padding-left:10px;}
.K_uni_tit .support .cont::before{content:''; position:absolute; top:50%; left:0; transform:translate(0%, -50%);  width:4px; height:4px; background: #a8adb4;}
.K_uni_tit .support .cont .name{font-weight:500; color:#a8adb4; padding-right:5px;}
.K_uni_tit .btn_send{position:absolute; top:-10px; right:0;}
.K_uni .side_area{margin-top:0;}

/* Select_Category */
.Select_Category{padding-top:10px;}
.Select_tit{font-size:20px; font-weight:900; font-family:'Noto Serif KR', serif; /*color:#0e4681!important;*/} 
.Select_Category .btn_more{display:block; margin:20px auto 0; height:40px; padding:0 88px 0 78px; font-size:14px; color:#fff; background:#0e4681 url('../images/common/arrow_bottom_w.png') no-repeat center right 20px;}
.category{margin-top:15px;}
.ct_check{display: inline-block; margin-top:10px;}
.ct_check input[type="checkbox"] {display: none;}
.ct_check input[type="checkbox"] + label {display: inline-block; padding:0 30px; height:40px; line-height:40px; color:#000; font-size:14px; font-weight:400; background: #fbfbfa; cursor:pointer; border-radius:20px;}
.ct_check input[type="checkbox"]:checked + label {background:#0e4681; color:#fff; font-weight:700;}
/* .ct_check input[type="checkbox"] + label::before{content: attr('value'); font-weight: 700;} */


/* company_list */
.company_list{margin:38px 0 80px;}
.company_list .item{padding:27px 20px; background:#fbfbfa; border-bottom:2px solid #ede9e6;}
.company_list .item:hover{background:#0e4681 url('../images/common/right_w.png') no-repeat center right 20px;}
.company_list .item:hover span{color:#fff;}
.company_list .item span{display:inline-block; color:#141414; font-size:14px; font-weight:400; line-height:18px; vertical-align:middle; box-sizing: border-box;}
.company_list .item .name{width:272px; font-family:'Noto Serif KR', serif;  font-size:16px; font-weight:700; border-right:1px solid #c7c1b9;}
.company_list .item .cg{width:130px; padding:0 18px; border-right:1px solid #c7c1b9;}
.company_list .item .cont{width:370px; padding-left:18px;; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap: break-word; white-space: nowrap;}

/* view_stories */
.company_tit{position:relative; height:500px; background:url('../images/temp/@temp23.jpg') no-repeat}
.company_tit.type02{background:url('../images/temp/@temp33.jpg') no-repeat;}
.company_tit .dimed{position: absolute; top:0; right:0; left:0; bottom:0; background:#000; opacity:.7;}
.company_data{position:relative; top:30px; left:30px; width:1120px;}
.company_data .logo_img{position:absolute; left:0; width:260px; height:169px; background:#fff; border:1px solid #d5d5d5;}
.company_data .logo_img img{width:100%; height:100%;}
.company_data .data{padding-left:300px; padding-top:15px; color:#fff;}
.company_data .data .thumb{font-family:'Noto Serif KR', serif; font-size:30px; font-weight:700; margin-right:17px;}
.company_data .data .desc{position:relative; font-family:'Noto Serif KR', serif; font-size:20px; font-weight:400; padding-left:17px;}
.company_data .data .desc::before{content:''; position:absolute; left:0; top:50%; transform:translate(0%, -50%);  z-index: 11; width:1px; height:20px; background:#ccc;}
.company_data .data .ment{ font-family:'Noto Serif KR', serif; font-size:16px; font-weight:400; word-break: keep-all; letter-spacing: 0.5px; margin-top:18px; line-height:1.5;}
.view_btn_box{margin-top:20px;}
.view_btn_box::after{content:""; display:block; clear:both;}
.view_btn_box .info{display:block; margin-bottom:7px; font-size:16px; font-weight:400; color:#000; letter-spacing: 0.4px;}
.view_btn_box .tooltip_box button{border:1px solid #333}
.view_btn_box .tooltip_box .tooltipLayer{float:left;}
.view_btn_box .tooltip_box .btn_lang{height:40px; padding:0 25px;}
.view_btn_box .tooltip_box .tooltip_lang{top:40px;}
.view_btn_box .tooltip_box .language_box{width:80px}
.view_btn_box .tooltip_box .btn_share, .view_btn_box .tooltip_box .btn_print, 
.view_btn_box .tooltip_box .btn_converter{width:40px; height:40px;}  
.view_btn_box .tooltip_box .tooltip_share, .view_btn_box .tooltip_box .tooltip_converter{top:40px;}
.company_tab{margin-top:60px;}
.company_tab .tab{margin-bottom:0;}
.company_tab .tab .tab-item{display:table; float:left; width:50%; min-height:60px; text-align:center; cursor:pointer; padding:20px 5px; box-sizing:border-box; border-bottom:2px solid #0e4681; font-family:'Noto Serif KR', serif; font-size:18px; font-weight:700; word-break:keep-all; color:#666;}
.company_tab .tab .tab-item > span{display:table-cell; vertical-align:middle;}
.company_tab .tab .tab-item.active{background:#0e4681; color:#fff;}
.company_tab .contents .item{display:none; margin:50px auto 80px;}
.company_tab .contents .item2{position:relative; margin:60px auto 100px; padding-bottom:30px; border-bottom:3px solid #000;}
.company_tab .contents .item_tit{margin-bottom:22px; text-align:center; font-family:'Noto Serif KR', serif; font-size:27px; font-weight:900; line-height:35px; color:#141414;}

/* KHC_View.html - 제품 슬라이드 */
.products_review{margin-bottom:60px;}
.products_review .tit{margin-bottom:70px;  font-family:'Noto Serif KR', serif; font-size:19px; font-weight:400; color:#333; text-align: center; font-style: italic}
.products_review .desc{margin-bottom:53px;  font-family:'Noto Serif KR', serif; font-size:18px; font-weight:400; line-height:35px; word-break:keep-all; letter-spacing:-0.5px;}
.products_review .product {position: relative; height:504px; padding: 40px 0; margin:0 auto; margin-top:20px;}
.products_review .product #pro_Video{width:500px; height:380px; margin: 0 auto;}
.products_review .product .slide{text-align: center;}
.products_review .product .slide img{margin: 0 auto;} 
.products_review .product .slick-arrow{position:absolute; top:50%; transform:translate(0%, -50%); z-index:99; width:20px; height:60px; font-size:0;}
.products_review .product .slick-prev{left:20px; background: url(../images/common/slide_prev.png)no-repeat;}
.products_review .product .slick-prev:hover{background:url('../images/common/slide_prev_on.png')no-repeat;}
.products_review .product .slick-next{right:20px; background: url(../images/common/slide_next.png)no-repeat;}
.products_review .product .slick-next:hover{background: url(../images/common/slide_next_on.png)no-repeat;}
.products_review .product .slick-dots{position:absolute; left:50%; bottom:30px; transform:translate(-50%, 0%);}

/* 아코디언 */
.contents .item_Accordion{ width:700px; margin:0 auto;}
.contents .item_Accordion .list_area{margin:20px 0 60px;}
.contents .item_Accordion .list{background:#fbfbfa url('../images/common/view_bottom_b.png')no-repeat center right 30px;border-bottom:2px solid #ece9e5;}
.contents .item_Accordion .list h5{padding:20px 70px 20px 17px; font-family:'Noto Serif KR', serif; font-size:16px; font-weight:900; line-height:24px; color:#141414;  cursor: pointer; word-break: keep-all;}
.contents .item_Accordion .list h5.open { color:#fff; background:#0e4681 url('../images/common/view_bottom_w.png')no-repeat center right 30px;}
.contents .item_Accordion .list .desc{display:none; padding:40px 30px; font-family:'Noto Serif KR', serif; font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:35px; word-break:keep-all;}
.contents .item_Accordion .list h5.open + .desc{background:#f2f0ed; /*border: 1px solid #ccc;*/}
.contents .item_Accordion .list .desc .cont{position: relative;}
.contents .item_Accordion .list .desc .cont .tit{font-weight:500;}
.contents .item_Accordion .list .desc .cont .els{position: relative; padding-left:15px;}
.contents .item_Accordion .list .desc .cont .els::before{content: ''; position:absolute; top:14px; left:0; transform: translate(0%, -50%); width:4px; height:4px; background: #a8adb4;}
.contents .item_Accordion .list .desc .img_desc .tit{margin-bottom:10px; font-size:16px; font-weight:700;}
.contents .item_Accordion .list .desc .red{color:#ff0000;}
.contents .item_Accordion .list .desc .img_desc.type02::after{content:""; display:block; clear:both;}
.contents .item_Accordion .list .desc .img_desc.type02 .left{float:left; word-break:keep-all;}
.contents .item_Accordion .list .desc .img_desc.type02 .right{float:right; word-break:keep-all;}
.contents .item_Accordion .list .desc .c_ment{padding:5px 0; font-size:14px; font-weight:500;}
.contents .item_Accordion .list h5 .list_tit{display:block; margin-bottom:5px; color:#0e4681;}
.contents .item_Accordion .list h5.open .list_tit{color:#fff;}

/* KHC_View.html - data tab */
.data_contents{ width:900px; margin:0 auto;}
.data_items{margin-bottom:30px;}
.data_items.mb{margin-bottom:40px;}
.data_items .newsBox{margin-top:-15px;}
.data_items .Select_tit{margin-bottom:15px; border-bottom:2px solid #0e4681; line-height:40px;}
.data_items .data_tab{text-align:right; margin:40px 0 10px;}
.data_items .data_tab button{background:#e1ded9; width:80px; height:40px; font-size:14px; font-weight:400; color:#666;}
.data_items .data_tab button.active{background:#0e4681; color:#fff;}
.data_items .data{padding:14px 0; color:#141414;}
.data_items .data .area{position:relative; padding-left:230px; line-height:23px; font-size:14px; font-weight:400;}
.data_items .data .area.line03{height:60px;}
.data_items .data .area.bold{font-weight:700!important; color:#010101;}
.data_items .data .area .bold-point{font-weight:700!important; color:#010101;} 
.data_items .data .area .tit{position: absolute; left:0; width:22%; word-break:keep-all; font-family:'Noto Serif KR', serif; font-size:16px; font-weight:900; color:#141414;}
.data_items .data .area .icon{display:inline-block; content:''; position:absolute; width:118px; height:27px; background:url(../images/common/app_annie.png)no-repeat top 2px left 10px;}
.data_items .graph_data{padding:20px; background:#fff; border-top:0; box-sizing:border-box;}
.data_items .graph_data::after{content:""; display:block; clear:both;}
.data_items .graph_data .tit{font-size:14px; font-weight:500; color:#141414; margin-bottom:10px;}
.data_items .graph_data .area::after{content:""; display:block; clear:both;}
.data_items .graph_data .area{margin-top:15px;}
.data_items .graph_data .left{position:relative; float:left;}
.data_items .graph_data .right{float:right;}
.data_items .graph_data .icon_tit{position:relative; display: inline-block; vertical-align:middle; font-size:16px; font-weight:500;}
.data_items .graph_data .icon{display:inline-block; content:''; position:absolute; top:-1px; width:105px; height:27px; background:url(../images/common/app_annie.png)no-repeat top 2px left 10px / 90px;}
.data_items .graph_data .more{padding-right:15px; font-size:16px; font-weight:500; background:url(../images/common/more_right.png)no-repeat right center;}
.data_items .data .data_cont{position: relative; display: block;}
.data_items .data .data_Founders{padding-left:230px; border-top:1px solid #000; margin-top:30px;box-sizing:border-box;}
.data_items .data .data_Founders .Founder{border-bottom:1px solid #ccc; padding:15px 0;}
.data_items .data .data_Founders .Founder .bold{color:#141414; font-weight:700!important; margin-bottom:2px;}
.data_items .data .data_Founders .Founder .fud{position:relative; margin-bottom:15px;}
.data_items .data .data_Founders .Founder .fud:last-child{margin-bottom:0;}
.data_items .data .data_Founders .Founder .fud .fud_cont{padding-left:230px; margin-top:15px;}
.data_items .data .data_Founders .Founder .fud .fud_cont.first{margin-top:0;}
.data_items .data .data_Founders .Founder .fud .fud_cont .desc{display: block; line-height:22px; font-size:14px; font-weight:400;}
.data_items .data .data_Founders .Founder .tit{position: absolute; left:0; display: inline-block;}
.data_items .data .data_Founders .Founder .tit.type01{font-family:'Noto Sans KR'; font-size:16px; color:#141414; font-weight:700;}
.data_items .data .data_Founders .Founder .tit.type02{font-family:'Noto Sans KR'; font-weight:400; font-size:14px;}

/* team_slider */
.team_slider{background: #fbfbfa; padding:40px 60px; margin-top:-14px;}
.team_slider ul{height:315px;}
.team_slider ul::after{content:""; display:block; clear:both;}
.team_slider ul li:nth-child(1) , .team_slider ul li:nth-child(2) {margin-bottom:20px;}
.team_slider .list{float:left; width:50%; height:146px;}
.team_slider .list::after{content:""; display:block; clear:both;}
.team_slider .people{position:relative;}
.team_slider .people::after{content:""; display:block; clear:both;}
.team_slider .people .member_img{position:absolute; left:0;}
.team_slider .people .member_cont{padding-top:8px; padding-left:140px; width:212px;}
.team_slider .people .member_cont .name{padding-bottom:12px; font-family:'Noto Serif KR', serif; font-size:16px; font-weight:900; color:#141414;}
.team_slider .people .member_cont .rank{padding-bottom:5px; font-weight:700; font-size:14px; color:#0e4681;}
.team_slider .people .member_cont .cont{position:relative; word-break:keep-all; padding-left:10px; font-weight:400; font-size:14px; color:#141414; line-height:20px;}
.team_slider .people .member_cont .cont::before{content:''; position:absolute; top:12px; left:0; width:4px; height:2px; background:#80807f;}
.team_slider .slick-arrow{position:absolute; top:50%; transform:translate(0%, -50%); z-index:99; width:20px; height:60px; font-size:0;}
.team_slider .slick-prev{left:20px; background: url(../images/common/slide_prev.png)no-repeat;}
.team_slider .slick-prev:hover{background: url(../images/common/slide_prev_on.png)no-repeat;}
.team_slider .slick-next{right:20px; background: url(../images/common/slide_next.png)no-repeat;} 
.team_slider .slick-next:hover{background: url(../images/common/slide_next_on.png)no-repeat;} 

/* Companies */
.Companies .side_area{margin-top:0;}
.Home_box{position:relative; height:290px; background:#fbfbfa; box-sizing:border-box; margin-bottom:60px;}
.Home_box .img_area{position: absolute; left:0px;}
.Home_box .box{padding:23px 40px 23px 458px; font-family:'Noto Serif KR', serif;}
.Home_box .box .keyword{display:block; padding-bottom:7px; font-size:16px; font-weight:700; color:#0e4681;}
.Home_box .box .tit{display:inline-block; padding-bottom:10px; font-size:30px; font-weight:900; line-height:38px; word-break:keep-all;}
.Home_box .box .tit:hover{color:#0e4681; }
.Home_box .box .desc, .Home_box .box .desc a{font-family:'Noto Sans KR'; font-weight:400; font-size:15px; color:#333; line-height:22px; width: 560px; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3;}
.Home_box .box .update_time{padding-top:14px; font-family:'Noto Sans KR'; font-weight:400; font-size:14px; color:#666; float: left;}
.rp_area{margin-top:25px;}
.rp_area .rp{display:block; line-height:26px; font-size:18px; font-weight:700; /*background:url(../images/ico/rep.png)no-repeat top left;*/ white-space:nowrap;  overflow:hidden; text-overflow: ellipsis; border-top: 1px solid #c7c1b9; padding: 15px 0}
.rp_area .rp:hover{color:#0e4681;}
.rp_area .rp:last-child{margin-bottom:0;}

/* table */
.tbl-wrap{/*width:675px;*/ border-top:1px solid #000; /*margin-left: 230px;*/ width: 100%;}
.tbl{width:100%; text-align:center; line-height:1.2; border-collapse:collapse; font-weight:400; box-sizing: border-box;}
.tbl.list thead tr th{padding:20px 0; background:#e1ded9; border-right:1px solid #ede9e6; border-bottom:1px solid #c7c1b9; word-break:keep-all;  font-size:14px; font-weight:500; color:#141414;}
.tbl.list thead tr th:last-child{border-right:0;}
.tbl.list tbody tr td{border-bottom:1px solid #c7c1b9; line-height:20px; padding:20px 0; font-size:14px; font-weight:400; color:#141414; word-break:keep-all;}
.tbl.list.view02 tbody tr td:first-child{text-align:left;}
.tbl.list.view02 tbody tr td{text-align:right; padding:20px; word-break:keep-all;}

/* Markets Home */
.Markets{margin-bottom:80px;}
.Markets .Select_tit{margin-bottom:35px;}
.Markets .Markets_tit{position:relative; padding-left:15px; margin-top:38px; margin-bottom:20px; font-family:'Noto Serif KR', serif; font-size:16px; font-weight:900; color:#141414}
.Markets .Markets_tit::before{content:''; position:absolute; top:7px; left:0; width:4px; height:4px; background:#0e4681;}
.Markets .Page_news{margin-bottom:57px;}
.Markets_News .side_area{margin-top:0;}

/* market home table */
.table_graph{background:#fff; border-bottom:1px solid #000;}
.table_graph::after{content:""; display:block; clear:both;}
.table_graph .box{float:left; width:50%; height:100%; border-top:1px solid #000;}
.tbl_box{border-top: 1px solid #000;}
.tbl.graph{background:#ede9e6;}
.tbl.graph thead tr th,
.tbl.graph tbody tr td{height:50px!important; box-sizing: border-box; padding:0;}
.tbl.graph tbody tr td:first-child{text-align:left; padding:0 20px;}
.tbl.graph tbody tr.on .gh::before{background:#0e4681;}
.tbl.graph tbody tr.on td{color:#0e4681; font-weight:700;}
.tbl.graph .gh{position:relative; cursor:pointer;}
.tbl.graph .gh::before{content:''; position:absolute; top:5px; left:0; width:5px; height:40px; background:#d0d7de;}
.tbl.graph .price{font-weight:700; font-size:14px; line-height:16px;}
.tbl.graph .price.up_price{color:#437d2e;}
.tbl.graph .price.down_price{color:#bf3232;}
.tbl.graph tbody tr.line_no td{border-bottom:none;}

/* market home graph */
.graph_box{background:#fff; padding:0 30px; box-sizing:border-box;}
.graph_box .num_data{display:inline-block; width:100%; padding-top:21px;}
.graph_box .num_data li{position:relative; float:left; width:65px; text-align:center; cursor:pointer; height:35px; vertical-align: middle; background: #ece9e5; border: 1px solid #c7c1b9; margin-left: -1px;}
.graph_box .num_data li .num{display: inline-block; line-height:32px; font-size:15px; font-weight:400; color:#666;}
.graph_box .num_data li.on{background:#0e4681; border-color:#0e4681;}
.graph_box .num_data li.on .num{font-weight:700; color:#fff;}
.graph_box .graph{padding-bottom:18px; box-sizing: border-box;}


/* 계산기 */
.Currency{margin-top:20px; margin-bottom:57px; background:#e1ded9; padding:20px;}
.Currency::after{content:""; display:block; clear:both;}
.Currency .tit{margin-bottom:20px; font-family:'Noto Serif KR', serif; font-weight:900; font-size:16px; color:#141414;}
.Currency .item{float:left; width:560px;}
.Currency .item .name{font-size:14px; font-weight:400; color:#141414; margin-right:18px;}
.Currency .item02 .name{margin:0 16px;}
.Currency .select_box select{height:50px; padding:0 66px 0 20px; margin-right:2px; border:none; box-sizing:border-box; vertical-align:top; font-size:16px; font-weight:400; color:#999; background:#fff url('../images/common/select.png')no-repeat center right 18px;}
.Currency .form-input{width:376px; height:50px; padding:18px 20px; border:none; box-sizing:border-box; text-align:right; font-size:16px; font-weight:700;}
.Currency.side{margin-top:0; margin-bottom:20px; padding:0; padding-bottom:40px;}
.Currency.side .tit_box{background:#0e4681;  padding:15px 19px;}
.Currency.side .tit_box .tit{margin-bottom:0; font-family: 'Noto Serif KR', serif; font-size:18px; font-weight: 900; color: #fff;}
.Currency.side .item {padding:19px 20px 0 20px; max-width:260px;}
.Currency.side .item .name{display:block; font-size:16px; font-weight:700; margin-bottom:10px;}
.Currency.side .select_box{display:block; margin-bottom:5px;}
.Currency.side .select_box select{display:block; width:100%;}
.Currency.side .form-input{width:100%;}
.Currency.side .item02 .name{margin-left:0;}
.title_top{position:relative;}
.title_top::after{content:""; display:block; clear:both;}
.title_top.left{width:840px;}
.title_top .right{position:absolute; top:-5px; right:0;}
.title_top .Select_tit{margin-bottom:22px;}
.title_top .btn_more_b{position:absolute; top:0; right:0;}
.title_top .rside{float:right; width:auto;}
.title_top .rside::after{content:""; display:block; clear:both;}
.title_top .rside .btn_more_b{position:static; float:left;}
.title_top .rside a + a{margin-left:10px;}
.title_top .icon{display:inline-block; width:23px; height:23px;}
.title_top .icon.in{background:url('../images/ico/linkedin_23.png')no-repeat center right;}

/* account_area */
.account_area{width:900px; margin:0 auto 100px; box-sizing:border-box; padding:57px 150px 80px 150px; background:#fbfbfa;}
.account_area.login{padding:57px 190px 80px 190px;}
.account_area.pd{padding:57px 0px 80px 0px;}
.account_area .tit{text-align:center; margin-bottom:35px; font-family: 'Noto Serif KR', serif; font-size:30px; font-weight: 900;}
.account_area .tit .tit_s{display:block; padding-top:5px; font-size:22px;}
.account_area .link{display:inline-block; /*border-bottom:2px solid #8899b4;*/ text-decoration: underline; color: #0e4681;}
.account_area .cont{text-align:center; font-weight:400; font-size:16px; line-height:24px;}
.account_area .cont .link{text-decoration: underline;}
.account_area .error_ment{text-align:left; margin-bottom:17px; font-size:14px; font-weight:400; color:#ee1b22;}
.account_area .error_ment.align{text-align:center; padding:25px 0 15px;}

/* insert_area */
.insert_area.type_on{margin-top:35px;}
.insert_area.type_on.on{display:block!important;}
.insert_area .ment{text-align:left; font-size:16px; font-weight:400; line-height:25px; margin-bottom:20px; word-break: keep-all; letter-spacing:0.5px;} 
.insert_area .account{text-align:center; margin:40px 0;  font-weight:500; line-height:26px;}
.insert_area label.insert{display: block; width:100%; height:56px; line-height: 55px;  border: 1px solid #ccc; background:#fff; margin-bottom:10px; font-size: 0;box-sizing: border-box;}
.insert_area input{width:100%; height:100%; border:none; padding:20px 12px; background: transparent; font-size:15px; font-weight:400; color:#999; box-sizing: border-box;}
.insert_area input:focus {outline:1px solid #000;}
.insert_area label.insert.error_point {border:1px solid #ee1b22}
.insert_area label.insert.error_point input:focus {outline:1px solid #ee1b22;}
.insert_area .select_box{display:block; margin-bottom:10px;}
.insert_area .select_box select{height:60px; font-size:15px; font-weight:400; color:#999; padding:0px 12px; margin-right:2px; width:100%; height:56px; line-height:54px; border:1px solid #ccc;  box-sizing:border-box; background:#fff url('../images/common/select.png')no-repeat center right 18px;}
.insert_area .select_box select:focus {outline:1px solid #000;}

/* account_checkbox */
.account_checkbox{display: inline-block;}
.account_checkbox input[type="checkbox"]{position: absolute;width:1px;height:1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}/* 기본 체크박스 없애기 */
.account_checkbox input[type="checkbox"] + label {display: inline-block; position: relative; padding-left:27px; letter-spacing:0.5px; line-height:18px; font-size:14px; font-weight:400; word-break:keep-all; cursor: pointer; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;user-select:none;}/* 웹의 경우 커서에 pointer 설정 */
.account_checkbox input[type="checkbox"] + label:before {content: ' '; display: inline-block; position:absolute; top:4px; left:0; width:18px; height:18px; line-height:18px; margin:-4px 10px 0 0; text-align: center; vertical-align: middle; background:url(../images/common/checkbox_off.png)no-repeat center left;}
.account_checkbox input[type="checkbox"]:checked + label:before {background:url('../images/common/checkbox_on.png')no-repeat center left;}
.account_checkbox.type02{width:100%; margin-top:40px; padding-top:40px; border-top: 1px solid #c7c1b9;}
.account_checkbox.type02 input[type="checkbox"] + label{font-size:16px; font-weight:700; line-height:21px;}
.account_checkbox.type02 input[type="checkbox"] + label:before{top:16px;}
.account_checkbox.type02.align{margin-top:0; padding:30px 0; border-bottom:1px solid #c7c1b9;}
.account_checkbox .box + .box{margin-top:15px;}
.account_btn_area{text-align:center; margin-top:35px;}
.account_btn_area.login{margin-top:22px;}
.account_btn_area .btn_login{display:inline-block; width:380px; height:60px; color:#fff; background:#0e4681;font-family: 'Noto Serif KR', serif; font-size:20px; font-weight: 900;}
.account_area.login .account_btn_area .btn_login{width:100%; height:50px; font-family:'Noto Sans KR'; font-weight:500; font-size:18px;}
.account_btn_area .btn_login.white{background:#fff; color:#0e4681;}
.account_btn_area .btn_cancel{display:inline-block; width:210px; height:60px; color:#fff; background:#000;font-family: 'Noto Serif KR', serif; font-size:20px; font-weight: 900;}
.account_info{text-align:center; margin-top:18px; font-weight:400;}
.account_info a{display:inline-block; text-decoration:underline; color: #0e4681;}
.account_info .forgot{font-size:16px;}
.account_info .not{margin-top:35px; font-size:16px;}

/* sign_sns */
.sign_sns{margin-top:40px; padding-top:30px; border-top: 1px solid #c7c1b9;}
.sign_sns.join{padding:40px 0 20px; margin-bottom:20px; border-bottom: 1px solid #c7c1b9;}
.sign_sns .tit{font-family: 'Noto Sans KR'; font-weight:700; font-size:20px;}
.sign_sns a{display:inline-block; text-align:left;  width:205px; line-height:49px; box-sizing:border-box; color:#fff; font-weight:500; font-size:16px; height:50px;}
.sign_sns .tw{margin-right:6px;  padding-left:33px; background:#44c8f5 url('../images/common/sns_tw.png')no-repeat center left 43px / 20px;}
.sign_sns .fb{padding-left:26px; background:#00549e url('../images/common/sns_fb.png')no-repeat center left 38px / 8px;}
.sign_sns.join{margin-top:40px;}
.sign_sns.join .tw{margin-right:6px;  padding-left:50px; background:#44c8f5 url('../images/common/sns_tw.png')no-repeat center left 22px / 20px;}
.sign_sns.join .fb{ padding-left:40px; background:#00549e url('../images/common/sns_fb.png')no-repeat center left 22px / 8px;}

/* subscribe */
.subscribe{width:740px; margin:80px auto 0; padding:57px 100px 80px; background:#1b334c; color:#fff; box-sizing:border-box;}
.subscribe .tit{line-height:35px;}
.subscribe .cont{color:#ede9e6; font-weight:400; position:relative; padding-left:15px; word-break:keep-all; text-align:left;}
.subscribe .cont:before{content:'-'; position:absolute; left:0;}
.subscribe .cont .bold{font-weight:700; padding-right:10px;}
.account_area.Subscriber .cont{position: relative; text-align:left; padding-left:13px;}
.account_area.Subscriber .cont::before{content:'-'; position:absolute; left:0;}


/* Info_Modification.html */
.account_area.type02{width:100%; background:none; padding:0;}
.account_area.type02:after {content:""; display:block; clear:both;}
.account_area.type02 .account_btn_area{display:block; clear:both;}
.account_area.type02 .items{float:left; width:560px; margin-bottom:40px;}
.account_area.type02 .items.first{margin-right:60px;}
.account_area.type02 .insert_area label.insert,
.account_area.type02 .insert_area .select_box select{width:100%;}
.account_area .insert_area.error_point .select_box select,
.account_area.type02 .insert_area.error_point label.insert,
.account_area.type02 .insert_area.error_point .select_box select{border:1px solid #ee1b22}
.account_area .ment_area{text-align:center; margin-top:17px; line-height:22px; font-weight:400; font-size:16px; color:#666;}
.box_tit{font-weight:700; font-size:20px; color:#000; padding-bottom:20px;}
.id_find{width:740px; text-align: center; margin:35px auto 0; padding:45px 0; background:#1b334c; color:#fff}
.id_find p{margin-bottom:15px; font-family: 'Noto Serif KR', serif; font-size:20px; font-weight: 900;}
.id_find p:last-child{margin-bottom:0;}
.insert_area.change{padding-top:19px; margin-top:19px; border-top:1px solid #c7c1b9;}
.insert_area .search_item{position:relative;}
.insert_area .search_item label.insert{background:none; border:1px solid #000;}
.insert_area .search_item .insert input{color:#000; padding-right:120px;}
.insert_area .search_item .insert input::placeholder{color:#000}
.insert_area .search_item .edit{position:absolute; top:0; right:0; bottom:0; width:120px; height:60px; font-size:14px; background:#0e4681; color:#fff;}
.ac_tit{margin-bottom:15px; font-size:16px; font-weight:500;}
.ac_desc{margin-bottom:15px; font-size:16px; font-weight:400;}
.account_checkbox.type02.font input[type="checkbox"] + label{font-weight:500;}
.account_area.type02 .insert_area .ment{font-weight:500;}
.account_area.type02 .insert_area.change{padding-top:15px;margin-top:15px;}

/* Info_Modification.html - payment_area */
.payment_area{margin:15px 0; box-sizing:border-box; border-top: 1px solid #c7c1b9; border-bottom: 1px solid #c7c1b9;}
.payment_area .pm_item{padding:30px 0;}
.payment_area .pm_item .tit_area{padding:0 30px;}
.payment_area .pm_item_subs{text-align:left; position: relative; padding:15px 30px; height:103px; box-sizing:border-box;}
.payment_area .pm_item_subs .pm_tit{font-size:24px; font-weight:700; padding-bottom:9px;}
.payment_area .pm_item_subs .pm_tit > span{display:block; font-size:18px; font-weight:500;}
.payment_area .pm_item_subs .term{display: inline-block; text-align:center;  color:#0e4681; font-size:18px; font-weight:500;}
.payment_area .pm_item_subs .pm_desc{font-size:20px; font-weight:400;}
.payment_area .pm_item_subs .subs{display:inline-block; position: absolute; right:30px; top:21px; height:60px; padding:0 40px;  font-size:14px; font-weight:400; background:#0e4681; color:#fff;}
.payment_area .pm_item_subs.type02 .subs{top:20px;}
.payment_area .pm_item_subs.type02 .pm_tit{padding-top:5px;}
.insert_area .ment.blue{color:#0e4681}
.Subscribe_items{text-align:center; padding:30px 80px; margin-top:35px; border-top:1px solid #c7c1b9;border-bottom:1px solid #c7c1b9;  box-sizing:border-box;}
.Subscribe_items .item{text-align:left; float:left; padding-top:15px;}
.Subscribe_items .item .title{font-size:18px; font-weight:700;}
.Subscribe_items .item .desc{font-family: 'Noto Serif KR', serif; font-size:40px; font-weight:900; color:#0e4681}
.Subscribe_items:after {content:""; display:block; clear:both;}
.Subscribe_items .icon{float:left; padding-right:28px; text-align:right;}

/* 검색결과 */
.search_area{margin-bottom:20px; box-sizing:border-box;}
.search_area .searchbox {position:relative; width:840px; height:50px; background-color:#fff; border:1px solid #333;}
.search_area .searchbox input[type=text] {width:100%; height:50px; border:0 none; text-indent:25px; font-size:16px; font-weight:400;}
.search_area .searchbox .btn_search {position:absolute; top:0; right:0; width:150px; height:50px; background:url(../images/common/btn_search_submit.png) no-repeat 0 0;}
.search_area .btn_close {position:absolute; top:9px; right:29px; width:95px; color:#666;}
.type_search .side_area{margin-top:-90px;}
.no_results{padding:35px; background:#fbfbfa;}
.no_results .tit{margin-bottom:10px; font-size:20px; font-weight:700; color:#141414; line-height:25px; word-break: keep-all;}
.no_results .desc{line-height:27px; font-size:16px; font-weight:400; color:#141414; word-break: keep-all;}

/* Inverstors 클래스추가*/
.Inverstors .title_top{margin-top:45px; margin-bottom:22px;}
.Inverstors .title_top .btn_more_b{font-family: 'Noto Sans KR';}
.Inverstors .lside .newsBox{border-bottom:none;}
.Inverstors .lside .newsBox.alert{border-top:none;}
.Inverstors .company_tab{margin-top:0px; padding-top:40px; border-top:1px solid #000;}
.Inverstors .company_tab .contents .item1{margin-top:0;}
.Inverstors .side_area{margin-top:0;}
.Inverstors .company_tab .tab .tab-item,.surveys .company_tab .tab .tab-item{min-height:82px;}
.Inverstors .company_tab .contents .item{margin:0; border-top:none; border-bottom:none;}
.Inverstors.Page_news .lside .newsBox{border-top:none;}

/* list_news thumb type */
.list_news .thum_s + .box{margin-left:175px;}
.list_news .video_s + .box{margin-left:175px;}
.list_news .video_s{position:relative; width:145px;}
.list_news .video_s::after{content:''; position: absolute; top:58px; right:13px; width:25px; height:25px; background: url(../images/common/bg_play_small.png) no-repeat; background-size:25px;}

/* Korean Investors Home banner */
.banner{margin:60px 0; text-align:center;}
.banner ul:after {content:""; display:block; clear:both;}
.banner ul li{position:relative; float:left; width:33.33%; width:260px; margin-right:30px;}
.banner ul li:last-child{margin-right:0;}
.banner .box{display:block; position:relative; height:260px; padding:46px 10px 26px; background:#fff; box-sizing:border-box;}
.banner .tit{font-family: 'Noto Serif KR', serif; font-size:20px; font-weight:900;}
.banner .desc_item{height:113px;}
.banner .desc_item .banner_icon{padding-top:30px;}
.banner .desc_item .desc, .banner .btn_more_b.type02{display:none;}
.banner li.active .box{background:#0e4681; color:#fff;}
.banner li.active .banner_icon{display:none;}
.banner li.active .desc{display:block; padding:13px 20px 0; line-height:21px; word-break:keep-all; font-size:14px; font-weight:400; color:#ede9e6;} 
.banner li.active .box + .btn_more_b.type02{display: block; position:absolute; left:50%; bottom:12px; transform:translate(-50%, 0%); z-index:11; background: url(../images/common/plus_bw.png) no-repeat center right 8px; border-color:#87a3c0; color:#87a3c0!important;} 

/* RFP Alert */
.alert{margin-bottom:90px;}
.alert > li{padding:10px 0;}
.alert > li a:after {content:""; display:block; clear:both;}
.alert > li a{min-height:80px;}
.alert .logo_s {float:left;}
.alert .logo_s + .box{margin-left:140px;}
.alert .box {position:relative; padding-top:0;}
.alert .box:after {content:""; display:block; clear:both;} 
.alert .box .tit{font-size:20px; padding-top:10px; margin-top:0px;}
.alert .time{display:inline-block; padding-top:10px; font-size:14px; font-family: 'Noto Sans KR'; font-weight:400; color:#666; }

/* Institution_list.html - list_gallery */
.People .list_gallery .desc{height:73px; line-height:24px;}
.People .list_gallery .tit{display:block; text-align:center; word-break:keep-all;}
.People .list_gallery{border-bottom: 1px solid #000; padding-bottom:25px;}

/* company_box */
.company_box{position:relative; padding:20px; background:#fbfbfa; box-sizing:border-box;}
.company_box:after {content:""; display:block; clear:both;} 
.company_box .img_area{float:left; width:260px; height:169px; border:1px solid #d5d5d5; background:#fff; overflow:hidden;}
.company_box .img_area img{width:100%; height:100%; object-fit: contain;}
.company_box .cp_area{float:right; width:500px;}
.company_box .cp_area .tit span{padding-left:5px; letter-spacing:0.5px; font-family: 'Noto Sans KR'; font-size:14px; font-weight:400; color:#333;}
.company_box .cp_area .tit{margin-top:12px; margin-bottom:25px; font-family:'Noto Serif KR', serif; font-size:24px; font-weight:900;}
.company_box .cp_area .desc{height:auto; overflow:hidden; font-size:16px; font-weight:400; color:#333; letter-spacing:0.5px; line-height:24px; word-break:keep-all;}
.company_box.people .img_area{width:130px; height:160px;}
.company_box.people .img_area img{width:130px; height:160px;}
.company_box.people .cp_area{width:1000px; padding-left:35px; box-sizing:border-box;}
.company_box.size_L .cp_area{width:840px;}
.company_view{text-align:center; padding:60px 0 90px; margin-bottom:70px; border-bottom:1px solid #000;} 
.tbl_items{width:900px; margin:55px auto 0;}

/* people_list */
.people_list{padding-bottom:158px; /*border-bottom:1px solid #000;*/}

.people_items{margin-top:30px;}
.people_items ul{margin-top:13px; border-top:1px dashed #333;}
.people_items .item{padding:25px 0 0; /*border-bottom:1px solid #c7c1b9;*/}
.people_items .item:after {content:""; display:block; clear:both;} 
.people_items .item .img_area {float:left; width:140px;}
.people_items .item .img_area img {width: 100%; object-fit: cover;}
.people_items .item .desc_area{float:right; width:700px; padding:4px 10px 30px 18px; box-sizing:border-box;}
.people_items .item .desc_area .tit_area{display:inline-block; position:relative; margin-bottom:10px;}
.people_items .item .desc_area .tit_area .print{display:inline-block; position:absolute; top:0; right:-30px; width:21px; height:23px; background:url('../images/ico/print.png')no-repeat}
.people_items .item .desc_area .tit{display:inline-block; color:#141414; font-family:'Noto Serif KR', serif; font-size:18px; font-weight:900;}
.people_items .item .desc_area .tit>span{padding-left:5px; letter-spacing:0.5px; font-family:'Noto Sans KR'; font-size:14px; font-weight:400; color: #333;}
.people_items .item .desc_area .desc{font-size:14px; font-weight:400; color:#333; line-height:24px; word-break:keep-all;}
.people_Details .tbl_items .Select_tit{padding-bottom:18px;}
.people_Details .tbl_items.list .Select_tit{border-bottom:2px solid #0e4681;}
.people_Details{padding-bottom:60px; margin-bottom:100px; border-bottom:3px solid #000;}
.people_Details .view_more{text-align:center; margin-top:40px;}
.people_list2 {padding-bottom:158px; border-bottom:1px solid #000;}

.people_items2 {margin-top:35px;}
.people_items2 ul{margin-top:13px; border-top:1px dashed #333;}
.people_items2 .tit_area {display: flex; align-items: center; margin-top: 30px; margin-left: 10px;}
.people_items2 .img_area {padding-right: 13px; width: 100%; max-width: 18px;}
.people_items2 .tit h3 {font-size: 18px; line-height: 23px; letter-spacing: -0.34px; font-weight: 900; font-family: 'Noto Serif KR', serif;}
.people_items2 .tit p {font-size: 14px; line-height: 18px; color: #333; font-weight: 400; padding-top: 2px;}

.people_items3 {margin-top: 30px;}
.people_items3 .Select_tit {padding: 15px 11px 15px 20px; background-color: #dad7d5; font-size: 17px}
.people_items3  ul{margin-top:0px; border-top: none; margin-left: 23px;}
.people_items3 .tit_area {display: flex; align-items: center; margin-top: 30px; margin-left: 10px;}
.people_items3 .img_area {padding-right: 13px; width: 100%; max-width: 18px;}
.people_items3 .tit h3 {font-size: 18px; line-height: 23px; letter-spacing: -0.14px; font-weight: 900; font-family: 'Noto Serif KR', serif;}
.people_items3 .tit p {font-size: 14px; line-height: 18px; color: #333; font-weight: 400; padding-top: 2px;}

.people_items3 .Select_tit:before {
    background: left 20% / 100% 100% no-repeat url(../images/ico/circle.png); 
    content: ""; 
    display: inline-block; 
    height: 6px; 
    width: 6px; 
    margin: 0 8px 3px 0; 
    vertical-align: middle;
  }


.people_Details3 .tbl_items .Select_tit{padding-bottom:18px;}
.people_Details3 .tbl_items.list .Select_tit{border-bottom:2px solid #0e4681;}
.people_Details3 {padding-bottom:60px; margin-bottom:100px; border-bottom:3px solid #000;}
.people_Details3 .view_more{text-align:center; margin-top:40px;}

/* Best_managers */
.Best_managers .list_news .tit{margin-top:0;}
.Best_managers .list_news .desc{letter-spacing: 0.5px; line-height:23px;}
.Best_managers .list_news .thum_s + .box{margin-left:160px;}
.Best_managers .list_news > li{padding:20px 10px 20px 0;}
.Best_managers .lside .newsBox{margin-bottom:80px; border-top:none; border-bottom:none;}
.Best_managers .lside .newsBox .Select_tit{margin-top:40px; border-bottom:1px solid #000; padding-bottom:15px;}

/* Surveys_Investors.html - 상단box */
.surveys_newsbox{margin:10px 0 45px; padding:40px; box-sizing:border-box; background: #fbfbfa;}
.surveys_newsbox .headline_news{width:497px; float:left; margin-right:30px;}
.surveys_newsbox .headline_news .keyword{font-size:16px;}
.surveys_newsbox .headline_news .tit{font-size:30px; height:auto; word-break:keep-all;}
.surveys_newsbox .headline_news .desc{margin-top:10px; font-size:15px; line-height:20px; word-break: keep-all;}
.surveys_newsbox .headline_news .update_time{margin-top:15px;}
.surveys_newsbox .graph_area{float:right;}
.surveys_newsbox .graph_area img{max-width:573px;}
.surveys_newsbox .btn_surveys{display:inline-block; text-align:center; width:380px; height:60px; padding:0px 40px 0 40px; line-height:60px; font-family:'Noto Serif KR', serif;  border:1px solid #c7c1b9; color:#000!important; font-size:16px; font-weight:900; background:#fff url('../images/common/plus_sur.png')no-repeat center right 40px;} 
.surveys .company_tab{margin-top:20px;}
.surveys .company_tab .item{margin:0;}
.surveys .company_tab .item2{border-bottom:none;}
.surveys .People .list_gallery{margin-top:50px; border-bottom:none; padding-bottom:0;}
.company_tab .tab.type_li03 .tab-item{width:33.3%;}
.company_tab .tab.type_li06 .tab-item{width:16.6%;}
.surveys .tbl_items{width:100%; margin-top: 0; margin-bottom:50px;}
.surveys .tbl_items .view_more{text-align:center; margin-top:40px;}
.surveys .tbl_items .newsBox{border-top:1px solid #000;}
/* .surveys .company_tab .tab .tab-item{height:90px;} */

/* asset_view search */
.asset_view{position:relative; width:840px; padding:20px 10px; box-sizing:border-box; background:#e1ded9;}
.asset_view .insert_area:after {content:""; display:block; clear:both;} 
.asset_view .insert_area .select_box{display:inline-block; float:left; margin-bottom:0;}
.asset_view .insert_area .select_box select{width:169px; height:50px; margin-right:5px; margin-bottom:5px; padding:10px; line-height:29px; font-size:14px; border-color:#333333; color:#000; background: #fff url(../images/common/select.png)no-repeat center right 8px;} 
.asset_view  input{border:1px solid #000; padding:10px; width:691px; height:50px; background:#fff; font-size:14px; color:#666;}
.asset_view .btn_view_search{position:absolute; top:20px; right:10px; height:105px; background:url(../images/common/btn_search_submit_type02.png) no-repeat 0 0;}
.Page_news.asset .lside .newsBox ,.asset .list_news{border-top:none;}
.asset .side_area{margin-top:0;}
.Page_news .list_news .icon_box:after {content:""; display:block; clear:both;} 
.Page_news .list_news .icon_box .left{float:left;}
.Page_news .list_news .icon_box .lp_mark{display:inline-block; position:relative; float:left; margin-left:20px; padding-left:21px; font-family: 'Noto Sans KR';  font-size:14px; font-weight:700; color:#000;}
.Page_news .list_news .icon_box .lp_mark::before{content:''; position:absolute; top:-5px; left:0; width:20px; height:20px; background: url(../images/common/lp_lock.png)no-repeat center left;}
.list_page .title.stock .tit{position: relative; margin-left:40px; font-family: 'Noto Sans KR'; font-size:16px; font-weight:400; letter-spacing:-0.3px;}
.list_page .title.stock .tit:last-child{margin-left:28px;}
.list_page .title.stock .tit:last-child::before{content:'ㅣ'; position: absolute; top:4px; left:-24px;}

/* Stock.html */
.stock{margin-bottom:80px;}
.stock .table_graph{height:410px; margin-bottom:50px;}
.stock .table_graph .box{border-top:none;}
.stock .graph_box .num_data li{width:87px;}
.stock .graph_box .num_data li.on::after{width:90px;}
.stock .stock_infobox{height:410px; padding:18px 36px; background:#f6f4f3; box-sizing:border-box;}
.stock .stock_infobox .top:after {content:""; display:block; clear:both;} 
.stock .stock_infobox .top .num{float:left;}
.stock .stock_infobox .top .num01{font-size:36px; font-weight:700; padding-right:20px;}
.stock .stock_infobox .top .num02 ,.stock .stock_infobox .top .num03{padding-top:9px; font-size:24px; font-weight:400;}
.stock .stock_infobox .top .num03{padding-left:13px;}
.stock .stock_infobox ul li{padding:10px 0; border-bottom:1px solid #c7c1b9;}
.stock .stock_infobox ul li:after {content:""; display:block; clear:both;} 
.stock .stock_infobox .left{float:left; width:50%;}
.stock .stock_infobox .right{float:right; width:50%; text-align:right;}
.stock .stock_infobox .name{font-size:16px; font-weight:700;}
.stock .stock_infobox .price{font-size:16px; font-weight:400;}
.stock .stock_cont{padding:40px 85px; background:#fff;}
.stock .stock_infobox .up_price {color:#437d2e;}
.stock .stock_infobox .down_price {color:#ff563c;}
.stock .stock_infobox .ico {position:relative; display:inline-block; width:20px; height:17px; margin-right:3px;}
.stock .stock_infobox .ico:after {content: ''; position:absolute; top:0; left:0; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.stock .stock_infobox .up_price .ico:after {border-top:15px solid #437d2e; top:5px; transform: rotate(60deg); -ms-transform: rotate(60deg);  -webkit-transform: rotate(60deg);}
.stock .stock_infobox .down_price .ico:after {border-top:15px solid #ff563c;}

/* cookies_layer */
.cookies_layer{position:fixed; left:270px; bottom:40px; width:540px; box-sizing:border-box; padding:30px 40px 40px; border-top:6px solid #0e4681; background:#fff;z-index: 999;
    -webkit-box-shadow: 0px 14px 22px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 14px 22px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 14px 22px 0px rgba(0,0,0,0.2);
}
.cookies_layer:after {content:""; display:block; clear:both;} 
.cookies_layer .tit{margin-bottom:22px; color:#000002; font-family: 'Noto Serif KR', serif; font-size:26px; font-weight:900;}
.cookies_layer .desc{margin-bottom:30px; line-height:20px; font-size:15px; font-weight:400; color:#333;}
.cookies_layer .left{float:left;}
.cookies_layer .right{float:right;}
.cookies_layer .policy_link{display:inline-block; padding-bottom:3px; border-bottom:1px solid #000; margin-top:20px; font-size:15px; font-weight:400; color:#333; }
.cookies_layer .btn_accept{display:inline-block; text-align:center; width:180px; height:45px; line-height:45px; background:#0e4681; color:#fff!important; font-size:15px; font-weight:500; }
.cookies_layer .desc a{color:#0e4681; text-decoration:underline;}

/* faq_area */
.faq_area{width:900px; margin:30px auto 80px;}
.faq_area .tit{text-align:center; margin-bottom:18px; font-family: 'Noto Serif KR', serif; font-size:30px; font-weight:900; padding-bottom:40px; border-bottom: 2px solid #0e4681;}
.faq_area .faq_cont{text-align:center; font-size:16px; font-weight:400; letter-spacing: 0.5px;}
.faq_area .faq_cont a{font-size:16px; color:#0e4681; font-weight:400; text-decoration:underline;}
.faq_area .company_tab .contents .item{margin-top:35px;}
.faq_area .company_tab .contents .item2{border-bottom:none}
.faq_area .contents .item_Accordion .list{background:none; border-bottom:1px solid #c7c1b9;}
.faq_area .contents .item_Accordion .list:first-child{border-top:1px solid #c7c1b9;}
.faq_area .contents .item_Accordion .list h5{position:relative; padding: 29px 70px 25px 60px; }
.faq_area .contents .item_Accordion .list h5::before{position:absolute; top:25px; left:20px; content:'Q'; color:#0e4681; font-family: 'Noto Serif KR', serif; font-size:24px; font-weight:900;}
.faq_area .contents .item_Accordion .list h5::after{position:absolute; top:33px; right:30px; width:19px; height:11px; content:''; background: url(../images/common/view_bottom_b.png)no-repeat ;}
.faq_area .contents .item_Accordion .list h5.open{background-color:#ece9e5; color:#141414; background:none}
.faq_area .contents .item_Accordion .list h5.open + .desc{position:relative;  padding: 29px 70px 25px 60px; background-color:#fbfbfa; border:none;}
.faq_area .contents .item_Accordion .list h5.open + .desc:before{position:absolute; top:25px; left:20px; content:'A'; color:#0e4681; font-family: 'Noto Serif KR', serif; font-size:24px; font-weight:900;}
.faq_area .contents .item_Accordion .list h5.open::after{transform: rotate(180deg);}
.faq_area #searchLayer{background:none; padding:0; padding-top:20px;}
.faq_area #searchLayer .searchbox{margin-left:0; padding-right:0;}

/* contents_us */
.contents_us{width:900px!important; margin:0 auto 50px;}
.contents_us .title_area{text-align:center; padding-bottom:40px; border-bottom:2px solid #0e4681;}
.contents_us .tit{text-align:center; font-family: 'Noto Serif KR', serif; font-size:30px; font-weight:900; letter-spacing:1.5px;}
.contents_us .content .item{margin-top:50px;}
.contents_us .content .item.type02{margin-top:35px;}
.contents_us .content .item.white{padding:40px 40px 50px; background: #fff;}
.contents_us .content .img_item{padding-top:60px; text-align:center;}
.contents_us .content .img_item.type02{margin-top:50px; border-top: 1px solid #c7c1b9;}
.contents_us .item .tit_name{margin-bottom:35px; font-family: 'Noto Serif KR', serif; font-size:24px; font-weight:900; letter-spacing:0.6px; word-break:keep-all;} 
.contents_us .item .desc{font-size:16px; font-weight:400; letter-spacing:0.4px; line-height:25px; word-break:keep-all;}
.contents_us .item .desc .bold{font-weight:700;}
.contents_us .item.link_area .desc a:hover{text-decoration: underline;}
.contents_us .item .desc .link{text-decoration:underline; color:#0e4681; font-size:14px; font-weight:400;}
.contents_us .item .profile{margin-top:35px;}
.contents_us .item .profile:after {content:""; display:block; clear:both;} 
.contents_us .item .profile .editor{float:left; width:150px;}
.contents_us .item .profile .info{float:left; width:660px; padding-top:35px;}
.contents_us .item .profile .info .name{display:inline-block; padding-top:25px; font-size:20px; font-weight:500;}
.contents_us .item .profile .info .desc.font_s{padding-top:5px; font-size:14px; line-height:19px;}
.contents_us .item .desc_type02{margin-top:20px;}
.contents_us .item .desc_type02 .tit02{margin-bottom:10px; font-size: 16px; font-weight: 400; letter-spacing: 0.4px; line-height: 25px; word-break: keep-all;}
.contents_us .item .desc_type02 .tit03{margin-bottom:10px; font-size: 20px; font-weight: 500; letter-spacing: 0.4px; line-height: 25px; word-break: keep-all;}
.contents_us .item .desc_type02 .bar{position:relative; padding-left:40px; font-size: 15px; font-weight: 400; letter-spacing: 0.4px; line-height: 23px; word-break: keep-all;}
.contents_us .item .desc_type02 .bar::before{content: '-'; position:absolute; left:20px;}
.contents_us .item .desc_type02 .term{position:relative; padding-left:40px; font-size: 15px; font-weight: 400; letter-spacing: 0.4px; line-height: 23px; word-break: keep-all;}
.contents_us .item .desc_type02 .term>span{position: absolute; left:20px;}
.contents_us .item .desc_type02 .bold{font-weight: 700;}
.contents_us .item .contact_item .item_tit{font-size:16px; font-weight:700; letter-spacing:0.4px;}
.contents_us .item .contact_item .add_area {position:relative; margin-top:8px}
.contents_us .item .contact_item .add_area::before{content:''; position:absolute; top:0px; left:0; width:2px; height:100%; background:#c7c1b9;}
.contents_us .item .contact_item .add_area .desc:after {content:""; display:block; clear:both;} 
.contents_us .item .contact_item .add_area .desc .thum{float:left; padding-left:16px; color:#0e4681; font-size:16px; font-weight:700; letter-spacing:0.4px;}
.contents_us .item .contact_item .add_area .desc .cont{float:left; padding-left:13px;}
.contents_us .item.type02{}
.contents_us .item.type02 .tit_name{margin-bottom:15px;}
.contents_us .item.type02 .contact_item .add_area::before{display:none;}
.contents_us .item.type02 .contact_item .add_area .desc .thum{padding-left:0; width:70px;}
.contents_us .item.type02 .contact_item .add_area .desc .cont{padding-left:0;}
.contents_us .contact_item .insert_area{margin-top:15px;}
.contents_us .contact_item .insert_area:after {content:""; display:block; clear:both;} 
.contents_us .contact_item .insert_area .insert{clear:both;}
.contents_us .contact_item .insert_area .align:after {content:""; display:block; clear:both;} 
.contents_us .contact_item .insert_area .align .left{display: inline-block; float:left; width: calc((100% - 10px) / 2);}
.contents_us .contact_item .insert_area .align .left:first-child{margin-right:10px;}
.contents_us .contact_item .insert_area textarea{resize:none; width:100%; padding: 20px 12px; font-size: 16px; font-weight: 400; color: #999;box-sizing: border-box;border: 1px solid #ccc;background: #fff; margin-bottom: 10px;}
.contents_us .contact_item .insert_area textarea:focus {outline:1px solid #000;}
.contents_us .content .list_area{padding:40px 50px; background:#fff; border-top:1px solid #0e4681;}
.contents_us .content .list_area .list{position:relative; padding-left:40px; word-break:keep-all; font-size:16px; font-weight:500; color:#0e4681; line-height:25px;}
.contents_us .content .list_area .list .num{position:absolute; left:0; display:inline-block; width:40px;}
.contents_us.advert{padding-bottom:0; margin-bottom:0; }
.contents_us.advert .content .item{width:900px; margin-top:70px;}
.contents_us.advert .tbl_items{width:900px; margin:55px 0;}
.contents_us.advert .item .tit_name{font-family:'Noto Sans KR'; font-weight:700;}
.contents_us.advert .title_area{position:relative; border-bottom:none;}
.contents_us.advert .title_area .btn_right{position:absolute; top:0; right:0;}
.contents_us.advert .tbl_items .tit{text-align:left; margin-bottom:15px; font-family:'Noto Sans KR'; font-size:20px; font-weight:700; letter-spacing:0.5px;}
.contents_us.advert .content .item .img_area{text-align:center; margin-top:50px;}
.formats{text-align: center;}
.formats:after {content:""; display:block; clear:both;} 
.formats .left{float:left;}
.formats .right{float:right;}
.formats .tit{margin-bottom:30px; font-size:18px; letter-spacing:0.45px; font-family:'Noto Sans KR'; font-weight:500;}

/* Audience Snapshot */
.snapshot{text-align:center;}
.snapshot ul:after {content:""; display:block; clear:both;} 
.snapshot ul li{float:left; width:25%;}
.snapshot .box{width:200px; margin-right:30px;}
.snapshot ul li:last-child.box{margin-right:0;}
.snapshot .thum{margin-bottom:15px;}
.snapshot .desc .tit{color:#0e4681;}
.snapshot .desc .cont{margin-top:10px; word-break:keep-all; line-height:22px;}

/* braded_contents */
.braded_contents{text-align:center; /*padding-bottom:50px; border-bottom:1px solid #000;*/}
.braded_contents ul:after {content:""; display:block; clear:both;}  
.braded_contents ul li{float:left; width:calc((100% - 80px) / 3);}
.braded_contents ul li:nth-child(2n){margin:0 39px;}
.braded_contents .tit_desc{margin-bottom:50px; text-align:left; letter-spacing:0.75px; line-height:40px; font-family: 'Noto Serif KR', serif; font-size:30px; font-weight:400;}
.braded_contents .tit_desc .bold{font-weight:900;}
.braded_contents .line{margin-top:35px;}
.braded_contents .thum{width:368px; height:220px; background:#c7c1b9;}
.braded_contents .newsBox {margin-top:15px; text-align:center;}
.braded_contents .desc {margin-top:10px; line-height:22px;}
.braded_contents .tit, .braded_contents .desc {overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.braded_contents .desc{height:45px; word-break:keep-all; white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; overflow:hidden; -webkit-box-orient: vertical;}/* 210104 퍼블추가 : 두줄처리 */
.braded_contents .items{font-family: 'Noto Serif KR';}
.braded_contents .items .line:after {content:""; display:block; clear:both;} 
.braded_contents .items .line .item_tit{text-align:left; float:left; width:240px; font-size:20px; font-weight:900;}
.braded_contents .items .line .item_desc{text-align:left; float:right; width:940px; margin-top:0; font-size:17px; line-height:23px;} 
.braded_contents .items .line .item_desc.tac{width:100%; text-align: center; float:none; margin: 0 auto; font-size:20px; word-break:keep-all; line-height:33px;}

/* more_list */
.more_list{padding-top:30px;}
.more_list .cercle{display:block; margin:15px auto; text-align: center; width:20px; height:20px; border-radius:50%; background:#ccc;}


/* pop */
.pop-dimmed{display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.8); z-index:1112;}
.popup{display:none; position:fixed; left:50%; top:50%; background:#fff; z-index:1113; text-align:center; transform: translate(-50%, -50%);}
.popup .pop-close{position:absolute; top:-26px; right:0; width:65px; padding-right:25px; color:#fff; font-size:14px; font-weight:400; background:url(../images/common/pop_close.png)no-repeat center right; box-sizing:border-box;}
.popup .head{text-align:left; height:60px; background:#0e4681; color:#fff;}
.popup .head .pop-tit{padding:0 30px; line-height:54px; font-family: 'Noto Serif KR', serif; font-size:20px; font-weight:900;}
.popup .body{background:#fff; letter-spacing:0.5px;}
.popup.subs{width:600px;}
.popup.subs .body{padding:38px 30px 60px;}
.popup.subs .body .tit{padding-bottom:25px; font-size:14px; font-weight:400; color:#0e4681; line-height:21px; border-bottom:1px solid #c7c1b9}
.popup.subs .info_area{margin-bottom:20px;}
.popup.subs .info_area .info{display:inline-block; position:relative; margin-top:29px; font-size:16px; font-weight:400;}
.popup.subs .info_area .info span{font-weight:700; margin-right:10px;}
.popup.subs .info_area .info::after{content:''; position:absolute; top:2px; right:-15px; background:#828282; width:2px; height:15px;}
.popup.subs .info_area .info:last-child{margin-left:30px;}
.popup.subs .info_area .info:last-child::after{display:none;}
.popup.subs .ment{margin-bottom:35px; font-size:14px; font-weight:400; color:#666; line-height:22px;}
.popup.id .ment{font-size:16px; word-break:keep-all; line-height:25px; margin-bottom:0;}
.tbl.pop thead tr th, .tbl.pop tbody tr td{height:50px!important; padding:0; line-height:18px; box-sizing:border-box;}

/* pop_layer */
.pop_layer {position:fixed; top:217px; left:0; right:0; bottom:0; z-index:999; width:100%; overflow-y: scroll; overflow-x:hidden; display: block;}
.pop_layer .pop-dimmed{display:block; background: transparent;}
.pop_layer .popup.login{display:block; width:100%; position:absolute; top:30%; bottom:0; transform:translate(-50%, 0%);  background: url(../images/common/gra_bg1.png);} 
.pop_layer .popup.login html{overflow-y: hidden;}
.pop_layer .popup.login .body{padding:190px 0 60px; background: url(../images/common/gra_bg1.png);}
.pop_layer .popup.login .account_area{width:400px; padding:0; margin:0 auto 0; background:transparent;}
.pop_layer .popup.login .tit{font-family:'Noto Sans KR'; font-size:17px; font-weight:500; line-height:28px; margin-bottom:30px; word-break:keep-all;}
.pop_layer .popup.login .account_info{margin-top:25px;}
.pop_layer .popup.login .account_area .insert_area label.insert{margin:0 auto 10px auto; width:100%; height: 50px;}
.pop_layer .popup.login .account_area .insert_area input{font-size:14px; padding: 10px 20px;}
.pop_layer .popup.login .account_area .insert_area .select_box select{width:100%; height:50px; padding:0 20px; font-size:14px; line-height:37px; background: #fff url(../images/common/select.png)no-repeat center right 20px;}
.pop_layer .popup.login .account_btn_area .btn_login, .pop_layer .popup.login .account_btn_area .btn_cancel{width:100%; font-family:'Noto Sans KR'; font-size:15px; font-weight:500; height: 50px;}
.pop_layer .popup.login .account_btn_area .btn_cancel{margin-top:5px;}
.pop_layer .popup.login .account_checkbox{display:block; text-align:left;}
.pop_layer .popup.login .account_checkbox input[type="checkbox"] + label{font-size:13px;}
.pop_layer .popup.login .account_info .forgot{font-size:14px;}
.pop_layer .popup.login .account_info .not{font-size:14px; margin-top:30px;}
.pop_layer .popup.login .account_area .sign_sns{padding-top:25px;}
.pop_layer .popup.login .account_area .sign_sns .tit{margin-bottom:25px;}
.pop_layer .popup.login .account_area .sign_sns  a{float:left; width:calc((100% - 10px) / 2); font-size:14px; height:50px; line-height:48px;} 
.pop_layer .popup.login .account_area .sign_sns .tw{padding-left:40px; margin-right:10px; background: #44c8f5 url(../images/common/sns_tw.png)no-repeat center left 12px / 20px;}
.pop_layer .popup.login .account_area .sign_sns .fb{padding-left:30px; background: #00549e url(../images/common/sns_fb.png)no-repeat center left 10px / 8px;}
.pop_layer .popup.login .account_area .sign_sns:after {content:""; display:block; clear:both;} 
.pop_layer .popup.login .account_area .cont{text-align:center; word-break:keep-all;}
.pop_layer .popup.login .account_area .cont::before{content:'-'; position:absolute; left:0;}
.account_btn_area.type02 .btn_login{margin-right:5px;}
.account_info.register{margin-top:40px;}
.account_info.register .forgot{font-size:14px;}

/* KHC_View.html - fixed header */
.View #header.fixed .nav{position:static;}
.View .view_header.fixed{display:block; transition: all 0.3s;}
.View .view_header{display:none; height:70px; width:100%; position:fixed; top:0; left:0; right:0; z-index: 111; transition: all 0.3s; box-sizing: border-box; border-bottom:1px solid #ccc; transition: all 0.3s;  box-shadow: 0px 9px 10px -1px rgb(0 0 0 / 5%); background:#ede9e6;}
.View .view_header .inner{position:relative; height:100%;}
.View .view_header .btn_side_open{position:absolute; top:50%; left:0; transform:translate(0%, -50%);     background: url(../images/common/btn_side_menu_s.png) no-repeat 0 0; width: 24px; height: 22px;}
.View .view_header .tit_box:after {content:""; display:block; clear:both;} 
.View .view_header .tit_box{text-align:center;display: inline-block; position: absolute;  top:50%; transform: translate(0%, -50%); left:50px; font-family: 'Noto Serif KR', serif; }
.View .view_header .tit_box .tit{width:800px; text-align:left; overflow: hidden; display:-webkit-box; text-overflow: ellipsis; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size:20px; font-weight: 900; line-height: 32px; color: #141414;}
.View .view_header .view_btn_box {position: absolute; top:50%; right:0; transform:translate(0%, -50%); margin-top:0;}
.View .view_header .tit_box .keyword{display:inline-block; text-align:left; float:left; color: #0e4681; font-weight:700; width:100px; height:18px; margin-bottom:0; line-height:16px; float:left; margin-right:15px; margin-top:7px; vertical-align:text-top; font-size:14px;  overflow: hidden; display: -webkit-box; text-overflow: ellipsis; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}


/* membership */
.account_area.mem{padding:58px 0;}
.membership{width:800px; margin:0 auto; text-align:center;}
.membership ul li{float:left;  margin-right: 10px;}
.membership ul li:last-child{margin-right:0;}
.membership .item{width:260px; padding:27px 20px 0; border:1px solid #ccc; background:#fff; box-sizing: border-box;}
.membership .item .mem_name{margin-bottom:10px; font-family: 'Noto Serif KR', serif; font-size:20px; font-weight:900;}
.membership .item .mem_cont{height:170px; }
.membership .item .mem_cont .cont{position:relative; text-align:left; padding-left:12px; line-height:20px; word-break:keep-all; font-size:14px; font-weight:400;}
.membership .item .mem_cont .cont::before{position: absolute; left:0; content:'·';}
.membership .item .desc{height:72px; margin-top:10px; font-size:14px; font-weight:400; color:#666; line-height:19px;}
.membership .item .desc span{display:inline-block; padding-top:5px; font-size:18px; font-weight:500; color:#000;}

/* error */ 
.error{text-align:center;}  
.error .head{padding-top:20px;}
.error .head .logo img{width:480px;}
.error .head .error_img{margin-top:40px;}
.error .body{margin-top:35px;}
.error .body .tit{font-family: 'Noto Serif KR', serif; font-size:24px; font-weight:900; line-height:34px;}
.error .body .tit.blue{color:#0e4681;}
.error .body .cont{margin-top:27px; font-size:18px; font-weight:400; color:#333; line-height:28px;}
.error .btn_error{text-align:center; margin-top:55px;}

/* paging */
.paging{position:relative;z-index:1;margin:40px 0 60px;font-size:0;text-align:center;}
.paging.left_type{width:840px;}
.paging:before,.paging:after{content:'';display:table;}
.paging:after{clear:both;}
.paging .left,.paging .right{position:absolute;top:0;}
.paging .left{left:0;}
.paging .right{right:0;}
.paging strong,.paging a{display:inline-block;position:relative;vertical-align:middle;width:30px;height:30px;font-size:16px;line-height:30px;}
.paging a{color:#999;font-weight:400;}
.paging strong{color:#0e4681;}
.paging .first,.paging .prev,.paging .next,.paging .last{overflow:hidden;position:relative;width:30px;height:40px;margin:0;color:transparent;text-indent:100%;white-space:nowrap;}
.paging .first:before,.paging .prev:before,.paging .next:before,.paging .last:before{content:'';position:absolute;top:50%;left:50%;width:13px;height:13px;margin:-6px 0 0 -6px;}
.paging .first:before,.paging .prev:before,.paging .next:before,.paging .last:before{background:#000;}
.paging .first:before{width:16px;background:url('../images/common/btn_p_first.png') no-repeat 50% 50%;}
.paging .prev:before{background:url('../images/common/btn_p_prev.png') no-repeat 50% 50%;}
.paging .next:before{background:url('../images/common/btn_p_next.png') no-repeat 50% 50%;}
.paging .last:before{width:16px;background:url('../images/common/btn_p_end.png') no-repeat 50% 50%;}

/* drag */
.drag_tools{display:none;list-style:none;box-shadow:0px 0px 4px rgba(0,0,0,.5);border:solid 1px #000;position:absolute;bottom:0;background:#fff;width:225px;height:70px;padding:9px 0;}
.drag_tools li{position:relative;display:inline-block;width:70px;cursor:pointer;}
/*.drag_tools::after{content:""; display:block; position:absolute; top:-7px; left:50%;transform:translate(-50%, 0%);  width:12px; height:7px; margin-left:0; background:url(../images/common/bg_lang.png) no-repeat 0 0;}*/
.drag_tools::after{content:"";display:block; position:absolute;top:-7px;left:10%;transform:translate(-50%, 0%);width:12px;height:7px;margin-left:0;background:url(../images/common/bg_lang.png) no-repeat 0 0;}

/* iframe page */
.B_contents #header{border-bottom:1px solid #000;}
.B_contents #header .inner{width:100%;}
.B_contents #header.fixed{position:fixed; width:100%;}
.B_contents #header .top_head{padding-top:0;}
.B_contents #header .logo{width:520px;}
.B_contents #header .logo > a{height:95px; width:520px;}
.B_contents .btn_side_open{top:35px; left:20px;}
.B_contents footer{padding:20px 0; margin-top:0;}
.B_contents .tooltip_box{position: absolute; top:35px; right:20px;}
.contents_us.conditions .item .tit_name{font-family: 'Noto Sans KR'; font-weight:500;}
.prepare .no_results{text-align: left;}
.prepare .type_search .side_area{margin-top:0;}
.prepare .link{display:block; text-align:center; color:#0e4681; text-decoration:underline;} 

/* banner_box */
.banner_box{text-align:center; width:100%; height:100%;}
.banner_box .box{display:block; margin:0 auto;}
.banner_box .size_L{max-width:970px; max-height:250px;}
.banner_box .size_S{max-width:728px;  max-height:90px;}


/* print */
.print {background-color: transparent; pointer-events:none;}
.print #wrap{width:100%; background-color:#ede9e6;}
.print #content, .print #wrap .inner{width:100%;}
.print .view_stories{padding:0 20px;}
.print .company_data{width:900px; left:15px;}
.print .company_data .logo_img{width: 220px;}
.print .company_data .data{padding-left:240px; width:600px; padding-top:0;}
.print .company_data .data .ment{font-size:15px;}
.print .company_tit{background: url(../images/temp/@temp23.jpg) no-repeat 50% 50%;}
.print .contents .item_Accordion .list .desc{display:block;}
.print #container{padding-top:0;}
.print #container .print_top{padding:13px 20px; height:50px; box-sizing:border-box;}
.print #container .print_top:after {content:""; display:block; clear:both;}
.print #container .print_top .logo{float:left; }
.print #container .print_top .logo img{width:200px; height:auto;}
.print #container .print_top .date{float:right; font-size:20px; font-weight:400;}
.print .contents .item_Accordion .list h5.open{background:none; color:#141414;}

@media (max-width:1080px) {
    .B_contents #header .inner{width:100%;}
    .B_contents #header .logo{width: 400px;}
    .B_contents #header .logo > a{width:400px;}
}

.newsBox .type02 img.thum {margin-right: 30px;}

/*.lp-lock {display: flex;}
.lp-lock-img {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid #0e8166; background-color: white; border-radius: 30px;  box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.16); position: absolute; z-index: 10; overflow: hidden;}
.lp-lock-img .lock {width: 100%; position: relative; left: 9px; transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.lp-lock-img .key {width: 100%; position: relative; right: 6px; transform: translateY(30px);}
.lp-lock-txt {width: auto; height: 34px; line-height: 34px; font-size: 12px; border-bottom-right-radius: 28px; border-top-right-radius: 28px; background-color: #0e8166; margin-left: 15px; color: white; padding: 0 13px 0 23px;}
.lp-lock:hover {cursor: pointer;}
.lp-lock:hover .lp-lock-img .lock {transform: translateY(-30px);}
.lp-lock:hover .lp-lock-img .key {transform: translateY(1px); transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);}*/

.lp-lock {display: flex; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding-left: 6px; transform: translateY(-2px);}
.lp-lock-img {width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border: 1px solid #0e8166; background-color: white; border-radius: 30px;  box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.16); position: absolute; z-index: 10; overflow: hidden;}
.lp-lock-img .lock {width: 100%; position: relative; left: 5px; transform: translateY(-1px)}
.lp-lock-img .key {width: 100%; position: relative; left: 5px; display: none; transform: translateY(-1px)}
.lp-lock-txt {width: auto; height: 20px; line-height: 19px; font-size: 9px; border-bottom-right-radius: 16px; border-top-right-radius: 16px; background-color: #0e8166; margin-left: 8px; color: white; padding: 0 11px 0 16px;}
.lp-lock:hover {cursor: pointer;}
.lp-lock:hover .lp-lock-img .lock {display: none;}
.lp-lock:hover .lp-lock-img .key {display: block;}

.p-lock {display: flex; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding-left: 6px; transform: translateY(-2px);}
.p-lock-img {width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border: 1px solid #A13A2A; background-color: white; border-radius: 30px;  box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.16); position: absolute; z-index: 10; overflow: hidden;}
.p-lock-img .lock {width: 100%; position: relative; left: 5px; transform: translateY(-1px)}
.p-lock-img .key {width: 100%; position: relative; left: 5px; display: none; transform: translateY(-1px)}
.p-lock-txt {width: auto; height: 20px; line-height: 19px; font-size: 9px; border-bottom-right-radius: 16px; border-top-right-radius: 16px; background-color: #A13A2A; margin-left: 8px; color: white; padding: 0 11px 0 16px;}
.p-lock:hover {cursor: pointer;}
.p-lock:hover .p-lock-img .lock {display: none;}
.p-lock:hover .p-lock-img .key {display: block;}

.b-container {width: 100%; position: relative;}
.b-container .img img {width: 100%;}
.b-container .txt {position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); text-align: center;}
.b-container .txt h2 {font-family: 'Noto Serif KR', serif; font-size: 18px; font-weight: 900; margin-bottom: 0; color: white; text-shadow: 1px 1px 2px black;}
.b-container .txt h3 {font-family: 'Noto Serif KR', serif; font-size: 45px; font-weight: 900; line-height: 60px; color: white; padding: 11px 0 18px; text-shadow: 2px 2px black; letter-spacing: -.1px;}
.b-container .txt h4 {font-family: 'Noto Sans KR', Sans-serif, Dotum, Arial; font-size: 20px; font-weight: 600; line-height: 26px; color: white; text-shadow: 1px 1px 2px black;}
.img-1076 {width: 1076px; position: relative; left: -130px;}
.img-1076 img {max-width: 1076px;}

@media only screen and (max-width: 1028px) {
	.img-1076 {width: 100%; position: initial; left: 0;}  
	.img-1076 img {max-width: 700px;}  
}

/* wsj */
.wsj-card {width: 100%; max-width: 144px; margin-top: 14px; float: right; transform: translateY(3px);}
.wsj-card img {width: 100%;}
.wsj-banner {border-top: 1px solid #c7c1b9; border-bottom: 1px solid #c7c1b9; padding: 15px 10px; margin-top: 15px; text-align: center;}
.wsj-banner a {outline: none;}
.wsj-banner p {font-size: 15px; font-weight: 400; padding-bottom: 9px; letter-spacing: -.6px;}
.wsj-name {color: #000; font-style: italic; font-weight: 800; letter-spacing: -.2px; padding-right: 10px; font-family: 'Noto Serif KR', serif;}
.wsj-header {border-bottom: 1px solid #c7c1b9; padding: 21px 10px 12px; text-align: center;}
.wsj-header span {vertical-align: super; font-size: 13px; padding-right: 8px;}
.wsj-header a {outline: none;}
.wsj-footer {background-color: #E5E2E0; padding: 18px 18px; width: 700px; margin: 0 auto; margin-top: 30px;}
.wsj-footer p {font-size: 15px; text-align: left; font-style: italic; color: #0E4681; transition: .3s ease-in; letter-spacing: 0.1px;}
.wsj-footer p span {font-style: normal;}
.wsj-footer p:hover {color: #0065a3; transition: .3s ease-in;}


.d-inline{display:inline !important;}
.d-flex{display:flex !important;}
.d-flex-column{display: flex;flex-direction: column;}

.mg-t-20{margin-top:20px;} /*2021-06-27*/


/*jerry-회원가입 고도화*/
.email-ask {display:  flex; justify-content: space-between;}
.email-ask .insert{width: 70%!important;}
.email-ask .send-btn {width: 30%; background-color: #0E4681; color: white; height: 56px; align-items: center; display: flex; justify-content: center; font-size: 15px; letter-spacing: -.15px; cursor: pointer;}
.email-ask .send-btn.disable {background-color: #999;cursor: default;}

.email-verify {position: relative; display: none; margin-bottom: 15px;}
.email-verify .email-confirm {background-color: #EFEFEF; border: 1px solid #d8d8d8; padding: 10px 0;}
.email-verify .email-confirm .email-input {padding: 10px;}
.email-verify .YorN img {position: absolute; top: 8px; right: 10px; width: 100%; max-width: 26px;}
.email-verify .YorN .e-verifyfailed {opacity: 1;display: none;}
.email-verify .YorN .e-verifycomp {opacity: 1;display: none;}

.subs-nl-opt {font-family: 'Noto Serif KR', serif; font-size: 22px; text-align: left; font-weight: 900; letter-spacing: -0.3px;}
.subs-nl-opt-ment {font-size: 15px; color: #312C2C; font-weight: 400; margin-top: 9px; line-height: 22px;}

.account_checkbox.type02 input[type="checkbox"] + label p {font-size: 15px; font-weight: 400; margin-top: -3px;}

.j-nl-type .nl-ki {width: 100%; max-width: 202px; margin-top: 11px;}
.j-nl-type .nl-seriesx {width: 100%; max-width: 137px}
.j-nl-type .nl-dailybrief {width: 100%; max-width: 380px}

.j-member-join {padding: 40px 0;margin-top: 40px;}
.j-member-join .join button {width: 100%; height: 50px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; color: white; background-color: #0e4681;}
.j-member-join .or {margin: 30px 0;}
.j-member-join .sns-join {display: flex; justify-content: space-between;}
.j-member-join .sns-join a {display: inline-block; text-align: left; width: 48%; line-height: 49px; box-sizing: border-box; color: #fff; font-weight: 500; font-size: 16px; height: 50px; text-align: center;}

.d-flex {display: flex;}
.justify-content-space-between {justify-content: space-between;}
.w-49-per {width: 49%!important;}
.position-relative {position: relative;}
.position-relative .YorN-2 img {position: absolute; right: 22px; top: 14px; width: 100%; max-width: 27px; opacity: 1;display: none;}
p[data-error="password"].error_ment, p[data-error="confirmPassword"].error_ment, p[data-error="email"].error_ment, p[data-error="assetClass"].error_ment {padding-top: 7px; color: #333; font-size: 13px;}
p[data-error="assetClass"].error_ment {color: red;}
.comp-member {text-align: center; background-color: #0E4681; color: white; padding: 17px 20px; margin: 50px 0 0px 0; font-family: 'Noto Serif KR', serif; font-size: 21px; font-weight: 700; cursor: pointer; transition: 0.3s ease;}
.comp-member:hover {background-color: #003353;}
.comp-member-p {margin: 10px 0 30px 0;}
.comp-member-cont {display: none; text-align: center; font-size: 18px; margin-bottom: 20px; font-weight: 400; letter-spacing: -0.2px;}
.comp-member-cont span {color: #0E4681; font-weight: 700;}
/*//jerry-회원가입 고도화*/
/*퓨처유니콘, 히든챔피언 날짜 표기*/
.unicorns_published_data {position: absolute; color: white; bottom: 30px; right: 30px; text-align: right; line-height: 19px; font-size: 12px; opacity: 0.8;}


/*ask 2021 기사*/
.ask-flex {display: flex; flex-wrap: wrap; margin-top: 30px}
.ask-flex-photo {width: 20%; text-align: center}
.ask-flex-photo img {width: 100%; max-width: 169px}
.ask-flex-txt {width: 77%; padding-left: 3%;}

.ask-down {background-color: #E5E2E0; padding: 14px 18px; width: 100%; margin: 0 auto;}
.ask-down a {color: inherit; text-decoration: none!important; font-size: 15px; text-align: left; font-style: italic; color: #0E4681; letter-spacing: 0.1px; margin-bottom: 0!important;}
@media screen and (max-width: 500px)  {
.ask-flex {display: inline-block; margin-top: 20px}
.ask-flex-photo {width: 38%; float: left; margin-right: 20px;}
.ask-flex-txt {width: 100%; padding-left: 0%;}
}

/*메인화면 상단 브랜디드 콘텐츠 홍보*/
.j-slide-jumbo-cont {width: 204px; position: absolute; top: 54.5%; transition: all 0.3s; margin-left: 3.8%; left: 0;}
.j-slide-jumbo-cont:hover {cursor: pointer;}

.j-slide-jumbo-cont .main-txt-cont {text-align: center; margin-top: 10px; transition: all 0.3s;}
.j-slide-jumbo-cont .main-txt-cont:hover .branded-link {color: #0e4681} 
.j-slide-jumbo-cont .main-txt-cont p:first-child {font-family: 'Noto Serif KR', serif; font-size: 18px; font-weight: 800; color: #000; margin-bottom: 5px;}
.j-slide-jumbo-cont .main-txt-cont p:last-child {font-family: 'Noto Sans KR', Dotum, Arial, Sans-serif; font-size: 14px; font-weight: 400; color: #333}

.j-slide-left-banner {display: flex; justify-content: left; margin: 0;  transition: all 0.3s;}

/*inside*/
.j-slide-left-banner .j-slide-left-banner-cont {box-shadow: -1px 2px 2px 0 rgba(0, 0, 0, 0.18); margin: 0 0 3px 3px; width: 100%; max-width: 200px; background-color: #e7e7e7; border-radius: 5px; transition: all 0.3s;    padding-right: 0px;}
.j-slide-left-banner .j-slide-left-banner-cont .inside-header {display: flex; align-items: baseline;  padding-left: 8px}
.j-slide-left-banner .j-slide-left-banner-cont .inside-header div {border: 1.2px solid #0e4681; border-radius: 50px; width: 22px; height: 22px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.j-slide-left-banner .j-slide-left-banner-cont .inside-header div img {width: auto; height: 12px; margin: 0 auto; object-fit: cover;}
.j-slide-left-banner .j-slide-left-banner-cont .inside-header p {color: #0e4681; font-weight: 700; font-size: 16px; padding: 5px 0 5px 5px; margin: 10px 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%;}
.j-slide-left-banner .j-slide-left-banner-cont .inside-txt {color: #403f41; font-size: 12.5px; line-height: 1.5; padding: 0 8px 12px 8px; margin-top: 10px;}
.j-slide-left-banner .j-slide-left-banner-cont .main-img {height: 150px; overflow: hidden;}
.j-slide-left-banner .j-slide-left-banner-cont .main-img img {height: 100%; width: 100%; object-fit: cover;}

/*outside*/
.j-slide-left-banner .j-slide-left-banner-thumb {display: none;}
/*hover effect*/
.j-slide-jumbo-cont:hover .j-slide-left-banner-thumb {opacity: 0;}
.j-slide-jumbo-cont:hover .j-slide-left-banner-cont {border-right: 0; box-shadow: -3px 3px 2px 0 rgba(0, 0, 0, 0.18); margin: 0 0 3px 3px;}
@media (min-width: 1481px) and (max-width: 1770px) {
    .j-slide-jumbo-cont {margin-left: 1.8%;}
}
@media screen and (max-width: 1919px) {
    .j-slide-jumbo-cont {width: 300px; position: absolute; transform: translatex(-63.8%); top: 61%; transition: all 0.3s;  margin-left: 0;}
    .j-slide-jumbo-cont:hover {transform: translatex(2%); cursor: pointer;}
    .j-slide-jumbo-cont .main-txt-cont {display: none;}

    .j-slide-left-banner {display: flex; justify-content: left; margin: 0;  transition: all 0.3s;}
    .j-slide-jumbo-cont  .w-100 {width: 100%;}
    /*inside*/
    .j-slide-left-banner .j-slide-left-banner-cont {box-shadow: 0; margin: 0; width: 100%; max-width: 190px; background-color: #e3e3e3; border-top-left-radius: 5px; border-bottom-left-radius: 5px;border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-right: 3px solid #2D4372; transition: all 0.3s;   padding-right: 3px;}
    .j-slide-left-banner .j-slide-left-banner-cont .inside-header {display: flex; align-items: baseline;  padding-left: 8px}
    .j-slide-left-banner .j-slide-left-banner-cont .inside-header div {border: 1.2px solid #0e4681; border-radius: 50px; width: 22px; height: 22px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
    .j-slide-left-banner .j-slide-left-banner-cont .inside-header div img {width: auto; height: 12px; margin: 0 auto; object-fit: cover;}
    .j-slide-left-banner .j-slide-left-banner-cont .inside-header p {color: #0e4681; font-weight: 700; font-size: 16px; padding: 3px 0 3px 5px; margin: 10px 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%;}
    .j-slide-left-banner .j-slide-left-banner-cont .inside-txt {color: #403f41; font-size: 12px; line-height: 1.4; padding: 0 5px 12px 8px; margin-top: 10px;}
    /*outside*/
    .j-slide-left-banner .j-slide-left-banner-thumb {display: block; width: 100%; max-width: 51px; border: 1px solid #0e4681; border-radius: 5px; height: 51px; margin: 0 auto; overflow: hidden; margin-left: 7px; transition: all 0.3s;}
    .j-slide-left-banner .j-slide-left-banner-thumb img {width: 100%; height: 100%; object-fit:cover;}
    /*hover effect*/
    .j-slide-jumbo-cont:hover .j-slide-left-banner-thumb {opacity: 0;}
    .j-slide-jumbo-cont:hover .j-slide-left-banner-cont {border-right: 0; box-shadow: -3px 3px 2px 0 rgba(0, 0, 0, 0.18); margin: 0 0 3px 3px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; padding-right: 0px;}
}
.opacity-0 {opacity: 0;}
.opacity-1 {opacity: 1;}


.inner #gnb li  a[href$="/investorsMain"]:before {
    content:'';
    background-image: url('https://www.kedglobal.com/data/ked/img/icon/compass.svg');
      display:inline-flex;
      vertical-align:text-top;
      width: 24.33px;
      height: 22.69px;
}

a.title h2 {font-weight: 900;}

/*Korean Investors 추가 개인연락처 추가*/
.ki-profile-sns-cont .ki-profile-sns {display: flex; flex-wrap: wrap; justify-content: left; margin-top: 15px; border-top: 1px dotted #777; color: #333; font-weight: 400;}
.ki-profile-sns-cont .ki-profile-sns {padding-top: 10px;}
.ki-profile-sns-cont .ki-profile-sns div {margin-top: 5px; padding-right: 10px; align-items: center; display: flex; flex-wrap: wrap;}
.ki-profile-sns-cont .ki-profile-sns div a {padding-left: 5px}
.ki-profile-sns-cont .ki-profile-sns div:nth-child(1) a:hover {color: blue; transition: .3s; cursor: pointer;}
.ki-profile-sns-cont .ki-profile-sns div:nth-child(3) a {padding-left: 5px; outline: none;}
.ki-profile-sns-cont .ki-profile-sns div:nth-child(3) a:hover {color: blue; transition: .3s; cursor: pointer;}

.keyword:hover {cursor: pointer;}
/*main 및 list 특종별 키워드*/
/*Exclusive*/  
.exclusive:before {
    content: 'Exclusive | ';
    color: #bf3232;
    letter-spacing: 0.2px;
}     
/*Interview*/
.interview:before {
    content: 'Interview | ';
    color: #5E219B;
    letter-spacing: 0.2px;
}
/*Keynote*/
.keynote:before {
    content: 'Keynote | ';
    color: #2CB250;
    letter-spacing: 0.2px;
}
/*The deep dive*/
.thedeepdive:before {
    content: 'The deep dive | ';
    color: #BF9932;
    letter-spacing: 0.2px;
}

/*news list 특종별 키워드*/
.keyword:hover{color: #1b334c; transition: .3s ease}
.view_details .head.fixed .keyword:before {
    display: none;
}
/*Exclusive*/
.exclusive-view:before {
    content: 'Exclusive';
    color: white;
    background-color: #bf3232;
    border-radius: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0 9px;
    margin-right: 5px;
}

/*Interview*/
.interview-view:before {
    content: 'Interview';
    color: white;
    background-color: #5E219B;
    border-radius: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0 9px;
    margin-right: 5px;
}
/*Keynote*/
.keynote-view:before {
    content: 'Keynote';
    color: white;
    background-color: #2CB250;
    border-radius: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0 9px;
    margin-right: 5px;
}
/*The deep dive*/
.thedeepdive-view:before {
    content: 'The deep dive';
    color: white;
    background-color: #BF9932;
    border-radius: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0 9px;
    margin-right: 5px;
}

/*Jerry 검색결과 페이지 SEO*/
.search-div {display: flex;}
.search-div h1 {margin-bottom: 20px; font-family: 'Noto Serif KR', serif; font-size: 26px; font-weight: 900;}
.search-div h1:after {content: ' - ';}
/*//Jerry 검색결과 페이지 SEO*/



/*읽는데 걸리는 시간 css*/
.first-article-text {display: none;}
.article-text {display: none;}

.main.main_content .din.din3-121 .headline_news .read-time-cont {float: right; display: flex; align-items: center; margin-top: 13px; color: #666; font-size: 15px; font-family: 'Noto Sans KR', Dotum, Arial, Sans-serif; font-weight: 400;}
.read-time-cont {float: right; display: flex; align-items: center; margin-top: 13px; color: #666; font-size: 15px; font-family: 'Noto Sans KR', Dotum, Arial, Sans-serif; font-weight: 400;}
.read-time-cont svg {transform: translate(0px, 2px);}
.read-time-cont div {margin-top: 1px}
.view_details .head.fixed .read-time-cont {display: none;}
.read-time-cont .read-time, .read-time-cont .first-read-time {padding-left: 5px;}
.first-article-text {display: none;}
.article-text {display: none;}
.Home_box .box .update_time {padding-right: 10px}
.newsBox .tooltipLayer {display: none;}
.newsBox .tooltipLayer .tit_lang {margin-left: 16px; margin-top: -16px;}
.list_gallery.line02 .read-time-cont {float: right; margin-top: 13px; color: #a8adb4; }
.list_gallery.line02 .read-time-cont svg g path {stroke: #a8adb4!important ;}

.list_gallery.type02.line03 .update_time {padding-right: 0px; letter-spacing: -.5px;}
.list_gallery.type02.line03 .read-time-cont {margin-top: 13px;}
.list_gallery.type02.line03 .read-time-cont .read-time {padding-left: 3px;}

/*상세검색 관련 CSS*/
#searchLayer-2 {
    padding: 20px 0 0; 
    color: #fff;
    text-align: center;
    position: relative;
    width: 840px;
}
#searchLayer-2 .searchbox {
    position: relative;
    width: 898px;
    height: 50px;
    margin-left: 140px;
    padding-right: 150px;
    background-color: #fff;
}
#searchLayer-2 .btn_close {
    position: absolute;
    top: 9px;
    right: 29px;
    width: 95px;
    color: #666;
}
#searchLayer-2 .searchbox input[type="text"] {
    width: 100%;
    height: 50px;
    border: 0 none;
    text-indent: 25px;
    font-weight: 400;
}
#searchLayer-2 .searchbox .btn_search {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 50px;
    background: url(http://kedtest.kode.co.kr/images/common/btn_search_submit.png) no-repeat 0 0;
}
fieldset {
    border: none;
}
/*jerry search advanced*/

/*버튼 디자인*/
.search-btn-cover {
    display: flex; 
    justify-content: right
}
.search-advanced-col {
    background-color: #F1F0EF;
    color: #000000;
    padding: 12px 14px;
    border-radius: 25px;
    border: 1px solid #707070;
    text-align: center;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-advanced-col svg {margin-left: 7px;}

.search-advanced-col:focus, .sel-c-date button:focus {
    outline:none;
}
.sel-s-date {
    margin-left: 20px;
}

.sel-s-date button {
    border-radius: 0;
    border: 1px solid black;
    padding: 0 16px;
    height: 36px;
    margin-left: 10px;
    transition: .2s ease-out;
}

.sel-s-date button:hover {
    background-color: #ccc;
}

.sel-c-date {
    margin-left: 77px;
}

.sel-c-date button {
    padding: 0 16px;
    height: 36px;
    background-color: #0e4681;
    color: white;
    border: 1px solid black;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    border-radius: 35px;
    transition: .2s ease-out;
}

.sel-c-date button:hover {
    box-shadow: inset -1px -1px 3px #041a31;
}

.active, .search-advanced-col:hover {
    cursor: pointer;
}
.search-cont-open {
    transform: rotate(180deg);
}

/*검색시 표출 내용*/
.search-cont, .search-date {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color: black;
    display: flex;
    align-items: center;
    justify-content: left;
}
/*search 발전*/
.search-bar {
    display: flex;
    align-items: center;
    display: none;
    margin-top: 20px;
  }
  .detail-search {
    background-color: white;
    border: 1px solid #000000;
    display: flex;
    align-items: center;
    padding: 0 10px;
    width: 646px;
    max-height: 50px;
    height: 50px;
  }
  .search-bar > .scope-cont {
    padding-left: 0;
  }

  .search-bar .scope-cont input {
    display: block;
    background-color: inherit;
    border: 0 none;
    outline: none;
    line-height: initial;
  }

.search-cont p, .search-date p, .search-bar p {
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 600;
    margin-block-end: 0;
    margin-block-start: 0;
    color: black;
}

.search-date p {
    margin-right: 32px;
}

.search-date .sel-date {
    background-color: #F1F0EF;
    border: 1px solid #000000;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.search-date .sel-date:hover {
    cursor: pointer;
}

.search-date input {
    border: none;
    width: 100px;
    height: 32px;
    background-color: inherit;
}

.search-date .sel-date + p {
    margin: 0 10px;
}

/* 라디오 버튼 기본 값 가림 */
.scope-cont input {
    display: none;
}

/* 라디오 버튼 클릭 기본 값 가림 */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* 라디오 버튼 컨테이너 */
.scope-cont {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    margin: 6px 0px 6px 10px;
}
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 1px solid black;
    border-radius: 50%;
    transition: .1s ease-out;
}
/* 마우스 호버 색상 */
.scope-cont:hover input ~ .checkmark {
    background-color: #ccc;
}
/* 마우스 클릭 색상 */
.scope-cont input:checked ~ .checkmark {
background-color: #0e4681;
}

/* 라디오 버튼 클릭시 표시 */
.scope-cont input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.scope-cont .checkmark:after {
    font-size: 11px;
    color: white;
    content: '✔';
    position: absolute;
    top: 3px;
    left: 5px;
}


.khc_cont .hover_img:hover {transform: scale(1.06);}
.khc_cont li .item:hover {background-color: inherit}

.khc_cont {display: flex; flex-wrap: wrap;}
.khc_cont li {width: 33.3%; max-width: 260px;}
.khc_cont li:nth-child(3n+2) {margin: 0 30px;}
.khc_cont li .item {padding: 0; background-color: inherit; margin-bottom: 50px; border: black;}
.khc_cont li .item .img_cont {overflow: hidden; height: 204px;}
.khc_cont li .item .img_cont img {width: 100%; object-fit: cover; height: 204px; transition: all 0.2s linear;}
.khc_cont li .item .txt_cont {padding: 15px 10px 10px 0;}
.khc_cont li .item .txt_cont p:nth-child(1) {color: #0e4681; font-weight: 600; font-size: 14px; font-family: 'Noto Serif KR', serif;}
.khc_cont li .item .txt_cont p:nth-child(2) {font-size: 20px; font-weight: 800; line-height: 1.35; font-family: 'Noto Serif KR', serif; padding: 6px 0 9px;}
.khc_cont li .item .txt_cont p:nth-child(3) {line-height: 1.45; color: #545454; font-size: 15px; font-weight: 400; letter-spacing: 0.2px;}

/* CAPA List */ 
.capa {position:relative;margin-top: 60px;margin-bottom: 60px;}
.capa .boxing {position:absolute; left:36%; bottom:150px; transform: translate(-50%, 0%); color:#fff;}
.capa .thum, .capa .thum img {width:100%;height:370px;}
.capa .article {text-align:left;}
.capa .keyword{display:block; padding-bottom:10px; font-size:20px; font-weight:500; color:#ffffff; letter-spacing:0.8px; text-transform: uppercase;}
.capa .tit{margin-bottom:30px;}
.capa .subTit{line-height: 1.45;color: #545454;font-size: 15px;font-weight: 400;letter-spacing: 0.2px;}
.capa .tit>strong {font-family:'Poppins'; font-size:40px; font-weight:600;  letter-spacing:1.35px; display:inline-block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-all; word-break:break-word; white-space:normal;}
.capa .relation_list {width:660px; margin:0 auto;}
.capa .relation_list>li{position:relative; opacity:100; border-bottom:1px solid #fff;}
.capa .relation_list>li:hover{opacity:100;}
.capa .relation_list>li>a:after {content:""; display:block; clear:both;}
.capa .relation_list>li>a {position:relative; display:block; padding:15px 0 7px 20px;}
.capa .relation_list>li>a:before{position:absolute; left:0; content:''; width:8px; height:11px; background:url('../images/common/bar_w.png')no-repeat;}
.capa .relation_list>li>a>.cont{float:left; width:460px; color:#fff; line-height:25px; font-family:'Noto Serif KR', serif; font-size:18px; font-weight:900; overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
.capa .relation_list>li>a>.date{display: inline-block; float:right; line-height:25px; color:#fff; font-family: 'Noto Sans KR', Dotum, Arial, Sans-serif; font-weight: 400;}
.capa .keyword_2 {display: block;padding-bottom: 10px;font-size: 16px;font-weight: 400;color: #ffffff;letter-spacing: 1.0px;line-height: 140%;}
.capa .boxing_1 {position: absolute;left: 34%;bottom: 100px;transform: translate(-50%, 0%);color: #fff;}
.capa .keyword_1 {display: block;padding-bottom: 10px;font-size: 20px;font-weight: 500;color: #ffffff;letter-spacing: 0.8px;line-height: 130%;}

/* CAPA View */ 
.capa {margin-top:0;}
.capa .newsBox .title {margin-bottom: 20px;font-family: 'Poppins';font-size: 30px;font-weight: 700;color: #000;}
.capa .CAPA_box {position: relative;height: 290px;background: #fbfbfa;box-sizing: border-box;margin-bottom: 60px;border-radius: 0px;}
.capa .CAPA_box .img_area {position: absolute;left: 0px;}
.capa .CAPA_box .box {padding: 70px 100px 60px 500px;font-family: 'Noto Serif KR';}
.capa .CAPA_box .box .tit {display: inline-block;padding-bottom: 20px;font-size: 30px;font-weight: 900;line-height: 31px;word-break: keep-all;margin-bottom:0;}
.capa .CAPA_box .box .keyword {display: inline-block;padding-bottom: 10px;padding-left: 10px;font-size: 16px;font-weight: 600;color: #0e4681;}
.capa .CAPA_box .box .desc {font-family: 'Noto Sans KR';font-weight: 400;font-size: 15px;color: #333;line-height: 20px;word-break: keep-all;border-radius: 20px;margin-top:0;}
.capa #cont table {border: 0;}
.capa #cont table td{border: 0;padding:20px;}
.capa #cont table tr {border-bottom:1px solid #cecece;}
.capa #cont table tr td:first-child{font-weight: bold;}
.capa #cont table tr:first-child{border-top:3px solid #0e4681;}
.capa #cont table tr:nth-child(odd) {background-color: #dadada;}
.capa #cont table tr:nth-child(odd) td:nth-child(2n) {color: #000000;}
.capa #cont hr {position: unset;visibility: visible;border-top: 2px solid #0e4681;}