@import url("https://cdn.jsdelivr.net/npm/nanum-square@1.0.0/dist/style.min.css");
@import url("https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/** 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, 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, article, aside, canvas, details, embed,  figure, figcaption,
footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body { margin: 0; padding: 0; width: 100%;height:100%; font-family: "Nanum Barun Gothic"; font-size: 13px;position:relative;}
body{position:relative; }
img{vertical-align:top;}
ol, ul, li, dl{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
legend,caption{visibility:hidden;overflow:hidden;height:0;font-size:0;line-height:0}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;}
textarea, input[type="image"],  input[type="text"],  input[type="submit"],  input[type="password"] {-webkit-appearance:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a, input, button{outline:none;}
.txt_hidden, caption{display:inline; overflow: hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; text-indent:-1000px;}

/** skipNav **/
#skipNav{position:relative; z-index:100;}
#skipNav a{display: block; overflow: hidden; position:absolute; top:-40px; left:0; width:150px; text-align:center;}
#skipNav a:hover, #skipNav a:active, #skipNav a:focus{top:0; padding:5px; background:#841200 none; font:bold 12px/18px dotum; color:#fff; text-align:center;}

/** layout **/
body:after{clear:both;display:block;content:""}
#wrap{position:absolute; left:50%; margin-left:-960px; top:0; width:1920px;}

/** header **/
.visual h2{ margin-top:203px;font-family: 'NanumSquare'; font-size:50px;text-align: center;color:#fff;}
.visual h2 small{display:block; margin-top:2px; font-family: "Nanum Barun Gothic"; font-size:18px; font-weight:normal;}
.visual + header {position:absolute; left:50%; top:0; z-index:50; width:1080px;height:100px; padding-top:40px; margin-left:-540px;}
.visual:after{clear:both;display:block;content:""}
header > .head {position:relative; top: -10px;}
header:after,header > .head:after{display:block; content:""; clear:both;}
header h1 {float:left;}
header h1 a{display:block; width:167px; height:40px; background:url(../images/common/img_logo.png) no-repeat}
header a,header a span {color:#fff; font-family: 'calibri';}
header .gnb{position:absolute; top:10px; left:303px;}
header .gnb ul {display:none;}
header .gnb:after {display:block; content:""; clear:both;}
header .gnb li.one_depth {float:left;}
header .gnb li.one_depth .one_depth_title {display:block;}
header .gnb li.one_depth .one_depth_title span {display:block;width:130px; text-align:center; font-size:19px; color:#fff}
header .gnb li.one_depth li a {display:block; font-size:14px; font-family: "Nanum Barun Gothic"; padding-bottom:15px;text-align: center;}
header .gnb li.one_depth li a:hover{color:#d9711c!important}
header .btn_area {float:right; margin-top:2px;}
header .btn_area:after{clear:both;display:block;content:""}
header .btn_area > a:first-child{position:relative;float:left; display:block;padding-left:19px; line-height:20px; margin-right:24px;  font-family: 'Nanum Barun Gothic'; font-size:12px;}
header .btn_area > a:first-child:before{display:inline-block; width:1px; height:11px; content:""; position:absolute; left:0; top:4px; border-left:1px solid #fff; opacity:0.5; }
header .btn_area span {float:left; position: relative; top : 10px}
header .btn_area span a {display:inline-block; width:50px; height:20px; line-height:19px; background:url(../images/common/bg_btn_language.png) no-repeat 0 -60px;  text-align:center; font-size:16px; font-family:"Nanum Gothic"}
header .btn_area span a.on {background-position:0 -40px;  }
header .btn_area span a:first-child {margin-right:6px;}
header .btn_area span a.on{color:rgba(255,255,255,0.35)}
/** gnb hover **/
.visual + header:hover{background:#fff ;width:100%; height:270px; left:0; margin:0}
.visual + header:hover:after{position:absolute; left:0; top:100px; content:"";display:block; width:100%; height:1px; background:#dedede; }
header:hover h1 a{background:url(../images/common/img_logo_on.png) no-repeat}
header:hover > .head{width:1080px; height:270px; margin:0 auto; background: url(../images/common/bg_gnb_on.png) no-repeat left 85px;}
header:hover .gnb ul{display:block; }
header:hover .gnb li.one_depth .one_depth_title {position:relative; padding-bottom:36px; margin-bottom:35px; }
header:hover .gnb li.one_depth .one_depth_title .border{ position:absolute;bottom:-4px;left:50%; margin-left:-38px;content:""; width:77px; height:3px; background:#ed9d40; z-index: 10; }
@-moz-document url-prefix() { header:hover .gnb li.one_depth .one_depth_title .border {bottom:-2px} }
@-moz-document url-prefix() { header:hover .gnb li.one_depth .one_depth_title:after {bottom:-2px;;} }
header:hover ul *{color:#333 !important}
header:hover .btn_area span a {color:#333; background:url(../images/common/bg_btn_language.png) no-repeat 0 -20px;}
header:hover .btn_area span a.on{color:rgba(0,0,0,0.3); background-position:0 0}
header:hover .btn_area > a:first-child {color:#333}
header:hover .btn_area > a:first-child:before{border-color:#f1f1f1}

/** container **/
#container{width:1080px; margin:452px auto 0; box-sizing: border-box;}
#container:after{display:block; content:""; clear:both;}

@media all and (max-width: 1100px) {
    #container {
        position: relative;
        left: 10%;
    }

    .visual + header {        
        left: 62%;
    }    

    header:hover > .head {
 
        position: relative;
        left: 11.5%;
    }    

    .visual h2 {

        position: absolute;
        left: 54%;
    }    

    #wrap {
        overflow: hidden;
    }
 
    .bx-wrapper {
        left: 11.5%;
    }
}


/** contents_wrap **/
.contents_wrap {position:relative;float:right; width:860px;color:#333}
.contents_wrap:after {clear:both;display:block;content:""}
.contents_wrap h3 {position:relative;margin-bottom:40px; font-size:32px; font-weight:normal; line-height:45px; color:#333; font-family: 'NanumSquare'; font-weight:bold}
.contents_wrap h3:after{content:""; display:inline-block; position:absolute; left:0; bottom:-10px; height:1px; width:30px; background:#333; }
.contents_wrap .route {position:absolute; right:0; top:15px; z-index: 60}
.contents_wrap .route:after{clear:both; display:block; content:""}
.contents_wrap .route li {position:relative; float:left; padding:0 5px; margin-right:7px;}
.contents_wrap .route li:after {position:absolute; right:-7px; top:3px; content:""; width:4px; height:7px;  background:url('../images/common/ico_route.png') no-repeat; }
.contents_wrap .route a{ display:inline-block; vertical-align: middle; font-size:12px; color:#666;}
.contents_wrap .route li:last-child{margin-right:0; margin-top:-1px; padding-right:0;}
.contents_wrap .route li:last-child:after {display:none;}

/** aside **/
aside {float:left; width:180px;}
aside a, aside span {color:#333}
aside .gnb {border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
aside .gnb li {position:relative; }
aside .gnb li a{ display:block; height:45px; line-height:46px;padding-left:18px; border-bottom:1px solid #e8e8e8; font-size:15px;}
aside .gnb li a.on{background:#cae1ff;}
aside .gnb li a.on:after{display:block; height:45px; width:100%; line-height:45px; content:"";position:absolute; left:-1px; top:-1px; border:1px solid #86afe8; }
aside .gnb .two_depth li {position:relative; }
aside .gnb .two_depth li:after{position:absolute; content:"";  left:27px;; top:18px; display:inline-block; width:4px; height:7px; background: url(../images/common/ico_route.png) no-repeat; } 
aside .gnb .two_depth li a{padding-left:39px;}

/** footer **/
footer{height:167px}
footer img {vertical-align: middle;}
footer {padding-top:35px;background:#f8f8f8;}
footer > section { width:1080px; margin:0 auto ; position:relative; padding:0 0 59px 0;}
footer > section:after {clear:both;display:block;content:""}
footer > section h2 {float:left; margin-top:-3px;}
footer > section .family_site{float:right}
footer > section .family_site a {display:inline-block; padding-left:29px;}
footer .snb {position:absolute; left:220px; top:6px;} 
footer .snb:after {clear:both;display:block;content:""}
footer .snb li {float:left;}
footer .snb li a {display:block; padding-right:34px;font-size:14px; color:#333}
footer .copy {padding-bottom:60px;font-family:'calibri'; font-size:15px; color:#999; text-align: center;}

/** company **/
.company .visual{position:absolute; left:0; top:0; z-index:0; width:100%; height:402px;  background:url('../images/company/bg_company.jpg') no-repeat; background-position:center top;}
.company .ceo_txt { font-family: 'NanumSquare'; width:100%; padding:40px 0; font-size:22px; font-style:normal; line-height:1.5em; text-align: center;  background:#fafafa;font-weight: 600;}
.company .ceo_txt b{font-weight:600; color:#033e8f;}
.company .ceo_txt2{padding:35px 0 89px 0;background: url(../images/company/bg_ceo.jpg)no-repeat center 10px;min-height: 486px;}
.company .ceo_txt2 p {font-size:14px;color:#333; line-height:1.85em;margin-bottom:25px;}
.company .ceo_txt2 p:last-child {margin-bottom:30px}
.company .ceo_txt2 .sign {display:block; width:100%; text-align:right; font-size:14px}
.company .ceo_txt2 .sign img {margin-bottom:20px;}
.company .ceo_txt2 .sign b {font-size:16px;font-weight:bold;}


.organization_txt {
    position:relative;
    margin-bottom:70px;
    text-align:center;
    width:870px;
    height:617px;
    background:url('../images/company/bg_organization_241108.jpg') no-repeat;
    margin-left: -10px;
    font-size:15px; font-weight:normal;  }
.organization_txt:after{clear:both; display:block;content:""}



.organization_txt * {font-weight: 600;}
.organization_txt ul li{margin-bottom:5px;}


.org {position:absolute; left: 609px; top: 443px;}
.org ul { width: 243px; position: relative; top: 19px; }
.org ul li{margin-bottom:8px; text-align: left;}
.org ul li:first-child { position: absolute; left: 135px; }
.org ul li:nth-child(2) { position: absolute; left: 12px; }
.org2 {position:absolute; left:93px; top:551px;}
.org3 {position: absolute; left: 260px; top: 428px;}
.org4 {position: absolute; left: 2px; top: 440px; width: 354px; height: 60px; }
.org4 h4{margin-bottom:112px;}
.org4 ul li{margin-bottom:0; display: inline-block;}

.org4 ul li:nth-child(1){position: relative; left: -13.5%; top: 22px; z-index: 10;}
.org4 ul li:nth-child(2){position: relative; left: 33%; top: 22px ; z-index: 10;}
.org4 ul li:nth-child(3){position: relative; left: -23%; top: 22px ; z-index: 10;}

.org4 ul.org4Bottom { width: 124px; height: auto; position: relative; top: 76px; left: 229px;  }
.org4 ul.org4Bottom li { left: 0; top: 0; position: relative; display: block; margin-bottom: 5px; font-weight: 500; }
.org6 {position: absolute; left: 360px; top: 440px; width: 121px; height: 342px;}

.org6 ul{ position: relative; top: 9px;  }
.org6 ul li{ font-weight: 500;  }
.org6 h4{margin-bottom: 71px; position: relative; top: 22px;}
.org7 {position:absolute; left: 502px; top: 461px; }

.history_contents {margin-bottom:100px; background: url(../images/company/bg_ceo.jpg) no-repeat center 100px; min-height: 588px;}
.history_tab:after{clear:both; display:block; content:""}
.history_tab {margin-bottom:50px;}
.history_tab li{ float:left; width:50%;height:60px; border:1px solid #ddd; box-sizing:border-box;}
.history_tab li:last-child{margin-left:-1px;}
.history_tab li a{display:block; width:100%; height:100%; line-height:60px;font-size:16px; color:#333; text-align: center;}
.history_tab li.active {border-bottom:2px solid #23409c}
.history_tab li.active a{ color:#23409c;  font-weight:bold}
.history_lst {margin-bottom:40px;display: flex;}
.history_lst:after{clear:both; display:block; content:""}
.history_lst .year {float:left; padding-right:30px; font-size:26px; color:#23409c;font-family:'NanumSquare'; font-weight:bold;}
.history_lst .lst {float:left;}
.history_lst .lst:after{clear:both; display:block; content:""}
.history_lst .lst li{font-size:14px; line-height:25px;display: flex;} 
.history_lst .lst li:after{clear:both;display:block;content:""}
.history_lst .lst li b{float:left;font-size:17px; margin-right:14px;flex: 0 0 auto;}
.history_lst .lst li span {float:left;}
.history_lst .lst li.img {margin-top:8px;}

.subsidiary_txt {margin-bottom:60px; text-align: center;font-family:'NanumSquare';font-size:20px;font-weight:bold;line-height:1.8em; font-weight:normal; }
.subsidiary_txt b { color:#23409c;font-weight:normal; font-family:"Nanum Gothic"}
.subsidiary_txt + .txt_hidden + img {display:block; margin-bottom:140px;}

/** PR **/
.pr .visual{position:absolute; left:0; top:0; z-index:0; width:100%; height:402px;  background:url('../images/pr/bg_pr.jpg') no-repeat; background-position:center top;}
.pr .news{margin-bottom:70px}

/** BUSINESS **/
.business .visual{position:absolute; left:0; top:0; z-index:0; width:100%; height:402px;  background:url('../images/business/bg_business.jpg') no-repeat; background-position:center top;}
.business_txt {margin-bottom:65px;padding-bottom:30px; text-align: center;font-family:'NanumSquare';font-size:22px;line-height:1.5em;border-bottom:1px solid #e8e8e8 }
.business_txt.style2 {border:none;margin-bottom:57px;padding-bottom:0;}
.business_txt b{color:#da4d00;font-weight:normal}
.business_area_list {background:url('../images/business/bg_businessList.jpg') no-repeat left 216px;}
.business_area_list:after{clear:both; display:block; content:""}
.business_area {color:#333; text-align: center;float:left; width:33.33333%; margin-bottom:120px;}
.business_area.v03 img {margin-top:7px;}
.business_area h4 {font-size:22px; line-height:1.4em; margin-top:20px; font-weight:normal}
.business_area p {font-size:14px; line-height:1.7em;}
.clear:after{clear:both;display:block;content:""}
.game_list ul:first-child {margin-top:-35px;}
.game_list ul:first-child > li{width:100%; padding:30px 0; border-bottom:1px solid #e8e8e8}
.game_list > ul > li:first-child{padding-top:0}
.game_list > ul > li:after{clear:both; display:block; content:""}
.game_list .thumb {float:left; display:inline-block; width:140px; height:140px; border-radius:35px; background-size:100% auto ;}
.game_list .thumb img {width:140px; height:140px;}
.gameList_txt {position:relative; float:left; width:680px; margin-left:40px; }
.gameList_txt h4 {margin-top:10px; font-size:18px;font-family:'NanumSquare'; font-weight:bold;text-overflow: ellipsis; white-space: nowrap;overflow:hidden; word-wrap:normal; word-break:break-all; width:100%; }
.gameList_txt h4 .home {display:inline-block; background:url(../images/business/ico_home.png) no-repeat; width:14px; height:13px; margin-left:7px;}
.gameList_txt .textarea {margin-top:15px; min-height:40px;}
.gameList_txt .textarea p {display:block; margin-top:7px; font-size:14px;}
.screenshot_list {display:inline-block; margin-top:20px; }
.screenshot_list:after{clear:both; display:block; content:""}
.screenshot_list a {display:inline-block; float:left; vertical-align: top; margin-right:4px}
/*.screenshot_list a img {width:33px; height:23px;}
.screenshot_list a.btn_screenshot img {width:33px; height:23px; }*/
.screenshot_list a.media { width:33px; height:23px; background:url(../images/business/ico_video.gif) no-repeat} 
.downlode_list {position:absolute; right:0; bottom:-4px; display:block; }
.downlode_list a{display:inline-block; vertical-align: top; background:url(../images/business/ico_sprite_1115.png) no-repeat center; cursor:pointer; margin-left:7px; }
.downlode_list a.ico_ANDROID-KR {width:21px; height:32px; background-position:-38px -32px; }
.downlode_list a.ico_ANDROID-EN {width:28px; height:32px; background-position:-77px  -32px }
.downlode_list a.ico_ANDROID-TW {width:28px; height:32px; background-position:-118px -32px }
.downlode_list a.ico_ANDROID-TH {width:28px; height:32px; background-position:-159px -32px }
.downlode_list a.ico_ANDROID-HK {width:28px; height:32px; background-position:-199px -32px }
.downlode_list a.ico_MYCARD {width:28px; height:32px; background-position:-243px -32px }
.downlode_list a.ico_WEB {width:29px; height:32px; background-position:-283px -32px }
.downlode_list a.ico_ETC {width:29px; height:32px; background-position:-283px 0px }
.downlode_list a.ico_ONE {width:28px; height:32px; background-position:-243px 0px }
.downlode_list a.ico_IOS-KR {width:31px; height:32px; background-position:-38px 0 }
.downlode_list a.ico_IOS-EN {width:31px; height:32px; background-position:-77px 0 }
.downlode_list a.ico_IOS-TW {width:31px; height:32px; background-position:-117px 0 }
.downlode_list a.ico_IOS-TH {width:31px; height:32px; background-position:-158px 0 }
.downlode_list a.ico_IOS-HK {width:31px; height:32px; background-position:-199px 0 }
.game_info {position:absolute; right:0; top:7px}
.game_info .android_bi{display:inline-block; width:22px; height:20px;background:url(../images/business/ico_androidBi.png) no-repeat center}
.game_info .apple_bi {display:inline-block; width:22px; height:20px;  background:url(../images/business/ico_appleBi_1114.png) no-repeat center }
.game_info .txt{position:relative; padding:0 10px; display:inline-block; height:20px; line-height:22px; vertical-align: top; font-size:12px;}
.game_info .txt:after{position:absolute; left:0; top:5px; content:""; display:inline-block; background:url(../images/business/area_bar.gif) no-repeat; width:1px; height:11px;}
.game_list + .paging {margin:55px 0 80px 0}
.m_business{margin-bottom:95px; }
.m_business span{font-family:"Nanum Gothic"}
.m_business:after{clear:both; display:block; content:""}
.m_business > a{display:block; width:268px; border:1px solid #e8e8e8; text-align:center; margin-right:25px; float:left; padding:175px 0 90px 0;}
.m_business a.m_business1 {background:url("../images/business/bg_mbusiness1_0911.jpg") no-repeat left top;}
.m_business a.m_business2 {background:url("../images/business/bg_mbusiness2_0911.jpg") no-repeat left top;}
.m_business a.m_business3 {margin-right:0;background:url("../images/business/bg_mbusiness3_0911.jpg") no-repeat left top;}
.m_business a strong{ display:block; font-size:24px; font-weight:normal; margin-bottom:10px; color:#333}

/** RECRUIT **/
.recruit .visual{position:absolute; left:0; top:0; z-index:0; width:100%; height:402px;  background:url('../images/recruit/bg_recruit.jpg') no-repeat; background-position:center top;}
.neoTalent_txt {font-family:'NanumSquare';font-size:22px;text-align: center; line-height:1.8em; padding-top:30px;}
.neoTalent_txt b{color:#364e9a; font-weight:normal}
.neoTalent{margin-top:60px; margin-bottom:120px; background:url("../images/recruit/bg_neoTalent_1125.jpg") no-repeat center top; height:464px; width:100%;}
.neoTalent {position:relative}
.neoTalent > span {position:absolute; display:block; width:184px;}
.neoTalent span .tit {display:block; font-size:28px; font-weight:normal; margin-bottom:6px;}
.neoTalent > span .txt {display:block; font-size:14px; line-height:1.6em}
.neoTalent .talent1,.neoTalent .talent3{text-align: right; left:0}
.neoTalent .talent2,.neoTalent .talent4{text-align: left; right:0}
.neoTalent .talent1{top:0}
.neoTalent .talent2{top:0}
.neoTalent .talent3{top:345px}
.neoTalent .talent4{top:348px}

.neoSystem{ margin-bottom:230px;  width:100%;}
.neoSystem h4 {font-size:28px; font-weight:normal ;margin-bottom:12px}
.neoSystem .txt {font-size:16px; margin-bottom:62px; line-height:1.8em}
.neoSystem .txt b{font-weight:normal; color:#364e9a}
.neoSystem img {margin-top:17px; margin-bottom:30px;}

.neoWelfare_txt {font-family:'NanumSquare';font-size:22px;text-align: center; line-height:1.5em;}
.neoWelfare_txt b{color:#364e9a; font-weight:normal}
.neoWelfare {background:url(../images/recruit/bg_neoWelfare_240208.jpg) no-repeat center 30px; margin-bottom:155px; height: 835px; } /* 211118 */
.neoWelfare:after{clear:both; display:block; content:""}
.neoWelfare h4 {font-size:28px;text-align: center; font-weight:normal; margin-top:30px; padding:0px 0 123px 0; border-top:1px solid #e8e8e8; color: rgba(0,0,0,0); text-indent: -9999px;} /* 211118 */
.neoWelfare h4:after{clear:both; display:block; content:""}
.neoWelfare > span {display:inline-block; width:215px; text-align: center; float:left;}
.neoWelfare > span .tit {display:block; font-size:20px;text-align: center; padding-bottom:7px}
.neoWelfare > span .txt {font-size:14px; line-height:1.7em}
.neoWelfare .clear:after{display:block; content:""; clear:both;}
.neoWelfare .clear{margin-bottom:188px;}

/** etc **/
.etc .contents_wrap {float:none;}
.etc header .head{display:block}
.etc .visual + header{background:#fff ;width:100%; left:0; margin:0; z-index:100}
.etc .visual + header:after{position:absolute; left:0; top:100px; content:"";display:block; width:100%; height:1px; background:#dedede; }
.etc .visual + header h1 a{background:url(../images/common/img_logo_on.png) no-repeat}
.etc .visual + header > .head{width:1080px;  margin:0 auto; background: url(../images/common/bg_gnb_on_1204.png) no-repeat left 85px;}
.etc .visual + header:hover{height:270px; border-bottom:1px solid #dedede;}
.etc .visual + header:hover > .head{height:270px;}
.etc .visual + header:hover .gnb ul{display:block; }
.etc .visual + header ul *{color:#333 !important}
.etc .visual + header .btn_area span a {color:#333; background:url(../images/common/bg_btn_language.png) no-repeat 0 -20px;}
.etc .visual + header .btn_area span a.on{color:rgba(0,0,0,0.3); background-position:0 0}
.etc .visual + header .btn_area > a:first-child {color:#333}
.etc .visual + header .btn_area > a:first-child:before{border-color:#f1f1f1}
.etc #container { width:1080px; margin:142px auto 0; min-height: calc(100vh - 444px);}
.etc .contents_wrap {width:1080px; }
.etc .contactUs{margin-bottom:100px; margin-bottom:150px \0/IE8+9; }
.etc .contactUs h4{font-size:22px; font-weight:normal; margin:50px 0 15px 0}
.etc .contactUs p,.etc .contactUs span{font-size:14px; line-height:1.8em;}
.etc .contactUs span:first-child{margin-right:15px; display:inline-block;}
.etc .contactUs span a {font-size:14px; line-height:1.8em;color:#0c01ff; border-bottom:1px solid #0c01ff; font-family: "Nanum Gothic";}
.etc .contactUs address {font-size:16px;font-weight:bold; line-height:2em;font-style:normal;}
.etc .map {margin-top:25px;margin-bottom:80px;}

/** table_style **/
.table_style,.table_style a{font-size:14px; font-style:normal; text-decoration: none; color:#333}
.table_style{border-collapse: collapse;border-top:2px solid #7794d2; text-align:center;}
.table_style thead tr{background:#fcfcfc}
.table_style th,.table_style td {padding:15px 0}
.table_style th{font-size:15px;}
.table_style tr {border-bottom:1px solid #dedede}
.table_style .date {color:#666; font-size:13px;}
.table_style table tbody tr:last-child {border-bottom:1px solid #aaa}
.table_style td {vertical-align: middle}
.table_style td a{position:relative; display:inline-block; width:97%;  padding-left:15px; line-height:1.4em;text-align:left;}
table .new{display:inline-block; width:12px; height:12px; background:url('../images/common/img_list_new.gif') no-repeat; vertical-align:middle; margin:-1px 0 0 10px;}
.table_style2 {border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0; box-sizing: border-box;}
.table_style2 th {background:#f4f9fc; font-family:'calibri'; font-size:22px; padding:20px 0; width:215px; font-weight:normal;border-left:1px solid #f0f0f0; }
.table_style2 td {border-left:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0}
.table_style2 td a {display:inline-block; padding:20px 0 18px 30px; width:185px; font-size:16px; color:#333;  }

/** paging **/
.paging {display:block ; margin-top:30px; text-align: center;}
.paging a {display: inline-block; width: 36px; height: 36px; line-height: 36px;color: #333; text-align: center; vertical-align: top; box-sizing:border-box;
 box-sizing: border-box; border:1px solid #fff;}
.paging a:hover {border:1px solid #dedede; box-sizing: border-box}
.paging strong{display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; vertical-align: top; box-sizing:border-box; cursor:default;background:#f98225; color:#fff}
.paging .prev{margin-right:10px; margin-left:2px;}
.paging .next{margin-left:10px; margin-right:2px;}

/** search_wrap **/
.search_wrap{display:block;width: 450px;margin: 30px auto 0;box-sizing:border-box;}
.search_wrap:after{clear:both; display:block; content:""}
.search_wrap select {float: left; width: 84px; padding:0 0 0 8px; height: 36px; margin-right: 7px; border: 1px solid #dedede; background-color: #fff; color: #333;}
.search_wrap input {float: left; box-sizing:border-box; width: 254px; height: 36px; margin-right: 7px; padding: 0 10px; border: 1px solid #dedede; background-color: #fff; color: #333; line-height: 28px;}
.search_wrap a { float: left; width: 60px; height: 35px; background-color: #405595; font-size: 14px; color: #ffffff; text-align: center; line-height: 36px; font-weight:normal}


/** popup **/
.modalbox.col {display:none; position:fixed; top:50%; left:50%; width:532px;  padding:40px 0; margin-top:-316px; margin-left:-266px;   z-index: 100; background:#fff;}
.modalbox.row {display:none; position:fixed; top:50%; left:50%; width:743px;  padding:50px 0; margin-top:-166px; margin-left:-371px;   z-index: 100; background:#fff;}
.modalbox.media {display:none; position:fixed; top:50%; left:50%; width:640px;  height:367px; margin-top:-183px; margin-left:-320px;   z-index: 100; background:#fff;z-index:100}
.modalbox.media iframe {width:640px !important; height:367px !important;position: relative; z-index:100}
.modalbox.col .bx-viewport {width:330px !important;height:550px !important; margin:0 auto; overflow:hidden;}
.modalbox.row .bx-viewport {width:550px !important;height:330px !important; margin:0 auto; overflow:hidden;}
.modalbox.row .bx-viewport .banner_list02{overflow:hidden;}
.modalbox.col .bx-viewport .banner_list02 li {width:330px;}
.modalbox.col .bx-viewport .banner_list02 li img{width:330px;}
.modalbox.row .bx-viewport .banner_list02 li {width:550px; height:330px;}
.modalbox.row .bx-viewport .banner_list02 li img {width:550px; height:330px;}
.bx-wrapper .bx-controls-direction a{opacity:0.5; display:inline-block;width:40px; height:40px}
.bx-wrapper .bx-controls-direction a:hover{opacity:1}
.bx-wrapper .bx-controls-direction a {color:#fff; font-size:0; font-weight:bold; text-align: center; line-height:40px;  display:inline-block; width:40px; height:40px;}
.bx-wrapper .bx-controls-direction a.bx-prev {position:absolute; left:28px; top:50%; margin-top:-20px;background:url(../images/business/arrow_l.jpg) no-repeat}
.bx-wrapper .bx-controls-direction a.bx-next {position:absolute; right:28px; top:50%; margin-top:-20px;background:url(../images/business/arrow_r.jpg) no-repeat}
.modalbox .close_popup {position:absolute; right:0; top:-35px; width:35px; cursor:pointer;}

/** blind **/
.blind{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; opacity : 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; z-index:50; }



/*
.modalbox {display:none; position:absolute; top:50%; left:50%; width:822px; margin-top:-160px; margin-left:-411px;   z-index: 100;}
.modalbox.vertical {display:none; position:absolute; top:50%; left:50%; width:822px; margin-top:-252px; margin-left:-411px;   z-index: 100;}
.screenshot_wrap{overflow-x:auto;width:822px; }
.screenshot_wrap:after{clear:both; display:block; content:""}
.screenshotList{width:822px;background:#fff;}
.screenshotList ul{position:relative; width:auto; padding:40px; background:#fff;}
.screenshotList ul:after{clear:both; content:"" ;display:block;} 
.screenshotList ul li{float:left; margin-right:16px;}
.screenshot_wrap .you_tube{overflow:hidden; position:relative; width:485px; height:252px;}
.screenshot_wrap .you_tube iframe, .you_tube object, .you_tube embed{ position:absolute; top:50%; margin-top:-126px; left:0; width:485px; height:100%;}
.modalbox .close_popup{display:block;height:36px; width:36px; position:absolute; left:auto; right:0; top:-36px; cursor:pointer; }
*/


a#btn_top {position: fixed;display:inline-block; width:37px; height:37px; background:url('../images/common/btn_top.png') no-repeat; right:11%; bottom: 50px; display: none; z-index: 999;}


.ml222 { margin-left: 222px; }
.ml115 { margin-left: 115px; }