@charset "UTF-8";
@import "font.css";
@import url('plugin.css');
/*ÆùÆ®*/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 200;
	src: url(fonts/NotoSansKR-Thin.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/NotoSansKR-Light.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/NotoSansKR-Regular.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/NotoSansKR-Medium.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/NotoSansKR-Bold.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/NotoSansKR-Black.otf);
}

/* 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 { font-family: 'Noto Sans Korean','Malgun Gothic', '¸¼Àº °íµñ', sans-serif; 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.4; font-family: 'Noto Sans Korean','Malgun Gothic', '¸¼Àº °íµñ', 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)}


:focus {outline:0;}
a {color:#666;outline:none;select-dummy:expression(this.hideFocus=true)}
a:link, a:visited, a:active{text-decoration:none}
a:hover{text-decoration:none}
a.rollover img {border-width:0px; display:inline}
a.rollover img.over {display:none}
a.rollover:hover {border:0px} 
a.rollover:hover img {display:none} 
a.rollover:hover img.over {display:inline}



/*BASIC CSS*/
.p_rel{position:relative}

/*ETC*/
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.ellips{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-align:left}
.black_overlay1{cursor:default;display:block;position:fixed;top:0%;left:0%;width:100%;height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:100}
.layer_c{position:absolute; top:0; bottom:0; left:0; right:0; margin: auto}
.pre_box{white-space:pre-wrap; word-break:break-all}  /*textareaÈ¿°ú, ÁÙ¹Ù²Þ µî*/
/* _position:absolute´Â ie6¿¡¼­µµ µ¿ÀÏÇÑ È¿°ú(position:fix)¸¦ ÁÖ±â À§ÇÑ cssÇÙ */  
.fix{position:fixed;_position:absolute;width:100%;top:0;z-index:100;}
.p_rel{position:relative}
.clearfix:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.dn{display:none}
.temp_space{width:100%; height:80px; margin:80px 0; background:#fdd167}
.align_tc{text-align:center}
.align_tr{text-align:right}

/*font*/
.gulim{font-family:'±¼¸²','Gulim','NSimSun'}
.dotum{font-family:'µ¸¿ò','dotum','NSimSun'}
.NotoSansCJKkr_g{font-family:'NotoSansCJKkr Gothic','NSimSun', sans-serif;}
.NotoSansCJKkr_m{font-family:'NotoSansCJKkr Myeongjo','NSimSun', serif;}
.noto{font-family: 'NotoSansCJKkr','NSimSun', sans-serif;}
.titil{font-family: 'Titillium Web','NSimSun', sans-serif;}
.roboto{font-family:'Roboto','NSimSun', sans-serif;}
.roboto_s{font-family:'Roboto Slab','NSimSun', serif;}
.roboto_c{font-family: 'Roboto Condensed','NSimSun', sans-serif; letter-spacing:0.7px;}

/*SKIPNAVI - ³ªÁß¿¡ ³ÖÀ» °Í*/
#skipnavi{display:none;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
#skipnavi:hover,.skip:active,.skip:focus{width:100%;height:auto;margin:0;padding:5px 0;font-weight:bold;font-size:12px;font-family:Tahoma;line-height:1;color:#666;text-decoration:none !important;text-indent:10px}

/* BAISIC LAYOUT*/
#wrap{width:100%}
#header{width:100%; position:relative}
#header.fix{position:fixed; z-index:10}
#container{width:100%; position:relative}
#footer{width:100%}
.site-wrap{position:relative; width:1100px; margin:0 auto}
.fix_empty{margin-top:125px}


/*HEADER*/
.topset{position:relative; width:100%; height:40px; background:#221f1f;z-index:4; }
.topset .inner:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}
.topset li{float:left; height:40px}
.topset li a{display:inline-block; line-height:40px}
.topset li a:hover{opacity:0.9}
.topset span{display:inline-block; font-size:13px; color:#fff}
.topset .left{float:left}
.topset .left:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}

/*±¹°¡¹×¾ð¾î¼±ÅÃ*/
.topset .slt_cl1{position:relative; width:139px; height:40px; overflow:hidden; z-index:5; box-sizing:border-box}
.topset .slt_cl1:hover{overflow:visible}
.topset .slt_cl1 .list{position:absolute}
.topset .slt_cl1 .item{width:139px; height:40px; border:1px solid #eceded; border-top:none; background:#fff; box-sizing:border-box}
.topset .slt_cl1 .item.first{border:none; border-bottom:1px solid #eceded; padding-left:1px; background:#fff url(/images/common/ico_arrow1.png) no-repeat right 13px center}
.topset .slt_cl1 .item a{display:block; font-size:12px; font-weight:700; color:#221f1f; margin-left:12px; padding-left:27px; background-repeat:no-repeat; background-position:left center}
.topset .slt_cl1 .item .ico1-1{background-image:url(/images/common/ico_flag1.png)}
.topset .slt_cl1 .item .ico1-2{background-image:url(/images/common/ico_flag1-1.png)}
.topset .slt_cl1 .item .ico1-3{background-image:url(/images/common/ico_flag1-2.png)}
.topset .slt_cl1 .item .ico1-4{background-image:url(/images/common/ico_flag1-3.png)}
.topset .slt_cl1 .item .ico1-5{background-image:url(/images/common/ico_flag1-4.png)}
.topset .slt_cl1 .item .ico1-6{background-image:url(/images/common/ico_flag1-5.png)}
.topset .slt_cl1 .item:hover{background-color:#fafafa}
.topset .slt_cl1.country .list .item.first{border-right:none}
.topset .slt_cl1.country .sep{position:absolute; right:0px; top:10px; width:1px; height:18px; background:url(/images/common/sep5.png) no-repeat 0 0}
.topset .slt_cl1.lang{}
.topset .slt_cl1.lang .list{left:-1px}
.topset .slt_cl1.lang .list .item.first{border-left:none}
.topset .slt_cl1.lang .item a{margin-left:14px; padding-left:0; background:none}
.topset .slt_cl1.lang .sep{position:absolute; left:-1px; top:10px; width:1px; height:18px; background:url(/images/common/sep5.png) no-repeat 0 0}
.topset .left li.last{position:relative; margin-left:20px}
.topset .left li.last a{margin-right:17px; padding-top:13px; vertical-align:top}
.topset .left li.last img{vertical-align:top}
.topset .right{float:right}
.topset .right:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}
.topset .right li a{margin-right:22px}
.topset .right li .ico1-1{padding-left:23px; background:url(/images/common/ico_file1.png) no-repeat left 11px}
.topset .right li .ico1-2{padding-left:19px; background:url(/images/common/ico_file2.png) no-repeat left 13px}
.topset .right li.last{padding-left:23px; background:url(/images/common/sep1.png) no-repeat left center}
.topset .right li.last a{margin-right:23px}
.topset .right li.last span{font-size:12px; color:#b6a595}
.topset .right li.last .ico1{color:#fff; padding-left:21px; background:url(/images/common/ico_file3.png) no-repeat left center}

#lnb_main{position:absolute; top:0; width:100%; margin-top:40px; background:transparent; z-index:4}
#lnb_main .inner:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}
#lnb_main .left{float:left; padding:27px 0}
#lnb_main .right{float:right}
#lnb_main .right ul{}
#lnb_main .right ul:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}
#lnb_main .right li{float:left; margin-left:38px}
#lnb_main .right li a{display:block; padding:34px 0 10px; border-top:5px solid transparent; font-family: 'Noto Sans Korean','Malgun Gothic', '¸¼Àº °íµñ', sans-serif; font-size:16px; font-weight:bold; color:#fff}
#lnb_main .right li a:hover,
#lnb_main .right li a.selected{border-color:#ce1826}

#lnb{position:relative; width:100%; height:85px; background:#fff; border-bottom:1px solid #eee; z-index:4; box-sizing:border-box}
#lnb .inner:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}
#lnb .left{float:left; }
#lnb .left h1{display:inline-block; margin-right:17px; vertical-align:top}
#lnb .left h1 img{position:relative; top:4px}

#lnb .left .l_searchbar{display:inline-block; text-align:center}
#lnb .left .l_searchbar .inner{display:inline-block; padding:5px}
#lnb .left .l_searchbar input{width:273px; height:47px; line-height:47px; padding-left:16px; color:#333; border-radius:4px 0 0 4px}
/*±¹°¡¼±ÅÃ
#lnb .left .l_searchbar .slt_country2{display:inline-block; position:relative; width:125px; height:47px; margin-left:-4px; text-align:left; vertical-align:middle; background:#fff; overflow:hidden; z-index:5}
#lnb .left .l_searchbar .slt_country2:hover{overflow:visible}
#lnb .left .l_searchbar .slt_country2 .basic a{display:block; line-height:45px; border:1px solid #e7e7e7; border-right:none; border-left:none; padding-left:18px; background:url(/images/common/ico_arrow6.png) no-repeat right 14px center}
#lnb .left .l_searchbar .slt_country2 .basic span{font-size:13px; font-weight:700; color:#221f1f}
#lnb .left .l_searchbar .slt_country2 .list_country{position:absolute; top:46px; left:-1px}
#lnb .left .l_searchbar .slt_country2 .list_country .inner1{width:124px; border:1px solid #e4e4e4; overflow:hidden}
#lnb .left .l_searchbar .slt_country2 .item{width:100%; height:45px; border-bottom:1px solid #e4e4e4}
#lnb .left .l_searchbar .slt_country2 .item.last{border-bottom:none}
#lnb .left .l_searchbar .slt_country2 .item a{display:block; line-height:45px; padding-left:19px; font-size:13px; font-weight:700; color:#221f1f; background:#fff}
#lnb .left .l_searchbar .slt_country2 .item a:hover{background:#fafafa}*/
#lnb .left .l_searchbar select{width:126px; border-right:none; margin-left:-6px}
#lnb .left .l_searchbar .btn_search{margin-left:-4px}
#lnb .right{float:right}
#lnb .right ul:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}
#lnb .right li{float:left; margin-left:25px}
#lnb .right li a{display:block; padding:38px 0 24px; border-top:5px solid transparent; font-size:17px; font-weight:600; color:#221f1f}
#lnb .right li a:hover,
#lnb .right li a.selected{color:#ce1826; border-color:#ce1826}

/* 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:#fff; position: relative; left: 0; top: 0; height: 100px;}
.main .head-wrap { width: 100%; }
.main .logo { position: absolute; left: 0; top: 27px;  padding-bottom: 50px; }
.main .list-member { text-align: right; padding: 10px 0 10px; }
.main .list-member a { font-size: 13px; color: #000; vertical-align: middle; margin-left: 25px; height: 20px; line-height: 20px; }
.main #nav { width: 100%; }
.main #nav .list-gnb { text-align: right; line-height: 30px; height: 30px; }
.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: #000; line-height: 30px; height: 30px; }
.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 */

.main_visual{position:relative; min-width:1232px;  box-sizing:border-box; }
.main_visual .mvis li{width:100%;  background-repeat:no-repeat; background-position:center;}
.main_visual .mvis li .site_grid{height:640px}
.main_visual .mvis li.vis1{background-image:url('/images/main/mvis1_n.jpg')}
.main_visual .mvis li.vis2{background-image:url('/images/main/mvis1_1n.jpg')}
.main_visual .mvis li.vis3{background-image:url('/images/main/mvis1_2n.jpg')}
.main_visual .mvis li.vis4{background-image:url('/images/main/mvis1_3n.jpg')}
.main_visual .mvis li.vis5{background-image:url('/images/main/mvis1_4n.jpg')}
.main_visual .mvis li.vis6{background-image:url('/images/main/mvis1_5n.jpg')}

.main_visual .mvis li .mvis_text1{position:absolute; top:45%; left:0; margin-top:-140px}
.main_visual .mvis li .mvis_text1 .sub_text{font-size:15px; font-weight:bold; color:#fff; text-transform:uppercase;}
.main_visual .mvis li .mvis_text1 .sub_text span{color:#fa450d}
.main_visual .mvis li .mvis_text1 .main_text{margin-top:16px; font-size:36px; color:#fff; font-weight:100; line-height:56px; letter-spacing:-0.5px}
.main_visual .mvis li .mvis_text1 .main_text span{font-weight:bold; color:#fa450d}
.main_visual .mvis li .mvis_text1 .main_text p{font-weight:400; font-size:28px; }
.main_visual .mvis li .mvis_text1 .btn1{margin-top:30px}

.main_visual .mvis li .mvis_text2{position:absolute; top:45%; left:0px; margin-top:-140px}
.main_visual .mvis li .mvis_text2 .sub_text{font-size:15px; font-weight:bold; color:#fff; text-transform:uppercase;}
.main_visual .mvis li .mvis_text2 .sub_text span{color:#394ba7}
.main_visual .mvis li .mvis_text2 .main_text{margin-top:16px; font-size:36px; color:#fff; font-weight:100; line-height:56px; letter-spacing:-0.5px}
.main_visual .mvis li .mvis_text2 .main_text span{font-weight:bold; color:#394ba7}
.main_visual .mvis li .mvis_text2 .main_text p{font-weight:400; font-size:28px; }
.main_visual .mvis li .mvis_text2 .btn1{margin-top:30px}

.main_visual .mvis li .mvis_text3{position:absolute; top:45%; left:0; margin-top:-140px}
.main_visual .mvis li .mvis_text3 .sub_text{font-size:15px; font-weight:bold; color:#fff; text-transform:uppercase;}
.main_visual .mvis li .mvis_text3 .sub_text span{color:#ec1c24}
.main_visual .mvis li .mvis_text3 .main_text{margin-top:16px; font-size:36px; color:#fff; font-weight:100; line-height:56px; letter-spacing:-0.5px}
.main_visual .mvis li .mvis_text3 .main_text span{font-weight:bold; color:#ec1c24}
.main_visual .mvis li .mvis_text3 .main_text p{font-weight:400; font-size:20px; }
.main_visual .mvis li .mvis_text3 .btn1{margin-top:30px}

.main_visual .mvis li .mvis_text{position:absolute; top:50%; left:0; margin-top:-170px}
.main_visual .mvis li .mvis_text .sub_text{font-size:15px; font-weight:bold; color:#fff; text-transform:uppercase;}
.main_visual .mvis li .mvis_text .sub_text span{color:#008d3a}
.main_visual .mvis li .mvis_text .main_text{margin-top:16px; font-size:42px; font-weight:100; line-height:56px; letter-spacing:-0.5px}
.main_visual .mvis li .mvis_text .main_text span{font-weight:bold; color:#008d3a}
.main_visual .mvis li .mvis_text .btn1{margin-top:30px}
/* BX-SLIDER */
.main_visual .bx-wrapper .bx-controls-direction a{margin-top:-27px; width:28px; height:55px; opacity:.8; transition:.2s ease-in-out}
.main_visual .bx-wrapper .bx-controls-direction a:hover{opacity:1}
.main_visual .bx-wrapper .bx-prev{left:50%; margin-left:-700px; background:url('/images/main/arw_mvis_prev.png') no-repeat 0 0; background-size:28px auto}
.main_visual .bx-wrapper .bx-prev:hover{margin-left:-703px}
.main_visual .bx-wrapper .bx-next{right:50%; margin-right:-700px; background:url('/images/main/arw_mvis_next.png') no-repeat 0 0; background-size:28px auto}
.main_visual .bx-wrapper .bx-next:hover{margin-right:-703px;}
.main_visual .bx-wrapper .bx-pager{bottom:40px}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {background:transparent; border:1px solid #fff; width:14px; height:14px; margin:0 5px; border-radius:50%; box-sizing:border-box}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus{border-color:#008d3a; background:#008d3a}

.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: 'Noto Sans Korean','Malgun Gothic', '¸¼Àº °íµñ', sans-serif; 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 { 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: 'Noto Sans Korean','Malgun Gothic', '¸¼Àº °íµñ', sans-serif; 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: 250px; }
.m-visua2-wrap .title-3 { font-size: 30px; font-weight: 300; top: 380px; }
.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 ;  background-color: #f7f6f7; }
.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: 1; 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; font-size: 40px; margin-top: 10px;}
.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: url(/images/main/know_main2_1_bg.jpg); background-attachment: fixed; background-position: center center;  height: 1800px; }
.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: 1100px; }
.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: 650px; 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; padding-top: 60px;}

.special-wrap5 { background: url(/images/m_specialbg5.png) no-repeat; background-size: cover; height: 820px; 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; padding-top: 60px;}

.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: 5; 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: 5; }
.moe-01 a { z-index: 5; }
.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:63%;}
.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;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:5px 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: 'Noto Sans Korean','Malgun Gothic', '¸¼Àº °íµñ'; 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;}

/* °øÅë ÆùÆ® */
.n11					{font-family:NotoSansCJKkr,dotum; font-size:11px;}
.n12					{font-family:NotoSansCJKkr,dotum; font-size:12px;}
.n13					{font-family:NotoSansCJKkr,dotum; font-size:13px;}
.n14					{font-family:NotoSansCJKkr,dotum; font-size:14px;}
.n15					{font-family:NotoSansCJKkr,dotum; font-size:15px;}
.n16					{font-family:NotoSansCJKkr,dotum; font-size:16px;}
.n17					{font-family:NotoSansCJKkr,dotum; font-size:16px;}
.n20					{font-family:NotoSansCJKkr,dotum; font-size:20px;}
.n25					{font-family:NotoSansCJKkr,dotum; font-size:20px;}

.nb						{font-family:NotoSansCJKkr;}
.nb11					{font-family:NotoSansCJKkr,dotum; font-size:11px!important; font-weight:600;}
.nb14					{font-family:NotoSansCJKkr,dotum; font-size:14px!important; font-weight:600;}
.nb15					{font-family:NotoSansCJKkr,dotum; font-size:15px!important; font-weight:600;}
.nb16					{font-family:NotoSansCJKkr,dotum; font-size:16px!important; font-weight:600;}
.nb17					{font-family:NotoSansCJKkr,dotum; font-size:17px!important; font-weight:600;}
.nb20					{font-family:NotoSansCJKkr,dotum; font-size:20px;vertical-align:middle; font-weight:600;}
.nb22					{font-family:NotoSansCJKkr,dotum; font-size:22px;vertical-align:middle; font-weight:600;}
.nb24					{font-family:NotoSansCJKkr,dotum; font-size:22px;vertical-align:middle; font-weight:600;}
.nb38					{font-family:NotoSansCJKkr,dotum; font-size:38px!important; font-weight:600;}
.nb44					{font-family:NotoSansCJKkr,dotum; font-size:36px!important; font-weight:600;}

.li20					{line-height:20px;}
.li22					{line-height:22px;}
.li24					{line-height:24px;}
.li30					{line-height:25px;}
.li28					{line-height:28px;}
.li18					{line-height:18px;}
.li10					{line-height:12px;}

.button1{display:inline-block; line-height:42px; font-weight:bold; color:#fa450d; text-align:center; padding:0 37px; border:1px solid #fa450d; border-radius:22px; transition:.2s ease-in-out}
.button1:hover, 
.button1.fill{color:#fff; background-color:#fa450d}
.button1_1{display:inline-block; line-height:42px; font-weight:bold; color:#394ba7; text-align:center; padding:0 37px; border:1px solid #394ba7; border-radius:22px; transition:.2s ease-in-out}
.button1_1:hover, 
.button1_1.fill{color:#fff; background-color:#394ba7}
.button1_2{display:inline-block; line-height:32px; font-weight:bold; color:#008d3a; text-align:center; padding:0 27px; border:1px solid #008d3a; border-radius:18px; transition:.2s ease-in-out}
.button1_2:hover, 
.button1_2.fill{color:#fff; background-color:#008d3a}
.button1_3{display:inline-block; line-height:42px; font-weight:bold; color:#ec1c24; text-align:center; padding:0 37px; border:1px solid #ec1c24; border-radius:22px; transition:.2s ease-in-out}
.button1_3:hover, 
.button1_3.fill{color:#fff; background-color:#ec1c24}
.button2{display:inline-block; line-height:52px; font-size:18px; font-weight:bold; color:#fff; text-align:center; letter-spacing:-0.25px; padding:0 32px; background:#008d3a; border-radius:8px}
input.button3, .button3{display:block; width:100%; line-height:80px; font-size:22px; font-weight:bold; color:#fff; letter-spacing:0.25px; border:0; background-color:#008d3a; text-align:center; border-radius:10px; overflow:hidden; cursor:pointer}
.button4{display:inline-block; width:248px; line-height:56px; font-size:16px; font-weight:bold; color:#008d3a; text-align:center; border:1px solid #008d3a; border-radius:10px}
.button4.fill{color:#fff; background-color:#008d3a}
.button5{display:block; width:100%; line-height:50px; font-size:17px; font-weight:bold; color:#fff; padding:0 16px; letter-spacing:0.25px; border:0; background-color:#008d3a; text-align:center; border-radius:10px; overflow:hidden; cursor:pointer}
.button_hm_btn1{padding:8px; width:100%; line-height:47px; font-size:14px; font-weight:bold; color:#fff; background-color:#008d3a; text-align:center; border-radius:6px; overflow:hidden; cursor:pointer}
.site_grid{position:relative; width:1100px; margin:0 auto}