body,h1,h2,h3,h4,div,p,span,a,img,ul,ol,li,dl,dt,dd,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b
{margin:0;padding:0;}

legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border:none !important;display:none !important}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
ul,ol,li{list-style:none;}
img {border:0}

a {color:#444; text-decoration:none !important; outline:none !important;}
a:hover, a:active {color:#345e95;text-decoration:none;}
a:focus {outline:none;}
.thumb-hover:hover {filter:alpha(opacity=60);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

@media (max-width:568px) {
body {font-size:1.1em !important}
}

@media (max-width: 769px) {
  .hidden-xs {display: none !important;}
}

@media (min-width: 769px){
  .pc_no{display:none !important;}
}


@media only screen and (min-width: 1152px){
.wrap{ position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
}

@media only screen and (max-width: 1151px){
.wrap{ position: relative; z-index:inherit; left:50%; top:0; width:100%; margin-left:-1000px}
}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/*상단 레이아웃*/
.box1{ width:100%; max-width:1200px; margin:0 auto; position:relative; }
.box2{ width:100%; overflow:hidden; margin:0 auto; position:relative; position:absolute; left:0px; top:40%;  }

.header{position:fixed; left:50%; top:0; width:100%; margin-left:-1000px; z-index:100001; }
#header{width:100%; position:fixed; left:50%; margin-left:-50%; top:0px; z-index:9999999; background:url("/img/top_bg.png");}
#header.on{ background:url("/img/top_bg.png");border-bottom:1px solid #ddd;}
#header .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background:#fff; display:none; }

#header .top_area { text-align:left; height:30px;} 

/*최상단*/
/#header .top_area .l_area > li a {/*background-image:url("/img/all_nav.png") no-repeat;*/}

/*전체 메뉴*/
#header .top_area .l_area .allmenu{ position:absolute; z-index:1004; background:#fff; width:100%; top:30px; filter:alpha(opacity=90);opacity:0.95; border:1px solid #086d96; 
                                    display:none; padding:0px 0px 40px 0px; }
#header .top_area .l_area .allmenu .gnb{padding:70px 40px;}
#header .top_area .l_area .allmenu .gnb > li{ width:22%; float:left; height:280px;overflow:hidden; margin-left:2.6%; }
#header .top_area .l_area .allmenu .gnb > li:first-child{ }
#header .top_area .l_area .allmenu .gnb > li.m_guide,
#header .top_area .l_area .allmenu .gnb > li.m_4 {   }
#header .top_area .l_area .allmenu .gnb > li .dp1{  display:block; position:relative; z-index:inherit; padding:8px 12px 8px 12px; font-size:14px;
                                               background:url("/img/main_bt_bg4.jpg") top; border-radius:3px; color:#fff; text-align:center; font-weight:600;font-family:notokrM;}
#header .top_area .l_area .allmenu .gnb > li .dp2{ padding:10px 0 0 0; min-height:200px;}
#header .top_area .l_area .allmenu .gnb > li .dp2 > li > a{ display:block; color:#444; border-bottom:1px dotted #aaa; padding:7px 20px; font-size:1em; font-weight:600; text-align:center;font-family:notokrM;}
#header .top_area .l_area .allmenu .gnb > li .dp2 > li > a:hover{ color:#000;}

#header .top_area .l_area .allmenu .gnb > li.m_mypage,
#header .top_area .l_area .allmenu .gnb > li.m_search,
#header .top_area .l_area .allmenu .gnb > li.m_member,
#header .top_area .l_area .allmenu .gnb > li.m_guide {display:none}

#header .top_area .l_area .allmenu .allmenu_btn_close{ display:inline-block; *display:inline; zoom:1; position:absolute; left:50%; margin-left:-72px; 
                                                       bottom:0px; width:144px; background:#333; color:#fff; font-weight:600; padding:10px 0; border-radius:5px 5px 0 0; text-align:center}
#header .top_area .l_area .allmenu .allmenu_btn_close:hover{ background:#000;}

/*전체메뉴 버튼*/
#header .top_area .r_area .allmenu{ position:absolute; z-index:1004; background:#fff; width:100%; top:30px; filter:alpha(opacity=90);opacity:0.95; border:1px solid #444; 
                                    display:none; padding:0px 0px 40px 0px; }
/*최상단 메뉴*/
#header .top_area .r_area {float:right; display:inline-block; *display:inline; zoom:1; text-align:right; margin-right:25px }
#header .top_area .r_area > li { background:#086d96; display:inline-block; *display:inline; zoom:1; padding:0 10px; margin-right:-3px}
#header .top_area .r_area > li:hover {background:#065778;}
#header .top_area .r_area > li a { font-size:11px; color:#fff; font-family:"Nanum Gothic", sans-serif; line-height:30px;}
#header .top_area .r_area > li a:hover { color:#fff; text-decoration:none; }
#header .top_area .r_area .admin_btn {background-color:#961010; color:#fff;}
#header .top_area .r_area .admin_btn a:hover{color:#fff;}

/*즐겨찾기 버튼*/
#header .top_area .r_area .bookmark img{ }

/*로고*/
#header .gnb_box .logo {width:282px; height:61px; left:3px; top:5px; position:absolute; z-index:9999;}

@media only screen and (max-width: 1151px){
#header .gnb_box .logo {width:282px; /*height:39px; left:50%;*/ margin:0 0 0 10px; position:absolute; z-index:9999; }
#header .gnb_box .logo img{width:282px; height:61px;}
#header .top_area .r_area {margin-right:20px }
}

/*메인 메뉴*/
#header .gnb_box  { position:relative; border-top:1px solid rgba(0,0,0,0); height:70px; }
#header .gnb_area{ position:relative; z-index:1000; }
#header .gnb_area > div{ position:relative; z-index:1000; }
#header .gnb_area .gnb{ *zoom:1; float:right;}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; padding:21px 20px 0 50px; font-size:16px; font-family:notokrM; position:relative;}
#header .gnb_area .gnb > li a{padding:0 0 0 10px;color:#444;}
#header .gnb_area .gnb > li a:hover {color:#0f86b7; background:url("/img/main_menu_bg.png") no-repeat;}
#header .gnb_area .gnb > li a.gnb_on {color: #0f86b7;}/*클릭시*/
#header .gnb_area .gnb > li.m_6 {padding-right:0px!important;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; font-size:16px; font-family:notokrM; color:#222; margin-top:16px; }
#header .gnb_area .gnb > li .dp1:hover .icon,
#header .gnb_area .gnb > li .dp1.on .icon{ }
#header .gnb_area .gnb > li > a.dp1:hover, #header .gnb_area .gnb > li > a.on.dp1 {color:#0759ad; } 
/*#header .gnb_area .gnb > li:before {content: ''; position:absolute; top:24px; left:12px; width:1px; height:15px; background:#acacac;
                                    -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius: 50%; border-radius:50%; }
#header .gnb_area .gnb > li:first-child:before {display:none; }
#header .gnb_area .gnb > li:last-child {margin-right:0; }사이드라인*/


/*서브 메뉴*/
#header .gnb_area .gnb .dp2{ position:absolute; left:50%; margin:-1px 0 0 -60px; width:170px;}
#header .gnb_area .gnb .dp2 > li{background:#086d96; filter:alpha(opacity=90); opacity:0.9; padding:0; border-left:1px solid #88abba; border-right:1px solid #88abba; }
#header .gnb_area .gnb .dp2 > li:last-child{ padding:0; border-left:1px solid #88abba; border-bottom:1px solid #88abba; border-right:1px solid #88abba; }
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:8px 0; border-top:1px solid #88abba; background-image:url("/img/menu_icon_dot.png"); background-repeat:no-repeat; 
                                    background-position:15px 16px; padding-left:22px; color:#fff; font-size:13px; font-family:notokrB; }
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}
#header .gnb_area .gnb .dp2 > li > a:hover{background:#1195cb; color:#fff; text-decoration:none; background-image:url("/img/menu_icon_dot.png"); background-repeat:no-repeat; 
                                    background-position:15px 16px;}

@media only screen and (max-width: 1151px){
#header .gnb_area{display:none !important}
}

#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .dp3,
#header .gnb_area .gnb .m_guide,
#header .gnb_area .gnb .m_member,
#header .gnb_area .gnb .m_mypage,
#header .gnb_area .gnb .m_sitemap,
#header .gnb_area .gnb .m_intra,
#header .gnb_area .gnb .m_intrain1,
#header .gnb_area .gnb .m_intrain2,
#header .gnb_area .gnb .m_search{ display:none;}

/*모바일 버튼*/
#header .gnb_box .box1 > li {float:right;margin-top:17px}
#header .gnb_box .box1 > li a > img {margin-right:15px; width:45px; background:#1d799e;  border-radius:3px}
#header .gnb_box .box1 > li:hover a > img {background:#239acc; /*opacity:0.1;*/}

@media only screen and (min-width: 1152px){
#header .gnb_box .box1 > li{display:none;}
}

/*모바일 메뉴*/
.l-wrapper{ overflow:hidden}
.l-main {
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  transition: transform 300ms ease;
  /*-webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;*/
  position: relative;
  z-index: inherit;
  overflow: hidden;
}

.l-nav {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index:9999999999
}
.l-nav::-webkit-scrollbar {width: 0;}

html.l-nav-open .l-nav{width: 80%;}

html.l-nav-open,
html.l-nav-open body {
  height: 100%;
  overflow: hidden;
  background: #fff;
}

html.l-nav-open .l-main {
/*  -webkit-transform: translate3d(80%, 0, 0);
  -moz-transform: translate3d(80%, 0, 0);
  -o-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
  */
}
html.l-nav-open .l-nav {
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
  opacity: 1;
  -webkit-box-shadow: 0 0 0.5625rem #333;
  box-shadow: 0 0 0.5625rem #333;
}
.l-nav-open .l-nav,
.l-nav-closing .l-nav {
  display: block;
}

.l-nav{ background:#fff}
.l-nav .ment{ position:relative; z-index:inherit; background:url("/img/main_bt_bg4.jpg") #39465c; background-size:contain; padding:15px 25px}
.l-nav .ment .tit{ font-size:1.5em; font-weight:bold; font-family:notokrM; color:#fff}
.l-nav .ment .tt{ font-size:.1.5em; font-weight:bold; font-family:notokrM; color: #8a9aae; margin-top:3px}
.l-nav .ment .close{ position:absolute; z-index:inherit; top:20px; right:10px; border:1px solid #fff; text-align:center; width:25px; line-height:25px; color:#fff; font-weight:bold; border-radius:50px; cursor:pointer;}

.l-nav .menu_tit{ background:url("/img/main_bt_bg3.jpg") #0759ad; height:45px; line-height:45px; padding:0 25px; color:#fff; font-size:.938em; font-family:notokrM; overflow:hidden;
 background-image:url(../images/inc/icon_category.png); background-repeat: no-repeat; background-position: left center; background-size:25px auto; font-weight:600; border:1px solid #8a9aae; border-left: none; border-right:none}

.l-nav .gnb .dp1{ line-height:35px; border-bottom:1px solid #ccc; padding:0 25px; font-size:1.2em; font-weight:600; font-family:notokrM; color:#565b66; overflow:hidden; display:block}
.l-nav .gnb .dp1:after{content:"∨"; float:right; font-size:.75em}
.l-nav .gnb .dp1.on{ background:url("/img/main_bt_bg1.jpg") #086d96; color:#fff; font-weight:600}

.l-nav .gnb .dp2{ display:none; background:#f9f9f9; padding:10px 20px; line-height:30px; border-bottom:1px solid #ddd}
.l-nav .gnb .dp2 > li > a{ display:block; font-size:1.1em; font-weight: bold; font-family:notokrM; border-top:1px solid #eee; color:#666; overflow:hidden}
.l-nav .gnb .dp2 > li > a:after{ content:"바로가기"; display:block; float:right; border:1px solid #ddd; font-size:.95em; font-family:notokrM;  padding:4px 5px 2px 5px; margin-top:5px; color:#999; background:#fff; border-radius:2px; line-height:1}
.l-nav .gnb .dp2 > li > a:before{ content:"-"; margin-right:5px}
.l-nav .gnb .dp2 > li:first-child > a{ border-top:none}

.l-nav .tel{ margin:20px; border-radius:2px; line-height:40px; text-align:center; font-size:1.3em; font-weight:bold; color:#fff; font-family:notokrM;  /*background:url(../images/inc/chart_st1_bg.gif) repeat-x left top; */border:2px solid #ccc; padding-top:5px}
.l-nav .tel a{color:#444;}
.l-nav .tel a:hover{color:#086d96;}
.l-nav .pc{ margin:0 auto; width:70%; background:#eee; border:2px solid #ccc; font-size:1.1em; text-align:center; line-height:20px; color:#1195cb; font-family:notokrM;  border-radius:2px; background:url("/img/line1.gif") left 0; padding-top:2px;}

/* 메인 비쥬얼 */
.mainVisual{width:100%;margin:0 auto;background:url("/img/main_bg.jpg") no-repeat center top;background-size:100%; margin-top:99px;}

/* 메인 박스 */
@media only screen and (min-width: 1152px){
.mainBox{width:1200px; margin:0 auto; margin-bottom:-10px}
}

@media only screen and (max-width: 1151px){
.mainBox{width:96%; margin: 0 2%}
}

/* 메인 텍스트 */
.main_txt1 {width:100%; text-align:center; color:#222; font-size:22px; font-weight:600; line-height:30px;font-family:"Nanum Gothic", sans-serif;}
.main_txt2 {width:100%; text-align:center; color:#222; font-size:16px; font-weight:bold; line-height:24px; font-family:"Nanum Gothic", sans-serif; padding:20px 0 0 0;}
.main_txt3 {width:100%; text-align:center; color:#666; font-size:13px; line-height:22px; font-family:"Nanum Gothic", sans-serif; padding:10px 0 30px 0;}
.main_line {width:100%; height:3px; background:url("/img/main_blue_line.png") no-repeat center top; margin-top:20px}


/*메인 바로가기*/
.bnBox {margin-top:30px;}
.bnBox li:hover {background:#f7f8fa; /*border-color:#3d90c0;*/}
.bnBox li {padding:20px; border:1px solid #e1e1e1; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; letter-spacing:-0.01em; font-family:notokrM;}
.bnBox li a {display:block; width:100%; height:100%; }
.bnBox li p {padding-bottom:5px; font-size:18px; color:#0e86b7;}
.bnBox .conTxt span {font-size:13px; color:#444; line-height:20px; font-family:"Nanum Gothic", sans-serif;}
.bnBox .goBtn {margin:0 auto; width:100px; margin-top:10px; text-align:center; padding:4px 5px 3px 5px; font-size:11.5px; color:#666; border:1px solid #e1e1e1; border-radius:4px;}
.bnBox .goBtn:hover {background:#1195cb; border:1px solid #1195cb; color:#fff;}

@media screen and (min-width:1152px) {
.bnBox ul {width:100%;}
.bnBox li {float:left; width:33.333%; height:150px;}
.bnBox li.bt01,.bnBox li.bt02 {border-right-color:#fff; border-bottom-color:#fff; }
.bnBox li.bt03 {border-bottom-color:#fff;}
.bnBox li.bt04,.bnBox li.bt05 {border-right-color:#fff;}
.bnBox li img {float:left; padding:10px 20px 0 0;}
}

@media screen and (max-width:1151px) {
.bnBox li {width:50%; float:left; height:auto; text-align:center;}
.bnBox li.bt01,.bnBox li.bt03 {border-right-color:#fff; border-bottom-color:#fff; }
.bnBox li.bt02,.bnBox li.bt04 {border-bottom-color:#fff;}
.bnBox li.bt05{border-right-color:#fff;}
.bnBox li.bt05,.bnBox li.bt06{margin-bottom:30px}
.bnBox li img {padding:0}
}

@media screen and (max-width:768px) {
.bnBox li {width:100%;}
.bnBox li.bt01,.bnBox li.bt03,.bnBox li.bt05 {border-right-color:#e1e1e1;}
.bnBox li.bt05 {border-bottom-color:#fff;}
.bnBox li.bt06{margin-bottom:30px}
}

/*메인 고객센터*/
.cusBox {width:100%;}
.cusBox ul {width:100%;}
.cusBox .cusBoxIn {float:left; width:33.333%; height:130px; padding:0 10px;}

@media screen and (min-width:1152px) {
.cusBox .cusBoxIn {margin:30px 0;}
}

@media screen and (max-width:1151px) {
.cusBox .cusBoxIn {float:left; width:100%;padding:0; margin-bottom:30px;}
.cusNotice{padding-left:10px;}
.cusctr{padding-right:10px; }
.cusctr_r_time{line-height:22px;}
}


/*--- 메인 공지사항 등 타이틀 ---*/
.cusTitle {width:100%; min-height:30px; border:1px solid #e9e9e9; margin-bottom:10px; background:url("/img/main_title_area.png") #fff no-repeat; padding: 6px 0 0 35px}
.cusTitle:hover {background:url("/img/main_title_area.png") #f7f8fa no-repeat;}
.cusTitle h2 {display:inline; margin:0px; padding:0 10px 0 0; color:#444; float:left; font-size:15px; font-weight:700; font-family:notokrM; letter-spacing:-0.01em;}
.cusTitle span {font-size:20px; color:#444; line-height:20px; min-height:20px; float:left;}
.cusMore {float:right; display:block; width:16px; height:16px; margin:0 5px 0 0}
.cusMore {display:inline-block; background:url("/img/more_icon.png") #b6b6b8 3px 3px no-repeat; }
.cusMore:hover {background:url("/img/more_icon.png") #439cd1 3px 3px no-repeat;}

.cusTitle_line {background:url("/img/line_bg.png") 0 50% repeat-x; display: block; margin:0 0 10px 0;}
.cusTitle_line h3, .cusTitle_line h4, .cusTitle_line h2 {background-color:#fff;display: inline;padding:0 10px 0 0;}
.cusTitle_line h2 {color:#444; font-size:15px; font-weight:700; font-family:notokrM; letter-spacing:-0.01em;}


/* 메인 공지사항 */
.cusNotice{margin-left:-10px;}
.cusNoticeIn{margin-top:10px;}

@media screen and (max-width:650px) {
.cusNotice{margin-top:40px;}
}

/*메인 서비스 상담 */
.cusSvs{}
.cusSvsIn{margin-top:-20px;}

/*--- 메인 고객 상담센터 ---*/
.cusctr{margin-right:-10px}
.cusctr_l {width:45%; float:left; min-height:124px; padding-right:15px}
.cusctr_l_btn {display:block; width:100%; margin-top:7px;}
.cusctr_l_btn01 ul{background:url("/img/main_btn_area01.png") 10px 4px no-repeat; width:100%; border:1px solid #e1e1e1; padding:12px 0 12px 55px; color:#444; font-size:13px; font-family:notokrM; margin-bottom:9px}
.cusctr_l_btn01 ul:hover {background:url("/img/main_btn_area01.png") 10px 4px no-repeat #086d96; color:#fff;}
.cusctr_l_btn02 ul{background:url("/img/main_btn_area02.png") 10px 4px no-repeat; width:100%; border:1px solid #e1e1e1; padding:12px 0 12px 55px; color:#444; font-size:13px; font-family:notokrM;}
.cusctr_l_btn02 ul:hover {background:url("/img/main_btn_area02.png") 10px 4px no-repeat #1195cb; color:#fff;}

.cusctr_r {width:55%; float:right; background:url("/img/main_tel.png") no-repeat;}
.cusctr_r p {padding-left:60px; font-size:20px; font-weight:700; color:#000; letter-spacing:0.02em; font-family:notokrM;}
.cusctr_r .fax {margin-left:60px; font-size:16px; color:#777; letter-spacing:-0.03em; font-family:notokrM;padding:0 0 5px 0}
.cusctr_r_tel {width:100%; margin-left:10px;}
.cusctr_r_tel span {padding-left:2px; font-size:11px; color:#777; line-height:10px; font-family:notokrM;padding:0 0 5px 0}
.cusctr_r_time{font-size:11px; color:#777; line-height:16px; letter-spacing:-0.05em; font-family:"Nanum Gothic", sans-serif;}


/*--- 메인 퀵 버튼 ---*/
.cusQuick {width:100%;}
.cusQuick ul{width:100%; border:1px solid #e1e1e1; padding:6px 0 6px 0; text-align:left;border-radius:0px}
.cusQuick p{font-size:14px; font-weight:600; font-family:"Nanum Gothic", sans-serif;}
.cusQuick p img{padding: 0 7px 0 10px}
.cusQuick .btn {background:url("/img/quick_area.png") right no-repeat #fff; margin-bottom:11px; color:#666;}
.cusQuick .btn:hover {background:url("/img/quick_area.png") right no-repeat #f7f8fa; color:#000;}
.cusQuick a:last-child .btn {margin-bottom:0px}

/* The Grid */
.row {margin: 0 -12.5px;}
.row .row {width:auto; max-width:none; min-width:0; margin:0 -12.5px;}
.row.collapse .column, .row.collapse .columns {padding:0;}
.row .row {width:auto; max-width: none; min-width: 0; margin:0 -12.5px;}
.row .row.collapse {margin:0;}
.column, .columns {float:left; min-height:1px; padding:0 12.5px; position:relative;}

@media only screen and (max-width: 767px) {
.column, .columns {padding:0;}
}
.column.centered, .columns.centered {float:none; margin:0 auto;}
[class*="column"] + [class*="column"]:last-child { float:right;}
[class*="column"] + [class*="column"].end {float:left;}
.one, .row .one {width:8.33333%;}
.two, .row .two {width:16.66667%;}
.three, .row .three {width:25%;}
.four, .row .four {width:33.33333%;}
.five, .row .five {width: 41.66667%;}
.six, .row .six {width:50%;}
.seven, .row .seven {width:58.33333%;}
.eight, .row .eight {width:66.66667%;}
.nine, .row .nine {width:75%;}
.ten, .row .ten {width:83.33333%;}
.eleven, .row .eleven {width:91.66667%;}
.twelve, .row .twelve {width:100%;}
.row .offset-by-one {margin-left:8.33333%;}
.row .offset-by-two {margin-left:16.66667%;}
.row .offset-by-three {margin-left:25%;}
.row .offset-by-four {margin-left:33.33333%;}
.row .offset-by-five {margin-left:41.66667%;}
.row .offset-by-six {margin-left:50%;}
.row .offset-by-seven {margin-left:58.33333%;}
.row .offset-by-eight {margin-left:66.66667%;}
.row .offset-by-nine {margin-left:75%;}
.row .offset-by-ten {margin-left:83.33333%;}
.push-two {left:16.66667%;}
.pull-two {right:16.66667%;}
.push-three {left:25%;}
.pull-three {right:25%; }
.push-four {left:33.33333%;}
.pull-four {right:33.33333%;}
.push-five {left:41.66667%;}
.pull-five {right:41.66667%;}
.push-six {left:50%;}
.pull-six {right:50%;}
.push-seven {left:58.33333%;}
.pull-seven {right:58.33333%;}
.push-eight {left:66.66667%;}
.pull-eight {right:66.66667%;}
.push-nine {left:75%;}
.pull-nine {right:75%;}
.push-ten {left:83.33333%;}
.pull-ten {right:83.33333%;}

img {height:auto;}
img, object, embed {max-width:100%;}
img { -ms-interpolation-mode: bicubic; }


/*서브 레이아웃 */
.sub #contents {background:#fff; }

/*서브 비주얼 */
.sub .svisu_area{width:100%;height:150px; position:relative; }
.sub .svisu_area .svisual{width:100%; height:150px; position:absolute;top:100px;}
.sub .svisu_area .visu_sgarea{ min-width:1160px; overflow:hidden; position:absolute; left:50%; top:45px; margin-left:-570px; text-align:right;  }
.sub .svisu_area .visu_sgarea .visu_sg1 { font-size:31px; font-family:notokrB; color:#fff; height:20px; line-height:30px; margin-bottom:20px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); }
.sub .svisu_area .visu_sgarea .visu_sg2 { font-size:16px; font-family:notokrR; color:#fff; height:17px; line-height:17px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); }
         
.sub .sub_con{position:relative; z-index:1; }
.sub .sub_con .gnb_area{ float:left; }
.sub .sub_con .gnb_area .quick{ margin-top:50px}
.sub .sub_con .con_area{float:right; width:930px; margin-top:120px;}

@media only screen and (min-width: 1152px){
.sub .doc{ padding:31px 0 30px 0; overflow:hidden; width:935px;}/*서브 중간 */
}

@media only screen and (max-width: 1151px){
.sub .doc{padding-bottom:10px;}
.sub .svisu_area{ height:100px; }
.sub .svisu_area .svisual{ height:100px;}
.sub .sub_con .con_area{float:right; width:96%; margin:120px 2% 0 2% }

.sub .svisu_area .visu_sgarea,
.sub #contents .lnb_area,
.sub #contents .lnb_area .gnb > li .dp1 {display:none;}
.sub .sub_con .con_area .tit_area .nav { display:none;}
}

/*타이틀바 */
.sub .sub_con .con_area .tit_area{margin-top:5px; height:40px; background:url("/img/title_bar_bg.png") repeat-x bottom;}
.sub .sub_con .con_area .tit_area h3 {float:left; font-size:24px; font-family:notokrM; color:#333; line-height:25px; padding-bottom:5px;  }
.sub .sub_con .con_area .tit_area h3 img{padding:0 10px 3px 0}
.sub .sub_con .con_area .tit_area .nav { float:right; padding:10px 0 0 10px; overflow:hidden; font-size:12px; font-family:notokrM; color:#7f7f7f;}
.sub .sub_con .con_area .tit_area .nav > li{ float:left; padding-left:30px; line-height:15px; }
.sub .sub_con .con_area .tit_area .nav > li:first-child{ padding:0px; background:none; }
.sub .sub_con .con_area .tit_area .nav > .bn {background:none; }
.sub .sub_con .con_area .tit_area .nav > li.this{ color:#000}

/*내용수정 버튼 */
a.btn_admin {display:inline-block;padding:2px 5px;border:1px solid #7b0505;background:#961010;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px}
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none;color:#fff;background:#7b0505;}

/*좌측 레이아웃*/ 
.sub #contents .lnb_area{float:left; z-index:inherit; width:200px; }
.sub #contents .lnb_area .gnb {width:220px; margin-top:130px}

/*사이드 메뉴*/ 
#side_box {width:100%;}
/*.side_back {background:#f6f6f6; width:100%; height:600px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; margin-top:28px;}*/ 
#side_submenu_back {width:100%; background-color:#fafafa;background:url("/img/side_submenu_title_bg.png") repeat-x top; 
                   border:1px solid #e4e4e4;}
#side_submenu ul {}
#side_submenu .sidemenu_title {width:100%; height:70px; padding-top:25px; font-size:20px; text-align:center; font-weight:700;  
                               font-family:notokrM; line-height:22px; position:relative; color:#444;}
#side_submenu .sidemenu_title:before{content: '';}
#side_submenu .sidemenu_s {width:100%; padding-left:40px; border-bottom:1px solid #e4e4e4; display:block;line-height:40px; 
                           font-size:14px; color:#444; font-weight:bold; font-family:notokrM;  letter-spacing:-0.3px; background:url("/img/side_menu_area.png") 18px 13px no-repeat}
#side_submenu a:last-child .sidemenu_s:last-child {border-bottom:none !important;}
#side_submenu .sidemenu_s a {}
#side_submenu a:hover li {background:url("/img/side_menu_bg_on.png")no-repeat; color:#fff;}
#side_submenu .on {background:url("/img/side_menu_bg_on.png")no-repeat; color:#fff;}

/* 서브 사이드 고객센터 */
.customer_box {width:100%; margin:20px 0 30px 0;border:1px solid #e4e4e4; padding:15px 15px 20px 15px;}

.subCusctr {width:100%; background:url("/img/main_tel.png") no-repeat;}
.subCusctr p {padding-left:60px; font-size:18px; font-weight:700; color:#000; letter-spacing:-0.01em; font-family:notokrM;}
.subCusctr .fax {margin-left:60px; font-size:14px; color:#777; letter-spacing:-0.05em; font-family:notokrM; padding:0 0 5px 0}
.subCusctr_tel {width:100%; margin-left:7px;}
.subCusctr_tel span {padding-left:2px; font-size:11px; color:#777; line-height:10px; font-family:notokrM; padding:0 0 5px 0}
.subCusctr_time{font-size:11px; color:#777; line-height:16px; letter-spacing:-0.05em; font-family:"Nanum Gothic", sans-serif;}

.subCusctr_bn {width:100%; margin-top:15px}
.subCusctr_btn01 ul{background:url("/img/main_btn_area01.png") 10px 4px no-repeat; width:100%; border:1px solid #e1e1e1; padding:12px 0 12px 55px; color:#444; font-size:13px; font-family:notokrM; margin-bottom:9px}
.subCusctr_btn01 ul:hover {background:url("/img/main_btn_area01.png") 10px 4px no-repeat #086d96; color:#fff;}
.subCusctr_btn02 ul{background:url("/img/main_btn_area02.png") 10px 4px no-repeat; width:100%; border:1px solid #e1e1e1; padding:12px 0 12px 55px; color:#444; font-size:13px; font-family:notokrM;}
.subCusctr_btn02 ul:hover {background:url("/img/main_btn_area02.png") 10px 4px no-repeat #1195cb; color:#fff;}

/* 하단 레이아웃 */
#foot {width:100%; background:url("/img/copyright_bg.png") repeat-x; padding:0;}
@media (min-width: 767px) {
#foot{height:130px;}
}

#foot_box {margin:0 auto; max-width:1200px; background:none;}
#foot h2 {position:absolute; font-size:0; text-indent:-9999em; line-height:0;overflow:hidden}
#foot p {margin:0;padding:10px 7px 10px 7px; line-height:1.7em;margin:0 auto;color:#666; font-size:12px; letter-spacing:-0.01em;}
.foot_com{text-align:left; font-size:12px;}
.foot_com li {display:inline-block; padding:10px 5px 10px 5px;}
.foot_com a{font-size:12px; color:#666; font-family:notokrM; font-weight:bold; text-decoration:none}
.foot_com a:hover{color: #000; text-decoration:none }
.foot-logo{float:left; padding:50px 10px 10px 10px;}
.foot_margin{padding:15px}
.foot_com li:after {content: '|'; color:#ccc;  padding:0 0 0 15px}
.foot_com li:last-child:after{display:none; }


@media only screen and (max-width: 768px){
.foot_com{text-align:center;}
.foot_com li {padding: 10px 5px 10px 0; font-family:notokrM;}
.foot_com li:after {content: '|'; color:#ccc;  padding:0 0 0 7px}
}

/*탑 버튼*/
#wrapper_title{display:none;}
#top_btn{position:fixed;bottom:170px; left:10px;width:100%;_position:absolute;z-index:999}

@media (max-width:768px){
#top_btn .top_btn_wp{width:330px;margin:0 auto;position:relative}
}

@media (min-width:768px){
#top_btn .top_btn_wp{width:1100px;margin:0 auto;position:relative}
}

#top_btn .top_btn_wp a{position:absolute;display:inline-block;width:22px;height:22px;}
#top_btn .top_btn_wp a.scroll-top{top:0;right:-70px;background:url('/img/top_btn.png?v2') no-repeat;text-indent:-9999px}
#top_btn .top_btn_wp a.scroll-top:hover{background:url('/img/top_btn.png?v2') 0 -27px no-repeat}
#top_btn .top_btn_wp a.scroll-bottom{top:44px;right:-70px;background:url('/img/bottom_btn.png?v2') no-repeat;text-indent:-9999px}
#top_btn .top_btn_wp a.scroll-bottom:hover{background:url('/img/bottom_btn.png?v2') 0 -27px no-repeat}
#top_btn .top_btn_wp a.scroll-center{top:22px;right:-70px;background:url('/img/center_btn.png') no-repeat;text-indent:-9999px}
#top_btn .top_btn_wp a.scroll-center:hover{background:url('/img/center_btn.png') 0 -27px no-repeat}