@charset "UTF-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaijaan|Lobster|Patua+One');

/* reset */
html { font-size: 14px; font-weight: 300; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; box-sizing: border-box; }
fieldset, img { border: 0 none; }
dl, ul, ol, menu, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
input, select, textarea, button { vertical-align: middle; }
input::-ms-clear {
    display:none;
}
input::-webkit-contacts-auto-fill-button {
    visibility:hidden;
    display:none !important;
    pointer-events:none;
    position:absolute;
    right:0;
}
button { border: 0 none; border-radius: 0; background-color: transparent; cursor: pointer; }
body { word-wrap: break-word; word-break: keep-all; }
body, th, td, input, select, textarea, button { font-size: 14px; font-weight: 300; line-height: 1.6; font-family: 'NotoSansCJKkr', 'Malgun Gothic', '¸¼Àº °íµñ', 'Apple SD Gothic Neo', 'µ¸¿ò', 'dotum', sans-serif; color: #232323; }
a { color: #232323; text-decoration: none; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
a:active, a:hover, a.line { text-decoration: underline; }
a:active { background-color: transparent; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: 300; }
table { border-collapse: collapse !important; }
html[data-useragent*=mac] body * { font-family: 'Apple SD Gothic NEO', helvetica, sans-serif!important }
::-moz-selection {
    background:#d60022;
    color:#fff;
}
::selection { background: #d60022; color: #fff; }
strong, b { font-weight: 600; }
h1, h2, h3, h4, h5 { font-weight: 600; }
figure { margin: 0; }
hr { margin: 10px 0; border: 0; height: 1px; background-color: #e1e1e1; }
.skip { display: none; }
.hide_txt{display:inline-block!important;overflow:hidden!important;position:absolute!important;width:1px;height:1px;margin:0!important;padding:0!important;font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}

/* common */
#content { margin-top: -1px; position: relative; }

/* margin */
.mt50 { margin-top: 50px; }

/* layout */
.wrap { position: relative; width: 100%; }
.article { position: relative; width: 1190px; margin: 0 auto; }

/* header-main */
.head-wrap.main { z-index: 100; background-color: transparent; position: absolute; left: 0; top: 0; }
.main .head-wrap { width: 100%; }
.main .logo { position: absolute; left: 0; top: 27px;  padding-bottom: 150px; }
.main .list-member { text-align: right; padding: 20px 0 10px; }
.main .list-member a { font-size: 13px; color: #fff; vertical-align: middle; margin-left: 25px; height: 20px; line-height: 20px; }
.main #nav { width: 100%; }
.main #nav .list-gnb { text-align: right; line-height: 70px; height: 70px; }
.main #nav .list-gnb li { display: inline-block; margin-left: 40px; padding: 10px 0 35px; }
.main #nav .list-gnb li a { font-size: 20px; font-weight: 700; text-decoration: none; color: #fff; line-height: 50px; height: 50px; }
.main #nav .list-gnb li a:hover, .main #nav .list-gnb li a.active { color: #c4272b; }

/* header-sub */
.head-wrap { width: 100%; position: relative; }

#nav { width: 100%; }
#nav .list-gnb { text-align: right; }
#nav .list-gnb li { display: inline-block; margin-left: 40px; padding: 10px 0 35px; }
#nav .list-gnb li a { font-size: 20px; font-weight: 500; text-decoration: none; line-height: 50px; height: 50px; }
#nav .list-gnb li a:hover, #nav .list-gnb li a.active { color: #0f5ed1; }
#class-nav { background-color: #f4f4f4; border-top: solid 1px #e1e1e1; }
#class-nav .nav-bar { border-bottom: solid 1px #e1e1e1; overflow: hidden; }
/*#class-nav .nav-bar:nth-of-type(2) { border-bottom: transparent; }*/
#class-nav .cate-01 { height: 60px; }
#class-nav .cate-01 li { display: table-cell; width: 1%; border-right: solid 1px #e1e1e1; text-align: center; height: 60px; }
#class-nav .cate-01 li.first { border-left: solid 1px #e1e1e1; }
#class-nav .cate-01 li a { display: block; line-height: 60px; font-size: 20px; font-weight: 500; text-decoration: none; }
#class-nav .cate-01 li a:hover, #class-nav .cate-01 li a.active1 { color: #0f5ed1; }
#class-nav .total { float: left; width: 190px; height: 60px; border-left: solid 1px #08459b; border-right: solid 1px #e1e1e1; background-color: #08459b; text-align: center; }
#class-nav .total a { line-height: 60px; font-size: 16px; color: #fff; }
#class-nav .total a span { display: inline-block; vertical-align: middle; margin: -4px 0 0 10px; width: 20px; height: 13px; background: url(/images/main_icon.png) no-repeat; background-position: 0 -40px; }
#class-nav .total a span.closed { background: url()  5px 0 no-repeat; background-size: 13px; }
#class-nav .cate-02 { float: left; width: 1000px; }
#class-nav .cate-02 li { display: table-cell; width: 1%; border-right: solid 1px #e1e1e1; text-align: center; height: 60px; }
#class-nav .cate-02 li a { display: block; line-height: 60px; font-size: 16px; font-weight: 500; }
#class-nav .cate-02 li a:hover, #class-nav .cate-02 li a.active { background-color: #0f5ed1; color: #fff; text-decoration: none; }
#class-nav .cate-03 { height: 60px; line-height: 60px; border-left: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; text-align: center; }
#class-nav .cate-03 span { margin: 0 20px; color: #ccc; font-weight: 100; }
#class-nav .cate-03 div { display: none; }


/* main */
.m-visual-wrap { z-index: 10; overflow: hidden; position: relative; width: 100%; min-width: 1192px; height: 999px; margin: 0; background-color: #232323; }
.m-visual-wrap .title-1, .m-visual-wrap .title-2, .m-visual-wrap .title-3 { z-index: 5; position: absolute; color: #fff; width: 1192px; margin: 0 auto; text-align: center; font-family: 'Patua One', cursive; text-shadow: 0 0 10px #666; }
.m-visual-wrap .title-1 { font-size: 80px; font-weight: 400; top: 300px; }
.m-visual-wrap .title-2 { font-size: 70px; font-weight: 700; top: 400px; }
.m-visual-wrap .title-3 { font-size: 30px; font-weight: 300; top: 530px; }
.m-visual-wrap .link-box { z-index: 5; position: absolute; top: 700px; width: 1192px; margin: 0 auto; text-align: center; }
.m-video { z-index: 1; width: 100%; height: 999px; text-align: center; }

.m-visua2-wrap { z-index: 10; overflow: hidden; position: relative; width: 100%; min-width: 1192px; height: 740px; margin: 0; }
.m-visua2-wrap .title-1, .m-visua2-wrap .title-2, .m-visua2-wrap .title-3 { z-index: 5; position: absolute; color: #fff; width: 1192px; margin: 0 auto; text-align: center; font-family: 'Patua One', cursive; text-shadow: 0 0 10px #666; }
.m-visua2-wrap .title-1 { font-size: 80px; font-weight: 400; top: 300px; }
.m-visua2-wrap .title-2 { font-size: 70px; font-weight: 700; top: 300px; }
.m-visua2-wrap .title-3 { font-size: 30px; font-weight: 300; top: 530px; }
.m-visua2-wrap .link-box { z-index: 5; position: absolute; top: 550px; width: 1192px; margin: 0 auto; text-align: center; }

.m-service-wrap, .m-system-wrap, .m-system-wrap1 { }
.m-customer-wrap { padding: 85px 0 ; }
.m-service-wrap h2, .m-system-wrap h2, .m-system-wrap1 h2, .special-wrap1 h2, .special-wrap2 h2, .special-wrap3 h2, .special-wrap4 h2, .special-wrap5 h2, .m-customer-wrap h2 { font-size: 60px; text-align: center; }
.m-service-wrap h2 span, .m-system-wrap h2 span, .m-system-wrap1 h2 span, .special-wrap1 h2 span, .special-wrap2 h2 span, .special-wrap3 h2 span, .special-wrap4 h2 span, .special-wrap5 h2 span, .m-customer-wrap h2 span { display: block; font-size: 45px; font-weight: 300; }
.m-service-wrap .m-text-info, .m-system-wrap .m-text-info, .m-system-wrap1 .m-text-info, .special-wrap1 .m-text-info, .special-wrap2 .m-text-info, .special-wrap3 .m-text-info, .special-wrap4 .m-text-info, .special-wrap5 .m-text-info  { margin-top: 20px; display: block; font-size: 20px; text-align: center; }
.m-service-wrap { padding: 85px 0 ;  }
.m-service-wrap .service-box { margin-top: 70px; }
.service-01, .service-02, .service-03, .service-04 { position: relative; display: inline-block; width: 563px; height: 460px; box-sizing: border-box; }
.service-01 { background: url(/images/main_book_1.jpg) no-repeat; margin: 0 0 20px 0; }
.service-02 { background: url(/images/main_book_2.jpg) no-repeat; margin: 0 0 20px 20px; }
.service-03 { background: url(/images/main_book_3.jpg) no-repeat; margin: 0 0 0 0; }
.service-04 { background: url(/images/main_book_4.jpg) no-repeat; margin: 0 0 0 20px; }
.service-01 .text, .service-02 .text, .service-03 .text, .service-04 .text { z-index: 10; position: absolute; text-align: center; width: 100%; top: 150px; color: #fff; }
.service-01 .text h3, .service-02 .text h3, .service-03 .text h3, .service-04 .text h3 { position: relative; font-size: 24px; margin-bottom: 40px; }
.service-01 .text h3:before, .service-02 .text h3:before, .service-03 .text h3:before, .service-04 .text h3:before { content: ""; position: absolute; width: 100px; height: 2px; left: 42%; bottom: -20px; background-color: #fff; }
.service-01 .text p, .service-02 .text p, .service-03 .text p, .service-04 .text p { font-size: 18px; }
.service-01 .link, .service-02 .link, .service-03 .link, .service-04 .link { z-index: 10; position: absolute; text-align: center; width: 100%; bottom: 80px; }
.m-system-wrap { background-color: #f48313; padding: 85px 0 ; min-width: 1192px;}
.m-system-wrap h2, .m-system-wrap .m-text-info { color: #fff; }
.system-01, .system-02, .system-03, .system-04 { width: 100%; height: 620px; margin-top: 50px; color: #fff; }
.system-01 { background: url(/images/m_system_01.png) 100% no-repeat; }
.system-02 { background: url(/images/m_system_02.png) 100% no-repeat; }
.system-03 { background: url(/images/m_system_03.png) 100% no-repeat; }
.system-04 { background: url(/images/m_system_04.png) 100% no-repeat; }
.system-01 h3, .system-02 h3, .system-03 h3, .system-04 h3 { position: absolute; left: 130px; top: 160px; font-size: 34px; }
.system-01 p, .system-02 p, .system-03 p, .system-04 p { position: absolute; left: 130px; top: 220px; font-size: 18px; width: 300px; }
.m-system-wrap .owl-prev, .m-system-wrap .owl-next { background: url(/images/main_icon.png) no-repeat; width: 47px; height: 84px; display: block; overflow: hidden; text-indent: -500em; }
.m-system-wrap .owl-prev { position: absolute; left: 0; top: 50%; background-position: 0 -60px; cursor: pointer; }
.m-system-wrap .owl-next { position: absolute; right: 0; top: 50%; background-position: -47px -60px; cursor: pointer; }

.m-system-wrap1 { background-color: #fff; }
.m-system-wrap1 h2, .m-system-wrap1 .m-text-info { color: #000; }
.m-system-wrap1 .owl-prev, .m-system-wrap1 .owl-next { background: url(/images/main_icon.png) no-repeat; width: 47px; height: 84px; display: block; overflow: hidden; text-indent: -500em; }
.m-system-wrap1 .owl-prev { position: absolute; left: 0; top: 28%; background-position: 0 -60px; cursor: pointer; }
.m-system-wrap1 .owl-next { position: absolute; right: 0; top: 28%; background-position: -47px -60px; cursor: pointer; }

.special-wrap1 { background-color: #ffffff; background-size: cover; height: 1220px; }
.special-wrap1 h2, .special-wrap1 .m-text-info { color: #000; }
.special-wrap1 h2 { padding-top: 50px; }
.special-wrap1 .link-box { margin: 80px; text-align: center; }

.special-wrap2 { background: url(/images/m_specialbg.png) no-repeat; background-size: cover; height: 795px; min-width: 1192px;}
.special-wrap2 h2, .special-wrap2 .m-text-info { color: #fff; }
.special-wrap2 h2 { padding-top: 90px; }
.special-wrap2 .link-box { margin: 80px; text-align: center; }

.special-wrap3 { background-color: #ffffff; background-size: cover; height: 1160px; }
.special-wrap3 h2, .special-wrap3 .m-text-info { color: #000; }
.special-wrap3 h2 { padding-top: 50px; }
.special-wrap3 .link-box { margin: 80px; text-align: center; }

.special-wrap4 { background: url(/images/m_specialbg4.png) no-repeat; background-size: cover; height: 795px; min-width: 1192px;}
.special-wrap4 h2, .special-wrap4 .m-text-info { color: #fff; }
.special-wrap4 h2 { padding-top: 90px; }
.special-wrap4 .link-box { margin: 40px; text-align: center; }

.special-wrap5 { background: url(/images/m_specialbg5.png) no-repeat; background-size: cover; height: 695px; min-width: 1192px;}
.special-wrap5 h2, .special-wrap5 .m-text-info { color: #fff; }
.special-wrap5 h2 { padding-top: 70px; }
.special-wrap5 .link-box { margin: 40px; text-align: center; }

.m-customer-wrap { overflow: hidden; }
.m-customer-wrap h2:after { content:""; position: absolute; width: 200px; height: 3px; background-color: #131313; left: 50%; margin-left: -100px; bottom: -30px; }
.m-customer-wrap .left { float: left; width: 400px; margin-top: 100px; margin-bottom: 50px; }
.m-customer-wrap .left h3 { font-size: 20px; margin-bottom: 20px; line-height: 21px; font-weight: 500; }
.m-customer-wrap .left h3 span { font-size: 16px; }
.m-customer-wrap .left p { font-size: 21px; }
.m-customer-wrap .left p span { display: inline; color: #08459b; font-weight: 500; }
.m-customer-wrap .left .tel { font-size: 50px; color: #08459b; }
.m-customer-wrap .left span { display: block; }
.m-customer-wrap .right { float: right; width: 700px; margin-top: 100px; margin-bottom: 50px; border-left: solid 1px #e1e1e1; padding-left: 50px; }
.m-customer-wrap .right h3 { font-size: 20px; margin-bottom: 20px; line-height: 21px; font-weight: 500; }
.m-customer-wrap .right .inner .tabs-style-flip a { background-color: transparent;  }
.m-customer-wrap .right .inner .tabcontent-wrap { border: solid 1px #e1e1e1; padding: 10px; }

/*¸ÞÀÎ À̺¥Æ® À̹ÌÁö º¯°æ*/
#main_event { z-index: 1000; position: fixed; bottom: 0; width: 100%; height: 130px; background: #333 url() no-repeat center; }
#main_event .article .btn_event { position: absolute; width: 240px; height: 65px; top: 38px; left: 83%; }

#m-event { z-index: 1000; position: fixed; bottom: 0; width: 100%; height: 130px; background-color: #333; }
#m-event h2 { position: absolute; left: 0; top: -30px; display: inline-block; background-color: #ffe44c; width: 270px; height: 60px; border-radius: 0 30px 0 30px; text-align: center; line-height: 60px; font-size: 28px; color: #042f6c; letter-spacing: -1px; }
#m-event .text1, #m-event .text2, #m-event .link1, #m-event .link2 { position: absolute; }
#m-event .text1 { width: 400px; left: 40px; top: 50px; color: #fff; font-size: 20px; line-height: 26px; }
#m-event .text1 span, #m-event .text2 span { color: #ffe44c; }
#m-event .text1 .thum1 { float: left; margin-right: 20px; width: 60px; height: 55px; }
#m-event .text2 { width: 400px; left: 610px; top: 50px; color: #fff; font-size: 20px; line-height: 26px; }
#m-event .text2 .thum2 { float: left; margin-right: 20px; width: 60px; height: 55px; }
#m-event .link1 { left: 400px; top: 50px; }
#m-event .link2 { left: 1000px; top: 50px; }
#m-event .link1 a, #m-event .link2 a { display: block; width: 150px; height: 55px; text-align: center; line-height: 55px; font-size: 18px; font-weight: 500; border-radius: 30px; background-color:  #ffe44c; text-decoration: none; }

.master_bn { width:100%; height:146px; position:fixed; left:0; bottom:0; background:#c82126; z-index:10; }
.master_bn .mast_bn_w { width:1060px; margin:0 auto; position:relative; padding-top:45px; }
.master_bn .mast_bn_w a { display:block; width:277px; height:100px; position:absolute; right:0; top:35px; background:url('/images/master_bn_btn.png') no-repeat; text-indent:-9999px; }

/* btn */
.main_btn { display: inline-block; height: 36px; font-size: 16px; padding: 0 20px; line-height: 34px; color: #fff; }
.m-btn-box { border: 1px solid #fc0819; color: #fff; }
.m-btn-box:hover { text-decoration: none; background-color: #fc0819; color: #fff; }
.m-btn-box2 { border: 1px solid #fff; color: #fff; }
.m-btn-box2:hover { text-decoration: none; background-color: #fff; color: #000; }

.btn { display: inline-block; height: 36px; padding: 0 20px; line-height: 34px; color: #232323; }
.btn-fe { background-color: #042f6c; color: #fff; font-size: 24px; padding: 10px 30px; border: 0; border-radius: 40px; }
.btn-fe:hover { background-color: #08459b; text-decoration: none; }
.btn-fe2 { margin-top: 30px; background-color: #08459b; color: #fff; font-size: 20px; padding: 10px 20px; border: 0; border-radius: 40px; }
.btn-fe2:hover { background-color: #001c43; text-decoration: none; }
.btn-yellow { margin-top: 30px; background-color: #FFE44C; color: #08459b; font-size: 20px; padding: 10px 20px; border: 0; border-radius: 40px; }
.btn-yellow:hover { background-color: #FFCF4C; text-decoration: none; }
.btn-text { background-color: transparent!important; font-weight: 100; padding: 0 5px; }
.btn-fc { background-color: #b90c0e; color: #fff; font-size: 24px; padding: 10px 30px; border: 0; border-radius: 40px; }
.btn-fc:hover { background-color: #e2191b; text-decoration: none; }
.btn-fc2 { background-color: #971012; color: #fff; font-size: 24px; padding: 10px 30px; border: 0; border-radius: 40px; }
.btn-fc2:hover { background-color: #BB1D1F; text-decoration: none; }
.btn-fj { background-color: #ff8900; color: #fff; font-size: 24px; padding: 10px 30px; border: 0; border-radius: 40px; }
.btn-fj:hover { background-color: #ffa134; text-decoration: none; }
.btn-fj2 { background-color: #F16A2E; color: #fff; font-size: 24px; padding: 10px 30px; border: 0; border-radius: 40px; }
.btn-fj2:hover { background-color: #FF7C41; text-decoration: none; }
.btn-fju { background-color: #47b900; color: #fff; font-size: 24px; padding: 10px 30px; border: 0; border-radius: 40px; }
.btn-fju:hover { background-color: #6cde25; text-decoration: none; }
.btn-fju2 { background: #0B6A34; color: #fff; font-size: 24px; padding: 10px 20px; border: 0; border-radius: 40px; }
.btn-fju2:hover { background: #0B6A34; }
.btn-fju3 { background: #3B9252; color: #fff; font-size: 24px; padding: 10px 20px; border: 0; border-radius: 40px; }
.btn-fju3:hover { background: #3B9252; }

/* mouseoverinteraction */
.moe-01 { position: relative; cursor: pointer; }
.moe-01 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.moe-01 figcaption { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; background: url(/images/main_book_back.png) no-repeat;}
.moe-01 figcaption:before, .moe-01 figcaption:after { width: 1px; height: 0; }
.moe-01 figcaption:before { right: 0; top: 0; }
.moe-01 figcaption:after { left: 0; bottom: 0; }
.moe-01 figcaption .moe-bg { position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 1; }
.moe-01 a { z-index: 1; }
.moe-01:hover figcaption, .moe-01.hover figcaption { opacity: 1; }
.moe-01:hover figcaption .link, .moe-01.hover figcaption .link { bottom: 130px; }
.moe-01:hover .text, .moe-01.hover .text { opacity: 0; top: 100px; }
.moe-01:hover figcaption .text, .moe-01.hover figcaption .text { opacity: 1; top: 100px; }






.sc_cont2{width:1000px;}
.sc_cont2 ul{}
.sc_cont2 ul:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}
.sc_cont2 li{position:relative; float:left; width:25%; height:278px; padding:20px; }
.sc_cont2 li .last{padding-bottom:20px; border-bottom:1px solid #ededed; border-right:none}
.sc_cont2 li .last img{width:209px; height:186px}
.sc_cont2 li .thumb{padding-bottom:20px; border-bottom:1px solid #ededed}
.sc_cont2 li .thumb img{width:209px; height:186px}

.sc_cont2 li .cpn_info{margin-top:19px;}
.sc_cont2 li .cpn_info span{display:inline-block}
.sc_cont2 li .cpn_info .cpn_name{margin-right:6px}
.sc_cont2 li .cpn_info .cpn_name a{font-size:16px; font-weight:bold; color:#222}
.sc_cont2 li .cpn_info .txt{margin-top:4px}
.sc_cont2 li .cpn_info .txt .txt1{display:inline; margin-right:12px}
.sc_cont2 li .cpn_info .txt .txt1 a{font-size:13px; color:#555; line-height:22px}


/* ǪÅÍ */
.footer{background:#2f2e2e;color:#80898e; width: 100%; min-width: 1192px;}
.footer_sub{overflow:hidden;padding:50px 0 100px;background:#2f2e2e;color:#80898e; width: 1000px; margin: 0 auto; position: relative;}
.footer .footer_sub .copyright{float:left;width:56%;}
.footer .footer_sub .copyright > p{font-size:15px;line-height:22px;}
.footer .footer_sub .copyright .f_menu{margin:25px 0;overflow:hidden;}
.footer .footer_sub .copyright .f_menu > li{float:left;position:relative;margin:5px 24px 5px 0;}
.footer .footer_sub .copyright .f_menu > li:after{content:"";position:absolute;top:0;right:-12px;width:1px;height:100%;background:#80898e;}
.footer .footer_sub .copyright .f_menu > li:last-child:after{content:none;}
.footer .footer_sub .copyright .f_menu > li > a{font-size:15px;color:#80898e;}
.footer .footer_sub .copyright .social{overflow:hidden;}
.footer .footer_sub .copyright .social > dt{float:left;height:26px;line-height:26px;font-weight:bold;letter-spacing:0;}
.footer .footer_sub .copyright .social > dd{float:left;margin:0 5px;}

.footer .footer_sub .contact{float:right;width:35%;}
.footer .footer_sub .contact .title{overflow:hidden;}
.footer .footer_sub .contact .title > strong{float:left;padding:4px 0 0 0;font-size:22px;letter-spacing:0;}
.footer .footer_sub .contact .title > select{float:right;border:0;padding:4px 10px;}
.footer .footer_sub .contact .cs_list{padding:10px 0 0 0;}
.footer .footer_sub .contact .cs_list > li{margin:0 0 5px 0;background-repeat:no-repeat;background-position:left center;font-size:18px;}
.footer .footer_sub .contact .cs_list > li.tel a {font-size: 18px; color: #80898e;}
.footer .footer_sub .contact .cs_list > li.q a {font-size: 16px; color: #80898e;}


.main_vis1{background-image:url(/images/main_vis2.jpg)}
.vis1{background-image:url(http://donjob.co.kr/images/main/bg_mvis1.jpg)}
.vis2{background-image:url(http://donjob.co.kr/images/main/bg_mvis2.jpg)}
.vis3{background-image:url(http://donjob.co.kr/images/main/bg_mvis3.jpg)}
.vis4{background-image:url(http://donjob.co.kr/images/main/bg_mvis4.jpg)}


/* ÇÏ´Ü À̺¥Æ® */
.event_bnr{display:block; position:fixed; height:85px;  bottom:0; width:100%; font-size: 22px; background-color:#606060; z-index:999; color:#fff;}
.event_area{position: relative; width: 1100px; margin: 0 auto; font-size:1em; vertical-align:middle; text-align:center;padding-right:20px; }
.event_txt{display:inline-block; width: 200px; vertical-align:middle; position:relative; padding-right:30px;  }
.event_area ._timer{display:inline-block; vertical-align:middle; overflow:hidden; font-family:Tahoma; margin-bottom:5px; }
.event_area .type1, .event_area .type2{display:inline-block; padding:0 0 0 0.25em; font-size:180%; line-height:1; letter-spacing:8px; text-align:center; vertical-align:middle; background-image:url('http://landing.mywebapp.co.kr/images/count_bg.png');}
.event_area .type1{ display: inline-block; color:#d5d5d5;}
.event_area .type2{color:#d5d5d5;}
.event_txt2{display:inline-block; text-align:center; vertical-align:middle; font-size:20px; position:relative; margin-left:5px; margin-bottom:8px; }
.event_area .day_finish { position: absolute; top:-50px; right: 50px;}
.btn_request a{display:inline-block; font-family: 'NotoSansCJKkr', 'Malgun Gothic', '¸¼Àº °íµñ', 'Apple SD Gothic Neo', 'µ¸¿ò', 'dotum'; width:200px; margin:0 auto; background-color:#ffd83f;  height:35px; color:#000; padding-top:8px; font-size:20px; margin-left:20px; line-height:1.5; font-weight:200;}