@charset "utf-8";

html {
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.section_wrap {line-height:1em; vertical-align:top}
.section_wrap * {line-height:1em; vertical-align:top}
.section {display:inline-block; width:100%; position:relative}
.section_inner {position:relative; max-width:1046px; margin:0 auto}
h2.sec_title {font-size:24px; font-weight:700; letter-spacing:-0.03em; color:#000000; margin-bottom:19px}
h2.sec_title em {color:#0096FF}
.title_box {position:relative; }
.plus_text {position:absolute; right:0; top:6px; font-size:17px; font-weight:400; letter-spacing:-0.05em; color:#0096FF; padding-right:25px; }
.plus_text.no_padding {padding-right:0}
.plus_text.plus {padding-right:19px}
.refresh:after {content:""; position:absolute; right:0; top:0; width:18px; height:18px; background:url('/theme/company/img/new_main0318/refresh.png') no-repeat right center; background-size:cover }
.plus:after {content:""; position:absolute; right:0; top:2px; width:14px; height:14px; background:url('/theme/company/img/new_main0318/plus_icon.png') no-repeat right center; background-size:cover }

.plus_btn {width:100%; max-width:1046px; margin:0 auto; background:#fff; text-align:center;  border-radius:10px; margin-top:22px}
.plus_btn a {display:inline-block; width:100%; padding:29px 0;}
.plus_btn span {font-size:17px; letter-spacing:-0.03em }
.plus_btn span.left {font-weight:400}
.plus_btn span.right {font-weight:700; color:#171717}
.plus_btn span.right em {color:#0096FF}
#review_box .plus_btn span.left {color:#171717;}

/* visual */
#visual {height:172px; overflow:hidden}
#visual .bx-controls-direction {position:absolute; top:50%; left:50%; max-width:1046px; width:100%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top:-23px}
#visual .bx-controls-direction > a {position:absolute; display:inline-block; width:46px; height:46px; border-radius:23px;  font-size:0 }
#visual .bx-controls-direction > a.bx-prev {left:-56px; background:url('/theme/company/img/new_main0318/slide_left.png') no-repeat center center rgba(0,0,0,0.08); background-size:12px; }
#visual .bx-controls-direction > a.bx-next {right:-56px; background:url('/theme/company/img/new_main0318/slide_right.png') no-repeat center center rgba(0,0,0,0.08); background-size:12px;}
.visual_line {height:172px}
.visual_line .section_inner {height:100%; max-width:2560px}
.visual_line .section_inner a {display:inline-block; width:100%; height:100%}
.visual_line .section_inner a div {display:inline-block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover}
.visual_line .visual_line_in {display:inline-table; width:100%; height:100%; }
.visual_line .visual_line_in .visual_content {display:table-cell; vertical-align:middle; box-sizing:border-box; padding:0 18px; }
.visual_line .date_info span {display:inline-block; vertical-align:middle}
.visual_line .date_info span.category {padding:6px 16px 7px; background:rgba(0,0,0,0.5); color:#fff; font-size:16px; font-weight:400; letter-spacing:-0.03em; text-align:center; border-radius:14px} 
.visual_line .date_info span.date_day {font-size:19px; font-weight:400; letter-spacing:-0.03em; color:#fff; margin-top:-3px; margin-left:4px;}
.visual_line .visual_text {margin-top:7px}
.visual_line .visual_text span {display:inline-block; vertical-align:middle}
.visual_line .visual_text span.left {font-size:40px; font-weight:400; letter-spacing:-0.05em; color:#fff}
.visual_line .visual_text span.right {font-size:40px; font-weight:700; letter-spacing:-0.05em; color:#fff; margin-left:7px}
.visual_line .visual_f_text {margin-top:13px;}
.visual_line .visual_f_text span {font-size:22px; font-weight:400; color:#fff; letter-spacing:-0.03em }
.visual_line .visual_img {position:absolute; right:18px; top:0; width:172px; height:172px; background-size:cover; background-repeat:no-repeat; background-position:center center}


/* site_info */
#site_info {background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1); padding-bottom:9px; z-index:1;}
#site_info .info_line {display:inline-block; width:16.666%; box-sizing:border-box; border-right:1px solid #dfdfdf; padding-top:10px; margin-top:10px; padding-bottom:9px}
#site_info .info_line a {cursor:auto}
#site_info .info_line:first-child {border-left:1px solid #dfdfdf}
#site_info .info_line span {display:inline-block; width:100%; text-align:center}
#site_info .info_line span.number {font-size:24px; font-weight:400; color:#171717}
#site_info .info_line span.number.blue {color:#0096FF}
#site_info .info_line span.number em {font-size:17px; vertical-align:bottom}
#site_info .info_line span.title {font-size:14px; font-weight:400; letter-spacing:-0.05em; color:#BFBFBF; margin-top:12px}
#site_info .info_hide_box {display:inline-block; width:50.002%}
#site_info .info_hide_box .info_line {width:33.333%}
#site_info .info_hide_box .info_line:first-child {border-left:0}

/* invest_list */
#invest_box {background-color:#fff; padding:50px 0 0;}
#invest_box .invest_wrap {position:relative}
#invest_box .invest_p_img {display:inline-block; width:100%; height:50px; padding-bottom:41.3%; border-radius:15px; overflow:hidden; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative}
#invest_box .invest_p_img .shadow_box {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,0.7)}
#invest_box .invest_p_img .shadow_box span {font-size:17px; font-weight:700; color:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.16); position:absolute; left:50%; top:50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); letter-spacing:-0.05em }
#invest_box .title_info .title {display:inline-block; width:100%; font-size:17px; font-weight:400; letter-spacing:-0.03em; color:#171717; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; line-height:1.25em; margin-top:5px;}
#invest_box .invest_info {margin-top:8px}
#invest_box .invest_info ul li {display:inline-block; position:relative; margin:0 3px; padding:0 3px}
#invest_box .invest_info ul li:after {content:""; position:absolute; left:-4px; top:50%; margin-top:-8px; width:2px; height:16px; background:#3aadfd}
#invest_box .invest_info ul li:first-child:after {display:none; }
#invest_box .invest_info ul li:first-child {padding-left:0; margin-left:0}
#invest_box .invest_info ul li span {font-size:16px; font-weight:400; color:#0096FF}
#invest_box .owl-nav {position:absolute; top:50%; width:100%; margin-top:-28.5px;  }
#invest_box .owl-nav .owl-prev, #invest_box .owl-nav .owl-next {position:absolute; top:50%; margin-top:-25.5px;  display:inline-block; width:30px; height:57px; font-size:0  }
#invest_box .owl-nav .owl-prev {left:-57px; background:url('/theme/company/img/new_main0318/list_prev.png') no-repeat center center; background-size:cover}
#invest_box .owl-nav .owl-next {right:-57px; background:url('/theme/company/img/new_main0318/list_next.png') no-repeat center center; background-size:cover}
#invest_box .list_this {width:100%; display:inline-block; max-width:275px}
#invest_box .invest_btn {background-color:#F2F4F6;}
#invest_box .invest_btn .left {color:#171717; font-weight:300;}


/* review_box */
#review_box {background-color:#fff; padding:0 0 50px}
#review_box .review_wrap {font-size:0; }
#review_box .review_line {display:inline-block; width:15.8%; margin-left:1.04%}
#review_box .review_line:first-child {margin-left:0}
#review_box .review_line .review_img {display:inline-block; width:100%; height:50px; padding-bottom:69.65%; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:15px; overflow:hidden}
#review_box .review_line span{font-size:14px; font-weight:400; color:#000000; white-space: normal;line-height: 1.6em;height: 3.3em;word-wrap: break-word;word-break: keep-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; margin-top:4px}
#review_box .plus_btn {margin-top:15px; background-color:#F2F4F6; box-shadow:none;}

/* dstory */
#dstory {background-color:#fff; padding:0 0 50px}

#dstory .dstory_wrap {font-size:0}
#dstory .dstory_line {display:inline-block; width:15.8%; margin-left:1.04%}
#dstory .dstory_line:first-child {margin-left:0}
#dstory .dstory_line .dstory_img {display:inline-block; width:100%; height:50px; padding-bottom:69.65%; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:15px; overflow:hidden; margin-bottom:5px}
#dstory .dstory_line span {display:inline-block; width:100%;}
#dstory .dstory_line span.name {font-size:14px; font-weight:400; color:#000000; letter-spacing:-0.03em; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;  overflow: hidden; margin-top:5px;}
#dstory .dstory_line span.sub_name  {font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#BFBFBF; margin-top:7px; line-height:1.2em}

/* board_list */
#board_list {background-color:#fff; padding:0 0 50px}
#board_list .instar {display:inline-block; width:61.3%; vertical-align:top}
#board_list .board {display:inline-block; width:34.3%; margin-left:3.4%; vertical-align:top;}
#board_list .instar_box {}
#board_list .instar_box ul {font-size:0}
#board_list .instar_box ul li {display:inline-block; width:18.6%; margin-left:1.75%; margin-bottom:1.75%}
#board_list .instar_box ul li:nth-child(1), #board_list .instar_box ul li:nth-child(6), #board_list .instar_box ul li:nth-child(11) {margin-left:0}
#board_list .instar_box ul li a {display:inline-block; width:100%; height:50px; padding-bottom:58%; background-size:cover; background-repeat:no-repeat; background-position:center center}
.board_menu {}
.board_menu li {position:relative; display:inline-block; width:33.333%; text-align:center}
.board_menu li a {display:inline-block; width:100%; box-sizing:border-box; border-bottom:1px solid #dedede; padding-bottom:14px; font-size:17px; font-weight:400; letter-spacing:-0.03em}
.board_menu li.active a {color:#0096FF; }
.board_menu li.active:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#0096FF}
.content_view {margin-top:2px; display:none; width:100%}
.content_view ul li a {display:inline-block; width:100%; padding:15px 0; box-sizing:border-box; border-bottom:1px solid #dedede}
.content_view ul li a span {display:inline-block; width:100%; }
.content_view ul li a span.title {font-size:17px; font-weight:400; letter-spacing:-0.03em; color:#171717; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.content_view ul li a span.date {font-size:17px; font-weight:400; letter-spacing:-0.03em; color:#BFBFBF; margin-top:4px;}

.mobile_btn {display:none}

.mobile_visual {display:none; width:100%}


/* 로딩CSS start */
.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
position: fixed;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,0.2); /*not in ie */
z-index:999999999;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */
}
.wrap-loading div{ /*로딩 이미지*/position: fixed;top:50%;left:50%;width:100px;height:100px;margin-left: -50px;margin-top: -50px;}
.wrap-loading div img {width:100px}
.display-none{ /*감추기*/display:none;}
/* 로딩CSS end */

/* 2019-03-26 태왕 */
.section_inner2{position:relative; max-width:1046px; margin:0 auto}
.owl-stage{padding-left:0 !important;}

.bg_img > div{width:55px; /* height:55px; */ border-radius:30px; position:absolute; font-size:11px; text-align:center;/* line-height:55px; */ color:#fff; padding:22px 0;}
.invest_list_img1{top:5px; left:5px;}
.invest_list_img2{top:5px; right:5px;}
.invest_list_img3{top: 5px;left:65px;}
.invest_list_img4{top: 5px; right:65px;} 

.invst_img_color1{background:#000;}
.invst_img_color2{background: #0096ff;}
.invst_img_color3{background: #ff0000;}

.invest_list_img_color_1{background:#000; z-index:100;}
.invest_list_img_color_2{background: #0096ff; z-index:100;}
.invest_list_img_color_3{background: #ff0000; z-index:100;}

#invest_box .invest_p_img .shadow_box.pre{background:url(/theme/company/img/gradient5.png)center bottom no-repeat; background-size:cover;}
#invest_box div.invest_p_img .shadow_box.pre span{top:auto; bottom:10px; box-shadow:none; width:100%; padding-left:13px; box-sizing:border-box;}

/* 2019-04-23TW */
.help_bell{display:inline-block; width:83px; height:23px; border-radius:13px; background-color:#F4F4F4; position:relative; color:#000; padding-left:13px; font-size:15px; border:none; outline:none;}
.help_bell:before{content:''; width:14px; height:15px; background:url(/theme/company/img/help_bell_img.png)center center no-repeat; position:absolute; left:10px; top:3px;background-size:contain;}
.help_popup_wrap{display:none;}
.help_popup{width:414px; padding:17px 25.5px 15px 22.5px; position:absolute; border-radius:9px; z-index:99; background-color:#fff; box-sizing:border-box; top:0; left:90px; box-shadow:2px 2px 6px rgba(0, 0, 0, 0.29);}
.help_popup .help_popup_close{width:22px; height:22px; background:url(/theme/company/img/help_popup_close.png)center center no-repeat; background-size:cover; position:absolute; right:20px; top:20px; outline:none; border:none;}
.help_popup .help_popup_title{font-size:22px; letter-spacing:-.03em; color:#0096FF; margin-bottom:13px; font-weight:600;}
.help_popup .help_popup_p{font-size:16px; letter-spacing:-.03em; color:#000000; line-height:1.5em; font-weight:300;}
.help_popup .help_popup_p span{color:#FF0000; text-decoration:underline;}
.help_popup .help_popup_p a{color:#FF0000; text-decoration:underline; vertical-align:baseline;}

@media screen and (min-width:651px) {
	#site_info .info_hide_box {display:inline-block !important}
}



@media screen and (min-width:681px) {
	#invest_box .owl-carousel .owl-stage {height:235px; overflow:hidden}
	#invest_box .refresh_box.height_fixed {height:235px; overflow:hidden}
}

@media screen and (min-width:700px) {
	#invest_box .owl-carousel .owl-stage {height:255px; overflow:hidden}
	#invest_box .refresh_box.height_fixed {height:255px; overflow:hidden}
}

@media screen and (min-width:801px) {
	#invest_box .owl-carousel .owl-stage {height:214px; overflow:hidden}
	#invest_box .refresh_box.height_fixed {height:214px; overflow:hidden}
}

@media screen and (min-width:1050px) {
	#invest_box .owl-carousel .owl-stage {height:205px; overflow:hidden}
	#invest_box .refresh_box.height_fixed {height:205px; overflow:hidden}
}

@media screen and (max-width:680px) {
	#invest_box .owl-carousel .owl-stage {height:352px; overflow:hidden}
	#invest_box .refresh_box.height_fixed {height:352px; overflow:hidden}
}

@media screen and (max-width:600px) {
	#invest_box .owl-carousel .owl-stage {height:352px; overflow:hidden}
	#invest_box .refresh_box.height_fixed {height:352px; overflow:hidden}
}

@media screen and (max-width:550px) {
	#invest_box .owl-carousel .owl-stage {height:302px; overflow:hidden}
	#invest_box .refresh_box.height_fixed {height:302px; overflow:hidden}
}

@media screen and (max-width:500px) {
	#invest_box .owl-carousel .owl-stage {height:285px; overflow:hidden}
	#invest_box .refresh_box.height_fixed {height:285px; overflow:hidden}
}

@media screen and (max-width:450px) {
	#invest_box .owl-carousel .owl-stage {height:252px; overflow:hidden}
	#invest_box .refresh_box.height_fixed {height:252px; overflow:hidden}
}





@media screen and (max-width:1100px) {
	.visual_line .section_inner {max-width:100%}
	.section_inner {width:100%; }
	#site_info .section_inner {width:90%; }
	#invest_box .section_inner {box-sizing:border-box; padding-left:5%}
	#invest_box .title_box {width:95%}
	#invest_box .plus_btn {width:95%; margin-left:0}

	#review_box .title_box {width:95%}
	#review_box .section_inner {box-sizing:border-box; padding-left:5%}
	#review_box .plus_btn {width:95%; margin-left:0}
	
	#review_box .review_line {}

	.board .section_inner { width:90%}

	#dstory .title_box {width:95%}
	#dstory .section_inner {box-sizing:border-box; padding-left:5%}

	#board_list .section_inner {width:90%}

	/* 	.section_inner2{width:100%; padding-left:5%;} */
	.review_wrap_line{margin-left:5%;}
	.dstory_wrap_box{margin-left:5%;}
}

@media screen and (max-width:1045px) {

	#invest_box .list_this:first-child {padding-left:5%}
	#invest_box .invest_wrap.owl-carousel .owl-stage .list_this:first-child {padding-left:0}

	.pc_view {display:none !important}
	.mobile_view {display:inline-block !important}

	.invest_wrap.owl-carousel .owl-stage {margin-left:-25px}
	.bx-pager {position:absolute; bottom:0; left:0; width:100%; text-align:center}
	.bx-pager .bx-pager-item {display:inline-block; margin:0 4px }
	.bx-pager .bx-pager-item a {display:inline-block; width:6px; height:6px; border-radius:100%; font-size:0; background:rgba(255,255,255,0.4)}
	.bx-pager .bx-pager-item a.active {background:rgba(255,255,255,0.8) !important}
	.owl-nav {display:none}
	
	.mobile_board {padding:0 0 50px; background-color:#fff; width:100%}
	.mobile_board h2.sec_title {margin-bottom:21px;}

	#board_list .instar {width:100%}

	.pc_visual {display:none}
	.mobile_visual {display:inline-block}
	
	.owl-stage{margin-left:5% !important;}

	#review_box .review_wrap {overflow:hidden;overflow-x:scroll;
	-webkit-overflow-scrolling : touch;
	}

	#review_box .review_wrap_line {width:950px}
	#review_box .review_line  {width:150px; margin-left:10px}

	#dstory .dstory_wrap {overflow:hidden; overflow-x:scroll;
	    -webkit-overflow-scrolling : touch;
	}
	#dstory .dstory_wrap_box {width:950px}
	#dstory .dstory_line  {width:150px; margin-left:10px; margin-bottom:20px}
}

@media screen and (max-width:960px) {
	.visual_line .date_info span.category {font-size:12px; padding:3px 9px 4px }
	.visual_line .date_info span.date_day {font-size:11px;}
	.visual_line .visual_text span.left {font-size:24px; }
	.visual_line .visual_text span.right {font-size:24px; margin-left:3px}
	.visual_line .visual_f_text span {font-size:14px;}
	.visual_line .visual_img {right:0%}
}

@media screen and (max-width:900px) {
	#site_info .info_line span.number {font-size:20px}
	#site_info .info_line span.title {margin-top:6px}
	#invest_box .list_this { max-width:100%}
}

@media screen and (max-width:800px) {
	
	#invest_box .list_this { max-width:50%}
	#invest_box .owl-carousel.owl-drag .owl-item  .list_this{max-width:100%}
	.owl-carousel .owl-item {}
}


@media screen and (max-width:799px) {
	#invest_box .title_info .title {font-size:20px}
	#invest_box .invest_info ul li span {font-size:20px}
	.plus_btn {margin-top:11px}

}

@media screen and (max-width:789px) {
	.invest_wrap.owl-carousel .owl-stage {margin-left:-15px}
}

@media screen and (max-width:750px) {
	#board_list .instar_box ul li {display:none; width:32.333%; margin-left:1.5%}
	#board_list .instar_box ul li:nth-child(1), #board_list .instar_box ul li:nth-child(6), #board_list .instar_box ul li:nth-child(11) {margin-left:1.5%}
	#board_list .instar_box ul li:nth-child(1), #board_list .instar_box ul li:nth-child(4), #board_list .instar_box ul li:nth-child(7) {margin-left:0 } 
	#board_list .instar_box ul li:nth-child(-n+9) {display:inline-block	}

	/* 2019-04-23TW */
	.help_popup_wrap{position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.71); z-index:999; top:0; left:0;}
	.help_popup{width:100%; left:0; bottom:0; top:auto; border-radius:0;}
}

@media screen and (max-width:680px) {
	.visual_line .visual_text span.left {width:100%; margin-top:2px;}
	.visual_line .visual_text span.right {width:100%; margin-left:0; margin-top:9px}
	.visual_line .visual_f_text {margin-top:11px;}
	#invest_box .list_this { max-width:90%}
}

@media screen and (max-width:650px) {
	#site_info .section_inner {width:100%}
	#site_info {padding-bottom:0}
	.mobile_btn {display:inline-block; width:100%; height:18px; position:absolute; left:0; bottom:0px; }
	.mobile_btn a {display:inline-block; width:100%; height:100%}
	.mobile_btn:after {content:""; position:absolute; left:50%; margin-left:-6px; bottom:6px; width:12px; height:6px; background:url('/theme/company/img/new_main0318/bottom_img.png') no-repeat; background-size:11px}
	.mobile_btn.on:after {transform: rotate(180deg);}
	#site_info .info_line {width:33.333%; margin-bottom:8px;}
	#site_info .info_line:first-child {border-left:0 none}
	#site_info .info_line:nth-child(3) {border-right:0 none}
	#site_info .info_hide_box {display:none; width:105%; border-top:1px solid #dfdfdf; margin-top:9px; margin-left:-2.5%; box-sizing:border-box; padding-left:2.5%; padding-right:2.5%}
	#site_info .info_hide_box .info_line {width:33.333%;}
	#site_info .info_hide_box .info_line:last-child {border-right:0}
	#site_info .info_line span.number.blue {color:#171717}
	#site_info .info_line span.title {margin-top:12px; padding-bottom:6px}
	#site_info .info_line a {cursor:pointer}
}

@media screen and (max-width:600px) {
	.plus_btn span {display:inline-block; width:100%}
	.plus_btn span.right {margin-top:8px}
	.plus_btn a {padding:21px 0 }
}

@media screen and (max-width:549px) {
	.plus_btn {margin-top:22px}
}


@media screen and (max-width:470px) {
	.visual_line .visual_line_in .visual_content {padding:0 9px}
	.visual_line .visual_img {width:129px; height:129px; top:50%; margin-top:-64.5px}
	.visual_line .section_inner a div {background-position:center center; background-size:100% 100%}
}

@media screen and (max-width:400px) {
	.visual_line .visual_text span.left {font-size:20px}
	.visual_line .visual_text span.right {font-size:20px; margin-top:4.5px}
	.visual_line .visual_text {margin-top:3.5px}
	.visual_line .visual_f_text {margin-top:5.5px}
	.visual_line .visual_line_in .visual_content {position:relative; z-index:1;}
	.visual_line .visual_img {z-index:-1}

}