/* 폰트 */
@font-face {
  font-family: 'Nanummyeongjo';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumMyeongjoBold.woff2) format('woff2'),
       url(../fonts/NanumMyeongjoBold.woff) format('woff'),
       url(../fonts/NanumMyeongjoBold.ttf) format('truetype');
}

/*텍스트 설정*/
.t_gray {color:#666666;}
.t_white {color:#ffffff;}
.t_black {color:#000000;}
.t_red {color:#CC0000;}
.t_orange{ color:#FF6700;}
.t_skyblue{color:#5483db;}
.t_blue{color:#0066CC;}
.t_green{color:#339933;}


/* 라인설정*/
.line_dot {background:url(../images/include/line_dot.gif) repeat-x left;}
.line_black{border-bottom:1px solid #000000;}
.picture_border {border:1px solid #EBEBEB;}
.line_1{border:1px solid #eaeaea;}



/*불릿*/
.bullet_join {background:url(../images/member/ico_2.gif) no-repeat 0em 0.1em; padding:0 0 10px 20px;line-height:1.6em; color:#333333;}


/*외곽(3x3)을 이미지로 처리 설정(상단,가운데,하단) */
/*box 1*/
.left_top_01{ width:5px; height:5px;background:url(../images/box/left_top_01.gif) no-repeat left top;}
.center_top_01_x{background:url(../images/box/center_top_01_x.gif) repeat-x left top;}
.right_top_01{background:url(../images/box/right_top_01.gif) no-repeat right top;}

.left_middle_01_y{background:url(../images/box/left_middle_01_y.gif) repeat-y left top;}
.right_middle_01_y{background:url(../images/box/right_middle_01_y.gif) repeat-y right top;}

.left_bottom_01{height:5px;background:url(../images/box/left_bottom_01.gif) no-repeat left bottom;}
.center_bottom_01_x{background:url(../images/box/center_bottom_01_x.gif) repeat-x left bottom;}
.right_bottom_01{ width:5px; background:url(../images/box/right_bottom_01.gif) no-repeat right bottom;}


/************************** 컨텐츠 **********************/

table.potal{width:100%; background:url(../images/library/con_library_top.jpg) no-repeat left top; vertical-align:top;}
table.potal_list{width:100%; margin:117px 0 0 140px;}
table.potal_list td{border-bottom:1px solid #f5f5f5; vertical-align:top; color:#555555; line-height:18px; padding:15px 0 0 0;}
table.potal_list td span{font-size:11px; color:#999999; margin:0 0 0 15px;}
table.potal_list td span a:link, table.potal_list td span a:visited{color:#999999; text-decoration:none; }
table.potal_list td span a:hover, table.potal_list td span a:active{color:#3963b6; text-decoration:underline; }
table.potal_list td img{padding:0px 20px 15px 0;}

table.member_box{width:100%; border:1px solid #ffffff;}
table.member_box th{background:#efefef;}
table.member_box th img{border:1px solid #eaeaea;}
table.member_box td{background:#fcfcfc;}

table.member_list{width:100%;}
table.member_list td{line-height:22px;}
table.member_list td strong.name_txt{color:#3366cc;}

table.partner{width:100%;}
table.partner td{width:168px; vertical-align:top; padding:0 0 15px 0;}

/* 개인정보처리방침 */
.privacy { color : #000; padding : 0px 30px; }
.privacy .tit { padding-bottom : 30px; border-bottom : 1px solid #ccc;}
.privacy .tit h3 { font-size : 32px; margin-bottom : 20px; }
.privacy .tit h3 img { transform : translateY(7px); }
.privacy .tit p { font-size : 16px; line-height : 1.4; font-weight : 500; }
.privacy article { padding : 30px 0; border-bottom : 1px solid #ccc; }
.privacy article h4 { font-size : 16px; margin-bottom : 15px; }
.privacy article h4 img { transform : translateY(4px); }
.privacy article p { font-size : 16px; line-height : 1.4; }
.privacy article ul { margin-top : 15px; color : #666; font-size : 15px; padding-left : 10px;}
.privacy article ul li { margin-bottom : 10px; line-height : 1.4; }
.privacy article ul li span { display : block; margin-top : 10px; }
.privacy .tel { padding : 30px 0;}
.privacy .tel dl { padding-left : 10px; font-size : 16px; margin-bottom : 20px; font-weight : 600;}
.privacy .tel dl dt { margin-bottom : 10px; }
.privacy .tel p { font-size : 16px; line-height : 1.4; }
.privacy .add p { font-size : 16px; }
.privacy .add ul { margin-top : 15px; padding-left : 10px; }
.privacy .add ul li { font-size : 16px; margin-bottom : 10px; font-weight : 600;}
.privacy .add ul li a { color : #2196f3; } 

/* tab */
.tabs {display:flex; margin-top:20px; position:relative;}
.tabs:after {display:block; content:''; width:calc(100% - 284px); height:1px; position:absolute; bottom:0; right:0px; background:#ddd;}
.tabs .tab {border-radius:10px 10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; text-align:center;}
.tabs .tab.on {border:1px solid #888; border-bottom:1px solid #fff; background-color:#fff;}
.tabs .tab a {display:inline-block; width:120px; padding:15px 10px; font-family: 'Nanummyeongjo'; font-size:16px; font-weight:700; color:#666;}
.tabs .tab.on a {color:#333;}
.tab-content {display:none;}
.tab-content.on {display:block;}