/* BASIC css start */

div.H-18774-1-1783 .MK_rotatebanner { width:100%; position:relative; line-height:0px; text-align:center; }
div.H-18774-1-1783 .MK_rotatebanner img { max-width:100%; }
div.H-18774-1-1783 .MK_rotatebanner .MK_first_image { opacity:0; }
div.H-18774-1-1783 .MK_rotatebanner .MK_banner .MK_banner_list .MK_first, div.H-18774-1-1783 .MK_rotatebanner .MK_banner .MK_banner_list .MK_second { 
    width:100%; 
    height:100%; 
    -webkit-backface-visibility:hidden; 
    -ms-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    backface-visibility:hidden; 
    position:absolute; 
    top:0px; 
    left:0px; 
}
div.H-18774-1-1783 .MK_rotatebanner .MK_banner .MK_banner_list .MK_first {
    z-index: 2;
    display: inline-block;
    -webkit-animation:MK_rotatebanner_vertical_first 5s;                                                                                            
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
div.H-18774-1-1783 .MK_rotatebanner .MK_banner .MK_banner_list .MK_second {
    z-index: 1;
    display:inline-block;
    -webkit-animation:MK_rotatebanner_vertical_second 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
div.H-18774-1-1783 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.H-18774-1-1784 #header {width:100%; position:relative; z-index:4; line-height:1.4;}
div.H-18774-1-1784 #header .utill-menu ul {padding:7px 10px 7px; height:22px;}
div.H-18774-1-1784 #header .utill-menu ul li {float:left; width:20%; text-align:center; position:relative;}
div.H-18774-1-1784 #header .utill-menu ul li a {font-size:0.750em;}
div.H-18774-1-1784 #header h1 {text-align:center; font-size:0; line-height:0; padding-top:19px; padding-bottom:15px; min-height:0;}
div.H-18774-1-1784 #header .btn-sch {position:absolute; right:14px; bottom:17px; width:19px; height:19px; background-repeat:no-repeat; background-size:19px 19px;}
div.H-18774-1-1784 #header .btn-list-open {position:static; right:auto; top:auto; width:auto; height:auto; background: none;} /* 기존 css 초기화*/
div.H-18774-1-1784 #header .txt_h1 {font-size:1.2em;line-height: normal;padding-top: 14px;}
div.H-18774-1-1784 #header .sch-box {position:absolute; left:0; bottom:-41px; width:100%; z-index:4;}
div.H-18774-1-1784 #header .sch-box .close {position:absolute; right:0; top:-36px; height:72px; margin:0; padding:0; line-height:0; font-size:0;}
div.H-18774-1-1784 #header .sch-box .close a {display:inline-block; width:44px; height:72px; font-size:0; line-height:0; text-indent:-9999px; background-image:url('/images/d3/m_powerpack/40/common/btn_sch_close.png'); background-repeat:no-repeat; background-position:center bottom; background-size:44px 36px;}
div.H-18774-1-1784 #header .sch-box .sch {width:100%; display:inline-block; height:45px; margin-top:0; border-top:none;}
div.H-18774-1-1784 #header .sch-box .sch > div {position:relative; padding:0 8px;}
div.H-18774-1-1784 #header .sch-box .sch p {margin-right:45px; margin-top:0;}
div.H-18774-1-1784 #header .sch-box .sch input[type='text'] {width:100%; height:33px; line-height:36px; font-size:1em; border-width:1px; border-style:solid; border-color:#c4c4c4;}
div.H-18774-1-1784 #header .sch-box .sch .btn-detail-sch {position:absolute; right:50px; top:2px; width:35px; height:33px; font-size:0; line-height:0; text-indent:-9999px; background:url('/images/d3/m_powerpack/40/common/btn_sch02.png') no-repeat 0 0; background-size:35px 33px;}
@media only screen and (max-device-width: 480px) { /* iPhone only CSS here */ 
div.H-18774-1-1784 #header .sch-box {bottom:-39px;} 
div.H-18774-1-1784 #header .sch-box .sch {height:40px;} 
div.H-18774-1-1784 #header .sch-box .sch p {margin-right:55px} 
div.H-18774-1-1784 #header .sch-box .sch input[type='text'] {height:28px; line-height:30px;} }

div.H-18774-1-1784 .speech-bubble { position: absolute; top:18px; left: 50%; line-height: normal; z-index: 3; width: 67px; margin-left: -33px;}
div.H-18774-1-1784 .speech-bubble p { border: 1px solid #999999; background-color: #FFFFFF; border-radius: 3px; padding: 2px; letter-spacing:-0.5px; font-size: 0.688em; color: #F52A74; }
div.H-18774-1-1784 .speech-bubble .speech-bubble-arrow {position: relative; left: 50%; margin-left: -5px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #999999; }


/* sns노출 관련 css */
div.H-18774-1-1784 #header .sns_icons {position: absolute;bottom: 5px;left: 8px;}
div.H-18774-1-1784 #header .sns_icons img {width: 27px; height: auto;border-radius: 3px;}
div.H-18774-1-1784 #header .sns_icons span {display:inline-block; float:left; padding: 0 2px; line-height: 0;}

/* 상단 고정 */
div.H-18774-1-1784 .top-pix {position: fixed !important; width: 100%; top: 0; box-shadow: 0 0 7px 0 #676767;}
div.H-18774-1-1784 .top-pix ul {padding: 7px 10px !important;}


/* 검색순위 TOP10 */
div.H-18774-1-1784 .ranking-wrap { position:absolute; top: 45px; left:0; width:100%; z-index:5; }
div.H-18774-1-1784 #best-10  { position:relative; margin:10px; background:#fff; -webkit-border-radius: 7px; -moz-border-radius: 7px;  border-radius: 7px; overflow:hidden; }
div.H-18774-1-1784 #best-10 ul { display:block; padding:50px 0 10px; width:50%; float:left; }
div.H-18774-1-1784 #best-10 ul.best6-10 a { border-left:1px solid #bababa; }
div.H-18774-1-1784 #best-10 li { border-top:1px solid #bababa; display:block; padding: 11px 0; font-size: .75em; }
div.H-18774-1-1784 #best-10 li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.H-18774-1-1784 #best-10 li span { display:inline-block; width:30px; text-align:center; color:#bababa; font-style: italic; }
div.H-18774-1-1784 div.bg-black { width:100%; height: 280px; background:#000; opacity:0.5; position: absolute; z-index: 4; box-shadow: 0 2px 4px 0 #383838; }
div.H-18774-1-1784 #ranking_keyword { background:#fff; }
div.H-18774-1-1784 .ranking-tit { z-index:6; position: absolute; top: 65px; left: 10px; padding: 8px 20px; background: #7EB1FF; color: #fff; font-size: .85em; border-top-right-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-top-right-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-bottom-right-radius: 7px; }

div.H-18774-1-1784 #header .utill-menu ul .favorite a { color:#E6225A; }
div.H-18774-1-1784 #header .utill-menu ul .menu a { color:; }
div.H-18774-1-1784 .ranking-tit { color:; background-color:; }
div.H-18774-1-1784 #header .utill-menu ul li a { color:#EB3F76; }
div.H-18774-1-1784 #header, #header .sch-box .close a, #header .sch-box .sch { background-color:#FFD9DD; }
div.H-18774-1-1784 #header .utill-menu ul { background-color:; }
div.H-18774-1-1784 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.H-18774-1-1785 table { width:100%; border-collapse:collapse; }
div.H-18774-1-1785 table td { text-align:center; width:25%; height:35px; border-lock:1; }
div.H-18774-1-1785 table td img { max-width:100%; height:35px; }
#H-18774-1-1785-0 {color:#FFFFFF; font-size:0.875em; font-weight:; font-style:;}
#H-18774-1-1785-1 {color:#FFFFFF; font-size:0.875em; font-weight:; font-style:;}
#H-18774-1-1785-2 {color:#FFFFFF; font-size:0.875em; font-weight:; font-style:;}
#H-18774-1-1785-3 {color:#FFFFFF; font-size:0.875em; font-weight:; font-style:;}
div.H-18774-1-1785 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#FC818F repeat left top; border-top:0px solid #E3E3E3; border-right:0px solid #E3E3E3; border-bottom:0px solid ; border-left:0px solid #E3E3E3; }
div.H-18774-1-1786 table { width:100%; border-collapse:collapse; }
div.H-18774-1-1786 table td { text-align:center; width:25%; height:40px; border-lock:1; }
div.H-18774-1-1786 table td img { max-width:100%; height:40px; }
#H-18774-1-1786-0 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-1 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-2 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-3 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-4 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-5 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-6 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-7 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-8 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-9 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-10 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
#H-18774-1-1786-11 {color:#FF577E; font-size:0.813em; font-weight:; font-style:;}
div.H-18774-1-1786 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */

