@charset "utf-8";
@import url("https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css");
body, input, textarea, select, button, td, table{font-family: 'Nanum Gothic',sans-serif;font-size: 13px;color: #222}
body, div, ul, li, dl, dd, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, th, td, tr, textarea, button, form, figure, figcaption {margin:0; padding:0;}
*{-webkit-box-sizing:border-box;-mox-box-sizing:border-box;box-sizing:border-box}
img {border:none;vertical-align:middle;max-width:100%;height:auto}
div, ul, li {margin:0; padding:0;list-style:none}
a:link, a:hover, a:visited, a:active {text-decoration:none;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
:link, :hover, :visited, :active {text-decoration:none;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}

/* title cut */
.title-cut-wrap{width:100%;word-break:break-all;/*display:inline-block*/;text-align:left}
.title-cut-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 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%}

/* navigation */
#fixed-menu{top: 0;left: 0;z-index:9999;width:100%;box-shadow: 0px 0px 15px 0px #808080;-webkit-box-shadow:0px 0px 10px 0px #808080;-moz-box-shadow: 0px 0px 10px 0px #808080}
.fixed-title {position: fixed;top: 0px}

/* navigation 배경 */
.fixed-default {position:fixed; background: rgba(0, 0, 0, 0.2) !important; transition:all 0.5s}
.fixed-on {position:fixed; background: rgba(255, 255, 255, 1) !important; transition:all 0.5s}

/* navigation 메뉴*/
.fixed-default .main_menu li .main_menu_title a {color:#fff;transition: 0.5s; opacity:1}
.fixed-on .main_menu li .main_menu_title a {color:#000;transition: 0.5s; opacity:1}

/* navigation 로고1 */
.log img:nth-child(1) {opacity:1; position:absolute;}
.log img:nth-child(2) {opacity:0}

.fixed-default .log img:nth-child(1) { transition: 0.5s; opacity:1) }
.fixed-on .log img:nth-child(1) { padding-left:20px;transition: 0.5s; opacity:0 }

.fixed-default .log img:nth-child(2) { transition: 0.5s; opacity:0) }
.fixed-on .log img:nth-child(2) {padding-left:20px;transition: 0.5s; opacity:1 }

/* navigation 로고2 */
.pc-log img:nth-child(1) {opacity:1; position:absolute;}
.pc-log img:nth-child(2) {opacity:0}

.fixed-default .pc-log img:nth-child(1) {transition: 0.5s; opacity:1) }
.fixed-on .pc-log img:nth-child(1) {padding-left:20px;transition: 0.5s; opacity:0 }

.fixed-default .pc-log img:nth-child(2) {transition: 0.5s; opacity:0) }
.fixed-on .pc-log img:nth-child(2) {padding-left:20px;transition: 0.5s; opacity:1 }

/* navigation 바 */
.fixed-default .header_topbar{ transition: 0.5s; background: rgba(196, 19, 35, 1);}
.fixed-on .header_topbar{ transition: 0.5s; background: rgba(40, 40, 162, 1);}

.fixed-default .header_line1{ transition: 0.5s; background: rgba(228, 228, 228, 0.3);}
.fixed-on .header_line1{ transition: 0.5s; background: rgba(0, 0, 0, 0.2);}

.fixed-default .main_menu_bar{ transition: 0.5s; background: rgba(202, 147, 9, 1);}
.fixed-on .main_menu_bar{ transition: 0.5s; background: rgba(40, 40, 162, 1);}

/* 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} 

/* samll-login */
.logout {margin:0 auto;margin-bottom:3%;width:100%}
.logout ul {margin:0 auto;text-align:center}
.logout ul li {display:inline;border-left:0px solid #c0c0c0;padding:0px 3px 0px 3px}
.logout ul li:first-child {border-left: none}

.login_wrap:after{content: "";display: block;clear: both}
.login_wrap{margin-bottom:3%;width:100%}
.login_box_1{float:left;padding-right:4px;text-align:right;width:53%}
.login_box_2{float:left;width:47%}

/* Sub top title */
.sub-top-title-wrap{position: absolute;top: 53%; left: 50%; transform: translate(-50%, -50%);width:100%}
.mainNaviTitle{font-size:45px;color:#fff;font-weight:500}
.subNaviTitle{font-size:45px;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}

.mainNaviTitle-board{font-size:45px;color:#fff;font-weight:500}
.subNaviTitle-board{font-size:23px;color:rgba(255, 255, 255, 0.7);font-weight:500}
.companyNaviTitle-board{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:red;border:1px solid rgba(255, 255, 255, 0.5);}

.carousel-control .glyphicon-chevron-right, .icon-next{top:60%}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{top:60%}

.carousel-inner .item {min-height:1059px}
.main_text_1 {font-size:50px;margin-bottom:180px;font-weight:600;text-shadow:1px 1px 1px #222}
.main_text_2 {font-size:30px;margin-bottom:340px;font-weight:500;text-shadow:1px 1px 1px #222}

.main_text_3{margin-bottom:250px;padding:0px 30px 0px 30px;display:inline-block;text-indent:0px;font-size:17px;color:#fff;line-height:30px;text-shadow:1px 1px 1px #222;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;text-shadow:0px 0px 0px #222;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_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{margin-top:10px;padding:5px;width:100%;height:50px;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_textarea{margin-top:10px;padding:5px;width:100%;height:100px;border:1px solid #E1E1E1;background-color:#ECEAEA}
.root_application_textarea.placeholder {padding-left:5px;font-size:14px;color:#606060}
.root_application_textarea:-ms-input-placeholder {padding-left:5px;font-size:14px;color:#606060}
.root_application_textarea::-webkit-input-placeholder {padding-left:5px;font-size:14px;color:#606060}
.root_application_textarea::-moz-placeholder{padding-left:5px;font-size:14px;color:#606060}

.root_application_select{margin-top:10px;padding:5px;width:100%;height:50px;border:1px solid #E1E1E1;background-color:#ECEAEA}
.root_application_select.placeholder {padding-left:5px;font-size:14px;color:#606060}
.root_application_select:-ms-input-placeholder {padding-left:5px;font-size:14px;color:#606060}
.root_application_select::-webkit-input-placeholder {padding-left:5px;font-size:14px;color:#606060}
.root_application_select::-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;}

/* mobile_select_bu */
#mobile-position.fixed{position:fixed;left:0;top:85px;width:100%;z-index:1200}
.mobile-select-menu:after{content: "";display: block;clear: both}
.mobile-select-menu{margin:0 auto;width:100%;height:46px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;background-color:#F4F5F9}
.mobile-select-menubox1{position:relative;float:left;width:50%}
.mobile-select-menubox2{position:relative;float:left;width:50%}

.mobile-select-centerbar{position:absolute;top:11px;z-index:997;width:1px;height:24px;background-color:#DDDDDD}

.mobile-select-menutitle{padding-left:15px;font-size:14px;color:#000;line-height:46px}
.mobile-select-submenu{position:absolute;top:44px;z-index:2000;padding:15px;width:100%;border:1px solid #DDDDDD;background-color:#fff;}
.mobile-select-submenu ul{margin:0 auto}
.mobile-select-submenu li a{display: block;width:100%;font-size:13px;color:#333;line-height:30px}
.mobile-select-submenu li a:hover{color:#FF9300}
.mobile-select-submenuon{color:#FF9300 !important}

.mobile-select-arrow{background-color:#F4F5F9}
.mobile-select-arrow:after, .mobile-select-arrow:before{content: '';position:absolute;top: 8px;display:block;width:2px;height:7px;background:#7b7b7b;transition: .35s;top:19px;right:15px}
.mobile-select-arrow:before{background-position: top left;right:19px;transform: rotate(135deg)}
.mobile-select-arrow:after{right:15px;transform:rotate(45deg)}
.mobile-select-arrow.showOn:before{transform:rotate(45deg);background:#7b7b7b}
.mobile-select-arrow.showOn:after{transform:rotate(135deg);background:#7b7b7b}

/* 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%;display:inline-block;font-size:12px;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:#000}
.m_submenu_bu:hover{color:#fff;border:1px solid #000;background-color:#303030}
.m_submenu_bu_on{margin-top:1%;display:inline-block;font-size:12px;color:#fff !important;line-height:15px;border:1px solid #000;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}

/* 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%}

/* 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;}


.header_topbar{width:100%;height:22px;background:rgba(196, 19, 35, 1);display:none}
.header_toptext{width:100%}
.header_toptext ul {float:right;padding:3px 0px 0px 0px;font-size:0px}
.header_toptext ul li {padding:0px 10px 0px 10px;display:inline;font-size:9px;border-left:1px solid #fff}
.header_toptext ul li:first-child {border-left:none}
.header_toptext li a{font-size:11px;color:#fff;text-decoration:none}
.header_toptext:link, .header_toptext:visited{color:#fff;text-decoration:none}
.header_toptext a:hover{color:#FFCB26;text-decoration:none}

.tel{margin-top:10px;float:right}
.m_sitemap{float:right}
.m_tel{position:absolute;top:11px;left:10px}
.log{margin-left:18px}

#menubtn{position: absolute;top:11px;right:10px;padding: 7px 5px;border: solid 1px #aaaaaa;border-radius:2px;background-color: #fff;cursor: pointer}
#menubtn:hover{background-color: #dddddd}
#menubtn:focus{outline: none}
#menubtn i{font-size:18px;color:#888}
#menubtn span{display: inline-block;text-indent: -9999px}
.m_menu{display: none;background:#fff}
.m_menu ul{margin:0 auto}
.m_menu li a{position: relative;display: block;padding:6px 0px 6px 10px;border-bottom: dotted 1px #dddddd;font-size: 14px;color:#000;text-decoration: none}
.m_menu li a:hover{background-color: #eeeeee}
.m_menu_line{margin:6px 0px 2px 0px;width:100%;height:1px;background-color:#E4E4E4}
.m_menu_sub_bu{padding-left:8px;font-size:13px;color:#666;background: url(/index/m_menu_sub_bar.png);background-repeat:no-repeat;}
#preloadedImages{width: 0px;height: 0px;display: inline;background-image: url('/index/mobile_menu_off.png');background-image: url('/index/mobile_menu_on.png')}
.opencloseicon{ position:absolute; width:11px; height:6px; display:block; background:rgba(0, 0, 0, 0) url('/index/mobile_menu_off.png') repeat scroll 0% 0% / 11px; right: 0px; top:14px;right:18px }

#header_wrap{position:relative;padding:8px 0px 8px 0px}

.sns{float:right;margin-top:7px}
.sns ul {float:right;font-size:18px;font-weight: bold;font-size:0}
.sns ul li {display:inline;font-size:10px;border-left:0px solid #c0c0c0;padding:0px 2px 0px 2px}
.sns ul li:first-child {border-left: none}
.sns a:link, .sns a:visited{color:#333333}
.sns a:hover{color:#2E76BC;text-decoration:none}


.sub-box2{width:100%}
.sub_title{margin-top:15px;margin-bottom:25px;width:100%;text-align:center;font-size:20px;color:#222;line-height:43px;border-bottom:2px solid #D9D9D9;font-weight:600}
.sub_contents_box{width:100%}
.sub_contents{margin-top:0px;margin-bottom:50px;margin-left:15px;margin-right:15px;text-align:center}
.board_contents{margin-bottom:55px}

.footer-space{padding-top:5%}
#footer_wrap:after{content: "";display: block;clear: both}
#footer_wrap{padding-top:2%;padding-bottom:2%;padding-left:2.47116968699%;padding-right:2.47116968699%;text-align:left;width:100%;font-size:11px;color:#D3D3D3;background-color:#373737}
.footer_title{margin-top:15px;margin-bottom:10px;font-size:14px;font-weight:bold}
.footer_text{line-height:19px}
.footer_yellow{color:#D7A50B;font-weight:bold}
.footer_green{color:#9CB757;font-weight:bold}
.footer_box1{float:left;padding-left:17px;width:100%}
.footer_box2{float:left;padding-left:17px;width:100%}
.footer_box3{float:left;padding-bottom:2%;padding-left:17px;width:100%}

.footer-go-bu{margin-top:3px;padding-left:21px;width:100%;font-size:12px;color:#D3D3D3;line-height:30px;display:inline-block;border:1px solid #9B9B9B;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.footer-go-bu:link, .footer-go-bu:visited{color:#fff}
.footer-go-bu:hover{color:#fff;border:1px solid #333;background-color:#000}






@media(max-width: 480px) {
.header_topbar, .sns, .tel, .main_menu, .pc-log-box, .main_pc_pic, #main_top_simple_application_layer, #sms, #goTopBtn, .top-explanation-br, .m_submenu_back, #sms-time-layer, .sub-box1, .banner_4_text, .footer_box1, .downward_movement_wrap, #footer_wrap{display:none}

/* event popup */
#PopUpWrap {top:50%; left:50%;transform:translate(-50%,-50%);width:95%;}
#PopUpWrap img{width:100%;height:auto}
#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%}

/* navigation */
.fixed-default {background: rgba(0, 0, 0, 0.7) !important}
.fixed-on {background: rgba(255, 255, 255, 1)}
.fixed-on .log img:nth-child(1) {padding-left:0px}
.fixed-on .log img:nth-child(2) {padding-left:0px}

.main-header-space{width:100%;height:0px}

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


/* samll-login */
.login_box_1{padding-right:0px;text-align:center;width:100%}
.login_box_2{margin-top:5px;text-align:center;width:100%}

/* Sub title */
.sub-top-title-wrap{padding-top:85px}
.mainNaviTitle{font-size:27px;color:#fff;font-weight:400}
.subNaviTitle{font-size:18px}
.companyNaviTitle{font-size:15px}

.mainNaviTitle-board{font-size:27px;color:#fff;font-weight:400}
.subNaviTitle-board{font-size:18px}
.companyNaviTitle-board{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:500px}
.carousel-control .glyphicon-chevron-right, .icon-next{top:57%}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{top:57%}


.main_text_1 {font-size:22px;margin-bottom:45px}
.main_text_2 {font-size:17px;margin-bottom:130px}
.main_text_3 {font-size:13px;margin-bottom:60px;width:45%;line-height:27px}

.main_text_1 img{width:390px;height:auto}


/* 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} 세로 */


.log{margin:0 auto;text-align:center}
.log img{width: 197px}

.downward_movement_wrap_480{height:130px;background-color:#00AD9F}

}


@media (min-width: 481px) and (max-width: 767px) {
.header_topbar, .m_tel, .sns, .tel, .main_menu, .pc-log-box, .main_pc_pic, #main_top_simple_application_layer, #goTopBtn, .top-explanation-br, .m_submenu_back, #sms-time-layer, .sub-box1, .downward_movement_wrap, #footer_wrap {display:none}

/* event popup */
#PopUpWrap .pc_pop {display:none}
#PopUpWrap {top: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%}

/* navigation */
.fixed-default {background: rgba(0, 0, 0, 0.7) !important}
.fixed-on {background: rgba(255, 255, 255, 1)}
.fixed-on .log img:nth-child(1) {padding-left:0px}
.fixed-on .log img:nth-child(2) {padding-left:0px}

.main-header-space{width:100%;height:0px}

/* samll-login */
.login_box_1{padding-right:0px;text-align:center;width:100%}
.login_box_2{margin-top:5px;text-align:center;width:100%}


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

.mainNaviTitle-board{font-size:34px;color:#fff;font-weight:400}
.subNaviTitle-board{font-size:18px}
.companyNaviTitle-board{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:500px}
.carousel-control .glyphicon-chevron-right, .icon-next{top:57%}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{top:57%}

.main_text_1 {font-size:24px;margin-bottom:15px}
.main_text_2 {font-size:19px;margin-bottom:130px}
.main_text_3 {font-size:14px;margin-bottom:60px;width:45%;line-height:27px}

.main_text_1 img{width:480px;height:auto}

/* 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}/* 세로 */

.log img{width: 197px}

.downward_movement_wrap_480{height:160px;background-color:#9300AD}
}

@media (min-width: 768px) and (max-width: 1280px){
.header_topbar, .m_tel, .sns, .tel, .main_menu, .pc-log-box, .main_mobile_pic, #main_top_simple_application_layer, #goTopBtn, .top-explanation-br, .m_submenu_back, .sub-box1, .downward_movement_wrap, #footer_wrap{display:none}

/* event popup */
#PopUpWrap {top: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%}

/* navigation */
.fixed-default {background: rgba(0, 0, 0, 0.7) !important}
.fixed-on {background: rgba(255, 255, 255, 1)}
.fixed-on .log img:nth-child(1) {padding-left:0px}
.fixed-on .log img:nth-child(2) {padding-left:0px}

.main-header-space{width:100%;height:0px}

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

.mainNaviTitle-board{font-size:38px;color:#fff;font-weight:400}
.subNaviTitle-board{font-size:24px}
.companyNaviTitle-board{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:700px}
.carousel-control .glyphicon-chevron-right, .icon-next{top:50%}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{top:50%}

.main_text_1 {font-size:35px;margin-bottom:30px}
.main_text_2 {font-size:25px;margin-bottom:260px}

/* 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} 세로 */

/* mobile_select_bu */
#mobile-position.fixed{top:60px}

#menubtn{top:13px}
.sns{margin-top:7px;margin-right:70px}

.downward_movement_wrap_480{height:230px;background-color:#B0CA1E}

}


@media (min-width: 1281px) {
.m_tel, .m_sitemap, .main_mobile_pic, .top-explanation-bu, #mobile-position, .log-down-mobile, #down_quick_wrap, .sub-box1, .downward_movement_wrap_480, #M-footer_wrap, .M-footer_copyright{display:none}

/* event popup */
#PopUpWrap {top:50%; left:50%;transform:translate(-50%,-50%);}
#PopUpWrap .pc_pop {}
#PopUpWrap .m_pop {display:none}

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

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

/* navigation */
#fixed-menu{position:fixed;/* 가로형_height:88px */height:132px;background-color:#fff;box-shadow: 0px 0px 0px 0px #808080;-webkit-box-shadow:0px 0px 0px 0px #808080;-moz-box-shadow: 0px 0px 0px 0px #808080}
#header_wrap{margin:0 auto;/* padding:6px 0px 15px 0px */padding:15px 0px 15px 0px;width:1200px}
.header_line1{width:100%;height:1px;background:rgba(228, 228, 228, 1)}

/* navigation 배경 */
.fixed-on {background: rgba(0, 0, 0, 0.7)}

.pc-log-box{position:relative;margin:0 auto;width:1200px;display:none}
.pc-log{position:absolute;padding-left:20px;top:12px;z-index:100}

.main_menu_wrap{/* 가로형_padding-left:30%; */padding-top:5px;width:100%;text-align:center;line-height:50px;z-index:10000}
#main_menu_title a:hover{color:#FF5700;background:rgba(0, 0, 0, 0.0)}
.main_menu ul ul{position:absolute;/* 가로형_padding-top:23px; */padding-top:2px;display:visible;text-align:center;z-index:11999}
.main_menu ul ul li{display:block;border-bottom:0px solid #595858;background:rgba(0, 0, 0, 0.0)}
.main_menu ul li{display:inline-block}
.main_menu ul li a:hover{color:#E67825;background:rgba(45, 45, 45, 1)}
.main_menu li a{display:block;width:160px;font-size:18px;color:#000;font-weight:600;line-height:37px}
.main_menu_height{margin-top:24px}
.main_menu_sub li a{font-size:14px;color:#D4D3D3;font-weight:400}
.main_menu .main_menu_back_wrap {position:relative; overflow:hidden; z-index:1; transition:all 0.25s ease; height:50px; border-bottom:0px;background:rgba(0, 0, 0, 0.0)}
.main_menu .main_menu_over_back{position:absolute;width:100%;height:270px;/* 가로형_js와_일치_top:75px */;top:58px;left: 0;background:rgba(66, 66, 66, 0.9)}
.main_menu_bar{position:absolute;width:100%;height:3px;/* 가로형_top:88px */;top:132px;z-index:5;background:rgba(0, 13, 96, 1)/*;box-shadow: 0px 0px 15px 0px #808080;-webkit-box-shadow:0px 0px 10px 0px #808080;-moz-box-shadow: 0px 0px 10px 0px #808080*/}

/* Sub top title */
.sub-top-title-wrap{padding-top:130px}

/* 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;font-size:15px;line-height:30px}

/* 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_boxT:after{content: "";display: block;clear: both}
#sub_boxT{margin:0 auto;width:1200px;background-color:#fff}
.header_boxT{margin:0 auto;width:1200px}
.index_boxT{margin:0 auto;width:1200px}

.sub_title{margin-top:53px;margin-bottom:5%;font-size:25px}
.sub_contents_box{width:100%;background-color:#fff}
.sub-box1{float:left;width:0%}
.sub-box2{float:left;width:100%}
.sub-box2contents{padding-left:60px;padding-right:60px}

.sub_contents{margin-top:20px;margin-bottom:100px}
.board_contents{margin-top:20px;margin-bottom:100px}

#footer_wrap{padding-left:0%;padding-right:0%;font-size:13px;}
.footer_title{margin-top:0px;margin-bottom:25px;font-size:16px}
.footer_text{line-height:22px}
.footer_box1{width:35%}
.footer_box2{padding-left:35px;width:45%}
.footer_box3{padding-bottom:0%;padding-left:0px;width:20%}
.footer-go-bu{padding-left:21px;width:151px;font-size:12px;line-height:30px}
}