@import 'sub2.css';

/* COMMON */
.cf:after{display:block;content:'';clear:both;}
.sub_container{padding:0 5% 10%;}
.sub_container.sub_cont_02{padding:0;}
.sub_container.sub_cont_02 .sub_inner{padding:0 5% 10%;}
.sub_tit_wrap{padding:35px 0;text-align:center;}
.sub_tit{font-size:25px;color:#333;font-weight:700;}
.sub_tit_wrap .sub_txt{margin-top:10px;font-size:13px;color:#333;line-height:1.5;}
.slide_img > img{width:100%;}

/* UL STYLE 01 */
.ul_st01 > li{position:relative;padding-left:10px;color:#555;line-height:2;}
.ul_st01 > li:after{display:block;content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background-color:#555;}
.ul_st01 > li.bul_none:after{display:none;}

/* UL STYLE 02 */
.ul_st02 > li{position:relative;padding-left:17px;}
.ul_st02 > li:before{display:inline-block;content:'';position:absolute;top:12px;left:2px;width:7px;height:1px;background-color:#555}

/* TABLE CONTENT */
.table_cont col:nth-child(1){width:110px;}
.table_cont th, .table_cont td{padding:15px;vertical-align:middle;}
.table_cont th{font-size:14px;font-weight:700;color:#124d80;background-color:#f3f3f3;}
.table_cont td{text-align:left;}

/* TABLE STYLE 01 */
.table_st01{width:100%;border-top:2px solid #4e5960;}
.table_st01 th, .table_st01 td{padding:10px;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;font-size:14px;text-align:center;letter-spacing:-0.025em}
.table_st01 th:last-child, .table_st01 td:last-child{border-right-width:0;}
.table_st01 thead th{font-weight:700;background-color:#f3f3f3;text-align:center;}
.table_st01 tbody td{width:100%;color:#555;}
.table_st01 td .subject{display:block;width:100%;text-align:left;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.table_st01 td .subject:hover{text-decoration:underline;color:#1a507d;}
.table_st01 td .subject .new {color: #F44336; font-weight: bold; font-size: 11px; vertical-align: top;}

/* TABLE LIST */
.table_list col:nth-child(1){width:60px;}
.table_list col:nth-child(2){}
.table_list col:nth-child(3){width:110px;}

/* TABLE VIEW */
.table_view col:nth-child(1){}
.table_view col:nth-child(2){width:110px;}
.table_view th{padding:18px 15px;}
.table_view th.day{text-align:right;color:#555;}
.table_view th, .table_view td{text-align:left;border-right-width:0;}
.table_view td{line-height:1.5;border-bottom-width:0;}

/* TABLE PAGING */
.tb_paging{margin-top:30px;font-size:0;text-align:center;}
.tb_paging a{display:inline-block;width:22px;height:22px;box-sizing:border-box;text-align:center;line-height:22px;font-size:12px;border:1px solid #fff}
.tb_paging a.on{background-color:#185283;border:1px solid #185283;color:#fff}

.tb_paging a.prev, .tb_paging a.next{text-indent:-9999px;border:1px solid #dbdbdb;}
.tb_paging a.prev{margin-right:5px;background:url(/ko/m/img/sub/icon_paging_prev.png) 50% 50% no-repeat;}
.tb_paging a.next{margin-left:5px;background:url(/ko/m/img/sub/icon_paging_next.png) 50% 50% no-repeat;}


/* TABLE CONTROL */
.table_control col:nth-child(1){width:60px;}
.table_control col:nth-child(3){width:100px;}

.table_control{margin-top:50px;border-top:1px solid #ddd}
.table_control td{padding:13px 5px;border-right-width:0;text-align:center;}
.table_control .tit{font-weight:700;}

/* TAB */
.tab_comm{font-size:0;text-align:center;}
.tab_comm li{display:inline-block;}
.tab_sec_wrap .tab_sec{display:none;}
.tab_sec_wrap .tab_sec.on{display:block;}

/* TAB STYLE 01 */
.slider_subTab{overflow:hidden;position:relative;margin:35px 0;}
.slider_subTab:after{/* display:block; */display:none;content:'';position:absolute;right:-10px;top:0;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.93) 81%, rgba(255,255,255,1) 87%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.93) 81%,rgba(255,255,255,1) 87%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.93) 81%,rgba(255,255,255,1) 87%);z-index:100;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );width:40%;height:100%;}
.slider_subTab .swiper-slide{position:relative;width:auto;}
.slider_subTab .swiper-slide:after{display:inline-block;content:'';position:relative;top:3px;width:1px;height:13px;margin:0 10px 0 7px;background-color:#bfbfbf;}
.slider_subTab .swiper-slide:last-child{margin-right:10px;}
.slider_subTab .swiper-slide:last-child:after{display:none;}
.slider_subTab .swiper-slide a{display:inline-block;height:100%;padding:10px 0 5px;font-size:13px;color:#555;}
.slider_subTab .swiper-slide a.on{color:#124d80;border-bottom:1px solid #124d80;}

/* TAB STYLE 03 */
.tab_st03{}
.tab_st03 li{width:50%;height:55px;box-sizing:border-box}
.tab_st03 li.on{position:relative;}
.tab_st03 li.on:after{display:block;content:'';position:absolute;top:1px;width:100%;height:1px;background-color:#4e5960;}
.tab_st03 li button{display:block;width:100%;height:100%;background-color:#f3f3f3;border:1px solid #dcdcdc;border-bottom:1px solid #4e5960;font-size:16px;color:#555;text-align:center;}
.tab_st03 li.on button{background-color:#fff;border:1px solid #4e5960;border-bottom:1px solid #fff;color:#333;font-weight:700;}

/* DL STYLE 01 */
.dl_st01 dt, .dl_st01 dd{line-height:1.8;}
.dl_st01 dt:before{display:inline-block;content:'';width:3px;height:3px;position:relative;top:-3px;margin-right:7px;background-color:#555}
.dl_st01 dt{padding-left:5px;color:#333;font-weight:700;font-size:13px;}
.dl_st01 dd{margin-bottom:15px;padding-left:15px;color:#555;font-size:12px;}
.dl_st01 dd:last-child{margin-bottom:0;}

/* NEWS */
.table_wrap{width:100%;margin:0 auto;}
.board_wrap{width:100%;margin:0 auto;}
.table_gallery{padding-top:5%;border-top:2px solid #4e5960;border-bottom:1px solid #dcdcdc}
.table_gallery .gallery_inner{}
.table_gallery ul{float:left;width:47.5%;margin-right:5%;margin-bottom:5%;}
.table_gallery ul:nth-child(2n){margin-right:0;}
.table_gallery ul li .gallery_photo{overflow:hidden;display:block;width:100%;height:100%;margin-bottom:20px;border:1px solid #dcdcdc;box-sizing:border-box}
.table_gallery ul li .gallery_photo img{width:100%;height:100%;}
.table_gallery ul li .subject{display:block;font-size:12px;color:#555;line-height:1.7;}
.brands_wrap .table_gallery ul li .subject{text-align:center;}

/* FAQ */
.table_faq{width:100%;border-top:2px solid #4e5960;}
.table_faq col:first-child{width:65px;}
.table_faq td{padding:10px;vertical-align:middle;line-height:1.5;border-bottom:1px solid #dcdcdc;font-size:14px;}
.table_faq .division{width:40px;height:40px;text-indent:-9999px;}
.table_faq .txt{padding:10px;}

.table_faq .faq_question .division{background:url(/ko/m/img/sub/icon_faq_q.png) 50% 14px no-repeat;background-size:30px 30px;}
.table_faq .faq_question .txt{padding-left:0;cursor:pointer;}

.table_faq .faq_answer{display:none;}
.table_faq .faq_answer .division{background:#f3f3f3 url(/ko/m/img/sub/icon_faq_a.png) 50% 16px no-repeat;background-size:30px 30px;}
.table_faq .faq_answer .txt{padding:20px 10px 20px 0;background-color:#f3f3f3;color:#555;}


/* TAB STYLE 01 */
.tab_st01{}
.tab_st01 li{margin-right:10px;}
.tab_st01 li:last-child{margin-right:0;}
.tab_st01 li a, .tab_st01 li button{display:block;width:180px;height:50px;border:3px solid #dcdcdc;background-color:#fff;color:#555;text-align:center;font-size:15px;line-height:44px;box-sizing:border-box}
.tab_st01 li.on a, .tab_st01 li.on button{border:3px solid #124d80;background-color:#124d80;color:#fff;}

/* 찾아오시는 길 */
.map_wrap .tab_comm{margin-bottom:50px;}
.map_wrap .tab_comm li{width:calc( 50% - 2.5px );vertical-align:top;}
.map_wrap .tab_comm li:first-child{margin-right:5px;}
.map_wrap .tab_comm li button{width:100%;line-height:1.2;word-break: keep-all;}

.map_tooltip_wrap{margin-top:20px;border:1px solid #dcdcdc}
.map_tooltip{display:block;padding:25px;box-sizing:border-box}
.map_tooltip .tit{margin-bottom:20px;font-size:20px;color:#124d80}

.iframe_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:56.25%;} 
.map_wrap iframe, .map_wrap object, .map_wrap embed{position:absolute;top:0;left:0;width:100%;height:100%;} 



/* ======================= R&D PAGE ======================= */

/* R&D PAGE 1 */

.sub_sce{text-align:center;margin-top:28px;padding-top:28px;}
.sub_sce02{ border-top:1px dashed #c6c6c6;}

.sub_sce .sub_iconbox{width:145px;height:145px;margin:0 auto;border-radius:50%;}
.sub_sce .sub_iconbox.bgc_st1{background-color:#124d80;background-image:url('');background-size:72px 52px;background-repeat:no-repeat;background-position:;}
.sub_sce .sub_iconbox.bgc_st2{background:#444444; }
.sub_sce .sub_iconbox.bgc_st3{background:#687687;}

.sub_iconextra{width:5px;margin:12px auto;}
.sub_iconextra img{max-width:100%; }
.sub_sec_txt{font-size:14px;line-height:18px;}

.sub_page_nav{position:relative;margin:20px 0 30px;background:#124d80;}
.sub_page_nav > a{display:block;text-align:center;padding:15px 0;color:#fff;}
.sub_page_nav > a.sub_nav_tit{background:url('/ko/m/img/sub/b04_02_arrow.jpg')no-repeat 95% center;background-size:10px 6px;}
.sub_page_nav > .sub_nav_depth1{display:none;border:1px solid #ddd;background:#fff;}
.sub_page_nav > ul > li > a{display:block;text-align:center;padding:15px 0;font-size:14px;color:#333;}
.sub_page_nav > ul > li{border-top:1px solid #ddd;}
.sub_page_nav > ul > li:first-child{border-top:0;}
.sub_page_nav.open > .sub_nav_depth1{display:block;}


.sub_nav_depth2{margin-bottom:40px;}
.sub_nav_depth2 ul{font-size:0;text-align:center;}
.sub_nav_depth2 li{display:inline-block;vertical-align:middle;padding-left:10px;margin-left:10px;border-left:1px solid #ddd;}
.sub_nav_depth2 li.active a{ color:#124d80;border-color:#124d80;font-weight:700;}
.sub_nav_depth2 li:first-child{padding-left:0;margin-left:0;border-left:0;}
.sub_nav_depth2 li a{display:block;padding-bottom:3px;border-bottom:1px solid transparent;font-size:13px;color:#000;}


/* b04_02_01 page*/
.b0402_cont .sub_tit_wrap{padding:0;}
.b040201_sec01{height:0;padding-bottom:98.33333333333%;background:url('/ko/m/img/sub/b04_02_01_bg.jpg')no-repeat;background-size:100% auto;}
.b040201_sec01_tt{padding:80px 30px 0;font-size:16px;color:#fff;font-weight:700;text-align:center;line-height:150%;}
.b040201_sec01_stt{padding:25px 30px 0;font-size:13px;color:#fff;text-align:center;line-height:18px;}

.b040201_sec02{margin:52px 0;}
.b040201_sec02 ul{border-bottom:1px solid #124d80;}
.b040201_sec02 li{padding:23px 0;border-top:1px solid #124d80;}
.b040201_sec02_icon{width:94px;margin:0 auto;}
.b040201_sec02_icon img{max-width:100%;height:auto;}

.b040201_sec02_txt{padding:20px 38px 0;font-size:13px;color:#555;text-align:center;line-height:20px;}


/* b04_02_02 page*/

.b040202_sec_count{display:inline-block;padding:9px;font-size:20px;color:#333;font-weight:700;border:1px solid #333;background:#fff;}

.b040202_sec01{padding:34px 20px;}
.b040202_sec01_tt{font-size:16px;color:#124d80;font-weight:700;text-align:center;line-height:22px;letter-spacing:-0.5px;}
.b040202_sec01_stt{padding-top:15px;font-size:13px;color:#333;text-align:center;line-height:20px;}

.b040202_sec02{padding:34px 0;background:#f4f4f4;}
.b040202_sec02_tt{width:252px;margin:0 auto;}
.b040202_sec02_tt img{max-width:100%;}

.b040202_sec02_cont{margin-top:40px;}
.b040202_sec03{background:#edd300;padding:34px 0;}
.b040202_sec03_tt{font-size:20px;text-align:center;font-weight:700;}
.b040202_sec03_tt span{background:url('/ko/m/img/sub/text_bg01.jpg')repeat-x;}
.b040202_sec03_stt{padding:0 15px;margin-top:20px;color:#333;line-height:18px;font-size:12px;text-align:center;}

.b040202_sec03_cont{position:relative;margin-top:20px;font-size:0;}

.sec03_cont_tt{font-size:15px;font-weight:700;text-align:center;}
.sec03_cont_stxt{padding-top:5px;font-size:12px;color:#505050;line-height:18px;text-align:center;}
.minus_cont{display:inline-block;vertical-align:top;height:0;width:50%;padding:24% 23px 27.333333%;background:url('/ko/m/img/sub/b04_02_02_bg01.jpg')no-repeat;background-size:100% auto;box-sizing:border-box;}
.plus_cont{display:inline-block;vertical-align:top;height:0;width:50%;padding:24% 23px 27.333333%;background:url('/ko/m/img/sub/b04_02_02_bg02.jpg')no-repeat;background-size:100% auto;box-sizing:border-box;}
.sec03_cont_txt{margin-top:28px;}


.b040202_sec04{padding:34px 20px;text-align:center;}

.b040202_sec04_tt{margin-top:20px;font-size:20px;text-align:center;font-weight:700;}
.b040202_sec04_tt span{display:inline-block;margin-top:7px;background:url('/ko/m/img/sub/text_bg02.jpg')repeat-x;}
.b040202_sec04_tt span:first-child{margin-top:0;}
.b040202_sec04_stt{padding:0 15px;margin-top:20px;color:#333;line-height:18px;font-size:12px;text-align:center;}

.b040202_sec04_cont{margin-top:40px;}



.b040202_sec05{padding:34px 20px;text-align:center; background:#f4f4f4;}
.b040202_sec05_list{margin-top:40px;}
.b040202_sec05_list li{margin-top:26px;font-size:0;}
.b040202_sec05_list li:first-child{margin-top:0;}

.sec05_list_icon{display:inline-block;vertical-align:middle;width:102px;}
.sec05_list_icon img{width:100%;}
.sec05_list_txt{display:inline-block;vertical-align:middle;width:calc( 100% - 102px );padding-left:10px;font-size:13px;line-height:20px;text-align:left;box-sizing:border-box;}
.sec05_list_txt span{font-weight:700;}

.b040202_sec05_tb{margin-top:54px;}
.sec05_tb_tt{padding:10px 0;border-top:2px solid #aaa;border-bottom:2px solid #aaa;font-size:17px;font-weight:700;}
.sec05_tb_img{margin-top:25px;}
.sec05_tb_txt{margin-top:25px;font-size:12px;color:#333333;line-height:18px;}


.b040202_sec06{padding:34px 0;text-align:center;}
.b040202_sec06_tt{padding:0 20px;margin-top:20px;font-size:20px;text-align:center;font-weight:700;}
.b040202_sec06_tt span{display:inline-block;margin-top:7px;background:url('/ko/m/img/sub/text_bg02.jpg')repeat-x;}
.b040202_sec06_stt{padding:0 20px;margin-top:20px;color:#333333;line-height:18px;font-size:12px;text-align:center;}
.b040202_sec06_stt span{font-size:14px;font-weight:700;}

.b040202_sec06_img{margin-top:40px;}


.b040202_sec07{padding:34px 0;text-align:center; background:#f4f4f4;}
.b040202_sec07_tt{padding:0 20px;margin-top:20px;font-size:20px;text-align:center;font-weight:700;}
.b040202_sec07_tt span{display:inline-block;margin-top:7px;background:url('/ko/m/img/sub/text_bg02.jpg')repeat-x;}
.b040202_sec07_img{margin-top:40px;}
.b040202_sec07_img img{max-width:100%;}

.b040202_sec07_stt{ font-size:0;text-align:center;padding:30px 35px 0;margin-top:30px;border-top:2px solid #ddd;}
.b040202_sec07_stt .b040202_sec07_icon{display:inline-block;vertical-align:middle;width:30px;height:30px;}
.b040202_sec07_stt .b040202_sec07_icon img{max-width:100%;height:auto;}
.b040202_sec07_stt .b040202_sec07_stxt{display:inline-block;vertical-align:middle;letter-spacing:-0.5px;padding-left:20px;font-size:13px;color:#888;line-height:18px;text-align:left;box-sizing:border-box;}


/* b04020301 */

.b04020303_s_tab_cont { position:relative; }
.b04020303_s_tab_cont .swiper-pagination { position:static; margin-top:20px; }
.b04020303_s_tab_cont .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; border-radius:0; }
.b04020303_s_tab_cont .swiper-pagination .swiper-pagination-bullet-active { background:#124d80;}

.b04020301_sec01{padding:40px 16px;background:#f4f4f4;}
.b04020301_sec01 p {padding-top:10px;font-size:13px;color:#555;text-align:right;}


.b04020301_sec01_cont{margin-top:25px;}
.b04020301_sec01_cont ul{font-size:0;}
.b04020301_sec01_cont li{display:inline-block;vertical-align:middle;width:33.33333333%;text-align:center;}
.b04020301_sec01_cont dt span{ display:block; }
.b04020301_sec01_cont .b04020301_tt_icon{width:61px;height:61px;margin:0 auto;}
.b04020301_sec01_cont .b04020301_tt_icon img{max-width:100%;height:auto; }
.b04020301_sec01_cont .b04020301_tt{padding-top:10px;font-size:15px;color:#124d80;font-weight:700;}
.b04020301_sec01_cont dl dd{padding-top:5px;font-size:13px;color:#555;line-height:20px;letter-spacing:-0.5px;}


.b04020301_sec02{padding:40px 15px;}
.b04020301_sec02_tit{margin-bottom:20px;font-size:20px;color:#124d80;text-align:center;font-weight:700;}

.spage_slide01{overflow:hidden;}
.spage_slide01 li{background:#f4f4f4;}
.spage_slide01 .swiper_txt{padding:28px 15px;}
.spage_slide01 .swiper_txt dt{font-size:16px;color:#124d80;font-weight:700;}
.spage_slide01 .swiper_txt dd{padding-top:10px;font-size:13px;color:#333;line-height:18px;letter-spacing:-0.5px;}

.spage_slide01_page{padding-bottom:40px;background:#f4f4f4;text-align:center;}
.spage_slide01_page .swiper-pagination-bullet{border-radius:0;background:#c0c0c0;}
.spage_slide01_page .swiper-pagination-bullet-active{background:#124d80;}


/* b04020302 */

.b04020302_sec01{padding:46px 15px 40px;background:#f4f4f4;}
.b04020302_sec01_tit{text-align:center;}
.b04020302_sec01_tit h3{font-size:18px;font-weight:700;color:#124d80;}
.b04020302_sec01_tit p{padding-top:10px;font-size:14px;color:#333333;}

.b04020302_sec01_cont li{padding:40px 0;border-top:1px solid #bbb;}
.b04020302_sec01_cont li.last_li{padding-bottom:20px; }
.b04020302_sec01_cont li:first-child{border-top:0;}
.b04020302_sec01_icon{ margin:0 auto;}
.b04020302_sec01_icon img{max-width:100%;height:auto;}
.b04020302_sec01_icon01{width:53px;height:86px;}
.b04020302_sec01_icon02{width:72px;height:61px;}
.b04020302_sec01_icon03{width:88px;height:64px;}

.b04020303_slide01_nav { position:absolute; top:auto; bottom:20px; }

.b04020302_sec01_txt{padding-top:18px;}
.b04020302_sec01_txt dl{text-align:center;}
.b04020302_sec01_txt dt{font-size:16px;color:#124d80;font-weight:700;}
.b04020302_sec01_txt dd{padding-top:8px;font-size:13px;color:#555555;line-height:20px; }


.b04020302_sec02{padding:46px 0 60px 0; }
.b04020302_sec02_tit{text-align:center;padding-bottom:40px;}
.b04020302_sec02_tit h3{font-size:18px;font-weight:700;color:#124d80;}
.b04020302_sec02_tit p{padding-top:10px;font-size:14px;color:#333333;}

.b04020302_sec02_list{margin-top:23px;padding:0 16px;}
.b04020302_sec02_list ul{border-top:3px solid #124d80;}
.b04020302_sec02_list li{padding:24px 5px 24px 13px;font-size:0;border-bottom:2px solid #bbb;}
.b04020302_sec02_list .sec02_list_icon{display:inline-block;vertical-align:top;width:57px; margin:0 auto; }
.b04020302_sec02_list .sec02_list_icon img{max-width:100%;height:auto;}
.b04020302_sec02_list .sec02_list_icon01{width:57px;}
.b04020302_sec02_list .sec02_list_icon02{width:56px;}
.b04020302_sec02_list .sec02_list_icon03{width:50px;}
.b04020302_sec02_list .sec02_list_icon04{width:50px;}
.b04020302_sec02_list .sec02_list_icon05{width:57px;}
.b04020302_sec02_list .sec02_list_icon06{width:54px;}

.b04020302_sec02_list .sec02_list_text{display:inline-block;vertical-align:top;width:calc( 100% - 57px);padding-left:20px;box-sizing:border-box;}
.b04020302_sec02_list .sec02_list_text dt{font-size:16px;color:#124d80;font-weight:700; }
.b04020302_sec02_list .sec02_list_text dd{ padding-top:10px;font-size:13px;color:#333;line-height:18px; }


/* b04020303 */

.b04020303_sec01{padding:40px 16px;background:#f4f4f4;}
.b04020303_sec01 p {padding-top:10px;font-size:13px;color:#555;text-align:right;}

.b04020303_sec01_cont{margin-top:25px;}
.b04020303_sec01_cont ul{font-size:0;}
.b04020303_sec01_cont li{display:inline-block;vertical-align:middle;width:33.33333333%;text-align:center;}
.b04020303_sec01_cont dt span{ display:block; }
.b04020303_sec01_cont .b04020303_tt_icon{width:61px;height:61px;margin:0 auto;}
.b04020303_sec01_cont .b04020303_tt_icon img{max-width:100%;height:auto; }
.b04020303_sec01_cont .b04020303_tt{padding-top:10px;font-size:15px;color:#124d80;font-weight:700;}
.b04020303_sec01_cont dl dd{padding-top:5px;font-size:13px;color:#555;line-height:20px;letter-spacing:-0.5px;}

.b04020303_sec01_text{padding-top:35px;}
.b04020303_sec01_text p{font-size:13px;color:#555;line-height:18px;text-align:center;}


.b04020303_sec02{padding:40px 16px;}
.b04020303_sec02_tab ul{font-size:0;}
.b04020303_tab_depth1 > li{display:inline-block;vertical-align:top;width:32%;margin-left:2%;}
.b04020303_tab_depth1 > li:first-child{margin-left:0;}
.b04020303_tab_depth1 > li > a{display:block;height:40px;line-height:40px;border:2px solid #ddd;font-size:13px;color:#555555;text-align:center;box-sizing:border-box;}
.b04020303_tab_depth1 > li.active > a{background:#124d80;color:#fff;border-color:#124d80;}

.b04020303_s_tab ul{font-size:0;text-align:center;padding:20px 0;}
.b04020303_s_tab li{display:inline-block;vertical-align:top; text-align:center; width:25%; padding:0 10px; box-sizing:border-box; line-height:20px;} 
.b04020303_s_tab li a{display:block;font-size:14px;color:#555; }
.b04020303_s_tab li.active a{padding-bottom:5px;border-bottom:1px solid #124d80;color:#124d80;}


/* b040304 */
.sub_container.b0403_cont .sub_inner{ }
.b0403_cont .sub_tit_wrap{padding:0;}
.b040301_sec01{height:0;padding-bottom:48.93333333333%;background:url('/ko/m/img/sub/b04_03_01_img01.jpg')no-repeat;background-size:100% auto;}

.b040301_sec01 .b040301_sec01_inr{padding-top:14%;}
.b040301_sec01 h3{font-size:16px;color:#fff;text-align:center;font-weight:700;}
.b040301_sec01 p{padding-top:10px;font-size:13px;color:#fff;line-height:20px;text-align:center;}

.b040301_sec02{padding:40px 16px;text-align:center;}
.b040301_sec02 .b040301_sec02_tit{font-size:16px;color:#124d80;font-weight:700;line-height:21px;}
.b040301_sec02 .b040301_sec02_stxt{padding-top:10px;font-size:13px;color:#333333;line-height:21px;}

.b040301_sec03{text-align:center;}

.b040301_sec04{padding:40px 15px 0;}
.b040301_sec04 .b040301_sec04_tt{padding-bottom:20px;font-size:16px;color:#124d80;font-weight:700;text-align:center;}
.b040301_sec04 .b040301_sec04_stxt{font-size:12px;color:#333;text-align:center;line-height:18px;}


.b040301_sec05{padding:40px 0;}
.b040301_sec05 ul{font-size:0;}
.b040301_sec05 li{position:relative;display:inline-block;vertical-align:middle;width:50%;padding:0 16px 0 23px;box-sizing:border-box;}
.b040301_sec05 li:nth-child(2):after{position:absolute;top:50%;left:4px;display:block;content:'';width:1px;height:80%;margin-top:-42%;background:#bbbbbb;}
.b040301_sec05 li img{max-width:100%;height:auto;opacity:1;}
.b040301_sec05 li a{display:block;border:1px solid #bbbbbb; }


.b040301_sec05 .open_img{display:none;}

.b040301_sec06{height:0;padding-bottom:103.88888888889%;background:url('/ko/m/img/sub/b04_03_01_img05.jpg') 50% 0 no-repeat;background-size:cover;}
.b040301_sec06_inr{padding:47px 0;}
.b040301_sec06_tit{font-size:18px;color:#fff;font-weight:700;text-align:center;}
.b040301_sec06_stit{padding-top:25px;font-size:14px;color:#fff;line-height:20px;text-align:center;}

.b040301_sec06_cont{padding:0 49px;}
.b040301_sec06_cont ul{font-size:0;}
.b040301_sec06_cont li{display:inline-block;vertical-align:top;width:50%;font-size:0;box-sizing:border-box;}
.b040301_sec06_cont li:nth-child(2n){padding-left:15px;}

.b040301_sec06_icon{display:inline-block;vertical-align:top;width:20px;height:22px;}
.b040301_sec06_icon{max-width:100%;height:auto;}

.b040301_sec06_text{display:inline-block;vertical-align:top;padding:5px 0 40px 10px;font-size:14px;color:#fff;font-weight:700;}
.b040301_sec06_text span{display:block;padding-top:7px;font-size:13px;letter-spacing:-0.5px;line-height:18px;}


.b040301_sec07{padding-bottom:40px;}
.b040301_sec07_inr{padding:40px 15px;}
.b040301_sec07_cont{text-align:center;}
.b040301_sec07_tit{font-size:18px;color:#124d80;font-weight:700;text-align:center;}


.b040301_sec07_cont02{padding:0 16px;}
.b040301_sec07_cont02 li{font-size:0;padding:22px 0;border-bottom:1px solid #bbbbbb;}
.b040301_sec07_cont02 li:first-child{border-top:2px solid #124d80;}
.b040301_sec07_icon{display:inline-block;vertical-align:middle;width:99px;}
.b040301_sec07_icon img{max-width:100%;height:auto;}
.b040301_sec07_icon01{width:49px;margin:0 auto;}
.b040301_sec07_icon02{width:72px;margin:0 auto;}
.b040301_sec07_icon03{width:52px;margin:0 auto;}

.b040301_sec07_text{display:inline-block;vertical-align:middle;width:calc( 100% - 99px );}
.b040301_sec07_text dt{font-size:15px;color:#124d80;font-weight:700;line-height:20px;}
.b040301_sec07_text dd{padding-top:5px;font-size:13px;color:#333333;}


.b040301_sec08{padding:40px 0;background:#f5f5f5;}
.b040301_sec08_tit{padding-bottom:40px;font-size:18px;color:#124d80;font-weight:700;text-align:center;}
.b040301_sec08_cont img{max-width:100%;height:auto;}

.b04020303_tap_cont { overflow:hidden; }
.slide_cont { background:#f4f4f4; min-height:204px; padding:40px 22px 0; }
.slide_cont .slide_cont_tt { padding-bottom:15px; font-size:16px; color:#124d80; font-weight:700; }
.slide_cont .slide_cont_txt { font-size:13px; color:#333; line-height:20px; } 


/* 브랜드 홍키통키 */
.brand_moive .barnd_section_inner{padding:0 5%;box-sizing:border-box}
.brand_moive .iframe_inner{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:56.25%;} 
.brand_moive .iframe_wrap iframe, .brand_moive .iframe_wrap object, .brand_moive .iframe_wrap embed{position:absolute;top:0;left:0;width:100%;height:100%;} 


/* 제품상세 */
.productInfo_wrap{margin-top:50px;}
.productInfo_wrap .tab_sec_wrap{}
.products_wrap .productInfo_wrap .btn_wrap{margin:0;margin-top:140px;}
.productInfo_txt{color:#555;line-height:1.8;}
.productInfo_txt .txt_sec{margin-bottom:20px;margin-left:9px;}
.productInfo_txt .txt_sec:last-child{margin-bottom:0;}

.productInfo_txt .txt_sec{font-size:14px;}
.productInfo_txt .txt_sec h3{position:relative;margin-left:-9px;padding-left:10px;font-size:14px;color:#333;font-weight:700;}
.productInfo_txt .txt_sec h3:before{display:block;content:'';position:absolute;top:10px;left:0;width:3px;height:3px;background-color:#333}
.productInfo_txt .txt_sec

.products_wrap .table_gallery ul li .subject{text-align:center;}
.products_cont_wrap{padding-top:50px;}
.products_cont_wrap .img_wrap{text-align:center;}
.products_cont_wrap .table_st01{margin-top:50px;}
.products_cont_wrap .table_st01 td{text-align:left;}

.products_cont_wrap .btn_wrap{margin:70px 0;text-align:center;}
.products_cont_wrap .btn_products_buy{display:inline-block;min-width:190px;height:55px;padding:0 20px;background-color:#205787;color:#fff;font-size:16px;text-align:center;box-sizing:border-box;border-radius:55px;line-height:55px;}

.products_cont_wrap .products_record{padding:30px 0;border-top:1px solid #ddd;}
.products_cont_wrap .products_record .tit{margin-bottom:20px;font-size:16px;color:#124d80;font-weight:700;}
.products_cont_wrap .products_record .ul_st01 li{display:table;margin-bottom:10px;line-height:1.5;}
.products_cont_wrap .products_record .ul_st01 li:after{top:7px;}
.products_cont_wrap .products_record .ul_st01 li:last-child{margin-bottom:0;}
.products_cont_wrap .products_record .day, .products_cont_wrap .products_record .subject{display:table-cell;font-size:14px;}
.products_cont_wrap .products_record .day{width:95px;}
.products_cont_wrap .products_record .subject{}

/* 검색 */
.search_wrap{padding:70px 0;box-sizing:border-box;}
.search_top h2{display:block;margin-bottom:50px;font-size:43px;font-weight:700;color:#333;text-align:center;}
.search_box{position:relative;width:100%;max-width:590px;margin:0 auto;}
.search_box .search_input{display:block;width:100%;height:65px;padding-left:15px;padding-right:65px;font-size:15px;color:#555;border:1px solid #ddd;box-sizing:border-box }
.search_box .search_btn{display:block;position:absolute;left:auto;right:0;top:0;width:65px;height:65px;background:url('/ko/m/img/sub/search_btn.png') 50% 50% no-repeat;background-size:40%;font-size:0;border:0;cursor:pointer;}
.search_txt{margin-top:30px;font-size:14px;color:#555;text-align:center;}

.sch_list{margin:70px auto;}
.sch_list:last-child{margin-bottom:0;}
.sch_list .sch_none{padding:25px;border-bottom:1px solid #d8d8d8;font-size:14px;color:#555;}
.sch_list h2.tit{padding-bottom:25px;border-bottom:1px solid #d8d8d8;font-size:20px;color:#333}
.sch_list .thumb_list_wrap ul{display:table;width:100%;padding:35px 0;border-bottom:1px solid #d8d8d8;}
.sch_list .thumb_list_wrap ul li{display:table-cell;padding:0 20px;vertical-align:middle;line-height:1.3;font-size:14px;box-sizing:border-box}
.sch_list .thumb_list_wrap .img_thumb{width:150px;text-align:center;}
.sch_list .bagic_list_wrap ul{padding:30px 0;border-bottom:1px solid #d8d8d8;}
.sch_list .bagic_list_wrap ul li{font-size:14px;line-height:1.3;}
.sch_list .bagic_list_wrap ul .tit{margin-bottom:10px;color:#333;}
.sch_list .bagic_list_wrap ul .txt{overflow-y:hidden;height:38px;color:#555;}

/* 포포스토리 */
.popo_visual{position:relative;width:100%;height:100%;padding:105px 15px 0 15px;text-align:center;box-sizing:border-box}
.popo_visual .tit{margin-bottom:35px;padding:0 10%;}
.popo_visual .txt{display:inline-block;max-width:100%;padding:15px 8%;border-radius:60px;font-size:18px;color:#fff;background-color:#124d80;letter-spacing:0.09em;box-sizing:border-box}

.popo_visual .icon_wrap{display:none;}
.popo_visual .icon_inner{position:relative;max-width:1200px;margin:0 auto;}
.popo_visual .icon_popoClound, .popo_visual .icon_popoSun{position:absolute;right:0;top:-50px;}
.popo_visual .icon_popoClound{z-index:50;}
.popo_visual .icon_popoSun{right:-12px;top:-99px;}


.popoSec{padding:140px 0;}
.popoSec:nth-child(2){background-color:#f1ede1;}
.popoSec:nth-child(3){background-color:#f9f9f9;}
.popoSec .sec_inner{display:table;width:1200px;margin:auto;}
.popoSec .character, .popoSec .about, .popoSec .feature{display:table-cell;vertical-align:middle;box-sizing:border-box}

.popoSec .about{padding:0 40px;}
.popoSec .about .tit{margin-bottom:10px;font-size:47px;font-weight:700;color:#000;}
.popoSec .about .tit_mini{margin-bottom:40px;font-size:25px;font-weight:700;line-height:1.4;}
.popoSec .about .txt{font-size:20px;line-height:1.5;}

#popoStory{height:100%;}
#popoStory .section{width:100%;height:100%;background-size:contain;background-position:50% 0;background-repeat:no-repeat;}
#popoStory #sec_01{background-color:#f6f2e6;background-image:url(/ko/m/img/sub/popo_bg_01.jpg);}
#popoStory #sec_02{background-color:#f9f9f9;background-image:url(/ko/m/img/sub/popo_bg_02.jpg);}
#popoStory #sec_03{background-color:#f1ede1;background-image:url(/ko/m/img/sub/popo_bg_03.jpg);}
#popoStory #sec_04{background-color:#f9f9f9;background-image:url(/ko/m/img/sub/popo_bg_04.jpg);}
#popoStory .swiper-pagination-bullet{background-color:#ccc;opacity:1;}
#popoStory .swiper-pagination-bullet-active{background-color:#124d80}
#popoStory #sec_05{height:0 !important;}

@media screen and ( max-width:360px ){
	.b04020303_s_tab li { width:50%; }
	.b04020303_s_tab li:nth-child(n+3) {margin-top:10px; }
}

@media screen and ( max-width:320px ){

	.minus_cont{padding:24% 20px 27.333333%;}
	.plus_cont{padding:24% 23px 27.333333% 13px;}

	.b040301_sec01 h3{font-size:14px;}
	.b040301_sec01 p{font-size:12px;}

	.b040301_sec02 .b040301_sec02_tit{font-size:14px;}
	.b040301_sec02 .b040301_sec02_stxt{font-size:12px;}
		
	.sec03_cont_tt{font-size:14px;font-weight:700;text-align:center;letter-spacing:-1px;}
	.sec03_cont_stxt{ letter-spacing:-1px;}{padding-top:15px;font-size:13px;color:#333;text-align:center;line-height:20px;}
	
	.b040301_sec04 .b040301_sec04_tt{font-size:14px;}
	.b040301_sec04 .b040301_sec04_stxt{font-size:11px;}

	.b040301_sec06_tit{font-size:14px;}
	.b040301_sec06_stit{font-size:12px;}
	.b040301_sec06_cont{padding:0 20px;}
	.b040301_sec06_inr{padding:37px 0 30px 0;}

	.b040301_sec06_text{padding:5px 0 20px 10px; }

	.b040202_sec07_stt{padding:30px 20px 0;}
	.b040202_sec07_stt .b040202_sec07_stxt{padding-left:10px;font-size:12px;}
	
	.b040301_sec07_tit{font-size:14px;}
	.b040301_sec07_text dt{font-size:14px;}
	.b040301_sec07_text dd{font-size:12px;}
	
	.b040301_sec08_tit{font-size:14px;}

}

