@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

img {border:0px;}

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: 'NotoSansKR'; font-size:10pt;}
*{margin:0px; padding:0px; text-decoration:none; list-style:none;}

.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:120px; 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:14pt; color:#2f2f2f; font-weight:bold; margin-bottom:20px;}
.mtxt03 {font-size:9pt; color:#858585; line-height:140%; margin-bottom:30px;}

.mimg {position:absolute; width:367px; height:555px; z-index:2px; bottom:0px; right:50%; margin-right:-134px; background:url(../images/mimg.png) center top no-repeat;}
.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:2px; 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: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 li li{float:none;}
#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;}
.mbntit2 b {color:#000000; font-size:14pt; font-weight:bold;}
.mbntit2 a{display:inline-block; background:url(../images/tel.png) left 15px center no-repeat #242a4c; color:#fff; border-radius:20px; padding:3px 15px 5px 30px; margin-left:15px;}
.mbn div{color:#858585; font-size:9pt; line-height:140%;}
.tel{padding-left:380px;}
.tel div{color:#3f3f3f; font-size:14pt; font-weight:bold;}
.tel div b {color:#242a4c; font-size:36pt; font-weight:bold;}

.lst li{float:none; font-size:15px; margin-bottom:5px; color:#242a4c;}
.lst li a{display:inline-block; width:230px; color:#555;}
.lst li a:hover{color:#333;}

/* 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:0px auto; padding:10px 0px;}
.subpage{width:1100px; margin:30px auto 0px 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:2px; 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;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:16px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}

/* sub0201 */
.sub0201 center{height:350px; overflow:hidden;}
.sub0201 section{height:400px; background:#333;}
.sub0201 h3{color:#555; font-size:19px; padding:40px 15px; border-bottom:1px solid #dfdfdf;}
.sub0201 h3 b{display:block; font-family:'Nanum Square'; font-size:30px; color:#242a4c; margin:15px 0px 5px 0px;}
.sub0201 h3 br{display:none;}
.sub0201 figure{padding:40px 15px; border-bottom:1px solid #dfdfdf;}
.sub0201 h4{font-size:19px; float:left; color:#242a4c; padding-left:23px;}
.sub0201 figure:nth-child(3) h4{background:url(../images/sub0101_1.jpg) left center no-repeat;}
.sub0201 figure:nth-child(4) h4{background:url(../images/sub0101_2.jpg) left center no-repeat;}
.sub0201 figure:nth-child(5) h4{background:url(../images/sub0101_9.jpg) left center no-repeat;}
.sub0201 figure:nth-child(6) h4{background:url(../images/sub0101_3.jpg) left center no-repeat;}
.sub0201 figure:nth-child(7) h4{background:url(../images/sub0101_3.jpg) left center no-repeat;}
.sub0201 figure div{margin-left:240px;}
.sub0201 figure div span{display:block;}
.sub0201 .con01 li{float:left; width:50px; text-align:center;}
.sub0201 .con01 center{margin-bottom:10px;}
.sub0201 .con02 li{margin-bottom:10px;}
.sub0201 .con02 li b{display:inline-block; color:#333; margin-right:15px;}
.sub0201 .con02 li a{display:inline-block; margin-left:15px; color:#555; border:1px solid #dfdfdf; padding:5px;}
.sub0201 .con02 h6{font-size:16px; font-weight:normal; background:url(../images/sub0101_8.jpg) left center no-repeat; padding-left:50px;}
.sub0201 .con02 h6 a{display:block; color:#333; text-decoration:underline;}

/* sub0501 */
.sub0501 li{float:left; width:32%; text-align:center;}
.sub0501 li:nth-child(2){margin:0 2%;}
.sub0501 center{border:1px solid #dfdfdf; margin-bottom:5px;}


 @media all and (max-width: 768px) {
   /* hearder */
   .topbn{width:100%; text-align:center; 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:11pt;}
   .mtxt03{text-align:justify; font-size:14px; display:none;}
   .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{}

   .subtitle {text-align:center;}

   /* 공통 */
   .normal{font-size:15px;}

   /* sub0101 */
   .sub0201 iframe{height:200px;}
   .sub0201 h3{font-size:17px; padding:40px 0px; border-bottom:none;}
   .sub0201 h3 b{font-size:24px; margin-top:10px;}
   .sub0201 h3 br{display:block;}
   .sub0201 figure{padding:0px 0px 40px 0px; border-bottom:none;}
   .sub0201 h4{font-size:17px; float:none; background:#242a4c; color:#fff; padding:5px 10px;}
   .sub0201 figure:nth-child(3) h4{background:#242a4c;}
   .sub0201 figure:nth-child(4) h4{background:#242a4c;}
   .sub0201 figure:nth-child(5) h4{background:#242a4c;}
   .sub0201 figure:nth-child(6) h4{background:#242a4c;}
   .sub0201 figure:nth-child(7) h4{background:#242a4c;}
   .sub0201 figure div{margin-left:0px; margin-top:10px;}
   .sub0201 div span{display:block;}
   .sub0201 .con01 li{width:25%;}
   .sub0201 .con01 li img{height:40px;}

   /* sub0501 */
   .sub0501 li{width:100%;}
   .sub0501 li:nth-child(2){margin:30px 0px;}
 }

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