/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2013-09-06 강대인 
//=================================================================================================*/
@charset "utf-8";
@import url("/common/css/global.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);


body,h1,h2,h3,h4,input,button,table,textarea,fieldset,select,dt,dd,li,p{font-family:'Nanum Gothic', Sans-serif,"Noto Sans CJK KR",  "neosans", Dotum, Gulim, AppleGothic ;font-size:13px; font-weight:300; letter-spacing: -0.5px;}
html, body{_text-align:center;}

#di_wrap{width:100%; min-width:1200px;}
#di_container{clear:both;position: relative; width:100%; visibility: visible; overflow: hidden;}
#di_content{position:relative; width:100%; }
#di_con {position:relative; width:100%;}
.dc_commonWrap{position:relative; width:1200px; margin:0 auto;}

#di_mainVisualBox{}
#di_mainVisualBox .dc_mainSlider{width:1920px; height:436px; margin-left:-369px;}
#di_mainVisualBox .dc_mainSlider .bx-wrapper{position:static;}
#di_mainVisualBox .dc_mainSlider .bx-wrapper .bx-viewport{box-shadow:none; border:0; left:0; background:none;}
#di_mainVisualBox .dc_mainSlider .bx-controls-direction{}
#di_mainVisualBox .dc_mainSlider .bx-controls-direction a{position: absolute; top: 50%; transform:translateY(-50%); margin-top: 0; outline: 0; width:41px; height:80px; text-indent: -9999px; z-index: 9999;}
#di_mainVisualBox .dc_mainSlider .bx-controls-direction a.bx-prev{left: -40px; background: url(../img/main/main_btn01.png) no-repeat 0 50%;}
#di_mainVisualBox .dc_mainSlider .bx-controls-direction a.bx-next{right: -40px; background: url(../img/main/main_btn02.png) no-repeat 0 50%;}
#di_mainVisualBox .dc_mainSlider .bx-pager{position: absolute; bottom:42px; left:0; z-index: 99;font-size:12px;}
#di_mainVisualBox .dc_mainSlider .bx-pager .bx-pager-item { float: left; border-radius:50%;  width:12px; height:12px; margin:0px 3px;  }
#di_mainVisualBox .dc_mainSlider .bx-pager .bx-pager-item a {background-color:#fff; text-indent: -9999px; width: 12px; height: 12px; display: block; margin:0;}
#di_mainVisualBox .dc_mainSlider .bx-pager .bx-pager-item a.active { border-radius:50%; background-color:#ecce06;  }

#di_article01{padding:50px 0;}
#di_article01 #di_div01{overflow:hidden;}
#di_article01 #di_div01 .dc_box01{float:left; width:390px; height:262px; padding: 30px 25px; background: url(../img/main/main_bgCon01.png) no-repeat 0 0; margin:0 0 15px 0;}
#di_article01 #di_div01 .dc_box01 p.dc_p01{font-size:20px; color:#333; line-height: 25px; margin: 0 0 20px;}
#di_article01 #di_div01 .dc_box01 p.dc_p01 span{font-size:30px; color:#333;}
#di_article01 #di_div01 .dc_box01 p.dc_p02{font-size:16px; color:#333; font-weight:400; line-height: 22px; margin: 0 0 20px 0;}
#di_article01 #di_div01 .dc_box01 p.dc_p03{font-size:15px; color:#fff; font-weight:400; background-color:#333; padding:5px 0; text-align:center; width:100px;}
#di_article01 #di_div01 .dc_box02{float:left; width:390px; height:262px; padding: 30px 25px; background: url(../img/main/main_bgCon02.png) no-repeat 0 0; margin:0 15px 15px;}
#di_article01 #di_div01 .dc_box02 p.dc_p01{font-size:25px; color:#fff; line-height: 25px; margin: 0 0 20px; background: url(../img/main/main_bgBar01.png) no-repeat 0 bottom; padding-bottom:20px;}
#di_article01 #di_div01 .dc_box02 p.dc_p02{font-size:18px; color:#aebbca; line-height: 22px; margin: 0 0 45px 0;}
#di_article01 #di_div01 .dc_box02 p.dc_p03{font-size:15px; color:#fff; font-weight:400; border:solid 1px #aebbca; padding:5px 0; text-align:center; width:100px;}
#di_article01 #di_div01 .dc_box03{float:left; width:390px; height:262px; padding: 30px 25px; background: url(../img/main/main_bgCon03.png) no-repeat 0 0; margin: 0 0 15px 0;}
#di_article01 #di_div01 .dc_box03 p.dc_p01{font-size:25px; color:#3e3e3e; line-height: 25px; margin: 0 0 20px; background: url(../img/main/main_bgBar02.png) no-repeat 0 bottom; padding-bottom:20px;}
#di_article01 #di_div01 .dc_box03 p.dc_p02{font-size:18px; color:#a6a6a6; line-height: 22px; margin: 0 0 45px 0;}
#di_article01 #di_div01 .dc_box03 p.dc_p03{font-size:15px; color:#3e3e3e; font-weight:400; border:solid 1px #a6a6a6; padding:5px 0; text-align:center; width:100px;}
#di_article01 #di_div01 .dc_box04{float:left; width:390px; height:262px;}
#di_article01 #di_div01 .dc_box04 p.dc_p01{text-indent:-99999px;}
#di_article01 #di_div01 .dc_box05{float:left; width:390px; height:262px; padding: 30px 25px; background: url(../img/main/main_bgCon05.png) no-repeat 0 0; margin: 0 15px;}
#di_article01 #di_div01 .dc_box05 p.dc_p01{font-size:25px; color:#3e3e3e; line-height: 25px; margin: 0 0 105px;}
#di_article01 #di_div01 .dc_box05 p.dc_p02{font-size:15px; color:#3e3e3e; font-weight:400; border:solid 1px #a6a6a6; padding:5px 0; text-align:center; width:100px;}
#di_article01 #di_div01 .dc_box06{float:left; width:390px; height:262px; padding: 30px 25px; background: url(../img/main/main_bgCon06.png) no-repeat 0 0;}
#di_article01 #di_div01 .dc_box06 p.dc_p01{font-size:25px; color:#fff; line-height: 25px; margin: 0 0 20px; background: url(../img/main/main_bgBar03.png) no-repeat 0 bottom; padding-bottom:20px;}
#di_article01 #di_div01 .dc_box06 p.dc_p02{font-size:18px; color:#b1b1b1; line-height: 22px; margin: 0 0 45px 0;}
#di_article01 #di_div01 .dc_box06 p.dc_p03{font-size:15px; color:#fff; font-weight:400; border:solid 1px #707070; padding:5px 0; text-align:center; width:100px;}