@charset "utf-8";
/* 2016.11.21 기사후원하기 */

.kisa-sponsor-area,
.kisa-sponsor-area li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.kisa-sponsor-area { width:100%; max-width:640px; position:relative; overflow:hidden; margin:0 auto; text-align:center; border-top:1px solid #000;}
.kisa-sponsor-area .title {width:95%; font-size:25px; font-family:Malgun Gothic !important; font-weight:normal; color:#000; margin: 30px auto 0;letter-spacing: -0.05em; line-height:1.3em;text-align:center;}
.kisa-sponsor-area .title-desc {width:90%; font-size:15px; letter-spacing: -0.05em; line-height:1.3em; text-align:center; margin:10px auto 0; color:#666; }
.kisa-sponsor-list { width:100%;text-align:center; margin:15px auto 20px; }
.kisa-sponsor-list ul { clear:both; position:relative; overflow:hidden;}
.kisa-sponsor-list li{ position:relative; overflow:hidden; float:left; width:49%; padding:6px 25px 6px 10px ; cursor:pointer; border:1px solid #dbdde5; height:70px; margin-bottom:2px; }
.kisa-sponsor-list li:nth-of-type(even) { margin-left:2px;}
.kisa-sponsor-list li:hover,
.kisa-sponsor-list li.check,
.kisa-sponsor-list li:hover .item-check label{ background-color:#f5f6fa;}

.kisa-sponsor-btn {margin:0 auto; text-align:center;  width:200px; height:44px; }
.kisa-sponsor-btn a { color:#fff;}
.kisa-sponsor-btn span { display:block;height:32px; border-radius:3px; background-color:#16b7ab; color:#fff; font-size:18px;  line-height:1em; padding-top:15px; font-weight:100;}
.kisa-sponsor-text { text-align:center; padding: 5px 0 15px ; font-size:13px; color:#666; line-height:1.6em;}

.kisa-sponsor-list input {outline: 0; border:0; color: transparent;-webkit-appearance: none;}
.kisa-sponsor-list li .item-check label { display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 54px; background: url(http://img.hani.co.kr/section-image/16/news/sponsor/icon_check_off.png) 100% 50% no-repeat #ffffff;; background-size: 27px 27px;  -webkit-background-size: 27px 27px; line-height: 18px; cursor: pointer;}
.kisa-sponsor-list li .item-check { position:relative; width:100%;}
.kisa-sponsor-list li .item-check .item-int {position: absolute; top: 50%; right: 1px; z-index: 9; width: 20px;height: 20px; margin-top: 13px; -webkit-appearance: none;}
/*.kisa-sponsor-list li .item-check input:checked + label,*/
.kisa-sponsor-list li.check .item-check label {z-index: 10; background: url(http://img.hani.co.kr/section-image/16/news/sponsor/icon_check_on.png) 100% 50% no-repeat #f5f6fa;}
.kisa-sponsor-list li .itemArea .item-photo { position:absolute; left:0;display: inline-block; width: 54px; height: 54px;background-size: 54px 54px;background-position: center center; background-repeat: no-repeat;background-color:#333;
    border-radius: 100%;border: 1px solid #333; vertical-align: top; margin-right:10px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');   -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');}
.kisa-sponsor-list li .itemArea .item-photo img {width: 54px; height: 54px;border-radius: 100%;}

.kisa-sponsor-list li .itemArea .item-text { display:block; position:absolute; top:5px; left:70px;text-align:left;font-size:18px;line-height:1.3em;}
.kisa-sponsor-list li .itemArea .item-title { display:block; font-size:15px; color:#666; }
.kisa-sponsor-list li .itemArea .num_money  { font-size:18px; color:#000; font-weight: bold;}
.kisa-sponsor-list li .itemArea .num_money_in { display: block;position:absolute; top:-1px; left:0; min-height: 31px;width: 110px; padding: 6px 28px 6px 12px; border: 1px solid #d3d6d5;border-radius: 2px; background-color: #fff;text-align: left;}	
.kisa-sponsor-list li .itemArea .num_money_in .num_money_in_text {height: 25px;padding: 4px 0 1px;display: block;overflow: hidden; width: 100%;margin: 0; border: 0 none;font-size: 18px;color: #000;background: transparent;letter-spacing: -0.05em; outline: 0;}	
.kisa-sponsor-list li.check .num_money_in .num_money_in_text {letter-spacing: -0.05em;font-size: 18px;}
.kisa-sponsor-list li.check .num_money_in input:not([type='checkbox,radio']):focus::-webkit-input-placeholder { color: transparent; }
.kisa-sponsor-list li.item-none .txt_won { display:none;}
.kisa-sponsor-list li.item-none.check .txt_won{ display:block; position:absolute; top:10px; right:2px;}


/*type2*/
.kisa-sponsor-list li.item-none .itemArea .item-text .item-title{ display:none;}
.kisa-sponsor-list {margin: 20px auto 10px;}

.kisa-sponsor-area.type2 { width:100%; max-width:640px; position:relative; overflow:hidden; margin:0 auto; text-align:center; border:0;}
.kisa-sponsor-area.type2 .kisa-sponsor-area-in { position:relative;text-align:center; border:1px solid #e4e3e8; border-radius:20px; background-color:#f5f6fa; margin:10px 10px 20px; padding:0 10px 10px;}
.kisa-sponsor-area.type2 .kisa-sponsor-area-in:after, 
.kisa-sponsor-area.type2 .kisa-sponsor-area-in:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}

.kisa-sponsor-area.type2 .kisa-sponsor-area-in:after {border-color: rgba(245, 246, 250, 0);border-top-color: #f5f6fa;border-width: 15px;margin-left: -15px;}
.kisa-sponsor-area.type2 .kisa-sponsor-area-in:before {border-color: rgba(227, 228, 232, 0);border-top-color: #e3e4e8;border-width: 16px;margin-left: -16px;}
.kisa-sponsor-area.type2 .kisa-sponsor-area-in .title { margin-top:20px;}
.kisa-sponsor-area.type2 .kisa-sponsor-list ul { clear:both; position:relative; overflow:hidden;}
.kisa-sponsor-area.type2 .kisa-sponsor-list li{ position:relative; overflow:hidden; float:none; display:inline-block; width:100px; height:80px; padding:10px 0 0;cursor:pointer; border-radius:15px; border:1px solid #dbdde5; background-color:#fff; margin:0 7px 2px; }
.kisa-sponsor-area.type2 .kisa-sponsor-list li.check  {background-color:#17b7ab;}
.kisa-sponsor-area.type2 .kisa-sponsor-list li .item-check label { display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 54px; background-color:#ffffff; background-image:none; line-height: 20px; cursor: pointer;}
.kisa-sponsor-area.type2 .kisa-sponsor-list li .item-check .item-int {position: absolute; top: 50%; right: 1px; z-index: 9; width: 20px;height: 20px; margin-top: 13px; -webkit-appearance: none;}
.kisa-sponsor-area.type2 .kisa-sponsor-list li.check .item-check label {z-index: 10; background-color:#17b7ab; background-image:none;  }
.kisa-sponsor-area.type2 .kisa-sponsor-list li .itemArea .item-photo { display:none;}
.kisa-sponsor-area.type2 .kisa-sponsor-list li .itemArea .item-text { display:inline-block; position:relative; top:0; left:auto; text-align:center; font-size:18px; line-height:1.5em;}
.kisa-sponsor-area.type2 .kisa-sponsor-list li .itemArea .num_money_in { display:inline-block; position:relative; top:0; left:auto; min-height: 20px; width: 76px; padding: 3px 4px 3px 4px; border: 1px solid #d3d6d5;border-radius: 2px; background-color: #fff;text-align: left;}	
.kisa-sponsor-area.type2 .kisa-sponsor-list li .itemArea .num_money_in .num_money_in_text {height: 18px;padding: 1px 0 1px;display: block;overflow: hidden; width: 100%;margin: 0; border: 0 none;font-size: 18px;color: #000;background: transparent;letter-spacing: -0.08em; outline: 0; line-height:1.3em;}	
.kisa-sponsor-area.type2 .kisa-sponsor-list li.item-none .itemArea .item-text { width:94px; }
.kisa-sponsor-area.type2 .kisa-sponsor-list li.item-none  .txt_won { display:none;}
.kisa-sponsor-area.type2 .kisa-sponsor-list li.check .num_money,
.kisa-sponsor-area.type2 .kisa-sponsor-list li.check .txt_won,
.kisa-sponsor-area.type2 .kisa-sponsor-list li.check .item-title { color:#fff;}
.kisa-sponsor-area.type2 .kisa-sponsor-list li.item-none .itemArea .item-text .item-title{ display:inline-block;}



/* 결제팝업창*/
.kisa-sponsor-pop { width:100%; height:100%; background-color:#555; text-align:left; min-width:320px; min-height:470px; }
.kisa-sponsor-pop .payment-in {padding:8px;  min-width:304px;}

.kisa-sponsor-pop .title { font-size:15px; padding:2px 6px 10px; color:#fff;background-color:#555; text-align:left;}
.kisa-sponsor-pop .title-s { font-size:16px; padding:0 0 6px;}
.kisa-sponsor-pop .payment-box { position:relative;  background-color:#fff; padding:15px 12px 20px;}
/*
.kisa-sponsor-pop .payment-box .payment-chk { position:relative; overflow:hidden;background-color:#f5f6fa; height:66px;}
.kisa-sponsor-pop .payment-box .payment-chk .item-photo { position:absolute; top:5px; left:10px; display: inline-block; width: 54px; height: 54px;background-size: 54px 54px;background-position: center center; background-repeat: no-repeat;background-color:#333;border-radius: 100%;border: 1px solid #333;  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');   -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale');}
.kisa-sponsor-pop .payment-box .payment-chk .item-photo img {width: 54px; height: 54px;border-radius: 100%;}
.kisa-sponsor-pop .payment-box .payment-chk .item-text { position:absolute; top:25px; left:75px;  font-size:20px; color:#666; }*/

.kisa-sponsor-pop .payment-box .payment-chk { position:relative; overflow:hidden;background-color:#f5f6fa; height:66px;}
.kisa-sponsor-pop .payment-box .payment-chk .item-photo { position:relative; display:table-cell; padding-left:10px; vertical-align:middle;}
.kisa-sponsor-pop .payment-box .payment-chk .item-photo img { width: 54px; height: 54px; border-radius: 100%; vertical-align:middle;border: 1px solid #333;  }
.kisa-sponsor-pop .payment-box .payment-chk .item-text { position:relative; display:table-cell; height:66px; vertical-align:middle;  font-size:20px; color:#666; padding-left:10px; }


.kisa-sponsor-pop .payment-box .payment-chk .num_money { font-size:20px; color:#000; font-weight:bold; }
.kisa-sponsor-pop .payment-box .payment-list {position:relative; overflow:hidden;  padding: 20px 15px 0;}
.kisa-sponsor-pop .payment-box .payment-list ul { border-top:1px solid #000;}
.kisa-sponsor-pop .payment-box .payment-list li{ position:relative; overflow:hidden; padding:6px ; cursor:pointer; border:1px solid #dbdde5; height:36px; margin-top:2px ; }
.kisa-sponsor-pop .payment-box .payment-list li:hover,
.kisa-sponsor-pop .payment-box .payment-list li.check, 
.kisa-sponsor-pop .payment-box .payment-list li:hover .item-check label { background-color:#f5f6fa;}

.kisa-sponsor-pop .payment-box .payment-list  input {outline: 0; border:0;}
.kisa-sponsor-pop .payment-box .payment-list .item-check label {display: block; position: absolute; top: 0;left: 0;z-index: 10; width: 100%; height: 36px;  background: url(http://img.hani.co.kr/section-image/16/news/sponsor/icon_check_offx2.png) 100% 50% no-repeat #ffffff;  background-size: 27px 27px; -webkit-background-size: 27px 27px;  line-height: 18px; cursor: pointer;}
.kisa-sponsor-pop .payment-box .payment-list .item-check .item-text { display:block; font-size:16px; padding:10px 0 0 5px;}
.kisa-sponsor-pop .payment-box .payment-list .item-check { position:relative; width:100%;}
.kisa-sponsor-pop .payment-box .payment-list .item-check .item-int {position: absolute; top: 50%; right: 1px; z-index: 9; width: 20px;height: 20px; margin-top: 11px; -webkit-appearance: none;}
/*.kisa-sponsor-pop .payment-box .payment-list .item-check input:checked + label,*/
.kisa-sponsor-pop .payment-box .payment-list li.check .item-check label {z-index: 10; background: url(http://img.hani.co.kr/section-image/16/news/sponsor/icon_check_onx2.png) 100% 50% no-repeat #f5f6fa;background-size: 27px 27px;}
.kisa-sponsor-pop .payment-box .payment-direction strong { display:block; font-size:13px; font-weight:bold; padding-bottom:3px; line-height:1.2em;color:#777;}
.kisa-sponsor-pop .payment-box .payment-direction { font-size:13px; letter-spacing:-0.05em; display:block; padding: 15px 0 25px;color:#777; line-height:1.3em; }

.kisa-sponsor-pop .payment-box .payment-btn {margin:0 auto; text-align:center;  height:44px; padding: 0 15px;}
.kisa-sponsor-pop .payment-box .payment-btn a { color:#fff;}
.kisa-sponsor-pop .payment-box .payment-btn span { display:block; color:#fff; font-size:18px;  line-height:1em;  font-weight:100;padding-top:15px;height:32px; background-color:#17b7ab; border-radius:3px;}
.kisa-sponsor-pop .payment-box .payment-btn .btn-left { float:left; width:30%; background-color:#69625a;  border-radius:3px 0 0 3px;text-align:left; padding-left:20px; margin-right:-20px;}
.kisa-sponsor-pop .payment-box .payment-btn .btn-right { float:right; width:70%; background-color:#17b7ab; border-radius:0 3px 3px 0; text-align:right; padding-right:20px; margin-left:-20px;}


.kisa-sponsor-pop .payment-box .payment-end { display:table; height:370px;width:100%;min-height:100%;  }
.kisa-sponsor-pop .payment-box .payment-end-in {display:table-cell; vertical-align:middle; text-align:center;  width:320px; }
.kisa-sponsor-pop .payment-box .payment-end .logo { background: url(http://img.hani.co.kr/section-image/16/news/sponsor/pop_logox2.png)  no-repeat 50% 50%; width:70px; height:70px; background-size : 70px 70px; margin: 0 auto;  }
.kisa-sponsor-pop .payment-box .payment-end .title-hani { font-size:25px; line-height:1.3em; padding-top:30px;}
.kisa-sponsor-pop .payment-box .payment-end .title-text { font-size:17px; line-height:1.3em; padding-top:10px; padding-bottom:30px;}



@media screen and (max-width:375px) {
/*
.kisa-sponsor-pop .payment-box .payment-chk .item-photo { position:absolute; top:15px; left:15px; display: inline-blosck; width: 35px; height: 35px;background-size: 35px 35px;}
.kisa-sponsor-pop .payment-box .payment-chk .item-photo img {width: 35px; height: 35px;border-radius: 100%;}
.kisa-sponsor-pop .payment-box .payment-chk .item-text {left:60px;}*/

.kisa-sponsor-pop .payment-box .payment-chk .item-photo img {width: 35px; height: 35px;}

.kisa-sponsor-pop .payment-box .payment-end .logo { background: url(http://img.hani.co.kr/section-image/16/news/sponsor/pop_logox2.png)  no-repeat 50% 50%; width:50px; height:50px; background-size : 50px 50px; margin: 0 auto;  }
.kisa-sponsor-pop .payment-box .payment-end .title-hani { font-size:20px; line-height:1.3em; padding-top:30px;}
.kisa-sponsor-pop .payment-box .payment-list .item-check label {z-index: 10; background: url(http://img.hani.co.kr/section-image/16/news/sponsor/icon_check_offx2.png) 100% 50% no-repeat #ffffff;background-size: 27px 27px;}
.kisa-sponsor-pop .payment-box .payment-list .item-check input:checked + label,
.kisa-sponsor-pop .payment-box .payment-list li.check .item-check label {z-index: 10; background: url(http://img.hani.co.kr/section-image/16/news/sponsor/icon_check_onx2.png) 100% 50% no-repeat #f5f6fa;background-size: 27px 27px;}
.kisa-sponsor-pop .payment-box .payment-direction strong { display:block; font-size:12px; padding-bottom:3px;}
.kisa-sponsor-pop .payment-box .payment-direction { font-size:12px; }


.kisa-sponsor-pop { min-height:490px; }
.kisa-sponsor-pop .payment-box .payment-btn .btn-left { float:left; width:35%;}
.kisa-sponsor-pop .payment-box .payment-btn .btn-right { float:right; width:65%;}
.kisa-sponsor-pop .payment-box .payment-list .item-check .item-int { width: 16px;height: 16px; margin-top: 11px;}
.kisa-sponsor-pop .payment-box .payment-direction { padding: 10px 0 20px;}
.kisa-sponsor-pop .payment-box .payment-end { display:table; width:100%; height:100%; min-height:358px; }
}