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

#g_tab_wrap:after
{
    content:'';
    position:absolute;
    top:-9px;
    left:-9px;
    width:20%;
    height:113%;
    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
{
    /* margin-top:80px; */
    position:relative;
    width:100%;
    overflow:hidden
}

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

.c_tab_cont > div > div
{
    /*overflow:hidden;*/
    margin-bottom:20px;
}

.c_tab_cont_left
{
    position:relative;
    width:55%;
    height:280px;
    float:left;
}

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

.c_tab_cont_left ul
{
    position:relative;
    width:113%;
    padding:20px 0;
    overflow:hidden;
    background:#fbfbfb;
    z-index:8;
    margin-top:15px;
}

.c_tab_cont_left ul li
{
    margin-left:30px;
    line-height:30px;
    font-size:16px;
    color:#666666;
}

.c_tab_cont_left ul li + li
{
    letter-spacing:0.03em
}

.c_tab_cont_left ul li img
{
    vertical-align:-2px;
    margin-right:5px;
}

.c_tab_cont_right
{
    position:relative;
    width:45%;
    height:310px;
    /* overflow:hidden; */
    float:right;
}

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

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

.c_common_title_t
{
    margin-top:50px
}

.c_common_title_l
{
    /* margin-top:130px */
}

.bold_under
{
    font-weight:bold;
    text-decoration:underline;
    color:#000
}

.s_common
{
    margin-left:40px;
    margin-top:30px;
}

.s_common p
{
    margin-top:20px;
    font-family:'malgun gothic';
    font-size:16px;
    color:#666;
}

.s_common_title
{
    font-size:21px;
    font-family:'Noto Sans KR';
    font-weight:bold;
    letter-spacing:-0.1em;
    margin-top:20px;
}

ol.s_ol
{
    margin-top:15px;
    margin-left:20px
}

.ol_two
{
    margin-top:14px !important;
}

ol.s_ol > li
{
    margin-top:6px;
    font-family:'malgun gothic';
    position:relative;
    font-size:16px;
    line-height:28px;
    /* height:49px; */
}

ol.s_ol li span
{
    display:block;
    margin-left:10px;
    color:#666
}

ol.s_ol li span ul
{
    margin-left:10px;
}

ol.s_ol li span ul li
{
    line-height:25px;
    font-size:13px;
    position:relative;
}

.ol_update
{
    font-size:16px;
    line-height:28px;
    font-family:'malgun gothic';
    display:block;
    margin-left:10px;
    color:#666
}

.s_common ol li:nth-child(5)
{
    width:80%
}

ol.s_ol > li:before
{
    content:'';
    position:absolute;
    top:9px;
    left:-9px;
    width:3px;
    height:3px;
    background:#666666;
}

.table_cap
{
    margin:18px 25px;
    display:block;
    position:relative;
    line-height:25px
}

.table_cap:before
{
    content:'';
    position:absolute;
    top:40%;
    left:-9px;
    width:3px;
    height:3px;
    background:#666666;
}

.table_wrapper
{
    margin-left:15px;
    font-family:'Verdana',Malgun Gothic;
    margin-top:20px;
}

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

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

.s_common table th + th + th + th
{
    border-right:0
}

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

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

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

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

.s_common table tr + tr + tr td
{
    /* height:205px */
}

.faq-list
{
    width:100%;
    margin:20px 0 0;
    padding-left:4px;
}

.faq-list > ul
{
    border-top:2px solid #222
}

.faq-list > ul > li
{
    position:relative;
    font-size:18px;
    border-bottom:1px solid #e4e4e8;
    background:url(/images/pages/life/academic/lesson/down.png) no-repeat 98% 35px
}

.faq-list > ul > li.active
{
    background:url(/images/pages/life/academic/lesson/up.png) no-repeat 98% 35px
}

.faq-list > ul > li .q-icon
{
    position:absolute;
    top:17px;
    left:28px
}

.faq-list > ul > li > a
{
    display:block;
    padding:28px 28px 28px 100px;
    letter-spacing:-0.05em
}

.faq-list > ul > li > ul
{
    display:none;
    margin:-28px;
    padding:28px
}

.faq-list > ul > li:first-child > ul
{
     display:block;
}

.faq-list > ul > li > ul > li
{
    border-top:1px solid #dcdcdc;
    font-family:"Verdana","Malgun Gothic";
    font-size:16px;
    letter-spacing:-0.05em;
    line-height:26px;
    background:#fbfbfb
}

.faq-list > ul > li > ul > li .a-group
{
    position:relative;
    padding:20px 20px 20px 100px
}

.faq-list > ul > li > ul > li .a-group .a-icon
{
    position:absolute;
    top:17px;
    left:28px
}

.flow_list
{
    position:relative;
    width:18%;
    /* height:117px; */
    padding:20px;
    border:1px solid #dcdcdc;
    float:left;
    margin-top:45px;
    border-bottom:3px solid #b5b5b5
}

.flow_list_left
{
    position:relative;
    float:left;
    width:5%;
    height:117px;
}

.flow_list ul
{
    text-align:center;
    margin-top:12px;
    font-size:16px;
    color:#666666;
}

.flow_list ul li
{
    line-height:24px;
}

.flow_list > span:nth-child(1)
{
    text-align:center;
    margin:0 auto;
    display:block;
    background:#eef1f4;
    width:56px;
    height:56px;
    border-radius:150px;
    padding-top:16px;
    overflow:hidden;
    margin-top:-48px;
    color:#333;
    font-size:24px;
    font-family:'NanumSB'
}

.flow_list.active
{
    border-bottom:3px solid #034ea2;
}

.flow_list.active > span:nth-child(1)
{
    color:#034ea2;
}

.flow_list_left
{
    position:relative;
    float:left;
    width:6%;
    height:117px;
    text-align:center;
    padding-top:85px;
    font-size:30px;
}

.flow_list_long
{
    width:28%;
}

.flow_list_long ul li span
{
    vertical-align:3px;
}

.b_ability
{
    position:relative;
    width:100%;
    margin-top:55px;
}

.b_ability_cont
{
    position:absolute;
    top:6px;
    left:7px;
    width:98.8%;
    height:96.5%;
    background:#fff;
    padding:45px 47px;
}

.b_ability_cont span
{
    text-align:center;
    margin:0 auto;
    display:block;
    font-size:26px;
    font-family:'NanumSB';
    position:relative;
}

.b_ability_cont span:before
{
    content:'';
    position:absolute;
    top:-12px;
    left:50%;
    transform:translateX(-50%);
    width:20px;
    height:1px;
    background:#000
}

.loans h4
{
    font-size:28px;
    font-family:'NanumEB';
    color:#034ea2;
    margin-top:35px;
    margin-bottom:15px;
    display:block
}

.loans > span
{
    position:relative;
    margin-left:20px;
    display:inline-block;
    font-size: 21px;
    font-family: 'NanumSB';
    letter-spacing: -0.07em;
    margin-bottom:30px;
    display:block;
}

.loans > span:before
{
    content:'';
    position:absolute;
    top:-12px;
    left:0;
    width:20px;
    height:1px;
    background:#000;
}

.loans_ul
{
    position:relative;
    width:100%;
    padding:20px 0;
    overflow:hidden;
    background:#fbfbfb;
    margin-bottom:150px;
}

.loans_ul li
{
    margin-left:30px;
    line-height:38px;
    font-size:16px;
    color:#666;
}

.loans_list
{
    position:relative;
    width:28.7%;
    height:132px;
    border:1px solid #d6dee7;
    float:left;
    border-top:3px solid #034ea2;
}

.loans_list span
{
    text-align:center;
    display:block;
    margin:0 auto;
    width:100%;
    padding:13px 0;
    background:#f6fafe;
    font-family:'NanumSB';
    font-size:19px;
    color:#034ea2;
    border-bottom:1px solid #d6dee7;
}

.loans_list ul
{
    text-align:center;
    margin-top:13px;
    font-size:16px;
    color:#666666;
}

.loans_list ul li
{
    line-height:24px;
    font-family:'malgun gothic';
}

.loans_list_left
{
    position:relative;
    float:left;
    width:6%;
    height:132px;
    text-align:center;
    padding-top:47px;
    font-size:30px;
}

.loans_left, .loans_right
{
    position:relative;
    width:50%;
    height:620px;
    overflow:hidden;
    background:#fbfbfb
}

.loans_left > div:nth-child(1), .loans_right > div:nth-child(1)
{
    height:50%;
}

.loans_left > div:nth-child(1)
{
    background:#dedede;
}

.loans_left > div:nth-child(1) img
{
	width:100%;
}

.loans_right > div:nth-child(1)
{
    background:#d6d6d6;
}

.loans_right > div:nth-child(1) img
{
    width:100%;
}

.loans_left
{
    float:left;
}

.loans_right
{
    float:right;
}

.loans_left div + div, .loans_right div + div
{
    padding:32px 43px 0 30px;
    font-size:16px;
    color:#666;
    line-height:24px;
}

.loans_left div + div p
{
    margin-left:29px;
    margin-bottom:27px;
    font-family:'Verdana', Malgun Gothic;
    /* letter-spacing:-0.1em */
}

.black
{
    float:left;
    vertical-align:middle;
    margin-top:3px;
}

.loans_right div + div span
{
    margin-left:11px;
    font-weight:bold;
    color:#000
}

.lons_sec_span
{
    margin-left:31px !important;
}

.loans_right ul
{
    margin:8px 0 15px 50px;
}

.loans_right ul li
{
    color:#666666;
    line-height:29px;
    font-family:'Verdana', Malgun Gothic;
}

.loans_right p
{
    display:inline-block;
    font-family:'Verdana', Malgun Gothic;
}

.lons_overflow
{
    margin-bottom:8px;
}

.loans_wrap
{
    overflow:hidden;
    margin-bottom:60px;
}

.loans_menu
{
    position:relative;
    /* width:100%; */
    padding:43px 0;
    overflow:hidden;
    margin-left:0px !important
}

.loans_menu > img:nth-child(1)
{
    width:100%;
}

.loans_menu > span:nth-child(2)
{
    position:absolute;
    top:37px;
    left:50%;
    transform:translateX(-50%);
    font-size:21px;
    color:#034ea2;
    font-family:'NanumSB'
}

.loans_menu ul
{
    position:absolute;
    top:65px;
    left:35px;
}

.loans_menu ul li
{
    float:left;
    /* width:25%; */
    margin:16px 0;
    font-size:16px;
    color:#666;
}

.loans_menu ul li span
{
    margin-left:13px
}

.loans_title
{
    margin-left:0px !important
}

.add_loans
{
    margin-top:166px;
    margin-left:40px;
    position:relative;
    border-bottom:2px solid #f1f1f1;
    padding-bottom:120px;
}

.add_loans >  span
{
    font-size:21px;
    font-family:'NanumSB';
    letter-spacing:-0.05em;
}

.add_loans_list
{
    position:relative;
    width:100%;
    padding:25px 20px;
    overflow:visible !important;
    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    /* margin-left:10px; */
    margin:20px 0 20px 10px;
}

.add_loans_list:before
{
    content:'';
    position:absolute;
    top:-1px;
    left:0;
    width:127px;
    height:1px;
    background:#034ea2
}

.add_loans_list img + span + span
{
    display:block;
    margin-left:27px;
    margin-top:15px;
    color:#034ea2
}

.add_loans_list img
{
    vertical-align:-2px
}

.add_loans_list span
{
    margin-left:7px;
}

.add_s_ol span
{
    margin-top:12px;
    display:inline-block;
    color:#666;
    font-family:'Verdana', Malgun Gothic;
    line-height:20px
}

.add_s_ol span + span
{
    display:block
}

.add_loans_border
{
    position:relative;
    width:100%;
    padding:25px 35px;
    background:#fbfcfd;
    border:6px solid #eef1f4;
    margin-top:20px;
}

.add_loans_border ol li + li
{
    margin-top:20px;
}

.add_loans_border ol > li > span
{
    position:relative;
    font-family:'NanumSB';
}

.add_loans_border ol > li > span:after
{
    content:'';
    position:absolute;
    top:40%;
    left:-9px;
    width:3px;
    height:3px;
    background:#000000;
}

.add_loans_border ol li + li:nth-child(2) span
{
    color:#666
}

.add_loans_border ol li + li:nth-child(2) span strong
{
    color:#000
}

.add_loans_border ol li + li + li span
{
    color:#034ea2;
}

.add_loans_border a
{
    padding:4px 39px;
    color:#fff;
    border:none;
}

.add_loans_border ol li a:nth-child(2)
{
    background-color:#67727d;
    margin-left:8px;
    position:relative
}

.add_loans_border ol li a:nth-child(2):hover
{
    background-color:#034ea2;
    color:#fff;
}

.add_loans_down
{
    background:url(/images/pages/life/academic/lesson/download.png) no-repeat 72px 6px;
}


.add_loans_border a + a
{
    background:#034ea2;
    margin-left:5px
}

.add_loans_border a span
{
    margin-left:-31px;
    font-family:'NanumSB';
}

.add_loans_border a img
{
    margin-left:20px
}

.add_loans_btn
{
    text-align:center;
    margin-top:36px;
    padding-bottom:20px;
}

.add_loans_btn a
{
    padding:12px 48px;
    color:#fff;
    border:none;
    margin:0 3px;
    margin-top:-4px;
    display:inline-block;
}

.add_loans_btn a:nth-child(1)
{
    background-color:#687e4f;
}

.add_loans_btn a + a
{
    background-color:#aba000;
}

.add_go_btn1
{
    background:url(/images/pages/life/academic/lesson/go.png) no-repeat 180px center;
}

.add_go_btn2
{
    background:url(/images/pages/life/academic/lesson/go.png) no-repeat 210px center;
}

.add_loans_btn a span
{
    margin-left:-37px
}

.add_loans_btn a img
{
    margin-left:20px;
    vertical-align:-2px;
}

.add_last > span
{
    color:#666;
    position:relative;
}

.add_last > span:before
{
    content:'';
    position:absolute;
    top:40%;
    left:-9px;
    width:3px;
    height:3px;
    background:#000000;
}

.add_last a
{
    padding: 6px 32px;
    color: #fff;
    border: none;
}

.add_last a:nth-child(2)
{
    background-color:#72677d;
    margin-left:15px
}

.add_last a:nth-child(2):hover
{
    background-color:#703794
}

.add_last_view
{
    background:url(/images/pages/life/academic/lesson/view.png) no-repeat 85px 9px;
}

.add_last a + a
{
    background:#703794;
    margin-left:5px;
}

.add_last a span
{
    margin-left:-26px
}

.add_last a img
{
    margin-left:15px;
    vertical-align:0px;
}

.link_btn
{
    padding:7px 53px;
    color:#000;
    border:1px solid #000;
    margin:0 8px;
    font-family:'NanumSR';
    letter-spacing:-0.05em;
    background:url(/images/pages/life/academic/lesson/go1.png) no-repeat 88px center;
}

.link_btn.actives
{
    background:url(/images/pages/life/academic/lesson/go2.png) no-repeat 88px center;
    border:1px solid #034ea2;
    color:#034ea2
}

.link_btn2
{
    color:#034ea2;
    border:1px solid #034ea2;
}

.link_btn span
{
    margin-left:-44px
}

.link_btn img
{
    margin-left:21px;
    vertical-align:-2px
}

.h5_under
{
    margin-left:20px;
    display:inline-block;
    line-height:20px
}

.table_top
{
    display:block;
    font-size:17px;
    margin:15px
}

.table_under
{
    margin-top:10px;
    display:block;
}

.c_span_wrapper
{
    padding-bottom:10px;
}

.s_txt
{
    line-height:20px;
    display:block;
}

.overflow_h
{
    overflow:hidden;
}

.has_link
{
    color:#034ea2;
}

.add_loan_one, .add_loans_border_one
{
    margin-top:370px;
}

.add_loans_border_white ol li + li:nth-child(2) > span
{
    color:#444 !important
}

.add_loans_border_white ol li + li:nth-child(2) span + a span
{
    color:#fff !important
}

.add_loans_border_white ol.s_ol li
{
    line-height:22px !important
}

.main_color
{
    color:#034ea2 !important;
}

.add_list_two > span
{
    font-weight:bold;
    font-size:15px;
    margin-bottom:10px;
    display:block;
}

.add_list_two > span + span
{
    margin-top:30px
}

.add_list_two ul
{
    margin-left:25px;
}

.add_list_two ul li
{

    position:relative;
    line-height:24px;
}

.add_list_two ul li:before
{
    content:'';
    position:absolute;
    top:10px;
    left:-9px;
    width:3px;
    height:3px;
    background:#666666;
}

.add_list_two ul li span
{
    display:block;
    margin-left:10px;
}

.text_download
{
    background:#67727d;
    padding:3px 10px;
    border:none;
    font-family:'NanumSR';
    color:#fff;
    font-size:16px
}

.text_download:hover
{
    color:#fff;
    background:#034ea2
}

.add_loans_down {
    background: url(/images/pages/life/academic/lesson/download.png) no-repeat 65px 7px;
    background-color: #67727d;
    margin-right:221px;
    position: relative;
    /* padding: 4px 49px; */
    color: #fff;
    border: none;
	/* float:right */
}

.add_loans_down span {
    /* margin-left: -37px !important; */
    font-family: 'NanumSB';
}

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

.img_center
{
    display:block;
    margin:0 auto;
    margin-top:20px
}

.line_h
{
    line-height:1.3;
    font-size:14px
}

.float_left
{
    float:left;
}

.fast_go_btn
{
    padding:3px 40px 3px 8px;
    border:1px solid #000;
    background:url(/images/pages/life/academic/service/go1.png) no-repeat 75px center;
}

.fast_go_btn span
{
    font-size:13px;
    margin-left:0px;
    color:#000
}

/* .fast_go_btn > img
{
    margin-left:24px;
    vertical-align:-1px;
} */

.fast_go_btn:hover
{
    border:1px solid #034ea2;
    background:url(/images/pages/life/academic/service/go2.png) no-repeat 75px center;
}

.fast_go_btn:hover span
{
    color:#034ea2 !important;
}

.modify_fast_go_btn
{
    display:inline-block;
    margin:40px 10px
}

.fast_go_right
{
    display:inline-block;
    margin-left:5px;
    padding:7px 40px 7px 8px;
}

.fast_go_right span
{
    color:#000 !important
}

.add_list_two_a
{
    padding:4px 2px !important
}

.img_height
{
    height: 550px
}

.res_menu
{
    position:relative;
    width:100%;
    padding:25px;
    overflow:hidden;
    border:1px solid #e2e6ec;
    margin-top:-50px
}

.res_txt
{
    text-align: center;
    background: #fff;
    padding: 15px 10px;
    z-index:8;
    position: relative;
    width: 16%;
    margin: 0 auto;
    margin-top:0px
}

.res_txt_long
{
    width:25%
}

.res_txt span
{
    font-size: 21px;
    color: #034ea2;
    font-family: 'NanumSB';
}

.res_menu ul
{
    margin-top:5px
}

.res_menu ul:after
{
    clear:both;
    content:'';
    display:block
}

.res_menu ul li
{
    float:left;
    margin:16px 0;
    font-size:16px;
    color:#666
}

.res_menu ul li img
{
    position:relative;
	width: 56px;
	height: 56px;
}

.img_wrapper
{
    position:relative;
    width:56px;
    height:56px;
    overflow:hidden;
    float:left;
}

.img_wrapper:after
{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:100%;
    border:1px solid rgba(0,0,0,0.10);
}


.res_menu ul li span
{
    margin-left: 13px;
    margin-top: 17px;
    display: inline-block;
}

.res_menu:after
{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:7px solid #edf0f3
}

.res_menu_title
{
    font-size:20px;
    margin:20px 20px 20px;
    font-family:'NanumSB';
    color:#034ea2
}

.notice_menu
{
    font-size:16px;
    display:block;
    margin-bottom:60px;
    line-height:20px;
}

.black
{
    color:#000;
    margin-top:-2px;
}

.diff_add
{
    margin-top:40px;
	margin-bottom:20px;
    display:block;
    font-size:16px;
	color:#f26522;
	text-align:center;
}


/* media */
@media(max-width:1200px)
{
    .loans_left, .loans_right
    {
        height:auto
    }
}

@media(max-width:1150px)
{
    .res_menu ul li span
    {
        width:50%;
        display:inline-block;
    }
}
@media(max-width:800px)
{
    .wi_3200
    {
        width:100%
    }
}

@media(max-width:768px)
{
	.loans_left, .loans_right
	{
		width:100%
	}

    .res_txt
    {
        width:35%
    }

    .res_menu ul li span
    {
        line-height:20px
    }
}

@media(max-width:768px)
{
    #g_tab_wrap:after
    {
        height:107%
    }
}


@media(max-width:540px)
{
    .wi_100
    {
        width:100%
    }

}

@media(max-width:480px)
{
    .notice_menu
    {
        margin-top:-23px;
        display:block
    }
    .res_menu ul
    {
        margin-top:-12px
    }
    #g_tab_wrap
    {
        padding:30px
    }

    #g_tab_wrap:after
    {
        height:107%
    }

    .c_common_title
    {
        margin-bottom:23px
    }

    .loans_left div + div, .loans_right div + div
    {
        padding:17px 18px 0 18px
    }

    .loans_right div + div
    {
        padding:17px 18px 13px 7px
    }

    .loans_right ul
    {
        margin:8px 0 15px 31px
    }

    .loans_right div + div span
    {
        margin-left:8px
    }





    .diff_add
    {
        line-height:23px;
        margin-top:18px;
        margin-bottom:-4px;
        text-align:left
    }
    .res_menu
    {
        padding:22px 10px;
    }
    .res_txt
    {
        width:55%
    }
    .res_menu ul li
    {
        margin:16px 0 4px
    }
}

@media screen and (max-width:440px)
{
    .grade_tab li
    {
        width:100%
    }
}

@media(max-width:430px)
{
    .loans_right_height
    {
        height:670px
    }
}

@media(max-width:390px)
{
    #g_tab_wrap:after
    {
        height:107%
    }

    .grade_tab li
    {
        font-size:14px
    }
}

@media(max-width:380px)
{
    .grade_tab li
    {
        width:100%
    }
}