@charset "utf-8";

#sub #wrap {position: relative; overflow-x: hidden;}
#sub #container .inner_bx {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#sub #container .box {padding-bottom: 140px;}
#sub #container .box:first-child {padding-top: 0;}
#sub #container .sub_v {height: 620px; position: relative;}
#sub #container .sub_v.type3 {height: 600px;}
#sub #container .sub_v .bg_w {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
#sub #container .sub_v .bg_bx {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#sub #container .sub_v .bg_img {position: absolute; object-fit: cover; bottom: 0; right: 0;}
#sub #container .sub_v.type2 .txt_bx {display:flex; justify-content:left; align-items:center; table-layout:fixed; position: absolute; max-width: 1200px; width: calc(100% - 40px); left: 50%; top: 0; height: 100%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); z-index: 1;}
#sub #container .sub_v.type2 .txt_bx .txt_w {font-size: 20px; color: #111111; letter-spacing: -0.01em; word-break: keep-all; line-height: 30px; max-width: 385px;}
#sub #container .sub_v.type2 .txt_bx .txt_w span {display: inline-block;}
#sub #container .sub_v.type2 .txt_bx .txt_w p {margin-bottom: 8px;}
#sub #container .sub_v.type2 .txt_bx .txt_w p strong {font-size: 30px; font-weight: 700; line-height: 36px;}
#sub #container .sub_v.v_btm_txt {display: none;}
#sub #container .sub_v .v_txt {position: absolute; max-width: 1400px; width: calc(100% - 40px); height: calc(100% - 150px); top: 0; left: 50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#sub #container .sub_v .v_txt .txt_w {width: /*42%*/588px; box-sizing: border-box;}
#sub #container .sub_v .v_txt .txt_w strong {display: block; font-size: 50px; color: #111111; font-weight: 700;}
#sub #container .sub_v .v_txt .txt_w p {position: relative; font-size: 20px; color: #666666; line-height: 34px; letter-spacing: -0.02em; word-break: keep-all; margin-top: 18px; padding-top: 22px;}
#sub #container .sub_v .v_txt .txt_w p::before {content: ''; width: 30px; height: 2px; background-color: #111111; position: absolute; left: 0; top: 0;}

#sub #container .popup_bx {background-color: rgba(0,0,0,.6); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100000; overflow-y: auto; padding: 50px 0; box-sizing: border-box; display: none;}
#sub #container .popup_bx .pop_inner {display: table; table-layout: fixed; height: 100%; width: 100%;}
#sub #container .popup_bx .pop_inner .pop_w {display: table-cell; height: 100%; vertical-align: middle; width: 100%;}
#sub #container .popup_bx .pop_inner .pop_w .pop_con {max-width: 960px; background-color: #fff; margin: 0 auto; width: calc(100% - 40px); box-sizing: border-box;}
#sub #container .wba {word-break: break-all!important;}



/* overview */
#overview .box1 .img1 {max-width: 100%; margin: 0 auto; display: block;}
#overview .box1 .mid_txt {text-align: center; margin-top: 31px;}
#overview .box1 .mid_txt p {font-size: 20px; color: #111111; line-height: 30px; letter-spacing: -0.01em; word-break: keep-all; margin: 0 auto 29px; max-width: 1080px;}
#overview .box1 .mid_txt p:last-child {margin-bottom: 0;}
#overview .box1 .mid_txt p strong {color: #002d6f; font-weight: 700;}
#overview .box1 .btm_bx {height: 360px; background: url(../images/sub/overview_bx2_02.jpg) no-repeat center; background-size: cover; display:flex; justify-content:center; align-items:center; table-layout:fixed; margin-top: 93px;}
#overview .box1 .btm_bx .txt_bx {text-align: center; width: 100%;}
#overview .box1 .btm_bx .txt_bx strong {display: block; font-size: 24px; color: #ffffff; line-height: 40px; font-weight: 700; letter-spacing: -0.01em; word-break: keep-all; margin-bottom: 31px;}
#overview .box1 .btm_bx .txt_bx a {display: inline-block; max-width: 260px; width: 100%; line-height: 68px; box-sizing: border-box; border: 1px solid #ffffff; text-align: center; font-size: 18px; color: #ffffff; font-weight: 700; letter-spacing: -0.03em;}



/* policy */
#policy .box1 .top_txt {text-align: center; padding-top: 126px; margin-bottom: -7px; position: relative; z-index: 2;}
#policy .box1 .top_txt .txt1 {font-size: 50px; color: #222222; line-height: 70px; letter-spacing: -0.01em; font-weight: 500; word-break: keep-all;}
#policy .box1 .top_txt .txt1 strong {color: #0060aa; font-weight: 700;}
#policy .box1 .top_txt .txt2 {font-size: 40px; color: #0060aa; font-weight: 700; word-break: keep-all; margin-top: 61px;}
#policy .box1 .btm_bx {position: relative; padding-bottom: 140px;}
#policy .box1 .btm_bx::before {content: ''; width: 100%; height: calc(100% - 200px); position: absolute; bottom: 0; left: 0; background-image: linear-gradient(0deg, #fff, #f4f6ff);}
#policy .box1 .btm_bx .inner_bx {position: relative; z-index: 1;}
#policy .box1 .btm_bx .round1 {position: absolute; width: 600px; height: 300px; left: 50%; top: 200px; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); overflow: hidden;}
#policy .box1 .btm_bx .round1::before {content: ''; width: 600px; height: 600px; border-radius: 50%; background-color: #e5e8fb; position: absolute; left: 0; bottom: 0;}
#policy .box1 .btm_bx .round2 {max-width: 400px; width: 100%; margin: 0 auto; height: 400px; background: url(../images/sub/policy_bx1_01.png) no-repeat center; background-size: 100% auto; position: relative;}
#policy .box1 .btm_bx .icon_bx {display: flex; flex-flow: wrap; margin-top: -86px; position: relative; padding-bottom: 248px;}
#policy .box1 .btm_bx .icon_bx .con_w {position: relative; min-height: 120px;}
#policy .box1 .btm_bx .icon_bx .con_w img {box-shadow: 0 10px 40px rgba(150,165,255,0.2); border-radius: 50%;}
#policy .box1 .btm_bx .icon_bx .con_w .txt_w {padding-top: 25px; position: relative; z-index: 1;}
#policy .box1 .btm_bx .icon_bx .con_w .txt_w strong {display: block; font-size: 28px; color: #000000; font-weight: 700; word-break: keep-all;}
#policy .box1 .btm_bx .icon_bx .con_w .txt_w p {font-size: 20px; color: #666666; line-height: 32px; letter-spacing: -0.02em; word-break: keep-all; margin-top: 8px;}
#policy .box1 .btm_bx .icon_bx .con1 {order: 1; width: 50%; box-sizing: border-box; text-align: right; padding-right: 333px;}
#policy .box1 .btm_bx .icon_bx .con1 img {position: absolute; right: 184px; top: 0;}
#policy .box1 .btm_bx .icon_bx .con2 {order: 3; width: 100%; box-sizing: border-box; text-align: center; position: absolute; top: 126px;}
#policy .box1 .btm_bx .icon_bx .con3 {order: 2; width: 50%; box-sizing: border-box; padding-left: 333px;}
#policy .box1 .btm_bx .icon_bx .con3 img {position: absolute; left: 184px; top: 0;}
#policy .box1 .btm_bx .icon_bx .con3 .txt_w p {max-width: 230px;}
#policy .box1 .btm_bx .txt_bx {position: relative; border-radius: 50px 0 50px 0; max-width: 1160px; margin: 74px auto 0; width: 100%; background-color: #fff; box-shadow: 0 10px 40px rgba(150,165,255,0.2); text-align: center; min-height: 418px; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 20px; box-sizing: border-box;}
#policy .box1 .btm_bx .txt_bx::before {content: ''; width: 107px; height: 100%; background: url(../images/sub/policy_bx1_bg1.png) no-repeat left top; position: absolute; left: 0; top: 0;}
#policy .box1 .btm_bx .txt_bx::after {content: ''; width: 107px; height: 100%; background: url(../images/sub/policy_bx1_bg2.png) no-repeat right bottom; position: absolute; right: 0; bottom: 0;}
#policy .box1 .btm_bx .txt_bx .txt_w {position: relative; z-index: 1; display: inline-block;}
#policy .box1 .btm_bx .txt_bx .txt_w strong {display: block; font-size: 40px; color: #0060aa; font-weight: 700; letter-spacing: -0.01em;}
#policy .box1 .btm_bx .txt_bx .txt_w p {text-align: left; font-size: 22px; color: #111111; line-height: 50px; letter-spacing: -0.01em; word-break: keep-all; max-width: 570px; margin-top: 18px;}
#policy .box1 .btm_bx .txt_bx .txt_w p span {display: inline-block;}



/* as */
#as .box1 .ttl {font-size: 50px; color: #111111; font-weight: 700; letter-spacing: -0.01em; text-align: center; padding: 132px 0 54px;}
#as .box1 .con1 {border-top: 2px solid #111111; border-bottom: 1px solid #dddddd; overflow: hidden;}
#as .box1 .con1 ul {display: flex; flex-flow: wrap; position: relative; width: calc(100% + 84px); left: -42px; padding: 60px 0 56px;}
#as .box1 .con1 ul li {width: 16.666%; box-sizing: border-box;}
#as .box1 .con1 .round {width: 130px; height: 130px; position: relative; overflow: hidden; background-color: #eeeeee; border-radius: 50%; margin: 0 auto;}
#as .box1 .con1 .round::before {content: ''; width: 116px; height: 116px; top: 7px; left: 7px; position: absolute; border-radius: 50%; background-color: #fff;}
#as .box1 .con1 .round .moving-circle {stroke-dasharray: 500; opacity: 1; z-index: 1; position: relative; transform: rotate(270deg) scaleY(-1);}
#as .box1 .con1 .round strong {position: absolute; width: 100%; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); z-index: 2; text-align: center; font-size: /*20px*/16px; color: #111111; font-weight: 600; letter-spacing: -0.01em;}
#as .box1 .con1 li:nth-child(1) .round .moving-circle {stroke-dashoffset: -320;}
#as .box1 .con1 li:nth-child(2) .round .moving-circle {stroke-dashoffset: -256;}
#as .box1 .con1 li:nth-child(3) .round .moving-circle {stroke-dashoffset: -192;}
#as .box1 .con1 li:nth-child(4) .round .moving-circle {stroke-dashoffset: -128;}
#as .box1 .con1 li:nth-child(5) .round .moving-circle {stroke-dashoffset: -64;}
#as .box1 .con1 li:nth-child(6) .round .moving-circle {stroke-dashoffset: -0;}
#as .box1 .con1 li p {text-align: center; font-size: 16px; color: #111111; letter-spacing: -0.01em; margin-top: 35px;}

#as .box1 .con2 {border-bottom: 1px solid #dddddd;}
#as .box1 .con2 ul {display: flex; flex-flow: wrap;}
#as .box1 .con2 ul li {width: calc(50% - 30px); margin-right: 60px; box-sizing: border-box; border-top: 1px solid #dddddd; position: relative; padding: 37px 0 40px 180px; min-height: 200px;}
#as .box1 .con2 ul li:nth-child(2n) {margin-right: 0;}
#as .box1 .con2 ul li:nth-child(-n+2) {border-top: none;}
#as .box1 .con2 .icon {position: absolute; left: 20px; top: 40px;}
#as .box1 .con2 .txt_bx .txt1 {font-size: 16px; color: #0060aa; letter-spacing: -0.01em;}
#as .box1 .con2 .txt_bx .txt2 {font-size: 28px; color: #111111; font-weight: 600; letter-spacing: -0.01em; word-break: keep-all; margin-top: 8px;}
#as .box1 .con2 .txt_bx .txt3 {font-size: 20px; color: #444444; line-height: 30px; letter-spacing: -0.01em; word-break: keep-all; margin-top: 19px;}
#as .box1 .con2 .txt_bx .txt3 strong {color: #0060aa; font-weight: 700;}
#as .box1 .con2 .txt_bx .btn {display: block; max-width: 260px; width: 100%; line-height: 70px; background-color: #222222; color: #fff; text-align: center; font-size: 18px; color: #ffffff; font-weight: 700; letter-spacing: -0.03em; margin-top: 13px;}



/* contact */
#contact .box1 .inner_bx {padding: 140px 0 0;}



/* intro */
#intro .ttl01 {font-size: 80px; color: #0060aa; font-weight: 700; letter-spacing: -0.02em; word-break: keep-all; margin-bottom: 61px;}
#intro .box1 .inner_bx {padding-top: 121px;}
#intro .box1 .con1 {display: flex; flex-flow: wrap;}
#intro .box1 .con1 li {width: 33.333%; box-sizing: border-box; text-align: center; padding-top: 9.2%; position: relative;}
#intro .box1 .con1 li::before {content: ''; max-width: 355px; width: 100%; padding-bottom: 100%; position: absolute; top: 0; left: 50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);}
#intro .box1 .con1 li.bg1::before {background: url(../images/sub/intro_bx1_bg1.png) no-repeat center top; background-size: 100% auto;}
#intro .box1 .con1 li.bg2::before {background: url(../images/sub/intro_bx1_bg2.png) no-repeat center top; background-size: 100% auto;}
#intro .box1 .con1 li.bg3::before {background: url(../images/sub/intro_bx1_bg3.png) no-repeat center top; background-size: 100% auto;}
#intro .box1 .con1 li .icon {box-shadow: 0 10px 20px rgba(0,0,0,.06); border-radius: 50%; position: relative; z-index: 1;}
#intro .box1 .con1 li .txt1 {font-size: 36px; color: #222222; font-weight: 700; margin-top: 32px; position: relative; z-index: 1;}
#intro .box1 .con1 li .txt2 {font-size: 24px; color: #666666; position: relative; z-index: 1; padding-top: 31px; margin-top: 28px;}
#intro .box1 .con1 li .txt2::before {content: ''; width: 32px; height: 3px; background-color: #000000; position: absolute; left: 50%; margin-left: -16px; top: 0;}
#intro .box1 .con2 {max-width: 1160px; width: 100%; margin: 96px auto 0 ;}
#intro .box1 .con2 li {background-color: #fff; border-radius: 50px 0 50px 0; box-shadow: 0 10px 40px rgba(150,165,255,0.2); min-height: 140px; position: relative; display: flex; flex-flow: wrap; padding: 0 50px; display: flex; flex-flow: wrap; margin-bottom: 80px;}
#intro .box1 .con2 li:last-child {margin-bottom: 0;}
#intro .box1 .con2 li::before {content: ''; width: 107px; height: 100%; background: url(../images/sub/policy_bx1_bg1.png) no-repeat left top; position: absolute; left: 0; top: 0;}
#intro .box1 .con2 li::after {content: ''; width: 107px; height: 100%; background: url(../images/sub/policy_bx1_bg2.png) no-repeat right bottom; position: absolute; right: 0; bottom: 0;}
#intro .box1 .con2 li .l_bx {position: relative; z-index: 1; width: 44.34%; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#intro .box1 .con2 li .l_bx strong {font-size: 36px; color: #111111; font-weight: 700;}
#intro .box1 .con2 li .r_bx {position: relative; z-index: 1; width: 55.66%; box-sizing: border-box; display:flex; justify-content:left; align-items:center; table-layout:fixed; font-size: 24px; color: #666666; letter-spacing: -0.03em; word-break: keep-all; line-height: 34px;}
#intro.chn .box1 .con2 li .r_bx {max-width: 550px;}

#intro .box2 .ttl01 {margin-bottom: 36px;}
#intro .box2 .con_bx {background: url(../images/sub/intro_bx2_bg.jpg) no-repeat center; background-size: cover;}
#intro .box2 .con_bx .inner_bx {max-width: 1474px!important; position: relative;}
#intro .box2 .con_bx .inner_bx .img_bx {position: absolute; right: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); width: 47%;display:flex; justify-content:right; align-items:end; table-layout:fixed; height: calc(100% + 149px);}
#intro .box2 .con_bx .inner_bx .img_bx img {max-width: 100%;}
#intro .box2 .con_bx .l_bx {max-width: 1200px; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 1;}
#intro .box2 .con_bx .l_bx .txt_bx {width: 60.5%; padding: 101px 0 106px;}
#intro .box2 .con_bx .l_bx .txt_bx .txt1 {font-size: 36px; color: #ffffff; letter-spacing: -0.02em; font-weight: 700; line-height: 46px; word-break: keep-all;}
#intro .box2 .con_bx .l_bx .txt_bx .txt2 {font-size: 22px; color: rgba(255,255,255,.7); letter-spacing: -0.02em; word-break: keep-all; line-height: 32px; margin-top: 26px;}
#intro .box2 .con_bx .l_bx .txt_bx .txt2 p {margin-bottom: 33px;}
#intro .box2 .con_bx .l_bx .txt_bx .txt2 p:last-child {margin-bottom: 0;}
#intro .box2 .con_bx .l_bx .txt_bx .txt3 {font-size: 22px; color: #ffffff; letter-spacing: -0.02em; word-break: keep-all; margin-top: 29px; line-height: 34px;}
#intro .box2 .con_bx .l_bx .txt_bx .txt3 strong {font-size: 30px; font-weight: 700;}

#intro .box3 .con_bx .con_w {display: flex; flex-flow: wrap; margin-bottom: 60px;}
#intro .box3 .con_bx .con_w:last-child {margin-bottom: 0;}
#intro .box3 .con_bx .con_w.con1 {margin-bottom: 96px;}
#intro .box3 .con_bx .con_w .img_bx {height: 420px; position: relative; overflow: hidden; width: 65.833%; box-sizing: border-box; order: 2;}
#intro .box3 .con_bx .con_w.con1 .img_bx {width: 100%; order: 1;}
#intro .box3 .con_bx .con_w .img_bx .img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#intro .box3 .con_bx .con_w .img_bx .map {position: absolute; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; z-index: -1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#intro .box3 .con_bx .con_w .img_bx.on .map {visibility: visible; opacity: 1; z-index: 2;}
#intro .box3 .con_bx .con_w .img_bx .map iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#intro .box3 .con_bx .con_w .img_bx .btn {position: absolute; bottom: 30px; right: 30px; z-index: 10; background-color: #fff; height: 60px; width: 180px; border-radius: 30px; overflow: hidden; cursor: pointer;}
#intro .box3 .con_bx .con_w .img_bx .btn span {position: absolute; width: 100%; line-height: 60px; top: 0; left: 0; font-size: 18px; font-weight: 600; box-sizing: border-box; padding: 0 25px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
#intro .box3 .con_bx .con_w .img_bx .btn .txt1 {color: #0060aa; text-align: right; opacity: 1;}
#intro .box3 .con_bx .con_w .img_bx.on .btn .txt1 {opacity: 0;}
#intro .box3 .con_bx .con_w .img_bx .btn .txt2 {color: #000000; text-align: left;}
#intro .box3 .con_bx .con_w .img_bx.on .btn .txt2 {opacity: 1;}
#intro .box3 .con_bx .con_w .img_bx .btn .icon {position: absolute; width: 50px; height: 50px; border-radius: 50%; background: url(../images/sub/intro_bx3_btn1.png) no-repeat center; left: 5px; top: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#intro .box3 .con_bx .con_w .img_bx.on .btn .icon {background: url(../images/sub/intro_bx3_btn2.png) no-repeat center; left: 125px;}
#intro .box3 .con_bx .con_w .txt_bx {order: 1; width: calc(34.167% - 50px); margin-right: 50px; box-sizing: border-box; border-top: 2px solid #222222; padding-top: 73px;}
#intro .box3 .con_bx .con_w.con1 .txt_bx {width: 100%; order: 2; margin-right: 0; border-top: none; padding-top: 36px; display: flex; flex-flow: wrap;}
#intro .box3 .con_bx .con_w .txt_bx .txt1 {font-size: 30px; color: #000000; font-weight: 700; word-break: keep-all;}
#intro .box3 .con_bx .con_w .txt_bx .txt2 {font-size: 22px; color: #666666; letter-spacing: -0.03em; line-height: 32px; word-break: keep-all; margin-top: 19px;}
#intro .box3 .con_bx .con_w .txt_bx .txt3 {font-size: 0; margin-top: 29px;}
#intro .box3 .con_bx .con_w .txt_bx .txt3 li {font-size: 20px; color: #666666; letter-spacing: -0.01em;}
#intro .box3 .con_bx .con_w .txt_bx .txt3 li span {display: inline-block; margin-right: 20px; color: #111111; font-weight: 700;}
#intro .box3 .con_bx .con_w.con1 .txt_bx .txt1 {width: 100%;}
#intro .box3 .con_bx .con_w.con1 .txt_bx .txt2 {width: 420px;}
#intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 {width: calc(100% - 420px); text-align: right; margin-top: 19px;}
#intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 li {display: inline-block; margin-right: 80px; position: relative;}
#intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 li:last-child {margin-right: 0;}
#intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 li::before {content: ''; width: 1px; height: 20px; background-color: #dddddd; position: absolute; right: -41px; top: 50%; margin-top: -10px;}
#intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 li:last-child::before {display: none;}



/* history */
#history .ttl01 {max-width: 1200px; width: calc(100% - 40px); margin: 124px auto 28px; box-sizing: border-box; font-size: 80px; color: #0060aa; font-weight: 700; letter-spacing: -0.02em;}
#history .slide_bx {font-size: 0; max-width: 1200px; margin: 0 auto; width: calc(100% - 40px);}
#history .slide_bx .slick-slide {padding: 0 100px;}
#history .slide_bx .slick-dots {display: none!important;}
#history .slide_bx .slick-arrow {position: absolute; width: 58px; height: 58px; top: calc(50% + 63px); margin-top: -29px; z-index: 1; font-size: 0; background: url(../images/icon/arrow8.png) no-repeat left center; padding: 0;}
#history .slide_bx .slick-prev {left: 0;}
#history .slide_bx .slick-next {right: 0; transform: rotate(180deg);}
#history .slide_bx .con_bx .txt_bx {text-align: center; margin-bottom: 7px;}
#history .slide_bx .con_bx .txt_bx strong {display: block; font-size: 40px; color: #111111;}
#history .slide_bx .con_bx .txt_bx p {font-size: 24px; color: #111111; font-weight: 600; line-height: 30px; word-break: keep-all; min-height: 60px; margin-top: 12px;}
#history .slide_bx .con_bx .img_bx {position: relative; padding-bottom: 60%; overflow: hidden;}
#history .slide_bx .con_bx .img_bx > div {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; /*filter: grayscale(100);*/}
/*#history .slide_bx .con_bx.on .img_bx > div {filter: grayscale(0);}*/
/*#history .slide_bx .con_bx .img_bx > .cover {filter: grayscale(100); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1;}
#history .slide_bx .con_bx.on .img_bx > .cover {opacity: 0;}*/
#history .slide_bx .progress {max-width: 600px; width: calc(100% - 40px); height: 12px; margin: 30px auto 0; border-radius: 6px; background-color: #dddddd; position: relative;}
#history .slide_bx .progress span {position: absolute; left: 0; top: 0; height: 100%; background-color: #000000; border-radius: 6px; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;}
#history .list_bx {border-top: 2px solid #111111; margin-top: 80px;}
#history .list_bx .c_w {display: flex; flex-flow: wrap; border-bottom: 1px solid #dddddd;}
#history .list_bx .c_w .l_bx {width: 35%; box-sizing: border-box; padding-top: 42px;}
#history .list_bx .c_w .l_bx strong {display: block; font-size: 34px; color: #000000; font-weight: 700; letter-spacing: -0.02em; word-break: keep-all;}
#history .list_bx .c_w .r_bx {width: 65%; box-sizing: border-box; padding: 47px 0 42px;}
#history .list_bx .c_w .r_bx ul li {padding-left: 130px; position: relative; font-size: 20px; color: #666666; letter-spacing: -0.02em; word-break: keep-all; line-height: 30px; margin-bottom: 29px; min-height: 30px;}
#history .list_bx .c_w .r_bx ul li.col2 {font-weight: 700; color: #111111;}
#history .list_bx .c_w .r_bx ul li.col3 {font-weight: 700; color: #0060aa;}
#history .list_bx .c_w .r_bx ul li:last-child {margin-bottom: 0;}
#history .list_bx .c_w .r_bx ul li .y_m {position: absolute; left: 0; top: 0; font-family: 'NanumSquareBold';}
#history .list_bx .c_w .r_bx ul li.col2 .y_m {font-family: 'NanumSquareExtraBold'; letter-spacing: -0.04em}
#history .list_bx .c_w .r_bx ul li.col3 .y_m {font-family: 'NanumSquareExtraBold'; letter-spacing: -0.04em}
#history .list_bx .c_w .r_bx ul li p {margin-bottom: 5px;}
#history .list_bx .c_w .r_bx ul li p:last-child {margin-bottom: 0;}



/* ir01 - 재무정모 */
#ir01 .box1 .con_bx {margin-top: 140px;}
#ir01 .box1 .con_bx .con_w {display: flex; flex-flow: wrap; margin-bottom: 80px;}
#ir01 .box1 .con_bx .con_w:last-child {margin-bottom: 0;}
#ir01 .box1 .con_bx .con_w .l_bx {width: 25%; box-sizing: border-box;}
#ir01 .box1 .con_bx .con_w .l_bx strong {display: block; font-size: /*34px*/31px; color: #000000; font-weight: 700; letter-spacing: -0.02em; word-break: keep-all; margin-top: -5px;}
#ir01 .box1 .con_bx .con_w .l_bx p {font-size: 18px; color: #666666; letter-spacing: -0.02em; word-break: keep-all; margin-top: 11px;}
#ir01 .box1 .con_bx .con_w .r_bx {border-top: 2px solid #111; width: 75%; box-sizing: border-box;}
#ir01 .box1 .con_bx .con_w .r_bx .chart {position: relative; padding-bottom: 37px;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .line ul li {display: flex; flex-flow: wrap; height: 60px;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .line ul li .num {width: 100px; box-sizing: border-box; text-align: right; font-size: 16px; color: #444444; letter-spacing: -0.02em; font-weight: 500; position: relative;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .line ul li .num span {position: absolute; width: 100%; box-sizing: border-box; padding: 0 17px; bottom: -14px; right: 0;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .line ul li .line {width: calc(100% - 100px); box-sizing: border-box; border-bottom: 1px solid #dddddd;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar {position: absolute; width: calc(100% - 100px); height: calc(100% - 59px); top: 59px; right: 0; z-index: 1; display: flex; flex-flow: wrap;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w {width: 33.333%; box-sizing: border-box; position: relative; display:flex; justify-content:center; align-items:end; table-layout:fixed; padding-bottom: 38px;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul {width: 100%; box-sizing: border-box; padding: 0 40px; font-size: 0; display: flex; flex-flow: wrap; height: 100%;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li {width: calc(33.333% - 20px); margin-right: 30px; box-sizing: border-box; vertical-align: bottom; display: flex; flex-flow: wrap; align-items:end;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li:nth-child(3n) {margin-right: 0;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx {position: relative; width: 100%;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx .b_txt {font-size: 15px; color: #666666; line-height: 20px; letter-spacing: -0.02em; font-weight: 300; word-break: keep-all; text-align: center; position: absolute; width: 143%; min-width: 45px; left: 50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); background-color: rgba(255,255,255,.8); top: -70px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx.on .b_txt {opacity: 1;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx .b_txt span {position: relative; z-index: 2;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx .b_bx_w {position: absolute; width: 100%; bottom: 0; left: 0; height: 0%; -webkit-transition: background 0.3s, height 0.6s; -moz-transition: background 0.3s, height 0.6s; transition: background 0.3s, height 0.6s; -webkit-transition-delay: height 0.5s; -moz-transition-delay: height 0.5s; transition-delay: height 0.5s;}
#ir01 .box1 .con_bx .con_w .r_bx.aos-animate .chart .bar .b_w ul li .b_bx .b_bx_w {height: 100%;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx.col1 .b_bx_w {background-color: #002d6f;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx.col2 .b_bx_w {background-color: #0060aa;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx.col3 .b_bx_w {background-color: #2b95e7;}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx.off .b_bx_w {background-color: #cccccc;!important}
#ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w .btm_txt {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 18px; color: #111111; font-weight: 700; letter-spacing: -0.02em;}
#ir01 .box1 .con_bx .con_w .r_bx table {width: 100%; table-layout: fixed;}
#ir01 .box1 .con_bx .con_w .r_bx table thead {border-bottom: 1px solid #111111;}
#ir01 .box1 .con_bx .con_w .r_bx table thead th {border-right: 1px solid #dddddd; text-align: center; font-size: 18px; color: #111111; font-weight: 700; letter-spacing: -0.02em; padding: 19px 0px; box-sizing: border-box; height: 60px;}
#ir01 .box1 .con_bx .con_w .r_bx table thead th:last-child {border-right: none;}
#ir01 .box1 .con_bx .con_w .r_bx table tbody tr {border-bottom: 1px solid #dddddd;}
#ir01 .box1 .con_bx .con_w .r_bx table tbody tr.bg2 {background-color: #fafafa;}
#ir01 .box1 .con_bx .con_w .r_bx table tbody td {border-right: 1px solid #dddddd; box-sizing: border-box; height: 50px; text-align: center; font-size: 16px; color: #444444; font-weight: 500; letter-spacing: -0.02em; padding: 15px 0;}
#ir01 .box1 .con_bx .con_w .r_bx table tbody td.col2 {color: #111111; font-weight: 700;}
#ir01 .box1 .con_bx .con_w .r_bx table tbody td.col3 {color: #002d6f; font-weight: 700;}
#ir01 .box1 .con_bx .con_w .r_bx table tbody td.t_r {text-align: right; padding: 15px 40px;}
#ir01 .box1 .con_bx .con_w .r_bx table tbody td:last-child {border-right: none;}



/* ir02 - 공시정보 */
#ir02 .box1 .inner_bx {padding-top: 140px;}



/* ir03 - IR Event */
#ir03 .box1 .inner_bx {padding-top: 140px;}



/* ir04 - IR Letter */
#ir04 .box1 .inner_bx {padding-top: 140px;}



/* 뉴스룸 */
#news .box1 .inner_bx {padding-top: 140px;}
#news .box1 .inner_bx .con_bx {border-top: 2px solid #111; display: flex; flex-flow: wrap; padding-top: 30px;}
#news .box1 .inner_bx .con_bx .l_bx {width: 300px; margin-right: 30px; box-sizing: border-box;}
#news .box1 .inner_bx .con_bx .r_bx {width: calc(100% - 330px); box-sizing: border-box;}



/* 전시회 */
#exhibition .box1 .inner_bx {padding-top: 140px;}



/* PR 영상 */
#pr .box1 .inner_bx {padding-top: 140px;}
#pr .box1 .inner_bx .top_txt {text-align: center; font-size: 34px; color: #222222; line-height: 44px; font-weight: 600; letter-spacing: -0.05em; word-break: keep-all;}
#pr .box1 .inner_bx .v_bx {margin-top: 53px;}
#pr .box1 .inner_bx .v_bx .v_w {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
#pr .box1 .inner_bx .v_bx .v_w iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#pr .box1 .inner_bx .btm_txt {text-align: center; font-size: 18px; color: #666666; line-height: 30px; letter-spacing: -0.02em; word-break: keep-all; margin-top: 23px;}



/* 미디어룸 */
#media .box1 .inner_bx {padding-top: 140px;}



/* 인재상 */
#talent .inner_bx {padding-top: 140px;}
#talent .ttl01 {font-size: 50px; color: #111111; font-weight: 700; letter-spacing: -0.01em; text-align: center; margin-bottom: 52px;}
#talent .box1 {background-image: linear-gradient(0deg, #f4f6ff, #ffffff);}
#talent .box1 .con_bx {background-color: #ffffff; position: relative; box-shadow: 0 10px 40px rgba(150,165,255,0.2); padding: 40px;}
#talent .box1 .con_bx::before {content: ''; width: 340px; height: 340px; background-color: #f4f6ff;; position: absolute; top: 50%; left: 50%; border-radius: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
#talent .box1 .con_bx .con_w {display: flex; flex-flow: wrap;}
#talent .box1 .con_bx .con_w .txt_bx {width: 50%; box-sizing: border-box; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; min-height: 290px; padding: 40px 0 0 170px; position: relative;}
#talent .box1 .con_bx .con_w .txt_bx:nth-child(2n) {border-right: none; text-align: right; padding: 40px 170px 0 0;}
#talent .box1 .con_bx .con_w .txt_bx:nth-child(-n+2) {border-top: none; padding-top: 0;}
#talent .box1 .con_bx .con_w .txt_bx .icon {left: 23px; position: absolute; top: 90px;}
#talent .box1 .con_bx .con_w .txt_bx:nth-child(2n) .icon {left: auto; right: 23px;}
#talent .box1 .con_bx .con_w .txt_bx:nth-child(-n+2) .icon {top: 48px;}
#talent .box1 .con_bx .con_w .txt_bx .txt_w {padding: 39px 0 0;}
#talent .box1 .con_bx .con_w .txt_bx .txt_w .txt1 {font-size: 16px; color: #0060aa; letter-spacing: -0.01em;}
#talent .box1 .con_bx .con_w .txt_bx .txt_w .txt2 {font-size: 25px; /*color: #111111;*/ color: #0060aa; letter-spacing: -0.01em; font-weight: 600; /*margin-top: 9px;*/ text-transform: uppercase;}
#talent .box1 .con_bx .con_w .txt_bx .txt_w .txt3 {font-size: 20px; color: #444444; letter-spacing: -0.01em; line-height: 30px; word-break: keep-all; margin-top: 18px; max-width: 60%;}
#talent .box1 .con_bx .con_w .txt_bx:nth-child(2n) .txt_w .txt3 {margin: 18px 0 0 auto;}
/* #talent .box1 .con_bx .con_w .txt_bx:nth-child(3) .txt_w .txt3 {max-width: 270px;} */
#talent .box1 .con_bx .mid_logo {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); border-radius: 50%; box-shadow: 0 10px 40px rgba(150,165,255,0.2); border-radius: 50%; z-index: 2;}

#talent .box2 .con_bx {display: flex; flex-flow: wrap; border-top: 2px solid #111111;}
#talent .box2 .con_bx .con_w {width: calc(50% - 15px); margin-right: 30px; box-sizing: border-box; border-top: 1px solid #dddddd; position: relative; padding: 67px 0 0 180px; margin-top: 32px;}
#talent .box2 .con_bx .con_w:nth-child(2n) {margin-right: 0;}
#talent .box2 .con_bx .con_w:nth-child(-n+2) {border-top: none; margin-top: 0;}
#talent .box2 .con_bx .con_w .icon {position: absolute; left: 28px; top: 56px;}
#talent .box2 .con_bx .con_w .txt_bx .ttl {font-size: 28px; color: #0060aa; font-weight: 600; letter-spacing: -0.01em; word-break: keep-all;}
#talent .box2 .con_bx .con_w .txt_bx ul {margin-top: 19px;}
#talent .box2 .con_bx .con_w .txt_bx ul li {padding-left: 10px; position: relative;}
#talent .box2 .con_bx .con_w .txt_bx ul li::before {content: ''; width: 3px; height: 3px; background-color: #111; border-radius: 50%; position: absolute; left: 0; top: 14px;}
#talent .box2 .con_bx .con_w .txt_bx ul li strong {display: block; font-size: 20px; color: #111111; font-weight: 500; letter-spacing: -0.01em; word-break: keep-all; line-height: 32px;}
#talent .box2 .con_bx .con_w .txt_bx ul li p {font-size: 20px; color: #666666; line-height: 30px; letter-spacing: -0.01em; word-break: keep-all; text-indent: -12px; padding-left: 12px; /*max-width: 315px;*/}



/* 채용공고 */
#recruitment .box1 .inner_bx {padding-top: 140px;}
#recruitment .box1 .inner_bx .con_bx {border-top: 2px solid #111; display: flex; flex-flow: wrap; padding-top: 30px;}
#recruitment .box1 .inner_bx .con_bx .l_bx {width: 300px; margin-right: 30px; box-sizing: border-box;}
#recruitment .box1 .inner_bx .con_bx .r_bx {width: calc(100% - 330px); box-sizing: border-box;}
#recruitment .box1 .inner_bx .con_bx .r_bx .list05 {margin-top: -30px;}



/* product */
#sub #container #product.list .sub_v {margin-top: 110px;}
#product.list .box1 {position: relative; overflow: hidden; padding-bottom: 180px!important;}
#product.list .box1 .inner_bx {padding-top: 80px;}
#sub #container #product.view .sub_v {margin-top: 110px;}
#product.view .box1 {position: relative; overflow: hidden; padding-bottom: 180px!important;}
#product.view .box1 .inner_bx {padding-top: 80px; max-width: 1400px!important;}
#product.view .box1 #board .p_list_top.on .c_w {max-width: 1400px;}
#product.search .box1 .inner_bx {padding-top: 180px;}
#product .comp_bx {box-shadow: 0 -3px 20px rgba(0,0,0,0.06); position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; transform: translate(0, calc(100% - 80px)); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; background-color: #fafafa;}
#product .comp_bx.stop {position: absolute;}
#product .comp_bx .inner_bx {max-width: 1400px!important; padding: 0!important;}
#product .comp_bx .top_bx {height: 80px; padding-right: 60px; display:flex; justify-content:left; align-items:center; table-layout:fixed; position: relative; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;}
#product .comp_bx .top_bx .l_txt {font-size: 18px; color: #444444; letter-spacing: -0.02em; word-break: keep-all;}
#product .comp_bx .top_bx .l_txt strong {font-size: 22px; font-weight: 700; color: #000011;}
#product .comp_bx .top_bx .btn {position: absolute; right: 0; top: 0; height: 100%; font-size: 16px; color: #aaaaaa; letter-spacing: -0.02em; padding-right: 17px; cursor: pointer; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#product .comp_bx .top_bx .btn::before {content: ''; width: 10px; height: 6px; background: url(../images/icon/arrow13.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -3px; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; transform: rotate(180deg);}
#product .comp_bx.on {transform: translate(0, 0);}
#product .comp_bx.on .top_bx {height: 70px;}
#product .comp_bx.on .top_bx .btn::before {transform: rotate(0deg);}
#product .comp_bx .mid_bx ul {display: flex; flex-flow: wrap;}
#product .comp_bx .mid_bx ul li {width: calc(33.333% - 26.666px); margin-right: 40px; margin-top: 20px; box-sizing: border-box;}
#product .comp_bx .mid_bx ul li:nth-child(3n) {margin-right: 0;}
#product .comp_bx .mid_bx ul li:nth-child(-n+3) {margin-top: 0;}
#product .comp_bx .mid_bx ul li a {border: 1px solid #eeeeee; background-color: #ffffff; display: flex; flex-flow: wrap; min-height: 200px; height: 100%; box-sizing: border-box; position: relative;}
#product .comp_bx .mid_bx ul li a .img_bx {width: 46%; box-sizing: border-box; position: relative; overflow: hidden;}
#product .comp_bx .mid_bx ul li a .img_bx div {position: absolute; width: 100%; aspect-ratio: 1 / 1; /*height: 100%;*/ top: 0; left: 0; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
#product .comp_bx .mid_bx ul li a .txt_bx {width: 54%; box-sizing: border-box; border-left: 1px solid #f4f4f4; padding: 30px 20px;}
#product .comp_bx .mid_bx ul li a .txt_bx .name {font-size: 20px; color: #222222; font-weight: 700;}
#product .comp_bx .mid_bx ul li a .txt_bx .info {margin-top: 14px; max-height: 100px; overflow-y: auto; /*-ms-overflow-style: none; scrollbar-width: none;*/}
#product .comp_bx .mid_bx ul li a .txt_bx .info p {font-size: 14px; color: #666666; line-height: 20px; letter-spacing: -0.03em; word-break: keep-all; position: relative; padding-left: 9px; margin-bottom: 5px;}
#product .comp_bx .mid_bx ul li a .txt_bx .info p:last-child {margin-bottom: 0;}
#product .comp_bx .mid_bx ul li a .txt_bx .info p::before {content: ''; width: 3px; height: 3px; background-color: #aaaaaa; position: absolute; left: 0; top: 10px; border-radius: 50%;}
#product .comp_bx .mid_bx ul li a .txt_bx .del_btn {width: 18px; height: 18px; cursor: pointer; position: absolute; right: 18px; top: 18px; background: url(../images/icon/close1.png) no-repeat center; font-size: 0;}
#product .comp_bx .mid_bx .no_data {text-align: center; padding: 50px 0; font-size: 18px; color: #aaa; letter-spacing: -0.03em; word-break: keep-all;}
#product .comp_bx .btm_bx {padding: 20px 0 30px; text-align: right; font-size: 0;}
#product .comp_bx .btm_bx .btn_bx {display: inline-block; vertical-align: middle;}
#product .comp_bx .btm_bx .btn_bx a {display: inline-block; background-color: #000000; text-align: center; width: 180px; line-height: 60px; font-size: 18px; color: #ffffff; font-weight: 700; border-radius: 30px;}
#product .comp_bx .btm_bx .r_btn {display: inline-block; font-size: 16px; color: #aaaaaa; letter-spacing: -0.02em; word-break: keep-all; padding-right: 18px; line-height: 30px; background: url(../images/icon/reset.png) no-repeat right center; margin-right: 20px; vertical-align: middle;}

#product.cart .box1 .inner_bx {padding-top: 150px;}
#product.cart .box1 .list_bx {padding-left: 211px;}
#product.cart .box1 .list_bx ul {display: table; width: 100%; table-layout: fixed;}
#product.cart .box1 .list_bx ul li {display: table-cell; vertical-align: middle; padding-left: 30px; box-sizing: border-box;}
#product.cart .box1 .list_bx ul li a {display: block; position: relative;}
#product.cart .box1 .list_bx ul li a::before {content: ''; width: 40px; height: 40px; position: absolute; bottom: 20px; right: 20px; border-radius: 50%; background: url(../images/icon/arrow15.png) no-repeat center #b8b8b8; z-index: 1;}
#product.cart .box1 .list_bx ul li a .img_bx {padding-bottom: 100%; overflow: hidden; position: relative; border-radius: 10px;}
#product.cart .box1 .list_bx ul li a .img_bx div {width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute;}
#product.cart .box1 .tb_bx {margin-top: 74px;}
#product.cart .box1 .tb_bx table {width: 100%; table-layout: fixed;}
#product.cart .box1 .tb_bx table thead tr {border-bottom: 2px solid #000000;}
#product.cart .box1 .tb_bx table thead th {font-size: 20px; color: #111111; font-weight: 700; text-align: center; padding: 19px 0 19px 30px; box-sizing: border-box; height: 63px;}
#product.cart .box1 .tb_bx table thead th.et {width: 211px;}
#product.cart .box1 .tb_bx table tbody tr {border-bottom: 1px solid #dddddd;}
#product.cart .box1 .tb_bx table tbody th {font-size: 16px; color: #111111; font-weight: 700; text-align: left; padding: 20px 0 20px 10px; box-sizing: border-box; height: 60px;}
#product.cart .box1 .tb_bx table tbody td {font-size: 16px; color: #444444; letter-spacing: -0.03em; text-align: center; box-sizing: border-box; padding: 20px 0 20px 30px; height: 60px;}
#product.cart .box1 .btm_btn {text-align: right; font-size: 0; margin-top: 40px;}
#product.cart .box1 .btm_btn a {display: inline-block; max-width: 180px; width: 100%; line-height: 58px; box-sizing: border-box; border: 1px solid #aaaaaa; border-radius: 30px; text-align: center; font-size: 18px; color: #111111; font-weight: 700;}



/* 전자상거래 표준약관 */
.yg h2{margin-top:70px; font-size:22px; font-weight:700; color:#333;}
.yg h3{margin-top:40px; margin-bottom:5px; font-size:18px; font-weight:700; color:#444;}
.yg h4{margin-top:20px; margin-bottom:5px; font-size:16px; font-weight:500; color:#555;}
.yg p{margin:5px 0;}

.fly_w{margin-top:10px; background:#f2f2f2; box-sizing:border-box; padding:20px;}
.fly_w > li:first-child{margin-top:0;}
.fly_w > li > ul{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ul > li{padding:0; margin:0;}
.fly_w > li > ul > li:before{display:none;}
.fly_w > li > ol{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ol > li{padding:0; margin:0;}
.fly_w > li > ol > li:before{display:none;}

ul.fly_w > li{position:relative; padding-left:10px; margin-top:5px; color:#777;}
ul.fly_w > li:before{content:'-'; position:absolute; top:0; left:0;}
ol.fly_w > li{position:relative; margin-top:5px; color:#777;}

.yg_table{overflow:hidden; margin-top:15px;}
.yg_table div{float:right; width:calc(50% - 10px);}
.yg_table div:first-child{float:left;}
.yg_table div > strong{display:block; text-align:center; background:#333; color:#fff; font-size:15px; font-weight:500; padding:15px 0;}
.yg_table div table{width:100%; box-sizing:border-box;}
.yg_table div table thead th{text-align:center; color:#333; font-weight:700; border-bottom:1px solid #ddd; padding:10px 0; background:#f2f2f2;}
.yg_table div table tbody th{text-align:center; border-bottom:1px solid #ddd; color:#333; padding:10px 0; font-weight:500; background:#f9f9f9}
.yg_table div table tbody td{border-bottom:1px solid #ddd; padding:5px 20px; border-left:1px solid #ddd;}

#privacy_box select { padding-left:10px; margin-top: 20px; width: 320px; height: 40px; font-size: 14px; border-color: #bbb;}


/* PC */
@media all and (min-width:1025px){	
    #sub #container .sub_v.type2 {margin-top: 80px;}
    #sub #container .sub_v .tab_bx {position: absolute; z-index: 10; width: 100%; bottom: 0; left: 0; background-color: rgba(0,0,0,.6);}
    #sub #container .sub_v .tab_bx .dep3_wrap {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; display: table!important; table-layout: fixed;}
    #sub #container .sub_v .tab_bx .dep3_wrap > li {display: table-cell; vertical-align: middle;}
    #sub #container .sub_v .tab_bx .dep3_wrap > li > a {font-size: 18px; color: rgba(255,255,255,.7); font-weight: 700; height: 80px; display:flex; justify-content:center; align-items:center; table-layout:fixed; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sub #container .sub_v .tab_bx .dep3_wrap > li > a:hover {color: #fff;}
    #sub #container .sub_v .tab_bx .dep3_wrap > li.on > a {color: #fff; background-color: #002d6f;}
    
    #sub #container .sub_v .list {position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,.3);}
    #sub #container .sub_v .list .list_bx {max-width: 1120px; display: table; table-layout: fixed; width: 100%; margin: 0 auto;}
    #sub #container .sub_v .list .list_bx li {display: table-cell; vertical-align: middle;}
    #sub #container .sub_v .list .list_bx li > a {display: block;}
    #sub #container .sub_v .list .list_bx li > a {height: 150px; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 0 5px; overflow: hidden; position: relative;}
    #sub #container .sub_v .list .list_bx li > a::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: #002d6f; -webkit-transition: top 0.3s, opacity 0.3s; -moz-transition: top 0.3s, opacity 0.3s; transition: top 0.3s, opacity 0.3s; position: absolute; opacity: 0;}
    #sub #container .sub_v .list .list_bx li > a:hover::before {top: 0; opacity: 1;}
    #sub #container .sub_v .list .list_bx li.on > a::before {top: 0; opacity: 1;}
    #sub #container .sub_v .list .list_bx li > a .con_w {width: 100%; text-align: center; position: relative; z-index: 1;}
    #sub #container .sub_v .list .list_bx li > a .con_w .icon_w {max-width: 61px; width: 100%; margin: 0 auto; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #sub #container .sub_v .list .list_bx li > a:hover .con_w .icon_w {transform: translate(0, -5px);}
    #sub #container .sub_v .list .list_bx li > a .con_w .icon_w::before {content: ''; width: 100%; padding-bottom: 100%; display: block; background-size: cover!important; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #sub #container .sub_v .list .list_bx li > a .con_w.icon1 .icon_w::before {background: url(../images/icon/p_icon1_2.png) no-repeat center;}
    #sub #container .sub_v .list .list_bx li > a .con_w.icon2 .icon_w::before {background: url(../images/icon/p_icon2_2.png) no-repeat center;}
    #sub #container .sub_v .list .list_bx li > a .con_w.icon3 .icon_w::before {background: url(../images/icon/p_icon3_2.png) no-repeat center;}
    #sub #container .sub_v .list .list_bx li > a .con_w.icon4 .icon_w::before {background: url(../images/icon/p_icon4_2.png) no-repeat center;}
    #sub #container .sub_v .list .list_bx li > a .con_w.icon5 .icon_w::before {background: url(../images/icon/p_icon5_2.png) no-repeat center;}
    #sub #container .sub_v .list .list_bx li > a .con_w.icon6 .icon_w::before {background: url(../images/icon/p_icon6_2.png) no-repeat center;}
    #sub #container .sub_v .list .list_bx li > a .con_w.icon7 .icon_w::before {background: url(../images/icon/p_icon7_2.png) no-repeat center;}
    #sub #container .sub_v .list .list_bx li > a .con_w.icon8 .icon_w::before {background: url(../images/icon/p_icon8_2.png) no-repeat center;}
    #sub #container .sub_v .list .list_bx li > a .con_w img {max-width: 100%;}
    #sub #container .sub_v .list .list_bx li > a .con_w p {font-size: 18px; color: #ffffff; line-height: 22px; letter-spacing: -0.02em; font-weight: 500; min-height: 44px; display:flex; justify-content:center; align-items:center; table-layout:fixed; margin-top: 8px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    
    #sub #container .sub_v .bg_img {right: auto!important; left: 50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);}
    
    #sub #container .rus .sub_v.type2 .txt_bx .txt_w {max-width: 425px;}
    
    
    
    /* overview */
    #overview .box1 .btm_bx .txt_bx a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #overview .box1 .btm_bx .txt_bx a:hover {background-color: #002d6f; border-color: #002d6f;}
    
    
    
    /* as */
    #as .box1 .con2 .txt_bx .btn {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #as .box1 .con2 .txt_bx .btn:hover {background-color: #002d6f;}



    /* history */
    #history .slide_bx .slick-arrow {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #history .slide_bx .slick-arrow:hover {background: url(../images/icon/arrow9.png) no-repeat left center;}
    
    
    
    /* product */
    #product .comp_bx .btm_bx .btn_bx a {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #product .comp_bx .btm_bx .btn_bx a:hover {background-color: #002d6f;}
    
    #product.cart .box1 .list_bx ul li a::before {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #product.cart .box1 .list_bx ul li a:hover::before {background-color: #002d6f;}
    #product.cart .box1 .list_bx ul li a .img_bx div {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #product.cart .box1 .list_bx ul li a:hover .img_bx div {transform: scale(1.1);}
    #product.cart .box1 .btm_btn a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #product.cart .box1 .btm_btn a:hover {background-color: #111; border-color: #111; color: #fff;}
}

@media all and (max-width:1900px){
    #sub #container .sub_v .bg_img {left: 50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); width: auto;}
}

@media all and (max-width:1201px){
    /* as */
    #as .box1 .con1 ul {width: 100%; left: 0;}
    
    
    
    /* ir01 - 재무정모 */
    #ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx .b_txt {top: -66px;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
    #sub #container .box {padding-bottom: 70px;}
    #sub #container .sub_v {height: 270px;}
    #sub #container .sub_v.type3 {height: 270px;}
    #sub #container .sub_v .bg_img {width: 740px; transform: none; -webkit-transform: none; left: auto; right: 0;}
    #sub #container .sub_v.type2 .txt_bx {max-width: 600px;}
    #sub #container .sub_v.type2 .txt_bx .txt_w {font-size: 12px; line-height: 17px; max-width: 235px;}
    #sub #container .sub_v.type2 .txt_bx .txt_w p {margin-bottom: 3px;}
    #sub #container .sub_v.type2 .txt_bx .txt_w p strong {font-size: 16px; line-height: 21px;}
    #sub #container .sub_v .tab_bx {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10;}
    #sub #container .sub_v .tab_bx .on_txt {cursor: pointer; text-align: center; background-color: #002d6f; display:flex!important; justify-content:center; align-items:center; table-layout:fixed; height: 50px; font-size: 12px; color: #ffffff; font-weight: 700; padding: 0 20px; position: relative;}
    #sub #container .sub_v .tab_bx .on_txt::before {content: ''; width: 9px; height: 8px; background: url(../images/icon/arrow10.png) no-repeat center; position: absolute; right: 20px; top: 50%; margin-top: -4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sub #container .sub_v .tab_bx .on_txt.on::before {transform: rotate(180deg);}
    #sub #container .sub_v .tab_bx .dep3_wrap {position: absolute; width: 100%; left: 0; top: 50px; background-color: #fff; border: 1px solid #002d6f; border-top: none; box-sizing: border-box; text-align: center; display: none;}
    #sub #container .sub_v .tab_bx .dep3_wrap > li {margin-bottom: 5px;}
    #sub #container .sub_v .tab_bx .dep3_wrap > li:first-child {padding-top: 10px;}
    #sub #container .sub_v .tab_bx .dep3_wrap > li:last-child {padding-bottom: 10px; margin-bottom: 0;}
    #sub #container .sub_v .tab_bx .dep3_wrap > li > a {color: #111; font-size: 12px; letter-spacing: -0.03em; word-break: keep-all; display: inline-block; line-height: 25px;}
    #sub #container .sub_v .v_txt {height: 100%;}
    #sub #container .sub_v .v_txt .txt_w {width: 368px;}
    #sub #container .sub_v .v_txt .txt_w strong {font-size: 25px;}
    #sub #container .sub_v .v_txt .txt_w p {font-size: 16px; line-height: 21px; margin-top: 9px; padding-top: 12px;}
    #sub #container .sub_v .v_txt .txt_w p::before {height: 1px; width: 15px;}
    
    #sub #container .sub_v .list {display: none!important;}
    
    
    
    /* overview */
    #overview .box1 .mid_txt {margin-top: 27px;}
    #overview .box1 .mid_txt p {margin-bottom: 16px; font-size: 12px; line-height: 17px; max-width: 650px;}
    #overview .box1 .btm_bx {margin-top: 26px; height: 180px;}
    #overview .box1 .btm_bx .txt_bx strong {margin-bottom: 15px; font-size: 12px; line-height: 20px;}
    #overview .box1 .btm_bx .txt_bx a {font-size: 12px; line-height: 43px; max-width: 130px;}



    /* policy */
    #policy .box1 .top_txt {padding-top: 22px; margin-bottom: -3px;}
    #policy .box1 .top_txt .txt1 {font-size: 20px; line-height: 30px;}
    #policy .box1 .top_txt .txt2 {margin-top: 21px; font-size: 16px;}
    #policy .box1 .btm_bx {padding-bottom: 70px;}
    #policy .box1 .btm_bx::before {height: calc(100% - 100px); top: 100px;}
    #policy .box1 .btm_bx .round1 {width: 300px; height: 150px; top: 100px;}
    #policy .box1 .btm_bx .round1::before {width: 300px; height: 300px;}
    #policy .box1 .btm_bx .round2 {max-width: 200px; height: 200px;}
    #policy .box1 .btm_bx .icon_bx {margin-top: -33px; padding-bottom: 61px;}
    #policy .box1 .btm_bx .icon_bx .con_w img {width: 60px; box-shadow: 0 5px 20px rgba(150,165,255,0.2);}
    #policy .box1 .btm_bx .icon_bx .con_w .txt_w {padding-top: 13px;}
    #policy .box1 .btm_bx .icon_bx .con_w .txt_w strong {font-size: /*16px*/14px;}
    #policy .box1 .btm_bx .icon_bx .con_w .txt_w p {margin-top: 5px; font-size: 12px; line-height: 17px;}
    #policy .box1 .btm_bx .icon_bx .con1 {padding-right: 155px;}
    #policy .box1 .btm_bx .icon_bx .con1 img {right: 80px;}
    #policy .box1 .btm_bx .icon_bx .con1 .txt_w p {max-width: 130px; margin: 5px 0 0 auto;}
    #policy .box1 .btm_bx .icon_bx .con2 {top: 54px;}
    #policy .box1 .btm_bx .icon_bx .con3 {padding-left: 155px;}
    #policy .box1 .btm_bx .icon_bx .con3 img {left: 80px;}
    #policy .box1 .btm_bx .icon_bx .con3 .txt_w p {max-width: 130px;}
    #policy .box1 .btm_bx .txt_bx {margin-top: 30px; padding: 20px 25px; min-height: 230px; border-radius: 25px 0 25px 0; box-shadow: 0 5px 20px rgba(150,165,255,0.2);}
    #policy .box1 .btm_bx .txt_bx::before {width: 53px; background-size: 53px auto;}
    #policy .box1 .btm_bx .txt_bx::after {width: 53px; background-size: 53px auto;}
    #policy .box1 .btm_bx .txt_bx .txt_w strong {font-size: 16px;}
    #policy .box1 .btm_bx .txt_bx .txt_w p {margin-top: 10px; font-size: 12px; line-height: 25px; max-width: 320px;}



    /* as */
    #as .box1 .ttl {padding: 27px 0; font-size: 20px;}
    #as .box1 .con1 {border-width: 1px;}
    #as .box1 .con1 ul {padding: 30px 0 27px;}
    #as .box1 .con1 .round {width: 80px; height: 80px;}
    #as .box1 .con1 .round::before {width: 70px; height: 70px; top: 5px; left: 5px;}
    #as .box1 .con1 .round .moving-circle {transform: rotate(270deg) scaleY(-1) scale(0.6154); top: -25px; left: -25px;}
    #as .box1 .con1 .round strong {font-size: /*12px*/10px;}
    #as .box1 .con1 li p {margin-top: 7px; font-size: 12px;}
    
    #as .box1 .con2 ul li {padding: 17px 0 20px 90px; min-height: 100px; width: calc(50% - 20px); margin-right: 40px;}
    #as .box1 .con2 .icon {width: 60px; left: 15px; top: 20px;}
    #as .box1 .con2 .txt_bx .txt1 {font-size: 10px;}
    #as .box1 .con2 .txt_bx .txt2 {margin-top: 5px; font-size: 16px;}
    #as .box1 .con2 .txt_bx .txt3 {margin-top: 10px; font-size: 12px; line-height: 17px;}
    #as .box1 .con2 .txt_bx .btn {margin-top: 6px; font-size: 12px; max-width: 130px; line-height: 45px;}



    /* contact */
    #contact .box1 .inner_bx {padding: 30px 0 0;}



    /* intro */
    #intro .ttl01 {font-size: 35px; margin-bottom: 32px;}
    #intro .box2 .ttl01 {margin-bottom: 32px;}
    #intro .box1 .inner_bx {padding-top: 58px;}
    #intro .box1 .con1 li {padding-top: 16px;}
    #intro .box1 .con1 li::before {max-width: 85px;}
    #intro .box1 .con1 li .icon {width: 50px;}
    #intro .box1 .con1 li .txt1 {margin-top: 14px; font-size: 16px;}
    #intro .box1 .con1 li .txt2 {margin-top: 13px; padding-top: 14px; font-size: 12px;}
    #intro .box1 .con1 li .txt2::before {width: 16px; height: 2px; margin-left: -8px;}
    #intro .box1 .con2 {margin-top: 28px;}
    #intro .box1 .con2 li {margin-bottom: 20px; min-height: 80px; border-radius: 25px 0 25px 0;}
    #intro .box1 .con2 li::before {width: 53px; background-size: 53px auto;}
    #intro .box1 .con2 li::after {width: 53px; background-size: 53px auto;}
    #intro .box1 .con2 li .l_bx strong {font-size: 16px;}
    #intro .box1 .con2 li .r_bx {font-size: 12px; line-height: 15px;}
    #intro.chn .box1 .con2 li .r_bx {max-width: 100%;}
    
    #intro .box2 .con_bx .l_bx .txt_bx {padding: 50px 0;}
    #intro .box2 .con_bx .l_bx .txt_bx .txt1 {font-size: 16px; line-height: 21px;}
    #intro .box2 .con_bx .l_bx .txt_bx .txt2 {font-size: 12px; line-height: 17px; margin-top: 15px;}
    #intro .box2 .con_bx .l_bx .txt_bx .txt2 p {margin-bottom: 17px;}
    #intro .box2 .con_bx .l_bx .txt_bx .txt3 {font-size: 12px; line-height: 17px; margin-top: 13px;}
    #intro .box2 .con_bx .l_bx .txt_bx .txt3 strong {font-size: 14px;}
    #intro .box2 .con_bx .inner_bx .img_bx {max-width: 400px;}
    
    #intro .box3 .con_bx .con_w {margin-bottom: 30px;}
    #intro .box3 .con_bx .con_w.con1 {margin-bottom: 50px;}
    #intro .box3 .con_bx .con_w .img_bx {height: 260px;}
    #intro .box3 .con_bx .con_w .img_bx .btn {width: 110px; height: 30px; bottom: 25px; right: 10px;}
    #intro .box3 .con_bx .con_w .img_bx .btn span {padding: 0 15px; line-height: 30px; font-size: 12px;}
    #intro .box3 .con_bx .con_w .img_bx .btn .icon {width: 25px; height: 25px; background-size: 25px auto!important; top: 2.5px; left: 2.5px;}
    #intro .box3 .con_bx .con_w .img_bx.on .btn .icon {left: 82.5px;}
    #intro .box3 .con_bx .con_w .txt_bx {padding-top: 30px; border-width: 1px;}
    #intro .box3 .con_bx .con_w.con1 .txt_bx {padding-top: 11px;}
    #intro .box3 .con_bx .con_w .txt_bx .txt1 {font-size: 16px; line-height: 21px;}
    #intro .box3 .con_bx .con_w .txt_bx .txt2 {margin-top: 9px; font-size: 12px; line-height: 17px;}
    #intro .box3 .con_bx .con_w .txt_bx .txt3 {margin-top: 9px;}
    #intro .box3 .con_bx .con_w .txt_bx .txt3 li {font-size: 12px; line-height: 17px;}
    #intro .box3 .con_bx .con_w .txt_bx .txt3 li span {margin-right: 5px;}
    #intro .box3 .con_bx .con_w.con1 .txt_bx .txt2 {width: 260px;}
    #intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 {margin-top: 9px; width: calc(100% - 260px);}
    #intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 li {margin-right: 40px;}
    #intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 li::before {height: 10px; margin-top: -5px; right: -21px;}



    /* history */
    #history .ttl01 {margin-top: 58px; margin-bottom: 24px; font-size: 35px;}
    #history .slide_bx .con_bx .txt_bx {margin-bottom: 7px;}
    #history .slide_bx .con_bx .txt_bx strong {font-size: 20px;}
    #history .slide_bx .con_bx .txt_bx p {font-size: 16px; line-height: 21px; min-height: 42px; margin-top: 0;}
    #history .slide_bx .slick-slide {padding: 0 50px;}
    #history .slide_bx .slick-arrow {width: 28px; height: 28px; background-size: auto 28px; margin-top: -14px; top: calc(50% + 36px);}
    #history .slide_bx .con_bx .img_bx > div {filter: grayscale(0)!important;}
    #history .slide_bx .progress {max-width: 250px; margin-top: 20px; height: 3px;}
    #history .list_bx {margin-top: 40px; border-width: 1px;}
    #history .list_bx .c_w .l_bx {padding-top: 24px;}
    #history .list_bx .c_w .l_bx strong {font-size: 16px; line-height: 25px;}
    #history .list_bx .c_w .r_bx {padding: 29px 0 26px;}
    #history .list_bx .c_w .r_bx ul li {margin-bottom: 13px; font-size: 12px; line-height: 17px; padding-left: 64px; min-height: 17px;}
    #history .list_bx .c_w .r_bx ul li p {margin-bottom: 3px;}



    /* ir01 - 재무정모 */
    #ir01 .box1 .con_bx {margin-top: 30px;}
    #ir01 .box1 .con_bx .con_w {margin-bottom: 30px;}
    #ir01 .box1 .con_bx .con_w .l_bx strong {font-size: 16px; margin-top: -2px;}
    #ir01 .box1 .con_bx .con_w .l_bx p {font-size: 12px; margin-top: 5px;}
    #ir01 .box1 .con_bx .con_w .r_bx {border-width: 1px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart {padding-bottom: 19px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .line ul li {height: 30px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .line ul li .num {font-size: 12px; width: 50px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .line ul li .num span {padding: 0 8px 0 0; bottom: -6px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .line ul li .line {width: calc(100% - 50px);}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .bar {width: calc(100% - 50px); height: calc(100% - 29px); top: 29px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w {padding-bottom: 20px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul {padding: 0 10px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li {width: calc(33.333% - 3.333px); margin-right: 5px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx .b_txt {font-size: 10px; line-height: 10px; min-width: 31px; top: -25px;}
    #ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w .btm_txt {font-size: 12px;}
    #ir01 .box1 .con_bx .con_w .r_bx table thead th {font-size: 12px; height: 40px; padding: 12px 0px;}
    #ir01 .box1 .con_bx .con_w .r_bx table tbody td {font-size: 10px; padding: 11px 0; height: 35px;}
    #ir01 .box1 .con_bx .con_w .r_bx table tbody td.t_r {padding: 11px 10px;}



    /* ir02 - 공시정보 */
    #ir02 .box1 .inner_bx {padding-top: 30px;}



    /* ir03 - IR Event */
    #ir03 .box1 .inner_bx {padding-top: 30px;}



    /* ir04 - IR Letter */
    #ir04 .box1 .inner_bx {padding-top: 30px;}



    /* 뉴스룸 */
    #news .box1 .inner_bx {padding-top: 30px;}
    #news .box1 .inner_bx .con_bx {border-width: 1px; padding-top: 20px;}
    #news .box1 .inner_bx .con_bx .l_bx {width: 200px; margin-right: 20px;}
    #news .box1 .inner_bx .con_bx .r_bx {width: calc(100% - 220px);}



    /* 전시회 */
    #exhibition .box1 .inner_bx {padding-top: 30px;}



    /* PR 영상 */
    #pr .box1 .inner_bx {padding-top: 30px;}
    #pr .box1 .inner_bx .top_txt {font-size: 17px; line-height: 20px;}
    #pr .box1 .inner_bx .v_bx {margin-top: 12px;}
    #pr .box1 .inner_bx .btm_txt {margin-top: 12px; font-size: 12px; line-height: 17px;}



    /* 미디어룸 */
    #media .box1 .inner_bx {padding-top: 30px;}



    /* 인재상 */
    #sub #container #talent .box1 {padding-bottom: 30px;}
    #talent .inner_bx {padding-top: 30px;}
    #talent .ttl01 {font-size: 30px; margin-bottom: 26px;}
    #talent .box1 .con_bx {padding: 15px; box-shadow: 0 5px 20px rgba(150,165,255,0.2);}
    #talent .box1 .con_bx::before {width: 128px; height: 128px;}
    #talent .box1 .con_bx .con_w .txt_bx {padding: 15px 0 0 110px; min-height: 120px;}
    #talent .box1 .con_bx .con_w .txt_bx:nth-child(2n) {padding: 15px 110px 0 0}
    #talent .box1 .con_bx .con_w .txt_bx:nth-child(-n+2) {padding-top: 0;}
    #talent .box1 .con_bx .con_w .txt_bx .icon {width: 48px; top: 40px;}
    #talent .box1 .con_bx .con_w .txt_bx:nth-child(-n+2) .icon {top: 28px;}
    #talent .box1 .con_bx .con_w .txt_bx .txt_w {padding-top: 20px;}
    #talent .box1 .con_bx .con_w .txt_bx .txt_w .txt1 {font-size: 10px;}
    #talent .box1 .con_bx .con_w .txt_bx .txt_w .txt2 {/*margin-top: 2px;*/ font-size: 16px; line-height: 21px;}
    #talent .box1 .con_bx .con_w .txt_bx .txt_w .txt3 {margin-top: 7px; font-size: 12px; line-height: 17px; max-width: 75%;}
    #talent .box1 .con_bx .con_w .txt_bx:nth-child(2n) .txt_w .txt3 {margin-top: 7px;}
    /* #talent .box1 .con_bx .con_w .txt_bx:nth-child(2) .txt_w .txt3 {max-width: 200px;} */
    /* #talent .box1 .con_bx .con_w .txt_bx:nth-child(3) .txt_w .txt3 {max-width: 170px;} */
    #talent .box1 .con_bx .mid_logo {width: 98px; height: 98px; box-shadow: 0 5px 20px rgba(150,165,255,0.2);}
    
    #talent .box2 .con_bx {border-width: 1px;}
    #talent .box2 .con_bx .con_w {padding: 27px 0 0 90px; margin-top: 10px;}
    #talent .box2 .con_bx .con_w .icon {width: 52px; left: 18px; top: 23px;}
    #talent .box2 .con_bx .con_w .txt_bx .ttl {font-size: 16px; line-height: 20px;}
    #talent .box2 .con_bx .con_w .txt_bx ul {margin-top: 5px;}
    #talent .box2 .con_bx .con_w .txt_bx ul li {padding-left: 5px;}
    #talent .box2 .con_bx .con_w .txt_bx ul li::before {width: 2px; height: 2px; top: 9px;}
    #talent .box2 .con_bx .con_w .txt_bx ul li strong {font-size: 12px; line-height: 20px;}
    #talent .box2 .con_bx .con_w .txt_bx ul li p {font-size: 12px; line-height: 20px; text-indent: -8px; padding-left: 8px; max-width: 100%;}



    /* 채용공고 */
    #recruitment .box1 .inner_bx {padding-top: 30px;}
    #recruitment .box1 .inner_bx .con_bx {border-width: 1px; padding-top: 20px;}
    #recruitment .box1 .inner_bx .con_bx .l_bx {width: 200px; margin-right: 20px;}
    #recruitment .box1 .inner_bx .con_bx .r_bx {width: calc(100% - 220px);}
    #recruitment .box1 .inner_bx .con_bx .r_bx .list05 {margin-top: -20px;}



    /* product */
    #sub #container #product.list .sub_v {margin-top: 70px;}
    #product.list .box1 {padding-bottom: 100px!important;}
    #product.list .box1 .inner_bx {padding-top: 48px;}
    #sub #container #product.view .sub_v {margin-top: 70px;}
    #product.search .box1 .inner_bx {padding-top: 107px;}
    #product.view .box1 {padding-bottom: 100px!important;}
    #product.view .box1 .inner_bx {padding-top: 48px;}
    #product .comp_bx {transform: translate(0, calc(100% - 50px)); box-shadow: 0 -3px 10px rgba(0,0,0,0.06);}
    #product .comp_bx .top_bx {height: 50px;}
    #product .comp_bx .top_bx .l_txt {font-size: 12px;}
    #product .comp_bx .top_bx .l_txt strong {font-size: 14px;}
    #product .comp_bx .top_bx .btn {font-size: 12px; padding-right: 15px;}
    #product .comp_bx.on .top_bx {height: 50px;}
    #product .comp_bx .mid_bx ul li {width: calc(33.333% - 6.666px); margin-right: 10px; margin-top: 10px;}
    #product .comp_bx .mid_bx ul li a {min-height: 140px;}
    #product .comp_bx .mid_bx ul li a .txt_bx {padding: 20px 10px;}
    #product .comp_bx .mid_bx ul li a .txt_bx .name {font-size: 12px; line-height: 17px;}
    #product .comp_bx .mid_bx ul li a .txt_bx .info {margin-top: 5px;}
    #product .comp_bx .mid_bx ul li a .txt_bx .info p {font-size: 12px; line-height: 17px; margin-bottom: 5px;}
    #product .comp_bx .mid_bx ul li a .txt_bx .del_btn {background-size: 11px; top: 6px; right: 6px;}
    #product .comp_bx .mid_bx .no_data {font-size: 12px; padding: 30px 0 22px;}
    #product .comp_bx .btm_bx {padding: 20px 0 }
    #product .comp_bx .btm_bx .btn_bx a {width: 155px; line-height: 45px; font-size: 12px;}
    #product .comp_bx .btm_bx .r_btn {font-size: 12px; line-height: 26px; padding-right: 18px; background-size: 12px auto;}
    
    #product.cart .box1 .inner_bx {padding-top: 110px;}
    #product.cart .box1 .list_bx {padding-left: 100px;}
    #product.cart .box1 .list_bx ul li {padding-left: 15px;}
    #product.cart .box1 .list_bx ul li a .img_bx {border-radius: 5px;}
    #product.cart .box1 .list_bx ul li a::before {width: 30px; height: 30px; bottom: 5px; right: 5px; background-size: 8px auto;}
    #product.cart .box1 .tb_bx {margin-top: 18px;}
    #product.cart .box1 .tb_bx table thead tr {border-width: 1px;}
    #product.cart .box1 .tb_bx table thead th {height: 44px; font-size: 12px; padding: 14px 0 14px 15px;}
    #product.cart .box1 .tb_bx table thead th.et {width: 100px;}
    #product.cart .box1 .tb_bx table tbody th {font-size: 10px; height: 35px; padding: 10px 0 10px 10px;}
    #product.cart .box1 .tb_bx table tbody td {font-size: 10px; height: 35px; padding: 10px 0 10px 15px;}
    #product.cart .box1 .btm_btn {margin-top: 20px;}
    #product.cart .box1 .btm_btn a {max-width: 155px; font-size: 12px; line-height: 43px;}
        
    
    /* 전자상거래 표준약관 */
    .yg{font-size:12px; line-height:18px;}
    .yg h2{margin-top:50px; font-size:18px;}
    .yg h3{margin-top:20px; margin-bottom:5px; font-size:15px;}
    .yg h4{margin-top:10px; margin-bottom:5px; font-size:14px;}
    .yg p{margin:5px 0;}

    .fly_w{margin-top:5px; padding:10px;}
    .fly_w > li > ul{padding:0 0 0 5px;}
    .fly_w > li > ol{padding:0 0 0 5px;}

    ul.fly_w > li{padding-left:10px; margin-top:3px;}
    ol.fly_w > li{margin-top:3px;}

    .yg_table{margin-top:10px;}
    .yg_table div{width:100%; margin-top:10px;}
    .yg_table div:first-child{margin-top:0;}
    .yg_table div > strong{font-size:12px; padding:8px 0;}
    .yg_table div table{ table-layout:fixed; }
    /* .yg_table div table colgroup col:nth-of-type(1){width:80px !important;}
    .yg_table div table colgroup col:nth-of-type(2){width:calc(100% - 80px) !important;} */
    .yg_table div table thead th{padding:5px 0;}
    .yg_table div table tbody th{padding:5px 0;}
    .yg_table div table tbody td{padding:0 10px}
    #privacy_box select { margin-top: 15px; width: 300px; height: 30px; font-size: 12px; }
}

/* 모바일 */
@media all and (max-width:768px){
    #sub #container .sub_v.type3 {height: auto;}
    #sub #container .sub_v.type3 .bg_bx {background-position: center bottom;}
    #sub #container .sub_v .bg_img.pc_show2 {display: block!important;}
    #sub #container .sub_v .bg_img.m_show2 {display: none!important;}
    #sub #container .sub_v .bg_img {width: 700px;}
    #sub #container .sub_v .v_txt {position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; margin: 0 auto; padding-top: 44px;}
    #sub #container .sub_v .v_txt .txt_w {width: 100%;}
    #sub #container .sub_v .img1 {position: relative; z-index: 1; margin: 36px auto 0; max-width: calc(100% - 40px);}
    
    
    
    /* policy */
    #policy .box1 .btm_bx .icon_bx .con1 {padding-right: 70px;}
    #policy .box1 .btm_bx .icon_bx .con1 img {position: relative; right: auto; top: auto; display: block; margin: 0 auto;}
    #policy .box1 .btm_bx .icon_bx .con1 .c_inner {text-align: center; display: inline-block; max-width: 81px; width: 100%;}
    #policy .box1 .btm_bx .icon_bx .con2 .c_inner {max-width: 81px; width: 100%; display: inline-block; position: relative; z-index: 2;}
    #policy .box1 .btm_bx .icon_bx .con3 {padding-left: 70px;}
    #policy .box1 .btm_bx .icon_bx .con3 img {position: relative; left: auto; top: auto; display: block; margin: 0 auto;}
    #policy .box1 .btm_bx .icon_bx .con3 .c_inner {text-align: center; display: inline-block; max-width: 81px; width: 100%;}
    #policy .box1 .btm_bx .icon_bx .con_w .txt_w {position: relative; left: 50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); min-width: 100px;}



    /* as */
    #as .box1 .con1 ul li {width: 33.333%; margin-top: 27px;}
    #as .box1 .con1 ul li:nth-child(-n+3) {margin-top: 0;}
    
    #as .box1 .con2 ul li:nth-child(n) {width: 100%; margin-right: 0; border-top: 1px solid #ddd;}
    #as .box1 .con2 ul li:first-child {border-top: none;}



    /* intro */
    #intro .box1 .con2 {display: flex; flex-flow: wrap;}
    #intro .box1 .con2 li:nth-child(n) {width: calc(50% - 10px); margin-right: 20px; margin-top: 20px; margin-bottom: 0; box-sizing: border-box; min-height: auto; padding: 16px 10px; display: block;}
    #intro .box1 .con2 li:nth-child(2n) {margin-right: 0;}
    #intro .box1 .con2 li:nth-child(-n+2) {margin-top: 0;}
    #intro .box1 .con2 li .l_bx {width: 100%; text-align: center; display: block;}
    #intro .box1 .con2 li .r_bx {width: 100%; text-align: center; display: block; margin: 5px auto 0; max-width: 90px;}
    
    #intro .box2 .con_bx {background: url(../images/sub/intro_bx2_bg_m.jpg) no-repeat center; background-size: cover;}
    #intro .box2 .con_bx .l_bx .txt_bx {width: 100%; padding: 37px 0 119px;}
    #intro .box2 .con_bx .inner_bx .img_bx {height: auto; width: 172px; transform: none; -webkit-transform: none; top: auto; bottom: -29px; right: -11px;}
    
    #intro .box3 .con_bx .con_w {margin-bottom: 26px;}
    #intro .box3 .con_bx .con_w.con1 {margin-bottom: 26px;}
    #intro .box3 .con_bx .con_w .img_bx {height: 210px; order: 1; width: 100%;}
    #intro .box3 .con_bx .con_w .txt_bx {padding-top: 11px; order: 2; width: 100%; border-top: none; margin-right: 0;}
    #intro .box3 .con_bx .con_w .txt_bx .txt3 li {margin-bottom: 4px;}
    #intro .box3 .con_bx .con_w .txt_bx .txt3 li:last-child {margin-bottom: 0;}
    #intro .box3 .con_bx .con_w.con1 .txt_bx .txt2 {width: 100%;}
    #intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 {width: 100%; text-align: left;}
    #intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 li {display: block; margin-right: 0;}
    #intro .box3 .con_bx .con_w.con1 .txt_bx .txt3 li::before {display: none;}



    /* history */
    #history .ttl01 {text-align: center;}
    #history .slide_bx {width: calc(100% - 40px); margin: 0 auto;}
    #history .slide_bx .slick-list {padding: 0!important;}
    #history .slide_bx .slick-slide {padding: 0;}
    #history .slide_bx .slick-prev {left: 10px!important;}
    #history .slide_bx .slick-next {right: 10px!important;}
    #history .slide_bx .progress {width: 100%;}
    #history .list_bx .c_w .l_bx {width: 100%;}
    #history .list_bx .c_w .r_bx {width: 100%; padding-top: 11px;}



    /* ir01 - 재무정모 */
    #ir01 .box1 .con_bx .con_w .l_bx {width: 100%; margin-bottom: 12px;}
    #ir01 .box1 .con_bx .con_w .l_bx strong {display: inline-block; vertical-align: middle;}
    #ir01 .box1 .con_bx .con_w .l_bx p {display: inline-block; margin-top: 0;}
    #ir01 .box1 .con_bx .con_w .r_bx {width: 100%;}
    
    
    
    /* 뉴스룸 */
    #news .box1 .inner_bx .con_bx {padding-top: 10px;}
    #news .box1 .inner_bx .con_bx .l_bx {width: 100%; margin-right: 0; position: relative;}
    #news .box1 .inner_bx .con_bx .r_bx {width: 100%; margin-top: 15px;}



    /* 인재상 */
    #talent .box1 .con_bx .con_w .txt_bx {padding-left: 0; min-height: 100px; padding-top: 15px; margin-bottom: 15px;}
    #talent .box1 .con_bx .con_w .txt_bx:nth-child(3) {margin-bottom: 0px;}
    #talent .box1 .con_bx .con_w .txt_bx:nth-child(4) {margin-bottom: 0px;}
    #talent .box1 .con_bx .con_w .txt_bx:nth-child(2n) {padding-right: 0; padding-top: 15px;}
    #talent .box1 .con_bx .con_w .txt_bx:nth-child(-n+2) {padding-top: 0;}
    #talent .box1 .con_bx .con_w .txt_bx:nth-child(n) .icon {position: relative; top: auto; left: auto; right: auto;}
    #talent .box1 .con_bx .con_w .txt_bx .txt_w {padding-top: 15px;}
    /* #talent .box1 .con_bx .con_w .txt_bx .txt_w .txt3 {max-width: 85px;} */
    /* #talent .box1 .con_bx .con_w .txt_bx:nth-child(3) .txt_w .txt3 {max-width: 99px;} */
    
    #talent .box2 .con_bx .con_w:nth-child(n) {width: 100%; margin-right: 0; margin-top: 10px; border-top: 1px solid #dddddd;}
    #talent .box2 .con_bx .con_w:first-child {margin-top: 0; border-top: none;}
    
    
    
    /* 채용공고 */
    #recruitment .box1 .inner_bx .con_bx {padding-top: 10px;}
    #recruitment .box1 .inner_bx .con_bx .l_bx {width: 100%; margin-right: 0; position: relative;}
    #recruitment .box1 .inner_bx .con_bx .r_bx {width: 100%;}
    #recruitment .box1 .inner_bx .con_bx .r_bx .list05 {margin-top: 0;}



    /* product */
    #product.list #board .list_top {display: none!important;}
    #product.view #board .list_top {display: none!important;}
    #product .comp_bx .mid_bx ul li a .img_bx {width: 100%; padding-bottom: 100%;}
    #product .comp_bx .mid_bx ul li a .txt_bx {width: 100%; padding: 7px 10px;}
    #product .comp_bx .mid_bx ul li a .txt_bx .info {display: none;}
    #product .comp_bx .btm_bx {display: flex; flex-flow: wrap; justify-content: center;}
    #product .comp_bx .btm_bx .btn_bx {display: block; text-align: center; width: 100%; order: 1;}
    #product .comp_bx .btm_bx .btn_bx a {max-width: 155px; width: 100%;}
    #product .comp_bx .btm_bx .r_btn {margin-right: 0; margin-top: 9px; order: 2;}
    
    #product.cart .box1 .list_bx {padding-left: 0; overflow: hidden;}
    #product.cart .box1 .list_bx ul {position: relative; width: calc(100% + 15px); left: -15px;}
    #product.cart .box1 .tb_bx table thead th {padding-left: 0;}
    #product.cart .box1 .tb_bx table thead th.et {display: none;}
    #product.cart .box1 .tb_bx table tbody th {display: none;}
    #product.cart .box1 .tb_bx table tbody td {padding-left: 0;}
    #product.cart .box1 .btm_btn {text-align: center;}
}

@media all and (max-width:625px){
    #sub #container .sub_v.type2 .txt_bx {display: none;}
    #sub #container .sub_v.v_btm_txt {display: block; height: auto; margin-top: 36px;}
    #sub #container .sub_v.v_btm_txt .txt_bx {display: flex; position: relative; left: auto; height: auto; transform: none; -webkit-transform: none; width: 100%; justify-content: center; text-align: center; padding:  0 20px; box-sizing: border-box;}
}

@media all and (max-width:530px){
    #ir01 .box1 .con_bx .con_w .r_bx .chart .bar .b_w ul li .b_bx .b_txt {max-width: 31px; top: -35px;}
}

@media all and (max-width:450px){
    #sub #container .sub_v.type2 {height: auto;}
    #sub #container .sub_v .bg_img.pc_show2 {display: none!important;}
    #sub #container .sub_v .bg_img.m_show2 {display: block!important;}
    #sub #container .sub_v .bg_img {position: relative; top: auto; left: auto; width: 100%;}
}