@charset "utf-8";
@import url("../css/reset.css");
@import url("../css/axicon/ie7/ie7.css");
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');*/
@import url("../css/captcha.css");


@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Regular.woff') format('woff'),
        url('../fonts/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Medium.woff') format('woff'),
        url('../fonts/NotoSansKR-Medium.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Bold.woff') format('woff'),
        url('../fonts/NotoSansKR-Bold.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url('../fonts/NotoSansKR-Black.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Black.woff') format('woff'),
        url('../fonts/NotoSansKR-Black.otf') format('opentype');
 } 

@font-face {
  font-family:'LATO';
  font-style: normal;
  src:url('../fonts/Lato-Regular.woff.eot');
  src:url('../fonts/Lato-Regular.woff.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Lato-Regular.woff') format('woff'),
	   url('../fonts/Lato-Regular.ttf') format('truetype');
}
@font-face {
  font-family:'LATOB';
  font-style: normal;
  src:url('../fonts/Lato-Bold.eot');
  src:url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Lato-Bold.woff') format('woff'),
	   url('../fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
  font-family:'LATOBB';
  font-style: normal;
  src:url('../fonts/Lato-Black.eot');
  src:url('../fonts/Lato-Black?#iefix') format('embedded-opentype'),
	   url('../fonts/Lato-Black.woff') format('woff'),
	   url('../fonts/Lato-Black.ttf') format('truetype');
}

* { box-sizing:border-box; outline:none;}
body{font-family:'Noto Sans KR','Dotum','돋움','돋움체','AppleGothic','Arial','Open Sans','HelveticaNeue','Helvetica','sans-serif';
font-size:small;/*font-size:100%*/line-height:1;word-break:break-all;color:#000;background:#fff;}
a {cursor:pointer;}
i {vertical-align:middle;}
button{background:none; cursor:pointer;}
.ts{transition:all .3s ease}
.none- { display:none; }

.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 문장 한줄(···) */
.line_int { display:-webkit-box;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical }
.line2{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line3{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line4{display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line5{display:-webkit-box;-webkit-line-clamp:5;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line6{display:-webkit-box;-webkit-line-clamp:6;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line7{display:-webkit-box;-webkit-line-clamp:7;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line8{display:-webkit-box;-webkit-line-clamp:8;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line9{display:-webkit-box;-webkit-line-clamp:9;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line10{display:-webkit-box;-webkit-line-clamp:10;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}

.MAT5 {margin-top:5px;}
.MAT10 {margin-top:10px;}
.MAT20 {margin-top:20px;}
.MAT30 {margin-top:30px !important;}
.MBT5 {margin-bottom:5px;}
.MBT10 {margin-bottom:10px;}
.MBT20 {margin-bottom:20px;}
.MBT30 {margin-bottom:30px;}
.MAL5 {margin-left:5px}
.MAL10 {margin-left:10px}
.MAL20 {margin-left:20px}
.MAL30 {margin-left:30px}
.MAR15 {margin-right:5px}
.MAR10 {margin-right:10px}
.MAR20 {margin-right:20px}
.MAR30 {margin-right:30px}

.col_red {color:#e44c17 !important;}
.col_blue {color:#119ee6 !important;}
.col_green {color:#16a085 !important;}
.col_pink {color:#ed5189 !important;}
.col_bblue {color:#2969B0 !important;}


/*페이징*/
.paging {display:table; margin:0 auto;}
.paging ul {overflow:hidden; margin-top:4rem;}
.paging ul li {float:left; margin:3px 3px; border:1px solid #dfdfdf; line-height:31px;}
.paging ul li.on {border-color:#444444;}
.paging ul li.on a {color:#444444;}
.paging ul li.prev {margin-right:5px; padding-left:15px; background:url("../images/sub/prev.png"); background-position:8px center; background-repeat:no-repeat;}
.paging ul li.next {margin-left:5px; padding-right:15px; background:url("../images/sub/next.png"); background-position:right 8px center; background-repeat:no-repeat; }
.paging ul li.prev_all {background:url("../images/sub/prev_all.png"); background-position:center center; background-repeat:no-repeat; }
.paging ul li.next_all {background:url("../images/sub/next_all.png"); background-position:center center; background-repeat:no-repeat;}
.paging ul li a {display:block; min-width:31px; min-height:31px; color:#666666; font-size:13px; text-align:center; padding:0 5px;}

.table_wrap {width:100%; overflow-x:scroll;}
.table_wrap::-webkit-scrollbar {display:none;}
table ul.input_list {overflow:hidden;}
table ul.input_list li {float:left; margin:3px 2rem 3px 0;}
table ul.input_list li:last-child {margin-right:0;}
.axi-ion-android-checkmark {font-size:1rem; color:#ff381e; margin-right:0.7rem;}
p.add_ex {display:inline-block; vertical-align:middle; color:#119ee7; font-size:13px; margin-left:1rem;  line-height:2rem}
p.add_ex span {color:#2969B0;}
p.add_ex i {margin-right:5px;}
p.assi {font-size:13px; color:#666; margin-top:1rem;}
select {width:50%; border:1px solid #dddddd; border-radius:3px; padding:12px 10px; font-size:14px;}
select.select_style2 {width:100%; border:1px solid #a1a1a1;}
select option {background:#f9f9f9; padding:1.2rem 1rem; color:#333;}
textarea {width:100%; border-radius:0; border:1px solid #ddd; min-height:100px; padding:1rem; font-family:'NS'; font-size:14px;}
textarea::placeholder {color:#999;}
input[type="text"],
input[type="password"] {border:1px solid #dddddd; border-radius:3px; padding:1.2rem 1rem; font-size:14px; color:#333; width:40%; background:#fafafa; margin:.5rem 0;}
input[type="file"] {width:50%; border:1px solid #ddd; padding:.8rem;}
input[type="text"]::placeholder {color:#aaa;}
.w10 input[type="text"] {width:10%;}
.w20 input[type="text"] {width:20%;}
.w30 input[type="text"] {width:30%;}
.w100 input[type="text"] {width:100%;}
input[type="radio"] {margin:0 3px 0 0;}
input[type="checkbox"] {margin:0 3px 0 0;}
.num {font-family:'LATOBB'; }
.tal {text-align:left !important;}
.tac {text-align:center !important;}

/*테이블스킨*/
table td.no_table {position:initial !important; padding:5rem 1rem !important; background:#f9f9f9 !important; font-size:14px; text-align:center; }

/*기본 테이블 스킨*/
.table1 {width:100%; border-top:2px solid #1598dc;}
.table1 th {min-width:105px; background:#f4f9ff; font-size:1.6rem; color:#333333; padding:2rem 2rem;; text-align:left; border:1px solid #dddddd; }
.table1 th br {display:none;}
.table1 td { padding:1.2rem 1.4rem; border:1px solid #dddddd; font-size:1.5rem; color:#555555; }
.table1.step2 {border-top:0; margin-top:2rem;}
.table1 table th {min-width:auto; padding:1rem;}



/*테이블 스킨2 (홈페이지 상세)*/
.table2 {width:100%; border-top:2px solid #9bb9ed;}
.table2 th {min-width:105px; background:#edf2fc; font-weight:500; color:#434e7e; font-size:1.6rem; padding:1rem;}
.table2 td {color:#555555; font-size:1.5rem; background:#fff; text-align:center; border-bottom:1px solid #ddd; padding:1rem;}
.table2 td.red {color:#ee3f09;}

/*홈페이지 결제 호스팅안내*/
.guide_design_banner .table2 th {border:1px solid #fff; padding:10px;}
.guide_design_banner .table2 td {border:1px solid #e1e8f5;}
.guide_design_banner .hosting_b_info {background:#f4f4f4; padding:15px; line-height:20px; font-size:13px; margin-top:20px;}

/*테이블 스킨3 (결제테이블)*/
.table3 {width:100%; border:4px solid #9ab1dc; margin-top:2rem;}
.table3 th {min-width:100px; background:#f4f9ff; font-size:1.6rem; color:#333333; padding:2rem 2rem;; text-align:left; border:1px solid #dddddd; }
.table3 th br {display:none;}
.table3 td { padding:0.9rem 1.4rem; border:1px solid #dddddd; font-size:1.6rem; color:#555555; }
.table3 td b {color:#e44c17; font-family:'LATOB'; font-size:2.4rem; margin-right:0.5rem;}
.table3 td span {font-size:1.5rem; color:#888888; margin-left:1rem; font-weight:normal;}
.table3 td.col_red {color:#e44c17;}


/*테이블 스킨4 (전자지불서비스)*/
.table4 {width:100%;}
.table4 thead th {background:#475577; color:#fff; font-size:1.6rem; border:1px solid #fff; padding:14px 1rem;}
.table4 thead th .col_blue {color:#5eccff !important;}
.table4 thead th.bg1 {background:#5c6e99; border:none;}
.table4 thead th.bg2 {background:#54658c; border:none;}
.table4 tbody th {background:#f4f9ff; font-size:1.5rem; padding:13px 5px; border-bottom:1px solid #dee3eb;}
.table4 tbody td {font-size:1.5rem; padding:14px 5px; text-align:center; border:1px solid #f2f4f7; border-bottom:1px solid #dee3eb; color:#666;}
.table4 tbody td p {color:#666; font-size:13px; margin-top:.5rem;}

/*테이블 스킨5 (board 신규제작상담,공지사항...)*/
.table5 {width:100%; margin-top:1rem; table-layout:fixed;}
.table5 th {background:#f3f5f8; font-size:1.6rem; color:#555555; font-weight:500; padding:1.5rem 0.7rem;}
.table5 th:first-child {border-radius:5px 0 0 5px; }
.table5 th:last-child {border-radius:0px 5px 5px 0px; }
.table5 td {text-align:center; background:#fff; font-size:1.6rem; color:#444444; letter-spacing:-0.5px; border-bottom:1px solid #cfd3de; padding:2rem 0.7rem;}
.table5 td button {border:1px solid; max-width:8.2rem; font-size:1.6rem; border-radius:3px; letter-spacing:-1px; padding:.5rem .8rem;}
.table5 td button.n_answer {color:#fd5271; border-color:#fd5271;}
.table5 td button.y_answer {color:#1c90fb; border-color:#1c90fb;}
.table5 td i.axi-lock-outline {color:#1c90fb;}
.table5 td a {padding:1rem; color:#555;}
.table5 td a:hover {text-decoration:underline;}

/*테이블 스킨6 (마이페이지)*/
.table6 {width:100%; border-top:2px solid #1598dc; text-align:center;}
.table6 th {background:linear-gradient(to top, rgba(0,0,0,.03), rgba(252,252,252,1)); border:1px solid #d9dfe8; font-size:14px; color:#333333; font-weight:500; padding:1.3rem 0.5rem;}
.table6 td {background:#fff; font-size:14px; color:#666666; border:1px solid #d9dfe8; padding:1.3rem 1.3rem; }
.table6 tr.bg td {background:#f2f4fa; color:#bbb;}
.table6 button.re {background:#565968; font-size:13px; color:#fff; border-radius:2px; padding:5px 7px;}
.table6 td button.n_answer {color:#fd5271; border:1px solid #fd5271;border-radius:2px; background:#fff;}
.table6 td button.y_answer {color:#1c90fb;  border:1px solid #1c90fb;border-radius:2px;  background:#fff;}
.table6 td a b {font-weight:500;}
.table6 td ul.list_li li {border-bottom:1px dotted #ddd; padding:7px 0;}
.table6 td ul.list_li li:first-child {padding-top:0}
.table6 td ul.list_li li:last-child {border-bottom:0; padding-bottom:0}

/*기본일반팝업레이어*/
.d_popup {position:absolute; z-index:10000; background:#fff; font-size:13px;}
.d_popup .pop_title {width:100%; font-size:14px; background:#222; color:#fff; padding:1rem;}
.d_popup .pop_bottom {overflow:hidden; background:#eee; padding:1rem; font-size:13px; text-align:right;}
.d_popup .pop_bottom label {vertical-align:middle; line-height:25px;}
.d_popup .pop_bottom button {background:#fff; padding:0 5px; border:1px solid #ccc; color:#555; margin-left:10px; line-height:25px;}
.d_popup img {width:100% !important;}

/*자동등록방지*/
table .capcha_hd .capcha_img {float:left;}
table .capcha_hd .capcha_btn_gp {float:left;}
table .capcha_hd .capcha_btn_gp .sound_btn  {float:left;}
table .capcha_hd .capcha_btn_gp .refresh_btn  {float:left;}
table .capcha_hd .capcha_btn_gp button {border:1px solid #aaa; border-radius:3px; padding:0 5px; font-size:13px; margin-left:5px;}
table .capcha_hd .capcha_btn_gp button img {vertical-align:middle; margin-right:5px;}
table .capcha_txt  {float:left; width:100%;}
table .capcha_txt {width:100%; display:block;}
table .captcha_num {overflow:hidden;}
table .capcha_hdapcha_img {width:100%; text-align:center; margin-bottom:5px;}
table .capcha_btn_gp {margin-bottom:10px;}
table .capcha_btn_gp .capcha_btn {height:auto !important; line-height:initial !important; float:left;}
table .capcha_btn_gp button {border:1px solid #aaa; border-radius:3px; font-size:12px !important; padding:5px; height:auto !important; line-height:initial !important; }

/************************ 반응형 **************************************/


@media all and (max-width:950px) {
.table_wrap table {width:950px;}
.table_wrap::-webkit-scrollbar {
    display:block; width: 10px; background:#eee
}
.table_wrap::-webkit-scrollbar-thumb {
    background: #ee3f09;
}
.table_wrap::-webkit-scrollbar:horizontal {height:6px;}

.paging ul li a {font-size:15px;}
select {font-size:16px;}
textarea {font-size:16px;}
input[type="text"],
input[type="password"],
input[type="file"] { font-size:16px; }

.table1 th,
.table1 td {font-size:15px; line-height:20px;}
.table2 th,
.table2 td {font-size:15px; line-height:20px;}
.table3 th,
.table3 td {font-size:15px; line-height:20px;}
.table4 thead th ,
.table4 thead td ,
.table4 tbody th ,
.table4 tbody td ,
.table5 thead th ,
.table5 tbody td{font-size:15px}
.table1 th br {display:block;}
.table3 th br {display:block;}

.table5 td {padding:2.5rem 0.7rem;}

select {width:100%;}
input[type="file"] {width:100%;}

.d_popup {width:80% !important; height:auto !important; left:5px; top:10px;}
.d_popup img {height:auto !important;}


/*자동등록방지*/
table .captcha_txt {display:none;}
table .capcha_img {float:left;}
table .capcha_img img {}
table .capcha_btn_gp {float:left; overflow:hidden;}
table .captcha_num {width:100%; display:block;}
table .captcha_num input {width:100%;}
table .capcha_btn_gp button {margin-left:5px;}
table .capcha_btn_gp button img {display:none;}

/*에디터*/
table .cheditor-container {width:100% !important;}

}




@media all and (max-width:550px) {
.m_no {display:none;}

.paging ul li a {font-size:13px;}
select {font-size:14px;}
textarea {font-size:14px;}
input[type="text"],
input[type="password"] { font-size:14px; }

.table1 th,
.table1 td {font-size:14px; line-height:18px;}
.table2 th,
.table2 td {font-size:14px; line-height:18px;}
.table3 th,
.table3 td {font-size:14px; line-height:18px;}
.table4 thead th ,
.table4 thead td ,
.table4 tbody th ,
.table4 tbody td,
.table5 thead th,
.table5 tbody td {font-size:14.5px}
}