/* common_title */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */

/* tab */

.c_tab_title
{
    position:relative;
    width:100%;
    overflow:hidden;
}

.c_tab_title ul
{
    /*
    border-left:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
    */
}

.c_tab_title ul li
{
    float: left;
	width: calc(25% + 1px);
    margin: -1px 0 0 -1px;
    padding: 22px 0;
    text-align:center;
    font-family:'Noto Sans KR';
    font-size: 20px;
    border:1px solid #d0d0d0;
    background: #fff;
    cursor:pointer;
}

.c_tab_title ul li span
{
	font-weight:300;
}

.c_tab_title ul li span.year
{
	font-family:'NanumSB';
	letter-spacing:0;
}

.c_tab_title ul li span.year_txt
{
    font-family:'Malgun Gothic';
    font-size:18px;
    letter-spacing:-0.05em
}

.c_tab_title ul li span.txt
{
	font-family:'Malgun Gothic';
	font-size:18px;
	letter-spacing:-0.05em;
}

.c_tab_title ul li.active
{
    color:#034ea2;
    position: relative;
    z-index: 1;
}

.c_tab_title ul li.active:after
{
    content:'';
    position:absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height:3px;
    background:#034ea2;
}

.c_tab_cont
{
    position:relative;
    width:100%;
    margin-bottom: 50px;
    overflow:hidden;
}

.c_tab_cont > div:not(:first-child)
{
    display:none;
}

.c_tab_cont ul
{
    margin-left: -34px;
}

.c_tab_cont ul li
{
    float:left;
    width:25%;
    text-align:center;
    margin-top:54px;
    padding-left: 34px;
}

.c_tab_cont ul li img:nth-child(2)
{
    display:none;
}

.c_tab_cont ul li:hover img:nth-child(2)
{
    display:block;
    margin:0 auto;
}

.c_tab_cont ul li:hover img:nth-child(1)
{
    display:none;
}

.c_tab_cont ul li:hover div.tab_inner
{
	transition:all .5s;
    border:3px solid #034ea2;
    cursor:pointer;
    padding:73px 0;
	box-shadow:0px 5px 20px 0 rgba(0,0,0,0.15);
	transform:translateY(-10px);
}

.c_tab_cont ul li:not(:hover) div.tab_inner
{
	transform:translateY(0px);
	transition:all .5s;
}

.c_tab_cont ul li:hover p
{
    color:#034ea2;
}

.c_tab_cont ul li div.tab_inner
{
    overflow:hidden;
    height:258px;
    border:1px solid #d2d2d2;
    padding-top:75px
}

.c_tab_cont ul li div.tab_inner p
{
    margin-top:52px;
    color:#687e95;
    font-size:20px;
}

.tab_inner div
{
    height:72px;
}

/* top */

.top_bg
{
    margin-top:50px;
    width:100%;
    height:362px;
    background-color:#000;
    position:relative;
    overflow:hidden;
}

.top_bg img
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    opacity:.6;
}

.top_bg .top_bg_txt
{
    position:absolute;
    top:53%;
    left:50%;
    transform:translate(-50%, -50%);
    color:#fff;
    text-align:center;
    width:100%;
}

.top_bg .top_bg_txt h4
{
    font-size:45px;
    margin-bottom:20px;
    font-family:'NanumSL';
}

.top_bg .top_bg_txt p
{
    font-family:'Noto Sans KR',sans-serif;
    font-size:19px;
    font-weight:200
}


/* bottom */

.bottom_content
{
    position:relative;
    width:100%;
    height:auto;
    background:#fbfbfb;
    overflow:hidden;
    border-bottom:3px solid #034ea2
}

.bottom_content div
{
    width:90%;
    height:auto;
    margin:0 auto;
    display:block;
    border-bottom:1px solid #e3e3e3;
    padding-top:70px;
	padding-bottom:50px;
    overflow:hidden;
}

/* .bottom_content div + div */
.bottom_content div:last-child
{
    border-bottom:0
}

.bottom_content div dl
{
    text-align:left;
}

.bottom_content div dl dt
{
    margin-bottom:20px;
    font-family:'NanumSB';
    color:#1d1d1d;
	font-weight:400;
    font-size:28px
}

.bottom_content div dd
{
    line-height:36px;
    font-size:16px;
    color:#666666;
    position:relative;
}

.bottom_content div dd:hover
{
    color:#034ea2;
    text-decoration:underline;
}

.bottom_content div dd:hover .icon_img
{
    display:none
}

.bottom_content div dd:hover .icon_img_hover
{
    display:inline-block;
    width:12px;
    margin-left:4px;
    margin-bottom:3px;
}


.icon_img
{
    width:12px;
    margin-left:4px;
    margin-bottom:3px;
}

.icon_img_hover
{
    display:none
}

/* media */

@media(max-width:1200px)
{
    .top_bg img
    {
    height:100%;
    width:auto;
    left:50%;
    transform:translateX(-50%);
    }
}

@media screen and (max-width: 1023px)
{
    .c_tab_title ul li
    {
        float: left;
        width: 50%;
    }

    div.c_tab_cont ul
    {
        margin-left: -30px;
    }
    div.c_tab_cont ul li
    {
        width: 33.33333333333333%;
        margin-top:30px;
        padding-left: 30px;
    }
}

@media(max-width:990px)
{
    .bottom_content
    {
        height:auto;
    }

    .bottom_content div dl + dl + dl
    {
        margin-top:50px;
    }

    .bottom_content div
    {
        padding-top:37px
    }

}

@media screen and (max-width: 768px)
{
    .c_tab_title ul li
    {
        width: 100%;
        padding:15px 0 15px
    }

    .top_bg
    {
        height:262px
    }

    div.c_tab_cont ul li
    {
        width: 50%;
    }

    div.c_tab_cont ul li:nth-child(even)
    {
        margin-left: -1px;
    }
}

@media(max-width:620px)
{
    .bottom_content div dl
    {
        width:100%
    }

    .bottom_content div dl:not(:first-child)
    {
        margin-top:50px !important;
    }

    .bottom_content div
    {
        padding-top:30px;
    }
}

@media screen and (max-width: 580px)
{

    div.c_tab_cont ul li
    {
        width: 100%;
        margin-top:20px;
        margin-left: 0;
    }
}

@media(max-width:480px)
{
    .top_bg
    {
        height:180px;
        margin-top:28px
    }

    .top_bg .top_bg_txt
    {
        padding:0 50px
    }

    .top_bg .top_bg_txt h4
    {
        font-size:28px;
        line-height:33px
    }

    .top_bg .top_bg_txt p
    {
        font-size:16px;
        line-height:22px
    }
    .bottom_content div dl
    {
        margin-bottom:0
    }
    .bottom_content div dl:not(:first-child)
    {
        margin-top:25px !important
    }
    .bottom_content div dl dt
    {
        margin-bottom:0;
        font-size:26px
    }
    .bottom_content div
    {
        padding-bottom:30px
    }
}

@media screen and (max-width:370px)
{
    .top_bg .top_bg_txt
    {
        padding:0 30px
    }
}