/*---------------리셋------------------*/
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {margin: 0; padding: 0;}
html{ overflow-x : hidden; /*문서 전체에 가로 스크롤바 자국 항상 숨김*/} /*스크롤바가 없다가 생기면 내용 전체가 움직이기 때문에 움직이는걸 방지하기위해 미리 만들어놓는다*/
li { list-style: none;}
body {-webkit-text-size-adjust: none;}
body, input, textarea { font-size: 12px; font-weight: 100; /* IE8 이하버전 대응 */ font-family: 'Nanum Gothic', dotum, sans-serif;}
table {width :100% !important;font-size : 14px; border-collapse : collapse; /*칸 사이의 기본 여백 제거 및 중첩 테두리 상쇄 효과*/}
table img {display : inline !important; vertical-align : middle;}
input { vertical-align: middle;}
img { border : 0; /*이미지 링크시 기본적으로 나타나는 테두리제거*/ display : block;}
a { color: #444; text-decoration: none;}
.block { display : block;}
.clear:after { content: ""; display: block; clear: both; *zoom: 1;}
a:hover { color: #0091e5;}
.indent { display : inline-block; width : 0; height : 0; /*text-indent : -9999px;*/ font-size : 0; line-height : 0;}

input, textarea ,select{border:1px solid #ccc;margin:5px 10px;outline:none;}
input{height:25px;}

body{position :relative;}
.inbox {width : 95.3125%; margin : 0 auto;}
.header img { width :100%;}
.bgbox {display : none; position :absolute; top: 0; left : 0; width : 100%; height : 100%; z-index : 1000;}
.header { padding : 5% 0; background : url(../images/header_bg.png) repeat-x 0 100% #fff; background-size : 1%;}
.header .inbox {position : relative;}
.header h1{ width : 66.55%; margin : 0 auto;}
.header .inbox>a,
.header .inbox>span { display : block;width : 9.836%;}
.header .menu_btn { position : absolute; top : -22%; left : 0; cursor : pointer;}
.header .call { position : absolute; top : -22%; right : 0;}
.gnb{position: absolute;top:0; left :-50%; width : 50%; height : 100%; background-color :#fff;}
.gnb li span {position : relative;display : block; background-color : #28458d; border-bottom :1px solid #fff; color : #fff; font-size: 21px; font-weight : 900; padding : 5.5% 0 6.5% 6.25%; cursor : pointer;}
.gnb li span img { position : absolute; width : 6.25%; top : 38%; right : 6.25%;}
.gnb li div { display : none;}
.gnb div a {display : block; background-color : #7b7b7b; padding-left : 6.25%; padding : 3.5% 0 4.5% 6.25%; border-bottom :1px solid #fff; color : #fff; font-size : 19px; font-weight : bold;} 
.gnb>div {position :absolute; top: 0;right : 0; width : 2.25%; height : 100%;z-index : 1; background : url(/default/img/mobile/gnb_bg.png) repeat-y 100% 0; background-size : 50%;}


body { background-color :#fff;}
.submenu li{ float : left; border-top : 1px solid #c9c9c9;}
.submenu li a { display : block; text-align :center; color : #4c4c4c; font-size : 15px; height : 45px; line-height : 45px; border-right : 1px solid #c9c9c9; font-weight : bold;}
.submenu li.last a{border-right : 0 !important;}
.page_title {width : 100%; height :49px; line-height :49px; text-align : center; color :#fff; font-weight : bold; font-size : 20px;background-color :#28458d; margin-bottom : 22px;}
.sub_title {width : 100%;}
.textbox {min-height : 600px;}
.textbox p{ color :#808080; font-size : 0.8em; margin-bottom : 4%; line-height : 1.7em;}
.textbox .navy_bold { color : #28458d; font-weight : bold;}
.sub_contents .sub_visual { width : 100%; margin-bottom : 4%;}
.sub_contents .sub_visual img { width : 100%;}

.icon { display : block;margin-bottom : 1% !important;}
.icon >img { width : 2.622%; display : inline-block; vertical-align : middle;}
.icon_padding{display : block; padding-left : 2.622%;}


.footer { margin-top : 3%;}
.footer li { float: left; width : 25%;}
.footer li img { width : 100%;}
.footer p {padding: 4% 0;color : #919191; font-size : 13px; line-height : 1.7em; text-align : center;}

img { display : inline !important;}
.submenu li{width : 25%;}
.icon { display : block;margin-bottom : 1% !important;}
.icon >img { width : 2.622%; display : inline-block; vertical-align : middle;}
.icon_padding{display : block; padding-left : 2.622%;}
.inv_title { color : #28458d; font-size : 12px; font-weight : bold; margin-bottom : 3%; letter-spacing : -0.5px; line-height : 1.7em;}


/*----------게시판----------------*/
td#board {padding:4 5 5 5;font-size:12;font-family:굴림,돋움;color:#333333;}
.board {padding:4 5 5 5;font-size:12;font-family:굴림,돋움;color:#333333;}
.board a:link{padding:0 0 0 0;font-size:12;font-family:굴림,돋움;color:#000000;text-decoration:none;}
.board a:visited{padding:0 0 0 0;font-size:12;font-family:굴림,돋움;color:#000000;text-decoration:none;}
.board a:hover{padding:0 0 0 0;font-size:12;font-family:굴림,돋움;color:#000000;text-decoration:underline;}
.board a:active{padding:0 0 0 0;font-size:12;font-family:굴림,돋움;color:#000000;text-decoration:none;}

/*게시판 제목*/
.bbsnewf5 {padding:10 10 10 10;font-size:12;font-family:굴림,돋움;color:#333333;}
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}

/*제목*/
.bbsbody03{width:55.7377%;overflow:hidden;text-overflow:ellipsis;padding-left:5;padding-right:5}

/*뉴스_보도자료 제목*/
.news_title {color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none;}
.news_title a:link{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.news_title a:visited{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.news_title a:hover{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:underline}

/*뉴스_보도자료 내용*/
.news_cont {color:#555555;text-decoration:none}
.news_cont a:link{color:#555555;text-decoration:none}
.news_cont a:visited{color:#555555;text-decoration:none}
.news_cont a:hover{color:#FF5500;text-decoration:none}

/*갤러리 제목*/
.gallery_title {font-size:12;font-family:굴림,돋움;color:#666666;}

/*갤러리 내용*/
.gallery_cont {font-size:12;font-family:굴림,돋움;color:#666666}

/*페이징*/
.paging {font-size:12;font-family:굴림,돋움;color:#FF5500;font-weight:bold;}
.paging a:link{font-size:12;font-family:굴림,돋움;color:#555555;font-weight:normal;text-decoration:none}
.paging a:visited{font-size:12;font-family:굴림,돋움;color:#555555;font-weight:normal;text-decoration:none}
.paging a:hover{font-size:12;font-family:굴림,돋움;color:#555555;font-weight:normal;text-decoration:underline}

/*검색폰트(셀렉트박스)*/
.search_txt {font-size:12;font-fa7mily:굴림,돋움;color:#666666}

/*기본폰트*/
.board_txt {font-size:12px;color:#000000;text-decoration:none;padding-top:4;}
.board_txt a:link{font-size:12px;color:#000000;text-decoration:none;}
.board_txt a:visited{font-size:12px;color:#000000;text-decoration:none;}
.board_txt a:hover{font-size:12px;color:#000000;text-decoration:none;}

.board_txt2 {font-size:12px;color:#333333;text-decoration:none;padding-top:4;}
.board_txt2 a:link{font-size:12px;color:#333333;text-decoration:none;}
.board_txt2 a:visited{font-size:12px;color:#333333;text-decoration:none;}
.board_txt2 a:hover{font-size:12px;color:#333333;text-decoration:none;}

input#border {font-size:12;font-family:굴림,돋움;color:##666666;border:1 solid #D4D4D4}
textarea#border {font-size:12;font-family:굴림,돋움;color:##666666;border:1 solid #D4D4D4}

/* bgcolor : 게시판 항목 */
.board_bgcolor {width:100px;background-color:#F7F7F7;font-size:12;font-family:굴림,돋움;color:#000000;}
.board_rate {padding:0 0 0 0;font-size:12;font-family:굴림,돋움;color:#333333;background-color:#E6F0F9;}
.board_rate_td {padding:4 5 5 5;font-size:12;font-family:굴림,돋움;color:#333333;background-color:#FFFFFF}
.board_comment_bgcolor {background-color:#F6F6F6;}

/* 추출 게시판 스타일 */
.board_output {padding:4 0 0 0;font-size:12;font-family:굴림,돋움;color:#333333;}
.board_output a:link{padding:0 0 0 0;font-size:12;font-family:굴림,돋움;color:#333333;text-decoration:none;}
.board_output a:visited{padding:0 0 0 0;font-size:12;font-family:굴림,돋움;color:#333333;text-decoration:none;}
.board_output a:hover{padding:0 0 0 0;font-size:12;font-family:굴림,돋움;color:#333333;text-decoration:underline;}
.board_output a:active{padding:0 0 0 0;font-size:12;font-family:굴림,돋움;color:#333333;text-decoration:none;}

/*댓글폰트*/
.comment_name {font-size:12px;color:#0055B5;text-decoration:none;padding-top:4px;}
.comment_txt {font-size:12px;color::#000;text-decoration:none;padding-top:4px;}
.comment_txt a:link{font-size:12px;color::#000000;text-decoration:none;}
.comment_txt a:visited{font-size:12px;color::#000000;text-decoration:none;}
.comment_txt a:hover{font-size:12px;color::#000000;text-decoration:none;}

/* 웹진형 게시판 (세로배열)*/
.webzine_type2 {width:100%;}
.webzine_type2 td { color:#666666; font-family:돋움; font-size:12px; }
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top;}
.webzine_type2 .webzine_type_img img {border:4px solid #cc3232; }
.webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.webzine_type2 dd {float:left;width:100%;height:25px;padding:3px 0 1px 0;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;height:25px;padding:5px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 6px no-repeat;}
.webzine_type2 .obj_value {height:25px;padding:5px 0 0 10px;}
/* 이미지가 왼쪽일때 */
.webzine_type2 .webzine_type_text_td_left { width:100%; padding:0 0 0 8px; }
/* 이미지가 오른쪽일때 */
.webzine_type2 .webzine_type_text_td_right { width:100%; padding:0 9px 0 0; }

/* 갤러리형 추출 제목, 내용 정렬 */
.board_output_gallery_subject { text-align:center;width:100%; }
.board_output_gallery_description { text-align:center;width:100%; }