@charset "UTF-8";

#wrap { overflow: hidden; }

.container { width: 68.75rem; max-width: 100%; margin: 0 auto; padding: 0 1rem; text-align: left; }

 /*
#header {position: fixed;background-color: #fff;  left: 0; top: 0; z-index: 100; width: 100%; height: 4rem; padding: 0 12.5rem; text-align: center; line-height: 4rem; }


#header .logo a { position: absolute; left: 2.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#header .util { position: absolute; right: 0; top: 0; /*padding-right: 4rem;*}

#header .util .menu { float: right; }

#header .util .menu li { display: inline; vertical-align: top; }

#header .util .menu .sitemap { display: inline-block; overflow: hidden; position: relative; z-index: 2; width: 4rem; height: 4rem; vertical-align: top; }

#header .util .menu .sitemap::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; font-size: 1.75rem; color: #000; content: ''; }

#header .util .menu .recruit { display: inline-block; width: 4rem; height: 4rem; background-color: #1f5f51; font-size: 0.75rem; font-weight: 700; color: #fff; text-align: center; line-height: 4rem; vertical-align: top; }

#header .util .lang { display: inline-block; position: relative; width: 3.7rem; font-size: 0.75rem; font-weight: 600; color: #555; }

#header .util .lang .label::after { position: absolute; left: auto; top: auto; margin-left: 0.3rem; font-family: "xeicon"; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#header .util .lang ul { visibility: hidden; overflow: hidden; position: absolute; left: 0; top: auto; width: 100%; margin-top: -2rem; height: 0; padding: 0; border: 1px solid #ddd; border-top: 2px solid #d77618; background-color: #fff; font-size: 0.65rem; line-height: 1.923; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }

#header .util .lang ul a:hover, #header .util .lang ul a:focus, #header .util .lang ul a:active { color: #d77618; -webkit-transition: all 0.2s; transition: all 0.2s; }

#header .util .lang.active .label::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#header .util .lang.active ul { visibility: visible; height: auto; margin-top: -1rem; padding: 0.5rem 0; opacity: 1; }

#gnb { position: relative; z-index: 0; display: table; margin: 0 auto; }

#gnb::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; top: calc(4rem - 1px); height: 1px; background-color: #fff; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }

#gnb > li { display: table-cell; overflow: hidden; width: 8rem; text-align: center; vertical-align: top; }

#gnb > li > a { display: block; font-size: 1rem; font-weight: 600; color: #000; }

#gnb > li:nth-child(1) .depth2::after { position: absolute; left: 0; top: 0; width: 1px; height: 100rem; background-color: #262262; content: ''; }

#gnb > li.active .depth2::before { background-color: #262262; }

#gnb .depth3 { display: none; }

#gnb .depth2 { visibility: hidden; overflow: hidden; position: relative; height: 0; margin-top: -1px; opacity: 0; }

#gnb .depth2::before { position: absolute; right: 0; top: 0; width: 100%; height: 100rem; border-right: 1px solid #e8e8e8; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#gnb .depth2 ul { padding: 0.25rem 0; }

#gnb .depth2 li { line-height: 1.25rem; word-break: keep-all; }

#gnb .depth2 li + li { margin-top: 0.5rem; }

#gnb .depth2 a { display: block; position: relative; z-index: 0; color: #999; -webkit-transition: all 0.2s; transition: all 0.2s; }*/

#gnb .depth2 a::after { position: absolute; left: 0; top: 50%; z-index: -1; width: 0; height: 2rem; margin-top: -1rem; /*background-color: #262262;*/ content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#gnb .depth2 a:hover, #gnb .depth2 a:focus, #gnb .depth2 a:active { color: #fff; }

#gnb .depth2 a:hover::after, #gnb .depth2 a:focus::after, #gnb .depth2 a:active::after { width: 100%; }

#gnb.active::before { height: calc(100% - 4rem + 1px); opacity: 1; }

#gnb.active .depth2 { visibility: visible; overflow: visible; height: auto; padding: 0.125rem 0; opacity: 1; -webkit-transition: all 0.3s 0.3s; transition: all 0.3s 0.3s; }

#header.active { z-index: 104; }

#header.active .util .menu .sitemap::before { color: #fff; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#header.active .util .menu .sitemap:hover::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s; transition: all 0.2s; }

#header.active > nav { position: fixed; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: #182533; }

#header.active #gnb { top: 50%; width: 68.75rem; max-width: 100%; margin: 0 auto; table-layout: fixed; -webkit-transform: translateY(-50%); transform: translateY(-50%); counter-reset: section; }

#header.active #gnb::before { display: none; }

#header.active #gnb > li { overflow: visible; padding: 0 2rem; text-align: left; line-height: 1.2; }

#header.active #gnb > li > a { font-size: 1.4rem; font-weight: 400; color: #fff; }

#header.active #gnb > li > a::before { display: block; font-size: 0.9rem; color: #ff730c; counter-increment: section; content: "0" counter(section); }

#header.active #gnb > li:last-child .depth2::before { display: none; }

#header.active #gnb .depth2 { visibility: visible; overflow: visible; height: auto; margin-top: 0; padding: 2rem 0 !important; opacity: 1; }

#header.active #gnb .depth2::before { top: -1.5rem; right: -2rem; height: 28.5rem !important; border-color: #5e6771; background: none !important; }

#header.active #gnb .depth2::after { display: none; }

#header.active #gnb .depth2 a { font-size: 0.9rem; color: #fff; line-height: 2.5rem; }

#header.active #gnb .depth2 a::after { display: none; }

#header.active #gnb .depth2 a:hover, #header.active #gnb .depth2 a:focus, #header.active #gnb .depth2 a:active { text-decoration: underline; }

#header.active #gnb .depth2 > ul > .active > a { text-decoration: underline; }

#header.active #gnb .depth3 { display: block; margin: 0 0 0.25rem; padding-left: 0.75rem; border-left: 2px solid #ff730c; }

#header.active #gnb .depth3 li + li { margin-top: 0.75rem; }

#header.active #gnb .depth3 a { font-size: 0.8rem; color: #c1cbd2; line-height: 1rem; }

.go-top { position: absolute; left: 50%; top: auto; z-index: 1; width: 5rem; height: 3.5rem; margin-left: 28.375rem; padding-right: 0.5rem; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; font-size: 0.75rem; font-weight: 600; color: #fff; text-align: center; line-height: 3.5rem; }

.go-top::before { position: absolute; right: 1rem; bottom: 50%; font-family: "xeicon"; font-size: 0.65rem; content: ''; line-height: 0.4; }

.go-top::after { position: absolute; right: 1rem; top: 50%; font-family: "xeicon"; font-size: 0.65rem; content: ''; line-height: 0.4; }

#footer { background-color: #000; font-size: 0.75rem; color: rgba(255, 255, 255, 0.5); font-weight: 400; text-align: center; }

#footer .request .control { overflow: hidden; position: fixed; right: 0; top: 0; z-index: 102; width: 4rem; height: 4rem; background-color: #000; font-size: 0.75rem; font-weight: 700; color: #fff; text-align: center; line-height: 4rem; }

#footer .request .group { position: fixed; right: -47.5rem; top: 0; z-index: 101; width: 47.5rem; height: 100%; padding: 4rem; background-color: #000; color: rgba(255, 255, 255, 0.7); }

#footer .request .group::before { position: fixed; right: 0; top: 0; z-index: -1; width: 0; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ''; opacity: 0; }

#footer .request .item { width: 25.75rem; max-width: 100%; margin: 0 auto; }

#footer .request .item h2 { margin-bottom: 0.5rem; font-size: 3rem; color: #fff; text-align: left; }

#footer .request .item button { width: 100%; height: 3rem; margin-top: 0.5rem; border: 3px solid #fff; font-size: 0.95rem; font-weight: 700; color: #fff; text-align: center; }

#footer .request .form-textbox { width: 100%; height: 4rem; border: 0 none; border-bottom: 1px solid #4d4d4d; background: none; color: rgba(255, 255, 255, 0.7); text-align: left; }

#footer .request textarea.form-textbox { height: 5.25rem; padding-top: 1.25rem; }

#footer .request .form-select { overflow: hidden; position: relative; height: 4rem; border-bottom: 1px solid #4d4d4d; line-height: 4rem; }

#footer .request .form-select::after { position: absolute; right: 0; top: 0; width: 2rem; height: 100%; background-color: #000; font-family: "xeicon"; font-size: 1.2rem; color: #808080; content: ''; line-height: inherit; }

#footer .request .form-select select { width: 100%; height: 100%; border: 0 none; background: none; }

#footer .request .form-set { display: block; padding: 0.25rem 0; text-align: right; }

#footer .request .agree { line-height: 1.538; }

#footer .request .agree .title { margin: 0.5rem 0; font-size: 0.75rem; font-weight: 300; text-align: left; }

#footer .request .agree .box { overflow: hidden; overflow-y: auto; border: 1px solid #4d4d4d; height: 8.5rem; padding: 0 0.8rem; font-size: 0.65rem; text-align-last: left; white-space: pre-line; }

#footer .request .agree .box::after { display: block; height: 0.8rem; content: ''; }

#footer .request.active .group { right: 0; -webkit-transition: all 0.3s 0.1s; transition: all 0.3s 0.1s; }

#footer .request.active .group::before { width: 100%; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

#footer .request.active .control { position: fixed; right: 47.5rem; top: 1rem !important; width: 3rem; height: 3rem; margin-right: 1.5rem; border-radius: 100%; }

#footer .request.active .control::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; font-size: 2rem; content: ''; line-height: 3.2rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

#footer .request.active .control:hover::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s; transition: all 0.2s; }

#fnb { display: inline-block; position: relative; z-index: 0; width: 66.75rem; max-width: 100%; height: 3.5rem; margin: 0 auto; text-align: left; line-height: 3.5rem; }

#fnb::after { position: absolute; left: 50%; bottom: 0; width: 1000%; height: 1px; margin-left: -500%; background-color: #3c3c3c; content: ''; }

#fnb .menu { float: left; padding: 0 1.5rem; border-left: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; }

#fnb .menu a { color: rgba(255, 255, 255, 0.5); }

#fnb .menu a + a::before { display: inline-block; width: 1px; height: 0.7rem; margin: 0 1rem; background-color: #3c3c3c; content: ''; vertical-align: middle; }

#fnb .sns { float: right; margin-right: 5rem; padding-right: 0.5rem; }

#fnb .sns .label { margin-right: 1rem; color: #fff; }

#fnb .sns .label strong { font-weight: 700; }

#fnb .sns a { display: inline-block; overflow: hidden; width: 1.8rem; height: 1.8rem; margin-right: 0.5rem; border-radius: 100%; background-color: rgba(255, 255, 255, 0.7); text-align: center; line-height: 1.8rem; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }

#fnb .sns a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; font-size: 1rem; color: #000; content: ''; line-height: inherit; }

#fnb .sns a.facebook::before { content: ''; }

#fnb .sns a:hover, #fnb .sns a:focus, #fnb .sns a:active { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

#siteinfo { clear: both; position: relative; width: 68.75rem; max-width: 100%; margin: 1.5rem auto 0; padding: 0 11rem 1.8rem; background: url("../images/logo_footer.png") no-repeat 1rem 0.25rem; text-align: left; }

#siteinfo .customer { position: absolute; right: 1rem; top: 0; font-size: 1.15rem; color: #74c6b5; text-align: center; line-height: 1.2; }

#siteinfo .customer span { display: block; font-size: 0.6rem; font-weight: 700; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 2px; }

#siteinfo .customer strong { font-weight: 600; }

#siteinfo address { display: inline-block; vertical-align: middle; }

#siteinfo span { display: inline-block; margin-left: 0.7rem; vertical-align: middle; }

#siteinfo .copyright { font-weight: 100; letter-spacing: 1px; }


#main { /*padding-top: 4rem;*/ }

#contents { width: 60rem; max-width: calc(100% - 2rem); margin: 4rem auto; }

#snb { position: relative; background: url("../images/spot1.jpg") no-repeat center 0; /*background-size: auto 100% !important;*/background-size: cover !important; text-align: center; }

#snb.snb2 { background: url("../images/spot2.jpg") no-repeat center 0; }

#snb.snb3 { background: url("../images/spot3.jpg") no-repeat center 0; }

#snb.snb4 { background: url("../images/spot4.jpg") no-repeat center 0; }

#snb.snb5 { background: url("../images/spot5.jpg") no-repeat center 0; }

#snb.snb6 { background: url("../images/spot6.jpg") no-repeat center 0; }

#snb.snb7 { background: url("../images/spot7.jpg") no-repeat center 0; }

#snb.sub-mask { background: url("../images/spot-mask.jpg") no-repeat center 0; }

#snb .snb-title { height: 16rem; font-size: 2.5rem; color: #fff; line-height: 14rem; }

#snb nav { overflow: hidden; overflow-x: auto; position: relative; height: 3.5rem; border-top: 1px solid rgba(255, 255, 255, 0.3); line-height: 3.5rem; white-space: nowrap; }

#snb nav li { display: inline; vertical-align: top; }

#snb nav a { display: inline-block; position: relative; z-index: 0; margin: -1px 0.5rem 0; padding: 0 0.75rem; font-size: 0.9rem; color: #fff; vertical-align: top; }

#snb nav a::before { position: absolute; left: 50%; top: 0; width: 0; height: 4px; background-color: #fff; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb nav a:hover::before, #snb nav a:focus::before { left: 0; width: 100%; }

#snb nav .active a { border: 0 none !important; }

#snb nav .active a::before { left: 0; width: 100%; }


/**/
.menu_tab{width:100%; height:38px;  /*overflow:hidden;*/font-size:15px; }
.mTs{border:2px solid #3b44a6; padding:70px 10% 0}
.menu_tab ul{/*padding:23px 0;border-width:1px 0*/}
.menu_tab li{list-style:none;position:relative;top:0px; float:left;border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;width:40%; margin-right:2px; border-radius:15px 15px 0 0; }
.menu_tab li a{display:block; padding:7px 16px;text-decoration:none;text-align:center; color:#999}
.menu_tab li a:hover{text-decoration:none}
.menu_tab li.active a{ background:#3b44a6; /*height:30px;*/ font-weight:bold;color:#fff; padding:7px 16px; border-radius:15px 15px 0 0; }

.menu_tab li.active a:hover{text-decoration:none}

/*상세검색*/
.detail_search a{cursor:pointer;}
.detail_search .hide{display:none;}


/* 윤리강령 추가 */
.sub0106 .company_sub {text-align:left;}
.company_sub {display:inline-block;}
.company_sub span {line-height:20px;}
.company_sub p {line-height:20px;}
.blue_tit {font-size:26px; color:#0072bc; margin-bottom:25px;}
.s_con {line-height:20px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.company_sub .standard_list_wrap {width:98%; /*height:98px; */padding:17px 0 17px 25px;overflow:hidden;  margin-bottom:25px; border:1px solid #d7d7d7; background-color:#f6f6f6;}
.company_sub .standard_list_wrap a {line-height:22px;}
.company_sub .standard_list1 {float:left; width:50%;}
@media (max-width: 801px) { .company_sub .standard_list1 {float:none;width:100%}}
.company_sub .standard_list2 {float:left;}
.s_tit {font-size:18px; color:#252525; margin-bottom:15px;}
.s_tit5 {display:inline-block; font-size:15px; color:#0072bc; margin-bottom:15px;}
.color_black01 {color:#252525; line-height:20px;}
.s_con2 {line-height:20px; padding-left:20px; background:url('../images/bu_rect_02.png'); background-repeat:no-repeat; background-position:9px 8px;}
.company_sub .line_dot {width:98%; height:1px; background:url('../images/bg_dot_01.png'); background-repeat:repeat-x; margin:40px 0 40px 0;}

/* 주문내역조회 */
.order_box .line_dot {width:980px; height:1px; background:url('../images/bg_dot_01.png'); background-repeat:repeat-x; margin:40px 0 40px 0;}