/*Popup CSS*/
.cf:after{clear:both; content:""; display:block;}
div.pop_cont{font-family: 'Noto Sans Korean', sans-serif; width:98%; height:100%; position:relative; margin: auto; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px gba(0,0,0,0.04);border-radius: 2px;}
/*div.pop_cont div.img{ width:40%; float:left;}*/
div.pop_cont div.img img{ width:100%; height:auto;}
div.pop_cont div.todayclose { width:100%; height:auto; clear:both; padding-top: 10px; text-align:right; color:#555;}
.left {width:45%; float:left;}
.right {width:45%; float:right;}
.top {width:100%; float:right;}
.bottom { width:100%; height:50%; float:right; bottom:0px; position:a; overflow:hidden;}

/*contents*/
/*div.pop_cont div.txt{ width:50%; padding:1% 3%; color:#E7505A; float:left;}*/
div.pop_cont div.txt h1{ font-size:32px; font-weight:bold; color:#555;}
div.pop_cont div.txt h2{font-size:28px; font-weight:bold;}
div.pop_cont div.txt h3{font-size:20px; font-weight:100;}
div.pop_cont div.txt p{ font-size:18px; font-weight:200; color:#555; overflow:hidden;}
.tleft { width:48%; padding:1% 3%; float:left;}
.tright { width:48%; padding:1% 3%; float:right;}
.noimg-tleft { width:95%; padding:1% 3%;}
.noimg-tright { width:95%; padding:1% 3%;}
.ttop { width:95%; padding:1% 3%; float:left; text-align:left;}
.tbottom { width:95%; top:0px; height:50%; padding:1% 3%; float:right; text-align:left; position:relative;}

/*button*/
/*div.pop_cont div.txt a{ width:200px; height:80px;  color:#fff; text-align:center; padding:5px 10px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); border-radius:3px; text-decoration:none;}*/
div.pop_cont div.txt a{ display:inline-block; width:auto; height:35px; line-height:35px; color:#fff; text-align:center; padding:0 15px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04); border-radius:3px; text-decoration:none;}
/*colors*/
.red {color:#E7505A;}
.yellow-gold {color:#E87E04;}
.yellow-casablanca {color:#F2784B;}
.green-jungle {color:#26C281;}
.purple {color:#8E44AD;}
.grey-cascade {color:#95A5A6;}
.blue-chambray {color:#2C3E50;}

.btn-red {background:#E7505A;}
.btn-yellow-gold {background:#E87E04;}
.btn-yellow-casablanca {background:#F2784B;}
.btn-green-jungle {background:#26C281;}
.btn-purple {background:#8E44AD;}
.btn-grey-cascade {background:#95A5A6;}
.btn-blue-chambray {background:#2C3E50;}

.hide {display:none;}