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

body{overflow-x:hidden; min-width:1200px; }

.PC{}
.TABLET{display:none !important;}
.MOBILE{display:none !important;}

.PC_TABLET_SHOW{}
.MOBILE_SHOW{display:none !important;}

.PC_SHOW{}
.TABLET_MOBILE_SHOW{display:none !important;}

.basicWrapCenter{width:1200px; margin:0 auto;}

#diWrap{width:100%; background:url(/modules/_intro/img/index.png) no-repeat 50% 50% #000; background-size:cover;}
#diHeader{position: relative; width: 100%; z-index: 999;}
#diContainer{}

.dcHDTopWrap{position:relative; height:100px;}
.dcHDTopWrap h1#diLogo{position:absolute; top:50%; transform:translateY(-50%); left:0; width:223px; z-index:999;}
.dcHDTopWrap h1#diLogo a{height:84px; background:url(../img/common/logo.png) no-repeat 50% 50%;  text-indent:-9999px}
.dcHDTopWrap h1#diLogo a.hover{background:url(../img/common/logo_hover.png) no-repeat 50% 50%;}

.dcHDTopWrap .dcAllMenuWrap{position:absolute; top:50%; transform:translateY(-50%); right:0; width:20px; z-index: 1000;}
.dcHDTopWrap .dcAllMenuWrap > a{float:left; margin:0 30px 0 0; font-size:17px; color:#633394; overflow:hidden; }
.dcHDTopWrap .dcAllMenuWrap > a > p{float:right; line-height:30px; margin:0 5px 0 0;}
.dcHDTopWrap .dcAllMenuWrap > a > i{float:right; line-height:30px; font-size:30px; }
.dcHDTopWrap .dcAllMenuWrap > button.dcBtnSearch{}
.dcHDTopWrap .dcAllMenuWrap #diBtnAllMenu{float:right; display:block; position:relative; width:20px; height:23px; text-indent:-9999px; z-index:999;}
.dcHDTopWrap .dcAllMenuWrap #diBtnAllMenu .Navibar{position:absolute; left:0; width:16px; height:2px; background-color:#fff; transition:all 0.3s ease; border-radius:7px;}
.dcHDTopWrap .dcAllMenuWrap #diBtnAllMenu .Navibar:before{position:absolute; content:''; display:block; width:16px; height:2px; background-color:#fff; border-radius:7px; top:-10px; right:-4px; transition:all 0.3s ease;}
.dcHDTopWrap .dcAllMenuWrap #diBtnAllMenu .Navibar:after{position:absolute; content:''; display:block; width:16px; height:2px; background-color:#fff; border-radius:7px; top:10px; right:-4px; transition:all 0.3s ease;}
.onBg #diBtnAllMenu .Navibar{background-color:#333; border-radius:7px;}
.onBg #diBtnAllMenu .Navibar:before{background-color:#333; border-radius:7px;}
.onBg #diBtnAllMenu .Navibar:after{background-color:#333; border-radius:7px;}
/* 제이쿼리 추가 */
.dcHDTopWrap .dcAllMenuWrap #diBtnAllMenu .trans {background-color:transparent; transition:all 0.3s ease; border-radius:7px; width:100%;}
.dcHDTopWrap .dcAllMenuWrap #diBtnAllMenu .trans:before {display:block; content:''; position:absolute; top:0px; left:0px; transform:rotate(-45deg); transition:all 0.3s ease; transition:all 0.3s ease; background-color:#000; border-radius:7px; width:100%;}
.dcHDTopWrap .dcAllMenuWrap #diBtnAllMenu .trans:after {display:block; content:''; position:absolute; top:0; left:0px; transform:rotate(45deg); transition:all 0.3s ease; transition:all 0.3s ease; background-color:#000; border-radius:7px; width:100%;}
.dcHDTopWrap .dcAllMenuWrap .dcSiteMapBox{display:none;}

.dcSiteMapWrap{display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 998;}
.dcSiteMapWrap .bgAllmenu{position: fixed; background-color:#ffd503; opacity:0.9; width: 100%; height: 100%;}
.dcSiteMapWrap .dcSiteMapLi{position: absolute; width: 1200px; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 10;}
.dcSiteMapWrap .dcSiteMapLi > ol{overflow:hidden;}
.dcSiteMapWrap .dcSiteMapLi > ol > li{float:left; width:20%;}
.dcSiteMapWrap .dcSiteMapLi > ol > li > a{display:block; width:100%; text-align:center; font-size:30px; font-weight:800; color:#000; padding:10px 0}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul{padding:20px 5px;}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul > li{float:none; width:100%; margin-bottom:20px}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul > li > a{font-size:20px; font-weight:400; color:#333; text-align:center; width:100%; padding:0; line-height:25px;}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul > li > a:hover{text-decoration:underline;}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul > li > ul{padding:10px 0 0 10px;}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul > li > ul > li{margin:0 0 5px 0;}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul > li > ul > li:last-child{margin:0;}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul > li > ul > li > a{font-size:16px; font-weight:400; color:#ccc; line-height: 17px;}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul > li > ul > li > a:hover{text-decoration:underline; color:#fff;}
.dcSiteMapWrap .dcSiteMapLi > ol > li > ul > li > ul > li > ul{display:none;}
.dcSiteMapWrap .dcSiteMapLi > ol > a{display:block; width:100%; font-size:30px; font-weight:800; color:#fff; padding:10px 0}

nav.dcTopMenuWrap{float:right; position:relative; margin:0 90px 0 0;}
nav.dcTopMenuWrap ol{}
nav.dcTopMenuWrap ol > li{float:left; position:relative; text-align:center; margin:0 0 0 20px;}
nav.dcTopMenuWrap ol > li > a{display:block; position:relative; padding:0; line-height:100px; font-size:16px; font-weight:500; color:#fff; text-align:center;}
nav.dcTopMenuWrap ol.on > li > a{color:#333;}
nav.dcTopMenuWrap ol > li:hover > a{color:#ffd503;}
nav.dcTopMenuWrap ol > li.on > a{color:#333; }
nav.dcTopMenuWrap ol > li > a.on{color:#ffd503;}
nav.dcTopMenuWrap ol > li.selected > a{color:#ffd503;}

#diFooter{position:relative; width:100%; background-color:#000;}
#diFooter .dcFTWrap{}
#diFooter .dcFTWrap address{text-align:center; font-weight:200; font-size:14px; color:rgba(255,255,255,0.5); line-height:40px;}
#diFooter .dcFTWrap address a {display:inline; color:rgba(255,255,255,0.5);}

.dcBtnTopWrap{position:absolute; top:0; right:0;}
.dcBtnTopWrap button{width:60px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#000; background-color:#f1f1f1; cursor:pointer;}


.dcSubVisualWrap{position: relative;}
.dcSubVisualWrap .dcSubTitleWrap{position: relative; height:250px; padding:70px 0 0 0;}
.dcSubVisualWrap .dcSubTitleWrap h3.dcSubTitle{text-align:center; font-size:25px; color:#fff; font-weight:700; line-height:30px; margin:0 0 20px 0;}
.dcSubVisualWrap .dcSubTitleWrap p.dcSubText{text-align:center; font-family: 'Chosunilbo_myungjo'; font-size:16px; color:#fff; line-height:20px; margin: 0 0 42px 0;}

#diNavicationWrap{text-align:center; font-size:14px; font-weight:400; color:#666;}
#diNavicationWrap span{display:inline-block; font-family: 'Nanum Gothic', sans-serif; font-size:14px; font-weight:400; color:#666;}
#diNavicationWrap span.dcHome{}

.dcSubVisualWrap .dc2depthWrap{width:100%; height:68px; background:rgba(255,255,255,0.8); margin-top: -68px; z-index: 1; position: relative;}
.dcSubVisualWrap .dc2depthWrap ul.dc2depthList{}
.dcSubVisualWrap .dc2depthWrap ul.dc2depthList li{float:left; width:25%; height:68px; line-height:68px;}
.dcSubVisualWrap .dc2depthWrap ul.dc2depthList li a{text-align:center; font-size:20px; font-weight:300; color:#000;}
.dcSubVisualWrap .dc2depthWrap ul.dc2depthList li.on{background-color:#000;}
.dcSubVisualWrap .dc2depthWrap ul.dc2depthList li.on a{color:#fff; font-weight:400;}

.dcSubVisualWrap .dc2depthWrap #sub_nav{display:none;}

.BgSub01{background:url(../img/subTitle/imgSub01.png) no-repeat 50% 50%; background-size:cover;}
.BgSub10{background:url(../img/subTitle/imgSub10.png) no-repeat 50% 50%; background-size:cover;}
.BgSub20{background:url(../img/subTitle/imgSub20.png) no-repeat 50% 50%; background-size:cover;}
.BgSub30{background:url(../img/subTitle/imgSub30.png) no-repeat 50% 50%; background-size:cover;}
.BgSub40{background:url(../img/subTitle/imgSub40.png) no-repeat 50% 50%; background-size:cover;}
.BgSub50{background:url(../img/subTitle/imgSub50.png) no-repeat 50% 50%; background-size:cover;}
.BgSub60{background:url(../img/subTitle/imgSub60.png) no-repeat 50% 50%; background-size:cover;}
.BgSub70{background:url(../img/subTitle/imgSub70.png) no-repeat 50% 50%; background-size:cover;}
.BgSub90{background:url(../img/subTitle/imgSub90.png) no-repeat 50% 50%; background-size:cover;}

.DCSUB3040 #di_board_wrap{width:1024px; margin:0 auto;}


#diIntroWrap{position: relative; width:1200px; margin:0 auto; overflow:hidden; padding:180px 0;}
#diIntroWrap .dcLeftWrap{position:absolute; top:156px; left:0px; width:400px; z-index:100;}
#diIntroWrap .dcLeftWrap h3{position: relative; font-size:55px; font-weight:500; color:#ddb286; padding:0 0 80px 0; margin:0 0 90px 0; line-height: 65px;}
#diIntroWrap .dcLeftWrap h3 span{font-size:35px; font-weight:100; color:#fff;}
#diIntroWrap .dcLeftWrap h3:after{content:''; display:block; position:absolute; left:0px; bottom:0px; width:145px; height:1px; background-color:#ddb286;}
#diIntroWrap .dcLeftWrap ul{}
#diIntroWrap .dcLeftWrap ul li{margin:0 0 16px 0;}
#diIntroWrap .dcLeftWrap ul li:last-child{margin:0;}
#diIntroWrap .dcLeftWrap ul li a{font-size:45px; font-weight:100; color:#fff; line-height:50px;}
#diIntroWrap .dcLeftWrap ul li a:hover{font-weight:600;}
#diIntroWrap .dcRightWrap{float:right; position:relative; width:930px; height:532px;}
#diIntroWrap .dcRightWrap img{}

#diIntroWrap .dcRightWrap .bx-wrapper{box-shadow:none; border:0; margin-bottom:0; margin:0 auto;}
#diIntroWrap .dcRightWrap .bx-wrapper .bx-controls-auto{position: absolute; left:0; bottom:100px; width: 100%;}
#diIntroWrap .dcRightWrap .bx-wrapper .bx-controls-direction a{position: absolute; top:50%; transform:translateY(-50%);width:50px; height:50px; text-indent: -9999px; z-index: 1;}
#diIntroWrap .dcRightWrap .bx-wrapper .bx-prev{left:-70px; background: url(../img/main/btnPrev01.png) no-repeat 50% 50%;}
#diIntroWrap .dcRightWrap .bx-wrapper .bx-next {right:-70px; background: url(../img/main/btnNext01.png) no-repeat 50% 50%;}