@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body { margin:0; padding:0; background:#fff }

/* 기본폰트 */
body,td,div,p,input,select,textarea,li,a,span { font-size:13px; font-weight:400; font-family: 'Noto Sans KR', sans-serif; }

input { width:250px; height:25px; border:1px solid #ccc; border-radius:3px; font-size:14px }
.input2 { width:230px; height:25px; border:1px solid #ccc; border-radius:3px; font-size:14px }
select { width:250px; height:30px; border:1px solid #ccc; border-radius:3px; font-size:14px}
textarea { border:1px solid #ccc; border-radius:3px; font-size:14px }

/* 기본링크 */
a:link {text-decoration:none; color:#000; }
a:visited {text-decoration:none; color:#000; }
a:active {text-decoration:none; color:#000; }
a:hover {text-decoration:none; color:#007cc5; }

.imgv img { vertical-align:middle }

/* 로그인 메뉴 */
#top1 { width:100%; height:58px; background:#f9fafc; border-bottom:1px solid #eee; min-width:1200px }
#top1 > div { width:1200px; margin:0 auto }
#top1 div.bookmark { float:left; }
#top1 ul { float:right; margin:0; padding:0; list-style:none; overflow:hidden }
#top1 li { float:left; margin-left:20px; line-height:57px; }
#top1 li a { line-height:57px; font-size:14px; font-weight:500; color:#676767}
#top1 li a:hover { color:#007cc5 }

/* 로고 영역 */
#top2 { width:1200px; height:145px; margin:0 auto; clear:both; }
#top2 > div { float:left; }
#top2 div.tel { width:500px; margin-top:30px }
#top2 div.tel > div { margin-left:30px }
#top2 div.logo { width:200px; margin-top:40px; text-align:center; }
#top2 div.rmenu { width:500px }
#top2 div.rmenu ul { margin:70px 0 0 0; padding:0; list-style:none; float:right; overflow:hidden; }
#top2 div.rmenu ul li { float:left; margin-left:30px; line-height:26px }
#top2 div.rmenu ul li a { font-size:14px; font-weight:500; color:#676767; }
#top2 div.rmenu ul li a:hover { color:#007cc5 }

/* 상단메인메뉴 */
#top3 { width:100%; height:50px; border-top:1px solid #919191; border-bottom:1px solid #919191; min-width:1200px }
#top3 ul { width:1200px; margin:0 auto; padding:0; list-style:none; overflow:hidden }
#top3 ul li { float:left; margin-right:65px }
#top3 ul li:first-child { margin-right:40px }
#top3 ul li:last-child { margin-right:0px }
#top3 ul li a { font-size:16px; font-weight:500; line-height:50px }

/* 슬라이드 메뉴 */
.slide_menu { position:absolute; display:none; width:1200px; left:50%; margin-left:-600px; background:#fff; z-index:100; border:1px solid #919191; border-top:0; }
.slide_menu .sub1 { width:200px; height:253px; margin:0; padding:1px 0; list-style:none; border-right:1px solid #eee; }
.slide_menu .sub1 > li { width:185px; height:35px; margin:5px 8px; }
.slide_menu .sub1 > li > a { font-size:15px; line-height:35px; margin-left:20px }
.slide_menu .sub1 > li:hover { background:#007cc5; cursor:pointer}
.slide_menu .sub1 > li:hover > a { color:#fff; }
.slide_menu .sub1 > li .gimg { display:none; position:absolute; top:0px; left:50%; margin-left:345px; width:255px; height:255px }
.slide_menu .sub1 > li .gimg img { width:100%; }
.slide_menu .default_gimg { width:255px; height:255px; position:absolute; left:50%; top:0; margin-left:345px; }
.slide_menu .default_gimg img { width:100%; }
/*
.slide_menu .sub2 { width:180px; height:255px; display:none; margin:0; padding:0 0 0 40px; list-style:none; margin-left:180px; top:1px; position:absolute; border-right:1px solid #eee; }
.slide_menu .sub2 li { margin:5px 8px 5px -20px; padding:0 0 0 20px; height:35px }
.slide_menu .sub2 li img { width:345px; height:253px; position:absolute; left:665px; top:0px; border:1px solid #000; display:none }
.slide_menu .sub2 li a { font-size:15px; line-height:35px; }
.slide_menu .sub2 li:hover { background:#007cc5; cursor:pointer; }
.slide_menu .sub2 li:hover a { color:#fff; }
*/


#all > div { margin:0 30px; border-top: 1px solid #eee; clear:both; }
#all > div ul { margin:15px 0; padding:0px 0; overflow:hidden }
#all > div ul li { float:left; margin-left:29px; }
#all > div ul li:first-child { list-style:none; text-align:center; width:80px; margin-right:35px; }
#all > div ul li:first-child a { color:#000; font-weight:500 }
#all > div ul li:first-child a:hover { color:#007cc5 }
#all > div ul li:nth-child(2) { list-style:none; }
#all > div ul li a { font-size:14px; color:#5e5e5e  }
#all > div ul li a:hover { color:#007cc5  }

#main_3 { width:1200px; margin:30px auto; padding:0; list-style:none; overflow:hidden } 
#main_3 li { float:left; width:33%; border-right:1px solid #ddd; font-size:20px; font-weight:500 }
#main_3 li:first-child { border-left:1px solid #ddd; } 
#main_3 li span { font-size:15px; color:#5e5e5e }
#main_3 li img { margin:10px 30px 0 50px}

/* 메인 포트폴리오 */
.port_ttl { width:1200px; margin:80px auto 0; text-align:center; font-size:43px; font-weight:500; clear:both;}
.port_ttl2 { width:1200px; margin:0 auto; text-align:center; font-size:16px; clear:both;}
.main_portfolio { width:1200px; margin:0 auto; padding:0; list-style:none }
.main_portfolio li { width:285px; height:285px; float:left; margin-right:20px; margin-top:40px; text-align:center; font-size:16px; background:#dddddd; }
.main_portfolio li img { width:100%;  }
.main_portfolio li:nth-child(4n) { margin-right:0px }

.main_portfolio2 { width:887px; margin:0 auto; padding:0; list-style:none }
.main_portfolio2 li { width:285px; height:285px; float:left; margin-right:15px; margin-top:40px; text-align:center; font-size:16px; background:#dddddd; }
.main_portfolio2 li img { width:100%;  }
.main_portfolio2 li:nth-child(3n) { margin-right:0px }

#olp { position:absolute; display:none; cursor:pointer;  }
#olp .bg { width:285px; height:285px; background:#000; opacity:0.5 }
#olp .txt { width:120px; height:120px; text-align:center; line-height:120px; position:absolute;font-size:16px; color:#fff; font-weight:500; margin-top:-200px; margin-left:82px; border:2px solid #ccc } 

.board_btn {border:1px solid #ddd; font-size:15px; padding:5px 20px }
.board_btn a { font-size:15px; }

.portfolio_category { text-align:center; margin:0 auto }
.portfolio_category span { margin:30px 20px; font-size:15px; padding:5px 15px }
.portfolio_category span:hover { border-radius:15px; background:#007cc5; color:#fff; cursor:pointer }

/* 하단 중간 이벤트 영역 */
#main_2 { width:1200px; margin:50px auto }
#main_2 .small_event { float:left; width:580px; } 
#main_2 .regi_info { float:left; margin-left:40px; width:580px } 
#main_2 .ttl { font-size:27px; font-weight:700; }



/* 하단 고객센터 정보 */
#bottom { width:100%; margin-top:50px; min-width:1200px;}
#bottom #cs { background:#f7f7f7; width:100%; overflow:hidden }
#bottom #cs ul { width:1200px; margin:28px auto; padding:0; list-style:none; border-left:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden; background:url('/img/A/common/cs_bg.png') no-repeat 0px 0px;  }
#bottom #cs ul li { width:300px; height:180px; float:left; color:#000;  }
#bottom #cs ul li .ttl_s { font-size:10px; font-weight:500; color:#9c9c9c; margin-left:75px; }
#bottom #cs ul li .ttl { font-size:17px; font-weight:500; margin-bottom:7px; margin-left:75px; }
#bottom #cs ul li .txt1 { font-size:15px; font-weight:600  }
#bottom #cs ul li .txt2 { font-size:14px; margin-top:15px; color:#4f4f4f  }
#bottom #cs ul li .txt3 { font-size:13px; margin-top:15px; color:#4f4f4f  }
#bottom #cs ul li .go_btn { margin-top:43px;  }
#bottom #cs ul li:first-child { border-left:0 }
#bottom #cs ul li div { margin-left:25px }
#bottom #cs ul li div .cs_icon { width:700px; margin-top:0px }

/* 하단 메뉴 */
#bottom #bmenu { background:#fff; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; overflow:hidden; }
#bottom #bmenu ul { width:850px; margin:0 auto; padding:0; list-style:none; overflow:hidden }
#bottom #bmenu ul li { float:left; margin:15px 20px}
#bottom #bmenu ul li a { font-size:14px; color:#888888 }
#bottom #bmenu ul li a:hover { font-size:14px; color:#007cc5 }

/* 하단 회사정보 */
#bottom #bcopy { width:1200px; margin:30px auto; }
#bottom #bcopy div { font-size:14px; color:#797979; font-weight:400; line-height:1.9 }
#bottom #bcopy div .line { font-size:12px; color:#efefef; font-weight:400; }

/*************************************************/
#sub_contents { width:1200px; margin:0 auto }

/* 왼쪽 메뉴 */
.left_menu { width:230px; float:left }
.left_menu .ttl { font-size:32px; font-weight:400; color:#007cc5; margin-top:0px }
.left_menu .ttl-s { font-size:17px; font-weight:400; color:#007cc5; margin-top:5px }
.left_menu ul { margin:10px 0; padding:0; list-style:none }
.left_menu ul li { height:40px; line-height:40px; border-bottom:1px solid #ddd; font-size:16px; padding-left:30px}
.left_menu ul li:hover { background:#007cc5; cursor:pointer; color:#fff; font-size:16px;  }

.body_contents { width:887px; float:left; margin-left:83px }


/* 인트로페이지 */
.body_contents .intro_goods { margin:0; padding:0; list-style:none; overflow:hidden }
.body_contents .intro_goods li { width:284px; float:left; margin-right:17px; margin-top:40px; text-align:center; font-size:16px; }
.body_contents .intro_goods li img { width:100%; }
.body_contents .intro_goods li:nth-child(3n) { margin-right:0 }

/* 마우스오버 레이어 */
#ol { position:absolute; display:none; cursor:pointer }
#ol .bg { width:284px; height:284px; background:#000; opacity:0.5 }
#ol .txt { width:120px; height:120px; text-align:center; line-height:120px; position:absolute;font-size:16px; color:#fff; font-weight:500; margin-top:-200px; margin-left:82px; border:2px solid #ccc } 

#ol2 { position:absolute; display:none; cursor:pointer }
#ol2 .bg { width:284px; height:284px; background:#000; opacity:0.5 }
#ol2 .txt { width:120px; height:120px; text-align:center; line-height:120px; position:absolute;font-size:16px; color:#fff; font-weight:500; margin-top:-200px; margin-left:82px; border:2px solid #ccc } 


/* 타이틀 */
.sttl { width:100%; font-size:24px; font-weight:700; line-height:50px; color:#007cc5; border-bottom:1px solid #919191; margin-top:30px }
.bttl { width:100%; font-size:27px; font-weight:700; border-bottom:1px solid #bcbcbc; text-align:center; margin-top:100px }

.sttl .addin { color:#000; float:right; cursor:pointer}

/* 주문페이지 */
.form_table { width:100%; margin:20px 0;  }
.form_table td { padding:10px 0 }
.form_table td._t { font-size:15px; color:#3f3f3f; font-weight:600; width:120px }
.form_table ul._size { margin:0; padding:0; list-style:none; overflow:hidden;}
.form_table ul._size li { float:left; margin:20px; cursor:pointer; }
.form_table ul._size li:first-child { margin-left:0px; }
.form_table ul._size li div { padding:0px; background:#fff; border-radius:5px; display: table-cell; vertical-align:bottom; }
.form_table ._size2 { font-size:13px; color:#474747; }
.form_table ._size2 input { width:40px; padding-right:30px; text-align:center}
.form_table ._size2 label { position:absolute; margin-left:-28px; margin-top:4px; font-size:13px;}
.form_table ul._color { margin:0; padding:0; list-style:none; }
.form_table ul._color li { float:left; margin:15px; font-size:13px; text-align:center; cursor:pointer; color:#454545 } 
.form_table ul._color li:first-child { margin-left:0 }
.form_table ul._color li div { padding:10px 20px; background:#ddd; border-radius:5px } 
.form_table ul._color li.on div { background:#007cc5; }
/* .form_table ul._color li:hover div { background:#007cc5; } */
.form_table ul._after { margin:0; padding:0; list-style:none; }
.form_table ul._after li { float:left; margin:15px; font-size:13px; text-align:center; cursor:pointer;  color:#454545  } 
.form_table ul._after li:first-child { margin-left:0 }
.form_table ul._after li:nth-child(7n) { margin-left:0 }
.form_table ul._after li div { width:55px; height:55px; padding:20px 20px; background:#ddd; border-radius:5px; line-height:55px } 
.form_table ul._after li.on div { background:#007cc5; }
.form_table textarea.op_message3 { width:700px; height:100px; }
.form_table textarea.op_message3::placeholder{ color:#ff0000; }
.form_table .price { font-size:20px; }
.form_table .price span { font-size:20px; }
.form_table .price span#total_price { color:#007cc5; font-weight:500; font-size:22px}
.form_table ul._bind { margin:0; padding:0; list-style:none; }
.form_table ul._bind li { float:left; margin:15px; font-size:13px; text-align:center; cursor:pointer; color:#454545  }
.form_table ul._bind li div { height:90px; padding:10px 20px; background:#ddd; border-radius:5px; line-height:50px }
.form_table ul._bind li.on div { background:#007cc5; }
.form_table ul._bind_type { margin:0; padding:0; list-style:none; }
.form_table ul._bind_type li { float:left; margin:15px; font-size:13px; text-align:center; cursor:pointer;  color:#454545  }
.form_table ul._bind_type li div { width:95px; height:80px; background:#ddd; border-radius:5px; line-height:90px; padding-top:20px }
.form_table ul._bind_type li.on div { background:#007cc5; }

/* 주문페이지 우측 견적창 */
#est { position:absolute; margin-left:910px; width:245px; background:#fff; }
#est .e { border:1px solid #dadada; }
#est .ttl { background:#ececec; color:#000; font-size: 20px; font-weight:400; text-align:center; height:45px; line-height:45px }
#est ul { margin:20px; padding:0; list-style:none }
#est ul li { border-bottom:1px solid #dadada; font-size:15px; height:27px; line-height:27px }
#est ul li span { float:right; font-size:15px; }
#est .talk { margin-top:10px; text-align:center }
#est .etotal_price { color:#007cc5; font-weight:500; font-size:18px }


/* 버튼 모음 */
button { cursor:pointer }
button.green { width:145px; height:45px; background:#81c50a; color:#fff; border:0; font-size:14px; font-weight:700 }
button.blue { width:145px; height:45px; background:#007cc5; color:#fff; border:0; font-size:14px; font-weight:700 }
button.gray { width:145px; height:45px; background:#a4a4a4; color:#fff; border:0; font-size:14px; font-weight:700 }
button.webhardgo { width:100px; height:22px; background:#7d7d7d; color:#fff; border:0; font-size:11px; font-weight:400; margin-left:20px}
button.login { width:145px; height:58px; background:#007cc5; color:#fff; border:0; font-size:14px; font-weight:700; margin-left:10px }
button.e_cart { width:100px; height:28px; background:#81c50a; color:#fff; border:0; font-weight:700; }
button.e_order { width:100px; height:28px; background:#007cc5; color:#fff; border:0; font-weight:700; }
button.e_print { width:207px; height:28px; background:#a4a4a4; color:#fff; border:0; font-weight:700; margin-top:10px }
button.search { width:100px; height:28px; background:#a4a4a4; color:#fff; border:0; font-weight:700; }
button.design_off { width:100px; height:28px; background:#fff; border:1px solid #cccccc; border-radius:3px }
button.design_on { width:100px; height:28px; background:#007cc5; border:1px solid #fff; border-radius:4px; color:#fff }

/* 파일첨부양식 */
.file_input label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
    height:29px;
    margin-top:0px;
    margin-left:10px;
	background:#7d7d7d;
    color:#fff;
	font-size:15px;
	line-height:29px;
    text-align:center;
}
.file_input label input {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    cursor:pointer;

    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;

}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:303px;
    height:27px;
    line-height:14px;
    font-size:11px;
    padding:0;
    border:1px solid #ccc;
}

/* 게시판 */
.board_table td { font-size:15px; }
.board_table td a { font-size:15px; }
.board_table td span { font-size:15px; }
.board_table td p { font-size:15px; }
.board_sub_cate ul { margin:0; padding:0; list-style:none; border:1px solid #919191; border-radius:5px; overflow:hidden }
.board_sub_cate ul li { float:left; margin:10px;  }
.board_sub_cate ul li a { font-size:15px }

/* 작업유의사항 */
#accordionx .h { font-size:15px; font-weight:400; line-height:40px; height:40px; text-align:center; border-bottom:1px solid #ddd; cursor:pointer } 

/* 서체다운로드 */
.font_down { margin:0; padding:0; list-style:none; overflow:hidden }
.font_down li { width:284px; float:left; margin-right:20px; margin-bottom:40px; text-align:center; font-size:16px; }
.font_down li img { width:100%; border:1px solid #dddddd; }
.font_down li:nth-child(4n) { margin-right:0 }

/* 회원가입 */
.join_form td.t { font-size:14px; font-weight:400; width:150px; height:40px } 

.paper_sample { position:absolute; left:50%; top:0; margin-left:-300px; width:600px; cursor:pointer; border:1px solid #888; }
.paper_sample img { width:100%; vertical-align:top; }
.paper_sample div { padding:10px; background:#fff;  }

#backing { width:100%; height:5000px; top:0; left:0; position:fixed; background:#000; opacity:0.5; display:none; }

/* 마이페이지 */
.my_t { font-size:18px; font-weight:400; color:#000; }