@charset "utf-8";

@import url("style.css");
@import url("layout.css");
@import url("content.css");


/* Visual */
.sub_visual                                               { margin-top: 0px !important; height: 500px; overflow: hidden;}
.sb_sec                                                   { position: relative; display: table; width: 100%; background:url(../image/sub_img1.jpg) no-repeat center top; height: 500px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; animation: scale_s 2s ease-out;}
@keyframes scale_s { 
  from { transform: scale(1.05);}
  to { transform: scale(1);}
}

.sb01                                                      { background:url(../image/sub_img1.jpg) no-repeat center top; }
.sb02                                                      { background:url(../image/sub_img2.jpg) no-repeat center top; }
.sb03                                                      { background:url(../image/sub_img3.jpg) no-repeat center top; }
.sb04                                                      { background:url(../image/sub_img4.jpg) no-repeat center top; }
.sb05                                                      { background:url(../image/sub_img5.jpg) no-repeat center top; }
.sb06                                                      { background:url(../image/sub_img6.jpg) no-repeat center top; }

.visualT                                                    { margin: 200px 0 0 0; padding: 0; text-align: center; }
.visualT h2                                               { margin: 0; font-weight:700; font-family: 'Noto Sans KR', sans-serif; font-size:60px; color:rgb(255, 255, 255);  line-height: 100%;  text-shadow: 1px 1px 8px rgba(0,0,0,0.35);}
.visualT p                                                 { margin: 20px 0 0 0; font-weight:400; font-family: 'Noto Sans KR', sans-serif; font-size:26px; color:rgb(255, 255, 255);  line-height: 100%;  text-shadow: 1px 1px 5px rgba(0,0,0,0.35);}



/* 1430px Visual */
@media all and (max-width:1430px)
{
.visualT h2                                               { font-size:50px; }
.visualT p                                                 { margin: 20px 0 0 0; font-size:20px; }
}

/* 800px Visual */
@media all and (max-width:800px)
{
.sub_visual                                               { height: 42vh; overflow: hidden;}
.sb_sec                                                   { background-size: auto 42vh !important;  height: 42vh;}

.visualT                                                    { margin: 180px 0 0 0; }
.visualT h2                                               { font-size:45px; }
.visualT p                                                 { margin: 20px 0 0 0; font-size:16px; }
}
/* Visual END */

.body                                                      { padding:0; margin:0; width:100%;}

/* Sub Menu & Title */

/* 6 */
.sub_menu1                                              { margin: 0px; width: 100%; height: 71px; border-bottom: rgb(219, 219, 219) 1px solid;}
.sub_menu1 ul                                           { margin: 0 auto; width: 1318px; }
.sub_menu1 ul li                                         { margin: 0; padding: 26px 0 24px 0; width: calc(100%  / 6); float: left; text-align: center; }
.sub_menu1 ul li a                                      { font-weight:400; font-family: 'Noto Sans KR', sans-serif; font-size:18px; color:rgb(102, 102, 102); line-height: 100%;}
.sub_menu1 ul li.this,                                   
.sub_menu1 ul li:hover                                { border-bottom: rgb(3, 78, 162) 2px solid; }
.sub_menu1 ul li.this a,
.sub_menu1 ul li:hover a                              { color:rgb(3, 78, 162); }

/* 5 */
.sub_menu2                                              { margin: 0px; width: 100%; height: 71px; border-bottom: rgb(219, 219, 219) 1px solid;}
.sub_menu2 ul                                           { margin: 0 auto; width: 1318px; }
.sub_menu2 ul li                                         { margin: 0; padding: 26px 0 24px 0; width: calc(100%  / 5); float: left; text-align: center; }
.sub_menu2 ul li a                                      { font-weight:400; font-family: 'Noto Sans KR', sans-serif; font-size:17px; color:rgb(102, 102, 102); line-height: 100%;}
.sub_menu2 ul li.this,                                   
.sub_menu2 ul li:hover                                { border-bottom: rgb(3, 78, 162) 2px solid; }
.sub_menu2 ul li.this a,
.sub_menu2 ul li:hover a                              { color:rgb(3, 78, 162); }

/* 2 */
.sub_menu3                                              { margin: 0px; width: 100%; height: 71px; border-bottom: rgb(219, 219, 219) 1px solid;}
.sub_menu3 ul                                           { margin: 0 auto; width: 1318px; }
.sub_menu3 ul li                                         { margin: 0; padding: 26px 0 24px 0; width: calc(100%  / 2); float: left; text-align: center; }
.sub_menu3 ul li a                                      { font-weight:400; font-family: 'Noto Sans KR', sans-serif; font-size:18px; color:rgb(102, 102, 102); line-height: 100%;}
.sub_menu3 ul li.this,                                   
.sub_menu3 ul li:hover                                { border-bottom: rgb(3, 78, 162) 2px solid; }
.sub_menu3 ul li.this a,
.sub_menu3 ul li:hover a                              { color:rgb(3, 78, 162); }

/* 3 */
.sub_menu4                                              { margin: 0px; width: 100%; height: 71px; border-bottom: rgb(219, 219, 219) 1px solid;}
.sub_menu4 ul                                           { margin: 0 auto; width: 1318px; }
.sub_menu4 ul li                                         { margin: 0; padding: 26px 0 24px 0; width: calc(100%  / 3); float: left; text-align: center; }
.sub_menu4 ul li a                                      { font-weight:400; font-family: 'Noto Sans KR', sans-serif; font-size:18px; color:rgb(102, 102, 102); line-height: 100%;}
.sub_menu4 ul li.this,                                   
.sub_menu4 ul li:hover                                { border-bottom: rgb(3, 78, 162) 2px solid; }
.sub_menu4 ul li.this a,
.sub_menu4 ul li:hover a                              { color:rgb(3, 78, 162); }

/* 9 */
.sub_menu5                                              { margin: 0px; width: 100%; height: 71px; border-bottom: rgb(219, 219, 219) 1px solid;}
.sub_menu5 ul                                           { margin: 0 auto; width: 1318px; }
.sub_menu5 ul li                                         { margin: 0; padding: 26px 0 24px 0; width: calc(100%  / 9); float: left; text-align: center; }
.sub_menu5 ul li a                                      { font-weight:400; font-family: 'Noto Sans KR', sans-serif; font-size:17px; color:rgb(102, 102, 102); line-height: 100%;}
.sub_menu5 ul li.this,                                   
.sub_menu5 ul li:hover                                { border-bottom: rgb(3, 78, 162) 2px solid; }
.sub_menu5 ul li.this a,
.sub_menu5 ul li:hover a                              { color:rgb(3, 78, 162); }


.local_title			                                      { padding:40px 0 0 0; margin:0 auto; width:100%;}
.local_title:after		                                      { content:""; clear:both; display:block}
.local_title h3      	                                      { padding:0; margin:0; text-align:center; font-weight:500; font-family: 'IBM Plex Sans KR', sans-serif; font-size:35px; line-height:100%; color: rgb(0, 0, 0);}


/* 1320px Menu */
@media all and (max-width:1320px)
{
.sub_menu1 ul                                           { margin: 0 auto; width: 100%; }
.sub_menu2 ul                                           { margin: 0 auto; width: 100%; }
.sub_menu3 ul                                           { margin: 0 auto; width: 100%; }
.sub_menu4 ul                                           { margin: 0 auto; width: 100%; }
.sub_menu5 ul                                           { margin: 0 auto; width: 100%; }
}

/* 1100px Menu */
@media all and (max-width:1100px)
{
.sub_menu1                                              { display: none;}
.sub_menu2                                              { display: none;}
.sub_menu3                                              { display: none;}
.sub_menu4                                              { display: none;}
.sub_menu5                                              { display: none;}

.local_title h3      	                                      { font-size:28px; }
}
/* Sub Menu & Title END */


/* Content */
.content				                                  { margin:0 auto; width:1320px; padding:50px 0 80px 0; position:relative; overflow:hidden;}
.content:after		                                      { content:""; clear:both; display:block}
.content p				        { line-height:100%;}

@media all and (max-width:1320px)
{
.content				                                     { margin:0 auto; width:95%;  padding:30px 0 50px 0; }
}
/* Content END */