@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato);

/*³ª´®°íµñ ÆùÆ®¼³Á¤ ½ÃÀÛ*/
@font-face {font-family:nanum; src:url(images/NanumGothic.eot);}
@font-face {font-family:nanumEB; src:url(images/NanumGothicExtraBold.eot);}
/*400 Regular*/
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');}
/*700 Bold*/
@font-face {font-family: 'Nanum GothicB'; font-style: normal; font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');}
/*800 Extrabold*/
@font-face { font-family: 'Nanum GothicEB'; font-style: normal; font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');}
/*³ª´®°íµñ ÆùÆ®¼³Á¤ ³¡*/

body {overflow-x:hidden;}

.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
.ff_nanum {font-family: 'Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}

.after_div {*zoom:1;}
.after_div:after { clear:both; content:""; display:block;}
.clear {*zoom:1;}
.clear:after { clear:both; content:""; display:block;}
.fl { float:left;}
.fr { float:right;}
a {color:#000;}

.relative {position:relative;}
.absolute {position:absolute;}
.dn {display:none;}

.w_1100 {width:1100px; margin:0 auto;}

#wrap {position: relative; height: 100%; margin:0 auto; min-width: 1100px;}
body > #wrap {height:auto; min-height:100%;}

/* »ó´Ü ½ÃÀÛ */
#header {}
#header.subheader {border-bottom:2px solid #328ac4;}
#header .hd_sec01 {height:34px; background:#eee; border-bottom:1px solid #ccc;}
#header .hd_sec01 ul.hd_gnb {}
#header .hd_sec01 ul.hd_gnb:after {clear:both; content:""; display:block;}
#header .hd_sec01 ul.hd_gnb li {float:left; height:34px; line-height:34px; padding:0 9px; background:url("/skin/skin117/images/hd_line.png") no-repeat left center;}
#header .hd_sec01 ul.hd_gnb li:first-child {background:none;}
#header .hd_sec01 ul.hd_gnb li:last-child {padding-right:0;}
#header .hd_sec01 ul.hd_gnb li a {color:#666; font-size:12px; font-weight:500;}

#header .hd_sec02 {position:relative; height:91px;}
#header .hd_sec02 h1.hd_logo {padding:30px 0 0;}
#header .hd_sec02 > div {}
#header .hd_sec02 > div:after {clear:both; content:""; display:block;}
#header .hd_sec02 ul.hd_lnb {float:left;}
#header .hd_sec02 ul.hd_lnb:after {clear:both; content:""; display:block;}
#header .hd_sec02 ul.hd_lnb li {float:left; height:91px; line-height:91px; margin-left:64px;}
#header .hd_sec02 ul.hd_lnb li a {display:inline-block; color:#333; font-size:18px; font-weight:600;}
#header .hd_sec02 .hd_search {float:left; height:91px; line-height:91px; margin-left:58px;}

.hd_drop_menu {position:absolute; left:0; top:91px; width:100%; background:#328ac4; padding:38px 0 20px; z-index:9000;}
.hd_drop_menu div:after {clear:both; content:""; display:block;}
.hd_drop_menu ul.hd_drop_lnb {float:right; padding-right:87px;}
.hd_drop_menu ul.hd_drop_lnb li {text-align:center; margin-left:84px;}
.hd_drop_menu ul.hd_drop_lnb li:nth-child(2) {margin-left:87px;}
.hd_drop_menu ul.hd_drop_lnb li:nth-child(3) {margin-left:92px;}
.hd_drop_menu ul.hd_drop_lnb li:nth-child(4) {margin-left:93px;}
.hd_drop_menu ul.hd_drop_lnb li dl {}
.hd_drop_menu ul.hd_drop_lnb li dl dt {}
.hd_drop_menu ul.hd_drop_lnb li dl dd {padding:0 0 20px;}
.hd_drop_menu ul.hd_drop_lnb li dl dd a {color:#fff; font-size:13px; font-weight:500;}
.hd_drop_menu ul.hd_drop_lnb li dl dd:hover a {background:url("../images/common/sub_cate_hover.gif") repeat-x left center;}

.hd_drop_search {position:absolute; left:0; top:91px; width:100%; background:#328ac4; padding:40px 0; z-index:9000;}
.hd_drop_search .search_form {position:relative; width:540px; height:42px; margin:0 auto;}
.hd_drop_search .search_form:after {clear:both; content:""; display:block;}
.hd_drop_search .search_form input {
	float:left;
	width:540px;
	height:42px;
	background:none;
	border:none;
	color:#fff;
	font-size:14px;
	font-weight:500;
	opacity:0.5;
	border-bottom:1px solid rgba(255, 255, 255, .5);
}
.hd_drop_search .search_form h4 {position:absolute; right:0; top:0; width:26px; height:26px;}
.hd_drop_search .search_form h4 img {vertical-align:top;}
/* »ó´Ü ³¡ */

.subheader .navi_bg {background:#eee; border-right:1px solid #ddd;}
.navi_bg {position:fixed;left:230px;top:0;width:150px;height:100%;background:#fff;z-index:980;opacity:0.9;}
.navi_bg.sub_bg {background-color:#eeeeee; width:149px; border-right:1px solid #dddddd;}
#real_navi {position:fixed;left:230x;top:207px;width:150px;height:100%;z-index:990;}
#real_navi .sub_navi{}
#real_navi .sub_navi > li{}
#real_navi .sub_navi > li li a {display:block; color:#333333; font-size:14px; font-weight:600; line-height:55px; padding-left:22px;}
#real_navi .sub_navi > li li a.on {color:#fff; background-color:#328ac4;}
#real_navi .sub_navi > li li a:hover {color:#fff; background-color:#328ac4;}

/* ÇÏ´Ü ½ÃÀÛ */
#footer {margin:40px 0 0;}
#footer .ft_sec01 {height:80px; line-height:80px; border-top:0px solid #ccc; margin-top:13px;}
#footer .ft_sec01 .ft_notice {width:540px; height:60px; line-height:60px; }
#footer .ft_sec01 .ft_notice:after {clear:both; content:""; display:block;}
#footer .ft_sec01 .ft_notice h2 {float:left; color:#333; font-size:15px; font-weight:700; padding-right:40px;}
#footer .ft_sec01 .ft_notice .notice {position:relative; float:left;}
#footer .ft_sec01 .ft_notice .notice ul {}
#footer .ft_sec01 .ft_notice .notice ul li {width:374px;}
#footer .ft_sec01 .ft_notice .notice ul li p {position:relative; color:#555; font-size:13px; font-weight:500;}
#footer .ft_sec01 .ft_notice .notice ul li p span {position:absolute; right:0; color:#999; font-size:13px; font-weight:500;}
#footer .ft_sec01 .ft_notice .notice .bx-controls {position:absolute; right:-71px; top:50%; margin-top:-13px;}
#footer .ft_sec01 .ft_notice .notice .bx-controls .bx-controls-direction {}
#footer .ft_sec01 .ft_notice .notice .bx-controls .bx-controls-direction a.bx-prev {
	display:inline-block;
	width:25px;
	height:26px;
	background:url("/skin/skin117/images/ft_notice_up.gif") no-repeat left top;
	text-indent:-9999px;
}
#footer .ft_sec01 .ft_notice .notice .bx-controls .bx-controls-direction a.bx-next {
	display:inline-block;
	width:26px;
	height:26px;
	background:url("/skin/skin117/images/ft_notice_down.gif") no-repeat left top;
	text-indent:-9999px;
}
#footer .ft_sec01 ul.ft_sns {}
#footer .ft_sec01 ul.ft_sns:after {clear:both; content:""; display:block;}
#footer .ft_sec01 ul.ft_sns li {float:left; height:60px; line-height:60px; margin-left:22px;}

#footer .ft_sec02 {background:#2e2e2e; padding:38px 0 63px;}
#footer .ft_sec02 ul.ft_lnb {}
#footer .ft_sec02 ul.ft_lnb li {padding:0 14px; background:url("/skin/skin117/images/footer_line.png") no-repeat left center;}
#footer .ft_sec02 ul.ft_lnb li:first-child {padding-left:0; background:none;}
#footer .ft_sec02 ul.ft_lnb li a {color:#ccc; font-size:13px; font-weight:500;}
#footer .ft_sec02 address {color:#888; font-size:13px; font-weight:500; line-height:19px; padding:14px 0 16px;}
#footer .ft_sec02 address span {display:inline-block; width:1px; height:9px; padding:0 9px; background:url("/skin/skin117/images/footer_line.png") no-repeat center center;}
#footer .ft_sec02 p.copy_right {color:#888; font-size:13px; font-weight:500;}
#footer .ft_sec02 span.btn_top {position:absolute; right:0; top:0;}
/* ÇÏ´Ü ³¡ */

/* ¸ÞÀÎ ½ÃÀÛ */
#content {}
#content .main_sec01 {}
#content .main_sec01 .main_visual {position:relative; height:620px;}
#content .main_sec01 .main_visual .bx-viewport {position:absolute !important; left:50%; top:0; width:2000px !important; margin-left:-1000px;}
#content .main_sec01 .main_visual .bx-viewport ul.bxslider {}
#content .main_sec01 .main_visual .bx-viewport ul.bxslider li {width:2000px !important;}
#content .main_sec01 .main_visual .bx-viewport ul.bxslider li img {width:100% !important;}
#content .main_sec01 .main_visual #bx-pager {position:absolute; left:50%; bottom:0; width:100%; margin-left:-375px;}
#content .main_sec01 .main_visual #bx-pager:after {clear:both; content:""; display:block;}
#content .main_sec01 .main_visual #bx-pager a {
	position:absolute;
	bottom:0;
	float:left;
	display:block;
	width:250px;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#515a5d;
	color:#fff;
	font-size:14px;
	font-weight:500;
	margin-left:1px;
}
#content .main_sec01 .main_visual #bx-pager a:nth-child(1) {left:0;}
#content .main_sec01 .main_visual #bx-pager a:nth-child(2) {left:251px;}
#content .main_sec01 .main_visual #bx-pager a:nth-child(3) {left:502px;}
#content .main_sec01 .main_visual #bx-pager a.active {height:80px; line-height:80px;}
#content .main_sec01 .main_visual #bx-pager a.active:nth-child(1) {background:#328ac4 url("/skin/skin117/images/tab1.png") no-repeat 30px center; text-indent:60px;}
#content .main_sec01 .main_visual #bx-pager a.active:nth-child(2) {background:#328ac4 url("/skin/skin117/images/tab2.png") no-repeat 30px center; text-indent:56px;}
#content .main_sec01 .main_visual #bx-pager a.active:nth-child(3) {background:#328ac4 url("/skin/skin117/images/tab3.png") no-repeat 30px center; text-indent:60px;}

#content .main_sec02 {padding:40px 0; background:url("../images/common/goods_line.gif") no-repeat 49.8% center;}
#content .main_sec02 .bx-wrapper {max-width:1000px !important;}
#content .main_sec02 .bx-wrapper .bx-viewport {padding-left:67px;}
#content .main_sec02 ul.bxslider_goods {}
#content .main_sec02 ul.bxslider_goods:after {clear:both; content:""; display:block;}
#content .main_sec02 ul.bxslider_goods li {float:left;}
#content .main_sec02 ul.bxslider_goods li h3 {width:180px; height:200px; margin-right:34px;}
#content .main_sec02 ul.bxslider_goods li h3 img {width:100%; height:auto;}
#content .main_sec02 ul.bxslider_goods li div {width:165px; padding:44px 0 0;}
#content .main_sec02 ul.bxslider_goods li div h2 {
	color:#666;
	font-size:18px;
	font-weight:600;
	line-height:23px;
	padding:0 0 16px;
	margin:0 0 18px;
	background:url("../images/common/goodsboard_line.gif") no-repeat left bottom;
}
#content .main_sec02 ul.bxslider_goods li div h2 span {color:#333; font-size:24px; font-weight:600;}
#content .main_sec02 ul.bxslider_goods li div p {color:#888; font-size:13px; font-weight:500;}
#content .main_sec02 .bx-controls {position:absolute; left:0; top:50%; width:100%; margin-top:-25px;}
#content .main_sec02 .bx-controls .bx-controls-direction {}
#content .main_sec02 .bx-controls .bx-controls-direction:after {clear:both; content:""; display:block;}
#content .main_sec02 .bx-controls .bx-controls-direction a.bx-prev {
	float:left;
	display:inline-block;
	width:50px;
	height:50px;
	background:url("../images/common/bnt_board_left.gif") no-repeat left top;
	text-indent:-9999px;
}
#content .main_sec02 .bx-controls .bx-controls-direction a.bx-prev:hover {background:url("../images/common/bnt_board_left_r.gif") no-repeat left top;}
#content .main_sec02 .bx-controls .bx-controls-direction a.bx-next {
	float:right;
	display:inline-block;
	width:50px;
	height:50px;
	background:url("../images/common/bnt_board_right.gif") no-repeat left top;
	text-indent:-9999px;
}
#content .main_sec02 .bx-controls .bx-controls-direction a.bx-next:hover {background:url("../images/common/bnt_board_right_r.gif") no-repeat left top;}

#content .main_sec03 {height:580px; background:url("/skin/skin117/images/main_board_bg.gif") no-repeat left top; padding:60px 0 0; margin:0 0 12px;}
#content .main_sec03 .main_board_cont {width:1020px; background:#fff; padding:40px;}
#content .main_sec03 .main_board_cont .board_movie {width:670px; height:380px; margin-right:20px;}
#content .main_sec03 .main_board_cont .board_text {width:330px; height:380px;}
#content .main_sec03 .main_board_cont .board_text ul.board_list {}
#content .main_sec03 .main_board_cont .board_text ul.board_list li {padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid #ccc;}
#content .main_sec03 .main_board_cont .board_text ul.board_list li:last-child {padding:0; margin:0; border:none;}
#content .main_sec03 .main_board_cont .board_text ul.board_list li h3 {width:150px; height:100px;}
#content .main_sec03 .main_board_cont .board_text ul.board_list li h3 img {width:100%; height:auto;}
#content .main_sec03 .main_board_cont .board_text ul.board_list li div {width:165px; padding-left:14px;}
#content .main_sec03 .main_board_cont .board_text ul.board_list li div h4 {
	color:#333;
	font-size:14px;
	font-weight:500;
	background:url("../images/common/icon_board_tit.gif") no-repeat left bottom;
	padding:0 0 15px;
	margin:0 0 15px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	word-wrap:break-word;
}
#content .main_sec03 .main_board_cont .board_text ul.board_list li div p {color:#888; font-size:12px; font-weight:500; line-height:16px; padding:0 0 8px;}
#content .main_sec03 .main_board_cont .board_text ul.board_list li div span {color:#888; font-size:12px; font-weight:500;}

#content .main_sec04 {}
#content .main_sec04 .info {padding:0 0 65px;}
#content .main_sec04 .info h2.info_tit {color:#333; font-size:36px; font-weight:700; line-height:44px;}
#content .main_sec04 .info p.info_cont {color:#888; font-size:15px; font-weight:500; line-height:24px;}
#content .main_sec04 ul.info_list {}
#content .main_sec04 ul.info_list li {width:258px; height:232px; border:1px solid #ccc; margin-left:20px; text-align:center;}
#content .main_sec04 ul.info_list li.info_company {background:#fff url("/skin/skin117/images/icon01.png") no-repeat center 48px;}
#content .main_sec04 ul.info_list li.info_history {background:#fff url("/skin/skin117/images/icon02.png") no-repeat center 48px;}
#content .main_sec04 ul.info_list li.info_inquiry {background:#fff url("/skin/skin117/images/icon03.png") no-repeat center 48px;}
#content .main_sec04 ul.info_list li.info_location {background:#fff url("/skin/skin117/images/icon04.png") no-repeat center 48px;}
#content .main_sec04 ul.info_list li:first-child {margin:0;}
#content .main_sec04 ul.info_list li:hover {border:1px solid #328ac4;}
#content .main_sec04 ul.info_list li.info_company:hover {background:#328ac4 url("/skin/skin117/images/icon01_r.png") no-repeat center 48px;}
#content .main_sec04 ul.info_list li.info_history:hover {background:#328ac4 url("/skin/skin117/images/icon02_r.png") no-repeat center 48px;}
#content .main_sec04 ul.info_list li.info_inquiry:hover {background:#328ac4 url("/skin/skin117/images/icon03_r.png") no-repeat center 48px;}
#content .main_sec04 ul.info_list li.info_location:hover {background:#328ac4 url("/skin/skin117/images/icon04_r.png") no-repeat center 48px;}
#content .main_sec04 ul.info_list li h2 {color:#333; font-size:20px; font-weight:800; padding:110px 0 8px;}
#content .main_sec04 ul.info_list li:hover h2 {color:#fff;}
#content .main_sec04 ul.info_list li p {color:#888; font-size:13px; font-weight:500; line-height:19px;}
#content .main_sec04 ul.info_list li:hover p {color:#fff;}
/* ¸ÞÀÎ ³¡ */



/**********¼­ºêµðÀÚÀÎ***********/

#content_sub {max-width:1100px; margin:0 auto; padding:44px 0 0; text-align:center;}
#content_sub .sub_cont {}

/* ¼­ºêÆäÀÌÁö »ó´Ü ŸÀÌƲ */
.sub_tit {color:#333; font-size:40px; font-weight:600; padding:0 0 29px;}
.sub_tit p {color:#666; font-size:14px; font-weight:500; padding:19px 0 0;}

/* ¼­ºêÆäÀÌÁö »ó´Ü ³×ºñ°ÔÀÌ¼Ç */
ul.submenu {display:inline-block; width:auto; height:auto; text-align:center; margin-bottom:70px;}
ul.submenu li {float:left; margin:0 0 5px 5px;}
ul.submenu li:first-child {margin:0;}
ul.submenu li a {display:block; border:1px solid #328ac4; background:#fff; width:178px; height:38px; line-height:38px; font-size:14px; color:#666; font-weight:600;}
ul.submenu li a.on {background:#328ac4; border:1px solid #328ac4; color:#fff;}

/* Àλ縻 ½ÃÀÛ */
.sub_cont {}
.sub_cont .about_cont {}
.sub_cont .about_cont h2 {padding:0 0 85px;}
.sub_cont .about_cont .about_txt {height:510px; text-align:left; background:url("../images/common/about_img.png") no-repeat right top;}
.sub_cont .about_cont .about_txt h3 {color:#555; font-size:26px; font-weight:600; padding:17px 0 41px;}
.sub_cont .about_cont .about_txt h3 span {color:#328ac4;}
.sub_cont .about_cont .about_txt p {color:#666; font-size:16px; font-weight:500; line-height:28px;}
.sub_cont .about_cont .about_txt p.m_t27 {margin-top:27px;}
.sub_cont .about_cont .about_txt p span {color:#328ac4;}
/* Àλ縻 ³¡ */

/* ¿¬Çõ ½ÃÀÛ */
.sub_cont .history_cont {}
.sub_cont .history_cont .history {position:relative; height:1685px; margin:80px 0 180px; background:url("../images/common/history_bg.png") no-repeat center top;}
.sub_cont .history_cont .history .history_txt {text-align:left;}
.sub_cont .history_cont .history .history_txt h2 {
	position:absolute;
	width:100px;
	height:56px;
	line-height:56px;
	background:#328ac4;
	color:#fff;
	font-size:26px;
	font-weight:600;
	text-align:center;
}
.sub_cont .history_cont .history .history_txt ul {position:absolute;}
.sub_cont .history_cont .history .history_txt ul li {padding:0 0 11px;}
.sub_cont .history_cont .history .history_txt ul li:after {clear:both; content:""; display:block;}
.sub_cont .history_cont .history .history_txt ul li p {float:left; color:#999; font-size:14px; font-weight:500; line-height:24px;}
.sub_cont .history_cont .history .history_txt ul li span {float:left; display:inline-block; color:#444; font-size:16px; font-weight:600; margin-top:4px;}
.sub_cont .history_cont .history .history_right {}
.sub_cont .history_cont .history .history_right.hr01 h2 {left:553px; top:295px;}
.sub_cont .history_cont .history .history_right.hr01 ul {left:677px; top:307px;}
.sub_cont .history_cont .history .history_right.hr01 ul li span {padding-right:14px;}
.sub_cont .history_cont .history .history_left.hr02 h2 {left:448px; top:495px;} 
.sub_cont .history_cont .history .history_left.hr02 ul  {left:78px; top:495px;}
.sub_cont .history_cont .history .history_left.hr02 ul li {text-align:right;}
.sub_cont .history_cont .history .history_left.hr02 ul li p {float:right;}
.sub_cont .history_cont .history .history_left.hr02 ul li span {float:right; padding-left:24px;}
.sub_cont .history_cont .history .history_right.hr03 h2 {left:553px; top:675px;}
.sub_cont .history_cont .history .history_right.hr03 ul  {left:677px; top:675px;}
.sub_cont .history_cont .history .history_right.hr03 ul li span {padding-right:14px;}
.sub_cont .history_cont .history .history_left.hr04 h2 {left:448px; top:956px;} 
.sub_cont .history_cont .history .history_left.hr04 ul  {left:78px; top:956px;}
.sub_cont .history_cont .history .history_left.hr04 ul li {text-align:right;}
.sub_cont .history_cont .history .history_left.hr04 ul li p {float:right;}
.sub_cont .history_cont .history .history_left.hr04 ul li span {float:right; padding-left:24px;}
.sub_cont .history_cont .history .history_right.hr05 h2 {left:553px; top:1195px;}
.sub_cont .history_cont .history .history_right.hr05 ul  {left:677px; top:1195px;}
.sub_cont .history_cont .history .history_right.hr05 ul li span {padding-right:14px;}
/* ¿¬Çõ ³¡ */

/* ã¾Æ¿À½Ã´Â±æ ½ÃÀÛ */
.sub_cont .location_cont {text-align:left;}
.sub_cont .location_cont .map_sec01 {padding:97px 0 0;}
.sub_cont .location_cont .map_sec01 h2 {color:#666; font-size:18px; font-weight:500; padding:0 0 15px;}
.sub_cont .location_cont .map_sec01 .map {background:#eee; padding:10px;}

.sub_cont .location_cont .map_sec02 {padding:26px 0 0;}
.sub_cont .location_cont .map_sec02 dl {padding:0 0 30px 43px;}
.sub_cont .location_cont .map_sec02 dl.map01 {background:url("../images/common/icon_map01.png") no-repeat left top;}
.sub_cont .location_cont .map_sec02 dl.map02 {background:url("../images/common/icon_map02.png") no-repeat left top;}
.sub_cont .location_cont .map_sec02 dl.map03 {background:url("../images/common/icon_map03.png") no-repeat left top;}
.sub_cont .location_cont .map_sec02 dl dt {color:#328ac4; font-size:18px; font-weight:800; padding:0 0 8px;}
.sub_cont .location_cont .map_sec02 dl dd {color:#666; font-size:14px; font-weight:500; line-height:24px;}
/* ã¾Æ¿À½Ã´Â±æ ³¡ */


/**********°øÅë»ç¿ë°Ô½ÃÆÇ***********/

table.board_write {border-top:1px solid #333; border-bottom:1px solid #bbbbbb; font-size:13px; text-align:left; margin-bottom:30px;}
table.board_write tr {border-bottom:1px solid #ddd;}
table.board_write tr:last-child {border:none;}
table.board_write th {color:#444444; font-weight:600; min-width:160px; font-size:14px; padding:10px 25px; background-color:#fafafa; width:110px;}
table.board_write td {color:#888888; font-weight:100; padding:10px 20px;}
table.board_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}
table.board_write td input[type=text], table.board_write td input[type=password]{min-width:240px; padding:0 10px; height:28px; border:1px solid #ddd;}
table.board_write td input.tel {min-width:50px;}
table.board_write td textarea {min-width:96%; padding:2%; height:200px; border:1px solid #d3d3d3;}

.btn_right {position:absolute; bottom:0; right:0;}
.btn_center {text-align:center;}
.btn_center a {margin:0 2px;}
.btn {display:inline-block; font-size:15px; color:#ffffff; font-weight:600; width:120px; height:40px; line-height:40px; text-align:center;}
.gray {background-color:#666666; border:1px solid #595959;}
.orange {background-color:#328ac4;}
.btn_center input {margin-top:-4px;}
span.join_btn {display:inline-block; margin-left:5px; width:110px; height:28px; text-align:center; line-height:26px; font-size:13px; color:#ffffff; font-weight:600; background-color:#aaaaaa; border:1px solid #999999;}




/**********°Ô½ÃÆÇcss***********/
.sub_board {position:relative;}
.sub_board .board_search {background-color:#f4f4f2; padding:20px; text-align:right; margin-bottom:30px; font-size:13px;}
.sub_board .board_search select {border:1px solid #ddd; height:34px; min-width:130px; padding:0 0 0 5px; color:#666;}
.sub_board .board_search input.input_text {border:1px solid #ddd; height:32px; min-width:200px; padding:0 5px; color:#666;}
.sub_board table.board_list {margin-bottom:30px; text-align:center; border-top:1px solid #333333; border-bottom:1px solid #bbb;}
.sub_board table.board_list tr {}
.sub_board table.board_list th {text-align:center; font-size:14px; color:#222; font-weight:600; padding:15px 0; border-bottom:1px solid #333;}
.sub_board table.board_list td {text-align:center; font-size:13px; color:#666666; font-weight:100; line-height:50px; padding:0 20px; border-bottom:1px solid #ddd;}
.sub_board table.board_list td.left {text-align:left;}
.sub_board table.board_list tr:last-child td {border:none;}
.sub_board .paging {text-align:center; height:42px;}
.sub_board .paging a {display:inline-block; font-size:13px; color:#666666; font-weight:100;}
.sub_board .paging a img {margin-top:-3px;}
.sub_board .paging span {display:inline-block; margin:0 20px; height:34px; line-height:34px;}
.sub_board .paging span a {border:1px solid #d9d9d9; border-right:none; width:35px;}
.sub_board .paging span a:last-child { border-right:1px solid #d9d9d9;}
.sub_board .paging span a.selected {font-weight:600; border-bottom:2px solid #328ac4; height:33px;}

.sub_board h2.btn_writing {position:absolute; right:0; bottom:0}

.sub_board .board_view {margin-bottom:30px; border-top:1px solid #333333; border-bottom:1px solid #bbbbbb; text-align:left;}
.sub_board .board_view div.view_tit {height:20px; line-height:20px; padding:17px 30px; border-bottom:1px solid #333333;}
.sub_board .board_view div.view_tit h2 {float:left; width:85%; font-size:17px; color:#222222; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_board .board_view div.view_tit p {float:right; width:15%; font-size:13px; color:#666666; text-align:right;}
.sub_board .board_view div.view_cont {padding:30px; font-size:13px; line-height:25px; min-height:300px;}
.sub_board .board_view h4 {border-top:1px solid #ddd; padding:17px 30px; font-size:13px; color:#666666;}
.sub_board .board_view h4 span {display:inline-block; color:#444; font-weight:600; padding-right:15px; margin-right:15px; background:url("../images/sub/view_line.gif") no-repeat right center;}
.sub_board .view_btn {height:40px;}
.sub_board .view_btn h2 {float:left;}
.sub_board .view_btn p {float:right;}

.sub_board ul.gallery_list {text-align:left; padding-bottom:20px;}
.sub_board ul.gallery_list:after {clear:both; content:""; display:block;}
.sub_board ul.gallery_list li {float:left; margin-right:1.4%; margin-bottom:1.4%; width:32.4%;}
.sub_board ul.gallery_list li.mrnone {margin-right:0;}
.sub_board ul.gallery_list li h3 {height:267px;}
.sub_board ul.gallery_list li h3 img {width:100%; height:100%;}
.sub_board ul.gallery_list li div {border:2px solid #eee; border-top:none; font-weight:600; padding:22px;}
.sub_board ul.gallery_list li div h4 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#333; padding-bottom:17px; background:url("../images/main/gallery_line.gif") no-repeat left bottom;}
.sub_board ul.gallery_list li div p {overflow:hidden; white-space:normal; text-overflow:ellipsis; height:2.4em; text-align:left; word-wrap:break-word;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:13px; color:#aaaaaa; padding:13px 0; line-height:20px;}
.sub_board ul.gallery_list li div h5 {padding-top:5px;}


.sub_board .comment {}
.sub_board .comment .comment_box {position:relative; border:1px solid #d3d3d3; padding:20px;}
.sub_board .comment .comment_box h2 {color:#555; padding-bottom:10px; text-align:left;}
.sub_board .comment .comment_box h2 span {padding-right:20px;}
.sub_board .comment .comment_box h2 span input {border:1px solid #d3d3d3; padding:5px;}
.sub_board .comment .comment_box textarea {border:1px solid #d3d3d3; width:91%; padding:5px; min-height:60px; margin-left:-101px;}
.sub_board .comment .comment_box h3 {position:absolute; right:20px; bottom:20px; height:72px; text-align:center; width:92px; background-color:#328ac4; line-height:72px;}
.sub_board .comment .comment_box h3 a {font-size:14px; color:#fff; font-weight:600; display:block;}
.sub_board .comment .comment_cont {position:relative;}
.sub_board .comment .comment_cont h2 {color:#888; border-bottom:1px solid #d3d3d3; padding:15px 0 7px 0; text-align:left;}
.sub_board .comment .comment_cont div.com_list {position:relative; border-bottom:1px solid #d3d3d3; padding:8px 0;}
.sub_board .comment .comment_cont div.com_list h3 {color:#333; padding-bottom:3px; text-align:left;}
.sub_board .comment .comment_cont div.com_list div.com_view {color:#888; text-align:left;}
.sub_board .comment .comment_cont div.com_list div.com_btn {position:absolute; right:0; top:9px;}
.sub_board .comment .comment_cont div.com_list div.com_btn a { color:#666;}
.sub_board .comment .comment_cont div.com_list div.com_modify {position:relative;}
.sub_board .comment .comment_cont div.com_list div.com_modify textarea {width:90%; height:50px; border:1px solid #d3d3d3; margin-left:-130px;}
.sub_board .comment .comment_cont div.com_list div.com_modify h4 {position:absolute; right:0; top:0; width:9.2%; height:52px;}
.sub_board .comment .comment_cont div.com_list div.com_modify h4 a {display:inline-block; width:100%; background-color:#aaa; color:#fff; text-align:center; height:52px; line-height:52px; font-size:14px; font-weight:500;}
.sub_board .comment .comment_cont span.board_line {background-color:#999; display:inline-block; height:9px; margin:0 8px; width:1px;}






/**********·Î±×ÀÎ***********/
.sub_login {max-width:1058px; margin:0 auto; /*border:20px solid #eee; outline:1px solid #ddd;*/}
.sub_login .login_box {width:420px; margin:0 auto; padding:0 0 80px;}
.sub_login .login_box h2 {padding-bottom:25px;}
.sub_login .login_box h3 {padding-bottom:12px;}
.sub_login .login_box h3 input {padding:0 20px; width:378px; height:48px; border:1px solid #cccccc; font-size:14px; color:#888888; font-weight:600;}
.sub_login .login_box h4 {padding-top:10px;}
.sub_login .login_box h4.btn_login {width:420px; background:#328ac4; padding:0;}
.sub_login .login_box h4.btn_login a {display:block; width:100%; height:50px; line-height:50px; color:#fff; font-size:17px; font-weight:600;}
.sub_login .login_box ul {border-top:1px solid #cccccc; width:420px; margin-top:40px; text-align:center; height:20px; line-height:20px; padding-top:17px;}
.sub_login .login_box ul li {display:inline-block; padding:0 25px; background:url("../images/login/search_line.gif") no-repeat left center;}
.sub_login .login_box ul li a {color:#999999; font-size:14px; font-weight:600;}
.sub_login .login_box ul li.first {background:none;}





/**********·Î±×ÀÎ Æ˾÷************/
#login_popup {text-align:center;}
#login_popup h2 {font-size:24px; font-weight:600; padding:40px 0 30px 0;}
#login_popup p {font-size:13px; color:#666; font-weight:100; line-height:22px;}
#login_popup p span {font-weight:600; color:#328ac4;}
#login_popup h4 {padding-top:30px;}
#login_popup h4 a {display:inline-block; width:80px; height:30px; border:1px solid #ddd; font-size:13px; color:#444; line-height:30px; text-align:center;}
#login_popup h4 a.orange {background-color:#328ac4; color:#fff; font-weight:600;}




/**********ȸ¿ø°¡ÀÔ***********/
.sub_agree {}
.sub_agree .agree_box {padding-bottom:20px; text-align:left;}
.sub_agree .line {margin-bottom:40px; padding-bottom:42px; border-bottom:2px solid #eeeeee;}
.sub_agree .agree_box h2 {font-size:18px; color:#222222; font-weight:600; padding-bottom:15px;}
.sub_agree .agree_box textarea {border:1px solid #dddddd; font-size:13px; color:#666666; width:96%; height:180px; font-weight:100; line-height:22px; padding:2%;}
.sub_agree .agree_box p {color:#333333; font-size:15px; padding-top:15px;}

h2.join_tit {font-size:18px; color:#222222; font-weight:600; text-align:left; padding-bottom:12px;}
h2.join_tit.pt20 {padding-top:20px;}
.sub_join table.board_write td input[type=text], .sub_join table.board_css td input[type=password] {min-width:240px;}
.sub_join table.captcha {}
.sub_join table.captcha th {text-align:center;}
.sub_join table.captcha td {line-height:50px;}

p.memberout {font-size:14px; color:#666; line-height:20px; padding-bottom:30px;}

.member_agree {font-size:14px; line-height:14px; padding:0 80px;}
.member_policy {font-size:14px; line-height:28px; padding:0 80px;}


/**********Æ˾÷***********/
.password_popup {text-align:center;}
.password_popup p {color:#888; padding:40px 0 10px 0;}
.password_popup h2 {}
.password_popup h2 input {border:1px solid #d3d3d3; padding:3px 5px; width:150px;}
.password_popup h3 {padding-top:15px;}