@charset "utf-8";
/* CSS Document */
body > header, body > .main_banner, body > .contents01, body > .contents02, body > .contents03, body > .sub_banner, body > .sub_content, body > footer {min-width:1200px;}

.container {max-width:1200px; margin:0 auto; position:relative;}
.container:after{content:''; display:block; clear:both;}
.container input, .container textarea {border-radius:3px; border:1px solid #ccc; padding:10px;}


#header {width:100%;}
#header.on{background:#fff;}


#header .top {width:100%; text-align:right; border-bottom:1px solid #e5e5e5;}
#header .top ul {float:right;}
#header .top li {float:left; padding:7px 15px; border-left:1px solid #e5e5e5;}
#header .top li.last {padding:7px 0 7px 15px;}
#header .top a {color:#808080; font-size:13px;}

#header .logo_wrap {width:20%; float:left;}

#header .logo_wrap img{width:245px;}
.top_nav .container {max-width:1455px;}

#header .top_nav.on {background:#fff; height:320px; position:absolute; z-index:99; width:100%; box-shadow:0 20px 30px -20px rgb(0 0 0 / 70%); min-width:1200px;}

#header .top_menu {width:97%;}
#header .top_menu > ul {float:right; margin-right:-68px;}
#header .top_menu > ul > li {padding:33px; float:left; text-align:center; position:relative;}
#header .top_menu > ul > li > a {color:#000; font-size:17.5px; font-weight:500; letter-spacing:-1px;}
#header .top_menu > ul > li > a:hover {color:#1082e3;}

#header .top_menu .slide_nav {width:100%; padding-top:20px !important; position:absolute; top:50px; right:0; z-index:99; display:none;}
#header .top_menu .slide_nav {}
#header .top_menu .slide_nav ul {width:150px;padding:8px 0;}
#header .top_menu .slide_nav li {text-align:center; padding:8px 0;}
#header .top_menu .slide_nav a {display:block; color:#000; font-size:15.5px; letter-spacing:-1px;}
#header .top_menu .slide_nav li a:hover {color:#1082e3; font-weight:500; text-decoration:underline;}

#header .m_slide_nav{width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; display:none;}
#header .m_slide_nav .gnb_top{background:#123491; padding:15px; position:relative;}
#header .m_slide_nav .gnb_top .gnb_home{line-height:0;}
#header .m_slide_nav .gnb_top .gnb_close{background:none; width:20px; height:20px; position:absolute; top:50%; right:10px; transform:translateY(-50%);}
#header .m_slide_nav .gnb_top .gnb_close img{width:100%;}


#footer {width:100%; background:#f2f2f2; padding:30px 0;}
#footer .f01 {padding-bottom:30px; border-bottom:1px solid #d9d9d9;}
#footer img.f_logo {float:left; padding-right:55px; padding-top:7px;}
#footer ul.f_txt {float:left; padding-top:15px;}
#footer ul.f_txt li {position:relative; float:left; font-size:14px; text-align:center; padding-right:40px; font-weight:300;}
#footer ul.f_txt li a {color:#404040;}
#footer ul.f_txt li:after {content:''; clear:both; display:block; width:1px; height:10px; background:#797979; position:absolute; top:5px; right:20px;}
#footer ul.f_txt li.last:after {display:none;}
#footer ul.f_sns {float:right;}
#footer ul.f_sns li {float:left; padding-left:10px;}

#footer .f02 {padding:27px 0 30px;}
#footer .f02 .f02_txt {float:left;}
#footer .f02 .f02_txt li {float:left; font-size:14px; color:#606060; padding-bottom:10px; padding-right:20px;}

#footer .f02_txt copylight {font-size:13px; color:#888888; font-weight:300;}

#footer .familysite{float:right; position:relative;}
#footer .familysite .familysite_close{background:url(/images/jjwoman/common/ic_open.png) no-repeat right 12px center; background-color:#f2f2f2; cursor:pointer; text-align:left; padding:12px 0 12px 18px; width:180px; border:1px solid #606060; font-size:14px; color:#606060;}
#footer .familysite .familysite_open{position:absolute; bottom:40px; right:0; width:180px; overflow:hidden; background:#f2f2f2; display:none; padding:12px 9px; border:1px solid #606060; border-bottom:none;}
#footer .familysite .familysite_open a{display:block; font-size:12px; padding:10px 5px; margin:0 5px; text-align:left; color:#606060;}
#footer .familysite .familysite_open li:first-child a{border-bottom:1px dotted #a8a8a8;}
#footer .familysite .familysite_open a:hover{color:#0076da; font-weight:500;}


/* hidden, visible */
.visible-sm{display:none;}