.main_visual {position:relative; margin:0 auto; max-width:1620px; height:517px; }
.visual_img {position:relative; width:100%; height:517px;}
.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;}

/* 배너 텍스트 */
.banner_text_fixed {
	position:absolute; 
	top: 50px; 
	left:0; 
	right:0; 
	width: 320px;
	z-index:2; 
	pointer-events:none; 
	max-width:100%;
	box-sizing:border-box; 
	max-height:100%; 
	overflow:hidden;
}
/* MAIN_CONTANTS 스타일 */
.banner_text_fixed #spn_banner_text {
	display:block; 
	font-size:32px; 
	font-weight:600; 
	color:#fff; 
	line-height:1.3; 
	white-space:normal; 
	word-wrap:break-word; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical; 
	display:-webkit-box;
}
/* SUB_CONTANTS 스타일 */
.banner_text_fixed #tbx_banner_text {
	display:block; 
	margin-top:6px; 
	font-size:16px; 
	font-weight:400; 
	color:#fff; 
	margin-bottom:12px; 
	line-height:1.4; 
	white-space:normal; 
	word-wrap:break-word; 
	overflow:hidden;
}

.banner_cta {display:relative; z-index:20; pointer-events:auto; margin-top: 18px; font-size: 14px; color: #333; text-decoration: none; cursor: pointer;}
.banner_cta::after {content: ">"; margin-left: 6px;}
.banner_cta:hover,
.banner_cta:hover * {text-decoration: underline; cursor: pointer;}


.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;} */
}

/* .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;}
	.banner_text_fixed {top: 20px;}	
}

@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;} */
}





/******************** UI BANK(법인) ********************/
/*Wrap*/
.main_hd_wrap{width:100%;height:359px;/* background:linear-gradient(208.2deg, #EBEFFB 26.22%, #F4F6FF 58.77%, #CCD3F5 91.32%); */background:linear-gradient(#EBEFFB 26.22%, #F4F6FF 58.77%, #CCD3F5 91.32%);}
.main_hd_wrap,
.main_hd_wrap *{box-sizing: border-box;}
.main_hd_wrap .main_hd_inbox{display:block;position:relative;width:100%;max-width:980px;margin-left:auto;margin-right:auto;padding:0 0 0 327px;}
/*Cover*/
.main_cover{position:relative;width:100%}
.main_cover .visual_img{
	z-index:1;
	position:relative;
	width:100%;
	height:359px; 
	pointer-events:none;
	user-select:none;
	-webkit-user-drag:none;
}
/* .main_cover .visual_img .sw_case {position:absolute;width:100%;height:100%;padding-bottom:51px;padding-right:326px;background-position:bottom 0 right 12px; background-repeat:no-repeat;background-size:280px 202px}
.main_cover .visual_img .sw_case[style*=hidden] {display:none} */
.main_cover .visual_img .sw_case {overflow:hidden;position:absolute;width:100%;height:100%;background:linear-gradient(#EBEFFB 26.22%, #F4F6FF 58.77%, #CCD3F5 91.32%) !important;background-position:bottom 50% right 0;background-repeat:no-repeat;background-size:300px 300px}
.main_cover .visual_img .sw_case .visual_inbox{
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
	padding-top:80px;
	padding-bottom:120px;
	padding-right:320px;
	background-position:bottom 50% right 0; 
	background-repeat:no-repeat;
	background-size:300px 300px;
	overflow:hidden; 
}
.main_cover .visual_img .sw_case .box_case1 {display:flex;flex-direction:column-reverse;gap:11px;width:100%;height:auto !important;margin:0 !important;}
.main_cover .visual_img .sw_case .box_case1 > span,
.main_cover .visual_img .sw_case .box_case1 > strong {width:100%;height:auto !important;letter-spacing:0}
.main_cover .visual_img .sw_case .box_case1 > span{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#000 !important;font-size:32px;font-weight:700;line-height:140%}
.main_cover .visual_img .sw_case .box_case1 > strong{display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height:auto;color:#21272A !important;font-size:16px;font-weight:300;line-height:150%;}
.main_cover .visual_img .sw_case .btn_case1{width:100%;margin:0 0 0;text-align:left;}
.main_cover .visual_img .sw_case .btn_01{display:none !important;visibility:hidden !important;margin:0;padding:6px 14px 6px 0;background-image:url(/img/main/ico_textmore_arrow.png);background-color:transparent !important;background-position:top 50%  right 0;background-repeat:no-repeat;background-size:12px;color:#6C747E;font-size:13px;font-weight:600;line-height:150%;}
.main_cover .visual_control{top:auto;bottom:86px;left:0;right:auto;width:auto;}
.main_cover .visual_control .pointer_box{height:auto;padding:5px 0;background:transparent;}
.main_cover .visual_control .pointer_box:before{display:none}
.main_cover .visual_control .ctrl_btn{width:6px;height:6px;margin:0 3px;border-radius:50%;background:#B9C1C9;}
.main_cover .visual_control .ctrl_btn#visual_play,
.main_cover .visual_control .ctrl_btn#visual_stop {display:none !important}
.main_cover .visual_control .ctrl_btn.on{background:#000C4D}
.main_cover .visual_control .ctrl_btn:first-of-type{margin-left:0}
.main_cover .visual_control .ctrl_btn:last-of-type{margin-right:0}
/*Login*/
.main_login{z-index:1;position:absolute;top:51px;left:0;display:block;width:284px;min-height:258px}
.main_login .login_box{display:block;position:relative;width:100%;height:auto;padding:27px 20px 48px;border-radius:3px;background:rgba(255,255,255,0.85);box-shadow:0 2px 6px 0 #16254214}
.main_login .login_box .area{width:100%;padding-top:0;}
.main_login .login_box .fm{position:relative;padding:10px 0;}
.main_login .login_box .tit{display:block;margin-bottom:16px;color:#21272A;font-size:17px;font-weight:600;line-height:140%;text-align:left;}
.main_login .login_box .ipb{width:100%;height:31px;border-radius:3px;border:1px solid #D6DBE1}
.main_login .login_box .ipb.id:focus-within{border-color:#102694}
.main_login .login_box .ipb.pwd{width:100% !important}
.main_login .login_box .ipb + .ipb{margin-top:10px;}
.main_login .login_box .ipb.id input,
.main_login .login_box .ipb.pwd input{height:100%;margin:0 !important;padding:0 20px !important;background:transparent;color:#121619 !important;font-weight:600;}
.main_login .login_box .ipb.id input.text-placeholder,
.main_login .login_box .ipb.pwd input.text-placeholder{color:#B9C1C9; opacity:1;}
.main_login .login_box .ipb.id input::-webkit-input-placeholder,
.main_login .login_box .ipb.pwd input::-webkit-input-placeholder{color:#B9C1C9; opacity:1;}
.main_login .login_box .ipb.id input:-moz-placeholder,
.main_login .login_box .ipb.pwd input:-moz-placeholder{color:#B9C1C9; opacity:1;}
.main_login .login_box .area .fm .btn_keypad{display:none !important}
.main_login .login_box .usJoinGroup.cb{margin-top:10px;}
.main_login .login_box .area .btn_01.br{width:100%;height:39px;padding:9px;border-radius:3px;background-color:#102694;color:#fff;font-size:14px;font-wiehgt:600;line-height:150%;}

/*** [Media] Tablet ***/
@media all and (min-width:767px) and (max-width:1000px){	
	/*Wrap*/
	.main_hd_wrap{height:auto;}
	.main_hd_wrap .main_hd_inbox{min-width:100%;padding:0 20px 30px;}
	/*Cover*/
	.main_cover{}
	.main_cover .visual_img{width:100%;height:auto;min-height:250px;}
	.main_cover .visual_img .sw_case{padding-bottom:0;padding-right:0;background:linear-gradient(#EBEFFB 26.22%, #ecf0fc 58.77%, #f1f4fe 100%) !important;background-position:bottom 0 right 0;background-size:100% !important}
	.main_cover .visual_img .sw_case .visual_inbox{gap:8px;padding-top:32px;padding-bottom:72px;padding-right:calc(100% - 333px);background-position:bottom 0px right 0;background-size:250px 250px !important}
	.main_cover .visual_img .sw_case .box_case1 > span{font-size:32px;}
	.main_cover .visual_img .sw_case .box_case1 > strong{font-size:16px;}
	.main_cover .visual_control{bottom:32px;}
	/*Login*/
	.main_login{position:relative;top:inherit;left:inherit;display:block;width:100%;min-height:auto;margin-top:-20px}
	.main_login .login_box{float:none;padding:20px 20px 20px;}
	.main_login .login_box .tit{font-size:16px}
	.main_login .login_box .area .btn_01.br{margin:12px 0 0}
}



/*** [Media] Mobile ***/
@media all and (max-width:767px){
	/*Wrap*/
	.main_hd_wrap{height:auto;}	
	.main_hd_wrap .main_hd_inbox{padding:0;}
	/*Cover*/
	.main_cover{}
	.main_cover .visual_img{z-index:1;position:relative;width:100%;height:auto !important;min-height:221px;}
	.main_cover .visual_img .sw_case{padding-bottom:0;padding-right:0;background:linear-gradient(#EBEFFB 26.22%, #ecf0fc 58.77%, #f1f4fe 100%) !important;background-position:bottom 0 right 0;background-size:100% !important}
	.main_cover .visual_img .sw_case .visual_inbox{gap:4px;padding:20px 86px 41px 20px;padding-right:calc(100% - 218px);background-position:bottom 50% right 0;background-size:180px 180px !important}
	.main_cover .visual_img .sw_case .box_case1 > span{padding-right:22px;font-size:22px;-webkit-line-clamp: 3;}
	.main_cover .visual_img .sw_case .box_case1 > strong{font-size:14px;-webkit-line-clamp: 3;}
	.main_cover .visual_control{left:20px;bottom:8px;}
	.banner_text_fixed {top: 20px; left: 20px; width: 196px;}
	.banner_text_fixed #tbx_banner_text {font-size: 15px;}
	.banner_text_fixed #spn_banner_text {font-size: 22px;}
	/*Login*/
	.main_login{position:relative;top:inherit;left:inherit;display:block;width:100%;min-height:auto;margin-top:0;padding:0 20px 20px;}
	.main_login .login_box{float:none;padding:20px;}
	.main_login .login_box .tit{font-size:16px}
	.main_login .login_box .area{padding:0}
	.main_login .login_box .area .btn_01.br{margin:12px 0 0}
}