@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@font-face {
    font-family: 'twayfly';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayfly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TheJamsil5Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
img {border:0px;}
*{margin: 0; padding: 0; font-family: 'TheJamsil5Bold' !important;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, sans-serif; font-size:10pt;}
ul, li{text-decoration: none; list-style: none;}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
#main_set{padding-top:55px;}
.main_text_01{position:relative; height:375px;}
.main_text_02{width: 1100px; position:absolute; left:50%; margin-left:-550px; z-index:4;}
.main_text_03{padding:40px 0px 0px 70px;}

.main_img{position:absolute; width:1320px; height:375px; left:50%; margin-left:-660px; z-index:3;}

#main_bottom{width: 1100px; margin: 0 auto; padding:30px 0px 0px 0px;}

#mbn{cursor: pointer; text-align: center; width: 267px; float: left; margin-bottom: 30px;}
#mbn a{text-decoration:none;}
#mbn a:hover div.mnb01{color:#3b3838;}
#mbn a:hover div.mnb02{color:#47789b;}
#mbn a:hover div.mnb03{color:#adadad; text-decoration:underline;}
.mnb01{font-size:8pt; color:#666; font-weight:bold;}
.mnb02{font-size:15pt; color:#3b3838; font-weight:bold; padding:5px 0px 5px 0px;}
.mnb03{font-size:8pt; color:#adadad; letter-spacing:0; line-height:140%; padding-bottom:10px;}
.mnb_right{margin-right: 10px;}

.mgallery{border:1px solid #e8e8e8; padding:15px 0px 15px 0px; background-color:#f5f5f5;}
.main_banner{padding-bottom: 25px;}
.main_banner_txt{height: 40px; clear: both;}

.copy{width: 1100px; margin: 0 auto; color:#999; padding:25px 0px 15px 0px;}

#sub_section{padding-top: 55px;}
#sub_top{width: 100%; height: 105px; background:url(../images/subtop.jpg) center top no-repeat; padding-top: 15px;}
.sub_top_txt{width: 1100px; margin: 0 auto;}


#sub_con{width: 1100px; margin: 0 auto; margin-top: 50px;}
#sub_con #left_menu, #sub_page{float: left;}
#sub_page{width: 860px;}
#left_menu{width: 180px; margin-right: 60px;}
#submenu a{background:url(../images/lbg-off.jpg) left top no-repeat; width:180px; height:30px; text-decoration:none; color:#666; font-size:10pt; padding-left:10px; padding-bottom:3px; line-height:30px; float:left;}
#submenu a:hover{background:url(../images/lbg.jpg) left top no-repeat; color:#fff;}
.bigtitle{font-size:20pt; color:#3b3838; font-weight:bold; padding:5px 0px 10px 0px;}
.title{font-size:17pt; color:#3b3838; font-weight:bold; border-bottom:1px solid #d5d5d5; padding-top: 30px; padding-bottom:5px;}
.title span{font-size:10pt; color:#666; font-weight:normal;}
.sub_page_con{padding:30px 0px 50px 0px;}

.lbn01{font-size:10pt; font-weight:bold; color:#3b3838;}
.lbn01 b{color:#47789b; font-size:12pt; font-weight:bold; font-family:arial; letter-spacing:-1;}
.lbn02{font-size:9pt; color:#666;}
.lbn02 b{font-size:10pt; font-weight:bold; color:#3b3838;}

.sp20{height: 20px;}

/* sub0102 */
.sub0102 h4{font-size:25px; color:#333; text-transform:uppercase; margin-top: 30px;}
.sub0102 ul{margin-bottom:100px;}
.sub0102 li{margin-top:10px;}
.sub0102 li b{display:inline-block; margin-right:15px; color:#333;}

/* sub0201 */
.sub0201 h3{float:left; width:350px;}
.sub0201 h4{font-size: 30px; color: 525252;}
.sub0201 figure{margin-left:350px; padding:10px 0px 0px 0px;}
.sub0201 ul{margin-bottom:50px; padding-left:40px; font-size: 16px; color: #797979;}
.sub0201 h4{font-size:28px; padding-bottom: 10px; color: #21264f}
.sub0201 li{margin-top:10px; display: flex;}
.sub0201 li b{font-family: 'Pretendard-Regular' !important; }
.sub0201 li span{display:block; font-size:14px; color:#777;}
.sub0201 li div{padding-right: 10px;}
.sub0201 li{line-height: 120%;}

/* sub0301 */
.sub0301 ul{float:left; width:200px; margin-right:5px;}
.sub0301 ul a img{transition: 0.5s;}
.sub0301 ul a img:hover{opacity: 50%;}
.sub0301 ul:nth-child(4){margin-right:0;}
.sub0301 h4{font-weight:normal; font-size:16px; padding:10px; text-align: center;}
.sub0301 h4 b{display:block; font-size:19px;}
.sub0301 li{margin-top:10px; font-size:15px; line-height:150%; padding-left:5px;}
.sub0301 li b{display:block; float:left;}
.sub0301 li span{display:block; margin-left:50px;}
.sub0301 h5{font-size: 25px; padding-bottom: 30px; color: 090909;}

 @media all and (max-width: 768px) {
   .main_text_02{width: 100%; left:0px; margin-left:0px;}
   .main_text_03{padding:60px 0px 0px 30px;}
   .main_img{width: 100%; left:0px; margin-left:0px;}

   #main_bottom{width: 100%;}
   #mbn{width: 50%; margin-top: 20px;}
   .mnb_right{margin: 0px;}
   .main_banner_txt{text-align: center; padding-top: 20px;}
   .copy{width: 100%; text-align: center;}

    #sub_top{height: 150px; padding-top: 50px;}
   .sub_top_txt{width: 100%;}
   .sub_top_txt img{width: 80%;}

   #sub_con{width: 100%; margin-top: 0px;}
   #sub_page{width: 100%;}
   .title{text-align: center; padding: 20px 0px;}
   .t_none{display:none;}

   /* sub0102 */
   .sub0102{background:none;}
   .sub0102 h4{padding: 0 10px;}
   .sub0102 ul{padding: 10px;}
   .sub0102 li b{margin-right: 0;}

   /* sub0201 */
   .sub0201 h3{float:none; width:100%; text-align:center; margin-bottom:50px;}
   .sub0201 figure{margin-left:0px; border-left:none; padding:10px;}
   .sub0201 ul{margin-bottom:50px; background:none; padding-left:0px;}
   .sub0201 h4{font-size:19px; color:#333;}
   .sub0201 li{margin-top:10px; display: block;}

   /* sub0301 */
   .sub0301 ul{float:none; width:100% !important; margin-right:0px; margin-bottom:70px;}
   .sub0301 ul:nth-child(4){margin-right:0;}
   .sub0301 h4{padding:10px;}
   .sub0301 li br{display:none;}
   .sub0301 h5{text-align: center;}
 }

 @media (max-width:580px){
   #main_bottom{padding-top: 10px;}
   #mbn{float: none; width: 95%; margin: 0 auto; border: 1px solid #d5d5d5; padding:20px 0px 20px 0px; margin-bottom: 10px;}
   .main_text_01{height:250px;}
   .main_text_03{padding-top: 120px 0px 0px 10px;}
   .main_text_03 div img{width: 80%;}
   .main_img{height:250px;}

   .main_banner{padding-bottom:0px;}
   .m_none{display: none;}
 }