<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url("reset.css");

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{ font-family: Meiryo, "MS PGothic", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, Helvetica, Arial, Sans-serif;  }

/*공통 start*/
	
	.contents_wrap{ margin-top: 48px; }
	
	/*메뉴헤더_start*/
		section.nav_header{
			position: fixed;
			width: 100%;
			top: 0;
			z-index: 2;
			background-color: #ffffff;
			height: 48px;
			line-height: 48px;
			text-align: center;
			/*추가*/
			display: table;
		}
		section.nav_header &gt; h1{
			position: relative;
			width:50%;
			/*left: 25%;*/
			background-size: 110px;
			/*font-size: 1.2em;*/font-size: 1em;
			font-weight:normal;
			color:#303030;
			letter-spacing: -1px;
			/*추가*/
			left: 0%;
			line-height: 1.4em;
			display: table-cell;
			vertical-align: middle;
		}
		section.nav_header &gt; h1 img{ height:44px;}
		section.nav_header &gt; .menu_btn &gt; a{
			position: absolute;
			left: 15px;
			top: 15px;
			width: 20px;
			height: 17px;
			background: url('/resources/images/icon_menu.png');
			background-size: 20px;
		}
		section.nav_header &gt; .global_btn &gt; a{
			position: absolute;
			right: 45px;
			top: 15px;
			width: 20px;
			height: 20px;
			background: url('/resources/images/icon_global.png');
			background-size: 20px;
		}
		section.nav_header &gt; .home_btn &gt; a{
			position: absolute;
			right: 15px;
			top: 15px;
			width: 20px;
			height: 20px;
			background: url('/resources/images/icon_home.png');
			background-size: 20px;
		}
	/*메뉴헤더_end*/

	/*footer start*/
		section.footer{
			text-align: center;
			background-color: #f3f3f3;
		}
		section.footer ul li{
			float:left;
		}
		section.footer .menu{
			background-color: #7d7d7d;
			height:30px;
			line-height: 30px;
		}
		section.footer .menu ul li{
			font-weight:600;
			width:25%;
		}
		section.footer .menu ul li a{ 
			color:#fff;
		}
		section.footer .f_menu{
			padding:10px;
		}
		section.footer .f_menu p{
			line-height:1.6em;
			font-size:0.835em;
		}
		section.footer .f_menu p a{
			color:#222222;
			padding-right:5px;
		}
		section.footer .f_menu p a+a{
			border-left:1px solid #222222;
			padding-left:5px;
		}
		section.footer p{ 
			color:#848484; 
			font-size:0.7em;
		}
		section.footer p.number{  
			background:#474747;
			color:#fff;
			width:60%;
			margin:0 auto;
		}
	/*footer end*/

	/*메뉴 start*/
		.black_layger{
			position: fixed;
			z-index: 99;
			top: 0px;
			/*bottom: 0;*/
			/*left: 0;*/
			right: 10px;
			width: 100%;
			height: 100%;
			/*background: rgba(0,0,0,0.7);*/
			background:#fff url('/resources/images/m_menu_button_close.png') 98% 10px no-repeat;
			display: none;
		}

		.black_layger.on{
			display: block;
		}
		section.menu{
			position: fixed;	
			z-index: 999;
			width: 100%;
			height: 100%;
			top: 48px;
			left: -100%;
			background-color: #ffffff;
			border-top:2px solid #000000;
			overflow-y: auto;
			transition: 0.4s all;
		}
		section.menu.on {
		    z-index: 9999;
		    left: 0;
		}
		section.menu &gt; .nav &gt; ul &gt; li{ border-bottom: 1px solid #e6e6e6;	}

		section.menu &gt; .nav &gt; ul &gt; li.on{  }

		section.menu &gt; .nav &gt; ul &gt; li .depth02{ 
			display: none; 
			background-color: #f6f6f6;
			border-top: 1px solid #e6e6e6;
		}

		section.menu &gt; .nav &gt; .user_info{
			background: #198a36;
			background-size: 20px;
			height: 78px;
			color: #fff;
			padding-left: 15px;
			vertical-align: middle;
		}
		section.menu &gt; .nav &gt; .user_info span{
			background:url('/resources/images/m_menu_icon_user_info.png') left center no-repeat;
			background-size: 30px;
			display:inline-block;
			padding-left: 40px;
			line-height: 18px;
			font-size: 1.300em;
			font-weight:600;
			margin-top:12px;
			font-size: 0.8em;
		}
		section.menu &gt; .nav &gt; .user_info.logout span{
			background:url('/resources/images/m_menu_icon_user_login.png') left center no-repeat;
			background-size: 30px;
			line-height: 58px;
			margin-top:0px;
		}
		
		section.menu &gt; .nav &gt; .user_info span strong{
			font-size:1.2em;
		}
		section.menu &gt; .nav &gt; .user_info &gt; button{
			background-color: #198a36;
			color:#fff;
			border: 2px solid #ffffff;
			float: right;
			height: 30px;
			line-height: 30px;
			margin-top: 14px;
			margin-right: 10px;
			font-size: 1em;
			font-weight:600;
			border-radius: 4px;
			font-size: 0.8em;
		}
		section.menu &gt; .nav &gt; .user_info &gt; button.login_btn{
			width: 90px;
			background-color: #198a36;
			color:#fff;
			border: 2px solid #ffffff;
			float: right;
			height: 30px;
			line-height: 30px;
			margin-top: 14px;
			margin-right: 10px;
			font-size: 1em;
			font-weight:600;
			border-radius: 4px;
		}

		section.menu &gt; .nav &gt; ul &gt; li &gt; a{
			display: block;
			height:55px;
			line-height:55px;
			color: #303030;
			font-weight:600;
			font-size: 1em;
			padding-left:15px;
		}
		/*아이콘 start*/
			section.menu &gt; .nav &gt; ul &gt; li:nth-of-type(1) &gt; a &gt; span{/*홈*/
				background: url('/resources/images/m_menu_icon01.png') left center no-repeat;
				background-size: 20px;
				padding-left: 25px;
			}
			section.menu &gt; .nav &gt; ul &gt; li:nth-of-type(2) &gt; a &gt; span{/*마이페이지*/
				background: url('/resources/images/m_menu_icon02.png') left center no-repeat;
				background-size: 25px;
				padding-left: 25px;
				display:block;
			}
			section.menu &gt; .nav &gt; ul &gt; li:nth-of-type(3) &gt; a &gt; span{/*서비스안내*/
				background: url('/resources/images/m_menu_icon03.png') left center no-repeat;
				background-size: 22px;
				padding-left: 25px;
			}
			section.menu &gt; .nav &gt; ul &gt; li:nth-of-type(4) &gt; a &gt; span{/*고객센터*/
				background: url('/resources/images/m_menu_icon04.png') left center no-repeat;
				background-size: 20px;
				padding-left: 25px;
			}
		/*아이콘 end*/	
		section.menu &gt; .nav &gt; ul &gt; li &gt; ul{
				padding-left: 30px;
		}
		section.menu &gt; .nav &gt; ul &gt; li &gt; ul &gt; li{
			border-top: 1px solid rgba(255,255,255,0.15);
		}
		section.menu &gt; .nav &gt; ul &gt; li &gt; ul &gt; li &gt; a{
			display: block;
			color: #303030;
			font-size: 0.95em;
			padding: 11px 0 11px 10px;
		}
		section.menu &gt; .nav &gt; .nav_bottom{
			position: relative;
			display: inline-block;
			width: 155px;
			margin-top: 60px;
			left: 50%;
			margin-left: -80px;
		}
		section.menu &gt; .nav &gt; .nav_bottom &gt; ul &gt; li{
			width: 75px;	
			float: left;
			background-color: #2669ce;
			font-size: 0.750em;
			text-align: center;
		}
		section.menu &gt; .nav &gt; .nav_bottom &gt; ul &gt; li &gt; a{
			display: block;
			padding: 8px 0;
			color: #fff;
		}
		.contents_title &gt; a.setup_icon2{
			text-indent: -999999px;
			background: url('/resources/images/setup_icon_gray.png') center center no-repeat;
			width: 13px;
			height: 13px;
			background-size: 13px;
			display: inline-block;
			padding: 10px;
			float: right;
			vertical-align: middle;
			margin-top: 3px;
		}
		@media all and (orientation:landscape){
			section.menu &gt; .nav_bottom{
				height: 55px;
			}
		}
	/*메뉴 end*/




/*컨텐츠 start*/
section.contents{ position: relative; z-index: 0; padding: 14px 10px; display: block; overflow: hidden; }
section.contents p { font-size:0.80em; line-height:1.4em;  }
section.contents p span.imp{ color:#2c5396; font-weight:600;}
section.contents .contents_box{ display: inline-block; width: 100%; box-sizing: border-box; /* background-color: #fff; */  padding: 10px 10px 17px 10px; /* border-top: 1px solid #414141; */ border-bottom: 1px solid #999999; }
section.contents .dot_arrow{ }
section.contents .dot_arrow ul{ font-size:0.735em; line-height:1.2em; color:#414141;}
section.contents .dot_arrow ul li{ background:url('/resources/images/dot_arrow_list.png') 0px 2px no-repeat; padding-left:10px; }

.contents_box h4.text_c{ font-weight:normal;}
.contents_box table th{font-weight:normal; padding-left:10px;}
.contents_box table th,
.contents_box table td{ border-bottom:1px solid #e6e6e6; padding:2px; font-size:0.85em; letter-spacing: -1px;}
.contents_box table td p{ font-size: 0.95em; letter-spacing: -1px; color:#7c7c7c;}
.contents_box table.text-only th,
.contents_box table td a.text-d{ color:#198a36; border-bottom:1px solid #198a36; }
.contents_box table.text-only td{ padding:14px;  }

.contents_box table th.pb0,
.contents_box table td.pb0{ border-bottom:none;}

.contents_box table.border-l td span.border-l{ border-left:1px solid #848484; display: inline-block; width: 100%;}
.contents_box table td span.btn_blue{ background:#198a36; border-radius:3px; color:#fff; padding:3px 3px;}
.contents_box table td span.btn_blue.white{ background:#fff; border:2px solid #198a36; color:#198a36; padding:1px 0;width: 65px; display: inline-block;} 
.contents_box table td span.btn_blue.orange{ background:#fff; border:2px solid #e74115; color:#e74115; padding:1px 0;width: 65px; display: inline-block;} 
.contents_box table td span.btn_blue.black{ background:#fff; border:2px solid #303030; color:#303030; padding:1px 0;width: 65px; display: inline-block;} 
.contents_box table td span.day{ color:#7c7c7c;}
.contents_box table td span.imp{ color:#e74115;}
.contents_box table td span.imp strong{ font-size:1.4em;}
.contents_box table td span.gray_color{color:#7c7c7c; font-size: 0.8em;}

section.contents .terme .box{ border:1px solid #dfe0df; border-radius:3px; height:200px; box-sizing: border-box; overflow-y: scroll; padding: 20px; }
.terme .box p{ font-size:0.8em; color:#7c7c7c; line-height:1.4em; margin-bottom:20px;}
.terme .box p b{ display: block;}

.border-t{ border-top:1px solid #e6e6e6;}

section.contents .join_f{ background:url('/resources/images/icon_join.png') top center no-repeat; background-size:60px;  padding-top:70px;}
section.contents .join_f p { font-size:0.85em;}
section.contents .join_f p strong{ font-size:1em; }

section.contents .guide_list{ padding:15px 10px; border-bottom:1px solid #e6e6e6; overflow: hidden; display: table; width:100%; }
section.contents .guide_list p {line-height:1.6em; }
section.contents .guide_list button { background:#198a36;color:#fff;height:20px;line-height:normal;padding:0 10px;margin-left:5px;border:none;}
section.contents .guide_list ul {}
section.contents .guide_list ul li{font-size:12px;padding-left:10px; position:relative;margin-top:5px;}
section.contents .guide_list ul li:first-child { margin-top:0;}
section.contents .guide_list ul li:before { content:'-';position:absolute;left:0;top:0;}

section.contents .guide_list table { border-top:2px solid #aaa !important;text-align:center;}
section.contents .guide_list table th,
section.contents .guide_list table td { border:1px solid #ddd;border-top:none;font-size:12px;}
section.contents .guide_list table th { background:#e5e5e5;border-color:#bbb;}
section.contents .guide_list table td { background:#fff;letter-spacing:normal;}
section.contents .guide_list table td a { color:#e74115;}

/* section.contents .guide_list p { font-size:0.85em; line-height:1.4em; display: table-cell; width: 75%; vertical-align: middle; } */
section.contents .guide_list &gt; div{ display: table-cell; width: 25%; vertical-align: middle; } 
section.contents .guide_list a.btn_gray{ background:#a9a9a9; border-radius:3px; font-weight:600; color:#fff; padding:7px 6px; font-size:0.8em; }

section.contents .cs_info .box{ color:#198a36; border:2px solid #198a36; padding:5px; margin:0 auto;}
section.contents .cs_info .f_left{ border-right:1px solid #dddddd;}

section.contents .contents_box .bottom-line{ border-bottom:1px solid #e6e6e6; padding:10px;}
section.contents .contents_box .bottom-line fieldset.switch{ border:1px solid #dfe0df; border-radius:3px;}
/*컨텐츠 end*/


/**/
.tc-base { }
.tc-tabview{	padding:0px; _zoom:1; display:block; clear:both; height:39px; background: #c5cdd1; }

/*슬라이드tab start*/
.tc-tab-cont{display:table; width:100%; height:39px; text-align:center; margin:0; padding: 0px;}
.tc-tab{display:table-cell; vertical-align:top; *float:left; padding:0px; height:39px; padding: 0px;}
.tc-tab-cont li + li { border-left:1px solid #fff;}
.tc-tab-cont li + li.tc-selected { border-left:none;}

.tc-tab a{display:block; position:relative; height:39px; padding:0 .4em; border-top:3px solid #c5cdd1; background:#c5cdd1; line-height:16px; color:#fff; font-weight:600; padding: 0px 10px; } 
.tc-tab.tc-selected a{height:39px; border-top:3px solid #198a36; border-bottom:1px solid #c5cdd1; background:#fff; color:#303030;}

/* pannel */
.tc-panel-cont{clear:both; display:block; float: none;}
.tc-panel {display:none; padding:10px; height:100%; background:#f3f3f3;}

/*prev와 next*/
.tabPg{display:block ;overflow:hidden; position:absolute; top:0; width:26px; height:40px; }
.tc-prev{ left:0; background:url('/resources/images/ico_arrow_lr.png') 0px no-repeat;  background-size:50px;}
.tc-next{ right:0; background:url('/resources/images/ico_arrow_lr.png') right center no-repeat; background-size:50px; }
.tabIco{ display:block; overflow:hidden; width:26px; height:40px; margin: 0; padding:0; text-indent:-999px; }
.tc-next .tabIco{background-position:-8px 0}

/*@code title="CSS"*/
.tc-base {	}
.tc-tabview{ }

/*tab*/
.tc-tab-cont{}
.tc-tab{ white-space: pre; }
.tc-tab .tc-selected {}

/* pannel */
.tc-panel-cont { }
.tc-panel {}

/*prev와 next*/
.tc-prev{}
.tc-next{}
/*code@*/
/*슬라이드tab end*/

/*popup start*/
#mask_layer { position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0px; background:url('/resources/images/bg_popup_layer.png'); display: table;  }
.pop_wrap { position: relative; overflow-y: auto;  display: table-cell; vertical-align:middle;text-align:center;}
.pop_wrap.fixed { position: fixed; width: 100%; height: 100%; z-index: 9999; display: table; top: 0; left: 0; display: none; }
.pop_wrap .pop_container { display:inline-block;}

.pop_wrap{ position: fixed; width: 90%; height: 100%; z-index: 9999; top: 0; left: 5%; display: table;  }
.pop_wrap .pop_container { display: table-cell; text-align: center; vertical-align: middle; }
.pop_wrap .pop_container .pop_content_wrap { position: relative; display: inline-block; background: #fff; border-radius:5px; max-height: 400px; overflow-y: auto;}
.pop_wrap.bg_skyblue .pop_content_wrap .pop_content { background:#bbf9ff;}
.pop_wrap.bg_skyblue .pop_content_wrap{ background:#bbf9ff;}
.pop_wrap .pop_container .pop_content_wrap .pop_content {  margin: 0; box-sizing: border-box;  overflow:hidden;}
.pop_wrap .op_content{ background:#fff; padding:40px; width:690px; }
.pop_wrap .pop_title h4{ color:#303030; font-size:1em; font-weight:600; text-align:center; border-bottom:1px solid #414141; padding-bottom:10px; /*overflow: scroll;*/}
.pop_wrap .pop_container .pop_content_wrap .btn_del_list{ position: absolute;  top: 10px; right:10px; cursor: pointer; width:20px; height:20px;  
background:url('/resources/images/btn_popup_close.png') no-repeat; background-size:20px; text-indent:-9999px; display:inline-block;}

.pop_content .acc{ border-bottom:1px solid #e6e6e6; display: inline-block;}
.pop_content .acc .country p.Ph{ margin:0 auto; background:#e74115; color:#fff; font-weight:600; width:51px; font-size:1em; padding:16px 4px; border-radius:50%; background:#764287; }
.pop_content .acc .country p.Ph.KR{ background:#198ce4; }
.pop_content .acc .country p.Ph.CH{ background:#be2a26; }
.pop_content .acc .country p.Ph.US{ background:#29444e; }

.pop_content .acc a{ color:#414141; display: inline-block;}

.pop_content .acc dl{ padding-left: 6px; padding-top:5px;}
.pop_content .acc dl dt{ text-align:left; font-weight:600; margin-bottom:5px;}
.pop_content .acc dl dd{ float:left; font-size:0.8em; border-left:1px solid #848484; padding-left:5px; padding-right:5px; letter-spacing: -1px;}
.pop_content .acc dl dt + dd{ border-left:none; padding-left:0px }

.pop_content .info.pw{ background:url('/resources/images/icon_nonmember_password.png')top center no-repeat; background-size:100px; }
.pop_content .info.pw p { padding-top:90px; font-size:0.85em;}
.pop_content .info.pw p strong{ color:#5db876;}
.pop_content_wrap .nonmember-pw{ border-top:1px solid #e6e6e6; padding-top:10px;}
.pop_content_wrap .nonmember-pw p{ font-size:0.75em; line-height:1.4em;}
/*popup end*/


/*추가*/
.boardList01 td a{ display: block; color:#333; background:url('/resources/images/img01/morebtn_01.png') no-repeat right center; background-size:11px;  }
.boardList01 td a span.title{ display: block; margin-bottom: 10px; }
.boardList01 td a span.title.imp{ color:#5db876; font-weight: bold; }
.boardList01 td a span.title.imp span{ margin-right: 5px; color:#fff; background:#5db876; padding:3px 7px; border-radius: 2px; }

.boardList01 td a span.list_info{color:#7c7c7c; }
.boardList01 td a span.list_info span{ margin:0 10px; }

.listNum { text-align: center; vertical-align: middle; overflow: hidden; }
.listNum div { margin:0 auto; display: table;  overflow: hidden; /*display: inline-block;*/}
.listNum div &gt; a {display:table-cell;/* float: left;*/ padding:0 10px; vertical-align: middle; font-size: 0;}
.listNum div &gt; a img{ width: 8px; height: 15px; vertical-align: middle;}

.listNum ul { display:table-cell; /* float: left;*/ vertical-align: middle; font-size: 0.85em;}
.listNum ul li{ margin:0 2px; float:left; }
.listNum ul li a{ display: inline-block; color: #fff; background:#a9a9a9; padding:6px 11px; border-radius:3px; }
.listNum ul li a.on{ background:#198a36; }

.boardView01 td a span.title.imp{ color:#2b548e; font-weight: bold; }
.boardView01 td a span.title.imp span{ margin-right: 5px; color:#fff; background:#5db876; padding:3px 7px; border-radius: 2px; }
.boardView01 td a span.list_info{ margin-top:5px; display: block; text-align: right; color:#7c7c7c; letter-spacing: 0; }
.boardView01 td a span.list_info span{ margin:0 10px; }

.boardView01 .addImg{ width: 100%; }

#tabs_service td .backColorR{ background-color:#ffe4e9 !important; }

td.genderW a{ display: inline-block; float:left; width:49%; border-radius: 0 4px 4px 0; background:#ffe4e9; height: 40px; line-height: 40px; text-align: center; border:1px solid #dfdfdf; border-left:0;}
td.genderW a:first-child{ border-radius: 4px 0 0 4px; border-left: 1px solid #dfdfdf; border-right:0;}
td.genderW a.on{ background:#198a36; color: #fff; font-weight: bold;}

#tabs_service .bankInfo01 td{padding:10px 0;}
#tabs_service .bankInfo01 .conInfo{ float:left; }
#tabs_service .bankInfo01 .counRound{ margin-right:5px; display: inline-block; color:#fff; border-radius: 50%; width: 40px; height: 40px; text-align: center; vertical-align: middle; font-size: 0.95em; line-height: 40px; background:#764287; }
#tabs_service .bankInfo01 .counRound.PH{ background:#e74115;}
#tabs_service .bankInfo01 .counRound.KR{ background:#198ce4;}
#tabs_service .bankInfo01 .counRound.CH{background:#be2a26;}
#tabs_service .bankInfo01 .counRound.JP{background:#29444e;}

#tabs_service .bankInfo01 .dateInfo{ margin-top:4px; float:right; line-height: 1.3em; text-align: right; }
#tabs_service .bankInfo01 .dateInfo span{ display: block;}

#tabs_service .bankInfo01 ul{ padding:10px 0 5px; width: 100%; display:block; clear: both;}
#tabs_service .bankInfo01 ul li{ float: left; background:url('/resources/images/img01/barimg01.png') no-repeat left center; background-size:1px 10px;}
#tabs_service .bankInfo01 ul li:first-child{background:none;}

.tablePopStyle01 tr:first-child th, .tablePopStyle01 tr:first-child td{ padding-top:0; }
.tablePopStyle01 th{padding:7px; border-bottom:1px solid #e6e6e6; font-size: 0.85em; }
.tablePopStyle01 td{ padding:7px; border-bottom:1px solid #e6e6e6;}

/*추가*/

/*toggle button -성별*/
* {box-sizing:border-box}
  .cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
  }
  .cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;    
  }
  
  
  input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 100%;
    height: 40px;
    background-color:#198a36;
    border-radius:3px;
    transition: background 0.4s;
  }
  
  
  input.cmn-toggle-round-flat + label:after {
    display: block;
    position: absolute; 
    content: "";
  }
  input.cmn-toggle-round-flat + label:after {
	top: 1px;
    left: 1px;
    bottom: 4px;
    width: 51%;
    height: 38px;
    background-color: #fff;
	border-radius:3px;
    transition: margin 0.4s, background 0.4s;
  }
  /*
  input.cmn-toggle-round-flat + label:before { top: 2px; left: 2px; bottom: 2px; right: 2px; background-color:#b3b3b3; border-radius:50%;  transition: background 0.4s;  }  
  */
  input.cmn-toggle-round-flat:checked + label { background-color: #198a36;  }
  input.cmn-toggle-round-flat:checked + label:after { margin-left: 48%; background-color: #fff;}
  input.cmn-toggle + label span:after {font-size:13px; font-weight:500; color:#fff}
  input.cmn-toggle + label span:after {display:block; content:"女"; position:absolute; top:1px; right:20%; line-height:40px;}
  input.cmn-toggle:checked + label span:after {display:block; content:"男"; position:absolute; top:1px; left:20%;}
    /*toggle button -성별*/
	
	
/*
.ui-field-contain{ border:none;}
.ui-field-contain fieldset{ border:none;}
.ui-field-contain fieldset input[type=radio]:checked{ background:#5591ea;}
.ui-field-contain fieldset input[type=radio]:checked label { color:#fff;}
.ui-field-contain fieldset input[type=radio]{ background:#fff;}
.ui-field-contain fieldset label { color:#7c7c7c}
*/

.floatleft {
    float:left;
 }
.floatright {
    float:right;
 }
.forceinline{  /* Prevent fieldcontain from doing a BLOCK thing */
    display:inline !important;
}
.textwidth {  /* limit width of input fields */
    width:80px;
}
.closespacing { /* controls spacing between elements */
    margin:0px 5px 0px 0px;
 }
.bigselect {   /* centers select with big buttons */
    padding: 0px;
    margin:2px 5px 0px 0px;
 }
.biginputheight {   /* matches text input height to big buttons */
    padding-top:10px !important;
    padding-bottom:12px !important;
}
.miniinputheight { /* matches text input height to minibuttons */
    padding-top:5px !important;
    padding-bottom:5px !important;
}



.ui-field-contain .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal;}
.ui-field-contain .ui-controlgroup-horizontal .ui-btn-inner { text-align: center;}
.ui-field-contain .ui-btn-inner {
    padding: .6em 10px;
    min-width: .75em;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    zoom: 1;
}
.ui-field-contain .ui-corner-tl, .ui-field-contain .ui-corner-tr, .ui-field-contain .ui-corner-bl, .ui-field-contain .ui-corner-br, .ui-field-contain .ui-corner-top, .ui-field-contain .ui-corner-bottom, .ui-field-contain .ui-corner-right, .ui-field-contain .ui-corner-left, .ui-field-contain .ui-corner-all, .ui-field-contain .ui-btn-corner-tl, .ui-field-contain .ui-btn-corner-tr, .ui-field-contain .ui-btn-corner-bl, .ui-field-contain .ui-btn-corner-br, .ui-field-contain .ui-btn-corner-top, .ui-field-contain .ui-btn-corner-bottom, .ui-field-contain .ui-btn-corner-right, .ui-field-contain .ui-btn-corner-left, .ui-field-contain .ui-btn-corner-all {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.ui-field-contain .ui-corner-left {
    -moz-border-radius-topleft: .6em;
    -webkit-border-top-left-radius: .6em;
    border-top-left-radius: .6em;
    -moz-border-radius-bottomleft: .6em;
    -webkit-border-bottom-left-radius: .6em;
    border-bottom-left-radius: .6em;
}
.ui-field-contain .ui-btn-inner {
    border-top: 1px solid #fff;
    border-color: rgba(255,255,255,.3);
}
.ui-field-contain .ui-corner-all, .ui-field-contain .ui-corner-bottom, .ui-field-contain .ui-corner-left, .ui-field-contain .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-field-contain .ui-corner-all, .ui-field-contain .ui-corner-top, .ui-field-contain .ui-corner-left, .ui-field-contain .ui-corner-tl {
    border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border: none;
}
.ui-field-contain .ui-corner-all, .ui-field-contain .ui-corner-top, .ui-field-contain .ui-corner-right, .ui-field-contain .ui-corner-tl {
    border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border:none;
}

* {  box-sizing: border-box;}
* { margin: 0; padding: 0; }

.ui-field-contain Inherited from label.ui-btn.ui-btn-up-c.ui-corner-left.ui-radio-on.ui-btn-active
.ui-controlgroup .ui-checkbox label, .ui-field-contain .ui-controlgroup .ui-radio label {
    font-size: 16px;
}
.ui-field-contain .ui-checkbox .ui-btn, .ui-field-contain .ui-radio .ui-btn {
    margin: 0;
    text-align: left;
    z-index: 2;
}
.ui-field-contain .ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em 5px;
    padding: 0;
}
.ui-field-contain .ui-btn.ui-btn-up-c.ui-radio-on.ui-btn-active{
    border: 1px solid #2373a5;
    background: #5393c5;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
	background:#5591ea;
	/*
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5393c5),to(#6facd5));
    background-image: -webkit-linear-gradient(#5393c5,#6facd5);
    background-image: -moz-linear-gradient(#5393c5,#6facd5);
    background-image: -ms-linear-gradient(#5393c5,#6facd5);
    background-image: -o-linear-gradient(#5393c5,#6facd5);
    background-image: linear-gradient(#5393c5,#6facd5);
	*/
	font-family: Meiryo, "MS PGothic", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, Helvetica, Arial, Sans-serif;
}

.ui-field-contain .ui-btn-up-c {
    border: 1px solid #ccc;
    background: #eee;
    font-weight: bold;
    color: #7c7c7c;
	background:#fff;
	/*
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background-image: -webkit-linear-gradient(#fff,#f1f1f1);
    background-image: -moz-linear-gradient(#fff,#f1f1f1);
    background-image: -ms-linear-gradient(#fff,#f1f1f1);
    background-image: -o-linear-gradient(#fff,#f1f1f1);
    background-image: linear-gradient(#fff,#f1f1f1);
	*/
}

.ui-field-contain .ui-checkbox input, .ui-field-contain .ui-radio input {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 0;
    outline: 0!important;
    z-index: 1;
}

.ui-field-contain .ui-btn-text {
    position: relative;
    z-index: 1;
    width: 100%;
}

.ui-field-contain .ui-checkbox .ui-btn, .ui-field-contain .ui-radio .ui-btn {
    margin: 0;
    text-align: left;
    z-index: 2;
}
.ui-field-contain .ui-controlgroup-horizontal .ui-checkbox, .ui-field-contain .ui-controlgroup-horizontal .ui-radio {
    float: left;
    clear: none;
    margin: 0 -1px 0 0;
	width:25%;
}

.ui-field-contain .ui-btn-inner {
    border-top: 1px solid #fff;
    border-color: rgba(255,255,255,.3);
}


.ui-btn-block .ui-btn-inner.ui-btn-corner-all { display:none;}
.ui-select{ display:initial;} 
.ui-select div{ display:initial;} 

.dateW .ui-datepicker-trigger{ position:absolute; right:0; top:0; }
.inputDiv {height: 40px; background-color: #ffe4e9; border-radius : 4px; font-size: 0.9em; line-height: 40px; padding-right: 10px;}

/*170210 추가*/
.addrPop thead th{ border-bottom:1px solid #000; border-top:1px solid #000; padding:10px 0 !important; }
.addrPop tbody a{ color:#333; font-size: 0.85em}


/*170217 언어선택 팝업 추가 */
.langW{ margin:0 auto; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; overflow: hidden;}
.langW li{ border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.langW li a{ padding:12px 0; display:block; color:#333; font-size: 11px; }
.langW li a img{ width:51px; display:block; margin: 0 auto 4px;}

/*170302 수정*/
.accCate{ display:inline-block; padding:3px 4px; font-size:11px; color:#fff; background:#848484; font-weight: normal;}

/* 송금 시뮬레이터 css 170329 수정 */
.pop_content .btn_calc { background:#198a36;color:#fff;padding:0;width:100%;height:100%;}

.tablePopStyle01 tr:first-child th, .tablePopStyle01 tr:first-child td { padding-top: 0; }
.tablePopStyle01 th { padding: 7px; border-bottom: 1px solid #e6e6e6; font-size: 0.85em; }
.tablePopStyle01 td { padding: 7px; border-bottom: 1px solid #e6e6e6; }

.tablePopStyle01 td span.value { display:block;text-align:right;line-height:20px;color:#666;}
.tablePopStyle01 td span.value.deposit strong{color:#000;font-weight:bold; }
.tablePopStyle01 td span.value.received strong {color:#e74115;font-weight:bold; }


/*20170331 추가*/
.pop_content .pop_guide { padding:0 10px;overflow-y:auto;}
.pop_content .pop_guide ul { font-size:12px;}
.pop_content .pop_guide ul li { margin-top:15px;text-align:left;padding-left:25px;position:relative;}
.pop_content .pop_guide ul li img { width:16px;vertical-align:middle;margin-right:5px;position:absolute;left:0;top:0;}
.pop_content img { max-width:100%;}
.pop_content .btn_ok {width:100%;font-weight:bold;font-size:15px;margin-top:20px;margin-bottom:20px; }

</pre></body></html>