@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);


@font-face {
 font-family: 'Noto Sans KR2';
 src: url(./NotoSansKR.eot);
 src: url(./NotoSansKR.eot?#iefix) format('embedded-opentype'),
		url(./NotoSansKR.otf) format('opentype');
}

/*===========================================================================
	RESET
============================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, br ,textarea {margin:0;padding:0;border:0;box-sizing:border-box; color:#444; line-height:1.2; letter-spacing:-0.36px;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a {display: inline-block;text-decoration:none;color:inherit;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:none;}
img {border:none;vertical-align:middle;}
ol, ul, li {list-style:none;}
i, em {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset {border:none;}
legend{width:1px;height:1px;overflow:hidden;visibility:hidden;line-height:0;font-size:0;position:absolute; left:-999px;}
button, input[type="button"]{padding:0;margin:0;border:none;vertical-align:middle;cursor:pointer;background:transparent;}
input{margin:0;padding:0;border:0;}
input[type=text]::-ms-clear {display:none;}
input[type=password]::-ms-clear {display:none;}
textarea {resize:none;}
input, select, button, textarea{outline: none; -moz-appearance: none; -webkit-appearance: none;background:transparent;}
input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{border-color:#2384A1;}
button:focus{outline:0;}
input[type="text"], input[type="password"], input[type="number"],select{padding:0 16px;width:100%;height:46px;background-color:#fff;border:1px solid #E8E8E8;font-size:14px;border-radius:2px;}
select::-ms-expand {display: none;}
textarea {padding:16px 16px;width:100%;background-color:#fff;border:1px solid #E8E8E8;font-size:14px;border-radius:2px;}
input::placeholder, textarea::placeholder {color:#AAAAAA;font-size:14px;line-height:1.5;}
input[type="radio"] {display:none;-webkit-appearance:radio;}
input[type="checkbox"] {display:none;-webkit-appearance:checkbox;}
input:read-only{background:#eee;}

/*reset end*/
*{font-family:'Noto Sans KR', 'Noto Sans KR2';font-size:14px; word-break: keep-all; color: #5C5D61;}

body{min-width:1200px;}

.black_txt {color: #333333;}
.point_txt {color: #2384A1 !important;} 
.white_txt{color:#fff;}

/*font_size*/
.font_12 {font-size: 12px;}
.font_13 {font-size: 13px;}
.font_14 {font-size: 14px !important;}
.font_15{font-size:15px;}
.font_16{font-size:16px;}
.font_18{font-size:18px;}
.font_20{font-size:20px;}
.font_25{font-size:25px;}

/*layout-----------------------------------------------------------------------------------------*/
.container {width: 1140px; margin: 0 auto ;}
section{margin-top: 81px;min-height:calc(100vh - 179px);}

/*common---------------------------------------------------------------------------------------*/
/*html {scroll-behavior: smooth;}*/
.clearfix:after, .clearfix2:after ,.clearfix3:after {content:''; display:block; clear:both;}
.clearfix>*{float:left;}
.clearfix2>*:first-child{float:left;}
.clearfix2>*:nth-child(2){float:right;}
.clearfix3>*:first-child{float:right;}
.clearfix3>*:nth-child(2){float:left;}
.ellipsis{display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%;}
.ellipsis2{overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.centerT {text-align: center;}
.rightT {text-align: right;} 
.leftT {text-align: left;}
.floatL {float: left;}
.floatR {float: right !important;}
span {font-size: inherit; color: inherit;}
.readonly {background-color: #F2F2F2 !important; color: #ccc;}

.img_box{position: relative;overflow: hidden; }
.img_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.mo_none {display: block;}
.pc_none {display: none;}
/*.not_scroll{position: fixed;overflow: hidden;width: 100%;height: 100%}*/
/*.not_scroll section {position: relative;top: 0;}*/
.people_ul .img_box img{height:100%;}
.no_data{text-align:center; padding:40px 0;}

/*margin*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
/*bg*/
.point_bg {background: #2384A1;}
.gray_bg{background:#CBCDD4 !important;}


/*pagination*/
.pagination{text-align:center; padding-top:20px;/*margin-top: 40px;*/}
.pagination ul{display:inline-block;}
.pagination li{float:left; margin: 4px;}
.pagination li a{display: block; width: 30px; height: 30px; padding: 7px 0; color:#9F9F9F; line-height: 1; text-decoration:none;}
.pagination li a img {height: 100%;}
.pagination li a.active{color:#2384A1; text-decoration:none;}


/*popup----------------------------------------------------------------------------------------*/


/*header---------------------------------------------------------------------------------------*/
.header_not_fix header {position: unset;}
header {background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}

/*pc_header*/
header .pc_header {height: 81px; padding: 21px 60px; border-bottom: 1px solid rgba(235,233,233,0.5);}
header .pc_header .logo img{width: 138px; }
header .pc_header .menu {width: 70%; margin: auto; text-align: center;}
header .pc_header .menu>li{width: 20%; text-align: center; position: relative;}
header .pc_header .menu.sales_open>li{width:16.6666%;}
header .pc_header .menu>li>a{width: 100%; font-size: 16px; padding: 6px 0; color: #606060; line-height: 1.5;}
header .pc_header .menu>li:hover:after {position: absolute; content:''; width: 100%; height: 2px; left: 0; bottom: -24px; background: #2384A1;}
header .pc_header .menu>li:hover>a {font-weight: 600; }
header .pc_header .menu>li.on:after {position: absolute; content:''; width: 100%; height: 2px; left: 0; bottom: -24px; background: #2384A1;}
header .pc_header .menu>li.on>a {font-weight: 600;}
header .pc_header .menu .sub_menu {position: absolute;  left: 0;  top: 60px; width: 100%; background: #fff; display: none; text-align: center; padding: 8px; }
header .pc_header .menu .sub_menu a {padding: 8px; font-size: 14px; color: #9F9F9F;}
header .pc_header .menu .sub_menu li:hover a {color: #333333;}	
.transparent header {background-color: transparent;}
.transparent header .pc_header .menu>li>a {color: #fff;}

.sales_header {display: none; height: 81px; padding: 21px 60px; border-bottom: 1px solid rgba(235,233,233,0.5);}
.sales_header .logo img{width: 138px; }
.sales_header .menu {width: 52%; margin: auto; text-align: center;}
.sales_header .menu>li{width: 25%; text-align: center; position: relative;	}
.sales_header .menu>li>a{width: 100%; font-size: 16px; padding: 6px 0; color: #606060; line-height: 1.5;}
.sales_header .menu>li.on>a {font-weight: 600;  color: #2384A1;}

/*mo_header*/
.mo_header {height: 50px; padding: 13px 0;  border-bottom: 1px solid #E6E6E6;}
.mo_header .container {text-align: center;}
.mo_header .logo {margin-left: 24px;}
.mo_header .logo img{height: 29px; }
.mo_header .hamburger img{height: 20px;}

/*햄버거*/
.hamburger_wrap {position: fixed; width: 100vw; height: 100%; left: 100%; top: 0; display: none; background: #000; z-index: 100;}
.hamburger_wrap .container { padding: 13px 0;}
.hamburger_wrap .top {text-align: center;}
.hamburger_wrap .top .logo {margin-left: 24px;}
.hamburger_wrap .top .logo img{height: 29px; }
.hamburger_wrap .top .close img{height: 20px;}
.hamburger_wrap .menu {padding: 0 32px; margin-top: 30%;}
.hamburger_wrap .menu li a {font-size: 27px; font-weight: bold; line-height: 40px; margin-bottom: 20px; color: #fff;}
.hamburger_wrap .bottom {position: absolute; bottom: 10%; padding: 0 32px;}
.hamburger_wrap .bottom .sns_list {margin-bottom: 20px;}
.hamburger_wrap .bottom p {font-size: 13px; color: #9F9F9F; }
.hamburger_wrap .sns_list {}
.hamburger_wrap .sns_list li {width: 32px;margin-right: 20px;}
.hamburger_wrap .sns_list li:last-child {margin-right: 0;}
.hamburger_wrap .sns_list li img {width: 100%; }

/*backheader*/
.back_header {position: relative; display: none; text-align: center; border-bottom: 1px solid #e6e6e6; padding: 15px 0; height: 50px;}
.back_header .back_btn {padding: 15px 18px; position: absolute; left: 0; top: 0; }
.back_header .back_btn img {height: 20px; }
.back_header h2 {font-size: 17px; color: #333; width: calc(100% - 80px); }

/*footer---------------------------------------------------------------------------------------*/
footer {background:#333333;/*padding:36px 0;*/padding:21px 60px;text-align: center;height:98px;}
footer .logo{float:left;}
footer .logo img{width: 148px; }
footer .sns_list {text-align: center;/*margin-top:30px;*/float:right;margin-top:-24px;}
footer .sns_list li {width: 34px; display: inline-block; margin-right: 6px;}
footer .sns_list li:last-child {margin-right: 0;}
footer .sns_list li img {width: 100%; }
footer .address_ul {/*margin:23px auto 0;width:max-content;*/}
footer .address_ul li{font-size: 13px; color: #9F9F9F;position:relative;display:inline-block;padding-right:7px;margin-right:7px;margin-top:10px}
footer .address_ul li:last-child{margin-right:0;}
footer .address_ul li:last-child::after{display:none;}
footer .address_ul li::after{position:absolute;content:'';width:1px;height:10px;background:#9F9F9F;right:0;top:50%;transform:translateY(-50%);}
footer p {font-size: 13px; color: #9F9F9F;/* margin: 13px 0 20px;*/clear:both;}


.no-data{float:none !important;width:100% !important;text-align:center; !important;clear:both !important;border:0 !important;padding:30px 0!important;}

/*medie screen------------------------------------------------------------------------------*/

/*tab-L*/
@media screen and (max-width:1200px){

}

/*tab-M*/
@media screen and (max-width:1023px){

}

/*mo*/
@media screen and (max-width:767px){

}

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

/*mo-S*/
@media screen and (max-width:340px){
	
}

.sales .detail_img img{width:100%;}
.project .view p{line-height:22px;word-break:keep-all;white-space:pre-line;}