@charset "utf-8";



/*Webfont*/


@font-face {
    font-family:lgsmart;
    font-weight:900;
    font-style:normal;
    src:url('../font/kr/LGSmHaB.eot'); /* IE9 Compat Modes */
    src:url('../font/kr/LGSmHaB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/kr/LGSmHaB.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/kr/LGSmHaB.ttf') format('truetype'),
    url('../font/kr/LGSmHaB.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family:lgsmart;
    font-weight:700;
    font-style:normal;
    src:url('../font/kr/LGSmHaSB.eot'); /* IE9 Compat Modes */
    src:url('../font/kr/LGSmHaSB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/kr/LGSmHaSB.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/kr/LGSmHaSB.ttf') format('truetype'),
    url('../font/kr/LGSmHaSB.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family:lgsmart;
    font-weight:500;
    font-style:normal;
    src:url('../font/kr/LGSmHaR.eot'); /* IE9 Compat Modes */
    src:url('../font/kr/LGSmHaR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/kr/LGSmHaR.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/kr/LGSmHaR.ttf') format('truetype'),
    url('../font/kr/LGSmHaR.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family:lgsmart;
    font-weight:200;
    font-style:normal;
    src:url('../font/kr/LGSmHaL.eot'); /* IE9 Compat Modes */
    src:url('../font/kr/LGSmHaL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/kr/LGSmHaL.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/kr/LGSmHaL.ttf') format('truetype'),
    url('../font/kr/LGSmHaL.svg#svgFontName') format('svg'); /* Legacy iOS */
}


html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin:0;padding:0;}

html,body{font-family: 'lgsmart','Malgun Gothic', '맑은 고딕', '돋움'; font-weight: 500; letter-spacing:-0.1px;}
body,html{width: 100%; height: 100%;}
html {-ms-overflow-style: scrollbar !important;}
ul, ol{padding: 0px; margin: 0px;}
.wrap {position:relative; width:100%;margin:0 auto; min-width: 1260px; overflow: hidden;}

a:link {text-decoration: none; color:inherit;}
a:visited {text-decoration: none; color:inherit;}
a:active {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color:inherit;}



/* header */
#header{position: absolute; width: 100%;  height: 112px; left: 0px; top: 0px; text-align: center; z-index: 500;}
#header.navfixed{position: fixed; top:-800px; height: 96px;}

/*#header.navfixed::after{content: ""; background-color: #000; opacity: 0.9; width: 100%; position: absolute; height: 90px; left: 0; top: 0; z-index: -1; padding-bottom: 20px; }*/
#header.navshow{top: 0px; opacity: 1;  transition: all .4s;  transition-duration: 0.3s;}


#header #left_motion{position: relative; float: left; padding: 0px 0 0 27px; z-index: 101; height: 96px;}
#header #left_motion h1{display: table; margin: 0px !important; height: 100%;}
#header #left_motion h1 a{display: table-cell; vertical-align: middle; height: 100%; }
#header #left_motion h1 a img {max-height: 55px; max-width: 200px;}
#header #right_motion{position: relative; float: right; top: 17px; right: 20px;}
#header #right_motion ul{float: left; background-image: url(../../images/com/fo/header/line.png); background-repeat: no-repeat; background-position: center left;}
#header #right_motion>ul>a{padding: 2px 16px 2px 43px; background-repeat: no-repeat; color: #ffffff; font-weight: 200;}

#header #right_motion ul#login a{background-image: url(../../images/com/fo/header/logoin.png); background-position: 16px center;}
#header #right_motion ul#logout a{background-image: url(../../images/com/fo/header/logoin.png); background-position: 16px center;}

/*
#header:not(.navfixed):not(.login_nav) #left_motion h1 a{
-moz-filter:brightness(0) invert(1);
  -webkit-filter:brightness(0) invert(1);
  -o-filter:brightness(0) invert(1);
  -ms-filter:brightness(0) invert(1);
  filter:brightness(0) invert(1)
}
*/



#header #right_motion ul#globalLang{position: relative}
#header #right_motion ul#globalLang>a{background-image: url(../../images/com/fo/header/global.png); background-position: 16px center; padding-right: 30px; padding-top: 10px; padding-bottom: 10px;}
#header #right_motion ul#globalLang a::after{content: ""; background-image: url(../../images/com/fo/header/global_arrow.png); position: absolute; width:21px; height: 21px; background-repeat: no-repeat; background-position: center center;} 
#header #right_motion ul#globalLang .global_choise{position: absolute; top: 25px; background-color: #ffffff; width: 100%; max-height: 0px; opacity: 0; overflow: hidden;}

#header #right_motion ul#globalLang .global_choise li a{font-weight: 200; padding: 10px; display: block; border-top: 1px solid #dddddd;}
#header #right_motion ul#globalLang .global_choise li:FIRST-CHILD a{border: none;}
#header #right_motion ul#globalLang .global_choise li a::after{background-image: none;}
#header #right_motion ul#globalLang .global_choise li a:HOVER{background-color: #a50034; color:#ffffff;}
#header #right_motion ul#globalLang .global_choise.on{max-height: 300px; opacity: 1; z-index: 100;}
#header #right_motion ul#tracking a{background-image: url(../../images/com/fo/header/tracking.png); background-position: 16px center;}
#header #right_motion ul#schedule a{background-image: url(../../images/com/fo/header/schedule.png); background-position: 16px center;}

#header #gnb{position:absolute; width: 100%; top: 46px; z-index: 100;}
#header #gnb ul li{display: inline-block; }
#header #gnb ul li a{color: #ffffff; text-decoration:none; font-size: 15px; font-family: 'Malgun Gothic', '맑은 고딕'; font-weight: 400; padding: 25px 30px 25px 30px; margin: 0px 25px 0px 25px; position: relative; display: block;}
#header #gnb ul li a::after{content: ""; background-color: #a50034; width: 0%; height: 4px; position: absolute; bottom: 0px; left: 0px; transition: all .3s;}
#header #gnb ul li a:hover::after{width: 100%;}
#header #gnb ul li a.menu_on::after{width: 100%;}




#header.navfixed{background-color: #ffffff; color:#000000; border-bottom: 1px solid #a50034;}
#header.navfixed #left_motion h1 a{}
#header.navfixed #gnb ul li a{padding: 10px 30px 20px 30px; color:#2f2f2f;}
#header.navfixed #right_motion>ul>a{color:#5e5e5e;}
#header.navfixed #right_motion ul{background-image: url(../../images/com/fo/header/line_b.png)}
#header.navfixed #right_motion ul#login a{background-image: url(../../images/com/fo/header/logoin_b.png)}
#header.navfixed #right_motion ul#logout a{background-image: url(../../images/com/fo/header/logoin_b.png);}
#header.navfixed #right_motion ul#globalLang>a{background-image: url(../../images/com/fo/header/global_b.png)}
#header.navfixed #right_motion ul#tracking a{background-image: url(../../images/com/fo/header/tracking_b.png)}
#header.navfixed #right_motion ul#schedule a{background-image: url(../../images/com/fo/header/schedule_b.png)}
#header.navfixed #right_motion ul#globalLang a::after{background-image: url(../../images/com/fo/header/global_arrow_b.png);}


#header #right_motion ul:first-child{background: none;}

#header.login_nav{background-color: #ffffff; color:#000000; border-bottom: 1px solid #a50034;}
#header.login_nav #gnb ul li a{color:#2f2f2f; font-weight: 400;}
#header.login_nav #right_motion>ul>a{color:#5e5e5e;}
#header.login_nav #right_motion ul{background-image: url(../../images/com/fo/header/line_b.png); background-repeat: no-repeat;}
#header.login_nav #right_motion ul:FIRST-CHILD{background: none;}
#header.login_nav #right_motion ul#login a{background-image: url(../../images/com/fo/header/logoin_b.png)}
#header.login_nav #right_motion ul#globalLang>a{background-image: url(../../images/com/fo/header/global_b.png)}
#header.login_nav #right_motion ul#tracking a{background-image: url(../../images/com/fo/header/tracking_b.png)}
#header.login_nav #right_motion ul#schedule a{background-image: url(../../images/com/fo/header/schedule_b.png)}
#header.login_nav #right_motion ul#globalLang>a::after{background-image: url(../../images/com/fo/header/global_arrow_b.png);}



#header.login_nav.login_nav{background-color: #ffffff; color:#000000; border-bottom: 1px solid #a50034;}
#header.login_nav.login_nav #gnb ul li a{color:#2f2f2f; font-weight: 400;}
#header.login_nav.login_nav #right_motion>ul>a{color:#5e5e5e;}
#header.login_nav.login_nav #right_motion ul{background-image: url(../../images/com/fo/header/line_b.png); background-repeat: no-repeat;}
#header.login_nav.login_nav #right_motion ul:FIRST-CHILD{background: none;}
#header.login_nav.login_nav #right_motion ul#login a{background-image: url(../../images/com/fo/header/logoin_b.png)}
#header.login_nav.login_nav #right_motion ul#globalLang>a{background-image: url(../../images/com/fo/header/global_b.png)}
#header.login_nav.login_nav #right_motion ul#tracking a{background-image: url(../../images/com/fo/header/tracking_b.png)}
#header.login_nav.login_nav #right_motion ul#schedule a{background-image: url(../../images/com/fo/header/schedule_b.png)}
#header.login_nav.login_nav #right_motion ul#globalLang>a::after{background-image: url(../../images/com/fo/header/global_arrow_b.png);}
#header.login_nav.navfixed::after{ display: none; transition-duration: 0.1s;}

/* //header */




#content{min-height: 500px; padding: 0px; margin: 0px; width: 100%;}

legend{border: none; display: none;}


/* footer */
#footer{background-color: #ebebeb; width: 100%;}
#footer .box-menu-1{width: 1200px; margin: auto; border-bottom: 1px solid #e1e1e1;}

#footer .box-menu-1{padding-top: 10px; padding-bottom: 10px;}
#footer .box-menu-1 .box_left{float: left; margin: 7px 29px 7px 29px;}
#footer .box-menu-1 .box_left a{ color: #656464;}
#footer .box-menu-1 .box_left.led a{color: #a50034;}
#footer .box-menu-1 .box_right{float: right; border-left: 1px solid #dfdfdf;}
#footer .box-menu-1 .box_right .tel_title{margin: 10px 20px 0px 27px; display:inline-block; color: #545454;}
#footer .box-menu-1 .box_right .tel_txt{margin: 10px 34px 0px 0px;  display: inline-block; color: #767676}
#footer .box-menu-1 .box_right.gray_box a{background-color: #616161; display: block; padding: 11px 22px 11px 22px; color: #ffffff;}
#footer .box-menu-1 .box_right.red_box a{background-color: #a50034; display: block; padding: 11px 22px 11px 22px; color: #ffffff; margin-right:5px; }
#footer .box-menu-1::after{content: ""; clear: both; float: none; display: block;}


#footer .box-menu-2{width: 1200px; margin: auto; padding: 26px 0px 26px 0px;}
#footer .box-menu-2 .box_left{float: left; margin: 7px 29px 7px 10px;}
#footer .box-menu-2 .box_left{font-size: 13px; color: #676767;}
#footer .box-menu-2 .box_left .gray_line{font-size: 10px; color: #dddddd; vertical-align:top; display: inline-block; margin: 2px 5px 0px 5px;}
#footer .box-menu-2 .box_left.logo a{background-image: url(../../images/com/fo/footer/logo_lx.png); background-repeat: no-repeat; font-size: 0px; line-height: 0; width: 98px; height: 28px; display: block; margin-top: 10px;}

#footer .box-menu-2 .box_right{float: right; border-left: 1px solid #dfdfdf; margin-top: 10px; position:relative;}

#footer .box-menu-2 .box_right.app{margin-right: 18px;}
#footer .box-menu-2 .box_right.app a{background-image: url(../../images/com/fo/footer/appstroe.png); background-repeat: no-repeat; display: block; width: 122px; height: 37px; font-size: 0px; line-height: 0px;}
#footer .box-menu-2 .box_right.google{margin-right: 5px;}
#footer .box-menu-2 .box_right.google a{background-image: url(../../images/com/fo/footer/googleplay.png); background-repeat: no-repeat; display: block; width: 122px; height: 37px; font-size: 0px; line-height: 0px;}
#footer .box-menu-2 .box_right.familysite>a{width: 200px; line-height:14px; height: 37px; font-size: 14px; color: #656565; background-image: url(../../images/com/fo/footer/list_btn.png); background-position: left top;  background-repeat: no-repeat;padding: 12px 0 0 10px; display: block;}

#footer .box-menu-2::after{content: ""; clear: both; float: none; display: block;}

#footer .box-menu-2 .box_right.familysite .familysite_list_box{position: absolute; bottom:35px; border: 1px solid #eeeeee; display: none; z-index: 16;}
#footer .box-menu-2 .box_right.familysite .familysite_list_box ul a{width: 198px; height:37px; border-top: 1px solid #eeeeee; background-color:#ffffff; font-size: 14px; color: #656565; padding: 8px 0 0 10px; display: block;}
#footer .box-menu-2 .box_right.familysite .familysite_list_box ul:FIRST-CHILD a{border-top: none;}

#footer .box-menu-2 .box_right.familysite .familysite_list_box ul a:HOVER{background-color: #000000; color: #ffffff;}


/* //footer */

input[type='button']{cursor: pointer;}
input[type='checkbox']{display:none;}
input[type='checkbox'] + label::before{content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin: -5px 5px 0 0; background: url('../../images/com/check_box.png') no-repeat 0px 0px;}
input[type='checkbox']:checked + label::before{background: url('../../images/com/check_box.png') no-repeat 0px -18px;}
.close_btn a{position: absolute; top:15px; right: 35px; background-image: url(../../images/com/btn_close_big_b.png); font-size:0px; background-repeat:no-repeat; cursor:pointer; background-position:center center; width: 31px; height: 31px;}


/* tracking */
#tracking_total{position:fixed; width: 100%; height: 100%; z-index: 501; text-align: center; top:-100%;}
#tracking_total::BEFORE{content: ""; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; position: absolute; left: 0px; top:0px;}
#tracking_total>div{position: absolute; width: 100%; height: 100%; display: table;}
#tracking_total>div>ul {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
#tracking_total>div>ul>li{width: 1196px; height: 90%; margin: auto; position: relative;}
#tracking_total>div>ul>li>iframe {width: 100%; height: 100%; border: none; background-color: #ffffff;}



/*login*/
#login_total{position: fixed; width: 100%; background-color: #f1f1f1; z-index: 99; margin-top: 112px; display: none;}
#login_total .login_form{width: 1200px; height: 570px; margin: auto;}
#login_total .login_form iframe{width: 100%; height: 100%; border: none;}
.navfixed  #login_total{margin-top: 96px;}
#login_total_popup{background-color: #f1f1f1; height: 100%;}
#login_total_popup .login_inner{width: 1200px; height:100%; margin: auto; text-align: center;}
#login_total_popup .login_inner .login_title{padding-top: 84px;}
#login_total_popup .login_inner .login_title p{font-size:42px; color:#a50034; font-weight: bold;}
#login_total_popup .login_inner .login_title span{font-size:18px; color:#323232; margin-top: 18px; font-weight:400; display: inline-block;}

#login_total_popup .login_inner .login_form{margin: auto; margin-top: 56px; width: 444px; }
#login_total_popup .login_inner .login_form .login_input{float: left; width: 322px;}
#login_total_popup .login_inner .login_form .login_input input{ border: 1px solid #e0e0e0; padding: 10px; width: 322px; height: 49px;}
#login_total_popup .login_inner .login_form .login_input input.password{margin-top: 11px;}
#login_total_popup .login_inner .login_form .login_btn{float: right;}
#login_total_popup .login_inner .login_form .login_btn input{border: none; background-color: #a50034; width: 111px; height: 108px; line-height: 111px; display: block; color:#ffffff; font-size:18px;}
#login_total_popup .login_inner .login_form .login_save{float: none; display: block; clear: both; text-align: left; padding-top: 10px; font-size:12px; color:#757575;}


#login_total_popup .login_inner .login_footer{margin: auto; margin-top: 70px; width: 600px; margin-bottom:23px; }
#login_total_popup .login_inner .login_footer ul{display: inline-block; font-size:12px; color:#979797; position: relative; padding: 0 20px;}
#login_total_popup .login_inner .login_footer ul::after{content: ""; width: 1px; height: 17px; position: absolute; left:0px; background-color: #c4c4c4; top: 0px;}
#login_total_popup .login_inner .login_footer ul:FIRST-CHILD::after{display: none;}
#login_total_popup .login_inner .login_footer ul span a{color:#979797;}
#login_total_popup .login_inner .login_footer ul::BEFORE{content: ""; display:inline-block; width: 18px; height: 18px; vertical-align: middle; margin-right: 3px;}
#login_total_popup .login_inner .login_footer ul.btn1::BEFORE{background: url('../../images/com/fo/header/login_icon1.png') no-repeat center center;}
#login_total_popup .login_inner .login_footer ul.btn2::BEFORE{background: url('../../images/com/fo/header/login_icon2.png') no-repeat center center;}
#login_total_popup .login_inner .login_footer ul.btn3::BEFORE{background: url('../../images/com/fo/header/login_icon3.png') no-repeat center center;}
#login_total_popup .login_inner .login_footer ul.btn4::BEFORE{background: url('../../images/com/fo/header/login_icon3.png') no-repeat center center;}
/* //tracking */



/*layer_popup*/
#layer_popup{position:fixed; width: 100%; height: 100%; z-index: 600; display: none;}
#layer_popup::BEFORE{content:""; position: absolute; width: 100%; height: 100%; background-color: #000000; opacity: 0.75; }
#layer_popup .lp_table{position:absolute; display: table; width: 100%; height: 100%;}
#layer_popup .lp_td{display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
#layer_popup .lp_td iframe{width: 640px; height: 500px; background-color: #ffffff; border: none;}




.btn-com {background:#616161;color:#fff !important;padding:0 15px 2px 15px;font-size:13px;line-height:22px;}
button.btn-com{height: 29px;}
.btn-com.c2 {padding-left:35px;border-color:#6b7581;background:url(../../images/com/img_set1_lx.png) no-repeat 13px -199px, #616161; font-weight:200; margin-top: -5px; margin-right: 10px;}
.btn-com.c2:HOVER {
    background-color: #a50034;
}




.ui-dialog .ui-dialog-title::BEFORE{content: ""; width: 4px; height: 14px; background-color: #c00c3f; margin-right: 11px; display: inline-block; position: relative;}
.ui-dialog .ui-dialog-title{font-size: 18px; font-weight: 700;}
.ui-draggable .ui-dialog-titlebar{padding: .4em 1em;}
.ui-draggable .ui-widget-header{border:none;border-top: 4px solid #a50034;background:#fff;color:#000;font-size:17px;

-webkit-box-shadow: 3px 3px 2px rgba(0,0,0, .1),0 0 2px rgba(0,0,0, .1);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0, .1),0 0 2px rgba(0,0,0, .1);
box-shadow: 3px 3px 2px rgba(0,0,0, .1),0 0 2px rgba(0,0,0, .1);
font-weight: 100;
z-index: 3;border-radius:0px;}
.ui-widget.ui-widget-content{padding: 0px;}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable{z-index: 999; padding: 0px;}
.ui-dialog .ui-dialog-content{padding: 0px;}
.ui-draggable > .ui-dialog-titlebar>.ui-button>.ui-icon-closethick{margin-top:0px;margin-left:0px;top:0px;left:0px; width:31px;height:31px;background-image: url(../../images/com/btn_close_big_b.png);background-repeat: no-repeat;background-position: center center;}
.ui-draggable > .ui-dialog-titlebar .ui-dialog-titlebar-close{margin-top:-15px;right:.6em; border:none;background: none;width: 31px; height: 31px;}
.ui-draggable > .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
outline: 0;
}

a:focus {
outline: 0;
}
.uppercase{text-transform:uppercase; }





/*tooltip*/
.tooltipster-base{margin-left: 12px;}
.tooltipster-base .tooltipster-box{background-color: #ffffff; border: 1px solid #616161;
-webkit-box-shadow: 3px 3px 2px rgba(0,0,0, .1),0 0 2px rgba(0,0,0, .1);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0, .1),0 0 2px rgba(0,0,0, .1);
box-shadow: 3px 3px 2px rgba(0,0,0, .1),0 0 2px rgba(0,0,0, .1);}
.tooltipster-base .tooltipster-arrow .tooltipster-arrow-border{border-bottom-color:#616161; top: -1px;}
.tooltipster-base .tooltipster-arrow .tooltipster-arrow-background{border-bottom-color: #ffffff; top: 0px;}
.tooltipster-base .tooltipster-box .tooltipster-content{color:#616161; font-size: 12px;}



/*quickmenu*/
#quick_menu{position: fixed; z-index: 300; right: -120px; top: 50%; margin-top: -87px; background-color:#ffffff;
-webkit-box-shadow: -3px 3px 2px rgba(0,0,0, .1),0 0 2px rgba(0,0,0, .1);
-moz-box-shadow: -3px 3px 2px rgba(0,0,0, .1),0 0 2px rgba(0,0,0, .1);
box-shadow: -3px 3px 2px rgba(0,0,0, .1),0 0 2px rgba(0,0,0, .1);
transition: all .3s;
}
#quick_menu.quick_menu_on{right: 0px;  transition: all .3s;}
#quick_menu>ul.quick_title{ width: 100%; height: 42px; display: block; font-size: 0px; background-color:#a60538; background-image: url(../../images/com/fo/header/quick/link_view.png); margin: 0px;}
#quick_menu>.quick_content{display: block; ; border: 1px solid #a60538;   border-right:none;   border-top:none;}
#quick_menu>.quick_content>ul{border-top: 1px dotted #d1d1d1}
#quick_menu>.quick_content>ul:first-child { border-top: none;}
#quick_menu>.quick_content>ul>a{ width: 100px; height: 58px; display: block; font-size: 0px;}
#quick_menu>.quick_content>ul>a:HOVER{opacity:0.7;}
#quick_menu>.quick_content>ul.quick_btn1>a{ background-image: url(../../images/com/fo/header/quick/btn1_now.png);}
#quick_menu>.quick_content>ul.quick_btn2>a{ background-image: url(../../images/com/fo/header/quick/btn2.png);}
#quick_menu>.quick_content>ul.quick_btn3>a{ background-image: url(../../images/com/fo/header/quick/btn3.png);}