@charset "euc-kr";

/* sale list, num font, flag common style */
/* flag class ------------------
	*type1 ¿¹Á¤
	*type2 ¿ÀÇÂ
	*type3 û¾àÁ¢¼ö
	*type4 ´ç÷ÀÚ ¹ßÇ¥
	*type5 °è¾à
	*type6 »ó°¡ºÐ¾ç
	*type7 ÀÔÁÖ¿¹Á¤
	*type8 ÀÔÁÖÁøÇà
	*type9 Á÷Á¢ÀÔ·Â
---------------- //flag class */
.num{font-family:adobe-caslon-pro, serif; font-weight:600; font-style:normal;}
.flag{display:block; position:absolute; right:20px; top:20px; width:72px; height:45px; padding-top:27px; color:#fff; border-radius:50%; font-weight:500; line-height:100%; text-align:center;}
.flag.type1{background-color:#d9d9d7;}
.flag.type2{background-color:#015152;}
.flag.type3{height:50px; padding-top:22px; background-color:#a2aaad;}
.flag.type4{height:50px; padding-top:22px; background-color:#b2a7a1;}
.flag.type5{background-color:#425563;}
.flag.type6{height:50px; padding-top:22px; background-color:#8a8076;}
.flag.type7{height:50px; padding-top:22px; background-color:#d9d9d7;}
.flag.type8{height:50px; padding-top:22px; background-image:url(../images/common/flag_img08.png); color:#fff;}
.flag.type9{display:table; height:72px; padding-top:0; background-color:#a2acab;}
.flag.type9 span{display:table-cell; vertical-align:middle;}
.type10{display:block; position:absolute; left:0; top:0; padding:0 14px; background-color:#005151; color:#fff; line-height:27px; font-weight:500;}

/* lnb */
.lnb{float:left; width:200px;}
.lnb .lnb_list{display:none;}
.lnb .lnb_list.on{display:block;}
.lnb h2{width:180px; padding-left:20px; font-weight:500; line-height:90px; font-size:24px; color:#fff; background:url(../images/common/bg_lnb_title.jpg) no-repeat;}
.lnb ul li{border-top:1px solid #e3e3e3;}
.lnb ul li:first-child{border:none;}
.lnb ul li a{display:block; font-weight:300; padding:14px 0 14px 20px; color:#000;}
.lnb ul li:hover a, .lnb ul li.on a{background:#f4f4f4; font-weight:400; color:#005151;}

/* sub common */
.visual_area{height:350px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.visual_area h2{padding-top:180px; text-align:center; font-size:40px; font-weight:300; color:#fff;}
.visual_area.customer{height:170px; background-image:url(../images/customer/bg_customer.jpg);}
.myprugio.visual_area{height:170px; background-image:url(../images/myprugio/bg_myprugio.jpg);}
.sub_title{position:relative; height:90px; overflow:hidden;}
.sub_title:after{display:block; clear:both; content:"";}
.sub_title h2{float:left; padding-top:2px;}
.sub_title .top_menu{overflow:hidden; float:right; width:900px;}
.sub_title p{color:#666; line-height:1.4em;}
.snb_area{border-bottom:1px solid #dee1e3;}
.snb_area ul{overflow:hidden; width:1100px; margin:0 auto;}
.snb_area ul li{float:left; text-align:center;}
.snb_area ul li a{display:block; padding:20px 0; font-size:18px; font-weight:500; color:#a2aaad; letter-spacing:-2px;}
.snb_area ul li.on a{border-bottom:3px solid #005151; color:#005151;}
.snb_area.leng2 ul li{width:50%;}
.snb_area.leng3 ul li{width:33.33%;}
.snb_area.leng4 ul li{width:25%;}
.snb_area.leng5 ul li{width:20%;}
.snb_area.leng6 ul li{width:16.66%;}
.fixed .snb_area{position:fixed; top:0; left:0; width:100%; background:#fff; z-index:100;}
.scrollup .snb_area{top:76px;}
.contents_box h3{margin-bottom:10px; font-size:30px; font-weight:500; line-height:100%;}
.commonBtn{display:inline-block; line-height:40px; text-align:center; vertical-align:middle; background:#b2a8a2; color:#fff; font-weight:400; border-radius:6px;}
.commonBtn.type1{background:#005151;}
.commonBtn.type2{background:#5b6770;}
.commonBtn.type3{background:#8a8076;}

.paging{margin-top:40px; text-align:center;}
.paging a{width:25px; line-height:25px; display:inline-block; font-size:14px; border-radius:15px;}
.paging a.on{background:#005151; color:#fff;}
.link_app{position:absolute; right:0; top:0; display:inline-block; width:162px; padding-left:14px; line-height:32px; vertical-align:middle; color:#333; font-size:13px; border-radius:6px; border:1px solid #aaa; background:url(../images/myprugio/bg_linkapp.png) 157px center no-repeat; display:none;}

/* table common */
.common_table .star{color:#f85c10;}
.common_table .table_wrap{margin-bottom:30px; border-top:2px solid #000;}
.common_table table{table-layout:fixed;}
.common_table th{padding:24px 0 23px 30px; text-align:left; background:#fafafa; color:#333; font-weight:400; border-bottom:1px solid #e3e3e3;}
.common_table th .star{display:inline-block; margin-left:6px; vertical-align:middle;}
.common_table td{padding:15px 0 15px 40px; color:#666; border-bottom:1px solid #e3e3e3;}
.common_table .first th, .common_table .first td{border-top:none;}
.common_table .state{color:#37835f;}
.common_table input[type=text]{width:546px;}
.common_table input[type=text].w175{width:163px;}
.common_table input[type=text].w265{width:255px;}
.common_table input[type=text].w640{width:546px;}
.common_table input[type=password]{width:163px; height:28px; padding:5px; border-radius:6px;}
.common_table input[type=radio], .common_table input[type=checkbox]{border:none 0;}
.common_table input[type=radio] + label{margin:0 20px 0 10px; font-size:14px; vertical-align:middle;}
.common_table select{width:175px; height:40px; padding:5px; vertical-align:middle; border-radius:6px; font-weight:300;}
.common_table .btn_area{text-align:right;}
.common_table .btn_area a{width:86px; margin-left:10px;}

/* winner_popup */
.winner{overflow-x:hidden;}
.winner .popup_btn img{margin-left:10px;}
.winner h1{font-size:24px; padding-bottom:10px; margin-bottom:25px; border-bottom:2px solid #000;}
.winner .cont{width:590px; padding-top:60px; margin:0 auto 20px;}
.winner .cont .confirm a{padding:0 60px;}
.winner .cont a.btn{padding:0 30px;}
.winner .cont a.btn2{padding:0 20px;}
.winner p{margin-bottom:20px; font-weight:bold; line-height:1.3em;}
.winner ul{margin-bottom:15px;}
.winner ul li{padding-left:15px; font-size:13px; line-height:1.5em; text-indent:-15px;}
.winner .comment{margin-bottom:0;}
.winner .table_wrap{margin-bottom:20px; font-size:13px; border-top:2px solid #aaa;}
.winner th{padding:12px 0; background:#fafafa; border-bottom:1px solid #aaa;}
.winner td{padding:12px 0; text-align:center; border-bottom:1px solid #aaa;}
.winner .confirm{padding:45px 0; margin-bottom:20px; text-align:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.winner .confirm a:first-child{margin-right:10px;}
.winner .exist_name h2{margin-bottom:7px; font-size:22px; font-weight:bold; color:#333232;}
.winner .exist_name span{color:#005151;}
.winner .exist_name p{font-weight:normal;}
.winner .align th, .winner .align td{padding:12px 20px; text-align:left;}
.winner .btn_area{margin-bottom:70px; text-align:right;}

/* sale*/
.sale .visual_area{background-image:url(../images/sale/bg_sale.jpg);}
.sale .search_box{overflow:hidden; height:70px; margin-bottom:50px;}
.sale .search_box .select{float:left; width:753px; padding:25px 32px 14px 45px; background-color:#a2aaad;}
.sale .search_box .select.select_store{padding:25px 32px 46px 45px;}
.sale .search_box .select.select_store li.list1{float:none; width:753px; margin-right:0;}
.sale .search_box .select.select_store li.list1 a{background:url(../images/common/btn_select_view.gif) right 7px no-repeat;}
.sale .search_box .select.select_store li.list1 a.on{background:url(../images/common/btn_select_view2.gif) right 7px no-repeat;}
.sale .search_box .select.select_store li.list2{display:none;}
.sale .search_box .select li.list1{float:left; width:384px; margin-right:45px;}
.sale .search_box .select li.list2{float:left; width:324px;}
.sale .search_box .select li.list2 a{background:url(../images/common/btn_select_view.gif) right 7px no-repeat;}
.sale .search_box .select li.list2 a.on{background:url(../images/common/btn_select_view2.gif) right 7px no-repeat;}
.sale .search_box ul li a{display:block; color:#fff; font-weight:500;}
.sale .search_box .find{float:left; width:270px;}
.sale .search_box .select li ul{overflow:hidden; padding-top:25px;}
.sale .search_box .select li ul li{float:left; width:95px; margin-bottom:10px;}
.sale .search_box .select input{margin-right:5px;}
.sale .search_box .select label{color:#fff; font-weight:400;}
.sale .search_box .select input:checked + label{color:#000;}
.sale .search_box .find li.list3{padding:25px 20px 10px; background-color:#5b6770;}
.sale .search_box .find li.list4{padding:0 20px; background-color:#005151;}
.sale .search_box .find li a.search{padding-bottom:12px; background:url(../images/common/btn_search.png) right top no-repeat;}
.sale .search_box .find li a.list_view.on{background:none;}
.sale .search_box .find li a.all_list{padding:12px 0; background:url(../images/common/btn_view.gif) right center no-repeat;}
.sale .search_box .search_wrap{display:none; width:233px; height:35px; background-color:#a2aaad;}
.sale .search_box .search_wrap.on{display:block;}
.sale .search_box .search_wrap button.search2{width:24px; height:22px; background:url(../images/common/btn_search.png) 0 center no-repeat;}
.sale .search_box .find .text_box{width:192px; height:25px; background-color:transparent; border:0; border-radius:0; color:#fff;}

.sale .sale_list ul{overflow:hidden;}
.sale .sale_list ul li{position:relative; float:left; width:340px; height:480px; margin:0 0 40px 40px;}
.sale .sale_list ul li.mgl_0{margin-left:0;}
.sale .sale_list ul li.ing dl{background-color:#fff;}
.sale .sale_list ul li dl{padding:25px 20px 25px 30px; background-color:#f4f4f4; border-top:1px solid #d9d8d6; border-right:1px solid #d9d8d6; border-left:1px solid #d9d8d6;}
.sale .sale_list ul li dl dt{min-height:100px; font-size:25px; color:#000; font-weight:500; line-height:120%;}
.sale .sale_list ul li dl.tel_none dd.location{min-height:123px;}
.sale .sale_list ul li dl.tel_none dd.tel{display:none;}
.sale .sale_list ul li dl dd.tel{font-size:25px; color:#8a8076;}
.sale .sale_list ul li dl dd.location{min-height:80px; max-height:80px; font-size:14px; color:#000; word-break: keep-all;}
.sale .sale_list ul li dl dd.location span{display:inline-block; min-width:50px;}
.sale .sale_list .img_area{overflow:hidden; width:340px; height:206px;}
.sale .sale_list .img_area span{overflow:hidden; display:block; width:100%; height:100%; transition:transform .8s;}
.sale .sale_list .img_area span:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}
.sale .sale_list .img_area span img{width:100%;}
.sale .btn_more{text-align:center;}
.sale .btn_more a{padding:0 53px 0 32px; border:1px solid #aaa; background:url(../images/common/btn_more_view.gif) right 32px center no-repeat; color:#333;}
.sale .nodata{padding-top:100px; text-align:center;}
.sale .nodata p{margin-bottom:25px; font-size:20px; font-weight:400;}
.sale .nodata a{padding:0 30px;}

/* sale_view */
.sale_view .visual_area{background-image:url(../images/sale/bg_sale.jpg);}
.sale_view .view_top{position:relative; height:126px; padding:20px 50px; margin-bottom:75px; background-color:#f4f4f4; box-sizing:border-box;}
.sale_view .view_top span.txt{display:inline-block;}
.sale_view .view_top span.link{ display:inline-block; position:absolute; right:50px; top:50%; width:480px; text-align:right; transform:translateY(-50%); vertical-align:top;}
/* .sale_view .view_top span.link2{padding-top:0;} */
.sale_view .view_top h3{font-size:30px; font-weight:500;}
.sale_view .view_top p{font-size:25px; color:#8a8076; font-weight:500;}
.sale_view .view_top span.link a{padding:0 60px 0 30px;}
.sale_view .view_top span.link a.btn_link1{margin-right:5px; background:#b2a8a2 url(../images/sale/icon_lookup.png) right 32px center no-repeat;}
.sale_view .view_top span.link a.btn_link2{background:#8a8076 url(../images/sale/icon_home.png) right 32px center no-repeat;}
.sale_view .view_top span.link a.btn_link3{ margin-left:5px; background:#5b6770 url(../images/sale/icon_download.png) right 32px center no-repeat;}
.sale_view .view_top span.link a.btn_link02{display:inline-block; width:228px; margin-top:5px; background:#b2a8a2 url(../images/sale/btn_glass.png) right 25px center no-repeat; box-sizing:border-box; letter-spacing:-1px;}
.sale_view .view_top span.link a.btn_link03{display:inline-block; width:243px; margin-top:5px; margin-left:5px; background:#b2a8a2 url(../images/sale/btn_glass.png) right 25px center no-repeat; box-sizing:border-box; letter-spacing:-1px;}
.sale_view .view_top span.link a.btn_link4{padding:0 65px 0 22px; background:#8a8076 url(../images/sale/icon_building.png) right 22px bottom 7px no-repeat; text-align:center;}
.sale_view .view_top span.link a.btn_link5{background:#8a8076 url(../images/sale/icon_download.png) right 32px center no-repeat;}
.sale_view .cont_wrap{margin-bottom:30px; border-bottom:1px solid #e3e3e3;}
.sale_view .info{margin-bottom:100px; text-align:center;}
.sale_view .view_bottom{overflow:hidden; width:860px; margin:0 auto 100px;}
.sale_view .view_bottom li{position:relative; float:left; width:215px; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; box-sizing:border-box;}
.sale_view .view_bottom li:last-child{border-right:1px solid #e3e3e3;}
.sale_view .view_bottom li a{display:block; padding:0 20px; line-height:75px; font-size:18px; font-weight:500;}
.sale_view .view_bottom li a:after{display:block; position:absolute; top:17px; right:20px; width:42px; height:40px; background:url(../images/sale/category.png) 0 0 no-repeat; content:"";}
.sale_view .view_bottom li:hover a{color:#fff; background-color:#b2a8a2;}
.sale_view .view_bottom .cate2 a:after{width:38px; background-position:-42px 0;}
.sale_view .view_bottom .cate3 a:after{background-position:-80px 0;}
.sale_view .view_bottom .cate4 a:after{width:51px; background-position:-122px 0;}
.sale_view .view_bottom .cate1:hover a:after {background-position:0 -40px;}
.sale_view .view_bottom .cate2:hover a:after{background-position:-42px -40px;}
.sale_view .view_bottom .cate3:hover a:after{background-position:-80px -40px;}
.sale_view .view_bottom .cate4:hover a:after{background-position:-122px -40px;}
.sale_view .btn_right{text-align:right;}
.sale_view .btn_right a{padding:0 30px;}

/* sale_plan */
.plan .visual_area{background-image:url(../images/sale/bg_sale.jpg);}
.plan h3{margin-bottom:40px; line-height:1em; font-size:40px; font-weight:400; text-align:center;}
.plan .table_wrap{width:100%; margin-bottom:90px;}
.plan .table_wrap th{padding:25px 0; background-color:#fafafa; border-top: 2px solid #000; border-bottom:1px solid #dadada; font-weight:400; text-align:center;}
.plan .table_wrap td{padding:25px 0; border-bottom:1px solid #e3e3e3; text-align:center; word-break:keep-all; }
.plan .table_wrap tr.last td{border-bottom:1px solid #dadada;}
.plan .table_wrap td.month{border-bottom:1px solid #dadada; font-size:17px; font-weight:300;}
.plan .table_wrap td.remarks { white-space:pre; text-align:left; }
.plan .table_bottom{padding:45px 0; border-top:2px solid #000; border-bottom:1px solid #e3e3e3; background-color:#f4f4f4;}
.plan .table_bottom p{font-size:27px; color:#000; font-weight:400; text-align:center;}

/* construction */
.construction .visual_area{background-image:url(../images/construction/bg_construction.jpg);}
.construction .check_area{margin-bottom:20px; text-align:right;}
.construction .check_area li{display:inline-block; padding-left:10px; border-left:1px solid #e0e0e0; line-height:14px;}
.construction .check_area li:first-child{padding-left:0; padding-right:10px; border-left:none;}
.construction .check_area input{overflow: hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0;}
.construction .check_area label{font-size:16px; font-weight:400; cursor:pointer;}
.construction .check_area input:checked + label{font-weight:500;}
.construction .check_area input:checked + label:before{content:""; display:inline-block; width:14px; height:11px; margin-right:5px; background:url(../images/common/btn_check.gif);}
.construction .search_box{overflow:hidden; height:70px; margin-bottom:50px;}
.construction .search_box .select{float:left; width:753px; padding:25px 32px 14px 45px; background-color:#a2aaad;}
.construction .search_box .select li.list1{float:left; width:384px; margin-right:45px;}
.construction .search_box .select li.list2{float:left; width:324px;}
.construction .search_box .select li.list2 a{background:url(../images/common/btn_select_view.gif) right 7px no-repeat;}
.construction .search_box .select li.list2 a.on{background:url(../images/common/btn_select_view2.gif) right 7px no-repeat;}
.construction .search_box ul li a{display:block; color:#fff; font-weight:500;}
.construction .search_box .find{float:left; width:270px;}
.construction .search_box .select li ul{overflow:hidden; padding-top:25px;}
.construction .search_box .select li ul li{float:left; width:95px; margin-bottom:10px;}
.construction .search_box .select input{margin-right:5px;}
.construction .search_box .select label{color:#fff; font-weight:400;}
.construction .search_box .select input:checked + label{color:#000;}
.construction .search_box .find li.list3{padding:25px 20px 10px; background-color:#5b6770;}
.construction .search_box .find li.list4{padding:0 20px; background-color:#005151;}
.construction .search_box .find li a.search{padding-bottom:12px; background:url(../images/common/btn_search.png) right top no-repeat;}
.construction .search_box .find li a.list_view.on{background:none;}
.construction .search_box .find li a.all_list{padding:12px 0; background:url(../images/common/btn_view.gif) right center no-repeat;}
.construction .search_box .search_wrap{display:none; width:233px; height:35px; background-color:#a2aaad;}
.construction .search_box .search_wrap.on{display:block;}
.construction .search_box .search_wrap button.search2{width:24px; height:22px; background:url(../images/common/btn_search.png) 0 center no-repeat;}
.construction .search_box .find .text_box{width:192px; height:25px; background-color:transparent; border:0; border-radius:0; color:#fff;}

.construction .cons_list ul{overflow:hidden;}
.construction .cons_list ul li{position:relative; float:left; width:340px; height:388px; margin:0 0 40px 40px;}
.construction .cons_list ul li:nth-child(1),.construction .cons_list ul li:nth-child(4),.construction .cons_list ul li:nth-child(7){margin-left:0;}
.construction .cons_list ul li dl{padding:25px 20px 25px 30px; background-color:#f4f4f4; border-top:1px solid #d9d8d6; border-right:1px solid #d9d8d6; border-left:1px solid #d9d8d6;}
.construction .cons_list ul li dl.ing{background-color:#fff;}
.construction .cons_list ul li dl dt{min-height:104px; font-size:25px; color:#000; font-weight:500; line-height:120%;}
.construction .cons_list ul li dl dd.date{font-size:18px; color:#8a8076; font-weight:500;}
.construction .cons_list .img_area{overflow:hidden; width:340px; height:206px; background: url(../images/sale/thum_default.jpg) 0 0 no-repeat #C4C0B7;}
.construction .cons_list .img_area span{overflow:hidden; display:block; width:100%; height:100%; transition:transform .8s;}
.construction .cons_list .img_area span:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}
.construction .cons_list .img_area span img{width:100%;}
.construction .btn_more{text-align:center;}
.construction .btn_more a{padding:0 53px 0 32px; border:1px solid #aaa; background:url(../images/common/btn_more_view.gif) right 32px center no-repeat; color:#333;}
.construction .nodata{padding-top:100px; text-align:center;}
.construction .nodata p{margin-bottom:25px; font-size:20px; font-weight:400;}
.construction .nodata a{padding:0 30px;}

/* construction_view */
.construction_view .view_top{margin:0 auto 50px; background-color:#f4f4f4;}
.construction_view .view_top .tit_txt{overflow:hidden; padding:30px 50px 35px 50px;}
.construction_view .view_top h3{float:left; font-size:30px; font-weight:500;}
.construction_view .view_top p{float:right; color:#a1a8ad; font-weight:400;}
.construction_view .view_top span{display:inline-block; margin-right:20px; color:#000;}
.construction_view .view_top .explanation{overflow:hidden; padding:35px 50px 0 50px; border-top:1px solid #e3e3e3;}
.construction_view .view_top .explanation ul{float:left;}
.construction_view .view_top .explanation p a{color:#005151; text-decoration:underline;}
.construction_view .view_top .explanation li span{display:inline-block; min-width:155px; margin-bottom:20px; color:#005151;}
.construction_view .view_top .explanation .btn_download{float:right; width:552px; text-align:left;}
.construction_view .view_top .explanation p{padding:20px 0 0 8px; font-weight:300; text-indent:-8px; text-align:left;}
.construction_view .view_top .explanation p a{color:#005151; text-decoration:underline;}
.construction_view .view_top .explanation a.commonBtn{width:133px; margin-right:5px; background-color:#b2a8a2; font-size:13px;}
.construction_view .view_top .explanation a.commonBtn:after{content:""; display:inline-block; width:15px; height:11px; margin-left:9px; background:url(../images/common/icon_download.png) 0 0 no-repeat;}
.construction_view .info .select_box{overflow:hidden; margin-bottom:20px;}
.construction_view .info .select_box a.btn_finishing{padding:0 57px 0 30px; background:#5b6770 url(../images/construction/icon_finish.png) right 30px center no-repeat;}
.construction_view .info .select_box > div{float:right;}
.construction_view .info .select_box select{height:40px; padding:0 80px 0 12px; margin-right:5px; border-radius:6px; font-size:15px; vertical-align:middle;}
.construction_view .info .select_box a.type1{padding:0 30px;}
.construction_view .info .tumb .img_area{overflow:hidden; width:1100px; height:760px;}
.construction_view .info .tumb .img_area img{width:100%;}
.construction_view .info .tumb .list_area{position:relative; padding:40px 55px; margin-bottom:50px; background-color:#f4f4f4; z-index:0;}
.construction_view .info .tumb .list_area ul{overflow:hidden; margin-bottom:20px;}
.construction_view .info .tumb .list_area li{overflow:hidden; float:left; width:177px; height:132px; margin-left:26px; box-sizing:border-box;}
.construction_view .info .tumb .list_area li.on,.construction_view .info .tumb .list_area li:hover{box-shadow:inset 0 0 0 4px #015152;}
.construction_view .info .tumb .list_area li:first-child{margin-left:0;}
.construction_view .info .tumb .list_area li a{display:block; width:100%; height:100%;}
.construction_view .info .tumb .list_area li a img{position:relative; width:100%; height:100%; z-index:-1;}
.construction_view .info .cont{padding:35px 45px 85px; margin-bottom:15px; border:1px solid #e3e3e3;}
.construction_view .info .cont p.date{margin-bottom:30px; color:#005151;}
.construction_view .info .cont pre{font-family: 'Noto Sans KR', sans-serif; overflow-y:auto; overflow-x:hidden; white-space:pre-wrap; word-break:break-word;}
.construction_view .info .cont p.date span.left{display:inline-block; padding-right:8px; background:url(../images/construction/bg_bar.gif) right 8px no-repeat; font-size:20px; font-weight:600;}
.construction_view .info .cont p.date span.right{display:inline-block; padding-left:8px;}
.construction_view .info ul.notice{margin-bottom:20px; font-size:14px; color:#aaa;}
.construction_view .btn_right{text-align:right;}
.construction_view .btn_right a{padding:0 30px;}

/* registration */
.registration .visual_area{background-image:url(../images/sale/bg_sale.jpg);}
.registration .visual_area h2{padding-top:150px;}
.registration .tit_area{text-align:center; margin-bottom:60px;}
.registration .tit_area .txt1{line-height:1.8em; font-size:26px; color:#5b5b5b; font-weight:400;}
.registration .tit_area .txt1 strong{color:#005151; font-weight:bold;}
.registration .survey_wrap{width:830px; margin:0 auto;}
.registration .survey_wrap .info_area{margin-bottom:50px;}
.registration .survey_wrap .info_area input,.survey_wrap .info_area label{vertical-align:middle;}
.registration .survey_wrap .info_area h3{margin-bottom:30px; font-size:20px; color:#282828;}
.registration .survey_wrap .info_area .agreement{margin-bottom:60px;}
.registration .survey_wrap .agreement_inner{padding:10px 15px; margin-bottom:20px; font-size:12px; border:2px solid #ccc; color:#7d7d7d; line-height:20px;}
.registration .survey_wrap .agreement_inner h4{padding:30px 0 15px; font-size:16px; font-weight:normal; color:#282828;}
.registration .survey_wrap .agreement_inner .txt1 a{margin-left:10px; text-decoration:underline;}
.registration .survey_wrap .agreement_inner .txt2{margin-bottom:15px;}
.registration .survey_wrap .agreement_inner .txt3{margin-bottom:30px;}
.registration .survey_wrap .agreement_inner .txt4{margin-bottom:30px;}
.registration .survey_wrap .agreement_inner .txt4 span{font-weight:700;}
.registration .survey_wrap .agree_txt input{margin-right:5px;}
.registration .survey_wrap .agree_txt .txt1{margin-right:30px; font-size:14px; font-weight:700; color:#282828;}
.registration .survey_wrap .agree_txt .txt2{display:block; margin-bottom:10px; font-size:14px; font-weight:700; color:#282828;}
.registration .survey_wrap .agree_txt .input1{margin-right:50px;}
.registration .survey_wrap .agree_txt label{color:#7d7d7d;}
.registration .survey_wrap .infomation .txt{margin-bottom:10px; color:#7d7d7d;}
.registration .survey_wrap .infomation table{width:100%; margin-bottom:15px;}
.registration .survey_wrap .infomation table th{padding:8px 15px; background-color:#f0efef; border:1px solid #cbcbcb; border-left:none; font-weight:normal; font-size:14px; color:#282828; text-align:center; font-weight:normal;}
.registration .survey_wrap .infomation table td{padding:8px 15px; border:1px solid #cbcbcb; border-right:none; font-size:12px; text-align:left; color:#7d7d7d;}
.registration .survey_wrap .infomation table label.first{margin-right:83px;}
.registration .survey_wrap .infomation table input[type=text]{height:auto; padding:5px; background:none; border:1px solid #cbcbcb; border-radius:0;}
.registration .survey_wrap .infomation table select{width:65px; height:auto; padding:4px; border:1px solid #cbcbcb; background-image:none; vertical-align:middle; appearance:menulist;-webkit-appearance:menulist; -moz-appearance:menulist;}
.registration .survey_wrap .infomation table a img{padding:10px 0 10px 5px; vertical-align:middle;}
.registration .survey_wrap .infomation .first li{margin-right:30px;}
.registration .survey_wrap .infomation li{float:left; margin-right:40px; font-size:15px;}
.registration .survey_wrap .infomation li input{margin-right:5px; vertical-align:middle;}
.registration .survey_wrap .infomation li label{vertical-align:middle;}
.registration .survey_wrap .w400{width:400px; margin-bottom:10px;}
.registration .survey_wrap .w150{width:150px;}
.registration .survey_wrap .w100{width:100px;}
.registration .survey_wrap .w50{width:50px;}
.registration .survey_wrap .btn_area{text-align:center;}
.registration .survey_wrap .btn_area a{padding:0 45px; background-color:#333132; border-radius:0; line-height:50px;}

/* brand */
.brand .visual_area{background-image:url(../images/brand/bg_brand.jpg);}
.brand .section{overflow:hidden; width:1100px; margin:0 auto 120px;}
.brand .section:last-child{margin-bottom:0;}
.brand .section h3{margin-bottom:10px; font-size:45px; font-weight:500; color:#fff;}
.brand .section h4{margin-bottom:20px; font-size:22px; font-weight:400;}

/* story */
.story .contents{width:100%;}
.story .section .text_area{overflow:hidden; margin-bottom:50px;}
.story .section .text_area h4{float:left; width:20%; margin-bottom:0;}
.story .section .text_area p{float:right; width:75%;}
.story .sec1{position:relative;}
.story .sec1 .bg_area{padding:55px 0 65px 0; margin-bottom:60px; background:url(../images/brand/story_bg01.jpg) 0 0 no-repeat; text-align:center;}
.story .sec1 .bg_area p{font-size:25px; font-weight:500; color:#fff;}
.story .sec1 .bg_area p span{display:block; font-size:15px; font-weight:400; line-height:200%;}
.story .sec1 .motion_box{opacity:0; -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-transition:-webkit-transform .8s ease-in-out, opacity .8s ease-in-out; transition:transform .8s ease-in-out, opacity .8s ease-in-out;}
.story .sec1 .motion_box.on{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.story .sec1 .motion_box:after,.story .sec1 .motion_none:after{content: ""; display:block; clear:both;}
.story .sec1 .motion_img{float:left; width:604px;}
.story .sec1 .motion_txt{float:left; margin-left:60px;}
.story .sec1 .motion_txt .inner{padding:100px 0 95px 0;}
.story .sec1 .motion1 .motion_img{position:absolute; right:0; top:-60px; height:378px;}
.story .sec2{width:100%; background-color:#f1f0f1;}
.story .sec2 .inner{width:1100px; padding:80px 0; margin:0 auto; text-align:center;}
.story .sec2 p.txt{margin-bottom:35px;}
.story .sec2 ul{overflow:hidden; width:957px; margin:0 auto 30px; text-align:left;}
.story .sec2 ul li{float:left; width:319px; height:256px; background-position:0 0; background-repeat:no-repeat;}
.story .sec2 ul li.bg1{background-image:url(../images/brand/story_sec2_bg1.png);}
.story .sec2 ul li.bg2{background-image:url(../images/brand/story_sec2_bg2.png); text-align:center;}
.story .sec2 ul li.bg3{background-image:url(../images/brand/story_sec2_bg3.png);}
.story .sec2 ul li span{display:inline-block; padding-top:85px; font-size:16px; color:#fff;}
.story .sec2 ul li.bg1 span{padding-left:58px; text-align:center;}
.story .sec2 ul li.bg3 span{padding:70px 0 0 160px; text-align:center;}
.story .sec2 p.logo_txt{font-size:25px; line-height:180%; color:#005151; font-weight:400; letter-spacing:-1px;}
.story .sec2 .opa,.story .sec4 .opa{opacity:0;}
.story .sec3 .history{overflow:hidden; padding-top:26px; background:url(../images/brand/story_sec3_bg.png) center top no-repeat; text-align:center;}
.story .sec3 .history dl{float:left;}
.story .sec3 .history dl.list1{margin-left:60px;}
.story .sec3 .history dl.list2, .story .sec3 .history dl.list3{margin-left:255px;}
.story .sec3 .history dl dt{margin-bottom:10px; font-size:25px; color:#bdb4ab;}
.story .sec4{position:relative;}
.story .sec4 .bg_area{padding:55px 0 65px 0; margin-bottom:60px; background:url(../images/brand/story_bg02.jpg) 0 0 no-repeat; text-align:center;}
.story .sec4 .bg_area p{font-size:25px; font-weight:500; color:#fff;}
.story .sec4 .bg_area p span{display:block; padding-top:20px; font-size:15px; font-weight:300;}
.story .sec4 .point{overflow:hidden; text-align:center;}
.story .sec4 .point h5{margin-bottom:30px; font-size:25px;}
.story .sec4 .point h5:before{content:""; display:block; position:absolute; top:231px; left:50%; width:1px; height:52px; background-color:#c4bfb6;}
.story .sec4 .point dl{float:left; width:366px; padding:0 63px; border-right:1px solid #c4bfb6; box-sizing:border-box;}
.story .sec4 .point dl:before{content:""; display:block; margin:0 auto 15px;}
.story .sec4 .point dl.list1:before{width:70px; height:60px; background:url(../images/brand/story_icon01.png) 0 0 no-repeat;}
.story .sec4 .point dl.list2:before{width:99px; height:56px; background:url(../images/brand/story_icon02.png) 0 0 no-repeat;}
.story .sec4 .point dl.list3:before{width:78px; height:56px; background:url(../images/brand/story_icon03.png) 0 0 no-repeat;}
.story .sec4 .point dl.list3{border:none;}
.story .sec4 .point dl dt{padding-bottom:10px; font-size:18px; color:#005151; font-weight:400; letter-spacing:-1px;}

/* BI */
.bi .contents{width:100%;}
.bi .section a.down{padding:0 54px 0 30px; background:#b2a8a2 url(../images/common/icon_download.png) right 30px center no-repeat;}
.bi .sec1 .bg_area{padding:90px 0 110px; margin-bottom:25px; background:url(../images/brand/bi_bg.jpg) 0 0 no-repeat; text-align:center;}
.bi .sec1 .bg_area h3{margin-bottom:0;}
.bi .sec1 .bg_area p{color:#074f51;}
.bi .sec1 .bottom{overflow:hidden;}
.bi .sec1 .bottom p{float:left;}
.bi .sec1 .bottom a{float:right;}
.bi .sec2{width:100%; background-color:#f0eeec;}
.bi .sec2 .inner{overflow:hidden; width:1100px; padding:80px 0; margin:0 auto;}
.bi .img_area{float:left; width:670px;}
.bi .text_area{float:left;}
.bi .sec2 .text_area{margin-left:48px;}
.bi .sec2 .text_area p{margin-bottom:30px;}
.bi .sec3 .bg_area{width:100%; height:410px; padding-top:125px; margin-bottom:25px; background:url(../images/brand/bi_bg02.jpg) 0 0 no-repeat; text-align:center; box-sizing:border-box;}
.bi .sec3 .bg_area .logo{margin-bottom:100px;}
.bi .sec3 .bg_area a.type1{padding:0 54px 0 30px; background:#005151 url(../images/common/icon_download.png) right 30px center no-repeat;}
.bi .sec4 .img_area{width:495px; margin-left:77px;}

/* news */
.prugio_news .search_box {margin-bottom:50px; text-align:right;}
.prugio_news .search_box select{height:40px; padding:0 10px; margin-right:5px; border-radius:6px; vertical-align:middle;}
.prugio_news .search_box a{padding:0 30px; margin-left:5px; background-color:#333;}
.prugio_news .news_list ul{overflow:hidden;}
.prugio_news .news_list ul li{position:relative; float:left; width:340px; margin:0 0 40px 40px;}
.prugio_news .news_list ul li:nth-child(1),.prugio_news .news_list ul li:nth-child(4),.prugio_news .news_list ul li:nth-child(7){margin-left:0;}
.prugio_news .news_list ul li .img_area{width:340px; height:199px;}
.prugio_news .news_list ul li p{padding:25px 30px; border: 1px solid #dbdbdb; border-top:none; }
.prugio_news .news_list ul li p span.txt{display:block; overflow:hidden; width:280px; color:#000; font-weight:400; text-overflow:ellipsis; white-space:nowrap;}
.prugio_news .news_list ul li p span.date{display:block; padding-top:5px; color:#aaa;}
.prugio_news .btn_more{text-align:center;}
.prugio_news .btn_more a{padding:0 53px 0 32px; border:1px solid #aaa; background:url(../images/common/btn_more_view.gif) right 32px center no-repeat; color:#333;}

.prugio_news .article_tit{overflow:hidden; padding:25px 30px; border-top:2px solid #000; border-bottom:1px solid #e3e3e3;}
.prugio_news .article_tit h3{float:left; font-size:18px; font-weight:500;}
.prugio_news .article_tit span{float:right; color:#aaa;}
.prugio_news .article_cont{padding:75px 0; text-align:center;}
.prugio_news .article_move{margin-bottom:30px; border-top:1px solid #e3e3e3;}
.prugio_news .article_move li{overflow:hidden; border-bottom:1px solid #e3e3e3;}
.prugio_news .article_move li .prev{background:#fafafa url(../images/brand/arrow_top.png) 75% center no-repeat;}
.prugio_news .article_move li .next{background:#fafafa url(../images/brand/arrow_bot.png) 75% center no-repeat;}
.prugio_news .article_move span{float:left; padding:25px 70px 25px 30px; color:#333; font-weight:400;}
.prugio_news .article_move p{float:left; padding:25px 40px;}
.prugio_news .btn_area{text-align:right;}
.prugio_news .btn_area a{padding:0 30px;}

/* pr */
.pr .tab{overflow:hidden; margin-bottom:45px;}
.pr .tab li{float:left; width:33.3%; padding:15px 0; background-color:#a2aaad; text-align:center;}
.pr .tab li.on{background-color:#5b6770;}
.pr .tab li a{display:block; color:#fff;}
.pr .tit{overflow:hidden; margin-bottom:30px;}
.pr .tit h3{display:inline-block; font-size:30px; font-weight:400;}
.pr .tit a{display:block; float:right; padding:0 30px 0 15px; margin-top:5px; background:#fff url(../images/brand/arrow_r.png) right 18px center no-repeat; border:1px solid #aaa; line-height:32px; font-size:13px; color:#333;}
.pr .video_list{margin-top:40px;}
.pr .video_list ul{overflow:hidden; margin-bottom:20px;}
.pr .video_list ul li{position:relative; float:left; width:207px; height:137px; margin-left:14px;}
.pr .video_list ul li a{display:block; height:137px;}
.pr .video_list ul li .play{position:absolute; top:0; left:0;}
.pr .video_list ul li:first-child{margin-left:0;}
.pr .video_list ul li.on,.pr .video_list ul li:hover{box-shadow:inset 0 0 0 4px #015152;}
.pr .video_list ul li p{position:absolute; right:0px; bottom:0px; width:207px; padding:13px 0; background:url(../images/common/bg_trans.png) 0 0 repeat; text-align:center;}
.pr .video_list ul li p span{color:#fff; font-size:13px;}
.pr .video_list ul li img{position:relative; width:100%; z-index:-1;}

.pr .wall_area{display:none;}
.pr .wall_area.on{display:block;}
.pr .wall_area .bot{position:relative; width:100%; box-sizing:border-box; border:1px solid #dee1e3; border-top:0; overflow:hidden; height:81px; }
.pr .wall_area .bot p{padding-left:30px; font-weight:500; font-size:22px; color:#000; line-height:80px;}
.pr .wall_area .bot ul{position:absolute; right:29px; top:24px; overflow:hidden; }
.pr .wall_area .bot li{float:left; margin-left:10px;}
.pr .wall_area .bot li:first-child{margin-left:0;}
.pr .wall_tab{margin:50px 0 0;}
.pr .wall_tab ul{overflow:hidden;}
.pr .wall_tab li{float:left; width:207px; height:137px; margin-left:14px;}
.pr .wall_tab ul li a{display:block; height:137px;}
.pr .wall_tab ul li.on,.pr .wall_tab ul li:hover{box-shadow:inset 0 0 0 4px #0e5253;}
.pr .wall_tab ul li img{position:relative; width:100%; z-index:-1;}
.pr .wall_tab li:first-child{margin-left:0;}
.screen_area{text-align:center; margin-bottom:70px; }
.screen_area .top{padding:95px 0 70px; box-sizing:border-box; border:1px solid #dee1e3;}
.screen_area .top img{display:block; width:518px; margin:0 auto;}
.pr .screen_area .bot{overflow:hidden; width:100%; border:1px solid #dee1e3; border-top:0; text-align:left; box-sizing:border-box;}
.pr .screen_area .bot .left{float:right; width:46.5%; padding:24px 35px 24px 30px; border-right:1px solid #dee1e3; box-sizing:border-box; text-align:right;}
.pr .screen_area .bot .right{float:left; width:53.5%; padding:24px 30px 24px 35px; box-sizing:border-box;}
.pr .screen_area .bot p{display:inline-block; margin-right:17px; font-size:20px; font-weight:400; letter-spacing:-1px;}
.pr .screen_area .bot a{display:inline-block;}
.pr .screen_area .bot .left p:before{content:""; display:inline-block; width:32px; height:28px; margin-right:20px; background:url(../images/brand/prmedia_ico.png) 0 0 no-repeat; vertical-align:middle;}
.pr .screen_area .bot .right p:before{content:""; display:inline-block; width:67px; height:28px; margin-right:20px; background:url(../images/brand/prmedia_ico.png) 0 0 no-repeat; vertical-align:middle;}
.pr .text_area{max-height:240px; border:2px solid #dee1e3; color:#666; overflow-y:auto; word-break:keep-all;}
.pr .text_area p{padding:30px;}

/* pr_background */
.pr_back.tit{width:100%; border-bottom:1px solid #cccccc; text-align: center;}
.pr_back.tit h4{font-size:25px; font-weight: 400;}
.pr_back.tit p{margin-bottom: 30px; font-size: 18px; font-weight: 300;}
.pr_back.tit .gray_box{ width: 424px; padding:15px 0 15px 32px; margin:0 auto; margin-bottom: 55px;background-color:#f1f0f1; border-radius: 40px; box-sizing:border-box;}
.pr_back.tit .gray_box .inner{display:table; width:100%;}
.pr_back.tit .gray_box .inner .title{display:table-cell; vertical-align:top; width:60px; font-weight: 500; font-size: 15px; text-align:left; color: #005151;}
.pr_back.tit .gray_box .inner .cont{display:table-cell; vertical-align:top; font-weight: 400; font-size: 15px; color: #666666; text-align: left; letter-spacing:-0.6px;}

.back_list{overflow: hidden; margin-bottom: 60px;}
.back_list:last-child{margin-bottom: 0px;}
.back_list ul{overflow: hidden; margin:-20px; box-sizing: border-box;}
.back_list ul li{display: block; float:left; width:calc(33.3% - 40px); margin:20px; box-sizing: border-box;}
.back_list ul li img{width: 100%;}
/* .back_list ul li:nth-child(3n){margin-right:0;} */
.back_list ul li div{overflow: hidden; border:1px solid #dee1e3;}
.back_list ul li div a{display: block; float: right; width:85px; height:35px; padding:0 25px; margin:15px; background-color: #b2a8a2; border-radius:6px; font-weight: 300; font-size: 13px; line-height: 35px; color: #fff;}
.back_list ul li div a span{display:block; width:100%; background: url("../images/brand/arrow_down.png") center right no-repeat;}






/* award */
.award .tit{overflow:hidden; padding-bottom:25px; margin-bottom:35px; border-bottom:2px solid #000;}
.award .tit h3{display:inline-block; line-height:120%; font-size:50px; font-weight:500; color:#8a8076;}
.award .search_box{float:right; padding-top:15px;}
.award .search_box select{width:185px; height:40px; padding-left:15px; border-radius:6px;}
.award .award_box{width:100%; background:url(../images/brand/award_bg.gif) 46px 0 repeat-y;}
.award .award_box dl{overflow:hidden; padding-bottom:50px;}
.award .award_box dl:last-child{padding-bottom:0;}
.award .award_box dl dt{float:left;}
.award .award_box dl dt span{display:block; width:92px; height:92px; background-color:#005151; border-radius:50%; line-height:92px; font-size:20px; font-weight:500; color:#fff; text-align:center;}
.award .award_box dl dd{float:left; margin-left:100px;}
.award .award_box dl dd ul li{width:908px; line-height:70px; border-bottom:1px dotted #ddd;}
.award .award_box dl dd ul li:first-child{border-top:1px dotted #ddd;}
.award .award_box dl:first-child dd ul li{border-top:none;}
.award .award_box dl dd span{display:inline-block; min-width:30px; padding-right:37px; color:#005151; font-weight:500;}

/* record */
.record .search_box{margin-bottom:50px; text-align:right;}
.record .search_box select{height:40px; padding:0 10px; margin-right:5px; border-radius:6px; vertical-align:middle;}
.record .search_box a{padding:0 30px; margin-left:5px;}
.record .table_wrap{border-top:2px solid #000; border-bottom:1px solid #e3e3e3;}
.record table th{padding:20px 0; color:#55585b;}
.record table td{border-top:1px solid #e3e3e3; padding:18px 0 18px 25px;}
.record table td.project{color:#005151; background:#fafafa;}
.record table td dl{overflow:hidden; line-height:21px;}
.record table td dt{float:left; min-width:70px;}
.record table td dd{color:#929292;}
.record table td dd span{padding-right:9px;}

/* product */
.product .visual_area{background-image:url(../images/product/bg_product.jpg);}
.product .section{overflow:hidden; width:1100px; margin:0 auto 120px;}
.product .section:last-child{margin-bottom:0;}
.product .section h3{margin-bottom:10px; font-size:45px; font-weight:500; color:#fff;}
.product .section h4{margin-bottom:20px; font-size:25px; font-weight:400; color:#005151;}
.product .section h4 span{display:block; color:#000; font-size:36px; font-weight:500;}

/* premium */
.premium .contents{width:100%;}
.premium .section{position:relative; min-height:700px; margin-bottom:0;}
.fixed.scrollup .premium .section .cont{margin-top:-200px;}
.premium .section .cont{overflow:hidden; position:absolute; width:1100px; top:50%; left:50%; margin:-265px 0 0 -550px; /*opacity:0; -webkit-transform:translateY(100px);  transform:translateY(100px); transition:all .5s .3s ease;*/}
/*.premium .section.on .cont{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}*/
.premium .section .img_area{overflow:hidden; float:left; width:550px;}
.premium .section .text_area{float:left; width:550px; height:530px; padding-left:65px; box-sizing:border-box; display:table;}
.premium .section .text_area > div{display:table-cell; height:530px; vertical-align:middle;}
.premium .section .text_area p{font-size:16px; color:#666; letter-spacing:-0.5px;}
.premium .section .text_area ul{float:left;}
.premium .section .text_area ul.last{margin-left:70px;}
.premium .section .text_area ul li{padding-left:10px; line-height:1.7em; color:#005151; text-indent:-10px;}
.premium .sec1{position:relative; min-height:480px;}
.premium .sec1 .premium_list{overflow:hidden;}
.premium .sec1 .premium_list p{float:left; font-size:18px; font-weight:400; line-height:100%;}
.premium .sec1 .premium_list p span{display:inline-block; margin-top:10px; font-size:25px; color:#000; line-height:31px; font-weight:500;}
.premium .sec1 .premium_list ul{overflow:hidden; float:left; text-align:center;}
.premium .sec1 .premium_list ul li{float:left; padding:0 56px; border-right:1px solid #e1dfda; color:#666; opacity:0;}
.premium .sec1 .premium_list ul li:last-child{padding-right:0; border-right:none;}
.premium .sec1 .premium_list ul li:before{content:""; display:block; height:50px; margin:0 auto 7px; background-image:url(../images/product/premium_ico.png); background-repeat:no-repeat;}
.premium .sec1 .premium_list ul li.ico1:before{width:60px; background-position:0 0;}
.premium .sec1 .premium_list ul li.ico2:before{width:43px; background-position:-60px 0;}
.premium .sec1 .premium_list ul li.ico3:before{width:55px; background-position:-103px 0;}
.premium .sec1 .premium_list ul li.ico4:before{width:46px; background-position:-158px 0;}
.premium .sec1 .premium_list ul li span{display:block; font-size:20px; font-weight:500; color:#005151; line-height:95%;}
.premium .sec1 .bg_area{padding:55px 0 60px 0; margin-bottom:45px; background:url(../images/product/premium_bg.jpg) 0 0 no-repeat; text-align:center;}
.premium .sec1 .bg_area p{color:#fff;}
.premium .sec2 .text_area{height:530px; background-color:#fff;}
.premium .sec2{width:100%; background-color:#f2f2ef;}
.premium .sec3 .text_area{padding-left:0;}
.premium .sec4{width:100%; background-color:#a1a8ae;}
.premium .sec4 .text_area{background-color:#fff;}
.premium .sec5 .text_area{padding-left:0;}
.premium .sec5 .cont{margin-top:-285px;}
.fixed.scrollup .premium .sec5 .cont{margin-top:-265px;}
.premium .sec5 .cont .cont_wrap{overflow:hidden; padding-bottom:75px; border-bottom:1px solid #e1dfda;}
.premium .sec5 p.notice{padding-top:15px; color:#aaaaaa}

/* gallery :: instagram */
.gallery .sec1{margin-bottom:90px;}
.gallery .sec2 p{margin-bottom:90px; line-height:1.4em; font-size:30px; text-align:center; letter-spacing:-2px;}
.gallery .sec2 p strong{font-weight:500;}
.gallery .sec2 .insta_area ul{overflow:hidden; border-bottom:1px solid #e3e3e3;}
.gallery .sec2 .insta_area li{float:left; width:340px; height:340px; margin:0 0 40px 40px;}
.gallery .sec2 .insta_area li a{display:block;}
.gallery .sec2 .insta_area li img{width:100%;}
.gallery .sec2 .insta_area li:nth-child(3n+1){margin-left:0;}
.gallery .sec2 .btn_area{padding-top:80px; text-align:center;}
.gallery .sec2 a.btn{padding:15px 20px; line-height:1.5em; font-size:19px; vertical-align:middle;}
.gallery .sec2 a.btn:after{content:""; display:inline-block; width:7px; height:10px; background:url(../images/gallery/gallery_btn_ico.png) center center no-repeat;}
.gallery .sec2 a.btn_gallery{margin-left:20px; background-color:#525252;}
.gallery .sec2 a.btn_insta{background-color:#d7849f;}

/* prugio-gallery */
.header.prugio-gallery{position:absolute; width:100%; height:104px; z-index:110;}
.header.prugio-gallery .inner{position:relative; max-width:1200px; padding:43px 0 0; margin:0 auto;}
.header.prugio-gallery h1{position:absolute; top:39px; right:20px; display:block; width:145px; height:23px; background:url(../images/common/logo.png) 0 0 no-repeat;}
.header.prugio-gallery h1 a{display:block; width:145px; height:23px;}

.prugio-gallery .visual_area{background-image:url(../images/gallery/bg_prugio_gallery.jpg);}
.prugio-gallery .search_box{margin-bottom:50px; text-align:right;}
.prugio-gallery .search_box select{width:340px; height:37px; padding:9px 6px; border-radius:6px;}
.prugio-gallery .gallery_list{overflow:hidden;}
.prugio-gallery .gallery_list li{float:left; position:relative; width:340px; margin:0 0 40px 40px;}
.prugio-gallery .gallery_list li a{display:inline-block;}
.prugio-gallery .gallery_list li:hover{box-shadow:inset 0 0 0 4px #015152;}
/*.prugio-gallery .gallery_list li:hover p{padding:10px 33px 11px; border:none;}*/
.prugio-gallery .gallery_list ul li:nth-child(1),.prugio-gallery .gallery_list ul li:nth-child(4),.prugio-gallery .gallery_list ul li:nth-child(7){margin-left:0;}
.prugio-gallery .gallery_list li img{position:relative; width:340px; height:290px; z-index:-1;}
.prugio-gallery .gallery_list p{padding:10px 32px; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9; font-weight:400;}
.prugio-gallery .btn_more{text-align:center;}
.prugio-gallery .btn_more a{padding:0 53px 0 32px; border:1px solid #aaa; background:url(../images/common/btn_more_view.gif) right 32px center no-repeat; color:#333;}
.prugio-gallery .complex_title{overflow:hidden; padding:40px 50px; margin-bottom:45px; background-color:#f4f4f4;}
.prugio-gallery .complex_title h3{float:left; font-size:30px; font-weight:500;}
.prugio-gallery .complex_title .search_box{margin-bottom:0;}
.prugio-gallery .complex_list .video_area{overflow:hidden; position:relative; width:100%; padding-top:56.25%; margin-bottom:80px; background-color:#000;}
.prugio-gallery .complex_list .video_area .video{position:absolute; left:0; top:0; width:100%; height:100%;}
.prugio-gallery .complex_list{overflow:hidden; position:relative; width:1100px; margin-bottom:40px;}
.prugio-gallery .complex_list li{overflow:hidden; float:left; width:270px; height:230px; margin:0 0 6px 6px;}
.prugio-gallery .complex_list li:nth-child(4n+1){margin-left:0;}
.prugio-gallery .complex_list li a{display:block;}
.prugio-gallery .complex_list li img{width:270px; height:230px;}

#slidePop{display:none; position:absolute; left:0; top:0; z-index:500; width:100%; height:100%;}
#slidePop.on{display:block;}
#slidePop .layer{position:fixed;width:100%;height:100%; background-color:#000; opacity:0.8;filter:alpha(opacity=80);}
#slidePop .cont{position:relative; max-width:1100px; width:100%; height:100%; margin:20px auto; padding-top:20px;}
#slidePop .cont ul{position:relative; overflow:hidden; width:100%; max-width:1100px; height:100%;}
#slidePop .cont li{position:absolute; left:1100px; top:50%; width:100%; text-align:center;}
#slidePop .cont li img{max-width:100%;}
#slidePop .cont li span{position:relative;display:inline-block;}
#slidePop .cont .txt{position:absolute; left:0; bottom:0; width:100%; margin:0 auto; padding:20px 0; background-color:#fff; text-align:center;}
#slidePop .cont .txt p{font-weight:400; font-size:20px;}
#slidePop .cont .txt p strong{margin-right:15px; font-size:30px; font-weight:normal;}
#slidePop .cont > a{display:block; position:absolute; text-indent:-9999px; overflow:hidden;}
#slidePop .cont .arrow{position:absolute; top:45%; width:23px; height:48px; background:url(../images/gallery/btn_arrow.png) 0 0 no-repeat;}
#slidePop .cont .arrow.btn_left{left:0;}
#slidePop .cont .arrow.btn_right{right:0; background-position:-23px 0;}
#slidePop .cont .btn_close{position:absolute; top:50px; right:-61px; width:60px; height:60px; background:url(../images/gallery/btn_close.jpg) 0 0 no-repeat; z-index:501;}

/* life */
.life_common .visual_area{background-image:url(../images/life/bg_life.jpg);}

.life .contents{width:100%; padding-bottom:0;}
.life .sec1{width:1100px; margin:0 auto 150px;}
.life .sec2{margin-bottom:150px;}
.life .sec2 .section_top{position:relative; margin-bottom:98px; text-align:center; z-index:1;}
.life .sec2 .section_top p.tit{margin-bottom:20px; line-height:1.2em; font-size:30px; color:#000; letter-spacing:-1px;}
.life .sec2 .section_top p.txt{margin-bottom:30px; color:#666;}
.life .sec2 .section_top p strong{font-weight:500;}
.life .sec2 .section_top a{display:inline-block; padding:0 60px 0 10px; margin-top:8px; background:#015152 url(../images/life/arrow_r_w.png) right 15px center no-repeat; line-height:32px; font-size:13px; color:#fff;}
.life .sec2 .video_area .inner{overflow:hidden; position:relative; width:1100px; margin:0 auto; z-index:1;}
.life .sec2 .video_area dl {text-align:center;}
.life .sec2 .video_area dl dt{margin-bottom:15px; font-size:22px; font-weight:400;}
.life .sec2 .video_area .list{position:relative; padding-left:25px; opacity:0; -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-transition:-webkit-transform .8s ease-in-out, opacity .8s ease-in-out; transition:transform .8s ease-in-out, opacity .8s ease-in-out;}
.life .sec2 .video_area .list.on{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.life .sec2 .video_area a{display:block; margin-bottom:35px;}
.life .sec2 .video_area .left{float:left; width:460px;}
.life .sec2 .video_area .right{float:right; width:460px; padding-top:50px;}
.life .sec2 .video_area .bg_text{display:block; position:absolute; opacity:0; -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-transition:-webkit-transform .5s ease-in-out, opacity .5s ease-in-out; transition:transform .5s ease-in-out, opacity .5s ease-in-out;}
.life .sec2 .video_area .bg_text.on{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.life .sec2 .video_area .bg_text.p{left:245px; top:-127px; width:215px; height:295px; background:url(../images/life/life_txt_p.png) 0 0 no-repeat;}
.life .sec2 .video_area .bg_text.r{left:42%; top:204px; width:245px; height:293px; background:url(../images/life/life_txt_r.png) 0 0 no-repeat;}
.life .sec2 .video_area .bg_text.u{right:450px; top:-293px; width:245px; height:301px; background:url(../images/life/life_txt_u.png) 0 0 no-repeat;}
.life .sec2 .video_area .bg_text.g{left:102px; top:240px; width:275px; height:304px; background:url(../images/life/life_txt_g.png) 0 0 no-repeat;}
.life .sec2 .video_area .bg_text.i{left:52%; top:42px; width:59px; height:297px; background:url(../images/life/life_txt_i.png) 0 0 no-repeat;}
.life .sec2 .video_area .bg_text.o{right:42px; top:-300px; width:304px; height:304px; background:url(../images/life/life_txt_o.png) 0 0 no-repeat;}
.life .sec2 .video_area .video_wrap{position:relative; padding-bottom:100px;}
.life .sec2 .video_area .video_wrap1 .right{padding-top:50px;}
.life .sec2 .video_area .video_wrap4{padding-bottom:0;}
.life .sec2 .video_area .list:before{content:""; display:block; position:absolute; left:0;}
.life .sec2 .video_area .list1:before{bottom:219px; width:15px; height:109px; background:url(../images/life/life_sec2_img_txt03.png) 0 0 no-repeat;}
.life .sec2 .video_area .list2:before{bottom:225px; width:15px; height:109px; background:url(../images/life/life_sec2_img_txt03.png) 0 0 no-repeat;}
.life .sec2 .video_area .list3:before{bottom:380px; width:15px; height:109px; background:url(../images/life/life_sec2_img_txt03.png) 0 0 no-repeat;}
.life .sec2 .video_area .list4:before{bottom:219px; width:15px; height:96px; background:url(../images/life/life_sec2_img_txt02.png) 0 0 no-repeat;}
.life .sec2 .video_area .list5:before{bottom:225px; width:15px; height:95px; background:url(../images/life/life_sec2_img_txt02.png) 0 0 no-repeat;}
.life .sec2 .video_area .list6:before{bottom:234px; width:15px; height:96px; background:url(../images/life/life_sec2_img_txt05.png) 0 0 no-repeat;}
.life .sec2 .video_area .list7:before{bottom:236px; width:15px; height:83px; background:url(../images/life/life_sec2_img_txt07.png) 0 0 no-repeat;}
.life .sec3{padding:60px 0 70px; background:url(../images/life/life_sec3_bg.jpg); text-align:center;}
.life .sec3 p{margin-bottom:17px; font-size:22px; font-weight:400;}
.life .sec3 a{display:inline-block; padding-right:12px; color:#015152; font-weight:400; background:url(../images/brand/arrow_r.png) right 7px no-repeat;}
.life .sec3 a:before{content:""; display:inline-block; width:85px; height:25px; margin-right:5px; background:url(../images/life/webzine_logo.png); vertical-align:-webkit-baseline-middle;}

/* myprugio */
.myprugio .danji{margin-bottom:60px; border-top:2px solid #eee;}
.myprugio .danji .tit{width:100%; padding-left:30px; box-sizing:border-box; color:#aaa; line-height:60px; border:2px solid #eee; border-top:0; background-color:#fff; background-image:url(../images/myprugio/bg_myprugio_tit.png); background-position:755px center; background-repeat:no-repeat;}
.myprugio .danji .tit.on{background-image:url(../images/myprugio/bg_myprugio_tit_on.png); background-color:#a2aaad; color:#fff; border:none;}
.myprugio .danji .tit.on p{font-weight:500;}
.myprugio .danji .tit p{display:inline-block; padding-right:40px; font-size:20px; font-weight:400;}
.myprugio .danji .tit span{font-weight:400;}
.myprugio .danji .cont{display:none; padding:30px; background:#eee;}
.myprugio .danji .cont .top_cont{position:relative;overflow:hidden;}
.myprugio .danji .cont .top_cont .month{position:absolute; top:0; left:0; font-size:16px; font-weight:400; color:#333;}
.myprugio .danji .cont .top_cont .down{position:absolute; top:0; right:0; z-index:1; width:167px; padding-left:19px; text-align:left; background-image:url(../images/myprugio/btn_down_ico.png); background-position:151px center; background-repeat:no-repeat;}
.myprugio .danji .cont .top_cont .thumb_area{padding-top:50px;}
.myprugio .danji .cont .top_cont .thumb_area .thumb{width:310px; height:208px;}
.myprugio .danji .cont .top_cont .link_area{position:absolute; top:0; right:0;}
.myprugio .danji .cont .top_cont .link_area ul{width:378px; padding-top:90px; overflow:hidden;}
.myprugio .danji .cont .top_cont .link_area li{float:left; margin-left:9px; margin-bottom:9px;}
.myprugio .danji .cont .top_cont .link_area a{width:117px; line-height:60px; background:#005151;}
.myprugio .danji .cont .bot_cont{padding:25px 30px; margin-top:30px; background:#fff;}
.myprugio .danji .cont .bot_cont ul li{position:relative; height:34px; margin-top:20px;}
.myprugio .danji .cont .bot_cont ul li:first-child{margin-top:0;}
.myprugio .danji .cont .bot_cont li dl{overflow:hidden; line-height:34px;}
.myprugio .danji .cont .bot_cont li dl dt{position:relative; float:left; width:145px; padding-left:10px; color:#333;}
.myprugio .danji .cont .bot_cont li dl dt:before{display:block; content:""; position:absolute; left:0; top:15px; width:3px; height:3px; background:#005151;}
.myprugio .danji .cont .bot_cont li dl dd{float:left; color:#666;}
.myprugio .danji .cont .bot_cont li a{position:absolute; top:0; right:0; width:133px; line-height:34px; font-size:13px; font-weight:300;}
.myprugio .danji .cont .bot_cont li a.down{width:107px; padding-left:26px;text-align:left; background-image:url(../images/myprugio/btn_down_ico.png); background-position:91px center; background-repeat:no-repeat;}
.myprugio .complain_box{padding:80px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center;}
.myprugio .complain_box p{line-height:100%;}
.myprugio .complain_box p.notice{padding-bottom:15px; font-size:24px;}
.myprugio .complain_box p.notice span{font-weight:500; color:#005151;}
.myprugio .complain_box p.txt{font-size:16px; color:#666;}
.myprugio .complain_box .tel{margin-top:30px;}
.myprugio .complain_box .tel p{width:530px; margin:0 auto; line-height:75px; background:#e6e7e9; border-radius:6px; font-size:22px; }
.myprugio .complain_box .tel span{padding-left:10px; font-weight:700; color:#005151;}

.myprugio .box{overflow:hidden;}
.myprugio .box div{width:360px; margin-bottom:20px; padding:40px 0 40px 30px;}
.myprugio .box div h5{font-size:22px; color:#333; font-weight:500; line-height:100%;}
.myprugio .box div p{padding-top:13px; line-height:100%;}
.myprugio .box .plan{float:left; background:url(../images/myprugio/icon_box01.png) 309px center #f4f4f4 no-repeat;}
.myprugio .box .qna{float:right; background:url(../images/myprugio/icon_box02.png) 306px center #f4f4f4 no-repeat;}
.myprugio .box .sale01{float:left; background:url(../images/myprugio/icon_box03.png) 301px center #f4f4f4 no-repeat;}
.myprugio .box .sale02{float:left; background:url(../images/myprugio/icon_box04.png) 305px center #f4f4f4 no-repeat;}

/* my_info */
.my_info .sub_title{height:auto; padding-bottom:30px;}
.my_info .essential{margin-bottom:10px; font-size:13px; color:#aaa;}
.my_info .password td{position:relative;}
.my_info .question{display:inline-block; width:40px; line-height:40px; margin-left:10px; color:#fff; text-align:center; vertical-align:middle; background:#b2a8a2; border-radius:6px;}
.my_info .question:hover ~ .info_pw{display:block;}
.my_info .txt{margin-left:20px; font-size:13px; color:#aaa; vertical-align:middle;}
.my_info .txt:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.my_info .info_pw{display:none; position:absolute; top:65px; left:187px; padding:18px 20px; background:#fff; border:1px solid #e3e3e3; box-shadow:1.5px 1.5px 5px 1.5px #e3e3e3;}
.my_info .info_pw li{margin:5px 0 0 14px; font-size:12px; text-indent:-14px; line-height:1.5em;}
.my_info .info_pw li:first-child{margin-top:0;}
.my_info .email td span{display:inline-block; padding:0 4px; font-size:14px; color:#888;}
.my_info .email select{margin-left:10px; width:174px; height:40px; border-radius:6px;}
.my_info .number select{width:100px; height:40px; border-radius:6px;}
.my_info .number input{width:88px;}
.my_info .address input[type=text]{margin:5px 0;}
.my_info .address a{width:140px; margin-left:10px;}
.my_info .address .contract{padding:5px 0;}
.my_info .address .contract input{margin-top:3px;}
.my_info .address .contract label{vertical-align:middle;}
.my_info .agree td input{margin-top:3px;}
.my_info .agree td > p{margin-bottom:5px; color:#8b8b8b;}
.my_info .agree td > p:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.my_info .agree div{margin:5px 0 25px;}
.my_info .agree div p{margin-bottom:10px; font-weight:400;}
.my_info .bar{display:inline-block; padding:0 9px; font-size:14px; color:#888;}

/* my_check */
.my_info.my_check .common_table .table_wrap{margin-bottom:15px;}
.my_info.my_check .notice{margin-bottom:30px;}
.my_info.my_check .notice span{color:#005151; font-weight:400;}
.my_info.my_check .commonBtn{background:#005151;}

/* my_complex */
.my_complex th{padding:13px 0; text-align:center; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.my_complex th:first-child{border-left:none;}
.my_complex td{padding:13px 0; text-align:center;}
.my_complex td.my_btn{padding:8px 0;}
.my_complex td.my_btn a{padding:5px 20px;}

/* my_qna */
.my_qna .faq_quick{padding:15px 0; margin-bottom:60px; background:#f1f1f1; overflow:hidden;}
.my_qna .faq_quick span{display:inline-block; padding-left:30px; margin-top:7px; color:#333;}
.my_qna .faq_quick a{display:block; float:right; width:88px; margin-right:30px; background:#005151;}
.my_qna .tab{overflow:hidden; margin-bottom:30px;}
.my_qna .tab a{display:block; float:left; width:50%; padding:13px 0; font-weight:400; text-align:center; background:#a2aaad; color:#fff;}
.my_qna .tab a.on{background:#5b6770;}
.my_qna .qna_list{display:none;}
.my_qna .qna_list.on{display:block;}
.my_qna .state{color:#05713d;}
.my_qna .inquiry{margin-top:50px;}
.my_qna .inquiry th{padding:24px 0 23px 30px; border-right:none;}
.my_qna .inquiry td{padding:24px 0 23px 30px; text-align:left; color:#666;}
.my_qna .inquiry td.tit{padding:22px 0 22px 30px; font-weight:400; color:#333;}
.my_qna .inquiry td.tit span.icon_qs{display:inline-block; margin-left:15px; width:76px; line-height:26px; font-size:13px; color:#fff; text-align:center; background:#b2a8a2; border-radius:6px; font-weight:300;}
.my_qna .inquiry td.date{padding-left:0; padding-right:30px; font-weight:400; text-align:right; color:#333;}
.my_qna .satisfaction td{position:relative;}
.my_qna .satisfaction p{margin-bottom:10px; font-weight:400; color:#666;}
.my_qna .satisfaction input[type=radio]{margin-top:3px;}
.my_qna .satisfaction a{display:block; width:76px; margin-top:20px; clear:both; line-height:26px; font-weight:300; font-size:13px;}
.my_qna .common_table .btn_area a.type2{width:112px; background:#005151;}
.my_qna .inquiry_con p{font-size:14px; line-height:20px;}
.my_qna a.inquiry_link{color:#005e39; font-weight:bold; text-decoration:underline;}
.my_qna .essential{float:right; font-size:13px; color:#aaa;}
.my_qna .modify{display:inline-block; margin-bottom:10px; font-size:13px; color:#aaa; text-align:left; }
.my_qna .modify:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.my_qna .modify a{text-decoration:underline; color:#005151;}
.my_qna .modify:after{content:""; display:inline-block; clear:both;}
.my_qna .group select{width:319px;}
.my_qna .email td span{margin:0 5px; vertical-align:middle;}
.my_qna .email select{margin-left:3px;}
.my_qna .number select{width:78px;}
.my_qna .number input{width:66px;}
.my_qna .number p{clear:both;}
.my_qna .number p:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.my_qna .number p a{text-decoration:underline; color:#005151;}
.my_qna .file div{overflow:hidden; float:left; position:relative;}
.my_qna .file div input{position:absolute; top:0; right:0; height:28px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.my_qna .file div .commonBtn{width:113px;}
.my_qna .file td > span{display:block; float:left; padding:9px 0 0 20px; color:#888;}
.my_qna .file p{clear:both; padding-top:10px; font-size:13px; color:#aaa;}
.my_qna .file p:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.my_qna textarea{width:546px; height:140px; padding:5px; resize:none; border:1px solid #dbdbdb; border-radius:6px;}

.my_qna .table_wrap .qna{line-height:1.4em;}
.my_qna .qna th{padding:24px 0; text-align:center; border-bottom:1px solid #e3e3e3;}
.my_qna .qna td{padding:24px 0; text-align:center;}
.my_qna .qna td a{color:#005151;}

.my_qna h4{margin-bottom:10px; font-size:16px; font-weight:400; color:#333;}
.my_qna .notice_list li{margin-left:15px; text-indent:-15px; line-height:1.5em;}
.my_qna .notice_list li, .agree_list li{margin-bottom:5px; color:#888; font-size:14px;}
.my_qna .agree_desc{margin:60px 0 50px;}
.my_qna .agree_desc .box{margin-bottom:10px; padding:20px; border:1px solid #d6d6d6;}
.my_qna .agree_desc .box h5{margin-bottom:10px; font-weight:400; color:#333;}
.my_qna .agree_desc .box p{margin-bottom:5px; margin-top:5px; line-height:20px; color:#888;}
.my_qna .agree_desc  p.txt1{margin-bottom:7px; color:#666;}
.my_qna .agree_desc .agree_area{overflow:hidden;}
.my_qna .agree_desc .agree_area p{float:left; font-weight:400; color:#333;}
.my_qna .agree_desc .agree_area .input_area{float:right;}
.my_qna .agree_desc li a{text-decoration:underline;}
.my_qna .agree_desc > label{color:#666;}
.my_qna .agree_desc > input{margin-top:3px;}

/* payment */
.payment .complain_box{padding:80px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center;}
.payment .complain_box p{line-height:100%;}
.payment .complain_box p.notice{padding-bottom:15px; font-size:20px;}
.payment .complain_box p.notice span{font-weight:500; color:#005151;}
.payment .complain_box p.txt{font-size:16px; color:#666;}
.payment .complain_box .tel{margin-top:30px;}
.payment .complain_box .tel p{width:530px; margin:0 auto; line-height:75px; background:#e6e7e9; border-radius:6px; font-size:22px; }
.payment .complain_box .tel span{padding-left:10px; font-weight:700; color:#005151;}

/*payment_guide*/
.payment_guide .tab{overflow:hidden; margin-bottom:50px;}
.payment_guide .tab a.tab_btn{display:block; float:left; width:33.3%; padding:13px 0; font-weight:400; text-align:center; background:#a2aaad; color:#fff;}
.payment_guide .tab a.on{background:#5b6770;}
.payment_guide .tab p{padding-top:15px; text-align:right; color:#aaa; font-size:13px; clear:both;}
.payment_guide .tab p a{display:inline-block; width:100px; margin-left:15px; line-height:26px; font-size:13px; text-align:center; background:#b2a8a2; color:#fff; border-radius:6px;}
.payment_guide .table_wrap{margin-bottom:30px; font-size:13px; line-height:1.4em;}
.payment_guide .common_table td{padding:11px 0 10px 30px;}
.payment_guide h4{margin-bottom:15px; font-size:18px; font-weight:400; color:#333; line-height:100%;}
.payment_guide .guide_box{margin-bottom:60px; color:#666;}
.payment_guide .guide_box ul li{position:relative; left:0; top:0; padding-left:10px; line-height:26px;}
.payment_guide .guide_box ul li:before{display:block; content:""; position:absolute; left:0; top:11px; width:3px; height:3px; background:#005151;}
.payment_guide .guide_box ul li p{padding-top:10px; line-height:130%;}
.payment_guide .guide2 dl{overflow:hidden; margin-bottom:30px; line-height:26px;}
.payment_guide .guide2 dt{float:left; width:102px; color:#005151;}
.payment_guide .guide2 dd{float:left;}
.payment_guide .guide2 ul{margin-bottom:30px;}
.payment_guide .guide3{margin-bottom:0;}
.payment_guide .guide3 dt{margin-bottom:10px; font-weight:400; line-height:26px; color:#005151;}
.payment_guide .guide3 dt.dt2{padding-top:10px;}
.payment_guide .guide3 dd{position:relative; left:0; top:0; padding-left:10px; margin-bottom:10px;  line-height:150%;}
.payment_guide .guide3 dd:before{display:block; content:""; position:absolute; left:0; top:11px; width:3px; height:3px; background:#005151;}
.payment_guide .guide3 dd.last{margin-bottom:0;}
.payment_guide .guide3 dd p{padding-left:68px; text-indent:-68px; font-size:14px;}
.payment_guide table{border-top:2px solid #000; border-bottom:2px solid #e3e3e3;}
.payment_guide thead th{padding:14px 0 13px; text-align:center;}
.payment_guide tbody td{border-left:1px solid #e1e1e1; line-height:130%;}
.payment_guide tbody th{padding:14px 0 13px; background:#fff; border-left:0 none; font-weight:300; text-align:center; color:#666;}
.payment_guide tbody th strong{font-weight:500; color:#333;}
.payment_guide .txt_line{display:inline-block; padding-bottom:2px; margin-bottom:2px; border-bottom:1px solid #000; font-weight:500; color:#333;}
.common_table td.etc{padding:10px 0 10px; text-align:center;}
.payment_guide .middot{display:inline-block; width:3px; height:3px; margin-right:5px; background:#005151; vertical-align:middle;}

/* payment_middle */
.payment_middle .tab{overflow:hidden; margin-bottom:40px;}
.payment_middle .tab a.tab_btn{display:block; float:left; width:33.3%; padding:13px 0; font-weight:400; text-align:center; background:#a2aaad; color:#fff;}
.payment_middle .tab a.on{background:#5b6770;}
.payment_middle .tab p{padding-top:15px; text-align:right; color:#aaa; font-size:13px; clear:both;}
.payment_middle .tab p a{display:inline-block; width:100px; margin-left:15px; line-height:26px; font-size:13px; text-align:center; background:#b2a8a2; color:#fff; border-radius:6px;}
.payment_middle .table_wrap{margin-bottom:30px; line-height:1.4em;}
.payment_middle thead th{padding:15px 0; border-bottom:1px solid #e1e1e1;}
.payment_middle thead.long th{padding:27px 0 26px;}
.payment_middle th{padding:10px 0; text-align:center; border-left:1px solid #e3e3e3;}
.payment_middle th:first-child{border-left:none;}
.payment_middle td{padding:15px 5px 14px; text-align:right; border-left:1px solid #e3e3e3;}
.payment_middle .search{padding:15px 30px; margin-bottom:30px; font-size:13px; background:#fafafa; border-top:2px solid #000; border-bottom:1px solid #e3e3e3;}
.payment_middle .search select{width:243px; margin-right:20px;}
.payment_middle .search a{width:86px; background:#333;}
.payment_middle .common_table input[type=radio]{margin-top:3px;}
.payment_middle .common_table input[type=radio] + label{margin:0 20px 0 7px; color:#666;}
.payment_middle .common_table tbody tr:first-child th, .payment_middle .common_table tbody tr:first-child td{border-top:none 0;}
.payment_middle .business_name td{padding:15px 20px; text-align:left;}
.payment_middle .business_name label{margin:0 10px 0 15px; vertical-align:middle;}
.payment_middle .business_name label:first-child{margin-left:0;}
.payment_middle .business_name input[type=text].w70{width:58px;}
.payment_middle .business_name input[type=text].w50{width:38px;}
.payment_middle .business_name .mgr{margin-right:10px;}
.payment_middle .back_list1 tbody tr td:first-child, .payment_middle .back_list2 tbody tr td:first-child{border-left:none 0;}
.payment_middle .back_list1 tbody td, .payment_middle .back_list2 tbody td{text-align:center;}
.payment_middle .txt_green{color:#05713d;}
.payment_middle .box{overflow:hidden;}
.payment_middle .box .cont1{float:left; width:28%;}
.payment_middle .box .cont2{float:right; width:70%;}
.payment_middle .box .cont2 thead th{padding:6px 0 5px;}
.payment_middle .box .cont2 tbody td:first-child{border-left:none 0;}
.payment_middle .bottom{margin-bottom:10px;}
.payment_middle .bottom td{padding:15px 20px; text-align:left;}
.payment_middle .bottom input{text-align:right;}
.payment_middle .notice{margin-bottom:20px; font-size:13px; color:#929292;}

/* payment_pre */
.payment_pre .tab{overflow:hidden; margin-bottom:50px;}
.payment_pre .tab a.tab_btn{display:block; float:left; width:33.3%; padding:13px 0; font-weight:400; text-align:center; background:#a2aaad; color:#fff;}
.payment_pre .tab a.on{background:#5b6770;}
.payment_pre .tab p{padding-top:15px; text-align:right; color:#aaa; font-size:13px; clear:both;}
.payment_pre .tab p a{display:inline-block; width:100px; margin-left:15px; line-height:26px; font-size:13px; text-align:center; background:#b2a8a2; color:#fff; border-radius:6px;}
.payment_pre .info_desc{margin-bottom:40px;}
.payment_pre .info_desc h4{margin-bottom:10px; font-size:18px; font-weight:400;}
.payment_pre .info_desc li{margin-bottom:5px; color:#666;}
.payment_pre .table_wrap{margin-bottom:20px; line-height:1.4em;}
.payment_pre thead th{padding:15px 0 14px; border-bottom:1px solid #e3e3e3;}
.payment_pre th{padding:10px 0; text-align:center; border-left:1px solid #e1e1e1;}
.payment_pre th:first-child{border-left:none;}
.payment_pre td{padding:15px 5px 14px; text-align:right; border-left:1px solid #e3e3e3;}
.payment_pre td a{width:86px; background:#333;}
.payment_pre .calcu th{padding:15px 0; padding-left:30px; text-align:left;}
.payment_pre .calcu td{padding:15px 40px; text-align:left;}
.payment_pre .calcu select{width:250px; margin-right:10px;}
.payment_pre .calcu input[type=text]{width:238px; margin-right:10px;}
.payment_pre .calcu span{color:#aaa; font-size:13px; vertical-align:middle;}
.payment_pre .calcu span:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.payment_pre .calcu3_tr td span{display:inline-block; width:92px; padding:3px 0;}
.payment_pre .calcu3_tr td input{margin-right:5px;}
.payment_pre .calcu3_tr td select{width:250px; margin-right:10px;}
.payment_pre .mgb{margin-bottom:30px;}
.payment_pre .txt_center{text-align:center;}
.payment_pre .money{margin-top:30px;}
.payment_pre .money th{border-left:none;}
.payment_pre .money td{padding:15px 10px 14px; text-align:left;}
.payment_pre .common_table input[type=radio]{margin-top:3px;}
.payment_pre .common_table input[type=radio] + label{margin:0 20px 0 7px; color:#666;}

/* document */
.document .complain_box{padding:80px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center;}
.document .complain_box p{line-height:100%;}
.document .complain_box p.notice{padding-bottom:15px; font-size:20px;}
.document .complain_box p.notice span{font-weight:500; color:#005151;}
.document .complain_box p.txt{font-size:16px; color:#666;}
.document .complain_box .tel{margin-top:30px;}
.document .complain_box .tel p{width:530px; margin:0 auto; line-height:75px; background:#e6e7e9; border-radius:6px; font-size:22px; }
.document .complain_box .tel span{padding-left:10px; font-weight:700; color:#005151;}
.document dl{padding-top:25px; line-height:1.6em;}
.document dl span{color:#005151;}
.document dt{font-weight:400; color:#333;}
.document dt.second{margin-top:20px;}
.document dd{font-size:14px; text-indent:23px; color:#888;}

/* document common */
.document_tab{overflow:hidden; margin-bottom:30px;}
.document_tab a{display:block; float:left; width:50%; padding:13px 0; font-weight:400; text-align:center; background:#a2aaad; color:#fff;}
.document_tab a.on{background:#5b6770;}

/* document_member */
.document_member .complain_cont ul.notice2{margin-bottom:55px;}
.document_member .complain_cont ul.notice2 li{position:relative; left:0; top:0; padding-left:10px; line-height:26px; color:#666;}
.document_member .complain_cont ul.notice2 li:before{display:block; content:""; position:absolute; left:0; top:11px; width:3px; height:3px; background:#005151;}
.document_member .complain_cont ul.notice2 li p.txt{margin-bottom:0; line-height:1.8em;}
.document_member .complain_cont p{margin-bottom:45px; line-height:1.4em;}
.document_member .complain_cont p span{font-weight:bold; color:#05713d;}
.document_member .complain_cont .notice{clear:both; margin-bottom:0; padding-top:30px; font-size:13px; color:#aaa;}
.document_member .complain_box{float:left; width:318px; padding:40px 40px; border:1px solid #d6d6d6; background:url(../images/myprugio/bg_complain_app1.gif) 307px 40px no-repeat;}
.document_member .complain_box.second{width:319px; border-left:0; background:url(../images/myprugio/bg_complain_app2.gif) 303px 40px no-repeat;}
.document_member h4{margin-bottom:15px; font-size:20px; font-weight:500;}
.document_member .btn_print{display:inline-block; width:100px; margin-left:15px; line-height:26px; font-size:13px; background-color:#b2a8a2; color:#fff; border-radius:6px; text-align:center;}
.document_member .commonBtn{width:128px; background:#005151;}
.document_member .complain_box.second .commonBtn{background:#5b6770;}
.document_member .complain_box.second .black{margin-right:8px; background:#005151;}

/* document_member_view */
.document_member_view .tit{padding-bottom:20px; font-size:18px; color:#333; font-weight:400; line-height:100%;}
.document_member_view th{padding:24px 0; text-align:center; border-bottom:1px solid #e3e3e3;}
.document_member_view td{padding:13px 0; text-align:center;}
.document_member_view .table_wrap td a{display:inline-block; width:67px; line-height:34px; text-align:center; vertical-align:middle; background:#333; color:#fff; font-weight:500; border-radius:6px;}
.document_member_view .table_wrap .comment{padding-top:10px; font-size:14px; color:#aaa;}

/* visit */
.visit .complain_box{padding:80px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center;}
.visit .complain_box p{line-height:100%;}
.visit .complain_box p.notice{padding-bottom:15px; font-size:20px;}
.visit .complain_box p.notice span{font-weight:500; color:#005151;}
.visit .complain_box p.txt{font-size:16px;}
.visit .complain_box .tel{margin-top:30px;}
.visit .complain_box .tel p{width:530px; margin:0 auto; line-height:75px; background:#e6e7e9; border-radius:6px; font-size:22px; }
.visit .complain_box .tel span{padding-left:10px; font-weight:700; color:#005151;}

/* visit common */
.visit_tab{overflow:hidden; margin-bottom:30px;}
.visit_tab a{display:block; float:left; width:50%; padding:13px 0; font-weight:400; text-align:center; background:#a2aaad; color:#fff;}
.visit_tab a.on{background:#5b6770;}
.visit_tab p{position:absolute; top:6px; right:0; color:#929292; font-size:12px;}
.visit_tab p a{display:inline-block; padding:5px 8px; margin-left:5px; font-size:12px; text-align:center; vertical-align:middle; background:#c2c2c2; color:#fff;}

/* visit_reservation */
.visit_reservation h4{margin-bottom:10px; font-weight:400; color:#333; font-size:16px;}
.visit_reservation .notice_list li, .agree_list li{margin-bottom:5px;}
.visit_reservation .notice_list li{position:relative; left:0; top:0; padding-left:10px; line-height:26px; color:#666; font-size:13px;}
.visit_reservation .notice_list li:before{display:block; content:""; position:absolute; left:0; top:11px; width:3px; height:3px; background:#005151;}
.visit_reservation .table_wrap{margin:20px 0 50px;}
.visit_reservation .table_wrap a.commonBtn, .visit_reservation .table_wrap button.commonBtn, .commonBtn.visitDay{width:86px; background:#333; margin:0 10px 0 10px;}
.visit_reservation .table_wrap td p{display:inline-block; margin-left:20px; font-size:13px; color:#aaa; vertical-align:middle;}
.visit_reservation .table_wrap td p:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.visit_reservation .table_wrap td p a{text-decoration:underline; color:#005151;}
.visit_reservation .table_wrap td .long{margin-left:0px; margin-top: 10px;}
.visit_reservation .table_wrap td .long > span{display:block; margin-left:20px;}
.visit_reservation .table_wrap td .complex_box{overflow-y:auto; overflow-x:hidden; float:left; width:470px; max-height:80px; padding:10px; border:1px solid #dbdbdb;}
.visit_reservation .table_wrap td .complex_box input[type=radio]{margin-top:3px;}
.visit_reservation .table_wrap td .complex_box span{display:block; padding-top:5px;}
.visit_reservation .table_wrap td .complex_box span:first-child{padding-top:0;}
.visit_reservation .table_wrap td .complex_box span .disabled{color:#bbb;}
.visit_reservation .table_wrap td .complex_box + a{float:left; margin-right:0;}
.visit_reservation .table_wrap td .carNum{width:180px; height:40px; margin-right:10px; box-sizing:border-box;}
.visit_reservation .table_wrap td input[type="text"]:disabled{background-color: #fafafa;}
.visit_reservation .table_wrap td .carNum:last-of-type{margin-right:0px;}
.visit_reservation select{color:#5a5a5a;}
.visit_reservation select:disabled{background-color: #fafafa;}
.visit_reservation select.w270{width:270px;}
.visit_reservation select.w100{width:100px;}
.visit_reservation select option{color:#5a5a5a;}
.visit_reservation select option.unpos{color:#aaa;}

.visit_reservation .agree_desc{margin:60px 0 50px;}
.visit_reservation .agree_desc .box{margin-bottom:10px; padding:20px; border:1px solid #d6d6d6;}
.visit_reservation .agree_desc .box h5{margin-bottom:10px; font-weight:400; color:#333;}
.visit_reservation .agree_desc  p{margin-bottom:5px; margin-top:5px; line-height:20px; color:#888;}
.visit_reservation .agree_desc  p.txt1{margin-bottom:7px; color:#666;}
.visit_reservation .agree_desc li a{text-decoration:underline; color:#005151;}
.visit_reservation .agree_desc .agree_area{overflow:hidden;}
.visit_reservation .agree_desc .agree_area p{float:left; font-weight:400; color:#333;}
.visit_reservation .agree_desc .agree_area .input_area{float:right;}
.visit_reservation .agree_desc label{color:#666;}
.visit_reservation .agree_desc input{margin-top:3px;}
.visit_reservation .btn_area{text-align:center;}
.visit_reservation .btn_area .commonBtn{width:197px;}

/* visit_view */
.visit_view .table_wrap{margin:30px 0;}
.visit_view .table_wrap a.commonBtn{display:block; margin-bottom:2px; background:#b2a8a2;}
.visit_view .table_wrap a.gray{background:#333;}
.visit_view .table_wrap a.btn_visitpop{padding:22px 0; line-height:20px; background:#5b6770;}
.visit_view .table_wrap th{padding:20px 0; text-align:center;}
.visit_view .table_wrap td{padding:20px 5px; text-align:center;}
.visit_view .table_wrap td p{display:inline-block; margin-left:15px; font-size:12px; color:#8b8b8b; vertical-align:middle;}
.visit_view .table_wrap td p a{text-decoration:underline;}
.visit_view .banner_resident{padding-top:50px;}

/* visit_modify */
.visit_modify .table_wrap{margin:30px 0;}
.visit_modify .table_wrap a.commonBtn{width:86px; background:#333; margin:0 10px 0 10px;}
.visit_modify .table_wrap td p{display:inline-block; margin-left:20px; font-size:13px; color:#aaa; vertical-align:middle;}
.visit_modify .table_wrap td p:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.visit_modify .table_wrap td p a{text-decoration:underline; color:#005151;}
.visit_modify .table_wrap td .long{margin-left:0px; margin-top: 10px;}
.visit_modify .table_wrap td .long > span{display:block; margin-left:20px;}
.visit_modify .table_wrap td .carNum{width:180px; height:40px; margin-right:10px; box-sizing:border-box;}
.visit_modify .table_wrap table tr td select:disabled, .visit_modify .table_wrap table tr td input[type="text"]:disabled{background-color: #fafafa;}
.visit_modify select.w270{width:270px;}
.visit_modify select.w100{width:100px;}
.visit_modify select option{color:#5a5a5a;}
.visit_modify select option.unpos{color:#929292;}
.visit_modify .btn_area a{margin-left:10px; float:right;}
.visit_modify .btn_area a.black{float:left; margin-left:0; padding:13px 20px;}
.visit_modify .table_wrap button.commonBtn{width:86px; background:#333; margin:0 10px 0 10px;}
.visit_modify .table_wrap td .carNum{width:180px; height:40px; margin-right:10px; box-sizing:border-box;}
.visit_modify .table_wrap td .carNum:last-of-type{margin-right:0px;}

/* move common */
.move_tab{overflow:hidden; margin-bottom:30px;}
.move_tab a{display:block; float:left; width:50%; padding:13px 0; font-weight:400; text-align:center; background:#a2aaad; color:#fff;}
.move_tab a.on{background:#5b6770;}
.move_tab p{position:absolute; top:6px; right:0; color:#929292; font-size:12px;}
.move_tab p a{display:inline-block; padding:5px 8px; margin-left:5px; font-size:12px; text-align:center; vertical-align:middle; background:#c2c2c2; color:#fff;}

/* move_reservation */
.move_reservation h4{margin-bottom:10px; font-weight:400; color:#333;}
.move_reservation .notice_list li, .agree_list li{margin-bottom:5px; padding-left:13px ; text-indent:-13px; font-size:13px; color:#666;}
.move_reservation .table_wrap{margin:20px 0 50px;}
.move_reservation .table_wrap a.commonBtn{margin:0 20px 0 10px;}
.move_reservation .table_wrap td p{display:inline-block; margin-left:20px; font-size:13px; color:#aaa;}
.move_reservation .table_wrap td p:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.move_reservation .table_wrap td p a{text-decoration:underline; color:#005151;}
.move_reservation .table_wrap td input[type=radio]{margin-top:3px;}
.move_reservation .table_wrap a.commonBtn{width:86px; background:#333; margin:0 10px 0 10px;}
.move_reservation select{color:#5a5a5a;}
.move_reservation select.w270{width:270px;}
.move_reservation select.w100{width:100px;}
.move_reservation select option{color:#5a5a5a;}
.move_reservation select option.unpos{color:#929292;}
.move_reservation #exposure{font-size:14px;}

.move_reservation .agree_desc{margin:60px 0 50px;}
.move_reservation .agree_desc .box{margin-bottom:10px; padding:20px; border:1px solid #d6d6d6;}
.move_reservation .agree_desc .box h5{margin-bottom:10px; font-weight:400; color:#333;}
.move_reservation .agree_desc  p{margin-bottom:5px; margin-top:5px; line-height:20px; color:#888;}
.move_reservation .agree_desc  p.txt1{margin-bottom:7px; color:#666;}
.move_reservation .agree_desc li a{text-decoration:underline;}
.move_reservation .agree_desc .agree_area{overflow:hidden;}
.move_reservation .agree_desc .agree_area p{float:left; font-weight:400; color:#333;}
.move_reservation .agree_desc .agree_area .input_area{float:right;}
.move_reservation .agree_desc label{color:#666;}
.move_reservation .agree_desc input{margin-top:3px;}
.move_reservation .btn_area{text-align:center;}
.move_reservation .btn_area .commonBtn{width:197px;}

/* move_view */
.move_view .table_wrap{margin:30px 0;}
.move_view .table_wrap a.commonBtn{display:block; margin-bottom:2px; background:#b2a8a2;}
.move_view .table_wrap a.gray{background:#333;}
.move_view .table_wrap a.btn_movepop{padding:21px 0; line-height:20px; background:#5b6770;}
.move_view .table_wrap th{padding:24px 0; text-align:center;}
.move_view .table_wrap td{padding:15px 5px; text-align:center;}
.move_view .table_wrap td p{display:inline-block; margin-left:15px; font-size:12px; color:#8b8b8b; vertical-align:middle;}
.move_view .table_wrap td p a{text-decoration:underline;}

/* move_modify */
.move_modify .table_wrap{margin:30px 0;}
.move_modify .table_wrap a.commonBtn{width:86px; background:#333; margin:0 10px 0 10px;}
.move_modify .table_wrap p{display:inline-block; margin-left:20px; font-size:13px; color:#aaa;}
.move_modify .table_wrap td p:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.move_modify .table_wrap td p a{text-decoration:underline; color:#005151;}
.move_modify .table_wrap td input[type=radio]{margin-top:3px;}
.move_modify select.w270{width:270px;}
.move_modify select.w100{width:100px;}
.move_modify select option.unpos{color:#929292;}
.move_modify .btn_area a{margin-left:10px; float:right;}
.move_modify .btn_area a.black{float:left; margin-left:0; padding:13px 20px;}

/* withdrawal */
.withdrawal .sub_title{height:auto; padding-bottom:30px;}
.withdrawal .table_wrap{margin-bottom:10px;}
.withdrawal .reason input{margin-bottom:5px;}
.withdrawal .reason p{font-size:13px; color:#666;}
.withdrawal .notice{margin-bottom:30px; line-height:1.4em; color:#666;}
.withdrawal .complete{line-height:1.4em; text-align:center;}
.withdrawal .complete div{padding:80px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.withdrawal .complete div h4{margin-bottom:20px; font-size:20px; color:#333; line-height:100%;}
.withdrawal .complete div h4 span{font-weight:500; color:#005151;}
.withdrawal .complete div p{margin-bottom:40px; font-size:16px; color:#666;}
.withdrawal .complete div a{width:112px; background:#005151;}
.withdrawal .essential{margin-bottom:10px; font-size:13px; color:#aaa;}

/* smartprugio */
.smartprugio .box{padding-top:80px; text-align:center;}
.smartprugio .box h4{padding:30px 0 10px; font-weight:500; font-size:20px; color:#005151; line-height:100%;}
.smartprugio .box p{font-size:16px; color:#666;}
.smartprugio .box .btn{padding:25px 0 60px;}
.smartprugio .box .btn a{display:inline-block;}
.smartprugio .box .btn a:first-child{margin-right:7px;}

/* faq */
.faq_wrap{overflow:hidden; border-top:2px solid #000;}
.faq_wrap > div{display:none}
#faq_con01{display:block;}
.faq .hidden{display:none}
.faq .tab{overflow:hidden; margin-bottom:40px;}
.faq .tab a{display:block; float:left; padding:15px 0; background-color:#a2aaad; color:#fff; font-weight:400; text-align:center;}
.faq .tab a:first-child{width:95px;}
.faq .tab a.on{background-color:#5b6770;}
.faq .tab a.sale{width:105px;}
.faq .tab a.cons{width:105px;}
.faq .tab a.ipju{width:105px;}
.faq .tab a.as{width:100px;}
.faq .tab a.homepage{width:125px;}
.faq .tab a.last{width:165px;}
.faq .faqlist_q{border-bottom:1px solid #e3e3e3;}
.faq .faqlist_q dl dt{padding-left:26px; background:url(../images/customer/bg_faqoff.png) 755px center no-repeat; font-weight:400;}
.faq .faqlist_q dl dt a{display:block; padding:25px 0 24px 0;}
.faq .faqlist_q dl dt span{color:#55585b;}
.faq .faqlist_q dl .faq_q_img{margin-right:21px;}
.faq .faqlist_q dl dd{position:relative; padding:0 40px 40px 26px; border-top:1px solid #dedede; line-height:1.4em;}
.faq .faqlist_q dl dd .faq_a_img{position:absolute; left:26px; top:30px;}
.faq .faqlist_q.active dt{background-image:url(../images/customer/bg_faqon.png);}
.faq .faqlist_q.active dt a span{color:#005151;}
.faq .faqlist_q.active dd{background:#f6f6f6;}
.faq .faqlist_q dd > div{padding:28px 0 0 35px;}

/* qna */
.qna .inquiry_con p{font-size:14px; line-height:20px;}
.qna .inquiry_con .inquiry_box{margin-top:20px; padding:71px 0; text-align:center; font-weight:bold; font-size:16px; background:#f6f6f6; border-top:2px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.qna .inquiry_con .inquiry_btn{margin-top:15px; text-align:center;}
.qna a.inquiry_link{color:#005e39; font-weight:bold; text-decoration:underline;}

/* qna_register */
.qna_register .inquiry_con p{font-size:14px; line-height:20px;}
.qna_register a.inquiry_link{color:#005e39; font-weight:bold; text-decoration:underline;}
.qna_register .essential{margin-bottom:5px; font-size:12px; color:#929292; text-align:right;}
.qna_register td{padding:10px 20px;}
.qna_register .group select{width:256px;}
.qna_register .email td span{margin:0 5px; vertical-align:middle;}
.qna_register .email select{margin-left:3px;}
.qna_register .number select{width:78px;}
.qna_register .number input{width:66px;}
.qna_register .file div{overflow:hidden; float:left; position:relative;}
.qna_register .file div input{position:absolute; top:0; right:0; height:28px; cursor:pointer;}
.qna_register .file td > span{display:block; float:left; padding:7px 0 0 20px;}
.qna_register .file p{clear:both; padding-top:8px; font-size:12px; color:#8b8b8b;}
.qna_register textarea{width:652px; height:140px; padding:5px; resize:none; border:1px solid #bebebe;}

/* qna_complete */
.qna_complete .box{padding:40px; margin-bottom:20px; text-align:center; background:#f6f6f6; border-top:2px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
.qna_complete .box p{line-height:1.4em;}
.qna_complete .box p:first-child{margin-bottom:20px; font-size:24px; font-weight:bold;}
.qna_complete .box a{font-weight:bold; color:#05713d; text-decoration:underline;}
.qna_complete .btn_area{text-align:right;}

/* call */
.call .complain_box{overflow:hidden; padding:80px 135px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center;}
.call .complain_box p.tel{padding:25px 0; margin-bottom:20px; background-color:#e6e7e9; border-radius:5px; font-size:22px; color:#05713d;}
.call .complain_box p.tel strong{font-family:Myriad Pro; font-weight:500;}
.call .complain_box ul{overflow:hidden; margin-left:82px;}
.call .complain_box ul li{float:left;}
.call .complain_box ul li:first-child{margin-right:25px;}
.call .complain_box ul li span{color:#005151;}

/* membership */
.membership.visual_area{height:170px; background-image:url(../images/membership/bg_membership.jpg);}
.membership .sub_title{padding-bottom:30px; margin-bottom:0; border-bottom:1px solid #e3e3e3; text-align:center;}
.membership .sub_title h2{float:none; margin-bottom:10px;font-size:34px;font-weight:500;color:#333232;}
.membership .sub_title p{font-size:15px;}
.membership .notice_box{background:#f8f8f8; padding:27px 0; text-align:center; margin-top:30px;}
.membership .notice_box p.first{position:relative; display:inline-block; margin-bottom:10px;}
.membership .notice_box p.first:before{content:""; position:absolute; width:18px; height:18px; background:url(../images/membership/ico_notice.jpg) no-repeat center; top:2px; left:-25px;}



/* login */
.login .login_top{margin-bottom:80px;}
.login .login_box{width:290px; margin:0 auto;}
.login .login_box .not{margin-bottom:30px;font-size:15px;font-weight:400;text-align:center;}
.login .login_box .login_cont{margin-bottom:20px;}
.login .login_box .login_input{margin-bottom:20px;}
.login .login_box .login_input input{width:100%; height:40px; padding-left:15px; box-sizing:border-box;}
.login .login_box .login_input input.first{margin-bottom:10px;}
.login .login_box .login_btn a{display:block;}
.login .login_box .login_btn a:first-child{margin-bottom:5px;}
.login .login_find > span{display:inline-block; width:50%; box-sizing:border-box; text-align:center;}
.login .login_find > span:first-child{border-right:1px solid #e4e4e4;}

/* id_find */
.id_find .findId_box{overflow:hidden;}
.id_find .findId_box > div{float:left; padding-bottom:80px; border-bottom:1px solid #e3e3e3;}
.id_find .findId_box .email{width:550px; border-right:1px solid #e3e3e3;}
.id_find .findId_box div .title{padding:80px 0 25px 80px;}
.id_find .findId_box div .title h3{margin-bottom:5px; font-size:18px; font-weight:400; line-height:100%;}
.id_find .findId_box div .title p{color:#666;}
.id_find .findId_box .title + div{padding:0 0 20px 80px;}
.id_find .findId_box.result .notice{margin-top:10px; color:#666; text-align:center;}
.id_find .findId_box.result .result_txt{padding:80px 0 0; color:#666; text-align:center;}
.id_find .findId_box.result .result_txt.result2{font-size:20px; color:#333; font-weight:400;}
.id_find .findId_box.result .result_txt.result2 span{color:#005151;}
.id_find .findId_box .email_input div{overflow:hidden;}
.id_find .findId_box .email_input div label, .findId_box .email_input div span{float:left; display:inline-block; width:26px; padding-top:7px; color:#888; font-size:14px; text-align:center;}
.id_find .findId_box .email_input div:first-child{margin-bottom:10px;}
.id_find .findId_box .email_input div.input_id input{float:left; width:378px;}
.id_find .findId_box .email_input div.input_mail input{float:left; width:106px;}
.id_find .findId_box .email_input div select{float:left; width:118px; height:40px; padding: 7px 0 7px 7px; margin-left:11px; border-radius:6px;}
.id_find .findId_box .phone_input{overflow:hidden;}
.id_find .findId_box .phone_input li{float:left; margin-top:1px;}
.id_find .findId_box .phone_input li span{display:block; width:65px; height:89px; margin:0 auto 20px; background:url(../images/membership/icon_findId.jpg) no-repeat -64px 0;}
.id_find .findId_box .phone_input li:first-child{margin:1px 10px 0 80px; background-position:38px 43px;}
.id_find .findId_box .phone_input li:first-child span{width:63px; background:url(../images/membership/icon_findId.jpg) no-repeat 0 0;}
.id_find .findId_box .phone_input li a{width:190px;}
.id_find .findId_box .findId_input{float:left; width:495px; margin-right:10px;}
.id_find .findId_box .findId_input div:first-child{margin-bottom:15px;}
.id_find .findId_box .email .findId_btn{padding-left:80px;}
.id_find .findId_box .email .findId_btn a{width:390px;}
.id_find .join{display:block; margin-top:40px; text-align:center;}
.id_find .join a{width:290px;}
.id_find .inquiry_btn{padding-top:40px; text-align:center;}
.id_find .inquiry_btn a{width:111px;}
.id_find .inquiry_btn a:first-child{width:99px; margin-right:7px;}

/* pw_find */
.pw_find .findPw_box{overflow:hidden;}
.pw_find .findPw_box > div{float:left; padding-bottom:80px; border-bottom:1px solid #e3e3e3;}
.pw_find .findPw_box .email{width:550px; border-right:1px solid #e3e3e3;}
.pw_find .findPw_box div .title{padding:80px 0 25px 80px;}
.pw_find .findPw_box div .title h3{margin-bottom:5px; font-size:18px; font-weight:400; line-height:100%;}
.pw_find .findPw_box div .title p{color:#666;}
.pw_find .findPw_box .title + div{padding:0 0 20px 80px;}
.pw_find .findPw_box.result{padding:80px 0 0 0;}
.pw_find .findPw_box.result .notice{margin-top:10px;color:#929292;}
.pw_find .findPw_box.result .correct p:first-child{margin-bottom:10px;}
.pw_find .findPw_box.result .correct p label{display:inline-block;width:150px;padding-top:12px;font-weight:bold;text-align:left;vertical-align:top;}
.pw_find .findPw_box.result .correct p:first-child label{margin-left:-12px;}
.pw_find .findPw_box.result .correct p input{width:309px;height:18px;padding:10px;background-color:#f0f0f0;border:1px solid #f0f0f0;}
.pw_find .findPw_box.result .correct .hint{display:inline-block;width:309px;padding:10px 10px 10px 0px;text-align:left;word-break:break-all}
.pw_find .findPw_box.result .correct{padding:60px 0;text-align:center;}
.pw_find .findPw_box.result .result_txt{line-height:18px; text-align:center;}
.pw_find .findPw_box.result .result_txt1{margin-bottom:15px; font-size:20px; font-weight:400; color:#333;}
.pw_find .findPw_box.result .result_txt1 span{color:#005151;}
.pw_find .findPw_box .email_input div{overflow:hidden;}
.pw_find .findPw_box .email_input div label, .findPw_box .email_input div span{float:left; display:inline-block; width:26px; padding-top:7px; color:#888; font-size:14px; text-align:center;}
.pw_find .findPw_box .email_input div{margin-bottom:10px;}
.pw_find .findPw_box .email_input div.input_mail{margin-bottom:0;}
.pw_find .findPw_box .email_input div input{float:left; width:378px;}
.pw_find .findPw_box .email_input div.input_mail input{float:left; width:106px;}
.pw_find .findPw_box .email_input div select{float:left; width:118px; height:40px; padding: 7px 0 7px 7px; margin-left:11px; border-radius:6px;}
.pw_find .findPw_box .email .findPw_btn{padding-left:80px;}
.pw_find .findPw_box .email .findPw_btn input{width:390px;}
.pw_find .findPw_box .phone_input{overflow:hidden;}
.pw_find .findPw_box .phone_input li{float:left;}
.pw_find .findPw_box .phone_input li span{display:block; width:65px; height:89px; margin:27px auto 45px; background:url(../images/membership/icon_findId.jpg) no-repeat -64px 0;}
.pw_find .findPw_box .phone_input li:first-child{margin:0 10px 0 80px; background-position:38px 43px;}
.pw_find .findPw_box .phone_input li:first-child span{width:63px; background:url(../images/membership/icon_findId.jpg) no-repeat 0 0;}
.pw_find .findPw_box .phone_input li a{width:190px;}
.pw_find .findPw_box .findId_input{float:left; width:495px; margin-right:10px;}
.pw_find .findPw_box .findId_input div:first-child{margin-bottom:15px;}
.pw_find .join{display:block; margin-top:40px; text-align:center;}
.pw_find .join a{width:290px;}
.pw_find .inquiry_btn{margin-top:40px; text-align:center;}
.pw_find .inquiry_btn .commonBtn{width:111px;}
.pw_find .inquiry_btn .commonBtn:first-child{width:99px; margin-right:7px;}

/* pw_change */
.pw_change .box{padding:80px 0 0; text-align:center;}
.pw_change .box p{color:#666}
.pw_change .box p:first-child{margin-bottom:15px; font-size:20px; font-weight:400; color:#333;}
.pw_change .btn_area{padding-top:40px;}
.pw_change .btn_area a{width:195px;}
.pw_change .btn_area a:first-child{margin-right:7px;}

/* join */
.join .inquiry_btn{margin-top:15px;text-align:right;}
.join .inquiry_btn a{width:111px;}
.join .authe_box, .join .done_box{padding-top:80px; border-top:2px solid #000;}
.join .step_top{padding:18px 0; margin-bottom:60px; border-bottom:1px solid #e3e3e3;}
.join .step_top ul{overflow:hidden;}
.join .step_top ul li{float:left; margin-left:120px; font-size:18px; color:#888888;}
.join .step_top ul li:first-child{margin-left:30px;}
.join .step_top ul li.on{color:#005151;}
.join .step_top ul li span{display:inline-block; width:37px; height:37px; padding-top:5px; margin-right:20px; background:#a2acab; font-size:17px; border-radius:30px; box-sizing:border-box; text-align:center; letter-spacing:-1px; color:#fff;}
.join .step_top ul li.on span{background:#005151; color:#fff;}

.join .terms_box .notice{padding-bottom:20px;margin-bottom:70px;background:url(../images/membership/bull_dot3.gif) bottom repeat-x;}
.join .terms_box .notice li{background:url(../images/membership/bull_notice.gif) no-repeat left 3px;padding-left:14px;margin-bottom:6px;font-size:13px;}
.join .terms_box h3{margin-bottom:15px;font-size:16px;font-weight:400;}
.join .terms_box .terms_section{margin-bottom:40px;}
.join .terms_box .terms_txt{overflow-x:hidden;overflow-y:auto;width:1058px;height:138px;padding:20px 20px 30px;margin-bottom:15px;line-height:1.5em;border:1px solid #d6d6d6;word-break:break-all;}
.join .terms_box .terms_txt dt{margin-bottom:10px; color:#666;}
.join .terms_box .terms_txt dt.tit{padding:20px 0 10px; font-weight:400; color:#333;}
.join .terms_box .terms_txt dd{margin-bottom:20px; color:#888; font-size:14px;}
.join .terms_box .terms_txt ol li{margin-left:15px;text-indent:-15px;}
.join .terms_box .terms_txt ol dt{margin-bottom:5px;font-weight:normal;}
.join .terms_box .terms_txt ol dd{margin-bottom:5px;}
.join .terms_box .terms_txt table{border:1px solid #e2e2e2;}
.join .terms_box .terms_txt th{padding:5px 0;color:#fff;background:#777;}
.join .terms_box .terms_txt th:first-child{border-right:1px solid #e2e2e2;}
.join .terms_box .terms_txt td{padding:5px 0;text-align:center;border-bottom:1px solid #e2e2e2;}
.join .terms_box .terms_txt td:first-child{border-right:1px solid #e2e2e2;}
.join .terms_box .info_agree dt.tit_sub{margin-bottom:5px;}
.join .terms_box .info_agree dd{margin-bottom:5px;}
.join .terms_box .info_agree dd.mgb10{margin-bottom:10px;}
.join .terms_box .agree{text-align:right;}
.join .terms_box .agree input{border:none;vertical-align:middle;}
.join .terms_box .agree label{vertical-align:middle;}
.join .authe_box > p:first-child{font-size:20px; margin-bottom:10px; color:#333; font-weight:500;}
.join .authe_box > p{font-size:16px; color:#666; text-align:center;}
.join .authe_box .authe_btn{text-align:center;padding:45px 0 18px;}
.join .authe_box .authe_btn a{width:190px;}
.join .authe_box .authe_btn a:first-child{margin-right:7px;}
.join .authe_box .notice{font-size:14px; color:#888;}
.join .essential{margin-bottom:10px; font-size:13px; color:#aaa;}
.join .password td{position:relative;}
.join .question{display:inline-block; width:40px; line-height:40px; margin-left:10px; color:#fff; text-align:center; vertical-align:middle; background:#b2a8a2; border-radius:6px;}
.join .question:hover ~ .info_pw{display:block;}
.join .txt{margin-left:15px;font-size:13px;color:#888;vertical-align:middle;}
.join .txt.under{margin-left:0;margin-top:7px;}
.join .info_pw{display:none; position:absolute; top:65px; left:187px; padding:18px 20px; background:#fff; border:1px solid #e3e3e3; box-shadow:1.5px 1.5px 5px 1.5px #e3e3e3;}
.join .info_pw li{margin:5px 0 0 14px; font-size:12px; text-indent:-14px; line-height:1.5em;}
.join .info_pw li:first-child{margin-top:0;}
.join .identify a{width:140px; margin-left:10px;}
.join .email td span{display:inline-block; padding:0 4px; font-size:14px; color:#888;}
.join .email select{margin-left:3px;}
.join .number select{width:78px;}
.join .number input{width:66px;}
.join .address input{margin:5px 0;}
.join .address .input_block{display:block;}
.join .address a{width:140px; margin-left:10px;}
.join .agree td > p{margin-bottom:5px; color:#8b8b8b;}
.join .email td > p:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.join .agree td > p:before{content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/myprugio/ico_emphasis.png) center 0 no-repeat; vertical-align:middle;}
.join .agree div{margin:5px 0 25px;}
.join .agree div p{margin-bottom:10px; font-weight:400;}
.join .agree td input{margin-top:3px;}
.join .bar{display:inline-block; padding:0 9px; font-size:14px; color:#888;}
.join .done_box > p:first-child{margin-bottom:12px; font-size:20px; font-weight:500; color:#333;}
.join .done_box > p{text-align:center; font-size:16px; color:#666;}
.join .done_box .inquiry_btn{margin-top:40px;text-align:center;}
.join .done_box .inquiry_btn a{width:99px;}
.join .done_box .inquiry_btn a:first-child{width:111px; margin-right:7px;}

.join .terms_box h3 span{color:#005151;}
.join .terms_box h4{margin:15px 0 10px; font-size:15px; font-weight:400;}
.join .brd_join_new{width:100%; border-top:2px solid #bebebf; border-bottom:1px solid #d3d3d3; margin-bottom:30px;}
.join .brd_join_new.mgb_0{margin-bottom:15px;}
.join .brd_join_new th{padding:18px 0; background-color:#f1f1f1; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; font-size:14px; font-weight:400; color:#747373;}
.join .brd_join_new td{padding:15px; color:#747373; text-align:center; border-bottom:1px solid #cecece; border-right:1px solid #cecece; line-height: 1.5em;}
.join .brd_join_new .td_end{border-right:0;}
.join .scroll_bx{overflow-x:hidden; overflow-y:auto; height:220px; padding:20px 20px 30px; margin-bottom:15px; font-size:13px; line-height:1.5em; border:1px solid #d6d6d6; word-break:break-all;}
.join .agree > input{margin:3px 5px 0 10px;vertical-align:middle;}
.join .agree input[type=radio] + label{margin:0 15px 0 5px;color:#666; font-size:14px; vertical-align:middle;}
.join .agree input[type=radio] + label.last{margin-right:0;}

/* prugio_guide common */
.prugio_guide .sub_title{height:auto;}
.prugio_guide h3{margin-bottom:60px;}
.prugio_guide .guide_notice{padding:80px 0 70px; margin-bottom:70px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align: center;}
.prugio_guide .guide_notice p{font-size:16px; line-height:24px;}
.prugio_guide .guide_notice p:first-child{margin-bottom:20px;}
.prugio_guide .guide_notice p strong{font-size:20px; font-weight:400; color:#333;}
.prugio_guide .guide_box h4{margin-bottom:15px; font-size:16px; font-weight:400;}
.prugio_guide .guide_box .pt10{padding-top:10px;}
.prugio_guide .guide_box .guide_section{margin-bottom:40px;}
.prugio_guide .guide_box .guide_txt{overflow-x:hidden; padding: 0 0 30px; margin-bottom:15px; font-size:13px; line-height:1.5em; word-break:break-all;}
.prugio_guide .guide_box .guide_txt ul li a{text-decoration:underline;}
.prugio_guide .guide_box .guide_txt dt{margin-bottom:10px; font-weight:400;}
.prugio_guide .guide_box .guide_txt dt.tit{padding:20px 0 10px; font-size:14px;}
.prugio_guide .guide_box .guide_txt dd{margin-bottom:20px; color:#929292; margin-left:24px;}
.prugio_guide .guide_box .guide_txt dd dl dd{margin-left:0;}
.prugio_guide .guide_box .guide_txt .indent{margin-left:24px;}
.prugio_guide .guide_box .guide_txt ol li{margin-left:15px; text-indent:-15px;}
.prugio_guide .guide_box .guide_txt ol dt{margin-bottom:5px; font-weight:normal;}
.prugio_guide .guide_box .guide_txt ol dd{margin-bottom:5px;}
.prugio_guide .guide_box table tr:first-child th{border-top:none;}

.btn_popup_privacy{display:block; width:200px; height:30px; line-height:30px; color:#fff; text-align:center; background:#cdcdcd;}


/* 190522 ½ºÅ¸ÀÏ Ãß°¡ */
.notice_type01{padding:5px 0 10px;}
.notice_type01 h4{margin-bottom:8px; font-weight:400; color:#333; font-size:18px;}
.notice_type01 .notice_list li{position:relative; left:0; top:0; padding-left:10px; line-height:28px; color:#666; text-indent: 0; font-size:15px; font-weight: 300;}
.notice_type01 .notice_list li.txt_bold{font-weight:400; color:#333;}
.notice_type01 .notice_list li:before{display:block; content:""; position:absolute; left:0; top:11px; width:3px; height:3px; background:#005151;}
.notice_type01.no_dot li{padding-left: 13px; text-indent:-13px;}
.notice_type01.no_dot .notice_list li:before{display:none;}