body {width: 100%; overflow-x: auto;}
#wrapper {margin: auto;overflow: hidden;position: relative;}
img {max-width:100%}

.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
/*메뉴시작*/

#topmenu_wrap {width:100%;margin: auto;z-index:999;}
#sub_topmenu {position:relative;width:100%;margin: auto;z-index:999;}
.logo_wrap {position:relative;margin:0 7rem;padding:2.5rem 0 3rem;}
.top_search {position: absolute;right:0;top:4rem;}
.top_search>p {margin:1rem 0;margin-left:5rem}
.search_box {border-bottom:1px solid #979797;padding:1rem 1rem 0.5rem 0.5rem;}
.search_box input[type="text"] {border:0;width:300px;height:24px;font-size:1.4rem;}
.search_box button { vertical-align: middle;border:0;background:None}
#gnb {position: absolute;left:0;top:5rem}
#mb_gnb, .mb_header{display:none}
.top_right {}
.top_top {border-bottom:1px solid #ddd;}
.top_top_in {margin:auto;padding:1rem 7rem;}

.top_right li {float:left;padding-left:4rem;position:relative;}
.top_right li:before {border-radius: 50%;content:"";width:5px;height:5px;background-color:#ddd;position:absolute;left:1.5rem;top:8px;}
.top_right li:first-child:before {display:none}
.top_right a {color:#454545;font-size:1.4rem;}
.left_top>p:first-child a{color:#f8b404}
.left_top {font-size:1.3rem;color:#454545}
.left_top img {vertical-align: middle;margin-right:5px}
.top_right>p>a img,
.left_top a img {vertical-align: middle;margin-right:0.5rem;}
.left_top>p {padding-right:1.5rem;margin-right:1.5rem;border-right:1px solid #ddd;}
.left_top>p:last-child {border-right:0}
.sns_wrap {margin-top:1.5rem;margin-left:1rem}
.sns_wrap a {margin-left:0.3rem;}
.menu {}
.menu>li{float: left;font-size:15px;position: relative;font-weight:400;color:#000;text-align: center;}
.menu>li>a {box-sizing: border-box;color: #252525;font-size:1.7rem;}
.menu.fl>li {margin-right:5rem;}
.menu.fl>li img {vertical-align: middle}
.menu.fr>li {margin-left:5rem;}
.menu.fr>li a {font-size:1.7rem;color:#252525;font-weight:500}
.menu_top{display: block;color: #000;text-decoration: none;}
.sub_menu {width:200px;padding:1rem;background-color:#fff;position: absolute;z-index: 99999;margin-left:-3rem;}
.sub_menu:before {content:"";width:16px;height:7px;position:absolute;top:-7px;left:50%;background:url('/image/main/top_arrow.png') no-repeat;}
.sub_menu li a{line-height:4rem;font-weight:500;border-bottom:1px solid #ddd;font-size:1.6rem;display: block;text-align: left;padding:0 1rem;color:#53565b;background:url('/image/main/arrow_1.png') 90% center no-repeat;font-weight: normal;}
.sub_menu li a:hover {color:#1a7fcf;background:url('/image/main/arrow_2.png') 90% center no-repeat;}
.sub_menu li:last-child a{border-bottom:0}
.menu{zoom: 1;margin-bottom:0px}
.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
#gnb h1 {position:relative;}
.long_menu {width:180px;margin-left:-25px}
.long_menu li a{width:180px;padding:0 1rem;}
#visual_down {position:absolute;bottom:10px;left:50%;margin-left:-25px;z-index: 999}
.top_ic {position:fixed;right:20px;bottom:20px;z-index:999;}
.close_side {cursor:pointer;position:absolute;left:1rem;text-align:right;top:-52px;display:none;}
.aside-backdrop.in, .aside.in {display: none !important}
.r_back {display:none}

select::-ms-expand { /* for IE 11 */
    display: none;}
.right_btn {border:1px solid #ddd;background-color:#f9f9f9;border-radius:5rem;margin:1rem;}
.right_btn a {font-size:2.3rem;color:#252525;padding:1.5rem 2rem;display: block;background:url("/image/main/btn_arrow.png") 92% 50% no-repeat;}
.right_menu {position:absolute;right:7rem;top:3rem}
.back_menu {padding:3rem 5rem;background-color:#fff;position:absolute;z-index:9999;height:100%;width:50%;right:0;top:0}
.right_back {width:100%;height:100%;position: fixed;left:0;top:0}
.left_bg {background-color:rgba(0,0,0,0.6);width:100%;height:100%;position:fixed;left:0;top:0;}

/*메뉴끝*/

/*메인비쥬얼*/
#main_visual {width:100%;margin:auto;position:relative;}
#main_visual>p {position:absolute;left:4rem;top:50%;margin-top:-85px}
.sns_quick {position:fixed;right:1rem;top:50%;margin-top:-70px;z-index:99;}
.main_bg {position:relative;}
.main_txt {position: absolute;left:10rem;top:10rem}
.main_txt  .txt1 {font-size:4rem;color:#252525;margin:2rem 0 3rem;font-weight:300;line-height:5rem}
.main_txt  .txt1 p {font-weight:500}
.main_txt  .txt2 {font-size:1.9rem;color:#252525;}
.main_txt  .txt3 {margin-top:7rem;position:relative}
.main_txt  .txt3:before {display:none;content:"";width:1px;height:60px;position: absolute;left:2rem;top:-5rem;background-color:#676767;}
.main_txt  .txt3  a {display:none;font-size:1.5rem;color:#676767;border:1px solid #676767;padding:1rem 4rem}
.mo_img>span,
.pc_img>span {width:100%;height:100%;display:block;background-size:cover  !important;background-position:center center !important;}
.main_bg2 {background:url('/image/main/main_visual2.jpg') no-repeat;background-size:cover;background-position:center center;}
#main_visual .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:50%;margin-left:-700px;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev3.png') no-repeat;width:45px;height:87px;margin-top:-40px;}

#main_visual .slick-next {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:50%;margin-right:-700px;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next3.png') no-repeat;width:45px;height:87px;margin-top:-40px;}
.pause_btn {position: absolute;z-index:99;bottom:4.8rem;right:50%;margin-right:-12rem;background:none;border:0;}
.visual_bx .slick-center {margin:0 20rem}
#main_visual .slick-slide {opacity: 0.3}
#main_visual .slick-current {opacity: 1}
/*메인비쥬얼 끝*/


/*메인컨텐츠*/
.main_con {max-width:1180px;padding:10rem 0;margin:auto;position: relative;padding-right:40rem}
.main_con .right {width:38rem;position: absolute;right: 0;top:10rem;}
.main_con .right .topbx {background-color:#fafafa;padding:2rem 3rem;border:1px solid #ddd;}
.main_con .right .bottombx {margin-top:2rem;background-color:#164b39;padding:2.3rem 3rem;padding-left:14rem;position:relative} 
.main_con .right .bottombx .txt1 {font-size:2rem;color:#fff;font-weight:500}
.main_con .right .bottombx .txt2 {font-size:1.6rem;color:#fff;opacity:.8;margin-top:1rem;}
.main_con .right .bottombx  span {position:absolute;left:2rem;top:2.5rem;}



.main_con  .left_in>div {width:33.333333%;float:left;border-bottom:2px solid #dfdfdf}
.main_con  .left_in>div>a>p.txt2 {margin:3rem 0 1rem;font-size:2rem;color:#164b39;font-weight:500}
.main_con  .left_in>div>a>div.txt1 {font-size:1.6rem;color:#676767;min-height: 5rem}
.main_con  .left_in>div>a>p.txt3{margin:4.5rem 0 4rem}
.main_con  .left_in>div .on_img {display: none}
.main_con  .left_in>div:hover .off_img {display: none} 
.main_con  .left_in>div:hover .on_img {display: block} 
.main_con  .left_in>div:hover {border-bottom:2px solid #164b39}
.main_con .right .txt1 {font-size:2rem;font-weight:500;color:#164b39;}
.main_con .right .top {padding:1.7rem 0 0rem;}
.main_con .right .txt2 {font-size:1.8rem;font-weight:500;color:#454545;}
.main_con .right .txt3 {display:none;font-size:1.6rem;color:#454545;margin-bottom:1rem}
.main_con .right .txt4 {margin-top:1rem;font-size:1.5rem;color:#454545}
.main_con .right .txt5 {font-size:1.7rem;color:#454545;}
.main_con2 {padding:10rem 0;background:url('/image/main/sec2_bg.png') 50% 50% no-repeat;background-size:cover;}
.main_con2 .title {font-size:2.6rem;color:#0b0b0b;font-weight:600}
.con2_tab button{font-family: "Noto Sans KR", 'Noto Sans';position:relative;background:none;color:#9e9e9e;font-size:1.5rem;font-weight:500;padding:0 1rem;border:0;}
.con2_tab button.active {color:#000;}
.con2_tab button>span {z-index: 99;position: relative}
.con2_tab button.active:before {content:"";width:100%;height:6px;background-color:#f8b404;position:absolute;left:0;bottom:0}
.img_dummy {display:block;background-size:cover !important;background-position:center center !important}
.sec3_li>div {width:25%;float:left;padding-left:2rem;}
.sec3_li {margin-left:-2rem}
.tabcontent {max-width:1180px;margin: auto}
.tabcontent .img_dummy {border-radius:13px}
.main_con2 .txt1 {font-size:1.7rem;color:#404040;margin-bottom:1rem;padding:1.5rem 0;border-bottom:1px solid #ddd;}
.main_con2 .txt2 {font-size:1.5rem;}
.main_con2 .txt2.re_txt2 {    font-size: 1.6rem;
    color: #252525;
    text-decoration: line-through;}
    .main_con2 .re_txt3 {        font-size: 1.7rem;
    color: #74b92a;}
.main_con2 .txt2 img {vertical-align: middle}
.main_con2 .txt2 span {font-weight:600}
.main_con3 {max-width: 1180px;padding:10rem 0;margin:auto}
.con3_slider .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:-6rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev4.png') no-repeat;width:26px;height:19px;margin-top:-10px;}

.con3_slider .slick-next {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:-6rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next4.png') no-repeat;width:26px;height:19px;margin-top:-10px;}
.con3_slider .slick-dots {position:absolute;width:100%;margin-top:4rem;text-align: center;}
.con3_slider .slick-dots:after {content:""; display:block; clear:both;}
.con3_slider .slick-dots > li {display:inline-block;margin:0px 1.5rem}
.con3_slider .slick-dots > li button{vertical-align:middle;width:9px; height:9px; border:0;border-radius: 50%; overflow:hidden; text-indent: -9999px; position:relative;background-color:#999;}
.con3_slider .slick-dots > li.slick-active button{background-color:#164b39;border:0}

.con3_li {position: relative}
.con3_txt {position: absolute;left:0;top:0;width:100%;height:100%;padding:6rem;}
.con3_txt .txt1 {font-size:3.5rem;color:#fff;font-weight:500}
.con3_txt .txt2 {font-size:2rem;color:rgba(255,255,255,0.8);margin:2rem 0 3rem;font-weight:300}
.con3_txt .txt3 img {display:inline}
.main_con4 {margin:0 7rem;padding-bottom:10rem}
.con4_li>div {background-size:cover !important;width:25%;float:left;height:445px;padding:4rem;position:relative;}
.con4_li>div .bx1 {position: absolute;bottom:4rem;left:4rem}
.con4_li>div .txt1 {font-size:2rem;color:#fff;margin:1rem 0} 
.con4_li>div .txt2 {font-size:1.6rem;color:#fff;opacity:0.6;font-weight:300}
.main_con5{margin:0 7rem;background-color:#f4f4f4;padding:10rem 7rem;}
.con5_li>a {display:table;width:100%;position:relative;}
.con5_li>a .txt {vertical-align: top;width:50%;display:table-cell;background-color:#fff;padding:6rem 4rem 4rem 4rem}
.con5_li>a .img {display:table-cell;vertical-align: top;width:50%;}
.con5_li>a .txt1 {font-size:2.2rem;color:#060606;font-weight:500}
.con5_li>a .txt2 {font-size:1.7rem;color:#060606;margin:2rem 0;min-height:10rem}
.con5_li>a .txt3 {border-top:1px solid #ddd;padding-top:1rem;font-size:1.5rem;}
.main_con5 .title {font-size:2.5rem;color:#0b0b0b;font-weight:500;margin-bottom:3rem;}
.con5_wrap .slick-center {margin:0 5rem;}
.con5_wrap .slick-slide {max-width: 77rem;position: relative}
.con5_wrap .slick-slide:after {content:"";position:absolute;left:0;top:0;background-color:#fff;width:100%;height:100%}
.con5_wrap .slick-center .con5_li{opacity:1}
.con5_li {position: relative;z-index: 999;opacity:0.1;}
.con5_wrap .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:50%;margin-left:-46rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev5.png') no-repeat;width:51px;height:16px;margin-top:-8px;}

.con5_wrap .slick-next {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:50%;margin-right:-46rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next5.png') no-repeat;width:51px;height:16px;margin-top:-8px;}


.main_con6 {max-width:1180px;margin:9rem auto 8rem;}
.main_con6 .txt1 {font-size:2.6rem;color:#000;font-weight:600}
.main_con6 .txt2 {font-size:1.5rem;color:#0b0b0b;font-weight:100;margin:1rem 0 2rem;}
.con6_li {margin-left:-2rem}
.con6_li>div{width:16.666666%;float:left;padding-left:2rem;margin-bottom:2rem;}
.con6_li>div>a {display:block;}

/*메인컨텐츠 끝*/




/*하단*/
.talk_ic {position:fixed;bottom:2rem;right:2rem;z-index: 999}
.bottom_wrap {background-color:#1d1d1d;padding:4rem 7rem;}

.bottom_in {position: relative}
.foot_menu {position: absolute;right:2rem;top:2rem}
.pc_br {display:block}
.bottom_in .txt1 {font-size:2.4rem;color:#fff;font-weight:600}
.bottom_in .txt2 {font-size:1.5rem;color:#fff;margin-top:1rem;}
.bottom_in .txt3 {font-size:1.4rem;color:#fff;margin-top:2rem;opacity:0.4;font-weight:100;}
.foot_menu ul {margin-left:7rem;float:left;}
.foot_menu ul  a{font-size:1.5rem;color:#fff;opacity: 0.4}
.foot_menu ul li {margin-bottom:1rem;}
.foot_menu .on a {opacity:1}




.search_pop {display:none;position:absolute;left:0;top:0;z-index: 999;padding:1.5rem;width:100%;height:100%;background-color:#fff}
.search_pop input[type="text"] {padding:1rem;width:100%;height:40px;border:1px solid #ddd;width:93%}
.pop_cl {position: absolute;right:1rem;top:2.5rem;cursor: pointer}