@charset "utf-8";

/* default */
html, body, div, p, span, em, u, i, table, caption, thead, tbody, tfoot, tr, th, td, form, fieldset, label, legend, textarea, button, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, img, a {padding:0;margin:0;border:0;}

body {position:relative;color:#000000;font-size:12px;line-height:16px;font-family:"맑은 고딕","MalgunGothic","MS Gothic","Apple-Gothic","Arial","Helvetica","sans-serif";font-weight:normal;-webkit-text-size-adjust:none;} /* word-wrap:break-word;word-break:break-all; */
/*div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd {word-wrap:break-word;word-break:break-all;}*/
ul, ol, li, dl, dt, dd {list-style-type:none;}
table {empty-cells:show;border-spacing:0;border-collapse: collapse;}
select {font-family:'맑은 고딕',tahoma,Dotum,AppleGothic,sans-serif;font-size:13px;vertical-align:middle;border:1px solid #dddddd;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;line-height:0px;}
img {vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input, textarea {font-family:"맑은 고딕","MalgunGothic";border-radius:0;}
label {cursor:pointer;}

/* 링크 */
a {text-decoration:none;cursor:pointer;color:#000000;} a:hover {text-decoration:none;}

/* 컨텐츠정렬관련 */
.al {text-align:left !important;} .ac {text-align:center !important;} .ar {text-align:right !important;}

/* 커서 */
.cursor {cursor:pointer;}

/* 클리어 */
.cb {clear:both;font-size:0px;line-height:0px;height:0px;}

/* 입력폼 */
.input1 {height:20px;padding:1px 0 0 4px;border:1px solid #dddddd;vertical-align:middle;}
.check1 {height:12px;width:12px;border:0;vertical-align:middle;}

/* 여백 */
.mgl10 {margin-left:10px !important;}
.mgl30 {margin-left:30px !important;}
.mgt10 {margin-top:10px !important;}
.mgt30 {margin-top:30px !important;}

/* 버튼 */
.btn_center {margin-top:20px;text-align:center;position:relative;}
.btn_center .left {position:absolute;top:0;left:0;}
.btn_right {margin-top:20px;text-align:right;position:relative;}
.btn_right .left {position:absolute;top:0;left:0;}
.bt1 {display:inline-block;height:34px;padding:14px 50px 0 50px;border:1px solid #333333;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#333333;}
.bt2 {display:inline-block;height:18px;padding:1px 20px 0 20px;color:#ffffff;border:1px solid #333333;border-radius:5px;background:#333333;}
.bt3 {display:inline-block;height:34px;padding:14px 50px 0 50px;border:1px solid #fc0266;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#fc0266;}
.bt4 {display:inline-block;height:34px;padding:14px 50px 0 50px;border:1px solid #cccccc;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#cccccc;}
.bt5 {display:inline-block;height:34px;padding:14px 20px 0 20px;border:1px solid #fc0266;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#fc0266;}
.bt6 {display:inline-block;height:34px;padding:14px 20px 0 20px;border:1px solid #333333;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#333333;}
.bt7 {display:inline-block;height:18px;padding:1px 20px 0 20px;color:#000000;border:1px solid #cccccc;border-radius:5px;background:#cccccc;}
.bt6 .re {display:inline-block;height:100%;padding-left:20px;background:url('/images/ico_re.png') no-repeat 0 1px;}
.bt6 .list {display:inline-block;height:100%;padding-left:20px;background:url('/images/ico_list.png') no-repeat 0 2px;}


/* layout */
#wrap {background:#ffffff;}
#top_banner {width:1000px;height:auto;margin:0 auto;position:relative;}
#top_banner .banner_cont {height:auto;}
#top_banner .banner_cont img {width:100%;}
#top_banner .close {position:absolute;top:20px;right:10px;}
#top_banner .close img {width:18px;height:18px;}
header {border-bottom:1px solid #ffffff;background:#ffffff;position:relative;}
header:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
header .header_cont {width:1000px;height:30px;margin:0 auto;background:#ffffff;position:relative;}
header .top_link {position:absolute;top:10px;right:0;}
header .top_link li {float:left;margin-left:14px;padding-left:14px;font-size:12px;background:url('/images/bar1.png') no-repeat 0 3px;}
header .top_link li:first-child {padding-left:0;background:none;}
header .top_link li a {color:#333333;}

#contents {width:100%;position:relative;}
#contents:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
#contents .contents_cont {width:1000px;margin:0 auto;padding:50px 0;z-index:10;overflow:hidden;}

footer {width:100%;border-top:1px solid #f1f1f1;position:relative;}
footer .footer_cont {width:1000px;height:119px;margin:0 auto;position:relative;}
footer .footer_cont .f_logo {position:absolute;top:47px;left:0px;display:block;}
footer .footer_cont .foot_link {position:absolute;top:42px;left:230px;}
footer .footer_cont .foot_link li {float:left;padding:0 14px;font-weight:bold;background:url('/images/ico/bar1.png') no-repeat 0 3px;}
footer .footer_cont .foot_link li:first-child {padding-left:0;background:none;}
footer .footer_cont .foot_link li a {color:#666666;}
footer .footer_cont address {position:absolute;top:42px;left:655px;font-style:normal;font-weight:bold;color:#666666;margin-top:0;}
footer .footer_cont .center {position:absolute;top:68px;left:655px;font-weight:bold;color:#666666;margin-top:0;}
footer .footer_cont .center a {display:inline-block;padding-left:24px;color:#666666;background:url('/images/ico/ico_mail.png') no-repeat 0 3px;}
footer .footer_cont .copy {position:absolute;top:70px;left:230px;font-weight:bold;color:#666666;margin-top:0;}
footer .footer_cont .copy span {color:#fc0266;}

/* tab_type1 */
.tab_type1 {height:50px;margin-bottom:20px;}
.tab_type1:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.tab_type1 li {float:left;margin-right:2px;}
.tab_type1 li a {display:block;width:140px;height:40px;padding-top:10px;text-align:center;font-size:14px;line-height:18px;color:#ffffff;background:url('/images/common/bg_tab1_off.png') no-repeat;background-size:140px 50px;}
.tab_type1 li a:hover,
.tab_type1 li a.on {background:url('/images/common/bg_tab1_on.png');background-size:140px 50px;}

/* tab_type2 */
.tab_type2 {height:50px;margin-bottom:20px;}
.tab_type2:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.tab_type2 li {float:left;margin-right:2px;}
.tab_type2 li a {display:block;width:140px;height:40px;padding-top:10px;text-align:center;font-size:14px;line-height:18px;color:#ffffff;background:url('/images/common/bg_tab1_off.png') no-repeat;background-size:140px 50px;}
.tab_type2 li a:hover,
.tab_type2 li a.on {background:url('/images/common/bg_tab1_on.png');background-size:140px 50px;}

/* tab_type3 */
.tab_type3 {height:34px;margin:30px 0 20px;border-bottom:1px solid #d8d8d8;}
.tab_type3:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.tab_type3 li {float:left;}
.tab_type3 li a {display:block;height:25px;padding:8px 40px 0 40px;margin-right:5px;border:1px solid #d8d8d8;border-radius:6px 6px 0 0;font-size:14px;color:#555555;background:#f2f2f2;}
.tab_type3 li a.on,
.tab_type3 li a:hover {border-bottom:1px solid #ffffff;background:#ffffff;}

/* total_num */
.total_num {height:30px;color:#555555;}
.total_num span {color:#fc0266;}

/* board_list */
.board_list {}
.board_list table {width:100%;}
.board_list table * {vertical-align:middle;}
.board_list table thead th {height:43px;background:#f2f2f2;}
.board_list table tbody th {border-bottom:1px solid #e5e5e5;font-weight:normal;}
.board_list table tbody td {padding:8px 0 10px;border-bottom:1px solid #e5e5e5;text-align:center;word-break:break-all;}
.board_list .tit {text-align:left;}
.board_list .top th,
.board_list .top td {font-weight:bold;color:#fc0266;background:#f8f8f8;}
.board_list .top td a {color:#fc0266;}

/* paging */
.paging {margin-top:30px;text-align:center;}
.paging .paging_num a {display:inline-block;height:23px;padding:7px 10px 0 10px;border:1px solid #cccccc;border-radius:5px;}
.paging .paging_num a.on,
.paging .paging_num a:hover {border:1px solid #fc0266;color:#ffffff;background:#fc0266;}

/* list_search */
.list_search {margin-bottom:10px;text-align:right;}
.list_search * {vertical-align:middle;}
.list_search select {min-width:100px;}
.list_search .btn {display:inline-block;height:18px;padding:1px 20px 0 20px;color:#ffffff;border:1px solid #333333;border-radius:5px;background:#333333;}

/* board_view */
.board_view {}
.board_view .view_head {height:35px;padding:16px 0 0 30px;font-size:16px;line-height:20px;background:#f4f4f4;position:relative;}
.board_view .view_head .tit {display:inline-block;width:70%;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board_view .view_head ul {position:absolute;top:18px;right:30px;}
.board_view .view_head ul li {float:left;margin-left:15px;font-size:12px;letter-spacing:0;}
.board_view .view_head ul li span {display:inline-block;padding-right:5px;margin-top:-1px;font-weight:bold;}
.board_view .view_cont {padding:30px 20px 50px;border-bottom:1px solid #e5e5e5;}
.board_view .view_type1 {}
.board_view .view_type1:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.board_view .view_type1 .sec1 {margin-bottom:20px;text-align:center;}
.board_view .view_type1 .sec1 img {display:inline-block;margin-bottom:10px;width:100%;}
.board_view .view_type1 .sec1 span {display:block;}
.board_view .view_type2 {}
.board_view .view_type2:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.board_view .view_type2 .sec1 {float:left;width:30%;}
.board_view .view_type2 .sec1 img {display:block;width:100%;margin-bottom:10px;}
.board_view .view_type2 .sec2 {float:right;width:60%;}
.board_view .view_type3 {}
.board_view .view_type3:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.board_view .view_type3 .sec1 {float:left;width:60%;}
.board_view .view_type3 .sec2 {float:right;width:30%;}
.board_view .view_type3 .sec2 img {display:block;width:100%;margin-bottom:10px;}
.board_view .view_type4 {}
.board_view .view_type4:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.board_view .view_type4 .sec2 {margin-top:20px;text-align:center;}
.board_view .view_type4 .sec2 img {display:inline-block;margin-bottom:10px;width:100%;}
.board_view .view_type4 .sec2 span {display:block;}
.board_view .view_type5 {}
.board_view .view_type5:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}

/* faq_list */
.faq_list {}
.faq_list table {width:100%;}
.faq_list table * {vertical-align:middle;}
.faq_list table thead th {height:43px;background:#f2f2f2;}
.faq_list table tbody th {border-bottom:1px solid #e5e5e5;font-weight:normal;}
.faq_list table tbody td {padding:8px 0 10px;border-bottom:1px solid #e5e5e5;text-align:center;}
.faq_list .tit {padding-left:20px;text-align:left;background:url('/images/ico/ico_q.png') no-repeat 0 11px #ffffff;}
.faq_list .answer td {padding:0;}
.faq_list .answer .view_cont {padding:30px;text-align:left;background:url('/images/ico/ico_a.png') no-repeat 10px 10px #f7f7f4;}
.faq_list .view_type1 {}
.faq_list .view_type1:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.faq_list .view_type1 .sec1 {margin-bottom:20px;text-align:center;}
.faq_list .view_type1 .sec1 img {display:inline-block;margin-bottom:10px;width:100%;}
.faq_list .view_type1 .sec1 span {display:block;}
.faq_list .view_type1 .sec2 {word-break:break-all;}
.faq_list .view_type2 {}
.faq_list .view_type2:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.faq_list .view_type2 .sec1 {float:left;width:30%;}
.faq_list .view_type2 .sec1 img {display:block;width:100%;margin-bottom:10px;}
.faq_list .view_type2 .sec2 {float:right;width:60%;word-break:break-all;}
.faq_list .view_type3 {}
.faq_list .view_type3:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.faq_list .view_type3 .sec1 {float:left;width:60%;word-break:break-all;}
.faq_list .view_type3 .sec2 {float:right;width:30%;}
.faq_list .view_type3 .sec2 img {display:block;width:100%;margin-bottom:10px;}
.faq_list .view_type4 {}
.faq_list .view_type4:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.faq_list .view_type4 .sec1 {word-break:break-all;}
.faq_list .view_type4 .sec2 {margin-top:20px;text-align:center;}
.faq_list .view_type4 .sec2 img {display:inline-block;margin-bottom:10px;width:100%;}
.faq_list .view_type4 .sec2 span {display:block;}
.faq_list .view_type5 {word-break:break-all;}
.faq_list .view_type5:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}

/* board_write */
.board_write {border:1px solid #dddddd;}
.board_write table {width:100%;}
.board_write table * {vertical-align:middle;}
.board_write table th {padding-left:10px;border-top:1px solid #e3e3e3;text-align:left;color:#555555;background:#fbfbfb;}
.board_write table td {border-top:1px solid #e3e3e3;padding:10px 0 10px 5px;}
.board_write .first th,
.board_write .first td {border-top:0;}
.board_write textarea {width:90%;height:110px;padding:10px;border:1px solid #dddddd;}
.board_write .basic {color:#fc0266;}
.board_write .info1 {padding-left:10px;color:#555555;}
.board_write .info2 {padding-top:5px;font-weight:bold;color:#fc0266;}
.board_write .info3 {margin-top:5px;color:#555555;}
.board_write .ws1 {width:200px !important;}
.board_write .bt1 {padding-right:5px;}
.board_write .bt1 span {padding-left:5px;}

/* data_table */
.data_table {border:1px solid #dddddd;}
.data_table table {width:100%;}
.data_table table * {vertical-align:middle;}
.data_table table th {padding-left:10px;border-top:1px solid #e3e3e3;text-align:left;color:#555555;background:#fbfbfb;}
.data_table table td {border-top:1px solid #e3e3e3;padding:10px 0 10px 5px;word-break:break-all;}
.data_table .first th,
.data_table .first td {border-top:0;}
.data_table .subject_list {}
.data_table .subject_list li {float:left;width:33%;}
.data_table .subject_list li span {color:#fc0266;}

/* data_table2 */
.data_table2 {border:1px solid #dddddd;}
.data_table2 table {width:100%;}
.data_table2 table * {vertical-align:middle;}
.data_table2 table thead th {padding:10px 0;background:#fbfbfb;}
.data_table2 table tbody td {padding:10px 0;border-top:1px solid #e3e3e3;text-align:center;}

/* list_table */
.list_table {}
.list_table table {width:100%;}
.list_table table * {vertical-align:middle;}
.list_table table thead th {height:43px;background:#f2f2f2;}
.list_table table tbody th {border-bottom:1px solid #e5e5e5;font-weight:normal;}
.list_table table tbody td {padding:8px 0 10px;border-bottom:1px solid #e5e5e5;text-align:center;}
.list_table table tfoot td {padding:8px 30px 10px 0;border-bottom:1px solid #e5e5e5;text-align:right;}
.list_table table tfoot td span {display:inline-block;font-size:18px;font-weight:bold;color:#fc0266;margin-top:-4px;}

/* 1:1문의완료 */
.inquiry_compleate {text-align:center;padding:80px 0 60px;}
.inquiry_compleate .txt1 {height:30px;font-size:16px;line-height:20px;color:#fc0266;}
.inquiry_compleate .txt2 {padding:0 10%;font-size:14px;line-height:18px;color:#555555;}
.inquiry_compleate .txt2 strong {color:#222222;}

/* 회원가입 */
.join_area {padding:0 100px;}
.join_area .tit {height:70px;font-weight:bold;font-size:34px;line-height:42px;color:#111111;}
.join_area .step {width:100%;height:140px;margin-bottom:50px;display:table;}
.join_area .step li {display:table-cell;width:30%;height:78px;padding-top:60px;border:1px solid #f4f4f4;border-radius:8px;text-align:center;font-size:24px;color:#888888;background:#f4f4f4;}
.join_area .step .arrow {width:5%;border:0;background:url('/images/ico/ico_arrow1.png') no-repeat 45% 45% #ffffff;}
.join_area .step .on {border-color:#fc0266;color:#ffffff;font-weight:bold;background-color:#fc0266;}
.join_area .stit {height:35px;font-size:18px;line-height:24px;color:#222222;}
.join_area .terms {height:187px;padding:25px 30px 0 30px;margin-bottom:15px;border:1px solid #e8e8e8;border-radius:6px;color:#444444;line-height:22px;background:#fbfbfb;overflow-y:scroll;overflow-x:hidden;}
.join_area .agree {color:#222222;}
.join_area .agree label {padding-left:10px;}
.join_area .info {margin-bottom:10px;color:#555555;font-weight:bold;}
.join_area .info span {color:#fc0266;vertical-align:middle;}
.join_area .compleate {height:143px;padding-top:70px;border:3px solid #f0f0f0;border-radius:6px;text-align:center;}
.join_area .compleate .txt1 {height:60px;font-size:40px;color:#fc0266;font-weight:bold;}
.join_area .compleate .txt2 {font-size:18px;color:#757575;}
.join_benefit {margin:50px 100px 0;padding:40px 34px 30px 42px;border:1px solid #f7f7f4;border-radius:6px;background:#f7f7f4;display:none;}
.join_benefit p {height:55px;text-align:center;font-size:20px;color:#222222;font-weight:bold;}
.join_benefit p span {color:#fc0266;}
.join_benefit ul {overflow:hidden;}
.join_benefit ul li {float:left;margin:0 10px 10px 0;}

/* 로그인 */
.login {padding:0 140px;}
.login .tit {height:70px;font-weight:bold;font-size:34px;line-height:42px;color:#111111;}
.login .input_area {padding:50px 85px;border:3px solid #f0f0f0;border-radius:6px;}
.login .input_area:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.login .input_area .img {float:left;width:157px;text-align:left;}
.login .input_area .img img {width:130px;height:130px;}
.login .input_area .enter_area {float:left;width:286px;}
.login .input_area .enter_area .enter1 {}
.login .input_area .enter_area .enter1 li {width:266px;height:45px;margin-top:10px;}
.login .input_area .enter_area .enter1 li span {display:inline-block;width:25%;font-size:14px;font-weight:bold;}
.login .input_area .enter_area .enter1 li:first-child {margin-top:0;}
.login .input_area .enter_area .enter1 li input {width:65%;height:43px;padding-left:5%;border:1px solid #dddddd;border-radius:8px;background:#f3f3f3;}
.login .input_area .enter_area .enter2 {padding-left:30px;margin-top:25px;}
.login .input_area .enter_area .enter2 li {float:left;padding:0 10px;background:url('/images/bar1.png') no-repeat 0 3px;}
.login .input_area .enter_area .enter2 li:first-child {padding-left:0;background:none;}
.login .input_area .enter_area .enter2 li a {color:#595858;}
.login .input_area .enter_area .enter2 .f1 {color:#222222;}
.login .input_area .btn {float:left;margin-top:0;}
.login .input_area .btn a {display:block;width:98px;height:59px;padding-top:38px;border:1px solid #333333;border-radius:10px;text-align:center;font-size:14px;font-weight:bold;color:#ffffff;background:#333333;}
.login .info {margin-bottom:10px;color:#555555;font-weight:bold;}
.login .info span {color:#fc0266;vertical-align:middle;}

/* foot_terms */
.foot_terms {padding:30px;border:3px solid #ededed;border-radius:8px;font-size:14px;line-height:24px;color:#393939;background:#f5f5f5}

/* 노트플라이소개 */
.company {padding:65px 0 80px 55px;border:3px solid #f0f0f0;border-radius:8px;}
.company .txt1 {font-size:40px;line-height:46px;font-weight:bold;color:#000000;letter-spacing:-2px;}
.company .txt2 {margin-top:30px;font-size:16px;line-height:24px;font-weight:bold;color:#393939;letter-spacing:-1px;}
.company .txt2 * {vertical-align:middle;}
.company .txt2 span {color:#fc0266;}
.company .txt3 {display:inline-block;height:25px;padding:8px 25px 0 25px;margin-top:40px;border:1px solid #803296;border-radius:20px;font-size:14px;color:#ffffff;background:#803296;}


/* 에러페이지 */
.error {width:916px;margin:70px auto 0 auto;}
.error h1 {height:90px;}
.error .error_cont1 {padding:72px 0 80px 331px;border:1px solid #f0f0f0;border-radius:8px;background:url('/images/bg_error1.png') no-repeat 44px 82px;}
.error .error_cont1 .txt1 {font-size:40px;font-weight:bold;color:#fc0266;line-height:45px;}
.error .error_cont1 .txt2 {padding-top:15px;font-size:14px;color:#555555;line-height:20px;}
.error .error_cont1 .txt3 {padding-top:15px;font-size:14px;font-weight:bold;color:#000000;}
.error .error_cont2 {padding:77px 0 80px 331px;border:1px solid #f0f0f0;border-radius:8px;background:url('/images/bg_error2.png') no-repeat 40px 55px;}
.error .error_cont2 .txt1 {font-size:40px;font-weight:bold;color:#fc0266;line-height:45px;}
.error .error_cont2 .txt2 {padding-top:15px;font-size:25px;color:#757575;line-height:30px;}
.error .error_cont2 .txt3 {padding-top:15px;font-size:14px;font-weight:bold;color:#000000;}

/* main_cont */
.main_cont {width:1000px;margin:0 auto;}
.main_cont .cont1 {width:1000px;height:auto;}

.main_cont .cont2 {width:100%;margin-top:20px;}
.main_cont .cont2 p {height:40px;}
.main_cont .cont2 ul {}
.main_cont .cont2 ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.main_cont .cont2 ul li {float:left;width:236px;margin-left:18px;}
.main_cont .cont2 ul li:first-child {margin-left:0;}

.main_cont .cont3 {width:100%;margin:70px 0 50px 0;}
.main_cont .cont3 p {height:40px;}
.main_cont .cont3 ul {}
.main_cont .cont3 ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.main_cont .cont3 ul li {float:left;width:236px;height:116px;padding-top:38px;margin-left:18px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.main_cont .cont3 ul li:first-child {margin-left:0;}
.main_cont .cont3 ul li .stit {display:inline-block;height:45px;}
.main_cont .cont3 ul li .info {}
.main_cont .cont3 ul li .sel select {width:100%;}
.main_cont .cont3 .btn1 {margin-top:25px;text-align:right;}

.main_cont .cont4 {width:100%;margin-bottom:50px;}
.main_cont .cont4 img {width:100%;}


.main_cont .cont5 {margin-bottom:60px;overflow:hidden;}
.main_cont .cont5 li {float:left;width:320px;height:74px;margin:0 0 10px 20px;background:#e9e9e9;}
.main_cont .cont5 .mgn {margin-left:0;}

@media (min-width:0) and (max-width:1000px) {
.mnodis {display:none;}

/* 입력폼 */
.input1 {height:22px;padding:1px 0 0 4px;border:1px solid #dddddd;vertical-align:middle;}

/* 버튼 */
.btn_center .left {position:absolute;top:0;left:0;padding:14px 10px 0 10px;}
.btn_right {margin-top:20px;text-align:center;position:relative;}
.btn_right .left {position:static;margin-top:10px;}
.bt1 {display:inline-block;height:34px;padding:14px 25px 0 25px;border:1px solid #333333;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#333333;}
.bt2 {display:inline-block;height:18px;padding:1px 10px 0 10px;color:#ffffff;border:1px solid #333333;border-radius:5px;background:#333333;}
.bt3 {display:inline-block;height:34px;padding:14px 25px 0 25px;border:1px solid #fc0266;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#fc0266;}
.bt4 {display:inline-block;height:34px;padding:14px 25px 0 25px;border:1px solid #cccccc;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#cccccc;}
.bt5 {display:inline-block;height:34px;padding:14px 10px 0 10px;border:1px solid #fc0266;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#fc0266;}
.bt5 span {letter-spacing:-2px;}
.bt6 {display:inline-block;height:34px;padding:14px 10px 0 10px;border:1px solid #333333;border-radius:5px;font-size:18px;font-weight:bold;color:#ffffff;background:#333333;}

header .header_cont {width:100%;height:95px;}
header h1 {position:absolute;top:10px;left:15px;}
header h1 img {width:104px;height:31px;}
header #gnb {position:absolute;top:51px;left:0;width:100%;border-top:1px solid #e5e5e5;display:table;background:#ffffff;}
header #gnb li {display:table-cell;width:24.5%;border-left:1px solid #e5e5e5;margin-right:0;}
header #gnb li:first-child {border-left:0;}
header #gnb li a {display:block;height:29px;padding-top:14px;text-align:center;font-size:12px;font-weight:bold;color:#333333;}
header .top_link {position:absolute;top:18px;right:80px;}
header .top_link li {float:left;margin-left:14px;padding-left:0;font-size:11px;background:none;}
header .top_link li:first-child {padding-left:0;background:none;}
header .top_link li a {color:#5f5f5f;}
header .sns {position:absolute;top:12px;right:10px;}
header .sns li {float:left;margin-left:5px;}
header .sns li img {width:25px;height:25px;}

#contents {width:96%;padding:0 2%;}
#contents .contents_cont {width:100%;}

footer .footer_cont {width:100%;padding-top:25px;}
footer .footer_cont .f_logo {position:absolute;top:47px;left:21px;display:none;}
footer .footer_cont .foot_link {position:static;width:100%;text-align:center;}
footer .footer_cont .foot_link li {float:none;display:inline-block;padding:0 5px;font-weight:bold;background:url('/images/ico/bar1.png') no-repeat 0 3px;}
footer .footer_cont .foot_link li:first-child {padding-left:0;background:none;}
footer .footer_cont .foot_link li a {color:#666666;}
footer .footer_cont address {position:static;margin-top:10px;text-align:center;font-weight:bold;color:#666666;font-style:normal;}
footer .footer_cont .center {position:static;margin-top:10px;text-align:center;font-weight:bold;color:#666666;}
footer .footer_cont .center a {display:inline-block;padding-left:24px;color:#666666;background:url('/images/ico/ico_mail.png') no-repeat 0 3px;}
footer .footer_cont .copy {position:static;margin-top:10px;text-align:center;font-weight:bold;color:#666666;}
footer .footer_cont .copy span {color:#fc0266;}

/* tab_type1 */
.tab_type1 {height:36px;margin-bottom:20px;}
.tab_type1:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.tab_type1 li {float:left;width:32%;margin-left:0.5%;}
.tab_type1 li:first-child {margin-left:0;}
.tab_type1 li a {display:inline-block;width:100%;height:26px;padding-top:10px;border:1px solid #333333;border-radius:6px;text-align:center;font-size:12px;line-height:18px;color:#ffffff;background:#333333;background-image:none;}
.tab_type1 li a:hover,
.tab_type1 li a.on {border-color:#fc0266;background-color:#fc0266;background-image:none;}

/* tab_type2 */
.tab_type2 {height:36px;margin-bottom:20px;}
.tab_type2:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.tab_type2 li {float:left;width:24%;margin-left:0.5%;}
.tab_type2 li:first-child {margin-left:0;}
.tab_type2 li a {display:inline-block;width:100%;height:26px;padding-top:10px;border:1px solid #333333;border-radius:6px;text-align:center;font-size:12px;line-height:18px;color:#ffffff;background:#333333;background-image:none;}
.tab_type2 li a:hover,
.tab_type2 li a.on {border-color:#fc0266;background-color:#fc0266;background-image:none;}

/* tab_type3 */
.tab_type3 li a {display:block;height:25px;padding:8px 20px 0 20px;margin-right:5px;border:1px solid #d8d8d8;border-bottom:0;border-radius:6px 6px 0 0;font-size:14px;color:#555555;background:#f2f2f2;}

/* board_list */
.board_list {}
.board_list table {width:100%;}


/* paging */
.paging .paging_num a {display:none;}
.paging .paging_num a.on,
.paging .paging_num a:hover {display:inline-block !important;}


/* list_search */
.list_search {text-align:left;}
.list_search select {min-width:50px;}

/* board_view */
.board_view .view_head {height:33px;padding:18px 0 0 5px;font-weight:bold;background:#f4f4f4;position:relative;}
.board_view .view_head .tit {display:inline-block;width:45%;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board_view .view_head ul {position:absolute;top:18px;right:5px;}
.board_view .view_head ul li {float:left;margin-left:5px;font-size:12px;letter-spacing:-1px;}
.board_view .view_head ul li span {display:inline-block;padding-right:1px;margin-top:-1px;font-weight:bold;}
.board_view .view_cont {padding:30px 20px 50px;border-bottom:1px solid #e5e5e5;}
.board_view .view_type2 {}
.board_view .view_type2:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.board_view .view_type2 .sec1 {float:none;width:100%;margin-bottom:20px;text-align:center;}
.board_view .view_type2 .sec1 img {display:inline-block;margin-bottom:10px;width:100%;}
.board_view .view_type2 .sec1 span {display:block;}
.board_view .view_type2 .sec2 {float:none;width:100%;}
.board_view .view_type3 {}
.board_view .view_type3:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.board_view .view_type3 .sec1 {float:left;width:100%;}
.board_view .view_type3 .sec2 {float:none;width:100%;margin-top:20px;text-align:center;}
.board_view .view_type3 .sec2 img {display:inline-block;margin-bottom:10px;width:100%;}
.board_view .view_type3 .sec2 span {display:block;}


/* board_write */
.board_write .info1 {padding-left:10px;color:#555555;display:none;}
.board_write .input1 {width:80%;}

/* data_table */
.data_table table th {padding-left:1%;border-top:1px solid #e3e3e3;text-align:left;color:#555555;background:#fbfbfb;}
.data_table table td {border-top:1px solid #e3e3e3;padding:5px 0 5px 1%;}
.data_table .subject_list li {float:left;width:50%;}


/* list_table */
.list_table table tfoot td {padding-right:1%;}

/* 회원가입 */
.join_area {padding:0 0;}
.join_area .step {width:100%;height:70px;margin-bottom:50px;display:table;}
.join_area .step li {display:table-cell;width:30%;height:40px;padding-top:30px;border:1px solid #f4f4f4;border-radius:8px;text-align:center;font-size:12px;color:#888888;background:#f4f4f4;}
.join_area .step .arrow {width:5%;border:0;background:url('/images/ico/ico_arrow1.png') no-repeat 45% 45% #ffffff;background-size:50% 25%;}
.join_area .compleate {height:101px;padding-top:45px;}
.join_area .compleate .txt1 {height:34px;font-size:23px;color:#fc0266;font-weight:bold;}
.join_area .compleate .txt2 {font-size:12px;color:#757575;}
.join_benefit {display:none;}

/* 로그인 */
.login {padding:0;}
.login .tit {height:70px;font-weight:bold;font-size:34px;line-height:42px;color:#111111;}
.login .input_area {padding:50px 0;}
.login .input_area:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.login .input_area .img {float:none;width:100%;margin-bottom:22px;text-align:center;}
.login .input_area .img img {width:180px;height:180px;}
.login .input_area .enter_area {float:none;width:100%;}
.login .input_area .enter_area .enter1 {width:100%;text-align:center;}
.login .input_area .enter_area .enter1 li {width:100%;height:45px;margin-top:10px;}
.login .input_area .enter_area .enter1 li span {display:inline-block;width:18%;font-size:14px;font-weight:bold;}
.login .input_area .enter_area .enter1 li input {width:45%;height:43px;padding-left:5%;border:1px solid #dddddd;border-radius:8px;background:#f3f3f3;}
.login .input_area .enter_area .enter2 {width:100%;padding-left:0;text-align:center;}
.login .input_area .enter_area .enter2 li {display:inline-block;float:none;padding:0 10px;}
.login .input_area .enter_area .enter2 .f1 {color:#fe0272;}
.login .input_area .btn {float:none;width:100%;margin-top:30px;text-align:center;}
.login .input_area .btn a {display:inline-block;}

/* 에러페이지 */
.error {width:90%;padding:3% 5%;margin-top:0;}
.error h1 {height:45px;}
.error h1 img {width:104px;height:31px;}
.error .error_cont1 {padding:120px 1% 20px 1%;border:1px solid #f0f0f0;border-radius:8px;background:url('/images/common/bg_error1.png') no-repeat center 10px;background-size:113px 98px;}
.error .error_cont1 .txt1 {font-size:20px;font-weight:bold;color:#fc0266;line-height:25px;text-align:center;}
.error .error_cont1 .txt2 {padding-top:15px;font-size:14px;color:#555555;line-height:20px;text-align:center;}
.error .error_cont1 .txt3 {padding-top:15px;font-size:14px;font-weight:bold;color:#000000;text-align:center;}
.error .error_cont2 {padding:120px 1% 20px 1%;border:1px solid #f0f0f0;border-radius:8px;background:url('/images/common/bg_error2.png') no-repeat center 10px;background-size:118px 102px;}
.error .error_cont2 .txt1 {font-size:20px;font-weight:bold;color:#fc0266;line-height:25px;text-align:center;}
.error .error_cont2 .txt2 {padding-top:15px;font-size:14px;color:#757575;line-height:16px;text-align:center;}

/* main_cont */
.main_cont {width:100%;}
.main_cont .cont1 {width:100%;height:auto;}

.main_cont .cont2 {width:100%;margin-top:20px;}
.main_cont .cont2 p {height:40px;}
.main_cont .cont2 p img {width:50%;}
.main_cont .cont2 ul {}
.main_cont .cont2 ul li {float:left;width:48%;margin-left:0;margin-bottom:5px;}
.main_cont .cont2 ul li img {width:100%;}
.main_cont .cont2 ul li:first-child {margin-left:0;}
.main_cont .cont2 ul li.fr {float:right;}

.main_cont .cont3 {width:100%;margin:35px 0 25px 0;}
.main_cont .cont3 p {height:40px;}
.main_cont .cont3 p img {width:50%;}
.main_cont .cont3 ul {}
.main_cont .cont3 ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.main_cont .cont3 ul li {float:left;width:48%;margin-left:0;margin-bottom:10px;height:116px;padding-top:38px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.main_cont .cont3 ul li:first-child {margin-left:0;}
.main_cont .cont3 ul li.fr {float:right;}
.main_cont .cont3 ul li .stit {display:inline-block;height:45px;}
.main_cont .cont3 ul li .stit img {width:100%;}
.main_cont .cont3 ul li .info {}
.main_cont .cont3 ul li .info img {width:100%;}
.main_cont .cont3 ul li .sel select {width:100%;}
.main_cont .cont3 .btn1 {margin-top:25px;text-align:center;}

.main_cont .cont4 {width:100%;margin-bottom:25px;}
.main_cont .cont4 img {width:100%;}

.main_cont .cont5 {margin-bottom:30px;overflow:hidden;}
.main_cont .cont5 li {float:none;width:100%;height:74px;margin:0 0 10px 0;}
.main_cont .cont5 li img {width:100%;height:100%;}
.main_cont .cont5 .mgn {margin-left:0;}

}


/* 시험리스트 */
.exam_list {height:410px;padding:0 0 40px 110px;border:1px solid #f5f5f5;border-radius:6px;background:#f5f5f5;overflow:hidden;}
.exam_list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.exam_list li {float:left;width:245px;height:345px;padding:25px 37px 0 31px;margin:40px 120px 0 0;background:url('/images/bg_exam_list.png') no-repeat;}
.exam_list .group {display:block;height:70px;padding-top:10px;border-bottom:1px solid #f2f2f2;font-size:18px;color:#393939;}
.exam_list .group span {display:block;height:24px;font-size:14px;color:#b4b4b4;}
.exam_list .group .fc1 {font-size:18px;color:#fc0266 !important;}
.exam_list .group .t1 {display:inline-block;width:100%;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;color:#393939;}
.exam_list .btn {display:block;margin-top:25px;text-align:center;}
.exam_list .btn .bt1 {padding:14px 7px 0 7px;}
.exam_list .no_list {position:relative;}
.exam_list .no_list p {position:absolute;top:50%;left:0;width:100%;text-align:center;font-size:14px;font-weight:bold;color:#fc0266;}

.incorrect_check {}
.incorrect_check .stit {font-size:14px;}
.incorrect_check .info_txt {height:30px;}
.incorrect_check .info_txt2 {}
.incorrect_check .info_txt2 li {color:#555555;line-height:20px;font-weight:bold;}
.incorrect_check .info_txt2 li span {color:#fc0266;}
.incorrect_check .analysis_btn {display:inline-block;height:35px;padding:18px 50px 0 50px;border:1px solid #fc0266;border-radius:6px;background:#fc0266;}
.incorrect_check .analysis_btn span {display:inline-block;height:100%;padding-left:30px;font-size:18px;font-weight:bold;color:#ffffff;background:url('/images/ico_analysis.png') no-repeat 0 2px;}
.incorrect_check .check_area {padding:0 15px;}
.incorrect_check .check_area .option {}
.incorrect_check .check_area .option * {vertical-align:middle;}
.incorrect_check .check_area .check {margin-top:15px;border:1px solid #eeeeee;}
.incorrect_check .check_area .check ul {overflow:hidden;}
.incorrect_check .check_area .check ul li {float:left;width:20%;height:30px;padding:10px 0 0 5%;border-bottom:1px solid #eeeeee;}
.incorrect_check .check_area .check .total {font-size:14px;color:#222222;}
.incorrect_check .check_area .check .total .t1 {display:inline-block;width:30%;margin-right:20px;padding:10px 0 8px;font-size:14px;color:#555555;text-align:center;background:#fbfbfb;}
.incorrect_check .check_area .check .total .f1 {color:#fc0266;}
.incorrect_check .total_price {margin-top:20px;padding-right:10px;text-align:right;font-size:16px;}
.incorrect_check .total_price * {vertical-align:top;}
.incorrect_check .total_price span {color:#fc0266;font-size:18px;font-weight:bold;}
.incorrect_check .same_order {height:30px;padding-right:10px;text-align:right;}
.incorrect_check .same_order * {vertical-align:middle;}
.incorrect_check .complete_txt {text-align:center;}
.incorrect_check .complete_txt .txt1 {font-size:30px;line-height:55px;color:#fc0266;}
.incorrect_check .complete_txt .txt2 {font-size:14px;}
.incorrect_check .complete_txt .txt2 a {font-weight:bold;color:#222222;}