.main .main_visual {position:relative; margin:0 auto; max-width:1620px; height:517px; }
.main .visual_img {position:relative; width:100%; height:517px; z-index:1;}
.main .visual_img .sw_case {position:absolute; width:100%; height:100%; background-position:center top; background-repeat:no-repeat;}
.main .visual_img .sw_case .box_case1 {margin:102px auto 0; width:980px; font-size:34px;color:#fff;}
.main .visual_img .sw_case .box_case1 > span,
.main .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;}
.main .visual_img .sw_case .box_case1 > strong {min-height:41px; display:block;}
.main .visual_img .sw_case .btn_case1 {margin:40px auto 0; width:980px;}
.main .visual_img .sw_case .btn_01 {font-size:12px; font-weight:normal;}

.main .main_portlet {margin:30px auto 0; width:980px; overflow:hidden;}
.main .main_portlet .pCont {margin-left:-10px; width:990px;}
.main .main_portlet .pCont:after {content:""; display:block; height:0; clear:both;visibility:hidden}
.main .main_portlet .pCont > div {padding-left:10px; float:left;}
.main .main_portlet .item {margin:0 0px 10px 0px; display:inline-block; 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 .main_portlet .item.exc .txt_box {width:auto; height:72px; border:solid 1px #d5d5d5; border-top:none; background-color:#fff !important; padding:5px 10px 0 10px; vertical-align:middle; box-sizing:border-box;}
.main .main_portlet .item.exc .txt_box:before {content:""; height:75px; width:0; vertical-align:middle; position:relative;}
.main .main_portlet .item.exc .txt_box .ment {display:block; padding-bottom:1px}
.main .main_portlet .item.exc .txt_box .ment .w2group {display:inline-block;}
.main .main_portlet .item.exc .txt_box .ment .w2group:first-child strong:first-child {margin-left:0;}
.main .main_portlet .item.exc .txt_box .ment strong {font-weight:bold !important; margin-left:5px;}
.main .main_portlet .item.exc .txt_box  p {font-size:12px; line-height:16px;} 


.main .main_portlet .item.exc .w2tb { border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.main .main_portlet .item.exc .title {padding:16px 20px 15px; height:17px; color:#fff; background:#4a566d;}
.main .main_portlet .item.exc .title .tit {font-size:16px;}
.main .main_portlet .item.exc .title a {margin-top:4px; font-size:11px; color:#fff; float:right;}
.main .main_portlet .item.exc .w2tb_th {height:40px; color:#fff; background:#636e82; border-color:#636e82;}
.main .main_portlet .item.exc .w2tb_th.subtitle {border-bottom:solid 1px #d5d5d5;}
.main .main_portlet .item.exc .w2tb_th.subtitle:first-child {border-left:solid 1px #636e82;}
.main .main_portlet .item.exc .w2tb_th.item1 {border-right:solid 1px #737d8e !important}
.main .main_portlet .item.exc .w2tb_th.item2 {border-right:solid 1px #737d8e !important}
.main .main_portlet .item.exc .w2tb_th.item3 {}
.main .main_portlet .item.exc .w2tb_th.subtitle {padding-left:3px; padding-right:3px;}
.main .main_portlet .item.exc .w2tb_th#aa, .main_portlet .item.exc .w2tb_th#bb {border-right-color:#7a8393;}
.main .main_portlet .item.exc .w2tb_td {padding:3px 10px; height:31px; color:#202020; border:solid 1px #d5d5d5 !important;}
.main .main_portlet .item.exc .w2tb_td.num {text-align:right;}
.main .main_portlet .item.exc .w2tb_td .flag {margin-right:10px;}
.main .main_portlet .bb .item {width:650px;}

/* .main_portlet .item.ss {height:238px;} */
.main .main_portlet .item.evn {background-color:#2b2b2c;}
.main .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 .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 .main_portlet .item .tit {margin-bottom:15px; font-size:15px;}
.main .main_portlet .item .txt {line-height:18px;}
.main .main_portlet .item .date {margin-top:10px; line-height:18px;}
.main .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 .main_portlet .pBtn {margin:1px 0 0; padding:11px 0; height:18px; text-align:center; background:#eeede7;}
.main .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 .main_portlet .noImg .item {text-align:center;}
.main .main_portlet .noImg .item:before {content:""; width:0px; height:100%; display:inline-block; vertical-align:middle;}
.main .main_portlet .noImg .item .bg {position:static; padding:0px 20px 45px; width:auto; background:transparent; display:inline-block; vertical-align:middle;}
.main .main_portlet .noImg .item .bg .tit {margin-bottom:20px; font:32px Times New Roman, serif; font-style:italic;}
.main .main_portlet .noImg .item .bg .txt {font:15px Times New Roman, serif;}
.main .main_portlet .noImg .item .bg .date {position:absolute; left:50px; right:50px; bottom:30px; margin-top:0; text-align:center;}

		
/* MAIN POTLET 인도네시아 특화  */
.main .main_portlet .newPotlet_01 {margin-top:10px;}
.main .main_portlet .newPotlet_01 > .title {background-color:#636e82; height:50px;}
.main .main_portlet .newPotlet_01 > .title .tit {color:#fff; font-size:16px; font-weight:bold; line-height:16px; padding:16px 5px 16px 25px;}
.main .main_portlet .newPotlet_01  .pCont {padding:20px 15px 20px 10px; width:auto; border:solid 1px #ddd; margin-left:0; margin-top:1px;}
.main .main_portlet .newPotlet_01 .item {width:305px; height:auto; float:none;}
.main .main_portlet .newPotlet_01 .bdr_line {border-right:solid 1px #737d8e !important}

.main .main_portlet .newPotlet_01 .item.exc .title {font-size:16px; }
.main .main_portlet .newPotlet_01 .item.exc .w2tb_th.row21 {height:13px !important; border-bottom:1px solid #4a566d; padding:2px  !important; }
.main .main_portlet .newPotlet_01 .item.exc .w2tb_th.row22 {height:15px !important; padding:2px  !important;}
.main .main_portlet .newPotlet_01 .item.exc .w2tb_td {text-align:center;}

.main .main_portlet .newPotlet_01 .msg_box:before  {content:"";display:block;height:0;clear:both;visibility:hidden;}
.main .main_portlet .newPotlet_01 .msg_box {float:none;}
.main .main_portlet .newPotlet_01 .msg_box p {margin-top:5px;}

/* WiFi*/
.main .visualBnnlWarp{ z-index:10; top:295px; position:absolute; width:100%;}
.main .visualBnn	{position:relative; width:980px; margin:0 auto; text-align:right;}
.main .visualBnn_a	{color:#ffcc00; border:1px solid #ffc125; border-radius:5px; text-decoration:underline !important; display: inline-block; line-height: 35px; height: 35px; padding:0 25px 0 55px; background:#000 url("/img/common/ico_wifi.png")10px 2px no-repeat; }
	

/* SSL */
.main .portlet_box .cus_ssl.item { border:none !important; float:right;}
.main .portlet_box .cus_ssl.item:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.main .portlet_box .cus_ssl.item:before {line-height:25px;}
.main .cus_ssl 	{ margin: 0 auto;}
.main .cus_ssl .ssl 	{width: 230px; height:70px; display: inline-block;}

.main .cus_ssl .ssl iframe {width:100%; height:100%;}





/* ------------------- 경량화 시작 ------------------- */

/*ID 특화 */
.main .main_visual .content_box {padding:10px 0; text-align:center; color:#fff;  background-color:rgba(27, 42, 73, 0.8);  position: absolute;  bottom: 0;  z-index: 150;  width: 100%;  height: 140px;}
.main .main_visual .content_box > .area {margin-top:20px;}


.main .key_visual, .main .banner_box {line-height:20px; } 
.main .area.sizeFix {margin:0 auto; width:980px; }

.main .visual_box {background:#fff; text-align:center;  color:#294e94; } 
.main .visual_box .area {background:transparent url("/img/main/bg_keyVisual.jpg") right center no-repeat;}
.main .visual_box .area:before {line-height:180px; vertical-align:middle; content:""; width:0;}
.main .visual_box .item {display:inline-block; vertical-align:middle;  }
.main .visual_box .title {font-size:30px; line-height:30px;  font-weight:bold;}
.main .visual_box .subtitle {font-size:20px; margin-top:15px; }

.main .content_box a {color:#fff; }
.main .content_box .btnLogin {display:inline-block; width:220px; line-height:40px; text-decoration:none; padding:10px; background:#294e94 url("/img/main/icon_btnLogin.png") 10px center no-repeat; color:#fff; font-size:20px;  border:1px solid #7b90b9;  -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} 
.main .content_box .link { text-decoration:underline;}
.main .content_box {background-color:#294e94; padding:10px 0; text-align:center; color:#fff;}
.main .content_box .area:before {line-height:100px; vertical-align:middle; content:""; width:0;}
.main .content_box .area .item {display:inline-block; width:33%; margin:0 1px; vertical-align:middle; }

.main .content_box .item .box {display:block; min-width:70%}
.main .content_box .item.login .group {margin-top:10px;}
.main .content_box .item.login .link {width:100%}
.main .content_box .item.news .box {background:url("/img/main/icon_mic.png") center 15px no-repeat; padding-top:60px; min-height:35px;}
.main .content_box .item.time .box {background:url("/img/main/icon_wat.png") center 15px no-repeat; padding-top:60px; min-height:35px;}
.main .content_box .box .tit {font-weight:bold;}

.main .banner_box {border-top:7px solid #f2a160; background-color:#FAE0C7; text-align:center;}
.main .banner_box a {color:#333;}
.main .banner_box .item {width:33%; display:inline-block; vertical-align:middle;}
.main .banner_box .faq .box {background:url("/img/main/bul_custom_01.png") 20px center no-repeat;}
.main .banner_box .sc .box {background:url("/img/main/bul_custom_02.png") 20px center no-repeat;}
.main .banner_box .vc .box {background:url("/img/main/bul_custom_03.png") 20px center no-repeat;}
.main .banner_box .box {padding:20px 0 20px 70px; min-height:40px; text-align:left; display:block;}
.main .banner_box .box .tit {font-size:15px; display:block; font-weight:bold;}
.main .banner_box .box .txt {color:#444}

.main .portlet_box {}
.main .portlet_box .area {margin:0 auto; padding:15px 0;}
.main .portlet_box .area:after {content:"";display:block;height:0;clear:both;visibility:hidden}

.main .portlet_box .item.col2 {width:480px;}
.main .portlet_box .item.col2 .box {padding-left:5%; width:90%;}
.main .portlet_box .item {overflow:hidden; position:relative; width:237px; margin:4px; display:inline-block; border:1px solid #d6d6d6; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.main .portlet_box .item:before {line-height:145px; vertical-align:middle; content:""; width:0;}
.main .portlet_box .item .box {display:inline-block; vertical-align:middle; padding:10px 10px 10px 20px; }
.main .portlet_box .box .tit {font-size:14px; display:block; font-weight:bold;}
.main .portlet_box .box .txt {margin-top:15px;}
.main .portlet_box .box .link {display:inline-block; color:#777; text-decoration:underline; font-size:11px; position:absolute; right:10px; bottom:5px;}

.main .portlet_box .item.gray 	{border-color:#d6d6d6;background-color:#d6d6d6;}
.main .portlet_box .item.red 		{border-color:#ffb4ad; background-color:#ffb4ad;}
.main .portlet_box .item.color1.nobg {border-color:#9DC8F0;}
.main .portlet_box .item.color1 	{border-color:#C8E0F7; background-color:#C8E0F7;}
.main .portlet_box .item.color2 	{border-color:#A4E3EC;background-color:#A4E3EC;}
.main .portlet_box .item.color3.nobg {border-color:#DBCD8D;}
.main .portlet_box .item.color3 	{border-color:#e8e1c3;background-color:#e8e1c3;}
.main .portlet_box .item.nobg 	{background-color:#fff !important}










/* mobile phone : width:1000px 이하 */
@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;}
	.main #header .top {height:auto;}
	.main #gnb {position:absolute; right:0; top:0;width:42px; height:40px;}
	.main #gnb ul li {display:none;}
	.main #gnb ul li.last {width:42px; height:40px; display:block;}
	.main #gnb .last a {position:relative; left:0px; top:0px;}
	.main #header .login_info {display:none;}
	.main .logo img {margin-left:0 !important; height:18px;}
	.main #logo img {height:23px;}
	.main #header .top .logo {left:0; top:7px;}
	.main #header .top, .main .header .top, .main #gnb ul, .gnb ul {width:auto;}


	.main #visual_img .sw_case {background-size:cover;}
	.main .main_visual, .main .visual_img {height:auto;}

	.main .visual_img {height:450px;}

	.main .visual_img .sw_case .box_case1 > span, 
	.main .visual_img .sw_case .box_case1 > strong {height:28px; line-height:28px;}
	.main .visual_img .sw_case .box_case1 {margin:60px 20px 0 20px; width:auto; font-size:24px;}
	.main .visual_img .sw_case .btn_case1 {margin:20px 20px; width:auto;}


	.main .main_portlet {width:auto; /*width:280px;*/}
	.main .main_portlet .pCont {margin-left:0; width:auto; /*text-align:center;*/}
	.main .main_portlet .pCont > div {padding-left:0; float:none;}
	.main .main_portlet .pCont .w2wframe {margin:0 1% 10px 1%; min-width:280px; width:48%;}
	.main .main_portlet .w2wframe, .main .main_portlet .item {width:250px; vertical-align:top; display:inline-block; float:none;}
	.main .main_portlet .item {float:none; display:inline-block; width:100%;}
	.main .main_portlet .item, .main .main_portlet .bb .item {min-width:250px; width:100%;}
	.main .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;}
	
	/* MAIN POTLET 인도네시아 특화 */
	.main .main_portlet .newPotlet_01 {margin:1%;}
	.main .main_portlet .newPotlet_01 .item {width:100%;}
	.main .main_portlet .newPotlet_01 .pCont .rePotlet_1  {margin: 0 1% 10px 1%;  min-width: 280px;  width: 48%;  display: inline-block;  vertical-align: top;}
				
	/* SSL */
	.main .cus_ssl {}
	.main .cus_ssl .ssl {margin:0;}

	/* WiFi*/
	.main .visualBnnlWarp {top:240px; width:auto !important; right:20px}
	.main .visualBnn	{position:relative; width:auto;}
			

	.main .login_box, .main .news_box, .main .service_box {width:33%; height:190px; float:left;}


	/* ------------------- 경량화 시작 ------------------- */

	.main .visual_box {border-width:1px; border-top:1px solid #b6b6b6; }
	.main .area.sizeFix {width:auto; }
	.main .portlet_box .area {padding:15px; overflow:auto;}	
	.main .portlet_box .item {width:32%; margin:0.5%;}
	.main .portlet_box .item.col2 {float:left; width:65%;}
	.main .portlet_box .item.col2 .box {padding-left:2.5%; width:95%;}

	
	
}


@media all and (max-width:767px){
	/*ID 특화 */
	.main .main_visual .content_box { position: relative; height:auto; background:#294e94}
	.main .main_visual .content_box > .area {margin-top:0;}	
		
	.main #header {padding-left:5%;}

	.main .visual_img {height:257px;}

	/* WiFi*/
	.main .visualBnnlWarp {top:220px; width:100%  !important; right:0}
	.main .visualBnn {text-align:center;}
	.main .visualBnn_a {font-size:12px; padding: 0 15px 0 50px; line-height: 30px; height:30px; background-position:10px top; text-decoration:none  !important;}	

	/* ------------------- 경량화 시작 ------------------- */

	.main .visual_box .area {padding:20px;}
	.main .visual_box .area:before {line-height:150px;}
	.main .visual_box .title {font-size:24px;}
	.main .visual_box .subtitle {font-size:16px;}
	
	.main .content_box .area:before {display:none;}
	.main .content_box .area .item.login {width:auto; display:block; padding:0 20px; margin-bottom:5px;}
	.main .content_box .area .item {width:47%; margin:1%;}
	.main .content_box .area .btnLogin {max-width:350px; width:100%; line-height:30px; font-size:18px; padding:10px 0; }
	.main .content_box .area .item.news {border-right:1px dashed #7b90b9; }
	.main .content_box .area .item.news .box {background-size:20px auto; -webkit-background-size:20px auto;}
	.main .content_box .area .item.time .box {background-size:25px auto; -webkit-background-size:25px auto;}
	.main .content_box .area .item.news .box,
	.main .content_box .area .item.time .box {padding-top:30px; background-position:center top;  min-height:inherit;}
	.main .content_box .area .txt,
	.main .banner_box .area .txt {font-size:12px; line-height:normal;}
	.main .banner_box .box {padding-top:5px; padding-bottom:5px; margin-bottom:5px;}
	.main .banner_box .item {display:block; width:auto; border-bottom:1px solid #E8D1BE; padding-top:5px;}
	.main .banner_box .item:last-child {border-bottom:none; padding-bottom:1px;}

	.main .portlet_box .item:before {display:none;}
	.main .portlet_box .item,
	.main .portlet_box .item.col2 {float:none; width:100%; margin:0 0 10px 0;}
	.main .portlet_box .item.col2 .box {padding-left:20px; padding-right:20px; width:auto;}
	.main .portlet_box .item .box,
	.main .portlet_box .box .txt {display:block;}
	.main .portlet_box .box .txt {font-size:12px; margin-top:5px;}
	.main .portlet_box .box .link {position:inherit; bottom:inherit; margin-top:5px; font-size:12px; color:#333;}
	.main .portlet_box .box .link:after {content:">>"; display:inline-block; padding-left:5px; color: #888; font-size: 10px;}
	.main .portlet_box .item.red 		.tit {color:#B20B0B;}
	.main .portlet_box .item.color1 	.tit {color:#1B4C84;}
	.main .portlet_box .item.color2 	.tit {color:#154F4D;}
	.main .portlet_box .item.color3 	.tit {color:#573A0D;}
	
	/* SSL */
	.main .cus_ssl .ssl {margin:0 auto; width: 250px; float:right;}



}

@media all and (max-width:650px){
	.main .main_content .mCont {margin:0 5%;}
	.main .main_content .mCont .branch_box,
	.main .main_content .mCont .custom_box {margin:0;}
	.main .main_portlet {margin:30px 5%; padding-left:0; width:auto; /*width:280px;*/}
	.main .main_portlet .pCont {/*text-align:center;*/}
	.main .main_portlet .pCont .w2wframe {margin:0 0px 10px 0px; min-width:250px; width:100%;}
	.main .main_portlet .w2wframe, .main .main_portlet .item {width:250px; vertical-align:top; display:inline-block; float:none;}
	.main .main_portlet .item {float:none; display:inline-block; width:100%;}
	.main .main_portlet .item, .main_portlet .bb .item {min-width:250px; width:100%;}
	.main .main_portlet .item .bg {width:210px; width:100%;}

	/* MAIN POTLET 인도네시아 특화 */
	.main .main_portlet .newPotlet_01 {margin:0;}
	.main .main_portlet .newPotlet_01 .pCont {padding:0; border:none;}
	.main .main_portlet .newPotlet_01 .pCont .rePotlet_1  { margin: 0 0px 10px 0px; min-width: 250px; width: 100%;}
	.main .main_portlet .newPotlet_01 > .title {display:none;}
			
	.main .visual_img .sw_case .box_case1 {margin-top:30px; height:150px;}
	.main .visual_img .sw_case .box_case1 > span, .main .visual_img .sw_case .box_case1 > strong {height:auto;}
	.main .visual_img .sw_case .btn_case1 {margin:0; text-align:center;}



}

@media all and (max-width:500px){
	.main .main_portlet .item.exc .w2tb_td { padding: 5px 4px 5px 10px;}
	.main .main_portlet .item.exc .txt_box p {font-size: 11px; line-height: 12px;}
	/* SSL */
	.main .cus_ssl .ssl {float:center;}	
}