@charset "utf-8";
/*
* Filename: common.css
* Description: layout, 공통요소
*/

/**
layout
**/

body,html{min-width:100%;background:url()}
body.menubg{background-color:#edeeef;}
body.findusBg{background-color:#aa1e1b;}
#wrap{width:100%; background:url() repeat-x; }
#wrap.removeBg{background:none}
#container{clear:both; width:1200px; min-height:280px; margin:0 auto; padding:0 0 0 0px;}
#container1{clear:both; width:1200px; min-height:400px; margin:0 auto; padding:0 0 0 0px;}

#contents{margin:40px 0 0 140px; padding:0 24px 0 0;}
#contents.menu{padding:0;}
#nHeader_wrap{clear:both; width:1200px; min-height:400px; margin:0 auto; padding:0 0 0 0px;}

/* header */
#header{position:relative; width:100%; height:75px; margin-top:0px; background:url('') repeat-x; }
#header.removeBg{background:none; }
#header h1{position:absolute; top:0; left:0; width:113px; }
#header div.topWrap{height:75px;  margin:0 0 0 0px; }
#header div.topWrap div.breadCrumb{float:left; width:100%;  margin:0px 0 0 0px;}

#header div.topWrap div.leftCon{float:left;}
#header div.topWrap div.rightmore{float:left; height:26px; padding:5px 0px 0 30px;}
#header div.topWrap div.home{float:left; height:26px; padding:8px 13px 0 0px;}
#header div.topWrap div.scroll-text{float:left; height:26px; padding:8px 13px 0 15px; }
#header div.topWrap div.scroll-text h3{float:left; margin:1px 18px 0 0; font-family:Arial; font-size:11px; font-weight:800; color:#d1d0d0; }
#header div.topWrap div.scroll-text ul{float:left; height: 13px;  overflow: hidden; padding:2px 0 0 0;}
#header div.topWrap div.scroll-text ul li a{font-size:11px; color:#fff;}
#header div.topWrap div.scroll-text ul li a:hover{color:#8a8a8a;}
#header div.topWrap div.scroll-text ul li a span.sbj{margin:0 10px 0 0;}
#header div.topWrap div.rightCon{float:right;}
#header div.topWrap div.mylog{float:left; height:26px; margin:0 24px 0 0; padding:8px 0 0 15px; background:url(/images/common/top_line.gif) no-repeat;}
#header div.topWrap div.mylog a{font-size:11px; color:#fff; margin:0 0 0 15px;}
#header div.topWrap div.mylog a:hover{color:#8a8a8a;}
#header div.topWrap div.lang{float:right; height:26px; margin:0 24px 0 0; padding:5px 0 0 15px; background:url(/images/common/top_line.gif) no-repeat;}
#header div.topWrap div.lang a{font-size:11px; color:#04b3e2;}
#header div.topWrap div.lang a:hover{color:#fff;}



#bodywrap{position:relative; float:none; width:; margin-top:50px; z-index:100; }
#connent1{clear:both; width:1200px; min-height:380px; margin:0 auto; padding:0 0 0 0px;}

/* Footer */
#footer{clear:both; width:100%; height:79px; background:#fff url("/images/main/fotter_bg.jpg");}
.footerbg{width:100%; height:79px;background:url("/images/main/fotter_bg.jpg") repeat-x;}

/* #footer.footBlack div.sns a.btn_waMark{background:url(../images/kor/common/footer/foot_lineB.gif) no-repeat 0 4px;}
#footer.footWhite div.sns a.btn_waMark{background:url(../images/kor/common/footer/foot_lineW.gif) no-repeat 0 4px;} */


body.findusBg #footer{margin-top:40px;}

/* 개인정보처리방침_강조 */
#footer ul.footMenu li span.private_bold{font-weight:bold;}
#footer.footBlack ul.footMenu li span.private_bold{color:#000;}
#footer.footWhite ul.footMenu li span.private_bold{color:#fff;}
body.findusBg #footer.footWhite ul.footMenu li span.private_bold{color:#ffd500}



/* title */
/* .titleArea{width:840px;} */
.title-a,
.title-b,
.title-c{margin:0 0 10px 0; font-weight:700; color:#333;}

.title-a{margin:0 0 40px 0; font-size:35px;}
.title-b{font-size:20px;}
.title-c{font-size:14px; color:#333;}
.title-d{margin:0 0 10px 0; font-size:16px;}

.titleArea .infoTxt{margin:-20px 0 40px 0; font-size:17px; line-height:1.2; color:#717171;}
/* .titleArea .eng{margin:0 0 0 17px; font-size:20px; font-weight:normal} */
.subTxt{margin:0 0 0 15px; font-size:14px; color:#777}
.title-line{margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:2px solid #333;}



/* text */
strong.red{color:#bf0c0c; }
div.conBody .infoTxt{margin:0 0 10px 0; font-size:13px; font-weight:700; line-height:1.2;}

/* table */
.tbl{overflow:hidden;}
.tbl-a{clear:both; width:760px; margin:0 0 20px 0; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3;}
.tbl-a.first{margin:0 0 15px 0;}
.tbl-a th,
.tbl-a td{padding:12px 0; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.tbl-a th{font-weight:700; text-align:center; background:#fafafa;}
.tbl-a td{padding-left:20px;}
.tbl-a td dl{line-height:1.4;}
.tbl-a td dl.multi{margin:0 0 15px 0;}
.tbl-a td dl dt{margin:0 0 3px 0; font-weight:700}
.tbl-a td dl dd{padding:0 0 0 8px;}
.tbl-a .center td{padding:12px 10px; text-align:center;}



/**
board
**/
.bbs_l{clear:both; width:100%; border-top:2px solid #333;}
.bbs_l thead th{font-size:13px; font-weight:700; color:#333; border-bottom:2px solid #d1d1d1;}
.bbs_l tr:hover{background:#fcfcfc;}
.bbs_l th{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
.bbs_l td{padding:12px 10px 12px 10px; text-align:center;}
.bbs_l td{border-bottom:1px solid #e3e3e3;}
.bbs_l .left{padding:12px 10px 12px 10px; text-align:center}
.bbs_l .ongoing,
.bbs_l .acceptEnd,
.bbs_l .check,
.bbs_l .end{font-weight:700;}
.bbs_l .line{ border-right:1px solid #ccc;}
.bbs_l .acceptEnd{color:#363636;}
.bbs_l .check{color:#bf0c0c;}
.bbs_l .end{color:#333; background:#fcfcfc;}

/**
board
**/



/* bbs_view */
.bbs_view{table-layout:fixed; clear:both; width:100%;}
.bbs_view th,
.bbs_view td{padding:14px 0; font-size:14px; font-weight:700; text-align:left; color:#363636; border-bottom:1px solid #a7a7a7;}
.bbs_view th.sbj{font-size:20px; color:#333; border-bottom:2px solid #333;}
.bbs_view td.share a{display:block; width:94px; height:19px; padding:0 0 0 24px; line-height:1.4; font-size:12px; font-weight:normal; background:url(../images/kor/common/ico/ico_fb.gif) no-repeat 0 0;}
.bbs_view td.con{padding:30px 10px; font-size:12px; font-weight:normal; color:#4f4f4f; border-bottom:0;}
.bbs_view td.con *{font-family:Nanum Gothic, "돋움" !important; line-height:1.4 !important;}
.bbs_view td.con .eventImg{padding:30px 0; text-align:center;}
.bbs_view span.line{margin:0 0 0 5px; font-weight:normal; color:#999}

/* bbs_prevNext */
.bbs_prevNext th{font-size:13px; color:#333;}




.mcd_eng #gnb ul.d1 > li div.submenu input[type="text"]{width:275px; height:34px; padding:0 0 0 10px; border:0; font-size:11px; color:#6f6f6f; background:url(../images/eng/common/header/search_bg.gif) no-repeat;}

/* promotion */
.mcd_eng .bbs_view td.share a{display:block; width:110px; height:19px; padding:0 0 0 24px; line-height:1.4; font-size:12px; font-weight:normal; background:url(../images/kor/common/ico/ico_fb.gif) no-repeat 0 0;}

/* IE8 only */
@media \0screen {
	#gnb ul.d1 > li div.submenu input[type="text"]{height:24px; padding:10px 0 0 10px}
}
/* /IE8 only */


@media print {
	#header, #footer, .findus .searchArea, .findus .find_tabmenu{display: none;}
}

/* (subscript) */
sub{position: relative; top: 0.5em; margin:0 0 0 1px; font-size:80%; line-height:0; vertical-align:baseline;}
sub.reg{top:0.1em;}
.float_bn
{
	float:left;
	width:150px;
	height:610px;
	position:fixed;
	top:110px;
	left:50%;
	overflow:hidden;
	_clear:both;
	_position:absolute;
}
.right_wing
{
	margin-left:483px;
}



.input{height:20px;margin:3px 0 3px 0;}
.submenu {height:20px; width:20px; padding:0px 0 0 10px; border-top:0px; border-left:0px;border-right:0px; border-bottom:1px solid #000;}

/*게시판 리스트*/
.sir_pg_wrp{clear:both;margin:10px 0 25px;text-align:center}
.sir_pg a{display:inline-block;color:#3faed0;vertical-align:top; margin-left:10px;}
.sir_pg span.pg_num,
.sir_pg strong
.pg_curpage{display:inline-block;padding:0 10px;height:25px;background:#fff;font-size:.95em;line-height:2.3em !important;line-height:2.5em; border:1px solid #3faed0}
.sir_pg a:hover span.pg_num,
.sir_pg a:hover span
.pg_curpage{background:#fff;border:1px solid #f88803}
.sir_pg strong.pg_curpage{display:inline-block;margin-left:10px;padding:0 10px;height:25px;background:#fff;color:#f88803;font-size:.95em;line-height:2.3em !important;line-height:2.5em;border:1px solid #f88803}
.pg_img{display:inline-block;position:relative;padding:0;width:20px;height:25px;background:url('common/is_common.png');background-color:#c5cfd3;overflow:hidden}
.sir_pg .pg_start{background-position:-45px -4px}
.sir_pg .pg_prev{background-position:-62px -4px}
.sir_pg .pg_next{background-position:-82px -4px}
.sir_pg .pg_end{background-position:-104px -4px}
.sir_lc01{margin:0 0 10px;padding:10px 0;border-bottom:1px solid #e9e9e9}
.sir_ulwrp{clear:both}
.mapboard{border:2px solid #82a2f5; width:750px;}

/*오른쪽 top*/
#retweet{position:fixed;width:26px; height:360px;background:url('/images/common/skyscraper_bg.gif')no-repeat; z-index:-10;}

/*폰트색상*/
.color1{ color:#3385d6}
.color2{ color:#c10808}
/*게시판 버튼*/
    .myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}


  .myButton1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:1.5em;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton1:active {
	position:relative;
	top:1px;
}
.pa_title{margin-top:18px;background:url("") repeat-x; width:900px; height:35px;text-align:right;}


/*추천 사이트*/
.link_bg{float:left; display:inline-block; width:200px; height:68px; background:url("/img/common/link_bg.jpg") no-repeat; margin-top:20px;  }
.link_bg a{color:#747474;}
.link_bg a:hover{color:#41b3f9;}

.story_bg{float:right; display:inline-block; width:130px; height:44px; background:url("/img/common/story_bg.jpg")no-repeat; }
.story_bg a{color:#747474;}
.story_bg a:hover{color:#41b3f9;}


.page_line{border:1px solid #dcdcdc; margin-top:80; width:100%;}
.left_tp{color:#fff; font-size: 24px; font-weight:800; width:210px;text-align:left; padding-top:60px; padding-left:30px;  height:60px; background-color:#0072bb;}



ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 100%;
    font-family:"dotum";
    font-size:12px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
	padding:0px 10px 0 10px;
    width:auto;
    height: 31px;
    line-height: 31px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: 0px solid #eee;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
	line-height: 1.8em;
}
.tab_content {
    padding: 15px;
    font-size: 13px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #tcontainer {
    width: 100%;
    margin: 0 auto;
}

.t_box{width:100%; background:#faf7f2; border:1px  solid #cecece; padding:15px;}
.taxTxt3{padding-top:30px;}
.taxTxt3 dt{background:url('/img/common/icon_dt.gif') 0 6px no-repeat;font-size:13px;font-weight:bold;color:#333;text-indent:24px;padding-bottom:6px;padding-top:2px;}
.taxTxt3 dd{background:url('/img/common/bl_tax.gif') 24px 8px no-repeat;line-height:150%;padding-bottom:5px;padding-left:33px;}
.taxTxt3 dd.bgno{background:none;}