.layout.gamsam
{
	margin-bottom:50px;
}

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

.h_bg
{
    float:right
}

.h_box_wrapper
{
    position:relative;
    width:374px;
    padding:40px 0;
    overflow:hidden;
    background:#034ea2;
    color:#fff
}

.h_box_wrapper h4
{
    text-align:center;
    font-size:45px;
    font-family:'NanumSR';
    margin-bottom:20px;

}

.h_box_wrapper p
{
    padding:0 40px;
    line-height:32px;
    font-size:16px;
}

.h_box_wrap
{
    position:absolute;
    top:100px
}

.h_box_wrapper a
{
    padding:15px 15px;
    margin:0 auto;
    display:block;
    width:78%;
    background-color:#7fab40 !important;
    margin-top:70px;
    font-size:15px;
    background:url(/images/pages/introduction/campus/hyoseong/go.png) no-repeat 257px center;
}

#g_tab_wrap
{
    position:relative;
    width:100%;
    padding:45px 32px;
    border:10px solid #f5f5f5;
}

#g_tab_wrap:after
{
    content:'';
    position:absolute;
    top:-9px;
    left:-9px;
    width:20%;
    height:105%;
    border:10px solid #034ea2;
    border-right:0px;
    border-bottom:0px;
    z-index:1;
}

#g_tab_wrap:before
{
    content:'';
    position:absolute;
    bottom:-11px;
    left:-9px;
    width:11%;
    height:20px;
    border-bottom:10px solid #034ea2;
    z-index:1;
}

.grade_tab li
{
    line-height:2;
    font-size:16px;
    color:#666666;
    cursor:pointer;
    z-index:2;
    position:relative;
    background:url(/images/pages/life/academic/lesson/right.png) no-repeat 0 11px;
}

.grade_tab li img
{
    margin-right:10px;
}

.grade_tab li.active
{
    color:#034ea2;
    text-decoration:underline;
    background:url(/images/pages/life/academic/lesson/right_on.png) no-repeat 0 11px;
}

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

.h4_title
{
    margin:0 0 35px;
    font-family:'NanumSB';
    font-size:28px;
    color:#034ea2;
}

.c_common_title {
    font-size:26px;
    font-family:'NanumSB';
    color:#000;
    position:relative;
    padding-top:14px;
    margin-left:20px;
}

.c_common_title:after {
    content:'';
    position:absolute;
    top:0px;
    left:0;
    width:21px;
    height:1px;
    background:#000;
}

.c_tab_cont > div
{
    margin-top:75px
}

.z_wrapper
{
    position:relative;
    width:100%;
    padding:20px 0;
    overflow:hidden;
}

.z_left
{
    position:relative;
    width:30%;
    float:left;
    background:url(/images/pages/introduction/campus/hyoseong/z_left.png) no-repeat center 50px;
    padding-bottom:30px;
}

.z_right
{
    position:relative;
    width:70%;
    overflow:hidden;
    float:right;
}

.s_common
{
    margin:30px 0 0px 20px;
}

.s_common table
{
    position:relative;
    width:100%;
    text-align:center;
    font-family:'malgun gothic';
    font-size:16px;
    border-bottom:1px solid #dcdcdc;
    border-top:1px solid #333333;
}

.s_common table th
{
    border-right:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
}

.s_common table td
{
    border:1px solid #dcdcdc;
    color:#666666;
}

.s_common table tr:nth-child(1) td
{
    border-top:0px
}

.s_common table tr td
{
    text-align:left;
    padding:20px
}

.s_common table td:nth-child(1)
{
    border-left:0
}

.s_common table tr:last-child td
{
    line-height:27px;
}

.s_common table th, .s_common table td
{
    height:50px;
}

.s_common table th
{
    background:#fbfbfb;
    font-weight:bold;
    text-align:center;
}

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

.z_map_left
{
    position:relative;
    width:28%;
    overflow:hidden;
    border-top:1px solid #dcdcdc;
    float:left;
}

.z_map_left h6
{
    margin:50px 0 23px 0;
    font-family:'Noto Sans KR';
    font-size:20px;
    color:#034ea2;
}

.z_map_left span
{
    font-size:16px;
    color:#666666;
	line-height:1.7;
}

.z_map_right
{
    position:relative;
    width:72%;
    overflow:hidden;
    float:right;
    padding-left:45px
}

/* 오시는 길 */
#map
{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}

.roadmap-container .map_wrap
{
    position:static;
    top: auto;
    left: auto;
    width: 100%;
    height: 500px;
    opacity: 1;
    border: 1px solid #c0b7ab;
}
.roadmap-container .map_wrap a
{
    color: #000;
}

.roadmap-group
{
    margin: 65px 0 0;
}

.roadmap-group:after
{
    content: "";
    display: block;
    clear: both;
}

.customoverlay
{
    position:relative;
    bottom:88px;
    border-radius:0;
    float:left;
}

.customoverlay:nth-of-type(n)
{
    border:0;
    box-shadow:0px 1px 2px #888;
}

.customoverlay a
{
    display:block;
    text-decoration:none;
    color:#8dc2bd;
    text-align:center;
    font-size:14px;
    font-weight:400;
    overflow:hidden;
    background:#034ea2 url("http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png") no-repeat right 14px center;
}

.customoverlay .title
{
    display:block;
    text-align:center;
    background:#fff;
    margin-right:37px;
    padding:10px 15px 11px;
    font-size:16px;
    font-weight:normal;
    color:#666666;
    letter-spacing:-0.06em;
}

.customoverlay:after
{
    content:'';
    position:absolute;
    margin-left:-12px;
    left:50%;
    bottom:-12px;
    width:22px;
    height:12px;
    background: url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png');
}

.radius_border
{
    border:1px solid #333;
    border-radius:0;
}

.custom_typecontrol
{
    position:absolute;
    top:10px;
    right:10px;
    width:180px;
    height:40px;
    margin:0;
    padding:0;
    z-index:1;
    font-size:15px;
    font-family:'Malgun Gothic','맑은 고딕',sans-serif;
}

.custom_typecontrol span
{
    display:block;
    width:50%;
    height:38px;
    float:left;
    text-align:center;
    line-height:36px;
    cursor:pointer;
}

.custom_typecontrol .btn
{
    background:#fff;
    background:linear-gradient(#fff,  #e6e6e6);
    padding:0;
	border-radius:0;
    font-size:15px;
    font-family:'Malgun Gothic', '맑은 고딕', sans-serif
}

.custom_typecontrol .btn:hover
{
    background:#f5f5f5;
    background:linear-gradient(#f5f5f5,#e3e3e3);
}

.custom_typecontrol .btn:active
{
    background:#e6e6e6;
    background:linear-gradient(#e6e6e6, #fff);
}

.custom_typecontrol .selected_btn
{
    color:#fff;
    background:#425470;
    background:linear-gradient(#425470, #5b6d8a);
	line-height:39px;
}

.custom_typecontrol .selected_btn:hover
{
    color:#fff;
}

.custom_zoomcontrol
{
    position:absolute;
    top:60px;
    right:10px;
    width:40px;
    height:80px;
    overflow:hidden;
    z-index:1;
    background-color:#f5f5f5;
}

.custom_zoomcontrol span
{
    display:block;
    width:40px;
    height:40px;
    text-align:center;
    cursor:pointer;
}

.custom_zoomcontrol span img
{
    width:15px;
    padding:12px 0;
    border:none;
}

.custom_zoomcontrol span:first-child
{
    border-bottom:1px solid #bfbfbf;
}


.main_list
{
    position:relative;
    width:100%;
    border-top:1px solid #333333;
    overflow:hidden;
    margin-top:60px;
}

.main_depth
{
    position:relative;
    width:100%;
    border-bottom:1px solid #dcdcdc;
    overflow:hidden
}

.m_depth_content
{
    overflow:hidden;
}

.m_depth_left
{
    position:relative;
    width:23%;
    height:100%;
    overflow:hidden;
    float:left;
    margin-top:110px
}


.m_depth_left img
{
    display:block;
    margin:0 auto
}

.m_depth_right
{
    position:relative;
    width:77%;
    height:100%;
    overflow:hidden;
    float:right;
    padding:32px 0 20px 35px
}

.m_depth_right:after
{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:1px;
    height:70px;
    background:#dcdcdc
}

.m_depth_right h5
{
    font-family:'NanumSB';
    font-size:26px;
    color:#000;
    line-height:26px;
}

.m_depth_right > p
{
    color:#666;
    margin-top:25px;
    font-size:16px;
}

.m_depth_right ul
{
    margin-top:13px;
    margin-left:20px
}

.m_depth_right ul li
{
    position:relative;
    line-height:24px;
    color:#666;
    font-size:16px;
}

.m_depth_right ul li:before
{
    content:'';
    position:absolute;
    top:10px;
    left:-12px;
    width:4px;
    height:4px;
    background:#666666
}

/* .m_depth_right ul li ul
{
    margin-left:25px
}

.m_depth_right ul li ul li
{
    position:relative;
    color:#666;
}

.m_depth_right ul li ul li:before
{
    content:'';
    position:absolute;
    top:12px;
    left:-12px;
    width:5px;
    height:1px;
    background:#666666
} */

.m_d_notice
{
    margin-top:25px;
    color:#034ea2;
    display:block;
    font-size:16px;
}

.m_depth_list
{
    margin-left:23px
}

.m_depth_list h6
{
    margin-top:30px;
    font-family:'NotoKrM';
    font-size:21px;
    font-weight:400;
    color:#000
}

.m_depth_list p
{
    color:#666;
    margin-top:12px;
    line-height:20px;
	font-size:16px;
	line-height:1.7;
	letter-spacing:0;
}

.m_depth_list > span
{
    color:#333;
    font-size:16px;
    display:block;
    margin-top:20px;
    font-weight:600;
}

.m_depth_list p u
{
    color:#333;
    padding-bottom: 10px
}

.m_depth_right a
{
    border: 1px solid #000;
    padding: 7px 48px 7px 8px;
    color: #000;
    font-size: 13px;
    background: url(/images/pages/life/internet/learning/go.png) no-repeat 80px center;
    display: block;
    line-height: 1;
    margin-top: 2px;
    float: right;
    margin-right: 13%;
    margin-top: 2.3%;
}

.float_btn
{
    float:left
}

.under_line
{
    position:relative;
}

.under_line:before
{
    content:'';
    position:absolute;
    bottom:-3px;
    left:2px;
    width:100%;
    height:1px;
    background:#333
}

/* m_dep */
.m_dep1
{
    margin-top:50px;
}

.m_dep2
{
    margin-top:150px
}

.m_dep3
{
    margin-top:230px
}

.m_dep4
{
    margin-top:180px
}
.xs-txt
{
    margin-left:15px;
    font-size:16px;
    display:none
}

.h_box_wrap_m
{
    display:none
}

.m_depth_right a:hover
{
    color:#034ea2;
    border:1px solid #034ea2;
    background:url(/images/pages/life/internet/learning/go2.png) no-repeat 87.5% center;
}

.up_btn_wrap
{
    text-align:right;
    margin-top:20px;
}

.up_btn_wrap button
{
    padding:10px 45px;
    border:1px solid #034ea2;
    color:#034ea2;
    font-family:'NanumSR';
    font-size:16px;
}

.up_btn_wrap button:hover
{
    background:#034ea2;
    color:#fff;
    transition:all .5s;
}

/* media */
@media(max-width:950px)
{
    .m_depth_right ul li span
    {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:initial;
        width:68%;
    }
}

@media(max-width:768px)
{
    .table_wrapper
    {
        overflow-x: scroll;
        margin:0;
    }

    .table_wrapper table
    {
        border-left:1px solid #dcdcdc;
    }

    .xs-txt
    {
        display:block;
        margin-left:0px;
        margin-bottom:8px;
        margin-top:5px;
    }

    .main_list > div:nth-child(1) .m_depth_left
    {
        margin-top:75px
    }

    .main_top
    {
        width:100%;
        margin-top:0;
        height:auto;
        padding:0px 0 50px 0
    }

    .main_top p
    {
        width:90%
    }

    .m_depth_left, .m_depth_right
    {
        width:100%;
    }

    .m_depth_right:after
    {
        display:none
    }

    .m_depth_right
    {
        padding:60px 0 40px 35px
    }

    #g_tab_wrap:after
    {
        height:103%
    }

    .h_campus
    {
        height:510px;
    }

    .h_box_wrapper
    {
        width:100%
    }

    .h_box_wrap_p
    {
        display:none;
    }

    .h_box_wrap_m
    {
        display:block;
    }

    .h_box_wrap_m .h_box_wrap
    {
        position:static;
    }

    .h_box_wrapper a
    {
        background-position:95% center;
    }

    .z_left, .z_right
    {
        width:100%
    }

    .z_left
    {
        background:none;
        text-align:center
    }

    .z_map
    {
        overflow:visible
    }

    .z_map_left
    {
        width:100%;
        margin-top:520px;
        padding-bottom:40px;
    }

    .z_map_right
    {
        position:absolute;
        top:66px;
        left:-8%;
        width:108%
    }

    .m_dep2
    {
        margin-top:90px
    }

    .m_dep3, .m_dep4
    {
        margin-top:100px;
    }

    .m_depth_right a
    {
        float:none;
        position:relative;
        margin-top:90px;
        background-position:98% center;
        width:100%
    }

    .m_depth_right a:hover
    {
        background:url(/images/pages/life/internet/learning/go2.png) no-repeat 98% center;
    }
}

@media(max-width:590px)
{
    .main_top h4 span
    {
        display:block;
        margin-top:5px;
    }

    .m_depth_right ul li span
    {
        width:100%;
    }

    .m_depth_right ul li a
    {
        margin-top:0px;
        float:left;
    }

    .m_depth_right ul li a
    {
        width:96%;
        background-position:96% 55%
    }

    .m_depth_right ul li a:hover
    {
        color:#034ea2;
        border:1px solid #034ea2;
        background:url(/images/pages/life/internet/learning/go2.png) no-repeat 96% center;
    }

    .grade_tab li
    {
        width:100%
    }

    #g_tab_wrap:after
    {
        height:102%;
    }
}

/* @media(max-width:480px)
{
	.z_map_right
	{
		height:380px
	}
	.z_map_left
	{
		margin-top:410px
	}
    .main_bg
    {
        height:184px;
    }

    .m_depth_right
    {
        padding:60px 0 40px 5px
    }

    .m_depth_right > ul
    {
        margin-left:12px;
    }

    .m_depth_right ul li ul
    {
        margin-left:0
    }

    .h_campus
    {
        height:auto;
    }

    .h_campus .h_bg img
    {
        width:100%
    }

    .h_box_wrapper
    {
        margin-top:-40px;
    }

    .z_map_right
    {
        left:-10%;
    }

    .z_map_left h6
    {
        margin:30px 0 23px 0;
    }

    .z_map_left div:nth-child(2)
    {
        float:left
    }

    .z_map_left div + div + div
    {
        display:inline-block;
        margin-left:50px;
    }

    .m_depth_list
    {
        margin-left:0;
    }

    .up_btn_wrap button
    {
        padding:7px 23px
    }
} */

@media(max-width:480px)
{
	.h_box_wrapper
	{
		padding:18px 0 23px
	}
	.h_box_wrapper p
	{
		padding:0 22px;
		line-height:1.5
	}
	.h_box_wrapper a
	{
		width:89%;
		margin-top:21px
	}
	.h_box_wrapper h4
	{
		display:none;
		font-size:28px;
		letter-spacing:0.02em;
		margin-bottom:8px
	}
	.h4_title
	{
		font-size:26px;
		margin:5px 0 25px
	}
	#g_tab_wrap
	{
		padding:30px
	}
	.h_campus_left_img
	{
		width:100%
	}
	.c_tab_cont > div
	{
		margin-top:34px
	}
	.c_common_title
	{
		font-size:24px;
		margin-left:0;
		line-height:30px
	}
	.s_common
	{
		margin:20px 0 0 0
	}
	.z_left
	{
		padding-bottom:38px
	}
	.m_depth_left img
	{
		display:none
	}
	.main_list > div:nth-child(1) .m_depth_left, .m_dep3, .m_dep4, .m_depth_left
	{
		margin-top:0
	}
	.go_right_btn
	{
		margin-top:20px;
	}
	.roadmap-container .map_wrap
	{
		height:300px
	}





    .main_bg
    {
        height:184px;
    }

    .m_depth_right
    {
        padding:34px 0 24px 0px
    }

    .m_depth_right > ul
    {
        margin-left:12px;
    }

    .m_depth_right ul li ul
    {
        margin-left:0
    }

    .h_campus
    {
        height:auto;
    }

    .h_campus .h_bg img
    {
        width:100%
    }

    .h_box_wrapper
    {
        margin-top:0px;
    }

    .z_map_right
    {
        left:-10%;
		top:50px;
		height:300px;
		left:0;
		width:100%;
		padding-left:0
    }
	.z_map_left
	{
		margin-top:295px;
		border-top:0;
		padding-bottom:24px
	}

    .z_map_left h6
    {
        margin:25px 0 9px 0;
    }

    .z_map_left div:nth-child(2)
    {
        float:left
    }

    .z_map_left div + div + div
    {
        display:inline-block;
        margin-left:50px;
    }

    .m_depth_list
    {
        margin-left:0;
    }

	.up_btn_wrap
	{
		margin-top:15px
	}
    .up_btn_wrap button
    {
        padding:12px 23px;
		width:100%
    }

    .m_depth_right h5 {
        font-size: 24px;
    }

}

@media(max-width:360px)
{
	.m_depth_right h5
	{
		line-height:30px
	}




	.h_box_wrapper
	{
		padding:20px 0 20px
	}
}

@media(max-width:350px)
{
    .h_box_wrapper a
    {
        font-size:13px;
    }
}