/* youtube */
.youtube_movie_wrap{width:100%}
.youtube_movie_wrap:after{content: "";display: block;clear: both}
.youtube_movie_wrap ul{margin: 0 auto}
.youtube_movie_wrap li{float:left;text-align:center;margin-top:2%;margin-left:1.66666666667%;width:47.5%}
.youtube_movie_box{position:relative;height:0;padding-bottom:56.25%}
.youtube_movie_iframe{position:absolute;left:0%;width:100%;height:100%}

/* event popup */
.pc_pop, .m_pop{border:1px solid #494949}
.today_close:after{content: "";display: block;clear: both}
.today_close{line-height:31px;border:1px solid #494949;border-top-style:none;background-color:#343434}

/* layer popup */
#mainlayer_popup_wrap{position:fixed; z-index: 100000; display:none}
#dmlayer_Close{position:absolute;right:5%;z-index:1000;}
#dmlayer_Close img{width:30px}
#dmlayer_idpw_Close{position:absolute;top:18px;right:5%;z-index:1000;}
#dmlayer_idpw_Close img{width:20px}
.guide_layerpopup, .privacy_layerpopup, .id_pw_layerpopup, .movie_layer_1{position: absolute;padding-left:5%;padding-right:5%;top:25%;left:0%;width:100%}

/* top search */
#search_wrap:after{content: "";display: block;clear: both}
#search_wrap{margin:0 auto;width:300px;height:34px;background-color:#0058B0}
.search_box1{float:left;padding-left:3px;width:70%}
.search_box2{float:left;width:30%}
.search_input{margin-top:3px;padding-left:5px;width:100%;height:28px;border:0px solid #fff}
.mobile_search_480{width:100%;background-color:#5B388E}

.top_search_buT{text-align:center;width:100%;font-size:15px;color:#fff;line-height:34px;cursor:pointer;background-color:#0058B0;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.top_search_buT:link, .top_search_buT:visited{color:#fff}
.top_search_buT:hover{width:100%;color:#fff;background-color:#000}

#search_field.placeholder {padding-left:5px;font-size:13px;color:#979797}
#search_field:-ms-input-placeholder {padding-left:5px;font-size:10px;color:#979797}
#search_field::-webkit-input-placeholder {padding-left:5px;font-size:13px;color:#979797}
#search_field::-moz-placeholder{padding-left:5px;font-size:13px;color:#979797} 

/* Sub top title */
.sub-top-title-wrap{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);width:100%}
.mainNaviTitle{font-size:55px;color:#fff;font-weight:500}
.subNaviTitle{font-size:23px;color:rgba(255, 255, 255, 0.7);font-weight:500}
.companyNaviTitle{width:100%;font-size:22px;color:rgba(255, 255, 255, 0.7);font-weight:500}

/* main pic fade
.Sarousel-caption {z-index: 1 !important}
.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity}
.carousel-fade .carousel-inner .active {opacity: 1}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1}
.carousel-fade .carousel-control {z-index: 2}
 */

/* main pic_text */
.carousel-inner {}
.carousel-inner .item {background-repeat: no-repeat;background-position: center center;background-size: cover}
.carousel-caption{position:absolute;right:8%;bottom:20px;left:8%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:none}
.carousel-control.left, .carousel-control.right {background: transparent}
.carousel-caption div:first-child {-webkit-animation-delay: 1s;animation-delay: 1s}
.carousel-caption div:nth-child(2) {-webkit-animation-delay: 2s;animation-delay: 2s}
.carousel-caption div:nth-child(3) {-webkit-animation-delay: 3s;animation-delay: 3s}

.carousel-indicators li{display: inline-block;width:35px;height:5px;margin:1px;text-indent: -999px;cursor: pointer;background-color: rgba(255, 255, 255, 0.5);border:1px solid #fff;border-radius: 0px;}
.carousel-indicators .active {width:35px;height:5px;margin:1px;background-color:#00A9FF;border:1px solid rgba(255, 255, 255, 0.5);}

.carousel-inner .item {min-height:1041px}
.main_text_1 {font-size:5.7vmin;margin-bottom:10px;font-weight:500;text-shadow:2px 2px 2px #666}
.main_text_2 {font-size:4.3vmin;margin-bottom:15px;font-weight:500;text-shadow:2px 2px 2px #666}

.main_text_3{margin-bottom:400px;padding:0px 30px 0px 30px;display:inline-block;text-indent:0px;font-size:17px;color:#fff;line-height:30px;border:1px solid rgba(255, 255, 255, 0.4);background-color: rgba(255, 255, 255, 0.2);box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.main_text_3:link, .main_text_3:visited{color:#797878}
.main_text_3:hover{text-indent:10px;color:#595959;background-color: rgba(255, 255, 255, 0.8)}


.main_pic, .main_pc_pic, .main_mobile_pic{position:relative;width:100%;text-align:center;overflow:hidden}
.main_pic img, .main_pc_pic img, .main_mobile_pic img{width:100%;height:auto}

/* main application */
#mainlayer_application_wrap{position:absolute;z-index:300;top:180px;right:64%;width:450px;height:445px;background-color:#fff;opacity: 0.6}
.mainlayer_application{position:absolute;z-index:301;top:180px;right:64%;padding:30px;width:450px;height:445px;color:#000;opacity: 0.9}
.mainlayer_application_mobile{margin:0 auto;padding:15px;width:100%;height:320px}
.mainlayer_application_title{margin-top:2px;font-size:20px;color:#000;font-weight:bold}
.mainlayer_application_name{margin-top:10px}
.mainlayer_application_tel{margin-top:10px}
.mainlayer_application_product{margin-top:10px}
.mainlayer_application_model{margin-top:10px}
.mainlayer_application_area{margin-top:10px}
.mainlayer_application_personal{margin-top:10px;font-size:12px;color:#000}
.mainlayer_application_personal a:link, .mainlayer_application_personal a:visited{color:#000}
.mainlayer_application_personal a:hover{color:#AE031B;font-weight:bold;text-decoration:none}
.mainlayer_application_send_pc{margin:0 auto;margin-top:10px;padding:10px 30px 10px 30px;width:100%;text-align:center;font-size:22px;color:#fff;display:inline-block;border:1px solid #610000;cursor:pointer;background-color:#AE031B;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.mainlayer_application_send_pc a:link, .mainlayer_application_send_pc a:visited{color:#000}
.mainlayer_application_send_pc:hover{color:#fff;background-color:#000;border:1px solid #999}
.mainlayer_application_send_mobile{margin:0 auto;margin-top:10px;padding:0px 30px 0px 30px;width:100%;text-align:center;font-size:17px;color:#fff;line-height:34px;display:inline-block;border:1px solid #610000;cursor:pointer;background-color:#AE031B;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.mainlayer_application_send_mobile a:link, .mainlayer_application_send_mobile a:visited{color:#000}
.mainlayer_application_send_mobile:hover{color:#fff;background-color:#000;border:1px solid #999}

.mainlayer_application_field.placeholder {padding-left:5px;font-size:13px;color:#000}
.mainlayer_application_field:-ms-input-placeholder {padding-left:5px;font-size:13px;color:#000}
.mainlayer_application_field::-webkit-input-placeholder {padding-left:5px;font-size:13px;color:#000}
.mainlayer_application_field::-moz-placeholder{padding-left:5px;font-size:13px;color:#000}

/* main_top_simple_application*/
#main_top_simple_application_layer{position:absolute;top:23%;left:12%;z-index:997}
#main_top_simple_application_wrap{padding-top:30px;padding-bottom:30px;padding-left:20px;padding-right:20px;width:100%;border:2px solid #D0D0D0;background:rgba(73, 73, 73, 0.6);border-radius:2px}
.main_top_simple_application{width:100%;color:#000;opacity: 0.9}
.main_top_simple_application_title{margin-bottom:10px;font-size:23px;color:#EBEBEB;font-weight:bold}
.main_top_simple_application_space{margin-top:3px;width:100%}
.main_top_simple_application_personal{margin-top:10px;font-size:12px;color:#EBEBEB}
.main_top_simple_application_personal a:link, .main_top_simple_application_personal a:visited{color:#C1C1C1}
.main_top_simple_application_personal a:hover{color:#E9901C;font-weight:bold;text-decoration:none}
.main_top_simple_application_send{margin:0 auto;margin-top:10px;padding:6px 30px 6px 30px;width:100%;text-align:center;font-size:17px;color:#fff;display:inline-block;border:1px solid #CD7401;cursor:pointer;background-color:#E9901C;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.main_top_simple_application_send a:link, .mainlayer_application_send a:visited{color:#000}
.main_top_simple_application_send:hover{color:#fff;background-color:#000;border:1px solid #999}
.main_top_simple_application_field_style{padding:5px;width:100%;height:34px;border:1px solid #E1E1E1}

.main_top_simple_application_field.placeholder {padding-left:5px;font-size:13px;color:#000}
.main_top_simple_application_field:-ms-input-placeholder {padding-left:5px;font-size:13px;color:#000}
.main_top_simple_application_field::-webkit-input-placeholder {padding-left:5px;font-size:13px;color:#000}
.main_top_simple_application_field::-moz-placeholder{padding-left:5px;font-size:13px;color:#000}

/* main simple_application */
.simple_application{padding-left:19px;padding-right:19px;width:100%}
.simple_application_title{margin-top:14px;font-size:24px;color:#606060}
.simple_application_field{margin-top:3px}
.simple_application_personal{margin-top:3px;font-size:13px;color:#606060}
.simple_application_personal a:link, .simple_application_personal a:visited{color:#606060}
.simple_application_personal a:hover{color:#E9901C;font-weight:bold}
.simple_upload{display:inline-block;width:20%;text-align:center;font-size:11px;color:#fff;line-height:17px;border:1px solid #8E8E8E;cursor:pointer;background-color:#A2A2A2;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.simple_upload a:link, .simple_upload a:visited{color:#000}
.simple_upload:hover{color:#fff;background-color:#000;border:1px solid #888}
.simple_application_send{margin-top:6px;margin-bottom:11px;padding:7px;display:inline-block;width:100%;text-align:center;font-size:15px;color:#fff;border:1px solid #CD7401;cursor:pointer;background-color:#E9901C;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.simple_application_send a:link, .simple_application_send a:visited{color:#000}
.simple_application_send:hover{color:#fff;background-color:#000;border:1px solid #888}
.simple_application_field_style{padding:5px;width:100%;height:34px;border:1px solid #E1E1E1}

.simple_application_field.placeholder {padding-left:5px;font-size:14px;color:#606060}
.simple_application_field:-ms-input-placeholder {padding-left:5px;font-size:14px;color:#606060}
.simple_application_field::-webkit-input-placeholder {padding-left:5px;font-size:14px;color:#606060}
.simple_application_field::-moz-placeholder{padding-left:5px;font-size:14px;color:#606060}

.simple_application_process_1{margin-top:6px;text-align:center;width:70px;height:26px;font-size:12px;color:#fff;line-height:24px;border:1px solid #D7D7D7;background-color:#0038BB}
.simple_application_process_2{margin-top:6px;text-align:center;width:70px;height:26px;font-size:12px;color:#fff;line-height:24px;border:1px solid #D7D7D7;background-color:#B6B200}

/* Root_application */
.root_application{width:100%}
.root_application_title{margin-top:14px;font-size:24px;color:#606060}
.root_application_field{margin-top:3px}
.root_application_personal{margin-top:3px;font-size:13px;color:#606060}
.root_application_personal a:link, .simple_application_personal a:visited{color:#606060}
.root_application_personal a:hover{color:#E9901C;font-weight:bold}
.root_upload{display:inline-block;width:20%;text-align:center;font-size:11px;color:#fff;line-height:17px;border:1px solid #8E8E8E;cursor:pointer;background-color:#A2A2A2;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.root_upload a:link, .simple_upload a:visited{color:#000}
.root_upload:hover{color:#fff;background-color:#000;border:1px solid #888}
.root_application_send{margin-top:6px;margin-bottom:11px;padding:7px;display:inline-block;width:100%;text-align:center;font-size:15px;color:#fff;border:1px solid #CD7401;cursor:pointer;background-color:#E9901C;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.root_application_send a:link, .simple_application_send a:visited{color:#000}
.root_application_send:hover{color:#fff;background-color:#000;border:1px solid #888}
.root_application_field_style{padding:5px;width:100%;height:45px;border:1px solid #E1E1E1;background-color:#ECEAEA}

.root_application_field.placeholder {padding-left:5px;font-size:14px;color:#606060}
.root_application_field:-ms-input-placeholder {padding-left:5px;font-size:14px;color:#606060}
.root_application_field::-webkit-input-placeholder {padding-left:5px;font-size:14px;color:#606060}
.root_application_field::-moz-placeholder{padding-left:5px;font-size:14px;color:#606060}

.root_application_go{margin-top:6px;margin-bottom:11px;padding:7px;display:inline-block;width:100%;text-align:center;font-size:15px;color:#fff;border:1px solid #CD7401;cursor:pointer;background-color:#E9901C;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.root_application_go a:link, .simple_application_go a:visited{color:#000}
.root_application_go:hover{color:#fff;background-color:#000;border:1px solid #000}

/* Root_select */
select:required:invalid{padding-left:5px;font-size:14px;color:#606060}
select, option{padding-left:5px;font-size:14px;color:#606060}

/* Explanation box */
.top-explanation-box{margin-bottom:3%;padding:20px;width:100%;text-align:left;font-size:14px;color:#666;line-height:25px;border:1px solid #D7D7D7;box-shadow: 2px 2px 2px 0px #eee;background-color:#FCFCFC;-webkit-transition-duration: 0.5s;transition-duration: 0.5s}
.top-explanation-box:hover{font-size:16px;border:1px solid #D7D7D7;box-shadow: 5px 5px 5px 0px #EBE9E9;-webkit-transition-duration: 0.5s;transition-duration: 0.5s}
.top-explanation-line{margin-top:8px;margin-bottom:8px;border-bottom: dotted 1px #CBCBCB}
.top-explanation-title{font-size:14px;color:#4B4E51;font-weight:bold;}
.top-explanation-info{margin-top:3px;width:100%}
.top-explanation-info ul{margin:0 auto}
.top-explanation-info li{padding-left:18px;font-size:14px;color:#666;background: url("/index/top-explanation-icon.gif") no-repeat 2px 6px;}
.top-explanation-bu{margin-top:2%;padding:4px;display:inline-block;text-align:center;width:100%;font-size:13px;color:#fff;line-height:19px;border:1px solid #BAB9B9;cursor:pointer;background-color:#1A2C46;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.top-explanation-bu:link, .top-explanation-bu:visited{color:#000000}
.top-explanation-bu:hover{color:#000;border:1px solid #C8C8C8;background-color:#ddd}

/* Effect bu */
.Effect_bu {position: relative;display: inline-block;text-align: center;width: 100%;font-size:19px;color: #fff;background-color: #000;overflow: hidden}
.Effect_bu * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.45s ease;transition: all 0.45s ease;}
.Effect_bu:before, .Effect_bu:after {background-color: rgba(0, 0, 0, 0.4);border-top:40px solid rgba(0, 0, 0, 0.4);border-bottom:40px solid rgba(0, 0, 0, 0.4);position: absolute;top: 0;bottom: 0;left: 0;right: 0;content: '';-webkit-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 1;opacity: 0;}
.Effect_bu:before {-webkit-transform: scaleY(2);transform: scaleY(2);}
.Effect_bu:after {-webkit-transform: scaleY(2);transform: scaleY(2);}
.Effect_bu img {vertical-align: top;max-width: 100%;backface-visibility: hidden;}
.Effect_bu figcaption {position: absolute;top: 0;bottom: 0;left: 0;right: 0;align-items: center;z-index: 1;display: flex;flex-direction: column;justify-content: center;line-height: 1.1em;opacity: 0;z-index: 2;-webkit-transition-delay: 0s;transition-delay: 0s;}
.Effect_bu h3 {font-size: 1em;font-weight: 400;letter-spacing: 1px;margin: 0;line-height:23px}
.Effect_bu h3 span {display: block;font-weight: 600;}
.Effect_bu a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 3;}
.Effect_bu:hover > img, .Effect_bu.hover > img {opacity: 0.9;}
.Effect_bu:hover:before, .Effect_bu.hover:before, .Effect_bu:hover:after, .Effect_bu.hover:after {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.Effect_bu:hover figcaption, .Effect_bu.hover figcaption {opacity: 1;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}

/* sub top center bu */
.m_submenu_back{padding-bottom:1%;text-align:center;width:100%;background-color:#EAEAEC}
.m_submenu_box{width:100%}
.m_submenu_bu{margin-top:1%;padding:4px;display:inline-block;font-size:14px;color:#000;line-height:15px;border:1px solid #BAB9B9;cursor:pointer;background-color:#fff;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.m_submenu_bu:link, .m_submenu_bu:visited{color:#000000}
.m_submenu_bu:hover{color:#fff;border:1px solid #000000;background-color:#303030}
.m_submenu_bu_on{margin-top:1%;padding:4px;display:inline-block;font-size:14px;color:#fff !important;line-height:15px;border:1px solid #000000;cursor:pointer;background-color:#303030;text-decoration:none}

/* Pc left bu */
.p_submenu_box{margin-top:53px;float:right;width:219px}
.p_submenu_title{width:100%;border-bottom:2px solid #B80747;font-size:20px;color:#222222;text-indent:15px;font-weight:600;line-height:43px}
.p_submenu_bu{width:100%;border-bottom:1px solid #EBEBEB;display:inline-block;font-size:15px;color:#222222;text-indent:15px;line-height:46px;cursor:pointer;background-color:#fff;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.p_submenu_bu:link, .p_submenu_bu:visited{color:#222222}
.p_submenu_bu:hover{text-indent:25px;color:#fff;background-color:#C6376A}
.p_submenu_bu_on{width:100%;border-bottom:1px solid #EBEBEB;display:inline-block;font-size:15px;color:#B80747 !important;text-indent:15px;font-weight:700;line-height:46px;cursor:pointer;background:url(/index/menu_icon.png)no-repeat;background-position: center}

/* Down quick menu */
#down_quick_wrap{position:fixed;z-index:1000;bottom:0;right:0;text-align:center;width:100%;height:auto;background-color:#EEEEEE;border-top:1px solid #BDBDBD}
.down_quick_box{margin:0 auto;padding-top:10px;width:100%}
.down_quick_box ul{margin: 0 auto}
.down_quick_box ul:after{content: "";display: block;clear: both}
.down_quick_box li{float:left;margin-left:1.25%;width:23.4166666667%}
.down_quick_box li img{max-width:35%;height:auto}
.down_quick_box_text{margin-top:5px;margin-bottom:7px;font-size:12px;color:#131313}

/* M_Copy */
#M-footer_wrap{margin-top:30px;padding-top:10px;padding-bottom:10px;width:100%;border-top:1px solid #EBEBEB;border-bottom:1px solid #EBEBEB}
#M-footer_wrap:after{content: "";display: block;clear: both}
.M-footer-icon{float:right;padding-right:10px}
.M-footer-company{padding-left:10px;font-size:12px;color:#606060}
.M-footer_title_text_wrap{width:100%}
.M-footer_top_line{margin-top:10px;margin-bottom:11px;width:100%;height:1px;background-color:#EBEBEB}
.M-footer_copyright{margin-bottom:70px;padding-left:10px;font-size:10px;color:#606060;line-height:30px}

.M-footer-text-wrap:after{content: "";display: block;clear: both}
.M-footer-text-wrap{width:100%;padding-top:4px;padding-bottom:4px;line-height:22px;border-bottom:0px solid #D3D3D3}
.M-footer-text-box-1{float:left;padding-left:10px;width:30%;font-size:12px;color:#666}
.M-footer-text-box-2{float:left;padding-right:10px;width:70%;font-size:12px;color:#888}

/* Down movement */
.downward_movement_wrap{position:fixed;z-index:100;bottom:-100%;right:0;width:100%;height:70px;background-color:#bbb; transition: all 0.5s;}
.downward_movement_contents{margin-top:2%;margin-bottom:2%;width:100%;background-color:#fff}

.downward_movement_wrap_480{position:fixed;z-index:100;bottom:-100%;right:0;width:100%;height:110px;background-color:#000; transition: all 0.5s;}
.downward_movement_contents_480{margin-top:2%;margin-bottom:2%;width:100%;background-color:#fff}

/* Top bu */
#goTopBtn {position:fixed;right:200px;bottom:0px;z-index:10000;cursor:pointer}

/* Sub_top_menu */
.sub_top_menu{margin-top:5%;margin-bottom:5%;width:100%}
.sub_top_menu ul{margin: 0 auto}
.sub_top_menu ul:after{content: "";display: block;clear: both}
.sub_top_menu li{float:left;margin-left:0.67567567568%;width:13.5135135135%;text-align:center;overflow:hidden}
.sub_top_menu-bu{padding-top:5%;padding-bottom:5%;width:100%;text-align:center;font-size:15px;color:#595959;line-height:18px;display:inline-block;border:1px solid #D7D7D7;background-color:#FAFAFA;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.sub_top_menu-bu:link, .sub_top_menu-bu:visited{color:#595959}
.sub_top_menu-bu:hover{color:#000;border:1px solid #666;background-color:#D0D0D0}
.sub_top_menu-bu-on{padding-top:5%;padding-bottom:5%;width:100%;text-align:center;font-size:15px;color:#fff;line-height:18px;display:inline-block;border:1px solid #D7D7D7;background-color:#2A2A2A;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.sub_top_menu-bu-on:link, .sub_top_menu-bu-on:visited{color:#fff}
.sub_top_menu-bu-on:hover{color:#000;border:1px solid #666;background-color:#D0D0D0}

/* Tab */
.Tab-wrap{position:relative;width:100%;padding-top:39px}
.Tab-wrap:after{content: "";display: block;clear: both}

.Tab-bu-1-on{position:absolute;top:3px;left:0px;z-index:10;display:inline-block;padding-left:15px;padding-right:15px;font-size:14px;color:#000;line-height:35px;border:1px solid #E3E3E3;border-top:2px solid #000;border-bottom:0px solid #FCFCFC;background-color:#FCFCFC;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.Tab-bu-1{position:absolute;top:3px;left:0px;z-index:8;display:inline-block;padding-left:15px;padding-right:15px;font-size:14px;color:#fff;line-height:35px;border:1px solid #434343;border-top:2px solid #434343;border-bottom:0px solid #FCFCFC;background-color:#434343;cursor:pointer}

.Tab-bu-2-on{position:absolute;top:3px;left:74px;z-index:10;display:inline-block;padding-left:15px;padding-right:15px;font-size:14px;color:#000;line-height:35px;border:1px solid #E3E3E3;border-top:2px solid #000;border-bottom:0px solid #FCFCFC;background-color:#FCFCFC;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.Tab-bu-2{position:absolute;top:3px;left:74px;z-index:8;display:inline-block;padding-left:15px;padding-right:15px;font-size:14px;color:#fff;line-height:35px;border:1px solid #434343;border-top:2px solid #434343;border-bottom:0px solid #FCFCFC;background-color:#434343;cursor:pointer}

.Tab-bu-3-on{position:absolute;top:3px;left:148px;z-index:10;display:inline-block;padding-left:15px;padding-right:15px;font-size:14px;color:#000;line-height:35px;border:1px solid #E3E3E3;border-top:2px solid #000;border-bottom:0px solid #FCFCFC;background-color:#FCFCFC;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.Tab-bu-3{position:absolute;top:3px;left:148px;z-index:8;display:inline-block;padding-left:15px;padding-right:15px;font-size:14px;color:#fff;line-height:35px;border:1px solid #434343;border-top:2px solid #434343;border-bottom:0px solid #FCFCFC;background-color:#434343;cursor:pointer}

.Tab-bu-1:link, .Tab-bu-2:link, .Tab-bu-3:link, .Tab-bu-1:visited, .Tab-bu-2:visited, .Tab-bu-3:visited{color:#000}
.Tab-bu-1:hover, .Tab-bu-2:hover, .Tab-bu-3:hover{color:#fff;border:1px solid #777;border-top:2px solid #777;border-bottom:0px solid #FCFCFC;background-color:#777}

.Tab-contents:after{content: "";display: block;clear: both}
.Tab-contents{padding:15px;text-align:left;width:100%;border:1px solid #E3E3E3;box-shadow: 2px 1px 2px 0px #F4F3F3;background-color:#FCFCFC}

.titleIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.titleOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,70px);opacity: 0.0;}

.simple_RightIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.simple_RightOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(30px, 0);opacity: 0.0;}

.contact_LeftIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.contact_LeftOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(-30px,0);opacity: 0.0;}

.banner5In{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.banner5Out{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,50px);opacity: 0.0;}

.scaleDownIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(1.0,1.0);opacity: 1.0;}
.scaleDownOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(0.7,0.7);opacity: 0.0;}

.portfolio_goIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.portfolio_goOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,70px);opacity: 0.0;}

.customerIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.customerOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,150px);opacity: 0.0;}


@media(max-width: 480px) {
.main_pc_pic, #main_top_simple_application_layer, #sms, #goTopBtn, .top-explanation-br{display:none}

/* event popup */
#PopUpWrap {margin:10px;top:8%;left:0%;}
#PopUpWrap .pc_pop {display:none}
#PopUpWrap .m_pop {display:block}

/* layer popup */
.guide_layerpopup, .privacy_layerpopup, .id_pw_layerpopup, .movie_layer_1{padding-left:5%;padding-right:5%;top:25%}
#dmlayer_Close, #dmlayer_idpw_Close{right:5%}

/* top search */
#search_wrap{width:250px}

/* Sub title */
.mainNaviTitle{font-size:34px;color:#fff;font-weight:400}
.subNaviTitle{font-size:18px}
.companyNaviTitle{font-size:15px}

/* Sub_top_menu */
.sub_top_menu li{margin-top:1%;margin-left:0%;width:100%}
.sub_top_menu-bu{padding-top:2%;padding-bottom:2%;font-size:15px;line-height:17px}
.sub_top_menu-bu-on{padding-top:2%;padding-bottom:2%;font-size:15px;line-height:17px}

/* main pic_text */
.carousel-inner .item {min-height:300px}
.main_text_1 {font-size:5vmin;margin-bottom:10px;font-weight:400}
.main_text_2 {font-size:4.8vmin;margin-bottom:10px;font-weight:400}
.main_text_3 {font-size:14px;margin-bottom:60px;width:45%;line-height:27px}

/* main simple_application */
.mainlayer_application_title{font-size:17px}

/* sub top center bu */
.m_submenu_back{padding:0px 0px 5px 0px}
.m_submenu_box{margin-top:6px}
.m_submenu_bu{margin-top:6px;padding:4px 10px 4px 10px;font-size:11px}
.m_submenu_bu_on{padding:4px 10px 4px 10px;font-size:11px}


/* Tab */
.Tab-bu-1-on, .Tab-bu-2-on, .Tab-bu-3-on{border-top:3px solid #000}/* °¡·Î */
/*.Tab-bu-1, .Tab-bu-1-on, .Tab-bu-2, .Tab-bu-2-on, .Tab-bu-3, .Tab-bu-3-on{position:inherit;top:0px;left:0px;display:block} ¼¼·Î */
/*.Tab-bu-2, .Tab-bu-3{border-top:2px solid #000} ¼¼·Î */
}


@media (min-width: 481px) and (max-width: 767px) {
.main_pc_pic, #main_top_simple_application_layer, #sms, #goTopBtn, .top-explanation-br{display:none}

/* event popup */
#PopUpWrap .pc_pop {display:none}
#PopUpWrap {top:0%;left:0%;}
#PopUpWrap .m_pop {display:block}

/* layer popup */
.guide_layerpopup, .privacy_layerpopup, .id_pw_layerpopup, .movie_layer_1{padding-left:5%;padding-right:5%;top:25%}
#dmlayer_Close, #dmlayer_idpw_Close{right:5%}

/* Sub title */
.mainNaviTitle{font-size:34px;color:#fff;font-weight:400}
.subNaviTitle{font-size:18px}
.companyNaviTitle{font-size:18px}

/* Sub_top_menu */
.sub_top_menu li{margin-top:1%;margin-left:0%;width:100%}
.sub_top_menu-bu{padding-top:2%;padding-bottom:2%;font-size:15px;line-height:17px}
.sub_top_menu-bu-on{padding-top:2%;padding-bottom:2%;font-size:15px;line-height:17px}

/* main pic_text */
.carousel-inner .item {min-height:300px}
.main_text_1 {font-size:4vmin;margin-bottom:10px;font-weight:400}
.main_text_2 {font-size:4.5vmin;margin-bottom:10px;font-weight:400}
.main_text_3 {font-size:16px;margin-bottom:60px;width:39%;line-height:27px}

/* Mobile sub top center bu */
.m_submenu_back{padding:0px 0px 5px 0px}
.m_submenu_box{margin-top:6px}
.m_submenu_bu{margin-top:6px;padding:4px 10px 4px 10px;font-size:11px}
.m_submenu_bu_on{padding:4px 10px 4px 10px;font-size:11px}

/* Tab */
/* °¡·Î .Tab-bu-1-on, .Tab-bu-2-on, .Tab-bu-3-on{border-top:3px solid #000} °¡·Î */
.Tab-bu-1, .Tab-bu-1-on, .Tab-bu-2, .Tab-bu-2-on, .Tab-bu-3, .Tab-bu-3-on{position:inherit;top:0px;left:0px;display:block}/* ¼¼·Î */
.Tab-bu-2, .Tab-bu-3{border-top:2px solid #000}/* ¼¼·Î */

}

@media (min-width: 768px) and (max-width: 1199px){
.main_mobile_pic, #main_top_simple_application_layer, #sms, #goTopBtn, .top-explanation-br{display:none}

/* event popup */
#PopUpWrap {top:0%;left:0%;}
#PopUpWrap .pc_pop {display:none} 
#PopUpWrap .m_pop {display:block}

/* layer popup */
.guide_layerpopup, .privacy_layerpopup, .id_pw_layerpopup, .movie_layer_1{padding-left:5%;padding-right:5%;top:25%}
#dmlayer_Close, #dmlayer_idpw_Close{right:5%}

/* Sub title */
.mainNaviTitle{font-size:38px;color:#fff;font-weight:400}
.subNaviTitle{font-size:24px}
.companyNaviTitle{font-size:24px}

/* Sub_top_menu */
.sub_top_menu-bu{padding-top:2%;padding-bottom:2%;font-size:13px;line-height:25px}
.sub_top_menu-bu-on{padding-top:2%;padding-bottom:2%;font-size:13px;line-height:25px}

/* main pic_text */
.carousel-inner .item {min-height:380px}
.main_text_1 {font-size:4.2vmin;margin-bottom:10px;font-weight:400}
.main_text_2 {font-size:3.5vmin;margin-bottom:10px;font-weight:400}
.main_text_3 {font-size:2.6vmin;margin-bottom:80px;width:30%;line-height:40px}

/* sub top center bu */
.m_submenu_back{padding:0px 0px 5px 0px}
.m_submenu_box{margin-top:6px}
.m_submenu_bu{margin-top:6px;padding:4px 10px 4px 10px;font-size:11px}
.m_submenu_bu_on{padding:4px 10px 4px 10px;font-size:11px}

/* Tab */
.Tab-bu-1-on, .Tab-bu-2-on, .Tab-bu-3-on{border-top:3px solid #000}/* °¡·Î */
/*.Tab-bu-1, .Tab-bu-1-on, .Tab-bu-2, .Tab-bu-2-on, .Tab-bu-3, .Tab-bu-3-on{position:inherit;top:0px;left:0px;display:block} ¼¼·Î */
/*.Tab-bu-2, .Tab-bu-3{border-top:2px solid #000} ¼¼·Î */

}


@media (min-width: 1200px) {
.main_mobile_pic, .top-explanation-bu{display:none}

/* event popup */
#PopUpWrap {top:20%;left:5%;}
#PopUpWrap .pc_pop {}
#PopUpWrap .m_pop {display:none}

/* layer popup */
#dmlayer_idpw_Close{right:0%}
.guide_layerpopup, .privacy_layerpopup, .movie_layer_1{padding-left:0%;padding-right:0%;top:25%;left:35%;width:600px}
.id_pw_layerpopup{padding-left:0%;padding-right:0%;top:25%;left:35%;width:600px}

/* main pic_text */
.carousel-indicators li{margin-bottom:2%;width:55px;height:5px;}
.carousel-indicators .active {margin-bottom:2%;width:55px;height:5px;}

/* left_pc_sms */
#sms{z-index:99}

#main_top_simple_application_wrap{width:310px}

/* sub left_tel */
#menu_tel{float:right;margin-top:20px;margin-bottom:20px;padding-top:20px;padding-bottom:20px;width:217px;border:1px solid #DEDEDE;color: #282828}
.menu_tel_box1{float:left;width:33.6405529954%;text-align:center}
.menu_tel_box2{float:left;width:66.3594470046%}
.menu_tel_icon1{margin-top:4px}
.menu_tel_icon2{margin-top:18px}
.menu_tel_top_title1{font-size:15px;color: #BA0B4A}
.menu_tel_top_title2{font-size:15px;color: #BA0B4A}
.menu_tel_number{margin-top:3px;margin-bottom:11px;font-size:15px;color: #282828}
.menu_tel_line{margin:0 auto;width:95%;height:1px;background-color:#DADADA;clear: both}
.menu_tel_title1{margin-top:10px;font-size:15px;color: #BA0B4A}
.menu_tel_title2{font-size:15px}
.menu_tel_time1{font-size:11px}
.menu_tel_time2{font-size:14px}
.menu_tel_text{font-size:12px}

/* sub top center bu */
.m_submenu_bu, .m_submenu_bu_on{padding-left:20px;padding-right:20px;line-height:25px}

/* Explanation box */
.top-explanation-box{padding:30px;font-size:16px;line-height:30px}
.top-explanation-info li{font-size:16px;background: url("/index/top-explanation-icon.gif") no-repeat 2px 9px;}
.top-explanation-title{font-size:17px}

.main_text_3{padding:0px 55px 0px 55px;font-size:20px;color:#fff;line-height:45px;background-color: rgba(255, 255, 255, 0.2)}

.sub-top-title-wrap{top: 60%;}
}