@import url("common.css");

body { background:url(../images/common/bg_container.gif) 0 0 repeat; }

.ly_bg {background:url(../images/common/layout_collection.png) 0 0 no-repeat; }

#wrap {width: 100%; }
#wrap header {
	z-index: 100; 
	position:fixed;
	width: 100%; 
	/*
	height: 69px; 
	*/
	height: 140px; 
	overflow: hidden;
}
#wrap header div.topArea { 
	z-index: 10; 
	position:fixed;
	background-color: #434546; 
	width: 100%; height: 69px;
}
#wrap header .logo {position:absolute; left:18px; top:11px;}
#wrap header .logo a {width: 100px; height: 41px; overflow:hidden; display:block;  background-position: 0 0;}
#wrap header .right_area {position:absolute; right:17px; top:16px; float: right; }
/*#wrap header .right_area .store {width: 90px; height: 30px; margin-right: 10px; overflow:hidden; float: left; display:inline-block; background-position: 0 -43px;}*/
#wrap header .right_area .store {width: 90px; height: 30px; overflow:hidden; float: left; display:inline-block; background-position: 0 -43px;}
#wrap header .right_area .sitemap {width: 31px; height: 30px; overflow:hidden; float: left;  display:inline-block; background-position: -93px -43px;}

.navLeft {top:20px; left: 10px; position: absolute; float: left;}
.navCenter {text-align: center;}
.navRight {top:12px; right: 10px; position: absolute; float: right;}

.openTopMenu {
	position:relative;
	top:-1px; 
	width:100%; height:70px; 
	background:#FFD530; text-align:center; 
	display:none;
}
.openTopMenu ul {width:95%; text-align:center; margin:0 auto;}
.openTopMenu ul li {float: left; width: 20%;}
.openTopMenu ul li img{height:70px;}

#container {width: 100%; padding-top: 69px;}
#container .sub_contents{}
#container .sub_contents .sub_contents_area{}
#container .sub_contents .sub_contents_area img{width:100%;}

#container .sub_section .inner_contents{text-align:center; background:url(../images/common/sub_fran_bg.png) 0 0 no-repeat; }
#container .sub_section .inner_contents .sub_logo img{width: 60%; padding: 50px 0 50px 0; }
#container .sub_section .inner_contents .sub_logo1 img{width: 80%; padding: 50px 0 10px 0; }
#container .sub_section .inner_contents .fran_phone img{width:50%; padding-bottom: 30px; }
#container .sub_section .inner_contents .fran_phone_2013 img{width:40%; padding-bottom: 30px; }
#container .sub_section .inner_contents .tel_store img{width: 50%; padding-bottom: 30px; }

#container .sub_section .inner_contents .btn_counsel {padding: 0 40px 32px 40px; }
#container .sub_section .inner_contents .btn_counsel a {
	font-size:18px; 
	position:relative; 
	display:block; height: 67px; border: solid 1px #bcbcbc; background:url(../images/common/bg_btn1.gif) 0 0 repeat-x; 
	-moz-border-radius: 21px; 
	-webkit-border-radius: 21px;
	border-radius: 21px;
}	
#container .sub_section .inner_contents .btn_counsel a span {
	padding-left: 5px; 
	margin-right: 15px; 		
	position:relative; 
	display:block;
	text-align:left; 
}
#container .sub_section .inner_contents .btn_counsel a span em {height: 62px; padding: 24px 0 0 65px; display:inline-block; font-size:18px; font-weight:bold; background:url(../images/common/ico_phone_off.png) 5px 7px no-repeat; }
#container .sub_section .inner_contents .btn_counsel a:hover span em {background:url(../images/common/ico_phone_on.png) 5px 7px no-repeat; }
#container .sub_section .inner_contents .btn_counsel a:hover {text-decoration:none; background:url(../images/common/bg_btn2.gif) 0 0 repeat-x; }

#container .sub_section .notice_list{}
#container .sub_section .notice_list li{padding: 15px 0 15px 15px; position:relative; border-bottom: solid 1px #aaa; font-weight:bold; }
#container .sub_section .notice_list li span{position:absolute; right:15px; top:15px; font-size:15px; vertical-align:0; font-weight:normal; }
#container .sub_section .notice_list li a{font-size:15px; }

#container .sub_section .btn_list_more{text-align:center; }
#container .sub_section .btn_list_more a{padding: 10px 0; display:block; }    

#container .sub_section .board_view{min-height:200px; padding: 10px; background-color:#d0d0d0; line-height:18px;}

#container .sub_section .table_style1{width:100%;}
#container .sub_section .table_style1 th{padding: 15px 3px; }
#container .sub_section .table_style1 th img{width:100%; }
#container .sub_section .table_style1 td{ padding: 10px 0; text-align:center; }
#container .sub_section .table_style1 td.bg{background:url(../images/common/bar_bg.gif) bottom center no-repeat; }

#container .sub_section .store_search_hd{width: 100%; height: 173px; background:url(../images/common/store_bg.gif) 0 0 repeat-x; }
#container .sub_section .store_search_hd .store_tit{padding: 20px 0 10px; text-align:center; }
#container .sub_section .store_search_hd .form_area{width:95%; height: 50px; margin:10px auto 0; position:relative;}
#container .sub_section .store_search_hd .form_area select{height: 20px; padding: 2px 0; border: solid 1px #bcbcbc;	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#container .sub_section .store_search_hd .form_area .f_left{position:absolute; left:0px; top:0px; }
#container .sub_section .store_search_hd .form_area .f_right{position:absolute; right:0px; top:0px; }

#container .sub_section .store_search_hd .btns{padding-top: 10px; text-align:center; }

.form_type{
	width:100%;
	height: 15px; 
	padding: 2px 0; 
	margin-top:25px;
	border: solid 1px #bcbcbc;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

#container .sub_section .store_list_area{padding-left:5px;}
#container .sub_section .store_list_area li {position:relative; }
#container .sub_section .store_list_area li dl{padding-bottom: 20px; border-bottom: solid 1px #bcbcbc;}
#container .sub_section .store_list_area li dl dt{padding:15px 0 5px; font-size:18px; font-weight:bold; }
#container .sub_section .store_list_area li dl dd{ }
#container .sub_section .store_list_area li dl dd.address{padding:0 204px 5px 0; }
#container .sub_section .store_list_area li dl dd.phone{display:inline-block; }
#container .sub_section .store_list_area li dl dd.phone span{float: left; padding: 5px 10px 5px 10px; display:block;  }
#container .sub_section .store_list_area li dl dd.btns{position:absolute; right:5px; bottom:20px; }
#container .sub_section .store_list_area li dl dd ul{display:inline-block; position:absolute; right:2px; top:15px; color:#8F9194; }
#container .sub_section .store_list_area li dl dd ul li{width: 40px; float: left; text-align:center; font-size:11px; letter-spacing:-2px; filter: alpha(opacity=0.35); opacity:0.35;}
#container .sub_section .store_list_area li dl dd ul li.on{filter: alpha(opacity=1); opacity:1;}
#container .sub_section .store_list_area li dl dd ul li em{padding-top: 3px; display:block; vertical-align:0;}

#wrap footer {width: 100%; height: 94px;}
#wrap footer navi {width: 100%;}
#wrap footer navi ul {width: 100%; overflow:hidden; }
#wrap footer navi ul li {width: 20%; text-align:center; float: left; }
#wrap footer navi ul li a.navi1 {display:block; margin: 0 auto; width: 45px; height: 70px; overflow:hidden; background-position: -16px -75px;}
#wrap footer navi ul li a.navi2 {display:block; margin: 0 auto; width: 45px; height: 70px; overflow:hidden; background-position: -93px -75px;}
#wrap footer navi ul li a.navi3 {display:block; margin: 0 auto; width: 45px; height: 70px; overflow:hidden; background-position: -170px -75px;}
#wrap footer navi ul li a.navi4 {display:block; margin: 0 auto; width: 45px; height: 70px; overflow:hidden; background-position: -246px -75px;}
#wrap footer navi ul li a.navi5 {display:block; margin: 0 auto; width: 45px; height: 70px; overflow:hidden; background-position: -323px -75px;}

#wrap footer navi ul li a:hover.navi1 {background-position: -16px -145px;}
#wrap footer navi ul li a:hover.navi2 {background-position: -93px -145px;}
#wrap footer navi ul li a:hover.navi3 {background-position: -170px -145px;}
#wrap footer navi ul li a:hover.navi4 {background-position: -246px -145px;}
#wrap footer navi ul li a:hover.navi5 {background-position: -323px -145px;}

#wrap footer navi ul li.on a.navi1 {background-position: -16px -145px;}
#wrap footer navi ul li.on a.navi2 {background-position: -93px -145px;}
#wrap footer navi ul li.on a.navi3 {background-position: -170px -145px;}
#wrap footer navi ul li.on a.navi4 {background-position: -246px -145px;}
#wrap footer navi ul li.on a.navi5 {background-position: -323px -145px;}

#wrap footer .footer_bottom {width: 100%; height: 23px; background-color:#111111; position:relative; text-align:center; }
#wrap footer .footer_bottom .copy {height: 23px; color: #8F9194; font-size: 8px; padding-top: 7px;}
#wrap footer .footer_bottom .pc_go {position:absolute; right:10px; top:6px; font-size:11px; color:#fff; font-weight: bold;}

/* 140808_���Ӱ� �߰��ϴ� Ǫ�� ���� */
#wrap footer .company_info {width:100%; background:#434546; text-align:center; overflow:hidden; -webkit-text-size-adust:none;}
#wrap footer .company_info .info_box {width:300px; margin:15px auto; text-align:center;}
#wrap footer .company_info .info_box p {color:#fff; font-size:11px; line-height:16px; margin-top:3px;}
#wrap footer .company_info .info_box p strong {color:#fff;}
#wrap footer .company_info .info_box p .tx_orange {color:#F7941E; font-weight:bold;}




.footer-menu {width:100%; background:#97999C; text-align:center; height:70px;}
.footer-menu ul {width:95%; text-align:center; margin:0 auto;}
.footer-menu ul li {float: left; width: 20%;}
.footer-menu ul li img{height:70px;}


/**/
.title {width: 100%; }
.title img {width: 100%; }


.cate1_menu {width: 100%; padding: 17px 0 5px 0; }
.cate1_menu li {padding: 0 18px 12px 18px; }
.cate1_menu li a {
	font-size:22px; 
	position:relative; 
	display:block;
	height: 67px;
	border: solid 1px #bcbcbc; background:url(../images/common/bg_btn1.gif) 0 0 repeat-x; 
	-moz-border-radius: 21px; 
	-webkit-border-radius: 21px;
	border-radius: 21px;
}	
.cate1_menu li a span {
	padding-left: 16px; 
	margin-right: 15px; 		
	position:relative; 
	display:block; 
	height: 67px;
	background:url(../images/common/arrow1_off.png) right center no-repeat; 
	text-align:left; 
}
.cate1_menu li a span em {display:inline-block; font-size:22px; font-weight:bold; padding-top: 20px; }
.cate1_menu li a:hover {text-decoration:none; background:url(../images/common/bg_btn2.gif) 0 0 repeat-x; }
.cate1_menu li a:hover span {background:url(../images/common/arrow1_on.png) right center no-repeat;}	

.cate1_menu_list {width: 100%;  height: 100%;}

/* ����/ġŲ�޴� �̹��� (124 *79) 230*135 */
.cate1_menu_list li {width: 100%; height:79px; padding: 12px 0;  border-bottom: solid 1px #bcbcbc; position:relative; }
.cate1_menu_list li .pic {width:124px; height:79px; position:absolute; left:18px; top:10px;  border: solid 1px #c4c4c4; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.cate1_menu_list li .pic img {width:124px; height:79px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}  /* ��ġ �޴� �̹��� */

.cate1_menu_list li .detail_infor {padding-left: 155px; padding-right: 17px; }
.cate1_menu_list li .detail_infor dt {height: 34px; border-bottom: dashed 1px #aaa; }
.cate1_menu_list li .detail_infor dt a {}
.cate1_menu_list li .detail_infor dt a strong {font-size:18px; line-height:22px; display:block; }
.cate1_menu_list li .detail_infor dd {overflow:hidden; padding-top: 5px; color:#000;}
.cate1_menu_list li .detail_infor dd div {float: left; width: 100%; color:#000; font-size:11px; line-height:15px; }
.cate1_menu_list li .detail_infor dd .round {display:inline-block; width: 14px; height: 14px; font-weight:bold;  background-color:#76bd22;text-align:center; color:#fff; border: solid 1px #50801e; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; font-size:11px; line-height:14px; vertical-align:0; }

.cate1_menu_list_event {width: 100%;   height: 100%;}
.cate1_menu_list_event li {width: 100%; padding: 40px 0;  border-bottom: solid 1px #bcbcbc; position:relative; }
 
 /* �̺�Ʈ  (124 *79) 230*135 */
.cate1_menu_list_event li .pic {
	z-index: 1;
	width:124px; position:absolute; left:6px; top:30px;  border: solid 1px #c4c4c4; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
}
.cate1_menu_list_event li .pic a{display:block; width:124px; height: 79px; position:relative; z-index:99;}
.cate1_menu_list_event li .pic img {width:124px; height: 79px;  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}

.cate1_menu_list_event li .detail_infor {padding-left: 155px; padding-right: 17px; position:relative; }
.cate1_menu_list_event li .detail_infor dt {padding-bottom: 10px; }
.cate1_menu_list_event li .detail_infor dt a {}
.cate1_menu_list_event li .detail_infor dt a strong {font-size:11px; line-height:22px; display:block; }
.cate1_menu_list_event li .detail_infor dd {padding-bottom: 5px; }
.cate1_menu_list_event li .detail_infor dd span{vertical-align:0; font-weight:bold; }
.cate1_menu_list_event li .detail_infor dd.btn{position:absolute; right:10px; bottom:-10px; }

.cate2_menu {width: 100%; padding: 17px 0 17px 0;}
.cate2_menu li {padding: 0 18px 12px 18px; }
.cate2_menu li a {
	font-size:18px; 
	position:relative;
	display:block; height: 67px; border: solid 1px #bcbcbc; background:url(../images/common/bg_btn1.gif) 0 0 repeat-x; 
	-moz-border-radius: 21px;  
	-webkit-border-radius: 21px;
	border-radius: 21px;
}	
.cate2_menu li a span {
	padding-left: 5px; 
	margin-right: 15px; 		
	position:relative; 
	display:block; height: 67px;
	background:url(../images/common/arrow1_off.png) right center no-repeat; 
	text-align:left; 
}
.cate2_menu li a span em {display:inline-block; font-size:18px; font-weight:bold; padding-top: 24px; }
.cate2_menu li a:hover {text-decoration:none; background:url(../images/common/bg_btn2.gif) 0 0 repeat-x; }
.cate2_menu li a:hover span {background:url(../images/common/arrow1_on.png) right center no-repeat;}	




.main_rolling {width: 100%;  position:relative; }
.main_rolling .page_box {width: 100%; position:absolute; left:0px; bottom:20px; text-align:center; }
.main_rolling .page_box a {display:inline-block; width: 19px; height: 20px; overflow:hidden;  background-position: -129px 0;}
.main_rolling .page_box a.on {background-position: -105px 0;}

.swipe {  
  z-index:1;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;

  list-style:none; margin:0px; padding:0px; width:100%;
}

.swipe div {text-align:center; }
.swipe div a img { width:100%;}


.sub_fran_desc{width: 100%; position:relative; }

.sub_fran_desc .desc{width: 50%; padding-right: 32%; }
.sub_fran_desc .btn{width: 30%; position:absolute; right:7%; bottom:3px; }
.sms_box{
		width: 300px; 
		margin:25px auto;
		text-align:left; 
		border: solid 1px #cdc3b3;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
		border-radius: 3px;

		background-image: linear-gradient(bottom, rgb(215,215,215) 27%, rgb(224,224,224) 66%, rgb(233,233,233) 89%);
		background-image: -o-linear-gradient(bottom, rgb(215,215,215) 27%, rgb(224,224,224) 66%, rgb(233,233,233) 89%);
		background-image: -moz-linear-gradient(bottom, rgb(215,215,215) 27%, rgb(224,224,224) 66%, rgb(233,233,233) 89%);
		background-image: -webkit-linear-gradient(bottom, rgb(215,215,215) 27%, rgb(224,224,224) 66%, rgb(233,233,233) 89%);
		background-image: -ms-linear-gradient(bottom, rgb(215,215,215) 27%, rgb(224,224,224) 66%, rgb(233,233,233) 89%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.27, rgb(215,215,215)),
			color-stop(0.66, rgb(224,224,224)),
			color-stop(0.89, rgb(233,233,233))
		);
		-moz-box-shadow:    1px 2px 2px 1px #c0c0c0;
		-webkit-box-shadow: 1px 2px 2px 1px #c0c0c0;
		box-shadow:         1px 2px 2px 1px #c0c0c0;

		}
.sms_box .sms_tit{width: 100%; border-bottom: solid 1px #d7d7d7;}
.sms_box .sms_tit img{display:inline-block; padding: 12px 0 12px 20px; }
.sms_box .sms_box_area{margin:0 auto;}
.sms_box .sms_box_area .sms_desc_box{padding-bottom: 10px; }
.sms_box .sms_box_area .sms_desc_box span{display:inline-block; width: 50px; text-align:center; margin-left: 10px;}



/* 16.02.24 ���� �߰� - ������ -(s)- */
#pichiMainIntro {
	position: relative;
}
#bgImage {
	z-index: 7;
	position: absolute;
	overflow:hidden;
}
#bgVideo  {
	z-index: 6;
	position: absolute;
	overflow:hidden;
}
#bgVideo2  {
	position: absolute;
	overflow:hidden;
}
#bgBlackLayer {
	z-index: 8;
	position: absolute;
	width:100%; height: 1000px;
	background: url('/pichi-v2/resource/images/main-bg-video_30.png');
	opacity: 0.7;
}
#mainText {
	z-index: 9;
	position: absolute;
	width: 100%;
	text-align: center;
}

#mainCopyright { 
	z-index: 9; position: absolute; width: 100%; text-align:center; color:#aaa;
}

.main-text-01 img {
	width:320px;
}
.main-text-02 img {
	margin-top: 30px;
	width:200px;
}

#mainPopup {
	pointer-events: auto;
	z-index: 1000000000;
	position: absolute;
	width: 100%;
	height:270px; 
	text-align: center;
}

#touchSlider { 
	position:relative; overflow:hidden; 
	width:320px; height:270px; 
	margin:0 auto; 
}
#touchSlider ul { width:9999px; height:150px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider ul li { float:left; width:100%; height:150px; background:#9C9; font-size:14px; color:#fff; }
#touchSlider ul li img {width: 320px;}


.btn_area { 
	z-index:1;
	position:relative;
	text-align:center; 
	width: 320px;
	margin:0 auto; 
	top: -200px;
	
}
.btn_area img.btn_prev {position:absolute; top: 30px; left: 0; width: 20px;}
.btn_area img.btn_next {position:absolute; top: 30px; left: 300px; width: 20px;}

.layerPopBtn {
	position:relative;
	margin:0 auto;
	top: -28px;
	width: 320px;
}
.layerPopBtn .btnPopupCloseToday {float: left;	}
.layerPopBtn .btnPopupClose {float: right;}

/* 16.02.24 ���� �߰� - ������ -(e)- */