@charset "utf-8";


/* WEBS */


.section#section2{position:relative; clear:both; margin:0; padding:0; width:100%; height:100%; background:#fff; }
.section#section2 .container{width:100%; height:100%;  margin:0 auto; padding:60px 0 60px 0;}
.section#section2 h3{ padding:85px 0 10px 0;text-align: center;font-size: 36px;color: #111;font-weight:500; letter-spacing:-0.03em; background:url('/file/img/s_img/section2_bar.png') no-repeat center 0;}
.section#section2 p.tit{font-size:18px; font-weight:400; line-height:1.5; color:#111; text-align: center;}
.section#section2 p.tit span.pc_cut{display:block;}

/* ������ */

.section#section2 .about_box { position:relative; z-index:10; width:1200px; height:480px; margin:20px auto 0 auto !important;  background:none;}
.section#section2 .area {position:absolute; top:0px; left:0px; position:relative; overflow:hidden; width:1200px; height:420px; margin:0 auto; }
.section#section2 .icon_bar{position:relative;}
.section#section2 .icon_bar ul { position:absolute; right:0; top:0; width:100%; margin:0;padding:0 5%;}
.section#section2 .icon_bar ul:after{display: block;content: '';clear: both;}
.section#section2 .icon_bar ul li {position:relative; margin:30px 0 30px 0; width:33.33%; text-align:center !important; float:left; font-size:14px; text-align:center !important; letter-spacing:-1px; }
.section#section2 .icon_bar ul li:after{display: block;content: '';clear: both;}

.section#section2 .icon_bar ul li.last{border-right:0;}
.section#section2 .icon_bar ul li a {display:block; padding:0px 0 0 0;  text-align:center; line-height:14px; font-weight:600; color:#333; font-size:13px;letter-spacing:-0.05em; word-break:keep-all; transition:transform 600ms ease-in-out 0s; }
.section#section2 .icon_bar ul li a img{text-align:center;   transition: opacity 0.3s ease-in-out;  opacity: 1;}

.section#section2 .icon_bar ul li a span{font-size:13px; }
.section#section2 .icon_bar ul li a:hover { color:#2c79bd; text-decoration:none;}
.section#section2 .icon_bar ul li em{margin:0 auto; width:100%; display:block; font-size:18px; padding-bottom:10px; text-align:center;}
.section#section2 .icon_bar ul li a span.more_btn {display:block; width:46px; height:53px; margin:0 auto; margin-top:-27px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.section#section2 .icon_bar ul li a:hover span.more_btn,#section2 .icon_bar ul li.area01 a:focus span.more_btn {background:url("/file/img/s_img/btn_icon_more.png") no-repeat scroll 50% 37px; transform: rotate(360deg); font-weight:bold;}
.section#section2 .icon_bar ul li a span.img_area {width:100%; max-width:190px;width:190px; height:190px;  margin:0 auto;padding-top:15px; overflow:hidden; transition:margin 0.35s ease-in-out; text-align:center;  overflow: hidden;}
.section#section2 .icon_bar ul li a span.img_area img {width:100%; max-width:190px; width:190px; height:190px;margin:0 auto; text-align:center; transition: transform ease-in-out 0.5s;  overflow: hidden;}
.section#section2 .icon_bar ul li a:hover span.img_area img { margin-top:0px;  /* transform: rotate(360deg);*/transform: scale(1.05); }
.section#section2 .icon_bar ul li dl{margin:30px auto;}
.section#section2 .icon_bar ul li dt{text-align:center; font-size:20px; font-weight:500; color:#333; line-height:1.5; font-weight:600;}
.section#section2 .icon_bar ul li dd{margin:20px auto; text-align:center; font-size:16px; font-weight:400; color:#333; line-height:1.5; }
.section#section2 .icon_bar ul li dd span.pc_cut{display:block;}
.section#section2 .icon_bar ul li dd.btn{ line-height:1; padding:0;  }
.section#section2 .icon_bar ul li dd.btn a span.img_area_more{display:inline-block; font-size:18px; font-weight:500; height:40px; line-height:36px;color:#111; letter-spacing:-0.05em; width:155px;  padding:0px 20px; border:2px solid #104e93; text-align:center;}
.section#section2 .icon_bar ul li dd.btn a:hover span.img_area_more{color:#F58220; }
.section#section2 .icon_bar p.btn{ line-height:1; padding:0;  }
.section#section2 .icon_bar p.btn a span.img_area_more{display:inline-block; font-size:18px; border-radius:25px; font-weight:500; height:36px; line-height:36px;color:#fff; letter-spacing:-0.05em; width:140px;  padding:2px 20px; background:#7A5A49; text-align:center;}
.section#section2 .icon_bar p.btn a:hover span.img_area_more{color:#fff; }


.hide{display:none;}




@media (max-width: 1199px) {

.section#section2 .about_box {width:100%; height:460px; }
.section#section2 .area { width:100%; height:410px;  }


/*1199px ���Ǻ� Ÿ��Ʋ*/


.section#section2 h3{ font-size:30px;}
.section#section2 p.tit{font-size:18px;}

.section#section2 .icon_bar ul li dl{margin:20px auto;}





}/* 1199px End*/





@media (max-width: 991px) {

/* 991px ���Ǻ� Ÿ��Ʋ*/


.section#section2 h3{ font-size:26px;}
.section#section2 p.tit{font-size:16px;}



/* 991px WEBS */

.section#section2{clear:both; margin:0; padding:0; width:100%; height:auto; background:#fff;}

.section#section2 .container{width:100%; height:auto;  margin:0 auto; padding:60px 0 0px 0;}

.section#section2 .about_box {width:100%; height:400px; margin:30px auto 0 auto !important; }
.section#section2 .area { width:100%; height:360px;  }



.section#section2 .icon_bar ul { position:absolute; right:0; top:0; width:100%; margin:0;padding:0 5%;}
.section#section2 .icon_bar ul li {position:relative; margin:20px 0 0px 0; width:33.33%; text-align:center !important; float:left; font-size:14px; text-align:center !important; letter-spacing:-1px; }

.section#section2 .icon_bar ul li.last{border-right:0;}
.section#section2 .icon_bar ul li a {display:block; padding:0px 0 0 0;  text-align:center; line-height:14px; font-weight:600; color:#333; font-size:13px;letter-spacing:-0.05em; word-break:keep-all; transition:transform 600ms ease-in-out 0s; }
.section#section2 .icon_bar ul li a img{text-align:center; }
.section#section2 .icon_bar ul li a span{font-size:13px; }
.section#section2 .icon_bar ul li a:hover { color:#2c79bd; text-decoration:none;}
.section#section2 .icon_bar ul li em{margin:0 auto; width:100%; display:block; font-size:18px; padding-bottom:10px; text-align:center;}
.section#section2 .icon_bar ul li a span.more_btn {display:block; width:46px;  margin:0 auto; margin-top:-27px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.section#section2 .icon_bar ul li a:hover span.more_btn,#section2 .icon_bar ul li.area01 a:focus span.more_btn { font-weight:bold;}
.section#section2 .icon_bar ul li a span.img_area {width:100%; max-width:160px;  margin:0 auto;padding-top:15px; overflow:hidden; transition:margin 0.35s ease-in-out; text-align:center;}
.section#section2 .icon_bar ul li a span.img_area img {width:100%;width:160px; height:160px; margin:0 auto; transition: 0.35s ease-in-out; text-align:center;}
.section#section2 .icon_bar ul li a:hover span.img_area img { margin-top:0px; }
.section#section2 .icon_bar ul li dl{margin:20px auto;}
.section#section2 .icon_bar ul li dt{text-align:center; font-size:18px; font-weight:500; color:#333; line-height:1.5; }
.section#section2 .icon_bar ul li dd{margin:20px auto 0 auto; text-align:center; font-size:15px; font-weight:300; color:#333; line-height:1.5; letter-spacing:-0.05em; }
.section#section2 .icon_bar ul li dd span.pc_cut{display:block;}
.section#section2 .icon_bar ul li:nth-child(2) dd span.pc_cut{}

.section#section2 .icon_bar ul li dd.btn{ line-height:1; padding:0;  }
.section#section2 .icon_bar ul li dd.btn a span.img_area_more{display:inline-block; font-size:15px; font-weight:500; height:40px; line-height:36px;color:#111; letter-spacing:-0.05em; width:155px;  padding:0px 20px; border:2px solid #104e93; text-align:center;}
.section#section2 .icon_bar ul li dd.btn a:hover span.img_area_more{color:#0e76bc; }







}/* 991px End*/





@media (max-width: 768px) {



/* 768px ���Ǻ� Ÿ��Ʋ*/
.section#section2 p.tit span.pc_cut {
    display: inline;
}

 .section#section2 h3{ font-size:22px; letter-spacing:-0.05em; padding:55px 0 7px 0;background:url('/file/img/s_img/section2_bar_m.png') no-repeat center 0;}
 .section#section2 p.tit{font-size:15px; letter-spacing:-0.05em;}
 .section#section2 p.tit span.m_cut{display:block;}


/* 768px WEBS */
 .section#section2 .container{ padding:50px 10px 0px;}

 .section#section2 .icon_bar ul li {position:relative; display:block; margin:5px 0 30px 0; width:100%; text-align:center !important; float:none; font-size:14px; text-align:center !important; letter-spacing:-1px; }
 .section#section2 .icon_bar ul li:after{display: block;content: '';clear: both;}
 .section#section2 .icon_bar ul li dl{margin:10px auto 40px auto;}
 .section#section2 .icon_bar ul li dd span.pc_cut{display:block;}
 .section#section2 .icon_bar ul li:nth-child(2) dd span.pc_cut{display:block;}
 .section#section2 .icon_bar ul li dd{margin:10px auto 20px auto; }

 .section#section2 .icon_bar ul li a span.img_area img {width:100%; width:140px; height:140px; margin:0 auto; transition: 0.35s ease-in-out; text-align:center;}
 .section#section2 .about_box {width:100%; height:100%; margin:40px auto 0 auto !important; padding : 0 0px 0px 0; }
 .section#section2 .area { width:100%; height:100%;  min-height:900px;}


 .section#section2 .icon_bar p.btn a span.img_area_more{ font-size:15px; }





}/* 768px End*/