
body { 
	margin: 0px; padding: 0px; font-size:12px;  font-family:'¸¼Àº°íµñ','µ¸¿ò',Dotum,helvetica,sans-serif;  color: #666666; letter-spacing:0;
}
img {border: 0px}
a:link {color:#065575; text-decoration:none;}
a:visited {color:#065575; text-decoration:none;}
a:hover {color:#065575; text-decoration:none;}
a:active {color:#065575; text-decoration:none;}

#wrap	 { width:320px; margin:0px auto; position: relative; overflow: hidden; }
#header { height:96px; width:320px; text-align:center;}
	#top{position: relative; width:320px; text-align:center; height: 33px;}
		#top_back {float:left; width:49px; height:21px; top:10px; left:5px; padding:7px 0 0 7px;}
		#top_logo {float:left; width:193px; height:23px; text-align:center; padding:7px 0 0 0 ;}
		#top_back2 {float:right; width:60px; height:21px; top:10px; right:5px; padding:7px 2px 0 0;}
	#top2 { width:320px; height:63px; b}
		#menu { width:320px; height:44px; overflow:none;}
		#menu img {padding:0; margin:0; }
		#menu ul { list-style:none; padding:0; margin:0; }
		#menu li { float:left;  display:inline-block; margin:0px; padding:0px}
#contents { width:291px; top:71px; padding:0; margin:0 auto;}
#contents .title { margin-top:16px; }
#contents .contents { margin-top:3px; }
#contents .stitle { margin-top:5px; }
#contents .scontents { margin-top:3px; }
#contents .scontents ul { width:100%; float:left; border:1px solid red; text-align:left;}
#contents .scontents li { list-style:none; float:left; border:1px solid red; display:block;}
#contents .call { margin-top:5px; }
#contents2 { width:320px; top:71px; padding:0; margin:0 auto;}
#footer {height: 51px; width: 100%;list-style: none; padding:15px 0 0 0 ;  text-align:center; background: url('../images/bg_11.png'); }
	#call {text-align:center;}
	#copy {text-align:center; padding:4px 0 0 0 ;}
	#copy2 {text-align:center; padding:11px 0 0 0 ;}
#slideshow { width:100%; }
#slidesContainer { width:100%; }
.slide { width:100%; }
.small {font-size:11px; color:#999999;}
.point { font:12px "verdana"; font-weight:bold; color:#065575;}
.point2 { font:10px "verdana"; font-weight:bold; color: #333333;}
.num	{ font:12px "verdana"; }
.cls { clear:both; }




/* left menu */

/* left menu */
#leftMenu {position:absolute; left:-100%; top:0; max-width:100%; height:100%;  box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; z-index:2000; overflow-y:scroll; overflow-x:visible; -webkit-overflow-scrolling:touch;}
#leftMenu .inner {min-height:100%; background:#fff; border-right:1px solid #e2e2e2; padding-bottom:30px; background:#3e3e3e;}
#closeLeftBtn {position:fixed; right:0; top:0; width:74px; height:100%; z-index:2001;	background:url('../images/btn_left_close.jpg') no-repeat left top; background-size:35px 35px; display:none; border:0; font-size:0; line-height:0}
.modalFixed #leftMenu.on {position:relative; margin-right:74px;}
.modalFixed #leftMenu.on #closeLeftBtn {display:block;}
#leftMenu .left_top {width:100%; height:73px; background:#3e3e3e; text-align:center; border-bottom:1px #525252 solid; }
#leftMenu .left_top img{padding-top:20px; }
#leftMenu .left_quick ul {*zoom:1; border-top:1px solid #000; width:100%; background:#202020;}
.left_quick ul:after {content:""; display:block; clear:both;}
.left_quick ul li {float:left; font-size:0; line-height:0; border-top:1px solid #2e2e2e;width:49%; }
/* .left_quick ul li img {width:100%; height:100%;} */
.left_quick ul li:nth-child(odd){border-right:1px solid #2e2e2e; width:49%;}

/* #leftMenu .inner h2 {text-align:center; padding:22px 0; font-size:12px; line-height:15px; letter-spacing:-0.07em; color:#808080; font-weight:bold;}
*/
#leftMenu .inner .left_btn  {text-align:center; font-size:0; line-height:0; padding:0 5% 20px;}
#leftMenu .inner .left_btn img {width:46%; margin:0 3px 3%;}

#leftMenu .inner .left_sns {border-top:1px solid #e2e2e2; padding:13px 0 13px 143px; position:relative; font-size:0; line-height:0;}
#leftMenu .inner .left_sns .sns_title {position:absolute; top:25px; left:7%;}
#leftMenu .inner .left_sns .sns_title img {width:105px;}
#leftMenu .inner .left_sns a {display:inline-block; margin-right:10px}
#leftMenu .inner .left_sns a img {width:33px;}


#leftMenu .inner .main_menu {border-top:1px solid #f1f1f1;}
#leftMenu .inner .main_menu li {border-bottom:1px solid #f1f1f1; background:url("../images/left_arrow.jpg") 92% no-repeat; background-size:5px;}
#leftMenu .inner .main_menu li a {display:block; padding:7px 7%; font-size:12px; letter-spacing:-0.07em; font-weight:bold; color:#646464;}
#leftMenu .inner dl dt {border-bottom:1px solid #f1f1f1; padding:12px 7%; border-top:1px solid #e2e2e2; height:13px; font-size:0; line-height:0;}
#leftMenu .inner dl dt img {height:13px;} 
#leftMenu .inner dl dd li {border-bottom:1px solid #d8d8d8; background:#e5e5e5 url("../images/left_arrow2.jpg") 92% no-repeat; background-size:5px;}
#leftMenu .inner dl dd li:last-child {border-bottom:0;}
#leftMenu .inner dl dd a {display:block; padding:12px 7%; font-size:0; line-height:0; height:13px; letter-spacing:-0.07em; font-weight:bold; color:#808080;}
#leftMenu .inner dl dd li a img {height:13px;}

#accordion {color:#fff; font-weight:bold; font-size:13px; }
#accordion .lnb_goodslist_title { position:relative; height:33px; border-top:1px solid #525252; border-bottom:1px solid #525252; background:#3e3e3e; vertical-align:top; padding:13px 0 0 34px; margin:0;}
#accordion .lnb_goodslist_title img { width:19px; }
#accordion .lnb_goodslist_title span {position:absolute; top:13px; left:10px;}
#accordion ul {*zoom:1;  border-top:1px solid #131313;}
#accordion ul:after {content:""; display:block; clear:both;}
#accordion .left_3depth li {position:relative; border-bottom:1px solid #3e3e3e; background:#2f2f2f}
#accordion .left_3depth li a {display:block; color:#fff; padding:13px 0 13px 11px;}
#accordion .left_3depth li .go1 { background:url("../images/lnb_cat_ico_go.png") 90% 17px no-repeat;background-size:6px }
#accordion .menu_3depth {display:block; }
#accordion .menu_3depth li:first-child { border-top:1px solid #000; }
#accordion .menu_3depth li { border-bottom:1px solid #2e2e2e; background:#202020 !important;  }
#accordion .menu_3depth li:last-child { border:0; }

.left_3depth > li > p { position:absolute; top:0; right:0; display:inline-block; float:right; padding:15px 25px;   font-size:0; line-height:16px;}
.left_3depth > li > p.left_active {background:url("/mobile/images/2015_images/lnb_cat_ico_more.png") 50% 17px no-repeat; background-size:11px;}
.left_3depth > li > p.left_active_on {background:url("/mobile/images/2015_images/lnb_cat_ico_more_off.png") 50% 17px no-repeat; background-size:11px;}
.left_3depth > li > span.left_active_on { display:inline; width:10px; border:1px solid red;background:url("/mobile/images/2015_images/lnb_cat_ico_more_off.png") 90% 17px no-repeat; background-size:11px;}





/* modal */
#modalLayerDiv {display:none;}
.modalFixed #wrapper {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:-1;}
.modalFixed #wrapper * {z-index:-1;}
body:not(.modalFixed) #wrapper > .inner {margin:0;}
#modalMask {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.85); vertical-align:middle; display:none; opacity:0; z-index:1900;}
.modalFixed {overflow:hidden; /*position:relative;*/ width:100%; height:100%; top:0; left:0; z-index:1;}
.modalFixed #modalMask {display:block;}
.modalWrap {position:relative; top:0; left:0; width:100%; height:100%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding:15px 20px; vertical-align:middle; text-align:center; display:none; z-index:10000; overflow:hidden;}
.modalWrap:after {content:' '; display:inline-block; height:100%; width:1px; margin-left:-1px; vertical-align:middle;}
.modalFixed .modalWrap {position:relative; z-index:10000;}
.modalWrap .modalLay {position:relative; display:inline-block; width:100%; max-height:100%; vertical-align:middle; overflow:hidden; background:#fff; z-index:10001;}
.modalWrap.over .modalLay {height:100%;}
.modalWrap .layTitle {display:block; position:relative; top:0; left:0; width:100%; height:30px; color:#fff; z-index:10010; font-size:1.1em; line-height:30px; text-align:left; text-indent:8px; background:#fff;}
.modalWrap .layTitle strong {display:block; width:100%; background:#67ab54; height:30px;}
.modalWrap .layBottom {position:relative; top:auto; bottom:0; left:0; width:100%; height:30px; padding:15px 0; background:#fff; z-index:10010;}
.modalWrap .layBottom .rd {width:40%; min-width:115px;}
.modalWrap .layTitle.layBottom {bottom:0; top:auto; padding:0; background:#67ab54;}
.modalWrap.over .layBottom {position:absolute;}
.modalWrap .layTitle .closeModalLay {position:absolute; right:0; top:0; width:30px; height:30px; background:url('/mobile/images/common/close_white.png') no-repeat center center; background-size:16px 16px;}
.modalWrap .layerCont {background:#fff; padding:15px 0; text-align:left; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; position:relative; z-index:10002; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
.modalWrap .layerCont::-webkit-scrollbar {width:0; height:0;}
.modalWrap.useBottom .layerCont > div.layNoB {padding-bottom:20px;}
.modalWrap .modalLay > .layerCont .halfBtn:last-child {padding-top:15px;}
.modalWrap .modalLay > .layerCont .halfBtn.topPd:last-child {padding-top:15px; padding-bottom:0;}
.modalWrap.useBottom .layerCont > .wholeView {margin:-15px 0;}

.useForLayer {display:none;}
.modalLay .useForLayer {display:block;}
.modalLay .layBox {padding:0 10px;}






.all_btn {*zoom:1; position:fixed; width:90.6%; left:4.7%; bottom:10px; font-size:0; line-height:0; display:none;}
.all_btn:after {content:""; display:block; clear:both;}
.all_btn a {float:left; width:55px;}
.all_btn a img {width:55px; }
.all_btn a + a {float:right;}




.main_visual {width:100%; position:relative; zoom: 1; }
.main_visual .ps-list {width: 90%; position: absolute; top:93%; left:5%; text-align: center; z-index:100; font-size:0; line-height:0;}
.main_visual .ps-list li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline; width: 8px; height: 8px; cursor: pointer; text-indent: -9999px; font-size:0; line-height:0; background:url("../images/2015_images/main_visual_off.png") top left no-repeat; background-size:100%; }
.main_visual .ps-list li:hover {background:url("../images/2015_images/main_visual_on.png") top left no-repeat; background-size:100%;}
.main_visual .ps-list li.asdfasdf {cursor: default; background:url("../images/2015_images/main_visual_on.png") top left no-repeat; background-size:100%; }
