@charset "utf-8";
/* CSS Document */
/* 20161006 작성자 송지수 */


/* 헤더 */
#header {display:inline-block; vertical-align:middle; position:fixed; left:0; top:0; z-index:999999; width:100%; min-width:320px; height:50px; background-color:#fff; transition:0.2s; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);}
#header .h_logo {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:0; z-index:99; width:200px; height:50px; margin-left:-100px;}
#header .h_logo a {display:inline-block; vertical-align:middle; width:100%; height:100%; background-image:url("../images/common/logo.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;}

#header .h_menu {position:absolute; left:0; top:0; width:100%;}
#header .h_menu .hm_btn {display:inline-block; vertical-align:middle; float:left; width:30px; height:30px; margin:10px; padding:0; border:none; border-radius:5px;  background-image:url("../images/common/icon_menu.png"); background-repeat:no-repeat; background-position:center top; background-size:100% auto; background-color:#005aab; cursor:pointer; transition:0.2s;}
#header .h_menu .hm_btn.on {background-position:center bottom;}
#header .h_menu .hm_wrap {display:none; vertical-align:middle; width:100%; border-radius:0 3px 3px 0; background-color:#fff; box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);}
#header .h_menu .hm_wrap.on {display:inline-block;}
#header .h_menu .hm_member {display:inline-block; vertical-align:middle; width:100%; background-color:#0e6dc1; box-shadow:inset 0px 2px 0px #065aaa;}
#header .h_menu .hm_member li {display:inline; float:left; width:50%; padding:10px 0;}
#header .h_menu .hm_member a {display:block; height:32px; margin:0 5px; background-color:#fff; font-size:12px; color:#343c49; font-weight:700; line-height:32px; text-align:center;}
#header .h_menu .hm_member li:first-child a {margin-left:60px; color:#0e6dc1;}
#header .h_menu .hm_member li:last-child a {margin-right:60px;}
#header .h_menu .hm_service {display:inline-block; vertical-align:middle; width:100%;}
#header .h_menu .hm_service .hms_title {display:inline-block; vertical-align:middle; width:100%; height:40px; border-bottom:#0e6dc1 solid 1px; font-size:16px; color:#0e6dc1; font-weight:700; line-height:40px;}
#header .h_menu .hm_service ul {display:block; padding:0 10px 10px 10px;}
#header .h_menu .hm_service li {display:inline-block; vertical-align:middle; width:100%;}
#header .h_menu .hm_service a {display:inline-block; vertical-align:middle; width:100%; height:30px; padding-top:5px; font-size:14px; color:#0e6dc1; font-weight:700; line-height:30px; text-align:left; text-indent:5px; border-bottom:#0e6dc1 solid 1px;}
#header .h_menu .hm_service .hms_sub {padding:0;}
#header .h_menu .hm_service .hms_sub li {float:left; width:50%;}
#header .h_menu .hm_service .hms_sub a {height:33px; border-bottom-color:#ededed; padding:0; font-size:13px; color:#343c49; font-weight:400; line-height:33px;}

#header .h_language {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; z-index:9;}
#header .h_language .hl_btn {display:inline-block; vertical-align:middle; float:left; width:30px; height:30px; margin:10px; padding:0; border:none; border-radius:15px; background-image:url("../images/common/flag.png"); background-repeat:no-repeat; background-size:auto 90px; box-shadow:inset 0px 0px 2px rgba(0, 0, 0, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.1); cursor:pointer;}
#header .h_language .hl_btn.kr {background-position:11% 0;}
#header .h_language .hl_btn.cn {background-position:0 -30px;}
#header .h_language .hl_btn.usa {background-position:78% 0;}
#header .h_language .hl_btn.uk {background-position:88% -30px;}
#header .h_language .hl_btn.jp {background-position:13% -60px;}
#header .h_language .hl_wrap {display:none; vertical-align:middle; position:absolute; right:0; top:50px; padding:5px; border-radius:3px 0 0 3px; background-color:#252d3a; box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2);}
#header .h_language .hl_wrap.on {display:inline-block;}
#header .h_language li {display:inline-block; vertical-align:middle; width:100%;}
#header .h_language a {display:block; vertical-align:middle; padding:5px;}
#header .h_language i {display:inline-block; vertical-align:middle; width:45px; height:30px; background-image:url("../images/common/flag.png"); background-repeat:no-repeat; background-size:auto 90px;}
#header .h_language .kr i {background-position:0 0;}
#header .h_language .cn i {background-position:0 -30px;}
#header .h_language .usa i {background-position:-45px 0;}
#header .h_language .uk i {background-position:-45px -30px;}
#header .h_language .jp i {background-position:0 -60px;}


/* 컨텐츠 */
#contents {display:inline-block; vertical-align:middle; width:100%; margin-top:50px; background-color:#fff;}
#contents .c_hero {display:inline-block; vertical-align:middle; width:100%; border-top:#005aab solid 2px; background-color:#005aab;}
#contents .c_hero img {display:inline-block; vertical-align:middle; width:100%; height:auto;}

#contents .c_navi {display:inline-block; vertical-align:middle; position:relative; width:100%; height:40px;
	background:#0051a5;
	background:-webkit-linear-gradient(top, #005aab 0%, #0051a5 100%);
	background:-moz-linear-gradient(top, #005aab 0%, #0051a5 100%);
	background:-ms-linear-gradient(top, #005aab 0%, #0051a5 100%);
	background:-o-linear-gradient(top, #005aab 0%, #0051a5 100%);
	background:linear-gradient(top, #005aab 0%, #0051a5 100%);
	box-shadow:inset 0 2px 0 #004b8f, 0 2px 1px rgba(0, 0, 0, 0.2);}
#contents .c_navi .cn_title {display:inline-block; vertical-align:middle; width:100%; height:40px; font-size:14px; color:#fff; font-weight:700; line-height:40px; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}
#contents .c_navi .cn_btn {display:inline-block; vertical-align:middle; position:absolute; top:0; width:40px; height:40px;}
#contents .c_navi .cn_btn a {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#contents .c_navi .cn_btn i {display:inline-block; vertical-align:middle; width:100%; height:100%; background-image:url("../images/common/icon_navi.png"); background-repeat:no-repeat; background-size:auto 40px;}
#contents .c_navi .cn_btn.back {left:0;}
#contents .c_navi .cn_btn.back i {background-position:left 0px;}
#contents .c_navi .cn_btn.home {right:0;}
#contents .c_navi .cn_btn.home i {background-position:right 0px;}

#contents .c_wrap {padding:10px;}
#contents .c_wrap.bg {background-color:#efefef;}

#contents .c_quicklink {display:inline-block; vertical-align:middle; width:100%; position:relative;}
#contents .c_quicklink li {display:inline; float:left;}
#contents .c_quicklink a {display:block; position:relative; height:100%; border-radius:3px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1);}
#contents .c_quicklink .cq_type1 {width:60%; height:145px; margin-bottom:5px;}
#contents .c_quicklink .cq_type2 {width:40%; height:145px; margin-bottom:5px;}
#contents .c_quicklink .cq_type3 {width:40%; height:70px; margin-bottom:5px;}
#contents .c_quicklink .cq_type4 {position:absolute; left:0; top:225px; width:40%; height:70px;}
#contents .c_quicklink .cq_type5 {width:60%; height:145px; margin-bottom:5px;}
#contents .c_quicklink .cq_type6 {width:33.333333%; height:70px;}
#contents .c_quicklink .cq_type7 {width:33.333333%; height:70px;}
#contents .c_quicklink .cq_type8 {width:33.333333%; height:70px;}
#contents .c_quicklink .cq_type1 a {background-image:url("../images/main_quicklink_type1.png"); background-color:#82b3af;}
#contents .c_quicklink .cq_type2 a {margin-left:5px; background-image:url("../images/main_quicklink_type2.png"); background-color:#c62d47;}
#contents .c_quicklink .cq_type3 a {margin-right:5px; background-image:url("../images/main_quicklink_type3.png"); background-color:#f95f5f;}
#contents .c_quicklink .cq_type4 a {margin-right:5px; background-image:url("../images/main_quicklink_type4.png"); background-color:#f49952;}
#contents .c_quicklink .cq_type5 a {background-image:url("../images/main_quicklink_type5.png"); background-color:#587da7;}
#contents .c_quicklink .cq_type6 a {margin-right:3px; background-image:url("../images/main_quicklink_type6.png"); background-color:#cd3452;}
#contents .c_quicklink .cq_type7 a {margin:0 2px; background-image:url("../images/main_quicklink_type7.png"); background-color:#00499b;}
#contents .c_quicklink .cq_type8 a {margin-left:3px; background-image:url("../images/main_quicklink_type8.png"); background-color:#875f91;}
#contents .c_quicklink span {display:inline-block; vertical-align:middle; position:absolute; left:0; top:45px; width:100%; font-size:12px; color:#fff; font-weight:700; line-height:20px; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}
#contents .c_quicklink .cq_type1 span, #contents .c_quicklink .cq_type2 span, #contents .c_quicklink .cq_type5 span {top:85px; font-size:17px; color:#fff; line-height:30px;}

#contents .c_head, #contents .c_body {display:inline-block; vertical-align:middle; width:100%; box-sizing:border-box;}

#contents .info_guide {display:inline-block; vertical-align:middle; width:100%;}
#contents .info_guide .ig_wrap {display:inline-block; vertical-align:middle; width:100%;}
#contents .info_guide .ig_infographic1 {display:inline-block; vertical-align:middle; width:100%; margin:10px 0;}
#contents .info_guide .ig_infographic1 .igi1_box1 {display:inline-block; vertical-align:middle; width:84px; height:23px; border:#722528 solid 1px; border-radius:30px; background-color:#ae4648; font-size:10px; color:#fff; line-height:23px; text-align:center; text-shadow:0 0px 3px rgba(0, 0, 0, 0.3);}
#contents .info_guide .ig_infographic1 .igi1_box2 {display:inline-block; vertical-align:middle; width:84px; height:23px; border:#122e44 solid 1px; border-radius:30px; background-color:#2e6691; font-size:10px; color:#fff; line-height:23px; text-align:center; text-shadow:0 0px 3px rgba(0, 0, 0, 0.3);}
#contents .info_guide .ig_infographic1 .igi1_arrow {display:inline-block; vertical-align:middle; position:relative; width:1px; height:15px; margin-bottom:6px; background-color:#2e6691;}
#contents .info_guide .ig_infographic1 .igi1_arrow:after {content: ""; position:absolute; left:0; bottom:-4px; width:1px; height:0px; margin-left:-3px; border-left:3px solid transparent; border-right:3px solid transparent; border-top: 5px solid #2e6691;}
#contents .info_guide .ig_infographic2 {display:inline-block; vertical-align:middle; position:relative; width:220px; height:100px; margin:10px 0; border:#00639c solid 1px; border-radius:10px;}
#contents .info_guide .ig_infographic2 .igi2_box1 {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:10px; width:84px; height:23px; margin-left:-43px; border:#722528 solid 1px; border-radius:30px; background-color:#ae4648; font-size:10px; color:#fff; line-height:23px; text-align:center; text-shadow:0 0px 3px rgba(0, 0, 0, 0.3);}
#contents .info_guide .ig_infographic2 .igi2_box2 {display:inline-block; vertical-align:middle; position:absolute; right:15px; bottom:10px; width:84px; height:23px; border:#722528 solid 1px; border-radius:30px; background-color:#ae4648; font-size:10px; color:#fff; line-height:23px; text-align:center; text-shadow:0 0px 3px rgba(0, 0, 0, 0.3);}
#contents .info_guide .ig_infographic2 .igi2_box3 {display:inline-block; vertical-align:middle; position:absolute; left:15px; bottom:10px; width:84px; height:23px; border:#122e44 solid 1px; border-radius:30px; background-color:#2e6691; font-size:10px; color:#fff; line-height:23px; text-align:center; text-shadow:0 0px 3px rgba(0, 0, 0, 0.3);}
#contents .info_guide .ig_infographic2 .igi2_arrow1 {display:inline-block; vertical-align:middle; position:absolute; right:52px; top:20px; width:1px; height:40px; background-color:#000;}
#contents .info_guide .ig_infographic2 .igi2_arrow1:before {content: ""; position:absolute; right:0; top:0; width:15px; height:1px; background-color:#000;}
#contents .info_guide .ig_infographic2 .igi2_arrow1:after {content: ""; position:absolute; left:0; bottom:-4px; width:1px; height:0px; margin-left:-3px; border-left:3px solid transparent; border-right:3px solid transparent; border-top: 5px solid #999999;}
#contents .info_guide .ig_infographic2 .igi2_arrow2 {display:inline-block; vertical-align:middle; position:absolute; right:50%; bottom:22px; width:14px; height:1px; margin-right:-9px; background-color:#000;}
#contents .info_guide .ig_infographic2 .igi2_arrow2:after {content: ""; position:absolute; left:0; bottom:-3px; width:0px; height:1px; margin-left:-3px; border-top:3px solid transparent; border-right: 5px solid #999999; border-bottom:3px solid transparent;}
#contents .info_guide .ig_infographic2 .igi2_arrow3 {display:inline-block; vertical-align:middle; position:absolute; left:47px; top:20px; width:1px; height:45px; background-color:#000;}
#contents .info_guide .ig_infographic2 .igi2_arrow3:before {content: ""; position:absolute; left:0; top:0; width:16px; height:1px; background-color:#000;}
#contents .info_guide .ig_infographic2 .igi2_arrow3:after {content: ""; position:absolute; left:17px; top:-3px; width:0px; height:1px; margin-left:-3px; border-top:3px solid transparent; border-left: 5px solid #999999; border-bottom:3px solid transparent;}

#contents .box_edu .top_area { padding:0 0 20px; text-align:left; }
#contents .box_edu .top_area h3 { position:relative; font-size:16px; color:#000; line-height:32px; font-weight:500; }
  /*#contents .box_edu .top_area h3:after { content:''; width:9px; height:1px; position:absolute; left:2px; bottom:0; background:#d71921; }*/
#contents .box_edu .top_area h3 span { color:#666; }
#contents .box_edu .top_area p { margin-top:10px; font-size:13px; font-weight:100; line-height:20px; }
#contents .box_edu ul.list li { padding:20px 0 13px; border-bottom:1px solid #e2e2e2; text-align:left; }
#contents .box_edu ul.list li h6 { margin-bottom:15px; font-size:13px; font-weight:500; color:#000; }
#contents .box_edu ul.list li dl { overflow:hidden; }
#contents .box_edu ul.list li dt { width:37px; height:20px; margin-top:8px; float:left; background:#e7585e; border-radius:10px; font-weight:400; font-size:10px; color:#fff; text-align:center; line-height:20px; }
#contents .box_edu ul.list li dt:first-of-type { margin-top:0; background:#3175b2; }
#contents .box_edu ul.list li dd { margin-left:45px; margin-top:8px; line-height:20px; font-size:12px; color:#5a5a5a; }
#contents .box_edu ul.list li dd:first-of-type { margin-top:0; }

#contents .info_process {display:inline-block; vertical-align:middle; width:100%; padding:10px 0 15px 0;}
#contents .info_process li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:4px 0; border-bottom:#c4c4c4 solid 1px;}
#contents .info_process li:last-child {border-bottom:none;}
#contents .info_process strong {display:inline-block; vertical-align:middle; position:absolute; left:0; top:5px; width:90px;}
#contents .info_process p {display:block; margin-left:90px;}
#contents .info_schedule {display:inline-block; vertical-align:middle; width:100%;}
#contents .info_schedule li {display:inline-block; vertical-align:middle; position:relative; width:100%; box-sizing:border-box; padding:12px 17px; border-top:#c4c4c4 solid 1px;}
#contents .info_schedule .is_subject {margin-right:90px; padding:4px 0;}
#contents .info_schedule .is_btn {display:inline-block; vertical-align:middle; position:absolute; right:17px; top:12px; width:80px;}

#contents .info_vision {padding:0 30px;}
#contents .info_vision li {display:inline-block; vertical-align:middle; width:100%; border-bottom:#e7e7e7 solid 1px;}
#contents .info_vision li:last-child {border-bottom:none;}
#contents .info_vision .ib_01 {height:110px; background-image:url("../images/pic_info_vision01.jpg"); background-repeat:no-repeat; background-position:right center; background-size:75px auto;}
#contents .info_vision .ib_02 {height:130px; background-image:url("../images/pic_info_vision02.jpg"); background-repeat:no-repeat; background-position:right center; background-size:41px auto;}
#contents .info_vision .ib_03 {height:130px; background-image:url("../images/pic_info_vision03.jpg"); background-repeat:no-repeat; background-position:right center; background-size:87px auto;}
#contents .info_vision h4 {margin-top:35px;}
#contents .info_vision .ib_01 h4 {margin-top:25px;}

#contents .apply {display:inline-block; vertical-align:middle; width:100%;}
#contents .apply .a_wrap {padding:13px 17px; border-top:#c4c4c4 solid 1px;}
#contents .apply .a_title {display:inline-block; vertical-align:middle; position:relative; width:100%; padding-bottom:9px; border-bottom:#c4c4c4 solid 1px;}
#contents .apply .a_title a {display:inline-block; vertical-align:middle; width:100%;}
#contents .apply .a_title h4 {margin-right:75px; padding:2px 0;}
#contents .apply .a_btn {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:65px;}
#contents .apply .a_state {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:55px; height:23px; border-radius:3px; background-color:#9a9da5; font-size:11px; color:#fff; line-height:23px; text-align:center;}
#contents .apply .a_state.standby {background-color:#9a9da5;}
#contents .apply .a_state.complete {background-color:#d14451;}
#contents .apply .a_contents {display:inline-block; vertical-align:middle; position:relative; width:100%; min-height:250px; padding-bottom:9px; border-bottom:#c4c4c4 solid 1px;}
#contents .apply .a_info {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .apply .a_info li {display:inline-block; vertical-align:middle; float:left; position:relative; width:100%; line-height:20px;}
#contents .apply .a_info li.w60p {width:60%;}
#contents .apply .a_info li.w50p {width:50%;}
#contents .apply .a_info li.w40p {width:40%;}
#contents .apply .a_info .ai_subject {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:45px; padding-left:20px; color:#b7bac1; background-image:url("../images/common/icon_bullet.png"); background-repeat:no-repeat; background-position:left center; background-size:15px auto;}
#contents .apply .a_info .ai_wrap {margin-left:65px;}
#contents .apply .a_list {margin-top:10px; border:#c4c4c4 solid 1px;}
#contents .apply .a_list .al_wrap {display:none; border-top:#c4c4c4 solid 1px;}
#contents .apply .a_list.on .al_wrap {display:block;}
#contents .apply .a_list span {display:inline-block; vertical-align:middle; text-align:center;}
#contents .apply .a_list span.no {position:absolute; left:0; top:0; width:45px;}
#contents .apply .a_list span.subject {display:block; margin:0 115px 0 45px;}
#contents .apply .a_list span.target {position:absolute; right:45px; top:0; width:65px;}
#contents .apply .a_list span.hit {position:absolute; right:0; top:0; width:50px;}
#contents .apply .a_list .al_title {display:inline-block; vertical-align:middle; position:relative; width:100%; height:30px;}
#contents .apply .a_list .al_title span {line-height:30px;}
#contents .apply .a_list .al_txt {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:5px 0; border-top:#c4c4c4 solid 1px; background-color:#f0f0f0;}
#contents .apply .a_list .al_txt li {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .apply .a_list .al_txt span {line-height:24px;}
#contents .apply .a_list .al_txt span.subject {text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
#contents .apply .a_list .al_btn {border-top:#c4c4c4 solid 1px;}
#contents .apply .a_list .al_btn button {display:inline-block; vertical-align:middle; width:100%; height:28px; margin:0; padding:0; border:none; background:none;}
#contents .apply .a_list .al_btn i {display:inline-block; vertical-align:middle; width:12px; height:5px; background-image:url("../images/common/icon_arrow_o.png"); background-repeat:no-repeat; background-position:center bottom; background-size:12px auto;}
#contents .apply .a_list.on .al_btn i {background-position:center top;}

#contents .board {display:inline-block; vertical-align:middle; width:100%;}
#contents .board .b_wrap {padding:13px 17px; border-top:#c4c4c4 solid 1px;}
#contents .board .b_title {display:inline-block; vertical-align:middle; position:relative; width:100%; padding-bottom:9px; border-bottom:#c4c4c4 solid 1px;}
#contents .board .b_title a {display:inline-block; vertical-align:middle; width:100%;}
#contents .board.t2 .b_title h4 {margin-right:65px; padding:2px 0;}
#contents .board .b_state {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:55px; height:23px; border-radius:3px; background-color:#9a9da5; font-size:11px; color:#fff; line-height:23px; text-align:center;}
#contents .board .b_state.standby {background-color:#9a9da5;}
#contents .board .b_state.complete {background-color:#d14451;}
#contents .board .b_contents {display:inline-block; vertical-align:middle; position:relative; width:100%; min-height:250px; padding-bottom:9px; border-bottom:#c4c4c4 solid 1px;}
#contents .board .b_info {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .board .b_info li {display:inline-block; vertical-align:middle; float:left; position:relative; width:100%; line-height:20px;}
#contents .board .b_info li.w60p {width:60%;}
#contents .board .b_info li.w50p {width:50%;}
#contents .board .b_info li.w40p {width:40%;}
#contents .board .b_info .bi_subject {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:45px; padding-left:20px; color:#b7bac1; background-image:url("../images/common/icon_bullet.png"); background-repeat:no-repeat; background-position:left center; background-size:15px auto;}
#contents .board .b_info .bi_wrap {margin-left:65px;}

#contents .mypage {display:inline-block; vertical-align:middle; width:100%;}
#contents .mypage .m_wrap {padding:17px; border-top:#c4c4c4 solid 1px;}
#contents .mypage.t2 .m_wrap {padding:13px 17px; border-top:#c4c4c4 solid 1px;}
#contents .mypage .m_title {display:inline-block; vertical-align:middle; position:relative; width:100%; padding-bottom:9px; border-bottom:#c4c4c4 solid 1px;}
#contents .mypage.t3 .m_title {border-bottom-color:#0e6cc0;}
#contents .mypage .m_title a {display:inline-block; vertical-align:middle; width:100%;}
#contents .mypage.t1 .m_title h4 {margin-right:65px;}
#contents .mypage.t2 .m_title h4 {margin-right:90px; padding:2px 0;}
#contents .mypage .m_progress {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; padding-left:5px; border:#0e6cc0 solid 1px; border-radius:2px; font-size:10px; color:#0e6cc0; line-height:17px;}
#contents .mypage .m_progress mark {display:inline-block; vertical-align:middle; float:right; margin-left:5px; padding:0 6px 0 7px; background-color:#0e6cc0; font-size:14px; color:#fff; font-weight:700; line-height:17px;}
#contents .mypage .m_progress span {font-size:9px; font-weight:500;}
#contents .mypage .m_state {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:55px; height:23px; border-radius:3px; background-color:#9a9da5; font-size:11px; color:#fff; line-height:23px; text-align:center;}
#contents .mypage .m_state.standby {background-color:#9a9da5;}
#contents .mypage .m_state.complete {background-color:#d14451;}
#contents .mypage .m_info {display:inline-block; vertical-align:middle; width:100%; margin-top:5px;}
#contents .mypage.t2 .m_info {margin-top:10px;}
#contents .mypage.t3 .m_info {margin-top:0;}
#contents .mypage .m_info li {display:inline-block; vertical-align:middle; float:left; position:relative; width:100%; line-height:20px;}
#contents .mypage .m_info li.w60p {width:60%;}
#contents .mypage .m_info li.w50p {width:50%;}
#contents .mypage .m_info li.w40p {width:40%;}
#contents .mypage.t3 .m_info li {padding:6px 0; border-bottom:#c4c4c4 solid 1px;}
#contents .mypage .m_info li.mi_score {width:50%; height:55px; padding:0;}
#contents .mypage .m_info li.mi_result {width:50%; height:55px; padding:0; box-shadow:inset 1px 0 0 #c4c4c4;}
#contents .mypage .m_info .mi_subject {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:60px; color:#b7bac1;}
#contents .mypage.t2 .m_info .mi_subject {width:45px; padding-left:20px; color:#b7bac1; background-image:url("../images/common/icon_bullet.png"); background-repeat:no-repeat; background-position:left center; background-size:15px auto;}
#contents .mypage.t3 .m_info .mi_subject {top:6px;}
#contents .mypage .m_info li.mi_result .mi_subject {left:13px;}
#contents .mypage .m_info .mi_wrap {margin-left:65px;}
#contents .mypage .m_info li.mi_score .mi_wrap {margin-top:18px; margin-right:13px; text-align:right;}
#contents .mypage .m_info li.mi_result .mi_wrap {margin-top:18px; margin-right:13px; text-align:right;}
#contents .mypage .m_info .mi_score mark {padding-right:3px; font-size:25px; color:#0e6cc0;}
#contents .mypage .m_info .mi_result mark {font-size:22px; color:#0e6cc0;}
#contents .mypage .m_info .mi_time {display:inline-block; vertical-align:middle; height:12px; padding:0 3px; border:#0e6cc0 solid 1px; border-radius:2px; font-size:9px; color:#0e6cc0; line-height:14px;}
#contents .mypage .m_list {display:inline-block; vertical-align:middle; width:100%;}
#contents .mypage .m_list li {display:inline-block; vertical-align:middle; position:relative; width:100%; box-sizing:border-box; padding:12px 17px; border-top:#c4c4c4 solid 1px;}
#contents .mypage .m_list .ml_subject {margin-right:140px; padding:4px 0;}
#contents .mypage .m_list .ml_page {display:inline-block; vertical-align:middle; position:absolute; right:107px; top:12px; width:50px; line-height:26px;}
#contents .mypage .m_list .ml_btn {display:inline-block; vertical-align:middle; position:absolute; right:17px; top:12px; width:80px;}

#contents .mypage .m_cert .mc_pop {display:none; vertical-align:middle; position:fixed; left:0; top:0; z-index:999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
#contents .mypage .m_cert.on .mc_pop {display:inline-block;}
#contents .mypage .m_cert.on .mc_certificate {position:relative; font-family:NanumMyeongjo; color:#000;}
#contents .mypage .m_cert.on .mc_certificate img {width:80%; height:auto; margin:10%;}
#contents .mypage .m_cert.on .mc_certificate .mcc_txt1 {position:absolute; left:20%; top:15%;}
#contents .mypage .m_cert.on .mc_certificate .mcc_txt2 {position:absolute; left:0; top:20%; width:100%; text-align:center;}
#contents .mypage .m_cert.on .mc_certificate .mcc_txt3 {position:absolute; right:20%; top:27%; text-align:right;}
#contents .mypage .m_cert.on .mc_certificate .mcc_txt4 {position:absolute; left:20%; top:50%; width:60%; text-align:left;}
#contents .mypage .m_cert.on .mc_certificate .mcc_txt5 {position:absolute; left:0; top:70%; width:100%;}
#contents .mypage .m_cert.on .mc_certificate .mcc_txt6 {position:absolute; right:20%; bottom:15%; padding-top:6%; background-image:url("../images/pic_certificate_stamp.png"); background-repeat:no-repeat; background-position:right bottom; background-size:auto 100%;}
#contents .mypage .m_cert.on .mc_certificate .t1 {font-size:8px; line-height:14px;}
#contents .mypage .m_cert.on .mc_certificate .t2 {font-size:16px; line-height:20px; letter-spacing:8px;}
#contents .mypage .m_cert.on .mc_certificate .t3 {font-size:12px; line-height:18px;}
@media all and (min-width:360px) {
#contents .mypage .m_cert.on .mc_certificate .t1 {font-size:10px; line-height:16px;}
#contents .mypage .m_cert.on .mc_certificate .t2 {font-size:18px; line-height:22px; letter-spacing:8px;}
#contents .mypage .m_cert.on .mc_certificate .t3 {font-size:14px; line-height:20px;}
}
@media all and (min-width:500px) {
#contents .mypage .m_cert.on .mc_certificate .t1 {font-size:12px; line-height:18px;}
#contents .mypage .m_cert.on .mc_certificate .t2 {font-size:22px; line-height:26px; letter-spacing:8px;}
#contents .mypage .m_cert.on .mc_certificate .t3 {font-size:16px; line-height:22px;}
}



/* 푸터 */
#footer {display:inline-block; vertical-align:middle; width:100%;}
#footer .f_wrap {padding:10px 0; background-color:#efefef;}

#footer .f_menu {display:inline-block; vertical-align:middle; width:100%; height:35px; background-color:#2e2e2e; text-align:center;}
#footer .f_menu ul {display:inline-block; vertical-align:middle;}
#footer .f_menu li {display:inline; float:left; font-size:12px; color:#777; line-height:35px;}
#footer .f_menu li:after {content:"|"}
#footer .f_menu li:last-child:after {content:""}
#footer .f_menu a {display:inline-block; vertical-align:middle; height:35px; padding:0 15px; color:#fff;}
#footer .f_menu a:hover {color:#72bcff;}

#footer .f_pc {display:inline-block; vertical-align:middle; width:100%; height:35px; background-color:#acacac; text-align:center;}
#footer .f_pc a {display:inline-block; vertical-align:middle; width:100%; font-size:12px; color:#fff; line-height:35px;}
#footer .f_pc:hover {background-color:#005aab;}

#footer .f_info {display:inline-block; vertical-align:middle; width:100%; font-size:11px; color:#4d4d4d; line-height:16px; text-align:center;}
#footer .f_info a {color:#4d4d4d;}
#footer .f_info .fi_name {display:inline-block; vertical-align:middle;}
#footer .f_info .fi_tell {display:inline-block; vertical-align:middle; margin-left:5px; font-weight:700;}
#footer .f_info .fi_address {display:inline-block; vertical-align:middle; width:100%;}

#footer .f_copyright {display:inline-block; vertical-align:middle; width:100%; margin-top:5px; font-size:10px; color:#777; line-height:16px; text-align:center;}