@charset "utf-8";

/* base */
html,body{height:100%;width:100%;}
body{height:100%;font-size:14px;color:#666;}
body,h1,h2,h3,h4,h5,h6,div,p,span,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,caption,th,td,tr,form,fieldset,legend,hr,input,select,button,textarea,a{margin:0;padding:0;line-height:1.2;font-family:'NotoSansKR', dotum , sans-serif;letter-spacing:-0.25px;}
ul, ol {list-style:none;}
table{border-spacing:0;border:0;table-layout:fixed;border-collapse:collapse;}
img, fieldset, abbr, acronym {border:0;}
textarea{resize:none}
select{-webkit-appearance:none;}
address, caption, cite, code, dfn, em, var,i {font-style:normal;font-weight:normal;}
hr{display:none}
caption, legend {width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
*,*:before, *:after {box-sizing: border-box;}
a{color:inherit;font-family:inherit;text-decoration:none;}
button{border:none}
/*
a:focus,button:focus, .radi1 input:focus + label, .chck1 input:focus + label{outline:1px dashed #000;}
input:focus, select:focus{}
*/
::-webkit-input-placeholder,
::-webkit-input-placeholder,
:-ms-input-placeholder,
::placeholder{color:#9a9a9a;}

input, select, button, textarea{padding:0;margin:0;border:none;background:none;vertical-align:top;}
label{display:inline-block;}
button{cursor:pointer;}
textarea{width:100%;}

select, input{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input::-ms-clear{display:none;}
input::-ms-reveal {display:none;}
input[type=text]::-ms-clear{display:none;}

select::-ms-expand{display:none;}
strong{font-weight:500}

/* skipNavi */
.skipNavi{margin:0;padding:0;}
.skipNavi a{display:block;overflow:hidden;position:absolute;left:0;top:-10000px; }
.skipNavi a:hover, .skipNavi a:focus, .skipNavi a:active{padding:1rem 0;background-color:#000;color:#fff;font-size:1.4rem;width:100%;top: 0px;text-align:center;z-index:10;}

/* font */
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/NotoSans-Light.eot'); /* IE9 Compat Modes */
  src: local('fonts/NotoSans-Light'), local('fonts/NotoSansKR-Regular'),
       url('fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/NotoSans-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/NotoSans-Light.woff') format('woff'), /* Modern Browsers */
       url('fonts/NotoSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/NotoSans-Light.svg#NotoSans') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/NotoSansCJKkr-Regular.eot'); /* IE9 Compat Modes */
  src: local('fonts/NotoSansKR-Regular'), local('fonts/NotoSansKR-Regular'),
       url('fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/NotoSansCJKkr-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/NotoSansCJKkr-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/NotoSansCJKkr-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/NotoSansCJKkr-Regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/NotoSansCJKkr-Medium.eot'); /* IE9 Compat Modes */
  src: local('fonts/NotoSansCJKkr-Medium'), local('fonts/NotoSansCJKkr-Medium'),
       url('fonts/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/NotoSansCJKkr-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/NotoSansCJKkr-Medium.woff') format('woff'), /* Modern Browsers */
       url('fonts/NotoSansCJKkr-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/NotoSansCJKkr-Medium.svg#NotoSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/NotoSansKR-Bold.eot'); /* IE9 Compat Modes */
  src: local('fonts/NotoSansKR-Bold'), local('fonts/NotoSansKR-Bold'),
       url('fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/NotoSansKR-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/NotoSansKR-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/NotoSansKR-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/NotoSansKR-Bold.svg#NotoSans') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), 
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), 
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), 
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); 
}

/* common */
#wrap{min-width:1220px;}
.header-wp{width:100%;min-width:1220px;height:200px;z-index:10000}
.footer-wp{width:100%;min-width:1220px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;}
.heading{position:relative;height:110px;}
.area{position:relative;width:1200px;margin:0 auto;}

.heading .area{height:100%;}
.heading h1{display:inline-block;margin-top:25px}

/* gnb */
.gnb-wp{position:relative;height:90px;border-top:1px solid #eff0f1;z-index:100}
.gnb-area{width:1200px;margin:0 auto;}
.gnb-wp .bg{display:none;position:absolute;top:89px;left:0;right:0;height:190px;border-top:1px solid #ccc;border-bottom:2px solid #ccc;background-color:rgba(255,255,255,1);box-shadow: inset 2px 60px 10px -60px rgba(0,0,0,0.3);opacity:1;z-index:1}
.gnb{width:100%;color:#111;z-index:2;}

.gnb{font-size:0;}
.gnb>li{position:relative;display:inline-block;text-align:center;vertical-align:top}
.gnb>li>a{position:relative;display:inline-block;padding:35px 100px 35px 0;font-size:18px;text-align:left;color:#111;font-weight:500;z-index:2}

.gnb>li>a>span{position:relative;display:inline-block;}
.gnb>li a span:before, 
.gnb>li a span:before, 
.gnb>li a.current span:before{content:"";position:absolute;top:-3px;right:-3px;width:14px;height:14px;background-color:#fa3246;border-radius:100%;z-index:-1;visibility:hidden;}
.gnb>li a.current span:before{content:none;}

.gnb>li:hover a span:before, 
.gnb>li a:focus span:before, 
.gnb>li:hover a.current span:before{content:"";visibility: visible;}

.gnb>li a.current span{color:#f13046}
.gnb .sub li:hover, .gnb .sub li a:focus, .gnb .sub li.current{color:#f13046}

.gnb .sub{display:none;position:absolute;top:89px;margin-left:-20px;width:180px;height:190px;font-size:0;padding:20px 0;z-index:10;}
.gnb .sub>ul{width:100%;height:150px;font-size:0;border-left:1px dashed #ddd;}
.gnb .sub li{display:block;color:#666;text-align:left;font-size:16px;}
.gnb .sub li>a{display:block;padding:5px 20px;font-size:16px;}
.gnb .sub li:hover, .gnb .sub li a:focus, gnb .sub li.current{color:#f13046}
.gnb .menu2 .sub{width:191px;}
.gnb .menu3 .sub{width:201px;}
.gnb .menu4 .sub{width:170px;}
.gnb .menu5 .sub{width:185px;}

.gnb-area.on .sub{display:block;} 

/* topmeneu */
.utill{position:absolute;top:50%;right:0;margin-top:-9px;}
.utill li{float:left;}
.utill li > a{display:inline-block;margin-left:25px;padding-left:20px;height:18px;line-height:18px;background-image:url('../image/icon-utill.png');background-repeat:no-repeat;}
.utill li .icn1{background-position:0 0;}
.utill li .icn2{background-position:0 -18px;}
.utill li .icn3{padding-left:25px;background-position:0 -36px;}
.utill .cart{position:relative;}
.utill .cart .num{position:absolute;top:-22px;left:50px;min-width:20px;padding:3px 7px;font-size:12px;color:#fff;background-color:#f13045;border-radius:20px;border-bottom-left-radius:0}

.search{position:absolute;top:0;left:400px;width:560px;height:52px;margin:0 auto;border:1px solid #eee;background:#f7f7f7 url('../image/icon-search.png') no-repeat 20px 50%;border-radius:3px;}
.search>input{width:500px;height:50px;margin-left:50px;line-height:50px;font-size:16px;background-color:transparent;}
.search:focus:before{position:absolute;border:2px solid #f13046}

/* sitemap */
.sitemap-wp{display:none;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);width:100%;height:100%;z-index:10000}
.sitemap-wp.active{display:block}
.sitemap-open{position:absolute;top:15px;left:50%;margin-left:540px;width:58px;height:58px;/*background:url('../image/btn-sitemap2.png') no-repeat 0 0;*/}
.sitemap-ct{position:relative;width:100%;margin-top:200px;background:#fff;border-top:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4}
.sitemap-close{position:absolute;top:-76px;right:0;width:60px;height:60px;/*background:url('../image/btn-sitemap-close.png') no-repeat 0 0;*/}
.sitemap-menu>ul{overflow:hidden;padding:20px 10px;}
.sitemap-menu>ul>li{float:left;width:195px;padding:20px;text-align:center;border-right:1px dashed #ddd;}
.sitemap-menu>ul>li:last-child{border-right:none;}
.sitemap-menu a:hover,.sitemap-menu a:focus{color:#f13046}

.sitemap-item{height:170px;padding-top:0;vertical-align:top;}
.sitemap-item .tit{display:block;padding:0 0 10px;font-size:18px;font-weight:500;color:#111;}
.sitemap-item li{padding:5px 0;font-size:16px;}

.sitemap-menu>ul>li.borN{border-right:none;}
.sitemap-menu .line2{padding-top:0;}
.line2 .sitemap-item{height:200px;padding-top:40px;border-top:1px dashed #ddd;}
.line2 .sitemap-item .tit{padding-top:0;}

.menu-trigger{position:relative;padding:18px 16px;cursor:pointer;}
.menu-trigger>div{position:relative;width:28px;height:24px;}
.menu-trigger span{position:absolute;top:0;left:0;display:inline-block;width:28px;height:6px;background-color:#333;}
.menu-trigger span:nth-of-type(1){top: 0;}
.menu-trigger span:nth-of-type(2){top:9px;}
.menu-trigger span:nth-of-type(3){top:18px;}

.menu-trigger:hover span{transition:all 0.3s;}
.menu-trigger:hover span:nth-of-type(1){width:20px;}
.menu-trigger:hover span:nth-of-type(2){width:15px;}

.sitemap-wp.active .menu-trigger{position:relative;padding:15px;cursor:pointer;background-color:#f13046;border-radius:4px;}
.sitemap-wp.active .menu-trigger>div{position:relative;width:30px;height:30px;transition:all 0.3s;margin-left:-3px;margin-top:3px;}
.sitemap-wp.active .menu-trigger span{ position:absolute;top:0;left:0;display:inline-block;width:35px;height:6px;background-color:#fff;}
.sitemap-wp.active .menu-trigger span:nth-of-type(1){top:0;transform:translateY(9px) rotate(45deg)}
.sitemap-wp.active .menu-trigger span:nth-of-type(2){top:9px;transform:translateY(0) rotate(-45deg)}
.sitemap-wp.active .menu-trigger>div:hover{transform:rotate(45deg);margin-top:0;margin-left:-4px;}

/* input */
input.inp1:disabled{background-color:#f5f5f5}
.readonly, input[readonly]{background-color:#f7f7f7}

.inp1, .sel1{height:38px;margin-right:5px;padding:10px;min-width:100px;font-size:14px;color:#666;border:1px solid #ccc;border-radius:2px;}
textarea.inp1{height:200px;margin-left:0;padding:10px;border:1px solid #ccc;border-radius:3px;}
.sel1{padding:9px 50px 9px 10px;}
.sel1{background:url('../image/icon-select.png') no-repeat 100% 0;}

.radi1, .chck1{position:relative;display:inline-block;}
.radi1 label, .chck1 label{display:inline-block;position:relative;padding-left:30px;line-height:22px;color:#333;}
.radi1 input, .chck1 input{position:absolute;top:5px;width:0;height:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.radi1 label:before, .chck1 label:before{content:"";position:absolute;top:0;left:0;width:23px;height:23px;background-repeat:no-repeat;background-position:0 0;}

.chck1 label:before{background-image:url('../image/bg-checkbox.png');}
.chck1 input:checked ~ label:before{background-position:0 -24px;}
.chck1 input:disabled ~ label:before{background-position:0 -48px;}

.radi1 label:before{background-image:url('../image/bg-radio.png');}
.radi1 input:checked ~ label:before{background-position:0 -24px;}
.radi1 input:disabled ~ label:before{background-position:0 -48px;}

.chck1 input:focus + label,
.radi1 input:focus + label{outline:1px dotted rgba(0,0,0,0.5)}

.chck1.blck {display:block;}
.chck1.blck label{display:block;text-align:center;}

/* button */
.btn-wp{margin-top:40px;text-align:center;overflow:hidden}
[class^="btnTy"]{height:38px;margin:0 8px;padding:9px 20px;min-width:90px;border-width:1px;border-style:solid;border-radius:2px;font-weight:500}
[class^="btnTy"] > span{position:relative;line-height:17px;display:inline-block;vertical-align:top;pointer-events: none;}
[class^="btnTy"] .icn1{padding-left:23px;background:url('../image/btn-icon2.png') no-repeat 0 0;background-size:16px 16px;}

.btnTy1{color:#fff;border-color:#666;background-color:#666;}
.btnTy2{color:#fff;border-color:#f13045;background-color:#f13045;}
.btnTy3{color:#fff;border-color:#0d72b3;background-color:#0d72b3;}
.btnTy4{color:#666;border-color:#ccc;background-color:#f8f8f8;}
.btnTy5{color:#f13046;border-color:#f13046;background-color:#fff;}
.btnTy6{color:#333;border-color:#333;background-color:#fff;}
.btnTy7{min-width:150px;font-size:16px;color:#fff;border-color:#ff6d70;background-color:#ff6d70;}
.btnTy8{min-width:150px;font-size:16px;color:#fff;border-color:#8fc5b6;background-color:#8fc5b6;}

[class^="btnTy"].min, [class^="btnTy"].min2{height:30px;min-width:60px;margin:0 5px;padding:5px 10px 6px;border-radius:5px;}
[class^="btnTy"].min2{min-width:110px;}
[class^="btnTy"].mid{min-width:150px;}
[class^="btnTy"]:disabled{opacity:0.5;cursor:default}
[class^="btnTy"].big{width:273px;height:53px;border-radius:10px;font-size:16px;}


/* big button */
.big-btn{height:40px;min-width:180px;padding:0 30px;font-size:16px;color:#fff;font-weight:500;border-width:1px;border-style:solid;background-color:#666;border-radius:7px;border-top-right-radius:0;border-bottom-left-radius:0;}
.big-btn>span{display:inline-block;position:relative;vertical-align:top;padding-right:20px;background-image:url('../image/btn-icon1.png');background-repeat:no-repeat;background-position:100% 50%;pointer-events: none;}
.big-btn.red{background-color:#f13046;border-color:#f13046}
.big-btn.blk{background-color:#2a2d34;border-color:#2a2d34}
.big-btn.bor{color:#111;background-color:#fff;border-color:#000;}
.big-btn.bor>span{background-image:url('../image/btn-icon3.png'); }
.big-btn:disabled{opacity:0.5;cursor:default}

/* trim */
.ellips{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ellips2{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* table */
.tbl-wp{margin-top:60px;}
.tbl1{width:100%;border-top:1px solid #ccc}
.tbl1 td:first-child, .tbl1 th:first-child{padding:20px 15px;border-left:1px solid #ececec;}
.tbl1 td, .tbl1 th{padding:18px 15px;font-size:14px;border-right:1px solid #ececec;border-bottom:1px solid #ececec;text-align:center;}
.tbl1 td{font-size:14px;}
.tbl1 th{font-size:16px;color:#333;font-weight:500;}
.tbl1 tbody th:first-child{padding:20px 0;}
.tbl1 tbody td:last-child{border-right:none;}
.tbl1 tbody td:first-child, .tbl1 th:first-child{border-left:none;}
.tbl1 tbody td:last-child, .tbl1 th:last-child{border-right:none;}

.tbl1 .bg, .tbl1 tbody th, .tbl1.view th{background-color:#f7f7f7}
.tbl1 .bg2{background-color:#fdf4f6}
.tbl1 th.nobg{background-color:#fff;}

.tbl1 a{color:#333;}
.tbl1 a:hover{text-decoration:underline;}
.tbl1 img{vertical-align:middle;}
.tbl1 .tit,
.tbl1 .txL{text-align:left;}
.tbl1 .txR{text-align:right;}
.tbl1 .vm{vertical-align:middle;}
.tbl1 .vt{vertical-align:top;}
.tbl1 .num{font-family:'Roboto';}
.tbl1 .linH{display:inline-block;line-height:38px;vertical-align:middle;}
.tbl1 .linH2{display:inline-block;line-height:30px;vertical-align:middle;}
.hype{display:inline-block;height:38px;padding:0 7px 0 3px;line-height:34px;color:#333;text-align:center;font-size:30px;vertical-align:top;}
.hype2{display:inline-block;height:38px;padding:0 7px 0 3px;line-height:38px;color:#333;text-align:center;vertical-align:middle;}
.tbl1 .bar{display:inline-block;height:18px;padding:0 10px;line-height:18px;font-size:10px;color:#ccc;text-align:center;vertical-align:top;}
.tbl1 .bar2{display:inline-block;height:30px;padding:0 10px;line-height:30px;font-size:10px;color:#ccc;text-align:center;vertical-align:top;}

.tbl1 .tit{color:#333;}
.tbl1 .txt{min-height:200px;padding:10px 40px;text-align:left;line-height:1.8;vertical-align:top;}
.tbl1 .txt2{min-height:200px;line-height:1.8;text-align:left;vertical-align:top;}
.tbl1 .pdinp{padding:6px 15px;}
.tbl1 th.pdinp{padding:11px 15px;}
.tbl1 .hp-certif{margin-top:10px;padding-top:10px;border-top:1px dotted #ccc;}
.tbl1 .tit>img{margin-left:5px;vertical-align:top;}
.tbl1 th .sel1{background-color:#fff;}
.tbl1 tbody th.txL{padding-left:20px;}
.tbl1 .intd{padding-left:30px;display:block;}
.tbl1 .indent{display:inline-block;padding-left:20px;text-indent:-20px}

.tbl1.bor{border:1px solid #ececec;}
.tbl2{border:1px solid #ececec;}
.tbl2 td, .tbl2 th{padding:5px;border:1px solid #ececec;}

/* footer */
.footer-wp{padding-bottom:30px;}
.foot-policy{border-bottom:1px solid #e5e5e5;}
.foot-policy .lst>li{padding:20px 0;display:inline-block;}
.foot-policy .lst>li:first-child a{padding-left:2px;}
.foot-policy .lst a{position:relative;padding:0 10px;font-size:14px;color:#111;}
.foot-policy .lst a.fc1{color:#f13046;}
.foot-policy .lst a:hover{color:#f13046;font-weight:500;}
.foot-policy .lst a:after{content:"";position:absolute;top:4px;right:0;width:1px;height:15px;background-color:#e3e3e3}
.foot-policy .lst>li:last-child a:after{content:none;}

.foot-copyright{padding-top:25px;}
.foot-cust{float:left;width:800px;padding-top:0px;}
.foot-cust .lst>li{position:relative;display:inline-block;font-weight:500;color:#111;}

.foot-menu{float:right;}
.foot-menu .sel1{background-color:#fff;background-image:url('../image/icon-footer-sel.png')}
.foot-copy{clear:both;padding-top:15px;color:#999;overflow:hidden;}
.foot-copy .lst>li{position:relative;padding:5px 10px;display:inline-block;}
.foot-copy .lst>li:first-child{padding-left:0;}
.foot-copy .lst>li:after{content:"";position:absolute;top:10px;right:0;width:1px;height:15px;background-color:#e3e3e3}
.foot-copy .lst>li:last-child:after{content:none;}

.foot-certif{padding-top:10px;}
.foot-certif >img{margin-left:20px;}

.foot-sel{position:relative;margin-top:-10px;}
.foot-sel >.tit{display:block;height:38px;width:277px;padding:10px 20px;font-weight:400;border:1px solid #ccc;padding-right:56px;color:#999;font-weight:400;background:#fff url('../image/icon-footer-sel.png') no-repeat 100% 0;cursor:pointer;}
.foot-sel .lst-wp{display:none;position:absolute;top:-259px;right:0;width:765px;height:260px;padding:30px 10px;border:1px solid #ccc;background-color:#fff;z-index:3}
.foot-sel .lst{height:280px;overflow-x:auto;}
.foot-sel .lst>li:first-child{border-top:none;}
.foot-sel .lst>li{padding:5px 20px;padding-left:15px;background:url('../image/bul-dot2.png') no-repeat 0 50%}
.foot-sel .lst>li.on{background-color:#fdf0f2;}
.foot-sel.open .lst-wp{display:block;}
.foot-sel .unit{float:left;height:200px;}
.foot-sel .unit .tit{display:block;margin-bottom:15px;color:#333;font-weight:400}
.foot-sel .unit{padding:0 20px;border-left:1px solid #d9d9d9}
.foot-sel .unit:first-child{border:none;}
.foot-sel.open .footmenu-close{position:absolute;bottom:0;right:1px;width:35px;height:36px;background:url('../image/icon-select2.png') no-repeat 100% -37px;}

/* top */
.topScroll{position:fixed;right:50%;margin-right:-650px;bottom:152px;cursor:pointer;visibility:hidden;}
.topScroll>span{display:inline-block;width:38px;height:38px;line-height:38px;border-radius:50%;text-align:center;background-color:#f13046;color:#fff;font-weight:500;}

/* layerpopup */
.laypop-pop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;}
.laypop-pop:focus{}
.layer-wrap{position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);background-color:#fff;border-radius:10px;overflow:hidden;}
.layer-header{height:60px;padding:17px 30px;background-color:#f13046;margin-top:-1px;}
.layer-header>h1{font-size:22px;color:#fff;font-weight:500;letter-spacing:-1px;}
.layer-header>h1.icn i{display:inline-block;width:38px;height:34px;margin-left:-10px;margin-top:-3px;background:url('../image/icn-pop-emergency.png') no-repeat 0 0}
.layer-header>button{position:absolute;right:0;top:0;padding:0;}
.laypop-pop .btn-wp{padding:20px 20px 40px;margin-top:0;}

.layer-content{position:relative;width:500px;text-align:left;vertical-align:middle;border-radius:10px;} 
.layer-ct{padding:40px 20px 20px;max-height:380px;overflow-y:auto}
.pop-tit{margin-top:40px;padding-left:10px;padding-bottom:10px;font-size:16px;color:#333;font-weight:500;background:url('../image/bul-pop-tit.png') no-repeat 0 4px }
.pop-tit:first-child{margin-top:0;}
.pop-tit2{font-size:16px;;font-weight:500;text-align:center;color:#333}
.pop-tit3{font-size:26px;font-weight:500;padding-top:10px;padding-bottom:0px;text-align:center;color:#333}
.pop-lst{border-top:1px solid #ccc;}
.pop-lst>li{padding:15px;border-bottom:1px solid #ececec;}
.pop-info{margin-top:40px;padding:20px;line-height:1.8;text-align:center;border:1px solid #ececec;background-color:#f8f8f8 }
.pop-scroll{overflow-y:auto;}
.pop-info2{padding-bottom:30px;font-size:18px;line-height:27px;font-weight:500;color:#333;text-align:center;border-bottom:1px solid #ececec;}
.pop-info2 .stxt{font-weight:400;font-size:16px;color:#666;line-height:1.6}

.layer-content.big{width:670px;}
.layer-content.big2{width:565px;}
.layer-content.min{width:300px;}
.layer-content.min2{width:400px;}
.layer-content.min .layer-ct{padding:40px 10px 20px;}
.layer-content.min .btn-wp{padding:10px 10px 30px;}

.pop-box{padding:15px;border:1px solid #ececec;background-color:#f8f8f8;}
.pop-box .txt{font-size:16px;text-align:left;}
.pop-box .bor{margin-top:20px;padding-top:20px;border-top:1px dashed #ccc;}
.pop-box li{padding:4px 0;}
.pop-box li .tit{padding-left:10px;;font-size:16px;color:#333;font-weight:500;background:url('../image/bul-dot2.png') no-repeat 0 10px;}
.pop-box .chck1 label{font-size:16px;color:#333;margin-top:10px;}

.pop-report{padding:154px 20px 20px;background:url('../image/bg-pop-report.png') no-repeat 50% 0;}
.pop-report .tit2{margin-top:0;color:#111;}
.pop-report .txt{font-size:16px;color:#333;font-weight:500}
.pop-report .txt>p{margin-top:15px;}
.pop-report .txt span{line-height:1.5}
.pop-report .txt .unline{line-height:0.5;padding:0 5px;background:url('../image/bg-underline.png') repeat-x 0 100%;}

.pop-report.emailaddr{padding:134px 20px 20px;background:url('../image/bg-pop-emailaddr.png') no-repeat 50% 0;}
.pop-report.emailaddr .txt>p{line-height:1.5}

.pop-terms-img{margin:0 20px;padding-top:130px;background:url('../image/bg-pop-terms.png') no-repeat 50% 42px;}
.pop-terms-img>h2{line-height:26px;padding-bottom:40px;}

.pop-terms{margin:0 20px;padding:40px 0 20px;border-top:1px dashed #ccc;}
.pop-terms .pop-tit{font-weight:400}
.pop-terms .lstSt1{margin-top:20px;overflow:hidden;}
.pop-terms .lstSt1>li{width:48%;float:left;margin-left:0;font-size:16px;background:url('../image/bul-pop-tit.png') no-repeat 0 50%}
.pop-terms .lstSt1>li>strong{color:#333;font-weight:400}
.pop-terms .lstSt1.icn{margin-top:0}
.pop-terms .lstSt1.icn>li{background:none;float:none;width:auto;margin-top:0;margin-bottom:4px;}
.pop-terms .lstSt1.icn strong{display:inline-block;line-height:28px;}
.pop-terms .icn1{padding-left:34px;background:url('../image/icon-reception1.png') no-repeat 0 50%}
.pop-terms .icn2{padding-left:34px;background:url('../image/icon-reception2.png') no-repeat 0 50%}

.pop-sign{margin-top:40px;}
.pop-sign strong{font-weight:400}
.pop-sign ul{overflow:hidden;}
.pop-producer dl{display:table;margin-top:10px; }
.pop-producer.wd2 dt{width:100px;}
.pop-producer dt{display:table-cell;width:50px;color:#333;}
.pop-producer dd{display:table-cell;}
.pop-producer dd>p{margin-top:10px;}
.pop-producer dd>p:first-child{margin-top:0}

.contr-date{font-size:18px;padding:40px 0 0;text-align:center;font-weight:500;color:#333}

/* win pop*/
.winpop-wrap{position:relative;height:100%;border-radius:10px;overflow:hidden;}
.winpop-header{position:absolute;top:0;height:60px;width:100%;padding:17px 30px;background-color:#f13046;margin-top:-1px;}
.winpop-header>h1{font-size:22px;color:#fff;font-weight:500;letter-spacing:-1px;}
.winpop-header>button{position:absolute;right:0;top:0;padding:0;}
.winpop-content{position:absolute;top:60px;left:0;right:0;bottom:62px;overflow:auto;}
.winpop-ct{padding:40px 20px 20px;}
.winpop-footer{border-top:1px solid #ccc;padding:20px;position:absolute;bottom:0;width:100%;}

/* loading */
.loading-wp{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;}
.loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border-radius:10px;overflow:hidden;}
.loading-ct{text-align:center;padding:20px 30px;min-width:155px;min-height:138px;}
.loading-bar{width:60px;height:60px;margin:0 auto;background:url('../image/bg-loading.gif') no-repeat 50% 50%; background-size:60px;}
.loading-ct .txt{text-align:center;margin-top:10px;color:#333;padding:0;min-height:auto}

/* 여백 */
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml0{margin-left:0px}
.mb40{margin-bottom:40px}
.mr10{margin-right:10px;}
.mt15m{margin-top:-15px;}
.mt25m{margin-top:-25px;}
.pb60{padding-bottom:60px;}

.w100{width:100%;}
.w80{width:80%;}
.wd100{width:100px}
.w290{width:290px}
.w130{width:130px}

.fc1{color:#f13046;}
.fc2{color:#333;}
.fc3{color:#999;}
a.fc3{color:#999;}
.fc4{color:#111;}
.fc5{color:#0c72b4;}
.fs1{font-size:12px;}

.txC{text-align:center;}
.txR{text-align:right;}
.fr{float:right;}
.fl{float:left;}
.num{font-family:'Roboto','NotoSansKR', dotum , sans-serif;}
.hide{position:absolute;left:-10000px;top:auto; height:0;overflow:hidden;}