@charset "UTF-8";


@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


body	{ font-family: 'Noto Sans KR', NanumSquare, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }
*	{ font-family: 'Noto Sans KR', NanumSquare, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }


hr.linebreak	{ display: none; }



#gnb .ld1 .cd1c6:after	{ content: none; }

#gnb .cd1c1,
#gnb .ld1 .cd1c7,
#gnb .ld1 .cd1c8,
#gnb .ld1 .cd1c9,
#gnb .ld1 .cd1c10	{ display: none; }


#gnb .ld1 .child_tabmenu > div	{ display: none; }
.sub-gnb-list .child_tabmenu > div	{ display: none; }


@media (max-width: 1600px)
{
	#gnb .child_tabmenu > div	{ display: none; }
	
	#gnb .cd2	{ height: auto; min-height: 60px; }
	
	#gnb .lb2	{ border-top: 1px dashed #eee; }
	#gnb .ld3	{ padding-left: 40px; }
	#gnb .l3	{ position: relative; display: flex; align-items: center; height: 40px; line-height: 1.2; padding: 0 20px 0 20px; font-size: 1.3em; }
	#gnb .l3:before	{ position: absolute; left: 0; top: 50%; width: 4px; height: 1px; background-color: #666; content: ""; }
}



#container-main .mainpopup-list > div	{ position: relative; }
#container-main .mainpopup-list > div > a	{ position: absolute; left: 0; top: 0; }
#container-main .mainpopup-button-stop.stop	{ position: relative; background: none; }
#container-main .mainpopup-button-stop.stop:after	{ position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-indent: 0; color: #fff; font-family: serif; font-size: 20px; content: "▶"; }

#container-main .media-list	{ position: relative; }
#container-main .media-list > a	{ position: absolute; left: 0; top: 0; }
@media (max-width: 1600px)
{
	#container-main .mainpopup-list	{ width: calc(100% - 75px); }
}



#container-sub .doc_title-box > h2,
#container-sub .sub-gnb > h2	{ font-family: inherit; }


.menu_no_2 #container-sub .doc_title-box	{ background-image: url(../image/subvisual02.png); }
.menu_no_3 #container-sub .doc_title-box	{ background-image: url(../image/subvisual03.png); }
.menu_no_5 #container-sub .doc_title-box	{ background-image: url(../image/subvisual04.png); }
.menu_no_6 #container-sub .doc_title-box	{ background-image: url(../image/subvisual05.png); }


.sub-cotent-box .tabmenu	{ max-width: 1280px; margin: 50px auto; }
.sub-cotent-box .tabmenu ul	{ display: table; width: 100%; padding: 0; margin: 0; list-style: none; border: 1px solid #e5e7ea; box-sizing: border-box; }
.sub-cotent-box .tabmenu ul li	{ display: table-cell; width: 5%; padding: 0; margin: 0; list-style: none; border-left: 1px solid #e5e7ea; vertical-align: middle; background: none; }
.sub-cotent-box .tabmenu ul li:first-child	{ border-left: 0 none; }
	.tabwidthauto .sub-cotent-box .tabmenu ul li	{ width: auto; }
.sub-cotent-box .tabmenu ul li a	{ display: table; width: 100%; height: 100%; font-size: 18px; }
.sub-cotent-box .tabmenu ul li a:focus, .sub-cotent-box .tabmenu ul li a:hover, .sub-cotent-box .tabmenu ul li a:active	{ background-color: #f0f0f0; color: #000; }
.sub-cotent-box .tabmenu ul li a.open	{ background-color: #666; color: #fff; font-weight: 500; }
.sub-cotent-box .tabmenu ul li a span	{ display: table-cell; height: 66px; line-height: 22px; vertical-align: middle; text-align: center; }

.sub-cotent-box .tabmenu ul + ul	{ display: block; padding: 0 0 0 30px; margin-top: 30px; }
.sub-cotent-box .tabmenu ul + ul li	{ display: inline-block; width: auto; border: 0 none; }
.sub-cotent-box .tabmenu ul + ul li a	{ display: inline-block; width: auto; height: auto; margin-right: 30px; }
.sub-cotent-box .tabmenu ul + ul li a:focus, .sub-cotent-box .tabmenu ul + ul li a:hover, .sub-cotent-box .tabmenu ul + ul li a:active	{ background-color: transparent; color: #2657a7; }
.sub-cotent-box .tabmenu ul + ul li a.open	{ background-color: transparent; color: #2657a7; font-weight: 500; }
.sub-cotent-box .tabmenu ul + ul li a span:before	{ display: inline-block; width: 10px; font-weight: bold; content: "·"; }


#container-sub .menu_path_mobile	{ display: none; }

@media (max-width: 1600px)
{
	/* 메뉴 경로 처리 변경 */
	
	#container-sub .menu_path	{ display: none; }
	
	
	#container-sub .menu_path_mobile	{ position: absolute; left: 0; bottom: -60px; z-index: 8; display: flex; width: 100%; height: 61px; padding-left: 60px; background: #fff; border-bottom: 1px solid #d2d2d2; }
	#container-sub .menu_path_mobile a.home	{ position: absolute; left: 0; top: 0; width: 60px; height: 100%; text-indent: -999px; overflow: hidden; }
	#container-sub .menu_path_mobile a.home:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/sub-home.png) no-repeat center center; content: ""; }
	#container-sub .menu_path_mobile ul	{ position: relative; flex: 1; height: 60px; background-color: #fff; border-left: 1px solid #d2d2d2; }
	#container-sub .menu_path_mobile ul.open	{ height: auto; }
	#container-sub .menu_path_mobile ul:after	{ position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 60px; content: "▼"; }
	#container-sub .menu_path_mobile ul li	{ display: none; background-color: #fff; }
	#container-sub .menu_path_mobile ul li.open	{ display: block; }
	#container-sub .menu_path_mobile ul.open li	{ display: block; border-width: 0 1px 1px 1px; border-style: solid; border-color: #d2d2d2; background-color: #f0f0f0; }
	#container-sub .menu_path_mobile ul li a	{ display: flex; align-items: center; justify-content: flex-start; height: 60px; line-height: 1.1; padding: 0 40px 0 20px; font-size: 14px; }
}
@media all and (max-width: 7680px)
{
	#container-sub .menu_path_mobile	{ padding-left: 40px; }
	#container-sub .menu_path_mobile a.home	{ width: 40px; }
	#container-sub .menu_path_mobile ul li a	{ padding-left: 10px; }
}



@media all and (max-width: 900px)
{
	.sub-cotent-box .tabmenu	{ margin: 20px 5px 30px 5px; }
	.sub-cotent-box .tabmenu ul	{ display: block; border-width: 0 1px 1px 0; }
	.sub-cotent-box .tabmenu ul:after	{ display: block; clear: both; content: ""; }
	.sub-cotent-box .tabmenu ul li	{ position: relative; display: block; float: left !important; clear: none !important; width: 33.333% !important; margin-bottom: -1px; border-width: 1px 0; border-style: solid; border-color: #e5e7ea; box-sizing: border-box; }
	.sub-cotent-box .tabmenu ul li:nth-child(3n+1),
	.sub-cotent-box .tabmenu ul li:nth-child(3n+2)	{ border-right-width: 1px; }
	.sub-cotent-box .tabmenu ul li:nth-child(3n):before,
	.sub-cotent-box .tabmenu ul li:nth-child(3n+1):before	{ position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #e5e7ea; content: ""; }
	.sub-cotent-box .tabmenu ul li a	{ display: table; width: 100%; font-size: inherit; }
	.sub-cotent-box .tabmenu ul li a:before	{ content: none; }
	.sub-cotent-box .tabmenu ul li a span	{ display: table-cell; width: 100%; height: 40px; line-height: 20px; padding: 0 5px; box-sizing: border-box; text-align: left; vertical-align: middle; overflow: hidden; }
	.sub-cotent-box .tabmenu ul li a span:before	{ margin-left: 10px; }
}

@media all and (max-width: 600px)
{
	.sub-cotent-box .tabmenu ul li	{ width: 50% !important; }
	.sub-cotent-box .tabmenu ul li:nth-child(3n+1),
	.sub-cotent-box .tabmenu ul li:nth-child(3n+2)	{ border-right-width: 0; }
	.sub-cotent-box .tabmenu ul li:nth-child(3n):before,
	.sub-cotent-box .tabmenu ul li:nth-child(3n+1):before	{ content: none; }
	.sub-cotent-box .tabmenu ul li:nth-child(2n+1){ border-right-width: 1px; }
	.sub-cotent-box .tabmenu ul li:nth-child(2n):before	{ position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #e5e7ea; content: ""; }
}




#footer .banner-list .empty	{ width: auto; }



table	{ border-top-color: #000 !important; }