@charset "utf-8";
@import url(/css/nanumsquare.css); 
@import url(/css/notosans.css);

/* reset */
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0;padding:0; box-sizing:border-box; word-break:keep-all; }
html {font-family:'Noto Sans KR', 'dotum', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; color:#444; letter-spacing: -0.5px; font-size:15px;line-height:140%;overflow-y:scroll;}
body {height:100%;}
html,body,div,p,span,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b{margin:0;padding:0; box-sizing:border-box; -moz-box-sizing:border-box}
html::-webkit-scrollbar {width:0; height:0; background:none;}
img,a,fieldset{border:0 none;}
ul,ol,li{list-style:none}
img {border:0;}
table {border-collapse: collapse;border-spacing: 0;}
/* li, p, dt, dd, div, span {word-break:break-all;} */
legend,caption {display:none;}
h1,h2,h3,h4,h5,h6,strong,b,th { font-family:'Noto Sans KR'; }
a{text-decoration:none;color:#444;}
a:focus, input:focus, button:focus{outline:none}
a,span,strong,p,em,i.b{line-height:inherit; color:inherit; font-size:inherit}
a:hover, a:active {
	color:#c80c47;
	-ms-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
}

/* ::selection {background:#0e6eb8;color:#fff;}
::-moz-selection {background:#0e6eb8;color:#fff;} */


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  /* font-weight: 400; */
  src: url(../fonts/NotoSansKR/NotoSans-Regular.eot);
  src: url(../fonts/NotoSansKR/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoSansKR/NotoSans-Regular.woff) format('woff'),
       /* url(../font/NanumGothic.ttf) format('truetype'); */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  src: url(../fonts/NotoSansKR/NotoSans-Medium.eot);
  src: url(../fonts/NotoSansKR/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
       url(../font/NotoSans-Medium.woff) format('woff'),
       /* url(../font/NanumGothic.ttf) format('truetype'); */
}
@font-face {
  font-family: 'Noto Sans KR B';
  font-style: normal;
  /* font-weight: 400; */
  src: url(../fonts/NotoSansKR/NotoSans-Bold.eot);
  src: url(../fonts/NotoSansKR/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoSansKR/NotoSans-Bold.woff) format('woff'),
       /* url(../font/NanumGothic.ttf) format('truetype'); */
}

 @font-face {
 font-family: 'NanumSquare';
 src: url(../fonts/NanumSquare/NanumSquareR.eot);
 src: url(../fonts/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumSquare/NanumSquareR.woff) format('woff'),
       url(../fonts/NanumSquare/NanumSquareR.ttf) format('truetype');
}

 @font-face {
 font-family: 'NanumSquareB';
 src: url(../fonts/NanumSquare/nanumsquareb.eot);
 src: url(../fonts/NanumSquare/nanumsquareb.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumSquare/nanumsquareb.woff) format('woff'),
       url(../fonts/NanumSquare/nanumsquareb.ttf) format('truetype');
	   font-weight:500;
}

/* 공통 */
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
::-webkit-input-placeholder {color:#999 !important;/* font-size: 0.875rem; *//* letter-spacing: -0.5px; */}
::-moz-placeholder {color:#999 !important;font-size:13px;}
:-ms-input-placeholder{color:#999 !important;font-size:13px;}
:-moz-placeholder{color:#999 !important;font-size:13px;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mr10 {margin-right:10px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}

.bg_none { background:none !important; }
.bd_none { border:none !important;  }

.pc_hidden { display:none; }

/* input */
input[type=text], input[type=password], select { border:1px solid #ddd; }
.input_txt { border:1px solid #ddd; padding:0 6px; min-height:32px; }
.input_l { width:100%; }
.input_m { width:40%; }
.input_s { width:10%; }
input[type=file] { min-height:32px; }
input[type=checkbox], input[type=radio] {vertical-align:middle;}


/* txt */
.txt_point {color:#c80c47;}
.txt_blue {color: #0c83c8;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}
.basic_txt_area{ word-break:keep-all; line-height:155%; }
.basic_txt_area strong:first-child { font-size:16px; display:block; margin-bottom:10px; }
.txt_small { font-size:13px; }
.ps_txt { font-size:13px; color:#666; margin-top:10px; text-align:right; }
.txt_b { font-weight: 500;}

/******** 전체 ********/
/* html,body,#wrap { height:100%; } */
html,body { height:100%; }

/******** header ********/
#headerWrap { position:fixed; top:0; left:0; width:100%; z-index:99999; background:#fff; border-bottom:1px solid #ddd; }
#header { position:relative; width:1200px; height:85px; margin:0 auto; }
#header h1 {position:absolute;top: 26px;left:0;}
#header h1 a {display: flex;align-items: center;}
#topBanner { position:relative; background:#5f6a7d; height:180px; }
#topBanner div { width:1200px; margin:0 auto; }
#topBanner .banner_close { width:1200px; position:absolute; bottom:15px; text-align:right; color:#fff; font-size:13px; }
#topBanner .banner_close a { display:inline-block; border:1px solid #fff; padding:1px 12px; margin-left:8px; cursor:pointer; }
#topBanner .banner_close a:hover { background:rgba(255,255,255,0.1); color:#fff; }
.hidden { display:none; }

/* gnb */
#navi {position:absolute;z-index:920;top:0;left: 260px;height: 100%;}
#navi .navi_area {height: 100%;color:#333;}
.sub_nav_bg { left:0; top:86px; width:100%; background:url(../images/common/sub_nav_bg.gif); overflow:hidden; position:absolute; display:none; z-index:99; }
.sub_nav_img { margin-left:250px; left:50%; top:48px; width:329px; height:167px; position:absolute; display:none; z-index:900; }
.nav {height: 100%;overflow:hidden;}
.nav_dep1 { position:relative; height:85px; line-height:85px; font-family: 'Noto Sans KR'; font-family: 'Noto Sans KR'; }
.nav > ul { overflow:hidden; }
.nav > ul > li {position:relative;width: 160px;height:auto;text-align:center;float:left;}/* 높이 common.js에서 수정 */
.nav > ul > li > a {font-size: 1.125rem;/* letter-spacing: -1px; */}
.nav > ul > li a { display:block; }
.nav > ul > li.selected { color:#c80c47; }
.nav > ul > li > .sub_nav { height:auto; padding-top:5px; font-size:15px; }/* 높이 common.js에서 수정 */
.nav > ul > li > .sub_nav > li { margin:10px 0; color:#333; letter-spacing:-0.8px; text-align:center;}
.nav > ul > li > .sub_nav a:hover { color:#c80c47; text-decoration:underline; }

.nav > ul > li.selected > .nav_dep1 { display:block; width:100%; text-align:center; }
.nav > ul > li.selected > .nav_dep1 .line { display:block; width:60px; height:4px; margin:-4px auto; background:#c80c47; 
	-ms-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.nav > ul > li.selected > .sub_nav li:hover { color:#c80c47; }
.gnb_on { color:#c80c47; }


/* 검색.언어 */
.sch_lang { position:absolute; top:28px; right:0px; overflow:hidden; }
.sch_lang .sch_wrap {float:left;position:relative;width: 180px;margin-right:12px;border-bottom:1px solid #666;}
.sch_lang .sch_wrap input[type=text] {width: calc(100% - 1.25rem);height:31px;padding-left:5px;border:0;}
.sch_lang .btn_sch {position:absolute;top: 8px;aspect-ratio: 1/1;max-height: 1.125rem;}
.sch_lang .btn_sch img {width: 100%; height: 100%; object-fit: cover;}
.sch_lang .lang { float:left; }
.sch_lang .btn_lang {display:inline-block;width:53px;margin-top:6px;/* padding-left:5px; */cursor:pointer;font-family: 'Noto Sans KR';/*background:url(../images/common/bar.png) left 2px no-repeat;*/text-align:center;}
.sch_lang .btn_lang .select_arrow { position:absolute; top:10px; right:0px; display:inline-block; width:9px; height:6px; background:url(../images/common/select_arrow.png) 0 0 no-repeat; margin-left:5px; }
.sch_lang .lang_list { display:none; margin-top:5px; width:50px; background:#fff; font-size:13px; border:1px solid #ddd; text-align:center; }
.sch_lang .lang_list li { margin-bottom:3px; }
.sch_lang .lang_list li a {display:block;width:100%;padding: 2px;}
.sch_lang .lang_list li a:hover { background:#666; color:#fff; }



/******** footer ********/

#footerWrap { position:relative; background:#84878b; }
#footer { width:1200px; margin:0 auto; }
.footer_top { position:relative; padding:35px 0 25px 0; border-bottom:1px solid #a4a6a9; }
.footer_top .sitemap {overflow:hidden;display: flex;justify-content: space-between;}
.footer_top .sitemap li strong { color:#fff; display:block; padding-left:8px; margin-bottom:10px; font-size:16px; }
.footer_top .sitemap li {/* float:left; *//* width:240px; */color:#f2f2f2;margin-bottom:5px;min-width: 10rem;}
.footer_top .sitemap li:hover { color:#fff; }
.footer_top .sitemap li a:hover { color:#fff; text-decoration:underline; }
.footer_top .sns { position:absolute; right:0; bottom:10px; }
.footer_top .sns a:first-child { display:inline-block;}

.footer_bottom {height:120px;display: flex;justify-content: space-between;}
.footer_bottom .f_logo {margin-right:30px;padding-top:40px;}
.footer_bottom .address_wrap {float:left;width: 60%;font-size:13px;color:#ededed;margin: 1.5rem;}
.footer_bottom .address_wrap .footer_menu {overflow:hidden;padding: 1rem 0 0.5rem;}
.footer_bottom .address_wrap .footer_menu li { float:left; padding-right:8px; background:url(../images/common/footer_bar.png) right 5px no-repeat; }
.footer_bottom .address_wrap .footer_menu li:last-child { padding-left:8px; background:none; }
.footer_bottom .address_wrap .footer_menu li:last-child a:hover { color:#b2b2b2; text-decoration:underline; }
.footer_bottom .address_wrap .footer_menu li strong { color:#fff192; } 
.footer_bottom .address_wrap .footer_menu li strong:hover { text-decoration:underline; }
.footer_bottom .address_wrap .address { overflow:hidden; }
.footer_bottom .address_wrap .address li { float:left; padding:0 8px; background:url(../images/common/footer_bar.png) right 5px no-repeat; }
.footer_bottom .address_wrap .address li:first-child {padding:0 8px 0 0;float: inherit;background: none;}
.footer_bottom .address_wrap .address li:nth-child(2) {padding-left: 0;}

.footer_bottom .footer_btn {width: 238px;position:relative;padding-top: 2rem;font-size:13px;}
.footer_bottom .footer_btn .btn_family { position:relative; display:block; height:30px; line-height:25px; margin-bottom:5px; padding-left:15px; border:1px solid #ccc; color:#fcfcfc; cursor:pointer; }
.footer_bottom .footer_btn .btn_family:hover { background:rgba(255,255,255,0.1); }
.footer_bottom .footer_btn .btn_family .arrow { display:inline-block; width:12px; height:7px; background:url(../images/common/select_arrow.png) 0 0 no-repeat; position:absolute; top:11px; right:10px;  }
.footer_bottom .footer_btn .family_list { display:none; position:absolute; top:-78px; width:235px; padding:0 15px; border:1px solid #ccc; background:#84878b; }
.footer_bottom .footer_btn .family_list li { border-bottom:1px dotted #ccc; padding:7px 0; }
.footer_bottom .footer_btn .family_list li:last-child { border-bottom:none; }
.footer_bottom .footer_btn .family_list a { color:#ccc; }
.footer_bottom .footer_btn .family_list a:hover { color:#fff; }
.footer_bottom .footer_btn .btn_admin {position:relative;display:inline-block;width: 49%;padding-left:20px;height:34px;line-height:30px;color:#70caf0;border:1px solid #70caf0;text-align:center;}
.footer_bottom .footer_btn .btn_admin .admin_icon { display:inline-block; width:16px; height:16px; background:url(../images/common/icon_admin.png) 0 0 no-repeat; position:absolute; left:23%; top:7px; }
.footer_bottom .footer_btn .btn_admin:hover { background:rgba(38,145,191,0.1); }

.footer_bottom .footer_btn .btn_system {display:inline-block;width: 100%;height:34px;line-height:30px;color:#fff;background:#c80c47;border:1px solid #c80c47;text-align:center;margin-right: 1%;}
.footer_bottom .footer_btn .btn_system:hover { background:#a50a3b; border:1px solid #a50a3b; }



/******** main ********/

/* visual */
/* .rolling_visual { width:100%; height:100%; }
.camera_src { min-width:1400px; height:100% !important; }
#camera_wrap_m { height:100% !important; }

#visual .video { width:100% !important; } */

.main_slider { width:100%; }
.main_slider > div { width:1920px !important; height:980px; }
.main_slider .slide01  {  background:url(../images/main/visual01.png) 0 0 no-repeat; }
.main_slider .slide01_2  {  background:url(../images/main/visual01_2.png) 0 0 no-repeat; }
.main_slider .slide01_3  {  background:url(../images/main/visual01_3.png) 0 0 no-repeat; }
.main_slider .slide01_4  {  background:url(../images/main/visual01_4.png) 0 0 no-repeat; }
.main_slider .slide01_5  {  background:url(../images/main/visual01_5.png) 0 0 no-repeat; }
.main_slider .slide02  {  background:url(../images/main/visual02.jpg) 0 0 no-repeat; }
.main_slider .slide03  {  background:url(../images/main/visual03.jpg) 0 0 no-repeat; }
.main_slider .slide04  {  background:url(../images/main/visual04_2.png) 0 0 no-repeat; }
.main_slider .slide05  {  background:url(../images/main/visual05.jpg) 0 0 no-repeat; }
.main_slider .slide06  {  background:url(../images/main/visual06.jpg) 0 0 no-repeat; }
.main_slider .main_copy {position:absolute;top: 25%;left:50%;/* transform: translateX(-70%); */margin-left: -600px;z-index:99;color:#fff;font-family:'NanumSquare', sans-serif;font-size: 64px;line-height:120%;text-shadow: 0 0 10px #212329bf;}
.main_slider .main_copy p:last-child { font-weight:600; margin-top:-10px; }
.main_slider .main_copy p.flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.main_slider .main_copy p.flex img {
    width: 448px;
    height: 54px;
    margin-left: 20px;
}
.main_slider .slide_txt_small {font-size: 46px;}
.main_slider .main_copy_b { position:absolute; top:28%; left:50%; margin-left:-600px; z-index:99; color:#333; font-family:'NanumSquare', sans-serif; font-size:60px; line-height:120%; }
.main_slider .main_copy_b p { font-weight:600; margin-top:-10px; }
.main_slider .slide_txt_small_b { font-size:36px; }

#visual { overflow:hidden; position:relative; height:100%; }
#visual .video_wrap { position:absolute; width:100%; height:100%; background:url(../images/main/ptn_dim.png) 0 0 repeat; z-index:99; }
#visual .quick_menu { position:absolute; width:100%; bottom:8%; left:0; z-index:999; }
#visual .quick_menu ul { width:1200px; margin:0 auto; overflow:hidden; }
#visual .quick_menu ul li { float:left; position:relative; width:294px; margin-right:8px; background:rgba(0,0,0,0.5); }
#visual .quick_menu ul li a { display:block; width:100%; height:60px; cursor:pointer; }
#visual .quick_menu ul li:last-child { margin-right:0; }
#visual .quick_menu .menu_txt {display:block;width:100%;height:100%;line-height:60px;text-align:center;color:#fff;font-size: 1.125rem;letter-spacing:-0.5px;}
#visual .quick_menu .menu_icon { display:none; width:50px; height:50px; margin:20px auto 0; }
#visual .quick_menu .icon01 { background:url(../images/main/menu_icon01.png) 0 0 no-repeat;}
#visual .quick_menu .icon02 { background:url(../images/main/menu_icon02.png) 0 0 no-repeat;}
#visual .quick_menu .icon03 { background:url(../images/main/menu_icon03.png) 0 0 no-repeat;}
#visual .quick_menu .icon04 { background:url(../images/main/menu_icon04.png) 0 0 no-repeat;}
#visual .quick_menu .icon05 { background:url(../images/main/menu_icon05.png) 0 0 no-repeat;}
#visual .quick_menu .icon06 { background:url(../images/main/menu_icon06.png) 0 0 no-repeat;}
#visual .quick_menu li:hover { background:rgba(199,12,71,1); }
#visual .quick_menu li:first-child:hover .icon01 { background:url(../images/main/menu_icon01_on.png) 0 0 no-repeat; }
#visual .quick_menu li:nth-child(2):hover .icon02 { background:url(../images/main/menu_icon02_on.png) 0 0 no-repeat; }
#visual .quick_menu li:nth-child(3):hover .icon03 { background:url(../images/main/menu_icon03_on.png) 0 0 no-repeat; }
#visual .quick_menu li:nth-child(4):hover .icon04 { background:url(../images/main/menu_icon04_on.png) 0 0 no-repeat; }
#visual .quick_menu li:nth-child(5):hover .icon05 { background:url(../images/main/menu_icon05_on.png) 0 0 no-repeat; }
#visual .quick_menu li:last-child:hover .icon06 { background:url(../images/main/menu_icon06_on.png) 0 0 no-repeat; }

/* 메인메뉴 hover 애니메이션 */
.quick_menu .box_inner_top{display:block;position:absolute;width:0;top:5px;left:5px;border-top:1px solid #e386a3;transition:width 1s;z-index:9999;}
.quick_menu a:hover .box_inner_top{width:98%;}

.quick_menu .box_inner_right{display:block;position:absolute;width:1px;height:0px;bottom:5px;right:5px;border-right:1px solid #e386a3;transition:height 1s;z-index:9999;}
.quick_menu a:hover .box_inner_right{height:98%;}

.quick_menu .box_inner_bottom{display:block;position:absolute;width:0;bottom:5px;right:5px;border-bottom:1px solid #e386a3;transition:width 1s;z-index:9999;}
.quick_menu a:hover .box_inner_bottom{width:98%;}

.quick_menu .box_inner_left{display:block;position:absolute;width:1px;height:0px;top:5px;left:5px;border-left:1px solid #e386a3;transition:height 1s;z-index:9999;}
.quick_menu a:hover .box_inner_left{height:98%;}

.mouse { position:absolute; width:100%; left:0; bottom:10%; z-index:999; }
.mouse p { text-align:center; margin-bottom:10px; }
.mouse_arrow img { position:relative; -webkit-animation: myfirst 0.5s linear 1s infinite alternate; /*normal;  Chrome, Safari, Opera */ animation: myfirst 0.5s linear 1s infinite alternate; }
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {opacity: 1.0; top:12px;}
    100% {opacity: 1.0; top:0px;}
}
/* Standard syntax */
@keyframes myfirst {
    0%   {opacity: 1.0; top:12px;}
    100% {opacity: 1.0; top:0px;}
}


/* section */
/* .section { height:100%; } */ 
.section .contents {width:1200px;margin:0 auto;padding-top: 17vh;padding-right:0;padding-bottom:60px;padding-left:0;overflow:hidden;color:#333;}
.section .contents a { color:#333; }
.section .tit {text-align:center;margin-bottom: 2rem;}
.section .tit h2 {font-size: 2.25rem;}
.section .tit h2 .line_b { display:block; margin:35px auto 15px; width:60px; height:1px; background:#222; }
.section .tit h2 .line_w { display:block; margin:35px auto 15px; width:60px; height:1px; background:#fff; }
.section .tit_bottom {  font-size:18px; color:#333; }
#section1 { background-image:url(../images/main/product_bg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:cover; }
#section2 { background-image:url(../images/main/deck_bg.png); background-position:0 0; background-repeat:no-repeat; background-size:cover; }
#section3 { background:url(../images/main/duckshin_ptn.png) repeat; }
#section4 { background-image:url(../images/main/ir_bg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:cover;}


/* news */
.news_list { overflow:hidden; }
.slide {overflow:hidden;display: flex;gap: 1rem;align-items: stretch;}
.slide .photo_big {width: calc(40% - 1rem);height: 448px;background:#fff;border:1px solid #eee;box-sizing: border-box;}
.slide .photo_small {width: 60%;}
.slide .photo a { position:relative; display:block; }
.slide .photo a:hover .photo_tit, .slide .photo a:hover .date { color:#333; text-decoration:underline !important; }
/* .slide .photo a::before { position:absolute; content:""; width:100%; height:100%; border:3px solid #c80c47; z-index:9; } */ 
.slide .photo a img {width:100%;height:100%;object-fit: cover;max-width: inherit;}
.slide .photo_big .photo_img {display:block;width:100%;aspect-ratio: 3/1.75;overflow: hidden;max-height: calc(100% - 100px);}
.slide .photo_big .photo_info {overflow:hidden;display:block;background:#fff;padding: 30px;box-sizing: border-box;}
.slide .photo_big .board_name { display:block; float:left; width:65px; min-height:45px; margin-right:15px;  font-size:17px; font-family: 'Noto Sans KR'; padding-top:10px; background:url(../images/common/tit_line_red.png) 0 0 no-repeat; color:#c80c47; letter-spacing:-1px; }
.slide .photo_big .photo_tit {
    display:block;
    width: 100%;
    letter-spacing:-1px;
    max-height: 1.75rem;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    }


.slide .photo_small a {overflow:hidden;display: flex;height: 214px;}
.slide .photo_small a:first-child { margin-bottom:20px; }
.slide .photo_small .photo_img {width:50%;block;aspect-ratio: 3/1.75;overflow: hidden;flex-grow: 1;} 
.slide .photo_small .photo_info {width:50%;display:block;background:#fff;padding: 1.75rem 2rem;box-sizing: border-box;}
.slide .photo_small .board_name { display:block;  font-size:17px; font-family: 'Noto Sans KR'; padding-top:10px; background:url(../images/common/tit_line_red.png) 0 0 no-repeat; color:#c80c47; letter-spacing:-1px; margin-bottom:15px; }
.slide .photo_tit {
    font-size: 1.125rem !important;
    line-height: 1.3em;
    letter-spacing: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 2rem;
    margin-bottom: 0.75rem;
    }
.slide .photo_list {
    color: #666;
    font-size: 0.925rem;
    font-weight: 300;
}
.slide .photo_list li {
    display: flex;
    margin-top: 0.2rem;
}
.slide .photo_list li .tit {
    margin: 0;
    width: 4rem;
    text-align: left;
    color: #222;
    font-weight: 500;
}
.slide .photo_cont {
    color: #666;
    font-size: 0.925rem;
    line-height: 1.3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 2rem;
    font-weight: 300;
    margin: 0.5rem 0;
}
.slide .date {
    font-size: 0.925rem;
    margin-top: 1rem;
}

/* product */
.pro_list {overflow:hidden;display: flex;flex-wrap: wrap;gap: 1rem;justify-content: center;}
.pro_list li {/* float:left; */width: calc((100% - 2rem) / 3);border:1px solid #eee;background:#fff;}
/* .pro_list li:first-child { width: 795px;}  */
.pro_list li a { display:block; padding:15px; }
.pro_list li a:hover { color:#333; }
.pro_list li .pro_img {display:block;margin-bottom:15px;width:100%;height: 11rem;overflow:hidden;}
.pro_list li .pro_img img {
	width:100%;
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.pro_list li a:hover .pro_img img {
    -webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -o-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
      transform: scale(1.1,1.1);
       -o-transition: .3s;
      -moz-transition: .3s;
      -webkit-transition: .3s;
      transition: .3s;
}
.pro_list li .pro_name_e { display:block;  font-size:18px; font-family: 'Noto Sans KR'; padding-top:10px; background:url(../images/common/tit_line_red.png) 0 0 no-repeat; }
.pro_list li .pro_name_k { display:block;  font-size:16px; margin-top:-2px; }


/* duckshin */
#section3 h2, #section3 .tit_bottom {color:#fff;line-height: 1.3em;}
.find_child { float:right; width:520px; height:480px; background:#fbfaed; margin-left:20px; padding:25px 20px 15px 20px; }
.find_child h3 { margin-bottom:15px; font-size:20px; }
.find_child .find_tit { display: flex;    justify-content: space-between;}
.find_child .find_tit a { color: #c80c47;}
.find_child .child_wrap { overflow:hidden; }
.find_child .child01 { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #a4a7a4; }
.find_child .child_img { float:left; width:120px; height:130px; margin-right:15px; }
.find_child .child_img img { width:100%; height:100%; }
.find_child .child_info { float:left; width:70%; }
.find_child .child_info .child_name { margin-bottom:8px; }
.find_child .child_info .child_name strong { font-size:18px; }
.find_child .child_info ul li { overflow:hidden; margin-bottom:10px; font-size:14px; }
.find_child .child_info ul li:last-child { margin-bottom:0; }
.find_child .child_info ul li strong { display:block; float:left; margin-right:8px; width:18%; height:22px; line-height:20px; background:#4e4e4e; color:#fff; text-align:center; }
.find_child .child_info ul li p { float:left; width:78%; word-break:keep-all; line-height:140%; }
.find_child .find_call { text-align:right; margin-top:50px; }
.find_child .find_call span { display:inline-block; margin-left:10px;margin-bottom: 10px;}
.find_child .child_banner {position: relative;}

.hope { float:left; width:660px; height:350px; }
.hope ul li a { display:block; overflow:hidden; height:230px; background:#fff; }
.hope ul li a:first-child { margin-bottom:20px; }
.hope ul li a:hover .photo_tit, .hope ul li a:hover .date { color:#333; text-decoration:underline !important; }
.hope ul li a .photo_img { display:block; float:left; width:42%; height:230px; } 
.hope ul li a .photo_img img { width:100%; height:100%; }
.hope ul li a .photo_info { display:block; float:left; width:58%; height:230px; background:#fff; padding:25px; border-top:1px solid #eee;  border-right:1px solid #eee; border-bottom:1px solid #eee; }
.hope ul li a .board_name { display:block; font-size:17px; font-family: 'Noto Sans KR'; padding-top:10px; background:url(../images/common/tit_line_red.png) 0 0 no-repeat; color:#c80c47; letter-spacing:-1px; margin-bottom:15px; }
.hope ul li a .photo_tit { display:block; margin-bottom:8px;  font-size:18px; font-family: 'Noto Sans KR'; letter-spacing:-1px; line-height:130%; }
.hope ul li a .photo_contents { word-break:keep-all; }

/* ir */
#section4 h2, #section4 .tit_bottom {color:#fff;}
.stock_wrap { float:left; width:520px; height:410px; background:#fff; margin-right:20px; }
.stock_wrap .stock_top { overflow:hidden; padding:35px 30px; height:200px; }
.stock_wrap .stock_top .fl { width:50%; height:100%; border-right:1px solid #ddd; padding-top:11%; }
.stock_wrap .stock_top .fl strong { font-size:58px; }
.stock_wrap .stock_top .fl img { margin:5px 5px 0 0; vertical-align:top; }
.stock_wrap .stock_top .fr { width:50%; }
.stock_wrap .stock_top .fr p { padding:20px 25px; font-size:16px; }
.stock_wrap .stock_top .fr p:first-child { border-bottom:1px solid #ddd; }
.stock_wrap .stock_top .fr p span { display:inline-block; width:65px; }
.stock_wrap .stock_top .fr p img { width:14px; margin-right:5px; }
.stock_wrap .stock_bottom .fl { width:50%; } 
.stock_wrap .stock_bottom .fl .stock_tit { display:block; background:#f8f8f8; text-align:center; font-size:18px; padding:18px 0; }
.stock_wrap .stock_bottom .fl div { text-align:center; padding:25px 0; }
.stock_wrap .stock_bottom .fl .price { font-size:16px; }
.stock_wrap .stock_bottom .fl .price strong { display:block; font-size:28px; margin:12px 0 8px 0; }
/* .stock_wrap .stock_info { position:relative; width:100%; height:40px; margin-bottom:20px; }
.stock_wrap .stock_info .price { font-size:16px; position:absolute; left:0; bottom:0; font-family: 'Noto Sans KR'; }
.stock_wrap .stock_info strong { font-size:36px;  }
.stock_wrap .stock_info div { position:absolute; right:0; bottom:0; }
.stock_wrap .stock_info div .point { text-align:right; }
.stock_wrap .graph { width:460px; height:280px; } */

.ir_quick { display: flex; width:100%; }
.ir_quick li { width:calc((100% - 20px) / 3); height:400px; margin-right:10px; }
.ir_quick li a { position:relative; display:block; width:100%; height:100%; padding:120px 0; border:3px solid transparent; background:rgba(199,12,71,0.8); 	
}
/* .ir_quick li a:hover { border:3px solid #c80c47; background:rgba(199,12,71,0); 
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
} */
.ir_quick li:nth-child(3n) { margin-right:0; }
.ir_quick .menu_txt { display:block; width:100%; text-align:center; color:#fff;  font-size:26px; font-family: 'Noto Sans KR'; }
.ir_quick .menu_icon { display:block; width:60px; height:66px; margin:0 auto 40px; }
.ir_quick .icon01 { background:url(../images/main/ir_icon01.png) center 0 no-repeat; /* background-size:90%; */ }
.ir_quick .icon02 { background:url(../images/main/ir_icon02.png) center 0 no-repeat; /* background-size:90%; */ }
.ir_quick .icon03 { background:url(../images/main/ir_icon03.png) center 0 no-repeat; /* background-size:90%; */ }
.ir_quick .icon04 { background:url(../images/main/ir_icon04.png) center 0 no-repeat; /* background-size:90%; */ }


/* ir_quick hover 애니메이션 */
.ir_quick a:hover { background:rgba(200,12,71,0.9); box-shadow:6px 6px 6px rgba(0,0,0,0.2);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.ir_quick .box_inner_top{display:block;position:absolute;width:0;top:0;left:0;border-top:1px solid #fff;transition:width 0.8s;z-index:9999;}
.ir_quick a:hover .box_inner_top{width:100%;}

.ir_quick .box_inner_right{display:block;position:absolute;width:3px;height:0px;bottom:0;right:0;border-right:1px solid #fff;transition:height 0.8s;z-index:9999;}
.ir_quick a:hover .box_inner_right{height:100%;}

.ir_quick .box_inner_bottom{display:block;position:absolute;width:0;bottom:0;right:0;border-bottom:1px solid #fff;transition:width 0.8s;z-index:9999;}
.ir_quick a:hover .box_inner_bottom{width:100%;}

.ir_quick .box_inner_left{display:block;position:absolute;width:3px;height:0px;top:0;left:0;border-left:1px solid #fff;transition:height 0.8s;z-index:9999;}
.ir_quick a:hover .box_inner_left{height:100%;}



/******** sub ********/

/* sub공통 */
#subContainer { margin-top:85px; }
.sub_visual { position:relative; width:100%; height:350px; }
.sub_visual01 { background:url(../images/common/sub_visual01.jpg) 0 0 no-repeat; }
.sub_visual02 { background:url(../images/common/sub_visual02.jpg) 0 0 no-repeat; }
.sub_visual03 { background:url(../images/common/sub_visual03.jpg) 0 0 no-repeat; }
.sub_visual04 { background:url(../images/common/sub_visual04.jpg) 0 0 no-repeat; }
.sub_visual05 { background:url(../images/common/sub_visual05.jpg) 0 0 no-repeat; }
.sub_visual06 { background:url(../images/common/sub_visual06.jpg) 0 0 no-repeat; }
.sub_visual07 { background:url(../images/common/sub_visual07.jpg) 0 0 no-repeat; }
.sub_visual h2 {  font-size:54px; position:absolute; top:170px; z-index:9; width:100%; text-align:center; color:#fff; }

.sub_menu_wrap { background:#333; width:100%; z-index:99; 
	-webkit-transition: all 0.5s ease;
  -moz-transition: position 6s;
  -ms-transition: position 6s;
  -o-transition: position 6s;
  transition: all 0.5s ease;

}
.fixed { position:fixed; top:86px; 
	animation: smoothScroll 0.5s forwards;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-86px);
	}
	100% {
		transform: translateY(0px);
	}
}
.sub_menu { position:relative; width:1200px; height:50px; margin:0 auto; }
.sub_menu .home { width:60px !important; height:50px; border-left:1px solid #df4576; }
.sub_menu .home img { margin-top:18px; }
.sub_menu .menu { float:left; width:270px; line-height:50px; border-right:1px solid #df4576; color:#fff; font-size:16px; }
.sub_menu .menu > a { display:block; position:relative; width:100%; height:100%; padding:0 20px; cursor:pointer; background:#c80c47; }
.sub_menu .menu a:hover { background:#b4073e; color:#fff; }
.sub_menu .sub_menu_arrow { display:inline-block; width:9px; height:6px; background:url(../images/common/select_arrow.png) 0 0 no-repeat;  position:absolute; top:23px; right:20px; }

.sub_menu .depth_list { position:absolute; width:270px; background:#c80c47; display:none; z-index:99; }
.sub_menu .depth_list li a { display:block; padding-left:20px; height:38px; line-height:38px; }

#subContainer .contents { width:1200px; margin:0 auto; padding:70px 0; }
#subContainer .contents h3 {  font-size:44px; text-align:center; margin-bottom:70px; line-height:44px; color:#333; }
.con_area { overflow:hidden; margin-bottom:80px; }
.con_area .h4_type1 {  font-size:1.5rem; line-height:130%; float:left; width:220px; background:url(../images/common/tit_line.png) 0 0 no-repeat; margin-right:40px; padding-top:20px; letter-spacing:-1px; font-weight:normal; color:#222; }
.con_area .h4_type2 {  font-size:28px; line-height:130%; font-weight:normal; color:#222; }

.con_area .h4_type3 {
    font-size: 1.5rem;
    line-height: 130%;
    /* float: left; */
    width: 100%;
    background: url(../images/common/tit_line.png) center 0 no-repeat;
    margin: 0px auto 30px;
    padding-top: 20px;
    letter-spacing: -1px;
    font-weight: normal;
    color: #222;
    text-align: center;
}

.con_area .full_contents {width: 100%;/* padding-top:25px; */display: flex;align-items: stretch;}

.con_area .right_contents {float:left;width: calc(100% - 260px);/* padding-top:25px; */display: flex;align-items: stretch; flex-wrap: wrap;}
.con_area .right_contents table {
    width: 100%;
}
.con_area .small_area { margin-bottom:40px; }
.con_area .small_area h5 {  font-size:20px; line-height:130%; margin-bottom:10px; }

.top_big_txt .top_copy { font-size:30px; line-height:140%; text-align:center; font-family: 'Noto Sans KR'; color:#333; margin-bottom:20px; }
.top_big_txt .top_copy2 {  font-size:20px; text-align:center; margin-top:10px; margin-bottom:20px;line-height:140%; color:#333; }
.top_copy_bd {}
.top_copy_bd .line_b { display:block; margin:25px auto 20px; width:60px; height:1px; background:#222; }



.basic_list li { background:url(../images/common/list_bullet.gif) 0 8px no-repeat; padding-left:9px; margin-bottom:3px; } 


/* button 버튼 */
.btn_area { margin-top:30px; text-align:center; }
.btn_area a { display:inline-block; min-width:120px; font-family: 'Noto Sans KR'; }
.one_btn a { width:150px; text-align:center; font-family: 'Noto Sans KR'; font-size:16px; }

.btn_confirm { padding:12px 0; background:#c80c47; color:#fff; margin-right:10px; }
.btn_confirm:hover { background:#aa0a3c; color:#fff; }
.btn_cancel, .btn_gray { padding:12px 0; background:#777; color:#fff; }
.btn_cancel:hover , .btn_gray:hover { background:#686868; color:#fff; }


/* table */
.list_table01 { border-top:2px solid #222; }
.list_table01 th { background:#f6f6f6; padding:10px 0; border-bottom:1px solid #ddd; }
.list_table01 td { padding:15px 10px; border-bottom:1px solid #ddd; text-align:center; }
.list_table01 td img {
    width: 100%;
}
.list_table01 .icon_file  { margin-left:5px; }
.list_table01 .th_bg { background:#fffef8; font-family: 'Noto Sans KR'; }
.list_table01 .td_bg { background:#fbfbfb; }

.info_table th, .info_table td { border-left:1px solid #ddd; border-right:1px solid #ddd; }

.info_table th, .info_table td.txt_l ul li { 
    text-indent: -16px;
    padding-left: 16px;
}


.table_top_tit { overflow:hidden; }
.table_top_tit h5 { float:left; }
.table_top_tit p { float:right; padding-top:10px; }

.total { color:#c80c47; font-family: 'Noto Sans KR'; }

.form_table td { text-align:left; }
.form_table input:focus { border:1px solid #c80c47; }
.form_table textarea { width:100%; border:1px solid #ddd; padding:10px; }

.view_table { border-top:2px solid #222; }
.view_table th { background:#f6f6f6; padding:15px 0; border-bottom:1px solid #ddd; }
.view_table td { padding:15px 10px; border-bottom:1px solid #ddd; }
.view_table .view_ctn { padding:40px 30px; }
.view_table .icon_file { margin-left:5px; }
.icon_file { display:inline-block; width:14px; height:14px; background:url(../images/board/icon_file.png) 0 0 no-repeat; vertical-align:middle; }
.view_table .list_move th span { display:inline-block; width:9px; height:6px; margin-right:8px; vertical-align:middle; }
.view_table .list_prev { background:url(../images/board/arrow_prev.png) 0 0 no-repeat; }
.view_table .list_next { background:url(../images/board/arrow_next.png) 0 0 no-repeat; }
.view_table .move_thum { display:inline-block; width:100px; height:80px; margin-right:10px; vertical-align:bottom; }
.view_table .move_thum img { width:100%; height:100%; }

.paging { margin-top:40px; text-align:center; }
.paging span { display:inline-block; width:36px; height:36px; vertical-align:top; margin:0 2px; }
.paging a { display:inline-block; width:100%; height:100%; border:1px solid #ddd; padding-top:7px; background:#fff; }
.paging .pg_btn a:hover { background:#f6f6f6; }
.paging img { vertical-align:top; margin-top:4px; }
.paging .pg_on a { background:#c80c47; border:1px solid #c80c47; color:#fff; }
.paging .pg_first { margin-right:12px; }
.paging .pg_last { margin-left:12px; }

.list_sch_area { width:800px; margin:30px auto 0; background:#f6f6f6; padding:25px 0; text-align:center; }
.list_sch_area select, .list_sch_area input[type=text] { height:40px; border:1px solid #ddd; padding-left:8px; }
.list_sch_area select { width:120px; vertical-align:top; }
.list_sch_area .sch_input { display:inline-block; position:relative; height:40px; width:65%; }
.list_sch_area input[type=text] { width:100%; padding-right:30px; }
.list_sch_area .btn_sch { position:absolute; top:10px; right:15px; }
.list_sch_area .btn_sch span { display:inline-block; width:20px; height:20px; background:url(../images/common/btn_sch.png) 0 0 no-repeat; }


/* 탭 tab */
.basic_tab{ position:relative; }
.basic_tab .tab_h4 { position:absolute; top:0; background:#f8f8f8; text-align:center; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.basic_tab .tab_h4 a { display:inline-block; width:100%; height:55px; line-height:55px;  font-size:18px; color:#555; font-family: 'Noto Sans KR'; }
.basic_tab .tab_h4 a:hover { background:#c80c47; color:#fff; }
.basic_tab .tab_h4:first-child { border-left:1px solid #ddd; }
.basic_tab .tab_on { background:#c80c47; color:#fff !important; font-family: 'Noto Sans KR'; }
.basic_tab .tab_contents { padding:100px 0 40px 0; background:#fff; display:none; }


/**** 회사소개 ****/
/* 기업이념 */
.greeting_wrap {
    display: flex;
    gap: 3rem;
}
.greeting_img_wrap {
    width: 35%;
    /* display: flex; */
    /* align-items: center; */
}
.greeting_img.dean {
    width: 100%;
    height: 100%;
    background: url(../images/sub01/ceo.jpg) no-repeat;
    background-size: cover;
}
.greeting_txt {margin-top:20px;word-break:keep-all;line-height:150%;width: 65%;}
.greeting_txt_full {width: 100%;}
.greeting_txt p {margin-bottom: 20px;word-break:keep-all; text-align: justify;}
.greeting_txt p.align_r {text-align: right; color: #666;}
.greeting_txt p.align_r span {font-size: 1.125rem; font-weight: bold; color: #333;}

.full_contents .goal_list { overflow:hidden;margin: 0 auto; }
.full_contents .goal_list li { float:left; width:320px; margin-right:50px; }
.full_contents .goal_list li .goal_img { display:block; width:100%; height:220px; }
.full_contents .goal_list li:nth-child(1) .goal_img { background:url(../images/sub01/goal_img01.jpg) 0 0 no-repeat; background-size: cover; }
.full_contents .goal_list li:nth-child(2) .goal_img { background:url(../images/sub01/goal_img02.jpg) 0 0 no-repeat; background-size: cover; }
.full_contents .goal_list li:nth-child(3) .goal_img { background:url(../images/sub01/goal_img03.jpg) 0 0 no-repeat; background-size: cover; }


.goal_list { overflow:hidden; }
.goal_list li { float:left; width:290px; margin-right:35px; }
.goal_list li:last-child { margin-right:0; } 
.goal_list li .goal_img { display:block; width:100%; height:200px; }
.goal_list li:nth-child(1) .goal_img { background:url(../images/sub01/goal_img01.jpg) 0 0 no-repeat; }
.goal_list li:nth-child(2) .goal_img { background:url(../images/sub01/goal_img02.jpg) 0 0 no-repeat; }
.goal_list li:nth-child(3) .goal_img { background:url(../images/sub01/goal_img03.jpg) 0 0 no-repeat; }
.goal_list li .goal_txt { display:block; margin-top:20px; font-family: 'Noto Sans KR'; text-align:center; }
.corporate_wrap table td { text-align:left !important; }


/* 연혁 */
.history_wrap { position:relative; }
.history_wrap::before { position:absolute; left:50%; top:0px; width:1px; height:100%; background:#ddd; content:""; }
.history { position:relative; }
.history_wrap .left_wrap { position:relative; width:50%; min-height:55px; text-align:right; margin-left:1.4%; margin-bottom:30px; padding-right:115px;  background:url(../images/sub01/year_bg_l.gif) right 0 no-repeat; z-index:9;}
.history_wrap .right_wrap { position:relative; width:50%; min-height:55px; text-align:left; margin-left:48.8%; margin-bottom:30px; padding-left:115px; background:url(../images/sub01/year_bg_r.gif) 0 0 no-repeat; z-index:9; }
.history_wrap .year {  font-size:44px; line-height:44px; font-family: 'Noto Sans KR'; color:#c80c47; padding-top:8px; } 
.history_wrap dl {margin-top:10px;overflow:hidden;}
.history_wrap .right_wrap dl { padding-left:7px; }
.history_wrap .right_wrap dt {float:left;width: 10%;font-family: 'Noto Sans KR';margin-bottom:8px;clear:both;}
.history_wrap .right_wrap dd {float:left;width: 90%;word-break:keep-all;word-break:keep-all;margin-bottom:8px;}
.history_wrap .left_wrap dl { padding-right:7px; }
.history_wrap .left_wrap dt {float:right;width: 10%;font-family: 'Noto Sans KR';text-align:right;margin-bottom:8px;clear:both;}
.history_wrap .left_wrap dd {float:left;width: 90%;word-break:keep-all;word-break:keep-all;text-align:right;margin-bottom:8px;}
.history_wrap .history_img { margin:10px 0 20px 0; }

.history_tab .tab_h4 { width:400px; }
.history_tab .tit_n1 {left:0;}
.history_tab .tit_n2 {left:400px;}
.history_tab .tit_n3 {right:0;}
.history_tab .history_tab01 { display:block; }


/* 특허인증 */
.pop_gallery { overflow:hidden; }
.pop_gallery li { float:left; width:208px; margin-right:40px; margin-bottom:40px; }
.pop_gallery li:nth-child(5n) { margin-right:0; }
.pop_gallery .cer_img { display:block; width:208px; height:270px; margin:0 auto; border:1px solid #ddd; overflow:hidden; }
.pop_gallery .cer_img img { width:100%; height:100%; }
.pop_gallery .cer_name { display:block; margin-top:10px; height: 30px; text-align:center; }
.pop-layer .pop-container { padding: 20px 25px; }
.pop-layer p.ctxt { color: #666; line-height: 25px; }
.pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right; }
.pop-layer { display: ; position: absolute; top: 54%; left: 50%; width: 520px; height: auto; background-color: #fff; border:1px solid #222; z-index: 10; }
.dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); }
.dim-layer .pop-layer { display: block; }
a.btn-layerClose { display: inline-block; height: 25px; padding: 2px 14px 2px; background-color: #1f9bde; font-size: 13px; color: #fff; line-height: 22px; text-align:center; border-radius:4px; }
a.btn-layerClose:hover { background-color: #1086c6; color: #fff; }
.pop-conts img { width:100%; }
.pop_btn_close { position:absolute; top:0; right:-40px; cursor:pointer; }
.pop_btn_close span { display:block; width:32px; height:32px; background:url(../images/common/btn_close.png) 0 0 no-repeat; }


/* CI */
.ci_img { float:left; margin-right:20px; }
.ci_color { float:left; width:460px; }
.ci_color .color { overflow:hidden; border:1px solid #ddd; height:110px; }
.ci_color .color:first-child { margin-bottom:20px; }
.ci_color .color:first-child span { background:#c80c47; }
.ci_color .color:last-child span { background:#a7a9ac; }
.ci_color .color span { display:block; float:left; width:30%; height:100%; padding:20px; color:#fff; font-family: 'Noto Sans KR'; }
.ci_color .color ul { float:left; width:70%; padding:15px 20px; }
.ci_color .color ul li { margin-bottom:8px; }
.ci_color .color ul li:last-child { margin-bottom:0; }
.logo_type div { text-align:center; margin-bottom:40px; }
.logo_type div img { margin-bottom:15px; }


/* 오시는길 */
.location_wrap .map { border:1px solid #ddd; height:420px; }
.location_wrap .location_info { overflow:hidden; margin-top:30px; border:1px solid #ddd; }
.location_wrap .location_info li { float:left; width:33.3%; height:220px; text-align:center; padding:30px; }
.location_wrap .location_info li:nth-child(2) { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.location_wrap .location_info .icon { display:block; width:64px; height:64px; margin:0 auto 20px; background-repeat:no-repeat; background-position:center 0; background-size:86%; }
.location_wrap .location_info li:nth-child(1) .icon { background-image:url(../images/sub01/icon_address.png); }
.location_wrap .location_info li:nth-child(2) .icon { background-image:url(../images/sub01/icon_call.png); }
.location_wrap .location_info li:nth-child(3) .icon { background-image:url(../images/sub01/icon_fax.png); }
.location_wrap .location_info strong { display:block;  font-size:20px; padding-top:15px; background:url(../images/common/line_red.gif) center 0 no-repeat; word-break:keep-all; }
.location_wrap .location_info p { margin-top:8px; word-break:keep-all; }
.location_wrap .long_info li { height:240px; }
.location_wrap .long_info li p { font-size:14px; letter-spacing:-1px; }

.location_tab h4 { width:171px; }
.location_tab .tit_n1 { width:173px; }
.location_tab .tit_n1 {left:0;}
.location_tab .tit_n2 {left:173px;}
.location_tab .tit_n3 {left:344px;}
.location_tab .tit_n4 {left:515px;}
.location_tab .tit_n5 {right:342px;}
.location_tab .tit_n6 {right:171px;}
.location_tab .tit_n7 {right:0;}
.location_tab .location_tab01{ display:block; }


.plant_info { overflow:hidden; }
.plant_img {float:left;border:1px solid #ddd;margin-right:20px;width: 50%;}
.plant_img img {width: 100%; height: 100%; object-fit: cover;}
.plant_info_list {float:left;width: 50%;/* height:302px; */}

.plant_info_list { border-top:2px solid #222; border-bottom:1px solid #ddd; font-size:14px; }
.plant_info_list .list_tit {  font-size:20px; text-align:center; font-family: 'Noto Sans KR'; border-bottom:1px solid #ddd; padding:15px; }
.plant_info_list dl {overflow:hidden;padding:30px 15px;display: flex;flex-wrap: wrap;gap: 0.5rem;}
/*.plant_tab02 .plant_info_list dl { padding:15px; }
.plant_tab03 .plant_info_list dl { padding:15px; }*/
.plant_info_list dt {/* float:left; */width: calc(40% - 0.5rem);font-family: 'Noto Sans KR';margin-bottom:5px;background:url(../images/common/list_bullet.gif) 0 8px no-repeat;padding-left:10px;line-height: 1.3em;}
.plant_info_list dd {/* float:left; */width: 60%;margin-bottom:5px;}

.production_list { overflow:hidden; margin-bottom:20px; }
.production_list li { float:left; width:300px; border:1px solid #ddd; margin-right:20px; padding:20px; }
.production_list li:last-child { margin-right:0; }
.production_list .production_img { text-align:center; }
.production_list .production_txt { margin-top:20px; text-align:center; font-family: 'Noto Sans KR'; }

.plant_tab .tab_h4 { width:400px; }
.plant_tab .tit_n1 {left:0;}
.plant_tab .tit_n2 {left:400px;}
.plant_tab .tit_n3 {right:0;}
.plant_tab .plant_tab01 { display:block; }
.plant_tab .info_table th { padding:12px 0; }
.plant_tab .info_table td { padding:12px 10px; }


/**** 제품소개 ****/
/* 제품개요 */
.pro_summary {border:1px solid #ddd;overflow:hidden;/* height: 420px; */display: flex;align-items: stretch;}
.pro_summary .pro_img {/* float:left; */width:50%;/* height: 100%; */border-right:1px solid #ddd;/* padding:60px 25px; */display: flex;align-items: center;justify-content: center;}
.pro_summary .pro_txt {/* float:left; *//* height: 100%; */width:50%;background:#f8f8f8;padding:35px 30px;}
.pro_summary .pro_txt .pro_name { margin-top:20px;  font-size:22px; line-height:130%; word-break:keep-all; }
.pro_summary .pro_txt .pro_name span { display:block; margin-top:8px; }
.pro_summary .pro_txt .pro_info {margin-top:15px;word-break:keep-all;letter-spacing: -0.05em;}

.pro_strong { line-height:150%; }
.pro_strong p:first-child { word-break:keep-all; }
.pro_strong .strong_img { text-align:center; margin:20px 0; }
.pro_strong .strong_img img { width:100%; max-width:450px; }
.strong_list { margin-top:30px; }
.strong_list .strong {overflow:hidden;border:1px solid #ddd;margin-bottom:10px;/* height: 150px; */display: flex;align-items: stretch;background: #f8f8f8;}
.strong_list .strong:last-child { margin-bottom:0; }
.strong_list .strong_l {height: 170px;}
.strong_list .icon_area {/* float:left; */width:30%;height:100%;background:url(../images/common/ptn_dot_gray2.gif) repeat;text-align:center;padding: 50px 0;min-height: 180px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.strong_list .strong_l .icon_area { padding:35px 0; }
.strong_list .icon_area .strong_icon { width:50px; height:48px; margin:0 auto; }
.strong_list .icon_area .green { background:url(../images/sub02/icon_green.png) 0 0 no-repeat; }
.strong_list .icon_area .quality { background:url(../images/sub02/icon_quality.png) 0 0 no-repeat; }
.strong_list .icon_area .safe { background:url(../images/sub02/icon_safe.png) 0 0 no-repeat; }
.strong_list .icon_area .money { background:url(../images/sub02/icon_money.png) 0 0 no-repeat; }
.strong_list .icon_area .many { background:url(../images/sub02/icon_many.png) 0 0 no-repeat; }
.strong_list .icon_area .air { background:url(../images/sub02/icon_air.png) 0 0 no-repeat; }
.strong_list .icon_area .time { background:url(../images/sub02/icon_time.png) 0 0 no-repeat; }
.strong_list .icon_area .skill { background:url(../images/sub02/icon_skill.png) 0 0 no-repeat; }
.strong_list .icon_area .strong_txt {color:#fff;font-size: 1.1rem;font-family: 'Noto Sans KR';/* margin: 10px auto; */width: 100%;}
.strong_list .basic_list {/* float:left; */width:70%;height: 100%;background:#f8f8f8;padding:25px 30px;}
.strong_list .basic_list li {background:url(../images/common/list_bullet.gif) 0 9px no-repeat;letter-spacing: -0.05em;}

.case_list li { margin-bottom:10px; }

.shape_wrap p { margin-bottom:20px; width:100%; }
.shape_wrap p img { width:100%; }
.shape_wrap table tr:nth-child(even) { background:#f8f8f8; }

.strong_img_list { overflow:hidden; text-align:center; margin-top:20px; }
.strong_img_list li { float:left; margin-right:20px; }
.strong_img_list li:last-child { margin-right:0; }

.ecodeck .pro_img, .ecobot .pro_img {padding:0;/* height: 100%; */overflow: hidden;}
.ecodeck .pro_img img, .ecobot .pro_img img {width:100%;height: 100%;object-fit: cover;}
.ecobot .strong { height:200px; }
.ecobot .strong_list .icon_area { padding:55px 0; }

/* 표준상세도 */
.detail_top { overflow:hidden; }
.detail_top .table_area { float:left; width:49%; margin-right:2%; }
.detail_top .table_area .table_tit { background:url(../images/common/ptn_dot_gray2.gif) repeat; color:#fff; height:50px; line-height:50px; font-size:20px; font-family: 'Noto Sans KR'; padding-left:20px; }
.detail_top .table_area table { height:210px; }
.detail_top .table_area table th, .detail_top .table_area table td { padding:7px 10px; }
.detail_top .table_area table td { text-align:left; word-break:keep-all; }

.detail_list { margin-top:30px; overflow:hidden; }
.detail_list li { float:left; width:49%; margin-right:2%; margin-bottom:2%; }
.detail_list li:nth-child(2n) { margin-right:0; }
.detail_list .detail_tit { background:url(../images/common/ptn_dot_gray.gif) repeat; color:#fff; height:50px; line-height:50px; font-size:18px; font-family: 'Noto Sans KR'; text-align:center; }


/**** 투자정보 ****/
.rule_popup p { margin-bottom:20px; word-break:keep-all; font-size:14px; }
.rule_popup .txt_point { font-size:16px; font-family: 'Noto Sans KR'; }

.graph_wrap { overflow:hidden; }
.graph_wrap .small_area { float:left; width:440px; }
.graph_wrap .small_area h5 { margin-bottom:15px; }
.graph_wrap .small_area:first-child { margin-right:60px; } 
.graph_wrap .small_area {margin-bottom:0px;}

.sub_stock_wrap .stock_top { overflow:hidden; }
.sub_stock_wrap .stock_top table { height:170px; }
.sub_stock_wrap .stock_top .left { float:left; width:580px; }
.sub_stock_wrap .stock_top .left table th { background:none; border-left:1px solid #ddd; font-size:16px; }
.sub_stock_wrap .stock_top .stock_price {  font-size:56px; color:#333; }
.sub_stock_wrap .stock_top .contrast, .stock_top .rate { color:#e3091d; font-size:16px; font-family: 'Noto Sans KR'; }
.sub_stock_wrap .stock_top .contrast img , .stock_top .rate img { width:14px; margin-right:5px; }

.sub_stock_wrap .stock_top .right { float:right; width:580px; }
.sub_stock_wrap .stock_top .right table .tit { display:block; font-size:18px; margin-bottom:20px; }
.sub_stock_wrap .stock_top .right table th:first-child, .stock_top .right table td:first-child { border-right:1px solid #ddd; }
.sub_stock_wrap .stock_top .right table .price strong { display:block; margin:10px 0 3px 0; font-size:24px; color:#333; }

.sub_stock_wrap .stock_middle table { height:130px; }
.sub_stock_wrap .stock_middle table th, .stock_middle table td { border-right:1px solid #ddd; }
.sub_stock_wrap .stock_middle table th:last-child, .stock_middle table td:last-child { border-right:0; }

.sub_stock_wrap .stock_bottom { overflow:hidden; }
.sub_stock_wrap .stock_bottom div { float:left; width:48%; margin-right:3%; }
.sub_stock_wrap .stock_bottom div:last-child { margin-right:0; }
.sub_stock_wrap .stock_bottom div table tr:nth-child(even) { background:#f8f8f8; }


/**** search 검색 ****/
.sch_area { background:#f7f7f7; border:1px solid #ddd; text-align:center; padding:60px 0; }
.sch_area input[type=text] { width:500px; height:50px; line-height:50px; border:1px solid #ddd; padding-left:10px; vertical-align:top; }
.sch_area .btn_sch { display:inline-block; background:#c80c47; width:60px; height:50px; }
.sch_area .btn_sch span { display:inline-block; width:30px; height:28px; background:url(../images/common/btn_sch_b.png) 0 0 no-repeat; background-size:88%;  margin-top:12px; }
.sch_area .btn_sch:hover { background:#b5063e; }

.board_tit { overflow:hidden; border-bottom:1px solid #222; padding-bottom:15px; margin-bottom:25px; }
.board_tit .h4_type2 { float:left; margin-right:20px; }
.board_tit p { float:left; padding-top:10px; }
.board_tit .btn_more { float:right; padding-top:10px; }

.search_result p { text-align:center; padding:20px; }
.search_result table { border-top:1px solid #ddd; }


/**** PR CENTER ****/
/* 보도자료 */
.news_top { overflow:hidden; border-top:3px solid #222; border-right:1px solid #ddd;  border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:40px 30px; } 
.news_top .photo_img { float:left; width:460px; height:310px; margin-right:30px; }
.news_top .photo_img img { width:100%; height:100%; }
.news_top .photo_info { float:left; width:645px; /* padding:15px 0; */ }
.news_top .photo_info a:hover { color:#333; text-decoration:underline; }
.news_top .photo_info a:hover .photo_tit { color:#c80c47; }
.news_top .photo_info .photo_tit { display:block; line-height:140%; font-size:24px; font-family: 'Noto Sans KR'; color:#333; }
.news_top .photo_info .date { display:inline-block; margin-top:8px; color:#999; font-size:16px; }
.news_top .photo_info .attach { display:inline-block; margin-top:8px; color:#999; font-size:16px; }
.news_top .photo_info .attach img {vertical-align: bottom;}
.news_top .photo_info .news_contents { display:block; clear:both; margin-top:30px; line-height:160%; word-break:keep-all; }

.gallery { overflow:hidden; }
.gallery li { float:left; width:380px; height:370px; margin-right:30px; margin-bottom:30px; border:1px solid #ddd; }
.gallery li:nth-child(3n) { margin-right:0; }
.gallery .photo_img { display:block; width:100%; height:230px; }
.gallery .photo_img img { width:100%; height:100%; }
.gallery .photo_info { display:block; position:relative; width:380px; height:140px; padding:25px 30px; }
.gallery .photo_tit { display:block;  font-size:18px; font-family: 'Noto Sans KR'; }
.gallery .date { display:block; color:#999; position:absolute; bottom:25px; left:30px; }
.gallery .attach { display:block; color:#999; position:absolute; bottom:25px; left:110px; }
.gallery .attach img {
    vertical-align: bottom;
}


.view_table02 { border-top:3px solid #222; border-bottom:1px solid #ddd; }
.view_table02 .view_top { padding:30px 15px; border-bottom:1px solid #ddd; }
.view_table02 .view_top .board {  font-size:18px; color:#c80c47; display:inline-block; font-family: 'Noto Sans KR'; }
.view_table02 .view_top .tit { display:inline-block; width:82%; margin-left:12px;  font-size:24px; font-family: 'Noto Sans KR'; vertical-align:middle; }
.view_table02 .view_top .date_area { overflow:hidden; margin-top:10px; }
.view_table02 .view_top .date { color:#999; font-size:16px; }
.view_table02 .view_top .fr { color:#999; font-size:16px; display:inline-block; }
.view_table02 .view_top .fr .writer { display:inline-block; margin-right:3px; }
.view_table02 .view_top .fr .view_count { display:inline-block; margin-left:3px; background:url(../images/board/icon_view.png) 0 5px no-repeat; padding-left:20px; }
.view_table02 .view_ctn { padding:80px 50px; border-bottom:1px solid #ddd; }
.view_table02 .view_ctn p, .view_table02 .view_ctn span { line-height:130% !important; }
.view_table02 .list_move th { width:110px; }
.view_table02 .list_move th, .view_table02 .list_move td { padding:20px; text-align:left; }
.view_table02 tr:nth-child(4) { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.view_table02 .list_move th span { display:inline-block; width:9px; height:6px; margin-right:8px; vertical-align:middle; }
.view_table02 .move_thum { display:inline-block; width:100px; height:80px; margin-right:10px; vertical-align:middle; }
.view_table02 .move_thum img { width:100%; height:100%; }
.view_table02 .list_prev { background:url(../images/board/arrow_prev.png) 0 0 no-repeat; }
.view_table02 .list_next { background:url(../images/board/arrow_next.png) 0 0 no-repeat; }


/* 홍보자료 */
.movie_top { overflow:hidden; height:400px; }
.movie_top .movie_area { float:left; width:60%; height:400px; }
.movie_top .movie_area video { width:100%; height:100%; }
.movie_top .movie_info { float:left; width:40%; height:400px; padding:35px 30px; border:1px solid #ddd; }
.movie_top .movie_info .movie_tit {  font-size:24px; font-family: 'Noto Sans KR'; background:url(../images/common/tit_line.png) 0 0 no-repeat; padding-top:20px; word-break:keep-all; line-height:135%; }
.movie_contents { height:230px; overflow-y:auto; background:#f8f8f8; padding:30px 20px; margin-top:15px; word-break:keep-all; line-height:150%; }
.movie_contents .s_tit { font-size:16px; display:block; margin-bottom:10px; }
/* .movie_list { border:1px solid #ddd; background:#f8f8f8; margin-top:30px; padding:30px 0; } */
.pr_list { border:1px solid #ddd; background:#f8f8f8; margin-top:30px; padding:30px 25px; }
.pr_list ul { overflow:hidden; margin:0 auto 20px; }
.pr_list li { float:left; width:18%; margin:0 1%; }
.pr_list li:last-child { margin-right:0; }
.pr_list li .pr_tit { font-size:13px; margin-top:5px; }
.pr_list li a { display:block; width:100%; height:135px; }
.pr_list li img { width:100%; height:100%; }
.pr_list .paging { clear:both; }

.p_ad_top { overflow:hidden; }
.p_ad_top .p_ad_area { width:45%; margin:0 auto; background:#f8f8f8; padding:30px; text-align:center; border:1px solid #ddd; }
.p_ad_top .p_ad_area img { width:360px; height:480px; margin:20px auto 10px; }
.p_ad_top .p_ad_info { width:55%; margin:0 auto; padding:40px 30px; text-align:center; }
.p_ad_top .p_ad_info .p_ad_tit {  font-size:24px; font-family: 'Noto Sans KR'; background:url(../images/common/tit_line.png) center 0 no-repeat; padding-top:20px; word-break:keep-all; line-height:135%; }
.p_ad_contents { margin-top:30px; word-break:keep-all; line-height:160%; }
.p_ad_contents .s_tit { font-size:16px; display:block; margin-bottom:10px; }

.p_ad_list li { text-align: center; } 
.p_ad_list li img { height:200px; }



/* 인재채용 */
.recruit_step div { float:left; }
.recruit_step .step { width:140px; height:140px; border-radius:50%; border:17px solid #c80c47; padding-top:29px; }
.recruit_step .arrow { width:19px; height:34px; background:url(../images/sub05/step_arrow_right.png) 0 0 no-repeat; margin:0 20px; margin-top:55px; }
.recruit_step .step_no { display:block; text-align:center; color:#666; font-family: 'Noto Sans KR'; margin-bottom:2px; }
.recruit_step .step_txt { display:block; text-align:center; font-size:18px; font-family: 'Noto Sans KR'; }

.icon_box {border:1px solid #ddd;/* height:135px; */display: flex;align-items: stretch;}
.icon_box .icon {/* float:left; */width:140px;/* height:100%; */background:url(../images/common/ptn_dot_gray.gif) repeat;text-align:center;padding-top:36px;}
.icon_box .icon span { display:block; width:58px; height:58px; margin:0 auto; }
.icon_box .icon_paper { background:url(../images/sub05/icon_paper.png) 0 0 no-repeat; }
.icon_box .icon_flag { background:url(../images/sub05/icon_flag.png) 0 0 no-repeat; }
.icon_box .icon_speaker { background:url(../images/sub05/icon_speaker.png) 0 0 no-repeat; }
.icon_box ul {/* float:left; */padding:25px;}
.icon_box ul li { margin-bottom:8px; }
.icon_box ul li:last-child { margin-bottom:0; }
.icon_box div { float:left; padding:25px; }
.icon_box div p { margin-bottom:8px; }
.icon_box div p:last-child { margin-bottom:0; }

.recruit_people .people01 { position:relative; width:100%; height:270px; }
.recruit_people .people01 .img { display:block; width:560px; height:270px; border:1px solid #ddd; position:absolute; left:0; top:0; background:url(../images/sub05/people_img01.jpg) 0 0 no-repeat; }
.recruit_people .people01 div { width:515px; height:160px; background:rgba(255,255,255,0.9); padding:40px 50px; position:absolute; right:0; top:56px; letter-spacing:-0.5px; border:1px solid #ddd; }
.recruit_people .people02 { position:relative; width:100%; height:270px; margin-top:20px; }
.recruit_people .people02 .img { display:block; width:560px; height:270px; border:1px solid #ddd; position:absolute; right:0; top:0; background:url(../images/sub05/people_img02.jpg) 0 0 no-repeat; }
.recruit_people .people02 div { width:515px; height:160px; background:rgba(255,255,255,0.9); padding:40px 50px; position:absolute; left:0; top:56px; text-align:right; letter-spacing:-0.5px; border:1px solid #ddd; }
.recruit_people strong { color:#c80c47; font-size:20px; }
.recruit_people .eng { font-family: 'Noto Sans KR'; margin:2px 0 10px 0; color:#333; }

.welfare_list .welfare { float:left; border:1px solid #ddd; width:220px; height:auto; margin-right:20px; margin-bottom:20px; padding:0 20px; 
display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
.welfare_list .welfare:nth-child(4n) { margin-right:0px; }
/*.welfare_list .wel04 { margin-right:0; }
.welfare_list .wel05 { margin-left:120px; letter-spacing:-1px; }
.welfare_list .wel05, .welfare_list .wel06, .welfare_list .wel07 { margin-bottom:0; }*/
.welfare .wel_icon { display:block; width:100%; height:48px; margin:40px auto 25px; }
.welfare_list .wel00 .wel_icon { background:url(../images/sub05/welfare_icon00.png) center 0 no-repeat;  }
.welfare_list .wel01 .wel_icon { background:url(../images/sub05/welfare_icon01.png) center 0 no-repeat; }
.welfare_list .wel02 .wel_icon { background:url(../images/sub05/welfare_icon02.png) center 0 no-repeat; }
.welfare_list .wel03 .wel_icon { background:url(../images/sub05/welfare_icon03.png) center 0 no-repeat; }
.welfare_list .wel04 .wel_icon { background:url(../images/sub05/welfare_icon04.png) center 0 no-repeat; }
.welfare_list .wel05 .wel_icon { background:url(../images/sub05/welfare_icon05.png) center 0 no-repeat; }
.welfare_list .wel06 .wel_icon { background:url(../images/sub05/welfare_icon06.png) center 0 no-repeat; }
.welfare_list .wel07 .wel_icon { background:url(../images/sub05/welfare_icon07.png) center 0 no-repeat; }
.welfare_list .wel08 .wel_icon { background:url(../images/sub05/welfare_icon08.png) center 0 no-repeat; }
.welfare_list .wel09 .wel_icon { background:url(../images/sub05/welfare_icon09.png) center 0 no-repeat; }
.welfare_list .wel10 .wel_icon { background:url(../images/sub05/welfare_icon10.png) center 0 no-repeat; }
.welfare_list .wel11 .wel_icon { background:url(../images/sub05/welfare_icon11.png) center 0 no-repeat; }

.welfare_list .wel_txt { display:block; text-align:center; word-break:keep-all; background:url(../images/common/line_red.gif) center 0 no-repeat; padding-top:15px; word-break:keep-all;height: 140px; }

.btn_recruit a { color:#fff; width:285px; height:70px; line-height:70px; font-size:18px; font-family: 'Noto Sans KR'; }
.btn_recruit .btn_down { background:#4d6b88; }
.btn_recruit .btn_down:hover { background:#3c5b78; }
.btn_recruit .btn_upload { background:#c80c47; margin-left:10px; }
.btn_recruit .btn_upload:hover { background:#aa0a3c; } 

.btn_r_notice a { position:relative; display:block; border:2px solid #999; width:585px; margin:10px auto; height:60px; line-height:60px; color:#444; }
.btn_r_notice a span { display:inline-block; width:24px; height:20px; background:url(../images/sub04/icon_recruit.png) 0 0 no-repeat; vertical-align: middle; margin:-5px 6px 0 0; }
.btn_r_notice a:hover { background:#f8f8f8; color:#444; }

.recruit_popup h4 {  font-size:24px; color:#c80c47; margin-bottom:15px; }
.recruit_popup .pop-conts { text-align:left; }
.recruit_popup .pop-container { padding:30px; max-height:700px; overflow-y:auto; }
.recruit_popup table { margin-top:20px; font-size:14px; }
.recruit_popup table input[type=text] { border:1px solid #ddd; width:100%; }
.recruit_popup table input[type=file] { width:100%; }
.recruit_popup table td { text-align:left; padding:10px; }

.recruit_contact { margin-bottom:0; }
.down_error { line-height:130%; text-align:center; margin-top:10px; }

.accordion { border-top:2px solid #222; }
.accordion li {  }
.accordion .a_list { overflow:hidden; height:100px; padding:35px 25px; cursor:pointer; border-bottom:1px solid #ddd; }
.accordion .a_list:hover { background:#fcfcfc; }
.accordion .a_list:hover .tit { color:#c80c47; }
.accordion .a_list .no { float:left; width:6%; padding-top:2px; font-size:16px; }
.accordion .a_list .tit { float:left; width:50%; padding-top:2px; font-size:16px; font-family: 'Noto Sans KR'; }
.accordion .a_list .date { float:left; padding-top:2px; }
.accordion .a_list .state { float:right; }
.accordion .a_list .state span { display:inline-block; color:#fff; width:80px; padding:5px 0; font-size:13px; font-family: 'Noto Sans KR'; text-align:center; }
.accordion .a_list .state_ing { background:#cf3062; }
.accordion .a_list .state_end { background:#999; }
.accordion .a_contents { display:none; background:#f8f8f8; padding:40px 60px; line-height:150%; border-bottom:1px solid #ddd; }
.accordion .a_contents img { width:100%; }
.accordion .a_contents .file_down { color:#005cd9; text-decoration:underline; margin-bottom:10px; cursor:pointer; display: block;}

.accordion .a_list .date2 { float:left; width:24%; }
.accordion .a_list .view_count { float:left; width:10%; text-align:center; }
.accordion .a_list .file { float:left; width:10%; text-align:center; }

/**** 사회공헌 ****/
/* 희망봉사단*/
.hope_top { position:relative; width:100%; height:380px; background:url(../images/sub04/hope_bg.jpg) 0 0 no-repeat; padding-top:135px; margin-bottom:40px; }
.hope_top img{ display:none; } 
.hope_top .hope_txt {  font-size:36px; color:#fff; text-align:center; line-height:140%;  }

.hope_right, .hope_left { position:relative; width:100%; height:460px; }
.hope_right .hope_img { position:absolute; top:0; left:0; }
.hope_right .hope_txt { position:absolute; top:14%; right:0; width:550px; height:330px; background:rgba(200,12,71,0.9); padding:60px 40px; color:#fff; }
.hope_right .hope_tit { width:80%; background:url(../images/common/tit_line_white.png) 0 0 no-repeat; padding-top:15px; }

.hope_left .hope_img { position:absolute; top:0; right:0; }
.hope_left .hope_txt { position:absolute; top:15%; left:0; width:550px; height:350px; background:rgba(54,59,69,0.9); padding:60px 40px; color:#fff; text-align:right; }
.hope_left .hope_tit { background:url(../images/common/tit_line_white.png) right 0 no-repeat; padding-top:15px; }

.hope_tit { font-size:24px; margin-bottom:5px; font-family: 'Noto Sans KR'; line-height:130%; word-break:keep-all; }
.hope_contents { margin-top:25px; height:135px; overflow-y:auto; word-break:keep-all; font-weight:normal; line-height:155%; }

.activity_gallery li { height:330px !important; }
.activity_gallery li .date { display:none !important; }


/* 실종아동찾기 */
.child_gallery { overflow:hidden; }
.child_gallery > li { float:left; width:380px; height:175px; margin-right:30px; margin-bottom:30px; border:1px solid #ddd; }
.child_gallery > li:nth-child(3n) { margin-right:0; }
.child_gallery .child_img { display:block; float:left; width:35%; height:100%; }
.child_gallery .child_img img { width:100%; height:100%; }
.child_gallery .child_info { display:block; float:left; width:65%; height:100%; background:#f8f8f8; padding:25px 20px; }
.child_gallery .child_info .child_name {  font-size:18px; font-family: 'Noto Sans KR'; background:url(../images/common/list_bullet.gif) 0 8px no-repeat; padding-left:8px; }
/* .child_gallery .child_info .child_name span { font-size:15px; font-family:'Nanum Gothic',dotum; } */
.child_gallery .child_info .info_list { font-size:14px; margin-top:10px; letter-spacing:-0.5px;}
.child_gallery .child_info .info_list li { margin-bottom:5px; text-indent:-58px; padding-left:58px; }
.child_gallery .child_info .info_list li:last-child { margin-bottom:0; width:200px; height:26px; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
word-wrap:normal !important;
display:block;
}


.child_view_wrap { overflow:hidden; background:#f8f8f8; border:1px solid #ddd; padding:50px 70px; }
.child_view_wrap .child_img { float:left; width:350px; height:430px; border:1px solid #ddd; margin-right:30px; }
.child_view_wrap .child_img img { width:100%; height:100%; }
.child_view_wrap .child_info_list { float:left; width:63%; height:430px; }

.child_info_list { border-top:2px solid #222; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff; }
.child_info_list .list_tit { font-size:24px; font-family: 'Noto Sans KR'; border-bottom:1px solid #ddd; padding:30px; }
.child_info_list dl { overflow:hidden; padding:30px; }
.child_info_list dt { float:left; width:20%; font-family: 'Noto Sans KR'; margin-bottom:10px; background:url(../images/common/list_bullet.gif) 0 8px no-repeat; padding-left:10px; }
.child_info_list dd { float:left; width:80%; margin-bottom:15px; }


/**** CUSTOMER ****/
/* catalog */
.catalog_list ul { overflow:hidden; }
.catalog_list ul li { float:left; width:380px; margin-right:30px; margin-bottom:30px; background:#f8f8f8; padding:30px 20px; text-align:center; border:1px solid #ddd; }
.catalog_list ul li:nth-child(3n) { margin-right:0; }
.catalog_list ul li img { width:80%; }

/* contact us */
.contact_wrap .agree table { border:1px solid #ddd; margin:5px 0 10px 0; }
.contact_wrap .agree table th { padding:10px; border:1px solid #ddd; background:#f8f8f8; }
.contact_wrap .agree table td { padding:10px; border:1px solid #ddd; text-align:center; }
.contact_wrap .agree_bottom { margin-bottom:40px; }
.contact_wrap .agree_bottom p:last-child { margin-top:5px; }
.contact_wrap .agree_bottom input[type=checkbox] { width:16px; height:16px; }


/* 상해 8.15 광복음악회 */
.history815_01 {
    overflow: hidden;
}

.history815_01 .fl {
    width: 320px;
}
.history815_01 .fl img {
	border:1px solid #eee;
}
.history815_01 .fr {
    width: 600px;
    padding-top: 15px;
}
.history815_01 .point {
    color: #c80c47;
    font-size: 24px;
    margin-bottom: 18px;
	line-height: 28px;
}
.history815_02 {
    padding: 0px 20px 240px;
    background: url(../images/sub04/history815_02.jpg) bottom right no-repeat;
    /* background-position: bottom; */
	color: #888;
}

.history815_02 .part {
    background: url(../images/sub04/section_par.png) 0 8px no-repeat;
    padding-left: 16px;
    color: #555;
    margin-bottom: 6px;
	font-size: 16px;
	line-height: 1.5em;
}

.history815_03 {}

.history815_03 .course {
    overflow: hidden;
}

.history815_03 .course .box {
    /* width: 300px; */
    /* float: left; */
    /* margin-right: 20px; */
    padding: 20px 0;
    overflow: hidden;
}

.history815_03 .course .box:last-child {
    margin-right: 0;
}

.history815_03 .course .box .date {
    width: 140px;
    float: left;
    height: 100px;
    text-align: center;
    background: url(../images/sub04/history815_04.png) center no-repeat;
    padding-top: 40px;
    font-size: 16px;
    margin-right: 40px;
}
.history815_03 .course .box .date .day_num {
    display: block;
    font-size: 13px;
    color: #8a8a8a;
}
.history815_03 .course ul {
    margin-top: 16px;
    float: left;
    width: 760px;
	height: 86px;
    border-bottom: 2px dashed #aaa;
}

.history815_03 .course ul li {
    text-align: center;
    /* margin-bottom: 15px; */
    color: #666;
    float: left;
    font-size: 13px;
    padding: 8px;
    /* border: 2px solid #bbb; */
    width: 21%;
    height: 84px;
    margin-right: 5%;
	margin-top: 5px;
    background: url(../images/sub04/step_bg.png) 0 0 no-repeat;
}

.history815_03 .course ul li:last-child {
	margin-right:0;
}
.history815_03 .course ul li.next {
    /* padding-bottom: 30px; */
    /* float: left; */
    /* background: url(../images/sub04/history815_course.png) bottom center no-repeat; */
}

li.next {}
.history815_03 .route {
    position: relative;
}

.history815_03 .route .tit {
    background: #c80c47;
    position: absolute;
    top: 36px;
    left: 36px;
    padding: 24px;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
}
.history815_03 .comment {
    text-align: right;
    margin-bottom: 30px;
    color: #d6114d;
    font-size: 14px;
}
.history815_04 .fl {
    width: 341px;
    margin-right: 50px;
}

.history815_04 .fr {
    width: 549px;
    padding-top: 60px;
}

.history815_04 .fr .part {
    font-size: 18px;
    margin-bottom: 10px;
}

.history815_04 .fr img {
    margin-top: 5px;
}

/*덕신골프장학생*/
.golf_top { position:relative; width:100%; height:380px; background:url(../images/sub04/golf_bg.jpg) 0 0 no-repeat; padding-top:110px; }
.golf_top img{ display:none; } 
.golf_top .golf_txt {  font-size:36px; color:#fff; text-align:center; line-height:140%;  }
.golf_01 .point {
    /*color: #c80c47;*/
    font-size: 24px;
    margin-bottom: 18px;
	line-height: 28px;
	/*letter-spacing: -1px;*/
}
.golf_list .golf { float:left; border:1px solid #ddd; width:300px; height:230px; margin-right:20px; margin-bottom:20px; }
.golf_list .golf03  { margin-right:0; }
.golf_list .golf06  { margin-right:0; }
.golf_list .golf04  { letter-spacing:-1px; }
.golf_list .golf04, .golf_list .golf05 { margin-bottom:0; }
.golf .golf_img { display:block; width:100%; height:174px; }
.golf_list .golf_txt { display:block; text-align:center; word-break:keep-all; padding-top:15px; word-break:keep-all; }

.golf_02 {color: #888;border: 1px solid #ddd;
    padding: 2rem;
}

.golf_02 .part {
    background: url(../images/sub04/section_par.png) 0 8px no-repeat;
    padding-left: 16px;
    color: #555;
    margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.5em;
}
.golf_02 .golf_fl { float: left; margin-right: 20px;}
.golf_02 .golf_fr { float: right; }
.golf_02 .clr_b { clear: both;}
.golf_02 img {margin-top:6px;}

.golf_step { overflow: hidden;}
.golf_step div { float:left; }
.golf_step .step { width:160px; height:160px; border-radius:50%; border:17px solid #c80c47; padding-top:20px; margin-bottom:20px; }
.golf_step .arrow { width:19px; height:34px; background:url(../images/sub05/step_arrow_right.png) 0 0 no-repeat; margin:0 40px; margin-top:55px; }
.golf_step .step_no { display:block; text-align:center; font-family: 'Noto Sans KR'; }
.golf_step .step_txt { display:block; text-align:center; font-size:18px; font-family: 'Noto Sans KR';  color:#666; margin-bottom:2px; padding-top: 10px;}
.golf_step .step_txt1 { display:block; text-align:center; font-size:18px; font-family: 'Noto Sans KR';  color:#666; margin-bottom:2px; padding-top: 20px;}
.golf_02 .txt_point2 {color: #1495ce}


/*전국 주니어 챔피언십*/
.championship_top { position:relative; width:100%; height:380px; background:url(../images/sub04/championship_bg.jpg) 0 0 no-repeat; padding-top:90px; }
.championship_top img{ display:none; } 
.championship_top .championship_txt {  font-size:36px; color:#fff; text-align:center; line-height:140%;  }
.championship_01 .point {
    /*color: #c80c47;*/
    font-size: 24px;
    margin-bottom: 18px;
	line-height: 28px;
	/*letter-spacing: -1px;*/
}
.championship_list .championship { float:left; border:1px solid #ddd; width:300px; height:230px; margin-right:20px; margin-bottom:20px; }
.championship_list .championship:nth-child(3n) { margin-right:0px; }
.championship_list .championship:last-child{ margin-bottom:0px; }
.championship .championship_img { display:block; width:100%; height:174px; }
.championship_list .championship_txt { display:block; text-align:center; word-break:keep-all; padding-top:15px; word-break:keep-all; }



.attatch { padding:24px;}
.attatch a {display: block; width: 100%; background: #eee; padding: 10px 20px; border-radius: 3px; border:1px solid #ddd; position: relative; margin-bottom: 7px;}
.attatch a:last-child {margin-bottom: 0;}
.attatch a:after {content: ""; display: block; width:15px; height: 15px; background: url(../images/ico_down.png) no-repeat center center; position: absolute; right:20px; top:14px;}


/* 레이어 팝업 */
.layer_popup {position:absolute; z-index:1002; cursor:pointer; }
.layer_popup p {margin: 0 auto; text-align: center;}
/*.layer_popup p img {width:330px;}*/
.layer_popup .pop_close {  background-color: rgba(0,0,0,0.8); height: 30px; color: #fff; line-height: 30px;text-align: center;}

#layer_pop1 {
    width:375px; height: 350px; top:90px; left: 50%; margin-left: -160px;
}
#layer_pop2 {
    width:375px; height: 350px; top:90px; left: 50%; margin-left: 225px;
}
.pop_layer {
	overflow: auto;
    position: absolute;
    width: auto;
    height: auto;
    border: 0;
    top: 90px;
    left: 300px;
    display: block;
    z-index: 200050;
    background-color: #FFFFFF;
}
/*경영철학*/
.half_wrap { display: flex;justify-content: space-between;
    width: 100%;}
.half_wrap .half {width: 49%; border: 1px solid #ddd; margin-right: 1%;}
.half_wrap .half:nth-child(2n) { margin-right: 0;}
.half_wrap .half .half_con {width: 100%; padding: 10px 30px 20px;}
.half_wrap h5 {font-size: 1.2rem;font-weight: 500;margin-bottom: 20px;background: #c80c47;color: #fff;text-align: center;padding: 15px 30px;}
.half_wrap p { font-size:18px; font-weight: 600; margin-bottom: 10px;font-family: 'Noto Sans KR';}

/*Vision*/
.vision_wrap {
   width: 100%;
}
.vision_wrap .vision_top {}
.vision_wrap .vision_top h4 { font-size: 1.625rem;font-weight: 500;background: #c80c47;color: #fff;text-align: center;padding: 15px 30px;}
.vision_wrap .vision_top p {font-size: 1.125rem;background: #ddd;color: #333;text-align: center;padding: 15px 30px;text-transform: uppercase; }

.vision_wrap .vision_diagram {
    position: relative;
    width: 100%;
}
.vision_wrap .vision_diagram .circle {
    width: 270px;
    height: 270px;
    border-radius: 270px;
    text-align: center;
    background: url(../images/sub01/vision_circle.png) 0 0 no-repeat;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 6rem 3rem;
    position: absolute;
    top: 55%;
    left: 49%;
    transform: translate(-50%,-50%);
    z-index: 9;
}
.vision_wrap .vision_diagram .circle h5 {
    font-size: 1.375rem;
    font-weight: 500;

}
.vision_wrap .vision_diagram .circle p {
    font-size: 1rem;
    text-transform: uppercase; 
}

.vision_wrap .vision_diagram .box_wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.vision_wrap .vision_diagram .box_wrap .box {
    width: 49%;
    min-height: 250px;
    border: 1px #ddd solid;
    margin-top: 20px;
}
.vision_wrap .vision_diagram .box_wrap .box:nth-of-type(1) {
    width: 48%;
    padding: 3rem 6rem 3rem 3rem;
}
.vision_wrap .vision_diagram .box_wrap .box:nth-of-type(2) {
    width: 50%;
    padding: 3rem 3rem 3rem 8rem;
}
.vision_wrap .vision_diagram .box_wrap .box:nth-of-type(3) {
    width: 48%;
    padding: 3rem 3rem 3rem 3rem;
}
.vision_wrap .vision_diagram .box_wrap .box:nth-of-type(4) {
    width: 50%;
    padding: 3rem 3rem 3rem 8rem;
}
.vision_wrap .vision_diagram .box_wrap .box h5 {
    font-size: 1.375rem;
    font-weight: 500;
    margin-bottom: 1rem;
}


/*덕신 건축안전・환경개선 장학금*/
.scholarship_top { position:relative; width:100%; height:380px; background:url(../images/sub04/scholarship_bg.jpg) 0 0 no-repeat; padding-top:110px; }
.scholarship_top img{ display:none; } 
.scholarship_top .scholarship_txt {  font-size:36px; color:#fff; text-align:center; line-height:140%;  }
.scholarship_01 .point {
    color: #c80c47;
    font-size: 24px;
    margin-bottom: 18px;
	line-height: 28px;
	/*letter-spacing: -1px;*/
}

.scholarship_list .scholarship { float:left; border:1px solid #ddd; width:300px; margin-right:20px; margin-bottom:20px; }
.scholarship_list .scholarship:nth-child(3n) { margin-right:0px; }
.scholarship_list .scholarship:last-child{ margin-bottom:0px; }
.scholarship_list .scholarship_img { display:block; width:100%; height:174px; }
.scholarship_list .scholarship_txt { display:block; text-align:center; word-break:keep-all; padding:15px 0; word-break:keep-all; }

/*재단법인 무봉 장학생*/
.mubong_top { position:relative; width:100%; height:380px; background:url(../images/sub04/mubong_bg.jpg) 0 0 no-repeat; padding-top:90px; }
.mubong_top img{ display:none; } 
.mubong_top .mubong_txt img{display: block;margin: 0 auto;}
.mubong_top .mubong_txt {  font-size:36px; color:#fff; text-align:center; line-height:140%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.mubong_top .mubong_txt p{
    width: 100%;
}
.mubong_01 .point {
    color: #c80c47;
    font-size: 24px;
    margin-bottom: 18px;
	line-height: 28px;
	/*letter-spacing: -1px;*/
}

.mubong_list .mubong { float:left; border:1px solid #ddd; width:300px; margin-right:20px; margin-bottom:20px; }
.mubong_list .mubong:nth-child(3n) { margin-right:0px; }
.mubong_list .mubong:nth-child(n+4):last-child{ margin-bottom:0px; }
.mubong_list .mubong_img { display:block; width:100%; height:174px; }
.mubong_list .mubong_txt { display:block; text-align:center; word-break:keep-all; padding:15px 0; word-break:keep-all; }

.mubong_02 {color: #888;}

.mubong_02 .part {
    background: url(../images/sub04/section_par.png) 0 8px no-repeat;
    padding-left: 16px;
    color: #555;
    margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.5em;
}
.mubong_02 .mubong_fl { float: left; margin-right: 20px;}
.mubong_02 .mubong_fr { float: right; }
.mubong_02 .clr_b { clear: both;}
/*mubong_02 img {margin-top:6px;}*/

.mubong_step { overflow: hidden;}
.mubong_step div { float:left; }
.mubong_step .step {width:160px;height:160px;border-radius:50%;border:17px solid #c80c47;padding-top: 50px;margin-bottom:20px;}
.mubong_step .arrow {width:19px;height:34px;background:url(../images/sub05/step_arrow_right.png) 0 0 no-repeat;margin:0 40px;margin-top: 60px;}
.mubong_step .step_no { display:block; text-align:center; font-family: 'Noto Sans KR'; }
.mubong_step .step_txt {display:block;text-align:center;font-size:18px;font-family: 'Noto Sans KR';color:#666;/* margin-bottom:2px; *//* padding-top: 10px; */}
.mubong_step .step_txt1 { display:block; text-align:center; font-size:18px; font-family: 'Noto Sans KR';  color:#666; margin-bottom:2px; padding-top: 20px;}
.mubong_02 .txt_point2 {color: #1495ce}


ul.line li{text-indent: -8px;    padding-left: 8px;}

/* cg보데크 */
.gc_summary .pro_img{padding: 20px 0 0 0;display: flex;justify-content: center;align-items: center;}

.gc_img_list{display: flex;justify-content: space-between;width: 100%;margin-top: 1rem;}
.gc_img_list .box img{height: 235px;border: 1px solid #ddd;}
.gc_img_list .box p{font-size: 1.125rem;text-align: center;margin-top:1rem;}

.gc_list .strong{/* height: 190px; */}
.gc_list .icon_area{padding: 40px 0;}

.gc_view{display: flex;justify-content: space-between;}
.gc_view div{width: 48%;padding: 2rem;background-color: #f4f4f4;text-align: center;    border: 1px solid #ddd;}
.gc_view div p{font-size: 1.5rem;font-weight: 600;}
.gc_view div img{width: 100%;margin-top:2rem;}

.con_area  .catalog_h4{background: none;}
.catalog{display: flex;justify-content: center;}
.catalog a{
    color: #fff;
    background: #c80c47;
    font-size: 1.25rem;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 285px;
    height: 70px;
    line-height: 70px;
}
.catalog_two {gap: 1rem;}
.catalog a span{margin-right:6px;}



.phil {
    display: flex;
    gap: 3rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.phil_video {
    max-width: 55rem;
    height: fit-content;
}
.right_contents .phil_video {width: 100%; max-width: inherit;}
.phil_txt {
    height: fit-content; color: #fff;
}
.phil_txt h3 {
    font-size: 2.5rem;
    line-height: 1.3em;
}
.phil_txt p {
    font-weight: 300;
    line-height: 1.5em;
    /* margin-top: 2rem; */
    font-size: 1.125rem;
    letter-spacing: normal;
}
.main_deck {background: url(../images/main/deck_install02.jpg) center bottom no-repeat;background-size: cover;height: 58vh;display: flex;align-items: flex-end;border: 1.5rem #fff solid;box-sizing: border-box;}
.main_deck_tit {
    background: #fff;
    width: 100%;
    padding: 1.5rem 0 0 0;
    margin-bottom: -1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main_deck_tit h3 {
    padding-top: 1rem;
    background: url(../images/common/tit_line_red.png) 0 0 no-repeat;
    line-height: 1.4em;
    font-size: 1.25rem;
}
.main_deck_tit h3 span {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
}
.main_deck_tit a {display:block;width: 240px;height: 60px;cursor:pointer;background: #333;position: relative;box-sizing: border-box;}
.main_deck_tit a .menu_txt {display:block;width:100%;height:100%;line-height:60px;text-align:center;color:#fff;font-size: 1.125rem;letter-spacing:-0.5px;}
.main_deck_tit a:hover { background:rgba(199,12,71,1); }

/* 메인메뉴 hover 애니메이션 */
.main_deck_tit a .box_inner_top{display:block;position:absolute;width:0;top:5px;left:5px;border-top:1px solid #e386a3;transition:width 1s;z-index:9999;}
.main_deck_tit a:hover .box_inner_top{width:98%;}

.main_deck_tit a .box_inner_right{display:block;position:absolute;width:1px;height:0px;bottom:5px;right:5px;border-right:1px solid #e386a3;transition:height 1s;z-index:9999;}
.main_deck_tit a:hover .box_inner_right{height: 90%;}

.main_deck_tit a .box_inner_bottom{display:block;position:absolute;width:0;bottom:5px;right:5px;border-bottom:1px solid #e386a3;transition:width 1s;z-index:9999;}
.main_deck_tit a:hover .box_inner_bottom{width:98%;}

.main_deck_tit a .box_inner_left{display:block;position:absolute;width:1px;height:0px;top:5px;left:5px;border-left:1px solid #e386a3;transition:height 1s;z-index:9999;}
.main_deck_tit a:hover .box_inner_left{height: 90%;}

.deck_video {
    width: 100%;
}

.deck_chart {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-start;
    align-items: center;
}
.deck_chart .item {
    position: relative;
    overflow: hidden;
    width: calc((100% - 8rem) / 4);
    font-size: 0.925rem;
    letter-spacing: -0.05em;
}
.deck_chart .item img {width: 100%;height: 100%;object-fit: cover;}
.deck_chart .item .tit {
    position: absolute;
    bottom: 0;
    padding: 0.5rem;
    background: url(../images/common/ptn_dot_gray2.gif) repeat;
    color: #fff;
    width: 100%;
}
.deck_chart .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
}
.deck_chart .arrow img {
    max-width: 1rem;
}



.contactus {max-width: 64rem;margin: 0 auto;}

.contactus li:nth-child(even) {background: #f1f1f1;} 
.contactus ul {border-top: 2px solid #222;}
.contactus li {color: #666;font-size: 1.125rem;display: flex;padding: 1.5rem 3rem;border-bottom: 1px solid #ddd;align-items: center;}
.contactus li .tit {font-size: 1.25rem;font-weight: bold;display: inline-block;min-width: 30rem;color: #333;}
.contactus li .subtit {font-size: 1.125rem;font-weight: bold;display: inline-block;min-width: 4rem;color: #c80c47;margin: 0;}
.contactus li .cont {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.contactus li .cont p {
    min-width: 19rem;
}
.network_card { margin-top: 2rem;}
.network_card h4 {font-size: 1.125rem;/* text-align:center; */font-family: 'Noto Sans KR';border-bottom:1px solid #ddd;padding-bottom: 1rem;}
.network_card dl {overflow:hidden;/* padding:30px 15px; */margin-top: 1rem;}
.network_card dt {float:left;width: 30%;font-family: 'Noto Sans KR';margin-bottom:5px;background:url(../images/common/list_bullet.gif) 0 8px no-repeat;padding-left:10px;}
.network_card dd {float:left;width: 70%;margin-bottom:5px;word-break: keep-all;}
.network_card dt:first-of-type, .network_card dd:first-of-type {letter-spacing: -1px;}
.network_card {display: flex;gap: 1.5rem;flex-wrap: wrap;align-items: stretch; cursor: pointer;}
.network_card .card {width: calc((100% - 3rem) / 3);border: 1px solid #ddd;}
.network_card .card .img {width: 100%;height: 14rem;}
.network_card .card .img img {width: 100%; height: 100%; object-fit: cover;}
.network_card .card .txt {background: #fff;padding: 1.5rem;}
.network_card .factory-card:last-child:hover {cursor: context-menu;}
.network_card .factory-card:last-child:hover .txt h4, .network_card .factory-card:last-child:hover .txt dd, .network_card .factory-card:last-child:hover .txt dt {color: #444 !important;}
.performance_list {display: flex;gap: 1.5rem;flex-wrap: wrap;align-items: stretch;}
.performance_list a {overflow:hidden;display: flex;height: 100%;width: calc((100% - 1.5rem) / 2);border: 1px solid #ddd;}
.performance_list .photo_img img {width: 100%; height: 100%; object-fit: cover;}
.performance_list .photo_img {display:block;aspect-ratio: 3/1.75;overflow: hidden;flex-grow: 1;width: 50%;} 
.performance_list .photo_info {display:block;background:#fff;padding: 1.5rem 1.25rem;box-sizing: border-box;width: 50%;}
.performance_list .board_name { display:block;  font-size:17px; font-family: 'Noto Sans KR'; padding-top:10px; background:url(../images/common/tit_line_red.png) 0 0 no-repeat; color:#c80c47; letter-spacing:-1px; margin-bottom:15px; }
.performance_list .photo_tit {
    font-size: 1rem;
    line-height: 1.3em;
    letter-spacing: normal;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
    white-space: nowrap;

    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 1.5rem;
    margin-bottom: 0.75rem;
    word-break: break-word;
    color: #333 !important;
}
.performance_list .photo_list li {
    display: block;
    margin-top: 0.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    gap: 1rem;
    justify-content: flex-start;
    color: #666 !important;
    width: 100%;
}
.performance_list .photo_list li .tit {
    margin: 0;
    min-width: 5rem;
    text-align: left;
    color: #222 !important;
    font-weight: 500;
    float: left;
}
.performance_list .photo_cont {
    color: #666 !important;
    font-size: 0.925rem;
    line-height: 1.3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 2rem;
    font-weight: 300;
    margin: 0.5rem 0;
}
.performance_list .date {
    font-size: 0.925rem;
    margin-top: 1rem;
}
.performance_view_wrap {overflow:hidden;background:#f8f8f8;border:1px solid #ddd;padding:50px 70px;display: flex;flex-wrap: wrap;gap: 2rem;}
.performance_view_wrap .performance_img {width: calc(50% - 2rem);/*aspect-ratio: 3/1.7;*/border:1px solid #ddd;}
.performance_view_wrap .performance_img img {width:100%;height:100%;object-fit: cover;}
.performance_view_wrap .performance_info_list {width: 50%;}

.performance_info_list { border-top:2px solid #222; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff; }
.performance_info_list .list_tit { font-size:1.25rem; font-family: 'Noto Sans KR'; border-bottom:1px solid #ddd; padding:30px; }
.performance_info_list dl { overflow:hidden; padding:30px; }
.performance_info_list dt { float:left; width:20%; font-family: 'Noto Sans KR'; margin-bottom:10px; background:url(../images/common/list_bullet.gif) 0 8px no-repeat; padding-left:10px; }
.performance_info_list dd { float:left; width:80%; margin-bottom:15px; }
.performance_info_list dd:last-of-type, .performance_info_list dt:last-of-type {margin: 0;}
.performance_cont {
    width: 100%;
}

/* 영문 페이지 parter부분 */
.partner_wrap{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.partner_img_wrap{
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    height: 180px;
}
.partner_img_wrap:nth-child(3){
    margin-right: 0;
}
.partner_img_wrap:hover{
    border: 1px solid #c80c47 !important;
}