@charset "utf-8";
/* CSS Document */

#container														{ margin-bottom:9em; }
@media all and (max-width:1568px){
	#container													{ margin-bottom:8em; }
}
@media all and (max-width:1268px){
	#container													{ margin-bottom:7em; }
}
@media all and (max-width:868px){
	#container													{ margin-bottom:6em; }
}
@media all and (max-width:468px){
	#container													{ margin-bottom:5em; }
}


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

 								visual 

**********************************************************************/
/* visual */
.visual															{ position:relative; width:94%; max-width:1800px; border-radius:50px; height:306px; margin:0 auto; padding:0;background-repeat:no-repeat;background-position:right center;background-size:cover; }
.visual.bg1														{ background-image:url(/resource/market/images/sub/sub_visual01.jpg); }
.visual.bg2														{ background-image:url(/resource/market/images/sub/sub_visual02.jpg); }
.visual.bg3														{ background-image:url(/resource/market/images/sub/sub_visual03.jpg); }
.visual.bg4														{ background-image:url(/resource/market/images/sub/sub_visual04.jpg); }
.visual.bg5														{ background-image:url(/resource/market/images/sub/sub_visual05.jpg); }
.visual::before													{ position:absolute; width:100%; height:50px; border-style:solid; border-width:0 1px 0 1px; border-color:#e5e5e5; content:''; left:0; bottom:0; z-index:2 }
.visual > .con_inner                                           {display: flex;align-items: center;height: 100%;}                                         
.visual .title_wrap p                                         {font-family:var(--font-TTT);font-weight:500;color:#5d766c;font-size:1.5625em;line-height:1.7;}
.visual .title_wrap p strong                                {font-weight:600;font-size:1.6em;color:var(--color-point);}

@media all and (max-width:1568px){
	.visual														{ height:256px; border-radius:40px; }
	.visual::before												{ height:40px; }	
}

@media all and (max-width:1468px){
	.visual                                                		{background-position:right 30% center;}
}
@media all and (max-width:1268px){
	.visual														{ height:206px; border-radius:30px; }
	.visual::before												{ height:30px; }
	.visual .title_wrap p                       {font-size:1.375em;}
	.visual .title_wrap p strong              {font-size:1.5em;}
	
	
}
@media all and (max-width:868px){
	.visual														{ height:186px; border-radius:20px; padding:0 1em ;background-position:right 36% center;}
	.visual::before												{ height:20px; }
	.visual .title_wrap p                        {font-size:1.25em;}
	.visual .title_wrap p strong              {font-size:1.375em;}
	
}

@media all and (max-width:668px){
  	.visual::after									{ position:absolute; width:90%; height:100%; left:0; top:0; content:''; border-radius:20px; z-index:1 }
  	.visual.bg1::after									{background:linear-gradient(to right, rgba(232,248,242,1), transparent);}
    .visual.bg2::after									{background:linear-gradient(to right, rgba(230,240,247,1), transparent);}
    .visual.bg3::after									{background:linear-gradient(to right, rgba(254,243,246,1), transparent);}
    .visual.bg4::after									{background:linear-gradient(to right, rgba(253,246,231,1), transparent);}
    .visual.bg5::after									{background:linear-gradient(to right, rgba(236,236,251,1), transparent);}
  	.visual .title_wrap                           {z-index:9;}
  	.visual .title_wrap p                        {text-shadow: 2px 2px 1px rgba(255,255,255,.5);}
}

@media all and (max-width:568px){
	.visual														{ height:146px; }
	.visual .text_wrap strong									{ font-size:1.3em; top:35% }
}

@media all and (max-width:468px){
	.visual .title_wrap p                        				{line-height:1.5;font-size:1.125em;}
	.visual .title_wrap p + p                 					 {margin-top:.5em;}
	.visual .title_wrap p strong               						{font-size: 1.25em;}
}

@media all and (max-width:268px){
  	.visual														{ height:126px; }
	.visual .title_wrap p                             			{font-size:1em;}
	.visual .title_wrap p strong               					{font-size: 1.125em;}
}

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

 							location + share

**********************************************************************/
/* location */
.location_wrap													{ width:94%; max-width:1800px; padding:1em 0; margin:0 auto; border-style:solid; border-width:0 1px 1px 1px; border-color:#e5e5e5; border-radius:0 0 50px 50px; }
.location_wrap .con_inner										{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; --sizeHig:40px; gap:5px }
.location_wrap .lco												{ display:flex; flex-wrap:wrap; align-items:center; gap:3px 0;  }
.location_wrap .lco>li											{ position:relative; font-size:.98em; }
.location_wrap .lco [data-location="home"] a					{ display:flex; font-size:0px; width:var(--sizeHig); height:var(--sizeHig); opacity:.7 }
.location_wrap .lco [data-location="home"] a::before			{ content:''; display:block; width:100%; height:100%; background:url(/resource/market/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:auto 15px; 
																	opacity:1; }
.location_wrap .lco [data-location="home"]						{ margin-right:60px; }
.location_wrap .lco [data-location="home"]::before				{ position:absolute; right:-45px; top:50%; width:45px; height:1px; background:var(--color-base); content:''; }	
.location_wrap .lco>li+li										{ padding-left:15px; margin-left:15px; }
.location_wrap .lco>li:nth-child(2)								{ padding-left:0; margin-left:0; }
.location_wrap .lco>li:nth-child(2)::before						{ display:none; }
.location_wrap .lco>li+li::before								{ position:absolute; width:3px; height:3px; border-radius:100%; content:''; left:0; top:50%; background:var(--color-base); opacity:.3; transform:translateY(-50%); }															
.location_wrap .lco>li:last-child								{ padding-right:25px; }
.location_wrap .lco>li>button									{height:var(--sizeHig);text-align:left;}
.location_wrap .lco>li>button.loc_btn::after						{ position:absolute; right:0; top:50%; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:#575757; transform:translateY(-80%) rotate(45deg); 
																	transition:var(--trans-ani); content:''; vertical-align:middle;  top:50%; right:0; }
.location_wrap .lco>li.active>button::after					{ transform:translateY(-20%) rotate(225deg); }
.location_wrap .lco>li .loc_wrap								{ position:absolute; display:none; top:100%;left:50%;transform:translateX(-50%); z-index:2; width:calc(100% + 2px); min-width:160px;padding:1.125em 1.25em; background:var(--color-point); border:1px solid #e5e5e5; border-radius:10px }
.location_wrap .lco>li .loc_wrap li > a							{ display:inline-flex; justify-content:flex-start; align-items:center; padding:5px 0px; color:var(--color-white); transition:color var(--trans-ani); opacity:.8;font-size:0.938em;line-height:1.2; 
																	word-break: break-all; }
.location_wrap .lco>li .loc_wrap li a[target='_blank']::after	{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:11px; height:10px; 
																	background:url(/resource/market/images/common/icon_blank.svg) no-repeat 50% 50% / auto 10px;filter:invert(1); }
.location_wrap .lco>li .loc_wrap li > a:hover,
.location_wrap .lco>li .loc_wrap li > a:focus					{ opacity:1; font-weight:600;}

/* share */
.location_wrap .page_util										{ display:flex; align-items:center; gap:6px; }
.location_wrap .page_util>li									{ position:relative; }
.location_wrap .page_util>li>button								{ display:flex; width:var(--sizeHig); height:var(--sizeHig); border-radius:8px; background:#ededed; }
.location_wrap .page_util>li>button:before						{ content:''; flex:none; display:block; width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; }
.location_wrap .page_util>li .share_bt:before					{ background-image:url(/resource/market/images/sub/ico_share.svg); background-size:16px; margin-top:-.5px;}
.location_wrap .page_util>li>button.copy:before					{ background-image:url(/resource/market/images/sub/ico_copy_link.svg);}
.location_wrap .page_util>li>button.print:before				{ background-image:url(/resource/market/images/sub/ico_print.svg); background-size:17px 16px;}
.location_wrap .page_util>li>button.braille:before				{ background-image:url(/resource/market/images/sub/ico_bx_link.svg); background-size:19px 10px;}
.location_wrap .page_util>li>button.braille_down:before			{ background-image:url(/resource/market/images/sub/ico_bx_down.svg); background-size:21px 13px; background-position:50% 55%}
.location_wrap .page_util>li.share .share_drop												{ display:none; position:absolute; top:-1px; left:-1px; width:calc(var(--sizeHig) + 2px); box-sizing:border-box; background-color:var(--color-white); 
																								border:1px solid #e5e5e5;  text-align:center; z-index:2 ; border-radius:10px;}																								
.location_wrap .page_util > li.share .share_drop ul											{ padding-top:10px; display:flex; flex-flow:column; gap:7px; }
.location_wrap .page_util > li.share .share_drop ul > li a									{ display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.location_wrap .page_util > li.share .share_drop ul > li[data-share] a:before				{ content:''; display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; border-radius:100%;}
.location_wrap .page_util > li.share .share_drop ul > li[data-share="blog"] a:before		{ background-image:url(/resource/market/images/sub/icon_blog.svg); background-color:#32b44a;}
.location_wrap .page_util > li.share .share_drop ul > li[data-share="youtube"] a:before		{ background-image:url(/resource/market/images/sub/icon_youtube.svg); background-color:#e03232;}
.location_wrap .page_util > li.share .share_drop ul > li[data-share="facebook"] a:before	{ background-image:url(/resource/market/images/sub/icon_facebook.svg); background-color:#385691;}
.location_wrap .page_util > li.share .share_drop ul > li[data-share="instar"] a:before		{ background:url(/resource/market/images/sub/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
.location_wrap .page_util > li.share .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/resource/market/images/sub/icon_kakaoch.svg); background-color:#ffde00; }
.location_wrap .page_util > li.share .share_drop ul > li[data-share="twitter"] a:before		{ background-image:url(/resource/market/images/sub/icon_twitter.png); background-color:#000;}
.location_wrap .page_util > li.share .share_drop ul > li[data-share="band"] a:before		{ background-image:url(/resource/market/images/sub/icon_band.png); background-color:#50b748;}
.location_wrap .page_util > li.share .share_drop ul > li[data-share="copy"] a:before		{ background-image:url(/resource/market/images/sub/icon_copy.svg); background-color:#555555;}
.location_wrap .page_util > li.share .share_close											{ position:relative; width:30px; height:30px; margin-top:10px; margin-bottom:5px; background:#e5e5e5; border-radius:100%;}
.location_wrap .page_util > li.share .share_close::before									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.location_wrap .page_util > li.share .share_close::after									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.location_wrap .page_util > li.share .share_close:hover										{ transform:rotate(90deg); }

@media all and (max-width:1568px){
	.location_wrap													{ border-radius:0 0 40px 40px; }
}
@media all and (max-width:1368px){
	.location_wrap													{ padding:.75em 0; }
	.location_wrap .con_inner										{ --sizeHig:38px; }
	.location_wrap .lco>li .loc_wrap li > a							{ font-size:.9rem; }
}
@media all and (max-width:1268px){
	.location_wrap													{ border-radius:0 0 30px 30px; }
}
@media all and (max-width:1168px){
	.location_wrap .con_inner										{ --sizeHig:35px; }
	.location_wrap .lco>li .loc_wrap								{ padding:1em; }
	.location_wrap .lco>li .loc_wrap li > a							{ font-size:.85rem; }
}
@media all and (max-width:868px){
	.location_wrap													{ border-radius:0 0 20px 20px; }
}

@media all and (max-width:668px){
	.location_wrap													{ padding:.5em 0 .7em; }
	.location_wrap .lco>li											{ font-size:.95em; }
	.location_wrap .lco [data-location="home"]						{ margin-right:30px; }
	.location_wrap .lco [data-location="home"] a					{ height:25px; }
	.location_wrap .lco [data-location="home"]::before				{ width:20px; right:-20px; }
	.location_wrap .lco>li+li										{ padding-left:10px; margin-left:10px; }
	.location_wrap .lco>li:last-child								{ padding-right:20px; }
  	.location_wrap .lco>li .loc_wrap								{min-width:100px;}
	.location_wrap .page_util>li.share .share_drop					{ width:calc(var(--sizeHig) + 12px); left:-6px; }
}

@media all and (max-width:568px){
  .location_wrap .lco > li:not([data-location="home"]) a,
  .location_wrap .lco > li:not([data-location="home"]) button					{pointer-events: none;}
  .location_wrap .lco>li>button													 {height:auto;}
  .location_wrap .lco>li>button.loc_btn::after									{display:none;}
}

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

 							section_middle  

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

.section_middle													{ position:relative; display:flex; justify-content:space-between; position:relative; margin-top:5em; --sizeWidth:350px; }
.section_middle::before {position: absolute;width: 100%;height: 1px;top:54px;left: 0;background: #e5e5e5;content: '';}
.section_middle .content										{ flex:auto; width:calc(100% - var(--sizeWidth)); }

.section_middle .lnb_wrap 										{ flex:none; width:var(--sizeWidth);  }
.section_middle .lnb_wrap  .list									{ display:flex; max-width:250px; flex-flow:column; gap:1.75em; border-left:1px solid #e5e5e5 }
.section_middle .lnb_wrap  .list>li>a							{ position:relative; display:block; font-size:1.19em; font-weight:600; padding:0 1.05em; transition:var(--trans-ani); color:var(--color-base1);}
.section_middle .lnb_wrap  .list>li>a::before					{ position:absolute; width:2px; height:0; left:-1px; top:0; content:''; background:var(--color-point); transition:var(--trans-ani); }
.section_middle .lnb_wrap  .list>li.active>a,
.section_middle .lnb_wrap  .list>li>a:hover,
.section_middle .lnb_wrap  .list>li>a:focus						{ color:var(--color-point); }	
.section_middle .lnb_wrap  .list>li.active>a::before,
.section_middle .lnb_wrap  .list>li>a:hover::before,
.section_middle .lnb_wrap  .list>li>a:focus::before				{ height:100%; }	
.section_middle .lnb_wrap  .list>li > ul                           {display:none;margin: 1em 1.05em 0;background:#f8f8f8;border-radius:10px;padding:.75em .875em;}
.section_middle .lnb_wrap  .list>li.active>a + ul                {display:block;}
.section_middle .lnb_wrap  .list>li > ul > li                      {margin:.375em 0;}
.section_middle .lnb_wrap  .list>li > ul > li > a                 { padding:2px;line-height:1.2em; font-size:1em; color:var(--color-gray4); font-weight:500; }
.section_middle .lnb_wrap  .list>li > ul > li.active > a         {color:var(--color-base);font-weight:600;}
.section_middle .lnb_wrap  .list>li > ul  > li > ul              {display:none;margin-top:.25em;background:var(--color-white);padding:.75em;border-radius:8px;}
.section_middle .lnb_wrap  .list>li > ul  > li.active > ul		{display:block;}
.section_middle .lnb_wrap  .list>li > ul  > li > ul > li          {margin:.25em 0;}
.section_middle .lnb_wrap  .list>li > ul  > li > ul > li > a    {color:var(--color-gray3);font-size:0.938em;font-weight:500;}
.section_middle .lnb_wrap  .list>li > ul  > li > ul > li.active > a {color:var(--color-point);}


@media all and (max-width:1568px){
	.section_middle												{ margin-top:4.5em;--sizeWidth:300px; }
	.section_middle	.lnb_wrap .list								{ max-width:230px;gap:1.88em;}
	.section_middle .lnb_wrap .list>li>a                     {font-size:1.167em;padding: 5px 1.05em;}
	.section_middle .lnb_wrap .list>li>ul                   {margin: 1em 0 0 1.25em; padding: 1em;}
}

@media all and (max-width:1468px){
	.section_middle												{ margin-top:4em; --sizeWidth:280px; }
	.section_middle	.lnb_wrap .list								{ max-width:210px; gap:1.5em; }
}


@media all and (max-width:1368px){
	.section_middle												{ margin-top:3.5em; }
	.section_middle::before           {top:49px;}

	.section_middle .lnb_wrap .list                                  {gap:1.75em}
	.section_middle .lnb_wrap .list>li>a                            {font-size:1.125em;}
}

@media all and (max-width:1268px){
	.section_middle                                    {margin-top:3em;--sizeWidth:260px;  }	
	.section_middle .lnb_wrap .list>li>a            {font-size:1.1em;}


}

@media all and (max-width:1168px){
	.section_middle												{ margin-top:2.5em; --sizeWidth:250px;}
	.section_middle:before                            {display:none;}
	.section_middle	.lnb_wrap									{ display:none; }
	.section_middle .content                          {width:100%;}
}

@media all and (max-width:668px){
	.section_middle												{ margin-top:2em; }
}

@media all and (max-width:468px){
	.section_middle												{ --sizeWidth:170px; }
}





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

 							title 

**********************************************************************/
.title_h2														{ font-size:1.625em; font-weight:700; line-height:1; padding:7px 0 21px 0;margin-bottom: 1.92em;}
.title_h3														{ position:relative;font-size:2.1875em; font-weight:700; line-height:1;margin-bottom: 1.29em;padding-bottom:20px;color:var(--color-point); }
.title_h3::after                                                {content:'';position:absolute;left:0;bottom:-0;background:var(--color-point);width:300px;height:2px;}
.title_h4:after                                                  {left:10px;background:var(--color-point2);}


@media all and (max-width:1368px){
	.title_h2													{ font-size:1.5em; }
	.title_h3													{ font-size:1.8em; }
	.title_h3::after                                            {width:240px;}
}



@media all and (max-width:1168px){
	.title_h3                                                    { }
	.title_h3	                                                 {border-bottom:1px solid #e5e5e5;margin-bottom: 1em;}
	.title_h3::after                                            {width:220px;}
}

@media all and (max-width:968px){
	.title_h2													{ font-size:2em; }
	.title_h3													{ font-size:1.6em; }
	.title_h3::after                                            {width:180px;}
}

@media all and (max-width:668px){
	.title_h3                                                    { margin-bottom: .75em;}
}

/*공통 스타일*/
table.basic_table .basic_ul li::before							{width:4px;height:4px;top:8px;}
.basic_btn .download span::after									{filter: brightness(0) invert(1);}
.basic_btn .download.white span::after						{filter: invert(19%) sepia(96%) saturate(4349%) hue-rotate(156deg) brightness(90%) contrast(90%);}
.basic_btn a[target="_blank"] span:after, .basic_btn button[target="_blank"] span:after{background: url(/resource/market/images/sub/icon_newtab.svg) no-repeat 50% 50%;}
.title_h5  + .list_num > li										{font-size:1.06em;padding-left:29px;color:#222;}
.title_h5  + .list_num > li::before							{width:21px;height:21px;line-height:21px;}
.title_h5  + .basic_ul > li									{font-size:1.06em;}	
.basic_ul > li,
.list_num > li													{color:#222;}
.line_dot														{line-height:1.28;}
.basic_p														{color:#222;}
.list_num li > [class*="box_text_"] 							{margin-top:10px;}
.area_diagram .list > li span									{color:#222;}


/* 연혁 */
.history											{ position:relative; display:flex; flex-flow:column; gap:3.13em; }
.history::before									{ position:absolute; left:100px; top:0; width:1px; height:100%; content:''; background:#ddd; }
.history>li										{ display:flex; }
.history>li .year								{ position:relative; width:100px; font-weight:700; }
.history>li .year::before						{ position:absolute; right:-12px; top:-3px; content:''; width:24px; height:24px; border-radius:100%; background:var(--color-point); opacity:.3; }
.history>li .year::after							{ position:absolute; right:-4px; top:5px; content:''; width:8px; height:8px; border-radius:100%; background:var(--color-point); }
.history>li .h_con								{ position:relative; flex:auto; width:calc(100% - 100px); padding-left:60px; display:flex; flex-flow:column; gap:20px;}
.history>li .h_con::before						{ position:absolute; left:0; top:8px; width:50px; height:1px; border-bottom:1px dotted var(--color-point); content:''; }

.history>li .h_con dl							{ display:flex; flex-wrap:wrap; line-height:1.1; }
.history>li .h_con dl>dt							{ flex:none; width:100%;font-weight:600; opacity:.94;margin-bottom:.5em;} 
.history>li .h_con dl>dd							{ flex:auto; width:100%; margin:0px; font-size:1.06em; line-height:1.2;  opacity:.84;}
.history>li .h_con p								{ font-size:1.06em; line-height:1.2;  opacity:.84;}


/* list number hangeul */
.list_num.hangeul>li:before							{content:""; }
.list_num.hangeul > li:nth-child(1)::before 		{ content: "가"; }
.list_num.hangeul > li:nth-child(2)::before			 { content: "나"; }
.list_num.hangeul > li:nth-child(3)::before			 { content: "다"; }
.list_num.hangeul > li:nth-child(4)::before 		{ content: "라"; }
.list_num.hangeul > li:nth-child(5)::before 		{ content: "마"; }
.list_num.hangeul > li:nth-child(6)::before 		{ content: "바"; }
.list_num.hangeul > li:nth-child(7)::before			 { content: "사"; }
.list_num.hangeul > li:nth-child(8)::before			 { content: "아"; }
.list_num.hangeul > li:nth-child(9)::before 		{ content: "자"; }
.list_num.hangeul > li:nth-child(10)::before		 { content: "차"; }
.list_num.hangeul > li:nth-child(11)::before 		{ content: "카"; }
.list_num.hangeul > li:nth-child(12)::before		 { content: "타"; }
.list_num.hangeul > li:nth-child(13)::before		 { content: "파"; }
.list_num.hangeul > li:nth-child(14)::before 		{ content: "하"; }

/*diagram*/
.area_diagram .list > li:after{background: url(/resource/market/images/common/icon_diagram.svg) no-repeat 50% 50% / contain;}

@media all and (max-width:1368px){
	.title_h5  + .list_num > li								{font-size:1rem;padding-left:26px;}
	.title_h5  + .list_num > li::before						{width:18px;height:18px;line-height:18px;}
	.title_h5  + .basic_ul > li								{font-size:1rem;}
  
  	/*연혁*/
	.history												{ gap:2.5em; }
	.history>li .h_con dl>dd,
  	.history>li .h_con p 									{font-size:1.03em; }
}

@media all and (max-width:968px){
  /*연혁*/
  .history											{ gap:2em; }
  .history>li .year									{ width:70px; }
  .history>li .year br								{display:none;}
  .history::before									{ left:70px; }
  .history>li .h_con								{ width:calc(100% - 70px); padding-left:40px; }
  .history>li .h_con::before						{ top:8px; width:30px; }
  .history>li .h_con dl,
  .history>li .h_con p								{ margin-top:1px; }
  .history>li .h_con dl dt							{margin-bottom:.25em;}
}

@media all and (max-width:868px){
	.title_h5  + .list_num > li									{font-size:.95rem;padding-left:23px;}
	.title_h5  + .basic_ul > li									{font-size:.95rem;}
}

@media all and (max-width:668px){
  /*연혁*/
  .history::before									{ left:9px; }
  .history>li										{ flex-wrap:wrap; }
  .history>li .year								{ width:100%; padding-left:40px; font-size:1.3em;line-height:1}
  .history>li .year::before						{ right:inherit; left:-2px; }
  .history>li .year::after							{ right:inherit; left:6px; }
  .history>li .h_con								{ width:100%; padding-left:40px; margin-top:5px; }
  .history>li .h_con::before						{ top:-14.5px; left:7px; width:25px; }
  .history>li .h_con dl,
  .history>li .h_con p 								{ margin-top:0; }
}