@charset 'utf-8';

/*
 * @author: by hyunhee
 * @date: 2012/05/24
 * @version: 0.1
 * @copyright: HANI. All Rights Reserved.
 * @description: privacy policy
 */
@import url('join.css');



/* about layout */
/* navi */
.about { height: 93px; }
.about .navi { clear: both; position: relative; margin-top: 89px; }
.about .navi .menu {  width:100%; height: 4px; border-top: 4px solid #088b85;}
.about .navi .menu li { float: left; }



/* logo */  
.about { height: 93px; }
.about .logo { position: absolute; top: 43px; left: 10%; margin-left: -92px; }
.about .menu_tit_about { position: absolute; width:130px; height:29px; bottom:22px; left: 250px;/* background:url(http://img.hani.co.kr/section-image/12/english/images/com/tit/tit_aboutus.gif) no-repeat*/}




/* layout */
#member {} 
#member-snb { float: left; width: 170px; padding-top: 50px; } 
#member-contents { float: left; width: 620px; padding-top: 50px; padding-bottom: 60px; padding-left: 40px; margin-left: 40px; min-height: 1077px; border-left: 1px solid #dbdbdb; }


/* snb */
#member-snb {}
#member-snb .menu { padding-bottom: 30px; }
#member-snb .menu li h3 { padding-left: 20px; }
#member-snb .sub-menu { padding-top: 10px; padding-left: 20px; }
#member-snb .sub-menu li { padding-left: 12px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_b0aeae.gif) no-repeat 0 50%; line-height: 20px; letter-spacing: -1px; }
#member-snb .sub-menu li a { text-decoration: none; }
#member-snb .sub-menu li a:hover { color: #088b85; }
#member-snb .sub-menu li.selected a { color: #088b85; }
#member-snb .sub-menu li.selected a:hover { color: #088b85; }
#member-snb .menu-box { margin-bottom: 25px; }
#member-snb .menu-box .title { height: 19px; padding-top: 6px; border: 1px solid #ebebeb; background: #fafafa; text-align: center; }
#member-snb .menu-box .title img { vertical-align: top; }




/* navi */
#member {  } /* 전페이지 공통 - 사용 안함 / 각 클래스명으로 제어 */
#member { clear: both; position: relative; width: 100%;}
#member .menu { overflow: hidden; height: 105px;}
#member .menu li { float: left; /*width: 51px;*/}
#member .menu li h3 { overflow: hidden; line-height: 3.0; }
#member .menu li h3 a { display: block; height: 105px;  text-align: center;  color: transparent;  text-indent: -500em; background-repeat: no-repeat; background-position: 0 0; }

#member #special-navi .menu .sub-menu li.selected a { padding-bottom: 1px; border-bottom:none; font-weight: bold; letter-spacing: -1px; color: #000; }



/* navi */
#member-snb .menu li h3 a { background: url(http://img.hani.co.kr/section-image/12/english/images/com/left/menu_about.gif) no-repeat 0 0;}

#member-snb .menu li.introduction h3 { width: 122px; height:12px;}
#member-snb .menu li.introduction h3 a { background-position: 0 0; }
#member-snb .menu li.introduction h3.selected a { background-position: -122px 0; }

#member-snb .menu li.sister h3 { width: 122px; height:15px; padding-top:18px;}
#member-snb .menu li.sister h3 a { background-position: 0 -30px; }
#member-snb .menu li.sister h3.selected a { background-position: -122px -30px; }

#member-snb .menu li.historic h3 { width: 123px; height:15px; padding-top:15px;}
#member-snb .menu li.historic h3 a { background-position: 0 -60px; }
#member-snb .menu li.historic h3.selected a { background-position: -122px -60px; }


#member-snb .menu li.advertising h3 { width: 122px; height:15px; padding-top:15px;}
#member-snb .menu li.advertising h3 a { background-position: 0 -90px; }
#member-snb .menu li.advertising h3.selected a { background-position: -122px -90px; }







/* headings-section */
#member-contents .headings-section { height: auto; padding-bottom: 0; }
#member-contents .headings-section .main-title {}
#member-contents .headings-section .main-title img { vertical-align: top; }
#member-contents .headings-section .sub-title { margin: 5px 0 7px; font-size: 11px; }
#member-contents .headings-section .sub-title strong { color: #ea7921; }
#member-contents .headings-section .bul-arrow { padding-left: 9px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_arrow.gif) no-repeat 0 3px; color: #000; }




/* 제목+내용 */

#member-contents .bul-h4 { margin: 40px 0 0; font-size: 12px; color: #666;}
#member-contents .bul-h4.first-child { margin-top: 25px; }
#member-contents .bul-h5 { margin: 40px 0 0; padding-left: 7px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x7_333.gif ) no-repeat 0 3px; font-size: 12px; color: #000; font-family: arial,sans-serif; line-height: 18px;}


#member-contents .paragraph { margin-top: 22px; padding: 0 7px; line-height: 18px; }
#member-contents .paragraph.first-child { margin-top: 0; }


#member-contents .img_center { text-align:center; padding:30px 0 0 0;}
#member-contents .img_left { text-align:left;}
#member-contents .img_right { text-align:right;}
#member-contents .img01 { float: right;  clear:both; padding:27px 0 30px 30px;}
#member-contents .img_sister1 { float: left;  clear:both; padding:27px 20px 20px 30px;}
#member-contents .img_historic1 { float: left;  clear:both; padding:10px 30px 20px 15px;}
#member-contents .img_historic2 { float: right;  clear:both; padding:27px 0 20px 30px;}
#member-contents .img_historic4 { float: left;  clear:both; padding:35px 30px 20px 15px;}
#member-contents .img_historic5 { float: right;  clear:both; padding:155px 0 20px 30px;}
#member-contents .img_historic7 { float: left;  clear:both; padding:34px 30px 20px 15px;}
#member-contents .img_historic8 { float: right;  clear:both; padding:27px 0 20px 30px;}
#member-contents .img_historic10 { float: right;  clear:both; padding:40px 0 40px 30px;}



/* 내용 폰트관련 */
#member-contents .main-title-description { margin-top: 25px; line-height: 18px; text-align: justify; font-family: arial,sans-serif; font-size: 12px;}
#member-contents .policy-title-description { margin-top: 20px; color: #666; line-height: 18px;  text-align: justify; font-family: arial,sans-serif; font-size: 12px;}


/* 점선라인+간격 */

#member-contents .policy-outline { zoom:1; }
#member-contents .policy-outline:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#member-contents .policy-outline h4.bul-h4 { margin-top: 30px; }
#member-contents .policy-outline .top-button { position: relative; width: 100%;  height: 30px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_dotted_5x1_dbdbdb.gif) repeat-x 0 100%; text-align: right; }
#member-contents .policy-outline .top-button a { position: absolute; bottom: 0; right: 0; }

/*뉴스레터*/
#member-contents.newsletter .main-title { font-size: 23px; color: #000; margin-bottom:25px;   letter-spacing: -0.03em;}
#member-contents.newsletter .main-title span { color:#088b85}
#member-contents.newsletter .newsletter-box {border:1px solid #ddd;text-align:center;padding: 15px 0 50px;}
#member-contents.newsletter .newsletter-box h5 {border-bottom:1px solid #ddd;/* display: inline-block; */margin-bottom: 60px;padding-bottom: 10px;color: #000;}
#member-contents.newsletter .newsletter-box p {font-size:20px;color:#000;margin-bottom: 30px;}