@charset "utf-8";

/* layout */
#wrap {width: 100%;min-width:1200px;}
#header {width: 1180px;height: 95px;margin:0 auto;}
#banner {width: 100%;height: 240px; position: relative}
#contents {width: 100%;}
#footer {width: 100%;}

/* container */
/*.container {width: 1020px;height:inherit; 1background:rgba(0,0,0,0.2); margin:0 auto;}*/
.container {width: 1160px;height:inherit; 1background:rgba(0,0,0,0.2); margin:0 auto;}

/* contents layout */
#contents1 {width:100%; }
#contents2 {width:100%;background-color: #F9F7F7;}
#contents3 {width:100%;}
#contents4 {width:100%;background-color: #F9F7F7;}
#contents5 {width:100%;}

/* header */
.header {overflow: hidden;}
.header h1 {float: left;width: 170px;margin-top:28px;}
.header h1 img {vertical-align: middle;}
.header .nav {float: left; width: 870px;margin-top:45px;padding-left:85px;box-sizing: border-box}
.header .nav li {display:inline;padding:0 11px;}
.header .nav li a {font-size: 15px;color:#111213;font-weight: 700;letter-spacing: -0.1em}
.header .nav li.active a{color:#ea5d4b;}
.header .nav li a:hover {color:#ea5d4b;}
.header .nav_icon {float: right;overflow:hidden; margin-top:30px;}
.header .nav_icon li {float: left;text-align:center;margin-left:5px; cursor:pointer;width:50px;letter-spacing: -0.1em}
.header .nav_icon li a {color:#767676;display:block}
.header .nav_icon li a:hover {color:#ea5d4b;}
.header .nav_icon li a i {font-size: 20px;}
.header .nav_icon li span {display:block}

/* banner */
.banner {background:url(../images/bg_banner_index3-min02.jpg) center top no-repeat;height: inherit}
#banner h2 {text-align: center; font-size: 40px; line-height: 50px; color: #fff; font-weight: 700; padding-top:20px;
    font-family: "Roboto", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif;
    text-shadow: 2px 2px 7px #333;}
#banner p {text-align: center; font-size: 24px; line-height: 50px; color: #fff; font-weight: normal; margin-top:-5px;
    font-family: "Roboto", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif;
    text-shadow: 3px -3px 3px #333;}
#banner .banner_icon {position: absolute;left: 0;bottom: 0;width: 100%;height: 67px;background-color: rgba(215,94,80,0.7);}
#banner .banner_icon ul {overflow:hidden;}
#banner .banner_icon li {float: left;width: 12.5%; text-align: center;}
#banner .banner_icon li a {display: block;color:#fff;margin-top:12px;}
#banner .banner_icon li a i {font-size: 20px;}
#banner .banner_icon li a span {display: block}
#banner .noticewrap {width:650px; margin:15px auto 10px;position:relative;overflow:hidden;}
#banner .noticewrap .noticearea {opacity:0.4; width:650px;height:30px;background:#000;border-radius:5px;}
#banner p.p_notice {text-align:center; color:#fff; font-size:13px; text-shadow:none; width:650px; height:30px;position:absolute;top:-2px;left:0;;display:block}
#banner p.p_notice a {text-align:center; color:#fff; font-size:13px; text-shadow:none; width:650px; height:30px;position:absolute;top:-2px;left:0;display:block}

/* notice */
#contents3 {background:#fff;}
.notice {text-align:center; }
.notice p {margin:10px auto; color:#666; display:inline-block;padding:10px 30px; border:1px solid #cdcdcd; border-radius:8px;}

/* investor */
.investor {text-align:center;padding:20px 0 15px;}
.investor h2 {font-weight: 700; font-size: 24px; line-height: 24px; color: #454545; letter-spacing: 0.025em; font-family: "Roboto", Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif;}
.investor p {color:#666;margin-top: 10px;}

.noticePhone {text-align:center;padding:30px 0 30px 0;font-size:250%;}

/* corporate */
.corporate {padding:20px 0 50px;}
.corporate h2 {font-weight: 700; font-size: 26px; line-height: 30px; color: #454545; letter-spacing: 0.025em; font-family: "Roboto", Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif;text-align:center;}
.corporate p {color:#666;margin-top: 20px;text-align:center;}
.corporate .corporate_box {overflow: hidden; }
.corporate .corporate_box ul {overflow:hidden;}
.corporate .corporate_box li {float: left;width: 33.33333%;padding-top:30px;}
.corporate .corporate_box li a {display:block;overflow:hidden;}
.corporate .corporate_box li a:hover {color:#555;text-decoration: none;}
.corporate .corporate_box li a i {font-size: 30px;background-color: #EA5D4B;padding:10px;border-radius: 50%;width: 40px;height: 40px;color:#fff;line-height: 40px;float: left;text-align:center;}
.corporate .corporate_box li a strong {display:block;color:#555555;font-size: 14px;font-weight: 700;margin-left:70px;padding-right:30px;}
.corporate .corporate_box li a span {display:block;color:#555555;font-size: 12px;padding-top:5px;margin-left:70px;padding-right:30px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -1px}
.corporate .corporate_box li a span.btn {display:block;color:#555555;font-size: 12px;margin-top:5px;margin-left:70px;padding:3px;;border:1px solid #C6C6C6;width:110px; }
.corporate .corporate_box li a span.btn img {vertical-align: text-bottom}

/* products */
.products {padding:60px 0 70px 20px;}
.products h2 {font-weight: 700; font-size: 26px; line-height: 30px; color: #454545; letter-spacing: 0.025em; font-family: "Roboto", Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif;text-align:center;}
.products .products_box {overflow: hidden;margin-top: 30px;}
.products .column {width:320px; float: left; padding: 0 10px 20px 0;height: 300px;}
.products .column a {display: inline-block}
.products .column a img {}
.products .column a h3 {margin-top: 21px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #252525;}
.products .column a p {margin-top: 12px;
    padding-bottom: 7px;
    line-height: 20px;
    color: #555;}

/* products */
.blog {padding:60px 0 70px 20px;overflow:hidden; }
.blog h2 {font-weight: 700; font-size: 26px; line-height: 30px; color: #454545; letter-spacing: 0.025em; font-family: "Roboto", Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif;text-align:center;}
.blog div {float: left;width: 320px; padding: 30px 10px 0 0;}
.blog div a {display: block;height: 200px;overflow:hidden;position: relative;}
.blog div a img {width: 100%;}
.blog div a span {left: 0;bottom: 0;position: absolute;background-color: rgba(0,0,0,0.6);width: 90%;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #fff;padding: 0 5%;}

/* global */
.global {padding:60px 0 70px 20px;overflow:hidden; }
.global h2 {font-weight: 700; font-size: 26px; line-height: 30px; color: #454545; letter-spacing: 0.025em; font-family: "Roboto", Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif;text-align:center;}
.global .glink {text-align: center;}
.global .glink li {display: inline; padding: 0 6px 0 10px;position: relative;}
.global .glink li:before {content:'';width:1px;height: 10px;background-color: #ccc;position: absolute;left: 0;top: 5px;}
.global .glink li:first-child:before {content:'';width:0px;height: 10px;}
.global .global_map {background:url(../images/img_globalmap.png) no-repeat;}
.global .global_map .gmlink {text-align: center;margin-top:-90px;}
.global .global_map .gmlink li {display: inline; }
.global .global_map .gmlink li a {padding:10px 10px; border:1px solid #c6c6c6; border-radius: 2px; text-align: center; display: inline-block; width:140px;box-sizing: border-box; font-weight: 700;}
.global .global_map .gmlink li:last-child a {color:#ea5d4b;}
.global .global_map .gmlink li.active a {background-color: #EA5D4B; color:#fff}

/* footer */
.footer_top {width: 100%;height: 160px;background-color: #E9E9E9; overflow:hidden;margin-top:0px;}
.footer_top .ft_left {float: left;width: 510px;height: 150px; box-sizing: border-box; border-right:1px solid #d7d7d7;}
.footer_top .ft_left h3 {padding-top:22px;font-size: 14px;font-weight: 700}
.footer_top .ft_left {overflow:hidden;}
.footer_top .ft_left li {width:50%; float: left;}
.footer_top .ft_left li a {color:#666;font-size: 12px;line-height: 20px;padding-left:8px;
    background: url(../images/bul_gray_square.gif) no-repeat 0 8px;}
.footer_top .ft_right {float: left;width: 510px;height: 150px; box-sizing: border-box;overflow:hidden;}
.footer_top .ft_right .ft_right_left {float: left; width:50%;height: 225px;}
.footer_top .ft_right .ft_right_left h3 {padding-top:22px;padding-left:10px;font-size: 14px;font-weight: 700; }
.footer_top .ft_right .ft_right_left ul {padding-left:10px;}
.footer_top .ft_right .ft_right_left li a {color:#666;font-size: 12px;line-height: 20px;padding-left:8px;
    background: url(../images/bul_gray_square.gif) no-repeat 0 8px;}
.footer_top .ft_right .ft_right_right {float: left; width:50%;height: 225px;}
.footer_top .ft_right .ft_right_right h3 {padding-top:22px;padding-left:10px;font-size: 14px;font-weight: 700; }
.footer_top .ft_right .ft_right_right ul {padding-left:10px;}
.footer_top .ft_right .ft_right_right li a {color:#666;font-size: 12px;line-height: 20px;padding-left:8px;
    background: url(../images/bul_gray_square.gif) no-repeat 0 8px;}
.footer_top .ft_right .ft_right_right li.img a {background: none;padding-left:0;}
.footer_bom {width: 100%;height: 80px;background-color: #fff; padding:20px 0;}
.footer_bom address {color:#555;font-size: 12px;line-height: 19px;position: relative; text-align:center;}
.footer_bom address span {display:block;font-size: 11px;color:#767676;line-height: 18px;}
.footer_bom address p {position: absolute; right: 0;top: 0;}
.footer_bom br.mobr {display:none;}
.footer_bom span.spbar {display:inline-block;}
.footer_bom p {color:#555;font-size: 12px;line-height: 19px;position: relative; text-align:center; padding-bottom:10px;}

/* service info */
.regularly_service_info {background:#eee;text-align:center;width:100%;line-height:1.5;font-size:22px;font-weight:bold;letter-spacing:-1.5px;min-width:1200px;padding:20px 10px;box-sizing: border-box;}
.regularly_service_info br {display:none;}

/* sub banner */
.sub_banner {}
.sub_banner .visual {height: 256px;}
.sub_banner .visual.about {background:url(../images/visual_about.jpg) no-repeat center top;}
.sub_banner .visual h2 {color:#fff;font-size: 45px;font-weight: normal; line-height:256px;}
.sub_banner .breadcrumb {overflow:hidden;height: 48px;background-color: #eaedea;line-height: 48px;}
.sub_banner .breadcrumb .path {float: left;width: 50%;}
.sub_banner .breadcrumb .path li {display: inline;padding-right:10px;}
.sub_banner .breadcrumb .path li a {color:#333;font-size: 14px;}
.sub_banner .breadcrumb .sns {float: right;width: 50%;text-align: right;}
.sub_banner .breadcrumb .sns li {display: inline-block;width:52px;background-color: #d6d6d6;text-align: center;}
.sub_banner .breadcrumb .sns li a {font-size: 14px;display:block;}

/* cont_title */
.cont_title {padding:60px 0 60px 0; text-align: center;border-bottom:1px solid #edecec;}
.cont_title .ct_box {width: 180px;height: 65px;margin: 0 auto;position: relative; padding-left:70px;}
.cont_title .ct_box h3 {font-size: 36px;text-align: left;line-height: 36px;font-weight: 700;}
.cont_title .ct_box em {display: block; font-size: 12px;color:#767676;text-transform: uppercase;text-align: left;letter-spacing: 0px;}
.cont_title .ct_box i {position: absolute;left: 0;top: 0; background-color: #eb6655;font-size:30px;width: 60px;height: 60px;border-radius: 50%; line-height: 60px;text-align: center;color:#fff;}

/* contents */
.contents {}
.contents p {font-size: 14px;line-height: 22px;margin-top:30px; color:#555;}
.contents h4 {font-size: 30px;font-weight: 700;background:url(../images/bar_tit_orange.gif) no-repeat;line-height: 50px;}
.contents .column_box {overflow:hidden;}
.contents .column_box .column {float: left;}
.contents .column_box .w50 {width: 50%; }
.contents .column_box .w60 {width: 60%; }
.contents .column_box .w40 {width: 40%; }
.contents .column_box .table_style1 {border-top: 2px solid #464e6b;}
.contents .column_box .table_style1 th {border-bottom:1px solid #c6c6c6;background-color: #f8f8f8; color:#484848;line-height:30px;font-size: 12px;}
.contents .column_box .table_style1 td {border-bottom:1px solid #c6c6c6;line-height:30px;padding-left:5px;font-size: 12px;}
.contents .column_box .table_style1 td:last-child {line-height: 20px;}
.contents h5 {font-size: 16px;font-weight: 700; color:#222;}
.contents p {font-size: 12px;}

/* Button */
.btnbox{/* overflow:hidden; */}

.happymore_biz .btnbox {
    margin: 20px 0 0 0;
}
.btn_area{margin-top:12px;text-align:center}
.btn_area a{margin:0 5px}

.btn, .sm_btn, .md_btn, .btn_down{display:inline-block;margin:0;border:0;border-radius:0;vertical-align:middle; box-sizing: border-box; border-radius:3px; cursor:pointer;}
.btn {height:34px;line-height:34px;min-width:26px;margin:0;padding:0 12px;font-size:13px;color:#fff;background-color:#464e6b; border-radius:5px; cursor:pointer;}
.btn.confirm{background-color:#ce402e}
.btn.cancel{background-color:#767676}
.btn:hover, .btn:focus{text-decoration:none;color:#fff;background-color:#ce402e}
.btn.cancel:hover, .btn.cancel:focus{background-color:#b7b7b7}
.btn-xls {background-color:#0f5f32;}

.sm_btn{height:24px;line-height:100%;padding:4px 10px 0;font-size:12px;letter-spacing:-0.075em;color:#767676;border:1px solid #c6c6c6;background-color:#fff}
.sm_btn:hover, .sm_btn:focus{text-decoration:none;color:#555555;background-color:#efefef}
.md_btn{height:29px;line-height:100%;padding:7px 10px 0;font-size:12px;letter-spacing:-0.05em;color:#747474;border:1px solid #c6c6c6;background-color:#fff}
.icon_arr{width:4px;height:7px;background:url(/resource/images/common/bullet/bl_arr_right.png) no-repeat right center}
.icon_arr{display:inline-block;margin-left:5px;vertical-align:1px}
.md_btn:hover, .md_btn:focus{text-decoration:none;color:#555555;background-color:#efefef}

.btn-disabled, .btn-disabled:hover, .btn-disabled:focus {color:#ddd;}
.btn-notyet, .btn-notyet:hover, .btn-notyet:focus {background-color:#bbb;}

.icon_help {display:inline-block; color:#555555; line-height:100%;padding:2px;font-size:13px;border-bottom:1px solid #222}
.icon_help:hover, .icon_help:focus {text-decoration:none;}

/* Table */
.responsive-table{overflow:hidden;border-top:2px solid #464e6b}
table.no_responsible{border-top:2px solid #464e6b}
.responsive-table.tp01{border-top:1px solid #c6c6c6}
.tbl_tp01{width:100%;table-layout:fixed;font-size:13px}
.tbl_tp01 thead th{padding-left:20px;padding-right:20px;line-height:20px}
.tbl_tp01 thead th,.tbl_tp01 tfoot td{height:38px;font-weight:700;letter-spacing:-0.05em;color:#484f68;text-align:center;border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;background-color:#f8f8f8}
.tbl_tp01 tbody th, .tbl_tp01 tbody td{padding:6px 20px 10px;color:#555;line-height:20px;letter-spacing:-0.05em;border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;overflow:hidden;}
.tbl_tp01 tbody th.bg_gray{background:#f8f8f8}
.tbl_tp01 tbody th.al_c, .tbl_tp01 tbody td.al_c{text-align:center}
.tbl_tp01 thead th.bdr_none, .tbl_tp01 tbody th.bdr_none, .tbl_tp01 tbody td.bdr_none,.tbl_tp01 tfoot td.bdr_none{border-left:0}
.tbl_tp01 tbody td.bdb_none{border-bottom:0;padding:6px 10px 0 !important}
.tbl_tp01 tfoot td.fc_gray{color:#555}
.tbl_tp01.padding_less thead th,.tbl_tp01.padding_less tbody td{padding:6px 10px 10px}
.tbl_tp01 .part_number{color:#ea5d4b;text-decoration:underline}
.tbl_tp01 tbody th.tit a, .tbl_tp01 tbody td.tit a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tbl_tp02{width:100%;table-layout:fixed;font-size:13px}
.tbl_tp02 tbody th, .tbl_tp02 tbody td{padding:8px 20px 10px;color:#555;line-height:20px;letter-spacing:-0.05em;text-align:left;border-bottom:1px solid #c6c6c6}
.tbl_tp02 tbody th{font-weight:700;color:#484f68;background-color:#f8f8f8} 
.tbl_tp02 tbody td{}
.tbl_tp02 tbody th.al_c, .tbl_tp02 tbody td.al_c{text-align:center}
.tbl_tp02 .con{min-height:100px;vertical-align:top}
.tbl_tp02.inst_tbl .mth{display:none;font-weight:700;color:#484f68}

.tbl_tp03{width:100%;table-layout:fixed;font-size:12px}
.tbl_tp03 thead th{padding:3px;}
.tbl_tp03 thead th,.tbl_tp03 tfoot td{font-weight:700;letter-spacing:-0.05em;color:#484f68;text-align:center;border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;background-color:#f8f8f8}
.tbl_tp03 tbody th, .tbl_tp03 tbody td{padding:3px;color:#555;;letter-spacing:-0.05em;border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6}
.tbl_tp03 tbody th.bg_gray{background:#f8f8f8}
.tbl_tp03 tbody th.al_c, .tbl_tp03 tbody td.al_c{text-align:center}
.tbl_tp03 thead th.bdr_none, .tbl_tp03 tbody th.bdr_none, .tbl_tp03 tbody td.bdr_none,.tbl_tp03 tfoot td.bdr_none{border-left:0}
.tbl_tp03 tbody td.bdb_none{border-bottom:0;padding:3px !important}
.tbl_tp03 tfoot td.fc_gray{color:#555}
.tbl_tp03.padding_less thead th,.tbl_tp03.padding_less tbody td{padding:2px}
.tbl_tp03 .part_number{color:#ea5d4b;text-decoration:underline}
.tbl_tp03 tbody th.tit a, .tbl_tp03 tbody td.tit a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* info */
.info_wrap { display: block; border-collapse:separate; border-spacing: 8px; padding:5px 0 20px; font-size:13px;}
.info_wrap .info_title {margin:30px 0 10px 0; font-size:16px; text-align:center;font-weight:bold;}
.info_wrap .info_area { display: block; padding: 15px; color: #666; border: 2px solid #eaeaea; background-color: white; box-sizing: border-box; border-radius: 20px;}
.info_wrap .info_area p {font-weight: 700; margin-bottom: 5px; }
.info_wrap .info_area ul{padding-left:30px;margin-bottom:20px; }
.info_wrap .info_area li{list-style-type:none; line-height:150%;}
.info_wrap .info_area ul>li>span{margin-left:-15px;margin-right:10px;}
.info_wrap .info_area ol>li>span{margin-left:-15px;margin-right:5px;}
.info_wrap .info_area a{color:#666;}

/* info2 */
.contents1 h3.info2 {margin-top:40px; font-size:22px; text-align:center;}

/* etc */
.unln {text-decoration:underline;}
.al_c {text-align:center;}
.al_r {text-align:right;} 
.valign_m {vertical-align:middle;}
.valign_t {vertical-align:top;}

/* faq */
.faq-submenu {
  margin-top:10px;
  display:flex;
  flex-wrap: wrap;
  border:1px solid #333;
  border-right:0;
  border-left:0;
  justify-content: center;
  padding-bottom:10px;
}
.faq-submenu li a {
  line-height: 2;
  padding: 5px 20px 0 20px;
  display:block;
  font-weight:bold;
}
.faq-submenu li a.on {
  text-decoration:underline;
/*  color:#ea5d4b;*/
}

/* form */
/* Input */
input.txt{padding:0 10px;height:30px;line-height:30px;letter-spacing:-0.05em;color:#555;border:1px solid #c4c4c4}
input.txt:focus {outline:none;}
textarea.txt{padding:0 10px;height:30px;line-height:30px;letter-spacing:-0.05em;color:#555;border:1px solid #c4c4c4}
textarea.txt:focus {outline:none;}
select.sel{height:30px;border:1px solid #c4c4c4}

.displaynone {display:none;}


/*.progress-container*/
.progress-container {
  display:flex;
  justify-content: space-between;
  position: relative;
  margin-bottom:15px;
  max-width: 100%;
  width: 350px;
  margin-left:auto;
  margin-right:auto;
}

.progress-container::before {
  content:'';
  background-color: #e0e0e0;
  position: absolute;
  top:50%;
  left:0;
  height:4px;
  width:99%;
  transform: translateY(-50%);
  z-index:-1;
}

.progress-container .progress {
  background-color: #fdb383;
  position: absolute;
  top:50%;
  left:0;
  height:4px;
  width:0%;
  transform: translateY(-50%);
  z-index:-1;
  transition: 0.4s ease;
}

.progress-container .progress.width33 {
  width:33%;
}

.progress-container .progress.width66 {
  width:66%;
}

.progress-container .progress.width99 {
  width:99%;
}

.progress-container .progress.width25 {
  width:25%;
}

.progress-container .progress.width50 {
  width:50%;
}

.progress-container .progress.width75 {
  width:75%;
}

.progress-container .circle {
  background-color:#fff;
  color:#e0e0e0;
  border-radius: 50%;
  height:30px;
  width:30px;
  display:flex;
  align-items:center;
  justify-content: center;
  border:3px solid #e0e0e0;
  transition: .4s ease;
}

.progress-container .circle.active {
  border-color:#fdb383;
  color:#444;
}

.progress-container .circle.fontbold {
  font-weight:bold;
}

/* end / .progress-container*/


.unordernum li {
  position:relative;
}
.unordernum li p:after{
  content:'1)';
  position:absolute;
  top:0;
  left:0;
}
.unordernum li:first-child p:after{
  content:'1)';
}
.unordernum li:nth-child(2) p:after{
  content:'2)';
}
.unordernum li:nth-child(3) p:after{
  content:'3)';
}
.unordernum li:nth-child(4) p:after{
  content:'4)';
}
.unordernum li:nth-child(5) p:after{
  content:'5)';
}
.unordernum li:nth-child(6) p:after{
  content:'6)';
}
.unordernum li:nth-child(7) p:after{
  content:'7)';
}
.unordernum li:nth-child(8) p:after{
  content:'8)';
}
.unordernum li:nth-child(9) p:after{
  content:'9)';
}
.unordernum li p{
  position:relative;
  padding-left:20px;
  line-height:20px;
}