@charset "utf-8"; /* 공통 */
.v_pc { display: block; } 
.v_mo { display: none; } 

#wrap #container.compliance .contents_area { max-width: 1200px; padding: 140px 0 0 0; } 

.compliance .kv_box { text-align: center; background: #f7f7f7; padding: 90px 0 77px; } 
.compliance .kv_box .kv_logo { } 
.compliance .kv_box p { font-family: 'NotoSansL'; font-size: 20px; line-height: 30px; color: #333; margin-top: 58px; letter-spacing: -0.04em; } 
.compliance .kv_box p.txt_2 { margin-top: 30px; } 

.compliance .program_box { text-align: center;  padding-top: 142px; } 
.compliance .program_box .txt_1 { font-family: 'NotoSansB'; font-size: 32px; line-height: 1; color: #333; letter-spacing: -0.04em; } 
.compliance .program_box .txt_2 {font-size: 20px; line-height: 30px; color: #666; margin-top: 25px; letter-spacing: -0.04em; } 
.compliance .program_box .bg { margin: 95px auto 0; } 

.compliance .process_box { margin-top: 130px; background: #f7f7f7; display: flex; flex-direction: column; text-align: center; padding: 100px 95px 65px; } 
.compliance .process_box .txt_1 { font-family: 'NotoSansB'; font-size: 32px; line-height: 1; color: #333; letter-spacing: -0.04em; } 
.compliance .process_box .txt_2 { font-size: 20px; line-height: 30px; color: #666; margin-top: 25px; letter-spacing: -0.04em; } 
.compliance .process_box .img_box { display: flex; justify-content: space-around; margin-top: 82px; } 
.compliance .process_box .img_box div:nth-child(2) { margin-left: -58px; } 
.compliance .process_box .img_box div:nth-child(3) { margin-left: -58px; } 

.compliance .system_box { margin-top: 140px; display: flex; flex-direction: column; text-align: center; } 
.compliance .system_box .txt_1 { font-family: 'NotoSansB'; font-size: 32px; line-height: 1; color: #333; letter-spacing: -0.04em; } 
.compliance .system_box .txt_2 { font-size: 20px; line-height: 30px; color: #666; margin-top: 25px; letter-spacing: -0.04em; } 
.compliance .system_box .img_box { display: flex; flex-direction: column; width: 968px; margin: 0 auto; margin-top: 55px; } 
.compliance .system_box .img_box div { justify-content: left; display: flex; } 
.compliance .system_box .img_box div:nth-child(2n) { justify-content: right; } 

.compliance .conduct_box { margin-top: 62px; background: #f7f7f7; display: flex; flex-direction: column; text-align: center; padding: 140px 67px; } 
.compliance .conduct_box > p.txt_1 { font-family: 'NotoSansB'; font-size: 32px; line-height: 1; color: #333; letter-spacing: -0.04em; } 
.compliance .conduct_box > p.txt_2 { font-size: 20px; line-height: 30px; color: #666; margin-top: 25px; letter-spacing: -0.04em; } 
.compliance .conduct_box .cube_box { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 66px; } 
.compliance .conduct_box .cube_box .cube { width: 330px; height: 380px; padding: 40px 22px; margin-top: 30px; box-shadow: 0px 15px 24.5px 0.5px rgba(0, 0, 0, 0.06); text-align: left; margin-left: 38px; } 
#wrap.en .compliance .conduct_box .cube_box .cube {min-height: 380px; height: auto;} 
.compliance .conduct_box .cube_box .cube:nth-child(1),
.compliance .conduct_box .cube_box .cube:nth-child(2),
.compliance .conduct_box .cube_box .cube:nth-child(3) { margin-top:0; } 
.compliance .conduct_box .cube_box .cube:first-child { margin-left:0; } 
.compliance .conduct_box .cube_box .cube:nth-child(3n+1) { margin-left:0; } 
.compliance .conduct_box .cube_box .cube .txt_1 {font-family: 'MontserratEL';font-size: 100px;line-height: 1;color: #fec85b;letter-spacing: -0.04em;} 
.compliance .conduct_box .cube_box .cube .txt_2 { font-family: 'NotoSansL'; font-size: 17px; line-height: 26px; color: #666; letter-spacing: -0.04em; } 
.compliance .conduct_box .cube_box .cube .txt_2 p { margin-top: 14px; } 
.compliance .conduct_box .cube_box .cube .txt_2 p:first-child { font-family: 'NotoSansM'; font-size: 22px; line-height: 30px; color: #333; margin-top: 14px; } 

.compliance .tip_box { text-align: center; margin-top: 140px; } 
.compliance .tip_box .txt_1 { font-family: 'NotoSansB'; font-size: 32px; line-height: 1; color: #333; letter-spacing: -0.04em; } 
.compliance .tip_box .txt_2 { font-size: 20px; line-height: 30px; color: #666; margin-top: 25px; letter-spacing: -0.04em; } 
.compliance .tip_box .txt_3 { font-size: 20px; line-height: 30px; color: #666; margin-top: 25px; letter-spacing: -0.04em; } 
.compliance .tip_target { display: flex; justify-content: space-between; margin-top: 80px; } 
.compliance .tip_target .flex_box { display: flex; } 
.compliance .tip_target div.card { width: 380px; min-height: 340px; background: #f7f7f7; padding: 65px 23px 30px; } 
.compliance .tip_target .flex_box div.card:nth-child(2) { margin-left: 30px; } 
.compliance .tip_target div .tit_1 { font-family: 'NotoSansM'; font-size: 22px; line-height: 1; color: #333; letter-spacing: -0.04em; position: relative; } 
.compliance .tip_target .flex_box div.card .tit_1::before { content: ''; background:#f47320; width: 10px; height: 10px; border-radius: 10px; position: absolute; top: -30px; left: 0; } 
.compliance .tip_target .flex_box div.card:nth-child(2) .tit_1::before { content: ''; background:#45b97c } 
.compliance .tip_target div.card .tit_1 { position: relative; } 
.compliance .tip_target div.card .tit_1::before { content: ''; width: 10px; height: 10px; border-radius: 10px; position: absolute; top: -30px; left: 0; background:#feb914 } 
.compliance .tip_target div .txt_box { margin-top: 30px; border-top: 1px solid #c1c1c1; border-style: dashed; padding-top: 25px; } 
.compliance .tip_target div .txt_box .list_box { display: flex; } 
.compliance .tip_target div .txt_box p { font-family: 'NotoSansL'; font-size: 17px; line-height: 25px; color: #666; letter-spacing: -0.04em; } 
#wrap.en .compliance .tip_target .flex_box .card:first-child .txt_box p{ padding-left: 10px; text-indent: -10px;} 
.compliance .tip_target div .txt_box .th { font-family: 'NotoSansM'; color: #666; width: 68px; } 
#wrap.en .compliance .tip_target div .txt_box .th {width: 88px;} 
.compliance .tip_target div .txt_box .td { width: calc(100% - 68px); } 
#wrap.en .compliance .tip_target div .txt_box .td { width: calc(100% - 88px); } 
.compliance .tip_target div .txt_box a { font-family: 'NotoSansL'; font-size: 17px; line-height: 25px; color: #666; letter-spacing: -0.04em; width: calc(100% - 68px); } 

@media all and (max-width:1023px) { /* 공통 */
.v_pc { display: none; } 
.v_mo { display: block; } 
img { width: 100%; } 

#wrap #container.compliance .contents_area { max-width: 100%; padding: 13.89vw 0 0 0; } 

.compliance .kv_box { padding: 12.50vw 0 12.08vw;} 
#wrap.en .compliance .kv_box {padding: 12.50vw 4vw 12.08vw;} 
.compliance .kv_box .kv_logo { width: 29.17vw; } 
.compliance .kv_box p { font-size: 3.33vw; line-height: 5.28vw; margin-top: 6.39vw; } 
.compliance .kv_box p.txt_2 { margin-top: 3.89vw; } 

.compliance .program_box { padding-top: 19.44vw; } 
.compliance .program_box .txt_1 { font-size: 5.56vw; } 
.compliance .program_box .txt_2 { font-size: 3.33vw; line-height: 5.28vw; margin-top: 3.06vw; } 

.compliance .program_box .bg { margin-top: 8.89vw; } 

.compliance .process_box { margin-top: 19.44vw; padding: 13.89vw 0 10.56vw; } 
.compliance .process_box .txt_1 { font-size: 5.56vw; } 
.compliance .process_box .txt_2 { font-size: 3.33vw; line-height: 5.28vw; margin-top: 3.06vw; } 
.compliance .process_box .img_box { justify-content: center; flex-direction: column; margin: 0 auto; margin-top: 4.86vw; } 
.compliance .process_box .img_box img { width: 69.17vw; } 
.compliance .process_box .img_box div:nth-child(2) { margin-left: 0; margin-top: -3.06vw; } 
.compliance .process_box .img_box div:nth-child(3) { margin-left: 0; margin-top: -2.36vw; } 

.compliance .system_box { margin-top: 25.00vw; } 
.compliance .system_box .txt_1 { font-size: 5.56vw; } 
.compliance .system_box .txt_2 { font-size: 3.33vw; line-height: 5.28vw; margin-top: 4.17vw; } 
.compliance .system_box .img_box { width: 100%; margin-top: 8.06vw; } 
.compliance .system_box .img_box img { width: 92.08vw; } 
.compliance .system_box .img_box div { margin-top: -4.03vw; justify-content: center; margin-left: -5.83vw; } 
.compliance .system_box .img_box div:first-child { margin-top: 0; } 
.compliance .system_box .img_box div:nth-child(2n) { justify-content: center; margin-left: 3.33vw; } 

.compliance .conduct_box { margin-top: 8.33vw; padding: 19.44vw 6.67vw 22.22vw; } 
.compliance .conduct_box > p.txt_1 { font-size: 5.56vw; } 
.compliance .conduct_box > p.txt_2 { font-size: 3.33vw; line-height: 5.28vw; margin-top: 4.17vw; } 
.compliance .conduct_box .cube_box { margin-top: 4.17vw; justify-content: space-between; } 
.compliance .conduct_box .cube_box .cube { margin-left: 0; width: 40.28vw; height: auto; min-height: 62.50vw; padding: 5.56vw 4.44vw; box-shadow: 0.00vw 2.08vw 3.40vw 0.07vw rgba(0, 0, 0, 0.06); margin-top: 6.94vw; } 
#wrap.en .compliance .conduct_box .cube_box .cube {min-height: 62.50vw; } 
.compliance .conduct_box .cube_box .cube:nth-child(1),
.compliance .conduct_box .cube_box .cube:nth-child(2) { margin-top: 0; } 
.compliance .conduct_box .cube_box .cube:nth-child(3) { margin-top: 6.94vw; } 

.compliance .conduct_box .cube_box .cube:first-child { } 
.compliance .conduct_box .cube_box .cube:nth-child(3n+1) { } 
.compliance .conduct_box .cube_box .cube .txt_1 { font-size: 13.89vw; } 
.compliance .conduct_box .cube_box .cube .txt_2 { font-size: 2.78vw; line-height: 4.17vw; } 
.compliance .conduct_box .cube_box .cube .txt_2 p { margin-top: 1.39vw; } 
.compliance .conduct_box .cube_box .cube .txt_2 p:first-child { font-size: 3.33vw; line-height: 4.17vw; margin-top: 2.08vw; } 

.compliance .tip_box { margin-top: 23.61vw; } 
.compliance .tip_box .txt_1 { font-size: 5.56vw; } 
.compliance .tip_box .txt_2 { font-size: 2.78vw; line-height: 4.17vw; margin-top: 4.44vw; } 
.compliance .tip_box .txt_3 { margin-top: 3.33vw; font-size: 2.78vw; line-height: 4.17vw; } 
.compliance .tip_target { padding: 0 6.67vw; } 
.compliance .tip_target {width: 100%;justify-content: normal;flex-direction: column;} 
.compliance .tip_target .flex_box {width: 100%;justify-content: space-between;} 
.compliance .tip_target div.card {width: 41.67vw;padding: 9.17vw 4.03vw 6.67vw;min-height: 56.67vw;} 
.compliance .tip_target div.card.last {width: 100%;margin-top: 3.33vw;padding: 9.17vw 4.17vw 6.67vw;min-height: 44.31vw;} 
.compliance .tip_target .flex_box div.card:nth-child(2) {margin-left: 0;} 
.compliance .tip_target div .tit_1 {font-size: 3.33vw;} 
.compliance .tip_target .flex_box div.card .tit_1::before {width: 2.08vw;height: 2.08vw;border-radius: 2.08vw;top: -4.17vw;} 
.compliance .tip_target .flex_box div.card:nth-child(2) .tit_1::before { } 
.compliance .tip_target div.card .tit_1 { } 
.compliance .tip_target div.card .tit_1::before { } 
.compliance .tip_target div .txt_box {padding-top: 2.22vw;margin-top: 4.17vw;} 
.compliance .tip_target div .txt_box .list_box {display: block;} 
.compliance .tip_target div .txt_box p {font-size: 2.78vw;line-height: 4.17vw;} 
#wrap.en .compliance .tip_target .flex_box .card:first-child .txt_box p{padding-left: 1.8vw;text-indent: -1.8vw;}
.compliance .tip_target div .txt_box .th {font-family: 'NotoSansM';width: 100%;} 
#wrap.en .compliance .tip_target div .txt_box .th {width: 100%;} 
.compliance .tip_target div .txt_box .td {width: 100%;} 
#wrap.en .compliance .tip_target div .txt_box .td {width: 100%;} 
.compliance .tip_target div .txt_box a {font-size: 2.78vw;line-height: 4.17vw;}
 }