@charset "utf-8";
.wrap {position:relative; width:100%; margin:0 auto; font-size:15px; font-size:1.5rem; font-weight:500;}

img {width:100%;}

/* text */
.tit01,
.tit02,
.txt01,
.txt03,
.txt04,
.txt05 {margin:0; word-break:keep-all;}
.txt01,
.txt02 {word-break:keep-all;}

.tit01 {margin:0; font-size:30px; font-size:3.0rem; color:#222; font-weight:600;}
.tit01.titSpace01 {padding-top:20px; margin-bottom:15px; line-height:130%}
.tit01.titSpace02 {padding-top:22px; line-height:130%}
.tit02 {font-weight:600; font-size:22px; font-size:2.2rem; color:#252525;}
.tit02.titSpace01 {margin:38px 0 5px;}
.tit03 {font-weight:500; font-size:18px; font-size:1.8rem;}
.tit04 {line-height:130%; padding:32px 0 0; margin:0; font-size:25px; font-size:2.5rem; color:#222;}
.tit05 {margin:0; font-weight:600; font-size:19px; font-size:1.9rem; color:#222;}
.tit05.titSpace01 {padding-top:20px; line-height:130%}
.tit06 {margin:0; font-size:28px; font-size:2.8rem; color:#222; font-weight:600;}
.tit07 {margin:12px 0 0 0; font-weight:500; font-size:16px; font-size:1.6rem; font-weight:600;}
.tit08 {margin:8px 0 0 0; font-weight:500; font-size:15px; font-size:1.5rem; font-weight:600; color:#464646;}

.txt01 {font-weight:300; font-size:16px; font-size:1.6rem; line-height:160%; color:#464646; letter-spacing:1px;}
.txt01.txtSpace01 {margin:20px 0 29.5px;}
.txt01.txtSpace02 {margin:30px 0;}
.txt01.txtSpace03 {margin:20px 0;}
.txt01.txtSpace04 {margin:10px 0 30px;}
.txt02 {font-size:13px; font-size:1.3rem; font-weight:300; line-height:138%; color:#555;}
.txt03 {font-size:15px; font-size:1.5rem; font-weight:500;}
.txt04 {font-size:11px; font-size:1.1rem; font-weight:400; opacity:.4;}
.txt05 {font-size:16px; font-size:1.6rem; font-weight:300; line-height:138%; color:#464646;}
.txt06 {font-size:13px; font-size:1.3rem; font-weight:400; line-height:138%; color:rgba(0, 0, 0, .85); word-break:keep-all;}

.fontEn01 {font-family:'samsharp';}

.fontM {font-weight:500;}
.txtC {text-align:center;}
.bottom {height:27px;}
.bottom02 {height:35px;}
.bottom03 {height:34px;}
.bottom04 {height:22px;}

.gray {background:#fafafa;}
.bgWhite {background:#fff;}

.txtGray {color:#7f7f7f;}
.txtGray02 {color:#464646;}

.imgW01 {margin:0 -24px;}
.imgW01 img {width:100%;}

/* display */
.disBlock {display:block;}
.disInBlock {display:inline-block;}
.disFlex {display:flex;}

/* line-height */
.lineH133 {line-height:133%;}

/* header */
.headNav {position:relative;}
.headNav:after {content:''; display:block; width:100%; height:1px; background:#e6e6e6;}
.headNav .tit03 {padding:25px 0 22px; margin:0;}
.headNav .backBtn {display:inline-block; position:absolute; top:10px; left:-15px; width:10.75px; height:18px; padding:15px; background:url('../img/icoBack.png') no-repeat center;  background-size:10.75px; text-indent:-99999px; z-index:100;}
.headNav .backBtn.white {background-image:url('../img/icoBack_W.png');}
.headNav.detailHead {position:absolute; top:0; right:24px; left:24px; z-index:20;}
.headNav.detailHead:after {display:none;}
.headNav.detailHead .tit03 {color:#fff; text-align:right;}
.headNav.detailHead .tit03 a {color:#fff; text-decoration:none;}
.headNav.detailHead .tit03 .txtWhite {color:#fff; text-shadow:2px 2px 1px #1d1d1d;}
.headNav.detailHead .tit03 .txtPurple {color:#c34faa; text-shadow: 1px 2px 0px #fff;}

/* main배너영역Slide */
.slideW .bx-wrapper {margin:0 0 0 -10px;}
.slideW .mainSlide li {width:100%;}
.slideW .bx-wrapper .bx-pager {position:absolute; bottom:10px; padding-top:0;}
.slideW .bx-wrapper .bx-pager.container {padding:0;}
.slideW .bx-wrapper .bx-pager.bx-default-pager a {width:8px; height:8px; background:#eeeeee; opacity:0.2;}
.slideW .bx-wrapper .bx-pager.bx-default-pager a.active, .slideW .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff;  opacity:1;}
/* list swiper slide */
.subSlide .swiper-wrapper {transition-timing-function:cubic-bezier(0.21, 0.67, 0.7, 1.05);}

/* main전체보기 */
.subSlide {padding-top:15px;}
.subSlide ul {padding:0; margin-top:0; list-style:none;}
.scrollinfinite {overflow:hidden;}

/* video */
.videoW {position:relative; width: calc(100% + 48px); height:0; margin-left:-24px; padding-bottom: 56.25%; padding-top:25px; }
.videoW iframe {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer;}
.videoW.w100 {padding-top:0; margin-left:0;}

/* content */
.topBannerW {position:relative;}
.contPosin {position:relative; margin-top:-30px; border-top-left-radius:24px; border-top-right-radius:24px; box-sizing:border-box;}
.contW {padding:0 25px;}
.contW a {text-decoration:none; color:#000;}
.subCont {padding:0 25px; margin:0 -25px;}

.grayLinkW {display:flex; padding:27px; align-items:center; height:80.5px; border-radius:22px; background:#ededed; box-sizing:border-box;}
.grayLinkW .txtW {flex:1; height:auto;}

.icoArrR {display:inline-block; width:11.5px; height:10.75px; background:url('../img/icoArrR.png') no-repeat center; background-size:100%;}

/* 190820 추가사항 */
.txtPoint {position:relative; display:inline-block; font-size:35px; font-size:3.5rem;}
.txtPoint::before {content:""; position:absolute; top:-6px; left:50%; margin-left:-2px; width:4px; height:4px; background:#000; border-radius:50%;}
.txtItalic {font-style:italic; line-height:130%; color:#464646;}
.tit01.titSpace02.pT35 {padding-top:35px;}

/* banner */
.banerW a {cursor:pointer;}

.hr {position:relative; height:14px; /* specify a height for this hr */ overflow:hidden; color:#979797;}
.hr:after {content:".............................................................................................................................................."; letter-spacing:1px; /* Use letter-spacing to increase space between dots*/}

.hr02 {position:relative; width:100%; height:2px; background:#252525;}

.hr03 {position:relative; height:14px; /* specify a height for this hr */ overflow:hidden; color:#979797;}
.hr03:after {content:"---------------------------------------------------------------------------------------------------------------------------------------------"; letter-spacing:1px; /* Use letter-spacing to increase space between dots*/}

.hr04 {position:relative; width:100%; height:1px; background-color: rgba( 37, 37, 37, 0.4 );}

/* box */
.boxType01 {display:block; overflow:hidden; border-radius:15px; box-shadow:0px 1px 15px 0px rgba(0,0,0,.3); box-sizing:border-box;}

.w100 {width:100%;}

.pT14 {padding-top:14px;}
.pT20 {padding-top:20px;}
.pT35 {padding-top:35px;}
.pB40 {padding-bottom:40px;}

.mT0 {margin-top:0px;}
.mT2 {margin-top:2px;}
.mT5 {margin-top:5px;}
.mT7 {margin-top:7px;}
.mT10 {margin-top:10px;}
.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT29 {margin-top:29px;}
.mT30 {margin-top:30px;}
.mT26 {margin-top:26px;}
.mT27 {margin-top:27px;}
.mT30 {margin-top:30px;}
.mT35 {margin-top:35px;}
.mT38 {margin-top:38px;}
.mT40 {margin-top:40px;}
.mT41 {margin-top:41px;}
.mB0 {margin-bottom:0;}
.mB4 {margin-bottom:4px;}
.mB8 {margin-bottom:8px;}

.Regul {font-weight:400;}
.Medium {font-weight:500;}

.fs18 {font-size:18px; font-size:1.8rem;}