@charset "utf-8";


.conts{ padding-bottom:0; margin:150px 200px; }
.conts001001{ margin:50px 0 0 0; }
.conts001002{ margin:50px 0 150px 0; }
.conts003001, .conts003006, .conts006001{ max-width:1902px; margin:150px auto; padding:0 200px; }


/*0101*/
.p0101 .img{ width:100%; height:400px; margin-bottom:150px; }
.p0101 .img img{ width:100%; height:100%; object-fit:cover; }

.p0101 .ceo{ max-width:1902px; display:flex; align-items:flex-end; margin:auto; }
.p0101 .ceo .photo{ width:30%; }
.p0101 .ceo .photo img{ width:100%; }
.p0101 .ceo .text{ width:70%; padding-right:100px; }
.p0101 .ceo .text p{ line-height:2; font-size:20px; margin:0 auto 150px auto; }
.p0101 .ceo .text p strong{ font-weight:600; display:flex; align-items:center; margin-top:100px; }
.p0101 .ceo .text p strong img{ margin-left:20px; }


/*0102*/
.p0102 .history{ position:relative; max-width:1902px; display:flex; margin:auto; }
.p0102 .history::before{ content:""; position:absolute; top:-150px; right:150px; width:1px; height:calc(100% + 300px); background-color:rgba(0,0,0,.15); }
.p0102 .history .title{ margin-right:200px; }
.p0102 .history .title h3{ line-height:1; font-size:72px; font-weight:800; word-break:keep-all; }
.p0102 .history .title h3 span{ display:block; }
.p0102 .history .title p{ line-height:1.5; font-size:20px; word-break:keep-all; margin-top:80px; }
.p0102 .history .title p span{ display:block; }
.p0102 .history .content{ position:relative; padding-right:50px; }
.p0102 .history .content::before{ content:""; position:absolute; top:-150px; left:147px; width:1px; height:calc(100% + 300px); background-color:rgba(0,0,0,.15); }
.p0102 .history .content dl{ display:flex; margin-bottom:100px; }
.p0102 .history .content dl:last-child{ margin-bottom:0; }
.p0102 .history .content dl dt{ min-width:97px; line-height:1; font-size:38px; font-weight:800; color:#103a8e; margin-right:100px; }
.p0102 .history .content dl dd div{ display:flex; }
.p0102 .history .content dl dd div strong{ min-width:23px; line-height:1.5; font-size:18px; font-weight:800; }
.p0102 .history .content dl dd div p{ line-height:1.5; font-size:18px; word-break:keep-all; color:#888; margin-left:20px; }


/*0103*/
.p0103{ max-width:1502px; margin:auto; }
.p0103 .ceo{ position:relative; width:250px; height:250px; background-color:#103a8e; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 120px auto; }
.p0103 .ceo::before{ content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%); width:1px; height:60px; background-color:rgba(0,0,0,.15); }
.p0103 .ceo h3{ font-size:40px; font-weight:600; color:#fff; }
.p0103 .cont{ position:relative; }
.p0103 .cont::before{ content:""; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); width:70%; height:1px; background-color:rgba(0,0,0,.15); margin-bottom:60px; }
.p0103 .cont>ul{ display:flex; flex-wrap:wrap; }
.p0103 .cont>ul>li{ position:relative; width:calc((100% - 120px) / 3); margin-right:60px; }
.p0103 .cont>ul>li:last-child{ margin-right:0; }
.p0103 .cont>ul>li::before{ content:""; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); width:1px; height:60px; background-color:rgba(0,0,0,.15); }
.p0103 .cont>ul>li::after{ content:""; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); width:5px; height:5px; background-color:#103a8e; border-radius:50%; margin-bottom:57px; }
.p0103 .cont>ul>li div{ position:relative; width:100%; height:70px; font-size:20px; font-weight:500; text-align:center; color:#fff; background-color:#000; border-radius:10px; margin:auto; display:flex; align-items:center; justify-content:center; }
.p0103 .cont>ul>li>ul{ margin-top:60px; }
.p0103 .cont>ul>li>ul>li{ position:relative; width:100%; height:70px; font-size:20px; font-weight:600; text-align:center; color:#103a8e; background-color:#fff; border:1px solid #103a8e; border-radius:10px; margin-bottom:10px; display:flex; align-items:center; justify-content:center; }
.p0103 .cont>ul>li>ul>li:last-child{ margin-bottom:0; }
.p0103 .cont>ul>li>ul>li::before{ content:""; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); width:1px; height:60px; background-color:rgba(0,0,0,.15); z-index:-1; }


/*0104*/
.p0104{ max-width:1502px; display:flex; margin:auto; }
.p0104 .content{ width:40%; display:flex !important; flex-wrap:wrap; align-content:space-between; padding-right:40px; }
.p0104 .content div h3{ font-size:46px; font-weight:600; word-break:keep-all; margin-bottom:60px; }
.p0104 .content div dl{ display:flex; font-size:18px; margin-bottom:15px; }
.p0104 .content div dl:last-child{ margin-bottom:0; }
.p0104 .content div dl dt{ min-width:60px; font-weight:500; margin-right:60px; }
.p0104 .content div dl dd{ font-weight:200; word-break:keep-all; color:#888; }
.p0104 .content button{ width:100%; line-height:70px; border:1px solid rgba(0,0,0,.15); }
.p0104 .content button a{ font-size:18px; font-weight:500; display:block; }
.p0104 .root_daum_roughmap{ width:60% !important; }


/*0201*/
.p0201{ max-width:1902px; margin:auto; }


/*0302*/
.p0302{ max-width:1502px; margin:auto; }
.p0302>ul{ margin-bottom:150px; }
.p0302>ul:last-child{ margin-bottom:0; }
.p0302>ul>li{ display:flex; }
.p0302>ul>li h3{ min-width:283px; font-size:46px; font-weight:600; word-break:keep-all; margin-right:120px; }
.p0302>ul>li h3 span{ display:block; }
.p0302>ul>li>ul{ width:100%; display:flex; flex-wrap:wrap; }
.p0302>ul>li>ul>li{ width:calc((100% - 20px) / 2); margin-right:20px; }
.p0302>ul>li>ul>li:nth-child(2n){ margin-right:0; }
.p0302>ul>li>ul>li:nth-child(n+3){ margin-top:20px; }
.p0302>ul>li>ul>li div{ height:300px; background-color:#f5f5f5; border-top-right-radius:50px; overflow:hidden; }
.p0302>ul>li>ul>li div img{ width:100%; height:100%; object-fit:cover; }
.p0302>ul>li>ul>li p{ font-size:20px; text-align:center; margin-top:10px; }


/*0303*/
.p0303>ul>li h3{ min-width:332px; }


/*0304*/
.p0304{ max-width:1502px; margin:auto; }
.p0304 h2{ display:block; line-height:1; font-size:40px; font-weight:700; margin-bottom:40px; }
.p0304 h2 span{ display:block; font-size:18px; font-weight:900; color:#103a8e; margin-bottom:10px; }
.p0304 ul{ display:flex; flex-wrap:wrap; margin-bottom:150px; }
.p0304 ul:last-child{ margin-bottom:0; }
.p0304 ul li{ width:calc((100% - 90px) / 4); background-color:rgba(0,0,0,.05); margin-right:30px; padding:60px; }
.p0304 ul li:nth-child(4n){ margin-right:0; }
.p0304 ul li:nth-child(n+5){ margin-top:30px; }
.p0304 ul li .img{ width:100%; border-radius:50%; aspect-ratio:1/1; overflow:hidden; }
.p0304 ul li .img img{ width:100%; height:100%; object-fit:cover; }
.p0304 ul li .text{ text-align:center; }
.p0304 ul li .text h3{ font-size:28px; font-weight:700; word-break:keep-all; margin:25px 0; }
.p0304 ul li .text p{ font-size:20px; font-weight:500; word-break:keep-all; }


/*0305*/
.p0305{ max-width:1502px; margin:auto; }
.p0305 ul{ display:flex; flex-wrap:wrap; }
.p0305 ul li{ position:relative; width:calc((100% - 40px) / 2); height:300px; border:1px solid #888; border-radius:10px; margin-right:40px; padding:50px; transition:.2s; }
.p0305 ul li:hover{ border:1px solid #103a8e; box-shadow:5px 5px 10px rgba(0,0,0,.1); }
.p0305 ul li:nth-child(2n){ margin-right:0; }
.p0305 ul li:nth-child(n+3){ margin-top:40px; }
.p0305 ul li h3{ font-size:42px; font-weight:600; transition:.2s; }
.p0305 ul li:hover h3{ color:#103a8e; }
.p0305 ul li p{ position:absolute; bottom:50px; left:50px; font-size:20px; font-weight:500; }
.p0305 h4{ line-height:80px; font-size:20px; font-weight:500; text-align:center; color:#fff; background-color:#000; border-radius:10px; margin-top:40px; }


/*0306*/
#listForm .table_basic.tb_list_003006 tbody tr td:last-child{ text-align:center; }

.conts003006 .docRead .readHeader .titleAndUser .author{ display:none; }
.conts003006 .docRead .readHeader .dateAndCount .date::before{ display:none; }


/*030701*/
.p030701{ max-width:1902px; margin:auto; }
.p030701 ul li{ display:flex; margin-bottom:100px; }
.p030701 ul li .img{ width:400px; height:400px; border:1px solid rgba(0,0,0,.15); border-radius:10px; overflow:hidden; }
.p030701 ul li .img img{ width:100%; height:100%; object-fit:cover; }
.p030701 ul li .text{ width:calc(100% - 400px); padding-left:100px; }
.p030701 ul li .text h6{ font-size:20px; font-weight:600; color:#103a8e; }
.p030701 ul li .text h3{ line-height:1; font-size:48px; font-weight:800; margin:10px 0 40px 0; }
.p030701 ul li .text p{ font-size:20px; word-break:keep-all; }
.p030701 ul li .text p span{ display:block; }
.p030701 ul li .text .button{ display:flex; flex-wrap:wrap; margin-top:40px; }
.p030701 ul li .text .button dl{ width:calc((100% - 10px) / 2); margin-right:10px; }
.p030701 ul li .text .button dl:nth-child(2n){ margin-right:0; }
.p030701 ul li .text .button dl:nth-child(n+3){ margin-top:10px; }
.p030701 ul li .text .button dl dt{ font-size:18px; font-weight:600; }
.p030701 ul li .text .button dl dd{ width:100%; border:1px solid #000; transition:.2s; }
.p030701 ul li .text .button dl dd:hover{ background-color:#103a8e; border:1px solid #103a8e; }
.p030701 ul li .text .button dl dd a{ width:100%; line-height:50px; font-size:20px; font-weight:600; text-align:center; display:block; }
.p030701 ul li .text .button dl dd:hover a{ color:#fff; }
.p030701 ul li .text .button dl dd a span{ position:relative; padding-right:23px; }
.p030701 ul li .text .button dl dd a span::before{ content:"\f35d"; position:absolute; top:50%; right:0; transform:translateY(-50%); font-family:"FontAwesomes"; font-size:14px; }


/*0401*/
.conts004001 .docRead .readHeader .dateAndCount .date::before{ display:none; }


.report{ width:100%; }
.report thead tr th{ font-size:20px; font-weight:600; text-align:center; color:#fff; background-color:#000; border-left:1px solid rgba(255,255,255,.15); padding:15px 10px; }
.report thead tr th:first-child{ border-left:none; }
.report tbody tr{ border-bottom:1px solid rgba(0,0,0,.15); }
.report tbody tr.color{ background-color:rgba(16,58,142,.05); }
.report tbody tr.last{ font-weight:600; background-color:rgba(16,58,142,.05); }
.report tbody tr th, .report tbody tr td{ font-size:18px; text-align:center; word-break:keep-all; padding:15px 10px; }
.report tbody tr th{ font-weight:600; }
.report tbody tr td{ border-left:1px solid rgba(0,0,0,.15); }


/*문서관리모듈*/
#listForm .docInfo{ margin:0; display:flex; align-items:flex-end; justify-content:space-between; }
#listForm .docInfo .articleNum{ padding-bottom:0; }
#listForm .docInfo .articleNum .keeping label{ line-height:1; }
#listForm .docInfo .docBtn{ margin-bottom:0; }
/*갤러리앨범*/
#listForm{ max-width:1902px; margin:auto; }
#listForm .docThumb{ margin:0 -20px; }
#listForm .docThumb::before, #listForm .docThumb::after{ display:none; }
#listForm .docThumb .center .cell{ margin-bottom:60px; }
#listForm .docThumb .center .cell .viewImage{ padding:0 20px; }
#listForm .docThumb .center .cell .viewImage p a{ transition:.2s; }
#listForm .docThumb .center .cell .viewImage p a:hover{ border-color:#103a8e; }
#listForm .docThumb .center .cell .center{ padding:10px 20px 0 20px; }
#listForm .docThumb .center .cell .center .title a{ font-size:20px; font-weight:500; }
#listForm .docThumb .center .cell .center .nameAndDate{ display:none; }
/*목록리스트*/
#listForm .table_basic{ border-width:1px 0 0; border-color:#000 !important; margin-bottom:60px; }
#listForm .table_basic caption{ display:none; }
#listForm .table_basic tbody .bg3 th, #listForm .table_basic tbody .bg3 td{ background:#f5f5f5; }
#listForm .table_basic tbody .bg3 th .fs09{ font-size:14px; color:#fff; background-color:#103a8e; border-radius:50px; padding:6px 12px; }
#listForm .table_basic thead tr th{ line-height:initial; font-size:20px; font-weight:500; padding:30px 10px; }
#listForm .table_basic thead tr th:nth-child(1){ width:10%; }
#listForm .table_basic thead tr th:nth-child(2){ width:60%; }
#listForm .table_basic thead tr th:nth-child(3){ width:10%; }
#listForm .table_basic thead tr th:nth-child(4){ width:10%; }
#listForm .table_basic thead tr th:nth-child(5){ width:10%; }
#listForm .table_basic thead tr th a{ font-size:20px; font-weight:500; }
#listForm .table_basic tbody tr td{ height:auto; padding:20px 10px; }
#listForm .table_basic tbody tr td p, #listForm .table_basic tbody tr td a{ font-size:18px; font-weight:300; color:#888; }
#listForm .table_basic tbody tr td p.wrap100{ text-align:center; }
#listForm .table_basic tbody tr td.hidden-xs p span{ display:block; }
#listForm .table_basic tbody tr td p span a img{ margin:0 2px; }
/*버튼*/
.docBottom{ margin-top:0 !important; }
.docBottom .pageNavigation{ padding:0; margin-top:0; }
.docBottom .pageNavigation strong, .docBottom .pageNavigation em a{ width:40px; line-height:38px; font-family:'Pretendard'; font-size:14px; border-radius:50%; padding:0; margin:0 5px; }
.docBottom .pageNavigation strong{ background-color:#103a8e !important; border:1px solid #103a8e; }
.docBottom .pageNavigation em a:hover{ background-color:transparent; color:#000; }
.docBottom .pageNavigation em a .quick{ position:relative; height:40px; border-radius:50%; margin:0; padding:0; }
.docBottom .pageNavigation em a .quick::before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:"FontAwesomes"; font-size:14px; }
.docBottom .pageNavigation em:nth-child(1) a .quick::before{ content:"\f100"; }
.docBottom .pageNavigation em:nth-child(2) a .quick::before{ content:"\f104"; }
.docBottom .pageNavigation em:nth-child(6) a .quick::before{ content:"\f105"; }
.docBottom .pageNavigation em:nth-child(7) a .quick::before{ content:"\f101"; }
.docBottom .pageNavigation em:nth-child(8) a .quick::before{ content:"\f105"; }
.docBottom .pageNavigation em:nth-child(9) a .quick::before{ content:"\f101"; }
.docBottom .pageNavigation em a .quick img{ display:none; }
/*검색*/
.conts004001 .docBottom .searchBox{ display:none; }
.docBottom .searchBox{ position:absolute; top:-80px; right:0; padding:0 !important; }
.docBottom .searchBox .selectBox{ position:relative; width:max-content; margin:0 200px 0 0; }
.docBottom .searchBox .selectBox #sh{ width:150px; font-weight:500; border:none; border-bottom:1px solid rgba(0,0,0,.15); padding-right:0; margin-right:12px; }
.docBottom .searchBox .selectBox #shc{ width:300px; min-width:initial; font-weight:500; border:none; border-bottom:1px solid rgba(0,0,0,.15); padding-right:25px; }
.docBottom .searchBox .selectBox button{ position:absolute; top:0; right:0; height:40px; font-size:0; background-color:transparent; border:none; }
.docBottom .searchBox .selectBox button::before{ content:"\f002"; position:absolute; top:50%; right:0; transform:translateY(-50%); font-family:"FontAwesomes"; font-size:20px; color:#000; }
/*뷰페이지*/
.docRead{ max-width:1902px; margin:0 auto !important; }
.docRead .readHeader .titleAndUser .title{ margin:0; }
.docRead .readHeader .titleAndUser .title h4{ font-size:40px; font-weight:700; word-break:keep-all; border-bottom:1px solid #000; padding-bottom:40px; }
.docRead .readHeader .titleAndUser .author{ bottom:16px; left:20px; color:#888 !important; }
.docRead .readHeader .titleAndUser .author .nowrap strong{ font-size:14px; }
.docRead .readHeader .dateAndCount{ line-height:initial; color:#888; padding:20px; }
.docRead .readHeader .dateAndCount div, .docRead .readHeader .dateAndCount div span{ font-family:'Pretendard'; font-size:14px; font-weight:300; margin:0; }
.docRead .readHeader .dateAndCount .date{ position:relative; margin-left:20px; }
.docRead .readHeader .dateAndCount .date::before{ content:""; position:absolute; top:50%; right:100%; transform:translateY(-50%); width:1px; height:10px; background-color:#888; margin-right:10px; }
.docRead .contentBody{ padding:40px; margin-top:0 !important; }
.docRead .fileAttatch{ border:1px solid rgba(0,0,0,.15); padding:5px !important; margin-bottom:5px; }
.docRead .fileAttatch ul li{ margin-left:0; }
.docButton{ margin:0!important; padding-top:5px; border-top:1px solid #000 !important; }
.docBtn{ padding:0 !important !important; }
.docBtn li{ margin:0 0 0 5px !important; }
.docBtn li:first-child{ margin:0 !important; }
.docBtn li .btnPack{ height:35px; line-height:30px; }
.docBtn li .btnPack *{ font-family:'Pretendard'; font-size:14px !important; font-weight:500; }
.docBtn li .btnPack.black{ background-color:#000 !important; }


/*상담관리모듈*/
#bbsform .agreement h3{ font-size:22px; font-weight:600; }
#bbsform .agreement .frame{ background-color:#f5f5f5; border:none; border-radius:10px; padding:20px; }
#bbsform .agreement .frame strong{ font-weight:800; margin-top:20px; display:block; }
#bbsform .agreement .frame p strong{ margin-top:0; display:initial; }
#bbsform .agreement .frame ul li{ position:relative; padding-left:10px; }
#bbsform .agreement .frame ul li::before{ content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#000; border-radius:50%; }
#bbsform .agreement .frame ul li ul li{ padding-left:14px; }
#bbsform .agreement .frame ul li ul li::before{ width:8px; height:1px; border-radius:0; }
#bbsform .agreement .pd5{ width:max-content; padding:0; margin:10px 0 0 auto; }
#bbsform .agreement .pd5>label{ position:relative; display:flex; align-items:center; }
#bbsform .agreement .pd5>label>label{ position:absolute; top:100%; right:0; font-size:14px; }

#bbsform .table_basic{ border:none !important; }
#bbsform .table_basic caption{ display:none; }
#bbsform .table_basic tbody tr{ margin-bottom:40px; display:block; }
#bbsform .table_basic tbody tr th{ width:100%; min-width:initial; background:transparent; border:none; display:block; }
#bbsform .table_basic tbody tr th label{ display:flex; flex-direction:row-reverse; justify-content:flex-end; padding-left:0; }
#bbsform .table_basic tbody tr th label .colorRed{ position:relative; font-size:0; margin:0 0 0 10px; }
#bbsform .table_basic tbody tr th label .colorRed::before{ content:""; position:absolute; top:2px; right:0; width:6px; height:6px; background-color:#103a8e; border-radius:50%; }
#bbsform .table_basic tbody tr th label strong{ font-size:24px; font-weight:600; }
#bbsform .table_basic tbody tr td{ height:auto; border:none; display:block; padding:0; margin-top:10px; }
#bbsform .table_basic tbody tr td#redate_td{ width:100%; }
#bbsform .table_basic tbody tr td .has-feedback input{ height:50px; font-size:16px; text-indent:10px; border:1px solid rgba(0,0,0,.15); border-radius:5px !important; }
#bbsform .table_basic tbody tr td .has-feedback .error{ font-size:14px; margin-top:5px; }
#bbsform .table_basic tbody tr td .has-feedback .form-control{ font-size:16px; border-radius:5px !important; padding:20px; }
#bbsform .table_basic tbody tr td .has-feedback .input-group{ width:100%; }
#bbsform .table_basic tbody tr td .has-feedback .input-group .input-group-addon{ display:none; }

#bbsform .pd10{ padding:0; }
#bbsform .pd10 .btnPack{ width:220px; min-width:initial; font-family:'Pretendard'; font-size:18px; font-weight:500 !important; border:none; border-radius:50px; margin:0; padding:0 !important; }
#bbsform .pd10 .btnPack.black{ background-color:#000 !important; }
#bbsform .pd10 .btnPack.green{ background-color:#103a8e !important; }

#bbsform .docInput .center{ padding:0; margin-top:40px; }
#bbsform .docInput .center .btnPack{ width:220px; min-width:initial; font-family:'Pretendard'; font-size:18px; font-weight:500 !important; color:#fff; border:none; border-radius:50px; margin:0; padding:0 !important; }
#bbsform .docInput .center .btnPack.gray{ background-color:#000 !important; }
#bbsform .docInput .center .btnPack.black{ background-color:#103a8e !important; }


/*상품샘플모듈*/
.docTop{ position:absolute; top:-80px; right:200px; }
.docTop .searchBox #searchform .center{ position:relative; }
.docTop .searchBox #searchform .center .input_search{ width:300px; text-align:left; text-indent:0; border:none; border-bottom:1px solid rgba(0,0,0,.15); padding-right:25px; }
.docTop .searchBox #searchform .center .btnPack{ position:absolute; top:50%; right:0; transform:translateY(-50%); border:none; overflow:initial; }
.docTop .searchBox #searchform .center .btnPack button{ position:relative; font-size:0; }
.docTop .searchBox #searchform .center .btnPack button::before{ content:"\f002"; position:absolute; top:50%; right:0; transform:translateY(-50%); font-family:"FontAwesomes"; font-size:20px; }

#listForm .productList{ display:flex; flex-wrap:wrap; margin:0 -20px; }
#listForm .productList .cell{ width:33.3333%; margin-bottom:60px; padding:0 20px; }
#listForm .productList .cell .product_cell .viewImage{ border:1px solid rgba(0,0,0,.15); border-radius:10px; overflow:hidden; transition:.2s; }
#listForm .productList .cell:hover .product_cell .viewImage{ border-color:#103a8e; border-top-right-radius:80px; }
#listForm .productList .cell .product_cell .viewImage p a img{ width:100%; height:100%; object-fit:cover; }
#listForm .productList .cell .product_cell .center{ margin-top:20px; }
#listForm .productList .cell .product_cell .center .productName a{ font-size:24px; font-weight:700; }
#listForm .productList .cell .product_cell .center .productSubject{ display:none; }
#listForm .productList .cell .product_cell .center .productSize{ display:flex; align-items:center; justify-content:center; margin-top:5px; }
#listForm .productList .cell .product_cell .center .productSize span{ font-size:18px; }
#listForm .productList .cell .product_cell .center .productSize span:first-child{ font-size:14px; font-weight:600; color:#fff; background-color:#000; margin-right:5px; padding:2px 10px; }

.productBottom .pageNavigation{ padding:0; margin-top:0; }
.productBottom .pageNavigation strong, .productBottom .pageNavigation em a{ width:40px; line-height:38px; font-family:'Pretendard'; font-size:14px; border-radius:50%; padding:0; margin:0 5px; }
.productBottom .pageNavigation strong{ background-color:#103a8e !important; border:1px solid #103a8e; }
.productBottom .pageNavigation em a:hover{ background-color:transparent; color:#000; }
.productBottom .pageNavigation em a .quick{ position:relative; height:40px; border-radius:50%; margin:0; padding:0; }
.productBottom .pageNavigation em a .quick::before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:"FontAwesomes"; font-size:14px; }
.productBottom .pageNavigation em:nth-child(1) a .quick::before{ content:"\f100"; }
.productBottom .pageNavigation em:nth-child(2) a .quick::before{ content:"\f104"; }
.productBottom .pageNavigation em:nth-child(6) a .quick::before{ content:"\f105"; }
.productBottom .pageNavigation em:nth-child(7) a .quick::before{ content:"\f101"; }
.productBottom .pageNavigation em:nth-child(8) a .quick::before{ content:"\f105"; }
.productBottom .pageNavigation em:nth-child(9) a .quick::before{ content:"\f101"; }
.productBottom .pageNavigation em a .quick img{ display:none; }

.product .productView{ background-color:transparent !important; }
.product .productView .productSubject strong{ font-size:40px; font-weight:600; }
.product .productView .productSubject .productSubjectInfo{ font-size:18px; word-break:keep-all; margin:10px 0 60px 0; display:block; }
.product .productView #bbsform .productInfo{ display:flex; }
.product .productView #bbsform .productInfo>div{ width:calc((100% - 60px) / 2); margin-right:60px; }
.product .productView #bbsform .productInfo>div:last-child{ margin-right:0; }
.product .productView #bbsform .productInfo .productImageView .center{ border:1px solid rgba(0,0,0,.15); }
.product .productView #bbsform .productInfo .productImageView .center a img{ width:100%; height:100%; object-fit:cover; }
.product .productView #bbsform .productInfo .productImageView .productImageZoom{ margin-top:5px; }
.product .productView #bbsform .productInfo .productImageView .productImageZoom .zoomMent{ display:none; }
.product .productView #bbsform .productInfo .productImageView .productImageZoom li{ display:flex; }
.product .productView #bbsform .productInfo .productImageView .productImageZoom li img{ width:calc((100% - 20px) / 5); border:1px solid rgba(0,0,0,.15); margin-right:5px; }
.product .productView #bbsform .productInfo .productSaleInfo #productOptionInfo .producOptiontTab .tabBox .tab p a{ font-size:18px; font-weight:400; pointer-events:none; }
.product .productView #bbsform .productInfo .productSaleInfo #productOptionInfo .contentBody{ display:flex; flex-wrap:wrap; margin-top:10px; }
.product .productView #bbsform .productInfo .productSaleInfo #productOptionInfo .contentBody a{ width:calc((100% - 10px) / 2); line-height:45px; font-size:18px; font-weight:600; text-align:center; border:1px solid #000; margin-right:10px; transition:.2s; }
.product .productView #bbsform .productInfo .productSaleInfo #productOptionInfo .contentBody a:nth-child(2n){ margin-right:0; }
.product .productView #bbsform .productInfo .productSaleInfo #productOptionInfo .contentBody a:hover{ color:#fff; background-color:#103a8e; border:1px solid #103a8e; }
.product .productView #bbsform .productInfo .productSaleInfo #productOptionInfo .contentBody a span{ position:relative; padding-right:23px; }
.product .productView #bbsform .productInfo .productSaleInfo #productOptionInfo .contentBody a span::before{ content:"\f35d"; position:absolute; top:50%; right:0; transform:translateY(-50%); font-family:"FontAwesomes"; font-size:14px; }
.product .productView #bbsform .productInfo .productSaleInfo .mallControlBtn{ width:100%; border-top:2px solid #000; border-collapse:initial; padding-top:30px; margin-top:30px; }
.product .productView #bbsform .productInfo .productSaleInfo .mallControlBtn tbody tr td a{ position:relative; height:70px; line-height:70px; background-color:#000; display:block; }
.product .productView #bbsform .productInfo .productSaleInfo .mallControlBtn tbody tr td a::before{ content:"문의하기"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18px; font-weight:600; color:#fff; }
.product .productView #bbsform .productInfo .productSaleInfo .mallControlBtn tbody tr td a img{ display:none; }

.boardInput{ max-width:1902px; margin:auto; }
.boardInput #bbsform .table_basic tbody tr td p{ width:max-content; }
.boardInput #bbsform .table_basic tbody tr td .strong{ font-size:18px; font-weight:600; }
.boardInput #bbsform .table_basic tbody tr td .small{ font-size:14px; }





@media only screen and (max-width:1500px){
	.conts{ margin:150px 50px; }
	.conts001001{ margin:50px 0 0 0; }
	.conts001002{ margin:50px 0 150px 0; }
	.conts003001, .conts003006, .conts006001{ padding:0; }
	/*0102*/
	.p0102 .history::before{ right:50px; }
	/*상품샘플모듈*/
	.docTop{ right:0; }
	/*문서관리모듈*/
	.docBottom .searchBox .selectBox{ margin:0; }
}
@media only screen and (max-width:1400px){
	/*0101*/
	.p0101 .img{ height:350px; }
	.p0101 .ceo .text{ width:65%; margin-bottom:auto; padding-right:50px; }
	.p0101 .ceo .text p{ font-size:18px; }
	.p0101 .ceo .photo{ width:35%; }
	/*0102*/
	.p0102 .history .title{ margin-right:150px; }
	.p0102 .history .title h3{ font-size:68px; }
	/*0302*/
	.p0302>ul>li h3{ font-size:42px; min-width:258px; }
	/*0303*/
	.p0303>ul>li h3{ min-width:303px; }
	/*0304*/
	.p0304 ul li{ padding:50px 40px; }
}
@media only screen and (max-width:1200px){
	/*0101*/
	.p0101 .ceo .text{ width:60%; }
	.p0101 .ceo .photo{ width:40%; }
	/*0102*/
	.p0102 .history .title{ margin-right:100px; }
	.p0102 .history .title h3{ font-size:64px; }
	.p0102 .history .title p{ font-size:18px; margin-top:60px; }
	/*0103*/
	.p0103 .ceo{ width:220px; height:220px; }
	.p0103 .ceo h3{ font-size:36px; }
	.p0103 .cont>ul>li div{ height:65px; font-size:18px; }
	.p0103 .cont>ul>li>ul>li{ height:65px; font-size:18px; }
	/*0104*/
	.p0104{ flex-wrap:wrap; }
	.p0104 .content{ width:100%; padding-right:0; display:block !important }
	.p0104 .content button{ width:300px; line-height:60px; margin-top:30px; }
	.p0104 .root_daum_roughmap{ width:100% !important; margin-top:60px; }
	.p0104 .root_daum_roughmap .wrap_map{ height:400px !important; }
	/*0302*/
	.p0302>ul>li{ flex-wrap:wrap; }
	.p0302>ul>li h3{ width:100%; margin:0 0 20px 0; }
	/*0303*/
	.p0302>ul>li h3 span{ display:inline; }
	/*0304*/
	.p0304 ul li .text h3{ font-size:26px; }
	.p0304 ul li .text p{ font-size:18px; }
	/*0305*/
	.p0305 ul li{ height:260px; padding:40px; }
	.p0305 ul li h3{ font-size:40px; }
	.p0305 ul li p{ bottom:40px; left:40px; font-size:18px; }
	/*0306*/
	.report thead tr th{ font-size:16px; }
	.report tbody tr th, .report tbody tr td{ font-size:16px; }
	/*030701*/
	.p030701 ul li .img{ width:350px; height:350px; }
	.p030701 ul li .text{ width:calc(100% - 350px); padding-left:50px; }
	.p030701 ul li .text h6{ font-size:18px; }
	.p030701 ul li .text h3{ font-size:44px; }
	.p030701 ul li .text p{ font-size:18px; }
	.p030701 ul li .text .button dl dt{ font-size:16px; }
	.p030701 ul li .text .button dl dd a{ font-size:18px; }
	/*상품샘플모듈*/
	#listForm .productList .cell{ padding:0 10px; }
	#listForm .productList .cell .product_cell .center{ margin-top:10px; }
	#listForm .productList .cell .product_cell .center .productName a{ font-size:22px; }
	/*문서관리모듈*/
	.docBottom .searchBox .selectBox #sh{ width:140px; }
	.docBottom .searchBox .selectBox #shc{ width:280px; }
	/*갤러리앨범*/
	#listForm .docThumb{ margin:0 -10px; }
	#listForm .docThumb .center .cell .viewImage{ padding:0 10px; }
	#listForm .docThumb .center .cell .center{ padding:10px 10px 0 10px; }
}
@media only screen and (max-width:1000px){
	.conts{ margin:120px 50px; }
	.conts001001{ margin:50px 0 0 0; }
	.conts001002{ margin:50px 0 120px 0; }
	/*0101*/
	.p0101 .img{ margin-bottom:50px; }
	.p0101 .ceo{ flex-wrap:wrap; }
	.p0101 .ceo .photo{ width:50%; margin:-180px 0 0 auto; }
	.p0101 .ceo .text{ width:100%; padding-right:0; }
	.p0101 .ceo .text p{ margin:0; }
	.p0101 .ceo .text p strong{ flex-wrap:wrap; margin-top:40px; }
	.p0101 .ceo .text p strong span{ width:100%; }
	.p0101 .ceo .text p strong img{ height:50px; margin:10px 0 0 0; }
	/*0102*/
	.p0102 .history{ flex-wrap:wrap; }
	.p0102 .history::before{ display:none; }
	.p0102 .history .title{ width:100%; margin-right:0; }
	.p0102 .history .title p{ margin-top:30px; }
	.p0102 .history .content{ padding-right:0; margin-top:60px; }
	.p0102 .history .content::before{ display:none; }
	.p0102 .history .content dl{ margin-bottom:50px; }
	.p0102 .history .content dl dt{ min-width:87px; font-size:34px; margin-right:60px; }
	/*0103*/
	.p0103 .cont::before{ width:68%; }
	.p0103 .cont>ul>li{ width:calc((100% - 40px) / 3); margin-right:20px; }
	/*0302*/
	.p0302>ul{ margin-bottom:80px; }
	.p0302>ul>li h3{ font-size:38px; }
	.p0302>ul>li>ul>li div{ height:250px; }
	/*0304*/
	.p0304 ul li{ width:calc((100% - 60px) / 3); }
	.p0304 ul li:nth-child(3n){ margin-right:0; }
	.p0304 ul li:nth-child(4n){ margin-right:auto; }
	.p0304 ul li:nth-child(n+4){ margin-top:30px; }
	/*0305*/
	.p0305 ul li{ width:100%; height:220px; margin:0 0 20px 0; }
	.p0305 ul li:nth-child(n+3){ margin-top:0; }
	.p0305 ul li h3{ font-size:38px; }
	.p0305 h4{ line-height:70px; font-size:18px; margin-top:0; }
	/*030701*/
	.p030701 ul li{ flex-wrap:wrap; }
	.p030701 ul li .img{ width:100%; height:300px; }
	.p030701 ul li .img img{ object-fit:contain; }
	.p030701 ul li .text{ width:100%; padding-left:0; margin-top:40px; }
	.p030701 ul li .text h3{ margin:10px 0 20px 0; }
	/*상품샘플모듈*/
	.docTop{ top:-60px; }
	#listForm .productList .cell{ margin-bottom:40px; }
	#listForm .productList .cell .product_cell .center .productName a{ font-size:20px; }
	.product .productView #bbsform .productInfo>div{ width:calc((100% - 40px) / 2); margin-right:40px; }
	/*문서관리모듈*/
	.docBottom .searchBox{ top:-60px; }
	.docBottom .searchBox .selectBox #shc{ width:250px; }
	#listForm .table_basic thead tr th{ font-size:18px; padding:20px 10px; }
	#listForm .table_basic thead tr th a{ font-size:18px; }
	#listForm .table_basic tbody .bg3 td{ font-size:16px; }
	#listForm .table_basic tbody tr td p, #listForm .table_basic tbody tr td a{ font-size:16px; }
	/*갤러리앨범*/
	#listForm .docThumb .center .cell{ width:33.3333%; margin-bottom:40px; }
	#listForm .docThumb .center .cell .center .title a{ font-size:18px; }
}
@media only screen and (max-width:800px){
	/*0101*/
	.p0101 .img{ height:300px; }
	/*0102*/
	.p0102 .history .title h3{ font-size:60px; }
	.p0102 .history .content dl dt{ font-size:30px; margin-right:40px; }
	/*0103*/
	.p0103 .ceo{ width:200px; height:200px; }
	.p0103 .ceo h3{ font-size:32px; }
	/*0104*/
	.p0104 .content div h3{ font-size:44px; margin-bottom:40px; }
	.p0104 .content button{ width:100%; line-height:55px; }
	.p0104 .root_daum_roughmap .wrap_map{ height:350px !important; }
	/*0304*/
	.p0304 h2{ font-size:38px; margin-bottom:30px; }
	.p0304 ul li{ width:calc((100% - 40px) / 3); margin-right:20px; padding:25px; }
	.p0304 ul li:nth-child(n+4){ margin-top:20px; }
	.p0304 ul li .text h3{ font-size:24px; }
	.p0304 ul li .text p{ font-size:16px; }
	/*상품샘플모듈*/
	.docTop{ width:50%; padding-left:10px; }
	.docTop .searchBox #searchform .center .input_search{ width:100%; }
	#listForm .productList .cell{ width:50%; }
	.productBottom .pageNavigation strong, .productBottom .pageNavigation em a{ width:38px; line-height:36px; }
	.productBottom .pageNavigation em a .quick{ height:36px; }
	.product .productView .productSubject strong{ font-size:38px; }
	.product .productView .productSubject .productSubjectInfo{ margin:10px 0 40px 0; }
	.product .productView #bbsform .productInfo{ flex-wrap:wrap; }
	.product .productView #bbsform .productInfo>div{ width:100%; margin-right:0; }
	.product .productView #bbsform .productInfo .productImageView{ margin-bottom:20px; }
	/*문서관리모듈*/
	.docBottom .searchBox{ width:100% !important; }
	.docBottom .searchBox .selectBox{ width:100%; }
	.docBottom .searchBox .selectBox #shc{ width:calc(100% - 156px); }
	.docBottom .pageNavigation strong, .docBottom .pageNavigation em a{ width:38px; line-height:36px; }
	.docBottom .pageNavigation em a .quick{ height:36px; }
	.docRead .readHeader .titleAndUser .title h4{ font-size:38px; padding-bottom:30px; }
	.docRead .readHeader .dateAndCount{ padding:20px 0; }
	.docRead .contentBody{ padding:40px 0; }
	/*갤러리앨범*/
	#listForm .docThumb .center .cell{ width:50%; }
}
@media only screen and (max-width:767px){
	/*문서관리모듈*/
	#bbsform .table_basic tbody tr{ margin-bottom:20px; }
	#bbsform .table_basic tbody tr td{ margin-top:0; }
	#bbsform .docInput .center .btnPack{ height:60px; line-height:58px; }
	/*상담관리모듈*/
	#bbsform .pd10 .btnPack{ height:60px; line-height:58px; }
}
@media only screen and (max-width:600px){
	.conts{ margin:120px 25px; }
	.conts001001{ margin:50px 0 0 0; }
	.conts001002{ margin:50px 0 120px 0; }
	/*0101*/
	.p0101 p{ font-size:16px; }
	/*0102*/
	.p0102 .history .title h3{ font-size:56px; }
	.p0102 .history .title p{ font-size:16px; }
	.p0102 .history .content dl{ flex-wrap:wrap; }
	.p0102 .history .content dl dt{ width:100%; min-width:initial; font-size:28px; margin:0 0 10px 0; }
	.p0102 .history .content dl dd div strong{ min-width:20px; font-size:16px; }
	.p0102 .history .content dl dd div p{ font-size:16px; margin-left:10px; }
	/*0103*/
	.p0103 .ceo{ margin:0 auto 60px auto; }
	.p0103 .cont::before{ display:none; }
	.p0103 .cont>ul>li{ width:100%; margin:0 0 60px 0; }
	.p0103 .cont>ul>li:last-child{ margin:0; }
	.p0103 .cont>ul>li::before{ height:60px; }
	.p0103 .cont>ul>li::after{ display:none; }
	.p0103 .cont>ul>li>ul{ margin-top:10px; }
	/*0104*/
	.p0104 .content div h3{ font-size:42px; }
	.p0104 .content div dl{ font-size:16px; }
	.p0104 .content div dl dt{ min-width:53px; margin-right:40px; }
	.p0104 .content button a{ font-size:16px; }
	.p0104 .root_daum_roughmap .wrap_map{ height:300px !important; }
	/*0201*/
	.p0201{ overflow-x:scroll; }
	.p0201 .report{ min-width:600px; }
	/*0302*/
	.p0302>ul>li>ul>li{ width:100%; margin:0 0 20px 0; }
	.p0302>ul>li>ul>li:last-child{ margin:0; }
	.p0302>ul>li>ul>li:nth-child(n+3){ margin-top:0; }
	.p0302>ul>li>ul>li p{ margin-top:5px; }
	/*0304*/
	.p0304 ul li{ width:calc((100% - 20px) / 2); }
	.p0304 ul li:nth-child(2n){ margin-right:0; }
	.p0304 ul li:nth-child(3n){ margin-right:auto; }
	.p0304 ul li:nth-child(n+3){ margin-top:20px; }
	/*0305*/
	.p0305 ul li{ height:180px; padding:25px 30px; }
	.p0305 ul li h3{ font-size:36px; }
	.p0305 ul li p{ bottom:25px; left:30px; font-size:16px; word-break:keep-all; padding-right:30px; }
	.p0305 h4{ line-height:60px; font-size:16px; }
	/*030701*/
	.p030701 ul li .text .button dl{ width:100%; margin-right:0; }
	.p030701 ul li .text .button dl:nth-child(n+2){ margin-top:10px; }
	/*상품샘플모듈*/
	.docTop{ padding-left:5px; }
	#listForm .productList{ margin:0 -10px; }
	#listForm .productList .cell{ padding:0 5px; }
	#listForm .productList .cell .product_cell .center .productName a{ font-size:18px; }
	.productBottom .pageNavigation strong, .productBottom .pageNavigation em a{ width:35px; line-height:33px; margin:0 2px; }
	.productBottom .pageNavigation em a .quick{ height:33px; }
	.docBottom .pageNavigation strong, .docBottom .pageNavigation em a{ width:35px; line-height:33px; margin:0 2px; }
	.docBottom .pageNavigation em a .quick{ height:33px; }
	/*문서관리모듈*/
	#bbsform .docInput .center .btnPack{ width:100%; max-width:initial; height:55px; line-height:53px; }
	#bbsform .docInput .center .btnPack.gray{ margin-top:-9px; }
	.docRead .readHeader .titleAndUser .title h4{ font-size:34px; }
	/*갤러리앨범*/
	#listForm .docThumb{ margin:0 -5px; }
	#listForm .docThumb .center .cell .viewImage{ padding:0 5px; }
	#listForm .docThumb .center .cell .center{ padding:10px 5px 0 5px; }
	/*상담관리모듈*/
	#bbsform .pd10 .btnPack{ width:100%; max-width:initial; }
	#bbsform .pd10 .btnPack.green{ margin-top:-9px; }
}
@media only screen and (max-width:500px){
	.report tbody tr th, .report tbody tr td{ word-break:break-all; }
	/*0101*/
	.p0101 .ceo .text{ margin-bottom:120px; }
	.p0101 .ceo .text p strong span{ font-size:16px; }
	.p0101 .ceo .text p strong img{ height:45px; }
	.p0101 .ceo .photo{ margin:-300px 0 0 auto; }
	/*0102*/
	.p0102 .history .title h3{ font-size:52px; }
	.p0102 .history .title h3 span, .p0102 .history .title p span{ display:inline; }
	/*0103*/
	.p0103 .ceo{ width:180px; height:180px; margin:0 auto 40px auto; }
	.p0103 .ceo h3{ font-size:28px; }
	.p0103 .cont>ul>li{ margin:0 0 40px 0; }
	.p0103 .cont>ul>li::before{ height:40px; }
	.p0103 .cont>ul>li div, .p0103 .cont>ul>li>ul>li{ height:60px; font-size:16px; }
	/*0104*/
	.p0104 .content div dl{ flex-wrap:wrap; }
	.p0104 .content div dl dt{ width:100%; margin:0; }
	/*0302*/
	.p0302>ul>li h3{ font-size:34px; }
	.p0302>ul>li>ul>li div{ height:220px; }
	.p0302>ul>li>ul>li p{ font-size:18px; }
	/*0305*/
	.p0305 ul li{ padding:25px; }
	.p0305 ul li h3{ font-size:32px; }
	.p0305 ul li p{ left:25px; }
	/*030701*/
	.p030701 ul li .text h6{ font-size:16px; }
	.p030701 ul li .text h3{ font-size:40px; }
	.p030701 ul li .text p{ font-size:16px; }
	/* .p030701 ul li .text .button dl dd{ margin-top:5px; } */
	.p030701 ul li .text .button dl dd a{ line-height:45px; font-size:16px; }
	/*상품샘플모듈*/
	#listForm .productList .cell{ margin-bottom:30px; }
	#listForm .productList .cell .product_cell .center{ margin-top:5px; }
	#listForm .productList .cell .product_cell .center .productName a{ font-size:16px; }
	.product .productView #bbsform .productInfo .productSaleInfo #productOptionInfo .contentBody a{ width:100%; margin:0 0 10px 0; }
	.product .productView #bbsform .productInfo .productSaleInfo #productOptionInfo .contentBody a:last-child{ margin:0; }
	/*문서관리모듈*/
	.docBottom .searchBox .selectBox #sh{ width:100%; display:block; margin:0 0 10px 0; }
	.docBottom .searchBox .selectBox #shc{ width:100%; }
	.docBottom .searchBox .selectBox button{ top:auto; bottom:19px; }
	#listForm .table_basic{ margin-top:50px; }
	.docRead .readHeader .titleAndUser .author{ display:none; }
	.docRead .readHeader .titleAndUser .title h4{ font-size:30px; }
	/*갤러리앨범*/
	#listForm .docThumb .center .cell{ margin-bottom:30px; }
	#listForm .docThumb .center .cell .center{ padding:5px 5px 0 5px; }
	#listForm .docThumb .center .cell .center .title a{ font-size:16px; }
	/*상담관리모듈*/
	#bbsform .agreement .pd5{ width:auto; }
	#bbsform .agreement .pd5>label{ align-items:flex-start; }
	#bbsform .agreement .pd5>label input{ margin:1px 4px 0 0; }
}
@media only screen and (max-width:400px){
	/*0101*/
	.p0101 .ceo .text{ margin-bottom:40px; }
	.p0101 .ceo .text p{ font-size:16px; }
	.p0101 .ceo .photo{ width:100%; margin:0; }
	/*0102*/
	.p0102 .history .title h3{ word-break:break-all; }
	/*0303*/
	.p0302>ul>li h3{ min-width:initial; }
	/*0304*/
	.p0304 ul li{ width:100%; margin-right:0; padding:40px; }
	.p0304 ul li:nth-child(n+2){ margin-top:20px; }
	/*상품샘플모듈*/
	.docTop{ width:100%; padding-left:0; }
	#listForm .productList .cell{ width:100%; margin-bottom:20px; }
	#listForm .productList .cell .product_cell .center .productName a{ font-size:18px; }
	/*문서관리모듈*/
	.docRead .readHeader .titleAndUser .title h4{ word-break:break-all; }
	/*갤러리앨범*/
	#listForm .docThumb .center .cell{ width:100%; margin-bottom:20px; }
}