@charset "UTF-8";
/*--------------------------- Color variations ----------------------*/
/* Medium Layout: 1280px */
/* Tablet Layout: 768px */
/* Mobile Layout: 320px */
/* Wide Mobile Layout: 480px */
/* =================================== */
/*  Basic Style 
/* =================================== */


/* 반응형 test  */
@media (max-width:320.98px) {	
	#section3 .font70 {font-size:30px;}
    #section3 .MainLineSaeumColor{font-size:15px;}
    #section3 .HeadSubLineStr{font-size:10px;}
    
    #section4 .font70 {font-size:30px;}
    
    #section5 .SectionTitleHeight {height: 100px;}
    #section5 h2 {font-size:30px; margin-top:5%;}
    #section5 .no-col {display:none;}
    #section5 .table {margin-top:5%;}
    #section5 .table td {font-size: 10px !important;}
   	#section5 .table tr {height: 30px !important;}
    #section5 .VerticalAlignBt {padding-top:20%;}
    #section5 .bodo {height: 20px; width: 60px; font-size: 10px;}
    #section5 .column {height: 20px; width: 60px; font-size: 10px;}
    #section5 .notice {height: 20px; width: 60px; font-size: 10px;}
    
    #Footer #footerSection #familySite select {
    width: 150px !important;
    margin-right: 10px !important;}
}

@media (min-width:321px) {	
    #section3 .MainLineSaeumColor {font-size:20px;}
    #section3 .HeadSubLineStr {font-size:15px;}
    
    #section5 .bodo {height: 31px; width: 80px; font-size: 13px; padding-top: 4px;}
    #section5 .column {height: 31px; width: 80px; font-size: 13px; padding-top: 4px;}
    #section5 .notice {height: 31px; width: 80px; font-size: 13px; padding-top: 4px;}
}


@media (max-width:414.98px) {	

	#section1 .carousel-item .col-sm-6 {display:none;}
	#section1 .carousel-item .firstImg {margin-top:30%; max-width:70%;}
	#section1 .carousel-item .secondImg {margin-top:20%; max-width:70%;}
	#section2 .col-sm-5 {display:none;}
	#section2 .col-sm-7 {display:none;}
	#section2 .VerticalAlignMd  {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%; height:calc(100vh - 100px); margin-top:10%;}
	#section2 .VerticalAlignMd .font50 {font-size:25px; margin-bottom:30px;}
	#section2 .VerticalAlignMd .font30 {font-size:15px;}
	
	#section3 .font70 {font-size:40px;}
    #section3 .sec3-mo {margin-top: 5% !important;}
    #section3 .no-col {display:none;}
    #section3 #accordion {height:calc(100vh - 100px);}
    #section3 #accordion img {padding-top:10%;}
    
       
    #section4 h2 {font-size:40px;}
    #section4 .no-col {display:none;}
    #section4 .SectionBobyHeight {padding-top:30%;}
    
    #section5 .SectionTitleHeight {height: 100px;}
    #section5 h2 {font-size:40px; margin-top:10%;}
    #section5 .no-col {display:none;}
    #section5 .table {margin-top:10%;}
    #Contents #section5 .table td {font-size: 13px;}
    #section5 .VerticalAlignBt {padding-top:20%;}
    #footerSection {padding-bottom:10%;}

    
    #footerSection #footerPc {display:none;}
}

@media (min-width:415px) {
    .HeadSubLineStr {font-size:20px; font-weight:bold; color: #404040;}
    .MainLineSaeumColor {font-size:30px; font-weight:800; color: #00B3F0;}
    #footerSection #footerMoblie {display:none;}
	
}

@media (max-width:1024.98px) {
	.HeadSubLineStr {font-size:20px; font-weight:bold; color: #404040;}
    .MainLineSaeumColor {font-size:30px; font-weight:800; color: #00B3F0;}
	#section1 .carousel-item .col-sm-6 {display:none;}
	#section1 .carousel-item .firstImg {margin-top:30%; max-width:70%;}
	#section1 .carousel-item .secondImg {margin-top:20%; max-width:70%;}
	
	#section2 .col-sm-5 {display:none;}
	#section2 .col-sm-7 {display:none;}
	#section2 .VerticalAlignMd  {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%; height:calc(100vh - 100px); margin-top:10%;}
	#section2 .VerticalAlignMd .sec2-img1 {width: 80%;}
	

    #section3 .sec3-mo {margin-top: 10% !important;}
    #section3 .sec3-pc {display:none;}
    
    #footerSection {height:auto !important;}
	#footerSection #footerMoblie img {height: 30px !important;}

    
}

@media (min-width:1025px) {
	#section1 .carousel-item .col-sm-12 {display:none;}
	#section2 .col-sm-12 {display:none;}
	
	#section3 .sec3-mo {display:none;}
	
	#section5 .bodo {display : inline-block; height: 39px; width: 115px; border: 1px solid #FFB300; color: #FFB300; font-size: 25px; text-align: center; padding-top: 0px;}
	#section5 .column {display : inline-block; height: 39px; width: 115px; border: 1px solid #3D5DAA; color: #3D5DAA; font-size: 25px; text-align: center; padding-top: 0px;}
	#section5 .notice {display : inline-block; height: 39px; width: 115px; border: 1px solid #00A8EB; color: #00A8EB; font-size: 25px; text-align: center; padding-top: 0px;}

}

/* @media (max-width:1199.98px) {
#Header #nav-mobile {background-color: #fff; border-bottom:1px solid #D4D4D4; padding-top: 30px; padding-bottom: 29px;}
#Header .ml-auto .nav-link {color: #5D5D5D; font-size: 25px; text-align:center; margin-top:10%;}
} */

@media (min-width:1200px) {
#Header #nav-pc {background-color: #fff; border-bottom:1px solid #D4D4D4; height:100px;}
#Header .ml-auto .nav-link {color: #5D5D5D; font-weight: bold; font-size: 20px; margin-left:50px;}
}


/* webbrowser 설정 */
::-moz-selection {
  /* Code for Firefox */
  background-color: #3face4;
  color: #fff; }

::selection {
  background-color: #3face4;
  color: #fff; }

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #777777;
  font-weight: 300; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777777;
  opacity: 1;
  font-weight: 300; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777777;
  opacity: 1;
  font-weight: 300; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #777777;
  font-weight: 300; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #777777;
  font-weight: 300; }

/* font 설정 '나눔고딕' */




/* Default ------------------------------------------------------------------------------------------------------*/
@font-face { font-family: 'NanumGothic', 'sans-serif';
			src: url(../fonts/NanumGothic.eot);
			src: url(../fonts/NanumGothic.eot) format('embedded-opentype'), url(../fonts/NanumGothic.woff) format('woff');}
			

* {	
	color: #000;
	font-size: 15px;
	font-weight: normal;
	font-family: 'Nanum Gothic', 'sans-serif';}

* ul {list-style:"none";}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

img {
  max-width: 100%;
}


/* commons ------------------------------------------------------------------------------------------------------*/
.bodo {display : inline-block; height: 39px; width: 115px; border: 1px solid #FFB300; color: #FFB300; font-size: 25px; text-align: center;}
.column {display : inline-block; height: 39px; width: 115px; border: 1px solid #3D5DAA; color: #3D5DAA; font-size: 25px; text-align: center;}
.notice {display : inline-block; height: 39px; width: 115px; border: 1px solid #00A8EB; color: #00A8EB; font-size: 25px; text-align: center;}

*:focus {outline: none;}

hr {border : #4566B0;}

.moveTop{position: fixed;
    top: 86%;
    right: 4.5%;
    color:#4566B0;
    }

.CommonBackgournd {background-image: url(../image/common/subnav1_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center; height:300px; margin-top: 100px;}
.CommonBackgournd h1 {font-size: 45px; font-weight:900; color: #fff; margin-bottom: 20px;}

.CommonBackgournd p {font-size: 15px; color: #fff; font-weight:800;}

.CommonBackgourndEffort {background-image: url(../image/commons/common_background_solution.png); background-repeat:no-repeat; background-size:cover; background-position:center; height:300px; margin-top: 100px;}
.CommonBackgourndEffort h1 {font-size: 50px; font-weight:900; color: #fff; margin-bottom: 35px;}
.CommonBackgourndEffort p {font-size: 15px; color: #fff; font-weight:800;}

.CommonBackgourndBoard {background-image: url(../image/common/subnav3_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center; height:300px; margin-top: 100px;}
.CommonBackgourndBoard h1 {font-size: 50px; font-weight:900; color: #fff; margin-bottom: 35px;}
.CommonBackgourndBoard p {font-size: 15px; color: #fff; font-weight:800;}

.CommonBackgourndContact {background-image: url(../image/common/subnav4_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center; height:300px; margin-top: 100px;}
.CommonBackgourndContact h1 {font-size: 50px; font-weight:900; color: #fff; margin-bottom: 35px;}
.CommonBackgourndContact p {font-size: 15px; color: #fff; font-weight:800;}

.CommonBackgourndUse {background-image: url(../image/common/subnav5_bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; height:300px; margin-top: 100px;}
.CommonBackgourndUse h1 {font-size: 50px; font-weight:900; color: #fff; margin-bottom: 35px;}
.CommonBackgourndUse p {font-size: 15px; color: #fff; font-weight:800;}

.CommonTitleMiddle {position: relative; top: 55%; transform: translate(0, -50%);}
.CommonTitleMiddle h3 {font-size: 25px; font-weight: 700; color: #d9d9d9;}

/*-- 각 페이지 폰트스타일 설정   */
saeumColor {color:#4566B0; font-size:20px;  font-weight:normal;}
NoneSaeumColor {color:#707070; font-size:50px;}

.Title {margin-top: 0px; margin-bottom: 25px; text-align: left; }
.HeadLine h1 {font-size:39px; margin-left:40px; font-weight:800; color: #444444; padding-top: 10%;}
.HeadLine p {margin-left:55px; margin-top:5px; font-size:18px; color: #444444; }
.HeadLine img {margin-left:40px; margin-top:5px; padding-top: 6%;}
.HeadLineBk {font-size:30px; font-weight:900; color: #404040;}
.HeadLineSaeumColor {font-size:50px; font-weight:800; color: #00B3F0}
.HeadSubLine {font-size:20px; font-weight:normal; color: #404040;}


.HeadLine_new h1 {font-size:39px; margin-left:15px; font-weight:800; color: #444444; padding-top: 10%; display: inline-block;}
.HeadLine_new p:first-child {margin-left:90px; margin-top:50px; font-size:20px; color: #444444; }
.HeadLine_new p{margin-left: 90px; font-size:20px; color: #444444; }
.HeadLine_new img {margin-left:40px; margin-top:5px; padding-top: 6%;}
.HeadLineBk_new {font-size:30px; font-weight:900; color: #404040;}
.HeadLineSaeumColor_new {font-size:50px; font-weight:800; color: #00B3F0}
.HeadSubLine_new {font-size:20px; font-weight:normal; color: #404040;}



.MainLine {font-size:30px; font-weight:800; color: #4566B0;}
.MainLineS {font-size:25px; font-weight:bold; color: #4566B0;}

.MainSubLine {font-size:20px; font-weight:normal; color: #404040; line-height:1.8;}
.MainSubLineStr {font-size:20px; font-weight:800; color: #404040; line-height:1.8;}

.innoMainLine {font-size:17px; font-weight:normal; color: #404040; line-height:1.8;}

.GoDirect {font-size:50px; font-weight:800; color: #4566B0; text-decoration:none !important;}

.Footerline  {font-size:30px; font-weight:800; color: #4566B0;}
.FooterlineS  {font-size:20px; font-weight:normal; color: #504F4F; line-height: 2;}





.no-border {border: none;}

.ColorWhite {color:white;}
.ColorSaeum {color:#00A8EB;}

.DisplayNone {display:none;}

.checkDivSection {border:2px solid red;}

.ExtraBold {font-weight: 800;}


.floatLeft {float: left;}

.font11 {font-size:11px;} 
.font12 {font-size:12px;} 
.font15 {font-size:15px;}
.font20 {font-size:20px;}
.font25 {font-size:25px;}
.font30 {font-size:30px;}
.font50 {font-size:50px;}
.font70 {font-size:70px;}

.FullScreen-100{height:calc(100vh - 100px);}
.FullBackround { background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url(../image/sub/saeum_map.png);}
.FullBackround2 { background-repeat:no-repeat; background-size:cover; background-position:center;}

.inlineBlock {display: inline-block;}

.lineHeightOri {line-height: 1.5;}
.lineHeight46 {line-height: 46px;}

.listStyleNone {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}




.marginBt0 {margin-bottom: 0 !important;}
.marginBt20 {margin-bottom: 20px;}
.marginBt24 {margin-bottom: 24px;}
.marginBt35 {margin-bottom: 35px;}
.marginBt40 {margin-bottom: 40px;}
.marginBt45 {margin-bottom: 45px;}
.marginBt50 {margin-bottom: 50px;}
.marginBt70 {margin-bottom: 70px;}
.marginBt80 {margin-bottom: 80px;}
.marginBt90 {margin-bottom: 90px;}
.marginBt100 {margin-bottom: 100px;}
.marginBt200 {margin-bottom: 200px;}


.marginLeft30P {margin-left: 30%;}

.marginLeft5 {margin-left: 5px;}
.marginLeft10 {margin-left: 10px;}
.marginLeft15 {margin-left: 15px;}
.marginLeft20 {margin-left: 20px;}
.marginLeft40 {margin-left: 40px;}

.marginRight10 {margin-right: 10px;}
.marginRight15 {margin-right: 15px;}

.marginTop10P {margin-top: 10%;}
.marginTopM50 {margin-top: -50px;}
.marginTop0 {margin-top: 0 !important;}
.marginTop10 {margin-top: 10px;}
.marginTop20 {margin-top: 20px;}
.marginTop30 {margin-top: 30px;}
.marginTop35 {margin-top: 35px;}
.marginTop40 {margin-top: 40px;}
.marginTop50 {margin-top: 50px;}
.marginTop55 {margin-top: 55px;}
.marginTop60 {margin-top: 60px;}
.marginTop70 {margin-top: 70px;}
.marginTop75 {margin-top: 75px;}
.marginTop80 {margin-top: 80px;}
.marginTop90 {margin-top: 90px;}
.marginTop100 {margin-top: 100px;}
.marginTop120 {margin-top: 120px;}
.marginTop130 {margin-top: 130px;}
.marginTop150 {margin-top: 150px;}
.marginTop195 {margin-top: 195px;}
.marginTop200 {margin-top: 200px;}
.marginTop530 {margin-top: 530px;}


.PaddingBottom15 {padding-bottom: 15px;}
.PaddingBottom30 {padding-bottom: 30px;}
.PaddingBottom45 {padding-bottom: 45px;}
.PaddingBottom50Im {padding-bottom: 50px !important;}
.PaddingBottom80 {padding-bottom: 80px;}
.PaddingBottom100 {padding-bottom: 100px;}



.PaddingLeft53p {padding-left: 53%;}
.PaddingLeft32p {padding-left: 32%;}
.PaddingLeft15p {padding-left: 15%;}
.PaddingLeft10p {padding-left: 10%;}
.PaddingLeft8p {padding-left: 8%;}

.PaddingLeft10 {padding-left: 10px;}
.PaddingLeft15 {padding-left: 15px;}
.PaddingLeft20 {padding-left: 20px;}
.PaddingLeft60 {padding-left: 60px;}
.PaddingLeft100 {padding-left: 100px;}
.PaddingLeft200 {padding-left: 200px;}
.PaddingLeft500 {padding-left: 500px;}
.PaddingLeft600 {padding-left: 600px;}

.PaddingLeft10 {padding-left: 10px;}
.PaddingRight15 {padding-left: 15px;}
.PaddingRight60 {padding-left: 60px;}

.PaddingRight15p {padding-right: 15%;}
.PaddingRight8p {padding-right: 8%;}

.PaddingTop10 {padding-top: 10px;}
.PaddingTop15 {padding-top: 15px;}
.PaddingTop20 {padding-top: 20px;}
.PaddingTop25 {padding-top: 25px;}
.PaddingTop30 {padding-top: 30px;}
.PaddingTop35 {padding-top: 35px;}
.PaddingTop40 {padding-top: 40px;}
.PaddingTop45 {padding-top: 45px;}
.PaddingTop50 {padding-top: 50px;}
.PaddingTop65 {padding-top: 65px;}
.PaddingTop75 {padding-top: 75px;}
.PaddingTop100 {padding-top: 100px;}
.PaddingTop130 {padding-top: 130px;}
.PaddingTop140 {padding-top: 140px;}
.PaddingTop150 {padding-top: 150px;}
.PaddingTop175 {padding-top: 175px;}
.PaddingTop200 {padding-top: 200px;}
.PaddingTop530 {padding-top: 530px;}
.PaddingTop600 {padding-top: 600px;}

.PaddingTop15p {padding-top: 15%;}


.rightBorderBlue {border-right: 1px solid #4566B0;}


.SectionTitleHeight {height:calc(25vh);}
.SectionBobyHeight {height:calc(75vh - 100px);}


.Height50 {height:50px;}
.Height80 {height:80px;}
.Height100 {height:100px;}
.Height150 {height:150px;}
.Height250 {height:250px;}
.Height300 {height:300px;}
.Height350 {height:350px;}
.Height550 {height:550px;}
.Height600 {height:600px;}
.Height700 {height:700px;}
.Height760 {height:760px;}
.Height800 {height:800px;}
.Height1020 {height:1020px;}
.Height1160 {height:1160px;}
.Height1400 {height:1400px;}
.Height1560 {height:1560px;}
.Height1600 {height:1600px;}


.TextAlignRight {text-align : right;}
.TextAlignCenter {text-align : center;}


.VerticalAlignMd {position: absolute; top: 50%; transform: translate(0, -50%);}
.VerticalAlignBt {position: absolute; top: 80%; left:50%; transform: translate(-50%, 0);}
.VerticalAlignBt2 {position: relative; top: 91%; transform: translate(-15%, 0);}

.Width33p {width:33%;}
.Width40p {width:40%;}
.Width50p {width:50%;}
.Width60p {width:60%;}
.Width70p {width:70%;}
.Width80p {width:80%;}
.Width100p {width:100%;}
.Width900 {width:900px;}
.Width960 {width:960px;}
.Width970 {width:970px;}
.Width1200 {width:1200px;}
.Width1250 {width:1250px;}

.floatLf {float:left;}
.floatRi {float:right;}

.BorderT { border-top:1px solid #cdcdcd;}
.BorderB { border-bottom:1px solid #cdcdcd;}
.BorderR { border-right:1px solid #cdcdcd;}
.BorderL { border-lerf:1px solid #cdcdcd;}

.MainWidth80p .row {width:80%; margin-left:10% !important;}
.MainWidth90p .row {width:90%; margin-left:7% !important;}
	
/* ########## Start Layout ########*/

/* Header ------------------------------------------------------------------------------------------------------*/
/* 	Not responsive for Tablet or smartPhone */
/* #Header .navbar-brand img {height:30px;} */

/* .subNav1 {background-color: #fff; background : rgba(255, 255, 255, 0.6); border-bottom:1px solid #D4D4D4;} */
/* .subNav1 .nav-item {margin-right: 15px; margin-left: 15px;} */
/* .subNav1 .nav-link {font-size: 18px; color:#5D5D5D; font-weight: 800;} */
/* .subNav1 .active a {color:#3D5DAA;} */
/* .subNav1 .nav-link:hover {color:#404040;} */

/* .subNav2 {background-color: #fff; background : rgba(255, 255, 255, 0.6); border-bottom:1px solid #D4D4D4;} */
/* .subNav2 .nav-item {margin-right: 40px; margin-left: 40px;} */
/* .subNav2 .nav-link {font-size: 18px; color:#5D5D5D; font-weight: 800;} */
/* .subNav2 .active a {color:#3D5DAA;} */
/* .subNav2 .nav-link:hover {color:#404040;} */


/* .subNav3 {background: #fff; background : rgba(255, 255, 255, 0.6); border-bottom:1px solid #D4D4D4;} */
/* .subNav3 .nav-item {margin-right: 50px; margin-left: 50px;} */
/* .subNav3 .nav-link {font-size: 18px; color:#5D5D5D; font-weight: 800;} */
/* .subNav3 .active a {color:#3D5DAA;} */
/* .subNav3 .nav-link:hover {color:#404040;} */

.subMenubar {height:5vh; border-bottom:1px solid #cdcdcd;}
.subMenubar ul li { list-style: none;  color: #707070; background-color: #ffffff; float: left; line-height: 30px; vertical-align: middle; border-right:1px solid #cdcdcd; }
.subMenubar ul li a{ font-size: 18px; margin-left: 10px; margin-right: 50px; text-decoration: none;}
.subMenubar ul li img{ margin-right: 10px;}
.barLine{width: 33%; margin-bottom: 0rem!important; margin-top: 0rem!important;border: solid 1px #dddddd94; }

#navbarResponsive .nav-column { position:absolute; top: 98px; display:none; width: 670px; background:#FFFFFF;box-shadow: 1px 2px 6px 1px #d3cfcf;}
#navbarResponsive .navbar-nav a:hover { color: #4566B0; }
#navbarResponsive .navbar-nav li:hover .nav-column { display: block; }

#navbarResponsive .navbar-nav .nav-column:hover { display: block; }

#navbarResponsive .nav-sub { float:left; width:22%; text-align:left;}
#navbarResponsive .nav-sub .nav-subDetail { float:; width:; }
#navbarResponsive .nav-sub li a:hover { color:#4566B0;}

#navbarResponsive .navbar-nav .nav-column ul { list-style: none; margin-top: 1.5%;}
#navbarResponsive .navbar-nav .nav-column li a { display: block;line-height: 34px;font-weight: bold; font-size: 15px;color:#5a7bc6;text-decoration: none;}
#navbarResponsive .navbar-nav .nav-column .nav-subDetail a {box-shadow:none; display: block;line-height: 12px;font-weight: normal; font-size: 13px;color: #454545; padding-top: 5px; text-align:left;text-decoration: none;}
#navbarResponsive .navbar-nav .nav-column li a:hover {color:#4566B0; text-decoration: none;}

/* Contents ------------------------------------------------------------------------------------------------------*/
#Contents .moveSection {width: 100%; position: relative; color: #ffffff;}
/*section1----*/

.mainPopup {background-image : url(../image/new_img/popup_1.png);object-fit: cover;background-size: 100% 100%; background-repeat:no-repeat;background-position:center;box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);}
.subPopup {background-image : url(../image/new_img/popup_2.png);background-size: 100% 100%; background-repeat:no-repeat;background-position:center;box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);}
.popupBtn>a:hover{transform: scale(1.05); transition: 0.3s; text-decoration:none;background-color:#f1f8fa; color:#2460c3 !important;box-shadow: 0 0 1px 1px #2460c3;border-radius:10px;}
.popupBtn{display:inline-block; width:130px;  height:51px; background-color:#2460c3; font-size:14px; text-align:center; line-Height:60px;font-weight:bold; border-radius:6px;}
.popupBtn2>a:hover{transform: scale(1.05); transition: 0.3s; text-decoration:none;background-color:#f1f8fa; color:#2460c3 !important;}
.popupBtn2{display:inline-block; width:130px;  height:51px; background-color:#2460c3;  font-size:14px; text-align:center; line-Height:48px!important;font-weight:bold; border-radius:6px;}

.historyBox{ font-size:12px; font-weight:bold;line-height: 18px !important; text-align:left;}



.goContact_btn {}
#Contents #section1 {height:100vh;}
#Contents #section1 .carousel-item {height:calc(100vh - 100px); margin-top: 100px;}
#Contents #section1 .dot {height: 18px; width: 18px; border-radius: 50%; margin: 0 10px 0 10px;}
#Contents #section1 .dot:hover {background-color: #717171;}
#Contents #section1 #slide1 {background-image : url(../image/main/mainSlide1.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
#Contents #section1 #slide2 {background-image : url(../image/main/mainSlide2.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
#Contents #section1 #slide3 {background-image : url(../image/main/mainSlide3.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
#Contents #section1 .row {height:calc(100vh - 100px);}
#Contents #section1 .row div {height:calc(100vh - 100px);}
#Contents #section1 .row div .LImg {right:1%;left:40%;}
#Contents #section1 .row div .RImg {left:11%;}

.banner {position: absolute;margin-top: 8vh; margin-left: 79%; z-index: 1029;width: 7%;}
.banners {position: absolute;margin-top: 8vh; margin-left: 71%; z-index: 1029;width: 7%;}

/*section2----*/
#Contents #section2 {height:4150px; background-image : url(../image/main/apt123history.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
/* #Contents #section2 .row {height:4000px;} */
#Contents #section2 img {width:500px;}
/* #Contents #section2 .container {background-image : url(../main/apt123history.png); background-repeat:no-repeat; background-size:cover; background-position:center; } */
#Contents #section2 div button {background: none; border: none; color: #00A8EB; padding: 0; margin: 0; text-align: center; text-decoration: none; display: inline-block;}

/*section3----*/
#Contents #section3 {height:345vh; background-image : url(../image/main/section3_bg2.png); background-repeat:no-repeat; background-size:contain; background-position:top;}
#Contents #section3 .subsection1Height {height:calc(113vh);}
#Contents #section3 .subsection2Height {height:calc(95vh);}
#Contents #section3 .subsection3Height {height:calc(30vh);}
#Contents #section3 .SectionBobyHeight div {height:calc(75vh - 100px);}
#Contents #section3 div button {background: none; border: none; color: #00A8EB; padding: 0; margin: 0; text-align: center; text-decoration: none; display: inline-block; font-size: 25px;}
#Contents #section3  ul {  padding: 0; float: left; list-style: none;     height: 70px; width: 100%;}
#Contents #section3  ul li { float: left; padding: 0; height: 104px; line-height: 31px; border-left: none; margin-bottom: -1px; position: relative;}
#Contents #section3  ul li { color: #575757; display: inline-block; text-align: center;}
#Contents #section3  ul li { margin-right: 40px; box-sizing: border-box; width: 7.6%;}
#Contents #section3  ul li.active div { border-radius: 17px; box-shadow: 0px 0px 7px 0px #4080c6;}
#Contents #section3  ul li div:hover { margin-top: -14px;}
#Contents #section3  ul li div a:hover{margin-top: -14px; text-decoration: none; }
#Contents #section3 .tab_container {border-top: none; clear: both; float: left; width: 100%; background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#Contents #section3 .tab_content { height: 350px;}
#Contents #section3 .tab_content div {float:left;}
#Contents #section3 .tab_content h1 {font-weight: 800; padding-bottom: 10px; font-size: 30px; color:#407EC0; padding-left: 40px;padding-top: 50px;}
#Contents #section3 .tab_content h2 {padding-bottom: 10px; font-weight: 800;  font-size: 23px; color:#454545; padding-left: 40px;}
#Contents #section3 .tab_content p { padding-bottom: 10px; font-size: 15px; color:#454545;padding-left: 40px;}
#Contents #section3 #subsection1 ul li html.active,  #Contents #section3 #subsection1 ul li html.active a:hover  {background: #fff;}
/* .tabBox{border-radius: 25px;box-shadow: 0px 0px 7px 0px #c8c8c8;width: 100px;height: 100px;} */
/* .tabContents {float:left;} */
.tabImg {float:left;}

.sub3Contents{height: 400px; margin-top:30px; margin-bottom:50px;}
.subsection3tab {background-image : url(../image/main/subsection3tab.png); background-repeat:no-repeat; background-size:cover; background-position:center;height: 400px; float:left;}
.subsection3tab h1 {font-weight: 800; padding-top: 50px; padding-bottom: 20px; font-size: 23px; color:#454545; text-align: center; }
.subsection3tab img { }
.subsection3tab p {padding-top: 20px; font-size: 15px; color:#454545; text-align: center;}

/*section4(section2)----*/
#Contents #section4 {background-image : url(../image/main/section4_bg.png); background-repeat:no-repeat; background-size:auto; background-position:center;height:100vh; text-align: center;}
#Contents #section4 .SectionTitleHeight div {height:calc(25vh);}
#Contents #section4 .SectionBobyHeight div {height:calc(75vh - 100px);}

/*section5----*/

#Contents #section5 {height:calc(125vh);}
#Contents #section5 .section5Contents {background-image : url(../image/main/maincolum.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; height:800px;}
#Contents #section5 div button {background: none; border: none; color: #00A8EB; padding: 0; margin: 0; text-align: center; text-decoration: none; display: inline-block; font-size: 25px;}
#Contents #section5 .table {margin-top: 20px;}
#Contents #section5 .table tr {height: 70px;}
#section5 .table td {font-size: 20px;}
#section5 .table .td-sm {font-size: 15px;}
#section5 a {color:#707070; text-decoration:none; font-size: 20px;}
#section5 a:hover {color:#707070;}
#Contents #section5 .table td, .table th {vertical-align: middle;}

 
.section5Contents .columContents {margin-top: 84px;}
.section5Contents .columContents .columDate {font-size: 15px; color: #000; font-weight: 800; margin-top: 43px; float: right; margin-right: 28px;}
.section5Contents .columContents .columNum {font-size: 23px; color: #FFF; font-weight: 800; margin-top: 160px; margin-left: 67px; }
.section5Contents .columContents .columTitle {font-size: 35px; color: #4566B0; font-weight: 800; margin-left: 17px; padding-top: 61px; }
.section5Contents .columContents .columContent {font-size: 17px; color: #808080; padding-top: 13px; margin-left: 22px;}
.section5Contents .columContents .columMore { margin-left: 22px; }
.section5Contents .columContents .columMore a{font-size: 12px; color: #000; text-decoration:none;}
.section5Contents .columContents .columMore a:hover {color: #4566B0;}


/* Footer ------------------------------------------------------------------------------------------------------*/
#Footer *{color:#fff; line-height:2.0;}
#Footer #footerSection {margin-bottom: 0; height:790px; background-image : url(../image/common/footer_bg1.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
#Footer #footerSection p a {color:#fff; font-size:15px; text-decoration:none}
#Footer #footerSection p {color:#fff; font-size:13px; text-decoration:none}
#Footer #footerSection .footertitle {color:#fff; padding-right: 15px; border-right: 1px solid #FFF; font-weight: 800; }
#Footer #footerSection .footertitle2 {color:#fff; font-weight: 800; }
#Footer #footerSection a:hover {color:#fff;}
#Footer #footerSection h4 {font-size:25px; font-weight: 800;}
#Footer #footerSection .col-sm-12 {text-align: left;}
#Footer #footerSection #familySite {display: inline-block; float: right;  margin-top: 65px;}
#Footer #footerSection #familySite select{border: 1px solid white; background: none; height: 32px; width: 180px; margin-right: 10px;}
#Footer #footerSection #familySite select option{background-color: #505050;}


/* intro.jsp ------------------------------------------------------------------------------------------------------*/

#intro_footer {background-color:#fff;}
#intro_footer .container {margin-bottom:100px;}
#intro_footer .row { padding-top:100px;}
#intro_footer p {line-height:2;}

#intro_footer_new {background-color:#fff;}
#intro_footer_new .container {margin-bottom:100px;}
#intro_footer_new .row { padding-top:30px;}
#intro_footer_new p {line-height:1.5;}

/* apt123intro.jsp -------------------------------------------------------------*/
.aptStart{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 90px 0;}
.aptStart h1 {color: #07519E;font-size: 40px;padding: 30px 0;font-weight: 800;}
.aptStart p { margin: 0;line-height: 2;font-size: 20px;color: #000;}

/* apt132With.jsp-------------------------------------------------- */
.text-style{text-align: right;}


/* organization.jsp ------------------------------------------------------------------------------------------------------*/
#compo_footer {background-color:#F3F3F3;}
#compo_footer table {width: 80%; color:#504F4F;}
#compo_footer table td {vertical-align:middle; text-align: center; font-size:20px; font-weight:normal;}



/* ceosay.jsp ------------------------------------------------------------------------------------------------------*/
.ceoSay {font-size:25px; font-weight:bold; color: #828282; line-height:1.8;}
.ceosayBackground {background-image : url(../image/sub/ceo.jpg); background-repeat:no-repeat; background-position:center; width:100%; height:600px;}


/* program.jsp ------------------------------------------------------------------------------------------------------*/
.program .seIcon {width: 60px;}
.program .text-center div img {width: 190px;}
.program h5 {font-size:15px; font-weight:normal; color: #4566B0;}
.program .marginTop20 p {font-weight:normal;}


/* contactus.jsp (문의하기팝업)) ------------------------------------------------------------------------------------------------------*/
.inquiry-frame { background-image : url(../image/inquiry-frame2.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
#contactus select {border:none; font-size:13px; text-align:center; font-weight:600; border-bottom:1px solid #ccc; width:100%;}
#contactus option {border:none; font-size:12px; text-align:center; font-weight:600;}
#contactus input {font-size: 13px; text-align: center;padding-bottom: 0px;font-weight: 600;border: none;border-bottom: 1px solid #ccc;}
#contactus textarea {font-size:13px; width: 100%;  resize: none; margin-bottom:0px;min-height: 140px;border: 1px solid #ccc;}
#contactus .col-2 h4{padding-top: 3px; font-size:15px; font-weight:bold; color: #383737; padding-bottom:30px;}
#contactus_new .col-2 h4{padding-top: 3px; font-size:15px; font-weight:bold; color: #383737; padding-bottom:27px;}
#contactus .question h4{padding-top: 3px; padding-left:16px; font-size:15px; font-weight:bold; color: #383737; padding-bottom:30px;}
#contactus .col-3 h4{font-size:18px; font-weight:bold; color: #707070; padding-bottom:20px;}
#contactus .btn {height: 50px;width: 185px;background-color: #00B0EC;color: #fff;font-size: 22px;font-weight: bold;}
#contactus #questionOffice {display: none;}
#contactus #questionApt123 {display: none;}
#contactus #contactusForm {border: 1px solid #e1e1E1; margin: 50px 0 50px 0; box-shadow: 3px 3px 3px 3px #e1e1E1;}
.answerArea label{font-weight:bold; width: 46%; font-size:13px; }
.answerArea input {border: 0; border-bottom: 2px solid #ccc; width: 4%; background-color: transparent;}
.answerArea_new label{font-weight:bold; width: 28%; font-size:13px; }
.answerArea_new input {border: 0; border-bottom: 2px solid #ccc; width: 4%; background-color: transparent;}



.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 1; /* Sit on top */left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: hidden; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}

/* function.jsp common기능tab */
.barLine1 { width: 10%;margin-bottom: 0rem!important;margin-top: 0rem!important;border: solid 1px #5a7bc6;}
/* .tabBox1 { cursor:pointer; border-radius: 50px; background-color:white; box-shadow: 0px 0px 0px 2px #4475c4; width: 100px;height: 100px;} */
/* .tabArea{float: left;padding: 0; height: 104px;line-height: 31px; border-left: none;margin-bottom: -1px;position: relative;margin-right: 18px; margin-top: 50px;box-sizing: border-box;    color: #575757;display: inline-block; text-align: center; width:116px;} */


#functionPage #section3 {/* height:calc(363vh); background-image : url(../image/main/section3_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center; */}
#functionPage #section3 .subsection1Height {height:calc(121vh);}
#functionPage #section3 .subsection2Height {height:calc(121vh);}
#functionPage #section3 .subsection3Height {height:calc(121vh);}
#functionPage #section3 .SectionBobyHeight div {height:calc(75vh - 100px);}
#functionPage #section3 div button {background: none; border: none; color: #00A8EB; padding: 0; margin: 0; text-align: center; text-decoration: none; display: inline-block; font-size: 25px;}
#functionPage #section3  ul { margin-top: 50px; padding: 0; float: left; list-style: none;     height: 70px; width: 100%;}
#functionPage #section3  ul li {border-bottom: 2px solid #c0c0c0; color: #454545;display: inline-block;text-align: center;box-sizing: border-box;width: 20%;font-size: 18px;}
#functionPage #section3  ul li {float: left; padding: 0; height: 50px;line-height: 31px;border-left: none;margin-bottom: -1px;position: relative;}


#functionPage #section3  ul li { box-sizing: border-box; width: 18.6%;}
#functionPage #section3  ul li.active {border-bottom: 5px solid #4566B0;color: #4566B0; font-weight: 800;}
#functionPage #section3  ul li a { color: #454545; font-size:22px;line-height: 1.7;}
 #functionPage #section3  ul li a:hover { text-decoration: none; font-size:24px;} 
/* #functionPage #section3  ul li:hover { border: 3px solid #fff; cursor:pointer; } */
#functionPage #section3  ul li.active a { font-size:24px!important;color: #4566B0; font-weight:bold;}
#functionPage #section3 .tab_container {border-top: none; clear: both; float: left; width: 100%; 
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#functionPage #section3 .tab_content { padding: 30px; height: 600px;}
#functionPage #section3 .tab_content div {float:left;}
#functionPage #section3 .tab_content h1 {font-weight: 800; padding-bottom: 10px; font-size: 30px; color:#407EC0; padding-left: 40px;padding-top: 105px;}
#functionPage #section3 .tab_content h2 {padding-bottom: 10px; font-weight: 800;  font-size: 23px; color:#454545; padding-left: 40px;}
#functionPage #section3 .tab_content p { padding-bottom: 10px; font-size: 15px; color:#454545;padding-left: 40px;}
#functionPage #section3 #subsection1 ul li html.active,  #functionPage #section3 #subsection1 ul li html.active a:hover  {background: #fff;}

.tabfunctionPage {float:left;}
.tabImg {float:left;}
.barLine2 {width: 55%;margin-bottom: 0rem!important; margin-top: 0rem!important;border: solid 1px #cccccc57;}


.sub3functionPage{height: 400px; margin-top:30px; margin-bottom:50px;}
.subsection3tab {background-image : url(../image/main/subsection3tab.png); background-repeat:no-repeat; background-size:cover; background-position:center;height: 400px; float:left;}
.subsection3tab h1 {font-weight: 800; padding-top: 50px; padding-bottom: 20px; font-size: 23px; color:#454545; text-align: center; }
.subsection3tab img { }
.subsection3tab p {padding-top: 20px; font-size: 15px; color:#454545; text-align: center;}


.approvalImg{width: 90px;box-shadow: 0px 0px 9px 0px #c8c8c8;padding: 15px; border-radius: 14px;margin-bottom:20px;}
.approvalImgBox{display: flex;flex-direction: column;font-weight: bold;align-items: center;margin: 0px 7px;width: 125px;}
.approvalImgBox p {text-align: center;line-height: 1.5;}

.imformationImgBox{color: #4566b0;font-size: 15px;height: 195px; width: 130px; box-shadow: 0px 0px 9px 0px #c8c8c8;padding: 5px; border-radius: 14px;margin: 0 7px 20px 7px;display: flex;flex-direction: column;font-weight: bold;align-items: center;}
.imformationImgBox p{font-weight: bold; text-align: left; line-height: 18px!important;}
.imformationImgBox img{ width: 63px;margin-bottom: 14px;}

.distributionImgBox{    justify-content: center; font-size: 20px;height: 160px; width: 160px; box-shadow: 0px 0px 9px 0px #c8c8c8;padding: 10px; border-radius: 100px;display: flex;flex-direction: column;font-weight: bold;align-items: center;}
.distributionImgBox img{ margin-bottom:10px;}

.distributionTextBox{height: 240px;  display: flex;flex-direction: column;font-weight: bold;}
.distributionTextBox1{background:#3dc3f9; width: 240px;border-radius: 20px;font-size: 20px;height: 37px; line-height: 1.8; color:#fff; font-weight:bold;}
.distributionTextBox2{height: 100px;color: #fff;/* box-shadow: 0px 5px 0px 0px #c8c8c8; */}
.distributionTextBox2_1{background: #3dc3f9; color:#fff; font-size:17px; width: 100%;}
.distributionTextBox2_2{background: #fff;  font-size: 16px;  font-weight:bold;  }

.situationImgBox{   font-size: 17px; display: flex;flex-direction: column;font-weight: bold;align-items: center;}
.situationTextBox{font-size: 17px; display: flex;font-weight: bold;}
.situationTextBox1{background:#3dc3f9; width: 120px;border-radius: 20px;font-size: 17px;height: 33px; line-height: 1.9; color:#fff; font-weight:bold;}
.situationTextBox2{height: 100px;color: #fff;/* box-shadow: 0px 5px 0px 0px #c8c8c8; */}
.situationTextBox2_1{background: #3dc3f9; color:#fff; font-size:17px; width: 100%;}
.situationTextBox2_2{background: #fff;  font-size: 13px;  font-weight:bold;  width: 100%;}
.situationImgBox2{height: 120px; width: 120px; box-shadow: 0px 0px 9px 0px #c8c8c8;padding: 14px; border-radius: 14px;margin: 0 7px 20px 7px;display: flex;flex-direction: column;align-items: center;}
.situationImgBox2 p{text-align: center; font-weight: bold;  line-height: 18px!important; font-size: 11px!important;}
/* .slidemenu{ z-index: 99; width:100%; top: 1549px !important; position: absolute; right: -30%!important;} */
/* .fix{z-index: 99; right:3.0%!important ;width:160px;  position: absolute;} */
.ansnText{font-weight: 800; font-size: 30px; margin-top: 15px; padding-top: 30px;color: #ffbc00;}

.slidemenu{ display: flex; z-index: 99;  top: 975px !important; position: absolute; }
.fix{z-index: 99; right:4.0% ;  position: absolute;}
.tabBox1 { cursor:pointer; border-radius: 50px; background-color:white; box-shadow: 0px 0px 0px 2px #4475c4; width: 100px;height: 100px;}
.tabArea{position: relative; margin-top: 50px;     display: block; text-align: center;}

.tabArea :hover{margin-top: -10px;}

.exIntroCard {float:left; height:38vh;}
.exIntroCard p {font-size: 15px; padding-top: 10px; padding-left: 35px; color:#454545;}
.exIntroCard h1 {font-weight: 800; font-size: 30px; padding-top: 35px;padding-left: 35px; color:#454545;}
.exResizeHeight {height:auto; overflow:hidden;}
#exMask {  
  position:absolute;  
  left:0;
  top:0;
  z-index:1032;  
  background-color:#000;  
  display:none;  
}

.exBox {font-size: 19px;font-weight: bold;color: #575757;}
.exOpenMask {background-image : url(../image/intro/intro_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.exBtn-plus {position:absolute;top:50px;left:70px;text-align:center;opacity:0; }
.exBtn-plus span { font-size:30px; font-weight:800; color:#ffffff; user-select:none;}
.exOpenMask:hover {  background-image : url(../image/intro/introCover.png); background-repeat:no-repeat; background-size:cover; background-position:center; margin-top: -10px; cursor:hand;}
.exOpenMask:hover .exBtn-plus{opacity:1!important;}
.exOpenMask:hover .exBox{color:#fff;opacity:0.2;}




.arbitrationBox{text-align: left; margin-right: 20px; cursor: pointer; padding: 39px 33px; width: 250px;height: 250px!important;}

.arbitrationImgBox{display: flex;flex-direction: column;font-weight: bold;align-items: center;margin: 0px 16px;}
.arbitrationImg{width: 130px;box-shadow: 0px 0px 9px 0px #c8c8c8;padding: 15px; border-radius: 65px;margin-bottom:20px;}
.arbitrationTextBox1{background:#3dc3f9; width: 130px;border-radius: 20px;font-size: 17px;height: 37px; line-height: 2.2; color:#fff; font-weight:bold;}
.arbitrationTextBox2_2 {font-size: 16px;font-weight: bold;width: 100%;}
.questionBtn{width: 400px; height: 107px;font-size: 43px;border-radius: 32px;line-height: 2.3; color: #fff; background: #4566B0;font-weight: bold;}
.questionBtn1{width: 300px; height: 80px;font-size: 35px;border-radius: 20px;line-height: 2.3; color: #fff; background: #4566B0;font-weight: bold;}
/* .questionBtn :hover{width: 410px; height: 70px;font-size: 40px;line-height: 2; color: #fff; background: #4566B0;} */
/* Modal Content/Box -------------------------------------------------------------------------------------------------*/
.modal-content { margin: 15% auto; padding: 20px;border: 1px solid #888; width: 30%; }
p#marketingMsg{padding: 20px 30px 20px; font-size: 18px;text-align: left; resize: none; width: 100%;border: 1px solid #D9D9D9;text-weight:bold;overflow-y: hidden;}
.yellow-underline{ background: #FFFDEB;}
/* contactus.jsp ------------------------------------------------------------------------------------------------------*/
#faq .faqTitle span {margin-left: 15px;font-size:18px;color:#00B3F0;font-weight: 800; cursor:pointer;}
#faq table {margin-left:55px;margin-right: 30px;}
#faq table tr {line-height:60px;border-top:1px solid #f2f2f2;}
#faq table p { margin-left: 60px; margin-top: 10px; }
#faq h2 {font-size:18px;color:#454545;}

#faq_new .faqTitle span {margin-left: 15px;font-size:18px;color:#00B3F0;font-weight: 800;}
#faq_new table {margin-left:15px;margin-right: 15px;}
#faq_new table tr {line-height:60px;border-top:1px solid #f2f2f2;}
#faq_new table p { margin-left: 60px; margin-top: 10px; }
#faq_new h2 {font-size:18px;color:#454545; padding-top:10px;}

/* news.jsp ------------------------------------------------------------------------------------------------------*/
#news table {width: 100%}
#news table #column1 {width: 10%; font-weight: bold; font-size: 17px;}
#news table #column2 {width: 5%}
#news table #column3 {width: 65%; font-weight: bold; font-size: 17px;}
#news table #column4 {width: 5%}
#news table #column5 {width: 15%; font-weight: bold; font-size: 17px;}
#news table th {text-align: center;}
#news table tr {border-bottom: 1px solid #d4d4d4; height: 60px;}
#news a {color:#707070; text-decoration:none;}
/* #news a:hover {color:#707070;} */

#news .bodo {display : inline-block; height: 31px; width: 115px; border: 1px solid #FFB300; color: #FFB300; font-size: 15px; text-align: center; padding-top: 5px;}
#news .column {display : inline-block; height: 31px; width: 115px; border: 1px solid #3D5DAA; color: #3D5DAA; font-size: 15px; text-align: center; padding-top: 5px;}
#news .notice {display : inline-block; height: 31px; width: 115px; border: 1px solid #00A8EB; color: #00A8EB; font-size: 15px; text-align: center; padding-top: 5px;}
#news .tableTitle {background-color:#f2f2f2; font-color: #ffffff}

/* notice.jsp ------------------------------------------------------------------------------------------------------*/
#notice table {width: 100%}
#notice table #column1 {width: 10%; font-weight: bold; font-size: 17px;}
#notice table #column2 {width: 5%}
#notice table #column3 {width: 65%; font-weight: bold; font-size: 17px;}
#notice table #column4 {width: 5%}
#notice table #column5 {width: 15%; font-weight: bold; font-size: 17px;}
#notice table th {text-align: center;}
#notice table tr {border-bottom: 1px solid #d4d4d4; height: 60px;}
#notice a {color:#707070; text-decoration:none;}
#notice .notice {display : inline-block; height: 31px; width: 115px; border: 1px solid #00A8EB; color: #00A8EB; font-size: 15px; text-align: center; padding-top: 5px;}
#notice .tableTitle {background-color:#f2f2f2; font-color: #ffffff}


/* colum.jsp ------------------------------------------------------------------------------------------------------*/
.colum1 {background-image : url(../image/contents/colum1.png); background-repeat:no-repeat; background-size:cover; background-position:center;height: 485px;} 
.colum2 {background-image : url(../image/contents/colum2.png); background-repeat:no-repeat; background-size:cover; background-position:center;height: 300px;margin-top: 60px;} 
#colum {background-color:#fff;}#intro_footer {background-color:#fff;}
#colum .row {padding-top:10px;}
#colum .columDate {font-size: 10px; color: #000; font-weight: 800; margin-top: 47px; float: right; margin-right: 70px;}
#colum .columNum {font-size: 15px; color: #FFF; font-weight: 800; margin-top: 101px; margin-left: 32px; }
#colum .columTitle {font-size: 23px; color: #4566B0; font-weight: 800; margin-left: 25px; padding-top: 13px; }
#colum .columContents {font-size: 15px; color: #808080; padding-top: 13px; margin-left: 22px; line-height: 20px;}
#colum .columMore { margin-left: 22px; padding-top: 8px;}
#colum .columMore a{font-size: 12px; color: #000; text-decoration:none;}
#colum .colum2Title {font-size: 20px; color: #575757; font-weight: 800; text-align: center; margin-right: 15px;padding-top: 62px;} 
#colum .colum2Contents {font-size: 15px; color: #575757; font-weight: 700; margin-left: 30px;padding-top: 10px;}
#colum .colum2Contents img {float:right; margin-right:50px;}

/* function.jsp ------------------------------------------------------------------------------------------------------*/
.videoBox {display: flex; flex-direction: column; border: 2px solid #E3E3E3; border-radius: 0 0 33px 33px;}
#MovieName {font: Bold 30px/23px NanumSquareRound;letter-spacing: -0.6px;color: #2455A2; }
.hashtag {border: 1px solid #D3D3D3;border-radius: 32px;text-align: left;font: Bold 14px/14px NanumSquareRound;letter-spacing: 0px;color: #00A7EB; padding: 7px 11px;margin: 0px 5px;}

.function1 {padding-bottom: 100px; margin-left: 25px;}
.function1 h1 { font-weight: 800; font-size: 30px; color: #4566B0; margin-top: 15px;padding-top: 30px;}
.function1 h2 {font-weight: 800;font-size: 23px; color: #000;padding-top: 10px;}
.function1 p {font-size: 15px; color: #000;padding-top: 10px;}
.function1 div {float:left;}
.function2 {padding-bottom: 100px;}
.function2 h1 { font-weight: 800; font-size: 30px; color: #4566B0; margin-top: 15px; margin-left:40px; padding-top: 50px;}
.function2 h2 {font-weight: 800;font-size: 23px; color: #575757;padding-top: 10px;margin-left:40px; }
.function2 p {font-size: 15px; color: #000;padding-top: 10px;margin-left:40px; }
.function2 div {float:left;}

 
/* video.jsp ------------------------------------------------------------------------------------------------------*/
#introduce h1 {font-size: 35px; color: #000; padding-top:15px;}
#introduce p {font-size: 16px; color: #000; padding-top:15px;}

/* with.jsp ------------------------------------------------------------------------------------------------------*/
#with h1 {font-size: 30px; color: #4566B0; font-weight:800; padding-top: 10px;}
#with h1:last-child{padding: 0;}
#with p {font-size: 15px; color: #000; padding-top:16px; }

/* history.jsp ------------------------------------------------------------------------------------------------------*/
/* #history { background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url(../image/sub/history_bg.png);} */
#history .listStyleNone li {font-size:20px; font-weight:normal; color: #404040; line-height:2.5;}
#history .listStyleNone img {margin-right : 20px;}
.historyButton {margin: 0; width:436px; height:80px; cursor:hand; z-index:100; position: absolute; top:9%; right:47%; opacity: 0;}
#history #year2019 {background-image: url(../image/sub/2019.png); height:180px; padding-top:140px;}
#history #year2013 {background-image: url(../image/sub/2013.png); height:180px; padding-top:140px;}
#history #year2011 {background-image: url(../image/sub/2011.png); height:180px; padding-top:140px;}
#history #year2008 {background-image: url(../image/sub/2008.png); height:180px; padding-top:140px;}

/* exepectffect.jsp -------------------------------------------------------../image/---------*/
/* #exepectffect {background-image : url(../image/contents/exepect_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;height:515vh;} */
#exepectffect{background: #07519E;}
#exepectffects{background: #cddcec;}

.advantagesTitle {text-align:center; }
.advantagesTitle h1 {font-size: 35px; color: #ffffff; padding-top: 90px; padding-bottom: 35px;}
.advantagesTitle h2{font-size: 30px; color: #ffffff; padding-top: 30px; line-height: 30px;font-weight: bold;}
.advantagesTitle p {font-size: 17px;color: #ededed;margin: 0;line-height: 2;}

.adventageContainer{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}
.advantagesContents{display: flex;flex-direction: column;align-items: center;
	background-color: #fff;border-radius: 40px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25) inset, 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
	margin: 20px;padding: 20px; border: 1px solid blue;flex: 1 1 40%;}

.advantagesContents img {width: 200px;height: 230px; padding-top: 10px;}
.advantagesContents h1 {font-size: 25px; font-weight:800; color: #4566B0;padding-top: 20px;}
.advantagesContents h2 {font-size: 16px; color: #454545; padding-top: 15px; line-height: 35px;}

.skillTitle {text-align:center;}
.skillTitle h1 {font-size: 35px; color: #454545; padding-top: 145px; padding-bottom: 35px;}
.skillTitle h2 {font-size: 30px; color: #00A1E9; padding-top: 30px; line-height: 30px;font-weight: bold;}
.skillTitle p {font-size: 17px;color: #07519E;margin: 0;line-height: 2;}
.skillContents h1 {font-size: 30px; font-weight:800; color: #4566B0; }
.skillContents p {font-size: 16px; color: #454545; line-height: 30px;}
.ul-list-style{list-style: disc;}
.ul-list-style li{font-size: 15px;color: #000;line-height: 2;letter-spacing: -1px;}

.advantageBg {height:150vh;}
.containerBg {background: #07519E;}
.containerBgs {background: #CDDCEC;padding-bottom: 200px;}

.expect-box{display: flex;flex-direction: row;}
.expect-chat-box{display: flex;flex-direction: column;padding: 20px;
	border-radius: 30px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset, 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
}
.expect-chat-box h1{font-size: 25px;color: #07519E;font-weight: 800;padding-top: 10px;}
.expect-chat-box p {margin: 0;line-height: 2;text-align: justify;color: #000;letter-spacing: -1px;}

.flex-division{display: flex;flex-direction: row;}
.img-skill{margin-top: 20px;}


/* effort.jsp ------------------------------------------------------------------------------------------------------*/
#effort {background-color:#ffffff;}


/* #effort .nav_effort { display: flex;} */
/* #effort .content { display: flex;} */
/* #effort .nav_effort a{ */
/*   box-sizing: border-box; */
/*   padding: 0.2%; */
/*   width: 24%; */
/* } */

/* #effort .nav_effort a { */
/*     border-bottom: 2px solid #c0c0c0; */
/*     color: #454545; */
/*     display: inline-block; */
/*     text-align: center; */
/*   } */
/*  #effort .nav_effort a.active { */
/*  	color: #4566B0; */
/*     border-bottom: 5px solid #4566B0; */
/*     font-weight: bold; */
/*   } */
  
/*  #effort .content-wrapper { */
/*     width: 100%; */
/*     overflow: hidden; */
/*   } */
/* #effort .content { */
/*     padding: 0.5em 0; */
/*     width: 300%; */
/*   } */
  
#asdf .tab_effort  ul { margin-top: 50px; padding: 0; float: left; list-style: none;  height: 70px; width: 100%;}
#asdf .tab_effort  ul li { float: left; padding: 0; height: 70px; border-left: none; margin-bottom: -1px; position: relative;}
#asdf .tab_effort  ul li {  text-align: center; box-sizing: border-box; width: 25%; font-size: 18px;}
#asdf .tab_effort  ul li.active { font-weight:800;}
#asdf .tab_effort .tab_container {border-top: none; clear: both; float: left; width: 100%; background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#asdf .tab_effort 
#asdf .tab_content { padding-top: 70px; height: 490px;}
#asdf .tab_effort .tab_content div {float:left;}
#asdf .tab_effort .tab_content h1 {font-weight: 800; padding-bottom: 20px; font-size: 35px; color:#4566B0; padding-left: 100px;padding-top: 50px;}
#asdf .tab_effort .tab_content h2 {padding-bottom: 10px; font-size: 23px; color:#454545; padding-left: 40px;}
#asdf .tab_effort .tab_content p { padding-bottom: 10px;  font-size: 18px; color: #454545; padding-left: 100px; line-height: 32px;}
#asdf .tab_effort ul li html.active,  #effort .nav_effort ul li html.active a:hover  {background: #fff;}
#effort .tab_effort  ul { margin-top: 50px; padding: 0; float: left; list-style: none;     height: 70px; width: 100%;}
#effort .tab_effort  ul li { float: left; padding: 0; height: 70px; line-height: 31px; border-left: none; margin-bottom: -1px; position: relative; cursor:pointer;}
#effort .tab_effort  ul li { border-bottom: 2px solid #c0c0c0; color:#454545; display: inline-block; text-align: center; box-sizing: border-box; width: 20%; font-size: 18px;}
#effort .tab_effort  ul li.active { border-bottom: 5px solid #4566B0; color: #4566B0;font-weight:800;}
#effort .tab_effort .tab_container {border-top: none; clear: both; float: left; width: 100%; background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#effort .tab_effort { height: 685px;}
#effort .tab_content { padding-top: 70px; height: 490px;}
#effort .tab_effort .tab_content div {float:left;}
#effort .tab_effort .tab_content h1 {font-weight: 800; padding-bottom: 20px; font-size: 35px; color:#4566B0; padding-left: 100px;padding-top: 50px;}
#effort .tab_effort .tab_content h2 {padding-bottom: 10px; font-size: 23px; color:#454545; padding-left: 40px;}
#effort .tab_effort .tab_content p { padding-bottom: 10px;  font-size: 18px; color: #454545; padding-left: 100px; line-height: 32px;}
#effort .tab_effort ul li html.active,  #effort .nav_effort ul li html.active a:hover  {background: #fff;}

#effortSection2 {background-image : url(../image/common/effort_bg1.png); background-repeat:no-repeat; background-size:contain; background-position:top; height:523vh;}
.SaptTitle {text-align:center; }

.SaptTitle h2 {font-size: 18px; color: #ffffff; padding-top: 45px; line-height: 30px}

.SaptTBgTitle {text-align:center; margin-bottom: 70px; }
.SaptTBgTitle h1 {font-size: 35px; color: #454545; padding-top: 260px; padding-bottom: 35px; margin-top: -50px;}
.SaptTBgTitle h2 {font-size: 18px; color: #454545; padding-top: 45px; line-height: 30px}
.SaptTBgContents {background-image : url(../image/main/subsection3tab.png); background-repeat:no-repeat; background-size:cover; background-position:center;height: 520px; float:left; text-align:center;}
.SaptTBgContents img {padding-top:70px;}
.SaptTBgContents h1 {font-size: 21px; font-weight:800; color: #454545; padding-top: 70px;}
.SaptTBgContents p {font-size: 16px; color: #454545; padding-top: 20px; line-height: 27px;}


.SaptTWayTitle {display: flex;flex-direction: column;justify-content: center;align-items: center; margin-bottom: 70px; }
.SaptTWayTitle h1 {font-size: 35px; color: #454545; padding-top: 100px; padding-bottom: 35px;}
.SaptTWayTitle h1{display: inline-block;color: #07519E;font-size: 40px;padding: 30px 0;font-weight: 800;}
.SaptTWayTitle p {margin: 0;line-height: 2;font-size: 20px;color: #000;}
.SaptTWayContents {text-align:center; max-width: 300px;}
.SaptTWayContents h1 {font-size: 30px; color: #454545; padding-top: 30px; padding-bottom: 20px;}
.SaptTWayContents p {font-size: 18px; color: #454545; padding-top: 20px; line-height: 30px; }

.SaptTVisionTitle {text-align:center; }
.SaptTVisionTitle h1 {font-size: 35px; color: #454545; padding-top: 70px; padding-bottom: 35px;}
.SaptTVisionTitle h2 {font-size: 18px; color: #454545; padding-top: 45px; line-height: 30px}

.SaptTVisionContents {background-image : url(../image/contents/vision_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;height: 1570px; text-align:center;}

.SaptTValueTitle {text-align:center; }
.SaptTValueTitle h1 {font-size: 35px; color: #454545; padding-top: 120px; padding-bottom: 35px;}
.SaptTValueTitle h2 {font-size: 18px; color: #454545; padding-top: 45px; line-height: 30px}

.SaptTValueContents {background-image : url(../image/contents/value.png); background-repeat:no-repeat; background-size:cover; background-position:center;height: 220px;text-align:center;}
.SaptTValueTxt p {font-size: 16px; color: #454545; padding-top: 90px; line-height: 25px}


.eoofts-box{display: flex;flex-direction: column;justify-content: center;}
.effort-flex{ display: flex;flex-direction: row;justify-content: center;}
/* reference.jsp ------------------------------------------------------------------------------------------------------*/
/* #reference {background-position: 0% -20%; background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url(../image/sub/reference_bg.png);} */
#reference #year2019 {background-image: url(../image/sub/2019.png); height:180px; padding-top:140px;}
#reference #year2015 {background-image: url(../image/sub/2015.png); height:180px; padding-top:140px;}
#reference #year2011 {background-image: url(../image/sub/2011.png); height:180px; padding-top:140px;}
#reference #year2008 {background-image: url(../image/sub/2008.png); height:180px; padding-top:140px;}


#reference .listStyleNone li {font-size:20px; font-weight:normal; color: #404040; line-height:2.5;}
#reference .listStyleNone img {margin-right : 20px;}
.referenceButton {margin: 0; width:436px; height:80px; cursor:hand; z-index:100; position: absolute; top:9%; right:-2%; opacity: 0;}


/* inovation.jsp ------------------------------------------------------------------------------------------------------*/
#inno .box1 {border: 4px solid #4566B0; height:120px; padding-top : 20px;}
#inno .box2 {border: 4px solid #00B3F0; height:120px; padding-top : 20px;}
#inno img {background-repeat:no-repeat; background-size:cover; background-position:center;}


/* officeon.jsp ------------------------------------------------------------------------------------------------------*/
.officeIcon h5 {font-size: 20px; font-weight:800; margin-top:20px; margin-bottom:20px;}
.officeIcon p {font-size: 20px; font-weight:normal; margin-bottom:60px; text-align:left !important;}
.borderBtBlue {border-bottom: 1px solid #3C5DAA;}

#apart123 .marginBt200 img{width:100%; height:2000px;}

/* apt123 intro.jsp */
.introCard {float:left; height:38vh;}
.introCard p {font-size: 15px; padding-top: 10px; padding-left: 35px; color:#454545;}
.introCard h1 {font-weight: 800; font-size: 30px; padding-top: 35px;padding-left: 35px; color:#454545;}
.resizeHeight {height:auto; overflow:hidden;}
#mask {  
  position:absolute;  
  left:0;
  top:0;
  z-index:1032;  
  background-color:#000;  
  display:none;  
}
.contactusPadding {padding: 0 60px 0 50px;} 
.introDetailTitle {line-height: 22px;margin-top: 40px;font-size: 30px; font-weight: bold; margin-bottom: 20px;}

.introPopup a {
	color : #007bff;
}

.introDetailSubTitle {font-size: 24px; font-weight: bold; color: #5B7CC7;margin:20px 0;}
.introColor {color:#4566B0}
.lineHeight30 {line-height:30px;}
.imageMargin {margin: 60px 0px;}
.openMask {cursor: pointer; background-image : url(../image/intro/intro_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.btn-plus {position:absolute;top:70px;left:70px;text-align:center;opacity:0; }
.btn-plus span { font-size:35px; font-weight:800; color:#ffffff; user-select:none;}

.openMask:hover { background-image : url(../image/intro/introCover.png); background-repeat:no-repeat; background-size:cover; background-position:center; margin-top: -10px; cursor:hand;}
.openMask:hover .btn-plus{opacity:1;}




/* sitemap.jsp */

.siteMap h2 {float:left;font-size: 23px; font-weight: 800; padding-top:20px;width:20%}
.siteMap p {float:left;font-size: 18px;  padding-left:60px; padding-top:20px;}

/* privacy.jsp */
.privacy img {float:left; width:15%; padding-left:30px;  }
.privacy p {float:left;font-size: 15px; width:85%; padding-left:20px; }

/* apt123main */
.mainWord{position: relative;top: 660px;left: 384px;}
.mainWordP{font-size: 70px; font-family: 'Nanum Gothic', san-serif; font-weight: 600; color: #fff;}
.mainWordP>span{font-size: 70px; font-weight: 900; font-family: 'Nanum Gothic', san-serif;color: #fff;}
.mainSubWord{font-size: 25px; font-weight: 500;font-family: 'Nanum Gothic', san-serif;color: #fff;}
.sectionSub{font-size: 19px; line-height: 29px;}
 
/* apt123effort */
.shortcuts{font-size: 24px; font-weight:bold; color: #fff; padding: 25px;background-color: #3d5eac;border-radius: 20px;}
.shortcuts:hover { color: #fff; }