/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2017-03-07 김진후 
//=================================================================================================*/
@charset "utf-8";


body{height:100%; -webkit-text-size-adjust: 100%;}

.dc_menuFixed{height:700px !important; overflow: hidden !important;}

#di_wrap{position: relative; width:100%;}
#di_container{position:relative; width:100%; }
#di_content{position:relative; width:100%; }
#di_con {position:relative; width:100%; overflow: hidden;}

.dc_basicWrap{position:relative; width:100%; margin:0 auto;}

/* 메인비쥬얼 */
.dc_mainVisualWrap{position: relative; height:383px;}
.dc_mainVisualWrap .dc_mainVisualimg{width: 720px; height:383px; position: absolute; left: 50%; transform: translateX(-50%);}
/* //메인비쥬얼 */

/* 바로가기링크 */
#di_article01{background-color:#fafafa; padding:65px 0;}
#di_article01 .dc_divWrap{}
#di_article01 .dc_divWrap ul.dc_linkWrap{overflow:hidden; border-left:dotted 1px #d4d4d4;}
#di_article01 .dc_divWrap ul.dc_linkWrap a{display:block;}
#di_article01 .dc_divWrap ul.dc_linkWrap li{float:left; width:50%; height:190px; padding:100px 0 0 0; border-right:dotted 1px #d4d4d4;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li01{background:url(../img/main/article01_img_icon01_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li01:hover{background:url(../img/main/article01_img_icon01_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li02{background:url(../img/main/article01_img_icon02_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li02:hover{background:url(../img/main/article01_img_icon02_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li03{background:url(../img/main/article01_img_icon03_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li03:hover{background:url(../img/main/article01_img_icon03_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li04{background:url(../img/main/article01_img_icon04_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li04:hover{background:url(../img/main/article01_img_icon04_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li05{background:url(../img/main/article01_img_icon05_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li.dc_li05:hover{background:url(../img/main/article01_img_icon05_off.png) no-repeat center 18%;}
#di_article01 .dc_divWrap ul.dc_linkWrap li h3{text-align:center; margin:0 0 15px 0;}
#di_article01 .dc_divWrap ul.dc_linkWrap li p{text-align:center;}
/* //바로가기링크 */

/* 포토갤러리 */
#di_article02{padding:60px 0;}
#di_article02 h3{text-align:center; margin-bottom:50px;}
#di_article02 ul.tabs{text-align:center; overflow:hidden; font-size:0; margin-bottom:60px;}
#di_article02 ul.tabs li{display:inline-block; width:226px; height:37px; border:solid 1px #ddd; text-indent:-9999px; cursor:pointer;}
/*#di_article02 ul.tabs li{display:inline-block; width:226px; height:37px; border:solid 1px #ddd; border-left:0; text-indent:-9999px; cursor:pointer;}*/
#di_article02 ul.tabs li:first-child{border-left:solid 1px #ddd;}
#di_article02 ul.tabs li.dc_li01{background:url(../img/main/article02_tab_txt01_off.png) no-repeat center center;}
#di_article02 ul.tabs li.dc_li01:hover{background:url(../img/main/article02_tab_txt01_on.png) no-repeat center center;}
#di_article02 ul.tabs li.dc_li01_hover{background:url(../img/main/article02_tab_txt01_on.png) no-repeat center center;}
#di_article02 ul.tabs li.dc_li01.active{background:url(../img/main/article02_tab_txt01_on.png) no-repeat center center;}

#di_article02 ul.tabs li.dc_li02{background:url(../img/main/article02_tab_txt02_off.png) no-repeat center center;}
#di_article02 ul.tabs li.dc_li02:hover{background:url(../img/main/article02_tab_txt02_on.png) no-repeat center center;}
#di_article02 ul.tabs li.dc_li02_hover{background:url(../img/main/article02_tab_txt02_on.png) no-repeat center center;}
#di_article02 ul.tabs li.dc_li02.active{background:url(../img/main/article02_tab_txt02_on.png) no-repeat center center;}

#di_article02 ul.tabs li.dc_li03{background:url(../img/main/article02_tab_txt03_off.png) no-repeat center center;}
#di_article02 ul.tabs li.dc_li03:hover{background:url(../img/main/article02_tab_txt03_on.png) no-repeat center center;}
#di_article02 ul.tabs li.dc_li03.active{background:url(../img/main/article02_tab_txt03_on.png) no-repeat center center;}

#di_article02 ul.tabs li.active{}
#di_article02 .dc_listWrap{text-align:center;}
#di_article02 .dc_listWrap .dc_bbsList{margin-bottom:50px;}
#di_article02 .dc_listWrap ul{overflow:hidden;}
#di_article02 .dc_listWrap ul li{float:left; position:relative; width:100%; height:252px; margin:0 13px 13px 0;}
#di_article02 .dc_listWrap ul li:nth-child(3n){margin:0 0 13px 0;}
#di_article02 .dc_listWrap ul li img{width:100%; height:252px;align:center;}
#di_article02 .dc_listWrap ul li .dc_over{display:none; position:absolute; top:0px; left:0px; width:330px; height:252px; background:url(../img/main/article02_img_moreOver.png) no-repeat center center;}
#di_article02 .dc_listWrap .dc_noPd{width:100%; padding:100px 0; text-align:center; font-size:14px; color:#333; border:solid 1px #ddd;}
#di_article02 .dc_listWrap a.dc_btnMore{display: block; width:330px; height:47px; margin:0 auto; text-indent:-9999px; background:url(../img/main/article04_img_btnDetail.png) no-repeat center center;}
#di_article02 .dc_listWrap a.dc_btnMore:hover{display: block; width:330px; height:47px; margin:0 auto; text-indent:-9999px; background:url(../img/main/article02_img_btnDetail.png) no-repeat center center;}
/* //포토갤러리 */

/* 게시판 최신글 */
#di_article03{ height:260px; background:url(../img/main/article03_bg01.png) no-repeat center center; background-size:cover; background-repeat:repeat;}
/*#di_article03{ height:260px; background:url(../img/main/article03_bg01.png) no-repeat center center; background-size:cover; background-repeat:repeat; background-attachment:fixed; }*/
#di_article03 p{line-height: 260px; text-align:center; background:url(../img/main/article03_txt01.png) no-repeat center center;}
/* //게시판 최신글 */

#di_article04{padding:60px 0;}
#di_article04 h3{text-align:center; margin-bottom:50px;}
#di_article04 .dc_listWrap{text-align:center;}
#di_article04 .dc_listWrap .dc_noticeList{margin-bottom:50px;}
#di_article04 .dc_listWrap ul{overflow:hidden;}
#di_article04 .dc_listWrap ul li{float:left; position:relative; width:50%; border-right:solid 1px #ddd; padding:35px;}
#di_article04 .dc_listWrap ul li:last-child{margin:0; border-right:0;}
#di_article04 .dc_listWrap ul li p.dc_num{font-size:20px; font-weight:300; color:#333;}
#di_article04 .dc_listWrap ul li p.dc_subject{font-family:'NS'; font-size:10px; font-weight:200; color:#333; margin-bottom:10px; line-height: 18px;}
#di_article04 .dc_listWrap ul li p.dc_more{}
#di_article04 .dc_listWrap ul li .dc_over{display:none; position:absolute; top:0px; left:0px; width:242px; height:217px; background:url(../img/main/article04_img_moreOver.png) no-repeat center center;opacity: 0.9;}
#di_article04 .dc_listWrap .dc_noPd{width:100%; padding:100px 0; text-align:center; font-size:14px; color:#333; border:solid 1px #ddd;}
#di_article04 .dc_listWrap a.dc_btnMore{display: block; width:232px; height:47px; margin:0 auto; text-indent:-9999px; background:url(../img/main/article04_img_btnDetail.png) no-repeat center center;}
#di_article04 .dc_listWrap a.dc_btnMore:hover{display: block; width:232px; height:47px; margin:0 auto; text-indent:-9999px; background:url(../img/main/article02_img_btnDetail.png) no-repeat center center;}


#di_article05{padding:60px 0;}
#di_article05 h3{position:relative; text-align:center; font-size:25px; font-weight:400; color:#333; padding:0 0 10px 0; margin:0 0 30px 0;}
#di_article05 h3:after{content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-4px; width:20px; height:4px; background-color:#000;}
#di_article05 iframe{width:100%; height:200px;}