@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
img {border:0px;}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-color:#ffffff;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, sans-serif; font-size:10pt;}
*{margin:0px; padding:0px; text-decoration:none; list-style:none; font-family: 'Pretendard' !important;}

.mbg, .tsmbg {background-color:#f4f4f4;}
.mbnbg {background-color:#f4f4f4; border:1px solid #eeeeee; padding:25px;}


/* absolute   relative */
.mainbg {background:url(../images/mainbg.jpg) center top no-repeat;}

/* hearder */
#hearder{background:#fff;}
.topline {background-color:#6d7583;}
.topbn{width:1100px; margin:0 auto; text-align:right; padding:5px 0px;}
.topbn a{color:#fff; font-size:14px; display:inline-block; padding:0px 10px;}

/* main_scetion */
#main_scetion{padding-top:150px; background:#f4f4f4;}
#main_scetion article{width:1100px; margin:0 auto; position:relative; padding-bottom:50px;}

.mtxt01 {font-size:24pt; color:#000000; font-weight:bold; margin-bottom:8px;}
.mtxt01 b {font-size:28pt; color:#242a4c;}
.mtxt02 {font-size:12pt; color:#2f2f2f; font-weight:bold; margin-bottom:20px;}
.mtxt03 {font-size:8pt; color:#858585; line-height:140%; margin-bottom:50px;}

.mimg {
  position:absolute;
  width:367px;
  height:555px;
  z-index:2; /* px ���� �������� */
  bottom:0;
  right:50%;
  margin-right:-134px;
  background:url(../images/mimg.png) center top no-repeat;
}

.mimg-text {
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-size: 30px;
    font-weight: bold;
    /* text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); */
    width: 100%;
    text-align: center;
}
.mcon{width:50%; float:left; box-sizing:border-box; background:#f4f4f4;}
.mcon:nth-child(2){padding-left:163px;}

#quick-l li{display:inline-block; padding-right:10px;}
#quick-l .img a{display:block; text-align:center; height:65px; width:65px; padding-top:25px; box-sizing:border-box; border-radius:50%; background:#242a4c;}
#quick-l h5{text-align:center; margin-top:5px;}
#quick-l h5 a{color:#242a4c;}

#quick-l li:hover .img a{background:#000;}
#quick-l li:hover h5 a{color:#000;}

#quick-r{width:385px;}
#quick-r li{float:left; height:180px; text-align:center; color:#fff; font-size:8pt; letter-spacing:5px; box-sizing:border-box; padding-top:70px;}
#quick-r li b {font-size:13pt; font-weight:bold; letter-spacing:0px; line-height:140%;}

.r_bn01{width:180px; background:url(../images/box01.jpg) left top no-repeat; margin-right:25px;}
.r_bn02{width:180px; background:url(../images/box02.jpg) left top no-repeat;}
.r_bn03{width:385px; background:url(../images/box03.jpg) left top no-repeat; margin-top:25px;}

#mbanner li{float:left;}
#mbanner h3{margin-bottom:10px;}
#mbanner h3 a{font-weight:normal;}
.mbnbg{background:#fff; margin-top:25px;}
.mbntit a{color:#d5d5d5; font-size:11pt; padding-bottom:10px;}
.mbntit a b {color:#000000; font-size:14pt; font-weight:bold;}
.mbn div{color:#858585; font-size:9pt; line-height:140%;}
.tel{padding-left:350px;}
.tel div{color:#3f3f3f; font-size:14pt; font-weight:bold;}
.tel div b {color:#242a4c; font-size:30pt; font-weight:bold;}

/* footer */
#footer{background:#242a4c;}
.copy {width:1100px; margin:0 auto; color:#ffffff; padding:40px 0px;}
.copy li{float:left;}
.copy_logo{padding:0px;}
.copy_add{padding:0px 0px 0px 50px;}

/* subpage */
#sub_section{padding-top:85px;}
.subtxt{width:1100px; margin:0 auto; padding:10px 0px;}
.subpage{width:1100px; margin:0 auto;}

.page_l, .page_r{float:left;}
.page_l{width:200px; margin-right:25px;}
.page_r{width:875px; padding-bottom:100px;}

.subtop {background:url(../images/subtop.jpg) center top no-repeat;}
.subtitle {font-size:14pt; color:#242a4c; font-weight:bold; line-height:53px; border-bottom:1px solid #d5d5d5; border-top:2px solid #242a4c; margin-bottom:23px;}

#submenu a {background:url(../images/sbg.jpg) left 50% no-repeat; width:100%; height:30px; text-decoration:none; color:#505050; font-size:11pt; padding-left:20px; font-weight:bold; padding-bottom:3px; line-height:30px; float:left;}
#submenu a:hover {background:url(../images/sbg-on.jpg) left 50% no-repeat; color:#242a4c;}

.sbn li{height:60px; text-align:center; color:#fff; cursor:pointer; margin-bottom:5px; font-size: 8pt; letter-spacing: 5px; box-sizing:border-box; padding-top:8px;}
.sbn li b{font-size:14pt; font-weight:bold; letter-spacing:0px; line-height:140%;}
.sbn01{background:url(../images/box01.jpg) center top no-repeat #7a818e;}
.sbn02{background:url(../images/box02.jpg) center top no-repeat #313655;}
.sbn03{background:url(../images/box03.jpg) center top no-repeat #5b5b5b;}


 @media all and (max-width: 768px) {
   /* hearder */
   .topbn{width:100%; text-align:center; display:none;}
   .mimg-text{display: none;}
   /* main_scetion */
   #main_scetion{padding-top:90px;}
   #main_scetion article{width:100%; padding-bottom:50px;}

   .mimg{width:100%; text-align:center; height:auto; z-index:2px; bottom:0px; right:0px; margin-right:0px; background:none; display:none;}
   .mimg img{width:90%;}
   .mcon{width:100%; float:none; text-align:center; margin:0 auto; width:98%;}
   .mcon:nth-child(1){margin-bottom:30px;}
   .mcon:nth-child(2){padding-left:0px;}

   #quick-r{width:98%; margin:0 auto;}
   #quick-r li{float:left; height:160px; text-align:center; color:#fff; font-size:8pt; letter-spacing:5px; box-sizing:border-box; padding-top:60px;}
   #quick-r li b {font-size:14pt; font-weight:bold; letter-spacing:0px; line-height:140%;}

   .r_bn01{width:48%; background:url(../images/box01.jpg) left top no-repeat; margin-right:4%;}
   .r_bn02{width:48%; background:url(../images/box02.jpg) left top no-repeat;}
   .r_bn03{width:100%; background:url(../images/box03.jpg) left top no-repeat; margin-top:15px;}

   #quick-l li{padding:0px 5px;}
   .mtxt02 {font-size:12pt;}
   .mtxt03{text-align:justify; font-size:14px;}
   .mtxt03 br{display:none;}

   #mbanner li{float:none;}
   .mbn{border-bottom:1px solid #dfdfdf; padding-bottom:20px;}
   .tel{padding-left:0px; padding-top:20px;}

   /* footer */
   .copy {width:100%; padding:20px 0px;}
   .copy li{float:none;}
   .copy_logo{display:none;}
   .copy_add{padding:0px 0px 0px 0px; text-align:center;}

   /* subpage */
   #sub_section{padding-top:60px;}
   .subtxt{width:100%; text-align:center; padding:30px 0px;}
   .subtxt .mtxt03{display:none;}
   .subpage{width:100%;}

   .page_l, .page_r{float:none;}
   .page_l{display:none;}
   .page_r{width:98%; margin:0 auto; padding-bottom:50px;}
   .page_r img{width:100%;}

   .subtitle {text-align:center;}
 }

 @media all and (max-width: 580px) {
 }