@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:568px){
	#container													{ margin-bottom:5em; }
}

		
/**********************************************************************
 								visual 
**********************************************************************/
/* visual */
.visual															{ position:relative; width:94%; max-width:1800px; border-radius:50px; height:306px; margin:0 auto; padding:0;  }
.visual.bg1														{ background:url(/resource/dauri/images/sub/bg_sub1.jpg) no-repeat right center / auto 100%; }
.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 .text_wrap strong										{ position:absolute; top:40%; font-size:2.5em; font-weight:bold; color:var(--color-green); line-height:1.15; z-index:3 }
.visual .text_wrap strong span									{ display:block; }
@media all and (max-width:1568px){
	.visual														{ height:256px; border-radius:40px; }
	.visual::before												{ height:40px; }
	.visual .text_wrap strong									{ font-size:2.25em; }
}
@media all and (max-width:1268px){
	.visual														{ height:206px; border-radius:30px; }
	.visual::before												{ height:30px; }
	.visual::after												{ position:absolute; width:90%; height:100%; left:0; top:0; background:linear-gradient(to right, rgba(226,244,255,1), rgba(226,244,255,.01)); content:''; border-radius:30px; z-index:1 }
	.visual .text_wrap strong									{ font-size:2em; }
}
@media all and (max-width:868px){
	.visual														{ height:186px; border-radius:20px; padding:0 1em }
	.visual::before												{ height:20px; }
	.visual::after												{ border-radius:20px; width:100%; background:linear-gradient(to right, rgba(226,244,255,1), rgba(226,244,255,.3));}
	.visual .text_wrap strong									{ font-size:1.75em; }
}
@media all and (max-width:568px){
	.visual														{ height:126px; }
	.visual .text_wrap strong									{ font-size:1.3em; top:35% }
	.visual::after												{ background:linear-gradient(to right, rgba(226,244,255,1), rgba(226,244,255,.5));  }
}
/**********************************************************************
 							location + share
**********************************************************************/
/* location */
.location_wrap													{ width:94%; max-width:1800px; 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; align-items:center; }
.location_wrap .lco>li											{ position:relative; padding:10px 0;}
.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/dauri/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>.loc_btn									{ display:flex; align-items:center;font-size:0.938em;}
.location_wrap .lco>li>a.loc_btn                               	{padding:0 18px 0 15px;}
.location_wrap .lco>li>a.loc_btn::before                      	{content:'';position:absolute;top:50%;right:0;display:block;background:#b2b2b2;border-radius:100%;width:3px;height:3px;margin-top: -1.5px;} 
.location_wrap .lco>li>button.loc_btn                      		{ padding: 0 21px 0 15px;}
.location_wrap .lco>li>button.loc_btn::before					{ position:absolute; right:0; top:50%; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:#b2b2b2; transform:translateY(-80%) rotate(45deg); 
																transition:var(--trans-ani); content:''; vertical-align:middle;  }
.location_wrap .lco>li.active>button::before					{ transform:translateY(-20%) rotate(225deg); }
.location_wrap .lco>li .loc_wrap								{ position:absolute; display:none; top:35px;left:50%;transform:translateX(-50%); z-index:9; 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/dauri/images/common/icon_blank.svg) no-repeat 50% 50% / auto 10px; }
.location_wrap .lco>li .loc_wrap li > a:hover,
.location_wrap .lco>li .loc_wrap li > a:focus					{ opacity:1; font-weight:600;}
.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-left:0;}

/* 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/dauri/images/sub/ico_share.svg); background-size:16px; margin-top:-.5px;}
.location_wrap .page_util>li>button.copy:before					{ background-image:url(/resource/dauri/images/sub/ico_copy_link.svg);}
.location_wrap .page_util>li>button.print:before				{ background-image:url(/resource/dauri/images/sub/ico_print.svg); background-size:17px 16px;}
.location_wrap .page_util>li>button.braille:before				{ background-image:url(/resource/dauri/images/sub/ico_bx_link.svg); background-size:19px 10px;}
.location_wrap .page_util>li>button.braille_down:before			{ background-image:url(/resource/dauri/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; z-index:10; width:calc(var(--sizeHig) + 2px); box-sizing:border-box; background-color:var(--color-white); 
																								border:1px solid #e5e5e5;  text-align:center; z-index:1 ; 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/dauri/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/dauri/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/dauri/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/dauri/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/dauri/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/dauri/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/dauri/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/dauri/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-bottom:1em;}
	.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 .page_util>li.share .share_drop					{ width:calc(var(--sizeHig) + 12px); left:-6px; }
}
@media all and (max-width:468px){
	.location_wrap .lco > li  										{ display:none }
	.location_wrap .lco > li:last-child 							{ display: list-item;}
	.location_wrap .lco > li:last-child::before 					{ display:none}
  .location_wrap .lco [data-location="home"] { display:block; margin-right:0;}
}

/**********************************************************************
 							section_middle 
**********************************************************************/
.section_middle													{ position:relative; display:flex; justify-content:space-between; position:relative; margin-top:5em; --sizeWidth:350px; --sizeHig:50px; }
.section_middle::before											{ position:absolute; width:100%; height:1px; top:var(--sizeHig); content:''; left:0; background:#e5e5e5; }
.section_middle::after											{ position:absolute; width:calc(var(--sizeWidth) - 50px); height:2px; top:calc(var(--sizeHig) - 1px); content:''; left:var(--sizeWidth); background:var(--color-point); }

/* title */
.section_middle .h2_title										{ display:flex; font-size:1.63em; margin-bottom:1.92em; font-weight:bold; line-height:calc(var(--sizeHig) - 5px); height:var(--sizeHig); }
.section_middle .h3_title										{ display:flex; font-size:2.19em; margin-bottom:1.29em; font-weight:bold; line-height:1; color:var(--color-point); height:var(--sizeHig); }

/* lnb */
.section_middle	.lnb_wrap										{ flex:none; width: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.88em; border-left:1px solid #e5e5e5 }
.section_middle	.lnb_wrap .list>li								{ position:relative; }
.section_middle	.lnb_wrap .list>li>a							{ position:relative; display:block; line-height:1; font-size:1.19em; font-weight:600; padding:5px 1.05em; transition:var(--trans-ani); }
.section_middle	.lnb_wrap .list>li::before						{ position:absolute; right:0; top:14.5px; 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; display:none  }
.section_middle	.lnb_wrap .list>li:has(ul)::before				{ display:block; }																																	
.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 0 0 1.25em; padding:1em; background:rgba(0,0,0,.05); flex-flow:column; gap:5px; border-radius:8px; }
.section_middle .lnb_wrap .list>li.active>ul { display:flex;}
.section_middle	.lnb_wrap .list>li>ul>li>a						{ padding:7px 0; font-size:.95em; transition:var(--trans-ani);}
.section_middle	.lnb_wrap .list>li>ul>li.active>a,
.section_middle	.lnb_wrap .list>li>ul>li>a:hover,
.section_middle	.lnb_wrap .list>li>ul>li>a:focus				{ color:var(--color-point); }
.section_middle	.lnb_wrap .list>li.active + ul					{ display:block; }

.section_middle .content										{ flex:auto; width:calc(100% - var(--sizeWidth)); }
@media all and (max-width:1568px){
	.section_middle												{ margin-top:4.5em; --sizeWidth:300px; --sizeHig:50px; }	
	/* title */
	.section_middle .h2_title									{ font-size:1.53em; margin-bottom:1.92em; }
	.section_middle .h3_title									{ font-size:2.09em; margin-bottom:1.29em;  }
	/* lnb */
	.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; --sizeHig:50px; }
	
	/* title */
	.section_middle .h2_title									{ font-size:1.43em; }
	.section_middle .h3_title									{ font-size:1.99em; }
	
	/* lnb */
	.section_middle	.lnb_wrap .list								{ max-width:210px; gap:1.5em; }
	
}
@media all and (max-width:1368px){
	.section_middle												{ margin-top:3.5em; --sizeHig:45px; }	
	/* title */
	.section_middle .h2_title									{ font-size:1.33em; }
	.section_middle .h3_title									{ font-size:1.89em; }	
}
@media all and (max-width:1268px){
	.section_middle												{ margin-top:3em; --sizeWidth:260px; --sizeHig:40px; }	
	/* title */
	.section_middle .h2_title									{ font-size:1.23em; }
	.section_middle .h3_title									{ font-size:1.79em; }	
	/* lnb */
	.section_middle	.lnb_wrap .list								{ max-width:200px; gap:1.25em; }
	.section_middle	.lnb_wrap .list>li>a						{ font-size:1.1em; }
	.section_middle .lnb_wrap .list>li>ul>li>a					{ font-size:.9rem; }
	
}
@media all and (max-width:1168px){
	.section_middle												{ margin-top:2.5em; --sizeWidth:250px; --sizeHig:40px;}
	.section_middle::after										{ left:0; }
	.section_middle	.lnb_wrap									{ display:none; }	
	/* title */
	.section_middle .h3_title									{ font-size:1.79em; margin-bottom:1em}
}
@media all and (max-width:668px){
	.section_middle												{ margin-top:2em; --sizeWidth:200px; --sizeHig:35px;}	
	/* title */
	.section_middle .h3_title									{ font-size:1.7em; margin-bottom:.75em}
}
@media all and (max-width:468px){
	.section_middle												{ --sizeWidth:170px; }	
	/* title */
	.section_middle .h3_title									{ font-size:1.65em; }
}

/**********************************************************************
 							common
**********************************************************************/
.section_middle .type30				{ font-size:1.88em}
.section_middle .type25				{ font-size:1.56em;}
.section_middle .bold				{ font-weight:bold; }
.section_middle .medium 			{ font-weight:600; }
.section_middle .basic_list			{ display:flex; flex-flow:column; gap:2.22em; font-size:1.13em; line-height:1.6; color:#585858; }
.section_middle .basic_list	.sign	{ font-family:var(--font-dobong); color:var(--color-base)}
@media all and (max-width:1568px){
	.section_middle .type30				{ font-size:1.78em}
	.section_middle .type25				{ font-size:1.46em;}
	.section_middle .basic_list			{ gap:2.22em; font-size:1.13em;  }
}
@media all and (max-width:1468px){
	.section_middle .type30				{ font-size:1.68em}
	.section_middle .type25				{ font-size:1.36em;}
	.section_middle .basic_list			{ gap:2em; font-size:1.067em;  }
}
@media all and (max-width:1368px){
	.section_middle .type30				{ font-size:1.58em}
	.section_middle .type25				{ font-size:1.26em;}
}
@media all and (max-width:1268px){
	.section_middle .type30				{ font-size:1.5em}
	.section_middle .type25				{ font-size:1.2em;}
	.section_middle .basic_list			{ gap:1.5em; font-size:1.03em;  }
}
@media all and (max-width:1168px){
	.section_middle .type30				{ font-size:1.4em}
	.section_middle .type25				{ font-size:1.167em;}
}