@charset "euc-kr";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(https://www.prugio.com/asset/font/NotoSansKR-Light.woff2) format('woff2'),
       url(https://www.prugio.com/asset/font/NotoSansKR-Light.woff) format('woff'),
       url(https://www.prugio.com/asset/font/NotoSansKR-Light.otf) format('opentype'),
       url(https://www.prugio.com/asset/font/NotoSansKR-Light.ttf) format('truetype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(https://www.prugio.com/asset/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(https://www.prugio.com/asset/font/NotoSansKR-Regular.woff) format('woff'),
        url(https://www.prugio.com/asset/font/NotoSansKR-Regular.otf) format('opentype'),
        url(https://www.prugio.com/asset/font/NotoSansKR-Regular.ttf) format('truetype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(https://www.prugio.com/asset/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(https://www.prugio.com/asset/font/NotoSansKR-Medium.woff) format('woff'),
        url(https://www.prugio.com/asset/font/NotoSansKR-Medium.otf) format('opentype'),
        url(https://www.prugio.com/asset/font/NotoSansKR-Medium.ttf) format('truetype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(https://www.prugio.com/asset/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(https://www.prugio.com/asset/font/NotoSansKR-Bold.woff) format('woff'),
        url(https://www.prugio.com/asset/font/NotoSansKR-Bold.otf) format('opentype'),
        url(https://www.prugio.com/asset/font/NotoSansKR-Bold.ttf) format('truetype');
 }

html, body, section, article, header, footer, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{padding:0;margin:0;}
html, body {width:100%;height:100%;}
html.on, body.on{overflow:hidden;}
body{ font-family:'Noto Sans KR', sans-serif; font-size:15px; color:#333; letter-spacing:-0.4px; font-weight:300; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
img, fieldset, button {border:none;}
img, input, button {vertical-align:middle;}
input[type=text], input[type=password]{height:28px; padding:5px; vertical-align:middle; border-radius:6px; font-weight:300; background-color:#fff;}
input, select {color:#666;border:1px solid #dbdbdb;}
select{background:url(../images/common/btn_select_view.png) right 15px center #fff no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
select::-ms-expand{display:none;}
input, select, option, textarea {font-family:'Noto Sans KR', sans-serif; font-weight:300;}
button {background:none;cursor:pointer; font-family:'Noto Sans KR', sans-serif; cursor:pointer; outline:none;}
button::-moz-focus-inner {padding:0;border:0;}
table {width:100%;border-collapse:collapse;word-break:break-all;}
address, em {font-style:normal;}
ol, ul {list-style:none;}
a {text-decoration:none;color:#666;}
a:hover,a:active {text-decoration:none;}
hr {display:none;}
legend, caption{display:none; line-height:0; text-indent:-9999px;}
.blind{overflow:hidden; position:absolute; left:-9999px; top:0; }
html.on, body.on{overflow:hidden;}

/* layout */
#wrap {position:relative; min-width:1200px; max-width: 1920px; overflow:hidden; margin:0 auto;}
#container{overflow:hidden;width:100%;}
.contents{position:relative;width:1100px;min-height:600px;margin:0 auto;padding:90px 0 150px;}
.contents:after{display:block;content:"";clear:both;}
.contents_box{overflow:hidden; float:right; width:800px;}
#footer {width:100%;background:#5a6770;}

/* header */
#header.sticky_none{position:absolute;}
#header{position:absolute; width:100%; height:104px; z-index:110;}
#header .inner{position:relative; max-width:1200px; padding:43px 0 0; margin:0 auto;}
#header .inner:after {display:block;clear:both;content:"";}
#header .inner .depth1{width:545px; margin:0 auto;}
#header h1{position:absolute; top:39px; left:20px; display:block; width:145px; height:23px; background:url(../images/common/logo.png) 0 0 no-repeat;}
#header h1 a{display:block; width:145px; height:23px;}
#header .right{position:absolute; right:64px; top:36px; z-index:1;}
#header .right .gnb_myprugio{float:left; display:inline-block; width:93px; margin-right:20px; line-height:30px; text-align:center; color:#fff; border-radius:5px; border:1px solid #ccc; font-weight:400; font-size:13px;}
#header .right .btn_gnb{float:left; display:inline-block; width:21px; height:18px; margin-top:6px; background:url(../images/common/gnb_menu_ico.png) 0 0 no-repeat; position:relative;  z-index:1}
#header .right .btn_gnb.close{width:20px; height:20px; background:url(../images/common/gnb_menu_ico_close.png) 0 0 no-repeat;}
.gnb:after {display:block;clear:both;content:"";}
.gnb > li {float:left;position:relative;padding:0 63px 0 0;z-index:200; line-height:100%;}
.gnb > li:last-child{padding-right:0;}
.gnb > li > a {display:block; color:#fff; font-weight:400; font-size:18px;}

.fixed.scrolldown #header{margin-top:-100px; opacity:0;}
.fixed.scrollup #header{position:fixed; height:76px; margin-top:0; opacity:1; background:#000;}
.fixed.scrollup #header .inner{padding-top:30px;}
.fixed.scrollup #header h1{width:110px; height:17px; top:30px; background:url(../images/common/logo_scrollup.png) 0 0 no-repeat;}
.fixed.scrollup #header .inner .depth1{width:450px;}
.fixed.scrollup #header .gnb > li{padding-right:52px;}
.fixed.scrollup #header .gnb > li >a{color:#c4c0b7; font-size:15px;}
.fixed.scrollup #header .gnb > li:last-child{padding:0;}
.fixed.scrollup #header .right{top:25px;}
.fixed.scrollup #header .right .gnb_myprugio{width:84px; line-height:27px; color:#c4c0b7; font-size:12px;}
.fixed.scrollup #header .right .btn_gnb{margin-top:4px; background:url(../images/common/gnb_menu_ico_scrollup.png) 0 0 no-repeat;}
.fixed.scrollup #header .right .btn_gnb.close{background:url(../images/common/gnb_menu_ico_close.png) 0 0 no-repeat;}
.fixed.scrollup #header .right .utill{padding-top:6px;}
.fixed.scrollup #header .pnote{top:22px;}

#header.on{background:#015152;}
#header.on h1{background:url(../images/common/logo_on.png) 0 0 no-repeat;}
#header.on .gnb{display:none;}
#header.on .right .gnb_myprugio{display:none;}
#header.on .right .util{display:inline-block;}

.gnb_bg{position:absolute;top:104px;left:0;width:100%;height:0; background:#ff9900; background:url(../images/common/bg_gnb.jpg) center 0 #f4f4f4 no-repeat;}
.fixed .gnb_bg{top:76px;}
.gnb_bg .gnb_cont{width:1200px; height:0; margin:0 auto; box-sizing:border-box; padding:0px 0 0 20px; overflow:hidden;}
.gnb_bg .gnb_cont ul{float:left; width:147px; margin-left:50px; padding-top:60px;}
.gnb_bg .gnb_cont ul:first-child{margin-left:0px;}
.gnb_bg .gnb_cont ul li.tit{padding-bottom:20px; margin-bottom:20px; font-size:25px; color:#015152; border-bottom:1px solid #e3e3e3;}
.gnb_bg .gnb_cont ul li{margin-bottom:15px; font-weight:400; letter-spacing:-0.25px; line-height:100%;}
.gnb_bg .gnb_cont ul li a:hover{color:#015152;}
.gnb_bg .gnb_cont ul.myprugio{width:auto; margin-left:70px;}
.gnb_bg .gnb_cont ul.myprugio .tit{padding:0; font-size:18px; border:0;}
.gnb_bg .gnb_cont ul.myprugio .tit:before{display:none;}
.gnb_bg .gnb_cont ul.myprugio li{font-size:13px;}
.gnb_bg .gnb_cont ul.myprugio li:before{display:inline-block; content:""; width:2px; height:2px; margin-right:5px; background:#015152; vertical-align:middle;}

#header .util{display:none; float:left; overflow:hidden;padding-top:9px; margin-right:15px;}
#header .util:after{display:block;clear:both;content:"";}
#header .util a{display:block;float:left;padding:0 15px; color:#c4c0b7; line-height:100%;}

/*
.pnote{position:absolute; right:0; top:34px;}
.notification{position:absolute; right:-12px; top:-7px; display:block; width:56px; height:56px; background:url(../images/common/notification_img.png) 0 0 no-repeat;}
.notification .new{position:absolute; top:3px; right:5px; width:20px;}
.pnote_view{position:relative; z-index:10; margin-top:45px; opacity:0; visibility:hidden; z-index:1; border-radius:0 0 25px 25px; -webkit-box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3); -moz-box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3); box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3);}
.pnote_view.one li:last-child{border-radius:25px;}
.pnote_view.one li:first-child .btn_list{display:block;}
.pnote_view.on li:first-child{width:430px; transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out; transition-delay: 0.2s;}
.pnote_view.on li:first-child.shadow{-webkit-box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3); -moz-box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3); box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3);}
.pnote_view.on li:first-child a.link{opacity:1; transition:opacity 0.4s ease-in-out; transition-delay: 0.4s;}
.pnote_view li{display:none; width:100%; }
.pnote_view li{padding:0 20px; background:#ece8e6; box-sizing:border-box; border-bottom:1px solid #e2e0de;}
.pnote_view li:first-child{float:right; display:block; position:relative; width:90px; height:50px; padding:0; background:#8b8075; border-radius:25px; border-bottom:0; transition: width 0.4s ease-in-out; }
.pnote_view li:first-child .close{position:absolute; right:20px; top:18px; display:inline-block; width:15px; height:15px; background:url(../images/common/pnote_list_close.png) 0 0 no-repeat;}
.pnote_view.active li:first-child{float:none; border-radius:25px 25px 0 0;}
.pnote_view.active li{display:block;}
.pnote_view li:first-child a.link{width:280px; padding-left:20px; opacity:0; line-height:50px; color:#fff; background:none;}
.pnote_view li:first-child .btn_list{position:absolute; right:50px; top:17px; display:inline-block; width:15px; height:15px; background:url(../images/common/pnote_list.png) center center no-repeat; background-size:17px 14px;}
.pnote_view li a.link{display:inline-block; width:100%; line-height:58px; color:#333; background:url(../images/common/bg_pnote_list_on.jpg) 330px center no-repeat; letter-spacing:-0.3px; font-size:15px;}
.pnote_view li .more{display:block; text-align:center; font-family:'Gill Sans MT'; color:#000; line-height:54px;}
.pnote_view li:last-child{ border-radius:0 0 25px 25px; border-bottom:0;}
*/

.pnote{position:absolute; right:0; top:34px; padding-top:45px;}
.notification{position:absolute; right:-12px; top:-7px; display:block; width:56px; height:56px; background:url(../images/common/notification_img.png) 0 0 no-repeat;}
.notification .new{position:absolute; top:3px; right:5px; width:20px;}
.pnote_view{overflow:hidden; visibility:hidden; position:relative; z-index:10; border-radius:25px; opacity:0; -webkit-box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3); -moz-box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3); box-shadow: 16px 18px 6px -10px rgba(0,0,0,0.3);}
.pnote_view .pnote_control{position:absolute; right:20px; top:18px; height:15px; font-size:0; text-align:right;}
.pnote_view .pnote_control > a{overflow:hidden; display:inline-block; width:15px; height:15px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;}
.pnote_view .pnote_control .btn_list{margin-right:15px; background:url(../images/common/pnote_list.png) center center no-repeat; background-size:17px 14px;}
.pnote_view .pnote_control .close{background-image:url(../images/common/pnote_list_close.png);}
.pnote_view li{display:none; width:380px; padding:0 75px 0 20px; background:url(../images/common/bg_pnote_list_on.jpg) #ece8e6 350px center no-repeat; border-top:1px solid #e2e0de; box-sizing:border-box;}
.pnote_view li:first-child{display:block; width:90px; height:50px; padding-right:75px; background:#8b8075; border-top:0 none; transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out;}
.pnote_view li a{display:block; overflow:hidden; font-size:15px; line-height:58px; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-0.3px; color:#333;}
.pnote_view li:first-child a{background:none; line-height:50px; opacity:0; color:#fff;}
.pnote_view li .more{display:block; font-family:'Gill Sans MT'; text-align:center; line-height:54px; color:#000;}
.pnote_view.active li{display:block;}
.pnote_view.on li:first-child{width:380px;}
.pnote_view.on li:first-child a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:1; transition:opacity 0.4s ease-in-out; transition-delay: 0.4s;}



/* pnote_popup */
.popup { display:none; position:fixed; width:600px; z-index:111; left:50%; top:50%; transform:translate(-50%, -50%);} 
.popup > div {width:600px; background:#000;}
.popup > div a {display:inline-block; padding:10px; color:#fff;}
.popup2 { display:none; position:fixed; width:602px; z-index:111; left:50%; top:50%; transform:translate(-50%, -50%);} 
.popup2 > div {width:602px; background:#000;}
.popup2 > div a {display:inline-block; padding:10px; color:#fff;}
.popup3 { display:none; position:fixed; width:562px; z-index:111; left:50%; top:50%; transform:translate(-50%, -50%);} 
.popup3 > div {width:562px; background:#000;}
.popup3 > div a {display:inline-block; padding:10px; color:#fff;}
.dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:110;}

/* footer */
#footer .inner {position:relative; width:1100px;margin:0 auto; padding:22px 0 18px;}
#footer .inner:after{display:block;clear:both;content:"";}
#footer .footer_logo{float:left;margin-right:53px;}
#footer .center_cont{float:left; position:relative; width:530px; margin-left:40px;}

#footer .footer_util {overflow:hidden; padding-bottom:18px; margin-bottom:20px;font-size:13px; font-weight:400; border-bottom:1px solid #707b82;}
#footer .footer_util:after {display:block;clear:both;content:"";}
#footer .footer_util a {display:block;float:left;padding-left:30px; color:#d9d9d7;}
#footer .footer_util a:first-child {background:none;padding-left:0;}
#footer address {font-size:13px;color:#d9d9d7; line-height:160%}
#footer address span{color:#a2aaad; font-size:12px;}
#footer .right_cont {float:right; position:relative; width:354px;}
#footer .customer_tel{margin-bottom:10px; font-size:20px; font-weight:500; text-align:right; color:#d9d9d7; line-height:100%;}
#footer .dwlogo{display:block; margin-top:15px;}
#footer .icsi_logo{position:absolute; left:0; top:85px; width:180px;}

/*
#footer .site_box{text-align:left;}
#footer .site_box .site_btn{display: block; width:168px; padding:0 0 15px 40px; background:url(../images/common/btn_family.png) 197px 10px no-repeat; color:#fff; font-weight:400;}
#footer .site_box .inner_pop{display:none; position:absolute; right:78px; top:-132px; width:205px; height:190px; background:#d9d9d7; z-index:1001; border-radius:6px;}
#footer .site_box .inner_pop.on{display:block;}
#footer .site_box .inner_pop ul{padding:10px 0 10px 20px;}
#footer .site_box .inner_pop ul li{padding:6px 0; color:#5a6770; font-weight:400;}
#footer .site_box .inner_pop ul li a{display:block; color:#5a6770;}
#footer .site_box .inner_pop ul li.last{cursor:pointer; background:url(../images/common/btn_family_on.png) 155px center no-repeat;}
*/
#footer .daewooenc_link{padding-bottom:37px; margin-bottom:20px; border-bottom:1px solid #707b82; }
#footer .daewooenc_link a{position:absolute; display:inline-block; right:0; top:-9px; width:170px; height:32px; background:url(../images/common/daewoo_bi.png) 10px center no-repeat; border:1px solid #707a81; font-size:13px; font-weight:400; color:#828282; text-indent:-9999px;}
#footer .daewooenc_link a:after{content:""; display:inline-block; position:absolute; right:10px; top:11px; width:6px; height:10px; background:url(../images/common/btn_link.png) 0 0 no-repeat;}
#footer .daewooenc_link a.btn2{left:0; background:url(../images/common/summit_bi.png) 10px center no-repeat;}

#footer .sns_list{font-size:0; text-align:right;}
#footer .sns_list li{display:inline-block;}
#footer .sns_list li.sns_list{margin-left:0;}
#footer .sns_list li a{display:block; width:24px; height:24px; background-image:url(../images/common/sns_ico_sprites.png); background-repeat:no-repeat; text-indent:-9999px;}
#footer .sns_list li.sns_list1 a{width:35px; height: 24px; background-position: -52px 0;}
#footer .sns_list li.sns_list3 a{width:35px; height:24px; margin-left:12px; background-position: 10px 0;}
#footer .sns_list li.sns_list4 a{width:13px; height:23px; margin-left:24px; background-position:-86px 0;}

#blockUi{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(255,255,255,.5);}
#blockUi.on{display:block;}
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
#blockUi:before {
  content: '';
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
  border: 3px solid #eee;
  border-top-color: #015152;
  animation: spinner 1s linear infinite;
}

/* motion1*/
/*
#galleryUi{display:none; padding-top:55px; margin-bottom:100px;}
#galleryUi.on{display:block;}
#galleryUi .text{text-align:center;}
#galleryUi .text span{display:inline-block; margin:0 4px; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation:bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
#galleryUi .text span.txt1{-webkit-animation-delay:-0.80s; animation-delay:-0.80s;}
#galleryUi .text span.txt2{-webkit-animation-delay:-0.64s; animation-delay:-0.64s;}
#galleryUi .text span.txt3{-webkit-animation-delay:-0.48s; animation-delay:-0.48s;}
#galleryUi .text span.txt4{-webkit-animation-delay:-0.32s; animation-delay:-0.32s;}
#galleryUi .text span.txt5{-webkit-animation-delay:-0.16s; animation-delay:-0.16s;}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {opacity: .5;}
  40% {opacity: 1;}
}

@keyframes bouncedelay {
  0%, 80%, 100% {opacity: .5;} 
  40% {opacity: 1;}
}
*/

/* motion2 */
/*
.gallery .complex_title{position:relative; z-index:1;}
#galleryUi{display:none;}
#galleryUi.on{display:block;}
#galleryUi .text{position:relative; width:100%; height:330px;}
#galleryUi .text span{display:inline-block; position:absolute; opacity:0; animation:bouncedelay 3s infinite ease-in-out;}

#galleryUi .text span.txt1{left:-150px; top:25px; -webkit-animation-delay:-1.5s; animation-delay:-1.5s;}
#galleryUi .text span.txt2{left:50px; top:-100px; -webkit-animation-delay:-1.25s; animation-delay:-1.25s;}
#galleryUi .text span.txt3{left:300px; top:30px; -webkit-animation-delay:-1s; animation-delay:-1s;}
#galleryUi .text span.txt4{right:314px; top:125px; -webkit-animation-delay:-0.75s; animation-delay:-0.75s;}
#galleryUi .text span.txt5{right:160px; top:-45px; -webkit-animation-delay:-0.50s; animation-delay:-0.50s;}
#galleryUi .text span.txt6{right:-157px; top:85px; -webkit-animation-delay:-0.25s; animation-delay:-0.25s;}

@keyframes bouncedelay {
  0% {opacity:1; -webkit-transform:translateY(160px); transform:translateY(160px);} 
  70%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
*/

/* motion3 */
/*
#galleryUi{display:none; padding-top:55px; margin-bottom:100px;}
#galleryUi.on{display:block;}
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
#galleryUi:before {
  content: '';
  display:block;
  width: 30px;
  height: 30px;
  margin:0 auto;
  border-radius: 50%;
  border: 3px solid #eee;
  border-top-color: #015152;
  animation: spinner 1s linear infinite;
  box-sizing: border-box;
}
*/