@charset "euc-kr";

/**************************************************
ÇÁ·Î±×·¥ ID : popup.css
ÇÁ·Î±×·¥ ¸í : Popup Cascading Style Sheets
ÀÛ  ¼º   ÀÚ : 
ÃÖÃÊ ÀÛ¼ºÀÏ : 2017/09/04
ÃÖÁ¾ ÀÛ¼ºÀÏ : 
Âü°í   »çÇ× : 
**************************************************/


@import url("base.css");
@import url("layout.css");
@import url("select2.css");
@import url("style.css");


/* ÀüüƲ
------------------------------------------------------------------------------- */
html, body {height:100%;}
#pop_wrap, #pop_container {height:100%;}
#pop_header {width:100%; height:60px; padding:0 20px; color:#fff; background:#707070; display:table;}
#pop_header > * {vertical-align:middle; display:table-cell;}
#pop_header h1 {font-family:"Noto Medium"; font-size:24px;}
#pop_header .btnR {padding-left:20px;}
#pop_content {min-height:100%; margin:-60px 0; padding:80px 20px;}
#pop_content.st01 {margin:0; padding:0 20px;}
#pop_content.st02 {margin:-60px 0 0 0; padding:80px 20px 30px 20px;}
#pop_content.st03 {margin:0 0 -40px 0; padding:0 0 40px 0;}
#pop_content.st04 {margin-bottom:-40px; padding:80px 0 40px 0;}
#pop_content.st05 {margin:0 0 -40px 0; padding:20px 20px 40px 20px;}
#pop_footer {width:100%; height:60px; padding:0 20px; background:#e5e5e5; display:table;}
#pop_footer > * {vertical-align:middle; display:table-cell;}
#pop_container.st01 #pop_header, #pop_container.st01 #pop_footer {padding:0; background:none;}
#pop_container.st01 #pop_header h1 {font-size:0; line-height:0;}
#pop_container.st01 #pop_footer > * {padding:0 20px;}


/* µî·Ï
------------------------------------------------------------------------------- */
dl.regist > dt {width:25%;}
dl.regist > dd input[type="text"].st01, dl.regist > dd select.st01, dl.regist > dd select.st01 + .select2 {width:30% !important;}
dl.regist > dd.address .btn {width:30%;}


/* ÁÖ¼Òã±â
------------------------------------------------------------------------------- */
.findAddr dl.search {margin-top:10px;}
.findAddr .addrArea {margin-top:15px;}
.findAddr .addrArea .scroll {height:204px; border:1px solid #d9d9d9;}
.findAddr .addrArea ol {padding:10px;}
.findAddr .addrArea ol li:not(:first-child) {border-top:1px solid #d9d9d9;}
.findAddr .addrArea ol li.none {height:182px;border-bottom:none;}
.findAddr .addrArea ol li a {padding:5px 8px; display:block;}
.findAddr .addrArea ol li a.on {background:#e5e5e5;}
.findAddr .paging {margin-bottom:15px;}


/* ÁÖ¼Òº¯°æ¾È³»
------------------------------------------------------------------------------- */
.noteAddr ol {margin-top:14px; padding-top:14px; background:url(/Images/Etc/dotline04.gif) 0 0 repeat-x;}


/* ¾ÆÀÌÁ¤º¸µî·Ï
------------------------------------------------------------------------------- */
.regChild dl.regist {margin-top:19px;}


/* ±³Àç¹Ì¸®º¸±â
------------------------------------------------------------------------------- */
.preview #pop_header dl dt, .preview #pop_header dl dd {display:inline-block;}
.preview #pop_header dl dt {margin-right:16px;}
.preview #pop_header dl dd {margin-left:2px;}
.preview #pop_header dl select, .preview #pop_header dl .select2 {width:150px;}
.preview h2, .preview h3 {font-size:19px; display:inline-block;}
.preview h2 {margin-right:10px;}
.preview h2.step01 {color:#3eb034;}
.preview h2.step02 {color:#008cd7;}
.preview h2.step03 {color:#f8b300;}
.preview h2.step04 {color:#ef7c0f;}
.preview h2.step05 {color:#9d6fad;}
.preview dl.info01 {float:right; margin-top:-1px;}
.preview div.info {margin:13px 0 20px 0; padding:13px 0; color:#222; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.preview div.info dl dt, .preview div.info dl dd {vertical-align:middle; display:inline-block;}
.preview div.info dl dt {margin-right:14px; font-family:"Noto Regular"; font-size:19px; color:#078ac6;}
.preview .page {text-align:right;}
.preview .page a {margin-left:17px; font-size:19px; color:#777; display:inline-block;}
.preview .page a.on {font-family:"Noto Regular"; color:#222; border-bottom:1px solid #222;}
.preview .detail {text-align:center;}
.preview .detail figure.table {table-layout:fixed;}
.preview .detail figure.table span {width:312px; height:330px; text-align:center; border:1px solid #ccc;}
.preview .detail figure.table span img {max-width:310px; max-height:330px;}
.preview .detail figure.table figcaption {padding-left:30px; text-align:left; line-height:20px;}
.preview .detail figure.table figcaption strong {font-family:"Noto Regular"; color:#222;}
.preview .story {margin-top:10px; padding:17px 20px; line-height:20px; background:#eee;}
.preview .btnC {padding-top:20px; border-top:1px solid #d9d9d9;}


/* °Ë»ç°á°ú »ùÇú¸±â
------------------------------------------------------------------------------- */
.hktestResult {/*width:760px;*/}
.hktestResult #pop_header {width:759px; table-layout:fixed; overflow:hidden;}
.hktestResult #pop_content.cntwrap{ position:relative; width:708px; margin:-10px auto 40px auto; padding:0;}
.hktestResult #pop_footer {height:45px;}
.hktestResult #pop_footer > div {padding:0 26px;}
.hktestResult h2{ padding:40px 0 6px; border-bottom:1px solid #bfbfbf;}
.hktestResult .RT{ position:absolute; right:0; top:35px;}
.hktestResult .RT img{ margin-left:4px;}
.hktestResult .desc{ padding-bottom:20px;}
.hktestResult .txtbox{ padding:20px 27px 0; color:#474747;}
.hktestResult .txtbox strong span{ display:block;}
.hktestResult .box1{ padding:20px 10px 0; width:688px; }
.hktestResult .name1{ color:#0a7410;}
.hktestResult .name2{ color:#0169d3;}
.hktestResult .name3{ color:#d0183b;}
.hktestResult .month1{ color:#d21717;}
.hktestResult .month2{ color:#0a7410;}
.hktestResult .month3{ color:#1668e2;}
.hktestResult .pt1{ color:#d21717;}
.hktestResult .pt2{ color:#1668e2;}
.hktestResult .pt3{ color:#ab1ca9;}
.hktestResult .pt4{ color:#0a7410;}

/*¹ß´Þ ±×·¡ÇÁ*/
.hktestResult .graphbox { width:686px; margin-bottom:40px; border:1px solid #d6d6d6;}
.hktestResult .graphbox .hdesc{ padding:7px 20px; color:#474747; background-color:#f1f1f1; border-bottom:1px solid #d6d6d6;}
.hktestResult .graphbox .fdesc{ padding:7px 20px; color:#474747; background-color:#f1f1f1; border-top:1px solid #d6d6d6;}
.hktestResult .graphbox .fdesc .title{ display:block; color:#0169d3;}
.hktestResult .graphbox .gbox1{ position:relative; margin:0 0 40px 136px; width:537px; padding:80px 0 31px; color:#000; font-size:11px; background:url(/Play/Images/Etc/hkGraph_bottom.gif) -122px bottom no-repeat;}
.hktestResult .graphbox .gbox1 .realage{ left:-49px; position:absolute; top:48px; z-index:10;}
.hktestResult .graphbox .gbox1 .realage .bar{ position:absolute; width:99px; height:192px; background:url(/Play/Images/Etc/hkLayer_RealAge_line.gif) 0 0 repeat-y;}
.hktestResult .graphbox .gbox1 .realage strong{ display:block; width:99px; height:22px; padding-top:3px; line-height:12px; text-align:center; color:#fff; font-weight:normal; background:url(/Play/Images/Etc/hkLayer_RealAge.gif) 0 0 no-repeat;}
.hktestResult .graphbox .gbox1 .ltit{ position:absolute; left:-123px; top:80px; width:110px; text-align:right;}
.hktestResult .graphbox .gbox1 ul{ padding:25px 0 15px; background:url(/Play/Images/Etc/hkGraph_middle.gif) 0 0 repeat-y;}
.hktestResult .graphbox .gbox1 li{ position:relative; width:420px; height:24px; padding-top:8px; line-height:12px; vertical-align:top; white-space:nowrap; }
.hktestResult .graphbox .gbox1 li .item{ position:absolute; left:-123px; top:8px; width:110px; display:block; text-align:right; }
.hktestResult .graphbox .gbox1 li .bar{ position:absolute; top:8px; left:0; width:100%; height:15px;}
.hktestResult .graphbox .gbox1 li .bar strong{ position:absolute; top:0; right:-45px; width:40px; text-align:left;}
.hktestResult .graphbox .gbox1 li .bar strong span{position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.hktestResult .graphbox .gbox1 li .bty1{ background-color:#ff6600;}
.hktestResult .graphbox .gbox1 li .bty2{ background-color:#6d00ba;}
.hktestResult .graphbox .gbox1 li .bty3{ background-color:#ba007b;}
.hktestResult .graphbox .gbox1 li .bty4{ background-color:#6dba00;}
.hktestResult .graphbox .gbox1 li .bty5{ background-color:#0076ba;}

/*±âÁú ±×·¡ÇÁ*/
.hktestResult .graphbox .gbox2{ position:relative; margin:0 0 40px 136px; width:537px; padding:70px 0 31px; color:#000; font-size:11px; background:url(/Play/Images/Etc/hkGraph_bottom002.gif) -123px bottom no-repeat;}
.hktestResult .graphbox .gbox2 .ltit{ position:absolute; left:-123px; top:70px; width:110px; text-align:right;}
.hktestResult .graphbox .gbox2 ul{ padding:25px 0 15px; background:url(/Play/Images/Etc/hkGraph_bg_mdd.gif) 0 0 repeat-y;}
.hktestResult .graphbox .gbox2 li{ position:relative; width:400px; height:24px; padding-top:8px; line-height:12px; vertical-align:top; white-space:nowrap; }
.hktestResult .graphbox .gbox2 li .item{ position:absolute; left:-123px; top:8px; width:110px; display:block; text-align:right; }
.hktestResult .graphbox .gbox2 li .bar{ position:absolute; top:8px; left:0; width:100%; height:15px;}
.hktestResult .graphbox .gbox2 li .bar strong{ position:absolute; top:0; right:-120px; width:115px; text-align:left;}
.hktestResult .graphbox .gbox2 li .bar strong span{position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.hktestResult .graphbox .gbox2 li .bty1{ background-color:#5cc1bb;}
.hktestResult .graphbox .gbox2 li .bty2{ background-color:#8c95da;}
.hktestResult .graphbox .gbox2 li .bty3{ background-color:#f3500d;}
.hktestResult .graphbox .gbox2 li .bty4{ background-color:#7ab600;}
.hktestResult .graphbox .gbox2 li .bty5{ background-color:#bfcb75;}
.hktestResult .graphbox .gbox2 li .bty6{ background-color:#0001fb;}
.hktestResult .graphbox .gbox2 li .bty7{ background-color:#ff7b05;}
.hktestResult .graphbox .gbox2 li .bty8{ background-color:#ffd408;}
.hktestResult .graphbox .gbox2 li .bty9{ background-color:#95969a;}

/*ºÎ¸ð¾çÀ°Åµµ ±×·¡ÇÁ 7~24°³¿ù*/
.hktestResult .graphbox .gbox3{ position:relative; margin:0 0 40px 136px; width:450px; padding:70px 0 33px; color:#000; font-size:11px; background:url(/Play/Images/Etc/hkGraph_bottom003.gif) -123px bottom no-repeat;}
.hktestResult .graphbox .gbox3 .ltit{ position:absolute; left:-124px; top:70px; width:110px; text-align:right;}
.hktestResult .graphbox .gbox3 ul{ padding-top:24px; /*height:275px;*/ background:url(/Play/Images/Etc/hkgraph_mid_7.gif) 0 0 no-repeat;}
.hktestResult .graphbox .gbox3 li{ position:relative; width:400px; height:55px; line-height:12px; vertical-align:top; white-space:nowrap; }
.hktestResult .graphbox .gbox3 li .item{ position:absolute; left:-123px; top:10px; width:110px; display:block; text-align:right; line-height:1.5em;}
.hktestResult .graphbox .gbox3 li .bar{ position:absolute; top:22px; left:0; width:100%; height:16px;}
.hktestResult .graphbox .gbox3 li .bar strong{ position:absolute; top:0; right:-120px; width:115px; text-align:left;}
.hktestResult .graphbox .gbox3 li .bar strong span{position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.hktestResult .graphbox .gbox3 li .bty1{ background-color:#fc01fc;}
.hktestResult .graphbox .gbox3 li .bty2{ background-color:#8c95da;}
.hktestResult .graphbox .gbox3 li .bty3{ background-color:#7ab600;}
.hktestResult .graphbox .gbox3 li .bty4{ background-color:#f3500d;}
.hktestResult .graphbox .gbox3 li .bty5{ background-color:#5cc1bb;}

/*ºÎ¸ð¾çÀ°Åµµ ±×·¡ÇÁ 49~84°³¿ù*/
.hktestResult .graphbox .gbox4{ position:relative; margin:0 0 40px 136px; width:450px; padding:70px 0 33px; color:#000; font-size:11px; background:url(/Play/Images/Etc/hkGraph_bottom004.gif) -123px bottom no-repeat;}
.hktestResult .graphbox .gbox4 .ltit{ position:absolute; left:-124px; top:70px; width:110px; text-align:right;}
.hktestResult .graphbox .gbox4 ul{ padding-top:24px; /*height:110px;*/ background:url(/Play/Images/Etc/hkgraph_mid_49.gif) 0 0 repeat-y;}
.hktestResult .graphbox .gbox4 li{ position:relative; width:400px; height:55px; line-height:12px; vertical-align:top; white-space:nowrap; }
.hktestResult .graphbox .gbox4 li .item{ position:absolute; left:-123px; top:10px; width:110px; display:block; text-align:right; line-height:1.5em;}
.hktestResult .graphbox .gbox4 li .bar{ position:absolute; top:22px; left:0; width:100%; height:16px;}
.hktestResult .graphbox .gbox4 li .bar strong{ position:absolute; top:0; right:-120px; width:115px; text-align:left;}
.hktestResult .graphbox .gbox4 li .bar strong span{position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.hktestResult .graphbox .gbox4 li .bty1{ background-color:#000;}
.hktestResult .graphbox .gbox4 li .bty2{ background-color:#5cc1bb;}

.hktestResult .tbType1{ width:688px; border-collapse: collapse; border:0; }
.hktestResult .tbType1 th,.hktestResult .tbType1 td{ border:none; padding:7px; color:#474747; border-bottom:1px solid #fff; }
.hktestResult .tbType1 td{ background-color:#f1f1f1;}
.hktestResult .tbD1 th{ background:#d2d6c8 url(/Play/Images/Etc/happykid_popback5.gif) right 0 repeat-y;}
.hktestResult .tbD2 th{ background:#b2c9e1 url(/Play/Images/Etc/happykid_popback6.gif) right 0 repeat-y;}
.hktestResult .tbD3 th{ background:#e9d8db url(/Play/Images/Etc/happykid_popback7.gif) right 0 repeat-y;}
.hktestResult .tbType2{width:688px; border-collapse: collapse; border:0; }
.hktestResult .tbType2 th,.hktestResult .tbType2 td{ border:none; padding:7px; color:#474747; border-bottom:1px solid #fff; }
.hktestResult .tbType2 th{ vertical-align:middle;}
.hktestResult .tbType2 td{ background:#f1f1f1 url(/Play/Images/Etc/happykid_popback8.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back1_1{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback1_1.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back1_2{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback1_2.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back1_3{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback1_3.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back1_4{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback1_4.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back1_5{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback1_5.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back2_1{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback2_1.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back2_2{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback2_2.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back2_3{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback2_3.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back2_4{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback2_4.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back2_5{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback2_5.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back2_6{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback2_6.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back2_7{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback2_7.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back2_8{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback2_8.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back2_9{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback2_9.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back3_1{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback3_1.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back3_2{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback3_2.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back3_3{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback3_3.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back3_4{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback3_4.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back3_5{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback3_5.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back3_6{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback3_6.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.back3_7{ background:#d7d8d8 url(/Play/Images/Etc/happykid_popback3_7.gif) 0 0 repeat-y;}
.hktestResult .tbType3{ width:686px; border-collapse: collapse; border:1px solid #d6d6d6;}
.hktestResult .tbType3 th,.hktestResult .tbType3 td{ border:none;}
.hktestResult .tbType3 th{ text-align:left; vertical-align:top; padding:7px 10px 7px 20px; color:#db1212; font-weight:bold;}
.hktestResult .tbType3 td{ color:#474747; padding:6px 20px 6px 0; }
.hktestResult .tbType3 .back{ background-color:#f1f1f1;}

.hktestResult .btnty1{background:url(/Play/Images/Etc/happykid_popback1.gif) 0 0 repeat;}
.hktestResult .btnty2{background:url(/Play/Images/Etc/happykid_popback2.gif) 0 0 repeat;}
.hktestResult .btnty3{background:url(/Play/Images/Etc/happykid_popback3.gif) 0 0 repeat;}

/*ºÎ¸ð¾çÀ°Åµµ ±×·¡ÇÁ*/
.hktestResult .graphbox .p_gbox{ position:relative; margin:0 0 40px 136px; width:450px; padding:70px 0 33px; color:#000; font-size:11px; background:url(/Play/Images/Etc/hkGraph_bottom003.gif) -123px bottom no-repeat;}
.hktestResult .graphbox .p_gbox .ltit{ position:absolute; left:-124px; top:70px; width:110px; text-align:right;}
.hktestResult .graphbox .p_gbox ul{ padding-top:24px; /*height:275px;*/ }
.hktestResult .graphbox .p_gbox li{ position:relative; width:400px; height:55px; line-height:12px; vertical-align:top; white-space:nowrap; }
.hktestResult .graphbox .p_gbox li .item{ position:absolute; left:-123px; top:10px; width:110px; display:block; text-align:right; line-height:1.5em;}
.hktestResult .graphbox .p_gbox li .bar{ position:absolute; top:22px; left:0; width:100%; height:16px;}
.hktestResult .graphbox .p_gbox li .bar strong{ position:absolute; top:0; right:-120px; width:115px; text-align:left;}
.hktestResult .graphbox .p_gbox li .bar strong span{position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}

.hktestResult .tbType2 th.p_back3_1{ background:#d7d8d8 url(/Play/Images/Etc/p_happykid_popback3_1.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.p_back3_2{ background:#d7d8d8 url(/Play/Images/Etc/p_happykid_popback3_2.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.p_back3_3{ background:#d7d8d8 url(/Play/Images/Etc/p_happykid_popback3_3.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.p_back3_4{ background:#d7d8d8 url(/Play/Images/Etc/p_happykid_popback3_4.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.p_back3_5{ background:#d7d8d8 url(/Play/Images/Etc/p_happykid_popback3_5.gif) 0 0 repeat-y;}

.hktestResult .graphbox .gbox2 li .p_bty1{ background-color:#fc01fc;}
.hktestResult .graphbox .gbox2 li .p_bty2{ background-color:#000000;}
.hktestResult .tbType2 th.p_back2_1{ background:#d7d8d8 url(/Play/Images/Ect/happykid_popback2_p1.gif) 0 0 repeat-y;}
.hktestResult .tbType2 th.p_back2_2{ background:#d7d8d8 url(/Play/Images/Ect/happykid_popback2_p2.gif) 0 0 repeat-y;}


/* °Ë»ç°á°ú »ùÇà ÀÚ¼¼È÷º¸±â
------------------------------------------------------------------------------- */
.hktestintro #pop_footer {height:45px;}
.hktestintro #pop_footer > div {padding:0 26px; text-align:right;}
.hktestintro h2{ margin-bottom:7px; padding:18px 0 6px; border-bottom:1px solid #bfbfbf; }
.hktestintro p{ padding:0 7px 20px;}
.hktestintro dl{ padding:0 7px;}
.hktestintro dt{ font-weight:bold; color:#303030;}
.hktestintro dd{padding-bottom:20px;}
.hktestintro .back1{ background:url(/Play/Images/Etc/happykid_popback1.gif) 0 0 repeat;}
.hktestintro .back2{ background:url(/Play/Images/Etc/happykid_popback2.gif) 0 0 repeat;}
.hktestintro .back3{ background:url(/Play/Images/Etc/happykid_popback3.gif) 0 0 repeat;}


/* ³» ÄíÆù È®ÀÎÇϱâ
------------------------------------------------------------------------------- */
.mycoupon #pop_content {margin-bottom:-40px; padding-bottom:40px;}
.mycoupon #pop_footer {height:40px;}
.mycoupon #pop_footer > div {text-align:right; background:url(/Play/Images/Etc/mycoupon_back.gif) 0 0 repeat;}
.mycoupon h2{ float:left; padding:0 11px 0 30px; }
.mycoupon .desc{float:left; color:#474747;}
.mycoupon .couponbox{ clear:both; width:622px; margin:0 auto 23px auto; padding:8px 0 21px 0; background:url(/Play/Images/Etc/mycoupon_backb.gif) 0 bottom no-repeat;}
.mycoupon .couponbox .box{ padding-top:47px; background:url(/Play/Images/Etc/mycoupon_backt.gif) 0 0 no-repeat;}
.mycoupon .couponbox .box li{ height:243px; background:url(/Play/Images/Etc/mycoupon_backc.gif) 0 0 no-repeat;}
.mycoupon .couponbox .box li p{ padding:124px 0 0 88px;}
.mycoupon .couponbox .box li p strong{ display:block; color:#3a3a3a;}
.mycoupon .couponbox .box li p strong span{ color:#b31415;}
.mycoupon .couponbox .box .none{ padding-bottom:20px; text-align:center; font-weight:bold; font-size:14px; color:#3a3a3a; background:url(/Play/Images/Etc/mycoupon_backc1.gif) 0 0 no-repeat;}


/* ÇØÇÇÅ°µå ¾çÀ°°Ë»ç °áÁ¦
------------------------------------------------------------------------------- */
.hkpayment h2 {margin-top:14px; font-size:15px; line-height:25px;}
.hkpayment h2:first-child {margin-top:0;}
.hkpayment form + h2 {margin:24px 0 14px 0; font-size:19px;}
.hkpayment dl.search.st02 {margin-top:14px;}
.hkpayment dl.search.st02 > dt {width:82px; font-size:19px; text-align:left;}
.hkpayment dl.search.st02 > dd:nth-of-type(1) {width:140px;}
.hkpayment dl.search.st02 > dd:nth-of-type(2) {width:100px;}
.hkpayment dl.search.st02 > dd:last-of-type {width:auto;}
.hkpayment dl.search.st02 select, .hkpayment dl.search.st02 .select2 {width:130px;}
.hkpayment dl.search.st02 input {width:140px;}
.hkpayment dl.search.st02 > dt + dd input {width:100%;}
.hkpayment .btnC .btn {width:114px;}
.hkpayment.done h2 {font-size:19px; margin-bottom:19px;}


/* ÇØÇÇÅ°µå ¾çÀ°°Ë»ç ½ÃÀÛ
------------------------------------------------------------------------------- */
.hktestStart #pop_header {height:43px;}
.hktestStart #pop_content {margin:-43px 0 -40px 0; padding-bottom:60px;}
.hktestStart #pop_footer {height:40px;}
.hktestStart #pop_footer > div {background:url(/Play/Images/Etc/happykid_popback4.gif) 0 0 repeat;}
.hktestStart p:not(:first-child) {margin-top:14px;}
.hktestStart .ty1{ color:#007b06;}
.hktestStart .ty2{ color:#0065f3;}
.hktestStart .ty3{ color:#dc334f;}


/* ÇØÇÇÅ°µå ¾çÀ°°Ë»ç ÁøÇà
------------------------------------------------------------------------------- */
.hktestQue #pop_header {height:72px;}
.hktestQue #pop_content {margin-bottom:-40px; padding-bottom:60px;}
.hktestQue #pop_footer {height:40px;}
.hktestQue .cHead {position:relative; padding:14px 5px 28px 5px; background:url(/Play/Images/Etc/happykid_pop4back1.gif) 0 0 no-repeat;}
.hktestQue .cHead h2 {margin-left:17px; font-size:15px;}
.hktestQue .cHead .total {position:absolute; right:17px; top:14px; line-height:1;}
.hktestQue .cHead p {margin-top:34px;}

.hktestQue .step ol.stepty1{ position:relative; height:86px;}
.hktestQue .step ol.stepty1 li {float:left; height:33px;}
.hktestQue .step ol.stepty1 li span strong{ color:#fff997;}
.hktestQue .step ol.stepty1 li.item1 div span,.hktestQue .step ol.stepty1 li.item2 div span,
.hktestQue .step ol.stepty1 li.item3 div span,.hktestQue .step ol.stepty1 li.item4 div span,
.hktestQue .step ol.stepty1 li.item5 div span{ position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.hktestQue .step ol.stepty1 li.item1act div span,.hktestQue .step ol.stepty1 li.item2act div span,
.hktestQue .step ol.stepty1 li.item3act div span,.hktestQue .step ol.stepty1 li.item4act div span,
.hktestQue .step ol.stepty1 li.item5act div span{ display:block; padding:11px 0 0 10px; font-size:13px; line-height:13px; color:#fff; font-weight:bold;}

.hktestQue .step ol.stepty1 li div{ width:48px; height:33px; background:url(/Play/Images/Etc/happykid_pop4back2.gif) no-repeat;}
.hktestQue .step ol.stepty1 li.item1 div{ background-position:0 -470px;}
.hktestQue .step ol.stepty1 li.item2 div{ background-position:-48px -470px;}
.hktestQue .step ol.stepty1 li.item3 div{ background-position:-96px -470px;}
.hktestQue .step ol.stepty1 li.item4 div{ background-position:-620px -270px;}
.hktestQue .step ol.stepty1 li.item5 div{ background-position:-668px -270px;}
.hktestQue .step ol.stepty1 li.item1act div{ width:524px; background-position:0 -270px;}
.hktestQue .step ol.stepty1 li.item2act div{ width:524px; background-position:-48px -320px;}
.hktestQue .step ol.stepty1 li.item3act div{ width:524px; background-position:-96px -370px;}
.hktestQue .step ol.stepty1 li.item4act div{ width:524px; background-position:-144px -420px;}
.hktestQue .step ol.stepty1 li.item5act div{ width:524px; background-position:-192px -470px;}
.hktestQue .step ol.stepty1 ol{ position:absolute; left:0; top:33px; width:100%; height:53px; padding:10px 21px 10px 20px; background-position:0 0;}
.hktestQue .step ol.stepty1 ol,.hktestQue .step ol.stepty1 li li,
.hktestQue .step ol.stepty1 li li span{ background:url(/Play/Images/Etc/happykid_pop4back2.gif) no-repeat;}
.hktestQue .step ol.stepty1 ol li{  display:inline-block; position:relative; width:25px; height:33px; background-position:-800px 0;}
.hktestQue .step ol.stepty1 ol li .act{ position:absolute; left:-4px; top:0; width:33px; height:33px; font-family:"Noto Regular"; font-size:13px; line-height:33px; color:#fff; text-align:center; background-position:-800px -37px;}
.hktestQue .step ol.stepty1 ol li .inact{position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.hktestQue .step ol.stepty2{ padding:13px 21px 15px 20px; }
.hktestQue .step ol.stepty2, .hktestQue .step ol.stepty2 li, .hktestQue .step ol.stepty2 li span {background:url(/Play/Images/Etc/happykid_pop4back2.gif) no-repeat;}
.hktestQue .step ol.stepty2 li{ display:inline-block; position:relative; width:22.5px; height:33px;}
.hktestQue .step ol.stepty2 li .inact{position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.hktestQue .step ol.stepty2 li .act{ position:absolute; left:-4px; top:0; width:33px; height:33px; font-family:"Noto Regular"; font-size:13px; line-height:33px; color:#fff; text-align:center;}

.hktestQue .step ol.oty1{ background-position:0 -100px;}
.hktestQue .step ol.oty1 li{ background-position:-800px -100px;}
.hktestQue .step ol.oty1 li .act{ background-position:-800px -137px;}
.hktestQue .step ol.oty2{ background-position:0 -200px;}
.hktestQue .step ol.oty2 li{ background-position:-800px -200px;}
.hktestQue .step ol.oty2 li .act{ background-position:-800px -237px;}

/*¹®Ç×*/
.hktestQue .quewrap li.qarea{margin-top:10px; color:#2c2c2c; border:1px solid #d0d0d0;}
.hktestQue .quewrap li .qbox {width:100%; padding:12px 15px; display:table;}
.hktestQue .quewrap li .qbox span {vertical-align:top; display:table-cell; table-layout:fixed;}
.hktestQue .quewrap li .qbox span.num {width:20px;}
.hktestQue .quewrap li ol {padding:10px 20px 10px 35px;}
.hktestQue .quewrap li li {width:32%; display:inline-block;}
.hktestQue .quewrap .oty1 li .qbox{ border:2px solid #f2f5f3; border-bottom:none; background-color:#dfe6e0;}
.hktestQue .quewrap .oty2 li .qbox{ border:2px solid #f3f6fa; border-bottom:none; background-color:#e1e9f2;}
.hktestQue .quewrap .oty3 li .qbox{ border:2px solid #fbf3f5; border-bottom:none; background-color:#f4e2e5;}
.hktestQue .quewrap .oty1 li ol {width:100%; padding-right:35px; display:table;}
.hktestQue .quewrap .oty1 li li{ width:50%; padding:0; text-align:center; display:table-cell;}

.hktestQue .fdesc{ padding:20px 15px 0; color:#2b2b2b;}
.hktestQue .fdesc span{ color:#767676;}
.hktestQue .fdesc span strong{ color:#008a07;}
.hktestQue .fdesc .pt1{color:#e50101;}

.hktestQue .btnty1{background:url(/Play/Images/Etc/happykid_popback1.gif) 0 0 repeat;}
.hktestQue .btnty2{background:url(/Play/Images/Etc/happykid_popback2.gif) 0 0 repeat;}
.hktestQue .btnty3{background:url(/Play/Images/Etc/happykid_popback3.gif) 0 0 repeat;}


/* ÇØÇÇÅ°µå ¾çÀ°°Ë»ç ¿Ï·á
------------------------------------------------------------------------------- */
.hktestQueOk p:not(:first-child) {margin-top:14px;}
.hktestQueOk .btnC {margin-top:30px;}
.hktestQueOk .btnC .btn {width:114px;}


/* ÇØÇÇÅ°µå ¾çÀ°°Ë»ç Àμ⠹̸®º¸±â
------------------------------------------------------------------------------- */
.printPreview {}
.printPreview h1{position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.printPreview .box{ margin:0 auto; padding:20px;}
.printPreview .btn{ text-align:center; padding-bottom:20px;}


/* ¿¡µà¹Ú½º
------------------------------------------------------------------------------- */
.eduView {background:#fdfbec; overflow:hidden;}
.eduView #pop_footer {height:40px;}


/* Ãâ¼®ÇöȲ
------------------------------------------------------------------------------- */
.daily #pop_header {background:#37c5c9;}
.daily .tHead {position:relative; width:120px; margin:0 auto; color:#333; text-align:center;}
.daily .tHead ul li {position:absolute; top:4px; width:15px; height:15px; text-indent:-9999px; display:block;}
.daily .tHead ul li a {width:15px; height:15px; display:block;}
.daily .tHead ul li:nth-of-type(1) {left:0px;}
.daily .tHead ul li:nth-of-type(2) {right:0px;}
.daily .tHead ul li:nth-of-type(1) a {background-image:url(/Community/Images/Btn/n_btn_nextprev.gif); background-repeat:no-repeat; display:block;}
.daily .tHead ul li:nth-of-type(2) a {background-image:url(/Community/Images/Btn//n_btn_nextprev.gif); background-repeat:no-repeat; background-position:-15px 0px; display:block;}
.daily .monthList {height:34px; margin-top:12px; text-align:center; display:block; overflow:hidden;}
.daily .monthList li {padding:0 7px; height:36px; font-family:"Noto Reuglar"; display:inline-block;}
.daily .monthList li a {padding-bottom:5px; color:#333; display:block;}
.daily .monthList li a.on {color:#08979b; border-bottom:3px solid #08979b;}
.daily .dateTable {height:396px; padding:10px 0; background:#f5f5f5;}
.daily .dateTable table{ width:450px; margin:0 auto;}
.daily .dateTable table th {padding:15px; border-bottom:1px solid #d3d3d3; border-collapse:collapse;}
.daily .dateTable table td {height:50px; padding:0px 0; text-align:center; vertical-align:middle;}
.daily .dateTable table .today {width:40px; height:40px; margin:auto; font-family:"Noto Reuglar"; color:#08979b; line-height:38px; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; box-shadow: 0px 3px 2px lightgray; background:#fff; display:block;}
.daily .dateTable table .checkOn {width:40px; height:40px; margin:auto; font-family:"Noto Reuglar"; color:#fff; line-height:38px; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; background:#08979b; display:block;}
.daily #pop_footer {height:40px; background:#d3d3d3;}
.daily #pop_footer li {position:relative; padding-left:20px; margin-right:17px; display:inline-block;}
.daily #pop_footer li:first-child:before {position:absolute; left:0px; top:5px; width:15px; height:15px; background:#08979b;  border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; content:""; display:block;}
.daily #pop_footer li:nth-child(2):before {position:absolute; left:0px; top:5px; width:15px; height:15px; background:#fff;  border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; content:""; display:block;}


/* À°¾Æ¹«ºñŬ¸³
------------------------------------------------------------------------------- */
.movie dl.table {margin-top:17px;}
.movie dl.table > * {vertical-align:top;}
.movie dl.table h2 {max-height:58px; font-size:19px; line-height:29px; overflow:hidden;}
.movie dl.table .btnR {width:94px;}
/*.movie dl.table .btnR .btn {width:64px; margin-top:6px; padding:0;}*/
.movie dl.table .movieInfo span {font-size:14px;color:#8e8585;}
.movie dl.table .movieInfo span:after {content:'';display:inline-block;width:1px;height:16px;margin:0 13px;background:#8e8585;vertical-align:middle;}
.movie dl.table .movieInfo span:last-child::after {display:none;}

.movie dl.table .btnArea {display:inline-block;height:16px;line-height:16px;}
.movie dl.table .btnArea input[type='checkbox'] {display:none;}
.movie dl.table .btnArea input[type='checkbox'] + label {padding-left:25px;line-height:16px;font-size:16px;color:#7f7f7f;font-family:'Noto DemiLight';}
.movie dl.table .btnArea input[type='checkbox'] + label:before {content:' ';display:inline-block;width:18px;height:16px;line-height:26px;margin:-8px 10px 0 0;vertical-align:middle;border:none;background:url(/Community/Images/Btn/btn_recommend.png) 50% 0 no-repeat;}
.movie dl.table .btnArea input[type='checkbox']:checked + label:before {background-position:50% -16px;}
.movie dl.table .btnArea input[type='checkbox'] + label:after {display:none;}

.movie p.tag {margin-top:14px; padding:0 10px; background:#d7f3f4;}
.movie #pop_footer {height:40px; table-layout:fixed;}
.movie #pop_footer > * {width:50%; word-break:keep-all; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.movie #pop_footer > * a {line-height:40px;}
.movie #pop_footer > *:first-child {padding-right:10px;}
.movie #pop_footer > *:last-child {position:relative; padding-left:10px; text-align:right;}
.movie #pop_footer > *:first-child a {padding-left:14px;}
.movie #pop_footer > *:last-child a {padding-right:14px;}
.movie #pop_footer > *:first-child a:before, .movie #pop_footer > *:last-child a:after {width:7px; height:12px; content:"";}
.movie #pop_footer > *:first-child a:before {margin:0 7px 0 -14px; background:url(/Community/Images/Btn/n_btn_prev.gif) 0 0 no-repeat; vertical-align:0; display:inline-block;}
.movie #pop_footer > *:last-child a:after {position:absolute; top:50%; right:0; margin-top:-6px; background:url(/Community/Images/Btn/n_btn_next.gif) 0 0 no-repeat; display:block;}

.movie .btnBottom {margin:20px 0;}
.movieList {border-top:1px solid #d1d1d1;}
.movieList > div {overflow:hidden;width:492px;margin:0 auto;padding-top:25px;}
.movieList dl {float:left;width:220px;}
.movieList dl:first-child {margin-right:50px;}
.movieList dl dt {margin-bottom:5px;text-align:center;font-size:16px;color:#5e5353;}
.movieList dl a {display:block;}
.movieList dl img {width:100%;}

/* ½Å°íÇϱâ
------------------------------------------------------------------------------- */
.report h2 {margin-bottom:17px; font-size:19px; line-height:25px;}


/* ÃßõÀÎÀÔ·Â
------------------------------------------------------------------------------- */
.gift h2 {margin-bottom:17px; font-size:19px; line-height:25px;}
.gift dl.regist {margin-bottom:10px; border-bottom-width:2px;}
.gift dl.regist dd figure {margin-top:10px;}
.gift dl.regist dd figure img {width:160px; height:87px; max-width:100%; max-height:87px;}
.gift .btnC .btn {width:114px;}


/* ¸¶Àϸ®Áö Àû¸³Á¤Ã¥
------------------------------------------------------------------------------- */
.mileage h2 {margin:22px 0 4px 0; font-size:19px; line-height:25px;}
.mileage table.data > tbody > tr > th,
.mileage table.data > tbody > tr > td {height:45px;line-height:18px;}
.mileage table.data > tbody > tr > td.tl {padding:11px 10px;text-align:left;}


/* Áø´Ü°á°ú Àμâ
------------------------------------------------------------------------------- */
.jindan.view h2 {margin:30px 0;}
.jindan.view h5 {font-size:19px;}
.jindan.view .subCont .cont03 {margin-top:-1px; border-top:1px solid #d9d9d9;}
.jindan.view .subCont .info {text-align:center; color:#222;}
.jindan.view .graph + dl.data {padding-top:11px; border-top:1px solid #d9d9d9;}
.jindan.view .table .graph {text-align:center;}
.jindan.view .table .graph + div {padding:0 0 6px 6px;}
.jindan.view .table .graph + div div {width:100%; border:1px solid #d9d9d9; display:table;}
.jindan.view .table .graph + div div p {padding:28px 34px; vertical-align:middle; display:table-cell;}
.jindan.view h5 + table {margin-top:30px;}
.jindan.view table + table {margin-top:10px;}


/* ÇÁ·Î±×·¥Æ¯Â¡
------------------------------------------------------------------------------- */
.stepup h2 {margin-bottom:10px; padding:35px 0 6px 29px; border-bottom:1px solid #d9d9d9;}
.stepup h2:first-child {margin-top:-20px;}
.stepup h3 {margin-bottom:5px;}
.stepup.step01 #pop_header {background:url(/Book/Images/Etc/bg_stepup01.gif) 0 0 repeat;}
.stepup.step02 #pop_header {background:url(/Book/Images/Etc/bg_stepup02.gif) 0 0 repeat;}
.stepup.step03 #pop_header {background:url(/Book/Images/Etc/bg_stepup03.gif) 0 0 repeat;}
.stepup.step01 h2 {background:url(/Book/Images/Ico/ico_check01.gif) 5px 37px no-repeat;}
.stepup.step02 h2 {background:url(/Book/Images/Ico/ico_check02.gif) 5px 37px no-repeat;}
.stepup.step03 h2 {background:url(/Book/Images/Ico/ico_check03.gif) 5px 37px no-repeat;}