@charset "utf-8";

/* common */
.content													{ margin-top:50px; margin-bottom:120px; justify-content:space-between; }

/* lnb */
.content .lnb_wrap											{ width:300px;  }
.content .lnb_wrap h2										{ border-radius:20px 20px 0 0; background:linear-gradient(90deg, #216bc0 0%, #101477 30%) 0 0 / 200% 100%; line-height:1; padding:55px 0 75px; font-size:30px; font-weight:700 }
.content .lnb_wrap .lnb_dep1								{ border:1px solid #d8d9db; background:#fff; border-radius:20px; margin-top:-20px; padding:35px 30px }
.content .lnb_wrap .lnb_dep1>li>a							{ display:flex; font-size:18px; line-height:45px; padding:0 5px; font-weight:700; color:#333; align-items:center; justify-content:space-between; }
.content .lnb_wrap .lnb_dep1>li>a .arr						{ position:relative; width:14px; height:14px; }
.content .lnb_wrap .lnb_dep1>li>a .arr::before				{ position:absolute; width:14px; height:2px; background:#5d5d5d; content:''; left:50%; top:50%; transform:translate(-50%,-50%); }
.content .lnb_wrap .lnb_dep1>li>a .arr::after				{ position:absolute; width:2px; height:14px; background:#5d5d5d; content:''; left:50%; top:50%; transform:translate(-50%,-50%); }
.content .lnb_wrap .lnb_dep1>li.active>a .arr::after		{ display:none; }
.content .lnb_wrap .lnb_dep1>li.active>a .arr::before		{ background:#101477; }
.content .lnb_wrap .lnb_dep1>li>a:hover,
.content .lnb_wrap .lnb_dep1>li>a:focus,	
.content .lnb_wrap .lnb_dep1>li.active>a					{ color:#101578; }
.content .lnb_wrap .lnb_dep1>li+li							{ border-top:1px solid #d8d9db; }
.content .lnb_wrap .lnb_dep2								{ display:none; padding:0 10px 10px; }
.content .lnb_wrap .lnb_dep2>li								{ position:relative; padding-left:15px; }
.content .lnb_wrap .lnb_dep2>li::before						{ position:absolute; left:0; top:10.5px; width:5px; height:5px; border-radius:100%; background:#d8d9db; content:''; } 
.content .lnb_wrap .lnb_dep2>li>a							{ display:block; font-size:16px; padding:5px 0; line-height:1.2; font-weight:700; color:#555; }
.content .lnb_wrap .lnb_dep2>li>a.dep3						{ position:relative; }
.content .lnb_wrap .lnb_dep2>li>a.dep3::before				{ position:absolute; right:5px; top:10px; width:5px; height:5px; border-style:solid; border-width:1px 1px 0 0; border-color:#555; transform:rotate(135deg); content:''; transition:all ease 0.2s}
.content .lnb_wrap .lnb_dep2>li.active>a.dep3::before		{ transform:rotate(315deg); top:13px; }	
.content .lnb_wrap .lnb_dep2>li.active>a,
.content .lnb_wrap .lnb_dep2>li>a:hover,
.content .lnb_wrap .lnb_dep2>li>a:focus						{ color:#101578; }
.content .lnb_wrap .lnb_dep2>li.active::before,
.content .lnb_wrap .lnb_dep2>li:hover::before,
.content .lnb_wrap .lnb_dep2>li:focus::before				{ background:#101578; }
.content .lnb_wrap .lnb_dep3								{ padding-bottom:15px; display:none }
.content .lnb_wrap .lnb_dep3>li>a							{ display:block; font-size:14px; line-height:1.2; color:#555; padding:5px 0; font-weight:400}
.content .lnb_wrap .lnb_dep3>li.act>a,
.content .lnb_wrap .lnb_dep3>li>a:hover,
.content .lnb_wrap .lnb_dep3>li>a:focus						{ color:#1850a7; }
.content .lnb_wrap a[target='_blank']::after				{ display:inline-block; width:12px; height:12px; margin-left:5px; background:url(../images/common/icon_blank.png) no-repeat 50% 50% / cover;  transition:all .4s; content:'';}
.content .lnb_wrap a[target='_blank']:hover::after,
.content .lnb_wrap a[target='_blank']:focus::after			{ background-image:url(../images/common/icon_blank_on.png); }


/* contents */
.contents_wrap												{ width:calc(100% - 380px); margin-top:10px; }								
.contents_wrap.full											{ width:100%; }

/* 페이지 경로 */
.contents_wrap .location									{ display:flex; justify-content:space-between; flex-flow:row wrap; gap:2px;}
.contents_wrap .location>ul									{ align-items:center;}
.contents_wrap .location>ul>li								{ position:relative; font-size:15px; line-height:17px; color:#555; margin-right:10px; padding-right:10px }
.contents_wrap .location>ul>li.home a						{ display:inline-block; width:18px; height:17px; background:url(../images/sub/icon_home.png) center center no-repeat; vertical-align: baseline; }
.contents_wrap .location>ul>li::after						{ position:absolute; right:-2px; top:50%; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #828386; content:'';
																transform:translateY(-65%); }
.contents_wrap .location>ul>li:last-child					{ color:#101577; }
.contents_wrap .location>ul>li:last-child::after			{ display:none; }
.contents_wrap .location .tar 								{ font-size:.9em; font-weight:300; opacity:.75; }

/* 페이지 타이틀 및 공유 */
.contents_wrap .page_util									{ position:relative; justify-content:space-between; margin-top:20px; padding-bottom:16px; border-bottom:1px solid #d8d9db;margin-bottom:50px; align-items:center;  line-height:1;}
.contents_wrap .page_title									{ font-size:30px; font-weight:700; color:#111; }
.contents_wrap .btn_wrap									{  gap:0 5px; }
.contents_wrap .btn_wrap>li									{ position:relative; --sizeBtn:40px;}
.contents_wrap .btn_wrap>li>button							{ position:relative; display:inline-flex; justify-content:center; align-items:center; width:var(--sizeBtn); height:var(--sizeBtn); box-sizing:border-box; background-color:var(--color-white); 
																border:1px solid #e9e9e9; border-radius:100%;}
.contents_wrap .btn_wrap>li>button:before					{ content:''; flex:none; display:block; width:20px; height:20px; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; }
.contents_wrap .btn_wrap>li>button							{ position:relative; display:inline-flex; justify-content:center; align-items:center; width:var(--sizeBtn); height:var(--sizeBtn); box-sizing:border-box; background-color:var(--color-white); 
																border:1px solid #e9e9e9; border-radius:100%;}
.contents_wrap .btn_wrap>li>button:before					{ content:''; flex:none; display:block; width:20px; height:20px; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; }	
	
.contents_wrap .btn_wrap>li .icon_printer:before			{ background-image:url(../images/sub/print.svg); }		
.contents_wrap .btn_wrap>li .icon_share:before				{ background-image:url(../images/sub/share.svg); }	
.contents_wrap .btn_wrap>li .icon_zoom_in::before,
.contents_wrap .btn_wrap>li .icon_zoom_in::after			{ position:absolute; left:50%; top:50%; content:''; transform:translate(-50%,-50%); background-color:#737373 } 
.contents_wrap .btn_wrap>li .icon_zoom_in::before			{ width:15px; height:1px; }
.contents_wrap .btn_wrap>li .icon_zoom_in::after			{ width:1px; height:15px; }
.contents_wrap .btn_wrap>li .icon_zoom_out::before			{ position:absolute; left:50%; top:50%; width:15px; height:1px;  content:''; transform:translate(-50%,-50%); background-color:#737373 } 
.contents_wrap .btn_wrap>li>button.braille:before			{ background-image:url(../images/sub/ico_bx_link.svg); }
.contents_wrap .btn_wrap>li>button.braille_down:before		{ background-image:url(../images/sub/ico_bx_down.svg); }
.contents_wrap .zoom_txt									{ display:none; position:absolute; right:15em; top:4px; background:#273f96; padding:10px 15px; border-radius:10px; line-height:1; 
																animation-name:leftmov; -webkit-animation-name:leftmov; animation-duration:2s; -webkit-animation-duration:2s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
.contents_wrap .zoom_txt.on									{ display:block; }
.contents_wrap .zoom_txt span								{ color:#fff; font-weight:300;  }
.contents_wrap .zoom_txt::before							{ width:0; height:0; border-top:5px solid transparent; border-left:10px solid #273f96; border-bottom:5px solid transparent; content:''; position:absolute; right:-6px; top:12px; }
@keyframes leftmov { 
	0% { transform:translateX(0%) }
	50% { transform:translateX(7%) }
	100% { transform:translateX(0%) }
}
@-webkit-keyframes leftmov { 
	0% { -webkit-transform:translateX(0%) }
	50% { -webkit-transform:translateX(7%) }
	100% { -webkit-transform:translateX(0%) }
}
/* sns 공유 */
.contents_wrap .btn_wrap .share_area						{ position:absolute; top:45px; right:0; width:var(--sizeBtn); padding:5px 4px; background:#fff; border-radius:50px; z-index:3; border:1px solid #273f96 }
.contents_wrap .btn_wrap .share_list						{ gap:5px 0; }
.contents_wrap .btn_wrap .share_list li						{ color:#000; --sizeBtn1:30px;  }
.contents_wrap .btn_wrap .share_list li a,
.contents_wrap .btn_wrap .share_list li button				{ padding:0; display:block; }
.contents_wrap .btn_wrap .share_list .icon					{ position:relative; display:flex; justify-content:center; align-items:center; width:var(--sizeBtn1); height:var(--sizeBtn1); box-sizing:border-box; border-radius:100%;}
.contents_wrap .btn_wrap .share_list .icon::before			{ content:''; flex:none; display:block; width:20px; height:20px; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; }
.contents_wrap .btn_wrap .share_list #share_close			{ position:relative;display:inline-flex; justify-content:center; align-items:center; width:var(--sizeBtn1); height:var(--sizeBtn1); box-sizing:border-box; background-color:var(--color-white); 
																border:1px solid #e9e9e9; border-radius:100%;}
.contents_wrap .btn_wrap .share_list #share_close::before,
.contents_wrap .btn_wrap .share_list #share_close::after	{ position:absolute; top:48%; left:7.5px; width:13px; height:1px; background:#333; content:""}
.contents_wrap .btn_wrap .share_list #share_close::before	{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); }
.contents_wrap .btn_wrap .share_list #share_close::after	{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
.contents_wrap .btn_wrap .share_list .facebook				{ background-color:#395694; }
.contents_wrap .btn_wrap .share_list .facebook::before		{ background-image:url(../images/sub/facebook.svg); }
.contents_wrap .btn_wrap .share_list .url					{ background-color:rgba(0,0,0,.4); }
.contents_wrap .btn_wrap .share_list .url::before			{ background-image:url(../images/sub/link.svg); }
.contents_wrap .btn_wrap .share_list .twitter				{ background-color:#1d9bf0; }
.contents_wrap .btn_wrap .share_list .twitter::before		{ background-image:url(../images/sub/twitter.svg); }
.contents_wrap .btn_wrap .share_list .kakao					{ background-color:#f1d900; }
.contents_wrap .btn_wrap .share_list .kakao::before			{ background-image:url(../images/sub/kakaotalk.svg); }
								

/* 콘텐츠 타이틀 */
.contents_wrap .con_title_wrap								{ margin-top:40px; font-size:16px; }
.contents_wrap .con_title_wrap>h5							{ font-size:2.25em; color:#111; line-height:1; font-weight:400; font-family: 'TheJamsil'; }
.contents_wrap .con_title_wrap>h5 em						{ font-weight:bold; }
.contents_wrap .con_title_wrap .sub_txt						{ display:block; margin-top:20px; font-size:1.188em; font-weight:500; color:#606060; }	


/*************** 공통 리스트 ***************/
/* 타원형 리스트 */
.circle_list												{ gap:0 }
.circle_list.li4											{ gap:55px 44px; }		
.circle_list.li4>li											{ flex:1; min-width:calc((100% - 132px) / 4); }								

@media all and (max-width:1568px) {
	/* 서브메뉴 */
	.content .lnb_wrap										{ width:280px; }
	.content .lnb_wrap h2									{ font-size:29px; padding:50px 0 70px }
	.content .lnb_wrap .lnb_dep1							{ padding:30px 25px; }
	.content .lnb_wrap .lnb_dep1>li>a						{ font-size:17.5px; line-height:43px; }
	.content .lnb_wrap .lnb_dep2							{ padding:0 6px 10px; }
	.content .lnb_wrap .lnb_dep2>li>a						{ font-size:15.5px; }
	
	/* contents */
	.contents_wrap											{ width:calc(100% - 340px); }
}
@media all and (max-width:1468px) {
	/* 서브메뉴 */
	.content .lnb_wrap										{ width:260px; }
	.content .lnb_wrap h2									{ font-size:28px; padding:45px 0 65px }
	.content .lnb_wrap .lnb_dep1							{ padding:25px 20px; }
	.content .lnb_wrap .lnb_dep1>li>a						{ font-size:17px; line-height:41px; }
	.content .lnb_wrap .lnb_dep2>li>a						{ font-size:15px; }
	
	/* contents */
	.contents_wrap											{ width:calc(100% - 320px); }
	
	
}
@media all and (max-width:1368px) {
	/* 서브메뉴 */
	.content .lnb_wrap										{ width:250px; }
	

	/* contents */
	.contents_wrap											{ width:calc(100% - 310px); }
	
	/* 타원형 리스트 */
	.circle_list.li4										{ gap:45px 34px; }		
	.circle_list.li4>li										{ min-width:calc((100% - 68px) / 3); }	
}
@media all and (max-width:1268px) {
	/* 서브메뉴 */
	.content .lnb_wrap										{ width:240px; }
	.content .lnb_wrap h2									{ font-size:26px; padding:35px 0 55px }
	.content .lnb_wrap .lnb_dep1							{ padding:20px 18px; }
	
	/* contents */
	.contents_wrap											{ width:calc(100% - 300px); }
}
@media all and (max-width:1168px) {
	/* 서브메뉴 */
	.content .lnb_wrap										{ width:230px; }
	
	/* contents */
	.contents_wrap											{ width:calc(100% - 290px); }
}
@media all and (max-width:1068px) {
	/* 서브메뉴 */
	.content .lnb_wrap										{ width:220px; }
	
	/* contents */
	.contents_wrap											{ width:calc(100% - 280px); }
}
@media all and (max-width:1024px) {	
	/* 서브메뉴 */
	.content .lnb_wrap										{ display:none; }
	
	/* contents */
	.contents_wrap											{ width:100%; margin-top:0; }	
	
	/* 경로 */
	.contents_wrap .location>ul>li							{ font-size:14px; }
	
	/* 페이지 타이틀 */
	.contents_wrap .page_title								{ font-size:29px; }
	.contents_wrap .zoom_txt								{ right:17.25em; }
	
	/* 콘텐츠 타이틀 */
	.contents_wrap .con_title_wrap							{ font-size:15px; }
}													
@media all and (max-width:768px){
	/* 경로 */
	.contents_wrap .location>ul>li							{ font-size:13.5px; }
	
	/* 페이지 타이틀 */
	.contents_wrap .page_title								{ font-size:28px; }
	
	/* 콘텐츠 타이틀 */
	.contents_wrap .con_title_wrap							{ font-size:14px; }
	
	/* 페이지 타이틀 및 공유 */
	.contents_wrap .btn_wrap>li								{ --sizeBtn:38px; }
	.contents_wrap .btn_wrap .share_list li					{ --sizeBtn1:28px; }
	.contents_wrap .btn_wrap>li>button:before				{ width:18px; height:18px; }
	.contents_wrap .btn_wrap>li .icon_zoom_in::before		{ width:13px; }
	.contents_wrap .btn_wrap>li .icon_zoom_in::after		{ height:13px; }
	.contents_wrap .btn_wrap>li .icon_zoom_out::before		{ width:13px; }
}
@media all and (max-width:668px){
	/* 타원형 리스트 */
	.circle_list.li4										{ gap:35px 24px; }		
	.circle_list.li4>li										{ min-width:calc((100% - 24px) / 2); }
	
	/* 페이지 타이틀 및 공유 */
	.contents_wrap .btn_wrap								{ width:100%; margin-top:.5em; }
	.contents_wrap .zoom_txt								{ top:inherit; bottom:18.5px; right:inherit; left:16em; }
	.contents_wrap .zoom_txt::before						{ right:inherit; left:-6px; border-left:0; border-right: 10px solid #273f96 }
}
@media all and (max-width:468px){
	/* 경로 */
	.contents_wrap .location>ul>li							{ font-size:13px; }
	
	/* 페이지 타이틀 */
	.contents_wrap .page_title								{ font-size:27px; }
	
	/* 콘텐츠 타이틀 */
	.contents_wrap .con_title_wrap							{ font-size:13px; }
}