@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

@import url('https://fonts.googleapis.com/css?family=Gothic+A1:100,200,300,400,500,600,700,800,900|Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);

/*
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Gothic A1', sans-serif;
font-family: 'Nanum Brush Script', cursive;
font-family: 'Nanum Pen Script', cursive;
font-family: 'NanumSquare', sans-serif;
*/
/******************************************************************************************************* 
기본 태그 설정
********************************************************************************************************/
:root {
	--opacity-b-color0 : rgba(0,0,0,0);
	--opacity-b-color1 : rgba(0,0,0,.1);
	--opacity-b-color2 : rgba(0,0,0,.2);
	--opacity-b-color3 : rgba(0,0,0,.3);
	--opacity-b-color4 : rgba(0,0,0,.4);
	--opacity-b-color5 : rgba(0,0,0,.5);
	--opacity-b-color6 : rgba(0,0,0,.6);
	--opacity-b-color7 : rgba(0,0,0,.7);
	--opacity-b-color8 : rgba(0,0,0,.8);
	--opacity-b-color9 : rgba(0,0,0,.9);
	--opacity-b-color10 : rgba(0,0,0,1);

	--opacity-w-color0 : rgba(255,255,255,0);
	--opacity-w-color1 : rgba(255,255,255,.1);
	--opacity-w-color2 : rgba(255,255,255,.2);
	--opacity-w-color3 : rgba(255,255,255,.3);
	--opacity-w-color4 : rgba(255,255,255,.4);
	--opacity-w-color5 : rgba(255,255,255,.5);
	--opacity-w-color6 : rgba(255,255,255,.6);
	--opacity-w-color7 : rgba(255,255,255,.7);
	--opacity-w-color8 : rgba(255,255,255,.8);
	--opacity-w-color9 : rgba(255,255,255,.9);
	--opacity-w-color10 : rgba(255,255,255,1);

	--main-color1 : #004e9a;
	--main-color2 : #78a5dd;
	--main-color3 : #e4edf8;
	--main-color4 : #bbd2ee;

	--sub-color1 : #333;
	--sub-color2 : #666;
	--sub-color3 : #999;

	--color-fff : #fff;
	--color-f9 : #f9f9f9;
	--color-e9 : #e9e9e9;
	--color-eee : #eee;
	--color-ddd : #ddd;
	--color-ccc : #ccc;
	--color-999 : #999;
	--color-666 : #666;
	--color-333 : #333;
	--color-000 : #000;

	--color-default : #B5B5B5;
	--color-dark : #4B4B4D;
	--color-red : #FF4848;
	--color-blue : #53A5FA;
	--color-green : #73B852;
	--color-yellow : #FDAB29;
	--color-purple : #907EEC;
	--color-brown : #8C6E63;
	--color-orange : #FF6F42;
	--color-indigo : #6284F3;
	--color-teal : #14BAA8;
	--color-pink : #ED407A;

	--popup-footer-color : #393939;

	--rumitab-font-color : #002A47;
	--rumitab-select-color : #e6e6e6;
	--rumitab-select-font-color : #333;
	--rumitab-bg-color : #fafafa;
	--rumitab-border-color : #e6e6e6;

	--basic-font-color : #333;
	--basic-bg-color : #fff;

	--menu-basic-color : #333;
	--menu-select-color : #004e9a;
	--menu-over-color : #004e9a;

	--smenu-basic-color : #333;
	--smenu-select-color : #78a5dd;
	--smenu-over-color : #004e9a;

	--border-color1 : #e5e5e5;
	--border-color2 : #e0e0e0;
	--border-color3 : #e5e5e5;
	--border-color4 : #808080;

	--menu-top-color : #333;

	--footer-bg-color : #333;
	--footer-border : #666;
	--footer-font-color : #ddd;
	--footer-division-line : rgba(255,255,255,.3);
	--footer-adm-link : #fff;
	--copyright-bg-color : #202020;
	--copyright-font-color : #a3a4a6;

	/* swiper */
	--swiper-text-basic : #333;
	--swiper-text-w : #fff;
	--swiper-pagination : #fff;
}
body.is-loading * {-moz-transition: none !important;-webkit-transition: none !important;-o-transition: none !important;-ms-transition: none !important;transition: none !important;-moz-animation: none !important;-webkit-animation: none !important;-o-animation: none !important;-ms-animation: none !important;animation: none !important;}
body, input, select, textarea {font-family:'NanumSquare', 'Nanum Gothic', 'Source Sans Pro', sans-serif;font-size: 16pt;line-height: 1.65em;}

strong, b {font-weight: 600;}
em, i {font-style: italic;}
p, ul, ol, dl, table, blockquote {margin: 0 0 0 0;}
ol {list-style:decimal;}
h1, h2, h3, h4, h5, h6 {color: inherit;font-weight:500;line-height: 1.2em;margin-bottom: 0.5em;word-break: keep-all;word-wrap: break-word;letter-spacing: -0.025em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.2em;padding-top:0.5em;}
sub {font-size: 0.8em;position: relative;top: 0.5em;}
sup {font-size: 0.8em;position: relative;top: -0.5em;}
hr {border-top: solid 0px var(--border-color1);border: 0;margin:0;}
blockquote {border-left: solid 0.5em var(--border-color1);font-style: italic;padding: 1em 0 1em 2em; font-family:'NanumSquare', 'Nanum Gothic', 'Source Sans Pro', sans-serif;}
section.special, article.special {text-align: center;}
header p {color: var(--color-666);font-size: 1.25em;margin-top: -1.25em;margin-bottom: 2.25em;}

#header {position:relative; width:100%;text-align: center;padding: 0 0 0 0;z-index:100; /* border-bottom:1px solid var(--color-ccc); */}

/* 로고 설정 */
#logo a,
#logo2 a,
#footer .logo,
#gnb_all h2 span {width:160px;}
@media (max-width: 840px){
	#logo a, 
	#logo2 a,
	.scDown #logo a, 
	.fp-viewing-001 #logo a, 
	.fp-viewing-002 #logo a, 
	.fp-viewing-003 #logo a, 
	.fp-viewing-004 #logo a, 
	.fp-viewing-005 #logo a {width:136px;background-size:100%;}
}

/* 전체 가로폭 설정 */
#gnb .gnb_wrap {max-width:1440px;}
.container {width:1440px !important;}

/* 서브페이지 페이드인 효과 (tail.sub.php : 스크립트와 같이 작동 됨) */
body {
  opacity: 1;
  transition-duration: 1s;
  transition-property: opacity;
}
body.fade {
  opacity: 0;
}

/******************************************************************************************************* 
컬러 - color
********************************************************************************************************/
html, body, #skel-layers-wrapper {background:var(--basic-bg-color);}
body, input, select, textarea {color: var(--basic-font-color);}

h1 {}
h2 {}
h3 {color:var(--color-333);}
h4 {color:var(--color-333);}
h5 {}

/* 기본 a태그 컬러 ------------------------------------------------------------------------*/
a, a:link {text-decoration: none;}
a i {font-size:1em;}

@media (min-width: 841px) {
	a:active, 
	a:visited,
	a:focus,
	a:hover {color:var(--color-666);text-decoration: none;}
	a, a:hover{
		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;
	}
}
.btn-e {color:var(--color-fff);background-color:var(--color-dark);}
.btn-e-default {color:var(--color-fff);background-color:var(--color-default);border-color:rgba(0, 0, 0, 0.1)}
.btn-e-dark {color:var(--color-fff);background-color:var(--color-dark);}
.btn-e-red {color:var(--color-fff);background-color:var(--color-red);}
.btn-e-blue {color:var(--color-fff);background-color:var(--color-blue);}
.btn-e-green {color:var(--color-fff);background-color:var(--color-green);}
.btn-e-yellow {color:var(--color-fff);background-color:var(--color-yellow);}
.btn-e-purple {color:var(--color-fff);background-color:var(--color-purple);}
.btn-e-brown {color:var(--color-fff);background-color:var(--color-brown);}
.btn-e-orange {color:var(--color-fff);background-color:var(--color-orange);}
.btn-e-indigo {color:var(--color-fff);background-color:var(--color-indigo);}
.btn-e-teal {color:var(--color-fff);background-color:var(--color-teal);}
.btn-e-pink {color:var(--color-fff);background-color:var(--color-pink);}

/* 최상단 링크 컬러 ------------------------------------------------------------------------*/
#hd {background:none;}
#tnb a,
#tnb a:visited {color:var(--menu-top-color);}
@media (min-width: 841px) {
	#tnb a:active, 
	#tnb a:focus,
	#tnb a:hover {color:var(--main-color2);}
}
#tnb .info_color {color:var(--color-yellow);}

/* 상단 젠체 메뉴 컬러 ------------------------------------------------------------------------*/
#gnb .gnb_close_btn {background:var(--color-fff);color:#b6b9bb}
@media (min-width: 841px) {
	#gnb .gnb_close_btn:hover {color:var(--main-color1);}
}
#gnb_all {background-color:var(--color-fff);border:1px solid #c5d6da;}
#gnb_all h2 {border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {color:var(--menu-select-color);}
#gnb_all .gnb_al_li li a {color:var(--color-666)}
@media (min-width: 841px) {
	#gnb_all .gnb_al_li li a:hover {text-decoration: underline;}
}
#gnb_all .gnb_al_li li > ul > li a:hover {background-color:#f4f4f4;}

/* 모바일 우측 사이드 메뉴 컬러 ------------------------------------------------------------------------*/
#snbMvAr a#btnHome {color:var(--color-333);}
#snb > li > h2 {background:var(--color-000);}
#snb > li > h2 a {background:var(--color-000);}
#snb > li > ul > li {border-bottom: 1px solid var(--color-ddd);}
@media (min-width: 841px) {
	#snb > li > ul > li a:hover {background:#f3f3f3;}
}
#snb > li > ul > li.snb2d.active a {background:var(--color-ddd);}
.snbCS {border:1px solid var(--color-ddd);}
.snbHome {background:var(--color-f9);border-bottom:1px solid #f2f2f2;}
.snbHome > a {border:1px solid var(--color-ddd);}

#sideBar #snb .snb.active > h2{border-left:3px solid #008995;}

/* 서브 메뉴 컬러 ------------------------------------------------------------------------*/
/* normal 메뉴 */
.sub-nav-list ul {background:var(--color-fff);border:1px solid var(--color-ddd);}
.sub-nav-list li a {color:var(--color-333);}
.sub-nav-title {border:1px solid var(--color-ddd);}
.sub-nav-title:hover,
.sub-nav-list li.active a {color:var(--main-color2);}
.sub-nav-list li a:hover,
.sub-nav-list li.active a:hover {background:#f8f8f8;}
.sub-nav-home a {color: #909090;}
.sub-nav-home a:hover {color: var(--color-333);}
/* 좌측 메뉴 */
.menu_sub_left .ms_title {background-color:#008995;color:var(--color-fff);}
.menu_sub_left li {}
.menu_sub_left li a {color:var(--color-666);border-bottom:1px solid var(--color-ddd);}
.menu_sub_left li.active a {color:#008995;}
.menu_sub_left li > ul > li > a,
.menu_sub_left li.active > ul > li > a {color:var(--color-666);}
.menu_sub_left li.active > ul.menu_sub_left2 > li.active > a {color:#008995;}
@media (max-width: 840px){
	.scrollbar {background:#eaeaea;}
	.scrollbar .handle {background:#008995;}
	.menu_left_wapper .scrollbar {background:#eaeaea;}
	.menu_left_wapper .scrollbar .handle {background:#008995;}
}
/* 우측 메뉴 */
.menu_sub_right .ms_title {background-color:#008995;color:var(--color-fff);}
.menu_sub_right li {border-bottom:1px solid var(--color-ddd);}
.menu_sub_right li a {color:var(--color-666);}
.menu_sub_right li.active a {color:#008995;}
@media (max-width: 840px){
	.scrollbar {background:#eaeaea;}
	.scrollbar .handle {background:#008995;}
	.menu_right_wapper .scrollbar {background:#eaeaea;}
	.menu_right_wapper .scrollbar .handle {background:#008995;}
}
/* dan 메뉴 */
.sub-nav-wrap {background:rgba(255, 255, 255, 0.9)}
.menu_sub li a {color:var(--smenu-basic-color);}
.menu_sub li a:hover {color:var(--smenu-over-color);}
.menu_sub li a.active {color:var(--smenu-select-color);}
@media (max-width:753px) {
	.menu_sub li a {border:1px solid var(--color-ddd);}
}

/* Scroll to top 컬러 ------------------------------------------------------------------------*/
.scroll-up a {background-color: var(--main-color1);color: var(--color-fff);}
@media (min-width: 841px) {
	.scroll-up a:hover,
	.scroll-up a:active {background-color: var(--main-color2);color: var(--color-fff);}
	.menu_sub li:hover a u {background-color:var(--main-color1);}
}
.menu_sub li a.active u {background-color:var(--main-color1);}

/* 메인 컬러 ------------------------------------------------------------------------*/
/* 스와프 swiper-pagination 컬러 */
#main_roll .swiper-pagination-clickable .swiper-pagination-bullet {background:var(--color-fff);}
#main_roll .swiper-pagination-bullet-active {color:var(--color-333);}
.roll_textbox {background:rgba(0,0,0,.5);}
.roll_textbox li dl dt {background:var(--color-fff);color:var(--color-333);}

.mrolltextBox01 .slogan04 a,
.mrolltextBox02 .slogan04 a,
.mrolltextBox03 .slogan04 a,
.mrolltextBox04 .slogan04 a {border:1px solid var(--color-fff);color:var(--color-fff);}
@media (min-width: 841px) {
	.mrolltextBox01 .slogan04 a:hover,
	.mrolltextBox02 .slogan04 a:hover,
	.mrolltextBox03 .slogan04 a:hover,
	.mrolltextBox04 .slogan04 a:hover {background:var(--color-fff);border:1px solid var(--color-fff);color:rgba(191,30,46,1);}
}

.slogan01 {color:var(--color-fff);}
.slogan02 {color:var(--color-fff);}
.slogan03 {color:var(--color-fff);}
.slogan04 {color:var(--color-fff);}

/* 메인 스테이지 컬러 */
.style1 .bannerZone1 ul li a {background:var(--color-333);color:var(--color-fff);}
.style1 .bannerZone1 ul li a p span {color:var(--color-ddd);}
@media (min-width: 841px) {
	.style1 .bannerZone1 ul li a:hover {background:#008995;}
	.style1 .bannerZone1 ul li a:hover p span {color:var(--color-fff);}
}
.titleBox i {color:var(--color-fff);}

.bannerZone2 a.btnImgBox .textGBox .upTitle {color:var(--color-fff);}
.bannerZone2 a.btnImgBox .textGBox .upTitle2 {color:var(--color-333);}
.bannerZone2 a.btnImgBox .textGBox .upbtn {color:var(--color-fff);border:1px solid var(--color-fff);}
@media (min-width: 841px) {
.bannerZone2 a:hover.btnImgBox .textGBox .upbtn {background:#008995;border:1px solid #008995;color:var(--color-fff);}
}

.bannerZone5 div.ibImgBox {background:var(--color-666);border:10px solid var(--color-666);}
.bannerZone5 div.ibImgBox .ibGroup .ibTitle {color:var(--color-fff);}
.bannerZone5 a.ibImgBox .ibGroup .ibTitle {color:var(--color-333);}
.bannerZone5 a.ibImgBox .ibGroup .ibBtn {color:var(--color-333);}
.bannerZone5 a.ibImgBox {border:10px solid var(--color-ddd);}
.bannerZone5 a.ibImgBox .ibIcon i {color:var(--color-ccc);}
@media (min-width: 841px) {
	.bannerZone5 a:hover.ibImgBox {background:var(--color-e9);border-color:#008995;color:#008995;}
	.bannerZone5 a:hover.ibImgBox .ibGroup .ibTitle,
	.bannerZone5 a:hover.ibImgBox .ibGroup .ibBtn {color:#008995;}
	.bannerZone5 a:hover.ibImgBox .ibIcon i {color:#008995;}
}

/* 매직팝업 컬러 ------------------------------------------------------------------------*/
.mfp-title a {color:var(--color-999);}
@media (min-width: 841px) {
	.mfp-title a:hover {color:#ffcc00;}
}

/* 기본 컬러 ------------------------------------------------------------------------*/
.main_color1 {color:var(--main-color1);}
.main_color2 {color:var(--main-color2);}
.main_color3 {color:var(--main-color3);}
.main_color4 {}
.main_color5 {}
.main_color6 {}
.main_color7 {}
.main_color8 {}
.main_color9 {}
.sub_color1 {color:var(--color-666);}
.sub_color2 {}
.sub_color3 {}
.sub_color4 {}
.sub_color5 {}
.sub_color6 {}
.sub_color7 {}
.sub_color8 {}
.sub_color9 {}

.point_color1 {color:#e3310e}
.point_color2 {}
.point_color3 {}
.point_color4 {}

.fc_white {color:var(--color-fff) !important;}/* 흰색 */
.fc_black {color:var(--color-000) !important;}/* 검은색 */
.fc_blue {color:var(--color-blue) !important;}/* 파란색 */
.fc_green {color:var(--color-green) !important;}/* 녹색 */
.fc_red {color:var(--color-red) !important;}/* 빨간색 */
.fc_yellow {color:var(--color-yellow) !important;}/* 노란색 */
.fc_orange {color:var(--color-orange) !important;}/* 노란색 */

.bgcolor01 {background:var(--color-f9);}

.maincolor {color:#3094cc;}
.subcolor {color:#059a91;}

/* 박스 스타일 컬러 ------------------------------------------------------------------------*/
.maincolor_box1 {background-color:#008995;color:var(--color-fff);}

/******************************************************************************************************* 
폰트 사이즈 - Font Size
********************************************************************************************************/
.font-size-11 {font-size:11px}
.font-size-12 {font-size:12px}
.font-size-13 {font-size:13px}
.font-size-14 {font-size:14px}
.font-size-15 {font-size:15px}
.font-size-16 {font-size:16px}
.font-size-17 {font-size:17px}
.font-size-18 {font-size:18px}
.font-size-19 {font-size:19px}
.font-size-20 {font-size:20px}
.font-size-25 {font-size:25px}
.font-size-30 {font-size:30px}

.big_text {font-size:40px;font-weight:600;letter-spacing:-0.08em;}
/******************************************************************************************************* 
텍스트 정렬
********************************************************************************************************/
.align_left {text-align:left;}
.align_center {text-align:center;}
.align_right {text-align:right;}

/******************************************************************************************************* 
이미지
********************************************************************************************************/
img {border:none;}
.imgoutbox {display:inline-block;}
.imgoutbox img {width:100%;}
.img_wide {width:100%;}
@media (max-width:840px) {
	.imgoutbox {width:100%;}
}

.nophoto {background:var(--color-f9) url(../images/icon/no_photo.png) no-repeat center;min-height:300px;}
/******************************************************************************************************* 
확대 애니메이션
********************************************************************************************************/
@media (min-width: 841px) {
	.zome {
		transition: all 0.9s ease 0s;
		-moz-transition: all 0.9s ease 0s;
		-webkit-transition: all 0.9s ease 0s;
		-o-transition: all 0.9s ease 0s;
	}
	.zome:hover  {
		-moz-transform: scale(1.2) rotate(0deg);
		-webkit-transform: scale(1.2) rotate(0deg);
		-o-transform: scale(1.2) rotate(0deg);
		-ms-transform: scale(1.2) rotate(0deg);
		transform: scale(1.2) rotate(0deg);
	}
}
/*******************************************************************************************************
animation
*******************************************************************************************************/
.scrollpoint {opacity: 0;}
.scrollpoint.active {opacity: 1;}

.delay_01 {animation-delay: 0.1s;}
.delay_02 {animation-delay: 0.2s;}
.delay_03 {animation-delay: 0.3s;}
.delay_04 {animation-delay: 0.4s;}
.delay_05 {animation-delay: 0.5s;}
.delay_06 {animation-delay: 0.6s;}
.delay_07 {animation-delay: 0.7s;}
.delay_08 {animation-delay: 0.8s;}
.delay_09 {animation-delay: 0.9s;}
.delay_10 {animation-delay: 1.0s;}
.delay_11 {animation-delay: 1.1s;}
.delay_12 {animation-delay: 1.2s;}
.delay_13 {animation-delay: 1.3s;}
.delay_14 {animation-delay: 1.4s;}
.delay_15 {animation-delay: 1.5s;}
.delay_16 {animation-delay: 1.6s;}
.delay_17 {animation-delay: 1.7s;}
.delay_18 {animation-delay: 1.8s;}
.delay_19 {animation-delay: 1.9s;}
/******************************************************************************************************* 
테이블
********************************************************************************************************/
.tstyle01 { width:100%; border-top:3px solid var(--color-333); }
.tstyle01 thead th {background:var(--color-e9);text-align:center;}
.tstyle01 thead th,
.tstyle01 tbody th,
.tstyle01 tbody td { padding:0.5em 0; border:1px solid var(--color-ccc);vertical-align: middle; line-height:1.5em;/* white-space: nowrap; */ }
.tstyle01 tbody th {background:#f5f5f5;text-align:center;}
.tstyle01 tbody th,
.tstyle01 tbody td { padding-left:1em; padding-right:1em; }
.tstyle01 tbody td p {margin:0;}
.tstyle01 tbody td ul {}
.tstyle01 tbody td ul li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;font-size:1em;margin-bottom:5px;}
.tstyle01 tbody td dl {display:flex;flex-flow:row;font-size:0.95em;margin-top:3px;}
.tstyle01 tbody td dl dt {white-space:nowrap;padding-right:1em;}
.tstyle01 tbody td dl dt span {background:var(--color-e9);padding:0px 10px 3px;}
.tstyle01 tbody td dl dd {word-break: keep-all;word-wrap: break-word;}

.tsc { text-align:center !important; }
.tsl { text-align:left; }
.tsr { text-align:right; }

/******************************************************************************************************* 
리스트 스타일
********************************************************************************************************/
.page_group, .page_group li {padding:0px;margin:0px;}
.page_group {margin-bottom:3em;}
.page_group .ol_style1 > li > ol,
.page_group .ol_style1 > li > ol > li {}

.listStyle {}
.listStyle ul {}
.listStyle ul li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;margin-bottom:0.5em;word-break: keep-all;word-wrap: break-word;}
.listStyle ul > li > ul {margin-top:0.5em;}
.listStyle ul > li > ul > li {background:url(../images/icon/icon_dot02.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;font-weight:300;margin-bottom:0.3em;}

.listStyle1 {}
.listStyle1 ul {}
.listStyle1 ul li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;margin-bottom:0.5em;}
.listStyle1 ul > li > ul {margin-top:0.5em;}
.listStyle1 ul > li > ul > li {background:url(../images/icon/icon_dot02.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;font-weight:300;margin-bottom:0.3em;}

.listStyle_1 {}
.listStyle_1 ul {}
.listStyle_1 ul li {margin-bottom:0.5em;}
.listStyle_1 ul li dl {display:inline-block;width:100%;clear:both;}
.listStyle_1 ul li dl dt {float:left;width:20%;min-width:95px;text-align:center;background:var(--color-666);color:var(--color-fff);font-weight:400;border-radius:25px;white-space:nowrap;}
.listStyle_1 ul li dl dd {float:left;width:75%;max-width:100%;padding-left:5%;word-break: keep-all;word-wrap: break-word;}
.listStyle_1 ul li dl dd:after {content:"";display:block;clear:both;}
.listStyle_1 > ul > li > dl > dd > ul {margin-top:10px;}
.listStyle_1 > ul > li > dl > dd > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 0px 10px;padding-left:15px;line-height:1.5em;}
.listStyle_1 > ul > li > dl > dd > ul > li > ol {list-style:decimal;padding-left:20px;font-size:16px;margin-top:10px;}
.listStyle_1 > ul > li > dl > dd > ul > li > ol > li {}
.listStyle_1 > ul > li > dl > dd > ul > li > dl > dt {border-radius:0px;background:var(--color-999);}
.listStyle_1 > ul > li > dl > dd > ul > li > dl > dd {padding-left:2%;}
.listStyle_1 > ul > li > dl > dd > ul > li > dl > dd > ul {}
.listStyle_1 > ul > li > dl > dd > ul > li > dl > dd > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 0px 10px;padding-left:15px;}
.listStyle_1 > ul > li > dl > dd > ul > li > ul {margin-top:10px;}
.listStyle_1 > ul > li > dl > dd > ul > li > ul > li {font-size:0.85em;background:url(../images/icon/icon_dot02.gif) no-repeat 0px 10px;padding-left:15px;}
.listStyle_1 > ul > li {}
.listStyle_1 > ul > li > ul {margin-top:10px;}
.listStyle_1 > ul > li > ul > li {background:url(../images/icon/icon_dot02.gif) no-repeat 0px 12px;padding-left:15px;line-height:1.5em;}
.listStyle_1 > ul > li > ul > li > dl {}
.listStyle_1 > ul > li > ul > li > dl > dt {min-width:60px;background:var(--color-999);border-radius:0;}
.listStyle_1 > ul > li > ul > li > dl > dd {max-width:100%;}

@media (max-width:840px) {
	.listStyle_1 ul li dl dt {display:inline-block;width:auto;padding:0px 1em;}
	.listStyle_1 ul li dl dd {width:100%;padding-top:10px;}
}

.listStyle_2 {}
.listStyle_2 ul {}
.listStyle_2 ul li {margin-bottom:0.5em;}
.listStyle_2 ul li dl {display:inline-block;width:100%;clear:both;}
.listStyle_2 ul li dl dt {float:left;width:10%;min-width:95px;text-align:center;background:var(--color-666);color:var(--color-fff);font-weight:400;border-radius:25px;white-space:nowrap;}
.listStyle_2 ul li dl dd {float:left;width:85%;max-width:100%;padding-left:5%;word-break: keep-all;word-wrap: break-word;}
.listStyle_2 ul li dl dd:after {content:"";display:block;clear:both;}
.listStyle_2 ul li dl dd ul {}
.listStyle_2 > ul > li > dl > dd > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 0px 10px;padding-left:15px;}
.listStyle_2 > ul > li > dl > dd > ul > li > ol {list-style:decimal;padding-left:20px;font-size:16px;margin-top:10px;}
.listStyle_2 > ul > li > dl > dd > ul > li > ol > li {}
.listStyle_2 .inListStyle_1 {}
.listStyle_2 .inListStyle_1 ul {}
.listStyle_2 .inListStyle_1 ul li {}
.listStyle_2 .inListStyle_1 ul li dl {}
.listStyle_2 .inListStyle_1 ul li dl dt {min-width:60px;background:var(--color-999);border-radius:0;}
.listStyle_2 .inListStyle_1 ul li dl dd {max-width:100%;}

.listStyle_3 {}
.listStyle_3 ul {display:flex;}
.listStyle_3 ul li {width:100%;}
.listStyle_3 ul li dl {display:flex;width:100%;clear:both;}
.listStyle_3 ul li dl dt,
.listStyle_3 ul li dl dd {padding:8px 0px;border:1px solid var(--color-999);}
.listStyle_3 ul li dl dt {width:40%;text-align:center;background:var(--color-999);color:var(--color-fff);font-weight:400;white-space:nowrap;}
.listStyle_3 ul li dl dd {width:60%;padding-left:5%;background:var(--color-f9);word-break: keep-all;word-wrap: break-word;}

@media (max-width:940px) {
	.listStyle_3 ul {flex-wrap: wrap;align-items: stretch;}
	.listStyle_3 ul li {width:50%;margin-bottom:1px;}
}
@media (max-width:840px) {
	.listStyle_3 ul {flex-wrap: wrap;align-items: stretch;}
	.listStyle_3 ul li {width:100%;margin-bottom:1px;}
}

.listStyle_4 {}
.listStyle_4 ul {}
.listStyle_4 ul li {margin-bottom:0.5em;}
.listStyle_4 ul li dl {display:inline-block;width:100%;clear:both;}
.listStyle_4 ul li dl dt {float:left;width:auto;text-align:center;background:var(--color-666);color:var(--color-fff);font-weight:400;padding:2px 1em;margin-bottom:1em;border-radius:25px;white-space:nowrap;}
.listStyle_4 ul li dl dd {float:left;width:100%;max-width:100%;padding-left:1em;word-break: keep-all;word-wrap: break-word;}
.listStyle_4 ul li dl dd:after {content:"";display:block;clear:both;}
.listStyle_4 ul li dl dd ul {}
.listStyle_4 > ul > li > dl > dd > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 0px 10px;padding-left:15px;}
.listStyle_4 > ul > li > dl > dd > ul > li > ol {list-style:decimal;padding-left:20px;font-size:16px;margin-top:10px;}
.listStyle_4 > ul > li > dl > dd > ul > li > ol > li {}
.listStyle_4 .inListStyle_1 {}
.listStyle_4 .inListStyle_1 ul {}
.listStyle_4 .inListStyle_1 ul li {}
.listStyle_4 .inListStyle_1 ul li dl {}
.listStyle_4 .inListStyle_1 ul li dl dt {min-width:60px;background:var(--color-999);border-radius:0;}
.listStyle_4 .inListStyle_1 ul li dl dd {max-width:100%;}

.listStyle_normal {margin-bottom:1em;}
.listStyle_normal ul {}
.listStyle_normal ul li {line-height:1.5em;margin-bottom:0.5em;}
.listStyle_normal ul > li > ul {margin-top:0.5em;}
.listStyle_normal ul > li > ul > li {background:url(../images/icon/icon_dot02.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;font-weight:300;margin-bottom:0.3em;}

.dan_listStyle2 {}
.dan_listStyle2 ul {display:flex;flex-wrap: wrap;}
.dan_listStyle2 ul li {flex: 0 1 50%;background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;margin-bottom:0.5em;padding-right:2em;word-break: keep-all;word-wrap: break-word;}
.dan_listStyle2 ul > li > ul {margin-top:0.5em;}
.dan_listStyle2 ul > li > ul > li {background:url(../images/icon/icon_dot02.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;font-weight:300;margin-bottom:0.3em;}

@media (max-width:840px) {
	.dan_listStyle2 ul {display:block;}
	.dan_listStyle2 ul li {padding-right:0px;}
}

.photolist_set {display:flex;}
.photo_set {width:40%;margin-right:2em;}
.list_set {width:60%;}

.photo_list {}
.photo_list ul {display:flex;}
.photo_list ul li {width:100%;padding:.5em;}
.photo_list ul li .photo {border:1px solid var(--color-ddd);}
.photo_list ul li .info {word-break: keep-all;word-wrap: break-word;line-height:1.2em;}

.photo_list2 {}
.photo_list2 ul {display:flex;flex-wrap: wrap;}
.photo_list2 ul li {flex: 0 1 50%;padding:.5em;}
.photo_list2 ul li .photo {border:1px solid var(--color-ddd);}
.photo_list2 ul li .photo .imgoutbox {width:100%;}
.photo_list2 ul li .info {text-align:center;word-break: keep-all;word-wrap: break-word;line-height:1.2em;}

.photo_list3 {}
.photo_list3 ul {display:flex;flex-wrap: wrap;justify-content: center;}
.photo_list3 ul li {flex: 0 1 33.3333333%;padding:.5em;}
.photo_list3 ul li .photo {border:1px solid var(--color-ddd);}
.photo_list3 ul li .photo .imgoutbox {width:100%;}
.photo_list3 ul li .info {text-align:center;word-break: keep-all;word-wrap: break-word;line-height:1.2em;}
.photo_list3 ul li .info_name strong {font-size:1.2em;}

.photo_list4 {}
.photo_list4 ul {display:flex;flex-wrap: wrap;}
.photo_list4 ul li {flex: 0 1 25%;padding:.5em;}
.photo_list4 ul li .photo {border:1px solid var(--color-ddd);}
.photo_list4 ul li .photo .imgoutbox {width:100%;}
.photo_list4 ul li .info {text-align:center;word-break: keep-all;word-wrap: break-word;line-height:1.2em;}

.photo_list5 {}
.photo_list5 ul {display:flex;flex-wrap: wrap;}
.photo_list5 ul li {flex: 0 1 20%;padding:.5em;}
.photo_list5 ul li .photo {border:1px solid var(--color-ddd);}
.photo_list5 ul li .photo .imgoutbox {width:100%;}
.photo_list5 ul li .info {text-align:center;word-break: keep-all;word-wrap: break-word;line-height:1.2em;}

.photo_list6 {}
.photo_list6 ul {display:flex;flex-wrap: wrap;}
.photo_list6 ul li {flex: 0 1 16.66666666%;padding:.5em;}
.photo_list6 ul li .photo {border:1px solid var(--color-ddd);}
.photo_list6 ul li .photo .imgoutbox {width:100%;}
.photo_list6 ul li .info {text-align:center;word-break: keep-all;word-wrap: break-word;line-height:1.2em;}

.photo_list7 {}
.photo_list7 ul {display:flex;flex-wrap: wrap;}
.photo_list7 ul li {flex: 0 1 14.28571428571429%;padding:.5em;}
.photo_list7 ul li .photo {border:1px solid var(--color-ddd);}
.photo_list7 ul li .photo .imgoutbox {width:100%;}
.photo_list7 ul li .info {text-align:center;word-break: keep-all;word-wrap: break-word;line-height:1.2em;}

.photo_list8 {}
.photo_list8 ul {display:flex;flex-wrap: wrap;}
.photo_list8 ul li {flex: 0 1 12.5%;padding:.5em;}
.photo_list8 ul li .photo {border:1px solid var(--color-ddd);}
.photo_list8 ul li .photo .imgoutbox {width:100%;}
.photo_list8 ul li .info {text-align:center;word-break: keep-all;word-wrap: break-word;line-height:1.2em;}

.photo_list9 {}
.photo_list9 ul {display:flex;flex-wrap: wrap;}
.photo_list9 ul li {flex: 0 1 11.11111111111111%;padding:.5em;}
.photo_list9 ul li .photo {border:1px solid var(--color-ddd);}
.photo_list9 ul li .photo .imgoutbox {width:100%;}
.photo_list9 ul li .info {text-align:center;word-break: keep-all;word-wrap: break-word;line-height:1.2em;}

@media (max-width:840px) {
	.photo_list ul li {flex: 1 1 40%;}
	.photo_list2 ul li,
	.photo_list3 ul li,
	.photo_list4 ul li {flex: 0 1 50%;}
}

.photo_dan2 {}
.photo_dan2 ul {display:flex;justify-content: center;align-items: center;}
.photo_dan2 ul.reverse {flex-direction: row-reverse;}/*역순*/
.photo_dan2 ul li {width:100%;}
.photo_dan2 ul li dl {padding:0px 5em;}
.photo_dan2 ul li dl dt {font-size:1.8em;font-weight:800;}
.photo_dan2 ul li dl dd {}
.photo_dan2 ul li dl dd p {line-height:1.8em;margin:1em 0px 0px 0px;}
.photo_dan2 ul li dl dd p span {display:block;}
@media (max-width:840px) {
	.photo_dan2 ul {flex-direction: column;}
	.photo_dan2 ul.reverse {flex-direction: column;}/*역순*/
	.photo_dan2 ul li dl {padding:1.5em 0px;}
}


.list_style_webzin {}
.list_style_webzin ul {display:flex;flex-flow:wrap;width:100%;}
.list_style_webzin ul > li {display:flex;flex-flow:nowrap ;width:100%;}
.list_style_webzin ul > li:not(:last-child) {margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid var(--color-ddd);}
.list_style_webzin ul > li > .photo {width:350px;min-width:350px;}
.list_style_webzin ul > li > .info {display:flex;flex-wrap:wrap;flex-direction: column;justify-content: center;padding-left:2em;word-break: keep-all;word-wrap: break-word;}
.list_style_webzin ul > li > .info > ul {display:block;}
.list_style_webzin ul > li > .info p {display:block;width:100%;margin:0px;}
.list_style_webzin ul > li > .info .text_zone1 {color:#00529a;font-size:2.5em;font-family: 'Nanum Myeongjo', serif;font-weight:600;}
.list_style_webzin ul > li > .info .text_zone2 {background:#00529a;color:var(--color-fff);font-size:1.7em;font-family: 'Nanum Myeongjo', serif;padding:.2em 1em;}
.list_style_webzin ul > li > .info .text_zone2 span {color:#ffce01;font-family: 'Nanum Myeongjo', serif;font-weight:600;}
.list_style_webzin ul > li > .info .text_zone3 {font-size:1.2em;padding-top:0.3em;}
.list_style_webzin ul > li > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;margin:0px;margin-bottom:0.3em;}

.list_style_webzin2 {}
.list_style_webzin2 ul {display:flex;flex-flow:wrap;width:100%;}
.list_style_webzin2 ul > li {display:flex;flex-flow:nowrap ;width:100%;}
.list_style_webzin2 ul > li:not(:last-child) {margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid var(--color-ddd);}
.list_style_webzin2 ul > li > .photo {width:350px;min-width:350px;}
.list_style_webzin2 ul > li > .info {display:flex;flex-wrap:wrap;flex-direction: column;justify-content: center;padding-left:2em;word-break: keep-all;word-wrap: break-word;}
.list_style_webzin2 ul > li > .info > ul {display:block;}
.list_style_webzin2 ul > li > .info p {display:block;width:100%;margin:0px;}
.list_style_webzin2 ul > li > .info .text_zone1 {color:#00529a;font-size:2.5em;font-family: 'Nanum Myeongjo', serif;font-weight:600;}
.list_style_webzin2 ul > li > .info .text_zone2 {background:#00529a;color:var(--color-fff);font-size:1.7em;font-family: 'Nanum Myeongjo', serif;padding:.2em 1em;}
.list_style_webzin2 ul > li > .info .text_zone2 span {color:#ffce01;font-family: 'Nanum Myeongjo', serif;font-weight:600;}
.list_style_webzin2 ul > li > .info .text_zone3 {font-size:1.2em;padding-top:0.3em;}
.list_style_webzin2 ul > li > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;margin:0px;margin-bottom:0.3em;}

.list_style_webzin3 {margin-top:2em;}
.list_style_webzin3 ul {display:flex;flex-flow:wrap;width:100%;}
.list_style_webzin3 ul > li {display:flex;flex-flow:nowrap ;width:100%;}
.list_style_webzin3 ul > li:not(:last-child) {margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid var(--color-ddd);}
.list_style_webzin3 ul > li > .photo {width:350px;min-width:350px;}
.list_style_webzin3 ul > li > .info {display:flex;flex-wrap:wrap;flex-direction: column;padding-left:2em;word-break: keep-all;word-wrap: break-word;}
.list_style_webzin3 ul > li > .info > ul {display:block;}
.list_style_webzin3 ul > li > .info p {display:block;width:100%;margin:0px;}
.list_style_webzin3 ul > li > .info h4 {font-size:1.5em;margin:.5em 0px;}
.list_style_webzin3 ul > li > .info .text_zone {font-size:1em;}
.list_style_webzin3 ul > li > .info > .dl_style {margin-bottom:.8em;}
.list_style_webzin3 ul > li > .info > .dl_style dl {display:flex;}
.list_style_webzin3 ul > li > .info > .dl_style dl > dt {width:120px;}
.list_style_webzin3 ul > li > .info > .dl_style dl > dt > span {display:block;background-color:var(--color-666);color:var(--color-fff);text-align:center;padding:3px 15px;margin-right:1em;border-radius: 25px;white-space:nowrap;}
.list_style_webzin3 ul > li > .info > .dl_style dl > dd {padding-top:3px;word-break: keep-all;word-wrap: break-word;}
.list_style_webzin3 ul > li > .info > .dl_style dl > dd > p {display:block;margin-bottom:7px;}
.list_style_webzin3 ul > li > .info > .dl_style dl > dd > p > strong {display:inline-block;background:var(--color-ddd);padding:3px 10px;margin-right:10px;}
.list_style_webzin3 ul > li > .info > .dl_style dl > dd > ul {}
.list_style_webzin3 ul > li > .info > .dl_style dl > dd > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0px 0px 0px 1.5em;line-height:1.5em;margin-bottom:0.3em;}
.list_style_webzin3 ul > li > .info > .dl_style dl > dd > ol {padding-left:1.5em;}
.list_style_webzin3 ul > li > .info > .dl_style dl > dd > ol > li {}
.list_style_webzin3 ul > li > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;margin:0px;margin-bottom:0.3em;}

@media (max-width:840px) {
	.list_style_webzin ul {display:block;}
	.list_style_webzin ul > li {display:block;}
	.list_style_webzin ul > li > .photo {width:100%;}
	.list_style_webzin ul > li > .info {padding-left:0px;}

	.list_style_webzin2 ul {display:block;}
	.list_style_webzin2 ul > li {display:block;}
	.list_style_webzin2 ul > li > .photo {width:100%;}
	.list_style_webzin2 ul > li > .info {padding-left:0px;}

	.list_style_webzin3 ul {display:block;}
	.list_style_webzin3 ul > li {display:block;}
	.list_style_webzin3 ul > li > .photo {width:100%;}
	.list_style_webzin3 ul > li > .info {padding-left:0px;padding-top:1em;}
}

.ol_style1 {margin-bottom:1em;}
.ol_style1 ol {padding-left:1.5em;word-break: keep-all;word-wrap: break-word;}
.ol_style1 ol > li {line-height:1.5em;margin-bottom:.5em;}
.ol_style1 ol > li > ol > li {font-size:16px;color:var(--color-666);}
.ol_style1 ol > li > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0 0 0 0.8em;line-height:1.5em;margin-bottom:0.3em;}

.ol_style2 {padding:1em 1em 0px 1em;border:1px solid var(--color-ddd);}
.ol_style2 ol {display:flex;flex-wrap: wrap;width:100%;padding:0px 0px 0px 0px;margin-left:-1.5em;}
.ol_style2 ol > li {flex: 1 1 40%;padding:0px 3em 0px 0px;margin:0px 0px 2em 0px;}
.ol_style2 ol > li > dl {}
.ol_style2 ol > li > dl > dt {}
.ol_style2 ol > li > dl > dd {}

.dl_style {margin-bottom:.8em;}
.dl_style dl {display:flex;}
.dl_style dl > dt {}
.dl_style dl > dt > span {display:block;background-color:var(--color-666);color:var(--color-fff);padding:3px 15px;margin-right:1em;border-radius: 25px;white-space:nowrap;}
.dl_style dl > dd {padding-top:3px;word-break: keep-all;word-wrap: break-word;}
.dl_style dl > dd > p {display:block;margin-bottom:3px;}
.dl_style dl > dd > p > strong {background:var(--color-ddd);padding:0px 10px;}
.dl_style dl > dd > ul {}
.dl_style dl > dd > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0px 0px 0px 1.5em;line-height:1.5em;margin-bottom:0.3em;}
.dl_style dl > dd > ol {padding-left:1.5em;}
.dl_style dl > dd > ol > li {}

.dl_style1 {margin-bottom:.8em;}
.dl_style1 dl {display:flex;}
.dl_style1 dl > dt {margin-right:1em;white-space:nowrap;}
.dl_style1 dl > dd {word-break: keep-all;word-wrap: break-word;}
.dl_style1 dl > dd > ul {}
.dl_style1 dl > dd > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0px 0px 0px 1.5em;line-height:1.5em;margin-bottom:0.3em;}
.dl_style1 dl > dd > ol {padding-left:1.5em;}
.dl_style1 dl > dd > ol > li {}

.dl_style2 {border-top:1px solid var(--color-ddd);border-bottom:1px solid var(--color-ddd);padding:1em 0px;margin-bottom:.8em;}
.dl_style2 dl {display:flex;}
.dl_style2 dl > dt {background:var(--color-666);border-radius: 25px;color:var(--color-fff);padding:0px 1em;margin-right:1em;white-space:nowrap;}
.dl_style2 dl > dd {word-break: keep-all;word-wrap: break-word;}
.dl_style2 dl > dd > ul {}
.dl_style2 dl > dd > ul > li {background:url(../images/icon/icon_dot01.gif) no-repeat 3px 11px;padding:0px 0px 0px 1.5em;line-height:1.5em;margin-bottom:0.3em;}
.dl_style2 dl > dd > ol {padding-left:1.5em;}
.dl_style2 dl > dd > ol > li {}

.in_liststyle_1em {padding-left:1em;}
.in_liststyle_2em {padding-left:2em;}
.in_liststyle_3em {padding-left:3em;}
.in_liststyle_4em {padding-left:4em;}
.in_liststyle_5em {padding-left:5em;}
.in_liststyle_6em {padding-left:6em;}

.icon_gallery3 {}
.icon_gallery3 ul {display:flex;flex-wrap: wrap;justify-content: center;}
.icon_gallery3 ul li {width:33.3333333%;padding:2em;}
.icon_gallery3 ul li .ig_outbox {border-radius:20px;border:1px solid var(--border-color4);padding:2em 3em;width:100%;height:100%;display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.icon_gallery3 ul li .ig_outbox p {margin:0px;}
.icon_gallery3 ul li .ig_outbox .photo {padding:0em 4em;}
.icon_gallery3 ul li .ig_outbox .photo .imgoutbox {width:100%;}
.icon_gallery3 ul li .ig_outbox .info {text-align:center;word-break: keep-all;word-wrap: break-word;line-height:1.5em;font-weight:800;font-size:1.5em;padding-top:1em;}
.icon_gallery3 ul li .ig_outbox .info_name strong {font-size:2em;}
@media (max-width:1280px) {
	.icon_gallery3 ul li .ig_outbox .photo {padding:0px;}
	.icon_gallery3 ul li .ig_outbox .info {font-size:1.2em;}
}
@media (max-width:840px) {
	.icon_gallery3 ul li {width:50%;padding:1em;}
}
@media (max-width:580px) {
	.icon_gallery3 ul li .ig_outbox .info {font-size:1em;}
	.icon_gallery3 ul li .ig_outbox {padding:1.5em 2em;}
}
@media (max-width:414px) {
	.icon_gallery3 ul li {padding:.5em;}
	.icon_gallery3 ul li .ig_outbox .info {font-size:0.75em;}
}
@media (max-width:280px) {
	.icon_gallery3 ul li {width:100%;}
}

.title_gallery {}
.title_gallery ul {display:flex;flex-wrap: wrap;}
.title_gallery ul li {width:50%;padding:1em;}
.title_gallery ul li .pigroup {}
.title_gallery ul li .pigroup .photo {}
.title_gallery ul li .pigroup .info {}
.title_gallery ul li .pigroup .info p {padding:.5em 0px;text-align:center;}
.title_gallery ul li .pigroup .info dl {margin-top:1em;}
.title_gallery ul li .pigroup .info dl dt {font-weight:800;margin-bottom:0.5em;font-size:1.1em;}
.title_gallery ul li .pigroup .info dl dd {font-size:0.8em;}
@media (max-width:840px) {
	.title_gallery ul li {padding:.5em;}
	.title_gallery ul li .pigroup .info dl dt {font-size:1em;word-break: keep-all;word-wrap: break-word;}
}
@media (max-width:414px) {
	.title_gallery ul li {padding:.5em;}
}
@media (max-width:280px) {
	.title_gallery ul li {width:100%;padding:0px;}
	.title_gallery ul li .pigroup .info dl dt {font-size:.9em;}
}

.title_gallery2 {}
.title_gallery2 ul {display:flex;flex-wrap: wrap;}
.title_gallery2 ul li {width:50%;padding:1em;}
.title_gallery2 ul li .pigroup {}
.title_gallery2 ul li .pigroup .photo {border:1px solid #ddd;}
.title_gallery2 ul li .pigroup .info {}
.title_gallery2 ul li .pigroup .info p {padding:.5em 0px;text-align:center;}
.title_gallery2 ul li .pigroup .info dl {margin-top:1em;}
.title_gallery2 ul li .pigroup .info dl dt {font-weight:800;margin-bottom:0.5em;font-size:1.1em;}
.title_gallery2 ul li .pigroup .info dl dd {font-size:0.8em;}
@media (max-width:414px) {
	.title_gallery2 ul li {padding:.5em;}
}
@media (max-width:280px) {
	.title_gallery2 ul li {width:100%;padding:0px;}
	.title_gallery2 ul li .pigroup .info dl dt {font-size:.9em;}
}

.photogallery_list {}
.photogallery_list ul {display:flex;flex-wrap: wrap;}
.photogallery_list ul li {padding:1em !important;}
.photogallery_list ul.division2 li {width:50%;}
.photogallery_list ul.division3 li {width:33.3333333%;}
.photogallery_list ul.division4 li {width:25%;}
.photogallery_list ul.division5 li {width:20%;}
.photogallery_list ul li .pigroup {}
.photogallery_list ul li .pigroup .photo {border:1px solid #ddd;}
.photogallery_list ul li .pigroup h4 {background-color:#e5e5e5;font-size:1.2em;font-weight:800;padding:.5em 1em 0.45em;}
.photogallery_list ul li .pigroup .info {}
.photogallery_list ul li .pigroup .info p {padding:.5em 0px;text-align:center;}
.photogallery_list ul li .pigroup .info dl {margin:1em 0px 0px 1.2em;}
.photogallery_list ul li .pigroup .info dl dt {font-weight:700;margin-bottom:0.5em;font-size:1em;}
.photogallery_list ul li .pigroup .info dl dd {font-size:0.8em;}
@media (max-width:840px) {
	.photogallery_list ul li {padding:1em 0px !important;}
	.photogallery_list ul.division3 li {width:100%;}
	.photogallery_list ul.division4 li,
	.photogallery_list ul.division5 li {width:50%;}
}
@media (max-width:280px) {
	.photogallery_list ul.division3 li,
	.photogallery_list ul.division4 li,
	.photogallery_list ul.division5 li {width:100%;}
}

.photogallery_list2 {}
.photogallery_list2 ul {display:flex;flex-wrap: wrap;}
.photogallery_list2 ul li {padding:1em !important;}
.photogallery_list2 ul.division2 li {width:50%;}
.photogallery_list2 ul.division3 li {width:33.3333333%;}
.photogallery_list2 ul.division4 li {width:25%;}
.photogallery_list2 ul.division5 li {width:20%;}
.photogallery_list2 ul li .pigroup {}
.photogallery_list2 ul li .pigroup .photo {border:1px solid #ddd;}
.photogallery_list2 ul li .pigroup h4 {font-size:1em;font-weight:700;text-align:center;padding:.5em 1em 0.45em;margin:0px;}
.photogallery_list2 ul li .pigroup h4 span {display:block;}
.photogallery_list2 ul li .pigroup .info {}
.photogallery_list2 ul li .pigroup .info p {padding:.5em 0px;text-align:center;}
.photogallery_list2 ul li .pigroup .info dl {margin:1em 0px 0px 1.2em;}
.photogallery_list2 ul li .pigroup .info dl dt {font-weight:700;margin-bottom:0.5em;font-size:1em;}
.photogallery_list2 ul li .pigroup .info dl dd {font-size:0.8em;}
@media (max-width:840px) {
	.photogallery_list2 ul.division4 li {width:50%;}
}
@media (max-width:280px) {
	.photogallery_list2 ul.division4 li {width:100%;}
}

.webzin_list {}
.webzin_list > ul {}
.webzin_list > ul > li {display:flex;margin-bottom:6em;}
.webzin_list > ul > li > .photo,
.webzin_list > ul > li > .info {width:100%;}
.webzin_list > ul > li > .photo {}
.webzin_list > ul > li > .info {display:flex;flex-direction: column;justify-content: center;/* align-items: center; */padding-left:3.5em;}
.webzin_list > ul > li > .info > dl {}
.webzin_list > ul > li > .info > dl > dt {font-size:1.5em;font-weight:800;}
.webzin_list > ul > li > .info > dl > dd {}
.webzin_list > ul > li > .info > dl > dd > ul {margin-top:.5em;}
.webzin_list > ul > li > .info > dl > dd > ul > li {background:url(../images/icon/icon_dot02.gif) no-repeat 0px 15px;padding-left:1em;line-height:2em;}
@media (max-width:1280px) {
	.webzin_list > ul > li > .info {padding:0px 2em;}
}
@media (max-width:840px) {
	.webzin_list > ul > li {flex-direction: column;margin-bottom:4em;}
	.webzin_list > ul > li > .info {padding:2em 0px;}
}

.webzin_list2 {}
.webzin_list2 > ul {}
.webzin_list2 > ul > li {display:flex;margin-bottom:6em;}
.webzin_list2 > ul > li > .photo,
.webzin_list2 > ul > li > .info {width:100%;}
.webzin_list2 > ul > li > .photo {border:2px solid #4d4d4d;}
.webzin_list2 > ul > li > .info {display:flex;flex-direction: column;justify-content: center;align-items: center;}
.webzin_list2 > ul > li > .info > dl {width:509px;}
.webzin_list2 > ul > li > .info > dl > dt {font-size:1.5em;font-weight:800;}
.webzin_list2 > ul > li > .info > dl > dd {}
.webzin_list2 > ul > li > .info > dl > dd > p {margin:.5em 0px 1em;}
.webzin_list2 > ul > li > .info > dl > dd > ul {margin-top:.5em;background-color:#e6e6e6;padding:.5em 1em;}
.webzin_list2 > ul > li > .info > dl > dd > ul > li {background:url(../images/icon/icon_dot02.gif) no-repeat 0px 15px;padding-left:1em;line-height:2em;}
@media (max-width:1280px) {
	.webzin_list2 > ul > li > .info {padding:0px 2em;}
}
@media (max-width:840px) {
	.webzin_list2 > ul > li {flex-direction: column;margin-bottom:4em;}
	.webzin_list2 > ul > li > .info {padding:2em 0px;}
}

.gallery_card {display:flex;margin:3em 0px;}
.gallery_card .left {width:60%;}
.gallery_card .right {width:40%;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.gallery_card .right .indata {text-align:center;}
.gallery_card .right .indata i {display:inline-block;padding:0em 1em 2em;}
.gallery_card .right .indata h4,
.gallery_card .right .indata p {padding:0px;margin:0px;}
.gallery_card .right .indata h4 {font-size:1.5em;font-weight:800;}
.gallery_card .right .indata p {margin:.5em 0px;line-height:2em;}
/*역순 정렬*/
.width_reverse {flex-direction: row-reverse;}
/******************************************************************************************************* 
페이지 구분
********************************************************************************************************/
.dan_group {display:inline-block;width:100%;}

.dan01 {display:block;}
.dan02, .dan025, .dan03, .dan04, .dan05, .dan06, .dan07, .dan08, .dan09 {display:inline-block;float:left;}
.dan02 .dan_in, .dan03 .dan_in, .dan04 .dan_in, .dan05 .dan_in, .dan06 .dan_in, .dan07 .dan_in, .dan08 .dan_in, .dan09 .dan_in .dan_in {padding:0.3em 0.3em;}
.dan02 a, .dan03 a, .dan04 a, .dan05 a, .dan06 a, .dan07 a, .dan08 a, .dan09 a {display:block;}
.dan02 .dan_in .image.featured, .dan03 .dan_in .image.featured, .dan04 .dan_in .image.featured, .dan05 .dan_in .image.featured, .dan06 .dan_in .image.featured, .dan07 .dan_in .image.featured, .dan08 .dan_in .image.featured, .dan09 .dan_in .image.featured .dan_in  .image.featured {margin:0 !important;border:1px solid var(--color-ccc) !important;}
.dan01 {width:100%;}
.dan02 {width:50%;}
.dan025 {width:44%;}
.dan03 {width:33.3333%;}
.dan04 {width:25%;}
.dan05 {width:20%;}
.dan06 {width:16.6666%;}
.dan07 {width:14.2857%;}
.dan08 {width:12.5%;}
.dan09 {width:11.1111%;}

.dan5,.dan10,.dan15,.dan20,.dan25,.dan30,.dan35,.dan40,.dan45,.dan50,.dan55,.dan60,.dan65,.dan70,.dan75,.dan80,.dan85,.dan90,.dan95,.dan100 {display:inline-block;float:left;}
.dan5 {width:5%;}
.dan10 {width:10%;}
.dan15 {width:15%;}
.dan20 {width:20%;}
.dan25 {width:25%;}
.dan30 {width:30%;}
.dan35 {width:35%;}
.dan40 {width:40%;}
.dan45 {width:45%;}
.dan50 {width:50%;}
.dan55 {width:55%;}
.dan60 {width:60%;}
.dan65 {width:65%;}
.dan70 {width:70%;}
.dan75 {width:75%;}
.dan80 {width:80%;}
.dan85 {width:85%;}
.dan90 {width:90%;}
.dan95 {width:95%;}
.dan100 {width:100%;}

.dan-12,.dan-11,.dan-10,.dan-9,.dan-8,.dan-7,.dan-6,.dan-5,.dan-4,.dan-3,.dan-2,.dan-1 {display:inline-block;float:left;}
.dan-12 {width:100%;}
.dan-11 {width:91.66666667%;}
.dan-10 {width:83.33333333%;}
.dan-9 {width:75%;}
.dan-8 {width:66.666666%;}
.dan-7 {width:58.33333333%;}
.dan-6 {width:50%;}
.dan-5 {width:41.66666667%;}
.dan-4 {width:33.333333%;}
.dan-3 {width:25%;}
.dan-2 {width:16.66666667%;}
.dan-1 {width:8.3333333%;}
/******************************************************************************************************* 
여백
********************************************************************************************************/
.pd_05em {padding:0.5em;}
.pd_1em {padding:1em;}
.pd_2em {padding:2em;}
.pd_3em {padding:3em;}
.pdt_1em {padding-top:1em;}
.pdt_2em {padding-top:2em;}
.pdt_3em {padding-top:3em;}
.pdl_1em {padding-left:1em;}
.pdl_2em {padding-left:2em;}
.pdl_3em {padding-left:3em;}
.pdb_1em {padding-bottom:1em;}
.pdb_2em {padding-bottom:2em;}
.pdb_3em {padding-bottom:3em;}
.pdr_1em {padding-right:1em;}
.pdr_2em {padding-right:2em;}
.pdr_3em {padding-right:3em;}

.mg_05em {margin:0.5em !important;}
.mg_1em {margin:1em !important;}
.mg_2em {margin:2em !important;}
.mg_3em {margin:3em !important;}
.mgt_05em {margin-top:0.5em !important;}
.mgt_1em {margin-top:1em !important;}
.mgt_2em {margin-top:2em !important;}
.mgt_3em {margin-top:3em !important;}
.mgt_4em {margin-top:4em !important;}
.mgt_5em {margin-top:5em !important;}
.mgl_1em {margin-left:1em !important;}
.mgl_2em {margin-left:2em !important;}
.mgl_3em {margin-left:3em !important;}
.mgb_1em {margin-bottom:1em !important;}
.mgb_2em {margin-bottom:2em !important;}
.mgb_3em {margin-bottom:3em !important;}
.mgr_1em {margin-right:1em !important;}
.mgr_2em {margin-right:2em !important;}
.mgr_3em {margin-right:3em !important;}

.blank1 {display:block;padding:1em;}

.ta_center {text-align:center;}
.ta_left {text-align:left;}
.ta_right {text-align:right;}

/******************************************************************************************************* 
라인
********************************************************************************************************/
.line_blank_0_1e {padding:0.1em 0;margin:0;border:none;}
.line_blank_0_2e {padding:0.1em 0;margin:0;border:none;}
.line_blank_0_3e {padding:0.1em 0;margin:0;border:none;}
.line_blank_0_4e {padding:0.1em 0;margin:0;border:none;}
.line_blank_0_5e {padding:0.5em 0;margin:0;border:none;}
.line_blank_1_0e {padding:1em 0;margin:0;border:none;}
.line_blank_1_5e {padding:1.5em 0;margin:0;border:none;}
.line_blank_2_0e {padding:2em 0;margin:0;border:none;}
.line_blank_2_5e {padding:2.5em 0;margin:0;border:none;}
.line_blank_3_0e {padding:3em 0;margin:0;border:none;}
.line_blank_3_5e {padding:3.5em 0;margin:0;border:none;}
.line_blank_4_0e {padding:4em 0;margin:0;border:none;}
.line_blank_4_5e {padding:4.5em 0;margin:0;border:none;}

.blankLine {display:inline-block;width:100%;border-top:1px solid var(--color-ddd);clear:both;margin:3em 0;}
.blankLine_mg_1em {display:inline-block;width:100%;border-top:1px solid var(--color-ddd);clear:both;margin:1em 0;}
.blankLine_mg_2em {display:inline-block;width:100%;border-top:1px solid var(--color-ddd);clear:both;margin:2em 0;}
.blankLine_mg_3em {display:inline-block;width:100%;border-top:1px solid var(--color-ddd);clear:both;margin:3em 0;}
/******************************************************************************************************* 
박스 스타일
********************************************************************************************************/
.box_style1 {padding:10px .8em 12px; }
.subcolor_box1 {}

.boxstyle1 {background:#f4f4f4;padding:1.5em 2em;}
.linebox_up_down {border-top:1px solid var(--color-ddd);border-bottom:1px solid var(--color-ddd);}
/******************************************************************************************************* 
구글맵
********************************************************************************************************/
.gmnoprint .gm-style-mtc div {line-height:1.1em !important;}
#map {  height: 430px;  position: relative;  width: 100%;}
.maps-frame {  height: 430px;  width: 100%;}
.kd-tabbed-vert.header-links .kd-tabbutton a {  color: #757575;  display: inline-block;  height: 100%;  padding: 0 24px;  width: 100%;}
.kd-tabbed-vert.header-links .kd-tabbutton {  padding: 0;}
.kd-tabbed-vert.header-links .kd-tabbutton.selected a {color: #03a9f4;}
.kd-tabbed-vert.header-links .kd-tabbutton a:focus {text-decoration: none;}
p.top-desc {padding: 1em 1em .1em 1em;}
p.bottom-desc {padding: 0em 1em 1em 1em;}
.map_add_text_box {padding:1.5em 1em 2em;/* background:url(../images/map_bg.jpg) no-repeat right center; */ }
.map_add_text_box ul {margin:0;padding:0;}
.map_add_text_box ul li {list-style:none;margin-bottom:2px;}
.map_add_text_box strong {display:inline-block; width:90px;text-align:center;background:var(--color-666);color:var(--color-fff);margin-right:1em;/* padding:0.5em 0; */}

/******************************************************************************************************* 
모바일 언어 선택 버튼
********************************************************************************************************/

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_pop span {display:none;}
.hd_pops {position:absolute;border:1px solid var(--color-e9);background:var(--color-fff)}
.hd_pops_con {}
.hd_pops_footer {padding:0 0 8px;background:var(--color-000);color:var(--color-fff);text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:var(--popup-footer-color);color:var(--color-fff);font-size:0.65em;}

.lang {display:none !important;}
.gall_href .featured {margin:0 !important;}

/******************************************************************************************************* 
유튜브 youtube
********************************************************************************************************/
.youtube {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.youtube iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

/******************************************************************************************************* 
바로가기메뉴 설정
********************************************************************************************************/
#ol_id, #ol_pw {font-size:0.65em;}
#ol_submit {line-height:1.65em;font-size:0.75em;}
#ol_auto label {font-size:0.75em;margin-bottom:0;}
#ol_auto input {vertical-align:middle;}
#ol_svc a {font-size:0.75em;}
#side_menu .btn_side_shop {font-size:0.75em;}
#side_menu .btn_side_shop span {font-size:0.8em;border-radius:100%;width:20px;height:20px;text-align:center;}
#sbsk .go_cart {font-size:0.75em;}
.prd_name {font-size:0.85em;line-height:1.5em;}
#skin_sod_bsk_list ul li a {font-size:0.85em;line-height:1em;}
#swish ul li a {font-size:0.85em;line-height:1em;}

/******************************************************************************************************* 
Scroll to top
********************************************************************************************************/
.scroll-up {position: fixed;display: none;z-index: 999;bottom: 1.8em;right: 1.8em;}
.scroll-up a {display: block;width: 40px;height: 40px;text-align: center;font-size: 14px;line-height: 40px;}
.weava-drop-area-wrapper,
.weava-drop-area,
.weava-drop-area-text {display:none;}

/******************************************************************************************************* 
회원사용 표시
********************************************************************************************************/
.member_view_m {display:inline-block;width:14px;height:14px;line-height:14px;font-size:10px;margin-left:10px;text-align:center;background-color:#ff9000;color:var(--color-000);border-radius:100%;}
/******************************************************************************************************* 
그누보드 설정 변경
********************************************************************************************************/
#hd {background:none;}
#tnb {border:none;}
#tnb .gsel-lang {min-height:auto;}
#gnb #gnb_1dul {border:none;}
.gnb_1dli_over .gnb_2dul {left:50%;}
/* 최근게시물 */
#new_sch select,
#new_sch .btn_submit,
#new_sch p {font-size:0.65em;}
#new_sch .frm_input {height:40px;}
#new_sch .btn_submit {height:38px;}
#new_sch p {margin-bottom:0;}
.tbl_head01 thead th {padding:0 0;}
.btn_submit .fa {font-size:1.2em;}
/* .fa {font-size:1.5em;} */
.tbl_wrap table {font-size:0.65em;}

/* 로그인 */
.old_login_set {display:inline-block;text-align:center;margin-top:1em;}
.old_login_set .old_login_btn {background:var(--color-999);font-size:16px;color:var(--color-fff);border-radius:40px;padding:0.2em 1em;}

/* 게시판 글쓰기 */
.cke_sc {display:none;}
.frm_file {width:100%;}

/* 루미탭 (rumiTab) */
.rumitab_box {-webkit-box-shadow:none;}
ul.rumitab {border:none;}
ul.rumitab li {font-size:18px;left:0;min-width:25%;background:none;color:var(--rumitab-font-color) !important;border:1px solid var(--color-ccc);bottom:0;padding:0.5em 0;}
ul.rumitab li.active {background-color:var(--rumitab-font-color);color:var(--color-fff) !important;border:1px solid var(--rumitab-font-color);}
.rumitab_container,
.rumitab_content {padding:1em 0;border:none;}
.rumitab_container {background:none;}
/******************************************************************************************************* 
패밀리링크, 국가 언언 선택
********************************************************************************************************/
/* 풀다운메뉴 형태 ------------------------------------------------------------------------------*/
.li_lang {width:auto;border-left:none !important;}
.flg_set {width:115px;}
.flg_set #flg {position:absolute;top:50%;right:0px;margin-top:-12px;border-radius: 10px;border:1px solid var(--color-ddd);}
.flg_set #flg .gotofamily {height:24px;line-height:22px;font-size:12px;text-align:left;padding-left:15px;}
.flg_set .familylink_on,
.flg_set .familylink_off {z-index:10;}
.flg_set .familylink_on {width:100px;height:auto;background:var(--color-fff);}
.flg_set .familylink_off {width:100px;height:24px;background:var(--color-fff);}
.flg_set #flg .fbtn_set {position:absolute;right:0px;top:0;cursor: pointer;}
.flg_set #flg .fbtn_set p {font-size:16px;width:100px;height:22px;}
.flg_set #flg .fbtn_set p span {display:none;}
.flg_set #flg .fbtn_set p.fbtn_on {display:block;border:none;}
.flg_set #flg .fbtn_set p.fbtn_off {display:none;}
.flg_set #fbtn_on {color:var(--color-333);border: 1px solid var(--border-color1);border-radius: 50%;overflow:hidden;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.flg_set #fbtn_off {color:var(--color-333);border: 1px solid var(--border-color1);border-radius: 50%;overflow:hidden;}
.flg_set #fbtn_on:before {content:"\f077";font-family: "Font Awesome 5 Free";font-size:12px;font-weight: 900;position:absolute;right:80px;top:3px;display:inline-block;}
.flg_set #fbtn_off:before {content:"\f077";font-family: "Font Awesome 5 Free";font-size:12px;font-weight: 900;position:absolute;left:80px;bottom:3px;display:inline-block;}
.flg_set #familyzone {width:100%;}
.flg_set #familyzone a {font-size:16px;}
.flg_set .familyzone_on {display:block;}
.flg_set .familyzone_off {display:none;}
.flg_set #familyzone li,
.flg_set #familyzone li a {display:block;width:100%;height:24px;line-height:24px;margin:0;padding:0;text-align:center;}
.flg_set #familyzone li {border:none;border-top:1px solid var(--color-ddd);}
.flg_set #familyzone li a {padding:0 0 0 15px;font-size:12px;color:var(--color-666);text-align:left;}
.flg_set #familyzone li a img {vertical-align: middle;}

.flg_set2 {width:100px;}
.flg_set2 #flg {position:absolute;top:50%;right:-100px;margin-top:-12px;border-radius: 10px;}
.flg_set2 #flg .gotofamily {height:24px;line-height:22px;font-size:12px;text-align:left;padding-left:15px;color:var(--color-fff);}
.flg_set2 .familylink_on,
.flg_set2 .familylink_off {z-index:10;}
.flg_set2 .familylink_on {width:85px;height:auto;}
.flg_set2 .familylink_off {width:85px;height:24px;}
.flg_set2 #flg .fbtn_set {position:absolute;right:0px;top:0;}
.flg_set2 #flg .fbtn_set a {position:relative;font-size:16px;width:22px;height:22px;}
.flg_set2 #flg .fbtn_set a span {display:none;}
.flg_set2 #flg .fbtn_set a.fbtn_on {display:block;border:none;}
.flg_set2 #flg .fbtn_set a.fbtn_off {display:none;}
.flg_set2 #fbtn_on {color:var(--color-fff);border: 1px solid var(--border-color1);border-radius: 50%;overflow:hidden;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.flg_set2 #fbtn_off {color:var(--color-fff);border: 1px solid var(--border-color1);border-radius: 50%;overflow:hidden;}
.flg_set2 #fbtn_on:before {content:"\f077";font-family: "Font Awesome 5 Free";font-size:12px;font-weight: 900;position:absolute;right:5px;top:-8px;display:inline-block;}
.flg_set2 #fbtn_off:before {content:"\f077";font-family: "Font Awesome 5 Free";font-size:12px;font-weight: 900;position:absolute;left:5px;bottom:-8px;display:inline-block;}
.flg_set2 #familyzone {width:100%;background:var(--color-fff);border-radius: 5px;}
.flg_set2 #familyzone a {font-size:16px;}
.flg_set2 .familyzone_on {display:block;}
.flg_set2 .familyzone_off {display:none;}
.flg_set2 #familyzone li,
.flg_set2 #familyzone li a {display:block;width:100%;height:24px;line-height:24px;margin:0;padding:0;text-align:center;}
.flg_set2 #familyzone li:not(:first-child) {border:none;border-top:1px solid var(--color-ddd);}
.flg_set2 #familyzone li a {padding:0 0 0 15px;font-size:12px;color:var(--color-666);text-align:left;}
.flg_set2 #familyzone li a img {vertical-align: middle;}

.flg_set3 {width:100px;}
.flg_set3 #flg {position:absolute;top:50%;margin-top:-12px;border-radius: 10px;}
.flg_set3 #flg .gotofamily {height:24px;line-height:22px;font-size:12px;text-align:left;padding-left:15px;color:var(--color-333);}
.flg_set3 .familylink_on,
.flg_set3 .familylink_off {z-index:10;}
.flg_set3 .familylink_on {width:85px;height:auto;}
.flg_set3 .familylink_off {width:85px;height:24px;}
.flg_set3 #flg .fbtn_set {position:absolute;right:0px;top:0;}
.flg_set3 #flg .fbtn_set a {position:relative;font-size:16px;width:22px;height:22px;}
.flg_set3 #flg .fbtn_set a span {display:none;}
.flg_set3 #flg .fbtn_set a.fbtn_on {display:block;border:none;}
.flg_set3 #flg .fbtn_set a.fbtn_off {display:none;}
.flg_set3 #fbtn_on {color:var(--color-333);border: 1px solid var(--border-color1);border-radius: 50%;overflow:hidden;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.flg_set3 #fbtn_off {color:var(--color-333);border: 1px solid var(--border-color1);border-radius: 50%;overflow:hidden;}
.flg_set3 #fbtn_on:before {content:"\f077";font-family: "Font Awesome 5 Free";font-size:12px;font-weight: 900;position:absolute;right:5px;top:-8px;display:inline-block;}
.flg_set3 #fbtn_off:before {content:"\f077";font-family: "Font Awesome 5 Free";font-size:12px;font-weight: 900;position:absolute;left:5px;bottom:-8px;display:inline-block;}
.flg_set3 #familyzone {width:100%;background:var(--color-fff);border-radius: 5px;}
.flg_set3 #familyzone a {font-size:16px;}
.flg_set3 .familyzone_on {display:block;}
.flg_set3 .familyzone_off {display:none;}
.flg_set3 #familyzone li,
.flg_set3 #familyzone li a {display:block;width:100%;height:24px;line-height:24px;margin:0;padding:0;text-align:center;}
.flg_set3 #familyzone li:not(:first-child) {border:none;border-top:1px solid var(--color-ddd);}
.flg_set3 #familyzone li a {padding:0 0 0 15px;font-size:12px;color:var(--color-666);text-align:left;}
.flg_set3 #familyzone li a img {vertical-align: middle;}

#tnb_wrap.tnbDown .familylink_on,
#tnb_wrap.tnbDown .familylink_off {display:none;}

/* 단 형태 ------------------------------------------------------------------------------*/
.lang_right {position:absolute;top:20px;right:50px;}
.lang_right li {float:left;height:21px;line-height:1em;}
.lang_right li a {display:block;font-size:12px;padding:0 1em;color:var(--color-333);}
.lang_right li a img {margin-right:3px;vertical-align: middle;}

.scDown .lang_right li a {color:var(--color-333);}


/* 화살표 ------------------------------------------------------------------------------*/
.arrow_outbox {position:relative;padding-left:45px;}
.arrow {position:relative;display:inline-block;width:12px;height:12px;}
.arrow:before, .arrow:after {content:"";position:absolute;}
.arrow:before {width:100%;height:100%;border:1px solid var(--color-333);border-top:0px;border-right:0px;border-bottom:0px;}
.arrow:after {width:48px;height:1px;background:var(--color-333);transform-origin:0 100%;transform:rotate(45deg);}

.arrow_left {transform:rotate(-45deg);}
.arrow_right {transform:rotate(135deg);}
.arrow_top {transform:rotate(45deg);}
.arrow_bottom {transform:rotate(225deg);}

.amb_-9px {margin-bottom:-9px;}
.amb_-8px {margin-bottom:-8px;}
.amb_-7px {margin-bottom:-7px;}
.amb_-6px {margin-bottom:-6px;}
.amb_-5px {margin-bottom:-5px;}
.amb_-4px {margin-bottom:-4px;}
.amb_-3px {margin-bottom:-3px;}
.amb_-2px {margin-bottom:-2px;}
.amb_-1px {margin-bottom:-1px;}
.amb_0px {margin-bottom:0px;}
.amb_1px {margin-bottom:1px;}
.amb_2px {margin-bottom:2px;}
.amb_3px {margin-bottom:3px;}
.amb_4px {margin-bottom:4px;}
.amb_5px {margin-bottom:5px;}
.amb_6px {margin-bottom:6px;}
.amb_7px {margin-bottom:7px;}
.amb_8px {margin-bottom:8px;}
.amb_9px {margin-bottom:9px;}

/******************************************************************************************************* 
반응형 설정
********************************************************************************************************/
@media (max-width:1470px) {
	.container {width:1200px !important;}
}
@media (max-width:1280px) {
	.container {width:1000px !important;}
}
@media (max-width:840px) {
	.gnb_wrap ul {display:none;}
}
@media (max-width:736px) {
	.box_in1 {padding:1em;}
}
@media (max-width:640px) {
	.footermenu li {width:33.33333333%;padding:0 3px 1em;}
	address span,
	.copyrightbox span {display:block;}
	.mobil_non {display:none;}
}