@import url("common.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..500,0..1,-50..200");



#visual {text-align:center; margin-bottom:87px;}
#visual h3 {color: var(--black); font-family: var(--eng); font-size: 3.888rem; font-weight: 600; line-height: 135.714% ; letter-spacing: -1.4px; text-transform: uppercase; transform:translateY(60px); opacity:0; animation:ani_effect 0.18s 0.3s linear forwards;}
#visual p {color: var(--black); font-size: 1.11rem; font-weight: 400; line-height:160%; letter-spacing: -0.8px; margin:10px 0 0; transform:translateY(60px); opacity:0; animation:ani_effect 0.18s 0.4s linear forwards;}





@keyframes m_vsImg {
	0% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	20% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
@keyframes v_txt {
	0% { transform:translateY(60px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}
@keyframes ani_effect {
	0% { transform:translateY(60px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

/* ���־� lnb */
.visual_lnb {padding:184px 0 64px; transform:translateY(60px); opacity:0; animation:ani_effect 0.18s 0.2s linear forwards; position:relative; z-index:99;}
.visual_lnb dl{display: flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.visual_lnb dl dt a {font-size:0; display:block; opacity:0.5;}
.visual_lnb dl dt a::before {content:'\e88a'; font-family:var(--icon); font-size:20px; height:20px; line-height:20px; display:block; color:var(--black);}
.visual_lnb dl dd {position:relative; display: flex; flex-wrap:wrap; align-items:center;}
.visual_lnb dl dd:before {content:''; display:block; width:2px; height:2px; background:var(--basic); display:block; margin:0 18px; border-radius:100%;}
.visual_lnb dl dd .txt {font-size: 0.88rem; font-weight: 400; line-height:187.5%;  padding:0 18px 0 0; box-sizing:border-box; position: relative; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.visual_lnb dl dd .txt:after{content:'\e316'; font-family:var(--icon); font-size:20px; height:20px; line-height:20px; color:var(--basic); transform:rotate(-180deg); display:block; position:absolute; top:50%; right:-5px; margin-top:-10px;  transition:all 0.18s linear; opacity:0.5;}
.visual_lnb dl dd .txt.on:after{transform:rotate(0);  transition:all 0.18s linear;}
.visual_lnb dl dd .txt1 {font-family:var(--eng); font-size:0.77rem; text-transform: uppercase; letter-spacing:0;  letter-spacing: 0.7px;}
.visual_lnb dl dd .dlst{position:absolute; left:0; top:40px; width:210px; display:none; background:var(--white); box-shadow:0 10px 20px rgba(0,0,0,.05); box-sizing:border-box; padding:20px; z-index: 9999;}
.visual_lnb dl dd:last-of-type .txt {letter-spacing: -0.64px;}
.visual_lnb dl dd:last-of-type .dlst {left:auto; right:0;}
.visual_lnb dl dd .dlst.on{display: block;}
.visual_lnb dl dd .dlst ul li+li {padding:12px 0 0;}
.visual_lnb dl dd .dlst ul li a {font-family:var(--eng); display:block; font-size:0.88rem; line-height:140%;  transition:all 0.18s linear; word-break:keep-all;}
.visual_lnb dl dd .dlst ul li a .link_url::after {font-size:17px;}
.visual_lnb dl dd .dlst ul li a.on{color:var(--main);}
/* .search_none .visual_lnb dl dd:last-child{display: none;} */





.container {transform:translateY(60px); opacity:0; animation:ani_effect 0.18s 0.4s linear forwards;}

.w1050 {width:100%; max-width:1050px; margin:0 auto; min-width:320px;}
.w650 {width:100%; max-width:650px; margin:0 auto; min-width:320px;}
body > .print-area .location_cont .location_map .wrap_map { height:500px; }

/*** ���� css ***/
.fs45 {color: var(--black); font-size: 2.5rem; font-weight: 200; line-height:128.889%; letter-spacing: -1.8px;}
.fs45 b {font-weight:bold; line-height:inherit; letter-spacing:inherit;}
.fs22 {color: var(--black); font-size: 1.222rem; font-weight: 600; line-height: 154.545%; letter-spacing: -0.88px;}
.stxt {letter-spacing: -0.72px;}



.dots {position:relative; padding-left:10px; box-sizing:border-box; letter-spacing: -0.72px;}
.dots::before {content:''; width: 4px; height: 4px; border-radius: 20px; opacity: 0.5; background: var(--black); position:absolute; top:14px; left:0;}
.dots+.dots {margin:5px 0 0;}

.checkBox {padding:35px; box-sizing:border-box; background:#f6f7f9; margin:40px 0 0;}
.check {padding-left:30px; box-sizing:border-box; position:relative; letter-spacing: -0.72px;}
.check+.check {margin:8px 0 0;}
.check::before {content:''; width:20px; height:20px; background:url("/resources/about/img/check.svg")no-repeat center / 100%; position:absolute; top:4px; left:0;}



/* ���� ���̺� */
.table-box {display:flex; flex-wrap:wrap;}
.table-box+.table-box {margin-top:160px;}
.table-box .table-tit {width:405px; font-weight: 700; padding-right:20px; box-sizing:border-box;}
.table-box .table-tit .logo {display:block; margin:20px 0 0; line-height:1;}
.table-box .table-tit .stxt {display:block; margin:25px 0 0; font-size:1rem; font-weight:400; color:var(--basic);}
.table-box .table-tit .stxt b {display:block; font-weight: 600; display:block; line-height:inherit; letter-spacing:inherit; font-size:1.11rem; margin-bottom:5px; color:var(--black);}
.table-box .table-content {width:calc(100% - 405px);}
.table-box .table-content .scr_wrap {max-width:1050px; margin:0 0 0 auto;}
.table-box .table-content .grayBox {background: var(--gray_bg_opa6); padding:30px; box-sizing:border-box;}
.table-box .table-content .grayBox p+p {margin:25px 0 0;}
.table-box .table-content .w1050 {margin:0 0 0 auto;}

.promotion-info dl {display:flex; flex-wrap:Wrap; align-items:center; border:1px solid var(--border); box-sizing:border-box;}
.promotion-info dl dt {width:210px; text-align:center;}
.promotion-info dl dd {width:calc(100% - 210px); padding:35px 50px 35px 0; box-sizing:border-box;}
.promotion-info dl dd ul li {position:relative; padding-left:90px; box-sizing:border-box; letter-spacing: -0.72px;}
.promotion-info dl dd ul li b {position:absolute; top:0; left:10px; font-weight: 600; color:var(--black); letter-spacing:inherit;}
.promotion-info dl dd ul li p {letter-spacing:inherit; color:var(--black); display:flex; flex-wrap:wrap; gap:5px 20px;}
.promotion-info dl dd ul li p i {font-style: normal; letter-spacing:inherit; color:var(--basic); display:inline-block;}
.promotion-info dl dd ul li p i::before {content:'\e158'; font-family:var(--icon); display:inline-block; vertical-align:middle; margin-right:3px;}
.promotion-info dl dd ul li+li {margin:5px 0 0;}
.promotion-info dl dd ul li::before {content:''; width: 4px; height: 4px; border-radius: 20px; opacity: 0.5; background: var(--black); position:absolute; top:14px; left:0;}


.scr_wrap{position: relative;}
.background_box{padding:80px; box-sizing:border-box; text-align:center; background:#f5f5f5;}
.background_box img{margin-top: 30px; max-width:100% !important; height:auto !important;}

.responsive-dim{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6);z-index: 2; display:none;}
.responsive-dim .stock-scroll-drag-guide{position: absolute;top: 50%; left: 0;right: 0; text-align: center; transform: translate(0,-50%);}

.stock-scroll-drag-guide {display:flex; justify-content:center;}
.stock-scroll-drag-guide .stock-scroll-drag-inner { position: relative; width:50px; height: 50px; }
.stock-scroll-drag-guide .stock-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:rgba(255,255,255,0.5); content:""; border-radius:5px;}
.stock-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:stock-drag-hand 3s both infinite; }
.stock-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color:#fff; border-radius:5px; opacity:1; }
.stock-scroll-drag-guide .drag-tail .hand-icon{margin-top: 5px; display: block;}

@keyframes stock-drag-hand {
	0% {
		left: 0;
		margin-left: 0px;
		transform: rotate(0deg);
	}
	10% {
		left: 0;
		margin-left: 0px;
		transform: rotate(0deg);
	}
	50% {
		left: 100%;
		margin-left: -25px;
	}
	100% {
		left: 0;
		margin-left: 0px;
	}
}





/* ����ž */
.esg_top {background:var(--black); min-height:600px; padding:60px; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 100px;}
.esg_top .esg_bg {position:absolute; top:0; left:0; width:100%; height:100%;}
.esg_top .tBox {text-align:center; position:relative; z-index:10;}
.esg_top .tBox .fs45 {color:var(--white); font-weight: 700; margin:0 0 15px;}
.esg_top .tBox .fs20 {color:rgba(255,255,255,0.8); font-size:1.11rem; line-height:160%; letter-spacing: -0.8px;}
/* ����ž */



/* ���� �� */
.sub-tab-list {position:relative; z-index:10; background:var(--white); overflow:hidden;}
.sub-tab-list::after {content:''; width:100%; height:100%; border:1px solid var(--border); box-sizing:border-box; position:absolute; top:0; left:0; z-index:-1;}
.sub-tab-list ul {display:flex; justify-content: center;}
.sub-tab-list li {width: auto; padding:0 15px;}
.sub-tab-list li a {position:relative; line-height:80px; display:block; letter-spacing: -0.72px; color:rgba(34,34,34,0.6); white-space:nowrap; transition:all 0.3s ease;}
.sub-tab-list li a:hover {color:var(--main); transition:all 0.3s ease;}
.sub-tab-list li a::after {content:''; width:0; height:3px; background:var(--main); position:absolute; bottom:0; left:0; transition:all 0.3s ease;}
.sub-tab-list li a:hover::after {width:100%; transition:all 0.3s ease;}
.sub-tab-list li.up a {font-weight: 600; color: var(--main);}
.sub-tab-list li.up a::after {width:100%;}
/* ���� �� */



.table_style {width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid var(--main);}
.table_style .tab_tit {font-weight: 600; color: var(--black);}
.table_style .last {border-right:0;}
.table_style th {font-size:1rem; color:var(--black); padding:13px 10px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); font-weight: 600; letter-spacing: -0.72px; background: var(--gray_bg_opa6); text-align:center;}
.table_style th span {display:block; font-size:0.88rem; line-height:1.5; letter-spacing:inherit; font-weight:400; margin:-7px 0 0;}
.table_style td {font-size:1rem; padding:13px 25px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); text-align:center; letter-spacing: -0.72px;}
.table_style td .stxt {text-align:left;}
.table_style td.black {color:Var(--black);}
.table_style .bg td {background: rgba(0, 78, 162, 0.10);}




/* ������2(���) */
.gallery_roll{position:relative;}
.gallery_roll:after{content:''; display:block; clear:both;}
.gallery_roll .roll{position:relative;}
.gallery_roll .roll .imgArea{background:#000; overflow: hidden; aspect-ratio: 3 / 2;}
.gallery_roll .roll .imgArea img{width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_roll .roll .txtArea{position:absolute; left:0; bottom:0; width:100%; text-align:center; background:rgba(34,34,34,.6); padding:20px; box-sizing:border-box;}
.gallery_roll .roll .txtArea h4{font-weight:400; color:var(--white); line-height:150%; font-size:1.25rem;}
.gallery_roll .slick-arrow{border:0; padding:0; font-size:0; outline:none; cursor:pointer; width:30px; height:30px; transition:all .3s linear; position: absolute; z-index: 9999; width: 30px; height: 30px; opacity: 1; left: auto; right:auto; bottom: auto; top:50%; margin-top:-15px;}
.gallery_roll .slick-arrow:hover{opacity:0.5;}
.gallery_roll .slick-prev{background:url('/img/arrow_p_w.png') no-repeat center/100% auto; left:30px;}
.gallery_roll .slick-next{background:url('/img/arrow_n_w.png') no-repeat center/100% auto; right:30px;}

.gallery_nav{margin:30px -2px 0; width:calc(100% + 4px);}
.gallery_nav:after{content:''; display:block; clear:both;}
.gallery_nav .roll{margin:0 2px; cursor:pointer; background-color:#000; overflow: hidden;}
.gallery_nav .roll .txtArea{display: none;}
.gallery_nav .roll .imgArea{overflow: hidden; aspect-ratio: 3 / 2;}
.gallery_nav .roll .imgArea img{opacity:0.5; width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_nav .roll.slick-current .imgArea img{opacity:1;}










/* ����Ʈ�� */
.sitemap_cont {display:flex; flex-wrap:wrap;}
.sitemap_cont dl {width:calc((100% - 90px) / 4); margin: 0 30px 50px 0; text-align:center; text-align:center; border-top: 2px solid var(--main);}
.sitemap_cont dl:nth-child(4n) {margin-right:0;}
.sitemap_cont dl dt{border-bottom:1px solid var(--border); font-weight:500; color:var(--black); letter-spacing:-0.35pt; padding:20px 0; line-height:120%; font-size:1.125rem;}
.sitemap_cont dl dd {border-bottom:1px solid var(--border); }
.sitemap_cont dl dd a{display:block; width:100%; padding:17px 0; line-height:120%; letter-spacing:-0.3pt; transition:all 0.3s linear; font-size:1rem;}
.sitemap_cont dl dd a:hover{color:var(--main); transition:all 0.3s linear; font-weight:500;}



/* �̿���, ����������޹�ħ -����*/
.policy_cont {position:relative; overflow:hidden; font-size:1rem;}
.policy_cont .table_style {margin:15px 0 30px;}
.policy_cont .table_style td b {text-align:left; display:block; color:var(--black);}
.policy_cont br{display:block;}
.policy_cont strong{font-weight:500; color:var(--black);}
.policy_cont .cont_title{font-size:1.412rem; color:var(--black); padding-bottom:18px; letter-spacing:-0.02em; font-weight:500;}
.policy_cont p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:500; color:var(--black) !important; letter-spacing:-0.02em;}
.policy_cont .cont_txt {padding:0px 0px 100px 0;}
.policy_cont .cont_txt2 {padding-bottom:35px;}
.policy_cont .cont_box {padding:25px; background:var(--grayBg); margin:7px 0px 10px 0px; display:block;  letter-spacing:-0.02em; line-height:1.7;}

.privacy_list {width:100%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px solid var(--border); margin-bottom:60px; box-sizing:border-box;}
.privacy_list li {width:100%; padding-bottom:1%; position:relative;}
.privacy_list li a {font-weight:500; color:var(--black); display:block; padding-right:30px; box-sizing:border-box; }
.privacy_list li b {position:absolute; top:0; right:0; color:var(--black);}




.policy_ico_list {border-top:1px solid var(--border); margin:0 0 60px;}
.policy_ico_list ul {display:flex; flex-wrap:wrap; margin:0 0 10px; border-left:1px solid var(--border); box-sizing:border-box; }
.policy_ico_list ul li {border-right:1px solid var(--border); border-bottom:1px solid var(--border); width:25%; box-sizing:border-box; text-align:center; padding:40px 60px 30px;}
.policy_ico_list ul li i {display:block; font-style:normal; margin:15px 0 20px;}
.policy_ico_list ul li i::before {font-family:var(--icon); font-size:80px; line-height:1; color:var(--main);}
.policy_ico_list ul li .fs21 {font-size:1.1666rem; color:var(--black); letter-spacing:-0.54px; font-weight:600;}

.policy_ico_list ul li:nth-of-type(1) i::before {content:'\e853';}
.policy_ico_list ul li:nth-of-type(2) i::before {content:'\f775';}
.policy_ico_list ul li:nth-of-type(3) i::before {content:'\e939';}
.policy_ico_list ul li:nth-of-type(4) i::before {content:'\f0e2';}





/* �̿���, ����������޹�ħ -new */
.privacy_wrap p {font-size:1rem; letter-spacing:-0.72px; line-height:177%; color:var(--basic); font-weight:400;}
.privacy_wrap .cont_area {margin-top:40px;}

/* ���� faq ��Ÿ�� */
.faq_style dl{box-sizing:border-box; overflow: hidden; border:1px solid var(--border); transition:all .3s linear; margin: 0 0 5px;}
.faq_style dl:last-child{margin: 0;}
.faq_style dl.on{border:2px solid var(--main);}
.faq_style dl dt{padding:20px 70px; box-sizing:border-box; position:relative; cursor:pointer;}
.faq_style dl dt:before{content:'\e145'; display:block; width:35px; height:35px; line-height:33px; font-size:20px; font-family:var(--icon); border-radius:50%; background:var(--main); color:var(--white); text-align:center; position:absolute; left:20px; top:18px; transition:all .3s linear; border:2px solid var(--main); box-sizing:border-box;}
.faq_style dl.on dt{background:#F0F3F5;}
.faq_style dl.on dt:before{content:'\e15b'; background:var(--white); color:var(--main);}
.faq_style dl dt:after{content:'\e313'; display:block; width:22px; height:22px; line-height:22px; font-size:22px; font-family:var(--icon); color:var(--main); text-align:center; position:absolute; right:30px; top:26px; transition:all .3s linear;}
.faq_style dl.on dt:after{transform:rotate(180deg);}
.faq_style dl dt .fs20{font-size:1.111rem; line-height:160%; font-weight:600; color:var(--black); }
.faq_style dl.on dt .fs20{color:var(--main);}
.faq_style dl dd{padding:20px 30px 30px; border-top: 1px solid var(--border); box-sizing:border-box;}
.faq_style dl dd .faq_cont{box-sizing:border-box; font-size:1rem; color:var(--basic); letter-spacing:-0.72px; line-height: 177%;}
.faq_style dl dd .faq_cont p{font-size:1rem; color:var(--basic);  letter-spacing:-0.72px; line-height: 177%; margin-bottom:20px;}
.faq_style dl dd .faq_cont p:last-child{ margin-bottom:0px;}
.faq_style dl dd .faq_cont img{max-width:100% !important; height:auto !important;}
.faq_style dl dd .faq_cont h5{font-weight: 700; padding: 25px 0 5px; font-size:1rem; color:var(--black);  letter-spacing:-0.72px; line-height: 177%;}
.faq_style dl dd .faq_cont h5:first-of-type{padding-top: 0;}
.faq_style dl dd .faq_cont h6{font-weight: 600; padding: 20px 0 5px; font-size:1rem; color:var(--black);  letter-spacing:-0.72px; line-height: 177%;}
.faq_style dl dd .faq_cont h6:first-of-type{padding-top: 0;}
.faq_style dl dd .faq_cont .drop_inner{box-sizing:border-box; font-size:1rem; color: var(--basic); font-weight:400;  letter-spacing:-0.72px; line-height: 177%; }
.faq_style dl dd .faq_cont .drop_inner small {font-size: 1rem; color: var(--basic); font-weight: 400; letter-spacing: -0.72px; line-height: 177%;}
.faq_style dl dd .faq_cont .drop_inner p{font-size:1rem; color: var(--basic);}

.faq_style dl dd .faq_cont .drop_inner .dot li {position:relative; padding-left:10px; font-size: 1rem; color: var(--basic); font-weight: 400; letter-spacing: -0.72px; line-height: 177%;}
.faq_style dl dd .faq_cont .drop_inner .dot li:before {position:absolute; left:0; top:14px; display:block; content:''; width:3px; height:3px; border-radius:100%; background:var(--basic); }

.faq_style dl dd .faq_cont .faq_btn{text-align:right; margin:30px 0 0;}
.faq_style dl dd .faq_cont .pdf_btn{display:inline-block; height:60px; line-height:58px; padding: 0 70px 0 20px; box-sizing:border-box; color:var(--white);border:1px solid var(--main); text-align:center; position: relative; transition:all .4s ease; overflow: hidden; background:var(--main);}
.faq_style dl dd .faq_cont .pdf_btn:before{content:''; display:block; width:30px; height:30px; border-radius:50%; background:var(--white); position:absolute; right:20px; top:50%; margin-top:-15px; transition:all .3s;}
.faq_style dl dd .faq_cont .pdf_btn:after{content:'\f090'; display:block; width:30px; height:30px; line-height: 30px; font-size:20px; color:var(--main); font-family:var(--icon); position:absolute; right:20px; top:50%; text-align:center; margin-top:-15px; transition:all .3s; border-radius:50%;}
.faq_style dl dd .faq_cont .pdf_btn em{display: inline-block; font-size:1rem; line-height: inherit; font-weight:600; color:inherit; font-style:normal; position: relative; z-index: 3; white-space: nowrap;}

.faq_style dl dd .faq_cont .pdf_btn:hover{color:var(--main); transition:all .3s linear;}
.faq_style dl dd .faq_cont .pdf_btn:hover:before{transform:scale(30); transition:all .4s linear;}
.faq_style dl dd .faq_cont .pdf_btn:hover:after{background:var(--main); color:var(--white);}





/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){



.fs45 br {display:none;}
.fs22 br {display:none;}
.stxt br {display:none;}

.dots br {display:none;}
.check br {display:none;}


.esg_top br {display:none;}


.table-box .table-tit {width:305px;}
.table-box .table-content {width:calc(100% - 305px);}
.table-box .table-content .prd-info-list dl dd br {display:none;}


.policy_ico_list ul li {padding:40px 20px;}
.policy_ico_list ul li br {display:block !important;}




}
/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){







/* ������2(���) */
.gallery_roll .roll .txtArea{padding:15px;}
.gallery_roll .slick-arrow{width: 25px; height: 25px; margin-top:-12px;}
.gallery_roll .slick-prev{left:20px;}
.gallery_roll .slick-next{right:20px;}
.gallery_nav{margin:20px -2px 0; width:calc(100% + 4px);}
.gallery_nav .roll{margin:0 2px;}



}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){




.visual_lnb {padding:120px 0 45px;}

#visual {margin-bottom:60px;}
#visual h3 {font-size:3rem;}




/*** ���� css ***/
.fs45 {font-size:2rem;}

.dots::before {top:11px;}

.check+.check {margin:6px 0 0;}
.check::before {width:18px; height:18px;}


/* ����ž */
.esg_top {min-height:450px; padding:50px; margin:0 0 70px;}
/* ����ž */


/* ���� �� */
.sub-tab-list ul {display:flex; justify-content: flex-start;}
.sub-tab-list li {width: auto; padding:0 10px;}
.sub-tab-list li a {line-height:60px;}
/* ���� �� */




.table-box+.table-box {margin-top:120px;}
.table-box .table-tit {width:100%; margin:0 0 30px; padding-right:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.table-box .table-tit .logo {margin:0;}
.table-box .table-content {width:100%;}
.table-box .table-content .grayBox p+p {margin:15px 0 0;}

.promotion-info dl dd ul li::before {top:11px;}






/* ����Ʈ�� */
.sitemap_cont dl {width:calc((100% - 60px) / 4); margin: 0 20px 30px 0;}
.sitemap_cont dl:nth-child(4n) {margin-right:0;}
.sitemap_cont dl dt{padding:15px 0;}
.sitemap_cont dl dd a{padding:12px 0;}




.policy_ico_list ul li {width:50%;}
.policy_ico_list ul li i {margin:15px 0 0;}
.policy_ico_list ul li i::before {font-size:70px;}

/* �̿���, ����������޹�ħ -new */
.privacy_wrap p {font-size:1rem; letter-spacing:-0.62px; line-height:170%; }
.privacy_wrap .cont_area {margin-top:30px;}

/* ���� faq ��Ÿ�� */
.faq_style dl{ transition:all .3s linear; margin: 0 0 5px;}
.faq_style dl dt{padding:20px 65px; }
.faq_style dl dt:before{width:30px; height:30px; line-height:28px; font-size:20px; left:20px; top:18px; }
.faq_style dl dt:after{ width:22px; height:22px; line-height:22px; font-size:22px; right:30px; top:24px; }
.faq_style dl dt .fs20{font-size:1.111rem; }
.faq_style dl dd{padding:20px ; }
.faq_style dl dd .faq_cont{ font-size:1rem; color:var(--black); letter-spacing:-0.72px; line-height: 177%;}
.faq_style dl dd .faq_cont p{font-size:1rem; letter-spacing:-0.72px; line-height: 177%;}
.faq_style dl dd .faq_cont h5{padding: 20px 0 5px; letter-spacing:-0.72px; }
.faq_style dl dd .faq_cont h6{ padding: 15px 0 5px;  letter-spacing:-0.72px; line-height: 177%;}
.faq_style dl dd .faq_cont .drop_inner{font-size:1rem;letter-spacing:-0.72px; line-height: 177%; }

.faq_style dl dd .faq_cont .drop_inner .dot li:before {position:absolute; left:0; top:13px; display:block; content:''; width:3px; height:3px; border-radius:100%; background:var(--basic); }





/* �̿���, ����������޹�ħ */
.policy_cont p.cont_tit {font-size:1.2em !important; padding-bottom:5px;}
.policy_cont .cont_txt {padding:0px 0px 60px 0; }
.policy_cont .cont_txt2 {padding-bottom:25px;}
.policy_cont .cont_box {padding:18px 18px; }

.privacy_list {margin-bottom:30px;}
.privacy_list li {width:100%;  }


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/* ����ž */

#visual {margin-bottom:35px;}
#visual h3 {font-size:2.2rem;}
#visual p {margin:5px 0 0;}



.visual_lnb {padding:66px 0 40px; max-width:100%; width:100%;}
.visual_lnb dl {border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
.visual_lnb dl dt {display:none;}
.visual_lnb dl dd {width:50%; border-right:1px solid var(--border); box-sizing:border-box;}
.visual_lnb dl dd:last-of-type {border-right:0;}
.visual_lnb dl dd:before {height:16px; margin:0 15px; display:none;}
.visual_lnb dl dd .txt {font-size:0.988rem; width:100%; padding:0 15% 0 10%; line-height: 45px;}
.visual_lnb dl dd .txt:after {font-size:18px; line-height:18px; height:18px; right:5%;}
.visual_lnb dl.ver1 dd {width:100%;}
.visual_lnb dl.ver1 dd .txt {padding:0 10% 0 5%;}
.visual_lnb dl dd .dlst {width:100%;}
.visual_lnb dl dd .dlst ul li a .link_url::after {font-size:15px;}



/*** ���� css ***/
.fs45 {font-size:1.6rem; letter-spacing:-1px;}

.table_style th {padding:10px;}
.table_style td {padding:10px 15px;}

.scr_wrap {overflow-x: auto;}
.scr_wrap .right_txt {width:768px;}
.scr_wrap table {width:768px;}
.scr_wrap .responsive-dim.show{display: block;}

.dots::before {width:3px; height:3px; top:9px;}

.checkBox {padding:15px; margin:25px 0 0;}
.check {padding-left:22px;}
.check+.check {margin:4px 0 0;}
.check::before {width:14px; height:14px; top:3px;}


/* ����ž */
.esg_top {min-height:300px; padding:50px 30px; margin:0 0 45px;}
.esg_top .tBox .fs45 {margin:0 0 10px;}
/* ����ž */

/* ���� �� */
.sub-tab-list ul {display:flex; justify-content: flex-start;}
.sub-tab-list li {width: auto; padding:0 10px;}
.sub-tab-list li a {line-height:48px;}
/* ���� �� */



.table-box+.table-box {margin-top:60px;}
.table-box .table-content .grayBox {padding:15px;}

.promotion-info dl {position:relative; padding:20px 35px 30px 25px; box-sizing:Border-box;}
.promotion-info dl dt {position:absolute; bottom:20px; right:15px; width:auto; text-align:center;}
.promotion-info dl dt img {max-height:40px;}
.promotion-info dl dd {width:100%; padding:0;}
.promotion-info dl dd ul li {padding-left:70px;}
.promotion-info dl dd ul li::before {top:9px; width:3px; height:3px;}
.promotion-info dl dd ul li p {gap:2px 0;}
.promotion-info dl dd ul li p i {width:100%;}




.policy_ico_list ul li {width:100%; padding:25px 20px;}
.policy_ico_list ul li i {margin:5px 0 10px;}
.policy_ico_list ul li i::before {font-size:50px;}

/* �̿���, ����������޹�ħ -new */
.privacy_wrap p {font-size:1rem; letter-spacing:-0.54px; line-height:160%; }
.privacy_wrap .cont_area {margin-top:20px;}

/* ���� faq ��Ÿ�� */
.faq_style dl{ transition:all .3s linear; margin: 0 0 5px;}
.faq_style dl dt{padding:15px 50px; }
.faq_style dl dt:before{width:26px; height:26px; line-height:23px; font-size:20px; left:15px; top:13px; }
.faq_style dl dt:after{ width:20px; height:20px; line-height:20px; font-size:20px; right:15px; top:19px; }
.faq_style dl dt .fs20{font-size:1.111rem; }
.faq_style dl dd{padding:15px ; }
.faq_style dl dd .faq_cont{ font-size:1rem; color:var(--black); letter-spacing:-0.54px; line-height: 160%;}
.faq_style dl dd .faq_cont p{font-size:1rem; letter-spacing:-0.54px; line-height: 160%; margin-bottom:15px;}
.faq_style dl dd .faq_cont h5{padding: 15px 0 5px; letter-spacing:-0.54px; }
.faq_style dl dd .faq_cont h6{ padding: 10px 0 5px;  letter-spacing:-0.54px; line-height: 160%;}
.faq_style dl dd .faq_cont .drop_inner{font-size:1rem;letter-spacing:-0.54px; line-height: 160%; }

.faq_style dl dd .faq_cont .drop_inner .dot li:before {position:absolute; left:0; top:11px; display:block; content:''; width:3px; height:3px; border-radius:100%; background:var(--basic); }




/* ������2(���) */
.gallery_roll .roll .txtArea{padding:10px;}
.gallery_roll .slick-prev{left:10px;}
.gallery_roll .slick-next{right:10px;}
.gallery_nav{margin:10px -2px 0; width:calc(100% + 4px);}
.gallery_nav .roll{margin:0 2px;}


}