@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', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; color:#444; letter-spacing: -0.5px; font-size:13px;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/NotoSans-Regular.eot);
  src: url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoSans-Regular.woff) format('woff'),
       /* url(../font/NanumGothic.ttf) format('truetype'); */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-weight: 500;
  src: url(../fonts/NotoSans-Medium.eot);
  src: url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
       url(../fonts/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/NotoSans-Bold.eot);
  src: url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoSans-Bold.woff) format('woff'),
       /* url(../font/NanumGothic.ttf) format('truetype'); */
}



/* 공통 */
.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:13px;}
::-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;  }
.m_hidden { display:none !important; }

/* 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[type=file] { min-height:32px; }
input[type=checkbox], input[type=radio] {vertical-align:middle;}
.basic_txt_area { word-break:keep-all; line-height:155%; }
.basic_txt_area strong:first-child { font-size:15px; display:block; margin-bottom:10px; }


/* txt */
.txt_point {color:#c80c47;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}
h1,h2,h3,h4 {  }
.txt_small { font-size:12px; }
.m_block { display:block; }
.ps_txt { font-size:12px; color:#666; margin-top:5px; text-align:right; }


/******** 전체 ********/
html,body,#wrap { 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:94%; height:56px; margin:0 auto; }
#header h1 { position:absolute; top:13px; left:0; }
#header h1 img { width:76%; }
#topBanner { position:relative; background:#5f6a7d; height:180px; }
#topBanner div { width:94%; margin:0 auto; }
#topBanner .banner_close { width:94%; 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; }

/* gnb */
#navi { position:absolute; z-index:920; top:0; left:270px; }
#navi .navi_area { height:52px; }
.sub_nav_bg { left:0; top:266px; 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:52px; overflow:hidden; }
.nav_dep1 { position:relative; height:85px; line-height:85px; /*   */font-family: 'Noto Sans KR';; }
.nav > ul { overflow:hidden; }
.nav > ul > li { position:relative; width:132px; height:100%; font-size:18px; text-align:center; float:left; }
.nav > ul > li > a { font-size:16px; }
.nav > ul > li a { display:block; }
.nav > ul > li.selected { color:#c80c47; }
.nav > ul > li > .sub_nav { height:240px; }
.nav > ul > li > .sub_nav > li { margin:12px 0; font-size:14px; 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:65px; 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 {  }
.nav > ul > li.selected > .sub_nav li:hover { color:#c80c47; }


/* 검색.언어 */
.sch_lang { position:absolute; top:20px; right:30px; overflow:hidden; }
.sch_lang .btn_sch { float:left; margin:2px 10px 0 0; padding-right:12px; background:url(../images/common/bar.png) right 1px no-repeat; }
.sch_lang .lang { float:left; }
.sch_lang .btn_lang { display:inline-block; width:50px; padding-left:5px; cursor:pointer; }
.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:40px; background:#fff; font-size:13px; border:1px solid #ddd; }
.sch_lang .lang_list li { margin-bottom:3px; }
.sch_lang .lang_list li a { display:block; width:100%; padding:2px 0 2px 5px; }
.sch_lang .lang_list li a:hover { background:#666; color:#fff; }


/* 전체보기 */
#menu-wrapper {
	position:absolute;
	top: 16px; 
	right:0; 
    /* overflow: auto;
    max-width: 100%; */
    cursor: pointer;
}

#menu-container .menu-list .menu-submenu {
	border-top:1px #dcdcdc solid;
}

#menu-container .menu-list .menu-submenu li{
	/* border-top:1px #dcdcdc solid; */
    padding: 10px 20px 10px 35px;
	background:#f4f4f4;
	font-size:14px;
}

#menu-container .menu-list .menu-submenu li:fiart-child{
	border-top:1px #dcdcdc solid;
}

#menu-container .menu-list {
    display: block;
    position: absolute;
    width: 100%;
    box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    right: -100%;
	top:0px;
	box-sizing:border-box;
}

#menu-container .menu-list li {
}
#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
    font-size: 16px;
	color:#000;
    padding: 20px;
    text-transform: uppercase;
    border-top: 1px solid #dbdcd2;
    padding-left: 35px;
	background:#fff;
    /* background: url(../images/common/li_bullet.gif) no-repeat 20px 25px #fff; */
	letter-spacing:-0.5px;
}

#menu-container a .menu-list a li.accordion-toggle a, #menu-container .menu-list a .menu-login a {
	color:#000 !important;
}

#menu-container .menu-list .menubar {
	color:#fff;
	font-weight:100;
    text-transform: uppercase;
    border-top: none;
    background: #222;
	width:100%;
	height:57px;
	color:#fff;
	overflow:hidden; 
	padding:0 15px;
}
#menu-container .menu-list .menubar .m_btn_sch {
	position:absolute;
	top:16px;
}
#menu-container .menu-list .menubar .m_btn_sch img {
	width:24px; 
}
#menu-container .menu-list .menubar .m_btn_sch span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -15px;
	margin-left:5px; 
}
#menu-container .menu-list .menubar .btn_close img {
	width:24px !important; 
}
#menu-container .menu-list .menubar .lang_list {
	position:absolute;
	top:20px;
	left:60px;
}
#menu-container .menu-list .menubar .lang_list li{
	float:left; 
	padding:0 2px; 
}
#menu-container .menu-list .menubar .lang_list li:first-child {
	padding:0 2px 0 0;
}

#menu-container .menu-list .menubar a {
    font-size: 15px;
	color:#fff;
	font-family: 'Noto Sans KR';;	
}

#menu-container .menu-list .menubar .btn_close {width:34px; height:34px; background-color:rgba(255,255,255,0.2);color:#fff;box-sizing:border-box; padding:4px 0 0 7px; box-sizing:border-box; margin-top:-7px; margin-left:10px; float:right;}
#menu-container .menu-list .menubar .btn_close:hover {background-color:rgba(255,255,255,0.5);color:#fff;}

.accordion-toggle, .accordion-content {
    cursor: pointer;
    font-size: 16px;
    position: relative;
}

  .accordion-content {
    display: none;
	background:#f4f4f4;
}
.accordion-toggle span[class^='icon-'] {
    position: absolute;
    right: 10px;
    font-size: 26px;
    top: calc(50% 20px);
	color:#666;
}
.accordion-toggle span.icon-plus, .accordion-toggle span.icon-minus {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.accordion-toggle span.icon-plus {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.icon-minus:before {
    content: "\2013"
}

.icon-plus:before {
    content: "+"
}




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

#footerWrap { position:relative; background:#84878b; }
#footer { position:relative; width:94%; margin:0 auto; }
.footer_top { position:relative; top:53px; width:100%; margin:0 auto; padding:5px 0; border-bottom:1px solid #a4a6a9; }
.footer_top .sitemap { overflow:hidden; font-size:15px; }
.footer_top .sitemap li strong { color:#fff; display:block; padding-left:8px; margin-bottom:10px; }
.footer_top .sitemap li { float:left; width:200px; color:#f2f2f2; margin-bottom:5px; }
.footer_top .sitemap li:hover { color:#fff; }
.footer_top .sitemap li a:hover { color:#fff; text-decoration:underline; }
.footer_top .sns { text-align:right; }
.footer_top .sns a:first-child { display:inline-block;}

.footer_bottom { padding:15px 0;}
.footer_bottom .f_logo { width:160px; }
.footer_bottom .f_logo img { width:100%; }
.footer_bottom .address_wrap { margin-top:20px; width:100%; font-size:12px; color:#ededed; }
.footer_bottom .address_wrap .footer_menu { overflow:hidden; }
.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; margin-top:8px; }
.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; background:none; }
.footer_bottom .address_wrap .address li:nth-child(2) { padding:0 8px 0 0; }

.footer_bottom .footer_btn { position:absolute; top:-5px; right:0; width:100%; padding-top:15px; font-size:12px; }
.footer_bottom .footer_btn .btn_family { position:relative; width:49.5%; display:inline-block; height:30px; line-height:28px; 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 { position:absolute; display:inline-block; width:12px; height:7px; background:url(../images/common/select_arrow.png) 0 0 no-repeat; top:11px; right:10px; }
@media (max-width:1200px) and (min-width:480px){
/* .footer_bottom .footer_btn .btn_system, .footer_bottom .footer_btn .btn_family {width: 100%;} */
}
.footer_bottom .footer_btn .family_list { display:none; position:absolute; top:-86px; left:0; width:49.5%; padding:0 10px; border:1px solid #ccc; background:#222; }
.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 { width:27%; position:relative; display:inline-block;  padding-left:30px; height:30px; line-height:28px; color:#70caf0; border:1px solid #70caf0; }
.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:13%; top:7px; background-size:88%; }
.footer_bottom .footer_btn .btn_admin:hover { background:rgba(38,145,191,0.1); }

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


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

/* visual */
/* .rolling_visual { width:100%; height:480px; }
.rolling_visual .camera_wrap img { min-width:600px; height:480px !important; }
#camera_wrap_m { height:480px !important; }
@media (max-width:1200px) and (min-width:640px){
	#camera_wrap_m { height:660px !important; }
	.rolling_visual .camera_wrap img { min-width:600px; height:660px !important; }
} */

/* 20250114 메인 슬라이드 추가 */
.main_txtflex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}
.main_txtflex .slide_txt_small{
    font-size: 1.375rem;
}
.main_txtflex img{
    width: 75px;
}
.main_slider .slide07 .main_copy .flex02 {
    align-items: flex-start;
}
.main_slider .slide07 .main_copy .flex02 img{
    width: 230px;
    height: fit-content;
    margin-left: 0;
    margin-top: 0;
}
.main_slider .slide08 .main_copy .flex02 {
    align-items: flex-start;
}
.main_slider .slide08 .main_copy .flex02 img{
    width: 230px;
    height: fit-content;
    margin-left: 0;
    margin-top: 0;
}
.main_slider .main_copy .normal_wrap{
    margin-top: 10px;
}
.main_slider .main_copy .normal_wrap .normal{
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    font-weight: 400;
}
@media screen and (max-width:480px) {



}


.main_slider { width:100%; }
.main_slider .slide01  { height:450px !important; background-image:url(../images/main/visual01_m.jpg); background-repeat:no-repeat; background-position:50% 0; background-size:cover; }
.main_slider .slide02  { height:450px !important; background-image:url(../images/main/visual02_m.jpg); background-repeat:no-repeat; background-position:50% 0; background-size:cover; }
.main_slider .slide03  { height:450px !important; background-image:url(../images/main/visual03_m.jpg); background-repeat:no-repeat; background-position:95% 0; background-size:cover; }
.main_slider .slide04  { height:450px !important; background-image:url(../images/main/visual04_m.jpg); background-repeat:no-repeat; background-position:50% 0; background-size:cover; }
.main_slider .slide05  { height:450px !important; background-image:url(../images/main/visual05_m.jpg); background-repeat:no-repeat; background-position:90% 0; background-size:cover; }
.main_slider .slide06  { height:450px !important; background-image:url(../images/main/visual06_m.jpg); background-repeat:no-repeat; background-position:50% 0; background-size:cover; }
.main_slider .slide07  { height:450px !important; background-image:url(../images/main/visual07_m.jpg); background-repeat:no-repeat; background-position:50% 0; background-size:cover; }
.main_slider .slide08  { height:450px !important; background-image:url(../images/main/visual08_m.jpg); background-repeat:no-repeat; background-position:93% 0; background-size:cover; }
.main_slider .main_copy { position:absolute; top:27%; left:5%; z-index:99; color:#fff; font-family:'NanumSquare', sans-serif; font-size:27px; line-height:130%; word-break:keep-all; letter-spacing:-1.5px; font-weight:600; }
.main_slider .main_copy p:last-child { word-break:keep-all; }
.main_slider .main_copy p.flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.main_slider .main_copy p.flex img {
    width: 131px;
    height: 28px;
    margin-left: 10px;
}
.main_slider .slide08 .main_copy .normal_wrap .pc_hidden{
    display: block;
}

.main_slider .main_copy_b { position:absolute; top:27%; left:5%; z-index:99; color:#333; font-family:'NanumSquare', sans-serif; font-size:27px; line-height:130%; word-break:keep-all; letter-spacing:-1.5px; font-weight:600; }
.main_slider .main_copy_b p:last-child { word-break:keep-all; }
.main_slider .slide_txt_small_b { font-size:18px; }


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

/* 메인메뉴 hover 애니메이션 */
.quick_menu .box_inner_top{display:block;position:absolute;width:0;top:3px;left:3px;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:3px;right:3px;border-right:1px solid #e386a3;transition:height 1s;z-index:9999;}
.quick_menu a:hover .box_inner_right{height:96%;}

.quick_menu .box_inner_bottom{display:block;position:absolute;width:0;bottom:3px;right:3px;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;bottom:0;left:3px;border-left:1px solid #e386a3;transition:height 1s;z-index:9999;}
.quick_menu a:hover .box_inner_left{height:96%;}


/* 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 */
.fp-tableCell { height:}
.fullpage-wrapper, .fp-tableCell, .section { height:auto !important; }
.section .contents { width:94%; margin:0 auto; padding-top:50px; padding-right:0; padding-bottom:50px; padding-left:0; overflow:hidden; color:#333; }
.section .contents a { color:#333; }
.section .tit { text-align:center; margin-bottom:30px; }
.section .tit h2 {  font-size:32px; }
.section .tit h2 .line_b { display:block; margin:20px auto 15px; width:60px; height:1px; background:#222; }
.section .tit h2 .line_w { display:block; margin:20px auto 15px; width:60px; height:1px; background:#fff; }
.section .tit_bottom {  font-size:14px; }
#section1 { background-image:url(../images/main/news_bg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:cover; }
#section2 { background-image:url(../images/main/product_bg.jpg); 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 */
.slide { overflow:hidden; }
.slide .photo_big { width:100%; max-width:620px; margin:0 auto; height:360px; background:#fff; border:1px solid #eee; }
.slide .photo_small { width:100%; max-width:620px; margin:20px auto 0;  }
.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%; }
.slide .photo_big .photo_img { display:block; width:100%; height:230px; }
.slide .photo_big .photo_info { overflow:hidden; display:block; background:#fff; padding:15px; }
.slide .photo_big .board_name { display:block; margin-bottom:10px; width:65px;  font-size:14px; 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; margin-bottom:6px;  font-size:14px; font-family: 'Noto Sans KR';; letter-spacing:-1px; }
.slide .photo_big .date { display:block; }

.slide .photo_small a { overflow:hidden; height:135px; }
.slide .photo_small a:first-child { margin-bottom:10px; }
.slide .photo_small .photo_img { display:block; float:left; width:40%; height:135px; } 
.slide .photo_small .photo_info { display:block; float:left; width:60%; height:135px; background:#fff; padding:15px; }
.slide .photo_small .board_name { display:block; margin-bottom:10px;  font-size:15px; 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_small .photo_tit { display:block; margin-bottom:5px;  font-size:14px; font-family: 'Noto Sans KR';; letter-spacing:-1px; line-height:140%; }
.slide .photo_small .date { display:block; }


/* product */
.pro_list { overflow:hidden; }
.pro_list li { float:left; width:49%; margin-right:2%; margin-bottom:2%; border:1px solid #eee; background:#fff; }
.pro_list li:nth-child(2n) { margin-right:0; } 
.pro_list li a { display:block; padding:12px; }
.pro_list li a:hover { color:#333; }
.pro_list li .pro_img { display:block; margin-bottom:15px; 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:15px; 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; margin-top:-2px; }


/* duckshin */
#section3 h2, #section3 .tit_bottom { color:#fff; }
.find_child { width:100%; max-width:620px; margin:0 auto; background:#fbfaed; padding:15px; }
.find_child h3 { margin-bottom:15px; font-size:18px; }
.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:25px; padding-bottom:15px; border-bottom:1px dashed #a4a7a4; }
.find_child .child_img { width:80px; height:102px; float:left; margin-right:10px; }
.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:5px; }
.find_child .child_info .child_name strong { font-size:15px; }
.find_child .child_info ul li { overflow:hidden; font-size:12px; margin-bottom:6px; }
.find_child .child_info ul li:last-child { margin-bottom:0; }
.find_child .child_info ul li strong { display:block; float:left; margin-right:5px; width:26%; height:22px; line-height:20px; background:#4e4e4e; color:#fff; text-align:center; }
.find_child .child_info ul li p { float:left; width:68%; word-break:keep-all; line-height:130%; }
.find_child .find_call { text-align:right; margin-top:15px; }
/* @media (max-width:960px) and (min-width:640px){
	.find_child .child01 { margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #a4a7a4; }
	.find_child .child_img { float:left; margin-right:15px; }
	.find_child .child_info { float:left; width:355px; }
	.find_child .child_info .child_name { margin-bottom:5px; }
	.find_child .child_info .child_name strong { font-size:18px; }
	.find_child .child_info ul li { overflow:hidden; font-size:13px; margin-bottom:7px; }
	.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:62px; height:22px; line-height:20px; background:#4e4e4e; color:#fff; text-align:center; }
	.find_child .child_info ul li p { float:left; width:280px; word-break:keep-all; line-height:130%; }
	.find_child .find_call { text-align:right; margin-top:15px; }
} */
.find_child .find_call span { margin-left:5px; }
.find_child .find_call span:first-child { margin-left:0; }
.find_child .find_call span img {/* width:45%; */}
.find_child .find_call.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.find_child .find_call.flex span {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    margin-bottom: inherit;
    margin-left: inherit;
}
.find_child .child_banner {position: relative;}

.hope { max-width:620px; margin:20px auto 0; }
.hope ul li a { display:block; overflow:hidden; height:135px; background:#fff; }
.hope ul li a:first-child { margin-bottom:10px; }
.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:40%; height:135px; } 
.hope ul li a .photo_img img { width:100%; height:100%; }
.hope ul li a .photo_info { display:block; float:left; width:60%; height:135px; background:#fff; padding:15px; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; }
.hope ul li a .board_name { display:block; margin-bottom:10px;  font-size:14px; 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; }
.hope ul li a .photo_tit { display:block; margin-bottom:8px;  font-size:14px; font-family: 'Noto Sans KR';; letter-spacing:-1px; line-height:150%; }


/* ir */
#section4 h2, #section4 .tit_bottom { color:#fff; }
.stock_wrap { overflow:hidden; width:100%; max-width:620px; margin:0 auto; background:#fff; }
.stock_wrap .stock_top { overflow:hidden; padding:20px; height:150px; }
.stock_wrap .stock_top .fl { width:48%; height:100%; border-right:1px solid #ddd; padding-top:11%; }
.stock_wrap .stock_top .fl strong { font-size:40px; }
.stock_wrap .stock_top .fl img { margin:5px 5px 0 0; vertical-align:top; }
.stock_wrap .stock_top .fr { width:52%; }
.stock_wrap .stock_top .fr p { padding:20px 15px; font-size:14px; }
.stock_wrap .stock_top .fr p:first-child { border-bottom:1px solid #ddd; }
.stock_wrap .stock_top .fr p span { display:inline-block; width:60px; }
.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:16px; padding:15px 0; }
.stock_wrap .stock_bottom .fl div { text-align:center; padding:25px 0; }
.stock_wrap .stock_bottom .fl .price { font-size:14px; }
.stock_wrap .stock_bottom .fl .price strong { display:block; font-size:20px; margin:12px 0 8px 0; }
/* .stock_wrap .stock_info { position:relative; width:100%; height:40px; margin-bottom:10px; }
.stock_wrap .stock_info .price { font-size:14px; position:absolute; left:0; bottom:0; font-family: 'Noto Sans KR';; }
.stock_wrap .stock_info strong { font-size:30px;  }
.stock_wrap .stock_info div { position:absolute; right:0; bottom:0; }
.stock_wrap .stock_info div .point { text-align:right; }
.stock_wrap .graph { width:100%; height:220px; }
.stock_wrap .graph img { width:100%; height:100%; }
.stock_wrap #chart_div { width:100%; } */

.ir_quick { width:100%; max-width:620px; margin:20px auto 0; }
.ir_quick li { width:100%; height:120px; margin-right:0; margin-bottom:2%; }
.ir_quick li a { position:relative; display:block; width:100%; height:100%; padding:15px 0; border:3px solid transparent; background:rgba(199,12,71,0.8); color:#fff; }
/* .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(2n) { margin-right:0; }
.ir_quick .menu_txt { display:block; width:100%; text-align:center; color:#fff;  font-size:16px; font-family: 'Noto Sans KR';; }
.ir_quick .menu_icon { display:block; width:50px; height:56px; margin:0 auto 10px; }
.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:56px; }
.sub_visual { position:relative; width:100%; height:350px; display:none; }
.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; position:fixed; width:100%; z-index:99; }
.sub_menu { position:relative; width:94%; height:42px; margin:0 auto; }
.sub_menu .home { width:60px !important; height:42px; border-left:1px solid #df4576; display:none; }
.sub_menu .home img { margin-top:18px; }
.sub_menu .menu { float:left; width:50%; line-height:42px; border-right:1px solid #df4576; color:#fff; font-size:13px; overflow: hidden; max-height: 42px; }
.sub_menu .depth1 { border-left:1px solid #df4576 !important; }
.sub_menu .depth3 { border-left:1px solid #df4576 !important; border-top:1px solid #df4576 !important; width:100%;}
.sub_menu .menu > a { display:block; position:relative; width:100%; height:100%; padding:0 10px; cursor:pointer; background:#c80c47; color: #fff; overflow: hidden;
    max-height: 42px;
    white-space: pre;
    text-overflow: ellipsis;
}
.sub_menu .menu a:hover { background:#a8093b; 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:18px; right:12px; }

.sub_menu .depth_list { position:absolute; width:50%; background:#c80c47; display:none; z-index:99; }
.sub_menu .depth_list li a { display:block; padding-left:10px; height:30px; line-height:30px; font-size:12px; letter-spacing:-1px; overflow: hidden;
    max-height: 42px;
    white-space: pre;
    text-overflow: ellipsis;}
.sub_menu .depth3 .depth_list { width:100%; }

#subContainer .contents { width:94%; margin:0 auto; padding:70px 0 30px 0; }
#subContainer .contents.product { width:94%; margin:0 auto; padding:112px 0 30px 0; }
#subContainer .contents h3 {  font-size:30px; text-align:center; margin-bottom:20px; line-height:30px; color:#333; }
.con_area { overflow:hidden; margin-bottom:50px; }
.con_area .h4_type1 {  font-size:22px; line-height:130%; background:url(../images/common/tit_line.png) 0 0 no-repeat; padding-top:15px; margin-bottom:15px; font-weight:normal; color:#222; }
.con_area .h4_type2 {  font-size:24px; line-height:130%; font-weight:normal; color:#222; }
.con_area .h4_type3 {
    font-size: 20px;
    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 .small_area { margin-bottom:30px; }
.con_area .small_area h5 {  font-size:18px; line-height:130%; margin-bottom:10px; }

.top_big_txt .top_copy {  font-size:18px; line-height:140%; text-align:center; font-family: 'Noto Sans KR';; color:#333; word-break:keep-all; margin-bottom:20px; }
.top_big_txt .top_copy2 {  font-size:14px; text-align:center; margin-top:10px; line-height:140%; color:#333; word-break:keep-all; margin-bottom:20px; }
.top_big_txt .top_copy3 {  font-size:16px; text-align:center; line-height:140%; color:#333; }


.basic_list li { background:url(../images/common/list_bullet.gif) 0 8px no-repeat; padding-left:8px; 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:14px; }

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



/* table */
.list_table01 { border-top:2px solid #222; font-size:12px; }
.list_table01 th { background:#f6f6f6; padding:10px; border-bottom:1px solid #ddd; }
.list_table01 td { padding:12px 10px; border-bottom:1px solid #ddd; text-align:center; }
.list_table01 .icon_file  { margin-left:5px; }
.list_table01 .th_bg { background:#fffef8; font-family: 'Noto Sans KR';; }
.info_table th, .info_table td { border-left:1px solid #ddd; border-right:1px solid #ddd; word-break:keep-all; }

.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 th, .form_table td { display:block; width:100%; }
.form_table th { text-align:left; }
.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; }
.form_table input[type=file] { width:100%; }

.view_table { border-top:2px solid #222; }
.view_table th { background:#f6f6f6; padding:12px 10px; border-bottom:1px solid #ddd; }
.view_table td { padding:12px 8px; border-bottom:1px solid #ddd; }
.view_table .view_ctn { padding:30px 20px; }
.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 { word-break:keep-all; }
.view_table .list_move th span { display:inline-block; width:9px; height:6px; margin-right:8px; vertical-align:middle; }
.view_table .list_move td { font-size:12px; }
.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:block; width:100px; height:80px; margin-bottom:8px; }
.view_table .move_thum img { width:100%; height:100%; }

.paging { margin-top:30px; text-align:center; }
.paging span { display:inline-block; width:32px; height:32px; 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:2px; }
.paging .pg_on a { background:#c80c47; border:1px solid #c80c47; color:#fff; }
.paging .pg_first { margin-right:8px; }
.paging .pg_last { margin-left:8px; }

.list_sch_area { width:100%; margin:20px 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:80px; 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:45px; line-height:45px;  font-size:16px; color:#555; font-family: 'Noto Sans KR';; }
.basic_tab .tab_h4 a:hover { background:#c80c47; color:#fff; }
.basic_tab .tab_on { background:#c80c47; color:#fff !important; font-family: 'Noto Sans KR';; }
.basic_tab .tab_contents { padding:140px 0 40px 0; background:#fff; display:none; }

.basic_tab .tab_h4_1 { 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_1 a { display:inline-block; width:100%; height:45px; line-height:45px;  font-size:16px; color:#555; font-family: 'Noto Sans KR'; }
.basic_tab .tab_h4_1 a:hover { background:#c80c47; color:#fff; }
.basic_tab .tab_h4_1:first-child { border-left:1px solid #ddd; }

/**** 회사소개 ****/
/* 기업이념 */
.greeting_txt { margin-top:20px; word-break:keep-all; line-height:150%; }
.greeting_txt p { margin-top:20px; word-break:keep-all; }
.goal_list { overflow:hidden; width:94%; margin:0 auto; }
.goal_list li { margin-bottom:20px; }
.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) center 0 no-repeat; }
.goal_list li:nth-child(2) .goal_img { background:url(../images/sub01/goal_img02.jpg) center 0 no-repeat; }
.goal_list li:nth-child(3) .goal_img { background:url(../images/sub01/goal_img03.jpg) center 0 no-repeat; }
.goal_list li .goal_txt { display:block; margin-top:12px; font-size:14px; font-family: 'Noto Sans KR';; text-align:center; }
.corporate_wrap table th { word-break:keep-all; }
.corporate_wrap table td { text-align:left !important; word-break:keep-all; }
.corporate_wrap img { width:100%; }


/* 연혁 */
.history_wrap { position:relative; }
.history_wrap::before { position:absolute; left:4%; top:0px; width:1px; height:100%; background:#ddd; content:""; }
.history { position:relative; }
.history_wrap .left_wrap { position:relative; width:100%; text-align:left; margin-left:0; margin-bottom:30px; padding-left:70px; background:url(../images/sub01/year_bg_r_m.gif) 0 0 no-repeat; z-index:9; }
.history_wrap .right_wrap { position:relative; width:100%; text-align:left; margin-left:0; margin-bottom:30px; padding-left:70px; background:url(../images/sub01/year_bg_r_m.gif) 0 0 no-repeat; z-index:9; }
.history_wrap .year {  font-size:36px; line-height:36px; font-family: 'Noto Sans KR';; color:#c80c47; padding-top:8px; } 
.history_wrap dl { margin-top:10px; overflow:hidden; }
.history_wrap dl { padding-left:7px; }
.history_wrap dt { font-family: 'Noto Sans KR';; word-break:keep-all; font-size:14px; margin-bottom:2px; clear:both; }
.history_wrap dd { word-break:keep-all; margin-bottom:8px; }
.history_wrap .history_img { width:230px; margin:10px 0 20px 0; }
.history_wrap .history_img img { width:100%; }

.history_tab .tab_h4 {width:33.3%;}
.history_tab .tit_n1 {left:0;}
.history_tab .tit_n2 {left:33.3%;}
.history_tab .tit_n3 {right:0;}
.history_tab .history_tab01 { display:block; }
.history_tab .m_block { display:block; font-size:14px; font-family:'Nanum Gothic', 'dotum', sans-serif; }
.history_tab .tab_h4 a { height:auto; line-height:140%; padding:15px 0; }


/* 특허인증 */
.pop_gallery { overflow:hidden; }
.pop_gallery li { float:left; width:47%; margin-right:6%; margin-bottom:6%; }
.pop_gallery li:nth-child(2n) { margin-right:0; }
.pop_gallery .cer_img { display:block; width:100%; max-width:208px; height:220px; 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; text-align:center; }
.pop-layer .pop-container { padding: 5px; }
.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: 85%; 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:-30px;  right:-5px; cursor:pointer; }
.pop_btn_close span { display:block; width:32px; height:32px; background:url(../images/common/btn_close.png) 0 0 no-repeat; background-size:80%; }


/* CI */
.ci_img { margin-bottom:20px; text-align:center; }
.ci_img img { width:100%; max-width:460px; }
.ci_color { width:100%; }
.ci_color .color { overflow:hidden; border:1px solid #ddd; height:110px; }
.ci_color .color:first-child { margin-bottom:10px; }
.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:12px; color:#fff; font-size:14px; font-family: 'Noto Sans KR';; }
.ci_color .color ul { float:left; width:70%; padding:15px; }
.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; width:100%; }
.logo_type div span { font-size:14px; }

.ci_wrap {
    margin-bottom: 40px;
}
.ci_wrap .ci_img {
    width: 100%;
    /* height: 400px; */
    background: url(../images/sub01/ci_img01_bg.png) center;
    border: 1px #ccc solid;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    padding: 3rem 3rem 3.5rem;
}

.ci_wrap .ci_color {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 1rem;
    float: none;
 }
.ci_wrap .ci_color .color:first-child { margin-bottom:inherit; }
.ci_wrap .ci_color .color {
    width: 100%;
    height: auto;
}
.ci_wrap .ci_img img { width:100%; max-width:250px; }
/* .ci_wrap .ci_color .color span {
    width: 100%;
    float: none;
    height: auto;
} */
.ci_wrap .ci_color .color.Red span { background:#ca003f; }
.ci_wrap .ci_color .color.Black span { background:#221e1f; }
.ci_wrap .ci_color .color.Gray span { background:#a6a6a7; }
.ci_wrap .ci_color .color.Blue span { background:#00a0df; }
.ci_wrap .ci_color .color.Green span { background:#00ae42; }
/* .ci_wrap .ci_color .color ul { 
    width:100%; 
    padding: 20px;
    float: none;
} */
span.Red { color:#ca003f; }
span.Black { color:#221e1f; }
span.Gray { color:#a6a6a7; }
span.Blue { color:#00a0df; }
span.Green { color:#00ae42; }


/* 오시는길 */
.location_wrap .map { border:1px solid #ddd; height:300px; }
.location_wrap .location_info { overflow:hidden; margin-top:30px; border:1px solid #ddd; }
.location_wrap .location_info li { width:100%; text-align:center; border-bottom:1px solid #ddd; padding:30px 20px; }
.location_wrap .location_info li:last-child { border-bottom:0; }
.location_wrap .location_info .icon { display:block; width:64px; height:64px; margin:0 auto 15px; 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:18px; padding-top:15px; background:url(../images/common/line_red.gif) center 0 no-repeat; }
.location_wrap .location_info p { font-size:14px; margin-top:6px; }

.location_tab .tab_h4 { width:50%; }
.location_tab .tit_n1 { left:0;width:100%;border-left:1px solid #ddd; }
.location_tab .tit_n2 { top:44px;left:0;border-left:1px solid #ddd; }
.location_tab .tit_n3 { top:44px;right:0;border-right:1px solid #ddd; }
.location_tab .tit_n4 { top:88px;left:0;border-left:1px solid #ddd; }
.location_tab .tit_n5 { top:88px;right:0;border-right:1px solid #ddd; }
.location_tab .tit_n6 { top:132px;left:0;border-left:1px solid #ddd; }
.location_tab .tit_n7 { top:132px;right:0;border-right:1px solid #ddd; }
.location_tab .location_tab01 { background:#fff; display:block; }
.location_tab .tab_contents { padding:200px 0 40px 0; }

.location_tab.new .tab_h4_1 { width:50%; }
.location_tab .tit_n1_1 { top:0;left:0;border-left:1px solid #ddd; }
.location_tab .tit_n2_1 { top:0;right:0;border-right:1px solid #ddd; }
.location_tab .tit_n3_1 { top:44px;right:0;border-left:1px solid #ddd; }
.location_tab .tit_n4_1 { top:44px;left:0;border-right:1px solid #ddd; }
.location_tab .tit_n5_1 { top:88px;right:0;border-left:1px solid #ddd; }
.location_tab .tit_n6_1 { top:88px;left:0;border-right:1px solid #ddd; }
.location_tab .tit_n7_1 { top:132px;left:0;border-left:1px solid #ddd; }
.location_tab .tit_n8_1 { top:132px;right:0;border-right:1px solid #ddd; }
.location_tab .location_tab01 { background:#fff; display:block; }
.location_tab .tab_contents { padding:200px 0 40px 0; }

.plant_info { overflow:hidden; }
.plant_img { width:100%; max-width:480px; border:1px solid #ddd; margin:0 auto; }
.plant_img img { width:100%; max-width:480px; }
.plant_info_list { width:100%; margin-top:20px; }

.plant_info_list { border-top:2px solid #222; border-bottom:1px solid #ddd; }
.plant_info_list .list_tit {  font-size:18px; text-align:center; font-family: 'Noto Sans KR';; border-bottom:1px solid #ddd; padding:15px; }
.plant_info_list dl { overflow:hidden; padding:25px 15px; }
.plant_info_list dt { float:left; width:25%; font-family: 'Noto Sans KR';; margin-bottom:10px; background:url(../images/common/list_bullet.gif) 0 8px no-repeat; padding-left:10px; }
.plant_info_list dd { float:left; width:75%; margin-bottom:10px; }

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

.plant_tab .tab_h4 { width:33.3%; }
.plant_tab .tit_n1 {left:0;}
.plant_tab .tit_n2 {left:33.3%;}
.plant_tab .tit_n3 {right:0;}
.plant_tab .plant_tab01 { display:block; }
.plant_tab .tab_contents  { padding:120px 0 40px 0; }
.plant_tab .info_table th { padding:10px 0; }
.plant_tab .info_table td { padding:10px 6px; }

.plant_tab .tab_h4_1 {width: 50%;}
.plant_tab .tit_n1 {left:0;}
.plant_tab .tit_n2 {right:0;}
.plant_tab .tit_n3 {left:0;}
.plant_tab .tit_n4 {right:0;}
.plant_tab .tit_n1_1 {left: 0px;}
.plant_tab .tit_n2_1 {right: 0;}
.plant_tab .tit_n3_1 {top:45px;left: 0px;border-left: 1px solid #ddd;}
.plant_tab .tit_n4_1 {top:45px;right: 0;}

/**** 제품소개 ****/
/* 제품개요 */
.pro_summary { overflow:hidden; }
.pro_summary .pro_img { width:100%; border:1px solid #ddd; padding:40px 25px; text-align:center; }
.pro_summary .pro_img img { width:100%; max-width:420px; }
.pro_summary .pro_txt { width:100%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f8f8f8; padding:30px 25px; }
.pro_summary .pro_txt .pro_name { margin-top:10px;  font-size:18px; line-height:135%; }
.pro_summary .pro_txt .pro_name span { display:inline-block; margin-left:8px; }
.pro_summary .pro_txt .pro_info { margin-top:15px; font-size:14px; word-break:keep-all; line-height:150%; }
.pro_summary .pro_logo { width:160px; }
.pro_summary .pro_logo img { width:100%; }

.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; }
.strong_list .strong:last-child { margin-bottom:0; }
.strong_list .icon_area { background:url(../images/common/ptn_dot_gray2.gif) repeat; text-align:center; padding:15px 0; }
.strong_list .icon_area .strong_icon { width:42px; height:40px; margin:0 auto; background-size:100%; background-position:0 0; background-repeat:no-repeat; }
.strong_list .icon_area .green { background-image:url(../images/sub02/icon_green.png); }
.strong_list .icon_area .quality { background-image:url(../images/sub02/icon_quality.png); }
.strong_list .icon_area .safe { background-image:url(../images/sub02/icon_safe.png); }
.strong_list .icon_area .money { background-image:url(../images/sub02/icon_money.png); }
.strong_list .icon_area .many { background-image:url(../images/sub02/icon_many.png); }
.strong_list .icon_area .air { background-image:url(../images/sub02/icon_air.png); }
.strong_list .icon_area .time { background-image:url(../images/sub02/icon_time.png); }
.strong_list .icon_area .skill { background-image:url(../images/sub02/icon_skill.png); }
.strong_list .icon_area .strong_txt { color:#fff;  font-size:16px; font-family: 'Noto Sans KR';; margin-top:8px; }
.strong_list .basic_list { background:#f8f8f8; padding:20px; }
.strong_list .basic_list li { background:url(../images/common/list_bullet.gif) 0 9px no-repeat; word-break:keep-all; }

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

.shape_wrap p { margin-bottom:20px; width:100%; }
.shape_wrap p img { width:100%; }
.table_scroll { min-width:99%; overflow-x:auto; }

.strong_img_list { overflow:hidden; text-align:center; margin-top:20px; }
.strong_img_list li { margin-bottom:10px; }
.strong_img_list li img { width: 100%; max-width: fit-content;}

/* 표준상세도 */
.detail_top { overflow:hidden; }
.detail_top .table_area { width:100%; margin-bottom: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:18px; font-family: 'Noto Sans KR';; padding-left:20px; }
.detail_top .table_area table { width:100%; }
.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_top .img_area { text-align:center; }
.detail_top .img_area img { width:100%; max-width:460px; }

.detail_list { margin-top:30px; overflow:hidden; }
.detail_list li { margin-bottom:2%; }
.detail_list li p { text-align:center; }
.detail_list li img { width:100%; max-width:460px; }
.detail_list .detail_tit { background:url(../images/common/ptn_dot_gray.gif) repeat; color:#fff; height:50px; line-height:50px; font-size:16px; font-family: 'Noto Sans KR';; text-align:center; max-width:460px; margin:0 auto; }


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

.graph_wrap { overflow:hidden; }
.graph_wrap .small_area { max-width:440px; margin:0 auto 30px; }
.graph_wrap .small_area img { width:100%; max-width:440px; }
.graph_wrap .small_area h5 { margin-bottom:15px; }

.sub_stock_wrap .stock_top { overflow:hidden; }
.sub_stock_wrap .stock_top table { height:170px; }
.sub_stock_wrap .stock_top .left { }
.sub_stock_wrap .stock_top .left table th { width:22%; background:none; border-left:1px solid #ddd; font-size:14px; }
.sub_stock_wrap .stock_top .stock_price { width:48%;  font-size:40px; color:#333; }
.sub_stock_wrap .stock_top .stock_price img { width:30px; }
.sub_stock_wrap .stock_top .contrast, .stock_top .rate { color:#e3091d; font-size:14px; 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 { margin-top:30px; }
.sub_stock_wrap .stock_top .right table .tit { display:block; font-size:16px; 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; padding:10px 5px; }
.sub_stock_wrap .stock_top .right table .price strong { display:block; margin:10px 0 3px 0; font-size:22px; color:#333; }

.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_middle table img { width:30px; }

.sub_stock_wrap .stock_bottom { overflow:hidden; }
.sub_stock_wrap .stock_bottom div {  margin-bottom:30px; }
.sub_stock_wrap .stock_bottom div:last-child { margin-bottom: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:30px 0; }
.sch_area input[type=text] { width:70%; 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:50px; height:50px; text-align:center; }
.sch_area .btn_sch span { display:inline-block; width:30px; height:28px; background:url(../images/common/btn_sch_b.png) 2px 0 no-repeat; background-size:80%; margin-top:13px; }
.sch_area .btn_sch:hover { background:#b5063e; }

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

.search_result p { text-align:center; padding:20px; font-size:14px; }
.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:30px 20px; } 
.news_top .photo_img { width:100%; height:260px; }
.news_top .photo_img img { width:100%; height:100%; }
.news_top .photo_info { width:100%; margin-top:20px; }
.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;  font-size:18px; font-family: 'Noto Sans KR';; color:#333;line-height:24px; }
.news_top .photo_info .date { display:block; color:#999; font-size:14px; margin-top:10px; }
.news_top .photo_info .news_contents { display:block; clear:both; margin-top:25px; line-height:160%; font-size:15px; word-break:keep-all; }

.gallery  { overflow:hidden; }
.gallery li { float:left; width:48%; height:255px; margin-right:4%; margin-bottom:4%; border:1px solid #ddd; }
.gallery li:nth-child(2n) { margin-right:0; }
.gallery .photo_img {display:block;width:100%;height: 140px;}
.gallery .photo_img img {width:100%;height:100%;object-fit: cover;}
.gallery .photo_info { display:block; position:relative; width:100%; height:150px; padding:12px; }
.gallery .photo_tit { display:block;  font-size:14px; line-height:140%; font-family: 'Noto Sans KR';; letter-spacing:-1px; }
.gallery .date { display:block; color:#999; position:absolute; bottom:15px; left:15px; }
.gallery .attach { display:block; color:#999; position:absolute; bottom:15px; left:85px; }
.gallery .attach img {
    vertical-align: bottom;
}

.view_table02 { border-top:3px solid #222; border-bottom:1px solid #ddd; }
.view_table02 .view_top { padding:15px; border-bottom:1px solid #ddd; }
.view_table02 .view_top .board { display:block;  font-size:16px; color:#c80c47; display:inline-block; font-family: 'Noto Sans KR';; }
.view_table02 .view_top .tit { display:block; display:inline-block; margin:5px 0 10px 0;  font-size:18px; font-family: 'Noto Sans KR';; line-height:130%; vertical-align:middle; }
.view_table02 .view_top .date_area { overflow:hidden; margin-top:10px; }
.view_table02 .view_top .date { color:#999; font-size:14px; }
.view_table02 .view_top .fr { color:#999; font-size:14px; 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 2px no-repeat; padding-left:20px; }
.view_table02 .view_ctn { padding:20px 15px; border-bottom:1px solid #ddd; }
.view_table02 .view_ctn p, .view_table02 .view_ctn span { line-height:130% !important; }
.view_table02 .view_ctn img { width:100%; height:auto; }
.view_table02 .list_move { word-break:keep-all; }
.view_table02 .list_move th { width:110px; }
.view_table02 .list_move th, .view_table02 .list_move td { padding:12px 15px; text-align:left; }
.view_table02 .list_move td { font-size:12px; }
.view_table02 tr:nth-child(3) { 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 .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; }
.view_table02 .move_thum { display:block; width:100px; height:80px; margin-bottom:8px; }
.view_table02 .move_thum img { width:100%; height:100%; }



/* 홍보자료 */
.movie_top { overflow:hidden; }
.movie_top .movie_area { height:300px; }
.movie_top .movie_area video { width:100%; height:100%; }
.movie_top .movie_info { padding:20px; border:1px solid #ddd; }
.movie_top .movie_info .movie_tit {  font-size:20px; font-family: 'Noto Sans KR';; background:url(../images/common/tit_line.png) 0 0 no-repeat; padding-top:15px; word-break:keep-all; line-height:135%; }
.movie_contents { height:130px; overflow-y:auto; background:#f8f8f8; padding:20px 15px; margin-top:15px; word-break:keep-all; line-height:150%; font-size:13px; }
.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 25px; }
.movie_list .slide { max-width:200px; }
.movie_list .bx-wrapper { height:150px; } */
.pr_list { border:1px solid #ddd; background:#f8f8f8; margin-top:30px; padding:20px 15px; }
.pr_list ul { overflow:hidden; margin:0 auto 20px; }
.pr_list li { float:left; width:48%; margin-right:4%; margin-bottom:4%; }
.pr_list li:nth-child(2n) { margin-right:0; }
.pr_list li a { display:block; width:100%; height:100px; }
.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:100%; margin:0 auto; background:#f8f8f8; padding:30px; text-align:center; border:1px solid #ddd; }
.p_ad_top .p_ad_area img { width:300px; height:420px; margin:20px auto 10px; }
.p_ad_top .p_ad_info { width:100%; margin:0 auto; padding:30px 20px; 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 {display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start; }
.recruit_step .step { width:100px; height:100px; border-radius:50%; border:10px solid #c80c47; padding-top:20px; margin:0 0 10px;}
.recruit_step .arrow { width:35px; height:19px; background:url(../images/sub05/step_arrow_down.png) center no-repeat; margin:15px 0; background-size:25px; transform: rotate(-90deg); }
.recruit_step .step_no { display:block; text-align:center; color:#666; font-size:14px; font-family: 'Noto Sans KR'; margin-bottom:2px; }
.recruit_step .step_txt { display:block; text-align:center; font-size:16px; font-family: 'Noto Sans KR'; }

.icon_box { border:1px solid #ddd; }
.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 { padding:20px; }
.icon_box ul li { margin-bottom:8px; word-break:keep-all; font-size:14px; }
.icon_box ul li:last-child { margin-bottom:0; }
.icon_box div { padding:20px; font-size:14px; }
.icon_box div p { margin-bottom:8px; }
.icon_box div p:last-child { margin-bottom:0; }

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

.welfare_list {
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
	justify-content: center;}
.welfare_list .welfare { float:left; border:1px solid #ddd; width:48%; height:auto; margin-right:4%; margin-bottom:4%; padding:0 15px 15px; }
.welfare_list .welfare:nth-child(2n) { margin-right:0; }
.welfare_list .wel05 { letter-spacing:-1.5px; }

.welfare .wel_icon { display:block; width:100%; height:48px; margin:30px 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; background:url(../images/common/line_red.gif) center 0 no-repeat; padding-top:15px; font-size:13px; word-break:keep-all; }

.btn_recruit a { color:#fff; width:48%; height:60px; line-height:60px; font-size:15px; 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:1%; }
.btn_recruit .btn_upload:hover { background:#aa0a3c; } 
.recruit_contact { margin-bottom:0; }

.btn_r_notice a { position:relative; display:block; border:2px solid #999; width:100%; 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:22px; color:#c80c47; margin-bottom:15px; }
.recruit_popup .pop-conts { text-align:left; }
.recruit_popup .pop-container { padding:25px; max-height:500px; overflow-y:auto; }
.recruit_popup table { margin-top:20px; }
.recruit_popup table input[type=text] { border:1px solid #ddd; width:100%; }
.recruit_popup table input[type=file] { width:100%; }
.recruit_popup table th { word-break:keep-all; }
.recruit_popup table td { text-align:left; padding:10px; }

.recruit_contact { margin-bottom:0; }
.recruit_email { display:block; padding-left:70px; }
.down_error { line-height:130%; text-align:center; margin-top:10px; word-break:keep-all; }

.accordion { border-top:2px solid #222; }
.accordion li {  }
.accordion .a_list { overflow:hidden; padding:20px 15px; 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%; font-size: 16px; }
.accordion .a_list .tit { float:left; width:94%; font-size:15px; font-family: 'Noto Sans KR';; }
.accordion .a_list .date { margin:25px 0 0 6%; }
.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:30px 20px; line-height:150%; border-bottom:1px solid #ddd; }
.accordion .a_contents img { width:100%; }


/**** 사회공헌 ****/
/* 희망봉사단*/
.hope_top { position:relative; width:100%; margin-bottom:20px; }
.hope_top img { width:100%; }
.hope_top .hope_txt { display:none; }

.hope_img img { width:100%; }
.hope_tit { background:url(../images/common/tit_line_white.png) 0 0 no-repeat; padding-top:15px; }
.hope_right .hope_txt { width:100%; background:rgba(200,12,71,0.9); padding:30px; color:#fff; }

.hope_left .hope_txt { width:100%; background:rgba(54,59,69,0.9); padding:30px; color:#fff; }

.hope_tit { font-size:18px; font-family: 'Noto Sans KR';; line-height:135%; word-break:keep-all; }
.hope_contents { margin-top:20px; word-break:keep-all; font-weight:normal; line-height:155%; }

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

/* 실종아동찾기 */
.child_gallery { overflow:hidden; }
.child_gallery  > li { float:left; width:48%; margin-right:4%; margin-bottom:4%; border:1px solid #ddd; }
.child_gallery  > li:nth-child(2n) { margin-right:0; }
.child_gallery .child_img { display:block; width:140px; height:170px; margin:0 auto; padding:15px; }
.child_gallery .child_img img { width:100%; height:100%; }
.child_gallery .child_info { display:block; background:#f8f8f8; padding:15px; }
.child_gallery .child_info .child_name { font-size:14px; font-family: 'Noto Sans KR';; background:url(../images/common/list_bullet.gif) 0 8px no-repeat; padding-left:8px; word-break:keep-all; }
.child_gallery .child_info .child_name span { display:block; margin-top:3px; }
.child_gallery .child_info .info_list { font-size:12px; margin-top:10px; letter-spacing:-0.5px;}
.child_gallery .child_info .info_list li { margin-bottom:3px; }
.child_gallery .child_info .info_list li:last-child { margin-bottom:0; }

.child_view_wrap { overflow:hidden; background:#f8f8f8; border:1px solid #ddd; padding:40px 20px; }
.child_view_wrap .child_img { width:100%; margin-bottom:30px; text-align:center; }
.child_view_wrap .child_img img { width:100%; max-width:350px; border:1px solid #ddd; }
.child_view_wrap .child_info_list { width:100%; }

.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:18px; font-family: 'Noto Sans KR';; border-bottom:1px solid #ddd; padding:20px; word-break:keep-all; }
.child_info_list dl { overflow:hidden; padding:20px; }
.child_info_list dt { font-family: 'Noto Sans KR';; margin-bottom:5px; background:url(../images/common/list_bullet.gif) 0 8px no-repeat; padding-left:10px; }
.child_info_list dd { margin-bottom:10px; margin-bottom:15px; }


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


/* contact us */
.contact_wrap .agree_top { font-size:14px; }
.contact_wrap .agree table { border:1px solid #ddd; margin:5px 0 10px 0; }
.contact_wrap .agree table th { padding:10px 5px; border:1px solid #ddd; background:#f8f8f8; }
.contact_wrap .agree table td { padding:10px 5px; border:1px solid #ddd; text-align:center; word-break:keep-all; }
.contact_wrap .form_table input[type=text] { width:100%; }
.contact_wrap .agree_bottom { margin-bottom:30px; }
.contact_wrap .agree_bottom p:last-child { margin-top:5px; }
.contact_wrap .agree_bottom input[type=checkbox] { width:16px; height:16px; }


/* 상해 8.15 광복음악회 */

.history815_tit {
    width: 100%;
}

.accordion .a_list .date2 {
    /* width: 50%; */
    /* float: left; */
    margin-top: 24px;
    display: block;
}
.accordion .a_list .view_count {
    display: none;
}

.accordion .a_list .file {
    display: none;
}

.accordion .a_contents .file_down { color:#005cd9; text-decoration:underline; margin-bottom:8px; cursor:pointer; display: block; }

.history815_01 {
    overflow: hidden;
}
.history815_03 img {
    width: 100%;
}
.history815_01 .fl {
    /* width: 240px; */
    float: none;
}

.history815_01 .fr {
    /* width: 680px; */
    padding-top: 8px;
    float: none;
}
.history815_01 .point {
    color: #c80c47;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}
.history815_02 {
    padding: 24px 20px 160px;
    border: 1px solid #ddd;
    background: url(../images/sub04/history815_02.jpg) bottom right no-repeat;
    /* background-size: contain; */
    color: #888;
}

.history815_02 .part {
    background: url(../images/sub04/section_par.png) #ffffff87 0 7px no-repeat;
    padding-left: 16px;
    color: #555;
    margin-bottom: 6px;
}

.history815_03 {}

.history815_03 .course {
    overflow: hidden;
}
.history815_03 .course .tit {font-size: 1.25rem; font-weight: 400; text-align: center; margin: 20px 0 0;}

.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: 100%;
    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: 100%;
	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: 12px 0;
    /* 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;
    background-position-x:  50%;
}

.history815_03 .course ul li:last-child {
	margin-right:0;
}
.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; */
    float: none;
    text-align: center;
}

.history815_04 .fr {
    /* width: 549px; */
    padding-top: 40px;
    float: none;
    text-align: center;
}

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

/*덕신골프장학생*/
.golf_top { position:relative; width:100%; margin-top:20px; }
.golf_top img { width:100%; }
.golf_top .golf_txt { display:none; }
.golf_01 .point {
    color: #c80c47;
    font-size: 18px;
    margin-bottom: 18px;
	line-height: 22px;
}
.golf_list { margin-bottom: 16px;}
.golf { float:left; border:1px solid #ddd; width:48%; margin-right:4%; margin-bottom:4%; padding-bottom: 4%; }
.golf_list .golf:nth-child(2n) { margin-right:0; }
.golf_list .golf05 { margin-bottom:0; }
.golf .golf_img { display:block; width:100%; }
.golf .golf_img img { display:block; width:100%; }
.golf_list .golf_txt { display:block; text-align:center; padding-top:12px; font-size:13px; word-break:keep-all; }

.golf_02 {
    padding: 24px 20px;
    border: 1px solid #ddd;
    color: #888;
}

.golf_02 .part {
    background: url(../images/sub04/section_par.png) 0 7px no-repeat;
    padding-left: 16px;
    color: #555;
    margin-bottom: 6px;
}
.golf_02 .golf_fl { float: left; margin-bottom: 16px;}
.golf_02 .golf_fr { float: right; }
.golf_02 .golf_fr img { width: 100%; }
.golf_02 .clr_b { clear: both;}
.golf_02 img {margin-top:6px;}

.golf_step {margin-bottom:16px;display: flex;align-items: center;}
.golf_step .step {width:140px;aspect-ratio: 1/1;border-radius:50%;border: 10px solid #c80c47;margin:0 auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;align-content: center;}
.golf_step .arrow {width: 19px;aspect-ratio: 19/34;background: url(../images/sub05/step_arrow_right.png) 0 0 no-repeat;margin:15px auto;background-size: cover;}
.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:16px;font-family: 'Noto Sans KR';color:#666;margin-bottom:2px;width: 100%;}
.golf_step .step_txt1 {width: 100%;text-align:center;font-size:16px;font-family: 'Noto Sans KR';color:#666;margin-bottom:2px;}
.golf_02 .txt_point2 {color: #1495ce}

@media screen and (max-width:480px) {
	.golf_step {gap: 0.25rem;}
	.golf_02 {padding: 1.5rem 1rem;}
    .golf_step .step{
    border: 6px solid #c80c47;
    box-sizing: border-box;
}
    .golf_step .arrow{width: 10px;}
	.golf_step .step_txt, .golf_step .step_txt1 {font-size: 1.05rem;}
    
}


/*전국 주니어 챔피언십*/
.championship_top { position:relative; width:100%; margin-top:20px; }
.championship_top img { width:100%; }
.championship_top .championship_txt { display:none; }
.championship_01 .point {
    color: #c80c47;
    font-size: 18px;
    margin-bottom: 18px;
	line-height: 22px;
}
.championship_list { margin-bottom: 16px;}
.championship { float:left; border:1px solid #ddd; width:48%; margin-right:4%; margin-bottom:4%; padding-bottom: 4%; }
.championship_list .championship:nth-child(2n) { margin-right:0px; }
.championship_list .championship:last-child{ margin-bottom:0px; }
.championship .championship_img { display:block; width:100%; }
.championship .championship_img img { display:block; width:100%; }
.championship_list .championship_txt { display:block; text-align:center; padding-top:12px; font-size:13px; word-break:keep-all; }


/*덕신 건축안전・환경개선 장학금*/
.scholarship_top { position:relative; width:100%; margin-top:20px; }
.scholarship_top img { width:100%; }
.scholarship_top .scholarship_txt {
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    color:#fff;
    text-align:center;
    line-height:140%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.scholarship_01 .point {
    color: #c80c47;
    font-size: 18px;
    margin-bottom: 18px;
	line-height: 22px;
}
.scholarship_list { margin-bottom: 16px;}
.scholarship { float:left; border:1px solid #ddd; width:48%; margin-right:4%; margin-bottom:4%; padding-bottom: 4%; }
.scholarship_list .scholarship:nth-child(2n) { margin-right:0px; }
.scholarship_list .scholarship:last-child{ margin-bottom:0px; }
.scholarship .scholarship_img { display:block; width:100%; }
.scholarship .scholarship_img img { display:block; width:100%; }
.scholarship_list .scholarship_txt { display:block; text-align:center; padding-top:12px; font-size:13px; word-break:keep-all; }

/*재단법인 무봉 장학생*/
.mubong_top { position:relative; width:100%; margin-top:20px; }
.mubong_top img { width:100%; }
.mubong_top .mubong_txt { display:none; }
.mubong_01 .point {
    color: #c80c47;
    font-size: 18px;
    margin-bottom: 18px;
	line-height: 22px;
}
.mubong_list { margin-bottom: 16px;}
.mubong { float:left; border:1px solid #ddd; width:48%; margin-right:4%; margin-bottom:4%; padding-bottom: 4%; }
.mubong_list .mubong:nth-child(2n) { margin-right:0px; }
.mubong_list .mubong:last-child{ margin-bottom:0px; }
.mubong .mubong_img { display:block; width:100%; }
.mubong .mubong_img img { display:block; width:100%; }
.mubong_list .mubong_txt { display:block; text-align:center; padding-top:12px; font-size:13px; word-break:keep-all; }

.mubong_02 {
    padding: 24px 20px;
    border: 1px solid #ddd;
    color: #888;
}

.mubong_02 .part {
    background: url(../images/sub04/section_par.png) 0 7px no-repeat;
    padding-left: 16px;
    color: #555;
    margin-bottom: 6px;
}
.mubong_02 .mubong_fl { float: left; margin-bottom: 16px;}
.mubong_02 .mubong_fr { float: right; }
.mubong_02 .mubong_fr img { width: 100%; }
.mubong_02 .clr_b { clear: both;}
.mubong_02 img {margin-top:6px;}

.mubong_step {margin-bottom:16px;display: flex;align-items: center;}
.mubong_step .step {width:140px;aspect-ratio: 1/1;border-radius:50%;border: 10px solid #c80c47;margin:0 auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;align-content: center;}
.mubong_step .arrow {width: 19px;aspect-ratio: 19/34;background: url(../images/sub05/step_arrow_right.png) 0 0 no-repeat;margin:15px auto;background-size: cover;}
.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:16px;font-family: 'Noto Sans KR';color:#666;margin-bottom:2px;width: 100%;}
.mubong_step .step_txt1 {width: 100%;text-align:center;font-size:16px;font-family: 'Noto Sans KR';color:#666;margin-bottom:2px;}
.mubong_02 .txt_point2 {color: #1495ce}


.attatch { padding:14px;}
.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:999999;cursor:pointer; width: 300px;  top:70px; left: 50%; margin-left: -150px; }
.layer_popup p {margin: 0 auto; text-align: center;}
.layer_popup p img {width:300px;}
.layer_popup .pop_close { width: 300px !important; background-color: rgba(0,0,0,0.8); height: 30px; color: #fff; line-height: 30px;text-align: center;}

.pop_layer {
	overflow: auto !important;
    position: absolute !important;
    width: 300px !important;
    height: auto !important;
    border: 0 !important;
    /* top: 60px !important; */
    left: 50% !important;
    /*display: block !important;*/
    z-index: 200050 !important;
    background-color: #FFFFFF !important;
	margin-left: -160px !important;
    border: 1px #ddd solid;
}
.pop_layer img{
	width: 300px !important;
    height: 343px !important;
	
}
.pop_layer iframe { max-width: 300px; width: 300px !important; height: 180px !important;}
.layer_popup iframe { max-width: 300px; width: 300px !important; height: 180px !important;}
/* 
#pop_48 {
    top: inherit !important;
}
#pop_82 {
    top: inherit !important;
} */


/*경영철학*/
.half_wrap { overflow: hidden; }
.half_wrap .half {width: 100%; border: 1px solid #ddd; margin-bottom: 10px; }
.half_wrap .half .half_con {width: 100%; padding: 10px 20px 10px;}
.half_wrap h5 { font-size:18px; font-weight: 600; background: #c80c47; color: #fff; text-align: center; padding:10px 20px; }
.half_wrap p { font-size:16px; font-weight: 600; margin-bottom: 10px;font-family: 'Noto Sans KR';}

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

@media screen and (max-width:480px) {
	.btn_recruit a { width:	100%; margin-bottom: 10px;}
	.btn_recruit .btn_upload { margin-left: 0;}
    /* #pop_48 {
        top: 720px !important;
    }
    #pop_82 {
        top: 400px !important;
    }
     */
    
}



/*Vision*/
.vision_wrap {
    width: 100%;
 }
 .vision_wrap .vision_top {}
 .vision_wrap .vision_top h4 { font-size: 1.375rem;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: 200px;
    height: 200px;
    border-radius: 200px;
    text-align: center;
    background: url(../images/sub01/vision_circle.png) 0 0 no-repeat;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    FONT-VARIANT: JIS04;
    padding: 4.6rem 3rem;
    margin: 20px auto 0;
    background-size: cover;
}
 .vision_wrap .vision_diagram .circle h5 {
     font-size: 1.375rem;
     font-weight: 500;
     margin-bottom: 10px;
 }
 .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%;
     border: 1px #ddd solid;
     margin-top: 20px;
     padding: 2rem;
 }

 .vision_wrap .vision_diagram .box_wrap .box h5 {
     font-size: 1.375rem;
     font-weight: 500;
     margin-bottom: 1rem;
 }

 @media screen and (max-width:640px) {
    .vision_wrap .vision_diagram .box_wrap {
        display: inherit;

    }
    .vision_wrap .vision_diagram .box_wrap .box {
        width: 100%;
    }
 }

/* gc보데크 */
.gc_summary .pro_img{padding: 40px 0;}
.gc_img_list{display: flex;justify-content: space-between;width: 100%;margin-top: 1rem;}
.gc_img_list .box{width:24%;}
.gc_img_list .box img{/* height: 235px; */width: 100%;border: 1px solid #ddd;}
.gc_img_list .box p{font-size: 1.25rem;text-align: center;margin-top:1rem;}

.gc_list .icon_area{padding: 40px 0;}

.gc_view{display: flex;justify-content: space-between;}
.gc_view div{width: 49%;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{ 
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #c80c47;
    text-align: center;
    vertical-align: middle;
    width: 48%;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
}
.catalog a span{margin-right: 4px;}



@media screen and (max-width:640px) {
    .gc_img_list{flex-wrap: wrap;}
    .gc_img_list .box{width:49%;    margin-bottom: 1.5rem;}
    .gc_img_list .box p{font-size: 1.125rem;}

    .gc_view{flex-wrap: wrap;}
    .gc_view div{width: 100%;}
    .gc_view div:first-child{margin-bottom: 1rem;}
}


/*챔피언십 20240520*/

.cham_sub_title{
    font-size: 22px !important;
}

.top_cont{
	font-size: 18px;
	line-height: 140%;
    text-align: center;
}

.list_txt{
	font-size: 20px;
    margin-bottom: 18px;
    line-height: 28px;
    letter-spacing: -1px;
    text-align: center;
	cursor: pointer;
	color: #999;
}

.icon_set{
	font-size: 27px !important;
    vertical-align: text-bottom;
}

.btn_cham{
    font-size: 15px;
}
	
.cham_movie img{
		width: 100%;
}

.movie_box {
    width: 700px;
    height: 394px;
    margin: 0 auto;
}

.movie_box {
    width: 700px;
    height: 394px;
    margin: 0 auto;
    margin-top: 30px;
}

.cham_apply{
	display: flex;
    justify-content: center;
    margin-top: 30px;
    gap: 1.5rem;
}

.btn_cham{
	width: 220px;
    height: 45px;
    line-height: 40px;
    color: #fff;
    background: #c80c47;
    border: 1px solid #c80c47;
    text-align: center;
    font-size: 16px;
	cursor: pointer;
}

.btn_cham:hover{
	background:#a50a3b;
	border:1px solid #a50a3b;
}

.btn_cham a:hover{
	color: #fff;
}


@media screen and (max-width:800px) {
	.movie_box{
		width: 100%;
        height:330px
	}

    .top_cont{
        font-size: 16px;
    }
}

@media screen and (max-width:480px) {
	.movie_box{
		height: 225px;
	}
    .cham_sub_title{
        font-size: 20px !important;
    }
    .top_cont{
        font-size: 15px;
    }
}