@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 웹폰트  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/*
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('font/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}
*/

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	reset css  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
* { box-sizing:border-box; }
html, body { /*height:100%;*/ }
html { font-size:10px; letter-spacing:0px; font-family:'Roboto', /*'Pretendard',*/ 'Noto Sans KR','Apple SD Gothic Neo', sans-serif; color:#333; font-weight:500; }
body{min-width:280px; word-break: keep-all; overflow-x:hidden; line-height:1.5rem; letter-spacing:-0.02rem; margin:0 auto; font-size:1.8rem; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; word-break:keep-all;}
body,input,textarea,select,button,table,label
{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none; text-size-adjust:none; font-weight:400; font-family:'Roboto', /*'Pretendard',*/ 'Noto Sans KR','Apple SD Gothic Neo', sans-serif; }
h1,h2,h3,h4,h5,h6 {}
a {text-decoration:none;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
/*a:focus {outline:none;}*/
span, a, em, button {display:inline-block;}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:middle;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;}
input[type="checkbox"]{padding:1px;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number]
{width:100%;height:38px;padding:0 6px;border:1px solid #ccc;color:#333;vertical-align:middle;-webkit-appearance:none; }
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:1px solid #999;}
input[type=file]{width:99.5%;height:38px;border:1px solid #ccc;background:#fff;}
select{height:38px;padding-left:5px;border:1px solid #ccc;font-size:1.5rem;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #ccc;font-size:1.5rem;color:#333;}
table{/*width:100%;*/border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}
button[type='button'] {cursor:pointer;}
button:focus,
input:focus  { outline: 0; }

.subContent table { width:100%; }

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	공통  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/* 색상 */
:root {
	--blue00 : #5a63ac;
	--blue : #0068b7;
	--blue01 : #0162a1;
	--blue02 : #03418e;
	--dkblue : #032660; 
	--green : #15ae67;
	--green01 : #06854a;
	--green02 : #2f9b6d; 
	--dkgreen: #046b4a;
	--teal : #0b9c96;
	--teal01 : #04847f;
	--dkteal : #036573; 
	--navy : #1b262d; 
}
.blueGreen { background:linear-gradient(135deg, #0072bc, #0082ad 40%, #28b476) !important; }

.hidden { position:absolute; font-size:0; line-height:0; left:-10000px; padding:0 !important; margin:0; height:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clearfix:after {content:"";display:block;clear:both;}
.en {font-family:'Roboto', sans-serif !important; }
.greyText { color:#777 !important; }
.blackText { color:#010101 !important; }
.blueText { color:var(--blue) !important; }
.blue02Text { color:var(--blue02) !important;}
.redText { color:#fd0404 !important; }
.greenText { color:var(--green) !important; }
.fs18 { font-size:18px !important;}

/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}
.mt0 { margin-top:0rem !important; }
.mt5 { margin-top:0.5rem !important; }
.mt10 { margin-top:1rem !important; }
.mt20 { margin-top:2rem !important; }
.mt30 { margin-top:3rem !important; }
.mt40 { margin-top:4rem !important; }
.mt50 { margin-top:5rem !important; }
.mt60 { margin-top:6rem !important; }
.mt70 { margin-top:7rem !important; }
.mt80 { margin-top:8rem !important; }
.mt90 { margin-top:9rem !important; }
.mt100 { margin-top:10rem !important; }
.mb0 { margin-bottom:0rem !important; }
.mb10 { margin-bottom:10px !important; }



/* 버튼 */
.btn, a.btn  { height:4.0rem; line-height:4.0rem; padding:0 2.0rem; font-size:1.6rem; color:#000; border:1px solid #b6b6b8; background:#fff; font-weight:500; }
.btn.grey, a.btn.grey { background:#555; color:#fff; border-color:#555; }
.btn.blueGreen, a.btn.blueGreen { color:#fff; border:0; }
.btn.download span:after { content:url("../../images_2023/common/download_icon.png"); display:inline-block; margin-left:5px; vertical-align: middle; }
.buttonBig, a.buttonBig { height:5.6rem; line-height:5.6rem; padding:0 3.0rem; color:#fff !important; font-size:1.8rem; display:block; cursor:pointer; background:#777; border-radius:0 0 1.0rem 0; 
	border:0; min-width:12rem;}
.buttonSmall, a.buttonSmall { height:3.2rem; line-height:3.2rem; font-size:1.5rem; background:#777; color:#fff; padding:0 1.5rem; cursor:pointer; border:1px solid #777; border-radius:3px; }
.buttonSmall.teal { background:var(--teal); color:#fff; border-color:var(--teal); }
.buttonMd  { height:4.6rem; line-height:4.6rem; padding:0 2.0rem; font-size:1.7rem; color:#000; border:1px solid #b6b6b8; background:#fff; font-weight:500; }
.buttonMd.grey { background:#555; color:#fff; border-color:#555; }
.buttonMd.blueGreen { color:#fff; border:0; }
.buttonSmalls,
a.buttonSmalls { height:2.8rem; line-height:2.8rem; font-size:1.4rem; background:#777; color:#fff; cursor:pointer; border:1px solid #777; border-radius:3px; text-align:center; min-width:50px;
padding:0 5px; }
.btn.blue,
.buttonSmall.blue,
.buttonSmalls.blue,
a.buttonSmalls.blue { background:var(--blue01); color:#fff; border-color:var(--blue01);  }
.buttonSmalls.white,
a.buttonSmalls.white { background:#fff; color:#010101; border-color:#333;  }
.btn.round,
.buttonMd.round { border-radius:0 0 10px 0; }

/* 말줄임 */
.line1-text-eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display:block; }
.line2-text-eps { display:block; line-height:1.5em; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line3-text-eps { display:block; line-height:1.5em; max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line4-text-eps { display:block; line-height:1.5em; max-height:6em; display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }

/* 리스트 */
.list > li { padding-left:1.0rem; position:relative; }
.list > li:before { content:''; width:3px; height:3px; border-radius:50%; background:#2b2b2b; display:block; position:absolute; left:0; top:1.5rem; }
.list > li + li { margin-top:1.2rem; }
.list_bullet > li { padding-left:0.8rem; line-height:1.5; position:relative; }
.list_bullet > li:before { content:''; width:3px; height:3px; border-radius:50%; background:#666; display:block; position:absolute; left:0; top:1.0rem; }
.list_bullet > li + li { margin-top:0.7rem; }
.inlist > li { font-size:1.6rem; color:#777; margin-top:0.5rem !important; }
.numlist > li {  padding-left:2.2rem; position:relative; }
.numlist > li  > span:first-child { width:22px; position:absolute; left:0; top:0; line-height:1.8; }
.numlist > li + li { margin-top:1.2rem; }
.listTypeNum li { display:flex; }
.listTypeNum li span:first-child { width:2.0rem; flex-shrink:0; }
.listTypeNum li + li { margin-top:1.0rem; }

/* 테이블 */
table { border-collapse:collapse; }
table.table { position:relative; }
table.table th,
table.table td { border:1px solid #e1e1e1; padding:1rem 2rem; line-height:1.3; }
table.table th { font-size:1.7rem; font-weight:500; color:#010101; background:#fff; font-weight:500; }
table.table thead th { background:#f1f1f1; }
table.table td { font-size:1.6rem; color:#555; background:#fff; font-weight:400;  }
table.table .left { border-left:0 !important; }
table.table .right { border-right:0 !important; }
table.table tfoot th,
table.table tfoot td { background:#f1f1f1; color:#010101; }
table.table:before { width:2px; height:100%; content:''; position:absolute; top:-1px; left:-1px; background:#fff; z-index:10; }
table.table:after { width:2px; height:100%; content:''; position:absolute; top:-1px; right:-1px; background:#fff; z-index:10; }
table.border thead { position:relative; }
table.border thead:after { display:block; width:100%; content:''; height:1px; width:100%; position:absolute; bottom:0; left:0; background:#555; }
table.border { border-top:2px solid #555; }
table.table01 th,
table.table01 td { border:1px solid #d2d6de; padding:1rem; line-height:1.3; font-size:1.5rem; }
table.table01 th { font-size:1.6rem; color:#010101; background:#fff; font-weight:600; }
table.table01 thead th { background:#dce4f0; font-size:1.6rem; }
table.table01 td { color:#555; background:#fff; font-weight:400; }
table.table01 { border-top:2px solid #435360; }
table.table01.colTh th {  background:#dce4f0; font-size:1.6rem; text-align:center; }
table.table01.btNone { border-top:0; }
table.noborder th,
table.noborder td { border:0 !important; padding:3px 0 !important; }

table.formTable th,
table.formTable td { border-bottom:1px solid #ccc; padding:1rem; line-height:1.5; font-size:1.5rem; }
table.formTable th { font-size:1.6rem; color:#010101; font-weight:600; background:#ededed; text-align:center; }
table.formTable th label { font-size:1.6rem; color:#010101; font-weight:600; }
table.formTable td { color:#555; background:#fff; font-weight:400; }
table.formTable { border-top:2px solid #555; }
table.formInTable th, 
table.formInTable td { border:1px solid #d9d9d9; }
table.formInTable th { background:#f9f9f9; }
table.formInTable .sTit { color:#010101; text-align:center; font-weight:600; }

table.smallTable th,
table.smallTable td { padding:0.5rem; font-size:1.4rem; }

table.text-l th,
table.text-l td { text-align:left !important; }

table.center th,
table.center td { text-align:center; }
.tableWraper {  width:100%; }

/* check, radio 타입 */
span.check_type { position:relative; padding-left:15px; cursor:pointer; }
span.check_type input[type="checkbox"],
span.check_type input[type="radio"] { display:none; }
span.check_type input + label { font-size:1.5rem; }
span.check_type input + label:before { width:12px; height:12px; content:''; display:block; position:absolute; top:50%; left:0; background:url(../../images_2023/common/check_type.png); background-size:100%; background-position:0 -100%; transform:translateY(-50%); }
span.check_type input:checked + label:before { background-position:0 0; }

.notScroll { top:0;  position:fixed; overflow:hidden; width:100%; }

/* /////////////// Skip Navigation ////////////////////// */
.skipNav {font-size:0; line-height:0;  }
.skipNav a {display:block; width:100%; color:#fff; position:absolute; left:0; top:-100px; text-align:center; background:#101010; border:0 none;z-index:1000; font-size:1.4rem; }
.skipNav a:focus, .skipNav a:hover, .skipNav a:active {top:0; font-weight:bold;font-size:14px;line-height:39px; outline:2px dotted red; }
*:focus {/*border:1px dotted blue;*/}


/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) { 
*:focus {border:none;}
	html { font-size:9.5px; }	
}

/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) { 
	.layer_pop{left:50% !important;transform:translateX(-50%);}
}

/* ================================== Mobile (480 ~ 767, 479이하) ================================== */
@media all and (max-width: 767px) { 
	html { font-size:8.9px; }
	.not_scroll{  position:fixed; overflow:hidden; width:100%; }
	
	/* 테이블 */
	table.table th,
	table.table td { padding:1rem; }
	.tableWraper { overflow-x:auto; padding-bottom:10px; }
	.tableWraper table { width:100%; min-width:720px;  }
	
	/* 리스트 */
	ul.list_bullet li + li { margin-top:0.3rem; }
} 

@media all and (max-width: 767px) { 
	/* 테이블 */
	table.table th,
	table.table td { padding:1rem 0.5rem; }
}	
 
@media all and (max-width: 640px) { 
	.layer_pop{width:100% !important;}
	.layer_pop table{width:auto;height:auto;}
	.layer_pop img{width:100%;}
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// layout  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

/* header */
.nav_wrapper { position:fixed; top:0; left:0; width:100%; transition:all 0.3s ease-out; height:120px; z-index:100; opacity:1; /*box-shadow:0 3px 8px rgba(0,0,0,0.25);*/ background:#fff; }
.nav_wrapper.scroll { top:-40px; }
.nav_wrapper .inner { width:100%; max-width:1440px; margin:0 auto; padding:0 30px; }
.nav_wrapper .logo { width:301px; display:flex; align-items:center; }
.nav_wrapper .logo a { display:block; }
.nav_wrapper .logo a img { width:100%; }
.nav_wrapper.enter {/*-webkit-animation:enter 1s forwards; animation:enter 1s forwards; animation-delay:0s;*/ }
.nav_wrapper .logo .logo_pc { display:block; }
.nav_wrapper .logo .logo_mobile { display:none; }
.nav_wrapper:after { position:absolute; top:100%; left:0; width:100%; height:12px; content:''; background:linear-gradient( to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0) ); }

.nav_wrapper .headerTop { height:40px; border-bottom:1px solid #ccc;  font-size:1.5rem; color:#777; position:relative; }
.nav_wrapper .headerTop a { font-size:1.5rem; color:#777; }
.nav_wrapper .headerTop .inner { display:flex; justify-content:flex-end; align-items:center; gap:20px; padding-top:5px; }
.nav_wrapper .headerTop .zoomWrap { display:flex; justify-content:flex-start; align-items:center; }
.nav_wrapper .headerTop .zoomWrap dt { margin-right:5px; }
.nav_wrapper .headerTop .zoomWrap dd { display:flex; justify-content:flex-start; align-items:center; }
.nav_wrapper .headerTop .zoomWrap button { width:20px; height:20px; border:1px solid #d3d4d4; background:#fff; margin:0; }
.nav_wrapper .headerTop .zoomWrap button.zoomIn { background:url("../../images_2023/common/icon_plus.gif")center no-repeat; }
.nav_wrapper .headerTop .zoomWrap button.zoomOut { background:url("../../images_2023/common/icon_minus.gif")center no-repeat; }
.nav_wrapper .headerTop .memberBtns {  display:flex; justify-content:flex-start; align-items:center; gap:20px; }
.nav_wrapper .headerTop .memberBtns a { display:flex; justify-content:flex-start; align-items:center; }
.nav_wrapper .headerTop .memberBtns a img { margin-right:5px; height:16px; }
.nav_wrapper .headerTop .searchArea { width:230px; background:#efefef; height:30px; padding:0; border-radius:15px; display:flex; }
.nav_wrapper .headerTop .searchArea .searchWord { height:30px; line-height:30px; width:auto; flex-grow:1; padding:0; background:none; border:0; padding:0 15px; } 
.nav_wrapper .headerTop .searchArea .searchBtn { width:30px; height:30px; background: url("../../images_2023/common/icon_search.gif") center no-repeat; background-size:40px; flex-shrink:0; border:0; text-indent:-10000px;
font-size:0; cursor:pointer; }
.searchOpen { display:none; }
.searchBox { display:block; }
.searchClose { display:none; }
.prMovieBtn { display:none; }
.topLoginWrap { display:flex; }
.topLoginWrap a:not(:first-child) { margin-left:2.0rem; }
.greetingBtn { display:flex; }
.prVideoLayer { display:none; z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%; }
.prVideoLayer .layerBg { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); }
.prVideoLayer .prVideoWrap { position:fixed;width:calc(100% - 40px); max-width:720px; left:50%; top:50%; transform:translate(-50%, -50%); padding-top:5px; background:#010101; }
.prVideoLayer .prVideoWrap .prVideoBox video { width:100%; }
.prVideoLayer .prVideoWrap .prLayerClose { line-height:35px; height:35px; width:100%; text-align:center; font-size:1.5rem; color:#fff; background:#010101; border:0; }

.nav_wrapper .headerBottom { height:80px; }
.nav_wrapper .headerBottom .inner { display:flex; justify-content:space-between; }
.nav_wrapper .headerBottom .gnbWrap { flex-grow:1; margin:0 30px; }
.nav_wrapper .headerBottom .ytLink.for_pc { display:flex; align-items:center; margin:0 50px 0 0; }

.spinner-master { z-index:100; text-align:center; display:block;  width:80px; height:80px; border-radius:0 0 10px 0; position:relative; }
.spinner-master * { transition:all 0.3s; box-sizing:border-box; }
.spinner-master .spinner-spin { cursor:pointer; position:absolute; z-index:101; height:100%; width:100%; top:0; left:0; padding:31px 28px; display:flex; flex-direction:column; 
	justify-content:space-between; align-items:center; } 
.spinner-master .spinner-spin .spinner { height:2px; width:24px; padding:0; background:#fff; }	
.spinner-master.active { /*position:fixed; top:40px; right:50px; transition:all 0.3s; transition-delay:0.2;*/   }
.spinner-master.active .spinner-spin .spinner {  }
.spinner-master.active .spinner-spin .horizontal { opacity: 0; }
.spinner-master.active .spinner-spin .part-1 { transform:translate(-50%, -50%) rotate(135deg) ; /*margin-top:1.7rem;*/ position:absolute; top:50%; left:50%;  }
.spinner-master.active .spinner-spin .part-2 { transform:translate(-50%, -50%) rotate(-135deg) ;  /*margin-top:-1.4rem;*/ position:absolute; top:50%; left:50%;  } 

.gnbWrap { height:80px; overflow:hidden; }
.gnbWrap .gnbMenu { display:flex; justify-content:flex-end;  }
.gnbWrap .gnbMenu .navi { display:flex; justify-content:space-between; width:100%; max-width:800px;  }
.gnbWrap .gnbMenu .navi > li { text-align:center; flex-grow:1;  }
.gnbWrap .gnbMenu .navi > li > a { color:#010101; font-size:2.0rem; line-height:80px; font-weight:600; display:block; width:100%; white-space:nowrap; position:relative;  }
.gnbWrap .gnbMenu .navi > li:hover > a,
.gnbWrap .gnbMenu .navi > li.hover > a,
.gnbWrap .gnbMenu .navi > li.current > a { color:#014680; }

.gnbWrap .gnbMenu .navi .subMenuWrap { position:absolute; top:120px; left:0; width:100%; text-align:center; display:none; height:auto; }
.gnbWrap .gnbMenu .navi .subMenuWrap .inner { width:100%; max-width:1380px; display:flex; justify-content:space-between; gap:10px; padding:5.0rem 0; }
.gnbWrap .gnbMenu .navi .subMenuWrap .subMenu { width:10%; flex-grow:1; text-align:left; }
.gnbWrap .gnbMenu .navi .subMenuWrap .subMenu strong { height:4.4rem; line-height:1.2; border:1px solid rgba(255,255,255,0.5); padding:1.0rem; text-align:left; width:100%; display:block;; }
.gnbWrap .gnbMenu .navi .subMenuWrap .subMenu strong a { color:#fff; font-weight:500; display:block; width:100%; letter-spacing:-0.07em; }
.gnbWrap .gnbMenu .navi .subMenuWrap .subMenu ul { padding-top:1.0rem; }
.gnbWrap .gnbMenu .navi .subMenuWrap .subMenu ul li a { color:rgba(255,255,255,0.5); font-size:1.6rem; padding:1.0rem 0; }
.gnbWrap .gnbMenu .navi .subMenuWrap .subMenu ul li a:hover { color:rgba(255,255,255,1); text-decoration:underline; } 
.gnbWrap .gnbMenu .navi a.newWin { padding-right:11px; background:url("../../images_2023/common/newWin_white.png")top right no-repeat; }

.nav_wrapper.hover .gnbWrap { overflow:visible; }
.nav_wrapper .nav_bg { position:absolute; top:120px; left:0; width:100%; background:#014680; opacity:0; transition:all 0.3s; height:0;  }
.nav_wrapper.hover .nav_bg { opacity:1; transition:all 0.3s;  }

.sitemapWrap { position:fixed; z-index:98; left:100%; }
.sitemapWrap .sitemapBg { position:fixed; top:0; width:100%; height:100%; background:#014680; z-index:-1; display:block; }
.sitemapWrap .sitemap { width:100%; height:100%; overflow-y:auto; padding-top:150px; padding-bottom:100px; position:fixed; top:0; right:0; letter-spacing:-0.05em; }
.sitemapWrap .sitemap .depth01 { width:100%; max-width:1580px; padding:0 20px; margin:0 auto; }
.sitemapWrap .sitemap .depth01 + .depth01 { margin-top:5.0rem; }
.sitemapWrap .sitemap .depth01 h3 { display:flex; align-items:center; margin-bottom:3.0rem; }
.sitemapWrap .sitemap .depth01 h3 a { color:#6ddffb; font-weight:700; font-size:3.2rem; line-height:1.2; cursor:default; pointer-events:none; }
.sitemapWrap .sitemap .depth01 h3:after { display:block; background:#6ddffb; flex-grow:1; content:''; height:2px; width:auto; margin-left:10px; }
.sitemapWrap .sitemap .depth02 { display:flex; justify-content:flex-start; gap:10px;  }
.sitemapWrap .sitemap .depth02 > li { flex-grow:1; width:10%; max-width:25% !important; display:block; }
.sitemapWrap .sitemap .depth02 > li:last-child { margin-right:0; }
.sitemapWrap .sitemap .depth02 .depth02Tit { padding:1.2rem 1rem; line-height:1.2; border:1px solid rgba(255,255,255,0.5); display:block; font-size:20px; color:#fff; }
.sitemapWrap .sitemap .depth03 { margin-top:1.0rem; display:block;}
.sitemapWrap .sitemap .depth03 > li > a { font-size:17px; color:rgba(255,255,255,1.0); line-height:1.2; padding:1.0rem 1rem; display:block; position:relative; }
.sitemapWrap .sitemap .depth04 > li > a { font-size:16px; color:rgba(255,255,255,0.8); line-height:1.2; padding:1.0rem 0 1.0rem 1.5rem; display:block; font-weight:300; }
.sitemapWrap .sitemap .depth04 > li > a:before { display:inline-block; width:3px; height:3px; border-radius:50%; content:''; background:rgba(255,255,255,0.4); vertical-align:middle; margin-right:5px; }
.sitemapWrap .sitemap .depth03 > li.has-submenu02 > a:after { width:12px; height:12px; content:''; background:url("../../images_2023/common/depth03_open.gif")center no-repeat; background-size:contain; 
position:absolute; right:0.5rem; top:50%; transform:translateY(-50%); }
.sitemapWrap .sitemap .depth03 > li.has-submenu02.open > a:after { background:url("../../images_2023/common/depth03_close.gif")center no-repeat; background-size:contain; }
.sitemapWrap .sitemap .depth04 { display:none; }
.sitemapWrap .ytLink.for_mobile { display:none; }
.sitemap .newWin:after { content:url("../../images_2023/common/newWin_blue.png"); display:inline-block; margin-left:3px;}

.sitemapWrap .sitemapBg,
.sitemapWrap .sitemap{ display:block; position:fixed; height:100%; right:0; top:0; visibility:hidden; width:100%; 
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;  
	-moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	transform: translateX(0);
	opacity:0;
	}
.sitemapWrap.open .sitemapBg,
.sitemapWrap.open .sitemap{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	-webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
	transition: opacity .4s 0s cubic-bezier(.77,-0.03,.16,1.05), visibility 0s 0s;
	-webkit-overflow-scrolling: touch;
	opacity:1;
	} 

.sitemapWrap.open .sitemap  { transition-delay:0s; }

.adminBtn { display:none; }

/* footer */
.footer { letter-spacing:0; color:rgba(255,255,255,0.5); background:#1b262d; font-weight:300; }
.footer .inner {  width:100%; max-width:1440px; margin:0 auto; padding:60px 30px; display:flex; justify-content:space-between; }
.footer .inner .familySite { width:25rem; flex-shrink:0; order:2;  position:relative; height:44px; font-size:1.6rem; }
.footer .inner .copyright {  display:flex; align-items:center; order:1; }
.footer .inner .copyright .logo { width:119px; margin-right:30px; flex-shrink:0; }
.footer .inner .copyright .text { letter-spacing:0.05em; font-size:1.5rem; line-height:2.5rem; }
.footer .inner .copyright .text p span { margin:0 8px; display:inline-block; }
.footer .inner .familySite .familyBtn { width:100%; display:flex; height:44px; border:2px solid rgba(255,255,255,0.3); padding:0 1.5rem; justify-content:space-between; align-items:center; cursor:pointer; 
color:rgba(255,255,255,1); }
.footer .inner .familySite .familyBtn:after { width:16px; height:10px; background:url("../../images_2023/common/familySite_arw.png")center no-repeat; background-size:100%; content:''; transition:all 0.3s; }
.footer .inner .familySite .familyBtn.open:after { transition:all 0.3s; transform:rotate(180deg); } 
.footer .inner .familySite .siteList { position:absolute; top:100%; left:0; width:100%; background:#fff; padding:0.5rem 0; }
.footer .inner .familySite .siteList li a { color:#010101; padding:0.5rem 1.5rem;}

/* scorll-top */
.scroll-top { position:fixed; right:2rem; bottom:5rem; width:6.0rem; height:6.0rem; font-size:0rem; 
	cursor:pointer; border-radius:0 0 10px; opacity:0;  z-index:105; -webkit-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;
	background:url(../../images_2023/common/move_top.png)center no-repeat; background-size:3.6rem; background-color:rgba(0,0,0,0.7); }
.scroll-top.is-showing { bottom:2rem; opacity:1; }


@keyframes enter {
	0{
  	opacity:0;
    }
    100%{
  	 opacity:1;
    }
}

@media all and (max-width: 1440px) {
	.nav_wrapper .headerBottom  .inner { padding:0 0 0 30px; }	
	.sitemapWrap .sitemap .depth02 > li { width:auto; max-width:50% !important; }
}

/* ================================== Laptop (1024 ~ 1279) ================================== */
@media all and (max-width: 1279px) {
	/* header */
	.gnbWrap .gnbMenu { display:none; }	
	.nav_wrapper .headerBottom .ytLink.for_pc { margin:0 30px 0; }
	.sitemapWrap .sitemap .depth01 h3 a { font-size:2.9rem; }
	.sitemapWrap .sitemap .depth02 .depth02Tit { font-size:19px; }
	.sitemapWrap .sitemap .depth02 > li { width:calc(25% - 30px/4); flex-grow:unset;  }
	.sitemapWrap .sitemap .depth01.sub03 .depth02 > li,
	.sitemapWrap .sitemap .depth01.sub04 .depth02 > li {  width:calc(33.3333% - 20px/3); }
	.sitemapWrap .sitemap .depth03 > li > a {  }
	.sitemapWrap .sitemap .depth04 > li > a {  }
	
	.sitemapWrap .sitemap .depth02 { flex-wrap:wrap; gap:30px 10px; justify-content:flex-start;  }
}


/* ================================== Tablet (768 ~ 1023) ================================== */
@media all and (max-width: 1023px) { 
	/* header */
	.sitemapWrap .sitemapBg,
	.sitemapWrap .sitemap{ display:block; position:fixed; height:100%; right:0; top:0; visibility:hidden; width:100%; 
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;  
		-moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
		transition: all .3s 0s, visibility 0s .3s;
		transform: translateX(100%);
		}
	.sitemapWrap.open .sitemapBg,
	.sitemapWrap.open .sitemap{
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
		-webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
		-moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
		transition: transform .3s 0s cubic-bezier(.77,-0.03,.16,1.05), visibility 0s 0s;
		-webkit-overflow-scrolling: touch;
		} 	
	.sitemapWrap.open .sitemap  { transition-delay:0.25s; }	

	
	/* footer */
	.footer .inner { padding:40px 30px;  }
	.footer .inner .copyright .logo { display:none; }
	.footer .inner .familySite { width:20rem; }
	.footer.sub-footer:after { display:block; width:100%; height:60px; content:''; background:#1b262d; }
	#main + .footer.sub-footer:after { display:none; }
	
	/* scorll-top */
	.scroll-top { width:5.0rem; height:5.0rem; }
	.scroll-top.is-showing { bottom:12rem; }
}



/* ================================== Mobile (767 ~ 480, 479이하) ================================== */

@media all and (max-width: 767px) {	
	/* header */
	.nav_wrapper { height:60px; }
	.nav_wrapper .logo { width:75px; }
	.nav_wrapper .logo .logo_pc { display:none; }
	.nav_wrapper .logo .logo_mobile { display:block; }
	.nav_wrapper.scroll { top:0px; }
	
	.nav_wrapper .headerTop .zoomWrap { display:none; }
	.nav_wrapper .headerTop { position:absolute; border-bottom:0; right:65px; top:0; height:60px;  }
	.nav_wrapper .headerTop .inner { padding:10px 0; height:60px; gap:0px; justify-content:flex-end;  }
	.nav_wrapper .headerTop .memberBtns { gap:0; }
	.nav_wrapper .headerTop .memberBtns span,
	.nav_wrapper .headerTop .memberBtns img { display:none; }
	.nav_wrapper .headerTop .memberBtns .joinBtn { display:none; }
	.nav_wrapper .headerTop .memberBtns .modifyBtn { /*display:none;*/ }	
	.nav_wrapper .headerTop .memberBtns a { width:40px; height:40px; display:block; }
	.nav_wrapper .headerTop .memberBtns a.logInBtn { background:url("../../images_2023/common/icon_login_m.gif")center no-repeat; background-size:contain; }
	.nav_wrapper .headerTop .memberBtns a.logOutBtn { background:url("../../images_2023/common/icon_logout_m.gif")center no-repeat; background-size:contain; }	
	.nav_wrapper .headerTop .memberBtns a.modifyBtn { background:url("../../images_2023/common/icon_login_m.gif")center no-repeat; background-size:contain; }
	.searchOpen { display:block;  width:40px; height:40px; background:url("../../images_2023/common/icon_search.gif")center no-repeat; background-size:contain; border:0; }	
	.gnbWrap { display:none; }	
	.searchBox { position:fixed; top:0; left:0; transform:translateY(-100%); z-index:110; width:100%; display:block; background:#0172ba; text-align:center; padding:80px 20px 40px; 
		transition:all 0.3s; opacity:0; }
	.searchBox.open { top:0; left:0; opacity:1; transform:translateY(0); transition:all 0.3s; }
	.nav_wrapper .headerTop .searchArea { width:100%; height:46px; border-radius:23px;  }
	.nav_wrapper .headerTop .searchArea fieldset { display:flex; justify-content:space-between; width:100%; }
	.nav_wrapper .headerTop .searchArea fieldset .enter_txt { flex-grow:1; }
	.nav_wrapper .headerTop .searchArea .searchWord { height:46px; line-height:46px; width:100%; }
	.nav_wrapper .headerTop .searchArea .searchBtn { width:46px; height:46px; background-size:100%; }
	.searchClose { display:block; width:40px; height:40px; background: url("../../images_2023/common/close_80x80.png")center no-repeat; background-size:contain; border:0; 
	position:absolute; top:20px; right:20px; }	
	.topLoginWrap .greetingBtn { display:none; }
	.topLoginWrap a:not(:first-child) { margin-left:0; }
	
	.adminBtn { display:block; position:absolute; top:35px; left:20px;  }
	.adminBtn a { color:var(--dkblue); font-size:14px; border:1px solid rgba(255,255,255,0.3); padding:7px 10px; border-radius:5px; background:#fff; font-weight:700; }
	
	.nav_wrapper .headerBottom { height:60px; }
	.nav_wrapper .headerBottom .inner { padding:0 0 0 20px; }	
	.nav_wrapper .headerBottom .ytLink.for_pc { display:none; }
	
	.prMovieBtn { display:block; text-align:center; font-size:10px; color:#333; word-break:keep-all; border:0; background:transparent; letter-spacing:-0.07em; }	
	.prMovieBtn img { width:21px; display:block !important; margin:0 auto; }
	.prVideoLayer .prVideoWrap { max-width:500px; }
	
	.sitemapWrap .sitemapBg,
	.sitemapWrap .sitemap { top:60px; padding-top:20px; padding-bottom:50px; height:calc(100% - 60px); }
	.sitemapWrap .ytLink.for_mobile { display:block; padding:20px;  }
	.sitemapWrap .ytLink.for_mobile a { display:flex; justify-content:flex-end; align-items:center;  }
	.sitemapWrap .ytLink.for_mobile span { color:#fff; margin-left:10px; }
	.sitemapWrap .ytLink.for_mobile img { width:28px; }
	.sitemapWrap .sitemap .depth01 h3 { margin-bottom:2.0rem; }
	.sitemapWrap .sitemap .depth01 h3 a { font-size:2.4rem; }
	.sitemapWrap .sitemap .depth02 { gap:5px; }
	.sitemapWrap .sitemap .depth02 > li { width:100% !important; max-width:100% !important; }
	.sitemapWrap .sitemap .depth03 { display:none; }
	.sitemapWrap .sitemap .depth02 .depth02Tit {  }
	.sitemapWrap .sitemap .depth03 > li > a {  }
	.sitemapWrap .sitemap .depth04 > li > a {  }
	.sitemapWrap .sitemap .depth02 > li.has-submenu > a { position:relative; }
	.sitemapWrap .sitemap .depth02 > li.has-submenu > a:after { width:16px; height:9px; content:''; background:url("../../images_2023/common/depth02_open.gif")center no-repeat; background-size:contain; 
position:absolute; right:5px; top:50%; transform:translateY(-50%); }
	.sitemapWrap .sitemap .depth02 > li.has-submenu.open > a:after { background:url("../../images_2023/common/depth02_close.gif")center no-repeat; background-size:contain; }	
	
	.spinner-master { width:60px; height:60px; }
	.spinner-master .spinner-spin { padding:21px 18px; }
	.spinner-master.active { position:relative; top:auto; right:auto; }
	
	/* scorll-top */
	.scroll-top { display:inline-block; }	
	.scroll-top { position:fixed; right:2rem; bottom:5rem; width:5.0rem; height:5.0rem; font-size:0rem; color:#fff; line-height:3.6rem; text-align:center;5
	cursor:pointer; border-radius:100%; opacity:0;  z-index:100; -webkit-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;
	background:url(../../images_2023/common/move_top.png)no-repeat; background-size:100%; background-color:rgba(0,0,0,0.8); }
	
	/* footer */
	.footer .inner { flex-wrap:wrap; padding:20px;  }
	.footer .inner .familySite { order:1; height:34px; font-size:1.5rem; margin-bottom:1.5rem;  }
	.footer .inner .copyright { order:2; width:100%; }
	.footer .inner .familySite .familyBtn { height:34px; padding:0 1.0rem; }
	.footer .inner .familySite .siteList li a { padding:0.5rem 1.0rem;}
	.footer .inner .copyright .text p span { margin:0 5px; }	
	.footer.sub-footer:after { display:block; width:100%; height:60px; content:''; background:#1b262d; }
}

@media all and (max-width: 479px) {
	/* footer */
	.footer .inner .familySite { font-size:1.45rem; }
	.footer .inner .copyright .text { letter-spacing:0.0em; font-size:1.35rem; line-height:2.0rem; }	
	.scroll-top { width:3.8rem; height:3.8rem; }

}

.viewBottomBtns { display:flex; justify-content:space-between; padding:0; margin-top:2.0rem; }
.prevnext,
.linkBtns { display:flex; gap:2px; }
.prevnext .button { width:auto; display:flex; align-items:center; padding:0 1.5rem; }
.prevnext .button.prevView:before { content:''; display:block; width:0.8rem; height:0.8rem; border:1px solid #333; border-width:1px 0 0 1px; transform:rotate(-45deg); margin-right:3px; }
.prevnext .button.nextView:after { content:''; display:block; width:0.8rem; height:0.8rem; border:1px solid #333; border-width:1px 1px 0 0; transform:rotate(45deg); margin-left:3px; }