@charset "euc-kr";

/**** main *****/
#wrapper {
	position:relative;
	width:100%;
	margin:0 auto;
}
#header_gide {
	position:relative;
	margin:0 auto;
	background: url('../images/header/header_bg.jpg') no-repeat top center;
	width:100%;
}

#header_gide .utilCont{position:absolute; top:50%; right:0; transform: translateY(calc(-50% + 0.5px));}
#header_gide .utilCont .utilCont_btn{position: absolute; top:175px; left:50%;margin-left: -196px; width: 333px; height: 52px; display: block;}
#header_gide .utilCont .utilCont_btn .arrow_icon{margin-top:20px; margin-left:220px;}
#header_gide .utilCont .utilCont_btn:hover .arrow_icon{animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate backwards;}

#header_gide .utilMenu{position: absolute; bottom:44px; right:13px; width:75%; display: flex;justify-content: space-between;flex-wrap: wrap;}
#header_gide .utilMenu li{width: 50%; margin-bottom:21px;}
#header_gide .utilMenu li a{font-size: 18px; font-weight: 400; color:#666666; transition:all 0.3s;}
#header_gide .utilMenu li:hover a{color:#000; font-weight: 600;}

#container { position:relative; width:1024px;margin:0 auto;}
.abs{position: absolute;}
.rel{position: relative;}

/* Å« ÅÇ */
.big_tab_bg{background:#312b25;  margin:0 auto; width:100%;}
.big_tab{display: flex; margin:0 auto; width: 1024px;  justify-content: space-between; background:#312b25; }
.big_tab li{width: 25%; text-align:center; display: flex; align-items: center;}

.big_tab li a{width: 100%;display: block; color:#fff; padding:30px 0; }
.big_tab li a strong{font-size: 22px;  line-height:1.2;}
.big_tab li a span{font-size: 16px; display: block; margin-top: 15px; color:#999999; transition:all 0.3s;}

/* Ŭ¸¯ÇßÀ»½Ã */
.big_tab li.tabOn{background: #171515;}
.big_tab li.tabOn strong{color:#cb133a;}

/* ÀÛÀº ÅÇ */
.sm_tab_bg{background: #171515;width: 100%; margin:0 auto;}
.sm_tab{width: 1024px;  margin:0 auto; background:#171515; padding:20px 0; overflow:hidden;}
.sm_tab li{float:left; position: relative; margin-right: 30px;}
.sm_tab li:after{content:''; width:2px; height:12px; background:#ccc; position:absolute; top:7px; right:-20px;}
.sm_tab li:last-child{margin-right:0px;}
.sm_tab li:last-child:after{width: 0; height: 0;}
.sm_tab li a{display: block; color:#fff; font-weight: 300; font-size: 16px;}

/* Ŭ¸¯ÇßÀ»½Ã */
.sm_tab li.tabOn a{font-weight: 600;}
.sm_cont{display: block;padding-top:110px;}}

/* ½ºÅ©·ÑÇßÀ»½Ã */
.big_tab_bg_wrap{position: relative; width:100%; margin:0 auto; }
.big_tab_bg_wrap.fixed:after{content:''; width: 100%;  height:128px;  margin: 0 auto; display: block;}
.big_tab_bg_wrap.fixed .big_tab_bg {position:fixed; top:0; left:50%; transform: translateX(-50%); z-index: 99;}
.big_tab_bg_wrap.fixed .sm_tab_bg {position: fixed; top:66px; left:50%; transform: translateX(-50%); z-index: 99;}

.big_tab_bg_wrap.fixed .big_tab_bg:after{display:block; content:""; }
.big_tab_bg_wrap.fixed .sm_tab_bg:after{display:block; content:""; } 

.big_tab_bg_wrap.fixed .big_tab_bg .big_tab li{display: flex; flex-wrap: wrap; align-content: center;}
.big_tab_bg_wrap.fixed .big_tab_bg .big_tab li a{padding:20px 0; display: block; }
.big_tab_bg_wrap.fixed .big_tab_bg .big_tab li span {display:none;}

.big_tab_bg.fixed .big_tab li{padding:20px 0; display: flex; align-items: center; } 



@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}
/* ´ëÁ¦¸ñ */
.titleArea h2{font-size:34px; font-weight: 600; color:#111111; text-align:left; position: relative;}
.titleArea h2::before{content:''; position:absolute; top:-10px; left:0; width:40px; height:4px; background:#cb133a;}
.titleArea p{font-size: 18px; color: #666; line-height: 1.5; font-weight: 400; letter-spacing: -1px; margin-top: 15px; }
.titleArea p strong{font-weight: 600; color:#333;}
.titleArea span{ color:#ff0000;}

/* ¼ÒÁ¦¸ñ */
.titleSmArea h3{color:#333; font-weight: 600; font-size: 24px; position: relative; margin-left:31px;}
.titleSmArea h3::before{content:''; position:absolute; top:11px; left:-31px; width:6px; height:6px; border-radius:50%; border:6px solid #cb133a;}
.titleSmArea p{color:#666; font-weight: 400; font-size: 16px; letter-spacing: -1px;}
.titleSmArea p strong{font-weight: 600; color:#333;}
.titleSmArea p span{color:#ff0000;}
.titleSmArea span{color:#999999; font-size: 16px;}

/* table */
table{width:100%; border-top:2px solid #333; font-weight: 400;text-align:center; }
table th{padding:15px 0; color:#333; background: #f6f6f6; font-size: 16px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
table td{padding:15px 0; color:#666; font-size: 16px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
table th:first-child, table td:first-child{border-left:0; }
table .point{background:#fdf7ed;}
table td strong{color:#333; font-weight: 600;}
table td span{color:#ff0000;}
.tableNotice{font-size:14px; color:#999; text-align:left; }

/* imgList */
.imgList{display: flex;  justify-content: space-between; width:100%; flex-wrap: wrap;}
.imgList span{font-weight: 600; font-size: 24px; color:#333; text-align:center; display: block; margin-top: 15px;}
.imgList p{text-align:center; font-size:14px; color:#666; margin-top: 5px;}

/* btns */
.btns{width:60%; margin:0 auto;}
.btns li{width: 48%;}
.btns a{display: block;	width: 100%; background: #cb133a; color:#fff; padding:25px 0; text-align:center; font-size: 16px;}
.btn01 a:focus, .btn01 a:visited, .btns a:focus, .btns a:visited{color:#fff;}
.btn01 a{display: block; width: 350px; height: 80px; line-height:80px; font-weight: 600;color:#fff; text-align:center; font-size: 20px;background: #cb133a; margin:0 auto; }

/* suhum_01.html */
.mySwiperCnt01{width:80%; top:180px; left:50%; transform: translateX(-50%);}
.mySwiperCnt01 .swiper-slide{text-align:center; margin:0 auto;}
.mySwiperCnt01 .swiper-slide h3{font-weight:600; color:#333; font-size: 18px; margin-top: 15px;}
.mySwiperCnt01 .swiper-slide p{font-weight:300; color:#666; font-size: 13px; line-height:1.8;}

/* suhum_02.html */
.TitBox{width:324px;}
.TitBox div:first-child{width:100%; padding:18px 0; box-sizing:border-box; color:#fff; text-align:center; background: #333; font-size:24px;}
.TitBox div:last-child{width: 100%; height: 160px; background: #f6f6f6; border-radius: 0 0 30px 0; padding: 24px 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center;  flex-wrap: wrap;}
.TitBox div:last-child p{font-size:20px; color:#666; text-align:center; font-weight: 400;}
.TitBox div:last-child a{display: block; width:170px; height:40px; background:#cb133a; margin:0 auto; color:#fff; font-size:18px; font-weight: 600; text-align:center; line-height:40px;}
.listTxt li{font-size: 16px; color:#666; line-height:1.5;position: relative; margin-left:10px; letter-spacing:-1px;}
.listTxt li span{color:#ff0000;}
.listTxt li strong{color:#333; font-weight: 600;}
.listTxt li:before{content:'';width:3px; height:3px; background:#666; border-radius:50%; top:10px; left:-10px; position: absolute;}
.listTxtBox{background: #f6f6f6; padding:30px 20px; box-sizing:border-box;}
.listTxtBox li{font-size: 16px; color:#666; line-height:1.5; text-indent: -17px; margin-left:17px; text-align: justify; letter-spacing:-1px;}

/* suhum_03.html */

/* ½½¶óÀÌµå ½æ³×ÀÏ */
.sliderThumb{width:100%; margin:0 auto; padding: 10px 0; box-sizing: border-box;}
.sliderThumb .swiper-slide{text-align:center; margin:0 auto;}

.sliderThumb .swiper-slide .thumb{width:140px; height:140px; border-radius:50%; background:#fff; text-align:center; display: flex; flex-direction: column; justify-content: center; cursor:pointer;}
.sliderThumb .swiper-slide .thumb h3{font-size: 22px; font-weight: 600;}
.sliderThumb .swiper-slide .thumb p{font-size: 18px; font-weight: 300;}

.sliderThumb .swiper-slide-thumb-active .thumb{background:#cb133a; box-shadow: 6px 5px 10px rgb(0 0 0 / 21%);}
.sliderThumb .swiper-slide-thumb-active .thumb h3{font-size: 22px; font-weight: 600; color:#fff;}
.sliderThumb .swiper-slide-thumb-active .thumb p{font-size: 18px; font-weight: 300; color:#fff;}

/* ±³¼ö´Ô ½½¶óÀ̵å */
.sliderBig {width:100%; background:url('../images/suhum03/proBg.jpg') no-repeat center center; padding-top:30px;}
.sliderBig .swiper-wrapper{width: 1024px; margin:0 auto; position: relative;}
.sliderBig .swiper-wrapper .swiper-slide{overflow:hidden;}
.proCont{position: absolute; top:155px; left:489px; width: 525px; }
.proBtn{width: 360px; height: 80px; display: block; margin-top: 46px; text-indent:-999em;}

/* suhum_04.html */
.Table02, .Table03{text-align:left;}
.Table02 td, .Table03 td{ border-left:0;}
.Table02 td:first-child, .Table03 td:first-child{color:#e59001; font-size:16px; letter-spacing:-1px; text-align:center; width:5%; font-weight: 600;}
.Table02 td:last-child, .Table03 td:last-child{font-size:16px; letter-spacing:-1px; width:95%; padding:20px; box-sizing:border-box;}
/*.Table02 tr:nth-child(odd) td:first-child, .Table03 tr:nth-child(odd) td:first-child{border-bottom:0;}*/
/*.Table02 tr:last-child td{background:#f6f6f6;}*/
.Table03 tr:last-child td{background: none;}