@charset "UTF-8";

.wrapper {position:relative; z-index:1; min-height:100%;}
.no_img {display: block; width: 100%; height: 100%; background-color: gray;}
.body_txt {margin-bottom: 15px; line-height: 1.6; color: #464545;}
.txt {margin-bottom:20px;}


/* sub_common */
.sub_each {margin-bottom:60px;}
.sub_each:last-of-type {margin-bottom:0;}
.sub_each.tab {display: none;}
.sub_each.tab.on {display: block;}

.sub_each.col2 {overflow: hidden;}
.sub_each.col2 > .left_box {float: left; width: 48%; margin-right: 4%; }
.sub_each.col2 > .right_box {float: left; width: 48%;}
.sub_each.col2 > div > .border_box {padding: 40px; min-height: 360px;}
.sub_each.col2 > div > .border_box > p {margin-bottom: 20px; word-break: keep-all;}

.sub_each2 {margin-bottom:50px;}
.sub_each3 {margin-bottom: 150px;}

.sub_txt {line-height: 1.8; -ms-word-break: keep-all; word-break: keep-all;}
.sub_txt a {color: #5386e4;}


/* tit 타이틀 스타일 */
.sub_tit_row {position: relative; margin-bottom: 40px; padding-top: 35px;}
.sub_tit_row .sub_tit1 {position: relative; text-align: center; font-size: 2.250em; font-weight: 500;}
.sub_tit_row .sub_tit1:before {content: ''; position: absolute; top: -35px; left: 50%; width: 28px; height: 30px; margin-left: -14px;	 background: url('/filk/images/sub/sub_tit1_ico.png') center center no-repeat;}

.sub_tit2 {position: relative; margin-bottom: 20px; padding-top: 6px; color: #434343; font-size: 1.500em; font-weight: 500;}
.sub_tit2:before {content: ''; position: absolute; top: 0px; left: 0; width: 30px; height: 2px; background-color: #009569;}

.sub_tit3 {margin-bottom: 20px; font-size: 2.000em; color: #009569;}
.sub_tit4 {margin-bottom: 12px; font-size: 1.125em; color: #ff4444; font-weight: 500;}

/* sub_layout */
.sub_con {}
#sub_real_contents {min-height: 900px; padding: 60px 0 130px; background-color: #fff;		}

.flex_wrap {display:flex;gap:20px;}
.block_area {border:1px solid #ddd;padding:30px;}
.block_area strong {color:#ff0000;font-weight:500;display:block;}
.left_mesg  ul {margin-top:20px;}
.mt25 {margin-top:25px;}
/* btn_style */
.common_btn.download {height: 35px; line-height: 33px; background-color: #009569; color: #fff; border: 1px solid #009569; padding: 0 20px;  border-radius: 30px;}
.common_btn.download i {margin-left: 10px;}
.common_btn.download:hover {background-color: #fff; color: #009569;}

/* table */
.table_hide {position: relative;}
.table_hide:before {content: ''; position: absolute; top: 0; left: 0px; width: 1px; height: 100%; background-color: #fff;}
.table_hide:after {content: ''; position: absolute; top: 0; right: 0px; width: 1px; height: 100%; background-color: #fff;}
.table_right_txt {float: right;     text-align: right; overflow: hidden;}

/* border */
.bd {border: 1px solid #000;}
.bd.gray {border: 1px solid #d2d2d2;}
.bd.point1 {border: 1px solid #ff483f;}

/* sub_top */
.sub_top {}
.sub_top .container { z-index: 3;}
.sub_top .top {background-color: #f1f1f1;background-image: url('/filk/images/sub/sub_top_bg_left.jpg'), url('/filk/images/sub/sub_top_bg_right.jpg');
background-position: left top,right top; background-repeat: no-repeat,no-repeat; box-shadow: inset 0px 4px 9px 0px #dcdcdc;}

.sub_top_tit {padding:38px 0 37px; color: #212121; font-size:2.2em; font-weight:500;}
.sub_top_bg {position: absolute; top: 0; width: 100%; height: 440px; background-color: rgba(0, 0, 0, 0.46);}


/* list_style */
.dot_list .tit {margin-bottom: 15px; }
.dot_list .tit > ul {margin-top: 8px;}
.dot_list .tit > ul li {}

/* table_style */
.col1_l tr td {text-align: center;}
.col1_l tr td:nth-child(1) {text-align: left;}

/* bread_box */
.bread_box  {position: relative; background-color: #fff; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;}
.brad_box_bottom {height: 60px; background-color: #fff;}
.bread_box .container {z-index: 2;}
.breadcrumb {}
.breadcrumb > li {display:inline-block; position: relative; float:left; color:#2a2a2a; border-left: 1px solid #e0e0e0;}
.breadcrumb > li:last-child {border-right: 1px solid #e0e0e0;}
.breadcrumb > li > a {position: relative; display: block; min-width: 250px; padding-left: 20px; padding-right: 40px; height: 60px; line-height: 60px; color: #2a2a2a;}
.breadcrumb > li > a.depth1 {color: #009569;}
.breadcrumb > li > a.depth1 > i {position: absolute; top: 50%; right: 10px; margin-top: -7px;}
.breadcrumb > li > a.depth1 > i {-webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;}
.breadcrumb > li > a.depth2 > i {position: absolute; top: 50%; right: 10px; margin-top: -7px;}
.breadcrumb > li > a.depth2 > i {-webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;}
.breadcrumb > li.on > a.depth1 > i {transform: rotate(180deg);}
.breadcrumb > li.on > a.depth2 > i {transform: rotate(180deg);}
.breadcrumb > li > p {position: relative; display: block; padding-left: 30px; padding-right: 40px; height: 60px; line-height: 60px; }
.breadcrumb > li > p > i {position: absolute; right: 5px; top: 50%;margin-top: -9px; font-size: 20px; }
.breadcrumb > li.home > a {display: inline-block; min-width: inherit; width: 65px;  padding: 0; color: #666666; text-align: center; font-size: 20px;  }
.breadcrumb > li.home > a i {right: 0; margin-top: -5px;}
.breadcrumb > li.home:after {display: none;}
.breadcrumb > li.not {display:none;}
.breadcrumb > li .depth_list {display: none; position: absolute; left: 0; top: 60px; width: 100%; background-color: #fff; border: 1px solid #dfdfdf; opacity: 0;}
.breadcrumb > li .depth_list {-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;}
.breadcrumb > li.on .depth_list {opacity: 1;}
.breadcrumb > li .depth_list li {border-bottom: 1px dashed #dfdfdf;}
.breadcrumb > li .depth_list li:last-child {border-bottom: 0;}
.breadcrumb > li .depth_list li a {display: block; height: 30px; line-height: 30px; padding-left: 20px; font-size: 0.867em;}
.breadcrumb > li .depth_list li a:hover {background-color: #f4f4f4;}
.btn_list {position: absolute; right: 0; top: 50%;  width: 90px; height: 40px; margin-top: -20px;}
.btn_list > li {position: relative; float: left; width: 40px; height: 40px; margin-right: 10px;}
.btn_list > li.share {margin-right: 0;}
.btn_list > li > a {display: block; width: 40px; height: 40px; line-height: 38px; background-color: #fff; border-radius: 50%; text-align: center; color: #fff; font-size: 23px;}

.btn_list > li.share > a {color: #ff756e; border: 1px solid #ff756e;}
.sub_share_box {display: none; position: absolute; left: 0; top: 40px; width: 40px;padding-top: 10px; padding-bottom: 5px; background-color: #fff; border: 1px solid #dedede; margin-top: 10px;}
.sub_share_box li {float:none;}
.sub_share_box li:first-child {margin-left: 0;}
.sub_share_box li a {display: block; width: 30px; height: 30px; line-height: 30px;
 background-color: #3b5998; border-radius: 50%; margin: 0 auto 5px; color: #fff; font-size:17px; text-align: center;}
.sub_share_box li.twitter a {background-color: #55acee;}
.sub_share_box li.kakaostory a {background-color: #fccb00;}
.sub_share_box li.googleplus a {background-color: #da4835;}
.sub_share_box li.blog a {background-color: #00c73c;}


/* tab_style 모든 탭 스타일 */
/* tab_style1 */
.tab_style1 ul {display: table; width: 100%; overflow: hidden;}
.tab_style1 ul li {display: table-cell; width: 10%; padding-right: 10px; text-align: center; vertical-align: middle;}
.tab_style1 ul li:last-child {padding-right: 0;}
.tab_style1 ul li a {display: table; width: 100%; height: 60px; background-color: #f6f6f6; border: 1px solid #dcdcdc;}
.tab_style1 ul li a span {display: table-cell; padding: 0 5px; vertical-align: middle; word-break: keep-all;}
.tab_style1 ul li a {-webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;}
.tab_style1 ul li a.on,.tab_style1 ul li a:hover {background-color: #fff; border: 1px solid #ff483f; color: #ff483f;}

/* tab_style2 */
.tab_style2 {position: relative; width: 100%; margin-bottom: 60px;	 overflow: hidden;}
.tab_style2 > ul {width: 100%; height: 60px;  border-bottom:none;}
.tab_style2 > ul > li {display: table; position: relative; float: left; height: 60px; border: 1px solid #dedede; border-right: none; border-bottom: 1px solid #009569;
background: #f6f6f6; font-size: 1.2em; font-weight: 500; color: #535353; text-align: center; overflow: hidden; cursor: pointer; -ms-word-break: keep-all; word-break: keep-all;}
.tab_style2 > ul.col2 > li {width: 50%;}
.tab_style2 > ul.col3 > li {width: 33.33%;}
.tab_style2 > ul.col4 > li {width: 25%;}
.tab_style2 > ul.col5 > li {width: 20%;}
.tab_style2 > ul.col6 > li {width: 16.66%;}
.tab_style2 > ul > li a {display: table-cell; color: #535353; vertical-align: middle;}
.tab_style2 > ul > li:nth-child(1){border-left: none;}
.tab_style2 > ul > li.on{ position: relative; background: #fff;  border: 1px solid #009569; border-bottom: none; color: #2d6cb2;}
.tab_style2 > ul > li.on a {color: #009569;}
.tab_style2 > ul > li.on:after {content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #fff;	}

/* tab_style3 */
.tab_style3 .tab_row {width: 100%;  overflow: hidden;}
.tab_style3 .tab_row > div {float: left; display: table; width: 19%; margin-right: 1%; text-align: center; margin-bottom: 10px;}
.tab_style3 .tab_row > div:last-child {margin-right: 0;}
.tab_style3 .tab_row > div a {display: table-cell; height: 50px; padding: 0 5px; border: 1px solid #dddddd; background-color: #f4f4f4; vertical-align: middle;     word-break: keep-all;}
.tab_style3 .tab_row > div a.on, .tab_style3 .tab_row > div a:hover {background-color: #009569; color: #fff;}
.tab_style3 .tab_row > div button {display: table-cell; width: 100%; height: 50px; padding: 0 5px; border: 1px solid #dddddd; background-color: #f4f4f4; vertical-align: middle;     word-break: keep-all;}
.tab_style3 .tab_row > div button.on, .tab_style3 .tab_row > div button:hover {background-color: #424242; color: #fff;}
.tab_style3 .tab_3p > div {width: 32%; margin-right: 2%;}
.tab_style3 .tab_4p > div {width: 24%;}

/* tab_style4 */
.tab_style4 { overflow: hidden;}
.tab_style4 ul {display: table; width: 100%; 	}
.tab_style4 li {display: table-cell; width: 7%; border: 1px solid #009569; border-left: none; height: 55px; background-color: #fff; text-align: center; vertical-align: middle;}
.tab_style4 li:nth-child(1) {border-left: 1px solid #009569;}
.tab_style4 li a {display: block; width: 100%; height: 100%; line-height: 55px; text-align: center; background-color: #fff; color: #009569; font-size: 1.125em;}
.tab_style4 li a.on {background-color: #009569; color: #fff;}
.tab_style4 li a:hover, .tab_style4 li a:focus {background-color: #009569; color: #fff;}


/* tab_style5 */
.tab_style5 .tab_row {display: table; width: 100%; margin-bottom: 10px; overflow: hidden;    table-layout: fixed;}
.tab_style5 .tab_row > div {display: table-cell; height: 100%;}
.tab_style5 .tab_row > div:last-child {margin-right: 0;}
.tab_style5 .tab_row > div a { width: 100%; height: 100%; padding: 0 5px; text-align: center; vertical-align: middle;}
.tab_style5 .tab_row > div a:before {content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;}
.tab_style5 .tab_row > div a span {display: inline-block; background-color: #f4f4f4;  vertical-align: middle;}
.tab_style3_cel {width: 100%; height: 40px;}


/* tab_style4 */
.tab_style6 { overflow: hidden;}
.tab_style6 ul {display: table; width: 100%; 	}
.tab_style6 li {display: table-cell; width: 7%; border: 1px solid #009569; border-left: none; height: 55px; background-color: #fff; text-align: center; vertical-align: middle;}
.tab_style6 li:nth-child(1) {border-left: 1px solid #009569;}
.tab_style6 li a {display: block; width: 100%; height: 100%; line-height: 55px; text-align: center; background-color: #fff; color: #009569; font-size: 1.125em;}
.tab_style6 li a.on {background-color: #009569; color: #fff;}
.tab_style6 li a:hover, .tab_style6 li a:focus {background-color: #009569; color: #fff;}





/* box style */
.row {overflow: hidden;}
.row.col2 > div {float: left; width: 48%; margin-right: 4%;}
.row.col2 > div:last-child {margin-right: 0;}
.row.col3 > div {float: left; width: 32%; margin-right: 2%;}
.row.col3 > div:last-child {margin-right: 0;}
.row.col4 > div {float: left; width: 25%; margin-right: 0%;}
.row.col4 > div:last-child {margin-right: 0;}

.ptt_box {padding: 6px; background: url('/filk/images/sub/pattern_box_bg.jpg');}
.ptt_box .inner_box {padding: 45px 20px; background: #fff;}
.ptt_box .inner_box h1 {margin-bottom: 20px; font-size: 1.500em; color: #19976c;}
.ptt_box .inner_box p {width: 100%; max-width: 950px; margin: 0 auto; font-size: 1.125em;}

.ptt_box.mypage{padding: 6px; background: url('/filk/images/sub/pattern_box_bg.jpg');}
.ptt_box.mypage .inner_box {display: table; width: 100%; padding: 0; background: #fff;}
.ptt_box.mypage .inner_box .left {display: table-cell; width: 450px; vertical-align: bottom;}
.ptt_box.mypage .inner_box .right {display: table-cell; padding: 50px 50px 50px 0; vertical-align: middle;}
.ptt_box.mypage .inner_box .right h1 {margin-bottom: 20px; font-size: 2.250em; color: #313131;}
.ptt_box.mypage .inner_box .right .txt1 {margin-bottom: 15px;}
.ptt_box.mypage .inner_box .right .txt2 {font-weight: 500; word-break:keep-all}


/* img_box */
.col2_box {display: table; width: 100%; }
.col2_box .left {display: table-cell; padding: 0 40px 0 0;}
.col2_box .left .tit {margin-bottom: 20px; color: #434343; font-size: 1.250em; font-weight: 500;}
.col2_box .left .txt {line-height: 2; color: #464545; -ms-word-break: keep-all; word-break: keep-all;}
.col2_box .right {display: table-cell; vertical-align: middle; text-align: right;}








/* color_box */
.color_box {overflow: hidden;}
.color_box.col2 .box {float: left; width: 49%; margin-right: 2%; border: 1px solid #ff4444;}
.color_box.col2 .box:nth-child(2n) {margin-right: 0;}
.color_box.col2 .box:nth-child(odd) {border: 1px solid #009569;}
.color_box.col2 .box .box_tit {height: 55px; line-height: 55px; background-color: #ff4444; color: #fff; text-align: center;}
.color_box.col2 .box:nth-child(odd) .box_tit {background-color: #009569;}
.color_box.col2 .box .box_con {padding: 30px; overflow: hidden;}
.color_box.col2 .box .box_con > div {float: left; width: 48%; margin: 0 1%; text-align: center;}


/* tit_box */
.tit_box2 {overflow: hidden;}
.tit_box2 .left {float: left;}
.tit_box2 .right {float: right;}

.click_here {display: inline-block; width: 87px; height: 27px; margin-left: 10px; background-color: #ff6760; line-height: 27px; font-weight: 500; text-align: center; color: #fff;}


/* img_col_box */
.img_col_box {display: table; width: 100%; margin-top: 10px;}
.img_col_box > div {display: table-cell; text-align: center; padding: 0 15px;}
.img_col_box > div img {margin-bottom: 10px;}


/* step_box */
.step_box {overflow: hidden;}
.step_box .box {position: relative; float: left; width: 170px; margin-right: 30px; margin-bottom: 10px; border: 2px solid #af9477; border-radius: 15px; background-color: #fff;}
.step_box .box:after {content: ''; position: absolute; top: 50%; right: -14px; width: 8px; height: 12px; margin-right: -6px; background: url('/filk/images/sub/step_box_arr.png') center center no-repeat;}
.step_box .box:last-child {margin-right: 0;}
.step_box .box:last-child:after {display: none;}
.step_box .box .tit_box {height: 80px; line-height: 80px; border-bottom: 1px dashed #a4a4a4; text-align: center; color: #434343; font-size: 1.188em;}
.step_box .box .cont_box {display: table-cell; height: 155px; padding: 0 10px; vertical-align: middle; font-size: 1.125em; font-weight: 300; text-align: center; word-break: keep-all;}
.step_box .box1 {background-color: #af9477;}
.step_box .box1 .cont_box {color: #fff;}
.step_box .box1 .tit_box {color: #fff;  border-bottom: 1px dashed #fff;}
.step_box .box5 {background-color: #4b9d85; border-color: #4b9d85;	}
.step_box .box5 .cont_box {color: #fff;}
.step_box .box5 .tit_box {color: #fff;  border-bottom: 1px dashed #fff;}
.step_box .box6 { border-color: #4b9d85;	}

/* border_box */
.border_box {margin-bottom: 25px; padding: 27px; border: 1px solid #000; overflow: hidden;}
.border_box.red {border: 1px solid #ff483f;}
.border_box.gray {border: 1px solid #d2d2d2;}
.border_box.green {border: 1px solid #119c73;}
.border_box p.txt { word-break: keep-all; color: #464545; line-height: 1.5em;}

.border_box .left_box {float: left;	width: 50%;	}
.border_box .left_box.img {padding-right: 27px;}
.border_box .left_box h1.tit {font-size: 1.250em; font-weight: 500;}
.border_box .right_box {float: left; width: 50%; }
.border_box .right_box h1.tit {font-size: 1.250em; font-weight: 500;}

.border_box.col3 {display: table; width: 100%;}
.border_box.col3 > div {position: relative; display: table-cell; width: 33.33%; height: 50px; padding: 0 20px; text-align: center; vertical-align: middle;}
.border_box.col3 > div:after {content: ''; position: absolute; right: 0px; top: 50%; width: 1px; height: 50px; margin-top: -25px; background-color: #d7d7d7;}
.border_box.col3 > div:last-child:after {display: none;}
.border_box.col3 > div .top {font-weight: 500;}
.border_box.col3 > div .top span {color: #009569;}

.border_box .box {overflow: hidden;}
.border_box .tit {margin-bottom: 15px; font-weight: 500; font-size: 1.125em;}
.border_box .box p {position: relative; float: left; margin-right: 70px;}
.border_box .box p:after {content: ''; position: absolute; top: 4px; right: -35px; width: 1px; height: 15px; background-color: #dedede;}
.border_box .box .call {float: left; padding-left: 30px; background: url('/filk/eng/images/sub/contact_ico1.png') left top 2px no-repeat;}
.border_box .box .e-mail {float: left; padding-left: 30px; background: url('/filk/eng/images/sub/contact_ico2.png') left top 5px no-repeat;}

/* border_box style2  */
.border_box.style2 .left_box {float: left;	width: 43%;	}
.border_box.style2 .right_box {float: left; width: 49%; }

/* border_box style2  */
.border_box .inner_box ul {display: table; width: 100%;}
.border_box .inner_box ul li {display: table-cell; background: url('/filk/images/bull/bull_dot_poin1.jpg') 2px 11px no-repeat; vertical-align: middle;}
.border_box .inner_box.col2 ul li {width: 50%;}
.border_box .inner_box.col3 ul li {width: 33.33%;}
.border_box .inner_box ul li em {margin-right: 15px; color: #ff4444; font-size: 1.250em;}
.border_box .inner_box ul li span {}

/* img_box */
.img_box {display: table; width: 100%; padding: 40px; border: 1px solid #bfbfbf;}
.img_box .left {display: table-cell; }
.img_box .left .tit {margin-bottom: 30px; color: #434343; font-size: 1.250em; font-weight: 500;}
.img_box .left .txt {line-height: 1.5; color: #464545; -ms-word-break: keep-all; word-break: keep-all;}
.img_box .left .dot_list.point1 > li {background: url('/filk/images/bull/bull_dot_poin1.jpg') 2px 11px no-repeat;}
.img_box .left .dot_list.point1 > li em { color: #ff4444; font-size: 1.250em;}
.img_box .right {display: table-cell; vertical-align: middle; text-align: right;}
.img_box .full {width: 100%; overflow: hidden; }
.img_box .full .img_wrap {float: left; width: 50%; margin-bottom: 10px; text-align: center;}
.img_box .full .img_wrap:last-child {margin-right: 0;}





/* bg_box */
.bg_box {padding: 30px 35px; background-color: #f5f5f5; overflow: hidden;}
.bg_box .left_box {float: left; width: 50%;}
.bg_box .right_box {float: left; width: 50%;}
.bg_box .full_box {width: 100%;}
.bg_box > div .img {display: table-cell; width: 130px;}
.bg_box > div .txt_box {display: table-cell; padding-left: 10px;}
.bg_box > div .txt_box .tit {display: block; margin-bottom: 5px; font-size: 1.125em; color: #ff4444;}
.bg_box > div .txt_box p {line-height: 1.4;}

.bg_box2 .left_box {width: ; text-align: right; padding-right: 20px;}
.bg_box2 .right_box {text-align: left; padding-left: 20px;}



.bg_box .full_box .dot_list li {float: left; width: 50%;}

/* sch_bg_box */
.sch_bg_box {padding: 20px 35px; background-color: #f5f5f5; overflow: hidden;}
.sch_bg_box_row {display: table; width: 100%; padding: 10px 0;}
.sch_bg_box_row .lbl {display: table-cell; width: 110px; text-align: right; padding-right: 20px;}
.sch_bg_box_row .check_list .chk_each {padding-right: 50px;}
.sch_bg_box_row .input_box {display: table-cell;}
.sch_bg_box_row .input_box select {height: 30px; border: 1px solid #f2f2f2;}
.sch_bg_box_row .input_box input {height: 30px; border: 1px solid #f2f2f2;}
.sch_bg_box_row .input_box input.full_input {width: 100%; height: 30px; padding-left: 10px; border: 1px solid #f2f2f2;}

.sort_btn {height: 30px; line-height: 28px; padding: 0 10px; border: 1px solid #ff5b53;}
.sort_btn1 {border: 1px solid #ff5b53; color: #ff5b53;}
.sort_btn2 {border: 1px solid #6d7986; color: #6d7986;}

.sch_bg_box_row.col2 {}
.sch_bg_box_row.col2 .col2 {display: table-cell; width: 50%;}

.input_sch_btn_wrap {position: relative; padding-right: 125px;}
.input_sch_btn_wrap .input_sch_btn {position: absolute; right: 0; width: 120px; height: 30px; background-color: #ff5b53; color: #fff;}



/* hide_list_box */
.hide_list_box {}
.hide_list_box .hide_list_tit {	position: relative; z-index: 1; overflow: hidden; padding: 18px 50px 18px 65px; background: url('/filk/images/sub/prevention_arr.jpg') left 25px top 22px no-repeat; border: 1px solid #d5d5d5;
    white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s;}
.hide_list_box .faq_list li.on .hide_list_tit {background: #f7f7f7 url('/filk/images/sub/prevention_arr.jpg') left 25px top 22px no-repeat;}
.hide_list_box .faq_a_txt_box {background-color: #fff;}
.hide_list_tit:after {content:""; display:block; position:absolute; right:20px; top:50%; z-index:1; width:14px; height:7px; margin-top:-4px; 
background:url('/filk/images/basic/mid_arr_down.png') center center no-repeat;}
.hide_list_box .faq_list li.on .hide_list_tit:after {background-image:url('/filk/images/basic/mid_arr_up.png');}
.hide_list_box .faq_down_box {margin-top: 0; text-align: left;}
.hide_list_box .faq_a_txt_box {padding: 30px 35px;}
.hide_list_box .basic_table th {text-align: center;}




/* box_list */
.box_list > li {position: relative; float: left;  margin-bottom: 10px; padding: 15px; border: 1px solid #dcdcdc;}
.box_list.col2 > li {width: 47.65%; margin-right: 4.7%;}
.box_list > li:nth-child(2n) {margin-right: 0;}
.box_list > li:hover {border-color: #009569;}
.box_list > li .tit {position: relative; padding-left: 25px; padding-right: 115px; margin-bottom: 5px; color: #434343; font-size: 1.2em;}
.box_list > li .tit:before {display: inline-block; content:''; position: absolute; left: 0; top: 7px; width: 14px; height: 11px; background: url('/filk/images/sub/prevention_arr.jpg') no-repeat center/contain;}
.box_list > li .txt {padding-left: 25px;}
.box_list > li .data_btn {position: absolute; right: 20px; top: 50%; width: 105px; height: 35px; margin-top: -18px; line-height: 35px; background-color: #009569; color: #fff; font-weight: 350; text-align: center;}


/* img_wrap */

.img_wrap.col2 { overflow: hidden;}
.img_wrap.col2 > div {float: left; width: 50%;}
.img_wrap.col2 > div img {vertical-align: middle;}

.img_wrap.col3 {overflow: hidden;}
.img_wrap.col3 > div {float: left; width: 32%; margin-right: 1.5%; margin-bottom: 2%;}
.img_wrap.col3 > div .sub_tit4 {margin-bottom: 10px;}
.img_wrap.col3 > div:nth-child(3) {margin-right: 0;}

/* left_40 */
.left_40 {}
.left_40 .left_box {float: left; width: 40%;}
.left_40 .right_box {float: right; width: 60%; padding-left: 70px;}



/* list_style */
.dot_list.point1 > li {margin-bottom:8px; padding-left:13px; background: url('/filk/images/bull/bull_dot_poin1.jpg') 2px 8px no-repeat; word-break:keep-all;}
.dot_list.point1.left {overflow: hidden;}            
.dot_list.point1.left > li {float: left; width: 50%; margin-bottom: 15px;}
.dot_list.point1.left > li:nth-last-child(2) {margin-bottom: 0;}
.dot_list.point1.big > li {background: url('/filk/images/bull/bull_dot_poin1.jpg') 2px 11px no-repeat;}  
.dot_list.point1.big > li em { color: #ff4444; font-size: 1.250em;}                                 


.abs_bull_list.green {color: #009569 !important;}


/* content */
.certification_box_list {overflow: hidden;}
.certification_box_list .box {position: relative; float: left; width: 21.5%; margin-right: 4.6%; margin-bottom: 35px;}
.certification_box_list .box:after {content: ''; position: absolute; display: block; width: 24px; height: 24px; right: -15%; top:50%; margin-top: -12px; background: url('/filk/images/sub/certification_arr.png') center center no-repeat;}
.certification_box_list .box .tit_box {width: 100%; height: 50px; line-height: 50px; background-color: #009569; text-align: center; color: #fff; border-radius: 15px 15px 0 0;}
.certification_box_list .box .con_box {min-height: 200px; padding: 20px; background-color: #f5f5f5; color: #000; border-radius: 0 0 15px 15px; font-size: 0.938em;}
.certification_box_list .box:nth-child(4n) {margin-right: 0;}
.certification_box_list .box:nth-child(5) {clear: both;}
.certification_box_list .box:nth-child(8):after {display: none;}
.certification_box_list .box:nth-child(2) .tit_box {background-color: #f56161;}
.certification_box_list .box:nth-child(4) .tit_box {background-color: #f56161;}
.certification_box_list .box:nth-child(4):after {display: none;}
.certification_box_list .box:nth-child(5) .tit_box {background-color: #f56161;}
.certification_box_list .box:nth-child(7) .tit_box {background-color: #f56161;}
.certification_wrap .hi_board_list.full .img_box {padding-bottom: 113%;}
.certification_wrap .hi_board_list.full .img_box .inner_box {background: url('/filk/images/sub/default_img_4_3.png') no-repeat center/cover;}
.certification_wrap .hi_board_list.full .txt_box {text-align: center;}


/* blaze_box */
.blaze_box {overflow: hidden;}
.blaze_box > div {float: left; width: 49%; margin-right: 2%; overflow: hidden;}
.blaze_box > div:nth-child(2) {margin-right: 0;}
.blaze_box > div .box1 {position: relative; display: table-cell; width: 155px;}
.blaze_box > div .box1 p {position: relative; width: 130px; height: 130px; border-radius:50%; text-align: center;line-height: 130px; background-color: #19976c; color: #fff; font-size: 1.250em;}
.blaze_box > div .box1 p:after {content: ''; position: absolute; right: -25px; top:50%; width: 32px; height: 16px; margin-top: -8px; background: url('/filk/images/sub/blaze_box_img1.png') center center no-repeat;}
.blaze_box > div:nth-child(2) .box1 p {background-color: #ff5b53;}
.blaze_box > div:nth-child(2) .box1 p:after {content: ''; position: absolute; right: -25px; top:50%; width: 32px; height: 16px; margin-top: -8px; background: url('/filk/images/sub/blaze_box_img2.png') center center no-repeat;}

.blaze_box > div .box2 {display: table-cell; padding: 15px 30px; background-color: #f7f7f7; vertical-align: top;}
.blaze_box > div .box2 p {line-height: 1.5em; word-break:keep-all;}



/* editor_view_tab */
.editor_view_tab {display: none;}
.editor_view_tab.on {display: block;}



.table_top {overflow: hidden;}
.btn_left {float: left;}
.table_top p {float: right; height: 45px; line-height: 45px;}

.board_write .hide_tr {display: none;}	
.board_write .hide_tr.on {display: table-row;}


.technology_wrap .border_box {margin-bottom: 0;}
.technology_wrap .border_box .left_box {width: 40%;	}
.technology_wrap .border_box .right_box {width: 60%; padding-left: 20px;}

.iaai_step {margin-bottom: 30px; overflow: hidden;}
.iaai_step .row {display: table; width: 100%; margin-bottom: 10px; overflow: hidden;}
.iaai_step .row .step {display: table-cell; height: 95px; border-radius: 15px; vertical-align: middle; font-size: 1.125em;}
.iaai_step .row .step.arr {width:  50px; text-align: center;}
.iaai_step .row .step1 {width: 160px; background-color: #f1f1f1; text-align: center;}
.iaai_step .row .step2 { padding: 0 50px; background-color: #ffe2cd;}
.iaai_step .row .step2 .tit {font-weight: 500;}
.iaai_step .row .step2 span {display: inline-block; font-size: 0.889em;}
.iaai_step .row:nth-child(odd) .step2 {background-color: #d0eee5 ;}
.iaai_step .row .step3 {width: 160px; background-color: #dedede; text-align: center;}



.bg_box.arr .box_arr {position: relative; float: left; display: table; width: 19%; margin-right: 1.1%; text-align: center;}
.bg_box.arr .box_arr:after {content: ''; position: absolute; top: 50%; right: -10px; width: 7px; height: 13px; margin-top: -6px; background: url('/filk/images/sub/box_arr_red.png') center center no-repeat;}
.bg_box.arr .box_arr:last-child {margin-right: 0;}
.bg_box.arr .box_arr:last-child:after {display: none;}
.bg_box.arr .box_arr span {display: table-cell; height: 40px; vertical-align: middle;}
.bg_box.arr2 .box_arr {width: 15%;}

.greet_img {position: relative; margin-bottom: 70px;}
.greet_img .box {position: absolute; right: 60px; bottom: -65px; display: block; width: 520px; height: 250px; padding: 50px; background: url('/filk/images/sub/greet_img_box.png') center center no-repeat;}
.greet_img .box h1 {margin-bottom: 15px; color: #ffffff; font-size: 1.500em; font-weight: 300;}
.greet_img .box h1 span {font-size: 2.000em; font-weight: 500;}
.greet_img .box p {color: #fff; font-weight: 300; line-height: 1.5;}


.greet_box .tit {margin-bottom: 30px; font-size: 2.250em;}
.greet_box .tit em {font-weight: 700;}



.info_info_box {overflow: hidden;}
.info_info_box .box {float: left; width: 19%; margin-right: 1.2%; padding: 30px 20px 20px; border: 1px solid #dedede; text-align: center;}
.info_info_box .box:last-child {margin-right: 0;}
.info_info_box .box img {margin-bottom: 15px;}
.info_info_box .box p {height: 76px; word-break: keep-all;}

/* history_tab */
.history_tab {width: 80%; margin: 0 auto 70px; overflow: hidden; }
.history_tab > li {display: table; width: 33.33%; float: left; border-left: 1px solid #ced5df;}
.history_tab > li:first-child {border-left: 0;}
.history_tab > li a {display: table-cell; height: 60px; vertical-align: middle; color: #535353; background-color: #f6f6f6; font-family: 'NanumSquare'; font-size: 1.33em; text-align: center; transition: all 0.3s;}
.history_tab > li.on a, .history_tab > li:hover a {background-color: #3155a5; color: #fff;}
/* history_tit */
.history_tit {padding-bottom:63px; border-bottom:1px solid #ccc; text-align:center;}
.history_tit .t1 { padding-bottom:30px; font-size:2.40em; color:#009569; font-weight:700;} 
.history_tit .t2 {display:inline-block; padding-bottom:35px; font-size:1.6em; color:#3f3f3f;} 
.history_tit .t3 {font-size:1.06em; color:#9b9a9a;} 		
/* history_box.skin2 */
.history_box.skin2 {position: relative; padding-bottom:80px;}
.history_box.skin2:before {content: ''; position: absolute; top:85px; left: 10%; display: block; width: 285px; height: 350px; background: url('/filk/images/sub/history_img1.png') center center no-repeat;}
.history_box.skin2:after {display: inline-block; content:''; position: absolute; left: 50%; top: 20px; width: 1px; height: 100%; margin-left: -0.5px; background-color: #a0a0a0;}
.history_box.skin2 .img_box {display: block; width: auto; border: none; margin-top:-22px; margin-bottom: 60px; text-align: center;} 
.history_box.skin2 .his_row {position: relative; margin: 0 auto 70px; z-index: 1;}
.history_box.skin2 .his_row .his_lr {position: relative; float: right; width: 50%;}
.history_box.skin2 .his_row .add_img_box {float: left; width: 50%; padding-left: 48px; padding-top: 12px; overflow: hidden;	}
.history_box.skin2 .his_row .add_img_box img {width: 48%; margin-right: 4%; float: left;}
.history_box.skin2 .his_row .add_img_box img:nth-child(2n) {margin-right: 0;}
.history_box.skin2 .his_row .add_img_box img:nth-child(n+3) {margin-top: 4%;}
.history_box.skin2 .his_row .year{position: absolute; left: 38px; top: 0; width:auto; font-size:1.73em; color:#ff4444; font-style: italic; font-family:"NanumSquare"; font-weight: 900;}
.history_box.skin2 .his_row .year:after {display: inline-block; content:''; position: absolute; left: -42px; top: 12px; width: 9px; height: 9px; background-color: #707070; border-radius: 50%;}
.history_box.skin2 .txt_boxs {overflow:hidden; padding-left:150px; padding-top: 6px; font-size:1.06em; }  
.history_box.skin2 .his_month_box {position: relative; display:inline-block; margin-bottom: 15px; float: left; text-align:left; color: #4a4a4a; clear: both;}
.history_box.skin2 .his_month_box .list {padding-left: 45px;}
.history_box.skin2 .his_month_box .list li {margin-bottom: 5px;}   
.history_box.skin2 .his_month_box .list li:last-child {margin-bottom: 0;}
.history_box.skin2 .his_month_box .month {position: absolute; left: 0; top: 0; font-weight: 500; vertical-align:top;}


/* advice_box_list */
.advice_box_list {overflow: hidden;}
.advice_box_list .box {float: left; width: 50%; padding-bottom: 50px; padding-right: 40px; margin-bottom: 50px; border-bottom: 1px solid #dedede;}
.advice_box_list .box.none_bd {border-bottom: none;}
.advice_box_list .box .left {float: left; width: 33%;}
.advice_box_list .box .left .img_box {position: relative; overflow: hidden; padding-bottom: 135%; background-color: #ededed;}
.advice_box_list .box .left .img_box .inner_box {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; font-size: 0; text-align: center;}
.advice_box_list .box .left .img_box .inner_box img {display: inline-block; width: auto; height: auto; vertical-align: middle;}
.advice_box_list .box .right {float: left; width: 67%; padding-left: 35px;}
.advice_box_list .box .right .tit {position: relative; height: 70px; line-height: 70px; margin-bottom: 20px; border-bottom: 1px solid #dedede;}
.advice_box_list .box .right .tit:after {content: ''; position: absolute; display: block; left: 0; bottom: -1px; width: 90px; height: 2px; background-color: #ff4444;}
.advice_box_list .box .right .tit h1 {font-size: 2.000em;}
.advice_box_list .box .right .tit h1 span {margin-left: 5px; font-size: 0.563em;}
.advice_box_list .box .right .cont {}
.advice_box_list .box .right .cont li {display: table; width: 100%; height: 40px;}
.advice_box_list .box .right .cont li em {display: table-cell; width: 40px; height: 40px; vertical-align: middle;}
.advice_box_list .box .right .cont li em img {vertical-align: middle;}
.advice_box_list .box .right .cont li span {display: table-cell; height: 40px; vertical-align: middle; text-align: left;}
.advice_box_list .box .right .cont .list1{}


.tab_style_con {display: none;}
.tab_style_con1 {display: block;}

.research_box {border-top: ;}
.research_box .box {position: relative; margin-bottom: 30px; padding: 30px 150px 30px 35px; border: 1px solid #dedede; overflow: hidden;}
.research_box .box p {width: 100%; padding-left: 30px; background: url('/filk/images/sub/prevention_arr.jpg') left no-repeat}
.research_box .box a {position: absolute; right: 35px; top: 50%; width: 105px; height: 35px; line-height: 35px; margin-top: -18px; background-color: #009569; color: #fff; text-align: center;}
.research_box .box:hover {border: 1px solid #009569;}



.flex_block2 {
	margin-top: 20px;
	display: flex;
	gap:20px;
	max-width: 1280px;
	justify-content: center;
	/* align-items: start; */
}
.flex_block2 .left {
	flex: 1 1 auto;
}
.flex_block2 .img {
	flex: 0 0 500px;
	max-width: 500px;border: 1px solid #aaa;
}
.flex_block2 .center {text-align: center;width: 200px;display: flex;justify-content: center;align-items: center;flex: 1 1 auto;background-image: url(/eng/images/sub/arrow_up.png);background-repeat: no-repeat;background-position:  center;font-weight: bold;font-size: 21px;letter-spacing: -1px;}


.img_fiex_block img {max-width: 100%;}
.img_fiex_block .btn_download {border:0;background-color: #333;color:#fff;display: inline-block;padding: 20px 60px;}
.img_fiex_block .btn_download:hover {background-color: #555;}
.translate_area {flex: 1 1 auto;}
.translate_area .txt strong {color:#009569;font-size: 19px;font-weight: 500;}
.translate_area .txt {height: 290px;overflow-y: auto;max-width: 100%;}


.left_safety {}
.left_safety .box {border: 1px solid #e70014;padding:20px;width: 450px;max-width: 100%;}
.left_safety .box + .box {margin-top: 20px;}
.left_safety .box p {text-align: center;padding: 5px;}
.left_safety .box p.point {color: #e70014;}

.right_fields {}
.right_fields ul {
    height: 100%;
    gap: 20px;
	display: flex;
	flex-direction: column;
}
.right_fields ul li {
	font-size: 17px;
	border: 1px solid #007c36;
	padding:30px 70px;
	text-align: center;
	flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.right_fields ul li:first-child {
	background-color: #007c36;
	color:#fff;
	font-weight: 500;
}

.box_view {margin-bottom:25px;}
.box_view .sub_tit5 {font-size:18px;font-weight:bold;color:#000;margin-bottom:15px;}
.box_view .ul_list {}
.box_view .ul_list > li {text-indent:-18px;padding-left:18px;}

.box_view .ul_list li + li {margin-top:10px;}
.box_view .ul_list li b {}
.box_view .ul_list li .bar_list li {text-indent:0;}
.box_view .ul_list li .bar_list  {padding-left:0;margin-top:10px;}

.ctp_box2 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  padding: 20px;
  background-color: #f9f9f9;
}

.ctp_box2 .box_arr {
  flex: 1 1 180px;
  max-width: 220px;
  min-width: 160px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 16px;
  padding: 20px 10px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ctp_box2 .box_arr:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.ctp_box2 .img_wrap {
  width: 80px;
  height: 80px;
  margin: 0 auto 12px;
}

.ctp_box2 .img_wrap img {
  max-width: 100%;
  height: auto;
  display: block;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ctp_box2 .box_arr span {
  font-size: 15px;
  line-height: 1.4;
  color: #333;
  display: block;
  font-weight: 500;
}