@charset "utf-8";

/* RESET */
/*html{overflow: hidden;}*/
html,body,button,dl,dt,dd,div,form,fieldset,legend,h1,h2,h3,h4,h5,h6,input,select,textarea,ul,ol,li,p,pre,table,td,th,caption,a,button,figure,figcaption{margin:0;padding:0;}
input,select,textarea{vertical-align:middle; font-family:font_ns,sans-serif;}
body, th, td, input, select, textarea, button{font-size:17px; color:#666; font-family:font_ns,sans-serif;letter-spacing:-0.05em;font-weight:100;line-height:1;}
body, html {height: 100%;}
ol,ul{list-style:none}
a{text-decoration:none; color:#666;}
img{vertical-align:top; border:0}
table{border-collapse:collapse;border-spacing:0; width:100%;  }
th,td{font-size:17px; color:#666; }
caption{font-size:0; visibility:hidden; line-height:0;}
em{font-style:normal;}
fieldset, img{border: 0;}
select{
  -webkit-appearance: none; /* 화살표 없애기 for chrome*/
  -moz-appearance: none;    /* 화살표 없애기 for firefox*/
  appearance: none;         /* 화살표 없애기 공통*/
}
select::-ms-expand {
  display: none;            /* 화살표 없애기 for IE10, 11*/
}
/*** 2018.04.24 익스 인풋창 x버튼 삭제 ***/
input[type=text]::-ms-clear{display: none}
input[type=text]::-ms-reveal {display: none;}

/* --- webfont --- */
@font-face {/* 국문 light */
  font-family:font_ns;
  font-weight:100;
  src:local(※), url(../font/NotoSansKR-Light.woff) format('woff');
}

@font-face {/* 국문 Regular */
  font-family:font_ns;
  font-weight:normal;
  src:local(※), url(../font/NotoSansKR-Regular.woff) format('woff');
}

@font-face {/* 국문 Medium */
  font-family:font_ns;
  font-weight:bold;
  src:local(※), url(../font/NotoSansKR-Medium.woff) format('woff');
}

@font-face {/* 영문,숫자 light */
  font-family:font_roboto;
  font-weight:100;
  src:local(※), url(../font/Roboto-Light.woff) format('woff');
}

@font-face {/* 영문,숫자 Regular */
  font-family:font_roboto;
  font-weight:normal;
  src:local(※), url(../font/Roboto-Regular.woff) format('woff');
}
@font-face {/* 영문,숫자 Medium */
  font-family:font_roboto;
  font-weight:bold;
  src:local(※), url(../font/Roboto-Medium.woff) format('woff');
}

/*  * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess */ /* 2018-07-10 나눔폰트 요청으로 적용 */
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* 2018.04.17 iframe hiddenframe 숨기기 */
#hiddenFrame {position: absolute; left: 0; bottom: 0; font-size: 0; line-height: 0;}

.blind {position: absolute;  overflow: hidden;  clip: rect(0 0 0 0);  margin: -1px;  width: 1px;  height: 1px; }

#wrap{min-width: 1180px;overflow: hidden;}
/* 스프라이트 이미지 */
.sp_comm{background-image:url(../images/common/sp_common.png);background-repeat:no-repeat;vertical-align: top;display: inline-block;  overflow: hidden;font-size: 1px;line-height: 0;color: transparent;}
.sp_comm_wh{content: ''; display: block; width: 22px; height: 22px; background: url(../images/common/btn_search_wh.png)no-repeat;cursor: pointer}
.sp_slide_arr{background-image:url(../images/common/sp_slide_arr.png);background-repeat:no-repeat;vertical-align: top;display: inline-block;  overflow: hidden;font-size: 1px;line-height: 0;color: transparent;}
.display-on{display:block!important;}

/* 체크박스 */
.chk_cont{display:block;margin-top: 20px;position:relative;}
.chk_cont input{ position: absolute; left: 0; top:1px; width: 20px; height: 20px; opacity: 0; }
.chk_cont label{ display: inline-block;position: relative; z-index: 1; height:21px; font-size: 16px; line-height:20px; cursor: pointer;vertical-align: top;padding-left: 25px; letter-spacing: -0.07em; font-weight: normal;color:#999;}
.chk_cont label:after{ content: ''; display: inline-block;position: absolute;left: 0;top:1px;width: 20px; height: 20px; background: url(../images/common/sp_common.png) no-repeat; background-position:0 -26px; vertical-align: top; text-indent: 0; }
.chk_cont input:checked + label:after{background-position:-24px -26px;}
.chk_cont input + label a {  text-decoration: underline;  margin-left: 5px;  }

/* --- header ---*/
#header{height:116px; width:100%;left:0; top:0; z-index:99;position:relative;}
#header .util {width: 100%; height: 35px; background-color: #f9f9fa;position:relative;z-index:20;}
#header .util .util_inner{width:1180px;position:relative;margin:0 auto; height: 35px;}
#header .util .util_list {float:right;}
#header .util .util_list > li {float: left; margin-left: 22px;margin-top:8px; font-size: 13px; font-weight: normal; letter-spacing: -0.03em;}
#header .util .util_list > li a{color: #777;position:relative;}
#header .util .util_list > li a span{color: #000;}
#header .util .util_list > li:after {content: '';position: absolute;margin-left: 10px;width: 2px;height: 2px;background-color: #777777; margin-top:10px;}
#header .util .util_list > li:last-child:after {display: none;}
#header .util .util_list .h_lang > a > .sp_comm{position: relative;width: 7px;height: 4px;top: 7px;margin:0 12px 0 10px;background-position:-64px 0;}
#header .util .lang_select {position: absolute;right:0;display:none;width: 66px;top: 1px;z-index: 2;}
#header .util .lang_select ul {background-color: #fff;border: 1px solid #ddd;border-radius: 5px;padding: 7px 9px 7px 11px;}
#header .util .lang_select ul li{font-size:13px;font-weight: normal;margin-bottom:5px;}
#header .util .lang_select ul li:last-child{margin-bottom: 0;}
#header .util .lang_select ul li a {color: #777;}
#header .util .lang_select ul li a:hover {color: #000000;}
#header .util .lang_select ul .lang_selected a{color: #000;display: inline-block;}
#header .util .lang_select ul li a .sp_comm {width: 7px;height: 4px;top: 6px;margin-left: 11px;display:inline-block;position: relative;background-position:-74px 0;}


#header .menu_area {width: 100%;height:81px;background: #fff;position: absolute;left:0;right:0;top:35px;}
#header .menu_area .menu_inner {width: 1180px;margin: 0 auto;}
#header .menu_area .logo {float:left;height:80px;background-color: #fff;z-index:18;}
#header .menu_area:after{content:'';position:absolute;top:80px;left:0;right:0;height:1px;background-color:#e9e9e9;z-index:98;}

#header .nav_wrapper {width: 100%;height:80px;z-index: 18;background: #fff;position: relative;}
#header .nav_wrapper .nav_inner {width: 1180px;margin: 0 auto;position:relative;}

#header .gnb_menu{float:left;margin-left:140px;}
#header nav#gnb > ul{overflow:hidden;}
#header nav#gnb .depth_01:first-child{margin-left:0;}
#header nav#gnb .depth_01 {float: left;  text-align: center;}
#header nav#gnb .depth_01 > a em {font-size: 18px; font-weight: bold; color: #000;position: relative; z-index: 1;}
#header nav#gnb .depth_01 > a{display:block;padding:0 28px 0 28px;position:relative;z-index:18;height:80px;line-height:80px;}
#header nav#gnb .depth_01.active > a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#00a040;}
#header nav#gnb .depth_01.active > a em {color: #00a040;}

#header nav .sub_category {position: absolute; overflow: hidden; margin: auto; top:100%;left: 0; right: 0; width: 100%;   box-sizing: border-box; display:none; text-align: left;z-index:18;}
#header nav .sub_category:after{content:'';position:absolute;top:0;bottom:0;left:279px;right:0;background-color:#e9e9e9;width:1px;}
#header nav .sub_category .category_tit {width: 279px; padding-top: 33px;float:left;}
#header nav .sub_category .category_tit strong {font-size: 20px; color: #000;display:block;padding-bottom:38px;position:relative;}
/* #header nav .sub_category .category_tit strong:after{content:'';width:8px;height:8px;background-color:#ff6568;border-radius:50%;display:inline-block;position:absolute;left:0;bottom:16px;} */
#header nav .sub_category .category_tit p {font-weight: 100;}
#header nav .sub_category .category_list{float:left;width:630px;padding:31px 0;}
#header nav .sub_category .category_list > ul{width:260px;float:left;padding-left:40px;}
#header nav .sub_category .category_list > ul > li:first-child > strong{margin-top:0;}
#header nav .sub_category .category_list > ul > li > strong{font-weight: normal; color: #000;display:block;line-height:34px;margin-top:12px;}
#header nav .sub_category .category_list > ul > li > strong > a{font-weight: normal; color: #000;vertical-align:top;line-height:34px;}
#header nav .sub_category .category_list > ul > li > ul> li{line-height:25px;}
#header nav .sub_category .category_list > ul > li > ul> li a {font-weight: 100; font-size: 15px; color: #666666;}
#header nav .sub_category .category_list ul li.sp_donate a{color: #ff6567;}
#header nav .sub_category .category_list ul li a:hover {color: #00a040; text-decoration: underline;}


#header nav .sub_category .category_banner{float:right;width:262px; padding: 40px 0;}
#header nav .sub_category .category_banner a img{margin-bottom:5px;width:260px;border: 1px solid #ddd;}
#header nav .sub_category .category_banner a span{font-size: 15px;color:#000000;}
/* --- etc_menu --- */
#header .etc_menu{float:right;padding:20px 0;}
#header .etc_menu:after{content:'';display:block;clear:both;}
#header .btn_sponsor, #header .search_menu{z-index:19;display:block;position: relative;float:left;}
#header .btn_sponsor{display:block;width:120px;height:40px;border-radius:20px;background-color:#00b551;line-height:40px;color:#fff;font-size:16px;font-weight: bold;text-align:center;margin-right:12px;}
#header .open_search{display:block;width:40px;height:40px;position:relative;}
#header .open_search .sp_comm {width: 24px; height:24px;background-position:-38px 0;margin:9px 0 0 8px;}
#header .search_menu{display:block;width:40px;height:40px;padding-right:7px;margin-right:14px;float:left;}
#header .search_menu:after {content: '';width: 1px;height: 24px;background-color: #e5e5e5;position:absolute;top:8px;right:0;}

.search_wrapper {height: 60px; display:block; vertical-align: middle; position: relative; padding:0 27px 0 0;background-color:#00b551;}
.search_wrapper input { border: 0; height: 60px; width: 100%;color: #fff; box-sizing:border-box;padding:0 20px;font-size:20px; background-color: #00b551;text-align: center;}
.search_wrapper label{border: 0;outline: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;line-height: 60px;height: 60px;cursor: pointer;padding: 0 15px;z-index: 2;white-space: nowrap;text-align: center;font-size: 20px;color: #fff;}
.search_wrapper .btn_search {position: absolute; right:-2px; top: 0;width:25px;height:60px;background: #00b551;border:0;}
.search_wrapper .btn_search .sp_comm {width: 24px; height:24px;background-position:-38px 0;}
.search_popup{position:absolute;width:1180px;right:-38px;height:60px;background-color:#fff;z-index:44;top: 61px;display:none;}
.search_popup:before{content:'';position:absolute;top:0;left:-370px;right:-370px;height:60px;background-color:#00b551;z-index:0;overflow: hidden}

#header .search_menu.active .search_popup{display:block;}
#header .search_menu.active .open_search .sp_comm {width: 24px; height:24px;background-position:-177px -62px;margin:9px 0 0 8px;}

#search_clear { content: ''; position: absolute; right: 40px; top: 0; bottom: 0; width: 24px; height: 24px; background: url('../images/common/btn_cls_search.png')no-repeat; margin: auto; cursor: pointer;}
/* --- hamburger --- */
.all_menu{float:left;width : 24px;height : 20px;padding:10px 0;}
.hamburger {float:left;width : 24px;height : 20px;z-index: 9999;position: relative;}
.hamburger .line{left: 0; width: 24px;height: 2px; background-color: #000; display: block; margin: 0 0 7px 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
.hamburger:hover .line {background-color: #00a040;}
.all_menu.open .hamburger{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.all_menu.open .hamburger .line:nth-child(2){width: 0;}
.all_menu.open .hamburger .line:nth-child(1),
.all_menu.open .hamburger .line:nth-child(3){-webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s;}
.all_menu.open .hamburger .line:nth-child(1){-webkit-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px);}
.all_menu.open .hamburger .line:nth-child(3){-webkit-transform: translateY(-13px) rotate(90deg); -ms-transform: translateY(-13px) rotate(90deg); -o-transform: translateY(-13px) rotate(90deg); transform: translateY(-13px) rotate(90deg);}
.all_menu.open .hamburger .line {background-color: #444444;}

/* --- //hamburger --- */
.list_popup {position: absolute;left:0;right:0;width:100%; height: 0; top:-35px;z-index: 9998; overflow: hidden; opacity: 0;}
.list_popup .nav_all_list {width: 1180px; margin: 0 auto; position: relative;    z-index: 99;}
.list_popup .nav_all_list .nal_top {width: 100%; height: 80px; padding: 35px 0 0 0; border-bottom: 2px solid #dddddd;}
.list_popup .nav_all_list .nal_link {margin-top:34px; width: 100%; letter-spacing: -0.07em;overflow:hidden;}
.list_popup .nav_all_list .nal_link .depth1{position: relative; width: 20%; float: left;}
.list_popup .nav_all_list .nal_link .depth1 strong {display: block; font-size: 20px; color: #000000; letter-spacing: -0.07em; margin-bottom: 9px;}
.list_popup .nav_all_list .nal_link .depth1 strong:after {content: '';display: inline-block;width: 6px;height: 6px;border-radius: 50%;background-color: #ff6468;bottom: 0; left: 0; margin-left: 8px;}
.list_popup .nav_all_list .nal_link .depth2 > li {line-height: 47px;}
.list_popup .nav_all_list .nal_link .depth2 > li > a {color: #000000; font-size: 17px;font-weight:normal;}
.list_popup .nav_all_list .nal_link .depth2 > li > a:hover,.list_popup .nav_all_list .nal_link .depth3 > li > a:hover {color:#00b551;}
.list_popup .nav_all_list .nal_link .depth3 > li > a:hover:before{background-color: #00b551; }
.list_popup .nav_all_list .nal_link .depth3 {margin-bottom: 9px; margin-top: -4px}
.list_popup .nav_all_list .nal_link .depth3 li {line-height: 14px; position: relative;}
.list_popup .nav_all_list .nal_link .depth3 li a:before {content: '';position: absolute; left: 0; top:12px; width: 2px;height: 2px; background-color: #666666; }
.list_popup .nav_all_list .nal_link .depth3 li a{color: #666666; margin-left: 11px; padding: 6px 0 5px 0;display:block; font-size: 15px;}
.list_popup:after{content:'';width:2400px;height:1080px;position:absolute;top:-35px;left:0; background:#fff;display: none;}
.all_menu.open .list_popup:after{display: block;}

#overlay {width:100%;height: 100%;position:fixed;top:0;left:0;  z-index:11;background:rgba(0,0,0,0.57);display: none;}

#header nav .sub_category {position: absolute;overflow: hidden;margin: auto;top: 81px;left:0;right: 0;width:1180px;box-sizing: border-box;display: none;text-align: left;z-index: 18;}

/* --- //header ---*/

/* container */
#container {position:relative;}

/* --- footer --- */
#footer { width: 100%;}
#footer .section_footer:first-child{border-bottom: 1px solid #505051;}
.section_footer{background-color:#3e3e3f;position:relative;}
.section_footer.award{background-color:#353536;text-align:center;}
.section_footer:after{content:'';display:block;clear:both;}
.section_footer .f_link {width: 1180px; height: 59px;margin:0 auto;}
.f_link .f_link_info {padding-top: 16px;float:left;}
.f_link .f_link_info li {float: left;padding:0 10px; position:relative;}
.f_link .f_link_info li:first-child {padding-left: 0;}
.f_link .f_link_info li:before{content:'';position:absolute;left:0;top: 7px;width:1px;height:14px;background-color:#525253;}
.f_link .f_link_info li:first-child:before{display:none;}
.f_link .f_link_info li a {color: #999; font-size: 14px; }
.f_link .f_link_info li.f_privacy a{color: #fff;}
.f_link .f_familysite {width: 278px; height: 59px;float: right; border-left: 1px solid #505051; border-right: 1px solid #505051;}
.f_link .f_familysite > a{padding:19px 20px 19px; position: relative;display:block;font-family: font_roboto; font-size: 14px; color: #999;font-weight:normal;background-color: #3e3e3f;letter-spacing:-0.02em;}
.f_link .f_familysite:hover > a {color: #fff;}
.f_link .f_familysite.active > a {color: #fff;background-color: #383839;}
.f_link .f_familysite.active > a:after{content:'';display:none;height:1px;background-color:#383839;position:absolute;left:0;right:0;top:-1px;z-index:52;transition: opacity 0.4s ease;transition-delay: .4s;opacity:0;}
.f_link .f_familysite.active > a:after{content:'';display:block;opacity:1;}
.f_link .f_familysite:hover .plus-minus-toggle:after,
.f_link .f_familysite:hover .plus-minus-toggle:before{background: #fff;}
.f_link .f_familysite .plus-minus-toggle {height: 12px; width: 12px; top:28px; right:20px;position: absolute;display:block;}
.f_link .f_familysite .plus-minus-toggle:before,
.f_link .f_familysite .plus-minus-toggle:after {background: #999; content: ''; height: 2px; left: 0; position: absolute; top: 0; width: 12px; transition: transform 0.5s ease;}
.f_link .f_familysite .plus-minus-toggle:after {transform: rotate(90deg);}
.f_link .f_familysite .plus-minus-toggle:before {transform: rotate(180deg);}
.f_link .f_familysite.active .plus-minus-toggle:before,
.f_link .f_familysite.active .plus-minus-toggle:after {background: #fff;transform: rotate(0deg);transform-origin: center;}
.f_link .f_sns { padding-top: 10px; float:left;margin-left: 140px;}
.f_link .f_sns > ul > li{float:left;margin-left: 10px;}
.f_link .f_sns > ul > li > a{display:block;width:40px;height:40px;background-color:#383839;border-radius:50%;text-align:center;}
.f_link .f_sns .sp_comm{width:24px;height:24px;margin-top:8px;}
.f_link .f_sns .facebook .sp_comm{background-position:0 -72px;}
.f_link .f_sns .instagram .sp_comm{background-position:-26px -72px;}
.f_link .f_sns .blog .sp_comm{background-position:-52px -72px;}
.f_link .f_sns .plus .sp_comm{background-position:-78px -72px;}
.f_link .f_sns .youtobe .sp_comm{background-position:-105px -72px;}
.f_link .f_familysite_link {position: absolute;z-index: 50;width: 100%;background-color: #383839;border-bottom:1px solid #505051;display: none;opacity: 1;left: 0;right: 0;bottom: 100%;}
.f_link .f_familysite_link .f_familysite_list {width: 1180px; margin: 0 auto; padding:59px 0 20px;position:relative;}
.f_link .f_familysite_link .f_familysite_list > ul{overflow:hidden;}
/* 2018.04.09 footer 패밀리사이트 수정 (233,235,236 height값 기입) 2019.05.10 height값 늘림 */
.f_link .f_familysite_link .f_familysite_list > ul > li {float:left; /*height:327px;*/ margin-bottom:36px; position:relative; margin-left:100px; overflow:hidden;}
.f_link .f_familysite_link .f_familysite_list > ul > li:first-child{margin-left:0;}
.f_link .f_familysite_link .f_familysite_list > ul > li:nth-child(3){clear:both; margin-left:0;}
.f_link .f_familysite_link .f_familysite_list > ul > li:nth-child(5){}
.f_link .f_familysite_link .f_familysite_list .list_title{font-size: 18px; color: #fff; margin-bottom:18px;display:block;font-weight:normal;}
.f_link .f_familysite_link .f_familysite_list > ul > li > ul{min-width:184px;float:left;}
.f_link .f_familysite_link .f_familysite_list > ul > li > ul + ul{margin-left:30px;}
.f_link .f_familysite_link .f_familysite_list > ul > li > ul > li > a{display:inline-block;font-size: 14px; font-weight: 100; color: #cccccc;line-height:20px; }
.f_link .f_familysite_link .f_familysite_list > ul > li > ul > li{margin-top:9px;font-size:14px;line-height:20px;font-weight:100;color:#cccccc}
.f_link .f_familysite_link .f_familysite_list > ul > li > ul > li:first-child{margin-top:0;}
.f_link .f_familysite_link .f_familysite_list > ul > li > ul > li > a:after {  content: '';  display: inline-block;  background: url(../images/common/sp_common.png) no-repeat;  background-position:-84px 0;   width: 19px;  height: 20px;  vertical-align: top;  margin-left: 4px;  visibility:hidden;opacity:.6}
.f_link .f_familysite_link .f_familysite_list > ul > li > ul > li > a:hover:after{visibility: visible;}
.f_link .f_familysite_link .f_familysite_list > ul > li > ul > li > a:hover {text-decoration:underline;}
.f_link .f_familysite_link .f_close {position: absolute; right:-225px; top:40px;height:32px;width:32px;background: url(../images/common/sp_common.png) no-repeat;background-position:-168px 0;}

.f_customer {width: 1180px; margin-left: auto; margin-right: auto; position: relative;overflow:hidden; height: 169px;}
.f_customer .footer_info {padding-top: 25px;line-height:22px;}
.f_customer .footer_info p,.f_customer .footer_info p span, .f_customer .footer_info p em {font-weight: 100; font-size: 14px; line-height:22px; color: #999;letter-spacing:-0.07em;}
.f_customer .footer_info p em{font-weight: normal;display:inline-block;}
.f_customer .footer_info p  > span {padding-left:15px;position:relative;display:inline-block;}
.f_customer .footer_info p  > span:first-child{padding-left:0;}
.f_customer .footer_info p span:after{content:''; position:absolute;left: 8px;  width:1px; height:13px; background-color:#525253;top:5px; }
.f_customer .footer_info p.copyright {margin-top: 21px; }
.f_customer .account {right: 0; position: absolute;line-height:22px;top:24px;letter-spacing:-0.07em;}
.f_customer .account strong{font-weight: normal; font-size: 14px; color:#fff;line-height:22px;}
.f_customer .account p {font-size: 14px; color: #999; line-height:22px;}
.f_customer .account p em{font-size: 16px; color:#fff;font-weight:100;}

.f_award {width: 1180px; margin-left: auto; margin-right: auto; position: relative;padding:23px 0 24px;height:54px;font-size:0;text-align:center;}
.f_award ul{overflow:hidden;display:inline-block;}
.f_award li{margin-left:50px;float:left;}
.f_award li a{display:inline-block;}
.f_award li:first-child{margin-left:0;}
.f_award li .sp_award{background-image:url(../images/common/sp_footer_mark.png);background-repeat:no-repeat;vertical-align: top;display: inline-block;  overflow: hidden;font-size: 0;line-height: 0;color: transparent;height:54px;}
.f_award li .sp_award.un{background-position:0 0;width:150px;}
.f_award li .sp_award.sbs{background-position:0 -54px;width:161px;}
.f_award li .sp_award.edu{background-position:0 -108px;width:116px;}
.f_award li .sp_award.sam1{background-position:0 -162px;width:183px;}
.f_award li .sp_award.sam6{background-position:0 -216px;width:192px;}

/* --- //footer --- */

/* --- sub --- */
.sub_contents{width:100%;margin:0 auto;padding-bottom:120px;min-height:330px;}
.sub_contents.wide{width:100%;margin:0;}
.sub_contents.nopd{padding-bottom:0;}
.sub_contents .inner{width:1180px;margin:0 auto;}
.sub_contents.board_view_wide{width:100%; border:0}
.sub_contents.board_view_wide .board_view{border-top:0; border-bottom:0; margin-bottom:0}
.sub_contents.board_view_wide .board_view .view_cont{padding:40px 0;}
.sub_contents.board_view_wide .view_title{width:940px; margin:0 auto; border-top:2px solid #222222;}
.sub_contents.board_view_wide .view_page{width:1180px; margin:0 auto;}
.sub_contents.board_view_wide .btns_wrapper{width:1180px; margin:0 auto; border-top:1px solid #222222; padding-top:40px;}
.sub_contents.board_view_720 .board_view .view_cont{padding:40px 0; width:720px; margin:0 auto;}

/* location */
.location_wrapper{height:50px;position:relative;}
#location {width: 100%; background-color: #444;z-index:10;position:absolute;left:0;right:0;top:0;height:50px;}
#location .location_inner {width: 1180px; height: 50px; margin: 0 auto;}
#location .location_inner .home{width:48px;border-right:0;float:left; border-left: 1px solid #656565; height: 50px; position: relative;}
#location .location_inner .home a{width:48px;height:50px;display:block;position:relative;}
#location .location_inner .home .sp_comm{width:16px;height:16px;background-position: -109px 0;left: 16px;top: 17px;margin: 0;}
#location .location_inner .sp_comm {position: absolute; right: 20px; width: 13px; height: 7px; top:22px; margin-left: 50px;background-position:-130px 0;}
#location .location_inner .depth01{float:left; border-left: 1px solid #656565;border-right: 1px solid #656565; height: 50px; position: relative;}
#location .location_inner .depth01 + .depth01{margin-left:-1px;}
#location .location_inner .depth01.on .sp_comm{background-position:-130px -10px;}
#location .location_inner .depth01 > a {padding: 0 20px; display: block; line-height: 50px; width: 160px;font-size: 16px;color: #fff;}
#location .depth02 { display:none; position:relative; margin:0; padding:2px 0 28px;background:#393939; }
#location .depth02 li{/* margin-top:11px;padding:0 20px; */}
#location .depth02 a{display: block; padding:11px 20px 0; width:100%; height: 100%; color:#ffffff;font-size:16px; box-sizing: border-box;}
#location .depth02 a:hover{text-decoration:underline;}
#location.elem_fixed{position:fixed;left:0;right:0;top:0;height:50px;}


/* 탭메뉴 */
.tab_wrapper{overflow:hidden;width:1180px;margin:0 auto 40px;}
.tab_wrapper.mg_bt60{margin-bottom:60px;}
.tab_wrapper ul{display:table;width:100%;}
.tab_wrapper.tab02 ul li{width:50%;}
.tab_wrapper.tab03 ul li{width:33.33%;}
.tab_wrapper.tab04 ul li{width:25%;}
.tab_wrapper.tab05 ul li{width:20%;}
.tab_wrapper.tab06 ul li{width:16.66%;}
.tab_wrapper.tab07 ul li{width:14.285%;}
.tab_wrapper.tab08 ul li{width:12.5%;}
.tab_wrapper ul li{position:relative;float:left;}
.tab_wrapper ul li a{display:block; text-align:center; height:54px; line-height:54px; font-size:18px; color:#666666; border-width:1px; border-style:solid; border-color:#dddddd; background-color:#fff;font-weight:normal;margin-left:-1px;}
.tab_wrapper ul li:first-child a{margin-left:0;}
.tab_wrapper ul li.active{z-index:2;}
.tab_wrapper ul li.active a{ color:#00b551; font-weight:normal;}
.tab_wrapper ul li.active a{border:2px solid #00b551;height:52px;}
.tab_wrapper ul li:hover{z-index:2;}
.tab_wrapper ul li:hover a{ color:#00b551; font-weight:normal;}
.tab_wrapper ul li:hover a{border:2px solid #00b551;height:52px;}

/* form ::: text */
.form_text{display:inline-block;width:100%;vertical-align:middle;height:40px;  padding: 7px 18px;  background-color: #fff;border: 1px solid #dddddd;-webkit-box-sizing:border-box;box-sizing:border-box;}
.form_text.disable{background-color: #f9f9fb;border: 1px solid #dddddd;color:#a1a1a1;}
.form_text.disable input[type="text"]{background-color: #f9f9fb;color:#a1a1a1;}
.form_text input[type="text"],
.form_text input[type="password"]{width:100%; border:0; color:#000;line-height:24px;vertical-align: top;-webkit-appearance: none;outline: 0;-webkit-border-radius: 0;border-radius: 0;font-weight:100;}
.form_text input[type="file"]{width:100%; border:0; height:24px;color:#000;line-height:24px;}
.form_text.focus { border:1px solid #00b551; }

/* form ::: selectbox */
.form_select{display:inline-block;position:relative;width:100%;vertical-align:middle;height:38px;background-color: #fff;border: 1px solid #dddddd;overflow:hidden;}
.form_select:before{content:'';  width: 32px;  height: 36px;  background-position: 0 -4px;  background-image: url(/img/icon_select_arr.gif);  background-repeat: no-repeat; vertical-align: top;  display: inline-block;  overflow: hidden;  line-height: 0;  color: transparent;  position: absolute;  right:1px;  top:1px;z-index: 1;}
.form_select select{background-color: transparent;width: 100%;  border: 0;  height: 38px;  line-height:24px;font-size: 16px;color:#000;position:relative; z-index:1; text-align:left;padding-left:10px;font-weight:100;}

/* form ::: textarea */
.form_textarea { display:inline-block;width:100%; box-sizing:border-box; border:1px solid #dddddd; background:#fff;padding:14px;}
.form_textarea textarea { color:#000;font-size:16px; line-height:24px; border:0; resize:none;width:100%;font-weight:100;outline: 0;}
.form_textarea.focus { border:1px solid #00b551; }

/* form ::: checkbox */
.form_checkbox{display:inline-block; vertical-align:middle; cursor:pointer; position:relative;}
.form_checkbox input[type="checkbox"]{position:absolute; left:-50px; top:-50px; opacity:0; width:0; height:0; border:0; background-color:transparent}
.form_checkbox span{color:#666666; font-size:15px;vertical-align: top;line-height:20px;}
.form_checkbox span:before{content:''; background:url(../images/common/icon_form.png) 0 0 no-repeat; width:20px; height:20px; display:inline-block; vertical-align:top;margin-right:10px;}
.form_checkbox input[type="checkbox"]:checked + span:before{background-position:-24px 0}
.form_checkbox + .form_checkbox{margin-left:10px;}
/*** 2018.04.12 물품후원 하단 수정 ***/
.form_checkbox.donate span{color:#000000; font-size:16px;}
.form_checkbox.donate span:before{position: absolute; margin-left: 40px;margin-right: 0}

/* form ::: file */
.wrap_file {overflow: hidden;  position: relative;  display: block;}
.wrap_file .form_text {width: 400px; float: left;border-right:0;}
.wrap_file .input_file {  position: absolute;  left: 0;  top: 0;  width: 500px;  height: 40px;  opacity: 0;  filter: alpha(opacity=0);  cursor: pointer;  vertical-align: top;  }
.wrap_file .btn_file {  background-color: #999999;  font-size: 14px;  line-height: 40px;  height: 40px;  overflow: hidden;  display: inline-block;  float:left;  vertical-align: top;  color: #fff;  width: 100px;  text-align: center;}
.del_file_wrapper .file_area span{display:inline-block;font-size:14px;color:#666666;padding-right:23px;line-height:20px;position:relative;}
.del_file_wrapper .file_area span + span{margin-left:10px;}
.del_file_wrapper .noti{font-size:14px;color:#666666;line-height:20px;}
.del_file_wrapper .del_file{position:absolute;right:0;top:50%;margin-top:-7px;width:15px;height:15px;background-color:#dddddd;display:block;}
.del_file_wrapper .del_file .sp_comm{background-position:-147px 0;vertical-align: top;display:block;width:7px;height:7px;margin: 4px;}


/* form ::: radiobutton */
.form_radio{display:inline-block; vertical-align:middle; cursor:pointer; position:relative;}
.form_radio input[type="radio"]{position:absolute; left:-50px; top:-50px; opacity:0; width:0; height:0; border:0; background-color:transparent}
.form_radio input + span{color:#666666; font-size:17px;vertical-align: top;line-height:20px;}
.form_radio input + span:before{content:''; background:url(/img/icon_radio.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block; vertical-align:top; margin:0 8px 0 0; position:relative; top:3px;}
.form_radio input[type="radio"]:checked + span:before{background-position:-20px 0}

/* form ::: 주소 */
.form_address .detail_address{margin-top:10px;overflow:hidden;}
.form_address .btn{margin-left:10px;}
.form_address .detail_address .form_text{width:100%;float:left;}
.form_address .detail_address .form_text + .form_text{margin-left:0px;}

/* input_form */
.input_form .btn{background-color: #999999;overflow: hidden;display: inline-block;border-radius:0;vertical-align: top;color: #fff;width: 100px;text-align: center;border:0;}
.input_form .btn span{font-size: 14px;line-height: 40px;height: 40px;}
.form_group{overflow:hidden;}
.form_group .form_checkbox{margin:9px 0 0 20px;}
.form_group .form_checkbox a{text-decoration: underline;margin-left: 5px;font-size: 15px;height: 20px;vertical-align:top;display:inline-block;}
.form_group > strong{font-size: 15px;color:#000;display:block;font-weight:normal;margin:15px 0 8px;}
.form_group .form_select,.form_group .form_text,.form_group .at{float:left;}
.form_group .at{width:24px;text-align:center;display:block;line-height:38px;}
.form_note{display:block;padding-left:8px;position:relative;font-size:15px;color:#888888;margin-top: 10px;line-height:24px;}
.input_form .form_note + .form_note{margin-top:0;}
.form_note:before{content:'*';color:#888888;font-size:15px;height:16px;position:absolute;left:0;top:5px;}
.form_group .form_select + .form_select{margin-left:10px;}
.form_group .form_select + .btn{margin-left:10px;}
.form_group .form_text + .btn{margin-left:10px;}
.form_group .btn + .form_note{display:inline-block;margin-left:10px;}
.form_group .btn + .form_note{display:inline-block;margin-left:10px;}
.form_group .form_text + .form_note{display:inline-block; margin-left:10px; margin-top:8px;}
.form_group.form_card .form_text{padding:7px 13px;}
.form_group.form_card .form_note{display:inline-block; margin-left:30px; margin-top:8px;}
.form_group.form_card .card_num{display:inline-block; float:left; margin-top:14px; color:#000; margin-left:10px;}

  /* 게시판 검색 */
.board_search_wrapper{height: 50px; margin:0 auto 40px; background-color: #f5f6f8; text-align: center; padding: 30px 0;width:1180px;}
.board_search_wrapper.bottom{margin-bottom:0;margin-top:40px;}
.board_search{display:inline-block;font-size:0;position:relative;}
.board_search .form_select{display: inline-block;vertical-align: middle; overflow: hidden; position: relative; border: 1px solid #dddddd; background-color: #fff; margin-right:10px;height:46px;box-sizing: unset;}
.board_search .form_select select { width: 100%; border: 0; height:46px; line-height: 46px; font-weight: 100; font-size: 16px; color: #000; position: relative;  letter-spacing: -0.07em;background-color:transparent;padding-left:10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.board_search .form_select select::-ms-expand { display:none; }
.board_search .form_select:before{content:'';  width: 32px;  height: 44px;  background-position: 0 0;  background-image: url(/img/icon_select_arr.gif);  background-repeat: no-repeat; vertical-align: top;  display: inline-block;  overflow: hidden;  line-height: 0;  color: transparent;  position: absolute;  right:1px;  top:1px;z-index: 1;margin-top:0; width:0 \0/IE9;}
.board_search .form_select{width:178px;}
.board_search .form_search {width:436px; border: 1px solid #dddddd; height: 46px; display: inline-block; vertical-align: middle; position: relative; padding:0 47px 0 0;background-color:#fff;}
.board_search .form_search input { border: 0; height: 46px; width: 100%;color: #000; font-weight: 100; font-size: 16px; letter-spacing: -0.07em;box-sizing:border-box;padding:0 10px;}
.board_search .form_search .btn_search {position: absolute; right:-1px; top: -1px;width:48px;height:48px;background: #999999;border:0;}
.board_search .form_search .btn_search .sp_comm{ display: inline-block;background-position:-14px -51px;width: 18px; height: 18px;position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;vertical-align:top;}
.board_search .form_search .btn_search:hover{background: #00b551;}

/* 라벨 */
.label {display: inline-block; min-width:40px; padding:0 5px; height:20px; line-height:20px;text-align: center; border-radius: 15px; font-size: 12px; color: #fff;font-weight:normal; border:1px solid #fff}
.label.general {background-color: #999;border-color:#999}
.label.line  {background-color: #fff; color:#999; border-color:#999}
.label.member {background-color: #00b551;border-color:#00b551}

/* 페이징 */
.pagination {text-align: center;font-size:0;}
.pagination a {display: inline-block;font-size: 16px;vertical-align: middle;width:40px;height:40px;line-height:40px;text-align:center;}
.pagination a.active {text-decoration: underline; color: #00b551;}
.pagination a:hover {text-decoration: underline; color: #00b551;}
.pagination .icon_page_arr {display: inline-block;}
.pagination .icon_page_arr:after {content: ''; border: 1px solid #ddd; border-radius: 30px; display: block; width: 38px; height: 38px; background: url('../images/common/icon_page_arr.png')no-repeat;}
.pagination .icon_page_arr:hover:after {border: 1px solid #535353;}
.pagination .icon_page_arr.prev {margin-right: 12px;}
.pagination .icon_page_arr.next {margin-left: 12px;}
.pagination .icon_page_arr.e_prev {margin-right:5px;}
.pagination .icon_page_arr.e_next {margin-left:5px;}
.pagination .icon_page_arr.e_prev:after {background-position: 0 0;}
.pagination .icon_page_arr.e_next:after {background-position: 34% 0;}
.pagination .icon_page_arr.prev:after {background-position: 67% 0;}
.pagination .icon_page_arr.next:after {background-position: 98% 0;}

/* --- button --- */
.btns_wrapper{font-size:0;}
.btns_wrapper.al_center{text-align:center;}
.btns_wrapper.al_left{text-align:left;}
.btns_wrapper.al_right{text-align:right;}
.btns_wrapper.al_both{text-align:center;overflow:hidden;}
.btns_wrapper.al_both .btn_left{float:left;}
.btns_wrapper.al_both .btn_right{float:right;}
.btn{display:inline-block; vertical-align:middle; border:1px solid #cccccc; font-size:18px; font-weight:bold; color:#666666;border-radius:48px;width:180px;box-sizing:border-box;background-color:#fff; }
.btn >span{display:block; text-align:center; height:46px; line-height:45px;font-weight:normal;font-size:18px;overflow:hidden;vertical-align: top;}
.btn.bg_gray{background-color:#999999; border-color:#999999; color:#fff;}
.btn.bg_point{background-color:#fe929f; border-color:#fe929f; color:#fff;}
.btn.bg_trans{background-color:transparent;  border:2px solid #fff; color:#fff;}
.btn.bg_trans2{background-color:transparent;  border:1px solid #fe929f; color:#fe929f;}
.btn.bg_trans3{background-color:transparent;  border:2px solid #b9b9b9; color:#999;}
.btn.bg_gray1{background-color:#fff; border-color:#ddd; color:#555;}
.btn.bg_gray2{background-color:#b9b9b9; border-color:#b9b9b9; color:#fff;}
.btn.bg_point2{background-color:#fe929f; border-color:#fe929f; color:#fff;}
.btn.size1{font-weight:normal;width:160px;}
.btn.size1 >span{height:38px; line-height:38px;font-size:16px;}
.btn.size2{font-weight:normal;width:auto;padding:0 19px;}
.btn.size2 >span{height:30px; line-height:30px;font-size:14px;}
.btn.size3{font-weight:normal;width:200px; height: 54px;}
.btn.size3 >span{height:54px; line-height:54px;font-size:18px;}
.btn.size3.em01 {width:auto; padding:0 52px;}
.btn.size4{font-weight:normal;display:block;width:100%;}
.btn.size4 >span{height:54px; line-height:54px;font-size:18px;}
.btn.size5{font-weight:normal; width:100%;}
.btn.size5 >span{height:56px; line-height:56px;font-size:18px;}
.btn.down span:after{content:''; width:15px; height:11px; background:url(../images/common/sp_common.png) 0 0 no-repeat; display:inline-block; vertical-align:middle; margin-left:10px; position:relative; top:-2px;background-position:-54px -51px;}
.btn + .btn{margin-left:10px;}
.btn:hover{background-color:#fe929f; border-color:#fe929f; color:#fff;text-decoration:none;}
.bg_gray2:hover{background-color:#999999; border-color:#999999; color:#fff;}
.bg_point2:hover{background-color:#1b8c4f; border-color:#1b8c4f; color:#fff;}
.btn.bg_trans2:hover,
.btn.bg_trans3:hover{background-color:#fe929f; color:#fff;}
.btn.down:hover span:after{background-position:-72px -51px;}
.btn.bg_trans > span{height:44px; line-height:44px;}
.btn.bg_trans.size1 >span{height:36px; line-height:36px;}
.btn.bg_trans.size2 >span{height:28px; line-height:28px;}
.btn.bg_trans.size3 >span{height:52px; line-height:52px;}
.btn.base {border-radius:0;}
.btn.txt {width:auto; color:#666; border:0 none; border-radius:0; background:none;}
.btn.txt.st01 {font-size:17px; font-weight:100;}
.btn.txt.st01:after {height:1px; margin-top:2px; background:#ccc; display:block; content:"";}

/* --- 타이틀 --- */
.sub_header{text-align:center;margin-top:58px;color:#000;position:relative;}
.sub_header h2{line-height:36px;color:#000;font-size:36px;font-weight:bold;margin-bottom:40px;}
.sub_header.mg_bt30 h2{margin-bottom:30px;}
.sub_header .btn_close{display: inline-block;width:48px;height:48px;text-align:center;background-color:#fff;position:absolute;left:50%;margin-left:542px;z-index:6;top:-4px;}
.sub_header .btn_close span{position:absolute;left: 11px;top: 23px;width: 26px;height: 2px;background-color: #444444;display: block;}
.sub_header .btn_close .line1{-webkit-transform:rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform:rotate(-45deg);transform: rotate(-45deg);}
.sub_header .btn_close .line2{-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}

.hd{text-align:center;color:#000000;}
.hd h3{line-height:40px;color:#000;font-size:32px;font-weight:bold;padding-bottom:24px;position:relative;}
.hd h3 + p{padding-top:24px;}
.hd p em{color:#00b551;}
.hd h3:after{content:'';width:8px;height:8px;border-radius:50%;background-color:#ff6468;position:absolute;bottom:0;left:50%;margin-left:-4px;}
.hd.white h3,.hd.white .sub_txt,.hd.white p{color:#fff;}
.hd.white h3:after{background-color:#fff;}
.tab_wrapper + .hd p{margin-bottom:40px;}
p.size1 em,p.size2 em{color:#00b551;}
p.size1{font-size: 17px;color: #666666;}
p.size2{line-height:32px;color:#000;font-size:24px;font-weight:normal;}

.sub_header .contact{text-align:center;padding-bottom:40px;}
.sub_header .contact dl{display:inline-block;}
.sub_header .contact dl dt,.sub_header dl dd{float:left;}
.sub_header .contact dl dt{color:#000;font-weight:normal;padding:0 20px;position:relative;}
.sub_header .contact dl dd{font-size:16px;color:#666666;padding-right:20px;position:relative;}
.sub_header .contact dl dd + dt:after{content:'';width:1px;height:13px;background-color:#dddddd;position:absolute;left:0;top:7px;}

/* 게시판 리스트*/
.board_list_wrapper {position: relative; overflow: hidden;}
.board_list_wrapper .board_area{padding-bottom:40px;}
.board_list_wrapper .board_area .el{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board_list_wrapper .board_footer{position: relative;text-align:center;overflow: hidden;height:56px;}
.board_list_wrapper .board_footer .a_left{position:absolute;left:0;top:0;}
.board_list_wrapper .board_footer .a_right{position:absolute;right:0;top:0;}
.board_list_wrapper table {clear: both; border-top: 2px solid #000; border-bottom: 1px solid #000;border-collapse: inherit;table-layout:fixed;}
.board_list_wrapper table th {color: #000; font-size: 16px;  text-align: center; letter-spacing: -0.07em;line-height:24px;padding:18px 20px;}
.board_list_wrapper table tr td {color: #666; text-align: center; font-size: 16px; font-weight: 100; letter-spacing: -0.07em;padding:19px 20px;line-height:24px;border-top: 1px solid #dddddd;}
.board_list_wrapper table tr td.t_left{text-align:left;}
.board_list_wrapper table tr td.t_right{text-align:right;}
.board_list_wrapper table tr td a:hover {text-decoration: underline;}
.board_list_wrapper table tr td a.btn{text-decoration: none;}
.board_list_wrapper table td .label{margin-right:10px;}
.board_list_wrapper table tr.notice td a{color: #000000;font-weight: normal}
.board_list_wrapper table tr.notice td em{color: #00b551;font-weight: normal}

/* 게시판 상세*/
.board_view_wrapper {position: relative; overflow: hidden;padding-bottom: 60px;}
.board_view{border-top:2px solid #222222;border-bottom:1px solid #222222;margin-bottom:40px;}
.board_view .view_title{position:relative;color:#000000;padding:26px 200px 30px 40px;border-bottom:1px solid #dddddd;}
.board_view .view_title > strong{font-size:24px;line-height:30px;display:block;}
.board_view .view_title > strong .label{vertical-align: middle;margin-right:7px;}
.board_view .view_title .info_data{position:absolute;right:40px;top:25px;}
.board_view .view_title .info_data span{font-size:15px;color:#999;line-height:16px;}
.board_view .view_title .info_data span + span:before{display:inline-block;content:'';width:1px;height:12px;background-color:#dddddd;margin:0 8px 0 7px;}
.board_view .view_title .file{padding-top:14px;color:#666666;line-height:18px;vertical-align:top;}
.board_view .view_title .file .sp_comm{width:14px;height:18px;background-position:-37px -49px;margin-right:5px;}
.board_view .view_title .file a{color:#666666;line-height:18px;vertical-align:top;}
.board_view .view_title .file a:hover{text-decoration:underline;}
/*.board_view .view_cont{padding:40px 80px;min-height:200px;font-family:"나눔고딕", NanumGothic}*/
/* 1119 .board_view .view_cont{padding:40px 80px;min-height:200px;} */
.board_view .view_cont {padding:40px 80px;min-height:200px;}
.board_view .view_cont em{font-style:italic;}

.board_view_wrapper.special_view .view_cont{padding:0 0 40px 0 !important;  width:1020px;  margin:0 auto;/* text-align: center;*/}
.board_view_wrapper.special_view .view_cont iframe{vertical-align: top;}
/* .board_view_wrapper.special_view .view_cont p,
.board_view_wrapper.special_view .view_cont div{position:relative; left:50%; margin-left:-960px; width:1920px; text-align: center;} */
.board_view .view_cont table.__se_tbl{border-spacing: 1px !important; border-collapse: initial !important;}
.board_view .view_cont table.__se_tbl td{padding:15px 10px !important;}
.view_page{position:relative;border-top:1px solid #dddddd;overflow:hidden;}
.view_page .txt_prev,.view_page .txt_next{position:relative;height:69px;line-height:69px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666666;display:block;padding-left:107px;}
.view_page .txt_prev.disable, .view_page .txt_next.disable {cursor:default;text-decoration:none;}
/*.view_page a.txt_prev, .view_page a.txt_next {text-decoration:underline;}*/
.view_page a.txt_prev p, .view_page a.txt_next p{position: relative; top:-1px; display: inline-block; padding-bottom:4px; line-height: 1em;}
.view_page a.txt_prev p:after, .view_page a.txt_next p:after{content: ''; position: absolute; left:0; bottom:0; display: inline-block; width:100%; height: 1px; background-color:#666;}
.view_page .txt_prev{border-bottom:1px solid #dddddd;}
.view_page .txt_prev > span,.view_page .txt_next > span{position:absolute;top:0;display: inline-block;left:0;padding-left:40px;font-size:16px;color:#999999;}
.view_page a > span.date{font-size:14px;color:#999999;right:40px;left:auto;}

/* 스토리 리스트 */
.story_list {position: relative;padding-bottom:40px;}
.story_list ul{overflow:hidden;margin-left:-20px;}
.story_list li {float:left;margin-left:20px;margin-top:40px;width:380px;}
.story_list li .img_wrap{width:380px;height:214px;background-repeat: no-repeat; background-position: 50% 50%;background-color: #eee;background-size: cover;border: 1px solid #ddd;box-sizing: border-box;}
.story_list li:nth-child(-n+3) {margin-top:0;}
.story_list li a{display:block;border-bottom: 4px solid #e9e9e9;}
.story_list li a:hover {border-bottom: 4px solid #00b551; transition-duration: 0.5s;}
.story_list li a:hover strong{text-decoration:underline;}
.story_list li .mv_overlay {display: inline-block; width: 380px; height: 214px; position: absolute; top:0;left:0;background:url('../images/main/slide_mv_overlay.png')no-repeat;}
.story_list .story_info {padding: 25px 0;height:86px;position:relative;}
.story_list .story_info{color:#000;}
.story_list .story_info .info_wrap{overflow:hidden; margin-bottom:10px;}
.story_list .story_info .info_wrap .label{line-height:20px; vertical-align:top; margin-top:1px;}
.story_list .story_info .info_wrap .date{position:static; /*float:right;*/ display:inline-block; vertical-align:top;}

/*진행 과정 스타일*/
.bonding_step ul{overflow:hidden;}
.bonding_step ul li {position: relative; width: 148px; height: 158px; border: 6px solid #e9e9e9; margin-left: 45px; float: left; padding: 15px 20px;}
.bonding_step ul li:first-child {margin-left: 0;}
.bonding_step ul li:before {content: ''; position: absolute; left: 0; top:43%; margin-left: -33px; width: 13px; height: 26px; background: url('../images/business/icon_arrow01.png')no-repeat;}
.bonding_step ul li:first-child:before {display: none;}
.bonding_step ul li strong{font-weight:normal;display:block;color: #000000;}
.bonding_step ul li p{margin-top:7px; letter-spacing: -0.07em;font-size:17px;line-height:25px;}
.sp_b_step {content: ''; position: absolute; background: url('../images/common/sp_b_step.png') no-repeat; vertical-align: top; display: inline-block; overflow: hidden; width: 60px; height: 60px; left:50%; bottom: 20px; margin-left: -30px}
.sp_b_step.write {background-position: 0 0;}
.sp_b_step.photo {background-position: -64px 0;}
.sp_b_step.report {background-position: -128px 0;}
.sp_b_step.mail {background-position:-192px 0;}
.sp_b_step.oversea {background-position: -256px 0;}
.sp_b_step.meet {background-position:-320px 0;}
.sp_b_step.review {background-position:-384px 0;}
.sp_b_step.counsel {background-position:-448px 0;}
.sp_b_step.final {background-position:-512px 0;}
.sp_b_step.support {background-position:-576px 0;}

ol.step, ol.step * {margin:0; padding:0; box-sizing:border-box;}
ol.step {clear:both; height:auto; overflow:hidden;}
ol.step li {position:relative; float:left;}
ol.step li figure {min-height:200px; padding:10px 20px 30px 20px; border:6px solid #e9e9e9; display:flex; flex-direction:column; justify-content:space-between;}
ol.step li figure figcaption {margin-top:7px; font-size:17px; line-height:24px; letter-spacing:-0.07em; text-align:left;}
ol.step li figure > span {display:flex; align-items:center; justify-content:center;}
ol.step li:not(:first-child) {margin-left:13px;}
ol.step li:not(:first-child):before {position:absolute; top:50%; width:13px; height:26px; margin-top:-13px; background:url("/images/business/icon_arrow01.png") 0 0 no-repeat; display:block; content:"";}
ol.step.st01 {margin:0 -10px;}
ol.step.st01 li {width:calc((100% - 39px) / 4); padding:10px;}
ol.step.st01 li:not(:first-child):before {left:-13px;}

/* 팝업 iframe */
.popup_iframe_wrapper{max-height:680px;}
.popup_dim{position:fixed;  left:0; top:0; width:100%; height:100%; z-index:991; background-color:#000; opacity:0}
.popup_iframe_wrapper{position:fixed; left:50%; top:50%; width:720px; height:500px; margin-top:-100px; margin-left:-360px; z-index:992; }
.popup_iframe_wrapper iframe{width:100%; height:100%; border:0;}
.box_visual_img{width:100%;}
.box_visual_img .inner{position: relative;}
.box_visual_img .img_bg{ display: block;  position: absolute;  left: 50%;  width: 1920px;  margin-left: -960px;  text-align: center; }

/* 테이블 */
.table_type_01 table thead tr:first-child th{border-top:2px solid #000;}
.table_type_01 table thead tr th{background-color:#f9f9fa;text-align:center;color:#000;border-bottom:1px solid #ddd;font-weight:normal;}
.table_type_01 table th,.table_type_01 table td{padding:12px 20px 12px;border:1px solid #ddd;text-align:center;}
.table_type_01 table td{font-weight:100;}
.table_type_01 table td.t_left{text-align:left;}
.table_type_01 table td.t_right{text-align:right;}
.table_type_01 table tr td:first-child{border-left:0;}
.table_type_01 table tr th:first-child{border-left:0;}
.table_type_01 table tr th:last-child{border-right:0;}
.table_type_01 table tr td:last-child{border-right:0;}
.table_type_01 table tr th{color:#000000;font-weight:normal;}

.table_type_02 table tr:first-child td,.table_type_02 table tr:first-child th{border-top:2px solid #000;}
.table_type_02 table th,.table_type_02 table td{padding:12px 20px 13px;border:1px solid #ddd;text-align:left;}
.table_type_02 table th{background-color:#f9f9fa;color:#000;font-weight:normal;vertical-align: top;}
.table_type_02 table td{font-weight:100;}
.table_type_02 table td.t_center{text-align:center;}
.table_type_02 table td.t_right{text-align:right;}
.table_type_02 table tr td:first-child{border-left:0;}
.table_type_02 table tr th:first-child{border-left:0;}
.table_type_02 table tr th:last-child{border-right:0;}
.table_type_02 table tr td:last-child{border-right:0;}

/* 데이터 없을때 */
.nodata_wrapper{padding:92px 0;}
.nodata_wrapper p{padding-top:100px;text-align:center;font-size:16px;color:#666;line-height:24px;background:url(../images/common/icon_nodata.png) no-repeat 50% 0;}

/* 자주 묻는 질문 */
.faq_wrapper{width:1180px;margin:0 auto;}
.list_faq{padding-bottom:40px;}
.list_faq ul{border-top:2px solid #000;border-bottom:1px solid #000;}
.list_faq ul li{border-top:1px solid #ddd;position:relative;min-height:40px;}
.list_faq ul li:first-child{border-top:0;}
.list_faq .title_quest{position:relative;display:block;padding:14px 0 15px;}
.list_faq .title_quest a{display:block;padding-left:220px;padding-right:80px;}
.list_faq .title_quest .txt_quest{display:block;text-align:center;font-family:font_roboto;line-height:38px;font-size:18px;color:#00b551;font-weight:bold;background-color:#fff;border:1px solid #e9e9e9;border-radius:50%;width:38px;height:38px;position:absolute;left:20px;top:50%;margin-top:-20px;}
.list_faq .title_quest .txt_type {display:block;line-height:40px;color:#888888;font-weight:100;position:absolute;left:80px;top:50%;margin-top:-20px;}
.list_faq .title_quest .txt_cont{display:block;color:#000000;font-weight:100;padding:8px 0;}
.list_faq ul li .title_quest a:after{content: '';position: absolute;top:50%;right: 29px;display: inline-block;background-color: #cccccc;width: 13px;height: 2px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transition-duration:0.3s;}
.list_faq ul li.active .title_quest a:after{content: '';transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background-color:#222222;}
.list_faq ul li .title_quest a:before{content: '';position: absolute;top:50%;right:20px;display: inline-block;background-color: #cccccc;width: 13px;height: 2px;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transition-duration:0.3s;}
.list_faq ul li.active .title_quest a:before{content: '';transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);background-color:#222222;}
.list_faq .desc_answer{display:block;height:0;overflow:hidden;}
.list_faq .desc_answer .cont_wp{border-top:1px solid #ddd;padding:40px 40px 40px 80px;position:relative;background-color:#f9f9fa;}
.list_faq .desc_answer .cont_wp img{max-width: 100%;}
.list_faq .desc_answer .txt_answer{display:block;text-align:center;font-family:font_roboto;line-height:38px;font-size:18px;color:#fff;font-weight:bold;background-color:#00b551;border-radius:50%;width:40px;height:40px;position:absolute;left:20px;top:35px;}
.list_faq .desc_answer {font-size:16px;line-height:24px;color:#666666;}

/* 입력 폼 */
.input_form .form_textarea textarea{height:240px;}
.input_form .form_select{width:200px;}
.input_form{overflow: hidden;border-top:2px solid #000;border-bottom:1px solid #000;margin-bottom:40px;}
.input_form dl{border-top:1px solid #ddd;display: table;width: 100%;}
.input_form dl:first-child {border-top:0;}
.input_form dl.half{width: 50%;float: left;}
.input_form dl dt{background-color:#f9f9fa;padding:14px 20px 14px;display: table-cell;width:200px;position: relative;vertical-align: middle;font-size:17px;line-height:24px;color:#000;font-weight:normal;}
.input_form dl dt em{color:#ff6468;display:inline-block;margin-left:2px;}
.input_form dl dt.top{vertical-align: top}
.input_form dl dd{padding:14px 20px 14px;line-height:20px;display: table-cell;color:#666666;height:40px;vertical-align:middle;}
.input_form dl dd textarea{height:100px;}
.del_file_wrapper{padding-top:8px;}
.input_form dl dd em{display:inline-block;width:30px;text-align:center;font-size:16px;}
.input_form dl dd .form_text + .form_select{margin-left:10px;}

/* 스토리 슬라이드, 나의아동정보 슬라이드 controls */
.slider_type_01{position:relative;}
.slider_type_01 .bx-viewport:after{content:'';display:block;clear:both;}
.slider_type_01 .prev,
.slider_type_01 .next{background: url(../images/common/sp_slide_arr.png) no-repeat; width: 42px; height: 82px;top: 50%;opacity: 0.3;z-index: 3;  position: absolute;  margin-top:-62px;  outline: 0;  text-indent: -9999px;margin-top:-62px;}
.slider_type_01 .prev {background-position:-100px 0;left:-100px;}
.slider_type_01 .next {background-position:-147px 0;right:-100px;}
.slider_type_01 .next:hover {opacity: 1!important; transition-duration: 0.5s!important}
.slider_type_01 .prev:hover {opacity: 1!important; transition-duration: 0.5s!important}

.slider_type_01 .prev > a, .slider_type_01 .next > a{display:block;width:42px;height:82px;}
.slider_type_01 .bx-controls{margin-top:20px;}
.slider_type_01 .bx-controls .bx-pager.bx-default-pager a.active{ position:relative;opacity: 1;background-color:#ff6567 ;    width: 30px;}
.slider_type_01 .bx-controls .bx-pager.bx-default-pager a { outline: 0; text-indent: -9999px; overflow:hidden; vertical-align: top; width: 8px; height: 8px; display: inline-block; opacity:1; margin:0 5px; ;background-color:#dddddd;    -webkit-border-radius: 5px;
  border-radius: 5px;}
.slider_type_01 .bx-controls .bx-pager a{transition-duration: 0.3s }
.slider_type_01 .bx-wrapper .bx-controls-auto,.bx-controls .bx-pager { position: relative; width: auto;height:8px;text-align: center; }
.slider_type_01 .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {z-index: 1;}
.slider_type_01 .bx-controls .bx-controls-auto { display: inline-block; }
.slider_type_01 .bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-controls .bx-pager .bx-pager-item { display: inline-block;height:9px;}

/* 로그인 */
.login_wrapper {background: url(../images/common/bg_login.jpg) no-repeat;background-size:cover;padding:120px;}
.login_wrapper .login{background-color:#fff;margin:0 auto;width:580px;}
.login_wrapper .login h2{font-size:36px;color:#000;font-weight:bold;text-align:center;padding: 32px 0 20px;}
.login_wrapper .login .login_input{padding:0 100px;}
.login_wrapper .login .login_input .form_text{margin-bottom:10px;}
.login_wrapper .login .login_input .form_checkbox{margin-bottom:20px;}
.find_btn{overflow:hidden;text-align:center;padding: 20px 0 35px;}
.find_btn a:after{content:'';display:inline-block;width:1px;height:14px;position:absolute;left:0;top:0;background-color:#ddd;}
.find_btn a{position:relative;font-size:15px;line-height:14px;color:#888888;font-weight:100;padding:0 10px;display:inline-block;vertical-align:top;}
.find_btn a:first-child:after{display:none;}
.find_btn a:first-child {padding-left:0;}

.login_info{padding:30px;background-color:#f9f9fa;}
.login_info strong{line-height:25px;font-size:17px;color:#000000;font-weight:normal;}
.login_info ul{margin-top:12px;}
.login_info ul li{padding-left:8px;position:relative;font-size:17px;line-height:25px;color:#666666;margin-top:8px;}
.login_info ul li:after{content:'-';line-height:25px;font-size:17px;color:#666666;display:inline-block;position:absolute;left:0;top:0;font-weight:100;}
.login_info ul li:first-child {margin-top:0;}
.login_info .btn{background-color:#f9f9fa;margin-top:17px;}
.login_info .btn:hover{background-color:#f9f9fa; border-color:#cccccc; color:#666666;text-decoration:none;}

.makeId_box {text-align: right}

/* 통합검색 */
.searchAll_wrapper{padding:60px 0 0;}
.search_result_list{border-top:2px solid #222222;border-bottom:1px solid #222222;margin-bottom:40px;}
.search_result_list li{overflow:hidden;padding: 27px 0;border-top:1px solid #dddddd}
.search_result_list li:first-child{border-top:0;}
.search_result_list li .thumbnail{width: 202px;height: 140px;position:relative;float:left;margin-right:28px;background-repeat: no-repeat; background-position: 50% 50%;background-color: #eee;background-size: cover;}
.search_result_list li .thumbnail img{width: 202px;height: 114px;}
.search_result_list li .thumbnail + .desc{height: 114px;}
.search_result_list li .mv_overlay {display: inline-block;width: 202px;height: 114px;position: absolute;background: url(../images/main/slide_mv_overlay.png)no-repeat; background-size:202px  114px; }
.search_result_list li .desc{overflow:hidden;position:relative;}
.search_result_list li .desc strong{font-weight:normal; color:#000000;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 25px;}
.search_result_list li .desc strong em,
.search_result_list li .desc p em{color:#00b551;}
.search_result_list li .desc p{max-height: 50px; margin-top:8px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal;overflow: hidden;}
.search_result_list li .desc .item_location{display:block; color:#888888;font-size:15px;margin-top:10px;}
.search_result_list .no_result{padding: 96px 0;text-align:center;}
.search_result_list .no_result strong{display:block;font-size:20px;color:#000000;font-weight:normal;}
.search_result_list .no_result strong em{color:#00b551;}
.search_result_list .no_result p{margin-top:12px;}
.count{ display: block;vertical-align: top;padding: 0 0 16px;}
.count em{color:#00b551;}

/* 에러 */
.error_wrapper{text-align:center;padding:120px 0 0;}
.error_wrapper strong{ font-size:24px; line-height:34px;font-weight:bold; color:#000000;display:block;padding-top:115px;background:url(../images/common/icon_error.png) no-repeat 50% 0;}
.error_wrapper p{padding:35px 0 40px;}
.error_wrapper p em{color:#00b551;}

/* 이용약관,개인정보취급방침,이메일수집거부 */
.agreement { border-top:2px solid #222222; border-bottom:1px solid #dddddd; padding:33px 0 40px; }
.agreement h3{ font-size: 20px; font-weight: normal; color: #000000; margin:40px 0 6px 0; }
.agreement h3:first-child { margin-top: 0; }
.agreement p { line-height: 1.6; }
.agreement ul li, .agreement ol li { line-height: 1.6; text-indent: -14px; padding-left: 14px;}
.agreement ul.inside li, .agreement ol.inside li { text-indent: -23px; padding-left: 18px; }
.agreement ul.law { margin-top: 10px;}
.privacy { border-top:2px solid #222222; border-bottom:1px solid #dddddd; padding:0 0 40px; }
.privacy + .form_select{margin-top:20px;}
.privacy .top_privacy{padding:40px 0;border-bottom:1px solid #dddddd;margin-bottom:40px;}
.privacy .top_privacy h3{line-height:25px;font-size:17px;color:#00b551;font-weight:normal;margin-top:0;}
.privacy .top_privacy p{margin-top:12px;}
.privacy .mid_privacy h4 {font-weight: normal; color: #000000; margin-top: 20px; margin-bottom: 11px;}
.privacy .mid_privacy ul li, .privacy .mid_privacy ol li {text-indent: -8px; padding-left: 8px;}
.privacy .mid_privacy ul li strong, .privacy .mid_privacy ol li strong {display: block; font-weight: 100; color: #000000; margin-bottom: 6px; margin-top: 20px;}
.privacy .mid_privacy ul li:first-child strong, .privacy .mid_privacy ol li:first-child strong {margin-top: 0px;}
.privacy h3 {font-size: 20px; font-weight: normal; color: #000000; margin: 39px 0 6px 0;}
.privacy p {line-height: 1.6;}
.privacy p.pdbt {padding-bottom: 20px;}
.privacy ul li, .privacy ol li { line-height: 1.6; text-indent: -14px; padding-left: 14px;}
.privacy .privacy_table_1 { margin:10px 0 15px;}
.privacy .privacy_table_1 thead th { border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; border-top:2px solid #222222; background:#f9f9fa; color:#000000; font-weight: normal;}
.privacy .privacy_table_1 th,
.privacy .privacy_table_1 td { padding:12px 20px;  border-left:1px solid #dddddd; border-bottom:1px solid #dddddd; background:#fff; text-align:center; text-indent: 0;}
.privacy .privacy_table_1 th:first-child, .privacy .privacy_table_1 td:first-child { border-left:none;}
.email { border-top:2px solid #222222; border-bottom:1px solid #dddddd; padding:113px 0;}
.email p {text-align: center; line-height: 1.6}

/* 오픈페이지 */
.openpage_wrapper {text-align: center; padding: 130px 0 0;}
.openpage_wrapper .icon_open {display: inline-block; width: 260px; height: 260px; border-radius: 260px; background: #f9f9fa url(../images/common/icon_openpage.png)no-repeat 55% 60%;}
.openpage_wrapper .desc {font-size: 18px}
.openpage_wrapper .desc h3 {font-size: 30px; line-height: 34px; font-weight: bold; color: #000000; display: block; padding-top: 50px}
.openpage_wrapper .desc h3 em {color: #00b551}
.openpage_wrapper .desc p {display: block; padding-top: 35px}
.openpage_wrapper .call {display: block; padding-top: 30px}
.openpage_wrapper .call strong {font-weight: normal; color: #000000;}
.openpage_wrapper .call em {color: #00b551}
.openpage_wrapper .desc2 {font-size: 15px; width: 550px; margin: 27px auto; padding-top: 27px; border-top: 1px solid #d8d8d8}

.btn_top {position: fixed; right:calc(50% - 670px); bottom:450px; display: block; background: url(../images/common/btn_top.png)no-repeat; width: 60px; height: 60px; text-align: center;cursor: pointer; z-index: 10;opacity: 0;transition: 0.5s}
.btn_top.active {opacity: 1}


/*맞춤후원 wide_cont 추가*/
.wide_cont{position: relative; left:50%; margin-left: -960px; width: 1920px;}


/* 비공개게시판 헤더숨김 */
.hide_bbs #header,
.hide_bbs .location_wrapper,
.hide_bbs .view_page,
.hide_bbs .btns_wrapper.al_center {display:none!important}

.hide_bbs .board_view {border-bottom: 0!important;    margin-bottom: 0!important;}
.hide_bbs .sub_contents {padding-bottom: 0!important}
.hide_bbs .board_view_wrapper.special_view .view_cont {padding-bottom: 0!important;}


/* 내용영역 */
.contents_area h4 {margin-bottom:16px; font-size:24px; color:#000; font-weight:bold; letter-spacing:-0.07em;}
.contents_area .directions {margin-top:37px;}
.contents_area .directions p {line-height:25px; letter-spacing:-0.07em;}
.contents_area .directions p em {color:#00b551; display:block;}
.contents_area .directions p em:first-child {margin-top:14px;}
.contents_area .directions figure {margin:17px 0 0 0; padding:0;}
.contents_area .directions figure > span {line-height:0; display:block;}
.contents_area .directions figure > figcaption {display:none;}


/* 표형태 */
.table {width:100%; display:table;}
.table:not(.row) > * {vertical-align:middle; display:table-cell;}
.table:not(.row).st01 > * {vertical-align:top;}
.table:not(.row).st02 > * {vertical-align:bottom;}
.table:not(.row).st03 > * {width:50%;}
.table:not(.row).st04 {width:auto;}
.table:not(.row).st05 {margin-right:auto; margin-left:auto;}
.table.row {width:auto;}
.table.row > * {display:table-row;}
.table > span {line-height:0;}


/* 글자 앞/뒤 아이콘 */
.ic:before, .icon:after {background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle; display:inline-block; content:"";}
.ic.is01:before, .icon.is01:after {margin-right:auto; margin-left:auto; display:block;}
.ic.is01.btn:after, .icon.btn.is01:before {margin-right:auto; margin-left:auto; display:block;}
.ic > span, .icon > span {vertical-align:middle; display:inline-block;}
.ic.is01 > span, .icon.is01 > span {display:block;}

.ic:before {margin-right:9px;}
.ic.search01:before {width:61px; height:58px; background-image:url("../images/common/icon_search01.png");}
.ic.call01:before {width:54px; height:52px; background-image:url("../images/common/icon_call01.png");}
.ic.doc01:before {width:54px; height:53px; background-image:url("../images/common/icon_document01.png");}


/* 목록 */
ul.list01 > li:before { content:"-";}
ul.list01.tc > li:before {margin-right:3px; display:inline-block;}
ul.list01:not(.tc) > li {position:relative; padding-left:9px;}
ul.list01:not(.tc) > li:before {position:absolute; top:0; left:0; display:block;}
ul.list01.em01 > li {color:#555; font-weight:100;}
ul.list01.em02 > li {line-height:140%;}