@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/* font-family: 'NanumSquare', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Raleway:200,400,700&display=swap');
/* font-family: 'Raleway', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Play:400,700&display=swap');
/* font-family: 'Play', sans-serif; */
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.blind {width: 0;height: 0; overflow: hidden;
    font-size: 0; line-height: 0;
    position: absolute; left: -9999px;
}
.clearfix::after {content: ""; display: block; clear: both;}
a{text-decoration: none; color: inherit;}
* {box-sizing: border-box;}

body{font: 16px/1.2 "NanumSquareRound", "돋움", Dotum, AppleGothic, sans-serif;
    color: #333; letter-spacing: -0.5px;
}
.flower_bg::after {content: ""; width: 345px; height: 284px;
    position: absolute; right: 50px; bottom: -320px; z-index: 1;
    background: url(../img/bg_flower.png) no-repeat 0 0;
}
.skip-nav a {width: 100%; height: 30px;
    position: fixed; left: 0; top: -100px; z-index: 10000;
    text-align: center; line-height: 30px; color: #fff;
    background-color: #f00;
}
.skip-nav a:focus {top: 0;}
.f_left {float: left;}
.f_right {float: right;}
.inner {width: 1000px; margin: 0 auto;}
button, input {vertical-align: middle;}
button:focus, input:focus {outline: none;}
/* header */

.header {width: 100%;}

.header .header_top {width: 100%; padding-top: 30px; margin-bottom: 30px;
    position: relative;
}
.header .header_top .header_txt {
    position: absolute; left: 0; top: 30px;
    color: #636161; font-size: 12px; line-height: 20px;
}
.header .header_top .logo {width: 372px; height: 51px; margin: 0 auto;
    background: url(../img/woman_logo.png) no-repeat 0 0;
    text-indent: -9999px;
}
.header .header_top .logo a {display: block; width: 100%; height: 64px;}
.header .header_top .search_box {position: absolute; right: 0; top: 50px;}
.header .header_top .search_box input[type="search"] {width: 220px; height: 30px; padding-left: 10px; padding-right: 45px;
    border: 1px solid #c8cacd; border-radius: 50px;
    position: relative;
}
.header .header_top .search_box input[type="search"]:focus {outline: none;}
.header .header_top .search_box .search_icon {position: absolute; right: 35px; top: 4px;
    text-indent: -9999px;
    cursor: pointer;
}
.header .header_top .search_box .search_icon::after {content: ""; display: block; width: 24px; height: 24px;
    background: url(../img/icon_glasses.png) no-repeat 0 0;
    position: absolute; left: 0; top: 0;
}

.header .gnb {width: 100%; height: 70px;
    background: #1e247f;
    position: relative;
}
.header .gnb .gnb_bg {width: 100%; height: 250px; display: none;
    background: #fff;
    position: absolute; left: 0; top: 70px; z-index: 9;
    box-shadow: 1px 2px 15px -7px rgb(0 0 0 / 25%);
}
.header .gnb>.inner>ul {text-align: center;}
.header .gnb>.inner>ul>li {display: inline-block; padding: 0 20px;
    color: #fff; line-height: 70px; font-size: 22px;
    position: relative;
}
.header .gnb>.inner>ul>li>a:hover {color: #fffe1d;}
.header .gnb>.inner>ul>li+li {}
.header .gnb>.inner>ul>li>a {width: 100%; display: block;}
.header .gnb>.inner>ul>li>ul {width: 100%; display: none;
    position: absolute; left: 50%; top: 70px; z-index: 10;
    transform: translateX(-50%);
}
.header .gnb>.inner>ul>li>ul>li {
    font-size: 16px; line-height: 40px; color: #444;
}
.header .gnb>.inner>ul>li>ul>li>a {}
.header .gnb>.inner>ul>li>ul>li>a:hover {color: #437dea; text-decoration: underline;}
.hamburgerbtn {display: none;
    position: absolute; left: 15px; top: 8px; z-index: 9998;
    color: #fff; font-size: 28px;
}
.all_menu {display: none; width: 98%; height: 99%; overflow-y: auto;
    position: fixed; left: 1%; top: 0.5%; z-index: 9999;
    background-color: #fff;
}
.all_menu .all_top {width: 100%; height: 35px;
    position: relative;
    /* background-color: #f00; */
}
.all_menu .all_top .top_txt {
    position: absolute; left: 5px; top: -5px;
    font-size: 10px;
}
.all_menu .all_top .all_logo {width: 135px; height: 19px; margin: 0 auto; margin-top: 10px;
    background: url(/img/all_menu_logo.png) no-repeat 0 0;
    text-indent: -9999px;
}
.all_menu .all_top .close {width: 20px; height: 20px;
    position: absolute; right: 10px; top: 0;
    font-size: 26px; color: #b2b2b2; line-height: 20px;
    border: 2px solid #b2b2b2;
    cursor: pointer;
}
.all_menu .all_search {width: 100%; height: 30px; margin-bottom: 15px;
    background-color: #1e247f;
}
.all_menu .all_search .search_box {display: block; text-align: right; line-height: 30px;
    position: relative;

}
.all_menu .all_search .search_box input[type="search"] {width: 45%; margin-right: 20px;
    border: none;
    border-radius: 30px;
}
.all_menu .all_search .search_box .search_icon {
    position: absolute; right: 25px; top: 9px;
    font-size: 0;
    cursor: pointer;
}
.all_menu .all_search .search_box .search_icon::after {content: ""; display: block; width: 15px; height: 15px;
    background: url(/img/icon_glasses_mobile.png) no-repeat 0 0;
    position: absolute; right: 0; top: 0;
}
.all_menu .all_menu_list {width: 95%; margin: 0 auto;}
.all_menu .all_menu_list>ul {}
.all_menu .all_menu_list>ul>li {margin-bottom: 10px; padding: 10px;
    text-align: center; font-weight: bold;
}
.all_menu .all_menu_list>ul>li>a {}
.all_menu .all_menu_list>ul>li:nth-child(1) {
    border: 10px solid #f19cc1;
    background-color: #fbe0eb;
}
.all_menu .all_menu_list>ul>li:nth-child(2) {
    border: 10px solid #6eb5de;
    background-color: #d7e7f4;
}
.all_menu .all_menu_list>ul>li:nth-child(3) {
    border: 10px solid #89caa0;
    background-color: #cce7db;
}
.all_menu .all_menu_list>ul>li:nth-child(4) {
    border: 10px solid #a89dc6;
    background-color: #e3daec;
}
.all_menu .all_menu_list>ul>li:nth-child(5) {
    border: 10px solid #f4d991;
    background-color: #faf0d6;
}
.all_menu .all_menu_list>ul>li>ul {padding-top: 20px;}
.all_menu .all_menu_list>ul>li>ul>li {width: 80%; margin: 0 auto; line-height: 30px;}
.all_menu .all_menu_list>ul>li>ul>li+li {border-top: 1px solid #898989;}


/* main */

.container {}

.container .visual {width: 100%; height: 390px;}
.container .visual #slide {width: 100%; height: 390px;
    position: relative;
    /* overflow: hidden; */
}
.container .visual #slide div {width: 100%;
    position: absolute; left: 0; top: 0;
}
.container .visual #slide div>img {width: 100%;}


.container .fuc_banner {margin-bottom: 60px; padding-top: 50px;}
.container .fuc_banner ul {}
.container .fuc_banner ul li {float: left; width: 220px; height: 338px;
    position: relative;
}
.container .fuc_banner ul li+li {margin-left: 40px;}
.container .fuc_banner ul li:nth-child(odd) {background-color: #e9f8fd; border: 9px solid #70bdea;}
.container .fuc_banner ul li:nth-child(even) {background-color: #efefef; border: 9px solid #c9caca;}
.container .fuc_banner ul li a {display: block; width: 100%; height: 330px;
    position: absolute; left: 0; top: 0; z-index: 5;
}
.container .fuc_banner ul li a h4 {padding: 20px 0 0 19px; margin-bottom: 18px;
    font-size: 22px; font-weight: bold;
}
.container .fuc_banner ul li:nth-child(odd) a h4 {color: #5E5CE5;}
.container .fuc_banner ul li:nth-child(even) a h4 {color: #636161;}
.container .fuc_banner ul li a p {padding: 0 23px;
    font-size: 16px; line-height: 28px;
}
.container .fuc_banner ul li:nth-child(1)::after {content: ""; display: block; width: 220px; height: 315px;
    position: absolute; left: -9px; top: 5px; z-index: 1;
    background: url(../img/middle_banner_1.png) no-repeat 0 0;
}
.container .fuc_banner ul li:nth-child(2)::after {content: ""; display: block; width: 220px; height: 307px;
    position: absolute; left: 16px; top: 40px; z-index: 1;
    background: url(../img/middle_banner_2.png) no-repeat 0 0;
}
.container .fuc_banner ul li:nth-child(3)::after {content: ""; display: block; width: 220px; height: 314px;
    position: absolute; left: -10px; top: 15px; z-index: 1;
    background: url(../img/middle_banner_3.png) no-repeat 0 0;
}
.container .fuc_banner ul li:nth-child(4)::after {content: ""; display: block; width: 220px; height: 291px;
    position: absolute; left: 8px; top: 29px; z-index: 1;
    background: url(../img/middle_banner_4.png) no-repeat 0 0;
}


.container .news {width: 100%; height: 250px; margin-bottom: 30px;
    background: #bde1f5;
}
.container .news h3 {width: 1000px; height: 50px; margin: 0 auto; padding-left: 36px; margin-bottom: 35px;
    background: #70bdea;
    line-height: 50px; font-size: 18px; color: #000; font-weight: bold;
    border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
}
.container .news ul {width: 1000px; margin: 0 auto;}
.container .news ul li {padding-left: 50px; margin-bottom: 20px;
    font-family: 'Play', sans-serif;
    position: relative;
}
.container .news ul li:last-child {margin-bottom: 0;}
.container .news ul li::before {content: ""; display: block; width: 0; height: 0;
    position: absolute; left: 25px; top: 4px;
    border-top: 5px solid transparent;
    border-left: 10px solid #333;
    border-bottom: 5px solid transparent;

}
.container .news ul li::after {content: ""; display: block; clear: both;}
.container .news ul li .news_tit {float: left; width: 80%;
    font-weight: bold;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.container .news ul li .news_tit:hover {color: #3162ce;}
.container .news ul li .news_date {float: right; width: 20%;
    text-align: right;
}



.ad{position:relative; width:100%; background:#fff; margin-bottom: 40px;}
.ad .flow_banner_box{position:relative; width:1000px; margin:0 auto; background:#fff; height:52px;}
.ad .flow_banner_box .flow_bann_area{position:absolute; top:8px; left:50%; margin-left:-450px;}
.ad .flow_banner_box .flow_bann_area ul{*zoom:1;}
.ad .flow_banner_box .flow_bann_area ul:after{content:""; display:block; clear:both;}
.ad .flow_banner_box .flow_bann_area ul li{float:left; margin-right: 12px; width: 170px; height: 50px;}
.ad .flow_banner_box .flow_bann_area ul li a{display: block; width: 100%;}
.ad .flow_banner_box .flow_bann_area ul li a img{border:1px solid #eee;
    width: 100%;
}
.flow_ctrl_box{text-indent: -9999px;}
.flow_ctrl_box a{position:absolute; top:20px;  width:16px; height:26px; background-image:url(../img/flow_ctrl_side_btn.gif);}
.flow_ctrl_box a.back{left:18px; background-position:0 0;}
.flow_ctrl_box a.next{right:18px; background-position:16px 0;}


/* footer */

.footer {width: 100%; height: 180px; padding-top: 50px;
    background-color: #ededed;
}
.footer .f_logo {float: left; margin-right: 50px; width: 372px; height: 51px;
    position: relative;
    background: url(../img/woman_logo.png) no-repeat 0 0;
    text-indent: -9999px;
}
.footer .f_logo::after {content: ""; width: 3px; height: 50px;
    background: #5250e4;
    position: absolute; right: -20px; top: 5px;
}
.footer .f_dec {float: left;
    color: #231815; font-weight: bold;
}
.footer .f_dec .f_menu {margin-bottom: 5px;}
.footer .f_dec .f_menu li {float: left;}
.footer .f_dec .f_menu li+li {margin-left: 24px;
    position: relative;
}
.footer .f_dec .f_menu li+li::before {content: ""; width: 1px; height: 12px;
    background: #000;
    position: absolute; left: -12px; top: 3px;
}
.footer .f_dec .f_menu li a {}
.footer .f_dec .f_menu li a:hover {color: royalblue;}
.footer .f_dec .address {}
.footer .f_dec .address address {margin-bottom: 5px;}
.footer .f_dec .address span {margin-left: 24px; position: relative;}
.footer .f_dec .address span::before {content: ""; width: 1px; height: 12px;
    background: #000;
    position: absolute; left: -12px; top: 3px;}
.footer .f_dec .address .copy {}


/* admin_login */
.admin_login {cursor: pointer;}
.admin_pop {display: none; width: 320px; height: 249px; overflow: hidden;
    position: fixed; left: 50%; top: 50%; z-index: 999999;
    transform: translate(-50%,-50%);
    background-color: #fff;
    box-shadow: 1px 2px 15px -7px rgb(0 0 0 / 70%);
}
.admin_pop .close_admin {width: 20px; height: 20px; float: right; margin: 10px 10px 0 0;
    font-size: 26px; color: #b2b2b2; line-height: 20px;
    border: 2px solid #b2b2b2;
    cursor: pointer;
}
.admin_pop .admin_tit {padding-top: 35px; margin-bottom: 30px;
    text-align: center; font-size: 24px; font-weight: bold; color: #555;
}
.admin_pop .admin_ac {margin-bottom: 15px;
    text-align: center;}
.admin_pop label {display: inline-block; width: 80px; }
.admin_pop input {width: 250px; height: 40px; padding-left: 20px;
    border: none;
    background-color: #f1f1f1;
}
.admin_pop input:focus {outline: none;}
.admin_pop .admin_pw {margin-bottom: 25px;
    text-align: center;
}
.admin_pop .admin_submit {text-align: center;

}
.admin_pop .admin_submit .admin_submit_btn {width: 100%; height: 35px;
    background-color: #1574b3;
    border: none;
    color: #fff; font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}
.admin_pop .admin_submit .admin_submit_btn:hover {background-color: #5cb3ec;
}


/* sitemap */
.sitemap {padding-top: 50px;}
.sitemap .site_contents {float: left; width: 48%; height: 190px;}
.sitemap .site_contents+.site_contents {margin-left: 4%;}
.sitemap .site_contents:nth-child(2n+1) {margin-left: 0;}
.sitemap .site_contents p {float: left; width: 45%; padding-top: 10px;
    border-top: 2px solid #5faedb;
    color: #79bbe1; font-weight: bold; font-size: 20px;
}
.sitemap .site_contents p a:hover {color: #79bbe1;}
.sitemap .site_contents div {float: left; width: 50%; margin-left: 5%; padding-top: 15px;
    border-top: 1px solid #7bbce1;
}
.sitemap .site_contents div ul {}
.sitemap .site_contents div ul li {line-height: 30px;}

/* search */
.search_wrap {width: 90%; margin: 0 auto; padding-top: 30px; min-height: 550px;}
.search_wrap .search_row {padding: 15px 0;}
.search_wrap .search_row h5 {margin-bottom: 10px;
    font-weight: bold; font-size: 18px; color: #3162ce;
}
.search_wrap .search_row .search_dec {}
.search_wrap .search_row .search_dec ul {
    border-top: 2px solid #333; border-bottom: 2px solid #333;
}
.search_wrap .search_row .search_dec ul li {padding: 10px;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.search_wrap .search_row .search_dec ul li+li {border-top: 1px solid #d6d6d6;}
.search_banner {width: 80%; margin: 0 auto; padding-top: 50px;}
.search_banner p {padding-top: 200px;
    text-align: center; font-size: 22px; font-weight: bold;
    position: relative;
}
.search_banner p::before {content: ""; width: 143px; height: 141px;
    position: absolute; left: 50%; top: 0;
    transform: translateX(-50%);
    background: url(/img/search_banner_2.jpg) no-repeat 0 0;
}
.search_banner p span {display: block; padding-top: 15px;
    font-size: 16px; color: #999;
}

/* sub_common */

.lnb{width: 100%; min-width: 100%; margin-bottom: 50px;
    border-bottom: 1px solid #eee;
}
.lnb ul{
    text-align: center; font-size: 0;
}
.lnb li{display: inline-block;}
.lnb a{display: block; padding: 0 40px; height: 70px; overflow: hidden;
    font-size: 20px; font-weight: bold; color: #999;line-height: 69px;
    position: relative;
}
.lnb a:after{content: ""; width: 100%; height: 4px;  
    background-color: #1e247f;
    position: absolute; left: -1000px;bottom: 0;
    transition: all 0.3s;
}
.lnb li.on a {color: #1e247f;}
.lnb li.on a:after {left:0;}
.lnb li:hover a{color: #1e247f;}
.lnb li:hover a:after{left:0;}

/* board */

.board {}
.board .board_name {margin-bottom: 5px;
    font-size: 28px; color: #1e247f; font-weight: bold;
}
.board .board_fuc {margin-bottom: 25px;
    text-align: right;
}
.board .board_fuc ul {}
.board .board_fuc ul li {display: inline-block;
    position: relative;
}
.board .board_fuc ul li select {width: 100px; height: 30px; padding-left: 5px;
    border: 1px solid #C4C6C8; border-radius: 50px;
    box-shadow: 1px 2px 15px -7px rgb(0 0 0 / 35%) inset;
}
.board .board_fuc ul li select:focus {outline: none;}
.board .board_fuc ul li input[type="search"] {margin-left: 20px; padding-left: 10px; padding-right: 35px;
    width: 250px; height: 30px;
    border: 1px solid #C4C6C8; border-radius: 50px;
    box-shadow: 1px 2px 15px -7px rgb(0 0 0 / 35%) inset;
}
.board .board_fuc ul li input[type="search"]:focus {outline: none;}
.board .board_fuc ul li .search_icon {position: absolute; right: 35px; top: 4px;
    cursor: pointer;
    font-size: 0;
}
.board .board_fuc ul li .search_icon::after {content: ""; display: block; width: 24px; height: 24px;
    background: url(../img/icon_glasses.png) no-repeat 0 0;
    position: absolute; left: 0; top: 0;
}

.board_sec {}
.board_sec ul {}
.board_sec ul li {float: left;
    text-align: center; line-height: 35px;
}
.board_sec ul li+li {margin-left: 1%;}

.board_sec ul li.admin {width: 5%;}
.board_sec ul li.num {width: 5%;}
.board_sec ul li.num span {padding: 3px 5px;
    font-size: 10px; color: #fff;
    background: #1e247f;
    border-radius: 5px;
}
.board_sec ul li.title {width: 54%;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.board_sec ul li.attech {width: 5%;}
.board_bottom ul li.attech {color: #ccc;}
.board_sec ul li.date {width: 10%;}
.board_sec ul li.name {width: 16%;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.board_sec ul li.views {width: 5%;}

.board_top {border-top: 2px solid #231916;}
.board_bottom {border-bottom: 2px solid #231916;}
.board_top ul {}
.board_top ul li{
    font-weight: bold;
    border-bottom: 1px solid #a9a9a9;
}
.board_bottom ul:nth-last-of-type(1) li {
    border-bottom: none;
}
.board_bottom ul li {
    border-bottom: 1px solid #d6d6d6;
}
.board .pagination {padding-top: 30px;
    text-align: center;
}
.board .pagination ul {}
.board .pagination ul li {display: inline-block;}
.board .pagination ul li:first-child {width: 12px; height: 20px;
    background: url(../img/left_arrow.png) no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}
.board .pagination ul li:last-child {width: 12px; height: 20px;
    background: url(../img/right_arrow.png) no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}
.board .pagination ul li+li {margin-left: 15px;}
.board .pagination ul li a {color: #9FA0A0; font-size: 20px;}
.board .pagination ul li.on a {color: #231916; font-weight: bold;}

.board .pagination strong {color: #231916; font-weight: bold; font-size: 20px; width: 20px; display: inline-block;}
.board .pagination a {font-weight: bold; font-size: 20px; color: #9FA0A0; display: inline-block; width: 20px;}
.board .pagination .prev a{width: 12px; height: 20px; margin-right: 5px;
    background: url(../img/left_arrow.png) no-repeat 0 0;
    cursor: pointer;
}
.board .pagination .prev i {color: transparent;}
.board .pagination .next i {color: transparent;}
.board .pagination .next a {width: 12px; height: 20px;
    background: url(../img/right_arrow.png) no-repeat 0 0;
    cursor: pointer;
}

.board .board_btn {text-align: right; padding-top: 30px; margin-bottom: 30px;}
.board .board_btn button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #5C5D5D; font-size: 13px; font-weight: bold;
    position: relative;
}
.board .board_btn button:focus {outline: none;}
.board .board_btn button::before {content:""; width: 33px; height: 33px;
    background-image: url(../img/board_btn.png);
    background-repeat: no-repeat;
    position: absolute; left: 8px; top: -34px;
}
.board .board_btn button.write_btn::before {background-position: 0 0;}

.board .board_write {padding-top: 20px;}
.board .board_write ul {border-top: 2px solid #231916; margin-bottom: 10px;}
.board .board_write ul li {
    line-height: 35px;
    border-bottom: 1px solid #d6d6d6;
}
.board .board_write ul li::after {content: ""; display: block; clear: both;}
.board .board_write .board_tit {float: left; width: 10%; padding-left: 5px;}
.board .board_write .board_sub {float: left; width: 90%;}
.board .board_write ul li input[type="text"] {width: 100%;
    border: none;
    border-bottom: 1px solid #eee;
}
.board .board_write ul li input[type="text"]:focus {outline: none;}
.board .board_txt {width: 100%;}
.board .board_txt .board_inner {width: 98%; margin: 0 auto; min-height: 300px;}
.board .board_txt textarea {width: 100%; min-height: 400px;
    resize: none;
    border: none;
}
.board .board_txt textarea:focus {outline: none;}
.board .board_attech {margin-bottom: 20px; padding-left: 30px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 2px solid #231916;
    line-height: 35px;
    position: relative;
}
.board .board_attech .board_tit {position: relative; cursor: pointer;}
.board .board_attech .board_tit::after {content:""; width: 20px; height: 20px;
    position: absolute; left: -20px; top: 8px;
    background: url(../img/attechment_img.png) no-repeat 0 0;
}
.board .board_attech input[type="text"] {width: 95%;
    border: none;
    border-bottom: 1px solid #eee;
}
.board .board_attech .attech_add {position: relative;
    font-size: 0;
    cursor: pointer;
}
.board .board_attech .attech_add::after {content:""; width: 20px; height: 20px;
    position: absolute; right: -30px; top: -10px;
    background-image: url(../img/attechment_img.png);
    background-repeat: no-repeat;
    background-position: -20px 0;
}
.board_btn .f_right button+button {margin-left: 15px;}
button.list_btn::before {
    left: 3px !important;
    background-position: -33px 0;
}
button.btn_po::before {
    left: 2px !important;
    background-position: -33px 0;
}
button.delete_btn::before {
    left: 3px !important;
    background-position: 0 -33px;
}
button.modify_btn::before {
    left: 3px !important;
    background-position: -66px 0;
}
button.submit_btn::before {
    left: 3px !important;
    background-position: 0 0;
}

.board_pw_pop {display: none; width: 320px; height: 196px; overflow: hidden;
    position: fixed; left: 50%; top: 50%; z-index: 9999;
    transform: translate(-50%,-50%);
    background-color: #fff;
    box-shadow: 1px 2px 15px -7px rgb(0 0 0 / 70%);
}
.board_pw_pop .close_pw {width: 20px; height: 20px; float: right; margin: 10px 10px 0 0;
    font-size: 26px; color: #b2b2b2; line-height: 20px;
    border: 2px solid #b2b2b2;
    cursor: pointer;
}
.board_pw_pop .pw_pop_tit {padding-top: 40px; margin-bottom: 30px;
    text-align: center; font-size: 18px; font-weight: bold; color: #555;
}
.board_pw {
    text-align: center;
}
.board_pw input {margin-bottom: 30px; width: 70%; height: 40px; padding-left: 20px;
    background-color: #f1f1f1;
    border: none;
}
.board_pw input:focus {outline: none;}
.pw_submit {text-align: center;}
.pw_submit .pw_btn {width: 100%; height: 35px;
    background-color: #1574b3;
    border: none;
    color: #fff; font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}
.pw_submit .pw_btn:hover {background-color: #5cb3ec;}
.r_arrow {padding-left: 30px;
    position: relative;
}
.r_arrow::before {content: ""; width: 15px; height: 11px;
    background: url(/img/reply.png) no-repeat 0 0;
    position: absolute; left: 7px; top: 5px;
}
.board_none {padding: 30px 0;
    text-align: center; font-size: 18px; font-weight: bold;
}


/* 인사말 */
.com_tit {
    font-size: 28px; color: #1e247f; font-weight: bold;
}
.greeting {padding-top: 30px; margin-bottom: 50px;}
.greeting p {padding: 20px 0;
    font-size: 18px; line-height: 28px;
}
.greeting p:nth-of-type(1) {font-weight: bold;}
.greeting p:nth-last-of-type(1) {
    font-weight: bold; text-align: right;
}
.greeting p span.name {display: block; padding:10px 0;
    font-size: 24px;
}

/* 설립목적 */
.list_contents {width: 800px; margin: 0 auto; padding-top: 40px;}
.list_contents:nth-last-of-type(1) {margin-bottom: 50px;}
.list_contents p {margin-bottom: 20px; padding-left: 8px;
    position: relative;
    color: #666; font-size: 20px;
}
.list_contents p.bar1::before {content: ""; width: 80px; height: 27px;
    border-left: 6px solid #72726c;
    border-top: 1px solid #72726c;
    position: absolute; left: -7px; top: -5px;
}
.list_contents p.bar2::before {content: ""; width: 44px; height: 27px;
    border-left: 6px solid #72726c;
    border-top: 1px solid #72726c;
    position: absolute; left: -7px; top: -5px;
}
.list_contents ul {}
.list_contents ul li {padding-left: 7px;
    line-height: 35px; color: #777;
}

/* 연혁 */
.timeline {width: 100%; margin-top: 50px; margin-bottom: 80px;
    position: relative;
}

.timeline::before {content: ""; width: 5px; height: 100%;
    background-color: #1e247f;
    position: absolute; top: 50px; left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}
.timeline h4 {margin-bottom: 10px;
    text-align: center; font-size: 28px; color: #1e247f; font-weight: bold;
}
.timeline .timeline_box { width: 100%; margin-bottom: 50px;
    position: relative;
}
.timeline .timeline_box::after {content: ""; display: block; clear: both;}
.timeline .timeline_box.odd .timeline_item {float: left;}
.timeline .timeline_box.even .timeline_item {float: right;}
.timeline .timeline_box .timeline_item {width: 45%; padding-bottom: 10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px 2px 15px -7px rgb(0 0 0 / 55%);
    position: relative;
}
.timeline .timeline_box .timeline_item p {width: 100%; padding: 10px 0; margin-bottom: 10px;
    text-align: center; color: #fff; font-size: 18px;
    background-color: #1e247f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.timeline .timeline_box .timeline_item ul {
    text-align: center;
}
.timeline .timeline_box .timeline_item ul li {padding: 0 20px;
    color: #777;
}
.timeline .timeline_box .timeline_item ul li+li {padding-top: 20px;}

.timeline .timeline_box .timeline_icon {width: 30px; height: 30px;
    background-color: #1e247f;
    color: #fff; text-align: center; line-height: 30px; font-size: 13px;
    border-radius: 50%;
    position: absolute; left: 50%; top: 0;
    transform: translateX(-50%);
}

.timeline .timeline_box.odd .timeline_item::after {content: ""; display: block;
    border-left: 7px solid #1e247f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute; top: 12px; right: -7px;
        
}
.timeline .timeline_box.even .timeline_item::after {content: ""; display: block;
    border-right: 7px solid #1e247f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute; top: 12px; left: -7px;
}

/* 임원구성 */
.organ_table {padding-top: 40px; margin-bottom: 50px;}
.organ_table table {width: 100%;
    text-align: center;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%), 0 0 10px 0 rgb(0 0 0 / 8%);
}
.organ_table table thead tr {}
.organ_table table tr {}
.organ_table table tr th {padding: 7px 0;
    font-weight: bold; color: #fff; font-size: 18px;
    border-right: 1px solid #e6e6e6;
    background: #799eec;
}
.organ_table table tr th:last-child {border-right: none;}
.organ_table table tr td {padding: 10px 0;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #eee;
    color: #777;
}
.organ_table table tr:nth-last-of-type(1) td {border-bottom: none;}
.organ_table table tr td:last-child {border-right: none;}

/* 오시는길 */
.map {padding-top: 40px; margin-bottom: 50px;}
.map .map_txt {padding-top: 20px;}
.map .map_txt h5 {margin-bottom: 15px;
    font-size: 24px; font-weight: bold;
}
.map .map_txt p {padding-left: 50px;
    line-height: 50px; font-size: 22px;
    position: relative;
}
.map .map_txt p.line_2 {}
.map .map_txt p.line_3 {}
.map .map_txt p.line_7 {}
.map .map_txt p.line_9 {}
.map .map_txt p.line_2::before {content: ""; width: 40px; height: 40px;
    background: url(../img/line_2.png) no-repeat 0 0;
    position: absolute; left: 0; top: 3px;
}
.map .map_txt p.line_3::before {content: ""; width: 40px; height: 40px;
    background: url(../img/line_3.png) no-repeat 0 0;
    position: absolute; left: 0; top: 3px;
}
.map .map_txt p.line_7::before {content: ""; width: 40px; height: 40px;
    background: url(../img/line_7.png) no-repeat 0 0;
    position: absolute; left: 0; top: 3px;
}
.map .map_txt p.line_9::before {content: ""; width: 40px; height: 40px;
    background: url(../img/line_9.png) no-repeat 0 0;
    position: absolute; left: 0; top: 3px;
}

/* 여성암의 모든것 */
.cancer_tab {padding-top: 30px; margin-bottom: 50px;}
.cancer_tab ul {text-align: center;}
.cancer_tab ul li {display: inline-block;
    font-size: 20px; font-weight: bold;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
/* .cancer_tab ul li:hover {font-size: 21px;} */
.cancer_tab ul li.on {color: #5E5CE5;}
.cancer_tab ul li+li {margin-left: 40px;}
.cancer_tab ul li+li::before {content: ""; width: 1px; height: 15px;
    background-color: #000;
    position: absolute; left: -22px; top: 5px;
    cursor: default;
}
.cancer_info {margin-bottom: 50px; display: none;}
.cancer_info.on {display: block;}
.cancer_info h5 {padding-left: 80px; margin-bottom: 50px;
    font-size: 26px; font-weight: bold;
    position: relative;
}
.cancer_info.cancer01 h5::before {content: ""; width: 70px; height: 57px;
    position: absolute; left: 0; top: -18px;
    background: url(../img/cancer01.png) no-repeat 0 0;
}
.cancer_info.cancer02 h5::before {content: ""; width: 70px; height: 51px;
    position: absolute; left: 0; top: -18px;
    background: url(../img/cancer02.png) no-repeat 0 0;
}
.cancer_info.cancer03 h5::before {content: ""; width: 70px; height: 57px;
    position: absolute; left: 0; top: -18px;
    background: url(../img/cancer03.png) no-repeat 0 0;
}
.cancer_info.cancer04 h5::before {content: ""; width: 70px; height: 70px;
    position: absolute; left: 0; top: -18px;
    background: url(../img/cancer04.png) no-repeat 0 0;
}
.cancer_info.cancer05 h5::before {content: ""; width: 70px; height: 60px;
    position: absolute; left: 0; top: -18px;
    background: url(../img/cancer05.png) no-repeat 0 0;
}
.cancer_info p {width: 90%; margin: 0 auto; padding: 20px 0;
    line-height: 25px;
}
.cancer_info strong {
    color: #0e585c; font-weight: bold; font-size: 20px;
}
.cancer_info em {display: block; width: 90%; margin: 0 auto; margin-bottom: 15px;}
.cancer_info ul {width: 80%; margin: 0 auto; margin-bottom: 15px;}
.cancer_info ul li {line-height: 25px;}
.cancer_info>span {display: block; width: 95%; margin: 0 auto; padding-top: 20px;
    color: #37B8BF;
}
.cancer_info p>span {display: block; margin-bottom: 5px;}

/* Woman's Well */
.magazine {padding-top: 50px; margin-bottom: 50px;
    position: relative;
}
.magazine p {width: 400px;
    position: absolute;  left: 30px; top: 100px;
    line-height: 30px;
}
.magazine p span {font-weight: bold; color: #5E5CE5; font-size: 20px;}
.magazine img {width: 100%;}

/* 이번호 기사 */
.magazine_view {margin-bottom: 50px;}
.magazine_view h5 {width: 150px; margin: 0 auto; padding: 5px;
    font-size: 20px; text-align: center; background-color: #437dea; color: #fff;
    border-radius: 5px;
}
.magazine_view figure {margin-bottom: 20px;
    text-align: center;
}
.magazine_view p {text-align: center;}
.magazine_view button {padding: 5px 10px;
    background-color: #000;
    border: 1px solid #000;
    cursor: pointer;
    font-weight: bold; color: #fff;
    transition: all 0.3s;
}
.magazine_view button:focus {outline: none;}
.magazine_view button:hover {background-color: #fff; color: #000;}

/* 구독안내 */
.magazine_info {padding-top: 40px; margin-bottom: 50px;}
.magazine_info strong {display: block; margin-bottom: 20px;
    text-align: center; font-size: 24px; color: #a747e3; font-weight: bold;
}
.magazine_info>em {display: block; margin-bottom: 40px;
    text-align: center; font-size: 20px;
}
.magazine_info p {margin-bottom: 40px;
    text-align: center; color: #777;
}
.magazine_info p span {color: #5E5CE5; font-weight: bold; font-size: 18px;}
.magazine_info p>em {display: block; margin-bottom: 10px;
    color: #000;
}

/* 재단후원사업 */
.business {padding-top: 40px; margin-bottom: 50px;}
.business>ul {padding-left: 30px;}
.business>ul>li {line-height: 40px;
    position: relative;
}
.business>ul>li::before {content: ""; width: 8px; height: 8px;
    background: #a747e3;
    position: absolute; left: -20px; top: 15px;
}
.business>ul>li>ul {margin-bottom: 15px;}
.business>ul>li>ul>li {padding-left: 30px;
    color: #8200d3;
}

/* 개인정보취급방침, 이용약관 */
.com_tit.ag {padding-top: 40px;}
.ag_user {padding-top: 40px; margin-bottom: 50px;}
.ag_user h5 {padding: 10px 0 10px 20px; margin-bottom: 20px;
    border-top: 1px solid #2d14a0;
    border-bottom: 1px solid #2d14a0;
    background: #f1f1f1;
    font-size: 18px; font-weight: bold;
}
.ag_user_txt {margin-bottom: 20px;}
.ag_user_txt strong {display: block; margin-bottom: 10px; padding-left: 20px;
    color: #2d14a0; font-weight: bold;
}
.ag_user_txt p {padding: 0 30px; margin-bottom: 5px;}
.ag_user_txt ul {padding-left: 50px;}
.ag_user_txt ul li {
    line-height: 25px;
}



/* 반응형 레이아웃 */

/* 태블릿 */
@media all and (max-width:1280px) {
    .container .visual {height: 260px;}
    .container .visual #slide {height: 260px;}

    .flower_bg::after {bottom: -250px;}
}

/* 모바일 */
@media all and (max-width:600px) {
    .inner {width: 98%; margin: 0 auto;}
    /* header */
    .header {background: #1E247F;}

    .header .header_top {width: 100%; padding-top: 0; margin-bottom: 0; padding: 10px 0;
        position: relative;
    }
    .header .header_top .header_txt {display: none;}
    .header .header_top .logo {width: 200px; height: 27px; margin: 0 auto;
        background: url(../img/logo_mobile.png) no-repeat 0 0;
        text-indent: -9999px;
    }
    .header .header_top .logo a {display: block; width: 100%; height: 64px;}
    .header .header_top .search_box {display: none;}
    .header .gnb {display: none;}
    .all_menu {display: none;}
    .hamburgerbtn {display: block;}

    /* visual */
    .container .visual {height: 122px;}
    .container .visual #slide {height: 122px;}

    /* index */
    .container .fuc_banner {margin-bottom: 60px; padding-top: 0;}
    .container .fuc_banner ul {width: 95%; margin: 0 auto;}
    .container .fuc_banner ul li {float: none; width: 100%; height: 238px; margin-bottom: 20px;
    }
    .container .fuc_banner ul li:nth-child(2n+1) {margin-left: 0;}
    .container .fuc_banner ul li+li {margin-left: 0;}
    .container .fuc_banner ul li a {height: 238px;}
    .container .fuc_banner ul li:nth-child(1)::after {content: ""; display: block; width: 220px; height: 315px;
        position: absolute; left: 50%; top: -95px; z-index: 1;
        opacity: 0.3; transform: translateX(-50%);
    }
    .container .fuc_banner ul li:nth-child(2)::after {content: ""; display: block; width: 220px; height: 307px;
        position: absolute; left: 50%; top: -90px; z-index: 1;
        opacity: 0.3; transform: translateX(-50%);
    }
    .container .fuc_banner ul li:nth-child(3)::after {content: ""; display: block; width: 220px; height: 314px;
        position: absolute; left: 50%; top: -90px; z-index: 1;
        opacity: 0.3; transform: translateX(-50%);
    }
    .container .fuc_banner ul li:nth-child(4)::after {content: ""; display: block; width: 220px; height: 291px;
        position: absolute; left: 50%; top: -70px; z-index: 1;
        opacity: 0.3; transform: translateX(-50%);
    }
    .flower_bg::after {display: none;}


    .container .news h3 {width: 100%;}
    .container .news ul {width: 100%; margin: 0 auto;}
    .container .news ul li {padding-left: 30px;}
    .container .news ul li::before {left: 15px;}
    .container .news ul li .news_tit {float: left; width: 60%;
        font-weight: bold;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }
    .container .news ul li .news_tit:hover {color: #3162ce;}
    .container .news ul li .news_date {float: right; width: 40%;
        text-align: right;
    }


    .ad .flow_banner_box{position:relative; width:90%; margin:0 auto; background:#fff; height:62px; overflow: hidden;}
    .flow_ctrl_box{display: none;}
    
    /* footer */
    .footer {width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px;
        background-color: #ededed;
    }
    .footer .f_logo {float: none; margin-right: 0; width: 200px; height: 27px; margin: 0 auto; margin-bottom: 20px;
        position: relative;
        background: url(../img/f_logo_mobile.png) no-repeat 0 0;
        text-indent: -9999px;
    }
    .footer .f_logo::after {display: none;}
    .footer .f_dec {float: left;
        color: #231815; font-weight: bold;
    }
    .footer .f_dec .f_menu {margin-bottom: 5px; text-align: center;}
    .footer .f_dec .f_menu li {float: none; display: inline-block;}
    .footer .f_dec .f_menu li+li {margin-left: 15px;
        position: relative;
    }
    .footer .f_dec .f_menu li+li::before {content: ""; width: 1px; height: 12px;
        background: #000;
        position: absolute; left: -12px; top: 3px;
    }
    .footer .f_dec .f_menu li a {}
    .footer .f_dec .f_menu li a:hover {color: royalblue;}
    .footer .f_dec .address {}
    .footer .f_dec .address address {margin-bottom: 5px; display: block; text-align: center;}
    .footer .f_dec .address span {margin-left: 0; position: relative; display: block; text-align: center;}
    .footer .f_dec .address span::before {display: none;}
    .footer .f_dec .address .copy {text-align: center;}

    /* sitemap */
    .sitemap .site_contents {float: none; width: 90%; height: 190px; margin: 0 auto;}
    .sitemap .site_contents+.site_contents {margin-left: auto;}
    .sitemap .site_contents:nth-child(2n+1) {margin-left: auto;}

    /* 인사말 */
    .greeting {width: 95%; margin: 0 auto;}

    /* Woman's Well */
    .magazine p {width: 95%; margin: 0 auto;
        position: static;  left: 0px; top: 0px;
    }
    
    /* 이번호 기사 */
    .magazine_view {margin-bottom: 50px;}
    .magazine_view h5 {margin-top: 20px;}
    .magazine_view figure {margin-bottom: 20px; width: 100%;
        text-align: center;
    }
    .magazine_view figure img {width: 100%;}

    /* 설립목적 */
    .list_contents {width: 95%;}

    /* 게시판 */
    .board_top {display: none;}
    .board_sec {}
    .board_sec ul {}
    .board_sec ul li {float: none;
        text-align: center; line-height: 35px;
    }
    .board_sec ul li+li {margin-left: 1%;}

    .board_sec ul li.num {width: 5%; float: left;}
    
    .board_sec ul li.title {width: 90%; float: none;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }
    .board_sec ul li.attech {width: 5%; float: left;}
    .board_bottom ul li.attech {color: #ccc;}
    .board_sec ul li.date {width: 25%; float: left;}
    .board_sec ul li.name {width: 16%; float: left;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }
    .board_sec ul li.views {width: 5%; float: left;}
}