@charset "UTF-8";

/* SETTING */
:root{
	--header-height:100px;
	--default-border-radius:50px;
	--cr_wt:#fff;
	--cr_bk:#000;
}

caption, .hidden, .blind {position: absolute; width:0; height:0; clip: rect(0 0 0 0); overflow: hidden; font-size:0;}
.ico {display: inline-block; background-repeat: no-repeat; background-position: center center;}

/* Skip Navgation */
.cm-accessibility a { position:absolute; text-align:center; width:200px; padding:10px 0; display:block; background:#222; color:#fff; left:-9999px; font-size:16px ; font-weight:500;}
.cm-accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }

#wrap {position:relative; width:100%; overflow: hidden;}

/* header */
#header {display: flex; align-items: center; justify-content:center; flex-wrap: nowrap; flex-direction: row; position: fixed; top: 0; left: 0; overflow: visible; z-index: 100; width: 100%; height: var(--header-height);}
#header:before {content: ""; display: block; position: fixed; top: -100%; left: 0; width: 100%; height: 100%; /*background-color:#222222;*/ opacity: 0; transition: opacity 0.4s ease, top 0.001s ease 0.4s;}
#header.open:before {top: 0; opacity: 0.4; transition: opacity 0.6s ease, top 0.001s ease; background-color:var(--cr_wt);}
#header.open .gnb_wrap {height:330px; transition: all 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01); border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border: 1px solid #cecece; border-top:0;}
#header.open .gnb_wrap:after {width: 100%;}
#header.door:before {top: 0; opacity: 0.4; transition: opacity 0.6s ease, top 0.001s ease; background-color:var(--cr_wt);}
#header.door .gnb_wrap {height:330px; transition: all 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01); border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border: 1px solid #cecece; border-top:0;}
#header.door .gnb_wrap:after {width: 100%;}

#header .header_inner {position:relative; width:100%; max-width:160rem; height: var(--header-height); /*margin:0 15rem;*/ border:1px solid #cecece; border-top:0; border-bottom-left-radius:var(--default-border-radius); border-bottom-right-radius:var(--default-border-radius); background-color: var(--cr_wt);}
#header.open .header_inner, #header.door .header_inner {border: 0; border-bottom:0; border-radius: 0;}

/* header :: logo */
/*.h_logo_area {display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; position: absolute; top:50%; left:60px; z-index: 1000; height: var(--header-height); transform: translateY(-50%);}*/
.h_logo_area {display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 50%; left: 60px; z-index: 1000; height: var(--header-height); transform: translateY(-50%);}
.h_logo_area h1 {height: 40px;}
.h_logo_area .h_logo_img {width: 174px; height: 40px; background-size: 174px 40px; background-image: url("/assets/images/common/logo.png");}
.h_logo_area .logo_txt {font-size:1.2rem; padding-top:7px;}

/* header :: pc gnb */
.gnb_wrap {position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100; width: 100%; height: 100%; transition: all 0.4s cubic-bezier(0.46, 0.87, 0.18, 1.01); background: url(/assets/images/common/gnb_bg.png) repeat-x;}
.gnb_wrap .gnb_inner {position: relative;}
#gnb {display: flex; align-items: flex-start; justify-content: center; flex-wrap: nowrap; flex-direction: row; position: absolute; top: 0; left: 50%; z-index: 100; transform: translateX(-50%);}
#gnb > li {width:170px; margin-left:3rem;}
#gnb > li > a {display: block; position: relative; height: var(--header-height); font-size: 20px; color:#222839; text-align: left; line-height: var(--header-height);}
#gnb > li > a:before {content: ""; display: block; position: absolute; top: 96px; left: 50%; width: 0; height: 4px; transform: translateX(-50%); transition: all 0.6s cubic-bezier(0.46, 0.87, 0.18, 1.01);}
#gnb > li > a:hover, #gnb > li > a:focus {color:#ec1d23;}
#gnb > li > ul {position: relative; height:225px; padding: 30px 0 0 0;}
#gnb > li > ul > li {position: relative;}
#gnb > li > ul > li a {display: flex; align-items: flex-end; justify-content: center; flex-wrap: nowrap; flex-direction: row; display: inline-block; font-size: 16px; color: #555; text-align: left;}
#gnb > li > ul > li a:hover, #gnb > li > ul > li a:focus {color:#ec1d23;}
#gnb > li > ul > li:not(:last-child) {margin-bottom: 14px;}

/* header :: 언어선택, 전체메뉴 */
.util {display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; position: absolute; top: 0; right:60px; z-index: 100;}
.util .link_list ul {display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; height: var(--header-height);}
.util .link_list ul li {margin:0 18px;}
.util .link_list ul .lang_area {display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: row; position: relative;}
.util .link_list ul .lang_area a {width:4.5rem; height:4.5rem; font-family:'S-CoreDream-8'; color: var(--cr_wt); background-color:var(--cr_bk); border-radius:50%; display: flex; justify-content: center; align-items: center;}
.util .link_list ul .lang_area a:hover, .util .link_list ul .lang_area a:focus {background-color:#ec1d23;}
.util .link_list ul .navbar_area {width:4.5rem; height:4.5rem; color: var(--cr_wt); background-color:var(--cr_bk); border-radius:50%;}
.util .link_list ul .btn-navbar {position: absolute; top: 1px; right:27px; display: inline-block; z-index: 200; width:25px; height: var(--header-height);}
.util .link_list ul .btn-navbar .btn-line {display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; flex-direction: column; position: relative; width:25px;}
.util .link_list ul .btn-navbar .btn-line em {background-color: var(--cr_wt); transition: all 0.3s ease-in-out; width:24px; height:2px;}
.util .link_list ul .btn-navbar .btn-line em:nth-child(2) {width:24px; margin:6px 0;}
.util .link_list ul .btn-navbar.on em:nth-child(1) {transform: rotate(-45deg);}
.util .link_list ul .btn-navbar.on em:nth-child(2) {display: none;}
.util .link_list ul .btn-navbar.on em:nth-child(3) {margin-top: -2px; transform: rotate(45deg);}

/* header :: mo gnb */
.nav_open_btn {display:none;}

/* footer */
#footer {position: relative; width:100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; color:var(--cr_wt); padding-bottom:30px;}
#footer .footer_inner {position:relative; width:100%; max-width:160rem; /*margin:0 15rem;*/ margin:0 auto; background:#303030; border-radius:var(--default-border-radius); padding: 50px 70px 30px;}
#footer .footer_top {display: flex; margin-bottom:5rem; justify-content: space-between;}
#footer .footer_sitemap { display: flex; }
#footer .footer_sitemap article { width:18%; font-size:1.8rem; color:#fff}
#footer .footer_sitemap article dl { display: flex; flex-wrap: wrap; }
#footer .footer_sitemap article dt { width: 100%; margin-bottom: 20px; }
#footer .footer_sitemap article dt a {font-weight:500; pointer-events: none;}
#footer .footer_sitemap article dd { width: 100%; margin-bottom: 10px; padding-right: 10px;}
#footer .footer_sitemap article dd a {font-weight:300;}
#footer .footer_info {width:290px; flex-shrink:0; font-weight:300; font-size:1.6rem; line-height:2; text-align:right;}
#footer .footer_info .footer_logo {width:242px; height:56px; background-size:242px 56px; background-image: url("/assets/images/common/footer_logo.png"); margin-top:8rem; float:right;}
#footer .footer_bottom {}
#footer .footer_bottom .footer_link {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; flex-direction: row;}
#footer .footer_bottom .footer_link > li {position: relative; margin-right: 20px; padding-right: 20px;}
#footer .footer_bottom .footer_link > li:not(:last-child):after {content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-70%); width:1px; height: 10px; background-color:var(--cr_wt);}
#footer .footer_bottom .footer_link > li > a {font-size:1.6rem; font-weight:300;}
#footer .footer_bottom .copyright {font-size:1.3rem; font-weight:300; padding-top:10px; letter-spacing:0;}

.family_site {position:absolute; bottom:0; right:0; text-align:center; z-index:9; width:37rem; height:8.7rem; background:#fff; display: flex; flex-direction: column; justify-content: center; border-top-left-radius:5rem; transition:all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.family_site:before{position: absolute; content:''; width:4.6rem; height:5rem; background:no-repeat center; background-size:cover; background-image:url('/assets/images/family_site_deco.png'); top:-49px; right:0;}
.family_site:after{position: absolute; content:''; width:4.6rem; height:5rem; background:no-repeat center; background-size:cover; background-image:url('/assets/images/family_site_deco.png'); bottom:0; left:-91px; transform:translateX(100%);}
.family_site .family_site_area {width:25rem; margin:0 auto;}
.family_site .family_site_area a {background-color:#303030; color:var(--cr_wt); display: block; padding:18px 20px 15px; border-radius:20px; line-height:1; font-size:1.6rem; text-align:left;}
.family_site_area a .ico_plus {float: right; width: 14px; height: 14px; fill: var(--cr_wt);}
.family_site_area.open a .ico_plus {-webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
.family_site_area .family_site_list {display:none; position: absolute; width: 25rem; bottom: 75px; left: 60px; padding: 16px 0; border-radius: 12px; background-color: #303030; border:1px solid #5b5b5b;}
.family_site_area.open .family_site_list {display:block;}
.family_site_area .family_site_list li+li {margin-top:20px;}
.family_site_area .family_site_list > li > a {display: block; padding: 0 20px; font-size: 12px; white-space: nowrap; background-color: transparent; color: #fff; font-size: 1.6rem;}

.container {overflow: hidden; position: relative; width: 100%; max-width:160rem; height: 100%; margin:0 auto;}

/* 메인 비주얼 */
.main_visual {overflow: hidden; position: relative; width:100%;}
.main_visual_wrap {position: relative; display: flex; flex-direction:column; justify-content: flex-end; height:100%; /*margin:0 15rem;*/}
.main_visual_slide_wrap {position:relative; width:100%; max-width:160rem; height:100%; margin:17rem auto 4.5rem; }
.main_visual_con, .main_visual_con .slick-list, .main_visual_con .slick-track, .main_visual_item {height:100%;}
.main_visual_con {z-index:1;}
.main_visual_item {position:relative; border-radius:5rem; border-top-left-radius:0; overflow:hidden;}
.main_visual_item .main_visual_img {width:100%; height:100%; background-size:cover !important; transform: scale(1.08,1.08);}
.main_visual_item .main_visual_mo_img{display:none;}
.main_visual_item.active-item .main_visual_img {animation: image-zoom-out 8s 0s forwards;}

.main_visual_txt_con {position:absolute; left:0px; top:0; width:100%; height:100%; z-index:10;}
.main_visual_txt_inner {margin-left:3rem; margin-top:2rem;}
.main_visual_txt_con .main_visual_txt1 {font-weight:700; font-size:6rem; color:#231f20; line-height:1;}
.main_visual_txt_con .m_main_visual_txt1_1 {display:none;}
.main_visual_txt_con .main_visual_txt1_1 {font-weight:700; font-size:3.6rem; color:#0d29b9; padding-left:4.5rem;}
.main_visual_txt_con .main_visual_txt1_2 {font-weight:300; font-size:3.6rem; color:#0d29b9;}
.main_visual_txt_con .main_visual_txt2 {font-weight:300; font-size:1.8rem; color:#0d29b9; padding-top:1rem; padding-left: 36.5rem;}
.active-item .main_visual_txt_con .main_visual_txt1, .active-item .main_visual_txt_con .main_visual_txt2 {opacity:0; animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;}
.active-item .main_visual_txt_con .main_visual_txt2 {animation-delay:0.3s;}
.active-item .main-visual-txt2{animation-delay:0.3s;}
.main_visual_con .slide02 .main_visual_txt_con .main_visual_txt1_1, .main_visual_con .slide02 .main_visual_txt_con .main_visual_txt1_2, .main_visual_con .slide02 .main_visual_txt_con .main_visual_txt2 {color:#fff;}

@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		transform: translateX(-50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		transform: translateX(0); 
	}
}

.main_visual_title {position:absolute; top:0; left:0; text-align:center; z-index:9; width:37rem; height:8.7rem; background:#fff; display: flex; flex-direction: column; justify-content: center; border-bottom-right-radius:5rem; transition:all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.main_visual_title:before{position: absolute; content:''; width:4.6rem; height:5rem; background:no-repeat center; background-size:cover; background-image:url('/assets/images/main_visual_tit_deco.png'); top:-1px; right:0; transform:translateX(100%);}
.main_visual_title:after{position: absolute; content:''; width:4.6rem; height:5rem; background:no-repeat center; background-size:cover; background-image:url('/assets/images/main_visual_tit_deco.png'); bottom:1px; left:0; transform:translateY(100%);}

.main_visual_conuter {position:absolute; bottom:7rem; left:0; width:100%; z-index:11;}
.main_visual_conuter > .area{display: flex; align-items:center; justify-content:space-between; margin-left:6rem;}
.main_visual_num {position: relative; width:10rem; text-align:center;}

.main_visual_arrow .slick-arrow {position:absolute; top:60%;transform:translateY(-50%); cursor:pointer; z-index:9; width:2.2rem; height:2rem; background-size:cover;}
.main_visual_arrow .slick-arrow.slick-prev {background:url('/assets/images/common/slick_prev.png') no-repeat center; left:0px;}
.main_visual_arrow .slick-arrow.slick-prev:after {content:''; position:absolute; top:0; right:-28px; width:2px; height:2rem; background-color:#fff;}
.main_visual_arrow .slick-arrow.slick-next {background:url('/assets/images/common/slick_next.png') no-repeat center; right:0px;}

.main_sec {width:100%; padding:10rem 0 5rem; box-sizing: border-box;}

.main_content_header {display: flex; justify-content: space-between; align-items: flex-end;}

.main_title_area {position:relative; line-height:1; padding-left:30px;}
.main_title_area .main_title {position:relative; font-size:4.8rem; color:#333333; font-weight:700; padding-top:25px;}
.main_title_area .main_title:before {content:''; position:absolute; top:0; left:5px; width:28px; height:7px; background-color:#040404;}
.main_title_area .main_sub_title {font-size:2.4rem; color:#333333; padding-top:20px;}

.main_more_box {opacity: 1; transform: translateX(0px); transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.main_more_box .more_btn{display: flex; justify-content:space-between; align-items:center; padding:1.5rem 2.5rem 1.1rem; box-sizing:border-box; border:2px solid #000; box-sizing:border-box; width:20rem; border-radius:5rem; font-size:1.6rem; color:#000; line-height:1; transition: 0.3s;}
.main_more_box .more_btn:hover{background:#000; color:#fff; transition-delay: 0.1s;}
.main_more_box .more_btn > .ico_plus {float: right; width: 14px; height: 14px; fill:#000; padding-bottom: 5px; transition: 0.3s;}
.main_more_box .more_btn:hover > .ico_plus {fill:#fff; transition-delay: 0.1s;}

.main_content {position:relative; width:100%; padding-top:6rem;}

.main_product_list_area {position:relative; width:100%;}
.main_product_list_area .main_product_list {display:flex; flex-wrap: wrap; /*gap:1.5%; padding-bottom:40px;*/}
.main_product_list_area .main_product_list > li {position: relative; width: calc((100% - 6rem) / 4); flex-shrink: 0; display: inline-block; }
.main_product_list_area .main_product_list > li + li {margin-left: 2rem;}
.main_product_list_area .main_product_list > li a:hover {border-radius:190px;}
.main_product_list_area .main_product_list .main_prdThumnail a {display: block; position: relative; background:no-repeat center; background-size:cover; width:100%; height:0; padding-top:131.007%; border-radius:3rem; transition:all 0.4s ease-in-out; overflow:hidden; }
.main_product_list_area .main_product_list .main_prdThumnail a:hover {border-radius:190px;}
.main_product_list_area .main_product_list .main_prdThumnail .main_prdinfo {position: absolute; bottom: 6rem; left: 50%; transform: translateX(-50%); text-align: center; z-index: 1; transition: all 0.4s ease-in-out;}
.main_product_list_area .main_product_list .main_prdThumnail .main_prdinfo h4 {font-size:3.6rem; font-weight:700; color:var(--cr_wt);}
.main_product_list_area .main_product_list .main_prdThumnail .main_prdinfo h5 {font-size:2.4rem; font-weight:300;color:var(--cr_wt);}

.technology_area {position:relative; width:100%; background:#efefef; border-radius:5rem; overflow:hidden; display:flex; align-items: center;}
.technology_area .technology_info, .technology_area .technology_img {width:50%;}
.technology_area .technology_info {padding-left:8rem;}
.technology_area .technology_info h2 {font-size:3.6rem; font-weight:700; color:#333333;}
.technology_area .technology_info p {font-size:2.4rem; color:#333333; padding-top:2rem;}
.technology_area .technology_img {border-radius:5rem; overflow:hidden;}
.technology_area .technology_img > img {width:100%;}

.main_banner {padding:0;}
.main_banner_area {border-radius:5rem; overflow:hidden;}
.main_banner_area .main_banner {overflow: hidden; position: relative; z-index: 2; width: 100%; height:350px; margin: 0 auto;}
.main_banner_area .main_banner:before {content: ""; position: absolute; width: 100%; height: 100%; background: transparent url('/assets/images/main_banner.jpg') center center no-repeat; background-size: cover; transition: transform 0.6s; /* Animation */}
.main_banner_area .main_banner:hover:before {transform: translateX(-50px) scale(1.14);}
.main_banner_area .main_banner .main_banner_txt {display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 10; height:100%; font-size:5rem; color:#fff; font-weight:300;}
.main_banner_area .main_banner .main_banner_txt > span {font-weight:700; display:contents;}

.main_weare_area {position:relative; width:100%;}
.main_weare_area .main_weare_list {display:flex; flex-wrap: wrap; /*gap:1.5%; padding-bottom:40px;*/}
.main_weare_area .main_weare_list > li {position: relative; width: calc((100% - 12rem) / 3); flex-shrink: 0; display: inline-block; }
.main_weare_area .main_weare_list > li + li {margin-left:6rem;}
.main_weare_area .main_weare_list .main_weare_box {overflow: hidden; position: relative; width:100%; height:585px;}
.main_weare_area .main_weare_list .main_weare_box .main_weare_thum {display: block; position: relative; background:no-repeat center; background-size:cover; width:100%; height:500px; border-radius:5rem; transition:all 0.4s ease-in-out; overflow:hidden; }
.main_weare_area .main_weare_list .main_weare_box.on .main_weare_thum {height:585px;}
.main_weare_area .main_weare_list .main_weare_box .main_weare_txt {position: absolute; left:0; bottom:20px; width:100%; z-index: 10; transform: translateX(0); transition: all 0.8s cubic-bezier(0.46, 0.87, 0.18, 1.01); font-size:3rem; color:#333; text-align:center;}
.main_weare_area .main_weare_list .main_weare_box.on .main_weare_txt {bottom:50px; color:#fff;}
.main_weare_area .main_weare_list .main_weare_box .main_weare_txt > span {font-weight:700;}

/* 서비 비주얼 */
.sub_visual_wrap {position: relative; display: flex; flex-direction:column; justify-content: flex-end; height:50rem; /*margin:17rem 15rem 0;*/ max-width:160rem; margin:17rem auto 0; border-radius: var(--default-border-radius);}
.sub_visual_wrap .sub_visual_img_con {position:absolute; top:0px; left:0px; width:100%; height:100%; border-radius: var(--default-border-radius); border-bottom-right-radius:0; overflow:hidden;}
.sub_visual_wrap .sub_visual_img_inner {width:100%; height:100%; background-size:cover !important; transform: scale(1.1,1.1); transition:transform 5s linear;}
.sub_visual_wrap.active .sub_visual_img_inner{transform: scale(1.0,1.0) rotate(0.002deg);}
.sub_visual_wrap .sub_visual_txt_con {position: relative; z-index: 1; display: flex; width: 100%; height: 100%; letter-spacing: -0.02em; color: #fff; justify-content: center; align-items: flex-start; flex-direction: column; padding-left:12rem;}
.sub_visual_wrap .sub_visual_txt_con > h1, .sub_visual_wrap .sub_visual_txt_con > h2 {opacity:0; transform: translateY(30px); transition:all 0.8s ease; transition-property: transform, opacity;}
.sub_visual_wrap .sub_visual_txt_con > h2 {font-size:4.8rem;}
.sub_visual_wrap .sub_visual_txt_con > h1 {font-size:4.8rem; font-weight:700;}
.sub_visual_wrap .sub_visual_txt_con > h1 > span {color:#cc0000;}
.sub_visual_wrap.active .sub_visual_txt_con > h1 {opacity:1; transform: translateY(0px); }
.sub_visual_wrap.active .sub_visual_txt_con > h2 {opacity:1; transform: translateY(0px);}
.sub_visual_wrap .sub_visual_empty {position:absolute; bottom:0; right:0; text-align:center; z-index:9; width:37rem; height:8.7rem; background:#fff; display: flex; flex-direction: column; justify-content: center; border-top-left-radius:5rem; transition:all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.sub_visual_wrap .sub_visual_empty:before {position: absolute; content: ''; width: 4.6rem; height: 5rem; background: no-repeat center; background-size: cover; background-image: url('/assets/images/family_site_deco.png'); top: -49px; right: 0;}
.sub_visual_wrap .sub_visual_empty:after {position: absolute; content: ''; width: 4.6rem; height: 5rem; background: no-repeat center; background-size: cover; background-image: url('/assets/images/family_site_deco.png'); bottom: 0; left: -91px; transform: translateX(100%);}

/* sub location */ 
.sub_menu_location_wrap {position:absolute; bottom:2rem; right:2rem; z-index:10; display:flex;} 
.sub_menu_location {position:relative; min-width:25rem; margin-right:2rem; border-radius:3rem; transition:all 0.4s ease-in-out; transition-delay: 0.3s; background-color: #303030;}
.sub_menu_location.sub_menu_location02 {min-width:30rem;}
.sub_menu_location .sub_menu_location_btn {position:relative; display:block; width:100%; padding: 18px 30px 15px; line-height: 1; font-size: 1.6rem; text-align: left; box-sizing: border-box;}
.sub_menu_location .sub_menu_location_btn span {color: var(--cr_wt); font-size: 1.6rem;}
.sub_menu_location .sub_menu_location_btn .arrow {position:absolute; top:50%; right:2rem; width:2rem; height:2rem; margin-top: -1rem; font-size:1.6rem; color:var(--cr_wt); box-sizing:border-box;}

.sub_menu_location.open {border-radius:3rem 3rem 0 0; transition-delay:0s; background-color:#2b53cb;}
.sub_menu_location.open .sub_menu_location_btn span {}
.sub_menu_location.open .sub_menu_location_btn .arrow {transform:rotate(-180deg); margin-top:-1.2rem;}

.sub_menu_location .sub_menu_location_con {display:none; position:absolute; top:100%; left:0px; right:0px; background-color:#2b53cb; z-index:11; padding-bottom:1rem; padding-top:0rem; border-radius:0 0 3rem 3rem;}
.sub_menu_location .sub_menu_location_con li a {display:block; padding:0.75rem 3rem; font-size:1.4rem; letter-spacing:-0.05em; color:rgba(255,255,255,0.5); word-break:keep-all; line-height:1.5;}
.sub_menu_location .sub_menu_location_con li.on {position:relative;}
.sub_menu_location .sub_menu_location_con li.on a {color:var(--cr_wt);}


/* content */
.content { max-width:160rem; margin:0 auto; /*margin: 0 15rem;*/ padding:130px 0;}

.prd_page_pb {padding-bottom:10rem;}

/* table */
.tbl_list {width:100%; border-top:1px solid #d8dce0;}
.tbl_list thead tr th,
.tbl_list tbody tr th,
.tbl_list tbody tr td {border-bottom:1px solid #d8dce0; border-right:1px solid #d8dce0; font-size:2rem; color:#333; text-align:center; line-height:1;}
.tbl_list thead tr th {padding:2.25rem 0;}
.tbl_list tbody tr td {padding:2.45rem 0;}
.tbl_list tbody tr td.line2 {line-height:1.3;}
.tbl_list thead tr th.bdb2,
.tbl_list tbody tr th.bdb2,
.tbl_list tbody tr td.bdb2 {border-bottom:2px solid #d8dce0;}
.tbl_list thead tr th:last-child,
.tbl_list tbody tr th:last-child,
.tbl_list tbody tr td:last-child{border-right:0;}
.tbl_list thead tr th {background:#f2f2f2; color:#085782; font-size:2.4rem; font-weight:700;}
.tbl_list tbody tr td.bd-right{border-right:1px solid rgba(0,0,0,0.1);}

.tbl_list.tbl_list01 thead tr th {padding:2.25rem 0;}
.tbl_list.tbl_list01 thead tr th.line2 {padding:1.021rem; line-height:1.2;}
.tbl_list.tbl_list01 tbody tr td {padding:2.45rem 0;}

.contentInfo {position:relative; display:inline-block; width:100%;}
.contentInfo .contentInfo_tit {font-size:6rem; color:#333; font-weight:700; text-align:center; line-height:1; padding-bottom:3rem;}
.contentInfo .contentInfo_subtit {font-size:2.4rem; color:#333; text-align:center; line-height:1; font-weight:300;}
.contentInfo .contentInfo_subtit > span {color:#cc0000;}
.about .contentInfo .contentInfo_subtit {line-height:1.5; font-weight:300;}
.about .contentInfo .contentInfo_subtit > span {font-weight:500; color:#000;}
.global .contentInfo .contentInfo_subtit > span {font-weight:500; color:#1c38c6;}
.contentInfo .contentInfo_list {padding-left:3rem;}
.contentInfo .contentInfo_list > li {position:relative; padding-left:3.5rem; font-size:2.4rem; font-weight:300; word-break:keep-all; padding-bottom:2.5rem;}
.contentInfo .contentInfo_list > li > span {color:#cc0000; font-weight:500;}
.contentInfo .contentInfo_list > li:before {content:''; position:absolute; top:5px; left:0; width:2rem; height:1.9rem; background:url('/assets/images/icon/icon01.png');}
.contentInfo .contentInfo_list > li:last-child {padding-bottom:0;}

.contentInfo .about_txt01 {font-size:7rem; color:#333; font-weight:700; text-align:center; line-height:1.5;}
.contentInfo .about_txt02 {font-size:4rem; color:#333; font-weight:300; text-align:center; line-height:1.3; padding:8rem 0;}
.contentInfo .about_txt03 {font-size:3rem; color:#777; font-weight:300; text-align:center; line-height:1.5;}
.contentInfo .about_txt03 > span {color:#cc0000;}

.codeList_wrap {position:relative; width:100%; padding-top:4rem;}
.codeList_wrap .codeList {display:flex; padding-bottom:2rem;}
.codeList_wrap .codeList .codeListTit {width:21.496%; font-size:2.4rem; color:#cc0000; font-weight:700; font-style:italic; padding-left:6.5rem; line-height:1.5;}
.codeList_wrap .codeList .codeListDesc {width:calc(100% - 21.496%);}
.codeList_wrap .codeList .codeListDesc li {position:relative; font-size:2.4rem; color:#000; font-weight:300; padding-left:1.5rem; line-height:1.5; padding-bottom:1rem;}
.codeList_wrap .codeList .codeListDesc li:before {content:'-'; position: absolute; top:0; left: 0;}
.codeList_wrap .codeList .codeListDesc li:last-child {padding-bottom:0;}

.tab_wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px;}
.tab_wrap > a {min-width:25rem; background-color:#b6b6b6; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; padding:23px 34px 19px; border-radius:3rem; font-size:1.8rem; line-height:1;}
.tab_wrap > a.on {background-color:#555;}

.prd_desc_wrap {position:relative; display:flex;}
.prd_desc_wrap .prd_thum {width:42.368%;}
.prd_desc_wrap.atcc .prd_thum {padding:6.5rem 0 0 6.5rem;}
.prd_desc_wrap.atacc .prd_thum {padding:7rem 0 0 1rem;}
.prd_desc_wrap.formation .prd_thum {padding:7rem 0 0 3rem;}
.prd_desc_wrap.atcd .prd_thum {padding:8rem 0 0 4.5rem;}
.prd_desc_wrap.fire {display:inline-block;}
.prd_desc_wrap.fire .prd_thum { width:100%; padding:0;}
.prd_desc_wrap .prd_desc_con {width:calc(100% - 42.368%); background-color:#f2f2f2; border-radius:5rem; padding:6.5rem 12rem;}
.prd_desc_wrap .prd_desc_con .prd_desc {padding-bottom:6.5rem;}
/*.prd_desc_wrap .prd_desc_con .prd_desc .prd_desc_tit {font-size:3rem; color:#292a2b; line-height:1; padding-bottom:2.5rem;}*/
.prd_desc_wrap .prd_desc_con .prd_desc .prd_desc_tit {font-size:4.8rem; font-weight:700; color:#0033cc; line-height:1; padding-bottom:2.5rem;}
.prd_desc_wrap .prd_desc_con .prd_desc .prd_desc_txt > p {font-size:2.4rem; color:#333; line-height:1.2; letter-spacing:-0.05em; padding-bottom:2.5rem;}
.prd_desc_wrap .prd_desc_con .prd_desc .prd_desc_txt > p > span {color:#0033cc;} 
.prd_desc_wrap .prd_desc_con .prd_desc .prd_desc_txt > p:last-child {padding-bottom:0;}

.prd_desc_wrap .prd_desc_con .prd_desc_list > li {position: relative; padding-left:3.5rem; font-size: 2rem; color:#333; font-weight: 300; word-break: keep-all; padding-bottom:1.5rem;}
.prd_desc_wrap .prd_desc_con .prd_desc_list > li:before {content: ''; position: absolute; top:4px; left: 0; width: 2rem; height: 1.9rem; background: url('/assets/images/icon/icon02.png');}
.prd_desc_wrap .prd_desc_con .prd_desc_list > li:last-child {padding-bottom:0;}

.prd_desc_bottom {display:flex; justify-content: space-between; padding-top:2rem;}
.prd_desc_bottom.atcd {padding-top:6rem;}

.prd_page_tit {font-size:3.6rem; color:#292a2b; font-weight:700; font-style:italic; line-height:1; padding-bottom:4.5rem; letter-spacing:-0.05em;}
.prd_desc_bottom .prd_page_tit {padding-top:3rem; line-height:1.3;}
.prd_desc_bottom .prd_page_tit .black_40 {display:inline-block; width:4rem;}
.prd_desc_bottom .prd_page_tit .black_80 {display:inline-block; width:8rem;}
.prd_desc_bottom .prd_page_tit .black_120 {display:inline-block; width:12rem;}

.under {padding-bottom:10rem;}
.under > ul {display: flex; flex-direction: row; align-items: center; gap: 15px;}

.dflex {display:flex;}
.dflex > .thum, .dflex > .desc_box {width:50%;}
.dflex > .desc_box.right {padding:7rem 0 0 8rem;}
.dflex > .desc_box.left {padding:7rem 8rem 0 0;}
.dflex.dflex02 > .desc_box.right {padding:5rem 0 0 8rem;}
.dflex.dflex02 > .desc_box.left {padding:5rem 8rem 0 0;}
.dflex.dflex03 > .desc_box.right {padding:2rem 0 0 8rem;}
.dflex.dflex03 > .desc_box.left {padding:2rem 8rem 0 0;}
.dflex.dflex04 > .desc_box.right {padding:11.5rem 0 0 8rem;}
.dflex.dflex04 > .desc_box.left {padding:11.5rem 8rem 0 0;}
.dflex.dflex05 > .desc_box.right {padding:13rem 0 0 8rem;}
.dflex.dflex05 > .desc_box.left {padding:13rem 8rem 0 0;}
 
.dflex > .desc_box > ul > li {position: relative; padding-left:3.5rem; font-size: 2rem; color:#333; font-weight: 300; word-break: keep-all; padding-bottom:1.5rem;}
.dflex > .desc_box > ul > li:before {content: ''; position: absolute; top:4px; left: 0; width: 2rem; height: 1.9rem; background: url('/assets/images/icon/icon02.png');}
.dflex > .desc_box > ul > li:last-child {padding-bottom:0;}

.dfull > .desc_box {padding-bottom:2.5rem;}
.dfull > .desc_box > ul > li {position: relative; padding-left:3.5rem; font-size: 2rem; color:#333; font-weight: 300; word-break: keep-all; padding-bottom:1.5rem;}
.dfull > .desc_box > ul > li:before {content: ''; position: absolute; top:4px; left: 0; width: 2rem; height: 1.9rem; background: url('/assets/images/icon/icon02.png');}
.dfull > .desc_box > ul > li:last-child {padding-bottom:0;}

.desc_box_dflex > ul {display: flex; flex-direction: row; align-items: center; gap:10rem;}
.desc_box_dflex > ul > li {width:100%; background-color:#f2f2f2; border-radius:5rem; padding:4rem 5.5rem;}
.desc_box_dflex .sub_desc_tit {font-size:3rem; color:#292a2b; font-weight:700; font-style:italic; line-height:1; padding-bottom:3rem; letter-spacing:-0.05em;}
.desc_box_dflex .sub_desc {min-height:23rem; padding-bottom:1.5rem;}
.desc_box_dflex .sub_desc > li {position: relative; padding-left:3.5rem; font-size: 2rem; color:#333; font-weight: 300; word-break: keep-all; padding-bottom:1.5rem;}
.desc_box_dflex .sub_desc > li:before {content: ''; position: absolute; top:4px; left: 0; width: 2rem; height: 1.9rem; background: url('/assets/images/icon/icon02.png');}
.desc_box_dflex .sub_desc > li:last-child {padding-bottom:0;}
.desc_box_dflex .sub_desc_thum {padding-left:3.5rem;}

.inquiry_con_wrap {position:relative; width:100%;}
.inquiry_con {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap:4rem 4rem;}
.inquiry_con > li {width:calc(50% - 2rem);}
.inquiry_con > li.col_full {width:100%;}
.inquiry_con > li > label {display: block;}
.inquiry_con > li > label h3 {color: #333; font-size:2rem; font-weight:700; margin-bottom: 1.6rem; line-height: 1;}
.inquiry_con > li > label > select {width: 100%; height:6.5rem; border:1px solid #ccc; padding: 0 1.5rem; font-size:1.6rem; color: #000; font-weight: 500; background-color: #fff; text-indent: 1rem; outline: none; border-radius:1rem; transition: all 0.4s}
.inquiry_con > li > label > select:focus {border:2px solid #333; background-color:#fff; outline:none;}
.inquiry_con > li > label > input {width: 100%; height:6.5rem; border:1px solid #ccc; padding: 0 1.5rem; font-size:1.6rem; color: #000; font-weight: 500; background-color: #fff; text-indent: 1rem; outline: none; border-radius:1rem; transition: all 0.4s;}
.inquiry_con > li > label > input:focus {border:2px solid #333; background-color:#fff; outline:none;}
.inquiry_con > li > label > textarea {width: 100%; height:25rem; border:1px solid #ccc; padding:3rem 3rem 3rem 2rem; font-size: 1.6rem; color: #000; font-weight: 500; background-color: #fff; /*text-indent: 1rem;*/ outline: none; border-radius: 2.5rem; transition: all 0.4s; resize:none;}
.inquiry_con > li > label > textarea:focus {border: 2px solid #333; background-color: #fff; outline: none;}

.inquiry_con .terms_wrap {border-radius:3.5rem; background: #F6F6F6; padding:3.5rem 4rem; height:35rem;}
.inquiry_con .terms {height:100%; padding:0 1rem; overflow-y:scroll;}
.inquiry_con .terms::-webkit-scrollbar {width: 2px;}
.inquiry_con .terms::-webkit-scrollbar-track {background: rgba(0,0,0,0.05);}
.inquiry_con .terms::-webkit-scrollbar-thumb {background-color: #000;}
.inquiry_con .terms * {color:#000;}
.inquiry_con .terms .txt_box {margin-bottom:2.5rem;}
.inquiry_con .terms .txt_box:last-child {margin-bottom: 0;}
.inquiry_con .terms .txt01 {padding:1rem 0; font-weight:300;}
.inquiry_con .terms .txt02 {font-weight:300;}
.inquiry_con .terms .txt03 {font-weight:300; padding-left:1rem;}
.inquiry_con .terms .add_terms {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #E5E5E5; font-weight:300;}

.inquiry_con .ck-box .ck-inner {display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; margin: 2.2rem 4rem 0 0;}
.inquiry_con .ck-input {position: relative;}
.inquiry_con .ck-input label {cursor: pointer;}
.inquiry_con .ck-input input {display: none;}
.inquiry_con .ck-input span {display: flex; flex-wrap: nowrap; align-items: center; word-break: keep-all; gap: 1rem; color: #000; font-size: 2rem; line-height: 1;}
.inquiry_con .ck-input span::before {content: ""; position:absolute; top: -4px; left: -30px; width: 24px; height: 24px; background-image: url(/assets/images/common/ck_box_off.png); background-repeat: no-repeat; background-size: contain;}
.inquiry_con .ck-input input:checked+span:before {background-image: url(/assets/images/common/ck_box_on.png);}

.data_list_wrap {position:relative; width:100%;}
.data_list_wrap > h4 {font-size:3rem; color:#333; font-weight:700; line-height:1; padding-bottom:3rem;}
.data_list_wrap .data_list {display:flex; flex-wrap: wrap; padding-bottom:10rem;}
.data_list_wrap .data_list:last-child {padding-bottom:0;}
.data_list_wrap .data_list > li {position: relative; width: calc((100% - 18rem) / 3); flex-shrink: 0; display: inline-block; }
.data_list_wrap .data_list > li + li {margin-left:6rem;}
.data_list_wrap .data_list .data_list_box {overflow: hidden; position: relative; width:100%;}
.data_list_wrap .data_list .data_list_box .data_list_tit {font-size:2.4rem; text-align:center; padding-bottom:2rem;}
.data_list_wrap .data_list .data_list_box .data_list_thum {display: block; position: relative; width:100%; border-radius:3rem; overflow:hidden;}
.data_list_wrap .data_list .data_list_box .data_list_thum > .img {width:100%; height:0; padding-top:139%; transition: transform cubic-bezier(0.4, 0, 0.2, 1) .3s; -webkit-transition: transform cubic-bezier(0.4, 0, 0.2, 1) .3s; will-change: transform;}
.data_list_wrap .data_list .data_list_box .data_list_thum > .img:hover {transform: scale(1.1) rotate(0.001deg);}
.data_list_wrap .data_list .data_list_box .data_list_thum > .img > img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.data_list_wrap .data_list .data_list_box .data_list_btn {display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-top:2rem; gap:1rem;}
.data_list_wrap .data_list .data_list_box .data_list_btn .btn_detail_view {display: flex; padding:1.1rem 1.8rem 0.5rem; justify-content: center; align-items: center; border-radius:2rem; border:2px solid #003399; font-size:1.6rem; color:#003399; line-height:1; cursor:pointer;}
.data_list_wrap .data_list .data_list_box .data_list_btn .btn_download {display: flex; padding:1.1rem 1.8rem 0.5rem; justify-content: center; align-items: center; border-radius:2rem; border:2px solid #ccc; font-size:1.6rem; color:#000; line-height:1; cursor:pointer;}

.about_img_cont {position:relative; width:100%; height:65rem; border-radius:5rem; background:transparent url('/assets/images/about_img.jpg') center center no-repeat; background-size: cover; margin-bottom:10rem;}
.about_img_cont .about_img_txt {padding:10rem 7rem 0;}
.about_img_cont .about_img_txt > dl {position:relative; display:flex; align-items: center; width:50%; font-size:2.4rem; font-weight:500; color:#fff; padding:3rem 0 2.6rem; line-height:1; border-bottom:1px solid #fff;}
.about_img_cont .about_img_txt > dl:last-child {border-bottom:0;}
.about_img_cont .about_img_txt > dl > dt {position:absolute; top:4.3rem; width:9.5rem; text-align: justify; line-height:0;}
.about_img_cont .about_img_txt > dl > dt:after{content: ''; display: inline-block; width: 100%;}
.about_img_cont .about_img_txt > dl > dd {padding-left:17.5rem;}

.about_vision_cont {padding-bottom:10rem;}
.about_vision_cont > ul {display: flex; flex-wrap: wrap;}
.about_vision_cont > ul > li {position: relative; width: calc((100% - 10rem) / 3); flex-shrink: 0; display: inline-block;}
.about_vision_cont > ul > li + li {margin-left: 5rem;}
.about_vision_cont .vision_img {position:relative; width:100%; height:0; padding-bottom:70%; border-radius:3.5rem; overflow:hidden;}
.about_vision_cont .vision_img > img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about_vision_cont .vision_desc {padding-top:3.5rem; text-align:center;}
.about_vision_cont .vision_desc > h1 {font-size:3.6rem; font-weight:700; color:#333; padding-bottom:3.5rem; line-height:1;}
.about_vision_cont .vision_desc > p {font-size:2.4rem; font-weight:500; color:#333;}

.patent_wrap {position:relative; width:100%;}
.patent_wrap > ul {display: flex; flex-wrap: wrap; margin-top:-10rem;}
.patent_wrap > ul > li {position: relative; width: calc((100% - 10rem) / 3); flex-shrink: 0; display: inline-block; margin-right: 5rem; margin-top:10rem;}
.patent_wrap > ul > li:nth-child(3n) {margin-right:0;}
.patent_wrap > ul .patent_img_box {padding:26px 30px; background-color:#f0f0f1; border-radius:3.5rem;}
.patent_wrap > ul .patent_img {position:relative; width:100%; height:0; padding-bottom:140%;}
.patent_wrap > ul .patent_img > img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.patent_wrap > ul .patent_desc {padding:4rem 0 0 3rem;}
.patent_wrap > ul .patent_desc > h1 {font-size:3.6rem; font-weight:700; color:#333; padding-bottom:4rem; line-height:1;}
.patent_wrap > ul .patent_desc > p {font-size:2.4rem; font-weight:500; color:#333; line-height:1.5;}

.organ_img {}
.organ_img > img {width:100%;}

/* 찾아오시는길 */
.map_wrap {position:relative; width:100%; height:60rem; border:1px solid #e5e5e5; border-radius:3.5rem; overflow:hidden;}
.location_bottom {position:relative; width:100%; padding-top:9rem; line-height:1;}
.location_bottom > .company_name {font-size:3.6rem; font-weight: 700; color:#333; padding-bottom:3.5rem;}
.location_bottom > .address {font-size:3rem; font-weight: 300; color:#333; padding-bottom:2rem;}
.location_bottom > .tel {font-size:3rem; font-weight: 300; color:#333;}

/* Login */
.login_wrap {position: relative; width: 400px; margin: 0 auto;}
.login_wrap input.login_ipt {width: 100%; height: 6.5rem; border: 1px solid #ccc; padding: 0 1.5rem; font-size: 1.6rem; color: #000; font-weight: 500; background-color: #fff; text-indent: 1rem; outline: none; border-radius: 1rem; transition: all 0.4s;}
.login_wrap input.login_ipt:focus {border: 2px solid #333; background-color: #fff; outline: none;}
.login_wrap input.login_ipt.password {margin-top: 20px;}
.login_wrap .login_btn {margin-top: 20px;}
.checkbox_id {position: relative; margin-top:2rem; padding-left:3rem;}
.checkbox_id label {cursor: pointer;}
.checkbox_id input {display: none;}
.checkbox_id span {display: flex; flex-wrap: nowrap; align-items: center; word-break: keep-all; gap: 1rem; color: #000; font-size: 2rem; line-height: 1;}
.checkbox_id span::before {content: ""; position: absolute; top: -4px; left:0; width: 24px; height: 24px; background-image: url(/assets/images/common/ck_box_off.png); background-repeat: no-repeat; background-size: contain;}
.checkbox_id input:checked+span:before {background-image: url(/assets/images/common/ck_box_on.png);}
.login_wrap .login_btn .frm_login_btn {display: flex; width:100%; padding:2rem 0 1.5rem; justify-content: center; align-items: center; border-radius:1rem; color:#fff; background-color:#0033cc; border:0; cursor: default; font-size:2.4rem; line-height:1; cursor:pointer;}

.list_header {display: flex; flex-direction: row; justify-content: space-between; padding:3rem 0 3rem; align-items: center; position: relative;}
.list_header .total_count {font-size:1.6rem; font-weight: 500; text-align: left;}
.list_header .total_count .point {color:#f90000;}
.flex_cnt {display: flex; justify-content: space-between; align-items: center;}

/* 검색창 스타일 */
.search {width:50rem; border: 1px solid #000000; border-radius: 1rem; padding:1rem 2rem; display: flex; flex-direction: column; position: absolute; top: 0; right: 0; background: #fff; transition: all 0.3s ease; z-index: 2;}
.search .search_box {display: flex; flex-direction: row; justify-content: space-between;}
.search .search_box .search_btns {display: flex; flex-direction: row; gap:2rem; align-items: center;}
.search .search_box .search_btns .clear_btn {width: 2rem; cursor: pointer; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
.search .search_box .search_btns .clear_btn.show {opacity: 1; visibility: visible;}
.search .search_box .search_btns .search_btn {width: 2rem;}
.search .search_box >  input {width: 100%; border: none; outline: none; font-size:1.6rem; line-height:1;}
.search .search_box .search_btns .clear_btn.show {opacity: 1; visibility: visible;}

.boardList {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #000; text-align:center; background:#fff;}
.boardList th {font-size:1.8rem; letter-spacing:-0.35pt; line-height:150%; font-weight:500; color:#000; box-sizing:border-box; padding:20px 10px; border-bottom:1px solid rgba(0, 0, 0, .13);}
.boardList td {font-size:1.8rem; letter-spacing:-0.35pt; line-height:150%; color:rgba(0, 0, 0, .8); box-sizing:border-box; padding:20px 10px; border-bottom:1px solid rgba(0, 0, 0, .13);}
.boardList td.left {text-align:left; padding:20px 20px;}
.boardList tr.point td{background:rgba(252,94,32,.05);}
.boardList td img{display:inline-block; vertical-align:middle; margin:0 3px 2px 3px;}
.boardList .notice span{color:var(--main); display:inline-block; vertical-align:middle;}
.boardList .mo_line{display:none;}
.boardList tr.show > td {border-bottom:0;}
.boardList tr.hidden_conetnt {display:none;}
.boardList tr.hidden_conetnt > td {text-align:left; padding-left:5%;}
.boardList tr.hidden-content.show {display:block;}

.boardList td.btn > button {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1rem; color: #fff; background-color: #000000; padding:10px;}
.boardList td.btn > button p {font-size: 1.4rem; line-height:1;}
.boardList td.btn > button.summary_link::after {content: ""; display: inline-block; width: 1.2rem; height: .8rem; background-image: url(/assets/images/icon/ico_arr_drop.svg); background-repeat: no-repeat; transition: 0.3s ease;}
.boardList tr.show td.btn > button.summary_link::after {transform: rotate(180deg);}

.pagination {margin-top: 5rem; text-align: center; display: flex; flex-direction: row; gap: 3rem; justify-content: center; align-items: center;}
.pagination .page-buttons {display: flex; flex-direction: row; gap: 2.5rem;}
.pagination .page-btn {background-color: #ffffff; cursor: pointer; color: #888;}
.pagination .page-btn.active, .pagination .page-btn:hover {font-weight: 500; color: #000;}
.pagination .arrow-buttons {display: flex; flex-direction: row; gap: 1rem;}
.pagination .arrow-buttons .arrow-btn {padding: 0.9rem 1.6rem; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .5rem;}
.pagination .arrow-buttons .arrow-btn.first-page img, .pagination .arrow-buttons .arrow-btn.prev-page img {transform: rotate(180deg);}
.pagination .arrow-buttons .arrow-btn:disabled {cursor: auto;}
.pagination .arrow-buttons .arrow-btn:disabled img {opacity: 0.2;}