/***********************************
    IMPORT
***********************************/
@import url('font.css');
/***********************************
    BODY
***********************************/
body {
    background: none;
    overflow: hidden;
    width:100%;
    min-width:1170px;
}
/***********************************
    COMMON
***********************************/
body {
    font-family:'NanumSquareR','Malgun Gothic', dotum, sans-serif;
    font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
    font-family:'NanumSquareR','Malgun Gothic', dotum, sans-serif
}
input, button {
    font-family:'NanumSquareR','Malgun Gothic', dotum, sans-serif;
}
textarea, select {
    font-family:'NanumSquareR','Malgun Gothic', dotum, sans-serif;
}
#hd, #wrapper, #ft{
    min-width:1170px
}
#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{
    width:1170px
}
#wrapper.subpage {
    background:#f3f3f3;
}
#container {
    width:100%;
    background: #fff;
}
/***********************************
    HEADER
***********************************/
#hd {
    border:none;
}
#hd_wrapper {
    padding: 12px 0;
    height:54px;
}
.hd_logo {
    float:left;
}
.hd_top_btn {
    float:right;
}
.hd_top_btn a {
    margin-left:8px;
    cursor: pointer;
}
/***********************************
    GNB
***********************************/
#gnb {
    height:56px;
}
#gnb #gnb_1dul {
    margin:0 auto;
    max-width:1048px;
    background: none;
    box-shadow: none;
}
#gnb .gnb_1dli {
    position:relative;
    width:25%;
    height:48px;
    line-height:26px;
    text-align: center;
    cursor:pointer;
}
#gnb .gnb_1dli:after {
    position:absolute;
    content:'|';
    right:0px;
    color:#d0d0d0;
}
#gnb .gnb_1dli:hover {
    background: none;
    border-bottom:3px solid #0081c4;
}
.gnb_1da {
    font-size:1.0rem;
    color:#000;
}
#gnb_all{
    top:48px;
    border-top:1px solid #e1e1e1;
    background: #fff;
}
#gnb_all .gnb_al_ul {
    margin:0 auto;
    width:1048px;
    border:none;
    box-shadow: none;
}
#gnb_all .gnb_al_ul {
    padding:0;
}
#gnb_all .gnb_al_li {
    padding:40px 0;
    width:25%;
}
#gnb_all .gnb_al_li li {
    padding:0;
    line-height:2.2;
    text-align: center;
}
#gnb_all .gnb_al_li li a {
    color:#000;
    font-weight:600;
}
/***********************************
    CONTAINER
***********************************/
#container {
    margin:32px auto 0;
}
#container_title {
    padding:12px 0 16px;
    text-align: center;
    background: #f3f3f3;
}
#container_title span {
    margin:0;
    font-size:2.4rem;
    color:#525252;
    line-height:1.6;
}
#container .contents {
    padding:72px;
}
#container .contents h2.contents_title {
    margin:0 0 60px;
    font-size:4.6rem;
    color:#eeeef0;
    font-weight:600;
}
#container .con_sbj {
    position: relative;
    padding:20px 0;
    font-size:1.8rem;
    line-height:1.6;
}
#container .con_sbj:before {
    position: absolute;
    top:0;
    left:0;
    content:'';
    display:block;
    width:26px;
    height:7px;
    border-radius:3.5px;
    background:#004b8e;
}
#container .cont {
    padding:24px 0;
}
#container .cont:after {
    content:'';
    display:block;
    clear:both;
}
#container .cont aside.left {
    float: left;
    width:50%;
}
#container .cont aside.right {
    float: right;
    width:50%;
}
#container .cont .txt_con{
    line-height: 1.6;
    letter-spacing: -1px;
    font-size:1.12rem;
    color:#4b4a4a;
}
#container .cont .img_con {
    text-align: right;
}
#container .cont dl dt {
    line-height: 1.6;
    letter-spacing: -1px;
    font-size:1.32rem;
    color:#004b8e;
    font-weight:600;
}
#container .cont dl dt:not(:first-child) {
    margin-top:24px;
}
#container .cont dl dd {
    padding:0 0 0 8px;
    line-height: 1.6;
    letter-spacing: -1px;
    font-size:1.2rem;
    color:#4b4a4a;
}

/***********************************
    FOOTER
***********************************/
#ft {
    padding:0;
    background: #f3f3f3;
    border:none;
}
#ft_wr {
    padding:28px 0;
}
#ft_wr_top:after {
    clear:both;
    content:'';
    display:block;
}
#ft_wr_top {

}
#ft_site_link {
    float:left;
}
#ft_site_link ul {
    display: inline-block;
}
#ft_site_link ul li {
    display: inline-block;
    padding:0 28px;
    border-left:1px solid #cecece;
}
#ft_site_link ul li:first-child {
    padding:0 28px 0 0;
    border:none;
}
#ft_site_link ul li a {
    display:block;
    width: 100%;
    height:inherit;
    color:#626365;
}
#ft_site_link ul li a:hover {
    text-decoration: underline;
}
#ft_brand {
    min-width:320px;
    float:right;
}
#ft_logo {
    height:40px;
    line-height: 40px;
}
#ft_family {
    display: inline-block;
    padding:0 0 0 20px;
}
.fs_link button {
    position:relative;
    display:block;
    padding:0 20px;
    width:190px;
    height:40px;
    line-height:40px;
    border:1px solid #c2c2c2;
    color:#6f6a70;
    text-align: left;
    background:none;
}
.fs_link button i {
    position: absolute;
    top:50%;
    right:20px;
    transform: translate(0, -50%);
}
#ft_family ul {
    display:none;
}
#ft_info {
    display: inline-block;
    float: left;
}
#ft_info p {
    line-height:1.6;
    text-align: left;
    color:#666575;
    font-size:.80rem;
}