﻿@charset 'utf-8';
.wrap_path{display:none}
.wrap_indigator{position:fixed;z-index:999;top:50%;right:40px;width:10px;height:90px;margin-top:-45px}
.wrap_indigator ul li{position:relative;margin-bottom:12px}
.wrap_indigator span{display:block;width:10px;height:10px;border-radius:10px;background:#dadada}
.wrap_indigator strong{font-size:11px;position:absolute;top:-3px;right:18px;display:none;width:200px;text-align:right;color:#fff}
.wrap_indigator .on span{background:#f68b1f}
.wrap_indigator .on strong{display:block}
.pc #main{position:relative;min-width:1280px;height:100%;margin:0 0px;background:#f0f0f0}
.pc #main .ico{background:url(/img/ico.png) no-repeat}
.pc .area_heading{margin:100px 0 30px;text-align:center}
.pc .area_heading h2{font-size:28px;font-weight:700;margin-bottom:20px;letter-spacing:7px;color:#262626;}/*2018-01-29 수정*/
.pc .area_heading p{color:#bf9f7e;font-size:15px;}/*2018-01-26 추가!!!*/

.pc .wrap_1_area{position:relative;width:100%;}



/** 웹 - 모바일 **/
.mobile .m_main_banner{background:#f0f0f0;width:auto;}
.mobile .wrap_brand .wrap_open_wrap .wrap_open_tab{display:none;position:relative;height:100%;}
.mobile .wrap_brand .wrap_open_wrap .wrap_open_tab:first-child{display:block;}
.mobile .wrap_brand .wrap_open_wrap .wrap_open_tab .mov_play_wrap{position:relative; display:block;width:100%;height:100%;z-index:100;}
.mobile .wrap_brand .wrap_open_wrap .wrap_open_tab .mov_play_wrap .img_play{width:100%;display:block;}
.mobile .main_info_bx .main_info_cont .slide_cont{width:auto;overflow:hidden;}
.mobile .main_info_bx .main_info_cont .slide_cont .lft_bx{height:300px;width:50%;float:left;background:#f68b1f;position:relative;}
.mobile .main_info_bx .main_info_cont .slide_cont .lft_bx .tit{font-size:14px;color:#fff;line-height:19px;position:absolute;left:15px;top:15px;}
.ru.mobile .main_info_bx .main_info_cont .slide_cont .lft_bx .tit ,.es.mobile .main_info_bx .main_info_cont .slide_cont .lft_bx .tit{width:60%}


.mobile .wrap_3_area{height:519px;}/*2018-01-30 수정*/
.mobile .wrap_3_area .main_info_cont{width:100%;position:absolute;}
.mobile .wrap_3_area .main_info_bx .main_info_cont{display:none;}  
.mobile .wrap_3_area .main_info_bx .main_info_cont:first-child{display:block;}
.mobile .wrap_3_area .main_info_cont .img_prd{position:absolute;left:50%;top:50%;text-align:center;width:250px;height:250px;z-index:10;margin:-113px 0 0 -125px;}
.mobile .wrap_3_area .main_info_cont .img_prd img{width:70%;display:inline-block;}
.mobile .wrap_5_area .btn_m_more .ico{display:block;width:20px;height:17px;background:url(/img/ico_m.png) no-repeat;background-position:-185px 0;background-size:300px!important;}
.mobile .wrap_quickguide li.use_guide .ico{display:block;width:31px;height:30px;margin:0 auto 15px;background:url(/img/ico_m.png) no-repeat -90px 0;background-size:300px!important}
.mobile .wrap_quickguide li.service_guide .ico{display:block;width:29px;height:30px;margin:0 auto 15px;background:url(/img/ico_m.png) no-repeat -120px 0;background-size:300px!important}
.mobile .wrap_quickguide li.app_guide .ico{display:block;width:29px;height:30px;margin:0 auto 15px;background:url(/img/ico_m.png) no-repeat -150px 0;background-size:300px!important}
.mobile .wrap_5_area .wrap_mainquick a img{width:100%;height:100%;}
.mobile .wrap_6_area a img{width:100%;height:100%;}
.mobile .btn_close{display:none;}
.mobile .wrap_floatcon{display:none;}

.mobile .main_m_visual .banner_bx .lnk_bx{display:block;width:100%;position:relative;}
.mobile .main_m_visual .banner_bx .lnk_bx .img_banner{display:block;width:100%;}
.mobile .main_m_visual .banner_bx .lnk_bx .lnk_txt_bx{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-flex;display:flex;}
.mobile .main_m_visual .banner_bx .lnk_bx .lnk_txt_bx .txt_bx{display:table-cell;vertical-align:middle;-webkit-box-orient: vertical;-webkit-align-self:center;align-self: center;padding:0 0 0 20px;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .txt1{font-size:11px;color:#fff;text-align:left;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .txt2{font-size:24px;line-height:28px;margin:5px 0 20px 0;color:#111;text-align:left;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .txt2.txt_b {color:#111;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .txt2.txt_w {color:#fff;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .txt{font-size:25px;text-align:left;line-height:30px;color:#fff;position:relative;padding:13px 0 0 0;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .txt:before{position:absolute;left:0;top:0;content:"";width:30px;height:1px;display:block;background:#fff;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .txt2::before {position:absolute;margin-top:-20px;width:25px;height:2px;content:'';background:#f68b1f;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .lnk_txt{display:inline-block;color:#fff;width:155px;background:#534c45;display:block;border-radius:2px;padding:11px 0;text-align:center;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .lnk_txt2 {display:inline-block;color:#111;width:155px;border:1px solid #111;display:block;border-radius:2px;padding:11px 0;text-align:center;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .lnk_txt2.btn_b {color:#111;border:1px solid #111;}
.mobile .main_m_visual .banner_bx .lnk_bx .txt_bx .lnk_txt2.btn_w {color:#fff;border:1px solid #fff;}
.mobile .main_m_visual {position:relative;width:auto;background:#2d3451;padding:0 0 6px;}
.mobile .main_m_visual .slick-dots > li{display:inline-block;width:10px;height:10px;margin:0 7px;}
.mobile .main_m_visual .slick-dots button{display:block;width:10px;height:10px;text-indent:-99999999px;border:none;background:url(/img/bu_img_m_main_off.png) no-repeat left top;background-size:10px;}
.mobile .main_m_visual .slick-dots .slick-active button{background:url(/img/bu_img_m_main_on.png) no-repeat left top;background-size:10px;}
.mobile .main_m_visual .slick-dots{width:auto;margin:11px auto 0 !important;display:inline-block !important;}
.mobile .main_m_visual .slider{width:auto;text-align:center;}
.mobile .main_m_visual .pause{position:absolute;right:15px;bottom:13px;display:inline-block;width:10px;height:10px;background:url(/img/bu_img_m_main_play.png) no-repeat left top;background-size:10px;border:none;text-indent:-1000000px;}
.mobile .main_m_visual .pause.paused{background:url(/img/bu_img_m_main_stop.png) no-repeat left top;background-size:10px;}

/** 메인 상단 배너 **/
.wrap_1_area .main_visual{height:570px;}
.wrap_1_area .main_visual .slider {height:570px;}

.wrap_1_area .main_visual .area_link{position:absolute;left:0;top:0;height:570px;z-index:50;width:100%;display:table;}
.wrap_1_area .main_visual .banner_bx .lnk_bx{position:relative;height:570px;overflow:hidden;}
.wrap_1_area .main_visual .banner_bx .lnk_bx .img_banner{position:absolute;top:0;left:50%;width:1280px;height:570px;margin-left:-930px}
.wrap_1_area .main_visual .area_link_bx{display:table-cell;width:100%;vertical-align:middle;}
.wrap_1_area .main_visual .area_link.a_left{padding:0 !important;}
.wrap_1_area .main_visual .area_link.a_left .area_link_bx p,
.wrap_1_area .main_visual .area_link.a_left .area_link_bx a{margin-left:200px;}
.wrap_1_area .main_visual .area_link.a_left .area_link_bx p.txt2::before {position:absolute;margin-top:-44px;width:50px;height:2px;content:'';background:#f68b1f}
.wrap_1_area .main_visual .area_link.a_right{padding:0 !important;}
.wrap_1_area .main_visual .area_link.a_right .area_link_bx p,
.wrap_1_area .main_visual .area_link.a_right .area_link_bx a{margin-right:200px;}
.wrap_1_area .main_visual .area_link.a_right .area_link_bx p.txt2::before {position:absolute;margin-top:-44px;width:50px;height:2px;content:'';background:#f68b1f;right:0px;margin-right:200px;}
.wrap_1_area .main_visual .area_link.a_center .area_link_bx p,
.wrap_1_area .main_visual .area_link.a_center .area_link_bx a{margin-right:0;margin-left:0;}
.wrap_1_area .main_visual .area_link.a_center .area_link_bx p.txt2::before {position:absolute;margin-top:-44px;left:49%;width:50px;height:2px;content:'';background:#f68b1f;}
.wrap_1_area .main_visual .slick-prev{position:absolute;top:50%;left:28px;width:30px;height:64px;margin-top:-32px;background:url(/img/ico.png) -100px 0 no-repeat;display:block;border:none;text-indent:-99999px;z-index:100;outline:none;cursor:pointer;}
.wrap_1_area .main_visual .slick-next{position:absolute;top:50%;right:28px;width:30px;height:64px;margin-top:-32px;background:url(/img/ico.png) -70px 0 no-repeat;display:block;border:none;text-indent:-99999px;z-index:100;outline:none;cursor:pointer;}
.wrap_1_area .main_visual .slick-dots{position:absolute;bottom:23px;}
.wrap_1_area .main_visual .slick-dots > li{display:inline-block;margin:6px;}
.wrap_1_area .main_visual .slick-dots > li button{display:block;overflow:hidden;width:10px;height:10px;text-indent:-999px;border:none;cursor:pointer;background:url(/img/bu_main_visial_off.png) no-repeat left top;}
.wrap_1_area .main_visual .slick-dots > li.slick-active button{background:url(/img/bu_main_visial_on.png) no-repeat left top;}
.wrap_1_area .main_visual .pause{position:absolute;bottom:30px;display:block;overflow:hidden;width:10px;height:10px;text-indent:-999px;border:none;cursor:pointer;background:url(/img/bu_main_visial_play.png) no-repeat left top;}
.wrap_1_area .main_visual .pause.paused{background:url(/img/bu_main_visial_stop.png) no-repeat left top;}

