/* BASIC css start */
.off { display: none; }
#container { padding-bottom: 0; }
#contents img { width: 100%; overflow-x: hidden; }
.section { position: relative; }

.sec01 .scroll_ico { position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; }
.sec01 .scroll_ico img { width: 30px !important; height: 30px; }

.sec02 .right_box { background: #1f1f1f; color: #fff; text-align: center; position: relative; height: 315px; }
.sec02 .right_box .txt01 { font-size: 19px; font-family: 'NanumSquare', sans-serif; letter-spacing: -1.5px; font-weight: 300; padding-top: 50px; }
.sec02 .right_box .txt02 { margin-top: 30px; font-size: 15px; font-family: 'NanumSquare', sans-serif; font-weight: 300; }
.sec02 .right_box span { position: absolute; text-align: right; font-size: 11px; font-family: 'NanumSquare', sans-serif; right: 30px; bottom: 50px; }

.sec03 { padding-top: 25px; }
.sec03 .bx-pager.bx-default-pager { display: none; }
.sec03SlideWrap .boxWrap { display: flex; align-items: center; width: 78%; height: auto; border: 1px solid #e3e7ea; border-radius: 30px; text-align: center; padding: 0 10px; box-sizing: border-box; margin: 25px auto; min-height: 377px; }
.sec03SlideWrap { background: #fff; }
.sec03SlideWrap .bx-controls-direction a { font-size: 0; display: block; top: 44%; position: absolute; width: 16px; height: 25px; }
.sec03SlideWrap .bx-controls-direction a.bx-prev { background: url('/design/hangso1/intro/arr_prev.png'); background-size: cover; left: 10px; }
.sec03SlideWrap .bx-controls-direction a.bx-next { background: url('/design/hangso1/intro/arr_next.png'); background-size: cover; right: 10px; }
.sec03SlideWrap .txtBox {  }
.sec03SlideWrap .txtBox .diary_ico { background: url('/design/hangso1/intro/diary_ico.jpg'); display: inline-block; width: 50px; height: 50px; background-size: cover; }
.sec03SlideWrap .txtBox .tit { font-family: 'NanumSquare', sans-serif; font-size: 15px; font-weight: 900; margin-bottom: 15px; }
.sec03SlideWrap .txtBox .tit > span { font-weight: 300; font-size: 15px; letter-spacing: -1px; }
.sec03SlideWrap .txtBox .des { color: #000; font-family: 'NanumSquare', sans-serif; font-size: 13px; /* letter-spacing: -2px; */ font-weight: 600; margin-bottom: 15px; }
.sec03SlideWrap .txtBox .bdTop { font-size: 12px; color: #000; font-family: 'NanumSquare', sans-serif; border-top: 1px solid #dedede; padding-top: 15px; line-height: 1.5; margin: 0 10px; text-align: left; letter-spacing: 0.5px; }

.sec05SlideWrap .sec05Slider_01 { background: url('/design/hangso1/intro/m/sec05Slider_01.jpg'); background-color: #20315c; }
.sec05SlideWrap .sec05Slider_02 { background: url('/design/hangso1/intro/m/sec05Slider_02.jpg'); }
.sec05SlideWrap .sec05Slider_03 { background: url('/design/hangso1/intro/m/sec05Slider_03.jpg'); }
.sec05SlideWrap .sec05Slider_04 { background: url('/design/hangso1/intro/m/sec05Slider_04.jpg'); }
.sec05SlideWrap .sec05Slider_05 { background: url('/design/hangso1/intro/m/sec05Slider_05.jpg'); }
.sec05SlideWrap .sec05Slider_06 { background: url('/design/hangso1/intro/m/sec05Slider_06.jpg'); }
.sec05SlideWrap .sec05Slider_07 { background: url('/design/hangso1/intro/m/sec05Slider_07_m.png'); }

.sec05SlideWrap .sec05Slider li { padding-top: 25px; text-align: center; background-position-y: 30%; }
.sec05SlideWrap .sec05Slider li img { width: 50% !important; }
.sec05SlideWrap .sec05Slider li .txtBox { text-align: center; color: #fff; }
.sec05SlideWrap .sec05Slider li .txtBox .tit { font-family: 'NanumSquare', sans-serif; font-size: 20px; font-weight: 600; margin-top: 10px; }
.sec05SlideWrap .sec05Slider li .txtBox .des { font-family: 'NanumSquare', sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; width: 80%; margin: 0 auto; height: 162px; text-align: left; }
.sec05SlideWrap .sec05Slider li .txtBox > span { margin: 10px 0 15px; display: block; font-size: 10px; }
.sec05SlideWrap .sec05Slider li .txtBox > a { font-family: 'NanumSquare', sans-serif; font-size: 15px; display: inline-block; background: #fff; height: 50px; line-height: 50px; margin: 0 auto 30px; font-weight: bold; border-radius: 50px; padding: 0 30px; }
.sec05SlideWrap .sec05Slider li.fc-bl .txtBox { color: #000; }
.sec05SlideWrap .sec05Slider li.fc-bl .txtBox > a { background: #000; color: #fff; }
.sec05SlideWrap .bx-default-pager { position: absolute; left: 0; width: 100%; bottom: 0; } 
.sec05SlideWrap .bx-default-pager .bx-pager-item { display: inline-block; width: calc(100% / 6); }
.sec05SlideWrap .bx-default-pager .bx-pager-item a { font-size: 0; width: 100%; height: 6px; display: inline-block; background: #fff; opacity: 0; }
.sec05SlideWrap .bx-default-pager .bx-pager-item a.active { opacity: 0.6; }
.sec05SlideWrap .bx-controls-direction a { font-size: 0; display: block; top: 44%; position: absolute; width: 16px; height: 25px; }
.sec05SlideWrap .bx-controls-direction a.bx-prev { background: url('/design/hangso1/intro/arr_prev.png'); background-size: cover; left: 10px; }
.sec05SlideWrap .bx-controls-direction a.bx-next { background: url('/design/hangso1/intro/arr_next.png'); background-size: cover; right: 10px; }

@media (max-width: 376px) {
    .sec05SlideWrap .sec05Slider li .txtBox > a { margin: 20px auto 30px; }
  }
}

.youtubeWrap { height: 250px; }

.halfSection.sec07 { background: #fff; }
.halfSection.sec07 .right_box { text-align: center; position: relative; }
.halfSection.sec07 .right_box .txt01 { color: #000; font-size: 15px; font-weight: 600; font-family: 'NanumSquare', sans-serif; margin: 60px 0 30px; }
.halfSection.sec07 .right_box .txt02 { font-size: 25px; font-weight: 800; font-family: 'NanumSquare', sans-serif; margin-bottom: 10px; }
.halfSection.sec07 .right_box > span { font-family: 'NanumSquare', sans-serif; display: block; font-size: 15px; }
.halfSection.sec07 .right_box > a { background: #000; color: #fff; width: 60%; height: 50px; font-size: 17px; font-family: 'NanumSquare', sans-serif; display: inline-block; line-height: 50px; font-weight: 700; border-radius: 50px; margin: 50px 0; }

.section.sec08 > a { background: #000; color: #fff; display: block; text-align: center; font-size: 13px; font-family: 'NanumSquare', sans-serif; font-weight: 300; line-height: 50px; }
.section.sec08 > a .bold { font-weight: bold; }

/* BASIC css end */