@charset "utf-8";
/*
#######################################################################################################
# 서브페이지 기본 설정
#######################################################################################################
*/
.style_sub { position:relative;display:inline-block; width:100%;min-height:930px;z-index:2; }
.style_sub header.subpage_head { position:relative;margin-bottom:3rem; }
.style_sub p { line-height:1.5em;margin-bottom:1rem;word-break: keep-all;word-wrap: break-word;}
.style_sub p.subtitle_comment {font-size:0.95rem;margin-bottom:2rem;}
@media (max-width:991px) {
	.style_sub {padding-top:0;}
}
@media (max-width:500px) {
	.style_sub header.subpage_head {margin-bottom:3rem;}
}
#maincontainer.pagecontent {padding-top:2.5rem;padding-bottom:6rem;}
#maincontainer.no_title {padding-top:4.5rem;}
#maincontainer.etc_title,
#maincontainer.etc_title2,
#maincontainer.etcboard_title {padding-top:1rem;}
#maincontainer.etc_title h3 {margin-bottom:2rem;}
#maincontainer.etcboard_title h3 {margin-bottom:.5rem;}
#maincontainer.etc_title2 .pt_comment,
#maincontainer.etcboard_title .pt_comment {font-size:14px;margin-bottom:2rem;}

header.subpage_head h2 { text-align:center; }
header.subpage_head h2 span {position:relative;}
/* header.subpage_head h2 span:before {content:"";position:absolute;top:1.8em;left:50%;bottom:-2rem;transform: translate(-50%, 0%);width:2px;height:60px;background-color:var(--main-color1);}*/
header.subpage_head p { color:#666; font-size:0.75rem; line-height:1.5em; margin:0.5rem 0 1.5rem 0; }
@media (max-width:414px) {
	header.subpage_head h2 span {display:block;padding:.5rem 0px;font-size:0.75rem;}
}

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

.sub_head_container,
.sub_body_container,
.sub_foot_container {position:relative;}

.sub_head_container {margin-bottom:5rem;}
.sub_head_container p {text-align:center;line-height:1.5rem;}
.sub_head_container p span {display:block;}

.sub_body_container h3 {margin-bottom:1em;}

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

/* 그룹 페이지 */
.pageset {}
.pageset h4 {font-weight:800;}
.pageset h4.number_title {display:flex;align-items: center;margin-bottom:0px;}
.pageset h4.number_title strong {display:inline-block;width:34px;height:34px;line-height:34px;background-color:#84b652;color:#fff;border-radius:100%;font-size:1rem;text-align:center;margin-right:.5rem;}
.pageset h4.number_title span {line-height:1em;}
.pageset h5.number_bottom {margin-bottom:0px;margin-top:1rem;}
.pageset h5.number_bottom span {display:inline-block;background-color:#333;color:#fff;margin-left:.5rem;padding:.3rem 1rem;border-radius:3rem;}

/* 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;
	}
}

/* 이미지박스 */
.img_box {}

/* 풀화면 */
.container_full {position:relative;overflow:hidden;background-attachment: fixed;background-position:center;background-repeat:repeat;background-size:cover;padding:10rem 0px;margin-bottom:3rem;}
.full_bg_01 {background-image:url(../../images/sub/sub0101_bg01.jpg);}

/* 단 분할 */
.list_dan1 > li {width:100%;}
.list_dan2 > li {width:50%;}
.list_dan3 > li {width:33.3333333%;}
.list_dan4 > li {width:25%;}
.list_dan5 > li {width:20%;}
.list_dan6 > li {width:16.6666666%;}
.list_dan7 > li {width:14%;}
.list_dan8 > li {width:12.5%;}
.list_dan9 > li {width:11.1111111%;}

.flex_reverse {flex-direction: row-reverse;}/* 뒤집기(역순) */

/* 리스트 - 페이지 */
.flex_dan {display:flex;}
.flex_dan > li {}
.flex_dan > li:not(:last-child) {margin-right:3rem;}
.flex_dan > div {}
.flex_dan > div:not(:last-child) {margin-right:3rem;}
@media (max-width: 840px){
	.flex_dan {flex-direction: column;}
	.flex_dan > li {width:100%;}
	.flex_dan > div {width:100%;}
}
/* 리스트 - 페이지 */
.flex_dan_nomal {display:flex;}
.flex_dan_nomal > li {}
.flex_dan_nomal > li:not(:last-child) {}
.flex_dan_nomal > div {}
.flex_dan_nomal > div:not(:last-child) {}
@media (max-width: 1280px){
	.flex_dan_nomal {flex-wrap: wrap;}
	.flex_dan_nomal > li {width:50%;margin-bottom:2rem;}
	.flex_dan_nomal > div {width:50%;margin-bottom:2rem;}
}
@media (max-width: 600px){
	.flex_dan_nomal > li {width:100%;}
	.flex_dan_nomal > div {width:100%;}
}
/* 리스트 - 페이지 */
.flex_dan_middle {display:flex;align-items: center;}
.flex_dan_middle > li {}
.flex_dan_middle > li:not(:last-child) {margin-right:3rem;}
.flex_dan_middle > div {}
.flex_dan_middle > div:not(:last-child) {margin-right:3rem;}
.flex_dan_middle > div p {margin:0px;}
@media (max-width: 840px){
	.flex_dan_middle {flex-direction: column;}
	.flex_dan_middle > li {width:100%;}
	.flex_dan_middle > div {}
	.flex_dan_middle > div:not(:last-child) {margin:0px;}
}
/* 리스트 - 페이지 */
.flex_dan_icon {display:flex;}
.flex_dan_icon > li {}
.flex_dan_icon > li:not(:last-child) {margin-right:2rem;}
.flex_dan_icon > div {}
.flex_dan_icon > div:not(:last-child) {margin-right:2rem;}
@media (max-width: 840px){
	.flex_dan_icon {margin-top:2rem;}
}
/* 리스트 - 갤러리 */
.list_gallery {display:flex;flex-wrap: wrap;margin:0 -0.5rem;}
.list_gallery > li {padding:.5rem;}
.list_gallery > li .top_title {margin:0px;padding:0.5rem .5rem;font-weight:800;}
.list_gallery > li .photo {position:relative;}
.list_gallery > li .photo .photo_number {position:absolute;left:1rem;top:0px;padding:1rem .6rem .1rem;border-radius:0px 0px .5rem .5rem;}
.list_gallery > li .title {padding:.5rem 0px;background-color:#666;color:#fff;}
.list_gallery > li .title strong,
.list_gallery > li .title span {display:block;}
.list_gallery > li > dl {}
.list_gallery > li > dl dt {margin-bottom:.5rem;}
.list_gallery > li > dl dd {word-break: keep-all;word-wrap: break-word;}
.list_gallery > li > ul {display:flex;}
.list_gallery > li > ul > li {width:100%;}
.list_gallery > li > ul > li:not(:last-child) {margin-right:1rem;}
@media (max-width: 500px){
	.list_gallery > li {width:50%;}
}
/*============================================================================================= 
준비중
=============================================================================================*/
.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:3rem;}
.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:2rem;margin-top:1rem;margin-bottom:2rem;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.5rem;}
	#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.5rem;margin:0;padding:0.3rem 0 0 0.5rem;}

.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.85rem;font-weight:400;text-align:center;background:#222;color:#fff;padding:0.5rem 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.5rem 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:1rem;font-size:0.85rem;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.5rem;}
.mfp-bottom-bar {font-size:14px;}


/*
#######################################################################################################
# 서브페이지 설정
#######################################################################################################
*/

/* 코멘트 페이지 */
.top_comment {font-weight:700;font-size:1.65rem;line-height:1.3em;margin-bottom:1.5rem;margin-top:1.5rem;}
.top_comment span {display:block;}

/* 그룹 싸인 */
.signset {display:flex;align-items: center;justify-content: flex-end;}
.signset p {padding-left:1rem;margin:0px;}
.signset p.name {font-family: 'Nanum Brush Script', cursive;font-size:50px;letter-spacing:.5rem;}
.signset img {width:170px;}

/* 원형 아이콘 */
.set_icon {text-align:center;width:6rem;}
.set_icon .icon_zone {font-size:1.5rem;color:#fff;}
.set_icon .icon_zone .circle {position:relative;display:inline-block;width:3rem;height:3rem;border-radius:50%;background-color:var(--main-color1);}
.set_icon .icon_zone .circle i {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.set_icon .title_zone {font-weight:600;}

/* 원형 박스(박스안에 아이콘 텍스트 함께 들어감) */
.circular_box {display:flex;flex-direction: column;align-items: center;}
.circular_box .topbox {position:relative;width:12.5rem;height:12.5rem;border-radius:50%;overflow:hidden;}
.circular_box .topbox .topbox_in {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);text-align:center;}
.circular_box .topbox .topbox_in p {padding:0px;margin:0px;line-height:1.5em;color:#fff;}
.circular_box .topbox .topbox_in .icon_zone {margin-bottom:.5rem;}
.circular_box .topbox .topbox_in .icon_zone .imgoutbox img {width:3rem;height:3rem;}
.circular_box .topbox .topbox_in .title_zone {font-size:1.2rem;font-weight:800;}
.circular_box .topbox .topbox_in .en_zone {font-size:.75rem;letter-spacing:-0.05em;white-space:nowrap;}
.circular_box .titlebox1 {position:relative;text-align:center;margin-top:3rem;}
.circular_box .titlebox1:before {content:"";position:absolute;left:50%;top:-3.5rem;transform: translateX(-50%);width:1rem;height:1rem;border-radius:50%;border:3px solid #fff;background-color:var(--main-color1);;}
.circular_box .titlebox1 ul li {font-weight:600;}
.circular_box .titlebox2 {position:relative;text-align:center;margin-top:3rem;}
.circular_box .titlebox2:before {content:"";position:absolute;left:50%;top:-3.5rem;transform: translateX(-50%);width:1rem;height:1rem;border-radius:50%;border:3px solid #fff;background-color:#9fa0a0;}
.circular_box .titlebox2 ul li {font-weight:600;}
.circular_box .titlebox1:after,
.circular_box .titlebox2:after {content:"";position:absolute;left:50%;top:-2.65rem;transform: translateX(-50%);width:1px;height:2.3rem;background-color:#666;}

.circular_box_color1 {background-color:var(--main-color1);}
.circular_box_color2 {background-color:#9fa0a0;}
@media (max-width:1280px) {
}
/*-----------------------------------------------------------------------------------------------------------------------------------------
연혁
-----------------------------------------------------------------------------------------------------------------------------------------*/
.history ul.rumitab li {min-width:33.333333%;margin-right:-1px;font-size:1em;}
.history_list {position:relative;font-size:1em;}
.history_list ul li {padding:0 !important;}
.history_list > ul {position:relative;}
.history_list > ul:before {content:"";position:absolute;top:1em;bottom:0;width:1px;background:#ccc;}
.history_list > ul > li {position:relative;margin-bottom:1em;}
.history_list > ul > li > h4 {position:absolute;left:0;top:0;display:inline-block;margin:0;font-size:1.5em;margin-left:1em;}
.history_list > ul > li > ul {position:relative;top:0;display:block;padding:3px 0 0.8em;}
.history_list > ul > li > ul:after {content:"";display:block;height:1px;background:#eee;margin-top:1.5em;}
.history_list > ul > li > ul > li {position:relative;display:block;clear:both;padding:0px 0px .8rem 1em !important;overflow:visible !important;line-height:1.5em;}
.history_list > ul > li > ul > li:before {content:"";position:absolute;left:-.35rem;top:.2rem;display:inline-block;width:.75rem;height:.75rem;border:2px solid #ddd;border-radius:100%;background-color:#fff;}
.history_list > ul > li > ul > li > dl {position:relative;display:flex;overflow:hidden;}
.history_list > ul > li > ul > li > dl > dt,
.history_list > ul > li > ul > li > dl > dd {display:inline-block;font-size:1em;line-height:1.5em;}
.history_list > ul > li > ul > li > dl > dt {margin-right:.5rem;}
.history_list > ul > li > ul > li > dl > dd {}
.history_list > ul > li > ul > li > dl > dd > ul {}
.history_list > ul > li > ul > li > dl > dd > ul > li {position:relative;padding-left:.75rem !important;font-weight:400;word-break: keep-all;word-wrap: break-word;}
.history_list > ul > li > ul > li > dl > dd > ul > li:before {content:"";position:absolute;left:0px;top:.55rem;width:.35rem;height:1px;background-color:#333;}

.history_list > ul:before {margin-left:6.5rem;}
.history_list > ul > li:last-child > ul:after {height:0;}
.history_list > ul > li > ul {padding-left:6.5rem;}

.history_list > ul > li > h4 {color:var(--main-color1);}
.history_list > ul > li > h4:after {content:"";position:absolute;top:.65rem;right:-1.75rem;width:1.4rem;height:1px;background-color:var(--main-color1);}
.history_list > ul > li > ul > li:before {content:"";border-color:var(--main-color1);}
.history_list > ul > li > ul > li:not(:first-child):before {left:-.15rem;top:.4rem;width:.35rem;height:.35rem;border:none;background-color:var(--main-color1);}

.history_imgbox {width:35%;}
.history_imgbox p {font-size:.8rem;line-height:1.5em;margin-top:.5rem;}

@media (max-width:840px) {
	.history_list > ul > li > h4:after {display:none;}
	.history_list > ul > li > h4 {margin-left:0px;}
	.history_list > ul:before {margin-left:4.1rem;}
	.history_list > ul > li > ul {padding-left:4.1rem;}
	.history_imgbox {margin-bottom:3rem;}
}


































/******************************************************************************************************* 
반응형 설정
********************************************************************************************************/
@media (max-width:900px) {
	.dan40,.dan50,.dan60 {width:100%;padding-top:2rem;padding-left:0px;padding-right:0px;}
}
@media (max-width:840px) {
	
}
@media (max-width:600px) {
	.dan30,
	.dan70 {width:100%;padding:0;}
}