@charset "utf-8";

/* layout */
.banner_area{position: relative;}
.banner_area .title{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: calc(100% - 30px);color: #fff;text-align: center;}
.banner_area .tit{font-size: 24px;font-weight: 200;}
.banner_area .st{font-size: 11px;padding-top: 3px;opacity: 0.5;line-height: 1;font-variant: small-caps;}

.sub_nav{line-height: 42px;border-bottom: 1px solid #dfe3e6;text-align: left;}
.sub_nav ul{display: table;width: 100%;table-layout: fixed;}
.sub_nav .depth{display: table-cell;position: relative;border-right: 1px solid #dfe3e6;}
.sub_nav .depth:last-child{border-right: 0;}
.sub_nav .depth select{position: relative;width: 100%;height: 42px;padding-left: 15px;padding-right: 25px;background: #fff;border: none;appearance: none;-webkit-appearance: none;}
.sub_nav .depth:after{content: '';display: block;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);width: 0px;height: 0px;border-top: 6px solid #527e9b;border-right: 3px solid transparent;border-left: 3px solid  transparent;}

.sub_title{padding: 20px 0 20px;border-bottom: 1px solid #dfe3e6;}
.sub_title .tit{font-weight: 700;font-size: 21px;}

.tab_wrap{position: relative;padding: 20px 15px 0;}
.tab_wrap:after{content: '';position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 1px;background: #000;}
.tab_wrap ul{display: table;table-layout: fixed;width: 100%;border-collapse:collapse;border-spacing:0}
.tab_wrap li{display: table-cell;position: relative;height: 38px;line-height: 38px;}
.tab_wrap li a{display: block;position: absolute;top: 0;bottom: 0;left: -1px;right: 0px;border: 1px solid #dfe3e6;background: #f6f7f8;color: #999;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.5px;}
.tab_wrap li.active a{z-index: 10;border: 1px solid #000;border-bottom: 2px solid #0075c2;background: #0075c2;color: #fff;}
.mCnWrap{padding: 30px 15px 40px;}
.mCnWrap > div:first-child{padding-top: 0;}
.mCnWrap_wide{padding-bottom: 40px;}
.pdtn{padding-top: 0;}
.tab_section2, .tab_section3, .tab_section4, .tab_section5{display: none;}

/* sub css */
.title_list{position: relative;padding-left: 20px;margin-top: 40px;text-align: left;font-size: 18px;}
.title_list:after{content: '';position: absolute;left: 3px;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;border-radius: 50%;background: #333;}
.title_list span{float: right;color: #666;font-size: 13px;}
.table_box{padding-top: 15px;}
.table_box table{width: 100%;}
.table_box th{background: #edf3ff;}
.table_box td{color: #666;text-align: left;}
.table_box th, .table_box td{padding: 10px 5px;border: 1px solid #dfe3e6;font-size:11px}
.table_box.tdGray tr td:first-child{background: #f8f9fa;text-align: center;}
.table_box .table_etc{text-align: left;padding-top: 15px;color: #666;}

.subText_tit_c{padding-top: 30px;font-size: 21px;color: #4c7a98;font-weight: 700;}
.subText_tit_bc{padding-top: 30px;font-size: 18px;color: #0075c2;font-weight: 700;}
.subText_tit_cs{padding-top: 30px;font-size: 18px;color: #4c7a98;font-weight: 700;}
.subText_tit_sb{padding-top: 20px;padding-bottom: 12px;border-bottom: 1px solid #dfe3e6;font-size: 15px;color: #4c7a98;font-weight: 700}
.subText_tit{padding-top: 30px;font-size: 18px;font-weight: 700;}
.subText_line_tit{display: inline-block;margin-top: 20px;padding-bottom: 3px;border-bottom: 2px solid #60c0e8;color: #4c7a98;font-weight: 700;font-size: 18px;}
.subText_tit_nb{position: relative;padding-top: 30px;font-size: 21px;}
.subText_tit_nb span{position: absolute;left: 0;bottom: 4px;line-height: 1;border-bottom: 3px solid #3586af;font-size: 17px;font-weight: 700;}
.subThumb{padding-top: 20px;}
.subThumb_pd{padding: 20px 15px 0;}
.subThumb_bw{border-top: 1px solid #dfe3e6;padding: 0 15px;margin-top: 20px;}
.subThumb_wd{position: relative;margin-left: -15px;padding-top: 20px;width:100vw;}
.subThumb_wdb{margin-left: -15px;margin-top: 20px;padding-top: 20px;width:100vw;border-top: 1px solid #dfe3e6;}
.subText_st{padding-top: 20px;color: #666;word-break: keep-all;}
.subText_st_b{padding-top: 20px;font-weight: 700;}
.subText_st_c{padding-top: 20px;color: #4c7a98}
.subText_st strong{font-size: 15px;font-weight: 700;color: #0075c2;}
.subText_tit_c + .subText_st_c{padding-top: 0;}
.subText_st_c2{padding-top: 20px;color: #0075c2;}
.text_left{text-align: left;}
.link_jw_theriac{position: relative;width: 100vw;margin-left: -15px;margin-top: 30px;padding-top: 30px;border-top: 1px solid #dfe3e6;}
.link_jw_theriac a{display: inline-block;padding: 15px 25px;background: #0075c2;color: #fff;}
.link_jw_theriac a i{display: inline-block;width: 20px;height: 16px;margin-right: 8px;background: url(../images/common/icon_link.png) no-repeat;background-size: 100%;vertical-align: middle;}

.fare_list{padding-top: 20px;}
.fare_list > li{position: relative;margin-top: 3px;padding-left: 12px;text-align: left;color: #666;}
.fare_list > li:after{content: '';position: absolute;left: 2px;top: 6px;width: 3px;height: 3px;border-radius: 50%;background: #666;}

.fare_list_line{padding-top: 20px;}
.fare_list_line > li{position: relative;margin-top: 3px;padding-left: 12px;text-align: left;color: #666;}
.fare_list_line > li:after{content: '-';position: absolute;left: 0px;top: 0px;}

.iframe_area{position: relative;margin-top: 25px;background: #e4e7ed;min-height: 80vh;}
.iframe_area .alert_txt{display: block;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);font-size: 18px;color: #708ea2;}

/* 게시판 리스트 페이지 */
.board_list li{position: relative;padding: 20px 15px;text-align: left;border-bottom: 1px solid #dfe3e6;}
.board_list li a{display: block;}
.board_list .board_tit{font-size: 16px;}
.board_list .board_tit .date{color: #0068b7;padding-right: 6px;font-weight: 700;}
.board_list .board_txt{padding-top: 5px;color: #666;	display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 5.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.board_list .add_thumb{padding-left: 130px;line-height: 1.7;height: 6.7em;}
.board_list .add_thumb .thumb{position: absolute;left: 15px;}
.board_list .add_thumb .thumb img{object-fit: cover;width: 115px;height: 80px;border: 1px solid #dfe3e6;}
.board_int{padding:20px 15px 0;line-height: 35px;}
.board_int .board_subject{width: 25%;}
.board_int .board_subject select{width: 100%;border: 1px solid #dfe3e6;height: 35px;line-height: 35px;padding-left: 10px;}
.board_int .board_input{width: 60%;padding: 0 10px;}
.board_int .board_input input{width: 100%;height: 35px;line-height: 35px;padding-left: 10px;border: 1px solid #dfe3e6;}
.board_int .board_button{width: 15%;}
.board_int .board_button button{display: inline-block;width: 27px;height: 27px;background: url(../images/common/icon_search.png) no-repeat;background-size: 27px 27px;}
.paginate{padding-top: 30px;}
.paginate a{display: inline-block;font-size: 16px;padding: 8px 0px;color: #999;box-sizing: border-box;min-width: 34px;height: 35px;vertical-align: middle;}
.paginate a.is-selected{color: #000;border: 1px solid #000;}
.paginate a span{font-size: 0;text-indent: -9999px;}
.paginate .first{background: url(../images/common/duble_arrow_first.png) no-repeat center;background-size: 17px 15px;}
.paginate .first.is-dimmed{background: url(../images/common/duble_arrow_first_disabled.png) no-repeat center;background-size: 17px 15px;}
.paginate .prev{background: url(../images/common/one_arrow_prev.png) no-repeat center;background-size: 9px 15px;}
.paginate .prev.is-dimmed{background: url(../images/common/one_arrow_prev_disabled.png) no-repeat center;background-size: 9px 15px;}
.paginate .next{background: url(../images/common/one_arrow_next.png) no-repeat center;background-size: 9px 15px;}
.paginate .next.is-dimmed{background: url(../images/common/one_arrow_next_disabled.png) no-repeat center;background-size: 9px 15px;}
.paginate .last{background: url(../images/common/duble_arrow_last.png) no-repeat center;background-size: 17px 15px;}
.paginate .last.is-dimmed{background: url(../images/common/duble_arrow_last_disabled.png) no-repeat center;background-size: 17px 15px;}

/* 게시판 리스트 상세페이지 */
.board_view{text-align: left;}
.board_view .date{height: 50px;line-height: 50px;padding: 0 15px;border-bottom: 1px solid #dfe3e6;color: #056bb8;}
.board_view .name_wdate{position: relative;height: 50px;line-height: 50px;padding: 0 15px;padding-right: 90px;}
.board_view .name_wdate .name{color: #056bb8;font-weight: 700;font-size: 16px;}
.board_view .name_wdate .wdate{position: absolute;right: 15px;color: #666;font-weight: 700;}
.board_view .title{padding: 15px;border-top: 1px solid #dfe3e6;font-size: 16px;}
.board_view .text{padding: 15px;padding-bottom: 50px;border-top: 1px solid #999;border-bottom: 1px solid #999;color: #666;}
.board_view .file_line{padding: 15px;border-top: 1px solid #dfe3e6;}
.board_view .file_line .file{display: inline-block;margin-right: 10px;}
.board_view .file_line .file i{display: inline-block;width: 16px;height: 19px;margin-right: 10px;background: url(../images/common/icon_file.png);background-size: 16px 19px;vertical-align: middle;}
.board_view .relative_products{position: relative;padding: 20px 15px 20px 108px;border-bottom: 1px solid #999;}
.board_view .relative_products .tit{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);padding-right: 15px;border-right: 1px solid #999;font-size: 16px;font-weight: 700;}
.board_view .relative_products .fare_list_line{padding-top: 0px;}
.paging_pnl{padding:20px 15px 0;}
.paging_pnl.bd{margin-top: 20px;border-top: 1px solid #dfe3e6;padding-bottom: 40px;}
.paging_pnl:after{content: '';display: block;clear: both;}
.paging_pnl .paging_pn{float: left;}
.paging_pnl .paging_pn a{display: inline-block;height: 33px;width: 33px;margin-right: 3px;font-size: 0;text-indent: -9999px;vertical-align: top;}
.paging_pnl .paging_pn .prev{background: #0068b7 url(../images/common/one_arrow_prev_white.png) no-repeat center;background-size: 10px 20px;}
.paging_pnl .paging_pn .next{background: #0068b7 url(../images/common/one_arrow_next_white.png) no-repeat center;background-size: 10px 20px;}
.paging_pnl .paging_pn .disabled,
.paging_pnl .paging_pn .is-dimmed{background-color: #004173;}
.paging_pnl .paging_lst{float: right;}
.paging_pnl .paging_lst a{display: block;height: 33px;line-height: 33px;padding: 0 17px;background: #0068b7;color: #fff;font-size: 16px;font-weight: 300;}

/* 제품리스트 페이지 */
.icon_products_tab{padding-top: 15px;border-bottom: 1px solid #dfe3e6;}
.icon_products_tab ul{position: relative;margin-bottom: -1px;}
.icon_products_tab li{width: 50%;padding: 5px 0;border-bottom: 1px solid #dfe3e6;text-align: left;}
.icon_products_tab li a{display: block;line-height: 39px;}
.icon_products_tab li i{display: inline-block;width: 39px;height: 39px;line-height: 39px;margin-right: 10px;background: #9ab7ca no-repeat center;border-radius: 50%;vertical-align: top;}
.icon_products_tab li.active a{font-weight: 700;}
.icon_products_tab li.active i{background-color: #0075c2;}
.icon_products_tab li.all i{background-image: url(../images/sub/icon_products_all.png);background-size: 23px;}
.icon_products_tab li.pro i{background-image: url(../images/sub/icon_products_pro.png);background-size: 24px;}
.icon_products_tab li.gen i{background-image: url(../images/sub/icon_products_gen.png);background-size: 20px;}
.icon_products_tab li.mac i{background-image: url(../images/sub/icon_products_mac.png);background-size: 26px;}
.icon_products_tab li.foo i{background-image: url(../images/sub/icon_products_foo.png);background-size: 13px;}
.icon_products_tab li.hel i{background-image: url(../images/sub/icon_products_hel.png);background-size: 24px;}
.icon_products_tab li.etc i{background-image: url(../images/sub/icon_products_etc.png);background-size: 21px;}
.products_tran{padding-top: 20px;}
.products_tran li{display: inline-block;margin: 0 10px;}
.products_tran input{display: none;}
.products_tran label{line-height: 15px;vertical-align: middle;cursor: pointer;}
.products_tran label i{display: inline-block;width: 15px;height: 15px;margin-right: 5px;border: 1px solid #dfe3e6;border-radius: 50%;vertical-align: middle;}
.products_tran input:checked + label i{border: none;background: #0075c2;}
.products_first_name{padding-top: 20px;}
.products_first_name > div:after{clear: both;content: '';display: block;}
.products_first_name a{display: block;float: left;position: relative;margin-left: -1px;margin-top: -1px;width:30px;height: 30px;line-height: 30px;border: 1px solid #dfe3e6;text-align: center;box-sizing: border-box;}
.products_first_name a.active{background: #0075c2;color: #fff;}
.products_en_name{display: none;}
.products_en_name a{text-transform: uppercase;font-size: 11px;}
.product_search{position: relative;padding-top: 10px;}
.product_search input{width: 100%;padding-left: 5px;padding-top: 10px;padding-right: 40px;padding-bottom: 7px;border: none;border-bottom: 1px solid #333;color: #999;}
.product_search button{position: absolute;right: 9px;bottom: 7px;width: 19px;height: 19px;background: url(../images/common/icon_search_line.png) no-repeat;background-size: 100%;}
.product_filter{padding-top: 40px;padding-bottom: 10px;border-bottom: 1px solid #333;text-align: left;}
.product_filter:after{clear: both;content: '';display: block;}
.product_filter p{float: left;}
.product_filter p span{color: #0075c2;}
.product_filter .filter{float: right;}
.product_filter .filter a{display: inline-block;margin-left: 10px;}
.product_filter .filter .whole i{display: inline-block;width: 11px;height: 11px;background: url(../images/common/icon_whole.png) no-repeat; background-size: 100%;vertical-align: middle;margin-right: 4px;}
.product_filter .filter .qna i{display: inline-block;width: 12px;height: 12px;background: url(../images/common/icon_qna.png) no-repeat; background-size: 100%;vertical-align: middle;margin-right: 4px;}
.products_list{border-bottom: 1px solid #333;}
.products_list a{display: block;}
.products_list > ul{position: relative;margin-bottom: -1px;}
.products_list > ul > li{position: relative;min-height: 105px;padding: 20px 0;border-bottom: 1px solid #dfe3e6;box-sizing: content-box;}
.products_list .thumb{position: absolute;top: 20px;left: 0;}
.products_list .thumb img{width: 105px;height: 105px;border: 1px solid #dfe3e6;object-fit: cover;}
.products_list .desc{padding-left: 125px;text-align: left;}
.products_list .desc .tt{font-size: 15px;}
.products_list .desc .fare_list{padding-top: 10px;}
.products_list .load_more{padding: 25px 0;}
.products_list .load_more img{width: 6px;}
.products_list .empty_text{padding: 30px 15px;color: #666;}
.products_select{position: relative;margin-top: 20px;}
.products_select:after{content: '';display: block;position: absolute;top: 44%;right: 15px;width: 8px;height: 8px;transform: translateY(-50%) rotate(45deg);border-right: 1px solid #666;border-bottom: 1px solid #666;}
.products_select select{width: 100%;line-height: 38px;height: 38px;padding-left: 15px;border: 1px solid #dfe3e6;background: #fff;color: #666;appearance: none;-webkit-appearance: none;}

/* 제품상세페이지 */
.product_wrap{padding: 20px 15px 5px;}
.paging_products a{position: relative;display: inline-block;width: 28px;height: 28px;margin: 0 3px;border: 1px solid #333;vertical-align: top;}
.paging_products a.disabled{border: 1px solid #999;}
.paging_products a:after{content: '';display: block;position: absolute;top: 50%;width: 7px;height: 7px;}
.paging_products .prev:after{left: 56%;transform: translate(-50%,-50%) rotate(-45deg);border-top: 1px solid #333;border-left: 1px solid #333;}
.paging_products .next:after{left: 44%;transform: translate(-50%,-50%) rotate(45deg);border-top: 1px solid #333;border-right: 1px solid #333;}
.paging_products a.disabled:after{border-color: #999;}
.product_wrap .swiper-container{width: calc(100vw - 30px);height: calc(100vw - 30px);max-height: 650px;margin-top: 10px;border: 1px solid #dfe3e6;}
.product_wrap .swiper-container .swiper-slide img{object-fit: contain;}
.drug_information .tit{padding-top: 20px;font-size: 18px;}
.drug_information ul{margin-top: 10px;padding: 15px 0;border-top: 1px solid #333;border-bottom: 1px solid #dfe3e6;}
.drug_information ul li{position: relative;margin-top: 3px;padding-left: 12px;text-align: left;}
.drug_information ul li:after{content: '';position: absolute;left: 2px;top: 6px;width: 3px;height: 3px;border-radius: 50%;background: #333;}
.drug_information ul li span{color: #666;}
.drug_info{text-align: left;}
.drug_info .info_tit{padding-top: 40px;font-size: 18px;}
.drug_info .info_list{position: relative;margin-top: 20px;padding-left: 12px;text-align: left;color: #666;}
.drug_info .info_list:after{content: '';position: absolute;left: 2px;top: 6px;width: 3px;height: 3px;border-radius: 50%;background: #666;}
.drug_info .info_txt{color: #666;}

/* sitemap */
.site_map .ff > li{width: 50%;padding-top: 40px;}
.site_map .ff > li:nth-child(odd){padding-left: 24px;padding-right: 12px;}
.site_map .ff > li:nth-child(even){padding-left: 12px;padding-right: 24px;}
.site_map .ff > li:nth-child(2n+1){clear: both;}
.site_map dt{margin-bottom: 10px;padding-bottom: 12px;border-bottom: 1px solid #4c7a98;color: #4c7a98;font-size: 21px;}
.site_map dd{line-height: 2.4;padding-left: 10px;text-align: left;}
.site_map dd li{padding-left: 15px;color: #999;}
.site_map dd li:before{content: '-';display: inline-block;margin-right: 3px;}

/* etc */
.etc_wrap{text-align: left;}
.etc_wrap .etc_tit{padding-top: 40px;font-size: 18px;color: #4c7a98;}
.etc_wrap .etc_tit:first-child{padding-top: 0;}

/* tell_box */
.tell_box{padding-top: 5px;}
.tell_box li{width: calc(50% - 7px);margin-right: 14px;margin-top: 15px;border: 1px solid #dfe3e6;}
.tell_box li:nth-child(even){margin-right: 0;}
.tell_box li p{line-height: 28px;height: 28px;background: #f6f7f8;font-size: 12px;color: #666;}

/* 찾아오시는길 */
.map_area{padding:40px 15px 20px;}
.map_area #map{border: 1px solid #dfe3e6;width: 100%;height: 60vw;}
.locate_info_list{text-align: left;}
.locate_info_list li{padding: 20px;border-bottom: 1px solid #dfe3e6;}
.locate_info_list li:first-child{border-top: 1px solid #dfe3e6;}
.locate_info_list li a{display: block;}
.locate_info_list li .locate{position: relative;padding-bottom: 12px;border-bottom: 1px solid #333;font-weight: 700;font-size: 16px;}
.locate_info_list li .locate:after{position: absolute;right: 3px;bottom:10px;content: '';display: inline-block;width: 12px;height: 18px;background: url(../images/sub/icon_map.png) no-repeat;background-size: 100%;}
.locate_info_list li .detail{padding-top: 12px;color: #666;}
.locate_info_list li .detail .tell{padding-top: 4px;}
.locate_info_list li .detail .tell:before{content: '';display: inline-block;width: 10px;height: 8px;background: url(../images/sub/icon_tell.png) no-repeat;background-size: 100%;margin-right: 5px;}

.locate_info_view{text-align: left;}
.locate_info_view .title{position: relative;padding: 15px;color: #4c7a98;font-size: 21px;border-bottom: 1px solid #dfe3e6;}
.locate_info_view .title a{position: absolute;right: 15px;top: 50%;margin-top: -10px;width: 20px;height: 20px;background: url(../images/sub/map_close_btn.png) no-repeat;background-size: 20px 20px;}
.locate_info_view .tit{padding: 15px;font-size: 18px;background: url(../images/sub/icon_map.png) no-repeat right 15px center;background-size: 12px 18px;border-bottom: 1px solid #dfe3e6;}
.locate_info_view .locate_info_wrap{padding: 20px 15px 0px;}
.locate_info_view .locate_info_wrap #map{border: 1px solid #dfe3e6;width: 100%;height: 60vw}
.locate_info_view .add_tit{padding-top: 25px;font-size: 18px;}
.locate_info_view .add_st{padding-top: 10px;color: #666;}
.locate_info_view .add_dot{position: relative;padding-left: 12px;margin-top: 10px;}
.locate_info_view .add_dot:after{position: absolute;left: 3px;top: 6px;content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #333;}
.locate_info_view .add_dot_st{;color: #666;padding-left: 12px;padding-top: 5px;}
.locate_info_view .add_dot_st p{padding-left: 12px;padding-top: 5px;}
.locate_info_view .add_dot_st p:before{content: '-';margin-right: 4px;}
.locate_info_view .paging_pnl{margin-top: 40px;padding: 20px 15px 0;border-top: 1px solid #dfe3e6;}

.link_btn{display: inline-block;margin-top: 30px;padding: 15px 25px;background: #0075c2;color: #fff;}
.link_btn i{display: inline-block;width: 20px;height: 16px;margin-right: 8px;background: url(../images/common/icon_link.png) no-repeat;background-size: 100%;vertical-align: middle;}

.sign_wrap{position: relative;;padding-top: 30px;text-align: right;font-weight: 700;}
.sign_wrap .sign2{font-size: 16px;}
.sign_wrap .sign2 span{font-size: 21px;}
.sign_wrap .thumb{padding-top: 4px;text-align: right;}
.sign_wrap .thumb img{width: 106px;}

.accordion_tab{text-align: left;}
.accordion_tab dt{display: block;padding: 20px 15px;padding-right: 45px;background: url(../images/sub/icon_tab_open.png) no-repeat right 15px center;background-size: 20px 20px;border-bottom: 1px solid #dfe3e6;font-size: 18px;font-weight: 700;color: #4c7a98;cursor: pointer;}
.accordion_tab .active dt{background-image: url(../images/sub/icon_tab_close.png);}
.accordion_tab dd{display: none;padding: 25px 15px;color: #666;}
.prevent_etc b{display: inline-block;padding-bottom: 6px;font-weight: 700;}

.declaration_tit{padding: 40px 15px 0;font-weight: 700;color: #4c7a98;}
.declaration_tit .tt1{font-size: 13px;}
.declaration_tit .tt2{font-size: 18px;padding-top: 15px;}
.declaration_list dt{position: relative;display: block;padding: 20px 15px;border-bottom: 1px solid #dfe3e6;font-size: 18px;font-weight: 700;color: #4c7a98;}
.declaration_list dt span{position: absolute;left: 15px;bottom: 23px;font-size: 12px;color: #c8d4dc;font-weight: 700;}
.declaration_list dd{padding: 25px 15px 10px;color: #666;}

.prevent_report{padding: 0 15px;}
.prevent_report li{margin-top: 15px;background-position: center;background-size: cover;text-align: left;color: #fff;}
.prevent_report .report01{background-image: url(../images/sub/sign_thumb_01.jpg);}
.prevent_report .report02{background-image: url(../images/sub/sign_thumb_02.jpg);}
.prevent_report .report03{background-image: url(../images/sub/sign_thumb_03.jpg);}
.prevent_report a{display: block;padding: 25px;}
.prevent_report span{display: block;}
.prevent_report .num{font-size: 30px;}
.prevent_report .tt{font-size: 15px;}
.prevent_report .btt{font-size: 30px;}

.subText_tit_c.bb{position: relative;left: -15px;width: 100vw;padding-top: 20px;padding-bottom: 20px;margin-top: 20px;border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;}
.cp_rule{padding-top: 20px;}
.cp_rule ul{padding: 0 10px;}
.cp_rule li{width: calc(50% - 12px);}
.cp_rule li:first-child{margin-right: 24px;}
.cp_rule li a{display: block;margin-top: 10px;padding: 8px 4px;background: #7193a3;color: #fff;}

.radius_tab{padding: 30px 5px 20px;border-bottom: 1px solid #dfe3e6;}
.radius_tab li{position: relative;display: inline-block;margin: 0 4px;vertical-align: top;}
.radius_tab li.active:after{content: '';display: block;width: 1px;height: 21px;position: absolute;bottom: -21px;left: 50%;background: #dfe3e6;}
.radius_tab li a{position: relative;display: block;width: 75px;height: 75px;background: #999;border-radius: 50%;}
.radius_tab li.active a{background: #2d84be;}
.radius_tab li a span{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 18px;font-weight: 300;}

.history_table{width: 100%;border: none;}
.history_table th{position: relative;padding-top: 20px;font-size: 16px;color: #4c7a98;font-weight: 700;vertical-align: top;}
.history_table th:after{content: '';position: absolute;top: 25px;right: -5px;width: 9px;height: 9px;border-radius: 50%;background: #dfe3e6;}
.history_table td{padding-left: 20px;border-left: 1px solid #dfe3e6}
.history_table .fare_list{padding-top: 15px;}

.board_select{position: relative;padding: 20px 15px;border-bottom: 1px solid #dfe3e6;}
.board_select:after{content: '';display: block;position: absolute;top: 45%;right: 33px;width: 8px;height: 8px;transform: translateY(-50%) rotate(45deg);border-right: 1px solid #666;border-bottom: 1px solid #666;}
.board_select select{width: 100%;line-height: 38px;height: 38px;padding-left: 15px;border: 1px solid #dfe3e6;background: #fff;color: #666;appearance: none;-webkit-appearance: none;}

.brand_product{padding-bottom: 30px;border-bottom: 1px solid #dfe3e6;}
.subText_tit_c + .brand_product{margin-top: 30px;border-top: 1px solid #dfe3e6;}
.brand_product .tit{padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #dfe3e6;color: #0075c2;font-size: 16px;font-weight: 700;}
.brand_product .desc{padding: 20px 15px 0;font-size: 12px;font-weight: 700;}
.brand_product .desc_st{padding: 20px 15px 0;font-size: 12px;color: #666;text-align: left;}
.brand_product .thumb{padding: 20px 15px;border-bottom: 1px solid #dfe3e6;}
.brand_product .fare_list{padding: 20px 15px 0;}
.brand_product .level{padding: 20px 0 0;}
.brand_product .level .st{font-size: 12px;}
.brand_product .level ol{padding-top: 20px;}
.brand_product .level li{display: inline-block;height: 33px;line-height: 33px;width: 33px;margin: 0 2px;border-radius: 50%;background: #999;color: #fff;font-size: 18px;font-weight: 700;}
.brand_product .level li.on{background: #0075c2;}
.brand_product_desc{padding: 0 15px 20px;border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;margin-top: 20px;}
.brand_product_desc:last-child{border-bottom: none;padding-bottom: 0;}
.brand_product_desc li{width: calc(50% - 7px);margin-right: 14px;padding-top: 20px;}
.brand_product_desc li:nth-child(even){margin-right: 0;}
.brand_product_desc li .tt{padding-bottom: 15px;font-size: 15px;font-weight: 700;color: #0075c2;}
.brand_product_desc li .st{padding-top: 15px;font-size: 12px;font-weight: 700;}
.brand_product_desc li .desc{padding: 12px 10px 0;color: #666;font-size: 11px;}
.brand_history .tit{padding-top: 30px;font-size: 16px;font-weight: 700;}

.product_news{padding: 55vw 15px 20px;border-bottom: 1px solid #dfe3e6;background: url(../images/sub/products_intro.jpg) no-repeat center 0;background-size: 100%;}
.product_news .charge{padding-top: 12px;font-size: 14px;color: #0075c2;font-weight: 700;}
.product_news .alert{padding-top: 12px;line-height: 1.8;font-size: 14px;color: #666;}
.product_news_alert{padding: 15px;border-bottom: 1px solid #dfe3e6;color: #666;}

.contact_desc{position: relative;left: -15px;width: 100vw;margin-top: 20px;padding: 0 15px 20px;border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;}
.contact_desc .tit{padding-top: 20px;font-size: 15px;font-weight: 700;color: #0075c2;}
.contact_desc .tit img{width: 177px;vertical-align: middle;}
.contact_desc .tit span{padding-left: 5px;vertical-align: bottom;}

.video_wrap{height: 56.25vw;border: 1px solid #dfe3e6;}
.video_wrap iframe{width: 100%;height: 100%;vertical-align: top;}

.left_content{text-align: left;padding-top: 30px;}
.left_content .tit{position: relative;left: -15px;width: 100vw;padding:0 15px 10px;border-bottom: 1px solid #dfe3e6;font-size: 21px;color: #4c7a98;font-weight: 700;}
.left_content .tit:after{clear: both;content: '';display: block;}
.left_content .tit span{float: right;font-size: 15px;font-weight: 400;color: #666;}
.left_content .tit span:before{content: '';display: inline-block;width: 12px;height: 18px;margin-right: 6px;background: url(../images/sub/icon_map.png) no-repeat;background-size: 100%;vertical-align: middle;}
.left_content .desc{padding-top: 15px;font-size: 14px;}
.left_content .st{margin-top: 15px;padding-top: 15px;border-top: 1px solid #dfe3e6;color: #666;}
.left_content .dot_tit{position: relative;margin-top: 20px;padding-left: 10px;padding-bottom: 15px;border-bottom: 1px solid #dfe3e6;font-size: 15px;font-weight: 700;}
.left_content .dot_tit:after{content: '';position: absolute;left: 3px;top: 8px;width: 4px;height: 4px;border-radius: 50%;background: #333;}

.icon_desc{margin-top: 20px;padding: 20px 15px 0;border-top: 1px solid #dfe3e6;}
.icon_desc > ul > li{padding-bottom: 20px;}
.icon_desc > ul > li:last-child{padding-bottom: 0;}
.icon_desc .desc{position: relative;padding-left: 90px;text-align: left;}
.icon_desc .desc .thumb_icon{position: absolute;left: 0;top: 0;width: 79px;}
.icon_desc .desc .tit{padding-bottom: 7px;font-size: 14px;color: #0075c2;font-weight: 700;}
.icon_desc .desc .fare_list{padding-top: 10px;border-top: 1px solid #dfe3e6;}
.icon_desc .thumb_chart{padding-top: 20px;}

.report_title{padding: 20px 0 20px;border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;background: #f1f1f1;}
.report_title .tit{font-weight: 700;font-size: 21px;}
.report_wrap{text-align: left;}
.report_wrap .tit{font-size: 21px;font-weight: 700;text-align: center;}
.report_wrap p{padding-top: 20px;color: #666;}
.report_wrap p.etc{text-align: center;}
.report_wrap ol {padding-left: 15px;}
.report_wrap ol li{list-style: decimal;padding-top: 20px;}
.report_wrap .sign_line{margin-top: 60px;}
.report_wrap .sign_line li{width: 48%;margin-right: 2%;padding-top: 10px;border-top: 1px solid #000;}
.report_wrap .sign_line li:last-child{margin-right: 0;}
.report_wrap .sign_01{font-size: 16px;}
.report_wrap .report_table{width: 100%;margin-top: 20px;}
.report_wrap .report_table th{background: #f4f4f4;text-align: center;font-size: 14px;font-weight: 700;}
.report_wrap .report_table td{color: #666;}
.report_wrap .report_table td,.report_wrap .report_table th{border: 1px solid #dfe3e6;padding: 8px 12px;vertical-align: top;}

.check_list > li{position: relative;margin-top: 3px;padding-left: 12px;text-align: left;color: #666;}
.check_list > li:first-child{margin-top: 0;}
.check_list > li:after{content: '';position: absolute;left: 0px;top: 3px;width: 6px;height: 6px;border: 1px solid #666;}

.constitution_down li{position: relative;line-height: 45px;border-bottom: 1px solid #dfe3e6;text-align: left;}
.constitution_down li .tit{padding-right:80px;font-weight: 700;}
.constitution_down li .tit span{float: right;font-weight: 400;color: #666;}
.constitution_down li a{position: absolute;right: 0;top: 5px;display: inline-block;line-height: 35px;padding: 0 12px;color: #fff;}
.constitution_down li .file_01{background: #004674}
.constitution_down li .file_02{background: #0075c2}

.council_wrap .tit{margin-top: 30px;margin-bottom: 10px;font-size: 15px;font-weight: 700;background: url(../images/sub/tit_logo.png) no-repeat 100% center;background-size: 26px 20px;text-align: left;}
.council_wrap .tit span{color: #4c7a98;}
.council_wrap .fare_list{margin-top: 10px;padding-left: 15px;padding-top: 15px;border-top: 1px solid #dfe3e6;}

/* 사회공헌 jw홀딩스디자인 */
.img_ntext_un{position: relative;}
.img_ntext_un .desc{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 720px;padding: 0 40px 25px;background: rgba(0,0,0,0.3);color: #fff;}
.img_ntext_un .desc .tit{padding-top: 30px;font-size: 26px;font-weight: 200;}
.img_ntext_un .desc .st{padding-top: 20px;}
.img_ntext_un .logo_jw_contribute{padding-top: 20px;}
.img_ntext_un .logo_jw_contribute img{width: 258px;}
.img_ntext_un .jw_more{display: inline-block;margin-top: 20px;padding: 10px 20px;border: 1px solid #fff;background: rgba(0.0.0.0.2);font-size: 15px;}
.img_ntext_un .jw_more i{position: relative;display: inline-block;width: 15px;height: 15px;margin-right: 10px;vertical-align: top;}
.img_ntext_un .jw_more i:before{content: '';display: block;position: absolute;top: 50%;left: 0%;margin-top: -1px;width: 100%;height: 1px;background: #fff;}
.img_ntext_un .jw_more i:after{content: '';display: block;position: absolute;top: 0%;left: 50%;margin-left: -1px;width: 1px;height: 100%;background: #fff;}
.img_ntext_bg .desc{max-width: 720px;padding: 0 40px 25px;color: #fff;margin: 0 auto;}
.img_ntext_bg .desc.brown{background: #706b66;}
.img_ntext_bg .desc.lite_brown{background: #7a5d3d;}
.img_ntext_bg .desc .tit{padding-top: 30px;font-size: 26px;font-weight: 200;}
.img_ntext_bg .desc .st{padding-top: 20px;}

/* CI소개 */
.line_tit{display: inline-block;padding: 30px 9px 11px;border-bottom: 2px solid #c8d9e4;/*color: #4c7a98;font-weight: 700;*/font-size: 21px;}
.subText_tt{padding-top: 20px;font-size: 18px;}
.ci_color{padding-top: 20px;text-align: left;}
.ci_color li{width: 32%;min-height: 154px;margin-right: 2%;padding: 15px 7px;border: 1px solid #dfe3e6;box-sizing: border-box;}
.ci_color li:nth-child(3n){margin-right: 0;}
.ci_color .tt{font-weight: 700;letter-spacing: -0.5px;}
.ci_color .color{margin-top: 8px;height: 15px;}
.ci_color .color.jw_blue{background: #0075c2;}
.ci_color .color.jw_light_blue{background: #00a9e5;}
.ci_color .color.jw_deep_blue{background: #00438e;}
.ci_color .st{font-size: 11px;color: #666;padding-top: 8px;}
.ci_down{padding: 10px 0 16px;margin-top: 20px;border: 1px solid #dfe3e6;}
.ci_down li{width: 50%;}
.ci_down .btn_download{display: inline-block;margin-top: 5px;padding: 10px 24px;border: 1px solid #dfe3e6;font-size: 14px;font-weight: 700;}
.ci_down .btn_download i{display: inline-block;margin-left: 15px;width: 22px;height: 17px;background: url(../images/sub/icon_ci_down.png) no-repeat;background-size: 100%;vertical-align: top;}

/*
	font-color : #333, #666, #999;
	[point] color : #4c7a98 (연청), #0075c2 (진한파랑);
	border-color : #dfe3e6;
*/
.history_blue .history_list {
    position: relative;
    width: 100%;
    margin-top: 30px;
    text-align: left;
    font-size: 0;
}

.history_blue .history_list h3 {
    display:
        inline-block;
    width: 60px;
    height: 60px;
    vertical-align: top;
}

.history_blue .history_list h3 span {
    position: relative;
    z-index: 70;
    width: 60px;
    display: block;
    font-family: "NBL";
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}

.history_blue .history_list h3 span em {
    margin-top: -20px;
    display: block;
    font-size: 15px;
    margin-bottom: 8px;
    font-style: normal;
    color: #fff;
    font-family: "NBL";
}

.history_blue .history_list h3:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: #0075c2;
    border-radius: 50px;
    z-index: 10;
}

.history_blue .history_list ul {
    padding-left: 15px;
    padding-top: 15px;
    display: inline-block;
    width: calc(100% - 60px);
}

.history_blue .history_list ul li {
    line-height: 28px;
    font-size: 13px;
}

.history_blue .history_list ul:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 42px;
    width: 40px;
    height: 9px;
    z-index: 10;
}

.history_blue .history_list ul.line2 {
    padding-top: 19px;
}

.history_blue .history_list ul.line3 {
    padding-top: 5px;
}

.history_blue .history_list ul.line4 {
    padding-top: 0;
}