@charset "utf-8";
/* CSS Document */

body { position: relative; background: #fff; min-width: 1170px; min-height: 100%; }

/*wrap*/
#wrapper { box-sizing: border-box; min-height: 100%; }
#wrapper .gnb { width:100%;}
#wrapper .navi{ width:100%; height: 80px; background:#198a36; color:#e5e5e5;}
#wrapper .sub .contents{ width:940px; height:auto; float:right; }


/*header*/
#wrapper .gnb .top{ position: relative; background: #fff; width: 1170px; height:70px; margin:0 auto;  border:1px solid #f0f0f0; box-sizing:border-box;}
#wrapper .gnb .top .logo{ margin-top:5px; margin-left:60px;  width: 300px;  float: left;}
#wrapper .gnb .top .logo a{ opacity:1; }
#wrapper .gnb .top .top-menu { float:right;}
#wrapper .gnb .top .top-menu ul { margin-top:30px;}
#wrapper .gnb .top .top-menu ul li{ float:left;  font-size:12px;  margin-left:30px;} 
#wrapper .gnb .top .top-menu ul li a{color:#03182f;}
#wrapper .gnb .top .top-menu ul li.user{ font-weight:600; border-left:1px solid #aeaeae; padding-left:30px;}
#wrapper .gnb .top .top-menu ul li.user a{ color:#ff7e00;}
#wrapper .gnb .top .top-menu ul li select{ margin-right: 10px; width: 100px; margin-top:-10px;}

/*gnb menu*/
#wrapper .gnb .menu{ position: relative; background: #fff; width: 1170px; height:50px; margin:0 auto; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; box-sizing:border-box;}
#wrapper .gnb .menu  ul{ padding-top:10px; width: 1064px; margin:0 auto;}
#wrapper .gnb .menu  ul li{ float:left; font-size:18px; font-weight:600; border-left:1px solid #dfdddd; width:200px; text-align:center; padding-top: 5px;} 
#wrapper .gnb .menu  ul li:first-child{ border-left:none; }
#wrapper .gnb .menu  ul li a{ color:#0b2440 }

/* navi */
#wrapper .navi div{ width: 1170px; margin:0 auto; padding-top:50px; }
#wrapper .navi div p{ text-align:right; font-size:11px;}
#wrapper .navi div p span{ background:url('/resources/images/icon_navi_home.png') no-repeat; padding-left:20px;}
#wrapper .navi div p strong{ color:#fff;}


/* left-menu */
#wrapper .sub { width: 1170px; height:100%; margin:0 auto; margin-top:10px;}
#wrapper .sub .left-menu{ width:180px; height:auto; float:left;}
#wrapper .sub .left-menu .title{background:#198a36; text-align:center; width:180px; height:88px;/*추가*/display:table;}
#wrapper .sub .left-menu .title h4 { color:#fff; font-size:24px; font-weight:600;/*추가*/display:table-cell; vertical-align: middle; }
#wrapper .sub .left-menu ul{ border-bottom:1px solid #999999; }
#wrapper .sub .left-menu ul li{ border-bottom:1px solid #e2e2e2; background:#fff; font-size:15px; } 
#wrapper .sub .left-menu ul li a{ display:block; color:#6c6c6c; padding:13px 20px;}
#wrapper .sub .left-menu ul li.on{ background:#f5f5f5;  }
#wrapper .sub .left-menu ul li.on a{ color:#198a36; font-weight:600; background:url('/resources/images/arrow_menu_on.png') 90% 50% no-repeat;} 

/* contents title */
#wrapper .sub .contents .title{ margin-top:30px; }
#wrapper .sub .contents .title h3{ color:#178536; font-size:24px; font-weight:600; margin-bottom:10px;}
#wrapper .sub .contents .title .text_tab{ border-bottom:2px solid #d8d8d8;}
#wrapper .sub .contents .title .line-point{border-bottom:2px solid #178536; width:90px; position: relative; margin-top: -2px;}

/* footer */
#wrapper .footer { background:#e5e5e5; width:100%; height:90px; text-align: center;}
#wrapper .footer .footer-area{ overflow: hidden; width: 1170px; height:90px; margin:0 auto;  background:#ededed;}
#wrapper .footer ul{ display: inline-block; padding-top:30px; /*width: 610px;*/ margin:0 auto; text-align:center;}
#wrapper .footer ul li { float:left; font-size:11px; border-left:1px solid #838383; padding-left:6px; margin-left:6px;}
#wrapper .footer ul li:first-child{ border-left:none; padding-left:0px; margin-left:0px;}
#wrapper .footer ul li a{ color:#838383;}
#wrapper .footer p{font-size:11px; color:#838383; text-align:center; margin-top:8px; }

/*dot-list*/
.contents .info { border-bottom:1px solid #e1e1e1;}
.contents .info .dot_b {font-size:13px; line-height:22px; letter-spacing: -1px;}
.contents .info .dot_b li{ background:url('/resources/images/dot_blue_info_list.png') 0px 9px no-repeat; padding-left:10px; color:#414141; }
.contents .info .dot_b li span{ color:#198a36; font-weight:600; }

.contents .login-form .info { border-bottom:none;}
.contents .info .dot_g {font-size:13px;/*line-height:22px;*/ letter-spacing: -1px; /*추가*/ line-height:16px;}
.contents .info .dot_g li{ background:url('/resources/images/dot_grey_info_list.png') 0px 9px no-repeat; padding-left:10px; color:#414141; width:380px;/*추가*/ margin-bottom:6px;}
.contents .info .dot_g li span{ color:#198a36; font-weight:600; /*추가*/ display: inline-block; margin-bottom:3px; }
.contents .info .dot_g li p{ width:auto; /*추가*/ margin-bottom:3px;}

/* login */
.contents .login .sub_title h4{ font-size:22px; font-weight:600;}
.contents .login .sub_title.font_blue .line-point{ border-bottom:3px solid #198a36; width:58px; margin:0 auto; margin-top:20px;}
.contents .login .sub_title.font_gray .line-point{ border-bottom:3px solid #8f8f8f; width:58px; margin:0 auto; margin-top:20px;}

.login .member { border-right:1px solid #e1e1e1; margin-left:35px; height: 248px;}
.login .member.non{ border-right:none; }
.login .member.join{border-right:none; margin-right:40px;  background:url('/resources/images/icon_nonmember_join.png') 50% top no-repeat; padding-top:45px;}
.login .member.join.check{border-right:none; margin-right:40px;  background:url('/resources/images/icon_remittance_check_info.png')50% top no-repeat; padding-top:25px;}

.login-form dl { width:285px;}
.login-form dl dt { margin-right:4px; float:left; font-size:13px; font-weight:600; width:60px; line-height: 15px; /*추가*/display:table; height:30px;}
.login-form dl dd { }

.login-form dl dt label{/*추가*/ display: table-cell; vertical-align: middle; }

.login-form .login-btn { width:100px; margin-right:37px; }
.login-form .login-btn button{ height:70px; font-size:15px; font-weight:600; padding:0 10px; }
.login-form button.join{ height:40px; width:390px;}

.contents .customer {width: 940px; margin:0 auto; border-top:1px solid #f6f6f6; padding-top:20px; margin-top:80px;}
.contents .customer .info { width: 840px; border-bottom:none; margin:0 auto;}
.customer h4 {  font-size:18px; font-weight:600; color:#515f70; background:url('/resources/images/icon_circle_customer_service_center.png') no-repeat; height:50px; padding-left:60px; padding-top:15px;}
.customer ul{ margin-top:20px;}
.customer ul li{ float:left;  border-left:1px solid #7c7b7b; padding-left:10px; margin-left:10px; font-size:12px; font-weight:600; color:#7c7b7b; }
.customer ul li:first-child{ border-left:none; padding-left:0px; margin-left:0px;}


/* table */
.basics-table h4 { font-size:20px; font-weight:600; color:#414141; margin-bottom:10px; }
.basics-table h4.simulator{ background:url('/resources/images/icon_service_simulator.png') 0px 50% no-repeat; padding-left:40px; height:30px; padding-top:10px;}
.basics-table  { border-bottom:1px solid #999999;}
.basics-table table{ border-top:2px solid #414141; }
.basics-table table th{ background:#f6f6f6; border-bottom:1px solid #e6e6e6; padding:15px; font-size:13px; font-weight:600; color: #414141;  vertical-align: middle;}
.basics-table table tbody td{ border-bottom:1px solid #e6e6e6; padding:13px; font-size:13px; color:#666; text-align:center; vertical-align: middle; line-height: 15px;}
.basics-table table td a.font_6.border_b{ border-bottom:1px solid #6c6c6c; padding-bottom:0px;}
.basics-table table th.bg_blue,
.basics-table table td.bg_blue { background:#f5f8fb; }
.basics-table table td.bg_gray { background:#f6f6f6; }
.basics-table table td.bg_gray a.font_skyblue{ border-bottom:1px solid #198a36; padding-bottom:2px; line-height:18px;}
.basics-table table tbody td button.f-size13{ font-size:13px; padding:0;}

.basics-table table.a_left td { text-align:left; }
.basics-table table.a_left td.a_right { text-align:right; }
.basics-table table.a_left td.form-group{ padding:5px 10px;}
.basics-table table.a_left td strong{ color:#222222;}
.basics-table table.a_left td button strong{ color:#fff;}
.basics-table table.bg_dark_gray th{ background:#a3a3a3; color:#fff; }
.basics-table table.bg_dark_gray th.bg_darkblue{ background:#979fa9; color:#fff; }
.basics-table table.no_line th,
.basics-table table.no_line td{ border-bottom:none; padding:5px 0px 5px 10px;}
.basics-table table.no_line td.form-group{ padding:5px 0px 5px 10px;}
.basics-table table.l_line th,
.basics-table table.l_line td{ border-left:1px solid #e6e6e6;}
.basics-table table.l_line th.no-l_line,
.basics-table table.l_line td.no-l_line{ border-left:none;}

.basics-table table.f-size12 th,
.basics-table table.f-size12 td{ font-size:12px; padding:10px 5px;}
.basics-table table.f-size12 strong { color:#333333; font-weight:600;}

.basics-table table.font_orange { border-top:1px solid #414141;}
.basics-table table.font_orange th,
.basics-table table.font_orange td{ color:#ff6123;}
.basics-table table.font_orange td strong{ color:#ff6123;}

.basics-table p.link{ color:#198a36; font-size:13px; font-weight:600;}
.basics-table p.link a { color:#198a36;}

.basics-table td .step.gray { font-size:12px; background:#7d7d7d; border:1px solid #4f4f4f; border-radius:5px; color:#fff; display:inline-block;/* width:54px; height:20px; line-height:20px;*/ text-align: center; /*추가*/width:70px; height:30px; letter-spacing: -1px; line-height:14px; }
.basics-table td .step.gray.blue {background: #198a36 url('/resources/images/icon_step_blue.png') 35px center no-repeat; padding-right: 10px; border:1px solid #198a36; width: 44px; background-size: 11px; /*추가*/width: 60px;}
.basics-table td .step.gray.orange{ background:#ff6123; border:1px solid #cf450f;}
.basics-table td .step.gray.black{ background:#333333; border:1px solid #000000;}
.basics-table td .step.hg20{ height:20px !important; line-height: 20px !important;}

input.font_black.a_right{ padding-right:10px;}
input.font_black::-webkit-input-placeholder {  color: #414141; /* Chrome/Opera/Safari */}
input.font_black::-moz-placeholder {color:#414141; /* Firefox 19+ */}
input.font_black:-ms-input-placeholder { color: #414141 /* IE 10+ */ }
input.font_black:-moz-placeholder { color:#414141; /* Firefox 18- */ }

/*송금 접수*/
.contents .text_box { background:#fafafa;}
.contents .text_box p.f-size12 strong{ line-height:20px;}

.contents .remittance_info{ background:url('/resources/images/icon_calendar.png') 45px 10px no-repeat; border-bottom:1px solid #999999; padding-left:130px;}
.contents .remittance_info p{  line-height:22px;}

.contents .text_box ul.remittance_check{ padding-top:20px; padding-bottom:20px; }
.contents .text_box ul.remittance_check li{ color:#7d7d7d; margin-left:10px; float:left; padding-top:50px;}
.contents .text_box ul.remittance_check li:first-child{ margin-left:0px;}
.contents .text_box ul.remittance_check li strong{ border-top:2px solid #7d7d7d; width:140px; display: inline-block; text-align: center; padding-top:10px; padding-bottom: 20px; }
.contents .text_box ul.remittance_check li.on strong{ color:#2b548e; border-top:4px solid #2b548e; }
.contents .text_box ul.remittance_check li.on{ background:url('/resources/images/icon_remittance_check_on.png') top center no-repeat; padding-top:48px;}


/*약관*/
.procedures h4{ font-size:22px; color:#198a36; font-weight:600; font-style:italic;}
.procedures h4 span{ color:#515f70;}
.procedures .step-guide { position: relative; display: table; width: 82%; table-layout: fixed; margin: 0; padding-left: 0; }
.procedures .step-guide li { position: relative; display: table-cell; vertical-align: middle; box-sizing: border-box; text-align: center; padding-top: 25px; padding-bottom: 20px; }
.procedures .step-guide li:after { position: absolute; content: ''; width: 63px; height: 2px; background: url('/resources/images/line_procedures_step.png') no-repeat center; top: 50%; margin-top: -9.5px; left: 0; margin-left:-30px; }
.procedures .step-guide li:first-child:after { display: none; }
.procedures .step-guide li span { font-size: 11px; color: #cecece; width:82px; height:62px; border-radius:80px; display: inline-block; padding-top:20px;}
.procedures .step-guide li span.stpe1{ background:#959595 url('/resources/images/icon_step_guide_01.png') 50% 70% no-repeat;}
.procedures .step-guide li.on span.stpe1{ background:#198a36 url('/resources/images/icon_step_guide_01.png') 50% 70% no-repeat;}
.procedures .step-guide li span.stpe2{ background:#959595 url('/resources/images/icon_step_guide_02.png') 50% 70% no-repeat;}
.procedures .step-guide li.on span.stpe2{ background:#198a36 url('/resources/images/icon_step_guide_02.png') 50% 70% no-repeat;}
.procedures .step-guide li span.stpe3{ background:#959595 url('/resources/images/icon_step_guide_03.png') 50% 70% no-repeat;}
.procedures .step-guide li.on span.stpe3{ background:#198a36 url('/resources/images/icon_step_guide_03.png') 50% 70% no-repeat;}
.procedures .step-guide li span.stpe4{ background:#959595 url('/resources/images/icon_step_guide_04.png') 50% 70% no-repeat;}
.procedures .step-guide li.on span.stpe4{ background:#198a36 url('/resources/images/icon_step_guide_04.png') 50% 70% no-repeat;}
.procedures .step-guide li span.stpe5{ background:#959595 url('/resources/images/icon_step_guide_05.png') 50% 70% no-repeat;}
.procedures .step-guide li.on span.stpe5{ background:#198a36 url('/resources/images/icon_step_guide_05.png') 50% 70% no-repeat;}
.procedures .step-guide li p { font-size: 14px; font-weight: bold; color: #666; margin-top:15px; }

.procedures .step-guide.sgStyle_02 .stpe2{ background:#959595 url('/resources/images/icon_step_guide02_02.png') 60% 70% no-repeat;}
.procedures .step-guide.sgStyle_02 li.on span.stpe2{ background:#198a36 url('/resources/images/icon_step_guide02_02.png') 60% 70% no-repeat;}
.procedures .step-guide.sgStyle_02 .stpe3{ background:#959595 url('/resources/images/icon_step_guide02_03.png') 50% 70% no-repeat;}
.procedures .step-guide.sgStyle_02 li.on span.stpe3{ background:#198a36 url('/resources/images/icon_step_guide02_03.png') 50% 70% no-repeat;}
.procedures .step-guide.sgStyle_02 .stpe4{ background:#959595 url('/resources/images/icon_step_guide02_04.png') 50% 65% no-repeat;}
.procedures .step-guide.sgStyle_02 li.on span.stpe4{ background:#198a36 url('/resources/images/icon_step_guide02_04.png') 50% 65% no-repeat;}
.procedures .step-guide.sgStyle_02 .stpe5{ background:#959595 url('/resources/images/icon_step_guide02_05.png') 50% 65% no-repeat;}
.procedures .step-guide.sgStyle_02 li.on span.stpe5{ background:#198a36 url('/resources/images/icon_step_guide02_05.png') 50% 65% no-repeat;}

.terme{ }
.terme .text_tab{ width:20px; border-bottom:3px solid #414141; }
.terme .box{ border:1px solid #cccccc; height:200px; box-sizing:border-box; overflow-y: scroll; padding:20px;}
.terme .box p{ font-size:12px; color:#666; line-height:20px; margin-bottom:20px;}
.terme .box p b{ display: block;}


/*search_area*/
.search_area { position: relative; box-sizing: border-box; width: 100%; }
.search_area .row{  padding: 10px; background: #fcfcfc; border: 1px solid #dee1e7; height:30px; }
.search_area .row.bg_w{ background:#fff; border-top:none;}
.search_area .row span{ font-size:13px; color:#414141; font-weight:600;}


/*tab*/
#tabs_service{ height:100%; }
#tabs_service ul{ width:100%;}
#tabs_service ul.tab2 li{ width:50%;}
#tabs_service ul.tab3 li{ width:33.3%;}
#tabs_service ul.tab4 li{ width:25%;}
#tabs_service ul{  border-top:1px solid #cfcfcf;}
#tabs_service ul li:first-child{border-left:1px solid #cfcfcf;}
#tabs_service ul li.ui-tabs-tab{ float:left; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;  font-size:16px; font-weight:600; box-sizing:border-box; height:45px; text-align:center; vertical-align:middle; display:table;}
#tabs_service ul li.ui-tabs-tab a{color:#666666; /* display:inline-block; line-height:45px;*/ width:100%;/*추가*/line-height:20px; display: table-cell; vertical-align: middle;}
#tabs_service ul li.ui-tabs-active{ background:#5db876; border:1px solid #5db876;}
#tabs_service ul li.ui-tabs-active a{color:#fff; }
#tabs_service .ui-tabs .ui-tabs-nav {  width:140px;}
#tabs_service .ui-tabs .ui-tabs-nav li{ padding:0px;}
#tabs_service .ui-tabs .ui-tabs-nav li{}

.ui-widget.ui-widget-content { height: 200px; }

#tabs_service .info { border-bottom:1px solid #8f8f8f; }
#tabs_service .info p{ background:url('/resources/images/icon_service_remittance.png') 0px no-repeat; padding-left: 70px; margin-left: 40px; line-height:22px;} 
#tabs_service .info p.charge { background:url('/resources/images/icon_service_charge.png') 120px center no-repeat; padding-left: 0px; margin-left: 0px; line-height:22px; padding:0 0 9px; height:39px;} 
#tabs_service .info .f_left p{ background:none;}
#tabs_service .info .f_right{ border-left:1px solid #ebebeb;}
#tabs_service .info .f_right p{ background:none; padding-left:0px; margin-left:0px; line-height:20px;}
#tabs_service .info p.calculation { background:url('/resources/images/icon_service_calculation.png') 0px no-repeat; padding-left: 70px; margin-left: 40px; line-height:22px; padding-top:0px; height:65px;} 
#tabs_service .info p.membership{ background:url('/resources/images/icon_service_membership.png') 120px center no-repeat; padding-left: 70px; margin-left: 40px; line-height:22px; padding: 10px 0; height: 35px;} 

.ui-tabs-panel .icon_box{ /*height:400px;*/}
.ui-tabs-panel .icon_box h4{ font-size:20px; font-weight:600; color:#414141; }
.ui-tabs-panel .icon_box .text_tab { width:114px; border-bottom:2px solid #414141; margin:0 auto;}

.service .service_box{ border:1px solid #c6d5e5; /*height:160px;*/height:205px;* width:445px; box-sizing:border-box;}
.service .service_box .icon{ background:#f8f8f8; width:134px; /*height:158px;*/height:203px; text-align:center;}
.service .service_box .icon p.icon1{ background:url('/resources/images/icon_service_direct.png') 50% no-repeat; padding-top:135px;}
.service .service_box .icon p.icon2{ background:url('/resources/images/icon_service_internet.png') 50% no-repeat; padding-top:135px;}
.service .service_box .icon p.icon3{ background:url('/resources/images/icon_service_global.png') 50% no-repeat; padding-top:135px;}
.service .service_box .icon p.icon4{ background:url('/resources/images/icon_service_interactive.png') 50% no-repeat; padding-top:135px;}
.service .service_box .text{ width: 308px; float: right;}
.service .service_box .text h5{ color:#465266; font-size:14px; font-weight:600; margin-left:20px;}
.service .service_box .text p{ color:#7c7c7c; font-size:13px; line-height:20px; margin-left:20px;}

button.btn.f-size12{ font-size:12px;}
button.btn span.down{ background:url('/resources/images/icon_down_button.png') 0px no-repeat; width:15px; height:12px; padding-left: 18px;}
button.btn span.info{ background:url('/resources/images/icon_step_blue.png') 0px no-repeat; width:13px; height:13px; padding-left: 15px;}


#tabs_service .note_list { background:#fafafa; padding:33px 35px 27px 35px;width:430px; margin-top:85px;}
#tabs_service .note_list h4{ background:url('/resources/images/icon_service_note_list.png') 0px no-repeat; padding-left:30px; font-weight:600; height:18px;}
#tabs_service .note_list ul{border-top:none;}
#tabs_service .note_list ul li:first-child{ border-left:none;}
#tabs_service .note_list ul li{ font-size:12px; line-height:14px; margin-bottom:3px; margin-left:15px; text-indent:-15px;}


/*box_area*/
.box_area { border:1px solid #dee1e7; width:100%; height:50px; }
.box_area dl{ width:50%; margin:0 auto; padding-top:10px;}
.box_area dl dt{ float:left; }
.box_area dl dd{ float:left; }

/* popup */
#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: 100%; height: 100%; z-index: 9999; top: 0; left: 0px; 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:2px solid #707070; }
.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; padding: 25px 30px; overflow:hidden;}
.pop_wrap .op_content{ background:#fff; padding:40px; width:690px; }
.pop_wrap .pop_title h4{ color:#198a36; font-size:20px; font-weight:600; text-align:left;}
.pop_wrap .pop_container .pop_content_wrap .btn_del_list{ position: absolute;  top: 20px; right:20px; cursor: pointer; width:12px; height:12px;  
background:url('/resources/images/btn_popup_close.png') no-repeat; text-indent:-9999px; display:inline-block;}

.pop_content .box_bg_gray{ background:#f3f3f3;}
.pop_content .refund_info{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding-bottom:5px;}
.pop_content .refund_info dl{ border:none; padding-bottom: 0px; clear:both; display:block; /*170215수정*/  overflow: hidden}
.pop_content .refund_info dl dt{ float:left; width:20%; text-align:left; /*padding-top:7px;*/ font-weight:600; color:#414141;/*추가*/ display:table; height:30px;}
.pop_content .refund_info dl dt label{ display:table-cell; vertical-align: middle;}
.pop_content .refund_info dl dd{ float:right; width:80%; text-align:left;}
.pop_content .refund_info dl dd.text-group{ padding-top:7px; vertical-align:middle;}
.pop_content .refund_info dl dd button.f-size13{ font-size:13px; min-width: auto;}


/*paging*/
.paging { text-align: center; padding: 30px 20px 0px; }
.paging .page_group { display: table; margin: 0 auto; border-collapse: collapse; }
.paging .page_group a { border: 1px solid #dfdfdf; display: table-cell; width: 32px; height: 32px; vertical-align: middle; color: #666; font-family: Arial, sans-serif; font-size: 12px; }
.paging .page_group a.on,
.paging .page_group a:hover { color: #ff6123; font-weight: bold; text-decoration: underline; }
.paging .page_group a:hover { background-color: #f9f9f9; }
.paging .page_group a.btn_first,
.paging .page_group a.btn_prev,
.paging .page_group a.btn_next,
.paging .page_group a.btn_last { color: #7f7f7f; letter-spacing: -0.3em; font-family: Dotum; font-size: 11px; width: 50px; text-decoration: none; }


/* 추가 고객센터 */
button.seachIcon01{ margin-left:-4px; width:30px; height:30px; background:url('/resources/images/img01/search_icon01.gif') no-repeat; border: 0; vertical-align: middle;}

ul.faqList{ border-top:2px solid #414141; font-size: 13px; line-height: 16px; color:#6c6c6c; }
ul.faqList>li>p{ background:url('/resources/images/img01/listopen_btn01.gif') no-repeat 911px center; border-bottom:1px solid #e5e5e5; }
ul.faqList>li>p.openArrow{ background:url('/resources/images/img01/listclose_btn01.gif') no-repeat 911px center; }
ul.faqList>li>p>a{ display: block; padding:12px 0 12px 42px; background:url('/resources/images/img01/qes_icon01.gif') no-repeat 10px center; color:#6c6c6c; box-sizing: border-box; }

ul.faqList div.answer{ background:#f7f7f7; display:none; }
ul.faqList div.answer.on{ display:block; }
ul.faqList div.answer p{ padding:10px 42px; background:url('/resources/images/img01/ans_icon01.gif') no-repeat 10px 9px; line-height: 20px; }

.listCount{ display: inline-block; font-size:12px; }
.listCount strong{ color: #2c5396;}

.boardList{ content: ''; clear: both; display: block; }
.boardList span.not_icon{ padding:2px 5px; display: inline-block; background:#63bd7d; color:#fff; border-radius: 5px; font-size: 11px; }
.boardList td a{ color:#6c6c6c; }
.boardList td a.inport{ color:#63bd7d; }

.boardViwe table thead th{ padding:13px 20px; font-size: 15px;}
.boardViwe table tbody td.txtInfo{ padding:8px 20px;}
.boardViwe td>dl{ display:inline-block;}
.boardViwe td>dl>dt{ display:inline-block; margin-right:15px; }
.boardViwe td>dl>dd{ display:inline-block; }

.boardViwe td.textboard{ padding:24px 24px 50px; border-bottom:1px solid #999; }
.boardViwe td.textboard p{ min-height:180px; line-height:22px; }

.pageList td > strong{margin-right:10px; display:inline-block; width:55px; padding-right:20px; }

.nxBoard strong { background:url('/resources/images/img01/next_arrow.gif') no-repeat right center; }
.beBoard strong { background:url('/resources/images/img01/before_arrow.gif') no-repeat right center;}
.pageList td>a{ color:#6c6c6c;}

th span.redStar{ margin-left:10px; color:#d72027;}

/*170217 추가*/
.comtList{ padding-left:29px !important; background:url('/resources/images/cmtimg_icon.gif') no-repeat 15px center; }
.comtList a{ color:#9a9a9a !important;}
.comtList a.txt_d_u{ color:#666 !important; }
.txt_d_u{ display: inline-block; margin-left:3px; text-decoration:underline; }

.color9a td{ color:#9a9a9a !important; }
.color9a td{ color:#9a9a9a !important; }

.btn_upload{ color:#198a36; border: 1px solid #198a36; padding:7px 26px; cursor: pointer; font-weight: bold; font-size: 14px;}

.freeAn{ padding:15px 20px; background:#f8f8f8; border-top:1px solid #198a36;}
.comtInput{ padding-top:21px; border-top:1px solid #bdbdbd; }

.freeAn .comtNum{ display: block; color:#43639e; font-weight: bold;  padding-bottom:13px; border-bottom:1px solid #bdbdbd; }
.freeAn ul.comtBox li{ position: relative; padding: 20px; border-bottom:1px dotted #848484; }
.freeAn ul.comtBox li:last-child{ border-bottom:0; }
.freeAn ul.comtBox li strong{color:#414141;}
.freeAn ul.comtBox li .comtdate{ font-size: 12px; color:#858585; }
.freeAn ul.comtBox li a.comtAdd{ margin-left:8px; display: inline-block; background-color:#515151; color:#fff; font-size: 12px; line-height:19px; }
.freeAn ul.comtBox li a.comtAdd span{ display:block;  padding:0 5px 0 14px;   background:url('/resources/images/comt_img01.png') no-repeat 5px 6px; }

.freeAn ul.comtBox li .redeBtnW{position: absolute; display: inline-block; right: 20px; top: 20px;}
.freeAn ul.comtBox li .redeBtnW a{ margin-left:5px; padding:4px 6px; border: 1px solid #d1d1d1; color:#414141; background:#fff; }
.freeAn ul.comtBox li p{ line-height:20px; }

.freeAn .overH{ overflow:hidden; }
.freeAn textarea{ float:left; overflow-y:auto; }
.freeAn a.regbtn{ float: left; display: inline-block; width:90px; font-size: ; font-weight: bold; color:#fff; background:#818181; text-align: center; line-height: 50px;}
.freeAn .comtInput a.regbtn{ height:66px; line-height: 66px; background:#198a36;}

.freeAn .reComtW{ padding-left:20px; background:url('/resources/images/cmtimg_icon01.gif') no-repeat left 3px; }
.brBt999{border-bottom:1px solid #999999 !important;}

.txtd_un{ text-decoration:underline; }

/*170227추가*/
.comIntro{ margin:40px 0 60px; text-align: center; font-size: 15px; line-height:22px; }
.comIntro img{ margin-bottom:30px;}
.comIntro p{ margin-bottom:10px;}
.mapBtn{ display: inline-block; margin-left:10px; padding:6px 8px; background:#8f8f8f; color:#fff; font-size: 12px; font-weight: bold; }

.com_policy h4{ font-size: 20px; font-weight: 600; color: #414141; margin-bottom: 10px;}
.com_policy .policyW{ padding:30px; width:100%; height:500px; border:1px solid #ccc; box-sizing: border-box; background:#f8f8f8; overflow-y: auto; line-height:20px; font-size: 13px; color:#727272; }
.com_policy .policyW ul{ border:0 !important; }
.com_policy .policyW ol li{ border:0 !important; text-indent: -20px; margin-left: 20px; }
.com_policy .policyW ul li{ border:0 !important; text-indent: -8px; margin-left:8px; }
.com_policy .policyW strong{ display:inline-block; margin-top:10px; }

/*170322추가*/
.asiaMap{ position:absolute; width: 940px; height: 545px; top:0;left: 0; }
.asiaMap span{ position:absolute; display:inline-block;}
.asiaMap .kor_loc{ width:84px ; height:97px; left:716px; top:26px; background:url('/resources/images/en/korea_spot_on.png') no-repeat; }
.asiaMap .phil_loc{ width:97px ; height:195px; left:628px; top:330px; background:url('/resources/images/en/phil_spot_on.png') no-repeat; }
.asiaMap .vie_loc{ width:99px ; height:222px; left:389px; top:263px; background:url('/resources/images/en/vie_spot_on.png') no-repeat; }
.asiaMap .nepal_loc{ width:115px ; height:72px; left:83px; top:158px; background:url('/resources/images/en/nepal_spot_on.png') no-repeat; }