@carset "utf-8";
@import 'header.css?ver=1.1';
@import 'footer.css?ver=1.1';



img{max-width:100%;}
.container {width:100%;max-width:1000px;margin:0 auto;}
.layoutDisplay {display:inline-block;width:100%;}
.positionHeight {position:relative;height:230px;}
.gradientBox {margin:1px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 70%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.borderBox {
  border: 1px solid #4ea4c2;
  border-radius: 6px;
  padding: 2px;
  }

#visual_front {height:568px;background-repeat:no-repeat;background-position:center top;background-size:cover;}
#visual_back {height:568px;background-repeat:no-repeat;background-position:center top;background-size:cover;}


  
  
#visual {height:568px;background:url(../images/main/visualAll03.jpg) no-repeat top center;}
	.visualSection {float:left;width:50%;margin:0px;height:230px;}

	.visualSection2 {float:left;width:50%;position:relative;;bottom:0px;background:#4ea4c2;padding:15px;line-height:0px;box-sizing: border-box;}
	




#contents {position:relative;width:100%;padding:0px 0 50px; min-height:300px;margin-top:-230px;}
#contents.en{margin-top:-145px;}
	.section {float:left;width:50%;margin:0px;display:inline-block;}
	.section:first-child {margin-left:0px;}
	.section:last-child {float:right;margin-right:0px;}
	
	.section2 {float:left;margin:0px;display:inline-block;width:400px;background:#f7f7f7;height:190px;padding:20px 50px;}


	.section p.sectionTitle {display:block;margin:0 10px 0 0;width:100%;}

	.portfolioBox {display:inline-block;width:500px;}
	.portfolioBox li {float:left;margin:0 0px;line-height:0px;}
	.portfolioBox li:nth-child(3n+0) {}

/* tab style 1 */
	ul.tabs { margin: 0; padding: 0;  list-style: none; height: 32px; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; width: 100%; font-size:12px; }
	ul.tabs li { float: left; text-align:center; cursor: pointer;   padding: 5px 25px;height: 21px; line-height: 21px; border: 1px solid #dedede; border-left: none; font-weight: bold; background: #e6e6e6; overflow: hidden; position: relative; }
	ul.tabs li a{width:100%;display:block; color:#353534;}
	ul.tabs li.active { background: #fff; border-bottom: 1px solid #dedede; }
	.tab_container { border-top: none; clear: both;  width: 100%; position: relative; }
	.tab_container a {display:block;width:100%;}
	.tab_container a:after{content:"";display:block;clear:both;}
	.tab_container a p{float:left;max-width:60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.tab_content { padding: 5px; font-size: 12px; display: none; }
	.tab_container .tab_content ul { width:100%; margin:0px; padding:0px; }
	.tab_container .tab_content ul li { padding:0 10px; list-style:none;line-height:20px;background:url(../images/main/noticeBlt.png) no-repeat left center;}
	.tab_container .tab_more {position:absolute;top: -20px;  right: 15px;}

	#tabBox { width: 100%;}

/* tab style 2 */
	ul.tabs2 { margin:10px 0 0 0; padding: 0; float: left; list-style: none; width: 210px; font-size:12px; }
	ul.tabs2 li {color:#fff;text-align:left; cursor: pointer;   padding: 10px 20px;height: 21px; line-height: 21px;  border-left: none; font-weight: bold; background: #84c3d9; overflow: hidden; position: relative; margin-bottom:2px;}
	ul.tabs2 li.active { background: #196a87; color:#fff;}
	ul.tabs2 li:hover { background: #196a87; }
	ul.tabs2 li a {color:#fff;}
	.tab_container2 { border-top: none; clear: both; float: left; position: absolute;   top:0px;  right: 0px;}
	.tab_container2 a {display:block;width:100%;}
	/*.tab_content2 { padding: 0px; display: none; }*/
	.tab_container2 .tab_content2 ul { width:100%; margin:0px; padding:0px; }
	.tab_container2 .tab_content2 ul li { padding:0 10px; list-style:none;line-height:20px;}

	#tabBox2 { width: 470px;display:inline-block;height:178px;;}

h3#conTitle {
    border-bottom: 1px dashed #ececec;
    font-size: 18pt;
    padding: 10px 0;
}



/* 2020-10-13 추가 */

.section-01{position:relative;}
.section-01:after{content:"";display:block;clear:both;}
.section-01 .article-01{float:left;width:50%;}
.section-01 .article-01 .con-l{float:left;width:calc(100% - 250px);padding:15px 15px 0;height:230px;background-color:#4ea4c2;box-sizing: border-box;}
.section-01 .article-01 .con-l .tit{font-size: 16px;color: #fff;line-height:1.4;}
.section-01 .article-01 .con-l .tab-list{padding-top:10px;}
.section-01 .article-01 .con-l .tab-list > li{margin-bottom:2px;}
.section-01 .article-01 .con-l .tab-list > li:last-child{margin-bottom:0;}
.section-01 .article-01 .con-l .tab-list > li > a{display:block;padding: 12px 20px;font-weight: bold;line-height:1.3;color:#fff;font-size:12px;background: #84c3d9;}
.section-01 .article-01 .con-l .tab-list > li > a:hover{background: #196a87;}
.section-01 .article-01 .con-r{overflow:hidden;height:230px;}
.section-01 .article-01 .con-r > a{display:block;height:100%;background-image:url(../images/main/tab01_visual05.png);background-repeat:no-repeat;background-size:100% 100%;}
.section-01 .article-01 .con-r > a img{display:none;}



.tab-section{float:left;width:50%;}
.tab-section .con-l{float:left;width:calc(100% - 250px);padding:15px 15px 0;height:230px;background-color:#4ea4c2;box-sizing: border-box;}
.tab-section .con-l .tit{font-size: 16px;color: #fff;line-height:1.4;}
.tab-section .con-l .tab-list{padding-top:10px;}
.tab-section .con-l .tab-list > li{margin-bottom:2px;}
.tab-section .con-l .tab-list > li:last-child{margin-bottom:0;}
.tab-section .con-l .tab-list > li > a{display:block;padding: 12px 20px;font-weight: bold;line-height:1.3;color:#fff;font-size:12px;background: #84c3d9;}
.tab-section .con-l .tab-list > li > a:hover{background: #196a87;}
.tab-section .con-r{overflow:hidden;height:230px;}
.tab-section .con-r > a{display:block;height:100%;background-image:url(../images/main/tab01_visual05.png);background-repeat:no-repeat;background-size:100% 100%;}
.tab-section .con-r > a img{display:none;}


.section-01 .article-02{float:left;width:50%;height:230px;}
.section-01 .article-02 .con-h{height:145px;padding:15px 25px 0;background-color:rgba(0,0,0,0.4);box-sizing: border-box;}
.section-01 .article-02 .con-h .tit{margin-bottom:10px;font-size:32px;color:#fff;font-weight:500;}
.section-01 .article-02 .con-h .tit span{font-size:14px;}
.section-01 .article-02 .con-h p{font-size:15px;color:#fff;line-height:1.4;}
.section-01 .article-02 .con-h p span{color:#ffc800;}
.section-01 .article-02  ul{}
.section-01 .article-02  ul:after{content:"";display:block;clear:both;}
.section-01 .article-02  ul > li{float:left;width:50%;height:85px;padding:20px 0 0 70px;background-image:url(../images/main/ico_02.png);background-repeat:no-repeat;box-sizing: border-box;}
.section-01 .article-02  ul > li.li01{background-position: 16px -121px;background-color:#ec8f35;}
.section-01 .article-02  ul > li.li02{background-position: 16px 18px;background-color:#fa6e27;}

.section-01 .article-02  ul > li strong{display:block;margin-bottom:5px;font-size:15px;color:#fff;}
.section-01 .article-02  ul > li p{color:#fff;}
.section-01 .article-02  ul > li.li01 p{font-size:17px;}

.section-01.en {margin-top:0;}
.section-01.en .article-02{float:none;width:100%;height:auto;}
.section-01.en .article-02 .con-h{float:left;width:50%;}
.section-01.en .article-02 .con-h .tit{font-size:26px;}
.section-01.en .article-02 ul{overflow:hidden;}
.section-01.en .article-02 ul > li{height:145px;padding: 50px 0 0 70px;}
.section-01.en .article-02  ul > li.li01{background-position: 16px -91px;}
.section-01.en .article-02  ul > li.li02{background-position: 16px 48px;}


.section-02 .article-01{position:relative;float:left;width:50%;}
.section-02 .article-01 .quick-list{}
.section-02 .article-01 .quick-list:after{content:"";display:block;clear:both;}
.section-02 .article-01 .quick-list > li{float:left;width:25%;height:115px;text-align:center;box-sizing: border-box;}
.section-02 .article-01 .quick-list > li > a{display:block;height:100%;padding-top:20px;box-sizing: border-box;}
.section-02 .article-01 .quick-list > li.li01{width:50%;text-align:left;background-color:#ffb12a;}
.section-02 .article-01 .quick-list > li.li02{background-color:#8fce28;}
.section-02 .article-01 .quick-list > li.li03{background-color:#14a37c;}
.section-02 .article-01 .quick-list > li.li04{width:50%;text-align:left;background-color:#84c3d9;}
.section-02 .article-01 .quick-list > li.li05{background-color:#4ea4c2;}
.section-02 .article-01 .quick-list > li.li06{background-color:#28bfb3;}

.section-02 .article-01 .quick-list > li .img-icon{display:inline-block;width:45px;height:50px;background-image:url(../images/main/ico_01.png);background-repeat:no-repeat;}
.section-02 .article-01 .quick-list > li.li01 .img-icon{float:left;background-position: -2px 5px;}
.section-02 .article-01 .quick-list > li.li01 > a{padding:30px 0 0 30px;}
.section-02 .article-01 .quick-list > li.li01 strong{overflow:hidden;padding:13px 0 0 20px;font-size:20px;}
.section-02 .article-01 .quick-list > li.li02 .img-icon{background-position: -2px -129px;}
.section-02 .article-01 .quick-list > li.li03 .img-icon{background-position: -2px -264px;}
.section-02 .article-01 .quick-list > li.li04 .img-icon{float:left;background-position: -2px -400px;}
.section-02 .article-01 .quick-list > li.li04 > a{padding:30px 0 0 30px;}
.section-02 .article-01 .quick-list > li.li04 strong{overflow:hidden;padding:13px 0 0 20px;font-size:20px;}
.section-02 .article-01 .quick-list > li.li05 .img-icon{background-position: -2px -533px;}
.section-02 .article-01 .quick-list > li.li06 .img-icon{background-position: -2px -680px;}

.section-02 .article-01 .quick-list > li strong{display:block;color:#fff;font-size:14px;}



.quick-box{position:relative;float:left;width:50%;}
.quick-box .quick-list{}
.quick-box .quick-list:after{content:"";display:block;clear:both;}
.quick-box .quick-list > li{float:left;width:25%;height:115px;text-align:center;box-sizing: border-box;}
.quick-box .quick-list > li > a{display:block;height:100%;padding-top:20px;box-sizing: border-box;}
.quick-box .quick-list > li.li01{width:50%;text-align:left;background-color:#ffb12a;}
.quick-box .quick-list > li.li02{background-color:#8fce28;}
.quick-box .quick-list > li.li03{background-color:#14a37c;}
.quick-box .quick-list > li.li04{width:50%;text-align:left;background-color:#84c3d9;}
.quick-box .quick-list > li.li05{background-color:#4ea4c2;}
.quick-box .quick-list > li.li06{background-color:#28bfb3;}

.quick-box .quick-list > li .img-icon{display:inline-block;width:45px;height:50px;background-image:url(../images/main/ico_01.png);background-repeat:no-repeat;}
.quick-box .quick-list > li.li01 .img-icon{float:left;background-position: -2px 5px;}
.quick-box .quick-list > li.li01 > a{padding:30px 0 0 30px;}
.quick-box .quick-list > li.li01 strong{overflow:hidden;padding:13px 0 0 20px;font-size:20px;}
.quick-box .quick-list > li.li02 .img-icon{background-position: -2px -129px;}
.quick-box .quick-list > li.li03 .img-icon{background-position: -2px -264px;}
.quick-box .quick-list > li.li04 .img-icon{float:left;background-position: -2px -400px;}
.quick-box .quick-list > li.li04 > a{padding:30px 0 0 30px;}
.quick-box .quick-list > li.li04 strong{overflow:hidden;padding:13px 0 0 20px;font-size:20px;}
.quick-box .quick-list > li.li05 .img-icon{background-position: -2px -533px;}
.quick-box .quick-list > li.li06 .img-icon{background-position: -2px -680px;}

.quick-box .quick-list > li strong{display:block;color:#fff;font-size:14px;}


.section-02 .article-02{float:left;width:50%;height:230px;padding:25px 40px 0 40px;background-color:#f7f7f7;box-sizing: border-box;}
.section-02 .article-02 .tit{margin-bottom:15px;font-size:20px;color:#000;}

@media screen and (max-width:1000px) {
	#contents,
	#contents.en{margin-top:0;padding-bottom:0;}
	 #visual_back{height:500px;}
	 #visual_front{height:500px;}

	.section-01{margin-top:0;}
	.section-01 .article-01{float:none;width:100%;}

	.tab-section{float:none;width:100%;}

	.quick-box{float:none;width:100%;}

	.section-01 .article-02{float:none;width:100%;height:auto;}
	.section-01 .article-02 .con-h{height:auto;padding:20px;background-color:rgba(0,0,0,0.8);}

	.section-01.en .article-02 .con-h{float:none;width:100%;height:auto;padding:20px;background-color:rgba(0,0,0,0.8);}

	.section-01.en  .article-02  ul > li{float:left;width:50%;height:85px;padding:20px 0 0 70px;background-image:url(../images/main/ico_02.png);background-repeat:no-repeat;box-sizing: border-box;}
	.section-01.en  .article-02  ul > li.li01{background-position: 16px -121px;background-color:#ec8f35;}
	.section-01.en  .article-02  ul > li.li02{background-position: 16px 18px;background-color:#fa6e27;}

	.section-02 .article-02.ko{float:none;width:100%;height:auto;padding:25px;}

}


@media screen and (max-width:800px) {
	 #visual_back{height:400px;}
	 #visual_front{height:400px;}

	.section-02 .article-01{float:none;width:100%;}

	.quick-box{float:none;width:100%;}

	.section-02 .article-02{float:none;width:100%;height:auto;padding:25px;}
}



@media screen and (max-width:600px) {
	 #visual_back{height:350px;}
	 #visual_front{height:350px;}
}


@media screen and (max-width:480px) {
	 #visual_back{height:300px;}
	 #visual_front{height:300px;}

	.section-01 .article-01 .con-l{float:none;width:100%;}
	.section-01 .article-01 .con-r{height:auto;}
	.section-01 .article-01 .con-r > a{height:auto;background:none;}
	.section-01 .article-01 .con-r > a img{display:block;width:100%;}

	.tab-section .con-l{float:none;width:100%;}
	.tab-section .con-r{height:auto;}
	.tab-section .con-r > a{height:auto;background:none;}
	.tab-section .con-r > a img{display:block;width:100%;}


	.section-01 .article-02 .con-h .tit{font-size:27px;}
	.section-01.en .article-02 .con-h .tit{font-size:24px;}
	.section-01 .article-02 .con-h .tit span{display:block;margin-top:5px;font-size:13px;}

	.section-01 .article-02 ul > li, .section-01.en .article-02 ul > li{float:none;width:100%;}

	.section-02 .article-02{padding:15px;}

	.section-02 .article-01 .quick-list > li{width:50%;}
	.section-02 .article-01 .quick-list > li.li01,
	.section-02 .article-01 .quick-list > li.li04{width:100%;}

	.quick-box .quick-list > li{width:50%;}
	.quick-box .quick-list > li.li01,
	.quick-box .quick-list > li.li04{width:100%;}

}