@charset "utf-8";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
/******************************************************************************************************* 
준비중
********************************************************************************************************/
.page_ing,
.page_ing .ing_head,
.page_ing .ing_body,
.page_ing .ing_foot {display:inline-block;width:100%;}
.page_ing {}
.page_ing .ing_head {height:50px;border-top:10px solid #848484;border-left:10px solid #848484;border-right:10px solid #848484;}
.page_ing .ing_body {position:relative;text-align:center;}
.page_ing .ing_body p {font-size:18px;}
.page_ing .ing_body .ing_infobox_top,
.page_ing .ing_body .ing_infobox_bottom {position:relative;display:inline-block;margin:0 auto;}
.page_ing .ing_body .ing_infobox_top {margin-top:3em;}
.page_ing .ing_body .ing_infobox_top .iconbox {display:inline-block;position:absolute;left:0;top:0;}
.page_ing .ing_body .ing_infobox_top .iconbox i {font-size:80px;}
.page_ing .ing_body .ing_infobox_top .comment {display:block;width:100%;font-size:16px !important;text-align:left;padding:5px 0 0 100px;margin:0 !important;}
.page_ing .ing_body .ing_infobox_top .title {display:block;width:100%;font-size:35px !important;padding-left:100px;clear:both;}
.page_ing .ing_body .ing_infobox_bottom {width:80%;margin:0 auto;border-top:1px solid #ddd;padding-top:2em;margin-top:1em;margin-bottom:2em;clear:both;}
.page_ing .ing_body .ing_infobox_bottom .textdata {color:#999;}
.page_ing .ing_foot {height:50px;border-bottom:10px solid #848484;border-left:10px solid #848484;border-right:10px solid #848484;}
@media (max-width: 560px){
	.page_ing .ing_body .ing_infobox_top .iconbox i {font-size:50px;}
	.page_ing .ing_body .ing_infobox_top .title {font-size:20px !important;}
	.page_ing .ing_body .ing_infobox_bottom {padding-top:1.5em;}
	#ctt_con p.comment {font-size:13px !important;padding-left:60px;}
	#ctt_con p.title {padding-left:60px;}
	#ctt_con p.textdata {font-size:14px !important;}
	.page_ing .ing_body p {font-size:14px;}
}
@media (max-width: 300px){
	.page_ing .ing_body .ing_infobox_top .title {font-size:18px !important;}
	.page_ing .ing_body .ing_infobox_bottom {width:95%;}
}

/******************************************************************************************************* 
매직팝업
********************************************************************************************************/
.white-popup {position: relative;background: #FFF;padding: 0;width: auto;max-width: 1200px;margin: 20px auto;}
.white-popup .open_popup_outbox {position:relative;width:100%;overflow:hidden;padding-top:56.25%;}
.white-popup .open_popup_inbox {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;vertical-align:middle;}
.white-popup .open_popup_inbox .dan_group,
.white-popup .open_popup_inbox .dan_group .dan10,
.white-popup .open_popup_inbox .dan_group .dan90 {height:100%;}
.white-popup .open_popup_inbox .dan_group .dan10 {background:#222;}
.white-popup .open_popup_inbox .dan_group .dan90 .tab-pane {display:none;visibility:hidden;text-align:left;}
.white-popup .open_popup_inbox .dan_group .dan90 .tab-pane.active {position:relative;display:block;visibility:visible;height:100%;overflow:hidden;}
.white-popup .open_popup_inbox .dan_group .dan90 .tab-pane .tab_head {position:absolute;left:0;top:0;z-index:10;}
.white-popup .open_popup_inbox .dan_group .dan90 .tab-pane .tab_head h3 {display:inline-block;background:none;font-size:2.5em;margin:0;padding:0.3em 0 0 0.5em;}

.open_popup_inbox .nav-tabs {border-bottom:none;border-top:1px solid #333;}
.open_popup_inbox .nav-tabs>li {float:none;}
.open_popup_inbox .nav-tabs>li>a {border-radius:0;border:none;}

.open_popup_inbox .nav-tabs>li {margin-bottom:0;}
.open_popup_inbox .nav-tabs li {overflow:hidden;border-bottom:1px solid #333;}
.open_popup_inbox .nav-tabs li a {padding:0;margin:0;}
.open_popup_inbox .nav-tabs li a .nof {width:100%;font-size:0.85em;font-weight:400;text-align:center;background:#222;color:#fff;padding:0.5em 0;}
.open_popup_inbox .nav-tabs li a:focus .nof,.open_popup_inbox .nav-tabs li a:hover .nof {background:#bf1e2e;color:#000;}
.open_popup_inbox .nav-tabs li.active a .nof,.open_popup_inbox .nav-tabs li.active a .nof {background:#fff;color:#000;padding:0.5em 0;}
.open_popup_inbox .nav-tabs li.active a:focus .nof,.open_popup_inbox .nav-tabs li.active a:hover .nof {background:#fff;color:#000}
.open_popup_inbox .nav-tabs li a:focus .nof,.open_popup_inbox .nav-tabs li a:hover .nof {background:#bdbdbd;}
.open_popup_inbox .nav-tabs li a .stores {padding-left:1em;font-size:0.85em;font-weight:400;}

/* 매직팝업 가로 넓이 조정 ------------------------------------------------------------------------------*/
.mfp-iframe-holder .mfp-content {max-width:1200px;}

/* 매직팝업 하단 바 설정 ------------------------------------------------------------------------------*/
.image-popup-zoom {position:relative;display:inline-block;cursor: zoom-in;}
.image-popup-zoom i {position:absolute;right:0;top:0;background:#f9f9f9;border:1px solid #ddd;padding:0.5em;}
.mfp-bottom-bar {font-size:14px;}

/******************************************************************************************************* 
서브페이지 공통 설정
********************************************************************************************************/
.style_sub { position:relative;display:inline-block; width:100%;  padding: 0 0 4em 0;min-height:930px;z-index:2; }
#maincontainer.pagecontent {padding-top:2.5em;}
#maincontainer.no_title {padding-top:4.5em;}
#maincontainer.etc_title,
#maincontainer.etc_title2,
#maincontainer.etcboard_title {padding-top:1em;}
#maincontainer.etc_title h3 {margin-bottom:2em;}
#maincontainer.etcboard_title h3 {margin-bottom:.5em;}
#maincontainer.etc_title2 .pt_comment,
#maincontainer.etcboard_title .pt_comment {font-size:14px;margin-bottom:2em;}
.style_sub header.subpage_head { position:relative;margin-bottom:4em; }
.style_sub header.subpage_head h2 {margin:0;}
.style_sub p { line-height:1.5em;margin-bottom:1em;word-break: keep-all;word-wrap: break-word;}
header.subpage_head h2 { font-size:1em; color:#000; margin:0.5em 0 1em; text-align:center; }
header.subpage_head h2 span {background:var(--main-color2);color:var(--color-fff);padding:.5em 5em;border-radius:60px;box-shadow: 2px 2px 10px var(--color-ccc);}
header.subpage_head p { color:#666; font-size:0.75em; line-height:1.5em; margin:0.5em 0 1.5em 0; }
@media (max-width:414px) {
	header.subpage_head h2 span {display:block;padding:.5em 0px;font-size:0.75em;}
}

.page_sub {font-size:18px;}
h2 {font-size:32px;}
h3 {font-size:28px;margin:0 0 1em 0;padding:0;line-height:1em;}
h4 {font-size:24px;margin:0 0 .7em;line-height:1.5em;}
h5 {font-size:18px;margin:0 0 1em;line-height:1.5em;}

h4 i {display:inline-block;width:36px;background:#333;color:#fff;text-align:center;font-size:20px;font-style:normal;margin-right:.5em;}

.page_sub h3 span {font-size:24px;}

.top_comment {text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:1em 0;margin-bottom:3em;color:#0099ff}
.top_comment strong {line-height:1.5em;font-size:30px;font-weight:400;}
.top_comment_p {text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:2em;margin-bottom:4em;color:#333;font-size:18px;word-break: keep-all;word-wrap: break-word;}
.top_comment2 {padding:1em 1.5em;margin:1em 0 2em;background:#e9e9e9;}
.top_comment2_1 {padding:1em 1.5em .2em;margin:1em 0px 3em;background:#e9e9e9;}
.top_comment2_p {padding:1.5em 2em .8em;margin:1em 0px 0px;background:#e9e9e9;}
.top_comment3 {padding:1em 1.5em 1.1em;margin:0em 0 1em;background:#e9e9e9;font-size:24px;text-align:center;border-radius:5px;}
.top_comment4 {padding:1em 1.5em;margin:1em 0 2em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.top_comment4_p {padding:1em 1.5em .1em;margin:1em 0 2em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.page_imgbox {width:100%;}
@media (max-width: 1280px){
}


/* container 애니메이션 ------------------------------------------------------------------------------*/
@media (min-width: 841px) {
	.container {padding:0;
		transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-webkit-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
	}
}

/* 갤러리(이미지) 리스트 ------------------------------------------------------------------------------*/
.gallery_list {}
.gallery_list ul {}
.gallery_list ul li {position:relative;display:flex;overflow:hidden;padding:5px;}
.gallery_list ul li .imgbox {display:inline-block;}
.gallery_list ul li .titlebox {position:absolute;bottom:0px;left:0px;display:inline-block;width:100%;text-align:center;background:rgba(0,0,0,0.6);color:#fff;}
.gallery_list ul li .titlebox strong {font-size:20px;}
.gallery_list ul li .titlebox span {display:inline-block;padding-left:0.5em;font-size:14px;}
.gallery_list ul li a {position:relative;display:inline-block;cursor: zoom-in;border:1px solid #ddd;}
.gallery_list ul li a  i {position:absolute;right:0;top:0;background:#f9f9f9;border:1px solid #ddd;padding:0.5em;}

/* 루미탭 (rumiTab) ------------------------------------------------------------------------------*/
.rumitab_box {-webkit-box-shadow:none;}
ul.rumitab {border:none;}
ul.rumitab li {display:inline-block;float:left;font-size:18px;text-align:center;left:0;background:none;color:var(--rumitab-font-color) !important;border:1px solid #ccc;bottom:0;padding:0.5em 0;margin-right:-1px;}
ul.rumitab li.active {background-color:var(--rumitab-font-color);color:var(--rumitab-select-font-color) !important;border:1px solid var(--rumitab-font-color);}
.rumitab_container,
.rumitab_content {padding:2em 0;border:none;font-size:16px;}
.rumitab_container {background:none;}

ul.rumitab li {background:var(--rumitab-bg-color);color:var(--rumitab-select-color);border:1px solid var(--rumitab-border-color);}
ul.rumitab li.active {background:var(--rumitab-select-color);color:var(--rumitab-select-font-color);border:1px solid var(--rumitab-select-color);}

ul.rumitab_width0 li {min-width:auto;padding-left:1em;padding-right:1em;}
ul.rumitab_width1 li {min-width:100%;}
ul.rumitab_width2 li {min-width:50%;}
ul.rumitab_width3 li {min-width:33.333333%;}
ul.rumitab_width4 li {min-width:25%;}
ul.rumitab_width5 li {min-width:20%;}
@media (max-width: 840px) {
	ul.rumitab_width3 li,
	ul.rumitab_width4 li,
	ul.rumitab_width5 li {width:100%;}
}

.rumitab_container .rumitab_content ul li {padding:0;}
.rumitab_container .rumitab_content ul li > dl > dd > ul > li {padding-left:15px;}

/* 셀렉트 스타일 메뉴 */
.inMenu_selectStyle {position:relative;padding:0px 2px 2em;z-index:1;}
.select {position: relative;background:#00529a;}
.select .option-list {position: absolute;top: 100%;left: 0;width: 100%;overflow: hidden;max-height: 0;}
.select.active .option-list {max-height: none;}
#theme {}
#theme .select {box-shadow: 0 0 2px rgba(0,0,0,0.3);border-radius: 5px;padding: 10px 25px;cursor: pointer;}
#theme .select:before {content:"▼";width:20px;font-family: Material Icons;font-size: 12px;color: #fff;text-align:center;float: right;z-index:3;}
#theme .select:hover {color: #333;transition: all .3s;}
#theme .select .text {color:#fff;}
#theme .select .text a {color:#fff;}
#theme .select .option-list {height:400px;list-style: none;padding: 0px;background:#fff;border-radius: 5px;box-shadow: 0 0 2px rgba(0,0,0,0.3);overflow-y:auto;}
#theme .select .option-list .option {}
#theme .select .option-list .option a {display:block;width:100%;padding: 10px 15px;}
#theme .select .option-list .option:hover {background-color: #f2f2f2;}

/* 셀렉트 스타일 메뉴 */
.inMenu_selectStyle {position:relative;padding:0px 2px 2em;z-index:1;}
.select2 {position: relative;background:#00529a;}
.select2 .option-list2 {position: absolute;top: 100%;left: 0;width: 100%;overflow: hidden;max-height: 0;}
.select2.active .option-list2 {max-height: none;}
#theme2 {}
#theme2 .select2 {box-shadow: 0 0 2px rgba(0,0,0,0.3);border-radius: 5px;padding: 10px 25px;cursor: pointer;}
#theme2 .select2:before {content:"▼";width:20px;font-family: Material Icons;font-size: 12px;color: #fff;text-align:center;float: right;z-index:3;}
#theme2 .select2:hover {color: #333;transition: all .3s;}
#theme2 .select2 .text2 {color:#fff;}
#theme2 .select2 .text2 a {color:#fff;}
#theme2 .select2 .option-list2 {height:400px;list-style: none;padding: 0px;background:#fff;border-radius: 5px;box-shadow: 0 0 2px rgba(0,0,0,0.3);overflow-y:auto;}
#theme2 .select2 .option-list2 .option2 {}
#theme2 .select2 .option-list2 .option2 a {display:block;width:100%;padding: 10px 15px;}
#theme2 .select2 .option-list2 .option2:hover {background-color: #f2f2f2;}

.topMenu_go {text-align:center;margin-top:2em;}
.topMenu_go a {background:#666;color:#fff;text-align:center;padding:5px 15px;}


.rumitab_ingroup {position:relative;}
.link_target {position:absolute;top:-110px;left:0px;width:100%;height:2px;}

@media (max-width:840px) {
	ul.rumitab {display:block;}
	ul.rumitab li {font-size:16px;}
}

.headComment2 {margin-bottom:2em;}
.headComment2:before {content:"";display:inline-block;width:100%;height:50px;border:10px solid #666;border-bottom:none;}
.headComment2:after {content:"";display:inline-block;width:100%;height:50px;border:10px solid #666;border-top:none;}
.headComment2 > .dan_group {padding:0 3em;margin:1em 0;font-size:18px;}
@media (max-width:840px) {
	.headComment2 > .dan_group {padding:0px;}
}

/******************************************************************************************************* 
각 페이지 별 설정
********************************************************************************************************/
.wfull_imgbox {margin-bottom:2em;}

.poto_title {margin-top:0.5em;word-break: keep-all;word-wrap: break-word;}
.ptitle {font-size:1.8em;letter-spacing:-0.03em;}

/* 셀렉트 탭메뉴 */
.cdp_tab {}
.cdp_select_group {margin-bottom:2em;}
.cdp_select_group .select_comment {font-size:14px;background:#ff0000;color:#fff;padding:4px 1em;border-radius:50px;}
.cdp_select_group .select {}
.cdp_select_group .select .cdp_select {font-size:18px;padding:0 20px 0 10px;}
.cdp_container {}

/* 버튼 ------------------------------------------------------------------------------*/
.bas_group .btn_box {padding-top:1em;text-align:center;}
.bas_group .btn_box .btn {padding:0.5em 2em;line-height:1em;font-size:16px;}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle;} /* 관리자 전용 버튼 */
@media (min-width: 841px) {
	.bas_group .btn_box .btn.focus, .bas_group .btn_box .btn:focus, .bas_group .btn_box .btn:hover {color:#fff;}
	.btn_admin:hover, a.btn_admin:hover {background:#ff3746}
}
/* 하단 버튼 ------------------------------------------------------------------------------*/
.btnOutBox {display:inline-block;width:100%;text-align:center;}
.btnOutBox ul {}
.btnOutBox ul li {display:inline-block;}
.btnOutBox ul li a {display:inline-block;background:#333;color:#fff;padding:0.5em 2em;}
.btnOutBox ul li a:hover {background:#008995;}

.big_point {font-size:24px;}
.subpage_zone {position:relative;}
.subpage_zone h3 {display:inline-block;font-size:1.5em;font-weight:800;border-bottom:2px solid var(--main-color2);padding-bottom:0.3em;margin-bottom:.4em;}
.subpage_zone .subgroupset {margin-bottom:4em;}
.subpage_zone .subgroupset h3 {display:inline-block;font-size:1.5em;font-weight:800;border-bottom:2px solid var(--main-color2);padding-bottom:0.3em;margin-bottom:.4em;}

.subpage_head {}
.roundbox_zone {border:1px solid #808080;border-radius:20px;background-color:#f2f2f2;padding:2em; }
.roundbox_zone .listStyle {margin:1em 0px;}

.align_center {text-align:center;}

.head_title_comment {font-size:1.5em;font-weight:800;line-height:1.5em;text-align:center;}
.textdata_boxzone {text-align:center;margin-top:1.5em;padding:1em 2em;}
.textdata_boxzone p {line-height:1.8em;margin-bottom:1.5em;}
.textdata_boxzone p span {display:block;}

@media (max-width:540px) {
	.textdata_boxzone {padding:1em 0em;}
}

.wide_imgbox {}
.wi_bgcolor00 {background:#fb7e4a;}
.wi_bgcolor01 {background:#c8b2be;}
.wi_bgcolor02 {background:#1993d6;}
.wi_bgcolor03 {background:#017052;}
.wide_imgbox .container {display:flex;justify-content: center;align-items: center;}
.wide_imgbox .container .left,
.wide_imgbox .container .right {width:100%;}
.wide_imgbox .container .left {}
.wide_imgbox .container .right {}
.wide_imgbox .container .right dl {padding:0px 3em;color:var(--color-fff);}
.wide_imgbox .container .right dl dt {font-size:1.5em;margin-bottom:0.7em;/*font-family: 'Nanum Myeongjo', serif;*/font-weight:600;}
.wide_imgbox .container .right dl dd {font-size:0.85em;line-height:1.8em;}
.wide_imgbox .container .right dl dd span {display:block;}
.wide_imgbox .container .right dl dd ul {}
.wide_imgbox .container .right dl dd ul li {background:url(../../images/icon/icon_dot04.gif) no-repeat 0px 13px;padding-left:.8em;word-break: keep-all;word-wrap: break-word;}

.bgimg_textbox {position:relative;margin:5em 6em 0px;text-align:center;padding:10em 0px;background:url(../../images/sub/sub0301_img02.jpg) no-repeat center;border-radius:600px;font-size:1.2em;/*font-family: 'Nanum Myeongjo', serif;*/font-weight:600;}
.bgimg_textbox span {display:block;color:var(--color-fff);}
.round_upbox {position:relative;top:-5em;width:60%;text-align:center;padding:2em 3em 1.5em;margin:0px auto;border-radius:20px;background-color:var(--color-fff);box-shadow: 2px 2px 10px var(--color-ccc);}
.round_upbox h4 {font-weight:700;margin-bottom:1em;}
.round_upbox p {line-height:1.8em;}
.round_upbox p span {display:block;}
@media (max-width:840px) {
	.gallery_card,
	.width_reverse {flex-direction: column;}
	.gallery_card .left,
	.gallery_card .right {width:100%;}
	.gallery_card .right {margin-top:2em;}
	.gallery_card .right .indata i {padding-bottom:1em;}
}
@media (max-width:920px) {
	.wide_imgbox .container .left {display:none;}
	.wide_imgbox .container .right dl {padding:3em;}
	.bgimg_textbox {margin:5em 0 0;padding:6em 0px;}
	.round_upbox {width:80%;}
}
@media (max-width:540px) {
	.wide_imgbox .container .right dl {padding:3em 0px;}
	.round_upbox {width:100%;top:-4em;padding:2em 1em 1.5em;margin:0px;}
}
@media (max-width:414px) {
	.wide_imgbox .container .right dl {padding:3em 0;}
	.bgimg_textbox {padding:2em 0px;}
	.round_upbox {width:100%;top:1em;padding:1em 1em;}
}

/* CEO 인사말 ------------------------------------------------------------------------------*/
.ceo_info {display:flex;justify-content: center;align-items: center;}
.ceo_sign {width:100px;margin-left:1rem;}
.ceo_sign img {width:100%;}
/* 오시는길 ------------------------------------------------------------------------------*/
.style_map1 {display:flex;flex-wrap: wrap;border-top:2px solid #333;margin-bottom:4em;font-size:16px;}
.style_map1 dl {display:flex;flex: 1 1 100%;border-bottom:1px solid #ddd;}
.style_map1 dl dt {width:100px;padding:1em 10px;}
.style_map1 dl dd {padding:1em 10px;}

/* ESG 경영 ------------------------------------------------------------------------------*/
.management {}
.management h3 {color:var(--main-color1);}
.management h3 strong {font-weight:800;}
.management h3 span {margin-left:10px;}
.management h4 {font-size:17px;font-weight:700;margin-top:3em;margin-bottom:1em;border-bottom:1px solid var(--border-color4);}
.management .data_text {font-size:16px;padding-left:7em;}
.management .data_text p {line-height:1.8em;}
.management .data_text p span {display:block;}
.management .data_text p.big_text_title {margin:2em 0px .8em 0px;}
.management .data_text p.big_text_title strong {font-size:1.5em;font-weight:800;}
.management ul {}
.management ul li {background:url(../../images/icon/icon_dot02.gif) no-repeat 0px 15px;padding-left:.8em;}
.management .photo_list ul li {background:none;padding:1em 2em;width:100%;}
.management .photo_list ul li .photo {position:relative;border-radius:100%;overflow:hidden;}
.management .photo_list ul li .photo .img_uptext {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);text-align:center;color:var(--color-fff);font-size:1.2em;font-weight:700;z-index:1;}
.management .photo_list ul li .info {text-align:center;line-height:1.8em;}

.wide_imgbox2 {margin:3em 0px;padding:3em 0px;background-color:var(--main-color3);}
.wide_imgbox3 {margin:0px 0px;padding:3em 0px;background-color:var(--main-color3);}

.wide_imgbox3 .subpage_zone {margin-top:3em;}

.rumitab_in {padding:4em 0px;}
.dan_flex {display:flex;}
.dan_left,
.dan_right {}
.dan_left {width:60%;}
.dan_left h3 {display:inline-block;font-size:2.3em;font-weight:800;border-bottom:2px solid var(--main-color2);padding-bottom:0.3em;}
.dan_left p {line-height:2em;}
.dan_left p span {display:block;}
.dan_right {width:40%;}

.set_item {}
@media (max-width:1080px) {
	.management .data_text {padding:0px;}
}
@media (max-width:840px) {
	.dan_flex {flex-direction: column;}
	.dan_left,
	.dan_right {width:100%;}
	.dan_left > p > span {display:inline;}
	ul.rumitab li {width:100%;}
	.webzin_list2 > ul > li > .info > dl {width:100%;}
	.management ul {flex-wrap: wrap;}
	.management .photo_list ul li {width:50%;}
}

.rumitab_in2 {padding:4em 0px;}
.rumitab_in2 h3 {display:inline-block;font-size:2em;font-weight:800;border-bottom:2px solid var(--main-color2);padding-bottom:0.3em;margin-bottom:.4em;}
.rumitab_in2 h4 {font-size:1.4em;font-weight:800;}
.rumitab_in2 .dan_flex {}
.rumitab_in2 .dan_flex ul {display:flex;}
.rumitab_in2 .dan_flex ul > li {width:100%;}
.rumitab_in2 .dan_flex ul > li:nth-child(1) {display:flex;}
.rumitab_in2 .dan_flex ul > li > dl {padding-left:2em;}
.rumitab_in2 .dan_flex ul > li > dl > dt {background-color:var(--main-color4);font-size:1.2em;padding:6px 2em 5px ;border-radius:30px 0px 0px 30px;color:#333;font-weight:700;}
.rumitab_in2 .dan_flex ul > li > dl > dd {}
.rumitab_in2 .dan_flex ul > li > dl > dd > ul {flex-direction: column;margin:1.5em 1em 1.5em 2.5em;}
.rumitab_in2 .dan_flex ul > li > dl > dd > ul > li {background:url(../../images/icon/icon_dot01.gif) no-repeat 0px 17px;padding-left:1em;line-height:2.5em;}
.photo_title {text-align:center;margin:5px 0px 20px;}

.rumitab_in3 {padding:0em 0px;}
.rumitab_in3 h3 {display:inline-block;font-size:2em;font-weight:800;border-bottom:2px solid var(--main-color2);padding-bottom:0.3em;margin-bottom:.4em;}
.rumitab_in3 h4 {font-size:1.4em;font-weight:800;}
.rumitab_in3 .dan_flex {}
.rumitab_in3 .dan_flex ul {display:flex;}
.rumitab_in3 .dan_flex ul > li {width:100%;}
.rumitab_in3 .dan_flex ul > li > dl {padding-left:2em;}
.rumitab_in3 .dan_flex ul > li > dl > dt {background-color:var(--main-color4);font-size:1.2em;padding:6px 2em 5px ;border-radius:30px 0px 0px 30px;color:#333;font-weight:700;}
.rumitab_in3 .dan_flex ul > li > dl > dd {}
.rumitab_in3 .dan_flex ul > li > dl > dd > ul {flex-direction: column;margin:1.5em 1em 1.5em 3em;}
.rumitab_in3 .dan_flex ul > li > dl > dd > ul > li {background:url(../../images/icon/icon_dot01.gif) no-repeat 0px 17px;padding-left:1em;line-height:2.5em;}
@media (max-width:840px) {
	.rumitab_in2 .dan_flex ul {flex-direction: column;}
	.rumitab_in2 .dan_flex ul > li > dl {padding-left:0px;margin-top:1em;}
}

.style_sub p.subtitle_comment {font-size:0.95em;margin-bottom:2em;}


/******************************************************************************************************* 
회사연혁
********************************************************************************************************/
.history {position:relative;}
.history .history_head {text-align:center;}
.history .history_head p {font-size:30px;}

.history_color1 {color:#e6310e;}
.history_color2 {color:#f8a450;}

.history_group {position:relative;margin-top:3em;}
.history_group:before {content:"";position:absolute;top:-8px;left:50%;width:10px;height:10px;margin-left:-5px;background:#666;border-radius:100%;}
.history_group:after {content:"";position:absolute;bottom:-8px;left:50%;width:10px;height:10px;margin-left:-5px;background:#666;border-radius:100%;}
.history_group .timeline {position:relative;}
.history_group .timeline:before {content:"";position:absolute;top:0;left:50%;bottom:0;width:2px;margin-left:-1.5px;background-color:#666;}
.history_group .timeline>li {position:relative;margin:0;padding:40px 0;}
.history_group .timeline>li:before {content:"";display:table;}
.history_group .timeline>li:after {content:"";display:table;clear:both;}
.history_group .timeline>li .yearset {position:absolute;display:table;text-align:center;left:50%;width:160px;height:160px;margin-left:-80px;margin-top:0px;text-align:center;vertical-align:middle;border-radius:100%;}
.history_group .timeline>li .yearset>p {position:relative;display:table-cell;margin:0;text-align:center;vertical-align:middle;border-radius:100%;}
.history_group .timeline>li .yearset>p>span {display:inline-block;width:80px;height:80px;background:#fff;border-radius:100%;text-align:center;padding-top:29px;vertical-align:middle;color:var(--main-color1);font-weight:800;}

.history_group .timeline>li .timeline_panel {position:relative;float:right;width:43%;text-align:left;visibility:visible;min-height:160px;}
.history_group .timeline>li .timeline_panel .timeline_set {position:relative;padding:1em 1em 0.7em;}
.history_group .timeline>li .timeline_panel .timeline_set li {display:inline-block;width:100%;}
.history_group .timeline>li .timeline_panel .timeline_set li dl {display:flex;}
.history_group .timeline>li .timeline_panel .timeline_set li dl dt {font-size:16px;color:var(--main-color1);}
.history_group .timeline>li .timeline_panel .timeline_set li dl dd {font-size:16px;padding-left:2em;}

.history_group .timeline>li.inverted .timeline_panel {position:relative;float:left;width:43%;text-align:right;visibility:visible;}
.history_group .timeline>li.inverted .timeline_panel .timeline_set {}
.history_group .timeline>li.inverted .timeline_panel .timeline_set li {}
.history_group .timeline>li.inverted .timeline_panel .timeline_set li dl {display:flex;flex-direction: row-reverse;}
.history_group .timeline>li.inverted .timeline_panel .timeline_set li dl dt {}
.history_group .timeline>li.inverted .timeline_panel .timeline_set li dl dd {padding-right:2em;}

.history_bgimg1 {background:url(../../images/sub/sub0103_img01.jpg) no-repeat center;background-size:cover;}
.history_bgimg2 {background:url(../../images/sub/sub0103_img02.jpg) no-repeat center;background-size:cover;}
.history_bgimg3 {background:url(../../images/sub/sub0103_img03.jpg) no-repeat center;background-size:cover;}
.history_bgimg4 {background:url(../../images/sub/sub0103_img04.jpg) no-repeat center;background-size:cover;}
.history_bgimg5 {background:url(../../images/sub/sub0103_img05.jpg) no-repeat center;background-size:cover;}

.head_history .head_title_comment {margin-bottom:0.3em;}
.head_history .textdata_boxzone {padding:0px;margin:1.5em 0px 0px 0px;}

@media (max-width: 1260px){
	.performance .body_content {width:100%;left:0;}
	.history_group .timeline>li .yearset {left:80px;}
	.history_group .timeline>li .timeline_panel,
	.history_group .timeline>li.inverted .timeline_panel {float:left;width:100%;padding-left:180px;}
	.history_group .timeline>li .timeline_panel .timeline_set li dl dt,
	.history_group .timeline>li.inverted .timeline_panel .timeline_set li dl dt,
	.history_group .timeline>li.inverted .timeline_panel .timeline_set li dl dd {float:left;text-align:left;}

	.history_group .timeline>li.inverted .timeline_panel .timeline_set li dl {flex-direction: row;}

	.history_group:before,
	.history_group:after {content:"";left:80px;}
	.history_group .timeline:before {content:"";left:80px;}
}
@media (max-width:650px) {
	.history_group .timeline>li {padding:20px 0 0;}
	.history_group .timeline>li .yearset {left:80px;}
	.history_group .timeline>li .timeline_panel,
	.history_group .timeline>li.inverted .timeline_panel {padding-left:0;padding-top:160px;padding-left:52px;}
	.history_group .timeline>li .timeline_panel .timeline_set li dl dt {background-color:#fff;}
	.history_group .timeline>li .timeline_panel .timeline_set li dl {padding:10px 0px;}
}
@media (max-width:280px) {
	.history_group .timeline>li .timeline_panel,
	.history_group .timeline>li.inverted .timeline_panel {padding-left:0;padding-top:160px;padding-left:0px;}
	.history_group .timeline>li .timeline_panel .timeline_set {background-color:#fff;}
	.history_group .timeline>li .timeline_panel .timeline_set li dl dd {padding-left:1em;}
	.history_group .timeline>li .timeline_panel .timeline_set,
	.history_group .timeline>li.inverted .timeline_panel .timeline_set {padding: 1em 0px 0.7em;}
}

.sub_head .head_title_comment {margin-bottom:0.3em;}
.sub_head .textdata_boxzone {padding:0px;margin:1.5em 0px 0px 0px;}

@media (max-width:280px) {
	.sub_head .head_title_comment {font-size:1.2em;}
}

.bottom_zone {}
.bottom_zone .textdata_boxzone {}
.bottom_zone .textdata_boxzone p {font-size:0.85em;}
@media (max-width:414px) {
	.textdata_boxzone {padding:1em 0em;}
}

.map_zone {}
.map_zone h3 {background-color:#e5e5e5;text-align:center;padding:.5em 0px;margin:0px;font-weight:800;font-size:1.3em;border-radius:20px 20px 0px 0px;}

.company_photo {}
.company_info {display:flex;flex-direction: row;margin:1em 0px 5em;}
.company_info .left {}
.company_info > div {width:100%;}
.company_info > div:not(:last-child) {padding-right:2em;}
.company_info .left dl {display:flex;border:1px solid #ddd;}
.company_info .left dl dt {position:relative;padding:1em 3em;background-color:var(--color-e9);}
.company_info .left dl dt span {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.company_info .left dl dd {padding:1em;border-left:1px solid #ddd;}
@media (max-width:840px) {
	.company_info {flex-direction: column;}
	.company_info > div:not(:last-child) {padding-right:0px;padding-bottom:1em;}
}

.company_info .right {}
/******************************************************************************************************* 
반응형 설정
********************************************************************************************************/
@media (max-width: 1680px){
}
@media (max-width: 1280px){
}
@media (max-width: 1200px){
}
@media (max-width:991px) {
	.style_sub {padding-top:0;}
	.sub-nav-list ul {padding:0;}
}
@media (max-width:900px) {
	.dan40,.dan50,.dan60 {width:100%;padding-top:2em;padding-left:0px;padding-right:0px;}
	.page_imgbox {margin-bottom:1em;}
}
@media (max-width:840px) {
	
}
@media (max-width:800px) {
	.table_outbox {width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;border:1px solid #ddd;}
	.tstyle01 thead th, .tstyle01 tbody th, .tstyle01 tbody td,
	.tstyle01-1 thead th, .tstyle01-1 tbody th, .tstyle01-1 tbody td,
	.tstyle01 thead th, .tstyle02 tbody th, .tstyle02 tbody td,
	.tstyle01 thead th, .tstyle03 tbody th, .tstyle03 tbody td {white-space: nowrap;}
	.tstyle03 tbody td span.imgoutbox {width:150px;padding:0;}
}
@media (max-width:753px) {
)
@media (max-width:750px) {
}
@media (max-width:600px) {
	.dan30,
	.dan70 {width:100%;padding:0;}
	.poto_title {color:#333;font-size:1.2em;}
}
@media (max-width:500px) {
	.style_sub header.subpage_head {margin-bottom:3em;}
}