@charset "UTF-8";

/* Noto Sans */
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 300;
	src:url('/font/NotoSansKR-Light.eot');
	src:url('/font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
		url('/font/NotoSansKR-Light.woff2') format('woff2'),
		url('/font/NotoSansKR-Light.woff') format('woff'),
		url('/font/NotoSansKR-Light.ttf') format('truetype'),
		url('/font/NotoSansKR-Light.svg#NotoSansKR-Light') format('svg');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
	src:url('/font/NotoSansKR-Regular.eot');
	src:url('/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
		url('/font/NotoSansKR-Regular.woff2') format('woff2'),
		url('/font/NotoSansKR-Regular.woff') format('woff'),
		url('/font/NotoSansKR-Regular.ttf') format('truetype'),
		url('/font/NotoSansKR-Regular.svg#NotoSansKR-Regular') format('svg');
 }
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:url('/font/NotoSansKR-Medium.eot');
	src:url('/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
		url('/font/NotoSansKR-Medium.woff2') format('woff2'),
		url('/font/NotoSansKR-Medium.woff') format('woff'),
		url('/font/NotoSansKR-Medium.ttf') format('truetype'),
		url('/font/NotoSansKR-Medium.svg#NotoSansKR-Medium') format('svg');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: bold;
	src:url('/font/NotoSansKR-Bold.eot');
	src:url('/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
		url('/font/NotoSansKR-Bold.woff2') format('woff2'),
		url('/font/NotoSansKR-Bold.woff') format('woff'),
		url('/font/NotoSansKR-Bold.ttf') format('truetype'),
		url('/font/NotoSansKR-Bold.svg#NotoSansKR-Bold') format('svg');
 }
/* 'Nanum Square'  */
@font-face {
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: normal;
  src: url('/font/NanumSquareR.eot');
  src: url('/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumSquareR.woff') format('woff'),
       url('/font/NanumSquareR.ttf') format('truetype');
}

/* 공통 변수 정의 */
:root {
	/*  Color Guide
		Background	 	#EEE
		Disabled 		#EEE
		Border 			#AAA
		Placeholder 	#666
		Title			#000
		body			#000
		Primry			var(--pri)
		Blue			#4C85BA
		Green			#56CA00
		Red				#EA292E
	*/
	--white: #FFF;
	--bg-color: #EEE;
	--ds-color: #EEE;
	--bd-color: #AAA;
	--ph-color: #666;
	--pri-txt-color: #000;
	--sub-txt-color: #333;
	--pri: #00ADB2;
	--skyblue: #218CEF;
	--blue: #4C85BA;
	--lightblue : #F7F9FC;
	--deepblue: #003675;
	--green: #56CA00;
	--red: #EA292E;

	--font-lv0: 42px;
	--font-lv1: 34px;
	--font-lv2: 32px;
	--font-lv3: 28px;
	--font-lv4: 22px;
	--font-lv5: 17px;
	--font-lv6: 18px;
	--font-lv7: 16px;
}


body { font-family:"Noto Sans KR", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-weight:400; color:#666; letter-spacing:-0.5px; font-size:13px; }
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre { margin:0; padding:0; }
input, select,textarea { font-family:"Noto Sans KR", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-weight:400; color:#73787a;
	/* select kwon 20251125 고도화 변경 */
	/*padding: 10px 12px;     !* 내부 여백을 줘서 답답하지 않게 *!*/
	/*border: 1px solid #dce0e4;*/ /* 1. 테두리를 연하고 얇게 변경 */
	border-radius: 8px;        /* 2. 핵심! 모서리를 부드럽게 깎기 */
	color: #333;            /* 글자색 */
	/* background-color: #fff;  배경색 흰색 지정 디세이블 배경색 고정 수정*/
	outline: none;          /* 클릭 시 생기는 기본 파란 테두리 제거 */
	transition: all 0.2s;   /* 부드러운 전환 효과 */
}
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
em { font-style:normal; }
ul, ol, li { list-style:none }
fieldset, img { border:none; margin:0; padding:0; }
body a { color:#666; text-decoration:none; }
body a:hover, body a:active,body a:focus { text-decoration:none; }
pre { padding-top:5px; }
table { margin:0; padding:0; border-spacing:0; border:0; }
hr { display:none; }
caption, legend { position:absolute; width:0; height:0; overflow:hidden; text-indent:-9999px; font-size:0; }
td { font-family:"돋움", "Noto Sans KR", Malgun Gothic, Dotum, AppleGothic, sans-serif !important; }

/* skip nav */
#skip_nav a{display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; font-size:20px; color:#000; font-weight:bold; background:#b8e2ec; white-space:nowrap;}
#skip_nav a:focus,
#skip_nav a:active{position:fixed; width:100%; height:20px; line-height:20px; font-size:14px; padding:8px 0; text-align:center;z-index:999;}


/* common */
.mat5 { margin-top:5px !important; }
.mat10 { margin-top:10px !important; }
.mat15 { margin-top:15px !important; }
.mat20 { margin-top:20px !important; }
.mat30 { margin-top:30px !important; }
.mat40 { margin-top:40px !important; }
.mat50 { margin-top:50px !important; }
.mat60 { margin-top:60px !important; }
.mab5 { margin-bottom:5px !important; }
.mal30 { margin-left:30px !important; }

.w-10{ width:10px !important; }
.w-15{ width:15px !important; }
.w-20{ width:20px !important; }
.w-25{ width:25px !important; }
.w-30{ width:30px !important; }
.w-35{ width:35px !important; }
.w-40{ width:40px !important; }
.w-45{ width:45px !important; }
.w-50{ width:50px !important; }
.w-55{ width:55px !important; }
.w-60{ width:60px !important; }
.w-65{ width:65px !important; }
.w-70{ width:70px !important; }
.w-75{ width:75px !important; }
.w-80{ width:80px !important; }
.w-85{ width:85px !important; }
.w-90{ width:90px !important; }
.w-95{ width:95px !important; }
.w-100{ width:100px !important; }
.w-105{ width:105px !important; }
.w-110{ width:110px !important; }
.w-115{ width:115px !important; }
.w-120{ width:120px !important; }
.w-125{ width:125px !important; }
.w-130{ width:130px !important; }
.w-135{ width:135px !important; }
.w-140{ width:140px !important; }
.w-145{ width:145px !important; }
.w-150{ width:150px !important; }
.w-155{ width:155px !important; }
.w-160{ width:160px !important; }
.w-165{ width:165px !important; }
.w-170{ width:170px !important; }
.w-175{ width:175px !important; }
.w-180{ width:180px !important; }
.w-185{ width:185px !important; }
.w-190{ width:190px !important; }
.w-195{ width:195px !important; }
.w-200{ width:200px !important; }
.w-205{ width:205px !important; }
.w-210{ width:210px !important; }
.w-215{ width:215px !important; }
.w-220{ width:220px !important; }
.w-225{ width:225px !important; }
.w-230{ width:230px !important; }
.w-235{ width:235px !important; }
.w-240{ width:240px !important; }
.w-245{ width:245px !important; }
.w-250{ width:250px !important; }
.w-255{ width:255px !important; }
.w-260{ width:260px !important; }
.w-265{ width:265px !important; }
.w-270{ width:270px !important; }
.w-275{ width:275px !important; }
.w-280{ width:280px !important; }
.w-285{ width:285px !important; }
.w-290{ width:290px !important; }
.w-295{ width:295px !important; }
.w-300{ width:300px !important; }



/* 고도화 추가 20251203 */

.w-p-100 {width: 100% !important;}
.w-p-95 {width: 95% !important;}
.w-p-90 {width: 90% !important;}
.w-p-85 {width: 85% !important;}
.w-p-80 {width: 80% !important;}
.w-p-75 {width: 75% !important;}
/* must type */
.must-type::after{content: ' *'; color: var(--red);}
/* textarea 커스텀 공통 */
.textarea {height: 84px; width: 100%; overflow-y: auto; }




.txt_blue { color:#198285 !important; }
.txt_red { color:#a854a1 !important; }
.txt_center { text-align:center !important; }
.txt_letter-0.5 { letter-spacing:-0.5px !important;  }
.txt_small { font-size:13px !important;  }
/* 19.02.15 psy 추가 */
.txt_right { text-align:right !important; }

.back_none { background:none !important; }
.border_l { border-left:1px solid #d8dce0 !important; }


/* layout */
#wrapper { background-color:#e9eaec; }

#header { border-bottom:1px solid #edeff0; background-color:#FFF; }
#header .lnb_box { text-align:right; }
#header .lnb_box .lnb_inner { width:100%; margin:0 auto; position:relative; }

#header .lnb_box .lnb_inner .lnbl {float:left; margin: 20px 0 0 20px;}
#header .lnb_box .lnb_inner .lnbl>li {color:#1D2088; font-size:21px; font-weight:bold; padding-top:14px; font-family:"NanumSquare", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;}
#header .lnb_box .lnb_inner .lnb {float:right; margin-top: 20px;}
#header .lnb_box .lnb_inner .lnb>li { float:left; color:#666; font-size:13px; line-height:48px; }
#header .lnb_box .lnb_inner .lnb>li>a { display:inline-block; color:#333; margin-left:20px; font-size:13px; line-height:48px; }
#header .lnb_box .lnb_inner .lnb>li>a.login { display:inline-block; color:#198285; border:1px solid #198285; border-radius:3px; margin:4px 0 0 0px; font-size:13px; line-height:13px; padding:3px 3px; }
#header .lnb_box .lnb_inner .lnb>li>span.login_after { color:#2f3335; }
#header .lnb_box .lnb_inner .lnb>li>span.login_after>strong { display:inline-block; background:url(/images/common/icon_person.png) left 8px no-repeat; padding-left:15px; margin-right:5px; font-weight:500; line-height:30px; color:#198285; }
#header .lnb_box .lnb_inner .lnb>li>a:hover { color:#198285; font-weight:bold; }
#header .header_inner { width:96%; height:65px; margin:0 auto; }
#header .header_inner h1 { float:left;margin-top: 15px; margin-left: 50px; background:url(/images/common/logo.png) left top no-repeat; width:134px; height:33px; }
#header .header_inner h1>a { display:block; width:134px; height:33px; font-size:0; text-indent:-99999px; }

#container { width:94%; margin:0 auto; overflow:hidden; }

#side { width: 216px; float:left; margin:10px 20px 10px 0px; border-bottom:1px solid #124231;}
#side h2 { height:60px; padding-top:100px; color:#FFF; font-size:23px; line-height:23px; font-weight:500; margin-bottom:20px; text-align:center; background-image:url(/images/common/icon_left.png); background-repeat:no-repeat; }
#side h2.side01 { background-color:#198285; background-position:74px 45px; }
#side h2.side02 { background-color:#5a5ca8; background-position:-76px 45px; }
#side h2.side03 { background-color:#4e72bb; background-position:-226px 45px; }
#side h2.side04 { background-color:#f07b7b; background-position:-376px 45px; }
#side h2.side05 { background-color:#a854a1; background-position:-526px 45px; }
#side h2.side06 { background-color:#e89042; background-position:-676px 45px; }
#side h2.side07 { background-color:#b1b83a; background-position:-826px 45px; }
#side h2.side08 { background-color:#f07b7b; background-position:-976px 45px; }
#side h2.side09 { background-color:#f07b7b; background-position:-1121px 45px; }
#side h2.side10 { background-color:#f07b7b; background-position:-1275px 45px; }
#side h2.side11 { background-color:#5a5ca8; background-position:-1426px 45px; }
#side h2.side12 { background-color:#f07b7b; background-position:-1576px 45px; }
#side h2.side13 { background-color:#f07b7b; background-position:-1726px 45px; }
#side h2.side14 { background-color:#f07b7b; background-position:-1870px 45px; }
#side h2.side15 { background-color:#f07b7b; background-position:-2020px 45px; }
#side h2.side16 { background-color:#f07b7b; background-position:-2170px 45px; }
#side h2.side17 { background-color:#198285; background-position:-526px 45px; }
#side .side_depth01 { background-color:#FFF; }
#side .side_depth01 a { display:inline-block; height:65px; line-height:65px; width:160px; font-size:16px; padding-left:20px; border-bottom:1px solid #d8dce0; letter-spacing:-1px; }
#side .side_depth01 a:hover { margin:0; background-color:#555; color:#FFF; font-weight:500; }
#side .side_depth01 a.side_on { margin:0; background-color:#555; color:#FFF; font-weight:500; }

#contents { float:left; padding:10px 10px 20px; width:1080px; background-color:#FFF; margin:20px 0; }

#footer { clear:both; border-top:1px solid #edeff0; background-color:#FFF; }
#footer .footer_inner { width:1300px; margin:20px auto; position:relative; }
#footer .footer_inner .footer_nav { overflow:hidden; }
#footer .footer_inner .footer_nav li { float:left; background:url(/images/common/footer_line.gif) left 4px no-repeat; padding-left:18px; margin-left:18px; }
#footer .footer_inner .footer_nav li:first-child { background:none; margin-left:0; padding-left:0; }
#footer .footer_inner .footer_nav li a { color:#666; margin-left:3px;}
#footer .footer_inner .footer_nav li a.point_txt { color:#198285; }
#footer .footer_inner .footer_nav li a:hover { text-decoration:underline; }
#footer .footer_inner .footer_add { font-size:13px; color:#666; letter-spacing:0; margin-top:25px; }
#footer .footer_inner .footer_add address { font-style:normal; }
#footer .footer_inner .footer_add span { display:block; margin-top:5px; font-family:"NanumSquare", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; }
#footer .footer_inner .family_site { position:absolute; top:-5px; right:0; height:35px; width:210px; line-height:35px; padding-left:20px; border:1px solid #edeff0; background:url(/images/common/blt_top.png) 92% 13px no-repeat; color:#666; }
#footer .footer_inner .family_site.on { position:absolute; top:-5px; right:0; height:35px; width:210px; line-height:35px; padding-left:20px; border:1px solid #979da0; background:url(/images/common/blt_close.png) 92% 9px no-repeat #727779; color:#FFF; }
#footer .footer_inner .family_site_txt { position:absolute; bottom:95px; right:0; border:1px solid #edeff0; width:200px; padding:10px 15px; height:250px; overflow-y:scroll; background-color:#FFF; line-height:30px; }
#footer .footer_inner .family_site_txt li a { display:block; border-bottom:1px solid #edeff0; }
#footer .footer_inner .family_site_txt li a:hover { color:#198285; }
#footer .footer_inner .footer_logo01 { position:absolute; right:350px; bottom:0; }
#footer .footer_inner .footer_logo02 { position:absolute; right:160px; bottom:0; }
#footer .footer_inner .footer_logo03 { position:absolute; right:0; bottom:0;}
#footer .footer_inner .footer_logo04 { position:absolute; right:65px; bottom:0;}
.txt_blue { color:#00b5b4 !important; }
.txt_red { color:#a854a1 !important; }
.txt_center { text-align:center !important; }

.back_none { background:none !important; }

#quick_m { position:absolute; left:50%; top:132px; margin-left:610px; width:90px; border:1px solid #d8dce0; background-color:#FFF; z-index:9; }
#quick_m ul li {  margin:0 10px; border-bottom:1px solid #d8dce0; padding:15px 0; text-align:center;}
#quick_m ul li:last-child { border-bottom:none; }
#quick_m ul li>a { display:block; background-image:url(/images/common/quick_icon.png); background-repeat:no-repeat; padding-top:40px; line-height:15px; font-size:13px; }
#quick_m ul li>a:hover { display:block; background-image:url(/images/common/quick_icon_on.png); background-repeat:no-repeat; color:#198285; }
#quick_m ul li.quick01>a { background-position:20px 0; }
#quick_m ul li.quick02>a { background-position:-77px 0; }
#quick_m ul li.quick03>a { background-position:-177px 0; }
#quick_m ul li.quick04>a { background-position:-286px 0; padding-top:35px; }
#quick_m ul li.quick05>a { background-position:-384px 0; }

#quick_s { position:absolute; left:50%; top:161px; margin-left:610px; width:90px; border:1px solid #d8dce0; background-color:#FFF; z-index:9; }
#quick_s ul li {  margin:0 10px; border-bottom:1px solid #d8dce0; padding:15px 0; text-align:center;}
#quick_s ul li:last-child { border-bottom:none; }
#quick_s ul li>a { display:block; background-image:url(/images/common/quick_icon.png); background-repeat:no-repeat; padding-top:40px; line-height:15px; font-size:13px; }
#quick_s ul li>a:hover { display:block; background-image:url(/images/common/quick_icon_on.png); background-repeat:no-repeat; color:#198285; }
#quick_s ul li.quick01>a { background-position:20px 0; }
#quick_s ul li.quick02>a { background-position:-77px 0; }
#quick_s ul li.quick03>a { background-position:-177px 0; }
#quick_s ul li.quick04>a { background-position:-286px 0; padding-top:35px; }
#quick_s ul li.quick05>a { background-position:-384px 0; }

/* popup */
#popup { background-color:#f2f3f5; }
#popup .pop_title { background:url(/images/popup/title_logo.gif) right top no-repeat #198285; height:60px; }
#popup .pop_title .p_title { color:#FFF; font-size:25px; line-height:60px; padding-left:20px; letter-spacing:-1.5px; font-weight:500; }
#popup .pop_box { position:relative; background-color:#FFF; border:1px solid #d2d4d8; margin:20px 20px 0; padding:40px 30px; }
#popup .pop_box .pop_box_bg { position:absolute; right:-1px; top:-1px; width:90px; height:65px; }
#popup .pop_box .pop_stitle { text-align:center; }
#popup .pop_box .pop_stitle .p_stitle { color:#198285; font-size:24px; letter-spacing:-1.5px; font-weight:500; margin-bottom:20px; }
#popup .pop_box .pop_stitle>span { display:inline-block; background-color:#198285; width:50px; height:3px; margin-bottom:20px; }
#popup .pop_box .pop_con { position:relative; text-align:left; line-height:20px; }
#popup .pop_footer { margin-top:20px; background-color:#414141; height:40px; line-height:14px; }
#popup .pop_footer .check { position:relative; float:left; height:18px; line-height:18px; color:#FFF; margin-top:9px; }
#popup .pop_footer .check input { width:18px; height:18px; position:absolute; left:20px; top:0px; }
#popup .pop_footer .check label { padding-left:45px; display:inline-block; }
#popup .pop_footer .pop_close { display:block; background:url(/images/popup/btn_close.gif) no-repeat right top; color:#FFF; float:right; padding:0 25px 3px 0; margin:10px 20px 0 0;}
.pop_s_title { background-color:#198285; color:#FFF; font-size:18px; font-weight:500; line-height:18px; padding:13px 0; text-align:center; }
.pop_s_con { padding:20px }
.pop_s_con>ol>li.line01 { margin-top:5px; }
/*2019.04.25 추가*/
#popup .btn_top_close {display:block; background:url(/images/popup/btn_top_close.png) no-repeat;font-size:0;width:21px;height:21px;position:absolute;right:20px;top:20px;}

/* 추가  */
.mat5 { margin-top:5px !important; }


/* 사이트맵 */
.post {margin: 0; padding: 10px 20px; float: left; width: 560px;}

.popup_block{display: none; float: left; width:740px; height:417px; font-size: 1.2em; position: absolute; top: 50%; left: 54%; z-index: 99999;}

.popup_block2{display: none; width:1120px !important; height:700px; position: absolute; top:390px; left:50%; z-index: 99999;background:#fff; padding-right:74px; border:3px solid #4c801a; border-top:none;}
.popup_block2 h1{height:60px; line-height:60px; background:#e5e5e5; color:#333; font-size:32px; padding-right:74px; width:100%;}
.popup_block2 h1 span{margin-left:40px;}
.popup_block2 .siteMap{width:140px; height:320px; margin:49px 0 0 40px; float:left; }
.popup_block2 .siteMap h2{border-bottom:2px solid #333; font-size:20px; color:#464646; padding-bottom:15px;}
.popup_block2 .siteMap ul li a{color:#707070; background:url(/images/biz/comm/arrow_siteMap.gif) no-repeat right 12px; border-bottom:1px solid #d7d7d7; height:40px; line-height:40px; display:block; font-size:14px;}
.popup_block2 .siteMap ul li a:hover{color:#4a7e00; background:url(/images/biz/comm/arrow_siteMap_O.gif) no-repeat right 12px; font-family:'nanumBold'; }



/*
.popup_block2{display: none; float: left; width:929px !important; height:946px !important; font-size: 1.2em; position: absolute; top: 513px; left: 54%; z-index: 99999; background:url(/images/biz/main/bgSitemap2.png) no-repeat; padding:0px 28px;}
.popup_block2 h1{height:43px; background:#dfdfdf; color:#464646; font-size:23px; letter-spacing:-1px; font-family:'nanumBold'; padding-top:20px; margin-bottom:33px; margin-left:-28px;}
.popup_block2 h1 span{margin-left:28px;}
.popup_block2 .siteMap{width:160px; height:334px; margin-right:24px; margin-bottom:30px; float:left;}
.popup_block2 .siteMap h2{border-bottom:2px solid #d4d4d4; font-size:17px; color:#464646; letter-spacing:-1px; font-family:'nanumBold'; margin-bottom:17px; padding-bottom:15px;}
.popup_block2 .siteMap ul li{background:url(/images/biz/main/bgSitemap.gif) -5px bottom no-repeat; height:26px; margin-bottom:18px;}
.popup_block2 .siteMap ul li a{color:#707070; font-size:14px; letter-spacing:-1px; font-family:'nanumBold';}
.popup_block2 .end{margin-right:0px;}
*/

img.btn_close{position: absolute; top:0px; right:0px; z-index:1000;}
img.btn_close2{position: absolute; top:0px; right:90px; z-index:1000;}
img.remove{margin-top: -1; margin-left: 7px;}
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}

.mEvent{float:left; position:relative;}
.mEvent a#play{background:url(/images/biz/main/playBar.png) bottom no-repeat; width:24px; height:24px; display:block; position:absolute; top:135px; right:10px; }
.mEvent a#play.paused{background:url(/images/biz/main/playBar.png) 0px 1px no-repeat; width:24px; height:24px;}

.slideLeft{background:url(/images/biz/main/bgArrow.png) left no-repeat; width:17px; height:54px; text-indent:-9999px; display:block; position:absolute; left:0px; top:0px;}
.slideRight{background:url(/images/biz/main/bgArrow.png) right no-repeat; width:17px; height:54px; text-indent:-9999px; display:block; position:absolute; right:0px; top:0px;}

.slideLeft3{background:url(/images/biz/main/bgArrow3.png) left no-repeat; width:17px; height:76px; text-indent:-9999px; display:block; position:absolute; left:0px; top:0px;}
.slideRight3{background:url(/images/biz/main/bgArrow3.png) right no-repeat; width:17px; height:76px; text-indent:-9999px; display:block; position:absolute; right:0px; top:0px;}


.popHeader {left:0; top:25px; background:url('/images/common/footer_logo01.gif') left top no-repeat; width:218px; height:34px; }
.popHeader .btn_pop_close { position:absolute; right:0px; top:0px; display:inline-block; width:25px; height:30px; background:url('/images/sub/btn_close.png') left top no-repeat; text-indent:-99999px;   background-size: contain;}

.popHeader_nonLogo {left:0; top:25px; width:340px; height:34px; }
.popHeader_nonLogo .btn_pop_close { position:absolute; right:0px; top:0px; display:inline-block; width:25px; height:30px; background:url('/images/sub/btn_close.png') left top no-repeat; text-indent:-99999px;   background-size: contain;}

.mat100 { margin-top:100px !important; }
.mat120 { margin-top:120px !important; }

/* 201228 추가 float */
.float .left{float:left;}
.float .right{float:right;}

.clearfix{zoom:1}
.clearfix:after, .clearfix:before{display:table;content:"";}
.clearfix:after{clear: both;}

/* 210218 추가*/
.hid { position:absolute; width:0; height:0; overflow:hidden; text-indent:-9999px; font-size:0; }

/*20240104*/
.icon_heart{cursor:pointer;vertical-align:bottom;padding-left:22px;min-width:20px;height:20px;border:0;color:#888;font-size:12px;font-weight:500;line-height:18px;overflow:hidden;background-color: transparent;background-position:left center;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2_61' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2_61)'%3E%3Cpath d='M10 16.4391L9.24681 15.758C7.8793 14.5326 6.75083 13.4869 5.86139 12.621C4.97198 11.7551 4.27353 10.9917 3.76606 10.3309C3.25858 9.67013 2.90681 9.07103 2.71077 8.53365C2.51471 7.99626 2.41669 7.45032 2.41669 6.89583C2.41669 5.7826 2.80157 4.8411 3.57133 4.07133C4.3411 3.30157 5.2826 2.91669 6.39583 2.91669C7.08174 2.91669 7.74146 3.07989 8.375 3.40629C9.00854 3.73268 9.55021 4.19983 10 4.80773C10.4498 4.19983 10.9915 3.73268 11.625 3.40629C12.2585 3.07989 12.9183 2.91669 13.6042 2.91669C14.7174 2.91669 15.6589 3.30157 16.4287 4.07133C17.1984 4.8411 17.5833 5.7826 17.5833 6.89583C17.5833 7.45032 17.4888 7.98931 17.2996 8.51281C17.1105 9.03631 16.7623 9.62499 16.2548 10.2788C15.7473 10.9327 15.0467 11.6995 14.153 12.5793C13.2593 13.4591 12.1122 14.5326 10.7115 15.7997L10 16.4391ZM10 14.9792C11.2917 13.821 12.3542 12.8344 13.1875 12.0192C14.0208 11.2041 14.684 10.4944 15.1771 9.89023C15.6701 9.28606 16.0139 8.7492 16.2083 8.27965C16.4028 7.81009 16.5 7.34882 16.5 6.89583C16.5 6.07639 16.2222 5.38889 15.6667 4.83333C15.1111 4.27778 14.4236 4 13.6042 4C13.1127 4 12.6538 4.10337 12.2276 4.3101C11.8013 4.51683 11.3766 4.84883 10.9535 5.3061L10.2244 6.16027H9.77565L9.04648 5.3061C8.61806 4.84349 8.1851 4.51015 7.7476 4.30608C7.3101 4.10203 6.85951 4 6.39583 4C5.58174 4 4.89557 4.27778 4.33733 4.83333C3.77911 5.38889 3.5 6.07639 3.5 6.89583C3.5 7.34882 3.59028 7.79967 3.77083 8.2484C3.95139 8.69712 4.28125 9.22009 4.76042 9.81731C5.23958 10.4145 5.89931 11.1229 6.73958 11.9423C7.57986 12.7618 8.66667 13.774 10 14.9792Z' fill='%23888888'/%3E%3C/g%3E%3C/svg%3E%0A");}
.icon_heart.active{color:#4F9EA0;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3_89' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3_89)'%3E%3Cpath d='M10 16.4391L9.24681 15.758C7.8793 14.5326 6.75083 13.4869 5.86139 12.621C4.97198 11.7551 4.27353 10.9917 3.76606 10.3309C3.25858 9.67013 2.90681 9.07103 2.71077 8.53365C2.51471 7.99626 2.41669 7.45032 2.41669 6.89583C2.41669 5.7826 2.80157 4.8411 3.57133 4.07133C4.3411 3.30157 5.2826 2.91669 6.39583 2.91669C7.08174 2.91669 7.74146 3.07989 8.375 3.40629C9.00854 3.73268 9.55021 4.19983 10 4.80773C10.4498 4.19983 10.9915 3.73268 11.625 3.40629C12.2585 3.07989 12.9183 2.91669 13.6042 2.91669C14.7174 2.91669 15.6589 3.30157 16.4287 4.07133C17.1984 4.8411 17.5833 5.7826 17.5833 6.89583C17.5833 7.45032 17.4888 7.98931 17.2996 8.51281C17.1105 9.03631 16.7623 9.62499 16.2548 10.2788C15.7473 10.9327 15.0467 11.6995 14.153 12.5793C13.2593 13.4591 12.1122 14.5326 10.7115 15.7997L10 16.4391Z' fill='%23198285'/%3E%3C/g%3E%3C/svg%3E%0A");}

#footer .footer_inner .family_site:focus-visible {
	outline: 3px solid #000;
}

#footer .footer_inner .family_site:focus:not(:focus-visible) {
	outline: none;
}

#side .side_depth01 a.side_on:focus-visible {
	outline: 3px solid #000;
}

#side .side_depth01 a.side_on:focus:not(:focus-visible) {
	outline: none;
}

#side .side_depth01 a:focus-visible {
	outline: 3px solid #000;
}

#side .side_depth01 a:focus:not(:focus-visible) {
	outline: none;
}

input:focus-visible {
	outline: 3px solid #000 !important;
}

input:focus:not(:focus-visible) {
	outline: none !important;
}

a:focus-visible {
	outline: 3px solid #000 !important;
}

a:focus:not(:focus-visible) {
	outline: none !important;
}

select:focus-visible {
	outline: 3px solid #000 !important;
}

select:focus:not(:focus-visible) {
	outline: none !important;
}

.col-red 	{color: var(--red);}