@import url(notosanskr.css);
@import url(nanumgothic.css);

.header{
	width:100%;
	background:#fff;
	border-bottom:1px solid #ccc;
	z-index:900;
}


.top{
    width:100%;
	background:#34554a;
}

.top_inner {
	position:relative;
	margin:0 auto;
	width:1200px;
	height:35px;
	z-index:900;
}

.top_left{
	float:left;
}

.top_left ul{
	list-style:none;
}

.top_left ul li{
	float:left;
	padding:0 7px;
	line-height:31px;
}

.top_left ul li a{
	color:#fff
}

.top_right{
	float:right;
}

.top_right ul{
	list-style:none;
}

.top_right ul li{
	float:left;
	line-height:35px;
}

.top_right ul li a{
    color:#fff;
	font-size:13px;
	padding:0 10px;
}

.head {
	position:relative;
	margin:0 auto;
	width:1200px;
	height:150px;
	z-index:900;
}

.head_left{
	float:left;
	width:20%;
	text-align:left;
	padding-top:28px;
}


.head_right{
	float:right;
	width:80%;
}


#primary_nav_wrap
{
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:right;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#555;
	text-decoration:none;
	font-weight:500;
	font-size:16px;
	line-height:150px;
	padding:0 28px;
}


#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#f5f5f5
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	border:1px solid #ccc;
	border-top:none;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	font-size:14px;
	padding:15px 15px;
	border-top:1px solid #ccc;
}

#primary_nav_wrap ul ul a:fisrt-chile
{
	border-top:none;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}


ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    border: 1px solid #ccc;
	border-bottom:none;
	background:#f5f5f5;
    width: 100%;
    font-size:14px;
}
ul.tabs_tour {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    border-left: 1px solid #ccc;
    width: 100%;
    font-size:14px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:153px;
    height: 40px;
    line-height: 40px;
	border-right:1px solid #ccc;
    overflow: hidden;
    position: relative;
}
ul.tabs li:last-child {
	border-right:none;
}
ul.tabs li:last-child {
	border-left:1px solid #ccc;
}
ul.tabs_tour li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:50%;
    height: 40px;
    line-height: 40px;
	border:1px solid #ccc;
	border-bottom:none;
    border-left: none;
    background: #f5f5f5;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #1cbec9;
	color: #fff;
}
ul.tabs_tour li.active {
    background: #1cbec9;
	color: #fff;
}
.tab_container {
	width:100%;
    clear: both;
    float: left;
    background: #fff;
	border: 1px solid #ccc;
	padding: 15px
}
.tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}


#bo_v_con {font-family:'Noto Sans KR' !important}
#bo_v_con p {font-family:'Noto Sans KR' !important}
#bo_v_con span {font-family:'Noto Sans KR' !important}
#ctt_con {font-family:'Noto Sans KR' !important}
#ctt_con p {font-family:'Noto Sans KR' !important}
#ctt_con span {font-family:'Noto Sans KR' !important}


#container_wr_main {width:100%}
#container_wr_main:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr_main {z-index:5;margin:0 auto;height:100%;zoom:1}


#container_main {z-index:4;position:relative;;min-height:500px;height:auto !important;margin-top:50px;height:500px;font-size:1em;width:100%;zoom:1}

/* pc */


.main_side {width:1200px; margin:0 auto;}

.main_content {width:1200px; margin:0 auto;}
.main_bg {width:100%; background:#f5f5f5;padding:70px 0; margin:80px 0}
.main_title {position:relative; text-align:center; padding:20px 0}
.main_title h2 {font-size:26px; font-weight:500; margin-bottom:10px; color:#333}
.main_title h4 {font-size:18px; font-weight:400; color:#555}


.main_info {display:inline-block; margin-bottom:80px}
.main_info .infobox {display:block; width:585px; float:left; margin-top:40px; background:#fff}
.main_info .titlebox { width:100%; height:50px; border:1px solid #ccc; border-bottom:none; padding:10px 30px; background:#f5f5f5;}
.main_info .title {float:left; font-size:18px; font-weight:400; color:#555; }
.main_info .more {float:right; font-size:18px; font-weight:400;}
.main_info .more a {color:#555; }
.main_info .contentbox {width:100%; border:1px solid #ccc; padding:30px;}
.main_info h2 {float:left; font-size:28px; color:#34554a; font-weight:500;}
.main_info .adress {display:inline-block; font-size:16px; color:#555; font-weight:400; margin-top:25px}
.main_info .time {display:inline-block; font-size:16px; color:#555; font-weight:400; margin-top:10px}
.main_info .kakao {float:right;}
.main_info .kakao img {width:35px}

.main_instagram{margin:40px 0 60px 0;}



.ft_info {width:1200px; height:140px; margin:0 auto}
.ft_info_left {float:left; width:15%; padding:35px 0;}
.ft_info_right {float:right; width:85%; color:#888; font-size:13px;  padding:45px 0; line-height:25px}
.ft_info_right strong {color:#ccc; font-weight:500; padding-right:8px}
.ft_info_right a {color:#888}


.ft_link_left {float:left; width:80%;}
.ft_link_right {float:right; width:20%; text-align:right}




 #wrapper #sidebar { width: 110px; position:absolute; margin-left:1250px;}
 #wrapper #sidebar ul {}
 #wrapper #sidebar li { width: 110px; height:110px; border:1px solid #ccc; padding:15px; background:#fff}
 #wrapper #sidebar li i {font-size:38px; display:block; text-align:center; color:#34554a; margin-top:6px}
 #wrapper #sidebar li h4 {font-size:14px; display:block; text-align:center; color:#333; font-weight:500; margin-top:10px}

.title_wrap {position:relative; width:100%;}
.title_banner { width:100%; height:280px; margin:0 auto; background: url("../images/Trp6ENGYkZkO.jpg") no-repeat center top; text-align:center; padding-top:100px;}
.title_banner h2 {font-size:30px; color:#fff; font-weight:500; margin-bottom:8px}
.title_banner h4 {font-size:20px; color:#fff; font-weight:400}

.title_wrap1 {position:relative; width:100%;}
.title_banner1 { width:100%; height:280px; margin:0 auto; background: url("../images/FAo4N0McUh2N.jpg") no-repeat center top; text-align:center; padding-top:100px;}
.title_banner1 h2 {font-size:30px; color:#fff; font-weight:500; margin-bottom:8px}
.title_banner1 h4 {font-size:20px; color:#fff; font-weight:400}

.title_wrap2 {position:relative; width:100%;}
.title_banner2 { width:100%; height:280px; margin:0 auto; background: url("../images/M7SLgK8tcMpu.jpg") no-repeat center top; text-align:center; padding-top:100px;}
.title_banner2 h2 {font-size:30px; color:#fff; font-weight:500; margin-bottom:8px}
.title_banner2 h4 {font-size:20px; color:#fff; font-weight:400}

.title_wrap3 {position:relative; width:100%;}
.title_banner3 { width:100%; height:280px; margin:0 auto; background: url("../images/mGC2yHeVodsv.jpg") no-repeat center top; text-align:center; padding-top:100px;}
.title_banner3 h2 {font-size:30px; color:#fff; font-weight:500; margin-bottom:8px}
.title_banner3 h4 {font-size:20px; color:#fff; font-weight:400}

.title_wrap4 {position:relative; width:100%;}
.title_banner4 { width:100%; height:280px; margin:0 auto; background: url("../images/TIgo8LJxRyGE.jpg") no-repeat center top; text-align:center; padding-top:100px;}
.title_banner4 h2 {font-size:30px; color:#fff; font-weight:500; margin-bottom:8px}
.title_banner4 h4 {font-size:20px; color:#fff; font-weight:400}

.title_wrap5 {position:relative; width:100%;}
.title_banner5 { width:100%; height:280px; margin:0 auto; background: url("../images/xJkT0HCglDqG.jpg") no-repeat center top; text-align:center; padding-top:100px;}
.title_banner5 h2 {font-size:30px; color:#fff; font-weight:500; margin-bottom:8px}
.title_banner5 h4 {font-size:20px; color:#fff; font-weight:400}

.title_wrap6 {position:relative; width:100%;}
.title_banner6 { width:100%; height:280px; margin:0 auto; background: url("../images/Tsbxt5Omw0o4.jpg") no-repeat center top; text-align:center; padding-top:100px;}
.title_banner6 h2 {font-size:30px; color:#fff; font-weight:500; margin-bottom:8px}
.title_banner6 h4 {font-size:20px; color:#fff; font-weight:400}

.tab_menu {width:100%; margin:0 auto 40px}
.tab_menu ul {border:1px solid #ccc; overflow:hidden}
.tab_menu ul li {float:left; border-left: 1px solid #ccc; text-align:center}
.tab_menu ul li:first-child {border-left: none;}
.tab_menu ul li a {display:block; height:50px; line-height:50px; font-size:18px; color:#333; font-weight:500}
.tab_menu ul li a:hover {background:#f5f5f5; color:#333}
.tab_menu .on {background:#34554a; color:#fff}



.page_con {display:inline-block; width:100%; margin:20px 0}
.page_con h2 {font-size:18px; color:#333; font-weight:500; margin:20px 0}
.page_con h4 {font-size:16px; color:#333; font-weight:500; margin:20px 0 10px 0}
.page_con p {font-size:16px; color:#555; line-height:28px}



.about_con {display:inline-block; width:100%; margin:20px 0}
.about_con h2 {font-size:18px; color:#333; font-weight:500; margin:20px 0; text-align:center}
.about_con h4 {font-size:16px; color:#333; font-weight:500; margin:20px 0 10px 0}
.about_con p {font-size:16px; color:#555; line-height:24px}

.about_con .about_title {display:block; font-size:30px; color:#333; font-weight:500; text-align:center;}
.about_con .about_subtitle {display:block; font-size:18px; line-height:30px; color:#555; font-weight:400; text-align:center; margin:50px 0 60px 0}
.about_con .about_subtitle h3 {background:#f5f5f5; font-size:18px; padding:10px 30px; border-radius:20px; font-weight:500}
.about_con .about_subtitle h4 {display:inline-block; font-size:18px; background:#f5f5f5; padding:30px 40px; border-radius:20px; font-weight:400}
.about_con .about_subtitle h5 {color:#bd2323; display:inline-block}
.about_con .about_subtitle2 {display:block; font-size:22px; line-height:30px; color:#34554a; font-weight:500; text-align:center;}
.about_con .about_point {display:block; font-size:24px; width:550px; background:#34554a; color:#fff; border-radius:30px; padding:15px 10px; margin:0 auto; font-weight:400; text-align:center;}
.about_con .about_point2 {display:block; font-size:24px; width:400px; background:#34554a; color:#fff; border-radius:30px; padding:15px 10px; margin:0 auto; font-weight:400; text-align:center;}
.about_con .about_point3 {display:block; font-size:24px; width:600px; background:#34554a; color:#fff; border-radius:30px; padding:15px 10px; margin:0 auto; font-weight:400; text-align:center;}


.about_con .about_quotes  {display:block; width:1200px; height:180px; padding-top:20px; font-size:18px; line-height:30px; color:#555; font-weight:400; text-align:center; margin:0 auto; background: url("../images/tcoXX1fQnLQN.jpg") no-repeat center -25px;}
.about_con .about_quotes2  {display:block; width:1200px; height:200px; padding-top:20px; font-size:18px; line-height:30px; color:#555; font-weight:400; text-align:center; margin:0 auto; background: url("../images/AIP6jL4oFpmb.jpg") no-repeat center -25px;}
.about_con .about_quotes2 h5  {font-size:22px; font-weight:500; display:inline-block}


.system_con {display:inline-block; width:100%; margin:20px 0; text-align:center}
.system_con h2 {font-size:30px; color:#34554a; font-weight:500; text-align:center; margin: 0 0 40px 0}
.system_con .subtitle {display:block; font-size:18px; line-height:30px; color:#555; font-weight:400; text-align:center; margin:30px 0 0 0}

.about_wrap {position:relative; display:inline-block; width:100%; margin-top:80px;}
.about_banner { width:1200px; height:500px; margin:0 auto; background: url("../images/6eJIpAU4p5cH.jpg") no-repeat center top; text-align:center; padding-top:350px}
.about_banner h2 {font-size:26px; color:#fff; font-weight:500;}

.about_wrap2 {position:relative; display:inline-block; width:100%; margin-top:60px;}
.about_banner2 { width:1200px; height:500px; margin:0 auto; background: url("../images/pK2Zvsepd1O3.jpg") no-repeat center top; text-align:center; padding-top:200px}
.about_banner2 h2 {font-size:26px; color:#fff; font-weight:500;}

.sale_wrap {position:relative; display:inline-block; width:100%; margin-top:60px;}
.sale_banner { width:1200px; height:500px; margin:0 auto; background: url("../images/FW3sYm16lfD9.jpg") no-repeat center top; text-align:center; padding-top:180px}
.sale_banner h2 {font-size:26px; color:#fff; font-weight:500;}


.sale_wrap2 {position:relative; display:inline-block; width:100%; margin-top:30px;}
.sale_banner2 { width:1200px; height:500px; margin:0 auto; background: url("../images/9mm18FwaKGM1.jpg") no-repeat center top; text-align:center; padding-top:210px}
.sale_banner2 h2 {font-size:26px; color:#fff; font-weight:500;}


.sale_wrap3 {position:relative; display:inline-block; width:100%; margin-top:30px;}
.sale_banner3 { width:1200px; height:500px; margin:0 auto; background: url("../images/ARVMCor3UVgj.jpg") no-repeat center top; text-align:center; padding-top:210px}
.sale_banner3 h2 {font-size:26px; color:#fff; font-weight:500;}

.sale_wrap4 {position:relative; display:inline-block; width:100%; margin-top:60px;}
.sale_banner4 { width:1200px; height:500px; margin:0 auto; background: url("../images/FW3sYm16lfD9.jpg") no-repeat center top; text-align:center; padding-top:270px}
.sale_banner4 h2 {font-size:26px; color:#fff; font-weight:500;}



.about_icon {position:relative; display:inline-block; width:100%; margin:80px 0 150px 0}
.about_icon ul {}
.about_icon ul li {float:left; text-align:center; width:25%}
.about_icon ul li h2 {color:#333; padding:10px 0; font-size:18px; font-weight:500}
.about_icon .icon {width:80px; height:80px; border-radius:80px; background:#34554a; color:#fff; font-size:28px; margin:0 auto;line-height:75px}


.sale_arrow {position:relative; width:1000px; margin:0 auto; overflow:hidden}

.sale_box {position:relative; width:1000px; margin:0 auto; overflow:hidden; margin-top:10px}
.sale_box ul {}
.sale_box ul li {float:left; text-align:center; width:300px; background:#34554a; border-radius:40px; margin-right:50px;}
.sale_box ul li:last-child {margin-right:0px;}
.sale_box ul li h2 {color:#fff; font-size:18px; font-weight:400}


.sale_content {position:relative; width:1000px; margin:0 auto; overflow:hidden; background:#f5f5f5; border-radius:50px; padding:50px 20px}
.sale_content h2 {display:block; font-size:22px; font-weight:500; padding:10px 0 5px 0; line-height:24px; color:#34554a;}



.sale_step {position:relative; width:800px; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:20px}
.sale_step ul {}
.sale_step ul li {float:left; text-align:center; width:110px}
.sale_step ul li img {margin-top:23px}
.sale_step ul li h2 {color:#fff; padding:15px 0; font-size:18px; font-weight:500; background:#34554a; border-radius:15px;}




.sale_step2 {position:relative; width:1000px; margin:0 auto; overflow:hidden; margin-top:60px; margin-bottom:40px}
.sale_step2 ul {}
.sale_step2 ul li {float:left; text-align:center; width:110px}
.sale_step2 ul li img {margin-top:23px}
.sale_step2 ul li i {color:#34554a; padding:15px 0; font-size:32px;}
.sale_step2 ul li h2 {color:#333; font-size:18px; font-weight:500;}


.about_img {position:relative; display:inline-block; width:100%; margin:0 0 150px 0}
.about_img ul {}
.about_img ul li {float:left; text-align:center; width:380px; margin:0 10px}


.about_line {width:100px;border-bottom:2px solid #34554a; padding-top:15px; margin:0 auto; margin-bottom:50px;}

.sale_num  {display:block; font-size:32px; color:#34554a; font-weight:600; text-align:center;}
.sale_title {display:block; font-size:22px; color:#333; font-weight:400; text-align:center; margin:5px 0 10px 0}

.history_wrap {position:relative; display:block; width:1200px; height:300px; background: url("../images/R3AezTUvZYBu.jpg") no-repeat center top; margin-bottom:30px}
.history h4 {display:block; font-size:22px; font-weight:500; padding:10px 0 5px 0; line-height:24px; color:#34554a;}
.history p {display:block; font-size:18px; font-weight:400; color:#888;}
.history_left {float:left; width:500px; text-align:right; margin-right:100px}
.history_right  {float:right; width:500px; text-align:left; margin-left:100px}
.history {padding:5px 0}



.pgwSlideshow .ps-list {background:#333 !important}

.page_table table {width:100%; margin:15px 0 30px 0; border: 1px solid #ccc; border-spacing: 0px; border-bottom:none; border-left:none}
.page_table th {padding:15px 0; text-align:center; color:#333; background:#f5f5f5; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:16px}
.page_table td {padding:15px 0; text-align:center; color:#333; background:#fff; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:16px}


.metro_5 {display:inline-block; width:20px; height:20px; line-height:18px; font-size:14px; margin-right:5px; padding-left:6px; background:#7e36a7; border-radius:20px; color:#fff}
.metro_9 {display:inline-block; width:20px; height:20px; line-height:18px; font-size:14px;margin-right:5px; padding-left:6px; background:#bf9f1e; border-radius:20px; color:#fff}
.bus1 {display:inline-block; width:40px; height:20px; line-height:20px; font-size:14px; margin-right:5px; padding-left:6px; background:#4ea031; color:#fff}
.bus2 {display:inline-block; width:40px; height:20px; line-height:20px; font-size:14px; margin-right:5px; padding-left:6px; background:#395cb3; color:#fff}


.friend_slide { width:800px; margin:0 auto;}


.sale_img {position:relative; display:inline-block; width:100%; margin:40px 0 0 0}
.sale_img ul {}
.sale_img ul li {float:left; text-align:center; width:580px; margin:0 10px}


.sale_img2 {position:relative; display:inline-block; width:100%; margin:40px 0 0 0}
.sale_img2 ul {}
.sale_img2 ul li {float:left; text-align:center; width:380px; margin:0 10px}


.sale_block {position:relative; display:inline-block; width:100%; margin:40px 0 10px 0}
.sale_block ul {}
.sale_block ul li.left {float:left; text-align:center; width:464px; margin:0 10px}
.sale_block ul li.right {float:right; text-align:center; width:696px; margin:0 10px}

.sale_block2 {position:relative; display:inline-block; width:100%; margin:10px 0 10px 0}
.sale_block2 ul {}
.sale_block2 ul li.left {float:left; text-align:center; width:342px; margin:0 10px}
.sale_block2 ul li.center {float:left; text-align:center; width:456px; margin:0 10px}
.sale_block2 ul li.right {float:right; text-align:center; width:342px; margin:0 10px}

.sale_block3 {position:relative; display:inline-block; width:100%; margin:10px 0 100px 0}
.sale_block3 ul {}
.sale_block3 ul li.left {float:left; text-align:center; width:696px; margin:0 10px}
.sale_block3 ul li.right {float:right; text-align:center; width:464px; margin:0 10px}