@charset "utf-8";

br.mo{ display: none;}
b.pc_show{display:inline-block;}
b.m_show{display:none;}
/* .sub-con .wrap{ max-width: 1180px; margin: 0 auto;} */

.sub-header{position:relative; box-sizing:border-box;}
.sub-header > .wrap{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.sub-header .hd-tit{ display: block; font-size:45px; font-weight:bold;  color:#000; text-align:center; line-height:1;}
.sub-header .hd-tit .mon-font{color:#000;}
.sub-header .hd-stit{ display: block; font-size:32px;  color:#000; text-align:center; margin-top:20px;}
.sub-header .hd-stit .mon-font{color:#000;}


.s-eng { display: block; font-family: 'Montserrat'; font-size: 22px; font-weight: 700; color: #e14532; text-align: center; padding-bottom: 20px; margin:0 auto;} 
.s-tit{ display: block; font-weight: bold; font-size: 40px; text-align: center; line-height:1; margin:100px auto 65px;}
.s-txt{ display: block; font-size: 20px; color: #666; text-align: center; padding-top: 30px;}

/* 서브페이지 내에 서브메뉴 */
/*.book-mark{ height: 60px; border-bottom: 1px solid #f2f2f2; margin-bottom: 100px; border-top: 1px solid #f2f2f2;}
.book-mark .wrap{ display: flex; align-items: center;}
.book-mark .home{ width: 60px; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; box-sizing: border-box;}
.book-mark .home a{ display: block; padding: 20px 0; text-align: center;}
.book-mark .menu{ width: 350px; position: relative; cursor: pointer;}
.book-mark .menu h4{ display: block; line-height: 60px; font-weight: 500; font-size: 16px; letter-spacing: -1px; color: #666; text-align: left; padding-left: 30px; box-sizing: border-box;}
 .book-mark .menu h4 img{ display: inline-block; position: absolute; right: 20px; top: 50%; margin-top: -8px;}

.book-mark .menu ul li{ height: 60px;}
.book-mark .menu ul li > a{ display: block; line-height: 60px; color: #666; font-size: 16px; text-align: left; padding-left: 30px;}
.book-mark ul{ width: 100%; background-color: #f6f6f6; position: absolute; left: 0; top: 60px; z-index: 10; display: none;} 

.book-mark .left{ position: relative;}
.book-mark .left h4{ background: url(../image/sub/left_arrow.png) right 30px center no-repeat;}
.book-mark .left h4 span{ color: inherit;}
.book-mark .left ul{} 

.book-mark .right{ background-color: #eb2e2e;}
.book-mark .right h4{ color: #fff; background: url(../image/sub/right_arrow.png) right 30px center no-repeat;}
.book-mark .right h4 span{ color: inherit;}
.book-mark .right ul{} */


/* 활성화 */ 
/*
.book-mark .left.on h4{ background: url(../image/sub/left_arrow_on.png) right 30px center no-repeat;}
.book-mark .right.on h4{ background: url(../image/sub/right_arrow_on.png) right 30px center no-repeat;}
.book-mark div ul li > a:hover{ background-color: #eb2e2e; color: #fff; font-weight: bold;}
.book-mark div ul li > a:hover .mon-font{ background-color: #eb2e2e; color: #fff; font-weight: bold;}
*/
/* 서브페이지 해당 문의 모달 */
.modal-bg{position:absolute; width:100%; height:100vh; background:rgba(0, 0, 0, 0.7); top:0; left:0; z-index:999;overflow: hidden; position: fixed; display:none;}
.modal-wrap{display:none;}
.modal-close{width:80px;height:80px; position:absolute; background:#e14532; left:75.95%; z-index:9999; top:15%; transform:translate(-50%, -50%); box-sizing:border-box; padding:19px;}
.modal-content{position:absolute; width:500px; height:400px; text-align:center; background:#fff; left:65%; top:40%; transform:translate(-50%, -50%); z-index:9999; box-sizing:border-box; border:10px solid #e14532; padding:75px 55px;}
.modal-content img{margin-top:10px;}
.modal-content p{font-size:28px; margin-top:30px; line-height:1.3;}
.modal-content p span{font-weight:bold;}

/* sub common */
.common{ padding-bottom: 200px; margin-top:100px;}
.common .img-wrap{ width: 50%; height: 500px;background-size: cover;}
.common .txt-wrap{ width: 589px; height: 500px; padding: 90px 0 0 85px; box-sizing: border-box; position: relative;}
.common .txt-wrap h6{ font-size: 20px; line-height: 1.6; text-align: justify; word-break: keep-all; letter-spacing: -1px; font-weight:550;}
.common .txt-wrap p{ font-size: 18px; line-height: 1.6; text-align: justify; word-break: keep-all; letter-spacing: -1px;}
.common .txt-wrap p span{ font-weight: 500;}
.common .btn { position: absolute; right: 0; bottom: 0;}
.common .btn .color{ display: block; width: 190px; height: 52px; background: #e14532 url(../image/sub/ico_contact.png) right 30px center no-repeat;}
.common .btn .color a{ display: block; width: 100%; height: 100%; padding: 17px 0 0 30px; box-sizing: border-box; color: #fff; font-size: 16px; text-align: left;}

.s0201 .img-wrap{ background: url(../image/sub/s0201_img1.jpg) no-repeat;}
.s0202 .img-wrap{ background: url(../image/sub/s0202_img1.jpg) no-repeat;}
.s0203 .img-wrap{ background: url(../image/sub/s0203_img1.jpg) no-repeat;}
.s0204 .img-wrap{ background: url(../image/sub/s0204_img1.jpg) no-repeat;}


.s0105{}
.s0105 .wrap{ text-align: center; padding: 60px 0 120px;}
.s0105 .bi-img{ height: 295px; background: url(../image/sub/s0105_img1.png) center no-repeat; margin:10px auto 30px;}

.s0105 p{ font-size: 18px; line-height: 1.6; padding: 30px 0;}
.s0105 ul{ display: flex; justify-content: center}
.s0105 ul li{ width: 200px; height: 45px; border-radius: 30px; border:  1px solid #bbb;}
.s0105 ul li+li{ margin-left: 10px;}
.s0105 ul li a{ display: block; font-size: 16px; line-height: 45px; padding-right: 20px; background: url(../image/sub/ico_down.png) right 20px center no-repeat;}

.s0105 ul li:hover{ background-color: #eb2e2e; border: 1px solid #eb2e2e;}
.s0105 ul li:hover a{ color: #fff; background: url(../image/sub/ico_down_on.png) right 20px center no-repeat;}

.s0105 .downWrap{display:flex; justify-content:space-between; margin-top:70px; width:430px; margin:0 auto;}
.s0105 .downWrap > a{width:200px; height:45px; line-height:45px; box-sizing:border-box; padding:0 40px 0 30px; background-color:#3e3e3e; color:#fff; font-size:16px; background-image:url(../image/main/sec07_ico01.png); background-position: 90% center; background-repeat:no-repeat;}
.s0105 .downWrap > a span{color:#fff;}


.s0402{}
.s0402 .wrap{ padding: 60px 0 120px;}
.s0402 ul{display:flex; width:560px; margin:0 auto; justify-content:space-between;align-items: center; margin-bottom:40px;}
.s0402 li{color:#000; display:inline-block;}
.s0402 li:nth-of-type(1){font-weight:bold; font-size:22px; margin-right:20px;}
.s0402 li:nth-of-type(2){font-size:18px;}
.s0402 li:nth-of-type(2) span{font-size:18px; color:#eb2e2e; font-weight:bold; margin-right:20px;}





.subConWrap{box-sizing:Border-box; padding:100px 0;}
.subConWrap .wrap{width:1200px; display:block; margin:0 auto;}


/* .s0101{}
.s0101 .con01{display:flex; width:100%; justify-content:space-between;}
.s0101 .con01 img, .s0101 .con01 > div{width:580px;}
.s0101 .con01 > div h1{color:#222222; font-size:40px; font-weight:bold; line-height:50px;}
.s0101 .con01 > div h1 span{color:#d60011;}
.s0101 .con01 > div p{width:100%; font-size:20px; line-height:30px; color:#222222; letter-spacing: -1.2px; text-align: justify; overflow-wrap: break-word; word-break: keep-all; margin-top:35px;} */

.s0103{}
.s0103 .wrap{}
.s0103 .wrap > p{font-size:22px; font-weight:bold; color:#222222;}
.s0103 .wrap > span{display:block; font-size:20px; font-weight:normal; color:#666666; margin:15px 0 35px; line-height:170%;}
.s0103 .wrap > img + p{margin-top:80px;}
.s0103 .wrap > ul{display:flex; justify-content:center; margin-top:40px; gap:9px;}
/*.s0103 .wrap > ul li{width:230px; line-height:50px; height:50px; box-sizing:border-box; background:#fff; border:1px solid #ddd; margin-right:12.5px}*/
/*.s0103 .wrap > ul li a{display:block; text-align:center; font-size:20px;line-height:50px;}*/
/*.s0103 .wrap > ul li + li{margin-left:12.5px; margin-right:0}*/



@media ( max-width: 780px ) {

	 html, body{
	  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
	  -ms-text-size-adjust : none;  /* IE */
	  -moz-text-size-adjust : none;  /* 파이어폭스 */
	  -o-text-size-adjust : none;  /* 오페라 구버전 */
	}

    br.pc{ display: none;}
    br.mo{ display: block;}
	b.pc_show{display:none;}
	b.m_show{display:inline-block;}
    .sub-con .wrap{ padding: 0 40px;}
    .s-tit{ font-size: 52px;}
    .s-txt{ font-size: 30px; }
	
	.m_show .sub-header{position:relative;}
	.m_show .sub-header > div{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.sub-header{margin-top:20px;}
	.sub-header .hd-tit{padding-top:0}

	.subConWrap .wrap{width:670px;}

	.s0101{}
	.s0101 .con01{display:flex; width:100%; justify-content:flex-start; flex-direction:column;}
	.s0101 .con01 img, .s0101 .con01 > div{width:auto;}
	.s0101 .con01 > div h1{color:#222222; font-size:45px; font-weight:bold; line-height:50px; margin:50px 0 40px;}
	.s0101 .con01 > div h1 span{color:#d60011;}
	.s0101 .con01 > div p{width:676px; font-size:30px; line-height:42px; color:#222222; letter-spacing: -1.5px; text-align: justify; overflow-wrap: break-word; word-break: break-word; margin-top:35px;}

	.s0103{}
	.s0103 .wrap{}
	.s0103 .wrap > p{font-size:40px; font-weight:bold; color:#222222;}
	.s0103 .wrap > span{font-size:22px; color:#222222; margin:15px 0 30px; display:block; line-height:40px; word-break:keep-all;}
/*	.s0103 .wrap > ul li{width:260px; line-height:60px; height:60px;}*/
/*	.s0103 .wrap > ul li a{font-size:30px; line-height:60px; }*/



    .s0105{}
    .s0105 .wrap{ padding-top: 50px; padding-bottom: 120px;}
    .s0105 p{ font-size: 28px; line-height: 1.6; text-align: justify; word-break: keep-all; letter-spacing: -2.5px; padding: 50px 0;}
    .s0105 .bi-img{ height: 392px; background: url(../image/m_sub/m_s0105_img.jpg) center no-repeat; background-size: contain;}

    .s0105 ul li{ width: 300px; height: 80px; border-radius: 50px;}
    .s0105 ul li a{ font-size: 28px; line-height: 80px; padding-right: 20px; background: url(../image/m_sub/ico_down.png) right 20px center no-repeat;}
    .s0105 ul li:last-child a{ padding-right: 33px; background: url(../image/m_sub/ico_down.png) right 17px center no-repeat;}

    .s0105 ul li:hover{ background-color: #fff; border: 1px solid #bbb;}
    .s0105 ul li:hover a{ color: #000; background-image: url(../image/m_sub/ico_down.png);}

    
    .s0402 .wrap{ padding-top: 50px; padding-bottom: 120px;}
    .s0402 .tabs ul li a{ line-height: 1.3; font-size: 28px; }
    .s0402 .tabs ul li{ padding: 10px 0;}

    .s0402 .tab-box{ display: none;}
    .s0402 .tab-box p{ font-size: 28px; text-align: left; letter-spacing: -2.5px;}
    .s0402 .tab-box p+p{ margin-top: 20px;}
    .s0402 .tab-box p strong{ font-size: 32px; display: block;}
    .s0402 .tab-box p .color{ padding: 0 20px 0 0;}
    .s0402 .tab-box p .add{ padding-right: 0;}
    .s0402 .tab-box .map{ height: 350px;}


    /* 서브페이지 내에 서브메뉴 */
    .book-mark{ height: 100px; border-top: 0; border-bottom: 0; margin-bottom: 120px;}
    .book-mark .wrap{ padding: 0; height: 100%;}
    .book-mark .home{ display: none;}
    .book-mark .menu{ width: 50%; height: 100%; position: relative; cursor: pointer;}
    .book-mark .menu h4{ height: 100%; line-height: 100px; font-size: 28px; padding-left: 40px;}

    .book-mark .menu ul li{ height: 100%;}
    .book-mark .menu ul li > a{ line-height: 100px; color: #666; font-size: 28px; padding-left: 40px;}
    .book-mark ul{ width: 100%; background-color: #fff; position: absolute; left: 0; top: 100px; z-index: 10; display: none; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} 

    .book-mark .left h4{ border-bottom: 1px solid #ddd; background: url(../image/m_sub/m_left_arrow.png) right 30px center no-repeat;}
    .book-mark .right h4{ color: #fff; background: url(../image/m_sub/m_right_arrow.png) right 30px center no-repeat;}



/* 활성화 */ 
.book-mark .left.on h4{ background: url(../image/m_sub/m_left_arrow_on.png) right 30px center no-repeat;}
.book-mark .right.on h4{ background: url(../image/m_sub/m_right_arrow_on.png) right 30px center no-repeat;}
.book-mark div ul li > a:hover{ background-color: #eb2e2e; color: #fff; font-weight: bold;}


.s0402 ul{display:flex; flex-wrap:wrap; align-items: flex-start; justify-content: flex-start; width:100%;}
.s0402 li{color:#000; line-height:1.3;}
.s0402 li:nth-of-type(1){font-weight:bold; font-size:32px;width:100%; margin-bottom:5px;}
.s0402 li:nth-of-type(2){font-size:28px; display:inline-block;}
.s0402 li:nth-of-type(2) span{color:#eb2e2e; font-weight:bold; margin-right:20px; font-size:28px;}
.s0402 li:nth-of-type(3){font-size:28px; width:75%;}

    


}