/* 국가 이원화 처리  - HIDDEN */
.cc_511.main .banner_box, 	/* 캐나다  */
.cc_511.main .portlet_box, /* 캐나다  */
.cc_511.main .vCont .view_cc500,  /* 캐나다  -  faq hidden */
.cc_511.main .custom_box .view_cc500,  /* 캐나다  -  이용시간 hidden */
.cc_500.main .main_portlet.cc_511,  /* 뉴욕  */
.cc_500.main .vCont .view_cc511,  /* 뉴욕 - card hidden */
.cc_500.main .custom_box .view_cc511,  /* 뉴욕 - 카드등록  hidden */
.cc_500.main #main_content,  /* 뉴욕  Branch 정보*/
.cc_521.main .main_portlet.cc_511,  /* 멕시코  */
.cc_511.main .banner_box, 	/* 캐나다  */
.cc_511.main .portlet_box,	/* 캐나다  */
.noca.main .main_portlet.cc_511 {display:none !important;} /* MX, 뉴욕  */

/* 포틀릿 특화 */
.main .portlet_box .item.cc {display:none;}
.main.cc_521 .portlet_box .item.cc.cc_521 {display:inline-block;}


.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 .area {margin:0 auto; padding:15px 0;}
.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; min-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:767px 이하 */
@media all and (max-width:1000px){
	#wrapper.main {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, .main .gnb ul {width:auto;}
	
	.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){
	.main #header {padding-left:5%;}
	
	.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;}

}



.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:40px auto 0; width:980px;}
.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:30px; width:230px; color:#fff;}
.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%; /*width:132px;*/}
.login_box .area .fm .btn_keypad {position:absolute; right:0; 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 .ipb:first-child {margin-bottom:5px;}
.login_box .area .ipb .ipt {margin:5px 0 0; width:100%; /*margin:5px 16px 0; width:192px; */height:16px; border:0;}
.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;}
.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:6px 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, .rate_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, .rate_box {width:324px;}
.news_box .area, .service_box .area {margin-top:43px; padding:0 20px;}
.cc_511.main .news_box .area,
.cc_511.main .service_box .area {margin-top:14px;}
.rate_box .area {margin-top: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 {display:none;}
.cc_511.main .news_box span,
.cc_511.main .service_box span {margin-bottom:13px; height:42px; display:block; overflow:hidden;}
.news_box a, .service_box a {padding-right:12px; font-size:12px; color:#fff; background:url("/img/main/bul_arrow.png") right center no-repeat; display:inline-block;}

/* Service Hours:US,MX       rate info: CA 이원화처리 */
   .rate_box {display:none;}
/* 2020-04 Layout 변경 요청 
 .ca.wrapper.main .service_box {display:none;}
.ca.wrapper.main .rate_box {display:block;}
*/
.rate_box .area .title {font-size:16px; font-weight:bold; display:block;}
.rate_box .area .date {font-size:11px; color:#8d8d8d; text-align:right; float:right; margin-right:10px;}
.rate_box .area .item {background-color:#000; border:1px solid #43474b; border-top-width:0; padding:3px 10px 2px 10px;  overflow:auto; box-sizing:border-box;}
.rate_box .area .item:after {clear:both;content:"";display:block;height:0;visibility:hidden;}
.rate_box .area .item1 {border-top-width:1px;}
.rate_box .item1 {color:#d15948}
.rate_box .item2 {color:#e07c3b}
.rate_box .item3 {color:#3b9fe0}
.rate_box .item > span {height:auto; line-height:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}		
.rate_box .item .tit {font-weight:bold; width:100%}
.rate_box .item .txt {float:left; color:#e0e0e0; margin-left:10px;}
.rate_box .item .num {float:right; margin-right:10px;}
/* 2020-04 Layout 변경 요청 
 .ca.wrapper .main_content{display:none;} */
.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; border-bottom:1px solid #d5d5d0;}
.main_content .mCont .branch_box .info:after {content:"";display:block;height:0;clear:both;visibility:hidden}
.main_content .mCont .branch_box .info li {padding:14px 0 14px 32px; width:45%; min-height:46px; max-height:76px; line-height:18px; border-bottom:1px solid #d5d5d0; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; 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%; background:url("/img/main/icon_info_04.png") 9px center no-repeat; border-bottom:0;}
.main_content .mCont .branch_box .info li.nn {background:url("/img/main/icon_info_05.png") 9px center no-repeat; border-bottom:0;}
.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.micon {background-position:20px center; background-repeat:no-repeat;}
.main_content .mCont .custom_box a.micon.card01 {background-image:url("/img/main/bul_card_01.png")}
.main_content .mCont .custom_box a.micon.card02 {background-image:url("/img/main/bul_card_02.png")}
.main_content .mCont .custom_box a.micon.card03 {background-image:url("/img/main/bul_card_03.png")}
.main_content .mCont .custom_box a.micon.card04 {background-image:url("/img/main/bul_card_04.png")}
.main_content .mCont .custom_box a.micon.card05 {background-image:url("/img/main/bul_card_05.png")}
.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 20px; 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 .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:32px Times New Roman, serif; font-style:italic;}
.main_portlet .noImg .item .bg .txt {font:15px 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:20px 20px; width:auto;}
/* 	.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, .rate_box {width:auto; float:none;}
	.login_box {height:auto;}
	.cc_511.main .news_box .area,
	.cc_511.main .service_box .area {margin-top:0;}
	.news_box .area, .service_box .area {margin-top:25px; padding:20px 20px 10px;}
	.login_box .area {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:40px;} /* 황선하 20160120 */
	.login_box .area .chk {display:none;}
	.login_box .area .btn_01.br {margin:8px 0 6px;} /* 황선하 20160120 */
	/* .login_box .area .cb {margin-top:10px;} */
	/*.news_box {background:#4a566d;}*/
	/*.service_box {background:#636e82;}*/
	.rate_box .item .txt { margin-left:0px;}
	.rate_box .item .num, .rate_box .item .date {margin-right:0px;}	
	.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; border-bottom:0;}
	.main_content .mCont .branch_box .info li {padding:10px 0 10px 32px; min-height:37px; max-height:9999px; width:100% !important; height:auto; line-height:16px; color:#373737; clear:left; border-bottom:1px solid #d5d5d0 !important;}
	.main_content .mCont .branch_box .info li.addr {white-space:normal;}
	.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,
	.main_content .mCont .custom_box a.micon {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 > div ,
	.main_portlet .pCont .w2wframe {margin:0 1% 10px 1%; min-width:280px; width:48%; display:inline-block;}

	.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;}
	
	.login_box, .news_box, .service_box, .rate_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;}
	
	.main_portlet .pCont.col3{width:auto;margin:0;display:flex;}
	.main_portlet .pCont.col3 > *{margin:0;padding-left:10px;width:100%;min-width:initial;}
	.main_portlet .pCont.col3 > *:first-child{padding-left:0;width:290px;flex:0 0 auto;}
	.main_portlet .pCont.col3 .item{width:100% !important;min-width:initial;}
	.main_portlet .pCont.col3 .bg{min-height:103px;}
}


@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%;}
	.news_box, .service_box, .rate_box {width:50%; height:185px;}
	.rate_box .area > .title {display:none;}
	.rate_box .item > span {line-height:14px;}
	.rate_box .area .item {background-color:#333; border-color:#646464;}
	.rate_box .item .txt {margin-left:15px;}
	.rate_box .item .num, 	.rate_box .item .date {margin-right:15px;}
.ko	.rate_box .item .txt {margin-left:25px;}
.ko	.rate_box .item .num, .ko	.rate_box .item .date {margin-right:25px;}
	.news_box {background:#4a566d;}
	.service_box {background:#636e82;}
	.login_box .area {padding:15px 0 15px;}
	
	.main_portlet .pCont.col3{width:auto;margin:0;flex-wrap:wrap;}
	.main_portlet .pCont.col3 > *{width:calc(50% - 5px);}
	.main_portlet .pCont.col3 > *:first-child{width:100%;}
	.main_portlet .pCont.col3 > *:nth-child(2){padding-left:0;}
	
}

@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 { padding-left:0; width:auto;}
	.main_portlet .pCont {/*text-align:center;*/}
	.main_portlet .pCont > div ,
	.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;}
	.rate_box .item .tit {font-size:12px;}
	.rate_box .item .txt, .rate_box .item .num {font-size:12px;letter-spacing:-0.02em;}
	.rate_box .item .txt {margin-left:0;}
	.rate_box .item .num, .rate_box .item .date {margin-right:0;}	
.ko	.rate_box .item .txt {margin-left:10px;}
.ko	.rate_box .item .num, .ko	.rate_box .item .date {margin-right:10px;}

}
 
@media all and (max-width:500px){
	.news_box .area, .service_box .area {margin-top:0;}
	.login_box, .news_box, .service_box, .rate_box {width:100%; height:auto; float:none;}
	.rate_box .area .item {max-width:320px; margin:0 auto 4px auto; background-color:#222; padding:7px 20px}
	.rate_box .area {padding-bottom:10px;}
	.rate_box .area > .title {margin-bottom:6px; display:block}
	.rate_box .item .tit, .rate_box .item .num {font-size:14px;}	
	.rate_box .item .txt, .rate_box .item .num {letter-spacing:0;}
	.rate_box .area .date {max-width:320px; margin:0 auto 4px auto;}
/* 	#footer .fLink2 ul li {white-space:nowrap; overflow:hidden;} */
	.main_portlet .pCont.col3 > *{width:100%;padding:0;}
	.main_portlet .pCont.col3 > .w2group .item{height:300px;} /* GIC 해외유학생 프로그램 메인화면 배너크기 변경 */
	.main_portlet .pCont.col3 .bg{min-height:initial;}
}