@charset "utf-8";
/******************************************************************************************************* 
page_sub
서브페이지 상단 이미지 영역 설정
********************************************************************************************************/
.container {position:relative;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;
}
.subtopzone {position:relative;overflow:hidden;width:100%; margin-top:0px; padding: 0 0 !important; }
.subtopzone .container h2 { text-align:center; color:#fff; margin:0 0 0 0; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;}
.subtopzone .container p { text-align:center; color:#fff; font-size:0.65em; line-height:1.5em; margin:0 0 0 0; }

.stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 {position:relative;padding:7em 0 5em 0;z-index:3;}
.stiz1 {display:inline-block;width:100%;}
.stiz2 {display:inline-block;width:100%;}
.stiz3 {display:inline-block;width:100%;}
.stiz4 {display:inline-block;width:100%;}
.stiz5 {display:inline-block;width:100%;}
.stiz6 {display:inline-block;width:100%;}
.stiz7 {display:inline-block;width:100%;}
.stiz8 {display:inline-block;width:100%;}
.stiz9 {display:inline-block;width:100%;}
@media (max-width: 840px){
	.stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 { padding:5.5em 0 3em;}
}
@media (max-width: 500px){
	.stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 { padding:4.5em 0 2em;}
}

.style_subimg0,
.style_subimg1,
.style_subimg2,
.style_subimg3,
.style_subimg4,
.style_subimg5,
.style_subimg6,
.style_subimg7,
.style_subimg8 {
  position:absolute;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
  background-position:center;
  background-size:cover;
  z-index:1;
}

.style_subimg0 { background:url(../../images/sub_top/sub_topimg01.jpg) no-repeat center; background-size:100%; }
.style_subimg1 { background:url(../../images/sub_top/sub_topimg02.jpg) no-repeat center; background-size:100%; }
.style_subimg2 { background:url(../../images/sub_top/sub_topimg03.jpg) no-repeat center; background-size:100%; }
.style_subimg3 { background:url(../../images/sub_top/sub_topimg04.jpg) no-repeat center; background-size:100%; }
.style_subimg4 { background:url(../../images/sub_top/sub_topimg05.jpg) no-repeat center; background-size:100%; }
.style_subimg5 { background:url(../../images/sub_top/sub_topimg06.jpg) no-repeat center; background-size:100%; }
.style_subimg6 { background:url(../../images/sub_top/sub_topimg07.jpg) no-repeat center; background-size:100%; }
.style_subimg7 { background:url(../../images/sub_top/sub_topimg08.jpg) no-repeat center; background-size:100%; }
.style_subimg8 { background:url(../../images/sub_top/sub_topimg09.jpg) no-repeat center; background-size:100%; }

.style_subimg0 .container p,
.style_subimg1 .container p,
.style_subimg2 .container p,
.style_subimg3 .container p,
.style_subimg4 .container p,
.style_subimg5 .container p,
.style_subimg6 .container p,
.style_subimg7 .container p,
.style_subimg8 .container p { text-align:left; color:#fff; font-size:1.5em; line-height:1.5em; margin:0 0 0 0; }

/* 서브상단 배경이미지 가림막 */
.bgBlock {position:absolute;top:0;left:0;height: 100%;width: 100%;background-position:center;background-size:cover;z-index:2;}
.bB_B	{background-color:rgba(0,0,0,0.5);}

/******************************************************************************************************* 
서브페이지 기본 설정
********************************************************************************************************/
.style_sub { position:relative;display:inline-block; width:100%;  padding: 70px 0 4em 0;min-height:600px; }
.style_sub header { position:relative; padding-top:0.5em; }
.style_sub p { line-height:1.5em;margin-bottom:10px;}
header.sub_head h2 { font-size:1.8em; text-align:left; color:#000; margin:0.5em 0 1em; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;font-weight:500;text-align:center;background:url(../../images/sub/toptitle_bg01.png) no-repeat center; }
header.sub_head h2 span {background:#fff;padding:0 0.5em;}
header.sub_head p { color:#666; font-size:0.75em; line-height:1.5em; margin:0.5em 0 1.5em 0; }
header.sub_head p.point01 { text-align:left; color:#2477a9; font-size:1.2em; line-height:1.5em; margin:0.5em 0 2em 0; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif; }

/* pc & 모바일 구분하여 보여주기 */
.pc_view {display:inline-block;}
.mb_view {display:none;}

/* 준비중 */
.ing { text-align:center; padding:5em 0; border:1px solid #ccc; background:#f9f9f9; }
.ing p {margin:0;background:#fff;padding:2em 0;}
.ing .left_icon {display:inline-block;}
.ing .left_icon i {font-size:5em;margin-right:0.5em;color:#cc0000;}
.ing .textbox {display:inline-block;text-align:left;}
.ing .cname {display:block;margin-bottom:0.2em;}
.ing .cdata {display:block;font-size:1.5em;font-weight:400;}
.ing .color1 {color:#ff0099;font-weight:700;}
/* 준비중 */
.page_ing,
.page_ing .ing_head,
.page_ing .ing_body,
.page_ing .ing_foot {display:inline-block;width:100%;}
.page_ing {}
.page_ing div:nth-child(2) {padding-left:2em;}
.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 .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:3em;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;}
}
@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%;}
}

/* 마진 제거 */
.nomargin_p p {margin-bottom:0;word-break: keep-all;word-wrap: break-word;}

/* 마진 추가 */
.mt_2em {margin-top:2em;}

/* 탭메뉴 */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:none;}

.nav-tabs {border-bottom:none;border-top:1px solid #333;}
.nav-tabs li {position:relative;overflow:hidden;border-bottom:1px solid #333;float:none;margin-bottom:0;}
.nav-tabs li a {border-radius:0;border:none;padding:0;margin:0}

.nav-tabs li a .nof,
.nav-tabs li a .stores {display:inline-block;padding:1em 0;}
.nav-tabs li a .nof {width:70px;font-size:1.2em;font-weight:400;text-align:center;background:#e6e6e6;color:#000;}
.nav-tabs li a .stores {padding-left:1em;font-size:0.85em;font-weight:400;}

.nav-tabs li a.view_open_pop {position:absolute;display:inline-block;right:10px;top:50%;margin-top:-16px;padding:0.5em;background:#333;color:#fff;border-radius:50%;}
.nav-tabs li a.view_open_pop .iconbox {display:inline-block;float:left;width:16px;height:16px;}
.nav-tabs li a.view_open_pop .iconbox i {display:inline-block;float:left;}

.nav-tabs li:hover a {background:#e6e6e6;}
.nav-tabs li:hover a .nof {background:#bdbdbd;}
.nav-tabs li:hover a .stores {}
.nav-tabs li:hover a.view_open_pop {background:#333;}
.nav-tabs li:hover a:hover.view_open_pop {background:#bf1e2e;}

.nav-tabs li.active a {background:#333;color:#fff;}
.nav-tabs li.active a .nof {background:#bf1e2e;color:#fff;}
.nav-tabs li.active a .stores {}
.nav-tabs li.active a.view_open_pop {background:#000;}
.nav-tabs li.active a.view_open_pop .iconbox i {}

.nav-tabs li.active a:hover {background:#333;color:#fff;}
.nav-tabs li.active a:hover .nof {background:#bf1e2e;color:#fff;}
.nav-tabs li.active a:hover .stores {}
.nav-tabs li.active a:hover.view_open_pop {cursor:pointer}
.nav-tabs li.active a:hover.view_open_pop .iconbox i {}

.nav-tabs li.active a:focus {background:#333;color:#fff;}
.nav-tabs li.active a:focus .nof {background:#bf1e2e;color:#fff;}
.nav-tabs li.active a:focus .stores {}
.nav-tabs li.active a:focus.view_open_pop {cursor:pointer}
.nav-tabs li.active a:focus.view_open_pop .iconbox i {}

.tab-content .tab-pane {/* padding-left:2em; */}
.tab-content .tab-pane .tab_head {position:relative;padding-bottom:2em;}
.tab-content .tab-pane .tab_head h3 {display:inline-block;font-size:2.5em;margin:0;padding:0;background:none;}
.tab-content .tab-pane .tab_head a {position:absolute;right:0;top:1em;background:#eee;padding:0.3em 1em;font-size:0.75em;font-weight:400;border:1px solid #666;}
.tab-content .tab-pane .tab_head a:hover {background:#bf1e2e;color:#fff;border:1px solid #bf1e2e;}
.tab-content .tab-pane .tab_head a span {margin-left:0.5em;}

/* 매직팝업 */
.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;}

/* 다운로드 버튼 */
a.btn_download {background:#c4161c;color:#fff;padding:7px 15px 8px;}
a:hover.btn_download,
a:focus.btn_download,
a:active.btn_download {background:#e3007a;color:#fff;}

#ctt {font-size:18px;line-height:1.5em;}
#ctt_con {font-size:100%;}
#ctt_con blockquote p {margin:0;font-size:16px;}
#ctt_con blockquote p i {font-size:18px;}
#ctt_con p {margin:0 0 1em 0;word-break: keep-all;word-wrap: break-word;}
#ctt_con p span {line-height:1.5em;}
#ctt_con .alert-danger {color:#a94442;background-color:#f2dede;border-color:#ebccd1;}
#ctt_con .alert-danger li {font-size:16px;}
/******************************************************************************************************* 
각 일반 서브페이지 설정
********************************************************************************************************/
.pagesubs {font-size:18px;}
.pagesubs h3 {font-size:28px;margin:0 0 1em 0;padding:0;}
.pagesubs h4 {display:inline-block;font-size:26px;margin:0 0 1em 0;}
.featured {display:block;margin:0;}
.featured img {width:100%;}

/******************************************************************************************************* 
각 서브페이지 설정
********************************************************************************************************/
/******************************************************
가로로 2단일때
*******************************************************/
.dotList li {background:url(../../images/icon_dot01.gif) no-repeat 0px 10px;padding-left:15px;}
/* 리스트 스타일 */
.listStyle_1 {}
.listStyle_1 ul {}
.listStyle_1 ul li {margin-bottom:0.5em;}
.listStyle_1 ul li dl {display:inline-block;width:100%;clear:both;}
.listStyle_1 ul li dl dt {float:left;width:20%;min-width:95px;text-align:center;background:#666;color:#fff;font-weight:400;border-radius:25px;white-space:nowrap;}
.listStyle_1 ul li dl dd {float:left;width:75%;max-width:100%;padding-left:5%;word-break: keep-all;word-wrap: break-word;}
.listStyle_1 ul li dl dd:after {content:"";display:block;clear:both;}
.listStyle_1 ul li dl dd ul {margin-top:0.5em;}
.listStyle_1 > ul > li > dl > dd > ul > li {background:url(../../images/icon_dot01.gif) no-repeat 0px 10px;padding-left:15px;}
.listStyle_1 > ul > li > dl > dd > ul > li > strong {background:#e9e9e9;}
.listStyle_1 > ul > li > dl > dd > ul > li > ol {list-style:decimal;padding-left:20px;font-size:16px;margin-top:10px;}
.listStyle_1 > ul > li > dl > dd > ul > li > ol > li {}
.listStyle_1 .inListStyle_1 {}
.listStyle_1 .inListStyle_1 ul {}
.listStyle_1 .inListStyle_1 ul li {}
.listStyle_1 .inListStyle_1 ul li dl {}
.listStyle_1 .inListStyle_1 ul li dl dt {min-width:60px;background:#999;border-radius:0;}
.listStyle_1 .inListStyle_1 ul li dl dd {max-width:100%;}

.listStyle_1 ul li dl dd.in_table {width:100%;padding:0.5em 0 0}

.listStyle_1 a {display:inline-block;padding:3px 10px 4px;margin-top:5px;font-size:15px;}
.listStyle_1 a:link,
.listStyle_1 a:active,
.listStyle_1 a:visited {background:#009999;color:#fff;}
.listStyle_1 a:hover {background:#333;color:#fff;}

.listStyle_1 .point_color1 {color:#009999}

/* 창원 어린이․청소년 환경 말하기 대회 */
.listStyle_2 {}
.listStyle_2 ul {}
.listStyle_2 ul li {margin-bottom:0.5em;}
.listStyle_2 ul li dl {display:inline-block;width:100%;clear:both;}
.listStyle_2 ul li dl dt {float:left;width:25%;min-width:120px;text-align:center;background:#666;color:#fff;font-weight:400;border-radius:25px;white-space:nowrap;}
.listStyle_2 ul li dl dd {float:left;width:70%;padding-left:5%;word-break: keep-all;word-wrap: break-word;}
.listStyle_2 ul li dl dd:after {content:"";display:block;clear:both;}
.listStyle_2 > ul > li > dl > dd > ol {list-style:decimal;padding-left:20px;font-size:18px;margin-top:0;}
.listStyle_2 ul li dl dd ul {}
.listStyle_2 > ul > li > dl > dd > ul > li {background:url(../../images/icon_dot01.gif) no-repeat 0px 10px;padding-left:15px;}
.listStyle_2 > ul > li > dl > dd > ul > li > ol {list-style:decimal;padding-left:20px;font-size:16px;margin-top:10px;}
.listStyle_2 > ul > li > dl > dd > ul > li > ol > li {}
.listStyle_2 .inListStyle_1 {}
.listStyle_2 .inListStyle_1 ul {}
.listStyle_2 .inListStyle_1 ul li {}
.listStyle_2 .inListStyle_1 ul li dl {}
.listStyle_2 .inListStyle_1 ul li dl dt {width:auto;background:#999;border-radius:0;padding:0 1em;}
.listStyle_2 .inListStyle_1 ul li dl dd {max-width:100%;clear:both;padding:0.5em 0 0 0;}

.inList {padding-left:2em;}
.inList .listStyle_2 {}
.inList .listStyle_2 ul {}
.inList .listStyle_2 ul li {margin-bottom:0.5em;}
.inList .listStyle_2 ul li dl {display:inline-block;width:100%;clear:both;}
.inList .listStyle_2 ul li dl dt {float:left;width:15%;text-align:center;background:#999;color:#fff;font-weight:400;border-radius:25px;white-space:nowrap;}
.inList .listStyle_2 ul li dl dd {float:left;width:77%;padding-left:3%;word-break: keep-all;word-wrap: break-word;}
.inList .listStyle_2 ul li dl dd:after {content:"";display:block;clear:both;}
.inList .listStyle_2 > ul > li > dl > dd > ol {list-style:decimal;padding-left:20px;font-size:18px;margin-top:0;}
.inList .listStyle_2 ul li dl dd ul {}
.inList .listStyle_2 > ul > li > dl > dd > ul > li {background:url(../../images/icon_dot01.gif) no-repeat 0px 10px;padding-left:15px;}
.inList .listStyle_2 > ul > li > dl > dd > ul > li > ol {list-style:decimal;padding-left:20px;font-size:16px;margin-top:10px;}
.inList .listStyle_2 > ul > li > dl > dd > ul > li > ol > li {}
.inList .listStyle_2 .inListStyle_1 {}
.inList .listStyle_2 .inListStyle_1 ul {}
.inList .listStyle_2 .inListStyle_1 ul li {}
.inList .listStyle_2 .inListStyle_1 ul li dl {}
.inList .listStyle_2 .inListStyle_1 ul li dl dt {width:auto;background:#999;border-radius:0;padding:0 1em;}
.inList .listStyle_2 .inListStyle_1 ul li dl dd {max-width:100%;clear:both;padding:0.5em 0 0 0;}

.dan_group > .listStyle_2 {}
.dan_group > .listStyle_2 ul {}
.dan_group > .listStyle_2 ul li {margin-bottom:0.5em;}
.dan_group > .listStyle_2 ul li dl {display:inline-block;width:100%;clear:both;}
.dan_group > .listStyle_2 ul li dl dt {float:left;width:10%;min-width:128px;text-align:center;background:#666;color:#fff;font-weight:400;border-radius:25px;white-space:nowrap;}
.dan_group > .listStyle_2 ul li dl dd {float:left;width:82%;padding-left:3%;word-break: keep-all;word-wrap: break-word;}
.dan_group > .listStyle_2 ul li dl dd:after {content:"";display:block;clear:both;}
.dan_group > .listStyle_2 > ul > li > dl > dd > ol {list-style:decimal;padding-left:20px;font-size:18px;margin-top:0;}
.dan_group > .listStyle_2 ul li dl dd ul {}
.dan_group > .listStyle_2 > ul > li > dl > dd > ul > li {background:url(../../images/icon_dot01.gif) no-repeat 0px 10px;padding-left:15px;}
.dan_group > .listStyle_2 > ul > li > dl > dd > ul > li > ol {list-style:decimal;padding-left:20px;font-size:16px;margin-top:10px;}
.dan_group > .listStyle_2 > ul > li > dl > dd > ul > li > ol > li {}
.dan_group > .listStyle_2 .inListStyle_1 {}
.dan_group > .listStyle_2 .inListStyle_1 ul {}
.dan_group > .listStyle_2 .inListStyle_1 ul li {}
.dan_group > .listStyle_2 .inListStyle_1 ul li dl {}
.dan_group > .listStyle_2 .inListStyle_1 ul li dl dt {width:auto;background:#999;border-radius:0;padding:0 1em;}
.dan_group > .listStyle_2 .inListStyle_1 ul li dl dd {max-width:100%;clear:both;padding:0.5em 0 0 0;}

.listStyle_3 {margin-bottom:2em;}
.listStyle_3 ul {}
.listStyle_3 ul li {background:url(../../images/icon_dot01.gif) no-repeat 0px 12px;padding-left:15px;line-height:1.5em;margin-bottom:0.5em;}

.listdan03 {margin-bottom:2em;}
.listdan03 ul {}
.listdan03 ul li {display:inline-block;float:left;width:33.333333%;}

.listdan04 {margin-bottom:2em;}
.listdan04 ul {}
.listdan04 ul li {display:inline-block;float:left;width:25%;}
.listdan04 ul li img {border:1px solid #ddd;}

/***********************************************************/

.headComment {margin-bottom:2em;}
.headComment:before {content:"";display:inline-block;width:100%;height:50px;border:10px solid #666;border-bottom:none;}
.headComment:after {content:"";display:inline-block;width:100%;height:50px;border:10px solid #666;border-top:none;}
.headComment .dan_group {padding:0 5em;text-align:center;}

.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;}

.dan_group > .dan_group > .table_outbox {margin-bottom:1em;}

.listStyle_2 ul li.noBg {background:none;padding-left:0;margin:0;}
/******************************************************
내부 버튼
*******************************************************/
.btnInBox {display:inline-block;width:100%;}
.btnInBox ul {}
.btnInBox ul li {display:inline-block;}
.btnInBox ul li a {display:inline-block;background:#333;color:#fff;padding:0.5em 1em;}
.btnInBox ul li a:hover {background:#c4161c;}

.btnInBoxCenter {display:inline-block;width:100%;text-align:center;}
.btnInBoxCenter ul {}
.btnInBoxCenter ul li {display:inline-block;}
.btnInBoxCenter ul li a {display:inline-block;background:#333;color:#fff;padding:0.5em 1em;}
.btnInBoxCenter ul li a:hover {background:#c4161c;}
/******************************************************
하단 버튼
*******************************************************/
.btnOutBox {display:inline-block;width:100%;}
.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:#c4161c;}

.btnOutBoxCenter {display:inline-block;width:100%;text-align:center;}
.btnOutBoxCenter ul {}
.btnOutBoxCenter ul li {display:inline-block;}
.btnOutBoxCenter ul li a {display:inline-block;background:#333;color:#fff;padding:0.5em 2em;}
.btnOutBoxCenter ul li a:hover {background:#c4161c;}

.color_a {color:#ff0000}
.color_b {color:#ff6600}
.color_c {color:#71c221}
.color_d {color:#3057b9}

.pdf_down_btn,
.pdf_down_btn:link,
.pdf_down_btn:visited {position:absolute;top:11px;right:10px;background:#9fa0a0;color:#fff;font-size:14px;padding:0 20px;border-radius:10px 10px 0 0;line-height:35px;}
.pdf_down_btn:active,
.pdf_down_btn:hover {background:#333;color:#fff;}
.pdf_down_btn i {font-size:18px;}

/******************************************************************************************************* 
경영이념
********************************************************************************************************/
.page_gset1 {position:relative;display:table;height:100%;padding:1em;overflow:hidden;}
.page_gset1 .page_leftset {position:relative;display:table-cell;height:100%;float:none;text-align:center;vertical-align:middle;}
.page_gset1 .page_leftset .intext_box {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
/* .page_gset1 .page_leftset .intext_box {display:inline-block;width:100%;height:100%;text-align:center;vertical-align:middle;} */
.page_gset1 .page_leftset .intext_box h3 {font-size:30px;font-weight:400;margin:0 0 1em 0;}
.page_gset1 .page_leftset .intext_box .text_data {font-size:17px;color:#666;}
.page_gset1 .page_rightset {position:relative;display:table-cell;height:100%;float:none;text-align:center;vertical-align:middle;}

.position_left {left:-50%;}
.position_right {left:50%;}

.pagesection1 {background:#ededed;}
.pagesection1 .organization {text-align:center;}
.pagesection1 .organization h3 {text-align:center;padding:0;margin:0 0 1.5em 0;}
/******************************************************************************************************* 
회사연혁
********************************************************************************************************/
.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:25px;vertical-align:middle;color:#e3310e;font-weight:500;}

.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;background-color:#fff;}
.history_group .timeline>li .timeline_panel .timeline_set li {display:inline-block;width:100%;}
.history_group .timeline>li .timeline_panel .timeline_set li dl dt {float:left;width:20%;font-size:16px;}
.history_group .timeline>li .timeline_panel .timeline_set li dl dd {float:left;width:80%;font-size:16px;}

.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 dt {float:right;width:20%;}
.history_group .timeline>li.inverted .timeline_panel .timeline_set li dl dd {float:right;width:80%;}

.history_bgimg1 {background:url(../../images/sub/sub0102_img01.jpg) no-repeat center;background-size:cover;}
.history_bgimg2 {background:url(../../images/sub/sub0102_img02.jpg) no-repeat center;background-size:cover;}
.history_bgimg3 {background:url(../../images/sub/sub0102_img03.jpg) no-repeat center;background-size:cover;}
.history_bgimg4 {background:url(../../images/sub/sub0102_img04.jpg) no-repeat center;background-size:cover;}
.history_bgimg5 {background:url(../../images/sub/sub0102_img05.jpg) no-repeat center;background-size:cover;}



/******************************************************************************************************* 
사업장소개
********************************************************************************************************/
.map_head {}
.map_head h3 {font-size:30px;font-weight:400;line-height:1.5em;margin:3em 0 1.5em 0;}
.map_head .text_data {width:70%;font-size:18px;color:#666;}

.map_photo {}
.map_photo h3 {background:#ededed;text-align:center;margin:0;padding:1em 0;border-radius:20px 20px 0 0;}
.map_photo .addinfo {margin:1em 0.5em 1em 0;}
.map_photo .addinfo table tbody th,
.map_photo .addinfo table tbody td {font-size:16px;}
.map_photo .mapzone {margin:1em 0 1em 0.5em;}

/* 다음지도 */
.roughmap_maker_label .roughmap_lebel_text {color:#fff !important;background:#0475f4 !important;}
.roughmap_maker_label:after {background:url(../../images/roughmap_maker_tail.png) no-repeat !important;}
/******************************************************************************************************* 
CI소개
********************************************************************************************************/
.top_comment {text-align:center;font-size:16px;padding:0 20%;margin:1em 0;}
.ci_groupbox {}
.ci_groupbox h3 {font-size:32px;text-align:center;font-weight:500;margin:0 0 1.5em 0;}
.ci_groupbox .sub_comment {text-align:center;font-size:16px;padding:0 20%;margin-bottom:3em;word-break: keep-all;word-wrap: break-word;}
.ci_groupbox .logo_markimg {background:#f4f4f4;text-align:center;padding:4em 0;margin-bottom:1em;}
.ci_groupbox .btn_box {text-align:center;margin:4em 0;}
.ci_groupbox .btn_box a {position:relative;border:1px solid #a8a8a8;border-radius:5px;font-size:16px;padding:0.5em 3em 0.5em 1em;margin:0 0.5em;}
.ci_groupbox .btn_box a .down_title {}
.ci_groupbox .btn_box a .down_icon {position:absolute;right:15px;top:1px;}
.ci_groupbox .styleinfo h4 {font-size:24px;background:#f4f4f4;padding:1em 0 1em 1em;border-radius:20px 20px 0 0;font-weight:500;}
.ci_groupbox .styleinfo div.space {padding:0 0.5em; }

.ci_groupbox .color_infogroup {margin:2em 0 1em;}
.ci_groupbox .color_infogroup h4 {font-size:24px;padding:0 0 0 1em;margin:0;text-align:left;font-weight:500;}
.ci_groupbox .color_infogroup .color_box1,
.ci_groupbox .color_infogroup .color_box2,
.ci_groupbox .color_infogroup .color_box3,
.ci_groupbox .color_infogroup .color_box4,
.ci_groupbox .color_infogroup .color_box5 {display:inline-block;width:100%;height:200px;}
.ci_groupbox .color_infogroup .color_box1 {background:#2f2f30;}
.ci_groupbox .color_infogroup .color_box2 {background:#6c6768;}
.ci_groupbox .color_infogroup .color_box3 {background:#e6310e;}
.ci_groupbox .color_infogroup .color_box4 {background:#e95520;}
.ci_groupbox .color_infogroup .color_box5 {background:#f4a000;}
.ci_groupbox .color_infogroup .color_title {color:#333;}
.ci_groupbox .color_infogroup .color_info {font-size:16px;color:#666;}
.ci_groupbox .color_infogroup .color_info span {display:block;}

.color_infogroup .color_leftbox {border-right:1px solid #ddd;}
.color_infogroup .color_rightbox {}
/******************************************************************************************************* 
인증·허가서
********************************************************************************************************/
.certification {}
.certification ul li {position:relative;margin:0 auto;}
.certification ul li .logobox {margin:0.5em;border-radius:5px;overflow:hidden;border:1px solid #ddd;}
.certification ul li .logobox p {margin:0;}
.certification ul li .logobox p.customer_logo {}
.certification ul li .logobox p.customer_name {font-size:18px;text-align:center;background:#e0e0e0;padding:5px 0;word-break: keep-all;word-wrap: break-word;}
/******************************************************************************************************* 
고객사
********************************************************************************************************/
.customer {}
.customer h3 {font-size:32px;text-align:center;font-weight:500;margin:0 0 1em 0;}
.customer .customer_set {position:relative;text-align:center;}
.customer .customer_set li {position:relative;margin:0 auto;float:none;}
.customer .customer_set li a {margin:0.5em;}
.customer .customer_set li .logobox {margin:0.5em;}
.customer .customer_set li .logobox p {margin:0;}
.customer .customer_set li .logobox p.customer_logo {border:1px solid #ddd;border-radius:5px;overflow:hidden;}
.customer .customer_set li .logobox p.customer_name {display:none;font-size:18px;text-align:center;background:#e0e0e0;padding:5px 0;border-radius:0 0 5px 5px;}
/******************************************************************************************************* 
사업영역 - 건설장비
********************************************************************************************************/

.bottom_group1 {padding:0;}
.bottom_group1 .tab-content .tab-pane .container {padding:0 1em;}
.bottom_group1 .tab-content .tab-pane .container .tab_head_title {font-size:24px;}
.bottom_group1 .tab-content .tab-pane .container h3 {font-size:39px;font-weight:500;padding:0;margin:0.5em 0 1em 0;}
.bottom_group1 .tab-content .tab-pane .container .lists1 {font-size:16px;color:#666;}
.bottom_group1 .tab-content .tab-pane .moreinfo {background:#e6e6e6;padding:4em 0;margin:3em 0 0 0;}
.bottom_group1 .tab-content .tab-pane .moreinfo h3 {font-size:30px;text-align:center;margin:0 0 2em;}

.bottom_group1 .tab-content .tab-pane .fullbg {position:relative;padding:0;text-align:center;}
.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head {position:absolute;top:2em;width:100%;z-index:5;}
.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container {}
.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container .tab_head_title {}
.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container .tab_head_text_en {font-size:36px;font-weight:500;color:#000;margin:0.5em 0 5px;}
.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container h3 {font-size:36px;font-weight:300;color:#e3310e;margin:0;}

.bottom_group1 .tab-content .tab-pane .fullbg .backimg {position:relative;width:100%;z-index:2;}
.bottom_group1 .tab-content .tab-pane .fullbg .backimg .imgoutbox {width:100%;}

.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point1,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point2,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point3,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point4,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point5,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point6,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point1,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point2,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point3,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point4,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point5,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point1,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point2,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point3,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point4,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point1,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point2,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point3,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point4,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point5 {position:absolute;display:table;text-align:center;width:50px;height:50px;vertical-align:middle;border-radius:35px;overflow:hidden;box-shadow: 2px 2px 2px 1px;z-index:6;}

.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point1 a,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point2 a,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point3 a,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point4 a,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point5 a,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point6 a,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point1 a,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point2 a,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point3 a,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point4 a,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point5 a,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point1 a,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point2 a,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point3 a,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point4 a,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point1 a,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point2 a,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point3 a,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point4 a,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point5 a {display:table-cell;width:100%;height:100%;background:#fff;color:#e3300e;font-size:30px;font-weight:700;text-align:center;vertical-align:middle;}

.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point1 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point2 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point3 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point4 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point5 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point6 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point1 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point2 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point3 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point4 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point5 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point1 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point2 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point3 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point4 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point1 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point2 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point3 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point4 a:hover,
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point5 a:hover {background:#e3300e;color:#fff;}

.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point1 {left:24%;top:52%;}
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point2 {left:32.8%;top:45%;}
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point3 {left:54.5%;top:29%;}
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point4 {left:75%;top:42%;}
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point5 {left:25%;top:75%;}
.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point6 {left:44%;top:76%;}

.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point1 {left:41.5%;top:43%;}
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point2 {left:52%;top:48%;}
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point3 {left:59%;top:58%;}
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point4 {left:63%;top:69%;}
.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point5 {left:72%;top:43%;}

.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point1 {left:50%;top:64%;}
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point2 {left:62%;top:82%;}
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point3 {left:68%;top:66%;}
.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point4 {left:72%;top:35%;}

.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point1 {left:28%;top:48%;}
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point2 {left:31%;top:70%;}
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point3 {left:39%;top:71%;}
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point4 {left:58%;top:68%;}
.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point5 {left:63.5%;top:52%;}



/******************************************************************************************************* 
사업영역 - 연료전지
********************************************************************************************************/
.fuel_cell {}
.fuel_cell .page_head {}
.fuel_cell .page_head .head_img {margin:2em;text-align:center;}
.fuel_cell .page_head .head_databox {padding-top:5em;}
.fuel_cell .page_head .head_databox .head_title {font-size:19px;}
.fuel_cell .page_head .head_databox h3 {font-size:34px;padding:0;margin:0 0 2em 0;font-weight:500;color:#000;}
.fuel_cell .page_head .head_databox .head_text {display:inline-block;width:60%;font-size:17px;word-break: keep-all;word-wrap: break-word;}

.sub_inmenu_box {display:block;background:#e3e3e3;}
.sub_inmenu_box ul.dan_group {float:left;border:none;}
.nav-tabs li a:focus,
.nav-tabs li a:visited,
.sub_inmenu_box ul li a {font-size:18px;text-align:center;padding:0.5em 0;}
 
.bottom_group {padding:4em 0 0;}
.bottom_group .tab-content .tab-pane .container {padding:0 1em;}
.bottom_group .tab-content .tab-pane .container .tab_head_title {font-size:24px;}
.bottom_group .tab-content .tab-pane .container h3 {font-size:39px;font-weight:500;padding:0;margin:0.5em 0 1em 0;}
.bottom_group .tab-content .tab-pane .container .lists1 {font-size:16px;color:#666;}
.bottom_group .tab-content .tab-pane .moreinfo {background:#e6e6e6;padding:4em 0;margin:3em 0 0 0;}
.bottom_group .tab-content .tab-pane .moreinfo h3 {font-size:30px;text-align:center;margin:0 0 2em;}

.nav-tabs li {display:inline-block;float:left;border-bottom:none;}
.nav-tabs li:not(:first-child) {border-left:1px solid #ccc;}

.nav-tabs li a:hover {color:#6c6868;background:none;}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:visited,
.nav-tabs li.active a:hover {background:#6c6868;color:#fff;}

.left_img_group li {padding-bottom:10px;}

/******************************************************************************************************* 
사업영역 - 신소재
********************************************************************************************************/
.new_material {}
.new_material .page_head {}
.new_material .page_head .head_img {margin:2em;text-align:center;}
.new_material .page_head .head_databox {padding-top:1em;}
.new_material .page_head .head_databox .head_title {font-size:19px;}
.new_material .page_head .head_databox h3 {font-size:34px;padding:0;margin:0 0 2em 0;font-weight:500;color:#000;}
.new_material .page_head .head_databox .head_text {display:inline-block;width:60%;font-size:17px;word-break: keep-all;word-wrap: break-word;}

.tabbox {position:relative;}
.tabbox h4 {display:inline-block;width:400px;background:#08344e;color:#fff;padding:10px 0 20px;margin:0;text-align:center;border-radius:10px 10px 0 0;z-index:4;}
.tabbox .text_groupbox {position:relative;top:-8px;left:0px;border-radius:10px;padding:2em 1.5em;z-index:5;}

.boxin_text {font-size:16px;}
/******************************************************************************************************* 
사업영역 - 설비현황
********************************************************************************************************/
.equipment {}
.equipment h3 {font-size:30px;text-align:center;font-weight:400;margin-bottom:3em;}
.equipment ul li {text-align:center;}
.equipment ul li dl {position:relative;display:block;margin-bottom:110px;}
.equipment ul li dl:after {content:"";position:absolute;display:inline-block;left:50%;bottom:-130px;transform:translate(-50%,0);width:100px;height:160px;text-align:center;z-index:9;background:url(../../images/sub/corow.png) no-repeat center;}
.equipment ul li dl.ending {margin-bottom:0px;}
.equipment ul li dl.ending:after {content:"";display:none;}
.equipment ul li dl dt {position:relative;display:inline-block;width:450px;height:450px;overflow:hidden;padding:0;margin:0;border-radius:100%;}
.equipment ul li dl dt p.round_imgbox {position:relative;display:inline-block;width:100%;height:100%;margin:0;padding:0;z-index:10;}
.equipment ul li dl dd.right {position:absolute;right:0;top:50%;transform:translate(0, -50%);display:inline-block;width:50%;background:#e6e6e6;border-radius:0 60px 60px 0;}
.equipment ul li dl dd.right p {display:inline-block;position:relative;width:100%;text-align:right;line-height:1em;margin:0;padding:1.5em 2em;z-index:8;}
.equipment ul li dl dd.left {position:absolute;left:0;top:50%;transform:translate(0, -50%);display:inline-block;width:50%;background:#e6e6e6;border-radius:60px 0 0 60px;}
.equipment ul li dl dd.left p {display:inline-block;position:relative;width:100%;text-align:left;line-height:1em;margin:0;padding:1.5em 2em;z-index:8;}
.equipment ul li dl dd .lang_en {display:inline-block;padding:0 0.5em;}
.equipment ul li dl.dl_set1:after {content:"";background-color:#f39a02;}
.equipment ul li dl.dl_set2:after {content:"";background-color:#ec6d17;}
.equipment ul li dl.dl_set3:after {content:"";background-color:#ea5619;}
.equipment ul li dl.dl_set4:after {content:"";background-color:#e73e15;}
.equipment ul li dl.dl_set5:after {content:"";background-color:#f39a02;}
.equipment ul li dl.dl_set1 dt.linecolor {border:12px solid #f9cf7f;}
.equipment ul li dl.dl_set2 dt.linecolor {border:12px solid #f8c484;}
.equipment ul li dl.dl_set3 dt.linecolor {border:12px solid #f5b48b;}
.equipment ul li dl.dl_set4 dt.linecolor {border:12px solid #f3a38c;}
.equipment ul li dl.dl_set5 dt.linecolor {border:12px solid #f29a87;}
/******************************************************************************************************* 
R&D - 기술 및 연구분야
********************************************************************************************************/
.outbox {background:#f7f7f7;}
.research {padding:2em 0;}
.research .page_gset1 {position:relative;padding:1em;}
.research .page_gset1 .page_leftset {position:relative;text-align:center;vertical-align:middle;}

.research .page_gset1 .page_leftset .intext_box_left {}
.research .page_gset1 .page_leftset .intext_box_left .head_title {text-align:left;}
.research .page_gset1 .page_leftset .intext_box_left h3 {font-size:30px;font-weight:500;text-align:left;margin:0 0 1.5em 0;padding:0;color:#e3310e;}
.research .page_gset1 .page_leftset .intext_box_left .text_data {font-size:17px;color:#666;text-align:left;padding-right:10%;word-break: keep-all;word-wrap: break-word;}

.research .page_gset1 .page_leftset .intext_box_right {position:absolute;right:0;top:50%;transform:translate(0, -50%);}
.research .page_gset1 .page_leftset .intext_box_right .head_title {text-align:right;}
.research .page_gset1 .page_leftset .intext_box_right h3 {font-size:30px;font-weight:500;text-align:right;margin:0 0 1.5em 0;padding:0;color:#e3310e;}
.research .page_gset1 .page_leftset .intext_box_right .text_data {font-size:17px;color:#666;text-align:right;padding-left:20%;word-break: keep-all;word-wrap: break-word;}
.research .page_gset1 .page_rightset {}

.research .pagesection1 {background:#ededed;}
.research .pagesection1 .organization {}
.research .pagesection1 .organization h3 {text-align:center;padding:0;margin:0 0 1.5em 0;}

/******************************************************************************************************* 
R&D - 연구실적
********************************************************************************************************/
.performance {position:relative;}
.performance .head_title {display:inline-block;;width:100%;height:195px;background:url(../../images/sub/sub0302_img01.jpg) no-repeat center top;overflow:hidden;text-align:center;vertical-align:middle;}
.performance .head_title p {display:inline-block;text-align:center;vertical-align:middle;color:#fff;font-size:30px;margin-top:60px;}
.performance .body_content {position:relative;left:40px;top:-40px;width:1120px;background:#fff;}
.performance .body_content .sub_title {display:inline-block;width:100%;padding:10px;}
.performance .body_content .sub_title ul {position:relative;}
.performance .body_content .sub_title ul li {position:relative;display:inline-block;float:left;height:63px;text-align:center;}
.performance .body_content .sub_title ul li.level_title1:after {content:"";position:absolute;right:-14.5px;top:0;width:29px;height:63px;background:url(../../images/sub/corw.jpg) no-repeat;z-index:10;}
.performance .body_content .sub_title ul li.level_title1 {width:30%;background:#a1d7ea;}
.performance .body_content .sub_title ul li.level_title1 p {display:inline-block;float:left;width:100%;font-size:24px;margin:10px 0 0 0;line-height:1em;color:#000;}
.performance .body_content .sub_title ul li.level_title1 span {display:inline-block;float:left;width:100%;font-size:16px;line-height:1em;}
.performance .body_content .sub_title ul li.level_title2 {width:70%;background:#f1f1f1;}
.performance .body_content .sub_title ul li.level_title2 p {font-size:20px;text-align:left;padding-left:2em;padding-top:15px;color:#00557a;font-weight:500;}

.performance .body_content .table_outmargin {padding:30px 10px 10px;}
.performance .body_content .table_outmargin .table_outbox {display:inline-block;width:100%;}
.performance .body_content .table_outmargin .table_outbox table th,
.performance .body_content .table_outmargin .table_outbox table td {font-size:16px;}
/******************************************************************************************************* 
인재육성 - 채용정보
********************************************************************************************************/
.jobs {position:relative;}

/******************************************************************************************************* 
인재육성 - 인재육성
********************************************************************************************************/
.mission {}
.mission .mset1 {position:relative;width:100%;height:543px;background:url(../../images/sub/sub0402_bg01.jpg) no-repeat center;padding-top:100px;}
.mission .mset2 {position:relative;width:100%;height:569px;background:url(../../images/sub/sub0402_img01.png) no-repeat center top;top:-151px;padding-top:150px;}

.mission .mset1 h3 {font-size:28px;font-weight:500;text-align:center;margin-bottom:1.8em;}
.mission .mset1 p {font-size:34px;font-weight:500;text-align:center;}
.m1_color1 {color:#8c6239;}
.m1_color2 {color:#e6310e;}

.mission .mset2 h3 {font-size:28px;font-weight:500;text-align:center;margin-bottom:1.5em;}
.mission .mset2 p {font-size:34px;font-weight:500;color:#ed1c24;text-align:center;margin-bottom:2em;}

.mission .mset2 .dllist_set {padding:0 2.5em;}
.mission .mset2 .dllist_set .dlist {}
.mission .mset2 .dllist_set .dlist dt,
.mission .mset2 .dllist_set .dlist dd {margin:0 0.5em;}
.mission .mset2 .dllist_set .dlist dt {text-align:center;}
.mission .mset2 .dllist_set .dlist dd {}
.mission .mset2 .dllist_set .dlist dd ul {padding:0.5em 1.5em;}
.mission .mset2 .dllist_set .dlist dd ul li {font-size:16px;background:url(../../images/icon_dot01.gif) no-repeat 3px 13px;padding:0 0 0 0.8em;line-height:1.5em;margin-bottom:3px;word-break: keep-all;word-wrap: break-word;}

.dtcolor1,
.dtcolor2,
.dtcolor3 {font-size:18px;font-weight:500;color:#fff;padding:0.8em 0;border-radius:50px;}
.dtcolor1 {background:#ea593d;}
.dtcolor2 {background:#dc4537;}
.dtcolor3 {background:#c11e2a;}

/******************************************************************************************************* 
인재육성 - 인사제도
********************************************************************************************************/
.style_sub0403_02 {position:relative;display:table;table-layout:fixed;width:100%;padding: 30px 0 4em 0;background:url(../../images/sub/sub0403_bg01.jpg);background-size:cover;}
.subbgcolor_3 {background-color:#e6e6e6;}
.subbgcolor {background-color:#fff;}

.institution {position:relative;z-index:4;}
.institution .mset1,
.institution .mset2,
.institution .mset3 {position:relative;width:100%;text-align:center;}

.institution .mset1 h3,
.institution .mset2 h3,
.institution .mset3 h3,
.institution .mset4 h3 {font-size:28px;font-weight:500;text-align:center;margin-bottom:1.8em;}

.institution .mset1 h3 {}
.institution .mset2 h3 {color:#333;margin:1em 0 3em 0;}
.institution .mset3 h3 {}
.institution .mset4 h3 {margin:0 0 1.5em 0;padding:0;}

.institution .mset1 .head_pcomment {position:relative;display:inline-block;margin:0 auto;padding:36px 0 0 5px;background:url(../../images/sub/quotes_left2.png) no-repeat left top;}
.institution .mset1 .head_pcomment p {font-size:34px;font-weight:500;text-align:center;padding:0 5px 40px 0;background:url(../../images/sub/quotes_right2.png) no-repeat right bottom;}
.institution .mset1 .head_pcomment p .color1 {color:#866241;}
.institution .mset1 .head_pcomment p .color2 {position:relative;color:#da3d28;}
.institution .mset1 .head_pcomment p .color2:before {content:".";position:absolute;top:-35px;left:50%;margin-left:-5px;}
.institution .mset1 .head_pcomment p .color3 {color:#da3d28;}

.dl_listgroup1 {color:#333;}
.dl_listgroup2 {margin-top:4em;}

.dl_listgroup1 dl dt {padding:1em;font-weight:500;}
.dl_listgroup1 dl dd {font-size:18px;}
.dl_listgroup1 .dl_iconbox {padding:0 4em;}

.dl_listgroup2 dl dt {padding:0.5em 0 1em;font-weight:500;}
.dl_listgroup2 dl dd {font-size:18px;}
.dl_listgroup2 .dl_imgbox,
.dl_listgroup2 dl {padding:0 15px;}

.dt_color1 {color:#ff6e20;}
.dt_color2 {color:#e6310e;}

.institution .mset3 .schematic {text-align:center;}

.institution .mset4 .mset_comment {font-size:16px;text-align:center;margin-bottom:2em;}

/******************************************************************************************************* 
인재육성 - 복리후생
********************************************************************************************************/
.style_sub0404_01 {position:relative;display:table;table-layout:fixed;width:100%;padding: 60px 0 4em 0;background:#f0f0f0;}

.welfare {}

.welfare .mset1 {text-align:center;}
.welfare .mset2 {}
.welfare .mset3 {}

.dl_set_group {}
.dl_set_group dl {position:relative;margin:2em 0.5em 6em;height:624px;}
.dl_set_group dl dt,
.dl_set_group dl dd {position:relative;top:82%;text-align:left;padding-left:25px;color:#fff;position:relative;z-index:5;}
.dl_set_group dl dt {font-weight:500;margin-bottom:0.8em;}
.dl_set_group dl dd {font-size:16px;font-weight:300;}
.dl_bg1 {background:url(../../images/sub/sub0404_img01.jpg) no-repeat center;}
.dl_bg2 {background:url(../../images/sub/sub0404_img02.jpg) no-repeat center;}
.dl_bg3 {background:url(../../images/sub/sub0404_img03.jpg) no-repeat center;}
.dl_set_group dl:after {content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%, 0);width:100%;height:267px;background:url(../../images/sub/bgga.png) no-repeat center bottom;z-index:2;}

.welfare .mset2 h3 {font-size:28px;font-weight:500;text-align:center;margin-bottom:2em;}
.welfare .mset2 .itembox {padding:1em;}
.welfare .mset2 .cubebox1 {position:relative;background:#f2f2f2;}
.welfare .mset2 .photobox {color:#fff;overflow:hidden; }
.welfare .mset2 .linebox {border:1px solid #ccc;}
.welfare .mset2 .photobox,
.welfare .mset2 .linebox {font-size:18px;border-radius:30px; }
.welfare .mset2 .cubebox1 .cubetitle {position:absolute;left:50%;bottom:30px;width:100%;text-align:center;transform:translate(-50%, 0);}

.welfare .mset3 h3 {font-size:28px;font-weight:500;text-align:center;margin-bottom:2em;}
.welfare .mset3 .itembox2 {padding:1em;}
.welfare .mset3 .itembox2 .cubebox2 {position:relative;background:#fff;border:1px solid #ccc;border-radius:30px;}
.welfare .mset3 .itembox2 .cubebox2 .cubegroup {position:absolute;left:50%;bottom:20px;transform:translate(-50%, 0);width:100%;text-align:center;}
.welfare .mset3 .itembox2 .cubebox2 .cubegroup .cubetitle {font-size:20px;margin-bottom:10px;font-weight:500;}
.welfare .mset3 .itembox2 .cubebox2 .cubegroup .cubetext {font-size:16px;line-height:1.5em;font-weight:300;}


/******************************************************************************************************* 
지속가능경영
********************************************************************************************************/
.ptext {font-size:0.75em;line-height:1.5em;}

.flex_dan {display:flex;}
.flex_dan .left,
.flex_dan .right {width:50%;}
.flex_dan .left {}
.flex_dan .right {}

.flex_dan_3 {display:flex;}
.flex_dan_3 h3,
.flex_dan_3 p {padding:0px;margin:0px;}
.flex_dan_3 .left,
.flex_dan_3 .center,
.flex_dan_3 .right {width:33.333333%;}
.flex_dan_3 .left h3,
.flex_dan_3 .right h3 {margin-bottom:0.8em;}
.flex_dan_3 .left {width:20%;text-align:right;}
.flex_dan_3 .center {width:60%;text-align:center;}
.flex_dan_3 .center i {font-size:2em;}
.flex_dan_3 .right {width:20%;}
.flex_dan_3 .left ul li,
.flex_dan_3 .right ul li {font-size:0.85em;}

.flex_dan_3 li {width:100%;}
.flex_dan_3 li dt {}
.flex_dan_3 li dd {font-size:0.75em;margin:10px 0px 5px;padding:.5em 0px;}
.flex_dan_3 li > ul {padding:.5em 1em;}
.flex_dan_3 li > ul > li {line-height:1.5em;text-align:left;font-size:0.75em;padding-left:15px;margin:0px;background:url(../../images/icon_dot01.gif) no-repeat 5px 10px;word-break: keep-all;word-wrap: break-word;}

.flex_dan_4 {}
.flex_dan_4 > ul {display:flex;}
.flex_dan_4 > ul > li {width:100%;padding:1em 1em 5em;color:#fff;}
.flex_dan_4 > ul > li > dl > dd > ul {margin-top:10px;}
.flex_dan_4 > ul > li > dl > dd > ul > li {font-size:0.75em;padding-left:15px;margin:0px;background:url(../../images/icon_dot_white.png) no-repeat 5px 10px;word-break: keep-all;word-wrap: break-word;}

@media (max-width: 840px){
	.flex_dan_3 {flex-wrap: wrap;}
	.flex_dan_4 > ul {flex-wrap: wrap;}
	.flex_dan_4 > ul > li {width:50%;}
}

.schematic_1 {}
.schematic_1 .schematic_in {margin:2em 0px;}

.schematic_in .round_box {display:inline-block;border-radius:50px;padding:5px 2em 7px;}
.schematic_in .circle {display:table;width:180px;height:180px;border-radius:100%;}
.schematic_in .circle .circle_in {display:table-cell;width:100%;height:100%;vertical-align:middle;font-size:0.85em;}

.schematic_in2 {position:relative;}
.schematic_in2 .round_box {display:inline-block;border-radius:50px;padding:5px 2em 7px;}
.schematic_in2 .circle {position:relative;display:table;width:140px;height:140px;border-radius:100%;z-index:2;}
.schematic_in2 .outwline:before {content:"";position:absolute;top:50%;left:50%;width:220px;height:220px;transform: translate(-50%, -50%);border-radius:100%;border:1px solid #ddd;z-index:1;}
.schematic_in2 .circle .circle_in {display:table-cell;width:100%;height:100%;vertical-align:middle;font-size:0.85em;}
.schematic_in2 .circle .circle_in .imgoutbox {padding:2em;}

.circle_line_1px {border:1px solid #666;}
.circle_line_2px {border:2px solid #666;}
.circle_line_3px {border:3px solid #666;}
.circle_line_4px {border:4px solid #666;}
.circle_line_5px {border:5px solid #666;}
.circle_number {border-radius:100%;padding:.5em 1em;font-size:0.75em;}
.center_padding_box {padding:0px 2em;}

.schematic_in dl {margin:1em 0px;}
.schematic_in dl dt {position:relative;text-align:center;}
.schematic_in dl dd {display:inline-block;width:100%;}
.schematic_in dl dd ul {}
.schematic_in dl dd ul li {position:relative;text-align:center;}
.schematic_in dl dd ul li p {margin:0px;}
.schematic_in dl dd ul li .number {position:absolute;top:0px;left:50%;transform: translate(-50%, -50%);}

.flex_box {display:flex;}
/* 세로정렬 */
.fb_ac {align-items: center;}
/* 가로정렬 */
.fd_jc {justify-content: center;}

@media (max-width: 840px){
	.fd_jc {flex-direction: column;}
	.schematic_in dl dd ul li {margin:1em 0px;}
}

.display_table {display:table;}
.display_table_cell {display:table-cell;vertical-align:middle}

.triangle_left:after {content:"";
	position:absolute;	
	top:50%;
	left:-20px;
	width: 0px;
	height: 0px;
	border-right: 20px solid #e3310e;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	transform: translate(0%, -50%);
}
.triangle_right:after {content:"";
	position:absolute;
	top:50%;
	width: 0px;
	height: 0px;
	border-left: 20px solid #e3310e;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	transform: translate(0%, -50%);
}
.triangle_bottom {position:relative;}
.triangle_bottom:after {content:"";
	position:absolute;
	bottom:-20px;
	left:50%;
	width: 0px;
	height: 0px;
	border-top: 20px solid #666;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	transform: translate(-50%, 0%);
}

@media (max-width: 840px){
	.flex_box {flex-wrap: wrap;}
	.flex_box .dan50 {width:100%;}
	.flex_box .padding_left_2em {padding-left:0;}
}

/* 라인컬러 */
.line_color_01 {border-color:#e3310e;}
/* bg컬러 */
.bgcolor_01 {background-color:#e3310e;color:#fff;}
.bgcolor_02 {background-color:#666;color:#fff;}
.bgcolor_white {background-color:#fff;}
.bgcolor_grey {background-color:#e9e9e9;}
/* 폰트컬러 */
.font_color_01 {color:#e3310e;}

.margin_01 {margin:0px 1em;}
.margin_0px_05em {margin:0px .5em;}
.margin_1em {margin:1em;}
.margin_05em {margin:.5em;}
.margin_0px_2em {margin:0px 2em;}
.margin_bottom_1em {margin-bottom:1em;}
.margin_bottom_2em {margin-bottom:2em;}
.padding_1 {padding:.5em 1em;}
.padding_1em {padding:1em;}
.padding_left_2em {padding-left:2em;}
.padding_right_2em {padding-right:2em;}

.boxround_2px {border-radius:2px;}
.boxround_3px {border-radius:3px;}
.boxround_4px {border-radius:4px;}
.boxround_5px {border-radius:5px;}
.boxround_6px {border-radius:6px;}
.boxround_7px {border-radius:7px;}
.boxround_8px {border-radius:8px;}
.boxround_9px {border-radius:9px;}
.boxround_10px {border-radius:10px;}
.boxround_50px {border-radius:50px;}

.text_al {text-align:left;}
.text_ac {text-align:center;}
.text_ar {text-align:right;}

.gallery_list {}
.gallery_list ul {display:flex;}
.gallery_list ul li {width:100%;}
.gallery_list ul li:not(:last-child) {margin-right:.5em;}

.gallery_list2 ul li {width:100%;}

.gallery_list3 {}
.gallery_list3 ul li {width:100%;}
.gallery_list3 ul li dl dt {text-align:center;padding:.5em 0px 1em;}
.gallery_list3 ul li dl dd {font-size:0.75em;}
.gallery_list3 .iconbox {padding:0em 3em;}

.comment_box {font-size:0.85em;padding:1em 1.5em;}
.comment_box p {margin:0px;}

.border_1px {border:1px solid #ddd;}
.border_2px {border:2px solid #ddd;}
.border_3px {border:3px solid #ddd;}
.border_4px {border:4px solid #ddd;}
.border_5px {border:5px solid #ddd;}
.border_6px {border:6px solid #ddd;}
.border_7px {border:7px solid #ddd;}
.border_8px {border:8px solid #ddd;}
.border_9px {border:9px solid #ddd;}
.border_10px {border:10px solid #ddd;}

.dl_style {}
.dl_style dt {padding:.5em 0px 1em;}
.dl_style dd {font-size:0.75em;}

.wonimgbox {border:1px solid #ddd;margin-top:2em;}

@media (max-width: 840px){
	.gallery_list ul {flex-wrap: wrap;}
	.gallery_list ul li {width:46%;}
	.gallery_list ul li:nth-last-child(odd) {margin-left:.5em;}

	.gallery_list3 ul li {width:50%;}
}

/******************************************************************************************************* 
윤리규범/지침
********************************************************************************************************/
.terms {margin-top:2em;}
.terms h4,
.terms p {margin-bottom:1.5em;}

.ol_list {font-size:0.75em;margin-bottom:2em;}
.ol_list ol {margin-left:1em;}
.ol_list ol li {line-height:1.5em;margin-bottom:10px;}

.ul_list_01 {margin-bottom:1em;}
.ul_list_01 > ul > li {font-size:0.75em;line-height:1.5em;margin-bottom:10px;}
.ul_list_01 > ul > li > ul {margin-left:1em;}
.ul_list_01 > ul > li > ul > li {padding-left:1em;background:url(../../images/icon_dot01.gif) no-repeat 5px 10px;}

.section_division {padding:1.5em 0px 3em;}
.section_division2 {padding:3em 0px 3em;}
.section_division3 {padding:3em 0px 1em;}

.tophead_zone {}
.tophead_zone h3 {margin-bottom:2em;font-weight:400;}


.dan_bg01 {background:url(../../images/sub/sub0602_img01.jpg) no-repeat center;}
.dan_bg02 {background:url(../../images/sub/sub0602_img02.jpg) no-repeat center;}
.dan_bg03 {background:url(../../images/sub/sub0602_img03.jpg) no-repeat center;}
.dan_bg04 {background:url(../../images/sub/sub0602_img04.jpg) no-repeat center;}
/******************************************************************************************************* 
반응형 설정
********************************************************************************************************/
@media (max-width: 1680px){
}
@media (max-width: 1600px){
	.bottom_group1 .tab-content .tab-pane .fullbg {padding-top:5em;}
	.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head {top:0.5em;}
	.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container {text-align:left;}
	.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container .htitle_box {display:inline-block;}
	.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container .tab_head_title,
	.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container .tab_head_text_en,
	.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container h3{text-align:left;}
}
@media (max-width: 1280px){
	.tstyle01 {font-size:14px;}
	.dan05 {width:50%;}
	.dan08 {width:25%;}
	.nav-tabs li:not(:first-child) {border-left:1px solid #ccc;border-top:1px solid #ccc;}

	.certification ul li .logobox p.customer_name {font-size:16px;}
}


@media (max-width: 1263px){
	
}
@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 {width:100px;min-width:100px;}
	.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:before,
	.history_group:after {content:"";left:80px;}
	.history_group .timeline:before {content:"";left:80px;}
}
@media (max-width: 1200px){
	.headComment2 .dan_group {padding:0;margin:0;}
	.greetings .movieBox {padding:0;}
	.movieBox {padding:0 0 2em;}

	.equipment ul li dl dt {z-index:10;}
	.equipment ul li dl dd.right {border-radius:60px;right:50%;width:500px;transform: translate(50%, -50%);z-index:11;}
	.equipment ul li dl dd.left {border-radius:60px;left:50%;width:500px;transform: translate(-50%, -50%);z-index:11;}
	.equipment ul li dl dd.right p,
	.equipment ul li dl dd.left p {text-align:center;}

	.dl_listgroup1 .dl_iconbox {padding:0 2em;}
}
@media (max-width: 1020px){
	.welfare .mset3 .itembox2 .cubebox2 .cubegroup .cubetitle {margin-bottom:0;}
	.welfare .mset3 .itembox2 .cubebox2 .cubegroup .cubetext {}
	.certification ul li .logobox p.customer_name {font-size:14px;}
}
@media (max-width:991px) {
	/* .style_sub {padding-top:0;} */
	.sub-nav-list ul {padding:0;}
}
@media (max-width:950px) {
	.map_head h3 {margin:0 0 1em 0;text-align:center;}
	.map_head .dan70,
	.map_head .dan30,
	.map_head .text_data {width:100%;}
}
@media (max-width:940px) {
	.page_gset1 .page_leftset .intext_box {width:80%;}
	
	.page_gset1 .page_leftset .intext_box .text_data {}
}
@media (max-width:900px) {
	.dan40,.dan60 {width:100%;}
	.pc_view {display:none;}
	.mb_view {display:inline-block;}
	.business_box .mb_view .align_right {text-align:left;}
	.headComment2 .padding_left_1em {padding:0.5em 0 0 0;}
	.padding_right_1em {padding-right:0;}

	.welfare .mset2 .cubebox1 .cubetitle {bottom:10px;}

	
	
}
@media (max-width:886px) { /* 17px 차이 */
	.certification ul li .logobox p.customer_name {height:52px;}
}
@media (max-width:850px) {
	.cms_btngroup {width:100%;}
}
@media (max-width:840px) {
	#page_navi_fixed.page-navi-fixed-trans {top:51px;}
	.page_gset1 {display:inline-block;}
	.page_gset1 .page_leftset {display:inline-block;float:left;}
	.page_gset1 .page_rightset {display:inline-block;float:right;}
	.page_gset1 .page_leftset .intext_box {position:relative;display:inline-block;left:0;top:0;transform: translate(0%, 0%);}
	.page_gset1 .page_leftset .intext_box h3 {margin-bottom:10px;}

	.top_comment,
	.ci_groupbox .sub_comment {padding:0 5%;}
	.ci_groupbox .logo_markimg {padding:2em 2em;}
	.customer .customer_set li {width:50%;float:left;}

	.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container .tab_head_title {font-size:12px;}
	.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container .tab_head_text_en {font-size:18px;margin:0;}
	.bottom_group1 .tab-content .tab-pane .fullbg .fulltab_head .container h3  {font-size:16px;}

	.research .page_gset1 .page_leftset .intext_box_right {position:relative;top:0;transform:none;}
	.research .page_gset1 .page_leftset .intext_box_left .head_title,
	.research .page_gset1 .page_leftset .intext_box_left h3,
	.research .page_gset1 .page_leftset .intext_box_right .head_title,
	.research .page_gset1 .page_leftset .intext_box_right h3,
	.research .page_gset1 .page_leftset .intext_box_left .text_data,
	.research .page_gset1 .page_leftset .intext_box_right .text_data {text-align:center;padding:0;}

	.performance .body_content .sub_title ul li.level_title1,
	.performance .body_content .sub_title ul li.level_title2 {width:50%;}

	.dl_listgroup1 dl dt {padding: 1em 1em 0;}
	.dl_listgroup1 dl dd {font-size:14px;margin-bottom:2em;}

	.dl_listgroup2 dl dt {padding: 0.5em 1em 0;}
	.dl_listgroup2 dl dd {font-size:14px;margin-bottom:2em;}

	.dl_set_group dl {margin:1em 0.5em 1em;}

	.mset2 .dan04,
	.mset3 .dan04 {width:50%;}

	.pagesection1 .organization {padding:2em 0;}

	.position_left {left:0;}
	.position_right {left:0;}

	.mission .mset2 .dllist_set {background-color:#f2f2f2;padding:1em 0.5em;}

}
@media (max-width:800px) {
	.style_sub {padding-top:150px;}
	.dan08 {width:33.333333333%;}
	.table_outbox {width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;border:1px solid #ddd;}
	.tstyle01 tbody th, .tstyle01 tbody td {white-space:nowrap;}
}
@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:80px;}

	/* .history_group:before,
	.history_group:after,
	.history_group .timeline:before {content:"";display:none;} */

	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point1, 
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point2, 
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point3, 
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point4, 
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point5, 
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point6, 
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point1, 
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point2, 
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point3, 
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point4, 
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point5, 
	.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point1, 
	.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point2, 
	.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point3, 
	.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point4, 
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point1, 
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point2, 
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point3, 
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point4, 
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point5 {width:30px;height:30px;}

	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point1 a,
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point2 a,
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point3 a,
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point4 a,
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point5 a,
	.bottom_group1 .tab-content .tab-pane .full_bg1 .click_point6 a,
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point1 a,
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point2 a,
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point3 a,
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point4 a,
	.bottom_group1 .tab-content .tab-pane .full_bg2 .click_point5 a,
	.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point1 a,
	.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point2 a,
	.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point3 a,
	.bottom_group1 .tab-content .tab-pane .full_bg3 .click_point4 a,
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point1 a,
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point2 a,
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point3 a,
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point4 a,
	.bottom_group1 .tab-content .tab-pane .full_bg4 .click_point5 a {}
}
@media (max-width:617px) {
	.certification ul li .logobox p.customer_name {}
}
@media (max-width:600px) {
	.dan50 {width:100%;}
	.dan04 {width:50%;}
	.dan06 {width:33.333333%;}
	
	.page_ing div:nth-child(2) {padding-left:0em;padding-top:2em;}

	.sub_inmenu_box .nav .dan05 {width:100%;}

	.new_material .page_head .head_databox,
	.fuel_cell .page_head .head_databox {padding-top:1em;text-align:center;}
	.new_material .page_head .head_databox h3,
	.fuel_cell .page_head .head_databox h3 {margin-bottom:1em;}
	.new_material .page_head .head_databox .head_text,
	.fuel_cell .page_head .head_databox .head_text {width:80%;}

	.tabbox h4 {width:300px;}

	.mission .mset1 p,
	.mission .mset2 p {font-size:28px;word-break: keep-all;word-wrap: break-word;}
	.welfare .mset3 .itembox2 .cubebox2 .cubegroup .cubetext {line-height:1.5em;font-size:12px;}

	.nav-tabs li:not(:first-child) {border-left:none;border-top:1px solid #ccc;}

	.position_left {left:0;}
	.position_right {left:0;}

	.history_group .timeline>li.inverted .timeline_panel .timeline_set li dl dd {width:100%;}
}
@media (max-width:500px) {
	.style_sub {padding-top:120px;}
	.listStyle_1 ul li dl dd {width:100%;clear:both;padding:0.5em 0 0 10px;}
	.board-list .table-list-eb .td-subject {width:300px;}
	header.sub_head h2 {font-size:22px;}
	.pagesubs h3 {font-size:20px;}
	.linkset1 h3 {font-size:16px;}

	.tabbox h4 {width:70%;font-size:16px;}
	.pdf_down_btn, .pdf_down_btn:link, .pdf_down_btn:visited {top:41px;padding:0 10px;border-radius:0 0 10px 10px;z-index:6;}
	.tabbox .text_groupbox {padding:3em 1.5em 2em;}

	.performance .body_content .sub_title ul li.level_title1 p {font-size:20px;margin:15px 0 0 0;}
	.performance .body_content .sub_title ul li.level_title1 span {font-size:12px;}

	.ci_groupbox .btn_box a {display:block;margin-bottom:10px;}
	.certification ul li .logobox p.customer_name {font-size:14px;}

	.customer .customer_set li .logobox p.customer_name {font-size:15px;}

	.equipment ul li dl dt {width:290px;height:290px;}
	.equipment ul li dl dd.left,
	.equipment ul li dl dd.right {width:300px;}
	.equipment ul li dl dd.left {width:300px;transform: translate(-50%, 90%);}
	.equipment ul li dl dd.right  {width:300px;transform: translate(50%, 90%);}

	.performance .body_content .table_outmargin .table_outbox table th, .performance .body_content .table_outmargin .table_outbox table td {font-size:14px;}

	.mission .mset1 p, .mission .mset2 p {font-size:24px;}
	.mission .mset2 {top:-230px;}

	.institution .mset1 .head_pcomment p {}
}

@media (max-width:499px) {
	.welfare .mset3 .itembox2 .cubebox2 {padding-bottom:1em;}
}

@media (max-width:320px) {
	.performance .body_content .sub_title ul li.level_title2 p {padding-left:1em;padding-top:20px;font-size:16px;}
	.welfare .mset2 .itembox,
	.welfare .mset3 .itembox2 {padding:0.5em;}
	.welfare .mset3 .itembox2 .cubebox2 {padding-bottom:2em;}
	.welfare .mset3 .itembox2 .cubebox2 .cubegroup .cubetitle {font-size:16px;}
	.welfare .mset3 .itembox2 .cubebox2 .cubegroup .cubetext {letter-spacing:-0.05em;}
}

.line_box1 {border:1px solid #ddd;padding:.5em 2em 1.5em;background-color:#f8f8f8;}
.charter h3 {text-align:center;margin-bottom:1em;font-weight:600}
.charter h4 {margin-top:1.5em;}
.p_text,
.list_ol li,
.sign {font-size:.8em;}
.top_text {margin-bottom:1.5em !important;}
.list_ol {padding-left:1em;}
.list_ol li {line-height:1.5em;margin-bottom:.5em;}
.list_ol li > ul {margin-top:.3em;margin-bottom:.8em;}
.list_ol li > ul > li {position: relative;font-size:.95em;padding-left:.5em;margin-bottom:.25em;}
.list_ol li > ul > li:before {content:"";position:absolute;left:0px;top:11px;width:3px;height:3px;border-radius:50%;background:#666;}
.sign {text-align:center;margin-top:1.5em;}
.sign_img img {max-width:80px;}

.go_link {position:absolute;right:0px;top:-5.5em;font-size:.75em;line-height:1.2em;}
.go_link a {display:inline-block;background:linear-gradient(to bottom right, #003366, #018298);color:#fff;padding:.5em 1em .6em;border-radius:10px;}
.go_link a:hover {color:#fff;background:linear-gradient(to left top, #003366, #018298);}
.go_link a {display:flex;align-items: center;}
.go_link a i {margin-left:1em;}
@media (max-width:840px) {
	.go_link {top:-1em;}
}

.down_data {display:flex;flex-wrap: wrap;border-top:3px solid #333;border-left:1px solid #ddd;font-size:.75em;margin-bottom:3em;}
.down_data dl {display:flex;width:50%;}
.down_data dl dt,
.down_data dl dd {text-align:center;border-bottom:1px solid #ddd;padding:1em;border-right:1px solid #ddd;}
.down_data dl dt {width:50%;background-color:#f5f5f5;text-align:center;}
.down_data dl dd {width:50%;}
@media (max-width:840px) {
	.down_data dl {width:100%;}
}

.down_btn {background-color:#e8e8e8;padding:.4em 1em .5em;border-radius:6px;font-size:.95em;}
.down_btn:hover {background-color:#e3310e;color:#fff;}