@charset "utf-8";
/*=================================================================================================
// 명    칭 : 공통 레이아웃 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2018-05-28 김진후 
//=================================================================================================*/


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// 

	clearfix float 높이값 잡아주는 css 클래스

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.clearfix:after {
     visibility: hidden !important;    
     display: block !important;      
     font-size:0;    
     content: ".";        
     clear: both !important; 
     height: 0;          
     }

.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body{background-color:#f0f0f0; overflow-x:hidden;}

.MOB_VIEW{display:none !important;}

#diWrap{position: relative; width:100%; min-width:100%;}
#diContainer{position:relative; width:100%; }
#diContents{position:relative; width:100%;}
#diCon {position:relative; width:100%; overflow: hidden;}

#diContents.web_move{}
#diContents.web_move #diMainTabWrap{position:fixed; top:0; left:0; width:100%; height:60px; line-height:60px; background-color:#fff; padding:0 2%; box-shadow: 0 0 20px #333;}
#diContents.web_move #diMainTabWrap .dcTabLogo{display:block; position:absolute; left:0; width:160px; line-height:60px; color:#333; font-size:14px; background:url(/ko/img/common/logo.png) center center no-repeat; background-size:100%; text-indent:-9999px;}
#diContents.web_move #diMainTabWrap .dcBtnTop{display:block; position:absolute; right:0; width:60px; line-height:60px; color:#333; font-size:14px; background:url(/ko/img/common/btn_ScrollTop.png) center center no-repeat; background-size:30px; text-indent:-9999px;}
#diContents.web_move .dcMainWrap button.dcTabTitle{position:fixed; top:0; height: 60px; width: 110px; margin-left: -55px; line-height: 60px; border-radius:0; background-color:#eee; font-size:14px;}
#diContents.web_move .dcMainWrap button.on{color:#fff; background-color:#333}
#diContents.web_move .dcMainCon01 button.dcTabTitle{margin-left: -175px; }
#diContents.web_move .dcMainCon02 button.dcTabTitle{}
#diContents.web_move .dcMainCon03 button.dcTabTitle{margin-left: 65px; }

.tab_box{position:relative; padding-top: 40px; margin-top:20px;}




#diContents.web_end{position:absolute; bottom:0;}



.dcMainContents{display:none;}
.dcMainCon01 .dcMainContents{padding:20px 0 40px;}
.dcMainCon02 .dcMainContents{padding:20px 0 40px;}
.dcMainCon03 .dcMainContents{padding:20px 0 40px;}

.dcMainWrap{width:100%; margin:0 auto;}
.dcMainWrap button.dcTabTitle{position: absolute; left: 50%; top: 0; z-index: 11; display: inline-block; width: 160px; height: 40px; margin-left: -80px; line-height: 40px; color: #000; background-color:#fff; border-radius:20px; cursor: pointer; z-index:30;}
.dcMainWrap button.on{color:#fff; background-color:#333; border-radius:20px; text-decoration:underline;}
.dcMainWrap button:hover{text-decoration:underline;}
.dcMainCon01 button.dcTabTitle{margin-left: -260px; }
.dcMainCon02 button.dcTabTitle{}
.dcMainCon03 button.dcTabTitle{margin-left: 100px; }


#diMainTabWrap{width:100%;  z-index:10; font-size:0; }
#diMainTabWrap .dcTabControl{}
#diMainTabWrap .dcTabControl button{position:absolute; top:330px; width:50px; height:88px; display: none;}
#diMainTabWrap .dcTabControl button.btnPrev{left:-100px; background:url(/ko/img/common/btn_tabPrev.png) center center no-repeat;}
#diMainTabWrap .dcTabControl button.btnNext{right:-100px; background:url(/ko/img/common/btn_tabNext.png) center center no-repeat;}
#diMainTabWrap .dcTabControl button span{display: inline-block; width: 0; font-size:15px; line-height: 16px; color: transparent; white-space: nowrap; overflow: hidden;}
#diMainTabWrap .dcBtnTop{display:none;}
#diMainTabWrap .dcTabLogo{display:none;}



.basicWrapCenter{width:100%; margin:0 auto;}
.positionRelative{position:relative !important;}
.positionAbsolute{position:absolute !important;}
.positionFixed{position:fixed !important;}

#diHeader{position: relative; z-index:100; border-bottom:solid 1px #b2c3d0;}
#diHeader .dcHeaderTop{position:relative; height:40px; background-color:#003964; z-index: 80; padding:0 2%;}
#diHeader .dcHeaderTop .dcLinkWrap{float:left; font-size:0;}
#diHeader .dcHeaderTop .dcLinkWrap a{font-size:14px; color:#fff; font-weight:300; line-height:40px; margin-right:20px;}
#diHeader .dcHeaderTop .dcSnsWrap{float:right; font-size:0; margin-right: 15px;}
#diHeader .dcHeaderTop .dcSnsWrap a{font-size:14px; color:#7a9ce2; font-weight:300; line-height:40px; margin-left:12px; padding-left:12px;  background:url(/ko/img/common/top_bar01.png) 0 center no-repeat;}
#diHeader .dcHeaderTop .dcSnsWrap a:first-child{background:none;}
#diHeader .dcHeaderTop .dcSnsWrap a:first-child{color:#FF0000;}
#diHeader .dcHeaderTop .dcSnsWrap a:last-child{color:#41c0e2;}
#diHeader .dcHeaderTop .dcBtnAllPrint{float:right; font-size:14px; color:#ccc; font-weight:300; line-height:40px; padding-left:22px;  background:url(/ko/img/common/print.png) 0 center no-repeat;}
#diHeader .dcHeaderTop .dcBtnAllPrint:hover{color:#fff;}


#diHeader .dcHeaderMenu{position:relative; height:100px;  background-color:#fff; padding:0 2%;}
#diHeader .dcHeaderMenu .dcLogoWarp{float:left; margin-right:30px;}
#diHeader .dcHeaderMenu .dcLogoWarp h1{float:left; width:220px; line-height:100px; margin-right:30px;}
#diHeader .dcHeaderMenu .dcLogoWarp h1 a{display:block; background:url(/ko/img/common/logo.png) center center no-repeat; background-size:100%; text-indent:-9999px;}
#diHeader .dcHeaderMenu .dcLogoWarp h2{float:left; width:117px; line-height:100px;}
#diHeader .dcHeaderMenu .dcLogoWarp h2 a{display:block; background:url(/ko/img/common/newBI.png) center center no-repeat; background-size:100%; text-indent:-9999px;}

#diHeader .dcHeaderMenu .dcMenuWrap{float:left; margin-right:40px; display:none;}
#diHeader .dcHeaderMenu .dcMenuWrap ol{}
#diHeader .dcHeaderMenu .dcMenuWrap ol li{float:left; height:100px; padding: 20px 30px;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li:last-child{margin:0;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li p{font-size:20px; font-weight:400; color:#333;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li:hover p{color:#ff5400;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li.selceted p{color:#ff5400;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li a.dc1depthTit{line-height:47px; text-align:center; font-size:20px; font-weight:400; color:#333; cursor:pointer;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li a.dc1depthTit:hover{font-weight:400; color:#ff5400;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li a.hover{font-weight:400; color:#ff5400;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth01 ul{background:url(/ko/img/common/bg_2depthMenu.png) 0 0 repeat-y;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth01 .dc2depthWrap .dc1depthTit2 p{color:#003964;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth02 ul{background:url(/ko/img/common/bg_2depthMenu02.png) 0 0 repeat-y;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth02 .dc2depthWrap .dc1depthTit2 p{color:#5685dd;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth03 ul{background:url(/ko/img/common/bg_2depthMenu03.png) 0 0 repeat-y;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth03 .dc2depthWrap .dc1depthTit2 p{color:#56a9dd;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth04 ul{background:url(/ko/img/common/bg_2depthMenu04.png) 0 0 repeat-y;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth04 .dc2depthWrap .dc1depthTit2 p{color:#3aaec5;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth05 ul{background:url(/ko/img/common/bg_2depthMenu05.png) 0 0 repeat-y;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth05 .dc2depthWrap .dc1depthTit2 p{color:#4b4cb2;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li .dc2depthWrap{display:none; position:absolute; top:100px; left:0; width:100%; border-bottom:solid 1px #b2c3d0; background:url(/ko/img/common/bg_2depth.png) 0 0 no-repeat #fff; z-index:99; }
#diHeader .dcHeaderMenu .dcMenuWrap ol li .dc2depthWrap .dc1depthTit2{float:left; width:160px; }
#diHeader .dcHeaderMenu .dcMenuWrap ol li .dc2depthWrap .dc1depthTit2 p{font-size:24px; font-weight:300; color:#003964; padding: 25px 25px 0 0;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap{float:left; width: 1120px; padding: 20px 0;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li{float:left; width:100%; height:auto; line-height:22px; padding:0; margin:0 0 15px 0;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li:last-child{margin:0;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li a.dc2depthTit{float:left; width:210px; font-size:16px; font-weight:300; color:#fff; padding:4px 20px;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li:hover a.dc2depthTit{background-color:#475b69;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li ul{float:left; width: 793px; background:none !important; padding:0 0 0 20px;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li ul li{float:left; width:auto; line-height: 22px; background:url(/ko/img/common/top_bar01.png) no-repeat right center; padding:2px 15px 2px 0; margin:0 15px 0 0; }
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li ul li:last-child{margin:0; padding-right:0; background:none;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li ul li a{font-size:16px; font-weight:300; color:#333;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth01 ul li ul li a:hover{text-decoration:underline; font-weight:400; color:#658196; }
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth02 ul li ul li a:hover{text-decoration:underline; font-weight:400; color:#5685dd; }
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth03 ul li ul li a:hover{text-decoration:underline; font-weight:400; color:#56a9dd; }
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth04 ul li ul li a:hover{text-decoration:underline; font-weight:400; color:#5ac3d8; }
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth05 ul li ul li a:hover{text-decoration:underline; font-weight:400; color:#8182df; }

#diHeader .dcHeaderMenu .dcLangWrap{float:left; padding-top: 40px; margin-right:20px;}
#diHeader .dcHeaderMenu .dcLangWrap a{display:block; border:1px solid #9e9e9e; border-radius:30px; width:64px; height:24px; font-size:14px; color:#515151; text-align:center;}

#diHeader .dcHeaderMenu .dcSearchWrap{position:absolute; top:0px; right:calc(2% + 40px);}
#diHeader .dcHeaderMenu .dcSearchWrap button.dcBtnSearchOpen{width:19px; line-height:100px; background:url(/ko/img/common/btn_search.png) center center no-repeat; text-indent:-99999px; margin-right: 5px;}
.dcSearchBar{display:none; position:absolute; top: 141px; right: 0;  width:100%; height:100px; background:rgba(0,0,0,0.8); z-index: 90;}
#diContents .dcSearchBar{display:none; position:fixed; top:140px; right: 0;  width:100%; height:100px; background:rgba(0,0,0,0.8); z-index: 90;}
#diContents .dcSearchBar.fixed{top:100px;}
.dcSearchBar .dcSearchDetail{position:relative; width:100%;height:55px; padding: 0 2%; margin:22px auto; border-bottom:solid 1px #7d7d7d;}
.dcSearchBar .dcSearchDetail .selectBox01{float:left;  position:relative;display:inline-block;width:150px;height:55px;}
.dcSearchBar .dcSearchDetail .selectBox01 select{display:block; width: 100%; height:55px; z-index:10; font-family:'Noto Sans Korean'; font-weight:100; border:0; font-size:22px; color:#fff;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background:url(/ko/img/common/bg_searchSelect.png) right center no-repeat; /* 화살표 모양의 이미지 */ 
}
.dcSearchBar .dcSearchDetail .selectBox01 select::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.dcSearchBar .dcSearchDetail .selectBox01 select option{background:rgba(0,0,0,0.8); font-weight:100; }
.dcSearchBar .dcSearchDetail input{float:left; display:block; width:440px; height:55px; line-height:55px; border:0; padding:0 20px; font-family:'Noto Sans Korean'; font-size:22px; color:#fff; background:none;}
.dcSearchBar .dcSearchDetail button{float:left; display:block; width:30px; height:55px; background:url(/ko/img/common/btn_search2.png) center center no-repeat; text-indent:-99999px;}
.dcSearchBar button.dcBtnSearchClose{position: absolute; top: 12px; right: 2%; width:40px; height:40px; background:url(/ko/img/common/btn_close.png) center center no-repeat; text-indent:-99999px;}


#diHeader .dcHeaderMenu .dcSiteMap{position:absolute; top:0px; right:2%;}
#diHeader .dcHeaderMenu .dcSiteMap .dcBtnAllMenuOpen{width:25px; line-height:100px; background:url(/ko/img/common/btn_allMenu.png) center center no-repeat; text-indent:-99999px;}

.dcAllSiteMapWrap{display:none !important;}

.dcSiteMapWrap{display:none; position: fixed; right: 0; top: 0; width:40%; height:100%; z-index:102; overflow: hidden auto; background-color:#333; }
.dcSiteMapWrap .dcSiteMapLi{z-index:99; position: relative; padding:60px 0; }
.dcSiteMapWrap .dcSiteMapLi ol{border-top:solid 1px #555;}
.dcSiteMapWrap .dcSiteMapLi ol > li{width:100%; clear:both; border-bottom:solid 1px #555;}
.dcSiteMapWrap .dcSiteMapLi ol > li#di1depth001.on{background-color:#658196;}
.dcSiteMapWrap .dcSiteMapLi ol > li#di1depth002.on{background-color:#5685dd;}
.dcSiteMapWrap .dcSiteMapLi ol > li#di1depth003.on{background-color:#56a9dd;}
.dcSiteMapWrap .dcSiteMapLi ol > li#di1depth004.on{background-color:#5ac3d8;}
.dcSiteMapWrap .dcSiteMapLi ol > li#di1depth005.on{background-color:#8182df;}
.dcSiteMapWrap .dcSiteMapLi ol > li#di1depth006.on{background-color:#BA68C8;}
.dcSiteMapWrap .dcSiteMapLi ol > li > button{display:block; position:relative; width:100%; text-align:left; font-size:18px; font-weight:500; color:#fff; padding:10px 5%;}
.dcSiteMapWrap .dcSiteMapLi ol > li > button:after{ width: 12px; height: 12px; background-color: transparent; content: ""; margin-top: -10px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 26px; bottom: auto; left: auto; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.dcSiteMapWrap .dcSiteMapLi ol > li.on > button:after{margin-top: -2px; transform: rotate(315deg); -webkit-transform: rotate(315deg);}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap{display:none;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul{background-color:#fff; overflow:hidden;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li{border-bottom:solid 1px #ddd;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li:last-child{border:0;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li > a{display: block; position:relative; font-size:16px; font-weight:300; color:#333; text-align:left; width:100%; padding: 15px 30px 15px 20px;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li > a.child:before {width: 13px; height: 1px; background-color: #c2c2c2; content: ""; position: absolute; top: 25px; right: 23px;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li > a.child:after{width: 1px; height: 13px; background-color: #c2c2c2; content: ""; position: absolute; top: 19px; right: 29px;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li.on > a.child:before {background-color: #102d47;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li.on > a.child:after {display:none;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li.on > a{color:#102d47; font-weight:600;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li > ul{display:none; border-top:solid 1px #ddd;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li > ul > li{background-color:#ccc;}
.dcSiteMapWrap .dcSiteMapLi ol > li > .depth_wrap > ul > li > ul > li > a{display: block; font-size:16px; font-weight:300; color:#333; text-align:left; width:100%; padding:5px 20px 5px 30px;}
.dcSiteMapWrap .dcSiteMapLi ol > a{display:block; width:100%; font-size:16px; font-weight:400; color:#fff; padding:15px;}
.dcSiteMapWrap .dcBtnAllMenuClose{position: absolute; top:0; right:0; width:60px; background-color:#333; }
.dcSiteMapWrap .dcBtnAllMenuClose p{line-height:60px; background:url(/ko/img/common/btn_allmenuclose.png) center center no-repeat; background-size:20px; text-indent:-99999px;}

.bgAllmenu{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index:101;}

#diHeader .dcHeaderMenu.fixed{position:fixed; width:100%; top:0px; left:0px; box-shadow: 0 0 20px #000;}
.dcSubTitleBar.fixed{padding:150px 0 42px 0;}


.dcSubTitleBar{padding:30px 0 42px 0; background:url(/ko/img/common/bg_subTitle.png) center center no-repeat; background-size: cover;}
.dcSubTitleBar h2.dcSubTitle{text-align:center; line-height:30px; color: #070707; font-size:25px;}
.dcSubTitleBar .dcNavi{text-align:center;}
.dcSubTitleBar .dcNavi span{color: #666; font-size:14px;}

.dcSubConWarp{}
.dcSubConWarp #diSideMenu{position:relative; width:100%;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap{display:none;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu{}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu h3.dcLeftTitle{display:none; height: 160px; line-height:160px; text-align: center; color: #fff; font-size:27px; font-weight:300; background-color:#003964;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList{background-color:#fff;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul{}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li{line-height:50px; border-bottom:solid 1px #ddd; background:url(/ko/img/common/ico_leftmenu_off.png) 200px 17px no-repeat #fff;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:last-child{border-bottom:0;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.active{background:url(/ko/img/common/ico_leftmenu_on.png) 200px 17px no-repeat #658196;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.active a{font-weight:400; color:#fff; text-decoration:none;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.active ul{display:block;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.active ul li{background-color:#eff6fc; }
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.active ul li:first-child{padding-top:10px;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.active ul li:last-child{padding-bottom:10px;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.active ul li a{text-decoration:none; font-weight:300; color:#333; background:url(/ko/img/common/ico_leftmenubar.png) 25px 17px no-repeat;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.active ul li.selected a{text-decoration:underline; font-weight:300; color:#003964;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.active ul li:hover a{text-decoration:underline; color:#003964;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:hover{background:url(/ko/img/common/ico_leftmenu_on.png) 200px 17px no-repeat #658196;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:hover a{font-weight:400; color:#fff; text-decoration:none;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:hover ul li{background:none;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:hover ul li a{font-weight:300; color:#333; text-decoration:none;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li a{display:block; font-size:18px; color:#333; font-weight:300; padding:0 20px;  }
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li ul{display:none; border-top:solid 1px #ddd; background-color:#eff6fc; }
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li ul li{line-height:22px; border:0; background:none;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li ul li:first-child{padding-top:10px;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li ul li:last-child{padding-bottom:10px;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li ul li a{display:block; font-size:16px; text-decoration:none; font-weight:300; color:#333; padding:5px 20px 5px 40px; background:url(/ko/img/common/ico_leftmenubar.png) 25px 17px no-repeat;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li ul li.selected a{text-decoration:underline; font-weight:300; color:#003964;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li ul li:hover a{text-decoration:underline; color:#003964;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap a.dcBtnTop{display:none; text-align:center; font-size:14px; color:#fff; font-weight:300; background-color:#666; padding:10px 0;}
.dcSubConWarp #diSideMenu.leftMenuMv{position:fixed; top:0;}
.dcSubConWarp #diSideMenu.leftMenuMvEnd{position:absolute; bottom:0;}



.dcSubConWarp .dcContentsWrap{position:relative; width:100%; background-color:#fff;  }
.dcSubConWarp .dcContentsWrap .dcCon{padding:50px 2%; min-height:500px;}

.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap{padding:20px 2%; }
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox{padding:20px; border:solid 1px #ddd;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox h6{font-size:16px; font-weight:300; color:#fff; background-color:#658196; margin:0 0 10px 0; padding:5px 10px; text-align: center;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcCheckWrap{border-bottom:solid 1px #aaa; padding:0 0 10px 0;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcRadioChk{text-align:center; margin:0 0 10px 0;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcRadioChk input{}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcRadioChk label{font-size:16px; font-weight:300; color:#333; margin-right:15px;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcTextArea{margin:0 0 10px 0;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcTextArea textarea{width:100%; height:100px;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcSubmit{}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcSubmit a{display:block; padding:2px 30px; text-align:center; font-size:15px; font-weight:300; color:#fff; background-color:#003964; border-radius:20px;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcAdminWrap{padding:10px 0 0 0;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcAdminWrap ul{text-align:center; font-size:0;}
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcAdminWrap ul li{display:inline-block; font-size:14px; font-weight:300; color:#333; padding-right:15px; margin-right:15px; background:url(/ko/img/common/ft_bar01.png) right center no-repeat; }
.dcSubConWarp .dcContentsWrap .dcSatisfactionWrap .dcSatisBox .dcAdminWrap ul li:last-child{background:none;}

#diFooter{position: relative; width:100%; z-index:30;}
#diFooter .dcFooterTop{background-color:#777; font-size:0; padding:0 2%;}
#diFooter .dcFooterTop a{height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:300; padding-right:10px; margin-right:10px; background:url(/ko/img/common/ft_bar01.png) right center no-repeat; }
#diFooter .dcFooterTop a:last-child{background:none;}
#diFooter .dcFooterTop a.strong{color:#ffff00; font-weight:400;}
#diFooter .dcFooterMid{position:relative; background-color:#535353; padding:30px 2%; overflow:hidden;}
#diFooter .dcFooterMid .dcLeft{float:left; width:80%;}
#diFooter .dcFooterMid .dcLeft address{font-size:14px; color:#aaa; font-weight:300;}
#diFooter .dcFooterMid .dcLeft address a{color:#aaa;}
#diFooter .dcFooterMid .dcLeft address span{margin:0 0 0 40px;}
#diFooter .dcFooterMid .dcLeft ul{overflow:hidden;}
#diFooter .dcFooterMid .dcLeft ul li{float:left; position:relative; font-size:14px; color:#aaa; font-weight:300; padding:0 10px 0 0; margin:0 10px 0 0;}
#diFooter .dcFooterMid .dcLeft ul li:after{content:''; display:block; position:absolute; top:6px; right:0; width:1px; height:10px; background-color:#aaa;}
#diFooter .dcFooterMid .dcLeft ul li:last-child:after{display:none; margin:0; padding:0;}
#diFooter .dcFooterMid .dcLeft ul li a{color:#aaa; font-weight:300;}
#diFooter .dcFooterMid .dcLeft p{font-size:14px; color:#aaa; font-weight:300; }
#diFooter .dcFooterMid .dcRight{float:left; width:20%; line-height:61px;}
#diFooter .dcFooterMid .dcRight a.dcWamark{display:block; background:url(/ko/img/common/imgLogoWa.png) 100% center no-repeat; background-size:93px; text-indent:-9999px; width:100%;}


#diTopGOWrap{display:none; position:fixed; bottom:30px; right:5%; width:40px; height:40px; z-index:997; border-radius:10px;}
#diTopGOWrap button#diBtnTop{width:40px; height:40px; background:url(/ko/img/common/btnTop.png) 50% 50% no-repeat #f47521; text-indent:-99999px; background-size:23px; border-radius:10px;}




/* input&checkbox 스타일 =================================================================================================*/
input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label{
	cursor:pointer;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:17px;
    height:17px;
    margin:0 5px 3px 0;
    vertical-align:middle;
    background:url(/ko/img/common/bg_check02_off.png) center center no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(/ko/img/common/bg_check02_on.png) center center no-repeat;
}

/* input[type="radio"] { */
/*     display:none; */
/* } */

/* input[type="radio"] + label{ */
/* 	cursor:pointer; */
/* } */

/* input[type="radio"] + label button { */
/*     display:inline-block; */
/*     width:16px; */
/*     height:16px; */
/*     margin:0 5px 0 0; */
/*     vertical-align:middle; */
/*     background:url(/ko/img/common/bg_radio_off.png) center center no-repeat; */
/*     cursor:pointer; */
/*     text-indent:-99999px; */
/* } */

/* input[type="radio"]:checked + label button { */
/*     background:url(/ko/img/common/bg_radio_on.png) center center no-repeat; */
/* } */


/* //input&checkbox 스타일 =================================================================================================*/

/* //바로가기 header/allmenu/leftmenu =================================================================================================*/

#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li a span.dcLinkMenu{display: inline-block; width:25px; height:22px; background:url(/ko/img/common/icoLinkIcon.png) right center no-repeat; text-indent: -99999px; }
.dcSiteMapWrap .dcSiteMapLi ol li ul.dc2depthWrap li a span.dcLinkMenu{display: inline-block; width:25px; height:22px; background:url(/ko/img/common/icoLinkIcon.png) right center no-repeat; text-indent: -99999px; }
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:hover a span.dcLinkMenu{display: inline-block; width:25px; height:49px; background:url(/ko/img/common/icoLinkIcon_on.png) right center no-repeat; text-indent: -99999px; }
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li a span.dcLinkMenu{display: inline-block; width:25px; height:49px; background:url(/ko/img/common/icoLinkIcon.png) right center no-repeat; text-indent: -99999px; }
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li ul li a span.dcLinkMenu{display: inline-block; width:25px; height:21px; background:url(/ko/img/common/icoLinkIcon.png) right center no-repeat; text-indent: -99999px; }
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:hover ul li a span.dcLinkMenu{display: inline-block; width:25px; height:21px; background:url(/ko/img/common/icoLinkIcon.png) right center no-repeat; text-indent: -99999px; }

/* 2019-03-19 추가 */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li:focus-within .dc2depthWrap {display:block;} */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li:focus-within a.dc1depthTit{font-weight:400;color:#ff5400;} */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li:focus-within a.dc2depthTit{background-color:#475b69;} */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth01 ul li ul li a:focus-within{text-decoration:underline;font-weight:400;color:#658196;} */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth02 ul li ul li a:focus-within{text-decoration:underline;font-weight:400;color:#5685dd;} */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth03 ul li ul li a:focus-within{text-decoration:underline;font-weight:400;color:#56a9dd;} */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth04 ul li ul li a:focus-within{text-decoration:underline;font-weight:400;color:#5ac3d8;} */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth05 ul li ul li a:focus-within{text-decoration:underline;font-weight:400;color:#8182df;} */
/* .dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:focus-within{background:url(/ko/img/common/ico_leftmenu_on.png) 200px 17px no-repeat #658196; } */
/* .dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:focus-within a{font-weight:400; color:#fff; text-decoration:none;} */
/* .dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:focus-within ul li{background:none;} */
/* .dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:focus-within ul li a{font-weight:300; color:#333; text-decoration:none;} */
/* .dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:focus-within ul{display:block;} */
/* .dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li:focus-within ul li:focus-within a{text-decoration:underline;font-weight:300;color:#003964;} */
/* .dcSiteMapWrap .dcsiteMapLi ol li #di1depth01 ul.dc2depthWrap li a:focus-within{color:#658196;} */
/* .dcSiteMapWrap .dcsiteMapLi ol li #di1depth02 ul.dc2depthWrap li a:focus-within{color:#5685dd;} */
/* .dcSiteMapWrap .dcsiteMapLi ol li #di1depth03 ul.dc2depthWrap li a:focus-within{color:#56a9dd;} */
/* .dcSiteMapWrap .dcsiteMapLi ol li #di1depth04 ul.dc2depthWrap li a:focus-within{color:#5ac3d8;} */
/* .dcSiteMapWrap .dcsiteMapLi ol li #di1depth05 ul.dc2depthWrap li a:focus-within{color:#8182df;} */

/* 2019-04-11 추가 */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li:hover .dc2depthWrap{display:block;} */
/* #diHeader .dcHeaderMenu .dcMenuWrap ol li:hover a.dc1depthTit{font-weight:400; color:#ff5400;} */

/* 2019-04-15 추가 */
#diHeader .dcHeaderMenu .dcMenuWrap ol li a.on{font-weight:400;color:#ff5400;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li ul.dc2depthWrap li a.on{background-color:#475b69;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth01 ul li ul li a.on{text-decoration:underline;font-weight:400;color:#658196;background:none;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth02 ul li ul li a.on{text-decoration:underline;font-weight:400;color:#5685dd;background:none;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth03 ul li ul li a.on{text-decoration:underline;font-weight:400;color:#56a9dd;background:none;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth04 ul li ul li a.on{text-decoration:underline;font-weight:400;color:#5ac3d8;background:none;}
#diHeader .dcHeaderMenu .dcMenuWrap ol li#di1depth05 ul li ul li a.on{text-decoration:underline;font-weight:400;color:#8182df;background:none;}
.dcSiteMapWrap .dcSiteMapLi ol li#di1depth01 ul.dc2depthWrap li a.on{text-decoration:underline;color:#658196;}
.dcSiteMapWrap .dcSiteMapLi ol li#di1depth02 ul.dc2depthWrap li a.on{text-decoration:underline;color:#5685dd;}
.dcSiteMapWrap .dcSiteMapLi ol li#di1depth03 ul.dc2depthWrap li a.on{text-decoration:underline;color:#56a9dd;}
.dcSiteMapWrap .dcSiteMapLi ol li#di1depth04 ul.dc2depthWrap li a.on{text-decoration:underline;color:#5ac3d8;}
.dcSiteMapWrap .dcSiteMapLi ol li#di1depth05 ul.dc2depthWrap li a.on{text-decoration:underline;color:#8182df;}

/*2019-04-25*/
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li.over{background:url(/ko/img/common/ico_leftmenu_on.png) 200px 17px no-repeat #658196;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li a.on{font-weight:400; color:#fff; text-decoration:none;}
.dcSubConWarp #diSideMenu .dcLeftMenuWrap .dcLeftMenu #diLeftMenuList ul li ul li a.on{text-decoration:underline; color:#003964;

/*2021-06-08 통합검색 페이지 만족도 조사*/
#searchIframe .dcSatisfactionWrap{padding:20px 2%; }
#searchIframe .dcSatisfactionWrap .dcSatisBox{padding:20px; border:solid 1px #ddd;}
#searchIframe .dcSatisfactionWrap .dcSatisBox h6{font-size:16px; font-weight:300; color:#fff; background-color:#658196; margin:0 0 10px 0; padding:5px 10px; text-align: center;}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcCheckWrap{border-bottom:solid 1px #aaa; padding:0 0 10px 0;}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcRadioChk{text-align:center; margin:0 0 10px 0;}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcRadioChk input{}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcRadioChk label{font-size:16px; font-weight:300; color:#333; margin-right:15px;}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcTextArea{margin:0 0 10px 0;}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcTextArea textarea{width:100%; height:100px;}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcSubmit{}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcCheckWrap .dcSubmit a{display:block; padding:2px 30px; text-align:center; font-size:15px; font-weight:300; color:#fff; background-color:#003964; border-radius:20px;}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcAdminWrap{padding:10px 0 0 0;}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcAdminWrap ul{text-align:center; font-size:0;}
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcAdminWrap ul li{display:inline-block; font-size:14px; font-weight:300; color:#333; padding-right:15px; margin-right:15px; background:url(/ko/img/common/ft_bar01.png) right center no-repeat; }
#searchIframe .dcSatisfactionWrap .dcSatisBox .dcAdminWrap ul li:last-child{background:none;}