@charset "utf-8";

/* 상단팝업 */
/*#toppop {position:relative;width:100%;z-index:3000;background: #26415e;min-width:320px;height:100px;}
#toppop #toppop-cont {position:relative;max-width: 1110px;text-align:left;margin:0 auto;background: url('../images/main/bg_pop.jpg') center 100%; height: 100%;}
#toppop .pop_list {overflow:hidden;}
#toppop .pop_list li {float:left;width:100%;max-width: 1110px;}
#toppop .pop_list li img {width:auto;display:block; margin: 0 auto;}
#toppop  .close-btns{ position: absolute; right:0; bottom:20px;}
#toppop label{ color:rgba(255,255,255,0.6);}
#toppop .btn_close{border:0;width:20px;height:20px;cursor:pointer;overflow:visible;background:url('../images/main/btn_close.png') no-repeat 0 0;}
#toppop.close .inner{ display: none;}

@media only screen and (max-width:1024px){
	#toppop{}
	#toppop .pop_list li img{ max-width:400px}
	#toppop .close-btns{position: relative;right:inherit;text-align: right;padding-bottom: 5px;}
}

@media only screen and (max-width:640px){
	#toppop{height: 80px;padding: 0 10px;}
	#toppop .pop_list li img{ max-width:300px;}
}*/

/*팝업존*/
.topPopup_cont {position: relative;}
.topPopup_cont .swiper-pagination {position: absolute; bottom: 0; left: 0; text-align: center;}

.topPopup_cont a,
.topPopup_cont .swiper-slide,
.topPopup_cont .owl-item,
.topPopup_cont .owl-stage,
.topPopup_cont .owl-stage-outer {height: 125px;}
.topPopup_cont a {display: inline-block;}


.topPopup {width: 100%; height: 125px; background-color: #28354b; position: fixed; top: 0; z-index: 999; display: none;}
.topPopup * {box-sizing: border-box; vertical-align: middle;}
.topPopup > div {width: 1180px; margin: 0 auto; overflow: hidden; position: relative;}
.topPopup > div > ul > li {float: left; width: 50%; padding: 25px 0;}
.topPopup > div > ul > li > a {display: block;}
.topPopup > div > ul > li > a > div {vertical-align: middle; width: calc(100% - 120px); display: inline-block;}
.topPopup > div > ul > li > a > div.img_wrap {width: 100px; height: 100px;}
.topPopup > div > ul > li > a > div.img_wrap img {border-radius: 50%;}
.topPopup > div > ul > li > a > div.img_wrap + div {padding-left: 20px;}
.topPopup > div > ul > li > a > div.img_wrap + div strong {font-size: 16px; margin-bottom: 5px; display: inline-block; position: relative; width: calc(100% - 20px); color: #fff;}
.topPopup > div > ul > li > a > div.img_wrap + div ul li span,
.topPopup > div > ul > li > a > div.img_wrap + div strong span {display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.topPopup > div > ul > li > a > div.img_wrap + div ul li {position: relative; color: #bfc3cb;}
.topPopup > div > ul > li > a > div.img_wrap + div ul li span {width: calc(100% - 20px);}
.topPopup_option {color: #fff; position: absolute; bottom: 10px; right: 10px;}
.topPopup_option label {display: inline-block; background: url('../img/common/bg_vBar.png') no-repeat right 5px; padding-right: 10px; margin-right: 10px;}
.topPopup_option button {color: #fff; background: url('../img/main/btn_close.png') no-repeat right 5px; padding-right: 20px; }

#mainSwipe + .mask {opacity: 0.8;}


/*메인비주얼*/
.mainVisual {position: relative;}
.mainVisual .owl-nav {position: absolute; bottom: 0; left: 0; z-index: 1;}
.mainVisual .owl-dots {position: absolute; left: 0; z-index: 1; width: 100%; text-align: center; height: 0;}
.mainVisual .owl-dots button {width: 20px; height: 20px; margin: 0 5px; }
.mainVisual .owl-dots button span {display: inline-block; width: 20px; height: 20px; cursor: pointer; background: url('/img/main/ico_bullet_off.png') no-repeat 0 0;}
.mainVisual .owl-dots button.active span {background: url('/img/main/ico_bullet_on.png') no-repeat 0 0;}



/* container-rolling banner ---------------------------------------------------------------------------------------------------*/
.rb_cont {position: relative;}
.owl-carousel.rb-carousel {margin: 0 auto; padding: 20px 60px 20px 30px; box-sizing: border-box; text-align: center;}
.owl-carousel.rb-carousel .owl-nav {width: 100%; height: 0; position: absolute; top: 50%; left: 0px; margin-top: -13.5px;}
.owl-carousel.rb-carousel .owl-nav button {width: 27px; height: 27px;}
.owl-carousel.rb-carousel .owl-prev {float: left;}
.owl-carousel.rb-carousel .owl-next {float: right; margin-right: 30px;}
.owl-carousel.rb-carousel .owl-nav .owl-prev {background: url(/img/main/ico_rolling_l.png) no-repeat 0 0;}
.owl-carousel.rb-carousel .owl-nav .owl-next {background: url(/img/main/ico_rolling_r.png) no-repeat 0 0;}
.owl-carousel.rb-carousel .owl-dots {display: none;}
.rb_cont .rb_playstop {width: 27px; height: 27px; position: absolute; top: 50%; right: 0px; margin-top: -13px; z-index: 1;}
.rb_cont .rb_playstop button {width: 27px; height: 27px; display: inline-block; display: none;}
.rb_cont .rb_playstop button.on {display: block;}
.rb_cont .rb_playstop button.play {background: url('/img/main/ico_rolling_p.png') no-repeat 0 0;}
.rb_cont .rb_playstop button.stop {background: url('/img/main/ico_rolling_s.png') no-repeat 0 0;}

/* container-swipe slider -----------------------------------------------------------------------------------------------------*/
.swipe {height: 100%; overflow: hidden;	visibility: hidden;	position: relative;}
.swipe-wrap {overflow: hidden; position: relative;}
.swipe-wrap > div {width: 100%; max-height: 900px; text-align: center; overflow: hidden; float: left; position: relative;}
.swipe-wrap > div img {width: 100%; height: auto; display: block;}
.swipe-pagination {width: 100%; height: 0; text-align: center; position: absolute;	bottom: 160px; left: 0;	z-index: 10;}
.swipe-pagination > span,
.swipe-pagination .swipe-control {display: inline-block; width: 20px;	height: 20px;	margin: 0 5px; cursor: pointer;	background: url('/img/main/ico_bullet_off.png');}
.swipe-pagination > span.on,
.swipe-pagination > span.active {background: url('/img/main/ico_bullet_on.png');}
.swipe-pagination .swipe-control {width: 15px; height: 15px; margin: 3px 5px;	text-indent: 100%; white-space: nowrap; overflow: hidden;}
.swipe-pagination .swipe-control.pause {background: url('/img/main/ico_pause.png') no-repeat 0 0;}
.swipe-pagination .swipe-control.play {background: url('/img/main/ico_play.png') no-repeat 0 0;}

.main_ict_map {width: 100%; height: 100%; position: fixed;}
.main_ict_map a {display: block; width: 100px; height: 100px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.main_ict_map li {position: absolute;}
.main_ict_map li:first-child {top: 148px; left: 761px;}
.main_ict_map li:first-child + li {top: 370px; left: 800px;}
.main_ict_map li:first-child + li + li {top: 516px; left: 971px;}
.main_ict_map li:first-child + li + li + li {top: 554px; left: 1201px;}
.main_ict_map li:first-child + li + li + li + li {top: 500px; left: 1447px;}

/*비주얼*/
.mainVisual_wrap {
    position: relative;
    width: 100%;
	height:100%;
	margin-top:0px;		
    box-sizing: border-box;
    overflow: hidden;
}

.mainVisual_wrap .owl-nav {
    display: none;
}

.mainVisual_wrap .owl-dots {
    width: auto;
    height: 0;
    position: absolute;
    bottom: 100px;
    left: 50%;
    text-align: center;
    display: inline-block;
}

.mainVisual_wrap .owl-dots button {
    width: 18px;
    height: 18px;
    margin-left:5px;
    position: relative;
}



.mainVisual_wrap .owl-dots button span {
    display: inline-block;
    width: 11px;
    height: 11px;
    cursor: pointer;
    background: url(../img/main/btn_rolling_off.png) no-repeat 0 0;
}

.mainVisual_wrap .owl-dots button.active span {
    background: url(../img/main/btn_rolling_on.png) no-repeat 0 0;
}

/*-------------------------------------------------------------*/

.topPopup_wrap {
    width: 100%;
    height: 105px;    
    background-color: #124890;
    z-index: 9;
    overflow: hidden;    
}
/*.fp-enabled .topPopup_wrap {position: static; left: 0px;}*/

.topPopup_wrap .swiper-slide  {text-align: center;}

.topPopup_cont {
    width: 1180px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 0 30px;
    background: url('../popup/img/bg_vBarL.png') no-repeat 50% center;		
}

.topPopup_option {
	display: inline-block;
	height: 25px;
    position: absolute;
    bottom: 25px;
    right: 2px;
    background-color: #252334;
    color: #ffffff;
    z-index: 99;
    vertical-align: middle;
    padding: 0 5px;
    font-size: 14px;
}

.topPopup_option label {
    background: url('../popup/img/bg_vBar.png') no-repeat right center;
    padding-right: 10px;
    margin-right: 5px;
}

.topPopup_option button {
    color: #fff;
    margin-top: -2px;
    background: url('../popup/img/btn_popupClose.png') no-repeat right 5px;
    padding-right: 15px;
}

.topPopup_cont .swiper-container {
    width: 100%;
    height: 125px;
}

.topPopup_cont .swiper-slide-active + div {padding-left: 20px;}

.topPopup_cont .swiper-container img {
    max-width: 100%;
}

.topPopup_cont .owl-nav {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -16.5px;}
.topPopup_cont .owl-nav button {width: 18px; height: 33px; position: absolute; top: 0;}
.topPopup_cont .owl-nav button span {display: inline-block; width: 100%; height: 100%;}
.topPopup_cont .owl-nav .owl-next {right: 0px;}
.topPopup_cont .owl-nav .owl-prev {left: 0px;}
.topPopup_cont .owl-nav .owl-next span {background: url(../popup/img/btn_controlNext.png) no-repeat right center !important;}
.topPopup_cont .owl-nav .owl-prev span {background: url(../popup/img/btn_controlPrev.png) no-repeat left center !important;}
.topPopup_cont .swiper-slide img {
	width: auto !important;
	max-width: 100% ;
	display: inline-block !important;
	text-align: center;
}
.topPopup_cont .swiper-pagination {
   	bottom: 10px;
    left: 0;
    width: 100%;
}
/*메인 탑 추가*/
.topPopup_cont .swiper-pagination-bullet {
	margin: 0 4px;
    width: 6px;
    height: 6px;
    border-radius: 0;
    background: #fff;
    opacity: .6;
}

.topPopup_cont .swiper-pagination-bullet-active,
.topPopup_cont .swiper-pagination-bullet.active {
	margin: 25px 4px;
    background: #fff;
    opacity: 1;
}




/*** introBox ***/
.introBox{margin:0 auto;padding: 148px 0 170px 0;width:1110px;clear:both;position:relative;overflow:hidden;}
.introBox a{ display:block;}
.introBox h1{margin-bottom:30px;display: none;}
.introBox .mark {display:block;position:absolute;left: 38%;top: 35%;/* border-radius:50%; *//* width: 250px; *//* height: 250px; */text-align: center;/* background: #fff; *//* overflow:hidden; *//* box-shadow:1px 1px 30px #0c4da2; */display: block;}
.introBox .mark p{ position:relative; display:block;} 
.introBox .mark img{display: inline-block;}
.introBox .mark p:before,
.introBox .mark p:after{content:'';display: block;width: 22px;height: 50px;background: #fff;position: absolute;left: 111px;top: -20px;z-index: 999;}
.introBox .mark p:after{bottom: -20px;top: inherit;}
.introBox li{float:left;width: 48%;height:600px;text-align:center;display:block;box-sizing:border-box;}
.introBox li a{ display:block; overflow:hidden; width:100%; height:100%;}
.introBox li a:hover{box-shadow: 0 0 0 10px #01a0e9 inset; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background:rgba(0,0,0,0.2)}
.introBox li:nth-child(2) a:hover{box-shadow: 0 0 0 10px #aacd06 inset;}
.introBox li:nth-child(1) {background: url('../images/intro/bg1Img02.png') no-repeat bottom left, url('../images/intro/bg1.jpg') no-repeat;margin-right: 2%;}
.introBox li:nth-child(2) { background:url('../images/intro/bg2Img.png') no-repeat bottom right, url('../images/intro/bg2.jpg') repeat-y;}
.introBox li p{ color:#fff; font-size:1.8em; margin-bottom:70px; line-height:1em;padding-top:150px;}
.introBox li p em{ display:block; font-size:0.55em; font-weight:100; margin-top:15px;line-height:1.4}
.introBox li span{ display: inline-block; padding:7px 50px; border:1px solid #fff; color:#fff; font-size:1.2em; font-weight:300; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}



@media screen and (max-width: 1024px) {	
	.m_view {display: block !important;}
	.pt_view {display: none !important;}


	.introBox{ width:100%; padding:15px 35px 35px 35px; margin-bottom:0;}
	.introBox h1{margin-bottom:20px;display: block;}
	.introBox li{ float:none; width:100%; height:450px; }
	.introBox li:nth-child(1){background-size: 570px, cover;background-position:bottom -80px left, 100%;}
	.introBox li:nth-child(2){background-size: 70%, cover; background-position:bottom -5px right, 100%;}
	.introBox li p{ margin-bottom:50px; padding:120px 0 0 0;}	
	.introBox .mark {left: 37%;top: 44%;height: 170px;width: 170px;}
	.introBox .mark p:before, .introBox .mark p:after{ display:none;}
	.introBox .mark img{ width:100%;}
}



@media all and (min-width:641px) and (max-width:1190px) {
	.topPopup_wrap .swiper-button-next, 
	.topPopup_wrap .swiper-button-prev {top: calc(50% - 12.5px);}
	.topPopup_option {		
	    position: static;
	    text-align: center;
	    width: 200%; margin: 0 auto;
	    display: block;
	    background: #252334;
	    margin-left: -50%;
	    padding: 3px 5px 0;
	}
	.topPopup_cont {background: none !important; }	
	.topPopup_wrap {height: auto;}
	.topPopup_cont {width: 100%;}
	/*.topPopup_wrap {
    width: 100%;
    height: 165px;    
    background-color: #302f42;
    z-index: 9;
    overflow: hidden;    
	}*/
	/*.fp-enabled .topPopup_wrap {position: static; left: 0px;}*/

	/*.topPopup_wrap .swiper-slide  {text-align: center;}

	.topPopup_cont {
		width: 641px;
		margin: 0 auto;
		position: relative;
		box-sizing: border-box;
		padding: 0 30px;
		background: url('../popup/img/bg_vBarL.png') no-repeat 50% center;		
	}*/
	.m_view {display: block !important;}
	.pt_view {display: none !important;}
}

@media screen and (max-width: 640px) {
	.topPopup_wrap .swiper-button-next, 
	.topPopup_wrap .swiper-button-prev {top: calc(50% - 12.5px);}
	.topPopup_option {		
	    position: static;
	    text-align: center;
	    width: 200%; margin: 0 auto;
	    display: block;
	    background: #252334;
	    margin-left: -50%;
	    padding: 3px 5px 0;
	}
	.topPopup_cont {background: none !important; }	
	.topPopup_wrap {height: 92px;}
	.topPopup_cont {width: 100%;}
	/*.topPopup_wrap {
		width: 100%;
		height: 165px;    
		background-color: #302f42;
		z-index: 9;
		overflow: hidden;    
		}*/
		/*.fp-enabled .topPopup_wrap {position: static; left: 0px;}*/

		/*.topPopup_wrap .swiper-slide  {text-align: center;}

		.topPopup_cont {
			width: 421px;
			margin: 0 auto;
			position: relative;
			box-sizing: border-box;
			padding: 0 30px;
			background: url('../popup/img/bg_vBarL.png') no-repeat 50% center;		
		}*/
	
	.m_view {display: block !important;}
	.pt_view {display: none !important;}

	
	.introBox h1{ height:45px;}
	.introBox h1 img{ height:100%;}
	.introBox{ padding:15px 15px; }
	.introBox li{ height:350px;}
	.introBox .mark {width: 130px;height: 130px;left: 30%;top: 46%;}
	.introBox li p{ margin-bottom:30px; font-size:1.6em;padding-top:80px;}
	.introBox li p em{ margin-top:10px;}
	.introBox li span{ font-size:1em;}
	.introBox li:nth-child(1) {background-size: 290px, cover; background-position: bottom -20px left, 100%;}
	.introBox li:nth-child(2) {background-size: 80%, cover;}
}

/****** visualRolling ******/
.visualRolling {position: relative; width:100%;} 
.visualRolling:after{content:"";clear:both;	display:block;}
.visualRolling .arrow a {display:block; position:absolute; width:41px; height:41px; background:url('../images/main/arr_big.png') repeat-x 0 0;}
.visualRolling .arrow a span {position:absolute; top:-5000px; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.visualRolling .arrow .next {top:45%; left:0px; background-position:0 0; z-index:4;}
.visualRolling .arrow a.next:hover {background-position:0 -52px;}
.visualRolling .arrow .prev {top:45%; right:0px; background-position:-55px 0; z-index:4;}
.visualRolling .arrow a.prev:hover {background-position:-55px -52px;}
.visualRolling .event_pic {position:relative; width:100%; height:560px; margin:0 auto; overflow:hidden; }
.visualRolling .event_pic ul {position:relative; height:560px; background:#e6e7eb; }
.visualRolling .event_pic li {position:relative; text-align:center;height:560px; background:#e6e7eb;}
.visualRolling .event_pic li.pic{background-position:100% 0; background-repeat:none;background-size: cover;}
.visualRolling .rolling_btn {position:absolute; left:50%; bottom:120px; width:150px; margin:0 0 0 -75px;overflow:hidden; z-index:5; text-align:center;}
.visualRolling .rolling_btn li { display:inline-block; margin:5px; list-style:none; cursor:pointer;}
.visualRolling .rolling_btn li a { padding:0px}
.event_pic ul li .txt{display:block;box-sizing:border-box;margin:0 auto;width:1180px;padding: 90px 0 0 380px;position:relative;z-index: 2; font-family:'NanumBarunGothic','나눔스퀘어','Nanum Square'}
.event_pic ul li .txt p{font-size: 60px;font-weight:100;color:#fff;letter-spacing: -0.06em;margin-bottom: 20px;line-height: 70px;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);text-align:left;}
.event_pic ul li .txt strong{ font-weight:700;}

/****** section ******/
.section {padding:0; position:relative; background:#fff; margin:0 auto; box-sizing:border-box;}
.inner{position:relative;margin:0 auto;width:1180px;}
.section div{ vertical-align:top;}
.section h2{ font-size:40px; color:#000; text-align:center; font-weight:300; margin-bottom:55px; line-height:1em; }
.section h2 strong{ font-weight:700;}
.section h3{ font-size:18px; text-align:left;  color:#fff; margin:0 0 10px 0; padding:0; background:none; line-height:1em; }
.section p{ line-height:1.6; text-align:left; font-size:14px; color:#8c8c8c;}

/****** con01 ******/
.con01{/*position:absolute;padding: 0px 0 0 0; top:605px;width: 100%;z-index: 3;background: none;*/ position: relative; width:100%; /*height:165px;*/ max-width: 1180px; margin: 0 auto;margin-bottom:0px;z-index: 1; top:-85px;}
.con01 .comBox{ display:inline-block; text-align:center; width:31%; position:relative; margin:0 1.5%; box-sizing:border-box; }

/* popBox */
.popBox {position:relative; box-sizing: border-box;background-color:gray; width:340px;overflow:hidden; }
.popBox .btn_control {float:left; margin-right:10px;width:8px;height:8px;}
.popBox .btn_control img{text-align: center;margin:0;width: 8px; vertical-align:top;}
.popBox .pop_btn {position:absolute; bottom:20px; left:30px; overflow:hidden;}
.popBox .pop_btn ul{overflow:hidden; float:left;}
.popBox .pop_btn ul li {float:left; margin-right:10px;}
.popBox .pop_btn ul li a {text-indent:-9999px;overflow:hidden;display:block;width:8px;height:8px;background: #939393;border-radius: 50%;}
.popBox .pop_btn ul li.active a { background:#f23a3a;}
.popBox .pop_arrow {position:absolute; top:47%; left:0; overflow:hidden; width:100%; display:none;}
.popBox:hover .pop_arrow{ display:block;}
.popBox .pop_arrow .prev_btn {float:left;}
.popBox .pop_arrow .next_btn {float:right;}
.popBox .layer_wrap {overflow:hidden; background-color:#ffffff;}
.popBox .layer_wrap .player {float:left; width:340px;height:367px;}
.popBox .layer_wrap .player img {width:100%;}

.con0102{ position:absolute; left:340px; height:130px; width:430px;}
.con0102 li{ float:left; box-sizing:border-box; width:33%; height:130px;}
.con0102 li a{ display:block; background:url('../images/main/icoBox01.png') no-repeat 50% 0; box-sizing:border-box; text-align:center; color:#fff; height:100%; padding-top:95px;font-weight:700; font-family:'NanumBarunGothic','나눔스퀘어','Nanum Square','Malgun Gothic','맑은 고딕','돋움',Dotum,sans-serif; font-size: 17px}
.con0102 li:nth-child(1){ background:#00b0ec;}
.con0102 li:nth-child(2){ background:#00479d; width:34%;}
.con0102 li:nth-child(3){ background:#86b93d;}
.con0102 li:nth-child(2) a{ background-position: 50% -130px;}
.con0102 li:nth-child(3) a{ background-position: 50% -258px; }
.con0102 li a:hover{box-shadow: 0 0 0 4px #faba3f inset; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.con0103{ background:#49463f; width:340px; box-sizing:border-box; padding: 23px 20px 15px 20px;}
.con0103 .selectBox{ width:100%; box-sizing:border-box; margin-bottom:4px; position:relative;}
.con0103 .selectBox a{ display:block; box-sizing:border-box; padding:0 15px; height:31px; line-height:31px;  font-size:14px; color:#585858;}
.con0103 .selectBox a.bn{ background:#c8c6c3; position:relative;/* border-bottom:1px solid #7b7974;*/ }
.con0103 .selectBox a.bn:after{ content:''; width:40px; height:31px; display:block; position:absolute; right:0; top:0; background:#7b7974 url('../images/main/arrow_select.png') no-repeat 50% 50%;}
.con0103 .selectBox ul{ display: none; width:100%; position:absolute; left:0px; height: 217px; overflow: auto; z-index: 10000;}
.con0103 .selectBox li a{background:#fff;}
.con0103 .selectBox li a:hover{ color:#222; text-decoration:underline}
.con0103 .selectBox:last-child{ margin-bottom:0;} 

/****** con02 ******/
.con02{ width:100%; background:#fff; height:auto; /*margin-top:150px;*/ margin-top:0px;overflow:hidden;}
.con02 .guideBox{ display:none;}

/* telBox */
.telBox{ background:#1c334d url('../images/main/ico_tel.png') no-repeat 23px 20px; box-sizing:border-box; padding:30px 20px 15px 20px; width:340px; position:relative; float:left; height:230px;}
.telBox h3{ font-size:17px; padding-left:80px; margin-bottom:12px;}
.telBox p {color:#f9ba3f;padding-left:80px;font-size:15.7px;margin-bottom:20px; line-height:1em;}
.telBox strong{font-size:25px;height: 0px;display: inline-block;margin: 0px 0 0 5px;}
.telBox dl {overflow:hidden;display:table;clear:both;width: 95%;margin: 0 auto;margin-bottom:30px;}
.telBox dl dt{font-size:14px;color:#8193a2;display: block;width: 20%;float: left;}
.telBox dl dd{font-size:14px;color:#afc1ce;display: block;float: right;width: 75%;}
.telBox .btn{ overflow:hidden;}
.telBox .btn li{ width:49%; float:left; display:block;}
.telBox .btn li:last-child{ float:right; margin-left:-1px; width:51%;}
.telBox .btn li a{ display:block; box-sizing:border-box; border:1px solid #495c71; color:#fff; height:43px; line-height:43px; padding:0 0px 0 40px; font-weight:100; font-size:14px; background:url('../images/main/ico_check.png') no-repeat;}
.telBox .btn li:nth-child(1) a{ background-position: 16px 13px}
.telBox .btn li:nth-child(2) a{ background-position: 16px -87px}
.telBox .btn li:nth-child(1) a:hover{ background-position: 16px -37px}
.telBox .btn li:nth-child(2) a:hover{ background-position: 16px -137px}
.telBox .btn li a:hover{ background-color:#f9ba3f; color:#333; font-weight:500}

/* newsBox */
.newsBox{width:430px;float:left;background:#fff;box-sizing:border-box;position:relative;overflow:hidden;padding: 60px 20px 15px 20px;height: 230px;}
.newsBox h3 a{display:block;line-height: 1em;padding-bottom: 7px;color:#000;border-bottom:2px solid #fff;}
.newsBox h3 a:hover,
.newsBox h3 a.current{color:#00479d; border-color:#4475cb;}
.newsBox h3{position:absolute;top: 30px;}
.newsBox h3.tit_1{ left:30px}
.newsBox h3.tit_2{left: 170px;}
.newsBox h3.tit_3{left: 265px;}
.newsBox p.more {position: absolute;right: 20px;top: 23px;}
.newsBox p.more a { display:block; width:30px; height:30px; background:url('../images/main/btn_more.png') no-repeat center center; font-size:0; }
.newsBox .ul_list ul li a img{ margin-top:-3px;}

.newsBox .list_box{ display:none; padding:10px; max-height:150px; box-sizing:border-box;}
.newsBox .ul_list,
.newsBox .ul_list a{ display:block;}
.newsBox .ul_list ul li{ height:27px;position:relative; padding-left:15px;}
.newsBox .ul_list ul li a {font-size:15px;line-height:27px; color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width: auto; max-width: 260px; position:relative;}
.newsBox .ul_list ul li a:hover{ color:#333; text-decoration:underline;}
.newsBox .ul_list ul li .date{ position:absolute; right:10px; top:0; font-size:13px; line-height:27px; color:#acacac;}
.newsBox .ul_list ul li:before{content:''; display:block; background:#1e78d7;width:3px;height:3px;position: absolute;left: 0px;top: 12px;}

/* bannerBox */
.bannerBox .popBox {width:340px; background-color:#f9ba3f; }
.bannerBox .popBox .layer_wrap .player {float:left; width:340px;height:230px;}
.bannerBox .popBox .layer_wrap{background-color:#f9ba3f;}
.bannerBox .popBox .pop_arrow{ top:inherit; left:inherit; bottom:10px; right:10px; width:51px; display:block;}


/****** con03 ******/
.con03{width:100%; background:#fff; height:auto; margin-top:0px; overflow:hidden;}
.con03 .inner{ padding:0px 0; overflow:hidden; }
.con03 .con{ float:left; width:1180px;}
.con03 .con:last-child{ float:right; margin:0;}

/* guideBox */
.guideBox{ float:left; width:438px; margin-right:10px; overflow:hidden;}
.guideBox li{ display:block; float:left; box-sizing:border-box; background: url('../images/main/bg_gray.gif'); width:33%; }
.guideBox li a{ display:block; box-sizing:border-box; text-align:center; background:url('../images/main/icoBox02.png') no-repeat; height:100px; color:#d5d4d4; padding-top:65px; border:1px solid #7b7b7b; border-width:0 1px 1px 0}
.guideBox li:nth-child(1){ background: url('../images/main/bg_gray02.gif'); height:200px; width:34%;}
.guideBox li:nth-child(1) a,
.guideBox li:nth-child(1) a:hover{ background-position:50% -342px; height:100%; padding-top:130px; }
.guideBox li:nth-child(2) a,
.guideBox li:nth-child(2) a:hover{ background-position:50% 24px;}
.guideBox li:nth-child(3) a,
.guideBox li:nth-child(3) a:hover{ background-position:50% -76px;}
.guideBox li:nth-child(4) a,
.guideBox li:nth-child(4) a:hover{ background-position:50% -181px;}
.guideBox li:nth-child(5) a,
.guideBox li:nth-child(5) a:hover{ background-position:50% -283px;}
.guideBox li a:hover { background:url('../images/main/icoBox02_on.png') no-repeat; background-color:#f9ba3f; color:#000;border-color:#f9ba3f; }

/* quickBox */
.quickBox{ float:left;}
.quickBox li{ display:block; float:left; margin:0 10px 10px 0; box-sizing:border-box; background:#00b0ec; }
.quickBox li:last-child{ background:#86b93d; margin-right:0; }
.quickBox li a{ display:block; box-sizing:border-box; text-align:center; color:#fff; padding:20px 30px 0px 30px; width:214px; height:200px; letter-spacing: -1px }
.quickBox li a:before{ content:''; display:block; width:100px; height:100px; background: #fff url('../images/main/icoBox03.png') no-repeat 0 50%; border-radius:50%; margin:0 auto 15px auto;}
.quickBox li:nth-child(1) a:before{ background-position:0px 0px;}
.quickBox li:nth-child(2) a:before{ background-position:-100px 0px;}
.quickBox li a:hover{box-shadow: 0 0 0 4px #6c6c6c inset; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.quickBox.quick02 li{ margin-bottom:0;}
.quickBox.quick02 li a{ background:#fff; color:#000;}
.quickBox.quick02 li a:before{ background-color:#e6ecf0; margin-bottom:20px;}
.quickBox.quick02 li:nth-child(1) a:before{ background-position:-200px 0px;}
.quickBox.quick02 li:nth-child(2) a:before{ background-position:-300px 0px;}
.quickBox.quick02 li:nth-child(3) a:before{ background-position:-400px 0px;}
.quickBox.quick02 li:nth-child(4) a:before{ background-position:-500px 0px;}

/* bannerBox02 */
.bannerBox02.con{width:214px !important; float:right;}
.bannerBox02 .popBox {width:214px; background-color:#f9ba3f;}
.bannerBox02 .popBox .layer_wrap .player {float:left; width:214px; height:410px;}
.bannerBox02 .popBox .pop_arrow{ top:inherit; left:inherit; bottom:10px; right:10px; width:51px; display:block;}


.bannerBox02 .popBox .pop_arrow .prev_btn {float:left;}
.bannerBox02 .popBox .pop_arrow .next_btn {float:right;}
.bannerBox02 .popBox .pop_btn{ left:15px; bottom:20px;}	
.bannerBox02 .popBox .layer_wrap{background-color:#f9ba3f;}

/****** con04 ******/ 
.con04{width:100%; background:#f1f1f1; border-top:1px solid #e8e8e8; height:auto;  margin-top:80px; overflow:hidden;}
.con04 .inner{ padding:0px 0;}
.con04 h2{ margin-bottom:75px;}



@media screen and (max-width:1024px) {
	
	/****** visualRolling ******/
	.visualRolling .event_pic {width:100%; height:854px;  margin:0 auto;}
	.visualRolling .event_pic ul,
	.visualRolling .event_pic li{ height:854px;}
	.visualRolling .event_pic li.pic{background-position:81% 0;}
	.event_pic ul li .txt{ width:auto; padding:100px 40px;}
	.event_pic ul li .txt p{ font-size:40px; line-height:1.3;}
	.visualRolling .rolling_btn{ bottom:20px;}
	
	/****** section ******/
	.section,
	.inner{width:100%;}
	.section h2{ font-size:33px; margin-bottom: 35px;}
	.section h3{ font-weight:400;}
	
	/****** con01 ******/
	.con01{position:relative;padding:0; top:inherit;}	
	.popBox{width:340px;float:left;}
	.popBox,
	.con0102,
	.con0103{float:left;width: 50%;position:relative;left:inherit;}
	
	.con0102{ height:237px;}
	.con0102 li,
	.con0102 li:nth-child(2){ height:79px; float:none; width:100%;}
	.con0102 li a,
	.con0102 li:nth-child(2) a{ padding:30px 30px 30px 150px; text-align:left;}	
	.con0102 li:nth-child(1) a{background-position: 0 -12px;}
	.con0102 li:nth-child(2) a{background-position: 0% -144px;}
	.con0102 li:nth-child(3) a{background-position: 0 -273px;}
	
	.telBox{ height:auto;    padding: 30px 25px;}
	.telBox h3{float: left;}
	.telBox p{ margin-bottom:15px; float: left; padding-left:40px;}
	.telBox dl{ padding-left: 65px;}
	.telBox .btn{ clear:both;}
	
	.popBox .layer_wrap{width:100% !important;height: 369px;}
	.popBox .layer_wrap .player { width:100%;height: 100%; overflow:hidden;}
	.popBox .layer_wrap .player img {height:100%;display:block; margin:0 auto; }		
	
	/****** con02 ******/
	.con02{ margin-top:0px; height:auto;}
	.telBox,
	.newsBox,
	.guideBox{ width:100%;}
	.con02 .guideBox{ display:block;}	
	
	.guideBox li:nth-child(3) a,
	.guideBox li:nth-child(5) a{ border-right:0;}
	
	.bannerBox .popBox{width:100%;}
	.bannerBox .popBox .layer_wrap{ height:230px;}
	.bannerBox .popBox .layer_wrap .player{ margin:0 auto; width:100%;}
	.bannerBox .popBox .layer_wrap .player img{ width:auto; height:100%;}
	.bannerBox .popBox .pop_arrow{ right:25px;}
	
	.newsBox .ul_list ul li a{max-width: 80%;}
	
	/****** con03 ******/
	.con03{ margin-top:0px;  height:auto;}
	.con03 .inner{margin-top:0px}
	.con03 .guideBox{ display:none;}
	.con03 .con{ width:100%;}
	.quickBox,
	.bannerBox02.con,
	.con03 .con:last-child{ float: none;}
	
	.quickBox{overflow:hidden;padding:0 25px;}
	.quickBox li{min-width: 290px;width: 49%;margin: 0 2% 10px 0;}
	.quickBox li:nth-child(2n+2){float:right;margin-right: 0;}
	.quickBox li a{ width:100%; padding:20px 10px 10px 10px}
	.quickBox.quick02{ margin-bottom:15px;}
	.quickBox.quick02 li{ margin-bottom:10px;}
	.quickBox.quick02 li a{ height:180px}
	
	.bannerBox02.con,
	.bannerBox02 .popBox{ width:100% !important;}
	.bannerBox02 .popBox .layer_wrap{ height:410px;}
	.bannerBox02 .popBox .layer_wrap .player{width:100%}
	.bannerBox02 .popBox .layer_wrap .player img{ width:auto; height:100%;}
	.bannerBox02 .popBox .pop_btn{ left:25px;}
	.bannerBox02 .popBox .pop_arrow{ right:25px;}
	

	/****** con04 ******/

	.con04{padding-top:0px;}
	
}



@media screen and (max-width:640px) {
	.mainVisual_wrap .owl-dots {left: 54%;}
	
	/****** visualRolling ******/
	.visualRolling .event_pic,
	.visualRolling .event_pic ul,
	.visualRolling .event_pic li{ height:854px;}
	.visualRolling .event_pic li.pic{background-position: 78% 0;}	
	.event_pic ul li .txt{ width:auto; padding:60px 30px; }
	.event_pic ul li .txt p{ font-size:28px; line-height:1.3;}
	
	.section h2{ font-size:25px; margin-bottom:25px;}
	.con04 .inner{ padding:0px 0;}


	/****** con01 ******/
	
	.popBox,
	.con0102,
	.con0103{ float:none; width:100%;}
	.popBox .layer_wrap .player img,
	.bannerBox .popBox .layer_wrap .player img{ width:100%;}
	.bannerBox .popBox .pop_arrow,
	.bannerBox02 .popBox .pop_arrow{ right:15px;}
	.bannerBox .popBox .pop_btn,
	.bannerBox02 .popBox .pop_btn{ left:15px;}
	
	.con0102{ height:130px; background:#86b93d;}
	.con0102 li,
	.con0102 li:nth-child(2){ height:130px; float:left; width:33%;}
	.con0102 li:nth-child(2){width:34%;}
	.con0102 li a,
	.con0102 li:nth-child(2) a{ padding:95px 0 0 0; text-align:center;}	
	.con0102 li:nth-child(1) a{ background-position: 50% 0px;}
	.con0102 li:nth-child(2) a{ background-position: 50% -130px;}
	.con0102 li:nth-child(3) a{ background-position: 50% -258px; }
	.con0103{ padding:23px 20px 20px 20px; height:auto;}
	
	.telBox{padding: 30px 20px 20px 20px;}
	.telBox h3{float: none;}
	.telBox p{margin-bottom:15px;float: none;padding-left:80px;letter-spacing: -0.03em;}
	.telBox strong{ font-size:23px;}
	.telBox dl{padding-left: 10px;width: 100%;margin-bottom: 15px;}
	.telBox .btn li a{ font-size:13px; letter-spacing:-0.03em;}
	
	.telBox dl dt{width: 23%;}
	.telBox dl dd{width: 77%;}

	/****** con02 ******/
	.con02{ margin-top:0px;}
	
	.newsBox{ padding:50px 5px 15px 5px; height:auto;}
	.newsBox h3 a{ font-size:15px;}
	.newsBox .ul_list ul li a{ font-size:13px;}
	.newsBox h3.tit_1{ left:15px}
	.newsBox h3.tit_2{ left:125px}
	.newsBox h3.tit_3{ left:195px}
	.newsBox .ul_list ul li a{ max-width:70%;}	
		
	/****** con03 ******/
	.con03{margin-top:0px;}
	
	.quickBox{ padding:0 15px;}
	.quickBox li{min-width: 140px;margin:0 0 10px 0;}
	.quickBox li a{ height:170px; line-height: 1.3; padding:10px;}
	.quickBox.quick02 li a{ height:150px;}
	.quickBox li a:before,
	.quickBox.quick02 li a:before{ margin-bottom:10px;}
	
	
	/****** con04 ******/
	.con04{margin-top:0px;}
	

}



@media screen and (max-width:375px) {
.visualRolling .event_pic li.pic{background-position: 76% 0;}
}

@media screen and (max-width:360px) {
.visualRolling .event_pic li.pic{background-position: 75% 0;}
}

@media screen and (max-width:320px) {
.visualRolling .event_pic li.pic{background-position: 74% 0;}
}

	
/*
================================================================================
hm
================================================================================
*/
.con0102 li:nth-child(1){ background-color:#005b9c;}
.ilsin .con0102 li:nth-child(2){background-color:#00a58d;}
.ilsin .con02{background: #fff;}
.ilsin .telBox{ background:#483822 url('../images/main/ico_tel2.png') no-repeat 23px 20px;}
.ilsin .telBox dl dt{ color:#cec5af;}
.ilsin .telBox dl dd{ color:#cec5af;}
.ilsin .telBox .btn li a{background-image: url('../images/main/ico_check2.png'); border-color:#6d604e;}
.ilsin .telBox .btn li a{}
.ilsin .centerBox .scroll-img ul li a:before{ background:url('../images/main/center_ico2.png') no-repeat, #57bda4 url('../images/main/center_bg2.gif')}
.ilsin .centerBox .scroll-img ul li.mn01 a:before{ background-position:0px 0px;}
.ilsin .centerBox .scroll-img ul li.mn02 a:before{ background-position:-140px 0px;}
.ilsin .centerBox .scroll-img ul li.mn03 a:before{ background-position:-280px 0px;}
.ilsin .centerBox .scroll-img ul li.mn04 a:before{ background-position:-420px 0px;}
.ilsin .centerBox .scroll-img ul li.mn05 a:before{ background-position:-560px 0px;}
.ilsin .centerBox .scroll-img ul li.mn06 a:before{ background-position:-700px 0px;}
.ilsin .centerBox .scroll-img ul li.mn07 a:before{ background-position:-840px 0px;}

.ilsin .centerBox .scroll-img { /*width:680px;*/}

.ilsin .newsBox h3 a:hover,
.ilsin .newsBox h3 a.current{color:#109b9d; border-color:#109b9d;}
.ilsin .newsBox .ul_list ul li:before{background:#109b9d;}

@media screen and (max-width:1024px) {
	/*.ilsin .centerBox .scroll-img,
	.ilsin .centerBox .scroll-img ul{ width:auto !important; margin:0;}*/
}

@media screen and (max-width:640px) {
	/*.ilsin .centerBox{ padding:0 10px;}
	.ilsin .centerBox .scroll-img,
	.ilsin .centerBox .scroll-img ul{ height:auto;}
	.ilsin .centerBox .scroll-img ul li{ margin-bottom:20px;}*/

}


@media print{
#header, #menu, #footer, #pageUtil { display:block !important;}
#container{ padding-top:130px !important;}
}




	/* common ----------------------------------------------------------------------------------------------------*/
	.section-02,
	.section-03,
	.section-04,
	.section-05,
	.section-06 {height: auto; padding-bottom: 60px;}



	/* container ----------------------------------------------------------------------------------------------------*/
	.main.container {}
	.main.container h2 {padding: 0px;}
	.main.container h2 > img {max-width: 90%; height: auto;}
	.main.container .sTit_d {font-size: 18px; margin: 0 20px 20px; line-height: 1.4;}





}



/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/




/* section 01 */
	
/*.main-menu01-wrapper {position: relative; width:100%; height:165px; max-width: 1180px; margin: 0 auto;margin-bottom:0px;z-index: 100;}

.main-menu01-wrapper li {float:left}	
.main-menu01-wrapper li.infome01 {position:relative; width:33.334%; background:#114692;height: 165px;
	padding: 30px 0px 30px 0px;vertical-align:middle; float:left; border-right:1px solid #dadada; }	
.main-menu01-wrapper li.infome01 dt {font-size:28px;color:#fff; font-weight:500; padding-bottom:7px;text-align:center;}
.main-menu01-wrapper li.infome01 .cent {position:relative; width:210px; height:40px;margin: 0 auto;}
.main-menu01-wrapper li.infome01 .cent .btn01 a{font-size:16px;background:#fff; width:100px; color:#114692; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; }
.main-menu01-wrapper li.infome01 .cent .btn02 a{font-size:16px;background:transparent; width:100px; color:#fff; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid;text-align:center; }

.main-menu01-wrapper li.infome02 {position:relative; width:33.334%; background:#39a6e1;height: 165px;
	padding: 30px 0px 30px 0px;vertical-align:middle; float:left; border-right:1px solid #dadada; }	
.main-menu01-wrapper li.infome02 dt {font-size:28px;color:#fff; font-weight:500; padding-bottom:0px;text-align:center;}
.main-menu01-wrapper li.infome02 .cent {position:relative; width:210px; height:40px;margin: 0 auto;}
.main-menu01-wrapper li.infome02 .cent .tel { color:#fff; font-size:34px; font-weight:700; text-align:center}

.main-menu01-wrapper li.infome03 {position:relative; width:33.334%; background:#3ab7b9;height: 165px;
	padding: 30px 0px 30px 0px;vertical-align:middle; float:left;  }	
.main-menu01-wrapper li.infome03 dt {font-size:28px;color:#fff; font-weight:500; padding-bottom:7px;text-align:center;}
.main-menu01-wrapper li.infome03 .cent {position:relative; width:210px; height:40px;margin: 0 auto;}
.main-menu01-wrapper li.infome03 .cent .btn01 a{font-size:16px;background:#fff; width:100px; color:#3ab7b9; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; }
.main-menu01-wrapper li.infome03 .cent .btn02 a{font-size:16px;background:transparent; width:100px; color:#fff; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid;text-align:center; }*/

.main-menu01-wrapper {position: relative; width:100%; height:165px; max-width: 1180px; margin: 0 auto;margin-bottom:0px;z-index: 100;/*box-shadow: 3px 3px 3px rgba(0,0,0,0.15);*/}

.main-menu01-wrapper li {float:left; box-sizing: border-box;}	
.main-menu01-wrapper li.infome01 {position:relative; width:33.334%; background:#fff;height: 165px;
	padding: 30px 0px 30px 0px;vertical-align:middle; float:left; border-right:1px solid #dadada; border-left:1px solid #dadada; border-top:4px solid #114692; border-bottom:1px solid #dadada; box-sizing: border-box;}	
.main-menu01-wrapper li.infome01 dt {font-size:28px;color:#114692; font-weight:500; padding-bottom:7px;text-align:center;}
.main-menu01-wrapper li.infome01 .cent {position:relative; width:210px; height:40px;margin: 0 auto;}
.main-menu01-wrapper li.infome01 .cent .btn01 a{font-size:16px;background:#114692; width:100px; color:#fff; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; }
.main-menu01-wrapper li.infome01 .cent .btn02 a{font-size:16px;background:transparent; width:100px; color:#114692; padding:8px 4px; line-height:23px; float:left;border:#114692 1px solid;text-align:center; }

.main-menu01-wrapper li.infome02 {position:relative; width:33.334%; background:#fff;height: 165px;
	padding: 30px 0px 30px 0px;vertical-align:middle; float:left; border-right:1px solid #dadada; border-top:4px solid #39a6e1; border-bottom:1px solid #dadada; box-sizing: border-box;}	
.main-menu01-wrapper li.infome02 dt {font-size:28px;color:#39a6e1; font-weight:500; padding-bottom:0px;text-align:center;}
.main-menu01-wrapper li.infome02 .cent {position:relative; width:210px; height:40px;margin: 0 auto;}
.main-menu01-wrapper li.infome02 .cent .tel { color:#39a6e1; font-size:34px; font-weight:700; text-align:center}

.main-menu01-wrapper li.infome03 {position:relative; width:33.334%; background:#fff;height: 165px;
	padding: 30px 0px 30px 0px;vertical-align:middle; float:left;  border-right:1px solid #dadada; border-top:4px solid #3ab7b9; border-bottom:1px solid #dadada; box-sizing: border-box;}	
.main-menu01-wrapper li.infome03 dt {font-size:28px;color:#3ab7b9; font-weight:500; padding-bottom:7px;text-align:center;}
.main-menu01-wrapper li.infome03 .cent {position:relative; width:210px; height:40px;margin: 0 auto;}
.main-menu01-wrapper li.infome03 .cent .btn01 a{font-size:16px;background:#3ab7b9; width:100px; color:#fff; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; }
.main-menu01-wrapper li.infome03 .cent .btn02 a{font-size:16px;background:transparent; width:100px; color:#3ab7b9; padding:8px 4px; line-height:23px; float:left;border:#3ab7b9 1px solid;text-align:center; }


/* title */
.sub_title_box{position: relative; width:100%; margin: 0 auto; margin-bottom:40px; text-align:center; max-width: 1180px;}
.sub_title_box p {letter-spacing:-0.1px;; text-align:center;}
.sub_title_box .title{font-size:34px; color:#393838;line-height:34px; font-weight:400; letter-spacing:-3px}
.sub_title_box .title a {color:#393838}
.sub_title_box .desc{margin-top:16px; font-weight:300 ;line-height:16px; font-size:16px; color:#666;letter-spacing:-0.5px; text-align:center;}

.sub_title_box  .center_more a{float:right; color:#2fa1df; font-size:14px; margin-top:-20px; background:url(../img/main/ct_more.png) no-repeat right bottom; padding-right:12px; line-height:28px}


/* section 02 */

.main-menu02-wrapper {position: relative; width:100%; height:575px; max-width: 1180px; margin: 0 auto;margin-bottom:80px;}
.main-menu02-wrapper li {float:left; }
.main-menu02-wrapper li.center01 {width:375px; height:273px; margin-right:27px; margin-bottom:27px; background:#1f95d5  url(../img/main/center07_icon.png) no-repeat right bottom;}
.main-menu02-wrapper li.center01 dt {color:#fff; font-size:28px; line-height:35px; font-weight:500; margin-top:42px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center01 dd {color:#fff; font-size:18px; line-height:22px; margin-top:12px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center01 .btn01 a{font-size:16px;background:#fff; width:100px; color:#1f95d5; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; margin-top:80px; margin-left:42px;}



.main-menu02-wrapper li.center02 {width:375px; height:273px; margin-right:27px; margin-bottom:27px; background:#08afe3  url(../img/main/center02_icon.png) no-repeat right bottom;}
.main-menu02-wrapper li.center02 dt {color:#fff; font-size:28px; line-height:35px; font-weight:500; margin-top:42px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center02 dd {color:#fff; font-size:18px; line-height:22px; margin-top:12px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center02 .btn01 a{font-size:16px;background:#fff; width:100px; color:#08afe3; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; margin-top:80px; margin-left:42px;}


.main-menu02-wrapper li.center03 {width:375px; height:273px; margin-right:0px; margin-bottom:27px; background:#2d95ae  url(../img/main/center06_icon.png) no-repeat right bottom;}
.main-menu02-wrapper li.center03 dt {color:#fff; font-size:28px; line-height:35px; font-weight:500; margin-top:42px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center03 dd {color:#fff; font-size:18px; line-height:22px; margin-top:12px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center03 .btn01 a{font-size:16px;background:#fff; width:100px; color:#2d95ae; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; margin-top:80px; margin-left:42px;}


.main-menu02-wrapper li.center04 {width:375px; height:273px; margin-right:27px; background:#1abcbe  url(../img/main/center09_icon.png) no-repeat right bottom;}
.main-menu02-wrapper li.center04 dt {color:#fff; font-size:28px; line-height:35px; font-weight:500; margin-top:42px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center04 dd {color:#fff; font-size:18px; line-height:22px; margin-top:12px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center04 .btn01 a{font-size:16px;background:#fff; width:100px; color:#1abcbe; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; margin-top:58px; margin-left:42px;}


.main-menu02-wrapper li.center05 {width:375px; height:273px; margin-right:27px; background:#34cccf  url(../img/main/center05_icon.png) no-repeat right bottom;}
.main-menu02-wrapper li.center05 dt {color:#fff; font-size:28px; line-height:35px; font-weight:500; margin-top:42px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center05 dd {color:#fff; font-size:18px; line-height:22px; margin-top:12px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center05 .btn01 a{font-size:16px;background:#fff; width:100px; color:#34cccf; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; margin-top:80px; margin-left:42px;}


.main-menu02-wrapper li.center06 {width:375px; height:273px; margin-right:0px; background:#14c7b2  url(../img/main/center08_icon.png) no-repeat right bottom;}
.main-menu02-wrapper li.center06 dt {color:#fff; font-size:28px; line-height:35px; font-weight:500; margin-top:42px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center06 dd {color:#fff; font-size:18px; line-height:22px; margin-top:12px; margin-left:42px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center06 .btn01 a{font-size:16px;background:#fff; width:100px; color:#14c7b2; padding:8px 4px; line-height:23px; float:left;border:#fff 1px solid; margin-right:10px;text-align:center; margin-top:80px; margin-left:42px;}



.main-menu03-wrapper {position: relative; width:100%; height:auto; max-width: 1180px; margin: 0 auto;}
.main-menu03-wrapper li {float:left; }

.main-menu03-wrapper li.ils01 {position: relative;width:274px; height:195px; background:#3ab7b9; border:1px solid #dadada;margin-right:25px; }

.main-menu03-wrapper li.ils01 .mask_img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.main-menu03-wrapper li.ils01 .middle {
  transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width:100%;
	height:100%;
	margin: 0 auto;
}


.main-menu03-wrapper li.ils01:hover .mask_img {
  opacity: 0.3;
}

.main-menu03-wrapper li.ils01:hover .middle {
  opacity: 1;
  
}

.main-menu03-wrapper li.ils01 dt {color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px; width:100%;text-align:center; margin-top:38px}
.main-menu03-wrapper li.ils01 dd {color:#fff; font-size:18px; font-weight:300; letter-spacing:-0.5px; width:100%;text-align:center; margin-bottom:14px}

.main-menu03-wrapper li.ils01 .cent{position:relative; width:200px;margin: 0 auto; margin-top:10px;}
.main-menu03-wrapper li.ils01 .btn01 {
	width:100px;
  background-color: #3ab7b9;
  color: #fff;
  font-size: 16px;
  padding: 10px 18px;
  float:left;
}
.main-menu03-wrapper li.ils01 .btn02 {
	width:100px;
  background-color: #fff;
  color: #3ab7b9;
  font-size: 16px;
  padding: 10px 18px;
  float:left;
}

.main-menu03-wrapper li.ils02 {position: relative;width:274px; height:195px; background:#2F4C92; border:1px solid #dadada;margin-right:25px; }

.main-menu03-wrapper li.ils02 .mask_img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.main-menu03-wrapper li.ils02 .middle {
  transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width:100%;
	height:100%;
	margin: 0 auto;
}


.main-menu03-wrapper li.ils02:hover .mask_img {
  opacity: 0.3;
}

.main-menu03-wrapper li.ils02:hover .middle {
  opacity: 1;
  
}

.main-menu03-wrapper li.ils02 dt {color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px; width:100%;text-align:center; margin-top:38px}
.main-menu03-wrapper li.ils02 dd {color:#fff; font-size:18px; font-weight:300; letter-spacing:-0.5px; width:100%;text-align:center; margin-bottom:14px}

.main-menu03-wrapper li.ils02 .cent{position:relative; width:200px;margin: 0 auto; margin-top:10px;}
.main-menu03-wrapper li.ils02 .btn01 {
	width:100px;
  background-color: #114692;
  color: #fff;
  font-size: 16px;
  padding: 10px 18px;
  float:left;
}
.main-menu03-wrapper li.ils02 .btn02 {
	width:100px;
  background-color: #fff;
  color: #114692
  font-size: 16px;
  padding: 10px 18px;
  float:left;
}

.main-menu03-wrapper li.ils03 {position: relative;width:274px; height:195px; background:#0873b8; border:1px solid #dadada;margin-right:25px; }

.main-menu03-wrapper li.ils03 .mask_img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.main-menu03-wrapper li.ils03 .middle {
  transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width:100%;
	height:100%;
	margin: 0 auto;
}


.main-menu03-wrapper li.ils03:hover .mask_img {
  opacity: 0.3;
}

.main-menu03-wrapper li.ils03:hover .middle {
  opacity: 1;
  
}

.main-menu03-wrapper li.ils03 dt {color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px; width:100%;text-align:center; margin-top:38px}
.main-menu03-wrapper li.ils03 dd {color:#fff; font-size:18px; font-weight:300; letter-spacing:-0.5px; width:100%;text-align:center; margin-bottom:14px}

.main-menu03-wrapper li.ils03 .cent{position:relative; width:200px;margin: 0 auto; margin-top:10px;}
.main-menu03-wrapper li.ils03 .btn01 {
	width:100px;
  background-color: #0873b8;
  color: #fff;
  font-size: 16px;
  padding: 10px 18px;
  float:left;
}
.main-menu03-wrapper li.ils03 .btn02 {
	width:100px;
  background-color: #fff;
  color: #0873b8;
  font-size: 16px;
  padding: 10px 18px;
  float:left;
}



.main-menu03-wrapper li.ils04 {position: relative;width:274px; height:195px; background:#c5c5c5; border:1px solid #dadada; }

.main-menu03-wrapper li.ils04 .mask_img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.main-menu03-wrapper li.ils04 .middle {
  transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width:100%;
	height:100%;
	margin: 0 auto;
}


.main-menu03-wrapper li.ils04:hover .mask_img {
  opacity: 0.3;
}

.main-menu03-wrapper li.ils04:hover .middle {
  opacity: 1;
  
}

.main-menu03-wrapper li.ils04 dt {color:#fff; font-size:24px; font-weight:500; letter-spacing:-0.5px; width:100%;text-align:center; margin-top:38px}
.main-menu03-wrapper li.ils04 dd {color:#fff; font-size:18px; font-weight:300; letter-spacing:-0.5px; width:100%;text-align:center; margin-bottom:14px}

.main-menu03-wrapper li.ils04 .cent{position:relative; width:200px;margin: 0 auto; margin-top:10px;}

.main-menu03-wrapper li.ils04 .btn01 {
	width:100px;
  background-color: #8f8f8f;
  color: #fff;
  font-size: 16px;
  padding: 10px 18px;
  float:left;
}
.main-menu03-wrapper li.ils04 .btn02 {
	width:100px;
  background-color: #fff;
  color: 4CAF50;
  font-size: 16px;
  padding: 10px 18px;
  float:left;
}




/* section 04 */
/*하단바로가기*/

.main-menu04-wrapper{position:relative;width:100%; height:250px; padding:0px 0;float:left;}
.main-menu04-wrapper .bottom_m {position:relative;width:1180px;margin:0 auto;}

.main-menu04-wrapper .bottom_m .cont1 {position:relative;width:60%;border-right:1px solid #e1e0e0;box-sizing:border-box;float:left; height:250px;}
.main-menu04-wrapper .bottom_m .cont1 dt {font-size:34px; font-weight:400;color:#393838;padding-bottom:10px; margin-top:20px;}
.main-menu04-wrapper .bottom_m .cont1 dd {position:relative;width:116px;height:116px; margin-right:19px;  float:left;border:1px solid #e1e0e0; background:#fff}
.main-menu04-wrapper .bottom_m .cont1 dd span {width:100%;float:left;color:#5e5d5d;font-size:16px; text-align:center; margin-top:-38px;}



.main-menu04-wrapper .bottom_m .notice01 {position:relative;width:35%;float:left;box-sizing:border-box;float:left; margin-left:54px; height:250px;}
.main-menu04-wrapper .bottom_m .notice01 dt {font-size:34px; font-weight:400;color:#393838;padding-bottom:20px; margin-top:20px;}
.main-menu04-wrapper .bottom_m .notice01 p { float:right; width:18px; height:18px; margin-top:-58px;}
.main-menu04-wrapper .bottom_m .notice01 dd {width:100%; }
.main-menu04-wrapper .bottom_m .notice01 dd a {color:#363636;text-align:left;font-size:16px; line-height:32px;}

.main-menu04-wrapper .bottom_m .notice01 dd .date { font-size:16px; color:#a5a5a5; font-weight:300; float:right}






@media all and (min-width:1200px) {


}

@media all and (min-width:768px) and (max-width:1024px) {

/* section 01 */	
/*.main-menu01-wrapper {position: relative; width:100%; height:270px; top:0px; margin: 0 auto; left: 0; padding: 0 0px; z-index: 10;}

.main-menu01-wrapper li {float:left}	
.main-menu01-wrapper li.infome01 {position:relative; width:100%; background:#114692;height: 80px;
	padding: 22px 0px 20px 0px;vertical-align:middle; float:left; border-right:none; }	
.main-menu01-wrapper li.infome01 dt {width:100px; font-size:20px;color:#fff; font-weight:500; padding-bottom:0px;text-align:left;float:left; line-height:40px; margin-left:5%;}
.main-menu01-wrapper li.infome01 .cent {position:relative; width:215px; height:30px;margin: 0 auto;float:left; margin-left:10px; }
.main-menu01-wrapper li.infome01 .cent .btn01 a{font-size:15px;background:#fff; width:100px; color:#114692; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid; margin-right:7px;text-align:center; }
.main-menu01-wrapper li.infome01 .cent .btn02 a{font-size:15px;background:transparent; width:100px; color:#fff; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid;text-align:center; }


.main-menu01-wrapper li.infome02 {position:relative; width:100%; background:#39a6e1;height: 80px;
	padding: 22px 0px 20px 0px;vertical-align:middle; float:left; border-right:none;  }	
.main-menu01-wrapper li.infome02 dt {width:100px; font-size:20px;color:#fff; font-weight:500; margin-bottom:0px; text-align:left;float:left; line-height:40px; margin-left:5%;}
.main-menu01-wrapper li.infome02 .cent {position:relative; width:215px; height:30px;margin: 0 auto;float:left; margin-left:10px; }
.main-menu01-wrapper li.infome02 .cent .tel { color:#fff; font-size:28px; font-weight:700; line-height:40px; text-align:center}


.main-menu01-wrapper li.infome03 {position:relative; width:100%; background:#3ab7b9;height: 80px;
	padding: 22px 0px 20px 0px;vertical-align:middle; float:left;  }	
.main-menu01-wrapper li.infome03 dt {width:100px; font-size:19px;color:#fff; font-weight:500; padding-bottom:0px;text-align:left;float:left; line-height:40px; margin-left:5%;}
.main-menu01-wrapper li.infome03 .cent {position:relative; width:215px; height:30px;margin: 0 auto;float:left; margin-left:10px; }
.main-menu01-wrapper li.infome03 .cent .btn01 a{font-size:15px;background:#fff; width:100px; color:#3ab7b9; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid; margin-right:7px;text-align:center; }
.main-menu01-wrapper li.infome03 .cent .btn02 a{font-size:15px;background:transparent; width:100px; color:#fff; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid;text-align:center; }*/
.main-menu01-wrapper {position: relative; width:100%; height:140px; top:0px; margin: 0 auto; left: 0; padding: 0 0px; z-index: 10;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}

.main-menu01-wrapper li {float:left}	
.main-menu01-wrapper li.infome01 {position:relative; width:33.334%; background:#fff url(../img/main/infome01.png) no-repeat center top; background-position-y:28px;height: 140px;
	padding: 22px 0px 20px 0px;vertical-align:middle; float:left; border-right:none; border-right:1px solid #dadada; border-top:4px solid #114692;}	
.main-menu01-wrapper li.infome01 dt {width:100%; font-size:20px;color:#114692; font-weight:500; padding-bottom:0px;text-align:center; float:left; margin-top:62px; /*line-height:40px;*/ margin-left:0%;}
.main-menu01-wrapper li.infome01 .cent { display:none }
.main-menu01-wrapper li.infome01 .cent .btn01 a{font-size:15px;background:#114692; width:100px; color:#114692; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid; margin-right:7px;text-align:center; }
.main-menu01-wrapper li.infome01 .cent .btn02 a{font-size:15px;background:transparent; width:100px; color:#114692; padding:2px 0px; line-height:30px; float:left;border:#114692 1px solid;text-align:center; }


.main-menu01-wrapper li.infome02 {position:relative; width:33.334%; background:#fff url(../img/main/infome02.png) no-repeat center top; background-position-y:28px;height: 140px;
	padding: 22px 0px 20px 0px;vertical-align:middle; float:left; border-right:none; border-right:1px solid #dadada; border-top:4px solid #39a6e1;}	
.main-menu01-wrapper li.infome02 dt {width:100%; font-size:20px;color:#39a6e1; font-weight:500; margin-bottom:0px; text-align:center;float:left; margin-top:62px; /*line-height:40px;*/ margin-left:0%;}
.main-menu01-wrapper li.infome02 .cent {display:none  }
.main-menu01-wrapper li.infome02 .cent .tel { color:#39a6e1; font-size:28px; font-weight:700; line-height:40px; text-align:center}


.main-menu01-wrapper li.infome03 {position:relative; width:32.334%; background:#fff url(../img/main/infome03.png) no-repeat center top; background-position-y:28px;height: 140px;
	padding: 22px 0px 20px 0px;vertical-align:middle; float:left;  border-top:4px solid #3ab7b9;}	
.main-menu01-wrapper li.infome03 dt {width:100%; font-size:19px;color:#3ab7b9; font-weight:500; padding-bottom:0px;text-align:center;float:left; margin-top:62px; /*line-height:40px;*/ margin-left:0%;}
.main-menu01-wrapper li.infome03 .cent {display:none  }
.main-menu01-wrapper li.infome03 .cent .btn01 a{font-size:15px;background:#3ab7b9; width:100px; color:#fff; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid; margin-right:7px;text-align:center; }
.main-menu01-wrapper li.infome03 .cent .btn02 a{font-size:15px;background:transparent; width:100px; color:#3ab7b9; padding:2px 0px; line-height:30px; float:left;border:#3ab7b9 1px solid;text-align:center; }


/* section 02 */

.main-menu02-wrapper {position: relative; width:100%;  margin: 0 auto;margin-bottom:80px; }
.main-menu02-wrapper li {float:left; }
.main-menu02-wrapper li.center01 {width:45.5%; height:273px; margin-right:3%; margin-left:3%; margin-bottom:3%; background:#1f95d5  url(../img/main/center01_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center02 {width:45.5%; height:273px; margin-right:3%; margin-bottom:3%; background:#08afe3  url(../img/main/center02_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center03 {width:45.5%; height:273px; margin-right:3%; margin-left:3%; margin-bottom:3%; margin-bottom:27px; background:#2d95ae  url(../img/main/center03_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center04 {width:45.5%; height:273px; margin-right:3%; margin-bottom:3%; background:#1abcbe  url(../img/main/center04_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center05 {width:45.5%; height:273px; margin-right:3%; margin-left:3%;  margin-bottom:3%; background:#34cccf  url(../img/main/center05_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center06 {width:45.5%; height:273px; margin-right:3%;   background:#14c7b2  url(../img/main/center06_icon.png) no-repeat right bottom;}


/* section 03 */

.main-menu03-wrapper {position: relative; width:100%; margin: 0 auto;margin-bottom:0px; }
.main-menu03-wrapper li {float:left; }
.main-menu03-wrapper li.ils01 {width:45.5%; height:100%; margin-right:3%; margin-left:3%; margin-bottom:3%;}
.main-menu03-wrapper li.ils01 dt {margin-top:60px;}

.main-menu03-wrapper li.ils01 .mask_img {opacity: 0.3;}
.main-menu03-wrapper li.ils01 .middle {opacity: 1;}

.main-menu03-wrapper li.ils01:hover .mask_img {opacity: 1;display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.main-menu03-wrapper li.ils01:hover .middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;width:100%;height:100%;margin: 0 auto;}


.main-menu03-wrapper li.ils02 {width:45.5%; height:100%; margin-right:3%; margin-bottom:3%; }
.main-menu03-wrapper li.ils02 dt {margin-top:60px;}

.main-menu03-wrapper li.ils02 .mask_img {opacity: 0.3;}
.main-menu03-wrapper li.ils02 .middle {opacity: 1;}

.main-menu03-wrapper li.ils02:hover .mask_img {opacity: 1;display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.main-menu03-wrapper li.ils02:hover .middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;width:100%;height:100%;margin: 0 auto;}

.main-menu03-wrapper li.ils03 {width:45.5%; height:100%; margin-right:3%; margin-left:3%; margin-bottom:3%; margin-bottom:27px;}
.main-menu03-wrapper li.ils03 dt {margin-top:60px;}

.main-menu03-wrapper li.ils03 .mask_img {opacity: 0.3;}
.main-menu03-wrapper li.ils03 .middle {opacity: 1;}

.main-menu03-wrapper li.ils03:hover .mask_img {opacity: 1;display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.main-menu03-wrapper li.ils03:hover .middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;width:100%;height:100%;margin: 0 auto;}

.main-menu03-wrapper li.ils04 {width:45.5%; height:100%; margin-right:3%;}
.main-menu03-wrapper li.ils04 dt {margin-top:60px;}

.main-menu03-wrapper li.ils04 .mask_img {opacity: 0.3;}
.main-menu03-wrapper li.ils04 .middle {opacity: 1;}

.main-menu03-wrapper li.ils04:hover .mask_img {opacity: 1;display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.main-menu03-wrapper li.ils04:hover .middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;width:100%;height:100%;margin: 0 auto;}




/* section 04 */

.main-menu04-wrapper{position:relative;width:100%; height:200px; padding:0px 0;float:left;}
.main-menu04-wrapper .bottom_m {position:relative;width:100%;margin:0 auto;}

.main-menu04-wrapper .bottom_m .cont1 { display:none}


.main-menu04-wrapper .bottom_m .notice01 {position:relative;width:90%;float:left;box-sizing:border-box;float:left; margin-left:5%; height:250px;}
.main-menu04-wrapper .bottom_m .notice01 dt {font-size:24px;}
.main-menu04-wrapper .bottom_m .notice01 dd a {font-size:14px; line-height:24px;}
	


/* title */
.sub_title_box{position: relative; width:100%; margin: 0 auto; margin-bottom:40px; text-align:center; margin-top:70px;}
.sub_title_box p {letter-spacing:-0.1px}
.sub_title_box  .center_more{ display:none}
.sub_title_box .desc{margin-top:14px; font-weight:300 ; font-size:14px; color:#666;letter-spacing:-0.5px}






}

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

/* section 01 */	
/*.main-menu01-wrapper {position: relative; width:100%; height:210px; top:0px; margin: 0 auto; left: 0; padding: 0 0px; z-index: 10;}

.main-menu01-wrapper li {float:left}	
.main-menu01-wrapper li.infome01 {position:relative; width:100%; background:#114692;height: 70px;
	padding: 20px 0px 18px 0px;vertical-align:middle; float:left; border-right:none; }	
.main-menu01-wrapper li.infome01 dt {width:100px; font-size:20px;color:#fff; font-weight:500; padding-bottom:0px;text-align:left;float:left; line-height:30px; margin-left:5%;}
.main-menu01-wrapper li.infome01 .cent {position:relative; width:215px; height:30px;margin: 0 auto;float:left; margin-left:10px; margin-top:-3px;  }
.main-menu01-wrapper li.infome01 .cent .btn01 a{font-size:15px;background:#fff; width:100px; color:#114692; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid; margin-right:7px;text-align:center; }
.main-menu01-wrapper li.infome01 .cent .btn02 a{font-size:15px;background:transparent; width:100px; color:#fff; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid;text-align:center; }


.main-menu01-wrapper li.infome02 {position:relative; width:100%; background:#39a6e1;height: 70px;
	padding: 20px 0px 18px 0px;vertical-align:middle; float:left; border-right:none;  }	
.main-menu01-wrapper li.infome02 dt {width:100px; font-size:20px;color:#fff; font-weight:500; margin-bottom:0px; text-align:left;float:left; line-height:30px; margin-left:5%;}
.main-menu01-wrapper li.infome02 .cent {position:relative; width:215px; height:30px;margin: 0 auto;float:left; margin-left:10px;  margin-top:-2px;}
.main-menu01-wrapper li.infome02 .cent .tel { color:#fff; font-size:28px; font-weight:700; line-height:40px; text-align:center}


.main-menu01-wrapper li.infome03 {position:relative; width:100%; background:#3ab7b9;height: 70px;
	padding: 20px 0px 18px 0px;vertical-align:middle; float:left;  }	
.main-menu01-wrapper li.infome03 dt {width:100px; font-size:19px;color:#fff; font-weight:500; padding-bottom:0px;text-align:left;float:left; line-height:30px; margin-left:5%;}
.main-menu01-wrapper li.infome03 .cent {position:relative; width:215px; height:30px;margin: 0 auto;float:left; margin-left:10px;  margin-top:-3px;}
.main-menu01-wrapper li.infome03 .cent .btn01 a{font-size:15px;background:#fff; width:100px; color:#3ab7b9; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid; margin-right:7px;text-align:center; }
.main-menu01-wrapper li.infome03 .cent .btn02 a{font-size:15px;background:transparent; width:100px; color:#fff; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid;text-align:center; }*/
.main-menu01-wrapper {position: relative; width:100%; height:130px; top:0px; margin: 0 auto; left: 0; padding: 0 0px; z-index: 10;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}

.main-menu01-wrapper li {float:left;}	
.main-menu01-wrapper li.infome01 {position:relative; width:33.334%; background:#fff url(../img/main/infome01.png) no-repeat center top; background-position-y:23px;height: 130px;
	padding: 22px 0px 20px 0px;vertical-align:middle; float:left; border-right:none; border-right:1px solid #dadada;border-top:4px solid #114692;}	
.main-menu01-wrapper li.infome01 dt {width:100%; font-size:18px;color:#114692; font-weight:500; padding-bottom:0px;text-align:center;float:left; margin-top:59px; /*line-height:25px;*/ margin-left:0%;}
.main-menu01-wrapper li.infome01 .cent { display:none }
.main-menu01-wrapper li.infome01 .cent .btn01 a{font-size:15px;background:#114692; width:100px; color:#114692; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid; margin-right:7px;text-align:center; }
.main-menu01-wrapper li.infome01 .cent .btn02 a{font-size:15px;background:transparent; width:100px; color:#114692; padding:2px 0px; line-height:30px; float:left;border:#114692 1px solid;text-align:center; }


.main-menu01-wrapper li.infome02 {position:relative; width:33.334%; background:#fff url(../img/main/infome02.png) no-repeat center top; background-position-y:23px;height: 130px;
	padding: 22px 0px 20px 0px;vertical-align:middle; float:left; border-right:none; border-right:1px solid #dadada; border-top:4px solid #39a6e1;}	
.main-menu01-wrapper li.infome02 dt {width:100%; font-size:18px;color:#39a6e1; font-weight:500; margin-bottom:0px; text-align:center;float:left; margin-top:59px; /*line-height:25px;*/ margin-left:0%;}
.main-menu01-wrapper li.infome02 .cent {display:none  }
.main-menu01-wrapper li.infome02 .cent .tel { color:#39a6e1; font-size:28px; font-weight:700; line-height:40px; text-align:center}


.main-menu01-wrapper li.infome03 {position:relative; width:33.334%; background:#fff url(../img/main/infome03.png) no-repeat center top; background-position-y:23px;height: 130px;
	padding: 22px 0px 20px 0px;vertical-align:middle; float:left;border-top:4px solid #3ab7b9;}	
.main-menu01-wrapper li.infome03 dt {width:100%; font-size:18px;color:#3ab7b9; font-weight:500; padding-bottom:0px;text-align:center;float:left; margin-top:59px; /*line-height:25px;*/ margin-left:0%;}
.main-menu01-wrapper li.infome03 .cent {display:none  }
.main-menu01-wrapper li.infome03 .cent .btn01 a{font-size:15px;background:#3ab7b9; width:100px; color:#fff; padding:2px 0px; line-height:30px; float:left;border:#fff 1px solid; margin-right:7px;text-align:center; }
.main-menu01-wrapper li.infome03 .cent .btn02 a{font-size:15px;background:transparent; width:100px; color:#3ab7b9; padding:2px 0px; line-height:30px; float:left;border:#3ab7b9 1px solid;text-align:center; }




/* section 02 */

.main-menu02-wrapper {position: relative; width:100%; height:870px; margin: 0 auto; }
.main-menu02-wrapper li {float:left; }
.main-menu02-wrapper li.center01 {width:45.5%; height:273px; margin-right:3%; margin-left:3%; margin-bottom:3%; background:#1f95d5  url(../img/main/center01_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center02 {width:45.5%; height:273px; margin-right:3%; margin-bottom:3%; background:#08afe3  url(../img/main/center02_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center03 {width:45.5%; height:273px; margin-right:3%; margin-left:3%; margin-bottom:3%; background:#2d95ae  url(../img/main/center03_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center04 {width:45.5%; height:273px; margin-right:3%; margin-bottom:3%; background:#1abcbe  url(../img/main/center04_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center05 {width:45.5%; height:273px; margin-right:3%; margin-left:3%;  margin-bottom:3%; background:#34cccf  url(../img/main/center05_icon.png) no-repeat right bottom;}

.main-menu02-wrapper li.center06 {width:45.5%; height:273px; margin-right:3%; background:#14c7b2  url(../img/main/center06_icon.png) no-repeat right bottom;}


/* section 03 */

.main-menu03-wrapper {position: relative; width:100%; margin: 0 auto;margin-bottom:0px; }
.main-menu03-wrapper li {float:left; }
.main-menu03-wrapper li.ils01 {width:45.5%; height:100%; margin-right:3%; margin-left:3%; margin-bottom:3%; }
.main-menu03-wrapper li.ils01 dt {margin-top:20px;font-size:18px;}
.main-menu03-wrapper li.ils01 dd {font-size:14px; margin-bottom:10px}
.main-menu03-wrapper li.ils01 .cent{ width:140px;margin: 0 auto;}
.main-menu03-wrapper li.ils01 .btn01 {width:70px;
  font-size: 14px;padding: 5px 0px;float:left;}
.main-menu03-wrapper li.ils01 .btn02 {width:70px;font-size: 14px;padding: 5px 0px;float:left;}

.main-menu03-wrapper li.ils01 .mask_img {opacity: 0.3;}
.main-menu03-wrapper li.ils01 .middle {opacity: 1;}

.main-menu03-wrapper li.ils01:hover .mask_img {opacity: 1;display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.main-menu03-wrapper li.ils01:hover .middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;width:100%;height:100%;margin: 0 auto;}


.main-menu03-wrapper li.ils02 {width:45.5%; height:100%; margin-right:3%; margin-bottom:3%; }
.main-menu03-wrapper li.ils02 dt {margin-top:20px;font-size:18px;}
.main-menu03-wrapper li.ils02 dd {font-size:14px; margin-bottom:10px}
.main-menu03-wrapper li.ils02 .cent{ width:140px;margin: 0 auto;}
.main-menu03-wrapper li.ils02 .btn01 {width:70px;
  font-size: 14px;padding: 5px 0px;float:left;}
.main-menu03-wrapper li.ils02 .btn02 {width:70px; font-size: 14px;padding: 5px 0px;float:left;}

.main-menu03-wrapper li.ils02 .mask_img {opacity: 0.3;}
.main-menu03-wrapper li.ils02 .middle {opacity: 1;}

.main-menu03-wrapper li.ils02:hover .mask_img {opacity: 1;display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.main-menu03-wrapper li.ils02:hover .middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;width:100%;height:100%;margin: 0 auto;}


.main-menu03-wrapper li.ils03 {width:45.5%; height:100%; margin-right:3%; margin-left:3%; margin-bottom:3%; margin-bottom:27px;}
.main-menu03-wrapper li.ils03 dt {margin-top:20px;font-size:18px;}
.main-menu03-wrapper li.ils03 dd {font-size:14px; margin-bottom:10px}
.main-menu03-wrapper li.ils03 .cent{ width:140px;margin: 0 auto;}
.main-menu03-wrapper li.ils03 .btn01 {width:70px;
  font-size: 14px;padding: 5px 0px;float:left;}
.main-menu03-wrapper li.ils03 .btn02 {width:70px; font-size: 14px;padding: 5px 0px;float:left;}

.main-menu03-wrapper li.ils03 .mask_img {opacity: 0.3;}
.main-menu03-wrapper li.ils03 .middle {opacity: 1;}

.main-menu03-wrapper li.ils03:hover .mask_img {opacity: 1;display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.main-menu03-wrapper li.ils03:hover .middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;width:100%;height:100%;margin: 0 auto;}


.main-menu03-wrapper li.ils04 {width:45.5%; height:100%; margin-right:3%; }
.main-menu03-wrapper li.ils04 dt {margin-top:20px;font-size:18px;}
.main-menu03-wrapper li.ils04 dd {font-size:14px; margin-bottom:10px}
.main-menu03-wrapper li.ils04 .cent{ width:140px;margin: 0 auto;}
.main-menu03-wrapper li.ils04 .btn01 {width:70px;
  font-size: 14px;padding: 5px 0px;float:left;}
.main-menu03-wrapper li.ils04 .btn02 {width:70px; font-size: 14px;padding: 5px 0px;float:left;}

.main-menu03-wrapper li.ils04 .mask_img {opacity: 0.3;}
.main-menu03-wrapper li.ils04 .middle {opacity: 1;}

.main-menu03-wrapper li.ils04:hover .mask_img {opacity: 1;display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.main-menu03-wrapper li.ils04:hover .middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;width:100%;height:100%;margin: 0 auto;}



/* section 04 */


.main-menu04-wrapper{position:relative;width:100%; height:200px; padding:0px 0;float:left;}
.main-menu04-wrapper .bottom_m {position:relative;width:100%;margin:0 auto;}

.main-menu04-wrapper .bottom_m .cont1 { display:none}
.main-menu04-wrapper .bottom_m .cont1 dt {font-size:24px;}

.main-menu04-wrapper .bottom_m .notice01 {position:relative;width:80%;float:left;box-sizing:border-box;float:left; margin-left:5%; height:250px;}
.main-menu04-wrapper .bottom_m .notice01 dt {font-size:24px;}
.main-menu04-wrapper .bottom_m .notice01 dd a {font-size:16px; line-height:26px;}


/* title */
.sub_title_box{position: relative; width:100%; margin: 0 auto; margin-bottom:25px; text-align:center; margin-top:55px;}
.sub_title_box p {letter-spacing:-0.1px}
.sub_title_box .title{font-size:24px; color:#393838;line-height:24px; font-weight:400; letter-spacing:-3px}
.sub_title_box .title a {color:#393838}
.sub_title_box .desc{margin-top:10px; font-weight:300 ;line-height:14px; font-size:16px; color:#666;letter-spacing:-0.5px}

.sub_title_box  .center_more{ display:none}





}

/* iPhone6/7/8 Plus  */
/*  iPhone6/7/8, iPhone X */
/*  GalaxyS5  */
@media all and (min-width:360px) and (max-width:414px) {

/* section 02 */

.main-menu02-wrapper {height:478px;}
.main-menu02-wrapper li.center01,
.main-menu02-wrapper li.center02,
.main-menu02-wrapper li.center03,
.main-menu02-wrapper li.center04,
.main-menu02-wrapper li.center05,
.main-menu02-wrapper li.center06 {height:150px; background-size:50%;}
.main-menu02-wrapper li.center01 dt,
.main-menu02-wrapper li.center02 dt,
.main-menu02-wrapper li.center03 dt,
.main-menu02-wrapper li.center04 dt,
.main-menu02-wrapper li.center05 dt,
.main-menu02-wrapper li.center06 dt {color:#fff; font-size:18px; line-height:18px; margin-top:20px; margin-left:9px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center01 dd,
.main-menu02-wrapper li.center02 dd,
.main-menu02-wrapper li.center03 dd,
.main-menu02-wrapper li.center04 dd,
.main-menu02-wrapper li.center05 dd,
.main-menu02-wrapper li.center06 dd {color:#fff; font-size:12px; line-height:12px; margin-top:8px; margin-left:9px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center01 .btn01 a,
.main-menu02-wrapper li.center02 .btn01 a,
.main-menu02-wrapper li.center03 .btn01 a,
.main-menu02-wrapper li.center05 .btn01 a,
.main-menu02-wrapper li.center06 .btn01 a{font-size:12px; width:70px; padding:2px 2px; margin-left:10px; margin-top:40px;}

.main-menu02-wrapper li.center04 .btn01 a{font-size:12px; width:70px; padding:2px 2px; margin-left:15px; margin-top:30px;}





/* section 04 */


.main-menu04-wrapper{position:relative;width:100%; height:200px; padding:0px 0;float:left;}
.main-menu04-wrapper .bottom_m {position:relative;width:100%;margin:0 auto;}

.main-menu04-wrapper .bottom_m .cont1 { display:none}
.main-menu04-wrapper .bottom_m .cont1 dt {font-size:24px;}

.main-menu04-wrapper .bottom_m .notice01 {position:relative;width:90%;float:left;box-sizing:border-box;float:left; margin-left:5%; height:250px;}
.main-menu04-wrapper .bottom_m .notice01 dt {font-size:24px;}
.main-menu04-wrapper .bottom_m .notice01 dd a {font-size:16px; line-height:26px;}

}


/*  iPhone5/SE  */
@media all and (max-width:320px) {
	
/* section 01 */
	
/* .main-menu01-wrapper li.infome01 dt {width:90px; font-size:17px; color:#fff; font-weight:500; padding-bottom:0px;text-align:left; float:left; line-height:40px; margin-left:5%;}
.main-menu01-wrapper li.infome02 dt {width:90px; font-size:17px; color:#fff; font-weight:500; margin-bottom:0px; text-align:left; float:left; line-height:40px; margin-left:5%;}
.main-menu01-wrapper li.infome03 dt {width:90px; font-size:17px; color:#fff; font-weight:500; padding-bottom:0px;text-align:left; float:left; line-height:40px; margin-left:5%;} */


.main-menu01-wrapper li.infome01 dt {width:90px; font-size:17px; font-weight:500; padding-bottom:0px;text-align:center; float:left; line-height:40px; margin-left:5%;}
.main-menu01-wrapper li.infome01 .cent {position:relative; width:180px; height:30px;margin: 0 auto;float:left; margin-left:10px;}
.main-menu01-wrapper li.infome01 .cent .btn01 a{font-size:14px;background:#fff; width:80px; color:#114692; padding:2px 2px; line-height:30px; float:left;border:#fff 1px solid; margin-right:5px;text-align:center; }
.main-menu01-wrapper li.infome01 .cent .btn02 a{font-size:14px;background:transparent; width:80px; color:#fff; padding:2px 2px; line-height:30px; float:left;border:#fff 1px solid;text-align:center; }
	
.main-menu01-wrapper li.infome02 dt {width:90px; font-size:17px; font-weight:500; margin-bottom:0px; text-align:center; float:left; line-height:40px; margin-left:5%;}
.main-menu01-wrapper li.infome02 .cent {position:relative; width:180px; height:30px;margin: 0 auto;float:left;}
.main-menu01-wrapper li.infome02 .cent .tel { color:#fff; font-size:26px; font-weight:700; line-height:40px; text-align:center}	
	
.main-menu01-wrapper li.infome03 dt {width:90px; font-size:17px; font-weight:500; padding-bottom:0px;text-align:center; float:left; line-height:40px; margin-left:5%;}
.main-menu01-wrapper li.infome03 .cent {position:relative; width:180px; height:30px;margin: 0 auto;float:left; margin-left:10px; }
.main-menu01-wrapper li.infome03 .cent .btn01 a{font-size:14px;background:#fff; width:80px; color:#3ab7b9; padding:2px 2px; line-height:30px; float:left;border:#fff 1px solid; margin-right:5px;text-align:center; }
.main-menu01-wrapper li.infome03 .cent .btn02 a{font-size:14px;background:transparent; width:80px; color:#fff; padding:2px 2px; line-height:30px; float:left;border:#fff 1px solid;text-align:center; }


/* section 02 */

.main-menu02-wrapper {height:455px;}
.main-menu02-wrapper li.center01,
.main-menu02-wrapper li.center02,
.main-menu02-wrapper li.center03,
.main-menu02-wrapper li.center04,
.main-menu02-wrapper li.center05,
.main-menu02-wrapper li.center06 {height:150px; background-size:50%;}
.main-menu02-wrapper li.center01 dt,
.main-menu02-wrapper li.center02 dt,
.main-menu02-wrapper li.center03 dt,
.main-menu02-wrapper li.center04 dt,
.main-menu02-wrapper li.center05 dt,
.main-menu02-wrapper li.center06 dt {color:#fff; font-size:14px; line-height:18px; margin-top:20px; margin-left:15px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center01 dd,
.main-menu02-wrapper li.center02 dd,
.main-menu02-wrapper li.center03 dd,
.main-menu02-wrapper li.center04 dd,
.main-menu02-wrapper li.center05 dd,
.main-menu02-wrapper li.center06 dd {color:#fff; font-size:10px; line-height:12px; margin-top:8px; margin-left:15px;letter-spacing:-0.5px}
.main-menu02-wrapper li.center01 .btn01 a,
.main-menu02-wrapper li.center02 .btn01 a,
.main-menu02-wrapper li.center03 .btn01 a,
.main-menu02-wrapper li.center05 .btn01 a,
.main-menu02-wrapper li.center06 .btn01 a{font-size:10px; width:70px; padding:0px 0px; margin-left:15px; margin-top:40px;}

.main-menu02-wrapper li.center04 .btn01 a{font-size:10px; width:70px; padding:0px 0px; margin-left:15px; margin-top:30px;}




/* section 04 */


.main-menu04-wrapper{position:relative;width:100%; height:200px; padding:0px 0;float:left;}
.main-menu04-wrapper .bottom_m {position:relative;width:100%;margin:0 auto;}

.main-menu04-wrapper .bottom_m .cont1 { display:none}
.main-menu04-wrapper .bottom_m .cont1 dt {font-size:24px;}

.main-menu04-wrapper .bottom_m .notice01 {position:relative;width:90%;float:left;box-sizing:border-box;float:left; margin-left:5%; height:250px;}
.main-menu04-wrapper .bottom_m .notice01 dt {font-size:24px;}
.main-menu04-wrapper .bottom_m .notice01 dd a {font-size:16px; line-height:26px;}

	
}