/* reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;  } /* vertical-align: baseline; HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
/* scroll always visible
html { overflow-y:scroll; }
*/

/* ie scroll */
html { scrollbar-face-color:#eeeeee; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#B4B4B4; scrollbar-shadow-color:#B4B4B4; scrollbar-darkshadow-color:#FFFFFF; scrollbar-arrow-color:#777777; scrollbar-base-color:#EEEEEE; }

/* redefinition */
b {font-weight:bold;}
strong {font-weight:bold;}
i {font-style:italic;}

/* common */
/*img { display:block; }*/
.cp {cursor:pointer;}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#counsel-panel-popup {
    width: 100% !important;
    max-width: 2048px !important;
    left: auto !important;
		overflow:hidden;
}
.counselInput {width:90%;margin-left: 5%}
.counselInput > dl {overflow: hidden;margin:0;padding:0}
.counselInput > dl > dd {margin:0;padding:0;float: left;width:70%}
.counselInput > dl > dt {margin:0;padding:0;float: left;padding-top: 10px;width:30%;color: #fff}

.promotion640-form {}
.promotion640-title {width:140px;font-size: 1.3em;text-align: center}
.promotion640-table {width:550px}
.ui-popup-screen.in {background-color:#000}

.counsel_600                    {width:600px; margin-left:-19px; background:#656776;}
.counsel_title                  {width:100%; height:80px; background:#ff2e94; color:#fff; position:relative; font-size: 1.5em;}
.counsel_title .counsel_title_txt  {position:absolute; top:25px; left:20px;}
.counsel_title .counsel_title_X    {position:absolute; top:20px; right:20px;}

.input_form         {}
.input_table        {width:550px; margin:0 auto;}
.input_title        {width:140px; font-size:1.3em; color:#fff;}

.privacy_box        {width:560px; left:18px; position:relative;}
.privacy            {margin-top:12px;}
.privacy_detail    {float:right; margin-left:2px; font-size:1.3em; border:1px solid #d1d1d1; padding:18px; background:#ffffff; position:relative; z-index:100;}

.counsel_btn       {width:564px; margin:0 auto; position:relative; top:5px}
/* 
    Document   : top
    Created on : 2013. 4. 11, 오후 4:05:05
    Author     : zizz
    Description:
        Purpose of the stylesheet follows.
*/





root { 
    display: block;
}
img {display:block}

.subVis img{width:100%;vertical-align:top}

.subCon img{width:100%;vertical-align:top}
/* bottom */
.popup{position: absolute;top:0;left:0;margin:0;padding:0;display: none;z-index: 9000;font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.popup_sub_menu {z-index: 999999;position: absolute;top:60px;left:0;width:100%;border:0}
.popup_sub_menu > div{z-index: 1000;}
.popup_promotion_menu {top:50px}
#sub_menu_lang{height: 56px}
.sub_menu_lang_item {text-align: center;line-height:15px;height:56px;float:left}
.sub_menu_lang_item img {display:inline-block}

.kakao_counselInput {width:90%;margin-left: 5%}
.kakao_counselInput > dl {overflow: hidden;margin:0;padding:0}
.kakao_counselInput > dl > dd {margin:0;padding:0;float: left;width:70%}
.kakao_counselInput > dl > dt {margin:0;padding:0;float: left;padding-top: 10px;width:30%; color: #000 }

.ui-mini{font-size:12.5px}/*팝업창 약관 자세히버튼 크기 조절*/
/*SMS비용상담입력창*/
#realPayPopup {width: 96%; margin-left:2%;}
#realPayPopup .popup_title {width:100%; height:65px; background-color:#8E2358}
#realPayPopup .popup_title .realPayText {color:#fff;font-size: 20px; line-height:70px;font-weight: 400; margin-left:10%;}
#realPayPopup .popup_title .ui-grid-a .ui-block-a {width:72%}
#realPayPopup .popup_title .ui-grid-a .ui-block-b {width:28%}
#realPayPopup .popup_title .ui-grid-a .ui-block-b img {height:65px; float:right}
#realPayPopup .popup_form {width:100%; background-color: #fff;}

#nullframe {position:relative;display:none;width:900px;height:500px;border:#f00 1px solid;margin:0 auto;padding-left:100px;}
#wholebg{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:99;background:#000000;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;display:none}
#popuplayer {position: absolute;top: 0px;left: 0px;z-index: 10;display: none; }

*{margin: 0px; padding: 0px; list-style: none; text-decoration: none; border: 0px; }
span.none{display: none;}
#con_0 img, #con_0 img, #con_1 img, #con_2_1 img, #con_2_2 img, #con_3 img, #con_4 img, #con_5 img{width: 100%;}
#navi {
    width: 100%;
    height: 80px;
    background-color: #761a3f;
    position: fixed;
    z-index: 99;
}
.con_size {
    margin: 0 auto;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 60px;
    padding-bottom: 40px;
}

#navi .con_size{
    padding: 0;
    
}
#navi p {
    float: left;
    height: 80px;
    display: block;
}
#navi ul{
    float: right;
}
.ci {vertical-align: middle;}
.ci img {
    position: absolute;
    top:16px;
    left: 10px;

}
.tell {
    width:100%;
    vertical-align: middle;
    margin-right: -300px;
}
.tell img {
    margin-top: 25px;
    width: 213px;
    height: 28px;
}

}
#navi .navi_btn {
    height: 80px;

}
#navi ul { display: table;}
#navi li { 
    display: inline-block;
    margin-top: 17px;
    padding-left: 3vw;
    opacity: 0.6;
}

#navi li:nth-child(1) { 
    opacity: 100;
}
#navi li:nth-child(2) { 
    position: relative;
    top: 1px;

}
#navi li:nth-child(2) { 
    position: relative;
    top: 1px;

}


#navi li:hover {
    opacity: 100;

    
}




#main_visual img {
    padding-top: 80px;
    display: block;
    width: 100%;
    }



#cs{ width:100%; height:80px; background-color:#3b3c42; position:fixed; bottom:0;}
#cs ul{ width:90%; padding:10px 5% 10px 5%;}
#cs ul li{ float:left; padding:0 1%; width:31%;}
#cs ul li input{ border:0; background-color:#ddd; height:40px; width:100%}
#cs ul li button{ border:0; background-color:#af2863; width:100%;}
#cs ul li button span{ color:#fff; padding:0 0 10px 0; display:inline}

#con{
}
#con img {width: 100%; height:auto;
}


#con_5{ padding-bottom:80px;}
#con_5 .title_text {
    margin: 0 auto;
    padding: 100px 18% 40px 18%;
}

#con_5 .con_size{padding-top: 0px;}

@media screen and (max-width: 480px) {
    body {
        background-color: lightgreen;
    }
}
.bottom_db {width:100%;position:fixed;bottom:-100px;z-index:1000}
.bottom_db .db_main {width:100%;height:70px;background:#3B3C42}
.bottom_db  dl{float:left;margin:0}
.bottom_db  dl dt {float:left;margin:0;padding:0;color:#fff}
.bottom_db  dl dt p {margin-top:10px}
.bottom_db  dl dd {float:left;margin:0;padding:0;margin-top:-20px;}
.bottom_db .db_sub {width:100%;background:#3B3C42;position:relative;height:100px}
.bottom_db .db_sub .db_surgery {position:relative;top:5px;left:5px;width:100%}
.bottom_db .db_sub dl {width:100%}
.bottom_db .db_sub .db_surgery .ui-radio {margin:0}
.bottom_db .db_sub .db_surgery .ui-radio .ui-btn {background-color:#3B3C42;border-color:#3B3C42;padding:0 0 0 2.5em}
.bottom_db .db_sub .db_surgery label {width:80px}
.bottom_db .db_sub .db_surgery label img {width:80px}
.bottom_db .db_sub .db_surgery .ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {background-color:#fff}
.bottom_db .submit_bottom_db {display:inline-block; position: absolute; top:10px; right:0;}
#counsel_name {background-color:#ddd; color:#000;}
#counsel_phone {background-color:#ddd; color:#000;}
.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head + body .ui-btn.ui-btn-a:hover {
	background: #af2863 /*{a-bhover-background-color}*/;
	border-color: #dddddd /*{a-bhover-border}*/;
	color: #ffffff /*{a-bhover-color}*/;
	text-shadow: none;/*{a-bhover-shadow-x}*/ 0 /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{a-bhover-shadow-color}*/;
}