@charset "utf-8";


/* ==== 공통부분 ==== */
label, input, select{vertical-align:middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block;}
body{min-width:320px;}
.clearfix:before, .section .content:before, .section .content .c-illustr:before, .clearfix:after, .section .content:after, .section .content .c-illustr:after
.clearfix:before, .section .content:before, .section .content .c-illustr:before, .clearfix:after, .section .content:after, .section .content .c-illustr:after{content:"";display:table;}

.fp-enabled body, html.fp-enabled{margin:0;padding:0;/* overflow:hidden; */-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {/margin:0;:0 */0 */padding:0;border:0;font-size:100%;}
ol, ul, li { list-style:none}
h1, h2, h3, h4, h5, h6 { font-weight:normal}
address, caption, em { font-weight:normal; font-style:normal}
fieldset, img,button { border:0}
img {/* line-height:100%; */font-size:100%;vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal}
blockquote, q {quotes:none}

ins {text-decoration:none}
del {text-decoration:line-through}
a,img,input{outline: none;}

/* base */
body{font-size:13px;font-family: "Microsoft YaHei",Hiragino Sans GB, 宋体, tahoma, arial,  sans-serif;color:#666;letter-spacing:0;line-height:100%;text-align:left;}
table{/*font-size:11px;*/ border-collapse:collapse;}
input,textarea,select{font-size:12px; color:#666; border:1px solid #b4b4b4; font-family:'Nanum Gothic', "나눔고딕", "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; }


/* skip */
legend, hr, .skip{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.hide{display:none;}
caption{display:none;}

/* anchor */
a { color:#666; text-decoration:none;}
a:link, 
a:visited { text-decoration:none}
a:hover, 
a:active, 
a:focus { text-decoration:none; color:#000;}

/* #skipNavi */
#skipNavi{position:relative; width:100%; margin:0 auto; display:none;}
#skipNavi a{display:block; position:absolute; left:0; top:0; z-index:10; width:0; height:0; font-size:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus{width:100%; height:auto; background:#000; color:#fff; font-size:1em; text-align:center; padding:5px 0;} 

/* input */
input.textinput { height:18px; line-height:18px; font-size:12px; vertical-align:middle; color:#666; border:1px solid #b4b4b4}
input.textinput_gray { height:16px; line-height:16px; font-size:12px; vertical-align:middle; color:#666; border:1px solid #ccc}
textarea.textinput { width:99%; font-size:11px; vertical-align:middle; color:#666; border:1px solid #a6c9e2}
.selectBox{border:solid 1px #ccc; height:20px !important; line-height:20px !important; font-size:12px;}

/* vertical-align */
.v_t { vertical-align:top !important}
.v_m { vertical-align:middle !important}
.v_b { vertical-align:bottom !important}

/* text */
.bold { font-weight:bold; color:#666;}
.underline { text-decoration:underline}

/* background */
.bg_none{background:none !important;}

/* border */
.bd_none{border:none !important;}
.bd_t_none{border-top:none !important;}
.bd_r_none{border-right:none !important;}
.bd_b_none{border-bottom:none !important;}
.bd_l_none{border-left:none !important;}

/* width */
.wid1{width:1%!important}.wid2{width:2%!important}.wid3{width:3%!important}.wid4{width:4%!important}.wid5{width:5%!important}.wid6{width:6%!important}.wid7{width:7%!important}.wid8{width:8%!important}.wid9{width:9%!important}.wid10{width:10%!important}.wid11{width:11%!important}.wid12{width:12%!important}.wid13{width:13%!important}.wid14{width:14%!important}.wid15{width:15%!important}.wid16{width:16%!important}.wid17{width:17%!important}.wid18{width:18%!important}.wid19{width:19%!important}.wid20{width:20%!important}.wid21{width:21%!important}.wid22{width:22%!important}.wid23{width:23%!important}.wid24{width:24%!important}.wid25{width:25%!important}.wid26{width:26%!important}.wid27{width:27%!important}.wid28{width:28%!important}.wid29{width:29%!important}.wid30{width:30%!important}.wid31{width:31%!important}.wid32{width:32%!important}.wid33{width:33%!important}.wid34{width:34%!important}.wid35{width:35%!important}.wid36{width:36%!important}.wid37{width:37%!important}.wid38{width:38%!important}.wid39{width:39%!important}.wid40{width:40%!important}.wid41{width:41%!important}.wid42{width:42%!important}.wid43{width:43%!important}.wid44{width:44%!important}.wid45{width:45%!important}.wid46{width:46%!important}.wid47{width:47%!important}.wid48{width:48%!important}.wid49{width:49%!important}.wid50{width:50%!important}.wid51{width:51%!important}.wid52{width:52%!important}.wid53{width:53%!important}.wid54{width:54%!important}.wid55{width:55%!important}.wid56{width:56%!important}.wid57{width:57%!important}.wid58{width:58%!important}.wid59{width:59%!important}.wid60{width:60%!important}.wid61{width:61%!important}.wid62{width:62%!important}.wid63{width:63%!important}.wid64{width:64%!important}.wid65{width:65%!important}.wid66{width:66%!important}.wid67{width:67%!important}.wid68{width:68%!important}.wid69{width:69%!important}.wid70{width:70%!important}.wid71{width:71%!important}.wid72{width:72%!important}.wid73{width:73%!important}.wid74{width:74%!important}.wid75{width:75%!important}.wid76{width:76%!important}.wid77{width:77%!important}.wid78{width:78%!important}.wid79{width:79%!important}.wid80{width:80%!important}.wid81{width:81%!important}.wid82{width:82%!important}.wid83{width:83%!important}.wid84{width:84%!important}.wid85{width:85%!important}.wid85_5{width:85.5%!important}.wid86{width:86%!important}.wid87{width:87%!important}.wid88{width:88%!important}.wid89{width:89%!important}.wid90{width:90%!important}.wid91{width:91%!important}.wid92{width:92%!important}.wid93{width:93%!important}.wid94{width:94%!important}.wid95{width:95%!important}.wid96{width:96%!important}.wid97{width:97%!important}.wid98{width:98%!important}.wid99{width:99%!important}.wid100{width:100%!important}

/* common gap class */
.m0{margin:0 !important}.m5{margin:5px !important}.m10{margin:10px !important}.m15{margin:15px !important}.m20{margin:20px !important}.m25{margin:25px !important}.m30{margin:30px !important}
.mt0{margin-top:0px !important}.mt1{margin-top:1px !important}.mt2{margin-top:2px !important}.mt3{margin-top:3px !important}.mt4{margin-top:4px !important}.mt5{margin-top:5px !important}.mt6{margin-top:6px !important}.mt7{margin-top:7px !important}.mt8{margin-top:8px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt21{margin-top:20px !important}.mt22{margin-top:22px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt33{margin-top:33px !important}.mt40{margin-top:40px !important}.mt50{margin-top:50px !important}.mt150{margin-top:150px !important}
.mr0{margin-right:0px !important}.mr1{margin-right:1px !important}.mr2{margin-right:2px !important}.mr3{margin-right:3px !important}.mr4{margin-right:4px !important}.mr5{margin-right:5px !important}.mr6{margin-right:6px !important}.mr7{margin-right:7px !important}.mr8{margin-right:8px !important}.mr9{margin-right:9px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr18{margin-right:18px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}
.mb0{margin-bottom:0px !important}.mb1{margin-bottom:1px !important}.mb2{margin-bottom:2px !important}.mb3{margin-bottom:3px !important}.mb4{margin-bottom:4px !important}.mb5{margin-bottom:5px !important}.mb6{margin-bottom:6px !important}.mb7{margin-bottom:7px !important}.mb8{margin-bottom:8px !important}.mb9{margin-bottom:9px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb18{margin-bottom:18px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}
.ml0{margin-left:0px !important}.ml1{margin-left:1px !important}.ml2{margin-left:2px !important}.ml3{margin-left:3px !important}.ml4{margin-left:4px !important}.ml5{margin-left:5px !important}.ml6{margin-left:6px !important}.ml7{margin-left:7px !important}.ml8{margin-left:8px !important}.ml9{margin-left:9px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml38{margin-left:38px !important}.ml50{margin-left:50px !important}.ml57{margin-left:57px !important}.ml60{margin-left:60px !important}.ml65{margin-left:65px !important}.ml70{margin-left:70px !important}.ml100{margin-left:100px !important}.ml150{margin-left:150px !important}
.pt0{padding-top:0 !important}.pt1{padding-top:1px !important}.pt2{padding-top:2px !important}.pt3{padding-top:3px !important}.pt4{padding-top:4px !important}.pt5{padding-top:5px !important}.pt6{padding-top:6px !important}.pt7{padding-top:7px !important}.pt8{padding-top:8px !important}.pt10{padding-top:10px !important}.pt11{padding-top:11px !important}.pt12{padding-top:12px !important}.pt13{padding-top:13px !important}.pt14{padding-top:14px !important}.pt15{padding-top:15px !important}.pt16{padding-top:16px !important}.pt18{padding-top:18px !important}.pt20{padding-top:20px !important}.pt23{padding-top:23px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt37{padding-top:37px !important}.pt40{padding-top:40px !important}.pt41{padding-top:41px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}
.pr0{padding-right:0 !important}.pr1{padding-right:1px !important}.pr2{padding-right:2px !important}.pr3{padding-right:3px !important}.pr4{padding-right:4px !important}.pr5{padding-right:5px !important}.pr6{padding-right:6px !important}.pr7{padding-right:7px !important}.pr8{padding-right:8px !important}.pr9{padding-right:9px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr17{padding-right:17px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pr51{padding-right:51px !important}.pr60{padding-right:60px !important}
.pb0{padding-bottom:0 !important}.pb1{padding-bottom:1px !important}.pb2{padding-bottom:2px !important}.pb3{padding-bottom:3px !important}.pb4{padding-bottom:4px !important}.pb5{padding-bottom:5px !important}.pb6{padding-bottom:6px !important}.pb7{padding-bottom:7px !important}.pb8{padding-bottom:8px !important}.pb9{padding-bottom:9px !important}.pb10{padding-bottom:10px !important}.pb11{padding-bottom:11px !important}.pb12{padding-bottom:12px !important}.pb13{padding-bottom:13px !important}.pb14{padding-bottom:14px !important}.pb15{padding-bottom:15px !important}.pb18{padding-bottom:18px !important}.pb19{padding-bottom:19px !important}.pb20{padding-bottom:20px !important}.pb24{padding-bottom:24px !important}.pb25{padding-bottom:25px !important}.pb26{padding-bottom:26px !important}.pb30{padding-bottom:30px !important}.pb32{padding-bottom:32px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb60{padding-bottom:60px !important}.pb76{padding-bottom:76px !important}.pb93{padding-bottom:93px !important}.pb150{padding-bottom:150px !important}.pb250{padding-bottom:250px !important}
.pl0{padding-left:0 !important}.pl1{padding-left:1px !important}.pl2{padding-left:2px !important}.pl3{padding-left:3px !important}.pl4{padding-left:4px !important}.pl5{padding-left:5px !important}.pl6{padding-left:6px !important}.pl7{padding-left:7px !important}.pl8{padding-left:8px !important}.pl9{padding-left:9px !important}.pl10{padding-left:10px !important}.pl13{padding-left:13px !important}.pl14{padding-left:14px !important}.pl15{padding-left:15px !important}.pl16{padding-left:16px !important}.pl17{padding-left:17px !important}.pl18{padding-left:18px !important}.pl19{padding-left:19px !important}.pl20{padding-left:20px !important}.pl21{padding-left:21px !important}.pl22{padding-left:22px !important}.pl23{padding-left:23px !important}.pl24{padding-left:24px !important}.pl25{padding-left:25px !important}.pl26{padding-left:26px !important}.pl27{padding-left:27px !important}.pl28{padding-left:28px !important}.pl30{padding-left:30px !important}.pl34{padding-left:34px !important}.pl36{padding-left:36px !important}.pl38{padding-left:38px !important}.pl39{padding-left:39px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pl55{padding-left:55px !important}.pl60{padding-left:60px !important}.pl61{padding-left:61px !important}.pl65{padding-left:65px !important}.pl70{padding-left:70px !important}.pl75{padding-left:75px !important}.pl80{padding-left:80px !important}.pl90{padding-left:90px !important}.pl115{padding-left:115px !important}.pl120{padding-left:120px !important}.pl130{padding-left:130px !important}.pl170{padding-left:170px !important}.pl215{padding-left:215px !important}.pl460px{padding-left:460px !important}
.p0{padding:0 !important}.p1{padding:1px !important}.p2{padding:2px !important}.p3{padding:3px !important}.p4{padding:4px !important}.p5{padding:5px !important}.p6{padding:6px !important}.p7{padding:7px !important}.p8{padding:8px !important}.p10{padding:10px !important}.p15{padding:15px !important}.p20{padding:20px !important}.p25{padding:25px !important}.p30{padding:30px !important}.p35{padding:35px !important}.p40{padding:40px !important}.p45{padding:45px !important}.p50{padding:50px !important}
/*! float 적용 요소 감싸는 클래스 - clearfix */
.cf:before,
.cf:after {content: " "; display: table; }
.cf:after {clear: both; }
.clearfix {*zoom: 1; }

/*! 공통 클래스 스타일 */

/*! 이미지 대체 기법 */
.ir {overflow: hidden; text-indent: -9999em; }

/*! 스크린리더/브라우저에서 모두 감추기 */
.hidden {display: none !important; visibility: hidden; }

/*! 스크린리더에서는 읽기 가능 */
.acc_hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;visibility:hidden; font-size:0;  }

/*! 스크린리더에서는 읽기 가능 + 포커스 적용 */
.acc_hidden.focusable:active,
.acc_hidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*! 화면에서는 안 보이지만, 레이아웃 공간 적용 */
.invisible {visibility: hidden; }

/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(font/NanumGothicBold.eot);
  src: url(font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothicBold.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumGothic.eot);
  src: url(font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(font/NanumGothicExtraBold.eot);
  src: url(font/NanumGothicExtraBold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothicExtraBold.woff) format('woff');
}

/* Layout */
#wrap {position:relative;/* overflow:hidden; */width:100%;z-index:10;}
#header{position: fixed;width: 100%;top: 0;left: 0;right: 0;z-index: 1000;height: auto;background:url('../images/common/h_bg.png') no-repeat 70% 100%;}	
#footer{overflow:hidden;position:relative;width:100%;background:#fff;z-index:100} 

/* == header == */
.h_top{width:100%;}
.h_top ul li a{color:#fff;}
.pc_area{position: relative;z-index:102;width: 100%;background: #008fd5;}
#top {position: relative;z-index:102;max-width: 1140px;margin: 0 auto;height: 32px;}
#top ul {list-style: none;padding: 0;margin:0 0 0 -8px;}
#top ul.pull-right {margin-right: -8px;}
#top ul li {display: inline-block;font-size: 12px;padding: 6px 8px 3px 8px;color:#fff;}
#top a {color: #fff;text-decoration: none;font-weight: 700;font-family: 'Open Sans', sans-serif;}

a {}
#nav{position:relative;/* max-width: 1170px; */height: 76px;background: #fff;z-index: 102;margin: 0 auto;}
#header_m{display:none;}
#header-location {background: #ededed;}
#header-location .container {padding-top: 7px;padding-bottom: 7px;font-size:12px;text-align:right;}
#nav .logo{position:absolute;top: 0;margin: 0;height:84px;z-index:120;padding-right:0;}
#nav .logo > a{display:inline-block;width:100%;line-height:70px;}
#nav .logo > a > img{width:100%;max-width: 170px;}

#header_m{z-index:5000;background:#fff;}
#header_m .snb_all{background:#444}
#header_m .snb_all > li{position:relative;text-align:center}	
#header_m .snb_all > li > a{color:#fff;font-size:15px;padding-left:20px;font-weight:700;text-align:left;}
#header_m .snb_all > li > .depth{display:none;overflow:hidden;width:100%;padding: 0;background:#dadada;}
#header_m .snb_all > li > .depth > li{padding-left:2px;text-align:left;font-size:13px;font-weight:700;line-height:25px;}
#header_m .snb_all > li > .depth > li > a{color:#444;text-decoration:none;border-bottom: 1px solid #f0f0f0;padding-left:20px;}
#header_m .snb_all > li > .depth > li > a:hover{color:#2a6496}
#header_m .snb_all > li > .depth > li > a:focus{color:#2a6496}
#header_m .close_all{height:40px;line-height:40px;background:#008fd5;text-align:right;padding-right:15px}
#header_m .close_all i{color:#fff;font-size:24px;line-height:36px;cursor:pointer;}
#gray-window{display:none;position:fixed;top: 0;background:#000;opacity:0.7;filter:alpha(opacity:'70');width:100%;height:100%;z-index:1000;}
#gray-window{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}    

.m_top{height:50px;background: url('../images/common/m_h_bg.jpg') no-repeat 0 100%;background-size:100% 5px;position:relative;z-index:150;}
.m_top h1{background: url('../images/chi/c-logo.jpg') no-repeat 50% 50%;text-indent:-9999px;height:100%;margin:0;position:absolute;top:0;width:100%;background-size:108px 30px;background-position:50% 40%;}
.m_top h1 a{display:block; width:30%; height:100%; margin:0 auto; position:relative; z-index:1;}
.m_top .nav{float:left; position:relative; z-index:5; width:100%;}
.m_top .nav .nav_btn{display:block; position:absolute;width:30px; height:36px;top:12px; left:13px;}
.m_top .nav .nav_btn i{color:#0086d1;font-size:22px;line-height:22px;cursor:pointer;  width:37px; height:30px;}
.m_top .language{float:right; position:relative; z-index:100;top:13px; right:13px;}
.m_top .language a{float:right; position:relative; z-index:100; display:block; font-size:12px;}
.m_top .language .cu_language{border:1px solid #c9c9c9; color:#656565; border-radius:10px;padding:2px 7px; font-size:10px;}
.m_top .language ul{position:absolute; border:1px solid #c9c9c9; color:#656565; border-radius:10px; padding:1px 7px; top:0; background:#fff;}
.m_top .language ul li{line-height:120%}
.m_top .language ul li a{font-size:10px}

/* NAV -GNB */
.gnb {position: relative;height: 85px;}
.gnb .container{/* background:#fff; */}
.gnb h1{float:left; margin:0; width:300px;}
.gnb ul{display: block;width: 100%;padding:0;list-style:none;margin-top: 26px;height: 50px;overflow: hidden;}
.gnb ul li {float: left;position: relative;text-align: center;list-style-type: none;}
.gnb ul li a {display: block;width: 100%;/* padding: 10px 15px; */font-size:16px;font-weight: bold;color: #444;text-decoration:none;}
.gnb ul li a:hover{ color: #008fd5;  }

#snb, #snb1, #snb2, #snb3, #snb4, #snb5 {position: relative;display:none;top: -10px;width:100%;height: 240px;background: url('../images/common/bg_header_sub01.png') no-repeat 60% 100%;}
#snb h4, #snb h5{font-weight:bold}
#submenu {width: 100%;/* padding-top: 22px; */margin:0 auto;color: #fff;/* display: none; */}
#submenu ul.submm{display: block;padding-top: 30px;margin-left: -35px;/* margin-right: -15px; */}
#submenu ul.submm li{/* display: table-cell; */padding: 0 0 10px;font-weight: 400;}
#submenu ul.submm li h5{font-size:14px;font-weight:bold;margin-bottom: 20px;}
#submenu1 {float:left; text-align:left; width:100px; margin-left:515px; height:133px;}
#submenu2 {float:left; text-align:left; width:100px; margin-left:5px; height:133px;}
#submenu3 {float:left; text-align:left; width:100px; margin-left:5px; height:133px;}
#submenu4 {float:left; text-align:left; width:100px; margin-left:5px; height:133px;}
#submenu4 {float:left; text-align:left; width:100px; margin-left:5px; height:133px;}
#submenu a{display: block;font-size:13px;text-align: center;padding: 0 4px;/* letter-spacing: -1px; */text-decoration:none;/* line-height:26px; */}
#submenu a:hover{ color: #008fd5;}

/* Main Page */
.page-cover{width:100%;position:fixed;height:120%;z-index:0;overflow:hidden;}
.page-cover .cover-bg{background:url(../img/bg-default.jpg);background-repeat: no-repeat;;background-size:cover;background-position: center;background-attachment:fixed;z-index:-1;}
.full-size{top:0;left:0;right:0;bottom:0;}
.pos-abs{position:absolute;}

.page-main{position:relative;margin-left:0;width:100%;margin-top: 116px;z-index:1;overflow: hidden;}
.fp-section.fp-table, .fp-slide.fp-table{/* position: relative; *//* table-layout: fixed; */width:100%;/* margin-top: 116px; */}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
.fp-tableCell{display:table;vertical-align: middle;width:100%;height:100%;}
/* main section style */
.page-main section{/* padding-top: 25px; */padding-bottom: 25px;position: relative;overflow: hidden;z-index: 10;}
.page-main section.main-section03{position:relative;/* width:100%; *//* min-width:1920px; */padding:0;height: 398px;margin: 0;overflow: hidden;}
.page-main section.main-section03 .bg{position:absolute;top: 0;/* display: inline-block; */width: 100%;height: 398px;text-align: center;}
.page-main section.main-section03 .bg img{display: inline-block;width: auto;/* margin: 0 auto; */}

#home{width: 100%;padding:0;height:100%;border:0;/* position: relative; *//* overflow: hidden; */}
#home-slider {border: 0;margin: 0;height: 100%;min-height: 878px;}
#home-slider .slides {width: 100%;display: block;}
#home-slider .slides > li {position: relative;height: 100%;min-height: 878px;}
#home-slider.kenburn .slide-image {transition: -webkit-transform 6s ease 0s;transition: transform 6s ease 0s;transition: transform 6s ease 0s, -webkit-transform 6s ease 0s;-webkit-transition: -webkit-transform 6s ease 0s;-moz-transition: -moz-transform 6s ease 0s;-moz-transform-origin: center center;}
#home-slider .flex-direction-nav > li {position: absolute;top: 50%;margin-top: -20px;z-index: 2000;}
#home-slider .flex-direction-nav > li.flex-nav-prev {left: 0;}
#home-slider .flex-direction-nav > li.flex-nav-next {right: 0;}
#home-slider .flex-direction-nav > li > a {display: none;color: #000;width: 40px;height: 40px;text-align: center;-webkit-transition: all .3s ease;transition: all .3s ease;}
#home-slider .flex-direction-nav > li > a:hover {text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);}
.slide-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-height: 878px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.slide-image.ff-fix {position: absolute;}
.slide-wrap {display: table;table-layout: fixed;height: 878px;width: 100%;position: relative;background-color: rgba(33, 40, 45);z-index: 200;}
.slide-content {display: table-cell;vertical-align: middle;position: relative;z-index: 10;text-align: center;}
.slide-content.text-left {text-align: left;}
.slide-content.bold-text h1 {font-weight: 600;}
.slide-content.bold-text h1.upper {font-size: 75px;font-weight: bold;}
.slide-content.bold-text h1.smaller {font-size: 40px;font-weight: 400;letter-spacing: 8px;margin: 35px 0;}
.slide-content h1 {font-weight: 700;font-size: 90px;margin: 15px 0;}
.slide-content h1.upper {font-size: 64px;}
.slide-content h1.cursive {font-weight: 400;font-size: 130px;}
.slide-content h2 {font-weight: 700;font-size: 75px;margin: 15px 0;padding-bottom: 10px;}
.slide-content h3{font-size: 28px;}
.slide-content h2.upper {font-size: 48px;letter-spacing: -.5px;}
.slide-content h2.upper span{letter-spacing:-.5px}
.slide-content h2.cursive {font-weight: 400;}
.slide-content h6 {letter-spacing: 0.5px;font-size: 20px;color: #000;font-weight: 500;margin: 20px 0;}
.slide-content h6.upper {font-size: 18px;text-align:center;}
.slide-content h6.upper img{display:inline-block;width:auto;}
.slide-content h3.cursive {font-size: 48px;}
.slide-content p{font-size: 22px;}
.slide-content .desc-sh{color:#fff;}
.v-top{padding-top: 5%;vertical-align:top;}
.flex-control-nav {position: absolute;right: 0;left: 0;margin: auto;text-align: center;bottom: 120px;z-index: 100;}
.flex-control-nav > li {width: 25px;text-align: center;margin-bottom: 15px;display: inline-block;}
.flex-control-paging > li > a {background: #eee;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;border: 1px solid #d6d1cb;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;z-index:1000;cursor: pointer;}
.flex-control-paging > li > a:hover{background: #4394e5;}
.flex-control-paging > li > a.flex-active, .flex-control-paging > li > a:focus{background: #008fd5;border: 1px solid #4394e5;}

.content-default{width:100%;height: 100%;overflow:hidden;position:relative;}
.bg-line{position:absolute;width: 100%;height: 106px;bottom: 0;z-index: 10;background: url('../images/main/grid_dash_bg.png') no-repeat 100%;background-position: center;background-size: cover;}
.vision-con{padding: 0;/* padding-top: 116px; */padding-bottom: 35px;position:relative;max-width: 1200px;margin:0 auto;}
.vision-con .latest{position:relative;width:100%;min-height: 400px;margin-right: 0;height: auto;/* background: url('../images/main/sec-bg.png') no-repeat 100%; */}
.content{padding: 0 50px;padding-top: 20px;padding-bottom: 60px;position:relative;max-width: 1170px;margin:0 auto;}
.bg-line1{position: absolute;width: 100%;height: 31px;top: 0;z-index: 1000;/* background: url('../images/main/grid_dash_bg1.png') no-repeat center; */background-size: cover;}
.c-text{position: absolute;z-index:1;text-align:center;top: 20%;right: 0%;width: 100%;height: 66%;margin:0 auto;}
.c1-text{position: absolute;z-index:1;text-align:center;top: 14%;width: 100%;height: 66%;margin:0 auto;}
.c2-text{position: absolute;z-index:1;text-align:center;top: 2%;left: 0%;width: 100%;height: 66%;margin:0 auto;}
.c3-text{position: absolute;z-index:1;text-align:center;top: 5%;width: 100%;height: 66%;margin:0 auto;}
.c4-text{position: absolute;z-index:1;text-align:center;top: 11%;right: 15%;width: 100%;height: 66%;margin:0 auto;}
.title-desc{position:relative;overflow:hidden;padding-top: 95px;padding-left: 31px;margin: 0 auto;padding-bottom: 96px;color: #3c3c3c;}
.title-desc .t-wrapper{}
.title-desc .t-wrapper .header{text-align: center;}
.title-desc .t-wrapper .header img{display: inline-block;position: relative;z-index: 2;max-width: 580px;}
.title-desc .t-wrapper .desc h2{font-size:23px;margin-top: 10px;}
.section.anim .c-text .title-desc .t-wrapper{-webkit-transition:0.6s;transition: 0.3s;-webkit-transition-delay:0.75s;transition-delay:0.75s;opacity: 1;-webkit-transform:none;-ms-transform:none;transform:none;}
.c-logo h4{font-size:36px;margin:0 8px;padding-top: 50px;letter-spacing: -.5px;}
.header h2{font-size: 50px;margin-top: -5px;margin-bottom: 0;padding-top: 5px;padding-bottom: 10px;letter-spacing: -.5px;text-shadow: black;}
.desc{max-width: 600px;margin:0 auto;font-size: 14px;}
.desc a{color:#333;}
.c-header{position: relative;overflow: hidden;padding-top: 70px;text-align: center;padding-bottom: 80px;}
.c-header p{text-align:center;}
.c-header h2{font-size: 35px;padding-top: 5px;font-weight: 600;padding-bottom: 15px;margin-top: 10px;margin-bottom: 0;text-align: center;}
.c-header span{text-align: center;font-size: 18px;}
.c-wrapper{/* position: absolute; *//* top: 14px; *//* left: 9px; *//* width: 510px; *//* height: 300px; */}
.c-wrapper .bg-im{position: absolute;width:100%;height:100%;background:url('../images/main/monitor.png') no-repeat;}
.c-wrapper .img-area{margin: 10px;display: block;width: 100%;max-height: 500px;background: #333;border: 1px solid #fff;border-radius: 10px;position: relative;overflow: hidden;}
.c-wrapper img{width: 100%;display:block;}
section .title{position: relative;font-size:36px;font-weight: bold;margin-top: 75px;-webkit-transition-delay:0.6s;transition-delay:0.6s;transform:none;opacity:1;}
section .title:before{content:"";position:absolute;left: 0;bottom:0;top: 16px;background:#4394e5;height: 4px;width: 60px;margin-right:-8px;margin-top: -31px;z-index:1;box-sizing: border-box;}
section .title:before{width: 60px;transition:0.3s;-webkit-transition-delay:1.1s;transition-delay:1.1s;-webkit-transition-timing-function:cubic-bezier(0.52, 0.42, 0, 1.01);transition-timing-function:cubic-bezier(0.52, 0.42, 0, 1.01);}
section .desc{font-size: 18px;padding-top: 0;letter-spacing: -.5px;}
section .btn-area{position: relative;width: 100%;display: block;padding: 10px 5px;overflow: hidden;}
section .more-view{display: inline-block;padding: 10px 30px;color: #333;font-size: 14px;border: 2px solid #333333;}
section .more-view:hover{background:#4394e5;color:#fff;}
#business{background: #fff url('../images/main/biz-bg-pat.png') no-repeat;}
.biz-wrapper{/* position: relative; *//* width:100%; */}
.biz-wrapper .subject{position:relative;height:235px;padding: 20px;color: #fff;}
.biz-wrapper .subject a{color:#fff;}
.biz-wrapper .subject h4{font-size:24px;margin-bottom: 0;}
.biz-wrapper .subject h5{font-size:20px;font-weight: normal;margin-top: 0;margin-bottom:20px;}
.biz-wrapper .subject p{margin: 0;color: #fff;}
.biz-wrapper .img-area{position:absolute;bottom:10px;right:10px;}
.biz-wrapper .img-area img{display:block;width:auto;height:auto;}
.biz-wrapper .col-sm-8{width: 65%;padding: 0px;margin: 0 7px 7px 0;}
.biz-wrapper .col-sm-4{/* width: 32.19%; */padding: 0 4px 0 4px;margin: 0 0 7px 0;}

    /* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {background-color: #8d8d8d;}
    to {background-color: #777777;}
}

/* Standard syntax */
@keyframes example {
    from {background-color: #bfbfbf;}
    to {background-color: #979797;}
}
.biz-wrapper .bg-c1{background:#979797;}
.biz-wrapper .bg-c1:hover{background:#10a4ec;}
.biz-wrapper .bg-c2{background:#8d8d8d;}
.biz-wrapper .bg-c2:hover{background:#008fd5;}
.biz-wrapper .bg-c3{background:#bfbfbf;}
.biz-wrapper .bg-c3:hover{background:#3cbbf9;}
.biz-wrapper .bg-c4{background:#777777;}
.biz-wrapper .bg-c4:hover{background:#0380bd;}
.biz-wrapper .bg-c5{background:#8d8d8d;}
.biz-wrapper .bg-c5:hover{background:#1992ce;}
.biz-wrapper .bg-c6{background:#8d8d8d;}
.biz-wrapper .bg-c6:hover{background:#1992ce;}
.biz-wrapper .row{margin:0;padding:0;}
.pair{position: relative;}
.pair .title{font-size: 20px;font-weight: 600;padding: 10px;margin-top: 0;/* margin-bottom: 5px; */}
.pair .title:before{display:none;}
.pair .title .more{font-size: 12px;vertical-align: text-bottom;}
.pair .desc{font-size:14px;}
.pair .box-blue{position:relative;padding: 20px 20px 0;border-bottom: 1px solid #e5e5e5;border-top: 3px solid #0190d6;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;margin-bottom: 20px;min-height: 200px;}
.pair .box-green{position:relative;padding: 20px 20px 0;border-bottom: 1px solid #e5e5e5;border-top: 3px solid #99ca3b;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;margin-bottom: 20px;min-height: 200px;}
.pair .box-orange{position:relative;padding: 20px 20px 0;border-bottom: 1px solid #e5e5e5;border-top: 3px solid #efb509;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;margin-bottom: 20px;min-height: 200px;}
.pair .p-subject{font-size: 16px;font-weight: 600;margin-bottom:10px;}
.pair .box-blue .date,.pair .box-orange .date, .pair .box-green .date{position:absolute;bottom:15px;}
#partners{position: relative;height: 600px !important;overflow: hidden;background: url('../images/main/part-bg1.jpg') no-repeat;background-attachment: fixed;background-size: cover;}
#partners .partners-area{display:block;vertical-align: middle;height: 86px;padding: 20px 20px;/* margin: 0 auto; */background: #fff;-moz-box-shadow: 0 0 2px #ccc;-webkit-box-shadow: 0 0 2px #ccc;}
#partners .c-header, #branch .c-header{padding-top: 50px;padding-bottom: 60px;}
#partners .bx-wrapper .bx-pager, #business .bx-wrapper .bx-pager{display:none;}
#partners .bx-wrapper .bx-prev {left: 974px;background: url('../images/main/controls.png') no-repeat 0px 0px;}
#partners .bx-wrapper .bx-prev:hover,
#partners .bx-wrapper .bx-prev:focus {background-position: 0 0;}
#partners .bx-wrapper .bx-next { right: -104px;background: url('../images/main/controls.png') no-repeat -52px 0px;}
#partners .bx-wrapper .bx-next:hover,
#partners .bx-wrapper .bx-next:focus {background-position: -52px 0;}
#partners .bx-wrapper .bx-controls-direction a.disabled{display:block;}
#partners .bx-wrapper .bx-controls-direction a{position: absolute;top: 50%;margin-top: -44px;outline: 0;width: 53px;height: 87px;text-indent: -9999px;z-index: 9999;}
#branch{position:relative;height: 770px !important;overflow:hidden;}
#fp-nav.right{right:17px}
#fp-nav{position:fixed;margin-top:32px;z-index:100;top:50%;opacity: 6s1;-webkit-transform:translate3d(0,0,0);}
#fp-nav.right, #fp-nav{top: 42%;right: 80px;}
#fp-nav ul{margin-top:-40px;}
#fp-nav ul, .fp-slidesNav ul{margin:0;padding:0;}
#fp-nav ul li, .fp-slidesNav ul li{display:block;width: 40px;height: 13px;margin:7px;position:relative;}
#fp-nav .sitemap{width: 40px;height: 33px;line-height: 10px;padding: 5px 7px;margin-left: 25px;background: #008fd5;}
#fp-nav .sitemap .txt{font-size: 11px;color:#fff;text-align: center;}
#fp-nav ul li a, .fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;font-size: 0;height:100%;cursor:pointer;text-decoration:none;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: #008fd5;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{height:12px;width: 40px;margin: -2px 0 0 -2px;/* border-radius:100%; */}
#fp-nav ul li a span, .fp-slidesNav ul li a span{position:absolute;background: #eee;z-index:1;height: 12px;width: 40px;border:0;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0;  width: 0;  cursor: pointer;}
#fp-nav .site-link{width: 40px;height: 33px;line-height: 10px;padding: 0;margin-top: 20px;margin-left: 25px;}
#fp-nav .site-link .blog{display:block;width:100%;height: 100%;line-height: 30px;text-align: center;background:#ddd;background: #ffc000;color:#fff;margin-bottom: 4px;font-size: 14px;font-weight: bold;}
#fp-nav .site-link .pearbranch{display:block;width:100%;height: 100%;line-height: 10px;text-align: center;color:#fff;margin-bottom: 4px;font-size: 11px;}

.navbar-collapse .right{right:17px}
.navbar-collapse{position:fixed;margin-top:32px;z-index:100;top:50%;opacity: 6s1;-webkit-transform:translate3d(0,0,0);}
.navbar-collapse.right, #fp-nav{top: 42%;right: 80px;}
.navbar-collapse ul{margin-top:-40px;}
.navbar-collapse ul{position: relative;width: 40px;margin:0;padding:0;}
.navbar-collapse ul li{/* display:block; *//* width: 40px; */height: 13px;/* margin: 7px auto; *//* position:relative; */}
.navbar-collapse .sitemap{position: relative;width: 40px;height: 33px;line-height: 10px;padding: 5px 7px;/* margin-left: 25px; */background: #008fd5;}
.navbar-collapse .sitemap .txt{font-size: 11px;color:#fff;text-align: center;}
.navbar-collapse ul li a{/* display: inline-block; *//* position:relative; */z-index:1;width:100%;font-size: 0;height: 13px;cursor:pointer;text-decoration:none;}
.navbar-collapse ul li a.active span{background: #008fd5;}
.navbar-collapse ul li a.active span{height:12px;width: 40px;margin: -2px 0 0 -2px;/* border-radius:100%; */}
.navbar-collapse ul li a span{position:absolute;background: #eee;z-index:1;height: 12px;width: 40px;border:0;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
.navbar-collapse ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0;  width: 0;  cursor: pointer;}
.navbar-collapse .site-link{position: relative;width: 40px;height: 33px;line-height: 10px;padding: 0;margin-top: 20px;}
.navbar-collapse .site-link .blog{display:block;width:100%;height: 100%;line-height: 30px;text-align: center;background:#ddd;background: #ffc000;color:#fff;margin-bottom: 4px;font-size: 14px;font-weight: bold;}
.navbar-collapse .site-link .pearbranch{display:block;width:100%;height: 100%;line-height: 10px;text-align: center;color:#fff;margin-bottom: 4px;font-size: 11px;}