<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* layout */
body, html{width:100%; height:100%; min-width:340px;
color:#777777; 
font-family: "�섎닎怨좊뵓" , "Nanum Gothic" ,"�뗭�", dotum, sans-serif;
font-size:12px;}
#wrap{width:100%; height:100%;}
#footer{width:100%; }
.in_Layer{width:1000px; margin:0 auto; }

p,h2,a{font-family: "Noto Sans Korean", sans-serif!important;}

.intro_box{width:100%; height:calc(100% - 70px); overflow:hidden;}
.intro_box:after{clear:both; display:block; content:"";}
.intro_box .box_area{width:50%; height:100%; float:left; text-align:center; padding-top:35px; overflow:hidden; position:relative;}
.intro_box .box_area h2{font-size:50px; color:#333333; font-weight:700; margin-top:30px;}
.intro_box .box_area .mid_text{font-size:20px; color:#222222; font-weight:500; margin:25px 0 40px 0; line-height:1.6;}
.intro_box .box_area .btn{margin-right:5px;}
.intro_box .box_area .btn:last-child{margin-right:0;}
.intro_box .box_area .btn a{font-size:18px; color:#ffffff; font-weight:500; text-align:left; display:inline-block; border-radius:40px;
padding:8px 20px 8px 60px;}
.intro_box .box_area .btn_area .btn:nth-child(1) a{background:#054b99 url('../images/ico/ico_kor.jpg')no-repeat 25% 50%;}
.intro_box .box_area .btn_area .btn:nth-child(2) a{background:#042e53 url('../images/ico/ico_eng.jpg')no-repeat 25% 50%;}
.intro_box .box_area .btn_area .btn:nth-child(3) a{background:#333 url('../images/ico/ico_chn.jpg')no-repeat 25% 50%;}
.intro_box .box_area .circle{margin:17px auto; width:477px; height:477px; background:rgba(255,255,255,0.75); border-radius:100%; position:relative;}
.intro_box .box_area .circle img{position:absolute; top:0; left:50%; top:46%; transform:translateY(-50%);}

.intro_box .box_area.left .circle img{margin-left:-250px;}
.intro_box .box_area.right .circle img{margin-left:-177px;}


.intro_box .box_area .image{width:100%; height:100%; z-index:-1; position:absolute; top:0; left:0; }
.intro_box .left .image{background:url('../images/contents/ktnc_bg.png')no-repeat 50% 50%; background-size:cover; 
-webkit-transition: transform 1s ease-out;
-o-transition: transform 1s ease-out;
-moz-transition: transform 1s ease-out;
transition: transform 1s ease-out;
}
.intro_box .right .image{background:url('../images/contents/kess_bg.png')no-repeat 50% 50%; background-size:cover; 
-webkit-transition: transform 1s ease-out;
-o-transition: transform 1s ease-out;
-moz-transition: transform 1s ease-out;
transition: transform 1s ease-out;
}
.intro_box .box_area:hover .image{
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);
}

#footer{height:70px; background:#000000; display:table;}
#footer p{text-transform:uppercase; font-size:15px; color:#6b6b6b; font-weight:500; display:table-cell; vertical-align:middle; text-align:center;}

/* �쇰컲 pc */
/* :::::::::::    max-width:1280px    ::::::::::: */
@media screen and (max-width:1280px) {
.intro_box .box_area h2{font-size:35px;}
.intro_box .box_area .mid_text{font-size:16px;}
.intro_box .box_area .circle{width:370px; height:370px; margin:40px auto;}
.intro_box .box_area.left .circle img{width:450px; margin-left:-225px;}
.intro_box .box_area.right .circle img{width:290px; margin-left:-150px;}
}
/* �쒕툝由� */
/* :::::::::::    max-width:1024px    ::::::::::: */
@media screen and (max-width:1024px) {
#footer{height:50px;}
.intro_box{height:auto;}
.intro_box .box_area{width:100%; height:auto; padding-top:2%;}
.intro_box .box_area.left h1 img{width:140px;}
.intro_box .box_area.right h1 img{width:200px;}
.intro_box .box_area h2{margin-top:2%;}
.intro_box .box_area .mid_text{margin:2% 0 4% 0;}
.intro_box .box_area .circle{margin:2% auto;}
}
/* 紐⑤컮�� */
/* :::::::::::    max-width:640px    ::::::::::: */
@media screen and (max-width:640px) {
.intro_box .box_area{padding-bottom:50%;}
.intro_box .box_area h2{font-size:28px; margin-top:4%;}
.intro_box .box_area .mid_text{font-size:14px; margin:1% 0 6% 0;}

.intro_box .box_area .circle{width:340px; height:340px; position:absolute; bottom:-50px; left:50%; margin:0 0 0 -170px; z-index:-1;}
.intro_box .box_area.left .circle img{width:400px; margin-left:-200px;}
.intro_box .box_area.right .circle img{width:220px; margin-left:-115px;}
}
/* :::::::::::    max-width:480px    ::::::::::: */
@media screen and (max-width:480px) {
.intro_box .box_area.left h1 img{width:100px;}
.intro_box .box_area.right h1 img{width:150px;}
.intro_box .box_area h2{font-size:26px;}
.intro_box .box_area .mid_text{font-size:12px;}
.intro_box .box_area .btn a{font-size:14px; padding:7px 15px 7px 50px;}
.intro_box .box_area .circle{width:280px; height:280px; margin:0 0 0 -140px;}
.intro_box .box_area.left .circle img{width:320px; margin-left:-160px;}
.intro_box .box_area.right .circle img{width:160px; margin-left:-85px;}
#footer p{font-size:13px;}
}

/* 理쒖냼 �ъ씠利� 泥섎━ */
/* :::::::::::    max-width:375px    ::::::::::: */
@media screen and (max-width:375px) {
.intro_box .box_area .circle{bottom:-60px;}

}
</pre></body></html>