@import url("common.css");

/* Main Visual */

section#main_layer_01 { position: relative; width: 100%; height: 500px; z-index: 0; }
section#main_layer_01 .pager { position: absolute; bottom: 18px; right: 50%; }
section#main_layer_01 .pager btn_page { width: 11px; height: 11px; margin: 7px 0 0 4px; border: none; background: url("/lohas/images/main/slide_off.png"); }
section#main_layer_01 .pager btn_page.on { width: 32px; height: 12px; margin-top: 6px; background: url(/lohas/images/main/slide_on.png); }

.mainSl li { height: 500px; width: 100%; }
.mainSl li a { display: block; width: 1000px; height: 500px; margin: 0 auto; }
.mainSl li.img01 {background-image:url('/lohas/images/main/visual_01.jpg'); background-repeat:no-repeat; background-position:center;}
.mainSl li.img02 {background-image:url('/lohas/images/main/visual_02.jpg'); background-repeat:no-repeat; background-position:center;}
.mainSl li.img03 {background-image:url('/lohas/images/main/visual_03.jpg'); background-repeat:no-repeat; background-position:center;}

.bx-mainSl .bx-controls { position: relative; }
.bx-mainSl .bx-controls .bx-pager{position:absolute; top: -29px; right: 50%; z-index:99; margin-right:-45px;}
.bx-mainSl .bx-controls .bx-pager .bx-pager-item{display:inline-block; margin:0 2px; z-index:99;}
.bx-mainSl .bx-pager.bx-default-pager a { background-image:url('/lohas/images/main/slide_off.png'); width: 11px; height: 11px; display:block; }
.bx-mainSl .bx-pager.bx-default-pager a.active { background-image: url('/lohas/images/main/slide_on.png'); width: 12px; height: 12px; display: block; }

.main_link_cafe { position: absolute; display: block; top: 120px; left: 50%; width: 274px; height: 274px; margin-left: 220px; background-image: url("/lohas/images/main/ban_cafe.png"); z-index: 199; }
.main_link_cafe .btn.X { position: absolute; display: block; width: 24px; height: 24px; top: 8px; right: 25px; }
.main_link_cafe .btn.cafe { position: absolute; display: block; width: 128px; height: 34px; bottom: 30px; left: 73px; }
.main_link_cafe .btn:hover { cursor: pointer; }

.main_link_month { position: absolute; display: block; top: 120px; left: 50%; width: 274px; height: 274px; margin-left: 220px; background-image: url("/lohas/images/main/ban_month.png"); z-index: 199; }
.main_link_month .btn.X { position: absolute; display: block; width: 24px; height: 24px; top: 8px; right: 25px; }
.main_link_month .btn.month { position: absolute; display: block; width: 128px; height: 34px; bottom: 48px; left: 73px; }
.main_link_month .btn:hover { cursor: pointer; }

section#main_layer_02 { position: relative; width: 100%; height: 358px; }
section#main_layer_02 ul { width: 1000px; height: 100%; margin: 0 auto; }
section#main_layer_02 ul li { float: left; position: relative; width: 167px; height: 200px; margin-top: 78px; }
section#main_layer_02 ul li span { display: block; position: absolute; width: 100%; height: auto; bottom: 0; text-align: center; font-size: 18px; font-weight: 600; }
section#main_layer_02 ul li a { display: block; width: 100%; height: 100%; color: #000; }
section#main_layer_02 ul li.sc01 {  margin:78px 32px 0 36px; background: url("/lohas/images/main/main_layer02_sc01.png") no-repeat }
section#main_layer_02 ul li.sc02 { margin-right: 32px; background: url("/lohas/images/main/main_layer02_sc02.png") no-repeat }
section#main_layer_02 ul li.sc03 { margin-right: 32px; background: url("/lohas/images/main/main_layer02_sc03.png") no-repeat }
section#main_layer_02 ul li.sc04 { margin-right: 32px; background: url("/lohas/images/main/main_layer02_sc04.png") no-repeat }
section#main_layer_02 ul li.sc05 { background: url("/lohas/images/main/main_layer02_sc05.png") no-repeat }

section#main_layer_03 { position: relative; width: 100%; height: 466px; padding: 50px 0; background: #f9f9f9; }
section#main_layer_03 .cont_area { position: relative; width: 1000px; height: 100%; margin: 0 auto; }
section#main_layer_03 .cont_area .sec_01 { position: absolute; width: 688px; height: 100%; top: 0; left: 0; }
section#main_layer_03 .cont_area .sec_01 li { float: left; width: 339px; height: 133px; }
section#main_layer_03 .cont_area .sec_01 li.sc01 { background: url("/lohas/images/main/main_layer03_sc01.png") no-repeat; margin: 0 10px 10px 0; }
section#main_layer_03 .cont_area .sec_01 li.sc02 { background: url("/lohas/images/main/main_layer03_sc02.png") no-repeat; margin: 0 0 10px 0; }
section#main_layer_03 .cont_area .sec_01 li.sc03 { background: url("/lohas/images/main/main_layer03_sc03.png") no-repeat; margin: 0 10px 10px 0; }
section#main_layer_03 .cont_area .sec_01 li.sc04 { background: url("/lohas/images/main/main_layer03_sc04.png") no-repeat; margin: 0 0 10px 0; }
section#main_layer_03 .cont_area .sec_01 li.sc05 { background: url("/lohas/images/main/main_layer03_sc05.png") no-repeat; margin: 0 10px 10px 0;}
section#main_layer_03 .cont_area .sec_01 li.sc06 { background: url("/lohas/images/main/ban-month.png") no-repeat; margin: 0 0px 10px 0;}


section#main_layer_03 .cont_area .sec_02 { position: absolute; width: 272px; height: 100%; top: 0; right: 0; }
section#main_layer_03 .cont_area .sec_02 .sec_tit { position: relative; width: 100%; height: 40px; border-bottom: 1px solid #e5e5e5; }
section#main_layer_03 .cont_area span.tit { font-size: 20px; font-weight: 600; color: #000; }
section#main_layer_03 .cont_area .sec_02 .sec_list { position: relative; width: 100%; height: 115px; margin: 20px 0 30px; }
section#main_layer_03 .cont_area .sec_02 .sec_list li { width: 100%; height: 24px; line-height: 24px; overflow: hidden; list-style-type: disc; }
section#main_layer_03 .cont_area .sec_02 .sec_list a { color: #707070; }
section#main_layer_03 .cont_area .sec_02 .sec_list li span { display: inline-block; height: 24px; }
section#main_layer_03 .cont_area .sec_02 .sec_list li span.nm { width: 190px; }
section#main_layer_03 .cont_area .sec_02 .sec_list li span.amt { width: 125px; }
section#main_layer_03 .cont_area .sec_02 .sec_list li span.dt { width: 75px; color: #b0b0b0; }
section#main_layer_03 .cont_area .sec_02 .sec_deadline { width: 100%; height: 38px; padding-top: 32px; background: url("/lohas/images/main/dead-line.png") no-repeat top center; }
section#main_layer_03 .cont_area .sec_02 .sec_deadline .time_info { display: block; width: 100%; text-align: center; font-size: 39px; font-weight: 600; color: #cf0909; }
section#main_layer_03 .main_layer03_sc05 {width: 689px;height: 180px; object-fit: contain;background: url("/lohas/images/main/main_layer03_sc05.png")}

section#main_layer_04 { position: relative; width: 100%; height: 263px; padding: 52px 0 60px; background: #f9f9f9; }
section#main_layer_04 .cont_area { position: relative; width: 1000px; height: 100%; margin: 0 auto; }
section#main_layer_04 .cont_area .sec_tit { position: relative; width: 100%; height: 40px; }
section#main_layer_04 .cont_area span.tit { font-size: 20px; font-weight: 600; color: #000; }  
section#main_layer_04 .cont_area .sec_cont { width: 100%; height: 100%; }
section#main_layer_04 .cont_area .sec_01 { float: left; width: 580px; height: 263px; margin-right: 37px; }
section#main_layer_04 .cont_area .sec_01 a { display: block; width: 100%; height: 100%; }

section#main_layer_04 .cont_area .sec_01 .bx-Bansl li { width: 580px; height: 263px; width: 100%; }
section#main_layer_04 .cont_area .sec_01 .bx-Bansl li.ban01 {background-image:url('/lohas/images/main/event_banner01.gif'); }
section#main_layer_04 .cont_area .sec_01 .bx-Bansl li.ban02 {background-image:url('/lohas/images/main/event_banner01.gif'); }
section#main_layer_04 .cont_area .sec_01 .bx-Bansl li.ban03 {background-image:url('/lohas/images/main/event_banner01.gif'); }
section#main_layer_04 .cont_area .sec_01 .bx-Bansl .bx-controls { position: relative; }
/*
section#main_layer_04 .cont_area .sec_01 .bx-Bansl .bx-controls .bx-pager{position:absolute; top: -248px; right: 44px; z-index:99; margin-right:-45px;}
section#main_layer_04 .cont_area .sec_01 .bx-Bansl .bx-controls .bx-pager .bx-pager-item{display:inline-block; margin:0 2px; z-index:99;}
section#main_layer_04 .cont_area .sec_01 .bx-Bansl .bx-pager.bx-default-pager a { width: 9px; height: 9px; display:block; background: #e5e5e5; }
section#main_layer_04 .cont_area .sec_01 .bx-Bansl .bx-pager.bx-default-pager a.active { background: #c1262c; }
*/

section#main_layer_04 .cont_area .sec_02 { float: left; width: 378px; height: 100%; }
section#main_layer_04 .cont_area .sec_02 .sec_tit { border-bottom: 1px solid #e5e5e5; }
section#main_layer_04 .cont_area .sec_02 .np_area { width: 100%; height: 126px; overflow: hidden; }
section#main_layer_04 .cont_area .sec_02 .np_area .np_top { width: 100%; height: 56px; overflow: hidden; }
section#main_layer_04 .cont_area .sec_02 .np_area .np_top > span { display: table-cell; height: 56px; vertical-align: middle; line-height: 24px; }
section#main_layer_04 .cont_area .sec_02 .np_area .np_top a { color: #000; font-size: 16px; font-weight: 600; vertical-align: middle; }
section#main_layer_04 .cont_area .sec_02 .np_area > span { line-height: 17px; font-size: 12px; font-weight: normal; color: #707070; }
section#main_layer_04 .cont_area .sec_02 ul { width: 100%; height: 96px; }
section#main_layer_04 .cont_area .sec_02 li { display: list-item; width: 100%; height: 24px; line-height: 24px; overflow: hidden; list-style: disc; list-style-position: inside; }
section#main_layer_04 span.new { display: inline-block; height: 12px; line-height: 12px; margin-left: 6px; padding: 0 6px; background: #c1262c; color: #fff; font-size: 9px; font-family: dotum; font-weight: normal; vertical-align: middle; }

section#main_layer_05 { position: relative; width: 100%; height: 429px; background: url("/lohas/images/main/main_layer05_bg.jpg") no-repeat center center; }


/*** main-link contents ***/
section#mainWrap { width: 1000px; margin: 0 auto; padding: 60px 0 40px; }
section#mainWrap h1.pageTitle { font-weight: 600; font-size: 36px; }
section#mainWrap h1.bbsTitle { background: url("/lohas/images/sub/bbs_tit_bg.png") no-repeat right 33px; }
section#mainWrap h1.bbsTitle span.tit_text { display: inline-block; font-weight: 600; font-size: 36px; }
section#mainWrap h1.bbsTitle span.tit_subtext { display: inline-block; font-weight: normal; font-size: 16px; color: #808080; }
section#mainWrap p { text-indent: 22px; height: 22px; line-height: 22px; font-size: 18px; font-weight: 600; color: #303030; }
section#mainWrap td select { height: 32px; border: 1px solid #ccc; }
section#mainWrap td input, select, textarea { color: #707070; }
section#mainWrap input, label, select, button { vertical-align: middle; }
section#mainWrap input + label { margin-right: 20px; }

/* ÀÌÀ¯½Ã±âº° Á¶¾ð */
section#mainWrap .monthWrap { width: 100%; height: 176px; margin-bottom: 60px; }
section#mainWrap .monthWrap li { float: left; width: 184px; height: 176px; margin-right: 20px; cursor: pointer; }
section#mainWrap .monthWrap li:after { display: block; content: ""; clear: both; }
section#mainWrap .monthWrap li:last-child { margin-right: 0; }

section#mainWrap .recommWrap { width: 100%; background-size: 1000px auto; }
section#mainWrap .recommWrap.step01 { height: 855px; background: url("/lohas/images/main/recomm01.png") no-repeat; }
section#mainWrap .recommWrap.step02 { height: 797px; background: url("/lohas/images/main/recomm02.png") no-repeat; }
section#mainWrap .recommWrap.step03 { height: 812px; background: url("/lohas/images/main/recomm03.png") no-repeat; }
section#mainWrap .recommWrap.step04 { height: 920px; background: url("/lohas/images/main/recomm04.png") no-repeat; }
section#mainWrap .recommWrap.step05 { height: 958px; background: url("/lohas/images/main/recomm05.png") no-repeat; }

/* Footer */
#wrap footer { position: relative; display: inline-block; width: 100%; font-size: 12px; letter-spacing: 0; }
#wrap footer section#foot_banner { position: relative; width: 100%; height: 120px; border-bottom: 1px solid #ececec; margin: 0 auto; background: #f9f9f9 url("/lohas/images/main/footer_banner.gif") no-repeat center center; }
#wrap footer section#foot_banner ul { width: 1000px; margin: 0 auto; }
#wrap footer section#foot_banner li { float: left; width: 20%; height: 26px; margin-top: 47px; text-align: center; }
#wrap footer section#bottom { position: relative; width: 1000px; height: 150px; margin: 0 auto; background: url("/lohas/images/main/foot_logo.png") no-repeat 30px 50px; background-size: 117px; }
#wrap footer section#bottom .addr_area { position: absolute; top: 35px; left: 210px; }
#wrap footer section#bottom .addr_area p { height: 18px; line-height: 18px; color: #707070; }
#wrap footer section#bottom .addr_area p.copyright { margin-top: 6px; font-size: 10px; color: #aaaaaa; }
#wrap footer section#bottom .cert_area { position: absolute; top: 50px; right: 0; }
#wrap footer section#bottom .cert_area img { float: left; margin-left: 6px; }