@charset "utf-8";
/* 초기화 */
* { box-sizing:border-box; }
html { overflow-y:scroll; }
body { margin:0; padding:0; font-size:16px; font-weight:400; font-family:'Noto Sans Korean','NanumGothicWeb','Nanum Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif; letter-spacing:-1px; color:#000; line-height:1.6; word-break:keep-all; word-wrap:break-word; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 }
h1, h2, h3, h4, h5, h6 { font-size:16px; font-weight:500; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, li { list-style:none; list-style-image:none; margin:0; padding:0; }
dl, dt, dd { margin:0; padding:0; }
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
label, input, button, select, img { vertical-align:middle; }
input, button { margin:0; padding:0; }
button { cursor:pointer; }
select { margin:0; }
p { margin:0; padding:0; word-break:break-all; }
hr { display:none; }
pre { overflow-x:scroll; }
input, select, textarea { vertical-align:middle; font-size:12px; }

input[type="text"], select { padding-left:4px; border:1px solid #ccc; height:28px; outline-style:none; }
textarea { border:1px solid #ccc; }
    
a:link, a:visited { color:#000; text-decoration:none; }
a:hover, a:focus, a:active { color:#000; text-decoration:underline; }

#wrap { }
.inner { position:relative; width:1200px; margin:0 auto; }

/* header */
#header { width:100%; height:76px; position:fixed; left:0; top:0; z-index:999; 
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#header #head_wrap { border-bottom:1px solid rgba(255,255,255,0.2); } 
#header #head_wrap #head_inner { position:relative; z-index:155; width:1200px; margin:0 auto; }
#head_inner h1 { position:absolute; left:0; top:16px; z-index:181; width:127px; height:44px; }
#head_inner h1 a { display:block; width:127px; height:44px; background:url(/images/logo_w.jpg) left top no-repeat; }
.sticky #header { background:#fff; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }
.sticky #gnb .gnbMenu .oneDh > a { color:#000; }
.sticky #head_inner h1 a { background:url(/images/logo.jpg) left top no-repeat; }
.sticky .top_util a { color:#666; }

#header.sub { background:#fff; }
#header.sub #head_inner h1 a { background:url(/images/logo.jpg) left top no-repeat; }
#header.sub #gnb .gnbMenu .oneDh > a { color:#000; }
#header.sub #gnb .gnbMenu .oneDh:hover > a,
#header.sub #gnb .gnbMenu .oneDh:focus { color:#fff; background: #f08200; }
#header.sub .top_util a { color:#666; }

/* gnb*/ 
#gnb { position:relative; z-index:180; }
#gnb .gnbMenu { width:780px; height:76px; margin-left:214px; z-index:155; letter-spacing:0; }
#gnb .gnbMenu:after { content:""; display:block; clear:both; }
#gnb .gnbMenu .oneDh { float:left; width:130px; height:76px; text-align:center; }
#gnb .gnbMenu .oneDh > a { display:block; color:#fff; font-size:18px; width:130px; height:76px; line-height:76px; font-weight:500; text-decoration:none;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#gnb .gnbMenu .oneDh:hover > a, #gnb .gnbMenu .oneDh:focus { color:#fff; background: #f08200; }
#gnb .gnbMenu .oneDh:hover .twoDh { background-color:rgba(53,53,53,0.7); }
#gnb .gnbMenu .twoDh { display:none; width:130px; height:138px; padding:18px 0; z-index:155; }
#gnb .gnbMenu .twoDh a { display:block; text-align:center; font-size:12px; color:#fff; line-height:28px; font-weight:600; text-decoration:none; }
#gnb .gnbMenu .twoDh a:hover, #gnb .gnbMenu .twoDh a:focus { color:#f08200; }
.twoDh_bg { display:none; position:absolute; top:76px; left:0; width:100%; height:138px; background-color:rgba(0,0,0,0.7); z-index:150; }

.top_util { position:absolute; right:0; top:24px; z-index:200; }
.top_util a { display:inline-block; color:#ddd; font-size:13px; text-decoration:none; margin:0 7px; }


#container { }


/* 하단 카피라이트 */
#footer { width:100%; margin:0 auto; padding:34px 0 48px; border-top:1px solid #dcdcdc; }
#footer .foot-menu { margin-bottom:10px; }
#footer .foot-menu ul { text-align:center; }
#footer .foot-menu ul li { display:inline-block; margin-right:12px; }
#footer .foot-menu ul li a { font-size:15px; color:#515151; }
#footer .foot-copy { }
#footer address { font-style:normal; text-align:center; font-size:13px; color:#999; }
#footer address span { margin-right:10px; padding-right:10px; font-weight:400; background:url(/images/util_line.gif) right 2px no-repeat; }
#footer .copyright { margin-top:6px; text-align:center; font-size:11px; color:#999; letter-spacing:1px; }
#footer .copyright span { color:#f08200; font-weight:600; }


/* 메인 비주얼 */
.main-visual { position:relative; height:836px; margin-top:0; }
.main-visual .bxslider li { display:table; height:836px; text-align:center; }
.main-visual .bxslider li p { display:table-cell; width:100%; vertical-align:middle; }
.main-visual .bxslider li p img { display:inline-block; }
.main-visual .bxslider li p span { display:block; width:1200px; margin:0 auto; }
.main-visual .bxslider li.sd-1 { text-align:right; }
.main-visual .bxslider li.sd-2 { text-align:left; }

/* 메인 컨텐츠 */
.msection { padding:84px 0; }
.msection .sc-tit { font-size:26px; margin-bottom:8px; text-align:center; font-weight:500; }
.msection .sc-dec { font-size:15px; color:#9b9b9b; letter-spacing:-0.5px; line-height:1.3; text-align:center; }

.msection.mpd { padding-bottom:124px; }
.swiper-latest { overflow:hidden; margin-top:42px; }

.msection.mbg { padding:64px 0; background:#efefef; }
.msection .inner { zoom:1; }
.msection .inner:after { content:""; display:block; clear:both; }
.mcont-l { width:599px; height:525px; float:left; background:#fff; padding:34px 24px; }
.mcont-l .cont-hd { position:relative; }
.mcont-l .cont-hd h4 { font-size:21px; font-weight:500; margin:5px 0 12px; color:#000; }
.mcont-l .cont-hd span { position:absolute; right:0; bottom:0; }
.mcont-l .cont-hd span strong { display:inline-block; color:#0165be; font-weight:700; font-size:26px; padding:0 5px 0 10px; }
.mcont-l .mcont-tb {  width:100%; margin:0; border-collapse:separate; border-spacing:0; border-top:1px solid #000; }
.mcont-l .mcont-tb thead th { background:#fff; padding:8px 0; color:#000; text-align:center; font-weight:500; border-bottom:1px solid #000; }
.mcont-l .mcont-tb tbody td { background:#fff; padding:8px 12px; font-size:14px; color:#8d8d8d; text-align:center; border-bottom:1px solid #eee; }
.mcont-l .mcont-tb tbody td:nth-child(2) { text-align:left; }
.mcont-l .mcont-tb .state { font-weight:500; }
.mcont-l .mcont-tb .state.st-1 { color:#0165be; }
.mcont-l .mcont-tb .state.st-2 { color:#f08200; }
.mcont-l .mcont-tb .state.st-3 { color:#000; }
.mcont-l .mcont-tb .state.st-4 { color:#0165be; }
.mcont-l .mcont-tb .state.st-5 { color:#8d8d8d;}
.mcont-r { width:601px; float:left; }
.mcont-list { zoom:1; }
.mcont-list:after { content:""; display:block; clear:both; }
.mcont-list li { position:relative; float:left; width:299px; text-align:center; background:#fff; padding:34px 24px; height:262px; margin-left:1px; margin-bottom:1px; }
.mcont-list li .mct-tit { font-size:21px; font-weight:500; margin:5px 0 8px; color:#000; }
.mcont-list li .mct-dec { color:#737373; font-size:14px; line-height:1.5; }
.mcont-list li .mct-num { color:#000; font-size:24px; }
.mcont-list li .btn-detail { position:absolute; left:50%; bottom:38px; margin-left:-42px; width:84px; height:26px; line-height:26px; font-size:12px; color:#fff; display:inline-block; background:#0165be; text-decoration:none; border-radius:18px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.mcont-list li .btn-detail:hover { background:#f08200;}
.bx-wrapper .bx-pager.bx-default-pager a { 
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}



/* 서브 - 공통 */
#sub-container { padding:112px 0 76px; background:#f2f2f2; }

#sub-container .sub-head { text-align:center; }
#sub-container .sub-head h2 { font-size:30px; }
#sub-container .sub-head p { font-size:14px; color:#888; }

#sub-container .loc { width:1200px; text-align:right; margin:0 auto; padding-bottom:8px; border-bottom:2px solid #4e505a; }
#sub-container .loc span { color:#888; font-size:13px; padding-right:10px; background:url(/images/order/loc_gt.gif) right center no-repeat; }
#sub-container .loc span.current { color:#242424; font-weight:500; background:none; padding-right:0; }

#sub-container .inner { width:1200px; min-height:680px; background:#fff; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; *zoom:1; }
#sub-container .inner:after { content:""; display:block; clear:both; } 

#sub-container .lnb-wrap { float:left; width:207px; box-sizing:border-box; }
#sub-container .lnb-wrap .title-area { display:table; width:100%; height:142px; }
#sub-container .lnb-wrap .title-area .lnb-title { display:table-cell; vertical-align:middle; text-align:center; font-size:23px; font-weight:500; line-height:28px; color:#fff; background:#005bac; }
#sub-container .lnb-wrap ul { }
#sub-container .lnb-wrap ul.snb li { border-bottom:1px solid #e2e2e2; background:url(/images/order/lnb_more.gif) 150px center no-repeat; }
#sub-container .lnb-wrap ul.snb li a { display:block; font-size:15px; color:#636262; padding:0 16px 0 30px; font-weight:bold; line-height:58px; text-decoration:none; }
#sub-container .lnb-wrap ul.snb li a:hover { background:#efefef; }

#sub-container .lmn-wrap { float:left; width:237px; box-sizing:border-box; }
#sub-container .lmn-wrap .title-area { display:table; width:100%; height:142px; }
#sub-container .lmn-wrap .title-area .lnb-title { display:table-cell; vertical-align:middle; text-align:center; font-size:23px; font-weight:500; line-height:28px; color:#fff; background:#005bac; }
#sub-container .lmn-wrap ul { }
#sub-container .lmn-wrap ul.snb li { border-bottom:1px solid #e2e2e2; background:url(/images/order/lnb_more.gif) 200px center no-repeat; }
#sub-container .lmn-wrap ul.snb li a { display:block; font-size:15px; color:#636262; padding:0 16px 0 30px; font-weight:bold; line-height:58px; text-decoration:none; }
#sub-container .lmn-wrap ul.snb li a:hover { background:#efefef; }

#sub-container .cont-wrap { float:right; width:961px; min-height:680px; border-left:1px solid #e2e2e2; padding:40px; box-sizing:border-box; }
#sub-container .cont-wrap h2 { font-size:26px; padding-bottom:8px; }
#sub-container .cont-wrap .tit-dec { color:#888; }
#sub-container .cont-wrap .list { float:left;width:270px;padding:0px;margin:0px;padding:10px;}

/* 서브 - order - 좌측메뉴 영역 */
#sub-container .lnb-wrap ul > li.lmenu { border-bottom:1px solid #e2e2e2; background:url(../images/order/lnb_more.gif) 170px center no-repeat; }
#sub-container .lnb-wrap ul > li.lmenu > a { display:block; font-size:15px; color:#636262; padding:0 16px  0 30px; font-weight:500; line-height:58px; text-decoration:none; }
#sub-container .lnb-wrap ul > li.lmenu:hover { background:#f08200 url(../images/order/lnb_more_ov.png) 151px center no-repeat; }
#sub-container .lnb-wrap ul > li.lmenu:hover > a { color:#fff; } 
#sub-container .lnb-wrap ul > li.lmenu:hover .sub-menu { display:block !important; }
#sub-container .lnb-wrap .sub-menu { display:none; position:absolute; min-height:452px; left:177px; top:-2px; width:992px; padding:42px 30px; background:#fff; border:2px solid #f08200; z-index:99; box-sizing:border-box; }
#sub-container .lnb-wrap .sub-menu h2 { font-size:22px; margin:0 0 10px 10px; }
#sub-container .lnb-wrap .sub-menu a { display:inline-block; width:166px; margin:8px; text-decoration:none; }
#sub-container .lnb-wrap .sub-menu a .image { width:174px; height:174px; background:#efefef; }
#sub-container .lnb-wrap .sub-menu a .image img { width:100%; max-width:100%; }
#sub-container .lnb-wrap .sub-menu a .dec { text-align:center; margin:5px 0; }

#snb { }
.snb_menu { background: #fff; }
.smenu_skip { display: none; }
#snb > ul > li { line-height: 20px; border-bottom: 1px solid #e2e2e2; }
#snb > ul > li.last { border-bottom: 0; }
#snb > ul > li > a { display: block; color: #636262; font-size: 15px; font-weight: 500; text-align: left; padding: 15px 0; height: auto; text-indent: 30px; text-decoration: none; background: url(../images/lnb_arrow.png) 176px center no-repeat; }
#snb > ul > li > a.snb_line { line-height: 18px; font-size: 13px; padding: 15px 0; }
#snb > ul > li > a.active { border-bottom: 1px solid #40424b; background: url(/images/lnb_arrow2.png) 176px center no-repeat; }
#snb > ul > li > a.op { color: #f08200; }

.snb_s_menu { background: #4e505a; }
.snb_s_menu dd { border-bottom: 1px solid #61636d; }
.snb_s_menu dd.last { border-bottom: 0; }
.snb_s_menu > dd > a { color: #fff; display: block; font-size: 13px; font-weight: 500; height: 38px; line-height: 38px; text-align: left; text-indent: 35px; text-decoration: none; }
.snb_s_menu dd > a.active { color: #f08200; }
.snb_s_menu ul li { line-height: 20px; }
#snb ul > li > a:hover, .snb_s_menu > dd a:hover { color: #f08200; }

/* 서브 - order - 주문영역 */
#sub-container .order-wrap { float:right; width:930px; border-left:1px solid #e2e2e2; padding:30px; box-sizing:border-box; }
#sub-container .order-wrap h2 { font-size:26px; padding-bottom:8px; border-bottom:1px solid #4e505a; }
#sub-container .order-wrap .order-form { margin:32px 0; *zoom:1; }
#sub-container .order-wrap .order-form:after { content:""; display:block; clear:both; } 
#sub-container .order-wrap .order-form .section-left { float:left; width:290px; box-sizing:border-box; }
#sub-container .order-wrap .order-form .section-right { float:right; width:550px; padding-left:38px; box-sizing:border-box; }

/* 서브 - order - 좌측 이미지 영역 */
.img-transition { width:100%; }
.img-transition .img-big { border:1px solid #eaeaea; width:328px; height:328px; }
.img-transition .thumb-area { position:relative; margin-top:18px; padding-left:36px; font-size:0; letter-spacing:0; word-spacing:0; }
.img-transition .img-thumb { display:inline-block; margin:0 3px; border:1px solid #eaeaea; width:78px; height:78px; }

/* 서브 - order - 좌측 ETC 영역 */
.etc-area { margin-top:124px; }
.etc-area .btn-area { position:relative;  }
.etc-area .btn-area .btn-file-add { display:block; width:184px; height:66px; }
.etc-area .btn-area .dec { color:#888; position:absolute; left:192px; top:20px; }
.etc-area .request-area { margin-top:28px; }
.etc-area .request-area h4 { font-size:14px; margin-bottom:8px; }
.etc-area .request-area textarea { width:100%; padding:6px; background:#f3f3f3; border:1px dashed #ddd; }

/* 서브 - order - 주문폼 영역 */
.order-table { width:100%; border-collapse:collapse; font-size:13px; }
.order-table tbody th { padding:8px 0 8px 6px; color:#000; background:#fff; vertical-align:middle; text-align:left; }
.order-table tbody td { padding:8px 0 8px 6px; color:#888; text-align:left; word-break:break-all; }
.order-table tbody td span { text-align:right; padding:0 2px 0 5px; }
.order-table tbody td input[type="text"], .order-table tbody td select { margin:3px 0; }
.order-table tbody td.line { border-top:1px solid #ccc; height:1px; padding:0; }

.dec-design { margin:20px 0 5px 0; font-weight:bold; color:#ed5400; }
.btn-inpaper-add { margin-left:10px; }
.btn-bind { margin-left:10px; }

.desgin-form { margin:10px 0; }

.payment-area { border-top:1px solid #ccc; margin-top:20px; padding-top:16px; font-weight:bold; text-align:right; }
.payment-area .num { font-size:36px; color:#005bac; }
.payment-area .btn-area { margin-top:30px; }
.payment-area .btn-area ul { *zoom:1; }
.payment-area .btn-area ul:after { content:""; display:block; clear:both; }
.payment-area .btn-area ul li { float:left; }
.payment-area .btn-area ul li:first-child { margin-right:2px; }


/* 마이페이지 - 주문내역보기 */
.btn-area { text-align:center; margin-top:48px; }

/* 마이페이지 - 장바구니 */
.basket-result { margin-top:68px; }


/* 고객센터 - 공지사항 */
.board-list { margin-top:28px; }
.board-view { margin-top:28px; }
.board-write { margin-top:28px; }

.board-list .btn-area, .board-view .btn-area, .board-write .btn-area { margin-top:38px; text-align:right; zoom:1; }
.board-list .btn-area:after, .board-view .btn-area:after, .board-write .btn-area:after { display:block; visibility:hidden; clear:both; content:""; }

.btn-board { text-align:right; margin-top:48px; }
.btn-board a { text-align:center; }



/* 버튼 스타일 */
.print-btn { display:inline-block; margin:2px 0; min-width:40px; font-size:11px; line-height:19px; font-weight:bold; padding:0 6px; text-decoration:none !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.large-btn { display:inline-block; margin:2px 0; min-width:120px; font-size:13px; line-height:28px; font-weight:bold; padding:6px 24px; text-decoration:none !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.board-btn { display:inline-block; margin:2px 0; min-width:84px; font-size:13px; line-height:28px; font-weight:bold; padding:3px 14px; text-decoration:none !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }

.btn-st1 { background:#005bac; color:#fff !important; border:1px solid #0e45b4; }
.btn-st2 { background:#07afcb; color:#fff !important; border:1px solid #07a3bd; }
.btn-st3 { background:#005bac; color:#fff !important; border:1px solid #0e45b4; }
.btn-st4 { background:#efefef; border:1px solid #ddd; }


.txt-st1 { background:#005bac; color:#fff !important; border:1px solid #0e45b4; }
.txt-st2 { font-weight:bold; }
.txt-st3 { font-weight:bold; color:#005bac; }

/* 테이블 스타일 */
.txt-left { text-align:left !important; padding-left:10px !important; } 

.tb-style-1 { width:100%; border-collapse:collapse; border-top:2px solid #005bac; }
.tb-style-1 thead th { padding:12px 0; background:#f4f4f4; vertical-align:middle; text-align:center; border-bottom:1px solid #e5e5e5; }
.tb-style-1 tbody td { padding:16px 0; text-align:center; border-bottom:1px solid #e5e5e5; word-break:break-all; }
.tb-style-1 tbody tr:nth-child(2n) td { background:#fff; }

.tb-style-2 { width:100%; border-collapse:collapse; border-top:2px solid #061e4f; }
.tb-style-2 thead th { padding:12px 0; background:#fff; vertical-align:middle; text-align:center; border-bottom:1px solid #e5e5e5; }
.tb-style-2 tbody td { padding:16px 0; background:#e5ebf7; text-align:center; border-bottom:1px solid #e5e5e5; word-break:break-all; }

.tb-style-3 { width:100%; border-collapse:collapse; border-top:2px solid #061e4f; }
.tb-style-3 thead th { padding:12px 0; background:#fff; vertical-align:middle; text-align:center; border-bottom:1px solid #061e4f; }
.tb-style-3 tbody td { padding:16px 0; text-align:center; border-bottom:1px solid #e5e5e5; word-break:break-all; }

.tb-style-view { width:100%; border-collapse:collapse; border-top:2px solid #061e4f; }
.tb-style-view thead th { padding:12px 0; background:#f9f9f9; vertical-align:middle; text-align:center; border-bottom:1px solid #efefef; }
.tb-style-view thead td { padding:12px 0; background:#fff; vertical-align:middle; text-align:center; border-bottom:1px solid #efefef; }
.tb-style-view tbody td { padding:42px 0; text-align:left; border-bottom:1px solid #e5e5e5; word-break:break-all; }
.tb-style-view tbody td img { max-width:880px; }

.tb-style-write { width:100%; border-collapse:collapse; border-top:2px solid #061e4f; }
.tb-style-write tbody th { padding:12px 0; background:#f9f9f9; vertical-align:middle; text-align:center; border-bottom:1px solid #efefef; }
.tb-style-write tbody td { padding:12px 24px; text-align:left; border-bottom:1px solid #e5e5e5; word-break:break-all; }
.tb-style-write	tbody td input.text_field { margin-right:8px; }
.tb-style-write	tbody td textarea { width:100%; box-sizing:border-box; }


/* 페이징 */
.pageNum { width:100%; border-collapse:collapse; border-spacing:0; margin-top:38px; text-align:center; }
.pageNum a, .pageNum strong { display:inline-block; height:17px; padding:2px 7px 0 7px; font-size:11px; color:#787878; border:1px solid #efefef; font-weight:bold; vertical-align:middle; }
.pageNum a:hover { }
.pageNum strong { color:#fff; background:#005bac; border-color:#005bac; }
.pageNum .first, .pageNum .prev, .pageNum .next, .pageNum .last { width:17px; height:14px; padding:0; border:0; overflow:hidden; white-space:nowrap; font-size:0; vertical-align:middle; background:url("/images/btn_pagenum.gif") 0 0 no-repeat; }
.pageNum .prev { width:13px; margin-right:6px; background-position: -16px 0; }
.pageNum .next { width:13px; margin-left:6px; background-position: -28px 0; }
.pageNum .last { background-position: -40px 0; }


/* 댓글 */
.reply-wrap { }
.reply-wrap h4.reply { margin:20px 0 10px; padding:0; font-size:12px; color:#595551; font-weight:normal; }
.reply-wrap h4.reply .count { color:#ec6638; font-weight:bold; padding-right:14px; }
.reply-wrap .reply-box { padding:28px; margin:0; border:1px solid #ededed; background:#fafafa; }
.reply-wrap .reply-box li,.reply-box ul,.reply-box p, .reply-box div { padding:0; margin:0; list-style:none; }
.reply-wrap .reply-box .count { display:block; padding-bottom:7px; }
.reply-wrap .reply-box fieldset { width:100%; overflow:hidden; padding:0; margin:0; border:0; }
.reply-wrap .reply-box .btn-reply { float:right; width:83px; height:73px; padding:0; margin:0; color:#fff; font-weight:bold; border:1px solid #c6c6c6; background:#999; }
.reply-wrap .reply-box textarea { float:left; width:88%; height:68px; padding:3px 0 0 3px; margin:0; color:#989898; border:1px solid #c6c6c6; background:#fff; }
.reply-wrap .reply-box .list { margin-top:10px; }
.reply-wrap .reply-box .list li { padding:13px 0 13px 5px; border-bottom:1px solid #e0e0e0; }
.reply-wrap .reply-box p.pageNum { margin:35px 0 0; }
.reply-wrap .reply-box .name { color:#444; padding-right:10px; margin-right:5px; }
.reply-wrap .reply-box .list li.listDel .name { background:none; }
.reply-wrap .reply-box .cont { margin:7px 0 0; font-size:13px; }
.reply-wrap .reply-box .cont img.image { vertical-align:-1px; }
.reply-wrap .reply-box .list li.listDel .cont { color:#c5c5c5; }
.reply-wrap .reply-box .btn-modify { clear: left; width:38px; height:17px; line-height:17px; color:#fff; border:0; font-size:11px; cursor:pointer; background:#ec6638; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } 
.reply-wrap .reply-box .btn-delete { clear: left; width:38px; height:17px; line-height:17px; color:#fff; border:0; font-size:11px; cursor:pointer; background:#969ba6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } 

/* button */
.btn-complete { width:134px; height:30px; line-height:30px; color:#fff; border:0; font-size:12px; cursor:pointer; background:#005bac; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.btn-cancel { width:134px; height:30px; line-height:30px; color:#fff; border:0; font-size:12px; cursor:pointer; background:#969ba6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.btn-upload { width:142px; height:24px; line-height:24px; color:#fff; border:0; font-size:12px; cursor:pointer; background:#005bac; vertical-align:middle; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.btn-search { width:82px; height:24px; line-height:24px; color:#fff; border:0; font-size:12px; cursor:pointer; background:#005bac; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.btn-write { width:134px; height:30px; line-height:30px; color:#fff; border:0; font-size:12px; cursor:pointer; background:#005bac; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } 
.btn-modify { width:134px; height:30px; line-height:30px; color:#fff; border:0; font-size:12px; cursor:pointer; background:#005bac; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } 
.btn-delete { width:134px; height:30px; line-height:30px; color:#fff; border:0; font-size:12px; cursor:pointer; background:#969ba6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.btn-list { width:64px; height:24px; line-height:24px; color:#333; border:1px solid #c1c1c1; font-size:12px; cursor:pointer; background:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.btn-prev { width:64px; height:24px; line-height:24px; color:#333; border:1px solid #c1c1c1; font-size:12px; cursor:pointer; background:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.btn-next { width:64px; height:24px; line-height:24px; color:#333; border:1px solid #c1c1c1; font-size:12px; cursor:pointer; background:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }

.btn-idpw-sh { display:block; width:134px; height:24px; line-height:24px; color:#fff !important; text-align:center; text-decoration:none; border:0; font-size:12px; cursor:pointer; background:#969ba6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.btn-join { display:block; width:84px; height:24px; line-height:24px; color:#fff !important; text-align:center; text-decoration:none; border:0; font-size:12px; cursor:pointer; background:#005bac; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }


/* Login */
.login-area { *zoom:1; }
.login-area:after { content:""; display:block; clear:both; } 
.login-box { float:left; width:380px; margin:84px 0 0 44px; padding-right:84px; border-right:1px solid #e2e2e2; }
.login-box input { border:0; margin:2px 0; }
.login-box input[type="text"] { width:295px; height:46px; padding-left:54px; background:url(/Assets/images/login_idbg.png) left top no-repeat; }
.login-box input[type="password"] { width:295px; height:46px; padding-left:54px; background:url(/Assets/images/login_pwbg.png) left top no-repeat; }
.login-box input[type="submit"] { margin:10px 0; cursor:pointer; width:295px; height:56px; color:#fff; background:#104abe; font-weight:bold; font-size:18px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.login-box .btn-pwreset { text-align:right; margin-top:8px; }
.login-box .save-pw { margin-left:10px; }
.login-box .btn-area { text-align:left; margin-top:25px; }
.login-box .btn-area p { margin-bottom:8px; }
.login-info-box { float:left; width:279px; margin:84px 0 0 84px; }
.mcus { margin-top:3px; height:188px; background:#fff url(/Assets/images/mcus_bg.jpg) right top no-repeat; }
.mcus .call-num { font-size:30px; font-weight:bold; color:#104abe; }
.mcus .fax-num { font-size:20px; font-weight:bold; color:#242424; }
.minfo { height:156px; background:#fff url(/Assets/images/minfo_bg.jpg) right top no-repeat; }
.minfo p { line-height:20px; }

/* Join */
.join-area { margin-top:28px; }
.join-area h4 { background:url(/Assets/images/join_dot.png) left top no-repeat; padding-left:24px; }
.tb-style-join { width:100%; border-collapse:collapse; border-top:1px solid #061e4f; margin:10px 0 24px 0; }
.tb-style-join a.btn-search { display:inline-block; color:#fff !important; margin-left:10px; text-align:center; vertical-align:middle; }
.tb-style-join tbody th { padding:12px 0; background:#f9f9f9; vertical-align:middle; text-align:center; border-bottom:1px solid #efefef; }
.tb-style-join tbody td { padding:12px 24px; text-align:left; border-bottom:1px solid #e5e5e5; word-break:break-all; }
.tb-style-join tbody td input.text_field { margin-right:8px; }
.tb-style-join tbody td textarea { width:100%; box-sizing:border-box; }


/* ========================================= 2017-11-07 추가 ========================================= */

/* 회사소개 */
.tit-line .tit-dec { border-bottom:1px solid #e2e2e2; padding-bottom:8px; }
.company-area { margin:48px 0; }
.section { position:relative; margin-bottom:56px; }
.bg-blue { position:relative; background:#4379b8; padding:18px 340px 18px 16px; color:#fff; }
.ceo { position:absolute; right:0; bottom:0; z-index:50; }
p.image { margin-bottom:24px; text-align:center; }
p.txt { margin-bottom:15px; font-size:14px; line-height:1.6; word-break:keep-all; }

#map-google-1, #map-google-2 { width:100%; height:362px; }
.map-area h3 { font-size:18px; padding-left:24px; margin-bottom:8px; background:url(/images/company/dot_circle.gif) left center no-repeat; }
.map-area .map-info { border-bottom:1px dashed #e0e0e0; padding:24px 18px 38px; }
.map-area .map-info p { font-size:16px; margin-bottom:15px; }
.map-area .map-info .m-address { background:url(/images/company/icon_location.gif) left center no-repeat; padding:10px 0 8px 52px; }
.map-area .map-info .m-call { background:url(/images/company/icon_call.gif) left center no-repeat; padding:10px 0 8px 52px; }

ul.brand { *zoom:1; }
ul.brand:after { content:""; display:block; clear:both; }
ul.brand li { float:left; width:175px; padding:14px 0; border-right:1px solid #efefef; border-bottom:1px solid #efefef; }
ul.brand li:nth-child(5n) { border-right:none; }



/* 2018-03-18 추가 */

/* buy next */
.buynext .inner { border:none !important; }
.buynext h2 { padding-left:28px; margin-bottom:10px; background:url(/images/ico_title.png) left center no-repeat; }
.buypd-list { }
.buypd-list .payment-area { border-top:0; }

.buyorder-info { margin-top:38px; *zoom:1; }
.buyorder-info:after { content:""; display:block; clear:both; }
.buyorder-info .l-box { float:left; width:550px; margin-right:40px; }
.buyorder-info .r-box { float:right; width:550px; }

.buyorder-form { width:100%; border-collapse:collapse; border-top:2px solid #005bac; }
.buyorder-form input { margin:2px 0; }
.buyorder-form input[type="radio"] { margin-right:4px; }
.buyorder-form tbody th { padding:8px 0; background:#efefef; vertical-align:middle; text-align:center; border-bottom:1px solid #e5e5e5; }
.buyorder-form tbody td { padding:8px 16px; background:#fff; text-align:left; border-bottom:1px solid #e5e5e5; word-break:break-all; }
.buyorder-form .dec { font-size:12px; color:#999; padding-left:10px; }

/* 주문상세페이지 팝업 */
#pp-wrap .inner { width:620px; margin:0 auto; box-sizing:border-box; }
#pp-head { margin-bottom:28px; }
#pp-head h1 { font-size:21px; padding-left:18px; height:52px; line-height:52px; background:#005bac; color:#fff; }
#pp-head .btn-print { position:absolute; right:10px; top:11px; padding-left:42px; color:#fff; display:block; width:76px; height:30px; line-height:30px; background:#061e4f url(/images/ico_print.png) 10px center no-repeat;  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

#pp-wrap .btn-area { margin-top:20px; }

#pop-container { }
#pop-container h2 { display:inline-block; padding:4px 12px; font-size:13px; background:#005bac; color:#fff; }
#pop-container .pp-detail { margin-bottom:20px; }

#pop-container .ico-state { *zoom:1; }
#pop-container .ico-state:after { content:""; display:block; clear:both; }
#pop-container .ico-state li { float:left; width:62px; padding:4px 0; background:#e2e2e2; margin:0 4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#pop-container .ico-state li.current { background:#f86f0b; color:#fff; }

.pp-style-1 { width:100%; border-collapse:collapse; border-top:2px solid #005bac; }
.pp-style-1 thead th { padding:12px 0; background:#fff; vertical-align:middle; text-align:center; border-bottom:1px solid #005bac; }
.pp-style-1 tbody td { padding:16px 0; background:#fff; text-align:center; border-bottom:1px solid #e5e5e5; word-break:break-all; }

.pp-style-2 { width:100%; border-collapse:collapse; border-top:2px solid #005bac; }
.pp-style-2 thead th { padding:12px 0; background:#fff; vertical-align:middle; text-align:center; border-bottom:1px solid #005bac; }
.pp-style-2 tbody th { padding:16px 0; background:#efefef; text-align:center; border-bottom:1px solid #e5e5e5; word-break:break-all; }
.pp-style-2 tbody td { padding:16px 0; background:#fff; text-align:center; border-bottom:1px solid #e5e5e5; word-break:break-all; }