@charset "utf-8";
/* CSS Document */
.box0{ width:1700px; max-width:96%; margin:0 auto;}
.box1{ width:1280px; max-width:96%; margin:0 auto;}
.box2{ width:1400px; max-width:96%; margin:0 auto;}
.box3{ width: 986px; max-weight: 96%; margin: 0 auto;}

html:not(.pop) body{ min-height:100vh; min-height:calc(var(--vh, 1vh) * 100)}

.pcHide{ display:none !important;}
.moHide{}

.gnb li.m_hide{ display:none}
.gnb .layer{ display:none !important;}
.gnb > li .dp1{ font-family:'Josefin Sans','Pretendard','Noto Sans KR',sans-serif;}

.fullH{ height:calc(100vh); box-sizing:border-box;}
.fullMH{ min-height:calc(100vh) !important; box-sizing:border-box;}

.headT{ padding-top:calc(8em);}
.wrapHide{ height:4.5em;}
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{ height:8em; transition:height .2s;}
.stickyT{ position:sticky; top:4.5em;}

.filW{ filter:brightness(0) invert(1);}
.filB{ filter:brightness(0) invert(0);}

/*header*/
#header{ position:fixed; z-index:999; top:0; left:0; width:100%;}
#header > .inner{ color:#fff;}
#header .logo,
#header .util{ width:14em;}
#header .logo .in{ flex:1; transition:.2s; transform-origin:left center;}
#header .logo img{ width:100%;}

#header .gnb_wrap .gnb > li{ overflow:hidden;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 2.5em;}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:1.25em; right:1.25em; bottom:0; height:1px; background:#fff; transform:scaleX(0); transition:.3s;}
#header .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.188em; text-transform:uppercase;}
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ transform:scaleX(1);}
#header .gnb_wrap .gnb > li .dp2{ display:block;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ display:block; padding:.5em 0;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:1.063em;}
#header .gnb_wrap .gnb > li .dp2 > li.act > a{ color:#3c9a8c;}

#header .all_wrap{ color:#000;}
#header .all_wrap .all{ width:4.5em;}
#header .all_wrap .all_btn{ position:relative; display:block; width:2.5em; height:1.125em; margin-left:auto;}
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:2px; background:#fff; transition:.2s, background 0s;}
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0;}
#header .all_wrap .all_btn .ham:before{ top:calc(50% - 1px); width:75%;}
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:88%;}
#header .all_wrap .all_btn:hover .ham:before{ width:100%;}
#header .all_wrap .all_btn:hover .ham:after { width:100%;}

#header .all_wrap .all_layer{ position:fixed; z-index:-1; top:0; left:0; width:100%; height:100vh; background:#fff; opacity:0; visibility:hidden;}
#header .all_wrap .all_layer .all_inner{ width:100%; height:100%;}
#header .all_wrap .all_layer .all_inner > .wrap_bg{ width:40%; overflow:hidden;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ flex:1; padding:14vh 8em 3em; overflow:hidden;}
#header .all_wrap .all_layer .wrap_bg{ background-color:#000; color:#111;}
#header .all_wrap .all_layer .wrap_bg .slogan{ flex:1; padding:1em 2em 22vh; opacity:0; transform:scale(1.2);}
#header .all_wrap .all_layer .wrap_bg .slogan .all_logo img{  width:12em;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit{ margin-top:4.5em;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit .t1{ font-size:3.375em; font-weight:300; line-height:1;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit .t2{ font-size:1.500em; margin-top:1em;}

#header .all_wrap .all_layer .wrap_middle{ opacity:0; transform:translateY(2em);}
#header .all_wrap .all_layer .wrap_middle .gnb{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb li a{ position:relative;}
#header .all_wrap .all_layer .wrap_middle .gnb > li + li{ margin-top:4.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1{ display:inline-block; text-align:left !important;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1:before{ content:""; position:absolute; left:-1em; top:-.25em; width:.5em; height:.5em; background:#000; border-radius:50%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:2.375em; font-weight:400; font-style:italic}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2{ margin-top:2em; align-items:center;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after{ content:""; margin:0 1.5em; width:1px; height:1em; background:rgba(0,0,0,.2);}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in{}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size:1.188em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a{ color:#3c9a8c;}

.allGnbOn{ overflow-y:hidden}
.allGnbOn body{ overflow-y:scroll}
.allGnbOn #header .all_wrap .all_btn{ z-index:999; position:fixed; top:2em; right:3em; width:3.5em; height:3.5em;}
.allGnbOn #header .all_wrap .all_btn .ham{ background:transparent !important; transition:0s;}
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; background:#000;}
.allGnbOn #header .all_wrap .all_btn .ham:before{ transform:rotate(45deg);}
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg);}
.allGnbOn #header .all_wrap .all_layer{ z-index:99; opacity:1; visibility:visible;}
.allGnbOn #header .all_wrap .all_layer .wrap_bg .slogan{ opacity:1; transform:scale(1); transition:1s; transition-delay:.4s;}
.allGnbOn #header .all_wrap .all_layer .wrap_middle{ opacity:1; transform:translate(0); transition:1s; transition-delay:.2s;}

.scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1{ height:4.5em;}
.scroll #header .logo .in{ transform:scale(.9);}

#header.active{ background:#fff;}
#header.active > .inner{ color:#000;}
#header.active .logo .in{ filter:brightness(0) invert(0);}
#header.active .all_wrap .all_btn .ham,
#header.active .all_wrap .all_btn .ham:before,
#header.active .all_wrap .all_btn .ham:after { background:#000;}
#header.active .gnb_wrap .gnb > li .dp1:after{ background:#000;}
#header.gnbOpen .gnb_wrap .gnb > li{ height:auto;}
#header.gnbOpen .gnb_wrap .gnb > li .dp2{ padding:2em 0 3em 0; transition:.2s;}


/*footer*/
.main #footer{ position:relative;}
#footer{ background:#000; color:#fff;}
#footer .footer_wrap{ gap:2em; padding:4em 0;}
#footer .footer_wrap .info{ flex:1; gap:.75em 2em;}
#footer .footer_wrap .info > li{}
#footer .footer_wrap .info > li .tt{ font-size:1.063em; font-weight:300;}
#footer .footer_wrap .info > li:not(.tit) .tt{ opacity:.7;}
#footer .footer_wrap .info .tit,
#footer .footer_wrap .info .copy{ width:100%;}
#footer .footer_wrap .info .tit .tt{ font-weight:500;}
#footer .footer_wrap .info .copy{ margin-top:2.5em;}
#footer .footer_wrap .info .copy .tt{ font-size:.875em; text-transform:uppercase; opacity:.4 !important;}
#footer .footer_wrap .menu{ padding:0 2em; text-align:right;}
#footer .footer_wrap .menu > li .in{ position: relative; display:block; padding:.375em 0;}
#footer .footer_wrap .menu > li .in .tt{ font-size:1.063em;}
#footer .footer_wrap .info > .logo{ margin-bottom: 1em;}
#footer .footer_wrap .info > .logo > img{ width: 50%;}
#footer .footer_wrap .menu > li .in > i{ position: absolute; padding-left: .5em;}
#footer .footer_wrap .menu > li .in:hover .tt{ text-decoration:underline;}

/*contents*/
#contents{}
#contents .sub_page_top{ position:relative;}
#contents .sub_page_top .bg{ position:relative; height:36em;}
#contents .sub_page_top .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,.5) 40%,rgba(0,0,0,.2) 100%);}

#contents .sub_tit_wrap{ position:absolute; top:0; left:0; width:100%; height:100%; padding:8em 0 6em; color:#fff;}
#contents .sub_tit_wrap .sub_tit{ flex:1;}
#contents .sub_tit_wrap .sub_tit .tt{}
#contents .sub_tit_wrap .sub_tit .t1{ font-size:1.625em; font-weight:300; margin-bottom:1em;}
#contents .sub_tit_wrap .sub_tit .t2{ font-size:3.750em; font-weight:600;}

#contents .sub_tit_wrap .sub_menu{ position:relative;}
#contents .sub_tit_wrap .sub_menu .nav .nav_in:not(.home):before{ content:"\e940"; font-family:xeicon; margin:0 .5em;}
#contents .sub_tit_wrap .sub_menu .nav .nav_in .tt{ font-size:1.125em; font-weight:500;}
#contents .sub_tit_wrap .sub_menu .nav .menu .nav_in .xi{ margin-left:1em;}
#contents .sub_tit_wrap .sub_menu .nav .gnb{ position:relative; z-index:-1; display:block; color:#000; opacity:0; visibility:hidden;}
#contents .sub_tit_wrap .sub_menu .nav .gnb .dp2{ display:block; position:absolute; top:100%; right:0; width:10em; margin-top:1em; padding:1.5em 0; background:#fff; box-shadow:0 2px .5em rgba(,0,0,0,.15); border-radius:.5em;}
#contents .sub_tit_wrap .sub_menu .nav .gnb .dp2 li a{ display:block;}
#contents .sub_tit_wrap .sub_menu .nav .gnb .dp2 > li > a{ padding:.5em .5em;}
#contents .sub_tit_wrap .sub_menu .nav .gnb .dp2 > li > a:hover{ text-decoration:underline;}

#contents .sub_tit_wrap .sub_menu .nav .menu.on .nav_in .xi{ transform:rotate(-180deg);}
#contents .sub_tit_wrap .sub_menu .nav .menu.on .gnb{ z-index:2; opacity:1; visibility:visible;}

#contents .doc{ padding:6em 0 10em 0;}
#contents .doc.pd{ padding: 6em 0 0 0;}
.subLayout #contents .doc{ padding:0 0;}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}

/*SUB PAGE*******************/
/*inc*/
.page_con{ padding:6em 0;}
.page_con:last-child{ padding-bottom:10em;}
.page_con.bg1{ position:relative;}
.page_con.bg1:before{ content:""; z-index:-1; position:absolute; top:0; right:0; width:40%; height:100%; background:#f5f5f5;}
.page_con.bg1.bgL:before{ right:auto; left:0; width:60%;}


.page_txt:not(:last-child){ margin-bottom:3em;}
.page_txt .tit.icon{ position:relative; display:inline-block;}
.page_txt .tit.icon:before{ content:""; position:absolute; top:-.5em; left:-1em; width:.75em; height:.75em; background:#000; border-radius:50%;}

.page_txt .tit + .tit{ margin-top:1em;}
.page_txt .tit + .txt{ margin-top:2em;}
.page_txt > .txt{ margin-top:2em;}
.page_txt > .txt:first-child{ margin-top:0;}

.page_txt .line{ display:block; width:1px; height:2px; background:#000;}
.page_txt .line.w{ width:2.25em; margin:1.75em 0;}
.page_txt .line.h{ height:1.5em; margin:1.5em .125em;}
.page_txt .line:first-child{ margin-top:0;}
.page_txt .line + .tit,
.page_txt .line + .txt{ margin-top:0;}
.ac .page_txt .line,
.page_txt.ac .line{ margin-left:auto; margin-right:auto;}

.page_txt .mark{ margin-bottom:3em;}
.page_txt .mark img{ width:5em;}

.page_txt > .ico + *{ margin-top:1em;}
.page_txt > .ico img{ width:2.25em;}

.page_txt.c_white .tit.icon:before{ background:#fff;}
.page_txt.c_white .line{ background:#fff;}

.page_cover{ position:relative; overflow:hidden;}
.page_cover .cover_bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transition:.6s;}
.page_cover .cover_bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,.5) 40%,rgba(0,0,0,.3) 100%); background-attachment:fixed;}
.page_cover .cover_inner{ position:relative; height:100%; padding:8em 0;}
.page_cover .cover_inner > .wrap_in{ flex:1;}
.page_cover .cover_inner > .wrap_in.w1{ max-width:50%;}
.page_cover.h1{ height:85vh;}

.page_cover.ani .cover_bg{ transform:scale(.8); opacity:0; border-radius:10em; transition:1s, transform 2s;}
.load .page_cover.ani .cover_bg{ transform:scale(1); opacity:1; border-radius:0;}

.page_list{}
.page_list > .list{}
.page_list > .list > li{ flex:1;}
.page_list > .list > li .wrap_in{ flex:1; position:relative;}
.page_list > .list > li .wrap_in .bg{ overflow:hidden; filter:grayscale(0); transition:.2s}
.page_list > .list > li .wrap_in .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); backdrop-filter:blur(0); transition:.2s}
.page_list > .list > li .wrap_con{ flex:1; position:relative; padding:1em 1em;}
.page_list > .list > li .wrap_in:hover .bg{ filter:grayscale(1);}
.page_list > .list > li .wrap_in:hover .bg:before{ background:rgba(0,0,0,.45); backdrop-filter:blur(.2em);}

.page_list.st1 > .list{ gap:1.5em 1.5em;}
.page_list.st1 > .list > li .wrap_con{ padding:8em 1em;}

.page_col{ gap:2em 6em;}
.page_col > li{}
.page_col > li.w1{ width:40%;}
.page_col + .page_col{ margin-top:8em;}
.page_col > li .p1{ padding:3em 0 4em 0;}
.page_col > li .wrap_img{ position:relative; height:100%;}
.page_col > li .wrap_img.w1{ width:80%; margin:0 auto;}
.page_col > li .svg_circle{ position:absolute; top:0; left:0; width:18em; transform:translate(-50%,-50%);}
.page_col > li .svg_circle .svg_tt{ font-family:'Josefin Sans','Pretendard','Noto Sans KR',sans-serif; font-size:1.875em;}

.rotateAni{ animation:rotateAni 8s linear infinite;}
@keyframes rotateAni{
100% { transform:rotate(360deg);}
}


/*인사말*/
.page_greetings .page_col .mov_wrap{ margin-top:-15em;}

/*오시는 길*/
.page_location{ position:relative; padding-bottom:10em;}
.page_location .wrap_bg{ position:absolute; left:0; bottom:0; width:100%; height:50%;}
.page_location .wrap_bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.page_location > .inner{ position:relative;}
.page_location .list{ gap:1em 1em;}
.page_location .list > li{ flex:1; text-align:center;}
.page_location .list > li .in{ flex:1;}
.page_location .list > li + li .in{ padding-left:1em; border-left:1px solid #ddd;}

.page_map{ padding:.625em; background:#fff; box-shadow:0 .25em .625em 1px rgba(0,0,0,.2); height:34.5em;}
.root_daum_roughmap{ width:100% !important;}
.root_daum_roughmap,
.root_daum_roughmap .wrap_map{ height:100% !important;}
.root_daum_roughmap .wrap_controllers{ display:none !important;}


/***********************/
/*POPUP******************/
.popWrap.def{ width:52em;}
.popWrap.mem{ width:28em;}
.popWrap.msg{ width:38em;}


/***********************/
/*MAIN******************/
.mainVisual_wrap{ position:fixed; top:0; left:0; width:100%; overflow:hidden;}
.mainVisual{ height:100%;}
.mainVisual .el{ overflow:hidden;}
.mainVisual .el .bg{ width:calc(100% + 2em); transition:3s;}
.mainVisual .el.swiper-slide-active .bg,
.mainVisual .el.swiper-slide-duplicate-active .bg{ transform:translateX(-2em); transition:3s;}

.mainControl{ position:absolute; right:1.5vw; bottom:3vh; gap:0 .5em;}

.main_con{ position:relative; padding:15vh 0; box-sizing:border-box; word-break:keep-all;}
.main_bg1{ background-color:#fff;}
.main_bg2{ background-color:#f7f7f7;}

.main_txt{ margin-bottom:3em;}
.main_txt:last-child{ margin-bottom:0;}
.main_txt.m1{ margin-bottom:1.5em;}
a.main_txt{ display:block;}
.main_txt .tit{ margin-top:1.5em;}
.main_txt .txt{ margin-top:2em; line-height:1.6;}
.main_txt > div:first-child{ margin-top:0;}
.main_txt .line{ display:inline-block; width:1px; height:2px; background:#3c9a8c;}
.main_txt .line.w{ width:2.25em; margin:1.75em 0;}
.main_txt .line.h{ height:1.5em; margin:1.5em .125em;}
.main_txt .line:first-child{ margin-top:0;}
.main_txt .line + .tit,
.main_txt .line + .txt{ margin-top:0;}
.main_txt .t1{ font-size:1.000em;}
.main_txt .t2{ font-size:1.250em;}
.main_txt .t3{ font-size:1.375em;}
.main_txt .t4{ font-size:1.500em;}
.main_txt .t5{ font-size:1.875em;}
.main_txt .t6{ font-size:2.250em;}
.main_txt .t7{ font-size:2.625em;}
.main_txt .t8{ font-size:6.000em;}
.main_txt .t9{ font-size:7.750em;}
.main_txt .t10{ font-size:3.000em;}

.main_txt.cw .tt{ color:#fff;}
.main_txt.cw .line{ background:#fff;}
.main_txt .nw{ white-space:nowrap;}

.main_txt.st1{ gap:0 3em;}
.main_txt.st1 .tit,
.main_txt.st1 .txt{ margin:0 0;}
.main_txt.st1 .txt{ flex:1; padding:0 1.5em 0 3em; border-left:1px solid #e5e5e5;}

.main_more{}
.main_more > .more{ gap:0 1em;}
.main_more > .more .ico{ width:4.5em; height:4.5em; border:1px solid #ccc; border-radius:50%; transition:.2s;}
.main_more > .more .ico .xi{ transition:.3s;}
.main_more > .more .in_tt{ font-size:1.125em; text-transform:uppercase;}

a:hover .main_more > .more .ico,
.main_more > a.more:hover .ico{ background:#000; border-color:#000; color:#fff;}
a:hover .main_more > .more .ico .xi,
.main_more > a.more:hover .ico .xi{ transform:rotate(180deg);}

.main_more > .more.c1{ padding:1em 2em; border:1px solid #333; border-radius:6em; color:#000; transition:.2s;}
.main_more > .more.c1 .xi{ font-size:1.250em;}
.main_more > .more.c1:hover{ background:#000; border-color:#000; color:#fff;}

.main_more.cw > .more{ color:#fff;}
.main_more.cw > .more .ico{ border-color:#fff;}

.main_section{ position:relative;}

.main_slogan{ position:relative;}
.main_slogan > .inner{ position:relative; height:100%;}
.main_slogan .slogan_wrap{ position:absolute; left:0; bottom:10vh; width:100%;}

.main_about{}
.main_about .inLayout{ position:relative; min-height:34vw;}
.main_about .inLayout .lay_txt{ z-index:2; position:relative; padding-top:20vh; padding-right:66%; padding-left:2vw; box-sizing:border-box;}
.main_about .inLayout .lay_img{ z-index:1; position:absolute; top:0; right:0; width:65%; height:34vw;}

.main_product{ overflow:hidden;}
.main_product .lay_tit{ position:relative;}
.main_product .lay_con{ position:relative; height:28vw;}
.main_product .list{ gap:2em; height:100%;}
.main_product .list > li{ flex:1;}
.main_product .list > li .wrap_in{ flex:1; position:relative;}
.main_product .list > li .wrap_in .bg{ overflow:hidden; filter:grayscale(0); transition:.2s}
.main_product .list > li .wrap_in .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); backdrop-filter:blur(0); transition:.2s}
.main_product .list > li .wrap_con{ flex:1; position:relative; text-align:center; padding:1em 1em;}
.main_product .list > li .wrap_in:hover .bg{ filter:grayscale(1);}
.main_product .list > li .wrap_in:hover .bg:before{ background:rgba(0,0,0,.45); backdrop-filter:blur(.2em);}

.main_contact{ position:relative;}
.main_contact .wrap_bg{ position:absolute; left:0; bottom:0; width:100%; height:50%;}
.main_contact .wrap_bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.main_contact > .inner{ position:relative;}

.main_instagram .list_wrap{ width:36em; max-width:100%; margin:0 auto;}
.main_instagram .list{ margin:-.375em;}
.main_instagram .list > li{ width:33.33%;}
.main_instagram .list > li .wrap_in{ display:block; margin:.375em; border:1px solid #f1f1f1; overflow:hidden;}


/***************/
/*simple layout*/
.simple{}
.simple body{ display:flex; flex-direction:column;}
.simple #contents{ flex:1 1 0%; min-height:0 !important;}
.simple #footer{ margin-top:auto;}

.simple #header{ position:relative; background:#fff;}
.simple #header .logo .logoA{ visibility:hidden;}
.simple #header .logo .logoB{ visibility:visible;}
.simple #header .gnb_wrap,
.simple #header .util,
.simple #quick,
.simple #contents .sub_page_top,
.simple #footer .footer_wrap .info_wrap .logo,
.simple #footer .footer_wrap .menu{ display:none;}
.simple #footer .footer_wrap{ padding:2.5em 0;}
.simple #footer .footer_wrap .info{ margin-top:0;}


@media print {
#header .site_wrap,
#header .top_wrap .gnb_wrap,
#header .top_wrap .gnb_wrap2,
#header .top_wrap .util,
#contents .sub_visual .wrap_bg,
#contents .sub_visual .slogan_wrap,
#contents .sub_visual .nav_wrap .etc,
#contents .sub_con_wrap .sub_lnb,
#footer .siteSlider_wrap,
#footer .menu_wrap,
#footer .sns,
#footer .logo_wrap .logo,
.page_btn{ display:none}
.box0,
.box1{ width:100%; padding:0}
#header{ box-shadow:none !important; z-index:inherit}
#header .top_wrap .wrapH{ height:3em}
#header .logo{ margin-left:auto}
#contents{ margin-top:3em}
#contents .sub_visual .wrap_con{ height:auto; padding-top:0}
#contents .sub_tit{ border-bottom:none; margin-bottom:0; font-size:.875em; padding:.5em 0}
}