@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);

@font-face {
  font-family:'Nanum Barun Gothic';
  font-style:normal;
  font-weight:200;
  src:local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
  src:url(/css/fonts/NanumBarunGothicUltraLight.eot);
  src:url(/css/fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(/css/fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family:'Nanum Barun Gothic';
  font-style:normal;
  font-weight:300;
  src:local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src:url(/css/fonts/NanumBarunGothicLight.eot);
  src:url(/css/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumBarunGothicLight.woff) format('woff'),
       url(/css/fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family:'Nanum Barun Gothic';
  font-style:normal;
  font-weight:400;
  src:local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src:url(/css/fonts/NanumBarunGothic.eot);
  src:url(/css/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumBarunGothic.woff) format('woff'),
       url(/css/fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family:'Nanum Barun Gothic';
  font-style:normal;
  font-weight:700;
  src:local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src:url(/css/fonts/NanumBarunGothicBold.eot);
  src:url(/css/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumBarunGothicBold.woff) format('woff'),
       url(/css/fonts/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
  font-family:'Nanum Myeongjo';
  font-style:normal;
  font-weight:400;
  src:url(/css/fonts/NanumMyeongjo-Regular.eot);
  src:url(/css/fonts/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(/css/fonts/NanumMyeongjo-Regular.woff) format('woff'),
       url(/css/fonts/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'Nanum Myeongjo';
  font-style:normal;
  font-weight:600;
  src:url(/css/fonts/NanumMyeongjo-Bold.eot);
  src:url(/css/fonts/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(/css/fonts/NanumMyeongjo-Bold.woff) format('woff'),
       url(/css/fonts/NanumMyeongjo-Bold.ttf) format('truetype');
}
@font-face {
  font-family:'Nanum Myeongjo';
  font-style:normal;
  font-weight:700;
  src:url(/css/fonts/NanumMyeongjo-ExtraBold.eot);
  src:url(/css/fonts/NanumMyeongjo-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumMyeongjo-ExtraBold.woff2) format('woff2'),
       url(/css/fonts/NanumMyeongjo-ExtraBold.woff) format('woff'),
       url(/css/fonts/NanumMyeongjo-ExtraBold.ttf) format('truetype');
}
/*reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{line-height:1;font-family:'Noto Sans', 'Nanum Barun Gothic', sans-serif;height:100%;-webkit-text-size-adjust:none;background:#FFF}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:inherit;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
/* change colours to suit your needs */
ins{background-color:#ff9;color:#000;text-decoration:none}
/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
/* change border colour to suit your needs */
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select, textarea{vertical-align:top;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0}
li{list-style:none}

a{cursor:pointer}

.COVER { z-index: 1000000; position: fixed; width: 100%; height: 100%; margin: 0px; padding: 0px; background: #FFFFFF; text-align: center; }

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-loaded .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.owl-loaded .owl-animated-in {
  z-index: 0; }
.owl-loaded .owl-animated-out {
  z-index: 1; }
.owl-loaded .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-loaded {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-loaded .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-loaded .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-loaded .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-loaded .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-loaded .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-loaded .owl-nav.disabled, .owl-loaded .owl-dots.disabled {
    display: none; }
  .owl-loaded .owl-nav .owl-prev, .owl-loaded .owl-nav .owl-next, .owl-loaded .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-loaded {
    display: block; }
  .owl-loaded.owl-loading {
    opacity: 0;
    display: block; }
  .owl-loaded.owl-hidden {
    opacity: 0; }
  .owl-loaded.owl-refresh .owl-item {
    display: none; }
  .owl-loaded.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-loaded.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .owl-loaded.owl-rtl {
    direction: rtl; }
  .owl-loaded.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-loaded {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-loaded .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-loaded .owl-item img {
  transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-loaded .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-loaded .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }
.owl-loaded .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }
.owl-loaded .owl-video-playing .owl-video-tn, .owl-loaded .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-loaded .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.owl-loaded .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.header_top .inner_container,  .gnb_area, gnb, ul{*zoom:1}
.header_top .inner_container:after,  .gnb_area:after, gnb:after, ul:after{clear:both;content:"";display:block}

#sb-site{width:100%;min-height:100%;position:relative;z-index:1;background-color:#fff}

/**==HEADER======================================**/
header{border-bottom:1px solid #CCC}
.header_top{width:100%;background:#eee}
.header_top .inner_container{width:100%;max-width:960px;margin:0 auto}
.header_top .inner_container ul{float:left}
.header_top .inner_container ul li{float:left}
.header_top .inner_container ul li a{display:inline-block}
.header_top .quick_link{width:83.3333%;Color:#333;font-size:0.688em;font-weight:400}
.header_top .quick_link li{padding:10px 25px;background:url(/img/common/sbar.gif) no-repeat right center;background-size:1px}
.header_top .quick_link li:first-child{padding-left:0}
.header_top .quick_link li:last-child{background:none}
.header_top .user_menu{width:16.6666%;color:#444444;font-size:0.688em}
.header_top .user_menu li{width:50%;text-align:center;padding:10px 0}
.header_top .user_menu li:first-child{background:url(/img/common/sbar.gif) no-repeat right center;background-size:1px}

/*GNB*/
.gnb_area{position:relative;width:100%}
.gnb_area .btn{position:absolute;width:38px;height:38px;display:block;text-indent:-999999px;border:1px solid #ccc }

/*웹 전체메뉴*/
.menu_wrap{display:none}

/*모바일 메뉴*/
.sb-slidebar{height:100%;width:300px;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#FFF;border-right:1px solid #CCC}
.sb-left{left:0}
html.sb-active-left .sb-left{visibility:visible}
html.sb-anim-type-translate .sb-slide,html.sb-anim-type-side .sb-slide{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left;-webkit-backface-visibility:hidden}
.sb-slidebar .user_menu{width:100%;border-bottom:1px solid #FFF}
.sb-slidebar .user_menu a{display:block;width:50%;float:left;text-align:center;padding:15px 0;font-size:0.875em;color:#FFF;background:#3c3c3c}
.sb-slidebar .user_menu a:first-child{border-right:1px solid #FFF}
.sb-slidebar .user_menu a:hover{color:#FFF}
.sb-slidebar .family > a{background:#CCC}
.sb-slidebar .family.sb-submenu-active > a{background:#CCC}
.sb-slidebar .family:hover > a{background:#CCC}
.sb-slidebar .family .sb-menu li:hover > a{border-left-color:#CCC}
.sb-slidebar a{color:#3c3c3c;text-decoration:none}
.sb-slidebar a:hover{color:#0056ad}
.sb-menu li{width:100%;border-bottom:1px solid #CCC}
.sb-submenu > li:first-child{border-top:1px solid #CCC}
.sb-submenu > li:last-child{border-bottom:none}
.sb-menu li a{width:100%;display:inline-block;padding:1em}
.sb-menu > li > a:hover{background-color:#0056ad;color:#FFF}
.sb-submenu > li > a{background-color:#f0f0f0;padding-left:35px}
.sb-submenu li{border-bottom:1px solid #CCC}
.sb-submenu .sb-submenu li a{padding-left:55px;background:#FFF url(/img/common/menu_bullet.gif) no-repeat 35px center}
/* Borders */
.sb-menu .sb-submenu li a{border-left:3px solid transparent}
.sb-menu .sb-submenu li a:hover{border-left:3px solid}
/* Submenus */
.sb-submenu{display:none;padding:0;margin:0;list-style-type:none;background-color:rgba(255, 255, 255, 0.05)}
/* Caret */
span.sb-caret{width:0;height:0;display:inline-block;float:right;margin:0 5px;border:5px solid transparent}
span.sb-caret{border-top:5px solid;border-bottom:0px solid transparent}
.sb-submenu-active > span.sb-caret{border-top:0px solid transparent;border-bottom:5px solid}

/**==메인배너======================================**/
.mainbanner{width:100%;position:relative;border-bottom:1px solid #CCC}
.mainbanner .owl-item, .mainbanner .owl-stage-outer, .mainbanner .owl-stage{height:100%}
.mainbanner li{height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.mainbanner .item_wrap{max-width:960px}
.mainbanner .copy_area .inner_box{padding:40px 10px}

.owl-item .item_wrap{width:100%;height:100%;margin:0 auto}
.owl-item .copy_area{display:table;width:100%;height:100%}
.owl-item .copy_area .inner_box{display:table-cell;height:100%}
.owl-item .copy_area .inner_box .copy_wrap{display:inline-block}
.owl-item .copy_area .inner_box .copy_wrap span{display:block;line-height:1.25em;letter-spacing:-0.05em}
/*nav*/
.mainbanner .owl-dots{position:absolute;bottom:10px;left:0;width:100%;text-align:center}
.mainbanner .owl-dot{display:inline-block;margin-right:10px}
.mainbanner .owl-dot span{cursor:pointer;display:block;width:16px;height:16px;background:url(/img/common/banner_icon_l.png) no-repeat;text-indent:-999999px}
.mainbanner .owl-dot.active span{background-position:0 -16px}
.mainbanner .owl-dot:last-child{margin:0}

/*배너미리보기*/
.banner_preview h1{font-size:2em;color:#3c3c3c;margin-top:50px}
.banner_preview .web{width:1200px;margin:0 auto}
.banner_preview .tablet{width:768px;margin:0 auto}
.banner_preview .mobile{width:320px;margin:0 auto}
.banner_preview .bx-controls-direction{display:none}

/*배너카피정렬*/
.tp{vertical-align:top}
.md{vertical-align:middle}
.bt{vertical-align:bottom}
.lf{text-align:left}
.ct{text-align:center}
.rt{text-align:right}


/**==FOOTER======================================**/
footer{width:100%;border-top:1px solid #dbdbdb;font-size:0.75em;color:#3c3c3c}
.footer_container{position:relative;width:100%;max-width:960px;margin:0 auto}
footer .policy li{float:left;display:inline-block;border-right:1px solid #CCC;padding:0 15px;line-height:1.5em}
footer .policy li:last-child{border:none}
footer address{padding:5px 0 0 15px}
footer address p{font-style:normal;padding:5px 0 5px 20px;word-break:keep-all}
footer address p:first-child{background:url(/img/common/ft_addr.png) no-repeat left 5px;background-size:14px}
footer address p:last-child{background:url(/img/common/ft_tel.png) no-repeat left 5px;background-size:14px}
footer .sns li{float:left;margin-left:5px}
footer .sns li a{width:50px;height:50px;display:block;text-indent:-999999px;background:url(/img/common/sns_icon.png) no-repeat;background-size:50px}
footer .sns li:nth-child(2) a{background-position:0 -50px}
footer .sns li:nth-child(3) a{background-position:0 -100px}


/* 모바일메뉴! */
#slide_background{transition: all 0.3s 0.3s}
#mmenu, #mmenu_wrapper{transition: all 0.3s ease-out}
#mmenu{transform: translateY(0) translateX(40%)}
.popup_visible #mmenu{transform: translateY(0) translateX(0)}

.mmenu{height:100%;width:300px;background:#dedede;z-index:99999}
.mmenu .user_menu{padding:15px 20px;*zoom:1;background:#f2f2f2}
.mmenu .user_menu:after{clear:both;content:"";display:block}
.mmenu .user_menu a{display:block;float:left;width:50%;font-size:0.75em;color:#666;background:url(/img/common/sbar.gif) no-repeat right center;background-size:1px;text-align:center}
.mmenu .user_menu a span{display:inline-block;padding:3px 0}
.mmenu .user_menu a:last-child{background:none}

.mmenu .sb_menu{width:100%;background:#FFF;text-align:left}
.mmenu .sb_menu > li{border-bottom:1px solid #dcdcdc}
.mmenu .sb_menu > li > a{padding:15px 26px;display:block;font-size:0.75em;color:#101010;background:url(/img/common/nav_icon_1.png) no-repeat;background-position:95% 18px;background-size:10px}
.mmenu .sb_menu > li.open > a{background-position:95% -8px;}
.mmenu .sb_menu li ul{display:none}
.mmenu .sb_menu li ul li a{padding:15px 46px;display:block;font-size:0.75em;color:#666;border-top:1px solid #dcdcdc}

.mmenu .sb_menu .family > a{background:#f2f2f2 url(/img/common/nav_icon_1.png) no-repeat;background-position:95% 18px;background-size:10px}

.mmenu .mmenu_close{position:fixed;right:316px;top:16px;text-indent:-999999px;width:15px;height:15px;display:block;background:url(/img/common/mmenu_close.png) no-repeat;background-size:15px}

@media all and (min-width:961px){/*데스크탑*/
/**==FOOTER======================================**/
footer{margin-top:98px}
.footer_container{background:url(/img/common/ft_logo.gif) no-repeat left center;background-size:170px;padding:30px 0 30px 200px}
footer .sns{right:0}
/**==HEADER======================================**/
/*GNB*/
.gnb_area{max-width:960px;height:74px;margin:0 auto;letter-spacing:-0.03em;padding:15px 0}
.gnb_area h1.logo{float:left}
.gnb_area h1.logo img{height:40px}
.gnb_area .btn{background:#FFF url(/img/common/gnb_btn_icon.gif) no-repeat}
.gnb_area .all_menu_w{top:18px;right:20px}
.gnb_area .all_menu_m{display:none}
.gnb_area.open .all_menu_w{background-position:0 -72px}
.gnb_area .search{top:18px;right:0;background-position:0 -36px}
/* div.gnb_area > ul.gnb > li > a, ul.gnb_sub > li > a, div.sub-menu > ul > li > a */
.gnb_area .gnb{text-align:right;padding-right:106px;line-height:1.25em;word-break:keep-all;padding-top:5px}
.gnb_area .gnb > li{display:inline-block;padding:2px 20px;position:relative}
.gnb_area .gnb > li > a{padding:6px 0}
.gnb_area .gnb > li.active > a{border-bottom:3px solid #0056ad}
.gnb_area .gnb > li a{display:block;font-size:0.875em;color:#333}
/*depth2*/
.gnb_sub{display:none;position:absolute;width:160px;top:38px;left:10px;padding-top:16px;z-index:2;text-align:left;background:#FFF;color:#333;border-bottom:1px solid #CCC}
.gnb_sub > li{width:100%;border-left:1px solid #CCC;border-right:1px solid #CCC}
.gnb_sub > li a{padding:10px}
.gnb_sub .on{background:#FFF url(/img/common/gnb_icon.png) no-repeat 140px 12px}
/*depth2 on*/
.gnb > li li.active > a{background:#0056ad;color:#FFF}
.gnb > li li.active > a.on{background:#0056ad url(/img/common/gnb_icon.png) no-repeat 140px -22px}
/*depth2*/
.sub-menu{position:absolute;left:159px;width:160px;background:#FFF;margin-top:-40px;border:1px solid #CCC}
li.active .sub-menu a:hover{background:#0056ad;color:#FFF}
/*전체메뉴*/
.gnb_area.open .menu_wrap{display:block}
.gnb_area.open .menu_wrap{position:absolute;top:74px;left:0;width:100%;padding:20px 0;z-index:10;background:#FFF;color:#333;font-size:0.875em;border:1px solid #CCC;border-top:none}
.menu_wrap a{display:inline-block}
.menu_wrap ul.depth1{float:left;width:31.3333%;margin:0 1%}
.menu_wrap .menu_title{display:block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:700;padding:10px}
.menu_wrap ul.depth1 li a{display:block;padding:10px}

/**==메인배너======================================**/
/*control*/
.mainbanner .owl-nav{width:100%;height:1px}
.mainbanner .owl-nav div{cursor:pointer;display:absolute;top:50%;display:block;width:44px;height:44px;text-indent:-999999px}
.mainbanner .owl-nav .owl-prev{position:absolute;top:177px;left:30px;background:url(/img/main/btn_banner_left.png)}
.mainbanner .owl-nav .owl-next{position:absolute;top:177px;right:30px;background:url(/img/main/btn_banner_right.png)}
}

@media all and (min-width:481px){/*데스크탑,태블릿*/
/**==FOOTER======================================**/
footer .sns{position:absolute;top:30px}
footer .policy{padding-right:200px}
footer address{padding:5px 200px 0 15px}
/**==메인배너======================================**/
.mainbanner{height:400px}

span.lar{font-size:3em}
span.nor{font-size:2em}
span.sma{font-size:1em}
}
@media all and (max-width:960px){/*태블릿,모바일*/
/**==HEADER======================================**/
.header_top{display:none}
/*GNB*/
.gnb_area{padding:10px 0;text-align:left}
.gnb_area h1{display:inline-block;padding-left:15px}
.gnb_area h1.logo img{height:32px}
.gnb_area .btn{background:#FFF url(/img/common/gnb_btn_icon.png) no-repeat;background-size:36px}
.gnb_area .all_menu_w{display:none}
.gnb_area .all_menu_m{top:7px;right:15px}
.gnb_area .all_menu_m.open{background-position:0 -73px}
.gnb_area .search{top:7px;right:10px;background-position:0 -36px}
.gnb_area .gnb{display:none}


/**==메인배너======================================**/
.mainbanner .owl-nav{display:none}
}

@media all and (min-width:481px) and (max-width:960px){/*태블릿*/
/**==FOOTER======================================**/
footer{margin-top:60px}
.footer_container{padding:30px 0}
footer .sns{right:15px}
}

@media all and (max-width:480px){/*모바일*/
/**==FOOTER======================================**/
footer{margin-top:40px}
.footer_container{padding:30px 0}
footer address{margin-top:10px}
footer .policy li{margin-top:5px}
footer .sns{margin-top:20px;margin-left:10px}
/**==메인배너======================================**/
.mainbanner{height:300px}

span.lar{font-size:2em}
span.nor{font-size:1.5em}
span.sma{font-size:0.875em}
}



	.support-6{display:block;width:100%;}
	.support-6 .content-wrap{margin-top:5%;}
	.support-6 .content-wrap .sub-con2 {width:100%; height:20%; display:block; padding:5% 0 6%; border-top:1px solid #ccc; overflow:hidden;}
	.support-6 .content-wrap .sub-con2 .sub-con2_left{width:25%; float:left;}
	.support-6 .content-wrap .sub-con2 p.num {font:bold 30px/1.6 'Noto Sans'; color:#0056ad; }
	.support-6 .content-wrap .sub-con2 p.sub {font:bold 20px/24px 'Nanum Barun Gothic'; color:#0056ad; letter-spacing: -0.4px;}
	.support-6 .content-wrap .sub-con2 p.gray{float:left;width:2%; color:#aaa; font-size:0.8em; line-height:1.5em;}
	.support-6 .content-wrap .sub-con2 p.body {float:left; width:73%; font:bold 14px/1.6 'Nanum Barun Gothic'; color:#333333; letter-spacing: -0.4px;}

	.support-6 .content-wrap .btn-request {width:100%; display:block; margin:3% 0 10%; position:relative;}
	.support-6 .content-wrap .btn-request a {display:block; width:213px; height:57px; padding-left:30px; margin:0 auto; box-sizing: border-box; color:#fff; background-color: #002e5b; font:normal 16px/57px 'Nanum Barun Gothic'; text-align: left; }
	.support-6 .content-wrap .btn-request p {position:relative; display: block; }
	.support-6 .content-wrap .btn-request p:after{display:block; position:absolute; top:20px; right:13px; content:''; width:18px; height:15px; background-image:url("/img/belief/support_icon_btnarrow.png"); background-repeat: no-repeat; }

	/* support-6_pop */ 
	.layer-pop-6{width:100%; background-color:rgba(0,0,0,0.5); padding:5% 0;}
	/*.layer-pop-6 .blackdim{position:absolute; top:0; left:0; width:100%; display:block; height:100%; background-color:rgba(0,0,0,0.5);} */
	.layer-pop-6 > .forms .form-con dl dt:after {position: absolute; left:6px; top: 27px; display: block; width:7px; height: 4px; content: ''; background: url('../img/form_star.png') 0 0 no-repeat;}
	.layer-pop-6 > .forms.pop-form {position:relative;max-width:700px; width:100%; border:0; margin:20px auto 0; background-color:#fff;  border: 1px solid #a7927e;}
	.layer-pop-6 > .forms.pop-form .pop-head {position:relative; width:100%; display: block; background-color: #002e5b; color:#fff; font:normal 16px/48px 'Nanum Barun Gothic'; text-align: center;}
	.layer-pop-6 > .forms.pop-form .pop-head .btn-close{position:absolute; display:block; right:10px; top:10px;line-height:30px;}
	.layer-pop-6 > .forms.pop-form .form-con{position:static;display:block;width:100%;margin:0; padding:5%;}
	.layer-pop-6 > .forms.pop-form .form-con h3{width:100%; font:bold 20px/38px 'Nanum Barun Gothic Bold'; color:#333;}
	.layer-pop-6 > .forms .form-con dl{width:100%;}
	.layer-pop-6 > .forms .form-con dl dt{float: left; height:60px; position: relative; width:24%; text-indent:19px; vertical-align: middle; font: bold 14px/61px 'Nanum Barun Gothic Bold'; border-top: 1px solid #e9e9e9;}
	.layer-pop-6 > .forms .form-con dl dt.border_6{ border-bottom: 1px solid #e9e9e9;}
	.layer-pop-6 > .forms .form-con dl dd{float: left; height:60px; width:76%; vertical-align: middle; border-top: 1px solid #e9e9e9;  padding: 15px 0;}	
	.layer-pop-6 > .forms .form-con input{height:30px; display: inline-block; line-height:30px; text-indent:3px;}
	.layer-pop-6 > .forms .form-con dl dd.date_5 .inner_box{width:100%;}
	.layer-pop-6 > .forms .form-con dl dd.date_5 .inner_box input{width:25%;}
	.layer-pop-6 > .forms .form-con dl dd.date_5 .inner_box select{width:25%;height:30px; display: inline-block; line-height:30px; }
	.layer-pop-6 > .forms .form-con dl dd.con_5 input{width:95%;}
	.layer-pop-6 > .forms .form-con dl dd.bank_6 input.bank1{width:22%;}
	.layer-pop-6 > .forms .form-con dl dd.bank_6 input.bank2{width:48%;}
	.layer-pop-6 > .forms .form-con dl dd.bank_6 input.bank3{width:22%;}

	.layer-pop-6 > .forms .form-con .church_6{width:100%;background-color:#f0f0f0; margin:3% 0; padding:5%; letter-spacing:-1px; font-size:1.2em; vertical-align:middle; line-height:36px;}
	.layer-pop-6 > .forms .form-con .church_6 .church input{width:24%; padding:1%; height:36px;}
	.layer-pop-6 > .forms .form-con .church_6 .name input{width:20%; padding:1%; height:36px;}

	/* .layer-pop-6 > .forms .form-con dl dt:after {position: absolute; left:6px; top: 27px; display: block; width: 7px; height: 4px; content: ''; background: url('../img/form_star.png') 0 0 no-repeat;} */
	.layer-pop-6 > .forms .form-con p {margin-top: 29px; width: 100%; font: 14px/20px 'Nanum Barun Gothic'; text-align: center; color: #3c3c3c;}
	.layer-pop-6 > .forms .form-con p.title_name{font-size:1.2em; font-weight:700;}

	.layer-pop-6 > .forms  .btns {overflow:hidden; margin:27px auto 0; width:72%;}
	.layer-pop-6 > .forms  .btns a {display:inline-block; float: left; width:49%; height: 49px; background:#fff; color: #002e5b; border: 1px solid #002e5b; box-sizing: border-box; }
	.layer-pop-6 > .forms  .btns a:first-child {float:left; background: #002e5b; color:#fff; margin-right:2%; }
	.layer-pop-6 > .forms  .btns a span {display: block; width: 100%; height: 49px; line-height: 49px; vertical-align:middle; text-align: center; letter-spacing:-1px;}



	@media all and (max-width:680px) {/*아이폰6*/

	/*경조사비 청구*/
	.support-6 .content-wrap .sub-con2 p.num {font:bold 20px/1.2 'Noto Sans'; }
	.support-6 .content-wrap .sub-con2 p.sub {font:bold 15px/20px 'Nanum Barun Gothic'; }
	.support-6 .content-wrap .btn-request a {width:200px; height:50px; font:normal 14px/50px 'Nanum Barun Gothic'; }

	/* layer-pop-6 팝업*/
	.layer-pop-6{width:100%; background-color:rgba(0,0,0,0.5);  }
	.layer-pop-6 > .forms.pop-form {width:92%;}
	.layer-pop-6 > .forms.pop-form .form-con h3{font:bold 18px/36px 'Nanum Barun Gothic Bold'; }
	.layer-pop-6 > .forms .form-con .church_6{font-size:1em; line-height:30px;}
	.layer-pop-6 > .forms .form-con .church_6 .church input{width:40%; height:30px;}
	.layer-pop-6 > .forms .form-con .church_6 .name input{width:32%;  height:30px;}
	.layer-pop-6 > .forms .form-con dl dt{width:100%; height:40px; }
	.layer-pop-6 > .forms .form-con dl dt.border_6{ border-bottom:none;}
	.layer-pop-6 > .forms .form-con dl dd{width:100%; height:60px;  border-top:none;  padding:10px 0 20px 0;}
	.layer-pop-6 > .forms .form-con p.title_name{font-size:1em; font-weight:700;}
	.layer-pop-6 > .forms .form-con dl dd.con_5 input{width:100%;}
	.layer-pop-6 > .forms .form-con dl dd.date_5 .inner_box input{width:32%;}
	.layer-pop-6 > .forms .form-con dl dd.date_5 .inner_box select{width:30%;}
	.layer-pop-6 > .forms .form-con dl dd.bank_6 input.bank1{width:25%;}
	.layer-pop-6 > .forms .form-con dl dd.bank_6 input.bank2{width:44%;}
	.layer-pop-6 > .forms .form-con dl dd.bank_6 input.bank3{width:25%;}
	.layer-pop-6 > .forms  .btns {overflow:hidden; margin:27px auto 0; width:100%;}
	.layer-pop-6 > .forms  .btns a span{font-size:1em;}


	}
    
}