/* 메인 비쥬얼 */
.center{
	width: 1300px;
	margin: 0 auto;
}
#main_visual{overflow: hidden; width: 100%; min-width:1500px;}
.main_visu_left{position: relative;background: url(../../images/main/main_visu_left.png) 0 0 no-repeat; width: 40%; height: 650px; float: left; transition:all 0.3s ease-in; margin-bottom: 60px;}
.main_visu_left:hover{background: url(../../images/main/main_over_left.png) 0 0 no-repeat; transition:all 0.3s ease-in;}

.bx_txt_wrap{max-width:1300px; margin: 0 auto; width: 100%;}
.bx_txt{position: absolute; top: 29%;}
.bx_txt p{font-size: 18px; color: #c6dcea; font-weight: 300;}
.bx_txt h3{margin: 10px 0 20px;}
.bx_txt span{display: block; font-size: 19px; color: #fff; line-height: 32px; font-weight: 300;}

.bx_txt p.bxp1{color: #c6dcea;}
.bx_txt p.bxp2{color: #fffefe;}
.bx_txt p.bxp3{color: #d9dfe4;}
.mv_list{position: relative;}
.scrol_bt{position: absolute; left: 47.5%; bottom: -39px; z-index: 1020; cursor: pointer;}
.scroll_i{position: absolute; left: 50%; top: 26px; margin-left: -2px; transition:.3s;}
.scrol_bt:hover .scroll_i{top:35px;}
.l_box{position: absolute; left: 350px; top: 185px;}
.l_box h2{position: relative;font-size: 36px; color: #fff; font-family: 'NanumSquare'; font-weight: 600; padding-bottom: 54px;}
.l_box h2:before{position: absolute; content:''; width: 24px; height: 29px;left: 4px; bottom: 15px; background: url(../../images/main/arowww.png) 0 0 no-repeat; }
.l_box > p{position: relative;font-size: 36px; color: #fff; font-family: 'NanumSquare'; font-weight: 600;}
.l_box > p:before{position: absolute; content:''; width: 5px; height: 5px; background: #fff; left: 70px; top: 19px;}
.l_box > p:after{position: absolute; content:''; width: 5px; height: 5px; background: #fff; right: 102px; top: 19px;}
.visu_bt{position: relative;width: 206px; height: 100px; background: #253c68; color: #fff; margin-top: 42px;}
.visu_bt:after{position: absolute; content:''; width: 28px; height: 28px; background: url(../../images/main/click_button.png) 0 0 no-repeat; right: 20px; bottom: 38px; transition:all 0.2s ease-in;}
.visu_bt:hover:before{bottom: 42px;} 
.visu_bt > a > p{font-size: 20px; padding:20px 0 5px 33px; color: #fff;}
.visu_bt span{font-size: 15px; color: #d4e0f5; padding-left: 33px; }


.main_visu_center{ position: relative; width: 20%; height: 650px;  float: left; background: #fff; }
.main_visu_center img{display: none;position: absolute; top: 50%; margin-top: -126px; left: 50%; margin-left: -124px; }
.main_visu_center figure img:last-child{position: absolute; top: 50%; margin-top: -110px; left: 50%; margin-left: -24px;}

.main_visu_right{position: relative;background: url(../../images/main/main_visu_right.png) 0 0 no-repeat; width: 40%; height: 650px; float: left;}
.main_visu_right:hover{background: url(../../images/main/main_over_right.png) 0 0 no-repeat; transition:all 0.3s ease-in;}
.r_box{position: absolute; right: 350px; top: 185px; }
.r_box h2{position: relative;font-size: 36px; color: #fff; font-family: 'NanumSquare'; font-weight: 600; padding-bottom: 54px; text-align: right;}
.r_box h2:before{position: absolute; content:''; width: 24px; height: 29px;right: 4px; bottom: 15px; background: url(../../images/main/arowww.png) 0 0 no-repeat; }
.r_box > p{font-size: 36px; color: #fff; font-family: 'NanumSquare'; font-weight: 600; text-align: right;}

.main_visu_right .visu_bt{position: relative;width: 206px; height: 100px; background: #255d68; color: #fff; margin-top: 42px;}
.main_visu_right .visu_bt span{font-size: 15px; color: #daefe9; padding-left: 33px; }


/* 메인 컨텐츠 */
.main_cnt_wrap{overflow: hidden;}
.main_cnt_wrap > div{float: left; width: 50%; position: relative;}

.main_cnt_wrap > div > div{position: absolute; top: 21%; color: #fff; width: 650px; }
.main_cnt_wrap > div > .main_cnt_l_txt_box{right: 0;}
.main_cnt_wrap > .main_rifht > .main_cnt_l_txt_box{left: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 60px; color: #505050;}
.main_cnt_wrap > .main_rifht > .main_cnt_l_txt_box span a{color: #303030;}
.main_cnt_wrap > .main_rifht > .main_cnt_l_txt_box span a:after{background: #303030;}
.main_cnt_wrap > div > div h3{font-size: 23px; font-weight: 400; margin-bottom: 20px;}
.main_cnt_wrap > div > div ul li{font-size: 15px; line-height: 28px;}
.main_cnt_wrap > div > div span{display: inline-block; margin-top: 13%;}
.main_cnt_wrap > div > div span a{font-size: 15px; color: #fff; padding-bottom: 8px; position: relative; display: block;}
.main_cnt_wrap > div > div span a:after{position: absolute; content:''; width: 100%; height: 1px; background: #fff; left: 0; bottom: 0;}


.main_cnt_wrap_2{max-width:1300px; margin: 76px auto 80px; overflow: hidden;}
.main_cnt_wrap_2 > div{float: left;}
.main_cnt_wrap_2 .main_cnt_wrap_2_l{width: 59%;}
.main_cnt_wrap_2 .main_cnt_wrap_2_r{width: 41%;}

.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t{ height: 40px; border-bottom: 1px solid #dbdbdb; padding-bottom: 3px;}
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t ul{}
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t ul li{float: left; font-size: 20px; color: #303030; position: relative; cursor: pointer;}
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t ul li.on{color: #8cc63f;}
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t ul li:first-child{padding-right: 28px;}
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t ul li:first-child:after{position: absolute; content:''; width: 36px; height: 3px; background: #8cc63f; bottom: -14px; left: 0; transition:.5s;}
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t ul li.on:first-child:after{left: 0;}
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t ul li.on2:first-child:after{left: 85px;}




.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t span{display: inline-block; float: right; }
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t span a{font-size: 15px; color: #303030;}
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t ul li.bot{padding-right: 30px;}
.main_cnt_wrap_2 .main_cnt_wrap_2_l .m_cw2_l_t ul li.bot:before{position: absolute; content:''; width: 23px; height: 21px; background: url(../../images/main/main_n.png) 0 0 no-repeat; right: 0; top: 5px;}

.main_cnt_wrap_2_l_content{overflow: hidden; padding-top: 40px;}
.main_cnt_wrap_2_l_content .mc_c_l{float: left; height: 205px; width: 52%;}
.mc_c_l h3{font-size: 23px; color: #303030; font-weight: 400; padding-bottom: 14px;}
.mc_c_l p{font-size: 15px; color: #303030; line-height: 28px; height: 93px; display: block; width: 90%;}
.mc_c_l span a{font-size: 15px; color: #a0a0a0; display: block; transition:.3s;}
.mc_c_l span a:hover{text-decoration: underline;}
.mc_c_r{width: 48%; float: left;}
.mc_c_r dl{overflow: hidden;}
.mc_c_r dl dt{position: relative; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 15px ;float: left; font-size: 15px; color: #505050; line-height: 35px; width: 75%; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.mc_c_r dl:hover dt{text-decoration: underline;}
.mc_c_r dl:hover dd{text-decoration: underline;}
.mc_c_r dl dt:before{position: absolute; content:''; width: 4px; height: 4px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background: #8cc63f; left: 0; top: 16px;}
.mc_c_r dl dd{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: left;font-size: 15px; color: #a0a0a0; line-height: 35px; width: 25%; text-align: right; padding-right: 2px;}

.main_cnt_wrap_2 .main_cnt_wrap_2_r{}
.main_cnt_wrap_2_r ul{overflow: hidden; float: right; padding-top: 10px;}
.main_cnt_wrap_2_r ul li{line-height: 75px; width: 480px; margin-bottom: 10px;}
.main_cnt_wrap_2_r ul li:last-child{margin-bottom: 0;}
.main_cnt_wrap_2_r ul li:first-child{background: url(../../images/main/main_cnt_wrap_2_r1.png) 0 0 no-repeat; }
.main_cnt_wrap_2_r ul li:nth-child(2){background: url(../../images/main/main_cnt_wrap_2_r2.png) 0 0 no-repeat; }
.main_cnt_wrap_2_r ul li:last-child{background: url(../../images/main/main_cnt_wrap_2_r3.png) 0 0 no-repeat; }
.main_cnt_wrap_2_r ul li a{color: #fff; text-align: center; display: block;}
.main_cnt_wrap_2_r ul li a {font-size: 15px;}
.main_cnt_wrap_2_r ul li a span{font-size: 19px;}
.main_cnt_wrap_2_r ul li:hover a span{font-weight: 500; text-decoration: underline;}




.main_cnt_wrap_2_l_content2{display: none;}

