@charset "UTF-8";
html, body {height:100%;}
*{-webkit-text-size-adjust:none}
.wrap{width:100%; height:auto;}
.wrap:after {content: " "; display: block; clear: both; }
@charset "UTF-8";
html, body {height:100%;}
.wrap{width:100%; height:auto; min-width: 320px;}
.wrap:after {content: " "; display: block; clear: both; }
.container {width:90.625%; margin:0 auto;}
.container:after {content: " "; display: block; clear: both; }

/* header */
header {width:100%; min-width: 320px; height:60px; position: fixed; z-index: 9000; border-bottom:1px solid #e5e5e5; background: #fff;}
.top_logo {padding-top: 11px; box-sizing: border-box; float:left; font-size: 0;}
.top_date {display: inline-block; vertical-align: top; text-align: center;}
.top_date .year {font-size: 13px; color:#2b2b2b; font-family: 'NotoSans-Bold'; line-height: 1;}
.top_date .month {font-size: 30px; color:#eb6428; font-family: 'NotoSans-Bold'; line-height: 1; margin-top:-2px;}
.top_logo img {display: inline-block; vertical-align: top; width:88px; margin-top:3px; margin-left: 8px;}

/* top_side */
.top_side { float: right; margin-top:20px;}
.request_btn {float:left; width:27px; cursor: pointer;}
.request_btn img {width:100%; display: inline-block; vertical-align: top;}
.full_menu_btn {width:24px; float:left; margin-left:12px; cursor: pointer;}
.full_menu_btn img{width: 100%; display: inline-block; vertical-align: top;}

/* full menu */
.m_full_menu {width:100%; background: #fff; position: fixed; top:0; left:0; bottom:0; right:0; z-index: 99999; padding-bottom: 20px; overflow-y: auto;}
.m_full_menu_top {width:100%; height:60px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.full_close {width:20px; float: right; margin-top:20px;}
.full_close img {width:100%;}
.m_full_menu .m_full .tit{width:100%; height:60px; line-height: 60px; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 20px; color:#1b1b1b;}
.m_full_menu .m_full_depth2 {width:100%; background: #f5f5f5; text-align: center; padding:13px 0;}
.m_full_depth2 a {width: 100%; height: 100%; display: block; box-sizing: border-box; padding:11px 0;}
.m_full_depth2 .txt {font-size: 13px; color:#888;}
.m_full.on {background:#eb6529;}
.m_full.on .tit {color:#fff;}
/* m_before_view menu */
.m_before_view {width:100%; height: 45px; border-bottom: 1px solid #e5e5e5; background:#f5f5f5; position: fixed; top:61px; z-index: 900;}
.m_before_view .input_area {width:100%; height:35px; box-sizing: border-box; margin-top: 5px;}
.m_before_view .select_box{position:relative; width:100%; height:35px;}
.m_before_view .select_box label{font-family: 'NotoSans-Regular'; line-height:35px; background:url(../images/m_selet_icon.png) no-repeat #fff 100% 50%; background-size:35px 100%; border:1px #dedede solid; color:#888; position:absolute; font-size:12px; width:100%; height:35px; padding:0 10px; box-sizing:border-box;}
.m_before_view .select_box select{font-family: 'NotoSans-Regular'; opacity:0; width:100%; height:35px; cursor:pointer;}
.m_before_view .select_box option {font-size: 12px;}

/* main */
.main {width:100%; height:363px; padding-top:107px;}
.main_slide li {width:100%; min-width: 320px; height:363px; background: url('../images/m_main01.jpg') no-repeat center center; background-size: cover;}
.main_slide .main02 {background: url('../images/m_main02.jpg') no-repeat center center; background-size: cover;}
.main_slide .txt_wrap {padding-top:7%;}
.main_slide .txt_wrap .title {font-size: 30px; color:#000; font-family: 'NotoSans-Light'; line-height: 1.1;}
.main_slide .txt_wrap .txt {font-size: 12px; color:#1b1b1b; line-height: 1.3; margin-top:15px;}
.main_slide .txt_wrap .view_more {display: inline-block; vertical-align: middle; width:83px; height: 30px; box-sizing: border-box; border-radius: 30px; font-size:11px; background:#1b1b1b; color:#fff; margin-top:25px; text-align: center; line-height: 30px;}
.main_slide .txt_wrap .view_more img {width:9px; margin-left:6px; display: inline-block; vertical-align: top; margin-top: 10px; }
.main_slide .txt_wrap .view_more:hover {background: #1b1b1b;}
.main_slide .txt_wrap .view_more:hover {color:#fff;}
.main_slide .txt_wrap .view_more:hover .view_more_btn {background: url('../images/view_more_white.png') no-repeat;}
.main_slide .main02 .txt_wrap {padding-top:8%;}
.main_slide .main02 .txt_wrap .tit01 {font-size: 20px; color:#fff; font-family:'DOHYEON';}
.main_slide .main02 .txt_wrap .tit02 {font-size: 32px; color:#fbca5a; margin:10px 0; font-family:'DOHYEON';}
.main_slide .main02 .txt_wrap .tit03 {font-size: 17px; color:#fff; font-family:'DOHYEON';}
.main_slide .main02 .line {width:20px; height: 3px; background: #fff; margin-top:20px; margin-bottom: 15px;}
.main_slide .main02 .txt_wrap .txt.size_m {font-size: 15px; line-height: 1; margin-top:0; color:#fff; font-family:'NotoSans-Medium';}
.main_slide .main02 .txt_wrap .txt {margin-top:10px; color:#fff; font-size: 11px;}
.main_slide .main02 .txt_wrap .view_more {width:88px; margin-top: 30px; color:#fff; border: 1px solid #fff; background: none;}
.main_slide .main02 .txt_wrap .view_more img {margin-left: 5px;}

/* main content */
.content {width:100%; min-width: 320px; box-sizing: border-box; padding-top:40px;}
.content .title {font-size:20px; color:#1b1b1b; font-family: 'NotoSans-Bold'; text-align: center; line-height: 1;}
.cont_wrap {width:100%; overflow: hidden;}
.main_card01 {width:100%; float:left;}
.main_card02 {width:100%; height:230px; margin-top:15px; float:left; background: url('../images/m_card02.jpg') no-repeat center center; background-size: cover;}
.main_card03 {width:100%; height:230px; margin-top:15px; float:left; background: url('../images/m_card03.jpg') no-repeat center center; background-size: cover;}
.main_card01_inner {width:100%; height:180px; box-sizing: border-box; background: url('../images/m_card01_01.jpg') no-repeat center center; background-size: cover; padding-top:20px; padding-left:15px; margin-top:15px;}
.main_card01_inner.inner_card01_02 {background: url('../images/m_card01_02.jpg') no-repeat center center; background-size: cover;}
.main_card01_inner.inner_card01_03 {background: url('../images/m_card01_03.jpg') no-repeat center center; background-size: cover;}
.main_card01_inner.inner_card01_04 {background: url('../images/m_card01_04.jpg') no-repeat center center; background-size: cover;}
.main_card01_inner .txt01 {color:#fff; font-size: 11px; line-height: 1;}
.main_card01_inner .txt02 {color:#fff; font-size: 20px; line-height: 1.3; margin-top:10px;}
.main_card01_inner .view_more {display: inline-block; vertical-align: top; font-size:11px; color:#fff; margin-top:32px;}
.main_card01_inner .view_more img {width:9px; margin-left:5px;}
.main_card01_inner .view_more span {border-bottom:1px solid #fff;}
.main_card_big .txt_wrap {margin-top:25px; margin-left: 14px;}
.main_card_big .txt01 {color:#fff; font-size: 20px; line-height: 1;}

.main_card_big .line {width:20px; height:2px; background: #fff; margin:14px 0;}
.main_card_big .txt02 {color:#fff; font-size: 11px; line-height: 1.3;}
.main_card_big .view_more {display: inline-block; vertical-align: top; font-size:11px; color:#fff; margin-top:32px;}
.main_card_big .view_more img {width:9px; margin-left:5px;}
.main_card_big .view_more span {border-bottom:1px solid #fff;}
.main_card_big.main_card03 .txt03{color:#fff; font-size: 11px; line-height: 1; margin-bottom:8px;}
.main_card_big.main_card03 .txt01 {margin-bottom:8px; }
.main_card_big.main_card03 .txt02 {line-height: 1;}
.main_card_big.main_card03 .view_more {margin-top:35px;}
.main_card_big.main_card03 .view_more .view_more_btn {margin-left:10px;}

/* footer */
footer {width:100%; height:230px; background:#f4f4f4; margin-top:95px;}
.f_top {width:100%; height:40px; background:#544f4b; line-height: 38px;}
.f_top ul {overflow: hidden; text-align: center;}
.f_top ul li {display: inline-block; vertical-align: top; text-align: center;}
.f_top ul li a {font-size:12px; color:#e8e8e8;}
.f_top ul li.line {width:1px; height:12px; background: #888481; margin:16px 10px 0 10px;}
.f_logo {width:162px; margin: 0 auto; margin-top:19px;}
.f_logo img {width:100%;}
.f_info {margin-top:14px; text-align: center;}
.f_info p {color:#888; font-size: 11px; line-height: 1;}
.f_info p:last-child {margin-top:8px; font-size: 8px;}
.sns {text-align: center; font-size: 0; margin-top:35px;}
.sns a {width:35px; height:35px; display: inline-block; vertical-align: top;}
.sns a:last-child {margin-left: 10px;}
.sns img {width: 100%;}
/* 뉴스레터신청 팝업 */
#mask {position:absolute; z-index:9001; background-color:#000; display:none; left:0; top:0;}
/* 팝업으로 뜨는 윈도우 css  */
.window{ display: none; position:absolute; left:50%; top:128px; margin-left:-145px; background-color:#fff; z-index:10000;}
.pop_bg {width:255px; height:330px; background:#eb6529; position: relative; box-sizing: border-box;}
.window .close {display: inline-block; vertical-align: top; width:25px; height:auto; position: absolute; top:25px; right:25px; cursor: pointer;}
.window .pop_title {font-size: 25px; color:#fff; font-family: 'NotoSans-Light'; line-height: 1; padding-top:27px; display: inline-block; vertical-align: top; padding-left: 25px;}
.window .pop_cont {width:265px; height:200px; background: #fff; position: absolute; top:70px; left:25px; overflow: hidden; padding-top: 25px; box-sizing: border-box;}
.pop_cont .input_row {width:100%; height:35px; margin-top:5px;}
.pop_cont .input_row:first-child {margin-top:0;}
.pop_cont .tit {float: left; width:61px; height:35px; text-align: center; line-height: 35px; color:#1b1b1b; font-size: 12px;}
.pop_cont .tit span {margin-left: 12px;}
.pop_cont .input_area {float: left; width:189px; height:35px; box-sizing: border-box;}
.pop_cont .input_area input[type="text"] {border: 1px #dedede solid; font-size: 12px; font-family: 'NotoSans-Regular'; color: #888888; width: 100%; height:35px; box-sizing: border-box; padding: 10px;}
.pop_cont .input_area input:focus {border: 1px #eb6529 solid;}
.pop_cont .select_box{position:relative; width:189px; height:35px;}
.pop_cont .select_box label{font-family: 'NotoSans-Regular'; line-height:35px; background:url(../images/m_selet_icon.png) no-repeat #fff 100% 50%; background-size:36px 100%; -webkit-background-size:36px 100%; border:1px #dedede solid; color:#888; position:absolute; font-size:12px; width:189px; height:35px; padding:0 10px; box-sizing:border-box;}
.pop_cont .select_box select{font-family: 'NotoSans-Regular'; opacity:0; width:189px; height:35px; cursor:pointer;}
.pop_btn_area {width:100%; text-align: center; position: absolute; bottom:15px; font-size: 0;}
.pop_btn_area button {width:75px; height:30px; box-sizing: border-box; font-size: 12px; border-radius: 30px;}
.pop_btn_area .btn_ok {background-color: #fff; color:#eb6529;}
.pop_btn_area .btn_cl {border: 1px solid #fff; color:#fff; margin-left:5px;}

/* top_btn */
.m_top {position: fixed; bottom: 30px; right: 4.8%; width: 48px; height: 48px; background: #1b1b1b; border-radius: 50%; text-align: center;}
.m_top .txt {font-size:12px; color:#fff; text-align: center; font-weight: 600;}
.m_top img {display: inline-block; width:15px; height:auto; margin-top:10px;}
/* 슬라이더 css */
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a.active{
    background:#eb642a;
    width:36px;
    height:20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a{
    width:20px;
    height:20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background:#ffffff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #eb642a;
}

.bx-controls.bx-has-pager{
    position: relative;
    bottom: 15px;
}


/* 스마트폰 (가로 및 세로) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* 사용자 코드 */
}

/* 스마트폰 (가로 ) ----------- */
@media only screen and (min-width : 321px) {
/* 사용자 코드 */
}

/* 스마트폰 (세로) ----------- */
@media only screen and (max-width : 320px) {
/* 사용자 코드 */
}

/* 아이패드 (가로 및 세로) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* 사용자 코드 */
}

/* 아이패드 (가로) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* 사용자 코드 */
}

/* 아이패드 (세로) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* 사용자 코드 */
}

/* PC 및 노트북 ----------- */
@media only screen and (min-width : 1224px) {
/* 사용자 코드 */
}

/* 대형 스크린 ----------- */
@media only screen and (min-width : 1824px) {
/* 사용자 코드 */
}

/* 아이폰 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* 사용자 코드 */
}

/* 스마트폰 (가로 및 세로) ----------- */
@media only screen and (min-device-width : 321px) and (max-device-width : 360px) {

}
/* 갤럭시 s5 가로 및 세로 */
@media only screen and (max-device-width : 360px) and (max-device-width : 640px) {

}

/* 아이폰 5 & 5S 가로 및 세로 */
@media only screen and (max-device-width : 320px) and (max-device-width : 568px) {
.main_slide .main02 .txt_wrap .tit02 {font-size: 28px;}
.f_top ul li a {font-size: 11px;}
.main_slide .main02 .txt_wrap .tit03 {font-size: 16px;}

}

/* 아이폰 5 & 5S 가로 ------ */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
/* 사용자 코드 */
}

/* 아이폰 5 & 5S 세로 ------ */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
/* 사용자 코드 */
}

/* 아이폰 6 세로 및 가로 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.cont_bg01 {top:-4px;}
}

/* 아이폰 6 가로 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
/* 사용자 코드 */
}

/* 아이폰 6 세로 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
/* 사용자 코드 */
}

/* 아이폰 6 Plus 가로 및 세로 */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
.cont_bg01 {top:-38px;}
}

/* 갤럭시 노트8 가로 및 세로 */
@media only screen and (min-device-width : 412px) and (max-device-width : 846px) {

}

/* 아이폰 6 Plus 가로 */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
/* 사용자 코드 */
}

/* 아이폰 6 Plus 세로 */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
/* 사용자 코드 */
}

/* 아이패드 미니 가로 및 세로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  {
/* 사용자 코드 */
}

/* 아이패드 미니 가로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {
/* 사용자 코드 */
}

/* 아이패드 미니 세로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  {
/* 사용자 코드 */
}

#wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #ccc;
    overflow: hidden;
    -ms-touch-action: none;
}

#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 1570px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#scroller ul {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

#scroller li {
    float: left;
    background-color: #fafafa;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
}