/* 서브 비쥬얼 */
#sub_visual { display:block; height:290px; position: relative;}
.sub_visual li img{height: 290px;}
#sub_visual img{width: auto;}
#sub_visual ul{margin: 0; padding: 0;}
#sub_cnt {position: absolute; top: 65px ;  color: #fff;  left: 50%; width: 800px; margin-left: -400px;}
#sub_cnt h3{font-size: 40px; line-height: 70px; font-weight: 700; text-shadow:2px 2px 5px rgba(0,0,0,0.3); text-align: center; margin-bottom: 15px;}
#sub_cnt p{text-align: center;font-size: 19px; font-weight: 300; color: #bad2e2;}
#sub_cnt h3 span{font-weight: 500;}
.process{text-align: center; text-shadow:2px 2px 2px rgba(0,0,0,0.3); margin-top: 5px;}
.process span{font-size: 16px;}
.arrow{margin: 0px 3px;}

.ln{max-width:1300px; margin: 0 auto !important; display: block; overflow: hidden; text-align: center; margin-top: -40px !important; height: 85px;}
.ln li{transition:.3s;width: 292px; display: inline-block; background: #fff; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; box-shadow:1px 1px 5px rgba(0,0,0,0.2); margin-right: 10px;}
.ln li a{transition:.3s;line-height: 78px; text-align: center; display: block; color: #606060; font-size: 19px; font-weight: 400;}

.ln > li.current{background: #8cc63f; }
.ln > li.current a{color: #fff; font-weight: 500;}
.ln > li:hover{background: #8cc63f;}
.ln > li:hover a{color: #fff; font-weight: 500;}
figure{margin: 0; padding: 0;}
/* lnb */
	



/*공통*/


/* 서브1  */
.s1{margin-top: 120px;}
.s1_bg{background: url(../../images/sub/s101_bg.png) bottom no-repeat; bottom: 0;}
/* 서브1-1 레이아웃  */
.s101_cnt{text-align: center; padding-bottom: 143px; overflow: hidden; }

.s101_cnt h3{font-size: 32px; color: #303030; line-height: 47px; font-weight: 400; margin-bottom: 23px;}
.s101_cnt h3 span{position: relative;color: #8cc63f; font-weight: 700;}
.s101_cnt h3 span:before{position: absolute; content:''; width: 100%; height: 1px; background: #8cc63f; bottom: 7px; left: 0;}

.s101_cnt p{font-size: 15px; color: #505050; line-height: 28px; }
.s101_cnt > span{display: block; margin-top: 70px;font-size: 15px; color: #505050; line-height: 40px;}
.s101_cnt > span strong{padding-left: 13px;}






/* 서브 1_2 레이아웃 */
.s102_cnt h3{margin-bottom: 20px; font-size: 32px; color: #303030; font-weight: 400; text-align: center;}
.s102_cnt ul{position: relative;padding: 10px 0; height: 514px; width: 1300px;margin: 0 auto;} 

.s102_cnt ul li{float: left; width: 317px; height: 252px; margin-right: 10px; margin-bottom: 10px; text-align: center; box-shadow:0px 0px 5px rgba(0,0,0,0.1);background: #fff;  opacity: 0; }

.s102_cnt ul li.on:first-child{opacity: 1; transition:.8s;}
.s102_cnt ul li.on:nth-child(2){opacity: 1; transition:0.5s;}
.s102_cnt ul li.on:nth-child(3){opacity: 1; transition:1s;}
.s102_cnt ul li.on:nth-child(4){opacity: 1; transition:1.5s;}
.s102_cnt ul li.on:nth-child(5){opacity: 1; transition:2s;}
.s102_cnt ul li.on:nth-child(6){opacity: 1; transition:2.5s;}
.s102_cnt ul li.on:nth-child(7){opacity: 1; transition:3s;}
.s102_cnt ul li.on:nth-child(8){opacity: 1; transition:3.5s;}
.s102_cnt ul li.on:nth-child(9){opacity: 1; transition:4s;}
.s102_cnt ul li.on:nth-child(10){opacity: 1; transition:4.5s;}

.s102_cnt ul li:nth-child(4n+4){margin-right: 0;}

.s102_cnt ul li h4{font-size: 19px; color: #303030; font-weight: 700;}
.s102_cnt ul li p{font-size: 15px; color: #505050;}
.s102_list_box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 57px;}
.s102_list_box h4{padding: 13px 0 8px;}

.s102_cnt2{margin-top: 60px;}
.box_wrap{overflow: hidden;}
.s102_cnt2 h3{font-size: 32px; color: #303030; line-height: 47px; font-weight: 400; text-align: center; margin-bottom: 20px;}

.box_wrap > div{float: left; width: 50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.s102_cnt2_l_f{position: relative; width: 180px; float: left;}
.s102_cnt2_l_fc{position: absolute; top: 55px; text-align: center; color: #fff; width: 144px;}
.s102_cnt2_l_fc h5{font-size: 19px; font-weight: 700; margin-bottom: 5px;}
.s102_cnt2_l_fc p{font-size: 15px; font-weight: 400;}
.s102_cnt2_l{overflow: hidden;}
.s102_cnt2_l_txt{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; padding-top: 20px;}
.s102_cnt2_l_txt h6{font-size: 19px; color: #303030; font-weight: 700; margin-bottom: 5px;}
.s102_cnt2_l_txt ul{overflow: hidden;}
.s102_cnt2_l_txt ul li{position: relative;float: left; width: 47%; font-size: 15px; color: #505050; line-height: 35px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 15px;}
.s102_cnt2_l_txt ul li:before{position: absolute; content:''; width: 4px; height: 4px; background: #3f8bc6; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; left: 0; top: 16px;}
.s102_cnt2_r{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 25px;}
.s102_cnt2_l_txt ul.noc_ul li:before{background: #8cc63f;}

.s102_cnt2_r .s102_cnt2_l_txt ul li:first-child{width: 58%;}
.s102_cnt2_r .s102_cnt2_l_txt ul li:nth-child(2){width: 42%;}
.s102_cnt2_r .s102_cnt2_l_txt ul li:nth-child(3){width: 58%;}

.pb_140px{position: relative; padding-bottom: 140px;}
.pb_140px:after{position: absolute; content:'';width: 100%; height: 572px; bottom: 0; left: 0; background: #e8eaec; z-index: -1;}


/* 서브 1_3 */

.s103_map > div{width: 100%; height: 537px !important;}
.wrap_map{height: 537px !important;}
.s103_bottom{overflow: hidden; margin: 46px 0 150px;}
.s103_bottom ul li{ width: 632px; height: 85px; background: url(../../images/sub/s103_bt.png) 0 0 no-repeat; float: left; margin-right: 36px;}
.s103_bottom ul li:last-child{margin-right: 0;}
.s103_bottom ul li p{text-align: center; font-size: 15px; color: #505050; line-height: 84px;}
.s103_bottom ul li p span{font-size: 19px; color: #303030; display: inline-block; padding-right: 15px;}
.s103_bottom ul li:last-child p{float: left; width: 50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: relative;}
.s103_bottom ul li:last-child p:first-child:after{position: absolute; content:''; width: 1px; height: 14px; background: #dbdbdb; right: 0; top: 36px;}
.s103_bottom ul li:last-child p:first-child{text-align: right; padding-right: 30px;}
.s103_bottom ul li:last-child p:last-child{text-align: left; padding-left: 30px;}

/* 서브 2_1 */

.s1_bg2{background: url(../../images/sub/s201_bg.png) bottom no-repeat; bottom: 0;}
.s201_b_box {overflow: hidden; margin-top: 30px;}
.s201_b_box > div{float: left; width: 50%;}
.s201_b_box > div .left_box_box{position: relative; width: 456px; height: 368px; margin-left: 97px;}
.s201_b_box > .left_box .left_box_box{background: url(../../images/sub/s201_1.png) center no-repeat;}
.s201_b_box > .right_box .left_box_box{background: url(../../images/sub/s201_2.png) center no-repeat;}

.left_box_box .txt1{position: absolute; left: 0; top: 145px; width: 165px;}
.left_box_box .txt2{position: absolute; right: 0; top: 150px; width: 175px;}
.left_box_box .txt2 h4{font-size: 15px; color: #3f8bc6; line-height: 28px; font-weight: 400;}
.left_box_box .txt1 h4{font-size: 19px; font-weight: 500; color: #fff; line-height: 32px; }

.s201_b_box > .right_box .left_box_box .txt1{top:160px;}
.s201_b_box > .right_box .left_box_box .txt2 h4{color: #8cc63f;}

/* 서브 2_2 */
.s0202{position: relative; padding-bottom: 130px;}
.s0202 figure{text-align: center;}
.s202_txt_wrap{position: absolute; top: -5px; width: 100%;}
.s202_txt_wrap > div{width: 50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.s202_txt_wrap .s202_txt1{float: left; text-align: right; padding-right: 250px;}
.s202_txt_wrap .s202_txt2{float: right; text-align: left; padding-left: 250px;}

.s202_txt_wrap .s202_txt1 span:before{position: absolute; content:''; width: 5px; height: 5px; background: #8cc63f; right: -15px; top: 7px;}
.s202_txt_wrap .s202_txt2 span:before{position: absolute; content:''; width: 5px; height: 5px; background: #8cc63f; left: -15px; top: 7px;}
.s202_txt_wrap div span{position: relative; display: block; font-size: 15px; color: #8cc63f; padding-bottom: 6px;}
.s202_txt_wrap div h4{font-size: 23px; color: #303030; font-weight: 400; padding-bottom: 15px;}
.s202_txt_wrap div p{font-size: 15px; color: #505050; line-height: 28px;}

.s202_txt_wrap2{top: 212px;}
.s202_txt_wrap2 .s202_txt1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-right: 328px;}
.s202_txt_wrap2 .s202_txt2{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left:  328px;}
.s202_txt_wrap3{top:443px}

.s1_bg3{background: url(../../images/sub/s202_bg.png) bottom no-repeat; bottom: 0;  background-repeat:repeat-x;}


/* 서브 3_1 */
.s0301{overflow: hidden; position: relative;}

.s0301{height: 552px; margin-bottom: 150px;}
.s0301:before{position: absolute; content:''; width: 100%; height: 5px; background: url(../../images/sub/s301_3.png) 0 0; bottom: 0; left: 0;}
.s0301 div{float: left;}

.s0301 .s_301_txt_r{width: 870px;}
.s_301_txt_r .txt_box {width: 100%;}
.s_301_txt_r .txt_box h3{font-size: 19px; color: #303030; font-weight: 600; padding-bottom: 12px;}
.s_301_txt_r .txt_box p{font-size: 15px; color: #505050;}
.s_301_txt_r .txt_box p span{color: #3f8bc6; text-decoration: underline; font-weight: 500;}
.s_301_txt_l{position: relative;}
.s_301_txt_l .f2_h4{position: absolute; bottom: -40px; right: -40px;}
.s_301_txt_l .f2_h4 figcaption{position: absolute; bottom:0; right: 0; text-align: center; color: #fff; width: 195px; height: 184px; font-size: 19px; font-weight: 500; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 35px;}
.s_301_txt_l .f2_h4 figcaption span{opacity: 0; }
.s301_box_wrap{ width: 100%;background: #e8eaec; padding: 20px 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-top: 22px; margin-bottom: 35px;}
.s301_box_wrap ul{overflow: hidden;}
.s301_box_wrap ul li {position: relative; padding-left: 15px; line-height: 28px; margin-bottom: 8px; color: #505050;}
.s301_box_wrap ul li:before{position: absolute; content:''; width: 4px; height: 4px; background: #6291ad; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; left: 0; top: 14px; }
.s301_box_wrap ul.susukang li:before{background: #8cc63f; }

.s301_box_wrap ul li span{background: #3f8bc6; color: #fff; display: inline-block; padding: 0px 8px; font-weight: 400; margin-right: 15px;}
.s_301_txt_r .txt_box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 64px 0 0 90px;}
.h3_two{margin-top: 23px;}

.last_p{font-size: 15px !important; color: #909090 !important; display: block;}
.nock{color: #8cc63f !important;}
.nock2{background: #8cc63f !important; }