@charset "utf-8"; 

.clfix{*zoom:1;}
.clfix:before,.clfix:after{display:table;line-height:0;content:"";}
.clfix:after{clear:both;}
.hidden {font-size:0;height:0;line-height:0;overflow:hidden;width:0}

.mgt10{margin-top: 10px !important;}
.mgt12{margin-top: 12px!important;}
.mgt20{margin-top: 20px !important;}
.mgt30{margin-top: 30px !important;}
.mgt36{margin-top: 36px!important;}
.mgt40{margin-top: 40px !important;}
.mgt50{margin-top: 50px !important;}

.mgb10{margin-bottom: 10px !important;}
.mgb30{margin-bottom: 30px !important;}
.mgb40{margin-bottom: 40px !important;}

.mgl10{margin-left: 10px !important}
.mgl12{margin-left: 12px !important;}

.pal12{padding-left: 12px !important;}
.pab10{padding-bottom:10px !important;}
.pat10{padding-top:10px !important;}

.txt_center{text-align:center !important;}
.bg_gray2{background-color: #f6f6f6 !important;}
.textbox{line-height: 22px !important;}
.txt_r {text-align: right!important;}

.txt_orange{color:#f68f0f!important;}
.txt_blue{color:#2077ce!important}

p{margin:0;}
p.bl_gray_dot{margin: 0;position: relative;list-style: none;padding-left: 10px;line-height: 21px;}
p.bl_gray_dot:before{content: "·";position: absolute;left: 0;top: -1px;font-weight: bold;}
.view-cont{padding:20px;font-size:14px;font-weight:400;}
.page-infomation{border-bottom: 1px solid #ccc;}
.page-infomation .view-cont{width:780px;margin:0 auto;padding:50px 0 20px;border-bottom:0;}

.view-cont h4{/* padding-left: 10px; */margin: 32px 0 14px 0;font-size: 16px;font-weight:bold;}
.view-cont p{font-size:13px;}
.bl_gray_dot li,
.list_style_arrow li{position: relative;display: block;margin-bottom: 8px;padding-left:10px;color:#222;line-height: 20px;}
.list_style_arrow li{margin-bottom:5px;}
.bl_gray_dot li:before,
.list_style_arrow li:before{content: "·";position: absolute;left: 0;top:-1px;font-size:25px;color:#707070;}
.bl_gray_dot2 li{position: relative;display: block;margin-bottom: 8px;padding-left:10px;color:#222;line-height: 20px;}
.bl_gray_dot2 li:before{content: "·";position: absolute;left: 0;top:0;font-size:20px;color:#707070;}

.bl_gray_dot li > a{display:inline-block;position:relative;top:4px;margin-top:5px;}


.data_table{position:relative;}
.data_table:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #969696;z-index: 1;}
.data_table:after{content: '';display: block;position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #fff;z-index: 1;}
.data_table table{width: 100%;table-layout: fixed;border:none;border-bottom: 1px solid #ccc;}
.data_table thead th{height: 46px;padding: 13px 0 11px;color: #000;font-weight: 500;font-size: 15px;background: #fff;border:none;border-top:1px solid #e9e9e9;border-left: 1px solid #e9e9e9;text-align: center;letter-spacing: -1px;}
.data_table thead tr:first-child th{border-top:0;}
.data_table tbody th{height: 50px;padding: 12px 20px 11px;color: #000;font-weight: 500;background: #fff;border-left: 1px solid #e9e9e9;text-align: left;}

.data_table tbody td{height: 51px;padding: 12px 20px 11px;color:#222;font-weight: 400;font-size: 15px;letter-spacing: -1px;text-align: center;border-top: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;}
.data_table table tfoot td.r_no_line,
.data_table table tbody th.r_no_line,
.data_table table tbody td.r_no_line,
.data_table table thead th.r_no_line{border-right:0;}
.data_table table tbody .last th,
.data_table table tbody .last td{border-bottom:0;}
.data_table table tbody td,
.data_table table tbody td a{text-align :left;color:#222;font-size:14px;font-weight:500;}
.data_table table tbody td.center{text-align:center;}

.btn_area{ position: relative;margin-top:50px;text-align: center;font-size: 0;}
.btn_area a, 
.btn_area button{margin: 0 10px;}
a.btn_color{display:inline-block;text-align:center;}
.btn_color{background: #fff;border: 1px solid #999;color:#222;min-width: 200px;font-size: 17px;font-weight: 500;padding: 15px 30px 16px;line-height: 1;}
.btn_color.btn_blue{color: #fff;background: #1e78d0;border: 1px solid #1c6ec0;box-shadow: 2px 2px 4px #cbcbcb;}
.btn_color.btn_blue:hover,
.btn_color.btn_blue:focus{background: #024bb4;border: 1px solid #1c6ec0;}
.btns{display: inline-block;padding-left: 1px;background: url(/images/bbs/bg_btn.png) no-repeat scroll transparent;text-indent: 0;}
.btns a{display: inline-block;background: url(/images/bbs/bg_btn.png) no-repeat;text-align: left;text-indent: 0;}
.btns.type_c{background-position: 0 -53px;font-size: 12px;}
.btns.type_c a{height: 18px;padding: 0 9px 0 9px;color: #707070;background-position: right -53px;}
.btns.type_d{background-position: 0 -76px;font-size: 12px!important;vertical-align: -1px;}
.btns.type_d a{height: 20px;padding: 1px 8px 0 8px;color: #727272;font-size: 12px!important;background-position: right -76px;}

.mem_card_cont_info .title{margin: 0 0 14px 0;font-size: 16px;font-weight: bold;color: #252525;}
.mem_card_cont_info .title strong{color: #1f78cc;font-size: 20px;padding-right: 2px;padding-left: 2px;vertical-align: top;font-weight:500;line-height: 20px;}

.attention_list{width: 780px;margin-bottom: 30px;}
.attention_list dt{margin-bottom: 13px;padding-left: 20px;background: url(/images/bbs/ico_attention_list.gif) no-repeat left 3px;}

.dp_non{display:none !important;}
.mdp_non{display:block !important;}
                                  
.detail-wrap .title{padding:10px 0;border-bottom:1px solid #d1deea}
.detail-wrap .title h5{font-size:16px;line-height:20px;}
.detail-wrap .title p{font-size:14px;line-height:18px;}
                    
.detail-wrap h6{font-size:16px;line-height:20px;}
.detail-wrap ul{margin-bottom:20px;}
.detail-wrap ul li{position:relative; margin-top:1.0rem; padding-left:1.5rem; font-size:1.4rem; font-weight:300; color:#222; line-height:1.9rem; word-break: keep-all; letter-spacing:-0.07em; }
.detail-wrap ul li.card-benefit-list{padding-left:0;}
.detail-wrap ul li:before{content:''; display:block; position:absolute; top:0.6rem; left:0.6rem; width:0.3rem; height:0.3rem; background:#000; border-radius:50%;}
.detail-wrap ul li.card-benefit-list:before{content:''; display:none; position:inherit;width:0px; height:0px; background:none; border-radius:0;}
.detail-wrap ul li.card-benefit-list ul{margin-bottom:0;}
.pd15{padding:15px !important;}



/* bul list */ 
[class*="bul-round"]{text-align:left; }
[class*="bul-round"] > li{position:relative; font-size:1.4rem; color:#222; margin-top:0; padding-left:0.8rem; line-height:1.9rem;}
[class*="bul-round"] > li:first-child{margin-top:0; }
[class*="bul-round"] > li:before{content:''; display:block; position:absolute; top:0.6rem; left:0; width:0.3rem; height:0.3rem; background:rgb(0, 0, 0); border-radius:50%; }
[class*="bul-round"] .bul-hyphen{margin-top:0.7rem; }
[class*="bul-round"].line-style{margin-top:1.5rem; padding:1.5rem; border-top:1px solid #969696; border-bottom:1px solid #ccc; }
.bul-round.type-mgtn > li{margin-top:0; }
.bul-round.type-mgtn > li .bul-hyphen{margin-top:0; margin-bottom:0.3rem; }
[class*="bul-"] .btn-normal {margin:0 0 0 0.5rem; }
[class*="bul-"] .btn-wrap { margin:0; justify-content:flex-start; }
[class*="bul-"] [class*="btn-normal"] { padding:0.5rem 0.5rem 0; margin:0.7rem 0.5rem 0 0; font-size:1.2rem; line-height:initial; text-align:center; }
[class*="bul-"] .btn-normal-icon2 {padding-right:1rem; }
[class*="bul-"] a[class*="btn-normal"]{display:inline-block;padding:0.6rem 0.5rem 0.5rem; }

.bul-round-s {margin-top:0.5rem; }
.bul-round-s > li{font-size:1.2rem; color:#444; line-height:1.5rem; margin-top:0.5rem; }
.bul-round-s > li:before{background:#666; top:0.5rem}
.bul-round-s > li .bul-hyphen{font-size:1.2rem; color:#444; line-height:1.5rem; }
.bul-round-s.type-line {border-top:1px solid #ccc;padding-top:0.8rem;margin-top:1rem;}
.bul-round dt{font-size:1.4rem; color:#222; line-height:1.9rem}
.bul-round dd{position:relative; font-size:1.4rem; color:#222; margin-top:0.5rem; padding-left:0.8rem; line-height:1.9rem}
.bul-round dd:before{content:''; display:block; position:absolute; top:0.7rem; left:0; width:0.3rem; height:0.3rem; background:#000; border-radius:50%; }
.bul-round .bul-hyphen > li{position:relative; font-size:1.2rem; color:#444; margin-top:0.3rem; padding-left:0.8rem; line-height:1.4rem}
.bul-round .bul-hyphen > li:first-child{margin-top:0; }
.bul-round ul li:before,
.bul-round .bul-hyphen > li:before{content:''; display:block; position:absolute; top:0.5rem; left:0; width:0.4rem; height:1px; background:#666; }

.bul-round ul{margin:0.5rem 0 1.0rem}
.bul-round ul li{position:relative; color:#444; padding-left:1.0rem;}
.bul-round ul li:before{content:''; display:block; position:absolute; top:0.6rem; left:0; width:0.4rem; height:1px; background:#666; }

[class*="bul-hyphen"] > li{position:relative; font-size:1.4rem; color:#222; margin-top:0.8rem; padding-left:0.8rem; line-height:1.9rem}
[class*="bul-hyphen"] > li:first-child{margin-top:0; }
[class*="bul-hyphen"] > li:before{content:''; display:block; position:absolute; top:0.8rem; left:0; width:0.4rem; height:1px; background:#444; }
[class*="bul-hyphen"] .bul-round{margin-top:0.7rem; }
.bul-hyphen:before{top:0.7rem; width:0.4rem; height:1px; background:#444; }
.bul-hyphen-s{margin-top:0.5rem; }
.bul-hyphen-s > li{font-size:1.2rem; color:#444; line-height:1.5rem; margin-top:0.5rem; }
.bul-hyphen-s > li:before{background:#666; top:0.6rem}
.bul-hyphen dt{font-size:1.4rem; color:#222; line-height:1.9rem}
.bul-hyphen dd{position:relative; font-size:1.4rem; color:#222; margin-top:0.5rem; padding-left:0.8rem; line-height:1.9rem}
.bul-hyphen dd:before{content:''; display:block; position:absolute; top:0.5rem; left:0; width:0.4rem; height:1px; background:#000; border-radius:50%; }
.bul-hyphen .bul-round > li{position:relative; font-size:1.2rem; color:#444; margin-top:0.8rem; padding-left:0.8rem; line-height:1.4rem}
.bul-hyphen .bul-round > li:first-child{margin-top:0; }
.bul-hyphen .bul-round > li:before{content:''; display:block; position:absolute; top:0.3rem; left:0; width:0.3rem; height:0.3rem; background:#666; border-radius:50%; }







/* box */
.bbs_wrap .box_style{border:2px solid #252525;}
.bbs_wrap .box_style2{border:1px dotted #252525;}
.bbs_wrap .u_bar{border-bottom:1px solid #252525;}
.bbs_wrap .t_bar{border-top:1px solid #252525;}
.bbs_wrap .nu_bar{border-bottom:0;}
.bbs_wrap .nt_bar{border-top:0;}
.bbs_wrap .bbs_r_box{box-sizing:content-box;display:inline-block;margin:0 auto;height:20px;border-radius:22px;background:#000;padding:6px 12px 4px 8px;font-weight:bold;text-align:center;color:#fff;font-size:16px;line-height:20px;letter-spacing:-1px;}

.tip_mark{font-weight:bold;text-align:center;color:#f5900e !important;font-size:18px;line-height:20px;letter-spacing:1px;}



/* table */
.detail-wrap .t_type1 table{max-width:100%; min-width:100%; width:100%; border-bottom:1px solid #ccc; table-layout:fixed}
.detail-wrap .t_type1 table th, 
.detail-wrap .t_type1 table td { height:4rem; padding:1.1rem 1rem 0.9rem; font-size:1.4rem; line-height:1.9rem; color:#222; font-weight:400; text-align:center; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; letter-spacing:-0.07em; /*word-break:keep-all; */  word-wrap: break-word; word-break: keep-all;}
.detail-wrap .t_type1.type-s table th, 
.detail-wrap .t_type1.type-s table td {padding:1.1rem 0.5rem 0.9rem;}
.detail-wrap .t_type1 thead th {background:#f7f7f9; color:#000; font-weight:400; }
.detail-wrap .t_type1 tbody td {background:#fff; color:#222; font-weight:300; }
.detail-wrap .t_type1 table th:first-of-type , 
.detail-wrap .t_type1 table td:first-child {border-left:0; }
.detail-wrap .t_type1 .tbl-bg th,
.detail-wrap .t_type1 .tbl-bg td{background:#fffbf7; }
.detail-wrap .t_type1 tfoot .tbl-bg th,
.detail-wrap .t_type1 tfoot .tbl-bg td{border-top:1px solid #e9e9e9; }
.detail-wrap .t_type1 .tbl-bg th{font-size:1.3rem; font-weight:400; color:#000; }
.detail-wrap .t_type1 .tbl-bg td{color:#000; font-weight:300; }
.detail-wrap .t_type1 .tbl-bg td .txt-num {font-weight:500; color:#ff6600; }
.detail-wrap .t_type1 table td .link-txt{color:inherit;}
.detail-wrap .t_type1 .no-line{border-top:0; height:auto; padding:0 1rem 0.5rem; vertical-align:top; }
.detail-wrap .t_type1 .no-line-first {border-top:1px solid #e9e9e9; height:auto; padding:1.0rem 1rem 0.5rem; vertical-align:top; }
.detail-wrap .t_type1 .no-line-last {border-top:0; height:auto; padding:0 1rem 1.0rem; vertical-align:top; }
.detail-wrap .t_type1 tbody.no-line {border-top:1px solid #e9e9e9; }
.detail-wrap .t_type1 tbody.no-line th , .detail-wrap .t_type1 tbody.no-line td {border-top:0; height:2.4rem; padding:0.3rem 1rem; }
.detail-wrap .t_type1 tbody.no-line tr:first-child th, 
.detail-wrap .t_type1 tbody.no-line tr:first-child td {padding-top:1rem; }
.detail-wrap .t_type1 tbody.no-line tr:last-child th, 
.detail-wrap .t_type1 tbody.no-line tr:last-child td {padding-bottom:1rem; }
.detail-wrap .t_type1 tbody.no-line tr.tr-bold th,
.detail-wrap .t_type1 tbody.no-line tr.tr-bold td {font-weight:500; }
.detail-wrap .t_type1 [class*="no-line"] [class*="bul"]{margin:0; }
                                     
/* bbs btn */
.detail-wrap .m_btn_box{text-align:center;margin-bottom:30px;}
.detail-wrap a.m_btn_color {display:inline-block !important;padding:6px 22px 4px 10px !important;margin-top:10px;text-decoration:none !important;color:#ffffff !important}
.detail-wrap a.m_btn_blue {background-image:url("/m/images/button/bg_m_blue_arrow.png");background-color:#2077ce;background-repeat: no-repeat;background-size:15px 20px;background-position:right top}
.detail-wrap a.m_btn_blue:focus,
.detail-wrap a.m_btn_blue:hover,
.detail-wrap a.m_btn_blue:active {text-decoration:none}

.detail-wrap a.m_btn_green {background-image:url("/m/images/button/bg_m_green_arrow.png");background-color:#01b0cf;background-repeat: no-repeat;background-size:15px 20px;background-position:right top}
.detail-wrap a.m_btn_green:focus,
.detail-wrap a.m_btn_green:hover,
.detail-wrap a.m_btn_green:active {text-decoration:none}

.detail-wrap a.m_btn_navy {background-image:url("/m/images/button/bg_m_navy_arrow.png");background-color:#0c4ca3;background-repeat: no-repeat;background-size:15px 20px;background-position:right top}
.detail-wrap a.m_btn_navy:focus,
.detail-wrap a.m_btn_navy:hover,
.detail-wrap a.m_btn_navy:active {text-decoration:none}

                           
/* table */
.bbs_wrap .bbs_table{table-layout:fixed;border:1px solid #666666;border-bottom:0;}
.bbs_wrap .bbs_table table{width:100%;border-top:0;border-collapse:collapse;}
.bbs_wrap .bbs_table table thead th{font-weight:400;text-align:center;border-bottom:1px solid #666666;border-right:1px solid #666666;background:none;padding:5px 5px;background:none;word-break:break-all;white-space:pre-line;}
.bbs_wrap .bbs_table table tbody th{border-bottom:1px solid #666666;border-right:1px solid #666666;border-right:1px solid #666666;padding:5px 5px;background:none;word-break:break-all;white-space:pre-line;font-weight:normal;}
.bbs_wrap .bbs_table table td{border-bottom:1px solid #666666;border-right:1px solid #666666;padding:5px 5px;word-break:break-all;white-space:pre-line;}
.bbs_wrap .bbs_table table td.right{text-align:right;}
.bbs_wrap .bbs_table table td.center{text-align:center;}
.bbs_wrap .bbs_table table td.left{text-align:left;}
.bbs_wrap .bbs_table table th.bg_gray, .bbs_wrap .bbs_table table td.bg_gray{background-color:#f7f7f7;}
.bbs_wrap .bbs_table table thead th.r_no_line{border-right:0;}
.bbs_wrap .bbs_table table td.r_no_line{border-right:0;}

.board_view table tbody .last .bbs_wrap .bbs_table th, .board_view table tbody .last .bbs_wrap .bbs_table td{border-bottom:1px solid #666666 !important;}
.board_view table tbody .last .bbs_wrap .nob_table th, .board_view table tbody .last .bbs_wrap .nob_table td{border:0 !important;}
.board_view table tbody .last .bbs_wrap table.nob_table{border:0;}

.board_view table.no_sty_table{border:0 !important;border-top:0 !important;}                         
                           
                           
                          
/* bbs title area */
#bbsContWrap .bbs_reaction_tbox{position:relative;z-index:1;overflow:hidden;zoom:1;padding:35px 30px 30px;}
#bbsContWrap .bbs_reaction_tbox .txt_area{float:left;width:75%;}
#bbsContWrap .bbs_reaction_tbox h3{font-size:30px;line-height:36px;color:#252525;margin-bottom:20px;font-weight:400;}
#bbsContWrap .bbs_reaction_tbox p.sus_txt{min-height:40px;font-size:14px;color:#656766;line-height:20px;}
#bbsContWrap .bbs_reaction_tbox .img_area{position:absolute;bottom:0px;right:0px;z-index:1;width:25%;text-align:center;}
#bbsContWrap .bbs_reaction_tbox .img_area img{position:absolute;bottom:25px;right:30px;}

#bbsContWrap .bbs_reaction_tbox.no_txt .txt_area{float:left;width:75%;}
#bbsContWrap .bbs_reaction_tbox.no_txt h3{font-size:30px;line-height:36px;color:#252525;}
#bbsContWrap .bbs_reaction_tbox.no_txt .img_area{position:absolute;bottom:0px;right:0px;z-index:1;width:25%;}
#bbsContWrap .bbs_reaction_tbox.no_txt .img_area img{position:absolute;bottom:0;right:30px;}

.wz_orange{color:#ff6111;font-size:18px;}
.wz_brown{color:#7a676b;font-size:18px;}
.wz_green{color:#279b74;font-size:18px;}
.wz_blue{color:#096dcb;font-size:18px;}

@media screen and (max-width:690px) {

	#bbsContWrap .bbs_reaction_tbox{overflow:hidden;zoom:1;padding:20px 15px;}
	#bbsContWrap .bbs_reaction_tbox .txt_area{float:left;width:80%;}
	#bbsContWrap .bbs_reaction_tbox h3{font-size:22px;line-height:28px;color:#252525;margin-bottom:10px;font-weight:400;}
	#bbsContWrap .bbs_reaction_tbox p.sus_txt{min-height:auto;font-size:12px !important;color:#656766;line-height:18px;}
	#bbsContWrap .bbs_reaction_tbox .img_area{position:absolute;float:right;width:20%;}
	#bbsContWrap .bbs_reaction_tbox .img_area img{width:75%;position:absolute;bottom:15px;right:13px;}

	#bbsContWrap .bbs_reaction_tbox.no_txt .txt_area{float:left;width:60%;}
	#bbsContWrap .bbs_reaction_tbox.no_txt h3{font-size:24px;line-height:30px;color:#252525;}
}

@media screen and (max-width:480px) {

	#bbsContWrap .bbs_reaction_tbox{overflow:hidden;zoom:1;padding:20px 15px;}
	#bbsContWrap .bbs_reaction_tbox .txt_area{float:left;width:77%;min-height:70px;}
	#bbsContWrap .bbs_reaction_tbox h3{font-size:18px;line-height:22px;color:#252525;margin-bottom:10px;font-weight:400;}
	#bbsContWrap .bbs_reaction_tbox p.sus_txt{color:#656766;font-family:'dotum';}
	#bbsContWrap .bbs_reaction_tbox .img_area{float:right;width:23%;}
	#bbsContWrap .bbs_reaction_tbox .img_area img{width:86%;}

	#bbsContWrap .bbs_reaction_tbox.no_txt .txt_area{float:left;width:78%;}
	#bbsContWrap .bbs_reaction_tbox.no_txt h3{font-size:18px;line-height:24px;color:#252525;margin-bottom:0;}
	#bbsContWrap .bbs_reaction_tbox.no_txt .img_area{width:22%;text-align:right;}
	#bbsContWrap .bbs_reaction_tbox.no_txt .img_area img{width:82%;}

	

}