/* BASIC css start */
.newpage {margin:10px auto;width:96%; text-align:center;}
.tit_int1 {margin:0 auto; text-align:center; width:100%; height:210px;}
.tit_int1 .tit_1 {font-size:21px; color:#525252; font-weight:600; margin:50px 0 15px 0; }
.tit_int1 .int_logo1 {width:100%; margin:0 auto; text-align:center;}
.tit_int1 .int_logo1 img {height:40px;}
.tit_int1 .txt_1 {font-size:16px; color:#73886d; margin:20px 0 50px 0; font-weight:400; line-height:23px;}



.bg_1 {position:relative; width:100%;}
.txt_bg1 {position:absolute; top:20px; width:100%;}
.txt_bg1 .txt_2 {margin:0 auto; text-align:center; padding-top:30px; }
.txt_bg1 .txt_2 span {margin:0 auto; text-align:center; padding:5px 10px 7px 10px; font-size:23px; font-weight:600; color:#525252; border:3px solid #525252;}
.txt_bg1 .txt_3 {width:96%;margin:0 auto; text-align:center; padding-top:25px; font-size:18px; font-weight:bold; color:#525252;}
.txt_bg1 .txt_4 {width:96%;margin:0 auto; text-align:center; padding-top:10px; font-size:15px; font-weight:300; color:#525252; line-height:20px;} 

.bg_2 {position:relative; width:100%;}
.braket1 {position:absolute; top:60px; left:5px; color:#d9e4c5; font-weight:300; font-size:110px;}
.braket2 {position:absolute; top:60px; right:5px; color:#d9e4c5; font-weight:300; font-size:110px;}
.txt_bg2 {position:absolute; top:20px; width:100%;}
.txt_bg2 .txt_2 {margin:0 auto; text-align:center; padding-top:20px; font-size:20px; line-height:25px; font-weight:bold; color:#525252;}
.img_bg2 {padding-top:80px;}

.bg_2 .img1_b {position:relative;}
.bg_2 .img1_c {position:relative;}

.bg_2 .txt_3 {position:absolute; bottom:20px; left:30px; color:#525252; font-size:15px; text-shadow:-2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;}
.bg_2 .txt_4 {position:absolute; bottom:20px; right:30px; color:#525252; font-size:15px; text-shadow:-2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;}
.bg_2 .txt_5 {position:absolute; bottom:50%; left:25%; color:#525252; font-size:15px; text-shadow:-2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;}


.int_area3 {width:100%; height:245px; background-color:#f3f3f3;}
.txt_bg3 {width:100%;}
.txt_bg3 .txt_2 {margin:0 auto; text-align:center; padding-top:45px; }
.txt_bg3 .txt_2 span {margin:0 auto; text-align:center; padding:5px 10px 7px 10px; font-size:20px; letter-spacing:-1px; font-weight:600; color:#525252; border:3px solid #525252;}
.txt_bg3 .txt_3 {width:96%;margin:0 auto; text-align:center; padding-top:25px; font-size:18px; font-weight:bold; color:#525252; line-height:23px;}
.txt_bg3 .txt_4 {width:96%;margin:0 auto; text-align:center; padding-top:10px; font-size:15px; font-weight:300; color:#525252; line-height:20px;} 
/*
.int_area4 {width:100%; background-color:#f3f3f3; padding-top:30px;}
.img_bg3 {position:relative;}
.img_bg3 .txt_1 {position:absolute; top:35px; left:15%; font-size:16px; text-align:center; color:#525252; line-height:20px;}
*/

.int_area4 .bg_1 {position:relative; width:100%;}
.int_area4 .txt_bg1 {position:absolute; top:20px; width:100%;}
.int_area4 .txt_bg1 .txt_2 {margin:0 auto; text-align:center; padding-top:20px;margin:0 auto; text-align:center;  font-size:16px; line-height:20px; font-weight:300; color:#525252;}


/*
.int_area1 {width:100%; margin:0 auto; text-align:center;}
.int_area1 .txt_2 {margin:0 auto; text-align:center; padding-top:120px; }
.int_area1 .txt_2 span {margin:0 auto; text-align:center; padding:5px 10px 7px 10px; font-size:30px; font-weight:600; color:#525252; border:3px solid #525252; width:215px;}
.int_area1 .txt_3 {padding-top:60px; font-size:26px; font-weight:500; color:#525252;}
.int_area1 .txt_4 {padding-top:40px; font-size:24px; font-weight:300; color:#525252;} 


.int_area2 {width:100%; height:1425px; margin:0 auto; text-align:center; background:url('/design/ontree01/mobile_hera/int_on2.jpg') no-repeat;}
.int_area2 .txt_5 {width:100%; height:227px; background:url('/design/ontree01/mobile_hera/bg_square_bracket.jpg') no-repeat; padding-top:75px;}
.int_area2 .txt_5 span {margin:0 auto; text-align:center; font-size:25px; font-weight:500; color:#525252; line-height:34px;}
.int_area2 .box_text {width:1144px; margin:0 auto; margin-top:340px; position:relative;}
.int_area2 .box_text .txt_6 {width:572px; text-align:left; }
.int_area2 .box_text .txt_6 span {font-size:20px; font-weight:400; color:525252; text-shadow:-2px 0 white, 0 2px white, 2px 0 white, 0 -2px white; position:absolute; top:0; left:40px;}

.int_area2 .box_text .txt_7 {width:572px; text-align:left;}
.int_area2 .box_text .txt_7 span {font-size:20px; font-weight:400; color:525252; text-shadow:-2px 0 white, 0 2px white, 2px 0 white, 0 -2px white; position:absolute; top:0; right:40px;}

.int_area2 .box_text .txt_8 {width:1144px; margin-top:400px;}
.int_area2 .box_text .txt_8 span {font-size:20px; font-weight:400; color:525252; text-shadow:-1px 0px white, 0px 2px white, 2px 0px white, 0px -1px white;}

.int_area3 {width:100%; height:1658px; margin:0 auto; text-align:center; background:url('/design/ontree01/mobile_hera/int_on3.jpg') no-repeat;}
.int_area3 .txt_2 {margin:0 auto; text-align:center; padding-top:180px; }
.int_area3 .txt_2 span {margin:0 auto; text-align:center; padding:5px 10px 7px 10px; font-size:30px; font-weight:600; color:#525252; border:3px solid #525252; width:215px;}
.int_area3 .txt_3 {padding-top:60px; font-size:26px; font-weight:500; color:#525252;}
.int_area3 .txt_4 {padding-top:40px; font-size:24px; font-weight:300; color:#525252;} 

.int_area3 p {float:left; width:372px;}
.3dan_txt1 {width:1144px; margin:0 auto;}
.3dan_txt1 p {width:372px; margin-right:14px;}
.3dan_txt1 p:last-child {margin-right:0;}
.3dan_txt1 p span {color:#b7ceb2 !important; font-size:24px; font-weight:500;}

.int_area3 .3dan_txt2 {width:1144px; margin:0 auto; color:#525252;}
.int_area3 .3dan_txt2 p {width:372px; margin-right:14px;}
.int_area3 .3dan_txt2 p:last-child {margin-right:0;}

.int_area3 .3dan_txt3 {width:1144px; margin:0 auto;}
.int_area3 .3dan_txt3 p {width:372px; margin-right:14px;}
.int_area3 .3dan_txt3 p:last-child {margin-right:0;}

.3dan_txt2 b {font-weight:500;}

.color_gr {color:#4ca146;}
.color_sky {color:#27bfe6;}
.color_bl {color:#1f97d4;}
.color_br {color:#bf8d2c;}

.mgauto {width:100%; margin:0 auto;}
.widh1144 {width:1144px; margin:0 auto; text-align:right;}


.int_area4 {width:100%; height:1184px; margin:0 auto; text-align:center; background:url('/design/ontree01/mobile_hera/int_on4.jpg') no-repeat; position:relative;}
.int_area4 .txt_1 {padding-top:40px; font-size:24px; font-weight:300; color:#525252; padding-top:160px;} 
.int_area4 .txt_1 .txt_ban1 {position:absolute; top:0; left:0;}
.int_area4 .txt_1 .txt_ban2 {position:absolute; top:0; right:0;}*/
/* BASIC css end */