/* ===== SUB COMMON ===== */

/* sub_title */

.sub_title {height:180px; width:100%; position:relative;}
.sub_title h2 {text-align:center; color:#fff; font-size:46px; font-family:'SpoqaHanSans',Pretendard; font-weight:bold; letter-spacing:-1px; line-height:52px; padding:30px 0 0 0; margin:0;}
.sub_title h2 span {font-size:20px; font-weight:400; display:block; letter-spacing:0; font-family:'SpoqaHanSans',Pretendard;}

.sub_title.sub_visual01 {background:#000 url(/images/sub/sub_visual_img01.png) no-repeat center top; background-size:auto; background-attachment:fixed;}
.sub_title.sub_visual02 {background:#000 url(/images/sub/sub_visual_img02.jpg) no-repeat center top; background-size:auto; background-attachment:fixed;}
.sub_title.sub_visual03 {background:#000 url(/images/sub/sub_visual_img03.jpg) no-repeat center top; background-size:auto; background-attachment:fixed;}
.sub_title.sub_visual04 {background:#000 url(/images/sub/sub_visual_img04.jpg) no-repeat center top; background-size:auto; background-attachment:fixed;}
.sub_title.sub_visual05 {background:#000 url(/images/sub/sub_visual_img05.png) no-repeat center top; background-size:auto; background-attachment:fixed;}
.sub_title.sub_visual06 {background:#000 url(/images/sub/sub_visual_img06.jpg) no-repeat center top; background-size:auto; background-attachment:fixed;}
.sub_title.sub_visual07 {background:#000 url(/images/sub/sub_visual_img07.jpg) no-repeat center top; background-size:auto; background-attachment:fixed;}

.sub_title_nobg {width:100%; position:relative;}
.sub_title_nobg h1 {text-align:center; color:#333; font-size:46px; letter-spacing:-1px; font-family:'NanumSquareR', Pretendard; font-weight:normal; line-height:50px; padding:20px 0 0 0; margin:0;}
.sub_title_nobg h1 strong {font-family:'NanumSquareEB', Pretendard; font-weight:bold;}
.sub_title_nobg h1 span {font-size:20px; display:block; letter-spacing:0; font-family:'NanumSquareR', Pretendard; font-weight:normal;}
.sub_title_nobg h1 span.small_17 {font-size:17px;}

.sub_tit_bg01 {background:#fff url(/images/sub/sub_title_bg01.jpg) no-repeat center top;}

#con_wrap {width:100%; position:relative; padding:40px 0 40px 0; border-bottom:1px solid #ddd; min-height: 100vh;}
#con_wrap_zoom {margin-left: 300px; position:relative; padding:40px 0 40px 0; border-bottom:1px solid #ddd; min-height: 100vh;}
#con_wrap_zoom .container {
	position: relative;
    max-width: 1280px;
    margin: 0 auto;
    word-break: keep-all;
}

.mid_title_40 {width:100%;}
.mid_title_40.b_bottom {border-bottom:1px solid #ddd; padding:0 0 30px 0;}
.mid_title_40 h2 {text-align:center; color:#111; font-size:36px; /*line-height:40px;*/ letter-spacing:-1px; font-family:'NanumSquareR', Pretendard; font-weight:normal; margin:0 0 0 0;}
.mid_title_40 h2 strong {font-family:'NanumSquareEB', Pretendard; font-weight:bold;}
.mid_title_40 h2 .small {font-size:17px; letter-spacing:0;}

.con_tit01 {border:4px solid #eee;background:#fff;text-align:center;font-size: 24px;height: 60px;line-height: 50px;margin:30px 0 25px 0;letter-spacing:-1px;font-family:'NanumSquareR', Pretendard;font-weight:normal;}
.con_tit01.mg20 {margin:20px 0 20px 0;}
.con_tit01.mgb20 {margin:0 0 20px 0;}
.con_tit01.mg0 {margin:0 0 0 0;}
.con_tit01.line_blue {border:4px solid var(--main-color);}
.con_tit01.bg_blue {border:4px solid var(--main-color); background:var(--main-color); color:#fff; height:40px; line-height:40px;}
.con_tit01.bg_navy {border:4px solid #002b55; background:#002b55; color:#fff; height:43px; line-height:43px;}
.con_tit01 strong {font-family:'NanumSquareEB', Pretendard; font-weight:bold;}

.con_tit_30 {text-align:center; font-size:30px; line-height:30px; letter-spacing:-1px; font-family:'NanumSquareR', Pretendard; font-weight:normal;}
.con_tit_30 strong {font-family:'NanumSquareEB', Pretendard; font-weight:bold;}
.con_tit_30.divider {background:url(/images/sub/com_tit_bg02.jpg) no-repeat center bottom; padding-bottom:22px;}

.con_mid_tit01 {letter-spacing:-1px; border-bottom:1px solid #ddd; padding:0 0 10px 22px; font-size:19px; line-height:26px; margin-bottom:15px; color:#222;}
.con_mid_tit01.mgt30 {margin:30px 0 15px 0;}
.con_mid_tit01 .small {font-size:13px;}
.con_mid_tit01 span {font-weight:normal;}
.con_mid_tit01.bull_blue {background:url(/images/sub/com_tit_iCon01.png) no-repeat left 6px;}
.con_mid_tit01.bull_mint {background:url(/images/sub/com_tit_iCon03.png) no-repeat left 6px;}
.con_mid_tit01.bull_gray {background:url(/images/sub/com_tit_iCon02.png) no-repeat left 6px;}

.con_mid_tit01.bull_bo {background:url(/images/sub/com_tit_iCon04.png) no-repeat left 6px;}
.con_mid_tit01.bull_sa {background:url(/images/sub/com_tit_iCon05.png) no-repeat left 6px;}

.con_mid_tit01 .add_txt {font-size:14px; color:#666; letter-spacing:-0.5px;}
.con_mid_tit01 .add_txt .divider {color:#ccc; font-size:12px; margin:0 6px 0 6px; /*line-height:21px;*/}

.con_mid_tit01 .tit_more_btn {float:right; font-size:13px; font-weight:normal; margin-top:5px;}
.con_mid_tit01 .tit_more_btn.mg0 {margin-top:0;}

.font_ns {font-family:'NanumSquareR', Pretendard; font-weight:normal; letter-spacing:-0.2px !important;}
.font_ns strong {font-family:'NanumSquareEB', Pretendard; font-weight:bold;}
.font_sh {font-family:'SpoqaHanSans',Pretendard; font-weight:normal; letter-spacing:-0.5px !important;}

.font_s10 {font-size:10px !important;}
.font_s11 {font-size:11px !important;}
.font_s12 {font-size:12px !important;}
.font_s13 {font-size:13px !important;}
.font_s14 {font-size:14px !important;}
.font_s15 {font-size:15px !important;}
.font_s16 {font-size:16px !important;}
.font_s18 {font-size:18px !important;}

.nobg_tit_16 {font-size:16px; letter-spacing:-1px;}
.nobg_tit_16.bg_blue {background:var(--main-color); color:#fff; padding:1px 1px 1px 1px;}

.nobg_tit_17 {font-size:17px; letter-spacing:-1px;}
.nobg_tit_17.bg_blue {background:var(--main-color) color:#fff; padding:1px 1px 1px 1px;}

.nobg_tit_18 {font-size:18px; letter-spacing:-1px;}
.nobg_tit_18.bg_blue {background:var(--main-color); color:#fff; padding:1px 1px 1px 1px;}
.nobg_tit_18.bg_black3 {background:#333; color:#fff; padding:1px 1px 1px 1px;}

.nobg_tit_20 {font-size:20px; letter-spacing:-1px;}
.nobg_tit_20.bg_blue {background:var(--main-color); color:#fff; padding:1px 1px 1px 1px;}

.nobg_tit_25 {font-size:25px; letter-spacing:-1px;}

.nobg_tit_30 {font-size:30px; letter-spacing:-1px;}

.nobg_tit_40 {font-size:40px; letter-spacing:-1px;}
.nobg_tit_40 .small {font-size:25px;}

.nobg_tit_50 {font-size:50px; letter-spacing:-1px;}

.text_box {position:relative; letter-spacing:-0.8px; color:#555; border:1px solid transparent; box-sizing:border-box;}
.text_box img {display:block; max-width:100%;}

.text_box.bg_box {background:#fafafa; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box.pd_10 {padding:10px 12px 10px 12px !important;}
.text_box.bg_box.pd_20 {padding:20px 25px 20px 25px !important;}
.text_box.bg_box.b_blue {background:#fff; border:1px solid #5a9dd2;}
.text_box.bg_box.b_gray {background:#fff; border:1px solid #ddd;}
.text_box.bg_box.b_lgray {background:#fff; border:1px solid #eee;}
.text_box.bg_box.b_lgray02 {background:#fff; border:1px solid #eee; border-top:none;}
.text_box.bg_box.b_lgray03 {background:#fff; border:1px solid #eee; border-top:none; border-bottom:none;}
.text_box.bg_box02 {background:#f4f5f7; border:1px solid #ddd; padding:20px 25px 20px 25px;}
.text_box.bg_box03 {background:#fff; border:4px solid #eee; padding:10px 15px 10px 15px;}
.text_box.bg_box04 {background:#f4f5f7; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box05 {background:#fafafa; border:1px solid #eee; padding:15px 20px 15px 20px;}
.text_box.bg_box_brown {background:#381e08; border:1px solid #381e08; padding:12px 20px 12px 20px; color:#fff;}
.text_box.bg_box_blue {background:#f17f1d; border:1px solid var(--main-color); padding:12px 20px 12px 20px; color:#fff;}

.text_box.bg_box.b_sa {background:#fff; border:1px solid #763aa3;}
.text_box.bg_box.b_bo {background:#fff; border:1px solid #ed7000;}
.text_box.bg_box.b_jido {background:#fff; border:1px solid #df3b37;}

.text_box.text_p12 {font-size:12px; line-height:22px;}
.text_box.text_p13 {font-size:13px; line-height:24px;}
.text_box.text_p14 {font-size:14px; line-height:26px;}
.text_box.text_p15 {font-size:15px; line-height:28px;}
.text_box.text_p16 {font-size:16px; line-height:30px;}
.text_box .b_bottom {border-bottom:1px dotted #ccc; padding:0 0 5px 0; margin:0 0 5px 0;}
.text_box .b_bottom_06 {border-bottom:1px dotted #ccc; padding:0 0 6px 0; margin:0 0 6px 0;}
.text_box .b_bottom_10 {border-bottom:1px dotted #ccc; padding:0 0 10px 0; margin:0 0 10px 0;}
.text_box .b_bottom_15 {border-bottom:1px dotted #ccc; padding:0 0 15px 0; margin:0 0 15px 0;}

.text_box .sub_text_p12 {font-size:12px; line-height:22px;}

.text_box .bull_blue {background:url(/images/sub/com_txt_bullet01.png) no-repeat left; padding-left:10px; box-sizing:border-box;}
.text_box .bull_blue.pdb05 {background:url(/images/sub/com_txt_bullet01.png) no-repeat left 10px;}
.text_box .bull_gray {background:url(/images/sub/com_txt_bullet02.png) no-repeat left; padding-left:10px; box-sizing:border-box;}

.text_box .bull_sa {background:url(/images/sub/com_txt_bullet03.png) no-repeat left; padding-left:10px;}
.text_box .bull_bo {background:url(/images/sub/com_txt_bullet04.png) no-repeat left; padding-left:10px;}
.text_box .bull_jido {background:url(/images/sub/com_txt_bullet05.png) no-repeat left; padding-left:10px;}

.img_box {width:100%;}
.img_box img {display:block;}
.img_box.img_center img {margin:0 auto;}

.mid_bg_tit01 {width:100%; height:180px; line-height:24px; text-align:center;}

.mid_bg_tit01 h2 {font-size:40px; font-weight:normal; letter-spacing:-5px; padding:46px 0 0 0; margin:0 0 0 0;}
.mid_bg_tit01 h2 p {font-size:21px; margin-bottom:29px; letter-spacing:-1.5px;}

.mid_bg_tit01 h3 {font-size:24px; font-weight:normal; letter-spacing:-1px; padding:35px 0 0 40px; margin:0 0 0 0; text-align:left;}
.mid_bg_tit01 h3 p {font-size:14px; letter-spacing:-1.5px;}

.mid_bg_tit01.award_tit01 {background:#040c16 url(/images/sub/sub01/sub01_0201_bg01.jpg) no-repeat; color:#fff;}

/* page_info */

.page_info01 {width:100%; line-height:24px;}
.page_info01 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin:0 0 -4px 0; font-size:14px; border:1px solid #ddd;}
.page_info01 > ul > li {float:left;letter-spacing:-0.8px;box-sizing:border-box;}

.page_info01 > ul > li.Pinfo_iCon01 {width:130px; background:#f4f5f7 url(/images/sub/sub_info_iCon01.png) no-repeat center;}
.page_info01 > ul > li.Pinfo_iCon01.r02 {height:80px;}
.page_info01 > ul > li.Pinfo_iCon01.r03 {height:105px;}

.page_info01 > ul > li.Pinfo_iCon02 {width:130px; background:#f4f5f7 url(/images/sub/sub_info_iCon02.png) no-repeat center;}
.page_info01 > ul > li.Pinfo_iCon02.r02 {height:80px;}
.page_info01 > ul > li.Pinfo_iCon02.r03 {height:105px;}
.page_info01 > ul > li.Pinfo_iCon02.r04 {height:130px; background:#f4f5f7 url(/images/sub/sub_info_iCon02_lg.png) no-repeat center;}
.page_info01 > ul > li.Pinfo_iCon02.r05 {height:155px; background:#f4f5f7 url(/images/sub/sub_info_iCon02_lg.png) no-repeat center;}

.page_info01 > ul > li.Pinfo_iCon03 {width:130px; background:#f4f5f7 url(/images/sub/sub_info_iCon03.png) no-repeat center;}
.page_info01 > ul > li.Pinfo_iCon03.r04 {height:130px;}

.page_info01 > ul > li.Pinfo_txt01 {padding:15px 25px 15px 25px; width:718px; line-height:25px; color:#666;}
.page_info01 > ul > li.Pinfo_txt01.full {width:868px;}

.page_info01 > ul > li.Pinfo_btn01 {padding:20px 25px 20px 25px; width:148px; border-left:2px dotted #ccc;}
.page_info01 > ul > li.Pinfo_btn01.r02 {height:80px;}
.page_info01 > ul > li.Pinfo_btn01.r03 {height:105px;}
.page_info01 > ul > li.Pinfo_btn01.r04 {height:130px;}
.page_info01 > ul > li.Pinfo_btn01 a {width:100%;}

/* thumb_list */

.thumb_list {width:100%;}
.thumb_list > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-top:1px solid #ddd;}
.thumb_list > ul > li {float:left; width:970px; letter-spacing:-0.8px; font-size:13px; line-height:24px; padding:20px 15px 20px 15px; border-bottom:1px solid #ddd;}

.thumb_list dl {width:100%;}
.thumb_list dl > dt {float:left; width:180px; margin-right:20px;}
.thumb_list dl > dt img {display:block; max-width:100%;}
.thumb_list dl > dd {float:left; width:770px;}

.thumb_list_col2 {width:100%; line-height:23px;}
.thumb_list_col2 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.thumb_list_col2 > ul > li {float:left; width:448px; letter-spacing:-0.8px; padding:20px 20px 20px 20px; font-size:13px; line-height:24px; border:1px solid #ddd;}
.thumb_list_col2 > ul > li:nth-child(2n+2) {margin-left:20px;}
.thumb_list_col2 > ul > li img {display:block; margin:0 auto;}
.thumb_list_col2 > ul > li.b_blue {border:1px solid var(--main-color); border-bottom:5px solid var(--main-color);}
.thumb_list_col2 > ul > li.b_mint {border:1px solid #36adad; border-bottom:5px solid #36adad;}

.thumb_list_col2.b_none > ul > li {width:490px; padding:0 0 0 0; border:none;}

.thumb_list_col2.youth > ul > li {width:378px; background:#fff;}

.thumb_list_col3 {width:100%; line-height:23px;}
.thumb_list_col3 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.thumb_list_col3 > ul > li {float:left; width:278px; letter-spacing:-0.8px; padding:20px 20px 20px 20px; font-size:13px; line-height:24px; border:1px solid #ddd; margin-right:20px;}
.thumb_list_col3 > ul > li:nth-child(3n+3) {margin-right:0;}
.thumb_list_col3 > ul > li img {display:block; margin:0 auto;}

.thumb_list_col3 > ul > li.beds_step01 {background:url(/images/sub/academic-degree-curriculum/sub07_0301_step01.jpg) no-repeat center top; padding-top:240px; border-bottom:5px solid #ddd;}
.thumb_list_col3 > ul > li.beds_step02 {background:url(/images/sub/academic-degree-curriculum/sub07_0301_step02.jpg) no-repeat center top; padding-top:240px; border-bottom:5px solid #ddd;}
.thumb_list_col3 > ul > li.beds_step03 {background:url(/images/sub/academic-degree-curriculum/sub07_0301_step03.jpg) no-repeat center top; padding-top:240px; border-bottom:5px solid #ddd;}

.thumb_list_col3 > ul > li.yeogi_chat01 {background:url(/images/sub/study-center/sub08_0701_bg01.jpg) no-repeat center top; padding-top:175px; border-bottom:5px solid #ddd;}
.thumb_list_col3 > ul > li.yeogi_chat02 {background:url(/images/sub/study-center/sub08_0701_bg02.jpg) no-repeat center top; padding-top:175px; border-bottom:5px solid #ddd;}
.thumb_list_col3 > ul > li.yeogi_chat03 {background:url(/images/sub/study-center/sub08_0701_bg03.jpg) no-repeat center top; padding-top:175px; border-bottom:5px solid #ddd;}

.thumb_list_col3 > ul > li.credit_info01 {background:url(/images/sub/academic-credit-bank-system/sub01_0202_iCon01.png) no-repeat center top; padding-top:150px; border-color:#f17f1d; border-bottom:5px solid var(--main-color);}
.thumb_list_col3 > ul > li.credit_info02 {background:url(/images/sub/academic-credit-bank-system/sub01_0202_iCon02.png) no-repeat center top; padding-top:150px; border-bottom:5px solid #ddd;}
.thumb_list_col3 > ul > li.credit_info03 {background:url(/images/sub/academic-credit-bank-system/sub01_0202_iCon03.png) no-repeat center top; padding-top:150px; border-bottom:5px solid #ddd;}
.thumb_list_col3 > ul > li.credit_info04 {background:url(/images/sub/academic-credit-bank-system/sub01_0202_iCon04.png) no-repeat center top; padding-top:150px; border-bottom:5px solid #ddd;}
.thumb_list_col3 > ul > li.credit_info05 {background:url(/images/sub/academic-credit-bank-system/sub01_0202_iCon05.png) no-repeat center top; padding-top:150px; border-bottom:5px solid #ddd;}
.thumb_list_col3 > ul > li.credit_info06 {background:url(/images/sub/academic-credit-bank-system/sub01_0202_iCon06.png) no-repeat center top; padding-top:150px; border-bottom:5px solid #ddd;}

.thumb_list_col4 {width:100%; line-height:23px;}
.thumb_list_col4 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.thumb_list_col4 > ul > li {float:left; width:193px; letter-spacing:-0.8px; padding:20px 20px 20px 20px; font-size:13px; line-height:24px; border:1px solid #ddd; margin-right:20px;}
.thumb_list_col4 > ul > li:nth-child(4n+4) {margin-right:0;}
.thumb_list_col4 > ul > li img {display:block; margin:0 auto;}

.thumb_list_col4.b_none > ul > li {width:235px; padding:0 0 0 0; border:none;}

.thumb_list_col4 > ul > li.healthy_family01 {background:url(/images/sub/healthy-family-history/sub05_0102_iCon01.jpg) no-repeat center top; padding-top:110px; border-bottom:5px solid #ddd;}
.thumb_list_col4 > ul > li.healthy_family02 {background:url(/images/sub/healthy-family-history/sub05_0102_iCon02.jpg) no-repeat center top; padding-top:110px; border-bottom:5px solid #ddd;}
.thumb_list_col4 > ul > li.healthy_family03 {background:url(/images/sub/healthy-family-history/sub05_0102_iCon03.jpg) no-repeat center top; padding-top:110px; border-bottom:5px solid #ddd;}
.thumb_list_col4 > ul > li.healthy_family04 {background:url(/images/sub/healthy-family-history/sub05_0102_iCon04.jpg) no-repeat center top; padding-top:110px; border-bottom:5px solid #ddd;}

.thumb_list_col5 {width:100%; line-height:23px;}
.thumb_list_col5 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.thumb_list_col5 > ul > li {float:left; width:142px; letter-spacing:-0.8px; padding:20px 20px 20px 20px; font-size:13px; line-height:24px; border:1px solid #ddd; margin-right:20px;}
.thumb_list_col5 > ul > li:nth-child(5n+5) {margin-right:0;}
.thumb_list_col5 > ul > li img {display:block; margin:0 auto;}

.thumb_list_col5.b_none > ul > li {width:184px; padding:0 0 0 0; border:none;}

.thumb_list_col2 > ul > li.b_bottom_05, .thumb_list_col3 > ul > li.b_bottom_05, .thumb_list_col4 > ul > li.b_bottom_05, .thumb_list_col5 > ul > li.b_bottom_05 {border-bottom:5px solid #ddd;}


/* ===== LNB ===== */

.lnb {width:100%; position:relative; margin:0 0 0 0; border-bottom:1px solid #ddd;}
.lnb > ul {display:block; width:998px; height:45px; /*border:1px solid #ddd;*/ border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff; margin:0 auto;}
.lnb > ul > li {float:left;}

.lnb > ul > li.home {width:45px;}
.lnb > ul > li.home a {display:block; width:45px; height:45px; background:#fff url(/images/sub/lnb_home_iCon01.png) no-repeat center; color:transparent; font-size:0px;}
.lnb > ul > li.home a:hover {background:#f8fafb url(/images/sub/lnb_home_iCon01.png) no-repeat center;}

.lnb .lnb_menu {width:200px; position:relative; display:block;}

.lnb .lnb_menu h4 {width:200px; height:45px; margin:0; padding:0 0 0 0; text-align:left;}
.lnb .lnb_menu h4 > a {display:block; width:188px; padding:0 0 0 12px; line-height:44px; height:45px; font-size:14px; color:#555; letter-spacing:-0.8px;}

.lnb .lnb_menu h4.dept01 {background:var(--main-color) url(/images/sub/lnb_menu_bg01.jpg) no-repeat; background-size:contain;}
.lnb .lnb_menu h4.dept01 > a {color:#fff; background:url(/images/sub/lnb_menu_iCon01.png) no-repeat right center;}
.lnb .lnb_menu h4.dept01 > a:hover {color:#c7e2ff; background:url(/images/sub/lnb_menu_iCon01_01.png) no-repeat right center;}
.lnb .lnb_menu h4.dept01 > a.on {color:#c7e2ff; background:url(/images/sub/lnb_menu_iCon01_on.png) no-repeat right center;}

.lnb .lnb_menu h4.dept02 {background:#fff;}
.lnb .lnb_menu h4.dept02 > a {color:#555; background:url(/images/sub/lnb_menu_iCon02.png) no-repeat right center; width:187px; border-right:1px solid #eee;}
.lnb .lnb_menu h4.dept02 > a:hover {background:#f8fafb url(/images/sub/lnb_menu_iCon02.png) no-repeat right center;}
.lnb .lnb_menu h4.dept02 > a.on {color:var(--main-color); background:#f8fafb url(/images/sub/lnb_menu_iCon02_on.png) no-repeat right center;}

.lnb .lnb_menu h4.dept03 {background:#fff;}
.lnb .lnb_menu h4.dept03 > a {color:#555; background:url(/images/sub/lnb_menu_iCon02.png) no-repeat right center; width:187px; border-right:1px solid #eee;}
.lnb .lnb_menu h4.dept03 > a:hover {background:#f8fafb url(/images/sub/lnb_menu_iCon02.png) no-repeat right center;}
.lnb .lnb_menu h4.dept03 > a.on {color:#f17f1d; background:#f8fafb url(/images/sub/lnb_menu_iCon02_on.png) no-repeat right center;}

.lnb .lnb_menu .lnb_link {/*z-index:100;*/}
.lnb .lnb_menu .lnb_link > ul {display:inline-block; *zoom:1; *display:inline; width:198px; display:none; overflow:hidden; position:absolute; z-index:10; left:0; top:45px; background:#fff;
							   border:1px solid #ddd; max-height:300px; overflow-y:auto;}
.lnb .lnb_menu .lnb_link > ul > li {float:left; padding:0; width:100%; text-align:left; border-bottom:1px dotted #ccc; position:relative;}
.lnb .lnb_menu .lnb_link > ul > li:last-child {border-bottom:none;}
.lnb .lnb_menu .lnb_link > ul > li a {display:inline-block; *zoom:1; *display:inline; color:#666; width:100%; height:100%; padding:12px 12px 12px 12px; font-size:13px; letter-spacing:-0.8px;}
.lnb .lnb_menu .lnb_link > ul > li a:hover {color:#f17f1d; background:#f8fafb;}

.lnb .lnb_menu .lnb_link.link_dept02 > ul {width:199px; left:-1px;}
.lnb .lnb_menu .lnb_link.link_dept03 > ul {width:199px; left:-1px;}

.lnb .lnb_menu a i {color:#ababab; position:absolute; right:10px; top:14px;}

.lnb > ul > li.share_menu {width:330px; padding-right:15px; text-align:right; float:right;}
.lnb > ul > li.share_menu > a {display:inline-block; *zoom:1; *display:inline; height:45px; line-height:45px; font-size:13px; color:#86888b; padding:0 0 0 28px;}

.lnb > ul > li.share_menu > a.share {}
.lnb > ul > li.share_menu > a.print {background:url(/images/sub/lnb_share_iCon02.png) no-repeat left center; cursor:pointer;}
.lnb > ul > li.share_menu > a.print:hover {color:#001729; background:url(/images/sub/lnb_share_iCon02_on.png) no-repeat left center;}

.lnb > ul > li.share_menu .share_divider {display:inline-block; *zoom:1; *display:inline; margin:0 5px 0 5px; color:#eee;}

.lnb .sns_share {margin:0; padding:0; display:inline-block; *zoom:1; *display:inline; position:relative;}
.lnb .sns_share h4 > a {display:inline-block; *zoom:1; *display:inline; height:45px; line-height:45px; font-size:13px; color:#86888b; padding:0 0 0 28px; font-weight:normal; background:url(/images/sub/lnb_share_iCon01.png) no-repeat left center;}
.lnb .sns_share h4 > a.on, .lnb .sns_share h4 > a:hover {color:#001729; background:url(/images/sub/lnb_share_iCon01_on.png) no-repeat left center;}

.lnb .sns_share .sns_box {display:none; position:absolute; z-index:10; top:32px; right:-97px; width:255px; background:url(/images/sub/lnb_share_bg01.png) no-repeat center top; padding:14px 0 0 0;}
.lnb .sns_share .sns_box .sns_con {width:223px; background:#fff; border-right:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; border-left:1px solid #a8a8a8; padding:12px 15px 15px 15px; text-align:center; line-height:24px;}
.lnb .sns_share .sns_box .sns_con .share_tit {font-size:15px; letter-spacing:-1px; color:#333; margin:0 0 6px 0;}

.lnb .sns_share .sns_box.icon_04 {width:200px; right:-75px;}
.lnb .sns_share .sns_box.icon_04 .sns_con {width:168px;}

.lnb .sns_share .sns_box .sns_con .btn_close {position:absolute; top:25px; right:12px; width:18px; height:18px; background:url(/images/sub/com_btn_close01.png) no-repeat center; color:transparent; font-size:0;}

.lnb .sns_share .sns_box .sns_con .sns_icon {position:relative;}
.lnb .sns_share .sns_box .sns_con .sns_icon a {display:inline-block; *zoom:1; *display:inline; color:#555; width:30px; height:30px; vertical-align:middle; background:url(/images/sub/lnb_sns_iCon01.png) no-repeat;}
.lnb .sns_share .sns_box .sns_con .sns_icon a:hover {background:url(/images/sub/lnb_sns_iCon01_on.png) no-repeat;}

.lnb .sns_share .sns_box .sns_con .sns_icon a.s_facebook {background-position:0 0;}
.lnb .sns_share .sns_box .sns_con .sns_icon a.s_twitter {background-position:0 -30px;}
.lnb .sns_share .sns_box .sns_con .sns_icon a.s_band {background-position:0 -60px;}
.lnb .sns_share .sns_box .sns_con .sns_icon a.s_kko_story {background-position:0 -90px;}
.lnb .sns_share .sns_box .sns_con .sns_icon a.s_kko_talk {background-position:0 -120px;}
.lnb .sns_share .sns_box .sns_con .sns_icon a.s_sms {background-position:0 -150px;}

/* ===== TABLE STYLE 01 ===== */

.table_style01 {width:100%; position:relative;}
.table_style01.max_width {overflow-x:scroll;}
.table_style01.max_width > table {width:100%; min-width:500px;}
.table_style01 > table {border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff; width:100%; letter-spacing:-0.6px; font-size:13px; line-height:22px;}
.table_style01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.table_style01 > table.hover tr:hover {background:#f4f5f7;}
.table_style01 > table .tit_fff {color:#333; background:#fff;}
.table_style01 > table .tit_gray {color:#333; background:#f4f5f7;}
.table_style01 > table .tit_lgray {color:#333; background:#fafafa;}

.table_style01.b_black > table {border-top:2px solid #333;}

.table_style01.txt_md > table {font-size:14px; line-height:24px;}
.table_style01.txt_sm > table {font-size:12px; line-height:20px;}

.table_style01 > table .line_bg {background:#f1f4f7;}

.table_style01 > table > thead > tr > th, .table_style01 > table > thead > tr > td,
.table_style01 > table > tbody > tr > th, .table_style01 > table > tbody > tr > td {padding:12px 12px 12px 12px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.table_style01 > table > thead > tr > th, .table_style01 > table > tbody > tr > th {color:#333;}
.table_style01 > table > thead > tr > th.tit_bg, .table_style01 > table > tbody > tr > th.tit_bg,
.table_style01 > table > thead > tr > td.tit_bg, .table_style01 > table > tbody > tr > td.tit_bg,
.table_style01 > table > thead > tr > th.tit_bg a, .table_style01 > table > tbody > tr > th.tit_bg a {color:#333; background:#f4f5f7;}
.table_style01 > table > thead > tr > th.tit_bg a:hover, .table_style01 > table > tbody > tr > th.tit_bg a:hover {text-decoration:underline;}

.table_style01 > table > thead > tr > td, .table_style01 > table > tbody > tr > td {color:#555;}
.table_style01 > table > thead > tr > td.a_left, .table_style01 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}
.table_style01 > table > thead > tr > td.a_right, .table_style01 > table > tbody > tr > td.a_right {text-align:right; padding-left:12px;}

.table_style01 > table .sns_icon_s {position:relative;}
.table_style01 > table .sns_icon_s a {display:inline-block; *zoom:1; *display:inline; color:#555; width:22px; height:22px; vertical-align:middle; background:url(/images/sub/lnb_sns_iCon02.png) no-repeat;}
.table_style01 > table .sns_icon_s a:hover {background:url(/images/sub/lnb_sns_iCon02_on.png) no-repeat;}

.table_style01 > table .sns_icon_s a.s_facebook {background-position:0 0;}
.table_style01 > table .sns_icon_s a.s_twitter {background-position:0 -22px;}
.table_style01 > table .sns_icon_s a.s_band {background-position:0 -44px;}
.table_style01 > table .sns_icon_s a.s_kko_story {background-position:0 -66px;}
.table_style01 > table .sns_icon_s a.s_kko_talk {background-position:0 -88px;}

.table_style01.pd_10 > table > tbody > tr > th,
.table_style01.pd_10 > table > thead > tr > th {padding:10px 10px 10px 10px;}
.table_style01.pd_10 > table > tbody > tr > td,
.table_style01.pd_10 > table > thead > tr > td {padding:10px 10px 10px 10px;}

.table_style01.pd_08 > table > tbody > tr > th,
.table_style01.pd_08 > table > thead > tr > th {padding:8px 8px 8px 8px;}
.table_style01.pd_08 > table > tbody > tr > td,
.table_style01.pd_08 > table > thead > tr > td {padding:8px 8px 8px 8px;}

 
/* ===== TABLE STYLE 02 ===== */

.table_style02 {width:100%; position:relative; background:#fff;}
.table_style02 > table {border-top:2px solid #333;width:100%;letter-spacing:-0.6px; font-size:15px;line-height:22px;}
.table_style02 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.table_style02 > table.hover tr:hover {background:#f4f5f7;}
.table_style02 > table.td_hover td:hover {background:#f4f5f7;}
.table_style02 > table .tit_fff th {color:#333; background:#fff;}
.table_style02 > table .tit_gray {color:#333; background:#f4f5f7;}
.table_style02 > table .tit_lgray, .table_style02 > table .tit_lgray th, .table_style02 > table .tit_lgray td {color:#333; background:#fafafa;}

.table_style02.blue > table {border-top:2px solid var(--main-color);}
.table_style02.txt_md > table {font-size:14px; line-height:24px;}

.table_style02 > table .line_bg {background:#f1f4f7;}

.table_style02 > table > thead > tr > th, .table_style02 > table > thead > tr > td,
.table_style02 > table > tbody > tr > th, .table_style02 > table > tbody > tr > td {padding:8px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.table_style02 > table > thead > tr > th:last-child, .table_style02 > table > thead > tr > td:last-child,
.table_style02 > table > tbody > tr > th:last-child, .table_style02 > table > tbody > tr > td:last-child {border-right:1px solid #fff;}

.table_style02 > table > thead > tr > th.r_border, .table_style02 > table > thead > tr > td.r_border,
.table_style02 > table > tbody > tr > th.r_border, .table_style02 > table > tbody > tr > td.r_border {border-right:1px solid #ddd;}

.table_style02 > table > thead > tr > th, .table_style02 > table > tbody > tr > th {color:#333;}
.table_style02 > table > thead > tr > th.tit_bg, .table_style02 > table > tbody > tr > th.tit_bg {color:#333; background:#f4f5f7;}

.table_style02 > table > thead > tr > th.tit_long, .table_style02 > table > tbody > tr > th.tit_long,
.table_style02 > table > thead > tr > td.tit_long, .table_style02 > table > tbody > tr > td.tit_long {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.table_style02 > table > thead > tr > th.tit_long p, .table_style02 > table > tbody > tr > th.tit_long p,
.table_style02 > table > thead > tr > td.tit_long p, .table_style02 > table > tbody > tr > td.tit_long p {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all;}

.table_style02 > table > thead > tr > td, .table_style02 > table > tbody > tr > td {color:#555;}
.table_style02 > table > thead > tr > td.a_left, .table_style02 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;}
.table_style02 > table > thead > tr > td.a_left_bg, .table_style02 > table > tbody > tr > td.a_left_bg {text-align:left; padding-left:12px; background:#f4f5f7; color:#333;}

.table_style02 > table > thead > tr > td.a_top, .table_style02 > table > tbody > tr > td.a_top {vertical-align:top;}

.table_style02 > table > thead > tr > th.cert_photo img, .table_style02 > table > thead > tr > td.cert_photo img,
.table_style02 > table > tbody > tr > th.cert_photo img, .table_style02 > table > tbody > tr > td.cert_photo img {display:block; width:135px; height:165px; margin:0 auto; margin-top:5px;}

.table_style02 > table > thead > tr > th.cert_photo span, .table_style02 > table > thead > tr > td.cert_photo span,
.table_style02 > table > tbody > tr > th.cert_photo span, .table_style02 > table > tbody > tr > td.cert_photo span {font-size:11px; display:inline-block; margin-top:3px;}

.table_style01 > table .file_down, .table_style02 > table .file_down {display:inline-block; *zoom:1; *display:inline; width:19px; height:18px; line-height:18px; background:url(/images/board/file_down_iCon01.png) no-repeat; background-position:0 0; vertical-align:middle;}
.table_style01 > table .file_down:hover, .table_style02 > table .file_down:hover {background-position:0 -18px;}

.table_style01 > table .file_link_bg,
.table_style02 > table .file_link_bg {display:inline-block; *zoom:1; *display:inline; background:url(/images/board/file_down_iCon01.png) no-repeat; padding:0 28px 0 0; background-position:right 0; line-height:18px; height:18px;}
.table_style01 > table .file_link_bg:hover,
.table_style02 > table .file_link_bg:hover {background-position:right -18px;}

.table_style02 > table .link_chain {display:block; width:100%; height:100%; text-align:left;}
.table_style02 > table .link_chain i {float:right; vertical-align:bottom; margin-top:6px; color:#bbb;}
.table_style02 > table .link_chain:hover {font-weight:bold; color:#333;}
.table_style02 > table .link_chain:hover i {color:#555}

/* ===== TAB MENU ===== */

/* 1Line Style */
.tab_style01 {width:100%; position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:45px; line-height:42px;}
.tab_style01 a {display:inline-block; *zoom:1; *display:inline; color:#555; letter-spacing:-1px; font-size:15px;}
.tab_style01 a:hover {text-decoration:underline;}
.tab_style01 a.active {font-weight:bold; color:#111;}
.tab_style01 .divider {display:inline-block; *zoom:1; *display:inline; width:1px; height:12px; background:#ababab; vertical-align:middle; margin:0 5px 0 5px;}

/* Tab 2Ea */
.tab_style02 {width:100%; line-height:62px; height:65px;}
.tab_style02 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;}
.tab_style02 > ul > li {float:left; width:50%; height:65px; text-align:center; background:url(/images/sub/sub_tab_divider02.jpg) no-repeat right top;}
.tab_style02 > ul > li:last-child {background:none;}
.tab_style02 > ul > li > a {display:block; color:#555; letter-spacing:-1px; font-size:18px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.tab_style02 > ul > li > a.active, .tab_style02 > ul > li > a:hover {color:#333; font-weight:bold; border-top:5px solid var(--main-color);}

/* Tab 3Ea */
.tab_style03 {width:100%; line-height:62px; height:65px;}
.tab_style03 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;}
.tab_style03 > ul > li {float:left; width:33%; height:65px; text-align:center; background:url(/images/sub/sub_tab_divider02.jpg) no-repeat right top;}
.tab_style03 > ul > li:first-child {width:34%;}
.tab_style03 > ul > li:last-child {background:none;}
.tab_style03 > ul > li > a {display:block; color:#555; letter-spacing:-1px; font-size:18px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.tab_style03 > ul > li > a.active, .tab_style03 > ul > li > a:hover {color:#333; font-weight:bold; border-top:5px solid var(--main-color);}

/* Tab 4Ea */
.tab_style04 {width:100%; line-height:46px; height:54px;}
.tab_style04 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;}
.tab_style04 > ul > li {float:left; width:25%; height:54px; text-align:center; background:url(/images/sub/sub_tab_divider02.jpg) no-repeat right top;}
.tab_style04 > ul > li:last-child {background:none;}
.tab_style04 > ul > li > a {display:block; color:#555; letter-spacing:-1px; font-size:15px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.tab_style04 > ul > li > a.active, .tab_style04 > ul > li > a:hover {color:#333; font-weight:bold; border-top:5px solid var(--main-color);}

/* Tab 5Ea */
.tab_style05 {width:100%; line-height:46px; height:54px;display: contents;}
.tab_style05 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;}
.tab_style05 > ul > li {float:left; width:20%; height:54px; text-align:center; background:url(/images/sub/sub_tab_divider02.jpg) no-repeat right top;}
.tab_style05 > ul > li:last-child {background:none;}
.tab_style05 > ul > li > a {display:block; color:#555; letter-spacing:-1px; font-size:15px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.tab_style05 > ul > li > a.active, .tab_style05 > ul > li > a:hover {color:#333; font-weight:bold; border-top:5px solid var(--main-color);}
.tab_style05.txt_14 > ul > li > a {font-size:14px;}
 
/* Tab 6Ea */
.tab_style06 {width:100%; line-height:46px; height:54px;display: contents;}
.tab_style06 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;}
.tab_style06 > ul > li {float:left; width:16%; height:54px; text-align:center; background:url(/images/sub/sub_tab_divider02.jpg) no-repeat right top;}
.tab_style06 > ul > li:last-child {background:none;}
.tab_style06 > ul > li:first-child, .tab_style06 > ul > li:nth-child(even) {width:17%;}

.tab_style06 > ul > li > a {display:block; color:#555; letter-spacing:-1px; font-size:14px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.tab_style06 > ul > li > a.active, .tab_style06 > ul > li > a:hover {color:#333; font-weight:bold; border-top:5px solid var(--main-color);}
 
/* Tab 7Ea */
.tab_style07 {width:100%; line-height:46px; height:54px;}
.tab_style07 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;}
.tab_style07 > ul > li {float:left; width:20%; height:54px; text-align:center; background:url(/images/sub/sub_tab_divider02.jpg) no-repeat right top;}
.tab_style07 > ul > li:first-child, .tab_style07 > ul > li:last-child {width:20%;}
.tab_style07 > ul > li:last-child {background:none;}

.tab_style07 > ul > li > a {display:block; color:#555; letter-spacing:-1px; font-size:14px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.tab_style07 > ul > li > a.active, .tab_style07 > ul > li > a:hover {color:#333; font-weight:bold; border-top:5px solid var(--main-color);}
 
/* Tab 8Ea */
.tab_style08 {width:100%; line-height:46px; height:54px;}
.tab_style08 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;}
.tab_style08 > ul > li {float:left; width:12.5%; height:54px; text-align:center; background:url(/images/sub/sub_tab_divider02.jpg) no-repeat right top;}
.tab_style08 > ul > li:last-child {background:none;}

.tab_style08 > ul > li > a {display:block; color:#555; letter-spacing:-1px; font-size:14px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.tab_style08 > ul > li > a.active, .tab_style08 > ul > li > a:hover {color:#333; font-weight:bold; border-top:5px solid var(--main-color);}

/* Tab 9Ea */
.tab_style09 {width:100%; line-height:46px; height:54px;}
.tab_style09 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;}
.tab_style09 > ul > li {float:left; width:11%; height:54px; text-align:center; background:url(/images/sub/sub_tab_divider02.jpg) no-repeat right top;}
.tab_style09 > ul > li:first-child {width:12%;}
.tab_style09 > ul > li:last-child {background:none;}

.tab_style09 > ul > li > a {display:block; color:#555; letter-spacing:-1px; font-size:14px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.tab_style09 > ul > li > a.active, .tab_style09 > ul > li > a:hover {color:#333; font-weight:bold; border-top:5px solid var(--main-color);}


/* ===== THUMB LIST ===== */

/* thumb_list_col2 */

.thumb_list_col2 {width:100%; line-height:23px;}
.thumb_list_col2 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.thumb_list_col2 > ul > li {float:left; width:448px; letter-spacing:-0.8px; padding:20px 20px 20px 20px; font-size:13px; line-height:24px; border:1px solid #ddd;}
.thumb_list_col2 > ul > li:nth-child(2n+2) {margin-left:20px;}
.thumb_list_col2 > ul > li img {display:block; margin:0 auto;}
.thumb_list_col2 > ul > li.b_blue {border:1px solid var(--main-color); border-bottom:5px solid var(--main-color);}
.thumb_list_col2 > ul > li.b_mint {border:1px solid #36adad; border-bottom:5px solid #36adad;}

.thumb_list_col2.b_none > ul > li {width:490px; padding:0 0 0 0; border:none;}


/* ===== SUB 01 ===== */

/* sub01_0101 */

.sub01_0101_con01 {width:860px; height:535px; padding:0 70px 70px 70px; background:url(/images/sub/sub01/sub01_0101_bg01.jpg) no-repeat center bottom;}
.sub01_0101_con01 .sub01_tit01 {margin:0 0 15px 0; padding:0 0 15px 0; background:url(/images/sub/com_tit_bg03.jpg) no-repeat center bottom; text-align:center; font-size:40px; color:#333;}

.sub01_0101_con01 .con_text01 {width:100%; margin-top:55px;}
.sub01_0101_con01 .con_text01 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.sub01_0101_con01 .con_text01 > ul > li {float:left; width:250px; font-size:14px; line-height:25px; color:#555; letter-spacing:-1px;}

.sub01_0101_con01 .con_text01 > ul > li > p {background:#f4f5f7; text-align:center; padding:20px 15px 20px 15px;}

.sub01_0101_con01 .con_text01 > ul > li.left {margin-right:360px;}


.sub01_0101_con02 {width:100%; line-height:24px;}
.sub01_0101_con02 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.sub01_0101_con02 > ul > li {float:left; width:320x; letter-spacing:-1px; font-size:14px; color:#555; line-height:26px; margin-right:20px; position:relative; text-align:center;}
.sub01_0101_con02 > ul > li:last-child {margin-right:0;}

.sub01_0101_con02 > ul > li .txt_box {width:258px; padding:30px 30px 30px 30px; border:1px solid #ddd; border-bottom:5px solid #ddd; margin-top:30px;}
.sub01_0101_con02 > ul > li .txt_box > h3 {font-size:20px; color:#333; margin:18px 0 16px 0; padding:0 0 16px 0; background:url(/images/sub/com_tit_bg03.jpg) no-repeat center bottom;}

.sub01_0101_con02 > ul > li .tit_iCon {position:absolute; top:0; left:0; width:100%;}
.sub01_0101_con02 > ul > li .tit_iCon > img {display:block; margin:0 auto;}


/* sub01_0102 */

.sub01_0102_tit01 {width:100%; height:250px; line-height:24px; text-align:center; background:#0b1830 url(/images/sub/sub01/sub01_0102_bg01.jpg) no-repeat center top; color:#fff;}

.sub01_0102_tit01 > h3 {font-size:26px; font-weight:normal; letter-spacing:-1px; padding:60px 0 18px 0; margin:0 0 18px 0; background:url(/images/sub/sub01/sub01_0102_bg02.jpg) no-repeat center bottom;}
.sub01_0102_tit01 > p {font-size:14px; line-height:25px; letter-spacing:-1.5px;}

.sub01_0102 {width:930px; padding:35px 35px 35px 35px; background:#f2f5f7; line-height:24px; letter-spacing:-1px; font-size:14px; color:#666;}

.sub01_0102 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.sub01_0102 > ul > li {float:left; width:100%; letter-spacing:-1px; padding:0 0 30px 0; font-size:13px; line-height:24px; margin-right:20px;}

.sub01_0102 > ul > li.first {height:40px; padding:0 0 0 0; background:url(/images/sub/sub01/sub01_0102_bg03_01.png) no-repeat center top;}
.sub01_0102 > ul > li.con_right {text-align:left; background:url(/images/sub/sub01/sub01_0102_bg03_02.png) no-repeat center top;}
.sub01_0102 > ul > li.con_left {text-align:right; background:url(/images/sub/sub01/sub01_0102_bg03_03.png) no-repeat center top;}
.sub01_0102 > ul > li.last {height:20px; padding:0 0 0 0; background:url(/images/sub/sub01/sub01_0102_bg03_04.png) no-repeat center bottom;}

.sub01_0102 > ul > li > dl {display:inline-block; *zoom:1; *display:inline; width:100%;}
.sub01_0102 > ul > li > dl > dd {float:left; width:430px;}
.sub01_0102 > ul > li > dl > dd img {display:block;}

.sub01_0102 > ul > li > dl > dd.history_txt {width:360px; padding:35px 35px 25px 35px; background:#fff;}
.sub01_0102 > ul > li > dl > dd.history_txt .history_year {font-size:25px; color:var(--main-color); margin:0 0 15px 0; font-family:'NanumSquareEB', Pretendard; font-weight:bold;}

.sub01_0102 > ul > li > dl > dd.history_txt > p {margin-bottom:5px;}

.sub01_0102 > ul > li > dl > dd.history_txt .month {color:#333; font-size:15px; letter-spacing:0;}
.sub01_0102 > ul > li > dl > dd.history_txt .month.right {margin-right:10px;}
.sub01_0102 > ul > li > dl > dd.history_txt .month.left {margin-left:10px;}

.sub01_0102 > ul > li > dl > dd.divider {width:70px;}

.ceo_img {position:absolute; top:34px; right:50px;}
.ceo_img > img {display:block;}

.ceo_greeting {line-height:23px; width:898px; border:1px solid #f1f1f1; padding:50px 50px 50px 50px; background:#fff url(/images/sub/sub01/sub01_0102_bg.jpg) no-repeat right top;}

.ceo_greeting .greeting_tit {font-size:30px; line-height:40px; color:#333; margin-bottom:30px;}
.ceo_greeting .greeting_tit > h3 {font-size:35px; margin-top:10px;}
.ceo_greeting .greeting_mid_tit {font-size:22px; color:#333; margin-bottom:20px;}

.ceo_greeting .ceo_sign {font-size:18px; color:#111;}
.ceo_greeting .ceo_sign > img { vertical-align:text-bottom;}


/* sub01_0301 */

.location_iCon {}
.location_iCon  .divider {display:inline-block; *zoom:1; *display:inline; width:1px; height:12px; background:#ddd; vertical-align:middle; margin:0 10px 0 10px;}
.location_iCon > i {display:inline-block; *zoom:1; *display:inline; width:20px; height:20px; vertical-align:middle; margin-right:5px;}
.location_iCon > a:hover {text-decoration:underline;}

.location_iCon > i.subway_01 {background:url(/images/sub/sub01/sub01_0301_iCon02_01.png) no-repeat center;}
.location_iCon > i.subway_02 {background:url(/images/sub/sub01/sub01_0301_iCon02_02.png) no-repeat center;}
.location_iCon > i.subway_03 {background:url(/images/sub/sub01/sub01_0301_iCon02_03.png) no-repeat center;}
.location_iCon > i.subway_04 {background:url(/images/sub/sub01/sub01_0301_iCon02_04.png) no-repeat center;}
.location_iCon > i.subway_05 {background:url(/images/sub/sub01/sub01_0301_iCon02_05.png) no-repeat center;}

.location_iCon > .bus {display:inline-block; *zoom:1; *display:inline; color:#fff; height:20px; line-height:19px; font-weight:bold; padding:0 5px 0 5px; border-radius:3px; font-size:11px; vertical-align:middle; margin-right:8px;}

.location_iCon > .bus.bus_01 {background:#34a2f7;}
.location_iCon > .bus.bus_02 {background:#4dc74d;}
.location_iCon > .bus.bus_03 {background:#e2565f;}
.location_iCon > .bus.bus_04 {background:#b16d79;}
.location_iCon > .bus.bus_05 {background:#706bca;}
.location_iCon > .bus.bus_06 {background:#44ba42;}


/* visit_counsel */

.visit_counsel {width:100%; line-height:23px;}
.visit_counsel > ul {display:inline-block; *zoom:1; *display:inline; width:998px; border:1px solid #eee;}
.visit_counsel > ul > li {float:left; font-size:13px; padding:20px 26px 14px 26px; line-height:24px; color:#666; letter-spacing:-0.8px;}

.visit_counsel > ul > li.visit_info {width:446px;}

.visit_counsel > ul > li.visit_tel {width:448px; background:#f4f5f7;}

.visit_counsel > ul > li.visit_tel > dl {width:100%; display:inline-block; *zoom:1; *display:inline;}
.visit_counsel > ul > li.visit_tel > dl > dt, .visit_counsel > ul > li.visit_tel > dl > dd {float:left;}

.visit_counsel > ul > li.visit_tel > dl > dt {text-align:center; margin-right:25px; color:#333;}
.visit_counsel > ul > li.visit_tel > dl > dt > .tel {display:block; letter-spacing:0; font-size:34px; font-weight:bold; color:var(--main-color); margin-top:12px;
													 transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.visit_counsel > ul > li.visit_tel > dl > dt > .tel:hover {color:#032a58;}

.visit_counsel > ul > li.visit_tel > dl > dd {border-left:1px solid #ddd; padding-left:25px;}


/* company_award_list */

.company_award_list {width:100%; line-height:23px;}
.company_award_list.mgb0 > ul {margin-bottom:-5px;}
.company_award_list > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.company_award_list > ul > li {float:left; width:233px; letter-spacing:-0.8px; font-size:13px; line-height:24px; color:#666; border:1px solid #ddd; margin-right:20px; margin-top:20px;}
.company_award_list > ul > li:nth-child(4n+4) {margin-right:0;}
.company_award_list > ul > li img {display:block; margin:0 auto; max-width:100%; border-bottom:1px solid #eee;}

.company_award_list > ul > li a.cert_photo {position:relative; display:block; width:100%; height:300px; border-bottom:1px solid #eee; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.company_award_list > ul > li a.cert_photo.cert_img01 {background:url(/images/sub/sub01/cert/sub01_cert_img01_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img02 {background:url(/images/sub/sub01/cert/sub01_cert_img01_02.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img03 {background:url(/images/sub/sub01/cert/sub01_cert_img01_03.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img04 {background:url(/images/sub/sub01/cert/sub01_cert_img01_04.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img05 {background:url(/images/sub/sub01/cert/sub01_cert_img01_05.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img06 {background:url(/images/sub/sub01/cert/sub01_cert_img01_06.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img07 {background:url(/images/sub/sub01/cert/sub01_cert_img01_07.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img08 {background:url(/images/sub/sub01/cert/sub01_cert_img01_08.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img09 {background:url(/images/sub/sub01/cert/sub01_cert_img01_09.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img10 {background:url(/images/sub/sub01/cert/sub01_cert_img01_10.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img11 {background:url(/images/sub/sub01/cert/sub01_cert_img01_11.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img12 {background:url(/images/sub/sub01/cert/sub01_cert_img01_12.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img13 {background:url(/images/sub/sub01/cert/sub01_cert_img01_13.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img14 {background:url(/images/sub/sub01/cert/sub01_cert_img01_14.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.cert_img15 {background:url(/images/sub/sub01/cert/sub01_cert_img01_15.jpg) no-repeat; background-size:100% auto;}

.company_award_list > ul > li a.cert_photo.ad_img01 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img01_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img02 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img02_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img03 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img03_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img04 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img04_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img05 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img05_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img06 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img06_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img07 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img07_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img08 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img08_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img09 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img09_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img10 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img10_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img11 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img11_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img12 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img12_01.jpg) no-repeat; background-size:100% auto;}
.company_award_list > ul > li a.cert_photo.ad_img13 {height:250px; background:url(/images/sub/sub01/ad/sub01_ad_img13_01.jpg) no-repeat; background-size:100% auto;}

.company_award_list > ul > li a .cert_detail {position:absolute; top:0; left:0; display:none; width:100%; height:100%; z-index:1; background:url(/images/sub/sub01/sub01_0201_bg02.png) no-repeat center;}
.company_award_list > ul > li a:hover .cert_detail {display:block;}

.company_award_list > ul > li .award_txt {display:block; background:#fafafa; padding:15px 20px 15px 20px;}
.company_award_list > ul > li .award_txt > h3 {color:#333; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all;}

.company_award_list > ul > li .award_txt .award_btn {font-size:13px; height:30px; line-height:27px; padding:0 0 0 0; text-align:center; letter-spacing:-1px; width:100%;
													 background:#fff; color:#797d82; border:1px solid #797d82; display:inline-block; *zoom:1; *display:inline;
													 box-sizing:border-box; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.company_award_list > ul > li .award_txt .award_btn:hover {background:#3d444e; color:#fff; border:1px solid #3d444e;}


/* refund_step */

.refund_step {width:100%; display:inline-block; *zoom:1; *display:inline; font-size:13px; line-height:21px;}
.refund_step > ul {width:100%; display:inline-block; *zoom:1; *display:inline;}
.refund_step > ul > li {float:left; width:200px; height:110px; padding:0 0 0 120px; letter-spacing:-1px; line-height:24px;}

.refund_step > ul > li h3 {font-size:16px; margin:0 0 10px 0; font-weight:bold;}
.refund_step > ul > li p {font-size:13px; color:#555;}

.refund_step > ul > li.step01 {background:url(/images/member/Information/mem_info_iCon01.jpg) no-repeat left;}
.refund_step > ul > li.step02 {background:url(/images/member/Information/mem_info_iCon02.jpg) no-repeat left;}
.refund_step > ul > li.step03 {background:url(/images/member/Information/mem_info_iCon03.jpg) no-repeat left;}


/* ===== MYROOM ===== */

.myroom_intro {width:100%;}
.myroom_intro a {transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.myroom_intro > ul {display:inline-block; *zoom:1; *display:inline; width: 1080px;}
.myroom_intro > ul > li {float:left; font-size:14px; line-height:20px; letter-spacing:-1px;}

.myroom_intro > ul > li.my_info {width: 20vw;height: 260px;padding:30px 15px 30px 25px;margin-right:20px;background:var(--main-color) url(/images/main/main_con03_bg01.jpg) no-repeat center;color:#fff;}
.myroom_intro > ul > li.my_info .image {float:left; display:block; height:60px; width:60px; border-radius:50px; background:#fff url(/images/sub/myroom/myroom_0101_bg01.png) no-repeat center; vertical-align:middle;}
.myroom_intro > ul > li.my_info .text {float:left; width:195px; margin-left:15px; color:#98d3ff;}
.myroom_intro > ul > li.my_info .text .text_tit {font-size:18px; font-weight:normal; margin:7px 0 9px 0; color:#fff; font-family:'NanumSquareR', Pretendard; font-weight:normal; letter-spacing:-0.2px;}
.myroom_intro > ul > li.my_info .text .text_tit > a {color:#fff;}
.myroom_intro > ul > li.my_info .text .text_tit > a:hover {color:#98d3ff;}

.myroom_intro > ul > li.course_info {
	width: 100%;
    min-height: 70px;
    padding: 25px 5px;
    border: 1px solid #ddd;
    font-size: 13px;
    display: flex;          
    flex-wrap: wrap;        
    background: #fff;
    margin-bottom: 50px;
    box-sizing: border-box;
}
.myroom_intro > ul > li.course_info a {
    flex: 1 1 20%;          
    min-width: 120px;       
    display: block;
    text-align: center;
    height: 70px;
    background: #fff url(/images/sub/myroom/myroom_0101_bg02.png) no-repeat right;
}
.myroom_intro > ul > li.course_info a:last-child {background-image: none;padding: 0;}
.myroom_intro > ul > li.course_info a.last {background:#fff;}
.myroom_intro > ul > li.course_info a .count {display:block; width:45px; height:45px; line-height:45px; border-radius:45px; margin:0 auto; margin-bottom:10px; background:#f1f5f8; font-size:18px; color:#333; letter-spacing:0; font-family:'NanumSquareEB', Pretendard; font-weight:bold; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.myroom_intro > ul > li.course_info a:hover .count {background:var(--main-color); color:#fff;}

@media (max-width: 1024px) {
	.myroom_intro > ul {width: 100%;padding: 0 25px;}
	.myroom_intro > ul > li.course_info a {
			flex: 1 1 50%;
			height: auto;
			padding-bottom: 3%;
	}
  	.myroom_intro > ul > li.course_info a:nth-child(2),
	.myroom_intro > ul > li.course_info a:nth-child(4){
		background-image: none;
	}
}

/* my_progress_bar */

.my_progress_bar {color:#333; font-weight:bold; letter-spacing:0;}
.my_progress_bar .p_bar {display:inline-block; *zoom:1; *display:inline; width:65px; height:10px; background:#ddd; position:relative; vertical-align:middle; margin-right:8px;}
.my_progress_bar .p_bar .fill {position:absolute; left:0; top:0; height:10px; background:#f17f1d; color:#fff; font-size:11px; letter-spacing:-0.5px; text-align:center;}
.my_progress_bar .p_bar .fill.redc {background:#cc0000;}

.my_progress_bar .p_bar .fill {-webkit-background-size:30px 30px; background-size:30px 30px;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);
background-image:   -o-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);
background-image:   linear-gradient(45deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%, transparent 75%, transparent);}

.my_progress_bar .p_bar.bar_w90 {width:90%; height:10px; line-height:10px;}

/*sub06 01_01*/

/* sub_inquiry_box */

.sub_inquiry_box {position:relative; top:0; left:0; width:100%; height:210px; z-index:1;}
.sub_inquiry_box .box_inner {width:1000px; margin:0 auto;}
.sub_inquiry_box .box_inner > ul {display:inline-block; *zoom:1; *display:inline; width:1000px; height:210px; background:#fff; -webkit-box-shadow:3px 3px 11px 0 rgba(0, 0, 0, 0.3); box-shadow:3px 3px 11px 0 rgba(0, 0, 0, 0.3);}
.sub_inquiry_box .box_inner > ul > li {float:left; letter-spacing:-1px; font-size:15px;}
.sub_inquiry_box .box_inner > ul > li a {transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.sub_inquiry_box .box_inner > ul > li.inquiry_title {font-family:Pretendard, Pretendard; position:relative; width:250px; height:210px;}
.sub_inquiry_box .box_inner > ul > li.inquiry_title .tel_box {position:absolute;left:20px;top:-20px;width:190px;height:160px;padding:25px 15px 25px 25px;background: #054374 url(/images/sub/sub_btn_box_bg03.jpg) no-repeat center;background-size:cover;color:#fff;-webkit-box-shadow:3px 3px 11px 0 rgba(0, 0, 0, 0.3);box-shadow:3px 3px 11px 0 rgba(0, 0, 0, 0.3);}

.sub_inquiry_box .tel_box .box_text {font-size:15px;}
.sub_inquiry_box .tel_box .box_tit {font-size:21px; line-height:30px; padding:0 0 17px 0; margin:15px 0 0 0; text-align:left; font-weight:normal; background:url(/images/sub/sub_btn_box_bg02.png) no-repeat;
								 background-position:142px 45px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.sub_inquiry_box:hover .tel_box .box_tit {background-position:158px 45px;}
.sub_inquiry_box .tel_box .tel {margin:22px 0 0 0;padding:0 0 0 33px;letter-spacing: -0.5px;font-size:20px;}

.sub_inquiry_box .box_inner > ul > li.input_wrap {width:710px; height:170px; padding:20px 20px 20px 20px;}

.sub_inquiry_box .box_inner > ul > li.input_wrap input[type="text"],
.sub_inquiry_box .box_inner > ul > li.input_wrap input[type="password"],
.sub_inquiry_box .box_inner > ul > li.input_wrap input[type="email"],
.sub_inquiry_box .box_inner > ul > li.input_wrap input[type="tel"],
.sub_inquiry_box .box_inner > ul > li.input_wrap input[type="number"] {border-radius:3px;}

.sub_inquiry_box .input_wrap .line01 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin-bottom:8px;}
.sub_inquiry_box .input_wrap .line01 > ul > li {float:left; height:45px; width:265px; margin-right:10px;}
.sub_inquiry_box .input_wrap .line01 > ul > li.inquiry_check {width:156px; margin-right:0; height:34px; padding:11px 0 0 4px; font-size:12px; color:#555;}

.sub_inquiry_box .input_wrap .line01 > ul > li input[type="text"],
.sub_inquiry_box .input_wrap .line01 > ul > li input[type="password"],
.sub_inquiry_box .input_wrap .line01 > ul > li input[type="email"],
.sub_inquiry_box .input_wrap .line01 > ul > li input[type="tel"],
.sub_inquiry_box .input_wrap .line01 > ul > li input[type="number"] {width:265px; height:45px; line-height:45px; padding-left:13px;}

.sub_inquiry_box .input_wrap .line02 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin-bottom:10px;}
.sub_inquiry_box .input_wrap .line02 > ul > li {float:left; height:114px; width:540px; margin-right:10px;}

.sub_inquiry_box .input_wrap .line02 > ul > li textarea {width:512px; height:86px; padding:13px 13px 13px 13px; border-radius:3px; font-size:13px;}

.sub_inquiry_box .input_wrap .line02 > ul > li.inquiry_btn {width:160px; margin-right:0; height:114px; padding:0 0 0 0;}
.sub_inquiry_box .input_wrap .line02 > ul > li.inquiry_btn .btn_style01 {width:100%; height:114px; line-height:114px; border-radius:3px;}


.sub0201_intro {width:100%; height:306px; background:#fff url(/images/sub/sub01/sub02_01_bg.jpg) no-repeat center right;}
.sub0202_intro {width:100%; height:306px; background:#fff url(/images/sub/sub01/sub02_02_bg.jpg) no-repeat center right;}
.sub0203_intro {width:100%; height:306px; background:#fff url(/images/sub/sub01/sub02_03_bg.jpg) no-repeat center right;}

.sub0204_intro {width:100%; height:306px; background:#fff url(/images/sub/sub01/sub02_04_bg.jpg) no-repeat center right;}
.sub0205_intro {width:100%; height:306px; background:#fff url(/images/sub/sub01/sub02_05_bg.jpg) no-repeat center right;}
.sub0206_intro {width:100%; height:406px; background:#fff url(/images/sub/sub01/sub02_06_bg.jpg) no-repeat center right;}
.sub0207_intro {width:100%; height:306px; background:#fff url(/images/sub/sub01/sub02_07_bg.jpg) no-repeat center right;}
.sub0208_intro {width:100%; height:306px; background:#fff url(/images/sub/sub01/sub02_08_bg.jpg) no-repeat center right;}
.sub0209_intro {width:100%; height:306px; background:#fff url(/images/sub/sub01/sub02_09_bg.jpg) no-repeat center right;}

.con_tit {font-size:34px; line-height:46px; letter-spacing:-1px; margin:0 0 25px 0; color:#333; text-align:center; background:url(/images/sub/sub01/sub02_01_img6.png) no-repeat center bottom;}
.con_tit p {font-size:19px; font-weight:normal; margin-bottom:5px; color:#555;}
.thumb_list_col3 > ul > li h1 {font-size:40px; line-height:40px; color:#0170c9; margin:0 0 15px 0; padding:0 0 10px 0; background:url(/images/sub/sub01/sub_line.jpg) no-repeat center bottom;}


/* sub0201 */

.sub0201 {width:100%; line-height:23px;}
.sub0201 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;}
.sub0201 > ul > li {float:left; letter-spacing:-0.8px; font-size:14px; line-height:25px;}

.sub0201 > ul > li.movie {width:320px; margin-right:20px;}
.sub0201 > ul > li.movie.last {margin-right:0;}

.sub0201 > ul > li.movie .movie_tit {border:1px solid #eee; text-align:center; color:#333; padding:8px 5px 8px 5px; margin-bottom:10px; background:#fafafa;}
.sub0201 > ul > li.movie .movie_tit > span {font-weight:normal;}

.sub0201 > ul > li.movie .play_movie {display:block; width:320px; height:180px;}

.sub0201 > ul > li.movie .play_movie.movie01 {background:url(/images/sub/sub01/sub02_img_off.gif) no-repeat center top;} 
.sub0201 > ul > li.movie .play_movie.movie02 {background:url(/images/sub/sub01/sub02_img_off.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie03 {background:url(/images/sub/sub01/sub02_img_off.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie04 {background:url(/images/sub/sub01/sub02_img_off.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie05 {background:url(/images/sub/sub01/sub02_img_off.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie06 {background:url(/images/sub/sub01/sub02_img_off.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie07 {background:url(/images/sub/sub01/sub02_img_off.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie08 {background:url(/images/sub/sub01/sub02_img_off.gif) no-repeat center top;}

.sub0201 > ul > li.movie .play_movie.movie01:hover {background:url(/images/sub/sub01/sub02_img_on.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie02:hover {background:url(/images/sub/sub01/sub02_img_on.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie03:hover {background:url(/images/sub/sub01/sub02_img_on.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie04:hover {background:url(/images/sub/sub01/sub02_img_on.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie05:hover {background:url(/images/sub/sub01/sub02_img_on.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie06:hover {background:url(/images/sub/sub01/sub02_img_on.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie07:hover {background:url(/images/sub/sub01/sub02_img_on.gif) no-repeat center top;}
.sub0201 > ul > li.movie .play_movie.movie08:hover {background:url(/images/sub/sub01/sub02_img_on.gif) no-repeat center top;}

.sub0201 > ul > li.movie_txt {width:660px;}
.sub0201 > ul > li.movie_txt .txt_detail {width:618px; height:140px; padding:20px 20px 20px 20px; overflow-y:auto; color:#555; background:#f4f5f7; border:1px solid #f4f5f7;}

.sub0201 > ul > li.movie_txt .txt_detail .txt_divider {display:block; width:100%; height:1px; background:#ddd; margin:10px 0 10px 0;}

.sub0201.clo2 > ul > li {float:left; letter-spacing:-0.8px; font-size:14px; line-height:25px;}

.sub0201.clo2 > ul > li.movie {width: 490px;margin-right:20px;}
.sub0201.clo2 > ul > li.movie.last {margin-right:0;}
.sub0201.clo2 > ul > li.movie .play_movie {display:block;width: 490px;height:180px;}


.cprint{padding-top: 50px; font-family:Pretendard;}
.cprint #con_wrap{border-bottom:none;}
.container.cprint {page-break-before:always;background: #ffffff;border: #000 3px solid;min-height: 1215px;padding-top: 86px;font-weight: bold;}
.cprint .certifcate{font-size: 50px;padding-top: 50px;text-align:center;}
.cprint .cnumber{margin-left: 120px;font-size: 20px;}
.cprint .cname{margin-left: 680px;margin-top: 118px;letter-spacing: -1px;font-size: 22px;height: 80px;}
.cprint .ctitle{letter-spacing: -1px;font-size: 24px;margin-top: 50px;margin-left: 180px;}
.cprint .ctitle1{letter-spacing: -1px;font-size: 22px;margin-top: 50px;margin-left: 180px;}
.cprint .cname li{padding: 0px 0px 20px 0px;}
.cprint .chost{margin-top:50px;letter-spacing: -1px;font-size: 20px;height: 376px;}
.cprint .chost li{padding: 0px 0px 20px 0px;}
.cprint .chost table{}
.cprint .chost td,
.cprint .chost th{padding:5px;text-align:center;border: 1px solid #000;font-size:18px; vertical-align: middle;}
.cprint .cday{padding-top: 50px;padding-left: 374px;font-size: 22px;display: inline-block;}
.cprint .cday li{padding: 0px 10px 0px 58px;float: left;}
.cprint .cday li:first-child{padding: 0px 10px 0px 0px;}
.cprint .cday li:last-child{padding: -2px 0px 0px 50px;}


/* ===== SUB01_EVENT VISUAL ===== */

.sub01_event_visual {position:relative; width:100%; height:750px; overflow:hidden;}
.sub01_event_visual .visual_inner { background-color:#fff; border: 1px solid #000; box-sizing: border-box; overflow:hidden;}
.sub01_event_visual .visual_center {position:absolute; top: 0; left:50%; margin-left:-425px; width:850px; height:750px;}

.sub01_event_visual .visual_inner .visual_item {}
.sub01_event_visual .visual_inner .banner {width: 850px; height: 750px; visibility:hidden;}

/* PAGER */

.sub01_event_visual .bx-controls {
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	text-align: center;
}

.sub01_event_visual .bx-controls .bx-pager {
	display: inline-block;
	vertical-align: middle;
}


.sub01_event_visual .bx-controls .bx-pager .bx-pager-item {
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	margin: 0 8px;
}

.sub01_event_visual .bx-controls .bx-pager .bx-pager-item a {
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border: 4px solid #26242f;
	border-radius: 8px;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-indent: -5000em;
}

.sub01_event_visual.color_white .bx-controls .bx-pager .bx-pager-item a {
	border: 4px solid #fff !important;
}

.sub01_event_visual .bx-controls .bx-pager .bx-pager-item a:hover,
.sub01_event_visual .bx-controls .bx-pager .bx-pager-item a.active {
	width: 8px;
	height: 8px;
	background: #26242f;
	border-radius: 8px;
	opacity: 1;
}

.sub01_event_visual .bx-controls .bx-controls-direction {
	display: none;
}

.sub01_event_visual .bx-controls .bx-controls-auto {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.sub01_event_visual .bx-controls .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: middle;
}

.sub01_event_visual .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start.active,
.sub01_event_visual .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop.active {
	display: none;
}

.sub01_event_visual .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start,
.sub01_event_visual .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {
	display: block;
	width: 18px;
	height: 18px;
	text-indent: -5000em;
	margin-top:10px;
}

.sub01_event_visual .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {
	background: url(/images/main/pager_iCon_start.png) no-repeat 0 0;
}
.sub01_event_visual.color_white .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {
	background: url(/images/main/pager_iCon_start_white.png) no-repeat 0 0;
}

.sub01_event_visual .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {
	background: url(/images/main/pager_iCon_stop.png) no-repeat 0 0;
}

.sub01_event_visual.color_white .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {
	background: url(/images/main/pager_iCon_stop_white.png) no-repeat 0 0;
}

/* fAQ */

	ul.gallery_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		letter-spacing: -0.02em;
		font-size: 17px;
		font-family: Pretendard;
	}

	ul.gallery_wrap li.gallery_box {
		display: inline-block;
		width: 348px;
		margin-bottom: 30px;
		cursor: pointer;
	}

	ul.gallery_wrap li.gallery_box img {
		width: 100%;
		height: 196px;
		vertical-align: top;
	}

	.gallery_box p.txt_box {
		padding: 0 0 15px 0;
	}

	.gallery_box p.txt_box .txt_line {
		display: block;
		width: 100%;
		height: 38px;
		line-height: 38px;
		margin-bottom: 17px;
		border-bottom: 1px solid #ddd;
		border-radius: 2px;
		font-size: 15px;
		color: #666;
		box-sizing: border-box;
	}

	.gallery_box p.txt_box .txt_small {
		color: #555;
		font-size: 14px;
	}

	.txt_tit {
		display: inline-block;
		width: 290px;
		font-size: 18px;
		color: #000;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: middle;
	}

	.clearfix:before,
	.clearfix:after {
		display: block;
		content: '';
		line-height: 0;
	}

	.clearfix:after {
		clear: both;
	}

	.clearfix {
		*zoom: 1;
	}

	.sub_head .sub_title {
		padding: 15px 0 33px;
		border-bottom: 1px solid #d8d8d8;
	}

	.sub_head .sub_title h2 {
		color: #000;
		font-size: 32px;
		line-height: 34px;
		font-weight: 400;
		font-family: 'NanumSquareR';
	}

	.sub_head {
		position: relative;
		padding: 68px 0 10px;
	}

	#contents {
		margin: 30px 0 30px;
		min-height: 300px;
	}

	.bbs_faq {
		border-top: 2px solid #151515;
	}

	.bbs_faq .list {
		width: 100%;
		padding: 0;
	}

	.bbs_faq .list>dt button {
		display: block;
		height: auto;
		width: 100%;
		padding: 8px 0;
		border: none;
		text-align: left;
		line-height: 2.5em;
		vertical-align: middle;
		color: #222;
	}

	.bbs_faq .list>dt button .faq_category {
		position: absolute;
		margin: 0 10px 0 0;
		padding: 0 15px;
		background-color: #666666;
		color: #ffffff;
		font-weight: bold;
	}

	.bbs_faq .list>dt button .faq_question {
		display: inline-block;
		margin: 0 30px 0 75px;
	}

	.bbs_faq .list>dd {
		display: none;
		position: relative;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
		background: #f8f8f8;
	}

	.bbs_faq .list>dd .faq_answer {
		margin: 0 15px 0 75px;
		padding: 30px 0;
	}

	.bbs_faq .list>dd .faq_answer>span {
		position: absolute;
		left: 5px;
		top: 30px;
		margin: 0 10px 0 0;
		padding: 0 15px;
		border: 1px solid #ccc;
		background: #fff;
	}

	.bbs_faq .list>dt {
		display: block;
		position: relative;
		border-bottom: 1px solid #e9e9e9;
	}

	.bbs_faq .list>dd .faq_answer>span {
		position: absolute;
		left: 5px;
		top: 30px;
		margin: 0 10px 0 0;
		padding: 0 15px;
		border: 1px solid #ccc;
		background: #fff;
	}
	.spoka {font-family: Pretendard; transform: skew(-0.1deg);}
	ul.gallery1_wrap {display: flex; flex-wrap: wrap; justify-content: space-around; letter-spacing: -0.02em; font-size: 15px;}
	ul.gallery1_wrap li.gallery1_box {display: inline-block; width: 480px; margin-bottom: 20px; cursor: pointer;}
	ul.gallery1_wrap li.gallery1_box .img_resize {width: 480px; height: 270px; border-radius: 0.4rem; overflow: hidden;}
	ul.gallery1_wrap li.gallery1_box .img_resize img {}
	.gallery1_box p.txt_box {padding: 10px 20px 10px 5px;}
	.gallery1_box p.txt_box .txt_line {display: inline-block; padding: 4px 6px; min-width: 50px; margin-bottom: 5px; font-size: 11px; background-color: #f2f2f2; color: #6e6e73; text-align: center; border-radius: 0.3rem;}
	.gallery1_box p.txt_box .txt_small {display: block; margin-top: 8px; color: #555; font-size: 12px;}
	.gallery1_box_btn {display: block; text-align: center; margin: 0 auto; margin-bottom: 20px; margin-top: 5px; font-weight: bold;}
	.gallery1_box_btn a {display: inline-block; width: 83px; height: 25px; line-height: 25px; background-color: #565659; border : 1px solid #fff; color: #fff; font-size:12px;}
	.gallery1_box_btn a:nth-child(1) {background-color: #f2f2f2; color: #6e6e73;}


	ul.gallery2_wrap {display: flex; flex-wrap: wrap; justify-content: space-around; letter-spacing: -0.02em; font-size: 15px;}
	ul.gallery2_wrap li.gallery2_box {display: inline-block; width: 285px; margin-bottom: 15px; text-align: left; cursor: pointer;}
	ul.gallery2_wrap li.gallery2_box img {width: 100%; border-radius: 0.4rem; border: 1px solid #ddd;}
	.gallery2_box p.txt_box {padding: 10px 20px 10px 5px;}
	.gallery2_box p.txt_box .txt_line {display: inline-block; padding: 4px 6px; min-width: 50px; margin-bottom: 5px; font-size: 11px; background-color: #e3b3be; color: #ffffff; text-align: center; border-radius: 0.3rem;}
	.gallery2_box p.txt_box .txt_line_g {display: inline-block; padding: 4px 6px; min-width: 50px; margin-bottom: 5px; font-size: 11px; background-color: #aaa; color: #ffffff; text-align: center; border-radius: 0.3rem;}
	.gallery2_box p.txt_box .txt_line_blue {display: inline-block; padding: 4px 6px; min-width: 50px; margin-bottom: 5px; font-size: 11px; background-color: var(--main-color); color: #ffffff; text-align: center; border-radius: 0.3rem;}
	.gallery2_box p.txt_box .txt_line.event {background-color: #e84232; color: #ffffff;}
	.gallery2_box p.txt_box .txt_line.close {background-color: #555; color: #ffffff;}
	.gallery2_box p.txt_box .txt_line.open {background-color: #2b66f6; color: #ffffff;}
	.gallery2_box p.txt_box .txt_small {color: #555; font-size: 12px;}
	.gallery2_box_btn {display: block; text-align: center; margin: 0 auto; margin-bottom: 20px; margin-top: 5px; font-weight: bold;}
	.gallery2_box_btn a {display: inline-block; width: 83px; height: 25px; line-height: 25px; background-color: #565659; border : 1px solid #fff; color: #fff; font-size:12px;}
	.gallery2_box_btn a:nth-child(1) {background-color: #f2f2f2; color: #6e6e73;}

/* 함께하는 대학 */
.contents_wrap.unive{background-color:#1c293a;color:#ffffff;}

.univtitle{height:516px; background:#1c293a url(/images/sub/sub01/sub01_univ/counpia_main_page_univ_bg1.jpg) no-repeat center top;}
.univtitle .container{text-align:left;padding-top: 254px;width: 750px;}
.univtitle h2 {color:#fff;font-size: 64px;font-weight:bold;letter-spacing:-1px;line-height: 1.0em;margin: 0 auto;padding-bottom: 40px;}
.univtitle h2 span {font-size:24px; font-weight:400; display:block;}
.utitle{width: 100%;text-align: center;background-color: #000000;font-size: 24px;padding: 30px 0;border-radius: 20px 20px 0 0;font-weight: bold;letter-spacing: -1px;}
.utitle img{vertical-align: middle;}
.utitle span{color:#fdde00; }

.univelist .container {background: #fff;text-align: center;width: 750px;}
.univlogo {display: inline-block;margin: 0 auto;background: #fff;}
.univlogo ul {display: inline-block;padding: 40px 25px 0;}
.univlogo ul li {display: inline-block;margin-bottom: 40px;margin-right: 12px;}
.univlogo li img{width: 140px;}

/*.univbottom{height:120px;background: #1c293a url(/images/sub/sub01/sub01_univ/counpia_main_page_univ_bg2.gif) repeat-x center bottom;}*/
.univbottom{height:120px;background: #1c293a;}

@media all and (max-width: 1440px) {
	#con_wrap{padding: 40px 15px 50px 15px;border-bottom:none;}
	#con_wrap_zoom .container {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}
}


@media all and (max-width: 1024px) {
	.page_info01 > ul > li.Pinfo_iCon01{width: 20vw;}
	.page_info01 > ul > li.Pinfo_iCon01.r02{height: 130px;}
	.page_info01 > ul > li.Pinfo_txt01.full{width: 70vw;}

	#con_wrap_zoom { margin-left: 0px; }
}
@media all and (max-width: 768px) {
	#con_wrap{transform: scale(0.98);}
	.mid_title_40 h2{font-size: var(--lounge-title);}
	.eduone .myProfile .myLeftGap article img{max-width: 100%;height: auto;}
	.my_progress_bar .p_bar{width: 84%;}
}