@charset "UTF-8";


/*sinmungo_form*/
.info_txt_box{padding:15px; border:1px solid #eee; font-size:13px; line-height:16px; margin-bottom:15px;}
.info_txt_box span{display:block; padding-bottom:10px; font-family:"NotoSansKR Bold"; color:#333; font-size:13px; line-height:16px; }
.caution_txt{width:100%; padding-top:10px;}
.caution_txt li{font-size:10px; line-height:15px; color:#888; }
.wrap_table .table_input tbody tr td .caution_txt li span{padding-left:0; font-size:13px; color:#1c2e5e; }

/*?????????*/
.c_infra .caption{padding-bottom:10px;}
.c_infra .c_system1{overflow:hidden; margin:20px; border: 1px solid #ddd; border-width:0 1px 1px 1px;}
.c_infra .c_system1>li{position:relative;width:50%; padding:15px 10px; float:left;}
.c_infra .c_system1>li:after{content:''; position:absolute; top:0; left:0; height:1px; width:300%; background:#ddd;}
.c_infra .c_system1>li:nth-child(odd) {clear:both; border-right: 1px solid #ddd;}
.c_infra .c_system1>li.dbbox {width:100%; border-right:0; border-left:0;}
.c_infra .c_system1>li:nth-child(even) {margin-left:-1px; border-left:1px solid #ddd;}
.c_infra .c_system1 li .title1{display:block;  font-size:13px; color:#215eb6; font-family:"NotoSansKR Black"; text-align:left; padding-bottom:10px;}
.c_infra .c_system1 li .title1.tp2{color:#12b3d0;}
.c_infra .c_system1 li .title2{display:block; position:relative; font-size:13px; font-family:"NotoSansKR Bold"; color:#333; text-align:left; padding:0 0 5px 5px}
.c_infra .c_system1 li .title2:before{display:inline-block; content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#333; border-radius:50%; }
.c_infra .c_system1 li ul{padding-bottom:10px;}
.c_infra .c_system1 li ul li{position:relative; display:block; font-size:13px; color:#666; text-align:left; padding-left:14px; padding-top:5px;}
.c_infra .c_system1 li ul li:first-child{padding-top:0;}
.c_infra .c_system1 li ul li:before{display:inline-block; content:''; position:absolute; left:5px; top:10px; width:4px; height:1px; background:#666; }
.c_infra .content_box .c_system1{margin:0;}
.c_infra .content_box .c_system1>li{height:180px;}
.c_infra .c_system2{margin:20px 20px; }
.c_infra .c_system2>li{width:100%; overflow:hidden; border:1px solid #ddd; margin-bottom:20px; display:table;}
.c_infra .c_system2 li .title{width:25%; color:#215eb6; font-size:13px; display:table-cell; vertical-align: middle; font-family:"NotoSansKR Black";}
.c_infra .c_system2 li ul{float:left; width:75%; border-left:1px solid #ddd; padding:10px 0;}
.c_infra .c_system2 li ul li{position:relative; font-size:13px; color:#666; text-align:left;padding:5px 0 5px 30px;}
.c_infra .c_system2 li ul li:before{display:inline-block; content:''; position:absolute; left:15px; top:12px; width:3px; height:3px; background:#333; border-radius:50%;}
.m_sub_tab{width:100%; overflow:hidden; }
.m_sub_tab li{position:relative; width:50%; height:30px; line-height:30px; float:left;  text-align:center;  background:#f8f8f8; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.m_sub_tab li:first-child {border-right:none;}
.m_sub_tab li:last-child {border-left:none;}
.m_sub_tab li.active{background:#fff; color:#333; font-size:11px; border-left:1px solid #333; border-right:1px solid #333; border-top:1px solid #333; border-bottom:none;}
.m_sub_tab li:after {content:''; display:block; position:absolute; bottom:0; left:-1px; right:-1px; height:1px; background:#333;}
.m_sub_tab li.active:after {content:''; display:none;}
.m_sub_tab li a {display:block;}
.tab_box{display:none;}
.tab_box .tab_title1{font-size:13px; color:#215eb6; padding:20px 0 10px; }
.tab_box .tab_title1.bt{border-top:1px solid #ddd; margin-top:30px;}
.tab_box .tab_list.pt{padding:20px 0; }
.tab_box .tab_list>li{ position:relative; font-size:13px; color:#666; padding:0 0 10px 10px;}
.tab_box .tab_list>li:before{display:inline-block; content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:#333; border-radius:50%;}
.tab_box .tab_list li .info{display:block; font-family:"NotoSansKR Bold"; color:#666; padding:10px 0 0 10px; }
.tab_box .tab_list li .info:before{content:'*'; position:absolute; left:9px;}
.tab_box .list_style1 li .info{display:block; font-family:"NotoSansKR Bold"; color:#666; margin-top:0; padding:0 0 0 10px; }
.tab_box .list_style1 li .info.r{font-family:"NotoSansKR Regular"; }
.tab_box .list_style1 li .info:before{content:'*'; position:absolute; left:9px;}
.tab_box .tab_list li ul li:before{display:inline-block; content:''; position:absolute; left:0; top:10px; width:4px; height:1px; background:#999;}
.tab_box .tab_list.b li ul li{font-family:"NotoSansKR Bold"; color:#666; font-size:11px; position:relative; padding:5px 0 0 10px;}
.tab_box .tab_list.b li{color:#333; font-family:"NotoSansKR Bold";}
.c_infra .tab_box .table.scroll_h1{height:280px;}
.c_infra .wrapper{padding:20px 0 0 0;}
.c_infra .tab_list{margin-top:0;}
.a_solution{}
.a_solution .m_quotation{margin-top:20px; text-align:right;}
.a_solution .m_quotation img {padding-right:5px;}
.a_solution .diabox1{padding-top:30px; border-bottom:none;}
.a_solution .diabox1 img{width:100%; border-bottom:none;}
/*.a_solution .diabox1 .m_title{position:absolute; left:50%; top:40%; transform: translate(-50%, -40%); width:80px; height:80px; background:rgba(999,999,999,0.5); border-radius:50%; line-height:80px; font-size:12px; }*/
/*.a_solution .diabox1 ul{margin-top:30px; width:100%; padding-bottom:10%; background:url("/ko/mobile/assets/images/business-areas/dia_box1.png") 50% 0 no-repeat; background-size:90%; }*/
/*.a_solution .diabox1 ul:after{content:''; display:block; clear: both;}*/
/*.a_solution .diabox1 ul li{width:50%; height:130px; float:left; padding-top:30px; color:#29470e;}*/
/*.a_solution .diabox1 ul li:nth-child(1){text-align:left; padding-left:40px; }*/
/*.a_solution .diabox1 ul li:nth-child(2){text-align:right;padding-right:40px; }*/
/*.a_solution .diabox1 ul li:last-child{width:100%; }*/
/*.a_solution .diabox1 ul li .num{display:block; color:#fff; font-size:23px;}*/
.a_solution .table.scroll_h1 table td img{display:block; width:80%; margin:auto;}
.a_solution .table.scroll_h1 table td{padding:10px; vertical-align:top; text-align:left; }
.a_solution .table.scroll_h1 table td:first-child{text-align:center; vertical-align:middle;}
.a_solution .table.scroll_h1 table .b{font-family:"NotoSansKR Black";}
.a_solution .table.scroll_h1 table .bg_y{background:#f7fbeb;}
.a_solution .table.scroll_h1 table .bg_b{background:#f0f8fc;}
.a_solution .table.scroll_h1.h{height:auto;border-bottom:none;}
.a_solution .table.scroll_h1.c table td{vertical-align: middle; text-align: center;}
.a_solution .table.scroll_h1.c table .tal{text-align:left;}
.a_solution .info_txt1{}
.a_solution .info_txt1 li{position:relative; text-align:left; padding-left:7px;  font-size:13px; color:#666;}
.a_solution .info_txt1 li:before{content:""; display:inline-block; position:absolute; top:8px; left:0; z-index:5; width:3px; height:3px; background:url("/ko/mobile/assets/images/careers/ic_circle.png") no-repeat center center; background-size:3px;}

.a_solution .am_info1{}
.a_solution .am_info1 li{position:relative;  width:100%; height:128px; margin-bottom:20px;}
.a_solution .am_info1 li:nth-child(1){ background:url("/ko/mobile/assets/images/business-areas/a_solution11.png") 50% 50% no-repeat; background-size:100%; }
.a_solution .am_info1 li:nth-child(2){ background:url("/ko/mobile/assets/images/business-areas/a_solution12.png") 50% 50% no-repeat; background-size:100%;}
.a_solution .am_info1 li:nth-child(3){ background:url("/ko/mobile/assets/images/business-areas/a_solution13.png") 50% 50% no-repeat; background-size:100%;}
.a_solution .am_info1 li .txt_box{position:absolute; bottom:0; left:0; display:block; width:100px; height:60px; padding-top:15px;  background:rgba(0,0,0,0.7); color:#fff; text-align:center; font-size:11px;}
.a_solution .am_info1 li:nth-child(2) .txt_box{right:0;  left:auto; }
.a_solution .am_info1 li .txt_box .b{display:block; font-size:13px; color:#fff; }
.a_solution .am_info2{border-top:1px solid #ddd;}
.a_solution .am_info2 li{padding:20px 10px;width:100%; text-align:center; color:#666; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.a_solution .am_info2 li .m_title{display:block; font-size:13px; font-family:"NotoSansKR Black"; color:#333; padding-bottom:5px;}



/* ????? & ????????? & ???? */

.img_wrap1{width:100%; text-align:center; padding:30px 0 20px;}
.img_wrap1 img{width:80%;}
.img_wrap2.type2{padding:30px 0 20px;}
.img_wrap2 img{width:100%;}
.img_wrap3 {text-align:center; padding:0 60px;}
.img_wrap3 img{width:100%;}
.img_wrap4{padding:20px; width:100%;}
.img_wrap4 img{width:100%;}
.img_wrap5{padding:0 20px; width:100%;}
.img_wrap5 img{width:100%;}
.img_wrap6{ width:100%; padding:30px 0 0;}
.img_wrap6 img{width:100%;}
.img_wrap7 {text-align:center; padding:0 75px;}
.img_wrap7 img{width:100%;}
.img_wrap9{width:100%; padding:15px 0; text-align:center;}
.img_wrap9 img{width:80px; }


/*???????? ???????*/

.core-v-txt{font-size:13px; color:#666; text-align:left; width:60%; display:inline-block; float:left; padding: 13% 0 0 13px;}
.hansup-txt{font-size:13px; color:#555; text-align:left;  line-height:18px; padding-top:20px;}
.img_wrap8 {width:40%; float:left;}
.img_wrap8 img{width:100%;}
.img_total_wrap{width:100%; padding: 0 20px; overflow: hidden;}
.img_total_wrap2{width:100%;  overflow: hidden; vertical-align: middle; margin-top:-10px;}
.img_total_wrap2:nth-of-type(1){margin-top:0;}
.img_total_wrap .img_total_wrap2:nth-of-type(2) .img_wrap8{float:right;}
.img_total_wrap .img_total_wrap2:nth-of-type(2) .core-v-txt{text-align: right; padding: 13% 13px 0 0;}
.core_value .content_box .page_title{padding-top:0;}


/*???????? ????????, ????????? ??????*/
.wrap_table.type_ir .table table thead th{background-color:#eee;}
.wrap_table.type_ir .table table tr:last-child{border-bottom: 1px solid #ccc;}
.wrap_table.type_ir .table table td{border-bottom:none;}
.wrap_table.type_ir .table table .line_top{border-top: 1px solid #ccc;}
.wrap_table.type_ir .table .bg_blue{background:#ebf2f7;}
.wrap_table.type_ir .table .bg_gray{background:#f9f9f9;}
.wrap_table.type_ir .table thead tr th + th, .wrap_table.type_ir .table tbody tr td + td{border-left: 1px solid #ccc;}


/*???????? ?????????????? ??? ?? ????*/

.tab_box{padding-top:30px; }
.tab_box .num_list.pl5{padding-left:10px; padding-top:5px;}
.wrap_table .table table .txt_left{width: 30%; float:left; display:inline-block;}
.wrap_table .table table .txt_right{width: 70%; float:right;  display:inline-block; text-align: left;}


/*??????? iso ??????????? ???? ????????? ????? ?????? ???????? ?????*/
.d_dia5_txt{width:100%; padding: 0 20px; margin-top:30px; border: 1px solid #eee; border-radius:20px;}
.d_dia5_txt>li{ padding:20px 0; color:#555; border-top:1px solid #eee; font-size: 13px; text-align:left;}
.d_dia5_txt>li:first-child{border-top:none;}
.d_dia5_txt>li .d5_title{display:block; font-family: "NotoSansKR Bold"; padding-bottom: 5px; text-align:left;}
.d_dia5_txt>li .d5_title.color1{color:#5dcbdf; text-align:center;}
.d_dia5_txt>li .d5_title.color2{color:#076cb3; text-align:center;}
.c_infra .d_dia5_txt{width:auto; margin:15px 20px 10px;}
.d_dia5_txt>li>ul>li{position:relative; width:48%; display:inline-block; padding-left:8px;}
.d_dia5_txt>li>ul>li:before{content:'';  display: block;  position: absolute;  top: 6px;  left: 0;  width: 3px;  height: 3px;  background: url(/ko/mobile/assets/images/common/li_dot_style1.png) no-repeat 0 0;  background-size: 3px 3px;}
.d_dia5_txt.type2 li>ul>li{display:block; width:100%;}
.d_dia5_txt.type3{border: none;}
.d_dia5_txt.type3>li{border-top: none; text-align:center; padding:0 0 20px 0;}
.d_dia5_txt.type3>li .d5_title{text-align:center;}

/*??????? it????? ????????? */
.it_dia_txt{width:100%; margin:20px 0; }
.it_dia_txt>li{padding:15px 10px 15px 70px; background-size:40px; background-repeat:no-repeat; background-position:15px 50%; border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee;}
.it_dia_txt>li:nth-child(1){background-image:url("/ko/mobile/assets/images/business-areas/it_icon1.png"); border-top:1px solid #eee; }
.it_dia_txt>li:nth-child(2){background-image:url("/ko/mobile/assets/images/business-areas/it_icon2.png"); }
.it_dia_txt>li:nth-child(3){background-image:url("/ko/mobile/assets/images/business-areas/it_icon3.png"); }
.it_dia_txt>li:nth-child(4){background-image:url("/ko/mobile/assets/images/business-areas/it_icon4.png"); }
.it_dia_txt>li:nth-child(5){background-image:url("/ko/mobile/assets/images/business-areas/it_icon5.png"); }
.it_dia_txt>li:nth-child(6){background-image:url("/ko/mobile/assets/images/business-areas/it_icon6.png"); }
.it_dia_txt>li .it_d_title{display:block; color:#555; font-family: "NotoSansKR Bold"; padding-bottom:5px;}
.it_dia_txt.type2>li{padding:15px 10px 15px 100px; background-size:40px;}
.it_dia_txt.type2>li>ul>li{position:relative;padding-left:10px;}
.it_dia_txt.type2>li>ul>li:before{content:'';  display: block;  position: absolute;  top: 6px;  left: 0;  width: 3px;  height: 3px;  background: url(/ko/mobile/assets/images/common/li_dot_style1.png) no-repeat 0 0;  background-size: 3px 3px;}
.it_dia_txt.type2>li:nth-child(1){background-image:url("/ko/mobile/assets/images/business-areas/it_icon7.png"); border-top:1px solid #eee; }
.it_dia_txt.type2>li:nth-child(2){background-image:url("/ko/mobile/assets/images/business-areas/it_icon8.png"); }
.it_dia_txt.type2>li:nth-child(3){background-image:url("/ko/mobile/assets/images/business-areas/it_icon9.png"); }
.it_dia_txt.type2>li:nth-child(4){background-image:url("/ko/mobile/assets/images/business-areas/it_icon10.png"); }


/*??????? ?????? ?????????->?????? ????*/
.table.polybutene_last_t table tbody td{padding:20px 0 !important; font-family: "NotoSansKR Bold"; color:#333 !important;}

/* ??? */

/* layout.jsp */
.wrap {}
.wrap .container {padding:0 20px 40px;}
.wrap .content_box.bg_g {background:#f8f8f8;}
.wrap .content_box.bg_g:last-child {border-bottom:1px solid #eee;}
.wrap .content_box.bbn {border-bottom:none !important;}
.wrap .container .content_box {margin:0 -20px; padding:0 20px 30px;}
.wrap > .content_box {padding:0 20px 30px;}
.wrap .content_box + .content_box {padding-top:28px; border-top:1px solid #eee;}
.wrap .content_box:last-child {padding-bottom:0;}

/* header.jsp */
.wrap_header{position:relative; z-index:1; margin:0 20px; height:50px;}
.btn_back {display:inline-block; position:absolute; top:17px; left:0; z-index:10; width:9px; height:16px; background:url("/ko/mobile/assets/images/common/btn_back.png") no-repeat left center; background-size:9px 16px;}
.title_box {padding:0 40px; text-align:center;}
.title_box h2{font-family:"NotoSansKR Bold"; font-size:18px; line-height:50px; color:#1c2e5e; font-weight:normal;}
.btn_menu_total {display:inline-block; position:absolute; top:17px; right:0; z-index:10; width:18px; height:15px; background:url("/ko/mobile/assets/images/common/btn_menu02.png") no-repeat right center; background-size:18px 15px;}

/* footer.jsp */
.footer {padding:23px 0 24px; background-color:#323b4a; text-align:center;}
.footer .policy {display:inline-block; margin-bottom:20px;}
.footer .policy a {position:relative; z-index:1; margin-right:18px; font-size:10px; line-height:10px; color:#a2a9b3; letter-spacing:-1px;}
.footer .policy a:first-child {color:#fff;}
.footer .policy a:after {display:inline-block; position:absolute; right:-13px; content:"\00B7";}
.footer .policy a:last-child {margin-right:0;}
.footer .policy a:last-child:after {display:none;}
.footer .address {position:relative; padding:0 20px; margin-bottom:20px; text-align:left;}
.footer .address dl dt,
.footer .address dl dd,
.footer .address dl dd a {display:inline-block; font-size:9px; line-height:12px; color:#a2a9b3; letter-spacing:-0.5px;}
.footer .address dl dd a {vertical-align:top;}
.footer .address dl dd .company_name,
.copyright {display:block; font-size:9px; line-height:12px; color:#a2a9b3;}
.footer .address dl dt:first-child + dd {display:block; line-height:12px;}
.footer .address dl dt:nth-of-type(3) {margin-left:10px;}
.footer .address .btn_pc {position:absolute; top:7px; right:20px; display:block; padding:5px 15px; font-size:12px; color:#fff; border:1px solid #fff;}

/* 2depth nav */
.depth_nav {position:relative; padding:0 20px; background-color:#1b2e5a;}
.depth_nav .depth2 ul:after {display:block; clear:both; content:"";}
.depth_nav .depth2.overflow-x {overflow-x:auto; overflow-y:hidden; height:40px;}
.depth_nav .depth2 ul {white-space:nowrap;}
.depth_nav .depth2 ul li {display:inline-block; position:relative; z-index:1; margin-left:26px;}
.depth_nav .depth2 ul li:first-child {margin-left:0;}
.depth_nav .depth2 ul li a {overflow:hidden; display:block; padding:10px 0; height:40px; font-size:13px; color:#707d99;}
.depth_nav .depth2 ul li.active:after {content:""; display:inline-block; position:absolute; bottom:-5px; left:50%; z-index:5; margin-left:-5px; width:10px; height:10px; background:#fff;  transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.depth_nav .depth2 ul li.active a {color:#fff;}

.depth3 {}
.depth3 ul {border-bottom:1px solid #eee; text-align:center;}
.depth3 ul li {display:inline-block; margin-left:15px;}
.depth3 ul li:first-child {margin-left:0;}
.depth3 ul li a,
.depth4 ul li a {display:block; font-family:"NotoSansKR Bold"; font-size:14px; color:#555; text-align:center;}
.depth3 ul li a {position:relative; z-index:1; padding:13px 4px 13px 3px; height:40px; }
.depth3 ul li.active a {color:#215eb6;}
.depth3 ul li.active a:after {content:""; display:block; position:absolute; bottom:-1px; left:0; width:100%; border-bottom:1px solid #215eb6;}
.depth3 ul.type2:after {content:''; clear:both; display:block;}
.depth3 ul.type2 li {margin-left:0; float:left; width:50%;}

.list_menu {position:relative; z-index:2; border-bottom:1px solid #eee;}
.list_menu .menu_txt .txt,
.search_category .category_title{display:block; position:relative; z-index:1; padding:12px 20px; width:100%; height:40px; background-color:#f8f8f8; font-family:"NotoSansKR Bold"; font-size:14px; color:#215eb6; text-align:center;}
.list_menu .menu_txt a,
.list_menu .menu_con .btn_listclose {display:inline-block; position:absolute; top:8px; right:20px; z-index:10; width:24px; height:24px; background:url("/ko/mobile/assets/images/common/btn_listopen.png") no-repeat right center; background-size:24px;}
.list_menu .menu_con .btn_listclose {background-image:url("/ko/mobile/assets/images/common/btn_listclose.png");}
.list_menu .menu_con {display:none; position:absolute; top:0; left:0; z-index:10; width:100%; background-color:#f8f8f8;}
.list_menu .menu_con ul {padding:4px 0 6px;}
.list_menu .menu_con ul li {text-align:center;}
.list_menu .menu_con ul li a {display:inline-block; padding:8px 0 7px;}
.list_menu .menu_con ul li.active a {color:#215eb6;}
.list_menu .menu_txt a {top:8px;}
.list_menu.open .menu_con {border-bottom:1px solid #eee;}
.search_category {border-top:1px solid #eee; border-bottom:1px solid #eee;}
.search_category .category_title {padding:14px 20px; height:45px; font-family:"NotoSansKR Black"; background-color:#fff; color:#333;}
.search_category .category_title .count {font-family:"NotoSansKR Light"; font-size:14px; vertical-align:top;}
.search_category .category_title .count .number {vertical-align:baseline;}

/* jinah */

/* wrap_tab */
.wrap_tab {margin-left:-15px; padding-bottom:4px;}
.wrap_tab.type2:after {display:block; clear:both; content:"";}
.wrap_tab span {display:inline-block; float:left; padding-left:15px;}
.wrap_tab span a {display:block; position:relative; z-index:1; padding:8px 0; border-radius:15px; border:1px solid #ddd; font-family:"NotoSansKR Bold"; color:#555; text-align:center;}
.wrap_tab span.active a {background-color:#323b4a; border-color:#323b4a; color:#fff;}
.wrap_tab span.active a:after {content:""; display:inline-block; position:absolute; bottom:-3px; left:50%; z-index:5;  width:6px; height:6px; margin-left:-3px; background-color:#323b4a; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.wrap_tab.type2 span {width:50%;}
.wrap_tab.type3 span {width:33.3333%;}

/* page_title */
.wrap_title.border {margin-bottom:30px; border-bottom:1px solid #eee;}
.wrap_title.border .page_title {padding-bottom:30px;}
.page_title {padding:28px 0 30px; text-align:center;}
.page_title h2 {font-family:"NotoSansKR Black"; font-size:20px; letter-spacing:-1px;}
.page_title .txt {padding:10px 20px 0; line-height:18px; font-size:14px; color:#555;}
.page_title .txt .border,
.content_title.about p .border,
.wrap-overview .content_title p .border {/*display:inline-block;*/ line-height:20px; color:#555; letter-spacing:-1px; font-size:14px; word-break:keep-all;}
/*.content_title.about p .border {display:inline-block; border-bottom:1px solid #c4c4c4; color:#555; letter-spacing:-1px;}*/
.page_title .txt .border strong,
.content_title.about p .border strong,
.wrap-overview .content_title p .border strong {font-weight:normal; font-family:"NotoSansKR Regular"; font-size:14px; color:#555; vertical-align: baseline;}
.page_title .txt + .wrap_select {margin-top:20px;}
.page_title .ic_img {margin-top:25px; padding:0 20px;}
/* index_title */
.index_title h4 {margin-bottom:10px; position:relative; z-index:1; font-family:'NotoSansKR Black'; font-weight:normal; font-size:16px;}
/*
.index_title h4:before {content:""; display:inline-block; margin-right:6px; width:6px; height:6px; position:absolute; top:6px; left:0; z-index:5; background:url("/ko/mobile/assets/images/common/ic_index_circle.png") no-repeat left center; background-size:6px;}
*/
/* content_title */
.content_title {text-align:center;}
.content_title h4 {position:relative; z-index:1; padding-bottom:10px; font-family:"NotoSansKR Black"; font-size:16px;}
.content_title h4:after {content:""; display:inline-block; position:absolute; left:50%; bottom:0; z-index:5; margin-left:-6px; width:12px; height:1px; background-color:#333;}
.content_title p {margin-top:12px; font-size:14px; color:#555; line-height:20px;}
/* content_title ???????? */
.content_title.about {margin:0 -20px 12px;}
.content_title.about h3 {line-height:18px; font-family:"NotoSansKR Bold"; font-size:18px; font-weight:normal;}
.content_title.about p {padding:8px 20px 0; line-height:18px; color:#265aba;}

/* ??? */
.btn_more,
.btn_cancle,
.btn_certify,
.btn_confirm,
.btn_confirm2,
.wrap_select {display:inline-block; margin:20px auto 0; height:27px; background-color:#fff; border:1px solid #ddd; font-family:"NotoSansKR Bold"; font-size:12px; color:#555; text-align:center; vertical-align:top;}
.btn_more,
.btn_cancle{width:auto; padding:0 20px;}
.btn_cancle {padding:4px 25px;}
.btn_more.type2 span{color:#555;}
.btn_certify,
.btn_confirm {padding:4px 25px; width:auto; background-color:#1b2e5a; border:none; color:#fff;}
.btn_confirm2 {padding:6px 31px; width:auto; background-color:#1b2e5a; border:none; color:#fff;}
/*.btn_confirm.large {width:100px;}*/
.wrap_center {display:block; text-align:center;}
.btn_certify {background-color:#999;}
.btn_more span {display:inline-block; line-height:25px; font-family:"NotoSansKR Bold"; font-size:13px; vertical-align:top;}
.btn.btn_more span {line-height:32px;}
.btn_more span:after,
.btn_more.type2 span:after{content:""; display:inline-block; margin-left:10px; margin-top:-2px; width:9px; height:5px; background:url("/ko/mobile/assets/images/common/ic_arr_more.png") no-repeat center center; background-size:9px 5px; vertical-align:middle;}
.wrap_select:after {content:""; display:inline-block; margin-left:10px; width:7px; height:4px; background:url("/ko/mobile/assets/images/common/ic_arr_more_small.png") no-repeat center center; background-size:7px 4px; vertical-align:middle;}
.btn_more.type2 span:after {background-image:url("/ko/mobile/assets/images/common/ic_arr_more.png");}
.wrap_select:after {position:absolute; top:50%; right:20px; z-index:5; margin-top:-3px;}
.wrap_select {position:relative; z-index:1;}
.wrap_select select {padding:0 35px 0 14px; background-color:#fff; border:none; line-height:27px; font-family:"NotoSansKR Bold"; font-size:14px; color:#555;}
.wrap_btn ul:after {display:block; clear:both; content:"";}
.wrap_btn {text-align:center;}
.wrap_btn ul{display:inline-block; margin-left:-10px;}
.wrap_btn li {float:left; margin-left:10px; width:81px;}
.wrap_btn li a {width:100%;}
.btn_area {padding:30px 20px 40px; margin:0 -20px; border-top:1px solid #eee; text-align:center;}
.btn_area a,
.btn_area button {margin:0 auto;}
.btn {display:block; padding:0; margin:20px auto 0; width:100%; line-height:32px; height:32px;}
.input_con .btn {margin-top:0;}

/* input */
.input_wrap {}
.input_wrap input[type="checkbox"],
.input_wrap input[type="radio"] {display:none;}
.input_wrap label {font-size:13px; vertical-align:baseline;}
.input_wrap label strong{font-family:"NotoSansKR Black"; font-weight:normal; font-size:13px; vertical-align:baseline;}
.input_wrap label .ic_chk {display:inline-block !important; margin-right:8px; width:17px; height:17px; background:url("/ko/mobile/assets/images/common/ic_chk_off.png") no-repeat center center !important; background-size:17px !important; vertical-align:bottom;}
.input_wrap input:checked + label .ic_chk {background-image:url("/ko/mobile/assets/images/common/ic_chk_on.png") !important;}
.input_wrap label .ic_rdo {display:inline-block !important; margin-right:8px; width:17px; height:17px; background:url("/ko/mobile/assets/images/common/ic_rdo_off.png") no-repeat center center !important; background-size:17px !important; vertical-align:bottom;}
.input_wrap input:checked + label .ic_rdo {background-image:url("/ko/mobile/assets/images/common/ic_rdo_on.png") !important;}

.input_guide {margin-left:-5px;}
.input_guide:after {display:block; clear:both; content:"";}
.input_guide .input_grid {float:left; width:100%;}
.input_guide .input_grid .input_con {margin-left:5px; height:27px;}
.input_guide .input_grid .input_con input {height:27px;}
.input_guide .input_grid .input_con .btn{margin:0; height:27px; padding:0; line-height:27px;}
.input_guide.type1 .input_grid:first-child {width:60%;}
.input_guide.type1 .input_grid + .input_grid {width:40%;}
.input_guide.type2 .input_grid{width:50%;}
.input_guide.type3 .input_grid{width:33.333%;}

/* table */
.wrap_table .table_input {padding:5px 0; border-top:2px solid #1c1c1c;}
.wrap_table .table_input table{width:100%;}
.wrap_table .table_input tbody tr th {position:relative; width:70px;}
.wrap_table .table_input.th_line tbody tr th:after {content:''; display:block; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:11px; background:#eee;}
.wrap_table .table_input tbody tr th,
.wrap_table .table_input tbody tr td {padding:5px 0; height:27px; text-align:left;}
.wrap_table .table_input tbody tr th span {display:inline-block; position:relative; z-index:1; padding-left:12px; font-size:13px; font-weight:normal;}
.wrap_table .table_input tbody tr th .require:before {content:""; display:inline-block; position:absolute; top:50%; left:0; z-index:5; width:6px; height:6px; margin-top:-3px; background:url("/ko/mobile/assets/images/common/ic_arr_require.png") no-repeat 1px center; background-size:6px; vertical-align:middle;}
.wrap_table .table_input tbody tr td {margin-bottom:11px; font-size:13px; color:#333; line-height:16px;}
.wrap_table .table_input tbody tr td span {display:block; font-size:13px; color:#333; line-height:33px; text-align:center; background:#ddd;}
.wrap_table .table_input textarea {padding:10px; font-size:13px; line-height:18px; resize:none;}
.wrap_table .table_input th.tbl_tit_top {vertical-align:top; padding-top:7px;}
.inquiry_form .wrap_table .table_input th.tbl_tit_top {vertical-align:top; padding-top:13px;}
.sinmungo_form .wrap_table .table_input th.tbl_tit_top {vertical-align:top; padding-top:13px;}
.wrap_table .table_input tbody tr .thtd label span {display:block; padding-left:12px;}
.wrap_table .table_input tbody tr .thtd span.td_in_txt {display:block; margin-top:10px; padding-left:12px;}

.wrap_table .table,
.wrap_table .table2,
.wrap_table .table_notice {border-top:2px solid #1c1c1c; }
.employ_info .wrap_table .table_notice { margin-top:30px;}
.wrap_table .table_notice.detail {border-bottom:1px solid #1c1c1c;}
.wrap_table .table table,
.wrap_table .table2 table,
.wrap_table .table_notice table {width:100%; text-align:center; table-layout:fixed; margin-bottom:2px;}
.wrap_table .table thead tr th,
.wrap_table .table_notice thead tr th {height:40px; background-color:#f8f8f8; font-family:"NotoSansKR Bold"; font-size:13px; color:#333;}
.wrap_table .table_notice tbody tr th {color:#333;}
.wrap_table .table2 tbody tr th {padding:10px 0;background-color:#f8f8f8; font-family:"NotoSansKR Bold"; font-size:13px; color:#333;}
.wrap_table .table2 tbody tr td {font-size:13px; color:#555;}
.wrap_table .table2  tbody tr th,
.wrap_table .table2  tbody tr td {border-bottom:1px solid #eee;}
.wrap_table .table tbody tr td,
.wrap_table .table2 tbody tr td {padding:11px 0; line-height:16px; text-align:center;}
.wrap_table .table thead tr th + th,
.wrap_table .table tbody tr td + td {border-left:1px solid #eee;}
.wrap_table .table tbody tr td.text,
.wrap_table .table2 tbody tr td.text{padding:10px; text-align:left;}
.wrap_table .table tbody tr td.text.tac,
.wrap_table .table2 tbody tr td.text.tac{text-align:center;}
.wrap_table .table tbody tr td > strong {font-size:13px;}
.wrap_table .table tbody tr td,
.wrap_table .table_notice tbody tr td {height:35px; border-bottom:1px solid #eee; font-size:13px; color:#555; word-break:keep-all;}
.wrap_table .table_notice tbody tr .cnt {font-family:"NotoSansKR Bold"; color:#333;}
.wrap_table .table_notice tbody tr td .tit {overflow:hidden; display:block; color:#555; text-align:left; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap; font-size:13px;}
.wrap_table .table_notice tbody tr td .state {display:inline-block; width:38px; height:18px; line-height:18px; background-color:#d0d0d0; border-radius:2px; font-family:"NotoSansKR Bold"; font-size:13px; color:#fff;}
.wrap_table .table_notice tbody tr td .state.ongoing {background-color:#1c7900;}
.wrap_table .table_notice tbody tr td.notice_tit {padding:13px 0 12px;}
.wrap_table .table_notice tbody tr td.notice_tit .title {overflow:hidden; height:18px; margin-bottom:10px; line-height:18px; font-size:13px; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap; font-family:"NotoSansKR Bold"; color:#333; text-align:left;}
.wrap_table .table_notice tbody tr td.notice_tit p:after{display:block; clear:both; content:"";}
.wrap_table .table_notice tbody tr td.notice_tit .cnt {float:left;}
.wrap_table .table_notice tbody tr td.notice_tit .date {float:right; font-size:13px; padding-top:5px;}
.status_info {padding:20px 0; color:#555; text-align:center;}
.status_info .searching {font-family:"NotoSansKR Black"; color:#333;}
.status_info .cnt {font-family:"NotoSansKR Black"; color:#215eb6; vertical-align:top;}

/* accordion */
.wrap_accordion [data-accordion-group] {border-top:2px solid #333; border-bottom:1px solid #333;}
.accordion [data-content] {border:none;}
.accordion [data-content] > * {border-color:#eee;}
.accordion .list_title {position:relative; z-index:1; padding:12px 35px 13px 37px; min-height:39px; border-bottom:1px solid #eee; font-family:"NotoSansKR Bold"; font-size:13px; color:#333; }
.accordion .list_con {position:relative; z-index:1; padding:14px 0 13px 37px; line-height:18px; font-size:13px; color:#666;}
.accordion .list_con:before {content:"A"; display:inline-block; width:37px; position:absolute; top:15px; left:0; z-index:5; font-family:"NotoSansKR Bold"; font-size:15px; color:#777; text-align:center;}
.accordion .list_title:before {content:"Q"; display:inline-block; width:37px; height:40px; line-height:40px; position:absolute; top:0; left:0; z-index:5; font-family:"NotoSansKR Bold"; font-size:15px; color:#333; text-align:center;}
.accordion .list_title:after {content:""; display:inline-block; position:absolute; top:0; right:0; z-index:5; width:35px; height:40px; background:url("/ko/mobile/assets/images/common/btn_listopen02.png") no-repeat center center; background-size:11px;}
.accordion.open .list_title,
.accordion.open .list_title:before {color:#215eb6;}
.accordion.open .list_title:after {background-image:url("/ko/mobile/assets/images/common/btn_listclose02.png");}
/* ?????????? */
.pop.type2 .pop_inner .pop_title_area {background:#fff;}
.pop.type2 .pop_inner .pop_title_area .pop_tit {color:#333;}
.pop.type2 .pop_inner .pop_title_area .btn_pop_close {background-image:url('/ko/mobile/assets/images/common/btn_pop_close_b.png');}
.pop.type2 .pop_inner .pop_contents{padding:0 20px;}
.pop.type2 .pop_title_area {border-bottom:1px solid #ddd;}
.pop.type2 .pop_title_area .pop_tit {font-family:"NotoSansKR Bold"; font-size:15px;}


.list_circle li,
.list_circle li p,
.direction_info p {position:relative; z-index:1; margin-top:11px; padding-left:10px; font-size:13px; color:#555; word-break:keep-all;}
.wrap-development .list_circle li{margin-top: 0;}
.list_circle li p {padding-left:0;}
.list_circle li:first-child {margin-top:0;}
.list_circle li:before,
.direction_info li p:before,
.list_circle dt:before {content:""; display:inline-block; position:absolute; top:8px; left:0; z-index:5; width:3px; height:3px; background:url("/ko/mobile/assets/images/careers/ic_circle.png") no-repeat center center; background-size:3px;}
.direction_info li p:before {top:8px;}

/* ????????? ???? */
.pop .interview_detail {padding-top:18px;}
.pop .interview_detail .department,
.pop .interview_detail .employee_name {display:block; font-family:"NotoSansKR Bold"; font-size:13px;}
.pop .interview_detail .department {line-height:18px; color:#215eb6;}
.pop .interview_detail .employee_name {}
.pop .interview_detail .wrap_video {margin-top:12px;}
.pop .interview_detail .caption {margin-top:15px; background-color:#f7f7f7; border:1px solid #ddd;}
.pop .interview_detail .caption .inner_caption {overflow-y:auto; padding:7px 10px; height:75px;}
.pop .btn_area {margin:18px 0 0; padding:20px 0;}

.wrap_list_circle .list_circle li {font-family:"NotoSansKR Bold";}
.wrap_list_circle .list_circle p {margin-top:5px; padding-left:0;}

/* slide */
/*.wrap_slide {margin:15px -20px 0;}*/
.wrap_slide .slide_result {margin:15px -20px 0; text-align:center;}
.wrap_slide .slide_result li {padding: 0 12px; height:auto;}
.wrap_slide .slide_result li .ic_img {padding:0 5px;}
.wrap_slide .slide_result .title {margin-top:12px; line-height:17px; font-family:"NotoSansKR Bold";}
.wrap_slide .slide_result .date,
.wrap_slide .slide_result .brand_name {display:block; margin-top:3px; line-height:16px; font-size:11px; color:#555;}

/* list_service | list_integrate */
.list_service,
.list_integrate {border:1px solid #eee;}
.list_integrate {margin-top:20px;}
.list_service li {padding:24px 0 24px 74px; background-repeat:no-repeat; background-position:17px center; background-size:40px;}
.list_service li + li,
.list_integrate li + li {border-top:1px solid #eee;}
.list_service li.service_iiot {background-image:url("/ko/mobile/assets/images/business-areas/ic_service_iiot.png")}
.list_service li.service_bigdata {background-image:url("/ko/mobile/assets/images/business-areas/ic_service_bigdata.png")}
.list_service li.service_cloud {background-image:url("/ko/mobile/assets/images/business-areas/ic_service_cloud.png")}
.list_service li.service_industrial {background-image:url("/ko/mobile/assets/images/business-areas/ic_service_industrial.png")}
.list_service li.service_mobile {background-image:url("/ko/mobile/assets/images/business-areas/ic_service_mobile.png")}
.list_service li.service_network {background-image:url("/ko/mobile/assets/images/business-areas/it_icon6-1.png")}
.list_service li.service_apt {background-image:url("/ko/mobile/assets/images/business-areas/ic_service_apt.png")}
.list_service li.service_welfare {background-image:url("/ko/mobile/assets/images/business-areas/ic_service_welfare.png")}
.list_service li.service_soc {background-image:url("/ko/mobile/assets/images/business-areas/ic_service_soc.png")}
.list_service li.service_btl {background-image:url("/ko/mobile/assets/images/business-areas/ic_service_btl.png")}
.list_service li .service_title {margin-bottom:9px; font-family:"NotoSansKR Black"; font-size:13px;}
.list_service li p,
.list_integrate li p {line-height:18px; font-family:"NotoSansKR Regular"; font-size:13px; color:#555;}
.list_integrate li {padding:20px; font-family:"NotoSansKR Black"; color:#215eb6;}
.list_integrate li p {margin-top:9px;}

/* list_communication */
.list_communication {}
.list_communication dl {display:table; width:100%; border:1px solid #eee;}
.list_communication dl:after {display:block; clear:both; content:"";}
.list_communication dl dt {display:table-cell; width:82px; border-right:1px solid #eee; font-family:"NotoSansKR Black"; color:#215eb6; text-align:center;}
.list_communication dl dd {display:table-cell; padding:13px 15px; margin-left:82px; vertical-align:top;}
.list_communication dl + dl {margin-top:15px;}

/* 05???????_03???????_??? */
.list_careers {}
.list_careers:after {content:''; display:block; clear:both;}
.list_careers a {float:left; width:48.5%; display:block; position:relative; z-index:1; padding:14px 15px; border:1px solid #eee; text-align:left;}
.list_careers a:nth-child(odd) {float:left;}
.list_careers a:nth-child(even) {float:right;}
.list_careers a:nth-child(n+3) {margin-top:10px;}
.list_careers a .field {display:inline-block; margin-bottom:9px; padding:0 3px; height:20px; line-height:18px; border:1px solid #264fb6; border-radius:2px; font-size:14px; color:#264fb6;}
.list_careers a p {margin-bottom:5px; line-height:18px; font-size:14px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list_careers a:after {content:""; display:inline-block; position:absolute; bottom:9px; right:9px; z-index:5; width:9px; height:9px; background:url("/ko/mobile/assets/images/common/ic_plus.png") no-repeat center center; background-size:9px;}
.list_careers + .btn {margin:30px auto 20px;}
.list_interview + .btn {margin:37px auto 20px;}
.wrap_list .wrap_select select {margin-top:-1px;}

/* 05???????_05???FAQ */
.wrap_accordion + .btn_area {margin-top:23px;}

/* 05???????_04????????? */
/*.wrap_list {text-align:center;}*/
.wrap_center {margin:-5px 0 30px;}
.wrap_center .wrap_select {display:inline-block; overflow:hidden; margin-top:0; width:auto; border:1px solid #ddd; border-radius:14px; font-family:"NotoSansKR Bold"; font-size:11px; color:#555; }
.list_interview {margin-left:-13px; }
.list_interview:after {display:block; clear:both; content:"";}
.list_interview .list_con {float:left; padding:0 5px; margin-bottom:22px; width:50%; text-align:center;}
.list_interview .list_con a {display:block; margin-left:13px; }
.list_interview a .ic_img,
.interview_header.ic_img {display:inline-block;}
.list_interview a .ic_img img,
.interview_header .ic_img img {display:block; width:100%;}
.list_interview a .interview_con .department,
.interview_header .interview_con .department {display:block; margin-top:12px; font-family:"NotoSansKR Bold"; font-size:13px; color:#215eb6;}
.list_interview a .interview_con .text,
.interview_header .interview_con .text {margin-top:6px; line-height:18px; font-size:13px; color:#555;}
.list_interview a .interview_con .text {height:72px;}
.interview_header .interview_con .text {height:52px;}
.list_interview a .interview_con .employee_name,
.interview_header .interview_con .employee_name {display:inline-block; position:relative; z-index:1; margin-top:6px; line-height:32px; font-family:"NotoSansKR Bold"; font-size:13px;}
.list_interview a .interview_con .employee_name:after,
.interview_header .interview_con .employee_name:after {content:""; display:inline-block; position:absolute; left:50%; z-index:5; margin-left:-6px; width:12px; height:1px; background-color:#333;}

/* 05???????_04?????????_???? */
.interview_header {position:relative; z-index:20; text-align:center;}
.interview_header .interview_con {padding:0 0 12px; border-bottom:1px solid #eee;}
.interview_header .interview_video {display:block; position:fixed; bottom:10px; right:20px; z-index:10; padding-left:10px; width:98px; height:88px;}
.interview_header .interview_video a {overflow:hidden; display:block; position:relative; z-index:5; width:88px; height:88px; box-shadow: 0 5px 5px rgba(0,0,0,0.19); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.19); border-radius:44px;}
.interview_header .interview_video a:before {content:""; display:block; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.55); text-align:center; font-size:10px; color:#fff;}
.interview_header .interview_video a img {display:block; height:100%;}
.interview_header .interview_video a .ic_play {display:block; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; text-align:center; font-size:10px; color:#fff;}
.interview_header .interview_video a .ic_play:before {content:""; display:block; margin:2px auto 5px; width:24px; height:24px; background:url("/ko/mobile/assets/images/common/ic_play.png") no-repeat center center; background-size:24px;}
.interview_list {padding-bottom:18px;}
.interview_list li {padding:20px 0 0;}
.interview_list li .ic_img {display:block;}
.interview_list li .ic_img img {display:block; width:100%;}
.interview_list li .list_left .ic_img{float:left; padding-right:5px; width:50%;}
/* Q1 */
.interview_list li .list_left {position:relative; z-index:1; margin-bottom:13px;}
.interview_list li .list_left:after {display:block; clear:both; content:"";}
.interview_list li .list_left .list_title {display:inline-block; position:absolute; bottom:0; right:0; z-index:10; padding-left:10px; width:50%;}
.interview_list li .list_left .list_title .title {margin-bottom:0;}
/* Q2 */
.interview_list li .list_title {display:inline-block; position:static; width:50%;letter-spacing:-0.025em;}
.interview_list li .list_right {float:right; width:50%; padding-left:10px; margin-top:5px;}
.interview_list li .list_right:after {display:block; clear:both; content:"";}
.interview_list li .list_right2 {position:relative; z-index:1; margin-bottom:13px;}
.interview_list li .list_right2:after {display:block; clear:both; content:"";}
.interview_list li .list_right2 .ic_img{float:right; padding-left:5px; width:50%;}
.interview_list li .list_right2 .list_title {display:inline-block; position:absolute; bottom:0; left:0; z-index:10; padding-right:10px; width:50%;}
.interview_list li .list_right2 .list_title .title {margin-bottom:0;}
.interview_list li .ic_number {display:block; margin-bottom:2px; font-family:"NotoSansKR Black"; font-size:15px;}
.interview_list li .title{display:inline-block; margin-bottom:16px; line-height:18px;}
.interview_list li .title .border {display:inline-block; text-decoration:underline; color:#2469b6;}
.interview_list li .list_con {line-height:18px; font-size:13px; color:#555;letter-spacing:-0.025em;}
.interview_list li .ic_img + .list_con {margin-top:12px;}

/* 05???????_04???????_?????? */
.employ_info .wrap_table + .btn_more {margin-top:30px;}

/* 05???????_04???????_??????? */
.table_notice.detail .notice_tit {position:relative; z-index:1; overflow:hidden;}
.table_notice.detail tbody tr:first-child td {height:39px;}
/*.table_notice.detail .table_detail p {font-size:11px;}*/
.table_notice.detail .notice_tit p:after {display:block; clear:both; content:"";}
.table_notice.detail .notice_tit .field {float:left;  padding:3px 0 3px 0; font-family:"NotoSansKR Bold"; font-size:13px; color:#333;}
/*.employ_info_detail .table_notice.detail .notice_tit .career,
.job_intro_detail .table_notice.detail .notice_tit .field_detail {display:inline-block; padding:1px 8px; position:absolute; right:0; z-index:10; border:1px solid #264fb6; font-family:"NotoSansKR Bold"; font-size:14px; color:#264fb6; text-align:center;}*/
.employ_info_detail .table_notice.detail .notice_tit .career,
.job_intro_detail .table_notice.detail .notice_tit .field_detail{float:left;  padding:1px 8px;  border:1px solid #264fb6; font-family:"NotoSansKR Bold"; font-size:14px; color:#264fb6; text-align:center;}
.employ_info_detail .table_notice.detail .notice_tit .career {top:10px;}
/*.employ_info_detail .table_notice.detail .notice_tit .title {margin-right:44px;}*/
.employ_info_detail .table_notice.detail .table_detail a,
.employ_info_detail .table_notice.detail .table_detail button {margin:36px auto 40px;}


.news_d .table_notice.detail .notice_tit1{padding:13px 0 12px;}
.news_d .table_notice.detail .notice_tit1 p{}
.news_d .table_notice.detail .notice_tit1 p:nth-of-type(2){ position:relative; float:left; width: 25%; height: 100%;}
.news_d .table_notice.detail .notice_tit1 p.title1{float:left; position:relative; overflow:hidden; width:75%; text-align: left; font-size:13px; color:#333; font-family: "NotoSansKR Bold"; max-height:36px; }
.news_d .table_notice.detail .notice_tit1 p.title1:before {display:inline-block; content:"..."; position:absolute; top:16px; right:0; background-color:#fff;}
.news_d .table_notice.detail .notice_tit1 p.title1:after {display:inline; content:""; position:absolute; width:100%; height:100%; background-color:#fff;}
.news_d .table_notice.detail .notice_tit1 span.date{height:18px; position:absolute; right:0; bottom:0;}
.news_d .wrap_table .table_notice tbody tr td.notice_ti1 .title1 {overflow:hidden; height:36px;  font-size:13px; font-family:"NotoSansKR Bold"; color:#333; text-align:left;}


/* 05???????_03???????_???? */
.job_intro_detail .table_notice tbody tr td.notice_tit .title {overflow:visible; height:auto; text-overflow:initial; white-space:normal;}
.job_intro_detail .table_notice.detail .notice_tit .field_detail {padding:1px 2px; border-radius:2px;}
.job_intro_detail .table_detail dl dt {margin-bottom:10px; line-height:18px; font-family:"NotoSansKR Bold"; font-size:13px; color:#215eb6;}
.job_intro_detail .table_detail dl dd {line-height:16px; font-size:11px;}
.job_intro_detail .table_detail dl dd + dt {margin-top:25px;}
.job_intro_detail .table_notice.detail .notice_tit .field_detail {bottom:12px;}


/* 01????????_04???????_???????? */
.ic_img {display:block;}
.ic_img.type2 {margin-bottom: 20px;}
.ic_img.type3 {font-size:12px; text-align:right;}
.ic_img.type3 img {margin-bottom:10px;}
.ic_img img {display:block; width:100%;}
.ic_img img + img {margin-top:1px;}
.content_con .info_text{line-height:18px; font-size:13px; color:#555;}
.content_con .info_text .chinese_char {font-family:sans-serif; font-size:11px; color:#555;}
.content_con .info_text + .ic_img{margin-top:16px;}
.wrap_value {margin-top:20px; border:1px solid #eee;}
.wrap_value .value_con {padding:20px 20px 16px;}
.wrap_value .value_con + .value_con{border-top:1px solid #eee;}
.wrap_value .value_con h4 {margin-bottom:8px; font-family:"NotoSansKR Bold"; font-size:15px; font-weight:normal;}
.wrap_value .value_con.value_target .inner {background-image:url("/ko/mobile/assets/images/about-us/ic_principle_t.png"); background-size:24px;}
.wrap_value .value_con.value_cooperation .inner {background-image:url("/ko/mobile/assets/images/about-us/ic_principle_cooper.png");}
.wrap_value .value_con.value_growth .inner {background-image:url("/ko/mobile/assets/images/about-us/ic_principle_g.png");}
.wrap_value .value_con.value_challenge .inner {background-image:url("/ko/mobile/assets/images/about-us/ic_principle_c.png");}
.wrap_value .value_con .inner {background-repeat:no-repeat; background-position:right top; background-size:24px;}
.wrap_value .value_con h4:after {content:""; display:block; margin-top:7px; width:8px; height:1px; background-color:#333;}
.wrap_value .value_con p {line-height:18px; font-size:13px; color:#555;}

/* 00_03????????_????????? */
.category_list {margin-left:-12px; padding:10px 20px 6px; background-color:#f9f9f9; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:left;}
.category_list:after {display:block; clear:both; content:"";}
.category_list a {float:left; display:block; position:relative; z-index:1; margin:0 10px 5px;}
.category_list a .border {display:inline-block; border-bottom:1px solid transparent; line-height:18px; font-size:13px; color:#555;}
.category_list a .border .cnt {vertical-align:top;}
.category_list a.active .border,
.category_list a.active .border .cnt {color:#1c6dd3;}
.category_list a.active .border {border-bottom:1px solid #1c6dd3;}
.category_list a:after {content:""; display:inline-block; position:absolute; top:50%; right:-9px; z-index:5; margin-top:-6px; width:1px; height:12px; background-color:#d4d4d4;}
.category_list a:last-child:after {display:none;}
.integrate_search .status_info {padding:14px 0 11px;}
.integrate_search .search_category:first-child {border-top:none;}
.integrate_search .wrap_list,
.integrate_search .wrap_table {padding:0 0 30px;}
.integrate_search .wrap_list ul,
.integrate_search .wrap_list .list_careers,
.integrate_search .wrap_list .list_interview,
.integrate_search .wrap_table {margin-top:15px;}
.integrate_search .wrap_list .btn_more,
.integrate_search .wrap_table .btn_more {margin-top:15px;}
.integrate_search .news_list li {margin-top:20px;}
.integrate_search .news_list li:first-child {margin-top:0;}
/*.integrate_search .news_list li .notice_title {overflow:hidden; display:inline-block; margin-bottom:8px; max-width:100%; text-overflow:ellipsis; white-space:nowrap;}*/
.integrate_search .news_list li .notice_title {display:inline-block; max-width:100%; margin-bottom:8px; border-bottom:1px solid #333;}
.integrate_search .news_list li .notice_title .border {overflow:hidden; display:block; height:18px; font-family:"NotoSansKR Black"; font-size:13px; text-overflow:ellipsis; white-space:nowrap;}
/*.integrate_search .news_list li .notice_title .border { display:inline-block; height:18px; border-bottom:1px solid #333;  font-family:"NotoSansKR Black"; font-size:13px; color:red;}*/
.integrate_search .news_list li .detail_text {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-size:13px; color:#555; line-height:18px;}
.integrate_search .wrap_center {margin:0 auto;}
.integrate_search .search_none {padding:21px 0; background-color:#fcfcfc; border-bottom:1px solid #eee; text-align:center;}
.integrate_search .search_none p {display:inline-block; position:relative; z-index:1; padding-left:29px; line-height:16px; font-size:13px; color:#1c2e5e;}
.integrate_search .search_none p:before {content:""; position:absolute; top:0; left:0; width:19px; height:19px; background:url("/ko/mobile/assets/images/common/ic_search_none.png") no-repeat left center; background-size:19px;}

/* ??????? */
.integrate_search .wrap_video ul li {width:33.333%;}
.integrate_search .wrap_video ul li .video_list {padding-bottom:0; margin-left:5px;}
.integrate_search .wrap_video ul li .video_list .video_txt {overflow:hidden; margin-top:14px; height:16px; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;}
/* ??????? */
.integrate_search .list_careers:after {display:block; clear:both; content:"";}
.integrate_search .list_careers {margin-left:-30px;}
.integrate_search .list_careers .list_con {position:relative; z-index:1; float:left; width:50%; margin-top:20px;}
.integrate_search .list_careers .list_con a {margin-left:30px; padding:0; border:none;}
.integrate_search .list_careers a .field_con {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; font-size:13px; color:#333; line-height:17px;}
.integrate_search .list_careers a:after {display:none;}
.integrate_search .list_careers .list_con:first-child,
.integrate_search .list_careers .list_con:first-child + .list_con{margin-top:0;}
.integrate_search .list_careers .list_con + .list_con:after {content:""; position:absolute; top:0; left:15px; width:100%; height:100%; border-left:1px solid #eee;}

/* 05???????_01?????? */
/*.title_left {margin-top:-5px}*/
.title_left h3 {margin-bottom:3px; font-family:"NotoSansKR Black"; font-size:14px; font-weight:normal;}
.title_left.border h3 {margin-bottom:8px; font-size:13px;}
.title_left.border h3 span{display:inline-block; font-family:"NotoSansKR Black"; font-size:16px;}
.title_left .txt {line-height:18px; font-size:13px; color:#555;}
.title_left.border .txt {line-height:18px; font-size:13px;}
/*.ic_circle {display:block; margin: 18px auto 0; width:100%; max-width:279px; min-height:101px; background:url("/ko/mobile/assets/images/careers/img_talent.png") no-repeat center center; background-size:100% auto; font-size:0;}*/
/*.ic_circle.value {background-image:url("/ko/mobile/assets/images/about-us/img_core_value.png");}*/
/*.ic_circle div {display:inline-block; position:relative; z-index:1; width:33.333%; height:101px;}*/
/*.ic_circle div span {display:inline-block; position:absolute; top:50%; left:50%; z-index:10; width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-family:"NotoSansKR Black"; font-size:13px; font-style:normal; text-align:center;}*/
/*.ic_circle div:first-child span {margin-left:3px;}*/
/*.ic_circle div:last-child span {margin-left:-3px;}*/
/*.ic_circle div span i {display:block; font-family:"NotoSansKR Bold"; font-size:13px; font-style:normal;}*/
/*.ic_circle .circle01 span {color:#248904;}*/
/*.ic_circle .circle02 span {color:#008577;}*/
/*.ic_circle .circle03 span {color:#1f62ad;}*/
/*.ic_circle.value .circle01 span {color:#71a614;}*/
/*.ic_circle.value .circle02 span {color:#0c8aa5;}*/
/*.ic_circle.value .circle03 span {color:#2363b3;}*/
.talent_con {margin-top:30px; padding:18px 20px 20px; border:1px solid #eee; border-radius:9px;}
.talent_con.smart {margin-top:34px;}
.talent_con .concept_title {padding-bottom:16px; line-height:18px; font-family:"NotoSansKR Black"; font-size:16px;}
.talent_con .concept_title p {margin-top:9px; line-height:18px; font-family:"NotoSansKR Regular"; font-size:13px; color:#555;}
.talent_con.smart .concept_title {color:#12b3d0;}
.talent_con.execution .concept_title {color:#19d8cc;}
.talent_con.transparency .concept_title {color:#076cb3;}
.talent_con.develop .concept_title {font-family:"NotoSansKR Bold"; font-size:13px; color:#215eb6;}
.talent_con .concept_detail {padding-top:18px; border-top:1px solid #eee;}
.talent_con .concept_detail dt {display:block; font-family:"NotoSansKR Black"; font-size:13px;}
.talent_con .concept_detail dd {display:block; margin-top:5px; line-height:18px; font-size:13px; color:#555;}
.talent_con .concept_detail dd + dt {margin-top:10px;}

/* 05???????_02????????_01??????? */
.employ_manage_outcome .title_left h3 {margin-bottom:8px;}

/* 05???????_02????????_02???/??????? */
.title_left.welfare{padding-top:30px;}
.ic_welfare {display:block; margin:30px auto 0; width:271px; height:150px; background:url("/ko/mobile/assets/images/careers/img_welfare.png") no-repeat center center; background-size:100% auto; font-size:0;}
.ic_welfare li {display:inline-block; position:relative; z-index:1; width:50%; height:150px; text-align:center;}
.ic_welfare li div {display:inline-block; width:70%; height:63px; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.ic_welfare li div span {display:inline-block; height:12px; line-height:12px; font-size:11px; color:#666;}
.ic_welfare li div i {display:block; font-size:17px; color:#5e9d0c; font-style:normal; font-family:"NotoSansKR Black";}
.ic_welfare li:first-child div{margin-left:7px;}
.ic_welfare li:first-child + li div{margin-left:-7px;}
.ic_welfare li:first-child + li div i {color:#1f62ad;}
.ic_welfare li .welfare_caption {font-size:10px; color:#666;}
.welfare_box .type_text{margin-bottom:14px; line-height:15px; font-family:"NotoSansKR Bold"; font-size:15px; color:#215eb6;}
.welfare_box {margin-top:20px;}
.welfare_box + .welfare_box {margin-top:30px;}
.welfare_box .welfare_type:after {display:block; clear:both; content:"";}
.welfare_box .welfare_type li{display:table; margin-left:-1px; padding:10px 15px; float:left; width:50%; height:60px; border:1px solid #ddd;}
.welfare_box .welfare_type li span {display:table-cell; padding-left:29px; position:relative; z-index:1; line-height:18px; text-align:right; font-size:13px; color:#555;}
.welfare_box .welfare_type li span:before {content:""; display:inline-block; position:absolute; top:0; left:0; z-index:5; width:29px; height:28px; background:url("/ko/mobile/assets/images/careers/ic_life_01.png") no-repeat center center; background-size:29px 28px;}
.welfare_box .welfare_type.life li:nth-child(2) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_life_02.png");}
.welfare_box .welfare_type.life li:nth-child(3) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_life_03.png");}
.welfare_box .welfare_type.life li:nth-child(4) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_life_04.png");}
.welfare_box .welfare_type.life li:nth-child(5) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_life_05.png");}
.welfare_box .welfare_type.life li:nth-child(6) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_life_06.png");}
.welfare_box .welfare_type.life li:nth-child(7) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_life_07.png");}
.welfare_box .welfare_type.healthy li:nth-child(1) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_healthy_01.png");}
.welfare_box .welfare_type.healthy li:nth-child(2) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_healthy_02.png");}
.welfare_box .welfare_type.leisure li:nth-child(1) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_leisure_01.png");}
.welfare_box .welfare_type.leisure li:nth-child(2) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_leisure_02.png");}
.welfare_box .welfare_type.leisure li:nth-child(3) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_leisure_03.png");}
.welfare_box .welfare_type.leisure li:nth-child(4) span:before {background-image:url("/ko/mobile/assets/images/careers/ic_leisure_04.png");}
.welfare_box .welfare_type li:nth-child(3),
.welfare_box .welfare_type li:nth-child(4),
.welfare_box .welfare_type li:nth-child(5),
.welfare_box .welfare_type li:nth-child(6),
.welfare_box .welfare_type li:nth-child(7) {border-top:0;}

/* 05???????_02????????_01??????? */
.employ_manage_outcome .list_circle {margin-top:10px;}
.employ_manage_outcome .wrap_table {margin-top:12px}
.employ_manage_outcome .ic_img {margin-top:26px;}

/* 05???????_05???????_02?????????? */
.process_box h4 {margin-bottom:16px; line-height:18px; font-size:14px; color:#215eb6; text-align:center;}
.process_box ol {padding:0 15px;}
.process_box ol li {display:table; position:relative; z-index:1; width:100%; margin-bottom:32px; padding:5px 20px 5px 5px; height:56px; border:1px solid #ccc; border-radius:26px;}
.process_box ol li .inner {display:table-cell; font-family:"NotoSansKR Bold"; font-size:15px; text-align:right;}
.process_box ol li:last-child:after {display:none;}
.process_box ol li:after {content:""; display:block; position:absolute; left:50%; bottom:-27px; z-index:5; margin-left:-10px;width:19px; height:22px; background:url("/ko/mobile/assets/images/careers/ic_arrow.png") no-repeat center center; background-size:19px 22px;}
.process_box ol li .ic_num {float:left; display:inline-block; width:45px; height:45px; line-height:45px; border-radius:45px; background-color:#e8eaee; font-family:"NotoSansKR Black"; font-size:15px; color:#333; text-align:center;}
.process_box ol li .detail_info {display:block; font-family:"NotoSansKR Bold"; font-size:11px; color:#555;}
.title_left + .list_circle.etc {margin-top:10px;}
.process_box ol li:nth-child(3){ border:2px solid #076cb3; }
.process_box ol li:nth-child(3) .ic_num{ color: #076cb3; }
.process_box ol li:nth-child(3) .inner{ color: #076cb3; }
.process_box ol li:nth-child(4){ border:2px solid #12b3d0; }
.process_box ol li:nth-child(4) .ic_num{ color: #12b3d0; }
.process_box ol li:nth-child(4) .inner{ color: #12b3d0; }

/* 05???????_02????????_03???????? */
.ic_develop .ic_img {margin-top:26px;}

/* 24.06.24 - ???? ??? ?? ?? */
.list_groups li {display:flex; gap:0 20px; padding:20px; width:100%; height:155px; border:1px solid #eee; border-bottom:0; }
.list_groups li:nth-child(5) { border-bottom:1px solid #eee; }
.list_groups li .img_box { display:flex; justify-content:center; align-items:center; width:112px; height:112px; margin:0; padding:15px; box-sizing:border-box; border-radius:50%; background:#f9f9f9; }
.list_groups li .img_box img { max-width:100%; }
.list_groups li .txt_box { display:flex; flex-direction:column; flex-basis:calc(100% - 132px); }
.list_groups li .txt_box .wrap_area { display:flex; flex-wrap:wrap; gap:3px 10px; }
.list_groups li .txt_box .wrap_area a { flex-basis:45%; }
.list_groups li h3 { margin-bottom:6px; font-family:"NotoSansKR Bold"; font-size:16px; color:#333; letter-spacing:-0.05em; }
.list_groups li p { font-size:12px; color:#666; letter-spacing:-0.025em; position:relative; white-space:nowrap; }
.list_groups li p:before { display:block; width:2px; height:2px; border-radius:50%; background:#666; content:''; position:absolute; left:-6px; top:8px; }

.list_branch {margin:0 -20px; padding:0 20px;}
.list_branch .wrap_center {margin-top:0;}
.list_branch.domestic .wrap_center .btn_more {margin-top:15px;}
.group_site li,
.list_branch.domestic li {margin:0 -20px; padding:0 20px 30px;}
.list_branch li + li {padding-top:25px;}
.list_branch.domestic li + li {padding-top:30px;}
.group_site li + li {padding-top:30px; border-top:1px solid #eee;}
.group_site li:last-child,
.list_branch li:last-child {padding-bottom:0;}
.group_site li .ic_img {margin-bottom:8px;}
.group_site li .txt_con .company_name {position:relative; z-index:1; margin-bottom:8px; line-height:32px; font-family:"NotoSansKR Black"; font-size:14px;}
.group_site li .txt_con .company_name:after {content:""; display:inline-block; position:absolute; left:3px; bottom:-2px; z-index:5; width:8px; height:1px; border-bottom:1px solid #333;}
.group_site li .txt_con .caption {margin-bottom:10px; line-height:18px; font-size:13px; color:#555; word-break: keep-all;}
.group_site li .txt_con dl:after {display:block; clear:both; content:"";}
.group_site li .txt_con dl dt,
.group_site li .txt_con dl dd {margin-bottom:8px; line-height:18px; font-size:13px;}
.group_site li .txt_con dl dt {float:left; width:70px; font-family:"NotoSansKR Bold"; vertical-align:top;}
.group_site li .txt_con dl dd {margin-left:70px; color:#555;}
.btn_shortcut {margin:4px 0 0;}
.btn_shortcut span:after {margin-left:8px; width:10px; height:10px; background:url("/ko/mobile/assets/images/about-us/ic_short_cut.png") no-repeat center center; background-size:10px;}

/* 01????????_07????????_????????_02???????? */
.domestic_region:after {display:block; clear:both; content:"";}
.domestic_region {margin-left:-1px;}
.domestic_region li {float:left; width:33.3333%;}
.domestic_region li div {position:relative; z-index:1; margin-left:1px;}
.domestic_region li div img {display:block; width:100%;}
.domestic_region li div .region_name {display:block; width:100%; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-family:"NotoSansKR Bold"; font-size:14px; color:#fff; text-align:center;}
.domestic_region li div:after{content:""; display:block; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.list_branch .region {margin-bottom:10px; font-family:"NotoSansKR Bold"; font-size:15px; color:#215eb6;}
.list_branch.domestic li + li {border-top:1px solid #eee;}
.list_branch .list_circle:after {display:block; clear:both; content:"";}
.list_branch .list_circle dt:first-child,
.list_branch .list_circle dt:first-child + dd {margin-top:0;}
.list_branch .list_circle dt {float:left; position:relative; margin-top:10px; padding-left:7px; width:65px; vertical-align:top; font-family:"NotoSansKR Bold"; color:#333; line-height:16px;}
.list_branch .list_circle dd {margin-left:65px; margin-top:10px; line-height:16px;}
.btn_map_detail span:after {margin-left:8px; width:8px; height:11px; background:url("/ko/mobile/assets/images/about-us/ic_map.png") no-repeat center center; background-size:8px 11px;}

/* 01????????_07????????_????????_01???????? */
.ic_img.overseas {margin-bottom:13px;}
.nation_name {margin-bottom:16px; font-family:"NotoSansKR Black"; font-size:14px;}
.nation_name .ic_nation {display:inline-block; margin-right:9px; width:20px; height:13px; background:url("/ko/mobile/assets/images/about-us/ic_china.png") no-repeat center center; background-size:20px 13px;}
.vietnam .nation_name .ic_nation {background:url("/ko/mobile/assets/images/about-us/ic_vietnam.png"); background-size:20px 13px;}
.singapore .nation_name .ic_nation {background:url("/ko/mobile/assets/images/about-us/ic_singarpore.png"); background-size:20px 13px;}
/* 240130 - ?????????_??? ??? css ?? */
.russia .nation_name .ic_nation {background:url("/ko/mobile/assets/images/about-us/ic_russia.png"); background-size:20px 13px;}

/* 01????????_06???????????_02ITC???? */
/*.wrap_map {width:100%; height:185px;}*/
.wrap_map {width:100%;}
.wrap_map + .wrap_center {margin-bottom:0;}
.wrap_map + .wrap_center .btn_map_detail {margin-top:30px;}
.headquarters_info:after {display:block; clear:both; content:"";}
.headquarters_info dt,
.headquarters_info dd {margin-top:10px; font-size:13px; color:#555; line-height:18px;}
.headquarters_info dt:first-child ,
.headquarters_info dt:first-child + dd {margin-top:0;}
.headquarters_info dt {float:left; width:56px; font-family:"NotoSansKR Black"; vertical-align:top;}
.headquarters_info dd {margin-left:56px;}
.direction_info li {padding:6px 0 18px;}
.direction_info li .ic_transfer {display:block; margin:0 auto; width:50px; height:50px; background:url("/ko/mobile/assets/images/about-us/ic_subway.png") no-repeat center center; background-size:50px;}
.direction_info li .ic_transfer.bus {background-image:url("/ko/mobile/assets/images/about-us/ic_bus.png");}
.direction_info li p {margin-top:14px; line-height:20px; word-break:break-all;}
.direction_info li p:after {display:block; clear:both; content:"";}
.direction_info li p + p {margin-top:5px;}
.direction_info li p span,
.direction_info li p strong {font-family:"NotoSansKR Bold"; font-size:13px; font-weight:normal; vertical-align:baseline;}
.direction_info li p .ic_subway_air {color:#49a0d9;}
.direction_info li p .ic_subway_1 {color:#001f78;}
.direction_info li p .ic_subway_2 {color:#00a408;}
.direction_info li p .ic_subway_4 {color:#3171d3;}
.direction_info li p .ic_subway_6 {color:#b44e08;}
.direction_info li p strong {color:#333;}
.direction_info li p .ic_num {display:inline-block; margin:0 6px 0 6px; width:18px; height:18px; line-height:18px; background-color:#333; border-radius:18px; color:#fff; text-align:center;}
.direction_info li p .ic_direction {display:inline-block; margin:0 5px; width:6px; height:10px; background:url("/ko/mobile/assets/images/about-us/ic_direction.png") no-repeat center center; background-size:6px 10px;}
.direction_info li p .title {margin-left:10px; vertical-align:top;}
.direction_info li p .con {margin-left:5px; color:#555; font-family:"NotoSansKR Regular";}

/* 02???????_02???????_01???_01?????? */
.distribution .index_title .caption,
.c_infra .index_title .caption,
.distribution .content_box ol li .txt{line-height:18px; font-size:13px; color:#555;}
.distribution .content_box ol li .txt {margin-top:12px;}
.distribution .index_title .caption + .caption,
.distribution .content_box .wrapper .caption + .caption {margin-top:17px;}
.distribution .content_box .index_title .caption + .caption + .ic_img {margin-top:12px;}
.distribution .content_box .wrapper .img_several img {margin-top:15px;}
/*.distribution .index_title .caption + .caption:last-child {margin-bottom:10px;}*/
.distribution .index_title .caption:last-child {margin-bottom:10px;} 
.distribution .content_box .index_list {margin-top:25px;}
.distribution .content_box .index_list li + li {margin-top:18px;}
.distribution .content_box .index_list li h5.title {margin-bottom:5px; font-size:15px; font-family:"NotoSansKR Bold"; color:#215eb6; font-weight:normal;}
.distribution .content_box  .wrapper .sub_title,
.distribution .content_box .index_list li .wrapper .sub_title,
.c_infra .content_box .wrapper .sub_title {font-size:15px; padding:14px 0; font-family:"NotoSansKR Bold"; color:#215eb6;}
.distribution .content_box  .wrapper .sub_title.padding_none {padding-top:0;}
.distribution .content_box .index_list li .txt + .wrapper {margin-top:12px;}
.distribution .content_box .index_list li .wrapper .txt_box {padding:18px 20px 16px; border:1px solid #eee; border-top:none;}
.distribution .content_box .index_list li .wrapper .txt_box strong {display:inline-block; margin-bottom:5px; font-family:"NotoSansKR Black"; font-size:13px; font-weight:normal;}
.distribution .content_box .index_list li .wrapper .txt_box p {line-height:18px; font-size:13px; color:#555;}
.distribution .content_box .index_list li .wrapper .inner:after {display:block; clear:both; content:"";}
.distribution .content_box .index_list li .wrapper .wrap_3pl {padding:27px 17px; text-align:center;}
.distribution .content_box .index_list li .wrapper .wrap_3pl strong {font-family:"NotoSansKR Black"; font-size:22px; font-weight:normal;}
.distribution .content_box .index_list li .wrapper .wrap_3pl span {display:block; margin:9px auto 13px;  width:32px; height:31px; background:url("/ko/mobile/assets/images/business-areas/ic_3pl.png") no-repeat center center; background-size:32px 31px;}
.distribution .content_box .index_list li .wrapper .wrap_3pl p {line-height:18px; padding-top:10px; font-size:13px; color:#555;}
.distribution .content_box .wrapper + .wrapper,
.c_infra .content_box .wrapper + .wrapper {margin-top:15px;}
.distribution .content_box .wrapper .inner:after {display:block; clear:both; content:"";}
.distribution .content_box .wrapper .inner {border:1px solid #eee; width:100%; box-sizing: border-box;}
.distribution .content_box .wrapper .count_box {float:left; box-sizing: border-box; padding:13px 0 16px; width:50%; text-align:center;}
.distribution .content_box .wrapper .count_box:first-child {width:100%; border-bottom:1px solid #eee;}
.distribution .content_box .wrapper .count_box:first-child + .count_box{border-right:1px solid #eee;}
.distribution .content_box .wrapper .count_box .number {display:inline-block; margin-bottom:7px;font-family:"NotoSansKR Bold";}
.distribution .content_box .wrapper .count_box .number strong {font-family:"NotoSansKR Bold"; font-size:32px; color:#1c2e5e; vertical-align:baseline; font-weight:normal;}
.distribution .content_box .wrapper .count_box p {font-size:13px; color:#555;}
.distribution .content_box .wrapper .vehicle_present,
.list_management .management_con {padding:18px 15px 16px; width:100%; text-align:center;}
.distribution .content_box .wrapper .vehicle_present + .vehicle_present,
.list_management .management_con + .management_con {border-top:1px solid #eee;}
.distribution .content_box .wrapper .vehicle_present .sort,
.list_management .management_con .sort {display:block; margin-bottom:5px; font-family:"NotoSansKR Black"; font-size:13px;}
.distribution .content_box .wrapper .vehicle_present span,
.list_management .management_con span {line-height:18px; font-size:13px; color:#555;}
.list_management .management_con {letter-spacing:-1px;}
.distribution .content_box .wrapper .img_map {border: 1px solid #eee;}
.distribution .content_box .wrapper .img_map .ic_img {margin-top:0;}
.distribution .content_box .wrapper .img_map .map_txt {padding:16px 12px;}
.distribution .content_box .wrapper .img_map .map_txt strong {font-size:15px; color:#555;}
.distribution .content_box .wrapper .img_map .map_txt p{font-size:13px; color:#555; position:relative; padding-left:5px; }
.distribution .content_box .wrapper .img_map .map_txt p:before{position:absolute; left:0; top:5px; content:''; display:block; width: 2px; height: 2px; border-radius: 50%; background:#555;}
/*.distribution .content_box .wrapper .img_map {position:relative; z-index:1;}*/
/*.distribution .content_box .wrapper .img_map .ic_img {margin-top:0;}*/
/*.distribution .content_box .wrapper .img_map .map_txt {position:absolute; top:0; left:0; z-index:10; padding:16px 12px 0;}*/
/*.distribution .content_box .wrapper .img_map .map_txt strong {font-size:15px; color:#fff;}*/
/*.distribution .content_box .wrapper .img_map .map_txt p{font-size:9px; color:#fff;}*/

/* 02???????_02???????_01???_02??????? */
.distribution .content_box .index_list.type2 li + li {margin-top:30px; padding-top:30px; border-top:1px solid #eee;}

/* 02???????_02???????_01???_03ISO??????????? */
.distribution.tank .content_box:first-child {padding-top:28px; border-top:1px solid #eee;}
.distribution .content_box .wrapper .caption {line-height:18px; font-size:13px; color:#555;}
.distribution .content_box .wrapper .ic_img + .caption {margin-top:9px;}
.distribution .content_box .wrapper .ic_img + .sub_title {margin-top:9px;}
.distribution .content_box .wrapper .inner + .caption {margin-top:9px;}
.distribution.tank .content_box .wrapper .vehicle_present{padding:21px 15px 20px;}
.distribution .content_box .wrapper .vehicle_present:after {display:block; clear:both; content:"";}
.distribution .content_box .wrapper .vehicle_present .left {float:left;}
.distribution .content_box .wrapper .vehicle_present .right {float:right; font-size:12px;}
.distribution .content_box .wrapper .vehicle_present .right strong {font-family:"NotoSansKR Bold"; font-size:25px; vertical-align:bottom; font-weight:normal;}
.distribution .content_box .wrapper .certification_condition {margin-top:10px;}
.distribution .content_box .wrapper .certification_condition .ic_img{margin:0 0 10px; border:1px solid #eee;}
.distribution .content_box .wrapper .certification_condition .caption {line-height:18px; font-size:13px; color:#555;}
.distribution .content_box .wrapper .certification_condition strong {display:inline-block; line-height:18px; font-family:"NotoSansKR Bold"; font-size:13px; font-weight:normal;}
.distribution .content_box .wrapper .wrap_list_circle {margin:12px 0 15px; padding:12px 15px; border:1px solid #eee;}
.distribution .content_box .wrapper .list_insurance {margin:10px 0 0 -17px;}
.distribution .content_box .wrapper .list_insurance:after {display:block; clear:both; content:"";}
.distribution .content_box .wrapper .list_insurance li {float:left; width:33.333%; text-align:center;}
.distribution .content_box .wrapper .list_insurance li .insurance_type {padding:0 8px;}
.distribution .content_box .wrapper .list_insurance li .insurance_type{ width:100%; text-align:center; display:block;}
.distribution .content_box .wrapper .list_insurance li .insurance_type img{width: 60%;}
.distribution .content_box .wrapper .list_insurance li .insurance_type span {display:inline-block; margin-top:8px;}

/* 02???????_04IT?????_01ITO_BPO */
.distribution .content_box .wrapper .ic_img + .list_circle {margin-top:15px;}

/* 02???????_04IT?????_02IT ????? ?? ?????? */
.list_system {margin:15px 0 0 -10px;}
.list_system:after {display:block; clear:both; content:"";}
.list_system li {float:left; padding-bottom:10px; width:50%;}
.list_system li div {margin-left:10px; border:1px solid #eee; text-align:center;}
.list_system li div.padding_none .con {padding:15px 0;}
.list_system li div .system_title {display:block; padding:15px; border-bottom:1px solid #eee; line-height:17px; font-family:"NotoSansKR Black"; color:#215eb6;}
.list_system li div p.con {padding:15px; line-height:18px; font-size:13px; color:#555;}
.list_system li div p.con strong {display:block; line-height:18px; font-family:"NotoSansKR Bold"; font-size:13px; color:#333; font-weight:normal;}
.btn_more.info_download {margin-top:0;}
.btn_more.info_download span:after {margin-top:0; width:12px; height:10px; background-image:url("/ko/mobile/assets/images/common/ic_download.png"); background-size:12px 10px;}
.distribution .list_system + .caption,
.distribution .caption + .wrap_table {margin-top:15px;}
.distribution .hw_tit {margin-bottom:15px; line-height:16px; font-family:"NotoSansKR Bold"; font-size:11px;}

/* 02???????_02????????_02????????_04????????????? */
.list_management {border:1px solid #eee;}
.c_infra .content_box .wrapper .sub_title.type2 {padding-top:0; font-size:13px;}
.c_infra .content_box .wrapper .caption {line-height:18px; font-size:13px; color:#555;}
.c_infra .list_style1 + .wrap_table {margin-top:10px;}
.c_infra .list_circle + .wrap_table {margin-top:10px;}
.c_infra .list_circle li {line-height:16px; font-family:"NotoSansKR Bold"; color:#333; letter-spacing:-1px;}
.c_infra .list_circle.type2 {font-size:0;}
.c_infra .list_circle.type2 li {display:inline-block; width:50%;}
.c_infra .list_circle.type2 li:first-child + li {margin-top:0;}

/* 02???????_02????????_02????????_03??????? */
.c_infra .content_box .title_portfolio {padding:0 0 9px 0; line-height:15px; font-family:"NotoSansKR Bold"; font-size:14px; color:#215eb6;}
.wrap_slide.several + .wrap_slide.several {margin-top:15px;}
.wrap_slide.several .txt_box {padding:18px 20px 16px; border:1px solid #eee; border-top:none;}
.wrap_slide.several .txt_box strong {display:inline-block; margin-bottom:5px; font-family:"NotoSansKR Black"; font-size:13px; font-weight:normal;}
.wrap_slide.several .txt_box p {line-height:16px; font-size:13px; color:#555;}
.slide_community {position:relative; z-index:1;}
.slide_community .slide_con {height:auto;}
.slide_community .slick-arrow {position:absolute; top:50%; z-index:10; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); width:32px; height:32px; text-indent:-999999px;}
.slide_community .slick-prev {left:15px; background:url("/ko/mobile/assets/images/common/ic_slide_prev.png") no-repeat center center; background-size:31px;}
.slide_community .slick-prev.slick-disabled {background:url("/ko/mobile/assets/images/common/ic_slide_prev_inactive.png") no-repeat center center; background-size:31px;}
.slide_community .slick-next {right:15px; background:url("/ko/mobile/assets/images/common/ic_slide_next.png") no-repeat center center; background-size:31px;}
.slide_community .slick-next.slick-disabled {background:url("/ko/mobile/assets/images/common/ic_slide_next_inactive.png") no-repeat center center; background-size:31px;}

/* ??? */
.blind{position:absolute; left:-9999px; top:0; overflow:hidden; line-height:0.1%; font-size:0.1%; width:0.1%; height:0.1%;}
.hidden {overflow:hidden;}
.pt0 {padding-top:0 !important;}
.pt30 {padding-top:30px !important;}
.bt0 {border-top:0 !important;}
.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mb0 {margin-bottom:0 !important;}
.ml10 {margin-left:10px !important;}
.pd13 {padding:13px 0 !important;}
.select_style1 {height:33px; border:1px solid #ddd;}
.select_style1 select {padding: 0 25px 0 10px; width:100%; height:100%; border:0; background:#fff url('/ko/mobile/assets/images/common/select_style1_arrow.png') no-repeat right 50%; background-size:25px 15px; font-size:13px; color:#555;}

.select_area {}
.select_area:after {content:'';display:block;clear:both;}
.select_area .select_wrap {float:left;}
.select_area.type2,
.select_area.type3{margin-left:-5px;}
.select_area.type1 .select_wrap {width:100%;}
.select_area.type2 .select_wrap {width:50%;}
.select_area.type3 .select_wrap {width:33.33%;}
.select_area.type2 .select_wrap .select_style1,
.select_area.type3 .select_wrap .select_style1{margin: 0 0 5px 5px;}

.wrap_search {padding:11px 20px;border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f8f8f8;}
.wrap_search .select_area {margin-bottom:8px;}

.search_area:after {content:'';display:block;clear:both;}
.search_area .search_input {float:left; width:79%; height:27px; border:1px solid #1b2e5a;}
.search_area .search_input input {padding:0 6px; width:100%; height:100%; border:0; font-size:13px; color:#444;}
.search_area button {float:right; width:21%; height:27px; background:#1b2e5a; font-size:13px; color:#fff;}

.item .item_inner {display:block; margin-left:10px;}
.item .item_inner .card_img {margin:-1px -1px 0;}
.item .item_inner img {display:block; width:100%;}
.item .item_inner .card_mes {padding:25px 14px 24px;}
.item .item_inner .card_mes p{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; font-size:13px; color:#333; line-height:17px;}
.item .item_inner .card_date {padding:8px 14px; border-top:1px dashed #ddd; background:url('/ko/mobile/assets/images/common/card_date_more.png') no-repeat right 50%; background-size:27px; font-size:13px; color:#555;}

.table_notice.detail td .tit {font-size:13px; text-align:left;}
.table_notice.detail .table_detail {padding:20px 0; line-height:18px; border-bottom:none; text-align:left;}
.table_notice.detail .table_detail img {display:block; margin-bottom:16px; width:100%;}
.table_notice.detail .sub_content .info_title{display:block; margin-top:25px; margin-bottom:10px; line-height:18px; font-family:"NotoSansKR Bold"; font-size:13px; color:#215eb6;}
.table_notice.detail .sub_content .info_title:nth-of-type(1){margin-top:0;}
.table_notice.detail .sub_content .text{line-height:16px; font-size:11px;}
.table_notice.detail .file_box {display:table; margin-top:10px; width:100%; border:1px solid #eee; vertical-align:middle;}
.table_notice.detail .file_box span {display:table-cell; padding:6px 14px;}
.table_notice.detail .file_box .file_down{width:50%; float:left;}
.table_notice.detail .file_box .file_down .btn_table_file{ margin:0; text-align:left; font-size:13px; color:#215eb6; vertical-align:middle;}
.table_notice.detail .file_box .btn_table_file:after {content:''; display:inline-block; margin-left:8px; width:8px; height:8px; background:url('/ko/mobile/assets/images/common/btn_file_download.png') no-repeat 0 0; background-size:8px; vertical-align:middle;}
/*.table_notice.detail .file_box .file_name{text-align:right; font-size:13px; color:#555;}*/
.table_notice.detail .file_box .file_name{ float:right; width:50%;  overflow: hidden;  line-height: 18px;  font-size: 13px;  text-overflow: ellipsis;  word-wrap: break-word;  white-space: nowrap;  color: #333;  text-align: left;  }
.table_title {display:block; overflow:hidden; padding:0 0 9px;}
.table_title p {display:inline-block; float:left; font-size:14px; line-height:21px; font-family:"NotoSansKR Black";}
.table_title span {display:inline-block; float:right; position:relative; padding-left:12px; font-size:13px; color:#666; line-height:21px;}
.table_title span strong{font-size:13px; color:#e90707; vertical-align:top;}
.table_title span:before {content:""; display:inline-block; position:absolute; top:50%; left:0; margin-top:-3px; z-index:5; width:6px; height:6px; background:url('/ko/mobile/assets/images/common/ic_arr_require.png') no-repeat 1px center; background-size:6px; vertical-align:middle;}
.wrap_table + .table_title {margin-top:9px;}

/* popup */
.pop {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; width:100%; height:100%;}
.pop.on {display:block;}
.pop .pop_inner {position:absolute; top:50%; left:50%; z-index:105; margin:-187px 0 0 -140px; width:288px; background:#fff;}
.pop.type2 .pop_inner {margin-top:-215px;}
.pop .pop_inner .pop_title_area {position:relative; padding:0 60px 0 20px;height:45px; background:#1c2e5e;}
.pop .pop_inner .pop_title_area .pop_tit {font-size:15px; color:#fff; font-family:"NotoSansSC Bold"; line-height:45px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.pop .pop_inner .pop_title_area .btn_pop_close {position:absolute; top:0; right:0; width:44px; height:45px; background:url('/ko/mobile/assets/images/common/btn_pop_close.png') no-repeat 0 0; background-size:44px 45px; text-indent:-999999em;}
.pop .pop_inner .pop_contents {padding:17px 14px 14px;}
.pop .pop_inner .pop_contents .agree_info {overflow-y:auto; height:252px;}
.pop .pop_inner .pop_contents .agree_info p {font-size:13px; color:#666; line-height:18px; letter-spacing:-0.5px;}
.pop .pop_inner .pop_contents .agree_info p strong {color:#333; font-family:"NotoSansKR Bold";}
.pop .pop_inner .pop_bottom_area {position:relative; padding:15px 20px; background:#000;}
.pop .pop_inner .pop_bottom_area .input_wrap label {color:#fff;}
.pop .pop_inner .pop_bottom_area .input_wrap label strong {color:#fff; font-weight:normal; font-family:"NotoSansKR Black";}
.pop_bottom_area .input_wrap label .ic_chk2 {display:inline-block; margin-right:8px; width:17px; height:17px; background:url("/ko/mobile/assets/images/common/ic_chk_off.png") no-repeat center center; background-size:17px; vertical-align:bottom;}
.pop_bottom_area .input_wrap input:checked + label .ic_chk2 {background-image:url("/ko/mobile/assets/images/common/ic_chk_on.png");}
.pop .pop_inner .pop_bottom_area .btn_pop_close {position:absolute; top:15px; right:20px; font-size:13px; color:#fff; font-family:"NotoSansKR Black";}
.pop .dimmed {position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.8);}


/** ???????? **/
/* ???????? */
/* company-history-2010-2015.jsp */
.comp_history .container {padding:0 0 40px;}
.history_area {padding:0 20px;}
.history_area dl{position:relative; width:320px; margin: 0 auto; background:url('/ko/mobile/assets/images/about-us/img_history_line.png') repeat-y 50% 0; background-size:320px 1px; text-align:center;}
.history_area dl.history_01 {height:700px;}
.history_area dl.history_02 {height:455px;}
.history_area dl.history_03 {height:384px;}
.history_area dl.history_04 {height:454px; margin-bottom:100px;}
.history_area dl dt{display:inline-block; width:80px; height:80px; border-radius:50%; background:#1b2e5a; text-align:center;}
.history_area dl dt span {display:inline-block; padding-top:22px; font-size:13px; color:#fff; font-family:"NotoSansKR Bold"; line-height:11px;}
.history_area dl dd {position:absolute; width:52.5%;}
.history_area dl dd:nth-child(odd) {left:150px; padding-left:41px; background:url('/ko/mobile/assets/images/about-us/img_history_left_1.png') no-repeat left 0 top 3px; background-size:36px 21px; text-align:left;}
.history_area dl dd:nth-child(even) {left:3px; padding-right:41px; background:url('/ko/mobile/assets/images/about-us/img_history_right_1.png') no-repeat right 0 top 3px; background-size:36px 21px; text-align:right;}
/* 24.02.27 - ???? ?? ? ?? */
.history_area dl dd.history_2024 {top:80px;}
.history_area dl dd.history_2022 {top:100px;}
.history_area dl dd.history_2020 {top:180px;}
.history_area dl dd.history_2019 {top:210px;}
.history_area dl dd.history_2018 {top:270px;}
.history_area dl dd.history_2015 {top:330px; background:url('/ko/mobile/assets/images/about-us/img_history_left.png') no-repeat left 0 top 3px; background-size:36px 21px; }
.history_area dl dd.history_2014 {top:390px;}
.history_area dl dd.history_2013 {top:460px;}
.history_area dl dd.history_2012 {top:500px;}
.history_area dl dd.history_2011 {top:640px;}

.history_area dl dd.history_2008 {top:120px; background:url('/ko/mobile/assets/images/about-us/img_history_right.png') no-repeat right 0 top 3px; background-size:36px 21px; }
.history_area dl dd.history_2007 {top:186px;}
.history_area dl dd.history_2006 {top:253px;}
.history_area dl dd.history_2004 {top:120px;}
.history_area dl dd.history_2003 {top:186px;}
.history_area dl dd.history_2001 {top:303px;}
.history_area dl dd.history_1997 {top:120px;}
.history_area dl dd.history_1996 {top:186px;}
.history_area dl dd.history_1995 {top:281px;}
.history_area dl dd.history_1994 {top:430px; background:url('/ko/mobile/assets/images/about-us/img_history_left.png') no-repeat left 0 top 3px; background-size:36px 21px; }
.history_area dl dd .his_tit {font-size:15px; color:#1b2e5a; font-family:"NotoSansKR Bold"; letter-spacing:-0.5px;}
.history_area dl dd .his_sub {font-size:13px; color:#333; line-height:16px; letter-spacing:-1px;}
.history_area dl dd .his_txt {font-size:13px; color:#555; line-height:16px; letter-spacing:-1px; word-break:keep-all;}
.history_area dl dd img {margin-top:8px; width:107px;}
.history_area dl dd .his_txt + .his_sub {margin-top:4px;}

/* ???????? */
/* polyethyene-hdpe.jsp, polyethyene-mpe.jsp */
.tab_top {margin:30px 0 26px;}
.tab_top + .content_title.about p {padding:0;}
.poly_pe .content_title.about + .hdpe_list {padding-top:16px;}
.poly_pe .index_title {position: relative;}
.poly_pe .index_title .right_mes {position:absolute; top:0; right:0; border-bottom:1px solid #555; font-size:11px; color:#333; line-height:15px;}
.poly_pe .index_title + .wrap_table {margin-top:14px;}
.table.scroll_h1 {overflow-x:auto; overflow-y:hidden; width:100%; height:442px; border-bottom:1px solid #eee;}
.tbl_inner_mes {position:relative; padding-top:12px; padding-left:10px; font-size:13px; color:#555; line-height:18px;}
.tbl_inner_mes:before {content:'*'; display:inline-block; position:absolute; top:14px; left:0; padding-right:5px; font-size:13px; color:#555; line-height:16px;}
.tbl_inner_mes a {font-size:13px; color:#215eb6; line-height:18px; vertical-align:baseline;}
.contact_list {overflow:hidden; margin-top:15px;}
.contact_list li {padding:13px 10px; border:1px solid #eee; text-align:center;}
.contact_list li p {font-size:13px; color:#555; font-family:"NotoSansKR Bold";}
.contact_list li p strong{ vertical-align:baseline; color:#555;}
.contact_list li span {display:block; margin-top:4px; font-size:13px; color:#555;}
.contact_list li span strong{font-weight:normal; color:#555; vertical-align:baseline;}
.contact_list li + li {margin-top:-1px;}
.contact_list li:nth-child(n+3) {display:none;}
.contact_list.more li:nth-child(n+3) {display:block;}
.poly_pe .content_title p {margin-top:12px; font-size:11px; color:#555; line-height:16px;}
.poly_pe .box_line {border-bottom:1px solid #eee;}
.character_list {margin-top:12px;}
.character_list li {padding:20px 0 17px; border:1px solid #eee; text-align: center;}
.character_list li span {display:inline-block; margin:0 auto; width:50px; height:50px; background:#1b2e5a; border-radius:50%; font-size:18px; color:#fff; line-height:50px; text-align: center;}
.character_list li strong {display:block; margin-top:12px; font-size:13px; color:#333; line-height:1; font-weight:normal; font-family:"NotoSansKR Bold"; letter-spacing:-1px;}
.character_list li p {margin-top:4px; font-size:13px; color:#555; line-height:18px; letter-spacing:-1px;}
.character_list li + li {margin-top:-1px;}
.btn_id_pdf {width:14px; height:17px; background:url('/ko/mobile/assets/images/common/ic_pdf.png') no-repeat 0 0; background-size:14px 17px; text-indent:-99999em;}
.mpe_list + .ic_img,
.hdpe_list + .ic_img {margin:12px 20px 0;}
.qna_form {display:none; margin:20px 0 30px; padding:15px 15px 30px; border:1px solid #eee; background:#fff;}
.qna_form .agree_area + .wrap_btn {margin-top:0;}
.qna_form .wrap_btn li a {margin:0 auto 0;}
/* polypropylene.jsp */
.propy .content_title {margin-top:30px;}
.propy .propy_mes .ic_img {padding:0 78px;}
.propy .propy_mes p {padding-top:16px; font-size:13px; color:#555; line-height:18px;}
.poly_pe .index_title .index_tit_sub {font-size:13px; color:#555; line-height:18px;}
.propy .wrap_table .table tbody tr td {padding:4px 0 5px;}
.propy .table.h_hid {overflow-y:hidden; height:449px; border-bottom:1px solid #eee;}

/* polybutene.jsp */
.poly_pe .tab_top .wrap_tab {height:38px;}
.butene .poly_img_area {margin-top:20px; height:150px; background:#ebebeb; text-align:center; line-height:150px;}
.butene .tab_top + .content_title.about p {padding:0 20px 0;;}
.butene table ul.line_list li {margin-top:0;}
.butene .wrap_table + .wrap_table {margin-top:15px;}
.butene .wrap_table .table2 tbody tr td {padding:4px 0 5px;}
.poly_pe .wrap_table .table + .wrap_center {margin:-5px 0 0;}
.btn_pdf_download {display:inline-block; padding:0 20px; height:27px; background-color:#fff; border:1px solid #ddd; font-family:"NotoSansKR Bold"; line-height:27px; text-align:center; vertical-align:top;}
.btn_pdf_download span {display:block; height:25px; line-height:25px; font-size:13px; color:#555; font-family:"NotoSansKR Bold";}
.btn_pdf_download span:after {content:''; display:inline-block; margin-left:6px; width:9px; height:10px; background:url('/ko/mobile/assets/images/common/btn_pdf_download.png') no-repeat 0 0; background-size:9px 10px;}

.list_menu.butene_tab {border-bottom:0;}
.list_menu.butene_tab .menu_txt {border:1px solid #555;}
.list_menu.butene_tab .menu_txt .txt {display:block; position:relative; z-index:1; padding:10px 20px; width:100%; height:36px; background-color:#fff; font-family:"NotoSansKR Bold"; font-size:13px; color:#333; text-align:center;}
.list_menu.butene_tab .menu_txt a,
.list_menu.butene_tab .menu_con .btn_listclose {display:inline-block; position:absolute; top:13px; right:12px; z-index:10; width:11px; height:11px; background:url("/ko/mobile/assets/images/common/tab_menu_open.png") no-repeat right center; background-size:11px;}
.list_menu.butene_tab .menu_con .btn_listclose {background-image:url("/ko/mobile/assets/images/common/tab_menu_close.png");}
.list_menu.butene_tab .menu_con {display:none; position:absolute; top:0; left:0; z-index:10; width:100%; border:1px solid #555; background-color:#f8f8f8;}
.list_menu.butene_tab .menu_con ul li.active a {color:#333;}
.list_menu.butene_tab .menu_con ul li a:hover {color:#333; font-family:"NotoSansKR Bold";}
.list_menu.open.butene_tab .menu_con {border-bottom:1px solid #555;}
.butene .list_box_wrap {padding-top:12px;}
.butene .list_box_wrap .list_box {display:none;}
.tab_list {margin-top:30px;}

.inner_list_data {margin:0 -10px 0 0;}
.inner_list_data ul li {margin-top:24px;}
.inner_list_data ul li span {font-size:13px;}
.inner_list_data ul li span.txt_gray {text-indent:-7px; color:#666;}
.inner_list_data ul li span.txt_black {margin-top:4px; color:#333; font-family:"NotoSansKR Bold";}
.inner_list_data ul li span.txt_red {padding-left: 17px; color:#1b2e5a; text-indent: -8px;}
.inner_list_data ul li img {margin-top:11px; width:100%; border:1px solid #eee;}
.inner_list_data .wrap_table {margin-top:12px;}
.inner_list_data .tbl_info_txt {margin-top:12px; font-size:13px; color:#666; line-height:16px;}

.table.scroll_h3 {overflow-x:auto; overflow-y:hidden; width:100%; height:471px; border-bottom:1px solid #eee;}
.table.scroll_h4 {overflow-x:auto; overflow-y:hidden; width:100%; height:489px; border-bottom:1px solid #eee;}
.butene .wrap_table .table tr.bg_lightblue th {background:#f0f8fc; border-top:1px solid #eee;}
.butene .wrap_table .table tr.bg_lightgreen {background:#f7fbeb;}
.butene .wrap_table .table.th_height th {height:40px; border-left:1px solid #eee; border-top:0; border-bottom:1px solid #eee; background:#f8f8f8; font-family:"NotoSansKR Bold";}
.butene .wrap_table .table.th_height th:first-child {border-left:0;}
.butene .wrap_table .table tr td.bg_lightblue {background:#f0f8fc;}
.butene .wrap_table .table tr td.bg_lightgreen {background:#f7fbeb;}
.btn_id_pdf2 {font-size:13px; color:#555;}
.btn_id_pdf2 .ic_pdf {display:inline-block; margin-left:5px; width:14px; height:17px; background:url('/ko/mobile/assets/images/common/ic_pdf.png') no-repeat right 0; background-size:14px 17px; vertical-align:middle; text-indent:-999999em;}
.butene .wrap_center {padding-bottom:15px;}
.butene .wrap_table .table .b {font-family:"NotoSansKR Bold";}
.butene .system_txt2 + .wrap_table {margin-top:12px;}
.system_sub_tit4 {font-size:14px; color:#215eb6; line-height:17px;}
.grade_spec_info {padding-bottom:11px;}
.grade_spec_info .system_sub_txt {margin-top:12px;}
.system_txt2 {font-size:11px; color:#333; line-height:16px; letter-spacing:-0.5px; font-family:"NotoSansKR Bold";}
.system_txt2 + .wrap_table .table thead tr th{border-bottom:1px solid #eee;}
.system_txt2 + .list_style1 {margin-top:12px;}

/* polybutene-certification.jsp */
.system_sub_tit.center {display:block; text-align:center;}


/* polybutene-downloads.jsp */
.inner_btn_center + .wrap_table {margin-top:15px;}

.certificate_list {overflow:hidden; margin-top:11px; font-size:0;}
.certificate_list li {display:inline-block; width:50%; text-align:center; vertical-align: top;}
.certificate_list li:nth-child(even) {padding:0 17px 30px 25px;}
.certificate_list li:nth-child(odd) {padding:0 25px 30px 17px;}
.certificate_list li .download_img_box {display:block; padding:8px;  border:1px solid #bbb;}
.certificate_list li .download_img_box img {width:100%; border:1px solid #ededed;}
.certificate_list li .certificate_tit {padding:11px 0; font-size:13px; color:#333; font-family:"NotoSansKR Bold"; line-height:18px;}
.certificate_list li .btn_pdf_download {width:100%; padding:0 10px;}

/* petroleum-products.jsp */
.chemistry1 .sub_tit_area {position:relative; margin:23px 0 15px;}
.chemistry1 .sub_tit_area.fst {margin:0 0 15px;}
.chemistry1 .sub_tit_area .right_mes {position:absolute; top:0; right:0; border-bottom:1px solid #555; font-size:11px; color:#333; line-height:15px;}
.poly_pe .sub_tit_area .system_sub_tit {padding-bottom:10px;}
.poly_pe .sub_tit_area .system_sub_tit5 {padding-bottom:10px;}
.poly_pe .sub_tit_area .index_tit_sub {font-size:13px; color:#555; line-height:18px;}
.table.scroll_h2 {overflow-x:auto; overflow-y:hidden; width:100%; height:393px; border-bottom:1px solid #eee;}
/*.table.scroll_h3 {overflow-x:auto; overflow-y:hidden; width:100%; height:356px; border-bottom:1px solid #eee;}*/

/* monomer, chemical */
.chemistry2 .page_title p .border,
.chemistry3 .page_title p .border {letter-spacing:-1.5px;}
.chemistry3 .solvent_list {margin-top:14px;}
.solvent_list{overflow: hidden;}
.solvent_list li {padding:15px 0 20px; height: 100px; border-bottom:1px solid #eee;  border-right:1px solid #eee; text-align:center; width:50%; float:left;}
.chemistry2 .solvent_list li { height: 90px; }
.solvent_list li:nth-child(2n+1){border-left:1px solid #eee; }
.solvent_list li:nth-child(1),
.solvent_list li:nth-child(2){border-top:1px solid #eee; }
.solvent_list li strong {display:inline-block; font-size:13px; color:#333; line-height:1; font-weight:normal; font-family:"NotoSansKR Black";}
.solvent_list li p {padding-top:10px; font-size:13px; color:#555; line-height:16px;}

.solvent_list li.only_oneline strong,
.solvent_list li.only_oneline p {line-height:50px; vertical-align:middle;}

/* about-plavis.jsp */
.poly_pe .index_title .ic_img {margin-top:11px; padding:0;}
.poly_pe .sub_tit_area .ic_img {margin-top:11px; padding:0;}
.poly_pe .ic_img.border {border:1px solid #eee;}
.polymide1 .index_title .system_sub_tit {padding-bottom:10px;}
.table.scroll_w1 {overflow-x:auto; width:100%;}
.polymide2 .sub_tit_area,
.polymide1 .sub_tit_area {margin-top:26px;}
.index_tit_sub strong {font-size:13px; color:#555; line-height:18px; font-weight:normal; vertical-align:baseline;}

/* use-applications.jsp */
.polymide3 .index_title + .list_style1 {margin-top:12px;}
.polymide3 .sub_tit_area + .list_style1 {margin-top:12px;}
.polymide3 .sub_tit_area .ic_img {margin-top:0; padding:0;}
.system_sub_txt {font-size:13px; color:#555; line-height:18px;}
.polymide3 .sub_tit_area + .system_sub_txt {margin-top:12px;}
.system_sub_tit5 {font-size:12px; color:#215eb6; font-family:"NotoSansKR Black"; line-height:16px; letter-spacing:-0.5px;}

/* sales-support.jsp */
.list_branch.add_dot {}
.list_branch.add_dot .list_circle dt {position:relative; padding-left:9px; width:85px; letter-spacing:-0.5px;}
.list_branch.add_dot .list_circle dt:before {content:''; position:absolute; top:5px; left:0; width:3px; height:3px; background:url('/ko/mobile/assets/images/common/li_dot_style1.png') no-repeat 0 0; background-size:3px;}
.list_branch.add_dot .list_circle dd {margin-left:85px;}
.germany .nation_name .ic_nation {background: url('/ko/mobile/assets/images/business-areas/ic_germany.png'); background-size: 20px 13px;}
.france .nation_name .ic_nation {background: url('/ko/mobile/assets/images/business-areas/ic_france.png'); background-size: 20px 13px;}
.taiwan .nation_name .ic_nation {background: url('/ko/mobile/assets/images/business-areas/ic_taiwan.png'); background-size: 20px 13px;}
.usa .nation_name .ic_nation {background: url('/ko/mobile/assets/images/business-areas/ic_usa.png'); background-size: 20px 13px;}

/* literatures.jsp */
.certificate_list li .btn_pdf_download + .btn_pdf_download {margin-top:10px;}
.polymide5 .certificate_list li .certificate_tit {margin:0 -17px;}


/* ???????? */
/* b-s.jsp */
.select_tbl_area {position:relative; padding-bottom:15px;}
.select_tbl_area .select_wrap {width:114px;}
.select_tbl_area p {position:absolute; top:5px; right:0; font-size:13px; color:#333;}

/* notify-information.jsp */
.notice_box {padding:25px 0 0; border:1px solid #eee; background:#fcfcfc; text-align:center;}
.notice_box p {padding-top:75px; font-size:13px; color:#1c2e5e; background:url('/ko/mobile/assets/images/ir/img_ir_noti_info.png') no-repeat center 0; background-size:88px 58px;}
.notice_box .wrap_center a {margin-top:17px;}

/* justice-announcememt.jsp */
.line_box {padding:18px 19px; border:1px solid #eee;}
.line_box .tit {padding-bottom:10px; font-size:14px; color:#333; font-family:"NotoSansKR Bold"; line-height:18px;}
.line_box .txt {font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
.announce_list {padding:27px 0 0;}
.announce_list p {padding-bottom:4px; font-size:18px; color:#333; line-height:24px; font-family:"NotoSansKR Bold"; text-align:center;}
.announce_list .ann_step {}
.announce_list .ann_step .step {display:block; margin:12px 0; height:50px; font-size:13px; color:#fff; background:url('/ko/mobile/assets/images/ir/img_ir_circle.png') no-repeat center 0; background-size:50px; line-height:50px; text-align:center;}
.announce_list .ann_step .txt {display:block; font-size:13px; color:#555; line-height:18px;}
.announce_mes .mes1 {font-size:13px; color:#333; line-height:18px;}
.announce_mes .mes2 {padding-top:24px; font-size:13px; color:#333; line-height:18px; text-align:right;}
.announce_mes .mes2 strong {font-size:13px; color:#333; font-weight:normal; font-family:"NotoSansKR Bold";}

/* justice-obey.jsp */
.system_txt {font-size:11px; color:#333; line-height:16px; letter-spacing:-0.5px;}
.system_txt strong {font-size:13px; color:#333; line-height:18px; font-weight:normal; font-family:"NotoSansKR Bold";}
.system_txt + .line_box {margin-top:13px;}
.mes_list {margin-top:17px;}
.mes_list:nth-of-type(1) {margin-top:0;}
.line_box .box {display:block; margin:18px 0 7px; padding:6px 10px; background:#666; border-radius:25px; font-size:13px; color:#fff; font-weight:bold; line-height:18px;}
.line_box .box:nth-of-type(1) {margin-top:0;}
.obey_list .list_style1 + .wrap_table {margin-top:13px;}
.obey_list .wrap_table + .wrap_table {margin-top:20px;}
.system_sub_tit2 {display:block; position:relative; padding-left:20px; font-size:13px; color:#333; font-family:"NotoSansKR Bold"; line-height:18px; letter-spacing:-0.5px;}
.system_sub_tit2 span {display:block; position:absolute; top:0; left:0; font-size:13px; color:333; font-family:"NotoSansKR Bold"; line-height:18px; letter-spacing:-0.5px;}
.system_sub_tit2 + .list_style1,
.system_sub_tit3 + .list_style1 {padding:15px 0 0;}
.system_sub_tit3 {font-size:13px; color:#333; font-family:"NotoSansKR Bold"; line-height:18px; letter-spacing:-0.5px;}

/* justice-cp-rule.jsp */
.tab_style1 {}
.tab_style1 ul {overflow:hidden;}
.tab_style1 ul li {float:left; position:relative; width:50%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center;}
.tab_style1 ul li + li {border-right:1px solid #ddd;}
.tab_style1 ul li a {display:block; padding:8px 0 9px;font-size:13px; color:#555; line-height:16px;}
.tab_style1 ul li.on a {color:#215eb6; font-family:"NotoSansKR Bold";}
.tab_style1 ul li.on:before {content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:10; border:1px solid #215eb6;}
.m_sub_tab + .rule_list {margin-top:28px;}
.tab_style1 + .rule_list {margin-top:28px;}
.system_sub_tit3 + .num_list {padding: 12px 0 0;}

/* justice-cp-matter.jsp */
.list_style1 > li > span + .wrap_table {margin-top:12px;}
.list_style1 > li > span + .wrap_table td {overflow:hidden;}
.list_style1 > li > span + .wrap_table td strong.flt_l {float:left; padding-right:5px;}
.list_style1 > li > span + .wrap_table td .flt_r {overflow:hidden; padding-left:0;}

/* justice-organization-chart.jsp */
.line_box.chart {padding:11px 19px;}
.line_box .chart_box {position:relative; margin:0 auto; width:240px; height:426px; background:url('/ko/mobile/assets/images/ir/img_ir_chart.png') no-repeat 50% 47px; background-size:230px 318px;}
.line_box .chart_box ul {position:absolute;}
.line_box .chart_box ul.chart_01 {top:8px; left:0;}
.line_box .chart_box ul.chart_02 {top:83px; left:136px;}
.line_box .chart_box ul.chart_03 {top:309px; left:136px;}
.line_box .chart_box ul li {margin-bottom:20px;}
.line_box .chart_box ul.chart_02 li {margin-bottom:50px;}
.line_box .chart_box ul li dl {padding-bottom:6px; border:1px solid #ddd; background:#fff;}
.line_box .chart_box ul.chart_01 li dl {width:125px;}
.line_box .chart_box ul.chart_02 li dl,
.line_box .chart_box ul.chart_03 li dl {width:105px;}
.line_box .chart_box ul li dl dt {height:25px; font-size:13px; color:#fff;  line-height:25px; text-align:center;}
.line_box .chart_box ul.chart_01 li dl dt {background:url('/ko/mobile/assets/images/ir/img_ir_box01.png') no-repeat 0 0; background-size:125px 25px;}
.line_box .chart_box ul.chart_02 li dl dt {background:url('/ko/mobile/assets/images/ir/img_ir_box02.png') no-repeat 0 0; background-size:105px 25px;}
.line_box .chart_box ul.chart_03 li dl dt {background:url('/ko/mobile/assets/images/ir/img_ir_box03.png') no-repeat 0 0; background-size:105px 25px;}
.line_box .chart_box ul li dl dd {position:relative; padding:5px 8px 0 12px; font-size:9px; color:#666; line-height:12px; letter-spacing:-0.5px;}
.line_box .chart_box ul li dl dd:before {content:''; display:inline-block; position:absolute; top:9px; left:8px; padding-right:4px; width:2px; height:2px; background:url('/ko/mobile/assets/images/ir/img_ir_dot.png') no-repeat 0 0; background-size:2px 2px; vertical-align:middle;}
.line_box .chart_box ul li dl dd:first-child {padding-top:6px;}
.line_box + .system_tit {margin-top:27px;}
.wrap_table + .system_tit {margin-top:27px;}


/* ??????? */
/* daelim-corporation.jsp */
.wrap_video ul {overflow:hidden; margin-left:-10px;}
.wrap_video ul li {float:left; width:50%;}
.wrap_video ul li .video_list {margin-left:10px; padding-bottom:26px; text-align:center;}
.wrap_video ul li .video_list a {display:block; position:relative;}
.wrap_video ul li .video_list a:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; background:url('/ko/mobile/assets/images/common/img_video_play.png') no-repeat 0 0; background-size:100%;}
.wrap_video ul li .video_list a img {display:block; width:100%;}
.video_tit {display:block; padding:15px 0 8px; font-family:"NotoSansKR Bold"; color:#215eb6; line-height:1;}
.video_txt {display:block; font-size:13px; color:#555; line-height:18px;}
/*.wrap_table + .btn_cancle {margin-top:20px;}*/

/* news.jsp */
.wrap_card_grid .btn_more {margin-top:25px;}

/* ci.jsp */
.ci .content_box:first-child {padding-bottom:35px; border-top: 1px solid #eee;}
.ci .ci_main_logo img {width:100%;}
.ci .ci_info {padding:27px 0; border-bottom: 1px dashed #ccc; margin-bottom: 25px;}
.ci .ci_info h3 {font-size:18px; color:#333; font-family:"NotoSansKR Bold";}
.ci .ci_info p {margin-top:10px; font-size:13px; color:#555; line-height:18px; letter-spacing:-1px;}
/*.ci .ci_info p:before {content:''; display:block; margin:16px auto 13px; width:11px; height:1px; background:#333;}*/
.ci .ci_list {padding:18px 0 20px; }
.ci .ci_list:first-child {padding-top:0; border:none;}
.ci .ci_list:last-child {padding-bottom:0;}
.ci .ci_list h3 {margin:0 0 15px; font-size: 14px; color:#333; font-family:"NotoSansKR Black";}
.ci .ci_list img {width:100%;}
.ci .ci_color {padding:27px 0;}
.ci .ci_color h3 {font-size:18px; color:#333; font-family:"NotoSansKR Bold";}
.ci .ci_color p {margin-top:10px; font-size:13px; color:#555; line-height:18px; word-break:keep-all;}
/*.ci .ci_color p:before {content:''; display:block; margin:16px auto 13px; width:11px; height:1px; background:#333;}*/
.ci .ci_color img {margin-top:16px; width:100%;}
.ci .ci_color_area {border:1px solid #eee;}
.ci .ci_color_info {padding:19px 20px;border-top:1px solid #eee;}
.ci .ci_color_info:first-child {border:none;}
.ci .ci_color_info .tit {font-family:"NotoSansKR Black"; font-size:14px; color:#333;}
.ci .ci_color_info span {display:block; font-size:13px; color:#555; line-height:18px; letter-spacing: -0.5px;}
.ci .ci_color_info .tit + span {margin-top:12px;}
.ci .ci_color_info .ci_color_style {overflow:hidden; margin-top:13px;}
.ci .ci_color_info .ci_color_style li {float:left; position:relative;}
.ci .ci_color_info .ci_color_style li.color_style_01 {width:65%;}
.ci .ci_color_info .ci_color_style li.color_style_02 {width:35%;}
.ci .ci_color_info .ci_color_style li.color_style_02:before {content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; width:1px; background:#eee;}
.ci .ci_color_info .ci_color_style li.color_style_01 div {padding-right:13px; text-align:center;}
.ci .ci_color_info .ci_color_style li.color_style_02 div {padding-left:13px; text-align:center;}
.ci .ci_color_info .ci_color_style li.color_style_01 .color_style {position:relative; height:33px; background:#a7a9ac;}
.ci .ci_color_info .ci_color_style li.color_style_01 .color_style:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:50%; height:33px; background:#1b2e5a;}
.ci .ci_color_info .ci_color_style li.color_style_02 .color_style {height:33px; background:#6d6e71;}
.ci .ci_color_info .ci_color_style li div .color_style + span {margin-top:4px;}
.ci .ci_color_info .tit + .ci_color_box {margin-top:15px;}
.ci .ci_color_info .ci_color_box {}
.ci .ci_color_info .ci_color_box li {padding-bottom:18px; text-align:center;}
.ci .ci_color_info .ci_color_box li:last-child {padding-bottom:0;}
.ci .ci_color_info .ci_color_box li p {height:24px; font-size:13px; color:#fff; font-family:"NotoSansKR Bold"; line-height:24px;}
.ci .ci_color_info .ci_color_box .blue p {background:#1b2e5a;}
.ci .ci_color_info .ci_color_box .gray p {background:#717074;}
.ci .ci_color_info .ci_color_box .lightgray p {background:#a1a1a5;}
.ci .ci_color_info .ci_color_box .lightblue1 p {background:#008bb0;}
.ci .ci_color_info .ci_color_box .lightblue2 p {background:#6fcbd2;}
.ci .ci_color_info .ci_color_box .lightyellow p {background:#f6e9a2; color:#262324;}
.ci .ci_color_info .ci_color_box .black p {background:#262324;}
.ci .ci_color_info .ci_color_box .gold p {background:#a7996e;}
.ci .ci_color_info .ci_color_box .silver p {background:#a8a9ad;}
.ci .ci_color_info .ci_color_box li span {margin-top:4px; font-family:"NotoSansKR Bold";}
.ci .ci_color_info .ci_color_box .blue span {color:#1b2e5a;}
.ci .ci_color_info .ci_color_box .gray span {color:#717074;}
.ci .ci_color_info .ci_color_box .lightgray span {color:#a1a1a5;}
.ci .ci_color_info .ci_color_box .lightblue1 span {color:#008bb0;}
.ci .ci_color_info .ci_color_box .lightblue2 span {color:#6fcbd2;}
.ci .ci_color_info .ci_color_box .lightyellow span {color:#f6e9a2;}
.ci .ci_color_info .ci_color_box .black span {color:#262324;}
.ci .ci_color_info .ci_color_box .gold span {color:#a7996e;}
.ci .ci_color_info .ci_color_box .silver span {color:#a8a9ad;}

/* ??????? */
/* inquiry_form.jsp */
.security_area {display:table; width:100%}
.security_area .security_img {display:table-cell; float:left; width:85px; height:28px !important; vertical-align:middle; text-align: center; background: #ddd; line-height: 28px !important;}
.security_area .security_img span {height:28px !important;line-height: 28px !important;}
.security_area .security_img img {width:100%; height:100%;}
.security_area .input_grid {display:table-cell; width:100%;}
.security_area .input_grid .input_con{padding-left:6px;}

.wrap_table + .agree_area {margin-top:9px;}
.agree_area {position:relative; padding-bottom:30px;}
.agree_area > .input_wrap:first-child {padding-right:50px;}
.agree_area .btn_agree_pop {position:absolute; top:1px; right:0; font-size:13px; border-bottom:1px solid #555;}
.agree_area + .wrap_btn {margin-top:12px;}
.input_file_area .input_grid {float:left; width:68%;}
.input_file_area label {width:32%;}
.input_file_area label {display:inline-block; float:left; position:relative; overflow:hidden; height:27px; background:#949ca5; color:#fff; line-height:27px; text-align:center; vertical-align:middle; cursor:pointer;  }
.input_file_area label input {overflow:hidden; position:absolute; width:0; height:0;}
.input_file_area input[type=text] {display:inline-block; height:27px; padding:0; border:1px solid #ddd; border-right:0; background:#f8f8f8; font-size:11px; line-height:28px; vertical-align:middle;}

/* sinmungo_form.jsp */
.input_rdo_area {overflow:hidden;}
.input_rdo_area .input_wrap {display:inline-block;}
.input_rdo_area .input_wrap + .input_wrap {margin-left:30px;}

/* paymentsystem-summary.jsp */
.system_tit {padding:0 0 12px; font-size:16px; color:#333; font-family:"NotoSansKR Black"; font-weight:normal;}
.system_01 img {padding-bottom:12px; width:100%;}
.list_style1 {padding-bottom:10px !important;}
.list_style1 > li {position:relative; margin-top:9px;}
.list_style1 > li:first-child {margin-top:0;}
.list_style1 > li span {display:block; padding-left:10px; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
.list_style1 > li span span{padding-left:0; margin-top:5px;}
.list_style1 > li:before {content:''; display:block; position:absolute; top:6px; left:0; width:3px; height:3px; background:url('/ko/mobile/assets/images/common/li_dot_style1.png') no-repeat 0 0; background-size:3px 3px;}
.list_style1 > li span strong {font-size:13px; color:#2c53af; font-weight:normal;  vertical-align:baseline;}
.list_style1 > li span strong.gray {display:block; padding-bottom:5px; color:#333; line-height:16px;}
.list_style1 > li span strong.gray.bold { font-family:"NotoSansKR Bold";}
.list_style1 > li span strong.gray span {display:block; color:#333; line-height:16px; font-weight:normal; font-family:"NotoSansKR Bold";}

/* paymentsystem-process.jsp */
.system_03 img {padding-bottom:25px; width:100%;}
.system_07 .wrap_table tbody tr td a {font-size:13px; color:#555;}
.system_tit span {font-size:14px; color:#215eb6; font-family:"NotoSansKR Black"; vertical-align:baseline;}
.system_sub_tit {font-size:15px; color:#215eb6; font-family:"NotoSansKR Bold"; line-height:17px;}
.list_style1 + .system_tit {margin-top:25px;}
ul.line_list {padding-left:10px;}
ul.line_list > li {position:relative; margin-top:7px; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px; text-align:left;}
ul.line_list > li > span {display:block; padding-left:10px; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
ul.line_list > li > span:before {content:'-'; display:block; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.line_list > li > span span {padding-left:0; margin-top:5px;}
.list_style1 li > ul.line_list {margin-top:4px;}
.list_style1 li > ul.num_list {margin-top:7px; padding-left:10px;}
ul.num_list > li {overflow:hidden; margin-top:3px; width:100%;}
ul.num_list > li:first-child {margin-top:0;}
ul.num_list li div {display:block; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
ul.num_list li .lft {float:left; padding-right:2px;}
ul.num_list li .rht {overflow:hidden; padding-left:0;}
ul.num_list li div > ul.num_circle_list {margin:4px 0 4px;}
ul.num_circle_list {}
ul.num_circle_list li {}
ul.num_circle_list li span{display:block; position:relative; padding-left:15px; font-size:13px; color:#555; line-height:18px; letter-spacing:-0.5px;}
ul.num_circle_list li.circle_01 span:before {content:'\2460'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_02 span:before {content:'\2461'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_03 span:before {content:'\2462'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_04 span:before {content:'\2463'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_05 span:before {content:'\2464'; position:absolute; top:0; left:0; font-size:13px; color:#555;}
ul.num_circle_list li.circle_06 span:before {content:'\2465'; position:absolute; top:0; left:0; font-size:13px; color:#555;}

/*
.list_style1 li > ul.num_list {margin-top:4px; padding-left:10px; counter-reset:numlist;}
.list_style1 li > ul.num_list > li > span {padding-left:16px;}
.list_style1 li > ul.num_list > li > span:before {content:counter(numlist)"."; counter-increment:numlist; display:block; position:absolute; top:0; left:0; font-size:11px; color:#555;}
*/
.btn_download {display:inline-block; padding:0 25px 0 20px; height:27px; background-color:#fff; border:1px solid #ddd; font-family:"NotoSansKR Bold"; line-height:20px; text-align:center; vertical-align:top;}
.btn_download span {display:inline-block; font-size:13px; color:#555; font-family:"NotoSansKR Bold"; line-height:25px !important;}
.btn_download span:after {content:''; display:inline-block; margin-left:10px; width:9px; height:9px; background:url('/ko/mobile/assets/images/common/btn_download.png') no-repeat 0 0; background-size:9px; vertical-align:middle;}
.list_style1 .btn_download {margin:7px 0 0 10px;}
.inner_btn_center {text-align:center;}
.inner_btn_center a {display:inline-block; padding:0 20px; height:27px; background-color:#fff; border:1px solid #ddd; font-family:"NotoSansKR Bold"; line-height:20px; text-align:center; vertical-align:top;}
.inner_btn_center a span {display:inline-block; font-size:13px; color:#555; font-family:"NotoSansKR Bold"; line-height:25px;}
.system_sub_tit + .wrap_table {padding:12px 0 0;}
.wrap_table + .system_sub_tit {margin-top:25px;}
.wrap_table .table2.tbl_h39 table tr th {height:39px;}

/* subcontractor.jsp */
.system_08 img,
.system_10 img {width:100%;}
.system_08 img {padding-bottom:12px;}
.btn_epro {display:inline-block; width:159px; height:27px; background-color:#205eb3; border:1px solid #205eb3; font-family:"NotoSansKR Bold"; font-size:11px; color:#fff; line-height:27px; text-align:center; vertical-align:top;}
.wrap_table .table2 table tr td em {display:block; font-size:13px; color:#333; line-height:18px; font-style: normal;}
.wrap_table + .list_style1 {margin-top:12px;}
.list_style1 li span .contact {display:block; position:relative; padding-left:14px; font-size:13px; color:#555; line-height:18px; font-style: normal;}
.list_style1 li span .contact a {font-size:13px; color:#555;}
.list_style1 li span .contact:before {content:'\260E'; display:inline-block; position:absolute; top:0; left:0; font-size:11px; color:#555; vertical-align:middle;}
.system_10 img {margin-top:30px;}

/* error_page.jsp */
.error_page_box {margin-top:60px;}
.error_page_logo {display:block; width:152px;}
.error_page_logo img {width:100%;}
.error_mes_box {margin-top:9px; border-top:1px solid #1b2e5a; background:#f8f8f8 url('/ko/mobile/assets/images/common/ic_error_mes.png') no-repeat center 51px; background-size:80px 61px; text-align:center;}
.error_mes_box .err_mes_tit {padding-top:140px; font-size:16px; color:#555; line-height:21px;}
.error_mes_box .err_mes_tit strong {display:block; font-size:16px; color:#333; line-height:21px; font-family:"NotoSansKR Bold";}
.err_mes_txt {margin-top:23px; padding:0 20px;}
.err_mes_txt span {display:block; font-size:13px; color:#666 ; line-height:18px; word-break: keep-all;}
.err_mes_txt span + span {margin-top:5px;}
.error_page .wrap_center {margin: 0 auto;}
.error_page .wrap_center .btn_page_move {margin: 28px auto 50px; padding:0 21px; border:1px solid #2c53af; background:#fff; font-size:11px; color:#2c53af; line-height:27px; text-align:center; font-family:"NotoSansKR Bold";}

/* ??? */
.padding-no {padding-top:0;}
.pdleft-no {padding-left:0;}
.padding-top {padding-top:25px;}
.margin-bot {margin-bottom:30px;}
.bg-gray {background-color:#f8f8f8;}
.padding-bot {padding-bottom:20px;}
.margin-no {margin:0;}
.txt-bold {font-family:"NotoSansKR Bold";}

/* wrap-social-active */
.wrap-social-active {}
.wrap-social-active .active-box {}
.wrap-social-active .active-box img {width:100%;}
.wrap-social-active .active-box .active-title { width:167px; height:60px;  padding-bottom:10px;}
.wrap-social-active .active-box .active-title p {font-family: 'NotoSansKR Bold'; font-size:13px; color:#215eb6; text-align:left;}
.wrap-social-active .active-box .active-title p span.gray-txt {display:block; width:100%; font-family: 'NotoSansKR Black'; font-size:14px; color:#333; padding-bottom:5px;}
.wrap-social-active .active-insert {padding-top:10px;}
.wrap-social-active .active-insert p {font-size:13px; line-height:18px; color:#555;}

/* CEO ?????? */
.ceo_message {}
.ceo_message .wrap-bg-sub-title.ic_img {margin-top:-5px; margin-bottom:25px; padding:0;}
.bg-no {background:transparent; padding-top:0; margin-bottom:0;}
.bg-no img {width:100%;}
.wrap-social-active .padding-no {padding-top:0;}
.wrap-social-active .active-insert p.color-gray {color:#555;}
.wrap-social-active .active-insert p.align-right {text-align:right; margin-top:25px;}
.wrap-social-active .active-insert p span {display:inline;}
.wrap-social-active .active-insert p img {display:inline-block;}
.wrap-social-active .active-insert p img.margin-left {width:80px; margin-left:20px;}
.wrap-social-active .active-insert p span.bold-txt {font-size:13px; font-family:"NotoSansKR Bold"; color:#333; vertical-align:baseline;}
.wrap-social-active .active-insert p span.margin-left {margin-left:10px;}

/* Overview */
.overview .page_title .txt .border {letter-spacing:-2px;}
.border-box {margin:25px 0 30px; }
.overview .bg-gray .content_title.padding-no .txt strong {font-weight:inherit; font-family:"NotoSansKR Bold";}
.wrap-bg-sub-title {margin-top:0; padding-top:30px ;}
.wrap-bg-sub-title h3 {font-family:"NotoSansKR Bold"; font-size:25px; line-height:25px; color:#1b2e5a; text-align:center; letter-spacing:-1px; font-weight:normal;}
.wrap-bg-sub-title h3 span.blue-txt {display:block; font-family:"NotoSansKR Bold"; font-size:25px; color:#1b2e5a;}
.wrap-insert-box {position:relative;  background-color:#fff;   box-sizing:border-box; padding:20px; margin:30px auto 0;}
/*.wrap-insert-box:before {content:""; display:inline-block; position:absolute; top:-3px; left:50%; z-index:5; width:15px; height:15px; margin-left:-3px; border-left:1px solid #eee; border-top:1px solid #eee; background-color:#fff; transform:rotate(45deg) translate(-50%, 0); -webkit-transform:rotate(45deg) translate(-50%, 0);}*/
.wrap-insert-box dl {overflow:hidden; margin-top:-10px; text-align:left;}
.wrap-insert-box dl dt {clear:both; float:left; font-family:"NotoSansKR Bold"; margin-top :8px; width:28%; font-size:13px; line-height:18px; color:#333;}
.wrap-insert-box dl dd {float:left; width:72%; margin-top:8px; font-size:13px; color:#555; line-height:18px; letter-spacing:-1px;}
.wrap-overview .content_box:last-child {border-bottom:1px solid #eee; padding-bottom:30px;}
.wrap-overview .content_box .content_title .border-bot,
.wrap-overview .content_box .page_title .border-bot {position:relative; font-family: "NotoSansKR Bold"; font-size:20px;}
.wrap-overview .content_box .content_title .border-bot span.chinese_char {font-family:sans-serif; font-size:20px; color:#555;}
.wrap-overview .content_box .content_title .border-bot:after {content:""; display:inline-block; position:absolute; top:35px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); z-index:5; width:12px; height:1px; background-color:#333;}
.wrap-overview .content_box ul {overflow:hidden;}
.wrap-overview .content_box .list_keyword {margin-top:20px;}
/* 24.02.27 ???? ?? ?? 1? 3?? ?? */
.wrap-overview .content_box .list_keyword li {min-height:160px;}
.wrap-overview .content_box ul li {float:left; width:33.33%; padding:20px 13px 20px 20px; border:1px solid #eee; letter-spacing:-1px;}
.wrap-overview .content_box ul li:nth-last-child(2) {border:1px solid #1b2e5a;}
.wrap-overview .content_box ul li span {display:inline-block; font-family:"NotoSansKR Bold"; font-size:24px; color:#1b2e5a;}
.wrap-overview .content_box ul li span .color-def {display:inline-block; font-family:"NotoSansKR Regular"; font-size:13px; color:#1b2e5a; margin-top:4px;}
.wrap-overview .content_box ul li p {font-size:13px; color:#555; margin-top:10px; word-break:keep-all;}
.wrap-overview .content_box ul li.bg-blue {background-color:#1b2e5a;}
.wrap-overview .content_box ul li.bg-blue .txt-wh {color:#fff;}
.wrap-overview .content_box .page_title .chinese_char {font-family: "NotoSansKR Bold"; font-size:20px; vertical-align:baseline;}
.wrap-overview .content_box .page_title .insert-txt {font-size:13px; line-height:16px; color:#555; text-align:center; margin-top:20px; letter-spacing:-1px;}
.wrap-overview .content_box .page_title .insert-txt span {display:block; margin-top:4px; font-family:"NotoSansKR Bold"; font-size:14px; color:#265aba; text-align:center;}
.wrap-overview .content_box ul.wrap-value {overflow:hidden; margin-top:30px;}
.wrap-overview .content_box ul.wrap-value li {border:0; padding:10px;}
.wrap-overview .content_box ul.wrap-value li:nth-child(1) {background:url(/ko/mobile/assets/images/about-us/img-overview-bg01.png) no-repeat center 0; background-size:120px;}
.wrap-overview .content_box ul.wrap-value li:nth-child(2) {background:url(/ko/mobile/assets/images/about-us/img-overview-bg02.png) no-repeat center 0; background-size:120px;}
.wrap-overview .content_box ul.wrap-value li:nth-child(3) {background:url(/ko/mobile/assets/images/about-us/img-overview-bg03.png) no-repeat center 0; background-size:120px;}
.wrap-overview .content_box ul.wrap-value li:nth-child(4) {background:url(/ko/mobile/assets/images/about-us/img-overview-bg04.png) no-repeat center 0; background-size:120px;}
.wrap-overview .content_box ul.wrap-value li p {font-family:"NotoSansKR Black"; font-size:15px; line-height:16px; color:#fff; text-align:center; box-sizing:border-box; padding:35px 0;}
.wrap-overview .content_box ul.wrap-value li p span.sm-txt {display:block; font-family:"NotoSansKR Black"; font-size:10px; line-height:16px; color:#fff; text-align:center;}
.wrap-overview .content_box ul.wrap-value li dl {margin:20px 0;}
.wrap-overview .content_box ul.wrap-value li dl dt {font-family:"NotoSansKR Bold"; font-size:13px; color:#333; text-align:center;}
.wrap-overview .content_box ul.wrap-value li dl dd {font-size:13px; color:#555; text-align:center; margin-top:10px; word-break:keep-all;}
.wrap-overview .content_box .impression_box {background:url(/ko/mobile/assets/images/about-us/img-overview-bg07.png) no-repeat center 0; background-size:100%; padding:64% 50%;}
.wrap-overview .content_box .wrap-manage {position:relative;}
.wrap-overview .content_box .wrap-manage .image-box {position:absolute; left:0; top:0; width:112px;}
.wrap-overview .content_box .wrap-manage .image-box img {width:100%;}

.wrap-overview .content_box .wrap-manage ul.manage-box {padding-left:112px; width:100%;}
.wrap-overview .content_box .wrap-manage ul.manage-box li {width:100%; text-align:right; border:0; padding:10px; margin-top:9px;}
.wrap-overview .content_box .wrap-manage ul.manage-box li dl {}
.wrap-overview .content_box .wrap-manage ul.manage-box li dl dt {font-family:"NotoSansKR Bold"; font-size:13px; line-height:16px; color:#299034; border-bottom:1px solid #299034;}
.wrap-overview .content_box .wrap-manage ul.manage-box li:nth-child(2) dl dt {color:#188980; border-bottom:1px solid #188980;}
.wrap-overview .content_box .wrap-manage ul.manage-box li:nth-child(3) dl dt {color:#1f62ad; border-bottom:1px solid #1f62ad;}
.wrap-overview .content_box .wrap-manage ul.manage-box li dl dd {font-size:13px; line-height:18px; color:#555; letter-spacing:-1.5px;}

/* ??????? */
/* ????? */
.wrap-business .list_menu {margin:0 -20px;}
.wrap-business .border-box .wrap-insert {width:100%; background:#fff;}
.wrap-business .border-box .wrap-insert dl {padding:18px 10px 20px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee;}
.wrap-business .border-box .wrap-insert dl dt {font-family:"NotoSansKR Bold"; font-size:15px; color:#333; text-align:center;}
.wrap-business .border-box .wrap-insert dl dd {display:block; font-size:13px; color:#555; text-align:center; margin-top:9px;}

.wrap-business .wrap-list ul {overflow:hidden;}
.wrap-business .wrap-list ul + ul {padding-top:30px;}
.wrap-business .wrap-list ul li {float:left; width:50%; height:110px; font-size:13px; color:#333; text-align:center; padding:20px 10px; border-left:1px solid #eee; border-bottom:1px solid #eee;}
.wrap-business .wrap-list ul li em {display:block; min-height:36px; line-height:18px; font-style:normal;}
.wrap-business .wrap-list ul li h3 {font-family:"NotoSansKR Black"; font-size:14px; padding-top:54px; font-weight:normal;}
.wrap-business .wrap-list ul li h3.ico01 {background:url(/ko/mobile/assets/images/business-areas/ico-business-list01.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico02 {background:url(/ko/mobile/assets/images/business-areas/ico-business-list02.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico03 {background:url(/ko/mobile/assets/images/business-areas/ico-business-list03.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico04 {background:url(/ko/mobile/assets/images/business-areas/ico-business-list04.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico05 {background:url(/ko/mobile/assets/images/business-areas/ico-business-list05.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico06 {background:url(/ko/mobile/assets/images/business-areas/ico-business-list06.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico07 {background:url(/ko/mobile/assets/images/business-areas/ico-business-list07.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico08 {background:url(/ko/mobile/assets/images/business-areas/ico-business-list08.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li h3.ico09 {background:url(/ko/mobile/assets/images/business-areas/ico-business-list09.png) no-repeat top center; background-size:50px;}
.wrap-business .wrap-list ul li:first-child {width:100%; height:auto; background:#f8f8f8; border:1px solid #eee; border-top:2px solid #333; padding:10px;}
.wrap-business .wrap-list ul li:nth-last-child(2n-1) {border-right:1px solid #eee;}
.wrap-business .wrap-list ul .empty-img {background:url(/ko/mobile/assets/images/business-areas/ico-folder.png) no-repeat center center; background-size:40px;}
.wrap-business .wrap-list ul li a {display:block; border:1px solid #eee; margin-top:5px;}
.wrap-business .wrap-list ul li a span {display:inline-block; font-size:13px; line-height:25px; color:#555; background: url(/ko/mobile/assets/images/about-us/ic_short_cut.png) no-repeat center right; background-size:13px; padding-right:20px;}

/* ??????? */
.wrap-business .wrap-busi-overview {/*background:url(/ko/mobile/assets/images/business-areas/img-bgimage01.png) no-repeat center center;background-size:cover;*/ background-color:#f8f8f8;  padding: 50px 20px;}
/*.wrap-business .wrap-busi-overview:nth-child(2) {background:url(/ko/mobile/assets/images/business-areas/img-bgimage02.png) no-repeat center center; background-size:cover; border-bottom:1px solid #fff;}*/
/*.wrap-business .wrap-busi-overview:nth-child(3) {background:url(/ko/mobile/assets/images/business-areas/img-bgimage03.png) no-repeat center center; background-size:cover; border-bottom:1px solid #fff;}*/
/*.wrap-business .wrap-busi-overview:nth-child(4) {background:url(/ko/mobile/assets/images/business-areas/img-bgimage04.png) no-repeat center center; background-size:cover; border-bottom:1px solid #fff;}*/
/*.wrap-business .wrap-busi-overview:nth-child(5) {background:url(/ko/mobile/assets/images/business-areas/img-bgimage05.png) no-repeat center center; background-size:cover; border-bottom:0;}*/
.wrap-business .wrap-busi-overview .overview-box {background-color:#fff; padding:30px 20px 20px 20px; margin:0 10px;}
.wrap-business .wrap-busi-overview:nth-child(odd) .overview-box h2 {position:relative; font-family:"NotoSansKR Bold"; font-size:18px; line-height:16px; color:#2c52ae; text-align:left; font-weight:normal;}
.wrap-business .wrap-busi-overview:nth-child(even) .overview-box h2 {position:relative; font-family:"NotoSansKR Bold"; font-size:18px; line-height:16px; color:#2c52ae; text-align:right; font-weight:normal;}
.wrap-business .wrap-busi-overview:nth-child(odd) .overview-box h2 .bg-ico {position:absolute; top:-60px; right:0;}
.wrap-business .wrap-busi-overview:nth-child(even) .overview-box h2 .bg-ico {position:absolute; top:-60px; left:0;}
.wrap-business .wrap-busi-overview .overview-box h2 .bg-ico img {width:63px; height:63px;}
.wrap-business .wrap-busi-overview:nth-child(odd) .overview-box p {font-size:13px; line-height:16px; color:#555; text-align:left; margin-top:15px;}
.wrap-business .wrap-busi-overview:nth-child(even) .overview-box p {font-size:13px; line-height:16px; color:#555; text-align:right; margin-top:15px;}
.wrap-business .wrap-busi-overview .overview-box p span {font-size:13px; line-height:16px; color:#555;}
.wrap-business .wrap-busi-overview .overview-box .overview-list {border:1px solid #eee; padding:11px 15px; margin-top:10px;}
.wrap-business .wrap-busi-overview .overview-box .overview-list + .overview-list {margin-top:0; border-top:0;}
.wrap-business .wrap-busi-overview .overview-box .overview-list h3 {font-family:"NotoSansKR Black"; font-size:14px; color:#333;}
.wrap-business .wrap-busi-overview .overview-box .overview-list ul {font-size:0; margin-top:10px;}
.wrap-business .wrap-busi-overview .overview-box .overview-list ul li {display:inline-block; width:50%; font-size:13px; color:#555; margin-top:5px;}
.wrap-business .wrap-busi-overview .overview-box .overview-list ul li:first-child {margin-top:0;}
.wrap-business .wrap-busi-overview .overview-box .overview-list ul li:first-child + li {margin-top:0;}

/* ??????? */
.wrap-business .wrap-development .page_title {padding:0;}
.wrap-business .wrap-development .index_title p {margin-bottom:15px;}
.wrap-business .wrap-development .index_title p strong {font-family:"NotoSansKR Bold"; font-size:12px; color:#333; font-weight:normal;}
.wrap-business .wrap-development .img-box {margin-top:15px;}
.wrap-business .wrap-development .img-box img {width:100%;}
.delvelop_work .wrap-business .wrap-development .index_title p strong {font-family:"NotoSansKR Bold"; font-size:13px; color:#333; font-weight:normal;}


/* ???? */
/* ?????????????, ?????????????? ?????????? */
.wrap-util .content_box {padding-top:30px;}
.wrap-util .content_box .util-title h4 {font-family:"NotoSansKR Black"; font-size:14px; color:#333; text-align:center; padding-left:10px; text-indent:-16px; font-weight:normal;}
.wrap-util .content_box p.tac{text-align:center;}
.wrap-util .content_box p strong {display:block; font-family:"NotoSansKR Bold"; font-size:13px; text-align:center; font-weight:normal; }
.wrap-util .content_box p.tac strong {padding-bottom: 20px;}
.wrap-util .content_box p a {font-size:13px; color:#2c52ae; vertical-align:top;}
.wrap-util .content_box .util-list {margin-top:15px;}
.wrap-util .content_box .util-list ul {border:1px solid #eee;}
.wrap-util .content_box .util-list ul li {font-size:13px; color:#555; border-bottom:1px solid #eee; padding:10px;}
/*.wrap-util .content_box .util-list ul li:nth-child(2) {margin-top:5px;}*/
.wrap-util .content_box .util-list ul li:last-child {border-bottom:0;}
.wrap-util .content_box .wrap-util-list {padding-left:10px;}
.wrap-util .content_box .wrap-util-list .table tbody tr td a,
.wrap-util .content_box .wrap-util-list .table2 tbody tr td a {fonts-size:13px; color:#555;}
.wrap-util .content_box .margin-top {margin-top:30px;}
.wrap-util .content_box .wrap-util-list h4 {font-family:"NotoSansKR Black"; font-size:14px; color:#333; margin-left:-10px; padding-left:10px; text-indent:-16px; font-weight:normal;}
.wrap-util .content_box .wrap-util-list p {font-family:"NotoSansKR Bold"; font-size:13px; color:#333; text-align:left; margin-top:15px;}
.wrap-util .content_box .wrap-util-list p span {display:block; font-size:13px; color:#333; word-break:keep-all;}
.imagery_cont {display:none;}
.content_box + .imagery_cont {display:block;}
.wrap-util .content_box .wrap_table {margin-top:15px;}

.wrap-util .content_box .wrap-util-list p.list_circle {background: url(/ko/mobile/assets/images/common/li_dot_style1.png) no-repeat 0 5px; background-size: 3px 3px; padding-left:8px;}
.wrap-util .content_box .wrap-util-list .list_type1 {}
.wrap-util .content_box .wrap-util-list .list_type1 > li {font-family:"NotoSansKR Bold"; font-size:13px; color:#555; margin-top:15px;}
.wrap-util .content_box .wrap-util-list .list_type1 > li span {display:inline; font-size:13px; color:#555; vertical-align:top;}
.wrap-util .content_box .wrap-util-list .list_type2 {margin-top:10px;}
.wrap-util .content_box .wrap-util-list .list_type2 > li {font-size:13px; color:#555; padding-left:17px; text-indent:-17px;}
.wrap-util .content_box .wrap-util-list .list_type3 {margin-top:15px;}
.wrap-util .content_box .wrap-util-list .list_type3 > li {font-size:13px; color:#555; padding-left:15px; text-indent:-15px;}
.wrap-util .content_box .wrap-util-list .list_type3.indent_7 > li {font-size:13px; color:#555; padding-left:7px; text-indent:-7px;}
.wrap-util .content_box .wrap-util-list .list_type2 > li a,
.wrap-util .content_box .wrap-util-list .list_type3 > li a {text-indent:0; font-size:13px; color:#555; vertical-align:top;}
.wrap-util .content_box .wrap-util-list .list_type4 {}
.wrap-util .content_box .wrap-util-list .list_type4 > li {margin-top:15px; font-size:13px; color:#555; padding-left:8px; text-indent:0; background: url(/ko/mobile/assets/images/common/li_dot_style1.png) no-repeat 0 5px; background-size: 3px 3px;}


/* ? 2017.07.19 ?? css */
.sub_title.with_img img{width:75px; display:inline-block; margin-top:-12px;}
/* // 2017.07.19 ?? css */



/* ? 2017.07.20 zh ??? ?? ?? ???*/
.db_wrap_zh{background:#f9f9f9;  border: 1px solid #f9f9f9;}
.db_wrap_zh .info_box_zh{margin:0 20px;}
.db_wrap_zh .info_box_zh>li{border-top:1px dotted #ddd; padding: 15px 0 15px 0; overflow: hidden;}
.db_wrap_zh .info_box_zh>li:first-child{border-top:none; }
.db_wrap_zh .info_box_zh li em{float:left; width:43%; font-style:normal; font-size:13px; color:#333; font-weight: 600;}
.db_wrap_zh .info_box_zh li .info_txt7{float:right; width:57%;}
.db_wrap_zh .info_box_zh li .info_txt7 li{font-size:13px; position:relative; padding-left:7px;}
.db_wrap_zh .info_box_zh li .info_txt7 li:before{display:inline-block; content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#333; border-radius:50%; }
.db_total_wrap_zh .wrapper{padding-top: 0;}
.db_total_wrap_zh .content_box .wrapper .sub_title{padding-top:25px; font-weight: 600;}
.wrap_title.border.mn{margin-bottom: 0;}
/* // 2017.07.20 zh ??? ?? ?? ???*/

.it-service-step {margin-bottom:20px; border:1px solid #eee; border-top:0;}
.it-service-step li {padding:20px; text-align:center; font-size:13px; line-height:18px; border-top:1px solid #eee;}
.it-service-step li .step {display:block; color:#076cb3; font-family:"NotoSansKR Bold";}
.it-service-step li .title {display:block; margin:5px 0; color:#333; font-family:"NotoSansKR Bold";}
.it-service-step li .text {display:block;  color:#666;}

.s_title {font-size: 15px; padding-bottom:14px; font-family:"NotoSansKR Bold"; color:#215eb6;}
.s_title2 {position:relative; padding-bottom:14px; font-size: 13px; font-family:"NotoSansKR Bold"; color:#444;}

.slick-track {margin:0 auto;}

/* ????_???? */
.employabout {}
.employabout .txt { padding-left:26px; width:974px;}
.employabout ul.select_f{  width:1000px; margin-bottom:20px; height:40px}
.employabout ul.select_f li{float:left; width:333px;  font-size:14px; letter-spacing:-1px}
.employabout ul.select_f li a{ background:url('/ko/pc/assets/images/careers/img_4_1_2.jpg') 0 0 no-repeat; display:block;width:333px;height:40px; color:#666; line-height:40px;text-align:center; }
.employabout ul.select_f li a.on {background:url('/ko/pc/assets/images/careers/img_4_1_1.jpg') 0 0 no-repeat; color:#fff;cursor:default;}
.employabout ul.select_f li a:hover { text-decoration:none}
.employabout ul.select_f li a.selected{ background:url('/ko/pc/assets/images/careers/img_4_1_1.jpg') 0 0 no-repeat; color:#fff;cursor:default; }
.employabout .searchz { position:relative; width:1000px; height:43px; margin-top:20px; }
.employabout .searchz label { width:0; height:0; overflow:hidden; font-size:0; visibility:hidden}
.employabout .searchz select { position:absolute; top:7px; right:275px;width:162px; height:27px;display:inline-block; line-height:27px; background:#fff; border:1px solid #ccc; }
.employabout .searchz input { position:absolute; top:7px; right:70px; width:187px; height:24px;display:inline-block; line-height:27px; padding:0 5px; background:#fff; border:1px solid #ccc; }
.employabout .searchz a { position:absolute; top:7px; right:10px; display:inline-block}
.employabout table {position:relative;  width:990px}
.employabout table th { border-top:2px solid #d1d1d1; border-bottom:1px solid #ebebeb; background:#f7f7f7; padding:10px 0 13px; text-align:center; font-size:15px; color:#555; font-weight:600}
.employabout table td { padding:10px 0;border-bottom:1px solid #ebebeb; font-size:15px;text-align:center; color:#777 }
.employabout table td.detail {text-align:left; font-size:13px; color:#777;line-height:19px; padding:10px}
.employabout table td.detail .gongtong li li { background:url('/ko/pc/assets/images/careers/blit09.gif') left 7px no-repeat; padding-left:8px; }
.employabout table td a{ color:#333}
.employabout ul.field_board li table.txt_tbl5 td { text-align:left; font-size:13px; color:#777;line-height:19px; padding:10px }
.employabout ul.field_board li table.txt_tbl2 th { border-top:1px solid #6e959a}

/* ????_???? ???? */
.e_viewarea { position:relative;}
.e_viewarea .title { height:50px; background:#f9f9f9; border-bottom:1px solid #ededed; padding-left:20px; font-size:15px; color:#333; line-height:50px; width:980px;}
.e_viewarea .subarea { width:100%; height:50px; border-bottom:1px solid #ededed;  font-size:15px; color:#777; line-height:50px;}
.e_viewarea .subarea li { float:left; font-size:14px; width:auto}
.e_viewarea .subarea li span.ttl { width:100px; height:50px; text-align:center; background:#f9f9f9; color:#555; display:inline-block}
.e_viewarea .subarea li span.detail { padding:0 20px;}
.e_viewarea .subarea li span.detail a {color:#777; }
.e_viewarea .subarea li img { vertical-align:middle}
.e_viewarea .viewtxt { text-align:left; font-size:13px; line-height:22px; color:#555}
.e_viewarea .viewtxt img { text-align:center; padding:30px 0; max-width:960px}
.e_viewarea .viewtxt .ttl { font-size:16px; font-weight:bold; color:#555; background:url('/ko/pc/assets/images/careers/blit04.gif') left 7px no-repeat; padding-left:26px;}
.e_viewarea table { margin:0 auto; width:100%;}
.e_viewarea table.txt_tbl5 td { text-align:left; font-size:13px; color:#777;line-height:19px; padding:10px }
.e_viewarea table.txt_tbl2 th { border-top:1px solid #6e959a}
.e_viewarea .gongtong li { font-size:14px; color:#777; background:url('/ko/pc/assets/images/careers/blit03.gif') left 7px no-repeat; padding-left:8px; line-height:23px;}
.e_viewarea .btncenter {margin-top:80px; text-align:center; padding-top:30px;}

/* ??? ??? */
.e_viewarea .txt_tbl { width:100%; position:relative; border-top:1px solid #6e959a; font-size:14px; margin:20px 0}
.e_viewarea .txt_tbl thead { background:#f5f6f8; }
.e_viewarea .txt_tbl thead th { border-bottom:1px solid #e8eae9; color:#333; font-weight:600; padding:11px 0}
.e_viewarea .txt_tbl tbody td { border-bottom:1px solid #e8eae9; color:#777; padding:22px 32px 24px 18px; line-height:20px;}
.e_viewarea .txt_tbl tbody td:first-child { border-right:1px solid #dbdbdb}

.e_viewarea .txt_tbl2 { width:100%; position:relative; border-top:1px solid #6e959a; font-size:13px; margin-bottom:20px }
.e_viewarea .txt_tbl2 thead { background:#f5f6f8; }
.e_viewarea .txt_tbl2 thead th { border-bottom:1px solid #e8eae9; border-left:1px solid #dbdbdb; color:#333; font-weight:600; padding:5px 0; text-align:center; }
.e_viewarea .txt_tbl2 thead th:first-child {  border-left:none}
.e_viewarea .txt_tbl2 tbody td { border-bottom:1px solid #e8eae9; border-right:1px solid #dbdbdb; color:#777; padding:5px 0; line-height:20px; text-align:center; font-weight:normal}
.e_viewarea .txt_tbl2 tbody td.none { border-right:none}

.e_viewarea .txt_tbl5 { width:100%; position:relative;  font-size:13px; margin-bottom:30px; font-size:15px}
.e_viewarea .txt_tbl5 th { border-bottom:1px solid #e8eae9; background:#f5f6f8; border-right:1px solid #dbdbdb; color:#333; font-weight:600; padding:15px 0; text-align:center;  }
.e_viewarea .txt_tbl5 th.thtop {border-top:1px solid #6e959a;}
.e_viewarea .txt_tbl5 td.tdtop {border-top:1px solid #6e959a;}
.e_viewarea .txt_tbl5 td { border-bottom:1px solid #e8eae9; color:#777; padding:5px 0; line-height:20px; text-align:left; font-weight:normal;padding:15px 20px; }
.e_viewarea .txt_tbl5 td.none { border-right:none}
.e_viewarea .txt_tbl5 td ul li { background:url('/ko/pc/assets/images/careers/blit03.gif') left 8px no-repeat; padding:0 0 3px 8px;} 


/* 20180605 ???? ?? */
.recruitBox{margin-bottom:20px;border:1px solid #ddd}
.recruitBox>div{overflow:hidden;padding:8px 10px 15px}
.recruitBox>div>strong{display:block;margin-bottom:5px;font-size:16px;font-weight:600;}
.recruitBox>div>strong+p{padding-bottom:5px;font-size:13px;font-weight:400;color:#666}
.recruitBox .btnNewWin{float:left;display:block;width:49%;height:30px;line-height:29px;margin-top:14px;padding:0 27px 0 10px;border:1px solid #bbb;color:#333;font-size:12px; background:url("/ko/pc/assets/images/common/go_link.png") no-repeat right 9px center;box-sizing:border-box;letter-spacing:-0.04em}
.recruitBox .btnNewWin:nth-of-type(2){float:right}

/*20201028 ?????? ??*/
.sus_guideDefine {overflow: hidden; margin-top: 30px; border: 1px solid #bbb; border-left: 0; border-right: 0; padding: 25px 3px; position: relative;}
.sus_define_left {float: left; color: #727272;}
.sus_define_right {float: right; text-align: center;}

ul.download_list {border-top: 1px solid #bbb; margin-top: 20px;}
ul.download_list > li {position: relative; overflow: hidden; height: auto; padding: 4vw 22vw 4vw 5vw; margin-bottom: 0; border-bottom: 1px solid #bbb; font-size: 12px;}

a.btn_down {display: inline-block; position: absolute; padding: 0 25px 0 20px; text-align: center; right: 5px; top: 10px;}
a.btn_down span {display:inline-block; font-size:13px; color:#002b5c; line-height:25px !important;}
a.btn_down:after {content:''; display:inline-block; margin-left:10px; width:9px; height:9px; background:url('/ko/mobile/assets/images/common/btn_download.png') no-repeat 0 0; background-size:9px; vertical-align:middle;}

/*20210127 CP?? ?? add*/
.content_box .cp_status {margin-bottom: 7vw;}
.content_box .cp_status ul li {overflow: hidden; border: 0; border-top: 1px solid #bbb; padding: 25px 10px;}
.content_box .cp_status ul li:last-child {border-bottom: 1px solid #bbb;}
.content_box .cp_status ul li p {font-size: 15px; font-weight: bold;}
.content_box .cp_status ul li span {display: block; margin-top: 5px;}
.more_btn_area {text-align: center;}
.more_btn_area .more_btn {display: inline-block; padding: 17px 42px; border: 1px solid #001545; color: #555; font-size: 11px;}
.more_btn_area .more_btn span {color: #555; font-size: 11px; line-height: 2;}

/*20211006 cp ??? ? CP?? ??*/
.sus_guidecBox .mt5 {margin-top: 25px !important;}
.slideBdrBox{position: relative; width: 100%; min-height: 150px; padding: 25px; box-sizing: border-box; border: 1px solid #e2e6ea; border-top: 3px solid #012b5d;}
.slideBdrBox:first-child{margin-top: 0px;}
.slideBdrBox h4 {font-size: 18px; color: #002c5d; font-weight: normal;}
.slideBdrBox a {display: inline-block; position: absolute; right: 25px; top: 30px; height: 16px; padding-right: 19px; color: #555; font-size: 12px; text-align: right;}
.sus_guidecBox a:link, .sus_guidecBox a:visited, .sus_guidecBox a:active{text-decoration: none;}
.sus_guidecBox a:focus{color: #2d75bf;}
.slideBdrBox a:after {display: inline-block; position: absolute; top: 1px; right: 0; bottom: -1px; width: 14px; height: 14px; background: url("/ko/mobile/assets/images/common/ico_view.png") no-repeat 100% 100%; background-size: 14px auto; content: '';}
.slideBdrBox.short.on a:after{display: inline-block; position: absolute; top: 1px; right: 0; bottom: -1px; width: 14px; height: 14px; background: url("/ko/mobile/assets/images/common/ico_close.png") no-repeat 100% 100%; background-size: 14px auto; content: ''; transform: rotate(0);}
.slideBdrBox.short {min-height: inherit;}
.slideBdrBox.short.on{background: #012b5d; border: none;}
.slideBdrBox.short.on a{color:#fff; top: 30px;}
.slideBdrBox.short.on+.slideCon {border: 3px solid #012b5d;border-top: none;}
.slideBdrBox.short.on h4{color: #fff;}
.slideCon{display: none; position: relative; padding: 25px; background: #fff; border: 1px solid #e2e6ea; border-top: none; font-size: 12px; line-height: 19px;}
.slideCon h5 {color: #444; font-size: 16px; font-weight: 400;}
.slideCon a{position: absolute; display: block; top: 18px; right: 25px; width: 90px; padding: 10px; color: #fff; font-size: 10px; line-height: 18px; background: #3a3a3a url("/ko/mobile/assets/images/common/ico_down_on.png") 89% 47% no-repeat; text-align: left;}
.slideCon p {padding: 1.5vw 10px 0.5vw 0; text-indent: -15px; color: #333; font-size: 12px; font-weight: bold; line-height: 16px;}
.slideCon .tit_sub{padding: 0 10px 0.5vw 0; text-indent: 0px;}
.slideCon .txt_nornal{font-weight: normal; padding-bottom: 1.5vw; text-indent: 0px;}
.slideCon .sus_codTxt p:first-child{padding-top: 0.5vw;}
.slideCon .slideConBox{padding-bottom: 1.5vw;}
.slideCon .slideConBox p{font-weight: bold; color: #333; font-size: 14px; padding: 0.5vw 0 1vw 0;}
.slideCon .slideConBox .slideConBox_p{text-indent: 0px;}
.wrap_accordion_sub{border-top: 2px solid #333; border-bottom: 1px solid #333;}
.slideCon .accordion .list_title_sub{position: relative; z-index: 1; padding: 12px 35px 13px 12px; min-height: 39px; border-bottom: 1px solid #eee; font-family: "NotoSansKR Bold"; font-size: 13px; color: #333;}
.slideCon .accordion .list_title_sub:after {content: ""; display: inline-block; position: absolute; top: 0; right: 0; z-index: 5; width: 35px; height: 40px; background: url("/ko/mobile/assets/images/common/btn_listopen02.png") no-repeat center center; background-size: 11px;}
.slideCon [data-accordion].open > [data-control]:after{transform: rotate(-180deg);}
.slideCon .accordion.open .list_title_sub:after{background: url("/ko/mobile/assets/images/common/btn_listclose02.png") no-repeat center center; background-size: 11px;}
.slideCon .accordion .list_con {position: relative; z-index: 1; padding: 14px 0 13px 7px; line-height: 18px; font-size: 13px; color: #666;}
.slideCon .accordion .list_con:before{content: none;}
.slideCon [data-accordion]{line-height: 1;}
.slideCon .accordion .list_con h3{padding-left: 10px;}
.slideCon .accordion .sus_codTxt{padding: 4vw; padding-left:6vw; border-top: 1px solid #dee0e2; border-bottom: 1px solid #dee0e2;}
.slideCon .accordion .sus_codTxt li{text-indent: -13px; color: #777; line-height: 1.4; padding-bottom: 0.5vw;}
.slideCon .accordion .sus_codTxt li ul li{font-size: 12px; text-indent: -7px;}
.slideCon .accordion .sus_codTxt .txt_bold{font-weight: bold; padding-bottom: 0px;}
.slideCon .accordion .sus_codTxt .answer_pd20{padding-bottom: 1.5vw;}

/*???? ??*/
.container .mb10{margin-bottom: 10px;}

/* ????? ??? ?????? - 2022-03-07?? */
.m_gate_content{margin-top: 30px;}
.m_gate_content .col{margin:0 20px; border: 1px solid #dddddd; padding:35px 0 40px 0; text-align:center;}
.m_gate_content .col.bt-none{border-top: none; margin-bottom: 75px;}
.m_gate_content .col .gate_real_name{background: url("/ko/mobile/assets/images/inquiry/ico_realname.png") 50% 50% no-repeat; width: 85px; height: 60px; margin: 0 auto;}
.m_gate_content .col .gate_anonymous{background: url("/ko/mobile/assets/images/inquiry/ico_anonymous.png") 50% 50% no-repeat; width: 85px; height: 60px; margin: 0 auto;}
.m_gate_content .col h2{font-size: 16px; margin:25px 0 15px 0}
.m_gate_content .col p{font-size: 12px; letter-spacing: -1px; margin-bottom: 20px;}
.m_gate_content .col a{padding:7px 15px; border: 1px solid #bbbbbb; font-size: 12px; color: #333;}
.m_gate_content .col a img{margin-top: -4px; margin-left:10px; width: 13px; height: 13px;}

/* ????? ??? - 2022-03-07?? */
.file_box {width: 100%; overflow: hidden;display: inline-block;}
.file_input_tb {float: left;height: 35px;width: 100%;position: relative;}
.file_input_div {display: inline-block;width: 100%;text-align: center;}
input.file_input_tb {background-color: #ddd; border: none; width: 100%; height: 34px;}
.file_input_button{height: 34px; padding: 0 15px; background-color: #afafaf; color: #fff; border: none; position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer;}
.file_input_hidden { overflow: hidden; display: none; position: absolute; left: -9999em; width: 83px; height: 30px; font-size: 45px; opacity: 0; }
.mt10 { margin-top: 10px !important;}

.wrap_table.type_ir .table .bg_light{background: #f2f8fc;}
.wrap_table.type_ir .table .bg_light_gray{background: #fbfbfb;}

/* 0914 ???????? ?? css */
.renewal_policy_wrap .renewal_policy .wrap_table.renewal_policy_table .table2 tr td img{width:65px}
.renewal_policy_wrap .renewal_policy .wrap_table.renewal_policy_table .table2 tr td span{display: block; font-size: 13px; margin-top: 10px;}
.renewal_policy_wrap .renewal_policy .wrap_table.renewal_policy_table .table2 tbody tr td{padding:25px 0}
.renewal_policy_wrap .renewal_policy .util-title h4{margin-top: 20px; padding: 0;text-indent: 0;}
.renewal_policy_wrap .renewal_policy .util-title p{letter-spacing: -1.2px; margin-bottom: 10px; margin-top: 5px; text-align: center;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list{padding-left: 0;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul{padding: 20px;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li{display: flex; align-items: center;padding-left: 40px; padding-right:0; height: 50px; border: none; margin-bottom: 10px;word-break: keep-all;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:first-child{background: url(/ko/pc/assets/images/common/policy_info01.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:nth-child(2){background: url(/ko/pc/assets/images/common/policy_info06.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:nth-child(3){background: url(/ko/pc/assets/images/common/policy_info02.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:nth-child(4){background: url(/ko/pc/assets/images/common/policy_info07.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:nth-child(5){background: url(/ko/pc/assets/images/common/policy_info05.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:nth-child(6){background: url(/ko/pc/assets/images/common/policy_info04.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:nth-child(7){background: url(/ko/pc/assets/images/common/policy_info08.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:nth-child(8){background: url(/ko/pc/assets/images/common/policy_info03.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:nth-child(9){background: url(/ko/pc/assets/images/common/policy_info04.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .util-list ul li:nth-child(10){background: url(/ko/pc/assets/images/common/policy_info09.png) no-repeat 0 0; background-size: 30px auto;background-position-y: 50%; margin-bottom: 0;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4{padding-left: 52px; height: 40px; display: flex; align-items: center; text-indent: 0; word-break: keep-all;}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_01{background: url(/ko/pc/assets/images/common/policy_info01.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_02{background: url(/ko/pc/assets/images/common/policy_info06.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_03{background: url(/ko/pc/assets/images/common/policy_info02.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_04{background: url(/ko/pc/assets/images/common/policy_info07.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_05{background: url(/ko/pc/assets/images/common/policy_info05.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_06{background: url(/ko/pc/assets/images/common/policy_info04.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_07{background: url(/ko/pc/assets/images/common/policy_info08.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_08{background: url(/ko/pc/assets/images/common/policy_info03.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_09{background: url(/ko/pc/assets/images/common/policy_info04.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}
.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list h4.object_10{background: url(/ko/pc/assets/images/common/policy_info09.png) no-repeat 0 0; background-size: 34px auto;background-position-y: 50%;background-position-x: 10px}

.wrap-util.renewal_policy_wrap .renewal_policy .content_box .wrap-util-list .list_type1 > li {font-family: 'NotoSansKR Regular';}
html{scroll-behavior: smooth;}

/* 240122 ESG - ESG?? */
.management_title { padding: 14px 30px; text-align: center; border: 1px solid #1B2E5A; border-radius:10px; }
.management_title h2 { font-family:"NotoSansKR Black"; font-size: 15px; font-weight: normal; color:#1B2E5A; letter-spacing: -0.05em; word-break: keep-all; }
.management_content_tab { margin-top: 30px; }
.management_content_tab .tab_header { font-family:"NotoSansKR Black"; font-size: 14px;  color:#FFF; letter-spacing: -0.05em; text-align:center; border-radius: 100px; padding: 10px 0; margin-bottom: 25px; position: relative; }
.management_content_tab .tab_header::after { display: block; width: 1px; height: 25px; background: #DDD; position: absolute; bottom:-25px; right:50%; transform: translateX(-50%); content: ''; }
.management_content_tab:nth-of-type(1) li.tab_header { background: #12B3D0; }
.management_content_tab:nth-of-type(2) li.tab_header { background: #076CB3; }
.management_content_tab:nth-of-type(3) li.tab_header { background: #19D8CC; }

.management_content_tab .tab_cont .sortation { margin-bottom:10px; padding: 10px 0; border-radius: 10px; text-align: center; background: #1B2E5A; }
.management_content_tab .tab_cont .sortation:last-child { margin-bottom:0; }
.management_content_tab .tab_cont .sortation p { font-family:"NotoSansKR Black"; font-size: 14px; color:#FFF; }
.management_content_tab .tab_cont .sortation.white { border:1px solid #DDDDDD; background:#FFF; }
.management_content_tab .tab_cont .sortation.white p { color:#666; }
.management_content_tab .tab_cont .sortation.white p:first-child { margin-bottom: 10px; }

.management_content_tab .plan_list { padding: 30px; margin-bottom: 10px; border:1px solid #DDD; border-radius: 10px; background:#FFF; }
.management_content_tab .plan_list li { margin-bottom:10px; position: relative; color:#666; letter-spacing: -0.025em; }
.management_content_tab .plan_list li:last-child { margin-bottom: 0; }
.management_content_tab .plan_list li::before{ content: ''; background: #999A9C; width: 2px; height: 2px; position: absolute; margin-left: -7px; top: 9px; }
.management_content_tab .plan_list li.title { font-family:"NotoSansKR Black"; font-size: 13px; color:#666; margin-bottom: 13px; }
.management_content_tab .plan_list li.title::before { display: none; }

/* 240123 ESG - ???? */
.esg_safety_title { padding: 0 40px; font-family:"NotoSansKR Black"; font-size: 18px; color:#1B2E5A; letter-spacing: -0.05em; text-align: center; word-break: keep-all; }
.esg_plan_list { margin-top: 30px; }
.esg_plan_list h3 { width: 66.66%; margin: 0 auto; border-radius: 100px; padding: 10px 0; font-family:"NotoSansKR Black"; font-size: 14px; color:#FFF; text-align:center; background: #1B2E5A; position: relative; }
.esg_plan_list ul { margin-top: -20px; padding: 50px 30px 30px; border: 1px solid #DDD; border-radius: 10px; }
.esg_plan_list ul li { margin-bottom:15px; position: relative; color:#666666; letter-spacing: -0.025em; }
.esg_plan_list ul li::before{ content: ''; background: #999A9C; width: 2px; height: 2px; position: absolute; margin-left: -7px; top: 9px; }
.esg_plan_list ul li:last-child { margin-bottom: 0; }
.esg_plan_list ul li span { font-family:"NotoSansKR Black"; color:#666; border-bottom: 1px solid #666; position: relative; top: -1px; }

.esg_plan_list ul.detail_list li { line-height: 1.6; word-break:keep-all; }

/* 240123 ESG - ???? */
.policy_wrap { padding: 20px; margin-bottom: 30px; border: 1px solid #DDD; }
.policy_wrap .policy_title { margin-bottom: 22px; font-family:"NotoSansKR Black"; font-size: 14px; color:#333; letter-spacing: -0.05em; }
.policy_wrap ul li { margin-bottom: 20px; }
.policy_wrap ul li:last-child { margin-bottom: 0; }
.policy_wrap ul li span { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin: 0 auto 10px; font-family:"NotoSansKR Black"; color:#FFF; text-align: center; border-radius: 50%; background: #1B2E5A; }
.policy_wrap ul li p { color:#555; letter-spacing: -0.05em; }
.policy_wrap .txt_right { margin-top: 33px; font-family:"NotoSansKR Black"; letter-spacing: -0.05em; text-align: right; }
.graph_wrap { display: flex; justify-content: center; align-items: center; gap:0 35px; padding: 25px 20px; border: 1px solid #DDD; }
.graph_wrap h3 { width: 70px; padding: 110px 10px; font-family:"NotoSansKR Black"; font-size: 14px; color:#1B2E5A; text-align: center; border: 1px solid #1B2E5A; border-radius: 100px; word-break: keep-all; position: relative; }
.graph_wrap h3:after { width: 17px; height: 1px; background: #DDD; position: absolute; top:50%; right: -18px; transform: translateY(-50%); content: ''; }
.graph_wrap .graph_area { display: flex; flex-direction: column; gap:20px 0; position: relative; }
.graph_wrap .graph_area::before { width:1px; height:100%; position: absolute; top: 50%; left: -18px; background: #DDD; content: ''; transform: translateY(-50%); }
.graph_wrap .graph_area .item { max-width: 250px; border-radius: 10px; position: relative; }
.graph_wrap .graph_area .item::before { width: 17px; height: 1px; background: #DDD; content: ''; position: absolute; top:50%; left: -17px; transform: translateY(-50%);  }
.graph_wrap .graph_area .item:nth-child(1):after { width: 17px; height: 50%; background: #FFF; content: ''; position: absolute; top:0; left: -18px; z-index: 10; }
.graph_wrap .graph_area .item:nth-child(4):after { width: 17px; height: 50%; background: #FFF; content: ''; position: absolute; bottom: 0; left: -18px; z-index: 10; }
.graph_wrap .graph_area .item p { padding: 15px 0; font-family:"NotoSansKR Black";  font-size: 14px; color:#FFF; text-align: center; background: #1B2E5A; border-radius: 10px 10px 0 0; }
.graph_wrap .graph_area .item ul { padding: 10px 20px 20px; border: 1px solid #DDD; border-top: 0; border-radius: 0 0 10px 10px; }
.graph_wrap .graph_area .item ul li { margin-bottom:15px; position: relative; color:#666666; letter-spacing: -0.025em; }
.graph_wrap .graph_area .item ul li::before{ content: ''; background: #999A9C; width: 2px; height: 2px; position: absolute; margin-left: -7px; top: 9px; }
.graph_wrap .graph_area .item ul li:last-child { margin-bottom: 0; }

/* 240123 ESG - ???? */
.policy_wrap .humanlights { margin-top: 20px; }

/* 240123 ???? - ?? Highlights */
.ir_wrap .ir_wrap_cont h3 { font-size: 20px; margin-bottom: 10px; }
.ir_wrap .ir_wrap_tit { margin-bottom: 10px; }
.ir_wrap .ir_wrap_tit p { text-align: right; }
#swiper01 { height: 250px; }
#swiper01 .swiper-slide { padding: 20px; background: #1b2e5a; }
#swiper01 .swiper-slide h5 { font-size: 24px; color:#FFF; }
#swiper01 .swiper-slide p { font-size: 48px; font-weight: 700; color:#FFF; position: absolute; bottom:20px; right:20px; }
.Highlights_wrap_cont .Highlights_noti { margin: 20px 0 40px; }
.Highlights_wrap_cont .Highlights_noti p { color: #999; padding-left: 15px; position: relative; }
.Highlights_wrap_cont .Highlights_noti p::before { content: '?'; font-size: inherit; position: absolute; top: 0; left: 0; }
#swiper02 { height: 250px; }
#swiper02 .swiper-slide { padding: 20px; }
#swiper02 .swiper-slide h5 { font-size: 18px; color:#FFF; }
#swiper02 .swiper-slide p { font-size: 48px; font-weight: 700; color:#FFF; position: absolute; bottom:20px; right:20px; }
#swiper02 .swiper-slide:nth-child(1) { background:url(/ko/pc/assets/images/ir/highlights_img_01.jpg) no-repeat 0 0; background-size: cover; }
#swiper02 .swiper-slide:nth-child(2) { background:url(/ko/pc/assets/images/ir/highlights_img_02.jpg) no-repeat 0 0; background-size: cover; }
#swiper02 .swiper-slide:nth-child(3) { background:url(/ko/pc/assets/images/ir/highlights_img_03.jpg) no-repeat 0 0; background-size: cover; }

/* 24.03.05 - ?? ????? CSS ??? */
.content_box .wrapper .client_logo { display:flex; flex-wrap:wrap; width:100%; }
.content_box .wrapper .client_logo .client_box { width:50%; flex-basis:50%; border:1px solid #eee; }
.content_box .wrapper .client_logo .client_box:nth-child(odd) { border-top:none; }
.content_box .wrapper .client_logo .client_box:nth-child(even) { border-top:none; border-left:none; }
.content_box .wrapper .client_logo .client_box:nth-child(1),
.content_box .wrapper .client_logo .client_box:nth-child(2) { border-top: 1px solid #eee; }
.content_box .wrapper .client_logo .client_box img { width: 100%; }

/* 24.03.06 ?????? ?? ???? ?? css ?? */
.iso_table { margin:20px 0 10px; }

/* 24.03.08 ?????? ???? css */
.new_sub_title { font-size:15px; padding:14px 0; font-family:"NotoSansKR Bold"; color:#215eb6; }

/* 24.03.11 ????? css */
.svg_align { display:flex; justify-content:center; align-items:center; }
.db_txt_graph { display:flex; flex-direction:column; align-items:flex-start; gap:20px 0; width:100%; margin-top:20px; padding: 0 20px; text-align:left; border: 1px solid #eee; border-radius:20px; }
.db_txt_graph.case1 { padding:0; border:none; border-radius:0; }
.db_txt_graph li { display:flex; flex-direction:column; gap:10px 0; width:100%; margin:0; padding:20px 0; border-top:1px solid #eee; }
.db_txt_graph li:first-child { border-top:none; }
.db_txt_graph li .db_txt_title { font-family:"NotoSansKR Bold"; font-size:16px; color:#2c53af; }
.db_txt_graph li .db_txt_title.t_color01 { color:#12B3D0; }
.db_txt_graph li .db_txt_title.t_color02 { color:#19D8CC }
.db_txt_graph li .db_txt_title.t_color03 { color:#076CB3; }
.db_txt_graph li .db_txt_title.t_color04 { color:#1B2E5A; }
.db_txt_graph li .db_sub_title { font-family:"NotoSansKR Bold"; font-size:14px; color:#333; margin-top:15px; }
.db_txt_graph li .db_txt_cont { font-size:14px; color:#333; }
.db_txt_graph li .db_txt_cont.c_gray { color:#666; }
.db_txt_graph li .db_txt_cont span { font-family:"NotoSansKR Bold"; color:#333; }
.db_txt_graph.case1 li { border:1px solid #eee; border-radius:20px; padding:15px; }
.db_txt_graph.case1 li .db_txt_cont { word-break:keep-all; }

.pd0 { padding-bottom:0 !important; }
.new_title { font-family:"NotoSansKR Bold"; font-size:16px; color:#333; margin-top:50px; }
.new_txt { font-size:14px; color:#555; padding:10px 0; }
.sub_list_cont { margin-top:10px; font-size:13px; color:#666; }
.new_list_platform { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:20px; }
.new_list_platform .service_list { display:flex; flex-basis:calc((100% - 10px)/2); flex-direction:column; text-align:center; border:1px solid #eee; }
.new_list_platform .service_list .list_title { padding:15px 0; border-bottom:1px solid #eee; font-family:"NotoSansKR Bold", sans-serif; color:#215eb6; }
.new_list_platform .service_list .list_cont01 { padding:15px 0; color:#333; font-family:"NotoSansKR Bold", sans-serif; }
.new_list_platform .service_list .list_cont02 { padding:0 10px 15px; color:#555; word-break:keep-all; }

/* 24.03.12 - IT??? ???? */
.cloud_box { display:flex; flex-direction:column; align-items:center; gap:10px 0; }
.cloud_box .logo_box { width:100%; flex-basis:100%; padding:5px 15px; border:1px solid #eee; text-align:center; }
.cloud_box .logo_box img { width:100%; max-height:90px; object-fit:contain; }
.cloud_box .cloud_txt { font-family:"NotoSansKR Bold"; color:#076CB3; letter-spacing:-0.05em; word-break:keep-all; }

/* 24.03.12 - ?? */
.invest_box { display:flex; flex-wrap:wrap; gap:40px 0; }
.invest_box .invest_list { display:flex; flex-wrap:wrap; gap:10px; width:100%; }
.invest_box .invest_list .invest_txt1 { width:100%; font-family:"NotoSansKR Bold"; font-size:16px; color:#333; }
.invest_box .invest_list .invest_txt2 { width:100%; padding-left:5px; font-size:13px; color:#555; word-break:keep-all; position:relative; }
.invest_box .invest_list .invest_txt2::before { display:block; position:absolute; top:7px; left:0; width:2px; height:2px; background:#666; border-radius:50%; content:''; }
.invest_box .invest_list .invest_img_box { width:calc(50% - 5px); }
.invest_box .invest_list .invest_img_box .invest_img img { width:100%; object-fit:contain; }
.invest_box .invest_list .invest_img_box .invest_sum { margin-top:5px; font-size:13px; color:#666; text-align:center; }

/* 24.04.12 - ??? ???? ???? ?????? */
.video_list ul li a { display:block; width:100%; }
.video_btn_area { display:flex; justify-content:space-around; align-items:center; margin-top:10px; width:100%; padding:10px; border:1px solid #eee;}
.video_btn_area .video_btn { display: flex; align-items: center; }
.video_btn_area .video_btn .video_btn_down { margin:0; font-size:13px; color:#215eb6; }
.video_btn_area .video_btn .video_btn_down:after {content:''; display:inline-block; margin-left:8px; width:8px; height:8px; background:url('/ko/mobile/assets/images/common/btn_file_download.png') no-repeat 0 0; background-size:8px; vertical-align:middle;}
.video_btn_area .video_btn_name { width:50%;  overflow:hidden;  line-height: 18px;  font-size: 13px;  text-overflow: ellipsis;  word-wrap: break-word;  white-space: nowrap;  color: #333;  text-align: left;  }

/* 24.04.22 - CP???? */
.v_common { display: none; }

/* 25.03.20 - ESG ?? CSS */
.list_menu.butene_tab.new_tab { margin-bottom:30px; z-index:0; }
.line_box.new_index .chart_box { z-index:-1; }
.slideCon a.new_down { margin:10px 0; position:unset; }

.justice_box { display:flex; flex-direction:column; justify-content:center; gap:10px; width:100%; margin-bottom:20px; padding:25px 50px; border:1px solid #ddd; background:#F8F8F8; box-sizing:border-box; }
.justice_box:last-child { margin-bottom:0; }
.justice_box .fair_logo { margin-bottom:16px; }
.justice_box .fair_link { display:flex; justify-content:space-between; align-items:center; gap:0 10px; width:fit-content; padding:7px 15px; box-sizing:border-box; border:1px solid #DDDDDD; background:#FFF; }
.justice_box .fair_link .fair_txt { font-size:12px; color:#333333; letter-spacing:-0.05em; }
.justice_box .fair_link .fair_icons { width:10px; height:10px; background:url(/ko/pc/assets/images/common/go_link.png) no-repeat center center; background-size:contain; }

.gate_wrap { display:flex; flex-direction:column; gap:20px 0; width:100%; }
.gate_wrap .gate_box { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; width:100%; padding:25px 20px; box-sizing:border-box; border:1px solid #DDD; }
.gate_wrap .gate_box .gate_txt01 { font-size:14px; font-weight:600; color:#333; letter-spacing:-0.04em; }
.gate_wrap .gate_box .gate_txt02 { margin:10px 0 15px; font-size:13px; color:#666; letter-spacing:-0.05em; word-break:keep-all; }
.gate_wrap .gate_box .gate_link { display:flex; justify-content:space-between; align-items:center; gap:0 10px; width:fit-content; padding:7px 15px; box-sizing:border-box; border:1px solid #BBB; background:#FFF; }
.gate_wrap .gate_box .gate_link .gate_txt { font-size:12px; color:#333333; letter-spacing:-0.05em; }
.gate_wrap .gate_box .gate_link .gate_icons { width:10px; height:10px; background:url(/ko/pc/assets/images/common/go_link.png) no-repeat center center; background-size:contain; }