@charset "UTF-8";
html, body {height:100%;}
.wrap{width:100%; height:auto; min-width: 1200px;}
.wrap:after {content: " "; display: block; clear: both; }
.container {width:1200px; margin:0 auto;}
.container:after {content: " "; display: block; clear: both; }

/* header */
header {width:100%; min-width: 1200px; height:90px; position: fixed; z-index: 9000; border-bottom:1px solid #e5e5e5; background: #fff;}
.top_logo {width:217px; height:90px; padding-top: 22px; 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: 16px; color:#2b2b2b; font-family: 'NotoSans-Bold'; line-height: 1;}
.top_date .month {font-size: 36px; color:#eb6428; font-family: 'NotoSans-Bold'; line-height: 1;}
.top_logo img {margin-top:6px; margin-left: 15px; display:inline-block;}

/* nav */
nav {width:800px; height:90px; float: left;}
.menu:after {content: " "; display: block; clear: both; }
.menu > li {float:left; width:200px; height:90px; text-align: center; line-height: 90px; background: #fff; position:relative;}
.menu > li > a {font-size: 14px; color:#1b1b1b;}
.menu > li:hover {background: #eb6529;}
.menu > li:hover > a{color:#fff;}
.top_side {width:183px; height:90px; float: left;}
.before_view {width:125px; height:90px; float:left; font-size: 0; padding-top:37px; box-sizing: border-box;}
.before_view .before_view_wrap {cursor: pointer; position: relative;}
.before_view img {vertical-align: top;}
.before_view span {font-size: 13px; color:#353535; font-family: 'NotoSans-Medium'; line-height: 1; margin-top:3px; margin-right:10px; display: inline-block; vertical-align: middle;}
.before_view .before_view_icon {display: inline-block; vertical-align: top; width:19px; height:22px; margin:0 10px; background: url('../images/before_view.png') no-repeat;}
.before_view .nav_sub {width:125px; top:53px;}
.before_view .nav_sub .nav_sub_list .depth2 .txt{font-size: 13px; text-align: center;}
.before_view .nav_sub .nav_sub_list {height:140px; overflow-y: auto;  scrollbar-width:5px; scrollbar-3dLight-Color: #fff; scrollbar-arrow-color: #fff; scrollbar-base-color: #fff; scrollbar-Face-Color: #544f4b; scrollbar-Track-Color: #fff; scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #fff;}
.before_view .nav_sub .nav_sub_list::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
.before_view .nav_sub .nav_sub_list::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#fff;}
.before_view .nav_sub .nav_sub_list::-webkit-scrollbar-track {background: #fff; }
.before_view .nav_sub .nav_sub_list::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #544f4b;}
.before_view .nav_sub .nav_sub_list .depth2 a {padding:12px 0;}
.before_view .down_arrow {display: inline-block; vertical-align: top; width:9px; height:5px; margin-top:7px; background: url('../images/down_arrow.png') no-repeat;}
.before_view:hover {background: #eb6529;}
.before_view:hover .nav_sub {display: block !important;}
.before_view:hover span {color:#fff;}
.before_view:hover .before_view_icon {background: url('../images/before_view_o.png') no-repeat;}
.before_view:hover .down_arrow {background: url('../images/up_arrow.png') no-repeat;}

.request_btn {float:left; width:27px; margin-left:3px; margin-top:37px; cursor: pointer;}
.full_menu_btn {width:19px; float:right; margin-top:39px; cursor: pointer;}


/* nav_sub */
.nav_sub {width:200px; position:absolute; top:90px; left:0; z-index: 600; border-top: 1px solid #eb6529;}
.nav_sub .nav_sub_list .depth2 {border:1px solid #e5e5e5; text-align: left; background: #fff; border-bottom:0;}
.nav_sub .nav_sub_list .depth2:last-child {border-bottom:1px solid #e5e5e5;}
.nav_sub .nav_sub_list .depth2 a {width:100%; height:100%; display:block; position:relative; box-sizing: border-box; padding:20px 0 20px 20px;}
.nav_sub .nav_sub_list .depth2 .txt {font-family:'NotoSans-Regular'; font-size: 14px; color:#888; line-height: 1.1;}
.nav_sub .nav_sub_list .depth2 .txt.type_long {line-height: 1.3;}
.nav_sub .nav_sub_list .depth2:hover {background: #cdcdcd;}
.nav_sub .nav_sub_list .depth2:hover > a > div {color:#1b1b1b;}
.nav_sub .nav_sub_list .depth2 .right_arrow {display:none; position:absolute; top:22px; right:20px;}
.nav_sub .nav_sub_list .depth2 .right_arrow.type2 {top:33px;}
.nav_sub .nav_sub_list .depth2:hover .right_arrow {display:block;}
.menu > li:hover .nav_sub {display: block !important;}

/* full menu */
.full_menu {width:100%; min-width: 1200px; height:430px; background: #f5f5f5; position:absolute; top:91px; left:0; z-index: 999;}
.full_menu .container > ul {width:983px; margin-left:217px; overflow: hidden; position: relative;}
.full_menu .container > ul > li {width:200px; height:430px; float:left; border-left:1px solid #e5e5e5; box-sizing: border-box; padding-top:13px;}
.full_menu .container > ul > li:last-child {width:183px; border-right:1px solid #e5e5e5;}
.full_menu .container > ul > li:hover {background: #e2e2e2;}
.full_depth2 .depth2 a {width:100%; height:100%; display:block;  box-sizing: border-box; padding:18px 0 18px 20px;}
.full_depth2 .depth2 .txt {font-family:'NotoSans-Regular'; font-size: 14px; color:#888; line-height: 1.1;}
.full_depth2 .depth2 .txt.type_long {line-height: 1.3;}
.full_depth2 .depth2:hover {background: #cdcdcd;}
.full_depth2 .depth2:hover .txt {color:#1b1b1b;}
.full_close {width:75px; color:#1b1b1b; font-size: 12px; position: absolute; bottom:20px; right:20px; cursor: pointer;}
.full_close img {display: inline-block; width:27px; height: 27px; margin-left: 10px;}

/* main */
.main {width:100%; min-width: 1200px; height:590px; padding-top:91px;}
.main_slide li {width:100%; height:590px; background: url('../images/main01.jpg') no-repeat center center; background-size: cover;}
.main_slide .main02 {background: url('../images/main02.jpg') no-repeat center center; background-size: cover;}
.main_slide .txt_wrap {padding-top:140px;}
.main_slide .txt_wrap .title {font-size: 50px; color:#000; font-family: 'NotoSans-Light'; line-height: 1;}
.main_slide .txt_wrap .txt {font-size: 18px; color:#1b1b1b; line-height: 1.3; margin-top:28px;}
.main_slide .txt_wrap .view_more {display: inline-block; vertical-align: middle; width:111px; height: 40px; box-sizing: border-box; border:1px solid #1b1b1b; border-radius: 30px; font-size:14px; color:#1b1b1b; margin-top:40px; text-align: center; line-height: 38px;}
.main_slide .txt_wrap .view_more .view_more_btn {width:9px; height:9px; margin-left:12px; display: inline-block; vertical-align: top; margin-top: 15px; background: url('../images/view_more.png') no-repeat;}
.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:73px;}
.main_slide .main02 .txt_wrap .tit01 {font-size: 55px; color:#fff; font-family:'DOHYEON'; letter-spacing: -2px;}
.main_slide .main02 .txt_wrap .tit02 {font-size: 75px; color:#fff; margin:18px 0; font-family:'DOHYEON'; letter-spacing: -3px;}
.main_slide .main02 .txt_wrap .tit03 {font-size: 44px; color:#fff; font-family:'DOHYEON'; letter-spacing: -2px;}
.main_slide .main02 .txt_wrap .tit03 span {display: inline-block; vertical-align: top; padding-bottom: 2px; color:#fbca5a; border-bottom: 1px solid #fbca5a;}
.main_slide .main02 .line {width:41px; height: 6px; background: #fff; margin-top:42px; margin-bottom: 23px;}
.main_slide .main02 .txt_wrap .txt.size_m {font-size: 24px; line-height: 1; margin-top:0; color:#fff; font-family:'NotoSans-Medium';}
.main_slide .main02 .txt_wrap .txt {margin-top:11px; color:#fff; font-size: 18px;}
.main_slide .main02 .txt_wrap .view_more {width:115px; margin-top: 50px; color:#fff; border: 1px solid #fff;}
.main_slide .main02 .txt_wrap .view_more .view_more_btn {margin-left: 10px; background: url('../images/view_more_white.png') no-repeat;}
.main_slide .main02 .txt_wrap .view_more:hover {background: #fff; color:#008ac3}
.main_slide .main02 .txt_wrap .view_more:hover .view_more_btn {background: url('../images/view_more_blue.png') no-repeat;}

/* main content */
.content {width:100%; box-sizing: border-box; padding-top:80px;}
.content .title {font-size:30px; color:#1b1b1b; font-family: 'NotoSans-Bold'; text-align: center; line-height: 1; margin-bottom:20px;}
.cont_wrap {overflow: hidden;}
.main_card01 {width:600px; height:450px; float:left;}
.main_card02 {width:300px; height:450px; float:left; background: url('../images/card02.jpg') no-repeat center center; background-size: cover;}
.main_card03 {width:300px; height:450px; float:left; background: url('../images/card03.jpg') no-repeat center center; background-size: cover;}
.main_card01_inner {width:300px; height:225px; float:left; box-sizing: border-box; overflow: hidden; position: relative; background: #000;}
.main_card01_inner > img {width:300px; height:225px; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; }
.main_card01_inner:hover > img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); /* IE 9 */ -o-transform: scale(1.05); transform: scale(1.05); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); /* IE6 and 7 */ }
.main_card01_inner .txt_wrap {position: absolute; top:40px; left:20px;}
.main_card01_inner .txt01 {color:#fff; font-size: 14px; line-height: 1;}
.main_card01_inner .txt02 {color:#fff; font-size: 22px; line-height: 1.3; margin-top:10px;}
.main_card01_inner .view_more {display: inline-block; vertical-align: top; font-size:14px; color:#fff; margin-top:30px;}
.main_card01_inner .view_more img {margin-left:7px;}
.main_card01_inner .view_more span {padding-bottom:1px; border-bottom:1px solid #fff;}
.main_card_big .txt_wrap {margin-top:50px; margin-left: 20px;}
.main_card_big .txt01 {color:#fff; font-size: 32px; line-height: 1; font-family: 'NotoSans-Light';}
.main_card_big .txt01 span {font-family: 'NotoSans-Regular';}
.main_card_big .line {width:20px; height:3px; background: #fff; margin:20px 0;}
.main_card_big .txt02 {color:#fff; font-size: 16px; line-height: 1.35; font-family: 'NotoSans-Light';}
.main_card_big .view_more {width:111px; height:40px; border:1px solid #fff; border-radius: 30px; display: inline-block; vertical-align: top; font-size:14px; color:#fff; margin-top:30px; text-align: center; line-height: 38px;}
.main_card_big .view_more .view_more_btn {margin-left:7px; width:9px; height:9px; display: inline-block; vertical-align: top; margin-top: 15px; background: url('../images/view_more_white.png') no-repeat;}
.main_card_big .view_more:hover {background: #fff; color:#eb6529;}
.main_card_big .view_more:hover .view_more_btn{background: url('../images/view_more_orange.png') no-repeat;}
.main_card_big.main_card03 .txt03{color:#fff; font-size: 20px; line-height: 1; font-family: 'NotoSans-Light'; margin-bottom:8px;}
.main_card_big.main_card03 .txt01 {font-family: 'NotoSans-Medium'; letter-spacing: -2px; margin-bottom:8px;}
.main_card_big.main_card03 .txt02 {line-height: 1;}
.main_card_big.main_card03 .view_more {margin-top:23px;}
.main_card_big.main_card03 .view_more .view_more_btn {margin-left:10px;}
.main_card_big.main_card03 .view_more:hover {background: #fff; color:#008ac3;}
.main_card_big.main_card03 .view_more:hover .view_more_btn{background: url('../images/view_more_blue.png') no-repeat;}


/* footer */
footer {width:100%; min-width: 1200px; height:148px; background:#f4f4f4; margin-top:100px;}
.f_top {width:100%; height:40px; background:#544f4b; line-height: 38px;}
.f_top ul {overflow: hidden;}
.f_top ul li {float:left;}
.f_top ul li a {font-size:12px; color:#e8e8e8;}
.f_top ul li.line {width:1px; height:12px; background: #888481; margin:15px;}
.f_logo {margin-top:30px; float: left;}
.f_info {float:left; margin-top:27px; margin-left:30px;}
.f_info p {color:#888; font-size: 12px; line-height: 1;}
.f_info p:last-child {margin-top:8px;}
.sns {float:right; font-size: 0; margin-top:21px;}
.sns a {width:33px; height:33px; margin-left: 10px; display: inline-block; vertical-align: top;}

/* 뉴스레터신청 팝업 */
#mask {position:absolute; z-index:9000; background-color:#000; display:none; left:0; top:0;opacity: 0.7;}
/* 팝업으로 뜨는 윈도우 css  */
.window{ display: none; position:absolute; left:50%; top:250px; margin-left: -225px; background-color:#fff; z-index:10000;}
.pop_bg {width:400px; height:530px; background:#eb6529; position: relative; box-sizing: border-box;}
.window .close {width:37px; height:37px; position: absolute; top:33px; right:30px; cursor: pointer;}
.window .pop_title {font-size: 36px; color:#fff; font-family: 'NotoSans-Light'; line-height: 1; padding-top:35px; display: inline-block; vertical-align: top; padding-left: 50px;}
.window .pop_cont {width:400px; height:330px; background: #fff; position: absolute; top:100px; left:50px; overflow: hidden; padding-top: 50px; box-sizing: border-box;}
.pop_cont .input_row {width:100%; height:50px; margin-top:10px;}
.pop_cont .input_row:first-child {margin-top:0;}
.pop_cont .tit {float: left; width:102px; height:50px; text-align: center; line-height: 50px; color:#1b1b1b; font-size: 16px;}
.pop_cont .tit span {margin-left: 15px;}
.pop_cont .input_area {float: left; width:268px; height:50px; box-sizing: border-box;}
.pop_cont .input_area input[type="text"] {border: 1px #dedede solid; font-size: 16px; font-family: 'NotoSans-Regular'; color: #888888; width: 100%; height:50px; box-sizing: border-box; padding: 16px;}
.pop_cont .input_area input:focus {border: 1px #eb6529 solid;}
.pop_cont .select_box{position:relative; width:268px; height:50px;}
.pop_cont .select_box label{font-family: 'NotoSans-Regular'; line-height:50px; background:url(../images/selet_icon.png) no-repeat #fff 100% 50%; border:1px #dedede solid; color:#888; position:absolute; font-size:16px; width:268px; height:50px; padding:0 16px; box-sizing:border-box;}
.pop_cont .select_box select{font-family: 'NotoSans-Regular'; opacity:0; width:268px; height:50px; cursor:pointer;}
.pop_cont .select_box option {font-size: 16px;}
.pop_btn_area {width:100%; text-align: center; position: absolute; bottom:34px; font-size: 0;}
.pop_btn_area button {width:101px; height:40px; box-sizing: border-box; font-size: 14px; 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:10px;}

/* 슬라이더 css */
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a.active{
    background:#EB642A;
    width:25px;
    height:15px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.bx-wrapper .bx-pager.bx-default-pager a{
    width:15px;
    height:15px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background:#e6e6e6;
}

.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: 50px;
}