/* BASIC css start */
#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {padding:0 15px; margin-top:30px;}
#login .tab a {width:50%; height:34px; border:1px solid #bdbdbd; border-top:3px solid #bdbdbd; border-bottom:1px solid #ab3e41; display: inline-block; text-align: center; line-height: 30px; box-sizing: border-box; background-color:#fbfbfb; }
#login .tab a.act {color:#ab3e41; background-color:#fff; border:1px solid #ab3e41;  border-top:3px solid #ab3e41; border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {margin-top:20px; display:none;}
#login .nonmember fieldset {padding:0 15px;}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }







/* ¡é ŵ±×·Î¿ì ½ÌÅ© ÁÖ¼® (½ÌÅ© ¹Ì»ç¿ë½Ã ¾Æ·¡ ¼Ò½º¸¦ [µðÀÚÀÎÆíÁýÅÇ]¿¡ ºÙ¿©³Ö±â ÈÄ »ç¿ë¹Ù¶ø´Ï´Ù.) */
/*
<!--/include_header(1)/-->

<!-- container -->
<div id="container">
    <!-- contents -->
    <div id="contents">
        <!-- main -->
        <main id="login">
            <div class="h_title">
                <h3>·Î±×ÀÎ</h3>
            </div>
            <section class="login">
                <div id="keyboard">
                    <p><a href="#">ÇÑ±Û ÀÚÆÇ ¿­±â <span class="fa fa-caret-down"></a></p>
                    <img src="/images/d3/m_powerpack/32/sub/img_keyboard.png" alt="ÇѱÛÀÚÆÇ">
                </div>
                <div class="tab">
                    <a href="member" class="act">ȸ¿ø</a><a href="nonmember">ºñȸ¿ø</a>
                </div>
                <section class="member">
                    <fieldset>
                        <!--/form_login/-->
                        <legend>·Î±×ÀÎÆû</legend>
                        <div class="loginInput">
                            <!--/input_login_id/-->
                            <!--/input_login_pw/-->
                        </div>
                        <div class="loginCheck">
                            <label><!--/checkbox_save_id/--> ¾ÆÀ̵ð ÀúÀå</label>
                            <label><!--/checkbox_auto_login/--> ÀÚµ¿ ·Î±×ÀÎ</label>
                            <label><!--/checkbox_security/--> º¸¾È ·Î±×ÀÎ</label>
                        </div>
                        <!--/if_input_powerapp_invite/-->
                        <div class="loginInput">
                            <!--/input_powerapp_invite/-->
                        </div>
                        <!--/end_if/-->
                        <div class="loginMiddle">
                            <a href="<!--/link_login_button/-->" class="btn_Red">·Î±×ÀÎ</a>
                            <a href="<!--/link_password_lost/-->" class="btn_White">¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â</a>
                        </div>
                        <!--/end_form/-->
                        <!--/if_use_login_sns/-->
                        <div class="sns-login">
                            <div class="sns-title"><img src="/images/d3/m_01/mobile_sns_login_title@2x.png"></div>
                            <ul>
                                <!--/if_link_login_facebook/--><li class="facebook"><a href="<!--/link_login_facebook/-->"><span></span>ÆäÀ̽ººÏÀ¸·Î ·Î±×ÀÎ</a></li><!--/end_if/-->
                                <!--/if_link_login_naver/--><li class="naver"><a href="<!--/link_login_naver/-->"><span></span>³×À̹ö·Î ·Î±×ÀÎ</a></li><!--/end_if/-->
                                <!--/if_link_login_kakao/--><li class="kakaotalk"><a href="<!--/link_login_kakao/-->"><span></span>Ä«Ä«¿ÀÅåÀ¸·Î ·Î±×ÀÎ</a></li><!--/end_if/-->
                                <!--/if_link_login_apple/--><li class="apple"><a href="<!--/link_login_apple/-->"><span></span>¾ÖÇ÷Π·Î±×ÀÎ</a></li><!--/end_if/-->
                            </ul><!-- .sns-login -->
                      </div>
                      <!--/end_if/-->
                    </fieldset>
                </section>
                <!-- ºñȸ¿ø ÁÖ¹®Á¶È¸ -->
                <section class="nonmember">
                    <fieldset>
                        <!--/form_order_guest/-->
                        <legend>ºñȸ¿ø ÁÖ¹®Á¶È¸</legend>
                        <h3>ºñȸ¿ø ÁÖ¹®Á¶È¸</h3>
                        <div class="loginInput">
                            <!--/input_guest_name/-->
                            <!--/input_guest_order_no/-->
                        </div>
                        <div class="loginMiddle">
                            <a href="<!--/link_order_guest/-->" class="btn_Red">ÁÖ¹®Á¶È¸</a>
                        </div>
                        <!--/end_form/-->
                    </fieldset>
                    <div class="loginBottom">
                        <p class="bold">ºñȸ¿øÀ̽Ű¡¿ä?</p>
                        <p>ȸ¿øÀÌ µÇ½Ã¸é ºü¸¥ ½Å»óÇ° Á¤º¸¿Í ´Ù¾çÇÑ ÇÒÀÎ ÇýÅÃÀ» ¹ÞÀ¸½Ç ¼ö ÀÖ½À´Ï´Ù.</p>
                        <a href="<!--/link_join/-->" class="btn_Black">ȸ¿ø°¡ÀÔ</a>
                    </div>
                </section>
                <!-- //ºñȸ¿ø ÁÖ¹®Á¶È¸ -->
            </section>
            <div id="inquiryOrder">
                <div class="layer">
                    <div class="layer-pop">
                        <h3>ºñȸ¿ø ÁÖ¹®Á¶È¸</h3>
                        <a class="close" href="#inquiryOrder"><span class="fa fa-times fa-2x"></span></a>
                        <!--/form_dup_order_guest/-->
                            <fieldset>
                                <legend>ºñȸ¿ø ÁÖ¹®Á¶È¸</legend>
                                <p class="txt">ÀÔ·ÂÇϽŠÁ¤º¸·Î <strong>2</strong>°Ç ÀÌ»óÀÇ ÁÖ¹®ÀÌ Á¸ÀçÇÕ´Ï´Ù.<br />Á¤È®ÇÑ ÁÖ¹® Á¶È¸¸¦ À§ÇØ Àüü ÁÖ¹® ¹øÈ£¸¦ ÀÔ·ÂÇϼ¼¿ä.</p>
                                <dl class="frm">
                                    <dt>ÁÖ ¹® ÀÚ</dt>
                                    <dd>
                                        <!--/input_guest_name/-->
                                    </dd>
                                    <dt>ÁÖ¹®¹øÈ£</dt>
                                    <dd>
                                        <!--/input_guest_order_no1/-->
                                        <!--/input_guest_order_no2/-->
                                    </dd>
                                </dl>
                                <div class="btns">
                                    <a href="<!--/link_guest_order_confirm/-->" class="btn_Grey">ÁÖ¹®Á¶È¸</a>
                                    <a href="#inquiryOrder" class="btn_Black">´Ý±â</a>
                                </div>
                            </fieldset>
                        <!--/end_form/-->
                    </div>
                </div>
            </div>
        </main>
        <!-- //main -->
    </div>
    <!-- //contents -->
</div>
<!-- //container -->

<!--/include_footer(1)/-->
*/
/* ŵ±×·Î¿ì ½ÌÅ© ÁÖ¼® ³¡ */
/* BASIC css end */