/*
	Author Name  : dtype.co.kr (Kang Byeong Ju)
	Author Email : dtype.bjk@gmail.com
*/

/*  Fonts  */
@font-face { font-family: 'Roboto-Regular'; src: url('../fonts/Roboto-Regular.eot'); src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'),  url('../fonts/Roboto-Regular.ttf') format('truetype'),  url('../fonts/Roboto-Regular.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto-Bold'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'),  url('../fonts/Roboto-Bold.ttf') format('truetype'),  url('../fonts/Roboto-Bold.svg#RobotoBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto-Medium'; src: url('../fonts/Roboto-Medium.eot'); src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium.woff') format('woff'),  url('../fonts/Roboto-Medium.ttf') format('truetype'),  url('../fonts/Roboto-Medium.svg#RobotoMedium') format('svg'); font-weight: normal; font-style: normal; }
/*  General CSS*/

body {min-width: 1280px; background: url('../img/background_aq.gif') repeat-y;}

nav ul li a:after, .main .item a:after, .social_widget .sm ul li a, .main .item a h2, .main .work .content { transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; color:#ffffff; }

header { display: block; float: left; width: 196px; height: 100%; position: absolute; top: 0; left: 0; background-color: #ffffff;  border-right:1px #30a1ef solid; z-index:9999;}
.logo { margin:0;}
.logo-pc { display:block; width: 160px; margin:10px 0 0 36px; }
.logo-pc img { width:100%; }
.logo-m { display:none; }

.sub-link {margin:10px 30px 10px 63px; color:#bdedf3; border-top: 1px #bcebf1 solid; text-align:left; padding:10px 0;}
.sub-link a {padding-top:10px; display:block; letter-spacing:-1px; color:#666;}

nav { margin: 40px 0 80px 76px; }
nav ul { list-style: none;}
nav ul li { display: block; margin-bottom:15px; }
nav ul li a { color: #045ca1; font-family: "Nanum Gothic", sans-serif; font-size: 14px; text-decoration: none; position: relative; padding-bottom: 5px; }
nav ul li a:after,  nav ul li.selected a:after { content: ''; width: 0; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; z-index:9999; }
nav ul li a:hover:after,  nav ul li.selected a:after { width: 100%; }

#bo_cate_ul { background:#ddd; border:1px #ddd solid; border-top:0; }
#bo_cate_ul li a { font-size:12px !important;}

#user-info {margin:10px 30px 0px 63px; color:#bdedf3; border-top: 1px #bcebf1 solid; border-bottom: 1px #bcebf1 solid;}
#user-info-in { /*border-top:1px #2a74b3 solid;*/ padding:12px 0 12px 0; }
#user-info-in a { display:block; font-size:12px; padding:3px 0; text-decoration: none; color:#202020;}
#user-info-in a:hover { text-decoration: underline;}
.user-info-icon {border: 1px #47b1fb solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #47b1fb; color: #fff; font-size:8px; display: inline-block;padding: 2px; margin-right: 7px;}

#side_widget { display: block; float: left; width: 35px; height: 100%; position: fixed; top: 0; left: 0; background-color: #045c9f;  border-right:1px #045c9f solid;}
#side_widget_in { display: block; float: left; width: 35px; height: 100%; position: fixed; top:200px; left: 0;}

#language { margin:0px;}
#language a { display: block; position: relative; padding:10px; float: left;border-top: 1px solid #004c85;  text-align: center; z-index: 1!important; }
#language a:hover { text-decoration: underline; background: #01398c; }
#language-m { display: none;}

.social_widget { background-color: #454444; }
.social_widget .sm ul { list-style: none; }
.social_widget .sm ul li a { display: block; position: relative; width:35px; height:35px; float: left; border-top: 1px solid #09598d; text-align: center; z-index: 1!important; background-color: #047ece; }
.social_widget .sm ul li:last-child a { border-right: 0; }
.social_widget .sm ul li a:hover { display: block; }
.social_widget .sm ul li .fb:hover { background: #4b67a1; }
.social_widget .sm ul li .t:hover { background: #55acee; }
.social_widget .sm ul li .b:hover { background: #1dc800; }
.social_widget .sm ul li .po:hover { background: #DD4B39; }
.social_widget .sm ul li .youtube:hover { background: #333; }
.social_widget .sm ul li .fandora:hover { background: #333; }
.social_widget .sm ul a i { height: 15px; text-align: center; display: inline-block; margin-top: 10px; background: url('../img/sm-s.png') no-repeat; }
.social_widget .sm ul li a.fb i { width: 8px; background-position: 0 0; }
.social_widget .sm ul li a.t i { width: 16px; background-position: -9px 0; }
.social_widget .sm ul li a.b i { width: 11px; background-position: -26px 0; }
.social_widget .sm ul li a.po i { width: 14px; background-position: -37px 0; }
.social_widget .sm ul li a.youtube i { width: 18px; background-position: -51px 0; }
.social_widget .sm ul li a.fandora i { width: 16px; background-position: -71px 0; }

#nav_menu { padding:10px 0 10px 0px; margin: 0 0 0 63px; border: 0; width:103px; /*border-top:1px #2a74b3 solid; */ z-index:9999;}
#nav_menu ul { list-style: none; margin: 0; padding:0; width:103px;}
#nav_menu ul, #nav_menu li { list-style: none; margin: 0;  padding:0px;  }
#nav_menu ul { position: relative; z-index:9999; float: left; }
#nav_menu ul li { float: left; min-height: 1px; line-height: 1.5em; vertical-align: middle; }
#nav_menu ul li.hover, #nav_menu ul li:hover { position: relative; z-index:9999;}
#nav_menu ul ul { visibility: hidden; position: absolute; top:100%; left: 0; z-index:99999 !important; width: 100%; padding:10px 15px 10px 15px; width: 130px; background:#006dd8; border:1px #006dd8 solid; }
#nav_menu ul ul.last { visibility: hidden; position: absolute; top:100%; left: 0; z-index:99999 !important; width: 100%; padding:10px 15px 10px 15px; width: 130px; background:#006dd8; border:1px #006dd8 solid; margin-top: -50px; }
#nav_menu ul ul li { float: none; }
#nav_menu ul ul, #nav_menu ul ul ul { top: -11px; left:100px; }
#nav_menu ul li:hover > ul { visibility: visible; z-index:99999 !important; }
#nav_menu ul li { float: none; }
#nav_menu a { display: block; }

/* Custom CSS Styles */
#nav_menu { font-size: 11px; }
#nav_menu:after, #nav_menu ul:after { content: ''; display: block; clear: both; }
#nav_menu ul { padding:0;}
#nav_menu ul li { position: relative; z-index:9999; }
#nav_menu ul li.hover, #nav_menu ul li:hover {color: #292929; }
#nav_menu ul li.hover > a, #nav_menu ul li:hover > a { color: #292929;}
#nav_menu ul ul { padding:10px 15px 10px 15px; width: 140px; background:#ffffff;}
#nav_menu a { border: 1px solid transparent; padding: 5px 0; width:103px; }
#nav_menu a:link, #nav_menu a:visited {text-decoration: none; }
#nav_menu a:hover {color: #4d4d4d; }
#nav_menu a:active { color: #4d4d4d; }
#nav_menu ul ul a { border: 1px solid transparent; padding: 5px 0; width:123px; }
#nav_menu ul ul a:link, #nav_menu a:visited {text-decoration: none; }
#nav_menu ul ul a:hover {color: #4d4d4d; }
#nav_menu ul ul a:active { color: #4d4d4d; }

/* index notice tab css */
.main-tab { position:relative; margin:0; padding:0; top:0; left:0; width: 100%; height:100%;}
.main-tab-btn { position:absolute; top:0; right:0; display:block;}
.tabs { width: 100%; height:100%; display: inline-block; border-left:1px #a6c1de solid; border-bottom:1px #a6c1de solid;}
.tab-links { margin: 0px;}
.tab-links:after { display: block; clear: both; content: ''; }
.tab-links li { margin: 0px; float: left; list-style: none; }
.tab-links a { display: inline-block; background: #d9e3ef; font-weight: bold; color: #1659a0; text-decoration:none; border-top:1px #a6c1de solid; border-right:1px #a6c1de solid; }
.tab-links a:hover { background: #cad7e7; text-decoration: none;}
.tab-links li.active a, .tab-links li.active a:hover { background: #fff; color: #1659a0; border-right:1px #a6c1de solid; border-bottom:1px #fff solid; }
.tab-content {border-top:1px #a6c1de solid; border-right:1px #a6c1de solid; margin-top:-1px; color:#666;}
.tab { display: none; font-weight:normal; }
.tab p { font-weight:normal; font-size:14px; padding:7px 0 5px 0; }
.tab p span { float:right; }
.tab.active { display: block; }

/* side menu container start */
.side_menu { position:fixed; top:0; right:0; width:80px; height:100%; background-color:#6a6c75; z-index:100; border-left:1px #454444 solid; z-index: 9999;}
.side_menu ul { list-style:none; margin:0; padding:0;}
.side_menu ul li { list-style:none; margin:-1px 0 1px 0; padding:0; width:80px;}
.side_menu ul li span { color:#efefef; font-size:24px; padding: 11px 13px;}

.side0 {background-color:#6a6c75;}
.side1 {background-color:#399ede;}
.side2 {background-color:#0fc1c3;}
.side3 {background-color:#38bf58;}
.side4 {background-color:#f0cc03;}
.side5 {background-color:#5562c7;}
.side6 {background-color:#9055c7;}
.side7 {background-color:#c755c6;}
.side-out {width:80px; height:75px; display:block; border-bottom:1px #454444 solid;}
.side-out:hover { width:80px; height:75px; display:block; background-color:#bebebe; border-bottom:1px #454444 solid;}
.side-out {color:#fff; font-size: 12px; text-align: center; text-decoration: none;}
.side-out:hover { text-decoration: none;}

.quick-s a { text-decoration:none;}
.quick-s a:hover { text-decoration:none;}

/* modal style */
#mask { position:absolute;left:-87px;top:0;z-index:9000;background-color:#000;display:none;}
#boxes .window { position:absolute; left:0; top:0; width:540px; height:640px; display:none; z-index:9999;}
#boxes .close { position:absolute; right:8px; top:5px; font-size:16px; color: #000;}
#boxes #dialog { position: absolute; top:50%;left:50%;margin-left:0px;margin-top: -20px; width:500px; height:600px; background-color:#ffffff; border-radius: 6px;}
#boxes #dialog1 { position: absolute; top:50%;left:50%;margin-left:0px;margin-top: -20px; width:500px; height:600px; background-color:#ffffff; border-radius: 6px;}
#boxes #dialog2 { position: absolute; top:50%;left:50%;margin-left:0px;margin-top: -20px; width:500px; height:600px; background-color:#ffffff; border-radius: 6px;}
#boxes #dialog3 { position: absolute; top:50%;left:50%;margin-left:0px;margin-top: -20px; width:500px; height:600px; background-color:#ffffff; border-radius: 6px;}
#boxes #dialog4 { position: absolute; top:50%;left:50%;margin-left:0px;margin-top: -20px; width:500px; height:600px; background-color:#ffffff; border-radius: 6px;}
#boxes #dialog5 { position: absolute; top:50%;left:50%;margin-left:0px;margin-top: -20px; width:500px; height:600px; background-color:#ffffff; border-radius: 6px;}
#boxes #dialog6 { position: absolute; top:50%;left:50%;margin-left:0px;margin-top: -20px; width:500px; height:600px; background-color:#ffffff; border-radius: 6px;}
#boxes #dialog7 { position: absolute; top:50%;left:50%;margin-left:0px;margin-top: -20px; width:500px; height:600px; background-color:#ffffff; border-radius: 6px;}
.dialog-in { padding:30px 40px;}
.dialog-in h3 { font-size: 24px; color: #3894e3; font-weight: bold; text-align: left; margin-bottom: 15px;}
.dialog-in div { margin: 10px 0 20px 0; font-size: 12px;}
.dialog-in div p { margin: 7px 0 7px 0; font-size: 12px;}
.dialog-in-content { margin: 20px 0 20px 0; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; padding:0 10px 10px 10px;}
.selectbox-A tbody td { padding:5px; vertical-align: middle; font-size: 14px; border-bottom: 1px #eee dotted;}
.selectA { padding:7px; width:60%; border:5px solid #eee; }
.selectB { padding:7px; width:80%; border:5px solid #eee; }
.selectC { padding:7px; width:80%; border:5px solid #eee; }

#menu_icon { display: none; }
.main { width: 100%; height: auto; padding-left: 197px; padding-right:81px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.main .item { width: 25%; height: auto; float: left; margin: 0; padding: 0; }
.hero_img { width: 100%; max-height: 350px; overflow: hidden; margin-bottom: 100px; }
.hero_img img { vertical-align: middle; width: 100%; }


/*.main-visual-body {position: relative; width:100%; height: 100%; margin:0; padding: 0; height: auto;}
.main-visual-body:after {display:block; clear:both; content:''}

.main-visual { width: 100%; position: relative; list-style: none; overflow: hidden; margin-bottom:20px; z-index:-10; }
.main-visual li { position: absolute; display: none; width: 100%; left: 0; top: 0; }
.main-visual a img { display: block; height: auto; float: left; width: 100%; border: 0; vertical-align: middle; }

.main-btn { position: relative; bottom:98%; list-style: none; padding:0; margin:0; z-index:1; }
.main-btn li { float: left; width: 167px; height: 78 left: 0;  display:block;}
.main-btn a { display: block; height: auto; float: left; width: 100%; border: 0; vertical-align: middle; }
.main-btn a img { display: block; height: auto; float: left; width: 100%; border: 0; vertical-align: middle; }*/

#slider { width: 100%; position: relative; list-style: none; overflow: hidden; margin-bottom:20px; z-index:-10; }
#slider li { position: absolute; display: none; width: 100%; left: 0; top: 0; }
#slider img { display: block; height: auto; float: left; width: 100%; border: 0; vertical-align: middle; }

#slider2 { width: 100%; position: relative; list-style: none; overflow: hidden; margin-bottom:20px; z-index:-10; }
#slider2 li { position: absolute; display: none; width: 100%; left: 0; top: 0; }
#slider2 img { display: block; float: left; width: 100%; border: 0; vertical-align: middle; }


/* responsive main wrap content style element start */
.sub_content { margin:0 auto;padding:0px; text-align:center; min-width: 1000px; max-width:1642px;}
.main-timg { height:280px;}
.main-timg2 { height:178px;}
.tab-content { /*padding:20px;*/ height:194px; height:205px \0/IE8+9;;}
.tab-bbscontent1 { display: block;}
.tab-links a { padding: 15px 15px; font-size: 14px;}
/*4class responsive main wrap content style element end */
.threeclass { width:300px;}
.fourclass { width:300px;}
.fourclass-link { position: relative; width:100%; height: 300px; margin:0; padding: 0;}
.fourclass-link a {margin:0; padding: 0;}
.fourclass-a { position: absolute; top: 0; left: 0;}
.fourclass-b { position: absolute; top: 0; right: 0;}
.fourclass-c { position: absolute; bottom:-1px; left: 0;}
.fourclass-d { position: absolute; bottom:-1px; right: 0;}
.fourclass-link a img { width:150px; height:150px; }

hr { height:1px; margin:20px 0; display: block; border: 0; background: #e9e9e9; }

.item-wrap {clear:both; margin:0;}
.item-wrap:after {display:block; clear:both; content:''}
.main_content { padding: 60px 100px 60px 100px; }
.main_content h1 { text-align: center; color: #3f3b3b; font-family: "Roboto-Regular", arial; font-size: 30px; letter-spacing: .5px; }
.main_content p { text-align: center; margin-bottom: 40px; color: #676767; font-family: "Roboto-Regular", arial; font-size: 18px; line-height: 26px; }
h1, h2, h3, h4, h5, h6 { text-align: center; color: #3f3b3b; font-family: "Roboto-Regular", arial; letter-spacing: .5px; }
h1 { font-size: 2em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.17em;}
h5 { font-size: .83em;}
h6 { font-size: .75em;}
h1, h2, h3, h4, h5, h6 { font-weight: bolder }

.main .item { width: 33.33333333333333%; }

/* 20140818 update main_content_table */
.main_content_table {margin-top:10px;}
.main_content_table table td {padding:2px; vertical-align:top;}
.main_content_table_a {margin-top:10px;}
.main_content_table_a table td {padding:0px; vertical-align:top;}

.footer_menu { display:block; margin-top:35px;padding:0 10px; text-align: left;}
.footer_menu a { display:inline-block; color:#999; font-weight:bold; text-decoration:none; font-size:14px;}
.footer_menu a:hover {color:#000; font-weight:bold; text-decoration:none;}
.sln { display:inline-block; color:#ddd; font-size:14px; padding:0 13px;}
.sln2 { display:inline-block; padding:0 10px;}
.telnum { float:right; display:inline-block; color:#30a1ef; font-size:22px; font-weight:bold;}
.telnum-icon { display:inline-block; background:#30a1ef; color:#fff; font-size:16px; width:16px; height:16px; padding:5px; border-radius:26px; -moz-border-radius:26px; -webkit-border-radius:26px; margin-right:5px;}
.address_copy { color:#a4a4a4; text-decoration:none; font-size:12px; margin-bottom:60px;padding:0 10px;}
.address_copy p { margin-bottom:8px; text-align: left;}

/* 2014.08.26 css update */
.bbs_main {margin:0 auto; width:1000px; padding:20px 10px; }
.bbs-title-box img {width:100%;}

.page {display: block; background: #e6e6e6; padding:20px 20px 20px 0;}
#rolling-banner {height:45px;overflow:hidden;position: relative;}
#rolling-banner > .wrapper {width:470px;position: relative;}
#rolling-banner > .wrapper > .item {position: absolute;left:0px;padding:0px;float:left;}

.main-grid-table {margin-top:5px;}
.main-grid-table td {padding:0;}
.main-grid-table-in td {padding:0; vertical-align:miiddle;}
.main-grid-img {max-width:390px; width:100%;}
.main-grid-img2 {max-width:276px; width:100%;}


div#feature_list {width:100%;min-height:172px;padding: 0;margin: 0; overflow: hidden;position: relative; background:#646464;}
div#feature_list ul {position: absolute;top: 0;list-style: none;padding: 0;margin: 0;}
ul#tabs {left: 0;z-index:1000;width:140px; margin:0; padding:0; background:#646464;}
ul#tabs li {font-size: 12px;font-family: Arial; margin:0; padding:0;}
ul#tabs li a {color: #fff; text-decoration: none;display: block;padding:0px;line-height:55px;outline: none; border-bottom:1px #777 solid;}
ul#tabs li a h3 {margin:0; padding:0 0 0 10px; text-align:left;color: #fff;font-size: 12px;}
ul#tabs li a.current h3 {background:#9cd9f5; color:#333;}
ul#tabs li a.current h3:hover {text-decoration: none;cursor: default;margin:0; padding:0 0 0 10px;}

ul#output {right: 0;width: 420px;min-height: 172px;position: relative;}
ul#output li {position: absolute;width: 420px;height: 280px;}
ul#output li a {position: absolute;bottom:0;right:0;width:100%;padding:0;text-decoration: none;background: #000;-moz-border-radius: 5px; text-align:right; opacity:0.7;}
ul#output li a:hover {background: #D33431;}
ul#output li a span {font-size:16px;color: #FFF;padding:15px; display:block; font-weight:bold;}
ul#output li img {width:100%; height:100%;}

.slide-three {width:600px;background:#f2f2f2;}
div#feature_list_s {width:100%; height:248px;overflow: hidden;position: relative;}
div#feature_list_s ul {position: absolute; bottom:0px; left:0px;list-style: none;padding: 0;margin: 0;}
ul#tabss {left: 0;z-index:1000;width:140px; margin:0; padding:0;}
ul#tabss li { float:left;font-size: 12px;font-family: Arial; margin:0; padding:7px 0 7px 7px;}
ul#tabss li a {color: #fff;text-decoration: none;display: block;padding:0px;line-height:20px;width:20px;padding:2px; outline: none; background:#bdbdbd; border-radius:20px;}
ul#tabss li a.current {background:#F90;color:#fff; border-radius:20px;}
ul#tabss li a.current:hover {text-decoration: none;cursor: default;}
ul#tabss li a h3 {margin:0; padding:0; text-align:center;color: #fff;}
ul#outputs {right: 0;width:100%; height:248px; position: relative;}
ul#outputs li {position: absolute;width: 100%;}
ul#outputs li a {position: absolute;bottom:0;right:0;width:100%; height:100%;padding:0;text-decoration: none;-moz-border-radius: 5px; opacity:0.1;}
ul#outputs li a:hover {background: #FC0;}
ul#outputs li img {width:100%;/* height:100%;*/}


/* 20141020 Default content and tab style */

.counsel_step_wrap_s { position: relative; margin:0 auto;  width:1000px; height:173px; background: url('../img/content/counsel_bg.png') no-repeat;}
.counsel_step_wrapp { position: absolute; top:0px; width:900px; left:50px;}
.counsel_step_wrapw { position: absolute; top:642px; width:900px; left:375px;}
.counsel_step_wrapz { position: absolute; top:679px; width:900px; left:375px;}
.counsel_step_wrapu { position: absolute; top:680px; width:900px; left:375px;}
.counsel_step_wrapg { position: absolute; top:688px; width:900px; left:375px;}
.counsel_step_wrap { position: absolute; top:680px; width:900px; left:250px;}
.counsel_step_wrapa { position: absolute; top:642px; width:900px; left:250px;}
.counsel_step1 { position: absolute; top:5px; left:4px;}
.counsel_step2 { position: absolute; top:80px; left:19px;}
.counsel_step3 { position: absolute; top:110px; left:19px;}
.counsel_step4 { position: absolute; top:45px; left:410px; border:0px; line-height:220%; width:260px; padding:3px 7px; height:30px;}
.counsel_step5 { position: absolute; top:93px; left:410px;}
.counsel_step5 span {color:#fff;}
.counsel_step5_in { border:0px; line-height:220%; width:71px; padding:3px 7px; height:30px;}
.counsel_step6 { position: absolute; top:0px; right:11px; border:0; background:transparent;}
.counsel_step7 { position: absolute; top:5px; right:11px; border:0; background:transparent;}

.b_after_section { margin:0 auto; width:1000px; height:680px;}
.b_after_section_aaa { margin:0 auto; width:1000px; height:680px;}
.b_after_section2 {position: relative; margin:0 auto; width:1000px; height:680px;}
.stepu1 { position: absolute; top:363px; left:230px;}
.stepu2 { position: absolute; top:450px; left:192px;}
.stepu2 a { font-size:12px; color:#0e57ac; text-decoration:none;}
.stepu2 a:hover { color:#000000; text-decoration:none;}
.stepu2 span { font-size:12px; color:#0e57ac; display:inline-block; padding:0 6px;}
.stepu1_in { border:2px #ccc solid; line-height:180%; width:190px; padding:4px 7px; height:30px;}
.stepu1_login_btn {line-height:200%; height:28px; padding:5px 20px; display:inline-block; background:#1e6cc8; color:#80c9e6; font-weight:bold; font-size:12px; text-decoration:none;}
.stepu1_login_btn:hover { background:#145baf; color:#80c9e6; text-decoration:none;}


/* Default tab style */
.ps-content-container {position: relative; margin: 0 auto; min-width: 1000px; max-width:1642px; z-index:0;}

.tabsss { position: relative; overflow: hidden; margin: 0 auto; min-width: 1000px; max-width:1642px; font-weight: 300; font-size: 1.25em; }
/* Nav */
.tabsss nav { text-align: center; margin:0; }
.tabsss nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1400px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }
.tabsss nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.tabsss nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:280%; }
.tabsss nav a span { vertical-align: middle; font-size: 0.75em; }
.tabsss nav li.tab-current a { color: #74777b; }
.tabsss nav a:focus { outline: none; }

.tabssr { position: relative; overflow: hidden; margin: 0 auto; width:1000px; font-weight: 300; font-size: 1.25em; }
/* Nav */
.tabssr nav { text-align: center; margin:0; background:#f1f1f1; margin-bottom:15px; }
.tabssr nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1000px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }
.tabssr nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.tabssr nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:280%; }
.tabssr nav a span { vertical-align: middle; font-size: 0.75em; }
.tabssr nav li.tab-current a { color: #74777b; }
.tabssr nav a:focus { outline: none; }

/* Content */
.content-wrap { position: relative; }
.content-wrap section { display: none; margin: 0 auto; padding:0; max-width: 1400px; text-align: center; }
.content-wrap section.content-current { display: block; }

/* Fallback */
.no-js .content-wrap section { display: block; padding-bottom: 2em; border-bottom: 1px solid rgba(255,255,255,0.6); }
.no-flexbox nav ul { display: block; }
.no-flexbox nav ul li { min-width: 15%; display: inline-block; }

/* Individual tab styles */

/*****************************/
/* Bar */
/*****************************/

.tabs-style-bar nav { position: absolute; top:25px; width:900px; left:50%; margin-left: -450px;}
.tabs-style-bar nav ul { border:1px solid transparent;}
.tabs-style-bar nav ul li a { margin: 0 1px 0 0; background-color:#cccccc;  color: #fff; font-weight:bold; transition: background-color 0.2s, color 0.2s; text-decoration:none; }
.tabs-style-bar nav ul li a:hover, .tabs-style-bar nav ul li a:focus { color: #fff; }
.tabs-style-bar nav ul li a span { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.tabs-style-bar nav ul li.tab-current a { background: #1d69c7; color: #fff; opacity:1; font-weight:bold;  }

/*****************************/
/* Top Line */
/*****************************/

.tabs-style-topline { max-width: 1000px; }
.tabs-style-topline nav li {border-bottom:2px #ff99cc solid; box-shadow: inset 0 1px 0 1px #f1f1f1;}
.tabs-style-topline nav li:not(:last-child) { border-right: none; }
.tabs-style-topline nav li.tab-current { border-top-color: #2CC185; border-bottom: none; }
.tabs-style-topline nav a { padding:15px 0; background: rgba(40,44,42,0.05); color: #74777b; line-height:120%; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration:none; }
.tabs-style-topline nav a:hover, .tabs-style-topline nav a:focus { color: #ff99cc; }
.tabs-style-topline nav li.tab-current a { background: none; border-top:2px #ff99cc solid; border-left:2px #ff99cc solid; border-right:2px #ff99cc solid; color: #ff99cc; }
.tabs-style-topline .icon::before { display: block; margin: 0; }
.tabs-style-topline nav a span { text-transform: uppercase; font-weight:bold; font-size:12px; }

/*****************************/
/* Line Box */
/*****************************/

.tabs-style-linebox nav ul li {
	margin: 0 2px;
	-webkit-flex: none;
	flex: none;
}

.tabs-style-linebox nav a {
	padding: 0 30px;
	color: #74777b;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.tabs-style-linebox nav a:hover,
.tabs-style-linebox nav a:focus {
	color: #0b56a4;
}

.tabs-style-linebox nav li.tab-current a {
	color: #fff;
}

.tabs-style-linebox nav a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #d2d8d6;
	content: '';
	-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, transform 0.3s;
	-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
	transform: translate3d(0,100%,0) translate3d(0,-3px,0);
}

.tabs-style-linebox nav li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.tabs-style-linebox nav a:hover::after,
.tabs-style-linebox nav a:focus::after,
.tabs-style-linebox nav li.tab-current a::after {
	background: #0b56a4;
}


/** RESET AND LAYOUT
===================================*/

.bx-wrapper { position: relative; margin: 0 auto; padding: 0;  *zoom: 1;}
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/

.bx-wrapper .bx-viewport { }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; }
/* LOADER */

.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding:10px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;  *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a { background: #dbdbdb; text-indent: -9999px; display: block; width: 16px; height: 16px; margin: 0 2px; outline: 0; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fe349a; }
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

.bxslider {z-index: 100 !important; background: transparent;}

#bx-pager { position:relative; margin:-50px 0 30px 0; text-align:center; z-index:888; height: 79px;}
#bx-pager a { margin: 0 -2px; padding:0;}
#bx-pager .bp-001 { width:167px; height:77px; background: url(../img/main_btn2/main_btn_01_on.jpg) 0 0 no-repeat; }
#bx-pager .bp-002 { width:167px; height:77px; background: url(../img/main_btn2/main_btn_02_on.jpg) 0 0 no-repeat; }
#bx-pager .bp-003 { width:165px; height:77px; background: url(../img/main_btn2/main_btn_03_on.jpg) 0 0 no-repeat; }
#bx-pager .bp-004 { width:166px; height:77px; background: url(../img/main_btn2/main_btn_04_on.jpg) 0 0 no-repeat; }
#bx-pager .bp-005 { width:165px; height:77px; background: url(../img/main_btn2/main_btn_05_on.jpg) 0 0 no-repeat; }
#bx-pager .bp-006 { width:167px; height:77px; background: url(../img/main_btn2/main_btn_06_on.jpg) 0 0 no-repeat; }

#bx-pager .bp-001.active { display:inline-block; margin-top: 0px; }
#bx-pager .bp-002.active { display:inline-block; margin-top: 0px; }
#bx-pager .bp-003.active { display:inline-block; margin-top: 0px; }
#bx-pager .bp-004.active { display:inline-block; margin-top: 0px; }
#bx-pager .bp-005.active { display:inline-block; margin-top: 0px; }
#bx-pager .bp-006.active { display:inline-block; margin-top: 0px; }

#bx-pager .bp-001.active img { display:none; }
#bx-pager .bp-002.active img { display:none; }
#bx-pager .bp-003.active img { display:none; }
#bx-pager .bp-004.active img { display:none; }
#bx-pager .bp-005.active img { display:none; }
#bx-pager .bp-006.active img { display:none; }

.bfaf-content-login-none { background:#f5f5f5; padding:25px 0; text-align:center;}
@media (max-width: 1400px) {
	.list_ck_4 {display:none;}
	.list_ck_5 {display:none;}
	.list_ck_6 {display:none;}
	.list_ck_7 {display:none;}
}
@media (max-width: 1450px) {
	.list_ck_5 {display:none;}
	.list_ck_6 {display:none;}
	.list_ck_7 {display:none;}
}
@media (max-width: 1600px) {
	.list_ck_6 {display:none;}
	.list_ck_7 {display:none;}
}
@media (max-width: 1770px) {
	.list_ck_7 {display:none;}
}
div#feature_list{max-height:280px !important;}
div#tab_content_ck {max-height: 233px !important;;}
div#it_ck {max-height: 193px !important;;}