@charset "utf-8";

* {-webkit-text-size-adjust:none;}
a, a:link {text-decoration: none; cursor: pointer; }
a:visited {}
a:hover, a:active, a:focus {text-decoration: none;}

/***************기본레이아웃***************/
#wrapper {width:100%; min-width:320px;padding-top:56px;}




/*상단*/
#head {position:fixed; top:0; width:100%; height:56px; z-index:20;}
#head .head_wrap {width:100%; height:56px; background:#476260;}
#head #logo {position:absolute; top:14px; left:50%; margin-left:-55px; text-align:center; z-index:4;}
#head #logo img {width:110px;}
#head .reserv {position:absolute; top:0; right:0; z-index:4;}
#head .reserv a {display:block; width:70px; height:44px; padding-top:12px; text-align:center;color:#fff;font-weight:bold;font-size:11px; background:#43a9a1;}
#head .reserv img {width:22px;margin-bottom:8px;}



/*메뉴*/
#head #mmenu {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
#head #mmenu .on {padding:19px 0 0 15px;}
#head #mmenu .on img {width:21px; height:16px;}

#head #mmenu .category {position:absolute; top:0; left:0; width:100%; height:100%; overflow-y:scroll; z-index: 101;}
#head #mmenu .category .dep2_top{width:100%; height:56px; background:#476260;}
#head #mmenu .category .close {position:absolute; left:15px; top:19px;}
#head #mmenu .category .close img {width:21px;}
#head #mmenu .category ul.cate_area {background:#fff; margin-right:0;}
#head #mmenu .category ul.cate_area li {position:relative; border-top:1px solid #dddddd; width:100%; letter-spacing:-0.08em;}
#head #mmenu .category ul.cate_area li a {display:block; padding-left:20px; font-size:15px; color:#666; background:url(/mobile/img/menu_off.gif) no-repeat right 16px; font-weight:600; height:39px; line-height:39px;}
#head #mmenu .category ul.cate_area li ul {background:#f2f2f2; padding:10px 0; border-top:1px solid #dddddd;}
#head #mmenu .category ul.cate_area li ul li {border-top:none;}
#head #mmenu .category ul.cate_area li ul li a {display:block; padding-left:30px; font-size:15px; color:#444; background:url(/mobile/img/menu_dot.gif) no-repeat 20px 12px; background-size:2px; font-weight:normal; height:26px; line-height:26px;}
#head #mmenu .category ul.cate_area li .close2 {position:absolute; width:100%; top:0; left:0;}
#head #mmenu .category ul.cate_area li .close2 a {background:url(/mobile/img/menu_on.gif) no-repeat right 16px; color:#222;}

#head #mmenu .category .member {display:inline-block; width:100%; text-align:center; padding:15px 0; background:#fff;}
#head #mmenu .category .member p {display:inline-block; padding:0 1px;}
#head #mmenu .category .member p a {display:block; font-size:12px; letter-spacing:-0.08em; font-weight:600; color:#23867e; height:27px; line-height:27px; border:1px solid #eaeaea; border-radius:5px;}
#head #mmenu .category .member p.btn1 a {padding-left:10px; width:78px; background:url(/mobile/img/member_icon1.gif) #f1f8f7 no-repeat 10px 7px; background-size:8px;}
#head #mmenu .category .member p.btn2 a {padding-left:15px; width:88px; background:url(/mobile/img/member_icon2.gif) #f1f8f7 no-repeat 10px 7px; background-size:12px;}
#head #mmenu .category .member p.btn3 a {padding-left:15px; width:100px; background:url(/mobile/img/member_icon3.gif) #f1f8f7 no-repeat 10px 7px; background-size:12px;}

#head #mmenu .category .homep {display:inline-block;width:100%;height:72px;margin-right:0;background:#43a9a1;}
#head #mmenu .category .homep ul {display:table;width:100%;table-layout:fixed;}
#head #mmenu .category .homep ul li {display:table-cell;vertical-align:top;}
#head #mmenu .category .homep ul li a {display:block;width:100%;height:21px;padding-top:50px;border-left:1px solid #69bab4;background-image:url('/mobile/img/siteicon.png');background-repeat:no-repeat;background-size:25px;font-size:10px;color:#c8eae7;font-weight:normal;text-align:center;letter-spacing:-0.06em;word-break:keep-all;}
#head #mmenu .category .homep ul li a.now{background-image:url('/mobile/img/siteicon_on.png');color:#fff;font-weight:600;}
#head #mmenu .category .homep ul li a.type1{background-position:50% 20px;}
#head #mmenu .category .homep ul li a.type2{background-position:50% -46px;}
#head #mmenu .category .homep ul li a.type3{background-position:50% -109px;}
#head #mmenu .category .homep ul li a.type4{background-position:50% -173px;}
#head #mmenu .category .homep ul li a.type5{background-position:50% -237px;}
#head #mmenu .category .homep ul li a.type6{background:url(http://cd.blueone.com/mobile/img/inje_go_icon_off.png) no-repeat center 22px;}
#head #mmenu .category .homep ul li a.type7{background:url(/mobile/img/lux_icon_off.png) no-repeat center 14px;background-size:16px auto !important;}
#head #mmenu .category .homep ul li a.type8{background:url(/mobile/img/wedding_icon_off.png) no-repeat center 20px;background-size:22px auto !important;padding:40px 0 10px 0;}

/* bak20220628
#head #mmenu .category .homep {display:inline-block;width:100%;height:72px;margin-right:0;background:#43a9a1;}
#head #mmenu .category .homep ul li {float:left;width:14.2%;}
#head #mmenu .category .homep ul li a {display:block;width:100%;height:21px;padding-top:50px;border-left:1px solid #69bab4;background-image:url('/mobile/img/siteicon.png');background-repeat:no-repeat;background-size:25px;font-size:10px;color:#c8eae7;font-weight:normal;text-align:center;letter-spacing:-0.06em;word-break:keep-all;}
#head #mmenu .category .homep ul li a.now{background-image:url('/mobile/img/siteicon_on.png');color:#fff;font-weight:600;}
#head #mmenu .category .homep ul li a.type1{background-position:50% 20px;}
#head #mmenu .category .homep ul li a.type2{background-position:50% -46px;}
#head #mmenu .category .homep ul li a.type3{background-position:50% -109px;}
#head #mmenu .category .homep ul li a.type4{background-position:50% -173px;}
#head #mmenu .category .homep ul li a.type5{background-position:50% -237px;}
#head #mmenu .category .homep ul li a.type6{background:url(http://cd.blueone.com/mobile/img/inje_go_icon_off.png) no-repeat center 22px;}
#head #mmenu .category .homep ul li a.type7{background:url(/mobile/img/lux_icon_off.png) no-repeat center 14px;background-size:16px auto !important;}
#head #mmenu .category .homep ul li a.type8{background:url(/mobile/img/wedding_icon_off.png) no-repeat center 20px;background-size:22px auto !important;padding:40px 0 10px 0;} */

/*
#head #mmenu .category .homep{height:72px;}
#head #mmenu .category .homep ul li{width:11.7%;}
#head #mmenu .category .homep ul li a{padding-top:50px;}
#head #mmenu .category .homep ul li a.type5{background-position:50% -237px;}
#head #mmenu .category .homep ul li a.type1{background-position:50% 20px;}
#head #mmenu .category .homep ul li a.type2{background-position:50% -46px;}
#head #mmenu .category .homep ul li a.type3{background-position:50% -109px;}
#head #mmenu .category .homep ul li a.type4{background-position:50% -173px;}
#head #mmenu .category .homep ul li a.type6{background:url(http://cd.blueone.com/mobile/img/inje_go_icon_off.png) no-repeat center 22px;}
#head #mmenu .category .homep ul li a.type7{background:url(/mobile/img/lux_icon_off.png) no-repeat center 14px;background-size:16px auto !important;}
*/


/* bak20170615
#head #mmenu .category .homep {margin-right:52px; background:#43a9a1; height:40px; text-align:center;}
#head #mmenu .category .homep ul {display:inline-block;}
#head #mmenu .category .homep ul li {display:inline-block; float:left; height:40px; line-height:40px; letter-spacing:-1px; background:url(/mobile/img/home_bar.gif) no-repeat right 16px; padding-right:6px; margin-right:5px; background-size:1px;}
#head #mmenu .category .homep ul li.last {background:none; padding-right:0; margin-right:0;}
#head #mmenu .category .homep ul li a {color:#c8eae7; font-weight:normal;}
#head #mmenu .category .homep ul li a.now {color:#fff; font-weight:600;}*/

#mask {position:absolute;display:none;left:0;top:0;background:#000;height:100%; z-index:19;}



/*비주얼*/
.m_visual{position:relative; width:100%; overflow:hidden; height:210px; text-align:center; font-size:0; line-height:0; background:#262b2b;}
.m_visual .visualbg{position:absolute; top:0; left:0; float:left; width:100%; height:210px; margin:0 auto;}
.main_txt {position:absolute; top:48px; width:100%;text-align:center;z-index:1;}
.main_txt img {width:204px;}

/*main visual image 변경*/
.m_visual .bg01{background:url(/mobile/img/mvisual01_1.jpg) center 0 no-repeat; background-size:693px;}
.m_visual .bg02{background:url(/mobile/img/mvisual02_1.jpg) center 0 no-repeat; background-size:693px;}
.m_visual .bg03{background:url(/mobile/img/mvisual03_1.jpg) center 0 no-repeat; background-size:693px;}

.m_visual .controller2{position:absolute; width:100%; text-align:center; left:0; bottom:20px; z-index:2; font-size:0; line-height:0;}
.m_visual .controller2 a{display:inline-block; padding:3px;}
.m_visual .controller2 img {width:11px;}



/*자주찾는메뉴*/
.micon {width:100%; background:#262b2b; height:auto;}
.micon ul {display: flex;flex-wrap: wrap;padding:10px;}
.micon ul li {flex-grow: 1;width:50%; text-align:center; letter-spacing:-0.08em; font-size:14px;}
.micon ul li.icon07{width:100%;}
.micon ul li a {display:block; color:#fff; font-weight:600; height:27px; line-height:27px; padding:9px 0;}
.micon ul li a span {display:inline-block; line-height:27px;}

.micon ul li.icon1 a {border-right:1px solid #3c4141;}
.micon ul li.icon1 a span {padding-left:35px; background:url(/mobile/img/micon01.gif) no-repeat left 2px; background-size:23px;}
.micon ul li.icon2 a span {padding-left:35px; background:url(/mobile/img/micon02.gif) no-repeat left 2px; background-size:24px;}
.micon ul li.icon3 a {border-right:1px solid #3c4141;}
/*.micon ul li.icon3 a span {padding-left:35px; background:url(/mobile/img/micon03.gif) no-repeat left 4px; background-size:23px;}*/
.micon ul li.icon3 a span {padding-left:45px; background:url(/mobile/img/micon03.png) no-repeat 15px 4px; background-size:23px;}
.micon ul li.icon3 a {border-bottom:1px solid #3c4141;}
.micon ul li.icon4 a span {padding-left:35px; background:url(/mobile/img/micon04.gif) no-repeat left 4px; background-size:28px;}
.micon ul li.icon4 a {border-bottom:1px solid #3c4141;}
.micon ul li.icon5 a {border-top:1px solid #42403f; padding:9px 0 4px;}
.micon ul li.icon5 a span {padding-left:35px; background:url(/mobile/img/micon05.png) no-repeat left 4px; background-size:25px;}
.micon ul li.icon6 a {border-top:1px solid #3f4142; padding:9px 0 4px;}
.micon ul li.icon6 a span {padding-left:31px; background:url(/mobile/img/micon06.gif) no-repeat left 2px; background-size:22px;}
.micon ul li.icon07 a{border-top:1px solid #3f4142; padding:9px 0;}
.micon ul li.icon07 a span{padding-left:35px; background:url(/mobile/img/main_kakao.png) no-repeat left 50%;background-size:25px auto;}



/*블루원 이벤트&스케치*/
#con1 {width:100%;}
#con1 .box {width:100%; height:97px; text-align:center;}
#con1 .box a {display:block; width:100%; height:97px;}
#con1 .box.bg1 {background:url(/mobile/img/con_bg01.jpg) no-repeat center top; background-size:100%; border-bottom:1px solid #262b2b;}
#con1 .box.bg2 {background:url(/mobile/img/con_bg02.jpg) no-repeat center top; background-size:100%;}

#con1 .box dl dt {color:#fff; font-weight:600; font-size:15px; padding-top:27px; letter-spacing:-0.08em;}
#con1 .box dl dt img {width:8px; vertical-align:top; padding-top:6px; padding-left:5px;}
#con1 .box dl dd {padding-top:7px; letter-spacing:-0.04em;}
#con1 .box a dl dd {font-size:12px; color:#babbb4;}



/*이벤트*/
.mevent{background:#f4f3f1 url('/mobile/img/con_bg01.jpg') no-repeat 50% 0; background-size:1000px;}
.mevent .box{position:relative; max-width:640px;padding:15px 0;margin:0 auto;}
.slider {margin:0 20px;}
.slick-slide{ width: 100%;padding:5px;}
.slick-slide img {width: 100%;}
.slick-prev,
.slick-next{width:10px!important;z-index:9;}
.slick-prev{left:-15px!important;}
.slick-next{right:-15px!important;}


/*블루원공지사항&조인&명예의전당*/
#con2 {width:100%;}
#con2 .box {width:100%; height:45px;}
#con2 .box a {display:block; width:100%; height:45px;}
#con2 .bg1 {background:#5c7371;}
#con2 .bg2 {background:#4e6261;}
#con2 .bg3 {background:#3e504f;}

#con2 .box dl dt {float:left; line-height:45px; padding-left:15px; width:86px; color:#fff; font-weight:600; font-size:14px; letter-spacing:-0.08em;}
#con2 .box dl dd {padding-right:15px; height:45px;}
#con2 .box a dl dd {font-size:12px; line-height:45px; color:#bec7c6;}
#con2 .box dl dd span {float:right; padding-top:19px;}
#con2 .box a dl dd span {font-size:0; line-height:0;}
#con2 .box dl dd span img {width:8px;}


/*하단*/
#foot {width:100%; height:132px; background:url(/mobile/img/foot_bg.jpg) no-repeat center top; background-size:100%;}
#foot .fmenu {margin:0 10px; border-bottom:1px solid #3d4141; text-align:center;}
#foot .fmenu ul {display:inline-block; padding:20px 0 10px 0;}
#foot .fmenu ul li {display:inline; margin-right:7px; padding-right:11px; background:url(/mobile/img/foot_dot.gif) no-repeat right 7px; background-size:2px;}
#foot .fmenu ul li.last {background:none; margin-right:0; padding-right:0;}
#foot .fmenu ul li a {color:#acaeae; font-size:12px; font-weight:600;}

#foot .finfo {text-align:center; letter-spacing:-0.02em;}
#foot .finfo address {color:#828684; font-size:11px; padding-top:15px; line-height:16px;}
#foot .finfo cite {color:#5f615f; font-size:9px; padding-top:5px;}


/*서브메뉴*/
#smenu {position:relative; width:100%; height:39px; border-bottom:1px solid #dddddd; z-index:2;}
#smenu .tit {width:100%; height:39px; text-align:center;}
#smenu .tit a {display:block; height:39px; line-height:39px; font-size:16px; font-weight:600; color:#476260; background:url(/mobile/img/smenu_off.gif) #fff no-repeat right 17px; background-size:26px;}

#smenu .smenu_area {position:absolute; top:39px; left:0; width:100%;}
#smenu .smenu_area .close {position:absolute; top:-39px; left:0; width:100%; height:39px; text-align:center;}
#smenu .smenu_area .close a {display:block; height:39px; line-height:39px; font-size:16px; font-weight:600; color:#476260; background:url(/mobile/img/smenu_on.gif) #fff no-repeat right 17px; background-size:26px;}
#smenu .smenu_area ul {background:#f3f6f6;}
#smenu .smenu_area ul li {width:100%; border-top:1px solid #ddd; height:35px; background:url(/mobile/img/smenu_arrow.gif) no-repeat right 14px; background-size:21px;}
#smenu .smenu_area ul li a {display:block; height:35px; line-height:35px; font-size:13px; color:#3b4b4a; letter-spacing:-0.08em; padding-left:36px; background:url(/mobile/img/smenu_bar.gif) no-repeat 20px 17px; background-size:6px;}

#smenu .smenu_area .close2 {width:100%; text-align:right;}
#smenu .smenu_area .close2 a {display:block; padding-right:34px; background:url(/mobile/img/smenu_close.png) #43a9a1 no-repeat right 13px; background-size:25px; height:36px; line-height:36px; color:#fff; font-weight:600; font-size:13px;}


/* sns */
.page_btn .barea ul{display: flex;gap: 5px;justify-content: center;align-items: center;margin: 15px 0;}
.page_btn .barea ul li a{display: block;width:28px;height:28px;border-radius:5px;overflow:hidden;}
.page_btn .barea ul li a img{width:100%;height:100%;object-fit:fill;}


/*내용영역*/
#cont_wrap {padding:20px 0 30px 0; font-size:12px;}
.cont_box{padding-left:15px; padding-right:15px;}
#cont_wrap.cont_box {padding:20px 15px 30px 15px;}


/* 이벤트 공통 */
a.main_event{position:relative;display:inline-block;width:200px;height:210px;line-height:100% !important;font-weight:600;padding-left:30px;font-family:'NanumGothic','나눔고딕', 'Nanum Gothic', 'NanumGothicWeb', sans-serif;text-align:left;vertical-align:middle;}
a.main_event .event_imgw{position:absolute;top:0;left:0;}
a.main_event .event_txt{position:relative;font-size:15px;letter-spacing:-1.5px;padding-top:20px;color:#456d6a;line-height:18px;}
a.main_event .event_tit{position:relative;font-size:23px;letter-spacing:-1.5px;padding-top:5px;word-break:keep-all;line-height:27px;color:#456d6a;font-weight:600;}
a.main_event .event_info{position:relative;font-size:13px;letter-spacing:-1px;padding-top:8px;color:#666;line-height:18px;}
a.main_event:hover{text-decoration:none;}

.moviemovie1107{width:100%;height:auto;}

/* 레이어 팝업 */

.m_popup {
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 10;
    text-align: center;
	width:100%;
}

.m_popup img {
    max-width: 100%;
}

.m_popup .btn_wrap {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    background: #333;
}

.m_popup .btn_wrap a {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.m_popup .popup {
    position: relative;
    /* border-top: 1px solid #dbdbdb; */
	width:100%;
}

.m_popup .popup .popup_right {
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    background: #fff;
}

.m_popup .popup .popup_right ul {
    display: inline-block;
}

.m_popup .popup .popup_right ul li {
    margin-top: 5px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    vertical-align: middle;
}

.m_popup .popup .popup_right ul li input {
    vertical-align: middle;
}

.m_popup .popup .popup_right ul li.button {
    margin-top: 0;
    margin-left: 10px;
    vertical-align: middle;
}

.m_popup .popup .popup_right ul li.button input {
    margin-top: 0;
    vertical-align: middle;
    display: block;
    padding: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border: 0;
    background: #828282;
}

div.popimg a{display: block;width: 100%;height: auto;margin:0;padding:0;}

/********************모바일********************/
@media(max-width:736px){
.mmimg_w{top:0 !important; left:0 !important;}
.mmimg_w,
.mmimg_in,
.mmmimg,
.mmmimg p,
.mmmimg img{width:100% !important;height:auto !important;}
}
div.popup {clear:both; position:relative; float:left; margin:0; padding:0;}
div.popimg a{display: block;width: 100%;height: auto;}
div.popimg a img{width:100%;} 
div.popup_right {width:100%;}
div.popup_right ul li {float:left; font-size:0.9em; letter-spacing:-0.1em; /* padding-bottom:10px; */ }
div.popup_right ul li.button {float:left; font-size:1em; letter-spacing:-0.1em;}