@charset "utf-8";

@font-face {
    font-family: 'NotoKrL';
    font-style: normal;
    font-weight: 200;
    src: local('Noto Sans Light'), local('NotoSans-Light'), url(/_res/tongmyong/tuhome/etc/NotoSans-Light.eot);
    src: url(/_res/tongmyong/tuhome/etc/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
    url(/_res/tongmyong/tuhome/etc/NotoSans-Light.woff2) format('woff2'),
    url(/_res/tongmyong/tuhome/etc/NotoSans-Light.woff) format('woff');;
}
@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/_res/tongmyong/tuhome/etc/NotoSans-Regular.eot);
    src: url(/_res/tongmyong/tuhome/etc/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(/_res/tongmyong/tuhome/etc/NotoSans-Regular.woff2) format('woff2'),
    url(/_res/tongmyong/tuhome/etc/NotoSans-Regular.woff) format('woff');
}
@font-face {
    font-family: 'NotoKrM';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/_res/tongmyong/tuhome/etc/NotoSans-Medium.eot);
    src: url(/_res/tongmyong/tuhome/etc/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
    url(/_res/tongmyong/tuhome/etc/NotoSans-Medium.woff2) format('woff2'),
    url(/_res/tongmyong/tuhome/etc/NotoSans-Medium.woff) format('woff');
}
@font-face {
    font-family: 'NotoKrD';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/_res/tongmyong/tuhome/etc/NotoSansKR-DemiLight.eot);
    src: url(/_res/tongmyong/tuhome/etc/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
    url(/_res/tongmyong/tuhome/etc/NotoSansKR-DemiLight.woff2) format('woff2'),
    url(/_res/tongmyong/tuhome/etc/NotoSansKR-DemiLight.woff) format('woff');
}
@font-face {
    font-family: 'NotoKrT';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/_res/tongmyong/tuhome/etc/NotoSansKR-Thin.eot);
    src: url(/_res/tongmyong/tuhome/etc/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
    url(/_res/tongmyong/tuhome/etc/NotoSansKR-Thin.woff2) format('woff2'),
    url(/_res/tongmyong/tuhome/etc/NotoSansKR-ThinQ.woff) format('woff');
}
@font-face {
    font-family: 'NotoKrB';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/_res/tongmyong/tuhome/etc/NotoSans-Bold.eot);
    src: url(/_res/tongmyong/tuhome/etc/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
    url(/_res/tongmyong/tuhome/etc/NotoSans-Bold.woff2) format('woff2'),
    url(/_res/tongmyong/tuhome/etc/NotoSans-Bold.woff) format('woff');
}
@font-face {
    font-family: 'Poppins';
    font-weight: 100;
    src: local('Poppins-Thin'), url(/_res/tongmyong/bic/etc/Poppins-Thin.ttf) format('woff2')
}
@font-face {
    font-family: 'Poppins';
    font-weight: 200;
    src: local('Poppins-ExtraLight'), url(/_res/tongmyong/bic/etc/Poppins-ExtraLight.ttf) format('woff2')
}
@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    src: local('Poppins-Light'), url(/_res/tongmyong/bic/etc/Poppins-Light.ttf) format('woff2')
}
@font-face {
    font-family: 'Poppins';
    font-weight: 400;
    src: local('Poppins-Regular'), url(/_res/tongmyong/bic/etc/Poppins-Regular.ttf) format('woff2')
}
@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    src: local('Poppins-Medium'), url(/_res/tongmyong/bic/etc/Poppins-Medium.ttf) format('woff2')
}
@font-face {
    font-family: 'Poppins';
    font-weight: 600;
    src: local('Poppins-SemiBold'), url(/_res/tongmyong/bic/etc/Poppins-SemiBold.ttf) format('woff2')
}
@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    src: local('Poppins-Bold'), url(/_res/tongmyong/bic/etc/Poppins-Bold.ttf) format('woff2')
}
@font-face {
    font-family: 'Poppins';
    font-weight: 800;
    src: local('Poppins-ExtraBold'), url(/_res/tongmyong/bic/etc/Poppins-ExtraBold.ttf) format('woff2')
}
@font-face {
    font-family: 'Poppins';
    font-weight: 900;
    src: local('Poppins-Black'), url(/_res/tongmyong/bic/etc/Poppins-Black.ttf) format('woff2')
}

body{font-family:'Poppins','Noto Sans KR';}
.blind{
    position: absolute;
    width: 1px;height: 1px;
    clip: rect(0,0,0,0);
    margin: -1px;
    overflow: hidden;
}

a, button{transition: .3s}
a:hover{text-decoration:none;}
button{outline: none;}
body{line-height: normal;}
p{line-height: 1.4;}

h1,h2,h3,h4,h5,h6{font-family:'Poppins','Noto Sans KR';}
input,button,textarea,select,table{font-family:'Poppins','Noto Sans KR';}

/*
=========================================================================
레이아웃 콘텐츠 css
=========================================================================
*/
/*260119 yce*/
/*----------공통----------*/
:root{
	--color-m:#b91c1c;
	--color-d:#5a0b1b;
	--color-s:#ffc4d2;
	--color-y: #ffd600;
	--color-g: #f2f2f2;
	--color-w: rgb(255, 255, 255);
	--hover-d:#450612;
	--text-g:#c7c7c7;
	--line-m:#d3778d;
}

.img-cover{width: 100%; height: 100%; object-fit: cover;}
.img-contain{width: 100%; height: 100%; object-fit: contain;}
.img-center{display: block; margin: auto;}
.c-main{color: var(--color-s);}
.c-yellow{color: var(--color-y);}
.t-center{text-align: center;}
.mb-8{margin-bottom: 8px;}
.mb-20{margin-bottom: 20px;}

.tbl-basic table{width:100%; word-break: keep-all;}
.tbl-basic tr th:first-child,
.tbl-basic tr td:first-child{border-left:0}
.tbl-basic tr th:last-child,
.tbl-basic tr td:last-child{border-right:0}
.tbl-basic thead th,
.tbl-basic tbody th{background-color:var(--color-d); padding:16px; text-align:center; color:white; border-bottom: 1px solid #9a483b; border-right: 1px solid #9a483b;}
.tbl-basic tbody td{text-align:center; padding:16px; color: #333; background-color: #f2f2f2; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.tbl-basic tbody td.td-left{text-align:left;}
.ico-scroll{display: none;}

.flex-wrap{display: flex; flex-wrap: wrap; gap: 4px;}
.bold{font-weight: bold}

#wrapper{overflow: hidden; font-size: 1.125rem}
#wrapper:not(.bg-white){color: rgb(254,252,255); background-image: url(/_res/tongmyong/bic/img/renew-bg.png);}
#wrapper.bg-white .header .header-inner{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2)}
.header{position: fixed; top: 12px; left: 50%; transform: translateX(-50%); z-index: 400; max-width: 1400px; width: calc(100% - 40px); transition: .3s;}
.header .header-inner{display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; padding: 20px 40px; color: var(--color-m);background-color: white; border-radius: 24px;}

.header .header-inner.pcgnb{gap: 40px; display: flex;}
.header .header-inner.mgnb{display: none;}
.header .btn-search{width: 24px; aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center;}
.header .btn-search i{font-size: 1.5rem; color: var(--color-m);}
.header .logo{display: block; font-size: 1.25rem;}
.header .btn-sitemap{position: relative; width: 24px; aspect-ratio: 1 / 1;}
.header .btn-sitemap .center-bar,
.header .btn-sitemap::before,
.header .btn-sitemap::after{position: absolute; transition: .3s; display: block; height: 2px; background-color: var(--color-m);}
.header .btn-sitemap .center-bar{top: 50%; left: 0; transform: translateY(-50%); width: 100%;}
.header .btn-sitemap::before{content: ''; top: 4px; right: 0; width: calc(100% - 8px);}
.header .btn-sitemap::after{content: ''; bottom: 4px; right: 0; width: calc(100% - 8px);}
.header .btn-sitemap:hover::before,
.header .btn-sitemap:hover::after{width: 100%;}
.header .search-wrap{display: none;}
.header .search-box{position: relative;}
.header .search-box .search-bar{width: 100%}
.header .search-box .search-button{position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.header #header-gnb{flex: 1;}
.header .gnb{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.header .gnb .nav-item{position: relative; flex: 1;}
.header .gnb .gnb1-item{display: flex; align-items: center; gap: 4px;}
.header .gnb .gnb1-item i{transition: .3s;}
.header .gnb .gnb1-item.active i{transform: rotate(180deg);}
.header .gnb .gnb1-item:hover,
.header .gnb .gnb1-item.active{color: var(--color-m);}
.header .gnb .sub-mn-pc{position: absolute; top: calc(100% + 40px); left: 0; display: none; width: 100%; padding: 12px; background-color: white; border-radius: 8px;}
.header .gnb .sub-mn-pc > li{margin-bottom: 8px;}
.header .gnb .sub-mn-pc > li:last-of-type{margin-bottom: 0;}
.header .gnb .sub-mn-pc .gnb2-item{font-size: 16px; color: #555;}
.header .gnb .sub-mn-pc .gnb2-item:hover{color: var(--color-m);}
#mGnb{display: none;}

#footer{border-top: 1px solid rgba(255, 255, 255, 0.5); margin-top: 40px;}
.footer{max-width: 1400px; width: calc(100% - 40px); margin: auto; padding: 32px 0;}
.footer .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.footer .top .title{font-size: 4rem; font-weight: 600;}
.footer .top .go-site{display: flex; justify-content: center; align-items: center; gap: 12px; padding: 16px 24px; color: white; background-color: var(--color-d); border-radius: 28px;}
.footer .top .go-site .ico{width: 20px; aspect-ratio: 1 / 1;}
.footer .top .go-site:hover{background-color: var(--hover-d);}
.footer .bottom{display: flex; justify-content: space-between; align-items: center;}
.footer .bottom .title{font-size: 1.5rem; font-weight: 600;}
.footer .bottom .copy{font-size: 14px; font-weight: 300; opacity: 0.8;}
.footer .bottom .sns-wrap{display: flex; justify-content: center; align-items: center; gap: 12px;}
.footer .bottom .sns-wrap .item{width: 24px; aspect-ratio: 1 / 1; opacity: 0.8;}
.footer .bottom .sns-wrap .item:hover{opacity: 1;}

#wrapper.bg-white #footer{background-color: #a41034; color: white;}


@media (max-width:1600px){}

@media (max-width:1400px){}

@media (max-width:1200px){}

@media (max-width:1024px){
	.header .header-inner.pcgnb{display: none;}
	.header .header-inner.mgnb{display: flex;}
	
		
	/* 모바일메뉴 */
	#mGnb{display:block !important;position:fixed;top:0;right:-500px;width:500px;height:100%;background:#fff;z-index:500;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
	#mGnb .mGlobTop{position:absolute;top:0;left:0;padding:30px;width:100%;z-index:5; display: none;}
	#mGnb .mGlobTop span{display:inline-block;padding-top:4px;font-family: 'YDV2002';font-size:24px;color:#fff;vertical-align:middle;line-height:47px}

	#mGnb > ul{padding:60px 20px;width:100%;height:100%;overflow:auto;background:#fff;}
	#mGnb > ul > li{position:relative;font-size:21px;border-bottom:1px solid #d7d7d7}
	#mGnb > ul > li.has-sub::after{position:absolute;top:28px;right:20px;width:17px;height:11px;content:'';background:url('/_res/tongmyong/ce/img/ic_mbgnb_dot.png') no-repeat;background-size:100%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	#mGnb > ul > li > button{position:absolute;top:0;left:0;width:100%;height:70px;text-indent:-999px;overflow:hidden;}
	#mGnb > ul > li.open::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
	#mGnb > ul > li > a{display:block;padding:0 18px;color:#363c3f;line-height:70px}
	#mGnb > ul > li.open > a{color:var(--color-m);font-weight:500}
	#mGnb > ul > li > ul{display:none;padding:20px;border-top:1px solid #d7d7d7}
	#mGnb > ul > li > ul > li{position:relative;}
	#mGnb > ul > li > ul > li.has-sub::after{position:absolute;top:15px;right:20px;width:13px;height:13px;content:'';background:url('/_res/tongmyong/ce/img/ic_mbgnb_s_off.png') no-repeat;background-size:100%;}
	#mGnb > ul > li > ul > li.open::after{background:url('/_res/tongmyong/ce/img/ic_mbgnb_s_on.png') no-repeat;}
	#mGnb > ul > li > ul > li > a{display:block;padding:10px 0;font-size:18px;color:#363c3f;}
	#mGnb > ul > li > ul > li > a:hover,
	#mGnb > ul > li > ul > li.open > a{color:var(--color-m)}
	#mGnb > ul > li > ul > li ul{display:none;padding:8px 0;background:#fff;border-top:1px solid #d7d7d7}
	#mGnb > ul > li > ul > li ul li a{display:block;padding:3px 35px;font-size:14px;color:#363c3f}
	#mGnb .btnMenuClose{display:block;position:absolute;top:20px;right:20px;width:40px;height:40px;text-indent:-999px;overflow:hidden;z-index:100}
	#mGnb .btnMenuClose::before{position:absolute;top:50%;left:50%;width:28px;height:2px;content:'';transform: translateX(-50%) rotate(-45deg);-webkit-transform: translateX(-50%) rotate(-45deg);background:#333;}
	#mGnb .btnMenuClose::after{position:absolute;top:50%;left:50%;width:28px;height:2px;content:'';transform: translateX(-50%) rotate(45deg);-webkit-transform: translateX(-50%) rotate(45deg);background:#333;}
	#mGnb.on{right:0} 

	.footer .bottom{flex-direction: column; gap: 8px;}
	
}

@media (max-width:720px){
	html, body{font-size: 14px}
	
	/*스크롤 테이블*/
	.tbl-basic tbody :is(th, td){padding: 12px;}
	.scroll-table{overflow-x: auto; position: relative;}
	.scroll-table table{min-width: 740px;}
	.ico-scroll{display:block; width:48px; aspect-ratio: 1 / 1; background:url('/_res/tongmyong/_share/img/ico-mobile.png') rgba(158, 28, 28, .8) center / 60% no-repeat; border-radius:50%; position:absolute; top:20px; left:50%; z-index:10; animation: table-scroll 1s infinite;}
	@keyframes table-scroll {
		0% {transform:translate(-50%, 0);}
		50% {transform:translate(-50%, -10px);}
		100% {transform:translate(-50%, 0);}
	}
	
	
	.header .header-inner{padding: 12px 20px;}
	.header .logo{width: 100px;}
	
	.footer .top{margin-bottom: 16px; padding-bottom: 16px;}
	.footer .top .title{font-size: 2.5rem;}
	.footer .top .go-site{padding: 12px 20px;}
	
}

@media (max-width:480px){
	.footer .top{flex-direction: column; align-items: flex-start}
}