﻿@charset "utf-8";
/* CSS Document */
.main { width: 1170px; margin: 0 auto;}


/*color_box*/
/* .main .color_box { width:234px; } */
.main .color_box { width:292px; }
.main .color_box a{ color:#fff;}
.main .color_box h4{ font-size:18px; color:#fff; margin-left:30px}
.main .color_box ul{ padding:30px 25px; line-height:21px; height:80px;}
.main .color_box ul li{ color:#fff; font-size:13px;}
.main .color_box p{display:inline-block; padding-top:15px; padding-bottom:15px; width:100%; text-align:center; font-size:13px;}

.main .color_box.join{ background:#5591ea; padding-top:25px;}
.main .color_box.join h4{ background:url('/resources/images/main_icon_join.png') 0px top no-repeat; padding-left:60px; padding-top:20px; height:30px; }
.main .color_box.join p{  background:#437acd; }

.main .color_box.remittances{ background:#54c272; padding-top:30px;}
.main .color_box.remittances h4{ background:url('/resources/images/main_icon_remittances.png') 0px top no-repeat; padding-left:60px; padding-top:10px; height:30px; margin-bottom:5px;  }
.main .color_box.remittances p{background:#439b5b;}

.main .color_box.remittance_check{ background:#60a8e0; padding-top:25px;}
.main .color_box.remittance_check h4{ background:url('/resources/images/main_icon_remittance_check.png') 0px top no-repeat; padding-left:50px; padding-top:15px; height:35px; margin-left:22px;  }
.main .color_box.remittance_check p{ background:#4e89b7; }

.main .color_box.mypage{ background:#36afb7; padding-top:25px;}
.main .color_box.mypage h4{ background:url('/resources/images/main_icon_mypage.png') 0px top no-repeat; padding-left:58px; padding-top:15px; height:30px; margin-bottom:5px; margin-left:22px; }
.main .color_box.mypage p{ background:#438c91;}

.main .color_box.nonmember{ background:#f9ac3e; padding-top:35px;}
.main .color_box.nonmember h4{ background:url('/resources/images/main_icon_nonmember.png') 0px top no-repeat; padding-left:60px; padding-top:5px; height:25px; margin-bottom:10px;  }
.main .color_box.nonmember p{ background:#fd8301; }


/*송금시뮬*/
.main .simulator { width:458px; border:1px solid #ebebeb;}
.main .simulator .title{ height:50px; border-bottom:1px solid #ebebeb; }
.main .simulator .title h4{ font-size:16px; font-weight:600; color:#464646;  padding-left:30px; padding-top:17px;}
.main .simulator .info{ padding:20px 30px;}
.main .simulator .data{ }
.main .simulator .data dl{ border:none; padding-bottom: 10px; clear:both; display:block; height:30px;}
.main .simulator .data dl dt{ float:left; font-size:13px; color:#666666; padding-top:7px;}
.main .simulator .data dl dd{float:right; }

.main .simulator .total { font-size:16px; color:#303030; border-top:1px solid #d6d6d6; line-height:26px;}


/*main_box*/
.main .main_box{border:1px solid #ebebeb; width:214px; height:294px; margin-left:20px;}
.main .main_box .title{ height:50px; border-bottom:1px solid #ebebeb; }
.main .main_box .title h4{ font-size:16px; font-weight:600; color:#464646; text-align:center; padding-top:17px;}
.main .main_box .moneygram{ text-align:center; padding-top:40px; margin-top:25px; }
.main .main_box .moneygram.logo{ background:url('/resources/images/main_iogo_moneygram.png') top center no-repeat; }
.main .main_box .moneygram a{ color:#4383e3; font-size:16px; line-height:30px; border-bottom:1px solid #4383e3;}

.main .main_box .service_center{ background:url('/resources/images/main_icon_service_center.png') top center no-repeat; text-align:center; padding-top:60px; margin-top:23px; }
.main .main_box .service_center p.font_orange{ font-size:18px; color:#ff7e00; }
.main .main_box .service_center dl{ font-size:13px; color:#303030; line-height:21px; margin-top:20px;}


.main .main_box .map{ background:url('/resources/images/main_icon_map.png')top center no-repeat; text-align:center; padding-top:70px; margin-top:30px;}
.main .main_box .map p.font_skyblue{ font-size:18px; text-align:center; margin-bottom:18px; margin-left:0px;}
.main .main_box .map p.font_skyblue a{ color:#4383e3; border-bottom:1px solid #4383e3; }
.main .main_box .map p{ color:#303030; font-size:13px; text-align:left; line-height:21px; margin-left:20px;}


/*환율정보*/
.main .exchange{ }
.main .exchange .title{ height:50px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.main .exchange .title h4{ font-size:16px; font-weight:600; color:#464646; float:left; border-top:2px solid #eaa849;  width:436px; padding-left:30px; padding-top:15px;}
.main .exchange .title .day{ font-size:13px; color:#303030; float:right; width:195px; border-top:2px solid #333366; padding-top:20px; text-align:right; padding-right:30px;}
.main .exchange .border_box{ padding:20px 30px; height:48px; width: 631px;}
.main .exchange .border_box .f_left{ width:45%;}
.main .exchange .border_box .f_right{ width:50%; border-left:1px solid #ebebeb; box-sizing: border-box;}
.main .exchange .border_box dl{ width:100%; font-size:13px; color:#303030; line-height:24px;}
.main .exchange .border_box dl dt{ float:left; width:30%;}
.main .exchange .border_box dl dd{ float:left; width:33%; text-align: right;}
.main .exchange .border_box dl dd.font_orange{ color:#ff7e00 !important; }


/*공지사항*/
.main .notice{ width:448px;}
.main .notice .title{ height:50px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.main .notice .title h4{ font-size:16px; font-weight:600; color:#464646; float:left; border-top:2px solid #eaa849;  width:315px; padding-left:30px; padding-top:15px;}
.main .notice .title .more{ font-family: Arial, sans-serif; font-size:24px; color:#898989; float:right; width:70px; border-top:2px solid #333366; padding-top:20px; text-align:right; padding-right:30px;}
.main .notice .more a{color:#898989; display:inline-block;}
.main .notice ul.dot_g {width:386px;  padding:20px 30px;}
.main .notice ul.dot_g li{ background:url('/resources/images/dot_grey_info_list.png') 0px 9px no-repeat; padding-left:10px; color:#414141;  font-size:13px; line-height:24px; }
.main .notice ul.dot_g li span{ float:right;}
.main .notice ul.dot_g li a{color:#303030;}


/*main_slide_banner*/
#index_slide { background:url('/resources/images/main_big_banner_bg.png');}
.main_slide_banner_container { position:relative; width:1170px; height:230px; overflow:hidden; margin:0 auto;}
.main_slide_banner_container .main_slide li { line-height:0; height:230px; }
.main_slide_banner_container .main_slide li img { max-width:1170px; height:auto; }

.main_slide_banner_container .bx-wrapper { position: relative;	margin: 0 auto; padding: 0;	 }
.main_slide_banner_container .bx-wrapper img { max-width: 100%; width: 100%; display: block; }
.main_slide_banner_container .bx-wrapper .bx-viewport { 	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0); }
		
.main_slide_banner_container .bx-controls { height:0; }
.main_slide_banner_container .bx-pager { position:absolute; bottom:20px; right:20px; z-index:10; height:11px; }
.main_slide_banner_container .bx-pager .bx-pager-item { display:block; float:left; width:45px; height:4px; margin:0 6px; }
.main_slide_banner_container .bx-controls-auto{ position:absolute; bottom:20px; right:200px; z-index:10; height:17px; }
.main_slide_banner_container .bx-controls-auto>div{ display:inline-block; margin:0 3px;}
.main_slide_banner_container .bx-controls-auto>div>a{ width:17px; height:17px; display:inline-block; text-indent:-9999px;}
.main_slide_banner_container .bx-controls-direction { height:0;  display: none;}

/* bx-wrapper */
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#198a36; text-indent:-9999px; display:block;	width:45px; height:4px; margin:3px 3px; outline:0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align:center; display: none;}
.bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px; width:17px; height:17px; outline:0; background: url('/resources/images/controls_playstop.png') -22px -18px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -22px 0px;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px ;width:17px; height:17px; outline:0; background: url('/resources/images/controls_playstop.png') 0px -18px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: 0px 0px;}


/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 20px;	background: url('/resources/images/controls_arrow.png') no-repeat 0 -60px;}
.bx-wrapper .bx-next {right: 20px;	background: url('/resources/images/controls_arrow.png') no-repeat -36px -60px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -36px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 43%; margin-top: -16px; right:20px; width: 32px; height: 60px; text-indent: -9999px; z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}

/*170322추가*/
.formDown{ padding-top:100px; text-align: center; font-size:14px; line-height:25px; background:url('/resources/images/main_icon_down.png') no-repeat center 35px; }
.formDown dd{ text-decoration: underline; }
.formDown a{ color:#4383e3; }
.service_center .ornBox{ margin:7px  20px; padding:6px 0; font-size: 13px; line-height: 18px; color:#fff; background:#df954c; }
.service_center .sc_email{ font-size: 12px; line-height: 16px; }

