/* 공통 */
.sub_con {width: 100%; margin:0 auto ; position: relative; padding:0 15px; }
.s_title h2 {font-size:13px; font-weight: 800; letter-spacing: 4px; color:#e73b32; font-family: 'NanumSquare',sans-serif;}
.s_title h1 {font-size:24px; font-weight: 400; color:#000; font-family: 'NanumSquare',sans-serif; margin-top:15px; line-height:35px; }
.s_title h1 b {font-weight: 800; }
.s_title p { font-size: 14px; font-weight: 400; color: #333; line-height: 26px; margin-top:20px; font-family: 'NanumSquare',sans-serif; word-break: keep-all;}

/*Content CSS*/
#interior {padding:40px 0 0; overflow: hidden; text-align: center; }
#interior .s_title {margin-bottom:50px;}

.btn_wr {margin-bottom:60px;}
.tab_btn {display: flex; flex-direction: column; align-items: center; }
.tab_btn li {margin-bottom: 10px; width: 100%; max-width: 480px;}
.tab_btn li:last-child {margin-bottom: 0;}
.tab_btn li a {display: flex; align-items: center ;justify-content: center; width: 100%; height: 60px; border-radius: 5px; transition: all .3s ease; background-color: #f5f5f5;
font-size:14px; font-weight:500; color:#000;  font-family: 'Montserrat'; }
.tab_btn li a span {font-size:18px; color:#e73b32; margin-right: 10px; transition: all .3s ease; font-weight: 800; }
.tab_btn li a:active {background-color: #fdefef; }
.tab_btn li a.active { background-image: linear-gradient(to left, #ff7044, #e73b32); color:#fff; }
.tab_btn li a.active span {color:#fff; }
.tab_btn li a.active:active {background-color: #e73b32;}

/* section */
.section .top {width: 100%; position: relative; z-index: 1; height: 150px; text-align: center; padding:0 0; display: flex; align-items: center ;justify-content: center; }
.section .top h1 {font-size:35px; font-weight: 800; color:#fff; font-family: 'Montserrat'; line-height: 35px;}
.section .w_box {background-color: #fff; padding:40px 15px; position: relative; z-index: 2; margin-top: -0;}

.section .img {text-align: center; margin-bottom: 70px; text-align: center; background-color: #fff;  }
.section .title {padding-bottom:25px; border-bottom: 1px solid #ddd; position: relative; text-align: left; }
.section .title::before {content: ''; display: block; width: 100px; height: 2px; background-color: #e73b32; position: absolute; left: 0; bottom: -1px; }
.section .title h1 {font-size:18px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif; margin-top: 10px;}
.section .title h2 {font-size:14px; font-weight: 800; letter-spacing: 3px; color:#e73b32; font-family: 'NanumSquare',sans-serif; }
.section .title h3 {font-size:13px; font-weight: 400; color:#000; font-family: 'NanumSquare',sans-serif; ; line-height: 24px; margin-top:10px; word-break: keep-all; }
.section .list {margin-top: 30px ; text-align: left; }
.section .list li {margin-bottom:25px }
.section .list li span {display: flex; align-items: center; justify-content: center; width:100px; height: 30px; text-align: center;
background:#333; color: #fff; font-size: 13px; font-weight:400; margin-bottom: 5px; border-radius: 3px;}
.section .list li p {font-size:13px; font-weight: 300; color:#333; padding:2px 0 0; line-height: 24px ; word-break: keep-all;letter-spacing: -.5px; }

.section .img_list {display: flex; flex-wrap:wrap;  margin-top: 40px; }
.section .img_list li {width: calc(50% - 5px); }
.section .img_list li:nth-child(odd) {margin-right: 10px; }
.section .img_list li:nth-child(n+3) {margin-top: 10px; }
.section .img_list li a {position: relative; display: block; width:100%; }
.section .img_list li a > img {width: 100%; }
.section .img_list li a .cover {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
background-image: linear-gradient(-45deg, rgba(255,112,68,.8), rgba(231,59,50,.8)); opacity: 0; transition:opacity .3s ease; }
.section .img_list li a .cover .plus {width: 55px; height: 55px; display: flex; align-items: center ;justify-content: center; background-color: #fff; border-radius: 50%; transition: all .3s ease; }
.section .img_list li a:active .cover {opacity: 1; }
.section .img_list li a:active .cover .plus {transform: rotate(90deg);}

.section .bullet_list {margin-top: 30px; }
.section .bullet_list li {position: relative; padding-left: 10px; font-size:13px; font-weight: 300; line-height: 24px; color:#333; text-align: left; margin-bottom: 15px; }
.section .bullet_list li:last-child {margin-bottom: 0; }
.section .bullet_list li::before {content: ''; display: block; width: 3px; height: 3px; background-color: #e73c32; position: absolute; left:0; top:9px; }

/* section 1 */
#int_sec1 .top {background: url('../img/int_s1_top.jpg') 20% 50% no-repeat; background-size:cover; }
#int_sec1 .top::before {content: ''; display: block; width: 3px; height:50px; background-color: #e73c32 ; position: absolute; top: -25px; left:50%; transform:translateX(-50%);}
#int_sec1 .top h1 {color:#e73b32; }

/* section 2*/
#int_sec2 .top {background: url('../img/int_s2_top.jpg') 50% 50% no-repeat; background-size:cover; }

/* section 3 */
#int_sec3 .top {background: url('../img/int_s3_top.jpg') 60% 50% no-repeat; background-size:cover; }

/* 0831추가 */
.section .w_box .info-area + .info-area {margin-top: 40px;}
/* section1-1 */
#int_sec1-1 .top {background: url('../img/int_s1-1_top.jpg') 50% 50% no-repeat; background-size:cover; }




@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}