.main_visual {position:relative; margin:0 auto; max-width:1620px; height:517px; } .visual_img {position:relative; width:100%; height:517px; z-index:1;} .visual_img .sw_case {position:absolute; width:100%; height:100%; background-position:center top; background-repeat:no-repeat;} .visual_img .sw_case .box_case1 {margin:102px auto 0; width:980px; font-size:34px;color:#fff;} .visual_img .sw_case .box_case1 > span, .visual_img .sw_case .box_case1 > strong {height:41px; letter-spacing:-2px; overflow:hidden; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis; display:block;} .visual_img .sw_case .box_case1 > strong {min-height:41px; display:block;} .visual_img .sw_case .btn_case1 {margin:60px auto 0; width:980px; text-align:center; } .visual_img .sw_case .btn_01 {font-size:12px; font-weight:normal;} .visual_control {position:absolute; top:279px; z-index:150; width:100%; text-align:center;} .pointer_box {position:relative; margin:0 auto; padding-right:5px; /*width:107px; */height:28px; white-space:nowrap; background:url("/img/main/bg_pointer_box_01.png") right top no-repeat; display:inline-block;} .pointer_box:before {content:""; position:absolute; left:-5px; top:0; width:5px; height:28px; background:transparent url("/img/main/bg_pointer_box_02.png") left top no-repeat;} .ctrl_btn {margin:7px 2px 0; width:16px; height:14px; text-indent:-9999px; background:url("/img/main/btn_pointer.png") center center no-repeat; display:inline-block; overflow:hidden;} .ctrl_btn#visual_play {background-image:url("/img/main/btn_play.png");} .ctrl_btn#visual_stop {background-image:url("/img/main/btn_stop.png");} .ctrl_btn.on {background-image:url("/img/main/btn_pointer_on.png");} .visual_content {position:absolute; bottom:0; z-index:150; width:100%; height:190px; background:url("/img/main/bg_shadow_01.png");} .vCont {margin:0 auto; width:980px; overflow:hidden;} .login_box {width:320px; height:190px; background:url("/img/main/bg_shadow_02.png"); float:left;} .login_box .area {margin:0 auto; padding-top:10px; width:230px; color:#fff;}/*padding-top:30px;*/ .login_box .area .tit {margin-bottom:8px; text-align:center;display:block;/*font-family:Times New Roman, serif; */ font-size:18px;} .login_box .area .ipb {width:230px; height:26px; background:#fff;} .login_box .area .fm {position:relative;} .login_box .area .fm .ipb.pwd {width:175px;} .login_box .area .fm .ipb.pwd .ipt{width:100%;} .login_box .area .fm .btn_keypad {position:absolute; right:0; top:84px;/*top:31px;*/ width:50px; height:26px; text-indent:-9999px; background:url("/img/main/mBtn_keypad.png") 0 0 no-repeat; -o-border-radius:border-box; -moz-border-radius:border-box; -webkit-border-radius:border-box; border-radius:border-box; display:block; overflow:hidden;} .login_box .area .fm .ipbTit1 {height:25px; line-height:25px; } /*일본특화 */ .login_box .area .fm .ipbTit2 {height:25px; line-height:25px; vertical-align:bottom; margin-top:8px;} /*일본특화 */ .login_box .area .ipb.id {margin-bottom:5px;}/*일본특화 일본만 클래스명 추가.login_box .area .ipb:first-child */ .login_box .area .ipb .ipt {margin:5px 0 0; width:100%; /*color:#444; margin:5px 16px 0; width:192px; */height:16px; border:0;} /*일본특화 */ .login_box .area .ipb.id input {color:#666 !important;} .login_box .area .ipb.id input.text-placeholder{color:#666; opacity:1;} .login_box .area .ipb.id input::-webkit-input-placeholder{color:#666; opacity:1;} .login_box .area .ipb.id input:-moz-placeholder{color:#666; opacity:1;} .login_box .area .ipb.pwd input {color:#bbb !important;} .login_box .area .ipb.pwd input.text-placeholder{color:#bbb !important;} .login_box .area .ipb.pwd input::-webkit-input-placeholder{color:#bbb !important;} .login_box .area .ipb.pwd input:-moz-placeholder {color:#bbb !important;} .login_box .area .chk {margin:6px 0;} .login_box .area .chk .w2checkbox_input {margin-right:6px;} .login_box .area .linkB {height:23px; text-align:center; display:none;} .login_box .area .link {margin-top:6px; font-size:12px; color:#fff; display:inline-block;} .login_box .area .link:active, .login_box .area .link:focus, .login_box .area .link:hover { text-decoration:underline;} .login_box .area .btn_01.br {margin:16px 0 8px; font-size:13px; text-align:center; display:block;} .main_content .mCont.cn {padding:20px 0; height:150px;} .main_content .mCont.cn .custom_box {width:auto; overflow:hidden; float:none;} .main_content .mCont.cn .custom_box a {padding:80px 20px 0 20px; border-top:0; border-left:1px solid #d3d1cb; float:left;} .main_content .mCont.cn .custom_box a.faq {width:279px; background:url("/img/cn/bul_custom_01.png") center 10px no-repeat; border-left:0;} .main_content .mCont.cn .custom_box a.sc {width:295px; background:url("/img/cn/bul_custom_02.png") center 10px no-repeat;} .main_content .mCont.cn .custom_box a.vc {width:284px; background:url("/img/cn/bul_custom_03.png") center 10px no-repeat;} .news_box, .service_box {height:190px; color:#fff; text-align:center; background:url("/img/main/bg_bar_02.png") right center no-repeat; float:left;} .news_box {width:335px;} .service_box {width:324px;} .news_box .area, .service_box .area {margin-top:38px; /*18px;*/ padding:0 20px;} .news_box .tit {background:url("/img/main/icon_mic.png") center top no-repeat;} .service_box .tit {background:url("/img/main/icon_wat.png") center top no-repeat;} .news_box .tit, .service_box .tit {padding:56px 0 5px; font-size:16px; display:block;} .news_box span, .service_box span {margin-bottom:13px; height:42px; display:none;/*block;*/ overflow:hidden;} .news_box a, .service_box a {margin-top:10px; padding-right:12px; font-size:12px; color:#fff; background:url("/img/main/bul_arrow.png") right center no-repeat; display:inline-block;} .main_content {background:#eeede7;} .main_content .mCont {margin:0 auto; width:980px; height:288px;} .main_content .mCont .branch_box {position:relative; padding-top:15px; width:630px; float:left;} .main_content .mCont .custom_box {padding-top:10px; width:320px; float:right;} .main_content .mCont .branch_box .title {position:relative; height:45px;} .main_content .mCont .branch_box .title strong {padding-left:35px; font-size:16px; color:#000; line-height:36px; background:url("/img/main/bul_branch.png") left center no-repeat; float:left;} .main_content .mCont .branch_box .title .sel {position:absolute; right:0; bottom:5px; width:228px; height:23px; border-color:#e9e8e8;} .main_content .mCont .branch_box .title .sel select {font-size:12px; color:#303030;} .main_content .mCont .branch_box .title .mBtn_more {padding-right:14px; font-size:12px; color:#294e93; background: url("/img/common/bg_arrowRight_01.gif") right center no-repeat;} .main_content .mCont .branch_box .title .rightArea_01 {margin-top:12px;} .main_content .mCont .branch_box .title .mBtn_more_01 {padding-right:14px; font-size:12px; color:#294e93; background:url("/img/common/bg_arrowRight_01.gif") right center no-repeat; display:inline-block;} .main_content .mCont .branch_box .info {margin-top:49px;} .main_content .mCont .branch_box .info:after {content:"";display:block;height:0;clear:both;visibility:hidden} .main_content .mCont .branch_box .info li {padding-left:32px; width:45%; height:46px; line-height:44px; border-bottom:1px solid #d5d5d0; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;} .main_content .mCont .branch_box .info li.tel {width:55%; background:url("/img/main/icon_info_01.png") 9px center no-repeat;} .main_content .mCont .branch_box .info li.fax {background:url("/img/main/icon_info_02.png") 9px center no-repeat;} .main_content .mCont .branch_box .info li.addr {width:100%; background:url("/img/main/icon_info_03.png") 10px center no-repeat; white-space:nowrap; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden;} .main_content .mCont .branch_box .info li.time {width:55%; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; background:url("/img/main/icon_info_04.png") 9px center no-repeat; overflow:hidden;} .main_content .mCont .branch_box .info li.nn {background:url("/img/main/icon_info_05.png") 9px center no-repeat;} .main_content .mCont .branch_box .info2 {position:absolute; left:0; right:0; top:60px; padding:9px 20px 9px 10px; line-height:30px; background:#e1e1db; border-top:1px solid #cbcbc6; border-bottom:1px solid #cbcbc6;} .main_content .mCont .branch_box .info2 .btn_01 {float:right;} .main_content .mCont .branch_box .info2 span {font-size:16px; color:#202020;} .main_content .mCont .custom_box a {padding:16px 20px 15px 66px; min-height:40px; line-height:20px; border-top:1px solid #d5d5d0; display:block;} .main_content .mCont .custom_box a:first-child {border-top:0;} .main_content .mCont .custom_box a.faq {background:url("/img/main/bul_custom_01.png") 20px center no-repeat;} .main_content .mCont .custom_box a.sc {background:url("/img/main/bul_custom_02.png") 20px center no-repeat;} .main_content .mCont .custom_box a.vc {background:url("/img/main/bul_custom_03.png") 20px center no-repeat;} .main_content .mCont .custom_box a .tit {font-size:15px; color:#313131; display:block;} .main_content .mCont .custom_box a .txt {color:#606060;} .main_content .mCont .custom_box a:hover span {text-decoration:underline;} .main_portlet {margin:30px auto 0; width:980px; overflow:hidden;} .main_portlet .pCont {margin-left:-10px; width:990px;} .main_portlet .pCont:after {content:""; display:block; height:0; clear:both;visibility:hidden} .main_portlet .pCont > div {padding-left:10px; float:left;} .main_portlet .item {margin:0 0px 10px 0px; display:inline-block;} .main_portlet .item {position:relative; width:320px; height:288px; float:left; background-position:center top; background-repeat:no-repeat; /*background-size:cover;*/} /* .main_portlet .item.exc {height:238px;} */ /*수연테스트 .main_portlet .item.exc .w2tb {border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;} .main_portlet .item.exc .title {padding:16px 20px 15px; height:17px; color:#fff; background:#4a566d;} .main_portlet .item.exc .title .tit {font-size:16px;} .main_portlet .item.exc .title a {margin-top:4px; font-size:11px; color:#fff; float:right;} .main_portlet .item.exc .w2tb_th {height:40px; color:#fff; background:#636e82; border-color:yellowgreen;} .main_portlet .item.exc .w2tb_th.subtitle {border-bottom:solid 1px #d5d5d5; border-color:red yellow blue green;} .main_portlet .item.exc .w2tb_th.subtitle:first-child {border-left:hidden 0px #636e82;} .main_portlet .item.exc .w2tb_th#aa, .main_portlet .item.exc .w2tb_th#bb {border-right-color:#7a8393;} .main_portlet .item.exc .w2tb_td {padding:3px 10px; height:31px; color:#202020; border:solid 1px #d5d5d5 !important;} .main_portlet .item.exc .w2tb_td.num {text-align:right;} .main_portlet .item.exc .w2tb_td .flag {margin-right:10px;} .main_portlet .bb .item {width:650px;} */ .main_portlet .item.exc .txt_box {width:auto; height:72px; border:solid 1px #d5d5d5; border-top:none; background-color:#fff !important; padding:10px 10px 0 10px; vertical-align:middle; box-sizing:border-box;} .main_portlet .item.exc .txt_box:before {content:""; height:75px; width:0; vertical-align:middle; position:relative;} .main_portlet .item.exc .txt_box .ment {display:block; padding-bottom:6px} .main_portlet .item.exc .txt_box .ment .w2group {display:inline-block;} .main_portlet .item.exc .txt_box .ment .w2group:first-child strong:first-child {margin-left:0;} .main_portlet .item.exc .txt_box .ment strong {font-weight:bold !important; margin-left:5px;} .main_portlet .item.exc .txt_box p {font-size:12px; line-height:16px;} .main_portlet .item.exc .w2tb { border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;} .main_portlet .item.exc .title {padding:16px 20px 15px; height:17px; color:#fff; background:#4a566d;} .main_portlet .item.exc .title .tit {font-size:16px;} .main_portlet .item.exc .title a {margin-top:4px; font-size:11px; color:#fff; float:right;} .main_portlet .item.exc .w2tb_th {height:40px; color:#fff; background:#636e82; border-color:#636e82;} .main_portlet .item.exc .w2tb_th.subtitle {border-bottom:solid 1px #d5d5d5;} .main_portlet .item.exc .w2tb_th.subtitle:first-child {border-left:solid 1px #636e82;} .main_portlet .item.exc .w2tb_th.item1 {border-right:solid 1px #737d8e !important} .main_portlet .item.exc .w2tb_th.item2 {border-right:solid 1px #737d8e !important} .main_portlet .item.exc .w2tb_th.item3 {} .main_portlet .item.exc .w2tb_th.subtitle {padding-left:3px; padding-right:3px;} .main_portlet .item.exc .w2tb_th#aa, .main_portlet .item.exc .w2tb_th#bb {border-right-color:#7a8393;} .main_portlet .item.exc .w2tb_td {padding:3px 10px; height:31px; color:#202020; border:solid 1px #d5d5d5 !important;} .main_portlet .item.exc .w2tb_td.num {text-align:right;} .main_portlet .item.exc .w2tb_td .flag {margin-right:10px;} .main_portlet .bb .item {width:650px;} /* .main_portlet .item.ss {height:238px;} */ .main_portlet .item.evn {background-color:#2b2b2c;} .main_portlet .item .tag {position:absolute; left:0; top:0; padding:0 10px; height:26px; color:#fff; line-height:26px; white-space:nowrap; background:url("/img/main/bg_shadow_01.png");} .main_portlet .item .bg {position:absolute; right:0; bottom:0; z-index:10; padding:15px 50px 20px 20px; width:250px; color:#fff; background:url("/img/main/bg_shadow_03.png"); text-align:left;} .main_portlet .item .tit {margin-bottom:15px; font-size:15px;} .main_portlet .item .txt {line-height:18px;} .main_portlet .item .date {margin-top:10px; line-height:18px;} .main_portlet .item .more {position:absolute; bottom:0; right:0; z-index:20; width:45px; height:45px; text-indent:-9999px; background:#294e93 url("/img/main/icon_plus.png") center center no-repeat; display:block; overflow:hidden;} .main_portlet .pBtn {margin:1px 0 0; padding:11px 0; height:18px; text-align:center; background:#eeede7;} .main_portlet .pBtn a {padding-right:15px; font-size:15px; font-weight:bold; color:#222; line-height:18px; background:url("/img/main/bul_arrow_01.png") right center no-repeat; display:inline-block;} /* No Image */ .main_portlet .noImg .item {text-align:center;} .main_portlet .noImg .item:before {content:""; width:0px; height:100%; display:inline-block; vertical-align:middle;} .main_portlet .noImg .item .bg {position:static; padding:0px 20px 45px; width:auto; background:transparent; display:inline-block; vertical-align:middle;} .main_portlet .noImg .item .bg .tit {margin-bottom:20px; font-size:32px; /*font-family: Times New Roman, serif; font-style:italic; */} html.df .main_portlet .noImg .item .bg .tit {font-size:26px !important; font-style:normal;} /* 일본 SBJ 예외처리 */ .main_portlet .noImg .item .bg .txt {font-size:15px; /*font-family: Times New Roman, serif;*/} .main_portlet .noImg .item .bg .date {position:absolute; left:50px; right:50px; bottom:30px; margin-top:0; text-align:center;} /* mobile phone : width:767px 이하 */ @media all and (max-width:1000px){ /* body,input,.w2input,.w2textarea,.w2inputCalendar_divInput,.w2autoComplete_input,textarea,select,button,table {font:12px "돋움", Dotum, arial, Helvetica, AppleGothic, Sans-serif;} */ #wrapper {min-width:300px;} .main #header {padding:0 42px 0 35px; height:40px;} #header .top {height:auto;} #gnb {position:absolute; right:0; top:0;width:42px; height:40px;} #gnb ul li {display:none;} #gnb ul li.last {width:42px; height:40px; display:block;} #gnb .last a {position:relative; left:0px; top:0px;} #header .login_info {display:none;} .logo img {margin-left:0 !important; height:18px;} #logo img {height:23px;} #header .top .logo {left:0; top:7px;} #header .top, .header .top, #gnb ul, .gnb ul {width:auto;} #visual_img .sw_case {background-size:cover;} .main_visual, .visual_img {height:auto;} /*.visual_img {height:257px;}*/ .visual_img {height:450px;} /*.visual_img .sw_case .box_case1 {margin:30px auto 0; width:280px; font-size:24px;}*/ .visual_img .sw_case .box_case1 > span, .visual_img .sw_case .box_case1 > strong {height:28px; line-height:28px;} .visual_img .sw_case .box_case1 {margin:60px 20px 0 20px; width:auto; font-size:24px;} .visual_img .sw_case .btn_case1 {margin-left:20px; width:auto; text-align:left;} /* .visual_img .sw_case .btn_01.or {width:123px; text-align:center; display:block;} */ /*.visual_content {position:relative; width:auto; height:auto;}*/ .visual_content {} .visual_control {top:220px;} .vCont {width:auto;} .login_box, .news_box, .service_box {width:auto; float:none;} .login_box {height:auto;} .news_box .area, .service_box .area {margin-top:20px; padding:20px 20px 10px;} .news_box a, .service_box a {margin-top:0} .login_box .area {padding:10px 0 0;}/*일본특화 {padding:24px 0 0;} */ .login_box .area .ipb:first-child {margin-bottom:8px;} /* 황선하 20160120 */ .login_box .area .ipb {height:30px;} /* 황선하 20160120 */ .login_box .area .ipb .ipt {height:20px; background:#fff; -o-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;} /* 황선하 20160120 */ .login_box .area .fm .btn_keypad {top:90px;} /* 일본특화 {top:40px;} */ .login_box .area .chk {display:none;} .login_box .area .btn_01.br {margin:18px 0 6px;} /* 황선하 20160120 */ /* .login_box .area .cb {margin-top:10px;} */ /*.news_box {background:#4a566d;}*/ /*.service_box {background:#636e82;}*/ .main_content {overflow:hidden;} .main_content .mCont {width:auto; height:auto;} .main_content .mCont .branch_box {margin:0px 15px 0; padding-bottom:60px; width:auto; float:none;} .main_content .mCont .branch_box .title {position:static; height:auto;} .main_content .mCont .branch_box .title .sel {position:relative; bottom:0; width:100%; height:25px;} .main_content .mCont .branch_box .title strong {font-size:16px; padding-left:25px; float:none; display:block; background-size:17px;} .main_content .mCont .branch_box .title .rightArea_01 {position:absolute; left:0; right:0; bottom:20px; margin-top:0; text-align:center; float:none;} .main_content .mCont .branch_box .title .mBtn_more_01 {padding:0; width:122px; color:#fff; line-height:30px; background:#707070; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .main_content .mCont .branch_box .info {margin-top:36px;} .main_content .mCont .branch_box .info li {padding:10px 0 10px 32px; min-height:37px; width:100% !important; height:auto; line-height:16px; color:#373737; clear:left;} .main_content .mCont .branch_box .info2 {top:54px; padding:0; background:transparent; border:0;} .main_content .mCont .branch_box .info2 .sel {width:100%;} .main_content .mCont .branch_box .info2 span {display:none;} .main_content .mCont .branch_box .info2 .btn_01 {float:none;} .main_content .mCont .custom_box {margin:0 15px; padding:0; width:auto; float:none;} .main_content .mCont .custom_box a:first-child {border-top:1px solid #d5d5d0;} .main_content .mCont .custom_box a .tit {font-size:14px;} .main_content .mCont .custom_box a {padding-left:44px;} .main_content .mCont .custom_box a.faq, .main_content .mCont .custom_box a.sc, .main_content .mCont .custom_box a.vc {background-position:0 center;} .main_portlet {width:auto; /*width:280px;*/} .main_portlet .pCont {margin-left:0; width:auto; /*text-align:center;*/} .main_portlet .pCont > div {padding-left:0; float:none;} .main_portlet .pCont .w2wframe {margin:0 1% 10px 1%; min-width:280px; width:48%;} .main_portlet .w2wframe, .main_portlet .item {width:250px; vertical-align:top; display:inline-block; float:none;} .main_portlet .item {float:none; display:inline-block; width:100%;} .main_portlet .item, .main_portlet .bb .item {min-width:250px; width:100%;} .main_portlet .item .bg {width:210px; width:100%; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /* #footer ul {width:auto; overflow:hidden;} */ /* #footer .fLink1 {padding:0;height:auto; background:#636e82;} */ /* #footer .fLink1 li {padding:0; height:35px; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:1px solid #828b9b;} */ /* #footer .fLink1 a {line-height:35px; font-size:12px;} */ /* #footer .fLink2 {border-bottom:0; background:#636e82;} */ /* #footer .fLink2 ul {padding:0; height:auto;} */ /* #footer .fLink2 ul li {border-bottom:1px solid #d0d5da; height:35px; width:50%; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} */ /* #footer .fLink2 a {line-height:35px; font-size:12px;} */ /* #footer .fLink2 li.btn_top {margin-top:10px; position:relative; width:auto; height:35px; border:0;} */ /* #footer .fLink2 li.btn_top a {width:100%; height:100%; background:#eeede7 url("/img/common/icon_top_m.png") right center no-repeat; background-size:37px 35px; text-indent:0; background-position:right top;} */ /* #footer address {height:24px;} */ .login_box, .news_box, .service_box {width:33%; height:190px; float:left;} /* CN Login Box */ .main_content .mCont.cn {padding:0; height:auto;} .main_content .mCont.cn .custom_box {margin:0 15px; padding:0; width:auto; float:none;} .main_content .mCont.cn .custom_box a:first-child {border-top:0;} .main_content .mCont.cn .custom_box a .tit {font-size:14px;} .main_content .mCont.cn .custom_box a {padding:16px 20px 15px 44px; border-top:1px solid #d5d5d0; border-left:0; float:none;} .main_content .mCont.cn .custom_box a.faq, .main_content .mCont.cn .custom_box a.sc, .main_content .mCont.cn .custom_box a.vc {width:auto; background-position:0 center; background-size:34px;} } @media all and (max-width:767px){ .main #header {padding-left:5%;} .visual_content {position:relative; width:auto; height:auto;} .visual_img {height:257px;} .login_box {width:100%; height:200px;} .news_box, .service_box {width:50%; height:auto;} .news_box .area, .service_box .area {margin-top:0;} .news_box {background:#4a566d;} .service_box {background:#636e82;} .login_box .area {padding:15px 0 15px;} html.df .main_portlet .noImg .item .bg .tit {font-size:24px !important; line-height:32px;} /* 일본 SBJ 예외처리 */ html.df .main_portlet .noImg .item .bg .txt {line-height:18px;} } @media all and (max-width:650px){ .main_content .mCont {margin:0 5%;} .main_content .mCont .branch_box, .main_content .mCont .custom_box {margin:0;} .main_portlet {margin:30px 5%; padding-left:0; width:auto; /*width:280px;*/} .main_portlet .pCont {/*text-align:center;*/} .main_portlet .pCont .w2wframe {margin:0 0px 10px 0px; min-width:250px; width:100%;} .main_portlet .w2wframe, .main_portlet .item {width:250px; vertical-align:top; display:inline-block; float:none;} .main_portlet .item {float:none; display:inline-block; width:100%;} .main_portlet .item, .main_portlet .bb .item {min-width:250px; width:100%;} .main_portlet .item .bg {width:210px; width:100%;} .visual_img .sw_case .box_case1 {margin-top:30px; height:150px;} .visual_img .sw_case .box_case1 > span, .visual_img .sw_case .box_case1 > strong {height:auto;} .visual_img .sw_case .btn_case1 {margin:0; text-align:center;} /* .visual_img .sw_case .btn_01.or {width:auto; display:inline-block;} */ /* CN Login Box */ .main_content .mCont.cn .custom_box {margin:0;} } @media all and (max-width:500px){ .login_box, .news_box, .service_box {width:100%; height:auto; float:none;} /* #footer .fLink2 ul li {white-space:nowrap; overflow:hidden;} */ }