@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Nanum Gothic", sans-serif;}
a {text-decoration:none; font-family: "Nanum Gothic";}
li, ul, ol {list-style:none;}
img {border:0;}

/*main_visual*/
.main_visual {width:100%; height: 660px; overflow: hidden;}
.main_visual .visual_container {width:2000px; height: 660px;  width:100%; position:relative;  z-index:1;}
.main_visual .visual_inner {position:absolute; left:50%;  margin-left:-1000px;}
.main_visual .slide_box {float:left; width:2000px; margin:0 1px; overflow:hidden;}
.main_visual .slide_box .bx-wrapper {position:relative; overflow:hidden;}

.main_visual .slide_box .bx-wrapper .bx-controls .bx-pager{position:absolute; bottom:0; left:44%; height:35px; margin:0 auto; text-align:center;}
.main_visual .slide_box .bx-wrapper .bx-controls .bx-pager .bx-pager-item {float: left; margin-left:20px; }
.main_visual .slide_box .bx-wrapper .bx-pager.bx-default-pager a{display:block; width:25px; height:8px; background-color:#9f9f9f; text-indent:-9999px; margin:0 2px;}
.main_visual .slide_box .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#435891;}

.main_visual .slide_box .bx-wrapper .bx-controls-direction {position: absolute; top:50%; left:50%; width:1200px; height: 66px; margin-left: -600px; margin-top: -31px;}
.main_visual .slide_box .bx-wrapper .bx-controls-direction a {position: absolute; display: block; width: 35px; height: 66px; background-size: cover;
    text-indent: -9999px;}
.main_visual .bx-wrapper .bx-next {right:10px; background: url(/img/next.png) no-repeat;}
.main_visual .bx-wrapper .bx-prev {left:10px; background: url(/img/prev.png) no-repeat;}


/*main_container*/
.main_container {width: 1200px; margin:0 auto; padding:30px 10px; box-sizing: border-box;}

/*step01*/
.main_container .step01 {overflow: hidden;}

.main_container .main_contents {float: left; width: 380px; height: 380px; margin-right:13px; box-sizing: border-box;}
.main_container .main_contents.last {margin-right:0;}
.main_container .main_contents a {display: block; position: relative;}




.main_container .main_contents .con_over {display:none; position:absolute; top:0; left:0; width:380px; height: 380px; z-index: 5; background-color: rgba(34,60,132,0.67); text-align: center;}
.main_container .main_contents .con_over img {margin-top: 165px;}
.main_container .main_contents .con_over .text_box {margin:0 auto;}
.main_container .main_contents a:hover .con_over {display: block;}


.main_container .main_contents .main_sildebox .con03bg {width: 380px; height: 380px; background:url('/img/main_con03bg.png');}
.main_container .main_contents .main_sildebox .con03bg .part_text {height:132px; padding:30px; box-sizing: border-box;}
.main_container .main_contents .main_sildebox .con03bg .part_text .title {font-size:22px; color:#fff;}
.main_container .main_contents .main_sildebox .con03bg .part_text .bar {width:40px; height: 2px; margin-bottom: 15px; background-color: #fff;}
.main_container .main_contents .main_sildebox .con03bg .part_text p{margin-top:5px; font-size:14px; color:#e0e0e0; font-weight: 100;}
.main_container .main_contents .main_sildebox .bx-wrapper .bx-pager .bx-pager-item {display: block; margin-bottom: 5px;}


.main_container .main_contents .main_sildebox {position: relative;}
.main_container .main_contents .main_sildebox .bx-wrapper .bx-controls .bx-pager{width:10px; position:absolute; top:40px; right:25px; text-align:center;}

.main_container .main_contents .main_sildebox .bx-wrapper .bx-pager.bx-default-pager a{display:block; width:5px; height:10px; background:url("/img/pager_off.png") no-repeat; text-indent:-9999px; margin:0 3px;}
.main_container .main_contents .main_sildebox .bx-wrapper .bx-pager.bx-default-pager a.active{ width:5px; height:15px; margin-bottom: 10px; background:url("/img/pager_on.png") no-repeat;}

/*step02*/
.step02 {width:100%; height:90px; margin-top:30px; background: url('/img/mstep02_bg.png'); border:1px solid #e0e0e0; box-sizing: border-box;}
.step02 .cooperate_silde {width:1046px; margin:20px auto;}

.step02 .cooperate_silde .bx-wrapper {position: relative;}
.step02 .cooperate_silde .bx-wrapper .bx-viewport { z-index: 5;}
.step02 .cooperate_silde .bx-wrapper .bx-controls-direction {position: absolute; z-index: 1; top:91%; left:53%; width:1140px; height: 23px; margin-left: -600px; margin-top: -31px;}
.step02 .cooperate_silde .bx-wrapper .bx-controls-direction a {position: absolute; display: block; width: 12px; height: 23px; background-size: cover; text-indent: -9999px;}

.step02 .cooperate_silde .bx-wrapper .bx-next {right:10px; background: url(/img/coo_next.png) no-repeat;}
.step02 .cooperate_silde .bx-wrapper .bx-prev {left:10px; background: url(/img/coo_pre.png) no-repeat;}