@charset "UTF-8";


/* About Its */
.about_its {}
.about_its .about_its_tit {word-break:keep-all;}

/* ȨÆäÀÌÁöÁ¦ÀÛ */
.web_project {word-break:keep-all;}
.web_project .bg-fast-blue {background:#000614;}
.web_project .border-color-fast-blue {border-color:#000614 !important;}
.web_project .process-step-style-02 .process-step-item:hover .process-step-icon {color:#000614; background:#fff;}

/* ½º¸¶Æ®ÆÑÅ丮 */
.smart_factory {word-break:keep-all; background-color:#000815; background-image:url('../add_image/smartfactory_bg.jpg'); background-position:center bottom; background-size:cover; background-repeat:no-repeat;}
.smart_factory .smartfactory_side {background:#002664;}
.smart_factory .smartfactory_side .text-greenish-gray {color:#1d4c99;}
.smartfactory_content01 {background:#e0e7f1; word-break:keep-all;}
section.big-section.smartfactory_content02 {background:#e0e7f1;}
section.big-section.smartfactory_content02 .bg-transparent-gradient-sky-blue-pink {background:rgb(0 57 151 / 80%);/*background-image:linear-gradient(to right top, rgb(0 57 151 / 80%), rgb(0 45 100 / 80%), rgb(57 100 0 / 80%));*/}
section.big-section.smartfactory_content02 .swiper-slide {}
.smart_fatxt {}
.smart_fatxt span {display:block; position:relative; padding-left:10px; line-height:1.3; margin-bottom:12px; word-break:keep-all;}
.smart_fatxt span:before {position:absolute; left:0; top:0; content:"-"; display:block;}

/*½º¸¶Æ®½ºÅä¾î*/
.smartstore {/* background:#31b72d; background-image:linear-gradient(45deg, #147e0c, #31b72d); background-image: -ms-linear-gradient(45deg, #147e0c, #31b72d);   background-image: -webkit-linear-gradient(45deg, #147e0c, #31b72d);
background-image: -moz-linear-gradient(45deg, #147e0c, #31b72d);  background-image: -o-linear-gradient(45deg, #147e0c, #31b72d); */ background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.smartstore .smartstore_tit {color:#31b72d !Important;} 
.smartstore_span {color:#31b72d; opacity:0.7;}
.smartstore_txt {color:#31b72d;}
.smartstore_background {background-position:right center !important;}
.smartstore .btn.smartstore_link {background:#31b72d; color:#fff; border-color:#31b72d;}



/* vr Àü½Ã°ü */
.vrwrap {}
.vrwrap .vr_tit {word-break:keep-all;}
.vr_exhibition {word-break:keep-all; padding-top:0;}


/* ¸¶ÄÉÆà */
.marketing_wrap {}
.marketing_wrap .market_tit {}
.marketing_wrap .market_tit span { background:linear-gradient(to right, #556fff, #556fff, #e05fc4, #f767a6, #ff798e); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.marketing_wrap .market_list_ko {word-break:keep-all; line-height:1.5;}
.marketing_tit {word-break:keep-all; line-height:1.4;}
.marketing_logo {transform:translate(0%,-55%);}



/*iframe*/
.as_wrap {padding:0; background:#111111;}
.iframe_wrap {width:100%; height:1442px;}



/* board_content */
.board_content { display: block; background: #fff;padding: 0 0px 20px; border-bottom:1px solid #ddd;}
.board_content > section {width:1180px; margin:0 auto;}
.board_content #bo_list {width:1180px; margin:80px auto 0;}
.board_content #bo_v {width:1180px; margin:80px auto 0;}
.board_content #bo_w {width:1180px; margin:80px auto 0; padding:0;}
.board_content #bo_sch {width:1180px; margin:0 auto;}

.board_visual {width:100%; height:300px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.board_visual.as { background-image:url('/add_image/as_bg.png');}
.board_visual.notice { background-image:url('/add_image/notice_bg.jpg');}
.board_visual .board_tit {font-size:36px; font-weight:700; color:#fff; padding-top:125px;}


.board_content table td, .board_content table th, .board_content table caption {vertical-align:middle;}

.board_content .tbl_wrap table {border:none; border-top:2px solid #333; margin-top:;}
.board_content #bo_list .tbl_head01 thead th {background:none;}

#bo_list .tbl_head01 td {padding:15px 5px;}
#bo_list .tbl_head01 td.td_subject {font-size:16px; padding:15px 10px;}
#bo_list .tbl_head01 td.td_subject a {font-size:1em !Important;}
#bo_list .tbl_head01 td.td_name {font-size:14px;}
#bo_list .tbl_head01 td.td_name span {font-size:1em !Important;}
#bo_list .tbl_head01 th:first-child {border-left:1px solid #fff !Important;}
#bo_list .tbl_head01 th:last-child {border-right:1px solid #fff !Important;}
#bo_list .tbl_head01 td:first-child {border-left:1px solid #fff !Important;}
#bo_list .tbl_head01 td:last-child {border-right:1px solid #fff !Important;}
#bo_list .tbl_head01 td.td_chk input, #bo_list .tbl_head01 th input {margin:0; vertical-align:middle;}

.pg_current {height:35px; line-height:35px; padding:0 25px; border:1px solid #585858; background:#585858; font-size:14px;}
.pg_page {background:#fff; height:35px; padding:0 15px; border:1px solid #ddd; line-height:35px; font-size:14px;}
.pg_page:hover {border-color:#585858; color:#585858;}

.board_content #sfl {width:150px; height:45px !Important; border:1px solid #ddd;}
.board_content #stx {width:300px; height:45px !Important; border:1px solid #ddd;}
.board_content .btn_submit {width:80px; height:45px; background:#444;}


.board_content a.btn_b02 {background:#e1240f; border-color:#e1240f; height:45px; line-height:45px; padding:0 10px; font-size:16px !Important;}
.board_content a.btn_admin {background:#333; border-color:#333; height:45px; line-height:45px; padding:0 10px; font-size:16px !important;}
.board_content a.btn_b01 {background:#fff; border-color:#888; color:#666; height:45px; line-height:45px; padding:0 10px;}
.board_content .btn_cancel {height:45px; line-height:45px; padding:0 10px; margin-bottom:15px;}

.board_content .btn_bo_adm input[type=submit] {background:#333; border-color:#333; height:45px; line-height:45px; padding:0 10px; font-size:16px !important;}


#bo_v_title {font-size:28px; line-height:1.8; font-weight:700; border-bottom:1px solid #666; margin-bottom:10px;}
#bo_v_info strong {display:inline-block; position:relative; margin:0 10px 0 0px; padding-right:13px;}
#bo_v_info strong:before {position:absolute; right:0; top:50%; width:1px; height:12px; content:""; display:block; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:#ddd;}
#bo_v_info strong:nth-of-type(2):before, #bo_v_info strong:nth-last-of-type(1):before {display:none;}
#bo_v_file {padding:0 0;}
#bo_v_file img {float:none; vertical-align:middle; margin:-5px 5px 0 0;}
#bo_v_atc {padding:50px 0;}
#bo_vc {background:#f9f9f9;}
#bo_vc h2 {font-size:16px; line-height:1.5;}
.tbl_frm01 th {background:#f9f9f9;}

#bo_v_con {font-size:1.15em; color:#333;}

#bo_w #container_title {font-size:24px; line-height:1.8; font-weight:700; margin-bottom:10px;}
#bo_w .tbl_frm01 th {padding:12px 10px; font-size:16px; text-align:center;}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 td input {height:45px !Important; margin-bottom:0; border-color:#c3c3c3 !important;}
#bo_w .tbl_frm01 td select {height:45px !important; border-color:#c3c3c3 !important; width:150px; margin-bottom:0;}
#bo_w .tbl_frm01 td textarea {margin-bottom:0; border-color:#c3c3c3 !important;}





/* Æ÷Æ®Æú¸®¿À°Ô½ÃÆÇ */
#bo_gall.portfolio {width:1280px; margin:0 auto; max-width:100%;}
.portfolio_list {position:relative;}
.portfolio_list:after {clear:both; content:""; display:block;}
.portfolio_unit {float:left; width:calc((100% - 40px)/3); margin-right:20px; margin-bottom:20px; position:relative;}
.portfolio_unit:nth-child(3n) {margin-right:0;}
.portfolio_unit input[type="checkbox"] {position:absolute; left:5px; top:5px; z-index:5;}
.portfolio_img {width:100%; padding-top:75%; position:relative; border:1px solid #efefef;}
.portfolio_img img {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit:cover;}
.portfolio_text {width:100%; position:relative; height:45px;}
.portfolio_tit {margin:5px 0 0; font-size:18px; font-weight:700; color:#111; line-height:1.3;}
.portfolio_etc {font-size:16px; color:#666; margin-bottom:0; line-height:1.3;}
.portfolio_etc span {font-size:1em; color:inherit; display:inline-block;}
.portfolio_etc span.portfolio_kind {}
.portfolio_etc span.portfolio_year {position:relative; padding-left:10px; margin-left:5px;}
.portfolio_etc span.portfolio_year:before {position:absolute; left:0; top:3px; width:1px; height:12px; content:""; display:block; background:#ddd;}
.portfolio_link {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:0.3s opacity ease;}
.portfolio_link ul {display:inline-block; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.portfolio_link ul li {float:left; margin:0 5px;}
.portfolio_link ul li a {position:relative; display:block; border:1px solid #fff; border-radius:50%; padding:15px; opacity:0.8; transition:0.3s opacity ease;}
.portfolio_link ul li a img {width:40px; height:40px; position:initial;}
.portfolio_link ul li a:hover {opacity:1; transition:0.3s opacity ease; }
.portfolio_link .view_link {position:absolute; bottom:0; left:0; width:100%; text-align:center; border-top:1px solid #fff; font-size:16px; color:#fff; padding:5px 0;}

.portfolio_unit:hover .portfolio_link {opacity:1; transition:0.3s opacity ease;}

.board_content #bo_sch.portfolio_search {width:1180px; margin:0 auto; max-width:100%;}


.m_link_list { display:none;}
.m_link_list ul {display:flex; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.m_link_list ul li {float:left; width:100%;}
.m_link_list ul li a {display:block; padding:5px; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px;}
.m_link_list ul li a img {width:30px; height:30px;}




/* ¹ÝÀÀÇü Áß°£±â±â 1200px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:1180px){
	
	
	#bo_gall.portfolio .bo_fx {padding:0 15px;}
	.portfolio_list {padding:0 15px;}
	

}




/* ¹ÝÀÀÇü Áß°£±â±â 998px »çÀÌÁî ÀÌÇÏ*/
@media all and (max-width:998px){


	.portfolio_link {display:none; }
	.m_link_list { display:block; margin-top:5px;}

	.portfolio_unit {width:32%; margin-right:2%;}
	.portfolio_unit:nth-child(3n) {margin-right:0;}
	.portfolio_unit:nth-child(4n) {margin-right:2%;}
	.portfolio_tit {margin:2px 0 0;}
	.portfolio_etc {font-size:14px;}
	.m_link_list ul li a {padding:2px 5px;}

}



/* ¹ÝÀÀÇü Áß°£±â±â 768»çÀÌÁî ÀÌÇÏ */
@media screen and (max-width: 768px) {		

	
	.portfolio_unit {width:49%; margin-right:2%;}
	.portfolio_unit:nth-child(3n) {margin-right:2%;}
	.portfolio_unit:nth-child(2n) {margin-right:0;}
	
}



/* ¹ÝÀÀÇü ÀÛÀº±â±â 480»çÀÌÁî ÀÌÇÏ */
@media screen and (max-width: 480px) {	
	
	
	.portfolio_tit {font-size:16px;}
	.portfolio_etc {font-size:14px;}
	
	

}



/* ¹ÝÀÀÇü ÀÛÀº±â±â 360»çÀÌÁî ÀÌÇÏ */
@media screen and (max-width: 360px) {	

	
}