@charset "utf-8";/* 윤리상담실 이용안내 */
#container.ethics_counsel .contents_area .title_info { color: #333; font-family: 'NotoSansM'; font-size: 28px; text-align: center; } 
#container.ethics_counsel .contents_area .text_info { color: #666; font-size: 20px; line-height: 30px; letter-spacing: -0.04em; text-align: center; margin-top: 22px; } 
#container.ethics_counsel .contents_area .counsel_contact { margin: 100px auto 0; } 
#container.ethics_counsel .contents_area .counsel_contact ul { display: flex; justify-content: space-between; margin-top: 60px; } 
#container.ethics_counsel .contents_area .counsel_contact li { flex: 0 1 360px; max-width: 32%; } 
#container.ethics_counsel .contents_area .counsel_contact .box { min-height: 215px; border-radius: 10px; padding: 35px 30px; background: #f5f5f5; } 
#wrap.en #container.ethics_counsel .contents_area .counsel_contact .box { min-height: 200px; } 
#container.ethics_counsel .contents_area .counsel_contact .title_contact { position: relative; font-size: 22px; font-family: 'NotoSansM'; letter-spacing: -0.04em; line-height: 34px; padding-top: 23px; } 
#wrap.en #container.ethics_counsel .contents_area .counsel_contact .title_contact { height: auto; min-height: 91px; } 
#container.ethics_counsel .contents_area .counsel_contact .title_contact::before { content:''; position:absolute; left:2px; top: 0; display:block; width:10px; height:10px; border-radius:100%; background:#f47320 } 
#container.ethics_counsel .contents_area .counsel_contact li:nth-child(1) .title_contact::before { background:#45b97c } 
#container.ethics_counsel .contents_area .counsel_contact li:nth-child(2) .title_contact::before { background:#feb914 } 
#container.ethics_counsel .contents_area .counsel_contact li:nth-child(3) .title_contact::before { background:#0081b8 } 
#container.ethics_counsel .contents_area .counsel_contact dl { display: flex; margin-top: 29px; padding-top: 25px; border-top: 1px dotted #bbb; flex-wrap: wrap; align-items: flex-start; } 
#container.ethics_counsel .contents_area .counsel_contact dl dt { width: 75px; min-width: 70px; color: #666; font-family: 'NotoSansM'; font-size: 17px; letter-spacing: -0.04em; } 
#container.ethics_counsel .contents_area .counsel_contact dl dd { width: calc(100% - 75px); color: #666; font-family: 'NotoSansL'; font-size: 17px; letter-spacing: -0.04em; line-height: 25px; } 
#container.ethics_counsel .contents_area .btn_box { text-align: center; margin-top: 92px; } 
#container.ethics_counsel .contents_area .btn_box a { position:relative; display: inline-block; width: 460px; height: 70px; color: #fff; font-family: 'NotoSansM'; font-size: 28px; line-height: 69px; text-align: left; border-radius: 70px; padding-left: 38px; background: #000; } 
#container.ethics_counsel .contents_area .btn_box a:before { content:''; position:absolute; right:38px; top:50%; display:block; width:62px; height:2px; margin-top:-1px; background:#fff } 
#container.ethics_counsel .contents_area .btn_box a:after { content:''; position:absolute; right:38px; top:50%; display:block; width:15px; height:2px; margin-top:-1px; background:#fff; transform: rotate(35deg); transform-origin: bottom right; } 
#container.ethics_counsel .contents_area .counsel_contact .box.__top {display: flex; align-items: center; min-height: 156px; } 
#container.ethics_counsel .counsel_contact .box.__top .title_contact {padding-top: 0; } 
#container.ethics_counsel .counsel_contact .box.__top .title_contact::before {top: -20px; } 
#wrap.en #container.ethics_counsel .contents_area .counsel_contact .box.__top .title_contact {min-height: 68px;}
.counsel_contact .box.__top .contnet_contact { flex: 1 1 auto; display: flex; align-items: center; height: 100px;padding-left: 60px;margin-left: 60px;border-left: 1px dotted #bbb; } 
#wrap.en .counsel_contact .box.__top .contnet_contact > div:first-child { flex: 0 0 55%;}
.counsel_contact .box.__top .contnet_contact > div:first-child {flex: 0 0 45%; } 
#container.ethics_counsel .counsel_contact .box.__top .contnet_contact dl {margin-top: 0;padding-top: 0;border-top: 0; } 
.box.__top .contnet_contact dl + dl {margin-top: 5px; } 

@media all and (max-width:1023px){
 #container.ethics_counsel .contents_area .title_info { font-size: 5.556vw; } 
 #container.ethics_counsel .contents_area .text_info { font-size: 3.333vw; line-height: 5.278vw; letter-spacing: -0.04em; margin-top: 7.639vw; padding:0 12.222vw; } 
 #container.ethics_counsel .contents_area .counsel_contact { width: 100%; margin: 14vw auto 0; } 
 #container.ethics_counsel .contents_area .counsel_contact ul { display: block; padding:0 15.278vw; margin: 0; } 
 #container.ethics_counsel .contents_area .counsel_contact li { width: 100%; max-width: none; margin-bottom: 2.778vw; } 
 #container.ethics_counsel .contents_area .counsel_contact .box { min-height: auto; border-radius: 1.389vw; padding: 4.861vw 4.167vw; background: #f5f5f5; } 
 #wrap.en #container.ethics_counsel .contents_area .counsel_contact .box { min-height:auto; } 
 #container.ethics_counsel .contents_area .counsel_contact .title_contact { height: auto; position: relative; font-size: 3.333vw; font-family: 'NotoSansM'; letter-spacing: -0.04em; line-height: 4.722vw; padding-top: 3.194vw; } 
 #wrap.en #container.ethics_counsel .contents_area .counsel_contact .title_contact { min-height: auto; } 
 #container.ethics_counsel .contents_area .counsel_contact .title_contact::before { content:''; position:absolute; left:0.278vw; top: 0; display:block; width:1.389vw; height:1.389vw; border-radius:100%; background:#f47320 } 
 #container.ethics_counsel .contents_area .counsel_contact li:nth-child(2) .title_contact::before { background:#45b97c } 
 #container.ethics_counsel .contents_area .counsel_contact li:nth-child(3) .title_contact::before { background:#feb914 } 
 #container.ethics_counsel .contents_area .counsel_contact dl { display: flex; margin-top: 4.028vw; padding-top: 3.472vw; border-top: 0.139vw dotted #bbb; flex-wrap: wrap; align-items: flex-start; } 
 #container.ethics_counsel .contents_area .counsel_contact dl dt { width: 15.278vw; min-width: 15.278vw; color: #666; font-family: 'NotoSansM'; font-size: 3.056vw; letter-spacing: -0.04em; } 
 #container.ethics_counsel .contents_area .counsel_contact dl dd { width: calc(100% - 15.278vw); color: #666; font-family: 'NotoSansL'; font-size: 3.056vw; letter-spacing: -0.04em; line-height: 4.861vw; } 
 #container.ethics_counsel .contents_area .btn_box { text-align: center; margin-top: 13.889vw; } 
 #container.ethics_counsel .contents_area .btn_box a { position:relative; display: inline-block; width: 61.111vw; height: 12.522vw; font-family: 'NotoSansM'; font-size: 3.48vw; line-height: 12.52vw; text-align: left; border-radius: 9.722vw; padding-left: 5.278vw; } 
 #container.ethics_counsel .contents_area .btn_box a:before { content:''; position:absolute; right:5.278vw; top:50%; display:block; width:8.611vw; height:0.278vw; margin-top:-0.139vw; } 
 #container.ethics_counsel .contents_area .btn_box a:after { content:''; position:absolute; right:5.278vw; top:50%; display:block; width:2.083vw; height:0.278vw; margin-top:-0.139vw; transform: rotate(35deg); transform-origin: bottom right; } 

 #container.ethics_counsel .contents_area .counsel_contact .box.__top {
	display: block;
	margin: 0 15.278vw;
    padding: 4.861vw 4.167vw;
    margin-bottom: 2.778vw;
 }
 #container.ethics_counsel .counsel_contact .box.__top .title_contact {
	padding-top: 3.194vw;
 }
 #container.ethics_counsel .counsel_contact .box.__top .title_contact::before {
	top: 0;
 }
 .counsel_contact .box.__top .contnet_contact {
	display: block;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    margin-top: 4.028vw;
    padding-top: 3.472vw;
    border-top: 0.139vw dotted #bbb;
 }
}