@charset "utf-8";
/* @import url("/font/Pretendard.css"); */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/* @import url("/font/GmarketSans.css"); */
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');
@import url("/font/xeicon.css");
@import url("/font/remixicon.css");

/* reset.css(plan-i standard) */
html{font-size:20px;box-sizing:border-box;overflow-x:hidden;-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
*,*:before,*:after{box-sizing:inherit;}
body{margin:0;padding:0;overflow:hidden;font-size:.8rem;font-weight:400;font-family:'Pretendard','Noto Sans KR',"Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif;line-height:1.25;color:#333;word-break:keep-all;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
a{color:inherit;text-decoration:none;}
img{border:0;	vertical-align:middle;font-size:0;}
table{border-collapse:collapse;width:100%;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color:#454545;font-size:.8rem;}
select, input{vertical-align:middle;}
address,em,i{font-style:normal;}
button{border:0;background:none;cursor:pointer;}
hr{margin:0;border:none;padding:0;display:block;}
form, figure, figcaption{padding:0;margin:0;}
fieldset{border:none;padding:0;margin:0;}
input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
header, footer, article, section, aside, nav, main{display:block;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/* ::selection{background:rgba(254, 110, 178, .35);} */
input[type="text"]{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/* Skip Navigation */
#skipNav{position:relative;overflow:hidden;width:100%;margin:0 auto;z-index:100}
#skipNav a{display:block;height:0;margin-top:-2px;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#3e8fee}
#skipNav a:hover,#skipNav a:active,#skipNav a:focus{height:auto;padding:7px 0;font-weight:bold;font-size:1em;line-height:1em;color:#fff;z-index:10000}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 기본 */
.sr-only,
.IR{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.responsive{max-width:100%;height:auto;}
.row{margin-right:-.75rem; margin-left:-.75rem;}
.row:before,
.row:after,
.clearfix:before,
.clearfix:after{content:"";display:table;clear:both;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-wrap{overflow:hidden;}

/* 부트스트랩 */
fieldset{border:0;padding:0;}
legend{padding:0;border:0;font-size:0;}
.txt-left{text-align:left!important;}
.txt-right{text-align:right!important;}
.txt-center{text-align:center!important;}
.vertical{display:inline-block;vertical-align:middle;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.img-responsive{max-width:100%;height:auto;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9,
.col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:.75rem;padding-left:.75rem;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder{color:#999;font-weight:300;font-size:.7rem;}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#999;font-weight:300;font-size:.7rem;}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#999;font-weight:300;font-size:.7rem;}

input:focus,
a:focus,
textarea:focus{outline:0;}

/* ...생성 */
.substring{position:relative;padding-right:15px;}
.substring:after{position:absolute;bottom:0;right:0;content:"...";font-size:14px;}

/*checkbox, radio커스텀*/
.checkbox-radio-custom{position:relative;overflow:hidden;height:30px;}
.checkbox-radio-custom > li{position:relative;float:left;}
.checkbox-radio-custom > li + li{margin-left:.5rem;}
.checkbox-radio-custom input[type="checkbox"],
.checkbox-radio-custom input[type="radio"] {border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;width:10px;height:10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:5px;}
.checkbox-radio-custom input[type="checkbox"]:hover + label:before,
.checkbox-radio-custom input[type="radio"]:hover + label:before{border-color:#dde1e5;}
.checkbox-radio-custom input[type="checkbox"]:active + label:before,
.checkbox-radio-custom input[type="radio"]:active + label:before{transition-duration:0s;filter:brightness(1.2);}
.checkbox-radio-custom input[type="checkbox"] + label,
.checkbox-radio-custom input[type="radio"] + label {display:inline-block;position:relative;padding-left:25px;font-weight:normal;}
.checkbox-radio-custom input[type="checkbox"] + label:before, input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:after {box-sizing:content-box;position:absolute;content:'';display:block;left:0;}
.checkbox-radio-custom input[type="checkbox"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:before {top:50%;width:20px;height:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);border:2px solid #ddd;text-align:center;background:#fff;}
.checkbox-radio-custom input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:after {background-color:#d52f8a;top:50%;left:7px;width:10px;height:10px;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);transform-origin:50%;transition:transform 200ms ease-out;}
.checkbox-radio-custom input[type="radio"]:checked + label:before {border-color:#d52f8a;-moz-animation:borderscale 300ms ease-in;-webkit-animation:borderscale 300ms ease-in;animation:borderscale 300ms ease-in;background-color:#fff;}
.checkbox-radio-custom input[type="radio"]:checked + label:after{transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);}
.checkbox-radio-custom input[type="radio"] + label:before, input[type="radio"] + label:after{border-radius:50%;}
.checkbox-radio-custom input[type="checkbox"] + label:after {background-color:transparent;top:50%;left:.25rem;width:.4rem;height:.2rem;margin-top:-.2rem;border-style:solid;border-color:#fff;border-width:0 0 1.2px 1.2px;-moz-transform:rotate(-45deg) scale(0);-ms-transform:rotate(-45deg) scale(0);-webkit-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;}
.checkbox-radio-custom input[type="checkbox"]:checked + label:before{-moz-animation:borderscale 200ms ease-in;-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in;background:#2daab8;border-color:#2daab8;}
.checkbox-radio-custom input[type="checkbox"]:checked + label:after{content:'';-moz-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);-moz-transition:-moz-transform 200ms ease-out;-o-transition:-o-transform 200ms ease-out;-webkit-transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;}
.checkbox-radio-custom input[type="radio"]:focus + label:before{-moz-animation:borderscale 200ms ease-in;-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in;}
.checkbox-radio-custom input[type="checkbox"] + label:before{width:16px;height:16px;}
/*셀렉트박스*/
.select-box{position:relative;width:auto;height:40px;padding:0;border:1px solid #ddd;}
.select-box label{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0 1.25rem 0 .75rem;line-height:40px;color:#666;font-size:.75rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.select-box label:after{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size:.65rem;line-height:.5rem;font-family:"xeicon";content:"\e941";transition:transform .3s;-webkit-transition:transform .3s;color:#313344;}
.select-box select.info-select{position:relative;width:100%;height:100%;padding:0;border:0 none;opacity:0;filter:alpha(opacity=0);vertical-align:top;cursor:pointer;z-index:1;font-size:.8rem;}
.select-box:hover, .select-box:focus, .select-box.active{border-color:#454c69 !important;}
.select-box:hover label, .select-box:focus label, .select-box.activ label{color:#030101;}
.select-box:hover label:after, .select-box:active label:after, .select-box:focus label:after{color:#030101;transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);}
.select-box .form-control{display:block;width:100%;padding:0.3rem 0.6rem;min-height:1.85rem;font-size:.75rem;color:#555;background-color:#fff;background-image:none;border:1px solid #ddd;vertical-align:top;}
.select-box .form-control:hover, .select-box .form-control:focus{border-color:#06377b;outline:0;}
.select-box .form-control::-moz-placeholder, .select-box .form-control:-ms-input-placeholder, .select-box .form-control::-webkit-input-placeholder{color:#888;}
.select-box .form-control[disabled], .select-box .form-control[readonly], fieldset[disabled] .select-box .form-control{background-color:#eee;opacity:1;}
.select-box .form-control[disabled], fieldset[disabled] .select-box .form-control{cursor:not-allowed;}

input[type="text"], input[type="password"], select{padding:0.3rem 0.6rem;min-height:1.85rem;font-size:.75rem;color:#555;background-color:#fff;background-image:none;border:1px solid #ddd;vertical-align:top;height:38px;}

.input-group{display:inline-block;min-width:11rem;position:relative;margin:auto;vertical-align:middle;}
.input-group.input-group-ful{width:100% !important;}
.input-group .form-control{float:left;width:100%;height:38px;padding:.5rem 70px 0.5rem .5rem;font-size:.8rem;line-height:1.5rem;color:#030101;z-index:auto;border:1px solid #ddd;}
.input-group input{width:100%;height:100%;}

/*imgcut*/
.imgcut .img{position:relative;overflow:hidden;}
.imgcut .img > img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%, -50%);}
.imgcut a:hover .img > img,
.imgcut a:focus .img > img,
.imgcut .gallery:hover .img > img,
.imgcut .gallery:focus .img > img{transition-duration:0.4s;-webkit-transform:scale(1.15);transform:scale(1.15);}
.f_img .img > img {position: static; transform: translate(0);}

/*btn*/
.btns{margin:3.5rem 0 3.5rem;}
.btns button,
.btns a,
[class^="btn-style"]{display:inline-block;vertical-align:middle;min-width:8.1rem;height:40px;padding:0 1rem;line-height:38px;font-size:.8rem;transition:background .3s, color .3s;-webkit-transition:background .3s, color .3s;font-weight:400;text-align:center;cursor:pointer;}
.btns button i,
.btns a i,
[class^="btn-style"] > i{margin-right:.75rem;vertical-align:middle;}
.btns button + button,
.btns a + a,
.btns a + button,
.btns button + a{margin-left:10px;}
.btns button.lg-btn, .btns a.lg-btn, [class^="btn-style"].lg-btn{min-width:12.75rem;height:2.7rem;line-height:2.5rem;}
.btn{position:relative;overflow:hidden;}
.btn > span{position:relative;z-index:2;}
.btn:before{position:absolute;z-index:1;bottom:-101%;left:0;width:100%;height:100%;content:'';transition:bottom .3s;-webkit-transition:bottom .3s;background:#313344;}
.btn:hover:before,
.btn:focus:before{bottom:0;}
.btn1{width:150px;border:1px solid #ddd;color:#555;background:#fff;border-radius:5px;}
.btn1:before{background:#333;}
.btn1:hover,
.btn1:focus{color:#fff;border-color:#333;}
.btn2{width:150px;border:1px solid #313344;color:#fff;background:#313344;border-radius:5px;}
.btn2:before{background:#fff;}
.btn2:hover, 
.btn2:focus{color:#313344;border-color:#313344;}
.btn3{width:150px;border:1px solid #1ebc77;color:#fff;background:#1ebc77;border-radius:5px;}
.btn3:before{background:#fff;}
.btn3:hover,
.btn3:focus{color:#1ebc77;}
.btn3{width:150px;border:1px solid #1ebc77;color:#fff;background:#1ebc77;border-radius:5px;}
.btn4{background:#21b9bb;border:1px solid #21b9bb;border-radius:20px;width:250px;color:#fff;}
.btn4:before{background:#fff;}
.btn4:hover,
.btn4:focus{color:#21b9bb;}
/*창업토크*/
.talk_content .info-lst > li{border:1px solid #e1e1e1;padding:1rem 1.5rem;border-radius:5px;}
.talk_content .info-lst > li:first-of-type{border-top:1px solid #e1e1e1;}
.select-lst-info-wrap.container{overflow:hidden;}

.info-lst{height:0;opacity:0;visibility:hidden;transition:height .5s, opacity .5s, visibility .5s;-webkit-transition:height .5s, opacity .5s, visibility .5s;}
.info-lst.active{height:auto;opacity:1;visibility:visible;}
.info-lst > li{position:relative;border-top:1px solid #eee;padding:1rem 0;}
.info-lst > li:after{content:'';display:table;clear:both;}
.info-lst > li:first-of-type{border-top:0;}
.info-lst > li .img-txt{position:relative;z-index:1;display:inline-block;vertical-align:middle;text-align:center;}
.info-lst > li .img-txt .img{position:relative;display:inline-block;vertical-align:middle;margin:auto;width:24px;height:24px;border-radius:9px;border:1px solid #efefef;overflow:hidden;}
.no-profile{background:#c4e3fa;position: relative;display: inline-block;vertical-align: middle;margin: auto;width: 24px;height: 24px;border: 1px solid #efefef;overflow: hidden;}
.no-profile:before{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);background-image:url(/images/kor/layout/no_profile.png);background-repeat:no-repeat;background-position:center;background-size:contain;content:'';}
.info-lst > li .img-txt .img > img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:auto !important;height:100% !important;}
.info-lst > li .img-txt .name{display:inline-block;padding-left:.25rem;color:#555;vertical-align:middle;font-size:.75rem;font-weight:400;word-break:keep-all;}
.info-lst > li .img-txt .case{display:block;margin-top:.25rem;font-size:.75rem;font-weight:400;color:#888;}
.info-lst > li .left-wrap{padding-bottom:5px;position:relative;z-index:1;display:block;font-size:.65rem;color:#888;}
.info-lst > li .left-wrap > span{display:inline-block;vertical-align:middle;font-weight:500;}
.info-lst > li .left-wrap > span + span{padding-left:8px;}
.info-lst > li .left-wrap .category-txt{color:#1EBC77;}
.info-lst > li .left-wrap .category-txt.category-txt1 + .time{position:relative;color:#18bbf1;}
.info-lst > li .left-wrap .category-txt.category-txt1 + .time:before{position:absolute;top:-65px;left:-30px;width:204px;height:96px;background:url('/images/kor/sub/aivory_bubble.png')no-repeat 0 0/cover;content:'';opacity:0;visibility:hidden;-webkit-transition:opacity .3s, visibility .3s;transition:opacity .3s, visibility .3s;}
.info-lst > li .left-wrap .category-txt.category-txt1 + .time:hover:before{opacity:1;visibility:visible;}
.info-lst > li .left-wrap .time.style1{color:#1EBC77;font-weight:400;}
.info-lst > li .left-wrap .time.style2{color:#274695;font-weight:400;}
.info-lst .following-btn{opacity:0;position:relative;display:inline-block;overflow:hidden;border:1px solid #21b9bb;transition:border-color .3s, color .3s, opacity .3s;-webkit-transition:border-color .3s, color .3s, opacity .3s;}
.info-lst .following-btn > span{position:relative;z-index:1;color:#333;font-weight:100;font-size:.75rem;color:#21b9bb;}
.info-lst .following-btn:before{position:absolute;top:inherit;transform: translateY(0);-webkit-transform:translateY(0);bottom:-103%;left:0;width:100%;height:103%;background:#21b9bb;content:'';transition:bottom .3s;-webkit-transition:bottom .3s;}
.info-lst .following-btn:hover:before,
.info-lst .following-btn.active:before{bottom:0;}
.info-lst .following-btn.active > span,
.info-lst .following-btn:hover > span{color:#fff;}
.side-lst > li.follow-btn-select > a:after{display:none;}
.info-lst > li.active .following-btn{opacity:1;}



.info-lst-wrap{position:relative;display:table;table-layout:fixed;}
.info-lst-wrap > li{position:relative;display:table-cell;vertical-align:middle}
.info-lst-wrap > li:first-of-type> a{padding-top:0;}
.info-lst-wrap > li > a{position:relative;display:block;padding-top:.9rem;color:#727272;font-size:.75rem;font-weight:400;transition:color .4s; -webkit-transition:color .4s;}
.info-lst-wrap > li > a > span{position:relative;display:inline-block;z-index:1;}
.info-lst-wrap > li > a > span:before{position:absolute;bottom:-3px;left:.5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:0;border:2px solid#333333;content:'';opacity:0;transition:opacity .4s, width .4s;-webkit-transition:opacity .4s, width .4s;}
.info-lst-wrap > li.active > a,
.info-lst-wrap > li > a:hover{font-weight:900;color:#333;}
.info-lst-wrap > li.active > a > span:before,
.info-lst-wrap > li > a:hover > span:before{width:100%;opacity:1;}
.info-lst-wrap > li.aivory-recommend .active> a > span:after{background-position: -87px 0;}

.select-lst-info-wrap .info-lst-wrap > li.active > a,
.select-lst-info-wrap .info-lst-wrap > li > a:hover{font-weight:bold;color:#333;border-color:#333;background:#fff;}
.select-lst-info-wrap .info-lst-wrap > li > a > span{display:table-cell;vertical-align:middle;} 
.select-lst-info-wrap .info-lst-wrap > li > a > span:before{display:none;}
.select-lst-info-wrap .info-lst-wrap > li > a{font-size:.7rem;padding-top:0;-webkit-transition:all .3s;transition:all .3s;color:#666666;font-weight:500;display:table;table-layout:fixed;border-radius:22px;background:#f2f2f2;border:1px solid #f2f2f2;text-align:center;height:2rem;width:100%;}
.select-lst-info-wrap .reco_wrap > .info-lst-wrap{text-align:left;}
.select-lst-info-wrap .reco_wrap > .info-lst-wrap > li + li{padding-left:.5rem;}

.info-lst .txt-wrap{position:relative;display:inline-block;vertical-align:top;width:calc(100% - 7.5rem);padding:0 3rem 0 0;float:left;}
.info-lst .txt-wrap > a{display:block;width:100%;min-height:75px;}
.info-lst .txt-wrap .tit{display:block;margin-bottom:.75rem;font-size:1rem;font-weight:500;color:#000;}
.info-lst .txt-wrap .tit .d-day{display:inline-block;border-radius:30px;margin-right:.2rem;padding:.15rem .5rem;color:#555;font-size:.7rem;font-weight:bold;font-family: 'Roboto';vertical-align:middle;border:1px solid #888;text-align:center;}
.info-lst .txt-wrap .tit span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.info-lst.long-tit .txt-wrap .tit span{white-space:inherit;word-wrap:inherit;text-overflow:inherit;}
.info-lst .cont-img{position:relative;display:inline-block;vertical-align:middle;width:7.5rem;height:6.5rem;;overflow:hidden;border:1px solid #eee;}
.info-lst .cont-img.empty{background:url(/images/kor/sub/no-img.png)no-repeat center/cover;}
/*.info-lst .cont-img:before{position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;background:rgba(0,0,0,.25);content:'';opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;}*/
/*.info-lst > li.active .cont-img:before{opacity:1;}*/
.info-lst .txt-wrap .cont{display:block;overflow:hidden;font-size:.7rem;line-height:1.5;height:2.5rem;font-weight:400;color:#666;word-break: break-all;}
.info-lst .cont-img.img > img{position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:transform .5s;-webkit-transition:transform .5s;width:100% !important;height:auto !important;}
.info-lst > li.active .cont-img.img > img{transform:translateX(-50%) scale(1.1);-webkit-transform:translateX(-50%) scale(1.1);}
.info-lst .txt-wrap .case-lst{overflow:hidden;margin:1.2rem 0 0 -.5rem;}
.info-lst .txt-wrap .case-lst > li{position:relative;display:inline-block;vertical-align:middle;color:#888;font-weight:300;font-size:.75rem;padding:0 .5rem;}
.info-lst .txt-wrap .case-lst > li.tag-lst > ul{overflow:hidden;margin-left:-.25rem;}
.info-lst .txt-wrap .case-lst > li.tag-lst > ul > li{float:left;color:#21b9bb;}
/*.info-lst-wrap > li.aivory-recommend > a > span:after{position:absolute;top:50%;left:0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width:87px;height:17px;background:url(/images/kor/layout/aivory_gray.png)no-repeat -87px 0/cover;content:'';}*/
/*.info-lst-wrap > li.aivory-recommend.active > a > span:after,*/
/*.info-lst-wrap > li.aivory-recommend > a:hover > span:after{background-position:-87px 0;}*/
.side-lst{position:absolute;bottom:0;right:3rem;}
.side-lst > li{float:left;font-size:.7rem;font-weight:300;}
.side-lst > li + li{margin-left:.5rem;}
.side-lst > li > a{position:relative;display:block;min-width:20px;padding:0 .5rem;height:20px;line-height:20px;color:#666666;font-size:.65rem;}
.side-lst > li.like > a,
.side-lst > li.reply > a,
.side-lst > li.reply-write > a{padding-left:28px;}
.side-lst > li.like > a:before{background:url(/images/kor/sub/heart.png)no-repeat 0 0/cover;width:20px;height:20px;}
.side-lst > li.like > a:after{background:url(/images/kor/sub/fill_heart.png)no-repeat 0 0/cover;width:20px;height:20px;}
.side-lst > li.reply-veiw > a{cursor:default !important;}
.side-lst > li > a:before{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:2px;font-size:.75rem;content:'';transition:opacity .3s;-webkit-transition:opacity .3s;}
.side-lst > li.like > a:after{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:2px;font-size:.9rem;content:'';opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s;}
.side-lst > li.reply > a:after{background:url(/images/kor/sub/reply_icon.png)no-repeat 0 0/cover;width:20px;height:20px;}
.side-lst > li.reply > a:before{background:url(/images/kor/sub/reply_icon.png)no-repeat 0 0/cover;width:20px;height:20px;}
.side-lst > li.reply-write > a:after{}
.side-lst > li.reply-write > a:before{background:url(/images/kor/sub/reply_icon.png)no-repeat 0 0/cover;width:20px;height:20px;}
.side-lst > li.share_lst > a.share1:before{background:url(/images/kor/sub/share1.png)no-repeat 0 0/cover;width:20px;height:20px;}
.side-lst > li.share_lst > a.share2:before{background:url(/images/kor/sub/share2.png)no-repeat 0 0/cover;width:20px;height:20px;}
.side-lst > li.share_lst > a{display:inline-block;vertical-align:middle;}
.side-lst > li.share_lst > a:after{display:none;}
.side-lst > li.share_lst > a + a{margin-left:6px;}
.side-lst > li.share{display:none !important;}
/* .side-lst > li.share > a:before{content: "\e9ea";font-family:'xeicon';background-position:-78px 0;left:12px;top:52%;}
.side-lst > li.share > a:after{content: "\e9ea";font-family:'xeicon';left:9px;left:12px;top:52%;background-position:-98px 0;} */
.side-lst > li.like.active > a:after{color:#f97268;opacity:1;-webkit-animation-name: pop; animation-name: pop; animation-iteration-count: 1;-webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
.side-lst > li.like > a:hover:after{opacity:1;}
.side-lst > li.share.active > a:after,
.side-lst > li.share > a:hover:after{opacity:1;}
.side-lst > li.home-btn > a:hover:after{opacity:1;}
.side-lst > li.like > a:hover:before,
.side-lst > li.like.active > a:hover:before{opacity:0;}
.side-lst > li.home-btn > a:hover:before{opacity:0;}
.side-lst > li.like > a:hover:before{opacity:1;}
.side-lst > li.share > a{display:block;width:25px;}
.side-lst > li.share .share-list{position:absolute;padding:0 1rem 1rem;top:1.5rem;right:0;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.03);box-shadow:0 0 15px 0 rgba(0,0,0,.03);background:#fff;border-radius:10px;border:1px solid #ddd;min-width:10.5rem;z-index:1;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;overflow:hidden;}
.share-list{position:absolute;padding:0 1rem 1rem;top:1.5rem;right:0;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.03);box-shadow:0 0 15px 0 rgba(0,0,0,.03);background:#fff;border-radius:10px;border:1px solid #ddd;min-width:10.5rem;z-index:1;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.535,0,0,1) 0s;-webkit-transition:all .5s cubic-bezier(.535,0,0,1) 0s;overflow:hidden;}

.side-lst > li.share.active .share-list{opacity:1;visibility:visible;}
li.share .share-list > li{margin-top:1rem;}
li.share .share-list li > a > i{display:inline-block;margin-right:.5rem;vertical-align:middle;font-size:.7rem;color:#888;transition:transform .5s;-webkit-transition:transform .5s;}
li.share .share-list li > a:hover > i,
li.share .share-list li > a:focus > i{transform:translateY(-3px);-webkit-transform:translateY(-3px);}
li.share .share-list > li > a > span{display:inline-block;vertical-align:middle;font-size:.7rem;font-weight:300;}
li.home-btn > a:before{background-position:-140px 0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left: 50%;}
li.home-btn > a:after{background-position:-160px 0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left: 50%;}
.info-lst .save-btn{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:3.8rem;height:2rem;padding:.6rem .75rem .6rem 1.8rem;color:#fff;font-size:.7rem;font-weight:300;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s;}
.info-lst .save-btn .box{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.39);border-radius:30px;z-index:-1;transition:transform .3s;-webkit-transition:transform .3s;}
.info-lst .save-btn .text{position:absolute;top:50%;left:65%;text-align:center;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;}
.info-lst .save-btn .text:after{position:absolute;top:49%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:1rem;height:1rem;background:url('/images/kor/main/section1_lst_icon.png')no-repeat -3rem 0/cover;content:'';}
.info-lst > li.active:before{opacity:1;}
.info-lst > li.active .save-btn{opacity:1;}
.side-lst > li.m-save-btn{display:none;}
.info-lst .txt-wrap .case-lst > li.tag-lst > ul > li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}

.info-lst > li.advertisement-wrap{height:190px;overflow:hidden;}
.info-lst > li.advertisement-wrap .left-wrap .category-txt{position:relative;padding-left:.8rem;}
.info-lst > li.advertisement-wrap .left-wrap .category-txt:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;font-family:'xeicon';content:'\e9a7';}
.info-lst > li.advertisement-wrap .advertisement-img{position:absolute;top:0;right:0;height:100%;width:calc(100% - 6.4rem);background-position:left center;background-size: cover;background-repeat:no-repeat;}

.heart-check{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;height:0;opacity:0;z-index:999;-webkit-transition:opacity .5s, height .5s;transition:opacity .5s, height .5s;}
.heart-check > div{position:absolute;width:200px;height:200px;top:50%;left:50%;transform:translate3d(-50%, -50%, 0) scale(0, 0);-webkit-transform:translate3d(-50%, -50%, 0) scale(0, 0);border-radius:50%;-webkit-transition:-webkit-transform ease-out 200ms;transition:-webkit-transform ease-out 200ms;transition:transform ease-out 200ms;transition:transform ease-out 200ms, -webkit-transform ease-out 200ms;}
.heart-check > div svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:300px;padding:30px;overflow:visible;}
.heart-check > div svg.s-heart1{top:100px;left:10%;width:100px;opacity: .5 !important;-webkit-transition:opacity 2s, top 2s;visibility:hidden;transition:opacity 2s, top 2s, visibility .2s;-webkit-transition-delay:.3s;transition-delay:.3s;}
.heart-check > div svg.s-heart2{top:100px;left:85%;width:150px;opacity: .7 !important;-webkit-transition:opacity 2s, top 2s;visibility:hidden;transition:opacity 2s, top 2s , visibility .2s;-webkit-transition-delay:.4s;transition-delay:.4s;}
.heart-check.active{opacity:1;height:100vh;-webkit-transition:opacity .5s, height .5s;transition:opacity .5s, height .5s;}
.heart-check.active > div{-webkit-transform: translate3d(-50%, -50%, 0)  scale(1, 1);transform: translate3d(-50%, -50%, 0)  scale(1, 1);-webkit-transition:-webkit-transform ease-out 100ms;transition:-webkit-transform ease-out 100ms;transition:transform ease-out 100ms;transition:transform ease-out 100ms, -webkit-transform ease-out 100ms;}
.heart-check.active > div svg.l-heart{opacity:1;-webkit-animation-name:pop-heart; animation-name:pop-heart; animation-iteration-count:1;-webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;}
.heart-check.active> div svg.s-heart1{top:-100px;opacity:0 !important;visibility:visible;}
.heart-check.active> div svg.s-heart2{top:-100px;opacity:0 !important;visibility:visible;}

.all-read-check{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;height:0;opacity:0;z-index:999;-webkit-transition:opacity .5s, height .5s;transition:opacity .5s, height .5s;}
.all-read-check > div{position:absolute;width:200px;height:200px;top:50%;left:50%;transform:translate3d(-50%, -50%, 0) scale(0, 0);-webkit-transform:translate3d(-50%, -50%, 0) scale(0, 0);background:#f9f9fb;border-radius:50%;-webkit-transition:-webkit-transform ease-out 200ms;transition:-webkit-transform ease-out 200ms;transition:transform ease-out 200ms;transition:transform ease-out 200ms, -webkit-transform ease-out 200ms;}
.all-read-check > div svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:150px;padding:30px;overflow:visible}
.all-read-check > div svg polyline{fill:transparent;stroke:#07d2d5;stroke-width:1px;stroke-dasharray:1000;stroke-dashoffset:1000;}
.all-read-check.active{opacity:1;height:100vh;-webkit-transition:opacity .5s, height .5s;transition:opacity .5s, height .5s;}
.all-read-check.active > div{-webkit-transform: translate3d(-50%, -50%, 0)  scale(1, 1);transform: translate3d(-50%, -50%, 0)  scale(1, 1);-webkit-transition:-webkit-transform ease-out 100ms;transition:-webkit-transform ease-out 100ms;transition:transform ease-out 100ms;transition:transform ease-out 100ms, -webkit-transform ease-out 100ms;}
.all-read-check.active > div svg polyline{-webkit-animation:dash;animation:dash;-webkit-animation-duration: 10s;animation-duration: 10s;animation-delay:.5s;-webkit-animation-delay:.5s;}

.aivory-popup-wrap .popup-cont:before{position:absolute;top:0;left:0;width:553px;height:241px;background:url('/images/kor/layout/aivory_popup_bg.png')no-repeat 0 0/cover;content:'';}
.aivory-popup-wrap.layer-popup .popup-cont{width:980px;padding:5.15rem 7rem;}
.aivory-popup-wrap.layer-popup  .popup-cont .tit{text-align:left;}
.aivory-popup-wrap .popup-cont .tit > div{display:inline-block;vertical-align:middle;}
.aivory-popup-wrap .popup-cont .tit > div > span{display:block;font-size:1.5rem;color:#495057;font-family:'SCDream';}
.aivory-popup-wrap .popup-cont .tit > div > em{display:block;font-size:4.25rem;color:#0354aa;font-family:'Gotham';font-weight:700;}
.detail-btn-aivory{position:relative;overflow:hidden;display:inline-block;margin-left:1.75rem;vertical-align:middle;width:120px;height:120px;line-height:120px;border:1px solid #00aadd;background:#00aadd;border-radius:50%;text-align:center;color:#fff;font-size:.75rem;font-weight:200;}
.detail-btn-aivory:before{position:absolute;bottom:-100%;left:0;width:100%;height:100%;background: #fff;content:'';-webkit-transition:bottom .3s;transition:bottom .3s;}
.detail-btn-aivory > span{position:relative}
.detail-btn-aivory:hover,
.detail-btn-aivory:focus{color:#00aadd;}
.detail-btn-aivory:hover:before,
.detail-btn-aivory:focus:before{bottom:0;}
.aivory-popup-wrap .popup-cont .depth{display:block;margin-bottom:1.5rem;color:#666;font-weight:300;font-size:.75rem;line-height:1.5;}
.aivory-popup-wrap .aivory-lst > li{float:left;width:25%;color:#111;font-size:.75rem;font-weight:500;}
.aivory-popup-wrap .aivory-lst > li > span{position:relative;display:block;padding-top: 4.5rem;}
.aivory-popup-wrap .aivory-lst > li > span:before{position:absolute;top:25px;left:0;width:50px;height:50px;background:url('/images/kor/layout/aivory_popup_icon.png')no-repeat 0 0/cover;content:'';}
.aivory-popup-wrap .aivory-lst > li:nth-of-type(2) > span:before{background-position:-50px 0;}
.aivory-popup-wrap .aivory-lst > li:nth-of-type(3) > span:before{background-position:-100px 0;}
.aivory-popup-wrap .aivory-lst > li:nth-of-type(4) > span:before{background-position:-150px 0;}
.aivory-popup-wrap .aivory-lst > li > span:after{position:absolute;top:0;left:0;width:20px;height:2px;background:#00aadd;content:'';}
.aivory-popup-wrap .close-popup{position:absolute;top:.75rem;right:1.5rem;color:#495057;font-size:2.5rem;}

.over-menu{position:absolute;width:calc(100% - 1.5rem);bottom:.75rem;left:50%;background:rgba(0,0,0,.39);transform:translateX(-50%);-webkit-transform:translateX(-50%);opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s;}
.curation .section1 .section1-lst > li:hover .over-menu,
.curation .section1 .section1-lst > li:focus .over-menu,
.section1 .section1-lst > li:hover .over-menu,
.section1 .section1-lst > li:focus .over-menu{opacity:1;}
.over-menu > li{float:left;width:50%;}
.over-menu > li + li{border-left:1px solid rgba(255,255,255,.2);}
.over-menu > li > a{display:block;width:100%;height:100%;color:#fff;text-align:center;}
.over-menu > li > a > span{display:inline-block;position:relative;text-align:center;padding:.75rem 1rem .75rem 2.25rem;}
.over-menu > li:last-of-type > a > span{padding:.75rem 1rem .75rem 1.75rem;}
.over-menu > li > a > span::before{position:absolute;width:25px;height:25px;top:50%;left:17px;transform:translateY(-50%);-webkit-transform:translateY(-50%);background:url('/images/kor/main/section1_lst_icon.png')no-repeat -225px 0/cover;content:'';transition:opacity .3s;-webkit-transition:opacity .3s;}
.over-menu > li:nth-of-type(2) > a > span::before{background-position:-75px 0;left:7px;}
.over-menu > li > a span:after{position:absolute;width:25px;height:25px;top:50%;left:17px;transform:translateY(-50%);-webkit-transform:translateY(-50%);background:url('/images/kor/main/section1_lst_icon.png')no-repeat 0 0/cover;opacity:0;content:'';transition:opacity .3s;-webkit-transition:opacity .3s;}
.over-menu > li:nth-of-type(2) > a span:after{background-position:-100px 0;}
.over-menu > li.active > a span:after{opacity:1;}
.over-menu > li.active > a span:after{-webkit-animation-name: pop; animation-name: pop; animation-iteration-count: 1;-webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
.over-menu > li.active > a span:before{opacity:0;}

#progress-indicator{top:4.5rem !important;}

.select-lst-info{padding-top:.4rem;}
.select-lst-info1{float:left;}
.select-lst-info2{float:right;}
.select-lst-info > li{float:left;color:#999;font-size:.7rem;font-weight:300;margin-left:1rem;}
.select-lst-info > li label{font-weight:500;position:relative;padding-left:.5rem;cursor: pointer;line-height:1.5;}
.select-lst-info > li label:before{position:absolute;top:54%;left:-4px;width:2px;height:14px;background:#DDDDDD;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'';}
.select-lst-info > li input:checked + label:before{left:-.5rem;width:auto;height:auto;background:transparent;border-radius:0;font-family:'xeicon';content:'\e929';font-size:1.1rem;color:#1EBC77;}
.select-lst-info > li input:checked + label{color:#1EBC77;}
.select-lst-info > li:first-child label:before{opacity:0;}
.select-lst-info > li:first-child input:checked + label:before{opacity:1;}
.select-lst-info > li:first-child{margin-left:9px;}



@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes pop-heart {
    0% {
        -webkit-transform:translate(-50%, -50%) scale(.5);
        transform:translate(-50%, -50%) scale(.5);
    }
    50% {
        -webkit-transform:translate(-50%, -50%) scale(1.2);
        transform:translate(-50%, -50%) scale(1.2);
    }
}
@-webkit-keyframes pop-heart {
    0% {
        -webkit-transform:translate(-50%, -50%) scale(.5);
        transform:translate(-50%, -50%) scale(.5);
    }
    50% {
        -webkit-transform:translate(-50%, -50%) scale(1.2);
        transform:translate(-50%, -50%) scale(1.2);
    }
}

@keyframes pop {
    0% {
        -webkit-transform:translateY(-50%) scale(.5);
        transform:translateY(-50%) scale(.5);
    }
    50% {
        -webkit-transform:translateY(-50%) scale(1.2);
        transform:translateY(-50%) scale(1.2);
    }
}
@-webkit-keyframes pop {
    0% {
        -webkit-transform:translateY(-50%) scale(.5);
        transform:translateY(-50%) scale(.5);
    }
    50% {
        -webkit-transform:translateY(-50%) scale(1.2);
        transform:translateY(-50%) scale(1.2);
    }
}
@media (min-width:768px){
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left;}
    .col-sm-12{width:100%;}
    .col-sm-11{width:91.66666667%;}
    .col-sm-10{width:83.33333333%;}
    .col-sm-9{width:75%;}
    .col-sm-8{width:66.66666667%;}
    .col-sm-7{width:58.33333333%;}
    .col-sm-6{width:50%;}
    .col-sm-5{width:41.66666667%;}
    .col-sm-4{width:33.33333333%;}
    .col-sm-3{width:25%;}
    .col-sm-2{width:16.66666667%;}
    .col-sm-1{width:8.33333333%;}
    .form-inline  .form-group{margin-bottom:0;vertical-align:middle;}
    /*.form-inline  .form-control{display:inline-block;width:auto;vertical-align:middle;}*/
    .form-inline  .form-control-static{display:inline-block;}
    .form-inline .input-group{display:inline-table;vertical-align:middle;}
    .form-inline .input-group  .input-group-addon,
    .form-inline .input-group  .input-group-btn,
    .form-inline .input-group  .form-control{width:auto;}
    .form-inline .input-group  .form-control > .form-control{width:100%;}
    .control-label{margin-bottom:0;vertical-align:middle; }
    .radio,
    .checkbox{display:inline-block;margin-top:0;margin-bottom:0;   vertical-align:middle;}
    .checkbox label{padding-left:0;}
    .radio input[type="radio"],
    .checkbox input[type="checkbox"]{position:relative;margin-left:0;}
    .has-feedback .form-control-feedback{top:0;}
}
@media (min-width:992px){
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left;}
    .col-md-12{width:100%;}
    .col-md-11{width:91.66666667%;}
    .col-md-10{width:83.33333333%;}
    .col-md-9{width:75%;}
    .col-md-8{width:66.66666667%;}
    .col-md-7{width:58.33333333%;}
    .col-md-6{width:50%;}
    .col-md-5{width:41.66666667%;}
    .col-md-4{width:33.33333333%;}
    .col-md-3{width:25%;}
    .col-md-2{width:16.66666667%;}
    .col-md-1{width:8.33333333%;}
}
@media screen and (max-width:1200px){
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left;}
    .col-lg-12{width:100%;}
    .col-lg-11{width:91.66666667%;}
    .col-lg-10{width:83.33333333%;}
    .col-lg-9{width:75%;}
    .col-lg-8{width:66.66666667%;}
    .col-lg-7{width:58.33333333%;}
    .col-lg-6{width:50%;}
    .col-lg-5{width:41.66666667%;}
    .col-lg-4{width:33.33333333%;}
    .col-lg-3{width:25%;}
    .col-lg-2{width:16.66666667%;}
    .col-lg-1{width:8.33333333%;}
    html{font-size:18px;}
}


/* 기본 반응형 */
@media screen and (max-width:1320px){
    .checkbox-radio-custom input[type="checkbox"] + label:after{left:.4rem;}

    /*.info-lst-wrap > li.aivory-recommend > a > span:after{width:67px;height:13px;background-position:-67px 0;}*/
    /*.info-lst-wrap > li.aivory-recommend > a > span{padding-left:4.1rem;}*/
    /*.info-lst-wrap > li.aivory-recommend.active > a > span:after,*/
    /*.info-lst-wrap > li.aivory-recommend > a:hover > span:after{background-position:-67px 0;}*/

    .over-menu{bottom:17px;width:calc(100% - 31px);}
    .over-menu > li > a > span::before{width:20px;height:20px;background-position:-180px 0;}
    .over-menu > li > a span:after{width:20px;height:20px;left:5px}
    .over-menu > li:nth-of-type(2) > a > span::before{background-position:-60px 0;}
    .over-menu > li:nth-of-type(2) > a span:after{background-position:-80px 0;}

    .info-lst .cont-img{width:120px;height:103px;position:absolute;right:0;top:auto;}
    .info-lst > li.advertisement-wrap{height:156px;}

    .side-lst > li.share > a:before,
    .side-lst > li.share > a:after{left:13px;}
}
@media screen and (max-width:1024px){
    .info-lst-wrap > li + li:before{height:10px;}
    /*.info-lst-wrap > li.aivory-recommend > a > span:after{width:51px;height:10px;background-position:-51px 0;}*/
    /*.info-lst-wrap > li.aivory-recommend.active > a > span:after, .info-lst-wrap > li.aivory-recommend > a:hover > span:after{background-position:-51px 0;}*/
    /*.info-lst-wrap > li.aivory-recommend > a > span{padding-left:3.2rem;}*/
    .info-lst .txt-wrap .case-lst > li.tag-lst > ul > li{max-width:350px;}
	.info-lst .txt-wrap .cont{height:2.1rem;}
    .aivory-popup-wrap.layer-popup .popup-cont{width:90%;padding:5rem;}
    .aivory-popup-wrap .popup-cont:before{width:480px;height:208px;}
    .aivory-popup-wrap .popup-cont .tit > div > span{font-size:1rem;}
    .aivory-popup-wrap .popup-cont .tit > div > em{font-size:3rem;}
    .detail-btn-aivory{width:100px;height:100px;line-height:100px;}
    .aivory-popup-wrap .aivory-lst > li > span:before{width:40px;height:40px;}
    .aivory-popup-wrap .aivory-lst > li:nth-of-type(2) > span:before{background-position:-40px 0;}
    .aivory-popup-wrap .aivory-lst > li:nth-of-type(3) > span:before{background-position:-80px 0;}
    .aivory-popup-wrap .aivory-lst > li:nth-of-type(4) > span:before{background-position:-120px 0;}

    #progress-indicator{top:3.5rem !important;}

    .banner{width:90%;margin:auto;}
}
@media screen and (max-width:980px){
    .info-lst .txt-wrap .case-lst > li.tag-lst > ul > li{max-width:150px;}
    .select-lst-info-wrap .info-lst-wrap > li.active > a,
	.select-lst-info-wrap .info-lst-wrap > li > a:hover{color:#000}
	.select-lst-info-wrap .info-lst-wrap > li > a > span{padding:0}

    .initial-info .section2 .tit-wrap{min-height:inherit;}
}
@media screen and (max-width:768px){
    .table{overflow-x:auto;}
    .table table{min-width:700px;}

    /*부트스트랩*/
    .row{margin:0;}
    .col-xs-12{padding:0;}
    .col-xs-12  ~ .col-xs-12{margin-top:.5rem;}
    .col-xs-0{display:none;}
    .form-inline .form-control{display:block;width:100%;margin:.5rem 0;}

    .checkbox-radio-custom input[type="checkbox"] + label:after{margin-top: -.25rem;left:.35rem;}

    .all-read-check > div,
    .heart-check > div{width:150px;height:150px;}
    .all-read-check > div svg{width:120px;}
    .heart-check > div svg{width:230px}
    .heart-check> div svg.s-heart2{width:130px;left:80%;}
    .heart-check> div svg.s-heart1{left:28%;}

    .side-lst{position:static;margin:.75rem 0 0 -.5rem;}
    .side-lst > li + li,
    .side-lst > li{margin-left:.5rem;}
    .side-lst > li{position:relative;}
    .side-lst > li.share .share-list{right:inherit;bottom:30px;top:inherit;left:0;z-index:10;}

    .aivory-popup-wrap.layer-popup .popup-cont{padding:5rem 3rem;}
    .aivory-popup-wrap .aivory-lst{margin-top:-1.5rem;}
    .aivory-popup-wrap .aivory-lst > li{width:50%;margin-top:1.5rem;}
    .aivory-popup-wrap .popup-cont:before{width:414px;height:178px;}
    .aivory-popup-wrap .popup-cont .depth br{display:none;}

    .info-lst > li,
    .info-lst > li:first-of-type{margin-top:1rem;padding:150px 0 0;border:1px solid #e2e2e2;border-radius:7px;overflow:hidden;}
    .info-lst > li.no-article{border:0;border-radius:0;}
    .info-lst .txt-wrap{width:100%;margin-top:0;padding-right:0;}
    .info-lst .cont-img{position:absolute;top:0;left:0;border:0;width:100%;height:180px;}
    .info-lst > li .left-wrap{width:100%;padding:1rem .75rem 0;font-size:.65rem;}
    .info-lst > li .left-wrap .category-txt{display:inline;margin:0 .25rem 0 0;}
    .info-lst > li .left-wrap .time{font-size:.65rem;}
    .info-lst .txt-wrap .tit{margin:.25rem .75rem .75rem;font-size:.85rem;}
    .info-lst .txt-wrap .cont{display:none;margin:0 .75rem;min-height:auto;height:auto;color:#3c4043 !important;overflow:hidden;}
    .info-lst .txt-wrap .case-lst > li:first-of-type{padding:0;}
    .info-lst .txt-wrap .case-lst > li+ li{padding:0 .5rem;}
    .info-lst .txt-wrap .case-lst{position:static;margin:.65rem .75rem 0;}
    .info-lst .txt-wrap .tit .d-day{font-size:.5rem;border:1px solid #c7c7c7;margin-right:.2rem;vertical-align:top;margin-top:.25rem;}
    .info-lst .side-lst{margin:.75rem .5rem .5rem;min-height:25px;}
    .info-lst .side-lst > li + li, .side-lst > li{margin-left:.25rem;}
    .info-lst .img .save-btn{display:none;}
    .side-lst > li.m-save-btn{display:none;}
    .side-lst > li.m-save-btn .save-btn{position:static;min-width:inherit;padding:0;width:20px;height:25px;border:0;border-radius:0;opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);}
    .info-lst  .side-lst > li.m-save-btn .save-btn .box{background:transparent;border-radius:0;}
    .side-lst > li.m-save-btn > a:before{left:0;width:25px;height:25px;background:url('/images/kor/main/section1_lst_icon.png')no-repeat -51px 0/cover;content:'';}
    .side-lst > li.m-save-btn > a:after{left:0;width:25px;height:25px;background:url('/images/kor/main/section1_lst_icon.png')no-repeat -102px 0/cover;content:'';}
    .side-lst > li.m-save-btn > a:hover:before{opacity:0;}
    .side-lst > li.m-save-btn > a:hover:after{opacity:1;}
    .info-lst > li .img-txt .name{vertical-align:inherit;font-size:.65rem;padding-left:.15rem;}
    .info-lst > li .img-txt{float:left;}
    .info-lst .side-lst > li:first-of-type{margin-left:0;}
    .info-lst .following-btn{opacity:1;}
    .info-lst > li.more{border-bottom:1px solid #e2e2e2;}
    .info-lst > li.more > a{padding:.75rem 0;}
    .info-lst .txt-wrap .case-lst > li.tag-lst > ul > li{max-width:inherit;}
    .info-lst > li.more > a:hover > i, .info-lst > li.more > a:focus > i{-webkit-transform:rotate(0);transform:rotate(0);}
    .info-lst .txt-wrap .case-lst > li.tag-lst{max-width:50%;padding-right:0;}
    .info-lst > li.advertisement-wrap .left-wrap{position:absolute;display:inline-block;margin:0;width:auto;top:1rem;left:.75rem;}
    .info-lst > li.advertisement-wrap .advertisement-img{width:100%;background-size:contain;}
    .initial-info .info-lst > li.advertisement-wrap{padding-top:0;}
    .info-lst .txt-wrap > a{height:auto;min-height:auto;}
    .info-lst .txt-wrap .tit span{width:100%;font-size:.95rem;}
    .info-lst .txt-wrap .tit .d-day + span{width:calc(100% - 60px);}
    .talk_content .info-lst > li{padding:190px .8rem .6rem}
  }
@media screen and (max-width:630px){
    .btns{margin:2rem 0 3rem;}
    .btns button, .btns a, [class^="btn-style"]{width:100%;}
    .btns button + button, .btns a + a, .btns a + button, .btns button + a{margin:.5rem 0 0;}

    .detail-btn-aivory{display: block;vertical-align:inherit;margin: .5rem 0 0;width: auto;height: auto;background: transparent;border: 0;color: #00aadd;line-height: 1.25;text-align: left;z-index: 1;font-size: .8rem;border-radius: 0;}
    .aivory-popup-wrap .popup-cont .tit > div{display:block;vertical-align:inherit;}
    .layer-popup .popup-cont .tit{margin-bottom:1rem;}
    .aivory-popup-wrap.layer-popup .popup-cont{padding:4rem 1.5rem}
    .aivory-popup-wrap .aivory-lst > li > span{padding-right:.5rem;min-height:122px;}
    .aivory-popup-wrap .aivory-lst > li > span br{display:none;}
    .aivory-popup-wrap .popup-cont:before{width:309px;height:133px;}

    .initial-info .info-lst > li.advertisement-wrap{height:auto;padding:18% 0 0;border:0;border-radius:0}
    .info-lst > li.advertisement-wrap .advertisement-img{width:100%;}
    .info-lst > li .left-wrap{padding:.3rem .75rem;}
    .info-lst > li.advertisement-wrap .left-wrap{padding:.3rem}
    .info-lst > li.advertisement-wrap{height:auto;padding:18% 0 0}
    .info-lst > li.advertisement-wrap .left-wrap{top:0;left:0;background:rgb(0,0,0,0.3);color:#fff;}
    .info-lst > li.advertisement-wrap .advertisement-img{background-position:center center;background-size:contain;}
    .info-lst > li.advertisement-wrap{border:0;border-radius:0}
    .talk_content .info-lst > li.advertisement-wrap:first-of-type{border-top:0}
}
@media screen and (max-width:480px){
    /* .initial-info .info-lst > li.advertisement-wrap{height:80px;} */
}
@media screen and (max-width:380px){
    /* .initial-info .info-lst > li.advertisement-wrap{height:50px;} */

    /*.info-lst > li.advertisement-wrap .left-wrap{padding:0;top:.5rem;left:.5rem;}*/
}
/* 프린트 */
@media print{
    #header, aside, #spot, .cont-bot, #footer{display:none;}
    .container{width:100% !important;}
}

/*
 * Noto Sans CJK KR(Korean)
 */
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:100;
    src:url(/font/NotoSansKR/NotoSans-Thin.eot);
    src:local('Noto Sans CJK KR Thin'), url(/font/NotoSansKR/NotoSans-Thin.eot?#iefix) format('embedded-opentype'), url(/font/NotoSansKR/NotoSans-Thin.woff2) format('woff2'), url(/font/NotoSansKR/NotoSans-Thin.woff) format('woff'), url(/font/NotoSansKR/NotoSans-Thin.ttf) format('truetype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src:url(/font/NotoSansKR/NotoSans-Light.eot);
    src:local('Noto Sans CJK KR Light'), url(/font/NotoSansKR/NotoSans-Light.eot?#iefix) format('embedded-opentype'), url(/font/NotoSansKR/NotoSans-Light.woff2) format('woff2'), url(/font/NotoSansKR/NotoSans-Light.woff) format('woff'), url(/font/NotoSansKR/NotoSans-Light.ttf) format('truetype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src:url(/font/NotoSansKR/NotoSans-Regular.eot);
    src:local('Noto Sans CJK KR Regular'), url(/font/NotoSansKR/NotoSans-Regular.eot?#iefix) format('embedded-opentype'), url(/font/NotoSansKR/NotoSans-Regular.woff2) format('woff2'), url(/font/NotoSansKR/NotoSans-Regular.woff) format('woff'), url(/font/NotoSansKR/NotoSans-Regular.ttf) format('truetype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:url(/font/NotoSansKR/NotoSans-Medium.eot);
    src:local('Noto Sans CJK KR Medium'), url(/font/NotoSansKR/NotoSans-Medium.eot?#iefix) format('embedded-opentype'), url(/font/NotoSansKR/NotoSans-Medium.woff2) format('woff2'), url(/font/NotoSansKR/NotoSans-Medium.woff) format('woff'), url(/font/NotoSansKR/NotoSans-Medium.ttf) format('truetype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:700;
    src:url(/font/NotoSansKR/NotoSans-Bold.eot);
    src:local('Noto Sans CJK KR Bold'), url(/font/NotoSansKR/NotoSans-Bold.eot?#iefix) format('embedded-opentype'), url(/font/NotoSansKR/NotoSans-Bold.woff2) format('woff2'), url(/font/NotoSansKR/NotoSans-Bold.woff) format('woff'), url(/font/NotoSansKR/NotoSans-Bold.ttf) format('truetype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:900;
    src:url(/font/NotoSansKR/NotoSans-Black.eot);
    src:local('Noto Sans CJK KR Black'), url(/font/NotoSansKR/NotoSans-Black.eot?#iefix) format('embedded-opentype'), url(/font/NotoSansKR/NotoSans-Black.woff2) format('woff2'), url(/font/NotoSansKR/NotoSans-Black.woff) format('woff'), url(/font/NotoSansKR/NotoSans-Black.ttf) format('truetype');
}

/*Iropke Batang*/
@font-face {
    font-family:'Iropke Batang';
    font-style:normal;
    font-weight:900;
    src:url(/font/IropkeBatang/IropkeBatangM.eot);
    src:local('IropkeBatangM'), url(/font/IropkeBatang/IropkeBatangM.eot?#iefix) format('embedded-opentype'), url(/font/IropkeBatang/IropkeBatangM.woff2) format('woff2'), url(/font/IropkeBatang/IropkeBatangM.woff) format('woff'), url(/font/IropkeBatang/IropkeBatangM.ttf) format('truetype');
}
/*Roboto*/
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:200;
    src:url(/font/Roboto/Roboto-Light.eot);
    src:local('Roboto-Light'), url(/font/Roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'), url(/font/Roboto/Roboto-Light.woff) format('woff'), url(/font/Roboto/Roboto-Light.ttf) format('truetype');
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:url(/font/Roboto/Roboto-Regular.eot);
    src:local('Roboto-Regular'), url(/font/Roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'), url(/font/Roboto/Roboto-Regular.woff) format('woff'), url(/font/Roboto/Roboto-Regular.ttf) format('truetype');
}
/*Montserrat*/
@font-face {
    font-family:'Montserrat';
    font-style:normal;
    font-weight:700;
    src:url(/font/Montserrat/Montserrat-Bold.eot);
    src:local('Montserrat-Bold'), url(/font/Montserrat/Montserrat-Bold.eot?#iefix) format('embedded-opentype'), url(/font/Montserrat/Montserrat-Bold.woff) format('woff'), url(/font/Montserrat/Montserrat-Bold.ttf) format('truetype');
}
/*TTOmniGothic*/
@font-face {
    font-family:'TTOmniGothic';
    font-style:normal;
    font-weight:100;
    src:url(/font/TTOmniGothic/TTOmniGothicL.eot);
    src:local('TTOmniGothicL'), url(/font/TTOmniGothic/TTOmniGothicL.eot?#iefix) format('embedded-opentype'), url(/font/TTOmniGothic/TTOmniGothicL.woff) format('woff'), url(/font/TTOmniGothic/TTOmniGothicL.ttf) format('truetype');
}
@font-face {
    font-family:'TTOmniGothic';
    font-style:normal;
    font-weight:200;
    src:url(/font/TTOmniGothic/TTOmniGothicDL.eot);
    src:local('TTOmniGothicDL'), url(/font/TTOmniGothic/TTOmniGothicDL.eot?#iefix) format('embedded-opentype'), url(/font/TTOmniGothic/TTOmniGothicDL.woff) format('woff'), url(/font/TTOmniGothic/TTOmniGothicDL.ttf) format('truetype');
}
@font-face {
    font-family:'TTOmniGothic';
    font-style:normal;
    font-weight:300;
    src:url(/font/TTOmniGothic/TTOmniGothicR.eot);
    src:local('TTOmniGothicR'), url(/font/TTOmniGothic/TTOmniGothicR.eot?#iefix) format('embedded-opentype'), url(/font/TTOmniGothic/TTOmniGothicR.woff) format('woff'), url(/font/TTOmniGothic/TTOmniGothicR.ttf) format('truetype');
}
@font-face {
    font-family:'TTOmniGothic';
    font-style:normal;
    font-weight:400;
    src:url(/font/TTOmniGothic/TTOmniGothicM.eot);
    src:local('TTOmniGothicM'), url(/font/TTOmniGothic/TTOmniGothicM.eot?#iefix) format('embedded-opentype'), url(/font/TTOmniGothic/TTOmniGothicM.woff) format('woff'), url(/font/TTOmniGothic/TTOmniGothicM.ttf) format('truetype');
}
@font-face {
    font-family:'TTOmniGothic';
    font-style:normal;
    font-weight:400;
    src:url(/font/TTOmniGothic/TTOmniGothicB.eot);
    src:local('TTOmniGothicB'), url(/font/TTOmniGothic/TTOmniGothicB.eot?#iefix) format('embedded-opentype'), url(/font/TTOmniGothic/TTOmniGothicB.woff) format('woff'), url(/font/TTOmniGothic/TTOmniGothicB.ttf) format('truetype');
}

@font-face {
    font-family:'SCDream';
    font-style:normal;
    font-weight:700;
    src:url(/font/SCDream/SCDream7.eot);
    src:local('SCDream7'), url(/font/SCDream/SCDream7.eot?#iefix) format('embedded-opentype'), url(/font/SCDream/SCDream7.woff) format('woff'), url(/font/SCDream/SCDream7.otf) format('opentype');
}
/*SCDream*/
@font-face {
    font-family:'SCDream';
    font-style:normal;
    font-weight:200;
    src:url(/font/SCDream/SCDream2.eot);
    src:local('SCDream2'), url(/font/SCDream/SCDream2.eot?#iefix) format('embedded-opentype'), url(/font/SCDream/SCDream2.woff) format('woff'), url(/font/SCDream/SCDream2.otf) format('opentype');
}
@font-face {
    font-family:'SCDream';
    font-style:normal;
    font-weight:400;
    src:url(/font/SCDream/SCDream4.eot);
    src:local('SCDream4'), url(/font/SCDream/SCDream4.eot?#iefix) format('embedded-opentype'), url(/font/SCDream/SCDream4.woff) format('woff'), url(/font/SCDream/SCDream4.otf) format('opentype');
}
@font-face {
    font-family:'SCDream';
    font-style:normal;
    font-weight:500;
    src:url(/font/SCDream/SCDream5.eot);
    src:local('SCDream5'), url(/font/SCDream/SCDream5.eot?#iefix) format('embedded-opentype'), url(/font/SCDream/SCDream5.woff) format('woff'), url(/font/SCDream/SCDream5.otf) format('opentype');
}
@font-face {
    font-family:'SCDream';
    font-style:normal;
    font-weight:600;
    src:url(/font/SCDream/SCDream6.eot);
    src:local('SCDream6'), url(/font/SCDream/SCDream6.eot?#iefix) format('embedded-opentype'), url(/font/SCDream/SCDream6.woff) format('woff'), url(/font/SCDream/SCDream6.otf) format('opentype');
}
@font-face {
    font-family:'SCDream';
    font-style:normal;
    font-weight:700;
    src:url(/font/SCDream/SCDream7.eot);
    src:local('SCDream7'), url(/font/SCDream/SCDream7.eot?#iefix) format('embedded-opentype'), url(/font/SCDream/SCDream7.woff) format('woff'), url(/font/SCDream/SCDream7.otf) format('opentype');
}
/*Gilroy*/
@font-face {
    font-family:'Gilroy';
    font-style:normal;
    font-weight:700;
    src:url(/font/Gilroy/Gilroy-Bold.eot);
    src:local('Gilroy-Bold'), url(/font/Gilroy/Gilroy-Bold.eot?#iefix) format('embedded-opentype'), url(/font/Gilroy/Gilroy-Bold.woff) format('woff'), url(/font/Gilroy/Gilroy-Bold.ttf) format('truetype');
}
@font-face {
    font-family:'Gilroy';
    font-style:normal;
    font-weight:900;
    src:url(/font/Gilroy/Gilroy-Heavy.eot);
    src:local('Gilroy-Bold'), url(/font/Gilroy/Gilroy-Heavy.eot?#iefix) format('embedded-opentype'), url(/font/Gilroy/Gilroy-Heavy.woff) format('woff'), url(/font/Gilroy/Gilroy-Heavy.ttf) format('truetype');
}

/*YoonMinguk*/
@font-face {
    font-family:'YoonMinguk';
    font-style:normal;
    font-weight:400;
    src:url(/font/YoonMinguk/YoonMingukR.ttf);
    src:local('YoonMinguk Regular'), url(/font/YoonMinguk/YoonMingukR.ttf) format('truetype'), url(/font/YoonMinguk/YoonMingukR.otf) format('opentype');
}

@font-face {
    font-family:'YoonMinguk';
    font-style:normal;
    font-weight:700;
    src:url(/font/YoonMinguk/YoonMingukB.ttf);
    src:local('YoonMinguk bold'), url(/font/YoonMinguk/YoonMingukB.ttf) format('truetype'), url(/font/YoonMinguk/YoonMingukB.otf) format('opentype');
}

@media (max-width: 860px) {
.promotion_wrap.doc_2510-2 .table table { table-layout: auto !important; }
}
