@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');
}
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif:ital,wdth,wght@1,62.5..100,100..900&display=swap');
body{font-family:'Poppins','Noto Sans KR';}

/*
=========================================================================
레이아웃 콘텐츠 css
=========================================================================
*/
.header{position:fixed;top:0;left:0;width:100%;height:100px;display:flex;z-index:150;}
.header .inner{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;padding:23px 0 25px 60px;align-items:flex-start;}
.header .logo-ic .img{width:146px;height:44px;background: url('/_res/tongmyong/ic/img/logo-w.png')no-repeat center;}
.header .logo-ic span{position:absolute;font-family:'poppins';font-size:21px;font-weight:500;color:#fff;margin-left:160px;top:30px;}
/* .header .inner .right{display:flex;align-items:center;margin-left:350px;}
.header .gnb{display:flex;gap:30px;margin-right:80px;margin-right:30px;}
.header .nav-item{font-weight:400;font-size:20px;color:#fff;}*/
.header .group-login{display:flex;justify-content:space-between;align-items:center;padding:36px 60px 35px 50px;background:#063c20;color:#fff;border-radius:0 0 0 40px;font-size:15px;width:680px;height:100px;}
.header .group-login .link-login{position:relative;padding:0 35px 0 40px}
.header .group-login .link-tuhome{position:relative;margin-right:45px;}
.header .group-login .link-tuhome::after{position:absolute;content:'';width:12px;height:12px;background:url('/_res/tongmyong/ic/img/link-ico.png')no-repeat center;top:7px;right:-22px;}
.header .group-login .bar{width:1px;height:13px;background:rgba(255, 255, 255, 0.4)}
.header .group-login .link-login::before{position:absolute;content:'';width:13px;height:14px;top:4px;left:20px;background:url('/_res/tongmyong/ic/img/login-ico.png')no-repeat center;}
.header .group-login .btn-sitemap{background:url('/_res/tongmyong/ic/img/sitemap-ico.png')no-repeat center;width:18px;height:18px;}
.header .right .btn-menu{display:none;}
.header.online::before{position:absolute;top:100px;left:0;width:100%;height:200px;content:'';background:#f6f7f8;border-top:1px solid #dee2e4;border-bottom:1px solid #dee2e4}
.header.fixed{background-color:rgba(0,0,0,0.6);box-shadow:0 5px 30px 0px rgba(120,120,120,0.1);height:100px;}
.header.online{background:#fff;}
.header.online .nav-item a{color:#333;}
.header.online .logo-ic span{color:#333;}
.header.online .logo-ic .img{background: url('/_res/tongmyong/ic/img/logo-g.png');}

.cinner{max-width:1400px;margin:0 auto}

.footer{background:#121715;position:relative;}
.footer .btn-top{position:absolute;top:-30px;right:20px;padding-top:10px;width:60px;height:60px;font-size:15px;color:#04a836;background:#fff;border-radius:50%;z-index:2;box-shadow:5px 10px 11px 10px rgb(0 0 0 / 10%);}
.footer .btn-top::before{position:absolute;top:17px;left:50%;margin-left:-5px;width:10px;height:10px;content:'';border:1px solid #04a836;border-width:2px 2px 0 0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.footer .group-footer{display:flex;justify-content:space-between;padding:55px 60px 45px;}
.footer .text-box{color:#98a1a6;font-size:14px;}
.footer .group-link{border:1px solid rgb(255, 255, 255, 0.3);border-radius:10px;width:220px;position:relative;}
.footer .btn-site{color:#fff;width:100%;text-align:left;padding:15px 20px;}
.footer .btn-site:after{position:absolute;top:50%;right:20px;content:'';width:0;height:0;margin-top:-3px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #89949a;font-size:16px;}
.footer .btn-site.on::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.footer .group-link .site-other-list{position:absolute;width:100%;background-color:rgb(18, 23, 21, 0.9);padding:10px;overflow-y:scroll;height:360px;bottom:70px;/*border:1px solid rgba(82, 82, 82, 0.4);*/display:none;z-index:10;}
.footer .group-link .site-other-list a{color:#fff;}

/*상단 메뉴*/
#gnb .gnb{position:relative;display:flex;gap:30px;margin-right:30px;overflow:hidden;z-index:20;/*padding:15px 0;*/}
#gnb .gnb > li{position:relative;/*float:left;*/margin:0 10px;text-align:center;line-height:1.2;width:120px;font-weight:400;font-size:20px;color:#fff;}
#gnb .gnb > li > a{display:flex;align-items:center;justify-content:center;height:55px}
#gnb .gnb > li > ul{position:relative;top:45px;left:0;width:100%;/*min-height:500px;*/display:none;}
#gnb .gnb > li > ul li{margin-bottom:6px;}
#gnb .gnb > li > ul li a:hover{color:#04a836}
#gnb .gnb > li > ul li a{display:inline-block;padding:7px 0;font-size:16px;color:#636363;font-weight:400;line-height:1.1;width:120px;}
#gnb .sub-mn-pc.on{display:block}


/*lnb*/
.lnbWrap{position:relative;margin:-59px auto 0;padding-right:120px;max-width:1400px;height:60px;background:#fff;border-bottom:1px solid #e5e5e5;z-index:90}

#lnb{background:#ffffff; border-bottom:1px solid #ddd; background-image:none !important;position:relative;margin:-60px auto 0;max-width:1280px;height:60px;z-index:90}
#lnb > ul{position:relative;padding-left:68px;}
#lnb > ul::after{display:block;clear:both;content:''}
#lnb > ul > li{position:relative;float:left;border-right:1px solid #ddd;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
#lnb > ul > li.home{position:absolute;top:0;left:0;width:68px;height:60px;background:#04a836;}
#lnb > ul > li.home a{display:block;height:100%;text-indent:-999px;overflow:hidden;background:url('/_res/tongmyong/iphak/img/ic_home2.png') no-repeat center center;transition:.2s}
#lnb > ul > li.home:hover{background-color:#028073}
#lnb > ul > li button{position:relative;padding-right:40px;width:100%;min-width:230px;height:60px;font-size:17px;text-indent:30px;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:0;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
#lnb > ul > li button::after{position: absolute; top: 50%; right: 25px;content: "";margin-top:-7px;width:10px;height:10px;border:1px solid #3b3b3c;border-width:0 0 1px 1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#lnb > ul > li button.on::after{margin-top:-2px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#lnb > ul > li > ul{display:none;position:absolute;top:60px;left:0;min-width:100%;background:#fff;border-bottom:1px solid #d9dadd;z-index:10}
#lnb > ul > li > ul li{font-size:16px;white-space: nowrap;}
#lnb > ul > li > ul li a{position:relative;display:block;padding:15px 20px;color:#272d38;line-height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:1px solid #d9dadd;border-width:1px 1px 0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}

/* ---- 중간영역 ---- */
#container{position:relative;/*padding-top:135px;*/height:100%;}
#container #content{position:relative;min-height:700px;}
#container #content::after{display:block;clear:both;content:''}

.subVisual{padding-top:70px;height:320px;color:#fff;text-align:center;background-position:center top;background-size:cover;position:relative;}
.subVisual:after {content:'';position:absolute;}
.subVisual {padding-top:125px;}
.subVisual h1{font-size:42px;color:#fff;font-weight:700;line-height:1}

.pageGuid{background:#fff;border-bottom:1px solid #dee2e4}
.pageGuid .box{position:relative;margin:0 auto;padding-top:50px;height:125px;max-width:1280px}
.location{position:relative;display:inline-block;z-index:3}
.location li{position:relative;display:inline-block;padding:0 8px 0 15px;font-size:16px;color:#666f74;}
.location li::after{position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:6px;content:'';border:1px solid #aeb6ba;border-width:0 1px 1px 0;transform:rotate(-45deg)}
.location li.home span{display:block;width:16px;height:13px;text-indent:-999px;overflow:hidden;background:url('/_res/tongmyong/ce/img/ic_home2.png') no-repeat}
.location li.home::after{display:none}

.etcBtn{position:absolute;top:25px;right:20px;padding-top:20px;height:68px;z-index:3}
.etcBtn button{margin-left:5px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;border-radius:50%}
.etcBtn .line{display:inline-block;width:1px;height:20px;vertical-align:middle;background:#e0e0e0}
.etcBtn .btnZoomIn{position:relative;background-image:url('/_res/tongmyong/ce/img/ic_plus.png');}
.etcBtn .btnZoomOut{position:relative;background-image:url('/_res/tongmyong/ce/img/ic_minus.png');}
.etcBtn .btnZoomDet{position:relative;background-image:url('/_res/tongmyong/ce/img/ic_def.png');}
.etcBtn .btnPrint{position:relative;background-image:url('/_res/tongmyong/ce/img/ic_print.png');}
.etcBtn .btnSns{position:relative;display:inline-block;vertical-align:middle}
.etcBtn .btnSns button{background-image:url('/_res/tongmyong/ce/img/ic_share.png');background-color:#34464e}
.etcBtn .btnSns button.on{background-image:url('/_res/tongmyong/ce/img/ic_share_close.png');background-size:60%}
.etcBtn .btnSns ul{display:none;position:absolute;top:45px;right:1px;}
.etcBtn .btnSns ul li{margin-bottom:2px}
.etcBtn .btnSns ul li a{display:block;width:37px;height:37px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:100%;border-radius:50%}
.etcBtn .btnSns ul li.ic1 a{background-image:url('/_res/tongmyong/ce/img/ic_sns1.png')}
.etcBtn .btnSns ul li.ic2 a{background-image:url('/_res/tongmyong/ce/img/ic_sns2.png')}
.etcBtn .btnSns ul li.ic3 a{background-image:url('/_res/tongmyong/ce/img/ic_sns3.png')}
.etcBtn .btnSns ul li.ic4 a{background-image:url('/_res/tongmyong/ce/img/ic_sns4.png')}
.etcBtn .btnSns ul li.ic5 a{background-image:url('/_res/tongmyong/tuhome/img/common/ico-share-url.png');background-size:30px}

#mbLnb{display:none}

/* 영문게시판 */
.viewlist li{padding:0 20px 0 220px;}
.viewTypeA .file{padding:15px 40px 20px 160px;}
.boadSearchA .btn{width:100px;text-indent:32px;background:#34464e url(/_res/tongmyong/ce/img/ic_search2.png) no-repeat 13px center;}

/* 3댑스탭 */
.dapth-tab{max-width:1280px; margin:0 auto 100px;}
.dapth-tab ul{display:flex;flex-wrap:wrap;border-top:1px solid #e4e4e4}
.dapth-tab li{flex-grow:1;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.dapth-tab li:first-child{border-left:1px solid #e4e4e4}
.dapth-tab .item{text-align:center;display:flex;align-items:center;height:60px;font-size:1.15rem;font-weight:500;justify-content:center;transition:.2s}
.dapth-tab .item.on,
.dapth-tab .item:hover{background-color:#009924;color:#fff}

@media screen and (max-width:1700px){
    .header .inner{padding:20px 0 20px 20px}
    .header .logo-ic span{font-size:20px;}
    .header .gnb{margin-right:20px;}
    .header .group-login{padding:36px 40px 35px 40px;}
	.header.fixed{height:auto;}
	.header.online::before{top:160px;height:225px;}
}

@media screen and (max-width:1400px){
    .header{flex-wrap:wrap;flex-direction:column-reverse;height:auto;}
    .header .group-login{width:100%;padding:15px 30px 15px 40px;border-radius:0;justify-content:flex-end;height:60px;}
}

@media screen and (max-width:1200px){
    .cinner{padding:0 20px;}

    .header .inner{background:rgb(0, 0, 0, 0.5);padding:23px 0 25px 20px;}
    .header .right .btn-menu{display:block;position:absolute;right:0;top:0;width:85px;height:85px;text-indent:-999px;overflow:hidden;z-index:110}
	.header .right .btn-menu span{position:relative;display:block;margin:0 auto;width:30px;height:2px;background:#fff;border-radius:2px}
	.header .right .btn-menu span::before{position:absolute;top:-12px;left:0;width:100%;height:2px;content:'';background:#fff;border-radius:2px}
	.header .right .btn-menu span::after{position:absolute;top:12px;left:0;width:100%;height:2px;content:'';background:#fff;border-radius:2px}
/*    .header .right .btn-menu-close{display:block;position:absolute;top:0;right:0;width:110px;height:110px;text-indent:-999px;overflow:hidden;z-index:30;}*/
	.header .group-login .btn-sitemap{display:none;}
	.header .group-login .link-login{padding-right:0;}


    #gnb{display:none}


    #mgnb{display:block !important;position:fixed;top:0;right:-500px;padding-top:110px;width:500px;height:100%;background:#fff;z-index:500;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
	#mgnb .mgnb-top{position:absolute;top:0;left:0;padding:30px;width:100%;z-index:5}
	#mgnb .mgnb-top span{display:inline-block;padding-top:4px;font-size:20px;color:#fff;vertical-align:middle;line-height:47px}

    #mgnb::after{position:absolute;top:0;left:0;width:100%;height:110px;content:'';background:#263238;}
	#mgnb > ul{padding:50px;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/ic/img/ico-mbgnb-arrow.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:#04a836;font-weight:500}
	#mgnb > ul > li > ul{display:none;padding:20px 50px;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/ic/img/ico-mbgnb-arrow.png') no-repeat;background-size:100%;}
	#mgnb > ul > li > ul > li.open::after{background:url('/_res/tongmyong/ic/img/ico-mbgnb-arrow.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:#019687}
	#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 .btn-menu-close{display:block;position:absolute;top:0;right:0;width:110px;height:110px;text-indent:-999px;overflow:hidden;z-index:100}
	#mgnb .btn-menu-close::before{position:absolute;top:50%;left:50%;margin-left:-20px;width:40px;height:3px;content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff;}
	#mgnb .btn-menu-close::after{position:absolute;top:50%;left:50%;margin-left:-20px;width:40px;height:3px;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;}
	#mgnb.on{right:0}

	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:200}
	#wrapper.wra_box{position:fixed;top:0;width:100%;height:auto;z-index:200;}
	
	.subVisual{height:230px;}

	.pageGuid{border-bottom:0}
	.pageGuid .box{padding:0;height:auto}
	.location{display:none}
	.etcBtn{top:0;padding-top:0}
	.etcBtn > button{display:none}

	#container{padding-top:60px}
	
	#lnb{display:none}
	#mbLnb{display:block;border-bottom:1px solid #dee2e4}
	#mbLnb > ul{position:relative;padding-left:85px;display:flex;flex-wrap:wrap;justify-content:left;align-items:flex-start}
	#mbLnb > ul::after{display:block;clear:both;content:''}
	#mbLnb > ul > li{position:relative;/*float:left;width:50%;*/border-right:1px solid #dee2e4;border-top:1px solid #dee2e4;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
	/*#mbLnb > ul > li:last-child{border-right:0}*/
	/* 2depth only */
	#mbLnb > ul > li:first-child:nth-last-child(3),
	#mbLnb > ul > li:first-child:nth-last-child(3) ~ li{width:50%;}
	/* 3depth only */
	#mbLnb > ul > li:first-child:nth-last-child(4),
	#mbLnb > ul > li:first-child:nth-last-child(4) ~ li{width:33.333%;}

	
	#mbLnb > ul > li.home{position:absolute;top:0;left:0;width:85px !important;height:60px;border-right:0;}
	#mbLnb > ul > li.home a{display:block;height:100%;text-indent:-999px;overflow:hidden;background:#019687 url('/_res/tongmyong/ce/img/ic_home3.png') no-repeat center center;}
	#mbLnb > ul > li button{position:relative;padding-right:40px;width:100%;height:60px;font-size:18px;color:#343c40;text-indent:20px;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:0;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
	#mbLnb > ul > li button::after{position: absolute; top: 50%; right: 20px;content: "";margin-top:-12px;width:24px;height:24px;background:url('/_res/tongmyong/ce/img/ic_arrow4.png') no-repeat ;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	#mbLnb > ul > li button.on{background:#fff}
	#mbLnb > ul > li button.on::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
	#mbLnb > ul > li > ul{display:none;position:absolute;top:60px;left:0;min-width:100%;background:#fff;border-bottom:1px solid #d7d7d7;z-index:10}
	#mbLnb > ul > li > ul li{font-size:16px;white-space: nowrap;}
	#mbLnb > ul > li > ul li a{position:relative;display:block;padding:20px 20px;color:#3f464a;line-height:20px;background:#c9dfdd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border:1px solid #d7d7d7;border-width:0 1px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	#mbLnb > ul > li > ul li a:hover,
	#mbLnb > ul > li > ul li.on a{color:#fff;background:#005854}
	
	.ic-site #mbLnb > ul > li.home a{background-color:#04a836}
	
	#mbLnb + #content{padding-top:40px}
	
	.dapth-tab{padding: 0 15px;margin-top:25px;}
	
	#mgnb .mgnb-top span{padding-left:10px;}

}

@media screen and (max-width:1024px){
	.footer .group-footer{flex-wrap:wrap;padding:55px 20px 45px;}
	.footer .text-box{width:100%;margin-bottom:30px;}
	.footer .group-link{width:100%}
}

@media all and (min-width:641px){
	#lnbCon.fix #lnb{position:fixed;top:0;left:0;margin:0;width:100%;height:70px;max-width:100%;z-index:300}	
}

@media screen and (max-width:640px){
	.header .inner{padding:20px 0 20px 20px;}
	.header .logo-ic span{top:25px;}
	
	#mgnb{width:90%;right:-100%;}
	#mgnb .mgnb-top span{font-size:16px;margin-left:5px;}
	#mgnb > ul{padding:20px;}
	#mgnb > ul > li{font-size:16px;padding:0 18px;line-height:50px;}
	#mgnb > ul > li > ul{padding:10px 30px;}
	#mgnb > ul > li > ul > li > a{padding:8px 0;font-size:14px;line-height:2.5;}
	#mgnb > ul > li.has-sub::after{top:20px;}
	
	.etcBtn{top:-8px}
	.etcBtn button{width: 30px;height: 30px;background-size: 12px;}
	.etcBtn .btnSns ul{top: 35px;right:0}
	.etcBtn .btnSns ul li a{width:30px;height:30px}
	
	/*.subVisual{padding-top:40px;height:100px;}*/
	.subVisual{height:200px;}
	.subVisual h1{font-size:25px}
	
	#container{padding-top:50px;}
	#container #content{min-height:400px;}
	
	#mbLnb > ul{padding-left:40px}
	#mbLnb > ul > li.home{width:40px !important;height:41px;}
	#mbLnb > ul > li.home a{background-size:15px}
	#mbLnb > ul > li button{padding-right:30px;height:40px;font-size:14px;text-indent:10px}
	#mbLnb > ul > li button::after{right:10px;margin-top:-8px;width:16px;height:16px;background-size:100%}
	#mbLnb > ul > li > ul{top:40px;width:100%}
	#mbLnb > ul > li > ul li{font-size:13px}
	#mbLnb > ul > li > ul li a{padding:10px 20px 10px 10px}
	#mbLnb > ul > li > ul li a:hover::after, #lnb .lnbBox > ul > li > ul li.on a::after{right:10px}

	#mbLnb + #content{padding-top:25px}
	
	.boadSearchA .btn{background:#34464e;text-indent:unset;text-align:center;}
	.viewTypeA .file{padding:10px 10px 10px 105px;}
	.b-main-box .b-top-box .b-title-box span{font-size:16px;}
	.b-main-box .b-etc-box ul li{font-size:16px;}
	.viewlist li{padding:0 0 0 150px!important;}
	
	.dapth-tab .item{font-size:0.9rem;}
}

@media screen and (max-width:480px){
	.header .inner{padding: 10px 0 15px 20px;}
	.header .inner .right{margin-left:200px;}
	.header .logo-ic .img{width:100px;background-size:95%;background-position:left;}
	.header .logo-ic span{font-size:14px;margin-left:110px;top:20px;}
	.header .group-login{padding:10px 20px 10px 20px;height:50px;}
	.header .group-login .link-tuhome{margin-right:35px;font-size:14px;}
	.header .group-login .link-login{padding-left:30px;font-size:14px;}
	.header .group-login .link-login::before{left:10px;}
	.header .right .btn-menu{width:70px;height:70px;}
	.header .right .btn-menu span::before{top:-10px;}
	.header .right .btn-menu span::after{top:10px;}


	#mgnb{padding-top:70px;}
	#mgnb::after{height:70px;}
	#mgnb > ul{padding:20px;}
	#mgnb .mgnb-top{padding:10px 20px;}
	#mgnb .mgnb-top img{height:30px;}
	#mgnb .btn-menu-close{width:70px;height:70px;}
	#mgnb .btn-menu-close::before{width:24px;height:2px;}
	#mgnb .btn-menu-close::after{width:24px;height:2px;}
	#mgnb > ul > li > a{padding:0 18px;font-size:16px;line-height:50px;}
	#mgnb > ul > li > ul > li > a{font-size:16px;padding:7px 0;line-height:1.5;}
	
	.b-main-box .b-etc-box{position:relative!important;}
	.b-main-box .b-etc-box ul li{font-size:14px;margin-left:0!important;margin-bottom:10px;}
	
}

@media screen and (max-width:350px){
	#mgnb .mgnb-top span{font-size:12px}
}


/*240418 염채은*/


/*----------메뉴----------*/
.header .banner-box{display: flex; align-items: center; gap: 30px;}
.header .logo-ic .img{
	background: url(/_res/tongmyong/ic/img/logo001.png) no-repeat center;
	width: 141px;
    height: 50px;
}
.header.online .logo-ic .img{
	background: url(/_res/tongmyong/ic/img/logo001.png) no-repeat center;
}
.header .logo-tm .img{
	background: url(/_res/tongmyong/_share/img/logo_eng_mb.png) no-repeat center;
	width: 152px;
    height: 47px;
}
.header.online .logo-tm .img{
	background: url(/_res/tongmyong/_share/img/logo_eng.png) no-repeat center;
}
@media screen and (max-width: 640px){
	.header .logo-ic .img, .header .logo-tm .img{
		width: 100px;
		background-size: 100%;
	}
}
.header .group-login{
	background: var(--color-m);
}
#gnb .gnb > li > ul li a:hover{color:var(--color-m)}
@media screen and (max-width: 1200px){
	#mgnb > ul > li > ul > li > a:hover, #mgnb > ul > li > ul > li.open > a {
    	color: var(--color-m);
	}

}


/*!----------f-menu-sec (footer-menu)----------*/
.f-menu-sec{
    background-color: var(--color-m);
}

.f-menu-sec .inner-1400{
    padding: 100px 0;
}
.f-menu-sec .f-menu{
    color: white;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}
.f-menu-sec .f-menu .f-sub-menu{
    margin-top: 15px;
    font-weight: 300;
}
.f-menu-sec .f-menu .f-sub-menu li{
    margin-top: 10px;
    display: block;
}
.f-menu-sec .f-menu .f-sub-menu li a{
    display: inline-block;
}
.f-menu-sec .f-menu .f-sub-menu li a::after{
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    background-color: white;
    transition: 0.3s;
}
.f-menu-sec .f-menu .f-sub-menu li a:hover::after{
    width: 100%;
}



/*!----------FOOTER----------*/

footer{
	font-size: 16px;
}
footer .inner-1400{
    padding: 40px 0;
}
footer .inner-1400,
footer .inner-1400 p{
    text-align: center;
}
footer .inner-1400 .f-logo{
    margin-bottom: 30px;
}
footer .inner-1400 address ltr:nth-child(4){
	display: block;
}



/*!----------반응형----------*/
@media (max-width:640px){
    .f-menu-sec .inner-1400{
        padding: 30px 0;
    }
    footer .f-menu{
        flex-direction: column;
        padding: 0 20px;
    }
    footer .f-menu > li{
        margin: 10px 0;
        text-align: left;
    }
    footer .f-menu .f-sub-menu{
        flex-direction: column;
        opacity: 0;
        max-height: 0;
        transition: 0.3s;
        pointer-events : none;
    }
    footer .f-menu li.f-sub-open .f-sub-menu{
        opacity: 1;
        max-height: 500px;
        pointer-events : all;
    }
    footer .inner-1400 .f-logo{
        width: 25%;
        margin: 0 auto 40px;
    }
    footer .inner-1400, footer .inner-1400 p{
        font-size: 14px;
    }
}