@charset "utf-8";
/*=================================================================================================
// ¸í    Ī : °øÅë ·¹À̾ƿô ½ºÅ¸ÀϽ¬Æ® - 767px ÀÌÇÏ
// 󸮳»¿ë : 
// ÀÛ ¼º ÀÚ : 2018-05-28 ±èÁøÈÄ 
//=================================================================================================*/

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

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

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

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

.basicWrapCenter{width:100%; 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; padding:0 5%;}
.dcHDTopWrap h1#diLogo{position:absolute; top:50%; transform:translateY(-50%); left:5%; width:160px; z-index:999;}
.dcHDTopWrap h1#diLogo a{height:84px; background:url(../img/common/logo.png) no-repeat 50% 50%; text-indent:-9999px; background-size: 100%;}
.dcHDTopWrap h1#diLogo a.hover{background:url(../img/common/logo_hover.png) no-repeat 50% 50%; background-size: 100%;}

.dcHDTopWrap .dcAllMenuWrap{position:absolute; top:50%; transform:translateY(-50%); right:5%; 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{z-index: 999; position: relative; padding: 100px 0 0;}
.dcSiteMapWrap .dcSiteMapLi ol{overflow:hidden;}
.dcSiteMapWrap .dcSiteMapLi ol > li{width:100%;}
.dcSiteMapWrap .dcSiteMapLi ol > li.selected{background-color:#000;}
.dcSiteMapWrap .dcSiteMapLi ol > li.selected > a{color:#fff;}
.dcSiteMapWrap .dcSiteMapLi ol > li.selected > ul{display:block;}
.dcSiteMapWrap .dcSiteMapLi ol > li > a{display:block; width:100%; font-size:18px; font-weight:800; color:#000; padding:15px;}
.dcSiteMapWrap .dcSiteMapLi ol > li > ul{display:none; background-color:#f47a20; padding:15px 0;}
.dcSiteMapWrap .dcSiteMapLi ol > li > ul > li{float:none; width:100%; margin-bottom:15px}
.dcSiteMapWrap .dcSiteMapLi ol > li > ul > li:last-child{margin:0;}
.dcSiteMapWrap .dcSiteMapLi ol > li > ul > li > a{font-size:16px; font-weight:400; color:#fff; text-align:left; width:100%; padding: 0 0 0 30px;}
.dcSiteMapWrap .dcSiteMapLi ol > a{display:block; width:100%; font-size:18px; font-weight:800; color:#000; padding:15px;}

nav.dcTopMenuWrap{display:none;}

#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:60px;}
#diFooter .dcFTWrap address a {display:inline; color:rgba(255,255,255,0.5);}

.dcBtnTopWrap{}
.dcBtnTopWrap button{width:100%; height:30px; line-height:30px; text-align:center; font-size:14px; color:#000; background-color:#ccc; cursor:pointer;}

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

#diNavicationWrap{text-align:center; font-size:12px; font-weight:400; color:#666;}
#diNavicationWrap span{display:inline-block; font-size:12px; font-weight:400; color:#666;}
#diNavicationWrap span.dcHome{width:20px;}
#diNavicationWrap span.dcHome img{width:100%;}

.dcSubVisualWrap .dc2depthWrap{width:100%; height:40px; background:rgba(99,51,148,0.3);}
.dcSubVisualWrap .dc2depthWrap ul.dc2depthList{display:none;}

.dcSubVisualWrap .dc2depthWrap #sub_nav{position:relative; width:100%; margin:0 0 0 0; background:rgba(255,255,255,0.8);}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box{position:relative; width:100%; margin:0 auto;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav{width:100%;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav>li{position:relative; width:100%; color:#000; line-height:40px; padding: 0 10% 0 3%; cursor: pointer; background: url(../img/subTitle/btnArrowDown.png) no-repeat 95% 50%; background-size: 15px; font-weight:500;  font-size:17px;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav>li span{font-weight:500;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav li.home{width:10%; background: url(../img/subTitle/icoHome.png) no-repeat 50% 50%; background-size:32px; padding:0; text-align:center;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav li.home a{text-indent:-9999px; }
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav li .sub_menu{position:absolute; top:40px; left:0; width:100%;  text-align:left;z-index:997;padding: 0 0 0 0; border:solid 1px #ddd; border-top:0;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav li .sub_menu li{color:#000; background:rgba(255,255,255,0.8); border-bottom:solid 1px #000;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav li .sub_menu li a{display:block; color:#000; padding: 10px 20% 10px 10%; line-height: 19px; font-weight:300;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav li .sub_menu li a span{font-weight:300; margin: 0 3px;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav li .sub_menu li:last-child{border:0;}
.dcSubVisualWrap .dc2depthWrap #sub_nav .nav_box .dc_nav li .depth10{padding: 0px 0px 0px 0;}



.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;}

.dc2depthWrap.Bg2050 {background:rgba(198,63,63,0.3) !important;}
.dc2depthWrap.Bg2050 ul.dc2depthList li.on{background:rgba(198,63,63,0.5) !important;}

.DCSUB3040 #di_board_wrap{width:100%;}

#diIntroWrap{position: relative; width:100%; margin:0 auto; overflow:hidden; }
#diIntroWrap .dcLeftWrap{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; z-index:100;}
#diIntroWrap .dcLeftWrap h3{position: relative; text-align:center; font-size:45px; font-weight:500; color:#ddb286; padding:0 0 60px 0; margin:0 0 70px 0; line-height: 55px;}
#diIntroWrap .dcLeftWrap h3 span{font-size:25px; font-weight:100; color:#fff;}
#diIntroWrap .dcLeftWrap h3:after{content:''; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:145px; height:1px; background-color:#ddb286;}
#diIntroWrap .dcLeftWrap ul{display:none;}
#diIntroWrap .dcRightWrap{position:relative; width:100%;}
#diIntroWrap .dcRightWrap img{width:100%; height:100%;}


#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%;}