@charset "utf-8";
.wrap_ready {
    text-align: center;
    padding: 20px 0
}
/* 공통 */
.wfull {
    width : 90%;
}

.butt_h3 {
    clear: both;
    font-size: 22px;
    font-weight: 400;
    color: #333;
    padding: 20px 0 10px 0;
    background: url('/pages/basic/img/sub/h3_butt.gif') 0 0 no-repeat;
    letter-spacing: -2px
}
.butt_h4 {
    clear: both;
    font-size: 15px;
    letter-spacing: -1px;
    color: #000;
    padding-bottom: 15px;
    line-height: 20px;
    font-weight: normal
}
.ul_type {
    clear: both;
    margin: 20px 0
}
.ul_type li {
    font-size: 13px;
    color: #777;
    line-height: 22px;
    padding-left: 18px;
    background: url('/pages/basic/img/sub/li_butt.gif') 5px 8px no-repeat;
    padding-bottom: 8px
}
.ul_type li strong {
    color: #1d1d1d
}
.ul_type li span {
    font-weight: 700;
    color: #333
}
.ul_type li a {
    color: #777
}
.ul_type2 {
    clear: both;
    margin: 0
}
.ul_type2 li {
    font-size: 14px;
    color: #333;
    line-height: 19px;
    padding-left: 18px;
    background: url('/pages/basic/img/sub/li_butt.gif') 5px 8px no-repeat;
    padding-bottom: 5px;
    letter-spacing: -1px
}
.ul_type2 li strong {
    color: #1d1d1d
}
.ul_type2 li span {
    font-weight: 700;
    color: #333
}
.ul_type3 {
    clear: both;
    margin: 20px 0
}
.ul_type3 li {
    font-size: 14px;
    color: #777;
    line-height: 19px;
    padding-left: 18px;
    background: url('/pages/basic/img/sub/li_butt.gif') 5px 8px no-repeat;
    padding-bottom: 2px
	letter-spacing: 0pt;
}
.ul_type3 li span {
    font-weight: 700;
    color: #333
}
.ul_type3 li strong {
    color: #1d1d1d
}
.ul_type4 {
    margin: 6px 0 10px 0
}
.ul_type4 li {
    background: none !important;
    padding-left: 13px;
    position: relative;
    margin-bottom: 3px;
    line-height: 135%
}
.ul_type4 li span {
    color: #000;
}
.ul_type4 li a {
    border-bottom: 1px dotted #333;
    color: #333
}
.ul_type4 li:last-child {
    margin-bottom: 0
}
.ul_type4 li:before {
    content: '';
    display: block;
    position: absolute;
    left: 3px;
    top: 8px;
    width: 4px;
    height: 1px;
    background-color: #757575
}
.ul_type5 {
    clear: both;
    margin: 0
}
.ul_type5 li {
    font-size: 13px;
    color: #777;
    line-height: 19px;
    padding-left: 18px;
    background: url('/pages/basic/img/sub/li_butt.gif') 5px 8px no-repeat;
    padding-bottom: 5px;
    letter-spacing: -.02em
}
.ul_type5 li strong {
    color: #1d1d1d
}
.ul_type5 li span {
    font-weight: 700;
    color: #333
}
.p_type {
    font-size: 13px;
    color: #777;
    line-height: 21px;
    letter-spacing: -1px;
    padding-bottom: 20px
}
.p_type strong {
    font-weight: 700;
    color: #df0000;
    border-bottom: 1px dotted #df0000;
    padding: 0 3px
}
.stylebox {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 27px 0;
    overflow: hidden
}
/* .stylebox{box-sizing:border-box;width:100%;background:#fff;padding:27px 22px 27px 23px;overflow:hidden} */

.stylebox2 {
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    padding: 47px 22px 7px 23px;
    overflow: hidden;
    border-top: 3px solid #8b99b0;
    border-bottom: 1px solid #ddd
}
.aC {
    text-align: center
}
.c_red {
    color: red !important
}
.textc {
    text-align: center
}
.red_point {
    color: #e22b00
}
.butt_h5 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 20px;
    letter-spacing: -.02em;
    padding-bottom: 5px;
    background: url('/pages/_common/img/butt_h5.gif') 0 9px no-repeat;
    padding-left: 15px
}
.p_box {
    clear: both;
    border: 1px dotted #ddd;
    box-sizing: border-box;
    padding: 18px 20px 6px 15px;
    margin: 10px 0 15px 0;
    width: 100%
}
.text_type {
    font-size: 13px;
    color: #777;
    line-height: 19px;
    padding-bottom: 12px
}
.text_type2 {
    font-size: 14px;
    color: #333;
    line-height: 19px;
    padding-bottom: 12px;
    letter-spacing: -1px;
}
/* input */

.input_type {
    position: relative;
    height: 28px;
    border: 1px solid #b7b7b7;
    border-right-color: #e1e1e1;
    border-bottom-color: #e1e1e1;
    background: transparent;
    font-size: 12px;
    font-family: 'Nanum Gothic';
    line-height: 30px;
    padding: 0 3px 0 6px;
    margin: 2px 0;
    border-radius: 0;
}
.input_type2 {
    position: relative;
    height: 28px;
    border: 1px solid #b7b7b7;
    border-right-color: #e1e1e1;
    border-bottom-color: #e1e1e1;
    background: #fff;
    font-size: 12px;
    font-family: 'Nanum Gothic';
    line-height: 30px;
    padding: 0 3px 0 6px;
    margin: 2px 0;
    border-radius: 0;
}
/* select */

.select_type {
    position: relative;
    height: 30px;
    border: 1px solid #b7b7b7;
    border-right-color: #e1e1e1;
    border-bottom-color: #e1e1e1;
    background: transparent;
    font-size: 12px;
    font-family: 'Nanum Gothic';
    line-height: 30px;
    padding: 0 3px;
    margin: 2px 0;
    border-radius: 0;
}
.checkbox_type {
    border: 1px solid #ccc;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    background: #fff;
    margin-right: 3px;
    position: relative;
    top: -1px;
    margin-left: 3px
}
/* table */

.table_type {
    padding-bottom: 30px
}
.table_type table {
    font-size: 11px
	width: 99%;
}
.table_type table th {
    border-top: 1px solid #d5d6d8;
    border-right: 1px solid #d5d6d8;
    border-bottom: 1px solid #d5d6d8;
    background: #e8e8e8;
    color: #555555;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 7px;
    font-size: 14px;    
}
.table_type table th:last-child {
    border-right: 0;
}
.table_type table td {
    border-right: 1px solid #d5d6d8;
    border-bottom: 1px solid #d5d6d8;
    color: #959595;
    line-height: 16px;
    padding: 13px;
    font-size: 13px;
}
.table_type table td:last-child {
    border-right: 0;
}
.table_type table .tit {
    font-weight: 700;
    color: #333
}
.table_type .m_info {
    display: none
}
.table_type1 {
    padding: 0px 50px
}
.table_type1 table {
    font-size: 11px;
    text-align: center
}
.table_type1 table th {
    border-top: 1px solid #d5d6d8;
    border-right: 1px solid #d5d6d8;
    border-bottom: 1px solid #d5d6d8;
    background: #e8e8e8;
    color: #555555;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 7px;
}
.table_type1 table th:last-child {
    border-right: 0;
}
.table_type1 table td {
    border-right: 1px solid #d5d6d8;
    border-bottom: 1px solid #d5d6d8;
    color: #959595;
    line-height: 16px;
    padding: 13px;
    font-size: 1.0em
}
.table_type1 table td:last-child {
    border-right: 0;
}
.table_type1 table .bgcolor1 {
    background: #f8f4e5
}
.table_type1 table .color_bl {
    color: #000
}
.table_type1 table .color_red {
    color: #ff1200;
    font-weight: 800
}
.table_type1 table .tit {
    font-weight: 700;
    color: #333
}
.table_type .m_info {
    display: none
}
/* btn */

.btn_type1 {
    background: #8B99B0;
    margin: 0 3px;
    padding: 5px 10px 5px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 3px;
    line-height: 16px;
    border: 1px solid #7F8CA2
}
.btn_type1:hover {
    background: #6E7D96
}
.btn_type2 {
    background: #8B99B0;
    padding: 5px 10px 5px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 3px;
    line-height: 25px;
    border: 1px solid #7F8CA2;
    display: block;
    width: 40%;
    margin: 0 auto
}
.btn_type2:hover {
    background: #6E7D96
}
/* process_fixed_wrap */

/* #process_fixed_wrap{width:100%;position:fixed;z-index:100;height:100px;top:0;background:url(/pages/basic/img/sub/process_fixed_topbg.png) repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pages/basic/img/sub/process_fixed_topbg.png',sizingMethod='crop')} */

#process_fixed_wrap {
    width: 100%;
    position: fixed;
    z-index: 100;
    height: 90px;
    top: 0;
    background: #333
}
.process_fixed_list {
    width: 1000px;
    height: 90px;
    margin: 0 auto;
    position: relative;
    padding-left: 210px
}
.process_fixed_list p {
    display: block;
    position: absolute;
    top: 25px;
    left: 40px;
    color: #6be5f0;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -1px;
    font-weight: 700
}
.process_fixed_list li a {
    display: block;
    width: 20%;
    height: 60px;
    float: left;
    margin-top: 15px;
    border-right: 1px solid #555;
    position: relative;
    margin-left: -1px;
    box-sizing: border-box;
    text-align: right;
    padding: 0 30px 0 0;
    line-height: 60px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #fff
}
.process_fixed_list li a.icon1 {
    background: url(/pages/basic/img/sub/process_fixed_icon1.png) 30px 5px no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pages/basic/img/sub/process_fixed_icon1.png', sizingMethod='crop')
}
.process_fixed_list li a.icon2 {
    background: url(/pages/basic/img/sub/process_fixed_icon3.png) 30px 5px no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pages/basic/img/sub/process_fixed_icon3.png', sizingMethod='crop')
}
.process_fixed_list li a.icon3 {
    background: url(/pages/basic/img/sub/process_fixed_icon4.png) 30px 5px no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pages/basic/img/sub/process_fixed_icon4.png', sizingMethod='crop')
}
.process_fixed_list li a.icon4 {
    background: url(/pages/basic/img/sub/process_fixed_icon6.png) 30px 5px no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pages/basic/img/sub/process_fixed_icon6.png', sizingMethod='crop')
}
.process_fixed_list li a.icon5 {
    background: url(/pages/basic/img/sub/process_fixed_icon5.png) 30px 5px no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pages/basic/img/sub/process_fixed_icon5.png', sizingMethod='crop')
}
.process_fixed_list li a:hover {
    border: 5px solid #ea5f5f;
    box-sizing: border-box
}
.process_fixed_list li a:hover.icon1 {
    background-position: 25px 0;
    line-height: 50px
}
.process_fixed_list li a:hover.icon2 {
    background-position: 25px 0;
    line-height: 50px
}
.process_fixed_list li a:hover.icon3 {
    background-position: 25px 0;
    line-height: 50px
}
.process_fixed_list li a:hover.icon4 {
    background-position: 25px 0;
    line-height: 50px
}
.process_fixed_list li a:hover.icon5 {
    background-position: 25px 0;
    line-height: 50px
}
.process_fixed_list2 {
    display: none
}
/* 수강후기 */

.process_tabinfo_box_type5 {
    padding: 47px 22px 7px 23px
}
.tab_title .ctitle {
    background: url('/pages/basic/img/sub/title_bg.gif') center top no-repeat;
    padding: 20px 0 0px 0;
    text-transform: uppercase;
    font-family: "Nanum Gothic", sans-serif;
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 30px;
    text-align: center
}
.tab_title .ctitle span {
    color: #007eda
}
.tab_title .text {
    color: #555;
    font-size: 13px;
    line-height: 18px;
    padding: 10px 0 30px 0px;
    text-align: center
}
.process_review_wrap {
    border: 1px solid #ddd;
    padding: 25px;
    overflow: hidden
}
.process_review_wrap input {
    float: left;
    padding-right: 10px
}
.process_review_wrap h3 {
    padding-bottom: 10px
}
.process_review_wrap .btn_write {
    float: left;
    margin-top: 5px;
    width: 100%;
    text-align: center
}
.process_review_wrap .btn_write a {
    background: #667986 none repeat scroll 0 0;
    display: block;
    color: #fff;
    line-height: 40px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -1px
}
.process_review_wrap .btn_write a:hover {
    background: #333
}
.process_review_wrap .star_box {
    float: left;
    overflow: hidden;
    padding: 3px 0 2px
}
.process_review_wrap .star_box li {
    float: left
}
.wrap_epex {
    position: relative;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0;
    margin-bottom: 20px
}
.wrap_epex .title {
    position: absolute;
    left: 46px;
    top: 22px;
    font-size: 13px;
    font-weight: 600;
    color: #333
}
.wrap_epex ul {
    padding-left: 165px
}
.wrap_epex ul li {
    line-height: 18px;
    padding-bottom: 4px;
    color: #666;
    padding-left: 24px
}
.wrap_epex ul li.epnum01 {
    background: url('/pages/basic/img/sub/ep_number01.gif') left top no-repeat;
}
.wrap_epex ul li.epnum02 {
    background: url('/pages/basic/img/sub/ep_number02.gif') left top no-repeat;
}
.wrap_epex ul li.epnum03 {
    background: url('/pages/basic/img/sub/ep_number03.gif') left top no-repeat;
}
.wrap_epex ul li.epnum04 {
    background: url('/pages/basic/img/sub/ep_number04.gif') left top no-repeat;
}
.wrap_epex ul li.epnum05 {
    background: url('/pages/basic/img/sub/ep_number05.gif') left top no-repeat;
}
.wrap_epex ul span img {
    padding-top: 3px;
    padding-right: 5px
}
.process_review_wrap {
    position: relative;
    background: #fff
}
.process_review_wrap .info {
    position: absolute;
    right: 17px;
    top: 15px
}
.process_review_wrap .info li {
    float: left
}
.process_review_wrap .info li a {
    float: left;
    display: block;
    position: relative;
    width: 100px;
    height: 32px;
    padding-left: 20px;
    display: block
}
.process_review_wrap .info li a.btn_sns {
    background: url('/pages/basic/img/sub/btn_sns.gif') right -32px #495867 no-repeat;
    line-height: 32px;
    font-weight: 700;
    color: #fff;
    padding-left: 13px
}
.process_review_wrap .info .sns_openbox li a {
    padding-left: 0 !important
}
.process_review_wrap .info .sns_openbox .close {
    padding-left: 0 !important
}
.process_review_wrap .review_cont {
    width: 100%;
    box-sizing: border-box;
    background: #efefef;
    border: 1px dotted #ddd;
    min-height: 80px;
    margin-top: 7px;
    padding: 15px;
    font-family: 'Nanum Gothic'
}
.review_box {
    position: relative;
    margin-top: 10px;
    border: 1px solid #ddd;
    min-height: 160px;
    background: #fff;
    overflow: hidden
}
.boxon {
    border: 1px solid #212121 !Important;
    height: auto !Important
}
.review_box dl {
    padding: 20px 20px 30px 20px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden
}
.review_box dt.name {
    font-size: 15px;
    color: #212121;
    padding-bottom: 15px
}
.review_box dt.name span {
    float: left;
    padding-right: 10px
}
.review_box dd.type {
    border-bottom: 1px solid #ddd;
    clear: both;
    line-height: 27px;
    font-size: 12px;
    color: #6895d1;
    font-weight: 700;
    width: 100%
}
.review_box dd.date {
    padding-bottom: 10px;
    font-family: "tahoma";
    color: #999;
    font-size: 11px;
    position: absolute;
    right: 25px;
    top: 44px
}
.review_box dd.review {
    clear: both;
    margin-top: 10px;
    line-height: 17px;
    color: #6a6a6a;
    float: left;
}
.review_box .review_more {
    background: url('/pages/basic/img/sub/review_more_btn.gif') no-repeat;
    width: 42px;
    height: 41px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    font-size: 0;
    letter-spacing: -9999px
}
.review_box .review_more.on {
    background-position: 0 -45px
}
.review_step_wrap {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    float: left
}
.review_step_wrap li {
    display: block;
    width: 33%;
    float: left;
    position: relative;
    margin: 0 1px
}
.review_step_wrap li .review_step_sbox {
    position: relative
}
.review_step_wrap li .review_step_sbox button {
    width: 100%;
    background: url('/pages/basic/img/sub/icon_review_step_sbox.png') right 8px #efefef no-repeat;
    box-sizing: border-box;
    border: 1px dotted #999;
    padding: 10px;
    position: relative;
    display: block;
    text-align: left;
    font-family: 'Nanum Gothic';
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -1px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 5px
}
.review_step_wrap li .review_step_sbox button:hover {
    z-index: 10;
    border: 1px solid #344B5A;
    ;
    background: url('/pages/basic/img/sub/icon_review_step_sbox.png') right 8px #fff no-repeat;
    color: #000
}
.review_step_wrap li .review_step_openbox {
    position: absolute;
    z-index: 1;
    width: auto;
    max-width: 400px;
    left: 0;
    top: 31px
}
.review_step_wrap .review_step_openbox {
    width: auto;
    box-sizing: border-box;
    background: #758298;
    min-width: 100%;
    padding: 10px;
    border: 1px solid #516586
}
.review_step_wrap .review_step_openbox ul {
    padding-bottom: 10px;
    overflow: hidden
}
.review_step_wrap .review_step_openbox li {
    width: 100%
}
.review_step_wrap .review_step_openbox li a {
    display: block;
    width: 100%;
    border-bottom: 1px solid #AAB6CC;
    padding: 3px 0;
    line-height: 18px;
    color: #fff;
    padding-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    letter-spacing: -1px;
    background: #758298
}
.review_step_wrap .review_step_openbox li a:hover {
    background: #3C4B65
}
.review_step_wrap .review_step_openbox li a span {
    padding-left: 12px
}
.star_rating {
    float: left;
    width: 67px;
    height: 10px;
    background: url('/pages/basic/img/sub/bg_starpoint_off.gif') no-repeat;
    margin-right: 10px;
    margin-left: 3px
}
.star_rating span {
    display: block;
    height: 10px;
    background: url('/pages/basic/img/sub/bg_starpoint_on.gif') no-repeat
}
.star_rating span.point {
    display: none
}
input[type="checkbox"], input[type="radio"] {
    height: 13px;
    line-height: 13px;
    padding: 0px
}
/* 로그인 */

#login_wrap {
    width: 100%;
    height: auto;
    overflow: hidden
}
#login_wrap .title {
    text-align: center;
    padding-top: 20px
}
#login_wrap .title h3 {
    font-size: 20px;
    letter-spacing: -2px;
    padding-bottom: 5px;
    line-height: 30px;
    font-weight: 700
}
#login_wrap .title p {
    color: #888;
    letter-spacing: -1px;
    font-style: italic
}
#login_container {
    background: #fff;
    width: 90%;
    height: 350px;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #ddd;
    overflow: hidden
}
#login_container .login_container_lbox {
    float: left;
    border-right: 1px solid #ddd;
    width: 50%;
    height: 350px;
    box-sizing: border-box;
    padding: 30px 45px 15px 45px;
    text-align: left
}
#login_container .login_container_lbox h4 {
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 700;
    padding: 10px 0 4px 0;
    color: #EF6D34
}
#login_container .login_container_lbox li {
    padding-bottom: 1px;
    font-size: 14px;
}
#login_container .login_container_rbox {
    float: left;
    width: 50%;
    height: 350px;
    margin-left: -1px;
    box-sizing: border-box;
    padding: 30px 45px 15px 45px
}
#login_container .login_container_rbox dt {
    display: none
}
#login_container .login_container_rbox dd .input_text {
    border: 0;
    width: 100%;
    margin-bottom: 5px;
    line-height: 35px;
    box-sizing: border-box;
    padding: 3px 15px;
    border-radius: 3px;
    background: #ecf1f1;
    font-size: 13px;
    vertical-align: middle;
    height: 40px;
    letter-spacing: -1px;
    font-weight: 700;
}
#login_container p .submit {
    width: 100%;
    line-height: 50px;
    height: 50px;
    border: 0;
    border-radius: 3px;
    background: #5DA8F4;
    font-size: 13px;
    letter-spacing: -1px;
    font-weight: 700;
    margin-top: 10px;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 3px;
    -webkit-appearance: none
}
#login_container dl {
    margin: 0;
}
#login_container .login_cate {
    margin: 0 auto;
    width: 100%
}
#login_container .login_cate p.stitle {
    text-align: left;
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 25px;
    padding-bottom: 5px;
    background: url('/pages/basic/img/sub/bg_point_1.png') 0 6px no-repeat;
    padding-left: 18px
}
#login_container .login_cate .login_cate_box {
    height: 50px;
    display: block
}
#login_container .rdo_l input[type="radio"] {
    position: absolute;
    left: -5000px
}
#login_container .rdo_l label {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 5px 0 0px 0;
    border-top: 1px solid #d4d8d9;
    border-right: 1px solid #d4d8d9;
    border-bottom: 1px solid #d4d8d9;
    font-size: 13px;
    color: #333;
    letter-spacing: -1px;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-left: -1px;
    line-height: 20px
}
#login_container .rdo_l label {
    border-right: 0;
    border-right: 1px solid #d4d8d9;
    border-left: 1px solid #d4d8d9
}
#login_container .rdo_l.on label, .rdo_l._radio_focus label {
    border: 1px solid #56A2F3;
    background-color: #5DA8F4;
    color: #fff
}
#login_container .on.first label, ._radio_focus.first label {
    border-right: 1px solid #02a5af;
    border-left: 1px solid #02a5af
}
#login_container .rdo_l label.list1 {
    border-radius: 3px 0 0 3px
}
#login_container .rdo_l label.list2 {
    border-radius: 0
}
#login_container .rdo_l label.list3 {
    border-radius: 0 3px 3px 0
}
.login_container_area {
    margin: 0 auto;
    width: 90%;
    border-radius: 0 0 10px 10px;
    background: #eff0f0;
    border: 1px solid #ddd;
    padding: 20px 36px;
    box-sizing: border-box;
    border-top: 0
}
/* 회원가입 */

#join_dtitle_box {
    width: 100%;
    height: auto
}
#join_dtitle_box .title {
    text-align: center;
    padding-top: 50px
}
#join_dtitle_box .title h4 {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 50px;
    line-height: 50px;
    padding: 0 0 10px 35px;
    box-sizing: border-box
}
#join_dtitle_box .title dt {
    font-size: 13px;
    line-height: 17px;
    color: #555;
    padding-bottom: 10px
}
#join_dtitle_box .title dd {
    font-weight: 700;
    font-size: 15px;
    color: #333;
    letter-spacing: -1px;
    text-decoration: underline;
    line-height: 20px;
    padding-bottom: 3px
}
#join_dtitle_box .join_group_list {
    width: 90%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    border-bottom: 1px dotted #ccc;
    box-sizing: border-box;
    padding: 40px 35px
}
#join_dtitle_box .join_group_list li a {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    line-height: 17px;
    letter-spacing: -0.5px;
    color: #444;
    font-size: 14px
}
#join_dtitle_box .join_group_list li a span {
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    line-height: 180px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ccc
}
#join_dtitle_box .join_group_list li a span.icon1 {
    background: url('/pages/basic/img/sub/join_icon1.gif') center 30px #fff no-repeat
}
#join_dtitle_box .join_group_list li a span.icon2 {
    background: url('/pages/basic/img/sub/join_icon2.gif') center 30px #fff no-repeat
}
#join_dtitle_box .join_group_list li a span.icon3 {
    background: url('/pages/basic/img/sub/join_icon3.gif') center 30px #fff no-repeat
}
#join_dtitle_box .join_group_list li a:hover span {
    border: 1px solid #ef6d34
}
#join_dtitle_box .info {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 50px 20px 50px;
    overflow: hidden;
    font-size: 22px;
    letter-spacing: -2px;
    line-height: 26px;
    font-weight: 400
}
#join_dtitle_box .info .info_title {
    width: 25%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding-left: 70px;
    background: url('/pages/basic/img/sub/bg_point_1.png') 60px 26px no-repeat;
    padding-top: 50px
}
#join_dtitle_box .info .info_title strong {
    font-weight: 800
}
#join_dtitle_box .info .text {
    width: 70%;
    float: right
}
#join_step_wrap {
    width: 100%;
    padding-top: 20px;
    height: auto
}
#join_step_wrap .title {
    text-align: center;
    padding-bottom: 20px
}
#join_step_wrap .title h4 {
    font-size: 26px;
    line-height: 30px;
    padding: 0 0 10px 0;
    box-sizing: border-box;
    font-family: 'Nanum Gothic', sans-serif
}
#join_step_wrap .title dt {
    font-size: 18px;
    font-weight: 800;
    color: #333;
    letter-spacing: -1px;
    line-height: 20px;
    padding-bottom: 10px
}
#join_step_wrap .title dd {
    color: #777;
    line-height: 18px;
    letter-spacing: 0px
}
#join_step_wrap .top_navi {
    width: 100%;
    padding-bottom: 20px;
    float: left
}
#join_step_wrap .top_navi li {
    display: block;
    width: 33.3%;
    position: relative;
    border: 1px solid #ddd;
    margin-right: -1px;
    background: #fff;
    float: left;
    font-size: 14px;
    letter-spacing: -1px;
    box-sizing: border-box;
    padding: 15px 10px 15px 15px
}
#join_ste2020-02-25p_wrap .top_navi li.on {
    font-size: 14px;
    font-weight: 700;
    color: #EF6D34;
    border: 1px solid #EF6D34;
    position: relative;
    z-index: 1;
    background: url('/pages/basic/img/sub/join_icon_check.gif') right 11px #fff no-repeat
}
#join_step_wrap .join_step1_con {
    width: 100%;
    margin: 20px 0 20px 0;
    float: left
}
#join_step_wrap .join_step1_con .yg_box {
    box-sizing: border-box;
    width: 100%;
    height: 300px;
    padding: 15px 25px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    overflow-y: scroll;
    background: #f4f4f4;
    border: 1px solid #ddd
}
#join_step_wrap .join_step1_con .agree_t {
    float: right;
    clear: both;
    padding-top: 10px
}
#join_step_wrap .join_step1_con .agree_t input {
    border: 1px solid #ccc;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #fff;
    margin-right: 3px;
    position: relative;
    top: -1px
}
#join_step_wrap .join_step1_con .agree_t label {
    letter-spacing: -1px;
    color: #555;
    font-size: 13px
}
#join_step_wrap .total_agree_box {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 15px 0;
    clear: both;
    background: #E0E0E0
}
#join_step_wrap .total_agree_box input {
    border: 1px solid #ccc;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #fff;
    margin-right: 3px;
    position: relative;
    top: -1px
}
#join_step_wrap .total_agree_box label {
    letter-spacing: -1px;
    color: #555;
    font-size: 13px;
    font-weight: 700;
    color: #000
}
#join_step_wrap .bottom_btn_list {
    width: 60%;
    margin: 30px auto;
    text-align: center
}
#join_step_wrap .bottom_btn_list li a {
    display: block;
    width: 50%;
    background: #333;
    float: left;
    box-sizing: border-box;
    padding: 13px 0;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 700
}
#join_step_wrap .bottom_btn_list li a.btn_c {
    background: #E0E0E0;
    color: #333
}
#join_step_wrap .bottom_btn_list li a.btn_o {
    background: #F7A201
}
.join_step3_box {
    width: 100%;
    height: auto;
    margin: 20px 0;
    float: left;
    padding-bottom: 50px;
    padding-top: 20px
}
.join_step3_box .in_box_wrap {
    float: left;
    padding: 30px
}
.join_step3_box .in_box1 {
    width: 50%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 150px 50px 20px 50px;
    background: url('/pages/basic/img/sub/icon_ipin2.gif') center 0 no-repeat #F9F9F9;
}
.join_step3_box .in_box1 dt {
    text-align: center;
    font-size: 22px;
    letter-spacing: -1px;
    color: #000;
    line-height: 35px;
    padding-bottom: 5px
}
.join_step3_box .in_box1 dd.text {
    width: 65%;
    margin: 0 auto;
    line-height: 16px;
    color: #777;
    padding-bottom: 20px
}
.join_step3_box .in_box1 dd.btn {
    background: #5E697B;
    width: 65%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center
}
.join_step3_box .in_box1 dd.btn a {
    color: #fff;
    letter-spacing: -1px;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.join_step3_box .in_box1 dd.btn a:hover {
    background: #333
}
.join_step3_box .in_box2 {
    width: 50%;
    float: left;
    box-sizing: border-box;
    text-align: center;    
    padding: 150px 50px 20px 50px;
    background: url('/pages/basic/img/sub/icon_ipin.gif') center 0 no-repeat #F9F9F9;
}
.join_step3_box .in_box2 dt {
    text-align: center;
    font-size: 22px;
    letter-spacing: -1px;
    color: #000;
    line-height: 35px;
    padding-bottom: 5px
}
.join_step3_box .in_box2 dd.text {
    width: 65%;
    margin: 0 auto;
    line-height: 16px;
    color: #777;
    padding-bottom: 20px
}
.join_step3_box .in_box2 dd.btn {
    background: #5E697B;
    width: 65%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center
}
.join_step3_box .in_box2 dd.btn a {
    color: #fff;
    letter-spacing: -1px;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.join_step3_box .in_box2 dd.btn a:hover {
    background: #333
}
.join_step3_box .join_step3_info_wrap {
    width: 100%;
    clear: both;
    float: left;
    border-top: 1px dotted #ccc
}
.join_step3_box .join_step3_info {
    width: 50%;
    box-sizing: border-box;
    padding: 20px 50px;
    margin-top: 10px;
    float: left;
    box-sizing: border-box
}
.join_step3_box .join_step3_info h4 {
    padding-bottom: 15px;
    font-size: 15px;
    letter-spacing: -1px;
    font-weight: normal
}
.join_step3_box .join_step3_info li {
    padding-bottom: 2px
}
.join_step3_box .join_step3_info li a {
    font-weight: 700;
    letter-spacing: 0
}
.join_step5_box {
    text-align: center;
    padding: 50px 0;
    width: 100%;
    overflow: hidden
}
.join_table_list_group {
    width: 100%;
    margin: 20px auto;
    overflow: hidden
}
.join_table_list_box {
    width: 100%;
    border: 1px solid #dadada;
    box-sizing: border-box;
    float: left;
    clear: both;
    background: #fff;
    padding: 15px 20px;
    position: relative
}
.leave_table_list_box {
    width: 100%;
    border: 1px solid #dadada;
    box-sizing: border-box;
    clear: both;
    background: #fff;
    padding: 15px 20px;
    position: relative
}
.type_input_t {
    border: 0;
    padding: 7px 10px;
    color: #555;
    font-size: 15px;
    width: 100%;
    box-sizing: border-box;
    font-weight: 700;
    margin-bottom: 3px;
    background: #efefef;
    line-height: 20px
}
.type_input_t2 {
    border: 0;
    padding: 7px 10px;
    color: #555;
    font-size: 15px;
    width: 32%;
    box-sizing: border-box;
    font-weight: 700;
    margin-bottom: 3px;
    background: #efefef;
    line-height: 20px
}
.br_t_n {
    border-top: 0 !important
}
.join_info_ok {
    color: #577FBD;
    letter-spacing: -.02em;
    line-height: 18px;
    display: block;
    clear: both
}
.join_info_normal {
    color: #777;
    letter-spacing: -.02em;
    line-height: 18px;
    display: block;
    clear: both
}
.join_info_normal2 {
    color: #777;
    letter-spacing: -.02em;
    line-height: 18px;
    display: block;
    clear: both;
    padding-bottom: 7px;
    padding-left: 3px
}
.join_info_error {
    color: red;
    letter-spacing: -.02em;
    line-height: 18px;
    display: block;
    clear: both
}
.fixed_p {
    padding: 0;
    font-size: 15px;
    color: #000;
    line-height: 35px;
    font-weight: 700
}
/* 성별레디오버튼 */

.sex {
    display: block;
    height: 35px;
    margin-right: -3px;
    border: solid 1px #dcdcdc;
    *margin-top: -35px
}
.jender {
    display: block;
    float: left;
    position: relative;
    z-index: 10;
    width: 49.9%;
    height: 35px;
    border-right: solid 1px #dcdcdc
}
.jender+.jender {
    border: none
}
.jender input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 35px
}
.jender label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 35px;
    line-height: 36px;
    background: #fff;
    text-align: center;
    color: #999;
    cursor: pointer
}
.jender input:checked+label {
    border: solid 1px #3589E0;
    margin: -1px;
    z-index: 100;
    color: #3589E0
}
.jender label.on {
    border: solid 1px #3589E0;
    margin: -1px;
    z-index: 100;
    color: #3589E0
}
.global .jender, .global .jender input, .global .jender label {
    font-size: 15px;
    color: #969696
}
.global .jender label.on {
    color: #2eaa08
}
/* 파일박스 스타일 */

.filebox label {
    display: inline-block;
    padding: .5em .75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em
}
.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
/* 아이디찾기 */

#find_idpw_wrap {
    width: 100%;
    padding-top: 20px;
    height: auto;
    clear: both
}
#find_idpw_wrap .title {
    text-align: center;
    box-sizing: border-box;
    background: #fff;
}
#find_idpw_wrap .title dl {
    background: url('/pages/basic/img/sub/icon_findid.gif') center 60px no-repeat;
    padding: 30px 0
}
#find_idpw_wrap .title dt {
    font-size: 18px;
    font-weight: 800;
    color: #333;
    letter-spacing: -1px;
    line-height: 20px;
    padding-bottom: 130px
}
#find_idpw_wrap .title dd {
    font-size: 13px;
    letter-spacing: -1px;
    line-height: 20px;
    color: #555
}
#find_idpw_wrap .title dd p {
    line-height: 24px;
    letter-spacing: -1px;
    color: #56A2F3;
    padding-top: 10px;
    font-weight: 700
}
#find_idpw_wrap .title dd span {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 16px;
    padding: 0 3px;
    color: #000;
    border-bottom: 1px dotted red
}
#find_idpw_wrap .join_table_list_group {
    width: 100%;
    margin: 20px auto;
    overflow: hidden
}
.find_idpw_box {
    width: 100%;
    height: auto;
    float: left;
}
.find_idpw_box .in_box_wrap {
    float: left;
    padding-bottom: 30px
}
.find_idpw_box .in_box1 {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 30px;
    text-align: center;
}
.find_idpw_box .in_box1 dt {
    text-align: center;
    font-size: 22px;
    letter-spacing: -1px;
    color: #000;
    line-height: 35px;
    padding-bottom: 5px;
}
.find_idpw_box .in_box1 dd.text {
    margin: 0 auto;
    line-height: 150%;
    color: #777;
    padding-bottom: 20px
}
.find_idpw_box .in_box1 dd.btn {
    background: #5E697B;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center
}
.find_idpw_box .in_box1 dd.btn a {
    color: #fff;
    letter-spacing: -1px;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.find_idpw_box .in_box1 dd.btn a:hover {
    background: #333
}
.find_idpw_box .in_box2 {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 30px;
    text-align: center
}
.find_idpw_box .in_box2 dt {
    text-align: center;
    font-size: 22px;
    letter-spacing: -1px;
    color: #000;
    line-height: 35px;
    padding-bottom: 5px
}
.find_idpw_box .in_box2 dd.text {
    margin: 0 auto;
    line-height: 150%;
    color: #777;
    padding-bottom: 20px
}
.find_idpw_box .in_box2 dd.btn {
    background: #5E697B;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center
}
.find_idpw_box .in_box2 dd.btn a {
    color: #fff;
    letter-spacing: -1px;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px
}
.find_idpw_box .in_box2 dd.btn a:hover {
    background: #333
}
.find_idpw_box .find_idpw_info_wrap {
    width: 100%;
    clear: both;
    float: left;
    border-top: 1px dotted #ccc
}
.find_idpw_box .find_idpw_info {
    width: 50%;
    box-sizing: border-box;
    padding: 20px 50px;
    margin-top: 10px;
    float: left;
    box-sizing: border-box
}
.find_idpw_box .find_idpw_info h4 {
    padding-bottom: 15px;
    font-size: 15px;
    letter-spacing: -1px;
    font-weight: normal
}
.find_idpw_box .find_idpw_info li {
    padding-bottom: 2px
}
.find_idpw_box .find_idpw_info li a {
    font-weight: 700;
    letter-spacing: 0
}
#find_idpw_wrap .bottom_btn_list {
    width: 60%;
    margin: 30px auto;
    text-align: center
}
#find_idpw_wrap .bottom_btn_list li a {
    display: block;
    width: 50%;
    background: #333;
    float: left;
    box-sizing: border-box;
    padding: 13px 0;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 700
}
#find_idpw_wrap .bottom_btn_list li a.btn_c {
    background: #E0E0E0;
    color: #333
}
#find_idpw_wrap .bottom_btn_list li a.btn_o {
    background: #F7A201
}
/* 회원탈퇴 */

#find_idpw_wrap .bottom_btn_list li input {
    background: #56a2f3;
    display: block;
    width: 50%;
    float: left;
    letter-spacing: -1px;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 36px;
    color: #fff;
    border: 0;
    cursor: pointer
}
#find_idpw_wrap .bottom_btn_list li input:hover {
    background: #4294ec;
    text-decoration: underline
}
/* 수강신청 */

#su_application {
    width: 100%;
    padding-top: 20px;
    height: auto;
    clear: both
}
#su_application .title {
    text-align: center;
    padding-bottom: 20px
}
#su_application .title h4 {
    font-size: 26px;
    line-height: 30px;
    padding: 0 0 10px 0;
    box-sizing: border-box;
    font-family: 'Nanum Gothic', sans-serif
}
#su_application .title dt {
    font-size: 18px;
    font-weight: 800;
    color: #333;
    letter-spacing: -1px;
    line-height: 20px;
    padding-bottom: 10px
}
#su_application .title dd {
    color: #777;
    line-height: 16px;
    letter-spacing: -1px
}
#su_application .title dd span {
    font-weight: 700;
    color: #EF6D34;
    font-size: 13px;
    padding-bottom: 2px
}
#su_application .su_application_list_group {
    width: 800px;
    margin: 20px auto;
    overflow: hidden
}
#su_application .top_navi {
    width: 100%;
    padding-bottom: 20px;
    float: left
}
#su_application .top_navi li {
    display: block;
    width: 33.4%;
    position: relative;
    border: 1px solid #ddd;
    margin-right: -1px;
    background: #fff;
    float: left;
    font-size: 12px;
    letter-spacing: -1px;
    box-sizing: border-box;
    padding: 15px 10px 15px 15px
}
#su_application .top_navi li.on {
    font-size: 13px;
    font-weight: 700;
    color: #EF6D34;
    border: 1px solid #EF6D34;
    position: relative;
    z-index: 1;
    background: url('/pages/basic/img/sub/join_icon_check.gif') right 11px #fff no-repeat
}
#su_application .bottom_btn_list {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    clear: both;
    padding-top: 10px
}
#su_application .bottom_btn_list li a {
    display: block;
    width: 50%;
    background: #333;
    float: left;
    box-sizing: border-box;
    padding: 13px 0;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 700
}
#su_application .bottom_btn_list li a.btn_c {
    background: #E0E0E0;
    color: #333
}
#su_application .bottom_btn_list li a.btn_o {
    background: #F7A201
}
.join_table_select {
    float: left;
    position: relative;
    width: 100%
}
.join_table_select button {
    text-align: left;
    float: left;
    border: 0;
    font-family: 'Nanum Gothic';
    padding: 13px 15px;
    width: 100%;
    margin-left: 2px;
    position: relative;
    cursor: pointer;
    background: url('/pages/basic/img/sub/sitelink_arrow2.gif') top right #efefef no-repeat;
    font-size: 12px;
    box-sizing: border-box;
    font-weight: bold;
    color: #076AD4;
    font-size: 15px;
    letter-spacing: -1px
}
.join_table_select button:hover {
    color: #000;
    font-weight: bold
}
.join_table_select ul {
    position: absolute;
    top: 43px;
    left: 2px;
    width: 100%;
    height: auto;
    display: block;
    background: #33383f;
    padding: 20px 10px 20px 15px;
    z-index: 10;
    box-sizing: border-box;
    border: 1px solid #6e7e98
}
.join_table_select ul li a {
    line-height: 23px;
    color: #fff;
    display: block;
    width: 100%;
    font-size: 12px
}
#su_application .join_step1_con {
    width: 100%;
    margin: 20px auto;
    padding-bottom: 30px;
    clear: both
}
#su_application .join_step1_con .stitle {
    text-align: left;
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 25px;
    padding-bottom: 5px;
    background: url('/pages/basic/img/sub/bg_point_1.png') 0 6px no-repeat;
    padding-left: 18px
}
#su_application .join_step1_con .yg_box {
    box-sizing: border-box;
    width: 100%;
    height: 170px;
    padding: 15px 25px;
    font-size: 12px;
    line-height: 18px;
    color: #777;
    overflow-y: scroll;
    background: #fff;
    border: 1px solid #ddd
}
#su_application .join_step1_con .agree_t {
    float: right;
    clear: both;
    padding-top: 10px
}
#su_application .join_step1_con .agree_t input {
    border: 1px solid #ccc;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #fff;
    margin-right: 3px;
    position: relative;
    top: -1px
}
#su_application .join_step1_con .agree_t label {
    letter-spacing: -1px;
    color: #555;
    font-size: 13px
}
#su_application .total_agree_box {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 15px 0;
    clear: both;
    background: #E0E0E0
}
#su_application .total_agree_box input {
    border: 1px solid #ccc;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #fff;
    margin-right: 3px;
    position: relative;
    top: -1px
}
#su_application .total_agree_box label {
    letter-spacing: -1px;
    color: #555;
    font-size: 13px;
    font-weight: 700;
    color: #000
}
#su_application .info {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 50px 20px 10px;
    overflow: hidden;
    font-size: 22px;
    letter-spacing: -2px;
    line-height: 26px;
    font-weight: 400;
    margin: 30px 0 20px 0;
    float: left;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc
}
#su_application .info .info_title {
    width: 25%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding-left: 70px;
    background: url('/pages/basic/img/sub/bg_point_1.png') 60px 26px no-repeat;
    padding-top: 50px
}
#su_application .info .info_title strong {
    font-weight: 800
}
#su_application .info .text {
    width: 70%;
    float: right
}
#su_application .su_application_re {
    background: url('/pages/basic/img/sub/su_application_re_img.gif') center top no-repeat;
    padding: 200px 0 0 0;
    height: 320px;
    text-align: center;
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-top: 50px;
    line-height: 21px;
    font-size: 15px;
    letter-spacing: -.02em;
    color: #777
}
/* 과정별 검색결과 */

#g_search_wrap .search_blist .title {
    width: 100%;
    line-height: 40px;
    background: #fff;
    color: #333;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 13px;
    letter-spacing: -.02em;
    border: 1px dotted #777;
    font-weight: 700
}
.search_blist {
    padding-bottom: 50px
}
.search_blist .title span {
    font-weight: 800
}
.search_blist .list {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 20px;
    clear: both;
    overflow: hidden
}
.search_blist .thum_box {
    width: 200px;
    height: 124px;
    position: relative
}
.search_blist .thum_box a {
    display: block;
    height: 124px;
    width: 100%;
    overflow: hidden
}
.search_blist .thum_box a img {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative
}
.search_blist .list li {
    display: block;
    float: left;
    margin: 0 11px;
    width: 200px;
    height: auto;
    min-height: 340px
}
.search_blist .list li .text_box {
    padding-top: 15px
}
.search_blist .list li .text_box dl {
    display: block;
    width: 90%;
    padding-left: 5px
}
.search_blist .list li .text_box dt a {
    font-weight: 700;
    color: #3c3c3c;
    line-height: 18px;
    letter-spacing: -.02em;
    font-size: 13px
}
.search_blist .list li .text_box dd.text {
    font-size: 12px;
    color: #757576;
    line-height: 16px;
    padding-top: 3px;
    letter-spacing: -.02em;
    height: auto;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}
.search_blist .list li .text_box dd.date {
    font-size: 12px;
    color: #757576;
    line-height: 16px;
    padding-top: 2px;
    letter-spacing: -.02em
}
.search_blist .list li .text_box dd.cash {
    font-size: 12px;
    color: #dc5013;
    line-height: 16px;
    padding-top: 2px;
    letter-spacing: -.02em;
    font-weight: 700
}
.search_blist .list li .text_box dd.date2 {
    font-size: 13px;
    color: #888;
    line-height: 16px;
    padding-top: 2px;
    letter-spacing: -.05em;
    font-weight: 700;
    font-family: 'Nanum Gothic', sans-serif
}
.search_blist .btn_more {
    width: 30%;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
}
.search_blist .btn_more a {
    font-weight: 700;
    letter-spacing: -1px;
    color: #fff;
    display: block;
    width: 100%;
    line-height: 33px;
    background: #5E5F61;
    box-sizing: border-box;
    border: 1px solid #333
}
.search_blist .btn_more a:hover {
    background: #333
}
#g_search_wrap .info {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 30px 5px;
    overflow: hidden
}
#g_search_wrap .info dl {
    width: auto;
    float: left;
    background: url('/pages/basic/img/sub/icon_question.gif') 0 1px no-repeat;
    padding: 0 0 0 48px
}
#g_search_wrap .info dt {
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 3px;
    letter-spacing: -1px;
    line-height: 20px
}
#g_search_wrap .info dd {
    letter-spacing: -1px;
    color: #777;
    line-height: 16px
}
#g_search_wrap .info ul {
    float: right
}
#g_search_wrap .info ul li {
    float: left;
    margin: 0 2px
}
#g_search_wrap .info ul li a {
    display: block;
    float: left;
    padding: 20px 20px 20px 40px;
    border-radius: 7px;
    text-align: center;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 700;
    background: #64676E url('/pages/basic/img/sub/btn_counsel_icon.png') 10px center no-repeat;
}
#g_search_wrap .info ul li a.qna {
    background: #64676E url('/pages/basic/img/sub/btn_qna_icon.png') 10px center no-repeat !Important;
}
/* 사업분야 */

.sub01060000_wrap {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}
.sub01060000_box {
    position: relative;
    padding: 20px 25px 15px 25px;
    min-height: 430px;
    background: #fff;
    float: left;
    width: 32%;
    box-sizing: border-box;
    margin: 6px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px
}
.sub01060000_box .photo {
    width: 100px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 10px
}
.sub01060000_box .photo img {
    width: 100%
}
.sub01060000_box .box_area li {
    padding-bottom: 6px;
    font-size: 13px;
    color: #777;
    line-height: 16px
}
.sub01060000_box .box_area p.title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    padding-bottom: 8px;
    padding-top: 10px;
    line-height: 22px;
    text-align: center;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px
}
/* 국제직업전문학교소개 */

.sub01010000_wrap {
    width: 100%;
    height: auto;
    overflow: hidden
}
.sub01010000_wrap .title {
    text-align: center;
    padding: 30px 0 40px 0
}
.sub01010000_wrap .title dd {
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 20px;
    font-weight: 700;
    color: #555
}
.sub01010000_wrap .title dd span {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 30px;
    color: #000
}
.sub01010000_wrap .con {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0;
    border-bottom: 1px dotted #ccc
}
.sub01010000_wrap .con .con_sbox {
    width: 28%;
    float: left;
    margin: 2.6%;
    height: 280px
}
.sub01010000_wrap .con .con_sbox dl {
    text-align: center
}
.sub01010000_wrap .con .con_sbox dt {
    display: block;
    border-radius: 50%;
    background: #56A2F3;
    width: 120px;
    height: 120px;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 35px 0 0 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 22px
}
.sub01010000_wrap .con .con_sbox dt span {
    font-size: 20px;
    font-weight: 700
}
.sub01010000_wrap .con .con_sbox dd {
    font-size: 16px;
    line-height: 19px;
    padding: 15px 0 10px 0;
    letter-spacing: -1px;
    color: #000;
    font-weight: 700;
}
.sub01010000_wrap .con .con_sbox p {
    font-size: 14px;
    line-height: 18px;
    color: #777
}
.sub01010000_wrap .con2 {
    clear: both;
    width: 100%;
    padding-top: 30px
}
/* 학교이념 */

.sub01040000_wrap {
    width: 100%;
    height: auto;
    overflow: hidden
}
.sub01040000_wrap .title {
    text-align: center;
    padding: 30px 0 40px 0
}
.sub01040000_wrap .title dd {
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 20px;
    font-weight: 700;
    color: #555
}
.sub01040000_wrap .title dd span {
    font-size: 19px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 30px;
    color: #000
}
.sub01040000_wrap .con {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 30px;
    border-top: 1px dotted #ccc
}
.sub01040000_wrap .con .con_sbox {
    width: 28%;
    float: left;
    margin: 2.6%
}
.sub01040000_wrap .con .con_sbox dl {
    text-align: center
}
.sub01040000_wrap .con .con_sbox dt {
    display: block;
    background: #56A2F3;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px 0 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 40px
}
.sub01040000_wrap .con .con_sbox dt span {
    font-size: 20px;
    font-weight: 700
}
.sub01040000_wrap .con .con_sbox dd {
    border: 1px dotted #ddd;
    background: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 15px 15px 30px 15px;
    min-height: 130px;
    letter-spacing: -1px;
    color: #777
}
/* 캠퍼스안내 > 위치안내 */

.sub01070100_wrap .top_navi {
    width: 100%;
    padding-bottom: 20px;
    float: left;
    height: 100px
}
.sub01070100_wrap .top_navi li a {
    display: block;
    width: 20%;
    position: relative;
    border: 1px solid #ddd;
    margin-right: -1px;
    background: #fff;
    float: left;
    font-size: 12px;
    color: #333;
    letter-spacing: -1px;
    box-sizing: border-box;
    padding: 18px 10px 18px 15px;
    text-align: center
}
.sub01070100_wrap .top_navi li.on a {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #8b99b0;
    position: relative;
    z-index: 1;
}
.sub01070100_wrap .apibox {
    clear: both;
    width: 100%;
    height: 380px;
    background: #43484e;
    text-align: center;
    vertical-align: middle;
    color: #fff
}
/* 캠퍼스안내 > 시설안내 */

.sub01070200_wrap .top_navi {
    width: 100%;
    padding-bottom: 20px;
    float: left;
    height: 60px
}
.sub01070200_wrap .top_navi li a {
    display: block;
    width: 15%;
    position: relative;
    border: 1px solid #ddd;
    margin-right: -1px;
    background: #fff;
    float: left;
    font-size: 12px;
    color: #333;
    letter-spacing: -1px;
    box-sizing: border-box;
    padding: 18px 10px 18px 15px;
    text-align: center
}
.sub01070200_wrap .top_navi li.on a {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #8b99b0;
    position: relative;
    z-index: 1;
    padding: 18px 0 18px 0
}
.sub01070200_wrap .apibox {
    clear: both;
    width: 100%;
    height: 380px;
    background: #43484e;
    text-align: center;
    vertical-align: middle;
    color: #fff
}
.sub01070200_wrap .explainbox {
    position: relative;
    line-height: 140%;
    padding-bottom: 20px;
    min-height: 120px
}
.sub01070200_wrap .explainbox .photobox {
    width: 175px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #d3dae5
}
.sub01070200_wrap .explainbox .photobox img {
    width: 100%
}
.sub01070200_wrap .explainbox .title {
    padding-left: 200px;
    font-size: 16px;
    font-weight: 600;
    color: #495364;
    padding-bottom: 9px;
    padding-top: 15px;
    line-height: 20px;
    letter-spacing: -1px
}
.sub01070200_wrap .explainbox .bodytext {
    padding-left: 200px;
    color: #777;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -1px
}
.sub01070200_wrap .btn_whome {
    display: block;
    margin-bottom: 20px;
    position: absolute;
    right: 0;
    top: -90px
}
.sub01070200_wrap .btn_whome span {
    padding: 10px 20px;
    border: 1px solid #c8d3dc;
    border-radius: 6px;
    background: #fff;
    color: #333
}
.sub01070200_wrap .btn_whome span img {
    padding-top: 4px;
    padding-left: 5px
}
.sub01070200_wrap .btn_whome:hover span {
    border: 2px solid #65738a;
    font-weight: 600
}
.sub01070200_wrap .photogallery {
    position: relative;
    margin-bottom: 50px
}
.sub01070200_wrap .photogallery .bigimg {
    width: 100%;
    border-top: 1px dotted #96a2b5;
    border-bottom: 1px dotted #96a2b5;
    padding: 25px 0;
    text-align: center
}
.sub01070200_wrap .photogallery .bigimg img {
    width: 70%
}
.sub01070200_wrap .photogallery .wrapsum {
    width: 600px;
    margin: 0 auto;
    overflow: hidden
}
.sub01070200_wrap .photogallery .sum {
    padding-top: 7px
}
.sub01070200_wrap .photogallery .sum li:first-child a {
    padding-left: 0
}
.sub01070200_wrap .photogallery .sum li {
    padding-left: 10px;
    padding-top: 10px;
    display: block;
    float: left
}
.sub01070200_wrap .photogallery .sum li a {
    width: 75px;
    height: 75px;
    display: block;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0.4
}
.sub01070200_wrap .photogallery .sum li a.on {
    opacity: 1;
    box-sizing: border-box
}
.sub01070200_wrap .photogallery .sum li a:hover {
    opacity: 1;
    box-sizing: border-box
}
.sub01070200_wrap .photogallery .sum li a.on img, .sub01070200_wrap .photogallery .sum li a:hover img {
    -webkit-filter: grayscale(0%);
    filter: none
}
.sub01070200_wrap .photogallery .sum li img {
    width: 110%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    filter: gray;
}
.sub01070200_wrap .photogallery .abtn .left {
    position: absolute;
    left: 3%;
    top: 29%;
    opacity: 0.7
}
.sub01070200_wrap .photogallery .abtn .left:hover {
    opacity: 1
}
.sub01070200_wrap .photogallery .abtn .right {
    position: absolute;
    right: 3%;
    top: 29%;
    opacity: 0.7
}
.sub01070200_wrap .photogallery .abtn .right:hover {
    opacity: 1
}
/* 캠퍼스안내 > 교육분야 */

.sub01050000_wrap {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}
.sub01050000_box {
    position: relative;
    padding: 20px 25px 15px 25px;
    min-height: 350px;
    background: #fff;
    float: left;
    width: 32%;
    box-sizing: border-box;
    margin: 6px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px
}
.sub01050000_box:hover {
    border: 1px solid #FFCB44
}
.sub01050000_box .photo {
    width: 100px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 10px
}
.sub01050000_box .photo img {
    width: 100%
}
.sub01050000_box .box_area li {
    padding-bottom: 6px;
    font-size: 13px;
    color: #777;
    line-height: 16px;
	letter-spacing: 0pt;
}
.sub01050000_box .box_area p.title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding-bottom: 8px;
    padding-top: 10px;
    line-height: 22px;
    text-align: center;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px
}
/* 캠퍼스안내 > 사업분야 */

.sub01060000_wrap {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}
.sub01060000_box {
    position: relative;
    padding: 20px 25px 15px 25px;
    min-height: 470px;
    background: #fff;
    float: left;
    width: 32%;
    box-sizing: border-box;
    margin: 6px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px
}
.sub01060000_box:hover {
    border: 1px solid #FFCB44
}
.sub01060000_box .photo {
    width: 100px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 10px
}
.sub01060000_box .photo img {
    width: 100%
}
.sub01060000_box .box_area li {
    padding-bottom: 6px;
    font-size: 13px;
    color: #777;
    line-height: 150%;
}
.sub01060000_box .box_area p.title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding-bottom: 8px;
    padding-top: 10px;
    line-height: 22px;
    text-align: center;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px
}
/* 공통> 국비교육대상자안내 > 내일배움카드 */

.sub05010000_wrap {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}
.sub05010000_wrap .course_type:after {
    display: block;
    clear: both;
    content: ""
}
.sub05010000_wrap .course_type li {
    float: left;
    padding: 0px 20px 10px 30px;
    background: url('/pages/_common/img/process_arrow.png') no-repeat left 27px;
    width: 28.5%
}
.sub05010000_wrap .course_type li.arrowx {
    padding: 0 20px 0px 0px !Important;
    background: none !important
}
.sub05010000_wrap .course_type span {
    display: block;
    min-height: 80px;
    border-radius: 7px;
    padding: 20px 0;
    line-height: 17px;
    font-size: 13px;
    letter-spacing: -1px;
    color: #222;
    text-align: center;
    border: 1px dotted #c3c3c3;
    box-sizing: border-box;
    background: #f7f7f7 url('/pages/_common/img/pattern_type_bg.png')
}
/* 공통> 국비교육대상자안내 > 국가기간 전략산업직종 */

.sub05020000_wrap {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}
.sub05020000_wrap .course_type:after {
    display: block;
    clear: both;
    content: ""
}
.sub05020000_wrap .course_type li {
    float: left;
    padding: 0px 20px 10px 30px;
    background: url('/pages/_common/img/process_arrow.png') no-repeat left 20px;
    width: 20%
}
.sub05020000_wrap .course_type li.arrowx {
    padding: 0 20px 0px 0px !Important;
    background: none !important
}
.sub05020000_wrap .course_type span {
    display: block;
    min-height: 60px;
    border-radius: 7px;
    padding: 20px 0;
    line-height: 17px;
    font-size: 14px;
    letter-spacing: -1px;
    color: #222;
    text-align: center;
    border: 1px dotted #c3c3c3;
    box-sizing: border-box;
    background: #f7f7f7 url('/pages/_common/img/pattern_type_bg.png')
}
/* 자격증정보 */

.sub02010000_wrap {
    width: 100%;
    height: auto;
    overflow: hidden
}
.sub02010000_wrap .title {
    text-align: center;
    padding: 30px 0 40px 0
}
.sub02010000_wrap .title dt {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 30px;
    color: #000
}
.sub02010000_wrap .title dd {
    font-size: 13px;
    letter-spacing: -1px;
    line-height: 20px;
    color: #555
}
.sub02010000_wrap .top_navi {
    width: 100%;
    padding-bottom: 20px;
    float: left;
}
.sub02010000_wrap .top_navi li a {
    display: block;
    width: 7.8%;
    position: relative;
    border: 1px solid #ddd;
    margin-right: -1px;
    background: #fff;
    float: left;
    font-size: 12px;
    color: #333;
    letter-spacing: -1px;
    box-sizing: border-box;
    padding: 18px 10px 18px 15px;
    text-align: center
}
.sub02010000_wrap .top_navi li.on a {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #8b99b0;
    position: relative;
    z-index: 1;
}
.sub02010000_wrap .calendar_box {
    width: 100%;
    padding: 30px 0;
    overflow: hidden
}
.sub02010000_wrap .calendar_box .calendar_ym {
    width: 100%;
    text-align: center;
    font-family: 'Nanum Gothic', sans-serif
}
.sub02010000_wrap .calendar_box .calendar_ym dt {
    color: #000;
    font-size: 24px
}
.sub02010000_wrap .calendar_box .calendar_ym dd {
    color: #666;
    font-size: 13px;
    line-height: 44px
}
.sub02010000_wrap .calendar_box .calendar_ym dd span {
    color: #f5821f
}
/* 자격증정보 - 상세화면 */

.btn_stop {
    position: absolute;
    right: 0px;
    top: 100px;
    float: left;
    width: 50px;
    height: 50px;
    background: #697279 url('/pages/basic/img/sub/mtop_icon.png') center 8px no-repeat;
}
.btn_stop a {
    padding-top: 30px;
    display: block;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    text-align: center
}
.btn_stop a:hover {
    text-decoration: none
}
.sub02010200_wrap {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}
.license_top_navi ul li {
    float: left;
    width: 16.6%
}
.license_top_navi a {
    display: block;
    height: 40px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    color: #666;
    line-height: 40px;
    text-align: center;
    margin-right: -1px;
    margin-bottom: -1px
}
.license_top_navi a:hover, .license_top_navi a.on {
    background: #798fa5;
    color: #fff;
    font-weight: 700
}
.sub02010200_wrap .s_navi_wrap {
    width: 100%;
    margin: 0 auto;
    text-align: center
}
.sub02010200_wrap .s_navi {
    position: relative;
    clear: both;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center
}
.sub02010200_wrap .s_navi ul li {
    float: left
}
.sub02010200_wrap .s_navi ul li a {
    display: block;
    color: #2b2b2b;
    font-size: 12px;
    line-height: 55px;
    height: 55px;
    box-sizing: border-box;
    background: #efefef;
    border: 1px solid #ddd;
    margin-right: -1px
}
.sub02010200_wrap .s_navi ul li a:hover, .sub02010200_wrap .s_navi ul li a.on {
    background: #fff;
    text-decoration: none;
    color: #318be4;
    font-weight: 700;
    border-bottom: 5px solid #318be4
}
.sub02010200_wrap .s_navi .arrow {
    background: url(/pages/basic/img/sub/license_bar.png) bottom center no-repeat;
    top: -15px
}
.s_navi_close {
    display: none
}
.sub02010200_wrap .wid1 ul li {
    width: 100% !important
}
.sub02010200_wrap .wid2 ul li {
    width: 49% !important
}
.sub02010200_wrap .wid4 ul li {
    width: 24.8% !important
}
.sub02010200_wrap .wid3 ul li {
    width: 32.5% !important
}
.sub02010200_wrap .wid5 ul li {
    margin-top: -1px;
    width: 19.9% !important
}
.sub02010200_wrap .wid7 ul li {
    margin-top: -1px;
    width: 13.9% !important
}
.sub02010200_wrap #s_navi_fix {
    position: fixed;
    display: block;
    z-index: 9;
    width: 900px
}
.license_wrap {
    float: left;
    width: 100%;
    background: #fff
}
.license_box {
    position: relative;
    padding: 50px 0px 20px 0px;
    overflow: hidden
}
.license_box .title {
    text-align: center;
    font-size: 20px;
    height: 80px
}
.license_box .title2 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon2.png) no-repeat center 80px;
    height: 80px
}
.license_box .title3 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon3.png) no-repeat center 80px;
    height: 80px
}
.license_box .title4 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon4.png) no-repeat center 80px;
    height: 80px
}
.license_box .title5 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon5.png) no-repeat center 80px;
    height: 80px
}
.license_box .title6 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon6.png) no-repeat center 80px;
    height: 80px
}
.license_box .title7 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon7.png) no-repeat center 80px;
    height: 80px
}
.license_box .title8 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon8.png) no-repeat center 80px;
    height: 80px
}
.license_box .title9 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon9.png) no-repeat center 80px;
    height: 80px
}
.license_box .title10 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon10.png) no-repeat center 80px;
    height: 80px
}
.license_box .title11 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon11.png) no-repeat center 80px;
    height: 80px
}
.license_box .title12 {
    text-align: center;
    font-size: 17px;
    background: url(/pages/_common/img/license_icon12.png) no-repeat center 80px;
    height: 80px
}
.license_box .title13 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon13.png) no-repeat center 80px;
    height: 80px
}
.license_box .title14 {
    text-align: center;
    font-size: 20px;
    background: url(/pages/_common/img/license_icon14.png) no-repeat center 80px;
    height: 80px
}
.license_box .titbg1 {
    background-position: center 0px
}
.license_box .titbg2 {
    background-position: center -80px
}
.license_box .titbg3 {
    background-position: center -160px
}
.license_box .titbg4 {
    background-position: center -240px
}
.license_box .titbg5 {
    background-position: center -320px
}
.license_box .titbg6 {
    background-position: center -400px
}
.license_box .titbg7 {
    background-position: center -480px
}
.license_box .titbg8 {
    background-position: center -560px
}
.license_box .titbg9 {
    background-position: center -640px
}
.license_box strong {
    border-top: 1px solid #000;
    position: relative;
    font-weight: 700;
    padding-top: 5px
}
.titbox_wrap {
    position: absolute;
    right: 30px;
    top: 60px;
    margin-top: 27px
}
.license_company {
    float: left;
    padding-top: 10px;
    font-size: 12px;
    color: #666
}
.license_link {
    background: url(/pages/basic/img/sub/li_link_icon.png) right 10px no-repeat;
    float: left;
    display: block;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 25px 0 10px;
    color: #313131;
    border: 1px solid #838383;
    font-size: 11px
}
.license_link:hover {
    color: #000;
    font-weight: 700;
    border: 1px solid #000
}
.license_box .contbox {
    font-size: 13px;
    color: #7f7f7f;
    line-height: 180%;
    padding-top: 15px
}
.license_box .contbox dt {
    font-size: 13px;
    color: #64819e;
    font-weight: 600;
    padding: 10px 0
}
.license_box .contbox .box_type {
    margin-top: 20px
}
.license_box .contbox .box_type dt span {
    border-bottom: 3px solid #ffb400;
    font-size: 16px;
    color: #000;
    padding: 0px 0 4px 0
}
.license_box .contbox .subject {
    float: left;
    margin-right: 1%;
    border: 1px dotted #d0d3da;
    width: 100%;
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
    margin-top: -1px
}
.license_box .contbox .subject dd span {
    color: #434343
}

.license_box .contbox .subject img {
    width: 1148px !important;
}

.license_box .contbox .subject dd ul li {
    background: url(/pages/_common/img/license_bl.gif) 10px 10px no-repeat;
    padding: 0 0 0px 18px
}
/* 위탁교육안내 */

.sub05090100_wrap .top_navi {
    width: 100%;
    padding-bottom: 20px;
    height: 60px
    display:block;
    margin-bottom: 30px;
}

.sub05090100_wrap .item_box {
    margin-top: 100px;
}

.sub05090100_wrap .top_navi li a {
    display: block;
    width: 20%;
    position: relative;
    border: 1px solid #ddd;
    margin-right: -1px;
    background: #fff;
    float: left;
    font-size: 12px;
    color: #333;
    letter-spacing: -1px;
    box-sizing: border-box;
    padding: 18px 10px 18px 15px;
    text-align: center
}
.sub05090100_wrap .top_navi li.on a {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #8b99b0;
    position: relative;
    z-index: 1;
}
.sub01070100_wrap .apibox {
    clear: both;
    width: 100%;
    height: 380px;
    background: #43484e;
    text-align: center;
    vertical-align: middle;
    color: #fff
}
.witak_tit {
    clear: both;
    font-size: 16px;
    text-align: center;
    padding: 30px 0 30px 0;
    font-weight: 600
}
.witak_tit span {
    border-bottom: 1px solid #000
}
.blank_type {
    background: url(/pages/_common/img/link_icon.gif) right top no-repeat;
    padding-right: 15px;
    margin-right: 5px;
    color: #f31c7c;
    font-weight: 600
}
.blank_type:hover {
    text-decoration: underline
}
/* 국제수검장 */

.sugum_wrap .top_navi li a {
    width: 25% !Important
}
.sub02010300_wrap .map_info {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0px 20px 20px;
    min-height: 165px;
    border: 1px solid #e9e9e9;
    background: #fff;
    border-radius: 7px
}
.sub02010300_wrap .map_info dl {
    float: left;
    padding-left: 146px;
    background: url('/pages/basic/img/sub/sugum_icon.png') 25px top no-repeat;
    min-height: 59px
}
.sub02010300_wrap .map_info dl dt {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 20px;
    padding-bottom: 3px
}
.sub02010300_wrap .map_info dl dd {
    color: #838383;
    letter-spacing: -1px;
    line-height: 20px
}
.sub02010300_wrap .link_btn {
    margin-top: 7px
}
.sub02010300_wrap .link_btn a {
    float: left;
    display: block;
    background: #81aad2;
    padding: 0 37px;
    line-height: 40px;
    height: 40px;
    color: #fff;
    font-weight: 700;
    border-radius: 7px
}
.sub02010300_wrap .link_btn a:hover {
    background: #6596c7
}
.sugum_box {
    float: left;
    width: 100%;
    border-bottom: 1px solid #000;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.sugum_box .sugum_title {
    margin: 0 0 0 10px;
    border-left: 3px solid #000;
    float: left;
    height: 53px
}
.sugum_box .sugum_title dl {
    padding: 0 0 0 15px
}
.sugum_box .sugum_title dt {
    font-size: 17px;
    line-height: 17px;
    font-weight: 700;
    padding: 6px 0
}
.sugum_box .sugum_title dd {
    font-size: 13px;
    color: #838383;
    line-height: 16px
}
.sugum_subject {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px dotted #666;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 30px;
    border-top: 2px solid #333;
    margin-bottom: 30px;
}
.sugum_wrap {
    width: 100%;
    float: left;
    padding-top: 7px
}
.sugum_wrap .infobox {
    float: left;
    border-radius: 5px;
    overflow: hidden;
    width: 14%;
    height: 110px;
    background: #636363 url("/pages/basic/img/sub/sugum_icon2.png") right 0px no-repeat;
    box-sizing: border-box
}
.sugum_wrap .bg2 {
    background-color: #f2a42b;
    background-position: right -110px
}
.sugum_wrap .bg3 {
    background-color: #6899e5;
    background-position: right -220px
}
.sugum_wrap .bg4 {
    background-color: #6899e5;
    background-position: right -330px
}
.sugum_wrap .infobox span {
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 20px 0 0 15px;
}
.sugum_wrap .contbox {
    float: left;
    width: 80%;
    margin: 0px 0 0 20px;
    box-sizing: border-box
}
.sugum_wrap .contbox ul li {
    color: #838383;
    line-height: 20px
}
.top_navi {
    width: 100%;
    padding-bottom: 20px;
    float: left;
    height: 60px
}
.top_navi li a {
    display: block;
    width: 50%;
    position: relative;
    border: 1px solid #ddd;
    margin-right: -1px;
    background: #fff;
    float: left;
    font-size: 13px;
    color: #333;
    letter-spacing: -1px;
    box-sizing: border-box;
    padding: 18px 10px 18px 15px;
    text-align: center
}
.top_navi li.on a {
    font-weight: 700;
    color: #fff;
    background: #8b99b0;
    position: relative;
    z-index: 1;
}
.sub01070100_wrap .apibox {
    clear: both;
    width: 100%;
    height: 380px;
    background: #43484e;
    text-align: center;
    vertical-align: middle;
    color: #fff
}
/*인재채용*/

.sub01090100_wrap {
    position: relative;
    width: 100%;
    margin-top: 40px
}
.sub01090100_wrap .ctitle {
    text-align: center;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 24px;
    color: #424242;
    letter-spacing: -1px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px
}
.sub01090100_wrap .ctitle span {
    font-weight: 700
}
.sub01090100_wrap ul.list {
    width: 100%;
    float: left
}
.sub01090100_wrap ul.list li {
    padding: 5px 0;
    float: left;
    width: 32.2%;
    margin-right: 1%
}
.sub01090100_wrap ul.list dl.list1 {
    background: #fff url("/pages/basic/img/sub/jobperson_icon1.png") center 20px no-repeat
}
.sub01090100_wrap ul.list dl.list2 {
    background: #fff url("/pages/basic/img/sub/jobperson_icon2.png") center 35px no-repeat
}
.sub01090100_wrap ul.list dl.list3 {
    background: #fff url("/pages/basic/img/sub/jobperson_icon3.png") center 35px no-repeat
}
.sub01090100_wrap ul.list dl {
    position: relative;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 130px 10px 20px 15px;
    min-height: 250px
}
.sub01090100_wrap ul.list dl dt {
    border-bottom: 1px dotted #ddd;
    text-align: center;
    font-size: 15px;
    color: #212121;
    font-weight: 700;
    letter-spacing: -2px;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.sub01090100_wrap ul.list dl dd {
    padding-bottom: 3px;
    font-size: 12px;
    line-height: 140%;
    color: #777
}
.sub01090100_wrap ul.list dl dd span {
    font-weight: 600;
    padding-right: 5px
}
.sub01090100_wrap .bot_text {
    width: 100%;
    float: left;
    background: #fff url("/pages/basic/img/sub/jobperson_icon4.png") 40px 20px no-repeat;
    margin: 10px 0 30px 0;
    padding: 20px;
    color: #777;
    line-height: 21px;
    letter-spacing: -1px;
    box-sizing: border-box
}
.sub01090100_wrap .bot_info {
    padding-left: 100px
}
/* 결제안내 */

.sub05040000_wrap h4 {
    width: 140px;
    margin: 0 auto;
    letter-spacing: -1px;
    font-size: 17px;
    text-align: center;
    padding: 10px 0 0px 0;
    border-top: 1px solid #000
}
.sub05040000_wrap .exp_txt {
    color: #838383;
    text-align: center;
    letter-spacing: -0.02em;
    padding-top: 27px;
    line-height: 21px
}
.sub05040000_wrap .contbox {
    margin-top: 20px;
    overflow: hidden
}
.sub05040000_wrap .contbox dl {
    float: left;
    padding: 40px 20px 30px 20px;
    margin: 30px 2px 40px 0;
    width: 33%;
    min-height: 300px;
    text-align: center;
    box-sizing: border-box
}
.sub05040000_wrap .contbox dl.pay01 {
    background: #fff5bd url("/pages/_common/img/pay_icon1.png") center bottom no-repeat
}
.sub05040000_wrap .contbox dl.pay02 {
    background: #dcf2ff url("/pages/_common/img/pay_icon2.png") center bottom no-repeat
}
.sub05040000_wrap .contbox dl.pay03 {
    background: #cdf2f6 url("/pages/_common/img/pay_icon3.png") center bottom no-repeat
}
.sub05040000_wrap .contbox2 dl {
    background: #fff;
    float: left;
    width: 100%;
    padding: 40px 20px 30px 20px;
    border: 10px solid #e7e7e7;
    box-sizing: border-box
}
.sub05040000_wrap .contbox2 dd {
    width: 100%;
    text-align: center;
    color: #838383
}
.sub05040000_wrap .contbox2 .box1 {
    float: left;
    width: 32.8%;
    margin-right: 2px
}
.sub05040000_wrap .contbox2 .box1 h5 {
    display: block;
    line-height: 35px;
    color: #fff;
    background: #0fa9b8;
    height: 35px;
    margin-top: 15px;
    font-size: 13px
}
.sub05040000_wrap .contbox2 .box1 p {
    border: 1px solid #c8d3d4;
    padding: 20px;
    min-height: 100px
}
.sub05040000_wrap dt {
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    display: block
}
.sub05040000_wrap dd {
    font-size: 13px;
    color: #666;
    padding: 20px 0 0 0;
    line-height: 20px
}
.sub05040000_wrap dd ul li span {
    color: #000
}
/* ci bi*/

.sub03030000_wrap .dwn_btn {
    float: right
}
.sub03030000_wrap .dwn_btn ul li {
    float: left;
    margin: 10px 1px 0 0
}
.sub03030000_wrap .dwn_btn ul li a {
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background: #6a9ed3;
    padding: 5px 45px;
    line-height: 40px;
    height: 40px
}
.sub03030000_wrap .dwn_btn ul li a.ai_down {
    background: #8998b5
}
.sub03030000_wrap .dwn_btn ul li a.jpg_down:hover {
    background: #548bc9;
    text-decoration: underline
}
.sub03030000_wrap .dwn_btn ul li a.ai_down:hover {
    background: #7484a5;
    text-decoration: underline
}
.sub03030000_wrap .cont_box {
    float: left;
    padding-top: 65px
}
.sub03030000_wrap .cont_area .box_wrap {
    padding-left: 150px
}
.sub03030000_wrap .cont_area dl {
    float: left;
    letter-spacing: 0px;
    color: #838383;
    line-height: 19px
}
.sub03030000_wrap .cont_area .symbol dt {
    color: #000;
    font-size: 16px;
    line-height: 27px
}
.sub03030000_wrap .cont_area .symbol dt span {
    font-weight: 700;
    font-size: 19px
}
.sub03030000_wrap .cont_area .colorbox dt {
    float: left;
    width: 60px;
    height: 60px;
    background-color: #36a9e1;
    margin-bottom: 10px
}
.sub03030000_wrap .cont_area .colorbox dt.cbg {
    background: #95c11f
}
.sub03030000_wrap .cont_area .colorbox dt.cbg2 {
    background: #29235c
}
.sub03030000_wrap .cont_area .colorbox dt span {
    font-size: 0;
    position: absolute;
    overflow: hidden;
    letter-spacing: -999px;
    line-height: 0
}
.sub03030000_wrap .cont_area .colorbox dd {
    float: left;
    margin: 0 10px;
    line-height: 15px !Important
}
/* cbt */

#cbt {
    width: 100%;
    min-height: 840px;
    background: url('/pages/basic/img/sub/cbt_bg.gif') top center repeat-y;
}
.cbt_wrap {
    width: 1050px;
    margin: 0 auto;
    padding: 35px 0 30px 0;
    overflow: hidden
}
.cbt_wrap .logo {
    text-align: center;
    padding-bottom: 20px
}
.cbt_wrap h1 a {
    font-size: 17px;
    color: #000
}
.cbt_wrap h1 a span {
    padding-left: 10px;
    line-height: 35px;
    letter-spacing: -1px
}
.cbt_wrap h1 a:hover {
    text-decoration: none
}
.testbox {
    width: 100%;
    overflow: hidden
}
.testbox .lbox {
    float: left;
    width: 80%;
    height: auto;
    border: 1px solid #b6c1d3;
    position: relative
}
.testbox .lbox .titlebox {
    float: left;
    position: relative;
    width: 100%;
    padding: 30px 30px 40px 30px;
    height: 110px;
    border-bottom: 1px solid #cbd4e4;
    box-sizing: border-box;
    background: #e4e7ed;
    letter-spacing: -1px
}
/*  .subject_sel{float:left;padding:10px 0}*/

.subject_sel {
    position: absolute;
    right: 220px;
    top: 30px
}
.cbttest_title p {
    color: #5286e6;
    font-size: 13px;
    line-height: 13px;
    padding-bottom: 10px;
    box-sizing: border-box
}
.cbttest_title h4 {
    color: #262626;
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 24px
}
.testbox .lbox .titlebox .topset {
    position: absolute;
    top: 25px;
    line-height: 19px;
    letter-spacing: -0.04em;
    right: 30px;
    color: #647384
}
.testbox .lbox .titlebox .topset li {
    padding: 0px 15px 0 35px;
    line-height: 26px;
    border-bottom: 1px dotted #77818b
}
.testbox .lbox .titlebox .topset .time {
    background: url('/pages/basic/img/sub/cbt_time_icon.gif') 13px center no-repeat
}
.testbox .lbox .titlebox .topset .num {
    background: url('/pages/basic/img/sub/cbt_num_icon.gif') 13px center no-repeat
}
.testbox .lbox .titlebox .topset li span {
    color: #000;
    font-size: 18px
}
.cbt_listbox {
    overflow: hidden;
    background: #fff;
    padding: 20px 30px 30px;
    box-sizing: border-box;
    height: 539px;
    overflow-y: scroll
}
.cbt_test_type {
    float: left;
    width: 90%;
    margin-bottom: 20px
}
.cbt_test_type img {
    border: 1px solid #ddd;
    padding: 20px;
    width: 300px
}
.cbt_test_type h3 {
    letter-spacing: -0.03em;
    padding-bottom: 10px;
    line-height: 21px;
    font-weight: 400;
    color: #656565
}
.cbt_test_type h3 .number {
    display: inline-block
}
.cbt_test_type h3 .test {
    padding-left: 10px;
    display: inline-block
}
.cbtnumber_list {
    padding-top: 10px
}
.cbtnumber_list li {
    padding-top: 5px;
    position: relative;
    color: #656565
}
.cbtnumber_list li a {
    display: inline-block;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #3a3d3f;
    line-height: 11px;
    color: #656565;
    text-align: center;
    font-size: 11px;
    font-weight: 800
}
.cbtnumber_list li a:hover, .cbtnumber_list li a.on {
    text-decoration: none;
    border: 1px solid #317bdd;
    background: #317bdd;
    color: #fff;
    font-weight: 800;
}
.cbtnumber_list a.true {
    background: #ff0000;
    color: #fff;
    font-weight: 800;
    border: 1px solid #ff0000
}
.cbtnumber_list a.false {
    background: #000;
    color: #fff;
    font-weight: 800;
    border: 1px solid #000
}
.cbt_listbox .left_line {
    float: left;
    width: 49%;
    border-right: 1px solid #ddd
}
.cbt_listbox .right_line {
    float: right;
    width: 46%
}
/*  .cbt_wrap .pagination {text-align:center;line-height:24px;padding:15px 0 60px}
    .cbt_wrap .pagination .btn_list{display:inline-block;padding-top:10px}
    .cbt_wrap .pagination a.btn_prev{background:none;margin:0 15px}
    .cbt_wrap .pagination a.btn_next{width:20px;height:20px;margin:0 15px}
    .cbt_wrap .pagination a:hover{background-position:0 -20px} 
    .cbt_wrap .pagination a span{font-size:0;}*/

.testbox .rbox {
    float: left;
    height: auto;
    width: 19%;
    border: 1px solid #3b87d8;
    margin-left: -1px
}
.testbox .rbox .titlebox {
    float: left;
    width: 100%;
    background: #56a2f3;
    padding: 30px 0px 0 30px;
    height: 110px;
    box-sizing: border-box
}
.testbox .lbox .titlebox .title {
    padding-top: 20px
}
.testbox .rbox .titlebox h4 {
    background: url('/pages/basic/img/sub/cbt_icon1.png') 0px top no-repeat;
    display: block;
    padding-left: 40px;
    font-size: 16px;
    letter-spacing: -1px;
    color: #fff;
    font-weight: 400;
    height: 30px;
    line-height: 16px
}
.testbox .rbox .titlebox p {
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.08em;
    width: 90%;
    text-align: center;
    background: url('/pages/basic/img/sub/cbt_check_line.png') repeat-x;
    padding-top: 10px
}
.omrbox_wrap {
    float: left;
    background: #fff;
    width: 100%;
    height: 469px;
    padding: 0 30px;
    box-sizing: border-box;
    overflow-y: scroll
}
.omr_box {
    float: left;
    width: 100%;
    padding: 15px 0 30px
}
.omr_box dl {
    width: 100%;
    line-height: 20px
}
.omr_box dd {
    float: left;
}
.omr_box dt {
    float: left;
    font-weight: 700;
    padding-right: 5px;
    width: 25px
}
.omr_box dd a {
    display: inline-block;
    margin: 3px 6px 0 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #666;
    line-height: 13px;
    color: #666;
    text-align: center;
    font-size: 11px;
    font-weight: 800
}
.omr_box dd a:hover, .omr_box dd a.on {
    text-decoration: none;
    border: 1px solid #317bdd;
    background: #317bdd;
    color: #fff;
    font-weight: 800
}
.omr_box .box_type {
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
    padding: 6px 0
}
.grading_box {
    width: 100%;
    background: #fff;
    float: left;
    height: 69px;
    margin: 0 auto;
    border-top: 1px solid #222
}
.grading {
    display: block;
    margin: 0 auto;
    color: #fff;
    background: #4d4d4d;
    border: 1px solid #222;
    line-height: 40px;
    text-align: center;
    margin: 10px auto;
    width: 170px;
    cursor: pointer
}
.grading:hover {
    text-decoration: none;
    background: #222
}
/* 해설집 */

.grad_tit {
    text-align: center;
    padding: 40px 0px 30px
}
.score_box {
    border: 15px solid #7dacea;
    background: #fff
}
.score_box .result_box {
    box-sizing: border-box;
    border: 1px solid #cebfb5;
    border-radius: 7px;
    padding: 30px 50px 40px 50px;
    background: #fff url('/pages/basic/img/sub/pass_icon.png') 40px 20px no-repeat;
    padding-left: 140px;
    margin: 30px 50px
}
.score_box .result_box h5 {
    color: #ff0000;
    letter-spacing: -1px;
    font-size: 17px;
    font-weight: 600;
    line-height: 32px
}
.score_box .result_box h5 span {
    color: #000;
    font-size: 13px
}
.score_box .result_box .time {
    color: #999
}
.score_box .failbox {
    background: #fff url('/pages/basic/img/sub/fail_icon.png') 40px 20px no-repeat
}
.haeseol_box {
    background: #fff;
    border: 15px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 40px;
    overflow: hidden
}
.haeseol_tit {
    text-align: center;
    padding: 40px 0px 30px 0px;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
    line-height: 25px;
    letter-spacing: -1px;
    margin-bottom: 20px
}
.haeseol_tit img {
    padding-right: 10px
}
.haeseol_scrol_box {
    ;
    overflow-y: scroll;
    height: 600px
}
.haeseol_wrapbox {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px 10px 50px;
    border-bottom: 1px dotted #ddd
}
.haeseol_wrapbox .haeseol_left {
    padding: 20px 0px 30px;
    box-sizing: border-box;
    width: 380px;
    float: left;
    overflow: hidden
}
.haeseol_wrapbox .rignt_box {
    float: left;
    margin-top: 20px;
    width: 461px;
    background: #f6f6f6;
    padding: 30px;
    border-radius: 7px;
    border: 1px solid #e4e4e4;
    box-shadow: #999 1px 2px
}
.haeseol_wrapbox .rignt_box p {
    color: #666;
    line-height: 21px;
    font-size: 13px
}
.haeseol_wrapbox .rignt_box p span {
    color: #ff0000;
    font-weight: 800
}
.haeseol_wrapbox .rignt_box .haeseol {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 7px;
    padding: 20px 20px 30px 20px;
    margin-top: 10px
}
.haeseol_wrapbox .rignt_box .haeseol dt {
    color: #0b79e0;
    font-weight: 800;
    line-height: 27px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 7px
}
.haeseol_wrapbox .rignt_box .haeseol dd {
    color: #666;
    font-size: 12px;
    line-height: 19px
}
#paginate_cbt {
    text-align: center;
    height: 30px
}
p.cbt_btn_page a.btn_prev {
    background: #fff url('/pages/basic/img/sub/cbtpage_prev.png') left 3px no-repeat;
    width: 23px;
    height: 13px;
    font-size: 11px;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px 15px 5px 15px
}
p.cbt_btn_page a.btn_next {
    background: #fff url('/pages/basic/img/sub/cbtpage_next.png') right 3px no-repeat;
    width: 23px;
    height: 13px;
    font-size: 11px;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px 15px 5px 15px
}
p.cbt_btn_page a.btn_prev span {
    padding-left: 15px
}
p.cbt_btn_page a.btn_next span {
    padding-right: 15px
}
p.cbt_btn_page a.btn_prev:hover, p.cbt_btn_page a.btn_next:hover {
    font-weight: 800;
    font-size: 11px;
    background-color: #f8f8f8;
    text-decoration: none
}
/* 이력서 / 자기소개서 */

.resum_wrap {
    width: 100%;
    overflow: hidden
}
.resum_wrap ul li {
    float: left;
    border: 1px dotted #ddd;
    height: 293px;
    box-sizing: border-box;
    padding: 15px 30px;
    margin: 5px 0 5px 0;
    width: 32.6%;
    margin-right: 4px
}
.intro_wrap ul li {
    width: 48.5%
}
.intro_wrap ul li br {
    display: none
}
.down_box {
    width: 100%;
    overflow: hidden;
    background: url('/pages/basic/img/sub/download_bg.gif') right bottom no-repeat;
    border: 1px solid #ddd;
    padding: 30px;
    margin-top: 15px;
    position: relative;
    box-sizing: border-box
}
.down_box dl {
    padding-right: 30px;
    ;
    letter-spacing: -1px
}
.down_box dt {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
    line-height: 18px
}
.down_box dd {
    color: #666;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 15px
}
.resum_txt {
    clear: both;
    font-size: 15px;
    font-weight: 700;
    color: #48576e;
    padding: 5px 0 18px 0px;
    background: url('/pages/career/img/sub/resum_butt.gif') left top no-repeat;
    line-height: 21px;
    letter-spacing: -1px;
    margin-top: 17px
}
.resum_tit {
    padding-top: 20px;
    text-align: center
}
.resum_tit dl {
    padding-bottom: 30px
}
.resum_tit dt {
    font-size: 21px;
    color: #222;
    letter-spacing: -1.7px;
    line-height: 27px;
    font-weight: 600;
    padding-bottom: 5px
}
.resum_tit dt span {
    color: #989898;
    font-weight: 400
}
.resum_tit dd {
    color: #989898;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -1px
}
/* 국제취업혁신센터 */

.jobcenter_wrap {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}
.jobcenter_wrap .cutbox {
    width: 49%;
    margin: 0.5%;
    padding: 50px 30px;
    min-height: 270px;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    float: left
}
.jobcenter_wrap h3.pc {
    background: #fff none repeat scroll 0 0;
    border: 10px solid #ffdd23;
    border-radius: 100px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 18px;
    height: 200px;
    left: 480px;
    letter-spacing: -1px;
    line-height: 25px;
    padding: 65px 6px;
    position: absolute;
    text-align: center;
    top: 150px;
    width: 200px;
}
.jobcenter_wrap h3.m {
    display: none
}
.jobcenter_wrap .cutbox h4 {
    font-size: 15px;
    margin-bottom: 20px
}
.pt90 {
    padding-top: 100px !important
}
.photolist3ex {
    float: left;
    padding-bottom: 20px;
    width: 100%;
}
.photolist3ex li {
    display: block;
    float: left;
    margin: 0 7px;
    overflow: hidden;
    text-align: center;
    width: 31.6%;
}
.photolist3ex li span {
    color: #444;
    display: block;
    margin-bottom: 4px;
    padding-top: 15px;
    width: 100%;
}
.photolist3ex li img {
    width: 100%;
}
.photolist4ex {
    float: left;
    padding-bottom: 20px;
    width: 100%;
    margin-top: 20px
}
.photolist4ex li {
    display: block;
    float: left;
    margin: 0 7px;
    overflow: hidden;
    text-align: center;
    width: 23.3%;
}
.photolist4ex li span {
    color: #444;
    display: block;
    margin-bottom: 4px;
    padding-top: 15px;
    width: 100%;
}
.photolist4ex li img {
    width: 100%;
}
.jobcenter_gnd dt {
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #444;
    font-weight: 600;
    padding: 43px 5px;
    text-align: center;
    width: 17%;
    background: #fff;
    border: 8px solid #ffdd23;
    box-sizing: border-box
}
.jobcenter_gnd dd {
    float: left;
    margin-left: 9px;
    border: 1px solid #d1d6dd;
    padding: 24px 0 24px 20px;
    width: 82%;
    line-height: 23px;
    color: #989ba0;
    margin-bottom: 9px;
    box-sizing: border-box
}
p.process_title {
    background: #56a2f3;
    line-height: 20px;
    color: #fff;
    padding: 5px 0 8px;
    height: 30px;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    letter-spacing: -1px;
    margin-top: 30px
}
.process_box ul li {
    width: 33%;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    line-height: 18px;
    float: left;
    color: #757575;
    min-height: 305px
}
.process_box ul li span {
    display: block;
    font-size: 15px;
    line-height: 30px;
    color: #4c4c4c;
    font-weight: 600
}
.process_box ul li.pro01 {
    background: url('/pages/basic/img/sub/process_icon1.png') no-repeat center 30px;
    padding: 140px 20px 30px;
    margin: 3px 0px;
}
.process_box ul li.pro02 {
    background: url('/pages/basic/img/sub/process_icon2.png') no-repeat center 30px;
    padding: 140px 20px 30px;
    margin: 3px 4px
}
.process_box ul li.pro03 {
    background: url('/pages/basic/img/sub/process_icon3.png') no-repeat center 30px;
    padding: 140px 20px 30px;
    margin: 3px 0px
}
.process_box ul li.pro04 {
    background: url('/pages/basic/img/sub/process_icon4.png') no-repeat center 30px;
    padding: 140px 20px 30px;
    margin: 3px 0px
}
.process_box ul li.pro05 {
    background: url('/pages/basic/img/sub/process_icon5.png') no-repeat center 30px;
    padding: 140px 20px 30px;
    margin: 3px 4px
}
/* 방학특강 */

.compl_wrap {
    display: block;
    clear: both;
    width: 100%;
    letter-spacing: -1px;
    text-align: center;
    padding: 10px 0 0 0;
}

.compl_wrap .compl_txt {
    padding: 30px 0 15px 0;
    border-bottom: 1px dotted #666;
    font-size: 13px;
    color: #222;
    font-weight: 600
}
.compl_wrap a {
    display: block;
    margin: 20px auto;
    font-weight: 600;
    width: 170px;
    border: 1px solid #ddd;
    line-height: 35px;
    color: #000;
}
.compl_wrap a:hover {
    border: 1px solid #f9c203;
    font-weight: 800
}


.process_map{margin-top:20px}
.process_map .map_info .map_info_box{width:100%;background:#fff;box-sizing:border-box;border:1px solid #e6e6e6;padding:19px 35px;margin-bottom:2px;overflow:hidden}
.process_map .map_info .map_info_box dt{display:block;width:200px;border-right:1px solid #d8d8e0;margin-right:22px;height:48px;line-height:48px;font-size:15px;color:#000;padding-left:55px;float:left}
.process_map .map_info .map_info_box dt span{font-weight:700}
.process_map .map_info .map_info_box dd{display:block;float:left;width:auto;line-height:16px;padding-top:15px;color:#5a5a5a;font-size:13px;}
.process_map .map_info .map_info_box dt.bus{background:url('/pages/basic/img/sub/icon_bus.gif') left 50% no-repeat}
.process_map .map_info .map_info_box dt.car{background:url('/pages/basic/img/sub/icon_car.gif') left 50% no-repeat}
.process_map .map_info .map_info_box dt.subway{background:url('/pages/basic/img/sub/icon_subway.gif') left 50% no-repeat}

.process_find {margin-top:20px}
.process_find .map_info .map_info_box{width:100%;background:#fff;box-sizing:border-box;border:1px solid #e6e6e6;padding:19px 35px;margin-bottom:2px;overflow:hidden}
.process_find .map_info .map_info_box dt{display:block;width:20%;margin-right:22px;height:48px;line-height:48px;font-size:15px;color:#000;float:left}
.process_find .map_info .map_info_box dt span{font-weight:700}
.process_find .map_info .map_info_box dd{display:block;float:left;width:70%;line-height:16px;padding-top:15px;color:#5a5a5a;font-size:13px;}




/****** Mobile ******/

@media screen and (max-width:690px) {
    body {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }
    /* 공통 */
    .m_imgw {
        width: 100%
    }
    .ul_type li {
        padding-left: 10px;
        background: url('/pages/basic/img/sub/li_butt.gif') 0 8px no-repeat;
        font-size: 13px;
        line-height: 21px
    }
    .p_type {
        font-size: 13px;
        line-height: 20px
    }
    .stylebox {
        padding: 5px 0
    }
    /* table */
    .table_type {
        overflow-x: scroll
    }
    .table_type .m_info {
        letter-spacing: -1px;
        font-size: 12px;
        color: #fff;
        line-height: 18px;
        margin-bottom: 10px;
        float: left;
        background: #333;
        display: block;
        clear: both;
        padding: 2px 7px
    }
    .table_type table {
        width: 900px
    }
    #process_detail_view .title_thum {
        width: 100%;
        height: auto
    }
    #process_detail_view .basic_info {
        font-size: 13px;
        line-height: 21px
    }
    #process_detail_view .basic_info2 .bu_choice button {
        width: 100%
    }
    .basic_info2 .basic_info2_list {
        font-size: 13px;
        line-height: 18px
    }
    .basic_info2 .basic_info2_list .box1 {
        width: 100%;
        height: auto;
        background: #fff;
        border: 1px dotted #ccc;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2px;
        padding: 15px
    }
    .basic_info2 .basic_info2_list .box2 {
        width: 100%;
        height: auto;
        background: #fff;
        border: 1px dotted #ccc;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2px;
        padding: 15px
    }
    .basic_info2 .basic_info2_list .box3 {
        width: 100%;
        height: auto;
        background: #fff;
        border: 1px dotted #ccc;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2px;
        padding: 15px
    }
    .basic_info2 .basic_info2_list .box4 {
        width: 100%;
        height: auto;
        background: #fff;
        border: 1px dotted #ccc;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2px;
        padding: 15px
    }
    .basic_info2 .basic_info2_list .box5 {
        width: 100%;
        height: auto;
        min-height: auto;
        background: #fff;
        border: 1px dotted #ccc;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2px;
        padding: 15px
    }
    .basic_info2 .basic_info2_list .box6 {
        width: 100%;
        height: auto;
        min-height: auto;
        background: #fff;
        border: 1px dotted #ccc;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2px;
        padding: 15px
    }
    .basic_info2 .basic_info2_list .box7 {
        width: 100%;
        height: auto;
        min-height: auto;
        background: #fff;
        border: 1px dotted #ccc;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2px;
        padding: 15px
    }
    #process_detail_view .basic_info2 .bu_choice ul {
        width: 85%
    }
    #process_detail_view .basic_info2 .bu_choice ul li a {
        font-size: 15px;
        line-height: 26px
    }
    #process_detail_view .map {
        display: none
    }
    .process_quick_btn li a {
        width: 33.3%;
        border: none
    }
    .process_tabinfo .process_tabinfo_box .tab {
        height: auto;
        overflow: hidden
    }
    .process_tabinfo .process_tabinfo_box .tab li a {
        width: 50%;
        border-bottom: 1px solid #d2d2d2
    }
    .curriculum_wrap {
        background: url('/pages/basic/img/sub/curriculum_line.gif') 4px top repeat-y
    }
    .curriculum_wrap .list dl {
        clear: both;
        padding: 17px 0 0 17px
    }
    .curriculum_wrap .list .title {
        margin-left: 0
    }
    .process_yg li {
        box-sizing: border-box;
        padding: 0;
        width: 100%
    }
    .process_yg li .process_ygbox {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    .process_yg li .process_ygbox .thum {
        float: left;
        width: 100px;
        height: 100px;
        overflow: hidden;
        border-radius: 50%
    }
    .process_yg li .process_ygbox .thum img {
        height: 100%
    }
    .process_yg li .process_ygbox .text {
        width: 60%;
        float: left;
        padding: 15px 0 0 10px
    }
    .process_yg li .process_ygbox .text dl {
        padding-left: 5px;
        float: left
    }
    .process_yg li .process_ygbox .text dl dt a {
        font-size: 13px
    }
    .process_yg li .process_ygbox .btn_more {
        display: none
    }
    .btn_mtop a {
        display: block;
        position: fixed;
        bottom: 25px;
        right: 9px;
        background: #fff;
        z-index: 30;
        width: 49px;
        height: 49px;
        background: url('/pages/basic/img/sub/btn_mtop.png') no-repeat;
        background-size: 100% 100%
    }
    .btn_mtop a span {
        display: none
    }
    #process_detail_view .basic_info2 .bu_choice_wrap {
        height: auto;
        float: left
    }
    #process_detail_view .basic_info2 .bu_choice_wrap .title {
        display: none
    }
    #process_detail_view .basic_info2 .bu_choice_wrap .bu_choice_box {
        float: none
    }
    #process_detail_view .basic_info2 .bu_choice {
        width: 100%;
        margin-bottom: 3px
    }
    #process_detail_view .basic_info2 .bu_choice2 {
        width: 100%;
        margin-left: 0
    }
    #process_detail_view .basic_info2 .bu_choice button {
        width: 100%;
        font-size: 15px
    }
    #process_detail_view .basic_info2 .bu_choice2 button {
        width: 100%;
        font-size: 15px
    }
    #process_detail_view .basic_info2 .bu_choice ul {
        width: 100%
    }
    #process_detail_view .basic_info2 .bu_choice2 li a {
        font-size: 15px;
        line-height: 26px
    }
    #process_fixed_wrap {
        display: none
    }
    /* 로그인 */
    #login_container {
        width: 100%
    }
    #login_wrap .title {
        display: none
    }
    #login_container .login_container_lbox {
        display: none
    }
    #login_container .login_container_rbox {
        padding: 30px 25px 15px 25px;
        width: 100%
    }
    #login_container .rdo_l label {
        width: 50%
    }
    .login_container_area {
        width: 100%;
        padding: 20px 25px
    }
    .login_container_area .btn_type1 {
        clear: both;
        display: block;
        margin: 3px 0;
        text-align: center;
        height: 30px;
        line-height: 30px;
        padding-top:0;
    }
    .login_container_area .ul_type2 li {
        background: none;
        padding-left: 0
    }
    /* 회원가입 */
    #join_dtitle_box .title h4 {
        letter-spacing: 30px
    }
    #join_dtitle_box .join_group_list li a {
        width: 100%;
        margin-bottom: 30px
    }
    #join_dtitle_box .info {
        padding: 20px 10px
    }
    #join_dtitle_box .info .info_title {
        width: 100%;
        padding-left: 10px;
        background: url('/pages/basic/img/sub/bg_point_1.png') 10px 16px no-repeat;
        padding-top: 33px
    }
    #join_dtitle_box .info .text {
        float: left;
        width: 90%;
        padding-top: 20px
    }
    #join_dtitle_box .info .text li {
        padding-bottom: 2px
    }
    #join_step_wrap .join_step1_con {
        margin: 0 0 10px 0
    }
    #join_step_wrap .top_navi li {
        margin-top: -1px
    }
    #join_step_wrap .join_step1_con .agree_t {
        width: 100%;
        text-align: center;
        padding: 20px 0
    }
    .join_step3_box {
        padding-bottom: 10px
    }
    .join_step3_box .in_box1 {
        width: 100%;
        padding: 150px 20px 20px 20px
    }
    .join_step3_box .in_box1 dd.text {
        width: 100%
    }
    .join_step3_box .in_box1 dd.btn {
        width: 100%
    }
    .join_step3_box .in_box2 {
        width: 100%;
        padding: 150px 20px 20px 20px
    }
    .join_step3_box .in_box2 dd.text {
        width: 100%
    }
    .join_step3_box .in_box2 dd.btn {
        width: 100%
    }
    .join_step3_box .join_step3_info {
        width: 100%;
        padding: 20px
    }
    .join_table_list_group {
        width: 100%
    }
    .join_table_select ul li a {
        font-size: 15px;
        line-height: 28px;
        letter-spacing: -1px
    }
    .jender {
        width: 49.8%
    }
    #join_step_wrap .bottom_btn_list {
        width: 100%
    }
    /* 아이디찾기 */
    .find_idpw_box {
        padding-bottom: 10px
    }
    .find_idpw_box .in_box1 {
        width: 100%;
        padding: 150px 20px 20px 20px
    }
    .find_idpw_box .in_box1 dd.text {
        width: 100%
    }
    .find_idpw_box .in_box1 dd.btn {
        width: 100%
    }
    .find_idpw_box .in_box2 {
        width: 100%;
        padding: 150px 20px 20px 20px
    }
    .find_idpw_box .in_box2 dd.text {
        width: 100%
    }
    .find_idpw_box .in_box2 dd.btn {
        width: 100%
    }
    .find_idpw_box .find_idpw_info {
        width: 100%;
        padding: 20px
    }
    /* 수강신청 */
    #su_application .su_application_list_group {
        width: 100%
    }
    #su_application .info {
        padding: 10px 10px 20px 10px;
        margin-top: 5px
    }
    #su_application .info .info_title {
        width: 100%;
        padding-left: 10px;
        background: url('/pages/basic/img/sub/bg_point_1.png') 10px 16px no-repeat;
        padding-top: 33px
    }
    #su_application .info .text {
        float: left;
        width: 90%;
        padding-top: 20px
    }
    #su_application .info .text li {
        padding-bottom: 2px
    }
    #su_application .bottom_btn_list {
        width: 100%
    }
    #su_application .top_navi li {
        text-align: center
    }
    #su_application .top_navi li.on {
        background: #fff
    }
    /* 과정별 검색결과 */
    .search_blist .list ul {
        overflow: hidden;
        padding-bottom: 10px
    }
    .search_blist .list li {
        width: 100%;
        min-height: 0 !important;
        height: auto !important;
        padding-bottom: 10px;
        border-bottom: 1px dotted #ccc;
        margin: 0
    }
    .search_blist .thum_box {
        display: none
    }
    .search_blist .list li .text_box dd.date2 {
        font-size: 12px
    }
    .search_blist .btn_more {
        width: 100%
    }
    #g_search_wrap .info dl {
        padding-bottom: 20px
    }
    .process_fixed_list2 {
        width: 100%;
        display: block !important;
        background: #333;
        height: 75px;
        margin: 10px 0;
        position: relative
    }
    .process_fixed_list2 a {
        display: block;
        width: 100%;
        height: 75px;
        float: left;
        position: relative;
        margin-left: -1px;
        box-sizing: border-box;
        text-align: right;
        padding: 0 30px 0 0;
        line-height: 75px;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: -1px;
        color: #fff
    }
    .process_fixed_list2 a.icon2 {
        background: url(/pages/basic/img/sub/process_fixed_icon3.png) 30px 15px no-repeat;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pages/basic/img/sub/process_fixed_icon3.png', sizingMethod='crop')
    }
    /*수강후기*/
    .process_tabinfo_box_type5 {
        padding: 20px 10px
    }
    .review_box dd.type {
        border-bottom: none
    }
    .review_box dd.date {
        position: static;
        border-bottom: 1px solid #ddd
    }
    .star_rating {
        height: 20px
    }
    .wrap_epex .title {
        position: relative;
        left: auto;
        top: auto;
        padding-bottom: 10px;
        text-align: center
    }
    .wrap_epex ul {
        padding-left: 0;
    }
    .review_step_wrap li {
        width: 100%;
        margin-bottom: 2px
    }
    /*포트폴리오 */
    #process_tabinfo_box_photo li {
        width: 100%
    }
    #process_tabinfo_box_photo li a dt {
        height: auto
    }
    /* 인사말 */
    .sub01010000_wrap .con .con_sbox {
        width: 48%;
        margin: 1%
    }
    /* 학교이념 */
    .sub01040000_wrap .con .con_sbox {
        width: 98%;
        margin: 1%
    }
    /* 캠퍼스안내 > 교육분야 */
    .sub01050000_box {
        width: 100%;
        margin: 6px 0;
        min-height: auto;
        padding: 20px 15px 15px 15px
    }
    /*  캠퍼스안내 > 사업분야 */
    .sub01060000_box {
        width: 100%;
        margin: 6px 0;
        min-height: auto;
        padding: 20px 15px 15px 15px
    }
    #wrap_quick {
        display: none
    }
    .m_img_w100 {
        width: 100%
    }
    /* 캠퍼스안내 > 위치안내 */
    .sub01070100_wrap .top_navi {
        height: auto
    }
    .sub01070100_wrap .top_navi li a {
        display: block;
        width: 20%;
        margin-top: -1px;
        padding: 18px 0 18px 0
    }
    /* 캠퍼스안내 > 시설안내 */
    .sub01070200_wrap .top_navi {
        padding-bottom: 25px
    }
    .sub01070200_wrap .top_navi li a {
        display: block;
        width: 20%;
        margin-top: -1px;
        padding: 18px 0 18px 0
    }
    .sub01070200_wrap .explainbox .photobox {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        margin-bottom: 10px
    }
    .sub01070200_wrap .explainbox .photobox img {
        width: 100%
    }
    .sub01070200_wrap .explainbox .title {
        padding-left: 0;
    }
    .sub01070200_wrap .explainbox .bodytext {
        padding-left: 0;
    }
    .sub01070200_wrap .btn_whome {
        top: -100px
    }
    .sub01070200_wrap .photogallery .wrapsum {
        width: auto;
        overflow: auto
    }
    .sub01070200_wrap .photogallery .bigimg {
        padding: 10px 0;
    }
    .sub01070200_wrap .photogallery .bigimg img {
        width: 100%
    }
    .sub01070200_wrap .photogallery .abtn .left {
        display: none
    }
    .sub01070200_wrap .photogallery .abtn .right {
        display: none
    }
    /* 공통> 국비교육대상자안내 > 내일배움카드 */
    .sub05010000_wrap .course_type li.arrowx {
        padding: 0 !important
    }
    .sub05010000_wrap .course_type li {
        width: 48%;
        padding: 0;
        margin-bottom: 10px;
        background: none;
        margin-right: 5px
    }
    .sub05010000_wrap .course_type span {
        color: #004f9d;
        min-height: 95px;
        border: 2px solid #a2bdd9;
        padding: 20px 7px 0 7px
    }
    /* 공통> 국비교육대상자안내 > 국가기간 전략 산업직종 */
    .sub05020000_wrap .course_type li {
        float: none;
        padding: 0;
        margin-bottom: 10px;
        background: none;
        width: auto
    }
    .sub05020000_wrap .course_type li.arrowx {
        padding: 0 !important
    }
    /* top으로*/
    .btn_stop {
        right: 10px
    }
    /* 자격증정보 */
    .sub02010000_wrap .top_navi li a {
        width: 20%;
        margin-top: -1px;
        padding: 18px 0 18px 0
    }
    /* 자격증정보 - 상세화면 */
    .license_top_navi ul li {
        width: 49.5%
    }
    .s_navi_close {
        overflow: hidden;
        display: block !Important;
        width: 150px;
        height: 45px;
        margin: 0 auto;
        background: #318be4
    }
    .s_navi_close a {
        display: block;
        color: #fff;
        font-weight: 700;
        line-height: 45px;
        font-size: 11px
    }
    .sub02010200_wrap .s_navi {
        width: 100%;
        padding: 50px 10px 0 10px
    }
    .sub02010200_wrap .s_navi ul li {
        padding: 0;
        background: #fff !important;
        width: 100%;
        margin-top: -1px
    }
    .license_box {
        padding: 50px 10px
    }
    .license_box .license_company {
        text-align: center;
        float: none
    }
    .license_link {
        float: none;
        margin-top: 10px;
        background: none;
        height: 40px;
        line-height: 40px;
        text-align: center
    }
    .titbox_wrap {
        margin-top: 20px;
        position: relative;
        top: 0;
        left: 0
    }
    .sub02010200_wrap #s_navi_fix {
        padding: 0 10px;
        width: 100%
    }
    .sub02010200_wrap .wid1 ul li, .sub02010200_wrap .wid2 ul li, .sub02010200_wrap .wid3 ul li, .sub02010200_wrap .wid4 ul li, .sub02010200_wrap .wid5 ul li, .sub02010200_wrap .wid7 ul li {
        width: 95% !important
    }
    /* 위탁교육안내 */
    .sub05090100_wrap .top_navi {
        height: auto
    }
    .sub05090100_wrap .top_navi li a {
        display: block;
        width: 20%;
        margin-top: -1px;
        padding: 18px 0 18px 0
    }
    /* 국제수검장 */
    .sugum_subject {
        padding: 15px
    }
    .sub02010300_wrap .map_info dl {
        padding: 100px 0 0 0;
        width: 97%;
        margin: 0 auto;
        text-align: center;
        background-position: center top!Important
    }
    .sugum_wrap .infobox {
        width: 100%;
        height: 51px;
        background: #636363 url(/pages/basic/img/sub/sugum_icon2.png) right -60px no-repeat
    }
    .sugum_wrap .bg2 {
        background-color: #f2a42b;
        background-position: right -170px
    }
    .sugum_wrap .bg3 {
        background-color: #6899e5;
        background-position: right -280px
    }
    .sugum_wrap .bg4 {
        background-color: #6899e5;
        background-position: right -389px
    }
    .sub02010300_wrap .link_btn a {
        float: none;
        text-align: center
    }
    .sugum_box .sugum_title {
        height: auto
    }
    .top_navi {
        height: auto
    }
    .top_navi li a {
        display: block;
        width: 20%;
        margin-top: -1px;
        padding: 18px 0 18px 0
    }
    /*인재채용*/
    .sub01090100_wrap ul.list li {
        width: 100%;
        margin: 0
    }
    .sub01090100_wrap ul.list dl {
        height: auto
    }
    .sub01090100_wrap .bot_text {
        background: #fff url("/pages/basic/img/sub/jobperson_icon4.png") center 20px no-repeat
    }
    .sub01090100_wrap .bot_info {
        padding: 70px 0 0 0;
        text-align: center
    }
    /*게시판*/
    #board_total_top dl dt {
        width: 100% !Important
    }
    /* 결제안내 */
    .sub05040000_wrap .contbox dl {
        width: 100%;
        min-height: 270px;
        height: auto;
        margin: 0px 0px 5px 0
    }
    .sub05040000_wrap .contbox2 dd {
        width: 100%;
        padding: 0;
        margin-top: 20px
    }
    .sub05040000_wrap .contbox2 .box1 {
        width: 100%
    }
    /* ci bi */
    .sub03030000_wrap .dwn_btn {
        float: none
    }
    .sub03030000_wrap .cont_area .box_wrap {
        float: left;
        padding-left: 0
    }
    .sub03030000_wrap .dwn_btn ul li {
        width: 100%;
        margin: 1px 1px 0 0
    }
    /* 이력서 / 자기소개서 */
    .resum_wrap ul li {
        width: 100%;
        height: auto
    }
    .down_box {
        background-position: center bottom;
        padding-bottom: 100px
    }
    .down_box dl {
        padding-right: 0;
        text-align: center
    }
    /* 국제취업혁신센터 */
    .sub03010000_wrap .top_navi li a {
        width: 50%
    }
    .jobcenter_wrap {
        position: relative;
        width: 100%;
        height: auto
    }
    .jobcenter_wrap .cutbox {
        width: 100%;
        margin: 3px 0;
        padding: 20px 30px !important;
        min-height: 150px;
        height: auto;
        box-sizing: border-box;
        border: 1px solid #d8d8d8;
        float: left
    }
    .jobcenter_wrap h3.pc {
        display: none
    }
    .jobcenter_wrap h3.m {
        background: #fff none repeat scroll 0 0;
        border: 10px solid #ffdd23;
        border-radius: 0px;
        box-sizing: border-box;
        display: inline-block;
        font-size: 18px;
        height: auto;
        left: 0px;
        letter-spacing: -1px;
        line-height: 25px;
        padding: 30px 6px;
        position: relative;
        text-align: center;
        top: 0px;
        width: 100%
    }
    .jobcenter_wrap .cutbox h4 {
        font-size: 15px;
        margin-bottom: 20px
    }
    .jobcenter_gnd dt {
        float: left;
        font-size: 16px;
        line-height: 20px;
        color: #444;
        font-weight: 600;
        padding: 20px 5px;
        text-align: center;
        width: 100%;
        background: #fff;
        border: 8px solid #ffdd23
    }
    .jobcenter_gnd dd {
        float: left;
        margin-left: 0px;
        border: 1px solid #d1d6dd;
        padding: 24px 0 24px 20px;
        width: 100%;
        line-height: 23px;
        color: #989ba0;
        margin-bottom: 9px;
        box-sizing: border-box
    }
    .process_box ul li {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #d7d7d7;
        line-height: 18px;
        float: left;
        color: #757575;
        margin: 3px 0 !important;
        text-align: center;
        min-height: 250px
    }
    .process_box ul li span {
        display: block;
        font-size: 15px;
        line-height: 30px;
        color: #4c4c4c;
        font-weight: 600
    }
    .photolist4ex li {
        ;
        width: 47%;
        margin: 4px
    }
    .photolist4ex li span {
        display: block;
        width: 100%;
        padding-top: 10px;
        line-height: 20px
    }
    .photolist4ex li img {
        width: 100%
    }
    .photolist3ex li {
        ;
        width: 48%;
        margin: 2px
    }
    .photolist3ex li span {
        display: block;
        width: 100%;
        padding-top: 10px
    }
    .photolist3ex li img {
        width: 100%
    }
}
/****** Tablet Device ******/

@media screen and (min-width:691px) and (max-width:979px) {
    /* 공통 */
    .butt_h4 {
        font-size: 16px;
        letter-spacing: -1px;
        color: #000;
        padding-bottom: 15px;
        line-height: 20px;
        font-weight: normal;
        font-weight: bold
    }
    .ul_type li {
        padding-left: 10px;
        background: url('/pages/basic/img/sub/li_butt.gif') 0 8px no-repeat;
        font-size: 15px;
        line-height: 22px
    }
    .p_type {
        font-size: 15px;
        line-height: 21px
    }
    .table_type .m_info {
        display: none
    }
    #process_detail_view .title_thum {
        width: 100%;
        height: auto
    }
    #process_detail_view .basic_info2 .bu_choice button {
        width: 100%
    }
    .basic_info2 .basic_info2_list {
        font-size: 13px;
        line-height: 18px
    }
    .basic_info2 .basic_info2_list .box1 {
        width: 50%
    }
    .basic_info2 .basic_info2_list .box2 {
        width: 50%
    }
    .basic_info2 .basic_info2_list .box3 {
        width: 50%
    }
    .basic_info2 .basic_info2_list .box4 {
        width: 50%
    }
    .basic_info2 .basic_info2_list .box5 {
        width: 50%
    }
    .basic_info2 .basic_info2_list .box6 {
        width: 50%
    }
    .basic_info2 .basic_info2_list .box7 {
        width: 50%
    }
    .process_yg li {
        box-sizing: border-box;
        padding: 10px;
        width: 50%
    }
    .process_yg li .process_ygbox .thum {
        width: 100px;
        height: 100px
    }
    .process_yg li .process_ygbox .thum img {
        width: 100%;
        height: 100%
    }
    .process_yg li .process_ygbox .text {
        width: 60%;
        padding: 0 0 0 10px
    }
    .process_yg li .process_ygbox .text dl {
        padding-left: 5px
    }
    .process_yg li .process_ygbox .text dl dt a {
        padding-top: 0
    }
    .process_yg li .process_ygbox .text dl dd {
        font-size: 13px;
        padding-bottom: 3px
    }
    .process_yg li .process_ygbox .btn_more {
        margin-left: 0
    }
    .btn_mtop a {
        display: block;
        position: fixed;
        bottom: 25px;
        right: 22px;
        background: #fff;
        z-index: 30;
        width: 49px;
        height: 49px;
        background: url('/pages/basic/img/sub/btn_mtop.png') no-repeat;
        background-size: 100% 100%
    }
    .btn_mtop a span {
        display: none
    }
    #login_container {
        width: 100%
    }
    #login_container .login_container_lbox {
        padding: 30px 25px 15px 25px
    }
    #login_container .login_container_lbox .ul_type {
        margin: 5px 0
    }
    #login_container .login_container_rbox {
        padding: 30px 25px 15px 25px
    }
    #login_container .rdo_l label {
        width: 50%
    }
    .login_container_area {
        width: 100%;
        padding: 20px 25px
    }
    #join_dtitle_box .info .info_title {
        padding-left: 20px;
        background: url('/pages/basic/img/sub/bg_point_1.png') 20px 26px no-repeat
    }
    /* 수강신청 */
    #su_application .su_application_list_group {
        width: 100%
    }
    .process_fixed_list2 {
        width: 100%;
        display: block;
        background: #333;
        height: 75px;
        margin: 10px 0;
        position: relative
    }
    .process_fixed_list2 a {
        display: block;
        width: 100%;
        height: 75px;
        float: left;
        position: relative;
        margin-left: -1px;
        box-sizing: border-box;
        text-align: right;
        padding: 0 30px 0 0;
        line-height: 75px;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: -1px;
        color: #fff
    }
    .process_fixed_list2 a.icon2 {
        background: url(/pages/basic/img/sub/process_fixed_icon3.png) 30px 15px no-repeat;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pages/basic/img/sub/process_fixed_icon3.png', sizingMethod='crop')
    }
    /*수강후기*/
    #process_tabinfo_box_photo li {
        width: 23%
    }
    /* 캠퍼스안내 > 교육분야 */
    .sub01050000_box {
        width: 48%
    }
    /* 캠퍼스안내 > 사업분야 */
    .sub01060000_box {
        width: 48%
    }
    /* 검색결과 */
    .search_blist .list li {
        margin: 0 1%;
        width: 23%
    }
    .search_blist .thum_box {
        width: auto;
        height: 115px
    }
    .search_blist .thum_box a {
        height: 115px
    }
    .search_blist .list li .text_box dl {
        width: 100%
    }
    #wrap_quick {
        display: none
    }
    /* 공통> 국비교육대상자안내 > 내일배움카드 */
    .sub05010000_wrap .course_type li {
        width: 27%;
        background: none
    }
    /* 공통> 국비교육대상자안내 > 국가기간 전략 산업직종 */
    .sub05020000_wrap .course_type li {
        width: 27%;
        background: none
    }
    /* 자격증정보 - 상세화면 */
    .sub02010200_wrap .top_navi ul li {
        width: 33%
    }
    .sub02010200_wrap .s_navi {
        width: 100%
    }
    .sub02010200_wrap #s_navi_fix {
        width: 95%
    }
    .sub02010200_wrap .wid5 ul li {
        width: 100% !important;
        margin-top: -1px;
        padding: 0
    }
    /* 위탁교육안내 */
    #board_category2 ul.title_box {
        border-left: none
    }
    #board_category2 ul.title_box li {
        width: 25%
    }
    #board_category2 ul.title_box li h4 a {
        border: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
        margin: 2px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-radius: 3px
    }
    #board_category2 ul.title_box li h4 a.on {
        border-bottom: 1px solid #d8d8d8;
        color: #41a2a8;
        background: #fff;
    }
    /* 국제수검장 */
    .sugum_wrap .infobox {
        width: 100%;
        height: 80px;
        background: url(/pages/basic/img/sub/sugum_icon2.png) right -40px no-repeat
    }
    .sugum_wrap .bg2 {
        background-position: right -160px
    }
    .sugum_wrap .bg3 {
        background-position: right -280px
    }
    .sugum_wrap .bg4 {
        background-position: right -340px
    }
    /* 이력서 / 자기소개서 */
    .resum_wrap ul li {
        width: 49.2%
    }
    .intro_wrap ul li {
        height: 315px
    }
    /* 국제취업혁신센터 */
    .jobcenter_wrap {
        position: relative;
        width: 100%;
        height: auto
    }
    .jobcenter_wrap .cutbox {
        width: 100%;
        margin: 3px 0;
        padding: 20px 30px !important;
        min-height: 150px;
        height: auto;
        box-sizing: border-box;
        border: 1px solid #d8d8d8;
        float: left
    }
    .jobcenter_wrap h3.pc {
        display: none
    }
    .jobcenter_wrap h3.m {
        background: #fff none repeat scroll 0 0;
        border: 10px solid #ffdd23;
        border-radius: 0px;
        box-sizing: border-box;
        display: inline-block;
        font-size: 18px;
        height: auto;
        left: 0px;
        letter-spacing: -1px;
        line-height: 25px;
        padding: 30px 6px;
        position: relative;
        text-align: center;
        top: 0px;
        width: 100%
    }
    .jobcenter_wrap .cutbox h4 {
        font-size: 15px;
        margin-bottom: 20px
    }
    .jobcenter_gnd dt {
        float: left;
        font-size: 16px;
        line-height: 20px;
        color: #444;
        font-weight: 600;
        padding: 43px 5px;
        text-align: center;
        width: 24%;
        background: #fff;
        border: 8px solid #ffdd23;
        box-sizing: border-box
    }
    .jobcenter_gnd dd {
        float: left;
        margin-left: 9px;
        border: 1px solid #d1d6dd;
        padding: 24px 0 24px 20px;
        width: 74%;
        line-height: 23px;
        color: #989ba0;
        margin-bottom: 9px;
        box-sizing: border-box
    }
    .photolist3ex {
        float: left;
        padding-bottom: 20px;
        width: 100%;
    }
    .photolist3ex li {
        display: block;
        float: left;
        margin: 0 7px;
        overflow: hidden;
        text-align: center;
        width: 31%;
    }
    .photolist3ex li span {
        color: #444;
        display: block;
        margin-bottom: 4px;
        padding-top: 15px;
        width: 100%;
    }
    .photolist3ex li img {
        width: 100%;
    }
    .photolist4ex {
        float: left;
        padding-bottom: 20px;
        width: 100%;
    }
    .photolist4ex li {
        display: block;
        float: left;
        margin: 0 7px;
        overflow: hidden;
        text-align: center;
        width: 22.8%;
    }
    .photolist4ex li span {
        color: #444;
        display: block;
        margin-bottom: 4px;
        padding-top: 15px;
        width: 100%;
    }
    .photolist4ex li img {
        width: 100%;
    }
    .process_box ul li {
        width: 32.8%;
        box-sizing: border-box;
        border: 1px solid #d7d7d7;
        line-height: 18px;
        float: left;
        color: #757575;
        min-height: 325px
    }
    .sub03010000_wrap .top_navi li a {
        width: 50%
    }
}
/****** Desktop Device ******/

@media screen and (min-width:980px) and (max-width:1075px) {
    .btn_mtop {
        display: none
    }
    #wrap_quick {
        display: none
    }
    .table_type .m_info {
        display: none
    }
    /* 검색결과 */
    .search_blist .list li {
        margin: 0 1%;
        width: 23%
    }
    .search_blist .thum_box {
        width: auto
    }
    /* 국제취업혁신센터 */
    .jobcenter_wrap {
        position: relative;
        width: 100%;
        height: auto
    }
    .jobcenter_wrap .cutbox {
        width: 100%;
        margin: 3px 0;
        padding: 20px 30px !important;
        min-height: 150px;
        height: auto;
        box-sizing: border-box;
        border: 1px solid #d8d8d8;
        float: left
    }
    .jobcenter_wrap h3.pc {
        display: none
    }
    .jobcenter_wrap h3.m {
        background: #fff none repeat scroll 0 0;
        border: 10px solid #ffdd23;
        border-radius: 0px;
        box-sizing: border-box;
        display: inline-block;
        font-size: 18px;
        height: auto;
        left: 0px;
        letter-spacing: -1px;
        line-height: 25px;
        padding: 30px 6px;
        position: relative;
        text-align: center;
        top: 0px;
        width: 100%
    }
}
/****** Desktop Wide Device ******/

@media screen and (min-width:1076px) {
    .btn_mtop {
        display: none
    }
    .table_type .m_info {
        display: none
    }
}


.join_step_wrap input[type=checkbox], input[type=radio] {
    margin: 0;
}