@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;}
.mCnWrap_wide_c{padding-bottom: 40px; text-align: left;}
/* .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;}
.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;}
/* 개인정보 취급 방침 20210715*/
.subText_tit_cp{padding: 20px;font-size: 21px;color: #4c7a98;font-weight: 700;}
.subText_tit_tp{padding: 20px;font-size: 18px;font-weight: 700;}
.subText_st_cp{padding: 20px;color: #666;}


.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{word-break: break-all;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;
*/


/* 2020.01.20 rnd 추가 */
.rnd_2020{padding:0 !important}
.rnd_2020 *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

.tab_ty01 {display: table;width: 100%;margin-bottom: 20px;table-layout:fixed}
.tab_ty01 a {display: table-cell;padding: 7px 5px;text-align: center;vertical-align: middle;font-size: 1.2em;border: 1px solid #999;border-right: 0;background-color: #f6f6f6}
.tab_ty01 a:first-child {border-radius: 7px 0 0 7px}
.tab_ty01 a:last-child {border-right: 1px solid #999;border-radius: 0 7px 7px 0}
.tab_ty01 a.on {color: #fff;background-color: #2d84be}

.rnd_toggle{text-align:left}
.rnd_toggle .tit{margin-top:37px;padding-bottom:5px;font-size:15px;line-height:22px;color:#333333;font-weight:bold}
.rnd_toggle .tit:first-of-type{margin-top:0}
.rnd_toggle dl{border-top:1px solid #313d47}
.rnd_toggle dl .t_dt{position:relative;padding:15px 25px 15px 84px;min-height: 67px;border-bottom:1px solid #e0e3e6;cursor:pointer}
.rnd_toggle dl .t_dt.on{border-bottom:none}
.rnd_toggle dl .t_dt::before{content:'';display:inline-block;position:absolute;top:20px;left:5px;width:60px;height:60px;background-size:70px 70px;background-position: center center;background-repeat:no-repeat}
.rnd_toggle dl .t_dt:after{content:'';display:inline-block;position:absolute;top:20px;right:5px;width:16px;height:12px;background:url('../images/sub/toggle_arrow.png') no-repeat;background-size:16px 24px;background-position:0 0}
.rnd_toggle dl .t_dt.on:after{background-position:0 -12px}

.rnd_toggle dl .t_dt.rnd_jwelry::before{background-image:url('../images/sub/icon_JWELRY.png') }
.rnd_toggle dl .t_dt.rnd_clover::before{background-image:url('../images/sub/icon_clover.png') }
.rnd_toggle dl .t_dt.rnd_ctp::before{background-image:url('../images/sub/icon_CTP_Technology.png') }
.rnd_toggle dl .t_dt.rnd_cellskill::before{background-image:url('../images/sub/icon_cellskill.png') }
.rnd_toggle dl .t_dt.rnd_smedds::before{background-image:url('../images/sub/icon_SMEDDS.png') }
.rnd_toggle dl .t_dt.rnd_carba::before{background-image:url('../images/sub/icon_carba.png') }
.rnd_toggle dl .t_dt.rnd_spps::before{background-image:url('../images/sub/icon_spps.png') }
.rnd_toggle dl .t_dt.rnd_flow::before{background-image:url('../images/sub/icon_flow.png') }
.rnd_toggle dl .t_dt.rnd_sap::before{background-image:url('../images/sub/icon_sap.png') }
.rnd_toggle dl .t_dt.rnd_ccs::before{background-image:url('../images/sub/icon_ccs.png') }
.rnd_toggle dl .t_dt.rnd_bio::before{background-image:url('../images/sub/icon_bio.png') }
.rnd_toggle dl .t_dt.rnd_poct::before{background-image:url('../images/sub/icon_poct.png') }
.rnd_toggle dl .t_dt.rnd_immunity::before{background-image:url('../images/sub/icon_immunity.png') }

.rnd_toggle dl .t_dt .dt{margin-bottom:5px;font-size:15px;line-height:22px;color:#4683c0;font-weight:bold}
.rnd_toggle dl .t_dd{display:none;padding-top:10px;padding-bottom:50px;border-bottom:1px solid #c2c2c2}
.rnd_toggle dl .t_dd p,
.rnd_toggle dl .t_dd li{font-size:13px;color:#666666;line-height:20px;word-break: keep-all}
.rnd_toggle dl .t_dd p.sub_tit{margin:15px 0 5px;font-size:16px;font-weight:bold;color:#333333}
.rnd_toggle dl .t_dd p.sub_tit02{margin:15px 0 5px;font-size:13px;font-weight:bold;color:#333}
.rnd_toggle dl .t_dd img{margin-top:15px;width:100%}


.normal_toggle{text-align:left}
.normal_toggle .tit{margin-top:37px;padding-bottom:5px;font-size:15px;line-height:22px;color:#333333;font-weight:bold}
.normal_toggle .tit:first-of-type{margin-top:0}
.normal_toggle dl{border-top:1px solid #313d47}
.normal_toggle dl .t_dt{position:relative;padding:15px 25px 15px 15px;border-bottom:1px solid #e0e3e6;cursor:pointer}
.normal_toggle dl .t_dt.on{border-bottom:none}
.normal_toggle dl .t_dt:after{content:'';display:inline-block;position:absolute;top:20px;right:5px;width:16px;height:12px;background:url('../images/sub/toggle_arrow.png') no-repeat;background-size:16px 24px;background-position:0 0}
.normal_toggle dl .t_dt.on:after{background-position:0 -12px}

.normal_toggle dl .t_dt .dt{font-size:15px;line-height:22px;color:#333;font-weight:bold}
.normal_toggle dl .t_dd{display:none;padding-top:10px;padding-bottom:50px;border-bottom:1px solid #c2c2c2}
.normal_toggle dl .t_dd p,
.normal_toggle dl .t_dd li{font-size:13px;color:#666666;line-height:20px;word-break: keep-all}
.normal_toggle dl .t_dd p.sub_tit{margin:15px 0 5px;font-size:16px;font-weight:bold;color:#333333}
.normal_toggle dl .t_dd p.sub_tit02{margin:15px 0 5px;font-size:13px;font-weight:bold;color:#333}
.normal_toggle dl .t_dd img{margin-top:15px;width:100%}

.list_dot li{position:relative;padding-left:10px;font-size:13px;line-height:20px;color:#666;word-break: keep-all}
.list_dot li::before{content:'·';position: absolute;top:0;left:0;font-size:13px;line-height:20px;color:#666;font-weight:bold}
.list_bar li{position:relative;padding-left:10px;font-size:13px;line-height:20px;color:#666;word-break: keep-all}
.list_bar li::before{content:'-';position: absolute;top:0;left:0;font-size:13px;line-height:20px;color:#666}
.bgbox{padding:20px 15px;border-radius: 15px;background-color:#f7f9fb}
.bgbox + .bgbox{margin-top: 15px}
.bgbox .sub_tit{color:#3374c4 !important}
.bgbox .sub_tit:first-of-type{margin-top:0 !important}

.data_tbl_radius {border: 1px solid #c2c2c2;border-radius: 10px;margin:15px 0;width:100%;overflow:hidden}
.data_tbl thead th{padding:0 5px;height:60px;background:#4783c1;border-left:1px solid #c2c2c2;border-top:1px solid #c2c2c2;font-size:12px;color:#fff;text-align:center;word-break:keep-all}
.data_tbl thead th sup{color:#fff}
.data_tbl tbody th {padding: 25px 5px 23px;background: #f4faff;border-top:1px solid #c2c2c2;font-size:12px;color:#333;line-height:19px;font-weight:bold;text-align:center;word-break:keep-all}
.data_tbl thead tr:first-child th:first-child {border-left: none;}
.data_tbl thead tr:first-child th{border-top:none}
.data_tbl td:first-child {border-left: none;}
.data_tbl td {padding: 10px 10px;border-top:1px solid #c2c2c2;border-left:1px solid #c2c2c2;font-size:11px;color:#666;text-align: left;}
.data_tbl td ul {margin-bottom: 0;}


.joint_list{font-size:0}
.joint_list > li{margin-top:30px;padding-top:50px;width:100%;font-size:0;text-align:center;border-top:1px solid #dedede;}
.joint_list > li:first-child{margin-top:0;padding-top: 0;border-top:none}
.joint_list > li .thumb{display:block;margin:0 auto;}
.joint_list > li .thumb img{padding:0 !important;height:auto;}
.joint_list > li .info{display:block;margin:15px auto 0;text-align: left;box-sizing:border-box;}
.joint_list > li .btn_wrap{margin:0 auto;text-align:left}
.joint_list > li .btn{display:inline-block;height:20px;font-size:13px;color:#fff}
.joint_list .date{font-size:18px;color:#777;line-height:25px;}
.joint_list .tit{margin-bottom:15px;font-size:21px;color:#333;line-height:25px;font-weight:bold;word-break:keep-all;vertical-align:top;}


.normal_toggle .joint_list{font-size:0}
.normal_toggle .joint_list > li{margin-top:10px;padding-top:10px;width:100%;font-size:0;text-align:center;border-top:1px solid #dedede;}
.normal_toggle .joint_list > li:first-child{margin-top:0;padding-top: 0;border-top:none}
.normal_toggle .joint_list > li .thumb{display:block}
.normal_toggle .joint_list > li .thumb img{width:100%;height:auto;}
.normal_toggle .joint_list > li .info{display:block;margin:15px auto 0;text-align:left;box-sizing:border-box;}
.normal_toggle .joint_list > li .btn_wrap{margin:10px auto 0;text-align:left}
.normal_toggle .joint_list > li .btn{display:inline-block;padding:0 10px;height:32px;font-size:13px;color:#fff;line-height:32px}
.normal_toggle .joint_list .date{font-size:15px;color:#777;line-height:22px;text-align:left}
.normal_toggle .joint_list .tit{margin-top:5px;font-size:15px;color:#333;line-height:22px;font-weight:bold;word-break:keep-all;vertical-align:top;text-align:left}

.joint_list .txt{font-size:15px;color:#666;line-height:25px}
.joint_list .img{text-align:center}
.joint_list .txt:first-child{}

.btn.d_grayblue {background-color: #7193a3;}

.tit_desc{font-size:13px;line-height:20px;word-break: keep-all;}
.rnd_box {
  overflow: hidden;
  margin-top:15px
}
.rnd_box .inner_box {
  overflow:hidden;
  margin-top:15px;
  border:2px solid #c2c2c2;
  border-radius: 15px;
}
.rnd_box .inner_box:first-child{
  margin-top:0
}
.rnd_box .inner_box .tit {
  background: #189dc3;
  color: #FFF;
  font-size: 15px;
  font-weight:bold;
  text-align: center;
  padding: 12px 0;
  border-radius: 12px 12px 0 0;
}
.rnd_box .inner_box p {
  text-align: center;
  margin: 15px 10px;
  color: #666;
  font-size:13px;
  line-height:20px;
  word-break:keep-all;
}
.rnd_box .inner_box p span {
  color: #3374c4;
  font-size: 15px;
  display: block;
  margin:20px 0 12px;
}
.rnd_box .inner_box .btn_area {
  margin: 18px 18px 0;
  border-top: 1px solid #c2c2c2;
  padding: 15px 0;
  text-align: left;
}
.rnd_box .inner_box:first-child .tit {
  background: #3374c4;
}
.rnd_box .inner_box:last-child .tit {
  background: #255438;
}

.rnd_box .btn_area p{margin:0;font-size:13px;text-align:left}

.rnd_box .box_button {
  display: block;
  background: #888 url(../images/rnd_btn_arr.png) no-repeat 95% center;
  background-size: auto 15px;
  font-size:13px;
  color: #fff;
  padding: 12px 20px;
  margin-top: 7px;
}


.directivity_part{margin-top:10px;font-size:0}
.directivity_part dl{margin-top:25px;width:100%}
.directivity_part dl dt{margin-bottom:35px;font-size:0;text-align:center}
.directivity_part dl dt img{width:45%}
.directivity_part dl dd{text-align:left}

.const_desc{margin:5px 0 20px;font-size:0;text-align:left}
.const_desc li{display:inline-block;width:100%;font-size:12px;line-height:19px;text-align:left;vertical-align:top}



.tab_ty02 {position:relative;display:table;width:100%}
.tab_ty02 > li {display:table-cell;vertical-align: middle;padding:0}
.tab_ty02 > li > a {position:relative;display:block;padding:10px;width:100%;font-size:12px;text-align:center;background-color:#fff;border: 1px solid #999;overflow: hidden;box-sizing:border-box;}
.tab_ty02 > li > a::before{content:'';display:inline-block;width:0;height:100%;vertical-align: middle}
.tab_ty02 > li:first-child > a{border-radius:5px 0 0 5px}
.tab_ty02 > li:last-child > a{border-radius:0 5px 5px 0}
.tab_ty02 > li.on > a {background-color:#2d84be;color:#fff}


.tab_detail{display: none;padding:0}
.tab_detail.show{display: block}

.paginationGroup .group{display:none}

.paginationGroup .pagination{text-align:center;}
.paginationGroup .pagination a{overflow:hidden;margin:0 30px;display:inline-block;width:38px;height:38px;border-radius:50vw;background:url('https://www.jw-pharma.co.kr/pharma/en/asset/images/spr.png') no-repeat;font-size:0;text-indent:-9999px;}
.paginationGroup .pagination a.disable{opacity:.5;cursor:default;}
.paginationGroup .pagination a.btn_prev{background-position:-38px -296px}
.paginationGroup .pagination a.btn_next{background-position:-114px -296px}

.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;
}


/* 지속가능경영 */



h5.cont_tit {
    position: relative;
    margin-bottom: 20px;
    padding-left: 17px;
    font-size: 14px;
    line-height: 20px;
    color: #0075c2;
    font-weight: bold;
    text-align: left
}

h5.cont_tit::before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 4px;
    height: 16px;
    background-color: #c8d9e4
}

h5.cont_tit+.cont_stit {
    margin-bottom: 45px;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    text-align: left
}

h6.cont_tit {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    font-weight: bold;
    text-align: left
}


.scroll_x {
    overflow-x: scroll
}

.tab {
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 10px 0 0;
    padding: 0 14px;
    list-style: none;
}

.tab.flex_wrap {
    flex-wrap: wrap;
    padding: 0
}

.tab li {
    display: inline-flex;
    width: 33.33%
}

.tab li.w50 {
    width: 50%
}

.tab li a {
    display: inline-block;
    width: 100%;
    transition: 0.3s;
}

.tab_line {
    overflow: hidden;
    position: relative;
}

.tab_line:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #555;
    z-index: 30;
}

.tab_line li a {
    display: block;
    padding: 9px 0;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #999;
    background-color: #f6f7f8;
    border: 1px solid #dfe3e6;
}

.tab_line li a.active {
    position: relative;
    background-color: #0075c2;
    z-index: 50;
    color: #fff;
    border: 1px solid #555;
    border-bottom: 1px solid #0075c2;
}


.tab_2depth {
    position: relative;
    margin: 10px auto 30px;
    padding: 0 15px;
    display: flex;
    flex-wrap: nowrap;
    font-size: 0;
    text-align: center
}

.tab_2depth li {
    display: inline-flex;
    flex-grow: 1;
    height: 46px;
    flex-basis: content;
}

.tab_2depth li a {
    display: block;
    position: relative;
    padding: 13px 5px;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box
}

.tab_2depth li a.active {
    font-weight: bold
}

.tab_2depth li a.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px
}

.tab_2depth.green a.active {
    color: #5aba42
}

.tab_2depth.green a.active:after {
    background-color: #5aba42
}

.tab_2depth.blue a.active {
    color: #0075c2
}

.tab_2depth.blue a.active:after {
    background-color: #0075c2
}

.tab_3depth {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    text-align: center
}

.tab_3depth {
    width: 400px
}

.tab_3depth li {
    display: inline-flex;
    flex-grow: 1;
    height: 54px
}

.tab_3depth li a {
    display: block;
    position: relative;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    font-size: 13px;
    line-height: 54px;
    color: #999;
    box-sizing: border-box
}

.tab_3depth li a.active {
    font-weight: bold;
    color: #0075c2
}

.tab_3depth li a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -15px;
    width: 2px;
    height: 30px;
    background-color: #cdcdcd
}

.tab_3depth li:first-child a::before {
    display: none
}

.tab_cont{
    padding-top:30px;
}

/* 지배구조 */
.tab_line.orange li a.active {
    background-color: #f18027;
    border: #f18027
}

.tbl_caption {
    display: flex;
    justify-content: space-between;
    font-size: 13px
}

.tbl_caption span {
    font-size: 11px;
    line-height: 15px;
    color: #666
}

.tbl_governance {
    width: 100%;
    border: 1px solid #dfe3e6;
    border-top: none
}

.tbl_governance:last-of-type {
    margin-bottom: 0
}

.tbl_governance th,
.tbl_governance td {
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    border-top: 1px solid #dfe3e6;
    text-align: center;
    border-left: 1px solid #dfe3e6;
    word-break: keep-all
}

.tbl_governance thead th {
    font-weight: bold;
    background-color: #fafafa
}

.tbl_governance tbody .a_l {
    text-align: left
}

.tbl_governance tbody .a_r {
    text-align: right
}

/* 버튼*/
.btn_file {
    display: inline-block;
    width: 40px;
    height: 30px;
    background: url('../images/common/ci04.gif') no-repeat 10px top/ auto 100%;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    font-size: 0;
    text-indent: -999999px
}

.tbl_btm_caption {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 12px;
    text-align: left
}

/* 자율준수관리자 의지 천명 */
.esg_txtbox {
    text-align: left
}

.esg_txtbox p {
    font-size: 13px;
    line-height: 20px;
    color: #555;
    word-break: keep-all
}

.esg_txtbox p em {
    color: #0075c2;
    text-decoration: underline;
    font-style: normal;
    font-weight: bold
}

.esg_txtbox p.sign {
    margin-top: 50px;
    text-align: right;
    font-weight: bold
}

/* 주식총수 */
.tbl_stock {
    margin: 20px 0;
    border: 1px solid #dfe3e6;
    border-top: none
}

.tbl_stock th,
.tbl_stock td {
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    border-top: 1px solid #dfe3e6;
    text-align: center;
    border-left: 1px solid #dfe3e6
}

.tbl_stock thead th {
    font-weight: bold;
    background-color: #fafafa
}

.tbl_stock tbody .a_l {
    padding-left: 20px;
    text-align: left
}

.tbl_stock tbody .a_r {
    text-align: right
}




/* 아이콘 */
.icon_download{
    display:inline-block;
    color: #0075c2;
    height: 24px;
    vertical-align: top;
}
.icon_download::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  display: block;
  background-color: currentColor;
  -webkit-mask: url("../images/common/download.svg") no-repeat center / contain;
  mask: url("../images/common/download.svg") no-repeat center / contain;
}
.esg-down-box{
    margin-top:20px;
}
.esg-down-box  .btn_download{
    display: block;
    width:100%;
    height: 46px;
    border:1px solid #0075c2;
    background-color: #fff !important;
    font-size:13px;
    line-height:20px;
    color:#0075c2 !important;
    font-weight: bold;
    box-sizing: border-box;
}
.esg-down-box  .btn_download + .btn_download{
    margin-top:10px;
}

/* ========================================
   MOBILE R&D PIPELINE - CLEAN VERSION
   2026.04.15
======================================== */

/* ------------------------------
   COLOR SYSTEM
------------------------------ */
.pipeline-button.brightcyan { background-color: #00A8E6 !important; }
.pipeline-button.brightcyan:hover { background-color: #008fc4 !important; }

.pipeline-button.azureblue { background-color: #0075C5 !important; }
.pipeline-button.azureblue:hover { background-color: #005d9d !important; }

.pipeline-button.deepteal { background-color: #388885 !important; }
.pipeline-button.deepteal:hover { background-color: #2c6b68 !important; }

.pipeline-button.mintgreen { background-color: #37B488 !important; }
.pipeline-button.mintgreen:hover { background-color: #2b946f !important; }

.pipeline-button.amber { background-color: #FEAB1F !important; }
.pipeline-button.amber:hover { background-color: #db9200 !important; }

.pipeline-button.camel { background-color: #B2804F !important; }
.pipeline-button.camel:hover { background-color: #916741 !important; }

.pipeline-button.coralred { background-color: #E85E54 !important; }
.pipeline-button.coralred:hover { background-color: #cc4c43 !important; }

.pipeline-button.royalblue { background-color: #00448F !important; }
.pipeline-button.royalblue:hover { background-color: #00356f !important; }

.pipeline-button.magenta { background-color: #CC35C0 !important; }
.pipeline-button.magenta:hover { background-color: #a7299b !important; }

.pipeline-button.mediumgray { background-color: #A6A6A6 !important; }
.pipeline-button.mediumgray:hover { background-color: #818181 !important; }

/* legacy color aliases */
.pipeline-button.purple { background-color: #00A8E6 !important; }
.pipeline-button.purple:hover { background-color: #008fc4 !important; }

.pipeline-button.blue { background-color: #0075C5 !important; }
.pipeline-button.blue:hover { background-color: #005d9d !important; }

.pipeline-button.turquoise { background-color: #388885 !important; }
.pipeline-button.turquoise:hover { background-color: #2c6b68 !important; }

.pipeline-button.khaki { background-color: #37B488 !important; }
.pipeline-button.khaki:hover { background-color: #2b946f !important; }

.pipeline-button.orange { background-color: #FEAB1F !important; }
.pipeline-button.orange:hover { background-color: #db9200 !important; }

.pipeline-button.gray { background-color: #B2804F !important; }
.pipeline-button.gray:hover { background-color: #916741 !important; }

.pipeline-button.reddish { background-color: #E85E54 !important; }
.pipeline-button.reddish:hover { background-color: #cc4c43 !important; }

.pipeline-button.deepblue { background-color: #00448F !important; }
.pipeline-button.deepblue:hover { background-color: #00356f !important; }

.pipeline-button.lightgray { background-color: #A6A6A6 !important; }
.pipeline-button.lightgray:hover { background-color: #818181 !important; }

.pipeline-button.disabled {
    background-image: none !important;
}

/* ------------------------------
   PIPELINE HEADER / SECTION
------------------------------ */
.pipeline_title {
    height: 25px;
    padding: 0 10px;
    background-color: #4683c0;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    text-align: left;
}

.pipeline_section .pipeline_top {
    width: 100%;
    height: 160px;
    background: url('../images/pipeline_bg.gif') no-repeat center center;
    background-size: auto 60%;
    text-align: center;
    border-bottom: 1px solid #c2c2c2;
}

.pipeline_section .pipeline_top::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.pipeline_section .pipeline_top p {
    display: inline-block;
    vertical-align: middle;
}

.pipeline_section .pipeline_top span {
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: #666666;
    font-weight: bold;
    vertical-align: middle;
}

.pipeline_section .pipeline_top .num {
    margin-right: 15px;
    font-size: 54px;
    line-height: 60px;
    color: #f4af00;
}

.pipeline_section .disease_area {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 15px 0 25px;
    font-size: 0;
}

.pipeline_section .disease_area p.txt,
.pipeline_section .disease_area > p:first-child {
    width: 100%;
    margin: 0 0 6px;
    font-size: 15px;
    color: #313d47;
    font-weight: bold;
    line-height: 33px;
    text-align: left;
}

.pipeline_section .disease_area .pipeline-button {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(50% - 4px);
    min-height: 48px;
    margin: 0;
    padding: 10px 36px 10px 14px;
    font-size: 14px;
    line-height: 1.35;
    color: #fff;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}
.pipeline_section .disease_area .pipeline-button span {
    display: block;
    width: 100%;
    word-break: keep-all;
}

.pipeline_section .disease_area .pipeline-button.disabled {
    background-image: none !important;
}

.pipeline_section .disease_area .pipeline-button::before {
    content: '';
    display: inline-block;
    width: 0;
    min-height: 45px;
    vertical-align: middle;
}

.pipeline_section .disease_area .pipeline-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
    background: none !important;
}

.pipeline_section .disease_area .pipeline-button.disabled::after {
    display: none;
}

.pipeline_section .disease_area .pipeline-button.b_s {
    width: 49%;
}

.pipeline_section .disease_area .pipeline-button span,
.pipeline_section .disease_area .pipeline-button {
    word-break: keep-all;
}

/* ------------------------------
   LEGEND
------------------------------ */
.pipeline_legend {
    padding: 25px 0;
    font-size: 0;
    text-align: left;
    word-break: keep-all;
}

.pipeline_legend p {
    display: inline-block;
    padding-right: 15px;
    margin-top: 5px !important;
}

.pipeline_legend p i {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
}

.pipeline_legend p span {
    display: inline-block;
    padding-left: 10px;
    width: calc(100% - 10px);
    font-size: 14px;
    color: #313d47;
    vertical-align: middle;
}

/* legend colors */
.pipeline_legend i.brightcyan,
.pipeline_legend i.purple { background-color: #00A8E6 !important; }

.pipeline_legend i.azureblue,
.pipeline_legend i.blue { background-color: #0075C5 !important; }

.pipeline_legend i.deepteal,
.pipeline_legend i.turquoise { background-color: #388885 !important; }

.pipeline_legend i.mintgreen,
.pipeline_legend i.khaki { background-color: #37B488 !important; }

.pipeline_legend i.amber,
.pipeline_legend i.orange { background-color: #FEAB1F !important; }

.pipeline_legend i.camel,
.pipeline_legend i.gray { background-color: #B2804F !important; }

.pipeline_legend i.coralred,
.pipeline_legend i.reddish { background-color: #E85E54 !important; }

.pipeline_legend i.royalblue,
.pipeline_legend i.deepblue { background-color: #00448F !important; }

.pipeline_legend i.magenta { background-color: #CC35C0 !important; }

.pipeline_legend i.mediumgray,
.pipeline_legend i.lightgray { background-color: #A6A6A6 !important; }

/* ------------------------------
   PIPELINE TABS
------------------------------ */
.pipeline_tab {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.pipeline_tab li {
    display: table-cell;
}

.pipeline_tab li a {
    display: block;
    height: 45px;
    cursor: default;
}

.pipeline_tab li a::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.pipeline_tab li a span {
    display: inline-block;
    font-size: 15px;
    letter-spacing: -1px;
    color: #c2c2c2;
    vertical-align: middle;
}

.pipeline_tab li.on a span {
    color: #333;
    font-weight: bold;
}

.pipeline_tab_group {
    margin-bottom: 50px;
}

.pipeline_tab_group .tab_cont,
.pipeline_tab_group .tab_cont.on {
    display: block;
}

/* ------------------------------
   IN THE PIPELINE LIST
------------------------------ */
.inthe_pipeline .pipe_tit {
    padding: 20px 0 5px;
    line-height: 45px;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
}

.inthe_pipeline .pipe_tit img {
    margin: 0 10px 0 0;
    width: 45px !important;
    height: 45px;
}

.inthe_pipeline li {
    padding-bottom: 15px;
}

.inthe_pipeline li:first-of-type {
    padding-top: 15px;
}

.inthe_pipeline li .cate {
    margin-bottom: 8px;
    font-size: 13px;
    color: #313d47;
    line-height: 18px;
    text-align: left;
}

.inthe_pipeline li .btn_area {
    font-size: 0;
    text-align: left;
}

.inthe_pipeline li .pipeline-button {
    display: inline-block;
    padding: 15px;
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    vertical-align: top;
}

.inthe_pipeline li .pipeline-button.size_l {
    height: 72px;
}

.inthe_pipeline li .pipeline-button.size_l::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.inthe_pipeline li .pipeline-button.size_l span {
    display: inline-block;
    vertical-align: middle;
}

.inthe_pipeline li .btn_area .pipeline-button {
    width: 100%;
}

.inthe_pipeline li .btn_area.col_02 .pipeline-button {
    width: 49%;
    margin-left: 2%;
    margin-top: 2vw;
}

.inthe_pipeline li .btn_area.col_02 .pipeline-button:nth-child(2n+1) {
    margin-left: 0;
}

.inthe_pipeline li .btn_area.col_03 .pipeline-button {
    width: 32%;
    margin-left: 2%;
    margin-top: 2vw;
}

.inthe_pipeline li .btn_area.col_03 .pipeline-button:nth-child(3n+1) {
    margin-left: 0;
}

/* ------------------------------
   POPUP COMMON
------------------------------ */
.pipeline-popup-div {
    opacity: 0;
    display: none;
    position: relative;
    width: 80%;
}

.b-close {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    background: none !important;
    z-index: 10;
}

.b-close::before,
.b-close::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 4px;
    width: 16px;
    height: 2px;
    background-color: #666;
}

.b-close::before {
    transform: rotate(45deg);
}

.b-close::after {
    transform: rotate(-45deg);
}

/* ------------------------------
   POPUP TYPE 01
------------------------------ */
.popup-ty01 {
    border: 1px solid #c2c2c2;
    background-color: #fff;
}

.popup-ty01 .title {
    font-size: 17px;
    color: #333;
    padding: 10px 15px;
    border-bottom: 1px solid #c2c2c2;
    line-height: 22px;
}

.popup-ty01 .contents {
    padding: 15px;
    min-height: 220px;
    position: relative;
    line-height: 22px;
}

.popup-ty01 .contents .img_area {
    padding: 0 0 15px;
    text-align: center;
}

.popup-ty01 .contents img {
    width: 130px;
    height: auto;
}

.popup-ty01 .contents .txt {
    font-size: 13px;
    line-height: 20px;
}

/* ------------------------------
   POPUP TYPE 02
------------------------------ */
.popup-ty02 {
    border: 1px solid #c2c2c2;
    background-color: #fff;
}

.popup-ty02 .title {
    font-size: 13px;
    color: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid #c2c2c2;
    line-height: 22px;
}

.popup-ty02 .b-close {
    background: url(../images/pipeline_pop_close.png);
    background-size: 20px auto;
}

.popup-ty02 .b-close::before,
.popup-ty02 .b-close::after {
    background-color: #fff;
}

.popup-ty02 .contents {
    padding: 20px 15px;
}

.popup-ty02 .contents dt {
    margin-top: 10px;
    font-size: 13px;
    color: #333;
    font-weight: bold;
}

.popup-ty02 .contents dl:first-of-type dt {
    margin-top: 0;
}

.popup-ty02 .contents dd {
    min-height: 20px;
    font-size: 13px;
    color: #333;
    line-height: 20px;
}

/* popup title colors - new mapping */
.popup-ty02.brightcyan .title,
.popup-ty02.purple .title { background-color: #00A8E6 !important; }

.popup-ty02.azureblue .title,
.popup-ty02.blue .title { background-color: #0075C5 !important; }

.popup-ty02.deepteal .title,
.popup-ty02.turquoise .title { background-color: #388885 !important; }

.popup-ty02.mintgreen .title,
.popup-ty02.khaki .title { background-color: #37B488 !important; }

.popup-ty02.amber .title,
.popup-ty02.orange .title { background-color: #FEAB1F !important; }

.popup-ty02.camel .title,
.popup-ty02.gray .title { background-color: #B2804F !important; }

.popup-ty02.coralred .title,
.popup-ty02.reddish .title { background-color: #E85E54 !important; }

.popup-ty02.royalblue .title,
.popup-ty02.deepblue .title { background-color: #00448F !important; }

.popup-ty02.magenta .title { background-color: #CC35C0 !important; }

.popup-ty02.mediumgray .title,
.popup-ty02.lightgray .title { background-color: #A6A6A6 !important; }