﻿@charset "utf-8";
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/fonts/NotoSans-Bold.eot');
    src: url('/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoSans-Bold.woff2') format('woff2'),
         url('/fonts/NotoSans-Bold.woff') format('woff'),
         url('/fonts/NotoSans-Bold.ttf') format('truetype'),
         url('/fonts/NotoSans-Bold.svg#NotoSansBoldKr') format('svg');
    font-weight: 700;
  }
  
  
  
  
  @font-face {
    font-family: 'Noto Sans KR';
    src: url('/fonts/NotoSans-Regular.eot');
    src: url('/fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoSans-Regular.woff2') format('woff2'),
         url('/fonts/NotoSans-Regular.woff') format('woff'),
         url('/fonts/NotoSans-Regular.ttf') format('truetype'),
         url('/fonts/NotoSans-Regular.svg#NotoSansRegularKr') format('svg');
    font-weight: normal;
  }
  
  
  
  
  @font-face {
    font-family: 'Noto Sans KR';
    src: url('/fonts/NotoSans-Thin.eot');
    src: url('/fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoSans-Thin.woff2') format('woff2'),
         url('/fonts/NotoSans-Thin.woff') format('woff'),
         url('/fonts/NotoSans-Thin.ttf') format('truetype'),
         url('/fonts/NotoSans-Thin.svg#noto_sans_krthin') format('svg');
    font-weight: 100;
  }


*{margin:0;padding:0;}
body{background-color:#fff;font-size:14.8px;color:#444;line-height:150%;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;-webkit-text-size-adjust:none;}
ul,ol{list-style:none;}
table{margin:0;padding:0;border-spacing:0;border:0;_border-collapse:collapse;width:100%;}
*+html table{border-collapse:collapse;}
img,fieldset,abbr,acronym{border:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;}
input, button,textarea{padding:0;font-size:100%;}
table{border-collapse:collapse;border-spacing:0}
table,table th,table td{border:0;}
hr{display:none}
a{color:#555;text-decoration:none;}
img{vertical-align:middle;}
body{background-color:#fff;}
caption{*position:absolute;top:0;left:0;width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
.hide{overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.gLeft{float:left;}
.gRight{float:right;}
.hidden{display:none;}
.br{display:block;}

#wrap{min-width:1490px;}
#wrap .bg{position:relative;margin:0 auto;width:1200px;}

#header{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);min-width:1200px;width:100%;height:67px;z-index:100;}
#header .bg{padding:0 200px 0 240px;width:auto;}
#header h1{position:absolute;top:0;left:0;padding:0 0 0 50px;}
#header h1 a{display:block;background:url(/app/images/logo.png) 0 50% no-repeat;text-indent:-9999px;font-size:0;width:165px;height:67px;}
#header .sns{position:absolute;top:16px;right:20px;}
#header .sns a{display:block;float:left;background:url(/app/images/ico_facebook.png) 0 0 no-repeat;text-indent:-9999px;font-size:0;margin:0 0  0 13px;width:35px;height:35px;}
#header .sns a.twitter{background-image:url(/app/images/ico_twitter.png);}
#header .sns a.naver{background-image:url(/app/images/ico_naver.png);}

.mGnb{margin:0 auto;max-width:1200px;min-width:800px;}
.mGnb ul{zoom:1;}
.mGnb ul:after{display:block;clear:both;content:''}
.mGnb li{position:relative;float:left;width:16%;}
.mGnb li strong a{position:relative;display:block;color:#fff;font-size:17px;font-weight:normal;text-align:center;line-height:67px;height:67px;}
.mGnb li .sub{display:none;position:absolute;top:66px;left:0;background-color:#1d3c72;border-top:1px solid #2b4a7e;text-align:center;padding:11px 0 20px;width:100%;z-index:100;zoom:1;}
.mGnb li .sub:after{display:block;clear:both;content:''}
.mGnb li .sub a{display:block;color:#fff;font-size:15px;padding:5px 10px 5px 47px;text-align:left;}
.mGnb li .sub .selected a,
.mGnb li .sub a:hover{background:url(/app/images/ico_gnbarr1.png) 24px 12px no-repeat;color:#fff;}
.mGnb li.overLi strong a,
.mGnb li.selected strong a{background-color:#1d3c72;color:#fff;}

.mBox3 {padding:10px;border:1px solid #ddd;text-align:center;}
.mBox2 {padding:10px;border:1px solid #ddd;border-left:0;border-right:0}
.mBox {padding:10px;border:1px solid #ddd;}

.mSearch{position:absolute;top:50%;right:0;margin-top:-15px;background-color:#f0f0f0;border:1px solid #e5e5e5;padding-right:29px;width:155px;height:27px;}
.mSearch legend{display:none;}
.mSearch .keyword{border:0;background-color:transparent;padding-left:10px;width:145px;line-height:27px;height:27px;}
.mSearch .find{position:absolute;top:0;right:0;background:url(/app/images/ico_find.png) 0 0 no-repeat;text-indent:-9999px;font-size:0;border-left:1px solid #e5e5e5;width:28px;height:27px;}

.mSearch2{position:relative;margin:0 0 33px;padding-right:34px;text-align:right;}
.mSearch2 legend{display:none;}
.mSearch2 .keyword{border:0;border:1px solid #cbcbcb;background-color:#fff;padding-left:10px;width:189px;line-height:34px;height:34px;}
.mSearch2 .find{position:absolute;top:0;right:0;background:url(/app/images/ico_find2.png) 0 0 no-repeat;border:1px solid #cbcbcb;text-indent:-9999px;font-size:0;border-left:1px solid #cbcbcb;width:34px;height:34px;}

span.radio{display:inline-block;background:url(/app/images/ico_radio.png) 0 0 no-repeat;margin:0 5px 0 0;vertical-align:-4px;width:20px;min-height:20px;}
span.checkbox{display:inline-block;background:url(/app/images/ico_checkbox.png) 0 0 no-repeat;margin:0 0 0 5px;vertical-align:-4px;width:20px;min-height:20px;}
input.styled{width:24px;height:24px;}
.select{display:block;background:url(/app/images/ico_select1.png) 100% 50% no-repeat #fff;border:1px solid #ebeaeb;color:#707070;font-size:14px;padding:0 20px 0 15px;line-height:36px;height:36px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
select.styled{position:absolute;top:0;left:0;color:#808080;margin-top:0;width:100%;opacity:0;filter:alpha(opacity=0);z-index:5;font-size:16px;height:36px;}
input.styled{margin:0 0 0 -22px !important;vertical-align:-4px;visibility:visible !important;filter:alpha(opacity=1);opacity:0.01;-moz-opacity:0.01;}

.mSelect{display:inline-block;position:relative;}

.gTextarea{display:block;padding:0 12px 0 0;}
.gTextarea .textarea{width:100%;}
.textarea{border:1px solid #ccc;font-size:16px;padding:10px 0 0 10px;width:341px;height:100px;vertical-align:middle;resize:none;}
.it{border:1px solid #ccc;font-size:16px;padding:0 0 0 10px;width:341px;line-height:37px;height:37px;}

#footer{position:relative;background-color:#fff;border-top:1px solid #d9d9d9;margin:60px 0 0;}
#footer .bg{padding:20px 0;}
#footer .logo{float:left;display:block;margin:20px 0 0 3px;}
#footer .copy{color:#838383;font-size:13px;line-height:170%;padding:0 0 0 195px;}

#body{background-color:#fff;margin:-120px auto 0;width:1200px;}
#body .bg{padding:43px 45px 60px;width:auto;zoom:1;}
#body .bg:after{display:block;clear:both;content:''}
#body h4{color:#2a2a2a;font-size:30px;text-align:center;font-weight:normal;line-height:130%;margin:0 0 31px;}

.mBc{position:absolute;top:387px;right:0;color:#666;font-size:13px;}
.mBc .bar{padding:0 5px;}

.mTab1{border:1px solid #efefef;border-left:0;border-right:0;margin:0 0 50px;padding:23px 0px 23px 55px;}
.mTab1 a{color:#2a2a2a;font-size:20px;}
.mTab1 a.selected{color:#1d3c72;}
.mTab1 .bar{color:#e3e3e3;font-size:17px;font-family:dotum;padding:0 7px;}

.mTab2 {text-align:center;color:#fff;background-color:#39434c;font-size:18px;line-height:160%;padding:20px 0 20px 0;letter-spacing:-1px;border:1px solid #ddd}
.mTab22 {text-align:center;color:#2a2a2a;background-color:#f8f8f8;font-size:18px;line-height:160%;padding:20px 0 20px 0;letter-spacing:-1px;border:1px solid #ddd}

.mList1 li{padding:0 0 30px 65px;}
.mList1 .title{position:relative;}
.mList1 .title .num{position:absolute;top:0;background-color:#1d3c72;color:#fff;font-size:15px;text-align:center;width:39px;line-height:39px;height:39px;}
.mList1 .title .ti{display:block;font-size:25px;font-weight:normal;letter-spacing:-1px;padding:7px 0 0 53px;}
.mList1 .title .tx{letter-spacing:-0.2px;padding:25px 0 0;}
.mList1 .image{border-bottom:1px solid #efefef;margin:37px 0 0;padding:0 0 37px;zoom:1;}
.mList1 .image:after{display:block;clear:both;content:''}
.mList1 .image .img{float:left;}
.mList1 .image .txt{padding:0 0 0 410px;}
.mList1 .image .txt .ti{display:block;color:#1d3c72;font-weight:normal;letter-spacing:-0.5px;font-size:23px;margin:0 0 30px;}

.mList2 li{padding:0 50px 90px 50px;}
.mList2 .title{position:relative;}
.mList2 .title .num{position:absolute;top:0;left:-65px;background-color:#1d3c72;color:#fff;font-size:25px;text-align:center;width:49px;line-height:49px;height:49px;}
.mList2 .title .ti{display:block;font-size:25px;font-weight:normal;letter-spacing:-1px;padding:4px 0 0;}
.mList2 .title .tx{letter-spacing:-0.2px;padding:17px 0 0;}
.mList2 .image{border-bottom:1px solid #efefef;margin:37px 0 0;padding:0 0 37px;zoom:1;}
.mList2 .image:after{display:block;clear:both;content:''}
.mList2 .image .img{float:left;}
.mList2 .image .txt{padding:0 0 0 410px;}
.mList2 .image .txt .ti{display:block;color:#1d3c72;font-weight:normal;letter-spacing:-0.5px;font-size:23px;margin:0 0 30px;}

.mList3 li{padding:0 50px 42px 50px;}
.mList3 .title{position:relative;}
.mList3 .title .num{position:absolute;top:0;left:-65px;background-color:#1d3c72;color:#fff;font-size:20px;text-align:center;width:49px;line-height:49px;height:49px;}
.mList3 .title .ti{display:block;font-size:25px;font-weight:normal;letter-spacing:-1px;padding:4px 0 0;}
.mList3 .title .tx{letter-spacing:-0.2px;padding:17px 0 0;}
.mList3 .image{border-bottom:1px solid #efefef;margin:37px 0 0;padding:0 0 37px;zoom:1;}
.mList3 .image:after{display:block;clear:both;content:''}
.mList3 .image .img{float:left;}
.mList3 .image .txt{padding:0 0 0 410px;}
.mList3 .image .txt .ti{display:block;color:#1d3c72;font-weight:normal;letter-spacing:-0.5px;font-size:23px;margin:0 0 30px;}

.mBtn {width:100px;padding:10px;background-color:#1d3c72;color:#fff;text-align:center;}

.iTop{position:fixed;bottom:107px;right:50%;margin-right:-710px;background:url(/app/images/ico_top.png) 0 0 no-repeat;text-indent:-9999px;font-size:0;width:97px;height:48px;z-index:100;}
.iTop2{position:fixed;bottom:85px;right:50%;margin-right:-710px;font-size:0;width:58px;height:58px;z-index:100;}

.mKeymain{position:relative;height:650px;overflow:hidden;}
.mKeymain li{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;height:938px;z-index:99}
.mKeymain li .txt{position:absolute;top:15%;left:20%;width:100%;}
.mKeymain li .txt .tx{display:block;margin:0 0 35px;}
.mKeymain .bx-prev,
.mKeymain .bx-next{position:absolute;top:50%;left:55px;margin-top:-32px;background:url(/app/images/ico_prev1.png) 50% 100% no-repeat;text-indent:-9999px;font-size:0;width:64px;height:64px;}
.mKeymain .bx-next{left:auto;right:55px;background-image:url(/app/images/ico_next1.png);}

.mMain2{height:400px;background-color:#ddd;margin-bottom:50px;}
.mMain2 h3{position:relative;color:#101010;font-size:30px;letter-spacing:-2px;padding:80px 0 25px;text-align:center;}
.mMain2 .txt{display:none;}
.mMain2 .iMore{position:absolute;bottom:66px;right:0;}

.iMore{display:inline-block;border:1px solid #fff;border-radius:3px;color:#fff;font-size:17px;padding:0 15px;text-align:center;min-width:90px;line-height:44px;height:44px;margin:-160px 0 0 30px;}

.mMain3 .bg{padding:47px 0 0;}
.mMain3 h3{position:relative;color:#101010;font-size:30px;letter-spacing:-2px;padding:18px 0 58px;text-align:center;}
.mMain3 h3 em{color:#00acb2;}
.mMain3 ul{margin:0 0 0 -7px;zoom:1;}
.mMain3 ul:after{display:block;clear:both;content:''}
.mMain3 li{float:left;margin:0 0 0 20px;width:23%;}
.mMain3 li .txt{display:block;letter-spacing:-0.5px;padding:31px 0 0;}
.mMain3 li .txt .ti{display:block;color:#101010;font-size:19px;letter-spacing:-1px;text-align:center;font-weight:700;}
.mMain3 li .txt .tx{display:block;color:#616161;font-size:16px;letter-spacing:-1px;line-height:190%;margin:21px 0 0;font-weight:300;}

.mKeysub{background:url(/app/images/img_keysub1.png) 50% 50% no-repeat;background-size:cover;text-align:center;height:540px;}
.mKeysub h3{position:relative;color:#fff;font-weight:normal;font-size:51px;margin:0 0 15px;padding:160px 0 19px;line-height:130%;}
.mKeysub h3:before{content:"";position:absolute;bottom:0;left:50%;background-color:rgba(255,255,255,0.35);margin-left:-51px;width:102px;height:1px;}
.mKeysub .txt{color:#e9e9e9;font-size:17px;line-height:150%;}

.mKeysub2{background:url(/app/images/img_keysub2.png) 50% 50% no-repeat;background-size:cover;text-align:center;height:540px;}
.mKeysub2 h3{position:relative;color:#fff;font-weight:normal;font-size:51px;margin:0 0 15px;padding:160px 0 19px;line-height:130%;}
.mKeysub2 h3:before{content:"";position:absolute;bottom:0;left:50%;background-color:rgba(255,255,255,0.35);margin-left:-51px;width:102px;height:1px;}
.mKeysub2 .txt{color:#e9e9e9;font-size:17px;line-height:150%;}

.mKeysub3{background:url(/app/images/img_keysub3.png) 50% 50% no-repeat;background-size:cover;text-align:center;height:540px;}
.mKeysub3 h3{position:relative;color:#fff;font-weight:normal;font-size:51px;margin:0 0 15px;padding:160px 0 19px;line-height:130%;}
.mKeysub3 h3:before{content:"";position:absolute;bottom:0;left:50%;background-color:rgba(255,255,255,0.35);margin-left:-51px;width:102px;height:1px;}
.mKeysub3 .txt{color:#e9e9e9;font-size:17px;line-height:150%;}

.mKeysub4{background:url(/app/images/img_keysub4.png) 50% 50% no-repeat;background-size:cover;text-align:center;height:540px;}
.mKeysub4 h3{position:relative;color:#fff;font-weight:normal;font-size:51px;margin:0 0 15px;padding:160px 0 19px;line-height:130%;}
.mKeysub4 h3:before{content:"";position:absolute;bottom:0;left:50%;background-color:rgba(255,255,255,0.35);margin-left:-51px;width:102px;height:1px;}
.mKeysub4 .txt{color:#e9e9e9;font-size:17px;line-height:150%;}

.mKeysub5{background:url(/app/images/img_keysub5.png) 50% 50% no-repeat;background-size:cover;text-align:center;height:540px;}
.mKeysub5 h3{position:relative;color:#000;font-weight:normal;font-size:51px;margin:0 0 15px;padding:160px 0 19px;line-height:130%;}
.mKeysub5 h3:before{content:"";position:absolute;bottom:0;left:50%;background-color:#999;margin-left:-51px;width:102px;height:1px;}
.mKeysub5 .txt{color:#666;font-size:17px;line-height:150%;}


.gridSub{background-color:#fff;}

#wrap.fixed{min-width:1490px;}
#wrap.fixed #header{background-color:rgba(30,30,30,0.8);line-height:58px;height:58px;min-width:1490px;}
#wrap.fixed #header .bg{margin:0 auto;padding:0;width:1200px;}
#wrap.fixed #header h1{padding-top:0;margin-top:-4px;padding-left:0;}
#wrap.fixed #header h1 a{background-image:url(/app/images/logo_sub.png);}
#wrap.fixed #header .sns{top:11px;}
#wrap.fixed .mGnb{max-width:auto;min-width:auto;}
#wrap.fixed .mGnb ul{float:right;border-left:0;margin-right:-25px;}
#wrap.fixed .mGnb li{width:auto;}
#wrap.fixed .mGnb li strong a{border-right:0;color:#4e4e4e;font-size:15px;padding:0 25px;line-height:58px;height:58px;color:#fff;}
#wrap.fixed .mGnb li.overLi strong a,
#wrap.fixed .mGnb li.selected strong a{background-color:transparent;color:#ffe400;}
#wrap.fixed .mGnb li .sub{display:none !important;}



/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	
}


/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  left:50%;
  margin-left:-60px;
	margin-top:-150px;
  z-index:9999999;
  position:absolute;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 6px;
  outline: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;	
  z-index:9999999;  
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #24bbc0;
  z-index:9999999;  
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
  z-index:9999999;  
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
  z-index:9999999;  
}


.mPag{margin:37px 0 0;line-height:normal;text-align:center;}
.mPag .bar,
.mPag a,
.mPag strong{display:inline-block;background-color:#fff;border:1px solid #d3d3d3;margin:0 1px;text-decoration:none;vertical-align:middle;text-align:center;min-width:28px;line-height:27px;height:28px;}
.mPag strong,
.mPag .selected{background-color:#393939;border-color:#393939;color:#fff;}
.mPag .prev,
.mPag .next{position:relative;display:inline-block;background:url(../images/k_pag1.png) 0 0 no-repeat;border:1px solid #d3d3d3;text-indent:-9999px;font-size:0;overflow:hidden;padding:0;margin:0;width:28px;height:28px;z-index:10;}
.mPag .prev{background-position:-28px 0;margin:0 12px 0 0;}
.mPag .next{background-position:-56px 0;margin:0 0 0 12px;}
