﻿@charset "utf-8";

/*layout */
#wrapper {padding:0; margin:0; min-width:1006px}
#header {width:100%;}
#container {margin:0 auto; width:1006px;}
#container:after {content:''; display:block; clear:both;}
#footer {width:100%;}

/* header */
#header {height:136px; background:url(../img/common/gnb_bg.gif) repeat-x 0 0;min-width:1006px}
#header .top_wrap {width:1006px;  margin:0 auto; }
#header .top_con {overflow:hidden; position:relative; height:85px; padding-top:0px; }
#header .top_con .top_phone {float:left; padding-top:0px; }
#header .top_con .top_phone .txt {display:block; font-size:9px; color:#333333; font-weight:bold;}
#header .top_con .top_phone .phone {font-size:30px; color:#f15f2f;font-weight:bold;}
#header .top_con .top_logo {float:left; padding-left:131px; width:395px; }
#header .top_con .h1   {float:left; padding-top:34px;}
#header .top_con .util_menu {float:right;  position:absolute; top:54px; padding-left:175px; right:0;}
#header .top_con .util_menu li {float:left; padding:0 4px; background:url(../img/common/top_r_bar.gif) no-repeat right center;}
#header .top_con .util_menu li a {color:#4e4e4e; font-size:12px; font-weight:bold}
#header .top_con .util_menu li.last {background:none; padding-left:0}

/* header */
#header #gnb {overflow:hidden}
#header #gnb li {float:left; height:51px; width:142px;border-right:0px solid #556168; display:block;}
#header #gnb li a {display:block; height:33px; padding-top:10px;  text-align:center; color:#ffffff; font-size:16px; font-weight:bold;}s
#header #gnb li.first.on {border-color:#7fa1c2; }
#header #gnb li.first {border-left:0px solid #556168; width:142px;}
#header #gnb li.last {border-right:none; width:137px; }
#header #gnb li.r_menu {width:154px; border-color:#5590dc; background:url(../img/common/gnb_tbg2.gif) repeat-x 0 0;}
#header #gnb li.r_menu a.on{border-color:#7fa1c2; background:url(../img/common/gnb_tbg2.gif) repeat-x 0 0;}
#header #gnb li.on {border-color:#7fa1c2; background:url(../img/common/gnb_bg_over.gif) repeat-x 0 0;}


#header #lnb{ font-size:0px;}
#header #lnb_menu{float:left; padding: 0 0px; width:1006px; position:relative;}
#header #lnb_menu .ss_li { float:left;}
#header #lnb_menu .ss_li a{ padding:1px;}
#header #lnb_menu .ss_li a:hover, .ss_li a:focus, .ss_li a:active {  background:url(../img/common/gnb_tbg2.gif) repeat-x 0 0;}



#header #topmenu { width:1006; height:64px; background:url(../img/common/gnb_tbg2.gif) repeat-x 0 0;}
#header #topmenu .ul {height:36px; background:url(../img/common/gnb_tbg2.gif) repeat-x 0 0;}
#header #topmenu .li {float:left; padding: 0 10px;}

.sdmenu {
    width: 200px;
    font-family: Sans-Serif;
    font-size: 12px;
    padding-bottom:335px; background: url(../images/bottom_sub3.gif) no-repeat right bottom;
}

.sdmenu .title, .sdmenu .titlehidden{
	cursor:hand;
    display: block;
    padding: 5px 0;
    font-weight: bold;
    color: #ffffff;
    background: #FFF url(../images/menu_a.gif) no-repeat;
}

.sdmenu .title {
    border-bottom: 0px solid #DDD;
}

.sdmenu .arrow {
    margin-left: 10px;
    margin-right: 7px;
}

.sdmenu .titlehidden {
    border-bottom: none;
}

.sdmenu #top {
    background: url(../images/toptitle.gif) no-repeat;
}

.sdmenu .submenu {
    overflow: hidden;
}

.sdmenu .submenu a {
    padding: 5px 0 4px 10px;
    text-indent: 10px;
    background: url(../images/toptitle.gif) no-repeat;
    display: block;
    color: #274364;
    text-decoration: none;
}

.sdmenu .submenu a:hover {
    background : #066 url(../images/linkarrow.gif) no-repeat right center;
    color: #FFF;
}
.leftfuction{ background:url(../images/title.gif) repeat-y; padding-left:30px;}

#gnavigation{
	position:absolute;
	width:746px;
	height:79px;
	overflow:hidden;
}

#gnavigation li{float:left;padding-right:0px;}
#gnavigation li ul{position:absolute; width:1006px; top:37px; display:none;}
#gnavigation li.top_menu1 ul {left:0px;}
#gnavigation li.top_menu1 ul li{}
#gnavigation li.top_menu2 ul {left:0px;}
#gnavigation li.top_menu2 ul li{}
#gnavigation li.top_menu3 ul {left:0px;}
#gnavigation li.top_menu3 ul li{}
#gnavigation li.top_menu4 ul {left:0px;}
#gnavigation li.top_menu4 ul li{;}
#gnavigation li.top_menu5 ul {left:0px;}
#gnavigation li.top_menu5 ul li{}
#gnavigation li.top_menu6 ul {left:0px;}
#gnavigation li.top_menu6 ul li{}
#gnavigation li.top_menu7 ul {left:0px;}
#gnavigation li.top_menu7 ul li{}


#top_sub1 {
	font-weight:bold;
	position:absolute;
	left:210px;
	top:79px;
	width:1006px;
	height:19px;
	z-index:11;
	visibility: hidden;
}
#top_sub2 {
	font-weight:bold;
	position:absolute;
	left:210px;
	top:79px;
	width:1006px;
	height:19px;
	z-index:12;
	visibility: hidden;
}
#top_sub3 {
	font-weight:bold;
	position:absolute;
	left:210px;
	top:79px;
	width:746px;
	height:19px;
	z-index:13;
	visibility: hidden;
}
#top_sub4 {
	font-weight:bold;
	position:absolute;
	left:230px;
	top:79px;
	width:1006px;
	height:19px;
	z-index:14;
	visibility: hidden;
}
#top_sub5 {
	font-weight:bold;
	position:absolute;
	left:320px;
	top:79px;
	width:1006px;
	height:19px;
	z-index:15;
	visibility: hidden;
}
#top_sub6 {
	font-weight:bold;
	position:absolute;
	left:530px;
	top:79px;
	width:1006px;
	height:19px;
	z-index:16;
	visibility: hidden;
}


.left_menu {
    width:181px; 
	background:#606060;
	padding:7px 0 0 15px;
}
.left_menu_1 {
    width: 181px;
	padding:3px 0px 3px 15px;
	border-bottom:1px solid #4D4C4A;
	background:url(../new/img/sub/lnb_bg.gif) no-repeat 0px;
}
.left_menu_2 {
    width: 168px;
	padding:2px 0px 2px 0px;
	background:url(../new/img/sub/lnb_subbg.gif) no-repeat 0px;
}
.left_menu_3 {
	padding:40px 0px 0px 0px;
}

/** contents **/
#container {padding:9px 0;}
#container #lnb_wrap {width:181px; float:left; }
#lnb_wrap .lnb {border:1px solid #524ab1; margin-bottom:15px; background:#f8f8f8;}
#lnb_wrap .lnb h2 {padding:17px;}
#lnb_wrap .lnb h2 .tit1 {font-size:12px; color:#3c349b; display:block;font-weight:bold; letter-spacing:-2px;}
#lnb_wrap .lnb h2 .tit2 { display:block; color:#e9e9e9; font-size:14px; font-weight:bold; letter-spacing:-1px;}
#lnb_wrap .lnb li {line-height:31px; height:31px; background:url(../new/img/sub/lnb_bg.gif) no-repeat 0 3px;}
#lnb_wrap .lnb li.on {margin:-1px -1px 0 -1px; border:0; background:#e9e9e9 url(../img/sub/lnb_icon_on.png) no-repeat 162px center;}
#lnb_wrap .lnb li a {display:block; line-height:40px; font-size:14px; color:#555555; padding-left:17px;padding-bottom: 4px; font-weight:bold;}
#lnb_wrap .lnb li.on a { color:#3c349b;}
#lnb_wrap .lnb_banner a {display:block; padding-bottom:5px;}
#lnb_wrap .info_box {border:1px solid #dddddd; margin-top:10px;}
#lnb_wrap .info_box dl {padding:12px 15px 20px 20px;}
#lnb_wrap .info_box .counsel {border-bottom:1px solid #dddddd;padding:12px 15px 15px 20px; }
#lnb_wrap .info_box .counsel dt {height:33px; padding-left:40px; font-size:18px; color:#f05623; font-weight:bold;background:url(../img/main/main_ico01.gif) no-repeat 0 3px;}
#lnb_wrap .info_box .counsel dd .t1 {font-size:27px; font-weight:bold; color:#2b3a42; letter-spacing:-1px;}
#lnb_wrap .info_box .counsel dd .t2 {font-size:13px; color:#888888;}
#lnb_wrap .info_box .bank_info dt {padding-left:30px; height:25px; font-size:18px;  letter-spacing:-1px;color:#333333;font-weight:bold; background:url(../img/main/icon_bank_shinhan.gif) no-repeat 0 3px;}
#lnb_wrap .info_box .bank_info dd{font-size:20px; color:#2b3a42; padding-top:5px; display:block; letter-spacing:-1px;}
#lnb_wrap .info_box .bank_info dd.numb {font-size:15px; color:#888888; }

#contents_wrap {border:0px solid #dddddd; margin-left:200px; }
#contents_wrap .con_head {padding:0px; height:152px;  margin-bottom:30px; }
#contents_wrap .con_head2 {padding:10px 0px 10px 0px; height:55px}
#contents_wrap .con_head3 {padding:10px 0px 10px 0px; height:75px}

#contents_wrap .con_head h3,#contents_wrap .con_head2 h3 {font-size:16px; color:#4e4e4e4; padding:30 0 3 40px; font-weight:bold; letter-spacing:0px; margin-top:5px; margin-left:35px;}
#contents_wrap .con_head p,#contents_wrap .con_head2 p {color:#888888; font-size:14px;}
#contents_wrap .con_head3 h3 {line-height:75px; height:75px; padding:10 28px; font-size:18px; color:#222222;font-weight:bold; letter-spacing:-1px; margin-top:15px; margin-left:75px;}
#contents_wrap .con_head3 h4 {line-height:75px; height:75px; padding:0 28px;  font-size:22px; color:#222222;font-weight:bold; letter-spacing:-1px; margin-top:0px; margin-left:55px;}
#contents_wrap #sub{float:left; width:780px; padding-left:20px; margin-bottom:30px;}


/* title */
#contents_wrap .con_head.product {background:url(../img/sub/sub_top01.jpg) no-repeat 0px;}
#contents_wrap .con_head.passenger {background:url(../img/sub/sub_top02.jpg) no-repeat 0px;}
#contents_wrap .con_head.guide {background:url(../img/sub/sub_top03.jpg) no-repeat 0px;}
#contents_wrap .con_head.dok {background:url(../img/sub/sub_top04.jpg) no-repeat 0px;}
#contents_wrap .con_head.community{background:url(../img/sub/sub_top05.jpg) no-repeat 0px;}
#contents_wrap .con_head.group {background:url(../img/sub/sub_top06.jpg) no-repeat 0px;}
#contents_wrap .con_head.ship {background:url(../img/sub/sub_top07.jpg) no-repeat 0px;}
#contents_wrap .con_head.company{background:url(../img/sub/sub_top09.jpg) no-repeat 0px;}
#contents_wrap .con_head2.product {background:url(../img/sub/sub_title_bg.gif) no-repeat 0px 3px;}
#contents_wrap .con_head3.notice{background:url(../img/sub/title_notice_bg.gif) no-repeat 0px;}
#contents_wrap .con_head3.faq{background:url(../img/sub/title_faq_bg.gif) no-repeat  0px;} 
#contents_wrap .con_head3.gallery{background:url(../img/sub/title_gallery_bg.gif) no-repeat  0px;} 
#contents_wrap .con_head3.epilogue{background:url(../img/sub/title_epilogue_bg.gif) no-repeat  0px;} 
#contents_wrap .con_head2.group{background:url(../img/sub/title_estimate_bg.gif) no-repeat 0px;} 
#contents_wrap .con_head3.join{background:url(../img/sub/title_join_bg.gif) no-repeat 0px;} 
#contents_wrap .con_head3.login2{background:url(../img/sub/title_login_bg.gif) no-repeat 0px;} 
#contents_wrap .con_head2.find {background:url(../img/sub/sub_tit_idfind.gif) no-repeat 30px 30px;} 
#contents_wrap .con_head2.tNC {background:url(../img/sub/sub_tit_tNC.gif) no-repeat 30px 30px;} 


.width_30{width:30px;}
.width_40{width:40px;}


.height_14{ height:14px;}
.height_25{ height:25px;}
.height_30{ height:30px;}
.height_30v{ height:30px; line-height:30px;}


.line_h50{ line-height:50px;}

.padding5{ padding:5px 5px 5px 5px;}
.padding10{ padding:10px 10px 10px 10px;}
.padding20{ padding:20px 20px 20px 0px;}
.padding_left10{padding-left:10px;}
.padding_left15{padding-left:15px;}
.padding_left20{padding-left:20px;}
.padding_left25{padding-left:25px;}
.padding_left28{padding-left:28px;}
.padding_left30{padding-left:30px;}
.padding_left300{padding-left:300px;}
.padding_left600{padding-left:600px;}
.padding_top10{ padding-top:10px;}
.padding_top20{ padding-top:20px;}
.padding_top30{ padding-top:30px;}
.padding_bottom10{ padding-bottom:10px;}
.padding_bottom20{ padding-bottom:20px;}
.margin20{margin:20px;}
.margin_left20{ margin-left:20px;}

/*가로넓이 지정*/
.width_500{width:500px;}
.width_512{width:512px;}
.width_516{width:516px;}
.width_709{width:709px;}
.width_720{width:720px;}
.width_736{width:736px;}
.width_762{width:762px;}
.width_780{width:780px;}
.width_806{width:806px;}
.width_970{width:970px;}
.width_980{width:980px;}
.width_984{width:984px;}

/*높이 지정*/
.height_15{ height:15px;}
.height_22{ height:22px;}
.height_23{ height:23px;}
.height_25{ height:25px;}
.height_28{ height:28px;}
.height_30{ height:30px;}

/*텍스트 높이 지정*/
.line_h50{ line-height:50px;}

/*패딩값 지정*/
.padding3{ padding:3px 8px 0px 6px;}
.padding10{ padding:10px 10px 10px 10px;}
.padding20{ padding:20px 20px 20px 20px;}
.padding_left5{padding-left:5px;}
.padding_left10{padding-left:10px;}
.padding_left20{padding-left:20px;}
.padding_left24{padding-left:24px;}
.padding_left30{padding-left:30px;}
.padding_left40{padding-left:40px;}
.padding_left60{padding-left:60px;}
.padding_left80{ padding-left:50px;}
.padding_left80{ padding-left:80px;}
.padding_left100{ padding-left:100px;}
.padding_left120{ padding-left:120px;}
.padding_left190{ padding-left:190px;}
.padding_left200{ padding-left:200px;}
.padding_left231{ padding-left:231px;}
.padding_left239{ padding-left:239px;}
.padding_left250{ padding-left:250px;}
.padding_left280{ padding-left:280px;}
.padding_left300{ padding-left:300px;}
.padding_left411{ padding-left:411px;}
.padding_left500{ padding-left:500px;}
.padding_right2{ padding-right:2px;}
.padding_right3{ padding-right:3px;}
.padding_right5{ padding-right:5px;}
.padding_top3{ padding-top:3px;}
.padding_top5{ padding-top:5px;}
.padding_top7{ padding-top:7px;}
.padding_top10{ padding-top:10px;}
.padding_top15{ padding-top:15px;}
.padding_top20{ padding-top:20px;}
.padding_top25{ padding-top:20px;}
.padding_top30{ padding-top:30px;}
.padding_top50{ padding-top:50px;}
.padding_bottom3{ padding-bottom:3px;}
.padding_bottom5{ padding-bottom:5px;}
.padding_bottom10{ padding-bottom:10px;}
.padding_bottom20{ padding-bottom:20px;}

.margin5{margin:5px 10px 0px 5px;}
.margin10{margin:10px 10px 10px 10px;}
.margin20{margin:20px;}
.margin_top5{margin-top:5px;}
.margin_left5{ margin-left:5px;}
.margin_left10{ margin-left:10px;}
.margin_left20{ margin-left:20px;}

.bg_sub11{
	background:url(../images/dg_bg.gif) no-repeat;
	height:409px;
}

/* list */
.product_list {padding:15px;}
.product_wrap {width:780px; margin-bottom:20px;}
.product_list .group title {height:35px;}
.product_list .group {float:left; width:170px; height:196px;  margin-right:6px; margin-bottom:30px; padding:8px; background-color:#f8f8f8;  border:1px solid #e0e0e0; }
.product_list .group .img_area {float:left; position:relative; left:0; top:0; width:170px; height:92px; margin-bottom:25px;}
.product_list .group .list{ float:left; margin-right:22px;  margin-top:16px; \0/IE8+9;}  
.product_list .group .box { float:left; width:187px; text-align:center; margin-right:25px; margin-bottom:15px;}
.product_list .group .tit {color:#222222; font-size:12px; width:150px; padding-bottom:17px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.product_list .group .price{float:left; padding-top:5px;  font-size:12px; color:#f10f24; font-weight:bold; margin-bottom:25px;}

/* 상세 */
#contents_wrap.detail_wrap {border:none !important}
.detail_wrap .con_head3 {margin-bottom:15px;}
.detail_wrap .detail {border-top:3px solid #f15f2f; padding-top:15px;}
.detail_wrap .detail .detail_top {overflow:hidden;}
.detail_wrap .detail .detail_top .left_img {float:left; width:322px; padding:30px 30 30 30px; margin:30px; }
.detail_wrap .detail .detail_top .right_topCon {padding-left:352px;} 
.detail_wrap .detail .img_small {padding:15px 0 22px; overflow:hidden;}
.detail_wrap .detail .img_small li {float:left; margin-right:4px; width:79px; height:70px;}
.detail_wrap .detail .img_small li a {display:block; padding:0; line-height:0; font-size:0;}
.detail_wrap .detail .img_small li a:hover {border:2px solid #f15f2f; overflow:hidden;}
.detail_wrap .detail .img_small li a:hover img {margin:-2px 0 0 -2px;}
.detail_wrap .detail .img_small li:last-child {margin-right:0}
.detail_wrap .detail .social {clear:both; height:61px; background:url(../img/sub/social_bg.gif) no-repeat 0 0;}
.detail_wrap .detail .social dt {float:left; padding:8px 0 0 27px}
.detail_wrap .detail .social dd {display:block; padding:16px 0 0 166px;}
.detail_wrap .detail .social dd .imgBtn {margin-right:5px;}
.detail_wrap .group .tit{float:left; padding-left:22px; height:34px; line-height:34px; font-weight:bold; font-size:14px; color:#222222; background:url(../img/sub/bullet01.gif) no-repeat 10px 12px}
.detail_wrap .group .dl {display:block; padding-left:108px;  border-bottom:1px solid #e0e0e0; height:34px; line-height:34px; font-size:14px; color:#555555; }
.detail_wrap .group .dl.map {position:relative;}
.detail_wrap .group .dl.map .imgBtn {position:absolute; right:10px; top:5px;}
.detail_wrap .group .dl.cal_wrap {padding-top:9px; line-height:auto; height:auto; padding-bottom:17px;}
.detail_wrap .group .calendar {width:323px; background:url(../img/sub/cal_head.gif) no-repeat 0 0}
.detail_wrap .group .calendar .cal_top {height:44px; line-height:40px; text-align:center; }
.detail_wrap .group .calendar .cal_top span {padding:0 5px;font-size:18px; color:#222222; font-weight:bold}
.detail_wrap .group .calendar .cal_body {padding:0 8px 10px; background:url(../img/sub/cal_body.gif) no-repeat 0 bottom}
.detail_wrap .group .calendar .cal_top span, .detail_wrap .group .calendar .cal_top .imgBtn {display:inline-block; }
.detail_wrap .group .calendar .cal_top .imgBtn {vertical-align:-5px}
.detail_wrap .group .calendar td, .detail_wrap .group .calendar th {height:28px; text-align:center; font-size:13px; }
.detail_wrap .group .calendar td {font-weight:bold; font-size:13px; color:#888888; height:23px; padding:1px;}
.detail_wrap .group .calendar th {font-weight:normal;}
.detail_wrap .group .calendar td.sun {color:#e95355}
.detail_wrap .group .calendar td.sat {color:#577aa4}
.detail_wrap .group .calendar td.on a { display:block; height:26px; line-height:26px; color:#ffffff; background:url(../img/sub/cal_bg.png) no-repeat center}
.detail_wrap .group .calendar td.on a p { line-height:25px; font-size:13px; font-weight:bold}
.detail_wrap .right_topCon .btn_area {padding-top:14px;}
.detail_wrap .detail_con {border:1px solid #dddddd; margin-top:15px; padding:20px 25px 25px;}
.detail_wrap .detail_con .tit {padding-left:25px; line-height:20p; margin-bottom:15px; height:22px; font-size:16px; color:#333333; font-weight:bold;  background:url(../img/sub/bullet02.gif) no-repeat 0 5px;}
.detail_wrap .detail_con .table03 {margin-bottom:40px}
.detail_wrap .detail_con .t_blue {color:#4981b9; font-size:13px; padding-bottom:10px;}
.detail_wrap .detail_con .txt_list li {color:#555555; font-size:13px; padding-left:12px; line-height:23px; background:url(../img/sub/ball_gray2.gif) no-repeat 0 10px;}
.detail_wrap .detail_con .txt1 {padding-top:10px; color:#555555; font-size:13px; }
.detail_wrap .detail_con.con2 {padding:0;}
.detail_wrap .detail_con .tab {overflow:hidden; width:100%; height:51px; background:url(../img/sub/tab_bg2.gif) repeat-x 0 0;}
.detail_wrap .detail_con .tab li {float:left; padding:8px 13px 0; background:url(../img/sub/tab_line.gif) no-repeat right 19px; }
.detail_wrap .detail_con .tab li a { text-align:center; padding-top:7px; font-size:15px; font-weight:bold;width:172px; height:43px; display:block;}
.detail_wrap .detail_con .tab li.on a { color:#ffffff;  background:url(../img/sub/tab_bg.png) no-repeat 0 0;}
.detail_wrap .detail_con .tab li:last-child {background:none}
.detail_wrap .detail_con .table_area {padding:25px;}
.detail_wrap .detail_con .table_area table{border-top:1px solid #eaeaea;border-right:1px solid #eaeaea}
.detail_wrap .detail_con .table_area table table td{border-bottom:1px solid #eaeaea;text-align:center; border-right:1px solid #eaeaea}
.detail_wrap .detail_con .table_area table table p{}
.detail_con .dt_con {padding:25px;}
.detail_con .dt_con .title {font-size:30px; font-weight:bold; color:#222222; padding-bottom:20px;}
.detail_con .dt_con .title span {font-size:30px; font-weight:bold; color:#f15f2f}
.detail_con .dt_con .text {font-size:18px; padding-bottom:25px}
.detail_con .dt_con .text2 {color:#4981b9;font-size:14px;padding-bottom:25px }
.detail_con .dt_con .photo {overflow:hidden; padding-bottom:25px}
.detail_con .dt_con .photo li{float:left; padding:5px 0 5px 5px;}
.detail_con .dt_con .photo li.first {padding-left:0}
.detail_con .dt_con .photo li.large {padding:0}
.detail_con .dt_con .img_4 li.left {padding-left:0}
.detail_con .dt_con .img_4 li.left,
.detail_con .dt_con .img_4 li.right {padding-bottom:0}
.detail_con .dt_con .img_4 li.large {padding-top:5px}

/* 예약하기 */
.reservation .write_form {border:0; border-bottom:1px solid #727272; background:url(../img/sub/sub_bg1.gif) repeat-y 0 0; overflow:hidden;}
.reservation .left_con {width:140px; text-align:center; float:left;}
.reservation .left_con.step01 {background:url(../img/sub/img_step01.gif) no-repeat center 19px;}
.reservation .left_con.step02 {background:url(../img/sub/img_step02.gif) no-repeat center 19px;}
.reservation .left_con.step03 {background:url(../img/sub/img_step03.gif) no-repeat center 19px;}
.reservation .left_con.step04 {background:url(../img/sub/img_step04.gif) no-repeat center 19px;}
.reservation .left_con .hidden {text-indent:-9999px;}
.reservation .left_con span{display:block;}
.reservation .left_con span.tit {padding-top:100px; color:#303f46; font-size:18px; font-weight:bold; text-align:center}
.reservation .left_con span.icon_check {margin:0 auto; padding-left:5px; width:73px; font-size:14px; color:#303f46; background:url(../img/sub/icon_check.gif) no-repeat 0 center }
.reservation .right_con {padding-left:140px;}
.reservation .r_tit1 {padding-left:25px; line-height:50px; border-bottom:1px solid #eaeaea; font-size:16px; font-weight:bold; color:#333333; letter-spacing:-1px;}
.reservation .r_tit2 {position:relative; padding-left:25px; line-height:50px; letter-spacing:-1px;}
.reservation .r_tit2 span {font-size:16px; font-weight:bold; color:#333333}
.reservation .r_tit2 .imgBtn {position:absolute; right:10px; top:10px;}
.reservation .r_tit3 { padding:15px 0 5px 25px; font-size:14px; font-weight:bold; color:#333333}
.reservation .total {text-align:right; height:52px; padding:18px 25px 0 0;}
.reservation .total .tit {color:#5f89b3; font-size:18px; font-weight:bold; vertical-align: -4px;}
.reservation .total input {height:25px; color:#f15f2f; font-size:20px; font-weight:bold; background-color:#f8f8f8; width:160px; text-align:right; vertical-align:middle}
.reservation .total .won { font-size:16px;color:#f15f2f; vertical-align: -4px;}
.reservation .bottomTxt {height:60px; padding:15px 23px; line-height:1.5em; color:#888888}
.reservation .txtR { padding-right:30px; font-size:12px; color:#888888 } 
.reservation .textarea {padding:10px 50px 10px 25px}
.reservation .textarea textarea {height:125px; width:100%; padding:10px;}
.reservation .btn_areaB {clear:both; text-align: center;padding: 40px 0 50px }
.reservation .btn_areaB .imgBtn {display:inline-block;}
.reservation .tb_write .mem_list {padding:0}
.reservation .tb_write .table01 th {padding-left:0}
.reservation .tb_write .table01 tbody tr:last-child td {border-bottom:0}


/* community */
.community .btn_areaB {border-top:1px solid #777777}
.community .paging {border-top:1px solid #777777; text-align:center; padding-top:40px;}
.community .btn_right {text-align:right; margin-top:-70px; padding-bottom:23px; padding-right:25px;}
.community .photoG ul {overflow:hidden; padding:20px 0 35px 18px; border-bottom:1px solid #eaeaea}
.community .photoG li {float:left; padding:0 18px}
.community .photoG li a,.community .photoG li span {display:block; width:153px;}
.community .photoG li span {font-size:13px;}
.community .photoG li span.tt {padding-top:10px}

.join_02            { float:left; width:806px; margin-bottom:50px;}
.join_02 table             { width:806px; border-top:3px solid #5a52b9;float:left; margin-bottom:50px; margin-top:0px;}
.join_02 table .th         { border:1px solid #ccc;  background-color:#efefef; height:auto; padding:7px 10px 7px 10px; font-weight:bold; vertical-align:middle; } 
.join_02 table .td         { border:1px solid #ccc; height:auto; padding:3px 10px 3px 10px; vertical-align:middle; color:#999999; line-height:20px; }  
.join_02 table .left       { text-align:left;} 
.join_02_text              { text-align:left; margin:30px 0 5px 0;}

/* 회원가입 */
.member {}
.member .step {margin-bottom:10px;}
.member .member_con {padding:25px;}
.member .member_con .tit {padding-left:13px; margin-bottom:15px; font-size:18px; font-weight:bold;color:#f05623; background:url(../img/sub/ball_orange.gif) no-repeat 0 10px}
.member .member_con .mem_txt {width:99%; padding:0 0 0 10px; height:195px; line-height:21px;}
.member .member_con .chekhArea {padding:10px 0 30px;}
.member .combo_area {text-align:center; padding-top:23px; height:57px; border-top:1px solid #dddddd;}
.member .combo_area label {font-size:16px; font-weight:bold; }
.member .combo_area input {vertical-align:-3px;}
.member .combo_area label.first {margin-right:35px;}
.member .member_con2 {padding-top:80px;}
.member .member_con2 .txt1 {padding-bottom:85px; text-align:center; color:#f15f2f; font-weight:bold; font-size:35px; letter-spacing:-2px;line-height:1.1em}
.member .member_con2 .txt1 span {color:#222222; font-weight:bold; font-size:25px;letter-spacing:-2px;}
.member .member_con2 .txt2 {border-top:1px solid #e3e3e3;background-color:#f5f5f5; padding:26px 0 26px 145px; font-size:13px; color:#888888; line-height:20px}
.member .table02 {border-top:1px solid #777777;}
.member .table02 .imgBtn {vertical-align:-6px}
.member .top_rtxt {text-align:right; padding:20px 20px 15px; font-size:14px;  font-weight:bold;}

.login            { width:780px; height:300px; background-image:url(../images/login_bg.gif); vertical-align:top; float:left;}
.login .login_box { width:700px; margin:0 auto; text-align:center; margin-top:90px;}

.login_01         { width:370px; float:left; text-align:left;  margin-left:0px; }
.login_01 h2      { margin-bottom:27px;}
.login_01 .p      { margin-top:15px; border-top:3px solid #4aa6e7; width:330px; height:110px; background-color:#f8f6f7 }
.login_02         { width:330px; float:right; text-align:left;}
.login_02 .p      { margin-top:15px; border-top:3px solid #4aa6e7; width:300px; height:110px; background-color:#f8f6f7 }
.login_02 .text   { margin:5px 0 10px 0;}
.login_01 .inputtype  { width:230px; float:left; margin-left:5px;  margin-top:22px;}
.inputtype span       { display:block; height:30px; font-weight:bold;}
.inputtype .label     { width:60px;  font-weight:bold;}
.login_01 .bt     { float:left; width:70px; margin-top:-70px; margin-left:245px;}
.login_02 .inputtype  { width:210px; float:left; margin-left:5px; margin-top:22px;}
.login_02 .bt     { float:left; width:80px; margin-left:227px; margin-top:-70px;}
.login_02 .radio  { width:300px; margin:12px 0 20px 15px;}
.login .log_right {float:left;  margin:10px 0 20px 410px; }

.idpw            { width:780px; height:300px; background-image:url(../images/id_bg.gif); vertical-align:top; float:left;}
.idpw  .idpw_box { width:700px; margin:0 auto; text-align:center; margin-top:90px;}
.idpw_01         { width:370px; float:left; text-align:left;  margin-left:0px; }
.idpw_01 h2      { margin-bottom:27px;}
.idpw_01 .p      { margin-top:15px; border-top:3px solid #4aa6e7; width:330px; height:110px; background-color:#f8f6f7 }
.idpw_02         { width:330px; float:right; text-align:left;}
.idpw_02 .p      { margin-top:15px; border-top:3px solid #4aa6e7; width:300px; height:110px; background-color:#f8f6f7 }
.idpw_01 .bt     { float:left; width:70px; margin-top:-70px; margin-left:245px;}
.idpw_02 .inputtype  { width:210px; float:left; margin-left:5px; margin-top:22px;}
.idpw_02 .bt     { float:left; width:80px; margin-left:227px; margin-top:30px;}


.in     { height:13px;  border: 1px solid #cfcfcf; line-height:14px; vertical-align:middle;}
.in5     { height:15px;  border: 1px solid #cfcfcf; line-height:18px; vertical-align:middle; margin-top:10px;}
.in9     { height:15px;  border: 1px solid #cfcfcf; line-height:18px; vertical-align:middle; width:27px;}
.in10    { height:15px;  border: 1px solid #cfcfcf; line-height:18px; vertical-align:middle; width:128px;}
input    {vertical-align: middle; border: 1px solid #cfcfcf; line-height:100%;}

/* 회사소개 */
.company {padding:30px 30px 50px;}
.company .map_area {border:1px solid #dddddd; padding:0; width:725px;}
.company .map_info {padding-top:30px;}
.company .map_info dt {float:left; height:30px; line-height:30px; padding-left:15px; font-size:15px;font-weight:bold; color:#222222; width:90px; background:url(../img/sub/ball_orange.gif) no-repeat 0 15px;}
.company .map_info dd {display:block; line-height:30px; padding-left:107px;font-size:15px; color:#777777;}
.company .map_info dd.traffic {padding-top:5px;}
.company .map_info dd.traffic div {padding-bottom:5px; line-height:1.5em}
.company .map_info dd .bus {padding-left:35px; background:url(../img/sub/icon_bus.gif) no-repeat 0 0;font-size:13px; color:#777777;}
.company .map_info dd .subway {padding-left:35px; height:35px; padding-top:5px; background:url(../img/sub/icon_subway.gif) no-repeat 0 0;}
.company .tit {padding-bottom:25px;font-size:16px; font-weight:bold; color:#222222;}
.company .txt {padding-bottom:35px; font-size:14px; line-height:1.5em}

/* 팝업 */
#poupWrap {width:490px; min-height:300px}
#poupWrap .pop_tit {border-bottom:1px solid #777777;  padding-left:30px;}
#poupWrap .pop_tit h2 {font-size:20px;font-weight:bold; color:#222222 height:50px; line-height:50px; letter-spacing:-1px;}
#poupWrap .pop_con {padding:0 30px 40px;}
.pop_con .checkL {padding:20px 0;}
.pop_con .checkL label { font-size:13px; font-weight:bold; }
.pop_con .infoTxt {color:#888888; padding-bottom:10px;}
.pop_con .codeSearch {padding:20px; background-color:#f2f2f2}
.pop_con .codeSearch strong {display:inline-block; padding-right:5px;}
.pop_con .codeSearch .imgBtn {vertical-align:-7px}
.pop_con .codeList {margin-top:25px; border-top:2px solid #666666; max-height:130px; overflow:auto}
.pop_con .codeList th,.pop_con .codeList td {border-bottom:1px solid #dddddd; padding:5px 5px 10px 10px;}
.pop_con .codeList th{font-weight:bold; color:#333333}
.pop_con .codeList td{text-align:center}.pop_con .codeList .new {color:#f15f2f}
.pop_con .codeList li {border-bottom:1px solid #dddddd; padding:5px 5px 10px 10px;}
.pop_con .btn_c {text-align:center; padding:20px}
.pop_con .t_lock {padding:20px 20px 20px 25px; background:url(../img/sub/icon_lock.gif) no-repeat 0 center;}
.pop_con .map_select {width:100%;}
.pop_con .map_area {margin-top:20px; height:350px; width:610px; background-color:#f3f3f3}
/* table */
.table01 {border-top:1px solid #888888}
.table01 thead th {line-height:38px; height:38px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; text-align:center; color:#f23d02; font-size:14px; font-weight:bold; background:url(../img/sub/tb_bg01.gif) repeat-x; }
.table01 thead th:last-child {border-right:none}
.table01 tbody td {line-height:36px; height:36px; border-bottom:1px solid #eaeaea;text-align:center; border-right:1px solid #eaeaea}
.table01 tbody td:last-child {border-right:none}
.table01 tbody td.left {padding-left:30px; text-align:left;}
.table01 tbody td.bold { font-weight:bold }
.table01 tbody td input {vertical-align:0px;}
.table01 tbody td input.imgBtn {vertical-align:-3px;}
.table01.border0 {border-top:0}
.table01 .infoWrite .input01  {width:70%;}
.table01 .infoWrite .sel01 {padding:0 2px; width:50px;}
.table01 .infoWrite .phone {width:30px;}

.table02 {padding-top:10px;}
.table02 th {text-align:left; padding-left:42px; font-size:15px; font-weight:bold; height:43px; border-bottom:1px solid #eaeaea;}
.table02 th.check {line-height:43px; background:url(../img/sub/icon_check.gif) no-repeat 25px 18px;vertical-align:top }
.table02 td {border-bottom:1px solid #eaeaea; padding:8px 0 7px;}
.table02 td .full {width:75%}
.table02 td .phone {width:80px;}
.table02 td span, .table02 td label {display:inline-block; padding-top:5px;}

.table03 {border-top:1px solid #5b6d7f}
.table03 th {font-size:14px; font-weight:bold; height:29px; color:#555555; border:1px solid #eaeaea; border-top:0;  background-color:#f7f7f7}
.table03 td { border:1px solid #eaeaea; border-top:0; font-size:14px; font-weight:bold; text-align:center; height:29px; }

.table04 {border-top:1px solid #c3c3c3}
.table04 thead th {font-size:13px; font-weight:bold; height:29px; color:#555555; border:1px solid #c3c3c3; border-top:0;  background-color:#f7f7f7}
.table04 tbody th {font-size:13px; height:29px; color:#555555; border:1px solid #c3c3c3; border-top:0;  background-color:#f7f7f7}
.table04 td {padding:5px; border:1px solid #c3c3c3; border-top:0;  font-size:13px; height:29px; line-height:1.5em}
.table04 td p {font-size:13px; padding-bottom:5px;}
.table04 td .img_area {padding-top:10px;}
.table04 td textarea {width:100%; height:110px;}

.table04_re {border-top:1px solid #c3c3c3}
.table04_re thead th {font-size:13px; font-weight:bold; height:29px; color:#555555; border:1px solid #c3c3c3; border-top:0;  background-color:#f7f7f7}
.table04_re tbody th {font-size:13px; height:29px; color:#555555; border:1px solid #c3c3c3; border-top:0;  background-color:#f7f7f7}
.table04_re td {padding:5px; border:1px solid #c3c3c3; border-top:0;  font-size:13px; height:29px; line-height:1.5em text-align:center;}
.table04_re td p {font-size:13px; padding-bottom:5px;}
.table04_re td .img_area {padding-top:10px;}
.table04_re td textarea {width:100%; height:110px;}
.table04_re .infoWrite .input01  {width:70%;}
.table04_re .infoWrite .sel01 {padding:0 2px; width:50px;}
.table04_re .infoWrite .phone {width:30px;}

.tb_write th {text-align:left; vertical-align:top; padding-left:42px; font-size:15px; font-weight:bold; color:#555555; border-bottom:1px solid #dcdcdc; background:#f0f0f0 url(../img/sub/ball_orange.gif) no-repeat 26px 16px; line-height:36px;}
.tb_write td {padding:10px; font-size:13px; color:#555555;  border-bottom:1px solid #dcdcdc;}
.tb_write td span {font-size:13px;}
.tb_write td textarea {width:90%; height:110px;}
.tb_write .brnone td,.tb_write .brnone th{border-bottom:0}
.tb_write .photo_ar {padding:30px 10px; text-align:center;}
.tb_write .photo_ar img {width:auto; max-width:730px;}
.tb_write .file_area {padding-bottom:5px;}
.tb_list th {font-size:15px; font-weight:bold; color:#333333; line-height:40px; height:40px; border-bottom:1px solid #dcdcdc; background-color:#f0f0f0 }
.tb_list td {font-size:13px; padding:10px 0; text-align:center;border-bottom:1px solid #dcdcdc;}
.tb_list td a {font-size:13px;}
.tb_list td.left {text-align:left}
.tb_list tr:last-child td {border-bottom:0}
.tb_list td.icon_lock {background:url(../img/sub/icon_lock.gif) no-repeat 0 center;}
.tb_list td.left2 {text-align:left; padding-left:27px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.tb_list .q {padding-left:37px; background:url(../img/sub/icon_q.gif) no-repeat 0 10px;}
.tb_list .a {padding-left:37px; background:url(../img/sub/icon_a.gif) no-repeat 0 10px;}

/*print */
#print {width:650px ; margin:0 auto; padding-top:15px;}
#print .btn_print {text-align:right; padding-bottom:10px;}
#print .con_head3 {padding:20px; background-color:#f8f8f8; border:1px solid #dddddd; }
#print .con_head3 h3 {font-weight:bold; font-size:16px; letter-spacing:-1px; }
#print .tit {background:none; padding-left:0;padding-top:10px; font-size:14px}
#print .txt_list li {background:none}
#print .detail_con {border:0; padding:0}
#print .detail {padding:0; border:none}

/* footer */
#footer {background:#efefef; border-top:1px solid #e1e1e1}
#footer .footer_in {width:1006px; margin:0 auto}
#footer .footer_logo {float:left; margin:49px 0 0 0;}
#footer .footer_con {padding:30px 0 50px 250px;}
#footer .footer_con ul {overflow:hidden}
#footer .footer_con li {float:left; margin-right:25px;}
#footer .footer_con li a {font-size:13px; color:#555555;}
#footer .footer_con .address {padding-top:15px}
#footer .footer_con .address p {color:#888888;font-size:11px;line-height:15px; }

/*etc */
.input01 {height:14px;}
.input_num {width:35px;}
.input_phone {width:60px}
.btn_areaB {text-align: center;padding: 40px 0 50px }
.btn_areaB .imgBtn {display:inline-block;}
.brtop {border-top:1px solid #777777}

.paging {padding-bottom:20px;}
.paging .imgBtn, .paging a {display:inline-block; vertical-align:middle}
.paging a {height:28px; line-height:28px; color:#333; width:28px; text-align:center; font-weight:bold; background:url(../img/btn/btn_list_bg.gif) no-repeat 0 0; }
.paging a:hover {height:28px; color:#fff; width:28px; background:url(../img/btn/btn_list_bg_over.gif) no-repeat 0 0}
.paging .on {height:28px; color:#fff; width:28px; background:url(../img/btn/btn_list_bg_over.gif) no-repeat 0 0}
.paging .prv {padding-right:10px;}
.paging .next {padding-left:10px;}

.search_wrap {text-align:center; padding:15px 0; border-top:1px solid #eaeaea; }
.search_wrap input, .search_wrap select{vertical-align:top; }
.search_wrap select {width:95px}
.search_wrap input {width:240px}.search_wrap .imgBtn {width:auto}
.imgBtn {border:none; padding:0; line-height:0; font-size:0; height:auto;}
.star {color:#f05623; font-size:16px; vertical-align:middle;}
.t_blue2 {color:#3c349b;}
.t_orange {color:#f36b17;}
.t_green {color:#5c9d01}
.font01  { font-weight:bold; color:#333; font-size:16px; }


.font_b1  { font-weight:bold; font-size:14px; color:#2e2e2e;}
.font_01  { font-weight:bold; color:#2e2e2e; font-size:12px;}
.font_02  { font-weight:bold; color:#6e6e6e;}
.font_03  { font-weight:bold; color:#ff4452; font-size:14px;}
.font_04  { font-weight:bold; color:#fe9730;}
.font_05  { font-weight:bold; color:#fff;}
.font_06  { color:#666666; font-size:14px;}