@charset utf-8;

html, body {height: 100%;background:#fff;}
*{margin:0; padding:0;}
#main_frame{width:100%; min-height:700px; position:relative;}
.sophia_page{position:relative; width:100%; min-width:980px;}
.wrapper_inner{width:450px; margin:0 auto 0 auto;}
.wrapper_inner > .logoBox{width:201px;height:138px;margin:100px auto 15px auto;background:url(/images/logo.jpg) center center no-repeat;}
.wrapper_inner > .loginBox{background:#fff; padding:0; border-radius:10px;}
.wrapper_inner > .loginBox > .loginTitle{border-radius:10px 10px 0 0; padding:20px; text-align:center; background:#d7f1f1; font:bold 14px/100% Malgun Gothic,Dotum,Gulim,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333;}
.wrapper_inner > .loginBox > .loginFormBox{padding:20px;}
.wrapper_inner > .loginBox > .loginFormBox > .left{width:250px; float:left;}
.wrapper_inner > .loginBox > .loginFormBox > .right{width:130px; float:right;}
.id_title{font:bold 14px/100% Malgun Gothic,Dotum,Gulim,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333; margin:0 0 5px 0;}
.loginForm{border-radius:10px; background:#feffef; border:1px #ccc solid; width:250px; font:normal 14px/100% Malgun Gothic,Dotum,Gulim,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333; padding:10px 10px;}

.loginBtt{background:#df6a40; border:1px #df6a40 solid; border-radius:10px; padding:65px 0; text-align:center; cursor:pointer; font:bold 14px/100% Malgun Gothic,Dotum,Gulim,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff;}
.loginBtt:hover{background:#fff !important; color:#df6a40 !important;}
.registerBtt{margin:15px 0 0 0;background:#eb8c46; border:1px #eb8c46 solid; border-radius:10px; padding:25px 0; text-align:center; cursor:pointer; font:bold 14px/100% Malgun Gothic,Dotum,Gulim,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff;}
.registerBtt:hover{background:#fff !important; color:#df6a40 !important;}
.loginRemark{border-radius:0 0 10px 10px; padding:20px; text-align:center; background:#d7f1f1; font:normal 12px/100% Malgun Gothic,Dotum,Gulim,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333;}

.red{color:#f00 !important;}
.clear {clear:both; margin:0; padding:0; height:0;}
.imgBtt{cursor:pointer;}

.marginRight0{margin-right:0px !important;}

.noBorder{border:0 !important;}
.noBorderBottom{border-bottom:0 !important;}
.noBorderRight{border-right:0 !important;}
.noMarginBottom{margin-bottom:0px !important;}
.marginBottom0{margin-bottom:0px !important;}
.marginBottom5{margin-bottom:5px !important;}
.marginBottom15{margin-bottom:15px !important;}
.marginBottom25{margin-bottom:25px !important;}
.marginBottom35{margin-bottom:35px !important;}
.marginBottom45{margin-bottom:45px !important;}
.marginBottom55{margin-bottom:55px !important;}
.marginBottom65{margin-bottom:65px !important;}
.marginBottom75{margin-bottom:75px !important;}
.marginBottom85{margin-bottom:85px !important;}
.marginTop0{margin-top:0px !important;}
.marginTop5{margin-top:5px !important;}
.marginTop10{margin-top:10px !important;}
.marginTop15{margin-top:15px !important;}
.marginTop25{margin-top:25px !important;}
.marginTop35{margin-top:35px !important;}
.marginTop45{margin-top:45px !important;}
.marginTop55{margin-top:55px !important;}
.marginTop65{margin-top:65px !important;}
.marginTop75{margin-top:75px !important;}
.marginTop85{margin-top:85px !important;}
.marginLeft0{margin-left:0px !important;}
.marginLeft5{margin-left:5px !important;}
.marginLeft10{margin-left:10px !important;}
.marginLeft20{margin-left:20px !important;}
.noMarginRight{margin-right:0 !important;}
.noPaddingMargin{margin:0 !important; padding:0 !important;}


.subpageContentBox{width:980px; margin:45px auto;}
.submenuAreaBox{width:200px; float:left;}
.contentAreaBox{width:760px; float:right;}
.titleBox{margin:0 0 25px 0; padding:10px 0px; border-bottom:1px #e1e1e1 solid;}
.pageTitle{float:left; width:500px; font:bold 22px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#000;  }
.linkBox{float:right; width:240px; font:normal 12px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#999; text-align:right; text-transform:uppercase; margin:5px 0 0 0;}

.black{color:#000 !important;}
.textLink{font:normal 10x/100% Calibri, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#94ba65; cursor:pointer;}
.textLink:hover{text-decoration:underline !important;}
.normalTxt11{font:normal 14px/18px Calibri, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#666;}
.blackBold{color:#000 !important; font-weight:bold !important;}
.registerButton{border:1px #cc0001 solid; background:#cc0001; font:normal 11px/100% 'Lucida Sans Unicode','Lucida Grande', Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#fff; padding:8px 10px; margin:25px 0; cursor:pointer; display:block; text-align:center; width:100px;}
.registerButton:hover{background:#fff !important; color:#cc0001 !important;}
.listTop{font:normal 12px/100% Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#000; background:#f1f1f1; border-bottom:1px #ccc solid;}
.listBottom{font:normal 13px/100% Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial, Dotum, Gulim, Helvetica, sans-serif; color:#333; padding:10px 0; border-bottom:1px #f1f1f1 solid;}
a.boardlink3:link{padding:0; margin:0;font:normal 13px/14px Malgun Gothic, Dotum, Gulim,Arial,sans-serif; color:#333; text-decoration:none; }
a.boardlink3:visited{padding:0; margin:0;  font:normal 13px/14px Malgun Gothic, Dotum, Gulim,Arial,sans-serif; color:#333; text-decoration:none; }
a.boardlink3:active{padding:0; margin:0;  font:normal 13px/14px Malgun Gothic, Dotum, Gulim,Arial,sans-serif; color:#333; text-decoration:none;}
a.boardlink3:hover{padding:0; margin:0;font:normal 13px/14px Malgun Gothic, Dotum, Gulim,Arial,sans-serif; color:#f00; background:#fff; text-decoration:none; }
.tdBackGray{background:#faf17d !important;}
#paging_box{margin:15px 0; padding:15px 0; text-align:center; font:normal 13px/14px Malgun Gothic, Dotum, Gulim,Arial,sans-serif;}
table.specbox{width:100%; margin:0; padding:0;}
table.specbox td.specLeft{padding:10px;font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#333; border-bottom:1px #0aabbd solid; background:#f1f1f1;}
table.specbox td.specRight{padding:10px;font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#333; border-bottom:1px #0aabbd solid;}
.thumbnail_img{width:340px; max-width:340px;}
.product_divide_box > .product_content{font:normal 14px/22px Malgun Gothic, Dotum, Gulim,Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#555; background:#f1f1f1; padding:10px; overflow:hidden; height:80px;}
.boardSubject{font:bold 14px/100%  Malgun Gothic, Dotum, Gulim,Arial,'Lucida Sans Unicode','Lucida Grande',Helvetica, sans-serif; color:#000; padding:10px 0; text-indent:10px; background:#f1f1f1; border-bottom:1px #ccc solid;}
.boardInformation{text-align:right;font:normal 12px/100% Malgun Gothic, Dotum, Gulim,Arial,'Lucida Sans Unicode','Lucida Grande', Helvetica, sans-serif; color:#666; padding:10px 10px 10px 0; margin:0 0 15px 0; border-bottom:1px #f1f1f1 solid;}
.boardInformationWrap{font:normal 12px/100% Malgun Gothic, Dotum, Gulim,Arial,'Lucida Sans Unicode','Lucida Grande', Helvetica, sans-serif; color:#666; padding:10px 10px 10px 0; margin:0 0 15px 0; border-bottom:1px #f1f1f1 solid;}
.boardInformationWrapLeft{float:left; text-align:left; text-indent:15px;}
.boardInformationWrapRight{float:right; text-align:right;}
.boardContent{word-wrap:break-word;word-break:break-all;font:normal 14px/20px Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#333; margin:0 0 35px 10px;}
.button_paging_box{padding:5px 0 0 0; margin:15px 0 0 0; border-top:1px #e2e2e2 solid;}
.listButtonV{float:right; border-radius:5px; border:1px #3a89c9 solid; background:#3a89c9; font:normal 11px/100% Malgun Gothic, Dotum, Gulim, Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#fff; padding:8px 10px; margin:15px 0 25px 5px; cursor:pointer; display:block; text-align:center; width:100px;}
.listButtonV:hover{background:#fff !important; color:#3a89c9 !important;}
.editButtonV{float:right; border-radius:5px; border:1px #3a89c9 solid; background:#3a89c9; font:normal 11px/100% Malgun Gothic, Dotum, Gulim, Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#fff; padding:8px 10px; margin:15px 0 25px 5px; cursor:pointer; display:block; text-align:center; width:100px;}
.editButtonV:hover{background:#fff !important; color:#3a89c9 !important;}
.deleteButtonV{float:right; border-radius:5px; border:1px #3a89c9 solid; background:#3a89c9; font:normal 11px/100% Malgun Gothic, Dotum, Gulim, Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#fff; padding:8px 10px; margin:15px 0 25px 5px; cursor:pointer; display:block; text-align:center; width:100px;}
.deleteButtonV:hover{background:#fff !important; color:#3a89c9 !important;}
.mainmenuWrapper{position:absolute; left:0px; top:0px; width:100%; box-shadow: 0px 3px 10px #cccccc; margin:0 0 0px 0; background:#333; z-index:9999999999999999999999999;}
.mainmenuWrapper > .top{background:url(/ddang/img_data/main/main_top.jpg) center center no-repeat; border-bottom:1px #333 solid;}
.mainmenuWrapper > .top > .inner{width:980px; margin:0 auto;}
ul.mainmenuTop{float:right;}
ul.mainmenuTop li{float:left; display:inline-block; background:#fff; padding:10px 10px; cursor:pointer; list-style-type:none; font:normal 12px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333; border-right:1px #ccc solid; border-left:1px #999 solid; margin:0 -1px 0 0;}
ul.mainmenuTop li:hover{background:#ffeb32 !important; color:#000 !important;}
.mainmenuContent{width:980px; margin:0 auto; }
.mainmenuContent > .mainmenuLeft{width:200px; float:left;}
.mainmenuContent > .mainmenuLeft > .logo{width:169px; height:64px; background:url(/ddang/images/logo.png) center center no-repeat; display:block; cursor:pointer;}
.mainmenuContent > div.mainmenu{width:760px; float:right;}
ul.mainmenu{z-index:9999999999999999999999999;}
ul.mainmenu li{background:#333; position:relative; list-style-type:none; padding:25px 0; float:left; cursor:pointer; border-right:1px #666 solid;}
ul.mainmenu li:hover .mainLink{color:#000 !important;background:#f0e205 !important;}
ul.mainmenu li ul{z-index:99999999999999999999999999;position:absolute;display:none; left:0px; top:68px; }
ul.mainmenu li ul li{z-index:99999999999999999999999999;width:100%; list-style-type:none; padding:0px; text-align:center; border-bottom:1px #e3e3e3 solid; }

.mainLinkHover{color:#fff !important; background:#f0e205 !important;}

a.mainLink:link{padding:25px 35px;text-align:center; font:bold 16px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff; text-decoration:none; }
a.mainLink:visited{padding:25px 35px;text-align:center; font:bold 16px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff; text-decoration:none; }
a.mainLink:active{padding:25px 35px;text-align:center; font:bold 16px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff; text-decoration:none;}
a.mainLink:hover{padding:25px 35px;text-align:center; font:bold 16px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#000; background:#f0e205; text-decoration:none; }
.padding36{padding:25px 33px 25px 34px !important;}
.borderLeftDarkGray{border-left:1px #666 solid !important;}

a.mainSubLink:link{width:100%; display:inline-block;padding:15px 10px; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff; background:#666; text-decoration:none;z-index:99999999999999999999999999;}
a.mainSubLink:visited{width:100%; display:inline-block;padding:15px 10px; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff; background:#666; text-decoration:none;z-index:99999999999999999999999999;}
a.mainSubLink:active{width:100%; display:inline-block;padding:15px 10px; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff; background:#666; text-decoration:none;z-index:99999999999999999999999999;}
a.mainSubLink:hover{width:100%; display:inline-block;padding:15px 10px; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#000;  background:#fede49;  text-decoration:none;z-index:99999999999999999999999999;}

.width100{width:100px !important;}
.width200{width:200px !important;}
ul.submenu{margin:0;}
ul.submenu li{padding:15px 10px; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#999; list-style-type:none; border-bottom:1px #ddd solid; cursor:pointer;}
ul.submenu li:hover{background:#065b75 !important; color:#fff !important; border-bottom:1px #065b75 solid !important;}
.submenuHover{background:#065b75 !important; color:#fff !important; border-bottom:1px #065b75 solid !important;}

.sitemapBox{width:240px; margin:0 18px 45px 0; float:left;}
.sitemapBox > h2.title{text-align:center; font:bold 16px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#000; padding:10px; border-bottom:3px #333 solid;}
.sitemapBox > ul.sitemap{margin:0; padding:0;}
.sitemapBox > ul.sitemap li{font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#999; padding:10px; border-bottom:1px #e3e3e3 solid; list-style-type:none; cursor:pointer;}
.sitemapBox > ul.sitemap li:hover{background:#FF9 !important; color:#000 !important;}
.linthGray{background:#f1f1f1 !important;}
.height100{height:140px !important;}
.fontsizeBig{font-size:16px !important; color:#333 !important; font-weight:normal !important;}
.mypageDescription{padding:15px 0 0 0; font:normal 18px/19px Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#333; margin:0 0 15px 0;}
.normalTxt13{font:normal 13px/100% Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#333; }
.mypageTable{width:100%; margin:15px 0;}
.mypage_table_th{border-bottom:1px #e2e2e2 solid; text-transform:uppercase; width:120px; padding:20px 0; text-align:center; background:#f1f1f1; font:bold 13px/100% Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI, Arial,Helvetica, sans-serif; color:#000;}
.mypage_table_td{border-bottom:1px #e2e2e2 solid;  padding:20px 10px; background:#fff; font:normal 13px/100% Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333;}
span.ico{color:#999 !important; }
.mPagemFormInput{border:1px #ccc solid; border-radius:5px; margin:0; width:270px; font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:10px;}
.mPagemFormInputFloat{float:left; border:1px #ccc solid; border-radius:5px; margin:0 10px 0 0; width:270px; font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:10px;}
.mPagemFormText{float:left;  margin:0; display:inline-block; font:normal 14px/150% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#f00; padding:0 0;}
.mFormRemark{width:68px; background:#333; float:left;border:1px #333 solid !important;text-align:center; padding:6px 0; margin:0 10px 0 0; border-radius:5px; cursor:pointer; font:normal 12px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#fff; }
.mFormRemark:hover{border:1px #333 solid !important; background:#fff !important; color:#333 !important;}
.input_back_yellow{background:#fffac8 !important;}
.mypageText{font:normal 15px/22px Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#333; margin:0 0 45px 0;}
.mypageTitleText{font:bold 15px/22px Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#000; margin:0 0 10px 0;}
.red_kor{color:#f00 !important; font-family:Dotum, Gulim, Arial, Helvetica, sans-serif !important; font-size:11px !important;}
.qnaDescription{width:550px; border-radius:5px; height:200px; font:normal 14px/20px Malgun Gothic, Dotum, Gulim,Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#333; padding:10px; margin:0 0 15px 0; border:1px #ccc solid; background:#f3f3f3;}
.productDescription{width:710px; border-radius:5px; height:200px; font:normal 14px/20px Malgun Gothic, Dotum, Gulim,Arial, Helvetica, Tahoma, Geneva, sans-serif; color:#333; padding:10px; margin:0 0 15px 0; border:1px #ccc solid; background:#f3f3f3;}
.backNewRunColor{background:#00b4e5 !important; color:#fff !important;}
#slides {margin:0; z-index:1;}
.slides_container { width:980px;height:350px;overflow:hidden;display:none;}
.slides_container div {	width:980px;height:350px;display:block;}
.slideParentBox{width:980px; height:350px; margin:0;}
.slides_container div .img{width:980px; margin:0;}
/*	Pagination .slides_container div .img{width:111px; float:left; margin:0 8px 0 0;} */
.pagination { position:absolute; bottom:-15px; left:0px; text-align:left; width:60px;}
.pagination li {float:left;	margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;	height:0;padding-top:12px;	background-image:url(/images/pagination.png);background-position:0 0;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
.main_news_inner{width:300px; margin:0 auto; overflow:hidden;}
a.main_link_news:link{padding:0px;text-align:center; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333; text-decoration:none; }
a.main_link_news:visited{padding:0px;text-align:center; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333; text-decoration:none; }
a.main_link_news:active{padding:0px;text-align:center; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333; text-decoration:none;}
a.main_link_news:hover{padding:0px;text-align:center; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff; background:#333; text-decoration:none; }
.footerWrapper{background:#333;}
.footerContent{padding:35px 0; min-width:980px;}
.footerContent > .center{text-align:center; width:980px; margin:0 auto;}
.footerTop{text-align:center;font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#eee; margin:0 0 5px 0; padding:0; }
.footerBottom{text-align:center;font:normal 12px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#bbb; margin:0 0 0 0; padding:0;}

.mainBanner{width:100%; min-width:980px;margin:0; padding:0;}
.pageWrapper{width:980px; margin:0 auto; padding:25px 0;}
.boxParent{margin:0 0 10px 0;}
.infoBoxImg{width:235px; height:235px;}
.webpblock{width:235px; display: block;}
.boxParent > .infoBox{width:235px; height:235px; border:1px #ccc solid; float:left; margin:0 10px 0 0; position:relative; background:#fff; overflow: hidden;}
.infoBox > .icon{width:100px; height:100px; text-align:center; margin:10px auto;}
.infoBox > .icon > .iconImg{width:100px; height:100px;}
.infoBox > .context{text-align:center;}
.infoBox > .context > h1.main_context_title{font:bold 15px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#222; margin:0 0 10px 0; padding:0;}
.infoBox > .context > .main_context_desc{font:normal 12px/18px Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#666; margin:0 0 10px 0; padding:0;}
.infoBox > .context >.main_context_bottom{}
.infoBox > .context >.main_context_bottom .top{margin:0 0 10px 0; font:bold 15px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#c0145d;}
.infoBox > .context >.main_context_bottom .bottom{font:bold 15px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#c0145d;}
.mainBoxTitle{margin:0 0 10px 0; text-align:center;}
.mainBoxTitle > h1.mainBoxTitleYo{display:inline-block; padding:10px; text-align:center; font:bold 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff; background:#333;}
.mainBoxInner{width:215px; margin:0 auto;}
.mainBoxInnerHeight{width:215px; height:175px; margin:0 auto; overflow:hidden;}
.redBox{background:#ff6454; font:normal 11px/12px Dotum, Gulim, Arial,Helvetica, sans-serif !important; color:#fff !important; padding:5px 7px !important; border-radius:5px !important;}
.height255{height:255px !important;}
.w189mcenter{width:189px !important; margin:0 auto !important;}
.meBtt{border-radius:5px; border:1px #009355 solid; background:#009355; cursor:pointer; text-align:center; padding:10px 10px; width:70px; float:left; margin:0 5px 0 0; font:bold 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff;}
.meBtt:hover{background:#fff !important; color:#009355 !important;}
.mrBtt{border-radius:5px; border:1px #2d98de solid; background:#2d98de; cursor:pointer; text-align:center; padding:10px 10px; width:70px; float:left; margin:0; font:bold 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff;}
.mrBtt:hover{background:#fff !important; color:#2d98de !important;}
.mailBtt{cursor:pointer;}
.mailBtt:hover{color:#fff !important; background:#c0145d !important;}
.borderColor333{border-color:#333 !important;}
.widthFull{width:100%;}
.mainBackImg{background:url(/ddang/images/main_back_img.jpg) right top repeat-y;}
.fixed {position:fixed; top:0; left:0;}
.fixed69{position:fixed; top:69px; left:0; z-index:999999;}
.subpage_banner{background:url(/ddang/images/subpage_top.jpg) left top no-repeat; width:100%; height:300px;}
h1.subpageTitleBanner{font:bold 30px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#000; position:absolute; left:100px; top:130px;}
h5.subpageTitleDesc{font:normal 18px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333; position:absolute; left:100px; top:170px;}
.subpageTitleOh{font:normal 13px/100% Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#888; position:absolute; left:100px; top:220px; text-transform:uppercase;}
.positionRelative{position:relative !important;}
.subpage_menu{border-top:1px #ccc solid;border-bottom:1px #ccc solid; margin:0 0 45px 0; width:100%; background:#fff;}
.980Inner{width:980px; margin:0 auto;}
.submenuBox{width:980px; margin:0 auto;}
.submenuBox > .home{float:left; cursor:pointer; background:url(/ddang/images/home.png) center center no-repeat; text-indent:-3000px; width:45px; padding:15px; border-left:1px #e3e3e3 solid; border-right:1px #e3e3e3 solid; font:bold 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#111;}
.submenuBox > .title{float:left;padding:15px; font:bold 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#111;border-right:1px #ccc solid;}
.submenuBox > .menu{float:left;padding:15px;  background:#f7f7f7; border-right:1px #ccc solid; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#555; cursor:pointer;}
.submenuBox > .right{width:430px; float:right;}
.submenuBox > .right > .subc{cursor:pointer; float:left; border-right:1px #e3e3e3 solid;}
.submenuBox > .right > .subc > .text{padding:15px;float:right; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#555; text-align:center; }
.submenuBox > .menu:hover{background:#ff4b0c !important; color:#fff !important;}
.menuHover{background:#ff4b0c !important; color:#fff !important;}
.borderLeftBlue{border-left:1px #328dc9 solid !important;}
.borderRightBlue{border-right:1px #328dc9 solid !important;}
.bgclrblue{background:#328dc9 !important; }
.bgclrblue:hover{background:#fff !important;}
.bgclrblue:hover > .text{color:#069 !important;}
.clrWhite{color:#fff !important;}
.submenuTelephone{padding:10px 15px 9px 15px !important; font-size:22px !important; font-weight:bold !important; font-family:Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial, Helvetica, Tahoma, Geneva, sans-serif !important; color:#000 !important; font-style:italic !important;}
.subPageWrapper{width:980px; margin:0 auto 0 auto; min-height:750px;}
.mapWrap{border:1px #e3e3e3 solid; margin:0 0 45px 0;}
.mapDaum{width:960px; height:480px; margin:10px;}
.pageContent{margin:0 0 45px 0;}
.pageContent > .left{width:470px; float:left;}
.pageContent > .right{width:470px; float:right;}
h3.subpageInnerTitleText{font:bold 16px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333; margin:0 0 10px 0; padding:0;}
.subpageInnerTitleDescText{font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#444; margin:0 0 10px 0; padding:0; text-decoration:underline;}
.subpateInnerCotent{font:normal 12px/18px Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#555; margin:0 0 10px 0; padding:0;}
.ddangImage{width:100%; border-radius:10px;}
.innerPageBoxPaddingUpLine{margin:45px 0; border-top:1px #e3e3e3 solid; padding:45px 0 45px 0;}
.innerPageBox{margin:45px 0;}
.innerPageBox > .left{width:46%; padding-right:3%; float:left; border-right:1px #e3e3e3 solid;}
.innerPageBox > .right{width:46%; padding-left:3%;float:right;}
h2.subpageInnerTitleText{font:bold 18px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333; margin:0 0 10px 0; padding:0;}
.subpateInnerCotentLarge{font:normal 14px/22px Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#555; margin:0 0 10px 0; padding:0;}
.titleBoo{display:inline-block; padding:10px; text-align:center; margin:15px 0 0 20px; background:#c90d19; font:bold 16px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#fff; border-radius:10px 10px 0 0;}
.redAlertBox{padding:10px; border:1px #c90d19 solid; background:#ffe0e2; border-radius:10px; margin:0 0 45px 0;}
ul.term{margin:0; padding:0;}
ul.term li{list-style-type:none; padding:10px 0; border-bottom:1px #f3a0a6 dotted; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#c90d19; text-indent:10px;}
h1.subpageInnerTitleText{font:bold 18px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#000; margin:0 0 10px 0; padding:0;}
.retalBox{margin:0 0 45px 0;}
table.rental{width:100%; background:#ccc; border:0; }
td.rentalTdTitle{font-size:14px !important; padding:15px 0 !important; background:#f8f8f8 !important; color:#000 !important; font-weight:bold !important;}
td.rentalTdRedTitle{font-size:14px !important; padding:15px 0 !important; background:#fedfdf !important; color:#900 !important; font-weight:bold !important;}
td.rentalTdTitleSmall{font-size:12px !important; padding:15px 0 !important; background:#f8f8f8 !important; color:#000 !important; font-weight:bold !important;}
td.rentalTdTitleAlignRight{font-size:14px !important; padding:15px 15px !important; background:#f8f8f8 !important; color:#000 !important; font-weight:bold !important;}
.w200{width:150px !important; text-align:right !important; padding-right:15px !important; background:#f1f1f1 !important; font-weight:bold !important;}
table.rental td{background:#fff; padding:10px; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333; text-align:center;}
.borderTopBlack2{border-top:2px #333 solid !important;}
.borderTopBlack1{border-top:1px #333 solid !important;}
.borderBottomBlack1{border-bottom:1px #333 solid !important;}
.chahong{color:#C00 !important;}
.tdYellow{background:#f8fbd6 !important;}
.borderLeftRed1{border-left:1px #C03 solid !important;}
.borderRightRed1{border-right:1px #C03 solid !important;}
.borderTopRed1{border-top:1px #C03 solid !important;}
.borderBottomRed1{border-bottom:1px #C03 solid !important;}
.lineheight20{line-height:20px !important;}
.lineheight22{line-height:22px !important;}
.remark{margin:25px 0; font:normal 14px/23px Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#666;}
.redBold{color:#C00 !important; font-weight:bold !important;}
.cancelText{color:#6d95df !important;}
.width80{width:80px !important;}
.width100{width:100px !important;}
.width150{width:150px !important;}
.width200{width:200px !important;}
.m_blue{color:#039 !important;}
.m_red{color:#F09 !important;}
.page{padding:10px; text-align:center; border:1px #e3e3e3 solid; color:#666; margin:0 5px; float:left;}
.page_current{padding:10px; text-align:center; border:1px #000 solid; color:#900; font-weight:bold; margin:0 5px; float:left;}
.page_pre{padding:10px; text-align:center; border:1px #e3e3e3 solid; color:#666; margin:0 5px; float:left;}
.page_next{padding:10px; text-align:center; border:1px #e3e3e3 solid; color:#666; margin:0 5px; float:left;}
.page_pre_gray{padding:10px; text-align:center; border:1px #f2f2f2 solid; color:#ccc; margin:0 5px; float:left;}
.page_next_gray{padding:10px; text-align:center; border:1px #f2f2f2 solid; color:#ccc; margin:0 5px; float:left;}
.statusGray{display:inline-block; background:#999; padding:5px 10px; text-align:center; color:#fff; border-radius:5px;}
.statusComplete{display:inline-block;;  background:#d70f51; padding:5px 10px; text-align:center; color:#fff; border-radius:5px;}
.statusBank{display:inline-block;  background:#390; padding:5px 10px; text-align:center; color:#fff; border-radius:5px;}
.statusYo{display:inline-block;  background:#d70f51; padding:5px 10px; text-align:center; color:#111; border-radius:5px;}
.pointer{cursor:pointer;}
.pagingBox{margin:25px 0; text-align:center; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#666;}
.pagingBox > .left{float:left;}
.pagingBox > .right{float:right;}
.pagingBox2{margin:25px 0 10px 0; text-align:center; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#666;}
.pagingBox2 > .left{float:left;}
.pagingBox2 > .right{float:right;}
.buttonBox{margin:25px 0;}
.writeBtt{float:right; border-radius:10px; margin-left:10px; border:1px #d74f3a solid; background:#d74f3a; padding:10px 10px; width:100px; text-align:center; cursor:pointer; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff;}
.writeBtt:hover{background:#fff !important; color:#d74f3a !important;}
.cancelBtt{float:right; border-radius:10px; margin-left:10px; border:1px #726967 solid; background:#726967; padding:10px 10px; width:100px; text-align:center; cursor:pointer; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff;}
.cancelBtt:hover{background:#fff !important; color:#726967 !important;}
.deleteBtt{float:right; border-radius:10px; margin-left:10px; border:1px #006db8 solid; background:#006db8; padding:10px 10px; width:100px; text-align:center; cursor:pointer; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff;}
.deleteBtt:hover{background:#fff !important; color:#006db8 !important;}
.listBtt{float:right; border-radius:10px; margin-left:10px; border:1px #00a759 solid; background:#00a759; padding:10px 10px; width:100px; text-align:center; cursor:pointer; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff;}
.listBtt:hover{background:#fff !important; color:#00a759 !important;}
.editBtt{float:right; border-radius:10px; margin-left:10px; border:1px #84805a solid; background:#84805a; padding:10px 10px; width:100px; text-align:center; cursor:pointer; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff;}
.editBtt:hover{background:#fff !important; color:#84805a !important;}
.searchTxt{float:left; margin:0 5px 0 0; padding:11px 0; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333;}
.searchInput{width:100px; float:left; margin:3px 5px 0 0; border:1px #e3e3e3 solid; padding:5px 10px; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333;}
.searchBtt{width:60px; float:left; margin:3px 5px 0 0; border:1px #ccc solid; padding:8px 10px; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, Arial,Helvetica, sans-serif; color:#333; cursor:pointer;}
.searchBtt:hover{border:1px #333 solid !important; color:#000 !important;}
.textAlignLeft{text-align:left !important;}
.tdGray{background:#f3f3f3 !important;}
.pointCursor{cursor:pointer;}
.pointCursor:hover{color:#900 !important; background:#FF0 !important;}
.mPagemFormSubjectInput{background:#feffef; border:1px #ccc solid; border-radius:5px; width:450px; font:normal 12px/100% Malgun Gothic,Dotum,Gulim,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333; padding:10px;}
.input_back_yellow{background:#fffac8 !important;}
.boardPagemFormInputText{border:1px #ccc solid; background:#fff; padding:10px; height:400px; width:95%; font:normal 14px/22px Malgun Gothic, Dotum, Gulim, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333;}
.photoGalleryBox{width:980px;}
.alsmsMasonryBoxParent{width:980px;}
.grid{margin:0 auto; width:980px; }
.grid-item {width: 235px; margin-bottom:10px; border-top:1px #333 solid; cursor:pointer;}
.grid-item:hover .masonsubject{background:#000 !important; color:#fff !important;}
.grid-item--width2 { width: 400px; }
.masonryImg{width:100%;margin:0; }
.masonsubject{margin:-10px 0 0 0; border:1px #333 solid; background:#f3f3f3; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font:normal 12px/14px Malgun Gothic,Dotum,Gulim,Arial,sans-serif; color:#333; text-align:center; padding:10px 10px;}
.photoImg{max-width:800px;}
.rsvInfoBox{border:1px #ccc solid; margin:25px 0; border-left:3px #C00 solid; font:normal 13px/20px Malgun Gothic,Dotum,Gulim,Arial,sans-serif; color:#555; background:#f3f3f3; padding:15px;}
.mPagemFormFloatInput{background:#f9f9f9; border:1px #ccc solid; border-radius:5px; margin:0; font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:10px; float:left; margin:0 5px 0 0;}
.selectFloat{font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:10px; float:left; margin:0 5px 0 0;}
.mPagemFormTelInput{border:1px #ccc solid; border-radius:5px; margin:0; width:270px; font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:10px;}
.mPagemFormDateFloatInput{background:#f9f9f9; border:1px #ccc solid; width:100px; border-radius:5px; margin:0 5px 0 0; float:left; font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:10px; float:left; margin:0 5px 0 0;}
table.apply{width:100%; background:#ccc; border:0; }
td.applyTdTitle{font-size:12px !important; padding:15px 0 !important; background:#f8f8f8 !important; color:#000 !important; font-weight:bold !important;}
table.apply td{background:#fff; padding:10px; font:normal 12px/100% Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333; text-align:center; border-bottom:1px #e3e3e3 solid;}
.mPagemFormFloatInputSmall{background:#f9f9f9; border:1px #ccc solid; border-radius:5px; margin:0; font:normal 12px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:5px; float:left; margin:0 0 0 0;}
.mPagemFormInputSmall{border:1px #ccc solid; border-radius:5px; margin:0; width:100px; font:normal 12px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:5px;}
.mPagemFormInputSmallTel{border:1px #ccc solid; border-radius:5px; margin:0; width:40px; font:normal 12px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:5px;}
.mPagemFormInputSmallTelFloat{border:1px #ccc solid; border-radius:5px; margin:0 5px 0 0; float:left; width:40px; font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:10px;}
.mydarling{width:160px; float:left;}
.rsvBankInfo{margin:25px auto; width:670px; padding:15px; background:#d9534f; border-radius:10px; font:bold 14px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#fff; text-align:center;}
.online_confirm{border:1px #ccc solid; margin:55px auto 45px auto; width:600px; padding:30px 25px; background:#f6f6f6; border-radius:10px; font:normal 14px/26px Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; text-align:center;}
h1.online_confirm2{font:bold 24px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#000; margin:45px 0; text-align:center;}
#backgroundPopup{display:none; position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:999999;}
.popupContact{display:none; position:fixed;_position:absolute; /* hack for internet explorer 6*/height:244px;width:408px;background:#FFFFFF;z-index:99999999;font-size:13px;-moz-border-radius: 20px;-webkit-border-radius:20px;-khtml-border-radius:20px;-moz-box-shadow: 0 1px 5px #333;-webkit-box-shadow: 0 1px 5px #333;}
.popupContact > .titleBox{background:#2e3647; padding:10px; margin:0;}
.popupContact > .titleBox > .left{font:bold 14px/100% Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff; float:left; padding:3px 0 0 0;}
.popupContact > .titleBox > .popupContactClose{float:right; width:24px; height:24px; display:block; cursor:pointer;}
.opps{width:100%; }
.oppsMenu{width:388px; padding:10px 10px;}
.oppsMenu > .wrapper{margin:0 0 15px 0;}
.oppsMenu > .wrapper > .idBox{width:65%; float:left; }
.oppsMenu > .wrapper > .idBtt{width:30%; float:right; text-align:center; padding:45px 0; background:#2587e3; border:1px #2587e3 solid; font:normal 14px/100% Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff; cursor:pointer;}
.oppsMenu > .wrapper > .idBtt:hover{background:#fff !important; color:#2587e3 !important;}
.oppsMenuFormInput{border:1px #ccc solid; border-radius:5px; margin:0 0 5px 0; width:243px; font:normal 13px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:7px;}
.remarkSmall{margin:15px 0 0 0; font:normal 11px/18px Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#666;}
.marker{padding:5px; background:#093 !important; color:#fff !important;}
.gray{padding:5px; background:#ccc !important; color:#fff !important;}
.markerRed{padding:5px; background:#C33 !important; color:#fff !important;}
.bluetxt{font-weight:bold !important; color:#4b90cf !important;}
.grayTxt{color:#eee !important;}
.rippleBox{margin:45px 0;}
.rippleBox > .rippleTitle{border-bottom:1px #333 solid;}
.rippleBox > .rippleTitle > h1.ripple{}
.rippleBox > .rippleWrap{}
.rippleBox > .rippleWrap > .replyBox{padding:10px; background:#f4f4f4; border:1px #ccc solid; margin:0 0 10px 0;}
.rippleBox > .rippleWrap > .replyBox > .left{background:#fffee3; border:1px #fff400 solid; padding:20px; font:normal 14px/22px Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#000; margin:0 0 10px 0;}
.rippleBox > .rippleWrap > .replyBox > .right{padding:0 5px;}
.rippleBox > .rippleWrap > .replyBox > .right > .top{float:left; margin:0 10px 0 0; font:normal 12px/14px Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333; padding:0 0; border-bottom:1px #e3e3e3 solid;}
.rippleBox > .rippleWrap > .replyBox > .right > .middle{float:left; margin:0 10px 0 0;font:normal 12px/14px Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#666; padding:0 0; border-bottom:1px #e3e3e3 solid;}
.rippleBox > .rippleWrap > .replyBox > .right > .rippleDel{cursor:pointer; float:right; font:normal 12px/14px Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#069; padding:0 0; border-bottom:1px #e3e3e3 solid;}
.rippleBox > .rippleWrap > .replyBox > .right > .rippleDel:hover{color:#C00 !important;}
.rippleBoxBoardPagemFormInputText{border:1px #ccc solid; background:#e8f0fa; padding:10px; height:60px; width:98%; font:normal 14px/22px Malgun Gothic, Dotum, Gulim, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333;}
.rippleBoxmPagemFormInputSmall{border:1px #ccc solid; background:#e8f0fa; border-radius:5px; margin:10px 5px 10px 0; float:left; width:100px; font:normal 12px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:5px;}
.rippleWriteBox{border:1px #ccc solid}
.rippleWriteBox > .textareaBox{padding:10px; border-bottom:1px #e3e3e3 solid;}
.textareaBoxBtn{background:#f3f3f3; height:45px;}
.textareaBoxBtn > .left{float:left; width:70%; }
.textareaBoxBtn > .right{float:right; width:30%; }
.ripplePostBtn{float:right; background:#C00; cursor:pointer; border:1px #c00 solid; text-align:center; width:80px; font:normal 13px/100% Malgun Gothic, Dotum, Gulim, 'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#fff; margin:0; padding:15px 0 0 0; height:27px;}  
.ripplePostBtn:hover{background:#fff !important; color:#c00 !important;}
.selectFloatSmall{font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:10px; float:left; margin:3px 3px 0 0;}
.selectFloatSmallRed{font:normal 12px/100% Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#666; padding:10px; float:left; margin:3px 3px 0 10px;}
.textareaBoxBtn > .right > .countBox{float:right; font:normal 12px/100% Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#666; margin:15px 10px 0 0;}  
.mypageMenuBox{margin:45px 0;}
ul.mypage{margin:0; padding:0;}
ul.mypage li{list-style-type:none; padding:10px 20px; display:inline-block; margin:0 10px 10px 0; border:1px #ccc solid; float:left; background:#f3f3f3; cursor:pointer; font:normal 14px/100% Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#999;}
ul.mypage li:hover{border:1px #000 solid !important; color:#000 !important;}
.mypageHover{border:1px #000 solid !important; color:#000 !important;}
.mypageBigText{margin:45px 0;}
h1.mypage{font:bold 16px/100% Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#000; margin:0 0 10px 0;}
.mypageSmall{font:normal 12px/100% Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#666;}
.iframeBox{width:980px; margin:45px 0;}
.sophia_iframe_page{width:980px;}
.completeScreen{background:#006db8; height:600px;}
.aplcom{padding:250px 0; text-align:center; font:bold 20px/100% Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#fff;}
.pageContentEditWrap{width:980px; border-top:1px #900 solid; border-bottom:1px #900 solid;margin:45px 0; padding:45px 0; background:#f0f0f0; position:relative;}
.pageContentEditText{background:#C00; width:200px; right:0px; top:0px; position:absolute; text-align:center; padding:10px 0; font:normal 11px/100% Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#fff;}
.pageContentEditTextBottom{background:#C00; width:200px; right:0px; bottom:0px; position:absolute; text-align:center; padding:10px 0; font:normal 11px/100% Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#fff;}
.main_board_box{padding:10px 0; border-bottom:1px #e3e3e3 solid; cursor:pointer; background:#f9f9f9;}
.main_board_box:hover{background:#FF0 !important; color:#000 !important;}
.main_board_box > .left{text-align:left; font:normal 12px/14px Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#333; overflow:hidden; padding-left:5px;}
.main_board_box > .left > .smallTxt{font-size:11px !important; color:#666;}
.main_board_box > .right{float:right; width:70px; text-align:right; font:normal 12px/100% Calibri, 'Lucida Sans Unicode','Lucida Grande',Arial,Helvetica, sans-serif; color:#666; overflow:hidden;} 
.main_board_box_extend{padding:10px 0; border-bottom:1px #e3e3e3 solid; cursor:pointer; background:#f9f9f9;}
.main_board_box_extend:hover{background:#FF0 !important; color:#000 !important;}
.main_board_box_extend > .left{overflow:hidden; padding-left:5px; margin:0 0 9px 0;}
.main_board_box_extend > .left > .aleft{float:left; text-align:left;display:inline-block; font:normal 11px/13px Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#333; }
.main_board_box_extend > .left > .aright{float:right; text-align:right;display:inline-block; font:normal 11px/13px Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#090; }
.main_board_box_extend > .right{overflow:hidden; padding-left:5px;}
.main_board_box_extend > .right > .aleft{float:left; text-align:left;display:inline-block; font:normal 11px/13px Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#C00; }
.main_board_box_extend > .right > .aright{float:right; text-align:right;display:inline-block; font:normal 11px/13px Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#333; }
.backgroundWhite{background:#fff !important;}
.statusGrayExtend{width:50px; background:#999; padding:1px 3px; text-align:center; color:#fff; border-radius:5px; font-size:11px;}
.statusCompleteExtend{width:50px;  background:#d70f51; padding:1px 3px; text-align:center; color:#fff; border-radius:5px; font-size:11px;}
.statusBankExtend{width:50px;  background:#bfbb43; padding:1px 3px; text-align:center; color:#fff; border-radius:5px; font-size:11px;}
.cccTxt{color:#aaa !important;}
.main_board_photo{width:235px; height:235px; position:relative; cursor:pointer;}
.inlinephoto{width:235px; height:235px; position:absolute; display:none; cursor:pointer;}
.main_banner{width:100%; min-width:980px; height:750px; }
.main_banner > div{margin:0; padding:0; height:750px; width:100%; position:absolute; left:0px; top:0px; }
.slides_container{width:100%; height:750px; overflow:hidden;}
.slides_container > img{height:750px;}
.bx-wrapper, .bx-viewport, .bx-wrapper img {height: 750px !important; border:0 !important; left:0px !important;}
.bx-pager, bx-default-pager{display:none;}
img{margin:0; padding:0;}
.bannerBackup{width:100%; height:750px; border:0 !important;}
.bannerTxt0{position:absolute; top:180px; left:80px; width:419px; height:89px; background:url(/ddang/img_data/main/bannertxt_0.png) center center no-repeat; display:none;}
.bannerTxt1{position:absolute; top:180px; left:80px; width:419px; height:89px; background:url(/ddang/img_data/main/bannertxt_1.png) center center no-repeat; display:none;}
.bannerTxt2{position:absolute; top:650px; right:80px; width:419px; height:89px; background:url(/ddang/img_data/main/bannertxt_2.png) center center no-repeat; display:none;}
.bannerTxt3{position:absolute; top:480px; left:80px; width:419px; height:89px; background:url(/ddang/img_data/main/bannertxt_3.png) center center no-repeat; display:none;}
.bxInnerBox{width:980px; margin:0 auto; position:relative;}
.mainImgBtt{cursor:pointer;}
.borderBlack{border-color:#000 !important;}
.poopup{background:#fff; position:absolute; left:50%; top:0px; margin-left:-490px; width:980px; overflow: hidden; height:646px; z-index:99999999999999999999999; display:none;}
.poopup > .poopupinner{position:relative;width:100%; height:100%;}
.poopup > .poopupinner > .bl{width:100%; display:block;}
.poopup > .poopupinner > .bottomBox{position:absolute; bottom:0px; left:0px; width:calc(100% - 20px); background:#333; padding:10px;}
.poopup > .poopupinner > .bottomBox > .left{width:70%; float:left; }
.poopup > .poopupinner > .bottomBox > .left > .popchk{float:left; margin:0 5px 0 0;}
.poopup > .poopupinner > .bottomBox > .left > .poptext{float:left; font:normal 11px/13px Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#fff;  }
.poopup > .poopupinner > .bottomBox > .popupCloseBtt{cursor:pointer;width:20%; float:right; font:normal 11px/13px Malgun Gothic, Dotum, Gulim,Arial,Helvetica, sans-serif; color:#fff; text-align:right; }
.poopup > .poopupinner > .bottomBox > .popupCloseBtt:hover{color:#FF0 !important;}
.mainLinkHover{background:#f9ff00 !important; color:#000 !important;}



table.rental_2024{width:100%; background:#ccc; border:0; }
table.rental_2024 td.rentalTdTitle{font-size:14px !important; padding:15px 0 !important; background:#f8f8f8 !important; color:#000 !important; font-weight:500 !important;}
table.rental_2024 td.rentalTdRedTitle{font-size:14px !important; padding:15px 0 !important; background:#fedfdf !important; color:#900 !important; font-weight:500 !important;}
table.rental_2024 td.rentalTdTitleSmall{font-size:12px !important; padding:15px 0 !important; background:#f8f8f8 !important; color:#000 !important; font-weight:500 !important;}
table.rental_2024 td.rentalTdTitleAlignRight{font-size:14px !important; padding:15px 15px !important; background:#f8f8f8 !important; color:#000 !important; font-weight:bold !important;}
table.rental_2024 td{background:#fff; padding:10px; font:normal 13px/100% 'Spoqa Han Sans Neo',Malgun Gothic, Dotum, Gulim, Calibri,'Lucida Sans Unicode','Lucida Grande', Arial,Helvetica, sans-serif; color:#333; text-align:center;}
.new_selectFloat{font:normal 14px/100% 'Spoqa Han Sans Neo',Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:5px 5px; float:left; margin:0 0 0 0;}
    .new_mPagemFormInputSmallTelFloat{border:1px #ccc solid; border-radius:5px; margin:0 0px 0 0; float:left; width:40px; font:normal 14px/100% 'Spoqa Han Sans Neo',Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:5px 5px;}
.mydarling{width:160px; float:left;}
.new_mPagemFormInputFloat{float:left; border:1px #ccc solid; border-radius:5px; margin:0 10px 0 0; width:150px; font:normal 14px/100% 'Spoqa Han Sans Neo',Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; color:#333; padding:5px; text-align: left;}
    .cursorImg{cursor:pointer;}
    .cursorImg:hover{opacity:0.75;}
    
    .ui-datepicker-trigger{border:0; left:10px; top:10px; margin:5px 0 0 10px;}
    
     .adbox{padding:35px 120px; font-weight:400; color:#000; font-family:'Spoqa Han Sans Neo',Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; font-size:18px; line-height: 1.6; background:#f9f9f9; margin:0 0 45px 0; position: relative;}
    .adbox > .absimg{position: absolute; left:35px; top:35px; width:60px; display: block;}
    .table_remark{font-weight:400; color:#000; font-family:'Spoqa Han Sans Neo',Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; margin:45px 0; border:1px #ffb3c1 solid;}
    .table_remark > .titlebox{padding:15px 25px; background:#fff0f3; }                   
    .table_remark > .titlebox > h2.title{font-weight: bold; font-size:18px; color:#000; display: block; margin: 0; padding:0;}
    .table_remark > .descbox{padding:15px 25px; }   
    .table_remark > .descbox > ul.markul{list-style-type: none;}
    .table_remark > .descbox > ul.markul li{padding:5px 0; margin-left:15px;}
    .table_remark > .descbox > ul.markul li::marker{content:'※ ';}
    .slidebox_wrap{font-weight:400; color:#000; font-family:'Spoqa Han Sans Neo', Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif;} 
.slidebox_content{display:none;}.showblock{display: block !important;}
    .w50{width:50px !important;}
    .w70{width:70px !important;}
    .w80{width:80px !important;}
    .w100{width:100px !important;}
    .w400{width:400px !important;}
    .slidebox_wrap > .titlebox{padding:15px; background:#4361ee; margin:45px 0 0 0; position: relative;}                   
    .slidebox_wrap > .titlebox > h2.title{font-weight: 500; font-size:18px; color:#fff; display: block; margin: 0; padding:0;}  
    .slidebox_wrap > .titlebox > .iconbox{width:150px; position: absolute; right:20px; top:20px; cursor: pointer; display: block; font-weight: 400; font-size:14px; color:#fff; text-align: right;}
    ul.optionul{width:100%; margin:0; padding:0; list-style-type: none;}
    ul.optionul li{ display: block; width:100%; clear:both; margin:0; padding:8px 0; height:0;}
    ul.optionul li::marker{content:"u ";}
    ul.optionul li > .ftitle{float: left; margin:0 5px 0 0;}
    ul.optionul li > .ftitle_alert{float: left; margin:15px 5px 15px 0; padding:10px 25px; background:#ffea00; color:#000; border-radius:10px;}
    ul.optionul li > .rtitle{float: left; margin:0 0 0 0;}
.new_small_input_form{float:left; border:1px #ccc solid; border-radius:5px; margin:0 10px 0 0; width:150px; padding:4px 5px; text-align: left; font-family:'Spoqa Han Sans Neo', Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif;}
.new_small_input_text_form{-webkit-appearance:none; outline:none; resize:none; float:left; border:1px #ccc solid; border-radius:5px; margin:0 10px 0 0; width:calc(100% - 32px); height:200px; padding:10px 15px; text-align: left; font-family:'Spoqa Han Sans Neo', Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif;}
    
table.rental_spec{width:100%; background:#fff; border:0; font-weight:400; color:#000;  border-collapse: separate;
  border-spacing: 1px; /* Cellspacing */
}
table.rental_spec td.textAlignLeft_2024{color:#000; padding:25px 35px; border-bottom:1px #333 solid; font-weight: 500; font-size:18px; background:url(/ddang/images/record.png) 13px center no-repeat; background-size:16px 16px;}
table.rental_spec td.textAlignLeft_2024_normal{color:#000; padding:25px; border-bottom:1px #333 solid; }
table.rental_spec td.textAlignLeft_2024_normal > .tel{font-weight:500; font-size:22px; color:#000; display: inline-block;}
    table.rental_spec td.textAlignLeft_2024_normal > .tel > .bl{display: inline-block; width:20px; margin:0 5px 0 0;}
    table.rental_spec td.textAlignLeft_2024_normal > .tel > .wbl{display: inline-block; height:20px; margin:0 5px 0 0;}
table.rental_spec td.textAlignLeft_ul{color:#000; background:#fafafa; padding:20px; margin:0 0 0 0;}
table.rental_spec > td.rentalTdTitleSmall{font-size:12px !important; padding:15px 0 !important; background:#f8f8f8 !important; color:#000 !important; font-weight:bold !important;}
table.rental_spec > td.rentalTdTitleAlignRight{font-size:14px !important; padding:15px 15px !important; background:#f8f8f8 !important; color:#000 !important; font-weight:bold !important;}
table.rental_spec > td{background:#fff; padding:10px; font-size:14px; color:#000; text-align:center;}
    .buttonbox{margin:45px 0; text-align: center;}
    .buttonbox > .submitBtt{display: inline-block; padding:15px 45px; margin:0 5px; border-radius: 10px; background:#e63946; font-weight: 400; font-size:17px; color:#fff; cursor:pointer; font-family:'Spoqa Han Sans Neo', Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif;}
    .buttonbox > .submitBtt:hover{opacity: 0.75;}
    .buttonbox > a.submitLinkBtt:link{border:0; display: inline-block; padding:15px 45px; margin:0 5px; border-radius: 10px; background:#e63946; font-weight: 400; font-size:17px; color:#fff; cursor:pointer; font-family:'Spoqa Han Sans Neo', Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif; text-decoration: none;}
    .buttonbox > a.submitLinkBtt:visited{border:0; display: inline-block; padding:15px 45px; margin:0 5px; border-radius: 10px; background:#e63946; font-weight: 400; font-size:17px; color:#fff; cursor:pointer; font-family:'Spoqa Han Sans Neo', Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif;text-decoration: none;}
    .buttonbox > a.submitLinkBtt:active{border:0; display: inline-block; padding:15px 45px; margin:0 5px; border-radius: 10px; background:#e63946; font-weight: 400; font-size:17px; color:#fff; cursor:pointer; font-family:'Spoqa Han Sans Neo', Malgun Gothic, Dotum, Gulim,Calibri, 'Lucida Sans Unicode','Lucida Grande',Meiryo UI,Arial,Helvetica, sans-serif;text-decoration: none;}
    .buttonbox > a.submitLinkBtt:hover{opacity: 0.75;}