
@font-face{font-family:SYNaverGothic; src:url(../css/NanumGothic.eot); src:local(¡Ø), url(../css/NanumGothic.woff) format(¡®woff¡¯) }
@font-face{font-family:SYNaverMyeongjo; src:url(../css/NanumMyeongjo.eot); src:local(¡Ø), url(../css/NanumMyeongjo.woff) format(¡®woff¡¯) }

*{margin:0;padding:0;}a{-webkit-tap-highlight-color:rgba(0,0,0,0);}body{overflow-x:hidden;-webkit-user-select:none;-webkit-text-size-adjust:none;font-family:Helvetica;-webkit-perspective:800;-webkit-transform-style:preserve-3d;}.selectable{-webkit-user-select:auto;}body>*{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;position:absolute;left:0;width:100%;-webkit-transform:translate3d(0,0,0) rotate(0) scale(1);min-height:420px!important;}body.fullscreen>*{min-height:460px!important;}body.fullscreen.black-translucent>*{min-height:480px!important;}body.landscape>*{min-height:320px;}body>.current{display:block!important;}.in,.out{-webkit-animation-timing-function:ease-in-out;-webkit-animation-duration:350ms;}.slide.in{-webkit-animation-name:slideinfromright;}.slide.out{-webkit-animation-name:slideouttoleft;}.slide.in.reverse{-webkit-animation-name:slideinfromleft;}.slide.out.reverse{-webkit-animation-name:slideouttoright;}@-webkit-keyframes slideinfromright{from{-webkit-transform:translateX(100%);}to{-webkit-transform:translateX(0);}}@-webkit-keyframes slideinfromleft{from{-webkit-transform:translateX(-100%);}to{-webkit-transform:translateX(0);}}@-webkit-keyframes slideouttoleft{from{-webkit-transform:translateX(0);}to{-webkit-transform:translateX(-100%);}}@-webkit-keyframes slideouttoright{from{-webkit-transform:translateX(0);}to{-webkit-transform:translateX(100%);}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadeout{from{opacity:1;}to{opacity:0;}}.fade.in{z-index:10;-webkit-animation-name:fadein;}.fade.out{z-index:0;}.dissolve.in{-webkit-animation-name:fadein;}.dissolve.out{-webkit-animation-name:fadeout;}.flip{-webkit-animation-duration:.65s;}.flip.in{-webkit-animation-name:flipinfromleft;}.flip.out{-webkit-animation-name:flipouttoleft;}.flip.in.reverse{-webkit-animation-name:flipinfromright;}.flip.out.reverse{-webkit-animation-name:flipouttoright;}@-webkit-keyframes flipinfromright{from{-webkit-transform:rotateY(-180deg) scale(.8);}to{-webkit-transform:rotateY(0) scale(1);}}@-webkit-keyframes flipinfromleft{from{-webkit-transform:rotateY(180deg) scale(.8);}to{-webkit-transform:rotateY(0) scale(1);}}@-webkit-keyframes flipouttoleft{from{-webkit-transform:rotateY(0) scale(1);}to{-webkit-transform:rotateY(-180deg) scale(.8);}}@-webkit-keyframes flipouttoright{from{-webkit-transform:rotateY(0) scale(1);}to{-webkit-transform:rotateY(180deg) scale(.8);}}.slideup.in{-webkit-animation-name:slideup;z-index:10;}.slideup.out{-webkit-animation-name:dontmove;z-index:0;}.slideup.out.reverse{z-index:10;-webkit-animation-name:slidedown;}.slideup.in.reverse{z-index:0;-webkit-animation-name:dontmove;}@-webkit-keyframes slideup{from{-webkit-transform:translateY(100%);}to{-webkit-transform:translateY(0);}}@-webkit-keyframes slidedown{from{-webkit-transform:translateY(0);}to{-webkit-transform:translateY(100%);}}@-webkit-keyframes dontmove{from{opacity:1;}to{opacity:1;}}.swap{-webkit-transform:perspective(800);-webkit-animation-duration:.7s;}.swap.out{-webkit-animation-name:swapouttoleft;}.swap.in{-webkit-animation-name:swapinfromright;}.swap.out.reverse{-webkit-animation-name:swapouttoright;}.swap.in.reverse{-webkit-animation-name:swapinfromleft;}@-webkit-keyframes swapouttoright{0%{-webkit-transform:translate3d(0px,0px,0px) rotateY(0deg);-webkit-animation-timing-function:ease-in-out;}50%{-webkit-transform:translate3d(-180px,0px,-400px) rotateY(20deg);-webkit-animation-timing-function:ease-in;}100%{-webkit-transform:translate3d(0px,0px,-800px) rotateY(70deg);}}@-webkit-keyframes swapouttoleft{0%{-webkit-transform:translate3d(0px,0px,0px) rotateY(0deg);-webkit-animation-timing-function:ease-in-out;}50%{-webkit-transform:translate3d(180px,0px,-400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;}100%{-webkit-transform:translate3d(0px,0px,-800px) rotateY(-70deg);}}@-webkit-keyframes swapinfromright{0%{-webkit-transform:translate3d(0px,0px,-800px) rotateY(70deg);-webkit-animation-timing-function:ease-out;}50%{-webkit-transform:translate3d(-180px,0px,-400px) rotateY(20deg);-webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform:translate3d(0px,0px,0px) rotateY(0deg);}}@-webkit-keyframes swapinfromleft{0%{-webkit-transform:translate3d(0px,0px,-800px) rotateY(-70deg);-webkit-animation-timing-function:ease-out;}50%{-webkit-transform:translate3d(180px,0px,-400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform:translate3d(0px,0px,0px) rotateY(0deg);}}.cube{-webkit-animation-duration:.55s;}.cube.in{-webkit-animation-name:cubeinfromright;-webkit-transform-origin:0 50%;}.cube.out{-webkit-animation-name:cubeouttoleft;-webkit-transform-origin:100% 50%;}.cube.in.reverse{-webkit-animation-name:cubeinfromleft;-webkit-transform-origin:100% 50%;}.cube.out.reverse{-webkit-animation-name:cubeouttoright;-webkit-transform-origin:0 50%;}@-webkit-keyframes cubeinfromleft{from{-webkit-transform:rotateY(-90deg) translateZ(320px);opacity:.5;}to{-webkit-transform:rotateY(0deg) translateZ(0);opacity:1;}}@-webkit-keyframes cubeouttoright{from{-webkit-transform:rotateY(0deg) translateX(0);opacity:1;}to{-webkit-transform:rotateY(90deg) translateZ(320px);opacity:.5;}}@-webkit-keyframes cubeinfromright{from{-webkit-transform:rotateY(90deg) translateZ(320px);opacity:.5;}to{-webkit-transform:rotateY(0deg) translateZ(0);opacity:1;}}@-webkit-keyframes cubeouttoleft{from{-webkit-transform:rotateY(0deg) translateZ(0);opacity:1;}to{-webkit-transform:rotateY(-90deg) translateZ(320px);opacity:.5;}}.pop{-webkit-transform-origin:50% 50%;}.pop.in{-webkit-animation-name:popin;z-index:10;}.pop.out.reverse{-webkit-animation-name:popout;z-index:10;}.pop.in.reverse{z-index:0;-webkit-animation-name:dontmove;}@-webkit-keyframes popin{from{-webkit-transform:scale(.2);opacity:0;}to{-webkit-transform:scale(1);opacity:1;}}@-webkit-keyframes popout{from{-webkit-transform:scale(1);opacity:1;}to{-webkit-transform:scale(.2);opacity:0;}}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button {margin:0; padding:0;}
* {font-family: Hevetica, AppleSDGothic !important;}
img,fieldset{border:0 none;}
ul,ol,li{list-style:none outside;}
img,input,select,textarea{vertical-align:middle;}
input[type="button"] {border:none; cursor:pointer;}
body {position:relative; overflow-x:hidden; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-y: visible !important;} 
#SY {position:relative;}
#SYLeftMenu {position:absolute; z-index:4000; display:inline-block;*display:inline;*zoom:1;top:0; left:-566px; width:566px; color:#fff; background:url(../img/sy_bg_left_menu_bg01.gif) repeat!important;}
#SYLeftMenu div {background:url(../img/sy_bg_left_menu_bg01.gif) repeat!important;}
#SYLeftMenu h1 {position:relative; display:inline-block;*display:inline;*zoom:1; width:566px; height:70px; background:url(../img/sy_bg_left_menu_title_bg01.gif) repeat-x;}
#SYLeftMenu h1 span {position:relative; display:block; width:566px; line-height:70px; font-size:25pt; text-indent:67px; background:url(../img/sy_bg_left_menu_icon_list01.png) 0 0 no-repeat;}
#SYLeftMenu h1 label {position:absolute; top:30px; left:531px; width:7px; height:12px; overflow:hidden; background:url(../img/sy_bg_left_menu_icon_list01.png) 0 -515px no-repeat;}
#SYLeftMenu h1.News span {background-position:0 -70px;}
#SYLeftMenu h1.Community span {background-position:0 -140px;}
#SYLeftMenu h1.Location span {background-position:0 -210px;}
#SYLeftMenu h1.Calculator span {background-position:0 -280px;}
#SYLeftMenu h2 {position:relative; width:566px; height:40px; line-height:40px; background:url(../img/sy_bg_left_menu_title_bg01.gif) 0 -70px repeat-x;}
#SYLeftMenu h2 span {position:relative; display:block; width:566px; line-height:40px; font-size:22pt; text-indent:67px; background:url(../img/sy_bg_left_menu_icon_list01.png) 0 -350px no-repeat;}
#SYLeftMenu h2.Cate span {background-position:0 -390px;}
#SYLeftMenu h3 {position:relative; width:566px; height:52px; line-height:52px; font-family:dotum,µ¸¿ò,sans-serif; background:url(../img/sy_bg_left_menu_title_sub_bg01.gif) repeat-x;}
#SYLeftMenu h3 span {position:relative; display:block; width:566px; line-height:52px; font-family:dotum,µ¸¿ò,sans-serif; font-size:16pt; text-indent:67px; background:url(../img/sy_bg_left_menu_icon_list01.png) 0 -425px no-repeat;}
#SYLeftMenu h3 label {position:absolute; top:22px; left:530px; width:12px; height:7px; overflow:hidden; background:url(../img/sy_bg_left_menu_icon_list01.png) -9px -515px no-repeat;}
#SYLeftMenu ul {position:relative; display:inline-block;*display:inline;*zoom:1; width:566px; overflow:hidden; background:url(../img/sy_bg_left_menu_bg01.gif) repeat!important;}
#SYLeftMenu ul li {position:relative; display:inline-block;*display:inline;*zoom:1; width:566px; height:57px; margin-top:-3px; overflow:hidden; line-height:57px; font-size:24px; background:url(../img/sy_bg_left_menu_title_bg01.gif) 0 -110px repeat-x;}
#SYLeftMenu ul li span {position:relative; display:block; width:566px; line-height:57px; text-indent:61px; background:url(../img/sy_bg_left_menu_title_bg01.gif) 45px -143px no-repeat;}
#SYLeftMenu ul li label {display:inline-block;*display:inline;*zoom:1; width:26px; height:30px; margin-left:10px; line-height:30px; text-indent:0; text-align:center; background:url(../img/sy_bg_left_menu_icon_list01.png) -25px -513px no-repeat; cursor:pointer;}
#SYLeftMenu ul li label.Count {width:62px; margin-left:15px; font-size:22px; background-position:0 -481px;}
#SYLeftMenu ul li label.New {text-indent:-3000px;}

#SYHeader {position:relative; clear:both;}
#SYHeader h1 {position:relative; height:97px; margin:0 auto; line-height:97px; font-family:³ª´®¸íÁ¶, NanumMyeongjo, SYNaverMyeongjo; font-size:32px; text-align:center; color:#FFF; background-color:#ffca00; border-bottom:1px solid #000;}
#SYHeader h2 {position:relative; height:53px; margin:0 auto; font-family:dotum,µ¸¿ò,sans-serif; font-size:24px; text-align:center; color:#ff9000; background-color:#433e39; border-top:1px solid #716b66; border-bottom:1px solid #000;}
#SYHeader h2 p {position:relative; height:51px; line-height:51px; border-bottom:2px solid #5b5550;}
#SYHeader h1 input {position:absolute; top:22px; left:7px; width:50px; height:50px; text-indent:-3000px;  background:url(../img/sy_bg_top_header_btn_list01.png) 5px 8px no-repeat; border:none; cursor:pointer;}
#SYHeader h1 .Prev {width:100px; left:15px; background:url(../img/sy_btn_top_prev01.png) no-repeat;}
#SYHeader h1 .Home {width:96px; left:532px; background:url(../img/sy_btn_top_home01.png) no-repeat;}
#SYHeader .SubHeader {position:relative; height:53px; background-color:#433e39; border-top:1px solid #716b66;}
#SYHeader .SubHeader h3 {position:relative; width:640px; height:53px; margin:0 auto; line-height:53px; color:#ff5400; font-size:24px; text-align:left; text-indent:10px;}
#SYHeader .SubHeader h3 ul {position:relative; height:53px; padding-left:7px;}
#SYHeader .SubHeader h3 ul li {float:left; width:180px; height:53px; color:#c3c3c3; font-weight:400; text-indent:0; background:url(../img/sy_bg_sub_header_select_bg01.gif) right -35px no-repeat;}
#SYHeader .SubHeader h3 ul li.On {color:#ff5400; background-position:right 5px;}
#SYHeader .SubHeader h3 ul li.Bar {width:8px; margin:0 10px; text-indent:-3000px; background-position:0 -75px;}
#SYHeader .SubHeader h3 ul li.Main {width:130px;}
#SYHeader .SubHeader h3 ul li.Area {width:130px;}
#SYHeader .SubHeader h3 input {position:absolute; top:9px; left:558px; width:74px; height:33px; background:url(../img/sy_bg_top_header_btn_list01.png) 0 -67px no-repeat;}
#SYHeader .SubHeader h3 input.TextPhoto {background-position:0 -100px;}
#SYHeader .SubHeader h3 p {position:relative; height:53px; line-height:53px; color:#ff5400; text-align:center;}
#SYHeader .SubHeader h3 span.NewsMenu {position:absolute; top:0; right:0; width:430px; height:53px; padding-right:40px; text-align:right; background:url(../img/sy_bg_sub_header_select_bg01.gif) 435px 0 no-repeat;}

#SYHome {position:relative; width:100%; background-color:#e2dfd4;}
#SYHome .Profile {position:relative; width:100%; height:218px; background:url(../img/sy_bg_profile_bg01.gif); border-bottom:2px solid #c8c8c8;}
#SYHome .Profile .Content {position:relative; display:block; clear:both; width:614px; margin:0 auto; padding-top:15px;}
#SYHome .Profile .Content .Photo {float:left; width:189px; height:101px; padding:1px; text-align:center; vertical-align:middle; background-color:#fff;}
#SYHome .Profile .Content .Photo image {width:189px; height:101px; text-align:center; vertical-align:middle;}
#SYHome .Profile .Content h2 {float:left; width:282px; height:92px; margin:7px 22px 0 23px;}
#SYHome .Profile .Content h2 span {position:relative; display:block; width:282px; height:41px; line-height:41px; color:#2d1813; font-family:tahoma, arial, verdana; font-size:27px; font-weight:700; text-indent:60px; background:url(../img/sy_bg_profile_list01.png) no-repeat;}
#SYHome .Profile .Content h2 span.Mobile {margin-top:10px; background-position:0 -51px;}
#SYHome .Profile .Content input {float:left; width:96px; height:92px; margin-top:7px; background:url(../img/sy_bg_profile_list01.png) -284px 0 no-repeat;}
#SYHome .Profile .Content h3 {position:relative; display:block; clear:both; width:585px; margin:0 auto; text-align:left;}
#SYHome .Profile .Content h3 span {clear:both; display:block; padding-top:5px; color:#232323; font-size:23px; font-weight:400;}
#SYHome .Profile .Content h3 span.Name {padding-top:15px; font-size:32px; font-weight:700;}

#SYHome .HomeMenu {position:relative; width:640px; height:566px; margin:0 auto; background:url(../img/sy_bg_home_bottom_bg01.gif) bottom no-repeat;}
#SYHome .HomeMenu input {position:absolute; top:70px; left:54px; display:inline-block;*display:inline;*zoom:1; width:146px; height:127px; text-indent:-3000px; background:url(../img/sy_btn_home_menu_list01.png) no-repeat; border:none; cursor:pointer;}
/* ºÎµ¿»ê ´º½º Á¦°Å 23.01.17 */
/* #SYHome .HomeMenu input.News {left:249px; background-position:-150px 0;} */
#SYHome .HomeMenu input.Counsel {left:249px; background-position:-300px 0;} /* left 439px */
#SYHome .HomeMenu input.Community {left:439px; background-position:0 -130px;} /* top 264px */
#SYHome .HomeMenu input.Location {top:264px; background-position:-150px -130px;} /*  left:249px;  */
#SYHome .HomeMenu input.Calculator {top:264px; left:264px; background-position:-300px -130px;} /*  left:439px;  */

#SYProductInfo, #SYNewsInfo, #SYCommunityInfo, #SYCalculator {position:relative; display:block;}
#SYProductInfo {padding-bottom:50px;}
#SYNewsInfo .NewsView {position:relative; display:block; width:624px; margin:0 auto; padding:20px 8px; text-align:left;}
#SYNewsInfo .NewsView .Title, #SYNewsInfo .NewsView .Content, #SYNewsInfo .NewsView .Content {position:relative; clear:both; display:block;}
#SYNewsInfo .NewsView .ViewButton {position:relative; clear:both; display:block; width:624px; padding:20px 0; text-align:right;}
#SYNewsInfo .NewsView .ViewButton input {width:122px; height:45px; text-indent:-3000px; background:url(../img/sy_btn_news_list01.gif) no-repeat; border:none;}
#SYNewsInfo .NewsView .Title h1 {position:relative; display:block; width:624px; height:34px; margin:0 auto; line-height:34px; font-size:24px; font-weight:400; text-align:left;}
#SYNewsInfo .NewsView .Title p {position:relative; display:block; padding:4px 0 3px 0; color:#d9674d;font-family:dotum,µ¸¿ò,sans-serif; font-size:14px;}
#SYNewsInfo .NewsView .Title p .Date {margin-left:10px; color:#a5a4a4;font-family:tahoma, arial, verdana;}
#SYNewsInfo .NewsView .Content {padding:20px 0; line-height:150%; font-size:20px;}
#SYNewsInfo .NewsList ul li {position:relative; display:block; width:624px; height:105px; padding-bottom:10px; overflow:hidden;}
#SYNewsInfo .NewsList ul li dl {position:relative; display:block; width:624px; height:105px;}
#SYNewsInfo .NewsList ul li dd {position:relative; float:left; width:624px; height:105px; overflow:hidden; color:#333;}
#SYNewsInfo .NewsList ul li dd.Photo {width:150px;}
#SYNewsInfo .NewsList ul li dd.Content {width:474px;}
#SYNewsInfo .NewsList ul li dd h1 {display:block; font-size:22px; font-weight:400;}
#SYNewsInfo .NewsList ul li dd h1.Monopoly {text-indent:34px; background:url(../img/sy_bg_news_list01.gif) 0 5px no-repeat;}
#SYNewsInfo .NewsList ul li dd p {position:relative; display:block; padding:4px 0 3px 0; color:#d9674d;font-family:dotum,µ¸¿ò,sans-serif; font-size:13px;}
#SYNewsInfo .NewsList ul li dd p .Date {color:#a5a4a4;font-family:tahoma, arial, verdana;}
#SYNewsInfo .NewsList ul li dd h2 {display:block; color:#666; font-family:dotum,µ¸¿ò,sans-serif; font-size:15px; font-weight:400; text-indent:15px; background:url(../img/sy_bg_news_list01.gif) 5px -20px no-repeat;}

#SYCommunity {position:relative; display:block; width:640px; margin:0 auto;}
#SYCommunity .ContentList, #SYCommunity .ContentView {position:relative; display:block; width:640px;}
#SYCommunity .ContentList ul, #SYCommunity .ContentView ul {position:relative; clear:both; display:block; width:640px;}
#SYCommunity .ContentView div.Title {position:relative; display:block; width:612px; height:38px; padding:14px; overflow:hidden; background:url(../img/sy_bg_community_view_title01.png) 590px 25px #f3f0ee no-repeat; border-bottom:2px solid #bdbdbd;}
#SYCommunity .ContentView div.Title h1 {position:relative; height:38px; line-height:38px; font-size:24px; font-weight:400;}
#SYCommunity .ContentView ul {overflow:hidden; background:url(../img/sy_bg_community_view_dd_bg01.gif) repeat-y; border-bottom:2px solid #bdbdbd;}
#SYCommunity .ContentView li {float:left; width:492px; padding:11px 0 11px 16px; line-height:43px; color:#333; font-size:24px; text-align:left;}
#SYCommunity .ContentView li.Title {width:111px; padding-left:21px; color:#666; text-indent:0;}
#SYCommunity .ContentView li.Content {line-height:150%;}
#SYCommunity .ContentView li .NoSecret, #SYCommunity .ContentView li .Secret {display:inline-block;*display:inline;*zoom:1;width:37px; height:36px; margin-right:10px; text-indent:-3000px; background:url(../img/sy_checkbox_community_checkbox01.gif) no-repeat; border:none;}
#SYCommunity .ContentView li .Secret {background-position:0 -36px;}
#SYCommunity .ContentView li .Text {width:453px; height:43px; padding-left:14px; color:#333; font-size:24px; background-color:#fff; border:1px solid #505050;}
#SYCommunity .ContentView li textarea {width:453px; height:160px; padding:10px 0 10px 14px; color:#333; font-size:24px; border:1px solid #505050;}

#SYCommunity .ContentList ul li {position:relative; display:block; width:612px; height:38px; padding:14px; overflow:hidden; background:url(../img/sy_bg_community_list01.png) right -90px #f3f0ee no-repeat; border-bottom:2px solid #bdbdbd;}
#SYCommunity .ContentList ul li.Reply {height:62px; background-color:#fff; background-position:right -80px;}
#SYCommunity .ContentList ul li h1 {position:relative; height:38px; line-height:38px; font-size:24px; font-weight:400;}
#SYCommunity .ContentList ul li.Reply h1 {text-indent:64px; background:url(../img/sy_bg_community_list01.png) 0 4px no-repeat;}
#SYCommunity .ContentList ul li span {position:absolute; top:20px; right:0; padding-right:60px; color:#666; font-size:20px;}
#SYCommunity .ContentList ul li.Reply span {top:56px; left:80px;}
#SYCommunity .ContentList ul li input {width:20px; height:32px; margin-left:10px; background:url(../img/sy_bg_community_list01.png) -2px -34px no-repeat;}

#SYCommunity .Button {position:relative; clear:both; display:block; height:42px; padding:20px 0;}
#SYCommunity .Button input {display:block; width:156px; height:42px; margin:0 auto; text-indent:-3000px; background:url(../img/sy_btn_community_write01.gif) no-repeat; border:none;}
#SYCommunity .Button .Modify {background:url(../img/sy_btn_community_modify01.gif) no-repeat;}

#SYProductInfo .Line {position:relative; display:block; height:2px; overflow:hidden; text-indent:-3000px; background-color:#bdbdbd;}
#SYProductInfo .PhotoList, #SYNewsInfo .NewsList {position:relative; display:block; text-align:center; border-bottom:2px solid #bdbdbd;}
#SYNewsInfo .NewsList {border-bottom:1px solid #bdbdbd;}
#SYProductInfo .TextPhotoList, #SYProductInfo .PhotoList .LineContent, #SYNewsInfo .NewsList ul {position:relative; display:block; width:624px; margin:0 auto; padding:20px 8px; text-align:left;}
#SYProductInfo .TextPhotoList h1, #SYProductInfo .PhotoList h1 {position:relative; display:block; height:30px; line-height:30px; color:#333; font-size:20px; text-indent:31px; background:url(../img/sy_icon_product_list01.gif) 3px 5px no-repeat;}
#SYProductInfo .PhotoList h1 span.More, #SYProductInfo .TextPhotoList h1 span.More {position:absolute; top:5px; left:550px; display:inline-block;*display:inline;*zoom:1; width:73px; height:21px; text-indent:-3000px; background:url(../img/sy_btn_product_photo_list01.gif) -39px 0 no-repeat;}

#SYProductInfo .PhotoList .LineContent .PhotoContent {position:relative; width:624px; height:565px; overflow:hidden;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul {position:absolute; width:624px; height:565px;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li {position:relative; float:left; width:624px; height:555px; padding:0;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h2 {position:relative; width:618px; height:412px; padding:13px 3px 0 3px;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h2 .SlidePhoto {position:relative; clear:both; display:block; width:618px; height:412px; padding:0; overflow:hidden;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h2 .PhotoPageing {position:absolute; z-index:3000; bottom:0; right:3px; padding:5px 15px; color:#fff; font-size:22px; font-weight:400; background-color:#000;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h2 .SoldOut {position:absolute; z-index:3000; top:25px; left:15px; width:145px; height:87px; background:url(../img/sy_icon_big_complete01.gif) no-repeat; border:none;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h2 .SlidePhoto ul {clear:both; width:618px; height:412px;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h2 .SlidePhoto ul li {left:0; width:618px; height:412px; padding:0;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h2 image {width:618px; height:412px;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 {position:relative; display:block; width:618px; margin:0 auto; overflow:hidden; padding:8px 0 0 5px; font-weight:400;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 p {width:618px; height:35px; overflow:hidden; line-height:35px; color:#333; font-size:22px;}
#SYProductInfo .PhotoListButton, #SYNewsInfo .ListButton {position:relative; height:100px; line-height:100px; color:#333; font-size:30px; font-weight:300; text-align:center;}
#SYProductInfo .PhotoListButton input, #SYNewsInfo .ListButton input {width:112px; height:60px; margin:0 20px; background:url(../img/sy_btn_product_photo_list01.gif) 0 -21px no-repeat;}
#SYProductInfo .PhotoListButton input.Next, #SYNewsInfo .ListButton input.Next {width:112px; height:60px; background:url(../img/sy_btn_product_photo_list01.gif) 0 -81px no-repeat;}
#SYProductInfo .PhotoListButton label, #SYNewsInfo .ListButton label {color:#ff0000; font-weight:700;}


#SYProductInfo .TextPhotoList h1 span.Count {display:inline-block;*display:inline;*zoom:1; width:62px; height:30px; margin-left:10px; line-height:30px; color:#b2a599; font-size:22px; font-weight:400; text-indent:0; text-align:center; background:url(../img/sy_bg_left_menu_icon_list01.png) 0 -481px no-repeat;}
#SYProductInfo .TextPhotoList ul {position:relative; display:block; width:624px; margin:0 auto; padding:0; overflow:hidden;}
#SYProductInfo .TextPhotoList ul li {position:relative; display:block; width:618px; height:144px; margin-top:-1px; padding:13px 3px; border-top:1px dotted #bebebe;}
#SYProductInfo .TextPhotoList ul li h2 {float:left; width:218px; height:145px;}
#SYProductInfo .TextPhotoList ul li h2 image {width:218px; height:145px;}
#SYProductInfo .TextPhotoList ul li h2 span, #SYProductInfo .PhotoList .LineContent .PhotoContent ul li h2 span {position:absolute; z-index:2005; top:10px; left:0; width:110px; height:110px; text-indent:-3000px; background:url(../img/sy_icon_product_state01_page01.png) no-repeat;}
#SYProductInfo .TextPhotoList ul li h2 .SoldOut {position:absolute; z-index:3000; top:20px; left:10px; width:97px; height:58px; background:url(../img/sy_icon_small_complete01.png) no-repeat; border:none;}
#SYProductInfo .TextPhotoList ul li h3 {float:left; width:388px; height:145px; overflow:hidden; margin-left:8px; font-weight:400;}
#SYProductInfo .TextPhotoList ul li h3 p {width:393px; height:25px; overflow:hidden; line-height:25px; color:#333; font-size:22px;}
#SYProductInfo .TextPhotoList ul li h3 p.Title, #SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 p.Title {color:#1c7fbe;}
#SYProductInfo .TextPhotoList ul li h3 p.Price, #SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 p.Price {height:30px; line-height:30px; color:#ff0000; text-indent:50px; background:url(../img/sy_icon_product_list01.gif) 0 -24px no-repeat;}
#SYProductInfo .TextPhotoList ul li h3 p.Price label, #SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 p.Price label {font-size:24px; font-family:tahoma, arial, verdana;}
#SYProductInfo .TextPhotoList ul li h3 p.Lease, #SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 p.Lease {background-position:0 -60px;}
#SYProductInfo .TextPhotoList ul li h3 p.Rent, #SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 p.Rent {background-position:0 -94px;}
#SYProductInfo .TextPhotoList ul li h3 input, #SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 input, #SYProductInfo .ProductView .Content dl input {position:relative; display:inline-block;*display:inline;*zoom:1; width:179px; height:31px; line-height:31px; font-size:22px; font-family:tahoma, arial, verdana; text-indent:30px; letter-spacing:-2px; background:url(../img/sy_bg_product_list_call01.gif) 0 0 no-repeat;}
#SYProductInfo .TextPhotoList ul li h3 input.Mobile, #SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 input.Mobile, #SYProductInfo .ProductView .Content dl input.Mobile {background-position:-184px 0;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 input {position:absolute; top:108px; left:253px;}
#SYProductInfo .PhotoList .LineContent .PhotoContent ul li h3 input.Mobile {left:438px;}
#SYProductInfo .MoreView, #SYNewsInfo .MoreView {position:relative; display:block; clear:both; height:82px; line-height:82px; margin:0 auto; text-align:center;}
#SYProductInfo .MoreView input, #SYNewsInfo .MoreView input {display:block; clear:both; width:138px; height:42px; margin:20px auto; text-indent:-3000px; background:url(../img/sy_btn_list_more01.gif) no-repeat; border:none; cursor:pointer;}

#SYProductInfo .ProductView, #SYLocation {position:relative; clear:both; display:block; padding-top:18px;}
#SYProductInfo .ProductView div.Title, #SYLocation div.Title {position:relative; clear:both; display:block;}
#SYProductInfo .ProductView div.Title h1, #SYLocation div.Title h1 {position:relative; display:block; width:640px; height:34px; margin:0 auto; line-height:34px; font-size:20px; font-weight:400; text-align:left; text-indent:29px; background:url(../img/sy_bg_product_view_title01.gif) 10px 12px no-repeat;}
#SYProductInfo .ProductView div.Title h1 span {margin-left:10px; color:#372b25; font-family:dotum,µ¸¿ò,sans-serif; font-size:14px;}
#SYProductInfo .ProductView div.Title h1 span.Right {position:absolute; top:3px; right:0; margin:0; padding-right:10px; color:#8a8a8a;}

#SYProductInfo .ProductView .Content, #SYLocation .Content, #SYProductInfo .ProductView .TextContent {position:relative; clear:both; display:block; margin-bottom:28px; border-top:2px solid #bdbdbd; border-bottom:1px solid #bdbdbd;}
#SYProductInfo .ProductView .TextContent #id_res_point {position:relative; clear:both; width:580px; margin:0 auto; padding:19px 30px; line-height:150%; overflow:hidden; font-size:22px;}
#SYProductInfo .ProductView .Content dl {position:relative; display:block; width:640px; margin:0 auto; padding:0; overflow:hidden; background:url(../img/sy_bg_product_view_dd_bg01.gif) repeat-y;}
#SYProductInfo .ProductView .Content dt {position:relative; float:left; width:640px; margin:0; padding:0; background:url(../img/sy_bg_product_view_dd_bg01.gif) repeat-y;}
#SYProductInfo .ProductView .Content dd {position:relative; float:left; width:470px; margin:0; padding:13px 14px; line-height:150%; color:#333; font-size:24px; letter-spacing:-1px;}
#SYProductInfo .ProductView .Content dd.Title {width:142px; padding:13px 0; color:#666; text-align:center;}
#SYProductInfo .ProductView .Content .Count {font-family:tahoma, arial, verdana; font-size:26px;}
#SYProductInfo .ProductView .Content .Color1 {color:#ff0000;}
#SYProductInfo .ProductView .Content .Color2 {color:#313b42;}
#SYProductInfo .ProductView .Content .Color3 {color:#1a97cc;}
#SYProductInfo .ProductView .Content .Name {color:#1c7fbe;}
#SYProductInfo .ProductView .Content dl input.Mobile {margin-left:5px;}


#SYProductInfo .ProductView .Content .Photo, #SYProductInfo .ProductView .Content .Map {position:relative; width:618px; height:412px; margin:0 auto; padding:10px 11px;}
#SYProductInfo .ProductView .Content .Map iframe {position:relative; clear:both; width:618px; height:412px; margin:0 auto; padding:0; border:none;}
#SYProductInfo .ProductView .Content .Photo .SlidePhoto {position:relative; width:618px; height:412px; overflow:hidden;} 
#SYProductInfo .ProductView .Content .Photo .PhotoPageing, #SYProductInfo .ProductView .Content .Map .PhotoPageing {position:absolute; z-index:3000; bottom:10px; right:13px; padding:5px 15px; color:#fff; font-size:22px; font-weight:400; background-color:#000;}
#SYProductInfo .ProductView .Content .Photo .SlidePhoto ul {position:absolute; clear:both; width:618px; height:412px; overflow:hidden;}
#SYProductInfo .ProductView .Content .Photo .SlidePhoto ul li {position:relative; float:left; display:table; width:618px; height:412px; padding:0; text-align:center; vertical-align:middle;}
#SYProductInfo .ProductView .Content .Photo .SlidePhoto ul li image {display:table-cell; width:618px; height:412px; vertical-align:middle;}

#SYProductInfo .ProductView .Content .Table {position:relative; display:block; width:640px; margin:0 auto; overflow:hidden;}
#SYProductInfo .ProductView .Content .Table table {border-collapse:collapse; width:641px; font-size:24px; text-align:center;}
#SYProductInfo .ProductView .Content .Table table th, #SYProductInfo .ProductView .Content .Table table td {height:43px; color:#666; font-weight:400; background-color:#f6f6f6; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0;}
#SYProductInfo .ProductView .Content .Table table td {height:40px; color:#333; background-color:#fff;}
#SYProductInfo .ProductView .Content .Table table td.Price {padding-right:20px; text-align:right;}

#SYLocation .Content .Profile {position:relative; display:block; clear:both; height:137px; background:url(../img/sy_bg_profile_bg01.gif)}
#SYLocation .Content .Profile ul {position:relative; display:block; clear:both; width:618px; margin:0 auto; padding:16px; border:none;}
#SYLocation .Content .Profile .Photo {float:left; display:inline-block;*display:inline;*zoom:1; width:189px; height:101px; margin-top:1px; padding:1px; text-align:center; vertical-align:middle; background-color:#fff;}
#SYLocation .Content .Profile .Photo image {width:189px; height:101px; text-align:center; vertical-align:middle;}
#SYLocation .Content .Profile .Contact {float:left; padding-left:8px;}
#SYLocation .Content .Profile .Contact p {height:29px; overflow:hidden; line-height:22px; color:#333; font-size:22px; text-indent:57px; background:url(../img/sy_bg_location_profile_list01.png) no-repeat;}
#SYLocation .Content .Profile .Contact p.Name {color:#1c7fbe;}
#SYLocation .Content .Profile .Contact p.Contect {background-position:0 -29px;}
#SYLocation .Content .Profile .Contact p.Memo {background-position:0 -58px;}
#SYLocation .Content .Profile .Contact p.Area {height:22px; color:#ff0000; text-indent:87px; background-position:0 -87px;}

#SYLocation .Content .Overview, #SYLocation .Content .LocationInfo {position:relative; display:block; width:598px; margin:0 auto; padding:20px 21px; color:#333; font-size:22px;}
#SYLocation .Content .Map {position:relative; display:block; width:578px; height:440px; margin:18px auto; padding:10px 10px; border:1px solid #cdcccc;}
#SYLocation .Content .Map iframe {position:relative; clear:both; width:578px; height:440px; margin:0 auto; padding:0; border:none;}


#SYCalculator .Menu {position:relative; width:100%; height:83px; padding-top:42px; text-align:center; background:url(../img/sy_bg_profile_bg01.gif);}
#SYCalculator .Menu input {display:block; width:430px; height:40px; margin:0 auto; text-indent:-3000px; background:url(../img/sy_btn_calculator_menu01.png) no-repeat; border:none;}
#SYCalculator .Menu input.Commission {background-position:0 -40px;}
#SYScale {position:relative; display:block; clear:both; width:640px; margin:0 auto; padding:90px 0 50px 0; text-align:center;}
#SYScale input {width:199px; height:55px; font-size:24px; text-indent:8px; background:url(../img/sy_bg_calculator_scale_bg01.gif) 0 -13px no-repeat; border:none;}
#SYScale input.Change {width:83px; height:81px; margin:0 10px; text-indent:-3000px; background-position:-216px 0;}
#SYScale input.Scale {background-position:-315px -13px;}
#SYScale h1 {padding:40px 0; line-height:150%;  color:#6a6969; font-size:18px;}
#SYCommission {position:relative; display:block; width:640px; margin:0 auto; padding-bottom:50px; overflow:hidden;}
#SYCommission dl {position:relative; display:block; width:640px; overflow:hidden; background:url(../img/sy_bg_calculator_dd_bg01.gif) repeat-y;}
#SYCommission dt, #SYCommission dd {float:left; width:174px; height:75px; line-height:75px; color:#666; font-size:24px; text-indent:24px; border-bottom:2px solid #bdbdbd;}
#SYCommission dd {width:466px; color:#333; text-indent:21px;}
#SYCommission dd span {float:left; width:200px; height:75px;}
#SYCommission dd .Sum {width:231px; height:43px; margin-right:10px; padding-left:14px; color:#333; font-size:24px; background-color:#fff; border:1px solid #505050;}
#SYCommission P {padding:23px; color:#666;font-size:20px;}
#SYCommission .Submit {clear:both;display:block; width:156px; height:42px; margin:20px auto; text-indent:-3000px; background:url(../img/sy_btn_calculator_commission01.gif) 0 -42px no-repeat; border:none;}
#SYCommission .CommissionSum {clear:both;display:block; width:280px; height:42px; margin:20px auto; padding-right:80px; line-height:42px; text-align:right; background:url(../img/sy_btn_calculator_commission01.gif) 0 0 no-repeat; border:none;}
#SYCommission .CommissionSum h1 {color:#ff0000;}

#SYFooter {position:relative; height:85px; padding:15px 0; text-align:center; background-color:#f2f2f2; border-top:2px solid #7a7a7a;}
#SYFooter a {text-decoration:none; color:#262626;}
#SYFooter h1, #SYFooter h2 {position:relative; height:30px; line-height:30px; font-size:18px; color:#262626;}
#SYFooter h1 label, #SYFooter h2 label {font-weight:400;}
#SYFooter h1 span, #SYFooter h2 span {display:inline-block;*display:inline;*zoom:1;margin:0 5px; text-indent:-3000px;}
#SYFooter h1 input {display:inline-block;*display:inline;*zoom:1;width:82px; height:26px; text-indent:-3000px; background:url(../img/sy_btn_footer_location01.gif) no-repeat; border:none; cursor:pointer;}

#SYFooterFixedNavi {position:fixed; z-index:4000; bottom:0; left:0; width:100%; height:68px; text-align:center; background-color:#312d2a; border-top:1px solid #0c0c0c; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow-y:visible!important;}
#SYFooterFixedNavi ul {position:relative; width:640px; height:68px; padding-top:8px; margin:0 auto; border-top:1px solid #59534f;}
#SYFooterFixedNavi ul li {float:left; width:193px; height:59px; margin:0 10px; text-indent:-3000px; background:url(../img/sy_btn_product_bottom_list01.gif) no-repeat; border:none;}
#SYFooterFixedNavi ul li.Prev {background-position:0 -59px;}
#SYFooterFixedNavi ul li.Top {background-position:0 -118px;}

.bold {font-weight:bold;}
.fNomal {font-weight:normal;}
.SY_basic, .SY_basic a:link, .SY_basic a:visited {color:#3E3296; text-decoration:none;}
.SY_basic a:hover{COLOR:#3E3296;text-decoration:underline}
.SY_green, .SY_green a:link, .SY_green a:visited{COLOR:#669900; text-decoration:none;}
.SY_green a:hover{COLOR:#669900;text-decoration:underline}
.SY_orange, .SY_orange a:link, .SY_orange a:visited{COLOR:#FF6600; text-decoration:none;}
.SY_orange a:hover{COLOR:#669900;text-decoration:underline}
.SY_pink, .SY_pink a:link, .SY_pink a:visited{COLOR:#9F3B93; text-decoration:none;}
.SY_pink a:hover{COLOR:#9F3B93;text-decoration:underline}
.no2  { FONT-FAMILY:  "Tahoma", "Verdana", "Helvetica"; FONT-SIZE: 8pt; COLOR: #595959; TEXT-DECORATION: none }
.Count  {font-family:Helvetica Neue;}
.SY_blue, .SY_blue a:link, .SY_blue a:visited{COLOR:#0F57B8; text-decoration:none;}
.SY_blue a:hover{COLOR:#0F57B8;text-decoration:underline}
.SY_red, .SY_red a:link, .SY_red a:visited{COLOR:#C00B0B; text-decoration:none;}
.SY_red a:hover{COLOR:#C00B0B;text-decoration:underline}
.SY_none, .SY_none a:link, .SY_none a:visited{COLOR:#303030; text-decoration:none;}
.SY_none a:hover{COLOR:#000000;text-decoration:underline}
.SY_none2, .SY_none2 a:link, .SY_none2 a:visited{COLOR:#303030; text-decoration:none;}
.SY_none2 a:hover{COLOR:#0F57B8;text-decoration:underline}

.SY_black, .SY_black a:link, .SY_black a:visited{COLOR:#000000; text-decoration:none;}
.SY_black a:hover{COLOR:#000000;text-decoration:underline}
.SY_white, .SY_white a:link, .SY_white a:visited{COLOR:#FFFFFF; text-decoration:none;}
.SY_white a:hover{COLOR:#FFFFFF;text-decoration:underline}
.SYGray01 {color:#CCC;}

.SY_SilverRed, .SY_SilverRed a:link, .SY_SilverRed a:visited{COLOR:#AE9595; text-decoration:none;}
.SY_SilverRed a:hover{COLOR:#AE9595;text-decoration:underline}


.SYState02 {background-position:-110px 0!important;}
.SYState03 {background-position:-220px 0!important;}
.SYState04 {background-position:0 -110px!important;}
.SYState05 {background-position:-110px -110px!important;}
.SYState06 {background-position:-220px -110px!important;}
.SYState07 {background-position:0 -220px!important;}
.SYState08 {background-position:-110px -220px!important;}
.SYState09 {background-position:-220px -220px!important;}
.SYState10 {background:url(../img/sy_icon_product_state01_page02.png) 0 0 no-repeat!important;}
.SYState11 {background:url(../img/sy_icon_product_state01_page02.png) -110px 0!important;}
.SYState12 {background:url(../img/sy_icon_product_state01_page02.png) -220px 0!important;}
.SYState13 {background:url(../img/sy_icon_product_state01_page02.png) 0 -110px!important;}
.SYState14 {background:url(../img/sy_icon_product_state01_page02.png) -110px -110px!important;}
.SYState15 {background:url(../img/sy_icon_product_state01_page02.png) -220px -110px!important;}
.SYState16 {background:url(../img/sy_icon_product_state01_page02.png) 0 -220px!important;}
.SYState17 {background:url(../img/sy_icon_product_state01_page02.png) -110px -220px!important;}
.SYState18 {background:url(../img/sy_icon_product_state01_page02.png) -220px -220px!important;}
.SYState19 {background:url(../img/sy_icon_product_state01_page03.png) 0 0!important;}
.SYState20 {background:url(../img/sy_icon_product_state01_page03.png) -110px 0!important;}
.SYState21 {background:url(../img/sy_icon_product_state01_page03.png) -220px 0!important;}
.SYState22 {background:url(../img/sy_icon_product_state01_page03.png) 0 -110px no-repeat!important;}